.wrap section { margin:28px 0; }
.hero { margin-top:8px; text-align:center; background:linear-gradient(180deg,#eaf3fb,#f7f8fa); border-radius:16px; padding:24px 16px; }
.herologo { display:block; border-radius:14px; margin:0 auto 10px; }
.lead { font-size:1.1rem; color:#3e4c59; }
.card { box-shadow:0 1px 2px rgba(31,41,51,.06); }
.steps li { display:grid; grid-template-columns:40px 1fr; column-gap:12px; }
.steps .num { grid-row:1 / span 2; }
.install { text-align:center; font-size:.9rem; color:#3e4c59; background:#fff; border:1px dashed var(--line); border-radius:8px; padding:10px 12px; margin-top:24px; }
.hero h1 { font-size:1.9rem; margin:.3em 0; }
.big { width:100%; max-width:360px; min-height:52px; font-size:1.1rem; }
.btn:focus-visible, .lang:focus-visible, .brand:focus-visible { outline:3px solid #0b4a85; outline-offset:2px; }
.inapp { font-size:.9rem; background:#eef4fb; border:1px solid #b8d2ec; border-radius:8px; padding:8px 12px; color:#1f2933; margin:0; }
.steps { list-style:none; padding:0; margin:0; }
.steps h3 { margin:6px 0 4px; font-size:1.05rem; }
.steps p { margin:0; }
.num { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:#1d6fb8; color:#fff; font-weight:700; }
.ticks { list-style:none; padding:0; margin:0; }
.ticks li { padding:8px 0 8px 30px; position:relative; border-bottom:1px solid var(--line); }
.ticks li::before { content:"\2713"; position:absolute; left:4px; color:#067647; font-weight:700; }
.final { text-align:center; }
.org { text-align:center; color:#3e4c59; font-size:.9rem; margin-top:32px; }
@media (min-width:700px) { .wrap { max-width:720px; } .hero h1 { font-size:2.3rem; } }

.eyebrow { display:inline-block; margin:0; padding:4px 12px; border-radius:999px; background:#dcebf8; color:#0b4a85; font-size:.85rem; font-weight:600; }
.chips { list-style:none; display:flex; flex-wrap:wrap; gap:8px; justify-content:center; padding:0; margin:18px 0 0; }
.chips li { background:#fff; border:1px solid #b8d2ec; color:#0b4a85; border-radius:999px; padding:6px 12px; font-size:.9rem; }
.worries { list-style:none; padding:0; margin:0 0 12px; }
.worries li { background:#fff; border:1px solid var(--line); border-left:4px solid #ea8a00; border-radius:8px; padding:12px 14px; margin:8px 0; }
.example .tag { display:inline-block; margin:0 0 8px; padding:2px 10px; border-radius:6px; background:#fff4e0; color:#8a4b00; font-size:.8rem; font-weight:700; }
.example p { margin:6px 0; }
.good { color:#05603a; }
.fix { color:#8a4b00; }