:root{color-scheme:dark;--ink: #07110f;--panel: #10201c;--panel-2: #172a25;--paper: #f5f1df;--muted: #b9c9c0;--wire: #8af5c6;--spark: #ffd166;--coral: #ff806b;--safe: #77dfa2;--danger: #ff9a8a;--display: "Arial Narrow", "Aptos Narrow", "Roboto Condensed", sans-serif;--body: Inter, Aptos, "Segoe UI", sans-serif;font-family:var(--body);font-size:16px;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-wrap:anywhere;background:var(--ink)}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.28;pointer-events:none;background-image:linear-gradient(rgba(138,245,198,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(138,245,198,.045) 1px,transparent 1px);background-size:32px 32px}button,input,select{font:inherit}button,input,select,.button{min-height:44px}button{color:var(--paper);background:var(--panel-2);border:1px solid #49645a;padding:9px 14px;cursor:pointer}button:hover{border-color:var(--wire)}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--wire);text-underline-offset:4px}a:hover{color:var(--spark)}:focus-visible{outline:3px solid var(--spark);outline-offset:3px}img,svg{display:block;max-width:100%}p{line-height:1.55}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:.98;margin-block:0}h1{font-size:clamp(3rem,8vw,7.2rem);text-transform:uppercase}h2{font-size:clamp(2.1rem,4.6vw,4.4rem);text-transform:uppercase}h3{font-size:1.35rem}.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}.skip-link{min-width:44px;min-height:44px;position:fixed;left:16px;top:-80px;z-index:100;background:var(--spark);color:var(--ink);padding:12px 18px;font-weight:800}.skip-link:focus{top:12px}.site-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px clamp(16px,4vw,64px);border-bottom:1px solid #29423a;background:#07110ff0}.wordmark{min-height:44px;display:flex;align-items:center;gap:10px;color:var(--paper);font-family:var(--display);font-weight:800;text-transform:uppercase;text-decoration:none;letter-spacing:.03em}.wordmark svg{width:34px;height:34px;fill:var(--ink);stroke:var(--wire);stroke-width:2}.site-header nav{display:flex;align-items:center;gap:clamp(14px,3vw,32px)}.site-header nav a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700;text-decoration:none}.site-header nav a:hover{color:var(--wire)}.eyebrow{margin:0 0 16px;color:var(--wire);font:800 .76rem/1.2 var(--body);letter-spacing:.16em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border:1px solid var(--wire);font-weight:800;text-decoration:none;color:var(--ink);background:var(--wire);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.button:hover{color:var(--ink);background:var(--spark);border-color:var(--spark)}.button.light{background:var(--paper);border-color:var(--paper)}button.primary{background:var(--wire);border-color:var(--wire);color:var(--ink);font-weight:800}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:start;gap:clamp(32px,5vw,72px);padding:clamp(28px,4vh,40px) clamp(16px,5vw,80px);overflow:hidden}.hero-copy{max-width:780px}.hero h1{font-size:clamp(3.25rem,5.5vw,5rem)}.hero .lede{max-width:58ch;font-size:clamp(1.08rem,2vw,1.35rem);color:var(--muted);margin:18px 0}.hero-action{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-action span{color:var(--muted);font-size:.92rem}.plain-facts{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px}.plain-facts li{display:flex;align-items:center;gap:10px;color:var(--muted)}.plain-facts span{display:grid;place-items:center;width:26px;height:26px;color:var(--spark);border:1px solid #476258;border-radius:50%}.hero-art{position:relative;margin:0;transform:rotate(1.2deg)}.hero-art:before{content:"";position:absolute;inset:10px -10px -10px 10px;border:1px solid var(--coral);z-index:-1}.hero-art img{width:100%;aspect-ratio:3 / 2;object-fit:cover;border:1px solid #49645a;background:var(--panel)}.hero-art figcaption{position:absolute;right:18px;bottom:16px;padding:8px 11px;color:var(--ink);background:var(--spark);font-size:.78rem;font-weight:800;text-transform:uppercase}.preview-band{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(360px,1.35fr);gap:clamp(32px,7vw,112px);align-items:center;padding:clamp(72px,10vw,144px) clamp(16px,5vw,80px);background:var(--paper);color:var(--ink)}.preview-band .eyebrow{color:#12684f}.preview-band>div:first-child p:not(.eyebrow){max-width:48ch;color:#384a44}.text-link{color:#0b6349;font-weight:800}.mini-plan{border:2px solid var(--ink);box-shadow:14px 14px #ff806b;background:#fffdf2}.mini-plan svg{width:100%;aspect-ratio:20 / 11}.grid-lines{fill:none;stroke:#d3d0c2;stroke-width:1}.preview-wire{fill:none;stroke-width:8;stroke-linecap:round}.wire-one{stroke:#168a67}.wire-two{stroke:#d45a49}.wire-three{stroke:#a66f00}.power-line{fill:none;stroke:#d45a49;stroke-width:3;stroke-dasharray:7 6}.preview-controller{fill:var(--spark);stroke:var(--ink);stroke-width:4}.preview-supply{fill:var(--coral);stroke:var(--ink);stroke-width:3}.preview-nodes{fill:var(--paper);stroke:var(--ink);stroke-width:3}.mini-caption{display:flex;gap:10px;flex-wrap:wrap;padding:16px;border-top:2px solid var(--ink);font-family:ui-monospace,monospace;font-weight:700}.mini-caption span{padding:5px 8px;background:#e6e0c8}.mini-caption .warning-pill{background:#ffd7ce}.steps{padding:clamp(72px,10vw,144px) clamp(16px,5vw,80px)}.steps>h2{max-width:720px}.steps ol{list-style:none;padding:0;margin:64px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#385149;border:1px solid #385149}.steps li{min-height:260px;padding:28px;background:var(--ink)}.steps li>span{color:var(--spark);font:800 3rem/1 var(--display)}.steps h3{margin-top:64px;text-transform:uppercase}.steps p{color:var(--muted)}.limits{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:64px;padding:clamp(64px,8vw,112px) clamp(16px,5vw,80px);border-block:1px solid #385149;background:var(--panel)}.limits>p{max-width:56ch;color:var(--muted);font-size:1.05rem}.pricing{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center;padding:clamp(72px,9vw,128px) clamp(16px,5vw,80px);background:var(--coral);color:var(--ink)}.pricing .eyebrow{color:#58251e}.pricing p{max-width:62ch}.price-action{display:grid;justify-items:start}.price-action strong{font:800 clamp(4rem,8vw,7rem)/.8 var(--display)}.price-action span{margin:10px 0 24px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:10px 32px;padding:32px clamp(16px,5vw,80px);color:var(--muted);border-top:1px solid #29423a;font-size:.88rem}.site-footer p{margin:0}.site-footer div{display:flex;gap:16px}.site-footer a{min-width:44px;min-height:44px;display:inline-flex;align-items:center}.site-footer p:last-child{grid-column:1 / -1;font-size:1rem}.demo-banner{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:10px clamp(16px,4vw,64px);background:var(--spark);color:var(--ink);font-size:1rem}.demo-banner>div{display:flex;gap:12px}.text-button{min-height:44px;padding:8px 10px;color:var(--ink);border-color:#775d1e;background:transparent;font-weight:800;text-decoration:underline}.planner-page{background:#0b1714}.planner-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:40px clamp(16px,3vw,48px) 28px}.planner-heading h1{font-size:clamp(2.5rem,5vw,5.5rem)}.planner-heading p:not(.eyebrow){margin-bottom:0;color:var(--muted)}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.heading-actions span{color:var(--muted);font-size:1rem}.workspace{display:grid;grid-template-columns:148px minmax(420px,1fr) minmax(280px,340px);min-height:680px;border-block:1px solid #385149}.tool-rail{padding:20px 12px;border-right:1px solid #385149;background:var(--panel)}.tool-rail h2{padding:0 6px 18px;font:800 1rem/1 var(--body);letter-spacing:.1em;color:var(--muted)}.tool{width:100%;min-height:70px;display:grid;place-items:center;gap:4px;margin-bottom:8px;padding:8px;border-color:transparent;background:transparent;font-size:1rem}.tool span{font-size:1.55rem;color:var(--wire)}.tool.active{color:var(--ink);background:var(--wire)}.tool.active span{color:var(--ink)}.keyboard-place{margin-top:24px;padding-top:18px;border-top:1px solid #385149}.keyboard-place h3{font:800 1rem/1.2 var(--body);color:var(--muted);text-transform:uppercase}.keyboard-place label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px;margin-top:8px;font-size:1rem}.keyboard-place input{min-width:0;width:100%;padding:7px}.keyboard-place button{width:100%;margin-top:8px;padding:6px;font-size:1rem}.draw-status{margin-top:16px;padding:10px;background:#29483e;font-size:1rem}.draw-status button{width:100%;margin-top:8px;padding:5px;font-size:1rem}.plan-wrap{min-width:0;background:#d8d3bf}.plan-toolbar{min-height:68px;display:flex;align-items:end;justify-content:space-between;gap:16px;padding:10px 16px;color:var(--ink);background:#eae6d5;border-bottom:1px solid #9e9c91}.plan-toolbar label{display:grid;gap:4px;font-size:1rem;font-weight:800;text-transform:uppercase}.plan-toolbar input{min-width:260px;padding:6px 0;color:var(--ink);background:transparent;border:0;border-bottom:2px solid #6a716c;font-size:1rem}.plan-toolbar button{color:var(--ink);background:transparent;border-color:#69746f}.plan-canvas{position:relative;width:100%;aspect-ratio:5 / 3;max-height:580px;overflow:hidden;cursor:crosshair;background:var(--paper)}.plan-canvas svg{width:100%;height:100%}.plan-segment polyline{fill:none;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;cursor:pointer}.plan-segment.selected polyline{stroke-width:13}.plan-segment text,.controller-shape text,.supply-shape text,.injection-mark text{font:700 13px ui-monospace,monospace;fill:#07110f;paint-order:stroke;stroke:#f5f1df;stroke-width:4px;stroke-linejoin:round}.controller-shape polygon{fill:#ffd166;stroke:#07110f;stroke-width:3}.supply-shape path{fill:#ff806b;stroke:#07110f;stroke-width:3}.drawing-segment polyline{fill:none;stroke:#07110f;stroke-width:6;stroke-dasharray:12 8}.drawing-segment circle{fill:var(--spark);stroke:var(--ink);stroke-width:3}.data-spark{filter:drop-shadow(0 0 4px #ffd166)}.data-spark.paused animateMotion{display:none}.canvas-help{margin:0;padding:12px 16px;color:#3e4a45;background:#eae6d5;font-size:1rem}.check-panel{padding:24px 20px;background:var(--panel);border-left:1px solid #385149}.check-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.check-title h2{font-size:2.2rem}.check-count{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--safe);color:var(--safe);font-size:1.5rem;border-radius:50%}.check-count.has-warnings{border-color:var(--coral);color:var(--coral)}.totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:24px 0;background:#385149;border:1px solid #385149}.totals div{min-width:0;padding:10px 8px;background:var(--panel-2)}.totals dt{color:var(--muted);font-size:1rem;text-transform:uppercase}.totals dd{margin:5px 0 0;font:800 1rem ui-monospace,monospace}.check-list{list-style:none;padding:0;margin:0;max-height:420px;overflow:auto}.check-list li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;padding:13px 0;border-top:1px solid #385149}.check-list li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid;font-weight:800}.check-list .warn>span{color:var(--coral)}.check-list .pass>span{color:var(--safe)}.check-list strong{font-size:1rem}.check-list p{margin:4px 0 0;color:var(--muted);font-size:1rem;line-height:1.5}.safety-note{padding:12px;color:#27120f;background:#ffd7ce;font-size:1rem}.setup{padding:72px clamp(16px,5vw,80px)}.setup-heading{display:flex;justify-content:space-between;align-items:end;gap:32px}.setup-heading>p{max-width:52ch;color:var(--muted)}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}.setup fieldset{min-width:0;margin:0;padding:24px;border:1px solid #385149;background:var(--panel)}.setup legend{padding:0 8px;color:var(--wire);font:800 1rem var(--body);letter-spacing:.1em;text-transform:uppercase}.setup label,.studio-panel label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;align-items:center;margin-bottom:16px;color:var(--muted);font-size:1rem}.setup label input,.setup label select,.studio-panel input{grid-column:1;width:100%;min-height:44px;padding:9px;color:var(--paper);background:#0a1613;border:1px solid #49645a}.setup label span,.setup label output{grid-column:2;grid-row:2;font:700 1rem ui-monospace,monospace}.field-result{padding-top:12px;border-top:1px solid #385149;color:var(--muted);font-size:1rem}.source-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}.source-mark{display:grid;place-items:center;width:28px;height:28px;margin-top:22px;color:var(--ink);font-weight:900}.controller-mark{background:var(--spark);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.supply-mark{background:var(--coral);transform:rotate(45deg)}.secondary{width:100%}.source-row{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #385149}.source-fields{min-width:0}.source-fields label{margin-bottom:10px}.remove-source{min-height:44px;padding:8px 10px;color:var(--danger);background:transparent;border-color:#8e554d;font-size:1rem}.studio-panel{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:48px clamp(16px,5vw,80px);color:var(--ink);background:var(--wire)}.studio-panel .eyebrow{color:#174c3e}.studio-panel h2{font-size:clamp(2rem,4vw,3.8rem);max-width:780px}.studio-panel p{max-width:68ch}.studio-actions{min-width:260px}.studio-actions details{margin-top:12px}.studio-actions summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:800;text-decoration:underline}.studio-actions label{display:block;margin-top:12px;color:var(--ink)}.studio-actions input{margin-top:5px;color:var(--ink);background:#fffced;border-color:#385149}.studio-actions button{background:var(--ink)}.license-active{display:block;color:#0b4a38;font-weight:900;margin-bottom:12px}.toast{position:fixed;right:24px;bottom:24px;z-index:50;max-width:min(360px,calc(100vw - 32px));padding:14px 18px;color:var(--ink);background:var(--spark);box-shadow:6px 6px #000;font-weight:800;transform:translateY(140%);transition:transform .18s ease}.toast.show{transform:translateY(0)}.text-page,.not-found{min-height:calc(100vh - 72px);max-width:860px;padding:clamp(64px,10vw,140px) clamp(16px,5vw,80px)}.text-page h1,.not-found h1{font-size:clamp(2.8rem,7vw,6rem)}.text-page>p:not(.eyebrow),.not-found p{max-width:66ch;color:var(--muted);font-size:1.05rem}.text-page h2{margin-top:48px;font-size:1.7rem}.text-page .button,.not-found .button{margin-top:32px}.broken-path{display:flex;align-items:center;gap:12px;width:280px;margin-bottom:40px}.broken-path span{display:grid;place-items:center;width:54px;height:54px;color:var(--ink);background:var(--spark);border-radius:50%;font:800 1.3rem var(--display)}.broken-path i{flex:1;border-top:4px dashed var(--coral)}@media(max-width:1000px){.workspace{grid-template-columns:116px minmax(0,1fr)}.check-panel{grid-column:1 / -1;border-left:0;border-top:1px solid #385149}.check-list{max-height:none}.setup-grid{grid-template-columns:1fr 1fr}.setup fieldset:last-child{grid-column:1 / -1}.hero{grid-template-columns:1fr 1fr}}@media(max-width:700px){.site-header{align-items:center;flex-wrap:wrap;gap:4px 12px}.wordmark{min-height:44px}.wordmark span{max-width:120px;line-height:1}.site-header nav{width:100%;justify-content:space-between;gap:4px;font-size:1rem}.hero{min-height:auto;grid-template-columns:1fr;padding-top:28px}.hero h1{font-size:clamp(2.75rem,13vw,4.25rem)}.hero-art{margin-top:24px}.preview-band,.limits,.pricing{grid-template-columns:1fr}.preview-band{gap:48px}.steps ol{grid-template-columns:1fr}.steps li{min-height:210px}.steps h3{margin-top:36px}.site-footer{grid-template-columns:1fr}.site-footer div{flex-wrap:wrap}.site-footer p:last-child{grid-column:auto}.demo-banner{align-items:flex-start;flex-direction:column}.demo-banner>div{width:100%;flex-wrap:wrap}.planner-heading{align-items:flex-start;flex-direction:column}.heading-actions{justify-content:flex-start}.workspace{grid-template-columns:minmax(0,1fr)}.tool-rail{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-right:0;border-bottom:1px solid #385149}.tool-rail h2{grid-column:1 / -1}.tool{margin:0;min-height:64px}.keyboard-place,.draw-status{min-width:0;grid-column:1 / -1}.keyboard-place{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.keyboard-place h3,.keyboard-place button{grid-column:1 / -1}.keyboard-place label{margin:0}.plan-toolbar{align-items:stretch;flex-direction:column}.plan-toolbar input{min-width:0;width:100%}.plan-canvas{aspect-ratio:1 / .78}.check-panel{grid-column:auto}.setup-heading{align-items:flex-start;flex-direction:column}.setup-grid{grid-template-columns:1fr}.setup fieldset:last-child{grid-column:auto}.studio-panel{grid-template-columns:1fr}.studio-actions{min-width:0}}@media(max-width:430px){.hero-art{display:none}.hero{padding-bottom:32px}.hero-action{align-items:flex-start;flex-direction:column;gap:8px}.plain-facts{margin-top:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.data-spark animateMotion{display:none}}