:root{
  --navy:#0a1628;--navy2:#0f2044;--blue:#1a3a6e;
  --gold:#c9a227;--gold2:#e8bf45;--gold3:#f5d76e;
  --green:#1d7a3a;--green2:#25a34e;
  --red:#d94040;--red2:#c0392b;
  --white:#ffffff;--text:#1c2b46;--muted:#6b7a99;
  --radius:16px;
  --shadow-gold:0 0 40px rgba(201,162,39,0.4);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:#0a1628;color:var(--text);overflow-x:hidden;line-height:1.6}

/* COUNTDOWN */
.countdown-bar{
  background:linear-gradient(90deg,#c0392b,#e74c3c,#c0392b);
  background-size:200% 100%;animation:barShift 3s linear infinite;
  color:#fff;text-align:center;padding:11px 16px;font-size:14px;font-weight:700;
  position:sticky;top:0;z-index:999;
}
.countdown-bar span{font-size:19px;font-family:'Bebas Neue',cursive;letter-spacing:3px;color:#ffd700;}
@keyframes barShift{0%{background-position:0%}100%{background-position:200%}}

/* HERO */
.hero{
  background:linear-gradient(175deg,#07111f 0%,#0d1f3c 50%,#0a1a30 100%);
  min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:56px 20px 90px;position:relative;overflow:hidden;
}
.hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(25,100,50,0.035) 30px,rgba(25,100,50,0.035) 60px),
    repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(25,100,50,0.02) 30px,rgba(25,100,50,0.02) 60px);
}
.hero::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 65% 45% at 50% -5%,rgba(201,162,39,0.18) 0%,transparent 60%),
             radial-gradient(ellipse 40% 30% at 50% 105%,rgba(25,100,50,0.18) 0%,transparent 65%);
}
.hero-lights{
  position:absolute;top:0;left:0;right:0;height:5px;z-index:2;
  background:linear-gradient(90deg,transparent 5%,rgba(201,162,39,0.5) 30%,rgba(255,225,80,1) 50%,rgba(201,162,39,0.5) 70%,transparent 95%);
}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(201,162,39,0.12);border:1px solid rgba(201,162,39,0.45);
  color:var(--gold2);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  padding:9px 20px;border-radius:100px;margin-bottom:28px;position:relative;z-index:1;
  animation:fadeDown 0.6s ease both;
}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--gold2);animation:pulse 2s infinite;flex-shrink:0;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.7)}}
.hero-mockup-wrap{
  position:relative;z-index:1;margin-bottom:32px;
  animation:fadeUp 0.8s 0.05s ease both;
  max-width:680px;width:100%;
}
.hero-mockup-img{
  width:100%;border-radius:20px;
  box-shadow:0 24px 80px rgba(0,0,0,0.65),0 8px 24px rgba(0,0,0,0.4),0 0 60px rgba(201,162,39,0.15);
  animation:heroFloat 6s ease-in-out infinite;
  border:1px solid rgba(255,255,255,0.08);
}
@keyframes heroFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.005)}}
.hero-mockup-wrap::before{
  content:'';position:absolute;inset:-20px;border-radius:36px;z-index:-1;
  background:radial-gradient(ellipse at center,rgba(201,162,39,0.18) 0%,transparent 70%);
  animation:glowPulse 4s ease-in-out infinite;
}
@keyframes glowPulse{0%,100%{opacity:0.6}50%{opacity:1}}
.hero h1{
  font-family:'Bebas Neue',cursive;font-size:clamp(44px,9vw,82px);color:var(--white);
  line-height:0.95;letter-spacing:3px;margin-bottom:18px;
  animation:fadeUp 0.7s 0.22s ease both;position:relative;z-index:1;
}
.hero h1 em{color:var(--gold2);font-style:normal;display:block;text-shadow:0 0 40px rgba(232,191,69,0.45);}
.hero-sub{
  font-size:clamp(16px,2.6vw,20px);color:rgba(255,255,255,0.75);
  max-width:540px;margin:0 auto 38px;font-weight:500;
  animation:fadeUp 0.7s 0.32s ease both;position:relative;z-index:1;
}
.hero-sub strong{color:var(--gold3);}
.btn-hero{
  display:inline-block;position:relative;z-index:1;
  background:linear-gradient(135deg,var(--gold) 0%,var(--gold2) 50%,var(--gold3) 100%);
  color:var(--navy);font-size:17px;font-weight:800;letter-spacing:0.5px;
  padding:20px 46px;border-radius:100px;border:none;cursor:pointer;text-decoration:none;text-transform:uppercase;
  box-shadow:0 6px 30px rgba(201,162,39,0.55);
  transition:transform 0.2s,box-shadow 0.2s;
  animation:fadeUp 0.7s 0.42s ease both,btnPulse 3s 2.5s infinite;overflow:hidden;
}
.btn-hero::after{content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,0.32) 50%,transparent 65%);
  transform:translateX(-100%);transition:transform 0.55s;}
