/* ══════════ CONFIGURAÇÃO ══════════
     Troque o número do WhatsApp aqui (só dígitos, com país e DDD): */
  /* Exemplo: 5511999998888 */
  :root{
    --petroleo:#0A0E17;--grafite:#10161F;--grafite-2:#161E2A;--aco:#232E3D;
    --oxossi:#0C6046;--od3:#16E88C;--od3-soft:rgba(22,232,140,.12);
    --ambar:#F4B740;--nevoa:#F3F7F6;--cinza:#9AA7B4;--cinza-2:#5D6B7A;
    --display:'Space Grotesk',sans-serif;--body:'Inter',sans-serif;--mono:'JetBrains Mono',monospace;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:var(--petroleo);color:var(--nevoa);font-family:var(--body);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  .wrap{max-width:1120px;margin:0 auto;padding:0 28px}
  section{padding:96px 0;position:relative}
  h2{font-family:var(--display);font-weight:600;font-size:clamp(27px,3.6vw,40px);letter-spacing:-.015em;line-height:1.12}
  .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--od3);display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
  .eyebrow::before{content:"";width:26px;height:1px;background:var(--od3)}
  .lead{font-size:clamp(15px,1.5vw,17.5px);color:var(--cinza);max-width:640px;margin-top:14px}
  .accent{color:var(--od3)}
  .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:500;font-size:15.5px;
    padding:15px 30px;border-radius:12px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;border:none}
  .btn:hover{transform:translateY(-2px)}
  .btn-primary{background:var(--od3);color:#04120B;box-shadow:0 8px 28px rgba(22,232,140,.25)}
  .btn-primary:hover{box-shadow:0 12px 34px rgba(22,232,140,.35)}
  .btn-ghost{background:transparent;border:1px solid var(--aco);color:var(--nevoa)}
  .btn-ghost:hover{border-color:var(--od3);color:var(--od3)}

  /* reveal on scroll */
  .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
  .rv.on{opacity:1;transform:none}

  /* ══ NAV ══ */
  nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(14px);background:rgba(10,14,23,.78);border-bottom:1px solid rgba(35,46,61,.6)}
  .nav-in{max-width:1120px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
  .brand{display:flex;align-items:center;gap:11px;text-decoration:none}
  .brand .wm{font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:-.03em;color:var(--nevoa)}
  .brand .wm b{color:var(--od3);font-weight:700}
  .nav-links{display:flex;gap:28px;align-items:center}
  .nav-links a{font-size:14px;color:var(--cinza);text-decoration:none;transition:color .15s}
  .nav-links a:hover{color:var(--nevoa)}
  .nav-cta{font-family:var(--display);font-weight:500;font-size:14px;color:#04120B!important;background:var(--od3);padding:9px 18px;border-radius:9px}
  .nav-cta:hover{color:#04120B!important;filter:brightness(1.08)}
  @media(max-width:820px){.nav-links a:not(.nav-cta){display:none}}

  /* ══ HERO ══ */
  .hero{min-height:100svh;display:flex;align-items:center;padding:140px 0 90px;
    background:radial-gradient(1000px 560px at 82% -10%,rgba(22,232,140,.10),transparent 60%),
               radial-gradient(800px 520px at 0% 30%,rgba(12,96,70,.20),transparent 55%)}
  .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
  h1{font-family:var(--display);font-weight:600;font-size:clamp(34px,5.2vw,58px);line-height:1.06;letter-spacing:-.02em}
  .hero-sub{font-size:clamp(15.5px,1.6vw,18px);color:var(--cinza);margin-top:22px;max-width:520px}
  .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px}
  .hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:38px}
  .tag{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--cinza);border:1px solid var(--aco);border-radius:100px;padding:7px 14px}

  /* hero visual: mini dashboard */
  .dash{border:1px solid var(--aco);border-radius:20px;background:linear-gradient(165deg,var(--grafite-2),var(--grafite));padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.5);position:relative}
  .dash::before{content:"";position:absolute;inset:0;border-radius:20px;background:radial-gradient(400px 200px at 80% 0%,rgba(22,232,140,.08),transparent 60%);pointer-events:none}
  .dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
  .dash-title{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--cinza-2)}
  .dash-dots{display:flex;gap:6px}
  .dash-dots button{width:8px;height:8px;border-radius:50%;background:var(--aco);border:none;padding:0;cursor:pointer;transition:background .2s ease}
  .dash-dots button.active{background:var(--od3)}
  .dash-dots button:focus-visible{outline:2px solid var(--od3);outline-offset:3px}
  .dash-body{display:grid}
  .dash-screen{grid-area:1/1;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
  .dash-screen.active{opacity:1;transform:none;pointer-events:auto}
  @media(prefers-reduced-motion:reduce){.dash-screen{transition:opacity .3s ease;transform:none}}
  .kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  .kpi{background:rgba(10,14,23,.55);border:1px solid var(--aco);border-radius:13px;padding:16px 17px}
  .kpi .l{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--cinza-2)}
  .kpi .v{font-family:var(--display);font-weight:600;font-size:25px;letter-spacing:-.01em;margin-top:5px}
  .kpi .d{font-family:var(--mono);font-size:11px;margin-top:4px;color:var(--od3)}
  .kpi .d.down{color:#F4736B}
  .kpi .d.amber{color:var(--ambar)}
  .bars{display:flex;align-items:flex-end;gap:7px;height:76px;margin-top:18px;padding:0 4px}
  .bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--od3),rgba(22,232,140,.12));animation:grow 1.2s ease both}
  .bars i:nth-child(8){background:linear-gradient(180deg,var(--ambar),rgba(244,183,64,.12))}
  @keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  .bars i{transform-origin:bottom}
  .pipeline{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:18px;padding:2px 2px 0}
  .pipeline .chip{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--cinza);border:1px solid var(--aco);border-radius:100px;padding:7px 12px;background:rgba(10,14,23,.4);white-space:nowrap}
  .pipeline .chip.active{color:var(--od3);border-color:rgba(22,232,140,.4);background:var(--od3-soft)}
  .pipeline .arrow{color:var(--cinza-2);font-size:12px}
  .score{margin-top:18px;padding:0 2px}
  .score-track{height:10px;border-radius:100px;background:var(--aco);overflow:hidden}
  .score-fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--oxossi),var(--od3))}
  .score-label{font-family:var(--mono);font-size:13px;color:var(--nevoa);text-align:right;margin-top:10px}

  /* ══ DORES ══ */
  .pains{background:var(--grafite);border-top:1px solid var(--aco);border-bottom:1px solid var(--aco);padding:64px 0}
  .pains-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
  .pain{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border:1px solid var(--aco);border-radius:14px;background:var(--petroleo)}
  .pain .x{color:#F4736B;font-weight:700;font-size:15px;line-height:1.5}
  .pain p{font-size:14px;color:var(--cinza)}
  .pains-title{font-family:var(--display);font-weight:500;font-size:clamp(19px,2.4vw,25px);letter-spacing:-.01em;max-width:600px;margin-bottom:26px}

  /* ══ SERVIÇOS ══ */
  .svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
  .svc{border:1px solid var(--aco);border-radius:18px;background:var(--grafite);padding:34px 34px 30px;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}
  .svc:hover{border-color:rgba(22,232,140,.45);transform:translateY(-3px)}
  .svc::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--od3),transparent)}
  .svc .num{font-family:var(--mono);font-size:12px;color:var(--cinza-2);letter-spacing:.1em}
  .svc h3{font-family:var(--display);font-weight:600;font-size:21px;letter-spacing:-.01em;margin:12px 0 10px}
  .svc p{font-size:14.5px;color:var(--cinza)}
  .svc ul{list-style:none;margin-top:16px}
  .svc li{font-size:13.5px;color:var(--cinza);padding:5px 0 5px 20px;position:relative}
  .svc li::before{content:"→";position:absolute;left:0;color:var(--od3);font-size:12px}

  /* ══ METODO ══ */
  .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:48px}
  .step{border:1px solid var(--aco);border-radius:16px;background:var(--grafite);padding:24px 20px;position:relative}
  .step .n{font-family:var(--mono);font-size:12px;color:var(--od3);letter-spacing:.08em}
  .step h4{font-family:var(--display);font-weight:600;font-size:16.5px;margin:10px 0 7px;letter-spacing:-.01em}
  .step p{font-size:12.8px;color:var(--cinza);line-height:1.5}
  .step::after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:var(--od3);font-size:15px;z-index:2}
  .step:last-child::after{display:none}

  /* ══ MODELOS ══ */
  .models{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
  .model{border:1px solid var(--aco);border-radius:18px;padding:36px 36px 32px;background:linear-gradient(165deg,var(--grafite-2),var(--grafite))}
  .model .ic{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--od3);
    background:var(--od3-soft);border:1px solid rgba(22,232,140,.3);border-radius:100px;padding:6px 15px;display:inline-block}
  .model h3{font-family:var(--display);font-weight:600;font-size:23px;margin:18px 0 10px;letter-spacing:-.01em}
  .model p{font-size:14.5px;color:var(--cinza)}
  .model ul{list-style:none;margin-top:16px}
  .model li{font-size:14px;color:var(--cinza);padding:6px 0 6px 24px;position:relative}
  .model li::before{content:"✓";position:absolute;left:0;color:var(--od3)}
  .no-price{margin-top:40px;border:1px dashed rgba(22,232,140,.35);border-radius:14px;padding:22px 26px;display:flex;gap:16px;align-items:center;background:rgba(22,232,140,.04)}
  .no-price p{font-size:14.5px;color:var(--cinza)}
  .no-price strong{color:var(--nevoa)}

  /* ══ POR QUE OD3 ══ */
  .ode{background:linear-gradient(180deg,var(--grafite) 0%,var(--petroleo) 100%);border-top:1px solid var(--aco);border-bottom:1px solid var(--aco)}
  .ode-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
  .ode-sym{display:flex;align-items:center;justify-content:center;position:relative;min-height:300px}
  .ode-sym::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid rgba(22,232,140,.12)}
  .ode-sym::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid rgba(22,232,140,.2)}
  .ode-quote{font-family:var(--display);font-weight:400;font-size:clamp(17px,2vw,21px);color:var(--nevoa);line-height:1.5;margin-top:22px;padding-left:22px;border-left:2px solid var(--od3)}
  .ode p{font-size:15px;color:var(--cinza);margin-top:18px}

  /* ══ CTA FINAL ══ */
  .final{text-align:center;padding:110px 0}
  .final h2{font-size:clamp(30px,4.4vw,48px)}
  .final .lead{margin:18px auto 0}
  .final .hero-ctas{justify-content:center;margin-top:38px}
  .contact-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:46px}
  .contact-chip{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12.5px;color:var(--cinza);
    border:1px solid var(--aco);border-radius:100px;padding:10px 20px;text-decoration:none;transition:border-color .15s,color .15s}
  .contact-chip:hover{border-color:var(--od3);color:var(--od3)}

  footer{border-top:1px solid var(--aco);padding:38px 0;display:flex;flex-direction:column;gap:8px}
  footer .f-in{max-width:1120px;margin:0 auto;padding:0 28px;width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
  footer p{font-family:var(--mono);font-size:11.5px;color:var(--cinza-2)}

  /* whats float */
  .wa-float{position:fixed;right:22px;bottom:22px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--od3);
    display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(22,232,140,.4);transition:transform .15s}
  .wa-float:hover{transform:scale(1.08)}

  @media(max-width:860px){
    section{padding:72px 0}
    .hero{padding:120px 0 70px;min-height:auto}
    .hero-grid,.svc-grid,.models,.ode-grid{grid-template-columns:1fr}
    .pains-grid{grid-template-columns:1fr}
    .steps{grid-template-columns:1fr 1fr}
    .step::after{display:none}
    .ode-sym{min-height:240px}
    .ode-sym::before{width:240px;height:240px}
    .ode-sym::after{width:170px;height:170px}
  }