:root{--brand:#2563eb;--brand-dark:#1d4ed8;--ink:#16181d;--ink-soft:#4a5160;--line:#e3e6ec;--bg:#fff;--bg-soft:#f6f8fc;--radius:10px;--maxw:1080px}*,*:before,*:after{box-sizing:border-box}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;line-height:1.6}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}a{color:var(--brand)}a:hover{color:var(--brand-dark)}.topbar{border-bottom:1px solid var(--line);position:sticky;z-index:10;backdrop-filter:saturate(180%)blur(8px);background:#ffffffe6;top:0}.topbar .wrap{display:flex;align-items: center;gap:16px;height:56px}.brand{display:flex;letter-spacing:-.01em;color:var(--ink);text-decoration:none;align-items: center;gap:9px;font-size:17px;font-weight:600}.brand img{display:block}.topbar nav{display:flex;align-items: center;gap:20px;margin-left:auto;font-size:14px}.topbar nav a{color:var(--ink-soft);text-decoration:none}.topbar nav a:hover{color:var(--brand)}.lang{border:1px solid var(--line);border-radius:6px;padding:3px 9px}.hero{border-bottom:1px solid var(--line);padding:88px 0 64px}.hero h1{letter-spacing:-.025em;max-width:20ch;margin:0 0 18px;font-size:clamp(32px,5vw,46px);font-weight:600;line-height:1.15}.hero p{color:var(--ink-soft);max-width:60ch;margin:0;font-size:clamp(17px,2vw,19px)}section{padding:64px 0}h2{text-transform:uppercase;letter-spacing:.09em;color:var(--ink-soft);margin:0 0 6px;font-size:13px;font-weight:600}.section-note{color:var(--ink-soft);max-width:60ch;margin:0 0 32px}.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.tool{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);display:flex;flex-direction:column;padding:26px}.tool-head{display:flex;align-items: center;gap:11px;margin-bottom:12px}.tool-head img{display:block;border-radius:6px}.tool h3{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600}.tool p{color:var(--ink-soft);margin:0 0 20px;font-size:15px}.tool>:last-child{margin-top:auto}.badge{display:inline-block;text-transform:uppercase;letter-spacing:.07em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}.badge-live{color:var(--brand-dark);background:#e7f0ff}.badge-wip{background:var(--bg-soft);color:var(--ink-soft);border:1px solid var(--line)}.cta{display:inline-block;text-decoration:none;background:var(--brand);color:#fff;border-radius:7px;padding:9px 18px;font-size:15px;font-weight:500}.cta:hover{background:var(--brand-dark);color:#fff}.cta-muted{color:var(--ink-soft);border:1px solid var(--line);background:0 0;padding:9px 0}.about{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about p{color:var(--ink-soft);max-width:62ch}footer{color:var(--ink-soft);padding:32px 0;font-size:14px}footer .wrap{display:flex;flex-wrap:wrap;align-items: center;gap:8px 20px}footer a{color:var(--ink-soft)}@media (max-width:560px){.hero{padding:56px 0 44px}section{padding:48px 0}.topbar nav{gap:14px}}