:root{--ink:#101b2d;--muted:#667085;--blue:#2563eb;--blue2:#0b4dbb;--light:#f4f7fb;--line:#dfe6ef;--white:#fff;--dark:#081426;--gold:#d9a83f}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:var(--dark);color:#aebbd0;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;padding:9px 0}.topbar a{color:#fff}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,230,239,.8)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.08em}.brand-name{font-size:15px}.brand-name b{color:var(--blue)}.brand-mark{width:36px;height:36px;border:2px solid var(--blue);border-radius:50%;position:relative;display:grid;place-items:center;transform:rotate(-18deg)}.brand-mark:before,.brand-mark:after,.brand-mark span,.brand-mark i{content:"";position:absolute;background:var(--blue);height:2px;width:23px}.brand-mark:before{transform:rotate(45deg)}.brand-mark:after{transform:rotate(-45deg)}.brand-mark span{width:7px;height:7px;border-radius:50%;z-index:1}.brand-mark i{width:14px;transform:rotate(90deg)}.nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}.nav a{color:#536174}.nav a:hover{color:var(--blue)}.nav-login{padding-left:18px;border-left:1px solid var(--line)}.nav-join,.btn-primary{background:var(--blue);color:#fff!important;border-radius:7px;padding:12px 17px;box-shadow:0 10px 25px rgba(37,99,235,.18)}.menu-toggle{display:none;border:0;background:none}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f6f9fd,#edf4ff);min-height:600px;padding:82px 0 70px}.hero-grid{display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:center;position:relative;z-index:1}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--blue)}.eyebrow{display:flex;gap:9px;align-items:center;margin-bottom:20px}.pulse{width:8px;height:8px;background:#2cb67d;border-radius:50%;box-shadow:0 0 0 6px rgba(44,182,125,.12)}h1,h2{font-family:Manrope,sans-serif;line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(42px,5.5vw,72px);max-width:700px}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-lead{font-size:22px;font-weight:700;margin:25px 0 10px}.hero-text{max-width:590px;color:var(--muted);font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:15px;padding:14px 20px;border-radius:7px;font-weight:700;font-size:14px;border:1px solid transparent;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-outline{border-color:#b9c6d7;color:var(--ink)}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#5b687a;font-size:12px;font-weight:600}.hero-visual{position:relative;min-height:420px;display:grid;place-items:center}.mail-card{width:min(390px,90%);min-height:270px;border-radius:20px;background:linear-gradient(145deg,#102544,#061122);color:#fff;padding:25px;box-shadow:0 35px 70px rgba(8,20,38,.25);transform:rotate(-5deg);animation:float 5s ease-in-out infinite}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;color:#aebbd0}.mini-logo{border:1px solid #6c86aa;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-weight:800;color:#fff}.status{display:flex;align-items:center;gap:7px}.status i{width:7px;height:7px;background:#3dd598;border-radius:50%}.address-block{margin:50px 0 35px}.address-block small{font-size:9px;letter-spacing:.2em;color:#8da0ba}.address-block strong{display:block;font-family:Manrope;font-size:28px;line-height:1.2;margin-top:10px}.mail-lines{display:grid;gap:8px}.mail-lines span{height:4px;background:#344866;border-radius:20px}.mail-lines span:nth-child(2){width:75%}.mail-lines span:nth-child(3){width:45%}.floating-chip{position:absolute;background:#fff;padding:13px 16px;border-radius:12px;box-shadow:0 15px 40px rgba(35,55,85,.15);display:flex;gap:11px;align-items:center;font-size:12px;animation:float 4s ease-in-out infinite}.floating-chip>span{width:32px;height:32px;border-radius:9px;background:#e9f0ff;color:var(--blue);display:grid;place-items:center;font-size:18px}.floating-chip b,.floating-chip small{display:block}.floating-chip small{color:#8994a4;margin-top:2px}.chip-scan{top:8%;right:0}.chip-delivery{bottom:9%;left:0;animation-delay:1.2s}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5}.orb-one{width:400px;height:400px;background:#dce9ff;right:-150px;top:-160px}.orb-two{width:250px;height:250px;background:#e6f4f3;left:-120px;bottom:-130px}.hero-bottom-line{position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--blue),#69a3ff,var(--blue))}.stats{background:var(--dark);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0}.stats-grid>div{padding:0 28px;border-right:1px solid #24344c}.stats-grid>div:first-child{padding-left:0}.stats-grid>div:last-child{border:0}.stats strong{display:block;font-family:Manrope;font-size:25px}.stats span{font-size:12px;color:#9baac0}.section{padding:110px 0}.section-heading{text-align:center;max-width:650px;margin:0 auto 50px}.section-heading h2,.split-heading h2,.audience h2,.membership h2,.why h2,.about h2,.contact h2,.final-cta h2{font-size:clamp(34px,4.2vw,55px);margin:14px 0}.section-heading p,.split-heading>p{color:var(--muted)}.process{background:#fff}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-card{border:1px solid var(--line);border-radius:13px;padding:28px;position:relative;transition:.3s}.process-card:hover,.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(24,48,84,.08)}.process-card>span,.service-number{font-size:11px;color:#9ba8b9;font-weight:800;letter-spacing:.12em}.icon,.service-icon{width:46px;height:46px;border-radius:12px;background:#edf3ff;color:var(--blue);display:grid;place-items:center;font-size:21px;margin:28px 0 18px}.process-card h3,.service-card h3{font-family:Manrope;font-size:18px;margin-bottom:8px}.process-card p,.service-card p{font-size:14px;color:var(--muted)}.services{background:var(--light)}.split-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.split-heading>p{max-width:370px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:28px;transition:.3s}.service-card.featured{background:var(--dark);color:#fff}.service-card.featured p{color:#aab8cb}.service-card.featured .service-icon{background:#1d3557;color:#8db3ff}.service-card a{display:inline-block;margin-top:20px;color:#8db3ff;font-size:13px;font-weight:700}.audience{background:#fff}.audience-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.audience-copy p{color:var(--muted);max-width:420px;margin:20px 0}.text-link{color:var(--blue);font-weight:700;font-size:14px}.audience-list{display:grid;grid-template-columns:1fr 1fr}.audience-list div{padding:20px 0;border-bottom:1px solid var(--line);font-weight:700;display:flex;justify-content:space-between}.audience-list span{color:var(--blue)}.membership{background:#edf4ff}.membership-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.membership-copy>p{max-width:440px;color:var(--muted);margin:20px 0}.price{display:flex;align-items:baseline;margin:26px 0}.price span{font-size:28px;font-weight:800}.price strong{font:800 78px Manrope;letter-spacing:-.08em}.price small{font-size:16px;color:var(--muted);margin-left:8px}.plan-card{background:#fff;border-radius:18px;padding:30px;box-shadow:0 20px 50px rgba(39,74,120,.1)}.plan-head{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.13em;padding-bottom:20px;border-bottom:1px solid var(--line)}.plan-badge{color:var(--blue)}.plan-card ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;padding:25px 0}.plan-card li{font-size:13px}.plan-card li:before{content:"✓";color:var(--blue);font-weight:800;margin-right:8px}.fine-print{font-size:11px;color:#7d8999;border-top:1px solid var(--line);padding-top:18px}.why{background:var(--dark);color:#fff}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.why-copy p{color:#aebbd0;margin:20px 0 30px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;color:#dbe4f2;font-size:14px}.why-visual{height:360px;display:grid;place-items:center;position:relative}.seal{width:190px;height:190px;border:1px solid #4a6385;border-radius:50%;display:grid;place-items:center;text-align:center;font:800 18px Manrope;letter-spacing:.1em;z-index:2}.seal b{color:#79a7ff}.seal small{font:600 7px "DM Sans";letter-spacing:.2em;color:#91a1b8}.orbit{position:absolute;border:1px solid #2a4160;border-radius:50%;width:280px;height:280px}.orbit-a{transform:rotate(32deg) scaleX(1.35)}.orbit-b{transform:rotate(-32deg) scaleX(1.35)}.about{background:var(--light)}.about-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.about-copy p{color:var(--muted);margin:18px 0;max-width:590px}.about-panel{background:var(--dark);color:#fff;border-radius:20px;padding:50px;min-height:310px;display:flex;flex-direction:column;justify-content:center}.quote-mark{font:800 75px Georgia;color:#79a7ff;height:60px}.about-panel p{font:800 28px/1.25 Manrope}.about-panel .line{height:1px;background:#3b4d66;margin:35px 0 18px}.about-panel span{font-size:10px;letter-spacing:.17em;color:#9aaac0}.team-card{display:flex;align-items:center;gap:25px;padding:30px;border:1px solid var(--line);border-radius:16px}.team-avatar{width:75px;height:75px;border-radius:50%;background:var(--dark);color:#8db3ff;display:grid;place-items:center;font:800 20px Manrope;flex:none}.team-card h3{font:700 21px Manrope}.team-card p{color:var(--muted);font-size:14px;margin-top:8px}.team-mark{margin-left:auto;color:var(--blue);font-size:34px}.contact{background:var(--light)}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px}.contact-copy>p{color:var(--muted);max-width:480px;margin:20px 0 30px}.contact-items{display:grid;gap:20px}.contact-items small{display:block;font-size:10px;letter-spacing:.16em;color:#8b97a7;font-weight:800}.contact-items strong{display:block;margin-top:3px;font-size:15px}.contact-form{background:#fff;padding:30px;border-radius:16px;box-shadow:0 18px 45px rgba(24,48,84,.06)}.contact-form label{display:block;font-size:12px;font-weight:700;margin-bottom:18px}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:13px;margin-top:7px;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}.final-cta{background:linear-gradient(135deg,#1f5ed9,#0b3f9b);color:#fff;padding:75px 0}.final-cta-inner{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.final-cta p{color:#d8e5ff}.btn-light{background:#fff;color:var(--blue)}.btn-dark-outline{border-color:#8eb2f4;color:#fff}.footer{background:var(--dark);color:#fff}.footer-main{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;padding:65px 0 45px}.footer-brand p{color:#9baac0;max-width:300px;font-size:13px;margin:20px 0}.footer-brand>a:last-child{color:#8db3ff;font-size:13px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer-links h4{font-size:12px;letter-spacing:.14em;margin-bottom:18px}.footer-links a{display:block;color:#9baac0;font-size:13px;margin:10px 0}.compliance{border-top:1px solid #24344c;border-bottom:1px solid #24344c;padding:25px 0;color:#94a4b9;font-size:11px}.compliance strong{color:#d8e1ed;display:block;margin-bottom:5px}.footer-bottom{display:flex;justify-content:space-between;padding:20px 0;color:#7f8da2;font-size:11px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:25;background:#20b869;color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:27px;box-shadow:0 12px 30px rgba(32,184,105,.3);transition:.25s}.whatsapp span{position:absolute;right:68px;background:var(--dark);white-space:nowrap;padding:8px 12px;border-radius:6px;font-size:11px;opacity:0;pointer-events:none;transition:.25s}.whatsapp:hover span{opacity:1}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-5deg)}}@media(max-width:900px){.nav{gap:14px}.hero-grid,.membership-wrap,.why-grid,.about-grid,.contact-grid,.final-cta-inner{grid-template-columns:1fr;gap:45px}.hero{padding-top:60px}.hero-visual{min-height:380px}.process-grid,.services-grid{grid-template-columns:1fr 1fr}.audience-grid{gap:45px}.footer-main{grid-template-columns:1fr;gap:45px}}@media(max-width:700px){.topbar-inner{font-size:10px}.topbar-inner span{display:none}.topbar-inner{justify-content:flex-end}.nav{position:absolute;top:78px;left:20px;right:20px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;display:none;flex-direction:column;align-items:stretch;box-shadow:0 20px 40px rgba(10,30,60,.12)}.nav.open{display:flex}.nav-login{border-left:0;padding-left:0}.menu-toggle{display:grid;gap:5px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink)}.process-grid,.services-grid,.stats-grid{grid-template-columns:1fr}.stats-grid>div{border-right:0;border-bottom:1px solid #24344c;padding:14px 0}.stats-grid>div:last-child{border-bottom:0}.section{padding:75px 0}.split-heading{display:block}.audience-list{grid-template-columns:1fr}.plan-card ul{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.hero-actions .btn{width:100%;justify-content:center}.chip-scan{right:-5px}.chip-delivery{left:-5px}.mail-card{width:92%}.team-card{align-items:flex-start;flex-wrap:wrap}.team-mark{margin-left:0}.about-panel{padding:32px}.contact-form{padding:22px}}
/* ===== UPDATED PREMIUM HOMEPAGE STYLE ===== */
.announcement-bar{background:#183b91;color:#fff;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.12);height:38px;display:flex;align-items:center}
.announcement-track{display:flex;align-items:center;gap:22px;white-space:nowrap;min-width:max-content;padding-left:100%;animation:announcement-marquee 34s linear infinite;font-size:12px;font-weight:600}
.announcement-track b{color:#9db7ff;font-size:18px}
.announcement-new{background:#e52d38;color:#fff;border-radius:5px;padding:2px 8px;font-size:10px;font-weight:800}
@keyframes announcement-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.site-header{background:#06183e;border-bottom:1px solid rgba(255,255,255,.12)}
.site-header .brand-name{color:#fff}
.site-header .brand-name b{color:#e52d38}
.site-header .brand-mark{border-color:#e52d38}
.site-header .brand-mark:before,.site-header .brand-mark:after,.site-header .brand-mark span,.site-header .brand-mark i{background:#e52d38}
.site-header .nav a{color:#fff}
.site-header .nav a:hover{color:#a9c3ff}
.site-header .nav-login{border-left-color:rgba(255,255,255,.25)}
.site-header .nav-join{background:#e52d38;box-shadow:0 10px 25px rgba(229,45,56,.22)}
.hero{background:linear-gradient(110deg,#fff 0%,#f7faff 52%,#eaf2ff 100%);padding:58px 0 45px;min-height:570px}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.78) 48%,rgba(255,255,255,.05) 100%);pointer-events:none}
.hero-grid{z-index:2}
.hero h1{color:#07183e}
.hero h1 em{color:#e52d38}
.hero-lead{color:#0b2d6e;font-size:19px}
.hero-visual{min-height:390px}
.mail-card{background:linear-gradient(145deg,#09265d,#06132e);border:1px solid rgba(255,255,255,.18)}
.btn-primary{background:#e52d38;box-shadow:0 10px 25px rgba(229,45,56,.2)}
.btn-primary:hover{background:#c9202c}
.trust-row span{color:#34466b}
.stats{background:#06183e}
.stats-grid{grid-template-columns:repeat(6,1fr)}
.stats-grid>div{padding:0 20px}
.stats strong{font-size:18px}
.stats span{font-size:11px}
.section-kicker{color:#d32736}
.services{background:#f4f7fb}
.service-card.featured{background:#06183e}
.membership{background:#eef3ff}
.why{background:#06183e}
.final-cta{background:linear-gradient(135deg,#0a2a68,#06183e)}
.btn-light{color:#0a2a68}
.about-panel{background:#06183e}
.footer{background:#04112b}
.whatsapp{background:#20b869}
.innovation{padding:75px 0;background:#fff}
.innovation-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}
.innovation-card,.team-note{border:1px solid #e0e6f0;border-radius:16px;background:#fff;box-shadow:0 14px 45px rgba(18,42,80,.06);padding:32px}
.innovation-card{background:linear-gradient(120deg,#fff,#fff8f8);border-color:#f0c7cb}
.innovation-card h2,.team-note h2{font-size:28px;margin:10px 0 12px;font-family:Manrope}
.innovation-card h2{color:#081a43}
.innovation-card p,.team-note p{color:#59677d;font-size:14px}
.innovation-badge{color:#d32736;font-size:11px;font-weight:800;letter-spacing:.12em}
.innovation-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.innovation-points span{font-size:13px;font-weight:700}
.innovation-points span:before{content:"✓";color:#d32736;margin-right:8px}
.team-note{background:#fff8f8}
.team-note h2{color:#081a43}
.team-note strong{color:#d32736}
.team-note .note-signoff{margin-top:18px;font-weight:700;color:#1b2c4d}
.team-section{background:#06183e;color:#fff;padding:58px 0}
.team-section .section-kicker{color:#e52d38}
.team-section h2{font-size:35px;margin:10px 0 25px}
.team-section .team-card{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.03);padding:0;display:grid;grid-template-columns:150px 1.1fr 1fr 1fr 1fr;gap:0;overflow:hidden;align-items:stretch}
.director-profile{padding:18px;border-right:1px solid rgba(255,255,255,.14)}
.director-photo{width:100%;aspect-ratio:1/1.2;object-fit:cover;object-position:center 25%;border-radius:12px;display:block}
.director-profile h3{font:700 15px Manrope;margin-top:12px}
.director-profile small{color:#9db0cf}
.director-profile strong{display:block;font-size:11px;color:#fff;margin-top:4px}
.team-role{padding:25px;border-right:1px solid rgba(255,255,255,.14)}
.team-role:last-child{border-right:0}
.team-role .role-icon{font-size:27px;color:#9db7ff;margin-bottom:15px}
.team-role h3{font:700 17px Manrope;margin-bottom:8px}
.team-role p{font-size:12px;line-height:1.6;color:#aebbd0}
.status-pill{display:inline-block;background:#233b6c;color:#cbd9f4;border-radius:5px;padding:6px 10px;font-size:10px;font-weight:800;margin-top:15px}
.status-pill.ready{background:#1f694d;color:#b8f0d6}
.team-section .team-mark{display:none}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(3,1fr);gap:20px}.innovation-grid{grid-template-columns:1fr}.team-section .team-card{grid-template-columns:150px 1fr 1fr}.team-role:last-child{grid-column:2/4;border-top:1px solid rgba(255,255,255,.14)}}
@media(max-width:700px){.announcement-bar{height:34px}.announcement-track{font-size:10px;gap:14px}.site-header{background:#06183e}.stats-grid{grid-template-columns:1fr 1fr}.innovation-points{grid-template-columns:1fr}.team-section .team-card{grid-template-columns:1fr}.director-profile{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);display:flex;gap:16px;align-items:center}.director-photo{width:90px;height:110px;aspect-ratio:auto}.team-role,.team-role:last-child{grid-column:auto;border-right:0;border-top:1px solid rgba(255,255,255,.14)}}

/* ===== HERO REFERENCE SECTION — RESPONSIVE & PERFORMANCE OPTIMIZED ===== */
.hero-reference{
  position:relative;
  padding:0;
  min-height:0;
  background:#fff;
  overflow:hidden;
}
.hero-reference-media{
  position:relative;
  width:100%;
  line-height:0;
}
.hero-reference-media img{
  display:block;
  width:100%;
  height:auto;
  max-width:1536px;
  margin:0 auto;
  object-fit:contain;
}
.hero-hotspot-actions{
  position:absolute;
  left:4.3%;
  top:72.8%;
  width:36%;
  height:7%;
  display:flex;
  gap:1.2%;
}
.hero-hotspot{
  display:block;
  height:100%;
  border-radius:8px;
  color:transparent;
  background:transparent;
  text-indent:-9999px;
  overflow:hidden;
  outline:none;
}
.hero-hotspot:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}
.hero-hotspot-member{width:51%}
.hero-hotspot-login{width:39%}
.hero-mobile-content{display:none}

@media (max-width:900px){
  .hero-hotspot-actions{top:72.6%;left:4.2%;width:36.5%}
}
@media (max-width:700px){
  .hero-reference-media{display:none}
  .hero-reference{
    min-height:auto;
    padding:62px 0 58px;
    background:
      linear-gradient(180deg,rgba(248,251,255,.96),rgba(239,246,255,.98));
  }
  .hero-mobile-content{
    display:block;
    width:min(100% - 40px,700px);
    margin:auto;
  }
  .hero-mobile-content h1{
    font-size:clamp(38px,11vw,56px);
    margin:14px 0 18px;
  }
  .hero-mobile-content h1 em{font-style:normal;color:var(--blue)}
  .hero-mobile-lead{
    font-size:18px;
    line-height:1.35;
    font-weight:700;
    color:#1c4e8f;
    margin-bottom:14px;
  }
  .hero-mobile-content>p:not(.hero-mobile-lead){
    color:var(--muted);
    font-size:15px;
  }
  .hero-mobile-content .hero-actions{margin-top:26px}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* ===== FINAL HERO CLARITY FIX ===== */
.hero-reference-media img{
  width:100%;
  max-width:none;
  height:auto;
  display:block;
  object-fit:initial;
  image-rendering:auto;
}
.hero-reference:after,
.hero-reference .hero-reference-media:after,
.hero-reference .hero-reference-media:before{
  display:none !important;
  content:none !important;
}
@media(max-width:700px){
  .hero-reference-media{display:none}
}

/* ===== FINAL RESPONSIVE + FAST LOADING PATCH ===== */
html{overflow-x:hidden}
body{min-width:320px}
img{max-width:100%;height:auto}
button,a{touch-action:manipulation}
.menu-toggle{cursor:pointer;position:relative;z-index:31;padding:10px;border-radius:8px}
.menu-toggle span{transition:transform .2s ease,opacity .2s ease}
.site-header .menu-toggle span{background:#fff}
@media (max-width:980px){
  .container{width:min(1160px,calc(100% - 32px))}
  .nav{gap:12px}
  .nav a{white-space:nowrap}
}
@media (max-width:700px){
  .container{width:calc(100% - 28px)}
  .announcement-track{animation-duration:42s}
  .nav{
    top:72px;
    left:14px;
    right:14px;
    max-height:calc(100vh - 90px);
    overflow:auto;
    background:#06183e;
    border-color:rgba(255,255,255,.15);
  }
  .nav a{color:#fff!important;padding:11px 8px}
  .nav-login{border-left:0!important;border-top:1px solid rgba(255,255,255,.15);margin-top:4px;padding-top:14px}
  .nav-join{margin-top:4px;text-align:center}
  .hero-reference{
    display:block;
    padding:0 0 42px;
    background:linear-gradient(180deg,#fff 0%,#f2f7ff 100%);
  }
  .hero-reference-media{
    display:block!important;
    width:100%;
    background:#eef4ff;
    overflow:hidden;
  }
  .hero-reference-media img{
    display:block!important;
    width:100%;
    height:auto;
    min-height:0;
    object-fit:contain;
    object-position:center;
  }
  .hero-hotspot-actions{
    left:5%;
    top:auto;
    bottom:5%;
    width:90%;
    height:11%;
    gap:3%;
  }
  .hero-hotspot-member{width:52%}
  .hero-hotspot-login{width:45%}
  .hero-mobile-content{
    display:block!important;
    width:calc(100% - 28px);
    max-width:700px;
    margin:0 auto;
    padding-top:38px;
  }
  .hero-mobile-content h1{font-size:clamp(36px,10vw,52px)}
  .hero-mobile-content .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-mobile-content .btn{width:100%;justify-content:center}
  .stats-grid{padding:18px 0}
  .stats-grid>div{padding:12px 0}
  .section{padding:60px 0}
  .section-heading{margin-bottom:35px}
  .split-heading{margin-bottom:35px}
  .process-grid,.services-grid,.audience-list,.plan-card ul,.innovation-points,.check-grid,.footer-links{grid-template-columns:1fr}
  .membership-wrap,.why-grid,.about-grid,.contact-grid,.final-cta-inner{gap:32px}
  .why-visual{height:280px}
  .orbit{width:220px;height:220px}
  .seal{width:150px;height:150px;font-size:15px}
  .price strong{font-size:64px}
  .team-section .team-card{grid-template-columns:1fr}
  .director-profile{display:flex;align-items:center}
  .director-photo{width:88px;height:104px}
  .contact-form{padding:20px}
  .whatsapp{right:14px;bottom:14px;width:52px;height:52px}
}
@media (max-width:420px){
  .brand-name{font-size:13px}
  .brand-mark{width:32px;height:32px}
  .announcement-track{font-size:9px}
  .hero-mobile-content{padding-top:30px}
  .hero-mobile-content h1{font-size:36px}
  .section{padding:52px 0}
  .plan-card,.innovation-card,.team-note,.about-panel{padding:22px}
}
@media (prefers-reduced-motion:reduce){
  .announcement-track{animation:none}
}