:root{color-scheme:light;--paper:#f2ecd9;--paper-2:#fff9e8;--ink:#171713;--orange:#ff6339;--green:#b9ff66;--yellow:#ffd84d;--muted:#716d61;--rule:3px solid var(--ink);--shadow:7px 7px 0 var(--ink);--display:"American Typewriter", "Rockwell", "Bookman Old Style", serif;--condensed:"Avenir Next Condensed", "DIN Condensed", "Franklin Gothic Condensed", sans-serif;--mono:"SFMono-Regular", "Cascadia Mono", "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--paper);color:var(--ink);font-family:var(--mono);margin:0;overflow-x:hidden}a{color:inherit}button{color:inherit;font:inherit}::selection{color:var(--ink);background:var(--green)}.skip-link{z-index:1000;border:var(--rule);background:var(--green);font:900 11px/1 var(--mono);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;border-bottom:var(--rule);background:var(--paper-2);grid-template-columns:1fr auto;align-items:center;gap:18px;height:72px;padding:0 clamp(14px,3vw,48px);display:grid;position:relative}.wordmark{width:max-content;font:900 clamp(20px, 3vw, 29px)/1 var(--display);letter-spacing:-.09em;text-decoration:none}.wordmark span{color:var(--orange);font-style:italic}.wordmark sup{font:800 7px/1 var(--mono);vertical-align:top;letter-spacing:0;margin-left:6px}.site-header nav{display:none}.header-github{border:2px solid var(--ink);background:var(--green);min-height:40px;box-shadow:3px 3px 0 var(--ink);font:900 9px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:10px;padding:0 12px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.header-github:hover{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.signal-bar{border-bottom:var(--rule);background:var(--ink);height:27px;color:var(--green);align-items:center;display:flex;overflow:hidden}.signal-bar div{white-space:nowrap;width:max-content;font:800 9px/1 var(--mono);letter-spacing:.15em;align-items:center;gap:18px;animation:28s linear infinite ticker;display:flex}.signal-bar i{color:var(--orange);font-style:normal}@keyframes ticker{to{transform:translate(-50%)}}.hero{border-bottom:var(--rule);background:var(--orange);min-height:720px;display:grid}.hero-copy{padding:clamp(45px,8vw,100px) clamp(16px,5vw,70px) 48px}.eyebrow,.section-index{font:900 9px/1.2 var(--mono);letter-spacing:.16em;margin:0 0 21px}.live-dot{border:2px solid var(--ink);background:var(--green);vertical-align:-1px;width:10px;height:10px;margin-right:8px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{background:var(--ink)}}.hero h1{max-width:790px;font:900 clamp(55px, 15vw, 122px)/.82 var(--display);letter-spacing:-.082em;margin:0}.hero h1 em,.section-heading h2 em,.manifesto h2 em,.approval-copy h3 em,.start-copy h2 em,.final-cta h2 em{color:var(--paper-2);text-shadow:3px 3px 0 var(--ink);font-weight:400}.hero-intro{max-width:690px;font:700 clamp(13px, 1.7vw, 17px)/1.55 var(--mono);margin:30px 0 0}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:29px;display:flex}.button{border:var(--rule);min-height:54px;box-shadow:5px 5px 0 var(--ink);font:900 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:22px;padding:0 17px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.button span{font-size:20px}.button:hover{box-shadow:0 0 0 var(--ink);transform:translate(5px,5px)}.button-dark{background:var(--ink);color:var(--green);box-shadow:5px 5px 0 var(--paper-2)}.button-dark:hover{box-shadow:0 0 0 var(--paper-2)}.button-paper{background:var(--paper-2)}.hero-stats{border:var(--rule);background:var(--paper-2);box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);margin:48px 0 0;display:grid}.hero-stats div{border-right:2px solid var(--ink);min-width:0;padding:13px 9px}.hero-stats div:last-child{border-right:0}.hero-stats dt{font:900 clamp(24px, 5vw, 42px)/1 var(--condensed)}.hero-stats dd{font:800 7px/1.35 var(--mono);text-transform:uppercase;margin:5px 0 0}.hero-visual{border-top:var(--rule);background-color:var(--paper);background-image:linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px);background-size:30px 30px;place-items:center;min-height:620px;padding:46px 20px 60px;display:grid;position:relative;overflow:hidden}.hero-visual:before{content:"";border:var(--rule);border-radius:50%;position:absolute;inset:9% 4%;transform:rotate(-12deg)}.phone-shot{z-index:2;border:var(--rule);background:var(--ink);width:min(68vw,306px);box-shadow:15px 15px 0 var(--orange);border-radius:34px;margin:0;padding:9px;position:relative;transform:rotate(3deg)}.phone-shot img{border:2px solid var(--ink);border-radius:24px;width:100%;height:auto;display:block}.camera-pill{z-index:3;background:var(--ink);border-radius:20px;width:58px;height:13px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone-shot figcaption{border:var(--rule);background:var(--yellow);width:140px;box-shadow:5px 5px 0 var(--ink);padding:10px;position:absolute;bottom:60px;right:-41px;transform:rotate(-8deg)}.phone-shot figcaption span{font:800 7px/1 var(--mono);margin-bottom:7px;display:block}.phone-shot figcaption strong{font:900 17px/.95 var(--display)}.agent-stamp{z-index:3;border:var(--rule);background:var(--green);border-radius:50%;justify-content:center;align-items:center;gap:7px;width:96px;height:96px;display:flex;position:absolute;top:34px;right:17px;transform:rotate(8deg)}.agent-stamp b{font:900 37px/1 var(--condensed)}.agent-stamp span{font:900 7px/1.2 var(--mono)}.private-tag{z-index:3;border:var(--rule);background:var(--ink);color:var(--green);box-shadow:5px 5px 0 var(--orange);font:900 10px/1.25 var(--mono);padding:12px 15px;position:absolute;bottom:50px;left:8px;transform:rotate(-6deg)}.orbit{display:none}.manifesto{border-bottom:var(--rule);background:var(--green);text-align:center;padding:75px 18px}.manifesto p{font:900 9px/1 var(--mono);letter-spacing:.17em;margin:0 0 20px}.manifesto h2{font:900 clamp(38px, 9vw, 88px)/.92 var(--display);letter-spacing:-.065em;margin:0}.manifesto h2 em{color:var(--orange)}.signal-section,.workflow-section,.capabilities-section,.start-section{border-bottom:var(--rule);padding:clamp(72px,10vw,130px) clamp(14px,5vw,72px)}.section-heading{gap:15px;max-width:1180px;margin:0 auto 62px;display:grid}.section-heading h2,.start-copy h2{font:900 clamp(44px, 9vw, 92px)/.88 var(--display);letter-spacing:-.07em;margin:0}.section-heading>p:last-child{max-width:650px;font:700 13px/1.65 var(--mono);margin:8px 0 0}.section-heading em,.start-copy h2 em{color:var(--orange)}.section-heading.compact{margin-bottom:38px}.topology{grid-template-columns:1fr;max-width:1180px;margin:0 auto;display:grid}.topology-node{border:var(--rule);background:var(--paper-2);min-height:210px;box-shadow:var(--shadow);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:relative}.node-number{font:900 10px/1 var(--mono);position:absolute;top:15px;right:15px}.node-icon{border:var(--rule);background:var(--orange);width:58px;height:58px;font:900 28px/1 var(--condensed);place-items:center;margin-bottom:28px;display:grid}.node-phone .node-icon,.node-gateway .node-icon{background:var(--green)}.topology-node h3{font:900 25px/1 var(--display);letter-spacing:-.04em;margin:0 0 8px}.topology-node p{color:var(--muted);font:700 9px/1.5 var(--mono);margin:0}.topology-wire{place-items:center;min-height:62px;display:grid;position:relative}.topology-wire:before{content:"";background:var(--ink);width:3px;height:100%;position:absolute}.topology-wire:after{content:"↓";background:var(--paper);font:900 20px/1 var(--mono);padding:2px;position:absolute;bottom:-6px}.topology-wire span{z-index:1;border:2px solid var(--ink);background:var(--yellow);font:900 7px/1 var(--mono);letter-spacing:.08em;padding:5px 8px}.boundary-note{border:var(--rule);background:var(--ink);max-width:1180px;color:var(--paper-2);box-shadow:7px 7px 0 var(--orange);gap:13px;margin:48px auto 0;padding:16px;display:grid}.boundary-note strong{color:var(--green);font:900 9px/1 var(--mono);letter-spacing:.13em}.boundary-note p{font:650 10px/1.6 var(--mono);margin:0}.boundary-note code{color:var(--yellow)}.workflow-section{background:var(--paper-2)}.tutorial-steps{border:var(--rule);max-width:1180px;box-shadow:var(--shadow);margin:0 auto;padding:0;list-style:none}.tutorial-step{border-bottom:var(--rule);background:var(--paper);position:relative}.tutorial-step:last-child{border-bottom:0}.tutorial-step>header{border-bottom:2px solid var(--ink);background:var(--yellow);justify-content:space-between;align-items:center;min-height:54px;padding:0 13px;display:flex}.tutorial-step:nth-child(2n)>header{background:var(--green)}.step-number,.step-device{font:900 9px/1 var(--mono);letter-spacing:.1em}.step-number{font-size:14px}.tutorial-body{gap:25px;padding:22px 13px 50px;display:grid}.tutorial-copy h3{font:900 clamp(30px, 6vw, 52px)/.92 var(--display);letter-spacing:-.055em;margin:0 0 13px}.tutorial-copy p{max-width:610px;color:var(--muted);font:700 10px/1.65 var(--mono);margin:0}.tutorial-instructions{gap:12px;min-width:0;display:grid}.tutorial-terminal,.tutorial-actions{border:2px solid var(--ink);background:var(--ink);color:var(--paper-2)}.tutorial-terminal>span,.tutorial-actions>span{color:var(--orange);font:900 7px/1 var(--mono);letter-spacing:.13em;border-bottom:1px solid #5c5b52;padding:8px 10px;display:block}.tutorial-terminal code{color:var(--green);font:700 8px/1.5 var(--mono);overflow-wrap:anywhere;border-bottom:1px solid #46463f;grid-template-columns:13px 1fr;gap:8px;padding:11px 10px;display:grid}.tutorial-terminal code:last-child{border-bottom:0}.tutorial-terminal i{color:var(--orange);font-style:normal}.tutorial-actions{background:var(--paper-2);color:var(--ink)}.tutorial-actions>span{color:var(--ink);background:var(--orange);border-color:var(--ink)}.tutorial-actions p{border-bottom:1px solid var(--ink);font:800 8px/1.45 var(--mono);grid-template-columns:17px 1fr;gap:7px;margin:0;padding:11px 10px;display:grid}.tutorial-actions p:last-child{border-bottom:0}.tutorial-actions i{color:var(--orange);font-style:normal;font-weight:900}.tutorial-result{border:2px solid var(--ink);background:var(--paper-2);color:var(--ink);font:700 8px/1.5 var(--mono);gap:6px;margin:0;padding:11px;display:grid}.tutorial-result b{color:var(--muted);font:900 7px/1 var(--mono);letter-spacing:.11em}.step-arrow{font:500 27px/1 var(--display);position:absolute;bottom:12px;right:14px}.tutorial-finish{border:var(--rule);background:var(--green);max-width:1180px;box-shadow:7px 7px 0 var(--orange);gap:9px;margin:34px auto 0;padding:17px;display:grid}.tutorial-finish span{font:900 8px/1 var(--mono);letter-spacing:.12em}.tutorial-finish strong{font:900 clamp(28px, 6vw, 52px)/1 var(--condensed)}.tutorial-finish p{font:700 9px/1.55 var(--mono);margin:0}.engines-section{border-bottom:var(--rule);background:var(--ink);color:var(--paper-2);padding:clamp(72px,10vw,130px) clamp(14px,5vw,72px)}.section-heading.on-ink em{color:var(--green);text-shadow:3px 3px 0 var(--orange)}.engine-grid{gap:24px;max-width:1180px;margin:0 auto;display:grid}.engine-card{color:var(--ink);border:3px solid var(--paper-2);box-shadow:9px 9px 0 var(--paper-2)}.engine-card.orange{background:var(--orange)}.engine-card.green{background:var(--green)}.engine-card header{border-bottom:var(--rule);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:115px;padding:15px;display:grid}.engine-marker{border:var(--rule);background:var(--paper-2);width:62px;height:62px;font:900 35px/1 var(--display);border-radius:50%;place-items:center;display:grid}.engine-card header p{font:900 8px/1 var(--mono);letter-spacing:.1em;margin:0 0 4px}.engine-card h3{font:900 40px/1 var(--display);letter-spacing:-.06em;margin:0}.engine-live{border:2px solid var(--ink);background:var(--paper-2);font:900 7px/1 var(--mono);padding:5px}.engine-copy{min-height:160px;font:700 12px/1.65 var(--mono);margin:0;padding:24px 18px}.engine-card ul{border-top:var(--rule);margin:0;padding:0;list-style:none}.engine-card li{border-bottom:2px solid var(--ink);font:800 9px/1.4 var(--mono);padding:12px 16px}.engine-card li:last-child{border-bottom:0}.engine-card li:before{content:"↳ "}.capability-grid{border-top:var(--rule);border-left:var(--rule);max-width:1180px;margin:0 auto 80px;display:grid}.capability{border-right:var(--rule);border-bottom:var(--rule);background:var(--paper-2);flex-direction:column;min-height:270px;padding:20px;display:flex}.capability>span{font:900 10px/1 var(--mono);margin-bottom:auto}.capability h3{font:900 33px/1 var(--display);letter-spacing:-.05em;margin:60px 0 12px}.capability p{color:var(--muted);font:700 10px/1.6 var(--mono);margin:0}.capability:nth-child(2),.capability:nth-child(3){background:var(--yellow)}.capability:nth-child(4){background:var(--green)}.approval-demo{border:var(--rule);background:var(--orange);max-width:1180px;box-shadow:10px 10px 0 var(--ink);gap:40px;margin:0 auto;padding:18px;display:grid}.approval-copy{padding:18px 3px}.approval-copy h3{font:900 clamp(37px, 7vw, 70px)/.9 var(--display);letter-spacing:-.06em;margin:0 0 22px}.approval-copy p:last-child{font:700 11px/1.65 var(--mono);margin:0}.approval-card{border:var(--rule);background:var(--paper-2);box-shadow:7px 7px 0 var(--ink)}.approval-card header{border-bottom:var(--rule);font:900 8px/1 var(--mono);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.status-square{border:2px solid var(--ink);background:var(--yellow);width:13px;height:13px}.approval-card>div{padding:18px 12px 24px}.approval-card small{font:900 7px/1 var(--mono);letter-spacing:.12em;margin-bottom:10px;display:block}.approval-card code{border:2px solid var(--ink);background:var(--ink);color:var(--green);font:700 11px/1.4 var(--mono);overflow-wrap:anywhere;padding:13px 10px;display:block}.approval-card p{color:var(--muted);font:700 8px/1.5 var(--mono);margin:18px 0 0}.approval-card footer{border-top:var(--rule);grid-template-columns:1fr 1fr;display:grid}.approval-card button{border:0;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--paper);min-height:50px;font:900 7px/1.2 var(--mono);padding:6px}.approval-card button:nth-child(2){background:var(--yellow);border-right:0}.approval-card button:last-child{background:var(--green);border:0;grid-column:1/-1}.start-section{background:var(--yellow);gap:34px;display:grid}.start-copy p:last-child{max-width:670px;font:700 12px/1.65 var(--mono)}.terminal{border:var(--rule);background:var(--ink);color:var(--paper-2);box-shadow:10px 10px 0 var(--orange)}.terminal>header{border-bottom:2px solid var(--paper-2);align-items:center;gap:7px;height:42px;padding:0 12px;display:flex}.terminal>header span{border:1px solid var(--paper-2);background:var(--orange);border-radius:50%;width:10px;height:10px}.terminal>header span:nth-child(2){background:var(--yellow)}.terminal>header span:nth-child(3){background:var(--green)}.terminal>header b{font:800 7px/1 var(--mono);letter-spacing:.12em;margin-left:auto}.terminal-body{padding:5px 12px 18px}.command-row{border-bottom:1px solid #4b4b43;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;min-height:64px;display:grid}.command-row>span{color:var(--orange);font:900 8px/1 var(--mono)}.command-row code{min-width:0;color:var(--green);font:700 clamp(9px, 2vw, 12px)/1.4 var(--mono);overflow-wrap:anywhere}.copy-button{border:1px solid var(--paper-2);color:var(--paper-2);font:800 6px/1 var(--mono);cursor:pointer;background:0 0;padding:7px 6px}.copy-button:hover{background:var(--green);color:var(--ink)}.terminal-output{font:700 7px/1.4 var(--mono);grid-template-columns:auto 42px 1fr;align-items:center;gap:7px;padding:13px 0 0;display:grid}.terminal-output i{background:var(--green);width:7px;height:7px}.terminal-output span{color:var(--orange)}.terminal-output small{color:var(--muted);grid-column:3}.prerequisites{border:var(--rule);background:var(--paper-2);box-shadow:var(--shadow);padding:18px}.prerequisites>span{font:900 9px/1 var(--mono);letter-spacing:.12em}.prerequisites ul{margin:20px 0 0;padding:0;list-style:none}.prerequisites li{border-top:2px solid var(--ink);font:800 9px/1.4 var(--mono);padding:10px 0}.prerequisites li:before{content:"■";color:var(--orange);margin-right:9px}.final-cta{border-bottom:var(--rule);background:var(--green);align-items:center;gap:45px;min-height:550px;padding:72px 18px;display:grid}.final-cta p{font:900 9px/1 var(--mono);letter-spacing:.15em}.final-cta h2{font:900 clamp(51px, 12vw, 125px)/.83 var(--display);letter-spacing:-.075em;margin:0}.final-cta h2 em{color:var(--orange)}.round-cta{border:var(--rule);background:var(--orange);width:180px;height:180px;box-shadow:9px 9px 0 var(--ink);font:900 11px/1.2 var(--mono);border-radius:50%;flex-direction:column;justify-content:space-between;align-items:center;margin:0 auto;padding:30px;text-decoration:none;transition:transform .2s;display:flex;transform:rotate(6deg)}.round-cta:hover{transform:rotate(-4deg)scale(1.04)}.round-cta b{font:400 40px/1 var(--display);align-self:flex-end}.site-footer{background:var(--ink);color:var(--paper-2);align-items:center;gap:23px;padding:35px 16px;display:grid}.site-footer p{font:800 8px/1.5 var(--mono);letter-spacing:.12em;margin:0}.site-footer>div{flex-wrap:wrap;gap:5px;display:flex}.site-footer>div span{border:1px solid var(--paper-2);color:var(--green);font:800 6px/1 var(--mono);padding:6px}.reveal{opacity:0;transition:opacity .65s,transform .65s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:80ms}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}@media (width>=680px){.site-header{grid-template-columns:1fr auto auto}.site-header nav{gap:22px;display:flex}.site-header nav a{font:900 8px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;text-decoration:none}.site-header nav a:hover{color:var(--orange)}.hero-stats div{padding:17px}.hero-stats dd{font-size:8px}.topology{grid-template-columns:1fr 72px 1fr}.node-phone{grid-column:1}.wire-a{grid-area:1/2}.node-tailnet{grid-area:1/3}.wire-b{grid-area:2/2;transform:rotate(180deg)}.node-gateway{grid-area:2/1}.wire-c{grid-area:3/2}.node-mac{grid-area:3/3}.topology-wire{min-height:210px}.topology-wire:before{width:100%;height:3px}.topology-wire:after{content:"→";bottom:auto;right:-8px}.wire-b:after{left:-8px;right:auto;transform:rotate(180deg)}.boundary-note{grid-template-columns:150px 1fr;align-items:center}.engine-grid,.capability-grid{grid-template-columns:1fr 1fr}.approval-demo{grid-template-columns:1fr 1fr;align-items:center;padding:36px}.final-cta{grid-template-columns:1fr auto;padding-inline:clamp(30px,7vw,100px)}.round-cta{width:220px;height:220px;margin:0}.site-footer{grid-template-columns:auto 1fr auto;padding-inline:40px}}@media (width>=1000px){.hero{grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);min-height:790px}.hero-copy{flex-direction:column;justify-content:center;display:flex}.hero-visual{border-top:0;border-left:var(--rule);min-height:790px}.hero-stats{max-width:700px}.orbit{border:2px solid var(--ink);border-radius:50%;width:520px;height:210px;display:block;position:absolute;transform:rotate(-18deg)}.orbit-two{transform:rotate(58deg)}.orbit span{border:2px solid var(--ink);background:var(--yellow);font:900 7px/1 var(--mono);padding:4px 6px;position:absolute;top:-11px;left:50%}.tutorial-body{grid-template-columns:minmax(0,.88fr) minmax(370px,1.12fr);align-items:start;gap:55px;padding:34px 28px 58px}.tutorial-step>header{padding-inline:28px}.tutorial-terminal code,.tutorial-actions p{font-size:10px}.step-arrow{font-size:39px;bottom:18px;right:27px}.tutorial-finish{grid-template-columns:80px 1fr;align-items:center;padding:24px 28px}.tutorial-finish p{grid-column:2}.start-section{grid-template-columns:minmax(300px,.72fr) minmax(530px,1.28fr)}.prerequisites{grid-column:1}.terminal{grid-area:1/2/span 2}.terminal-body{padding-inline:20px}.command-row{grid-template-columns:48px 1fr auto;min-height:82px}.terminal-output{grid-template-columns:auto 60px 1fr auto;padding-top:17px}.terminal-output small{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}