.btn-hero:hover{transform:translateY(-3px);box-shadow:0 14px 44px rgba(201,162,39,0.7);}
.btn-hero:hover::after{transform:translateX(100%);}
@keyframes btnPulse{0%,100%{box-shadow:0 6px 30px rgba(201,162,39,0.55),0 0 0 0 rgba(201,162,39,0.3)}50%{box-shadow:0 6px 30px rgba(201,162,39,0.55),0 0 0 16px rgba(201,162,39,0)}}
.hero-trust{
  margin-top:22px;display:flex;align-items:center;justify-content:center;gap:18px;
  color:rgba(255,255,255,0.4);font-size:13px;font-weight:500;
  animation:fadeUp 0.7s 0.52s ease both;position:relative;z-index:1;flex-wrap:wrap;
}
.hero-trust span{display:flex;align-items:center;gap:5px;}

/* SHARED */
section{padding:80px 20px;}
.container{max-width:880px;margin:0 auto;}
.section-tag{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;
  background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.55);
  padding:7px 16px;border-radius:100px;margin-bottom:18px;border:1px solid rgba(255,255,255,0.08);
}

/* ================== PRODUTO EM AÇÃO (GIFs) ================== */
.product-demo{
  background:linear-gradient(175deg,#07111f 0%,#0d1f3c 100%);
  position:relative;overflow:hidden;
}
.product-demo::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(255,255,255,0.016) 24px,rgba(255,255,255,0.016) 48px);
}
.product-demo::after{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,transparent 10%,var(--gold) 40%,var(--gold2) 50%,var(--gold) 60%,transparent 90%);
}
.demo-headline{
  font-family:'Bebas Neue',cursive;font-size:clamp(32px,7vw,58px);
  color:var(--white);line-height:1;margin-bottom:12px;
}
.demo-headline em{color:var(--gold2);font-style:normal;}
.demo-sub{color:rgba(255,255,255,0.5);font-size:16px;margin-bottom:44px;}

.demo-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
  align-items:start;position:relative;z-index:1;
}

