:root{--night:#071822;--deep:#0c2230;--paper:#f2f4ee;--white:#f3f7f3;--sage:#d0e8a2;--teal:#68b8ba;--muted:#a0b1b8;--line:#ffffff22;--ink:#17313a;--mono:Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--white);background:var(--night);font-family:Arial,Helvetica,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a,button{ -webkit-tap-highlight-color:transparent}img,svg{max-width:100%;display:block}button,a{transition:color .2s,background .2s,border-color .2s}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--sage);outline-offset:5px}::selection{background:#d0e8a2;color:var(--night)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.05em;line-height:1.05}h1{font-size:clamp(64px,7.3vw,112px)}h2{font-size:clamp(38px,4.1vw,60px)}h3{font-size:29px;line-height:1.15}em{font-style:normal;color:var(--sage)}.wrap{width:calc(100% - 112px);max-width:1320px;margin:auto}.eyebrow,.micro-label,.concept-tag,.scene-topline,.scene-bottomline,.hero-scroll,.plate-topline,.plate-caption,.product-note,.row-index,.footer-bottom,.connect-paths>a>span,.anatomy-number{font-family:var(--mono);font-size:9px;letter-spacing:.1em;line-height:1.7;font-weight:400}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--muted);margin-bottom:28px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--sage);box-shadow:0 0 12px #d0e8a240;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:15px 22px;min-height:52px;border:1px solid var(--sage);border-radius:3px;font-size:12px;font-weight:600;line-height:1.5}.button.sage{background:var(--sage);color:var(--night)}.button.sage:hover{background:#e3f5c0;border-color:#e3f5c0}.button>span{font-size:22px;font-weight:400;line-height:1}.quiet-link{font-size:12px;display:inline-flex;align-items:center;gap:20px}.quiet-link>span{color:var(--sage);font-size:20px}.quiet-link:hover{color:var(--sage)}.line-link{display:inline-flex;justify-content:space-between;gap:45px;border-bottom:1px solid currentColor;font-size:12px;font-weight:600;padding-bottom:10px;align-items:center}.line-link>span{font-size:22px;font-weight:400}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--sage);color:var(--night);z-index:50}.skip:focus{top:10px}.header{position:sticky;top:0;background:#071822ed;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff14;z-index:30}.nav-shell{width:calc(100% - 80px);max-width:1400px;min-height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand>img{width:38px;height:43px;object-fit:contain;opacity:.85}.brand>span{font-size:27px;line-height:1;letter-spacing:-.06em;font-weight:400}.brand strong{font-weight:700}.brand small{display:block;font-size:5.5px;letter-spacing:.08em;color:var(--muted);margin-top:8px;line-height:1;font-family:var(--mono)}nav{display:flex;align-items:center;gap:35px;font-size:11px;color:#c6d1d5}nav>a:hover{color:var(--sage)}.nav-actions{display:flex;gap:25px;align-items:center}.concept-tag{font-size:7px;color:var(--muted);letter-spacing:.15em}.enquire{border:1px solid var(--sage);background:var(--sage);color:var(--night);display:flex;align-items:center;justify-content:center;gap:25px;min-height:44px;padding:10px 16px;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;border-radius:3px;transition:background .2s,border-color .2s}.enquire>span{font-size:20px;line-height:1}.enquire:hover{background:#e2f1c2;color:var(--night);border-color:#e2f1c2}.enquire:active{background:#bfd98d;border-color:#bfd98d}.menu{display:none;border:0;background:transparent;padding:8px 0 8px 10px}.menu i{display:block;width:23px;height:1px;background:var(--white);margin:6px 0}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 79% 42%,#183b48 0%,#0b2431 27%,#071822 62%)}.hero:before{content:'';position:absolute;width:1px;height:1px;box-shadow:20vw 15vh 2px 1px #c9e4d547,60vw 33vh 1px 1px #8fc2be26,90vw 14vh 1px 1px #d0e8a256,55vw 60vh 1px 1px #b2e3e526,4vw 60vh 1px 1px #88b2bf3b,71vw 72vh 1px 1px #b7c8e94a;pointer-events:none}.hero-grid{display:grid;grid-template-columns:.9fr 1.15fr;align-items:center;gap:25px;min-height:720px;padding-top:26px}.hero-copy{position:relative;z-index:2;padding:32px 0 65px}.hero-copy h1{margin-bottom:30px;line-height:.99}.hero-copy h1 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.065em}.hero-description{max-width:405px;color:#b9c9ce;font-size:15px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:33px;flex-wrap:wrap}.hero-footnote{font-family:var(--mono);font-size:8px;letter-spacing:.02em;color:#7996a2;display:flex;gap:10px;align-items:center;margin-top:49px}.live-dot{width:5px;height:5px;background:var(--sage);border-radius:50%;box-shadow:0 0 12px #d0e8a260}.ev-experience{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;margin:25px -5px 35px 0}.scene-topline{display:flex;align-items:center;justify-content:space-between;color:#8da6ad;gap:10px;font-size:7px;letter-spacing:.13em;position:relative;z-index:3}.mode-switch{display:flex;background:#ffffff08;border:1px solid #ffffff1a;padding:3px;border-radius:5px;gap:2px}.mode-switch button{color:#a3b6bb;background:transparent;border:0;font-size:9px;letter-spacing:0;padding:7px 12px;border-radius:3px;white-space:nowrap}.mode-switch button[aria-pressed=true]{color:var(--night);background:var(--sage)}.ev-stage{height:535px;position:relative;margin:0 -30px;isolation:isolate}.ev-stage:before{content:'';position:absolute;width:70%;height:70%;border-radius:50%;border:1px solid #ffffff0c;top:15%;left:15%;pointer-events:none;z-index:-1}.ev-stage:after{content:'';position:absolute;width:85%;height:85%;border-radius:50%;border:1px dashed #ffffff0b;top:7.5%;left:7.5%;pointer-events:none;z-index:-1}.ev-stage canvas{position:absolute;width:100%;height:100%;inset:0;touch-action:pan-y;cursor:grab;z-index:1}.ev-stage canvas:active{cursor:grabbing}.ev-fallback{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;pointer-events:none;color:#9bb9ba;z-index:2;transition:opacity .18s}.ev-fallback>span{font:9px/1.7 var(--mono);letter-spacing:.04em;text-align:center;max-width:260px}.ev-loading-orbit{width:48px;height:48px;border:1px solid #86afaa30;border-top-color:#c0d9b2;border-radius:50%;animation:vesicle-loading 1.3s linear infinite}.ev-fallback.is-unavailable .ev-loading-orbit{animation:none;opacity:.35}@keyframes vesicle-loading{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ev-loading-orbit{animation:none}}.ev-stage.has-webgl .ev-fallback{opacity:0;visibility:hidden;pointer-events:none}.hotspot{display:flex;align-items:center;gap:10px;position:absolute;border:0;background:transparent;color:#d7e5e6;padding:10px;font-family:var(--mono);font-size:8px;letter-spacing:.02em;z-index:4;opacity:0!important;pointer-events:none}.has-webgl .hotspot{opacity:1!important;pointer-events:auto}.hotspot>i{width:6px;height:6px;border:1px solid #d5e8b9;border-radius:50%;box-shadow:0 0 0 5px #d0e8a217;display:block;flex-shrink:0;background:#07182290}.hotspot.active>i{background:var(--sage);box-shadow:0 0 0 6px #d0e8a22e,0 0 15px #d0e8a257}.hotspot>span{background:#0b2029d6;border-bottom:1px solid #809c9d66;padding:3px 6px}.membrane-spot{right:-1%;top:21%}.cargo-spot{left:26%;bottom:13%}.markers-spot{left:-1%;top:48%}.scene-bottomline{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:7px;color:#8aa3ad;line-height:1.3;margin-top:1px;position:relative;z-index:3}.scene-bottomline>div{display:flex;gap:18px}.scene-bottomline button{border:0;background:transparent;color:#b2c3c7;font-size:8px;padding:6px 0;font-family:var(--mono);letter-spacing:0;white-space:nowrap}.scene-bottomline button:hover{color:var(--sage)}.scene-bottomline button>span{display:inline-block;margin-right:6px}.drag-icon{font-size:18px;vertical-align:-1px;margin-right:7px;color:var(--sage)}#model-note{font-family:var(--mono);font-size:7px;letter-spacing:.03em;color:#627e8c;margin-top:13px}.hero-scroll{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);min-height:65px;color:#718f9c;font-size:7px;letter-spacing:.1em}.hero-scroll>a{display:flex;align-items:center;gap:14px;color:#becdd0}.scroll-line{height:23px;width:1px;background:linear-gradient(var(--sage),#d0e8a200)}.index-number{color:var(--sage)}.inside-section{background:var(--paper);color:var(--ink);padding:110px 0}.inside-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:110px}.section-title .eyebrow{color:#54756f}.section-title .eyebrow>span{background:#719074;box-shadow:none}.section-title h2{margin-bottom:25px}.section-title h2 em{color:#466a63}.section-title>p:not(.eyebrow){font-size:15px;color:#5d7478;line-height:1.9;max-width:430px;margin-bottom:30px}.anatomy-list{border-top:1px solid #bfcfc8}.anatomy-item{width:100%;text-align:left;display:grid;grid-template-columns:25px 1fr 40px;align-items:center;gap:20px;border:0;border-bottom:1px solid #c4d2cb;padding:28px 0;background:transparent;color:var(--ink)}.anatomy-item:hover,.anatomy-item.active{background:#e7eee3}.anatomy-item.active{padding-left:16px;padding-right:13px}.anatomy-number{font-size:9px;color:#5c7c6b;align-self:start;padding-top:5px}.anatomy-item strong{font-size:21px;letter-spacing:-.03em;font-weight:400;display:block;line-height:1.3;margin-bottom:10px}.anatomy-item small{display:block;font-size:12px;color:#5d7478;line-height:1.8;max-width:365px}.layer-symbol{font-size:36px;font-weight:400;color:#5b8d80;text-align:center;line-height:1}.cargo-symbol{color:#9473a0;font-size:46px}.marker-symbol{color:#b78b68;font-size:28px}.anatomy-feedback{font-family:var(--mono);font-size:8px;letter-spacing:.01em;color:#648078;margin-top:22px;min-height:30px}.capture-section{padding:105px 0 65px;background:linear-gradient(135deg,#0c2531,#09202a)}.capture-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.capture-heading>p{font-size:14px;color:#97b0b9;line-height:1.9;margin-bottom:5px}.capture-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.product-config{padding:29px 30px 24px;border:1px solid #ffffff25;background:#ffffff03}.micro-label{font-size:8px;color:#92acb3;letter-spacing:.12em}.group-tabs{display:flex;gap:5px;margin:20px 0 30px;flex-wrap:wrap}.group-tabs button{font-size:9px;border:1px solid #ffffff2a;background:transparent;color:#b4c8cc;padding:8px 10px;border-radius:2px;white-space:nowrap}.group-tabs button:hover{border-color:var(--sage)}.group-tabs button[aria-pressed=true]{background:#d0e8a217;border-color:#d0e8a27a;color:var(--sage)}.target-label{display:block;font-size:10px;color:#a4bdc3;margin-bottom:10px}#target-select{width:100%;padding:13px 36px 13px 13px;color:#e9efed;background:#102f3a;border:1px solid #49626c;border-radius:2px;line-height:1.4;font-size:14px;color-scheme:dark}.selected-product{padding-top:32px}.selected-product .micro-label{color:var(--sage)}.selected-product h3{font-size:32px;letter-spacing:-.035em;margin:12px 0 12px}.selected-product code{font-family:var(--mono);font-size:10px;color:#85a5b1;display:block;margin-bottom:22px}.selected-product>p:last-child{font-size:13px;line-height:1.8;color:#a8bfc5;max-width:310px}.product-facts{margin:25px 0 27px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:18px;gap:20px}.product-facts dt{font-size:9px;color:#7f9ba7;margin-bottom:5px}.product-facts dd{margin:0;color:#d9e8e5;font-size:15px}.product-config>.button{width:100%;font-size:11px;gap:15px}.catalogue-link{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:#9db8bf;margin-top:18px}.catalogue-link>span{font-size:18px}.catalogue-link:hover{color:var(--sage)}.plate-experience{min-width:0;padding-top:15px}.plate-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:7px;color:#8aa6af}.plate-topline>span:first-child{display:flex;gap:9px;align-items:center}#target-dot{width:5px;height:5px;background:var(--sage);border-radius:50%;display:block}#plate-stage{height:430px;position:relative;isolation:isolate}#plate-stage:after{content:'';width:70%;height:18%;position:absolute;bottom:7%;left:15%;border-radius:50%;background:#0006;filter:blur(28px);z-index:-1}#plate-canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y;cursor:grab}#plate-canvas:active{cursor:grabbing}.plate-caption{font-size:7px;color:#71919f;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.capture-sequence{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:28px;font-size:10px;color:#a4bec3}.capture-sequence b{font-family:var(--mono);font-size:8px;display:inline-block;margin-right:8px;font-weight:400;color:var(--sage)}.capture-sequence i{font-style:normal;color:#4a727c}.product-note{font-size:8px;letter-spacing:0;color:#688c9a;margin-top:35px;max-width:520px}.plate-fallback{position:absolute;width:80%;height:65%;left:10%;top:20%;transform:perspective(600px) rotateX(32deg) rotateZ(-12deg);background:#d8e5e3;border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:6%;box-shadow:0 12px 0 #74999c;z-index:-1}.plate-fallback small{font-family:var(--mono);font-size:7px;color:#365767;text-align:center;margin-top:15px}.has-webgl .plate-fallback{display:none}#fallback-wells{display:grid;grid-template-columns:repeat(12,1fr);gap:7px}#fallback-wells i{display:block;aspect-ratio:1;background:#143c4d;border-radius:50%;box-shadow:0 0 0 2px #b4ced0}.possibility-section{background:#edf1eb;color:var(--ink);padding:105px 0}.possibility-heading{display:grid;grid-template-columns:1fr 1fr;gap:15px 70px;margin-bottom:65px}.possibility-heading .eyebrow{grid-column:1/-1;color:#5b7a70}.possibility-heading .eyebrow>span{background:#719074;box-shadow:none}.possibility-heading h2 em{color:#4f7367}.possibility-heading>p:last-child{font-size:15px;color:#617b7d;line-height:1.9;max-width:390px;align-self:end;padding-bottom:5px}.platform-rows{border-top:1px solid #bccdc4}.platform-rows>a{display:grid;grid-template-columns:180px 1.2fr 1fr 30px;gap:35px;align-items:center;padding:35px 0;border-bottom:1px solid #bccdc4}.row-index{font-size:8px;color:#56766d;line-height:1.8;max-width:130px}.platform-rows h3{font-size:29px;line-height:1.2;max-width:340px}.platform-rows p{font-size:12px;color:#6a8080;line-height:1.9}.row-arrow{font-size:27px;font-weight:300;color:#496e62}.platform-rows>a:hover h3{color:#5d8375}.connect-section{padding:100px 0 90px;background:radial-gradient(ellipse at top right,#22473f,#102b31 65%)}.connect-section h2{font-size:clamp(44px,5vw,76px);margin-bottom:60px}.connect-paths{display:grid;grid-template-columns:1fr 1fr;gap:65px}.connect-paths>a{border-top:1px solid #ffffff38;padding-top:25px;position:relative}.connect-paths>a>span{font-size:8px;color:#9bb8b6}.connect-paths h3{font-size:29px;margin:25px 0 18px}.connect-paths p{font-size:13px;line-height:1.9;max-width:410px;color:#a4bdbd}.connect-paths strong{display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:11px;color:var(--sage);font-weight:400;margin-top:30px;max-width:300px}.connect-paths strong i{font-style:normal;font-size:25px;line-height:1}.connect-paths>a:hover h3{color:var(--sage)}footer{background:#06151d;color:#819da5}.footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:80px;align-items:start;padding:55px 0}.footer-main .brand{color:#deebe7}.footer-main>div a{display:block;font-size:12px;margin-bottom:12px}.footer-main>div a:hover{color:var(--sage)}.footer-main address{font-size:12px;line-height:1.9;font-style:normal}.footer-bottom{border-top:1px solid var(--line);display:flex;gap:35px;align-items:center;font-size:8px;letter-spacing:0;padding:23px 0}.footer-bottom>span:last-child{margin-left:auto;color:#557681;font-size:7px;letter-spacing:.12em}.footer-bottom a:hover{color:var(--sage)}
@media(min-width:1600px){.hero-grid{min-height:780px}.ev-stage{height:600px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.nav-shell{width:calc(100% - 48px);gap:20px}nav{gap:23px;font-size:10px}.concept-tag{display:none}.nav-actions{gap:15px}.brand>span{font-size:25px}.hero-grid{grid-template-columns:1fr 1.07fr;gap:25px;min-height:650px}.hero-copy h1{font-size:81px}.hero-copy .eyebrow{font-size:8px}.hero-description{font-size:14px;max-width:350px}.hero-actions{gap:20px}.hero-actions .button{font-size:11px;padding-inline:16px;gap:25px}.quiet-link{font-size:10px;gap:13px}.ev-stage{height:470px;margin:0 -20px}.scene-topline{font-size:6px;letter-spacing:.07em}.mode-switch button{font-size:8px;padding:7px 9px}.hotspot{font-size:7px;gap:6px}.inside-grid{gap:65px}.capture-grid{gap:45px}.capture-heading>p{font-size:12px}.product-config{padding:26px 24px}.group-tabs button{font-size:8px;padding:8px}.platform-rows>a{grid-template-columns:140px 1.2fr 1fr 25px;gap:25px}.platform-rows h3{font-size:26px}#plate-stage{height:410px}.footer-main{gap:45px}}
@media(max-width:860px){.nav-shell{min-height:77px}.menu{display:block}.nav-actions .enquire{font-size:11px;gap:15px;padding:9px 13px}.nav-shell>nav{display:none;position:absolute;top:77px;left:0;right:0;background:#0c2530;padding:20px 30px 28px;flex-direction:column;align-items:stretch;gap:0;font-size:15px;border-bottom:1px solid #789b7d}.nav-shell>nav.is-open{display:flex}nav>a{padding:12px 0}.hero-grid{min-height:590px;gap:15px}.hero-copy{padding:35px 0 45px}.hero-copy h1{font-size:68px}.hero-copy .eyebrow{font-size:7px;gap:8px;letter-spacing:.04em}.hero-description{font-size:12px;line-height:1.9}.hero-actions{gap:18px}.hero-actions .button{font-size:10px;min-height:46px;gap:20px}.quiet-link{font-size:10px;gap:12px}.hero-footnote{font-size:6px;gap:7px;margin-top:32px}.ev-stage{height:370px;margin:0 -25px}.ev-experience{margin-right:0}.scene-topline{flex-direction:column;align-items:start;gap:13px}.mode-switch{align-self:end;margin-top:-25px}.scene-topline>span{max-width:70px;font-size:6px}.mode-switch button{padding:7px;font-size:7px}.scene-bottomline{font-size:6px;gap:10px}.scene-bottomline>div{gap:10px}.scene-bottomline button{font-size:6px}#model-note{font-size:6px}.hotspot{font-size:6px;padding:7px;gap:6px}.hotspot>i{width:5px;height:5px}.hotspot>span{padding:3px}.cargo-spot{left:20%;bottom:15%}.markers-spot{left:-2%}.membrane-spot{right:-4%}.hero-scroll{font-size:6px}.hero-scroll>span:nth-child(2){display:none}.inside-section,.capture-section,.possibility-section,.connect-section{padding:75px 0}.inside-grid{grid-template-columns:1fr;gap:40px}.section-title>p:not(.eyebrow){max-width:600px}.anatomy-item small{max-width:500px}.anatomy-item{padding:24px 0}.anatomy-feedback{font-size:8px}.capture-heading{align-items:start;gap:30px;margin-bottom:40px}.capture-heading>p{font-size:11px;padding-top:55px}.capture-grid{grid-template-columns:.9fr 1.1fr;gap:30px}.product-config{padding:25px 20px}.group-tabs{gap:4px}.group-tabs button{font-size:8px;padding:7px}.product-config>.micro-label{font-size:7px}.selected-product h3{font-size:27px}.selected-product>p:last-child{font-size:12px}.product-config>.button{font-size:10px;padding-inline:13px}.catalogue-link{font-size:8px}.plate-topline{flex-direction:column;align-items:start;gap:9px;font-size:6px}.plate-topline>span:last-child{align-self:end;margin-top:-22px}#plate-stage{height:345px}.plate-caption{flex-direction:column;gap:8px;font-size:6px}.capture-sequence{display:grid;grid-template-columns:1fr;gap:12px;font-size:9px;padding-top:22px}.capture-sequence i{display:none}.product-facts dd{font-size:13px}.product-facts dt{font-size:8px}.product-note{font-size:7px}.possibility-heading{gap:10px 40px}.possibility-heading>p:last-child{font-size:13px}.platform-rows>a{grid-template-columns:1fr 1fr 25px;gap:18px 35px;padding:27px 0}.row-index{grid-column:1/3;max-width:none;font-size:7px}.platform-rows h3{grid-column:1;font-size:25px}.platform-rows p{font-size:11px}.row-arrow{grid-column:3;grid-row:1/3}.connect-paths{gap:40px}.connect-paths h3{font-size:26px}.connect-paths p{font-size:12px}.connect-paths>a>span{font-size:7px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 40px}.footer-main>.brand{grid-column:1/-1}.footer-bottom{gap:22px;font-size:7px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 32px);min-height:73px;gap:15px}.nav-shell>nav{top:73px}.brand>img{width:29px;height:35px}.brand{gap:9px}.brand>span{font-size:25px}.brand small{font-size:4.5px;margin-top:7px}.nav-actions{gap:13px}.nav-actions .enquire{font-size:11px;gap:13px;padding:8px 10px}.nav-actions .enquire>span{font-size:17px}.menu{padding-left:0}.menu i{width:21px}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:0}.hero-copy{padding:44px 0 0;width:100%}.hero-copy .eyebrow{font-size:7px;letter-spacing:.08em;gap:9px;margin-bottom:27px}.hero-copy h1{font-size:clamp(66px,18vw,95px);line-height:.98;margin-bottom:26px}.hero-description{font-size:13px;line-height:1.9;max-width:380px}.hero-actions{gap:24px;margin-top:26px}.hero-actions .button{font-size:10px;padding:13px 16px;gap:22px;min-height:47px}.quiet-link{font-size:9px;gap:15px}.hero-footnote{display:none}.ev-experience{width:100%;margin:36px 0 26px}.scene-topline{flex-direction:row;align-items:center;gap:15px;font-size:7px}.scene-topline>span{max-width:none;font-size:7px}.mode-switch{margin:0;align-self:auto}.mode-switch button{font-size:8px;padding:7px 10px}.ev-stage{height:370px;margin:0 -15px}.hotspot{font-size:6px;padding:7px;gap:6px}.markers-spot{left:-2%;top:46%}.membrane-spot{right:-2%;top:21%}.cargo-spot{left:28%;bottom:10%}.scene-bottomline{font-size:6px;margin-top:8px}.scene-bottomline>div{gap:15px}.scene-bottomline button{font-size:7px}#model-note{font-size:6px;margin-top:10px}.hero-scroll{min-height:55px;font-size:6px}.hero-scroll>a{gap:10px}.scroll-line{height:20px}.inside-section,.capture-section,.possibility-section,.connect-section{padding:58px 0}.eyebrow{font-size:8px;margin-bottom:24px}h2{font-size:36px;line-height:1.1}.inside-grid{gap:35px}.section-title>p:not(.eyebrow){font-size:14px;line-height:1.85;margin-bottom:25px}.section-title h2{margin-bottom:22px}.line-link{font-size:11px;gap:32px}.anatomy-item{grid-template-columns:20px 1fr 30px;gap:15px;padding:23px 0}.anatomy-item.active{padding-left:12px;padding-right:10px}.anatomy-item strong{font-size:21px;margin-bottom:10px}.anatomy-item small{font-size:11px;line-height:1.8}.anatomy-number{font-size:8px}.layer-symbol{font-size:30px}.cargo-symbol{font-size:40px}.marker-symbol{font-size:25px}.anatomy-feedback{font-size:7px;line-height:1.8}.capture-heading{display:block;margin-bottom:32px}.capture-heading>p{padding:0;margin-top:25px;font-size:13px}.capture-grid{display:flex;flex-direction:column;gap:30px}.product-config{width:100%;padding:25px}.product-config>.micro-label{font-size:8px}.group-tabs{gap:6px;margin:18px 0 24px}.group-tabs button{font-size:9px;padding:8px 10px}.target-label{font-size:10px}#target-select{font-size:16px;min-height:48px;padding:12px}.selected-product{padding-top:25px}.selected-product h3{font-size:31px}.selected-product code{font-size:10px}.selected-product>p:last-child{font-size:13px;max-width:none}.product-facts{margin:23px 0;padding-top:17px}.product-facts dt{font-size:9px}.product-facts dd{font-size:15px}.product-config>.button{font-size:11px;padding:14px 18px;min-height:48px}.catalogue-link{font-size:9px;margin-top:18px}.plate-experience{width:100%;padding-top:8px}.plate-topline{flex-direction:row;align-items:center;font-size:6px;gap:10px}.plate-topline>span:last-child{align-self:auto;margin:0}#plate-stage{height:310px;margin:0 -10px}.plate-caption{flex-direction:row;font-size:6px;gap:10px;padding-bottom:20px}.capture-sequence{display:flex;gap:7px;align-items:center;padding-top:23px;font-size:8px}.capture-sequence i{display:block;font-size:9px}.capture-sequence b{font-size:7px;margin-right:5px}.product-note{font-size:7px;line-height:1.9;margin-top:28px}.possibility-heading{display:block;margin-bottom:35px}.possibility-heading .eyebrow{margin-bottom:25px}.possibility-heading>p:last-child{font-size:14px;line-height:1.85;margin-top:25px;max-width:none}.possibility-heading h2{font-size:38px}.platform-rows>a{grid-template-columns:1fr 25px;gap:16px 20px;padding:27px 0}.row-index{grid-column:1;font-size:7px}.platform-rows h3{font-size:27px;max-width:280px;grid-row:2}.platform-rows p{grid-column:1;grid-row:3;font-size:12px;max-width:285px}.row-arrow{grid-row:1/4;grid-column:2}.connect-section h2{font-size:43px;line-height:1.06;margin-bottom:38px}.connect-paths{grid-template-columns:1fr;gap:35px}.connect-paths>a{padding-top:22px}.connect-paths>a>span{font-size:7px}.connect-paths h3{font-size:27px;margin:22px 0 16px}.connect-paths p{font-size:13px;max-width:330px}.connect-paths strong{margin-top:25px;font-size:11px;max-width:280px}.footer-main{grid-template-columns:1fr;gap:30px;padding:42px 0}.footer-main>.brand{grid-column:1}.footer-main .brand>span{font-size:27px}.footer-main .brand small{font-size:5px}.footer-main>div a{font-size:13px;margin-bottom:12px}.footer-main address{font-size:12px}.footer-bottom{flex-wrap:wrap;gap:15px 20px;font-size:7px;padding:22px 0}.footer-bottom>span:last-child{margin-left:0;width:100%;font-size:6px}.plate-fallback{padding:6%}#fallback-wells{gap:5px}}
@media(max-width:360px){.hero-actions{gap:18px}.hero-actions .button{gap:17px;padding-inline:13px;font-size:9px}.quiet-link{font-size:8px;gap:10px}.brand>span{font-size:23px}.brand small{font-size:4px}.nav-actions{gap:10px}.nav-actions .enquire{padding:7px 9px;gap:9px;font-size:8px}.ev-stage{height:330px}.scene-topline>span{font-size:6px}.mode-switch button{font-size:7px}.hotspot{font-size:5px}.product-config{padding:23px 20px}.group-tabs button{font-size:8px;padding:8px}.capture-sequence{font-size:7px;gap:5px}.plate-caption{font-size:5px}#plate-stage{height:280px}.hero-copy h1{font-size:64px}.connect-section h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* One scene, one viewer layout per breakpoint. */
html:has(.story-ready){overflow-x:clip}
.ev-flight{position:fixed;top:0;left:0;width:min(53vw,690px);height:min(46vw,590px);z-index:20;pointer-events:none;will-change:transform}
.ev-flight>canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.ev-flight.is-interactive{pointer-events:auto}
.ev-flight.is-opening{z-index:5}
.ev-flight>canvas:active{cursor:grabbing}
.ev-stage{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding-bottom:1px;pointer-events:none;z-index:6}
.ev-experience.is-travelling .hotspot{opacity:0!important;pointer-events:none}
.hero-copy,.scene-topline,.scene-bottomline{z-index:8}
.ev-stage .hotspot{position:relative;inset:auto;flex:1;min-width:0;min-height:44px;border:1px solid #8cb5a778;border-radius:5px;background:#13313be8;color:#dcebe3;padding:9px 10px;gap:8px;font-size:10px;transition:background .16s,border-color .16s,color .16s}
.ev-stage .hotspot>span{background:transparent;border:0;padding:0;text-align:left;line-height:1.35}
.ev-stage .hotspot>i{flex-shrink:0;width:6px;height:6px;border:1px solid currentColor;background:transparent;box-shadow:none}
.ev-stage .hotspot:hover{background:#28514f;border-color:#c4dfb2;color:white}
.ev-stage .hotspot.active{background:var(--sage);border-color:var(--sage);color:#173932}
.ev-stage .hotspot.active>i{background:currentColor}
.ev-stage .hotspot:focus-visible{outline:2px solid var(--sage);outline-offset:4px}
.scene-topline{flex-direction:row;align-items:center;gap:12px}
.scene-topline>span{max-width:110px;font-size:7px}
.mode-switch{margin:0;align-self:auto;padding:2px}
.mode-switch button{font-size:11px;min-height:36px;padding:8px 12px}
#motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;height:36px;padding:6px 9px;border:1px solid #ffffff35;border-radius:4px;background:transparent;color:#d7e4de;font:10px/1 var(--mono);white-space:nowrap}
#motion-toggle:hover{border-color:var(--sage);color:var(--sage)}
#motion-toggle[aria-pressed=true]{background:#d0e8a21a;color:var(--sage)}
.journey-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0a;pointer-events:none;overflow:hidden}
.journey-progress>i{display:block;width:100%;height:100%;background:var(--sage);transform:scaleX(0);transform-origin:left}
/* The introduction spans the section; the choices and viewer share the row below. */
.inside-section{padding:48px 0 58px}
.scroll-inside{display:grid;grid-template-areas:"intro intro" "anatomy visual";grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:26px 64px;align-items:start}
.scroll-inside .section-title{grid-area:intro;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:64px}
.scroll-inside .section-title>.eyebrow{grid-column:1/-1;margin-bottom:16px;font-size:8px}
.scroll-inside .section-title>h2{grid-column:1/-1;font-size:clamp(36px,3.55vw,50px);line-height:1.1;margin-bottom:20px}
.scroll-inside .section-title>p:nth-of-type(2){grid-column:1;grid-row:3}
.scroll-inside .section-title>p:nth-of-type(3){grid-column:2;grid-row:3}
.scroll-inside .section-title>p:not(.eyebrow){font-size:14px;line-height:1.75;max-width:none;margin-bottom:18px}
.scroll-inside .section-title>.line-link{grid-column:1/-1;justify-self:start;font-size:11px;padding-bottom:7px;line-height:1.5}
.scroll-inside .anatomy-list{grid-area:anatomy;min-width:0}
.scroll-inside .anatomy-item{padding:20px 0;grid-template-columns:24px 1fr 32px;gap:18px}
.scroll-inside .anatomy-item strong{font-size:23px;margin-bottom:8px}
.scroll-inside .anatomy-item small{font-size:12px;line-height:1.75}
.scroll-inside .anatomy-item.active{padding-inline:0;background:#e7eee3}
.story-visual{position:relative;min-width:0;pointer-events:none;background:none}
#inside-visual{grid-area:visual;min-height:390px;align-self:stretch}
.component-model-space{position:absolute;inset:0}
.component-inspector{position:absolute;width:0;height:0;pointer-events:none}
.component-status{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Subsequent chapter viewers keep their own real, in-flow reading space. */
.platform-layout,.connect-layout{display:grid;grid-template-areas:"heading visual" "rows visual";grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px 64px}
.platform-layout .possibility-heading{grid-area:heading;display:block;margin:0}
.platform-layout .possibility-heading>p:last-child{font-size:14px;margin-top:22px;max-width:430px}
.platform-layout .platform-rows{grid-area:rows}
.platform-layout .platform-rows>a{grid-template-columns:1fr 30px;gap:10px 18px;padding:24px 0}
.platform-layout .row-index{grid-column:1;max-width:none;font-size:7px}
.platform-layout .platform-rows h3{grid-column:1;grid-row:2;font-size:27px}
.platform-layout .platform-rows p{grid-column:1;grid-row:3;font-size:12px;max-width:380px}
.platform-layout .row-arrow{grid-column:2;grid-row:1/4}
.platform-layout .story-visual,.connect-layout .story-visual{grid-area:visual;min-height:460px;align-self:stretch}
.story-visual-label{position:absolute;left:0;right:0;bottom:0;padding-top:14px;border-top:1px solid #bfcfc8;color:#69847b;font:8px/1.8 var(--mono)}
.story-visual-label>span{letter-spacing:.1em}
.story-visual-label p{max-width:300px;margin-top:6px}
.connect-heading{grid-area:heading}
.connect-heading h2{font-size:58px;margin:0}
.connect-layout .connect-paths{grid-area:rows;grid-template-columns:1fr;gap:28px}
.connect-layout .connect-paths h3{font-size:27px;margin-top:18px}
.connect-layout .connect-paths p{font-size:12px}
.connect-layout .connect-paths strong{margin-top:20px}
.connect-layout .story-visual-label{border-color:#ffffff26;color:#a2bfb7}
.capture-heading{display:block;max-width:550px}
.capture-heading>p{padding-top:0;margin-top:22px;line-height:1.8}
.capture-heading>p br{display:none}
.capture-research{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}
.capture-research h3{font-size:25px;line-height:1.25;margin:14px 0 17px;color:var(--sage)}
.capture-research p:not(.micro-label){font-size:13px;line-height:1.9;color:#a8bfc5;margin-bottom:16px}
.capture-research .catalogue-link{margin-top:20px}
/* Capture details remain reading text at every size. */
.capture-section .eyebrow,.capture-section .micro-label{font-size:11px}
.group-tabs button{font-size:13px;min-height:44px;padding:10px 12px}
.target-label{font-size:12px}
.selected-product code{font-size:12px}
.product-facts dt{font-size:12px}
.product-config>.button,.capture-section .catalogue-link{font-size:12px}
.plate-topline{font-size:11px;letter-spacing:.02em;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px}
.plate-topline>span:first-child{min-width:0;max-width:100%;flex:1 1 190px}
.plate-topline>span:last-child{align-self:auto;margin:0}
#plate-target{overflow-wrap:anywhere}
.plate-caption{font-size:12px;letter-spacing:0;line-height:1.6;color:#a8bfc5;flex-direction:row;flex-wrap:wrap;gap:8px 20px}
.capture-sequence{font-size:13px;line-height:1.6;color:#b4cbd0}
.capture-sequence b{font-size:11px}
.product-note{font-size:13px;letter-spacing:0;line-height:1.8;color:#a0bac3;max-width:740px}
@media(max-width:1100px){
 .scroll-inside,.platform-layout,.connect-layout{column-gap:40px}
 .scroll-inside .section-title{column-gap:40px}
 .ev-flight{width:54vw;height:46vw}
 .connect-heading h2{font-size:48px}
}
@media(min-width:601px) and (max-width:860px){
 .ev-flight{width:50vw;height:430px}
 .scroll-inside,.platform-layout,.connect-layout{column-gap:26px}
 .scroll-inside .section-title{column-gap:26px}
 .scroll-inside .section-title>h2{font-size:37px}
 .scroll-inside .section-title>p:not(.eyebrow){font-size:13px}
 .scroll-inside .anatomy-item{gap:12px;padding:18px 0}
 .scroll-inside .anatomy-item strong{font-size:21px}
 .scroll-inside .anatomy-item small{font-size:11px}
 .ev-stage .hotspot{padding:8px 6px;font-size:9px;gap:6px}
 .connect-heading h2,.platform-layout .possibility-heading h2{font-size:37px}
 .platform-layout .platform-rows h3{font-size:24px}
}
@media(max-width:600px){
 .nav-actions{gap:8px}
 #motion-toggle{width:32px;min-width:32px;height:32px;padding:6px;font-size:0;gap:0}
 #motion-toggle>span{font-size:14px}
 .ev-flight{width:calc(100vw - 12px);height:350px}
 .ev-stage{gap:6px}
 .ev-stage .hotspot{padding:7px 5px;font-size:9px;gap:5px}
 .inside-section{padding:38px 0 42px}
 .scroll-inside{grid-template-areas:"intro" "visual" "anatomy";grid-template-columns:minmax(0,1fr);gap:18px}
 .scroll-inside .section-title{display:block}
 .scroll-inside .section-title>h2{font-size:35px;line-height:1.08;margin-bottom:18px}
 .scroll-inside .section-title>.eyebrow{font-size:8px;margin-bottom:18px}
 .scroll-inside .section-title>p:not(.eyebrow){font-size:13px;line-height:1.75;margin-bottom:18px}
 #inside-visual{height:220px;min-height:220px}
 .scroll-inside .anatomy-item{grid-template-columns:20px 1fr 26px;gap:12px;padding:12px 0}
 .scroll-inside .anatomy-item strong{font-size:18px;margin-bottom:5px}
 .scroll-inside .anatomy-item small{font-size:11px;line-height:1.6}
 .scroll-inside .layer-symbol{font-size:27px}
 .platform-layout,.connect-layout{grid-template-areas:"heading" "visual" "rows";grid-template-columns:minmax(0,1fr);gap:24px}
 .platform-layout .story-visual,.connect-layout .story-visual{height:300px;min-height:300px}
 .story-visual-label{font-size:7px;padding-top:10px}
 .story-visual-label p{font-size:7px}
 .connect-heading h2{font-size:42px}
 .connect-layout .connect-paths{gap:28px}
 .capture-research{grid-template-columns:1fr;gap:24px}
 .capture-research h3{font-size:23px}
 .capture-sequence{display:grid;grid-template-columns:1fr;gap:12px;padding-top:22px}
 .capture-sequence i{display:none}
 .capture-sequence b{font-size:12px;min-width:22px;margin-right:8px}
}
@media(max-width:360px){
 .ev-stage .hotspot{font-size:8px}
 .ev-flight{height:330px}
 .brand>span{font-size:21px}
 .brand>img{width:26px}
 .nav-actions .enquire{font-size:11px;padding:7px}
 .scroll-inside .section-title>h2{font-size:32px}
}

/* Bound only the moving EV canvas; neighbouring plate geometry and controls retain their own layout. */
.journey-pane{position:absolute;inset:0;overflow:clip;pointer-events:none}

/* Phone models belong to the visual sections; reading sections use the full screen. */
@media(max-width:600px){
 html.phone-story-on{scroll-padding-top:calc(var(--journey-header-height,73px) + 14px)}
 .phone-story-on .nav-shell>nav{top:var(--journey-header-height,73px);max-height:calc(100svh - var(--journey-header-height,73px));overflow:auto}
 .phone-story-on .ev-stage{height:clamp(180px,min(96vw,calc(100svh - 140px)),430px);min-height:180px;margin:0 -10px;align-items:flex-end;padding-bottom:1px}
 .phone-story-on .scroll-inside{grid-template-areas:"intro" "visual" "anatomy"}
 .phone-story-on .scroll-inside #inside-visual{display:block;height:clamp(180px,min(84vw,calc(100svh - 120px)),360px);min-height:0}
 .phone-story-on .platform-layout{grid-template-areas:"heading" "visual" "rows"}
 .phone-story-on #platform-visual{display:block;height:clamp(180px,min(84vw,calc(100svh - 120px)),360px);min-height:0}
 .phone-story-on #products-visual,.phone-story-on #connect-visual{display:none}
 .phone-story-on .connect-layout{grid-template-areas:"heading" "rows"}
}

/* A coherent introduction leads into a balanced component and model row. */
.inside-section{padding:48px 0 54px}
.scroll-inside{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:28px 48px}
.scroll-inside .section-title{display:block;max-width:860px}
.scroll-inside .section-title>.eyebrow{font-size:10px;margin-bottom:14px}
.scroll-inside .section-title>h2{font-size:clamp(36px,3.55vw,50px);margin-bottom:20px}
.scroll-inside .section-title>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:800px;margin-bottom:18px;color:#3f5960}
.scroll-inside .section-title>.line-link{display:inline-flex;font-size:12px}
.scroll-inside .anatomy-list{align-self:center}
.scroll-inside .anatomy-item{padding:22px 0;gap:16px;grid-template-columns:24px 1fr 32px}
.scroll-inside .anatomy-item strong{font-size:25px;line-height:1.2;margin-bottom:8px}
.scroll-inside .anatomy-item small{font-size:14px;line-height:1.65;max-width:400px;color:#3f5960}
.scroll-inside #inside-visual{min-height:440px}
.possibility-section .possibility-heading>p:last-child,.possibility-section .platform-rows p{color:#3f5960}
@media(min-width:601px) and (max-width:860px){
 .scroll-inside{column-gap:28px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
 .scroll-inside .section-title>p:not(.eyebrow){font-size:15px;max-width:660px}
 .scroll-inside .anatomy-item{padding:19px 0;gap:12px;grid-template-columns:20px 1fr 26px}
 .scroll-inside .anatomy-item strong{font-size:22px}
 .scroll-inside .anatomy-item small{font-size:13px;line-height:1.65}
 .scroll-inside #inside-visual{min-height:390px}
}
@media(max-width:600px){
 .inside-section{padding:36px 0 40px}
 .scroll-inside{grid-template-columns:minmax(0,1fr);gap:22px}
 .scroll-inside .section-title>.eyebrow{font-size:9px;margin-bottom:16px}
 .scroll-inside .section-title>h2{font-size:35px;margin-bottom:18px}
 .scroll-inside .section-title>p:not(.eyebrow){font-size:14px;line-height:1.75;margin-bottom:18px}
 .scroll-inside .anatomy-item{padding:16px 0;gap:12px;grid-template-columns:20px 1fr 26px}
 .scroll-inside .anatomy-item strong{font-size:21px;margin-bottom:7px}
 .scroll-inside .anatomy-item small{font-size:12.5px;line-height:1.65}
 .scroll-inside #inside-visual{min-height:0}
}

.inside-section .section-title>.eyebrow,.inside-section .anatomy-number{color:#47675f}

/* The product portfolio continues the story after the platform chapter. */
.products-section{padding:78px 0 64px;background:linear-gradient(135deg,#0c2531,#09202a);color:var(--white)}
.product-layout{display:grid;grid-template-areas:"heading visual" "families visual";grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px 64px;align-items:start}
.products-heading{grid-area:heading;min-width:0}
.products-heading h2{font-size:clamp(38px,4.1vw,60px)}
.products-heading>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#b9cbd0;margin-top:22px;max-width:440px}
.products-heading>.button{margin-top:24px}
.product-families{grid-area:families;min-width:0;border-top:1px solid #ffffff30}
.product-family{border-bottom:1px solid #ffffff30;min-width:0}
.product-family>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:24px minmax(0,1fr) 26px;align-items:center;gap:16px;min-height:84px;padding:18px 0;color:#e1ebe7}
.product-family>summary::-webkit-details-marker{display:none}
.family-number{font:10px/1.7 var(--mono);color:#a2bdb8;align-self:start;padding-top:5px}
.product-family strong{display:block;font-size:23px;line-height:1.25;letter-spacing:-.03em;font-weight:400;overflow-wrap:anywhere}
.product-family summary small{display:block;font:10px/1.6 var(--mono);color:#a2bdb8;margin-top:5px}
.product-family summary>i{font:30px/1 Arial;font-style:normal;text-align:center;color:var(--sage);transition:transform .16s}
.product-family>summary:hover,.product-family[open]>summary{color:var(--sage)}
.product-family[open] summary>i{transform:rotate(45deg)}
.product-family>summary:focus-visible{outline:2px solid var(--sage);outline-offset:4px}
.family-products{list-style:none;padding:0 0 12px;margin:0}
.family-products a{display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:3px 12px;min-height:56px;padding:13px 0 13px 40px;border-top:1px solid #ffffff15;color:#e0ebe7;overflow-wrap:anywhere}
.family-products a>span{font-size:14px;line-height:1.5}
.family-products a>small{grid-column:1;font-size:10px;line-height:1.5;color:#a2bdc3}
.family-products a>i{grid-column:2;grid-row:1/3;font-size:20px;font-style:normal;line-height:1;color:var(--sage)}
.family-products a:hover{color:var(--sage);background:#ffffff04}
#products-visual{grid-area:visual;align-self:stretch;min-height:560px}
.products-section .story-visual-label{color:#a2bfb7;border-color:#ffffff26}
.products-section+.connect-section{border-top:1px solid #ffffff1c}
@media(max-width:1100px){.product-layout{column-gap:40px}}
@media(max-width:1000px){
 .menu{display:block}
 .nav-shell>nav{display:none;position:absolute;top:var(--journey-header-height,89px);left:0;right:0;background:#0c2530;padding:20px 30px 28px;flex-direction:column;align-items:stretch;gap:0;font-size:15px;border-bottom:1px solid #789b7d}
 .nav-shell>nav.is-open{display:flex}
 .nav-shell>nav>a{padding:12px 0}
}
@media(min-width:601px) and (max-width:860px){.product-layout{column-gap:26px}.products-heading h2{font-size:40px}.product-family strong{font-size:20px}.product-family>summary{grid-template-columns:20px minmax(0,1fr) 24px;gap:12px}.family-products a{padding-left:32px;font-size:13px}}
@media(max-width:600px){
 .products-section{padding:52px 0 44px}
 .product-layout{grid-template-areas:"heading" "families";grid-template-columns:minmax(0,1fr);gap:28px}
 .products-heading h2{font-size:40px}
 .products-heading>.eyebrow{margin-bottom:22px}
 .product-family>summary{grid-template-columns:20px minmax(0,1fr) 24px;gap:12px;min-height:80px;padding:17px 0}
 .product-family strong{font-size:21px}
 .family-products a{padding-left:32px}
 .family-products a>span{font-size:13px}
 .phone-story-on #products-visual{display:none}
}

/* Give the vesicle and its detached proteins more room without changing their proportions. */
@media(min-width:1101px){.ev-stage{height:600px}.scroll-inside #inside-visual{min-height:520px}}

/* Internal actions use text and hover states without arrow decorations. */
.platform-layout .platform-rows>a{grid-template-columns:minmax(0,1fr)}
.family-products a{grid-template-columns:minmax(0,1fr)}

/* Shared full-site navigation, while retaining the landing model controls. */
@media(min-width:1101px){.nav-shell>nav{gap:20px}}
@media(min-width:1001px) and (max-width:1100px){
 .menu{display:block}.nav-shell>nav{display:none;position:absolute;top:var(--journey-header-height,89px);left:0;right:0;background:#0c2530;padding:20px 30px 28px;flex-direction:column;align-items:stretch;gap:0;font-size:15px;border-bottom:1px solid #789b7d;max-height:calc(100svh - var(--journey-header-height,89px));overflow:auto}
 .nav-shell>nav.is-open{display:flex}.nav-shell>nav>a{padding:12px 0}
}

.scroll-inside .anatomy-item .membrane-symbol{font-size:26px}

/* Reading text and captions retain the established palette with stronger contrast. */
.section-title .eyebrow,.possibility-heading .eyebrow,.platform-layout .row-index,.row-index,.story-visual-label,.anatomy-feedback{color:#426459}
.hero-copy .eyebrow,.section-title .eyebrow,.scroll-inside .section-title>.eyebrow,.possibility-heading .eyebrow,.products-heading>.eyebrow,.connect-heading>.eyebrow,.platform-layout .row-index,.row-index,.anatomy-number,.anatomy-feedback{font-size:11px;line-height:1.7}
.story-visual-label{font:12px/1.65 var(--mono);letter-spacing:0}
.story-visual-label>span{font-size:12px;letter-spacing:.06em}
.story-visual-label p{font-size:12px;line-height:1.65}
.connect-layout .story-visual-label,.products-section .story-visual-label{color:#a2bfb7}
.scene-topline,.scene-topline>span,.scene-bottomline,.scene-bottomline button,#model-note,.hero-scroll,.footer-bottom{font-size:11px}
.scene-topline>span{max-width:none}
#model-note{color:#9ab2b9;line-height:1.65}
.footer-bottom>span:last-child{color:#93adb5}
@media(max-width:600px){.phone-story-on #platform-visual{height:clamp(340px,calc(84vw + 100px),460px)}.story-visual-label p{max-width:100%}}
/* All collapsed landing menus scroll internally, including short landscape screens. */
@media(max-width:1100px){.nav-shell>nav{max-height:calc(100svh - var(--journey-header-height,89px));overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}}

/* Hero actions are reading text and retain comfortable tap areas. */
.hero-actions .button{font-size:12px}
.hero-actions .quiet-link{font-size:12px;min-height:48px;padding:12px 4px;line-height:1.5}
@media(max-width:600px){.hero-actions{gap:16px}.hero-actions .button{font-size:12px;min-height:48px;padding:13px 16px;gap:12px}}

.ev-fallback.is-unavailable{flex-direction:column;gap:16px}.ev-fallback button{border:1px solid #9cbfa0;border-radius:4px;padding:10px 18px;background:#d0e8a2;color:#17313a;font:inherit;pointer-events:auto}.ev-fallback button[hidden]{display:none}