:root {
    --color-primary: #0A1830;
    --color-primary-deep: #071120;
    --color-primary-2: #123B8F;
    --color-primary-3: #2155D6;
    --color-accent: #F4A100;
    --color-accent-soft: #FFF4DD;
    --color-ink: #101826;
    --color-text: #213047;
    --color-text-soft: #5E6B7F;
    --color-text-faint: #7E8A9B;
    --color-white: #FFFFFF;
    --color-bg: #F7FAFE;
    --color-bg-soft: #EEF4FB;
    --color-surface: rgba(255,255,255,0.78);
    --color-surface-strong: #FFFFFF;
    --color-border: rgba(16,24,38,0.08);
    --color-border-strong: rgba(16,24,38,0.14);
    --shadow-soft: 0 10px 30px rgba(10,24,48,0.06);
    --shadow-card: 0 20px 50px rgba(10,24,48,0.10);
    --shadow-hero: 0 30px 80px rgba(10,24,48,0.14);
    --radius-xs: 12px;
    --radius-sm: 16px;
    --radius-md: 22px;
    --radius-lg: 30px;
    --radius-xl: 38px;
    --container: 1220px;
    --transition: 0.3s ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",sans-serif;background:radial-gradient(circle at top left, rgba(18,59,143,0.04), transparent 22%),linear-gradient(180deg,#f8fbff 0%,#ffffff 45%);color:var(--color-text)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(100% - 2rem,var(--container));margin-inline:auto}
h1,h2,h3,h4{font-family:"Poppins",sans-serif;color:var(--color-primary);line-height:1.08;letter-spacing:-0.035em;margin-top:0}
h1{font-size:clamp(2.55rem,5.4vw,5.1rem);margin-bottom:1rem}
h2{font-size:clamp(2rem,4vw,3.35rem);margin-bottom:.9rem}
h3{font-size:1.22rem;letter-spacing:-0.02em}
p{color:var(--color-text-soft);line-height:1.75}
.section{padding:6rem 0;position:relative}
.section-head{max-width:760px;margin-bottom:2.2rem}
.section-head-wide{max-width:860px}
.eyebrow{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1rem;color:var(--color-primary-2);font-size:.82rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.eyebrow::before{content:"";width:38px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--color-accent),rgba(244,161,0,.2))}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.5rem 1rem;border-radius:10px;z-index:999}
.topbar{background:linear-gradient(90deg,var(--color-primary-deep),#0b1e3b);color:rgba(255,255,255,.84);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar-inner{min-height:44px;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.topbar-left,.topbar-right{display:flex;gap:1rem;align-items:center}
.topbar-link,.topbar-text{font-size:.92rem}
.site-header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,24,38,.06);box-shadow:0 1px 0 rgba(255,255,255,.6) inset}
.header-inner{min-height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem}
.brand{display:flex;align-items:center;gap:.9rem}
.brand-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-2));box-shadow:0 12px 30px rgba(18,59,143,.18), inset 0 1px 0 rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
.brand-copy{display:flex;flex-direction:column}
.brand-name{font-size:1.34rem;letter-spacing:-0.03em;font-family:"Poppins",sans-serif;color:var(--color-primary)}
.brand-tag{color:var(--color-text-faint);font-size:.82rem}
.nav-list{list-style:none;display:flex;align-items:center;justify-content:center;gap:1.55rem;margin:0;padding:0}
.site-nav a{font-weight:600;color:var(--color-primary);padding:.4rem 0;position:relative}
.site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-.45rem;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--color-primary-3),var(--color-accent));transform:scaleX(0);transform-origin:left;transition:var(--transition)}
.site-nav a:hover::after,.site-nav a.active::after{transform:scaleX(1)}
.site-nav a.active{color:var(--color-primary-2)}
.header-actions,.mobile-header-actions{display:flex;gap:.8rem;align-items:center}
.mobile-header-actions{display:none;flex-direction:column;margin-top:1rem}
.nav-toggle{display:none;border:0;background:transparent;padding:0;cursor:pointer}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-primary);margin:5px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:50px;padding:.95rem 1.4rem;border-radius:999px;border:1px solid transparent;font-weight:700;transition:var(--transition);position:relative;overflow:hidden}
.btn:hover{transform:translateY(-2px)}
.btn-lg{min-height:56px;padding:1rem 1.55rem}
.btn-block,.btn-full{width:100%}
.btn-primary{color:#fff;background:linear-gradient(135deg,var(--color-primary-2),var(--color-primary-3));box-shadow:0 16px 34px rgba(18,59,143,.24), inset 0 1px 0 rgba(255,255,255,.12)}
.btn-primary:hover{box-shadow:0 20px 42px rgba(18,59,143,.3), inset 0 1px 0 rgba(255,255,255,.12)}
.btn-secondary,.btn-outline{color:var(--color-primary);background:rgba(255,255,255,.82);border-color:rgba(16,24,38,.10);box-shadow:var(--shadow-soft)}
.hero-premium{position:relative;overflow:hidden;padding:6.4rem 0 5rem;background:radial-gradient(circle at top left, rgba(244,161,0,.13), transparent 22%),radial-gradient(circle at top right, rgba(33,85,214,.16), transparent 28%),linear-gradient(180deg,#eef5ff 0%,#ffffff 62%)}
.hero-premium-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:2rem;align-items:center}
.hero-premium-copy{max-width:700px}
.hero-premium-text{font-size:1.12rem;max-width:650px}
.hero-proof-chips{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.7rem 0 2rem}
.hero-proof-chips span{display:inline-flex;align-items:center;justify-content:center;padding:.78rem 1rem;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid rgba(16,24,38,.08);box-shadow:var(--shadow-soft);color:var(--color-primary);font-weight:600;font-size:.93rem}
.hero-premium-actions{display:flex;flex-wrap:wrap;gap:.95rem;margin-bottom:2rem}
.hero-mini-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.mini-panel{padding:1.1rem 1.15rem;border-radius:var(--radius-md);background:rgba(255,255,255,.72);border:1px solid rgba(16,24,38,.08);box-shadow:var(--shadow-soft)}
.mini-panel strong{display:block;color:var(--color-primary);margin-bottom:.32rem;font-size:1rem}
.mini-panel span{display:block;color:var(--color-text-soft);font-size:.92rem;line-height:1.55}
.hero-premium-form-wrap{display:flex;justify-content:flex-end}
.premium-form-shell,.premium-content-panel,.premium-side-panel,.trust-structure-block{width:100%;padding:1.8rem;border-radius:var(--radius-xl);background:linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.88) 100%);border:1px solid rgba(16,24,38,.08);box-shadow:var(--shadow-hero);backdrop-filter:blur(14px)}
.premium-side-panel h2,.premium-form-head h2{font-size:1.72rem;margin-bottom:.45rem}
.premium-lead-form{margin-top:1.2rem}
.form-row{margin-bottom:1rem}
.form-row label{display:block;margin-bottom:.5rem;font-size:.93rem;font-weight:700;color:var(--color-primary)}
.form-row input,.form-row select,.form-row textarea{width:100%;border-radius:15px;border:1px solid rgba(16,24,38,.10);background:rgba(255,255,255,.96);color:var(--color-ink);padding:1rem 1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);font:inherit}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:rgba(33,85,214,.45);box-shadow:0 0 0 4px rgba(33,85,214,.08), inset 0 1px 0 rgba(255,255,255,.8)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.section-layered{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.section-contrast{background:radial-gradient(circle at 0% 0%, rgba(18,59,143,.06), transparent 18%),linear-gradient(180deg,#eff5fd 0%,#f8fbff 100%)}
.service-grid,.benefit-grid,.route-grid,.coverage-grid,.value-grid{display:grid;gap:1.3rem}
.service-grid,.benefit-grid,.value-grid{grid-template-columns:repeat(3,1fr)}
.route-grid{grid-template-columns:repeat(5,1fr)}
.coverage-grid{grid-template-columns:repeat(5,1fr)}
.service-card,.benefit-card,.route-card,.coverage-card,.value-card,.placeholder-card,.faq-item{position:relative;overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.84));border:1px solid rgba(16,24,38,.08);box-shadow:var(--shadow-card);border-radius:24px;padding:1.5rem;transition:var(--transition)}
.service-card:hover,.benefit-card:hover,.route-card:hover,.coverage-card:hover,.value-card:hover{transform:translateY(-5px);box-shadow:0 28px 60px rgba(10,24,48,.12)}
.card-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg, rgba(18,59,143,.12), rgba(244,161,0,.14));color:var(--color-primary-2);font-weight:800;margin-bottom:1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center}
.text-link{color:var(--color-primary-2);font-weight:700}
.text-link::after{content:"→";margin-left:.45rem}
.premium-two-column{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:stretch}
.check-list,.plain-list{padding-left:1.2rem}
.check-list li,.plain-list li{margin-bottom:.55rem;color:var(--color-text)}
.faq-list{display:grid;gap:1rem}
.faq-item.active .faq-answer{display:block}
.faq-question{width:100%;text-align:left;background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--color-primary);cursor:pointer}
.faq-answer{display:none;margin-top:.75rem}
.alert-section{padding:1rem 0}
.alert{padding:1rem 1.2rem;border-radius:16px;border:1px solid rgba(16,24,38,.08);background:#fff}
.alert-success{background:#ecfdf3;color:#166534;border-color:#bbf7d0}
.center-actions{display:flex;justify-content:center;margin-top:2rem}
.cta-box{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;background:radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 20%),linear-gradient(135deg,var(--color-primary) 0%,#0f2750 55%,#153d7f 100%);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-hero);border-radius:34px;padding:2.2rem}
.cta-box h2,.cta-box p,.cta-box .eyebrow{color:#fff}
.cta-box .eyebrow::before{background:rgba(255,255,255,.84)}
.site-footer{background:radial-gradient(circle at top left, rgba(33,85,214,.13), transparent 22%),linear-gradient(180deg,#06101e 0%,#081426 100%);padding:4.8rem 0 5.8rem;color:#fff}
.footer-top{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:1.6rem}
.footer-copy,.footer-disclaimer,.footer-map-copy p,.footer-links-block a,.footer-contact-list span,.footer-contact-list a{color:rgba(255,255,255,.8)}
.footer-links-block h3,.footer-map-copy h3,.footer-brand .brand-name{color:#fff}
.footer-links-block ul{list-style:none;padding:0;margin:0}
.footer-links-block li{margin:.5rem 0}
.footer-contact-list{display:flex;flex-direction:column;gap:.35rem}
.footer-map-card{margin-top:2rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);border-radius:28px}
.footer-map-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.5rem;padding:1.5rem}
.footer-bottom{margin-top:2rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.whatsapp-float{position:fixed;right:18px;bottom:92px;background:linear-gradient(135deg,#1fc85f,#25D366);box-shadow:0 18px 40px rgba(37,211,102,.28);color:#fff;border-radius:999px;padding:.9rem 1.1rem;z-index:300;font-weight:700}
.mobile-sticky-bar{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:.8rem 1rem;box-shadow:0 -14px 34px rgba(10,24,48,.10);z-index:290}
.mobile-sticky-link{display:flex;justify-content:center;align-items:center;min-height:48px;border-radius:999px;background:#eef4fb;color:var(--color-primary);font-weight:700}
.mobile-sticky-primary{background:linear-gradient(135deg,var(--color-primary-2),var(--color-primary-3));color:#fff}
@media (max-width:1200px){.route-grid{grid-template-columns:repeat(3,1fr)}.coverage-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:980px){
 .header-inner{grid-template-columns:auto auto}
 .site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,24,38,.08);box-shadow:var(--shadow-card);padding:1rem}
 .site-nav.open{display:block}
 .nav-list{flex-direction:column;align-items:flex-start}
 .nav-toggle{display:block}
 .header-actions{display:none}
 .mobile-header-actions{display:flex}
 .hero-premium-grid,.premium-two-column,.cta-box,.footer-map-content{grid-template-columns:1fr}
 .hero-mini-panels{grid-template-columns:1fr}
 .service-grid,.benefit-grid,.value-grid,.coverage-grid{grid-template-columns:repeat(2,1fr)}
 .route-grid{grid-template-columns:repeat(2,1fr)}
 .footer-top{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
 .section{padding:4.6rem 0}
 .hero-premium{padding:5rem 0 3.8rem}
 .hero-premium-actions,.cta-actions,.header-actions{flex-direction:column;align-items:stretch}
 .btn,.btn-lg{width:100%}
 .service-grid,.benefit-grid,.route-grid,.coverage-grid,.value-grid,.footer-top,.two-col{grid-template-columns:1fr}
 .premium-form-shell,.premium-content-panel,.premium-side-panel,.trust-structure-block{padding:1.35rem;border-radius:24px}
 .brand-tag{display:none}
 .whatsapp-float{bottom:5.8rem}
}
/* =========================================================
   SEO PAGE IMAGE SYSTEM (Location Pages)
   ========================================================= */

.seo-image {
    margin: 20px 0 30px;
}

.seo-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: block;
}

/* Hero-specific spacing */
.page-hero .seo-image {
    margin-top: 20px;
}

/* Optional: improve spacing inside content sections */
.section .seo-image {
    margin: 25px 0 35px;
}

/* Mobile optimization */
@media (max-width: 768px) {
    .seo-image {
        margin: 15px 0 25px;
    }
}