:root{--ink:#13233f;--muted:#5d6b81;--paper:#f7f9fc;--white:#fff;--line:#dce3ee;--blue:#2557d6;--blue-dark:#173c9a;--sky:#eaf0ff;--coral:#ff725e;--gold:#eaaa1a;--success:#168052;--danger:#a4241d;--radius:.75rem}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Aptos","Segoe UI",Arial,sans-serif;font-size:16px}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.site-header{width:min(1180px,calc(100% - 40px));margin:0 auto;height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.02em;width:fit-content}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px 9px 9px 3px;color:#fff;background:var(--blue);font-weight:800}
.header-link,.text-link{font-size:.9rem;font-weight:700;color:var(--blue);padding:10px 0}
.hero{width:min(1180px,calc(100% - 40px));margin:0 auto;min-height:660px;padding:78px 0 88px;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(44px,7vw,90px);align-items:center}
.eyebrow{color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin:0 0 18px}
h1{font-size:clamp(3.3rem,6.2vw,5.8rem);line-height:.94;letter-spacing:-.065em;margin:0;max-width:650px}
.hero-lede{font-size:clamp(1.05rem,1.7vw,1.24rem);line-height:1.58;color:var(--muted);max-width:590px;margin:28px 0 30px}
.signup-form{max-width:610px}.signup-form label{display:block;font-size:.85rem;font-weight:750;margin-bottom:8px}
.form-row{display:flex;gap:10px}.form-row input{min-width:0;flex:1;min-height:54px;border:1px solid #b8c4d5;border-radius:11px;background:#fff;color:var(--ink);padding:0 16px;outline:none;box-shadow:0 1px 1px rgb(20 36 64 / 4%)}
.form-row input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgb(37 87 214 / 12%);outline:none}
.form-row button,.primary-button{min-height:54px;border:0;border-radius:11px;background:var(--blue);color:#fff;padding:0 19px;font-weight:760;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 8px 20px rgb(37 87 214 / 20%)}
.form-row button:hover,.primary-button:hover{background:var(--blue-dark)}.form-row button:disabled{opacity:.7;cursor:wait}
.form-note,.form-error{font-size:.78rem;line-height:1.45;color:var(--muted);margin:10px 0 0}.form-error{color:var(--danger)}
.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:23px;color:#4c5b71;font-size:.86rem}.trust-row span{display:inline-flex;align-items:center;gap:6px}.trust-row span::first-letter{color:var(--blue)}
.hero-product{margin:0;align-self:center}.hero-product img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 28px 80px rgb(33 55 93 / 17%),0 4px 12px rgb(33 55 93 / 6%)}.hero-product figcaption{margin:10px 8px 0;color:var(--muted);font-size:.72rem;text-align:right}
.tracker-window{background:#fff;border:1px solid #cfd9e7;border-radius:18px;overflow:hidden;box-shadow:0 28px 80px rgb(33 55 93 / 17%),0 4px 12px rgb(33 55 93 / 6%);transform:rotate(1deg)}
.window-bar{min-height:54px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fbfcfe}.window-title{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:750}.sheet-icon{color:#228152;font-size:1.2rem}.file-label{font-size:.68rem;color:var(--muted);font-weight:700}
.sheet-tabs{display:flex;gap:24px;padding:0 20px;border-bottom:1px solid var(--line);color:#778397;font-size:.67rem;font-weight:760;letter-spacing:.04em}.sheet-tabs span{padding:13px 0 11px}.sheet-tabs .active{color:var(--blue);border-bottom:2px solid var(--blue)}
.dashboard-preview{padding:26px 24px 28px;background:linear-gradient(180deg,#fff,#f9fbfe)}.preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.preview-heading div{display:grid;gap:3px}.preview-heading small{color:var(--blue);font-size:.58rem;font-weight:800;letter-spacing:.12em}.preview-heading strong{font-size:1.08rem;letter-spacing:-.02em}.preview-heading>span{color:#8691a2;font-size:.62rem}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-grid>div{padding:15px;border:1px solid var(--line);border-radius:10px;display:grid;gap:7px;background:#fff}.metric-grid small{color:var(--muted);font-size:.64rem}.metric-grid strong{font-size:1.55rem}.metric-grid .accent-card{background:var(--blue);border-color:var(--blue);color:#fff}.metric-grid .accent-card small{color:#dbe5ff}
.pipeline{margin-top:15px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.pipeline>div{display:grid;grid-template-columns:1.35fr .72fr 1fr;gap:10px;align-items:center;min-height:39px;padding:0 13px;border-top:1px solid #edf1f6;font-size:.64rem;color:#58667b}.pipeline>div:first-child{border-top:0}.pipeline .pipeline-head{min-height:31px;color:#8994a6;font-size:.53rem;font-weight:800;letter-spacing:.07em;background:#f7f9fc}.pipeline b{font-size:.58rem;width:fit-content;padding:4px 7px;border-radius:20px;color:var(--blue-dark);background:var(--sky)}.company-dot{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:6px}.company-dot.blue{background:var(--blue)}.company-dot.coral{background:var(--coral)}.company-dot.gold{background:var(--gold)}
.sheet-footer{display:flex;gap:17px;padding:11px 18px 10px;border-top:1px solid var(--line);background:#f6f8fb;color:#7b8798;font-size:.53rem;font-weight:800}.sheet-footer .active{color:var(--blue)}
.problem-strip{background:var(--ink);color:#fff;min-height:84px;display:flex;align-items:center;justify-content:center;gap:clamp(28px,7vw,100px);padding:18px 24px}.problem-strip p{margin:0;font-size:.93rem;font-weight:680}.problem-strip p::before{content:"";display:inline-block;width:7px;height:7px;background:var(--coral);border-radius:50%;margin-right:11px}
.section{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:112px 0}.section-intro{max-width:700px}h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.04;letter-spacing:-.045em;margin:0}.section-intro>p:last-child,.final-cta>div>p:last-child{max-width:650px;color:var(--muted);font-size:1.08rem;line-height:1.65;margin:22px 0 0}
.product-tour{width:min(1180px,calc(100% - 40px));padding-bottom:70px}.demo-frame{margin-top:48px;padding:12px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 55px rgb(33 55 93 / 10%)}.demo-frame img{display:block;width:100%;height:auto;border-radius:13px}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.screen-grid figure{min-width:0;margin:0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.screen-image{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--line);background:#f7f9fc}.screen-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}.screen-grid figcaption{display:grid;gap:7px;padding:18px}.screen-grid figcaption strong{font-size:1rem}.screen-grid figcaption span{color:var(--muted);font-size:.87rem;line-height:1.5}
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-top:1px solid var(--line)}.step-grid article{position:relative;padding:34px 32px 10px 0;border-right:1px solid var(--line)}.step-grid article+article{padding-left:32px}.step-grid article:last-child{border-right:0}.step-grid article>span{position:absolute;right:18px;top:35px;color:#a9b3c3;font-size:.72rem;font-weight:800;letter-spacing:.09em}.step-icon{color:var(--blue);font-size:1.75rem;margin-bottom:38px}.step-grid h3{font-size:1.2rem;letter-spacing:-.02em;margin:0 0 11px}.step-grid p{color:var(--muted);line-height:1.58;font-size:.95rem;margin:0}
.included{padding-top:10px}.included-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:clamp(36px,6vw,72px);border-radius:24px;background:#eaf0ff}.included-card h2{font-size:clamp(2rem,3.6vw,3.2rem)}.included-card ul{list-style:none;margin:0;padding:0;display:grid;gap:19px;align-content:center}.included-card li{display:flex;gap:12px;align-items:center;font-weight:650;line-height:1.4}.included-card li span{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;font-size:.75rem;color:#fff;background:var(--blue);border-radius:50%}
.final-cta{display:grid;grid-template-columns:1fr .9fr;gap:65px;align-items:center}.final-cta .signup-form{width:100%}.final-cta .form-row{flex-direction:column}.final-cta .form-row button{width:100%}
.success-panel{max-width:680px;padding:20px;border:1px solid #b8cbea;border-radius:16px;background:#fff;display:grid;grid-template-columns:auto 1fr;gap:14px 16px;box-shadow:0 10px 30px rgb(33 55 93 / 9%)}.success-icon{width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--success);border-radius:50%;grid-row:span 2}.success-panel strong{display:block;margin-top:1px}.success-panel p{color:var(--muted);margin:4px 0 0;font-size:.88rem;line-height:1.45}.download-options{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}.download-option{min-width:0;padding:13px 14px;border:1px solid #b8cbea;border-radius:11px;text-decoration:none;display:flex;flex-direction:column;gap:3px;transition:transform .18s ease,box-shadow .18s ease}.download-option:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgb(33 55 93 / 10%)}.download-option span{font-weight:800;font-size:.88rem}.download-option small{font-size:.72rem;line-height:1.35}.download-option.primary{background:var(--blue);border-color:var(--blue);color:#fff}.download-option.primary small{color:#dce7ff}.download-option.secondary{color:var(--blue);background:#f7f9ff}.download-option.secondary small{color:var(--muted)}
footer{width:min(1180px,calc(100% - 40px));margin:0 auto;min-height:86px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.82rem}footer span:first-child{color:var(--ink);font-weight:750}footer a{color:var(--blue);font-weight:700}
.utility-page{min-height:100vh;display:grid;place-items:center;padding:30px}.utility-card{width:min(620px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(28px,6vw,54px);box-shadow:0 20px 60px rgb(33 55 93 / 12%)}.utility-card .brand{margin-bottom:46px}.utility-card h1{font-size:clamp(2.2rem,7vw,3.8rem);margin-bottom:20px}.utility-card>p{color:var(--muted);line-height:1.65}.utility-card .primary-button{margin-top:18px}.feedback-card h1{font-size:clamp(2.2rem,6vw,3.4rem)}
.feedback-form{display:grid;gap:18px;margin-top:28px}.feedback-form fieldset{border:0;padding:0;margin:0;display:grid;gap:10px}.feedback-form legend,.feedback-form>label{font-weight:750;margin-bottom:2px}.feedback-form fieldset label{display:flex;gap:8px;align-items:center;color:var(--muted)}.feedback-form label span{font-weight:400;color:var(--muted)}select,textarea{width:100%;border:1px solid #b8c4d5;border-radius:10px;background:#fff;color:var(--ink);padding:12px 14px}textarea{resize:vertical}.feedback-form .primary-button{width:fit-content;margin:0}
.admin-page{min-height:100vh;background:#f2f5fa}.admin-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:34px 0 70px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.admin-actions{display:flex;gap:14px;align-items:center}.admin-actions a{color:var(--blue);font-weight:700;font-size:.88rem}.admin-title{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;margin:0}.admin-subtitle{color:var(--muted);margin:8px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-card small{color:var(--muted);font-weight:700}.stat-card strong{display:block;font-size:2rem;margin-top:8px}.admin-section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:18px;overflow:hidden}.admin-section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.admin-section h2{font-size:1.3rem;letter-spacing:-.02em}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.84rem}.data-table th,.data-table td{text-align:left;padding:11px 10px;border-top:1px solid #edf1f6;white-space:nowrap}.data-table th{color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.data-table td.wrap{white-space:normal;min-width:200px}.status-pill{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--sky);color:var(--blue-dark);font-size:.72rem;font-weight:750}.login-card form{display:grid;gap:12px;margin-top:24px}.login-card input{min-height:50px;border:1px solid #b8c4d5;border-radius:10px;padding:0 14px}
@media(max-width:880px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{max-width:690px}.hero-product{max-width:760px}.tracker-window{max-width:680px;transform:none}.screen-grid{grid-template-columns:1fr 1fr}.screen-grid figure:last-child{grid-column:1/-1}.included-card,.final-cta{grid-template-columns:1fr;gap:38px}.problem-strip{gap:22px;flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.site-header,.hero,.section,footer,.admin-shell{width:min(100% - 30px,1180px)}.header-link{font-size:.78rem}.hero{padding:48px 0 65px;gap:42px}h1{font-size:clamp(3rem,15vw,4.3rem)}.form-row{flex-direction:column}.form-row button{width:100%}.trust-row{gap:12px 18px}.hero-product figcaption{text-align:left}.dashboard-preview{padding:19px 15px}.sheet-tabs{gap:14px;overflow:hidden}.sheet-tabs span:last-child{display:none}.pipeline>div{grid-template-columns:1.2fr .75fr}.pipeline>div span:last-child{display:none}.problem-strip{justify-content:flex-start;padding:23px 22px}.problem-strip p{width:100%}.section{padding:82px 0}.product-tour{padding-bottom:42px}.screen-grid{grid-template-columns:1fr}.screen-grid figure:last-child{grid-column:auto}.step-grid{grid-template-columns:1fr}.step-grid article,.step-grid article+article{border-right:0;border-bottom:1px solid var(--line);padding:28px 0}.step-grid article:last-child{border-bottom:0}.step-icon{margin-bottom:22px}.included-card{padding:34px 25px}footer{flex-direction:column;justify-content:center;gap:7px;align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.admin-header{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.success-copy{min-width:0}@media(max-width:620px){.success-panel{grid-template-columns:auto 1fr}.download-options{grid-column:1/-1;grid-template-columns:1fr}.success-icon{grid-row:auto}.success-copy{grid-column:2}}
.admin-actions form{margin:0}.admin-actions .text-link{color:var(--blue);font-weight:700;font-size:.88rem;border:0;background:none;cursor:pointer}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.event-counts{display:flex;gap:8px;flex-wrap:wrap;margin:-14px 0 28px}.event-counts span{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.75rem}.event-counts b{color:var(--ink)}
.admin-flash{margin:22px 0 -10px;padding:13px 16px;border:1px solid;border-radius:11px;font-size:.88rem;font-weight:700}.admin-flash.success{color:#116840;background:#ebf8f1;border-color:#b7dfca}.admin-flash.error{color:var(--danger);background:#fff0ee;border-color:#efc2bc}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.control-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:#f9fbfe}.control-card h3{font-size:1.02rem;margin:0 0 7px}.control-card>p,.control-title p,.control-note,.day3-editor>div>p{color:var(--muted);font-size:.84rem;line-height:1.5;margin:0 0 17px}.control-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.control-title .status-pill{flex:0 0 auto}.status-pill.active{color:#116840;background:#e2f5eb}.status-pill.paused{color:#845b00;background:#fff3cf}.control-form{display:grid;gap:9px}.control-form label{font-size:.78rem;font-weight:750}.control-form label span{color:var(--muted);font-weight:400}.control-form input,.control-form textarea{width:100%;border:1px solid #b8c4d5;border-radius:9px;background:#fff;color:var(--ink);padding:10px 12px}.control-form textarea{resize:vertical}.admin-button{width:fit-content;min-height:40px;margin-top:5px;padding:0 14px;border:1px solid #b8c4d5;border-radius:9px;background:#fff;color:var(--ink);font-weight:750;font-size:.82rem;cursor:pointer}.admin-button.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.admin-button.warning{color:#784d00;background:#fff3cf;border-color:#e8cd79}.admin-button.danger{color:#fff;background:#a43a32;border-color:#a43a32}.day3-editor{display:grid;grid-template-columns:.55fr 1.15fr .9fr;gap:22px;margin-top:16px}.email-preview{align-self:start;padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.email-preview small{color:var(--blue);font-size:.66rem;font-weight:800;letter-spacing:.1em}.email-preview h4{font-size:1.12rem;line-height:1.25;margin:12px 0}.email-preview p{color:var(--muted);font-size:.82rem;line-height:1.55;white-space:pre-line}.email-preview span{display:inline-block;padding:10px 13px;border-radius:8px;background:var(--blue);color:#fff;font-size:.76rem;font-weight:750}.inline-action{margin:0}.inline-action button{white-space:nowrap;border:1px solid #b8c4d5;border-radius:8px;background:#fff;color:var(--blue);padding:7px 9px;font-size:.74rem;font-weight:750;cursor:pointer}

/* Premium Tracker V1 product presentation */
.image-button{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:inherit;cursor:zoom-in}
.image-button:focus-visible,.zoom-text:focus-visible,.demo-controls button:focus-visible,.image-lightbox button:focus-visible,.image-lightbox a:focus-visible{outline:3px solid #7da3ff;outline-offset:4px}
.hero-product .image-button{border-radius:24px;overflow:hidden;box-shadow:0 30px 90px rgb(22 48 84 / 23%),0 6px 18px rgb(22 48 84 / 10%);transition:transform .25s ease,box-shadow .25s ease}
.hero-product .image-button:hover{transform:translateY(-4px);box-shadow:0 36px 100px rgb(22 48 84 / 27%),0 8px 20px rgb(22 48 84 / 12%)}
.hero-product figcaption{display:flex;justify-content:space-between;gap:16px;margin:12px 6px 0;font-size:.74rem;text-align:left}
.product-tour{padding-bottom:96px}
.demo-shell{display:grid;grid-template-columns:minmax(280px,.38fr) minmax(0,.62fr);gap:28px;margin-top:52px;padding:28px;border-radius:28px;background:#0a2f40;color:#fff;box-shadow:0 30px 90px rgb(22 48 84 / 16%)}
.demo-copy{padding:24px 10px 24px 16px;display:flex;flex-direction:column;justify-content:center}.demo-copy .eyebrow{color:#90b6ff;margin-bottom:22px}.demo-step{margin:0 0 12px;color:#b9ccd4;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.demo-copy h3{font-size:clamp(1.9rem,3vw,3.1rem);line-height:1.04;letter-spacing:-.045em;margin:0}.demo-copy>p:not(.eyebrow):not(.demo-step){color:#c8d7df;line-height:1.65;margin:20px 0 0}
.demo-controls{display:flex;align-items:center;gap:10px;margin-top:34px}.demo-controls button{min-width:42px;height:42px;border:1px solid rgb(255 255 255 / 22%);border-radius:999px;background:rgb(255 255 255 / 8%);color:#fff;font-weight:750;cursor:pointer}.demo-controls button:hover{background:rgb(255 255 255 / 15%)}.demo-controls .demo-pause{min-width:auto;padding:0 16px;margin-left:5px}.demo-dots{display:flex;gap:6px;padding:0 4px}.demo-dots span{width:7px;height:7px;border-radius:50%;background:rgb(255 255 255 / 30%)}.demo-dots span.active{width:22px;border-radius:999px;background:#8fb6ff}
.demo-shell,.demo-copy,.demo-visual,.demo-slide{min-width:0;max-width:100%}.demo-visual{position:relative;width:100%;aspect-ratio:3/2;border-radius:19px;overflow:hidden;background:#f3f6fb}.demo-slide{position:absolute;inset:0;width:100%;opacity:0;visibility:hidden;transform:translateX(28px);transition:opacity .55s ease,transform .55s ease,visibility .55s}.demo-slide.active{opacity:1;visibility:visible;transform:translateX(0);z-index:1}.demo-slide img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}
.gallery-intro{max-width:720px;margin:118px 0 0}.gallery-intro>p:last-child{color:var(--muted);font-size:1.06rem;line-height:1.65;margin:20px 0 0}
.showcase-groups{display:grid;gap:74px;margin-top:46px}.showcase-group{padding-top:28px;border-top:1px solid var(--line)}.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px}.showcase-heading>div{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}.showcase-heading span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#e8efff;color:var(--blue);font-size:.78rem;font-weight:800}.showcase-heading h3{font-size:1.5rem;letter-spacing:-.025em;margin:0}.showcase-heading p{grid-column:2;color:var(--muted);line-height:1.55;margin:5px 0 0}.zoom-text{flex:0 0 auto;border:0;background:none;color:var(--blue);font:inherit;font-size:.86rem;font-weight:760;cursor:pointer;padding:8px 0}.zoom-text::after{content:" ↗"}
.showcase-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.showcase-card{overflow:hidden;border:1px solid #ccd7e6;border-radius:20px;background:#fff;box-shadow:0 14px 36px rgb(33 55 93 / 8%);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.showcase-card:hover{transform:translateY(-4px);border-color:#aebfe0;box-shadow:0 22px 50px rgb(33 55 93 / 14%)}.showcase-card img{display:block;width:100%;height:auto}
.included-card{grid-template-columns:.78fr 1.22fr;align-items:center;background:#e8efff}.included-card>div:first-child>p:last-child{color:var(--muted);line-height:1.62;margin:20px 0 0}.workbook-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.workbook-cards article{padding:24px;border:1px solid #c8d6ed;border-radius:17px;background:#fff}.workbook-cards article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e8efff;color:var(--blue);font-size:.72rem;font-weight:800}.workbook-cards h3{font-size:1.05rem;margin:20px 0 8px}.workbook-cards p{color:var(--muted);font-size:.88rem;line-height:1.55;margin:0}
.image-lightbox{width:min(1500px,calc(100% - 36px));height:min(94vh,1050px);padding:0;border:0;border-radius:20px;background:#eef2f8;color:var(--ink);box-shadow:0 40px 120px rgb(2 15 31 / 45%);overflow:hidden}.image-lightbox::backdrop{background:rgb(4 16 32 / 82%);backdrop-filter:blur(7px)}.lightbox-bar{min-height:64px;padding:0 18px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border-bottom:1px solid var(--line)}.lightbox-bar>div{display:flex;gap:10px;align-items:center}.lightbox-bar button,.lightbox-bar a{border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--blue);padding:9px 12px;font-size:.82rem;font-weight:750;cursor:pointer}.lightbox-canvas{height:calc(100% - 64px);overflow:auto;padding:24px;display:flex;align-items:flex-start;justify-content:center}.lightbox-canvas img{display:block;max-width:none;width:auto;height:auto;box-shadow:0 10px 34px rgb(33 55 93 / 15%)}
@media(max-width:980px){.demo-shell{grid-template-columns:1fr}.demo-copy{padding:18px 12px 0}.demo-visual{aspect-ratio:3/2}.showcase-pair{grid-template-columns:1fr}.included-card{grid-template-columns:1fr}.workbook-cards{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.day3-editor{grid-template-columns:1fr 1fr}.day3-editor>div{grid-column:1/-1}}
@media(max-width:620px){.hero-product figcaption{display:grid;gap:4px}.demo-shell{width:100%;margin-top:34px;padding:14px;border-radius:20px;overflow:hidden}.demo-copy{padding:18px 10px 5px}.demo-copy h3{font-size:2rem}.demo-controls{max-width:100%;margin-top:24px;flex-wrap:wrap}.demo-visual{width:100%;aspect-ratio:3/2}.demo-slide,.demo-slide img{width:100%;max-width:100%}.demo-slide img{object-fit:cover}.gallery-intro{margin-top:82px}.showcase-groups{gap:55px}.showcase-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}.showcase-heading>div{grid-template-columns:auto 1fr;min-width:0}.showcase-heading p{grid-column:1/-1;margin-top:12px}.showcase-pair,.showcase-card{min-width:0;max-width:100%}.showcase-pair{gap:12px}.showcase-card{width:100%;border-radius:14px}.showcase-card img{width:100%;max-width:100%}.workbook-cards{grid-template-columns:1fr}.image-lightbox{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.lightbox-bar{min-height:58px;padding:0 10px 0 14px}.lightbox-bar strong{font-size:.82rem}.lightbox-bar a{display:none}.lightbox-canvas{height:calc(100% - 58px);padding:14px;justify-content:flex-start}.lightbox-canvas img{max-width:none}}
@media(prefers-reduced-motion:reduce){.hero-product .image-button,.showcase-card,.demo-slide{transition:none}.hero-product .image-button:hover,.showcase-card:hover{transform:none}}
@media(max-width:680px){.control-grid,.day3-editor{grid-template-columns:1fr}.day3-editor>div{grid-column:auto}.control-title{flex-direction:column}.admin-section-head{align-items:flex-start;flex-direction:column}.admin-controls{padding:16px}}