@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap');

/* ══════════════════════════════════════
   TOKENS
══════════════════════════════════════ */
:root {
  --gold:      #C9A260;
  --gold-lt:   #F0D080;
  --gold-dk:   #8B6520;
  --g:         linear-gradient(135deg,#8B6520 0%,#F0D080 48%,#8B6520 100%);
  --g2:        linear-gradient(90deg,#8B6520,#F0D080,#8B6520);
  --bg:        #060606;
  --bg2:       #0e0e0e;
  --bg3:       #141414;
  --bg4:       #1c1c1c;
  --border:    rgba(201,162,96,.12);
  --border2:   rgba(201,162,96,.32);
  --white:     #f0f0f0;
  --muted:     #686868;
  --light:     #aaaaaa;
}

/* ══════════════════════════════════════
   RESET
══════════════════════════════════════ */
*,*::before,*::after { margin:0; padding:0; box-sizing:border-box }
html { scroll-behavior:smooth }
body {
  font-family:'Inter',sans-serif;
  background:var(--bg);
  color:var(--white);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img { display:block; max-width:100%; height:auto }
a { text-decoration:none; color:inherit }
button { border:none; cursor:pointer; background:none }

::-webkit-scrollbar { width:3px }
::-webkit-scrollbar-track { background:var(--bg) }
::-webkit-scrollbar-thumb { background:var(--gold-dk); border-radius:2px }

/* ══════════════════════════════════════
   CURSOR (desktop only)
══════════════════════════════════════ */
.cursor, .cursor-ring {
  position:fixed; pointer-events:none; z-index:9999;
  border-radius:50%; transform:translate(-50%,-50%);
}
.cursor {
  width:10px; height:10px; background:var(--gold);
  mix-blend-mode:difference;
  transition:width .3s,height .3s,opacity .3s;
}
.cursor-ring {
  width:36px; height:36px; z-index:9998;
  border:1px solid rgba(201,162,96,.5);
  transition:width .4s,height .4s,opacity .3s;
}
.cursor.hover { width:22px; height:22px; opacity:.6 }
.cursor-ring.hover { width:58px; height:58px; border-color:rgba(201,162,96,.8) }
@media (hover:none) { .cursor,.cursor-ring { display:none } }

/* ══════════════════════════════════════
   LOADER
══════════════════════════════════════ */
#loader {
  position:fixed; inset:0; z-index:10000;
  background:var(--bg);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:28px;
  transition:opacity .7s ease, visibility .7s ease;
}
#loader.hidden { opacity:0; visibility:hidden; pointer-events:none }
.loader-logo {
  width:140px; height:auto;
  animation:lpulse 1.5s ease-in-out infinite;
}
@keyframes lpulse { 0%,100%{opacity:.5;transform:scale(.94)} 50%{opacity:1;transform:scale(1)} }
.loader-bar { width:100px; height:2px; background:rgba(201,162,96,.15); border-radius:2px; overflow:hidden }
.loader-fill { height:100%; width:0; background:var(--g); border-radius:2px; animation:lfill 1.8s cubic-bezier(.4,0,.2,1) forwards }
@keyframes lfill { to { width:100% } }

/* ══════════════════════════════════════
   NAV
══════════════════════════════════════ */
nav {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  padding:16px 0;
  transition:background .4s,border-color .4s,padding .4s;
}
nav.scrolled {
  background:rgba(6,6,6,.94);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  padding:10px 0;
}
.nav-inner {
  max-width:1280px; margin:0 auto;
  padding:0 clamp(16px,4vw,40px);
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.nav-logo { display:flex; align-items:center }
.nav-logo img { height:42px; width:auto; object-fit:contain }
.nav-cta {
  display:inline-flex; align-items:center; gap:8px;
  font-family:'Montserrat',sans-serif; font-size:11px; font-weight:800;
  letter-spacing:1.5px; text-transform:uppercase;
  color:var(--bg); background:var(--g);
  padding:12px 22px; border-radius:4px; white-space:nowrap;
  transition:opacity .3s,transform .3s;
  min-height:44px;
}
.nav-cta:hover { opacity:.85; transform:translateY(-1px) }

/* ══════════════════════════════════════
   LAYOUT HELPERS
══════════════════════════════════════ */
.wrap { max-width:1280px; margin:0 auto; padding:0 clamp(16px,4vw,40px) }
section { padding:clamp(72px,10vw,120px) 0 }

.s-tag {
  display:inline-flex; align-items:center; gap:10px;
  font-family:'Montserrat',sans-serif; font-size:10px; font-weight:800;
  letter-spacing:3px; text-transform:uppercase; color:var(--gold);
  border:1px solid var(--border2); border-radius:100px;
  padding:7px 18px; margin-bottom:20px;
}
.s-tag-line { width:18px; height:1px; background:var(--gold); flex-shrink:0 }
.s-title {
  font-family:'Montserrat',sans-serif;
  font-size:clamp(28px,5vw,56px);
  font-weight:900; line-height:1.08; letter-spacing:-1px; margin-bottom:16px;
}
.s-sub { font-size:clamp(15px,2vw,18px); color:var(--light); line-height:1.75 }
.gold-text {
  background:var(--g);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}

/* ══════════════════════════════════════
   ORB / MOUSE GLOW
══════════════════════════════════════ */
.orb-mouse {
  position:fixed; width:600px; height:600px; border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,96,.065) 0%,transparent 70%);
  pointer-events:none; z-index:0;
  transform:translate(-50%,-50%);
  filter:blur(40px);
  transition:left 1s ease,top 1s ease;
}
@media (hover:none) { .orb-mouse { display:none } }

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
#hero {
  min-height:100svh;
  display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
  padding:clamp(110px,18vw,160px) clamp(16px,4vw,40px) clamp(60px,8vw,100px);
  text-align:center;
}
.hero-bg-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(201,162,96,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,162,96,.04) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,black 0%,transparent 100%);
}
.hero-orb {
  position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none;
}
.hero-orb-1 {
  width:min(700px,120vw); height:min(700px,120vw);
  top:-20%; left:50%; transform:translateX(-50%);
  background:radial-gradient(circle,rgba(201,162,96,.11) 0%,transparent 70%);
  animation:orbdrift 9s ease-in-out infinite;
}
.hero-orb-2 {
  width:min(400px,80vw); height:min(400px,80vw);
  bottom:5%; right:-10%;
  background:radial-gradient(circle,rgba(201,162,96,.06) 0%,transparent 70%);
  animation:orbdrift 13s ease-in-out infinite reverse;
}
@keyframes orbdrift {
  0%,100% { transform:translateX(-50%) translateY(0) }
  50% { transform:translateX(-52%) translateY(-28px) }
}
.stars-wrap { position:absolute; inset:0; pointer-events:none; overflow:hidden }
.star {
  position:absolute; border-radius:50%; background:rgba(201,162,96,.5);
  animation:twinkle var(--d,3s) ease-in-out infinite var(--dl,0s);
}
@keyframes twinkle { 0%,100%{opacity:0} 50%{opacity:1} }

