/* Layout: product-first bands. Huge centred type, one idea per screen, black stages for devices, pale mist bands for detail. Single committed look. */
:root{
  --paper:#FFFFFF; --mist:#F5F5F7; --ink:#1D1D1F; --muted:#6E6E73; --line:#D2D2D7;
  --night:#000000; --night-2:#161617; --on-night:#F5F5F7; --on-night-muted:#86868B;
  --violet:#5552CF; --violet-l:#8E8BFF; --fot:#45C4BA; --spiro:#5EA8F2;
  --display:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
  --gl:max(22px, env(safe-area-inset-left,0px)); --gr:max(22px, env(safe-area-inset-right,0px));
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:19px;line-height:1.47;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:90;background:rgba(251,251,253,.86)}
a{color:inherit}
img,video,canvas{max-width:100%;display:block}
.wrap{max-width:1024px;margin:0 auto;padding-left:var(--gl);padding-right:var(--gr)}
.wide{max-width:1260px;margin:0 auto;padding-left:var(--gl);padding-right:var(--gr)}
h1,h2,h3{margin:0;text-wrap:balance;font-weight:700;letter-spacing:-.035em}
h1{font-size:clamp(3rem,8vw,6rem);line-height:1.02}
h2{font-size:clamp(2.4rem,5.6vw,4.5rem);line-height:1.04}
h3{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.12;letter-spacing:-.025em}
p{margin:0}
.sub{font-size:clamp(1.25rem,2.1vw,1.75rem);line-height:1.3;font-weight:500;letter-spacing:-.02em;color:var(--muted)}
.kicker{font-size:1.05rem;font-weight:600;letter-spacing:-.01em}
.new{color:#E8783A;font-size:.95rem;font-weight:600}
.center{text-align:center}
.grad{background:linear-gradient(95deg,#8E8BFF 0%,#45C4BA 60%,#5EA8F2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.links{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:22px;font-size:1.12rem}
.links a{color:var(--violet);text-decoration:none}
.dark .links a,.band-night .links a{color:var(--violet-l)}
.links a:hover{text-decoration:underline}
.links a::after{content:" \203A";}
.pill{display:inline-flex;align-items:center;padding:.62em 1.25em;border-radius:999px;background:var(--violet);color:#fff;text-decoration:none;font-weight:500;font-size:1rem;border:0}
.pill.ghost{background:transparent;border:1px solid currentColor;color:inherit}
:focus-visible{outline:3px solid #FFD24A;outline-offset:3px}
sup.tbc{font-family:var(--mono);font-size:.5em;letter-spacing:.08em;color:var(--muted);vertical-align:super;margin-left:.25em;cursor:help;font-weight:400}
.dark sup.tbc,.band-night sup.tbc{color:var(--on-night-muted)}
sup.fn{font-size:.5em;vertical-align:super;margin-left:.1em;font-weight:500;color:inherit;opacity:.7}

/* reveal: visible by default, animated where scroll timelines exist */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
    .rv-scale{animation:rvs linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
  }
}
@keyframes rv{from{opacity:.0;transform:translateY(44px)}to{opacity:1;transform:none}}
@keyframes rvs{from{opacity:.25;transform:scale(.86)}to{opacity:1;transform:none}}

/* global nav */
.gnav{position:sticky;top:env(safe-area-inset-top,0px);z-index:80;background:rgba(251,251,253,.82);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px)}
.gnav .in{max-width:1024px;margin:0 auto;padding-left:var(--gl);padding-right:var(--gr);display:flex;align-items:center;gap:30px;height:48px;font-size:.78rem}
.logo{font-weight:800;font-size:1.15rem;letter-spacing:-.04em;text-decoration:none}
.logo sup{font-size:.45em;font-weight:600}
.gnav ul{display:flex;gap:30px;list-style:none;margin:0 0 0 auto;padding:0}
.gnav ul a{text-decoration:none;color:#1d1d1fcc}
.gnav .logo{display:flex;align-items:center}.gnav .logo img{height:26px;width:auto;display:block}
.gnav ul a:hover,.gnav ul a.on{color:var(--ink)}
.menu-btn{display:none;margin-left:auto;background:none;border:0;font:inherit;font-size:.9rem;color:var(--ink);padding:.4em .2em}
@media (max-width:860px){.gnav ul{display:none}.menu-btn{display:block}
  .gnav.open ul{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:48px;height:calc(100vh - 48px);height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;background:#fbfbfd;padding:20px var(--gr) 40px var(--gl);gap:18px;font-size:1.3rem;font-weight:600}}


/* mega menu: floating card */
.gnav .has-mega{position:static}
.mega{position:absolute;left:50%;top:56px;width:min(940px,calc(100% - 32px));transform:translate(-50%,-6px);background:#fff;border-radius:22px;box-shadow:0 24px 60px -20px rgba(40,36,120,.28),0 0 0 1px rgba(30,30,60,.06);opacity:0;visibility:hidden;transition:opacity .18s,transform .22s,visibility 0s .22s}
.has-mega.open .mega{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.mg-in{padding:22px}
.mg-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mg-dev,.mg-step{display:flex;flex-direction:column;gap:3px;padding:12px;border-radius:16px;text-decoration:none;color:var(--ink)!important;transition:background .15s}
.mg-dev:hover,.mg-step:hover,.mg-dev:focus-visible,.mg-step:focus-visible{background:#F2F1FD}
.mg-thumb{display:flex;align-items:center;justify-content:center;height:92px;border-radius:12px;background:linear-gradient(160deg,#F4F4F8,#E9E8F6);margin-bottom:8px}
.mg-thumb img{max-height:76px;max-width:84%;object-fit:contain}
.mg-dev b,.mg-step b{font-size:.92rem;letter-spacing:-.01em}
.mg-dev small,.mg-step small{font-size:.74rem;color:#6e6e73;font-weight:400}
.mg-step .n{font-size:.72rem;font-weight:700;color:var(--violet);background:#EEEDFC;border-radius:999px;padding:.2em .6em;align-self:flex-start;margin-bottom:10px}
.mg-row{display:flex;gap:28px;margin-top:16px;padding:16px 12px 4px;border-top:1px solid #ececf2}
.mg-more,.mg-side{display:flex;flex-direction:column;gap:8px;min-width:0}
.mg-more{flex:1}
.mg-h{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a8a99;margin:0 0 4px}
.mega a{text-decoration:none}
.mg-more a,.mg-side a{font-size:.84rem;color:var(--ink)!important;font-weight:500}
.mg-more a:hover,.mg-side a:hover{color:var(--violet)!important}
.mg-more em{font-style:normal;font-size:.72rem;color:#6e6e73;margin-left:6px}
.mg-more em.soon{color:#E8783A;font-weight:600}
.mg-promo{margin-left:auto;width:250px;border-radius:16px;padding:16px;background:linear-gradient(140deg,#6462D2,#3E3CB8);color:#fff!important;display:flex;flex-direction:column;gap:6px}
.mg-promo small{font-size:.7rem;opacity:.8;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.mg-promo b{font-size:1.05rem;line-height:1.3}
.mg-promo span{font-size:.78rem;opacity:.9;margin-top:auto}
.mega-scrim{position:fixed;inset:0;z-index:70;background:rgba(16,14,40,.18);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.mega-scrim.on{opacity:1;visibility:visible;transition:opacity .25s}
@media (max-width:860px){
  .mega{display:none}
  .gnav.open .has-mega.sub .mega{display:block;position:static;transform:none;width:auto;opacity:1;visibility:visible;box-shadow:none;background:none;border-radius:0}
  .gnav.open .mg-in{padding:8px 0}
  .gnav.open .mg-grid4{grid-template-columns:1fr 1fr}
  .gnav.open .mg-row{flex-direction:column;gap:14px;padding:12px 0 0}
  .gnav.open .mg-promo{margin-left:0;width:auto}
  .mega-scrim{display:none}
}
@media (prefers-reduced-motion:reduce){.mega,.mega-scrim{transition:none}}

/* local product nav */
.lnav{position:sticky;top:calc(48px + env(safe-area-inset-top,0px));z-index:70;background:rgba(22,22,23,.78);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);color:var(--on-night);border-bottom:1px solid #ffffff1f}
.lnav .in{max-width:1024px;margin:0 auto;padding-left:var(--gl);padding-right:var(--gr);display:flex;align-items:center;gap:24px;height:52px}
.lnav b{font-size:1.3rem;letter-spacing:-.03em;margin-right:auto;white-space:nowrap}
.lnav a{font-size:.78rem;text-decoration:none;color:#f5f5f7cc;white-space:nowrap}
.lnav a:hover{color:#fff}
.lnav .pill{font-size:.78rem;padding:.42em 1em;color:#fff}
@media (max-width:700px){.lnav a:not(.pill){display:none}}

.view[hidden]{display:none!important}
section{padding-block:clamp(80px,12vw,150px)}
.dark{background:var(--night);color:var(--on-night)}
.dark .sub{color:var(--on-night-muted)}
.mist{background:var(--mist)}

/* home hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(to right,#7372D6,#6462D2,#5351CE);color:#fff;padding:0}
.hero .frame{position:relative;aspect-ratio:16/9;max-height:min(92vh,980px);width:100%}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.hero .copy{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;gap:20px;max-width:min(44%,600px);padding-left:max(6.5vw,var(--gl))}
.hero h1{font-size:clamp(2.8rem,5.6vw,5.6rem)}
.hero .sub{color:rgba(255,255,255,.86)}
.hero .links{justify-content:flex-start}
.hero .links a{color:#fff}
@media (max-width:860px){.hero .frame{aspect-ratio:auto;max-height:none;display:flex;flex-direction:column}.hero video{position:relative;aspect-ratio:4/5;height:auto;order:2;object-position:center bottom}.hero .copy{max-width:none;padding:56px var(--gr) 10px var(--gl)}}

/* product tiles */
.tile{text-align:center;padding-block:clamp(56px,8vw,96px) 0;overflow:hidden}
.tile .kicker{margin-bottom:6px}
.tile .sub{margin-top:10px}
.tile .shot{margin:clamp(28px,4vw,48px) auto 0;width:min(560px,82%)}
.tile.dark .shot{filter:drop-shadow(0 30px 80px rgba(85,82,207,.35))}
.tile.mist .shot,.tile.lite .shot{filter:drop-shadow(0 26px 30px rgba(20,20,40,.16))}
.tiles2{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:var(--paper)}
.tiles2 .tile{border-radius:0}
.tile.lite{background:#f5f5f7}
.soon-tile{background:#0b0b12;color:var(--on-night)}
.soon-tile .sub{color:var(--on-night-muted)}
.oxy-art{position:relative;width:min(300px,70%);aspect-ratio:1;margin:clamp(28px,4vw,48px) auto clamp(28px,4vw,48px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.oxy-art .ring{position:absolute;inset:0;border-radius:50%;border:2px solid #7b78ff55;background:radial-gradient(circle at 50% 40%,#6462D233,transparent 70%)}
.oxy-art .ring.r2{inset:14%;border-color:#78E8DE44}
.oxy-art b{font-size:clamp(5rem,12vw,8rem);line-height:1;letter-spacing:-.05em;background:linear-gradient(120deg,#9d9bff,#78E8DE);-webkit-background-clip:text;background-clip:text;color:transparent}
.oxy-art small{font-size:.95rem;color:var(--on-night-muted);margin-top:4px}
.tiles2 .tile h2{font-size:clamp(2rem,3.6vw,3.2rem)}
.tiles2 .tile .sub{font-size:clamp(1.05rem,1.6vw,1.35rem)}
.tiles2 .shot{width:min(420px,78%)}
@media (max-width:820px){.tiles2{grid-template-columns:1fr}}

/* gallery */
.gal-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.gal{display:grid;grid-auto-flow:column;grid-auto-columns:min(380px,78vw);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px var(--gr) 30px var(--gl);margin-top:0;scrollbar-width:none}
.gal::-webkit-scrollbar{display:none}
.gcard{scroll-snap-align:start;background:var(--paper);border-radius:28px;overflow:hidden;display:flex;flex-direction:column;min-height:520px;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .3s ease}
.gcard:hover{transform:scale(1.015)}
.gcard .txt{padding:30px 30px 0}
.gcard .num{font-size:.85rem;font-weight:600;color:var(--muted)}
.gcard h3{margin-top:8px}
.gcard p{margin-top:10px;color:var(--muted);font-size:1rem}
.gcard img{margin-top:auto;width:100%}
.gbtns{display:flex;gap:12px}
.gbtns button{width:40px;height:40px;border-radius:50%;border:0;background:#e8e8ed;color:var(--ink);font-size:1.1rem;cursor:pointer}
.gbtns button:hover{background:#dcdce1}

/* zoom stage */
.zoom{height:240vh;padding:0;position:relative;background:var(--night);color:var(--on-night)}
.zoom .pin{position:sticky;top:0;height:100vh;height:100svh;display:grid;place-items:center;overflow:hidden}
.zoom .ztext{position:absolute;top:13vh;left:0;right:0;text-align:center;padding-left:var(--gl);padding-right:var(--gr)}
.zoom .screen{width:min(1100px,88vw);border-radius:22px;border:10px solid #1f1f22;box-shadow:0 40px 120px rgba(85,82,207,.35);transform-origin:50% 60%;will-change:transform}
.zoom .zcap{position:absolute;bottom:8vh;left:0;right:0;text-align:center;color:var(--on-night-muted);font-size:1.05rem;padding-inline:var(--gl)}

/* film */
.film{position:relative;margin-top:44px;border-radius:28px;overflow:hidden;aspect-ratio:16/9;background:#000}
.film video{width:100%;height:100%;object-fit:cover}

/* bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:48px}
.bx{background:var(--paper);border-radius:26px;padding:30px;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px}
.mist .bx{background:var(--paper)}
.dark .bx{background:var(--night-2)}
.bx.s2{grid-column:span 2}.bx.s3{grid-column:span 3}.bx.s4{grid-column:span 4}
.bx .big{font-size:clamp(2.6rem,5vw,4.4rem);font-weight:800;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.bx .lab{margin-top:10px;font-size:1.02rem;color:var(--muted);font-weight:500}
.dark .bx .lab{color:var(--on-night-muted)}
.detail .bx{background:var(--night-2);color:var(--on-night)}.detail .bx .lab{color:var(--on-night-muted)}
.bx.violet{background:linear-gradient(140deg,#6462D2,#3E3CB8);color:#fff}
.bx.violet .lab{color:#DCDBFF}
@media (max-width:820px){.bento{grid-template-columns:1fr 1fr}.bx.s2,.bx.s3,.bx.s4{grid-column:span 1}.bx.wide2{grid-column:span 2}}

/* scroll-scrub stage */
.stage{height:420vh;background:#000;color:var(--on-night);position:relative;padding:0}
.stage .pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.stage canvas{position:absolute;inset:0;width:100%;height:100%}
.stage .pin::after{content:"";position:absolute;top:0;bottom:0;right:0;width:52%;background:linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,.82) 45%);pointer-events:none;z-index:1;opacity:var(--scrim,0);transition:opacity .4s}.stage.late .pin::after{--scrim:1}.beat{z-index:2;position:absolute;right:max(6vw,var(--gr));top:50%;width:min(440px,40vw);transform:translateY(-40%);opacity:0;transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.beat.on{opacity:1;transform:translateY(-50%)}
.beat h2{font-size:clamp(2rem,3.8vw,3.4rem)}
.beat p{margin-top:14px;color:var(--on-night-muted);font-size:1.2rem;font-weight:500}
.beat .k{color:var(--fot);font-weight:600;margin-bottom:10px;font-size:1rem}
.prog{position:absolute;left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;gap:8px}
.prog i{width:8px;height:8px;border-radius:50%;background:#ffffff40;transition:background .3s,width .3s}
.prog i.on{background:#fff;width:26px;border-radius:5px}
@media (max-width:820px){.stage .pin::after{content:"";position:absolute;top:auto;width:auto;opacity:1;left:0;right:0;bottom:0;height:50%;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.88) 60%);pointer-events:none;z-index:1}.beat{z-index:2;left:var(--gl);right:var(--gr);width:auto;top:auto;bottom:12vh;transform:translateY(20px)}.beat.on{transform:none}}

/* device hero */
.dhero{background:#000;color:var(--on-night);text-align:center;padding-block:clamp(70px,9vw,120px) 0;overflow:hidden}
.dhero .label{font-size:1.4rem;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}
.dhero h1{font-size:clamp(3.2rem,9vw,7.2rem)}
.dhero .sub{max-width:30ch;margin:22px auto 0;color:var(--on-night-muted)}
.dhero .cta{display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.dhero .shot{width:min(520px,72%);margin:56px auto 0;filter:drop-shadow(0 40px 90px rgba(85,82,207,.45))}

/* compare tiles */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:52px}
.vs>div{border-radius:28px;padding:40px;min-width:0}
.vs .a{background:var(--paper)}
.vs .b{background:#000;color:var(--on-night)}
.vs h3{margin-bottom:22px}
.vs ul{list-style:none;margin:0;padding:0;display:grid;gap:16px;font-size:1.08rem}
.vs li{padding-top:16px;border-top:1px solid var(--line)}
.vs .b li{border-color:#ffffff22;color:#d6d6dc}
.vs .a li{color:var(--muted)}
@media (max-width:760px){.vs{grid-template-columns:1fr}}

/* parameter explorer */
.params{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:18px;margin-top:52px;align-items:stretch}
.ptabs{display:grid;gap:8px;align-content:start}
.ptabs button{all:unset;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-radius:18px;background:var(--night-2);color:var(--on-night);font-weight:600;font-size:1.05rem}
.ptabs button small{font-weight:500;color:var(--on-night-muted);font-size:.85rem}
.ptabs button[aria-selected="true"]{background:#fff;color:#000}
.ptabs button[aria-selected="true"] small{color:var(--muted)}
.ptabs button:focus-visible{outline:3px solid #FFD24A;outline-offset:2px}
.pdesc{background:var(--night-2);border-radius:28px;padding:44px;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px}
.pdesc .big{font-size:clamp(4rem,9vw,7.5rem);font-weight:800;letter-spacing:-.05em;line-height:.9}
.pdesc h3{margin-top:18px}
.pdesc p{color:var(--on-night-muted);margin-top:14px;font-size:1.15rem;max-width:42ch}
@media (max-width:820px){.params{grid-template-columns:1fr}.pdesc{min-height:300px}}

/* screens */
.screens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:56px}
.screens figure{margin:0;min-width:0}
.screens img{border-radius:18px;border:8px solid #1f1f22;width:100%}
.screens figcaption{margin-top:18px;color:var(--on-night-muted);font-size:1.02rem}
.screens figcaption b{color:var(--on-night);display:block;font-size:1.15rem;margin-bottom:4px}
@media (max-width:820px){.screens{grid-template-columns:1fr}}

/* tech specs */
.specs{margin-top:44px;border-top:1px solid var(--line)}
.specs .r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.specs dt{font-weight:600}
.specs dd{margin:0;color:var(--ink)}
@media (max-width:620px){.specs .r{grid-template-columns:1fr;gap:4px}}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.chip{padding:.5em 1em;border-radius:999px;background:var(--paper);border:1px solid var(--line);font-size:.92rem;text-decoration:none}

/* legacy blocks (secondary pages) */
.phero{padding-block:clamp(72px,10vw,130px) clamp(36px,5vw,60px)}
.phero h1{font-size:clamp(2.6rem,6vw,4.8rem);margin-top:10px}
.phero .lead{margin-top:20px}
.eyebrow{font-size:1.05rem;font-weight:600;color:var(--violet)}
.dark .eyebrow,.band-night .eyebrow{color:var(--violet-l)}
.lead{font-size:clamp(1.15rem,1.8vw,1.45rem);color:var(--muted);font-weight:500;max-width:36ch;letter-spacing:-.015em}
.band-mist{background:var(--mist)}
.band-night{background:var(--night);color:var(--on-night)}
.band-night .lead{color:var(--on-night-muted)}
.cards,.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:44px}
.card,.pcard{background:var(--paper);border-radius:24px;padding:30px;display:flex;flex-direction:column;gap:10px;min-width:0;text-decoration:none}
.card .k,.pcard .step-num{font-size:.85rem;font-weight:600;color:var(--muted)}
.card p,.pcard p{color:var(--muted);font-size:1rem}
.pcard .img{aspect-ratio:16/10;display:grid;place-items:center;background:var(--mist);border-radius:18px;margin-bottom:8px}
.pcard .img img{max-height:86%;width:auto}
.pcard .glyph{font-weight:800;font-size:1.8rem;letter-spacing:-.04em;color:var(--violet)}
.pcard .pill{align-self:flex-start;background:none;color:#E8783A;padding:0;font-size:.85rem;font-weight:600}
.pill.beta{color:var(--muted)}
.band-mist .card,.band-mist .pcard{background:var(--paper)}
@media (max-width:860px){.cards,.pgrid{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
@media (max-width:820px){.split{grid-template-columns:1fr}}
.spec{width:100%;border-collapse:collapse;font-size:1rem}
.spec td{padding:16px 0;border-bottom:1px solid var(--line);vertical-align:top}
.spec td:first-child{color:var(--muted);width:42%}
.ui-rail{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:18px;margin-top:44px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.ui-rail figure{margin:0;scroll-snap-align:start;min-width:0}
.ui-rail img{border-radius:14px;border:6px solid #1f1f22;width:100%}
.ui-rail figcaption{font-size:.9rem;color:var(--on-night-muted);margin-top:12px}
.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:44px}
.node{border-radius:22px;padding:24px;background:var(--night-2);color:var(--on-night);min-width:0}
.node b{display:block;margin-bottom:6px;font-size:1.1rem}
.node span{font-size:.92rem;color:var(--on-night-muted)}
.node.hl{background:var(--violet)}
.node.hl span{color:#E3E2FF}
@media (max-width:860px){.flow{grid-template-columns:1fr}}
.vm{padding-block:clamp(80px,11vw,140px) clamp(56px,8vw,96px)}
.vm-big{font-size:clamp(2.8rem,7.4vw,5.6rem);line-height:1.02;letter-spacing:-.045em;margin-top:14px;max-width:14ch}
.vm .sub,.vm-m .sub{margin-top:22px;max-width:46ch;color:var(--muted)}
.vm-m{padding-block:clamp(64px,9vw,120px)}
.vm-mid{font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.05;margin-top:14px;max-width:18ch}
.vm-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(36px,5vw,56px)}
.vm-pillars>div{background:#fff;border-radius:24px;padding:26px 24px 28px}
.vm-n{font-family:var(--mono);font-size:.8rem;color:var(--violet)}
.vm-pillars b{display:block;font-size:1.5rem;letter-spacing:-.03em;margin:10px 0 8px}
.vm-pillars p{font-size:1rem;line-height:1.5;color:#424245}
.vm-promise{margin-top:28px;font-size:1.05rem;color:#424245;max-width:60ch}
.vm-promise b{color:var(--violet);margin-right:10px}
@media (max-width:860px){.vm-pillars{grid-template-columns:1fr}}
/* alveoConnect page */
.ac-hero{padding-bottom:0;overflow:hidden}
.ac-cta{justify-content:flex-start;margin-top:30px}
.ac-shot{margin:clamp(40px,6vw,64px) 0 0;transform:translateY(2px)}
.ac-shot img{width:100%;border-radius:18px 18px 0 0;border:8px solid #1f1f22;border-bottom:0;box-shadow:0 -20px 80px #5552CF33}
.ac-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,64px);align-items:center}
.ac-split h2,.ac-h2{font-size:clamp(2rem,4.4vw,3.4rem);margin-top:12px}
.ac-split .sub{margin-top:18px;color:var(--muted)}
.ac-ticks{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px;font-size:1rem}
.ac-ticks li{position:relative;padding-left:30px;line-height:1.45}
.ac-ticks li::before{content:"";position:absolute;left:0;top:.15em;width:18px;height:18px;border-radius:50%;background:#EEEDFC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%235552CF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.ac-frame{margin:0}.ac-frame img,.ac-grid img{width:100%;border-radius:16px;border:6px solid #1f1f22;box-shadow:0 30px 60px #0000001f}
.ac-steps{list-style:none;margin:clamp(32px,5vw,52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:none}
.ac-steps li{background:#fff;border-radius:22px;padding:24px 22px 26px;position:relative}
.ac-steps span{font-family:var(--mono);font-size:.8rem;color:var(--violet)}
.ac-steps b{display:block;font-size:1.45rem;letter-spacing:-.03em;margin:8px 0 8px}
.ac-steps p{font-size:.98rem;line-height:1.5;color:#424245}
.ac-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,48px) clamp(20px,3vw,36px);margin-top:clamp(32px,5vw,52px)}
.ac-grid figure{margin:0}
.ac-grid figcaption{margin-top:16px;font-size:.98rem;line-height:1.5;color:var(--muted)}
.ac-grid figcaption b{display:block;color:var(--ink);font-size:1.15rem;letter-spacing:-.02em;margin-bottom:4px}
.ac-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(32px,5vw,52px)}
.ac-feats>div{background:#fff;border-radius:22px;padding:24px 22px 26px}
.ac-feats b{display:block;font-size:1.15rem;letter-spacing:-.02em;margin-bottom:8px}
.ac-feats p{font-size:.98rem;line-height:1.5;color:#424245}
.ac-devs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-top:clamp(28px,4vw,44px)}
.ac-devs a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 12px;border-radius:20px;background:var(--mist);text-decoration:none;color:var(--ink);transition:transform .2s}
.ac-devs a:hover{transform:translateY(-3px)}
.ac-devs img{width:84px;height:84px;object-fit:contain;margin-bottom:8px}
.ac-devs small{font-size:.8rem;color:var(--muted)}
.ac-band{margin-top:clamp(48px,6vw,72px)}
@media (max-width:960px){.ac-devs{grid-template-columns:repeat(4,minmax(0,1fr))}.ac-split{grid-template-columns:1fr}.ac-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-feats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ac-devs{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-steps,.ac-feats,.ac-grid{grid-template-columns:1fr}.ac-shot img{border-width:4px}}
.ui-rail{grid-template-columns:repeat(4,minmax(200px,1fr))}
.team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:40px}
.person{display:flex;gap:16px;align-items:center;padding:22px;border-radius:22px;background:var(--mist);min-width:0}
.avatar{flex:none;width:56px;height:56px;border-radius:50%;background:#1d1d1f;color:#fff;display:grid;place-items:center;font-weight:700}
.person small{color:var(--muted);display:block}
@media (max-width:860px){.team{grid-template-columns:1fr}}
.step-num{font-size:.85rem;font-weight:600;color:var(--muted)}
.dhero.legacy{padding-bottom:60px}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
form .full{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:8px;font-size:.95rem;font-weight:600}
input,select,textarea{font:inherit;font-weight:400;font-size:1rem;padding:.85em 1em;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}
textarea{min-height:130px;resize:vertical}
.note{grid-column:1/-1;color:var(--muted);font-size:.92rem}
@media (max-width:620px){form{grid-template-columns:1fr}}

/* footnotes + footer */
.notes{background:var(--mist);padding-block:44px 0;font-size:.78rem;color:var(--muted);line-height:1.5}
.notes ol{margin:0;padding-left:1.2em;display:grid;gap:8px;max-width:980px}
footer{background:var(--mist);padding-block:28px 40px;font-size:.78rem;color:var(--muted)}
.fcols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;padding-top:24px;border-top:1px solid var(--line)}
.fcols b{color:var(--ink);display:block;margin-bottom:10px;font-weight:600}
.fcols a{display:block;text-decoration:none;padding:3px 0}
.fcols a:hover{color:var(--ink);text-decoration:underline}
.legal{margin-top:30px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (max-width:760px){.fcols{grid-template-columns:1fr 1fr}}
.proto{position:fixed;left:max(14px,env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:95;background:#1d1d1fe6;color:#fff;font-size:.72rem;padding:.5em .95em;border-radius:999px}
@media (prefers-reduced-motion:reduce){.beat,.gcard{transition:none}}

.look{padding-block:clamp(64px,9vw,120px) clamp(40px,6vw,72px)}
.lk-tabs{display:inline-flex;gap:4px;margin-top:28px;padding:4px;border-radius:999px;background:#E8E8ED}
.lk-tabs button{font:inherit;font-size:.95rem;font-weight:600;letter-spacing:-.01em;border:0;background:transparent;color:var(--ink);padding:.6em 1.15em;border-radius:999px;cursor:pointer;min-height:44px}
.lk-tabs button[aria-selected="true"]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.lk-tabs button:focus-visible,.lk-stage:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.lk-stage{position:relative;width:min(900px,calc(100% - 44px),calc(68vh * 1.39));margin:clamp(20px,4vw,44px) auto 0;aspect-ratio:1000/720;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.lk-stage.drag{cursor:grabbing}
.lk-stage canvas{width:100%;height:100%}
.lk-load{position:absolute;left:50%;bottom:6px;width:120px;height:2px;margin-left:-60px;background:#D2D2D7;border-radius:2px;overflow:hidden;transition:opacity .4s}
.lk-load::after{content:"";display:block;height:100%;width:var(--p,0%);background:var(--ink);transition:width .2s}
.lk-modes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}.lk-modes[hidden]{display:none}
.lk-modes button{font:inherit;font-size:.9rem;font-weight:600;border:1px solid #D2D2D7;background:#fff;color:var(--ink);padding:.5em 1em;border-radius:999px;cursor:pointer;min-height:44px}
.lk-modes button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.lk-modes button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}
.lk-hint{text-align:center;color:var(--muted);font-size:.95rem;margin-top:10px}
@media (max-width:600px){.lk-tabs button{font-size:.85rem;padding:.55em .8em}}

.dhero .shot.wide{width:min(860px,88%)}
.screens.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.angles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:48px}
.angles figure{margin:0;border-radius:28px;background:#fff;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.angles figure.dk{background:#000;color:var(--on-night)}
.angles figure.full{grid-column:1/-1}
.angles img{width:100%;aspect-ratio:4/3;object-fit:contain;padding:clamp(18px,3vw,36px)}
.angles figure.full img{aspect-ratio:16/8}
.angles figcaption{padding:0 clamp(20px,3vw,34px) clamp(22px,3vw,32px);font-size:1.02rem;line-height:1.45;color:var(--muted)}
.angles figure.dk figcaption{color:var(--on-night-muted)}
.angles figcaption b{display:block;color:var(--ink);font-size:1.25rem;letter-spacing:-.02em;margin-bottom:4px}
.angles figure.dk figcaption b{color:var(--on-night)}
.detail{background:#000;color:var(--on-night);text-align:center;padding-block:clamp(80px,10vw,140px) clamp(20px,4vw,50px);overflow:hidden}
.detail .k{color:var(--violet-l);font-weight:600;margin-bottom:12px}
.detail .sub{max-width:32ch;margin:18px auto 0;color:var(--on-night-muted)}
.detail img{width:min(1200px,96%);margin:clamp(30px,5vw,60px) auto 0}
@media (max-width:760px){.angles{grid-template-columns:1fr}.angles figure.full img{aspect-ratio:4/3}.screens.two{grid-template-columns:1fr}}

/* alveoair / alveoASHA pages */
.pcard .pill.soon{color:#6462D2}
.feat2{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:center}
.feat2.rev .txt{order:2}
.feat2 .k,.bleed .k{font-size:.95rem;font-weight:600;color:#E8783A;margin:0 0 10px}
.feat2 .pics{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end}
.feat2 .pics.one{grid-template-columns:1fr}
.feat2 .pics img{width:100%;height:auto;display:block}
.feat2 .pics.one img{border-radius:22px}
.bleed{position:relative;padding:0;overflow:hidden;background:#f5f5f7}
.bleed img{width:100%;height:auto;display:block;max-height:86vh;object-fit:cover}
.bleed{display:flex;flex-direction:column}.bleed .cap{order:-1;text-align:center;margin:0 auto;padding:clamp(56px,8vw,110px) 20px clamp(28px,4vw,48px);max-width:620px}
.bleed .cap h2{font-size:clamp(1.6rem,3.4vw,2.6rem);margin:0 0 8px}
.bleed .cap p:last-child{color:var(--muted);margin:0}
.night,.bleed.night{background:#0b0b0e;color:var(--on-night)}
.night .sub,.bleed.night .cap p:last-child{color:var(--on-night-muted)}
.dhero.night{background:radial-gradient(ellipse at 50% 80%,#24233a 0%,#0b0b0e 60%)}
.dhero.night h1,.dhero.night .label{color:#fff}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
.steps3>div{background:#fff;border-radius:22px;padding:28px}
.steps3 b{color:#6462D2;font-size:.95rem}
.steps3 h3{margin:10px 0 8px}
.steps3 p{color:var(--muted);margin:0}
@media (max-width:760px){.feat2{grid-template-columns:1fr}.feat2.rev .txt{order:0}.steps3{grid-template-columns:1fr}.bleed img{max-height:none}}

.spin-sec{padding:clamp(56px,8vw,110px) 0 clamp(40px,6vw,80px)}
.spin360{max-width:820px;margin:24px auto 0;padding:0 var(--gl,20px);cursor:grab;touch-action:pan-y;user-select:none}
.spin360:active{cursor:grabbing}
.spin360 canvas{width:100%;height:auto;display:block}

/* ===== Partner Programs ===== */
.k-eyebrow{font-size:.95rem;font-weight:600;color:#E8783A;margin:0 0 10px}
.prg-hero{padding-block:clamp(90px,13vw,170px) clamp(60px,8vw,100px);background:radial-gradient(ellipse at 80% 0%,#EEEDFC 0%,transparent 55%),#fff}
.prg-hero h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:1.02;letter-spacing:-.035em;margin:10px 0 18px}
.prg-hero .label{font-weight:600;color:var(--violet);margin:0}
.prg-hero .sub{max-width:42ch;font-size:clamp(1.1rem,1.8vw,1.35rem);color:var(--muted)}
.prg-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(36px,5vw,56px);max-width:820px}
.prg-stats div{border-top:2px solid var(--ink);padding-top:14px}
.prg-stats b{display:block;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.02em}
.prg-stats span{color:var(--muted);font-size:.95rem}

/* pathway */
.pw{margin-top:clamp(36px,5vw,56px)}
.pw-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pw-line{position:absolute;left:12.5%;right:12.5%;top:27px;height:2px;background:#ffffff22;pointer-events:none}
.pw-line i{position:absolute;inset:0 auto 0 0;width:var(--p,0%);background:linear-gradient(90deg,#45C4BA,#8E8BFF);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.pw-node{position:relative;background:none;border:0;color:var(--on-night);text-align:center;cursor:pointer;padding:0 4px 14px;font:inherit;display:flex;flex-direction:column;align-items:center;gap:4px}
.pw-n{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#1c1c22;border:2px solid #ffffff2a;font-weight:700;font-size:.95rem;transition:all .3s}
.pw-node b{font-size:1.15rem;margin-top:8px}
.pw-node small{color:var(--on-night-muted);font-size:.82rem}
.pw-node[aria-selected="true"] .pw-n,.pw-node.done .pw-n{background:linear-gradient(135deg,#45C4BA,#6462D2);border-color:transparent;color:#fff}
.pw-node[aria-selected="true"] .pw-n{box-shadow:0 0 0 8px #6462D233}
.pw-node:focus-visible{outline:2px solid #8E8BFF;outline-offset:4px;border-radius:12px}
.pw-panels{margin-top:clamp(24px,4vw,40px);background:#16161b;border:1px solid #ffffff14;border-radius:28px;overflow:hidden}
.pw-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:380px}
.pw-panel.on{animation:pwIn .5s ease both}
@keyframes pwIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.pw-media{display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 55%,#2a2a44 0%,#16161b 70%);height:100%}
.pw-media img{max-width:100%;max-height:320px;object-fit:contain;filter:drop-shadow(0 24px 40px #0008)}
.pw-svg{width:100%;max-width:420px;height:auto}
.pw-copy{padding:clamp(24px,4vw,48px)}
.pw-copy h3{font-size:clamp(1.5rem,2.6vw,2rem);margin:0 0 10px;letter-spacing:-.02em}
.pw-copy>p{color:var(--on-night-muted);margin:0 0 20px}
.pw-copy dl{margin:0;display:grid;gap:10px}
.pw-copy dl div{display:grid;grid-template-columns:140px 1fr;gap:12px;border-top:1px solid #ffffff14;padding-top:10px}
.pw-copy dt{color:var(--on-night-muted);font-size:.9rem}
.pw-copy dd{margin:0}
.pw-tag{display:inline-block;font-size:.8rem;font-weight:600;color:#78E8DE;border:1px solid #78E8DE55;border-radius:999px;padding:.2em .8em;margin-bottom:12px}

/* bundles */
.bd{margin-top:clamp(32px,5vw,52px)}
.bd-tabs{display:inline-flex;gap:6px;background:var(--mist);padding:6px;border-radius:999px;flex-wrap:wrap}
.bd-tabs button{border:0;background:none;border-radius:999px;padding:.7em 1.3em;font:inherit;font-weight:600;cursor:pointer;color:var(--ink);text-align:left;line-height:1.2}
.bd-tabs button small{display:block;font-weight:400;color:var(--muted);font-size:.8rem}
.bd-tabs button[aria-pressed="true"]{background:#fff;box-shadow:0 2px 10px #0000001a}
.bd-devs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.bd-dev{background:var(--mist);border-radius:24px;padding:22px;text-align:center;transition:opacity .35s,transform .35s,filter .35s}
.bd-dev.off{opacity:.28;filter:grayscale(1);transform:scale(.97)}
.bd-img{height:150px;display:grid;place-items:center;margin-bottom:12px}
.bd-img img{max-height:150px;max-width:100%;object-fit:contain}
.bd-oxy{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;align-content:center;font-size:2.6rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#45C4BA,#6462D2);line-height:1}
.bd-oxy small{font-size:.8rem;font-weight:500}
.bd-dev b{display:block}
.bd-dev span{color:var(--muted);font-size:.9rem}
.bd-whys{margin-top:24px}
.bd-why h3{margin:0 0 6px;font-size:1.3rem}
.bd-why p{margin:0;color:var(--muted);max-width:70ch}
.bd-mxw{overflow-x:auto;margin-top:28px}
.bd-mx{width:100%;border-collapse:collapse;min-width:520px}
.bd-mx th,.bd-mx td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:.95rem}
.bd-mx th{font-size:.85rem;color:var(--muted);font-weight:600}
.bd-mx td.y,.bd-mx td.n,.bd-mx th+th{text-align:center;width:22%}
.bd-mx td.y::before{content:"";display:inline-block;width:20px;height:20px;border-radius:50%;background:var(--violet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat;vertical-align:middle}
.bd-mx td.n::before{content:"";display:inline-block;width:14px;height:2px;background:var(--line);vertical-align:middle}
.bd-mx tr.hl td{background:#F3F2FF}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* deployment */
.dep{margin-top:clamp(28px,4vw,44px)}
.dep-tabs{display:flex;gap:8px;flex-wrap:wrap}
.dep-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.6em 1.2em;font:inherit;cursor:pointer;color:var(--ink)}
.dep-tabs button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.dep-body{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,4vw,48px);align-items:center;margin-top:24px}
.dep-fig{background:#fff;border-radius:28px;padding:16px}
.dep-svg{width:100%;height:auto;display:block}
.dep-svg .dep-links path{fill:none;stroke:#D2D2D7;stroke-width:2.5;stroke-dasharray:6 8;transition:stroke .3s}
.dep-svg .dep-links path.on{stroke:url(#none);stroke:#6462D2;animation:flow 1.2s linear infinite}
@keyframes flow{to{stroke-dashoffset:-28}}
.dep-svg .dep-cloud rect{fill:#1D1D1F}
.dep-svg .dep-cloud text{fill:#fff;font-weight:600;font-size:17px}
.dep-svg .dep-node rect{fill:#F5F5F7;stroke:#E2E2E6;stroke-width:1.5;transition:all .3s}
.dep-svg .dep-node .t1{font-weight:600;font-size:16px;fill:#1D1D1F}
.dep-svg .dep-node .t2{font-size:13px;fill:#6E6E73}
.dep-svg .dep-node.on rect{fill:#EEEDFC;stroke:#6462D2}
.dep-svg .dep-node.off{opacity:.45}
.dep-cap h3{margin:0 0 8px;font-size:1.5rem}
.dep-cap p{color:var(--muted);margin:0 0 14px}
.dep-cap ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.dep-cap li{padding-left:26px;position:relative}
.dep-cap li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#45C4BA,#6462D2)}
.dep-cap.on{animation:pwIn .4s ease both}

/* planner */
.plan{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,40px);margin-top:clamp(28px,4vw,44px);background:var(--mist);border-radius:28px;padding:clamp(20px,4vw,40px)}
.plan-in{display:grid;gap:22px;align-content:start}
.plan-in label{display:grid;gap:8px;font-weight:600}
.plan-in label output{font-weight:700;color:var(--violet);justify-self:start}
.plan-in label:not(.chk){grid-template-columns:1fr auto}
.plan-in label:not(.chk) select,.plan-in label:not(.chk) input{grid-column:1/-1}
.plan-in select{font:inherit;padding:.7em .9em;border-radius:12px;border:1px solid var(--line);background:#fff}
.plan-in input[type=range]{width:100%;accent-color:var(--violet)}
.plan-in .chk{display:flex;gap:10px;align-items:center;font-weight:500}
.plan-in .chk input{width:20px;height:20px;accent-color:var(--violet)}
.plan-out{background:#fff;border-radius:22px;padding:clamp(20px,3vw,32px);display:grid;gap:16px;align-content:start}
.po-k{margin:0;font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.po-dev{display:flex;gap:16px;align-items:center}
.po-dev img{width:110px;height:90px;object-fit:contain}
.po-dev b{display:block;font-size:1.5rem;letter-spacing:-.02em}
.po-dev span{color:var(--violet);font-weight:600}
.po-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.po-stats div{background:var(--mist);border-radius:16px;padding:14px}
.po-stats b{display:block;font-size:1.8rem;letter-spacing:-.02em}
.po-stats span{color:var(--muted);font-size:.9rem}
.po-why{margin:0;color:var(--ink)}
.po-note{margin:0;color:var(--muted);font-size:.82rem}

/* timeline */
.tl{list-style:none;margin:clamp(32px,5vw,52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:t}
.tl li{background:#fff;border-radius:22px;padding:22px;position:relative}
.tl li::before{content:"";position:absolute;left:22px;right:-14px;top:0;height:3px;background:linear-gradient(90deg,#45C4BA,#8E8BFF);border-radius:3px}
.tl li:last-child::before{right:22px}
.tl-w{display:block;font-size:.8rem;font-weight:700;color:var(--violet);margin:6px 0 8px}
.tl b{display:block;font-size:1.1rem;margin-bottom:6px}
.tl p{margin:0;color:var(--muted);font-size:.92rem}

/* dashboard mock */
.dash{margin-top:clamp(32px,5vw,52px);background:#16161b;border:1px solid #ffffff14;border-radius:28px;padding:clamp(18px,3vw,32px)}
.dash-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.dash-top span{font-size:.8rem;color:var(--on-night-muted);border:1px solid #ffffff22;border-radius:999px;padding:.2em .8em}
.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dk{background:#1f1f26;border-radius:18px;padding:16px}
.dk b{display:block;font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:-.02em;background:linear-gradient(120deg,#9d9bff,#78E8DE);-webkit-background-clip:text;background-clip:text;color:transparent}
.dk span{color:var(--on-night-muted);font-size:.85rem}
.dash-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:16px}
.dash-grid>div{background:#1f1f26;border-radius:18px;padding:18px}
.dash-grid p{margin:0 0 12px;color:var(--on-night-muted);font-size:.85rem}
.db{display:grid;grid-template-columns:90px 1fr 40px;gap:10px;align-items:center;margin-bottom:10px;font-size:.9rem}
.db i{height:10px;border-radius:5px;background:#ffffff12;position:relative;overflow:hidden}
.db i::after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#45C4BA,#8E8BFF);border-radius:5px;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.dash.live .db i::after{width:var(--w)}
.db em{font-style:normal;text-align:right;color:var(--on-night-muted)}
.dash-flags ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.dash-flags li{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;font-size:.9rem}
.dash-flags em{font-style:normal;color:var(--on-night-muted);font-size:.85rem}
.dot{width:10px;height:10px;border-radius:50%}
.dot.g{background:#45C4BA}.dot.a{background:#F2B544}.dot.r{background:#F06A5A}

/* models + cta */
.mdls{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(28px,4vw,44px)}
.mdl{background:var(--mist);border-radius:24px;padding:26px}
.mdl.hi{background:var(--ink);color:#fff}
.mdl.hi p:last-child{color:#c9c9cf}
.mdl-k{margin:0 0 6px;font-weight:700;color:var(--violet)}
.mdl.hi .mdl-k{color:#9d9bff}
.mdl h3{margin:0 0 8px;font-size:1.35rem}
.mdl p:last-child{margin:0;color:var(--muted)}
.cta-band{margin-top:clamp(28px,4vw,44px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(120deg,#EEEDFC,#E3F8F6);border-radius:28px;padding:clamp(22px,4vw,40px)}
.cta-band h3{margin:0 0 6px;font-size:1.5rem}
.cta-band p{margin:0;color:var(--muted);max-width:52ch}

@media (max-width:820px){
  .pw-panel{grid-template-columns:1fr;min-height:0}
  .pw-media{height:auto;min-height:240px}
  .pw-copy dl div{grid-template-columns:110px 1fr}
  .dep-body,.plan,.dash-grid{grid-template-columns:1fr}
  .tl{grid-template-columns:1fr}
  .tl li::before{right:22px}
  .mdls,.bd-devs{grid-template-columns:1fr}
  .bd-devs{grid-template-columns:repeat(3,1fr);gap:8px}
  .bd-img{height:90px}.bd-img img{max-height:90px}.bd-oxy{width:70px;height:70px;font-size:1.6rem}
  .bd-dev{padding:12px}.bd-dev span{font-size:.75rem}
  .dash-kpis{grid-template-columns:1fr 1fr}
  .prg-stats{grid-template-columns:1fr}
}
@media (max-width:560px){
  .pw-node small{display:none}
  .pw-n{width:44px;height:44px}.pw-line{top:21px}
  .pw-node b{font-size:.95rem}
}
@media (prefers-reduced-motion:reduce){.pw-panel.on,.dep-cap.on{animation:none}.dep-svg .dep-links path.on{animation:none}}
.pw-panel[hidden],.bd-why[hidden],.dep-cap[hidden]{display:none!important}
.bd-dev .bd-oxy{color:#fff}
.bd-mx td{position:relative}
.plan-in label.chk{display:flex!important;flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;gap:10px}
@media (max-width:820px){.bd-mx{min-width:0}.bd-mx th,.bd-mx td{font-size:.85rem;padding:10px 6px}.bd-mx td.y,.bd-mx td.n,.bd-mx th+th{width:24%}}
@media (max-width:700px){.lnav b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:1.05rem}.lnav .pill{flex:none}}

/* ===== Clinics and hospitals ===== */
.cl-hero{padding-block:clamp(90px,12vw,150px) 0;background:radial-gradient(ellipse at 85% 10%,#E3F8F6 0%,transparent 50%),radial-gradient(ellipse at 10% 0%,#EEEDFC 0%,transparent 50%),#fff;overflow:hidden;text-align:left}
.cl-hero .label{font-weight:600;color:var(--violet);margin:0}
.cl-hero h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:1.02;letter-spacing:-.035em;margin:10px 0 26px}
.cl-role{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cl-role span{font-weight:600;margin-right:4px}
.cl-role button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.55em 1.1em;font:inherit;cursor:pointer;color:var(--ink);transition:all .2s}
.cl-role button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.cl-sub{max-width:46ch;font-size:clamp(1.1rem,1.8vw,1.35rem);color:var(--muted);margin:20px 0 0;min-height:3.2em}
.cl-rec{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px}
.cl-rec>div{background:var(--mist);border-radius:16px;padding:10px 16px;margin-right:6px}
.cl-rec>div span{display:block;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.cl-rec>div b{color:var(--violet)}
.pill.ghost-d{background:none;color:var(--ink);border:1px solid var(--ink)}
.cl-shot{display:block;width:min(1000px,92%);margin:clamp(30px,5vw,60px) auto 0;height:auto}

/* visit player */
.vs{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(18px,3vw,32px);margin-top:clamp(32px,5vw,52px);align-items:start}
.vs-stage{background:#16161b;border:1px solid #ffffff14;border-radius:28px;overflow:hidden}
.vs-slide{margin:0;display:grid;grid-template-rows:auto auto}
.vs-slide[hidden]{display:none}
.vs-slide.on{animation:pwIn .45s ease both}
.vs-slide img{width:100%;height:clamp(220px,32vw,380px);object-fit:contain;background:radial-gradient(circle at 50% 55%,#2a2a44 0%,#16161b 70%);padding:18px}
.vs-slide figcaption{padding:20px 24px 8px}
.vs-slide figcaption span{font-size:.85rem;color:#78E8DE;font-weight:600}
.vs-slide h3{margin:6px 0 6px;font-size:1.4rem}
.vs-slide p{margin:0;color:var(--on-night-muted)}
.vs-bar{display:flex;align-items:center;gap:14px;padding:14px 24px 22px}
.vs-play{width:44px;height:44px;border-radius:50%;border:0;background:linear-gradient(135deg,#45C4BA,#6462D2);color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}
.vs-play svg{width:20px;height:20px;fill:#fff}
.vs-play .i-pause{display:none}.vs.playing .vs-play .i-pause{display:inline}.vs.playing .vs-play .i-play{display:none}
.vs-prog{flex:1;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}
.vs-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#45C4BA,#8E8BFF)}
.vs-clock{font-variant-numeric:tabular-nums;font-weight:600;min-width:3.2em;text-align:right}
.vs-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vs-steps button{width:100%;text-align:left;background:#16161b;border:1px solid #ffffff14;border-radius:16px;padding:14px 16px;color:var(--on-night);font:inherit;cursor:pointer;display:flex;gap:14px;align-items:center;transition:all .25s}
.vs-steps button span{font-variant-numeric:tabular-nums;color:var(--on-night-muted);font-size:.85rem;min-width:2.6em}
.vs-steps button.on{border-color:#8E8BFF;background:#1f1f2e}
.vs-steps button.done span{color:#78E8DE}

/* patient cases */
.cx{margin-top:clamp(28px,4vw,44px)}
.cx-btns{display:flex;flex-wrap:wrap;gap:8px}
.cx-btns button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.6em 1.2em;font:inherit;cursor:pointer;color:var(--ink)}
.cx-btns button[aria-pressed="true"]{background:var(--violet);border-color:var(--violet);color:#fff}
.cx-panel{margin-top:22px}
.cx-panel[hidden]{display:none}
.cx-panel.on{animation:pwIn .4s ease both}
.cx-who{font-size:1.25rem;font-weight:600;margin:0 0 16px}
.cx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cx-res{background:var(--mist);border-radius:22px;padding:20px;border-top:4px solid var(--line)}
.cx-res.g{border-top-color:#45C4BA}.cx-res.w{border-top-color:#F2B544}.cx-res.n{border-top-color:#C7C7CC}
.cx-t{margin:0 0 4px;font-size:.85rem;color:var(--muted);font-weight:600}
.cx-res b{display:block;font-size:1.25rem;margin-bottom:6px}
.cx-res p:last-child{margin:0;color:var(--muted);font-size:.95rem}
.cx-take{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;background:var(--ink);color:#fff;border-radius:18px;padding:16px 20px}
.cx-take span{color:#9d9bff;font-weight:600}
.cx-note{color:var(--muted);font-size:.82rem;margin-top:14px}

/* departments */
.dp{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(18px,3vw,36px);margin-top:clamp(28px,4vw,44px);align-items:center}
.dp-plan{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,96px);gap:10px;background:#fff;border-radius:28px;padding:14px}
.dp-room{border:1.5px solid #E2E2E6;background:var(--mist);border-radius:16px;font:inherit;cursor:pointer;color:var(--ink);padding:10px;text-align:left;display:flex;align-items:flex-end;transition:all .25s}
.dp-room b{font-size:.95rem}
.dp-room:hover{border-color:#8E8BFF}
.dp-room[aria-pressed="true"]{background:#EEEDFC;border-color:var(--violet);box-shadow:0 6px 18px #5552cf22}
.dp-a{grid-column:1/3;grid-row:1}.dp-b{grid-column:3;grid-row:1}.dp-c{grid-column:4;grid-row:1/3}
.dp-d{grid-column:1;grid-row:2}.dp-e{grid-column:1/3;grid-row:3}.dp-f{grid-column:3/5;grid-row:3}.dp-g{grid-column:3;grid-row:2}
.dp-core{grid-column:2;grid-row:2;border-radius:16px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:600;font-size:.9rem;text-align:center;padding:8px}
.dp-core small{font-weight:400;color:#c9c9cf;font-size:.72rem}
.dp-panel[hidden]{display:none}
.dp-panel.on{animation:pwIn .4s ease both}
.dp-k{margin:0 0 6px;color:var(--violet);font-weight:600}
.dp-panel h3{margin:0 0 8px;font-size:1.6rem;letter-spacing:-.02em}
.dp-panel p{color:var(--muted)}
.dp-panel dl{margin:16px 0 0}.dp-panel dl div{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:12px}
.dp-panel dt{color:var(--muted)}.dp-panel dd{margin:0;font-weight:600}

/* configurator */
.cfg{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,36px);margin-top:clamp(28px,4vw,44px);background:var(--mist);border-radius:28px;padding:clamp(18px,3vw,36px)}
.cfg-in{display:grid;gap:22px;align-content:start}
.cfg fieldset{border:0;margin:0;padding:0;display:grid;gap:10px}
.cfg legend{font-weight:600;margin-bottom:10px;padding:0}
.cfg-opt{display:flex!important;gap:12px;align-items:flex-start;background:#fff;border:1.5px solid #fff;border-radius:16px;padding:14px;cursor:pointer;text-align:left}
.cfg-opt:has(input:checked){border-color:var(--violet)}
.cfg-opt input{margin-top:4px;accent-color:var(--violet);width:18px;height:18px}
.cfg-opt b{display:block}.cfg-opt small{color:var(--muted)}
.cfg-range{display:grid!important;grid-template-columns:1fr auto;gap:8px;font-weight:600}
.cfg-range output{color:var(--violet);font-weight:700}
.cfg-range input{grid-column:1/-1;width:100%;accent-color:var(--violet)}
.cfg-chk{display:flex!important;gap:10px;align-items:center;font-weight:500;text-align:left}
.cfg-chk input{width:18px;height:18px;accent-color:var(--violet)}
.cfg-out{background:#fff;border-radius:22px;padding:clamp(18px,3vw,30px);display:grid;gap:14px;align-content:start}
.cfg-devs{display:flex;flex-wrap:wrap;gap:10px}
.cfg-dev{background:var(--mist);border-radius:14px;padding:10px;width:96px;text-align:center;position:relative;animation:pwIn .35s ease both}
.cfg-dev img{width:76px;height:56px;object-fit:contain}
.cfg-dev .q{position:absolute;top:6px;right:8px;font-weight:700;font-size:.8rem;color:var(--violet)}
.cfg-dev .ox{width:56px;height:56px;margin:0 auto;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#45C4BA,#6462D2)}
.cfg-dev small{display:block;font-size:.72rem;color:var(--muted);margin-top:4px;line-height:1.2}
.cfg-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.cfg-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px}
.cfg-list li b{font-weight:600}
.cfg-out .pill{justify-self:start}

/* service tabs */
.sv{margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:240px 1fr;gap:clamp(18px,3vw,36px)}
.sv-tabs{display:grid;gap:8px;align-content:start}
.sv-tabs button{text-align:left;border:0;background:#fff;border-radius:14px;padding:14px 16px;font:inherit;font-weight:600;cursor:pointer;color:var(--ink)}
.sv-tabs button[aria-pressed="true"]{background:var(--ink);color:#fff}
.sv-panel{background:#fff;border-radius:22px;padding:clamp(20px,3vw,32px)}
.sv-panel[hidden]{display:none}
.sv-panel.on{animation:pwIn .35s ease both}
.sv-panel h3{margin:0 0 14px;font-size:1.5rem}
.sv-panel ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.sv-panel li{padding-left:26px;position:relative}
.sv-panel li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#45C4BA,#6462D2)}

@media (max-width:820px){
  .vs,.dp,.cfg,.sv{grid-template-columns:1fr}
  .vs-steps{grid-template-columns:1fr 1fr}
  .vs-steps button{padding:10px 12px;font-size:.9rem}
  .cx-grid{grid-template-columns:1fr}
  .dp-plan{grid-template-rows:repeat(3,78px);gap:6px;padding:8px}
  .dp-room b{font-size:.78rem}
  .dp-core{font-size:.75rem}.dp-core small{display:none}
  .sv-tabs{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){.vs-slide.on,.cx-panel.on,.dp-panel.on,.sv-panel.on,.cfg-dev{animation:none}}

/* ===== Stage pages ===== */
.st-hero{padding-block:clamp(90px,12vw,150px) clamp(50px,7vw,90px);background:radial-gradient(ellipse at 80% 0%,#EEEDFC 0%,transparent 55%),#fff}
.st-hero .label{font-weight:600;color:var(--violet);margin:0}
.st-hero h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1.02;letter-spacing:-.035em;margin:10px 0 18px}
.st-hero .sub{max-width:44ch;font-size:clamp(1.1rem,1.8vw,1.35rem);color:var(--muted)}
.st-track{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:clamp(30px,4vw,48px);max-width:860px}
.st-node{display:grid;gap:2px;padding:14px;border-radius:16px;background:var(--mist);text-decoration:none;color:var(--ink);border:1.5px solid transparent;transition:all .2s}
.st-node span{font-size:.75rem;font-weight:700;color:var(--muted)}
.st-node small{color:var(--muted)}
.st-node:hover{border-color:#8E8BFF}
.st-node.on{background:var(--ink);color:#fff}.st-node.on span,.st-node.on small{color:#9d9bff}
.st-what{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;max-width:860px}
.st-what div{border-top:2px solid var(--ink);padding-top:12px}
.st-what span{display:block;color:var(--muted);font-size:.85rem}
.st-devs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:clamp(24px,4vw,40px)}
.st-dev{background:#fff;border-radius:24px;padding:22px;text-decoration:none;color:var(--ink);text-align:center;transition:transform .2s}
.st-dev:hover{transform:translateY(-3px)}
.st-img{height:130px;display:grid;place-items:center;margin-bottom:10px}
.st-img img{max-height:130px;max-width:100%;object-fit:contain}
.st-ox{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:2.4rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#45C4BA,#6462D2)}
.st-ox.cl{background:linear-gradient(135deg,#6462D2,#1D1D1F)}
.st-dev b{display:block}.st-dev span{color:var(--muted);font-size:.9rem}
.st-out{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.st-out ul{margin:0;padding:0;list-style:none;display:grid;gap:16px;font-size:1.15rem}
.st-out li{padding-left:30px;position:relative}
.st-out li::before{content:"";position:absolute;left:0;top:.4em;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#45C4BA,#6462D2)}
.st-wheres{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:clamp(24px,4vw,40px)}
.st-where{position:relative;display:grid;gap:4px;background:var(--mist);border-radius:22px;padding:24px 56px 24px 24px;text-decoration:none;color:var(--ink);transition:all .2s}
.st-where:hover{background:#EEEDFC}
.st-where b{font-size:1.15rem}.st-where span{color:var(--muted)}
.st-where i{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-style:normal;font-size:1.4rem;color:var(--violet)}
@media (max-width:820px){.st-track{grid-template-columns:1fr 1fr}.st-what{grid-template-columns:1fr}.st-out{grid-template-columns:1fr}}
.cfg-chk,.cfg-opt,.plan-in .chk{flex-direction:row!important}
.cfg input[type=checkbox],.cfg input[type=radio],.plan-in input[type=checkbox],.cfg input[type=range],.plan-in input[type=range]{padding:0;border-radius:0}
.dp-plan{grid-template-columns:repeat(4,minmax(0,1fr))}
.dp,.vs,.cfg,.sv{min-width:0}
.dp-room{min-width:0;overflow-wrap:anywhere}
@media (max-width:820px){.dp,.vs,.cfg,.sv{grid-template-columns:minmax(0,1fr)}}
@media (max-width:820px){.dp-plan{grid-template-columns:1fr 1fr;grid-template-rows:none}.dp-room{grid-column:auto!important;grid-row:auto!important;min-height:64px}.dp-room b{font-size:.9rem}.dp-core{display:none}}

/* ===== Evidence ===== */
.ev-hero{padding-block:clamp(90px,12vw,150px) clamp(50px,7vw,80px);background:radial-gradient(ellipse at 80% 0%,#EEEDFC 0%,transparent 55%),#fff}
.ev-hero .label{font-weight:600;color:var(--violet);margin:0}
.ev-hero h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1.02;letter-spacing:-.035em;margin:10px 0 18px}
.ev-hero .sub{max-width:46ch;font-size:clamp(1.1rem,1.8vw,1.3rem);color:var(--muted)}
.ev-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(30px,4vw,48px)}
.ev-stats div{border-top:2px solid var(--ink);padding-top:12px}
.ev-stats b{display:block;font-size:2rem;letter-spacing:-.02em}
.ev-stats span{color:var(--muted);font-size:.92rem}
.ev-sec{padding-top:clamp(40px,6vw,70px)}
.ev-bar-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;position:sticky;top:calc(48px + env(safe-area-inset-top,0px));z-index:5;background:var(--mist);padding:10px 0}
.ev-filters,.ev-mode{display:flex;flex-wrap:wrap;gap:6px}
.ev-filters button,.ev-mode button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.5em 1.05em;font:inherit;font-size:.92rem;cursor:pointer;color:var(--ink)}
.ev-filters button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.ev-mode{background:#fff;border-radius:999px;padding:4px;gap:2px}
.ev-mode button{border:0;background:none}
.ev-mode button[aria-pressed="true"]{background:var(--violet);color:#fff}
.ev-list{display:grid;gap:18px;margin-top:18px}
.ev-card{background:#fff;border-radius:26px;padding:clamp(20px,3vw,34px)}
.ev-card[hidden]{display:none}
.ev-card header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.ev-tag{font-size:.8rem;font-weight:700;border-radius:999px;padding:.25em .8em;background:#EEEDFC;color:var(--violet)}
.ev-tag.t-conf{background:#E3F8F6;color:#137A72}.ev-tag.t-reg{background:#1D1D1F;color:#fff}.ev-tag.t-prog{background:#FFF4E5;color:#9A5B00}
.ev-meta{color:var(--muted);font-size:.88rem}
.ev-card h3{font-size:clamp(1.35rem,2.4vw,1.8rem);letter-spacing:-.02em;margin:0 0 12px;max-width:30ch}
.ev-plain p{margin:0;font-size:1.1rem;color:#3a3a3f;max-width:62ch}
.ev-clin{display:none;grid-template-columns:1fr 1.2fr;gap:24px}
.ev-list.clin .ev-plain{display:none}.ev-list.clin .ev-clin{display:grid}
.ev-facts{margin:0;display:grid;gap:8px}
.ev-facts div{display:grid;grid-template-columns:110px 1fr;gap:10px;border-top:1px solid var(--line);padding-top:8px}
.ev-facts dt{color:var(--muted);font-size:.88rem}.ev-facts dd{margin:0;font-size:.95rem}
.ev-clin ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.ev-clin li{padding-left:22px;position:relative;font-size:.98rem}
.ev-clin li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--violet)}
.ev-fig{margin:22px 0 0;background:var(--mist);border-radius:20px;padding:16px 18px}
.ev-fig figcaption{color:var(--muted);font-size:.85rem;margin-top:6px}
.ev-svg{width:100%;max-width:640px;height:auto;display:block}
.ev-grid{stroke:#E2E2E6;stroke-width:1}
.ev-tick{font-size:12px;fill:#6E6E73}
.ev-lab{font-size:14px;fill:#1D1D1F;font-weight:600}
.ev-link{stroke:#C7C7CC;stroke-width:2}
.ev-r{fill:#5552CF;stroke:#F5F5F7;stroke-width:2}
.ev-icc{fill:#1F9E94;stroke:#F5F5F7;stroke-width:2}
.ev-dl{font-size:12px;fill:#6E6E73;font-weight:600}
.ev-pt{cursor:default;outline:none}
.ev-pt:focus-visible circle,.ev-pt:focus-visible path{stroke:#1D1D1F}
.ev-legend{display:flex;gap:16px;font-size:.85rem;color:#3a3a3f;margin-bottom:6px}
.ev-legend span{display:inline-flex;align-items:center;gap:6px}
.ev-legend i{display:inline-block;width:12px;height:12px}
.ev-legend i.ev-r{border-radius:50%;background:#5552CF}
.ev-legend i.ev-icc{background:#1F9E94;transform:rotate(45deg) scale(.85)}
.ev-bars{display:grid;gap:10px;max-width:640px}
.ev-bar{display:grid;grid-template-columns:100px 1fr 56px;gap:12px;align-items:center;font-size:.95rem;outline:none}
.ev-bar i{height:14px;border-radius:0 4px 4px 0;background:#ffffff;position:relative}
.ev-bar i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:#5552CF;border-radius:0 4px 4px 0}
.ev-bar.norm i::after{background:#AEAEB2}
.ev-bar b{text-align:right;font-weight:600}
.ev-bar:focus-visible span{text-decoration:underline}
.ev-more{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.ev-more summary{cursor:pointer;font-weight:600;color:var(--violet)}
.ev-cite{color:#3a3a3f;font-size:.92rem}
.ev-lim{color:var(--muted);font-size:.92rem;margin:0}
.ev-link-out{display:inline-block;margin-top:14px;color:var(--violet);font-weight:600;text-decoration:none}
.ev-link-out:hover{text-decoration:underline}
.ev-empty{color:var(--muted)}
.ev-tip{position:fixed;z-index:200;pointer-events:none;background:#1D1D1F;color:#fff;font-size:.85rem;padding:6px 10px;border-radius:8px;white-space:nowrap}
.ev-map{margin-top:clamp(24px,4vw,40px)}
.ev-map th[scope=row]{font-weight:600;font-size:.95rem;color:var(--ink)}
@media (max-width:820px){.ev-stats{grid-template-columns:1fr 1fr}.ev-clin{grid-template-columns:1fr}.ev-bar-top{position:static}.ev-facts div{grid-template-columns:96px 1fr}}
/* story chapters */
.ev-bar-top{position:static!important}
.sc-rail{position:sticky;top:calc(48px + env(safe-area-inset-top,0px));z-index:60;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;background:rgba(22,22,23,.86);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);padding:8px max(var(--gl),calc((100vw - 1024px)/2 + 22px))}
.sc-rail::-webkit-scrollbar{display:none}
.sc-rail a{flex:none;display:flex;gap:6px;align-items:center;color:#f5f5f7cc;text-decoration:none;font-size:.8rem;padding:.45em .9em;border-radius:999px;white-space:nowrap;transition:all .2s}
.sc-rail a span{font-weight:700;color:#8E8BFF;font-size:.72rem}
.sc-rail a:hover{color:#fff}
.sc-rail a.on{background:#fff;color:#1D1D1F}.sc-rail a.on span{color:var(--violet)}
.sc{padding-block:clamp(70px,10vw,120px)}
.sc-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,5vw,64px);align-items:start}
.sc-head h2{font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 14px}
.sc-head .sub{color:var(--muted);margin:0}
.sc-big{margin-top:28px;display:grid;gap:4px}
.sc-big b{font-size:clamp(3rem,8vw,5.5rem);line-height:1;letter-spacing:-.04em;background:linear-gradient(120deg,#5552CF,#1F9E94);-webkit-background-clip:text;background-clip:text;color:transparent}
.sc-big span{color:#3a3a3f;max-width:40ch}
.sc-viz{margin:24px 0 0}
.sbars{display:grid;gap:10px}
.sb{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 54px;gap:12px;align-items:center;font-size:.9rem;outline:none}
.sb i{height:14px;background:#E8E8ED;border-radius:0 4px 4px 0;position:relative}
.sb i::after{content:"";position:absolute;inset:0 auto 0 0;width:0;background:#AEAEB2;border-radius:0 4px 4px 0;transition:width 1s cubic-bezier(.2,.7,.2,1)}
.sb.hi i::after{background:#5552CF}
.sc.seen .sb i::after{width:var(--w)}
.sb b{text-align:right;font-weight:600}
.sb:focus-visible span{text-decoration:underline}
.sc-items{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sc-item{background:#fff;border-radius:20px;padding:20px 22px;box-shadow:0 1px 0 #0000000a}
.sc.mist .sc-item{background:#fff}
.sc:not(.mist) .sc-item{background:var(--mist)}
.sc-item>p{margin:0 0 8px;font-size:1.02rem;color:#1D1D1F}
.sc-item summary{cursor:pointer;color:var(--violet);font-weight:600;font-size:.9rem}
.sc-item .ev-cite{margin:8px 0}
.pr-quote{margin-top:clamp(24px,4vw,40px);background:var(--ink);color:#fff;border-radius:26px;padding:clamp(22px,4vw,40px)}
.pr-quote p{font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.3;margin:0 0 12px;letter-spacing:-.01em}
.pr-quote span{color:#c9c9cf;font-size:.9rem}
.pr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:16px}
.pr-card{position:relative;display:grid;gap:6px;background:#fff;border-radius:18px;padding:18px 44px 18px 18px;text-decoration:none;color:var(--ink);transition:background .2s}
.pr-card:hover{background:#EEEDFC}
.pr-card span{color:var(--muted);font-size:.85rem}
.pr-card i{position:absolute;right:16px;top:16px;font-style:normal;color:var(--violet)}
.pr-rev{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border-radius:22px;padding:22px}
.pr-rev h3{margin:0 0 4px}.pr-rev p{margin:0;color:var(--muted)}
@media (max-width:820px){.sc-grid{grid-template-columns:minmax(0,1fr)}.sb{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) 48px;font-size:.82rem}}

/* ===== alveoOxy ===== */
.ow{margin-top:clamp(28px,4vw,44px)}
.ow-tabs{display:inline-flex;background:#fff;border-radius:999px;padding:4px;gap:2px}
.ow-tabs button{border:0;background:none;font:inherit;font-size:.95rem;padding:.55em 1.2em;border-radius:999px;cursor:pointer;color:var(--ink)}
.ow-tabs button[aria-pressed="true"]{background:var(--ink);color:#fff}
.ow-tabs button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.ow-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3vw,36px);margin-top:20px;align-items:stretch}
.ow-fig{background:#fff;border-radius:26px;padding:20px;position:relative;display:flex;align-items:center;justify-content:center}
.ow-svg{width:100%;max-width:300px;height:auto;display:block}
.ow-note{position:absolute;left:20px;bottom:14px;margin:0;font-size:.75rem;color:var(--muted)}
.ow[data-mode="arm"] .ow-waist,.ow[data-mode="waist"] .ow-arm{display:none}
.ow-cable{stroke-dasharray:4 5;animation:owc 1.2s linear infinite}
@keyframes owc{to{stroke-dashoffset:-18}}
.ow-walk{animation:owb 1.1s ease-in-out infinite alternate;transform-origin:190px 400px}
@keyframes owb{to{transform:translateY(-3px)}}
.ow-hs circle{fill:var(--violet);stroke:#fff;stroke-width:3}
.ow-hs text{fill:#fff;font-size:13px;font-weight:700;text-anchor:middle}
.ow-side{background:#fff;border-radius:26px;overflow:hidden}
.ow-panel{display:grid;grid-template-rows:auto 1fr;height:100%}
.ow-panel[hidden]{display:none}
.ow-panel img{width:100%;aspect-ratio:16/9;object-fit:contain;background:linear-gradient(#FBFBFD,#EFEFF3);display:block}
.ow-panel ol{list-style:none;margin:0;padding:18px 22px 22px;display:grid;gap:14px}
.ow-panel li{display:grid;gap:3px}
.ow-panel li b{display:flex;gap:10px;align-items:center;font-size:1rem}
.ow-panel li i{font-style:normal;flex:none;width:22px;height:22px;border-radius:50%;background:var(--violet);color:#fff;font-size:.75rem;display:grid;place-items:center}
.ow-panel li span{color:#3a3a3f;font-size:.95rem;padding-left:32px}
.wk{margin-top:clamp(24px,4vw,40px);background:var(--mist);border-radius:26px;padding:clamp(18px,3vw,30px)}
.wk-phase{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 4px}
.wk-phase span{font-size:.82rem;font-weight:600;border-radius:999px;padding:.3em .9em;background:#fff;color:var(--muted)}
.wk-phase span.on{background:var(--ink);color:#fff}
.wk-phase em{font-style:normal}
.wk-ch{margin:10px 0 0}
.wk-ch figcaption{font-size:.85rem;color:#3a3a3f}.wk-ch figcaption span{color:var(--muted)}
.wk-svg,.wk-x{width:100%;height:auto;display:block}
.wk-line{fill:none;stroke-width:2.5;stroke-linejoin:round}
.wk-line.c1{stroke:#5552CF}.wk-line.c2{stroke:#1F9E94}
.wk-dot.c1{fill:#5552CF;stroke:#fff;stroke-width:2}.wk-dot.c2{fill:#1F9E94;stroke:#fff;stroke-width:2}
.wk-rec{fill:#E8E8ED;opacity:.6}
.wk-cur{stroke:#1D1D1F;stroke-width:1;stroke-dasharray:3 3}
.wk-xl{margin:0;text-align:center;font-size:.78rem;color:var(--muted)}
.wk-note{font-size:.78rem;color:var(--muted);margin:10px 0 0}
.rq{background:#fff;border-radius:26px;padding:clamp(18px,3vw,28px);display:grid;gap:18px}
.rq-in{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.rq-in label{display:flex!important;flex-direction:column!important;gap:6px;font-size:.88rem;color:#3a3a3f}
.rq-in label:last-child{grid-column:1/-1}
.rq-in output{font-weight:700;color:var(--ink)}
.rq-in select{font:inherit;padding:.45em .7em;border-radius:10px;border:1px solid var(--line);background:#fff}
.rq-in input[type=range]{accent-color:var(--violet);padding:0!important;width:100%}
.rq-bar{position:relative;height:16px;background:#E8E8ED;border-radius:8px;margin:14px 0 6px}
.rq-bar i{position:absolute;inset:0 auto 0 0;background:#5552CF;border-radius:8px;transition:width .3s}
.rq-bar s{position:absolute;top:-6px;bottom:-6px;width:2px;background:#1D1D1F;transition:left .3s}
.rq-bar b{position:absolute;top:-6px;bottom:-6px;width:2px;background:#AEAEB2;transition:left .3s}
.rq-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.rq-nums span{display:block;color:var(--muted);font-size:.8rem}
.rq-nums b{font-size:1.4rem;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.rq-nums em{font-style:normal}
.rq-msg{margin:8px 0 0;font-weight:600}
.ox-bundle{margin-top:clamp(28px,4vw,44px);background:#fff;border-radius:26px;padding:clamp(20px,3vw,30px);display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ox-bundle h3{margin:4px 0 6px;font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-.02em;max-width:26ch}.ox-bundle p{margin:0;color:#3a3a3f}
.ox-bundle .k{color:var(--violet);font-weight:600}
@media (max-width:820px){.ow-grid{grid-template-columns:minmax(0,1fr)}.ow-svg{max-width:220px}.wk-read{grid-template-columns:repeat(2,minmax(0,1fr))}.wk-read div:first-child{grid-column:1/-1}.rq-in{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ow-cable,.ow-walk{animation:none}}
.rq-leg{display:flex;gap:16px;flex-wrap:wrap;margin:6px 0 0;font-size:.8rem;color:#3a3a3f}
.rq-leg span{display:inline-flex;align-items:center;gap:6px}
.rq-leg i{width:12px;height:12px;border-radius:3px;background:#5552CF}.rq-leg s{width:2px;height:14px;background:#1D1D1F}.rq-leg b{width:2px;height:14px;background:#AEAEB2}
.ow-waist-p img{-webkit-mask-image:linear-gradient(90deg,transparent 2%,#000 22%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent 2%,#000 22%,#000 90%,transparent)}
.ox-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(24px,4vw,40px)}
.ox-uses div{background:#fff;border-radius:22px;padding:22px}
.ox-uses b{font-size:1.2rem;letter-spacing:-.01em}.ox-uses p{margin:8px 0 0;color:#3a3a3f}
@media (max-width:820px){.ox-uses{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 6MWT stage: follow cam + course map, autoplay */
.wk-scroll{position:relative;background:#F4F4F6;padding-block:clamp(56px,7vw,96px)}
.wk-sticky{display:flex;flex-direction:column;gap:14px}
.wk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;width:100%}
.wk-head h2{margin:2px 0 0;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:-.03em}
.wk-timer{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:6px 18px 6px 6px;box-shadow:0 1px 0 #0000000d}
.wk-timer svg{width:40px;height:40px;transform:rotate(-90deg)}
.wk-timer .tr{fill:none;stroke:#E8E8ED;stroke-width:4}
.wk-timer .tf{fill:none;stroke:#5552CF;stroke-width:4;stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:119.4}
.wk-timer b{font-size:1.6rem;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.wk-timer span{color:var(--muted);font-size:.85rem}
.wk-stage{width:min(calc(min(1024px,100%) - 2*var(--gl)),calc((100vh - 330px) * 2.15 + 16px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;align-items:stretch;container-type:inline-size}
.wk-cam{position:relative;min-height:100%;border-radius:28px;overflow:hidden;background:#EDEDF0}
.wk-cam canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.wk-tag{position:absolute;left:18px;top:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:8px 12px;font-size:.82rem;font-weight:650;line-height:1.35;color:#1D1D1F}
.wk-tag em{font-style:normal;font-weight:500;color:var(--muted)}
.wk-cam .wk-live{position:absolute;left:18px;bottom:18px}
.wk-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.wk-view{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#F5F5F5}
.wk-view canvas{position:absolute;inset:0;width:100%;height:100%}
.wk-vl{position:absolute;left:14px;top:12px;font-size:.72rem;font-weight:600;color:var(--muted)}
.wk-ov{position:absolute;inset:0;width:100%;height:100%}
.wk-ov .lb{font:600 22px Inter,system-ui,sans-serif;fill:#6E6E73;text-anchor:middle;dominant-baseline:middle}
.wk-ov .tr{fill:none;stroke:#5552CF;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.wk-ov .hd{fill:#5552CF;stroke:#fff;stroke-width:4}
.wk-hud{flex:1;display:flex;align-items:stretch}
.wk-live{display:flex;gap:6px}
.wk-live span{display:none;font-size:.8rem;font-weight:700;border-radius:999px;padding:.35em .9em;background:#E3F8F6;color:#137A72}
.wk-live span.on{display:inline-block}
.wk-live span[data-ph=rec]{background:#FFF4E5;color:#9A5B00}
.wk-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.wk-chips div{background:#fff;border-radius:20px;padding:14px 18px;display:flex;flex-direction:column;justify-content:center}
.wk-chips span{display:block;color:var(--muted);font-size:.8rem;white-space:nowrap}
.wk-chips b{font-size:clamp(1.2rem,2.6cqw,1.9rem);white-space:nowrap;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.wk-chips em{font-style:normal}.wk-chips .c1{color:#5552CF}.wk-chips .c2{color:#1F9E94}
.wk-pips{display:flex;gap:3px;margin-top:6px;text-decoration:none}
.wk-pips i{flex:1;height:4px;border-radius:2px;background:#E8E8ED}.wk-pips i.on{background:#5552CF}
.wk-prog{cursor:pointer;touch-action:none;padding-block:8px}
.wk-bar{display:flex;align-items:center;gap:14px;width:100%}
.wk-bar .pill{border:0;cursor:pointer;min-width:84px;justify-content:center}
.wk-prog{flex:1}
.wk-track{position:relative;height:6px;border-radius:3px;background:#E1E1E6;overflow:hidden}
.wk-track s{position:absolute;inset:0 auto 0 0;width:0;background:#5552CF;text-decoration:none}
.wk-track em{position:absolute;top:0;bottom:0;left:75%;right:0;background:repeating-linear-gradient(45deg,#00000010 0 4px,transparent 4px 8px)}
.wk-ticks{position:relative;height:16px;font-size:.7rem;color:var(--muted)}
.wk-ticks i{position:absolute;top:2px;transform:translateX(-50%);font-style:normal}
.wk-ticks i:first-child{transform:none}.wk-ticks i:last-child{transform:translateX(-100%)}
.wk-ticks b{font-weight:500}
.wk-hint{margin:0 auto;font-size:.78rem;color:var(--muted)}
.wk-trace{padding-block:clamp(60px,8vw,100px)}
.wk-range{width:100%;accent-color:var(--violet);margin-top:10px}
@media (max-width:820px){
  .wk-head{flex-direction:column;align-items:flex-start}
  .wk-stage{grid-template-columns:1fr;gap:10px;width:calc(100% - 2*var(--gl))}
  .wk-cam,.wk-view{border-radius:18px}.wk-cam{aspect-ratio:1;min-height:0}
  .wk-tag{left:10px;top:10px;font-size:.74rem}.wk-cam .wk-live{left:10px;bottom:10px}
  .wk-chips{gap:8px}.wk-chips div{padding:10px 14px;border-radius:14px}
  .wk-ov .lb{font-size:30px}
}


/* ===== Made in India voice + alveoSenseAI ===== */
.mii{background:#fff;border-bottom:1px solid var(--line);padding-block:18px}
.dark+.mii,.dhero+.mii{border-top:0}
.mii-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,360px);grid-template-areas:"f a" "b a";gap:10px 28px;align-items:center}
.mii-flag{grid-area:f}.mii-badges{grid-area:b}.mii-ai{grid-area:a}
.mii-flag{display:flex;align-items:center;gap:10px;font-size:.95rem}
.mii-flag i{width:22px;height:16px;border-radius:3px;flex:none;background:linear-gradient(#FF9933 0 33.3%,#fff 33.3% 66.6%,#138808 66.6%);box-shadow:inset 0 0 0 1px #0000001a;position:relative}
.mii-flag i::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#000080}
.mii-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mii-badges li{font-size:.82rem;font-weight:600;padding:.4em .85em;border-radius:999px;background:var(--mist);color:#1D1D1F}
.mii-badges li:first-child{background:#EEEDFC;color:var(--violet)}
.mii-ai{display:block;text-decoration:none;color:var(--ink);border-left:1px solid var(--line);padding-left:20px;max-width:380px}
.mii-ai span{font-size:.78rem;color:var(--muted);margin-right:4px}
.mii-ai b{background:linear-gradient(120deg,#5552CF,#1F9E94);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1rem}
.mii-ai em{display:block;font-style:normal;font-size:.8rem;color:#3a3a3f;margin-top:3px}
.mii-ai:hover em{color:var(--violet)}
@media (max-width:820px){.mii-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"f" "b" "a"}.mii-ai{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:10px}}
.mii-home{background:#000;color:var(--on-night);padding-block:clamp(80px,11vw,140px);text-align:center;overflow:hidden;position:relative}
.mii-home::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 45% at 50% 22%,#5552CF3a,transparent 70%)}
.mii-home .wrap{position:relative}
.mh-k{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:#c9c9cf;margin:0}
.mh-k::before{content:"";width:22px;height:16px;border-radius:3px;background:linear-gradient(#FF9933 0 33.3%,#fff 33.3% 66.6%,#138808 66.6%)}
.mii-home h2{font-size:clamp(2.4rem,6.4vw,4.8rem);line-height:1.02;letter-spacing:-.035em;margin:16px auto 18px;max-width:16ch}
.mii-home .sub{color:var(--on-night-muted);max-width:60ch;margin:0 auto}
.mh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(36px,5vw,56px);text-align:left}
.mh-grid div{background:#161617;border:1px solid #2a2a2d;border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:6px}
.mh-grid b{font-size:clamp(1.3rem,2.4vw,1.8rem);letter-spacing:-.02em;background:linear-gradient(120deg,#8E8BFF,#45C4BA);-webkit-background-clip:text;background-clip:text;color:transparent}
.mh-grid span{color:#d2d2d7;font-size:.95rem;flex:1}
.mh-grid a{color:#8E8BFF;text-decoration:none;font-size:.88rem;font-weight:600;margin-top:8px}
.mh-grid a::after{content:" ›"}
.mh-ai{display:inline-flex;align-items:center;gap:14px;margin-top:28px;padding:14px 22px;border-radius:999px;background:#161617;border:1px solid #2a2a2d;color:#f5f5f7;text-decoration:none;text-align:left;flex-wrap:wrap;justify-content:center}
.mh-ai b{background:linear-gradient(120deg,#8E8BFF,#45C4BA);-webkit-background-clip:text;background-clip:text;color:transparent}
.mh-ai em{font-style:normal;color:#8E8BFF;font-weight:600;font-size:.9rem}
.sai-dot{width:12px;height:12px;border-radius:50%;background:conic-gradient(#5552CF,#1F9E94,#5552CF);box-shadow:0 0 18px #8E8BFF;animation:saip 2.4s ease-in-out infinite}
@keyframes saip{50%{box-shadow:0 0 4px #8E8BFF}}
@media (max-width:820px){.mh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mii-ip{padding-block:clamp(60px,8vw,100px)}
.ip-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.ip{background:var(--mist);border-radius:22px;padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.ip b{font-size:1.1rem}.ip p{margin:0;color:#3a3a3f;font-size:.95rem;flex:1}.ip small{color:var(--muted);font-weight:600}
.ip-st{align-self:flex-start;font-size:.75rem;font-weight:700;border-radius:999px;padding:.25em .8em}
.ip-st.g{background:#E3F8F6;color:#137A72}.ip-st.c{background:#1D1D1F;color:#fff}.ip-st.p{background:#FFF4E5;color:#9A5B00}
.ip-note{color:var(--muted);font-size:.85rem;margin-top:18px}
@media (max-width:820px){.ip-list{grid-template-columns:minmax(0,1fr)}}
.sai-hero{background:#000;color:var(--on-night);text-align:center;padding-block:clamp(80px,10vw,130px) clamp(40px,6vw,70px);overflow:hidden}
.sai-hero .label{font-size:1.3rem;font-weight:600;margin:0 0 12px}
.sai-hero h1{font-size:clamp(3rem,8.5vw,6.6rem);line-height:1;letter-spacing:-.04em;margin:0}
.sai-hero .sub{max-width:44ch;margin:22px auto 0;color:var(--on-night-muted)}
.sai-hero .cta{display:flex;gap:16px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.sai-orbit{position:relative;width:min(560px,90%);aspect-ratio:2/1;margin:50px auto 30px}
.sai-orbit .core{position:absolute;left:50%;bottom:0;transform:translate(-50%,40%);font-weight:700;font-size:clamp(1rem,2.4vw,1.4rem);padding:18px 26px;border-radius:999px;background:#161617;border:1px solid #2f2f33;box-shadow:0 0 80px #5552CF66;background-clip:padding-box}
.sai-orbit i{position:absolute;left:50%;bottom:0;width:18%;aspect-ratio:1;transform:translate(-50%,50%) rotate(var(--a)) translate(min(250px,40vw)) rotate(calc(-1 * var(--a)));border-radius:50%;background:#161617;border:1px solid #2a2a2d;display:grid;place-items:center}
.sai-orbit i img{width:72%;height:72%;object-fit:contain}
.sai-orbit::before{content:"";position:absolute;left:50%;bottom:0;width:min(500px,80vw);aspect-ratio:1;transform:translate(-50%,50%);border-radius:50%;border:1px dashed #3a3a3f}
.st{margin-top:28px}
.st-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.st-tabs button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:18px;padding:10px 12px;cursor:pointer;font:inherit;color:var(--ink)}
.st-tabs button img{width:44px;height:44px;object-fit:contain;flex:none}
.st-tabs b{display:block;font-size:.9rem}.st-tabs small{color:var(--muted);font-size:.78rem}
.st-tabs button[aria-selected=true]{border-color:var(--violet);box-shadow:0 0 0 3px #5552CF22}
.st-tabs button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.st-panel{margin-top:16px;background:var(--mist);border-radius:26px;padding:clamp(20px,3vw,32px)}
.st-panel[hidden]{display:none}
.st-panel .k{color:var(--violet);font-weight:600;margin:0 0 14px}
.sf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.sf{background:#fff;border-radius:18px;padding:18px}.sf b{font-size:1.05rem}.sf p{margin:8px 0 0;color:#3a3a3f;font-size:.95rem}
@media (max-width:820px){.st-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sai-pts{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
.sai-pts li{padding-left:22px;position:relative;color:#3a3a3f}.sai-pts li b{color:var(--ink);margin-right:6px}
.sai-pts li::before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;border-radius:50%;background:linear-gradient(120deg,#5552CF,#1F9E94)}
.trace{background:#fff;border-radius:24px;padding:22px;box-shadow:0 20px 50px #0000000f;font-size:.95rem}
.tr-h{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px}
.tr-h span{font-size:.8rem;font-weight:700;background:linear-gradient(120deg,#5552CF,#1F9E94);-webkit-background-clip:text;background-clip:text;color:transparent}
.tr-r{display:grid;grid-template-columns:1fr auto 120px;gap:10px;padding:7px 0;border-bottom:1px solid #f0f0f2}
.tr-r span{color:var(--muted)}.tr-r em{font-style:normal;color:#3a3a3f;font-size:.85rem;text-align:right}.tr-r em.lo{color:#C2410C}
.tr-out{margin:12px 0 8px;padding:12px 14px;border-radius:14px;background:#EEEDFC}
.tr-why{margin:0;padding-left:18px;color:#3a3a3f;font-size:.88rem;display:grid;gap:4px}
.tr-sign{margin-top:12px;font-size:.8rem;font-weight:600;color:#9A5B00;background:#FFF4E5;border-radius:999px;padding:.35em .9em;display:inline-block}
@media (prefers-reduced-motion:reduce){.sai-dot{animation:none}}
/* alveo Hub as the lab station (hub.py) */
.hub-band{background:var(--night);color:var(--on-night);padding-block:clamp(72px,9vw,120px);overflow:hidden}
.hub-band .eyebrow{color:var(--violet-l)}
.hb-head{text-align:center;max-width:760px;margin:0 auto}
.hb-head h2{font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.035em;line-height:1.04;margin:10px 0 18px}
.hb-head .lead{color:var(--on-night-muted);font-size:1.12rem;line-height:1.55;max-width:56ch;margin-inline:auto}
.hb-head .links{justify-content:center}
.hb-stage{position:relative;margin:48px auto 0;max-width:980px}
.hb-hub{display:block;width:min(720px,100%);margin:0 auto}
.hb-devs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px}
.hb-dev{display:flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;padding:6px 14px 6px 6px;color:var(--on-night);text-decoration:none;font-size:.88rem;font-weight:500}
.hb-dev img{width:30px;height:30px;object-fit:contain;border-radius:50%;background:#fff}
.hb-dev:hover{background:#ffffff22}
.hb-why{list-style:none;padding:0;margin:44px auto 0;max-width:1024px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hb-why li{background:#ffffff0d;border:1px solid #ffffff17;border-radius:20px;padding:18px 18px 20px;color:var(--on-night-muted);font-size:.92rem;line-height:1.5}
.hb-why b{display:block;color:var(--on-night);font-size:1.02rem;margin-bottom:6px}
.hb-note{text-align:center;margin:28px 0 0;color:var(--on-night-muted);font-size:.92rem}
.hub-strip{padding-block:28px;background:var(--mist)}
.hs-in{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;background:#fff;border-radius:24px;padding:20px 26px}
.hs-in img{width:120px;height:auto}
.hs-in .k{color:var(--violet);font-weight:600;font-size:.85rem;margin:0}
.hs-in h3{font-size:1.35rem;letter-spacing:-.02em;margin:4px 0 6px}
.hs-in p{margin:0;color:var(--muted);line-height:1.5}
.hs-in .links{flex-direction:column;align-items:flex-start;gap:8px;margin:0}
.hub-start{padding-block:36px 0;background:var(--mist)}
.hst-in{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:center;background:var(--night);color:var(--on-night);border-radius:28px;padding:28px 36px}
.hst-in img{width:100%;height:auto}
.hst-in .k{color:var(--violet-l);font-weight:600;margin:0}
.hst-in h2{font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.03em;margin:6px 0 10px}
.hst-in p{color:var(--on-night-muted);line-height:1.55;margin:0}
.hst-in .links{justify-content:flex-start}
.hub-why{padding-block:clamp(64px,8vw,110px)}
.hub-why .wrap{text-align:center}
.hub-why .sub{max-width:62ch;margin:14px auto 0}
.hw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px;text-align:left}
.hw-grid div{background:var(--mist);border-radius:20px;padding:20px}
.hw-grid b{display:block;font-size:1.02rem;margin-bottom:6px}
.hw-grid p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}
.mg-dev.mg-hub small{color:var(--violet)}
@media (max-width:900px){.hb-why,.hw-grid{grid-template-columns:1fr 1fr}.hst-in{grid-template-columns:1fr;text-align:left}.hst-in img{max-width:260px}}
@media (max-width:640px){.hb-why,.hw-grid{grid-template-columns:1fr}.hs-in{grid-template-columns:1fr;text-align:left}.hs-in img{width:96px}.hs-in .links{flex-direction:row}}

/* ---- tone.css: Apple-style balance. Light by default; dark kept for heroes, scroll films, the Hub band (see tone.py) ---- */
.tone-l{--night:#F5F5F7;--night-2:#FFFFFF;--on-night:#1D1D1F;--on-night-muted:#6E6E73;--violet-l:#5552CF;background:#F5F5F7!important;color:#1D1D1F!important}
.tone-l.tone-w,.tone-w{background:#FFFFFF!important;--night:#FFFFFF;--night-2:#F5F5F7}
.tone-l h1,.tone-l h2,.tone-l h3{color:inherit}
.tone-l .sub,.tone-l .lead,.tone-l p{color:#424245}
.tone-l .eyebrow,.tone-l .k,.tone-l .label{color:#5552CF}
.tone-l .links a{color:#5552CF}
/* glows meant for black backgrounds become soft product shadows */
.tone-l::before{opacity:.35}
.tone-l .shot,.tone-l img{filter:none}
.tone-l.tile .shot,.tone-l .hb-hub,.tone-l .dk img{filter:drop-shadow(0 24px 40px rgba(0,0,0,.12))}
/* cards that were dark-on-dark */
.tone-l .bx,.tone-l .dk,.tone-l figure.dk{background:#FFFFFF!important;color:#1D1D1F;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.tone-w .bx,.tone-w .dk{background:#F5F5F7!important}
.tone-l .dk b{background:linear-gradient(120deg,#5552CF,#1E9C92);-webkit-background-clip:text;background-clip:text;color:transparent}
.tone-l .dk span,.tone-l .bx .lab{color:#6E6E73}
/* screenshots of the dark app UI read as screens: give them a bezel on light */
.tone-l img[src*="ui-"],.tone-l img[src*="-scr-"]{border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.tone-l.zoom .screen{border-color:#1D1D1F;box-shadow:0 40px 100px rgba(0,0,0,.22)}
.tone-l.zoom .zcap{color:#6E6E73}
.tone-l .grad{background:linear-gradient(90deg,#5552CF,#1E9C92);-webkit-background-clip:text;background-clip:text;color:transparent}
.tone-l sup.tbc{color:#86868B}
/* home: Made in India band on white */
.tone-l .mh-k{color:#1D1D1F}
.tone-l .mh-grid div{background:#F5F5F7;border-color:transparent}
.tone-l .mh-grid b,.tone-l .mh-ai b{background:linear-gradient(120deg,#5552CF,#1E9C92);-webkit-background-clip:text;background-clip:text;color:transparent}
.tone-l .mh-grid span{color:#424245}
.tone-l .mh-grid a,.tone-l .mh-ai em{color:#5552CF}
.tone-l .mh-ai{background:#F5F5F7;border-color:transparent;color:#1D1D1F}
.tone-l .mh-ai span{color:#1D1D1F}
/* partner-program pages: dashboard tiles */
.tone-l .dash-grid>div{background:#FFFFFF;box-shadow:0 1px 0 rgba(0,0,0,.05)}
/* partner-program pathway on light */
.tone-l .pw-line{background:#D2D2D7}
.tone-l .pw-n{background:#FFFFFF;border-color:#D2D2D7;color:#1D1D1F}
.tone-l .pw-node[aria-selected="true"] .pw-n,.tone-l .pw-node.done .pw-n{color:#fff}
.tone-l .pw-panels{background:#FFFFFF;border-color:transparent;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.tone-l .pw-media{background:#F5F5F7}
.tone-l .pw-media img{filter:drop-shadow(0 24px 40px rgba(0,0,0,.14))}
.tone-l .pw-copy>p,.tone-l .pw-copy dt{color:#6E6E73}
.tone-l .pw-copy dl div{border-top-color:#E8E8ED}
.tone-l .pw-tag{color:#1E9C92;border-color:#1E9C9255}

.proto{display:none!important}