.demo-card{
  display:flex;flex-direction:column;align-items:center;
  gap:18px;
}
.demo-gif-wrap{
  position:relative;width:100%;border-radius:18px;overflow:hidden;
  box-shadow:0 16px 48px rgba(0,0,0,0.55),0 4px 12px rgba(0,0,0,0.4);
  border:2px solid rgba(255,255,255,0.1);
}
.demo-card:last-child .demo-gif-wrap{
  border-color:rgba(201,162,39,0.5);
  box-shadow:0 16px 48px rgba(0,0,0,0.55),0 4px 12px rgba(0,0,0,0.4),var(--shadow-gold);
}
.demo-gif{
  width:100%;display:block;
  border-radius:16px;
}
/* Shine overlay on hover */
.demo-gif-wrap::after{
  content:'';position:absolute;inset:0;border-radius:16px;
  background:linear-gradient(135deg,rgba(255,255,255,0.06) 0%,transparent 50%);
  pointer-events:none;
}
.demo-label{
  text-align:center;
}
.demo-label-tag{
  display:inline-block;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  padding:5px 14px;border-radius:100px;margin-bottom:10px;
}
.demo-card:first-child .demo-label-tag{
  background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.15);
}
.demo-card:last-child .demo-label-tag{
  background:linear-gradient(135deg,rgba(201,162,39,0.2),rgba(232,191,69,0.2));
  color:var(--gold2);border:1px solid rgba(201,162,39,0.4);
}
.demo-label-title{
  font-family:'Bebas Neue',cursive;font-size:22px;color:var(--white);
  letter-spacing:1px;margin-bottom:6px;
}
.demo-card:last-child .demo-label-title{color:var(--gold2);}
.demo-label-desc{
  font-size:13px;color:rgba(255,255,255,0.45);line-height:1.5;max-width:220px;margin:0 auto;
}

/* HOW YOU RECEIVE */
.how-receive{
  background:linear-gradient(175deg,#0d1f3c,#07111f);
  position:relative;overflow:hidden;
}
.how-receive::before{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(255,255,255,0.018) 24px,rgba(255,255,255,0.018) 48px);}
.how-receive::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,transparent 10%,var(--gold) 40%,var(--gold2) 50%,var(--gold) 60%,transparent 90%);}
.how-headline{font-family:'Bebas Neue',cursive;font-size:clamp(32px,7vw,56px);color:var(--white);line-height:1.0;margin-bottom:10px;}
.how-headline em{color:var(--gold2);font-style:normal;}
.how-sub-text{color:rgba(255,255,255,0.5);font-size:16px;margin-bottom:44px;}
.how-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;position:relative;z-index:1;}
.how-step{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.09);
  border-radius:16px;padding:26px 18px;text-align:center;transition:transform 0.2s,background 0.2s;}
.how-step:hover{transform:translateY(-4px);background:rgba(255,255,255,0.09);}
.how-step-num{width:40px;height:40px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);
  font-family:'Bebas Neue',cursive;font-size:22px;display:flex;align-items:center;justify-content:center;
  margin:0 auto 14px;box-shadow:0 4px 14px rgba(201,162,39,0.4);}
.how-step-icon{font-size:36px;margin-bottom:12px;}
.how-step-title{font-size:14px;font-weight:800;color:var(--white);margin-bottom:6px;}
.how-step-desc{font-size:13px;color:rgba(255,255,255,0.48);line-height:1.5;}

