:root{--ink:#1B2723;--muted:#4F5F58;--green:#0D5C46;--dark:#0D3529;--mari:#E8A317;--paper:#FAF6EC;--card:#fff;--line:#E6E0D2;--red:#B3392B}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 'Mukta',system-ui,sans-serif;-webkit-text-size-adjust:100%}
h1,h2,h3{font-family:'Baloo 2','Mukta',sans-serif;line-height:1.15;margin:0;text-wrap:balance}
a{color:var(--green)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding-inline:max(18px,env(safe-area-inset-left))}
header.top{position:sticky;top:0;z-index:10;background:rgba(250,246,236,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:16px;height:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--dark);font-family:'Baloo 2';font-weight:800;font-size:26px}
.logo i{width:40px;height:40px;border-radius:11px;background:#A3282B;color:#FFE7B0;display:grid;place-items:center;font-style:normal;font-size:22px;padding-top:4px}
nav{margin-left:auto;display:flex;gap:22px;align-items:center}
nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff!important;text-decoration:none;font-weight:700;border-radius:14px;padding:13px 22px;font-size:18px;border:0;cursor:pointer}
.btn.mari{background:var(--mari);color:var(--dark)!important}
.btn.ghost{background:transparent;color:var(--green)!important;border:2px solid var(--green)}
.btn.sm{padding:9px 16px;font-size:16px;border-radius:12px}
@media (max-width:820px){nav a:not(.btn){display:none}}
.hero{padding:56px 0 40px}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.eyebrow{font-weight:700;letter-spacing:.06em;color:#9A6500;font-size:15px;text-transform:uppercase}
.hero h1{font-size:clamp(44px,7vw,78px);font-weight:800;color:var(--dark);margin:8px 0 14px}
.hero p.lead{font-size:clamp(19px,2.4vw,23px);color:var(--muted);margin:0 0 24px;max-width:34ch}
.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.price-note{margin-top:14px;color:var(--muted);font-size:16px}
.price-note b{color:var(--dark)}
.phone{width:min(300px,64vw);margin:0 auto;border:10px solid #17221E;border-radius:40px;overflow:hidden;box-shadow:0 30px 70px rgba(13,53,41,.28);background:#17221E}
.phone img{border-radius:30px}
@media (max-width:820px){.hero .wrap{grid-template-columns:1fr}.hero{padding-top:32px}}
section{padding:56px 0}
section h2{font-size:clamp(32px,4.4vw,46px);color:var(--dark);font-weight:800;margin-bottom:10px}
section .sub{color:var(--muted);margin:0 0 30px;max-width:60ch}
.pain{background:var(--dark);color:#F3EBD8}
.pain h2{color:#F3EBD8}
.pain .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.pain .c{background:#134535;border-radius:18px;padding:20px}
.pain .c b{display:block;font-size:20px;color:var(--mari);font-family:'Baloo 2'}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:46px}
.feat:nth-of-type(even) .shot{order:2}
.feat h3{font-size:30px;color:var(--dark);margin-bottom:8px}
.feat ul{padding-left:20px;margin:10px 0 0;color:var(--muted)}
.feat .shot .phone{width:min(260px,70vw)}
@media (max-width:820px){.feat{grid-template-columns:1fr;gap:20px}.feat:nth-of-type(even) .shot{order:0}}
.vids{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:900px){.vids{grid-template-columns:repeat(2,1fr)}}
.vids figure{margin:0}
.vids video{width:100%;aspect-ratio:9/16;border-radius:18px;background:#000;display:block}
.vids figcaption{font-weight:700;margin-top:8px;color:var(--dark)}
.vids small{display:block;color:var(--muted);font-weight:400}
.priceBox{background:var(--card);border:2px solid var(--mari);border-radius:24px;padding:30px;max-width:560px}
.priceBox .amt{font-family:'Baloo 2';font-weight:800;font-size:64px;color:var(--dark);line-height:1}
.priceBox .amt span{font-size:24px;color:var(--muted)}
.priceBox ul{list-style:none;padding:0;margin:18px 0}
.priceBox li{padding:6px 0 6px 32px;position:relative}
.priceBox li:before{content:"✓";position:absolute;left:0;top:5px;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;font-size:14px;display:grid;place-items:center;line-height:22px;text-align:center}
.warn{background:#FBEBEB;border-left:5px solid var(--red);border-radius:12px;padding:14px 18px;margin-top:20px;color:#5c1f17}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:10px}
summary{font-weight:700;cursor:pointer;color:var(--dark)}
details p{margin:8px 0 0;color:var(--muted)}
footer{background:var(--dark);color:#B9CCC4;padding:40px 0 calc(40px + env(safe-area-inset-bottom));font-size:16px}
footer a{color:#F3EBD8}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
@media (max-width:720px){footer .cols{grid-template-columns:1fr}}
footer h4{color:var(--mari);margin:0 0 8px;font-family:'Baloo 2';font-size:20px}
.doc{max-width:760px;margin:0 auto;padding:40px 18px 60px}
.doc h1{font-size:40px;color:var(--dark);margin-bottom:6px}
.doc h2{font-size:24px;color:var(--dark);margin:28px 0 6px}
.doc p,.doc li{color:#2f3d37}
.doc .upd{color:var(--muted);font-size:15px}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{counter-increment:s;position:relative;padding:10px 0 10px 50px;font-size:19px}
.steps li:before{content:counter(s);position:absolute;left:0;top:8px;width:36px;height:36px;border-radius:50%;background:var(--mari);color:var(--dark);font-weight:800;display:grid;place-items:center}
/* hero: dark band, phone beside the headline */
.hero{background:radial-gradient(1200px 500px at 85% 20%,#1B5A45 0%,var(--dark) 60%);color:#F3EBD8;padding:64px 0 72px;overflow:hidden}
.hero h1{color:#fff}
.hero .eyebrow{color:var(--mari)}
.hero p.lead{color:#CFE0D8}
.hero .price-note{color:#B9CCC4}
.hero .price-note b{color:var(--mari)}
.hero .btn.ghost{color:#F3EBD8!important;border-color:#F3EBD8}
.hero .btn:not(.ghost){background:var(--mari);color:var(--dark)!important}
.hero .phone{width:min(270px,62vw);transform:rotate(3deg);box-shadow:0 40px 90px rgba(0,0,0,.45);border-color:#0a0f0d}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.chips span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 14px;font-size:15px;color:#E4EDE8}

/* features as compact cards */
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fcard{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(13,53,41,.06)}
.fcard h3{font-size:26px;color:var(--dark);margin-bottom:6px}
.fcard p{margin:0;color:#2f3d37;font-size:17px}
.fcard ul{padding-left:18px;margin:10px 0 0;color:var(--muted);font-size:16px}
.mini{border:7px solid #17221E;border-radius:24px;overflow:hidden;background:#17221E;box-shadow:0 14px 30px rgba(13,53,41,.2)}
.mini img{width:100%;height:300px;object-fit:cover;object-position:top;border-radius:17px}
@media (max-width:980px){.fgrid{grid-template-columns:1fr}}
@media (max-width:520px){.fcard{grid-template-columns:110px 1fr;gap:14px;padding:16px}.mini img{height:200px}.fcard h3{font-size:22px}}