.hero-content { position:relative; z-index:2; width:100%; max-width:900px; margin:0 auto }

/* Logo */
.hero-logo-wrap {
  position:relative; display:inline-block;
  margin-bottom:clamp(24px,4vw,48px);
}
.hero-logo-glow {
  position:absolute; inset:-40px;
  background:radial-gradient(circle,rgba(201,162,96,.22) 0%,transparent 65%);
  border-radius:50%; filter:blur(20px);
  animation:logoglowpulse 3s ease-in-out infinite;
}
@keyframes logoglowpulse { 0%,100%{opacity:.7;transform:scale(1)} 50%{opacity:1;transform:scale(1.12)} }
.hero-logo-img {
  width:clamp(160px,35vw,280px);
  height:auto; position:relative; z-index:2;
  filter:drop-shadow(0 0 30px rgba(201,162,96,.3));
}

/* Eyebrow */
.hero-eyebrow {
  display:inline-flex; align-items:center; gap:10px;
  font-family:'Montserrat',sans-serif; font-size:clamp(9px,2vw,11px); font-weight:700;
  letter-spacing:2px; text-transform:uppercase; color:var(--gold);
  border:1px solid var(--border2); border-radius:100px;
  padding:8px 18px; margin-bottom:clamp(20px,3vw,32px);
}
.pulse-dot {
  width:7px; height:7px; min-width:7px; border-radius:50%; background:var(--gold);
  animation:pd 2s ease-in-out infinite;
}
@keyframes pd {
  0%,100% { opacity:1; box-shadow:0 0 0 0 rgba(201,162,96,.5) }
  50% { opacity:.4; box-shadow:0 0 0 7px rgba(201,162,96,0) }
}