/* PLANS */
.plans{
  background:linear-gradient(175deg,#07111f 0%,#0d1f3c 60%,#071118 100%);
  padding:90px 20px;position:relative;overflow:hidden;
}
.plans::before{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(255,255,255,0.014) 24px,rgba(255,255,255,0.014) 48px);}
.plans::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,transparent 10%,var(--gold) 40%,var(--gold2) 50%,var(--gold) 60%,transparent 90%);}
.plans-headline{font-family:'Bebas Neue',cursive;font-size:clamp(36px,7vw,64px);color:var(--white);margin-bottom:10px;text-align:center;position:relative;z-index:1;}
.plans-sub{color:rgba(255,255,255,0.48);font-size:16px;text-align:center;margin-bottom:52px;position:relative;z-index:1;}
.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:820px;margin:0 auto;position:relative;z-index:1;}
.plan-card{border-radius:22px;padding:0 0 28px;position:relative;transition:transform 0.25s;overflow:hidden;}
.plan-card.basic{background:rgba(255,255,255,0.065);border:1px solid rgba(255,255,255,0.12);}
.plan-card.basic:hover{transform:translateY(-4px);}
.plan-card.premium{
  background:linear-gradient(160deg,#14274a,#0d1f3c,#0a1628);
  border:2px solid var(--gold);
  box-shadow:var(--shadow-gold),0 24px 64px rgba(0,0,0,0.5);
  transform:scale(1.04);
}
.plan-card.premium:hover{transform:scale(1.04) translateY(-5px);}
.plan-card.premium::before{content:'';position:absolute;inset:-2px;border-radius:24px;z-index:-1;
  background:conic-gradient(from 180deg,var(--gold) 0deg,transparent 60deg,transparent 300deg,var(--gold) 360deg);
  opacity:0.22;animation:borderRot 5s linear infinite;}
@keyframes borderRot{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.plan-badge{
  position:absolute;top:-15px;left:50%;transform:translateX(-50%);
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);
  font-size:11px;font-weight:800;letter-spacing:1.5px;padding:6px 22px;
  border-radius:100px;white-space:nowrap;text-transform:uppercase;
  box-shadow:0 4px 16px rgba(201,162,39,0.55);z-index:10;}
.plan-img-wrap{width:100%;overflow:hidden;border-radius:20px 20px 0 0;margin-bottom:22px;position:relative;}
.plan-img{width:100%;display:block;border-radius:0;}
.plan-img-overlay{
  position:absolute;bottom:0;left:0;right:0;height:50%;
  background:linear-gradient(to bottom,transparent,rgba(10,22,40,0.7));
  pointer-events:none;
}
.plan-body{padding:0 22px;}
.plan-name{font-family:'Bebas Neue',cursive;font-size:26px;color:var(--white);margin-bottom:6px;letter-spacing:1px;}
.plan-price{margin:12px 0 6px;color:var(--white);line-height:1;}
.plan-price .currency{font-size:18px;font-weight:700;vertical-align:top;margin-top:6px;display:inline-block;}
.plan-price .amount{font-family:'Bebas Neue',cursive;font-size:56px;line-height:1;}
.plan-price .cents{font-size:22px;font-weight:700;vertical-align:top;margin-top:12px;display:inline-block;}
.plan-desc{font-size:13px;color:rgba(255,255,255,0.45);margin-bottom:18px;line-height:1.5;}
.plan-features{list-style:none;margin-bottom:24px;}
.plan-features li{display:flex;align-items:flex-start;gap:10px;padding:7px 0;font-size:13px;color:rgba(255,255,255,0.78);border-bottom:1px solid rgba(255,255,255,0.06);}
.plan-features li:last-child{border-bottom:none;}
.plan-features .check{font-size:14px;flex-shrink:0;margin-top:1px;}
.plan-features.premium-list li{color:rgba(255,255,255,0.9);}
.plan-features.premium-list .check{color:var(--gold2);}
.btn-plan{width:100%;padding:17px;border:none;border-radius:100px;cursor:pointer;
  font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;
  transition:transform 0.2s,box-shadow 0.2s;position:relative;overflow:hidden;}
.btn-plan.basic-btn{background:rgba(255,255,255,0.1);color:#fff;border:1px solid rgba(255,255,255,0.2);}
.btn-plan.basic-btn:hover{background:rgba(255,255,255,0.18);transform:translateY(-2px);}
.btn-plan.premium-btn{background:linear-gradient(135deg,var(--gold),var(--gold2),var(--gold3));
  color:var(--navy);box-shadow:0 6px 24px rgba(201,162,39,0.5);}
.btn-plan.premium-btn::after{content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,0.28) 50%,transparent 65%);
  transform:translateX(-100%);transition:transform 0.5s;}
.btn-plan.premium-btn:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(201,162,39,0.7);}
.btn-plan.premium-btn:hover::after{transform:translateX(100%);}

