:root {
      --bg:#050505;
      --panel:#090909;
      --panel-2:#0c0a09;
      --text:#f4f0eb;
      --muted:#aaa39c;
      --line:rgba(255,255,255,.09);
      --orange:#ff8619;
      --orange-soft:#ffb15a;
      --red:#ff293d;
      --red-soft:#ff6672;
      --max:1300px;
      --header-h:76px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      background:
        radial-gradient(circle at 18% 0%, rgba(255,134,25,.035), transparent 24%),
        radial-gradient(circle at 82% 0%, rgba(255,41,61,.028), transparent 24%),
        #020202;
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      line-height:1.6;
      overflow-x:hidden;
    }

    .site-frame{
      width:100%;
      margin:0;
      border:0;
      border-radius:0;
      overflow:hidden;
      background:#050505;
      box-shadow:none;
      position:relative;
    }

    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    img{display:block;max-width:100%}
    .container{
      width:min(calc(100% - 96px),var(--max));
      margin-inline:auto;
    }

    /* HEADER */
    .header{
      position:relative;
      z-index:30;
      width:100%;
      height:var(--header-h);
      border-bottom:1px solid rgba(255,255,255,.075);
      background:#050505;
    }
    .header-inner{
      height:var(--header-h);
      min-height:var(--header-h);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }
    .logo{
      width:86px;
      max-height:40px;
      object-fit:contain;
      filter:brightness(0) invert(1);
    }
    .nav{
      display:flex;
      align-items:center;
      gap:28px;
      color:#cec7c1;
      font-size:.84rem;
    }
    .nav a{opacity:.82;transition:.2s ease}
    .nav a:hover{opacity:1;color:#fff}
    .header-cta{
      min-height:44px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:0 17px;
      border:1px solid rgba(255,134,25,.65);
      border-radius:4px;
      color:#fff;
      font-size:.82rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.06em;
      background:rgba(255,134,25,.05);
      transition:.2s ease;
    }
    .header-cta:hover{background:rgba(255,134,25,.12)}

    /* HERO — true 21:9 on desktop */
    .hero{
      position:relative;
      width:100%;
      aspect-ratio:21 / 9;
      min-height:0;
      max-height:none;
      display:flex;
      align-items:center;
      overflow:hidden;
      isolation:isolate;
      background:
        linear-gradient(90deg,
          rgba(3,3,3,.94) 0%,
          rgba(3,3,3,.84) 25%,
          rgba(3,3,3,.55) 43%,
          rgba(3,3,3,.12) 62%,
          rgba(3,3,3,.02) 100%),
        linear-gradient(180deg,
          rgba(0,0,0,.08) 0%,
          rgba(0,0,0,0) 68%,
          rgba(5,5,5,.82) 100%),
        url('../img/ceath-img-01.webp') center center / cover no-repeat;
    }
    .hero::after{
      content:"";
      position:absolute;
      inset:auto 0 0;
      height:120px;
      background:linear-gradient(180deg,transparent,#050505);
      pointer-events:none;
      z-index:-1;
    }
    .hero-inner{
      position:relative;
      z-index:2;
      width:min(calc(100% - 96px), var(--max));
      margin-inline:auto;
      padding-top:0;
    }
    .hero-copy{
      width:min(38vw,560px);
      min-width:0;
    }
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin-bottom:18px;
      color:#e8b47e;
      font-size:.74rem;
      font-weight:800;
      letter-spacing:.18em;
      text-transform:uppercase;
    }
    .eyebrow::before{
      content:"";
      width:32px;
      height:1px;
      background:var(--orange);
      box-shadow:0 0 10px rgba(255,134,25,.7);
    }
    h1{
      margin:0;
      max-width:610px;
      font-family:Oswald,Impact,sans-serif;
      font-size:clamp(3.35rem,4.55vw,5.7rem);
      line-height:.9;
      letter-spacing:-.015em;
      text-transform:uppercase;
      text-wrap:balance;
      text-shadow:0 18px 44px rgba(0,0,0,.55);
    }
    h1 span{color:var(--orange)}
    .hero-text{
      max-width:540px;
      margin:24px 0 0;
      color:#c5beb8;
      font-size:clamp(.98rem,1.1vw,1.1rem);
      line-height:1.7;
    }
    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:16px;
      margin-top:28px;
    }
    .btn{
      min-height:52px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      padding:0 22px;
      border-radius:4px;
      text-transform:uppercase;
      letter-spacing:.055em;
      font-size:.84rem;
      font-weight:800;
      transition:.2s ease;
    }
    .btn-primary{
      color:#fff;
      border:1px solid var(--orange);
      background:linear-gradient(180deg,#f78b22,#9d3a06);
      box-shadow:0 12px 30px rgba(255,104,0,.18);
    }
    .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,104,0,.25)}
    .btn-link{
      min-height:auto;
      padding:10px 0;
      border:0;
      color:#d4cdc7;
      background:transparent;
    }
    .btn-link::after{content:"↘";color:var(--orange);font-size:1.05rem}
    .proof{
      display:flex;
      flex-wrap:wrap;
      gap:22px;
      margin-top:26px;
      color:#a9a29c;
      font-size:.82rem;
    }
    .proof span::before{
      content:"";
      display:inline-block;
      width:6px;height:6px;
      margin-right:8px;
      border-radius:50%;
      background:var(--orange);
      box-shadow:0 0 9px rgba(255,134,25,.65);
      vertical-align:middle;
    }

    /* TRANSITION / BIFURCATION */
    .bifurcation{
      position:relative;
      padding:22px 0 88px;
      background:#050505;
      border-top:1px solid rgba(255,255,255,.045);
    }
    .branch{
      position:relative;
      height:138px;
      margin-top:-20px;
    }
    .branch-node{
      position:absolute;
      left:50%;
      top:0;
      transform:translateX(-50%);
      width:58px;height:58px;
      display:grid;
      place-items:center;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.13);
      background:#080808;
      box-shadow:0 0 24px rgba(255,134,25,.08);
      z-index:2;
    }
    .branch-node img{width:35px;filter:brightness(0) invert(1)}
    .branch svg{
      position:absolute;
      inset:22px 0 0;
      width:100%;
      height:110px;
      overflow:visible;
    }
    .branch-caption{
      position:absolute;
      top:72px;left:50%;
      transform:translateX(-50%);
      color:#7e7771;
      font-size:.7rem;
      text-transform:uppercase;
      letter-spacing:.16em;
      white-space:nowrap;
    }

    .front-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
    }
    .front{
      min-height:460px;
      padding:34px;
      display:flex;
      flex-direction:column;
      border:1px solid rgba(255,255,255,.065);
      background:#080808;
      position:relative;
      overflow:hidden;
      transition:.25s ease;
    }
    .front:hover{transform:translateY(-3px)}
    .front::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
    }
    .front.course::before{
      background:
        radial-gradient(circle at 0 0,rgba(255,134,25,.13),transparent 36%),
        linear-gradient(180deg,rgba(255,134,25,.018),transparent 45%);
    }
    .front.auto::before{
      background:
        radial-gradient(circle at 100% 0,rgba(255,41,61,.13),transparent 36%),
        linear-gradient(180deg,rgba(255,41,61,.018),transparent 45%);
    }
    .front-inner{position:relative;z-index:1}
    .front-label{
      display:block;
      margin-bottom:22px;
      color:#918a84;
      font-size:.72rem;
      text-transform:uppercase;
      letter-spacing:.16em;
    }
    .front h2{
      margin:0 0 8px;
      font-family:Oswald,Impact,sans-serif;
      font-size:clamp(3.3rem,4.6vw,5.3rem);
      line-height:.92;
      text-transform:uppercase;
      letter-spacing:-.01em;
    }
    .course h2{color:var(--orange-soft)}
    .auto h2{color:var(--red-soft)}
    .front .sub{
      margin-bottom:18px;
      color:#e2dcd6;
      font-size:.84rem;
      text-transform:uppercase;
      letter-spacing:.1em;
    }
    .front p{
      max-width:520px;
      margin:0;
      color:var(--muted);
    }
    .feature-list{
      list-style:none;
      padding:0;
      margin:24px 0 30px;
      display:grid;
      gap:10px;
    }
    .feature-list li{
      position:relative;
      padding-left:18px;
      color:#d6d0ca;
      font-size:.93rem;
    }
    .feature-list li::before{
      content:"";
      position:absolute;
      left:0;top:.62rem;
      width:6px;height:6px;
      border-radius:50%;
      background:var(--orange);
    }
    .auto .feature-list li::before{background:var(--red)}
    .front .btn{margin-top:auto;align-self:flex-start}


    
    
    /* CLEAN PREMIUM FRONTS */
    .bifurcation{
      position:relative;
      padding:118px 0 112px;
      overflow:hidden;
      background:#050505;
      border-top:1px solid rgba(255,255,255,.035);
    }
    .bifurcation::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        radial-gradient(circle at 28% 24%,rgba(255,134,25,.035),transparent 26%),
        radial-gradient(circle at 72% 24%,rgba(255,41,61,.03),transparent 26%);
    }

    .branch{
      position:relative;
      height:154px;
      margin-bottom:36px;
    }
    .branch-node{
      position:absolute;
      left:50%;
      top:0;
      transform:translateX(-50%);
      width:74px;
      height:74px;
      display:grid;
      place-items:center;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.10);
      background:#070707;
      box-shadow:0 0 34px rgba(255,134,25,.06),0 0 44px rgba(255,41,61,.035);
      z-index:3;
    }
    .branch-node img{
      width:36px;
      filter:brightness(0) invert(1);
    }
    .branch svg{
      position:absolute;
      inset:28px 0 0;
      width:100%;
      height:116px;
      overflow:visible;
      filter:drop-shadow(0 0 6px rgba(255,115,20,.12));
    }
    .branch-caption{
      position:absolute;
      top:91px;
      left:50%;
      transform:translateX(-50%);
      color:#827a74;
      font-size:.66rem;
      text-transform:uppercase;
      letter-spacing:.22em;
      white-space:nowrap;
    }

    .front-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:22px;
      align-items:stretch;
    }

    .front{
      position:relative;
      min-height:640px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.075);
      background-color:#050505;
      background-size:cover;
      background-repeat:no-repeat;
      transition:transform .3s ease,border-color .3s ease;
      isolation:isolate;
    }
    .front:hover{
      transform:translateY(-4px);
    }
    .front.course{
      background-image:
        linear-gradient(180deg,
          rgba(0,0,0,.08) 0%,
          rgba(0,0,0,.16) 22%,
          rgba(0,0,0,.56) 48%,
          rgba(0,0,0,.90) 74%,
          rgba(0,0,0,.97) 100%),
        linear-gradient(90deg,
          rgba(0,0,0,.86) 0%,
          rgba(0,0,0,.72) 34%,
          rgba(0,0,0,.44) 60%,
          rgba(0,0,0,.18) 100%),
        url('../img/ceath-img-02.webp');
      background-position:center center,center center,center center;
      background-size:100% 100%,100% 100%,cover;
    }
    .front.auto{
      background-image:
        linear-gradient(180deg,
          rgba(0,0,0,.12) 0%,
          rgba(0,0,0,.22) 22%,
          rgba(0,0,0,.60) 48%,
          rgba(0,0,0,.91) 74%,
          rgba(0,0,0,.97) 100%),
        linear-gradient(90deg,
          rgba(0,0,0,.88) 0%,
          rgba(0,0,0,.76) 34%,
          rgba(0,0,0,.48) 60%,
          rgba(0,0,0,.20) 100%),
        url('../img/ceath-img-03.webp');
      background-position:center center,center center,center center;
      background-size:100% 100%,100% 100%,cover;
    }

    .front::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
      background:
        radial-gradient(circle at 0 0,rgba(255,134,25,.08),transparent 32%);
    }
    .front.auto::before{
      background:
        radial-gradient(circle at 100% 0,rgba(255,41,61,.09),transparent 32%);
    }
    .front.course::after,
    .front.auto::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      top:0;
      height:2px;
      z-index:2;
      pointer-events:none;
    }
    .front.course::after{
      background:linear-gradient(90deg,var(--orange),rgba(255,134,25,.12),transparent 72%);
    }
    .front.auto::after{
      background:linear-gradient(270deg,var(--red),rgba(255,41,61,.12),transparent 72%);
    }

    .front-inner{
      position:relative;
      z-index:1;
      min-height:640px;
      display:flex;
      flex-direction:column;
      padding:28px 30px 32px;
      overflow:hidden;
    }
    .front-inner > *{
      position:relative;
      z-index:1;
    }

    .front-top{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
      color:#c4bdb6;
      font-size:.66rem;
      text-transform:uppercase;
      letter-spacing:.18em;
    }
    .front-status{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:#bdb6b0;
    }
    .front-status::before{
      content:"";
      width:6px;
      height:6px;
      border-radius:50%;
      background:var(--orange);
      box-shadow:0 0 10px rgba(255,134,25,.5);
    }
    .front.auto .front-status::before{
      background:var(--red);
      box-shadow:0 0 10px rgba(255,41,61,.5);
    }

    .front-content{
      position:relative;
      margin-top:auto;
      max-width:560px;
      padding:168px 26px 0 0;
    }
    .front h2{
      margin:0 0 8px;
      font-family:Oswald,Impact,sans-serif;
      font-size:clamp(3.4rem,4.6vw,5.2rem);
      line-height:.9;
      text-transform:uppercase;
      letter-spacing:-.012em;
    }
    .front.course h2{
      color:var(--orange-soft);
      text-shadow:0 0 22px rgba(255,134,25,.10);
    }
    .front.auto h2{
      color:var(--red-soft);
      text-shadow:0 0 22px rgba(255,41,61,.09);
    }
    .front-kicker{
      margin-bottom:14px;
      color:#f0ebe6;
      font-size:.78rem;
      text-transform:uppercase;
      letter-spacing:.13em;
    }
    .front p{
      max-width:515px;
      margin:0;
      color:#e7e1db;
      font-size:.95rem;
      line-height:1.72;
      text-shadow:0 1px 2px rgba(0,0,0,.36);
    }

    .feature-list{
      list-style:none;
      padding:0;
      margin:22px 0 0;
      display:grid;
      gap:9px;
    }
    .feature-list li{
      position:relative;
      padding-left:20px;
      color:#f0ebe6;
      font-size:.9rem;
      text-shadow:0 1px 2px rgba(0,0,0,.25);
    }
    .feature-list li::before{
      content:"";
      position:absolute;
      left:0;
      top:.62rem;
      width:6px;
      height:6px;
      border-radius:50%;
      background:var(--orange);
      box-shadow:0 0 8px rgba(255,134,25,.38);
    }
    .front.auto .feature-list li::before{
      background:var(--red);
      box-shadow:0 0 8px rgba(255,41,61,.36);
    }

    .front-footer{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
      margin-top:26px;
      padding-top:18px;
      border-top:1px solid rgba(255,255,255,.08);
    }
    .front-btn{
      min-height:46px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:0 18px;
      border:1px solid rgba(255,255,255,.12);
      background:transparent;
      color:#fff;
      font-size:.8rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.06em;
      cursor:pointer;
      transition:.2s ease;
    }
    .front.course .front-btn{ border-color:rgba(255,134,25,.55); }
    .front.auto .front-btn{ border-color:rgba(255,41,61,.50); }
    .front-btn:hover{
      background:rgba(255,255,255,.05);
      transform:translateY(-1px);
    }
    .front-code{
      color:#746e68;
      font-size:.61rem;
      text-transform:uppercase;
      letter-spacing:.15em;
      white-space:nowrap;
    }

    @media(max-width:900px){
      .front-grid{ grid-template-columns:1fr; }
      .front,.front-inner{ min-height:610px; }
    }

    @media(max-width:760px){
      .bifurcation{ padding:90px 0 80px; }
      .branch{ height:132px; margin-bottom:24px; }
      .branch-node{ width:64px; height:64px; }
      .branch-node img{ width:32px; }
      .branch-caption{ top:82px; font-size:.6rem; }
      .branch svg{ inset:24px 0 0; height:100px; }
      .front,.front-inner{ min-height:560px; }
      .front-inner{ padding:22px; }
      .front-top{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
      }
      .front-content{
        padding:128px 8px 0 0;
      }
      .front-footer{
        align-items:flex-start;
        flex-direction:column;
      }
    }

    /* CONTENT */
    section.content{
      padding:90px 0;
      border-top:1px solid rgba(255,255,255,.055);
    }
    .section-head{
      max-width:760px;
      margin-bottom:38px;
    }
    .section-head .tag{
      display:block;
      margin-bottom:12px;
      color:#8d857e;
      font-size:.72rem;
      letter-spacing:.16em;
      text-transform:uppercase;
    }
    .section-head h3{
      margin:0;
      font-family:Oswald,Impact,sans-serif;
      font-size:clamp(2.7rem,4.5vw,4.5rem);
      line-height:.96;
      text-transform:uppercase;
      letter-spacing:-.01em;
    }
    .section-head p{
      margin:16px 0 0;
      color:var(--muted);
      max-width:680px;
    }

    .principle{
      display:grid;
      grid-template-columns:1.08fr .92fr;
      gap:20px;
      align-items:stretch;
    }
    .principle-copy,
    .principle-lines{
      padding:30px;
      border:1px solid rgba(255,255,255,.065);
      background:#080808;
    }
    .principle-copy h4{
      margin:0 0 14px;
      font-family:Oswald,Impact,sans-serif;
      font-size:clamp(2rem,3vw,3.2rem);
      line-height:1;
      text-transform:uppercase;
    }
    .principle-copy p{margin:0;color:var(--muted)}
    .principle-lines{display:grid;gap:12px}
    .principle-item{
      display:flex;
      justify-content:space-between;
      gap:24px;
      padding:14px 0;
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .principle-item:last-child{border-bottom:0}
    .principle-item strong{
      text-transform:uppercase;
      letter-spacing:.04em;
    }
    .principle-item.orange strong{color:var(--orange-soft)}
    .principle-item.red strong{color:var(--red-soft)}
    .principle-item span{color:#9f9892;text-align:right}

    .steps{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
    }
    .step{
      min-height:210px;
      padding:26px;
      border:1px solid rgba(255,255,255,.065);
      background:#080808;
    }
    .step .n{
      margin-bottom:18px;
      font-family:Oswald,Impact,sans-serif;
      color:#413a35;
      font-size:3rem;
      line-height:1;
    }
    .step h4{
      margin:0 0 10px;
      color:#eee9e4;
      font-size:1rem;
      text-transform:uppercase;
      letter-spacing:.05em;
    }
    .step p{margin:0;color:var(--muted)}

    /* CTA */
    .cta-section{padding:24px 0 96px}
    .cta-grid{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:18px;
      align-items:start;
    }
    .cta-copy,
    .form-card{
      border:1px solid rgba(255,255,255,.065);
      background:#080808;
      padding:30px;
    }
    .cta-copy{
      background:
        radial-gradient(circle at 0 0,rgba(255,134,25,.08),transparent 34%),
        #080808;
    }
    .cta-copy h3{
      margin:0 0 14px;
      font-family:Oswald,Impact,sans-serif;
      font-size:clamp(2.8rem,4.7vw,4.7rem);
      line-height:.94;
      text-transform:uppercase;
    }
    .cta-copy p{margin:0;color:var(--muted)}
    /* ============================================================
       FORM FIELDS — labels com marcador colorido, cor amarelo-laranja,
       fontes maiores, placeholders legíveis, focus com halo laranja.
       ============================================================ */
    .field{margin-bottom:22px}
    .field label{
      display:flex;
      align-items:center;
      gap:10px;
      margin-bottom:12px;
      color:var(--orange-soft);
      font-family:Oswald,Inter,sans-serif;
      font-size:.98rem;
      font-weight:600;
      text-transform:uppercase;
      letter-spacing:.09em;
    }
    .field label::before{
      content:"";
      display:inline-block;
      width:4px;
      height:16px;
      background:linear-gradient(180deg, var(--orange), var(--red));
      border-radius:2px;
      flex-shrink:0;
    }
    .field input,
    .field select,
    .field textarea{
      width:100%;
      min-height:56px;
      padding:15px 18px;
      border:1.5px solid rgba(255,255,255,.16);
      border-radius:10px;
      background:rgba(255,255,255,.04);
      color:#fff;
      font-size:1.02rem;
      font-weight:500;
      outline:none;
      transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .field input::placeholder,
    .field textarea::placeholder{
      color:rgba(255,255,255,.42);
      font-weight:400;
    }
    .field input:hover,
    .field select:hover,
    .field textarea:hover{
      border-color:rgba(255,177,90,.35);
      background:rgba(255,255,255,.055);
    }
    .field input:focus,
    .field select:focus,
    .field textarea:focus{
      border-color:var(--orange);
      background:rgba(255,134,25,.05);
      box-shadow:0 0 0 4px rgba(255,134,25,.18);
    }
    .field textarea{min-height:120px;resize:vertical;line-height:1.55}

    /* ============================================================
       CHOICE (radio buttons) — cards, título amarelo, selected pop
       ============================================================ */
    .choice-grid{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
    }
    .choice{position:relative}
    .choice input{position:absolute;opacity:0;pointer-events:none}
    .choice label{
      min-height:64px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      margin:0;
      padding:14px 16px;
      border:1.5px solid rgba(255,255,255,.16);
      border-radius:10px;
      background:rgba(255,255,255,.04);
      color:#fff;
      font-family:Oswald,Inter,sans-serif;
      font-size:1rem;
      font-weight:600;
      letter-spacing:.03em;
      cursor:pointer;
      text-align:center;
      text-transform:none;
      transition:all .2s ease;
      position:relative;
    }
    .choice label::before{
      content:"";
      width:20px;
      height:20px;
      flex-shrink:0;
      border-radius:50%;
      border:2px solid rgba(255,177,90,.5);
      background:transparent;
      transition:all .2s ease;
    }
    .choice label:hover{
      border-color:var(--orange-soft);
      background:rgba(255,134,25,.06);
      color:#fff;
    }
    .choice label:hover::before{
      border-color:var(--orange-soft);
      background:rgba(255,177,90,.15);
    }
    .choice input:checked + label{
      border-color:var(--orange);
      background:linear-gradient(135deg, rgba(255,134,25,.22), rgba(255,41,61,.08));
      color:var(--orange-soft);
      box-shadow:0 0 0 3px rgba(255,134,25,.2), 0 8px 22px -8px rgba(255,134,25,.5);
    }
    .choice input:checked + label::before{
      border-color:var(--orange);
      background:var(--orange);
      box-shadow:inset 0 0 0 4px #0a0705;
    }
    .choice input:focus-visible + label{
      outline:2px solid rgba(255,134,25,.6);
      outline-offset:2px;
    }
    .form-note{
      display:none;
      margin-top:12px;
      padding:12px;
      border:1px solid rgba(255,134,25,.18);
      background:rgba(255,134,25,.05);
      color:#eee;
    }

    footer{
      padding:24px 0 38px;
      border-top:1px solid rgba(255,255,255,.055);
      color:#8f8882;
      font-size:.84rem;
    }
    .footer-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }

    @media(max-width:1100px){
      .nav{display:none}
      .hero{
        aspect-ratio:auto;
        min-height:720px;
        background-position:62% center;
      }
      .hero-copy{width:min(62vw,600px);min-width:0}
      .principle,.cta-grid{grid-template-columns:1fr}
      .steps{grid-template-columns:1fr}
    }

    @media(max-width:760px){
      :root{
        --header-h:66px;
      }
      .site-frame{
        width:100%;
        margin:0;
        border:0;
        border-radius:0;
      }
      .container{width:min(calc(100% - 32px),var(--max))}
      .header{height:var(--header-h)}
      .header-inner{height:var(--header-h);min-height:var(--header-h)}
      .logo{width:74px;max-height:34px}
      .header-cta{display:none}
      .hero{
        min-height:720px;
        align-items:flex-end;
        padding-bottom:70px;
        background:
          linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.42) 40%,#050505 94%),
          linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.18)),
          url('../img/ceath-img-01.webp') 66% center / cover no-repeat;
      }
      .hero-inner{padding-top:0}
      .hero-inner{
        width:min(calc(100% - 32px), var(--max));
        margin-inline:auto;
        padding-top:0;
      }
      .hero-copy{width:100%;max-width:540px}
      h1{font-size:clamp(3.4rem,16vw,5rem)}
      .hero-text{font-size:.96rem}
      .proof{gap:12px;flex-direction:column}
      .bifurcation{padding-bottom:70px}
      .branch{height:116px}
      .branch-caption{top:70px;font-size:.64rem}
      .front-grid{grid-template-columns:1fr}
      .front{min-height:auto;padding:26px}
      .front h2{font-size:clamp(3.4rem,15vw,4.8rem)}
      section.content{padding:70px 0}
      .principle{grid-template-columns:1fr}
      .principle-item{flex-direction:column;gap:4px}
      .principle-item span{text-align:left}
      .choice-grid{grid-template-columns:1fr}
      .footer-inner{flex-direction:column;align-items:flex-start}
    }
  
    /* ===== UI/UX ADVERSARIAL REVISION ===== */

    /* Cards: image and overlay truly reach the physical edge */
    .front{
      border:0 !important;
      outline:0 !important;
      background-origin:border-box !important;
      background-clip:border-box !important;
    }

    /* Shared system section language */
    .system-section{
      position:relative;
      padding:112px 0;
      background:#050505;
      overflow:hidden;
    }
    .system-section + .system-section{
      border-top:1px solid rgba(255,255,255,.045);
    }
    .system-section::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:.12;
      background-image:
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
      background-size:64px 64px;
      mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
    }

    .system-heading{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:210px minmax(0,760px);
      gap:54px;
      align-items:start;
      margin-bottom:68px;
    }
    .system-index{
      padding-top:8px;
      color:#7f7771;
      font-size:.68rem;
      font-weight:700;
      letter-spacing:.19em;
      text-transform:uppercase;
    }
    .system-heading h3{
      margin:0;
      font-family:Oswald,Impact,sans-serif;
      font-size:clamp(3rem,5vw,5.4rem);
      line-height:.9;
      letter-spacing:-.018em;
      text-transform:uppercase;
      text-wrap:balance;
    }
    .system-heading h3 .orange{color:var(--orange-soft)}
    .system-heading h3 .red{color:var(--red-soft)}
    .system-heading p{
      max-width:640px;
      margin:20px 0 0;
      color:#a9a29c;
      font-size:1rem;
      line-height:1.75;
    }

    /* Principle / human-in-the-loop architecture */
    .system-principle{
      background:
        radial-gradient(circle at 16% 42%,rgba(255,134,25,.035),transparent 25%),
        radial-gradient(circle at 84% 42%,rgba(255,41,61,.03),transparent 25%),
        #050505;
    }
    .control-rail{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:0;
      padding-top:36px;
    }
    .control-rail::before{
      content:"";
      position:absolute;
      left:8%;
      right:8%;
      top:50px;
      height:1px;
      background:linear-gradient(90deg,
        rgba(255,134,25,.12),
        rgba(255,134,25,.72) 18%,
        rgba(255,255,255,.20) 50%,
        rgba(255,41,61,.72) 82%,
        rgba(255,41,61,.12));
    }
    .control-node{
      position:relative;
      padding:68px 36px 8px 0;
    }
    .control-node + .control-node{
      padding-left:36px;
      border-left:1px solid rgba(255,255,255,.055);
    }
    .control-node::before{
      content:"";
      position:absolute;
      top:7px;
      left:0;
      width:14px;
      height:14px;
      border-radius:50%;
      background:#070707;
      border:2px solid #8f8984;
      box-shadow:0 0 0 7px #050505;
      z-index:2;
    }
    .control-node.orange::before{
      border-color:var(--orange);
      box-shadow:0 0 0 7px #050505,0 0 18px rgba(255,134,25,.28);
    }
    .control-node.red::before{
      border-color:var(--red);
      box-shadow:0 0 0 7px #050505,0 0 18px rgba(255,41,61,.25);
    }
    .control-code{
      display:block;
      margin-bottom:14px;
      color:#77706a;
      font-size:.64rem;
      letter-spacing:.17em;
      text-transform:uppercase;
    }
    .control-node h4{
      margin:0 0 10px;
      font-family:Oswald,Impact,sans-serif;
      font-size:1.55rem;
      text-transform:uppercase;
      letter-spacing:.02em;
    }
    .control-node p{
      max-width:340px;
      margin:0;
      color:#9e9791;
      font-size:.92rem;
    }
    .guardrail-row{
      position:relative;
      z-index:1;
      display:flex;
      flex-wrap:wrap;
      gap:14px 28px;
      margin-top:56px;
      padding-top:22px;
      border-top:1px solid rgba(255,255,255,.055);
      color:#aaa39d;
      font-size:.76rem;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .guardrail-row span{
      display:inline-flex;
      align-items:center;
      gap:9px;
    }
    .guardrail-row span::before{
      content:"";
      width:5px;
      height:5px;
      border-radius:50%;
      background:#7c7670;
    }

    /* Deployment pipeline */
    .pipeline-section{
      background:
        linear-gradient(180deg,#050505,#070605 55%,#050505),
        #050505;
    }
    .deployment-track{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:0;
      padding-top:22px;
    }
    .deployment-track::before{
      content:"";
      position:absolute;
      top:34px;
      left:0;
      right:0;
      height:1px;
      background:linear-gradient(90deg,var(--orange),rgba(255,255,255,.16) 48%,var(--red));
      opacity:.72;
    }
    .deployment-step{
      position:relative;
      min-height:260px;
      padding:66px 32px 0 0;
    }
    .deployment-step + .deployment-step{
      padding-left:32px;
      border-left:1px solid rgba(255,255,255,.05);
    }
    .deployment-step::before{
      content:"";
      position:absolute;
      top:5px;
      left:0;
      width:10px;
      height:10px;
      background:#050505;
      border:2px solid #9a938d;
      transform:rotate(45deg);
      box-shadow:0 0 0 7px #050505;
      z-index:2;
    }
    .deployment-step:first-child::before{
      border-color:var(--orange);
      box-shadow:0 0 0 7px #050505,0 0 15px rgba(255,134,25,.22);
    }
    .deployment-step:last-child::before{
      border-color:var(--red);
      box-shadow:0 0 0 7px #050505,0 0 15px rgba(255,41,61,.20);
    }
    .phase-code{
      display:block;
      margin-bottom:14px;
      color:#766f69;
      font-size:.63rem;
      letter-spacing:.17em;
      text-transform:uppercase;
    }
    .deployment-step h4{
      margin:0 0 12px;
      font-family:Oswald,Impact,sans-serif;
      font-size:1.8rem;
      line-height:1;
      text-transform:uppercase;
    }
    .deployment-step p{
      margin:0;
      color:#9f9892;
      font-size:.9rem;
      line-height:1.65;
    }
    .deployment-step small{
      display:block;
      margin-top:18px;
      color:#615b56;
      font-size:.64rem;
      letter-spacing:.09em;
      text-transform:uppercase;
    }

    /* Outcomes: a sparse data band, not another row of cards */
    .outcomes-section{
      position:relative;
      padding:72px 0 88px;
      background:#070707;
      border-top:1px solid rgba(255,255,255,.05);
      border-bottom:1px solid rgba(255,255,255,.05);
    }
    .outcomes-head{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:32px;
      margin-bottom:42px;
    }
    .outcomes-head span{
      color:#7d756f;
      font-size:.68rem;
      letter-spacing:.18em;
      text-transform:uppercase;
    }
    .outcomes-head h3{
      max-width:720px;
      margin:0;
      font-family:Oswald,Impact,sans-serif;
      font-size:clamp(2.5rem,4vw,4rem);
      line-height:.95;
      text-transform:uppercase;
      text-align:right;
    }
    .outcome-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      border-top:1px solid rgba(255,255,255,.075);
    }
    .outcome{
      position:relative;
      padding:32px 34px 8px 0;
    }
    .outcome + .outcome{
      padding-left:34px;
      border-left:1px solid rgba(255,255,255,.06);
    }
    .outcome strong{
      display:block;
      margin-bottom:10px;
      font-family:Oswald,Impact,sans-serif;
      font-size:1.8rem;
      line-height:1;
      text-transform:uppercase;
    }
    .outcome:nth-child(1) strong{color:var(--orange-soft)}
    .outcome:nth-child(3) strong{color:var(--red-soft)}
    .outcome p{
      margin:0;
      max-width:340px;
      color:#98918b;
      font-size:.9rem;
    }

    /* Diagnostic: integrated conversion zone rather than two generic cards */
    .diagnostic-section{
      position:relative;
      padding:118px 0 104px;
      overflow:hidden;
      background:
        radial-gradient(circle at 5% 10%,rgba(255,134,25,.075),transparent 28%),
        radial-gradient(circle at 96% 92%,rgba(255,41,61,.055),transparent 29%),
        #050505;
    }
    .diagnostic-section::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:.12;
      background:
        linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
      background-size:56px 56px;
      mask-image:linear-gradient(90deg,#000,transparent 72%);
    }
    .diagnostic-grid{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:.84fr 1.16fr;
      gap:90px;
      align-items:start;
    }
    .diagnostic-copy{
      position:sticky;
      top:110px;
    }
    .diagnostic-code{
      display:block;
      margin-bottom:22px;
      color:#b28b67;
      font-size:.68rem;
      font-weight:700;
      letter-spacing:.18em;
      text-transform:uppercase;
    }
    .diagnostic-copy h3{
      margin:0;
      font-family:Oswald,Impact,sans-serif;
      font-size:clamp(3.1rem,4.9vw,5.5rem);
      line-height:.9;
      text-transform:uppercase;
      letter-spacing:-.018em;
    }
    .diagnostic-copy h3 span{color:var(--orange-soft)}
    .diagnostic-copy p{
      max-width:500px;
      margin:22px 0 0;
      color:#aaa39d;
      font-size:.98rem;
      line-height:1.75;
    }
    .diagnostic-meta{
      display:flex;
      flex-wrap:wrap;
      gap:10px 22px;
      margin-top:30px;
      padding-top:22px;
      border-top:1px solid rgba(255,255,255,.06);
      color:#77716c;
      font-size:.67rem;
      text-transform:uppercase;
      letter-spacing:.11em;
    }
    .diagnostic-meta span::before{
      content:"•";
      margin-right:8px;
      color:var(--orange);
    }

    .diagnostic-form{
      padding-top:2px;
    }
    .diagnostic-form .form-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:20px 18px;
    }
    .diagnostic-form .field{
      margin:0;
    }
    .diagnostic-form .field.full{
      grid-column:1 / -1;
    }
    .diagnostic-form .field label{
      display:block;
      margin-bottom:8px;
      color:#99928c;
      font-size:.67rem;
      font-weight:700;
      letter-spacing:.12em;
      text-transform:uppercase;
    }
    .diagnostic-form .field input,
    .diagnostic-form .field select,
    .diagnostic-form .field textarea{
      width:100%;
      min-height:54px;
      padding:13px 0;
      border:0;
      border-bottom:1px solid rgba(255,255,255,.15);
      border-radius:0;
      background:transparent;
      color:#fff;
      outline:none;
      transition:border-color .2s ease,background .2s ease;
    }
    .diagnostic-form .field textarea{
      min-height:104px;
      resize:vertical;
    }
    .diagnostic-form .field input:focus,
    .diagnostic-form .field select:focus,
    .diagnostic-form .field textarea:focus{
      border-bottom-color:var(--orange);
      background:linear-gradient(180deg,transparent,rgba(255,134,25,.025));
    }
    .diagnostic-form .choice-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:8px;
    }
    .diagnostic-form .choice{
      position:relative;
    }
    .diagnostic-form .choice input{
      position:absolute;
      opacity:0;
      pointer-events:none;
    }
    .diagnostic-form .choice label{
      min-height:52px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:9px 10px;
      margin:0;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.018);
      color:#bdb6af;
      cursor:pointer;
      text-align:center;
      font-size:.72rem;
      letter-spacing:.04em;
      text-transform:none;
      transition:.2s ease;
    }
    .diagnostic-form .choice input:checked + label{
      color:#fff;
      border-color:rgba(255,134,25,.65);
      background:rgba(255,134,25,.065);
      box-shadow:inset 0 -2px 0 rgba(255,134,25,.68);
    }
    .diagnostic-submit{
      width:100%;
      min-height:58px;
      margin-top:26px;
      border:1px solid var(--orange);
      background:linear-gradient(90deg,#d75b08,#ff8b1f);
      color:#fff;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.065em;
      cursor:pointer;
      transition:.2s ease;
    }
    .diagnostic-submit:hover{
      transform:translateY(-2px);
      box-shadow:0 16px 38px rgba(255,101,0,.17);
    }
    .diagnostic-submit::after{
      content:" →";
    }
    .form-note{
      display:none;
      margin-top:14px;
      padding:12px 0;
      border:0;
      border-top:1px solid rgba(255,134,25,.24);
      background:transparent;
      color:#d9d2cc;
      font-size:.8rem;
    }

    /* Footer: quieter than the conversion area */
    .tech-footer{
      padding:34px 0 40px;
      border-top:1px solid rgba(255,255,255,.055);
      background:#040404;
    }
    .tech-footer-inner{
      display:grid;
      grid-template-columns:auto minmax(240px, 1fr) auto;
      gap:34px;
      align-items:center;
    }
    @media(max-width:1100px){
      .tech-footer-inner{
        grid-template-columns:auto 1fr;
        row-gap:24px;
      }
      .tech-footer-nav{
        grid-column:1 / -1;
        justify-content:flex-start;
      }
    }
    @media(max-width:640px){
      .tech-footer-inner{
        grid-template-columns:1fr;
        text-align:left;
      }
    }
    .tech-footer-logo{
      width:62px;
      filter:brightness(0) invert(1);
      opacity:.82;
    }
    .tech-footer-copy{
      color:#6f6964;
      font-size:.75rem;
      letter-spacing:.04em;
    }
    .tech-footer-nav{
      display:flex;
      flex-wrap:wrap;
      gap:22px;
      row-gap:10px;
      color:#8c8580;
      font-size:.72rem;
      text-transform:uppercase;
      letter-spacing:.09em;
    }
    .tech-footer-nav a:hover{color:#fff}

    @media(max-width:1100px){
      .system-heading{
        grid-template-columns:1fr;
        gap:14px;
      }
      .control-rail{
        grid-template-columns:1fr;
      }
      .control-rail::before{display:none}
      .control-node,
      .control-node + .control-node{
        padding:28px 0 28px 34px;
        border-left:1px solid rgba(255,255,255,.07);
      }
      .control-node::before{
        top:34px;
        left:-7px;
      }
      .deployment-track{
        grid-template-columns:1fr 1fr;
      }
      .deployment-track::before{display:none}
      .deployment-step{
        padding:46px 30px 34px 28px;
        border-top:1px solid rgba(255,255,255,.055);
      }
      .deployment-step + .deployment-step{
        padding-left:28px;
      }
      .deployment-step::before{
        top:28px;
        left:0;
      }
      .diagnostic-grid{
        grid-template-columns:1fr;
        gap:58px;
      }
      .diagnostic-copy{
        position:static;
      }
      .diagnostic-form .choice-grid{
        grid-template-columns:1fr 1fr;
      }
    }

    @media(max-width:760px){
      .system-section{padding:78px 0}
      .system-heading{margin-bottom:42px}
      .guardrail-row{gap:12px 18px}
      .deployment-track{grid-template-columns:1fr}
      .deployment-step + .deployment-step{
        border-left:0;
      }
      .outcomes-head{
        align-items:flex-start;
        flex-direction:column;
      }
      .outcomes-head h3{text-align:left}
      .outcome-grid{grid-template-columns:1fr}
      .outcome,
      .outcome + .outcome{
        padding:24px 0;
        border-left:0;
        border-bottom:1px solid rgba(255,255,255,.055);
      }
      .diagnostic-section{padding:82px 0}
      .diagnostic-grid{gap:44px}
      .diagnostic-form .form-grid{
        grid-template-columns:1fr;
      }
      .diagnostic-form .field.full{
        grid-column:auto;
      }
      .diagnostic-form .choice-grid{
        grid-template-columns:1fr 1fr;
      }
      .tech-footer-inner{
        grid-template-columns:1fr;
        gap:16px;
      }
      .tech-footer-nav{
        flex-wrap:wrap;
      }
    }


    /* ===== MOTION: QUICK REVEALS + PARALLAX ===== */
    @media (prefers-reduced-motion: no-preference){
      .reveal{
        opacity:0;
        filter:blur(2px);
        transform:translate3d(0,var(--reveal-distance,20px),0);
        transition:
          opacity .42s cubic-bezier(.2,.75,.2,1),
          transform .42s cubic-bezier(.2,.75,.2,1),
          filter .42s cubic-bezier(.2,.75,.2,1);
        transition-delay:var(--reveal-delay,0ms);
        will-change:transform, opacity, filter;
      }
      .reveal.reveal-left{
        transform:translate3d(calc(var(--reveal-distance,20px) * -1),0,0);
      }
      .reveal.reveal-right{
        transform:translate3d(var(--reveal-distance,20px),0,0);
      }
      .reveal.reveal-up{
        transform:translate3d(0,var(--reveal-distance,20px),0);
      }
      .reveal.reveal-scale{
        transform:translate3d(0,16px,0) scale(.985);
      }
      .reveal.is-visible{
        opacity:1;
        filter:blur(0);
        transform:translate3d(0,0,0) scale(1);
      }

      .hero{
        --hero-bg-y:0px;
        background-position:
          0 0,
          0 0,
          center calc(50% + var(--hero-bg-y));
      }
      .hero-copy{
        --hero-copy-y:0px;
        transform:translate3d(0,var(--hero-copy-y),0);
        will-change:transform;
      }
      .branch-node{
        --parallax-y:0px;
        transform:translateX(-50%) translate3d(0,var(--parallax-y),0);
        will-change:transform;
      }
      .branch svg,
      .system-heading,
      .control-rail,
      .deployment-track,
      .outcome-grid,
      .diagnostic-copy,
      .tech-footer-inner{
        --parallax-y:0px;
        transform:translate3d(0,var(--parallax-y),0);
        will-change:transform;
      }

      .front{
        --card-bg-y:0px;
        background-origin:border-box !important;
        background-clip:border-box !important;
      }
      .front.course{
        background-position:
          center center,
          center center,
          center calc(50% + var(--card-bg-y));
      }
      .front.auto{
        background-position:
          center center,
          center center,
          center calc(50% + var(--card-bg-y));
      }
    }

    @media (prefers-reduced-motion: reduce){
      .reveal{
        opacity:1 !important;
        filter:none !important;
        transform:none !important;
        transition:none !important;
      }
      .hero-copy,
      .branch-node,
      .branch svg,
      .system-heading,
      .control-rail,
      .deployment-track,
      .outcome-grid,
      .diagnostic-copy,
      .tech-footer-inner{
        transform:none !important;
      }
    }
/* ===================================================================
   PUBLICAÇÕES — seção nova entre Outcomes e Diagnóstico na home
   =================================================================== */
.publicacoes-section{
  padding:100px 0 60px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg, transparent, rgba(255,134,25,.015) 60%, transparent);
}
.publicacoes-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
  margin-top:56px;
}
.publicacao{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  transition:transform .35s ease, border-color .35s ease, background .35s ease;
}
.publicacao:hover{
  transform:translateY(-4px);
  border-color:rgba(255,134,25,.35);
  background:var(--panel-2);
}
.publicacao-link{ display:flex; flex-direction:column; height:100%; color:inherit; }
.publicacao-thumb{ aspect-ratio:16/9; overflow:hidden; background:#0a0a0a; }
.publicacao-thumb img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .5s ease, opacity .3s ease; opacity:.88;
}
.publicacao:hover .publicacao-thumb img{ transform:scale(1.04); opacity:1; }
.publicacao-body{ padding:24px 24px 26px; display:flex; flex-direction:column; gap:12px; flex:1; }
.publicacao-cat{
  font-family:Oswald,Inter,sans-serif; font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--orange); font-weight:600;
}
.publicacao-title{ margin:0; font-size:19px; line-height:1.35; font-weight:700; color:var(--text); }
.publicacao-meta{
  margin-top:auto; display:flex; justify-content:space-between; align-items:center;
  padding-top:12px; border-top:1px solid var(--line); font-size:13px; color:var(--muted);
}
.publicacao-cta{ color:var(--orange); font-weight:600; }
.publicacoes-footer{ margin-top:40px; text-align:center; }

