:root{color-scheme:dark;--bg:#0e151c;--panel:#17212b;--ink:#edf2f4;--muted:#a4b3c2;--accent:#a9e9bc;--line:#2e3d49}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}.wrap{max-width:1180px;margin:auto;padding:0 28px}header{display:flex;justify-content:space-between;align-items:center;min-height:100px;border-bottom:1px solid var(--line)}a{color:var(--accent);text-underline-offset:5px}nav{display:flex;gap:26px}nav a,.logo{text-decoration:none}.logo{font-size:26px;font-weight:750;color:var(--ink)}.logo span{font-weight:400;color:var(--muted)}.hero{padding:84px 0 65px;max-width:1000px}.eyebrow,.tag{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-size:clamp(38px,6vw,74px);letter-spacing:-3px;line-height:1.12;margin:24px 0}h1 span{color:var(--accent)}.intro{max-width:690px;font-size:20px;color:var(--muted)}.button,button{background:var(--accent);color:#13251a;border:0;border-radius:6px;padding:13px 20px;font-weight:700;cursor:pointer}.button{display:inline-block;text-decoration:none;margin:16px 0}.hero-meta{margin-top:38px;font-size:12px;letter-spacing:1px;color:var(--muted)}section{margin-bottom:65px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-top:1px solid var(--line);padding-top:25px}.section-head span{font-size:13px;color:var(--muted)}h2{font-size:30px;line-height:1.25;letter-spacing:-1px}h3{font-size:24px;line-height:1.3;margin:20px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}article{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.cards article{display:flex;flex-direction:column}.cards article>a{margin-top:auto;padding-top:22px;font-size:14px}.take{border-left:2px solid var(--accent);padding-left:16px;margin-top:12px}.take b{font-size:12px;letter-spacing:1px;text-transform:uppercase}.take p{font-size:14px;color:var(--muted);margin-bottom:0}.muted{color:var(--muted);font-size:14px}.tools{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;color:var(--muted);margin:14px 0 7px}.input-row{display:flex;gap:8px}input{width:100%;min-width:0;background:var(--bg);border:1px solid #586b7b;border-radius:5px;padding:12px;color:var(--ink);font:inherit;font-size:14px}button{font:inherit;font-size:14px;padding:10px}pre{font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:#0a1117;border-radius:6px;color:#cfe1d9}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f0cc88;outline-offset:4px}.guide{border:1px solid var(--line);padding:30px;border-radius:10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:30px;border-top:1px solid var(--line)}footer{display:flex;justify-content:space-between;gap:15px;min-height:100px;color:var(--muted);font-size:13px}@media(max-width:850px){.cards{grid-template-columns:1fr}.tools,.about{grid-template-columns:1fr}.hero{padding-top:50px}h1{letter-spacing:-1.8px}.section-head{display:block}}@media(max-width:520px){.wrap{padding:0 18px}header{align-items:flex-start;flex-direction:column;padding-top:20px!important;padding-bottom:20px!important;gap:12px}nav{gap:17px;font-size:14px}.input-row{flex-direction:column}article{padding:20px}footer{flex-wrap:wrap;padding-bottom:25px!important}}