:root{--ink:#edf3f2;--muted:#9aa9aa;--dim:#667779;--night:#071312;--panel:#0d1f1d;--panel-2:#112927;--line:rgba(198,243,234,.15);--cyan:#71e7dd;--lime:#c5f878;--orange:#ffad72;--violet:#bca8ff;--rose:#f99caf;--danger:#ff8393;--shadow:0 24px 80px rgba(0,0,0,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(150,234,220,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(150,234,220,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 76%)}.orb{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.18}.orb-one{width:420px;height:420px;background:#247a70;top:-260px;right:-100px}.orb-two{width:440px;height:440px;background:#413076;bottom:-330px;left:-220px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1280px;margin:auto;padding:0 30px;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font:500 10px/1.05 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.3px;text-decoration:none}.brand b{font-size:13px;letter-spacing:.7px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--cyan);color:var(--cyan);font-size:21px}.main-nav{display:flex;gap:26px}.main-nav a{color:var(--muted);text-decoration:none;font-size:14px}.main-nav a:hover{color:var(--cyan)}.countdown{text-align:right;font:10px/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);letter-spacing:.8px}.countdown strong{display:block;color:var(--lime);font-size:12px}.countdown em{font-style:normal;color:var(--muted)}.section-shell{max-width:1200px;margin:auto;padding:112px 30px}.hero{min-height:650px;padding-top:120px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:45px}.eyebrow{font:500 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyan);letter-spacing:1.5px;margin:0 0 19px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(197,248,120,.12);margin-right:8px}.hero h1,.section-heading h2,.quiz-intro h2{font-size:clamp(47px,6vw,78px);line-height:.98;letter-spacing:-3.6px;margin:0}.hero h1 i,.section-heading i,.quiz-intro i{color:var(--cyan);font-style:normal}.hero-text{max-width:510px;color:var(--muted);font-size:18px;line-height:1.65;margin:27px 0}.hero-actions{display:flex;gap:12px;align-items:center}.button{border:1px solid var(--line);background:transparent;border-radius:3px;padding:13px 18px;color:var(--ink);font:600 14px Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer;text-decoration:none;display:inline-flex;gap:17px;align-items:center;justify-content:center;transition:.2s transform,.2s background,.2s color}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--lime);border-color:var(--lime);color:#102000}.button.primary:hover{background:#d4ff93}.button.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.button.compact{padding:10px 14px;font-size:13px}.study-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:575px;margin-top:60px;border-top:1px solid var(--line)}.study-strip div{padding:15px 12px 0 0}.study-strip div+div{border-left:1px solid var(--line);padding-left:15px}.study-strip small{display:block;color:var(--cyan);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.study-strip b{display:block;margin:5px 0 1px;font-size:15px}.study-strip span{color:var(--muted);font-size:12px}.network-canvas{height:430px;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(78,189,171,.16),transparent 36%),linear-gradient(145deg,rgba(113,231,221,.05),rgba(99,69,160,.08));position:relative;overflow:hidden;box-shadow:var(--shadow)}.network-canvas:before,.network-canvas:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(113,231,221,.16);transform:rotate(45deg)}.network-canvas:before{top:-105px;right:-105px}.network-canvas:after{bottom:-105px;left:-105px}.node{position:absolute;z-index:1;width:108px;text-align:center;padding:13px 8px;background:#0a1918;border:1px solid var(--line);box-shadow:0 7px 25px rgba(0,0,0,.22)}.node span{display:block;color:var(--cyan);font-size:25px;line-height:1}.node b{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;display:block;margin:6px 0 2px}.node small{color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.user-node{left:8%;top:62%}.shield-node{left:41%;top:29%;border-color:rgba(188,168,255,.55)}.shield-node span{color:var(--violet)}.cluster-node{right:8%;top:61%;border-color:rgba(197,248,120,.45)}.cluster-node span{color:var(--lime)}.path{height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet));position:absolute;transform-origin:left}.path-a{width:220px;left:26%;top:65%;transform:rotate(-35deg)}.path-b{width:210px;left:55%;top:47%;transform:rotate(32deg);background:linear-gradient(90deg,var(--violet),var(--lime))}.packet{position:absolute;z-index:2;background:var(--cyan);color:#06302d;padding:3px 6px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;animation:drift 4s ease-in-out infinite}.packet-a{left:27%;top:51%}.packet-b{left:66%;top:53%;background:var(--lime);animation-delay:-2s}.canvas-label{position:absolute;color:var(--dim);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.5px}.label-top{top:20px;left:22px}.label-bottom{right:22px;bottom:20px}.canvas-stat{position:absolute;bottom:20px;right:20px;text-align:right;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.canvas-stat span,.canvas-stat i{display:block;color:var(--muted);font-style:normal}.canvas-stat b{display:block;color:var(--lime);font-size:16px}@keyframes drift{50%{transform:translate(20px,-9px)} }
.lab-section{padding-top:78px}.section-heading{max-width:590px}.section-heading h2{font-size:clamp(39px,5vw,63px)}.section-heading>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.65;margin-top:20px}.foundation-intro{margin:39px 0 16px;display:flex;align-items:flex-start;gap:19px;padding:16px 19px;border:1px solid rgba(255,173,114,.28);background:rgba(255,173,114,.055)}.foundation-step{color:var(--orange);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px;white-space:nowrap;padding-top:4px}.foundation-intro p{color:var(--muted);margin:0;font-size:15px}.foundation-intro b{color:var(--ink)}.foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.byte-lab{background:linear-gradient(145deg,rgba(61,36,27,.4),rgba(10,25,23,.96))}.byte-lab .helper{line-height:1.55}.byte-lab .helper b{color:var(--orange)}.octet-toggles,.octet-weights{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.octet-toggles{margin-top:22px}.bit-toggle{height:42px;border:1px solid var(--line);background:#071715;color:var(--dim);font:600 15px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;transition:.15s}.bit-toggle:hover{border-color:var(--orange);color:var(--orange)}.bit-toggle.on{border-color:var(--orange);background:var(--orange);color:#301a0c;box-shadow:0 0 16px rgba(255,173,114,.17)}.octet-weights{margin-top:7px;color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.octet-result{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.octet-result code{color:var(--orange);font-size:14px}.octet-result b{color:var(--orange);font-size:30px;line-height:.8}.octet-equals{flex-basis:100%;padding-left:0}.address-anatomy{background:linear-gradient(145deg,rgba(18,45,42,.96),rgba(11,27,35,.94))}.address-number{display:flex;align-items:center;gap:6px;font:20px ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:17px}.address-number span{padding:5px 8px;border:1px solid var(--line);background:#081614}.address-number i{font-style:normal;color:var(--dim)}.address-number .focus-octet{border-color:var(--cyan);background:rgba(113,231,221,.1);color:var(--cyan)}.address-number b{color:var(--lime);font-size:16px}.address-rows{border-top:1px solid var(--line);padding-top:10px}.address-rows>div{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:5px 0;color:var(--muted);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.address-rows span{color:var(--ink)}.address-rows code{letter-spacing:2px}.focus-row{background:rgba(113,231,221,.06);margin:0 -8px;padding:6px 8px!important}.focus-row code strong{color:var(--cyan)}.focus-row code em{color:var(--violet);font-style:normal}.focus-row small{color:var(--muted);font-size:9px}.address-anatomy p{color:var(--muted);font-size:13px;line-height:1.55;margin:16px 0 0}.address-anatomy p b{color:var(--ink)}.address-anatomy p code{color:var(--lime);font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.worked-subnet{margin-top:16px;padding:24px;border:1px solid rgba(197,248,120,.26);background:linear-gradient(110deg,rgba(197,248,120,.08),rgba(113,231,221,.035));box-shadow:var(--shadow)}.worked-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.worked-heading .eyebrow{margin:0 0 8px}.worked-heading h3{font-size:22px;margin:0}.worked-heading h3 code{color:var(--lime);font:600 18px ui-monospace,SFMono-Regular,Menlo,monospace}.formula-badge{border:1px solid rgba(197,248,120,.3);padding:7px 9px;color:var(--muted);font:12px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.formula-badge b{color:var(--lime)}.subnet-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:22px}.subnet-steps>div{background:#0b1b18;padding:17px 15px;min-height:177px}.subnet-steps span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--lime);color:#173114;font:12px ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:10px}.subnet-steps b{font-size:14px}.subnet-steps p{color:var(--muted);font-size:12px;line-height:1.55;margin:7px 0 0}.subnet-steps code{color:var(--cyan);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.memory-hook{margin-top:16px;display:flex;gap:15px;align-items:flex-start}.memory-hook span{color:var(--lime);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;padding-top:4px}.memory-hook p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.memory-hook b{color:var(--ink)}.lab-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:16px;margin-top:47px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(18,45,42,.96),rgba(9,25,23,.93));box-shadow:var(--shadow);padding:25px;position:relative;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:23px}.panel-heading>div:first-child{display:flex;align-items:center;gap:10px}.panel-heading h3{font-size:17px;margin:0}.icon-chip{display:grid;place-items:center;width:29px;height:29px;font:16px ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid currentColor}.cyan{color:var(--cyan)}.violet{color:var(--violet)}.orange{color:var(--orange)}.rose{color:var(--rose)}.lime{color:var(--lime)}.tag{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyan);border:1px solid rgba(113,231,221,.33);padding:4px 7px;white-space:nowrap}.tag.muted{color:var(--muted);border-color:var(--line)}label{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);display:block}input,select{width:100%;margin-top:7px;padding:11px 10px;border:1px solid var(--line);border-radius:2px;background:#081614;color:var(--ink);font:14px ui-monospace,SFMono-Regular,Menlo,monospace;outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(113,231,221,.08)}.form-row{display:grid;grid-template-columns:1.55fr .8fr;gap:12px}.action-row{display:flex;align-items:center;gap:13px;margin:14px 0}.field-message{font-size:12px;color:var(--danger)}.result-card{min-height:103px;padding:15px;background:rgba(4,14,13,.6);border-left:2px solid var(--cyan);display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.result-card span{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);display:block}.result-card b{font:14px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink);display:block;margin-top:3px}.bit-scale{margin-top:19px}.bit-caption,.bit-numbers{display:flex;justify-content:space-between;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.bit-bar{height:9px;display:flex;margin:7px 0;background:#253b38}.bit-unit{height:100%;border-right:1px solid #0d1f1d;flex:1}.bit-unit.network{background:var(--cyan)}.bit-unit.host{background:var(--violet)}.planner-card{background:linear-gradient(145deg,rgba(36,28,65,.45),rgba(10,25,23,.96))}.helper{color:var(--muted);font-size:14px;margin:0 0 9px}.planner-input{display:flex}.planner-input input{margin:0;border-right:0}.planner-input button{width:50px;border:1px solid var(--violet);background:var(--violet);color:#201a39;font-size:23px;cursor:pointer}.planner-result{padding:16px 0;border-bottom:1px solid var(--line);min-height:98px}.planner-result b{font-size:25px;color:var(--violet);display:block}.planner-result span{color:var(--muted);font-size:13px}.formula{margin-top:20px;color:var(--muted);font-size:11px}.formula code{display:block;color:var(--lime);font:13px ui-monospace,SFMono-Regular,Menlo,monospace;margin-bottom:3px}.validator-card{grid-column:1 / -1;padding:22px 25px;background:linear-gradient(145deg,rgba(61,36,27,.4),rgba(11,28,25,.95))}.validate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.text-button{background:none;border:0;color:var(--cyan);font:600 13px Inter,ui-sans-serif,system-ui,sans-serif;padding:15px 0 5px;cursor:pointer}.text-button span{padding-left:6px;font-size:17px}.validation-results{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.validation-pill{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;padding:5px 7px;background:rgba(255,131,147,.1);color:var(--danger);border:1px solid rgba(255,131,147,.25)}.validation-pill.valid{color:var(--lime);background:rgba(197,248,120,.08);border-color:rgba(197,248,120,.22)}.answer-pattern{margin-top:16px;padding:19px 24px;border:1px solid rgba(113,231,221,.2);background:rgba(113,231,221,.05);display:flex;gap:23px;align-items:flex-start}.answer-pattern span{color:var(--cyan);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;padding-top:5px}.answer-pattern p{margin:0;font-size:15px;color:var(--muted)}.answer-pattern b{color:var(--ink)}
.map-section{padding-top:90px}.compact-heading{max-width:none;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.compact-heading .eyebrow{min-width:195px}.protocol-grid,.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:45px}.osi-layout{display:grid;grid-template-columns:145px 1fr;gap:22px}.layers{display:flex;flex-direction:column;gap:4px}.layer-button{border:1px solid var(--line);background:#0a1b19;color:var(--muted);padding:8px;text-align:left;font:10px "DM Mono",monospace;cursor:pointer;transition:.18s}.layer-button:hover,.layer-button.active{color:var(--ink);border-color:var(--cyan);background:rgba(113,231,221,.11)}.layer-button small{color:inherit;opacity:.7;margin-right:6px}.layer-detail{padding:16px;border-left:2px solid var(--cyan);background:rgba(4,14,13,.5)}.layer-detail>span{color:var(--cyan);font:10px "DM Mono",monospace}.layer-detail h4{font-size:19px;line-height:1.12;margin:10px 0}.layer-detail p{color:var(--muted);font-size:13px;margin:0 0 13px}.layer-detail code{font:11px "DM Mono",monospace;color:var(--lime)}.segmented{display:flex;border:1px solid var(--line)}.segmented button{border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);padding:6px 8px;font:10px "DM Mono",monospace;cursor:pointer}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--cyan);color:#06201e}.transport-viz{min-height:146px;position:relative;background:rgba(4,14,13,.54);display:flex;align-items:center;justify-content:space-between;padding:28px}.endpoint{text-align:center;font:10px "DM Mono",monospace;color:var(--muted)}.endpoint b{display:grid;place-items:center;background:#102d29;border:1px solid var(--cyan);color:var(--cyan);width:52px;height:52px;border-radius:50%;margin:0 auto 7px;font-size:20px}.wire{height:1px;flex:1;background:var(--cyan);margin:0 12px;position:relative}.wire:after{content:"";width:12px;height:12px;border:2px solid var(--cyan);border-left:0;border-bottom:0;position:absolute;right:0;top:-6px;transform:rotate(45deg)}.transport-packet{position:absolute;left:34%;top:32px;background:var(--cyan);color:#07302c;padding:4px 7px;font:10px "DM Mono",monospace;animation:packetRun 2.5s ease-in-out infinite}.transport-packet.two{top:84px;animation-delay:-1.2s}.transport-summary{margin-top:16px;color:var(--muted);font-size:13px}.transport-summary b{color:var(--ink)}@keyframes packetRun{50%{left:58%}}.secure-flow{min-height:305px}.secure-flow-viz{height:150px;position:relative;background:radial-gradient(circle at center,rgba(188,168,255,.13),transparent 50%),rgba(4,14,13,.52);display:flex;align-items:center;justify-content:space-around}.gateway{z-index:1;text-align:center;font:10px "DM Mono",monospace;color:var(--muted)}.gateway b{display:grid;place-items:center;width:57px;height:57px;border:1px solid var(--violet);background:#221c39;color:var(--violet);font-size:23px;margin:0 auto 6px}.tunnel{position:absolute;height:44px;left:25%;right:25%;top:53px;border:1px dashed var(--violet);background:rgba(188,168,255,.07)}.tunnel:after{content:"ENCRYPTED PAYLOAD";position:absolute;top:13px;width:100%;text-align:center;color:var(--violet);font:10px "DM Mono",monospace}.tunnel.bgp{border-color:var(--orange);background:rgba(255,173,114,.07)}.tunnel.bgp:after{content:"ROUTE UPDATE · AS PATH";color:var(--orange)}.tunnel.ike{border-color:var(--lime);background:rgba(197,248,120,.07)}.tunnel.ike:after{content:"NEGOTIATE SAs + KEYS";color:var(--lime)}.flow-copy{color:var(--muted);font-size:13px;padding-top:15px}.flow-copy b{color:var(--ink)}.nat-card select{width:210px;margin:0;font-size:10px}.nat-viz{min-height:150px;display:flex;align-items:center;justify-content:space-between;background:rgba(4,14,13,.54);padding:18px}.nat-box{width:36%;padding:13px 8px;text-align:center;border:1px solid var(--line);font:10px "DM Mono",monospace}.nat-box b{display:block;color:var(--ink);font-size:13px;margin-bottom:5px}.nat-arrow{text-align:center;color:var(--orange);font:26px "DM Mono",monospace}.nat-arrow small{display:block;color:var(--muted);font-size:9px}.nat-rule{margin-top:16px;padding:10px;border-left:2px solid var(--orange);font:12px "DM Mono",monospace;color:var(--muted)}.nat-rule b{color:var(--orange)}
.web-section{padding-top:90px}.http-layout{display:grid;grid-template-columns:290px 1fr;gap:16px;margin-top:43px}.http-tabs{display:flex;flex-direction:column;gap:7px}.http-tabs button{padding:15px;background:transparent;border:1px solid var(--line);color:var(--muted);text-align:left;cursor:pointer;font-family:"Space Grotesk",sans-serif}.http-tabs button.active{border-color:var(--cyan);background:rgba(113,231,221,.08);color:var(--ink)}.http-tabs span,.http-tabs i{display:block;font:10px "DM Mono",monospace}.http-tabs span{color:var(--cyan);margin-bottom:5px}.http-tabs i{color:var(--muted);font-style:normal;margin-top:4px}.http-tabs b{font-size:16px}.http-viz{min-height:236px;display:flex;flex-direction:column;justify-content:center}.http-viz h3{font-size:26px;margin:0 0 8px}.http-viz p{color:var(--muted);margin:0 0 20px;max-width:600px}.lanes{display:flex;gap:10px;align-items:flex-end;min-height:70px}.lane{height:14px;background:var(--cyan);position:relative;flex:1}.lane:after{content:attr(data-label);position:absolute;top:-17px;left:0;color:var(--muted);font:9px "DM Mono",monospace}.lane.blocked{background:var(--danger);opacity:.7}.stream{height:40px;display:flex;gap:5px;flex:1}.stream span{display:block;flex:1;background:var(--violet)}.stream span:nth-child(2){background:var(--cyan)}.stream span:nth-child(3){background:var(--lime)}.http-note{font:11px "DM Mono",monospace;color:var(--orange);margin-top:18px}
.cloud-section{padding-top:100px}.k8s-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:16px;margin-top:42px}.k8s-path{display:flex;align-items:center;gap:7px;background:rgba(4,14,13,.55);padding:20px 12px}.k8s-path>div{border:1px solid var(--line);padding:9px 7px;min-width:90px;text-align:center;font:10px "DM Mono",monospace}.k8s-path .service{border-color:var(--lime);background:rgba(197,248,120,.08)}.k8s-path b{display:block;color:var(--ink);margin-bottom:4px}.k8s-path small{color:var(--muted);font-size:9px}.k8s-path>span{color:var(--cyan)}.k8s-card>p{color:var(--muted);font-size:13px;margin:18px 0 0}.k8s-card>p b{color:var(--ink)}.reconcile-viz{display:flex;gap:5px;margin-top:35px}.reconcile-step{flex:1;height:7px;background:#283a38;position:relative}.reconcile-step.active{background:var(--lime);box-shadow:0 0 13px rgba(197,248,120,.5)}.reconcile-step.done{background:rgba(197,248,120,.45)}.reconcile-copy{font-size:14px;color:var(--muted);margin-top:24px;min-height:64px}.reconcile-copy b{color:var(--lime)}.go-card{margin-top:16px;padding-bottom:0}.go-card pre{padding:19px;margin:0;background:#061210;color:#c6f878;overflow:auto;font:13px/1.55 "DM Mono",monospace;border-left:2px solid var(--rose)}.go-explanation{color:var(--muted);font-size:13px;padding:14px 0}.go-explanation b{color:var(--ink)}
.quiz-section{display:grid;grid-template-columns:.55fr 1.45fr;gap:68px;align-items:start;padding-top:115px}.quiz-intro h2{font-size:clamp(44px,5vw,67px)}.quiz-intro>p:not(.eyebrow){color:var(--muted);font-size:15px}.score-badge{margin-top:35px;border-top:1px solid var(--line);padding-top:12px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.score-badge b{display:block;font-size:25px;color:var(--lime);margin-top:2px}.quiz-card{min-height:392px}.question-meta{display:flex;justify-content:space-between;color:var(--cyan);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.6px}.question-meta span:last-child{color:var(--muted)}.quiz-card h3{font-size:25px;line-height:1.2;margin:28px 0}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quiz-option{border:1px solid var(--line);background:rgba(4,14,13,.4);color:var(--muted);padding:13px;text-align:left;cursor:pointer;font:14px Inter,ui-sans-serif,system-ui,sans-serif;transition:.15s}.quiz-option:hover:not(:disabled){border-color:var(--cyan);color:var(--ink)}.quiz-option:disabled{cursor:default}.quiz-option.correct{color:var(--lime);border-color:var(--lime);background:rgba(197,248,120,.09)}.quiz-option.wrong{color:var(--danger);border-color:var(--danger);background:rgba(255,131,147,.08)}.quiz-feedback{min-height:43px;margin-top:16px;color:var(--muted);font-size:13px}.quiz-feedback b{color:var(--ink)}.hidden{display:none}.review-section{padding-top:105px}.cheat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:42px}.cheat-grid article{background:#0c1d1b;padding:21px;min-height:168px}.cheat-grid article>span{color:var(--cyan);font:21px ui-monospace,SFMono-Regular,Menlo,monospace}.cheat-grid h3{font-size:16px;margin:9px 0 6px}.cheat-grid p{color:var(--muted);font-size:13px;margin:0;line-height:1.65}.cheat-grid code{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--lime)}.cheat-grid b{color:var(--ink)}.progress-card{margin-top:16px;padding:23px;border:1px solid rgba(113,231,221,.22);display:flex;align-items:center;justify-content:space-between;gap:25px;background:rgba(113,231,221,.045)}.progress-card .eyebrow{margin-bottom:8px}.progress-card h3{font-size:22px;margin:0}.progress-card h3 b{color:var(--cyan)}.progress-items{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;min-width:485px}.progress-item{border:1px solid var(--line);padding:7px;background:#0a1918;color:var(--muted);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;text-align:left}.progress-item:before{content:"○";color:var(--dim);padding-right:5px}.progress-item.done{color:var(--lime);border-color:rgba(197,248,120,.4);background:rgba(197,248,120,.07)}.progress-item.done:before{content:"✓";color:var(--lime)}.closing-card{margin-top:16px;border:1px solid rgba(197,248,120,.3);background:linear-gradient(100deg,rgba(197,248,120,.11),rgba(113,231,221,.06));padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.closing-card h3{font-size:23px;max-width:680px;margin:0}.closing-card .eyebrow{color:var(--lime);margin-bottom:8px}footer{max-width:1200px;margin:auto;padding:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--dim);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,120px);z-index:5;background:var(--lime);color:#152700;padding:10px 14px;box-shadow:var(--shadow);font:600 13px Inter,ui-sans-serif,system-ui,sans-serif;transition:.25s transform}.toast.show{transform:translate(-50%,0)}
@media(max-width:850px){.main-nav{display:none}.topbar{height:70px;padding:0 18px}.section-shell{padding:70px 18px}.hero{grid-template-columns:1fr;padding-top:70px;gap:40px}.network-canvas{height:340px}.foundation-grid,.lab-grid,.protocol-grid,.flow-grid,.k8s-grid,.quiz-section{grid-template-columns:1fr}.subnet-steps{grid-template-columns:repeat(2,1fr)}.planner-card,.validator-card{grid-column:auto}.http-layout{grid-template-columns:1fr}.http-tabs{flex-direction:row}.http-tabs button{flex:1;padding:10px}.http-tabs b{font-size:13px}.compact-heading{display:block}.osi-layout{grid-template-columns:120px 1fr}.quiz-section{gap:32px}.cheat-grid{grid-template-columns:repeat(2,1fr)}.k8s-path{overflow:auto}.k8s-path>div{min-width:99px}.progress-card{align-items:flex-start;flex-direction:column}.progress-items{min-width:0;width:100%}.closing-card{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.countdown{display:none}.hero h1{font-size:47px;letter-spacing:-2.5px}.hero-actions{align-items:stretch;flex-direction:column}.study-strip{margin-top:38px}.study-strip b{font-size:13px}.study-strip span{font-size:10px}.panel{padding:18px}.foundation-intro{display:block}.foundation-step{display:block;margin-bottom:9px}.address-number{font-size:16px;gap:3px}.address-number span{padding:5px}.worked-subnet{padding:18px}.worked-heading{display:block}.formula-badge{display:inline-block;margin-top:12px}.subnet-steps{grid-template-columns:1fr}.memory-hook{display:block}.memory-hook span{display:block;margin-bottom:8px}.form-row,.validate-grid,.quiz-options{grid-template-columns:1fr}.result-card{grid-template-columns:1fr 1fr}.answer-pattern{display:block}.answer-pattern span{display:block;margin-bottom:8px}.protocol-grid,.flow-grid{margin-top:30px}.osi-layout{grid-template-columns:1fr}.layers{display:grid;grid-template-columns:repeat(4,1fr)}.layer-button{font-size:8px}.layer-button small{display:none}.panel-heading{align-items:flex-start}.panel-heading h3{font-size:15px}.segmented button{padding:5px 6px;font-size:8px}.secure-flow{min-height:328px}.nat-card select{width:170px}.nat-viz{padding:12px}.nat-box{width:39%;font-size:9px}.cheat-grid{grid-template-columns:1fr}.closing-card h3{font-size:20px}footer{padding:24px 18px;gap:12px;flex-direction:column}}