:root{--accent:#0f766e;--text:#172033;--muted:#5b6678;--line:#dbe2ea;--bg:#f7f9fc;--tint:#ecfdf5;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(20px,5vw,72px);background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.brand{font-weight:800;color:var(--text);text-decoration:none}.site-header nav{display:flex;gap:18px;flex-wrap:wrap}.site-header a{color:var(--text);text-decoration:none}.hero,.page-head,.section,.cta,.article{max-width:1120px;margin:0 auto;padding:56px clamp(20px,5vw,72px)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:36px;align-items:center}.hero h1,.page-head h1{font-size:clamp(2rem,5vw,4.4rem);line-height:1.08;margin:10px 0 18px;letter-spacing:0}.lead{font-size:1.16rem;color:var(--muted);max-width:760px}.eyebrow,.tag{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--accent);background:white;font-weight:700;font-size:.82rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 16px;text-decoration:none;font-weight:750;border:1px solid var(--line)}.button.primary{background:var(--accent);color:white;border-color:var(--accent)}.button.secondary{background:white;color:var(--text)}.hero-image{width:100%;border-radius:8px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(20,32,48,.12)}.ad-slot{max-width:1120px;min-height:90px;margin:18px auto;padding:12px clamp(20px,5vw,72px);display:grid;place-items:center;border:1px dashed var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:.82rem}.ad-slot:not(.ad-slot-active){display:none}.ad-slot-active{display:block;text-align:center}.section{background:white}.section.tint,.cta{background:var(--tint)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.screenshot-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:20px}.screenshot-gallery figure{margin:0;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.screenshot-gallery img{display:block;width:100%;height:auto}.screenshot-gallery figcaption{padding:12px 14px;color:var(--muted);font-size:.9rem}.card,.faq-list details,.article-list article,.steps article{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:20px}.card h3,.steps h3{margin-top:0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.steps span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--accent);color:#fff;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.faq-list{display:grid;gap:12px}.faq-list summary{cursor:pointer;font-weight:750}.article{background:white}.article h1{font-size:2.4rem;line-height:1.15}.article section{margin-top:36px}.article-list{display:grid;gap:16px}.muted{color:var(--muted)}.site-footer{padding:30px clamp(20px,5vw,72px);border-top:1px solid var(--line);color:var(--muted);background:white}@media(max-width:820px){.hero,.split{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column}.hero,.page-head,.section,.cta,.article{padding:38px 20px}.hero h1,.page-head h1{font-size:2.2rem}.ad-slot{margin:12px 20px;padding:10px;min-height:72px}}