@media (max-width:960px){ .publicacoes-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){
  .publicacoes-section{ padding:72px 0 40px; }
  .publicacoes-grid{ grid-template-columns:1fr; gap:20px; }
  .publicacao-title{ font-size:17px; }
}

/* Estado vazio da seção Publicações (quando não há posts) */
.publicacoes-empty{
  margin-top:48px;
  padding:56px 40px;
  text-align:center;
  border:1px dashed var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.015);
}
.publicacoes-empty p{
  color:var(--muted);
  font-size:16px;
  margin:0 0 20px;
}

/* ===================================================================
   HEADER STICKY / GLASS
   Fica fixo no topo, esmaece com blur ao rolar.
   =================================================================== */
.header{
  position:fixed;
  top:0; left:0; right:0;
  z-index:100;
  background:rgba(5,5,5,0.55);
  -webkit-backdrop-filter:blur(20px) saturate(160%);
  backdrop-filter:blur(20px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,.04);
  transition:background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.header.is-scrolled{
  background:rgba(5,5,5,0.82);
  border-bottom-color:rgba(255,255,255,.10);
  box-shadow:0 6px 24px -12px rgba(0,0,0,.6);
}

/* Compensa o header fixed pra conteúdo não ficar escondido embaixo */
body{
  padding-top:var(--header-h);
}

/* Fallback pra browsers sem backdrop-filter (raros) */
@supports not (backdrop-filter: blur(20px)){
  .header{ background:rgba(5,5,5,0.92); }
}

/* Anchor scroll respeita o header fixo (pra âncoras #frentes etc não colarem no topo) */
html{
  scroll-padding-top:calc(var(--header-h) + 10px);
}

/* ===================================================================
   SUCESSO DO FORM: card com link da comunidade WhatsApp
   =================================================================== */
.form-success{
  display:block;
  padding:24px 26px;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(37,211,102,.08), rgba(255,134,25,.06));
  border:1px solid rgba(37,211,102,.28);
  margin-top:12px;
}
.form-success-title{
  display:flex; align-items:center; gap:10px;
  font-family:Oswald,Inter,sans-serif;
  font-size:16px;
  font-weight:700;
  color:var(--text);
  margin:0 0 8px;
  letter-spacing:.01em;
}
.form-success-title::before{
  content:"✓";
  display:inline-flex;
  align-items:center; justify-content:center;
  width:24px; height:24px;
  border-radius:50%;
  background:#25d366;
  color:#050505;
  font-weight:800;
  font-size:14px;
}
.form-success p{
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
  margin:0 0 16px;
}
.form-success-wa{
  display:inline-flex;
  align-items:center; gap:10px;
  padding:12px 20px;
  background:#25d366;
  color:#050505;
  font-weight:700;
  font-size:14px;
  border-radius:10px;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.form-success-wa:hover{
  transform:translateY(-1px);
  background:#20bd5a;
  box-shadow:0 6px 16px -6px rgba(37,211,102,.5);
}
.form-success-wa svg{
  width:18px; height:18px;
}

/* Footer: dados legais em fonte menor, cor muted */
.tech-footer-legal{
  display:block;
  margin-top:8px;
  font-size:11px;
  line-height:1.55;
  color:var(--muted);
  opacity:.75;
  letter-spacing:.01em;
}

/* ===================================================================
   MOBILE: oculta a seção Frentes (bifurcation + cards Cursos/Automações)
   Também esconde o CTA secundário do hero que apontava pra ela.
   Regra: telas ≤ 640px.
   =================================================================== */
@media (max-width: 640px) {
  #frentes {
    display: none !important;
  }
  /* Botão "Conhecer as frentes" no hero (link secundário) */
  .hero-actions .btn-link[href*="#frentes"] {
    display: none !important;
  }
}