:root{color-scheme:dark;--bg:#0b1020;--panel:#111a2e;--panel-2:#121d33;--line:#263550;--text:#edf3ff;--muted:#90a0b9;--cyan:#55d9e8;--lime:#a7f274;--orange:#ff9e6b;--mono:"DM Mono",monospace;--sans:"Manrope",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:12px;z-index:10;background:var(--cyan);color:#06111a;padding:10px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 34px;border-bottom:1px solid rgba(142,160,187,.12)}.brand{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:800;letter-spacing:.12em}.brand small{display:block;color:var(--muted);font:9px var(--mono);letter-spacing:.1em}.brand-mark{width:35px;height:35px;border:1px solid var(--cyan);border-radius:10px;display:grid;place-items:center;color:var(--cyan);font-size:19px;position:relative}.brand-mark span{position:absolute;font-size:10px;right:-5px;top:-8px;color:var(--lime)}.topnav{display:flex;gap:34px;color:#b4c0d2;font-size:12px;font-weight:700}.topnav a:hover,.footer a:hover,.text-link:hover{color:var(--cyan)}.github-link{border:1px solid var(--line);padding:8px 14px;border-radius:8px;font-size:11px;font-weight:700}.github-link span{color:var(--lime);margin-left:5px}.hero{max-width:1200px;margin:auto;padding:90px 34px 88px;min-height:548px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative;overflow:hidden}.hero-copy{z-index:1}.eyebrow,.section-kicker{font:10px var(--mono);letter-spacing:.12em;color:var(--cyan)}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime);margin-right:8px}.eyebrow-divider{color:#52627c;padding:0 8px}.hero h1{font-size:clamp(48px,6vw,72px);line-height:1.03;letter-spacing:-.065em;margin:21px 0 20px;font-weight:800}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-copy>p{max-width:510px;color:#a8b5c9;font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;padding:11px 16px;font-weight:800;font-size:12px}.button-primary{background:var(--lime);color:#0b1721}.button-primary:hover{background:#c1ff91;transform:translateY(-1px)}.text-link{font-size:11px;font-weight:800;color:#bac8dc}.text-link span{color:var(--cyan)}.hero-meta{margin-top:39px;display:flex;gap:11px;align-items:center;color:#7e8da6;font:10px var(--mono)}.hero-meta b{color:var(--text);font-size:14px}.hero-art{height:340px;border:1px solid #2b3b57;border-radius:15px;background:linear-gradient(135deg,#15213a,#0e1729);padding:24px;position:relative;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.32)}.hero-art:before{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(85,217,232,.14);border-radius:50%;right:-88px;top:-100px;box-shadow:0 0 0 25px rgba(85,217,232,.025),0 0 0 55px rgba(85,217,232,.02)}.art-top,.art-footer{display:flex;justify-content:space-between;color:#6f829d;font:9px var(--mono);letter-spacing:.1em}.live{color:var(--lime)}.hex-grid{margin:46px 0 30px 25px;font:16px/2.05 var(--mono);letter-spacing:.07em;color:#526986;position:relative}.hex-grid span{color:var(--cyan)}.art-divider{height:1px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.35}.flow-line{display:flex;align-items:center;gap:14px;margin:25px 0 29px}.flow-line small{display:block;font:8px var(--mono);color:#71839c;letter-spacing:.1em}.flow-line strong{font-size:11px}.flow-dot{width:9px;height:9px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px var(--lime)}.flow-arrow{color:var(--cyan);margin:0 15px 0 0}.hero-orbit{position:absolute;border:1px solid rgba(85,217,232,.12);border-radius:50%;pointer-events:none}.orbit-one{width:480px;height:480px;right:-260px;top:95px}.orbit-two{width:620px;height:620px;right:-330px;top:24px}.workflow-strip{max-width:1200px;margin:auto;padding:30px 34px 68px;border-top:1px solid rgba(142,160,187,.12);display:grid;grid-template-columns:220px 1fr;gap:30px}.workflow-intro h2,.catalog-heading h2,.trust-panel h2{margin:7px 0;font-size:24px;letter-spacing:-.04em}.workflow-intro p,.catalog-sub{margin:2px 0;color:var(--muted);font-size:11px}.workflow-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow-card{text-align:left;display:flex;align-items:flex-start;gap:11px;position:relative;min-height:86px;padding:16px 14px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--text);cursor:pointer;transition:.18s}.workflow-card:hover,.workflow-card.selected{background:#111e31;border-color:var(--cyan);transform:translateY(-2px)}.workflow-num{font:10px var(--mono);color:var(--cyan);padding-top:3px}.workflow-card b{display:block;font-size:11px}.workflow-card small{color:var(--muted);font-size:9px}.workflow-arrow{margin-left:auto;color:#73849e}.catalog-section{background:#0e1525;border-top:1px solid rgba(142,160,187,.1);border-bottom:1px solid rgba(142,160,187,.1);padding:70px max(34px,calc((100vw - 1132px)/2)) 78px}.catalog-heading{display:flex;justify-content:space-between;align-items:end}.catalog-heading h2{font-size:34px;margin:7px 0 3px}.accent-dot{color:var(--cyan)}.catalog-count{display:flex;align-items:center;gap:11px;color:var(--muted);font:9px/1.4 var(--mono);letter-spacing:.08em}.catalog-count strong{font:700 29px var(--sans);color:var(--cyan)}.toolbar{display:grid;grid-template-columns:1fr 210px 150px 158px;gap:9px;margin-top:30px}.searchbox,.select-wrap{height:43px;border:1px solid var(--line);border-radius:8px;background:#111a2b;display:flex;align-items:center;padding:0 12px}.searchbox>span{font-size:21px;color:var(--cyan);margin-right:10px}.searchbox input{width:100%;color:var(--text);background:none;border:0;outline:0;font-size:11px}.searchbox input::placeholder{color:#65748d}.searchbox kbd{font:9px var(--mono);border:1px solid #36435a;color:#8797ae;padding:2px 5px;border-radius:4px}.select-wrap select{width:100%;background:transparent;color:#bcc7d9;border:0;outline:0;font-size:10px;cursor:pointer}.select-wrap option{background:#101a2c}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:15px 0 25px}.quick-filters{display:flex;gap:7px;flex-wrap:wrap}.filter-pill,.saved-filter{border:1px solid #293750;background:#121b2c;color:#9aa9bf;border-radius:100px;padding:6px 12px;font-size:9px;cursor:pointer}.filter-pill:hover,.filter-pill.active{border-color:#387882;background:#10262f;color:var(--cyan)}.saved-filter{border-color:transparent;background:transparent;color:#b1bed0}.saved-filter[aria-pressed=true]{color:var(--lime)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{border:1px solid #27344c;border-radius:11px;background:#121b2d;padding:17px 17px 15px;min-height:213px;display:flex;flex-direction:column;transition:border-color .18s,transform .18s}.tool-card:hover{border-color:#49617c;transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between}.category-label{font:8px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--cyan);background:#10262f;padding:4px 7px;border-radius:4px}.save-button{background:none;border:0;color:#72839c;font-size:17px;cursor:pointer;padding:0 4px}.save-button.saved{color:var(--lime)}.tool-card h3{font-size:16px;letter-spacing:-.03em;margin:11px 0 4px}.tool-card p{font-size:10px;line-height:1.7;color:#a0aec2;margin:0 0 12px}.best-for{font-size:9px;color:#c5d0e0;margin-bottom:12px}.best-for span{color:#6e819d;font-family:var(--mono);font-size:8px;text-transform:uppercase;margin-right:5px}.tag-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto}.tag{font:8px var(--mono);color:#9bacbf;border:1px solid #2c3950;border-radius:4px;padding:3px 6px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:10px;border-top:1px solid #233047}.tool-links{display:flex;gap:12px}.tool-links a{font-size:9px;font-weight:800;color:#b9c7da}.tool-links a:hover{color:var(--cyan)}.compare-check{display:flex;align-items:center;gap:5px;color:#73849d;font-size:8px;cursor:pointer}.compare-check input{accent-color:var(--cyan);width:12px;height:12px}.active-workflow{display:flex;align-items:center;justify-content:space-between;border:1px solid #315565;border-radius:8px;background:#10212e;padding:11px 14px;margin:-9px 0 18px;color:#b9dbe1;font-size:10px}.active-workflow button{background:none;border:0;color:var(--cyan);cursor:pointer;font-size:10px}.empty-state{text-align:center;padding:50px 10px;color:var(--muted)}.empty-state>span{font-size:30px;color:var(--cyan)}.empty-state h3{color:var(--text);margin:5px}.empty-state p{font-size:11px}.button-quiet{background:#1a263b;color:#c0ccdc;border:1px solid #33415b}.trust-panel{max-width:1132px;margin:60px auto 65px;border:1px solid #2b4052;border-radius:13px;background:linear-gradient(110deg,#101d2e,#101729);padding:24px 27px;display:grid;grid-template-columns:50px 1fr auto;gap:18px;align-items:center}.trust-icon{width:43px;height:43px;border:1px solid #476164;color:var(--lime);border-radius:50%;display:grid;place-items:center;font-size:22px}.trust-panel h2{font-size:17px;margin:3px 0}.trust-panel p{color:#93a2b8;font-size:10px;max-width:730px;margin:3px 0 0}.trust-panel>.text-link{white-space:nowrap}.footer{max-width:1200px;margin:auto;border-top:1px solid rgba(142,160,187,.12);padding:26px 34px 34px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.footer-brand{color:var(--text)}.footer-brand .brand-mark{width:29px;height:29px}.footer>div{display:flex;gap:20px;align-items:center}.footer a{color:#b6c3d5}.compare-bar{position:fixed;z-index:5;bottom:16px;left:50%;transform:translateX(-50%);width:min(560px,calc(100vw - 30px));background:#18253b;border:1px solid #4d6979;border-radius:12px;padding:10px 13px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 10px 35px #0009;font-size:10px}.compare-bar[hidden],.active-workflow[hidden],.empty-state[hidden]{display:none}.compare-bar>div{display:flex;gap:7px}.compare-dialog{width:min(740px,calc(100vw - 28px));background:#111a2d;border:1px solid #40546e;border-radius:14px;color:var(--text);padding:28px}.compare-dialog::backdrop{background:#050914d9;backdrop-filter:blur(5px)}.compare-dialog h2{margin:4px 0 18px;font-size:24px}.dialog-close{float:right;background:none;color:var(--muted);font-size:24px;border:0;cursor:pointer}.compare-table{width:100%;border-collapse:collapse;font-size:11px}.compare-table th,.compare-table td{text-align:left;border-top:1px solid var(--line);padding:11px}.compare-table th{color:var(--cyan);width:22%}.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}
@media(max-width:900px){.hero{gap:28px;padding-top:65px}.hero-art{height:300px}.workflow-strip{grid-template-columns:1fr}.workflow-options{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr 1fr}.searchbox{grid-column:span 2}.trust-panel{margin-left:20px;margin-right:20px;grid-template-columns:42px 1fr}.trust-panel>.text-link{grid-column:2}.hero-meta{flex-wrap:wrap}}
@media(max-width:620px){.topbar{height:65px;padding:0 18px}.topnav{display:none}.hero{display:block;padding:58px 20px 44px}.hero h1{font-size:55px}.hero-copy>p{font-size:13px}.hero-art{margin-top:38px;height:292px;padding:20px}.workflow-strip{padding:27px 20px 48px}.workflow-options{gap:7px}.workflow-card{min-height:76px;padding:12px 9px;gap:7px}.workflow-card b{font-size:10px}.workflow-card small{font-size:8px}.catalog-section{padding:50px 18px}.catalog-heading h2{font-size:29px}.catalog-count{display:none}.toolbar{grid-template-columns:1fr 1fr}.searchbox{grid-column:span 2}.select-wrap{height:41px}.select-wrap:last-child{grid-column:span 2}.filter-row{align-items:flex-start;gap:8px}.quick-filters{gap:5px}.filter-pill{padding:6px 9px;font-size:8px}.saved-filter{padding:6px 4px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:195px}.trust-panel{padding:17px;gap:11px;margin:36px 15px}.trust-panel h2{font-size:15px}.trust-panel p{font-size:9px}.footer{padding:23px 19px;flex-wrap:wrap;gap:14px}.footer>p{display:none}.footer>div{gap:11px}.footer>div span{display:none}.compare-dialog{padding:20px 14px}.compare-table{font-size:9px}.compare-table th,.compare-table td{padding:8px 5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.header-actions{display:flex;align-items:center;gap:10px}.language-picker select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;font-size:11px;cursor:pointer}.hero-actions{flex-wrap:wrap}.hero h1{font-size:clamp(40px,4.6vw,66px)}.toolbar{grid-template-columns:minmax(180px,1fr) minmax(190px,240px) minmax(140px,170px) minmax(155px,190px)}.tool-card{min-width:0}.topnav{gap:22px}.hero-meta{flex-wrap:wrap}.hero-copy{min-width:0}
@media(max-width:1050px){.toolbar{grid-template-columns:1fr 1fr}.searchbox{grid-column:span 2}.select-wrap:last-child{grid-column:span 2}}
@media(max-width:620px){.header-actions{gap:6px}.github-link{padding:8px 10px}.hero h1{font-size:46px}.hero-meta{gap:8px}.flow-line{gap:8px}.flow-arrow{margin:0}.compare-bar{gap:8px}.compare-bar>div{flex-shrink:0}.brand{font-size:11px}.brand small{font-size:8px}}