/* ============ BUTTONS ============ */
.btn{position:relative;display:inline-flex;align-items:center;gap:.65rem;padding:1rem 1.55rem;border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:600;font-size:.96rem;letter-spacing:.005em;border:1px solid transparent;transition:transform var(--dur-1) var(--ease-out),background var(--dur-2),color var(--dur-2),box-shadow var(--dur-2),border-color var(--dur-2);will-change:transform;overflow:hidden;isolation:isolate;white-space:nowrap}
.btn:focus-visible{box-shadow:var(--ring)}
.btn--primary{background:linear-gradient(120deg,var(--c-cyan) 0%,var(--c-cyan-deep) 100%);color:#fff;box-shadow:0 8px 28px rgba(11,107,203,.32),0 2px 6px rgba(11,107,203,.18)}
.btn--primary::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,var(--c-cyan-bright),var(--c-cyan));opacity:0;transition:opacity var(--dur-2);z-index:-1}
.btn--primary:hover::after{opacity:1}
.btn--primary:hover{transform:translateY(-1px);box-shadow:0 12px 36px rgba(11,107,203,.4)}
.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--fg)}
.btn--ghost:hover{border-color:var(--accent);background:rgba(27,156,232,.08);color:var(--accent)}
.btn--icon{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-elev-1);color:var(--fg)}
.btn--icon:hover{border-color:var(--accent);background:rgba(27,156,232,.08);color:var(--accent)}
.btn--icon svg{width:18px;height:18px}
.btn--lg{padding:1.15rem 1.85rem;font-size:1rem}
.btn .arrow{display:inline-flex;width:18px;height:18px;transition:transform var(--dur-2) var(--ease-spring)}
.btn:hover .arrow{transform:translateX(4px)}
.magnetic{transition:transform var(--dur-2) var(--ease-spring)}

/* ============ CARDS ============ */
.card{position:relative;padding:2rem;border-radius:var(--radius-lg);background:var(--bg-elev-1);border:1px solid var(--border);overflow:hidden;transition:transform var(--dur-2) var(--ease-out),border-color var(--dur-2),box-shadow var(--dur-2)}
.card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-2)}

