:root{--navy:#020d1b;--ink:#10263c;--cyan:#14e8e2;--blue:#1478ff;--paper:#f5f8fc;--muted:#9eb5cc}
body{background:var(--navy)}.header{background:#020d1bf0;backdrop-filter:blur(16px);padding-left:6%;height:84px}.brand img{filter:drop-shadow(0 0 8px #14e8e225)}.wrap{width:min(1180px,86%)}.section{position:relative;isolation:isolate}.section:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#7796b908 1px,transparent 1px),linear-gradient(90deg,#7796b908 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000 18%,#000 70%,transparent)}.eyebrow{font-size:12px;letter-spacing:.15em}.button{position:relative;overflow:hidden}.button:after{content:'';position:absolute;inset:0;border:1px solid transparent;border-radius:inherit;pointer-events:none;transition:box-shadow .25s,border-color .25s}.button:hover:after,.button:focus-visible:after{border-color:var(--cyan);box-shadow:inset 0 0 15px #14e8e250}.button.primary{background:linear-gradient(100deg,#14e8e2,#1478ff);color:#021523;border-color:#7cf9f780}.button:hover{transform:translateY(-2px)}.text-link{position:relative}.text-link:after{content:'';position:absolute;left:0;bottom:-6px;height:2px;width:28px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .2s}.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}.glass-hero{background:radial-gradient(ellipse at 85% 45%,#0c3c6466,transparent 58%),#020d1b}.glass-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#1e49731c 1px,transparent 1px),linear-gradient(90deg,#1e49731c 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.glass-layout{padding:68px 0 58px;gap:40px;position:relative}.glass-hero h1{font-size:clamp(43px,5.05vw,70px);letter-spacing:-.05em}.glass-hero h1 span{background:linear-gradient(110deg,#14e8e2 20%,#5eb2ff 85%);color:transparent;background-clip:text}.hero-detail{max-width:470px}.hero-bottom{border-top:1px solid #16406855;position:relative;padding-left:7%;padding-right:7%;font-size:12px}.micro-coordinate{font-family:monospace}.network-label{position:absolute;top:-20px;left:0;font:12px/1.5 monospace;color:#7ea6c6;letter-spacing:.1em}.glass-node{font:inherit;color:inherit;cursor:pointer;background:linear-gradient(125deg,#c5e9ff19,#072746bb);border-color:#619ab44d;box-shadow:inset 0 1px 0 #cdfaff44,0 15px 35px #0002;transition:border-color .2s,box-shadow .2s,transform .2s}.glass-node:not(.center):hover,.glass-node:not(.center):focus-visible{border-color:var(--cyan);box-shadow:0 0 26px #14e8e22b}.glass-node strong{font-size:14px}.glass-node.center{cursor:default;background:linear-gradient(135deg,#175c7044,#092240);box-shadow:0 0 65px #14e8e218,inset 0 1px 0 #ffffff60}.glass-node.center img{height:82px;width:82px}.glass-node.center span{font-size:12px;text-align:center}.connections{stroke:#1478ff66;stroke-width:1.6}.moving-data,.particle-path{stroke:#14e8e2;stroke-width:3;stroke-dasharray:3 110;animation:signal 6s linear infinite;animation-play-state:paused}.particle-path{animation-direction:reverse;animation-delay:-2s;opacity:.7}.hero.is-visible .moving-data,.hero.is-visible .particle-path{animation-play-state:running}.map-note{font-size:12px;bottom:-33px}.product-logo.official{background:#fff!important;border-radius:12px!important;height:68px;min-width:92px;width:130px;padding:12px;box-shadow:0 4px 14px #0001}.product-logo.official img{width:100%;height:100%;object-fit:contain}.glass-node .product-logo.official{height:54px;width:108px;min-width:0;padding:10px}.integration .product-logo{margin-bottom:8px}.integration strong{font-size:18px}.integration{position:relative;overflow:hidden}.integration:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .3s}.integration.active:after,.integration:hover:after{transform:scaleX(1)}.integrations{background:linear-gradient(#deebf6 0,#f5f8fc 10%,#f5f8fc 90%,#fff)}.integrations .pixel-visual{opacity:.95;top:12px}.integrations .integration{border-radius:14px;box-shadow:0 6px 20px #193e6710}.integrations .integration.active{box-shadow:0 7px 24px #14bba61c}.route-console{display:flex;align-items:center;justify-content:center;gap:12px;margin:36px 0 20px;min-height:125px;padding:18px 24px;background:#fff;border:1px solid #cbddea;border-radius:16px}.route-service,.route-output{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:115px;font-size:14px}.route-service img{max-width:105px;object-fit:contain}.route-output{align-items:flex-start;min-width:175px}.route-output>span{font-size:12px;color:#687d91}.route-output strong{font-size:16px}.route-core{display:grid;place-items:center;min-width:84px;height:84px;border:1px solid #3acfd3;border-radius:18px;background:#edfaff}.route-core img{object-fit:contain}.route-beam{width:20%;max-width:185px;fill:none;stroke:#17bec6;stroke-width:2;flex-shrink:1}.route-console.connecting .route-beam path{stroke-dasharray:10 8;animation:signal 1.8s linear infinite}.integration-detail{position:relative;overflow:hidden}.detail-label{font-family:monospace}.integration-detail.connecting:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#14e8e233,transparent);pointer-events:none;animation:scan .38s ease-out forwards}@keyframes scan{from{transform:translateY(-100%)}to{transform:translateY(100%)}}.process-art{object-fit:contain;height:auto;aspect-ratio:1.25;border-radius:18px}.steps{position:relative;--step-progress:0}.steps:before{content:'';position:absolute;left:24px;top:40px;bottom:55px;width:2px;background:#d1e2ef}.steps:after{content:'';position:absolute;left:24px;top:40px;bottom:55px;width:2px;background:linear-gradient(var(--cyan),var(--blue));transform:scaleY(var(--step-progress));transform-origin:top;transition:transform .3s}.steps li{position:relative;border-top:0;padding:24px 0}.pixel-num{z-index:1;background:#eef5fc;border:1px solid #c7dbea;box-shadow:none;transition:background .25s,color .25s,box-shadow .25s}.steps li.activated .pixel-num{background:#082539;color:var(--cyan);border-color:#14e8e2;box-shadow:0 0 16px #14e8e230}.steps h3{font-size:22px}.price{padding-left:0}.chain-comparison{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin:35px 0 16px}.chain-card{padding:26px;background:#f5f8fc;border:2px solid #020d1b;box-shadow:6px 6px 0 #020d1b;transition:transform .2s}.chain-card.connected{background:#020d1b;color:#f5f8fc}.chain-label{font:700 12px/1.5 monospace;letter-spacing:.1em}.chain{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:92px;padding:20px 0;font-size:14px;font-weight:700}.chain>span{padding:8px;border:1px solid currentColor}.chain-lumo{display:flex;align-items:center;gap:7px;border-color:#14e8e2!important;color:#14e8e2}.chain-lumo img{object-fit:contain}.chain b{font-weight:400}.chain-count{margin:0;padding-top:12px;border-top:1px solid #66849166;font-size:13px;transition:color .2s}.chain-count strong{font-size:25px;margin-right:8px}.chain-card:hover,.chain-card:focus{transform:translate(-2px,-2px)}.chain-card:hover .chain-count,.chain-card:focus .chain-count{color:#086886}.connected:hover .chain-count,.connected:focus .chain-count{color:#14e8e2}.chain-note{font-size:12px;max-width:760px}.pain-grid{margin-top:40px}.pain-grid article{box-shadow:4px 4px 0 var(--navy);border-radius:0}.story{background:linear-gradient(#062431,#020d1b 10%,#020d1b 95%,#143248);padding-bottom:90px}.story .wrap>h2{max-width:860px}.narrative{display:grid;grid-template-columns:1.65fr 1fr;gap:50px;margin-top:45px;align-items:start}.narrative-visual{position:sticky;top:130px;min-width:0}.scene{margin:0 0 20px;border:1px solid #37658970;border-radius:18px;overflow:hidden;background:#031426}.scene img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}.scene figcaption{padding:20px;display:flex;flex-direction:column;gap:8px;background:#06192b}.scene figcaption span{font:12px/1.4 monospace;letter-spacing:.08em;color:#77a5c6}.scene figcaption strong{font-size:20px}.narrative.enhanced .narrative-visual{aspect-ratio:1.2}.narrative.enhanced .scene{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;pointer-events:none}.narrative.enhanced .scene.selected{opacity:1;visibility:visible;position:relative}.scene-progress{height:3px;background:#163b58;border-radius:3px;overflow:hidden}.scene-progress i{display:block;width:25%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:transform .35s}.narrative-step{min-height:270px;padding:35px 0 70px;border-top:1px solid #37658970}.narrative-step button{background:none;color:#c9d9e6;border:0;display:flex;align-items:flex-start;gap:20px;padding:0;text-align:left;cursor:pointer;line-height:1.4}.narrative-step button span{font:14px/1.5 monospace;color:#7297b7;padding-top:4px}.narrative-step button strong{font-size:24px}.narrative-step button[aria-pressed=true]{color:#14e8e2}.narrative-step p{color:#a9c0d4;margin:18px 0 0;padding-left:40px}.solutions{background:linear-gradient(#e3edf6,#f5f8fc 10%)}.evidence-note{background:#fff;position:relative;overflow:hidden}.evidence-note:after{content:'';position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(var(--cyan),var(--blue))}.contact{background:radial-gradient(ellipse at 75% 30%,#09526c70,transparent 60%),#020d1b}.contact:after{content:'';width:25%;height:2px;background:linear-gradient(90deg,transparent,#14e8e2,transparent);position:absolute;top:0;left:37.5%;box-shadow:0 0 25px #14e8e2}.journey{position:fixed;z-index:30;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;padding:8px 0;color:#14e8e2}.journey-track{position:absolute;top:30px;bottom:50px;width:1px;background:#608caf55;pointer-events:none}.journey-track i{display:block;height:100%;width:2px;background:var(--cyan);transform:scaleY(var(--journey-progress,0));transform-origin:top;transition:transform .2s;box-shadow:0 0 10px #14e8e2}.journey>a{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;height:46px;font-size:12px}.rail-node{display:grid;place-items:center;width:25px;height:25px;border:1px solid #5685a755;border-radius:50%;background:#031426;color:#92b4cf;font:12px monospace;transition:all .25s}.journey>a[aria-current=location] .rail-node{border-color:#14e8e2;color:#14e8e2;box-shadow:0 0 15px #14e8e244}.rail-label{position:absolute;left:45px;top:0;background:#031426f5;border:1px solid #55718b66;white-space:nowrap;padding:8px 14px;border-radius:6px;opacity:0;transform:translateX(-6px);transition:opacity .15s,transform .15s;pointer-events:none;color:#14e8e2;letter-spacing:.05em}.rail-label small{display:block;font:12px/1.5 Manrope,Arial;color:#e0eaf4}.journey a:hover .rail-label,.journey a:focus-visible .rail-label{opacity:1;transform:translateX(0)}.rail-mark{object-fit:contain;opacity:0;transform:scale(.6);transition:opacity .3s,transform .3s;margin-top:8px}.journey[data-mode=systems] .journey-track{background:repeating-linear-gradient(#1478ff 0 5px,transparent 5px 9px);width:2px}.journey[data-mode=systems] .rail-node{border-radius:5px}.journey[data-mode=process] .rail-node{border-radius:8px;background:#f5f8fc;color:#174869}.journey[data-mode=problem] .rail-node{border:2px solid #020d1b;border-radius:0;background:#f5f8fc;color:#020d1b;box-shadow:3px 3px 0 #020d1b}.journey[data-mode=problem] .journey-track i{background:#020d1b;box-shadow:none}.journey[data-mode=result] .journey-track{width:3px;background:repeating-linear-gradient(#14e8e2 0 3px,transparent 3px 8px)}.journey[data-mode=result] .rail-node{border-radius:0;clip-path:polygon(20% 0,80% 0,80% 20%,100% 20%,100% 80%,80% 80%,80% 100%,20% 100%,20% 80%,0 80%,0 20%,20% 20%)}.journey[data-mode=technology] .rail-node{background:#f5f8fc;color:#145da3;box-shadow:none}.journey[data-mode=contact] .rail-mark{opacity:1;transform:scale(1)}.motion-toggle{position:fixed;right:16px;bottom:16px;z-index:40;border:1px solid #5484a666;background:#031426ec;color:#aec3d6;padding:10px 13px;border-radius:30px;min-height:44px;font-size:12px;cursor:pointer}.motion-toggle span{color:#14e8e2;margin-left:7px}.entry{display:none;position:fixed;inset:0;z-index:100;background:#020d1b;place-content:center;justify-items:center;gap:20px;pointer-events:none;opacity:0}.entry.playing{display:grid;animation:entry-life 1.1s both}.entry img{object-fit:contain;animation:entry-assemble .55s ease-out both}.entry-status{font:12px monospace;letter-spacing:.17em;color:#14e8e2}.entry-particles{font-size:38px;letter-spacing:30px;color:#1478ff;animation:entry-assemble .4s both}.entry-beam{position:absolute;width:100%;height:2px;left:0;top:58%;background:linear-gradient(90deg,transparent,#14e8e2,#1478ff,transparent);box-shadow:0 0 24px #14e8e2;animation:entry-sweep .4s .65s both}@keyframes entry-life{0%,76%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@keyframes entry-assemble{from{opacity:0;transform:translateY(12px) scale(.88);clip-path:inset(100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes entry-sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}.data-rain{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden;opacity:0;visibility:hidden;background:#020d1b88}.data-rain.running{opacity:1;visibility:visible;animation:rain-overlay .42s both}.data-column{position:absolute;top:-90px;display:flex;flex-direction:column;gap:15px;color:#14e8e2;font:12px/1 monospace;opacity:.65;animation:rain-fall .4s ease-out both}.data-column:nth-child(3n){color:#1478ff}.data-column:nth-child(4n){color:#f5f8fc}@keyframes rain-fall{from{transform:translateY(-50px);opacity:0}30%{opacity:.8}to{transform:translateY(220px);opacity:0}}@keyframes rain-overlay{0%{opacity:0}20%{opacity:1}100%{opacity:0;visibility:hidden}}.beam-cursor{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:80;overflow:visible;display:none}.cursor-core{fill:#bafffc;filter:drop-shadow(0 0 4px #14e8e2)}.cursor-trail{stroke:#14e8e2;stroke-width:2;fill:none;stroke-linecap:round;opacity:.8}.cursor-link{stroke:#1478ff;stroke-width:1;fill:none;stroke-dasharray:3 6;opacity:.7}.cursor-pulse{fill:none;stroke:#14e8e2;stroke-width:1;opacity:0}.cursor-on .beam-cursor{display:block}.cursor-on,.cursor-on a,.cursor-on button,.cursor-on summary{cursor:none}.cursor-on textarea,.cursor-on input{cursor:text}.digital-scan{position:relative}.assembled-glow{box-shadow:0 0 30px #14e8e244!important}
@media(max-width:1100px){.journey{left:3px}.wrap{width:86%}.glass-node strong{font-size:12px}.glass-node .product-logo.official{width:88px;height:48px}.glass-layout{gap:28px}.narrative{gap:30px}.narrative-step{min-height:235px}.route-output{min-width:145px}.chain-comparison{grid-template-columns:1fr}.glass-hero h1{font-size:clamp(42px,5vw,60px)}}
@media(max-width:700px){.journey{left:0;padding:0}.journey>a{min-width:28px;width:28px;height:42px}.rail-node{width:12px;height:12px;font-size:0}.rail-label{left:29px}.journey-track{top:20px;bottom:36px}.rail-mark{width:18px;height:18px}.wrap{width:86%;margin-left:10%;margin-right:4%}.header{padding-left:9%;height:74px}.hero-bottom{padding-left:10%;padding-right:4%}.micro-coordinate{display:none}.glass-hero .hero-copy{width:100%}.glass-map{margin-top:45px}.network-label{font-size:10px}.glass-node.center span{font-size:11px}.glass-node.center img{width:65px;height:65px}.glass-node strong{font-size:12px}.glass-node .product-logo.official{width:85px;height:45px}.route-console{flex-wrap:wrap;gap:9px;padding:18px 10px}.route-service{min-width:76px}.route-service img{width:78px;height:40px}.route-core{min-width:60px;width:60px;height:60px;border-radius:12px}.route-core img{width:44px;height:44px}.route-beam{width:35px;min-width:20px}.route-output{min-width:90px;max-width:100%;flex-basis:100%;align-items:center;margin-top:10px}.route-console .route-beam:nth-of-type(2){display:none}.narrative{display:block}.narrative-visual{position:static}.narrative.enhanced .narrative-visual{aspect-ratio:auto}.narrative.enhanced .scene{position:relative;opacity:1;visibility:visible;pointer-events:auto;margin-bottom:25px}.narrative-steps,.scene-progress{display:none}.scene img{aspect-ratio:16/10}.scene figcaption{padding:16px}.chain-card{padding:20px}.chain{gap:8px;font-size:12px}.chain>span{padding:6px}.chain-count{font-size:12px}.motion-toggle{bottom:10px;right:10px}.beam-cursor{display:none!important}.cursor-on,.cursor-on a,.cursor-on button,.cursor-on summary{cursor:auto}.entry.playing{animation-duration:.65s}.entry-particles{display:none}.data-rain.running{animation-duration:.28s}.data-column{animation-duration:.25s}.section:before{background-size:40px 40px}.connections .moving-data,.particle-path{animation:none!important}.story{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){.entry,.data-rain,.beam-cursor{display:none!important}.cursor-on,.cursor-on a,.cursor-on button,.cursor-on summary{cursor:auto!important}.journey-track i{transition:none}.scene{transition:none!important}.narrative-visual{position:static}.narrative.enhanced .scene{position:relative;visibility:visible;opacity:1;margin-bottom:20px}.narrative-steps,.scene-progress{display:none}}
.effects-off .entry,.effects-off .data-rain,.effects-off .beam-cursor{display:none!important}.effects-off *{animation:none!important;transition:none!important}.effects-off{scroll-behavior:auto}
@media(prefers-reduced-motion:reduce){.narrative.enhanced .narrative-visual{aspect-ratio:auto}}