:root{--navy:#080f1d;--blue:#2177ef;--blue-light:#76d9e6;--ink:#142338}
html{scroll-padding-top:100px}body{background:#f5f7f9}.site-header{background:rgba(8,15,29,.94);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12}.nav-shell{max-width:1440px}.main-nav{gap:24px}.brand{letter-spacing:.09em}.brand-mark{border-radius:10px;background:linear-gradient(145deg,#237cff,#1453b8);box-shadow:inset 0 1px 0 #ffffff45}.nav-demo{color:#a5edf2!important}.nav-login{border-radius:6px;font-size:12px}
.hero{min-height:820px;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 80% 40%,#143445 0,transparent 52%),#080f1d}.hero::before{background-size:80px 80px;mask-image:linear-gradient(100deg,transparent,#000)}.hero-glow{opacity:.3}.hero-copy{padding:155px 24px 75px max(5vw,calc((100vw - 1380px)/2))}.hero h1{font-size:clamp(42px,4.65vw,73px);line-height:1.06;letter-spacing:-.055em;margin-bottom:26px}.hero h1 em{color:#86dfe8}.hero .eyebrow{color:#a3bdce;font-size:10px;letter-spacing:.15em}.hero-lead{max-width:520px;font-size:16px;line-height:1.85;color:#aab9c9}.button{border-radius:6px;min-height:54px;gap:24px}.button-primary{background:#8ce1e7;color:#081b27;box-shadow:none}.button-primary:hover{background:#b4f3f5;box-shadow:0 8px 30px #73e4eb20}.button-ghost{border-color:#ffffff25;background:#ffffff03}.hero-proof{margin-top:43px;gap:12px}.hero-proof strong{font-size:12px;color:#edf5fa}.hero-proof span{color:#92a5b7;line-height:1.6}.system-visual{padding:150px 3vw 85px 0}.system-stage{width:100%;display:block;min-height:0!important}.system-desktop{transform:perspective(1500px) rotateY(-8deg) rotateX(3deg);border-radius:12px;border:1px solid #7093ad80;box-shadow:0 40px 90px #0008,0 0 70px #81dae810}.instrument-label{display:flex;align-items:center;gap:9px;color:#91adbc;font:10px monospace;letter-spacing:.1em;margin:0 0 23px}.instrument-label small{margin-left:auto;font-size:8px;opacity:.65}.signal-dot{width:6px;height:6px;background:#8be6c8;border-radius:100%;box-shadow:0 0 12px #8be6c8}.system-connected{bottom:-35px;left:26px;background:#102333!important;color:white;border:1px solid #406275!important;box-shadow:0 15px 35px #0005!important}.system-connected b{color:#e2f2f7}.system-connected small{color:#9fb5c4}.system-connected .float-icon{background:#85e5ce24;color:#92ebd5}.orbit{opacity:.2}
.trust-strip{background:#0c1727;color:#a7bacb;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.trust-strip p{color:#8195a8}.trust-strip i{color:#8cdde6}.section{max-width:1380px}.maintenance-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-top:110px;padding-bottom:100px}.maintenance-intro h2{font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.05em}.maintenance-intro h2 em{color:#2e6478}.maintenance-intro>p:not(.eyebrow){color:#607083;font-size:16px;line-height:1.9;max-width:420px}.text-link{display:inline-block;color:#176179;font-weight:700;font-size:13px;margin-top:22px;border-bottom:1px solid #9abcc8;padding-bottom:8px}.operation-flow{border-top:1px solid #d1dce3}.operation-flow article{position:relative;padding:27px 0;border-bottom:1px solid #d1dce3}.operation-flow article>span{font:10px monospace;letter-spacing:.12em;color:#39778a}.operation-flow h3{margin:13px 0 10px;font-size:23px;letter-spacing:-.04em}.operation-flow p{color:#667587;line-height:1.8;font-size:14px;max-width:530px}.flow-detail{display:flex;align-items:center;gap:8px;font-size:11px;color:#5c7384;margin-top:17px}.flow-detail i{height:6px;width:6px;background:#409b91;border-radius:50%}.flow-detail b{margin-left:auto;font-weight:500;color:#438075}.platform{border-top:1px solid #dde4e9}.feature-card{border-radius:12px;box-shadow:0 12px 40px #183a5010}.feature-blue{background:#102a3b}.solutions-showcase{background:#0c1929;border-radius:18px}.section-heading h2{letter-spacing:-.05em}.ai-section{background:#eaf1f4}.contact h2{letter-spacing:-.05em}.lead-form{border-radius:16px!important;box-shadow:0 22px 65px #12283d10!important}.lead-submit{background:#176477!important;color:white!important}.faq-section{max-width:1000px;margin:auto;padding-top:90px;padding-bottom:90px}.faq-section h2{font-size:40px;letter-spacing:-.045em}.faq-section details{border-bottom:1px solid #d3dfe6;padding:23px 0}.faq-section summary{cursor:pointer;font-weight:600;line-height:1.6}.faq-section details p{color:#607083;line-height:1.9;max-width:780px}.demo-note{font-size:12px!important;color:#8096a7!important;margin:18px 0 0!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #35acb9;outline-offset:5px}
@media(min-width:1600px){.hero{min-height:900px}.hero-copy{padding-top:170px}.system-visual{padding-right:max(5vw,calc((100vw - 1380px)/2))}}
@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:145px 7vw 45px}.hero h1{font-size:clamp(45px,7vw,70px)}.hero h1 br:last-of-type{display:none}.hero-lead{max-width:640px}.system-visual{padding:20px 8vw 90px}.system-stage{max-width:800px}.maintenance-section{gap:45px}.main-nav{gap:15px}.instrument-label{margin-top:10px}}
@media(max-width:700px){.hero-copy{padding:125px 6vw 30px}.hero h1{font-size:clamp(37px,9.4vw,54px)}.hero .eyebrow{font-size:9px;letter-spacing:.08em}.hero-lead{font-size:14px}.hero-actions .button{font-size:12px;padding:0 18px;gap:14px}.hero-proof{margin-top:30px}.hero-proof div{padding:0}.hero-proof span{font-size:10px}.hero-proof strong{font-size:11px}.system-visual{padding:18px 6vw 75px}.system-desktop{transform:none}.instrument-label{font-size:8px;letter-spacing:.04em}.instrument-label small{font-size:7px}.system-connected{left:14px;bottom:-25px;padding:12px 15px!important}.system-connected b{font-size:11px}.system-connected small{font-size:9px}.maintenance-section{grid-template-columns:1fr;padding-top:65px;padding-bottom:60px;gap:35px}.maintenance-intro h2{font-size:38px}.operation-flow h3{font-size:21px}.solutions-showcase{border-radius:0}.faq-section{padding:60px 6vw}.faq-section h2{font-size:31px}.main-nav.open{background:#0b192b}.trust-strip>div{gap:15px}.trust-strip span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}

/* Preserve the original full-width sections and shared 1380px content area. */
html{scroll-snap-type:none}
@media(min-width:1101px){
 html{scroll-snap-type:y mandatory;scroll-padding-top:0}
 .section{scroll-snap-align:center;scroll-snap-stop:always;scroll-margin-top:0}
 .maintenance-section{min-height:100svh;align-items:center}
 .maintenance-section .operation-flow article{padding-block:clamp(14px,2.2vh,24px)}
 .maintenance-section .operation-flow h3{margin-block:10px 8px}
 .maintenance-section .operation-flow p{margin-block:8px;line-height:1.65}
 .maintenance-section .flow-detail{margin-top:12px}
}
.section{width:100%;max-width:none;margin-inline:0;padding-inline:max(5vw,calc((100vw - 1380px)/2))}
.section>*{min-width:0}
.nav-shell{max-width:1380px}
.hero{min-height:max(720px,100svh);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.hero-copy{padding:140px 3vw 80px max(5vw,calc((100vw - 1380px)/2))}
.hero h1{font-size:clamp(2.8rem,4.4vw,4.5rem)}
.system-visual{padding:100px 0 55px;min-height:0}
.system-stage{width:94%;max-width:900px}
.maintenance-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,90px);padding-block:clamp(56px,7vh,90px)}
.maintenance-intro h2{font-size:clamp(2.5rem,3.7vw,4.1rem)}
.faq-section{padding-block:clamp(56px,7vh,90px)}
@media(min-width:1101px){
 .faq-section{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
 .faq-section details{flex-shrink:0}
}
.trust-strip>div{color:#a7bacb;min-width:0;flex-wrap:wrap}
@media(min-width:1101px) and (max-height:950px){
 .hero-copy{padding-top:108px;padding-bottom:24px}
 .hero h1{font-size:clamp(2.8rem,min(4.4vw,8vh),4.5rem)}
 .hero-proof{margin-top:32px;padding-top:18px}
 .system-visual{padding-top:100px;padding-bottom:55px}
}
@media(max-width:1100px){
 .hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-bottom:0}
 .hero-copy{padding:130px 6vw 38px}
 .system-visual{padding:10px 6vw 60px}
 .system-stage{width:96%;max-width:850px;margin:auto}
 .maintenance-section{grid-template-columns:1fr;gap:40px}
 .maintenance-intro>p:not(.eyebrow){max-width:640px}
}
@media(max-width:700px){
 .section{padding-inline:20px}
 .hero-copy{padding:130px 20px 38px}
 .hero h1{font-size:clamp(2.5rem,10vw,4rem)}
 .system-visual{padding:10px 18px 60px}
 .system-stage{width:97%}
 .hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .maintenance-intro h2{font-size:clamp(2rem,8vw,2.8rem)}
 .trust-strip{overflow:visible}
 .trust-strip>div{width:100%;min-width:0;justify-content:flex-start;gap:16px 24px}
 .instrument-label{flex-wrap:wrap}
 .instrument-label small{margin-left:0}
}