/* ============ HERO ============ */
.hero{position:relative;min-height:100vh;display:grid;align-items:end;overflow:hidden;isolation:isolate;padding-block:8.5rem 5rem;background:linear-gradient(180deg,#0B2545 0%,#13315C 60%,#0F1E3A 100%)}
.hero__bg{position:absolute;inset:0;z-index:-2}
.hero__video,.hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(.85) contrast(1.05)}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,11,24,.25) 0%,rgba(5,11,24,.55) 55%,rgba(5,11,24,.92) 100%),radial-gradient(circle at 15% 30%,rgba(27,156,232,.22),transparent 50%);pointer-events:none}
.hero__particles{position:absolute;inset:0;z-index:-1;opacity:.55;pointer-events:none}
.hero__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3.5rem;align-items:end;color:#E8EEF7}
@media (max-width:920px){ .hero__inner{grid-template-columns:1fr;gap:2.2rem} }
.hero__eyebrow{display:flex;align-items:center;gap:.85rem;color:var(--c-cyan-bright);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;margin-bottom:1.6rem}
.hero__eyebrow .dot{width:9px;height:9px;border-radius:50%;background:var(--c-cyan-bright);box-shadow:0 0 0 6px rgba(79,183,240,.22);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(79,183,240,0)}}
.hero__title{font-size:var(--fs-hero);line-height:.95;letter-spacing:-.04em;margin-bottom:1.8rem;font-weight:700;color:#fff}
.hero__title .line{display:block;overflow:hidden;padding-block:.05em}
.hero__title .word{display:inline-block;transform:translateY(110%);transition:transform 1.1s var(--ease-out);margin-right:.18em}
.hero.ready .hero__title .word{transform:none}
.hero__title .word:nth-child(2){transition-delay:.10s}
.hero__title .word:nth-child(3){transition-delay:.20s}
.hero__title .word:nth-child(4){transition-delay:.30s}
.hero__title .word:nth-child(5){transition-delay:.40s}
.hero__sub{font-size:clamp(1.05rem,1.35vw,1.3rem);color:rgba(232,238,247,.78);max-width:58ch;margin-bottom:2.6rem;line-height:1.6}
.hero__ctas{display:flex;flex-wrap:wrap;gap:1.1rem;margin-bottom:3.4rem}
.hero__ctas .btn--ghost{color:#E8EEF7;border-color:rgba(255,255,255,.22)}
.hero__ctas .btn--ghost:hover{background:rgba(27,156,232,.14);border-color:var(--c-cyan)}
.hero__meta{display:flex;flex-wrap:wrap;gap:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12);max-width:640px}
.hero__meta-item{display:flex;flex-direction:column;gap:.3rem}
.hero__meta-item strong{font-family:var(--font-display);font-size:1.8rem;color:#fff;letter-spacing:-.02em;font-weight:700}
.hero__meta-item span{font-size:.78rem;color:rgba(232,238,247,.65);letter-spacing:.1em;text-transform:uppercase;font-weight:500}
.hero__side{display:flex;flex-direction:column;gap:1rem;align-items:flex-end;color:rgba(232,238,247,.75)}
@media (max-width:920px){ .hero__side{align-items:flex-start} }
.hero__side-mini{display:flex;align-items:center;gap:.7rem;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.hero__side-mini::before{content:"";width:42px;height:1px;background:var(--c-cyan)}
.hero__scroll{position:absolute;bottom:1.8rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(232,238,247,.55);z-index:1}
.hero__scroll::after{content:"";width:1px;height:46px;background:linear-gradient(180deg,var(--c-cyan),transparent);animation:scrollLine 2.6s ease-in-out infinite}
@keyframes scrollLine{0%,100%{transform:scaleY(.4);transform-origin:top}50%{transform:scaleY(1)}}
@media (max-width:680px){
  .hero{padding-block:7rem 4rem;min-height:92vh}
  .hero__title{margin-bottom:1.4rem}
  .hero__sub{margin-bottom:2rem}
  .hero__ctas{margin-bottom:2.4rem;gap:.7rem}
  .hero__ctas .btn{flex:1 1 100%;justify-content:center}
  .hero__meta{gap:1.8rem;padding-top:1.4rem}
  .hero__meta-item strong{font-size:1.4rem}
  .hero__scroll{display:none}
}

/* ============ TRUST BAR ============ */
.trust{padding-block:1.4rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-elev-1)}
.trust__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.4rem;padding-block:1.4rem}
.trust__item{display:flex;align-items:center;gap:.85rem;color:var(--fg-muted);font-size:.93rem;font-weight:500}
.trust__item svg{width:24px;height:24px;color:var(--accent);flex-shrink:0;stroke-width:1.6}

/* ============ SECTION HEAD ============ */
.sh{margin-bottom:4rem;max-width:820px}
.sh h2{margin:.8rem 0 1.2rem}
.sh--center{margin-inline:auto;text-align:center}

/* ============ SERVICES (horizontal scroll) ============ */
.services{position:relative}
.services__track-wrap{position:relative;margin-top:3.4rem}
.services__track{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:1rem;padding-inline:clamp(1.4rem,5vw,3rem)}
.services__track::-webkit-scrollbar{display:none}
.service-card{flex:0 0 min(460px,86vw);scroll-snap-align:start;padding:2.6rem;border-radius:var(--radius-lg);background:var(--bg-elev-1);border:1px solid var(--border);display:flex;flex-direction:column;gap:1.3rem;position:relative;overflow:hidden;min-height:420px;transition:border-color var(--dur-2),transform var(--dur-2),box-shadow var(--dur-2)}
.service-card::before{content:"";position:absolute;top:0;right:0;width:240px;height:240px;background:radial-gradient(circle,rgba(27,156,232,.12),transparent 70%);transform:translate(40%,-40%);transition:transform var(--dur-3) var(--ease-out);pointer-events:none}
.service-card:hover{border-color:var(--accent);box-shadow:var(--shadow-2);transform:translateY(-3px)}
.service-card:hover::before{transform:translate(20%,-20%) scale(1.5)}
.service-card__icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,rgba(27,156,232,.16),rgba(11,107,203,.04));display:grid;place-items:center;border:1px solid var(--border-strong);color:var(--accent)}
.service-card__icon svg{width:28px;height:28px;stroke-width:1.6}
.service-card__num{position:absolute;top:1.8rem;right:1.8rem;font-family:var(--font-display);font-size:3.2rem;font-weight:700;color:var(--c-navy);opacity:.06;letter-spacing:-.04em}
:root[data-theme="dark"] .service-card__num{color:#fff;opacity:.05}
.service-card h3{font-size:1.65rem;letter-spacing:-.015em;color:var(--fg)}
.service-card p{color:var(--fg-muted);margin:0;flex:1;font-size:1rem;line-height:1.6}
.service-card__more{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent);font-weight:600;font-size:.92rem;letter-spacing:.005em}
.service-card__more svg{width:14px;height:14px;transition:transform var(--dur-2) var(--ease-spring)}
.service-card:hover .service-card__more svg{transform:translateX(4px)}
.services__nav{display:flex;gap:.7rem;justify-content:flex-end;margin-top:1.8rem;padding-inline:clamp(1.4rem,5vw,3rem)}

