:root{--bg:#0d0806;--bg2:#1b110c;--panel:rgba(47,28,19,.62);--panel2:rgba(61,36,24,.64);--line:#5a331d;--text:#fff3ea;--muted:#e2c2ad;--primary:#ff7a1a;--accent:#ffad66;--focus:#ffd8bd}
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{font-family:"Space Grotesk",sans-serif;color:var(--text);line-height:1.6;background:radial-gradient(1200px 600px at 12% -10%,#3e2415 0%,transparent 58%),linear-gradient(180deg,var(--bg),var(--bg2))}
a,button{outline:none}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:10px}
.bg-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:36px 36px}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding-left:28px;padding-right:28px;position:relative;z-index:2}
.topbar{position:sticky;top:0;z-index:30;background:#120a07e8;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-family:Sora,sans-serif;font-size:1.05rem;font-weight:800;color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}
.dot{width:11px;height:11px;border-radius:50%;background:linear-gradient(140deg,var(--primary),var(--accent));box-shadow:0 0 16px rgba(255,122,26,.6)}
nav{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:12px;font-weight:700;text-decoration:none;border:1px solid transparent;line-height:1.2;transition:transform .15s ease,filter .15s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.02)}
.btn{background:linear-gradient(135deg,var(--primary),var(--accent));color:#2a1305}.btn.ghost{background:transparent;color:var(--text);border-color:var(--line)}
.section{padding:60px 0;border-top:1px solid rgba(255,255,255,.05)}
.hero{padding:72px 0 34px;display:grid;grid-template-columns:1fr;gap:20px}
.eyebrow{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid #7f4b2a;color:#ffd8bd;font-size:.9rem}
.hero h1{font-family:Sora,sans-serif;font-size:clamp(1.8rem,7.8vw,3.7rem);line-height:1.08;margin:14px 0}
.hero-sub{font-size:1.04rem;color:#ffe4d1;margin:0 0 10px;max-width:58ch}
.hero-pos{color:var(--muted);margin:0;max-width:62ch}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.badges span{padding:7px 10px;border-radius:999px;border:1px solid #6a3f25;background:rgba(255,122,26,.08);color:#ffd7ba;font-size:.88rem}
.hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0 8px}.micro{font-size:.95rem;color:#cfab92;max-width:62ch}
.hero-visual{display:grid;grid-template-columns:1fr;gap:12px}
.hv-card,.pain article,.pillars article,.features article,.objections article,.trust article,.step{padding:18px;border-radius:14px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line)}
.hv-card h3,.pillars h3,.features h3,.objections h3,.trust h3{margin:0 0 8px;font-family:Sora,sans-serif}.hv-card p,.pillars p,.features p,.objections p,.trust p{margin:0;color:#f0d1bc}
.hv-card.featured{box-shadow:0 0 0 1px #9b5a31 inset,0 8px 26px rgba(0,0,0,.25)}
h2{font-family:Sora,sans-serif;font-size:clamp(1.5rem,6.2vw,2.2rem);line-height:1.16;margin:0 0 10px;max-width:20ch}.section>p{margin:0 0 18px;color:#f1d4c0;max-width:70ch}
.grid-3,.grid-2,.grid-4{display:grid;grid-template-columns:1fr;gap:14px}.features article{min-height:170px}
.steps{display:grid;grid-template-columns:1fr;gap:12px;list-style:none;margin:0;padding:0}.step{display:flex;gap:12px;align-items:flex-start}.step .num{flex:0 0 30px;height:30px;border-radius:50%;background:rgba(255,122,26,.18);border:1px solid #8a4f2b;display:flex;align-items:center;justify-content:center;font-weight:700;color:#ffd7ba}.step p{margin:2px 0 0;color:#ffe5d4}
.plan-grid{display:grid;grid-template-columns:1fr;gap:16px}.plan{position:relative;padding:20px;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;min-height:100%}
.plan img{width:100%;height:160px;object-fit:contain}.plan h3{margin:0;font-family:Sora,sans-serif}.price{font-size:1.55rem;font-weight:800;margin:0}.promo{margin:0;color:#ffd3b4;font-weight:700}.plan p{margin:0;color:#f2d6c4}.plan ul{margin:0;padding-left:18px;color:#f3dac9;display:grid;gap:4px;flex:1}.plan .btn{width:100%;margin-top:auto}
.plan.premium{order:-1;border-color:#b46834;box-shadow:0 0 0 1px #b46834 inset,0 16px 36px rgba(0,0,0,.3)}.badge{position:absolute;top:10px;right:10px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#ff7a1a,#ffad66);color:#341707;font-size:.8rem;font-weight:800}
.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--panel),var(--panel2));padding:0 2px}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:12px 14px;border-bottom:1px solid #5c341e;text-align:left}thead th{font-family:Sora,sans-serif;background:rgba(255,122,26,.1)}
.faq details{padding:16px;border-radius:12px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);margin:10px 0}.faq summary{cursor:pointer;font-weight:700}
.footer{padding:24px 0 32px;border-top:1px solid var(--line)}.foot{display:flex;gap:16px;flex-wrap:wrap}.foot a{color:#f2d6c4;text-decoration:none}.risk-note{margin-top:10px;color:#d7b59f;font-size:.95rem;max-width:70ch}
@media (min-width:768px){.wrap{padding-left:40px;padding-right:40px}.hero-actions{grid-template-columns:auto auto;justify-content:start}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan.premium{order:0}}
@media (min-width:1024px){.wrap{padding-left:52px;padding-right:52px}nav{display:flex;gap:18px;align-items:center}nav a{color:var(--muted);text-decoration:none;font-weight:500}.hero{padding:96px 0 46px;grid-template-columns:1.15fr .9fr;align-items:center;gap:30px}.section{padding:96px 0}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.plan.premium{transform:translateY(-6px)}.plan.premium .btn{box-shadow:0 8px 26px rgba(255,122,26,.28)}}
