:root{color-scheme:dark;--bg:#071019;--panel:#0c1924;--panel-2:#10212d;--line:#213744;--text:#eef7f6;--muted:#9bb2bd;--green:#31e5bd;--cyan:#7bc9e5;--orange:#ff9b66;font-family:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 0%,#123a3a65,transparent 36%),radial-gradient(ellipse at 90% 25%,#15314855,transparent 32%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--green);color:var(--bg)}.shell{width:min(1440px,calc(100% - 96px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:absolute;z-index:100;top:-100px;left:12px;background:var(--green);color:var(--bg);padding:12px}.skip-link:focus{top:12px}:focus-visible{outline:2px solid var(--green);outline-offset:4px}.site-header{height:80px;border-bottom:1px solid #28404a80;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 max(48px,calc((100% - 1440px)/2));background:#08131ccc;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:16px;align-items:center;white-space:nowrap}.brand-mark{font-size:27px;line-height:1;font-weight:950;letter-spacing:-.14em;font-style:italic}.brand-mark span{color:var(--green)}.brand-label{font-size:12px;font-weight:800;letter-spacing:.17em}.brand-label small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;margin-top:3px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:13px;color:#b7cbd0}.site-header nav a:hover,.footer-links a:hover{color:var(--green)}.screen-button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#10232c;color:var(--text);font-size:12px;padding:11px 14px;border-radius:4px}.screen-button:hover{border-color:var(--green)}.screen-button span:first-child{font-size:20px;line-height:10px;color:var(--green)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.94fr);gap:70px;align-items:center;min-height:675px;padding-block:70px}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker{font-family:Consolas,monospace;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.16em}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 28px}.pulse{height:7px;width:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #31e5bd24,0 0 18px var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,6.2vw,105px);letter-spacing:-.083em;line-height:.99;margin-bottom:28px;max-width:800px}h1 em{color:var(--green);font-style:normal}.hero-lede{font-size:18px;line-height:1.75;color:#acc1c8;max-width:620px;margin-bottom:33px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;border-radius:3px;padding:13px 20px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--green);color:#032323}.button.primary:hover{background:#67f5d4}.button.ghost{border:1px solid #3b555f;color:var(--text)}.button.ghost:hover{border-color:var(--green)}.hero-stats{display:flex;gap:0;margin-top:58px;border-top:1px solid var(--line);max-width:580px}.hero-stats div{display:flex;flex-direction:column;gap:7px;padding:24px 30px 0 0;margin-right:30px;border-right:1px solid var(--line)}.hero-stats div:last-child{border:0;margin:0}.hero-stats strong{font-size:29px;letter-spacing:-.07em}.hero-stats span{font-family:Consolas,monospace;text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.hero-visual{height:510px;position:relative;overflow:hidden;border:1px solid #28414d;background:linear-gradient(135deg,#112a35,#0b1722 70%);box-shadow:0 30px 120px #0007,inset 0 0 80px #31e5bd0a}.hero-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#82b8b00e 1px,transparent 1px),linear-gradient(90deg,#82b8b00e 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,black 30%,black 70%,transparent)}.visual-top,.visual-bottom{position:absolute;z-index:3;left:23px;right:23px;display:flex;justify-content:space-between;font:10px Consolas,monospace;letter-spacing:.09em;color:#96b4b9}.visual-top{top:22px}.visual-bottom{bottom:22px}.visual-top i,.visual-bottom i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px;box-shadow:0 0 10px var(--green)}.visual-bottom i{margin-left:5px;margin-right:0}.orbit{border:1px solid #57dec555;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:240px;height:240px;box-shadow:0 0 60px #31e5bd18}.orbit-two{width:345px;height:345px;border-style:dashed;animation:rotate 50s linear infinite}.orbit-three{width:445px;height:445px;border-color:#31e5bd20}.crosshair{position:absolute;inset:50% 0 auto;height:1px;background:linear-gradient(90deg,transparent,#31e5bd30,transparent)}.crosshair::after{content:"";position:absolute;left:50%;top:-255px;height:510px;width:1px;background:linear-gradient(transparent,#31e5bd30,transparent)}.visual-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;z-index:2}.visual-symbol{font-size:95px;line-height:1;font-weight:950;font-style:italic;letter-spacing:-.16em;filter:drop-shadow(0 0 34px #31e5bd28)}.visual-symbol span{color:var(--green)}.visual-center p{font:10px Consolas,monospace;letter-spacing:.19em;margin:16px 0 0;color:#9dc9c1;white-space:nowrap}.visual-node{position:absolute;z-index:2;color:var(--green);font:10px Consolas,monospace;border:1px solid #3a6e69;background:#0d262a;padding:8px 10px}.visual-node b{color:#e4f4f0;font-weight:400;margin-left:8px}.node-a{top:105px;left:50px}.node-b{top:180px;right:28px}.node-c{bottom:100px;left:70px}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(360deg)}}.tools-section{padding-block:50px 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid var(--line);padding-top:32px}.section-heading h2,.walkthrough h2{font-size:clamp(36px,4vw,64px);letter-spacing:-.065em;line-height:1.05;margin:14px 0}.section-heading p:not(.section-kicker){color:var(--muted);font-size:16px;line-height:1.6;margin:0}.heading-aside{font:10px Consolas,monospace;color:#6d9b9c;letter-spacing:.12em;white-space:nowrap}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-top:42px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#0c1b25;color:#acc0c6;padding:11px 15px;font:12px Consolas,monospace;letter-spacing:.04em;border-radius:3px}.filter span{opacity:.55;margin-left:8px}.filter.active,.filter:hover{border-color:var(--green);background:#163a39;color:var(--green)}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#0c1b25;min-width:245px;padding:0 12px;color:var(--green)}.search span:first-child{font-size:24px}.search input{background:none;border:0;outline:0;color:var(--text);font-size:13px;width:100%}.search input::placeholder{color:#78929c}.result-count{color:#71939c;font:10px Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;margin:22px 0 15px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{min-width:0;background:var(--panel);border:1px solid var(--line);transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;flex-direction:column}.tool-card:hover{border-color:#56aa9b;transform:translateY(-4px);box-shadow:0 22px 60px #0005}.tool-card[hidden],.empty-state[hidden]{display:none}.card-image{position:relative;aspect-ratio:1.8;background:#0b1722;overflow:hidden;border-bottom:1px solid var(--line)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.tool-card:hover .card-image img{transform:scale(1.04)}.image-label{position:absolute;left:15px;bottom:15px;background:#08161ce0;border:1px solid #407065;color:#b3e5d9;padding:6px 8px;font:10px Consolas,monospace;letter-spacing:.08em}.card-content{padding:25px 25px 20px;display:flex;flex:1;flex-direction:column}.card-meta{display:flex;justify-content:space-between;gap:8px;color:#76a6aa;font:10px Consolas,monospace;letter-spacing:.07em}.availability{white-space:nowrap}.availability.web{color:var(--green)}.availability.hardware{color:var(--orange)}.availability.local{color:var(--cyan)}.tool-card h3{font-size:27px;letter-spacing:-.04em;margin:20px 0 11px}.tool-card p{color:#a7bec5;line-height:1.65;font-size:14px;min-height:70px;margin-bottom:21px}.tech-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.tech{display:inline-flex;align-items:center;gap:7px;padding:5px 9px 5px 5px;border:1px solid #2a414a;background:#10232d;color:#c5d7d9;font:11px Consolas,monospace}.icon{width:22px;height:22px;display:grid;place-items:center;background:#173c45;color:#8ad8ee;font-style:normal;font-weight:800;font-size:10px}.icon.python{background:#214369;color:#ffdb67}.icon.cli{background:#1d3b3f;color:var(--green)}.icon.js{background:#5b4c20;color:#ffdf5f}.icon.web,.icon.pwa{color:var(--green)}.icon.radio,.icon.chip{color:#ffaf81}.icon.cpp{background:#31487c;color:#d9e8ff}.card-actions{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;margin-top:25px;padding-top:17px;align-items:center}.card-actions a,.card-actions button{font-size:12px;font-weight:700}.card-actions a:not(.text-button){color:#a8bdc4}.card-actions a:hover{color:var(--green)}.text-button{border:0;background:none;padding:0;color:var(--green);font-weight:800}.text-button:hover{text-decoration:underline}.empty-state{border:1px dashed var(--line);padding:40px;color:var(--muted);text-align:center}.walkthrough{padding:55px 0 110px;display:grid;grid-template-columns:1.2fr .8fr;gap:90px;border-top:1px solid var(--line)}.walkthrough-copy>p:not(.section-kicker){max-width:670px;color:#a8bec5;line-height:1.7;font-size:16px}.walkthrough-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.walkthrough-steps div{border-top:1px solid #38525b;padding-top:17px;display:flex;gap:12px;flex-direction:column}.walkthrough-steps b{color:var(--green);font:14px Consolas,monospace}.walkthrough-steps span{font-size:13px;line-height:1.45}.shortcut-panel{align-self:center;border:1px solid #36545a;background:linear-gradient(135deg,#102731,#0b1821);padding:24px;box-shadow:0 18px 55px #0004}.panel-head,.panel-foot{font:10px Consolas,monospace;color:var(--green);letter-spacing:.12em}.panel-head{display:flex;justify-content:space-between;margin-bottom:26px}.panel-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.shortcut{display:flex;align-items:center;gap:6px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.shortcut span{margin-left:auto;color:#a4bbc2}.shortcut kbd{background:#1a3640;border:1px solid #447370;border-bottom-width:3px;color:#e8f8f4;padding:5px 8px;font:13px Consolas,monospace}.panel-foot{color:#78989c;margin-top:27px;line-height:1.5}.site-footer{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:35px 55px}.site-footer>div:first-child{display:flex;gap:23px;align-items:start}.site-footer p{color:#8ba5ad;font-size:12px;line-height:1.6;margin:0}.footer-links{display:flex;gap:22px;align-items:center;font-size:12px;color:#b5cbd0}.detail-dialog{width:min(1100px,calc(100vw - 48px));max-height:min(90vh,900px);padding:0;border:1px solid #4f857c;background:#0c1b25;color:var(--text);box-shadow:0 30px 100px #000b;overflow:auto}.detail-dialog::backdrop{background:#02090dd9;backdrop-filter:blur(8px)}.dialog-inner{padding:0 28px}.dialog-top,.dialog-footer{display:flex;align-items:center;justify-content:space-between;font:11px Consolas,monospace;color:#7facae;letter-spacing:.1em;padding:18px 0}.dialog-top{border-bottom:1px solid var(--line)}.close-dialog{border:1px solid var(--line);background:#18333b;color:var(--text);height:32px;width:32px;font-size:23px;line-height:1}.close-dialog:hover{border-color:var(--green);color:var(--green)}.dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px 0}.dialog-image{background:#071019;align-self:start;border:1px solid var(--line)}.dialog-image img{width:100%;aspect-ratio:1.68;object-fit:cover}.dialog-copy h2{font-size:46px;letter-spacing:-.06em;margin:10px 0 15px}.dialog-copy>p:not(.section-kicker){color:#aec3ca;line-height:1.65;font-size:14px}.flow{margin:26px 0;border-top:1px solid var(--line)}.flow>div{display:grid;grid-template-columns:90px 1fr;gap:10px;border-bottom:1px solid var(--line);padding:13px 0}.flow small{color:var(--green);font:10px Consolas,monospace;letter-spacing:.08em}.flow strong{font-size:13px;font-weight:500;line-height:1.4}.dialog-copy .detail-note{border-left:2px solid var(--green);padding-left:13px;font-size:12px!important;color:#8baeb2!important}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.dialog-footer{border-top:1px solid var(--line)}.dialog-footer button{border:0;background:none;color:var(--green);padding:6px 0;font:12px Consolas,monospace}.dialog-footer button:hover{text-decoration:underline}
@media(max-width:1150px){.shell{width:min(100% - 56px,1440px)}.site-header{padding-inline:28px}.hero{gap:30px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heading-aside{display:none}.walkthrough{gap:45px}}@media(max-width:760px){.shell{width:calc(100% - 36px)}.site-header{height:68px;padding-inline:18px;gap:10px}.brand-label{display:none}.site-header nav{gap:14px;font-size:11px}.site-header nav a:last-child{display:none}.screen-button{padding:9px}.screen-button span:last-child{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-block:60px 45px}.hero-visual{height:350px;order:-1}.orbit-one{width:160px;height:160px}.orbit-two{width:250px;height:250px}.orbit-three{width:335px;height:335px}.visual-symbol{font-size:68px}.visual-node{display:none}.hero h1{font-size:clamp(50px,12vw,75px)}.hero-lede{font-size:16px}.hero-stats{margin-top:35px}.hero-stats div{padding-right:12px;margin-right:12px}.hero-stats strong{font-size:23px}.hero-stats span{font-size:8px}.toolbar{flex-direction:column}.search{min-height:42px}.tool-grid{grid-template-columns:1fr}.tool-card p{min-height:0}.walkthrough{grid-template-columns:1fr;gap:26px;padding-bottom:70px}.walkthrough-steps{gap:10px}.walkthrough-steps span{font-size:11px}.site-footer{flex-direction:column}.footer-links{flex-wrap:wrap}.dialog-layout{grid-template-columns:1fr}.dialog-copy h2{font-size:36px}.detail-dialog{width:calc(100vw - 22px)}.dialog-inner{padding-inline:18px}.dialog-footer span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-two{animation:none}*,*::before,*::after{transition:none!important}}