/* ============ STATS ============ */
.stats{position:relative;padding-block:7rem 6rem;background:var(--bg-elev-2);border-block:1px solid var(--border)}
.stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:3rem;text-align:left}
.stat{padding:2rem 0 1.4rem;position:relative}
.stat::before{content:"";position:absolute;left:0;top:0;width:48px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:1px}
.stat__num{font-family:var(--font-display);font-size:clamp(3.2rem,5.5vw,5.2rem);font-weight:700;color:var(--fg);letter-spacing:-.04em;line-height:1;display:flex;align-items:baseline;gap:.05em}
.stat__num .suffix{font-size:.45em;color:var(--accent);margin-left:.05em}
.stat__label{font-size:.9rem;color:var(--fg-muted);margin-top:1rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500}

/* ============ ABOUT ============ */
.about{position:relative}
.about__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:5rem;align-items:center}
@media (max-width:1024px){ .about__grid{grid-template-columns:1fr;gap:3.5rem} }
.about__visual{position:relative;aspect-ratio:4/5;border-radius:var(--radius-xl);overflow:hidden;background:linear-gradient(135deg,var(--c-navy),var(--c-ink-2));border:1px solid var(--border);box-shadow:var(--shadow-2)}
.about__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.about__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(11,37,69,.65) 100%),radial-gradient(at 20% 0%,rgba(27,156,232,.2),transparent 55%);pointer-events:none}
.about__badge{position:absolute;bottom:1.8rem;left:1.8rem;padding:1.2rem 1.4rem;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-strong);border-radius:var(--radius);z-index:2;display:flex;flex-direction:column;gap:.3rem;box-shadow:var(--shadow-1)}
:root[data-theme="dark"] .about__badge{background:rgba(5,11,24,.85);border-color:rgba(255,255,255,.14)}
.about__badge strong{font-family:var(--font-display);font-size:2rem;color:var(--accent);letter-spacing:-.02em;line-height:1}
.about__badge span{font-size:.74rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500}
.about__list{list-style:none;padding:0;margin:2.2rem 0 0;display:grid;gap:1.1rem}
.about__list li{display:flex;gap:1rem;padding:1.2rem 1.4rem;border-radius:var(--radius);background:var(--bg-elev-1);border:1px solid var(--border);transition:border-color var(--dur-2),transform var(--dur-2)}
.about__list li:hover{border-color:var(--accent);transform:translateX(4px)}
.about__list svg{width:22px;height:22px;color:var(--accent);flex-shrink:0;margin-top:3px}
.about__list strong{display:block;margin-bottom:.3rem;font-family:var(--font-display);font-size:1rem;color:var(--fg)}
.about__list span{color:var(--fg-muted);font-size:.92rem;line-height:1.5}

