:root { color-scheme: light; --ink:#10262f; --muted:#49636d; --line:#d8e5e9; --cyan:#087fae; --green:#168557; --paper:#f7fbfc; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: Inter, Arial, sans-serif; line-height: 1.65; }
a { color: var(--cyan); }
.topbar { background:#07151b; color:#fff; }
.topbar-inner, main, .footer-inner { width:min(100% - 40px, 1080px); margin:0 auto; }
.topbar-inner { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { color:#fff; font-weight:800; text-decoration:none; font-size:1.1rem; }
.brand span { color:#35d6a0; }
.topbar nav { display:flex; flex-wrap:wrap; gap:18px; }
.topbar nav a { color:#d9eef5; text-decoration:none; font-size:.9rem; }
.hero { padding:72px 0 52px; background:linear-gradient(180deg,#eef9fc,#fff); border-bottom:1px solid var(--line); }
.eyebrow { color:var(--green); font-weight:800; text-transform:uppercase; font-size:.78rem; }
h1 { max-width:900px; margin:12px 0 20px; font-size:clamp(2.25rem,5vw,4.25rem); line-height:1.04; letter-spacing:0; }
.lead { max-width:780px; color:var(--muted); font-size:1.15rem; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.button { display:inline-flex; min-height:44px; align-items:center; padding:0 18px; color:#fff; background:var(--cyan); border-radius:6px; text-decoration:none; font-weight:700; }
.button.secondary { color:var(--ink); background:#fff; border:1px solid var(--line); }
main { padding:54px 0 72px; }
.content-grid { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:60px; align-items:start; }
article h2 { margin:42px 0 12px; font-size:1.75rem; line-height:1.2; }
article h2:first-child { margin-top:0; }
article h3 { margin:24px 0 8px; }
article p, article li { color:var(--muted); }
article ul { padding-left:22px; }
.steps { counter-reset:steps; display:grid; gap:12px; padding:0; list-style:none; }
.steps li { padding:16px; border-left:4px solid #35d6a0; background:var(--paper); }
.aside { position:sticky; top:24px; padding:22px; border:1px solid var(--line); border-radius:6px; background:var(--paper); }
.aside h2 { margin:0 0 12px; font-size:1.15rem; }
.aside a { display:block; padding:8px 0; border-bottom:1px solid var(--line); text-decoration:none; }
.tool-preview { width:100%; min-height:620px; border:1px solid var(--line); border-radius:6px; background:#fff; }
.privacy-table { width:100%; border-collapse:collapse; }
.privacy-table th,.privacy-table td { padding:12px; border:1px solid var(--line); text-align:left; vertical-align:top; }
footer { padding:32px 0; color:#cfe1e7; background:#07151b; }
.footer-inner { display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px; }
.footer-inner a { color:#fff; }
@media(max-width:760px){.topbar-inner{align-items:flex-start;flex-direction:column;padding:18px 0}.content-grid{grid-template-columns:1fr}.aside{position:static}.hero{padding:52px 0 36px}.tool-preview{min-height:520px}}