:root{--ink:#20262d;--yellow:#f5b82e;--yellow2:#e7a91d;--paper:#f6f7f5;--muted:#66717a;--line:#dde2e5;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.55}
a{color:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.top{background:var(--ink);color:#fff;position:sticky;top:0;z-index:5}.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px}.brand{font-weight:900;letter-spacing:.4px;text-decoration:none}.brand b{color:var(--yellow)}nav{display:flex;gap:22px}nav a{text-decoration:none;font-weight:650;font-size:14px}
.hero{background:var(--ink);color:#fff;padding:62px 0}.crumbs{font-size:13px;color:#c9d0d5;margin-bottom:18px}.crumbs a{color:#fff}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.eyebrow{color:var(--yellow);font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.08em}.hero h1{font-size:clamp(36px,6vw,66px);line-height:1.02;margin:10px 0 18px}.lead{font-size:18px;color:#e2e5e7;max-width:720px}.cta{display:inline-flex;background:var(--yellow);color:#171b1f;padding:15px 20px;border-radius:10px;text-decoration:none;font-weight:850;margin-top:18px}.cta:hover{background:var(--yellow2)}
.visual{min-height:330px;border:1px solid #424950;border-radius:22px;background:linear-gradient(145deg,#2d343b,#15191d);display:grid;place-items:center;text-align:center;padding:30px}.visual strong{font-size:28px}.visual span{display:block;color:#aeb7bd;margin-top:8px}
section{padding:54px 0}.grid3,.grid2{display:grid;gap:18px}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.card h3{margin-top:0}.price{font-size:28px;font-weight:900}.muted{color:var(--muted)}h2{font-size:clamp(27px,4vw,40px);line-height:1.15;margin:0 0 22px}.spec{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.spec div{padding:12px 0;border-bottom:1px solid var(--line)}.spec div:nth-child(even){text-align:right;font-weight:750}.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:10px 0}.faq summary{font-weight:800;cursor:pointer}
.links a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-weight:700}.note{border-left:4px solid var(--yellow);padding:12px 16px;background:#fff}.footer{background:#171b1f;color:#cbd2d6;padding:34px 0;margin-top:30px}.footer a{color:#fff}
@media(max-width:760px){.wrap{width:min(100% - 24px,1120px)}nav{display:none}.top .wrap{min-height:58px}.hero{padding:38px 0}.hero-grid,.grid3,.grid2{grid-template-columns:1fr}.hero h1{font-size:38px}.lead{font-size:16px}.visual{min-height:220px}.cta{display:flex;justify-content:center;width:100%;padding:16px}.spec{font-size:14px}section{padding:38px 0}}