:root { --ink:#10233b; --muted:#526275; --brand:#f42d3a; --brand-deep:#d91d2a; --blue:#0a5f9f; --pale:#f0f5fb; --line:#dfe6ee; --green:#00a579; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:#fff; color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
.page { width:min(100%,430px); margin:0 auto; padding:26px 18px 34px; }
.brand { display:flex; justify-content:center; margin:0 0 29px; }
.brand img { width:min(100%,260px); height:auto; }
.hero { text-align:center; }
h1 { color:var(--brand); font-size:clamp(29px,7.5vw,36px); letter-spacing:-1.2px; line-height:1.08; margin:0; }
.eyebrow { color:var(--muted); font-size:15px; margin:8px 0 27px; }
.steps { padding:19px 18px 17px; background:var(--pale); border:1px solid #e0e8f1; border-radius:13px; text-align:left; }
.steps ol { counter-reset:step; list-style:none; margin:0; padding:0; }
.steps li { counter-increment:step; display:grid; grid-template-columns:25px 1fr; align-items:start; color:#16283d; font-size:14px; line-height:1.38; }
.steps li + li { margin-top:14px; }
.steps li::before { content:counter(step) "."; color:var(--blue); font-weight:800; }
.steps small { display:block; color:var(--muted); font-size:12px; line-height:1.25; }
.trust-banner-wrap { width:min(100%,317px); height:37px; margin:17px auto 2px; overflow:hidden; }
.trust-banner { display:block; width:100%; height:auto; }
.claim { display:flex; align-items:center; justify-content:center; width:100%; min-height:58px; margin:16px 0 12px; border:0; border-radius:12px; background:var(--brand); color:#fff; cursor:pointer; font:inherit; font-size:18px; font-weight:850; text-decoration:none; box-shadow:0 5px 12px rgba(244,45,58,.18); transition:transform .18s,background .18s; }
.claim:hover { background:var(--brand-deep); transform:translateY(-1px); }
.claim:focus-visible { outline:3px solid #80bfff; outline-offset:3px; }
.privacy { margin:0; text-align:center; color:#4a5664; font-size:11px; }
.rating { text-align:center; margin:29px 0 23px; }
.trust-title { color:#273647; font-size:19px; font-weight:800; }
.trust-title::before { content:"★"; color:var(--green); margin-right:5px; }
.stars { display:flex; justify-content:center; gap:3px; margin:8px 0 4px; }
.star { display:grid; place-items:center; width:21px; height:21px; background:var(--green); color:#fff; font-size:15px; line-height:1; }
.score { color:var(--muted); font-size:11px; }
.faq { margin:0 -18px; padding:17px 18px 0; border-top:1px solid var(--line); }
.faq h2 { margin:0 0 13px; text-align:center; font-size:16px; letter-spacing:-.3px; }
details { border-top:1px solid var(--line); color:var(--ink); font-size:14px; }
details:last-child { border-bottom:1px solid var(--line); }
summary { cursor:pointer; padding:15px 24px 15px 0; font-weight:700; list-style:none; position:relative; }
summary::after { content:"+"; position:absolute; right:3px; color:var(--blue); font-size:20px; font-weight:400; top:10px; }
details[open] summary::after { content:"–"; }
details p { color:var(--muted); line-height:1.45; margin:-2px 0 14px; }


.footer {
  margin-top: 28px;
  padding: 18px 12px 24px;
  text-align: center;
  font-size: 13px;
  color: #777;
}