:root{--navy:#10213b;--ink:#0b0f14;--muted:#62708a;--line:#dce3ec;--brand:#009f8a;--soft:#e9f6f3}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background:#f7f9fc;color:var(--ink);font-family:Manrope,Arial,sans-serif}main{width:min(1220px,100%);height:100dvh;margin:auto;padding:0 clamp(18px,3vw,42px);display:grid;grid-template-rows:76px minmax(0,1fr) 38px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--navy);font-size:20px;letter-spacing:-.06em}.brand span{display:grid;place-items:center;width:30px;height:30px;background:#fff;border:1px solid var(--line);border-radius:7px}.brand img{width:24px;height:24px}.brand small{font-size:20px;font-weight:400}header p{margin:0;color:var(--muted);font:500 10px 'DM Mono',monospace}header i{display:inline-block;width:7px;height:7px;background:var(--brand);border-radius:50%;margin-right:7px}.stage{min-height:0;display:grid;grid-template-columns:minmax(300px,.86fr) minmax(500px,1.14fr);gap:clamp(32px,6vw,90px);align-items:center}.intro{padding-bottom:14px}.eyebrow{margin:0 0 14px;color:var(--brand);font:500 10px 'DM Mono',monospace;letter-spacing:.06em}.intro h1{max-width:500px;margin:0;color:var(--navy);font-size:clamp(43px,5.1vw,72px);line-height:.99;letter-spacing:-.08em}.summary{max-width:440px;margin:21px 0 29px;color:var(--muted);font-size:14px;line-height:1.68}.countdown{display:grid;grid-template-columns:repeat(4,1fr);max-width:425px;border:1px solid var(--line);background:var(--line);gap:1px}.countdown div{padding:16px 13px 13px;background:#fff}.countdown strong{display:block;color:var(--navy);font:500 clamp(28px,3.2vw,43px)/1 'DM Mono',monospace;letter-spacing:-.1em}.countdown span{display:block;margin-top:7px;color:var(--muted);font:500 9px 'DM Mono',monospace}.family{min-width:0}.family-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:18px}.family-head h2{max-width:410px;margin:0;color:var(--navy);font-size:clamp(22px,2.5vw,31px);line-height:1.08;letter-spacing:-.055em}.controls{display:flex;gap:7px}.controls button{width:34px;height:34px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--navy);font-size:17px;cursor:pointer}.controls button:hover{border-color:var(--brand);color:var(--brand)}.solution{height:clamp(285px,39vh,370px);display:grid;grid-template-columns:43% 57%;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:15px;animation:enter .28s ease-out}.visual{width:100%;height:100%;object-fit:cover;background:var(--brand)}.solution-copy{align-self:center;padding:clamp(22px,3vw,42px)}.mark{display:block;width:35px;height:35px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:8px;object-fit:contain}.product{margin:21px 0 8px;color:var(--brand);font:500 10px 'DM Mono',monospace}.solution h3{margin:0;color:var(--navy);font-size:clamp(22px,2.45vw,31px);line-height:1.1;letter-spacing:-.06em}.solution-copy>p:last-child{margin:13px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.family-nav{display:flex;gap:4px;margin-top:13px;overflow:hidden}.family-nav button{flex:1;min-width:0;border:0;border-radius:6px;background:transparent;padding:8px 5px;color:var(--muted);font:500 10px Manrope,Arial;cursor:pointer;white-space:nowrap}.family-nav button.active{background:var(--soft);color:var(--brand);font-weight:800}footer{display:flex;align-items:center;border-top:1px solid var(--line);color:var(--muted);font:500 9px 'DM Mono',monospace}footer span{margin:0 7px;color:var(--brand)}@keyframes enter{from{opacity:.3;transform:translateX(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-height:720px) and (min-width:761px){main{grid-template-rows:62px minmax(0,1fr) 29px}.intro h1{font-size:clamp(37px,4.4vw,57px)}.summary{margin:14px 0 18px}.solution{height:285px}.solution-copy{padding:22px}.product{margin:12px 0 6px}.solution h3{font-size:25px}.solution-copy>p:last-child{margin-top:9px}.family-head{margin-bottom:10px}.eyebrow{margin-bottom:9px}}

/* Mobile is a distinct, single-screen composition: the product is the hero. */
@media(max-width:760px){:root{--mobile-deep:#06251f;--mobile-panel:#0b352d;--mobile-line:rgba(222,255,240,.16);--mobile-ink:#f2fff8;--mobile-muted:#b6cec2}html,body{background:var(--mobile-deep);overflow:hidden}body{color:var(--mobile-ink)}main{width:100%;height:100dvh;padding:0 18px;grid-template-rows:58px minmax(0,1fr) 22px;background:radial-gradient(34rem 20rem at 105% -5%,#147b60 0%,transparent 65%),radial-gradient(25rem 18rem at -24% 100%,#0e604c 0%,transparent 64%),var(--mobile-deep)}header{border-color:var(--mobile-line)}.brand{color:var(--mobile-ink);font-size:18px;gap:7px}.brand small{font-size:18px}.brand span{width:28px;height:28px;border:0;border-radius:7px}.brand img{width:23px;height:23px}header p{display:none}.stage{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:15px;align-content:stretch}.intro{padding:18px 0 0}.intro .eyebrow{margin:0 0 7px;color:#b7f166;font-size:9px;letter-spacing:.04em}.intro h1{max-width:360px;color:var(--mobile-ink);font-size:clamp(31px,9.4vw,42px);line-height:.98;letter-spacing:-.075em}.summary{display:none}.countdown{max-width:none;margin-top:14px;border-color:var(--mobile-line);background:var(--mobile-line);gap:1px}.countdown div{padding:8px 8px 7px;background:rgba(7,41,34,.72)}.countdown strong{color:var(--mobile-ink);font-size:25px;letter-spacing:-.1em}.countdown span{margin-top:3px;color:var(--mobile-muted);font-size:8px}.family{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;padding-bottom:6px}.family-head{align-items:center;margin:0 0 8px}.family-head .eyebrow{display:none}.family-head h2{max-width:240px;color:var(--mobile-ink);font-size:16px;line-height:1.15;letter-spacing:-.04em}.controls{gap:5px}.controls button{width:32px;height:32px;border-color:var(--mobile-line);border-radius:50%;background:transparent;color:var(--mobile-ink);font-size:16px}.solution{height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(125px,1fr) auto;border:1px solid var(--mobile-line);border-radius:13px;background:var(--mobile-panel);box-shadow:none}.visual{min-height:0;object-position:center 48%;background:#0e604c}.solution-copy{position:relative;padding:13px 15px 15px;background:linear-gradient(90deg,rgba(6,37,31,.98),rgba(6,37,31,.79))}.mark{position:absolute;top:-23px;left:15px;width:31px;height:31px;padding:4px;border:1px solid rgba(255,255,255,.12);border-radius:7px}.product{margin:6px 0 5px;color:#b7f166;font-size:9px}.solution h3{max-width:335px;color:var(--mobile-ink);font-size:20px;line-height:1.08;letter-spacing:-.055em}.solution-copy>p:last-child{display:none}.family-nav{gap:3px;margin-top:9px;overflow:visible}.family-nav button{padding:6px 2px;color:var(--mobile-muted);font-size:8px}.family-nav button.active{background:rgba(183,241,102,.16);color:#d5ff94;border-radius:5px}footer{border-color:var(--mobile-line);color:#9fbcaf;font-size:8px}footer span{color:#b7f166}}

@media(max-width:360px),(max-height:620px) and (max-width:760px){.intro{padding-top:10px}.intro h1{font-size:29px}.countdown{margin-top:9px}.family-head h2{font-size:14px}.solution h3{font-size:18px}.stage{gap:9px}.family-nav{margin-top:6px}}
@media(min-width:361px) and (max-width:760px) and (min-height:621px){.stage{grid-template-rows:181px minmax(0,1fr)}.family{grid-template-rows:40px minmax(0,1fr) auto}}
@media(max-width:760px){main{background:linear-gradient(180deg,rgba(3,26,21,.87),rgba(3,29,23,.81)),url('images/media-ecosystem-visual.png?v=1') center/cover no-repeat}.family{height:100%;margin-top:14px;padding-top:14px;overflow:hidden}.family-nav{min-height:28px}}
@media(max-width:760px){main{position:relative;isolation:isolate;background:#06251f}main>*:not(.media-backdrop){position:relative;z-index:1}.media-backdrop{position:absolute;z-index:0;inset:0;background-position:center;background-size:cover;opacity:0;transform:scale(1.06);transition:opacity .8s ease;animation:media-drift 15s ease-out forwards}.media-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,26,21,.88),rgba(3,29,23,.83))}.media-backdrop.visible{opacity:1}@keyframes media-drift{to{transform:scale(1.15) translate3d(-1%,-.6%,0)}}}
@media(prefers-reduced-motion:reduce){.media-backdrop{animation:none!important;transition:none!important}}

/* The illustration layer is mobile-only; larger formats keep the editorial two-column system. */
.media-backdrop{display:none}
@media(min-width:761px) and (max-width:900px){main{width:100%;padding:0 clamp(28px,5vw,46px);grid-template-rows:70px minmax(0,1fr) 30px}.stage{grid-template-columns:1fr;grid-template-rows:225px minmax(0,1fr);gap:12px;align-content:stretch}.intro{padding:12px 0 0}.intro h1{max-width:620px;font-size:clamp(39px,6vw,52px)}.summary{margin:13px 0 16px;max-width:590px;font-size:13px}.countdown{max-width:510px}.countdown div{padding:11px 12px}.countdown strong{font-size:33px}.family{height:100%;display:grid;grid-template-rows:48px minmax(0,1fr) 35px;min-height:0}.family-head{margin:0}.family-head h2{max-width:520px;font-size:24px}.solution{height:auto;min-height:0;grid-template-columns:38% 62%}.solution-copy{padding:25px 30px}.solution h3{font-size:28px}.family-nav{margin-top:7px}.family-nav button{font-size:9px;padding:7px 4px}}
@media(min-width:901px) and (max-width:1100px){main{padding:0 clamp(28px,4vw,42px);grid-template-rows:68px minmax(0,1fr) 32px}.stage{grid-template-columns:minmax(290px,.82fr) minmax(430px,1.18fr);gap:clamp(24px,4vw,48px)}.intro h1{font-size:clamp(39px,4.9vw,55px)}.summary{margin:16px 0 20px}.countdown div{padding:12px 10px}.countdown strong{font-size:34px}.family-head{margin-bottom:12px}.family-head h2{font-size:25px}.solution{height:clamp(270px,41vh,330px);grid-template-columns:40% 60%}.solution-copy{padding:26px}.solution h3{font-size:26px}.product{margin:14px 0 7px}}
@media(min-width:761px) and (max-height:680px){.intro h1{font-size:clamp(34px,4.2vw,48px)}.summary{margin:10px 0 13px;font-size:12px}.countdown div{padding:9px}.countdown strong{font-size:29px}.solution{height:250px}.family-head h2{font-size:22px}}
@media(max-width:760px){.media-backdrop{display:block}}