/* H1 */
.hero-h1 {
  font-family:'Montserrat',sans-serif; font-weight:900;
  font-size:clamp(36px,7.5vw,84px);
  line-height:1.03; letter-spacing:clamp(-1px,-0.05em,-2px);
  color:var(--white); margin-bottom:clamp(16px,2.5vw,28px);
}
.hero-h1 .ln { display:block; overflow:hidden }
.hero-h1 .ln span {
  display:block;
  animation:revup .85s cubic-bezier(.16,1,.3,1) both;
}
.hero-h1 .ln:nth-child(2) span { animation-delay:.13s }
.hero-h1 .ln:nth-child(3) span { animation-delay:.26s }
@keyframes revup { from{transform:translateY(105%);opacity:0} to{transform:translateY(0);opacity:1} }

/* Sub */
.hero-sub {
  font-size:clamp(15px,2.2vw,19px); color:var(--light); line-height:1.78;
  max-width:620px; margin:0 auto clamp(36px,5vw,52px);
  animation:fadein .9s ease .5s both;
}
@keyframes fadein { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:translateY(0)} }

/* CTAs */
.hero-actions {
  display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
  margin-bottom:clamp(48px,7vw,80px);
  animation:fadein .9s ease .65s both;
}

/* ── BUTTONS ── */
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:'Montserrat',sans-serif; font-weight:800;
  letter-spacing:1.5px; text-transform:uppercase;
  border-radius:4px; border:none; cursor:pointer;
  transition:all .3s ease; min-height:52px;
  white-space:nowrap;
}
.btn-gold {
  font-size:clamp(11px,1.5vw,13px); padding:16px clamp(24px,4vw,40px);
  color:var(--bg); background:var(--g);
  box-shadow:0 0 40px rgba(201,162,96,.22);
}
.btn-gold:hover { transform:translateY(-3px); box-shadow:0 14px 50px rgba(201,162,96,.38) }
.btn-outline {
  font-size:clamp(11px,1.5vw,12px); padding:15px clamp(20px,3vw,32px);
  color:var(--gold); background:transparent; border:1px solid var(--border2);
}
.btn-outline:hover { background:rgba(201,162,96,.06); border-color:var(--gold); transform:translateY(-2px) }

/* Stats */
.hero-stats {
  display:grid; grid-template-columns:repeat(4,1fr);
  border:1px solid var(--border); border-radius:16px;
  overflow:hidden; background:rgba(255,255,255,.02);
  backdrop-filter:blur(12px);
  animation:fadein .9s ease .8s both;
}
.h-stat {
  padding:clamp(20px,3vw,32px) clamp(12px,2vw,20px);
  text-align:center;
  border-right:1px solid var(--border);
}
.h-stat:last-child { border-right:none }
.h-stat-val {
  font-family:'Montserrat',sans-serif;
  font-size:clamp(24px,4vw,44px); font-weight:900;
  background:var(--g); -webkit-background-clip:text;
  -webkit-text-fill-color:transparent; background-clip:text;
  line-height:1; margin-bottom:6px; display:block;
}
.h-stat-lbl { font-size:clamp(10px,1.4vw,12px); color:var(--muted); line-height:1.45 }

