/* ── HERO ── */
#hero {
  min-height: 100vh; background: var(--off-white);
  display: grid; grid-template-columns: 1fr 1fr;
  align-items: center; padding: 100px 64px 80px; gap: 80px;
  position: relative; overflow: hidden;
}
#hero::before {
  content:''; position:absolute; top:-100px; right:-100px;
  width:600px; height:600px; border-radius:50%;
  background: radial-gradient(circle, rgba(0,87,255,0.05) 0%, transparent 70%);
  pointer-events:none;
}
.hero-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--navy); color: #60A5FA;
  font-size: 11px; font-weight: 600; letter-spacing: 0.1em;
  text-transform: uppercase; padding: 6px 14px; border-radius: 100px; margin-bottom: 24px;
}
.hero-eyebrow-dot { width:6px;height:6px;background:#60A5FA;border-radius:50%;animation:pulse 2.5s infinite; }
.hero-h1 {
  font-family: var(--font-display); font-size: clamp(44px,5vw,68px);
  font-weight: 800; letter-spacing: -2px; line-height: 1.02;
  color: var(--navy); margin-bottom: 20px;
}
.hero-sub { font-size:16px;font-weight:400;line-height:1.75;color:var(--text-secondary);max-width:400px;margin-bottom:28px; }
.hero-target { display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:32px; }
.hero-target strong { color:var(--navy);font-weight:600; }
.hero-actions { display:flex;align-items:center;gap:12px;flex-wrap:wrap; }
.hero-img-wrap { border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-lg); }
.hero-img-wrap img { width:100%;height:100%;object-fit:cover; }
.hero-cards { position:absolute;bottom:-16px;left:-16px;display:flex;gap:8px; }
.hero-card { background:var(--white);border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:10px;border:1px solid var(--border); }
.hero-card-icon { width:34px;height:34px;background:var(--blue-tint);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px; }
.hero-card-label { font-size:12px;font-weight:600;color:var(--navy); }
.hero-card-sub { font-size:11px;color:var(--text-muted);margin-top:1px; }

/* ── RESUME STORE ── */
#store-hero { background:var(--white);padding:96px 64px; }
.store-hero-header { text-align:center;margin-bottom:52px; }
.store-hero-header .section-h2 { margin-top:10px;margin-bottom:14px; }
.store-hero-header p { font-size:15px;color:var(--text-secondary);max-width:480px;margin:0 auto;line-height:1.7; }
.store-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.product-card { background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;transition:all 0.3s;position:relative; display:flex; flex-direction:column; }
.product-card:hover { box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:transparent; }
.product-card.featured { border-color:var(--navy); }
.product-card.featured::before { content:'Most Popular';position:absolute;top:16px;right:16px;background:var(--navy);color:white;font-size:10px;font-weight:700;padding:4px 10px;border-radius:100px;letter-spacing:0.05em;text-transform:uppercase;z-index:2; }
.product-img { height:180px;overflow:hidden; }
.product-img img { width:100%;height:100%;object-fit:cover;transition:transform 0.4s; }
.product-card:hover .product-img img { transform:scale(1.04); }
.product-body { padding:22px 22px 26px; display:flex; flex-direction:column; flex:1; }
.product-title { font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--navy);margin-bottom:8px;letter-spacing:-0.3px; }
.product-desc { font-size:13px;line-height:1.65;color:var(--text-secondary);margin-bottom:14px; }
.product-includes { display:flex;flex-direction:column;gap:5px;margin-bottom:18px; flex:1; }
.product-include { display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary); }
.product-check { width:15px;height:15px;background:var(--navy);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:8px;font-weight:700;flex-shrink:0; }
.product-footer { display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border); }
.product-price { font-family:var(--font-display);font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-1px; }
.product-price sup { font-size:14px;vertical-align:top;margin-top:5px;font-weight:600; }
.product-old-price { font-size:12px;color:var(--text-muted);text-decoration:line-through;margin-bottom:2px; }
.buy-btn { display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:var(--white);font-family:var(--font-body);font-size:13px;font-weight:600;padding:10px 18px;border-radius:100px;text-decoration:none;border:none;cursor:pointer;transition:all 0.2s; }
.buy-btn:hover { background:var(--navy-mid);transform:translateY(-1px);box-shadow:var(--shadow-md); }

