:root{--ink:#07111f;--ink-2:#0d2133;--paper:#f2f5ed;--paper-2:#e6eadf;--lime:#b9ff35;--cyan:#4ae4ff;--coral:#ff7b61;--white:#fff;--muted:#aeb9c7;--dark-muted:#536172;--line:rgba(255,255,255,.14);--radius:14px;--ease:cubic-bezier(.16,1,.3,1);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;overscroll-behavior-y:none}body{margin:0;min-width:320px;color:var(--ink);background:var(--ink);font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{display:block;max-width:100%}::selection{color:var(--ink);background:var(--lime)}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:#526276;border:2px solid var(--ink);border-radius:10px}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.skip-link{position:fixed;left:18px;top:-80px;z-index:1000;padding:10px 16px;color:var(--ink);background:var(--lime);border-radius:8px;transition:top .25s var(--ease)}.skip-link:focus{top:18px}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:74px;padding:0 max(28px,calc((100vw - var(--max))/2));color:var(--white);border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease}.site-header.scrolled{background:rgba(7,17,31,.88);border-color:var(--line);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.08em}.brand-mark{position:relative;display:inline-flex;align-items:center;width:31px;height:23px}.brand-mark i{position:absolute;width:19px;height:19px;border:3px solid var(--lime);border-radius:50%}.brand-mark i:first-child{left:0}.brand-mark i:last-child{right:0;border-color:var(--coral);mix-blend-mode:screen}.site-nav{display:flex;align-items:center;gap:30px;font-size:.9rem;font-weight:600}.site-nav a{position:relative;color:rgba(255,255,255,.8);transition:color .2s ease}.site-nav a:not(.nav-cta)::after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.site-nav a:hover{color:var(--white)}.site-nav a:hover::after{transform:scaleX(1)}.site-nav .nav-cta{padding:9px 17px;color:var(--ink);background:var(--lime);border-radius:999px}.site-nav .nav-cta:hover{color:var(--ink);background:#d1ff79}.nav-toggle{display:none;border:0;background:transparent;color:inherit}
.page-dots{position:fixed;z-index:90;right:24px;top:50%;display:grid;gap:13px;transform:translateY(-50%)}.page-dots a{position:relative;width:9px;height:9px;border:1px solid rgba(255,255,255,.6);border-radius:50%;transition:background .25s ease,transform .25s var(--ease),border-color .25s ease}.page-dots a span{position:absolute;right:18px;top:50%;padding:3px 8px;color:var(--white);background:rgba(7,17,31,.82);border-radius:6px;font-size:.7rem;white-space:nowrap;opacity:0;transform:translate(8px,-50%);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.page-dots a:hover span,.page-dots a:focus-visible span{opacity:1;transform:translate(0,-50%)}.page-dots a.active{background:var(--lime);border-color:var(--lime);transform:scale(1.35)}
.snap-page{position:relative;isolation:isolate;width:100%;height:100svh;min-height:640px;display:flex;align-items:center;padding:96px max(28px,calc((100vw - var(--max))/2)) 58px;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.page-shell{width:100%;max-width:var(--max);margin:0 auto}.snap-page h2{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.08;letter-spacing:-.035em}.snap-page p{font-size:1rem}
.hero{justify-content:center;color:var(--white);background:var(--ink)}.hero-canvas{position:absolute;z-index:-1;inset:0;width:100%;height:100%;opacity:.45}.hero-art{position:absolute;z-index:-2;inset:0 0 0 27%;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.84;filter:saturate(.92) contrast(1.04);animation:hero-breathe 12s ease-in-out infinite alternate}.hero-art-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 2%,rgba(7,17,31,.96) 16%,rgba(7,17,31,.52) 54%,rgba(7,17,31,.08) 100%),linear-gradient(0deg,var(--ink) 0%,transparent 34%)}@keyframes hero-breathe{to{transform:scale(1.035)}}.hero-content{width:min(750px,66vw);position:relative;z-index:2}.hero-signal{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;color:#dfe9f4;font-size:.88rem;font-weight:600;letter-spacing:.12em}.hero-signal span{width:34px;height:2px;background:var(--lime)}.hero h1{margin:0;font-size:clamp(3.2rem,7vw,6rem);line-height:.99;letter-spacing:-.04em;font-weight:900;text-wrap:balance}.hero h1 em{display:inline-block;margin-top:14px;color:var(--lime);font-style:normal}.hero-copy{max-width:670px;margin:28px 0 0;color:#c3cfdb;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 23px;border-radius:999px;font-weight:700;transition:transform .25s var(--ease),background .25s ease,box-shadow .25s ease}.button:hover{transform:translateY(-3px)}.button-primary{color:var(--ink);background:var(--lime);box-shadow:0 12px 32px rgba(0,0,0,.25)}.button-primary:hover{background:#d1ff79;box-shadow:0 16px 38px rgba(0,0,0,.32)}.button-quiet{color:var(--white);border:1px solid rgba(255,255,255,.35)}.button-quiet:hover{background:rgba(255,255,255,.1)}.hero-status{position:absolute;right:max(40px,calc((100vw - var(--max))/2));bottom:72px;width:min(360px,31vw);padding:18px 20px;display:grid;gap:4px;background:rgba(8,20,35,.76);border:1px solid rgba(255,255,255,.17);border-radius:var(--radius);backdrop-filter:blur(16px);box-shadow:0 18px 60px rgba(0,0,0,.28)}.hero-status .status-code{color:var(--lime);font-size:.65rem;font-weight:800;letter-spacing:.18em}.hero-status strong{font-size:1rem}.hero-status small{color:#91a0b1;font-size:.74rem}.scroll-cue{position:absolute;left:max(28px,calc((100vw - var(--max))/2));bottom:28px;display:flex;align-items:center;gap:12px;color:#8292a6;font-size:.72rem;letter-spacing:.16em}.scroll-cue i{display:block;width:54px;height:1px;overflow:hidden;background:rgba(255,255,255,.18)}.scroll-cue i::after{content:"";display:block;width:22px;height:1px;background:var(--lime);animation:scroll-line 2.2s var(--ease) infinite}@keyframes scroll-line{0%{transform:translateX(-24px)}65%,100%{transform:translateX(58px)}}
.position-page{color:var(--ink);background:var(--paper)}.position-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:8vw;align-items:center}.position-copy p{max-width:37em;margin:30px 0 0;color:var(--dark-muted);font-size:1.08rem}.position-console{position:relative;height:min(62vh,570px);min-height:430px;padding:34px;color:var(--white);background:var(--ink);border-radius:var(--radius);box-shadow:0 28px 70px rgba(7,17,31,.17);overflow:hidden}.console-caption{display:flex;justify-content:space-between;color:#9caabd;font-size:.75rem;letter-spacing:.1em}.console-caption b{color:var(--lime)}.system-route{position:absolute;left:7%;right:7%;top:24%;bottom:22%;display:grid;grid-template-columns:1fr 1fr;gap:42% 34%;align-items:center}.system-route::before,.system-route::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,var(--cyan),var(--lime),transparent)}.system-route::after{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--lime),var(--coral),transparent)}.system-route div{position:relative;z-index:1;display:flex;align-items:center;gap:10px;font-size:.82rem}.system-route div:nth-child(even){justify-self:end}.system-route i{width:10px;height:10px;border:2px solid var(--cyan);border-radius:50%;background:var(--ink)}.system-route div:nth-child(3) i,.system-route div:nth-child(4) i{border-color:var(--coral)}.system-core{position:absolute;z-index:2;left:50%;top:50%;width:150px;height:150px;margin:-75px;display:grid;place-items:center;text-align:center;color:var(--ink);background:var(--lime);border-radius:50%;box-shadow:0 18px 45px rgba(0,0,0,.24)}.system-core strong{align-self:end;font-size:1.1rem;letter-spacing:.08em}.system-core small{align-self:start;font-size:.68rem}.console-footnote{position:absolute;left:34px;right:34px;bottom:26px;padding-top:18px;color:#718398;border-top:1px solid rgba(255,255,255,.12);font-size:.7rem;letter-spacing:.14em}
.capability-page{color:var(--white);background:var(--ink-2)}.capability-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:center}.capability-heading p{max-width:33em;margin:28px 0 0;color:var(--muted)}.capability-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.16);border-left:1px solid rgba(255,255,255,.16)}.capability-item{min-height:220px;padding:30px;border-right:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);transition:background .3s ease}.capability-item:hover{background:#123047}.capability-item>span{color:var(--lime);font-size:.72rem;font-weight:800;letter-spacing:.14em}.capability-item h3{margin:25px 0 12px;font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1.2}.capability-item p{margin:0;color:#9cabbb;font-size:.9rem}
.scenario-page{color:var(--ink);background:var(--paper-2)}.scenario-layout{display:grid;grid-template-columns:1fr;gap:7vh}.scenario-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:end}.scenario-heading p{max-width:38em;margin:0;color:var(--dark-muted)}.scenario-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-top:38px}.track-line{position:absolute;left:3%;right:3%;top:43px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--lime),var(--coral))}.scenario-track article{position:relative;padding:36px 20px 0}.scenario-track article i{position:absolute;z-index:2;left:20px;top:0;width:12px;height:12px;border:3px solid var(--ink);border-radius:50%;background:var(--paper-2)}.scenario-track article span{display:block;font-size:clamp(1.35rem,2.3vw,2.15rem);font-weight:800}.scenario-track article small{display:block;margin-top:10px;color:var(--dark-muted);font-size:.82rem}.scenario-note{margin:0;color:#687382;font-size:.78rem!important}
.process-page{color:var(--white);background:#10283a}.process-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}.process-heading p{max-width:34em;margin:28px 0 0;color:var(--muted)}.snap-process{list-style:none;margin:0;padding:0}.snap-process li{display:grid;grid-template-columns:66px 1fr;gap:18px;padding:23px 0;border-top:1px solid rgba(255,255,255,.15)}.snap-process li:last-child{border-bottom:1px solid rgba(255,255,255,.15)}.snap-process li>span{color:var(--lime);font-size:.74rem;font-weight:800;letter-spacing:.12em}.snap-process h3{margin:-7px 0 5px;font-size:clamp(1.55rem,2.4vw,2.25rem)}.snap-process p{margin:0;color:#9eacbd;font-size:.88rem}
.contact-page{color:var(--ink);background:var(--coral)}.contact-page::before{content:"";position:absolute;right:-15vw;top:-25vw;width:62vw;height:62vw;border:1px solid rgba(7,17,31,.18);border-radius:50%;box-shadow:0 0 0 6vw rgba(7,17,31,.045),0 0 0 12vw rgba(7,17,31,.035)}.contact-orbit{position:absolute;left:-15vw;bottom:-28vw;width:52vw;height:52vw;border-radius:50%;background:rgba(185,255,53,.38);filter:blur(80px)}.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:center}.contact-copy p{max-width:40em;margin:28px 0 0;font-size:1.08rem}.contact-card{padding:38px 42px;color:var(--white);background:var(--ink);border-radius:var(--radius);box-shadow:0 28px 60px rgba(7,17,31,.22)}.contact-card>span{color:var(--lime);font-size:.72rem;font-weight:800;letter-spacing:.14em}.contact-card h3{margin:30px 0 6px;font-size:1.35rem}.contact-card a{display:inline-block;font-size:clamp(2rem,4vw,3.9rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;transition:color .25s ease}.contact-card a:hover{color:var(--lime)}.contact-card p{margin:18px 0 0;color:#91a0b1;font-size:.78rem}.snap-footer{position:absolute;z-index:2;left:max(28px,calc((100vw - var(--max))/2));right:max(28px,calc((100vw - var(--max))/2));bottom:26px;display:grid;grid-template-columns:1fr auto auto;gap:38px;align-items:center;color:rgba(7,17,31,.66);font-size:.76rem}.footer-brand{color:var(--ink)}.snap-footer p{margin:0;font-size:.76rem}.footer-legal{display:flex;align-items:center;gap:7px;white-space:nowrap}.footer-legal a{text-decoration:underline;text-decoration-color:rgba(7,17,31,.3);text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease}.footer-legal a:hover{color:var(--ink);text-decoration-color:currentColor}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(30px)}.js .reveal.in-view{opacity:1;transform:none;transition:opacity .7s ease,transform .7s var(--ease)}
@media(max-height:760px) and (min-width:761px){.snap-page{min-height:600px;padding-top:82px;padding-bottom:42px}.hero h1{font-size:clamp(3rem,6.2vw,5.2rem)}.hero-copy{margin-top:20px}.hero-actions{margin-top:24px}.position-console{height:64vh;min-height:400px}.capability-item{min-height:180px;padding:24px}.scenario-layout{gap:4vh}.snap-process li{padding:16px 0}.contact-card{padding:30px 36px}}
@media(max-width:1000px){.page-dots{display:none}.position-layout,.capability-layout,.process-layout{gap:5vw}.hero-content{width:min(700px,76vw)}.hero-status{width:320px}.capability-item{padding:24px}.scenario-track{gap:12px}}
@media(max-width:760px){html{scroll-snap-type:y proximity}.site-header{height:68px;padding:0 20px}.nav-toggle{position:relative;z-index:3;display:grid;place-items:center;width:44px;height:44px;cursor:pointer}.nav-toggle span{position:absolute;width:22px;height:2px;background:currentColor;transition:transform .3s var(--ease),top .3s var(--ease)}.nav-toggle span:first-child{top:16px}.nav-toggle span:last-child{top:26px}.nav-toggle[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}.nav-toggle[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}.site-nav{position:fixed;inset:0;padding:110px 26px 40px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:rgba(7,17,31,.98);transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .45s var(--ease),visibility 0s linear .45s}.site-nav.open{transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}.site-nav a{padding:17px 4px;font-size:1.35rem;border-bottom:1px solid var(--line)}.site-nav .nav-cta{margin-top:22px;text-align:center;font-size:1rem;border:0}.snap-page{height:auto;min-height:100svh;padding:100px 22px 70px;overflow:hidden}.snap-page h2{font-size:clamp(2.35rem,11vw,3.65rem)}.hero{min-height:900px;padding-bottom:210px;align-items:flex-start}.hero-art{inset:24% -52% 0 -2%}.hero-art img{object-position:62% center}.hero-art-shade{background:linear-gradient(180deg,var(--ink) 0%,rgba(7,17,31,.9) 27%,rgba(7,17,31,.2) 69%,var(--ink) 100%)}.hero-content{width:100%}.hero h1{font-size:clamp(3rem,13vw,4.35rem)}.hero-copy{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-status{left:22px;right:22px;bottom:65px;width:auto}.scroll-cue{left:22px;bottom:25px}.position-layout,.capability-layout,.process-layout,.contact-layout{grid-template-columns:1fr;gap:48px}.position-console{height:470px;min-height:0}.system-route{gap:42% 10%}.system-core{width:122px;height:122px;margin:-61px}.capability-page{padding-bottom:80px}.capability-grid{grid-template-columns:1fr}.capability-item{min-height:0;padding:26px 22px}.capability-item h3{margin:18px 0 8px}.scenario-page{padding-top:96px}.scenario-layout{gap:46px}.scenario-heading{grid-template-columns:1fr;gap:22px}.scenario-heading p{margin:0}.scenario-track{grid-template-columns:1fr;gap:0;padding:0 0 0 26px}.track-line{left:5px;right:auto;top:4px;bottom:4px;width:2px;height:auto;background:linear-gradient(var(--cyan),var(--lime),var(--coral))}.scenario-track article{padding:0 0 26px 24px}.scenario-track article:last-child{padding-bottom:0}.scenario-track article i{left:-26px;top:7px}.scenario-track article span{font-size:1.5rem}.snap-process li{grid-template-columns:52px 1fr;padding:22px 0}.contact-page{min-height:760px;padding-bottom:150px}.contact-card{padding:30px 24px}.contact-card a{font-size:clamp(2rem,10vw,3rem)}.snap-footer{left:22px;right:22px;bottom:26px;grid-template-columns:1fr;gap:6px}.snap-footer .brand{margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js .reveal{opacity:1;transform:none}}
.page-dots a span,.hero-status .status-code,.console-footnote{font-size:.75rem}
.console-footnote{color:#8fa0b2}
.scenario-note{color:var(--dark-muted);font-size:.875rem!important}
@media(max-width:760px){.contact-page{min-height:900px}}
.page-dots{gap:4px}
.page-dots a{width:28px;height:28px;border:0;display:grid;place-items:center}
.page-dots a::before{content:"";width:9px;height:9px;border:1px solid rgba(255,255,255,.72);border-radius:50%;transition:background .25s ease,transform .25s var(--ease),border-color .25s ease}
.page-dots a.active{background:transparent;transform:none}
.page-dots a.active::before{background:var(--lime);border-color:var(--lime);transform:scale(1.3)}
.page-dots a span{right:30px}
.page-dots[data-tone="light"] a::before{border-color:rgba(7,17,31,.62)}
.page-dots[data-tone="light"] a.active::before{background:var(--lime);border:2px solid var(--ink);box-shadow:0 0 0 2px var(--paper)}
.scenario-layout{gap:3.5vh}
.scenario-top{display:grid;grid-template-columns:.82fr 1.18fr;gap:5vw;align-items:center}
.scenario-heading{display:block}
.scenario-heading h2{max-width:none;font-size:clamp(2.3rem,3.2vw,3.25rem);line-height:1.12;letter-spacing:-.03em}
.scenario-heading p{max-width:34em;margin:22px 0 0;color:var(--dark-muted)}
.scenario-media{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.scenario-media figure{position:relative;height:min(28vh,260px);margin:0;overflow:hidden;border-radius:var(--radius);background:var(--ink);box-shadow:0 18px 42px rgba(7,17,31,.14)}
.scenario-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.scenario-media figure:hover img{transform:scale(1.035)}
.scenario-media figcaption{position:absolute;left:0;right:0;bottom:0;display:grid;gap:2px;padding:42px 18px 16px;color:var(--white);background:linear-gradient(transparent,rgba(7,17,31,.9))}
.scenario-media figcaption strong{font-size:.95rem}
.scenario-media figcaption span{color:#c8d2dd;font-size:.75rem}
.scenario-track{padding-top:30px}
.scenario-track .track-line{top:35px}
.scenario-track article{padding-top:29px}
.scenario-track article span{font-size:clamp(1.2rem,1.8vw,1.65rem)}
.hero-status small{font-size:.8rem}
@media(max-width:760px){.scenario-top{grid-template-columns:1fr;gap:28px}.scenario-heading h2{max-width:none;font-size:clamp(2rem,8.2vw,2.5rem)}.scenario-media{gap:10px}.scenario-media figure{height:150px}.scenario-media figcaption{padding:28px 12px 10px}.scenario-media figcaption strong{font-size:.85rem}.scenario-media figcaption span{font-size:.7rem}.scenario-layout{gap:34px}}
.hero-art picture{display:block;width:100%;height:100%}
.capability-layout{gap:7vw}
.delivery-sample{overflow:hidden;border-radius:var(--radius);background:var(--ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.sample-bar{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}
.sample-bar strong{font-size:.88rem}.sample-bar span{color:var(--lime);font-size:.72rem;font-weight:700;letter-spacing:.08em}
.sample-workspace{min-height:398px;display:grid;grid-template-columns:142px 1fr}
.sample-sidebar{padding:22px 14px;display:grid;align-content:start;gap:4px;border-right:1px solid rgba(255,255,255,.1);color:#8292a6;font-size:.74rem}
.sample-sidebar b{margin:0 10px 12px;color:#dfe9f4;font-size:.72rem;letter-spacing:.12em}.sample-sidebar span{padding:8px 10px;border-radius:6px}.sample-sidebar .active{color:var(--ink);background:var(--lime);font-weight:700}
.sample-main{padding:22px}.sample-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sample-heading small{color:#8292a6;font-size:.72rem}.sample-heading h3{margin:2px 0 0;font-size:1.42rem;line-height:1.3}.sample-heading>span{padding:4px 9px;color:var(--lime);border:1px solid rgba(185,255,53,.4);border-radius:6px;font-size:.75rem}
.sample-facts{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}.sample-facts div{padding:14px 12px;border-right:1px solid rgba(255,255,255,.11)}.sample-facts div:last-child{border-right:0}.sample-facts small,.sample-facts strong{display:block}.sample-facts small{color:#8292a6;font-size:.72rem}.sample-facts strong{margin-top:3px;font-size:.82rem}
.sample-flow{position:relative;margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sample-flow::before{content:"";position:absolute;left:11%;right:11%;top:7px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--lime),var(--coral))}.sample-flow>div{position:relative;z-index:1;display:grid;gap:10px}.sample-flow i{width:14px;height:14px;border:3px solid var(--cyan);border-radius:50%;background:var(--ink)}.sample-flow>div:nth-child(2) i{border-color:var(--lime)}.sample-flow>div:nth-child(3) i{border-color:var(--coral)}.sample-flow span{display:grid}.sample-flow b{font-size:.8rem}.sample-flow small{color:#8292a6;font-size:.72rem}
.sample-output{margin-top:22px;display:flex;flex-wrap:wrap;gap:7px}.sample-output span{padding:5px 9px;color:#c3cfdb;background:#10283a;border-radius:6px;font-size:.75rem}
.contact-card a{max-width:100%;font-size:clamp(1.35rem,3.2vw,2.6rem);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere}
@media(max-height:760px) and (min-width:761px){.sample-workspace{min-height:330px}.sample-sidebar{padding-top:16px}.sample-main{padding:17px 20px}.sample-facts{margin-top:14px}.sample-flow{margin-top:16px}.sample-output{margin-top:16px}}
@media(max-width:760px){.site-header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.delivery-sample{margin-top:-6px}.sample-bar{padding:12px 16px}.sample-bar span{font-size:.72rem}.sample-workspace{display:block;min-height:0}.sample-sidebar{padding:14px;grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.sample-sidebar b{grid-column:1/-1;margin-bottom:4px}.sample-main{padding:18px 16px 20px}.sample-heading h3{font-size:1.2rem}.sample-facts div{padding:12px 7px}.sample-facts strong{font-size:.75rem}.sample-flow{grid-template-columns:1fr}.sample-flow::before{left:6px;right:auto;top:7px;bottom:18px;width:1px;height:auto;background:linear-gradient(var(--cyan),var(--lime),var(--coral))}.sample-flow>div{grid-template-columns:18px 1fr;gap:8px}.sample-flow span{margin-top:-4px}.sample-output{margin-top:16px}.contact-card a{font-size:clamp(1.22rem,6vw,1.75rem)}}

/* Visual-first chapter hierarchy */
.snap-page h2{font-size:clamp(2rem,3.2vw,3.25rem);font-weight:700;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.hero-content{width:min(610px,48vw)}
.hero h1{font-size:clamp(2.75rem,5vw,4.75rem);font-weight:800;line-height:1.04;letter-spacing:-.025em}
.hero h1 em{margin-top:10px}.hero-copy{max-width:560px;margin-top:22px;font-size:clamp(1rem,1.15vw,1.08rem)}.hero-actions{margin-top:28px}
.hero-art{inset:0 0 0 32%}.hero-status{width:min(330px,27vw)}
.position-layout{grid-template-columns:.52fr 1.48fr;gap:5vw}.position-copy{max-width:400px}.position-copy p{margin-top:22px;font-size:1rem}.position-console{height:min(66vh,570px);min-height:410px}
.capability-layout{grid-template-columns:.5fr 1.5fr;gap:5vw}.capability-heading{max-width:390px}.capability-heading p{margin-top:22px}.sample-workspace{min-height:430px}
.scenario-layout{gap:2.5vh}.scenario-top{grid-template-columns:.5fr 1.5fr;gap:4vw}.scenario-heading{max-width:390px}.scenario-heading h2{font-size:clamp(2rem,3.2vw,3.25rem)}.scenario-heading p{margin-top:20px}.scenario-media{grid-template-columns:1.25fr .75fr;align-items:center;gap:16px}.scenario-media figure{height:min(38vh,350px)}.scenario-media figure+figure{height:min(32vh,300px)}.scenario-track{padding-top:25px}.scenario-track .track-line{top:30px}.scenario-track article{padding:25px 16px 0}.scenario-track article i{left:16px}.scenario-track article span{font-size:clamp(1.05rem,1.3vw,1.3rem);font-weight:700}.scenario-track article small{margin-top:6px}
.process-layout{grid-template-columns:.5fr 1.5fr;gap:6vw}.process-heading{max-width:390px}.process-heading p{margin-top:22px}.process-route{position:relative;list-style:none;margin:0;padding:52px 0 0;display:grid;grid-template-columns:repeat(4,1fr)}.process-route::before{content:"";position:absolute;left:7%;right:7%;top:22px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--lime) 54%,var(--coral))}.process-route li{position:relative;padding:12px 20px 18px;border-right:1px solid rgba(255,255,255,.12)}.process-route li:last-child{border-right:0}.process-route li::before{content:"";position:absolute;left:20px;top:-36px;width:13px;height:13px;border:3px solid var(--cyan);border-radius:50%;background:#10283a}.process-route li:nth-child(2)::before,.process-route li:nth-child(3)::before{border-color:var(--lime)}.process-route li:nth-child(4)::before{border-color:var(--coral)}.process-route li>span{color:var(--lime);font-size:.75rem;font-weight:800;letter-spacing:.1em}.process-route h3{margin:8px 0 8px;font-size:clamp(1.2rem,1.5vw,1.5rem);line-height:1.3}.process-route p{min-height:3.3em;margin:0;color:#aeb9c7;font-size:.82rem}.process-route small{display:block;margin-top:18px;color:#7f91a4;font-size:.72rem}
.contact-layout{grid-template-columns:.62fr 1.38fr;gap:8vw}.contact-copy{max-width:430px}.contact-copy p{margin-top:22px;font-size:1rem}.contact-card{min-height:370px;padding:32px 38px}.contact-card h3{margin:24px 0 6px;font-size:1.15rem}.contact-card a{font-size:clamp(1.25rem,2.4vw,2rem);font-weight:800;line-height:1.25}.contact-brief{position:relative;margin:26px 0 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-brief::before{content:"";position:absolute;left:7px;right:7px;top:7px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--lime),var(--coral))}.contact-brief>div{position:relative;display:grid;gap:4px;padding-top:24px}.contact-brief i{position:absolute;z-index:1;top:0;width:14px;height:14px;border:3px solid var(--cyan);border-radius:50%;background:var(--ink)}.contact-brief>div:nth-child(2) i{border-color:var(--lime)}.contact-brief>div:nth-child(3) i{border-color:var(--coral)}.contact-brief b{font-size:.82rem}.contact-brief small{color:#91a0b1;font-size:.72rem;line-height:1.45}

.scenario-media{grid-template-columns:1.15fr .85fr .85fr;gap:14px}
.scenario-media figure+figure{height:min(31vh,285px)}
.scenario-track{grid-template-columns:repeat(5,1fr);gap:18px}

@media(max-width:760px){.scenario-media{grid-template-columns:1fr}.scenario-track{grid-template-columns:1fr;gap:0}}

@media(max-height:700px) and (min-width:761px){.snap-page{min-height:560px;padding-top:78px;padding-bottom:34px}.snap-page h2{font-size:clamp(1.85rem,2.9vw,2.8rem)}.position-console{height:62vh;min-height:350px}.sample-workspace{min-height:320px}.scenario-media figure{height:31vh}.scenario-media figure+figure{height:27vh}.process-route{padding-top:44px}.contact-card{min-height:320px;padding:24px 30px}.contact-brief{margin:20px 0 22px}}

@media(max-width:760px){.snap-page h2,.scenario-heading h2{font-size:clamp(1.9rem,7.5vw,2.5rem);line-height:1.15;letter-spacing:-.018em}.hero{min-height:820px;padding-bottom:180px}.hero-content{width:100%}.hero h1{font-size:clamp(2.5rem,10vw,3.25rem);line-height:1.06}.hero-art{inset:40% -12% 0 -8%}.hero-status{bottom:58px}.position-layout,.capability-layout,.process-layout,.contact-layout{grid-template-columns:1fr;gap:32px}.position-copy,.capability-heading,.process-heading,.contact-copy{max-width:none}.position-console{height:430px}.sample-workspace{min-height:0}.scenario-top{grid-template-columns:1fr;gap:24px}.scenario-heading{max-width:none}.scenario-media{grid-template-columns:1fr;gap:12px}.scenario-media figure,.scenario-media figure+figure{height:220px}.scenario-track{margin-top:4px}.process-route{padding:0 0 0 30px;grid-template-columns:1fr}.process-route::before{left:6px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:linear-gradient(var(--cyan),var(--lime),var(--coral))}.process-route li{padding:0 0 30px 18px;border-right:0}.process-route li:last-child{padding-bottom:0}.process-route li::before{left:-30px;top:7px}.process-route h3{margin:3px 0 5px}.process-route p{min-height:0}.process-route small{margin-top:8px}.contact-page{padding-bottom:150px}.contact-card{min-height:0;padding:28px 24px}.contact-brief{gap:10px;margin:24px 0 28px}.contact-brief b{font-size:.76rem}.contact-brief small{font-size:.68rem}.snap-footer{position:absolute}}

/* Mobile chapter paging: one deliberate vertical swipe advances one full chapter. */
@media(max-width:760px){
  html{scroll-snap-type:y mandatory;overscroll-behavior-y:none}
  body{overscroll-behavior-y:none}
  .snap-page{height:100svh;min-height:620px;padding:84px 20px 22px;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
  .page-shell{width:100%}
  .snap-page h2,.scenario-heading h2{font-size:clamp(1.75rem,7vw,2.15rem);line-height:1.12}
  .position-layout,.capability-layout,.process-layout,.contact-layout{gap:16px}
  .position-copy p,.capability-heading p,.process-heading p,.contact-copy p,.scenario-heading p{margin-top:11px;font-size:.84rem;line-height:1.55}

  .hero{height:100svh;min-height:620px;padding:96px 20px 22px}
  .hero h1{font-size:clamp(2.25rem,10.5vw,2.8rem);line-height:1.04}
  .hero h1 em{margin-top:5px}
  .hero-copy{max-width:34em;margin-top:16px;font-size:.88rem;line-height:1.65}
  .hero-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
  .hero-actions .button{min-height:46px;padding:0 12px;font-size:.9rem;white-space:nowrap}
  .hero-art{inset:36% -22% 0 -12%}
  .hero-status{left:auto;right:20px;bottom:48px;width:min(48vw,180px);padding:13px 14px}
  .hero-status strong{font-size:.88rem}
  .hero-status small{font-size:.68rem;line-height:1.45}
  .scroll-cue{left:20px;bottom:25px}

  .position-console{height:48svh;min-height:310px;padding:20px}
  .console-caption{font-size:.68rem}
  .system-route{left:7%;right:7%;gap:40% 7%}
  .system-route div{gap:6px;font-size:.7rem}
  .system-core{width:106px;height:106px;margin:-53px}
  .console-footnote{left:20px;right:20px;bottom:17px;padding-top:12px;font-size:.62rem}

  .capability-page{padding-bottom:22px}
  .delivery-sample{margin-top:0}
  .sample-bar{padding:9px 12px}
  .sample-bar strong{font-size:.78rem}
  .sample-bar span{font-size:.7rem}
  .sample-sidebar{padding:8px;grid-template-columns:repeat(4,1fr);gap:4px}
  .sample-sidebar b{display:none}
  .sample-sidebar span{padding:6px 3px;text-align:center;font-size:.7rem}
  .sample-main{padding:12px}
  .sample-heading h3{font-size:1rem}
  .sample-heading small,.sample-heading>span{font-size:.7rem}
  .sample-facts{margin-top:10px}
  .sample-facts div{padding:9px 5px}
  .sample-facts small{font-size:.7rem}
  .sample-facts strong{font-size:.75rem}
  .sample-flow{margin-top:12px;grid-template-columns:repeat(3,1fr);gap:7px}
  .sample-flow::before{left:8%;right:8%;top:6px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,var(--cyan),var(--lime),var(--coral))}
  .sample-flow>div{display:grid;grid-template-columns:1fr;gap:7px}
  .sample-flow i{width:12px;height:12px}
  .sample-flow span{margin-top:0}
  .sample-flow b{font-size:.75rem}
  .sample-flow small{font-size:.7rem;line-height:1.35}
  .sample-output{display:none}

  .scenario-page{padding-top:82px}
  .scenario-layout{gap:12px}
  .scenario-top{gap:12px}
  .scenario-media{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
  .scenario-media::-webkit-scrollbar,.scenario-track::-webkit-scrollbar{display:none}
  .scenario-media figure,.scenario-media figure+figure{flex:0 0 82vw;height:205px;scroll-snap-align:center}
  .scenario-media figcaption{padding:34px 14px 12px}
  .scenario-track{display:flex;gap:10px;margin:0;padding:5px 0 0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
  .scenario-track .track-line{display:none}
  .scenario-track article{flex:0 0 145px;padding:17px 8px 0;border-top:1px solid rgba(7,17,31,.24);scroll-snap-align:start}
  .scenario-track article i{left:8px;top:-6px;width:11px;height:11px;border-width:2px}
  .scenario-track article span{font-size:.98rem}
  .scenario-track article small{margin-top:4px;font-size:.72rem;line-height:1.4}
  .scenario-note{font-size:.75rem!important;line-height:1.4}

  .process-route{padding:0;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border-radius:14px;background:rgba(255,255,255,.12)}
  .process-route::before,.process-route li::before{display:none}
  .process-route li,.process-route li:last-child{min-height:128px;padding:13px 14px;border:0;background:#10283a}
  .process-route h3{margin:4px 0;font-size:1rem}
  .process-route p{font-size:.78rem;line-height:1.4}
  .process-route small{margin-top:7px;font-size:.7rem}

  .contact-page{height:100svh;min-height:620px;padding:84px 20px 88px}
  .contact-card{padding:20px;min-height:0}
  .contact-brief{gap:8px;margin:14px 0 17px}
  .contact-brief::before{left:5px;right:5px}
  .contact-brief>div{padding-top:20px}
  .contact-brief i{width:12px;height:12px;border-width:2px}
  .contact-card h3{margin:14px 0 4px;font-size:1rem}
  .contact-card p{margin-top:10px}
  .snap-footer{left:20px;right:20px;bottom:13px;gap:2px;font-size:.66rem}
  .snap-footer .brand{margin-bottom:2px}
  .snap-footer p{font-size:.75rem}
  .footer-legal{flex-wrap:wrap;gap:2px 6px;white-space:normal}
}