/* ══════════════════════════════════════
   MARQUEE
══════════════════════════════════════ */
.marquee-wrap {
  overflow:hidden; background:var(--bg2);
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}
.marquee-track {
  display:flex; width:max-content;
  animation:marq 30s linear infinite;
}
.marquee-track:hover { animation-play-state:paused }
@keyframes marq { from{transform:translateX(0)} to{transform:translateX(-50%)} }
.m-item {
  display:flex; align-items:center; gap:14px;
  padding:18px clamp(24px,4vw,44px); flex-shrink:0; white-space:nowrap;
}
.m-dot { width:5px; height:5px; border-radius:50%; background:var(--gold); flex-shrink:0 }
.m-val {
  font-family:'Montserrat',sans-serif; font-size:clamp(12px,1.8vw,14px); font-weight:900;
  background:var(--g); -webkit-background-clip:text;
  -webkit-text-fill-color:transparent; background-clip:text;
}
.m-lbl {
  font-family:'Montserrat',sans-serif; font-size:clamp(10px,1.5vw,12px); font-weight:600;
  letter-spacing:1.5px; text-transform:uppercase; color:var(--light);
}

/* ══════════════════════════════════════
   PAIN
══════════════════════════════════════ */
#pain { background:var(--bg2); position:relative }
#pain::before {
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-dk),transparent);
}
.pain-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,6vw,80px); align-items:start }
.pain-left { position:sticky; top:100px }
.pain-watermark {
  font-family:'Montserrat',sans-serif; font-size:clamp(80px,16vw,160px); font-weight:900;
  background:var(--g); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  opacity:.07; line-height:1; position:absolute; top:-16px; left:-6px; pointer-events:none; user-select:none;
}
.pain-left .s-sub { margin-bottom:clamp(24px,4vw,36px) }
.pain-cards { display:flex; flex-direction:column; gap:3px }
.pain-card {
  background:var(--bg3); border:1px solid var(--border);
  border-radius:12px; padding:clamp(20px,3vw,28px) clamp(16px,2.5vw,28px);
  display:flex; align-items:flex-start; gap:16px;
  transition:all .35s ease;
}
.pain-card:hover { background:var(--bg4); border-color:var(--border2); transform:translateX(5px) }
.pain-icon {
  width:44px; height:44px; min-width:44px; border-radius:10px;
  background:rgba(201,162,96,.07); border:1px solid var(--border2);
  display:flex; align-items:center; justify-content:center; font-size:20px;
}
.pain-card h3 {
  font-family:'Montserrat',sans-serif; font-size:clamp(14px,1.8vw,16px); font-weight:700;
  color:var(--white); margin-bottom:5px;
}
.pain-card p { font-size:clamp(13px,1.5vw,14px); color:var(--muted); line-height:1.7 }

/* ══════════════════════════════════════
   BIG NUMBERS
══════════════════════════════════════ */
#numbers {
  padding:0; border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}
.big-numbers { display:grid; grid-template-columns:repeat(4,1fr) }
.big-num {
  padding:clamp(48px,7vw,80px) clamp(20px,3vw,40px);
  text-align:center; border-right:1px solid var(--border);
  position:relative; overflow:hidden; transition:background .4s;
}
.big-num:last-child { border-right:none }
.big-num::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:2px;
  background:var(--g); transform:scaleX(0); transition:transform .4s;
}
.big-num:hover { background:rgba(201,162,96,.03) }
.big-num:hover::after { transform:scaleX(1) }
.big-num-val {
  display:block;
  font-family:'Montserrat',sans-serif; font-size:clamp(36px,5.5vw,72px); font-weight:900;
  background:var(--g); -webkit-background-clip:text;
  -webkit-text-fill-color:transparent; background-clip:text;
  line-height:1; margin-bottom:12px;
}
.big-num-lbl { font-size:clamp(12px,1.5vw,14px); color:var(--muted); line-height:1.5; max-width:150px; margin:0 auto }