/* ── STATS ── */
#stats { background:var(--navy);padding:80px 64px;position:relative;overflow:hidden; }
#stats::before { content:'';position:absolute;top:-200px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,87,255,0.15) 0%,transparent 70%);pointer-events:none; }
.stats-grid { display:grid;grid-template-columns:repeat(3,1fr); }
.stat-cell { padding:52px 44px;border-right:1px solid rgba(255,255,255,0.07);transition:background 0.3s; }
.stat-cell:last-child { border-right:none; }
.stat-cell:hover { background:rgba(255,255,255,0.04); }
.stat-num { font-family:var(--font-display);font-size:clamp(48px,5.5vw,72px);font-weight:800;color:var(--white);letter-spacing:-2px;line-height:1;margin-bottom:10px; }
.stat-num span { color:#60A5FA; }
.stat-label { font-size:14px;color:rgba(255,255,255,0.5);line-height:1.5;max-width:180px; }

/* ── SERVICES WAITLIST ── */
#services { background:var(--off-white);padding:96px 64px; }
.services-header { margin-bottom:48px; }
.services-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px; }
.service-card { background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:28px 24px;position:relative;overflow:hidden;transition:all 0.25s; }
.service-card:hover { box-shadow:var(--shadow-md);transform:translateY(-2px); }
.service-card-icon { width:46px;height:46px;background:var(--blue-tint);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px; }
.service-card-title { font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--navy);margin-bottom:8px; }
.service-card-desc { font-size:13px;line-height:1.7;color:var(--text-secondary);margin-bottom:20px; }
.coming-soon-tag { position:absolute;top:18px;right:18px;background:var(--blue-tint);color:var(--accent);font-size:10px;font-weight:700;padding:3px 10px;border-radius:100px;letter-spacing:0.06em;text-transform:uppercase; }
.waitlist-inline { display:flex;gap:8px; }
.waitlist-inline input { flex:1;background:var(--off-white);border:1.5px solid var(--border);border-radius:100px;padding:9px 14px;font-family:var(--font-body);font-size:13px;color:var(--navy);outline:none;transition:border-color 0.2s; }
.waitlist-inline input:focus { border-color:var(--navy); }
.waitlist-inline input::placeholder { color:var(--text-muted); }
.waitlist-inline button { background:var(--navy);color:var(--white);font-family:var(--font-body);font-size:12px;font-weight:600;padding:9px 16px;border-radius:100px;border:none;cursor:pointer;white-space:nowrap;transition:all 0.2s; }
.waitlist-inline button:hover { background:var(--navy-mid); }
.waitlist-success { font-size:13px;color:var(--success);font-weight:500;display:none;align-items:center;gap:6px;margin-top:8px; }

/* ── WHY ── */
#why { background:var(--white);padding:96px 64px; }
.why-layout { display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center; }
.why-left .section-h2 { margin-bottom:14px; }
.why-body { font-size:15px;line-height:1.8;color:var(--text-secondary);margin-bottom:28px; }
.why-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.why-item { background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px 18px;transition:all 0.25s; }
.why-item:hover { background:var(--navy);border-color:var(--navy); }
.why-item-icon { font-size:20px;margin-bottom:8px;display:block; }
.why-item-title { font-size:13px;font-weight:600;color:var(--navy);margin-bottom:4px;transition:color 0.25s; }
.why-item-desc { font-size:12px;color:var(--text-secondary);line-height:1.6;transition:color 0.25s; }
.why-item:hover .why-item-title { color:var(--white); }
.why-item:hover .why-item-desc { color:rgba(255,255,255,0.6); }

/* ── CONTACT ── */
#contact { background:var(--off-white);padding:96px 64px; }
.contact-layout { display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:start; }
.contact-left .section-h2 { margin-bottom:12px; }
.contact-desc { font-size:15px;line-height:1.75;color:var(--text-secondary);margin-bottom:32px; }
.trust-list { display:flex;flex-direction:column;gap:10px; }
.trust-item { display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary); }
.trust-check { width:18px;height:18px;background:var(--navy);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:9px;font-weight:700;flex-shrink:0; }
.contact-form-wrap { background:var(--white);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-md);border:1px solid var(--border); }

