:root{--navy:#07111f;--navy2:#0d1c2f;--gold:#c9a35b;--gold2:#e3c77e;--cream:#f7f4ed;--ink:#142033;--muted:#697587;--white:#fff;--line:rgba(255,255,255,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;background:var(--navy);color:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(7,17,31,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center}.brand img{display:block;width:190px;height:auto;max-height:58px;object-fit:contain}.navlinks{display:flex;gap:23px;align-items:center;font-size:13px;color:#dce3eb}.navlinks a:hover{color:var(--gold2)}.navcta{border:1px solid var(--gold);padding:10px 15px;border-radius:3px;color:var(--gold2)!important}.lang{border:1px solid rgba(255,255,255,.25);padding:8px 10px;border-radius:3px;font-size:12px}.menu{display:none;font-size:25px}
.hero{min-height:760px;padding:165px 0 90px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(7,17,31,.98),rgba(7,17,31,.9) 50%,rgba(7,17,31,.62)),url("https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=2000&q=85") center/cover}.eyebrow{color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase}.hero h1{font-family:"Playfair Display",serif;font-size:clamp(45px,6vw,78px);line-height:1.04;max-width:850px;margin:18px 0}.hero h1 em{font-style:normal;color:var(--gold2)}.hero p{max-width:700px;color:#c5cfdb;font-size:18px}.buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:14px 22px;border-radius:3px;font-weight:800;font-size:13px}.primary{background:var(--gold);color:#111923}.primary:hover{background:var(--gold2)}.outline{border:1px solid rgba(255,255,255,.28)}.outline:hover{border-color:var(--gold);color:var(--gold2)}.trust{display:flex;gap:30px;flex-wrap:wrap;margin-top:50px;color:#b8c3d0;font-size:12px}.trust b{display:block;color:var(--gold2);font-size:16px}
section{padding:92px 0}.light{background:var(--cream);color:var(--ink)}.dark{background:var(--navy)}.head{max-width:760px;margin-bottom:46px}.head h2{font-family:"Playfair Display",serif;font-size:43px;line-height:1.12;margin:12px 0}.head p{color:var(--muted)}.dark .head p{color:#aeb9c7}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e4dfd5;padding:30px;color:var(--ink);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(0,0,0,.08)}.num{font-size:11px;letter-spacing:2px;font-weight:800;color:#9a762d}.card h3{font-family:"Playfair Display",serif;font-size:25px;margin:12px 0 8px}.card p{font-size:14px;color:#6c7889}.link{font-size:13px;font-weight:800;color:#9a762d}
.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.feature{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.icon{width:40px;height:40px;border:1px solid rgba(201,163,91,.55);display:grid;place-items:center;color:var(--gold2);flex:none}.feature h3{margin:0 0 4px;font-size:16px}.feature p{margin:0;color:#aab5c3;font-size:13px}.quote{background:linear-gradient(145deg,#102139,#0b1727);border:1px solid var(--line);padding:40px}.quote p{font:26px/1.4 "Playfair Display",serif}.quote small{color:var(--gold2)}
.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package{padding:35px;background:#fff;border:1px solid #ded9cf;color:var(--ink);position:relative}.package.featured{border:1px solid var(--gold);box-shadow:0 15px 40px rgba(0,0,0,.1)}.badge{position:absolute;top:0;right:0;background:var(--gold);padding:6px 10px;font-size:10px;font-weight:800}.package h3{font-family:"Playfair Display",serif;font-size:28px;margin:0}.price{font-size:34px;font-weight:800;color:#9b772f;margin:10px 0 18px}.package ul{padding-left:19px;color:#667386;font-size:14px}.package li{margin:8px 0}.note{font-size:12px;color:#7b8695;margin-top:18px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border-top:1px solid #d8d1c4;padding-top:18px}.step span{color:#9a762d;font-weight:800}.step h3{margin:10px 0 5px}.step p{font-size:14px;color:#697587}
.banner{background:linear-gradient(90deg,#0b192a,#13263d);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:70px 0}.bannerin{display:flex;justify-content:space-between;align-items:center;gap:25px}.banner h2{font:40px "Playfair Display",serif;margin:0 0 8px}.banner p{color:#aeb9c7;margin:0}
.formarea{background:#faf8f3;color:var(--ink)}.formgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.form{background:#fff;padding:30px;border:1px solid #e5e0d6}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin-bottom:14px}.field label{font-size:11px;font-weight:800;display:block;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #d7dce2;font:inherit;border-radius:3px}.field textarea{min-height:120px;resize:vertical}.form button{border:0;cursor:pointer}.privacy{font-size:12px;color:#7a8593;margin-top:10px}
.pagehero{padding:155px 0 80px;background:radial-gradient(circle at 75% 30%,rgba(201,163,91,.15),transparent 30%),linear-gradient(90deg,#07111f,#0d1c2f)}.pagehero h1{font:clamp(42px,5vw,64px) "Playfair Display",serif;line-height:1.08;max-width:850px;margin:15px 0}.pagehero p{color:#b9c4d1;max-width:700px}
.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid #e3ded4;padding:18px 20px;color:var(--ink)}.faq summary{cursor:pointer;font-weight:800}.faq p{color:#687487;font-size:14px}
footer{background:#050c15;padding:55px 0 25px;color:#aeb8c5}.footgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.foottitle{color:#fff;font-weight:800;margin-bottom:12px}.footlinks{display:grid;gap:8px;font-size:13px}.footlinks a:hover{color:var(--gold2)}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:12px;display:flex;justify-content:space-between}
@media(max-width:900px){.navlinks{display:none}.menu{display:block}.grid3,.packages{grid-template-columns:1fr 1fr}.split,.formgrid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.bannerin{display:block}.banner .btn{margin-top:22px}.footgrid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.nav{height:68px}.hero{min-height:700px;padding-top:135px}.hero h1{font-size:45px}.hero p{font-size:16px}.grid3,.packages,.steps,.row,.footgrid{grid-template-columns:1fr}.head h2{font-size:36px}.quote p{font-size:22px}.banner h2{font-size:32px}.copyright{display:block}.copyright span{display:block;margin:5px 0}}

@media(max-width:580px){.brand img{width:155px;max-height:50px}}

/* Masterpiece conversion layer */
.kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(201,163,91,.35);background:rgba(201,163,91,.07);color:#e3c77e;font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;border-radius:999px}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:42px;max-width:760px}.hero-proof>div{background:rgba(7,17,31,.75);padding:16px}.hero-proof strong{display:block;color:#e3c77e;font-size:18px}.hero-proof span{font-size:11px;color:#aeb9c7}
.assurance{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.assurance .card{padding:23px}.assurance .card h3{font-size:20px}
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.check{background:#fff;border:1px solid #e4dfd5;padding:19px;display:flex;gap:13px}.check b{display:block;margin-bottom:3px}.check span{font-size:12px;color:#6d7888}.tick{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f4e7c9;color:#8b6827;font-weight:900;flex:none}
.compare{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e3ded4}.compare th,.compare td{padding:15px;border-bottom:1px solid #e9e4da;text-align:left;font-size:13px}.compare th{background:#0d1c2f;color:#fff}.compare td:not(:first-child){text-align:center}.compare .yes{color:#8d6a29;font-weight:900}
.timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.timeline:before{content:"";position:absolute;left:8%;right:8%;top:15px;height:1px;background:#d8d1c4}.milestone{position:relative}.milestone i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#c9a35b;color:#111923;font-style:normal;font-weight:900;position:relative;z-index:1}.milestone h3{font-size:16px;margin:13px 0 4px}.milestone p{font-size:12px;color:#6b7788}
.story{display:grid;grid-template-columns:1fr 1fr;gap:18px}.story .card{min-height:190px}
.disclaimer{border:1px solid #dfd4b8;background:#fff8e8;color:#66542d;padding:14px 16px;font-size:12px}
@media(max-width:900px){.assurance{grid-template-columns:1fr 1fr}.hero-proof{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.timeline:before{display:none}}
@media(max-width:580px){.assurance,.hero-proof,.check-grid,.story,.timeline{grid-template-columns:1fr}.hero-proof>div{padding:13px}}

/* Conversion-first engagement system */
body{overflow-x:hidden}.mobile-cta{display:none}
.ribbon{background:#0b1727;color:#dfe6ee;border-bottom:1px solid rgba(201,163,91,.22);font-size:11px;padding:8px 0}.ribbon .container{display:flex;justify-content:center;gap:18px;align-items:center}.ribbon strong{color:#e3c77e}.ribbon a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.hero-visual{position:absolute;right:5%;width:42%;height:500px;pointer-events:none}.hero-visual .orb{position:absolute;inset:35px 40px;border:1px solid rgba(201,163,91,.32);border-radius:50%;transform:rotate(-14deg)}.hero-visual .orb:before,.hero-visual .orb:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}.hero-visual .orb:before{inset:45px}.hero-visual .orb:after{inset:95px}.hero-visual .target{position:absolute;right:15%;top:30%;width:160px;height:160px;border:1px solid rgba(201,163,91,.65);border-radius:50%;box-shadow:0 0 70px rgba(201,163,91,.12)}.hero-visual .target:before,.hero-visual .target:after{content:"";position:absolute;background:rgba(201,163,91,.65)}.hero-visual .target:before{width:1px;height:100%;left:50%}.hero-visual .target:after{height:1px;width:100%;top:50%}
.engage{background:#fff;color:var(--ink);border:1px solid #e3ded4;box-shadow:0 20px 45px rgba(7,17,31,.08);padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:-35px;position:relative;z-index:3}.engage h3{margin:0 0 3px;font-family:"Playfair Display",serif;font-size:23px}.engage p{margin:0;color:#6d7888;font-size:12px}.engage-actions{display:flex;gap:9px;flex-wrap:wrap}
.choice{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.choice button{border:1px solid #ddd7cc;background:#fff;padding:22px;text-align:left;cursor:pointer;transition:.2s}.choice button:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.06)}.choice strong{display:block;font-family:"Playfair Display",serif;font-size:20px}.choice span{display:block;color:#707c8c;font-size:11px;margin-top:5px}
.quiz-modal{display:none;position:fixed;inset:0;background:rgba(2,7,13,.72);z-index:10000;align-items:center;justify-content:center;padding:18px}.quiz-modal.open{display:flex}.quiz{width:min(560px,100%);background:#f8f5ef;color:var(--ink);border:1px solid rgba(201,163,91,.5);box-shadow:0 30px 90px rgba(0,0,0,.45)}.quiz-head{background:#07111f;color:#fff;padding:20px 22px;display:flex;justify-content:space-between}.quiz-head h3{font-family:"Playfair Display",serif;margin:0;font-size:22px}.quiz-close{border:0;background:none;color:#fff;font-size:25px;cursor:pointer}.quiz-body{padding:24px}.quiz-step{display:none}.quiz-step.active{display:block}.quiz-step h4{font-family:"Playfair Display",serif;font-size:25px;margin:0 0 7px}.quiz-step p{color:#6d7888;font-size:13px}.quiz-options{display:grid;gap:10px;margin-top:18px}.quiz-options button{border:1px solid #d8d1c5;background:#fff;padding:13px;text-align:left;border-radius:4px;cursor:pointer;font-weight:700}.quiz-options button:hover{border-color:var(--gold);background:#fff9ed}.result{background:#fff;border:1px solid #e0d9cc;padding:18px}.result .price{font-size:28px}.result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.float-wa{position:fixed;right:20px;bottom:22px;z-index:9998;background:#168a55;color:#fff;border-radius:999px;padding:11px 15px;font-size:12px;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.25)}
@media(max-width:900px){.hero-visual{display:none}.engage{display:block;margin-top:0}.engage-actions{margin-top:15px}.choice{grid-template-columns:1fr}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9997;background:#07111f;padding:8px;gap:7px}.mobile-cta a{flex:1;text-align:center;padding:11px 5px;font-size:11px;font-weight:800;border-radius:3px}.mobile-cta .wa{background:#168a55}.mobile-cta .call{background:#c9a35b;color:#111923}.float-wa{display:none}}

.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:9998;display:flex;align-items:center;gap:9px;background:#168a55;color:#fff;border-radius:999px;padding:12px 17px;font-size:12px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.28);transition:.2s}.whatsapp-float:hover{transform:translateY(-2px);background:#117446}.whatsapp-icon{font-size:17px;line-height:1}.whatsapp-float small{display:block;font-size:9px;font-weight:500;opacity:.82}@media(max-width:900px){.whatsapp-float{right:14px;bottom:70px;padding:11px 14px}}

/* Final navigation + branding refinement */
.brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1}.brand-text span{font-family:"Playfair Display",serif;font-size:20px;font-weight:700;letter-spacing:1.6px;color:#fff}.brand-text small{font-size:8px;font-weight:800;letter-spacing:2.4px;color:var(--gold2);margin-top:6px}.footer-logo{display:block;margin-bottom:12px}.footer-logo img{width:175px;height:auto;display:block;object-fit:contain}.footer-brand{margin-bottom:14px}.menu{border:0;background:transparent;color:#fff;cursor:pointer;padding:8px 5px;line-height:1}
@media(max-width:900px){
  .nav{position:relative}
  .navlinks{display:none;position:absolute;top:78px;left:0;right:0;background:rgba(7,17,31,.985);backdrop-filter:blur(18px);padding:16px 4%;border-bottom:1px solid rgba(201,163,91,.25);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 35px rgba(0,0,0,.28)}
  .navlinks.open{display:flex}
  .navlinks a,.navlinks .lang{display:block;width:100%;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.07)}
  .navlinks .navcta{margin-top:8px;border:1px solid var(--gold);text-align:center}
  .navlinks .lang{background:transparent;color:#fff;text-align:left;cursor:pointer}
  .menu{display:block;font-size:27px;min-width:42px}
}
@media(max-width:580px){
  .nav{height:68px}
  .navlinks{top:68px}
  .brand-text span{font-size:18px;letter-spacing:1.3px}
  .brand-text small{font-size:7px;letter-spacing:2px}
  .footer-logo img{width:150px}
}

/* === ADVENTISER SIGNATURE THEME ===
   Midnight Navy + Champagne Gold + Warm Ivory + Deep Teal
   Premium intelligence / discreet luxury visual language
*/
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink)}
header{background:rgba(7,24,39,.97);border-bottom:1px solid rgba(240,210,139,.18);box-shadow:0 8px 28px rgba(3,13,22,.14)}
.navlinks a{color:#dce4ed}.navlinks a:hover{color:var(--gold2)}
.navlinks .navcta{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#101820;border-color:transparent;box-shadow:0 7px 18px rgba(199,161,90,.20)}
.brand-text span{color:#fff}.brand-text small{color:var(--gold2)}
.hero{background:
 radial-gradient(circle at 80% 28%,rgba(46,124,120,.15),transparent 28%),
 radial-gradient(circle at 62% 10%,rgba(199,161,90,.13),transparent 25%),
 linear-gradient(135deg,#061624 0%,#0a2232 54%,#071827 100%);position:relative}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 60%,rgba(240,210,139,.035) 60.2%,transparent 60.4%);opacity:.8}
.hero h1,.pagehero h1{letter-spacing:-.8px}.hero h1 em,.pagehero h1 em{color:var(--gold2)}
.hero p,.pagehero p{color:#c2ccd7}
.kicker{background:rgba(240,210,139,.075);border-color:rgba(240,210,139,.32);color:var(--gold2)}
.btn.primary{background:linear-gradient(135deg,#f0d28b,#c7a15a);color:#111a24;box-shadow:0 12px 28px rgba(199,161,90,.20)}
.btn.primary:hover{box-shadow:0 15px 34px rgba(199,161,90,.28);transform:translateY(-2px)}
.btn.outline{border-color:rgba(240,210,139,.55);color:#f0d28b;background:rgba(255,255,255,.025)}
.btn.outline:hover{background:rgba(240,210,139,.08);border-color:var(--gold2)}
.trust>div{border-color:rgba(240,210,139,.22);background:rgba(255,255,255,.035)}
.trust b{color:var(--gold2)}
.light{background:var(--cream)}
.light:nth-of-type(even){background:#faf8f3}
.dark{background:linear-gradient(135deg,#071827,#0b2535);color:#fff}
.dark .head p,.dark p{color:#aebdca}
.eyebrow{color:var(--gold);letter-spacing:2.4px}
.head h2{color:inherit}
.card,.package,.choice button,.engage,.result,.check{background:rgba(255,255,255,.97);border-color:#e5dfd3;box-shadow:var(--shadow)}
.card:hover,.package:hover,.choice button:hover{box-shadow:0 22px 48px rgba(7,24,39,.13)}
.dark .card,.dark .package{background:linear-gradient(145deg,#0e2637,#0b2030);border-color:rgba(240,210,139,.15);box-shadow:0 18px 45px rgba(0,0,0,.18)}
.dark .card h3,.dark .package h3{color:#fff}
.dark .num,.dark .icon{color:var(--gold2)}
.package.featured{border-color:var(--gold);box-shadow:0 24px 55px rgba(7,24,39,.16)}
.badge{background:var(--gold);color:#101820}
.price{color:#b4863d}
.banner{background:linear-gradient(135deg,#0b2635,#0e3540);border-top:1px solid rgba(240,210,139,.15);border-bottom:1px solid rgba(240,210,139,.15)}
.banner h2{color:#fff}.banner p{color:#b9c8d3}
.feature .icon{border-color:rgba(240,210,139,.45);background:rgba(240,210,139,.08)}
.link{color:#9b722d}.link:hover{color:#6e5121}
.faq details{background:#fff;border-color:#e5dfd3;box-shadow:0 8px 24px rgba(7,24,39,.05)}
.faq summary:after{color:#b4863d}
.compare{box-shadow:var(--shadow);border-color:#e4ddd0}.compare th{background:#0a2232;color:#f0d28b}.compare td{background:#fff}
.disclaimer{background:#fff8e7;border-color:#e3d3ad;color:#66542d}
.ribbon{background:#061522;border-bottom-color:rgba(240,210,139,.16)}
.ribbon strong{color:var(--gold2)}
footer{background:#061522;border-top:1px solid rgba(240,210,139,.15)}
footer .brand-text span{color:#fff}footer .brand-text small{color:var(--gold2)}
.footer-logo img{filter:drop-shadow(0 10px 22px rgba(0,0,0,.25))}
.whatsapp-float{background:#168a55;box-shadow:0 13px 32px rgba(7,24,39,.25)}
.whatsapp-float:hover{background:#126f46}
.mobile-cta{background:#061522;border-top:1px solid rgba(240,210,139,.16)}
.mobile-cta .call{background:linear-gradient(135deg,#f0d28b,#c7a15a)}
.mobile-cta .wa{background:#168a55}
.menu{color:#f0d28b}
.navlinks.open{background:rgba(6,21,34,.99);border-bottom-color:rgba(240,210,139,.22)}
::selection{background:#d7bb7b;color:#081522}

.signature-logo img{width:205px;max-height:92px;object-fit:contain;object-position:left center}@media(max-width:580px){.signature-logo img{width:175px;max-height:78px}}

/* === ADVENTISER SOCIAL-FIRST / INSTAGRAM-FAMILIAR UX === */
:root{--social-bg:#fafafa;--social-card:#fff;--social-border:#dbdbdb;--social-text:#262626;--social-muted:#737373;--social-accent:#c7a15a}
body{background:var(--social-bg);color:var(--social-text);font-family:"DM Sans",Arial,sans-serif}
header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--social-border);box-shadow:0 1px 8px rgba(0,0,0,.035);backdrop-filter:blur(12px)}
.nav{height:64px}.brand-text span{color:#172333;font-size:20px}.brand-text small{color:#9b722d}
.navlinks a{color:#262626;font-weight:600}.navlinks a:hover{color:#9b722d}
.navlinks .navcta{background:#262626;color:#fff;border-radius:8px;box-shadow:none}
.menu{color:#262626}
.ribbon{background:#fff;color:#666;border-bottom:1px solid var(--social-border);padding:7px 0}.ribbon strong{color:#262626}.ribbon a{color:#8b6827}
.hero{background:linear-gradient(135deg,#fff 0%,#fbf7ee 52%,#f3efe7 100%);color:#172333;padding-top:75px;padding-bottom:75px}
.hero h1,.pagehero h1{color:#172333;font-size:clamp(42px,6vw,76px);letter-spacing:-2.5px}
.hero h1 em,.pagehero h1 em{color:#9b722d}
.hero p,.pagehero p{color:#606a76;max-width:650px}
.kicker{background:#fff;border:1px solid #ded6c7;color:#8a682c}
.btn.primary{background:#262626;color:#fff;border-radius:8px;box-shadow:none}
.btn.primary:hover{background:#111}
.btn.outline{border:1px solid #c9c9c9;color:#262626;background:#fff;border-radius:8px}
.btn.outline:hover{border-color:#9b722d;background:#fffaf0}
.trust{gap:10px}.trust>div{background:#fff;border:1px solid var(--social-border);border-radius:10px}.trust b{color:#262626}.trust span{color:#737373}
.light,.dark{background:var(--social-bg);color:var(--social-text)}
.dark{background:#f5f5f5;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.dark .head p,.dark p{color:#737373}
.head h2{color:#172333;letter-spacing:-.8px}
.eyebrow{color:#9b722d}
.card,.package,.choice button,.engage,.result,.check,.faq details{background:#fff;border:1px solid var(--social-border);box-shadow:0 2px 10px rgba(0,0,0,.035);border-radius:12px}
.card:hover,.package:hover,.choice button:hover{box-shadow:0 8px 22px rgba(0,0,0,.075);transform:translateY(-2px)}
.dark .card,.dark .package{background:#fff;border-color:var(--social-border);box-shadow:0 2px 10px rgba(0,0,0,.035)}
.dark .card h3,.dark .package h3{color:#172333}
.assurance{gap:12px}
.feature .icon{background:#f5f0e6;border-color:#e2d4b7;color:#8a682c}
.package.featured{border:2px solid #c7a15a;box-shadow:0 8px 28px rgba(155,114,45,.12)}
.badge{background:#262626;color:#fff;border-radius:999px}
.price{color:#8b6827}
.banner{background:#262626;border:0}.banner h2{color:#fff}.banner p{color:#d2d2d2}
.compare{border-radius:10px;overflow:hidden;border:1px solid var(--social-border);box-shadow:0 2px 10px rgba(0,0,0,.04)}.compare th{background:#262626;color:#fff}.compare td{background:#fff}
.disclaimer{border-radius:9px;background:#fffaf0;border-color:#e4d6b9}
footer{background:#fff;color:#737373;border-top:1px solid var(--social-border)}
footer .brand-text span{color:#172333}footer .brand-text small{color:#9b722d}
.footer-logo img{filter:none}
.whatsapp-float{background:#168a55;border-radius:999px;box-shadow:0 5px 18px rgba(0,0,0,.18)}
.mobile-cta{background:#fff;border-top:1px solid var(--social-border)}
.mobile-cta .call{background:#262626;color:#fff}
.mobile-cta .wa{background:#168a55}
.signature-logo img{width:185px}
::selection{background:#ead9ae;color:#172333}

/* Instagram-familiar content modules */
.social-shell{max-width:980px;margin:0 auto;padding:0 18px}
.profile-card{background:#fff;border:1px solid var(--social-border);border-radius:12px;padding:22px;display:flex;gap:24px;align-items:center;margin:28px auto}
.profile-avatar{width:88px;height:88px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#c7a15a,#efe0b5,#777);flex:none}
.profile-avatar img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff}
.profile-card h2{margin:0 0 5px;font-size:23px}.profile-card p{margin:0;color:#737373;font-size:13px}
.profile-actions{margin-left:auto;display:flex;gap:8px}.profile-actions a{padding:9px 14px;border:1px solid #dbdbdb;border-radius:8px;font-weight:700;font-size:12px}
.story-row{display:flex;gap:20px;overflow:auto;padding:5px 4px 22px;scrollbar-width:none}.story-row::-webkit-scrollbar{display:none}
.story{min-width:78px;text-align:center}.story-ring{width:72px;height:72px;margin:auto;border-radius:50%;padding:3px;background:linear-gradient(135deg,#c7a15a,#e8d09a,#8c6a31)}.story-ring span{display:grid;place-items:center;width:100%;height:100%;background:#fff;border-radius:50%;font-size:23px}.story label{display:block;margin-top:7px;font-size:10px;color:#555;white-space:nowrap}
.post{background:#fff;border:1px solid var(--social-border);border-radius:10px;margin:0 auto 22px;overflow:hidden;max-width:720px}.post-head{display:flex;align-items:center;gap:10px;padding:12px 14px}.post-avatar{width:36px;height:36px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#c7a15a,#efe0b5)}.post-avatar img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff}.post-head strong{font-size:12px}.post-head small{display:block;color:#888;font-size:10px}.post-image{aspect-ratio:1.25;background:linear-gradient(135deg,#172333,#304c61);display:grid;place-items:center;color:#fff;text-align:center;padding:30px}.post-image h3{font-family:"Playfair Display",serif;font-size:32px;margin:0;max-width:560px}.post-actions{display:flex;gap:15px;padding:12px 14px 4px;font-size:20px}.post-body{padding:0 14px 15px}.post-body strong{font-size:12px}.post-body p{font-size:12px;color:#444;line-height:1.6;margin:7px 0}.post-cta{display:inline-block;margin-top:4px;color:#8b6827;font-weight:800;font-size:12px}
@media(max-width:700px){.profile-card{align-items:flex-start}.profile-actions{margin-left:0}.profile-card{flex-wrap:wrap}.profile-avatar{width:72px;height:72px}.social-shell{padding:0 10px}.post{border-radius:0;border-left:0;border-right:0}}

/* === ADVENTISER SOCIAL GRADIENT PALETTE ===
   Inspired by familiar photo/social-app gradients, but with an original Adventiser treatment.
*/
:root{
  --social-purple:#6f2dbd;
  --social-magenta:#c13584;
  --social-pink:#e6689a;
  --social-orange:#f58529;
  --social-yellow:#feda75;
  --social-blue:#405de6;
}
header{background:rgba(255,255,255,.98);border-bottom:1px solid #e7e0ea}
.brand-text span{
  background:linear-gradient(90deg,var(--social-purple),var(--social-magenta),var(--social-orange));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand-text small{
  background:linear-gradient(90deg,var(--social-purple),var(--social-magenta));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.navlinks .navcta{
  background:linear-gradient(100deg,var(--social-purple),var(--social-magenta),var(--social-orange));
  color:#fff;border:0;box-shadow:0 7px 20px rgba(193,53,132,.18)
}
.navlinks a:hover{color:var(--social-magenta)}
.ribbon{background:#fff;border-bottom:1px solid #eee4ed}.ribbon strong{color:var(--social-magenta)}
.hero{
  background:
    radial-gradient(circle at 82% 12%,rgba(245,133,41,.18),transparent 23%),
    radial-gradient(circle at 67% 30%,rgba(193,53,132,.13),transparent 28%),
    radial-gradient(circle at 8% 78%,rgba(111,45,189,.12),transparent 27%),
    linear-gradient(135deg,#fff 0%,#fffafd 50%,#fbf7ff 100%);
}
.hero h1 em,.pagehero h1 em{color:var(--social-magenta)}
.kicker{
  background:linear-gradient(100deg,rgba(111,45,189,.07),rgba(193,53,132,.07),rgba(245,133,41,.07));
  border-color:rgba(193,53,132,.25);color:var(--social-purple)
}
.btn.primary{
  background:linear-gradient(100deg,var(--social-purple),var(--social-magenta),var(--social-orange));
  color:#fff;border:0;box-shadow:0 10px 25px rgba(193,53,132,.20)
}
.btn.primary:hover{filter:brightness(.97);transform:translateY(-2px)}
.btn.outline{border-color:#d9c6dd;color:var(--social-purple);background:#fff}
.btn.outline:hover{background:#fff7fb;border-color:var(--social-magenta)}
.trust>div{border-color:#e5d9e7}.trust b{color:var(--social-purple)}
.eyebrow{color:var(--social-magenta)}
.card:hover,.package:hover,.choice button:hover{
  border-color:#d7b9d6;box-shadow:0 10px 28px rgba(111,45,189,.08)
}
.package.featured{border-color:var(--social-magenta);box-shadow:0 15px 35px rgba(193,53,132,.12)}
.badge{background:linear-gradient(100deg,var(--social-purple),var(--social-magenta));color:#fff}
.price{color:var(--social-magenta)}
.dark{
  background:
    radial-gradient(circle at 85% 15%,rgba(193,53,132,.16),transparent 25%),
    linear-gradient(135deg,#20102e,#28132c 55%,#18101f);
  color:#fff;border:0
}
.dark .head p,.dark p{color:#d2c6d6}
.dark .card,.dark .package{
  background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.12);
  backdrop-filter:blur(8px);color:#fff
}
.dark .card h3,.dark .package h3{color:#fff}
.dark .num,.dark .icon{color:#f6b2ca}
.banner{
  background:linear-gradient(105deg,var(--social-purple),var(--social-magenta) 55%,var(--social-orange));
}
.banner h2,.banner p{color:#fff}
.compare th{background:linear-gradient(100deg,#5f259f,var(--social-magenta));color:#fff}
.disclaimer{border-color:#ead5e4;background:#fff8fc;color:#68465f}
.story-ring{
  background:linear-gradient(135deg,var(--social-purple),var(--social-magenta),var(--social-orange),var(--social-yellow))
}
.profile-avatar,.post-avatar{
  background:linear-gradient(135deg,var(--social-purple),var(--social-magenta),var(--social-orange),var(--social-yellow))
}
.profile-actions a:hover{border-color:var(--social-magenta);color:var(--social-magenta)}
.post-image{
  background:linear-gradient(135deg,#54208e,#b52f78 55%,#ed772d)
}
.post-cta,.link{color:var(--social-magenta)}
.link:hover,.post-cta:hover{color:var(--social-purple)}
.whatsapp-float{background:#168a55}
.mobile-cta .call{background:linear-gradient(100deg,var(--social-purple),var(--social-magenta));color:#fff}
.mobile-cta .wa{background:#168a55}
footer{background:#fff;border-top:1px solid #e7e0ea}
footer .brand-text span{
  background:linear-gradient(90deg,var(--social-purple),var(--social-magenta),var(--social-orange));
  -webkit-background-clip:text;background-clip:text;color:transparent
}
footer .brand-text small{
  background:linear-gradient(90deg,var(--social-purple),var(--social-magenta));
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.signature-logo img{filter:drop-shadow(0 8px 18px rgba(111,45,189,.12))}
::selection{background:#e5b5d1;color:#28132c}

/* === ACCESSIBILITY / CONTRAST FIX === */
.dark .head h1,
.dark .head h2,
.dark .head h3,
.dark .head p,
.dark .head .eyebrow,
.dark .feature h3,
.dark .feature p,
.dark .quote p,
.dark .quote small{
  color:#ffffff !important;
}
.dark .head .eyebrow,
.dark .num,
.dark .icon{color:#f4a8c7 !important}
.dark .card p,
.dark .package p,
.dark .card span,
.dark .package span{color:#e8dfe9 !important}
.dark .card h3,
.dark .package h3{color:#ffffff !important}
.dark .card,.dark .package{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.20) !important;
}
.dark .card:hover,.dark .package:hover{
  background:rgba(255,255,255,.105) !important;
}
@media(max-width:900px){
  .navlinks.open{
    background:#101020 !important;
    color:#fff !important;
    opacity:1 !important;
    backdrop-filter:none !important;
    box-shadow:0 18px 40px rgba(0,0,0,.30) !important;
  }
  .navlinks.open a,
  .navlinks.open .lang{
    color:#fff !important;
    opacity:1 !important;
    text-shadow:none !important;
    background:transparent !important;
  }
  .navlinks.open a:hover,
  .navlinks.open .lang:hover{color:#f4a8c7 !important}
  .navlinks.open .navcta{
    background:linear-gradient(100deg,#6f2dbd,#c13584,#f58529) !important;
    color:#fff !important;
  }
}
.dark .head{max-width:780px}
.dark .head p{font-size:16px;line-height:1.75}
@media(max-width:700px){
  .dark .head h2{font-size:38px;line-height:1.12}
  .dark .head p{font-size:15px;line-height:1.7}
}

/* =========================================================
   GLOBAL COLOR RECONCILIATION — ALL PAGES
   Rule: dark background = white text; light background = dark text.
   ========================================================= */
.hero,.pagehero{
  color:#fff !important;
}
.hero h1,.hero h2,.hero h3,.pagehero h1,.pagehero h2,.pagehero h3{
  color:#fff !important;
}
.hero p,.pagehero p{
  color:#e7e9ee !important;
}
.hero h1 em,.pagehero h1 em{
  color:#f3a8c8 !important;
}
.hero .kicker,.pagehero .kicker{
  color:#f3a8c8 !important;
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(243,168,200,.35) !important;
}

/* Dark sections: force every heading and paragraph to readable values. */
.dark,
.dark *{
  --dark-text:#fff;
}
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,
.dark .head h1,.dark .head h2,.dark .head h3,
.dark .feature h3,.dark .quote p{
  color:#fff !important;
}
.dark p,.dark .head p,.dark .feature p,.dark .quote small,
.dark .card p,.dark .package p,.dark .card span,.dark .package span{
  color:#e5dfe8 !important;
}
.dark .eyebrow,.dark .num,.dark .icon{
  color:#f3a8c8 !important;
}

/* Dark cards: don't use white cards inside a dark section. */
.dark .card,.dark .package{
  color:#fff !important;
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.20) !important;
}
.dark .card h3,.dark .package h3{
  color:#fff !important;
}
.dark .card p,.dark .package p{
  color:#e5dfe8 !important;
}

/* Light sections: enforce readable dark typography. */
.light,.light *{
  color-scheme:light;
}
.light h1,.light h2,.light h3,.light h4,.light h5,
.light .head h1,.light .head h2,.light .head h3,
.light .card h3,.light .package h3{
  color:#172333 !important;
}
.light p,.light .head p,.light .card p,.light .package p,
.light .check span{
  color:#5d6876 !important;
}
.light .eyebrow{
  color:#a02d78 !important;
}

/* Light cards stay clean and legible. */
.light .card,.light .package,.light .choice button,.light .check{
  background:#fff !important;
  color:#172333 !important;
  border-color:#dedfe3 !important;
}
.light .card:hover,.light .package:hover,.light .choice button:hover{
  border-color:#c8a2be !important;
}

/* Tables and FAQ are always explicit. */
.compare th{color:#fff !important}
.compare td{color:#3f4854 !important}
.faq summary{color:#172333 !important}
.faq p{color:#5d6876 !important}

/* Dark banner is explicit too. */
.banner h1,.banner h2,.banner h3,.banner p{color:#fff !important}

/* Footer is light, so no accidental inherited white/navy conflict. */
footer h1,footer h2,footer h3,footer p,footer a{
  color:#4f5966;
}
footer .foottitle{color:#172333 !important}
footer a:hover{color:#a02d78 !important}

/* Mobile: prevent the fixed WhatsApp pill from covering card content. */
@media(max-width:700px){
  .whatsapp-float{
    bottom:72px !important;
    right:14px !important;
  }
  .mobile-cta{
    height:auto;
    padding:8px 9px;
  }
  .mobile-cta a{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .hero,.pagehero{padding-top:62px;padding-bottom:62px}
  .hero h1,.pagehero h1{
    color:#fff !important;
    text-shadow:0 2px 18px rgba(0,0,0,.18);
  }
}

/* === FINAL HERO CONTRAST + LANGUAGE UX === */
/* Homepage hero is intentionally light; dark text on light social-gradient surface. */
.hero{
  background:
    radial-gradient(circle at 82% 12%,rgba(245,133,41,.16),transparent 23%),
    radial-gradient(circle at 67% 30%,rgba(193,53,132,.10),transparent 28%),
    radial-gradient(circle at 8% 78%,rgba(111,45,189,.09),transparent 27%),
    linear-gradient(135deg,#fff 0%,#fff9fd 48%,#f8f3ff 100%) !important;
  color:#172333 !important;
}
.hero h1,.hero h2,.hero h3{
  color:#172333 !important;
  text-shadow:none !important;
}
.hero p{
  color:#4f5b68 !important;
}
.hero h1 em{color:#b62f78 !important}
.hero .kicker{
  color:#9f2e78 !important;
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(193,53,132,.22) !important;
}
.hero .btn.outline{color:#6f2dbd !important}
.hero .trust b{color:#5d2697 !important}
.hero .trust span{color:#666 !important}

/* If a pagehero is used on a light page, it gets the same readable treatment. */
.pagehero{
  color:#172333 !important;
  background:linear-gradient(135deg,#fff 0%,#fff8fc 52%,#f7f1ff 100%) !important;
}
.pagehero h1,.pagehero h2,.pagehero h3{color:#172333 !important}
.pagehero p{color:#4f5b68 !important}
.pagehero h1 em{color:#b62f78 !important}
.pagehero .kicker{
  color:#9f2e78 !important;
  background:rgba(255,255,255,.8) !important;
  border-color:rgba(193,53,132,.22) !important;
}

/* Language selection modal */
.lang-modal{position:fixed;inset:0;background:rgba(10,10,18,.68);backdrop-filter:blur(7px);z-index:20000;display:none;align-items:center;justify-content:center;padding:20px}
.lang-modal.open{display:flex}
.lang-box{width:min(430px,100%);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.35);border:1px solid #eee}
.lang-top{padding:27px 25px 21px;text-align:center;background:linear-gradient(135deg,#fff8fc,#f7f1ff)}
.lang-logo{font-family:"Playfair Display",serif;font-size:28px;font-weight:700;letter-spacing:1.5px;background:linear-gradient(90deg,#6f2dbd,#c13584,#f58529);-webkit-background-clip:text;background-clip:text;color:transparent}
.lang-top h2{margin:10px 0 5px;color:#172333;font-size:22px}.lang-top p{margin:0;color:#6b7280;font-size:12px;line-height:1.5}
.lang-options{padding:18px;display:grid;gap:10px}
.lang-option{width:100%;border:1px solid #ddd8df;background:#fff;border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;transition:.18s}
.lang-option:hover{border-color:#c13584;background:#fff8fc;transform:translateY(-1px)}
.lang-option strong{font-size:15px;color:#172333}.lang-option span{font-size:11px;color:#8a8f98}.lang-arrow{font-size:18px;color:#c13584}
.lang-note{text-align:center;font-size:10px;color:#9a9da4;padding:0 20px 18px}
.lang-switch{border:1px solid #ddd8df;background:#fff;border-radius:999px;padding:7px 10px;color:#6f2dbd;font-size:11px;font-weight:800;cursor:pointer}
@media(max-width:900px){.lang-switch{width:100%;border-radius:7px;text-align:left;padding:13px 4px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#fff}}

/* === LANGUAGE SWITCHER / POPUP FINAL FIX === */
.lang-switch{
  border:1px solid #d9c6dd !important;
  background:#fff !important;
  color:#6f2dbd !important;
  border-radius:999px !important;
  padding:8px 13px !important;
  font-size:11px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  white-space:nowrap !important;
}
.lang-switch:hover{border-color:#c13584 !important;color:#c13584 !important;background:#fff8fc !important}
.lang-modal{display:none !important;opacity:0;visibility:hidden;pointer-events:none}
.lang-modal.open{display:flex !important;opacity:1;visibility:visible;pointer-events:auto}
.lang-option{appearance:none;-webkit-appearance:none;font-family:inherit}
.lang-option strong{display:block}
.lang-option small{display:block;color:#8a8f98;font-size:11px;margin-top:3px}
@media(max-width:900px){
  .navlinks .lang-switch{
    width:100% !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    border-radius:0 !important;
    background:transparent !important;
    color:#fff !important;
    text-align:left !important;
    padding:13px 4px !important;
    font-size:13px !important;
  }
  .navlinks .lang-switch:hover{color:#f3a8c8 !important;background:transparent !important}
}

/* === CONSULTATION → WHATSAPP FORM === */
.form input::placeholder,.form textarea::placeholder{color:#9a9da4;opacity:1}
.form select{cursor:pointer}
.form .privacy{line-height:1.55}
.form .btn.primary{width:100%;justify-content:center}
@media(max-width:700px){
  .form .btn.primary{min-height:52px;font-size:15px}
}

/* Consultation: secondary WhatsApp submission */
.whatsapp-form-submit{
  margin-top:10px;
  width:100%;
  justify-content:center;
  background:#168a55 !important;
  border:1px solid #168a55 !important;
  color:#fff !important;
  cursor:pointer;
}
.whatsapp-form-submit:hover{
  background:#126f46 !important;
  border-color:#126f46 !important;
  transform:translateY(-1px);
}

/* === CONSULTATION WHATSAPP = SAME STATIC CTA STYLE === */
.whatsapp-form-submit{
  margin-top:10px !important;
  width:100% !important;
  justify-content:center !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  background:#168a55 !important;
  border:1px solid #168a55 !important;
  color:#fff !important;
  text-decoration:none !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
.whatsapp-form-submit:hover{
  background:#126f46 !important;
  border-color:#126f46 !important;
  color:#fff !important;
  transform:translateY(-1px);
}
.wa-symbol{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid rgba(255,255,255,.95);
  border-radius:50%;
  font-size:10px;
  line-height:1;
  color:#fff;
}
@media(max-width:700px){
  .whatsapp-form-submit{
    min-height:52px;
    font-size:15px;
  }
}

/* Final consultation WhatsApp button */
.whatsapp-form-submit{
  background:#25D366 !important;
  border:1px solid #25D366 !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
.whatsapp-form-submit:hover{
  background:#1ebe5d !important;
  border-color:#1ebe5d !important;
  color:#fff !important;
}
.whatsapp-form-submit .wa-symbol{
  width:24px;
  height:24px;
  border:2px solid #fff;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:0;
  position:relative;
}
.whatsapp-form-submit .wa-symbol:before{
  content:"";
  width:10px;
  height:10px;
  border:2px solid #fff;
  border-radius:50%;
  display:block;
}
.whatsapp-form-submit .wa-symbol:after{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-35deg);
  bottom:1px;
  left:2px;
}

/* === PACKAGE EXAMPLES / RELATABLE CONVERSION COPY === */
.package-examples{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #e8e2e8;
}
.package-tag{
  font-size:14px !important;
  line-height:1.55 !important;
  color:#4f5966 !important;
  margin-bottom:12px !important;
}
.package-examples h4{
  margin:0 0 9px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#a02d78;
}
.package-examples ul{
  margin:0 0 14px;
  padding-left:18px;
}
.package-examples li{
  margin:7px 0;
  color:#5d6876;
  font-size:12px;
  line-height:1.55;
}
.package-best{
  padding:10px 12px;
  margin:12px 0;
  border-radius:8px;
  background:#fff8fc;
  border:1px solid #ead5e4;
  color:#4f5966 !important;
  font-size:12px !important;
}
.package-best strong{color:#7c2864}
.package-example-cta{
  display:inline-block;
  color:#a02d78;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
.package-example-cta:hover{color:#6f2dbd}
.package-intro{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:18px;
}
.package-intro strong{font-size:18px;color:#172333}
.package-intro span{font-size:14px;line-height:1.65;color:#5d6876}
.dark .package-examples{
  border-top-color:rgba(255,255,255,.16);
}
.dark .package-tag,.dark .package-examples li,.dark .package-best{
  color:#e5dfe8 !important;
}
.dark .package-examples h4,.dark .package-example-cta{color:#f3a8c8 !important}
.dark .package-best{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.18);
}
@media(max-width:700px){
  .package-examples{margin-top:14px;padding-top:14px}
  .package-examples li{font-size:12px}
}

/* =========================================================
   COMPACT ENGAGEMENT PASS
   Reduce dead space while preserving hierarchy and breathing room.
   ========================================================= */
section{padding:58px 0 !important}
.hero{
  min-height:640px !important;
  padding:128px 0 64px !important;
}
.pagehero{
  padding:120px 0 58px !important;
}
.head{margin-bottom:30px !important}
.head h2{margin:8px 0 !important}
.grid3,.packages{gap:14px !important}
.card{padding:24px !important}
.package{padding:26px !important}
.split{gap:40px !important}
.feature{padding:13px 0 !important}
.steps{gap:15px !important}
.banner{padding:48px 0 !important}
.formgrid{gap:35px !important}
.form{padding:24px !important}
.quote{padding:30px !important}
.hero .buttons{margin-top:22px !important}
.hero .trust{margin-top:30px !important}
.hero-proof{margin-top:28px !important}
.package-examples{margin-top:12px !important;padding-top:12px !important}
.package-examples li{margin:5px 0 !important}
.package-best{margin:9px 0 !important;padding:8px 10px !important}
footer{padding:42px 0 22px !important}
.copyright{margin-top:25px !important;padding-top:16px !important}

/* Avoid oversized empty bands created by generic mobile spacing. */
@media(max-width:900px){
  section{padding:48px 0 !important}
  .hero{min-height:590px !important;padding:108px 0 52px !important}
  .pagehero{padding:104px 0 46px !important}
  .head{margin-bottom:24px !important}
  .split{gap:25px !important}
  .banner{padding:40px 0 !important}
}
@media(max-width:580px){
  section{padding:38px 0 !important}
  .hero{min-height:540px !important;padding:96px 0 44px !important}
  .pagehero{padding:92px 0 40px !important}
  .hero h1{margin:12px 0 !important}
  .hero p{margin:10px 0 !important}
  .hero .trust{margin-top:22px !important}
  .head h2{font-size:32px !important}
  .card{padding:20px !important}
  .package{padding:22px !important}
  .quote{padding:24px !important}
  .banner{padding:34px 0 !important}
  .form{padding:20px !important}
  footer{padding:34px 0 18px !important}
}

/* Keep the large Instagram-style social/embedded card from creating a giant
   visual gap around it on mobile. */
.social-card,.instagram-card,.social-embed,.embed-card{
  margin-top:24px !important;
  margin-bottom:24px !important;
}

.funnel-hero{padding:112px 0 58px;background:radial-gradient(circle at 88% 18%,rgba(193,53,132,.16),transparent 34%),radial-gradient(circle at 12% 20%,rgba(111,45,189,.12),transparent 32%),#fff}
.funnel-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:#fff1f7;color:#9d2e73;border:1px solid #efd7e4;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.funnel-hero h1{max-width:850px;margin:16px auto 12px;font-size:clamp(40px,6vw,68px);line-height:1.03;letter-spacing:-2px;color:#172333}
.funnel-hero .lead{max-width:720px;margin:auto;font-size:18px;line-height:1.7;color:#5b6470}
.funnel-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.wa-funnel{background:#25D366!important;color:#fff!important;border-color:#25D366!important}.wa-funnel:hover{background:#1ebe5d!important}
.video-section{padding:22px 0 58px}.video-shell{max-width:980px;margin:auto;padding:10px;background:#101014;border-radius:18px;box-shadow:0 18px 55px rgba(25,15,30,.15)}
.video-ratio{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px}.video-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-caption{max-width:850px;margin:16px auto 0;text-align:center;color:#6a7079;font-size:12px;line-height:1.6}
.funnel-intro{max-width:850px;margin:0 auto 30px;text-align:center}.funnel-intro h2{margin:0 0 10px;color:#172333}.funnel-intro p{margin:0;color:#626b76;line-height:1.7}
.verify-grid,.funnel-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.verify-card,.funnel-step{background:#fff;border:1px solid #e8e1e8;border-radius:14px;padding:20px}.verify-card .num{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#fff1f7;color:#a02d78;font-size:11px;font-weight:900}.verify-card h3{margin:14px 0 7px;font-size:16px;color:#202936}.verify-card p,.funnel-step span{margin:0;color:#68717d;font-size:12px;line-height:1.65}
.story-callout{max-width:900px;margin:auto;padding:26px 28px;border-radius:16px;background:linear-gradient(135deg,#fff5fa,#f8f3ff);border:1px solid #eaddea;text-align:center}.story-callout h2{margin:0 0 9px;color:#172333}.story-callout p{margin:0;color:#5f6874;line-height:1.7}
.funnel-step strong{display:block;color:#172333;margin-bottom:7px}.funnel-faq{max-width:850px;margin:auto}.funnel-faq details{border-bottom:1px solid #e7e1e7;padding:15px 0}.funnel-faq summary{cursor:pointer;font-weight:800;color:#25303d}.funnel-faq p{color:#68717d;line-height:1.65;font-size:13px}
.funnel-final{padding:58px 0;background:linear-gradient(135deg,#f7effa,#fff3f8)}.funnel-final .inner{max-width:850px;margin:auto;text-align:center}.funnel-final h2{margin:0 0 10px;color:#172333}.funnel-final p{max-width:680px;margin:auto;color:#5f6874;line-height:1.7}.funnel-note{margin-top:16px;font-size:11px;color:#7a8088;line-height:1.6}
@media(max-width:900px){.verify-grid,.funnel-steps{grid-template-columns:repeat(2,1fr)}.funnel-hero{padding:98px 0 48px}}
@media(max-width:580px){.verify-grid,.funnel-steps{grid-template-columns:1fr}.funnel-hero{padding:88px 0 42px}.funnel-hero h1{font-size:42px}.funnel-hero .lead{font-size:15px}.funnel-actions .btn{width:100%;justify-content:center}}

/* =========================================================
   MATRIMONIAL LANDING PAGE — NAV / BRAND / FIXED CTA RECONCILIATION
   ========================================================= */
.matrimonial-funnel-page .site-header,
.matrimonial-funnel-page .nav{
  position:relative;
}
.matrimonial-funnel-page .brand{
  display:flex !important;
  align-items:center !important;
}
.matrimonial-funnel-page .brand img{
  display:block !important;
  width:190px !important;
  max-height:58px !important;
  object-fit:contain !important;
}
.matrimonial-funnel-page .menutoggle{
  display:none;
  border:0;
  background:transparent;
  color:#fff;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.matrimonial-funnel-page .navlinks{
  display:flex;
  align-items:center;
  gap:23px;
}
.matrimonial-funnel-page .navlinks a,
.matrimonial-funnel-page .navlinks .lang-switch{
  font-size:13px;
}
.matrimonial-funnel-page .navlinks .lang-switch{
  border:1px solid rgba(255,255,255,.25) !important;
  background:transparent !important;
  color:#dce3eb !important;
  border-radius:3px !important;
  padding:8px 10px !important;
}
.matrimonial-funnel-page .navlinks .lang-switch:hover{
  color:#f3a8c8 !important;
  border-color:rgba(255,255,255,.45) !important;
}
.matrimonial-funnel-page .funnel-hero{
  padding-top:120px;
}
.matrimonial-funnel-page .whatsapp-float{
  position:fixed !important;
  right:20px !important;
  bottom:20px !important;
  z-index:9998 !important;
}
.matrimonial-funnel-page .mobile-call{
  display:none;
}
@media(max-width:900px){
  .matrimonial-funnel-page .menutoggle{
    display:block;
  }
  .matrimonial-funnel-page .navlinks{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    padding:14px 18px 18px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#07111f;
    border-top:1px solid rgba(255,255,255,.08);
    z-index:10000;
  }
  .matrimonial-funnel-page.menu-open .navlinks{
    display:flex;
  }
  .matrimonial-funnel-page .navlinks a,
  .matrimonial-funnel-page .navlinks .lang-switch{
    padding:13px 4px !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
    width:100%;
    text-align:left;
  }
  .matrimonial-funnel-page .navlinks .navcta{
    margin-top:10px;
    text-align:center;
  }
  .matrimonial-funnel-page .whatsapp-float{
    right:14px !important;
    bottom:70px !important;
  }
  .matrimonial-funnel-page .mobile-call{
    display:flex;
    position:fixed;
    left:14px;
    right:14px;
    bottom:14px;
    z-index:9997;
    justify-content:center;
    align-items:center;
    min-height:46px;
    border-radius:999px;
    background:#c9a35b;
    color:#111923;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 10px 25px rgba(0,0,0,.22);
  }
}

.mobile-call{display:none}
@media(max-width:900px){
  .mobile-call{
    display:flex;
    position:fixed;
    left:14px;
    right:14px;
    bottom:14px;
    z-index:9997;
    justify-content:center;
    align-items:center;
    min-height:46px;
    border-radius:999px;
    background:#c9a35b;
    color:#111923;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 10px 25px rgba(0,0,0,.22);
  }
}

/* FINAL HEADER RECONCILIATION — MATCH MAIN ADVENTISER SITE */
.matrimonial-funnel-page .brand{
  display:flex !important;
  align-items:center !important;
  text-decoration:none !important;
  color:inherit !important;
}
.matrimonial-funnel-page .brand img{
  display:none !important;
}
.matrimonial-funnel-page .menu{
  display:none;
  border:0;
  background:transparent;
  color:#fff;
  font:inherit;
  font-size:25px;
  line-height:1;
  padding:4px 0;
  cursor:pointer;
}
.matrimonial-funnel-page .navlinks{
  display:flex;
  align-items:center;
  gap:23px;
}
@media(max-width:900px){
  .matrimonial-funnel-page .menu{
    display:block !important;
  }
  .matrimonial-funnel-page .nav{
    position:relative;
  }
  .matrimonial-funnel-page .navlinks{
    display:none !important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    padding:14px 18px 18px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#07111f;
    border-top:1px solid rgba(255,255,255,.08);
    z-index:10000;
  }
  .matrimonial-funnel-page.menu-open .navlinks{
    display:flex !important;
  }
  .matrimonial-funnel-page .navlinks a,
  .matrimonial-funnel-page .navlinks .lang-switch{
    width:100%;
    text-align:left;
    padding:13px 4px !important;
  }
  .matrimonial-funnel-page .navlinks .navcta{
    text-align:center;
  }
}

/* FINAL REVISION: MATRIMONIAL PAGE USES THE SAME SITE-WIDE HEADER + CTA SYSTEM */
.matrimonial-funnel-page .site-header .brand img{display:none!important}
.matrimonial-funnel-page .site-header .brand{display:flex!important;align-items:center!important}
.matrimonial-funnel-page .whatsapp-float{position:fixed!important}
.matrimonial-funnel-page .call{position:fixed!important}