.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
nav.top{display:flex;align-items:center;gap:28px;padding:22px 0}
nav.top .links{display:flex;gap:24px;margin-left:auto;font-size:14.5px}
nav.top .links a{color:var(--ink2);text-decoration:none}
.cta{display:inline-flex;align-items:center;height:48px;padding:0 20px;border-radius:13px;background:var(--ink);color:#fff;font:600 15px var(--f-ui);text-decoration:none;border:0;cursor:pointer}
.cta.b{background:var(--brand)}
.cta.g{background:var(--card);color:var(--ink);border:1px solid var(--line)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:48px 0 80px}
@media(max-width:920px){.hero{grid-template-columns:1fr;gap:36px}nav.top .links{display:none}}
.hero h1{font-size:clamp(44px,6vw,80px);line-height:.95;font-weight:800;letter-spacing:-.05em}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero p.sub{font-size:19px;line-height:1.55;color:var(--ink2);max-width:40ch;margin:22px 0 28px}
.hero .fine{font-size:13px;color:var(--muted);margin-top:14px}
.calc{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:24px;box-shadow:0 30px 60px -30px rgba(20,23,28,.25)}
.calc h3{font-size:15px;font-family:var(--f-ui);font-weight:600;letter-spacing:0;display:flex;justify-content:space-between;gap:8px}
.calc h3 span{font:500 12px var(--f-mono);color:var(--muted)}
.cr{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line2);font-size:14.5px}
.cr input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--ink)}
.cr b{font:600 15px var(--f-mono)}
.res{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.res div{border-radius:16px;padding:14px;background:var(--paper)}
.res small{display:block;font-size:12px;color:var(--muted)}
.res b{display:block;font:700 26px var(--f-mono);letter-spacing:-.03em;margin-top:4px}
.res .bad{background:var(--red-soft)} .res .bad b{color:var(--red)}
.res .good{background:var(--ink);color:#fff} .res .good small{color:rgba(255,255,255,.6)}
.calc .verdict{margin-top:12px;font-size:14px;line-height:1.5;color:var(--ink2)}
section.band{padding:88px 0;border-top:1px solid var(--line)}
.kick{font:600 12px var(--f-mono);color:var(--brand);letter-spacing:.08em;text-transform:uppercase}
section.band h2{font-size:clamp(32px,4vw,52px);line-height:1;font-weight:800;letter-spacing:-.04em;margin:12px 0 18px;max-width:18ch}
section.band p.l{font-size:18px;line-height:1.55;color:var(--ink2);max-width:56ch}
.traps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
@media(max-width:920px){.traps{grid-template-columns:1fr}}
.trap{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px}
.trap .n{font:700 64px var(--f-display);letter-spacing:-.05em;line-height:1}
.trap h4{font:700 19px var(--f-ui);margin:14px 0 8px}
.trap p{font-size:15px;line-height:1.55;color:var(--ink2);margin:0}
.trap .m{font:500 13.5px var(--f-mono);background:var(--paper);border-radius:10px;padding:10px 12px;margin-top:14px;line-height:1.6}
.how{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;counter-reset:s}
@media(max-width:920px){.how{grid-template-columns:1fr 1fr}}
.how div{border-top:2px solid var(--ink);padding-top:16px}
.how div::before{counter-increment:s;content:'0' counter(s);font:600 13px var(--f-mono);color:var(--brand)}
.how h4{font:700 18px var(--f-ui);margin:8px 0 6px}
.how p{font-size:14.5px;color:var(--ink2);line-height:1.5;margin:0}
.dark{background:var(--ink);color:#fff;border-radius:32px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:920px){.dark{grid-template-columns:1fr;padding:36px}}
.dark h2{color:#fff}
.dark p.l{color:rgba(255,255,255,.72)}
.rg{display:grid;gap:10px}
.rg div{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border-radius:16px;padding:16px 18px}
.rg i{width:14px;height:14px;border-radius:50%;flex:none}
.rg b{font:700 17px var(--f-ui)} .rg span{font-size:14px;color:rgba(255,255,255,.65);display:block;margin-top:2px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
@media(max-width:920px){.plans{grid-template-columns:1fr}}
.plan{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column}
.plan.hi{border:2px solid var(--ink)}
.plan h4{font:700 18px var(--f-ui);margin:0}
.plan .p{font:800 48px var(--f-display);letter-spacing:-.04em;margin:14px 0 2px}
.plan .p small{font:500 15px var(--f-ui);color:var(--muted);letter-spacing:0}
.plan ul{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:9px;font-size:14.5px;color:var(--ink2);flex:1}
.plan li::before{content:'—';color:var(--brand);margin-right:8px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px;margin-top:32px}
@media(max-width:920px){.faq{grid-template-columns:1fr}}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{font:600 16px var(--f-ui);cursor:pointer;list-style:none}
.faq p{font-size:15px;line-height:1.55;color:var(--ink2);margin:10px 0 0}
footer{padding:40px 0 60px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.6}