/* Selectum Club — site v1 stylesheet (Dark theme, palette taken from selectumclub.com live) */
:root{
  --bg:#38405E;              /* main body navy (~64% of live site) */
  --bg-deep:#202A4B;         /* deep navy: header/footer/dark sections */
  --bg-elev:#2D3753;         /* elevated card bg over body */
  --bg-light:#4A5475;        /* lighter navy for hover/borders */
  --navy:#202A4B;            /* alias */
  --navy-deep:#0c1224;
  --lime:#B3F763;            /* accent / CTA / highlight */
  --lime-deep:#9ed454;       /* darker lime — present in their CSS */
  --lime-soft:rgba(179,247,99,.12);  /* translucent lime panel */
  --text:#ffffff;
  --text-muted:#aab2cc;      /* secondary text on dark */
  --text-dim:#9ca3af;        /* their own gray, third tier */
  --gray:#aab2cc;            /* alias used by .lead etc. */
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.18);
  --paper:#2D3753;           /* legacy alias — now elevated navy */
  --cream:#38405E;           /* legacy alias — now main bg */
  --wa:#25D366;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Josefin Sans',-apple-system,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:'Josefin Sans',sans-serif;color:#fff;line-height:1.08;letter-spacing:-.018em;font-weight:700;}
h1{font-size:clamp(40px,7vw,72px);}
h2{font-size:clamp(28px,4.5vw,48px);}
h3{font-size:clamp(20px,2.4vw,26px);}
h4{font-size:18px;}
p{margin:8px 0;}
a{color:inherit;text-decoration:none;}
strong{color:#fff;}
hr.lime{border:none;border-top:3px solid var(--lime);width:60px;margin:14px 0 22px;}
small{font-size:13px;color:var(--text-muted);}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px;}
.narrow{max-width:820px;margin:0 auto;padding:0 22px;}

