:root{
    --navy-950:#070b2e;
    --navy-900:#0c1244;
    --navy-800:#14206b;
    --navy-700:#1c2c8f;
    --navy-600:#2a3bb0;
    --amber:#ffc21c;
    --amber-deep:#ff9d00;
    --emerald:#25d366;
    --emerald-dark:#1da851;
    --cream:#f3f4ff;
    --muted:#aab0e0;
    --white:#ffffff;
    --radius:18px;
  }
  *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  html{scroll-behavior:smooth}
  body{
    font-family:'Barlow',sans-serif;
    background:var(--navy-950);
    color:var(--cream);
    line-height:1.55;
    overflow-x:hidden;
    padding-bottom:84px; /* room for sticky mobile bar */
  }
  h1,h2,h3,.display{font-family:'Archivo',sans-serif;font-weight:900;letter-spacing:-.01em;line-height:1.02}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}

  /* ---------- TOP STRIP ---------- */
  .strip{
    background:var(--amber);
    color:var(--navy-950);
    font-weight:700;
    text-align:center;
    font-size:.86rem;
    padding:8px 16px;
    letter-spacing:.02em;
    position:relative;z-index:30;
  }
  .strip b{font-family:'Archivo';font-weight:900}

  /* ---------- HEADER ---------- */
  header{
    position:sticky;top:0;z-index:25;
    background:rgba(7,11,46,.82);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;max-width:1180px;margin:0 auto;gap:12px}
  .brand{display:flex;align-items:center;gap:10px}
  .brand{display:flex;align-items:center;gap:12px}
  .brand-icon{height:42px;width:auto;display:block}
  .brand-logo-text{height:34px;width:auto;display:block}
  .nav-call{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--amber);color:var(--navy-950);
    font-family:'Archivo';font-weight:800;font-size:.95rem;
    padding:10px 16px;border-radius:999px;white-space:nowrap;
    box-shadow:0 6px 18px rgba(255,194,28,.32);
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .nav-call:active{transform:scale(.96)}
  .nav-call svg{width:16px;height:16px}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    padding:54px 0 60px;
    background:
      radial-gradient(900px 520px at 80% -10%, rgba(42,59,176,.55), transparent 60%),
      radial-gradient(700px 460px at -10% 110%, rgba(28,44,143,.45), transparent 55%),
      linear-gradient(180deg,var(--navy-900),var(--navy-950));
    overflow:hidden;
  }
  .hero::after{
    content:"";position:absolute;inset:0;
    background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);
    background-size:22px 22px;opacity:.5;pointer-events:none;
  }
  .hero .wrap{position:relative;z-index:2}
  .hero-container{display:flex;align-items:center;justify-content:space-between;gap:40px}
  .hero-content{flex:1;max-width:650px}
  .hero-media{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}
  .hero-mascot{max-width:100%;height:auto;max-height:380px;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(0,0,0,0.5));animation:floatMascot 6s ease-in-out infinite;z-index:1;margin-bottom:-35px}
  .hero-brand-logo{max-width:90%;height:auto;max-height:90px;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.4));z-index:2}
  @keyframes floatMascot{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
  .badge{
    display:inline-flex;align-items:center;gap:9px;
    background:rgba(37,211,102,.14);border:1px solid rgba(37,211,102,.5);
    color:#7dffb0;font-weight:700;font-size:.82rem;letter-spacing:.04em;
    padding:7px 14px;border-radius:999px;text-transform:uppercase;
  }
  .pulse{width:9px;height:9px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 0 rgba(37,211,102,.7);animation:pulse 1.8s infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

  .hero h1{
    font-size:clamp(2.3rem,8.5vw,4.6rem);
    margin:18px 0 6px;color:#fff;text-transform:uppercase;
  }
  .hero h1 .hl{color:var(--amber);display:inline-block}
  .hero .sub{
    font-size:clamp(1.05rem,3.6vw,1.35rem);
    color:var(--muted);max-width:560px;margin-top:14px;font-weight:500;
  }
  .hero .sub b{color:#fff;font-weight:700}

  .cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    font-family:'Archivo';font-weight:800;font-size:1.12rem;
    padding:17px 26px;border-radius:14px;border:none;cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
    white-space:nowrap;
  }
  .btn:active{transform:scale(.97)}
  .btn svg{width:21px;height:21px;flex:none}
  .btn-call{background:var(--amber);color:var(--navy-950);box-shadow:0 10px 30px rgba(255,194,28,.34)}
  .btn-call:hover{filter:brightness(1.05)}
  .btn-wa{background:var(--emerald);color:#fff;box-shadow:0 10px 30px rgba(37,211,102,.32)}
  .btn-wa:hover{background:var(--emerald-dark)}

  .trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px}
  .trust span{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--cream);font-size:.97rem}
  .trust .dot{width:7px;height:7px;border-radius:50%;background:var(--amber)}

  /* ---------- QUICK PICK ---------- */
  .pick{padding:40px 0 10px}
  .pick h2{font-size:clamp(1.5rem,5vw,2rem);text-transform:uppercase;color:#fff}
  .pick p.k{color:var(--muted);margin:6px 0 22px;font-weight:500}
  .pick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
  .chip{
    display:flex;align-items:center;gap:12px;
    background:linear-gradient(180deg,rgba(42,59,176,.30),rgba(20,32,107,.30));
    border:1px solid rgba(255,255,255,.10);
    padding:16px;border-radius:14px;font-weight:700;color:#fff;font-size:1rem;
    transition:border-color .15s, transform .15s, background .15s;
  }
  .chip:active{transform:scale(.98)}
  .chip:hover{border-color:var(--amber);background:linear-gradient(180deg,rgba(42,59,176,.5),rgba(20,32,107,.45))}
  .chip .ic{width:38px;height:38px;flex:none;display:grid;place-items:center;background:var(--amber);border-radius:10px;color:var(--navy-950)}
  .chip .ic svg{width:21px;height:21px}

  /* ---------- SERVICES ---------- */
  .services{padding:56px 0}
  .sec-head{text-align:center;max-width:640px;margin:0 auto 36px}
  .sec-head .eyebrow{color:var(--amber);font-family:'Archivo';font-weight:800;letter-spacing:.14em;font-size:.82rem;text-transform:uppercase}
  .sec-head h2{font-size:clamp(1.8rem,6vw,2.6rem);text-transform:uppercase;color:#fff;margin-top:8px}
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .card{
    background:linear-gradient(180deg,rgba(20,32,107,.45),rgba(12,18,68,.45));
    border:1px solid rgba(255,255,255,.08);
    border-radius:var(--radius);padding:26px 22px;position:relative;overflow:hidden;
    transition:transform .2s ease, border-color .2s ease;
  }
  .card:hover{transform:translateY(-4px);border-color:rgba(255,194,28,.5)}
  .card .ic{width:50px;height:50px;display:grid;place-items:center;background:var(--amber);border-radius:13px;color:var(--navy-950);margin-bottom:16px}
  .card .ic svg{width:27px;height:27px}
  .card h3{font-size:1.22rem;color:#fff;text-transform:uppercase;font-weight:800}
  .card p{color:var(--muted);margin-top:8px;font-size:.97rem}
  .card .line{height:2px;width:46px;background:var(--amber);margin:12px 0;border-radius:2px}

  /* ---------- BRANDS / ASSURANCE ---------- */
  .assure{background:linear-gradient(180deg,var(--navy-900),var(--navy-950));padding:50px 0;text-align:center}
  .assure h2{font-size:clamp(1.5rem,5vw,2.1rem);color:#fff;text-transform:uppercase}
  .assure p{color:var(--muted);max-width:560px;margin:12px auto 26px;font-weight:500}
  /* ---------- LOGO TICKER / MARQUEE ---------- */
  .brands-marquee {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 30px 0;
    background: rgba(255, 255, 255, 0.01);
    border-top: 1px solid rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    margin-top: 20px;
  }

  /* Gradiente de desbotamento nas laterais para visual premium */
  .brands-marquee::before,
  .brands-marquee::after {
    background: linear-gradient(to right, var(--navy-950) 0%, transparent 100%);
    content: "";
    height: 100%;
    position: absolute;
    width: 150px;
    z-index: 2;
    top: 0;
    pointer-events: none;
  }
  .brands-marquee::before {
    left: 0;
  }
  .brands-marquee::after {
    right: 0;
    transform: rotateZ(180deg);
  }

  .brands-track {
    display: flex;
    width: calc(160px * 26); /* 13 logos * 2 conjuntos = 26 slides */
    animation: scrollLogos 35s linear infinite;
  }

  .brand-slide {
    width: 160px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    padding: 0 25px;
  }

  .brand-slide img {
    height: 50px;
    width: auto;
    object-fit: contain;
    opacity: 0.85;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }

  .brand-slide img:hover {
    opacity: 1;
    transform: scale(1.08);
  }

  @keyframes scrollLogos {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-160px * 13)); /* Metodo de rolagem continua infinita */
    }
  }

  /* ---------- CTA BAND ---------- */
  .band{
    margin:0 20px;border-radius:24px;
    background:linear-gradient(120deg,var(--amber),var(--amber-deep));
    color:var(--navy-950);text-align:center;padding:44px 24px;
    max-width:1140px;margin-left:auto;margin-right:auto;
    box-shadow:0 24px 60px rgba(255,157,0,.25);
  }
  .band h2{font-size:clamp(1.7rem,6vw,2.6rem);text-transform:uppercase}
  .band p{font-weight:600;margin:10px 0 24px;font-size:1.08rem}
  .band .phone{font-family:'Archivo';font-weight:900;font-size:clamp(1.8rem,8vw,3rem);display:inline-flex;align-items:center;gap:12px;margin-top:6px}
  .band .phone svg{width:30px;height:30px}

  /* ---------- CONTACT / FOOTER ---------- */
  footer{padding:50px 0 36px;background:var(--navy-950)}
  .foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px}
  .foot-grid img.logo{height:54px;border-radius:10px;margin-bottom:14px}
  .foot-grid h4{font-family:'Archivo';color:var(--amber);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;margin-bottom:14px}
  .foot-grid p,.foot-grid a{color:var(--muted);font-weight:500;display:flex;gap:10px;margin-bottom:10px;align-items:flex-start}
  .foot-grid a:hover{color:#fff}
  .foot-grid svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--amber)}
  .socials{display:flex;gap:12px;margin-top:6px}
  .socials a{width:44px;height:44px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin:0}
  .socials a:hover{background:var(--amber);color:var(--navy-950)}
  .socials svg{width:20px;height:20px;margin:0;color:inherit}
  .copyright{text-align:center;color:var(--muted);font-size:.86rem;margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07)}

  /* ---------- NAVIGATION MENU ---------- */
  .nav-links{
    display:flex;
    gap:24px;
    align-items:center;
  }
  .nav-links a{
    color:var(--cream);
    font-weight:600;
    font-size:0.95rem;
    transition:color 0.2s ease;
    position:relative;
  }
  .nav-links a::after{
    content:"";
    position:absolute;
    width:0;
    height:2px;
    bottom:-4px;
    left:0;
    background-color:var(--amber);
    transition:width 0.2s ease;
  }
  .nav-links a:hover{
    color:var(--white);
  }
  .nav-links a:hover::after{
    width:100%;
  }

  @media(max-width:860px){
    .nav-links{display:none}
  }

  /* ---------- SERVICES PICK SECTION TWO COLUMN ---------- */
  .pick {
    padding: 56px 0;
  }
  .pick-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }
  .pick-content {
    flex: 1.2;
  }
  .pick-media {
    flex: 0.8;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 440px;
  }
  .pick-slider {
    width: 100%;
    height: 320px;
    border-radius: var(--radius);
    overflow: hidden;
    border: 3px solid var(--amber);
    box-shadow: 0 15px 35px rgba(255, 194, 28, 0.15), 0 15px 35px rgba(0, 0, 0, 0.4);
    position: relative;
  }
  .pick-slider-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .pick-slider-track img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex-shrink: 0;
  }

  @media(max-width:860px){
    .pick-container {
      flex-direction: column;
      gap: 30px;
    }
    .pick-media {
      max-width: 100%;
    }
    .pick-slider {
      height: 280px;
    }
  }

  /* ---------- LOCAL STRUCTURE SECTION ---------- */
  .local-gallery {
    padding: 60px 0;
    background: linear-gradient(180deg, var(--navy-950), var(--navy-900));
    border-top: 1px solid rgba(255, 255, 255, 0.05);
  }
  .local-slider {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    height: 480px;
    border-radius: var(--radius);
    overflow: hidden;
    border: 3px solid var(--amber);
    box-shadow: 0 20px 45px rgba(255, 194, 28, 0.15), 0 20px 45px rgba(0, 0, 0, 0.5);
  }
  .local-slider-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .local-slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
  }
  .local-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .slider-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
  }
  .slider-dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease;
  }
  .slider-dots .dot.active {
    background: var(--amber);
    transform: scale(1.2);
  }

  @media(max-width:860px){
    .local-slider {
      height: 360px;
    }
  }
  @media(max-width:620px){
    .local-slider {
      height: 260px;
    }
  }

  /* ---------- LOCATION MAP ---------- */
  .location-map {
    padding: 60px 0;
    background: var(--navy-950);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
  }
  .map-container {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    border-radius: var(--radius);
    overflow: hidden;
  }
  @media(max-width:860px){
    .map-container iframe {
      height: 300px !important;
    }
  }

  /* ---------- GOOGLE MAP ACTIONS ---------- */
  .map-actions {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 24px;
    flex-wrap: wrap;
  }
  .btn-map-action {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 26px;
    border-radius: 12px;
    font-family: 'Archivo';
    font-weight: 800;
    font-size: 0.95rem;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease, filter 0.15s ease;
    cursor: pointer;
  }
  .btn-map-profile {
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
  }
  .btn-map-profile:hover {
    background: rgba(255,255,255,0.12);
    transform: translateY(-2px);
  }
  .btn-map-review {
    background: var(--amber);
    color: var(--navy-950);
    box-shadow: 0 6px 20px rgba(255,194,28,0.25);
  }
  .btn-map-review:hover {
    filter: brightness(1.05);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255,194,28,0.4);
  }
  .btn-map-action:active {
    transform: scale(0.96);
  }

  /* ---------- STICKY MOBILE BAR ---------- */
  .mobile-bar{
    position:fixed;left:0;right:0;bottom:0;z-index:40;
    display:none;gap:0;
    background:rgba(7,11,46,.96);backdrop-filter:blur(12px);
    border-top:1px solid rgba(255,255,255,.1);
    padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  }
  .mobile-bar a{
    flex:1;display:flex;align-items:center;justify-content:center;gap:9px;
    font-family:'Archivo';font-weight:800;font-size:1.05rem;
    padding:15px 8px;border-radius:13px;margin:0 5px;
  }
  .mobile-bar a svg{width:20px;height:20px}
  .mb-call{background:var(--amber);color:var(--navy-950)}
  .mb-wa{background:var(--emerald);color:#fff}

  /* ---------- RESPONSIVE ---------- */
  @media(max-width:860px){
    .hero-container{flex-direction:column;text-align:center;gap:30px}
    .hero-mascot{max-height:300px}
    .hero-brand-logo{max-height:75px}
    .cta-row{justify-content:center}
    .cards{grid-template-columns:1fr 1fr}
    .foot-grid{grid-template-columns:1fr 1fr}
    .foot-grid > div:first-child{grid-column:1 / -1}
  }
  @media(max-width:620px){
    body{padding-bottom:84px}
    .hero{padding:38px 0 46px}
    .nav-call{display:none}          /* phone lives in sticky bar on mobile */
    .cta-row .btn{flex:1 1 100%}
    .cards{grid-template-columns:1fr}
    .pick-grid{grid-template-columns:1fr}
    .foot-grid{grid-template-columns:1fr;gap:26px}
    .foot-grid > div:first-child{grid-column:auto}
    .mobile-bar{display:flex}
    .band{margin:0 14px;padding:34px 18px}
  }

  /* ---------- FLOATING WHATSAPP BUTTON ---------- */
  .float-wa{
    position:fixed;
    width:60px;
    height:60px;
    bottom:24px;
    right:24px;
    background-color:#25d366;
    color:#fff;
    border-radius:50%;
    text-align:center;
    box-shadow:0 6px 20px rgba(37,211,102,0.4);
    z-index:99;
    display:grid;
    place-items:center;
    transition:transform 0.2s ease, box-shadow 0.2s ease;
  }
  .float-wa svg{
    width:32px;
    height:32px;
  }
  .float-wa:hover{
    transform:scale(1.08);
    box-shadow:0 8px 25px rgba(37,211,102,0.6);
  }
  .float-wa:active{
    transform:scale(0.95);
  }

  @media(max-width:620px){
    .float-wa{
      bottom: 90px; /* Posicionado de forma limpa acima da barra de acao inferior sticky */
      right: 20px;
      width: 55px;
      height: 55px;
      box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    }
    .float-wa svg{
      width: 28px;
      height: 28px;
    }
  }

  /* ---------- SEO CONTENT BLOCKS ---------- */
  .seo-block{
    padding:36px 0;
    background:linear-gradient(180deg,var(--navy-900),var(--navy-950));
    border-top:1px solid rgba(255,255,255,.05);
  }
  .seo-block p{
    color:var(--muted);
    max-width:760px;margin:0 auto;
    font-size:1.02rem;line-height:1.65;
  }
  .seo-block p b{color:#fff}

  /* ---------- CONTENT SECTIONS (servicos / faq / blog) ---------- */
  .content{padding:60px 0}
  .content h2{
    font-size:clamp(1.5rem,4.5vw,2rem);
    color:#fff;
    margin-top:36px;
    margin-bottom:14px;
  }
  .content h2:first-of-type{margin-top:0}
  .content h3{
    font-size:clamp(1.15rem,3.2vw,1.4rem);
    color:var(--amber);
    margin-top:24px;
    margin-bottom:10px;
  }
  .content p{
    color:var(--cream);
    margin-bottom:14px;
    font-size:1.02rem;
    line-height:1.7;
  }
  .content ul,.content ol{
    color:var(--cream);
    margin:0 0 18px 22px;
    line-height:1.75;
  }
  .content li{margin-bottom:6px}
  .content img{
    width:100%;
    max-width:760px;
    height:auto;
    border-radius:var(--radius);
    border:2px solid rgba(255,194,28,.25);
    margin:20px auto;
    display:block;
  }

  /* ---------- FAQ ACCORDION ---------- */
  .faq-item{
    background:linear-gradient(180deg,rgba(20,32,107,.45),rgba(12,18,68,.45));
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:18px 22px;
    margin-bottom:12px;
    transition:border-color .2s ease;
  }
  .faq-item[open]{border-color:rgba(255,194,28,.5)}
  .faq-item summary{
    font-family:'Archivo';
    font-weight:800;
    color:#fff;
    font-size:1.1rem;
    cursor:pointer;
    list-style:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:14px;
  }
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item summary::after{
    content:"+";
    color:var(--amber);
    font-size:1.6rem;
    line-height:1;
    flex:none;
    transition:transform .2s ease;
  }
  .faq-item[open] summary::after{transform:rotate(45deg)}
  .faq-item p{
    color:var(--cream);
    margin-top:14px;
    line-height:1.7;
  }

  /* ---------- RELATED / SEE ALSO ---------- */
  .related{
    padding:50px 0 30px;
    background:var(--navy-950);
    border-top:1px solid rgba(255,255,255,.06);
  }
  .related .sec-head{margin-bottom:24px}
  .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .related-card{
    background:linear-gradient(180deg,rgba(20,32,107,.45),rgba(12,18,68,.45));
    border:1px solid rgba(255,255,255,.08);
    border-radius:var(--radius);
    padding:22px 20px;
    transition:transform .2s ease, border-color .2s ease;
    display:block;
  }
  .related-card:hover{transform:translateY(-3px);border-color:rgba(255,194,28,.5)}
  .related-card h3{color:#fff;font-size:1.05rem;margin-bottom:6px}
  .related-card p{color:var(--muted);font-size:.92rem}
  @media(max-width:860px){
    .related-grid{grid-template-columns:1fr}
  }

  /* ---------- BLOG PREVIEW CARDS ---------- */
  .blog-preview{padding:60px 0;background:linear-gradient(180deg,var(--navy-950),var(--navy-900))}
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .blog-card{
    background:linear-gradient(180deg,rgba(20,32,107,.45),rgba(12,18,68,.45));
    border:1px solid rgba(255,255,255,.08);
    border-radius:var(--radius);
    overflow:hidden;
    transition:transform .2s ease, border-color .2s ease;
    display:block;
  }
  .blog-card:hover{transform:translateY(-3px);border-color:rgba(255,194,28,.5)}
  .blog-card img{width:100%;height:200px;object-fit:cover;border-radius:0;border:none;margin:0;display:block}
  .blog-card .body{padding:18px 20px}
  .blog-card .eyebrow{color:var(--amber);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
  .blog-card h3{color:#fff;font-size:1.1rem;margin:6px 0 8px}
  .blog-card p{color:var(--muted);font-size:.92rem}
  @media(max-width:860px){
    .blog-grid{grid-template-columns:1fr}
  }

  /* ---------- BREADCRUMB ---------- */
  .breadcrumb{
    padding:14px 0;
    background:var(--navy-950);
    border-bottom:1px solid rgba(255,255,255,.05);
    font-size:.88rem;
  }
  .breadcrumb a,.breadcrumb span{color:var(--muted)}
  .breadcrumb a:hover{color:#fff}
  .breadcrumb .sep{margin:0 8px;opacity:.5}
  .breadcrumb .current{color:var(--amber);font-weight:700}