/* ── FAQ ── */
#faq { background:var(--white);padding:96px 64px; }
.faq-layout { display:grid;grid-template-columns:1fr 1.5fr;gap:72px;align-items:start; }
.faq-sidebar { position:sticky;top:96px; }
.faq-sidebar .section-h2 { margin-bottom:12px; }

/* ── CTA ── */
#cta { background:var(--navy);padding:96px 64px;text-align:center;position:relative;overflow:hidden; }
#cta::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% -20%,rgba(0,87,255,0.2) 0%,transparent 60%);pointer-events:none; }
.cta-inner { max-width:600px;margin:0 auto;position:relative;z-index:1; }
.cta-tag { display:inline-block;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:#93C5FD;font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:24px; }
.cta-h2 { font-family:var(--font-display);font-size:clamp(34px,4.5vw,54px);font-weight:800;letter-spacing:-1.5px;color:var(--white);line-height:1.05;margin-bottom:14px; }
.cta-h2 span { color:#60A5FA; }
.cta-sub { font-size:15px;color:rgba(255,255,255,0.5);line-height:1.7;margin-bottom:36px; }
.cta-btns { display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap; }
.btn-white { display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--navy);font-family:var(--font-body);font-size:14px;font-weight:600;padding:12px 26px;border-radius:100px;text-decoration:none;transition:all 0.2s; }
.btn-white:hover { background:var(--blue-tint);transform:translateY(-1px); }
.btn-outline-white { display:inline-flex;align-items:center;gap:8px;background:transparent;color:rgba(255,255,255,0.65);border:1.5px solid rgba(255,255,255,0.2);font-family:var(--font-body);font-size:14px;font-weight:500;padding:11px 22px;border-radius:100px;text-decoration:none;transition:all 0.2s; }
.btn-outline-white:hover { border-color:rgba(255,255,255,0.45);color:var(--white); }

/* ── RESPONSIVE ── */
@media(max-width:1024px) {
  #hero { grid-template-columns:1fr;padding-top:110px; }
  .hero-right { display:none; }
  .store-grid { grid-template-columns:1fr 1fr; }
  .stats-grid { grid-template-columns:1fr; }
  .stat-cell { border-right:none;border-bottom:1px solid rgba(255,255,255,0.07);padding:36px 40px; }
  .services-grid { grid-template-columns:1fr 1fr; }
  .why-layout,.contact-layout,.faq-layout { grid-template-columns:1fr;gap:48px; }
  .why-grid { grid-template-columns:1fr 1fr; }
  .faq-sidebar { position:static; }
}
@media(max-width:768px) {
  /* Kill horizontal scroll at source */
  #hero { padding:96px 20px 60px;overflow:hidden; }
  .hero-cards { display:none; }
  .hero-h1 { font-size: clamp(36px, 9vw, 52px); letter-spacing:-1px; }

  #store-hero { padding:64px 20px; }
  #stats { padding:60px 20px; }
  #services { padding:64px 20px; }
  #why { padding:64px 20px; }
  #contact { padding:64px 20px; }
  #faq { padding:64px 20px; }
  #cta { padding:64px 20px; }

  .store-grid,.services-grid,.why-grid { grid-template-columns:1fr; }
  .cta-btns { flex-direction:column;align-items:center; }
  .waitlist-inline { flex-direction:column; }
  .waitlist-inline input,.waitlist-inline button { width:100%;border-radius:var(--radius-sm); }
  .stat-cell { padding:28px 20px; }
}
@media(max-width:480px) {
  #hero { padding:88px 16px 52px; }
  #store-hero,#stats,#services,#why,#contact,#faq,#cta { padding-left:16px;padding-right:16px; }
  .hero-actions { flex-direction:column;align-items:flex-start;gap:10px; }
  .btn-primary,.btn-secondary { width:100%;justify-content:center; }
}