/* HEADER */
header{position:sticky;top:0;z-index:60;background:rgba(12,18,36,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(179,247,99,.18);}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;color:#fff;gap:14px;}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:.4px;color:#fff;}
.brand-mark{height:30px;width:auto;display:block;}
.brand-text{display:inline-block;}
.brand b{color:var(--lime);}
.foot-brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:700;color:#fff;letter-spacing:.4px;margin-bottom:10px;}
.foot-brand-mark{height:34px;width:auto;display:block;}
@media(max-width:560px){.brand-text{display:none;} .brand-mark{height:34px;}}
.menu{display:flex;gap:18px;font-size:14.5px;color:#cdd5e7;font-weight:500;}
.menu a:hover{color:var(--lime);}
.menu a.on{color:var(--lime);}
.cta-pill{font-size:13px;background:var(--lime);color:var(--navy-deep);font-weight:700;padding:8px 16px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase;}
.cta-pill:hover{transform:translateY(-1px);}
.menu-toggle{display:none;background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer;}
@media(max-width:880px){
  .menu{display:none;position:absolute;top:64px;left:0;right:0;background:var(--navy-deep);flex-direction:column;padding:18px;gap:14px;border-bottom:1px solid rgba(179,247,99,.2);}
  .menu.open{display:flex;}
  .menu-toggle{display:block;}
}

/* FOOTER */
footer{background:var(--navy-deep);color:#aab2cc;padding:50px 0 20px;margin-top:60px;border-top:1px solid var(--line);}
footer h4{color:#fff;font-size:14px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-weight:700;}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr;}}
.foot-col a{display:block;color:#cdd5e7;font-size:14.5px;padding:5px 0;}
.foot-col a:hover{color:var(--lime);}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#8a93ad;}
.foot-bottom b{color:#cdd5e7;}

/* FLOATING WHATSAPP */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:70;background:var(--wa);color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.40);transition:transform .15s;}
.wa-float:hover{transform:scale(1.08);}
.wa-float svg{width:30px;height:30px;}
@media(max-width:600px){.wa-float{width:52px;height:52px;}}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-weight:700;font-size:15.5px;border:none;border-radius:999px;padding:13px 24px;cursor:pointer;transition:transform .12s;}
.btn-lime{background:var(--lime);color:var(--navy-deep);box-shadow:0 8px 24px rgba(179,247,99,.25);}
.btn-navy{background:var(--navy-deep);color:var(--lime);border:1px solid rgba(179,247,99,.30);}
.btn-wa{background:var(--wa);color:#fff;}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);}
.btn-outline-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);}
.btn:hover{transform:translateY(-2px);}
.btn-block{display:flex;width:100%;justify-content:center;}

/* HERO */
.hero{background:radial-gradient(110% 110% at 78% 0%,#28365c,var(--bg) 50%,var(--navy) 100%);color:#fff;padding:80px 0 92px;position:relative;overflow:hidden;}
.hero.navy{background:radial-gradient(110% 110% at 78% 0%,#28365c,var(--navy) 50%,var(--navy-deep) 100%);}
.hero.cream{background:var(--bg);}  /* cream class becomes same dark bg */
.hero.lime{background:var(--lime);color:var(--navy-deep);}
.hero.lime h1{color:var(--navy-deep);}
.hero.lime .deck{color:var(--navy);}
.hero:before{content:"";position:absolute;width:760px;height:760px;border-radius:50%;background:rgba(179,247,99,.06);right:-260px;top:-180px;}
.hero.lime:before{background:rgba(255,255,255,.18);}
.hero:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(179,247,99,.18);left:-40px;bottom:-50px;}
.hero.lime:after{background:var(--navy);}
.hero .wrap{position:relative;z-index:2;}
.kicker{display:inline-block;font-size:13px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;background:var(--lime);color:var(--navy-deep);padding:8px 16px;border-radius:999px;}
.hero h1{margin:18px 0 14px;letter-spacing:-.03em;color:#fff;}
.hero h1 em{font-style:normal;color:var(--lime);}
.hero.lime h1 em{color:var(--navy-deep);background:var(--navy);padding:2px 12px;border-radius:8px;}
.deck{font-size:clamp(17px,1.8vw,21px);max-width:680px;line-height:1.5;margin-top:6px;color:var(--text-muted);}
.hero .deck{color:#cdd5e7;}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;}

/* PRICE BLOCK */
.price-block{display:flex;align-items:baseline;gap:14px;margin-top:24px;flex-wrap:wrap;}
.price-now{font-size:clamp(48px,8vw,72px);font-weight:700;line-height:1;color:var(--lime);letter-spacing:-1.5px;}
.price-old{font-size:22px;text-decoration:line-through;opacity:.5;color:#cdd5e7;}
.price-unit{font-size:17px;font-weight:500;color:#cdd5e7;}
.price-note{font-size:14px;margin-top:8px;color:#aab2cc;}

/* STAT GRID */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px;}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr;}}
.stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:18px;}
.stat .v{font-size:30px;font-weight:700;line-height:1;letter-spacing:-.5px;color:var(--lime);}
.stat .l{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#aab2cc;margin-top:6px;}

/* SECTIONS */
section.body{padding:80px 0;}
section.body-tight{padding:60px 0;}
.eyebrow{display:inline-block;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--lime);font-weight:700;margin-bottom:8px;}
.lead{font-size:19px;color:var(--text-muted);max-width:780px;line-height:1.55;margin:10px 0 0;}

/* CARDS / GRIDS */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:880px){.grid-3{grid-template-columns:1fr 1fr;} .grid-4{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}}

.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;padding:24px;color:var(--text);}
.card.lime{background:var(--lime-soft);border-color:rgba(179,247,99,.30);}
.card.navy{background:var(--navy-deep);}
.card h3,.card h4{color:#fff;}
.card p{color:var(--text-muted);font-size:15.5px;margin-top:4px;}

/* SECTOR ICONS */
.icon{width:32px;height:32px;}
.sectors{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media(max-width:760px){.sectors{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.sectors{grid-template-columns:1fr 1fr;}}
.sector{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:center;transition:transform .15s,border-color .15s,box-shadow .15s;color:var(--text);}
.sector:hover{transform:translateY(-3px);border-color:rgba(179,247,99,.40);box-shadow:0 12px 28px rgba(0,0,0,.20);}
.sector .ring{width:64px;height:64px;border-radius:50%;background:var(--lime);display:inline-flex;align-items:center;justify-content:center;color:var(--navy-deep);margin-bottom:12px;}
.sector .name{font-weight:700;font-size:16px;color:#fff;}
.sector .desc{font-size:13px;color:var(--text-muted);margin-top:4px;}

/* CHIP */
.chip{display:inline-flex;align-items:center;gap:8px;background:rgba(179,247,99,.12);color:#fff;border:1px solid rgba(179,247,99,.30);border-radius:999px;padding:6px 14px 6px 6px;font-size:14px;font-weight:700;cursor:pointer;}
.chip .ic{width:26px;height:26px;border-radius:50%;background:var(--lime);display:inline-flex;align-items:center;justify-content:center;color:var(--navy-deep);}
.chip .ic .icon{width:16px;height:16px;}
.chip.dark{background:var(--navy-deep);color:#fff;border-color:rgba(255,255,255,.18);}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}

/* MATH BAND */
.math{background:var(--navy-deep);color:#fff;border-radius:24px;padding:48px 36px;text-align:center;position:relative;overflow:hidden;border:1px solid var(--line);}
.math:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(179,247,99,.12),transparent 60%);right:-120px;top:-120px;}
.math h2{color:#fff;margin-bottom:8px;}
.math .equation{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:22px 0 8px;position:relative;z-index:2;}
.math .cell{min-width:140px;}
.math .cell .big{font-size:clamp(28px,5vw,44px);font-weight:700;line-height:1;letter-spacing:-1px;}
.math .cell .lbl{font-size:13px;color:#aab2cc;margin-top:6px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;}
.math .op{font-size:30px;color:var(--lime);font-weight:300;}
.math .cell.win .big{color:var(--lime);}
.math .foot{font-size:13px;color:#aab2cc;margin-top:14px;font-weight:400;}

/* STEPS */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:760px){.steps{grid-template-columns:1fr;}}
.step{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;padding:26px;color:var(--text);}
.step .n{width:44px;height:44px;border-radius:12px;background:var(--lime);color:var(--navy-deep);font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.step h3{margin-bottom:6px;color:#fff;}
.step p{color:var(--text-muted);font-size:15px;}

/* REASONS / 7 RAZONES */
.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media(max-width:880px){.reasons{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.reasons{grid-template-columns:1fr;}}
.reason{background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px;}
.reason .num{font-size:42px;font-weight:700;color:var(--lime);line-height:1;letter-spacing:-1.5px;}
.reason h4{font-size:17px;color:#fff;}
.reason p{color:var(--text-muted);font-size:14.5px;}

/* TRUST STRIP */
.trust{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:20px;}
.trust .item{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;color:#fff;}
.trust .item b{color:var(--lime);}

/* FAQ ACCORDION */
details.faq{background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden;}
details.faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:16.5px;color:#fff;}
details.faq summary::-webkit-details-marker{display:none;}
details.faq summary:after{content:"+";color:var(--lime);font-size:26px;font-weight:700;line-height:1;}
details.faq[open] summary:after{content:"–";}
details.faq .a{padding:0 22px 20px;color:var(--text-muted);font-size:15.5px;line-height:1.55;}

/* BAND CTA */
.band{background:var(--lime);color:var(--navy-deep);border-radius:24px;padding:50px 36px;text-align:center;}
.band h2{color:var(--navy-deep);margin-bottom:10px;}
.band p{color:var(--navy);font-size:18px;max-width:580px;margin:0 auto 24px;}
.band.navy{background:var(--navy-deep);color:#fff;border:1px solid var(--line);}
.band.navy h2{color:#fff;}
.band.navy h2 em{font-style:normal;color:var(--lime);}
.band.navy p{color:#cdd5e7;}

/* FORM */
.form{display:grid;gap:14px;}
.form label{font-size:13px;font-weight:700;color:#fff;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;display:block;}
.form input,.form textarea,.form select{width:100%;font-family:inherit;font-size:16px;color:#fff;background:var(--navy-deep);border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;transition:border-color .15s;}
.form input::placeholder,.form textarea::placeholder{color:#7a839c;}
.form input:focus,.form textarea:focus,.form select:focus{outline:none;border-color:var(--lime);}
.form textarea{min-height:120px;resize:vertical;}
.form .field{display:flex;flex-direction:column;}
.form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:560px){.form .field-row{grid-template-columns:1fr;}}
.form-note{font-size:13px;color:var(--text-muted);margin-top:8px;text-align:center;}

/* CONTACT CARDS */
.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;}
@media(max-width:760px){.contact-options{grid-template-columns:1fr;}}
.contact-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;padding:24px;text-align:center;}
.contact-card .iconbox{width:54px;height:54px;border-radius:14px;background:var(--lime);display:inline-flex;align-items:center;justify-content:center;color:var(--navy-deep);margin-bottom:14px;}
.contact-card.wa .iconbox{background:var(--wa);color:#fff;}
.contact-card h3{font-size:18px;margin-bottom:4px;color:#fff;}
.contact-card p{font-size:14px;color:var(--text-muted);margin-bottom:14px;}
.contact-card .btn{margin-top:6px;}

/* CITIES */
.cities{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
@media(max-width:880px){.cities{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){.cities{grid-template-columns:1fr 1fr;}}
.city{background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;transition:transform .15s,border-color .15s;}
.city:hover{transform:translateY(-2px);border-color:rgba(179,247,99,.40);}
.city h4{font-size:16px;color:#fff;}
.city small{display:block;color:var(--text-muted);font-size:13px;margin-top:4px;}

/* ALLY GRID */
.ally-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:760px){.ally-grid{grid-template-columns:1fr;}}
.ally{background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;padding:20px;}
.ally .ph{aspect-ratio:16/9;border-radius:10px;background:repeating-linear-gradient(45deg,#3a4366,#3a4366 12px,#454e72 12px,#454e72 24px);display:flex;align-items:center;justify-content:center;color:#8a93ad;font-size:13px;margin-bottom:12px;}
.ally h4{font-size:16px;color:#fff;}
.ally .meta{font-size:13px;color:var(--text-muted);margin-top:4px;}
.ally .tag{display:inline-block;background:rgba(179,247,99,.15);color:var(--lime);font-weight:700;font-size:13px;padding:3px 10px;border-radius:999px;margin-top:8px;border:1px solid rgba(179,247,99,.25);}

/* EMPTY STATE */
.empty{background:var(--bg-elev);border:1px dashed var(--line-strong);border-radius:18px;padding:34px;text-align:center;color:var(--text-muted);}
.empty h3{color:#fff;margin-bottom:6px;}

/* BIG NUMBER */
.bignum{font-size:clamp(60px,9vw,110px);font-weight:700;color:var(--lime);line-height:1;letter-spacing:-3px;}

/* RESPONSIVE TUNES */
@media(max-width:560px){section.body{padding:50px 0;} .math{padding:32px 22px;}}