/* GUARANTEE */
.guarantee{
  background:linear-gradient(175deg,#07111f 0%,#0d1f3c 100%);
  text-align:center;padding:80px 20px;position:relative;overflow:hidden;
}
.guarantee::before{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(255,255,255,0.014) 24px,rgba(255,255,255,0.014) 48px);}
.guarantee::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,transparent 10%,var(--green2) 40%,#2ecc71 50%,var(--green2) 60%,transparent 90%);}
.guarantee-inner{
  max-width:560px;margin:0 auto;position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;
}
.guarantee-seal{
  width:130px;height:130px;margin-bottom:22px;
  animation:sealPulse 3s ease-in-out infinite;
  filter:drop-shadow(0 8px 24px rgba(37,163,78,0.5));
}
@keyframes sealPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.guarantee-title{font-family:'Bebas Neue',cursive;font-size:38px;color:var(--white);margin-bottom:14px;}
.guarantee-text{font-size:16px;color:rgba(255,255,255,0.65);line-height:1.75;max-width:440px;}

/* CTA FINAL */
.cta-final{
  background:linear-gradient(175deg,#07111f 0%,#0d1f3c 100%);
  text-align:center;padding:110px 20px;position:relative;overflow:hidden;
}
.cta-final::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 70% 55% at 50% 110%,rgba(25,100,50,0.22),transparent 65%),
             radial-gradient(ellipse 50% 40% at 50% 0%,rgba(201,162,39,0.14),transparent 60%);}
.cta-final::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,transparent 10%,rgba(201,162,39,0.7) 30%,rgba(255,220,80,1) 50%,rgba(201,162,39,0.7) 70%,transparent 90%);}
.cta-headline{font-family:'Bebas Neue',cursive;font-size:clamp(40px,9vw,78px);color:var(--white);line-height:0.95;margin-bottom:18px;position:relative;}
.cta-headline em{color:var(--gold2);font-style:normal;text-shadow:0 0 40px rgba(232,191,69,0.4);}
.cta-sub{font-size:18px;color:rgba(255,255,255,0.6);margin-bottom:42px;position:relative;}
.btn-cta{
  display:inline-block;position:relative;
  background:linear-gradient(135deg,var(--gold),var(--gold2),var(--gold3));
  color:var(--navy);font-size:19px;font-weight:800;letter-spacing:0.5px;
  padding:22px 52px;border-radius:100px;border:none;cursor:pointer;text-decoration:none;text-transform:uppercase;
  box-shadow:0 8px 40px rgba(201,162,39,0.55);transition:transform 0.2s,box-shadow 0.2s;
  overflow:hidden;animation:btnPulse 3s 1.5s infinite;}
.btn-cta::after{content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,0.3) 50%,transparent 65%);
  transform:translateX(-100%);transition:transform 0.55s;}
.btn-cta:hover{transform:translateY(-3px);box-shadow:0 14px 50px rgba(201,162,39,0.75);}
.btn-cta:hover::after{transform:translateX(100%);}

/* FOOTER */
footer{background:#060e1a;padding:34px 20px;text-align:center;color:rgba(255,255,255,0.28);font-size:13px;border-top:1px solid rgba(255,255,255,0.05);}
footer a{color:rgba(255,255,255,0.38);text-decoration:none;}

/* SOCIAL PROOF */
.social-proof{
  position:fixed;bottom:20px;left:20px;z-index:1000;background:#fff;border-radius:14px;
  padding:14px 18px;box-shadow:0 8px 40px rgba(10,22,40,0.22);max-width:310px;
  display:flex;align-items:center;gap:14px;
  transform:translateY(130px);opacity:0;
  transition:transform 0.45s cubic-bezier(0.34,1.56,0.64,1),opacity 0.4s;
  border-left:4px solid var(--gold2);}
.social-proof.show{transform:translateY(0);opacity:1;}
.social-proof-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:22px;
  background:linear-gradient(135deg,var(--navy),var(--blue));}
.social-proof-info{flex:1;}
.social-proof-name{font-size:14px;font-weight:800;color:var(--navy);}
.social-proof-action{font-size:12px;color:var(--text);margin-top:2px;line-height:1.4;}
.social-proof-time{font-size:11px;color:var(--muted);margin-top:4px;}