/* ============ COVERAGE (premium map) ============ */
.coverage{position:relative;overflow:hidden;background:var(--bg-elev-2);border-block:1px solid var(--border)}
.coverage__grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:4rem;align-items:center}
@media (max-width:1024px){ .coverage__grid{grid-template-columns:1fr;gap:3rem} }
.coverage__list{display:grid;gap:.85rem;margin-top:1.6rem}
.coverage__list li{display:flex;align-items:center;gap:1rem;padding:1.05rem 1.3rem;border-radius:var(--radius);background:var(--bg-elev-1);border:1px solid var(--border);font-size:.96rem;font-weight:500;transition:border-color var(--dur-2),transform var(--dur-2)}
.coverage__list li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(27,156,232,.16);flex-shrink:0}
.coverage__list li:hover{border-color:var(--accent);transform:translateX(4px)}

/* Map (rebuilt) */
.map-wrap{position:relative;aspect-ratio:16/10;border-radius:var(--radius-xl);background:linear-gradient(135deg,#0B2545 0%,#061732 100%);border:1px solid var(--border-strong);overflow:hidden;box-shadow:var(--shadow-2)}
:root[data-theme="light"] .map-wrap{background:linear-gradient(135deg,#0F2A4F 0%,#0B2545 100%)}
.map-wrap svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.map-overlay{position:absolute;top:1.2rem;left:1.2rem;display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1rem;background:rgba(5,11,24,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#E8EEF7;font-weight:600;z-index:2;line-height:1}
.map-overlay .dot{display:inline-block;width:8px;height:8px;background:#1B9CE8;border-radius:50%;box-shadow:0 0 0 4px rgba(27,156,232,.22);animation:pulse 2s ease-in-out infinite;flex-shrink:0}
.map-legend{position:absolute;bottom:1.2rem;left:1.2rem;display:inline-flex;flex-wrap:wrap;gap:1.4rem;padding:.7rem 1.1rem;background:rgba(5,11,24,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);color:#E8EEF7;font-size:.72rem;letter-spacing:.06em;z-index:2;font-weight:500}
.map-legend__item{display:inline-flex;align-items:center;gap:.55rem}
.map-legend__dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}
.map-legend__dot--hub{background:#fff;box-shadow:0 0 0 2px #1B9CE8,0 0 0 5px rgba(27,156,232,.25)}
.map-legend__dot--port{background:#1B9CE8;box-shadow:0 0 0 3px rgba(27,156,232,.22)}
.map-port{cursor:pointer}
.map-port:hover circle.dot{r:6}
.map-port circle.pulse{transform-origin:center;animation:portPulse 2.6s ease-in-out infinite}
@keyframes portPulse{0%{r:5;opacity:.45}80%{r:18;opacity:0}100%{opacity:0}}
.map-port text{pointer-events:none}
.map-route{fill:none;stroke:#1B9CE8;stroke-width:1.2;stroke-dasharray:4 6;stroke-linecap:round;opacity:.5}
.map-route--active{stroke-width:1.6;opacity:.9;animation:routeDash 4s linear infinite}
@keyframes routeDash{to{stroke-dashoffset:-20}}
@media (max-width:680px){
  .map-overlay{top:.8rem;left:.8rem;padding:.5rem .8rem;font-size:.62rem}
  .map-legend{bottom:.8rem;left:.8rem;padding:.6rem .9rem;font-size:.66rem;gap:.8rem}
}

/* ============ PILLARS ============ */
.pillars__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.6rem;margin-top:3.4rem}
.pillar{padding:2.4rem 2rem;border-radius:var(--radius-lg);background:var(--bg-elev-1);border:1px solid var(--border);position:relative;transition:border-color var(--dur-2),transform var(--dur-2),box-shadow var(--dur-2)}
.pillar:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--shadow-2)}
.pillar__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(27,156,232,.10);color:var(--accent);margin-bottom:1.4rem;border:1px solid rgba(27,156,232,.18)}
.pillar__icon svg{width:26px;height:26px;stroke-width:1.6}
.pillar h4{margin-bottom:.8rem;font-size:1.25rem;color:var(--fg)}
.pillar p{color:var(--fg-muted);margin:0;font-size:.96rem;line-height:1.6}

/* ============ ALLIES MARQUEE ============ */
.allies{position:relative;padding-block:5rem;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-elev-1)}
.allies__title{text-align:center;color:var(--fg-dim);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:2.6rem;font-weight:600;font-family:var(--font-display)}
.marquee{display:flex;gap:4.5rem;animation:marquee 42s linear infinite;width:max-content}
.marquee:hover{animation-play-state:paused}
.marquee__item{display:flex;align-items:center;justify-content:center;height:60px;min-width:160px;color:var(--fg-muted);font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:.06em;opacity:.45;transition:opacity var(--dur-2),color var(--dur-2)}
.marquee__item:hover{opacity:1;color:var(--accent)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ============ CONTACT ============ */
.contact{position:relative;background:linear-gradient(180deg,var(--bg),var(--bg-elev-2))}
.contact__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}
@media (max-width:1024px){ .contact__grid{grid-template-columns:1fr;gap:3rem} }
.contact__info{display:flex;flex-direction:column;gap:1.1rem;margin-top:2.4rem}
.contact__info-item{display:flex;gap:1.1rem;padding:1.3rem 1.4rem;border-radius:var(--radius);background:var(--bg-elev-1);border:1px solid var(--border);transition:border-color var(--dur-2),transform var(--dur-2)}
.contact__info-item:hover{border-color:var(--accent);transform:translateX(4px)}
.contact__info-item svg{width:22px;height:22px;color:var(--accent);flex-shrink:0;margin-top:3px;stroke-width:1.6}
.contact__info-item strong{display:block;font-family:var(--font-display);margin-bottom:.3rem;color:var(--fg)}
.contact__info-item a,.contact__info-item span{color:var(--fg-muted);font-size:.94rem;line-height:1.5}
.contact__info-item a:hover{color:var(--accent)}
.contact-form{padding:2.6rem;border-radius:var(--radius-xl);background:var(--bg-elev-1);border:1px solid var(--border);display:flex;flex-direction:column;gap:1.2rem;box-shadow:var(--shadow-1)}
.form-row{display:grid;gap:1.2rem}
.form-row.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.field{position:relative;display:flex;flex-direction:column}
.field label{font-size:.74rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-family:var(--font-display);font-weight:600}
.field input,.field textarea,.field select{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.9rem 1.05rem;transition:border-color var(--dur-1),background var(--dur-1),box-shadow var(--dur-1)}
.field input:focus,.field textarea:focus,.field select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(27,156,232,.16)}
.field textarea{min-height:130px;resize:vertical;font-family:inherit}
.field select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237C8AA5' stroke-width='2'><polyline points='6,9 12,15 18,9'/></svg>");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px;padding-right:2.6rem}
.field--error input,.field--error textarea,.field--error select{border-color:#E64A3C}
.field__err{color:#D63A2A;font-size:.78rem;margin-top:.35rem;display:none;font-weight:500}
.field--error .field__err{display:block}
.form-foot{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;margin-top:.6rem;flex-wrap:wrap}
.form-foot small{color:var(--fg-dim);font-size:.78rem;max-width:38ch;line-height:1.4}
.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);padding:1.05rem 1.5rem;background:var(--bg-elev-1);border:1px solid var(--accent);color:var(--fg);border-radius:var(--radius);box-shadow:var(--shadow-2);z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--dur-2),transform var(--dur-2) var(--ease-spring);font-size:.94rem;max-width:90vw;font-weight:500}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast.err{border-color:#E64A3C}

/* ============ FOOTER ============ */
.footer{position:relative;padding-block:5.5rem 2.4rem;background:linear-gradient(180deg,var(--bg-elev-1),var(--bg-elev-2));border-top:1px solid var(--border);overflow:hidden;color:var(--fg)}
.footer__skyline{position:absolute;bottom:0;left:0;right:0;height:120px;opacity:.10;pointer-events:none;color:var(--c-navy)}
:root[data-theme="dark"] .footer__skyline{opacity:.16;color:#fff}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;position:relative;z-index:1}
@media (max-width:920px){ .footer__grid{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .footer__grid{grid-template-columns:1fr} }
.footer__brand{display:flex;flex-direction:column;gap:1rem;max-width:340px}
.footer__brand .logo{height:42px;width:auto}
.footer__brand p{color:var(--fg-muted);font-size:.94rem;margin:0;line-height:1.6}
.footer__col h5{font-family:var(--font-display);font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-dim);margin:0 0 1.2rem;font-weight:600}
.footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}
.footer__col a{color:var(--fg-muted);font-size:.94rem;transition:color var(--dur-1)}
.footer__col a:hover{color:var(--accent)}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;padding-top:2rem;border-top:1px solid var(--border);flex-wrap:wrap;font-size:.84rem;color:var(--fg-dim);position:relative;z-index:1}
.footer__socials{display:flex;gap:.55rem}
.footer__socials a{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-strong);display:grid;place-items:center;transition:all var(--dur-1);color:var(--fg-muted)}
.footer__socials a:hover{border-color:var(--accent);background:rgba(27,156,232,.10);color:var(--accent);transform:translateY(-2px)}
.footer__socials svg{width:16px;height:16px}

/* ============ WHATSAPP FAB ============ */
.wa-fab{position:fixed;bottom:24px;right:24px;width:62px;height:62px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 32px rgba(37,211,102,.38);z-index:90;transition:transform var(--dur-2) var(--ease-spring),box-shadow var(--dur-2)}
.wa-fab::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #25D366;opacity:.45;animation:waPulse 2.4s ease-in-out infinite}
.wa-fab:hover{transform:scale(1.08);box-shadow:0 14px 40px rgba(37,211,102,.5)}
.wa-fab svg{width:30px;height:30px}
@keyframes waPulse{0%{transform:scale(1);opacity:.45}80%{transform:scale(1.7);opacity:0}100%{opacity:0}}

/* ============ MOBILE NAV ============ */
.mnav{position:fixed;inset:0;background:var(--bg);z-index:80;display:flex;flex-direction:column;padding:5.5rem 2rem 2rem;opacity:0;pointer-events:none;transition:opacity var(--dur-2)}
.mnav.open{opacity:1;pointer-events:auto}
.mnav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}
.mnav a{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0;font-family:var(--font-display);font-size:1.8rem;letter-spacing:-.02em;border-bottom:1px solid var(--border);color:var(--fg);font-weight:500}
.mnav a::after{content:"→";color:var(--accent);transition:transform var(--dur-2) var(--ease-spring)}
.mnav a:hover::after{transform:translateX(6px)}
.mnav__cta{margin-top:auto;display:flex;flex-direction:column;gap:1rem;padding-top:2rem}
.mnav__toggles{display:flex;gap:.6rem;justify-content:center;margin-top:1.4rem}

/* ============ Cursor ============ */
@media (hover:hover) and (pointer:fine){
  .cursor{position:fixed;top:0;left:0;width:30px;height:30px;border:1.5px solid var(--accent);border-radius:50%;pointer-events:none;z-index:var(--z-cursor);transform:translate(-50%,-50%);transition:transform .14s ease-out,width .25s,height .25s,background .25s,border-color .25s;mix-blend-mode:difference}
  .cursor.hover{width:56px;height:56px;background:rgba(27,156,232,.16);border-color:transparent}
  .cursor.hidden{opacity:0}
}

/* Reduce ink on touch devices */
@media (hover:none){
  .marquee{animation-duration:60s}
}