@font-face{font-family:Inter;src:url('/hero/vendor/fonts/inter-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('/hero/vendor/fonts/inter-latin-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url('/hero/vendor/fonts/inter-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#fbfcf8;--ink:#20362e;--muted:#5b6d63;--green:#194a3c;--mint:#0e8a63;--line:#dce4d7;--soft:#f0f4eb;--amber:#91611a;--violet:#70638b;--radius:19px;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{cursor:pointer;color:inherit;background:white;border:1px solid var(--line);border-radius:9px;min-height:44px;padding:10px 15px;font-size:13px;font-weight:600}button:hover{background:var(--soft);border-color:#9bb09e}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #168a66;outline-offset:4px}button.primary,.primary{background:var(--green);color:white;border-color:var(--green)}button.primary:hover{background:#24604c}.skip{position:fixed;top:-100px;left:16px;background:var(--green);color:white;padding:16px;z-index:20}.skip:focus{top:12px}.site-head{max-width:1380px;padding:26px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:23px;letter-spacing:-1px;font-weight:700;text-decoration:none}.brand-light{font-weight:400}.brand b{color:var(--mint)}.site-head nav{display:flex;gap:27px;font-size:13px;font-weight:600}.site-head nav a{text-decoration:none}.site-head nav a:hover{text-decoration:underline}main{max-width:1300px;margin:auto;padding:35px 32px 30px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;margin:0 0 9px;color:var(--muted)}h1{font-size:clamp(34px,4.2vw,57px);font-weight:600;letter-spacing:-2.5px;line-height:1.08;margin:0 0 13px}h1>span{color:var(--mint)}.intro>div>p:last-child{font-size:15px;color:var(--muted);margin:0}.duration{font-size:12px;letter-spacing:1.2px;font-weight:700;text-align:right;color:var(--green)}.duration span{display:block;font-size:11px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:8px}.activity-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:17px;margin-bottom:22px}.stages{display:flex;gap:7px}.stages button{background:transparent;border:1px solid transparent;display:flex;align-items:center;gap:9px;padding:9px 17px}.stages span{font-size:10px;color:var(--muted)}.stages button[aria-current]{background:#e7efe2;border-color:#d3dfcc;color:var(--green)}#save-status{font-size:11px;color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 328px;gap:24px;align-items:start}.network-panel{border:1px solid var(--line);border-radius:var(--radius);background:#f3f6ed;overflow:hidden}.network-head{padding:23px 25px 17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.network-head h2{font-size:16px;margin:0;font-weight:600;letter-spacing:-.3px}.network-head .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:6px}.simulation-dot{font-size:10px;display:flex;gap:6px;align-items:center;color:var(--muted);white-space:nowrap}.simulation-dot:before{content:'';width:5px;height:5px;background:var(--mint);border-radius:50%}.address{margin:0 24px;background:#ffffffbf;border:1px solid #dbe4d4;border-radius:9px;min-height:38px;display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:11px;color:#566b5c}.address strong{font-weight:600}.address>span:first-child{color:var(--mint);font-size:16px}.address>span:last-child{margin-left:auto;font-size:10px;color:var(--green);background:#e7efe2;border-radius:4px;padding:4px 7px;white-space:nowrap}.network-scene{height:350px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 55% 50%,#e6eddb00 10%,#f3f6ed 85%)}.network-scene canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:pan-y}.map-labels{position:absolute;inset:0;pointer-events:none;z-index:2}.map-label{position:absolute;transform:translate(-50%,0);text-align:center;white-space:nowrap;line-height:1.35;font-size:10px;font-weight:700;letter-spacing:.2px;color:var(--ink);background:#f3f6eddb;padding:3px 6px;border-radius:4px}.map-label small{display:block;font-size:8px;letter-spacing:.1px;font-weight:400;color:var(--muted)}.map-label.selected{color:var(--mint)}.flat-map{position:absolute;inset:0;display:flex;align-items:center;padding:16px;z-index:0}.flat-map svg{width:100%;height:auto;max-height:100%}.flat-device rect,.flat-device circle{fill:#fcfdf9;stroke:#a6bba8;stroke-width:2}.flat-device text{fill:var(--ink);text-anchor:middle;font:700 12px Inter,system-ui}.flat-device .flat-icon{font-size:24px;fill:var(--mint)}.flat-device.active rect,.flat-device.active circle{fill:#d8edc9;stroke:var(--mint);stroke-width:4}.network-scene[data-view="3d"] .flat-map{visibility:hidden}.network-scene[data-view="diagram"] canvas,.network-scene[data-view="diagram"] .map-labels{display:none}.scene-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 23px 15px;font-size:10px;color:var(--muted)}.scene-tools p{margin:0;display:flex;gap:7px;align-items:center}.packet-key{width:8px;height:8px;background:#e3a935;border-radius:2px;display:inline-block;transform:rotate(-15deg)}.scene-tools>div{display:flex;gap:7px}.scene-tools button{font-size:10px;min-height:34px;padding:5px 8px;background:transparent}.scene-tools button[aria-pressed=true]{background:#e1eada;border-color:#a6bca2}.device-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f9fbf4}.device-nav button{border:0;border-right:1px solid var(--line);border-radius:0;min-height:65px;font-size:10px;line-height:1.4;padding:10px 4px;background:transparent}.device-nav button:last-child{border-right:0}.device-nav button span{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-bottom:4px}.device-nav button[aria-pressed=true]{background:#dfebd5;color:#164e37;box-shadow:inset 0 -3px var(--mint)}.trace-panel{padding:19px 23px 22px;background:#fff}.trace-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}.trace-heading h3{font-size:12px;margin:0}.trace-heading>span{font-size:9px;letter-spacing:.2px;color:var(--muted)}.trace-empty{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.trace-rows{list-style:none;padding:0;margin:0;display:grid;gap:13px}.trace-rows li{display:grid;grid-template-columns:20px 1fr;gap:9px;font-size:11px;line-height:1.5}.trace-rows .trace-dot{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e4f0df;font-size:9px;color:var(--green)}.trace-rows strong{font-weight:600;display:block}.trace-rows p{margin:2px 0 0;color:var(--muted);font-size:11px}.trace-rows li.blocked .trace-dot{background:#f7e2ce;color:#8f3e22}.trace-rows li.caution .trace-dot{background:#fff0c6;color:#836000}.desk{display:flex;flex-direction:column;gap:16px}#lesson-panel{padding:23px 23px 22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}#lesson-panel h2{font-size:24px;letter-spacing:-.8px;line-height:1.16;margin:9px 0 14px;font-weight:600}#lesson-panel p:not(.eyebrow){font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 16px}#lesson-panel .detail{font-size:11px!important;border-left:2px solid #c2d8b2;padding-left:12px}#lesson-panel .primary{width:100%;font-size:12px;text-align:center}#lesson-panel .secondary-action{background:none;border:0;min-height:34px;padding:7px 0;font-size:11px;width:100%;margin-top:7px;color:var(--muted)}.learn-meter{display:flex;gap:5px;margin-bottom:15px}.learn-meter span{height:3px;flex:1;border-radius:3px;background:var(--line)}.learn-meter span.done{background:var(--mint)}.objectives{display:flex;gap:6px;margin:0 0 16px}.objectives>span{font-size:9px;letter-spacing:.3px;padding:5px 8px;border-radius:20px;background:var(--soft);color:var(--muted)}.objectives>span.done{background:#dcefcf;color:#235b38}.success-note{padding:12px;border-radius:8px;background:#e7f3de;color:#245837!important}.inspector{border:1px solid var(--line);border-radius:14px;background:#f5f7f0;padding:20px}.inspector h3{font-size:14px;font-weight:600;margin:5px 0 10px}.inspector p{font-size:11px;line-height:1.7;color:var(--muted);margin:7px 0}.device-spec{display:grid;grid-template-columns:auto 1fr;font-size:10px;gap:9px 15px;margin:15px 0;line-height:1.5}.device-spec dt{color:var(--muted)}.device-spec dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:600}.status-bad{color:#984721}.status-good{color:var(--mint)}.inspector button{width:100%;font-size:11px}.inspector form{margin:15px 0 0}.inspector label{display:block;font-size:10px;line-height:1.5;margin:11px 0}.inspector select{margin-top:5px;display:block;width:100%;min-height:43px;border:1px solid #b8c9b1;border-radius:7px;background:white;padding:8px;font-size:12px;color:var(--ink)}.field-note{font-size:10px!important}.leo-tip{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;padding:2px 8px}.leo-tip .eyebrow{font-size:8px;margin:0 0 6px}.leo-tip p:last-child{font-size:10px;line-height:1.7;color:var(--muted);margin:0}#leo{height:91px;position:relative;overflow:hidden}#leo svg{position:absolute;inset:0;overflow:visible;width:100%;height:100%}.model-notes{font-size:11px;line-height:1.9;color:var(--muted);margin:25px 0 0;max-width:850px}.model-notes summary{cursor:pointer;font-size:11px}.model-notes p{max-width:85ch}.model-notes ul{padding-left:18px}.site-footer{display:flex;justify-content:space-between;gap:15px;max-width:1236px;margin:0 auto 30px;border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:10px;align-items:center;flex-wrap:wrap}.site-footer>div{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.site-footer button{border:0;background:transparent;font-size:10px;font-weight:400;min-height:36px;padding:5px 0;text-decoration:underline;text-underline-offset:4px}.site-footer p{margin:0}.recap-panel{margin-top:25px;border:1px solid #b9d6a9;background:#edf5e4;padding:30px;border-radius:var(--radius)}.recap-top{display:flex;align-items:start;gap:30px;justify-content:space-between}.recap-panel h2{font-size:30px;letter-spacing:-1px;font-weight:600;margin:0 0 12px}.recap-panel p{font-size:13px;line-height:1.7;color:var(--muted)}.recap-seal{border:1px solid #9cc48a;border-radius:50%;width:80px;height:80px;display:grid;place-items:center;font-size:32px;color:var(--green);flex-shrink:0}.recap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid #cedfc1;padding-top:23px;margin-top:20px}.recap-grid h3{font-size:14px}.recap-grid p{font-size:12px}.recap-grid a{font-size:11px}.recap-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:20px}.recap-actions a{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{border:1px solid var(--line);border-radius:16px;padding:27px;max-width:420px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#16382a70}dialog h2{font-size:22px;letter-spacing:-.6px}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}dialog form{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}[hidden]{display:none!important}
@media(min-width:1450px){.network-scene{height:390px}}@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 295px;gap:17px}main{padding:28px 23px}.network-head,.trace-panel{padding-left:17px;padding-right:17px}.address{margin:0 17px}.network-scene{height:320px}.site-footer{margin-left:23px;margin-right:23px}.scene-tools{padding-left:14px;padding-right:14px}.scene-tools p{font-size:9px}.map-label{font-size:9px}}@media(max-width:800px){.site-head{padding:21px 22px}.workspace{grid-template-columns:minmax(0,1fr)}.desk{display:grid;grid-template-columns:1fr 1fr;align-items:start}.leo-tip{grid-column:1/-1;max-width:400px}.network-scene{height:340px}#lesson-panel{min-height:300px}.duration{display:none}.intro{margin-bottom:23px}.site-footer{align-items:start;flex-direction:column}.network-head h2{font-size:16px}.recap-grid{gap:18px}.recap-panel{padding:23px}}@media(max-width:480px){main{padding:25px 16px 22px}.site-head{padding:18px 16px}.brand{font-size:20px;gap:7px}.brand img{width:29px;height:auto}.site-head nav{gap:15px;font-size:11px}.site-head nav a:last-child{display:none}h1{font-size:38px;letter-spacing:-1.8px}.intro>div>p:last-child{font-size:12px}.eyebrow{font-size:9px}.activity-bar{flex-wrap:wrap;gap:11px;margin-bottom:18px}.stages{width:100%}.stages button{flex:1;justify-content:center;padding:9px 10px;font-size:12px}#save-status{font-size:10px;padding-left:3px}.network-head{padding:18px 15px 13px}.network-head h2{font-size:14px}.simulation-dot{font-size:9px}.network-head .eyebrow{font-size:8px}.address{margin:0 13px;font-size:10px;gap:6px}.address>span:last-child{font-size:8px}.network-scene{height:255px}.map-label{font-size:8px;padding:2px 4px;letter-spacing:-.1px}.map-label small{font-size:7px}.scene-tools{flex-wrap:wrap;padding:0 12px 12px;gap:9px}.scene-tools p{font-size:9px}.scene-tools button{min-height:36px;font-size:9px}.device-nav button{font-size:9px;padding:8px 3px;min-height:62px}.device-nav button span{font-size:8px}.trace-panel{padding:17px 15px 19px}.trace-rows li{font-size:11px}.trace-rows p{font-size:10px}.desk{display:flex;gap:14px}#lesson-panel{min-height:0;padding:21px}#lesson-panel h2{font-size:25px}#lesson-panel p:not(.eyebrow){font-size:13px}.inspector{padding:20px}.inspector p{font-size:12px}.device-spec{font-size:12px}.inspector label{font-size:12px}.inspector button{font-size:12px}.leo-tip{max-width:100%;padding:0 8px}.leo-tip p:last-child{font-size:11px}.recap-grid{grid-template-columns:1fr;gap:7px}.recap-panel h2{font-size:26px}.recap-seal{width:53px;height:53px;font-size:24px}.recap-top{gap:12px}.recap-panel{padding:21px}.model-notes{font-size:11px}.site-footer{margin-left:16px;margin-right:16px}.site-footer>div{gap:13px}.flat-map{padding:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.inspect-test{margin-top:11px}@media(max-width:800px){.workspace{display:flex;flex-direction:column;gap:16px}.desk{display:contents}#lesson-panel{order:-1;width:100%;min-height:0}.network-panel{order:0;width:100%}.inspector{order:1;width:100%}.leo-tip{order:2}#lesson-panel .detail{font-size:11px!important}#lesson-panel p:not(.eyebrow){margin-bottom:12px}.network-scene{height:300px}}@media(max-width:480px){#lesson-panel{padding:19px}#lesson-panel h2{font-size:24px;margin:6px 0 10px}#lesson-panel p:not(.eyebrow){font-size:12px}.network-scene{height:235px}.learn-meter{margin-bottom:12px}.device-nav button{min-height:64px}}

.mobile-next{display:none}@media(max-width:800px){.mobile-next:not(:empty){display:block;margin-top:18px}.mobile-next button{width:100%}.trace-rows li:not(:last-child) p{display:none}}

.objectives{flex-wrap:wrap}