@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#071e29;--muted:#52636b;--lime:#c4f34d;--paper:#f8faf9;--line:#dce4e2;--white:#fff;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #77a619;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(3.5rem,6.3vw,6.5rem)}h2{font-size:clamp(2.4rem,4vw,4.3rem)}h3{font-size:1.5rem;letter-spacing:-.025em}.wrap{max-width:1512px;margin:auto;padding-inline:64px}.site-header{max-width:1512px;margin:auto;display:flex;align-items:center;padding:28px 64px;gap:38px;min-height:100px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:2rem;font-weight:750;letter-spacing:-.07em;line-height:1}.brand-period{color:#749d18;margin-left:-10px}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-9deg);margin-right:3px}.brand-mark i{background:var(--ink);border-radius:2px}.brand-mark i:last-child{background:#93be2e}.site-header nav{display:flex;gap:32px;margin-left:auto;font-size:.875rem;font-weight:500}.site-header nav a{padding:10px 0;position:relative}.site-header nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:2px;background:#749d18;transition:width .2s}.site-header nav a:hover:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:7px;font-size:.875rem;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#24414c}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#b4e736}.text-link{font-size:.875rem;font-weight:550;display:inline-flex;align-items:center;gap:9px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.play-icon{font-size:1.5rem;line-height:1}.menu-toggle{display:none;width:44px;height:44px;background:none;border:0;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.09em;display:flex;gap:10px;align-items:center}.tiny-square{width:7px;height:7px;display:inline-block;background:#83aa22;flex-shrink:0}.hero{padding-top:34px}.hero-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:23px 0 42px}h1 em{font-style:normal;position:relative}h1 em:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:10px;background:var(--lime);z-index:-1}h1{isolation:isolate}.hero-summary{max-width:345px;padding-bottom:5px}.hero-summary p{color:var(--muted);font-size:1rem;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:24px}.hero-scene{height:370px;background:#113440;position:relative;border-radius:var(--radius);overflow:hidden;color:white;isolation:isolate}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:50px 50px;opacity:.25}.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#021a26b3 0%,#03182312 60%,#021a2655);z-index:-1}.scene-caption{position:absolute;bottom:64px;left:42px;z-index:2}.scene-label,.scene-tag,.scene-index{font-size:.75rem;letter-spacing:.07em}.scene-label{opacity:.82}.scene-caption p{font-size:2.8rem;line-height:1.1;letter-spacing:-.04em;margin:14px 0 17px}.scene-tag{letter-spacing:0;opacity:.85}.scene-index{position:absolute;bottom:21px;left:42px;font-size:.65rem;opacity:.75}.twin-overlay{position:absolute;right:34px;top:35px;bottom:35px;width:330px;background:#071e29d4;border:1px solid #ffffff3b;backdrop-filter:blur(18px);padding:22px;border-radius:11px;box-shadow:0 20px 45px #0002}.overlay-heading{font-size:.7rem;letter-spacing:.07em;display:flex;gap:7px;align-items:center}.overlay-heading .tiny-square{background:var(--lime)}.demo-badge{margin-left:auto;font-size:.6rem;letter-spacing:0;color:#c4d7df;background:#ffffff12;padding:3px 6px;border-radius:3px}.mini-network{position:relative;height:174px}.network-node{position:absolute;background:#284651;border:1px solid #74959d;border-radius:6px;padding:6px 10px;font-size:.75rem;z-index:1}.node-one{left:0;top:27px}.node-two{right:0;top:27px}.node-three{left:48px;bottom:21px}.node-four{right:0;bottom:21px}.network-line{position:absolute;transform-origin:0 center;border-top:1px dashed #b9e849}.line-one{width:190px;left:47px;top:43px}.line-two{width:104px;left:46px;top:44px;transform:rotate(64deg)}.line-three{width:153px;left:100px;top:135px}.overlay-bottom{border-top:1px solid #ffffff26;padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#b4c8d0}.overlay-bottom strong{font-weight:500;color:white;display:block;font-size:.8rem;margin-top:3px}.connection-icon{font-size:1.8rem;color:var(--lime)}.scope-ribbon{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid var(--line);gap:28px}.scope-ribbon>span{font-size:.65rem;letter-spacing:.05em;line-height:1.5;color:var(--muted)}.scope-ribbon>div{font-size:1rem;font-weight:500;letter-spacing:-.02em}.scope-ribbon>div:before{content:'+';display:inline-block;color:#7b9e24;margin-right:12px;font-size:1.2rem}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;padding:12px;background:var(--lime)}.skip-link:focus{top:10px}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-2}.hero-scene:after{background:linear-gradient(90deg,#021a26b3 0%,#03182312 60%,#021a2655)}.scene-grid{display:none}.section{padding-block:96px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:45px}.section-heading h2{margin-top:20px}.section-heading>p{max-width:330px;color:var(--muted);line-height:1.7;padding-bottom:4px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.capability{border-top:1px solid var(--line);padding-top:24px}.capability-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.card-number{font-size:.8rem;color:var(--muted)}.capability svg{width:40px;height:40px;stroke:currentColor;stroke-width:1.4}.capability h3{margin-bottom:16px}.capability p{font-size:.9375rem;color:var(--muted);line-height:1.7;max-width:340px}.capability-label{display:block;font-size:.65rem;font-weight:600;letter-spacing:.07em;margin-top:30px;color:#3d646e}.scenario-section{background:var(--ink);color:#fff;padding-block:80px}.scenario-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.scenario-copy .eyebrow{color:#c0d3da}.scenario-copy h2{margin:26px 0;font-size:clamp(2.3rem,3.65vw,4rem)}.scenario-copy>p{color:#b5c7ce;max-width:360px;line-height:1.75}.scenario-note{font-size:.75rem;color:#8fa8b2;display:block;margin-top:35px}.scenario-console{background:#102e3c;border:1px solid #375260;border-radius:13px;padding:24px}.console-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #34505d;padding-bottom:20px}.console-title{font-size:.7rem;letter-spacing:.05em}.example-badge{font-size:.6rem;color:#b9cbd3;letter-spacing:.04em;border:1px solid #47606c;border-radius:4px;padding:4px 7px}.scenario-tabs{display:flex;gap:3px;background:#061e2b;padding:4px;border-radius:6px;margin-top:22px}.scenario-tabs button{border:0;background:transparent;color:#adc3cf;font-size:.8rem;flex:1;padding:9px 8px;border-radius:4px}.scenario-tabs button[aria-selected=true]{color:var(--ink);background:var(--lime);font-weight:600}.network-diagram{margin-top:10px}.network-diagram svg{width:100%;height:auto;display:block}.network-diagram text{fill:#bad0d9;font-size:12px;font-family:Inter,Arial,sans-serif;letter-spacing:.02em}.network-diagram .disruption-label{fill:#e8ac8e;font-size:11px}.alternative-route{opacity:0}.scenario-console.plan-shown .alternative-route{opacity:1;stroke-dasharray:460;animation:route-draw .8s ease-out both}.scenario-console.plan-shown .original-route{opacity:.3}.diagram-legend{display:flex;gap:20px;justify-content:center;font-size:.65rem;color:#a3bdc9;margin-top:-10px}.diagram-legend span{display:flex;align-items:center;gap:7px}.diagram-legend i{width:18px;height:0;border-top:2px dashed #9bb0b8}.diagram-legend .legend-alternative{border-color:var(--lime);border-style:solid}.scenario-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #34505d;border-bottom:1px solid #34505d;padding:21px 0;margin-top:25px}.scenario-metrics>div{padding-inline:16px;border-right:1px solid #34505d}.scenario-metrics>div:first-child{padding-left:0}.scenario-metrics>div:last-child{border:0}.scenario-metrics span{font-size:.65rem;display:block;color:#bad0d9;line-height:1.5;min-height:20px}.scenario-metrics strong{font-size:1.7rem;line-height:1.5;display:block;font-weight:500;letter-spacing:-.04em}.scenario-metrics small{font-size:.75rem;font-weight:400;letter-spacing:0}.scenario-result{padding-block:22px;min-height:123px}.result-tag{font-size:.6rem;letter-spacing:.07em;color:#ffc49d}.scenario-result p{font-size:.875rem;color:#c4d5dd;margin-top:9px;line-height:1.65}.plan-shown .result-tag{color:var(--lime)}.console-actions{display:flex;align-items:center;gap:20px}.reset-button{background:transparent;color:#a9c2ce;border:0;text-decoration:underline;font-size:.8rem;padding:10px}.solutions-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:75px}.solution-tabs button{width:100%;display:flex;align-items:center;gap:22px;border:0;border-top:1px solid var(--line);background:transparent;padding:25px 0;text-align:left;font-size:1.1rem;font-weight:500;letter-spacing:-.02em}.solution-tabs button:last-child{border-bottom:1px solid var(--line)}.solution-tabs button>span:first-child{font-size:.75rem;color:var(--muted)}.solution-tabs button .solution-plus{margin-left:auto;font-size:1.4rem;font-weight:400}.solution-tabs button[aria-selected=true]{color:#4e7411}.solution-tabs button[aria-selected=true] .solution-plus{color:#4e7411}.solution-panel{padding:32px 38px;background:#ecf1ed;border-radius:10px;min-height:420px}.solution-kicker{font-size:.65rem;font-weight:600;letter-spacing:.07em;color:#59766a}.solution-panel h3{font-size:2.2rem;margin:20px 0 18px}.solution-panel>p{font-size:.9375rem;color:var(--muted);line-height:1.7}.solution-benefits{padding-left:0;list-style:none;margin:21px 0}.solution-benefits li{font-size:.875rem;margin-top:10px;display:flex;align-items:baseline;gap:12px}.solution-benefits li:before{content:'+';color:#65941a}.solution-contact{border-bottom:1px solid #4e7411;padding-bottom:3px}.solution-footer{margin-top:30px;padding-top:18px;border-top:1px solid #ccd9ce}.solution-footer>span{font-size:.6rem;letter-spacing:.05em;color:#5f766c;display:block}.solution-footer strong{font-size:.75rem;font-weight:500;display:block;margin-top:6px}.technology-section{padding-block:85px;background:#edf2f1}.process-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.process-flow article{border-top:2px solid #b9cac7;padding-top:20px}.process-number{font-size:.65rem;letter-spacing:.05em;color:#44625c}.process-flow h3{font-size:1.3rem;margin-top:24px;margin-bottom:15px;letter-spacing:-.025em}.process-flow p{font-size:.875rem;color:var(--muted);line-height:1.75}.process-detail{display:block;font-size:.7rem;margin-top:25px;color:#4f7068}.human-control{display:flex;align-items:center;gap:18px;border-top:1px solid #ccd7d3;margin-top:45px;padding-top:25px}.control-mark{width:30px;height:30px;border:1px solid #92ab9f;border-radius:50%;display:grid;place-items:center;color:#3e6e5b}.human-control p{font-size:.875rem;color:#52675e}.human-control strong{font-weight:600;color:var(--ink)}.human-control>a{margin-left:auto;white-space:nowrap}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.insight-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:9px;padding:26px;min-height:295px;transition:border-color .2s,transform .2s,box-shadow .2s;background:var(--paper)}.insight-card:hover{transform:translateY(-5px);border-color:#8da995;box-shadow:0 15px 30px #071e2908}.insight-top{display:flex;align-items:center;justify-content:space-between;font-size:.65rem;letter-spacing:.04em;color:#556c61}.external-symbol{font-size:1.2rem}.insight-card h3{font-size:1.5rem;line-height:1.15;margin-top:32px;letter-spacing:-.03em}.insight-card>p{font-size:.875rem;color:var(--muted);line-height:1.7;margin-top:15px;margin-bottom:27px}.insight-source{margin-top:auto;font-size:.8rem;font-weight:550;display:flex;align-items:center;justify-content:space-between;gap:10px}.insight-source>span{font-size:.65rem;color:var(--muted);font-weight:400}.source-note{font-size:.75rem;color:var(--muted);margin-top:20px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-bottom:90px}.faq-section h2{margin-top:20px;font-size:3rem}.faqs details{border-top:1px solid var(--line)}.faqs details:last-child{border-bottom:1px solid var(--line)}.faqs summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:.9375rem;font-weight:500;gap:25px;cursor:pointer;padding:22px 0}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{font-size:1.4rem;transition:transform .2s;font-weight:400}.faqs details[open] summary span{transform:rotate(45deg)}.faqs details p{font-size:.875rem;color:var(--muted);line-height:1.75;padding-bottom:24px;max-width:530px}.contact-section{padding-block:80px;background:var(--ink);color:white}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.contact-copy h2{font-size:clamp(3rem,5vw,5.5rem);margin-top:25px}.contact-copy h2 em{color:var(--lime);font-style:normal}.contact-copy>p{color:#b3c7d0;max-width:360px;margin:28px 0;line-height:1.7}.contact-email{font-size:1rem;border-bottom:1px solid #4b6773;padding-bottom:4px}.contact-email:hover{color:var(--lime)}#inquiry-form{background:#13313f;padding:32px;border:1px solid #3b5562;border-radius:12px}#inquiry-form h3{font-size:1.65rem;margin-bottom:25px}#inquiry-form label{display:block;font-size:.8rem;font-weight:500;color:#d7e3e8;margin-top:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row label{margin-top:0!important}#inquiry-form input,#inquiry-form select,#inquiry-form textarea{width:100%;margin-top:7px;padding:12px;border:1px solid #4a626d;border-radius:5px;background:#0b2532;color:white;font-size:.875rem;line-height:1.5}#inquiry-form textarea{resize:vertical;min-height:95px}#inquiry-form input::placeholder,#inquiry-form textarea::placeholder{color:#90aab7}#inquiry-form .button{margin-top:22px;width:100%}.form-note{font-size:.7rem;line-height:1.7;color:#a6bfcb;margin-top:13px}.form-status{font-size:.8rem;line-height:1.6;color:#c4e4ea}.form-status:not(:empty){margin-top:15px}.site-footer{padding-top:45px;padding-bottom:25px}.footer-main{display:flex;align-items:center;gap:50px;padding-bottom:35px}.footer-main>p{font-size:.8rem;color:var(--muted);line-height:1.6}.footer-main nav{margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;font-size:.75rem}.footer-email{font-size:.8rem}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:35px;color:var(--muted);font-size:.65rem}.footer-bottom>span:nth-child(2){margin-left:auto}.privacy-button{font-size:.65rem;border:0;background:transparent;color:var(--muted);padding:0}.privacy-button:hover{text-decoration:underline}dialog{max-width:600px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:12px;padding:32px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#03131dcc;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.dialog-heading h2{font-size:2rem}.dialog-heading button{border:0;background:transparent;font-size:2rem;padding:5px}dialog p{font-size:.9375rem;color:var(--muted);line-height:1.75;margin-top:20px}dialog a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal-enter{animation:rise-in .65s ease-out both}.hero-intro{animation:rise-in .65s ease-out both}@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes route-draw{from{stroke-dashoffset:460}to{stroke-dashoffset:0}}
@media(min-width:1600px){.hero-scene{height:430px}}
@media(max-width:1100px){.wrap{padding-inline:36px}.site-header{padding:24px 36px;gap:25px}.site-header nav{gap:20px}.hero-intro{gap:28px}h1{font-size:4.25rem}.hero-summary{max-width:290px}.hero-actions{gap:14px;flex-wrap:wrap}.scene-caption p{font-size:2.4rem}.scope-ribbon{gap:20px}.scope-ribbon>div{font-size:.875rem}}
@media(max-width:760px){.wrap{padding-inline:22px}.site-header{padding:20px 22px;min-height:82px;gap:16px}.brand{font-size:1.8rem}.header-cta{margin-left:auto;padding:10px 17px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);z-index:8;padding:22px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #071e2912}.site-header nav.open{display:flex;flex-direction:column;gap:8px}.hero{padding-top:25px}.hero-intro{display:block;padding:22px 0 28px}h1{font-size:clamp(2.5rem,8.9vw,4rem);line-height:1.07;letter-spacing:-.055em}h1 em:after{height:6px;bottom:2px}.hero-summary{max-width:100%;margin-top:24px}.hero-summary p{max-width:450px}.hero-actions{margin-top:22px;gap:24px}.hero-scene{height:500px}.scene-caption{top:28px;left:24px;bottom:auto}.scene-caption p{font-size:2rem}.scene-tag{font-size:.75rem}.twin-overlay{top:auto;bottom:40px;left:24px;right:24px;width:auto;height:235px;padding:18px}.mini-network{height:125px;max-width:300px;margin:0 auto}.node-one,.node-two{top:15px}.node-three,.node-four{bottom:10px}.line-one{top:31px}.line-two{top:31px;width:73px;transform:rotate(66deg)}.line-three{top:98px}.overlay-bottom{padding-top:10px}.scene-index{left:24px;bottom:15px}.scope-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:25px 0}.scope-ribbon>span{grid-column:1/-1}.scope-ribbon>div{font-size:.875rem}.eyebrow{font-size:.65rem;letter-spacing:.065em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:1100px){.section{padding-block:72px}.section-heading{gap:35px}.section-heading>p{max-width:290px}.scenario-layout{gap:38px}.scenario-console{padding:20px}.solutions-layout{gap:40px}.solution-panel{padding:28px}.process-flow{gap:22px}.contact-layout{gap:50px}.footer-main{gap:30px}.faq-section{gap:45px}.console-title{font-size:.65rem}}
@media(max-width:760px){.section{padding-block:60px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:24px;max-width:450px}.section-heading h2{font-size:2.5rem}.capabilities{grid-template-columns:1fr;gap:30px}.capability-top{margin-bottom:20px}.capability h3{font-size:1.6rem}.capability p{max-width:none}.capability-label{margin-top:20px}.scenario-section{padding-block:55px}.scenario-layout{grid-template-columns:1fr;gap:30px}.scenario-copy h2{font-size:2.6rem}.scenario-note{margin-top:22px}.scenario-console{padding:18px}.console-header{gap:10px}.console-title{font-size:.6rem}.example-badge{font-size:.55rem;white-space:nowrap}.scenario-tabs button{font-size:.75rem;padding:10px 5px}.scenario-metrics span{font-size:.6rem}.scenario-metrics strong{font-size:1.5rem}.scenario-metrics>div{padding-inline:9px}.scenario-metrics{margin-top:20px}.scenario-result{min-height:140px}.console-actions{gap:16px}.console-actions .button{padding:12px 17px;font-size:.8rem}.solutions-layout{grid-template-columns:1fr;gap:28px}.solution-tabs button{padding:18px 0;font-size:1rem;gap:15px}.solution-panel{padding:26px;min-height:410px}.solution-panel h3{font-size:2rem}.technology-section{padding-block:60px}.process-flow{grid-template-columns:1fr 1fr;gap:28px 20px}.process-flow h3{font-size:1.2rem;line-height:1.15}.process-detail{font-size:.65rem}.human-control{flex-wrap:wrap;align-items:flex-start;gap:13px}.human-control p{flex:1;min-width:220px}.human-control>a{margin-left:43px}.insight-grid{grid-template-columns:1fr;gap:18px}.insight-card{min-height:260px}.insight-card h3{margin-top:25px}.source-note{font-size:.7rem}.faq-section{grid-template-columns:1fr;gap:28px;padding-bottom:60px}.faq-section h2{font-size:2.4rem}.faqs summary{font-size:.875rem;gap:16px}.contact-section{padding-block:60px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-copy h2{font-size:3.5rem}.contact-copy>p{max-width:450px}#inquiry-form{padding:24px}.form-row{grid-template-columns:1fr;gap:16px}.form-row label{margin-top:0!important}.footer-main{flex-wrap:wrap;gap:24px}.footer-main>p{margin-left:auto}.footer-main nav{margin-left:0;width:50%;gap:10px}.footer-email{font-size:.75rem;margin-left:auto}.footer-bottom{flex-wrap:wrap;gap:12px 25px}.footer-bottom>span:nth-child(2){margin-left:0}.privacy-button{margin-left:auto}.site-footer{padding-top:35px}.hero-scene:after{background:linear-gradient(180deg,#021a26b3,#021a2622 65%,#021a2655)}}
@media(max-width:380px){.process-flow{grid-template-columns:1fr}.footer-main nav{width:100%}.footer-email{margin-left:0}.hero-actions{gap:17px}.hero-actions .button{padding:13px 18px}.hero-actions .text-link{font-size:.8rem}.solution-panel{padding:22px}}

/* LOGIWIT brand: supplied red and blue identity. */
:root{--lime:#f32258;--paper:#f8fafc;--line:#dce4eb;--muted:#546574}
.site-header{position:sticky;top:0;z-index:10;background:#f8fafcf2;backdrop-filter:blur(12px);padding-block:12px}
.brand{width:114px;flex-shrink:0;display:block}
.brand img{display:block;width:114px;height:79px;object-fit:contain}
.button-lime{background:#205f97;color:white}.button-lime:hover{background:#174a78}
.button-dark{background:#174a78}.button-dark:hover{background:#103857}
.tiny-square{background:#f32258}.site-header nav a:after{background:#f32258}
h1 em:after{background:#f322584d;height:9px}
.capability-label,.solution-kicker,.process-number,.process-detail,.insight-top{color:#28608f}
.solution-tabs button[aria-selected=true],.solution-tabs button[aria-selected=true] .solution-plus{color:#1e5d93}
.solution-panel{background:#eaf0f7}.solution-benefits li:before{color:#e82659}
.solution-contact{border-color:#1e5d93}.solution-footer{border-color:#c9d7e4}.solution-footer>span{color:#516d88}
.technology-section{background:#edf2f7}.process-flow article{border-color:#aabfd0}
.scope-ribbon>div:before{color:#ee2857}.control-mark{border-color:#7f9ab1;color:#1e5d93}
.human-control p{color:#536779}.human-control{border-color:#c7d6e2}
.scenario-tabs button[aria-selected=true]{background:#2369a2;color:white}
.mini-network .network-line{border-color:#f45c82}
.scene-controls{position:absolute;left:30px;top:24px;display:flex;gap:8px;z-index:4}
.scene-controls button{border:1px solid #ffffff70;background:#071e29bb;backdrop-filter:blur(10px);color:white;border-radius:5px;padding:8px 12px;font-size:.7rem}
.scene-controls button:hover{background:#174a78}
.scene-viewport{position:absolute;inset:0;z-index:-2;cursor:grab;touch-action:pan-y}
.scene-viewport.dragging{cursor:grabbing}.scene-viewport canvas{display:block;width:100%;height:100%}
.hero-scene.has-3d{height:480px}.has-3d .hero-image{display:none}
.has-3d:after{pointer-events:none;background:linear-gradient(90deg,#062333db 0%,#06233370 30%,#06233308 62%,#06233330);z-index:0}
.has-3d .scene-caption{pointer-events:none;bottom:86px;left:34px;max-width:360px}
.has-3d .scene-caption p{font-size:2.45rem}
.has-3d .scene-index{display:none}
.has-3d .twin-overlay{width:270px;top:22px;bottom:auto;height:270px;padding:18px;right:24px;z-index:2;pointer-events:none}
.has-3d .mini-network{height:150px}.has-3d .line-one{width:147px}.has-3d .line-three{width:124px;top:111px}
.has-3d .line-two{width:84px}.has-3d .node-three,.has-3d .node-four{bottom:21px}
.has-3d .overlay-heading{font-size:.6rem;gap:5px}.has-3d .demo-badge{font-size:.55rem;padding-inline:4px}
.has-3d .overlay-bottom{padding-top:10px}.has-3d .overlay-bottom strong{font-size:.7rem}
.scene-presets{position:absolute;bottom:20px;left:34px;display:flex;gap:8px;z-index:4}
.scene-presets button{border:1px solid #ffffff50;background:#071e29cf;color:#d4e5f0;border-radius:5px;padding:9px 12px;font-size:.7rem;backdrop-filter:blur(10px)}
.scene-presets button[aria-pressed=true]{background:#205f97;color:white;border-color:#6898c6}
.scene-drag-hint{position:absolute;bottom:22px;right:27px;z-index:2;color:#e8f0f5;font-size:.65rem;pointer-events:none;text-shadow:0 1px 3px #000b;background:#071e29bb;border-radius:4px;padding:6px 10px}
.has-3d .scene-label{font-size:.65rem;line-height:1.5;display:block}
.external-symbol{font-size:.6rem;font-weight:550;letter-spacing:.03em}
.footer-main .brand{width:120px}.footer-main .brand img{width:120px;height:83px}
@media(max-width:1100px){.site-header{padding-block:10px}.hero-scene.has-3d{height:450px}.has-3d .twin-overlay{width:245px;right:20px}.has-3d .scene-caption{max-width:330px}.has-3d .scene-caption p{font-size:2.1rem}}
@media(max-width:760px){.site-header{padding:9px 22px;min-height:89px}.brand{width:90px}.brand img{width:90px;height:62px}.site-header nav{top:89px}.hero-scene.has-3d{height:600px}.has-3d:after{background:linear-gradient(180deg,#062333b0 0%,#06233345 28%,#06233308 55%,#06233390)}
.scene-controls{left:18px;top:17px}.scene-controls button{padding:7px 10px}.has-3d .scene-caption{top:77px;left:22px;bottom:auto;max-width:290px}.has-3d .scene-caption p{font-size:1.9rem}.has-3d .scene-caption .scene-tag{display:none}
.has-3d .twin-overlay{width:calc(100% - 44px);left:22px;right:22px;top:auto;bottom:75px;height:154px;padding:14px;display:block}.has-3d .mini-network{height:70px;margin:0 auto;max-width:290px}
.has-3d .overlay-bottom{padding-top:8px;font-size:.65rem}.has-3d .overlay-bottom span:first-child{display:flex;gap:6px;align-items:center}.has-3d .overlay-bottom strong{margin:0;font-size:.65rem}.has-3d .connection-icon{font-size:1.25rem}
.has-3d .network-node{font-size:.6rem;padding:4px 7px}.has-3d .node-one,.has-3d .node-two{top:5px}.has-3d .node-three,.has-3d .node-four{bottom:4px}.has-3d .line-one{top:18px;width:220px}.has-3d .line-two{top:18px;width:38px;transform:rotate(45deg)}.has-3d .line-three{top:53px;width:190px}
.scene-presets{bottom:22px;left:22px;right:22px;gap:6px;display:grid;grid-template-columns:repeat(3,1fr)}.scene-presets button{padding:9px 6px;font-size:.6rem}.scene-drag-hint{right:20px;bottom:241px}
.footer-main .brand{width:100px}.footer-main .brand img{width:100px;height:69px}}
[hidden]{display:none!important}

/* Scroll narrative: a pinned stage with continuous camera movement. */
.scene-story.story-active{height:350svh;position:relative}
.story-active .hero-scene.has-3d{position:sticky;top:112px;height:min(760px,calc(100svh - 138px));min-height:520px}
.story-active .hero-scene:after{background:linear-gradient(90deg,#0b243680,#0b243612 45%,#0b243608)}
.story-active .scene-caption{left:28px;bottom:106px;top:auto!important;max-width:400px;background:#092535d9;backdrop-filter:blur(14px);padding:23px 25px;border:1px solid #ffffff35;border-radius:9px;transition:opacity .2s}
.story-active .scene-caption p{font-size:2.4rem;margin:13px 0 16px;letter-spacing:-.04em}
.story-active .scene-caption .scene-tag{font-size:.8rem;line-height:1.6;display:block;max-width:305px}
.story-active .scene-label{font-size:.7rem;letter-spacing:.04em;color:#d2e7f5}
.story-active .twin-overlay{transition:opacity .4s,transform .4s;background:#092535e6}
.hero-scene[data-chapter=warehouse] .twin-overlay,.hero-scene[data-chapter=terminal] .twin-overlay{opacity:0;transform:translateY(-10px)}
.scene-progress-track{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff35;z-index:5}
#scene-progress{display:block;width:100%;height:100%;background:#f32258;transform:scaleX(0);transform-origin:left}
.scene-skip{position:absolute;top:27px;left:246px;font-size:.75rem;color:white;z-index:5;background:#092535b3;padding:7px 12px;border-radius:5px;border:1px solid #ffffff4a}
.scene-presets{bottom:25px}.scene-presets button{font-size:.8rem;padding:11px 16px}
.scene-drag-hint{bottom:29px;right:22px;font-size:.7rem}
.capability p,.solution-panel>p,.process-flow p,.insight-card>p,.faqs details p{font-size:1rem}
#inquiry-form label,#inquiry-form input,#inquiry-form select,#inquiry-form textarea{font-size:.875rem}
.scene-story.story-reduced{height:auto}.story-reduced .hero-scene.has-3d{position:relative;top:auto;height:560px;min-height:0}
@media(max-width:1100px){.scene-drag-hint{display:none}.story-active .scene-caption{max-width:360px;left:22px;padding:20px}.story-active .scene-caption p{font-size:2.1rem}}
@media(max-width:760px){.scene-story.story-active{height:310svh}.story-active .hero-scene.has-3d{top:95px;height:calc(100svh - 115px);min-height:600px}
.story-active .scene-caption{left:17px;right:17px;bottom:96px;max-width:none;padding:18px;background:#092535eb}
.story-active .scene-caption p{font-size:1.75rem;margin:10px 0 10px}.story-active .scene-caption .scene-tag{font-size:.75rem;max-width:100%}
.story-active .twin-overlay{display:none}.scene-controls{left:16px;top:16px}.scene-controls button{font-size:.7rem}.scene-skip{top:57px;left:16px;padding:5px 9px;font-size:.65rem}
.scene-presets{grid-template-columns:repeat(4,1fr);bottom:22px;left:17px;right:17px}.scene-presets button{font-size:.65rem;padding:10px 4px}
.scene-viewport{touch-action:pan-y}.story-reduced .hero-scene.has-3d{height:660px;top:auto}.story-reduced.scene-story{height:auto}
}
@media(prefers-reduced-motion:reduce){.scene-story.story-active{height:auto}.story-active .hero-scene.has-3d{position:relative;top:auto;height:580px}.scene-progress-track{display:none}}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#f32258}

/* Full-screen logistics journey, led by the Emons reference. */
:root{--radius:2px}
html{scroll-padding-top:110px}
.site-header{position:fixed;inset:16px 20px auto;max-width:none;margin:0;min-height:80px;padding:8px 22px;gap:30px;background:#ffffffed;border:1px solid #d5dfe7;backdrop-filter:blur(12px);box-shadow:0 5px 24px #16344a0a}
.site-header .brand,.site-header .brand img{width:90px;height:62px}
.site-header nav{margin-left:auto}
.hero.wrap{max-width:none;padding:0;margin:0}
.hero .scope-ribbon{margin:0 auto;max-width:1384px;padding:32px 40px}
.scene-story.story-active{height:600svh;position:relative}
.hero-scene,.hero-scene.has-3d,.story-active .hero-scene.has-3d{height:100svh;min-height:650px;border-radius:0}
.story-active .hero-scene.has-3d{position:sticky;top:0}
.hero-scene.has-3d:after,.story-active .hero-scene:after{background:none}
.hero-scene:not(.has-3d):after{background:linear-gradient(0deg,#12304b66,transparent 65%)}
.scene-viewport{z-index:-2;cursor:default}
.scene-caption,.has-3d .scene-caption,.story-active .scene-caption{top:auto!important;left:28px;bottom:116px;max-width:410px;padding:25px 28px;background:#fffffff5;color:#153d5c;border:1px solid #d4dfe7;border-radius:0;backdrop-filter:blur(8px);pointer-events:auto}
.scene-caption h1{font-size:clamp(2rem,3vw,3rem);line-height:1.06;letter-spacing:-.055em;margin:14px 0 17px}
.scene-caption .scene-label,.has-3d .scene-label,.story-active .scene-label{display:block;opacity:1;color:#2c668f;font-size:.6875rem;letter-spacing:.09em;line-height:1.5;font-weight:600}
.scene-caption .scene-tag,.story-active .scene-caption .scene-tag{display:block;font-size:1rem;letter-spacing:0;line-height:1.6;color:#4d6679;opacity:1;max-width:none}
.scene-caption .hero-actions{gap:20px;margin-top:22px}
.scene-caption .button{padding:12px 17px}
.scene-caption .text-link{font-size:.8125rem}
.scene-ui{position:absolute;z-index:3;right:28px;top:128px;width:294px;background:#fffffff2;color:#153d5c;border:1px solid #d4dfe7;padding:22px 23px;backdrop-filter:blur(8px)}
.scene-ui-kicker{display:flex;align-items:center;gap:8px;font-size:.625rem;letter-spacing:.08em;font-weight:600;color:#56748b}
.scene-ui h2{font-size:1.5rem;line-height:1.16;letter-spacing:-.035em;margin:18px 0 24px}
.scene-ui dl{margin:0}
.scene-ui dl>div{padding:12px 0;border-top:1px solid #dce5eb}
.scene-ui dt{font-size:.6875rem;color:#667e8f;margin-bottom:4px}
.scene-ui dd{margin:0;font-size:.875rem;line-height:1.5;font-weight:500}
.scene-ui>a{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:.75rem;font-weight:600;color:#205f97}
.scene-journey-label{position:absolute;top:128px;left:29px;color:#315874;font-size:.625rem;font-weight:600;letter-spacing:.12em;display:flex;align-items:center;gap:15px}
.scene-journey-label>span:last-child{font-size:1.5rem;line-height:1}
.scene-presets{left:28px;right:28px;bottom:23px;display:grid;grid-template-columns:repeat(6,1fr);gap:0;z-index:4;background:#ffffffec;border:1px solid #d0dce4}
.scene-presets button{display:flex;align-items:center;justify-content:flex-start;gap:15px;background:transparent;color:#244761;border:0;border-right:1px solid #dce5eb;border-radius:0;backdrop-filter:none;padding:19px 20px;font-size:.8125rem;white-space:nowrap}
.scene-presets button:last-child{border-right:0}
.scene-presets button>span{font-size:.625rem;color:#6a8192}
.scene-presets button:hover{background:#eaf0f5}
.scene-presets button[aria-pressed=true]{background:#205f97;color:#fff;border-color:transparent}
.scene-presets button[aria-pressed=true]>span{color:#bfd5e8}
.scene-progress-track{height:3px;background:#a9bdce;z-index:5}
.scene-skip{top:auto;left:auto;right:29px;bottom:106px;background:#ffffffed;color:#205f97;border:1px solid #d4dfe7;border-radius:0;padding:9px 13px;font-size:.75rem}
.scene-index{display:none}
.button,.scenario-console,.scenario-tabs,.scenario-tabs button,.example-badge,.solution-panel,.insight-card,#inquiry-form,input,select,textarea,dialog,.network-node,.demo-badge,.control-mark{border-radius:2px!important}
.button{box-shadow:none}
.story-reduced.scene-story{height:auto}
.story-reduced .hero-scene.has-3d{position:relative;top:0;height:100svh;min-height:650px}
@media(max-width:1100px){
 .site-header{inset:12px 16px auto;padding-inline:18px;gap:22px}
 .site-header nav{gap:22px}
 .scene-presets button{gap:9px;padding:19px 12px;font-size:.75rem}
 .scene-caption,.has-3d .scene-caption,.story-active .scene-caption{max-width:360px;padding:22px}
 .scene-ui{width:254px;padding:20px}
}
@media(max-width:760px){
 .site-header{inset:10px 12px auto;min-height:69px;padding:5px 13px;gap:12px}
 .site-header .brand,.site-header .brand img{width:78px;height:54px}
 .site-header .header-cta{margin-left:auto;padding:10px 14px;font-size:.75rem}
 .site-header .menu-toggle{width:36px;height:36px;padding:7px}
 .site-header nav{top:74px;border:1px solid #d4dfe7;background:white;padding:18px}
 .scene-story.story-active{height:550svh}
 .hero-scene,.hero-scene.has-3d,.story-active .hero-scene.has-3d{height:100svh;min-height:760px;top:0}
 .scene-journey-label{top:100px;left:18px;font-size:.5625rem}
 .scene-ui{top:99px;right:17px;width:172px;padding:13px 14px}
 .scene-ui-kicker{font-size:.5rem;gap:5px;letter-spacing:.02em}
 .scene-ui h2{font-size:1rem;margin:12px 0 8px}
 .scene-ui dl>div{padding:8px 0}
 .scene-ui dt{font-size:.5625rem;margin-bottom:3px}
 .scene-ui dd{font-size:.6875rem;line-height:1.4}
 .scene-ui>a{display:none}
 .scene-caption,.has-3d .scene-caption,.story-active .scene-caption{left:17px;right:17px;bottom:125px;max-width:none;padding:17px 18px}
 .scene-caption h1{font-size:1.8rem;margin:9px 0 10px;max-width:300px}
 .scene-caption .scene-label,.has-3d .scene-label,.story-active .scene-label{font-size:.5625rem}
 .scene-caption .scene-tag,.story-active .scene-caption .scene-tag{font-size:.8125rem;line-height:1.5}
 .scene-caption .hero-actions{margin-top:13px;gap:18px}
 .scene-caption .button{padding:10px 13px;font-size:.75rem}
 .scene-caption .text-link{font-size:.75rem}
 .scene-presets{left:17px;right:17px;bottom:17px;grid-template-columns:repeat(3,1fr)}
 .scene-presets button{padding:12px 8px;font-size:.5625rem;gap:7px;white-space:normal;text-align:left;min-height:43px}
 .scene-presets button>span{font-size:.5rem}
 .scene-presets button:nth-child(-n+3){border-bottom:1px solid #dce5eb}
 .scene-presets button:nth-child(3){border-right:0}
 .scene-skip{display:none}
 .hero .scope-ribbon{padding:25px 22px}
 .story-reduced .hero-scene.has-3d{height:100svh;min-height:760px;top:0}
}
@media(prefers-reduced-motion:reduce){.scene-story.story-active{height:auto}.story-active .hero-scene.has-3d{position:relative;top:0;height:100svh;min-height:650px}.scene-progress-track{display:none}}

/* Opaque surfaces keep the logistics graphics clear beneath the UI. */
.site-header,.scene-caption,.has-3d .scene-caption,.story-active .scene-caption,.scene-ui,.scene-presets{background:#fff;backdrop-filter:none}
.hero-scene,.hero-scene.has-3d,.story-active .hero-scene.has-3d,.story-reduced .hero-scene.has-3d{min-height:0}
@media(max-height:740px) and (max-width:760px){.scene-ui{top:94px;padding:10px 12px;width:165px}.scene-ui dl>div{padding:5px 0}.scene-ui h2{margin-top:9px;font-size:.875rem}.scene-caption,.has-3d .scene-caption,.story-active .scene-caption{bottom:115px;padding:13px 16px}.scene-caption h1{font-size:1.5rem;margin:8px 0}.scene-caption .scene-tag,.story-active .scene-caption .scene-tag{font-size:.75rem}.scene-caption .hero-actions{margin-top:10px}.scene-presets{bottom:14px}}

.hero-scene:not(.has-3d) .scene-presets{display:none}
@media(max-height:680px) and (max-width:760px){.scene-ui dl>div:first-child,.scene-ui dl>div:nth-child(2){display:none}.scene-ui h2{margin-bottom:10px}}

/* Cinematic physical journey. The interactive digital twin is its final chapter. */
.scene-story.story-active{height:800svh}
.cinematic-stage,.story-active .cinematic-stage{position:sticky;top:0;height:100svh;min-height:0;background:#102c3d}
.journey-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#102c3d}
.journey-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,opacity}
#scene-photo-b{opacity:0}
.cinematic-stage:after,.story-active .cinematic-stage:after{z-index:0;pointer-events:none;background:linear-gradient(90deg,#071b3080,transparent 70%),linear-gradient(0deg,#051b2dcc,transparent 68%)}
.cinematic-stage .scene-caption,.story-active .cinematic-stage .scene-caption{left:45px;bottom:147px;right:auto;max-width:590px;padding:0;background:none;border:0;backdrop-filter:none;color:white;transition:opacity .18s;z-index:2}
.cinematic-stage .scene-caption h1{font-size:clamp(2.3rem,3.3vw,3.35rem);line-height:1.06;letter-spacing:-.05em;margin:17px 0 20px;max-width:590px;text-shadow:0 2px 18px #0002}
.cinematic-stage .scene-caption .scene-label{color:#e7eff5;font-size:.6875rem}
.cinematic-stage .scene-caption .scene-tag{color:#dfE8ef;font-size:1rem;line-height:1.65;max-width:450px;margin:0}
.cinematic-stage .scene-caption .hero-actions{margin-top:25px}
.cinematic-stage .scene-caption .text-link{color:white;font-size:.875rem}
.cinematic-stage .scene-caption .button{background:#fff;color:#205f97;font-size:.875rem;padding:13px 20px}
.cinematic-stage .scene-ui{right:30px;top:129px;width:265px;padding:19px 22px;background:#102d43e8;border:1px solid #ffffff35;color:white;transition:opacity .18s;z-index:2}
.cinematic-stage .scene-ui-kicker{color:#b8cedd;font-size:.5625rem;letter-spacing:.07em}
.cinematic-stage .scene-ui h2{font-size:1.25rem;margin:15px 0 18px;color:white}
.cinematic-stage .scene-ui dl>div:first-child,.cinematic-stage .scene-ui dl>div:nth-child(2){display:none}
.cinematic-stage .scene-ui dl>div{border-color:#ffffff25;padding:12px 0 0}
.cinematic-stage .scene-ui dt{color:#afc6d6;font-size:.625rem}
.cinematic-stage .scene-ui dd{font-size:.8125rem}
.cinematic-stage .scene-ui>a{display:none}
.cinematic-stage .scene-journey-label{left:45px;color:#fff;top:132px;text-shadow:0 2px 10px #0005}
.cinematic-stage .scene-presets{grid-template-columns:repeat(8,1fr);left:30px;right:30px;bottom:23px;background:white}
.cinematic-stage .scene-presets button{font-size:.75rem;padding:18px 11px;gap:10px}
.cinematic-stage .scene-skip{bottom:109px;right:30px}
.cinematic-stage:not(.has-3d) .scene-presets{display:grid}
.digital-workspace{position:absolute;z-index:3;left:50%;top:127px;bottom:114px;width:min(1120px,calc(100% - 90px));transform:translate(-50%,16px);background:#fff;color:#173c59;border:1px solid #d4e0e8;box-shadow:0 30px 90px #03172366;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .35s,transform .5s}
.show-twin .digital-workspace{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.show-twin .scene-caption,.show-twin .scene-ui,.show-twin .scene-skip,.show-twin .scene-journey-label{pointer-events:none;visibility:hidden}
.workspace-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px;border-bottom:1px solid #e0e8ee;background:#f6f9fb;font-size:.75rem}
.workspace-topbar>div{display:flex;align-items:center;gap:14px}
.workspace-brand{font-size:1rem;font-weight:750;letter-spacing:-.04em;color:#205f97}
.workspace-divider{color:#b5c6d3}
.workspace-badge{font-size:.5625rem;letter-spacing:.06em;color:#698298}
.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 24px 18px}
.workspace-heading .scene-ui-kicker{color:#567a97}
.workspace-heading h2{font-size:2rem;margin-top:10px;letter-spacing:-.04em}
.workspace-heading p{font-size:.875rem;line-height:1.6;color:#627c90;margin-top:9px}
.twin-view-tabs{display:flex;flex-shrink:0;border:1px solid #c6d6e2}
.twin-view-tabs button{border:0;border-right:1px solid #c6d6e2;background:white;color:#3e607b;font-size:.75rem;padding:11px 15px}
.twin-view-tabs button:last-child{border-right:0}
.twin-view-tabs button[aria-pressed=true]{background:#205f97;color:#fff}
.workspace-body{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:0;flex:1;min-height:0;margin:0 24px;border:1px solid #d7e2ea}
.workspace-visual{position:relative;min-height:0;background:#eff3f7}
.twin-map,.twin-model{position:absolute;inset:0;overflow:hidden}
.twin-map svg{display:block;width:100%;height:100%;object-fit:contain}
.map-legend{position:absolute;bottom:13px;left:17px;display:flex;gap:15px;font-size:.5625rem;color:#526e84;background:#ffffffde;padding:7px 10px}
.map-legend span{display:flex;align-items:center;gap:5px}
.map-legend i{width:12px;border-top:2px solid #9cacb9}
.map-legend span:last-child i{border-color:#f32258}
#twin-viewport,#twin-viewport canvas{display:block;width:100%;height:100%}
.model-caption{position:absolute;bottom:13px;left:17px;background:#ffffffdc;font-size:.5625rem;padding:7px 10px;color:#526e84}
.workspace-intelligence{padding:22px 20px;background:#fbfcfd;border-left:1px solid #d7e2ea;overflow:auto}
.workspace-intelligence .scene-ui-kicker{color:#54738b;font-size:.5625rem}
.workspace-intelligence h3{font-size:1.125rem;line-height:1.25;margin:14px 0 20px;letter-spacing:-.03em}
.workspace-intelligence ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:.6875rem;color:#537088}
.workspace-intelligence li:before{content:'+';margin-right:8px;color:#f32258}
.human-review{margin-top:24px;padding-top:15px;border-top:1px solid #dce5ed}
.human-review>span{font-size:.5625rem;color:#205f97;letter-spacing:.08em;font-weight:600}
.human-review p{margin-top:7px;font-size:.6875rem;line-height:1.6;color:#637b8e}
.workspace-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px 10px}
.workspace-bottom>div{display:flex;align-items:center;gap:10px;font-size:.5rem;letter-spacing:.035em;color:#4f718b;font-weight:600}
.workspace-bottom b{color:#92aabb;font-size:.8125rem;font-weight:400}
.workspace-bottom .button{font-size:.6875rem;padding:10px 14px}
.workspace-note{padding:0 24px 14px;color:#7f929f;font-size:.5625rem;line-height:1.5}
.story-reduced.scene-story{height:auto}
.story-reduced .cinematic-stage{position:relative;height:100svh}
@media(max-width:1100px){
 .cinematic-stage .scene-presets button{font-size:.625rem;padding:18px 8px;gap:7px}
 .workspace-body{grid-template-columns:minmax(0,1fr) 220px}
 .digital-workspace{width:calc(100% - 60px)}
 .workspace-bottom>div{font-size:.4375rem;gap:6px}
}
@media(max-width:760px){
 .scene-story.story-active{height:740svh}
 .cinematic-stage,.story-active .cinematic-stage{height:100svh}
 .cinematic-stage .scene-caption,.story-active .cinematic-stage .scene-caption{left:22px;right:22px;bottom:139px;max-width:none;padding:0;background:none;border:0}
 .cinematic-stage .scene-caption h1{font-size:2rem;line-height:1.08;margin:13px 0 17px;max-width:340px}
 .cinematic-stage .scene-caption .scene-label{font-size:.5625rem}
 .cinematic-stage .scene-caption .scene-tag{font-size:.8125rem;line-height:1.65;max-width:310px}
 .cinematic-stage .scene-caption .hero-actions{margin-top:18px;gap:18px}
 .cinematic-stage .scene-caption .button{padding:11px 14px;font-size:.75rem}
 .cinematic-stage .scene-caption .text-link{font-size:.75rem}
 .cinematic-stage .scene-ui{top:104px;right:18px;width:180px;padding:13px 14px}
 .cinematic-stage .scene-ui h2{font-size:.9375rem;margin:12px 0}
 .cinematic-stage .scene-ui-kicker{font-size:.4375rem}
 .cinematic-stage .scene-ui dt{font-size:.5rem}
 .cinematic-stage .scene-ui dd{font-size:.625rem}
 .cinematic-stage .scene-journey-label{top:107px;left:22px;letter-spacing:.06em;font-size:.5rem;gap:8px}
 .cinematic-stage .scene-journey-label>span:last-child{font-size:1.2rem}
 .cinematic-stage .scene-presets{left:17px;right:17px;bottom:17px;grid-template-columns:repeat(4,1fr)}
 .cinematic-stage .scene-presets button{font-size:.5625rem;gap:5px;padding:12px 7px;min-height:44px}
 .cinematic-stage .scene-presets button>span{font-size:.4375rem}
 .cinematic-stage .scene-presets button:nth-child(-n+4){border-bottom:1px solid #dce5eb}
 .cinematic-stage .scene-presets button:nth-child(3){border-right:1px solid #dce5eb}
 .cinematic-stage .scene-presets button:nth-child(4){border-right:0}
 .digital-workspace{width:calc(100% - 34px);top:102px;bottom:127px}
 .workspace-topbar{padding:12px 14px;font-size:.5625rem;gap:9px}
 .workspace-topbar>div{gap:9px}
 .workspace-brand{font-size:.8125rem}
 .workspace-badge{font-size:.375rem}
 .workspace-heading{padding:17px 15px 14px;display:block}
 .workspace-heading h2{font-size:1.625rem;margin-top:8px}
 .workspace-heading .scene-ui-kicker{font-size:.5rem}
 .workspace-heading p{font-size:.6875rem;line-height:1.6;margin-top:6px}
 .twin-view-tabs{margin-top:12px;display:inline-flex}
 .twin-view-tabs button{padding:9px 13px;font-size:.6875rem}
 .workspace-body{margin:0 15px;display:block;min-height:200px}
 .workspace-visual{height:100%;min-height:200px}
 .workspace-intelligence{display:none}
 .workspace-bottom{padding:13px 15px 10px;display:block}
 .workspace-bottom>div{justify-content:space-between;font-size:.375rem;gap:5px}
 .workspace-bottom .button{margin-top:12px;font-size:.625rem;padding:9px 12px}
 .workspace-note{padding:0 15px 12px;font-size:.4375rem}
 .map-legend{left:8px;bottom:8px;padding:5px 7px;font-size:.4375rem;gap:8px}
 .model-caption{left:8px;bottom:8px;padding:5px 7px;font-size:.4375rem}
 .story-reduced .cinematic-stage{height:100svh;min-height:0}
}
@media(max-height:720px) and (max-width:760px){
 .cinematic-stage .scene-ui{display:none}
 .cinematic-stage .scene-caption h1{font-size:1.7rem}
 .cinematic-stage .scene-caption,.story-active .cinematic-stage .scene-caption{bottom:127px}
 .digital-workspace{top:93px;bottom:118px}
 .workspace-heading{padding:10px 15px}
 .workspace-heading h2{font-size:1.3rem}
 .workspace-heading p{display:none}
 .workspace-topbar{padding-block:9px}
 .workspace-body,.workspace-visual{min-height:120px}
 .workspace-bottom .button{margin-top:8px}
 .workspace-note{font-size:.375rem}
}
@media(prefers-reduced-motion:reduce){.scene-story.story-active{height:auto}.cinematic-stage,.story-active .cinematic-stage{position:relative;top:0;height:100svh}.journey-media img{will-change:auto}}