.showcase-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);align-items:center;gap:48px;padding-block:68px 62px}
.showcase-hero h1{font-size:clamp(38px,4.7vw,60px);line-height:1.08;letter-spacing:-1.4px;margin:0 0 22px;text-wrap:balance}
.showcase-hero .l2{color:var(--primary)}
.showcase-hero .lead{font-size:18px;line-height:1.7;color:var(--muted);margin:0 0 26px;max-width:520px}
.showcase-hero .pill{margin-bottom:22px}
.showcase-hero .facts{font-size:13px;gap:8px 16px;margin-top:22px}
.showcase-hero .cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.product-screen{margin:0;min-width:0}
.screen-frame{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#101126;box-shadow:0 18px 48px rgba(59,47,39,.10)}
.screen-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;background:var(--surface);color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}
.screen-label b{font-weight:700;color:var(--ink)}
.screen-frame a{display:block}
.screen-frame img{display:block;width:100%;height:auto}
.daily-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#1d2625}
.film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 2px 0;color:var(--muted);font-size:12px}
.film-toggle{flex:none;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);padding:7px 13px;font:inherit;font-weight:600;cursor:pointer}
.film-toggle:hover{border-color:var(--brand)}
.film-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.film-toggle[hidden]{display:none}
.film-transcript{font-size:12px;color:var(--dim);margin:10px 3px 0}
.film-transcript summary{cursor:pointer;text-underline-offset:3px}
.film-transcript p{line-height:1.7;margin:8px 0 0}
.product-screen figcaption{font-size:12px;color:var(--dim);line-height:1.6;margin:11px 3px 0}
.product-screen figcaption a{text-underline-offset:3px}
.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.showcase-heading .sub{margin-bottom:0;max-width:660px}
.product-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.offer-card{display:flex;flex-direction:column;gap:16px;min-width:0;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.offer-card h3{margin:0;font-size:24px;letter-spacing:-.5px}
.offer-card .badge{align-self:flex-start}
.offer-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.offer-price{font-size:36px;line-height:1.15;font-weight:800;letter-spacing:-1px}
.offer-price small{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0}
.offer-card .offer-alt{font-size:13px;color:var(--dim);margin-top:-8px}
.offer-card ul{padding-left:19px;margin:0 0 8px;color:var(--muted);font-size:14px;line-height:1.75}
.offer-card .btn{margin-top:auto;align-self:stretch}
.offer-card.featured{border-color:#b3c2dc;background:linear-gradient(145deg,#fffdf9,#f3f5fa)}
.interface-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:26px;align-items:start}
.interface-grid .screen-frame{box-shadow:none}
.interface-grid .screen-frame img{height:354px;object-fit:contain}
.interface-grid .profile-frame{background:#f3eee5}
.interface-copy{padding:17px 2px 0}
.interface-copy h3{font-size:20px;margin:0 0 8px}
.interface-copy p{color:var(--muted);font-size:15px;margin:0}
.service-overview{background:var(--surface-2)}
.service-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.service-steps article{border-top:1px solid #d8cbbb;padding-top:18px}
.service-steps .step-number{color:var(--brand);font-size:13px;font-weight:700;letter-spacing:1px}
.service-steps h3{font-size:20px;margin:8px 0}
.service-steps p{color:var(--muted);font-size:15px;margin:0}
.development-note{padding:24px 28px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;display:flex;gap:28px;align-items:center;justify-content:space-between}
.development-note h2{font-size:23px;margin:4px 0 8px}
.development-note p{color:var(--muted);font-size:15px;margin:0;max-width:760px}
.development-note .badge{flex:none}
.getting-started{max-width:820px}
.getting-started article{padding-block:26px;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.getting-started article:first-child{padding-top:0}
.getting-started h2{font-size:24px;margin:0 0 12px}
.getting-started p,.getting-started li{color:var(--muted)}
.getting-started .cta{margin-top:18px}
.getting-started .support-note{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:30px}
@media(max-width:1080px){.showcase-hero{gap:28px}.showcase-hero h1{font-size:44px}.offer-card{padding:22px}}
@media(max-width:860px){.showcase-hero{grid-template-columns:minmax(0,1fr);padding-block:42px;gap:32px}.showcase-hero .lead{max-width:650px}.product-offers{grid-template-columns:minmax(0,1fr)}.offer-card{padding:26px}.interface-grid{grid-template-columns:minmax(0,1fr)}.interface-grid .screen-frame img{height:auto}.interface-grid .profile-frame img{height:400px;width:auto;max-width:100%;margin:auto}.service-steps{grid-template-columns:minmax(0,1fr);gap:22px}.development-note{align-items:flex-start;flex-direction:column;gap:16px}}
@media(max-width:480px){.showcase-hero h1{font-size:39px;letter-spacing:-.9px}.showcase-hero .lead{font-size:17px}.showcase-hero .cta .btn{flex:1 1 140px;padding-inline:14px}.showcase-hero .facts{gap:5px 14px}.showcase-hero .facts>span:last-child{flex-basis:100%}.screen-label{padding:9px 12px;font-size:11px}.offer-card{padding:24px}.showcase-heading{gap:14px}}