/* ══════════════════════════════════════
   METHODOLOGY
══════════════════════════════════════ */
#method { background:var(--bg2) }
.method-header { text-align:center; margin-bottom:clamp(48px,6vw,72px) }
.method-header .s-sub { max-width:600px; margin:0 auto }
.method-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px }
.method-step {
  background:var(--bg3); border:1px solid var(--border);
  padding:clamp(32px,4vw,44px) clamp(20px,3vw,32px);
  position:relative; overflow:hidden; transition:all .35s ease;
}
.method-step::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:var(--g); transform:scaleX(0); transform-origin:left; transition:transform .4s;
}
.method-step:hover { background:var(--bg4); border-color:var(--border2); transform:translateY(-6px) }
.method-step:hover::before { transform:scaleX(1) }
.step-watermark {
  font-family:'Montserrat',sans-serif; font-size:72px; font-weight:900;
  background:var(--g); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
  opacity:.1; position:absolute; bottom:-10px; right:12px; line-height:1; pointer-events:none;
}
.step-tag {
  display:block; font-family:'Montserrat',sans-serif; font-size:10px; font-weight:800;
  letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:18px;
}
.method-step h3 {
  font-family:'Montserrat',sans-serif; font-size:clamp(16px,2vw,19px); font-weight:800;
  color:var(--white); margin-bottom:10px; line-height:1.3;
}
.method-step p { font-size:clamp(13px,1.5vw,14px); color:var(--muted); line-height:1.7 }

/* ══════════════════════════════════════
   CASES
══════════════════════════════════════ */
#cases { background:var(--bg) }
.cases-header { margin-bottom:clamp(48px,6vw,72px) }
.cases-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px }
.case-card {
  background:var(--bg3); border:1px solid var(--border);
  padding:clamp(28px,4vw,44px) clamp(20px,3vw,36px);
  position:relative; overflow:hidden; transition:all .4s cubic-bezier(.16,1,.3,1);
}
.case-card::before {
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(201,162,96,.04) 0%,transparent 60%);
  opacity:0; transition:opacity .4s;
}
.case-card::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:2px;
  background:var(--g); transform:scaleX(0); transition:transform .4s;
}
.case-card:hover { background:var(--bg4); border-color:var(--border2); transform:translateY(-7px); box-shadow:0 32px 64px rgba(0,0,0,.5) }
.case-card:hover::before { opacity:1 }
.case-card:hover::after { transform:scaleX(1) }
.case-card.featured {
  grid-column:span 2;
  background:linear-gradient(135deg,var(--bg4) 0%,rgba(201,162,96,.04) 100%);
  border-color:var(--border2);
}
.case-niche {
  display:inline-block; font-family:'Montserrat',sans-serif; font-size:9px; font-weight:800;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--gold);
  background:rgba(201,162,96,.08); border:1px solid var(--border);
  padding:5px 14px; border-radius:100px; margin-bottom:20px;
}
.case-result {
  font-family:'Montserrat',sans-serif;
  font-size:clamp(26px,4vw,44px); font-weight:900; line-height:1.05;
  background:var(--g); -webkit-background-clip:text;
  -webkit-text-fill-color:transparent; background-clip:text;
  margin-bottom:14px;
}
.case-desc { font-size:clamp(13px,1.6vw,15px); color:var(--light); line-height:1.75 }
.case-footer {
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin-top:22px; padding-top:22px; border-top:1px solid var(--border);
}
.case-dot { width:8px; height:8px; min-width:8px; border-radius:50%; background:var(--gold) }
.case-footer span { font-size:12px; color:var(--muted) }
.roi {
  margin-left:auto;
  font-family:'Montserrat',sans-serif; font-size:11px; font-weight:800; letter-spacing:1px;
  color:var(--gold); background:rgba(201,162,96,.1); border:1px solid var(--border2);
  padding:4px 12px; border-radius:100px;
}

