@font-face{font-family:LocalSans;src:local('Helvetica Neue'),local('Arial');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#080b0e;color:#f4f4ef;font-family:LocalSans,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #ddbb79;outline-offset:5px}button{color:inherit}::selection{background:#b08b4b;color:white}header{height:91px;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:linear-gradient(#080b0ef5,#080b0eac);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10}.wordmark{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;letter-spacing:2px}.brand-symbol{font-size:40px;font-weight:400;color:#d8b675;line-height:1;letter-spacing:-5px;width:35px}.wordmark small{display:block;font-size:8px;letter-spacing:1.4px;color:#9ca2a5;margin-top:6px}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav>a{color:#c3c7c8}nav>a:hover{color:#e7c88e}.nav-cta{border:1px solid #536067;padding:12px 18px;border-radius:3px;color:#eee}.nav-cta span{margin-left:24px}#menu{display:none}.skip{position:fixed;z-index:100;top:-80px;left:20px;background:#daba80;color:#101010;padding:16px}.skip:focus{top:10px}.story{position:relative}.stage-wrap{position:absolute;inset:0;pointer-events:none}.stage{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 73% 48%,#20272a 0,#101519 33%,#080b0e 67%)}.stage canvas{position:absolute;inset:0;width:100%;height:100%;outline:none}.ambient{position:absolute;width:500px;height:1px;background:linear-gradient(90deg,transparent,#c5a76c,transparent);right:5%;top:80%;opacity:.2}.stage-top,.stage-bottom{position:absolute;left:53%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:16px;letter-spacing:1.6px;font-size:10px;color:#8d979c}.stage-top{top:128px}.stage-bottom{bottom:36px;font-size:11px;letter-spacing:1px}.stage-top button{pointer-events:auto;border:0;background:transparent;color:#aab2b6;font-size:12px;letter-spacing:0}.model-note{font-size:10px;letter-spacing:0;color:#68747b}.scroll-meter{position:absolute;right:0;top:91px;bottom:0;width:2px;background:#ffffff05}.scroll-meter span{display:block;width:100%;height:0;background:#d2b177}#load-status{position:absolute;top:50%;left:65%;color:#b5b5ad;font-size:13px}.chapters{position:relative;pointer-events:none}.chapter{min-height:125svh;display:flex;align-items:center;padding:110px 5% 80px;pointer-events:none}.chapter-copy{width:44%;max-width:660px;pointer-events:auto}.chapter.hero{min-height:100svh}.eyebrow{font-size:11px!important;letter-spacing:2.8px;line-height:1.7!important;font-weight:600;color:#b9a077!important;margin-bottom:28px!important}.eyebrow>span{display:inline-block;width:5px;height:5px;background:#dabc83;border-radius:50%;margin:0 9px 2px 0}h1,h2,h3,h4,p{margin-top:0}h1{font-size:clamp(46px,5.55vw,90px);font-weight:400;line-height:1.04;letter-spacing:-4px;margin-bottom:30px}em{font-style:normal;color:#d6b579}h2{font-size:clamp(40px,4.5vw,72px);font-weight:400;letter-spacing:-2.8px;line-height:1.08;margin-bottom:28px}.chapter p:not(.eyebrow){font-size:17px;line-height:1.75;color:#b9c0c3;max-width:385px}.intro{max-width:350px!important}.muted{color:#78868d!important}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:14px;padding:13px 0;border-bottom:1px solid #655b48;margin-top:10px}.text-link span{font-size:20px;color:#d8b575}.hero-foot{display:flex;gap:20px;align-items:center;color:#758189;font-size:10px;letter-spacing:2px;margin-top:70px}.hero-foot i{height:12px;width:1px;background:#4d5458}.micro-list{display:flex;flex-direction:column;gap:13px;margin:30px 0;color:#d6d9d9;font-size:14px}.micro-list span:before{content:'✓';color:#d6b579;margin-right:12px}.technical-note{display:block;max-width:375px;font-size:11px;line-height:1.6;color:#78858c}.signal-sequence{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1px;margin:32px 0}.signal-sequence i{width:25px;height:1px;background:#7e6a45}.chapter-nav{position:fixed;left:20px;top:43%;display:flex;flex-direction:column;gap:16px;z-index:20}.chapter-nav a{width:5px;height:5px;border-radius:50%;background:#4c565c;outline:5px solid transparent}.chapter-nav a.active{background:#ddbd83;box-shadow:0 0 0 4px #ddbd8316}.chapter-nav.hidden{opacity:0;pointer-events:none}.control-panel{max-width:365px;padding:24px;background:linear-gradient(130deg,#1b2227d9,#11181cf0);border:1px solid #ffffff16;border-radius:9px;margin-bottom:20px;box-shadow:0 18px 80px #0004}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.panel-head b{font-size:19px;font-weight:500;letter-spacing:-.5px}.demo-badge{font-size:9px;color:#bfa36e;border:1px solid #7e684344;padding:5px 7px;letter-spacing:1px}.device-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.device-title span{font-size:10px;letter-spacing:1.5px;color:#9aa5aa}.device-title strong{font-size:14px;font-weight:400;color:#dbbf8d}.control-panel label{display:flex;justify-content:space-between;font-size:12px;color:#9faab0}input[type=range]{width:100%;margin:20px 0;accent-color:#d8b676;cursor:pointer}.control-actions{display:flex;gap:9px}.control-actions button{flex:1;border:1px solid #ffffff22;background:#ffffff08;border-radius:3px;padding:11px;font-size:12px}.control-actions button:first-child{background:#d6b579;color:#171b1d;border-color:#d6b579}.readings{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;border-top:1px solid #ffffff12;padding-top:20px}.readings small{font-size:10px;color:#8b989f}.readings b{font-size:26px;display:block;font-weight:400;margin-top:8px}.readings b span{font-size:11px;color:#91a0a8}.chapter p.command-status{font-size:11px;color:#b7a783;line-height:1.4;margin:20px 0 0}.section{padding:110px 7%;position:relative;z-index:2;background:#0c1115}.section-heading{max-width:720px;margin-bottom:60px}.section-heading>p:not(.eyebrow){color:#9eaaaf;line-height:1.7}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.application-card{height:610px;position:relative;overflow:hidden;background:#141d21}.application-card>img{width:100%;height:100%;object-fit:cover;filter:saturate(.67);transition:transform 1s}.application-card:hover>img{transform:scale(1.025)}.image-shade{position:absolute;inset:0;background:linear-gradient(0deg,#040b0e 0, #071013aa 37%,transparent 80%)}.application-content{position:absolute;bottom:36px;left:36px;right:36px}.application-content .eyebrow{font-size:10px!important}.application-content h3{font-size:40px;line-height:1.08;letter-spacing:-1.4px;font-weight:400;margin-bottom:18px}.application-content p{font-size:14px;line-height:1.7;color:#c2cbcf;max-width:390px}.application-select{border:0;border-bottom:1px solid #7d8b8f;background:transparent;padding:10px 0;display:flex;gap:30px;font-size:13px}.application-select span{color:#daba7c}.network-experience{margin-top:100px;border-top:1px solid #ffffff1c;padding-top:45px;scroll-margin-top:120px}.network-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}.network-heading h3{font-size:32px;font-weight:400;letter-spacing:-1px}.network-heading .eyebrow{margin-bottom:15px!important}.segmented{display:flex;padding:4px;background:#171e23;border:1px solid #ffffff13;border-radius:5px}.segmented button{background:none;border:0;padding:12px 18px;font-size:12px;color:#8e9ca4;border-radius:2px}.segmented .selected{background:#3a3c35;color:#e7d5b2}.network-layout{display:grid;grid-template-columns:1fr 310px;min-height:475px;background:#0a0f13;border:1px solid #ffffff10}.network-view{position:relative;min-height:475px;overflow:hidden;background:radial-gradient(ellipse at center,#263138,#0b1014 75%)}#network-canvas{width:100%;height:100%;position:absolute;inset:0}.network-caption,.network-sim{position:absolute;font-size:9px;letter-spacing:1.3px;color:#89989f;left:24px;top:24px}.network-sim{top:auto;bottom:22px;color:#64747f;font-size:9px}.network-controls{padding:28px;background:#151c21;border-left:1px solid #ffffff12}.network-controls h4{font-size:23px;line-height:1.25;font-weight:400;margin-bottom:23px}.network-controls .eyebrow{font-size:9px!important;margin-bottom:14px!important}.route-buttons{display:flex;gap:6px;margin:0 0 20px}.route-buttons button{padding:10px 12px;font-size:12px;background:#242d34;border:1px solid #35414a;border-radius:3px}.route-buttons .selected{border-color:#d4b16d;color:#e6c68e;background:#a0874920}.gold-button{border:1px solid #ddbd81;background:#d6b579;color:#111719;padding:15px 20px;border-radius:3px;font-size:13px;font-weight:600}.network-controls .gold-button{width:100%}.quiet-button{width:100%;border:0;background:none;color:#a6b1b7;padding:14px;font-size:12px}#network-status{font-size:12px;color:#d8bf92;min-height:36px;line-height:1.5}.network-controls dl{font-size:11px;border-top:1px solid #ffffff12;padding-top:10px}.network-controls dl div{display:flex;justify-content:space-between;margin:13px 0}.network-controls dt{color:#889aa4}.network-controls dd{margin:0;color:#d1d9dd}.network-controls>small{font-size:10px;line-height:1.6;color:#7f909b;display:block}.application-details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:34px}.application-details h4{font-size:16px;font-weight:400;color:#d6dce0}.application-details p{font-size:13px;color:#8e9ca4;line-height:1.8}.hardware{background:#e9eae5;color:#17242a;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.hardware em{color:#88703f}.hardware>div>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#5e6a6d;max-width:430px}.hardware .eyebrow{color:#837049!important}.hardware figure{margin:0}.hardware img{width:100%;max-height:710px;object-fit:cover;border-radius:3px}.hardware figcaption{font-size:10px;color:#6b777c;margin-top:16px;letter-spacing:.5px}.feature-lines{margin-top:38px}.feature-lines>div{padding:22px 0;border-top:1px solid #26363822}.feature-lines b{font-size:15px;font-weight:500;display:block;margin-bottom:10px}.feature-lines span{font-size:13px;line-height:1.7;color:#647175;display:block}.company{background:#10171b}.company>h2{max-width:800px}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:44px}.company-grid p{font-size:17px;line-height:1.8;color:#9fadb4}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:65px 0}.evidence-grid>div{border-top:1px solid #ffffff20;padding-top:25px}.evidence-grid span{font-size:12px;color:#c1a577}.evidence-grid h4{font-size:19px;font-weight:400;margin:25px 0 12px}.evidence-grid p{font-size:13px;line-height:1.8;color:#84959e}details{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:25px 0}summary{font-size:15px;cursor:pointer}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.platform-grid p{color:#899ca7;font-size:14px;line-height:1.8}.platform-grid b{color:#d1d9dd}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#080d10}.contact h2{font-size:clamp(36px,3.8vw,58px)}.contact>div>p:not(.eyebrow){color:#8c9da6;line-height:1.8;max-width:380px}.contact-location{font-size:12px;color:#b69b6e;display:block;margin-top:40px}form label{display:block;font-size:12px;color:#9aaab3;margin-bottom:23px}form input,form textarea,form select{display:block;width:100%;margin-top:10px;background:#131c22;color:#d3dce0;border:1px solid #2b3740;border-radius:3px;padding:14px;outline-offset:1px;font-size:14px}form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}#enquiry-status{font-size:11px;line-height:1.6;color:#7e919d;margin:18px 0}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 5%;border-top:1px solid #ffffff14;gap:24px}footer>span{font-size:12px;color:#8598a3}footer small{font-size:10px;color:#637c8a}dialog{width:min(620px,90vw);background:#131c22;color:#eee;border:1px solid #53606a;padding:35px;border-radius:8px}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog h3{font-size:26px;font-weight:400}dialog textarea{width:100%;padding:16px;resize:vertical;background:#091014;border:1px solid #34454d;color:#c5d2d9;font-size:13px;line-height:1.8;margin-bottom:15px}#close-dialog{position:absolute;top:10px;right:14px;border:0;background:none;font-size:28px}#copy-status{font-size:12px;color:#a7b8c1}.no-script{position:fixed;bottom:0;background:#ddbd81;color:#111;padding:10px;z-index:100;font-size:13px}#fallback{position:absolute;right:7%;top:20%;width:35%;height:67%}#fallback img{width:100%;height:88%;object-fit:contain}#fallback p{font-size:11px;color:#b3bec4;line-height:1.5}.reduced .chapter{min-height:100svh}.reduced html{scroll-behavior:auto}
@media(min-width:1650px){.chapter-copy{margin-left:4%}.stage-top,.stage-bottom{right:8%}.chapter{padding-left:7%}}
@media(max-width:1050px){header{padding:0 4%}nav{gap:20px}.wordmark small{font-size:7px}.chapter{padding-left:6%}h1{letter-spacing:-2.4px}.chapter-nav{left:15px}.stage-top{font-size:8px;left:55%}.model-note{display:none}.application-card{height:520px}.application-content{left:25px;right:25px}.network-layout{grid-template-columns:1fr 280px}.section{padding:85px 6%}.network-heading h3{font-size:28px}}
@media(max-width:700px){header{height:73px;padding:0 6%}.wordmark{font-size:15px;gap:8px}.brand-symbol{font-size:33px;width:28px}.wordmark small{font-size:6px}.nav-cta span{display:none}#menu{display:block;background:none;border:1px solid #ffffff25;border-radius:3px;padding:9px 12px;font-size:12px}nav{display:none;position:absolute;top:73px;left:0;right:0;background:#11191ff5;padding:25px;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a{padding:10px}.stage{height:100svh;background:radial-gradient(ellipse at 55% 70%,#202a31,#080b0e 65%)}.chapter{min-height:125svh;padding:106px 7% 55px;align-items:flex-start}.chapter.hero{min-height:100svh}.chapter-copy{width:100%;max-width:none}.chapter-copy>h2{font-size:40px;line-height:1.04;letter-spacing:-1.8px;margin-bottom:17px}h1{font-size:clamp(38px,12.56vw,49px);letter-spacing:-2.5px;line-height:1.01;margin-bottom:18px}h1 br:nth-child(2){display:block}.eyebrow{font-size:9px!important;letter-spacing:1.8px;margin-bottom:18px!important}.chapter p:not(.eyebrow){font-size:13px;line-height:1.65;max-width:290px;margin-bottom:12px}.intro{max-width:275px!important}.hero-foot{display:none}.text-link{font-size:12px;padding:6px 0;margin-top:5px;gap:15px}.stage-top{top:auto;bottom:55px;left:7%;right:7%;font-size:8px}.stage-top button{font-size:10px}.stage-bottom{bottom:25px;left:7%;right:7%;font-size:9px}.scroll-meter{top:73px}.chapter-nav{left:auto;right:13px;top:40%;gap:16px}.chapter-nav a{width:4px;height:4px}.micro-list{margin:16px 0;gap:8px;font-size:11px}.technical-note{font-size:9px;max-width:290px}.signal-sequence{margin:18px 0;font-size:8px}.control-panel{padding:15px;width:270px;max-width:90%;margin-top:12px}.panel-head{margin-bottom:13px}.panel-head b{font-size:16px}.device-title{margin-bottom:12px}.control-panel input{margin:12px 0}.readings{margin-top:12px;padding-top:11px}.readings b{font-size:20px}.chapter p.command-status{font-size:10px;margin-top:12px}.chapter[data-scene="5"] h2{font-size:32px}.chapter[data-scene="5"] .technical-note{max-width:255px}.section{padding:65px 7%}.section-heading{margin-bottom:35px}h2{font-size:40px;letter-spacing:-1.8px}.application-grid{grid-template-columns:1fr;gap:20px}.application-card{height:470px}.application-content h3{font-size:35px}.application-content p{font-size:13px}.network-experience{margin-top:65px;padding-top:30px}.network-heading{display:block}.network-heading h3{font-size:27px}.segmented{width:max-content;margin-bottom:25px}.network-layout{grid-template-columns:1fr}.network-view{min-height:330px}.network-controls{padding:24px;border-left:0;border-top:1px solid #ffffff18}.network-controls h4{font-size:22px}.network-controls dl{font-size:12px}.route-buttons button{flex:1}.network-controls>small{font-size:11px}.application-details{grid-template-columns:1fr;gap:10px;margin-top:25px}.application-details h4{margin-bottom:9px}.hardware{grid-template-columns:1fr;gap:35px}.hardware img{max-height:550px;object-fit:contain}.hardware>div>p:not(.eyebrow){font-size:14px}.company-grid{grid-template-columns:1fr;gap:8px;margin-top:30px}.company-grid p{font-size:15px}.evidence-grid{grid-template-columns:1fr;gap:22px;margin:38px 0}.evidence-grid h4{margin:14px 0 9px}.platform-grid{grid-template-columns:1fr;gap:5px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:38px}.contact-location{margin-top:20px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;padding:30px 7%}footer>span{font-size:10px}footer small{width:100%}#fallback{top:51%;right:12%;width:76%;height:40%}#fallback p{display:none}#load-status{left:25%;top:68%}dialog{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}} 
/* Revision 2: product photography, grounded environments and continuous section motion. */
.photo-hero{position:absolute;left:49%;right:4%;top:16%;bottom:10%;z-index:3;display:flex;align-items:center;justify-content:center;will-change:transform,opacity}.photo-hero img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 30px #0007)}.photo-hero>span{position:absolute;bottom:0;font-size:9px;letter-spacing:2px;color:#93a0a5}.stage canvas{transition:opacity .25s}.stage-top,.stage-bottom{z-index:5}.photo-hero.faded{pointer-events:none}.network-layout{display:block;background:#0b1216}.network-view{min-height:0;height:auto;aspect-ratio:16/9;isolation:isolate;background:#192b26}.environment-layer{position:absolute;inset:0;transform-origin:50% 50%;transition:transform 1.6s cubic-bezier(.22,.61,.36,1),opacity .6s;will-change:transform}.environment-layer>img{height:100%;width:100%;object-fit:cover;display:block;filter:saturate(.86) contrast(1.02)}.scene-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#05100c69 0,transparent 25%,transparent 65%,#030d12cb 100%);pointer-events:none}.view-tools{position:absolute;left:25px;right:25px;top:20px;display:flex;justify-content:space-between;align-items:center;z-index:5;gap:10px}.view-tools>span{position:static!important;font-size:10px;letter-spacing:1.5px;color:#fff;text-shadow:0 1px 8px #000}.view-tools button{background:#071216c7;border:1px solid #ffffff35;backdrop-filter:blur(8px);padding:10px 14px;color:#e1e7e5;font-size:12px;border-radius:3px}.scene-footer{position:absolute;left:25px;right:25px;bottom:19px;display:flex;justify-content:space-between;gap:20px;color:#f0f2eb;font-size:10px;letter-spacing:.5px;z-index:4}.scene-footer>span:last-child{color:#c1c7c1;font-size:9px}.scene-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:flex;align-items:center;gap:8px;padding:7px 10px;background:#0d1d20ce;border:1px solid #ecf1e04a;backdrop-filter:blur(6px);box-shadow:0 3px 12px #0004;border-radius:3px;font-size:11px;color:#f0f0e5;white-space:nowrap;transition:background .3s,box-shadow .3s}.scene-marker .marker-number{display:grid;place-items:center;width:18px;height:18px;border:1px solid #c6b48b88;color:#d8c28f;border-radius:50%;font-size:9px}.scene-marker:hover,.scene-marker.selected{background:#1c332ade;border-color:#e1c88d;box-shadow:0 0 0 3px #dfc68b25}.scene-marker.active{background:#16382be8;border-color:#8fc7a0}.scene-marker.active .marker-number{background:#a1d5b7;color:#0b2515;border-color:#a1d5b7}.asset-detail{position:absolute;left:25px;bottom:60px;padding:17px 20px;background:#0d171ddd;border:1px solid #ffffff24;backdrop-filter:blur(12px);width:270px;z-index:4;transition:transform .4s,opacity .4s;border-radius:4px}.asset-detail>span{font-size:8px;letter-spacing:1.6px;color:#cdb882;display:block;margin-bottom:9px}.asset-detail strong{font-weight:500;display:block;font-size:19px;margin-bottom:7px}.asset-detail p{font-size:11px;color:#b8c6c9;line-height:1.7;margin:0}.route-indicator{position:absolute;right:25px;bottom:65px;z-index:4;background:#0c2720de;padding:12px 16px;border:1px solid #82c5a75c;font-size:11px;border-radius:3px;backdrop-filter:blur(8px)}.route-indicator span{display:inline-block;background:#9bceb0;width:5px;height:5px;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #9bceb016}.route-indicator b{font-weight:400}.network-controls{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;gap:40px;padding:35px;border-top:1px solid #ffffff22;border-left:0;background:#121b20}.network-controls h4{font-size:25px;margin-bottom:20px}.network-controls .eyebrow{font-size:9px!important}.route-buttons{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.route-buttons button{font-size:12px;line-height:1.4}.route-buttons button small{display:block;font-size:9px;color:#a3b2b9;margin-top:4px}#source-control label{font-size:11px;color:#a5b5bc;display:block;margin-bottom:7px}#source-choice{width:100%;background:#0d161b;border:1px solid #3b4a50;color:#d5dfe3;padding:10px;margin:0 0 14px;border-radius:3px;font-size:12px}.sequence-panel{padding:0 8px}.sequence-panel ol{list-style:none;margin:20px 0;padding:0;counter-reset:sequence}.sequence-panel li{display:flex;gap:12px;align-items:center;position:relative;color:#718890;font-size:12px;padding:12px 0;line-height:1.5;counter-increment:sequence}.sequence-panel li:before{content:counter(sequence,decimal-leading-zero);color:#69838a;border:1px solid #3b4e53;border-radius:50%;width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;font-size:9px;transition:all .4s}.sequence-panel li.active{color:#ead5a4}.sequence-panel li.active:before{color:#e3c382;border-color:#c4a973;background:#8d713d29}.sequence-panel li.done{color:#bad4c6}.sequence-panel li.done:before{content:'✓';color:#bfdbc9;border-color:#507261;background:#264235}.telemetry-panel dl{margin-top:21px}.telemetry-panel dl>div{margin:18px 0;font-size:12px}.telemetry-panel>small{display:block;font-size:10px;line-height:1.8;color:#8ca0aa;margin-top:28px}#network-status{font-size:12px;margin-top:25px}#plan-layer{position:absolute;inset:0;background:#0b171dec;backdrop-filter:blur(12px);z-index:3;padding:64px 28px 44px}.plan-layer[hidden]{display:none}#network-plan{width:100%;height:100%;overflow:visible}.plan-edge{stroke:#577077;stroke-width:4;fill:none;stroke-linejoin:round}.plan-edge.feed{stroke:#768b8d}.plan-edge.active{stroke:#a2c9be}.flow-edge{stroke:#e9f9ef;stroke-width:2;fill:none;stroke-dasharray:3 17;stroke-linecap:round;animation:route-flow 1.4s linear infinite}.plan-node rect{fill:#10272c;stroke:#7f9898;stroke-width:1.5}.plan-node text{font-size:13px;fill:#e6ece4;font-family:Arial}.plan-node .node-kind{font-size:8px;fill:#a9bbb9;letter-spacing:.7px}.plan-node.selected rect{stroke:#e3c586;fill:#344036}.plan-node.active rect{fill:#274c3d;stroke:#add0b9}.plan-node{cursor:pointer;outline:none}.plan-node:focus-visible rect{stroke:#f1d28f;stroke-width:4}.plan-view .asset-detail{display:none}.plan-view .scene-footer{opacity:.7}.plan-view .route-indicator{bottom:15px}.reveal-item{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .95s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0ms)}.reveal-item.is-visible{opacity:1;transform:translateY(0)}.section-track{position:absolute!important;left:0;right:0;top:0;height:2px;overflow:hidden;z-index:4;grid-column:1/-1}.section-track span{display:block;height:100%;width:100%;background:#bea16b;transform:scaleX(var(--section-progress,0));transform-origin:left;transition:transform .12s linear}.hardware{overflow:hidden}.hardware>figure{overflow:hidden}.hardware figure img{transition:transform .2s linear;transform:translateY(calc(var(--section-drift,0)*12px)) scale(1.035)}.hardware .feature-lines>div{position:relative}.company{overflow:hidden}.company-landscape{position:absolute;inset:0;pointer-events:none;opacity:.12;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}.company-landscape img{width:100%;height:100%;object-fit:cover;filter:saturate(.35);transform:scale(1.14) translateY(calc(var(--section-drift,0)*25px))}.company>:not(.company-landscape){position:relative}.company .section-track{position:absolute}.contact{overflow:hidden}.contact:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#d0b982,transparent);transform:translateX(calc(var(--section-drift,0)*8%));opacity:.4}.contact>div,.contact form{position:relative}.contact form{transition:opacity 1s,transform 1s;transition-delay:.12s}.reduced .reveal-item{opacity:1!important;transform:none!important;transition:none!important}.reduced .environment-layer,.reduced .hardware figure img,.reduced .company-landscape img{transform:none!important;transition:none!important}.reduced .flow-edge{animation:none}.reduced .section-track span{transition:none}@keyframes route-flow{to{stroke-dashoffset:-40}}
@media(max-width:1000px){.network-controls{gap:24px;padding:27px}.network-controls h4{font-size:22px}.network-view{aspect-ratio:16/10}.asset-detail{width:240px}.scene-marker{font-size:10px;padding:6px 8px}.sequence-panel{padding:0}.telemetry-panel dl>div{font-size:11px}}
@media(max-width:700px){.photo-hero{left:14%;right:14%;top:51%;bottom:12%}.photo-hero>span{display:none}.network-view{aspect-ratio:4/3}.view-tools{left:13px;right:13px;top:13px}.view-tools>span{font-size:7px;letter-spacing:.5px;max-width:43%;line-height:1.7}.view-tools button{font-size:10px;padding:9px}.scene-footer{left:12px;right:12px;bottom:12px;font-size:8px;display:block}.scene-footer>span:last-child{display:block;font-size:7px;margin-top:5px}.asset-detail{display:none}.scene-marker{font-size:8px;padding:5px;gap:4px}.scene-marker .marker-number{width:13px;height:13px;font-size:7px}.scene-marker .marker-label{max-width:70px;white-space:normal;text-align:left;line-height:1.2}.network-controls{display:block;padding:22px}.sequence-panel{padding-top:27px;margin-top:10px;border-top:1px solid #ffffff17}.sequence-panel ol{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.sequence-panel li{font-size:11px;gap:8px}.telemetry-panel{border-top:1px solid #ffffff17;padding-top:22px}.telemetry-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.telemetry-panel dl>div{display:block;font-size:11px}.telemetry-panel dd{margin-top:7px!important;font-size:13px}.telemetry-panel>small{font-size:10px;margin-top:12px}.network-controls h4{font-size:25px}.route-buttons{grid-template-columns:1fr 1fr}.route-buttons button{padding:13px}.route-indicator{bottom:50px;left:13px;right:auto;font-size:9px;padding:7px 9px}#plan-layer{padding:49px 4px 30px}.plan-node text{font-size:18px}.plan-node .node-kind{display:none}.plan-node rect{stroke-width:2}.plan-edge{stroke-width:6}.flow-edge{stroke-width:4}.section-track{height:2px}.company-landscape{opacity:.075}.reveal-item{transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){.reveal-item{opacity:1!important;transform:none!important;transition:none!important}.flow-edge{animation:none}.environment-layer,.hardware figure img,.company-landscape img{transform:none!important}}
.photo-water-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.photo-route-base{stroke:#224954;stroke-opacity:.75;stroke-width:10;fill:none;stroke-linecap:round;stroke-linejoin:round}.photo-route-flow{stroke:#d3f4f0;stroke-opacity:.85;stroke-width:3;fill:none;stroke-dasharray:10 35;stroke-linecap:round;stroke-linejoin:round;animation:photo-flow 2.2s linear infinite}@keyframes photo-flow{to{stroke-dashoffset:-90}}.reduced .photo-route-flow{animation:none}@media(prefers-reduced-motion:reduce){.photo-route-flow{animation:none}}

.mobile-asset-info{display:none}@media(max-width:700px){.view-tools{justify-content:flex-end}.view-tools>span{display:none}.scene-marker .marker-label{display:none}.scene-marker{padding:5px;border-radius:50%}.scene-marker .marker-number{width:19px;height:19px;font-size:9px}.mobile-asset-info{display:block;padding:18px 22px;background:#172329;border-bottom:1px solid #ffffff15}.mobile-asset-info strong{font-weight:500;font-size:15px;color:#dac497}.mobile-asset-info p{font-size:12px;color:#adbdc3;line-height:1.6;margin:9px 0 0}}

/* Revision 3: quieter typography and legible operational detail. */
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
h1,h2,h3{font-weight:450;text-wrap:balance}
h1{letter-spacing:-.045em}h2{letter-spacing:-.035em}
.chapter-copy>p:not(.eyebrow){color:#bdc6ca;line-height:1.7}
.technical-note,.model-note{color:#a3afb5;font-size:12px;line-height:1.6}
.stage-top{font-size:11px}.wordmark small{font-size:9px;color:#aeb8be}
.stage-bottom{font-size:11px}.eyebrow{color:#d0b483!important;letter-spacing:2px}
.environment-effects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.process-strip{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:0;background:#101a1e;border-top:1px solid #ffffff15;padding:16px 24px}
.process-strip span{flex:1;min-width:130px;padding:10px 14px;font-size:12px;color:#9dadae;position:relative;border-left:1px solid #435251}
.process-strip span.flowing{color:#d6e0d9}.process-strip span.flowing:before{content:'';position:absolute;left:-2px;top:12px;width:3px;height:13px;background:#b5cabc;animation:process-breathe 3s ease-in-out infinite;animation-delay:calc(var(--i)*.35s)}
@keyframes process-breathe{50%{opacity:.35}}
.photo-route-base{stroke-width:6;stroke-opacity:.45}.photo-route-flow{stroke-width:2;stroke-opacity:.65}
@media(max-width:700px){.technical-note{font-size:11px}.process-strip{padding:10px}.process-strip span{min-width:115px;font-size:11px}.stage-bottom{left:6%;right:6%;bottom:18px}.model-note{font-size:10px}}
.reduced .process-strip span:before{animation:none}
@media(prefers-reduced-motion:reduce){.process-strip span:before{animation:none}}
/* Keep photo, water effects and asset coordinates in the same uncropped frame. */
.network-view{aspect-ratio:16/9}
.environment-layer>img{object-fit:fill}
@media(max-width:700px){.scene-footer{display:none}.scene-marker{padding:3px}.scene-marker .marker-number{width:17px;height:17px}.route-indicator{bottom:9px}.view-tools button{padding:6px 8px}}
@media(max-width:700px){.stage-top{left:7%;right:7%;top:auto;bottom:56px;font-size:9px}.stage-top>span{display:none}.stage-top button{margin-left:auto;font-size:11px;background:#10191cdd;padding:7px 10px;border:1px solid #ffffff20;border-radius:3px}.stage-bottom .model-note{display:none}}
.asset-detail{display:none}.mobile-asset-info{display:block;padding:18px 26px;background:#152126;border-bottom:1px solid #ffffff15}.mobile-asset-info strong{font-size:15px;font-weight:500;color:#dfcda6}.mobile-asset-info p{font-size:13px;color:#b4c0c5;line-height:1.65;margin:7px 0 0;max-width:850px}.flow-edge.reverse{animation-direction:reverse}
/* Photographic parts retain their material appearance throughout the installation. */
.photographic-stage{position:absolute;left:49%;right:3%;top:16%;bottom:10%;overflow:hidden;isolation:isolate}
.photo-rig{position:absolute;width:1000px;height:1200px;transform-origin:0 0;will-change:transform}
.photo-rig>img,.rig-handwheel,.rig-fasteners,.inspection{position:absolute;display:block}
.photo-rig>img{object-fit:fill;filter:drop-shadow(0 9px 10px #0003);will-change:transform,opacity}
.rig-valve{z-index:1}.rig-handwheel{z-index:2;overflow:hidden}.rig-handwheel img{width:300px;height:450px;display:block}.rig-mount{z-index:3}.rig-actuator{z-index:4}.rig-fasteners{inset:0;z-index:5;pointer-events:none}.inspection{inset:0;width:100%;height:100%;z-index:6;pointer-events:none}
.mount-fastener{position:absolute;width:13px;height:24px;display:block;transform-origin:50% 30%}.mount-fastener b{position:absolute;left:3px;top:6px;width:7px;height:16px;background:repeating-linear-gradient(0deg,#555b5c 0 1px,#b4bab8 1px 3px);border-radius:1px}.mount-fastener span{position:absolute;left:0;top:0;width:13px;height:8px;background:linear-gradient(100deg,#6f7778,#e1e1d9 40%,#727a7c);clip-path:polygon(20% 0,80% 0,100% 40%,80% 100%,20% 100%,0 40%);box-shadow:0 2px 2px #0008}
.assembly-step{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:12px;letter-spacing:.5px;color:#c0c9cb;margin:0;line-height:1.5}
@media(max-width:700px){.photographic-stage{left:4%;right:4%;top:53%;bottom:9%}.assembly-step{font-size:10px;bottom:0}.stage-top{bottom:30px}.stage-bottom{bottom:10px}.stage-bottom>span{font-size:8px}.chapter[data-scene="5"] .chapter-copy{max-width:100%}}
@media(max-width:700px){.photographic-stage.control-scene{top:74%;bottom:8%}.photographic-stage.control-scene .assembly-step{display:none}}
#assembly-phase{position:absolute;left:51%;right:4%;bottom:8%;text-align:center;font-size:12px;letter-spacing:.4px;color:#b6c2c7;margin:0;z-index:4;pointer-events:none}
@media(max-width:700px){#assembly-phase{left:5%;right:5%;bottom:8%;font-size:9px}}
/* V8 — application stories: one scroll, an actual 3D route. */
.world-story{position:relative;height:650svh;background:#afb8ad;scroll-margin-top:0}
.world-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:#a9b5ad}
.world-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.world-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,17,18,.91),rgba(8,17,18,.70) 27%,rgba(8,17,18,.13) 56%,transparent 75%),linear-gradient(0deg,rgba(8,17,18,.65),transparent 18%,transparent 80%,rgba(8,17,18,.42))}
.world-top{position:absolute;top:120px;left:5%;right:5%;z-index:4;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.8px;color:#e5e8dc}.world-top>div{display:flex;gap:24px;letter-spacing:0;font-size:12px}.world-top a{color:#f2eddf;text-decoration:none;border-bottom:1px solid #fff5;padding-bottom:5px}
.world-copy{position:absolute;left:5%;top:29%;width:33%;max-width:460px;z-index:3;pointer-events:none}.world-step{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .45s,transform .55s,visibility .45s}.world-step.current{opacity:1;visibility:visible;transform:none}.world-step h2{font-size:clamp(36px,4.1vw,65px);line-height:1.08;letter-spacing:-.045em;margin:18px 0 24px;color:#f4f2e7}.world-step>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#ced5cf;max-width:350px}.world-route{border-top:1px solid #cfdbcc55;margin-top:27px;padding-top:15px;font-size:11px;line-height:1.7;color:#d7c496;letter-spacing:.5px}
.world-labels{position:absolute;inset:0;z-index:2;pointer-events:none}.world-pin{position:absolute;left:0;top:0;white-space:nowrap;font-size:10px;color:#ece9db;transition:opacity .3s;filter:drop-shadow(0 2px 3px #0005)}.world-pin[hidden]{display:none}.world-pin b{position:absolute;bottom:14px;left:0;font-weight:500;padding:7px 10px;background:#172b27e8;border:1px solid #b4c4af66;border-radius:2px;transform:translateX(-50%)}.pin-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#d8c395;box-shadow:0 0 0 4px #172b2777;left:-3px;top:-3px}.world-pin.actuator b{border-color:#d6b76e;color:#f3dba1}.world-pin.live .pin-dot{background:#90dcc3;box-shadow:0 0 0 5px #90dcc333}.world-pin.live b{border-color:#90dcc3}
.world-status{position:absolute;right:5%;bottom:100px;z-index:4;display:flex;align-items:center;gap:12px;padding:15px 22px;background:#102826eb;border:1px solid #aec5b45c;min-width:220px}.world-status>i{width:7px;height:7px;background:#b7cba1;border-radius:50%}.world-status span{display:block;font-size:10px;color:#bacbbf;margin-bottom:5px}.world-status strong{font-size:15px;color:#f0eddd;font-weight:500}.world-bottom{position:absolute;bottom:38px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:#e0e5dc;z-index:4}.world-bottom small{font-size:10px;color:#d0d9cd}.world-count{letter-spacing:2px}.world-progress{position:absolute;bottom:0;height:3px;left:0;right:0;background:#ffffff20;z-index:5}.world-progress i{display:block;height:100%;background:#d6bd83;transform-origin:left;transform:scaleX(0)}.world-loading{position:absolute;top:60%;left:55%;z-index:5;font-size:13px;color:#18342d}.world-loading[hidden]{display:none}
.world-fallback .world-step{position:relative;opacity:1;visibility:visible;transform:none}.world-fallback{height:auto}.world-fallback .world-stage{height:auto;min-height:100vh;padding:170px 6% 130px}.world-fallback .world-copy{position:relative;left:0;top:0;width:100%;max-width:none}.world-fallback .world-step{margin-bottom:55px}.world-fallback .world-labels,.world-fallback .world-status,.world-fallback .world-canvas{display:none}
.reduced .world-step{transition:none;transform:none}
@media(max-width:700px){.world-story{height:600svh}.world-top{top:91px;left:6%;right:6%;font-size:8px;letter-spacing:1px}.world-top>div{gap:13px;font-size:10px}.world-top>span{max-width:90px;line-height:1.6}.world-copy{left:6%;top:150px;width:88%;max-width:none}.world-step h2{font-size:35px;line-height:1.04;margin:12px 0}.world-step .eyebrow{font-size:9px!important;letter-spacing:1px}.world-step>p:not(.eyebrow){font-size:12px;line-height:1.6;max-width:95%}.world-route{display:none}.world-vignette{background:linear-gradient(180deg,#0b171be6,rgba(8,17,18,.82) 33%,transparent 57%,rgba(8,17,18,.35) 87%,rgba(8,17,18,.8))}.world-canvas{top:33%;height:65%}.world-labels{top:33%;height:65%}.world-pin{font-size:8px}.world-pin b{padding:5px 7px;bottom:10px;max-width:135px;white-space:normal;text-align:center}.world-status{bottom:65px;right:6%;padding:9px 12px;min-width:175px}.world-status strong{font-size:12px}.world-status span{font-size:9px}.world-bottom{bottom:24px;left:6%;right:6%;font-size:9px}.world-bottom small{display:none}.world-loading{top:64%;left:20%}}
/* V9 — sequential valve-family installations. */
.family-story{height:1150svh;position:relative;background:#0a1013;scroll-margin-top:0}.family-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 65% 45%,#283135,#10171b 58%,#080d10)}.family-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.family-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b1113e8,transparent 52%);pointer-events:none;z-index:1}.family-top{position:absolute;top:123px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.8px;color:#bdc7c8;z-index:4}.family-top a{letter-spacing:0;font-size:12px}.family-copy{position:absolute;left:5%;top:28%;width:32%;max-width:430px;z-index:3;pointer-events:none}.family-badge{font-size:10px;letter-spacing:1.6px;color:#d6bc88;line-height:1.8;text-transform:uppercase}.family-badge.potential{color:#b8c7dc}.family-title{font-size:clamp(38px,4.3vw,68px);line-height:1.06;letter-spacing:-.045em;margin:18px 0 24px}.family-description{font-size:15px;line-height:1.75;color:#bdc8cc;max-width:350px}.family-phase{font-size:12px;color:#dec997;border-top:1px solid #798d914d;padding-top:18px;margin-top:25px}.family-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.family-pin{position:absolute;left:0;top:0;font-size:10px;white-space:nowrap;color:#d4dcd9;margin-top:16px;margin-left:-45px}.family-pin[hidden]{display:none}.family-nav{position:absolute;top:auto;padding:0;background:none;left:5%;right:5%;bottom:83px;display:flex;gap:8px;justify-content:center;z-index:5}.family-nav a{border:1px solid #8596974d;background:#0e181ecc;color:#b9c7cc;padding:11px 15px;font-size:11px;border-radius:2px;transition:background .25s}.family-nav a.active{border-color:#d3b37a;background:#353226;color:#f1d6a0}.family-bottom{position:absolute;left:5%;right:5%;bottom:30px;display:flex;justify-content:space-between;gap:20px;z-index:4;color:#9eb1b9;font-size:11px}.family-bottom small{font-size:10px}.family-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff12}.family-progress i{display:block;height:100%;background:#ccb077;transform:scaleX(0);transform-origin:left}.family-loading{position:absolute;left:60%;top:50%;font-size:12px;color:#c0c9c9}.family-loading[hidden]{display:none}.family-overview .family-copy{top:19%;width:65%;max-width:900px}.family-overview .family-title{font-size:clamp(30px,3.2vw,48px)}.family-overview .family-title br{display:none}.family-overview .family-description{max-width:580px;font-size:13px}.family-overview .family-phase{border:0;margin:10px 0;padding:0}.family-overview .family-shade{background:linear-gradient(180deg,#0b1113c9,transparent 60%)}
@media(max-width:1000px){header nav{gap:18px}.family-nav a{padding:10px;font-size:10px}}
@media(max-width:700px){.family-story{height:1150svh}.family-top{top:91px;left:6%;right:6%;font-size:8px;letter-spacing:1px}.family-top a{font-size:9px}.family-stage canvas{top:35%;height:53%}.family-labels{display:none}.family-copy,.family-overview .family-copy{left:6%;top:142px;width:88%;max-width:none}.family-title,.family-overview .family-title{font-size:33px;margin:10px 0 12px}.family-title br{display:none}.family-badge{font-size:8px;letter-spacing:1px}.family-description,.family-overview .family-description{font-size:12px;line-height:1.55;max-width:none}.family-phase{font-size:10px;border:0;padding:0;margin-top:9px}.family-shade{background:linear-gradient(180deg,#0b1113e8,transparent 48%)}.family-nav{display:grid!important;grid-template-columns:repeat(3,1fr);left:6%;right:6%;bottom:56px;gap:5px}.family-nav a{padding:7px 4px;font-size:9px;text-align:center}.family-bottom{left:6%;right:6%;bottom:15px;font-size:8px;gap:12px;align-items:center}.family-bottom small{font-size:7px;max-width:150px;text-align:right}.family-loading{left:20%;top:57%}.family-overview .family-phase{margin-top:9px}}
