:root{--bg:#080b16;--panel:#121a2d;--line:#40506b;--text:#f2f6ff;--muted:#aab8cc;--mint:#83f7d3;--violet:#ac9dff;--blue:#78d9ff;--ease:cubic-bezier(.2,0,0,1);--mono:Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:var(--mint);color:#07121a}.skip{position:absolute;left:10px;top:-60px;z-index:100;background:var(--mint);color:#07121a;padding:8px}.skip:focus{top:10px}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.025;background:repeating-linear-gradient(45deg,#fff 0 1px,transparent 1px 4px)}.shell{width:min(1320px,calc(100% - 64px));margin:auto}.section-pad{padding:110px 0}.eyebrow,.micro-label{font:700 10px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:var(--mint);display:flex;gap:13px;align-items:center}.serial{color:#9ba9c2;border:1px solid #52627c;border-radius:4px;padding:3px 6px}.status-led,.signal i{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--mint);box-shadow:0 0 11px var(--mint)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.05;letter-spacing:-.06em}h1{font-size:clamp(64px,7.5vw,120px);margin:30px 0;font-weight:700}h2{font-size:clamp(46px,5.4vw,82px);margin:20px 0 0}h1 em,h2 em{font-style:normal;color:var(--mint)}.period{color:var(--violet)}.section-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:45px;margin-bottom:50px}.section-intro>p{color:var(--muted);max-width:510px;margin:0 0 6px}
.site-header{height:78px;padding:0 max(32px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff20;background:#090d18e8;backdrop-filter:blur(15px);position:relative;z-index:30}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;letter-spacing:-.08em;white-space:nowrap}.brand-light{color:#aebdd1;font-weight:400}.brand-symbol{position:relative;display:block;width:34px;height:34px;border:1px solid var(--mint);border-radius:7px;transform:rotate(-8deg)}.brand-symbol i{position:absolute;left:10px;width:12px;height:2px;background:var(--mint)}.brand-symbol i:nth-child(1){top:10px}.brand-symbol i:nth-child(2){top:16px;left:7px;width:18px}.brand-symbol i:nth-child(3){top:22px}.site-header nav{display:flex;gap:27px;color:#b4c1d3;font-size:12px}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--mint)}.header-cta{font:700 11px var(--mono);padding:11px 14px;border:1px solid #65768a;border-radius:4px;white-space:nowrap}.header-cta:hover{background:var(--mint);color:#071521}
.hero{min-height:740px;padding:75px 0 95px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.hero-copy{z-index:1}.hero-lead{font-size:17px;color:#b9c5d8;max-width:600px;margin-bottom:34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #7889a0;border-radius:4px;font:700 12px var(--mono);transition:transform .16s var(--ease),background .16s,box-shadow .25s}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.97)}.button-primary{background:var(--mint);border-color:var(--mint);color:#0a1a25;box-shadow:0 0 35px #83f7d12b}.button-primary:hover{box-shadow:0 0 42px #83f7d177}.button-ghost:hover{background:#ffffff16}.hero-rail{display:flex;gap:20px;margin-top:65px;font:600 10px var(--mono);color:#8493ad;letter-spacing:.1em}.hero-rail span+span:before{content:"/";margin-right:20px;color:#536078}
.hero-visual{height:580px;position:relative;background:radial-gradient(circle at 60% 45%,#242d5a,transparent 44%),radial-gradient(circle at 15% 95%,#18565a7c,transparent 40%),#0f1627;border:1px solid #495672;border-radius:12px;overflow:hidden;box-shadow:0 45px 90px #0006}.hero-visual:before,.route-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a3b7ff0d 1px,transparent 1px),linear-gradient(90deg,#a3b7ff0d 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.visual-top,.visual-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font:700 10px var(--mono);letter-spacing:.09em;color:#a5b5d0;z-index:2}.visual-top{top:22px}.visual-bottom{bottom:73px;gap:12px}.key-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:5px}.key-dot.violet{background:var(--violet)}.key-dot.blue{background:var(--blue)}.visual-caption{position:absolute;bottom:21px;left:24px;right:24px;border-top:1px solid #53617d;padding-top:12px;color:#aebdd0;font-size:11px}.visual-orbit{position:absolute;left:50%;top:47%;width:420px;height:420px;border:1px solid #aea3ff17;border-radius:50%;transform:translate(-50%,-50%)}.visual-orbit-b{width:310px;height:310px;border-color:#83f7d11a}.hero-network{position:absolute;inset:58px 3% 100px;width:94%;height:420px;overflow:visible}.network-lines path{fill:none;stroke:#7891d270;stroke-width:1.3;stroke-dasharray:3 7}.hero-active-path{fill:none;stroke:url(#pathGradient);stroke-width:2;stroke-dasharray:10 6;animation:dash 9s linear infinite}.network-origin{fill:var(--mint);filter:drop-shadow(0 0 12px var(--mint))}.network-room circle{fill:#1d2947;stroke:#a89bff;stroke-width:1.5;filter:drop-shadow(0 0 10px #a89bff88)}.network-room-alt circle{fill:#153745;stroke:var(--mint);filter:drop-shadow(0 0 9px #83f7d180)}.network-room text{fill:#e6eeff;font:700 18px var(--mono)}.network-exits circle{fill:var(--blue);filter:drop-shadow(0 0 9px var(--blue))}.hero-packet{fill:#fff;filter:drop-shadow(0 0 12px #fff)}
.ticker-band{height:56px;overflow:hidden;display:flex;align-items:center;background:#d9f7e8;color:#102b35}.ticker-track{display:flex;align-items:center;gap:35px;min-width:max-content;white-space:nowrap;font:800 12px var(--mono);letter-spacing:.12em;animation:ticker 32s linear infinite}.ticker-track b{font-size:20px;font-weight:400;color:#448578}
.experience-section{background:radial-gradient(circle at 78% 14%,#24244c91,transparent 38%),#0a0e1a}.experience-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.55fr);gap:18px}.route-stage,.experience-side{background:#111a2d;border:1px solid #45526f;border-radius:10px;position:relative;overflow:hidden}.route-stage{padding:28px}.route-stage>*{position:relative}.stage-heading{display:flex;justify-content:space-between;gap:15px}.micro-label{color:#a1aec6}.stage-heading h3{font-size:clamp(26px,2.5vw,36px);margin:8px 0}.scene-count{font:700 13px var(--mono);color:var(--mint)}.route-progress{height:105px;display:grid;grid-template-columns:repeat(7,1fr);align-items:center;position:relative;margin:20px 4px 10px}.route-progress-line,.route-progress-fill{position:absolute;top:38px;left:7.1%;right:7.1%;height:1px;background:#5b6a88}.route-progress-fill{right:auto;width:0;background:var(--mint);box-shadow:0 0 12px var(--mint);transition:width .65s var(--ease)}.route-stop{display:flex;flex-direction:column;align-items:center;gap:6px;color:#8a9ab6;z-index:1}.route-stop b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#1b2944;border:1px solid #5e6e89;color:#d3dff1;font:700 15px var(--mono);transition:transform .4s var(--ease),background .4s,color .4s,box-shadow .4s}.route-stop small{font:600 9px var(--mono);white-space:nowrap}.route-stop.current b{background:var(--mint);color:#092530;box-shadow:0 0 0 7px #83f7d12b,0 0 24px #83f7d18c;transform:scale(1.09)}.route-stop.passed b{background:#2a615d;color:#d4fff0;border-color:#78dec7}.route-token{width:17px;height:17px;display:grid;place-items:center;background:white;color:#12323b;border-radius:50%;position:absolute;top:30px;left:7.1%;z-index:3;box-shadow:0 0 0 4px #f7fffcb2,0 0 17px white;transform:translateX(-50%);opacity:0;transition:left .72s var(--ease),opacity .2s}.route-stage[data-stage]:not([data-stage="0"]) .route-token{opacity:1}
.room-visual{height:230px;border:1px solid #596987;border-radius:8px;background:radial-gradient(circle at center,#1d2c53,#101d34 58%,#0b1529);padding:23px;display:grid;grid-template-columns:1fr 170px 1fr;gap:12px;align-items:center;transition:background .55s var(--ease)}.room-visual[data-room="2"]{background:radial-gradient(circle at center,#302653,#101d34 60%,#0b1529)}.room-visual[data-room="3"]{background:radial-gradient(circle at center,#194250,#101d34 60%,#0b1529)}.room-visual[data-room="4"]{background:radial-gradient(circle at center,#273856,#101d34 60%,#0b1529)}.room-caption{display:block;text-align:center;color:#a4b4ca;font:700 10px var(--mono);letter-spacing:.08em;margin-bottom:16px}.seat-grid{display:grid;grid-template-columns:repeat(3,34px);gap:10px;justify-content:center}.seat{display:grid;place-items:center;width:34px;height:34px;border:1px solid #7a9ab4;border-radius:50%;background:#224259;color:#dbf2ff;font:700 11px var(--mono);transition:transform .38s var(--ease),background .38s}.seat.you{background:var(--violet);border-color:#d4caff;color:#0f1629;font-size:8px;box-shadow:0 0 15px #ac9dff88}.exits .seat{background:#205a64;border-color:#84d1cf;color:#defcf6}.room-visual.shuffling .seat:nth-child(2),.room-visual.shuffling .seat:nth-child(5){transform:translateY(-7px)}.room-visual.shuffling .seat:nth-child(3),.room-visual.shuffling .seat:nth-child(6){transform:translateY(7px)}.room-core{height:150px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.core-orbit{position:absolute;width:147px;height:147px;border:1px solid #9cefe580;border-radius:50%;opacity:.6}.core-orbit-b{width:113px;height:113px;border-color:#b4a6ff88}.room-visual.active .core-orbit-a{animation:breathe 4s ease-in-out infinite}.room-visual.active .core-orbit-b{animation:breathe 4s ease-in-out -1.2s infinite}.core-icon{font-size:35px;line-height:1;color:var(--mint);filter:drop-shadow(0 0 12px var(--mint))}.room-core strong{font:700 10px/1.4 var(--mono);color:#e8fff8;letter-spacing:.07em;margin:8px 0}.room-core small{font:600 8px var(--mono);color:#9db9c8}.scene-copy{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0;min-height:96px}.scene-copy>div+div{border-left:1px solid #52617b;padding-left:20px}.scene-copy p{color:#c5d0e1;font-size:13px;line-height:1.5;margin:7px 0 0}.stage-controls{border-top:1px solid #4d5d75;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.control-group{display:flex;gap:7px}.control-group button{border:1px solid #6b7b96;background:#1a2740;color:#eaf0fc;border-radius:4px;min-height:39px;padding:0 12px;font:700 10px var(--mono);transition:background .12s,transform .12s}.control-group button:hover{background:#2e4660}.control-group button:active{transform:scale(.96)}.control-group .control-primary{background:var(--mint);border-color:var(--mint);color:#09222a}.control-group .control-primary:hover{background:#b5ffe8}.stage-controls>span{font:600 10px var(--mono);color:#93a6be;text-align:right}
.experience-side{padding:25px;display:flex;flex-direction:column;background:radial-gradient(circle at 55% 36%,#23365a,#11182b 50%)}.side-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.signal{font:700 9px var(--mono);color:#a3b4c8;white-space:nowrap}.signal i{width:5px;height:5px;margin-right:6px}.radar-map{height:270px;position:relative;display:grid;place-items:center}.radar-ring{position:absolute;width:210px;height:210px;border:1px solid #8ba2c43d;border-radius:50%}.ring-two{width:145px;height:145px}.ring-three{width:73px;height:73px;border-color:#87e8d794}.radar-center{position:relative;font:700 35px var(--mono);color:var(--mint);text-shadow:0 0 18px var(--mint)}.radar-point{position:absolute;width:7px;height:7px;background:var(--violet);border-radius:50%;box-shadow:0 0 10px var(--violet)}.p1{top:40px;left:40%}.p2{top:74px;right:17%}.p3{bottom:55px;right:27%}.p4{bottom:70px;left:18%}.p5{top:102px;left:15%}.experience-side h3{font-size:26px;margin:3px 0 13px}.experience-side p{font-size:13px;color:#b8c5d7}.side-divider{height:1px;background:#52617a;margin:13px 0}.experience-side dl{margin:0}.experience-side dl div{display:flex;justify-content:space-between;gap:12px;margin:12px 0;font-size:11px}.experience-side dt{color:#9aadc4}.experience-side dd{margin:0;color:#e8f8f4;text-align:right}.side-foot{margin-top:auto;border-top:1px solid #4b5b76;padding-top:16px;font:600 9px var(--mono);color:#91a7bb}
.mechanism-section{background:#0e1423}.mechanism-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mechanism-card{border:1px solid #43516c;border-radius:8px;background:#151e31;padding:26px;min-height:380px;display:flex;flex-direction:column;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.mechanism-card:hover{transform:translateY(-5px);border-color:var(--mint);box-shadow:0 20px 40px #0005}.card-index,.card-state{font:700 10px var(--mono);color:#9eafc6;letter-spacing:.1em}.card-graphic{height:150px;margin:15px 0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.door-line{width:85%;height:2px;background:linear-gradient(90deg,var(--violet),var(--mint))}.door-gate{position:absolute;width:48px;height:70px;border:2px solid var(--mint);border-radius:30px;box-shadow:0 0 22px #83f7d166;background:#152b37}.door-pulse{position:absolute;width:12px;height:12px;border-radius:50%;background:white;left:15%;animation:door-cross 5s var(--ease) infinite}.room-graphic{gap:16px;color:#83edda;font:700 14px var(--mono)}.room-graphic b{font-size:56px;color:var(--violet);font-weight:400;filter:drop-shadow(0 0 15px #a899ff);animation:core-turn 8s ease-in-out infinite}.room-graphic span{white-space:nowrap}.turn-path{position:absolute;width:70%;border-top:2px dashed #8b9bfa}.turn-path.b{transform:rotate(24deg)}.turn-path.c{transform:rotate(-24deg)}.turn-graphic:after{content:"●";position:relative;color:var(--mint);font-size:36px;text-shadow:0 0 20px var(--mint)}.mechanism-card h3{font-size:27px;margin:5px 0 12px}.mechanism-card p{color:#b3c1d4;font-size:13px;line-height:1.55;margin-bottom:20px}.card-state{margin-top:auto;color:var(--mint)}
.fee-section{background:linear-gradient(118deg,#113f43,#142f49 48%,#22264c);border-block:1px solid #537d8b}.fee-layout{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.fee-layout h2{font-size:clamp(47px,5vw,75px);margin-bottom:30px}.fee-layout p{color:#d0dfeb;font-size:16px;max-width:590px}.fee-note{font-size:12px!important;border-left:2px solid var(--mint);padding-left:14px;margin-top:22px}.fee-diagram{min-height:460px;border:1px solid #77bbc2;border-radius:10px;background:#0b2033b8;position:relative;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;box-shadow:0 30px 70px #0004}.fee-box{position:relative;z-index:1;border:1px solid #7d9ab4;background:#142f43;border-radius:5px;padding:14px 18px;display:flex;flex-direction:column;min-height:103px}.fee-box span{color:#aac5d0;font:700 10px var(--mono);letter-spacing:.1em}.fee-box b{font:700 16px/1.3 var(--mono);color:#f0fcff;margin-top:7px}.fee-box i{position:absolute;right:20px;top:20px;font-size:24px;color:var(--mint);font-style:normal}.fee-box.payer{margin-right:25%}.fee-box.transaction{margin-left:16%;margin-right:16%;background:#1d4960;border-color:var(--mint);box-shadow:0 0 30px #83f7d137}.fee-box.transaction small{font:500 10px var(--mono);color:#b7d5d8}.fee-box.participant{margin-left:25%}.fee-diagram-line{position:absolute;inset:65px 50%;width:1px;background:linear-gradient(var(--mint),var(--violet),var(--blue))}
.model-section{background:#0a0e19}.model-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.model-main,.model-aside{border:1px solid #4b5974;border-radius:9px;background:#121b2d;padding:34px}.model-main{background:radial-gradient(circle at 80% 20%,#31426a70,transparent 40%),#121b2d}.model-number{font-size:clamp(95px,13vw,190px);font-weight:680;line-height:1;letter-spacing:-.12em;color:var(--mint);text-shadow:0 0 50px #83f7d135;margin:18px 0}.model-number span{font-size:.43em;letter-spacing:-.08em}.model-main h3{font-size:27px;margin:0 0 12px}.model-main p{max-width:580px;color:#bcc9da;font-size:14px}.model-scale{margin-top:37px;border-top:1px solid #52637b;padding-top:22px;display:grid;gap:13px}.model-scale>div{display:grid;grid-template-columns:90px 150px 1fr;gap:10px;align-items:center;font:600 11px var(--mono)}.model-scale b{color:#e9faf6}.model-scale span{color:#9cacc2}.model-scale i{display:block;height:5px;width:var(--bar);background:linear-gradient(90deg,var(--violet),var(--mint));border-radius:9px}.model-aside{display:flex;flex-direction:column;gap:20px}.model-stat{border-bottom:1px solid #52617b;padding-bottom:18px;display:flex;flex-direction:column}.model-stat>span{font:700 10px var(--mono);color:#b1c1d3}.model-stat strong{font-size:55px;line-height:1.2;letter-spacing:-.07em}.model-stat small{font:600 11px var(--mono);color:#a0b4c8}.model-warning{margin-top:auto;background:#2a293d;border:1px solid #79718f;border-radius:5px;padding:17px}.model-warning b{color:#ddcdff;font-size:14px}.model-warning p{color:#c3c8d6;font-size:12px;line-height:1.5;margin:8px 0 0}
.audience-section{background:#dcf7e9;color:#0d2532}.audience-section .eyebrow{color:#245d5e}.audience-section .serial{color:#385d67;border-color:#7aabaa}.audience-section h2 em{color:#237873}.audience-section .section-intro>p{color:#4b6970}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.audience-grid article{min-height:245px;background:#effff6;border:1px solid #9ac9bd;border-radius:8px;padding:28px;transition:transform .3s var(--ease),box-shadow .3s}.audience-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 30px #145b4820}.audience-grid article>span{font-size:32px;color:#277b7a}.audience-grid h3{font-size:25px;margin:27px 0 9px}.audience-grid p{font-size:13px;color:#49676e}
.details-section{background:#111629}.details-list{border-top:1px solid #536078}.details-list details{border-bottom:1px solid #536078}.details-list summary{display:grid;grid-template-columns:70px 1fr 30px;gap:15px;align-items:center;list-style:none;cursor:pointer;min-height:83px}.details-list summary::-webkit-details-marker{display:none}.details-list summary span{font:700 11px var(--mono);color:var(--mint)}.details-list summary b{font-size:24px;letter-spacing:-.04em}.details-list summary i{font-size:25px;font-style:normal;color:#9facce;transition:transform .25s var(--ease)}.details-list details[open] summary i{transform:rotate(45deg)}.details-list details p{margin:0 30px 25px 85px;max-width:850px;color:#b8c5d8;font-size:14px}.source-line{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:32px}.source-line span{font:700 10px var(--mono);color:var(--mint);margin-right:9px}.source-line code{font:600 10px var(--mono);border:1px solid #46536b;padding:8px;color:#b3c8d5}.site-footer{border-top:1px solid #47566e;background:#080c18;padding:47px 0}.site-footer .shell{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{font-size:23px;font-weight:800;letter-spacing:-.08em}.footer-brand span{font-weight:400;color:#a6b7c9}.footer-brand small{display:block;font:600 10px var(--mono);color:#7e92a7;letter-spacing:0}.site-footer p{font-size:12px;color:#a5b5c6;margin:0}.site-footer a{font:700 11px var(--mono);color:var(--mint)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.in-view{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:75ms}.reveal:nth-child(3){transition-delay:150ms}
@keyframes dash{to{stroke-dashoffset:-144}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes breathe{50%{transform:scale(1.08);opacity:.8}}@keyframes door-cross{0%,15%{transform:translateX(0);opacity:0}25%{opacity:1}70%{transform:translateX(190px);opacity:1}82%,100%{transform:translateX(190px);opacity:0}}@keyframes core-turn{50%{transform:rotate(30deg) scale(1.07)}}
@media(max-width:1100px){.site-header nav{gap:14px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:800px}.hero-visual{height:520px}.hero-network{top:25px}.section-pad{padding:85px 0}.experience-grid{grid-template-columns:1fr}.experience-side{min-height:390px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.side-top,.experience-side h3,.experience-side p,.side-divider,.experience-side dl,.side-foot{grid-column:2}.radar-map{grid-row:1/7;grid-column:1;height:360px}.fee-layout{gap:34px}}
@media(max-width:760px){.shell{width:min(100% - 32px,580px)}.site-header{height:68px;padding:0 16px;gap:12px}.site-header nav{display:none}.brand{font-size:16px}.header-cta{font-size:9px;padding:9px}.hero{padding:55px 0 60px;gap:50px}.hero h1{font-size:clamp(56px,12vw,80px)}.hero-lead{font-size:15px}.hero-rail{margin-top:45px;font-size:8px;gap:8px}.hero-rail span+span:before{margin-right:8px}.hero-visual{height:390px}.hero-network{top:25px;height:300px;bottom:70px}.visual-top,.visual-bottom,.visual-caption{left:15px;right:15px;font-size:8px}.visual-top{top:15px}.visual-bottom{bottom:62px;flex-wrap:wrap}.visual-caption{bottom:14px;font-size:9px}.section-pad{padding:70px 0}.section-intro{grid-template-columns:1fr;gap:16px;margin-bottom:30px}.section-intro>p{font-size:14px}.section-intro h2{font-size:clamp(45px,10vw,67px)}.experience-grid{gap:13px}.route-stage{padding:17px}.stage-heading h3{font-size:25px}.room-visual{grid-template-columns:1fr 95px 1fr;gap:5px;padding:8px;height:175px}.seat-grid{grid-template-columns:repeat(3,22px);gap:4px}.seat{width:22px;height:22px;font-size:8px}.seat.you{font-size:6px}.room-caption{font-size:7px;margin-bottom:8px}.room-core{height:105px}.core-orbit{width:96px;height:96px}.core-orbit-b{width:75px;height:75px}.core-icon{font-size:25px}.room-core strong{font-size:7px}.room-core small{font-size:5px}.route-progress{height:84px;margin:10px 0}.route-progress-line,.route-progress-fill{top:29px}.route-stop b{width:30px;height:30px;font-size:10px}.route-stop small{font-size:7px}.route-token{top:23px;width:13px;height:13px;font-size:8px}.scene-copy{gap:10px}.scene-copy>div+div{padding-left:10px}.scene-copy p{font-size:11px}.stage-controls{align-items:flex-start;flex-direction:column}.stage-controls>span{text-align:left}.experience-side{display:block;min-height:0}.radar-map{height:220px}.mechanism-grid,.audience-grid{grid-template-columns:1fr}.mechanism-card{min-height:0}.fee-layout,.model-grid{grid-template-columns:1fr}.fee-diagram{min-height:400px}.model-main,.model-aside{padding:23px}.model-number{font-size:clamp(89px,23vw,130px)}.model-scale>div{grid-template-columns:70px 128px 1fr;font-size:9px}.site-footer .shell{flex-wrap:wrap}.site-footer p{order:3;width:100%}}
@media(max-width:390px){.header-cta{display:none}.hero-actions .button{width:100%}.route-stop small{font-size:6px}.room-visual{grid-template-columns:1fr 82px 1fr}.seat-grid{grid-template-columns:repeat(3,19px);gap:3px}.seat{width:19px;height:19px}.core-orbit{width:84px;height:84px}.core-orbit-b{width:67px;height:67px}.scene-copy{grid-template-columns:1fr}.scene-copy>div+div{border-left:0;border-top:1px solid #53617b;padding:9px 0 0}.model-scale>div{grid-template-columns:60px 100px 1fr;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-packet{display:none}.reveal{opacity:1;transform:none}.room-visual.shuffling .seat{transform:none}}
.route-token{left:0;transform:translateX(0);transition:transform .72s var(--ease),opacity .2s}
.route-progress-fill{width:85.8%;transform-origin:left center;transform:scaleX(0);transition:transform .65s var(--ease)}
.ticker-track{animation:ticker-drift 18s ease-in-out infinite alternate}
@keyframes ticker-drift{to{transform:translateX(-15%)}}
.room-visual.shuffling .seat:nth-child(3),.room-visual.shuffling .seat:nth-child(6){transform:none}
.stage-counter{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.demo-clock-label{font:700 8px var(--mono);color:#91a7be;letter-spacing:.1em}.stage-counter time{font:700 25px var(--mono);line-height:1;color:var(--mint);text-shadow:0 0 14px #83f7d174;min-width:80px;text-align:right}.stage-counter time.running{animation:clock-breathe 1s ease-in-out infinite}
.process-visual{position:relative;border:1px solid #5f718f;border-radius:8px;overflow:hidden;background:radial-gradient(circle at center,#22315b,#0b172b 66%);min-height:320px;box-shadow:inset 0 0 38px #6c92ff14}.process-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 49%,#a4bafa0b 50%),linear-gradient(90deg,transparent 49%,#a4bafa0b 50%);background-size:24px 24px;pointer-events:none}.process-header,.process-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 16px;font:700 9px var(--mono);color:#a9bed1;letter-spacing:.08em}.process-header{border-bottom:1px solid #53617a;background:#121d31c7}.process-header span:last-child{color:var(--mint)}.process-bottom{border-top:1px solid #53617a;background:#121d31c7;flex-wrap:wrap}.process-bottom b{color:#e7f9f5}.phase-status{color:#b0a0ff}.process-visual .room-visual{height:235px;border:0;border-radius:0;background:transparent;position:relative;padding:12px 24px 55px}.process-visual .room-visual:before,.process-visual .room-visual:after{content:"";position:absolute;top:42%;width:15%;height:2px;background:linear-gradient(90deg,transparent,var(--mint),transparent);filter:drop-shadow(0 0 9px var(--mint));opacity:.8}.process-visual .room-visual:before{left:23%}.process-visual .room-visual:after{right:23%}.process-visual .room-core{z-index:2}.process-visual .room-column{z-index:2}.equal-note{display:block;text-align:center;color:#9bb8c5;font:600 8px var(--mono);margin-top:10px}.fee-lane{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 10px;border:1px solid #82dec6;border-radius:20px;background:#123c45;color:#c6fff0;z-index:4;box-shadow:0 0 16px #83f7d12e}.fee-lane b,.fee-lane strong,.fee-lane small{font:700 8px var(--mono)}.fee-lane i{font-style:normal;color:var(--mint)}.fee-lane small{color:#9bc1be}.fee-beacon{font-size:14px;color:var(--mint);line-height:1}.process-visual[data-phase="room"].playing .fee-beacon{animation:fee-pulse 1.6s ease-in-out infinite}
.entry-scene,.exit-scene{height:235px;position:relative;z-index:1;padding:25px 25px 10px;display:flex;flex-direction:column;justify-content:center}.entry-track{position:relative;display:grid;grid-template-columns:60px 1fr 60px 1fr 60px 1fr 60px;align-items:center;gap:7px}.entry-node{width:60px;height:60px;display:grid;place-items:center;position:relative;border:1px solid #84dcca;border-radius:50%;background:#17464e;color:#dcfff6;font:700 13px var(--mono);box-shadow:0 0 0 6px #83f7d113,0 0 22px #83f7d142}.entry-node.hop{background:#292849;border-color:var(--violet);box-shadow:0 0 22px #a89bff4f}.entry-node.staging{border-color:var(--blue);background:#164457}.entry-node small{position:absolute;top:70px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#a5bad0;font:600 9px var(--mono)}.entry-track i{height:2px;background:linear-gradient(90deg,#91f6d4,#a79aff);box-shadow:0 0 12px #a89bff}.entry-packet{position:absolute;left:7%;top:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 0 0 5px #ffffff35,0 0 22px white;opacity:0}.process-visual[data-phase="entry"].playing .entry-packet{opacity:1;animation:entry-route 5s var(--ease) infinite}.process-visual[data-phase="entry"].playing .entry-node.hop{animation:hop-pop 5s ease-in-out infinite}.process-visual[data-phase="entry"].playing .entry-node.hop:nth-of-type(3){animation-delay:.9s}.entry-scene p,.exit-scene p{font-size:11px;color:#b6c9db;text-align:center;margin:43px 0 0}
.exit-scene{align-items:center;justify-content:center}.exit-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:250px}.exit-cloud span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#294963;border:1px solid #93a8da;color:#e1ecff;font:700 10px var(--mono)}.exit-cloud span:nth-child(4){background:#8171cf}.exit-arrow{font-size:24px;color:var(--mint);line-height:1}.exit-wallet{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#125663;border:1px solid var(--mint);color:white;box-shadow:0 0 23px #83f7d199;font-size:24px}.exit-wallet small{position:absolute;top:66%;font:700 8px var(--mono);color:#9bd7d0}.exit-scene p{margin-top:12px}.process-visual[data-phase="exit"].playing .exit-cloud span:nth-child(2),.process-visual[data-phase="exit"].playing .exit-cloud span:nth-child(5){animation:hop-pop 3s ease-in-out infinite alternate}
.process-visual[data-phase="entry"] .room-visual,.process-visual[data-phase="entry"] .exit-scene,.process-visual[data-phase="room"] .entry-scene,.process-visual[data-phase="room"] .exit-scene,.process-visual[data-phase="exit"] .entry-scene,.process-visual[data-phase="exit"] .room-visual{display:none}.radar-readout{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #637595;background:#17253d;padding:8px 10px;margin-bottom:18px;font:700 9px var(--mono)}.radar-readout span{color:#95a9c0}.radar-readout strong{color:var(--mint)}.radar-links{position:absolute;inset:10px 0 0;width:100%;height:250px;overflow:visible}.radar-links path{fill:none;stroke:#a99bff;stroke-width:1.5;stroke-dasharray:3 5;opacity:0;transition:opacity .35s}.radar-map[data-stage="1"] .radar-links path{opacity:.15}.radar-map[data-stage="2"] .radar-links path{opacity:.35}.radar-map[data-stage="3"] .radar-links path,.radar-map[data-stage="4"] .radar-links path,.radar-map[data-stage="5"] .radar-links path,.radar-map[data-stage="6"] .radar-links path{opacity:.75;animation:dash 6s linear infinite}.radar-map[data-stage="0"] .radar-point,.radar-map[data-stage="1"] .radar-point{opacity:.15}.radar-map[data-stage="2"] .radar-point:nth-of-type(n+8){opacity:.18}.radar-point.p6{top:98px;right:11%}.radar-point.p7{bottom:30px;left:37%}.radar-point.p8{top:23px;right:38%}.radar-map[data-stage="3"] .radar-point,.radar-map[data-stage="4"] .radar-point,.radar-map[data-stage="5"] .radar-point,.radar-map[data-stage="6"] .radar-point{animation:radar-breathe 3s ease-in-out infinite alternate}.radar-map[data-stage="3"] .radar-point:nth-child(even){animation-delay:.8s}
@keyframes entry-route{0%,10%{left:7%;opacity:0}16%{opacity:1}33%{left:34%}58%{left:62%}83%{left:91%;opacity:1}92%,100%{left:91%;opacity:0}}@keyframes hop-pop{50%{transform:scale(1.12);box-shadow:0 0 0 7px #a89bff26,0 0 28px #a89bffb0}}@keyframes fee-pulse{50%{transform:scale(1.22);filter:drop-shadow(0 0 8px var(--mint))}}@keyframes clock-breathe{50%{opacity:.65}}@keyframes radar-breathe{50%{opacity:.5;transform:scale(1.3)}}
@media(max-width:760px){.stage-heading .micro-label{font-size:8px}.stage-counter time{font-size:20px}.demo-clock-label{font-size:6px}.process-visual{min-height:290px}.process-visual .room-visual{height:205px;padding:8px 8px 58px;grid-template-columns:1fr 92px 1fr}.process-header,.process-bottom{font-size:7px;padding:9px}.process-bottom{gap:5px}.fee-lane{gap:3px;padding:4px 6px}.fee-lane b,.fee-lane strong,.fee-lane small{font-size:6px}.room-caption{font-size:6px}.equal-note{font-size:6px}.entry-scene,.exit-scene{height:205px;padding:15px 12px}.entry-track{grid-template-columns:40px 1fr 40px 1fr 40px 1fr 40px;gap:3px}.entry-node{width:40px;height:40px;font-size:10px}.entry-node small{top:48px;font-size:6px}.entry-scene p{margin-top:39px;font-size:9px}.radar-readout{font-size:8px}}
@media(max-width:390px){.process-visual .room-visual{grid-template-columns:1fr 78px 1fr}.fee-lane small{display:none}.process-bottom{font-size:6px}.entry-track{grid-template-columns:36px 1fr 36px 1fr 36px 1fr 36px}.entry-node{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.entry-packet{display:none}.radar-map .radar-point,.radar-map .radar-links path{animation:none!important}.stage-counter time.running{animation:none!important}}
.process-visual[data-phase="room"].playing .room-visual:before{animation:box-flow-in 1.8s ease-in-out infinite}
.process-visual[data-phase="room"].playing .room-visual:after{animation:box-flow-out 1.8s ease-in-out .45s infinite}
.process-visual[data-phase="room"].playing .room-core{animation:box-surge 1.8s ease-in-out infinite}
.process-visual[data-phase="room"].playing .room-column .seat:nth-child(2n){animation:seat-flash 1.8s ease-in-out infinite alternate}
.process-visual[data-phase="room"].playing .room-column.exits .seat:nth-child(2n){animation-delay:.65s}
@keyframes box-flow-in{0%,100%{opacity:.22;filter:drop-shadow(0 0 1px var(--mint));transform:scaleX(.35)}48%{opacity:1;filter:drop-shadow(0 0 16px var(--mint));transform:scaleX(1)}}
@keyframes box-flow-out{0%,100%{opacity:.22;filter:drop-shadow(0 0 1px var(--mint));transform:scaleX(.35)}50%{opacity:1;filter:drop-shadow(0 0 16px var(--mint));transform:scaleX(1)}}
@keyframes box-surge{50%{filter:drop-shadow(0 0 20px #8df6d38a);transform:scale(1.045)}}
@keyframes seat-flash{50%{box-shadow:0 0 13px #a4fcdf9c}}
@media(prefers-reduced-motion:reduce){.process-visual[data-phase="room"].playing .room-visual:before,.process-visual[data-phase="room"].playing .room-visual:after,.process-visual[data-phase="room"].playing .room-core,.process-visual[data-phase="room"].playing .room-column .seat:nth-child(2n){animation:none}}
.butterfly-mesh{display:none;height:235px;position:relative;overflow:hidden;padding:11px 20px 32px;background:radial-gradient(circle at 50% 45%,#30264b 0,#14243b 55%,#0d1a2f);border-top:1px solid #667899;border-bottom:1px solid #667899}.process-visual[data-phase="mesh"] .butterfly-mesh{display:block}.process-visual[data-phase="mesh"] .entry-scene,.process-visual[data-phase="mesh"] .room-visual,.process-visual[data-phase="mesh"] .exit-scene{display:none}.mesh-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#a8c4d6;font:700 9px var(--mono);letter-spacing:.05em}.mesh-top strong{color:var(--mint);font-size:10px;text-align:center}.mesh-lines{position:absolute;inset:35px 12%;width:76%;height:160px;overflow:visible}.mesh-path{fill:none;stroke:#a89bff;stroke-width:1;opacity:.34;stroke-dasharray:4 7}.mesh-path.highlighted{stroke:var(--mint);stroke-width:2.5;opacity:1;filter:drop-shadow(0 0 7px var(--mint))}.process-visual[data-phase="mesh"].playing .mesh-path{animation:mesh-flow 2.8s linear infinite;animation-delay:var(--delay)}.mesh-column{position:absolute;top:41px;bottom:43px;display:flex;flex-direction:column;justify-content:space-around;z-index:2}.mesh-left{left:14px}.mesh-right{right:14px}.mesh-column span{width:24px;height:24px;display:grid;place-items:center;border:1px solid #a69ce0;border-radius:50%;background:#29264c;color:#e7e0ff;font:700 8px var(--mono);box-shadow:0 0 10px #a89bff55}.mesh-right span{border-color:#81e6cb;background:#164447;color:#d7fff4;box-shadow:0 0 10px #83f7d155}.mesh-caption{position:absolute;bottom:3px;left:26px;right:26px;color:#b6c8dc;font:600 8px/1.2 var(--mono);text-align:center;background:#102138dd;padding:4px}.process-visual[data-phase="mesh"] .process-bottom{margin-top:0}@keyframes mesh-flow{to{stroke-dashoffset:-44}}@media(max-width:760px){.butterfly-mesh{height:205px;padding:9px 10px 37px}.mesh-top{font-size:6px}.mesh-top strong{font-size:7px}.mesh-lines{top:33px;height:132px}.mesh-column{top:34px;bottom:39px}.mesh-column span{width:18px;height:18px;font-size:6px}.mesh-caption{font-size:6px;left:10px;right:10px}}@media(prefers-reduced-motion:reduce){.process-visual[data-phase="mesh"].playing .mesh-path{animation:none}}