/* ══════════════════════════════════════
   STATEMENT
══════════════════════════════════════ */
.statement-section {
  background:var(--bg2); position:relative; overflow:hidden;
  border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  padding:clamp(72px,10vw,120px) 0;
}
.statement-glow {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:min(800px,120vw); height:400px;
  background:radial-gradient(ellipse at center,rgba(201,162,96,.07) 0%,transparent 70%);
  pointer-events:none;
}
.statement-inner {
  display:flex; align-items:center; gap:clamp(20px,4vw,48px);
}
.statement-line {
  flex:1; height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-dk));
}
.statement-inner .statement-line:last-child {
  background:linear-gradient(90deg,var(--gold-dk),transparent);
}
.statement-text {
  font-family:'Montserrat',sans-serif;
  font-size:clamp(18px,3.2vw,38px); font-weight:900;
  line-height:1.2; letter-spacing:-0.5px;
  color:var(--white); text-align:center;
  flex-shrink:0; max-width:min(780px,90%);
}
.statement-text em {
  font-style:normal;
  background:var(--g); -webkit-background-clip:text;
  -webkit-text-fill-color:transparent; background-clip:text;
}
@media (max-width:600px) {
  .statement-inner { flex-direction:column; gap:20px }
  .statement-line { width:60px; flex:none; height:1px;
    background:linear-gradient(90deg,transparent,var(--gold-dk),transparent) !important }
}

/* ══════════════════════════════════════
   DIFFERENTIALS
══════════════════════════════════════ */
#diff { background:var(--bg2) }
.diff-header { text-align:center; margin-bottom:clamp(48px,6vw,72px) }
.diff-header .s-sub { max-width:560px; margin:0 auto }
.diff-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2px }
.diff-card {
  background:var(--bg3); border:1px solid var(--border);
  padding:clamp(32px,4vw,44px) clamp(20px,3vw,32px);
  text-align:center; transition:all .35s ease; position:relative; overflow:hidden;
}
.diff-card::after {
  content:''; position:absolute; top:0; left:0; right:0; height:2px;
  background:var(--g); transform:scaleX(0); transition:transform .4s;
}
.diff-card:hover { background:var(--bg4); border-color:var(--border2); transform:translateY(-6px) }
.diff-card:hover::after { transform:scaleX(1) }
.diff-icon {
  width:68px; height:68px; border-radius:18px; margin:0 auto clamp(20px,3vw,28px);
  background:rgba(201,162,96,.07); border:1px solid var(--border2);
  display:flex; align-items:center; justify-content:center; font-size:28px;
}
.diff-card h3 {
  font-family:'Montserrat',sans-serif; font-size:clamp(15px,1.8vw,17px); font-weight:800;
  color:var(--white); margin-bottom:10px;
}
.diff-card p { font-size:clamp(13px,1.5vw,14px); color:var(--muted); line-height:1.7 }

/* ══════════════════════════════════════
   OVERDELIVERY
══════════════════════════════════════ */
#overdelivery { background:var(--bg) }
.over-inner {
  background:var(--bg3); border:1px solid var(--border2);
  border-radius:20px; overflow:hidden; position:relative;
}
.over-ribbon {
  background:var(--g); padding:10px 24px; text-align:center;
  font-family:'Montserrat',sans-serif; font-size:10px; font-weight:800;
  letter-spacing:2.5px; text-transform:uppercase; color:var(--bg);
}
.over-body { display:grid; grid-template-columns:1fr 1fr }
.over-left { padding:clamp(36px,5vw,64px) clamp(24px,4vw,56px); border-right:1px solid var(--border) }
.over-left h2 {
  font-family:'Montserrat',sans-serif;
  font-size:clamp(24px,3.5vw,40px); font-weight:900; line-height:1.15; margin-bottom:16px;
}
.over-left p { font-size:clamp(14px,1.8vw,16px); color:var(--light); line-height:1.8; margin-bottom:32px }
.over-right { padding:clamp(36px,5vw,64px) clamp(24px,4vw,56px); display:flex; flex-direction:column; gap:clamp(20px,3vw,28px) }
.over-item { display:flex; gap:18px; align-items:flex-start }
.over-num {
  width:38px; height:38px; min-width:38px; border-radius:8px;
  background:rgba(201,162,96,.08); border:1px solid var(--border2);
  display:flex; align-items:center; justify-content:center;
  font-family:'Montserrat',sans-serif; font-size:11px; font-weight:800; color:var(--gold);
}
.over-item h4 {
  font-family:'Montserrat',sans-serif; font-size:clamp(14px,1.8vw,16px); font-weight:700;
  color:var(--white); margin-bottom:4px;
}
.over-item p { font-size:clamp(13px,1.5vw,14px); color:var(--muted); line-height:1.65 }

