/* Homepage-only styles (loaded after site.css) */
.btn.ghost{ background:transparent; }
.btn.gold{ background:linear-gradient(180deg,#d9b04c,#b8902c); color:#1a1405; border-color:#d9b04c; }
.kicker{ display:inline-block; font-size:12.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin-bottom:10px; }
.grad{ background:linear-gradient(90deg,#5fd08f,#F0C75E); -webkit-background-clip:text; background-clip:text; color:transparent; }

.h-hero{ padding:64px 0 36px; position:relative; overflow:hidden; }
.h-hero::before{ content:''; position:absolute; top:-260px; right:-200px; width:760px; height:760px; background:radial-gradient(closest-side, rgba(46,96,71,.38), transparent); pointer-events:none; }
.h-hero::after{ content:''; position:absolute; bottom:-300px; left:-260px; width:640px; height:640px; background:radial-gradient(closest-side, rgba(193,39,45,.16), transparent); pointer-events:none; }
.h-hero .wrap{ display:grid; grid-template-columns: 1fr 1.08fr; gap:48px; align-items:center; position:relative; z-index:1; }
.h-hero h1{ font-size:clamp(36px, 5.4vw, 62px); }
.h-hero .lead{ font-size:clamp(16.5px,1.8vw,19px); color:#c8ccd2; max-width:560px; }
.h-hero .cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.trust{ list-style:none; padding:0; margin:18px 0 0; display:flex; gap:18px; flex-wrap:wrap; font-size:14px; color:var(--muted); }
.h-hero-shot{ position:relative; }
.browser{ border-radius:14px; overflow:hidden; border:1px solid #2c323c; background:#0f1216; box-shadow:0 40px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.03); transform:perspective(1600px) rotateY(-6deg) rotateX(2deg); }
.browser .bar{ height:30px; display:flex; align-items:center; gap:6px; padding:0 12px; background:#171b21; border-bottom:1px solid #262b33; }
.browser .bar i{ width:9px; height:9px; border-radius:50%; background:#3a414c; display:block; }
.browser .bar span{ margin-left:10px; font-size:11.5px; color:var(--muted); }
.browser img{ display:block; width:100%; height:auto; }
.feat-shot img, .h-hero img{ max-width:100%; }
.phone{ position:absolute; right:-14px; bottom:-44px; width:24%; height:auto; aspect-ratio:520/1126; object-fit:cover; border-radius:22px; border:6px solid #1c2027; box-shadow:0 30px 60px rgba(0,0,0,.6); }
@media (max-width:960px){
  .h-hero .wrap{ grid-template-columns:1fr; }
  .browser{ transform:none; }
  .phone{ display:none; }
  .h-hero-shot{ margin-bottom:24px; }
}

.stats{ padding:26px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:rgba(255,255,255,.015); }
.stats .wrap{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px; text-align:center; }
.stat b{ display:block; font-family:Sora, sans-serif; font-size:clamp(24px,3vw,34px); }
.stat span{ font-size:13.5px; color:var(--muted); }
@media (max-width:760px){ .stats .wrap{ grid-template-columns:repeat(2,1fr); gap:18px; } .stat:last-child{ grid-column:1 / -1; } }

.why-grid{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.why h2{ font-size:clamp(26px,3.4vw,40px); } .why h2 em{ font-style:normal; color:#5fd08f; }
.why p{ color:#c8ccd2; font-size:17px; }
.compare{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.compare .col{ background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:20px; }
.compare .col.good{ border-color:#3d7a57; box-shadow:0 0 0 1px #3d7a57 inset; }
.compare h4{ margin:0 0 10px; font-family:Sora, sans-serif; }
.compare ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; font-size:14.5px; color:#c8ccd2; }
.compare .bad li::before{ content:'✕ '; color:#e8434a; font-weight:800; }
.compare .good li::before{ content:'✓ '; color:#5fd08f; font-weight:800; }
@media (max-width:860px){ .why-grid{ grid-template-columns:1fr; } }
@media (max-width:480px){ .compare{ grid-template-columns:1fr; } }

.feat{ display:grid; grid-template-columns:.9fr 1.1fr; gap:44px; align-items:center; margin:0 0 72px; }
.feat.rev .feat-copy{ order:2; }
.feat .tag{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#5fd08f; background:rgba(47,143,91,.12); border:1px solid rgba(47,143,91,.4); padding:3px 10px; border-radius:999px; margin-bottom:12px; }
.feat h3{ font-size:clamp(22px,2.6vw,30px); }
.feat p{ color:#c8ccd2; font-size:16.5px; }
.ticks{ list-style:none; padding:0; margin:14px 0 0; display:grid; gap:8px; color:#c8ccd2; }
.ticks li::before{ content:'✓'; color:#5fd08f; font-weight:800; margin-right:9px; }
.feat-shot img{ width:100%; height:auto; display:block; border-radius:14px; border:1px solid #2c323c; box-shadow:0 26px 60px rgba(0,0,0,.5); }
@media (max-width:900px){ .feat{ grid-template-columns:1fr; gap:22px; margin-bottom:54px; } .feat.rev .feat-copy{ order:0; } }
.mini-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.mini{ background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:18px; }
.mini span{ font-size:24px; } .mini h4{ margin:8px 0 4px; font-family:Sora, sans-serif; } .mini p{ margin:0; font-size:14px; color:var(--muted); }
@media (max-width:900px){ .mini-grid{ grid-template-columns:1fr 1fr; } }

.billing{ display:inline-flex; gap:4px; margin-top:14px; background:var(--surface-2); padding:4px; border-radius:999px; border:1px solid var(--border); }
.billing button{ border:0; background:transparent; color:var(--muted); font-weight:700; padding:8px 16px; border-radius:999px; cursor:pointer; font-family:inherit; font-size:14px; }
.billing button.on{ background:var(--surface); color:var(--text); }
.billing em{ font-style:normal; color:#5fd08f; font-size:12px; margin-left:4px; }
.plan.elite{ border-color:rgba(240,199,94,.45); }
.fine{ text-align:center; margin-top:16px; font-size:14px; }
.section-title h2{ font-size:clamp(26px,3.4vw,40px); }