:root{--bg:#f6f1f2;--card:#fff;--ink:#211a1f;--muted:#6f6269;--rose:#e2668f;--blush:#f8d6e2;--line:#eadfe3}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 17px/1.6 Manrope,system-ui,sans-serif}
a{color:inherit}
h1,h2,h3{font-family:Outfit,system-ui,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
nav{display:flex;align-items:center;justify-content:space-between;padding:22px 0}
.logo{display:flex;align-items:center;gap:10px;font:600 22px Outfit,sans-serif;text-decoration:none}
.logo svg{width:30px;height:30px}
nav .links{display:flex;gap:18px;font-size:15px;color:var(--muted)}
nav .links a{text-decoration:none}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:40px 0 70px}
.eyebrow{font:700 12px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}
.hero h1{font-size:clamp(40px,6vw,68px);margin:14px 0 18px}
.hero h1 em{font-style:normal;color:var(--rose)}
.lead{font-size:19px;color:var(--muted);max-width:30em}
.cta{display:inline-flex;align-items:center;gap:10px;margin-top:28px;background:var(--ink);color:#fff;padding:16px 26px;border-radius:999px;font-weight:700;text-decoration:none}
.cta small{font-weight:600;opacity:.65}
.trust{margin-top:16px;font-size:14px;color:var(--muted)}
.phone{justify-self:center;width:290px;aspect-ratio:9/19;border-radius:46px;background:var(--ink);padding:12px;box-shadow:0 40px 80px -30px rgba(33,26,31,.45)}
.screen{height:100%;border-radius:36px;background:linear-gradient(170deg,#fff 0%,var(--blush) 100%);padding:44px 20px 20px;display:flex;flex-direction:column;gap:12px}
.screen .hello{font:600 24px Outfit,sans-serif}
.screen .sub{font-size:13px;color:var(--muted);margin-top:-8px}
.tile{background:#fff;border-radius:20px;padding:14px 16px;font-size:14px;box-shadow:0 6px 18px -12px rgba(33,26,31,.35)}
.tile b{display:block;font:600 16px Outfit,sans-serif}
.tile .bar{height:6px;border-radius:6px;background:var(--line);margin-top:10px;overflow:hidden}
.tile .bar i{display:block;height:100%;width:66%;background:var(--rose);border-radius:6px}
.garden{display:flex;gap:6px;font-size:22px;margin-top:6px}
.play{margin-top:auto;background:var(--ink);color:#fff;border-radius:999px;text-align:center;padding:13px;font-weight:700;font-size:14px}
section{padding:60px 0}
section h2{font-size:clamp(30px,4vw,42px);margin-bottom:12px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}
.card{background:var(--card);border-radius:28px;padding:28px}
.card .ic{width:44px;height:44px;border-radius:14px;background:var(--blush);display:grid;place-items:center;font-size:22px;margin-bottom:14px}
.card h3{font-size:22px;margin-bottom:6px}
.card p{color:var(--muted)}
.promise{background:var(--ink);color:#fff;border-radius:36px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.promise p{color:#cbbfc5}
.promise ul{list-style:none;display:grid;gap:12px}
.promise li{background:rgba(255,255,255,.07);border-radius:16px;padding:14px 18px}
.plus{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.plus ul{list-style:none;display:grid;gap:10px;margin-top:6px}
.plus li{background:#fff;border-radius:18px;padding:14px 18px}
.plus li b{font-family:Outfit,sans-serif;font-weight:600}
.plus li span{color:var(--muted)}
footer{padding:40px 0 60px;color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px}
footer a{text-decoration:none}
/* legal pages */
.doc{max-width:720px;margin:0 auto;padding:10px 20px 40px}
.doc h1{font-size:clamp(34px,5vw,46px);margin:20px 0 6px}
.doc .date{color:var(--muted);font-size:14px;margin-bottom:28px}
.doc h2{font-size:22px;margin:32px 0 8px}
.doc p,.doc li{color:#3b3237}
.doc p+p{margin-top:10px}
.doc ul{padding-left:20px;display:grid;gap:6px;margin-top:8px}
.doc .box{background:#fff;border-radius:22px;padding:20px 22px;margin:18px 0}
@media (max-width:820px){
 .hero,.promise,.plus{grid-template-columns:1fr}
 .hero{padding-top:10px}
 .grid{grid-template-columns:1fr}
 .promise{padding:30px 22px}
 nav .links a.hide{display:none}
}