/* ══════════════════════════════════════
   FORM
══════════════════════════════════════ */
#form { background:var(--bg2); position:relative }
#form::before {
  content:''; position:absolute; top:0; left:0; right:0; height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-dk),transparent);
}
.form-glow {
  position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:min(900px,100vw); height:500px;
  background:radial-gradient(ellipse at center top,rgba(201,162,96,.07) 0%,transparent 65%);
  pointer-events:none;
}
.form-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,6vw,80px); align-items:start }
.form-left { position:sticky; top:100px }
.form-left .s-title { margin-bottom:16px }
.form-left .s-sub { margin-bottom:clamp(28px,4vw,36px) }
.trust-list { display:flex; flex-direction:column; gap:14px }
.trust-item {
  display:flex; align-items:center; gap:14px;
  font-size:clamp(13px,1.6vw,15px); color:var(--light);
}
.trust-icon {
  width:42px; height:42px; min-width:42px; border-radius:10px;
  background:rgba(201,162,96,.07); border:1px solid var(--border);
  display:flex; align-items:center; justify-content:center; font-size:18px;
}
.form-box {
  background:var(--bg3); border:1px solid var(--border2);
  border-radius:18px; overflow:hidden; position:relative;
}
.form-box::before {
  content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--g);
}
.form-inner { padding:clamp(28px,4vw,48px) clamp(20px,4vw,44px) }
.form-title {
  font-family:'Montserrat',sans-serif; font-size:clamp(17px,2.2vw,21px); font-weight:900;
  color:var(--white); margin-bottom:6px;
}
.form-subtitle { font-size:13px; color:var(--muted); line-height:1.55; margin-bottom:clamp(24px,3vw,36px) }

.fg { margin-bottom:18px }
.fg label {
  display:block; font-family:'Montserrat',sans-serif; font-size:10px; font-weight:800;
  letter-spacing:2px; text-transform:uppercase; color:var(--gold); margin-bottom:9px;
}
.fg input, .fg select, .fg textarea {
  width:100%; background:rgba(255,255,255,.03); border:1px solid var(--border);
  border-radius:8px; padding:14px 16px;
  font-family:'Inter',sans-serif; font-size:16px; /* 16px prevents iOS zoom */
  color:var(--white); outline:none; transition:all .3s; appearance:none;
  -webkit-appearance:none;
}
.fg select {
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23C9A260' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; padding-right:40px;
}
.fg select option { background:#1c1c1c; color:var(--white) }
.fg textarea { resize:vertical; min-height:88px }
.fg input:focus, .fg select:focus, .fg textarea:focus {
  border-color:var(--gold); background:rgba(201,162,96,.04);
  box-shadow:0 0 0 3px rgba(201,162,96,.08);
}
.fg input::placeholder, .fg textarea::placeholder { color:var(--muted) }
.fg-row { display:grid; grid-template-columns:1fr 1fr; gap:14px }
.form-submit { width:100%; margin-top:6px; font-size:clamp(11px,1.5vw,13px) }
.form-note { text-align:center; margin-top:14px; font-size:12px; color:var(--muted) }
.form-note strong { color:var(--gold) }

/* success */
.f-success { display:none; text-align:center; padding:48px 20px }
.f-success.show { display:block }
.f-success-ico { font-size:56px; margin-bottom:18px; display:block }
.f-success h3 {
  font-family:'Montserrat',sans-serif; font-size:clamp(20px,3vw,26px); font-weight:900; margin-bottom:10px;
}
.f-success p { font-size:15px; color:var(--light); margin-bottom:24px; line-height:1.6 }

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
footer {
  background:var(--bg); border-top:1px solid var(--border);
  padding:clamp(48px,6vw,72px) 0 clamp(28px,4vw,40px);
}
.footer-inner {
  display:flex; flex-direction:column; align-items:center; gap:28px; text-align:center;
}
.footer-logo { height:clamp(52px,8vw,72px); width:auto; object-fit:contain }
.footer-tagline {
  font-family:'Montserrat',sans-serif; font-size:9px; font-weight:700;
  letter-spacing:4px; text-transform:uppercase; color:var(--gold); margin-top:4px;
}
.footer-links { display:flex; gap:clamp(20px,4vw,36px); flex-wrap:wrap; justify-content:center }
.footer-links a { font-size:13px; color:var(--muted); transition:color .3s }
.footer-links a:hover { color:var(--gold) }
.footer-copy { font-size:12px; color:var(--muted) }

/* ══════════════════════════════════════
   WHATSAPP FLOAT
══════════════════════════════════════ */
.wa-btn {
  position:fixed; bottom:clamp(20px,4vw,32px); right:clamp(16px,3vw,32px); z-index:999;
  width:60px; height:60px; border-radius:50%; background:#25D366;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 32px rgba(37,211,102,.35);
  transition:transform .3s,box-shadow .3s;
  animation:wafloat 3s ease-in-out infinite;
}
.wa-btn:hover { animation:none; transform:scale(1.12); box-shadow:0 14px 44px rgba(37,211,102,.5) }
@keyframes wafloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }

