:root{
    --bg:#070A12;
    --surface:#0D1220;
    --border:#1B2236;
    --text:#F8FAFC;
    --muted:#A8B3CF;
    --gold:#D4AF37;
    --radius:22px;
    --radius-sm:14px;
    --shadow: 0 20px 60px rgba(0,0,0,.45);
    --container: 1200px;
  }
  
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    margin:0;
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    background: var(--bg);
    color: var(--text);
    line-height:1.6;
  }
  a{color:inherit; text-decoration:none}
  img{max-width:100%; height:auto}
  .container{max-width:var(--container); margin:0 auto; padding:0 20px}
  .main{min-height:60vh}
  
  /* Type */
  .h1{font-family:Montserrat, Inter, sans-serif; font-size:56px; line-height:1.05; letter-spacing:-.5px; margin:12px 0 0}
  .h2{font-family:Montserrat, Inter, sans-serif; font-size:40px; line-height:1.1; margin:0}
  .h3{font-family:Montserrat, Inter, sans-serif; font-size:22px; line-height:1.2; margin:0}
  .lead{font-size:18px; max-width:60ch}
  .small{font-size:14px}
  .muted{color:var(--muted)}
  
  /* Header */
  .header{
    position:sticky; top:0; z-index:999;
    background: rgba(7,10,18,.65);
    backdrop-filter: blur(10px);
    border-bottom:1px solid var(--border);
  }
  .header__inner{
    display:flex; align-items:center; justify-content:space-between;
    min-height:76px; gap:16px;
  }
  .brand{display:flex; gap:8px; align-items:baseline; font-weight:800}
  .brand__name{font-family:Montserrat, Inter, sans-serif; letter-spacing:-.2px}
  .brand__accent{color:var(--gold); font-family:Montserrat, Inter, sans-serif}
  .nav__links{display:flex; gap:22px; list-style:none; padding:0; margin:0}
  .nav__links a{color:var(--text); opacity:.9}
  .nav__links a:hover{color:var(--gold); opacity:1}
  .header__cta{display:flex; align-items:center; gap:12px}
  .nav__toggle{
    display:none; width:42px; height:42px; border:1px solid var(--border);
    background:transparent; border-radius:12px; padding:10px; cursor:pointer;
  }
  .nav__toggle span{display:block; height:2px; background:var(--text); margin:5px 0; opacity:.9}
  
  /* Mobile Nav */
  .mobile-nav{
    display:none;
    border-top:1px solid var(--border);
    background: rgba(7,10,18,.9);
  }
  .mobile-nav__inner{padding:16px 20px 22px}
  .mobile-nav .nav__links{flex-direction:column; gap:14px}
  .mobile-nav__cta{display:flex; gap:10px; margin-top:14px}
  
  /* Buttons */
  .btn{
    display:inline-flex; align-items:center; justify-content:center;
    border-radius:16px;
    padding:14px 18px;
    font-weight:600; font-size:15px;
    border:1px solid transparent;
    transition: transform .12s ease, border-color .12s ease, background .12s ease, color .12s ease;
    
  }
  .btn:active{transform: translateY(1px)}
  .btn--primary{background:var(--gold); color:#070A12}
  .btn--primary:hover{background:transparent; color:var(--gold); border-color:var(--gold)}
  .btn--outline{background:transparent; color:var(--text); border-color:var(--border)}
  .btn--outline:hover{border-color:var(--gold); color:var(--gold)}
  .btn--full{width:100%}
  
  /* Sections */
  .section{padding:96px 0}
  .section--tight{padding:72px 0}
  .section--alt{
    background: var(--surface);
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
  }
  .section-head{display:flex; flex-direction:column; gap:12px; margin-bottom:24px; max-width:72ch}
  
  /* Hero */
  .hero{padding:64px 0 72px; min-height:82vh; display:flex; align-items:center}
  .hero__inner{display:flex; gap:48px; align-items:center; justify-content:space-between}
  .hero__left{flex:1}
  .hero__right{width:42%}
  .badge{
    display:inline-flex; align-items:center;
    padding:10px 14px;
    border-radius:999px;
    background:var(--surface);
    border:1px solid var(--border);
    color:var(--muted);
    font-size:14px;
  }
  .icon-list{list-style:none; padding:0; margin:16px 0 0; display:grid; gap:10px}
  .icon-list li{padding-left:26px; position:relative}
  .icon-list li:before{
    content:"✓"; position:absolute; left:0; top:0; color:var(--gold); font-weight:800
  }
  .hero__cta{display:flex; gap:12px; margin-top:18px; flex-wrap:wrap}
  .card{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:28px;
    box-shadow: var(--shadow);
  }
  .hero-card__title{font-weight:700; margin-bottom:14px}
  .timeline{display:grid; gap:10px; margin:12px 0 16px}
  .timeline__item{display:flex; gap:10px; align-items:center; color:var(--muted)}
  .dot{width:10px; height:10px; border-radius:999px; background:var(--gold); display:inline-block}
  .pills{display:flex; gap:8px; flex-wrap:wrap}
  .pill{
    font-size:12px; padding:7px 10px; border-radius:999px;
    border:1px solid var(--border); color:var(--muted);
    background: rgba(255,255,255,.02);
  }
  
  /* Proof strip */
  .proof{
    background: var(--surface);
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
    padding:18px 0;
  }
  .proof__inner{display:flex; gap:12px; justify-content:space-between; flex-wrap:wrap}
  .proof__item{
    border:1px solid var(--border);
    border-radius:999px;
    padding:10px 14px;
    font-size:14px;
    color:var(--muted);
    background: rgba(255,255,255,.02);
  }
  
  /* Grids */
  .grid{display:grid; gap:18px}
  .grid--3{grid-template-columns: repeat(3, 1fr)}
  .grid--4{grid-template-columns: repeat(4, 1fr)}
  
  .service-card .mini-list{margin:12px 0 0; padding-left:18px; color:var(--muted)}
  .service-card .mini-list li{margin:6px 0}
  .link{color:var(--gold); font-weight:600}
  .link:hover{text-decoration:underline}
  
  .industry-card{transition: transform .12s ease, border-color .12s ease}
  .industry-card:hover{transform: translateY(-3px); border-color: var(--gold)}
  
  .offer{display:grid; grid-template-columns: 1.2fr .8fr; gap:34px; align-items:start}
  .offer-card{background: var(--bg); border-color: var(--border)}
  
  /* Steps */
  .step-badge{
    display:inline-flex; align-items:center; justify-content:center;
    width:44px; height:44px; border-radius:14px;
    border:1px solid var(--border);
    color:var(--gold);
    font-weight:800;
    margin-bottom:12px;
  }
  
  /* FAQ */
  .faq{display:grid; gap:12px; max-width: 860px}
  .faq__q{
    width:100%; text-align:left; cursor:pointer;
    padding:16px 18px;
    border-radius:16px;
    background: transparent;
    border:1px solid var(--border);
    color: var(--text);
    font-weight:600;
  }
  .faq__q:hover{border-color: var(--gold)}
  .faq__a{
    display:none;
    padding:0 18px 14px;
  }
  .faq__a p{margin:10px 0 0}
  
  /* Final CTA */
  .final{padding:96px 0}
  .final__inner{max-width:860px}
  .final__cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:16px}
  
  /* Contact template */
  .two-col{display:grid; grid-template-columns: 1.1fr .9fr; gap:34px; align-items:start}
  .trust-grid{display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; margin-top:18px}
  .trust-item{border:1px solid var(--border); background: rgba(255,255,255,.02); border-radius:16px; padding:14px}
  .trust-title{font-weight:700; margin-bottom:4px}
  
  .card--form{box-shadow: var(--shadow)}
  .card__head{margin-bottom:14px}
  
  /* Form */
  .form{display:grid; gap:12px}
  .form__row label, .form__row legend{display:block; font-weight:600; font-size:14px; margin-bottom:6px}
  input, select, textarea{
    width:100%;
    border-radius: var(--radius-sm);
    border:1px solid var(--border);
    background: var(--bg);
    color: var(--text);
    padding:12px 12px;
    outline:none;
  }
  input:focus, select:focus, textarea:focus{border-color: var(--gold)}
  .form__grid{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
  .checks{display:grid; gap:8px}
  .checks label{font-weight:500; color:var(--muted)}
  .checks input{width:auto; margin-right:8px}
  
  .notice{
    padding:12px 14px;
    border-radius:14px;
    border:1px solid var(--border);
    margin-top:10px;
  }
  .notice--success{border-color: rgba(212,175,55,.45)}
  .notice--error{border-color: rgba(255,90,90,.45)}
  
  /* Footer */
  .footer{border-top:1px solid var(--border); background: var(--bg)}
  .footer__top{padding:72px 20px; display:grid; grid-template-columns: 1.2fr 1fr 1fr; gap:28px}
  .footer__brand{font-weight:800; font-size:18px}
  .footer__title{font-weight:800; margin-bottom:12px}
  .footer__links{list-style:none; padding:0; margin:0; display:grid; gap:10px}
  .footer__links a{color:var(--muted)}
  .footer__links a:hover{color:var(--gold)}
  .footer__bottom{padding:18px 20px; border-top:1px solid var(--border); display:flex; justify-content:space-between; align-items:center}
  .footer__legal{display:flex; gap:10px; align-items:center}
  .footer__legal a{color:var(--muted)}
  .footer__legal a:hover{color:var(--gold)}
  
  /* WhatsApp floating */
  .wa-float{
    position:fixed; right:18px; bottom:18px; z-index:9999;
    background: var(--gold);
    color:#070A12;
    padding:14px 16px;
    border-radius: 999px;
    font-weight:800;
    box-shadow: var(--shadow);
  }
  
  /* Responsive */
  @media (max-width: 1024px){
    .h1{font-size:44px}
    .h2{font-size:34px}
    .hero__inner{flex-direction:column; align-items:stretch}
    .hero__right{width:100%}
    .grid--3{grid-template-columns: 1fr 1fr}
    .grid--4{grid-template-columns: 1fr 1fr}
    .offer{grid-template-columns: 1fr}
    .two-col{grid-template-columns: 1fr}
    .trust-grid{grid-template-columns: 1fr}
    .nav{display:none}
    .nav__toggle{display:inline-block}
    .mobile-nav.show{display:block}
    .footer__top{grid-template-columns: 1fr; padding:56px 20px}
  }
  @media (max-width: 640px){
    .h1{font-size:36px}
    .grid--3, .grid--4{grid-template-columns: 1fr}
    .hero{min-height:auto; padding:44px 0 56px}
    .section{padding:56px 0}
  }
  /* ===== Mobile header fix: show full brand ===== */
@media (max-width: 640px){

  /* Hide header WhatsApp button (float button still available) */
  #whatsapp-top{
    display: none !important;
  }

  /* Give brand more space */
  .header__inner{
    gap: 10px;
  }

  .brand{
    flex: 1 1 auto;     /* allow it to take available space */
    min-width: 0;
    white-space: nowrap; /* keep Limbada + Consulting on one line */
  }

  .brand__name,
  .brand__accent{
    font-size: 16px;     /* small enough to fit */
  }

  /* Keep CTA compact */
  .header__cta .btn--primary{
    padding: 10px 12px;
    font-size: 13px;
    border-radius: 14px;
    white-space: nowrap;
  }

  /* Hamburger stays visible + compact */
  .nav__toggle{
    width: 40px;
    height: 40px;
  }
}
/* iOS/Touch devices: don't apply hover styles */
@media (hover: none) and (pointer: coarse){
  .btn--primary:hover{
    background: var(--gold);
    color: #070A12;
    border-color: transparent;
  }
}
@media (max-width: 640px){

  /* Hide header WhatsApp (you have the floating one) */
  #whatsapp-top{ display:none !important; }

  .header__inner{
    gap: 10px;
    min-height: 70px;
  }

  /* Brand gets the space, and won't collide */
  .brand{
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
  }

  /* Keep logo readable but compact */
  .brand__name, .brand__accent{
    font-size: 15px;
  }

  /* Tight CTA area */
  .header__cta{
    flex: 0 0 auto;
    gap: 8px;
  }

  /* Compact pill CTA */
  .btn--audit{
    padding: 10px 12px;
    font-size: 13px;
    border-radius: 999px;
    white-space: nowrap;
  }
}
/* ===== NUCLEAR OVERRIDE: force audit label swap on mobile ===== */
.header .header__cta a.btn.btn--audit span.btn-text-desktop { display: inline !important; }
.header .header__cta a.btn.btn--audit span.btn-text-mobile  { display: none !important; }

@media (max-width: 640px){
  .header .header__cta a.btn.btn--audit span.btn-text-desktop { display: none !important; }
  .header .header__cta a.btn.btn--audit span.btn-text-mobile  { display: inline !important; }
}