*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bone);color:var(--ink);font-family:var(--font-ui);margin:0;line-height:1.55}a{color:inherit}h1,h2,h3{text-transform:uppercase;margin:0;font-stretch:125%;line-height:1.02}h1{margin:18px 0 22px;font-size:clamp(2.4rem,5.4vw,4.4rem);font-weight:800}h1 span{color:var(--teal)}h2{margin:10px 0 34px;font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:800}h3{letter-spacing:.05em;font-size:1rem;font-weight:700}.bundle{z-index:1;width:80px;height:100vh;position:fixed;top:0;left:0}.nav{z-index:10;background:color-mix(in srgb, var(--bone) 92%, transparent);border-bottom:1px solid var(--rule);align-items:center;gap:28px;height:64px;padding:0 32px 0 112px;display:flex;position:sticky;top:0}.word{font-family:var(--font-brand);text-transform:uppercase;letter-spacing:.12em;text-decoration:none}.nav nav{gap:22px;margin-left:auto;font-size:.86rem;display:flex}.nav nav a{color:var(--ink-2);white-space:nowrap;text-decoration:none}.nav nav b{font:600 .72rem var(--font-code);color:var(--brass);margin-right:4px}.nav nav a:hover{color:var(--teal-hi)}main{padding-left:112px;padding-right:40px}.term-label{font:.74rem var(--font-code);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:10px;margin:0;display:flex}.term-label b{color:var(--brass);font-weight:600}.term-label i{border-radius:50%;width:10px;height:10px}.lede{max-width:32rem;color:var(--ink-2);font-size:1.08rem}.btn{border:1px solid var(--rule);background:var(--card);height:46px;color:var(--ink);font:600 .92rem var(--font-ui);white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;padding:0 20px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--teal);border-color:var(--teal);color:var(--on-teal)}.btn.primary:hover{background:var(--teal-hi)}.btn.sm{height:36px;padding:0 14px;font-size:.85rem}.ctas{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.hero{grid-template-columns:.85fr 1.15fr;align-items:center;gap:48px;min-height:calc(100vh - 64px);padding:48px 0;display:grid}.workspace{border:1px solid var(--rule);background:var(--sunk);border-radius:14px;overflow:hidden}.grid-rows{border-bottom:1px solid var(--rule);font:12px var(--font-code);padding:12px}.grid-head,.grid-row{grid-template-columns:1fr 1fr 1.1fr;gap:10px;padding:6px 10px;display:grid}.grid-head{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.grid-row{border-radius:6px;align-items:center;min-height:30px}.grid-row.active{background:var(--card);box-shadow:inset 2px 0 0 var(--teal)}.grid-row .sig{font-family:var(--font-ui);color:var(--ink-2);align-items:center;gap:6px;display:flex}.grid-row .sig i{opacity:0;width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--wire-case);border-radius:50%;transition:opacity .2s}.grid-row.done .sig i{opacity:1}.t.typing:after{content:"";vertical-align:-2px;background:var(--teal-hi);width:7px;height:13px;margin-left:2px;display:inline-block}.schematic{width:100%;height:auto;display:block}.wire .case{stroke:var(--wire-case);stroke-width:5px}.wire .core{stroke-width:2.5px}.wire .case,.wire .core{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s ease-out}.wire .tracer{stroke-width:1.1px;opacity:0;transition:opacity .3s .6s}.wire.on .case,.wire.on .core{stroke-dashoffset:0}.wire.on .tracer{opacity:1}.blk{opacity:.25;transition:opacity .3s}.blk.on{opacity:1}.blk .body{fill:var(--card);stroke:var(--ink)}.blk .head{fill:var(--rule)}.blk .tag{fill:var(--ink);font:700 10.5px var(--font-ui);letter-spacing:1px;font-stretch:125%}.port rect,.port circle{fill:#0000;stroke:var(--muted);stroke-width:1.2px;transition:fill .3s,stroke .3s}.port.on rect,.port.on circle{fill:var(--c);stroke:var(--wire-case)}.port text{fill:var(--ink-2);font:10px var(--font-code)}.tapped{border-top:1px solid var(--rule);padding:96px 0;position:relative}.tapped:before{content:"";top:103px;left:calc(var(--tap-x) - 112px);width:calc(112px - var(--tap-x) - 14px);background:var(--tap-color);height:4px;box-shadow:0 0 0 1.5px var(--wire-case);position:absolute}.tapped:after{content:"";background:var(--tap-color);width:12px;height:12px;box-shadow:0 0 0 2px var(--wire-case);border-radius:50%;position:absolute;top:99px;left:-16px}.features{grid-template-columns:repeat(2,1fr);gap:0 48px;margin:0;padding:0;list-style:none;display:grid}.features li{border-top:1px solid var(--rule);grid-template-columns:220px 1fr;gap:20px;padding:18px 0 18px 22px;display:grid;position:relative}.features li:before{content:"";background:var(--c);width:12px;height:4px;box-shadow:0 0 0 1px var(--wire-case);border-radius:2px;position:absolute;top:24px;left:0}.features p,.steps p,.plans p{color:var(--muted);margin:0;font-size:.92rem}.steps{grid-template-columns:repeat(3,1fr);gap:40px;margin:0;padding:0;list-style:none;display:grid}.steps code{font-size:2.6rem;font-family:var(--font-code);color:var(--teal);margin-bottom:10px;display:block}.steps h3{margin-bottom:8px}.plans{grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;display:grid}.plans>div{border:1px solid var(--rule);background:var(--card);border-radius:12px;padding:24px}.plans .featured{border-color:var(--teal)}.price{font-weight:800;font-stretch:125%;color:var(--ink)!important;margin:10px 0 8px!important;font-size:2.6rem!important}.price small{color:var(--muted);font-size:.9rem}.signup{flex-wrap:wrap;gap:10px;max-width:560px;display:flex}.signup input{border:1px solid var(--rule);background:var(--card);min-width:220px;height:46px;color:var(--ink);font:inherit;border-radius:6px;flex:1;padding:0 14px}.signup .status{color:var(--teal-hi);flex-basis:100%;margin:4px 0 0;font-size:.9rem}@media (width<=1000px){.hero{grid-template-columns:1fr;min-height:0}.features{grid-template-columns:1fr}.nav nav{display:none}.nav .btn{margin-left:auto}}@media (width<=640px){.bundle{width:48px}.nav{padding:0 16px 0 64px}main{padding-left:64px;padding-right:16px}.tapped:before{display:none}.tapped:after{left:-36px}.features li{grid-template-columns:1fr;gap:4px}.steps,.plans{grid-template-columns:1fr}}