/* ══════════════════════════════════════
   REVEAL ANIMATIONS
══════════════════════════════════════ */
.rev { opacity:0; transform:translateY(32px); transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1) }
.rev.show { opacity:1; transform:translateY(0) }
.rev-l { opacity:0; transform:translateX(-28px); transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1) }
.rev-l.show { opacity:1; transform:translateX(0) }
.rev-r { opacity:0; transform:translateX(28px); transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1) }
.rev-r.show { opacity:1; transform:translateX(0) }
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}

/* ══════════════════════════════════════
   RESPONSIVE — Tablet
══════════════════════════════════════ */
@media (max-width:1024px) {
  .big-numbers { grid-template-columns:repeat(2,1fr) }
  .big-num:nth-child(2) { border-right:none }
  .big-num:nth-child(3) { border-right:1px solid var(--border); border-top:1px solid var(--border) }
  .big-num:nth-child(4) { border-right:none; border-top:1px solid var(--border) }
  .method-grid { grid-template-columns:repeat(2,1fr) }
  .diff-grid { grid-template-columns:repeat(2,1fr) }
  .cases-grid { grid-template-columns:1fr 1fr }
  .case-card.featured { grid-column:span 2 }
  .form-layout { grid-template-columns:1fr; gap:40px }
  .form-left { position:static }
}

/* ══════════════════════════════════════
   RESPONSIVE — Mobile
══════════════════════════════════════ */
@media (max-width:768px) {
  /* Pain: stack */
  .pain-layout { grid-template-columns:1fr; gap:32px }
  .pain-left { position:static }
  .pain-watermark { display:none }
  /* Cases: single col */
  .cases-grid { grid-template-columns:1fr }
  .case-card.featured { grid-column:span 1 }
  /* Overdelivery: stack */
  .over-body { grid-template-columns:1fr }
  .over-left { border-right:none; border-bottom:1px solid var(--border) }
  /* Method: 1 col */
  .method-grid { grid-template-columns:1fr }
  /* Diff: 2 col on mobile */
  .diff-grid { grid-template-columns:1fr 1fr }
  /* Hero stats: 2x2 */
  .hero-stats { grid-template-columns:1fr 1fr }
  .h-stat:nth-child(2) { border-right:none }
  .h-stat:nth-child(3) { border-top:1px solid var(--border) }
  .h-stat:nth-child(4) { border-top:1px solid var(--border); border-right:none }
}

@media (max-width:480px) {
  /* Full single column everywhere */
  .diff-grid { grid-template-columns:1fr }
  .big-numbers { grid-template-columns:1fr 1fr }
  /* Form row: stack */
  .fg-row { grid-template-columns:1fr }
  /* Nav: tighter */
  .nav-logo img { height:36px }
  .nav-cta { padding:10px 16px; font-size:10px }
  /* Hero actions: stack */
  .hero-actions { flex-direction:column; align-items:center }
  .hero-actions .btn { width:100%; max-width:320px; justify-content:center }
  /* Hero stats: 2 col */
  .hero-stats { grid-template-columns:1fr 1fr }
  /* Trust list */
  .trust-item { font-size:13px }
}