:root{--ink:#1d1d1d;--paper:#f6f5f0;--muted:#5b6370;--line:#e2e2dc;--blue:#1f4e79;--accent:#e07a2f;--max:1080px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:var(--blue)}h1,h2,h3{line-height:1.2;margin:0 0 .6em}h2{font-size:clamp(1.7rem,4vw,2.4rem)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:10;background:var(--ink);color:var(--paper)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font-weight:700;letter-spacing:.08em}
.brand img{width:36px;height:36px;border-radius:4px}
nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}nav a{color:var(--paper);text-decoration:none}nav a:hover{color:#fff;text-decoration:underline}
.btn{display:inline-block;background:var(--accent);color:#fff!important;text-decoration:none;padding:.7em 1.2em;border-radius:6px;font-weight:600}
.btn.ghost{background:transparent;border:1px solid currentColor;color:inherit!important}
#menu{display:none;background:none;border:0;color:var(--paper);font-size:1.6rem}
section{padding:72px 0}section.alt{background:var(--paper)}
.hero{background:var(--ink);color:var(--paper);text-align:center;padding:110px 0 90px}
.hero h1{font-size:clamp(2.2rem,6vw,3.8rem);letter-spacing:.02em}.hero p{font-size:1.2rem;max-width:640px;margin:0 auto 2em;color:#d9d8d2}
.hero .tag{letter-spacing:.3em;font-size:.8rem;text-transform:uppercase;color:#b9b8b2}
.ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
ul.check{list-style:none;padding:0}ul.check li{padding-left:1.6em;position:relative;margin:.4em 0}ul.check li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
ul.x li:before{content:"✕";color:#b33}
.punch{font-weight:700;font-size:1.15rem}
.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:28px}
.card .price{font-size:1.25rem;font-weight:700;color:var(--blue)}.meta{color:var(--muted);font-size:.95rem}
.note{background:#fff7ef;border-left:4px solid var(--accent);padding:12px 16px;border-radius:4px}
table{width:100%;border-collapse:collapse;margin:1em 0}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--paper)}
.small{font-size:.9rem;color:var(--muted)}
.final{background:var(--blue);color:#fff;text-align:center}.final p{color:#e3ecf5}
footer{background:var(--ink);color:#bdbcb6;padding:32px 0;font-size:.95rem}footer a{color:var(--paper)}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media(max-width:760px){#menu{display:block}nav ul{display:none;position:absolute;top:64px;left:0;right:0;background:var(--ink);flex-direction:column;padding:16px 20px;gap:14px}nav ul.open{display:flex}.nav .btn{display:none}section{padding:52px 0}.table-wrap{overflow-x:auto}}
h3.step{margin:40px 0 14px;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-size:.85rem}
dl{margin:1em 0;font-size:.95rem}dt{font-weight:700;margin-top:.5em}dd{margin:0}
