:root{--bg:#fff;--fg:#1d2330;--muted:#5b6475;--card:#f6f7fa;--line:#e3e6ec;
--orange:#f74c00;--green:#7fbf3f;--blue:#2c6fb7;--purple:#7a3fa0}
@media(prefers-color-scheme:dark){:root{--bg:#14171f;--fg:#e8eaf0;--muted:#a0a8b8;--card:#1c202b;--line:#2a2f3d}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--blue)}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
header.top{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;color:var(--fg);text-decoration:none}
.brand img{height:36px}
nav a{margin-left:22px;color:var(--fg);text-decoration:none;font-size:.95rem}
nav a:hover{color:var(--orange)}
.hero{padding:80px 0 60px;text-align:center}
.hero img{width:180px;max-width:50%}
.hero h1{font-size:2.6rem;line-height:1.2;margin:24px 0 12px}
.hero h1 span{color:var(--orange)}
.hero p{max-width:700px;margin:0 auto 28px;color:var(--muted);font-size:1.15rem}
.btn{display:inline-block;padding:10px 20px;border-radius:8px;background:var(--orange);color:#fff;text-decoration:none;font-weight:600;border:2px solid var(--orange);margin:4px}
.btn:hover{filter:brightness(1.1)}
.btn.alt{background:transparent;color:var(--fg);border-color:var(--line)}
.btn.alt:hover{border-color:var(--orange)}
.btn.sm{padding:6px 14px;font-size:.9rem}
section{padding:60px 0}
section.alt{background:var(--card)}
h2{font-size:1.9rem;margin:0 0 8px}
.lead{color:var(--muted);max-width:720px;margin:0 0 32px}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--bg);border:1px solid var(--line);border-top:4px solid var(--c,var(--orange));border-radius:10px;padding:22px}
section.alt .card{background:var(--bg)}
.card h3{margin:0 0 8px}
.card p{margin:0 0 12px;color:var(--muted)}
.card ul{margin:0;padding-left:20px;color:var(--muted)}
.tool .tag{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c);font-weight:700}
.tool .links{margin-top:14px}
.about{display:grid;gap:30px;grid-template-columns:2fr 1fr;align-items:start}
@media(max-width:760px){.about{grid-template-columns:1fr}nav a{margin-left:12px}.hero h1{font-size:2rem}}
.facts{list-style:none;padding:0;margin:0}
.facts li{padding:10px 0;border-bottom:1px solid var(--line)}
footer{padding:36px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
footer a{color:var(--muted);margin-left:16px}