/* UPSELL */
.overlay{position:fixed;inset:0;background:rgba(5,12,25,0.82);z-index:2000;
  display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;pointer-events:none;transition:opacity 0.3s;backdrop-filter:blur(4px);}
.overlay.active{opacity:1;pointer-events:all;}
.upsell-box{background:#fff;border-radius:24px;max-width:480px;width:100%;
  padding:38px 30px;position:relative;
  transform:scale(0.88);opacity:0;
  transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),opacity 0.35s;
  text-align:center;overflow:hidden;}
.upsell-box::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;
  background:linear-gradient(90deg,var(--gold),var(--gold2),var(--gold3));}
.overlay.active .upsell-box{transform:scale(1);opacity:1;}
.upsell-close{position:absolute;top:18px;right:20px;
  background:rgba(0,0,0,0.07);border:none;font-size:18px;cursor:pointer;color:var(--muted);
  width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  transition:background 0.2s;}
.upsell-close:hover{background:rgba(0,0,0,0.14);}
.upsell-emoji{font-size:52px;margin-bottom:14px;display:block;}
.upsell-headline{font-family:'Bebas Neue',cursive;font-size:36px;color:var(--navy);margin-bottom:12px;line-height:1;}
.upsell-text{font-size:15px;color:var(--text);margin-bottom:22px;line-height:1.65;}
.upsell-features{background:linear-gradient(135deg,#fffbeb,#fef9e7);border:1.5px solid #fde68a;
  border-radius:12px;padding:16px;margin-bottom:22px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.upsell-feature{font-size:13px;font-weight:700;padding:6px 13px;background:#fff;border-radius:100px;border:1px solid #fde68a;color:var(--navy);}
.upsell-price{margin-bottom:22px;}
.upsell-old{font-size:15px;color:var(--muted);text-decoration:line-through;margin-bottom:4px;}
.upsell-new{font-family:'Bebas Neue',cursive;font-size:56px;color:var(--green2);line-height:1;}
.upsell-new span{font-size:24px;}
.upsell-economy{display:inline-block;font-size:13px;font-weight:800;color:var(--navy);margin-top:6px;
  background:linear-gradient(135deg,var(--gold),var(--gold2));padding:4px 14px;border-radius:100px;}
.btn-upsell{width:100%;padding:18px;border:none;border-radius:100px;cursor:pointer;
  font-size:16px;font-weight:800;letter-spacing:0.5px;text-transform:uppercase;
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);
  box-shadow:0 6px 24px rgba(201,162,39,0.45);margin-bottom:12px;
  transition:transform 0.2s,box-shadow 0.2s;overflow:hidden;position:relative;}
.btn-upsell::after{content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,0.28) 50%,transparent 65%);
  transform:translateX(-100%);transition:transform 0.5s;}
.btn-upsell:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(201,162,39,0.65);}
.btn-upsell:hover::after{transform:translateX(100%);}
.btn-upsell-skip{width:100%;padding:12px;border:none;background:none;cursor:pointer;font-size:13px;color:var(--muted);text-decoration:underline;}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.65s,transform 0.65s;}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.12s;}
.reveal-delay-2{transition-delay:0.24s;}
.reveal-delay-3{transition-delay:0.36s;}

/* MOBILE */
@media(max-width:660px){
  section{padding:56px 16px;}
  .plans-grid{grid-template-columns:1fr;gap:60px;}
  .plan-card.premium{transform:none;}
  .plan-card.premium:hover{transform:translateY(-5px);}
  .how-steps{grid-template-columns:repeat(2,1fr);}
  .social-proof{max-width:calc(100vw - 32px);left:16px;bottom:16px;}
  .hero-mockup-wrap{max-width:100%;}
  .demo-grid{grid-template-columns:1fr;gap:32px;}
}