:root{--black:#050a0c;--deep:#071113;--slate:#0d2024;--cyan:#9ec7c5;--paper:#d7d5c9;--yellow:#d8cf57;--yellow-hi:#eee56b;--red:#9d342f;--white:#edf1ea;--muted:#9dafac;--line:rgba(178,207,202,.18);--serif:"Noto Serif TC","PMingLiU","Songti TC",serif;--sans:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;--mono:"Cascadia Mono",Consolas,monospace;--wrap:min(1180px,calc(100vw - 64px));--scroll:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);font-size:17px;line-height:1.9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-break:strict;word-break:normal;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.wrap{width:var(--wrap);margin-inline:auto}.scene{position:relative;overflow:hidden;border-top:1px solid var(--line)}.grain{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.progress{position:fixed;z-index:90;left:0;right:0;top:0;height:2px;background:rgba(216,207,87,.12);pointer-events:none}.progress i{display:block;height:100%;width:calc(var(--scroll)*1%);background:var(--yellow);box-shadow:0 0 12px var(--yellow)}
.nav{position:fixed;z-index:70;top:2px;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(5,10,12,.76);backdrop-filter:blur(14px);border-bottom:1px solid rgba(216,207,87,.18)}.logo{display:flex;align-items:center;gap:11px;line-height:1.15}.logo>b{font:800 23px var(--mono);color:var(--yellow);border:1px solid var(--yellow);padding:4px 7px}.logo>span{font-size:12px;font-weight:800;letter-spacing:.08em}.logo small{display:block;font:7px var(--mono);letter-spacing:.13em;color:#7f9b99;margin-top:4px}.nav nav{display:flex;gap:28px;font-size:12px;color:#aebbb8}.nav nav a:hover{color:var(--yellow)}.nav-action{font-size:13px;font-weight:800;border-left:1px solid rgba(216,207,87,.55);padding-left:20px}.nav-action span{color:var(--yellow)}
.kicker{margin:0 0 24px;font:700 10px/1.4 var(--mono);letter-spacing:.17em;color:#9cb4b1;text-transform:uppercase}.kicker:before{content:"";display:inline-block;width:32px;height:1px;background:var(--yellow);vertical-align:middle;margin-right:10px}.kicker.dark{color:#263d40}.scene h1,.scene h2{font-family:var(--serif);font-weight:900;letter-spacing:-.012em;margin:0;line-height:1.18}.scene h1 span,.scene h2 span{display:block}.scene h1 em,.scene h2 em{font-style:normal;color:var(--yellow)}.scene h2{font-size:clamp(45px,4.5vw,67px);max-width:12em}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-width:240px;padding:15px 19px;background:var(--yellow);color:#091113;font-size:14px;font-weight:900;box-shadow:7px 7px 0 rgba(80,130,131,.26);transition:transform .2s,box-shadow .2s,background .2s}.primary:hover{transform:translate(-2px,-2px);box-shadow:11px 11px 0 rgba(80,130,131,.34);background:var(--yellow-hi)}.quiet-link{font-size:13px;font-weight:800;border-bottom:1px solid #7d9491;padding-bottom:4px}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}
.hero{height:100dvh;min-height:760px;background:#04090b}.hero-media{position:absolute;inset:0;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035) translate3d(var(--hero-x,0),var(--hero-y,0),0);filter:saturate(.9) contrast(1.06);transition:transform .14s linear}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,10,.95) 0,rgba(3,8,10,.76) 41%,rgba(3,8,10,.13) 73%,rgba(3,8,10,.48)),linear-gradient(0deg,rgba(3,8,10,.8),transparent 34%)}.hero-layout{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:8vw;align-items:center;padding-top:55px}.hero-copy{max-width:790px}.hero h1{font-size:clamp(58px,6vw,89px);max-width:10em}.hero-intro{max-width:32em;margin:30px 0 0;color:#d4dcd7;font-size:18px;line-height:1.95}.hero-note{align-self:end;margin-bottom:118px;border-left:1px solid var(--yellow);padding:0 0 0 18px;color:#b7c4c0}.hero-note span{font:700 9px var(--mono);color:var(--yellow)}.hero-note p{font-size:14px;line-height:1.8;margin:12px 0 0}.hero-facts{position:absolute;z-index:3;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding-left:calc((100vw - var(--wrap))/2);padding-right:calc((100vw - var(--wrap))/2);background:rgba(4,10,12,.82);border-top:1px solid var(--line)}.hero-facts span{display:flex;align-items:baseline;gap:11px;padding:14px 18px;border-right:1px solid var(--line);font-size:11px;color:#95aaa7}.hero-facts b{font:700 24px var(--mono);color:var(--yellow)}
.method{min-height:1150px;padding:150px 0 220px;background:linear-gradient(125deg,#0d2428 0,#071113 62%)}.method-layout{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) .72fr;gap:10vw}.section-intro>p:last-child{max-width:31em;color:#b5c6c2;margin-top:34px}.method-steps{list-style:none;padding:95px 0 0;margin:0}.method-steps li{display:grid;grid-template-columns:48px 1fr;gap:19px;padding:22px 0;border-top:1px solid var(--line)}.method-steps li:last-child{border-bottom:1px solid var(--line)}.method-steps li>b{font:800 18px var(--mono);color:var(--yellow)}.method-steps h3{font-family:var(--serif);font-size:23px;margin:0 0 6px}.method-steps p{margin:0;color:#9fb2af;font-size:15px}.topology-world{position:absolute;z-index:1;width:min(790px,59vw);right:-5vw;bottom:-145px;pointer-events:none;transform:translateY(calc(var(--scroll)*-.45px))}.topology-world img{width:100%;filter:drop-shadow(0 42px 40px #000);mask-image:linear-gradient(130deg,transparent 0,#000 17%,#000 78%,transparent 98%)}.topology-world:before{content:"";position:absolute;inset:20% 8%;background:radial-gradient(circle,rgba(86,155,158,.3),transparent 64%);filter:blur(20px)}.topology-world i{position:absolute;left:10%;right:0;bottom:27%;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent);box-shadow:0 0 10px var(--yellow)}.topology-caption{position:absolute;z-index:4;right:5%;bottom:36px;margin:0;font:8px var(--mono);letter-spacing:.12em;color:#74908e}
.scope{padding:150px 0;background:var(--cyan);color:#0a1719}.scope-layout{display:grid;grid-template-columns:.8fr 1fr;gap:12vw;align-items:start}.scope-title h2{font-size:clamp(48px,5vw,72px)}.scope-copy>p{max-width:31em;margin:0;font-size:18px}.scope-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}.scope-tags span{padding:8px 12px;border:1px solid rgba(6,25,27,.32);font-size:12px;font-weight:800}
.roles{min-height:1050px;padding:155px 0;background:#050b0d}.roles-layout{position:relative;z-index:3;display:grid;grid-template-columns:.8fr 1fr;gap:10vw}.roles-heading>p:last-child{max-width:31em;color:#a8b9b6;margin-top:30px}.serp-world{position:absolute;z-index:1;right:-5vw;bottom:-12%;width:min(760px,58vw);height:88%;overflow:hidden;opacity:.78;pointer-events:none}.serp-world img{width:100%;filter:drop-shadow(0 50px 50px #000) saturate(.85);mask-image:linear-gradient(110deg,transparent 0,#000 23%,#000 70%,transparent 98%);transform:translateY(calc(var(--scroll)*-.18px)) rotate(-2deg)}.serp-world:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050b0d 0,transparent 28%),linear-gradient(0deg,#050b0d,transparent 35%)}.serp-world i{position:absolute;z-index:2;left:30%;right:5%;top:39%;height:10%;background:linear-gradient(transparent,rgba(216,207,87,.2),transparent);animation:scan 5s ease-in-out infinite}@keyframes scan{50%{transform:translateY(230px)}}.role-console{position:relative;z-index:4;margin-top:165px;max-width:590px;background:rgba(8,20,22,.86);border:1px solid rgba(216,207,87,.28);backdrop-filter:blur(10px);box-shadow:18px 18px 0 rgba(39,77,79,.2)}.role-switch{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.role-switch button{border:0;background:transparent;color:#8ea3a0;padding:17px;cursor:pointer;font-weight:800}.role-switch button.active{background:var(--yellow);color:#081113}.role-copy{padding:30px 32px 23px}.role-copy>span{font:700 10px var(--mono);color:var(--yellow)}.role-copy h3{font-family:var(--serif);font-size:28px;line-height:1.5;margin:15px 0}.role-copy p{margin:0;color:#acbcb8}.role-console>small{display:block;padding:9px 32px;border-top:1px solid var(--line);font:8px var(--mono);color:#77908d}
.benefit{padding:130px 0;background:var(--deep)}.benefit-shell{display:grid;grid-template-columns:.34fr 1fr;background:var(--yellow);color:#081113;box-shadow:22px 22px 0 #102b2e}.benefit-number{padding:42px;border-right:1px solid rgba(8,20,22,.32)}.benefit-number>span{font:700 9px var(--mono);letter-spacing:.12em}.benefit-number b{display:block;font:800 clamp(90px,12vw,170px)/.95 var(--mono);letter-spacing:-.12em;margin-top:55px}.benefit-number small{font-weight:800}.benefit-copy{padding:62px 7vw 60px}.benefit-copy h2{max-width:12em}.benefit-copy .lead{font-family:var(--serif);font-weight:800;font-size:24px;line-height:1.65;max-width:27em;margin:38px 0 22px}.benefit-copy>p:not(.kicker):not(.lead){max-width:34em}.benefit-rule{display:flex;flex-wrap:wrap;gap:1px;margin-top:30px}.benefit-rule span{background:#091416;color:var(--yellow);padding:9px 13px;font-size:10px;font-weight:800}
.exchange{min-height:1050px;padding:155px 0;background:linear-gradient(135deg,#10262a,#061012 70%)}.exchange-layout{position:relative;z-index:3;display:grid;grid-template-columns:.58fr 1fr;column-gap:11vw}.exchange header>p:last-child{max-width:28em;color:#a7bab6;margin-top:30px}.exchange-columns{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);align-self:start}.exchange-columns article{background:rgba(6,16,18,.9);padding:32px}.exchange-columns article>span{font:700 11px var(--mono);color:var(--yellow)}.exchange-columns ul{padding-left:1.15em;margin:24px 0 0}.exchange-columns li{margin:12px 0;color:#b3c2be}.boundary{grid-column:1/-1;margin:55px 0 0;padding:18px 22px;border-left:3px solid var(--red);background:rgba(4,11,13,.64);color:#b9c7c3;font-size:14px}.boundary b{color:#d46b64}.relay-world{position:absolute;z-index:2;left:42%;bottom:7%;width:280px;height:280px;pointer-events:none}.relay-world img{width:100%;filter:drop-shadow(0 28px 30px #000);transform:rotate(calc(var(--scroll)*1.2deg));mask-image:radial-gradient(circle,#000 55%,transparent 78%)}.relay-world i{position:absolute;left:-60vw;right:-60vw;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),transparent)}
.outcomes{padding:145px 0;background:#050a0c}.outcomes-layout{display:grid;grid-template-columns:.78fr 1fr;gap:10vw}.outcomes ol{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.outcomes li{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.outcomes li>b{font:800 18px var(--mono);color:var(--yellow)}.outcomes h3{font-family:var(--serif);font-size:23px;margin:0 0 4px}.outcomes li p{margin:0;color:#94a8a5;font-size:15px}
.fit{padding:145px 0;background:var(--paper);color:#0b181a}.fit-layout{display:grid;grid-template-columns:.62fr 1fr;gap:11vw}.fit header>p:last-child{max-width:29em;margin-top:32px}.fit-columns{display:grid;grid-template-columns:1fr 1fr;border:1px solid #808b88}.fit-columns article{padding:32px}.fit-columns article+article{border-left:1px solid #808b88;background:#c4c7bc}.fit-columns article>span{font-family:var(--serif);font-size:22px;font-weight:900}.fit-columns ul{padding-left:1.1em}.fit-columns li{margin:13px 0}
.application{min-height:980px;padding:155px 0;background:#071113}.application-layout{position:relative;z-index:3;display:grid;grid-template-columns:.75fr 1fr;gap:12vw}.application header>p:not(.kicker){max-width:31em;color:#aabcb8;margin:32px 0}.apply-flow{list-style:none;padding:0;margin:40px 0 0;background:rgba(7,17,19,.78);border-top:1px solid var(--line);backdrop-filter:blur(8px)}.apply-flow li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.apply-flow li>b{font:800 18px var(--mono);color:var(--yellow)}.apply-flow p{margin:0;color:#aebfbb}.apply-flow strong{display:block;color:var(--white)}.archive-world{position:absolute;z-index:1;right:-7vw;bottom:-18%;width:min(760px,59vw);height:100%;opacity:.6;pointer-events:none}.archive-world img{width:100%;filter:drop-shadow(0 45px 40px #000) saturate(.8);transform:rotate(-11deg) translateY(calc(var(--scroll)*-.12px));mask-image:linear-gradient(120deg,transparent 4%,#000 30%,#000 67%,transparent 92%)}.archive-world:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071113 0,transparent 36%),linear-gradient(0deg,#071113 0,transparent 25%)}
.faq{padding:145px 0;background:#050a0c}.faq-layout{display:grid;grid-template-columns:.42fr 1fr;gap:12vw}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;font-family:var(--serif);font-size:21px;font-weight:800}summary::-webkit-details-marker{display:none}summary i{font:400 22px var(--mono);color:var(--yellow);transition:transform .2s}details[open] summary i{transform:rotate(45deg)}details p{margin:0;padding:0 10% 26px 0;max-width:34em;color:#9cafac}
.closing{min-height:790px;padding:150px 0;display:grid;align-items:center;background:#04090b}.closing-media{position:absolute;inset:0}.closing-media img{width:100%;height:100%;object-fit:cover;object-position:right center;filter:saturate(.75)}.closing-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,11,.97) 0,rgba(3,9,11,.78) 54%,rgba(3,9,11,.24)),linear-gradient(0deg,#04090b,transparent 35%)}.closing-layout{position:relative;z-index:2}.closing-layout h2{max-width:14em}.closing-layout>p:not(.kicker){max-width:32em;margin:30px 0;color:#c3ceca}.closing-layout small{display:block;margin-top:22px;color:#809793;font-size:11px}footer{display:flex;justify-content:space-between;padding:24px 32px;background:#020607;border-top:1px solid var(--line);font-size:11px;color:#718985}footer nav{display:flex;gap:25px}
@media(max-width:900px){:root{--wrap:calc(100vw - 40px)}body{font-size:16px;line-height:1.92}.nav{height:64px;padding:0 20px}.nav nav{display:none}.nav-action{font-size:11px}.scene h2{font-size:clamp(39px,9.8vw,53px);line-height:1.22;max-width:10em}.hero{height:auto;min-height:900px}.hero-media img{object-position:61% center}.hero-shade{background:linear-gradient(90deg,rgba(3,8,10,.92),rgba(3,8,10,.42)),linear-gradient(0deg,#03080a 0,transparent 42%,rgba(3,8,10,.28))}.hero-layout{min-height:900px;display:block;padding-top:150px}.hero-copy{max-width:none}.hero h1{font-size:clamp(43px,11.3vw,55px);line-height:1.19;max-width:9em}.hero-intro{font-size:16px;line-height:1.95;max-width:29em;margin-top:26px}.hero-note{display:none}.hero-facts{position:relative;padding:0 20px;grid-template-columns:1fr 1fr}.hero-facts span:nth-child(2n){border-right:0}.actions{align-items:flex-start;flex-direction:column;gap:15px}.method{min-height:1290px;padding:110px 0 340px}.method-layout,.scope-layout,.roles-layout,.exchange-layout,.outcomes-layout,.fit-layout,.application-layout,.faq-layout{grid-template-columns:1fr;gap:55px}.method-steps{padding-top:15px;max-width:520px}.topology-world{width:720px;max-width:145vw;right:-43vw;bottom:-110px;transform:none}.topology-caption{left:20px;right:auto}.scope{padding:105px 0}.scope-copy>p{font-size:16px}.roles{min-height:1080px;padding:110px 0}.roles-heading h2{max-width:11em}.roles-heading>p:last-child{font-size:16px}.role-console{margin-top:180px;max-width:520px}.serp-world{width:650px;max-width:140vw;right:-35vw;bottom:-9%;opacity:.62}.benefit{padding:90px 0}.benefit-shell{grid-template-columns:1fr}.benefit-number{display:flex;align-items:baseline;gap:14px;padding:24px 28px;border-right:0;border-bottom:1px solid rgba(8,20,22,.3)}.benefit-number b{font-size:70px;margin:0}.benefit-copy{padding:42px 28px}.benefit-copy .lead{font-size:21px}.exchange{min-height:1200px;padding:110px 0}.exchange-columns{margin-top:120px}.relay-world{left:auto;right:8%;bottom:31%;width:210px}.outcomes,.fit,.application,.faq{padding:110px 0}.fit-columns{grid-template-columns:1fr}.fit-columns article+article{border-left:0;border-top:1px solid #808b88}.application{min-height:1100px}.archive-world{width:700px;max-width:150vw;right:-56vw;bottom:-22%;opacity:.42}.closing{min-height:850px;padding:120px 0}.closing-media img{object-position:67% center}}
@media(max-width:560px){.logo small{display:none}.logo>span{font-size:11px}.nav-action{padding-left:12px}.kicker{font-size:8px;margin-bottom:18px}.kicker:before{width:22px}.hero-layout{padding-top:125px}.hero h1{font-size:42px;letter-spacing:0}.hero-intro{font-size:16px}.primary{width:100%;min-width:0}.hero-facts span{padding:12px 5px;font-size:10px}.hero-facts b{font-size:20px}.scene h2{font-size:38px;letter-spacing:0}.method{min-height:1350px}.method-steps li{grid-template-columns:38px 1fr}.method-steps h3{font-size:21px}.topology-world{right:-58vw}.scope-tags span{font-size:11px}.role-console{margin-top:155px}.role-copy{padding:25px 22px 20px}.role-copy h3{font-size:24px}.serp-world{right:-47vw}.benefit-shell{box-shadow:10px 10px 0 #102b2e}.benefit-copy{padding:36px 22px}.benefit-copy .lead{font-size:20px}.exchange{min-height:1370px}.exchange-columns{grid-template-columns:1fr;margin-top:120px}.exchange-columns article{padding:27px 23px}.relay-world{right:-7%;bottom:43%;width:185px}.outcomes li{grid-template-columns:38px 1fr}.fit-columns article{padding:27px 23px}.application{min-height:1180px}.apply-flow li{grid-template-columns:40px 1fr}.archive-world{right:-76vw}.faq-layout{gap:25px}summary{font-size:18px;line-height:1.55}.closing-layout h2{font-size:39px}.closing-layout>p:not(.kicker){font-size:16px}footer{padding:22px 20px;gap:20px;align-items:flex-start}footer nav{gap:13px}}
.scene h1 span,.scene h2 span{white-space:nowrap}.benefit-copy{min-width:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.hero-media img,.topology-world,.serp-world img,.relay-world img,.archive-world img{transform:none!important}}

/* v4 — one search signal wakes the generated asset world */
.room-life,.hero-cables,.room-probe{position:absolute;inset:0;pointer-events:none}.room-life{z-index:1;--probe-x:78%;--probe-y:42%}.room-probe{background:radial-gradient(circle 210px at var(--probe-x) var(--probe-y),rgba(151,221,218,.13),rgba(151,221,218,.035) 38%,transparent 72%);mix-blend-mode:screen;opacity:.8;transition:opacity .35s}.room-practical{position:absolute;left:64.7%;top:28.5%;width:16.5%;height:7%;background:radial-gradient(ellipse,rgba(238,229,107,.28),rgba(216,207,87,.08) 42%,transparent 72%);filter:blur(6px);transform:rotate(5deg);opacity:.75}.room-crt{position:absolute;left:76%;top:57%;width:9%;height:12%;background:radial-gradient(ellipse,rgba(158,211,211,.24),rgba(92,164,168,.08) 45%,transparent 72%);filter:blur(4px);opacity:.55}.hero-cables{width:100%;height:100%;overflow:visible}.hero-cables path{fill:none;vector-effect:non-scaling-stroke}.cable-base{stroke:rgba(99,164,165,.15);stroke-width:2}.cable-signal{stroke:var(--yellow-hi);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:16 128;filter:drop-shadow(0 0 5px var(--yellow)) drop-shadow(0 0 12px rgba(216,207,87,.55));animation:cableTravel 4.8s linear infinite paused}.signal-two{animation-delay:-2.2s}.hero.is-live .room-practical{animation:practicalBuzz 5.8s steps(1,end) infinite}.hero.is-live .room-crt{animation:crtBreath 3.4s ease-in-out infinite}.hero.is-live .cable-signal{animation-play-state:running}@keyframes cableTravel{to{stroke-dashoffset:-288}}@keyframes practicalBuzz{0%,9%,11%,53%,55%,100%{opacity:.78}10%,54%{opacity:.28}56%{opacity:.92}}@keyframes crtBreath{0%,100%{opacity:.38;filter:blur(5px)}50%{opacity:.78;filter:blur(3px)}}

.asset-stage{outline:0}.asset-stage:focus-visible{outline:1px solid var(--yellow);outline-offset:8px}.asset-action{position:absolute;z-index:8;padding:7px 9px;background:rgba(4,10,12,.78);border:1px solid rgba(216,207,87,.32);color:var(--yellow);font:700 7px/1 var(--mono);letter-spacing:.11em;opacity:.35;transition:opacity .25s,background .25s;pointer-events:none;white-space:nowrap}.asset-stage:hover .asset-action,.asset-stage:focus-visible .asset-action{opacity:1;background:rgba(4,10,12,.94)}

.topology-world{pointer-events:auto;cursor:pointer;isolation:isolate}.topology-world img{position:relative;z-index:2}.topology-signal{position:absolute;z-index:4;inset:3% 6% 6% 4%;width:90%;height:91%;overflow:visible;filter:drop-shadow(0 0 7px rgba(216,207,87,.55));pointer-events:none}.topology-path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.topology-path.base{stroke:rgba(124,196,197,.25);stroke-width:.55}.topology-path.live{stroke:var(--yellow-hi);stroke-width:.9;stroke-dasharray:5 72;animation:topologyFlow 3.8s linear infinite paused}.topology-path.live.error{stroke:#cf5149;animation-delay:-1.8s}.topology-nodes circle{fill:var(--yellow);stroke:rgba(238,229,107,.28);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:nodeWake 2.6s ease-in-out infinite paused}.topology-nodes .error-node{fill:#c43b35;animation-delay:-1.1s}.topology-world.is-live .topology-path.live,.topology-world.is-live .topology-nodes circle{animation-play-state:running}.topology-world.is-replaying .topology-path.live{animation-duration:1.1s;animation-iteration-count:2}.topology-world .asset-action{right:12%;bottom:19%}@keyframes topologyFlow{to{stroke-dashoffset:-154}}@keyframes nodeWake{0%,65%,100%{transform:scale(.75);opacity:.35}76%{transform:scale(1.65);opacity:1}}

.serp-world{pointer-events:auto;cursor:pointer;isolation:isolate}.serp-world img{position:relative;z-index:2}.serp-screen-life{position:absolute;z-index:4;left:19.5%;top:17%;width:56%;height:43%;transform:rotate(-2deg);overflow:hidden;opacity:.72;mix-blend-mode:screen;pointer-events:none}.serp-screen-life:after{content:"";position:absolute;left:0;right:0;height:18%;top:-20%;background:linear-gradient(transparent,rgba(238,229,107,.28),transparent);animation:serpScreenScan 3.6s ease-in-out infinite paused}.serp-screen-life span{position:absolute;left:13%;right:10%;height:7%;border-left:3px solid var(--cyan);background:linear-gradient(90deg,rgba(117,199,200,.18),transparent);opacity:.24;animation:serpRow 4.2s ease-in-out infinite paused}.serp-screen-life span:nth-child(1){top:9%}.serp-screen-life span:nth-child(2){top:27%;animation-delay:-.7s}.serp-screen-life span:nth-child(3){top:45%;animation-delay:-1.4s}.serp-screen-life span:nth-child(4){top:63%;animation-delay:-2.1s}.serp-screen-life span:nth-child(5){top:81%;animation-delay:-2.8s}.serp-screen-life b{position:absolute;right:6%;bottom:0;font:700 5px var(--mono);color:var(--yellow);letter-spacing:.08em}.serp-world.is-live .serp-screen-life:after,.serp-world.is-live .serp-screen-life span{animation-play-state:running}.serp-world.is-replaying .serp-screen-life:after{animation-duration:1s;animation-iteration-count:2}.serp-world[data-query="grow"] .serp-screen-life span:nth-child(4){opacity:1;border-color:var(--yellow);box-shadow:0 0 14px rgba(216,207,87,.35)}.serp-world[data-query="share"] .serp-screen-life span:nth-child(2){opacity:1;border-color:var(--yellow);box-shadow:0 0 14px rgba(216,207,87,.35)}.serp-world .asset-action{right:14%;bottom:20%}@keyframes serpScreenScan{50%{transform:translateY(560%)}}@keyframes serpRow{0%,58%,100%{opacity:.18;transform:scaleX(.86);transform-origin:left}65%,76%{opacity:.82;transform:scaleX(1)}}

.relay-world{pointer-events:auto;cursor:pointer;isolation:isolate}.relay-world img{position:relative;z-index:3}.relay-core,.relay-ring,.relay-port{position:absolute;z-index:5;pointer-events:none}.relay-core{left:45%;top:43%;width:10%;height:10%;border-radius:50%;background:radial-gradient(circle,#fff6ad 0,var(--yellow) 18%,rgba(59,197,199,.8) 40%,transparent 72%);filter:blur(1px) drop-shadow(0 0 12px var(--yellow));animation:relayCharge 2.5s ease-in-out infinite paused}.relay-ring{left:39%;top:37%;width:22%;height:22%;border:1px solid rgba(118,213,211,.55);border-radius:50%;opacity:0;animation:ringTransmit 3s ease-out infinite paused}.ring-b{animation-delay:-1.5s}.relay-port{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 10px var(--yellow);opacity:.18;animation:portWake 3s steps(1,end) infinite paused}.p1{left:21%;top:23%}.p2{right:21%;top:23%;animation-delay:-.75s}.p3{right:21%;bottom:23%;animation-delay:-1.5s}.p4{left:21%;bottom:23%;animation-delay:-2.25s}.relay-world.is-live .relay-core,.relay-world.is-live .relay-ring,.relay-world.is-live .relay-port{animation-play-state:running}.relay-world.is-replaying .relay-ring{animation-duration:.9s;animation-iteration-count:2}.relay-world .asset-action{left:50%;bottom:4%;transform:translateX(-50%)}@keyframes relayCharge{0%,100%{transform:scale(.7);opacity:.45}52%{transform:scale(1.45);opacity:1}}@keyframes ringTransmit{0%{transform:scale(.45);opacity:0}18%{opacity:.8}82%{transform:scale(2.7);opacity:0}100%{opacity:0}}@keyframes portWake{0%,24%{opacity:.16}25%,48%{opacity:1}49%,100%{opacity:.16}}

.archive-world{pointer-events:auto;cursor:pointer;isolation:isolate}.archive-world img{position:relative;z-index:2}.archive-signal{position:absolute;z-index:4;inset:0;width:100%;height:100%;transform:rotate(-11deg);pointer-events:none}.archive-cable{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.archive-cable.base{stroke:rgba(112,190,190,.24);stroke-width:.6}.archive-cable.live{stroke:var(--yellow-hi);stroke-width:.85;stroke-dasharray:5 58;filter:drop-shadow(0 0 5px var(--yellow));animation:archiveCable 3s linear infinite paused}.archive-edge{position:absolute;z-index:5;left:25%;top:36%;width:59%;height:37%;border:1px solid transparent;transform:rotate(-11deg);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:archiveEdge 3.4s ease-in-out infinite paused}.archive-led{position:absolute;z-index:6;left:38%;top:69%;width:9px;height:9px;border-radius:50%;background:#b82d28;box-shadow:0 0 5px #b82d28;animation:archiveLed 3.4s steps(1,end) infinite paused}.archive-world.is-live .archive-cable.live,.archive-world.is-live .archive-edge,.archive-world.is-live .archive-led{animation-play-state:running}.archive-world.is-replaying .archive-cable.live,.archive-world.is-replaying .archive-edge,.archive-world.is-replaying .archive-led{animation-duration:1s;animation-iteration-count:2}.archive-world .asset-action{left:31%;bottom:23%}@keyframes archiveCable{to{stroke-dashoffset:-126}}@keyframes archiveEdge{0%,32%{border-color:transparent;box-shadow:none}55%,72%{border-color:rgba(216,207,87,.52);box-shadow:inset 0 0 24px rgba(216,207,87,.08),0 0 16px rgba(216,207,87,.12)}100%{border-color:transparent}}@keyframes archiveLed{0%,48%,100%{background:#9e2e2a;box-shadow:0 0 4px #9e2e2a}51%,82%{background:var(--yellow-hi);box-shadow:0 0 12px var(--yellow)}}

.closing-crt,.closing-light{position:absolute;z-index:1;pointer-events:none}.closing-crt{right:17%;top:57%;width:8%;height:12%;background:radial-gradient(ellipse,rgba(151,213,211,.25),transparent 70%);filter:blur(4px)}.closing-light{right:22%;top:28%;width:17%;height:8%;background:radial-gradient(ellipse,rgba(216,207,87,.25),transparent 68%);filter:blur(7px);transform:rotate(5deg)}.closing.is-live .closing-crt{animation:crtBreath 3.4s ease-in-out infinite}.closing.is-live .closing-light{animation:practicalBuzz 5.8s steps(1,end) infinite}

@media(max-width:900px){.room-practical{left:58%;width:27%}.room-crt{left:75%;width:15%}.room-probe{background:radial-gradient(circle 150px at var(--probe-x) var(--probe-y),rgba(151,221,218,.12),transparent 72%)}.hero-cables{transform:translateX(-7%)}.cable-signal{stroke-width:1.8}.asset-action{opacity:.72}.topology-world .asset-action{right:27%;bottom:24%}.serp-screen-life{left:18%;top:18%;width:57%}.serp-world .asset-action{right:27%;bottom:24%}.archive-world .asset-action{left:36%;bottom:28%}}

@media(prefers-reduced-motion:reduce){.room-probe{opacity:.45}.cable-signal,.topology-path.live,.topology-nodes circle,.serp-screen-life:after,.serp-screen-life span,.relay-core,.relay-ring,.relay-port,.archive-cable.live,.archive-edge,.archive-led,.closing-crt,.closing-light{animation:none!important}.cable-signal,.topology-path.live,.archive-cable.live{stroke-dasharray:none;opacity:.75}.topology-nodes circle,.relay-core,.relay-port{opacity:.8}.serp-screen-life span{opacity:.35;transform:none}.serp-world[data-query="grow"] .serp-screen-life span:nth-child(4),.serp-world[data-query="share"] .serp-screen-life span:nth-child(2){opacity:1}.relay-ring{display:none}.archive-edge{border-color:rgba(216,207,87,.34)}.archive-led{background:var(--yellow-hi);box-shadow:0 0 6px var(--yellow)}}

/* exact asset-coordinate overlays */
.topology-signal{inset:0;width:100%;height:100%}.topology-path.base{stroke-width:5;stroke:rgba(124,196,197,.18)}.topology-path.live{stroke-width:9;stroke-dasharray:24 280}.topology-nodes circle{stroke-width:7}@keyframes topologyFlow{to{stroke-dashoffset:-620}}
@media(max-width:900px){.hero-cables{transform:translateX(-31vw)}}

/* interaction alignment repairs */
.cable-base{stroke:transparent}.asset-stage:focus-visible{outline:none}.asset-stage:focus-visible img{filter:drop-shadow(0 0 13px rgba(216,207,87,.24)) brightness(1.05)}
.serp-keys{position:absolute;z-index:6;left:25%;top:51%;width:48%;height:18%;transform:rotate(-2deg);pointer-events:none}.serp-keys span{position:absolute;top:24%;width:13%;height:31%;border-radius:4px;background:radial-gradient(circle,rgba(238,229,107,.34),transparent 68%);opacity:.18;animation:serpKey 3.6s steps(1,end) infinite paused}.serp-keys span:nth-child(1){left:3%}.serp-keys span:nth-child(2){left:42%;animation-delay:-1.2s}.serp-keys span:nth-child(3){right:1%;animation-delay:-2.4s}.serp-world.is-live .serp-keys span{animation-play-state:running}.serp-world[data-query="share"] .serp-keys span:nth-child(2),.serp-world[data-query="grow"] .serp-keys span:nth-child(3){opacity:1;box-shadow:0 0 12px rgba(216,207,87,.18)}@keyframes serpKey{0%,35%,100%{opacity:.16}36%,55%{opacity:.92}}
.archive-signal{inset:0 auto auto 0;width:100%;height:auto;aspect-ratio:1;transform:rotate(-11deg)}.archive-cable.base{stroke-width:5}.archive-cable.live{stroke-width:9;stroke-dasharray:26 290}.archive-led{left:50%;top:57%}.archive-world.is-replaying .archive-led{background:var(--yellow-hi)!important;box-shadow:0 0 18px var(--yellow)!important}.archive-world.is-replaying .archive-edge{border-color:rgba(238,229,107,.72)!important;box-shadow:inset 0 0 25px rgba(216,207,87,.12),0 0 18px rgba(216,207,87,.18)!important}
@media(max-width:900px){.topology-world .asset-action{left:40%;right:auto;bottom:34%}.serp-world .asset-action{left:20%;right:auto}.archive-world .asset-action{left:20%;right:auto;bottom:28%}}
@media(prefers-reduced-motion:reduce){.serp-keys span{animation:none!important;opacity:.35}.serp-world[data-query="share"] .serp-keys span:nth-child(2),.serp-world[data-query="grow"] .serp-keys span:nth-child(3){opacity:1}}

.role-status{display:flex;align-items:center;justify-content:space-between;padding:9px 32px;border-top:1px solid var(--line)}.role-status small{font:8px var(--mono);color:#77908d}.role-status button{border:0;border-left:1px solid rgba(216,207,87,.28);padding:3px 0 3px 16px;background:transparent;color:var(--yellow);font:700 8px var(--mono);letter-spacing:.08em;cursor:pointer}.role-status button:hover,.role-status button:focus-visible{color:var(--yellow-hi);text-shadow:0 0 8px rgba(216,207,87,.65);outline:0}.serp-world .asset-action{display:none}.archive-edge{display:none!important}
@media(max-width:900px){.role-status{padding:9px 22px}.archive-world .asset-action{left:20%;top:34%;bottom:auto}}

/* generated cable layer: image and signal share one coordinate system */
.hero-cable-assembly{position:absolute;z-index:2;right:-12%;top:2%;width:min(1020px,70vw);aspect-ratio:1.5;opacity:.58;filter:brightness(.68) saturate(.76) drop-shadow(0 18px 20px rgba(0,0,0,.75));pointer-events:none;mask-image:linear-gradient(125deg,transparent 0,#000 18%,#000 82%,transparent 100%)}.hero-cable-assembly>img,.hero-cable-assembly>.hero-cables{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform:none}.hero-cable-assembly>img{z-index:1}.hero-cable-assembly>.hero-cables{z-index:2}.hero-cable-assembly .cable-signal{stroke-width:3;stroke-dasharray:22 205;animation-duration:5.6s}.hero.is-live .hero-cable-assembly{animation:cableLayerDrift 9s ease-in-out infinite}@keyframes cableLayerDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-5px,7px,0)}}
.serp-world.is-replaying .serp-screen-life{opacity:1;box-shadow:inset 0 0 0 1px rgba(238,229,107,.45),inset 0 0 32px rgba(216,207,87,.18)}.serp-world.is-replaying .serp-screen-life span{opacity:.92!important;border-color:var(--yellow-hi);background:linear-gradient(90deg,rgba(238,229,107,.45),rgba(117,199,200,.12),transparent)}.serp-world.is-replaying .serp-keys span{opacity:1!important;background:radial-gradient(circle,rgba(255,247,150,.85),rgba(216,207,87,.22) 38%,transparent 70%)}
.archive-control,.relay-control{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:13px 16px;border:1px solid rgba(216,207,87,.32);background:rgba(7,17,19,.86);color:var(--yellow);cursor:pointer}.archive-control span,.relay-control span{font:700 8px var(--mono);letter-spacing:.1em;color:#79928f}.archive-control b,.relay-control b{font:800 9px var(--mono);letter-spacing:.07em}.archive-control:hover,.archive-control:focus-visible,.relay-control:hover,.relay-control:focus-visible{border-color:var(--yellow);box-shadow:0 0 18px rgba(216,207,87,.12);outline:0}.archive-world .asset-action{display:none}.relay-control{grid-column:2;margin-top:14px}
@media(max-width:900px){.hero-cable-assembly{right:-104vw;top:24%;width:158vw;opacity:.48}.hero-cable-assembly>.hero-cables{transform:none}.archive-control{margin-top:16px}.relay-control{grid-column:1;margin-top:14px;position:relative;z-index:8}.relay-world .asset-action{display:none}}
@media(prefers-reduced-motion:reduce){.hero-cable-assembly{animation:none!important}.hero-cable-assembly .cable-signal{stroke-dasharray:28 9999!important;stroke-dashoffset:-520!important;opacity:.85}.serp-world.is-replaying .serp-screen-life span{opacity:1!important}}
.asset-stage,.archive-control,.relay-control,.role-status button{scroll-margin-top:84px}

/* v5 chromatic mission spine: one crawl signal grades and activates every chapter */
:root{--black:#020809;--deep:#031416;--slate:#08272a;--cyan:#6edbd5;--paper:#cfceb0;--yellow:#e8df36;--yellow-hi:#fff36a;--red:#dc453e;--white:#f1f3df;--muted:#9dbab5;--line:rgba(110,219,213,.2);--chapter:0;--chapter-progress:0}
body{background:#020809}.progress{background:rgba(110,219,213,.16)}.progress i{background:linear-gradient(90deg,var(--cyan),var(--yellow-hi));box-shadow:0 0 18px var(--yellow)}
.nav{background:rgba(2,8,9,.82);border-bottom-color:rgba(232,223,54,.27)}
.method{background:linear-gradient(125deg,#0b3437 0,#031416 62%)}.scope{background:#8bd7cf}.roles{background:#020b0d}.benefit{background:#031416}.exchange{background:linear-gradient(135deg,#0b3033,#021012 70%)}.outcomes,.faq{background:#02090a}.fit{background:#cfceb0}.application{background:#031416}.closing{background:#020809}
.hero-shade{background:linear-gradient(90deg,rgba(1,7,8,.96) 0,rgba(1,9,10,.72) 42%,rgba(0,29,31,.08) 72%,rgba(1,7,8,.5)),linear-gradient(0deg,rgba(1,9,10,.88),transparent 36%)}
.kicker:before{box-shadow:0 0 9px rgba(255,243,106,.5)}.scene h1 em,.scene h2 em{color:var(--yellow-hi);text-shadow:0 0 22px rgba(232,223,54,.17)}
.primary{background:var(--yellow);box-shadow:7px 7px 0 rgba(45,169,165,.38),0 0 24px rgba(232,223,54,.08)}.primary:hover{background:var(--yellow-hi);box-shadow:11px 11px 0 rgba(45,169,165,.48),0 0 30px rgba(232,223,54,.16)}

.scene{--scene-rgb:110 219 213;--scene-direction:1;isolation:isolate}.scene>.scene-color-field,.scene>.scene-sweep{position:absolute;inset:-16%;pointer-events:none}.scene>.scene-color-field{z-index:0;background:radial-gradient(circle at 68% 48%,rgb(var(--scene-rgb)/.28),transparent 25%),linear-gradient(112deg,transparent 22%,rgb(var(--scene-rgb)/.1) 49%,transparent 72%);opacity:.04;transform:translate3d(var(--field-shift,0),0,0) scale(1.04);transition:opacity .55s cubic-bezier(.2,.7,.2,1)}.scene>.scene-sweep{z-index:2;width:36%;left:-46%;right:auto;background:linear-gradient(90deg,transparent,rgb(var(--scene-rgb)/.04) 20%,rgb(var(--scene-rgb)/.42) 50%,rgb(var(--scene-rgb)/.05) 80%,transparent);filter:blur(1px);opacity:0;transform:translate3d(var(--sweep-x,0),0,0) skewX(-9deg);mix-blend-mode:screen}.scene.is-current>.scene-color-field{opacity:.82}.scene.is-current>.scene-sweep{opacity:.68}.scope>.scene-color-field,.fit>.scene-color-field{mix-blend-mode:multiply}.scope>.scene-sweep,.fit>.scene-sweep{mix-blend-mode:multiply;opacity:.22}
.scene>.wrap{position:relative;z-index:3}.hero>.hero-media,.hero>.hero-shade,.closing>.closing-media,.method>.topology-world,.roles>.serp-world,.exchange>.relay-world,.application>.archive-world{position:absolute}

.mission-actor{opacity:0;transition-property:transform,opacity;transition-duration:.82s;transition-timing-function:cubic-bezier(.16,.72,.2,1);transition-delay:calc(var(--actor-index,0)*70ms)}.scene.is-entered .mission-actor{opacity:1;transform:none}
.entrance-trace .mission-actor{transform:translate3d(-34px,0,0)}.entrance-aperture .mission-actor{transform:scale(.965)}.entrance-lock .mission-actor:nth-child(even),.entrance-relay .mission-actor:nth-child(even),.entrance-split .mission-actor:nth-child(even){transform:translate3d(34px,0,0)}.entrance-lock .mission-actor:nth-child(odd),.entrance-relay .mission-actor:nth-child(odd),.entrance-split .mission-actor:nth-child(odd){transform:translate3d(-34px,0,0)}.entrance-log .mission-actor,.entrance-write .mission-actor,.entrance-read .mission-actor{transform:translate3d(0,22px,0)}.scene.is-entered .mission-actor{transform:none}
.scene-line{overflow:hidden}.scene-line__inner{display:block;transform:translate3d(calc(var(--line-direction,1)*-105%),0,0);transition:transform .92s cubic-bezier(.16,.72,.2,1);transition-delay:calc(90ms + var(--line-index,0)*105ms)}.scene.is-entered .scene-line__inner{transform:none}.entrance-aperture .scene-line__inner{transform:translate3d(0,105%,0)}.entrance-lock .scene-line:nth-child(even) .scene-line__inner,.entrance-split .scene-line:nth-child(even) .scene-line__inner{transform:translate3d(105%,0,0)}.scene.is-entered .scene-line .scene-line__inner{transform:none}
.scene.is-current .asset-stage,.scene.is-current .role-console,.scene.is-current .benefit-shell{filter:brightness(1.08) saturate(1.08)}

.crawl-rail{position:fixed;z-index:64;right:18px;top:24%;width:25px;height:52%;pointer-events:none;color:var(--yellow-hi)}.crawl-rail__track{position:absolute;left:12px;top:0;bottom:0;width:1px;background:linear-gradient(var(--cyan),rgba(110,219,213,.12));box-shadow:0 0 10px rgba(110,219,213,.24)}.crawl-rail ol{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;list-style:none;padding:0;margin:0}.crawl-rail li{width:7px;height:7px;margin-left:9px;border:1px solid rgba(110,219,213,.42);background:#020809;transform:rotate(45deg);transition:transform .35s,opacity .35s;opacity:.46}.crawl-rail li.is-active{background:var(--yellow-hi);border-color:var(--yellow-hi);box-shadow:0 0 13px var(--yellow);transform:rotate(45deg) scale(1.6);opacity:1}.crawl-rail b{position:absolute;right:32px;top:calc(var(--rail-top,0%) - 4px);white-space:nowrap;font:700 7px/1 var(--mono);letter-spacing:.12em;color:var(--yellow-hi);text-shadow:0 0 8px rgba(232,223,54,.5);transition:transform .35s cubic-bezier(.2,.7,.2,1)}

@media(max-width:900px){.crawl-rail{left:0;right:0;top:64px;width:100%;height:22px;opacity:.84;z-index:69;background:rgba(2,8,9,.86);border-bottom:1px solid rgba(232,223,54,.2);backdrop-filter:blur(8px)}.crawl-rail__track{left:0;right:0;top:11px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,var(--yellow) 0 13%,transparent 13% 81%,var(--cyan) 81% 100%)}.crawl-rail ol{flex-direction:row;align-items:center;padding:0 8px}.crawl-rail li{margin:0;width:5px;height:5px}.crawl-rail li:nth-child(n+3):nth-child(-n+9){opacity:.16}.crawl-rail li.is-active{opacity:1}.crawl-rail b{right:12px;top:3px;font-size:6px;background:#020809;padding:2px 4px}.scene>.scene-color-field{background:radial-gradient(circle at 76% 42%,rgb(var(--scene-rgb)/.24),transparent 28%),linear-gradient(112deg,transparent 18%,rgb(var(--scene-rgb)/.09) 49%,transparent 76%)}.scene>.scene-sweep{width:52%;left:-62%}.mission-actor{transition-duration:.68s}.scene-line__inner{transition-duration:.76s}.asset-stage,.archive-control,.relay-control,.role-status button{scroll-margin-top:102px}}
@media(prefers-reduced-motion:reduce){.mission-actor,.scene-line__inner{opacity:1!important;transform:none!important;transition:none!important}.scene>.scene-sweep{display:none}.scene>.scene-color-field{transform:none!important;transition:none!important;opacity:.28}.crawl-rail li,.crawl-rail b{transition:none}.scene.is-current .asset-stage,.scene.is-current .role-console,.scene.is-current .benefit-shell{filter:none}}
