@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#110c1d;--bg2:#1a102b;--panel:#211434;--line:#49315c;--text:#f5efff;--muted:#b8a8c8;--mint:#bc7cff;--lime:#a855f7;--orange:#d6a2ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;left:16px;top:-80px;background:var(--lime);color:#07121c;padding:10px 16px;z-index:20}.skip:focus{top:10px}
.site-header{position:sticky;top:0;z-index:10;background:rgba(7,18,28,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(155,232,188,.13)}.nav{height:76px;display:flex;align-items:center;gap:40px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:13px;font:700 16px 'Space Grotesk',sans-serif;letter-spacing:.05em;white-space:nowrap}.brand-light{font-weight:400;color:var(--mint)}.brand-mark{height:30px;width:30px;display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);align-content:center;justify-content:center;gap:7px;transform:rotate(45deg)}.brand-mark i{background:var(--mint);border-radius:50%;box-shadow:0 0 8px rgba(155,232,188,.45)}.brand-mark i:nth-child(2){background:var(--lime)}.nav nav,.footer nav{display:flex;gap:30px}.nav nav a,.footer nav a{font-size:13px;color:var(--muted);transition:color .2s}.nav nav a:hover,.footer nav a:hover{color:var(--mint)}.nav-cta{border:1px solid var(--mint);color:var(--mint);padding:9px 15px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.nav-cta:hover{background:var(--mint);color:var(--bg)}.nav-cta span{margin-left:15px}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 66% 34%,#12313a 0,#07121c 52%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(155,232,188,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(155,232,188,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;min-height:670px;padding-block:85px}.eyebrow,.section-kicker,.art-top,.art-bottom,.topic-num,.show-tag,.card-label,.footer-bottom,.hero-foot,.strip-inner,.contact-note{font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.13em}.eyebrow,.section-kicker{color:var(--mint)}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 11px var(--lime);margin-right:9px}.hero h1,.section h2,.manifesto h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em;line-height:1.06}.hero h1{font-size:clamp(58px,6.5vw,96px);margin:25px 0 29px;font-weight:600}.hero h1 em,.manifesto h2 em{font-style:normal;color:var(--mint)}.hero-lead{font-size:18px;max-width:580px;color:#bbd1d2;line-height:1.75}.hero-actions,.community-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:14px 20px;font-weight:700;font-size:13px;min-height:50px;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--lime);color:#0a1b26}.button-primary:hover{background:#edffae}.button-outline{border:1px solid var(--mint);color:var(--mint)}.button-outline:hover{background:rgba(155,232,188,.1)}.text-link,.inline-link{color:var(--mint);font-weight:700;font-size:13px}.text-link span,.inline-link span{margin-left:10px}.text-link:hover,.inline-link:hover{text-decoration:underline}.hero-foot{margin-top:55px;color:#78979c;letter-spacing:.04em}.network-art{position:relative;border:1px solid #31515b;background:linear-gradient(145deg,rgba(12,38,46,.97),rgba(6,22,32,.98));box-shadow:0 34px 90px rgba(0,0,0,.3),inset 0 0 75px rgba(58,150,137,.07);padding:19px;transform:rotate(1.2deg)}.network-art:before,.network-art:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--lime);border-style:solid}.network-art:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.network-art:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.art-top,.art-bottom{display:flex;justify-content:space-between;color:#7ea5a8}.live{color:var(--lime)}.network-art svg{width:100%;display:block;margin-block:10px}.network-art svg text{fill:#81a3a7;font:9px 'Space Grotesk',sans-serif;letter-spacing:1.5px}.route-muted{fill:none;stroke:#23636b;stroke-width:14;opacity:.35}.route-line{fill:none;stroke:url(#route);stroke-width:2.5;stroke-dasharray:9 7;filter:drop-shadow(0 0 5px #72d8bd)}.branch{fill:none;stroke:#31606a;stroke-width:1.5;stroke-dasharray:5 7}.node circle:first-child{fill:#102b35;stroke:#79cdb7;stroke-width:2}.node circle:not(:first-child){fill:var(--lime)}.node path{fill:none;stroke:var(--mint);stroke-width:2}.destination circle:first-child{stroke:var(--lime)}.packet{fill:var(--lime);filter:drop-shadow(0 0 8px var(--lime))}.hero-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c2029}.strip-inner{display:flex;justify-content:space-between;padding-block:16px;color:#87b2af}
.section{padding:118px 0}.section-kicker{margin:0 0 25px}.section h2,.manifesto h2{font-size:clamp(42px,5vw,70px);margin:0}.section h2 span{color:var(--mint)}.intro{background:#f0f4ec;color:#0c2029}.intro .section-kicker{color:#438275}.intro h2 span{color:#247666}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.intro-body{padding-top:5px}.intro-body p{color:#48616a;font-size:16px;max-width:610px}.intro-body .large-copy{font:500 clamp(25px,2.5vw,35px) 'Space Grotesk',sans-serif;line-height:1.35;color:#102c36;margin:0 0 26px}.intro-body .large-copy strong{color:#147967}.intro-body strong{color:#183d43}.inline-link{display:inline-block;margin-top:12px;color:#176a5d}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:46px}.section-heading>p{color:var(--muted);max-width:390px;margin:0 0 5px}.topics{background:#0a1a25}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.topic{position:relative;min-height:255px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 29px;background:transparent;transition:background .25s,transform .25s}.topic:hover{background:#102b34}.topic.featured{background:#14352f}.topic.featured:hover{background:#1a443a}.topic-num{color:#70999e}.topic-icon{font:400 39px 'Space Grotesk',sans-serif;color:var(--mint);height:75px;display:flex;align-items:end}.topic h3{font:600 21px 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:14px 0 8px}.topic p{color:#98b1b6;margin:0;max-width:290px;font-size:14px}.topic.featured p{color:#bed9ce}
.shows{background:#07121c}.show-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.show{min-height:300px;border:1px solid var(--line);background:#0b1d29;padding:27px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,background .25s}.show:hover{transform:translateY(-5px);border-color:#5eaa9a;background:#102732}.show-tag{color:var(--mint)}.show-symbol{font:500 70px 'Space Grotesk',sans-serif;color:var(--lime);line-height:1;margin:auto 0 24px}.show-symbol span{font-size:22px;color:#658c8d}.show h3{font:600 22px 'Space Grotesk',sans-serif;margin:0 0 5px;letter-spacing:-.035em}.show p{color:var(--muted);font-size:14px;margin:0}.manifesto{padding:120px 0;background:var(--lime);color:#112a30}.manifesto .section-kicker{color:#386a5a}.manifesto h2 em{color:#237465}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.manifesto-copy{border-left:1px solid #79a879;padding-left:45px;max-width:590px}.quote-mark{font:700 76px 'Space Grotesk',sans-serif;color:#317b64;height:65px}.manifesto-copy p:first-of-type{font:500 clamp(24px,2.5vw,35px) 'Space Grotesk',sans-serif;line-height:1.3;letter-spacing:-.03em;margin:0 0 25px}.manifesto-copy p:nth-of-type(2){color:#395b59}.manifesto-copy strong{font:700 14px 'Space Grotesk',sans-serif}.community{background:radial-gradient(ellipse at 85% 60%,#15333b,#07121c 60%)}.community-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.community-grid>div>p:not(.section-kicker):not(.contact-note){max-width:560px;color:var(--muted);font-size:17px}.contact-note{color:#8ca9aa;letter-spacing:0;text-transform:none;font-size:11px;margin-top:21px}.community-card{border:1px solid #477267;min-height:380px;padding:27px;background:linear-gradient(145deg,#10312f,#0a212c);position:relative;overflow:hidden}.community-card:before{content:"";position:absolute;width:300px;height:300px;border:1px solid #366660;border-radius:50%;right:-70px;top:25px}.card-label{color:var(--mint);position:relative}.card-orbit{height:195px;position:relative;display:grid;place-items:center}.card-orbit:before,.card-orbit:after{content:"";position:absolute;width:160px;height:160px;border:1px dashed #638d78;border-radius:50%}.card-orbit:after{width:100px;height:100px;border-style:solid}.card-orbit span{position:relative;z-index:1;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#14332b;font:700 13px 'Space Grotesk',sans-serif}.card-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--mint);z-index:1}.card-orbit i:nth-of-type(1){transform:translate(80px,-17px)}.card-orbit i:nth-of-type(2){transform:translate(-60px,-55px)}.card-orbit i:nth-of-type(3){transform:translate(-72px,42px)}.card-orbit i:nth-of-type(4){transform:translate(49px,67px)}.community-card p{color:#a4c1bb;font-size:13px;margin:0 0 10px}.community-card strong{font:600 21px 'Space Grotesk',sans-serif;line-height:1.35;display:block;max-width:400px}.footer{border-top:1px solid var(--line);background:#061018}.footer-main{padding:55px 0;display:flex;justify-content:space-between;align-items:start}.footer-main p{color:#79979b;font-size:13px;margin:15px 0 0 43px}.footer-bottom{padding:19px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#759195;font-size:10px}.footer-bottom a:hover{color:var(--mint)}
.js .section,.js .manifesto,.js .topic,.js .show{opacity:0;transform:translateY(15px);transition:opacity .5s,transform .5s,background .25s,border-color .25s}.js .section.visible,.js .manifesto.visible,.js .topic.visible,.js .show.visible{opacity:1;transform:translateY(0)}.topic:hover,.show:hover{transform:translateY(-4px)}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:35px;padding-block:70px}.hero-copy{max-width:800px}.network-art{width:min(100%,650px);margin:auto}.intro-grid,.manifesto-grid{gap:45px}.community-grid{gap:40px}.nav nav{gap:15px}.topic{min-height:270px}}
@media(max-width:700px){.wrap{width:min(100% - 36px,1240px)}.site-header .nav{height:68px}.nav nav{display:none}.brand{font-size:13px;gap:8px}.nav-cta{padding:8px 10px;font-size:11px}.nav-cta span{margin-left:4px}.hero-grid{min-height:0;padding-block:67px 55px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(49px,12vw,72px);margin:20px 0}.hero-lead{font-size:16px}.hero-foot{margin-top:38px;font-size:10px}.network-art{padding:10px}.art-top,.art-bottom{font-size:8px}.strip-inner{gap:15px;flex-wrap:wrap;font-size:9px}.section,.manifesto{padding:80px 0}.section h2,.manifesto h2{font-size:clamp(42px,9vw,60px)}.intro-grid,.manifesto-grid,.community-grid{grid-template-columns:1fr;gap:38px}.section-heading{display:block}.section-heading>p{margin-top:20px}.topic-grid,.show-grid{grid-template-columns:repeat(2,1fr)}.topic{min-height:235px;padding:23px}.topic h3{font-size:18px}.show{min-height:255px;padding:22px}.show-symbol{font-size:55px}.show h3{font-size:19px}.manifesto-copy{padding-left:25px}.footer-main{display:block}.footer nav{margin-top:33px;flex-wrap:wrap;gap:18px}.footer-bottom{flex-wrap:wrap;gap:12px}.footer-bottom span:nth-child(2){display:none}}
@media(max-width:480px){.hero-actions{gap:22px}.button{width:100%}.community-actions{gap:12px}.topic-grid,.show-grid{grid-template-columns:1fr}.topic{min-height:195px}.topic-icon{height:50px}.show{min-height:245px}.network-art svg{margin-block:0}.art-bottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.section,.manifesto,.topic,.show{opacity:1;transform:none}.packet{display:none}}

/* Purple identity and learning modules */
.brand-image{display:block;width:170px;height:auto;max-height:50px;object-fit:contain;object-position:left center}.hero{background:radial-gradient(ellipse at 66% 34%,#35204f 0,#110c1d 55%)}.hero:before{background-image:linear-gradient(rgba(188,124,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(188,124,255,.03) 1px,transparent 1px)}.site-header{background:rgba(17,12,29,.87);border-color:rgba(188,124,255,.16)}.signal{background:#c287ff;box-shadow:0 0 12px #a855f7}.nav-cta:hover{color:#160d27}.button-primary{color:#fff}.button-primary:hover{background:#8f3de8}.hero-strip,.network-art,.topics,.shows,.community,.footer{background-color:#160e24}.network-art{background:linear-gradient(145deg,#211434,#130e22);border-color:#664581;box-shadow:0 34px 90px rgba(0,0,0,.32),inset 0 0 75px rgba(168,85,247,.1)}.route-muted{stroke:#66418e}.route-line{filter:drop-shadow(0 0 6px #ab65ef)}.branch{stroke:#6e5382}.node circle:first-child{fill:#241736;stroke:#bd83f2}.node circle:not(:first-child){fill:#d3a5ff}.node path{stroke:#c993fc}.destination circle:first-child{stroke:#e2b5ff}.packet{fill:#f4dcff;filter:drop-shadow(0 0 8px #dcaaff)}.topic.featured{background:#392257}.topic.featured:hover{background:#482a6b}.topic:hover,.show:hover{background:#29183e}.show{background:#1b112b}.manifesto{background:#8e45d2;color:#fff}.manifesto .section-kicker,.manifesto h2 em,.quote-mark{color:#eed5ff}.manifesto-copy{border-color:#bb8de1}.manifesto-copy p:nth-of-type(2){color:#f1e0ff}.intro{background:#f3edf8;color:#251333}.intro .section-kicker,.intro h2 span,.intro-body .large-copy strong,.inline-link{color:#7135ab}.intro-body p{color:#5a4868}.intro-body .large-copy,.intro-body strong{color:#2b183d}.community{background:radial-gradient(ellipse at 85% 60%,#321f4a,#110c1d 60%)}.community-card{background:linear-gradient(145deg,#352050,#1a102c);border-color:#8654b0}.community-card:before,.card-orbit:before,.card-orbit:after{border-color:#74518f}.card-orbit span{color:#fff}.footer{background:#0d0917}.footer-main p{margin-left:0}.contact-note{display:none}
.journey{background:#130d20}.journey-shell{border:1px solid var(--line);background:#1a102b;box-shadow:0 24px 65px rgba(0,0,0,.18)}.journey-steps{display:grid;grid-template-columns:repeat(9,1fr);border-bottom:1px solid var(--line);overflow-x:auto}.journey-step{appearance:none;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:15px 7px;font:600 12px 'Space Grotesk',sans-serif;cursor:pointer;min-width:90px;transition:background .2s,color .2s}.journey-step:last-child{border-right:0}.journey-step span{display:block;font-size:10px;letter-spacing:.12em;margin-bottom:4px;color:var(--mint)}.journey-step:hover,.journey-step.is-active{background:#503070;color:#fff}.journey-step:focus-visible,.layer-button:focus-visible,.journey-controls button:focus-visible{outline:2px solid #dcb8ff;outline-offset:-3px}.journey-display{display:grid;grid-template-columns:1fr 1fr;min-height:390px}.journey-detail{padding:45px;display:flex;flex-direction:column}.journey-count,.journey-meta,.browser-bar,.browser-loading,.browser-result,.journey-nodes,.journey-note,.layer-facts small,.tcpip-label,.layer-note{font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.1em}.journey-count,.journey-meta{color:var(--mint)}.journey-detail h3,.layers-detail h3{font:600 clamp(27px,3vw,42px) 'Space Grotesk',sans-serif;line-height:1.15;letter-spacing:-.045em;margin:20px 0 12px}.journey-detail p,.layers-detail>p{color:var(--muted);font-size:16px;max-width:560px}.journey-meta{margin-top:12px}.journey-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:26px}.journey-controls button{border:1px solid var(--mint);background:transparent;color:var(--mint);padding:10px 14px;cursor:pointer;font:700 12px 'Space Grotesk',sans-serif}.journey-controls button:hover:not(:disabled){background:#442263;color:#fff}.journey-controls button:disabled{opacity:.35;cursor:default}.journey-visual{border-left:1px solid var(--line);background:radial-gradient(circle at center,#382050,#1a102b 70%);padding:45px;display:flex;flex-direction:column;justify-content:center}.browser-frame{border:1px solid #8060a1;background:#100a1b;box-shadow:0 20px 45px rgba(0,0,0,.25)}.browser-bar{display:flex;align-items:center;gap:5px;border-bottom:1px solid #52396a;padding:12px;color:#aa95bc}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#805e9b}.browser-bar span{margin-left:10px;letter-spacing:0}.browser-content{height:168px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.browser-loading{color:#b7a5c8}.pulse-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px;box-shadow:0 0 12px var(--lime)}.browser-logo{width:215px;max-width:75%;height:auto;display:none}.browser-result{display:none;color:var(--mint)}.journey-visual.is-complete .browser-loading{display:none}.journey-visual.is-complete .browser-logo,.journey-visual.is-complete .browser-result{display:block}.journey-line{height:3px;background:#59426d;margin-top:38px}.journey-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8f43d2,#e3b8ff);transition:width .35s}.journey-nodes{display:flex;justify-content:space-between;color:#a28ab5;margin-top:9px;font-size:9px}.journey-note{color:#8f7da2;letter-spacing:0;text-transform:none;margin:18px 0 0;font-size:12px}.layers{background:#1b102c}.layers-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 175px;gap:18px;align-items:stretch}.layers-stack{display:grid;gap:6px}.layer-button{appearance:none;border:1px solid var(--line);background:#251638;color:#d4c4e1;text-align:left;padding:13px 16px;cursor:pointer;font:600 15px 'Space Grotesk',sans-serif;transition:background .2s,border-color .2s}.layer-button span{display:inline-block;width:34px;color:#aa77d8;font-size:11px}.layer-button:hover,.layer-button.is-active{background:#593182;border-color:#b77bf0;color:#fff}.layer-button.is-active span{color:#e7c6ff}.layers-detail{border:1px solid var(--line);background:#241537;padding:34px;display:flex;flex-direction:column}.layers-detail h3{margin-top:27px}.layer-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:auto;padding-top:25px}.layer-facts div:last-child{grid-column:1/-1}.layer-facts small{display:block;color:#ae82ce;margin-bottom:5px}.layer-facts strong{display:block;font:600 15px 'Space Grotesk',sans-serif}.layer-note{color:#8f7da2;letter-spacing:0;margin:23px 0 0}.tcpip-stack{display:grid;grid-template-rows:auto 3fr 1fr 1fr 2fr;gap:6px}.tcpip-label{color:var(--mint);text-align:center;padding:10px}.tcpip-stack div{border:1px solid var(--line);background:#2a1a3e;display:grid;place-items:center;text-align:center;padding:8px;font:600 13px 'Space Grotesk',sans-serif;color:#bca7cf;transition:background .2s,color .2s}.tcpip-stack div.is-active{background:#6a3798;border-color:#c88fff;color:#fff}
@media(max-width:900px){.layers-layout{grid-template-columns:190px 1fr}.tcpip-stack{grid-column:1/-1;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto}.tcpip-label{grid-column:1/-1}.tcpip-stack div{min-height:65px}}
@media(max-width:700px){.brand-image{width:145px}.journey-display{grid-template-columns:1fr}.journey-detail,.journey-visual{padding:28px}.journey-visual{border-left:0;border-top:1px solid var(--line)}.journey-steps{grid-template-columns:repeat(9,100px)}.layers-layout{grid-template-columns:1fr}.layers-stack{grid-template-columns:repeat(2,1fr)}.layer-button{padding:10px}.tcpip-stack{grid-template-columns:repeat(2,1fr)}.tcpip-label{grid-column:1/-1}.hero h1{font-size:clamp(45px,11vw,70px)}}
@media(max-width:480px){.brand-image{width:125px}.layers-detail{padding:25px}.layer-facts{grid-template-columns:1fr}.layer-facts div:last-child{grid-column:auto}}
.brand-image,.browser-logo{mix-blend-mode:screen}
.journey-steps{scrollbar-width:none;scroll-snap-type:x proximity}.journey-step{scroll-snap-align:start}.journey-steps::-webkit-scrollbar{display:none}

/* Animated packet trace and side-by-side protocol models */
.packet-lab{border:1px solid #6e448c;background:#1b102b;box-shadow:0 25px 75px #09051480;overflow:hidden}.lab-top{display:flex;justify-content:space-between;gap:20px;padding:17px 24px;border-bottom:1px solid var(--line);font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.13em;color:#c397e8}.lab-top span:last-child{color:#e1b6ff}.lab-map{background:radial-gradient(ellipse at 50% 50%,#3a2054,#190f29 72%);padding:12px 24px 0}.lab-map svg{display:block;width:100%;height:auto}.lab-map text{font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.1em;fill:#b49ac9;text-anchor:middle}.lab-map .return-label{fill:#dca8ff}.lab-track{fill:none;stroke:#613c7e;stroke-width:16;opacity:.45}.lab-track-dash{fill:none;stroke:#ad70d6;stroke-width:2;stroke-dasharray:8 10;opacity:.85}.lab-stations circle{fill:#25153a;stroke:#bd80eb;stroke-width:3}.lab-packet{fill:#f3ddff;filter:drop-shadow(0 0 12px #db9eff)}.lab-progress{height:4px;background:#422a58}.lab-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#8f43d2,#f2caff)}.lab-main{display:grid;grid-template-columns:1.1fr .9fr}.lab-readout,.lab-inspector{padding:30px 34px;min-height:350px}.lab-readout{border-right:1px solid var(--line)}.lab-readout h3{font:600 clamp(25px,3vw,37px) 'Space Grotesk',sans-serif;letter-spacing:-.04em;line-height:1.15;margin:17px 0 12px}.lab-readout p{color:#c5b6d1;max-width:660px;min-height:80px}.lab-evidence{border:1px solid #62447e;background:#120b20;padding:13px 15px;margin-top:18px}.lab-evidence span{display:block;color:#ba86df;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.12em;margin-bottom:8px}.lab-evidence code{font:500 13px ui-monospace,SFMono-Regular,Consolas,monospace;color:#edd7ff;overflow-wrap:anywhere}.lab-controls{display:flex;gap:10px;margin-top:20px}.lab-controls button{background:#583077;color:white;border:1px solid #ac6fdd;padding:10px 17px;font:700 12px 'Space Grotesk',sans-serif;cursor:pointer}.lab-controls button:hover{background:#7843a4}.lab-inspector{background:#201332}.lab-layers{display:grid;gap:8px;margin-top:20px}.lab-layers span{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #52376c;padding:8px 0;color:#b391c8;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.07em}.lab-layers b{color:#f1ddff;text-align:right;font-weight:600;letter-spacing:0}.lab-result{display:flex;align-items:center;justify-content:center;min-height:75px;margin-top:22px;border:1px dashed #62447e;color:#927ba4;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.1em}.lab-result img{display:none;max-width:215px;width:65%;mix-blend-mode:screen}.lab-result.is-visible{border-color:#b475ea;background:#160d25}.lab-result.is-visible span{display:none}.lab-result.is-visible img{display:block}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.model-column{min-width:0}.model-heading{display:block;color:#c68df3;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.13em;margin-bottom:12px}.model-grid .layers-stack{display:grid;gap:6px}.model-grid .layer-button{min-height:56px}.model-grid .tcpip-stack{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:6px;height:100%;max-height:428px}.model-grid .tcpip-stack div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;padding:18px 22px}.model-grid .tcpip-stack strong{font:600 19px 'Space Grotesk',sans-serif}.model-grid .tcpip-stack small{font:500 12px 'Space Grotesk',sans-serif;color:#b59ec9;margin-top:6px}.model-grid .tcpip-stack div.is-active small{color:#edceff}.layers>.wrap>.layers-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;margin-top:20px;min-height:230px}.layers>.wrap>.layers-detail h3{margin:16px 0 10px}.layers>.wrap>.layers-detail p{color:#c7b4d6;margin:0}.layers>.wrap>.layers-detail .layer-facts{display:grid;grid-template-columns:1fr;gap:13px;margin:0;padding:0}.layers>.wrap>.layers-detail .layer-facts div:last-child{grid-column:auto}.layers>.wrap>.layers-detail .layer-facts strong{line-height:1.4}.layers>.wrap>.layer-note{margin-top:14px}
@media(max-width:700px){.lab-map{padding:12px 6px 0}.lab-map text{font-size:16px}.lab-main{grid-template-columns:1fr}.lab-readout,.lab-inspector{padding:24px;min-height:0}.lab-readout{border-right:0;border-bottom:1px solid var(--line)}.lab-readout p{min-height:0}.model-grid{grid-template-columns:1fr 1fr;gap:9px}.model-grid .layer-button{font-size:12px;padding:10px 7px;min-height:63px}.model-grid .layer-button span{width:26px}.model-grid .tcpip-stack{max-height:none}.model-grid .tcpip-stack div{padding:9px}.model-grid .tcpip-stack strong{font-size:14px}.model-grid .tcpip-stack small{font-size:10px}.layers>.wrap>.layers-detail{grid-template-columns:1fr;gap:25px;padding:24px}.lab-top{font-size:9px;padding:14px}.lab-map svg{min-height:150px}.lab-map text{font-size:14px}}
@media(prefers-reduced-motion:reduce){.lab-packet{display:none}}
.lab-zone{stroke-width:1}.lab-zone.home{fill:#241436;stroke:#704393}.lab-zone.carrier{fill:#201632;stroke:#65447f}.lab-zone.edge{fill:#2d1b43;stroke:#8656aa}.lab-map .zone-label{fill:#c396e5;font-size:11px;letter-spacing:.15em}.lab-map .lab-stations circle{stroke-width:2.5}.lab-map .lab-packet{stroke:#fff;stroke-width:2}.lab-map .return-label{font-size:12px}
@media(max-width:700px){.lab-map{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#7d4ca3 #201431}.lab-map svg{width:900px;max-width:none;min-height:0}.lab-map text{font-size:12px}.lab-map .zone-label{font-size:11px}.lab-map .return-label{font-size:12px}}
.lab-top{min-width:0;align-items:center}.lab-top span{min-width:0}.lab-top span:last-child{flex-shrink:0;text-align:right}.lab-map{min-width:0}.lab-map svg{max-width:100%;overflow:visible}.lab-mobile-route{display:none}
@media(max-width:900px){.lab-map{overflow:visible;padding:18px}.lab-map svg{display:none}.lab-mobile-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lab-mobile-route div{position:relative;min-width:0;min-height:72px;padding:12px;border:1px solid #65447f;background:#211530;transition:background .25s,border-color .25s,box-shadow .25s}.lab-mobile-route div.is-active{background:#5d3483;border-color:#d3a0fa;box-shadow:inset 0 0 20px #bc7cff30,0 0 17px #a855f740}.lab-mobile-route small{display:block;color:#b994d4;font:700 9px 'Space Grotesk',sans-serif;letter-spacing:.1em}.lab-mobile-route strong{display:block;color:#f5eaff;font:600 13px 'Space Grotesk',sans-serif;line-height:1.25;margin-top:8px}.lab-mobile-route div.is-active small{color:#f1d5ff}}
@media(max-width:480px){.lab-mobile-route{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-top{gap:9px;flex-wrap:wrap}.lab-top span:last-child{text-align:left}.lab-mobile-route div{min-height:68px}}
.lab-map{background-image:radial-gradient(circle at 50% 46%,#44275e 0,#1d112e 65%),linear-gradient(#ffffff08 1px,transparent 1px);background-size:auto,32px 32px}.lab-zone{fill-opacity:.9}.lab-zone.home{fill:#281840}.lab-zone.carrier{fill:#201a38}.lab-zone.edge{fill:#302047}.lab-map .zone-label{fill:#deb4ff}.lab-stations circle{transition:fill .3s,stroke .3s,filter .3s}.lab-stations circle.is-active{fill:#8c48c1;stroke:#f6d9ff;filter:drop-shadow(0 0 10px #c777ff)}.lab-map .station-numbers text{font:700 10px 'Space Grotesk',sans-serif;fill:#f1d8ff;letter-spacing:0}.lab-map .return-label{fill:#b99bcf}.lab-mobile-route div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#755093}.lab-mobile-route div.is-active:before{background:#f0c7ff}.lab-mobile-route div:nth-child(3n + 1){background-color:#28163b}.lab-mobile-route div:nth-child(3n + 1).is-active{background:#5d3483}
.lab-map{background-color:#1b102a;background-image:radial-gradient(circle at 50% 44%,rgba(123,62,166,.3),transparent 63%),linear-gradient(rgba(197,133,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(197,133,255,.035) 1px,transparent 1px);background-size:auto,28px 28px,28px 28px}.lab-zone{fill-opacity:1;stroke-width:1.2}.lab-zone.home{fill:#291640;stroke:#9860bf}.lab-zone.carrier{fill:#201638;stroke:#7961a0}.lab-zone.edge{fill:#302047;stroke:#9860bf}.lab-map .zone-label{font-size:11px;fill:#eed6ff}.lab-map .flow-caption{font-size:9px;fill:#a87dcb;letter-spacing:.15em}.lab-map .return-label{fill:#d1a8eb;letter-spacing:.14em}.lab-track-dash{animation:routeFlow 1.5s linear infinite}.lab-stations circle{filter:drop-shadow(0 0 3px #a55ce55c)}@keyframes routeFlow{to{stroke-dashoffset:-36}}@media(prefers-reduced-motion:reduce){.lab-track-dash{animation:none}}