/* Basic reset and layout */
:root{
	--bg: #f6f9fc;
	--card: #ffffff;
	--accent: #0b63ff; /* refined polished blue */
	--accent-2: #1e3a57; /* slightly darker for text */
	--muted: #556774; /* darker muted color for readability */
	--radius: 12px;
	--glass: rgba(255,255,255,0.86);
	--pink: #ff2e6e; /* toned down pink for accents */
	--offer-border: rgba(255,46,140,0.08);
}
/* Offer colors */
:root{--pink:#ff0080;--offer-border:rgba(255,0,128,.15)}
*{box-sizing:border-box}
html,body{height:100%;font-family:Inter,system-ui,Segoe UI,Roboto,"Helvetica Neue",Arial;background:linear-gradient(180deg,#fbfdff,#f6f9fc);margin:0;color:#071023}
html{font-size:16px}
h1,h2,h3,h4{font-family:Poppins, Inter, system-ui, Roboto, "Helvetica Neue", Arial}
.hero h2, h2{font-size:1.6rem;line-height:1.2;color:var(--accent-2);margin-top:0;margin-bottom:.6rem;font-weight:700}
h3{font-size:1.05rem;color:var(--accent-2);line-height:1.25;margin-bottom:.45rem}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#071125}
html{scroll-behavior:smooth}
a:focus{outline:3px solid rgba(43,108,176,.2);outline-offset:3px}
.container{max-width:1100px;margin:0 auto;padding:2rem}
.visually-hidden{position:absolute;left:-9999px}

/* Header */
.site-header{background:linear-gradient(90deg, rgba(255,255,255,0.9), rgba(250,251,255,0.9));border-bottom:1px solid rgba(11,30,60,.06);position:sticky;top:0;z-index:100;backdrop-filter: blur(6px)}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:800;color:var(--accent);text-decoration:none;font-size:1.05rem;letter-spacing:0.2px}
.mobile-nav-btn{display:none;background:transparent;border:none;font-size:1.45rem;padding:.45rem;margin-left:auto;cursor:pointer}
.mobile-only{display:none}
@media (max-width:640px){ .mobile-only{display:inline-block} }
.nav a{color:#21303f;text-decoration:none;margin-left:1rem;padding:.35rem .45rem;border-radius:8px;font-weight:600}
.nav a:hover{background:rgba(11,99,255,.06)}
.nav .cta{padding:.45rem .85rem;background:var(--accent);color:#fff;border-radius:9px;box-shadow:0 8px 24px rgba(6,80,200,.08);font-weight:700}
.nav .small{padding:.3rem .6rem;font-size:.9rem}

/* Hero */
.hero{padding:6rem 0;background:linear-gradient(180deg,#ffffff 0%, #f6f9fc 100%);position:relative;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1fr 420px;gap:2rem;align-items:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,102,255,0.04), rgba(20,30,60,0.02));pointer-events:none}
.hero::before{content:'';position:absolute;right:-10%;top:-10%;width:60%;height:60%;background:linear-gradient(135deg, rgba(0,102,255,.04), rgba(255,46,140,.02));transform:rotate(15deg);filter:blur(40px);pointer-events:none}
.hero-copy h1{font-size:3rem;margin:0 0 1.2rem;line-height:1.03;font-weight:800;color:#06142a;letter-spacing:-0.8px}
.hero-lead{color:var(--muted);margin:0 0 1rem;font-size:1.06rem;max-width:58ch}
.hero-stats{display:flex;gap:1.2rem;margin-top:1rem}
.hero-stats .stat{background:#fff;padding:.6rem 1rem;border-radius:10px;box-shadow:0 8px 30px rgba(9,30,60,.04);text-align:center}
.hero-stats .stat strong{display:block;font-size:1.2rem;color:var(--accent)}
.hero-actions{display:flex;gap:.8rem}
.cta{background:var(--accent);color:#fff;padding:.9rem 1.25rem;border-radius:12px;text-decoration:none;display:inline-block;font-weight:800;box-shadow:0 10px 30px rgba(11,99,255,.08);transition:transform .15s ease, box-shadow .15s ease}
.cta:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(11,99,255,.12)}
.ghost{border:1px solid rgba(11,99,255,0.08);padding:.7rem .9rem;border-radius:10px;color:var(--accent-2);text-decoration:none;background:transparent}
.hero-illustration img{width:320px;height:auto;border-radius:18px;box-shadow:0 18px 40px rgba(6,30,60,.08)}
.hero-illustration img{transition:transform .6s cubic-bezier(.2,.9,.2,1);}
.hero-illustration:hover img{transform:translateY(-10px) rotate(-2deg) scale(1.02)}

.hero .cta.alt{background:linear-gradient(90deg,var(--pink),#ff6188);border:none;color:#fff}
.hero .cta.alt:hover{filter:brightness(.97)}

/* CTA pulse on entry to draw attention (respects reduced motion) */
@keyframes ctaPulse{0%{transform:scale(1);box-shadow:0 14px 36px rgba(255,46,140,0.1)}50%{transform:scale(1.04);box-shadow:0 30px 80px rgba(255,46,140,0.15)}100%{transform:scale(1);box-shadow:0 14px 36px rgba(255,46,140,0.1)}}
.hero .cta.alt.pulse{animation: ctaPulse 1.8s ease 0s 1;}

/* Story overlay removed — overlay CSS kept only in case of future use */
/* No active overlay displayed on load. */

/* Intro section */
.intro{padding:2rem 0}
.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.intro-grid h3{margin-top:0}
.intro-grid .panel{background:var(--card);padding:1.2rem;border-radius:12px;box-shadow:0 10px 30px rgba(11,30,60,.06);transform:translateY(18px);opacity:0;transition:transform .6s cubic-bezier(.2,.9,.2,1), opacity .45s ease;will-change:transform,opacity}
.intro-grid .panel.visible{transform:none;opacity:1}
.intro-grid .panel h3{margin-top:0}
.intro-actions{margin-top:1rem}

@media (max-width:980px){.intro-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:640px){ .intro-grid{grid-template-columns:1fr}}
@media (max-width:640px){
	/* Prevent side-scrolling issues caused by negative elements or large decorations */
	body, html{overflow-x:hidden}
	.container{padding:1rem}
	.banner-desktop{display:none}
	.banner-mobile{display:block}
}

/* Methods grid */
.methods h2{margin-top:0}
.lead{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem}

/* Pricing-like offer styling */
.offer-card{grid-template-columns:120px 1fr 150px 160px}
.offer-card .rate .amount{font-weight:900;font-size:2.4rem;color:#0b1720}
.offer-card .model{color:#111827;font-weight:900;font-size:.9rem;margin-top:.35rem}
.offer-card .cta-wrap{display:flex;flex-direction:column;align-items:flex-end}
.offer-card .cta-wrap .btn{margin:0}
.offer-card .cta-wrap .btn.copy{margin-top:.5rem}
.offer-card .desc{font-size:.97rem}
.offer-card{padding:1.4rem 1.4rem}
.card{background:var(--card);padding:1.2rem;border-radius:12px;box-shadow:0 8px 24px rgba(11,30,60,.06)}
.card.glass{background:linear-gradient(180deg, rgba(255,255,255,0.85), rgba(255,255,255,0.65));backdrop-filter: blur(6px);box-shadow:0 20px 50px rgba(11,30,60,.06)}
.card h3{margin-top:0;margin-bottom:.5rem}
.card p{margin:0 0 1rem;color:var(--muted)}
.card .more{color:var(--accent);text-decoration:none;font-weight:600}

/* CTA section */
.cta-block{background:linear-gradient(90deg,#fff,#fbf8ff);padding:2.5rem;border-radius:18px;margin:2rem auto;box-shadow:0 18px 48px rgba(11,30,60,.05);border:1px solid rgba(11,30,60,.04)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.lead-form{display:flex;gap:.5rem}
.lead-form input{padding:.8rem 1rem;border-radius:10px;border:1px solid #e6effa;min-width:250px}
.lead-form button{padding:.8rem 1rem;border-radius:10px;background:var(--accent);color:#fff;border:none}

/* Footer */
.site-footer{padding:2rem 0;border-top:1px solid #e8f1fb;background:transparent}
.site-footer p{margin:0;color:#425a6b}
.site-footer nav a{margin-left:1rem;color:#6b7280}

/* Offers list */
.offers-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}
.offer-card{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:14px;border:1px solid var(--offer-border);padding:1.1rem;position:relative;display:grid;grid-template-columns:120px 1fr 170px 110px;align-items:center;gap:1.1rem}
.offer-card{transform:translateY(12px);opacity:0;transition:transform .5s cubic-bezier(.2,.85,.2,1), opacity .45s ease}
.offer-card.visible{transform:none;opacity:1}
.offer-card .offer-tag{position:absolute;left:-32px;top:18px;background:linear-gradient(90deg,var(--pink),#ff6b98);color:#fff;padding:8px 10px;border-radius:6px;font-weight:800;transform:rotate(-90deg);transform-origin:left top;box-shadow:0 8px 20px rgba(255,46,140,.08)}
.offer-card .logo{width:100px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 10px 30px rgba(11,30,60,.05)}
.offer-card .meta{display:flex;flex-direction:column;gap:.4rem}
.offer-card .meta .time-to-open{font-size:.9rem;color:#475569}
.offer-card .meta .benefit{font-size:.95rem}
.offer-card .meta .verified{font-weight:700}
.offer-card .meta .title{font-weight:700}
.offer-card .meta .desc{color:var(--muted);font-size:.95rem}
.offer-card .rate{display:flex;flex-direction:column;align-items:flex-start;margin-left:auto}
.offer-card .rate .amount{font-weight:800;font-size:1.8rem}
.offer-card .rate .model{color:var(--muted);text-transform:uppercase;font-weight:700;font-size:.9rem}
.offer-card .cta-wrap{text-align:right}
.offer-card .btn{padding:.6rem 1rem;border-radius:8px;border:1px solid #d9e6f5;background:#fff;color:#3e4b52;font-weight:700;text-decoration:none}
.btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:.6rem .9rem;border-radius:10px;border:1px solid #eef3fb;background:#fff;color:var(--accent);font-weight:800;transition:transform .18s ease, box-shadow .2s ease;text-align:center}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 36px rgba(6,68,153,.06)}
.btn.primary{background:linear-gradient(90deg,var(--pink),#ff6188);color:#fff;border-color:transparent;box-shadow:0 18px 48px rgba(255,46,140,.12);padding:.9rem 1.2rem}
.btn.primary:hover{filter:brightness(.97)}
.btn:focus{outline:2px solid rgba(43,108,176,.2);outline-offset:1px}
.btn:focus-visible{outline:3px solid rgba(6,99,255,.16);outline-offset:4px}
.cta:focus{outline:3px solid rgba(11,99,255,.12);outline-offset:4px}
.cta:focus-visible{outline:3px solid rgba(11,99,255,.16);outline-offset:4px}
.ghost:focus{outline:3px solid rgba(11,99,255,.08);outline-offset:4px}
.ghost:focus-visible{outline:3px solid rgba(11,99,255,.12);outline-offset:4px}
.offer-card:hover{border-color:var(--pink);box-shadow:0 20px 64px rgba(255,46,140,.08);transform:translateY(-6px)}
.offer-card.popular{border-color:var(--pink);box-shadow:0 20px 60px rgba(255,46,140,.08)}
.offer-card.popular:hover{transform:translateY(-6px);box-shadow:0 28px 96px rgba(255,46,140,.12)}
.offer-card.popular .offer-tag{background:linear-gradient(90deg,var(--accent), #2b6bf7);color:#fff}

/* popular badge (top offer) */
.popular-badge{position:absolute;right:12px;top:12px;background:linear-gradient(90deg,#fff1f6,#fff0f7);color:#ff2a74;padding:.45rem .8rem;border-radius:10px;font-weight:800;font-size:.85rem;box-shadow:0 8px 24px rgba(255,46,140,.06);transform-origin:center center}
.popular-badge strong{display:inline-block}
@keyframes popularPulse{0%{transform:scale(.96);box-shadow:0 12px 24px rgba(255,46,140,.06)}50%{transform:scale(1.04);box-shadow:0 30px 60px rgba(255,46,140,.12)}100%{transform:scale(1);box-shadow:0 12px 24px rgba(255,46,140,.06)}}
.popular-badge.animate{animation: popularPulse 1.4s ease-in-out 0s 2}

/* A subtle shining highlight on the whole popular card */
.offer-card.popular::after{content:'';position:absolute;inset:0;border-radius:14px;pointer-events:none;mix-blend-mode:screen;opacity:0}
.offer-card.popular.animate::after{opacity:1;background:linear-gradient(90deg, rgba(255,46,140,.03), rgba(255,46,140,.02));animation: popularShine 1.2s ease-in-out}
@keyframes popularShine{0%{opacity:0;transform:translateX(-18%)}50%{opacity:1;transform:translateX(8%)}100%{opacity:0;transform:translateX(28%)}}

@media (prefers-reduced-motion: reduce){
	.popular-badge.animate, .offer-card.popular.animate::after{animation:none !important}
}
.offer-card .btn:hover{background:var(--pink);color:#fff;border-color:var(--pink)}
.offer-card .btn.copy{background:#f5f9ff;border-color:#dbeafb;color:var(--accent);font-weight:700}
.offer-card .btn.copy:hover{background:var(--accent);color:#fff}

.featured-focus{animation: pulse 2s ease-in-out}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,0,128,.18)}50%{box-shadow:0 0 0 12px rgba(255,0,128,0)}100%{box-shadow:0 0 0 0 rgba(255,0,128,.0)}}

.share-wrap{display:flex;gap:.4rem}
.top-label{font-size:.92rem;color:var(--pink);font-weight:800;margin-top:6px}
.featured-focus{animation: pulse 2.2s ease-in-out}
.featured-focus:after{content:'';display:block;padding:6px}
.top-label{display:inline-block;padding:.35rem .5rem;border-radius:6px;background:linear-gradient(90deg,#fff7fb,#fff);box-shadow:0 6px 20px rgba(255,46,140,.06)}
.btn.share{padding:.4rem .6rem;border-radius:8px;border:1px solid #e6effa;background:#fff;color:var(--accent);font-weight:700}
.btn.share{transition:transform .16s ease, box-shadow .16s ease}
.btn.share:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(6,68,153,.06)}
.btn.share.fb{background:#1877f2;color:#fff;border-color:#1877f2}
.btn.share.tw{background:#1da1f2;color:#fff;border-color:#1da1f2}
.btn.share.suggest{background:#f3f6ff;color:var(--accent);border-color:#dbeafb}

/* modal styles removed — UI uses inline CTA and per-offer actions instead */

@media (max-width:980px){.offer-card{grid-template-columns:90px 1fr 110px 100px}} 
@media (max-width:640px){.offer-card{grid-template-columns:80px 1fr 110px;gap:.6rem}.offer-card .cta-wrap{grid-column:1/-1;text-align:right}}

/* Emphasize the bonus and CTA */
.offer-card .benefit{font-size:1rem;color:var(--pink);font-weight:800}
.offer-card .btn.primary{padding:.9rem 1.2rem;font-size:1rem}
.offer-card.popular .btn.primary{box-shadow:0 22px 64px rgba(255,46,140,.12);transform:translateY(-2px)}
@media (min-width:981px){ .offer-card .cta-wrap{align-items:center} }

/* Responsive */
@media (max-width:980px){.hero-inner{grid-template-columns:1fr} .grid{grid-template-columns:repeat(2,1fr)} .cta-inner{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){.grid{grid-template-columns:1fr} .nav{display:none} .nav .cta{display:inline-block} .hero-copy h1{font-size:1.6rem} .mobile-nav-btn{display:inline-flex}}

/* Desktop-specific spacing improvements to avoid overlap/visual congestion */
@media (min-width:981px){
	 .hero-stats{margin-bottom:1.8rem;gap:1.6rem;z-index:2}
	 .hero-actions{margin-top:2rem;gap:1rem;align-items:center;z-index:1}
	 /* Slightly reduce hero CTA width so it doesn't push into panels */
	 .hero .cta{min-width:220px;max-width:320px}
	 /* Center the whole hero by constraining the inner grid width and centering it.
		 Use a narrow left column so the group sits centered rather than hugging the left side. */
	 .hero-inner{grid-template-columns:560px 420px;gap:3rem;max-width:980px;margin:0 auto}
	 .hero-copy{padding-right:1.2rem;max-width:560px;margin:0}
	 /* Center the CTA buttons and counters inside the left column so they align with
		 each other and visually sit in the middle of the hero block. Keep the text left-aligned. */
	 .hero-actions{margin:2rem auto 0;justify-content:center;display:flex}
	 .counters-grid{margin:1.2rem auto 0;justify-content:center}
}

/* Offers page hero adjustments */
.offers-hero{padding-top:3.2rem;padding-bottom:2rem}
.offers-hero .hero-actions{margin-top:.9rem}
.offers-hero .hero-lead{max-width:760px}

@media (max-width:640px){
	/* Hero */
	.hero{padding:3.2rem 1.2rem}
	.hero-inner{grid-template-columns:1fr;gap:1rem;justify-items:center}
	.hero-illustration{display:none}
	.hero-copy h1{font-size:1.95rem;line-height:1.12}
	/* Center and constrain hero copy so it doesn't overflow or look off-center */
	.hero-copy{max-width:560px;margin:0 auto;text-align:center;padding:0 8px}
	.hero-actions{justify-content:center}
	.hero-stats{justify-content:center}
	/* hide the decorative hero background blob on small screens to avoid overflow */
	.hero::before{display:none}

	/* trust badges stacked and centered */
	.trust-badges{flex-direction:column;align-items:center}
	.trust-badges .badge{width:100%;text-align:center}
	.hero-lead{font-size:1rem}
	.hero-actions{flex-direction:column;align-items:stretch}
	.hero .cta.alt{width:100%}
	.hero .cta.ghost{width:100%}

	/* Larger hero CTA tap area */
	.hero .cta, .hero .ghost{min-height:48px;font-size:1rem;padding:.95rem 1.1rem}

	/* Offer cards stack nicely: logo + meta in first row, rate + CTA below */
	.offer-card{grid-template-columns:80px 1fr;grid-template-rows:auto auto;gap:.6rem;padding:1rem}
	.offer-card .rate{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;margin-top:.6rem}
	.offer-card .cta-wrap{grid-column:1/-1;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:.6rem;margin-top:.5rem}
	.offer-card .cta-wrap .btn{width:100%}
	.offer-card .meta{font-size:.95rem}
	.offer-card .logo{width:80px;height:48px}
	.offer-card .offer-tag{left:-22px}

	/* tighten up share buttons on mobile */
	.share-wrap{flex-wrap:wrap;gap:.5rem}
	.btn.share{padding:.5rem .6rem;font-size:.86rem}

	/* Sticky CTA — full width, smaller but visible; leave safe area at bottom */
	.sticky-cta{left:8px;right:8px;bottom:16px}
	.sticky-inner{padding:12px}
	.sticky-actions .cta{padding:.65rem 1rem}

	/* Reduce sticky copy noise on small screens */
	.sticky-copy span{display:none}
	.sticky-inner .sticky-copy{min-width:0}

	/* Counters and featured/card stacks */
	.counters-grid{gap:.8rem}
	.counters-grid .counter{flex:1;display:flex;justify-content:space-between;align-items:center}
	.counter .num{font-size:1.85rem}
	.btn{min-height:44px;padding:.9rem 1.1rem}
	.featured-grid{grid-template-columns:1fr}
	.testimonials-grid{grid-template-columns:1fr}
	.intro-grid{grid-template-columns:1fr}

	/* Buttons full-width in CTA block */
	.cta-inner{flex-direction:column}
	.cta-inner .cta{width:100%}

	/* Mobile nav overlay */
	.nav.open{display:flex;flex-direction:column;gap:1rem;position:fixed;inset:0;background:linear-gradient(180deg,#ffffff, #fbfaff);padding:3.2rem 1.2rem;z-index:140;overflow:auto}
	.nav.open a{display:block;padding:.9rem 0;font-weight:700;color:var(--accent-2)}
	.nav.open a{font-size:1.05rem}
	.nav.open a + a{margin-top:0.3rem}
	.nav.open a.cta.small{background:var(--accent);color:#fff;padding:.9rem;border-radius:10px;text-align:center;margin-top:.6rem}
	.nav.open a.ghost{border:1px solid #e6effa;padding:.85rem;border-radius:10px;margin-top:.4rem;color:var(--accent-2);background:transparent}
	/* Ensure CTA and ghost links are fully visible in the mobile overlay */
	.nav.open a.cta{display:block;background:var(--accent);color:#fff;padding:.9rem;border-radius:10px;text-align:center;margin-top:.4rem}
	.nav.open a.ghost{display:block;border:1px solid #dbeafb;padding:.9rem;text-align:center;border-radius:10px;margin-top:.4rem;color:var(--accent-2)}
	.mobile-nav-btn{display:inline-flex}
}

@media (prefers-reduced-motion: reduce){
	.hero .cta.alt.pulse{animation:none !important}
	.hero-illustration img{transition:none !important; transform:none !important}
	.offer-card, .intro-grid .panel{transition:none !important}
	.float-coin{transition:none !important; display:none}
}

/* Testimonials */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.testimonial{background:linear-gradient(180deg,#ffffff,#fbfdff);padding:1.2rem;border-radius:12px;box-shadow:0 14px 36px rgba(11,30,60,.06)}
.testimonial p{margin:0 0 .6rem}
.testimonial cite{font-weight:700;color:var(--muted)}
@media (max-width:980px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.testimonials-grid{grid-template-columns:1fr}} 

.trust-badges{display:flex;gap:.6rem;margin-top:14px}
.badge{background:#fff;padding:.4rem .8rem;border-radius:8px;font-weight:700;border:1px solid rgba(11,99,255,0.06);color:var(--accent-2);box-shadow:0 6px 18px rgba(11,30,60,.04)}

/* Banner: desktop vs mobile variants */
.banner-wrapper{width:100%;max-width:980px;margin:1rem auto;text-align:center}
.banner-desktop{display:block}
.banner-desktop img{width:100%;height:auto;max-width:950px;border-radius:8px;box-shadow:0 12px 34px rgba(11,30,60,.05)}
.banner-mobile{display:none}
.banner-mobile img{width:100%;height:auto;max-width:420px;border-radius:6px;box-shadow:0 8px 22px rgba(11,30,60,.05)}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}
.faq details{background:var(--card);padding:1rem;border-radius:10px}
.faq-summary{font-weight:700}
@media (max-width:640px){.faq-grid{grid-template-columns:1fr}} 

/* Featured pricing-like cards */
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.featured-card{background:var(--card);border-radius:12px;padding:1.2rem;text-align:center;box-shadow:0 10px 28px rgba(11,30,60,.05);position:relative}
.featured-card .tag{position:absolute;left:12px;top:8px;background:var(--pink);color:#fff;padding:6px 10px;border-radius:8px;font-weight:700;font-size:11px}
.featured-card.popular{border:2px solid var(--pink);transform:translateY(-6px)}
.featured-card .f-name{font-weight:700;margin-top:6px}
.featured-card .f-price{font-size:2rem;font-weight:900;margin:8px 0}
.featured-card .f-price span{font-size:1rem;margin-left:.2rem}
.featured-card .f-feats{list-style:none;padding:0;margin:8px 0;border-top:1px dashed #e7eef7;padding-top:8px}
.featured-card .f-feats li{padding:4px 0;color:var(--muted)}
.featured-card .cta{display:inline-block;margin-top:8px}
@media (max-width:980px){.featured-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.featured-grid{grid-template-columns:1fr} .featured-card.popular{transform:none;margin:0}}

/* Earnings calculator */
.earnings-grid{display:grid;grid-template-columns:320px 1fr;gap:1rem;align-items:start;margin-top:1rem}
.earnings .calc{background:var(--card);padding:1rem;border-radius:12px}
.earnings .calc{background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:0 14px 40px rgba(11,30,60,.05);border-radius:14px;padding:1.2rem}
.earnings .calc label{display:block;margin-top:.6rem}
.earnings .calc input[type="number"], .earnings .calc select{width:100%;padding:.72rem;border-radius:10px;border:1px solid rgba(11,99,255,0.06);margin-top:.4rem;box-shadow:0 6px 18px rgba(11,30,60,.03)}
.earnings .calc-actions{display:flex;gap:.6rem;margin-top:.8rem}
.earnings .calc-results{background:linear-gradient(90deg,#ffffff,#fffbff);padding:1.2rem;border-radius:14px;box-shadow:0 14px 46px rgba(11,30,60,.06);display:flex;flex-direction:column;gap:.6rem;align-items:flex-start}
.earnings .calc-results h3{margin:0 0 6px;font-size:1.05rem}
.earnings .calc-results .result{font-size:1.1rem;color:#475569}
.earnings .calc-results .amount{font-weight:900;font-size:1.6rem;color:var(--accent)}
.earnings .calc-results .amount.emphasis{background:linear-gradient(90deg,#ffe3f8,#ffd6ee);padding:.2rem .6rem;border-radius:8px;color:#0b1720}
.earnings .result{margin-top:.6rem}
.earnings .note{color:var(--muted);font-size:.95rem;margin-top:.6rem}

/* pop animation for result values */
@keyframes popScale{0%{transform:scale(.98);opacity:.6}60%{transform:scale(1.045);opacity:1}100%{transform:scale(1);opacity:1}}
.pop { animation: popScale .6s cubic-bezier(.2,.9,.2,1); }

.earnings .calc-results.highlight{ box-shadow: 0 28px 96px rgba(255,46,140,.12); transform: translateY(-4px); transition: all .42s ease; }
/* removed currency emoji before amount; keep content clean */
/* .earnings .calc-results .amount::before{ content:'💸'; display:inline-block;margin-right:.4rem; transform:translateY(-1px); } */
.earnings .scenarios{margin-top:1rem}
.earnings .how-work{margin-top:1.2rem;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 10px 30px rgba(11,30,60,.04)}
@media (min-width:981px){
	/* center the how-work panel and limit its width for better readability on desktop */
	.earnings .how-work{max-width:760px;margin-left:auto;margin-right:auto}
}
.earnings .how-work ol,.earnings .how-work ul{margin:0;padding-left:1.2rem}
.earnings .how-work li{margin:.4rem 0}
.earnings .scenarios h4{margin-top:0}
@media (max-width:980px){.earnings-grid{grid-template-columns:1fr}}

/* Counters */
.counters-grid{display:flex;gap:1.2rem;justify-content:center;margin-top:1rem}
.counter{text-align:center;background:linear-gradient(180deg,#fff,#fbfdff);padding:1.2rem;border-radius:14px;box-shadow:0 14px 40px rgba(11,30,60,.05)}
.counter .num{font-size:1.7rem;font-weight:900;color:var(--accent);letter-spacing:0.6px}
.counter .label{color:var(--muted);font-size:.95rem}
@media (max-width:640px){.counters-grid{flex-direction:column;align-items:stretch}} 

/* Sticky CTA bar */
.sticky-cta{position:fixed;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));z-index:60;display:flex;justify-content:center}
.sticky-inner{background:linear-gradient(90deg, rgba(255,255,255,0.95), rgba(255,255,255,0.9));padding:12px 16px;border-radius:14px;box-shadow:0 18px 50px rgba(6,30,60,.08);display:flex;align-items:center;gap:12px;max-width:1100px;justify-content:space-between}
.sticky-copy strong{display:block;font-weight:800}
.sticky-copy span{display:block;color:var(--muted);font-size:.95rem}
.sticky-actions{display:flex;gap:.6rem}
.sticky-cta .cta.alt{background:linear-gradient(90deg,var(--pink),#ff6188);border:none}
.sticky-cta{opacity:0;transform:translateY(10px);transition:all .35s}
.sticky-cta.visible{opacity:1;transform:translateY(0)}

/* modal styles removed — completely removed the modal and the generated link UI; use inline CTA and per-offer actions instead */

/* Floating coin/confetti effect for CTA micro-interactions */
/* Confetti replaced/removed by user request; keep styles commented in case of future use */
/* .float-coin{position:absolute;width:14px;height:14px;border-radius:50%;box-shadow:0 6px 16px rgba(0,0,0,.12);pointer-events:none;z-index:9999;opacity:1;transition:transform .9s cubic-bezier(.22,.9,.32,1), opacity .9s ease}
.float-coin::after{content:'';display:block;width:100%;height:100%;border-radius:inherit} */

/* Offer reveal default state added via JS - .offer-card.visible toggles the transitions */
.offer-card{will-change:transform,opacity}