:root{--ink:#18181b;--muted:#5f5a55;--paper:#fbf8f3;--card:#fff;--line:#e9e2d7;--accent:#0f766e;--accent-2:#b91c1c;--soft:#eef6f4}
@media (prefers-color-scheme:dark){:root{--ink:#f1ede7;--muted:#b3aca4;--paper:#141210;--card:#1d1a17;--line:#35302a;--accent:#2dd4bf;--accent-2:#f87171;--soft:#17231f}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.6 Inter,system-ui,sans-serif;color:var(--ink);background:var(--paper)}
a{color:var(--accent)}h1,h2,h3{font-family:Fraunces,Georgia,serif;letter-spacing:-.01em;line-height:1.15}
section,.nav,.foot{max-width:1120px;margin:0 auto;padding-left:16px;padding-right:16px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:18px;padding-bottom:18px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink);font-weight:600}.logo small{color:var(--muted);font-weight:500}
.mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--accent);color:var(--paper);font-family:Fraunces,serif;font-weight:700}
.nav nav{display:flex;gap:1.1rem;flex-wrap:wrap;font-size:.95rem}.nav nav a{color:var(--muted);text-decoration:none}.nav nav a:hover{color:var(--ink)}
.nav .signin{color:var(--ink)!important;border:1px solid var(--line);padding:.3rem .8rem;border-radius:999px}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;padding-top:56px;padding-bottom:72px}
@media (max-width:860px){.hero{grid-template-columns:1fr;gap:2rem;padding-top:24px}}
.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--accent);font-weight:600;margin:0 0 .6rem}
.hero h1{font-size:clamp(2.6rem,7vw,4.6rem);margin:0 0 1rem}.hero h1 em{font-style:normal;color:var(--accent)}
.lede{font-size:1.15rem;color:var(--muted);max-width:36rem}
.cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}
.btn{display:inline-block;padding:.7rem 1.2rem;border-radius:10px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600;background:var(--card)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--paper)}
.gradient{margin:0;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.6rem 1.2rem}
.gradient ol{list-style:none;margin:0;padding:0;position:relative}
.gradient ol::before{content:"";position:absolute;left:9px;top:12px;bottom:12px;width:3px;background:linear-gradient(#a8a29e,#a16207,#15803d,var(--accent-2));border-radius:2px}
.gradient li{display:grid;grid-template-columns:22px 1fr;column-gap:.9rem;padding:.6rem 0;position:relative}
.gradient li span:last-child{grid-column:2;color:var(--muted);font-size:.92rem}
.dot{width:21px;height:21px;border-radius:50%;background:var(--card);border:3px solid #a8a29e;grid-row:1/3;z-index:1}
.g2 .dot{border-color:#a16207}.g3 .dot{border-color:#15803d}.g4 .dot{border-color:var(--accent-2);background:var(--accent-2)}
.gradient figcaption{margin-top:1rem;font-size:.9rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.9rem}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;padding-bottom:72px}@media (max-width:760px){.compare{grid-template-columns:1fr}}
.compare>div{border:1px solid var(--line);border-radius:16px;padding:1.4rem 1.6rem;background:var(--card)}.compare h2{font-size:1.4rem;margin-top:0}
.compare .lrm{background:var(--soft);border-color:transparent}.compare ul{padding-left:1.1rem;margin:0}.compare li{margin:.4rem 0}
.how{padding-bottom:72px}.how>h2,.trust>h2,.weekly h2{font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 1.4rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media (max-width:600px){.steps{grid-template-columns:1fr}}
.steps article{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.4rem}.steps h3{margin:.4rem 0 .4rem;font-size:1.25rem}.steps p{margin:0;color:var(--muted)}
.n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--accent);font-weight:700}
.trust{padding-bottom:72px}.sub{color:var(--muted);margin:-.8rem 0 1.4rem}
.trust .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width:900px){.trust .grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.trust .grid{grid-template-columns:1fr}}
.trust .grid div{border-top:3px solid var(--accent);padding-top:.8rem}.trust h3{font-size:1.05rem;margin:0 0 .3rem;font-family:Inter,sans-serif;font-weight:600}.trust p{margin:0;color:var(--muted);font-size:.95rem}
.cities{display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:start;padding-bottom:72px}@media (max-width:860px){.cities{grid-template-columns:1fr}}
.cities h2{font-size:clamp(1.8rem,4vw,2.4rem);margin-top:0}.cities p{color:var(--muted)}
.checklist{counter-reset:c;list-style:none;margin:0;padding:1.2rem 1.4rem;background:var(--card);border:1px solid var(--line);border-radius:16px}
.checklist li{counter-increment:c;padding:.45rem 0 .45rem 2.2rem;position:relative;border-bottom:1px dashed var(--line)}.checklist li:last-child{border:0}
.checklist li::before{content:counter(c);position:absolute;left:0;top:.45rem;width:1.5rem;height:1.5rem;border-radius:6px;background:var(--soft);color:var(--accent);font-weight:700;font-size:.85rem;display:grid;place-items:center}
.weekly{padding-bottom:72px;max-width:760px}.weekly p{color:var(--muted);font-size:1.08rem}
.foot{border-top:1px solid var(--line);padding-top:24px;padding-bottom:40px;color:var(--muted);font-size:.92rem}