/* Identidade: preto, ouro e prata, como a logo. Os nomes das variaveis
     ficaram os mesmos para nao reescrever a pagina inteira. */
  :root{
    --papel:#0a0a0c; --papel-2:#0f0f12; --branco:#141418; --linha:#26262c;
    --tinta:#f3efe6; --tinta-2:#b8b3a8; --tinta-3:#807b72;
    --ambar:#d4a53c; --ambar-forte:#e9c56a; --ambar-claro:#221b0c;
    --noite:#050506; --noite-2:#0e0e11; --linha-noite:#26262c;
    --verde:#8fdcb0;
    --ouro-1:#f6dc8c; --ouro-2:#d4a53c; --ouro-3:#8a6414; --prata:#d9dbe0;
  }
  .ouro{background:linear-gradient(100deg,var(--ouro-3) 0%,var(--ouro-2) 30%,var(--ouro-1) 50%,var(--ouro-2) 70%,var(--ouro-3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:brilho 9s linear infinite}
  @keyframes brilho{to{background-position:200% 0}}
  .fio{height:1px;background:linear-gradient(90deg,transparent,var(--ouro-2) 30%,var(--ouro-1) 50%,var(--ouro-2) 70%,transparent);position:relative;margin:0 auto;max-width:1100px}
  .fio::after{content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--ouro-1);box-shadow:0 0 18px 4px rgba(246,220,140,.5);transform:translateX(-50%)}
  .vidro{background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(212,165,60,.22);box-shadow:0 30px 80px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06)}
  .tilt{transform-style:preserve-3d;transition:transform .18s ease,box-shadow .3s ease;will-change:transform}
  .tilt > *{transform:translateZ(1px)}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--papel);color:var(--tinta);font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
  .in{max-width:1100px;margin:0 auto;padding:0 22px}
  .faixa{padding:clamp(64px,9vw,120px) 0}
  h1,h2,h3,.serif{font-family:"Fraunces","Georgia",serif;font-weight:500;letter-spacing:-.02em;line-height:1.04;text-wrap:balance;font-variation-settings:"opsz" 96}
  h1{font-size:clamp(2.5rem,6.4vw,5rem)}
  h2{font-size:clamp(1.9rem,4.2vw,3.2rem)}
  h3{font-size:1.35rem;line-height:1.2}
  p{color:var(--tinta-2)}
  .lead{font-size:clamp(1.05rem,1.7vw,1.25rem);max-width:50ch;margin-top:18px}
  .rot{font-family:"Fraunces",serif;font-style:italic;font-size:1.1rem;color:var(--ambar-forte)}
  strong{color:var(--tinta);font-weight:700}
  .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f3d98a 0%,#d4a53c 45%,#a87a1e 100%);color:#1a1205;font-weight:800;font-size:1rem;text-decoration:none;padding:15px 28px;border-radius:999px;border:none;cursor:pointer;box-shadow:0 12px 34px rgba(212,165,60,.28),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .14s ease,box-shadow .2s ease}
  .btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:varre 4.5s ease-in-out infinite}
  @keyframes varre{0%,60%{left:-60%}100%{left:140%}}
  .btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(212,165,60,.42),inset 0 1px 0 rgba(255,255,255,.5)}
  .btn.vazio{background:transparent;color:var(--tinta);border:1px solid rgba(212,165,60,.55);box-shadow:none}
  .btn.vazio::after{display:none}
  .btn.vazio:hover{border-color:var(--ouro-1);color:var(--ouro-1);transform:none;background:rgba(212,165,60,.06)}
  .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
  .escuro{background:var(--noite);color:var(--tinta);position:relative}
  .escuro h2,.escuro h3{color:#fff}
  .escuro p{color:var(--tinta-2)}
  .escuro .rot{color:var(--ouro-1)}
  .escuro strong{color:#fff}
  /* holofote que segue o mouse nas secoes escuras */
  .escuro::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 520px at var(--mx,50%) var(--my,30%),rgba(212,165,60,.09),transparent 60%);opacity:0;transition:opacity .5s}
  .escuro:hover::before{opacity:1}
  .escuro > .in{position:relative}

  /* aparecer ao rolar */
  .js .rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
  .js .rv.vis{opacity:1;transform:none}

  /* ===== abertura ===== */
  .hero{position:relative;min-height:94svh;display:grid;align-items:end;overflow:hidden;background:var(--noite);color:var(--tinta)}
  .hero .fundo{position:absolute;inset:-4%;background:url(/assets/hero.webp) 85% 45%/cover no-repeat;will-change:transform;animation:kb 32s ease-in-out infinite alternate;filter:saturate(.7) brightness(.75)}
  .hero canvas.po{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
  .hero .in{z-index:2}
  /* lockup: emblema recortado + nome em texto, ouro no EJ e prata no DIGITAL, como na logo */
  .lockup{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
  .lockup img{height:54px;width:auto;display:block;filter:drop-shadow(0 0 16px rgba(212,165,60,.35))}
  .lockup .nome{font-family:"Segoe UI",system-ui,sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:.14em;color:var(--prata);white-space:nowrap}
  .lockup .nome b{background:linear-gradient(180deg,#f6dc8c,#d4a53c 55%,#a87a1e);-webkit-background-clip:text;background-clip:text;color:transparent;margin-right:.1em}
  .lockup.grande{flex-direction:column;gap:6px;margin-bottom:10px}
  .lockup.grande img{height:120px;filter:drop-shadow(0 0 26px rgba(212,165,60,.35))}
  .lockup.grande .nome{font-size:1.7rem;letter-spacing:.22em}
  footer .slogan{font-family:"Fraunces",serif;font-size:1.25rem;color:var(--tinta);margin:6px 0 18px}
  footer img{margin:0}
  @media(max-width:700px){.lockup img{height:42px}.lockup .nome{font-size:1.05rem}}
  /* o emblema flutua em 3D acima do console, reagindo ao mouse */
  .emblema{position:relative;width:min(240px,50vw);margin:0 auto 22px;perspective:900px}
  .emblema img{width:100%;height:auto;display:block;transform-style:preserve-3d;transform:rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .12s ease-out;filter:drop-shadow(0 30px 40px rgba(0,0,0,.7)) drop-shadow(0 0 30px rgba(212,165,60,.25));animation:paira 7s ease-in-out infinite}
  @keyframes paira{50%{translate:0 -12px}}
  .emblema::before{content:"";position:absolute;inset:10% 10% 0;background:radial-gradient(closest-side,rgba(212,165,60,.28),transparent 70%);filter:blur(24px);z-index:-1}
  .emblema::after{content:"";position:absolute;left:18%;right:18%;bottom:-18px;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.7),transparent);animation:sombra 7s ease-in-out infinite}
  @keyframes sombra{50%{transform:scaleX(.8);opacity:.6}}
  @keyframes kb{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(1.5%,-1%,0)}}
  /* dois veus: um escurece a base, o outro abre espaco para o texto a esquerda e deixa o tablet respirar a direita */
  .hero .veu{position:absolute;inset:0;background:
    linear-gradient(90deg,rgba(5,5,6,.92) 0%,rgba(5,5,6,.75) 38%,rgba(5,5,6,.3) 68%,rgba(5,5,6,.15) 100%),
    linear-gradient(180deg,rgba(5,5,6,.3) 0%,rgba(5,5,6,.4) 50%,rgba(5,5,6,.97) 100%)}
  @media(max-width:700px){
    .hero .fundo{background-position:42% 40%}
    .hero .veu{background:linear-gradient(180deg,rgba(5,5,6,.5) 0%,rgba(5,5,6,.7) 40%,rgba(5,5,6,.98) 100%)}
  }
  .hero .in{position:relative;padding-top:120px;padding-bottom:70px;width:100%}
  .hero .marca{position:absolute;top:26px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font-family:"Fraunces",serif;font-size:1.2rem;color:#fff;z-index:2}
  @media(min-width:1144px){.hero .marca{left:calc((100vw - 1100px)/2 + 22px);right:calc((100vw - 1100px)/2 + 22px)}}
  .hero .marca em{font-style:normal;color:var(--ambar)}
  .hero .marca a{color:#c9d1de;text-decoration:none;font-family:"Segoe UI",system-ui,sans-serif;font-size:.9rem;font-weight:700}
  .hero .marca a:hover{color:#fff}
  .hero h1{color:#fff;max-width:15ch;margin-top:14px;font-size:clamp(2.3rem,5.1vw,4.2rem)}
  .hero .lead{color:#c9d1de;max-width:52ch}
  .hero .rot{color:#f0b465}
  .hero .selo{margin-top:26px;font-size:.88rem;color:#8f9bb0;display:flex;gap:18px;flex-wrap:wrap}
  .hero .selo span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ambar);margin-right:8px;vertical-align:2px}
  .hero .grade{display:grid;gap:40px;align-items:end}
  @media(min-width:960px){.hero .grade{grid-template-columns:1.1fr .9fr}}
  /* console do agente: o que ele esta fazendo agora, linha por linha */
  .console{background:rgba(10,15,26,.72);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px 18px 14px;backdrop-filter:blur(10px);box-shadow:0 30px 80px -30px rgba(0,0,0,.8);font-family:ui-monospace,"Cascadia Mono","Consolas",Menlo,monospace;font-size:.8rem;color:#c9d1de;max-width:520px;justify-self:end;width:100%}
  .console .topo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:#8f9bb0}
  .console .topo b{color:#fff;font-weight:600;letter-spacing:0;text-transform:none;font-size:.82rem}
  .console .on{display:inline-flex;align-items:center;gap:7px;color:#6fd3a0}
  .console .on::before{content:"";width:7px;height:7px;border-radius:50%;background:#6fd3a0;box-shadow:0 0 0 0 rgba(111,211,160,.6);animation:pulso 2s ease-out infinite}
  @keyframes pulso{0%{box-shadow:0 0 0 0 rgba(111,211,160,.55)}70%{box-shadow:0 0 0 7px rgba(111,211,160,0)}100%{box-shadow:0 0 0 0 rgba(111,211,160,0)}}
  .console .log{display:grid;gap:6px;min-height:168px;max-height:168px;overflow:hidden;position:relative}
  .console .log::before{content:"";position:absolute;left:0;right:0;top:0;height:28px;background:linear-gradient(180deg,rgba(10,15,26,.9),transparent);z-index:1;pointer-events:none}
  .console .l{display:grid;grid-template-columns:52px 1fr;gap:10px;opacity:0;transform:translateY(6px);animation:entra .35s ease forwards;line-height:1.45}
  @keyframes entra{to{opacity:1;transform:none}}
  .console .l time{color:#7a8494;font-variant-numeric:tabular-nums}
  .console .l i{font-style:normal;color:#f0b465}
  .console .l em{font-style:normal;color:#6fd3a0}
  .console .l.h em{color:#f0b465}
  .console .pe{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;font-size:.72rem;color:#7a8494}
  .console .pe b{color:#c9d1de;font-weight:600;font-variant-numeric:tabular-nums}
  .console .cursor::after{content:"▍";color:#f0b465;animation:pisca 1s steps(2) infinite}
  @keyframes pisca{to{opacity:0}}
  .console .aviso{font-family:"Segoe UI",system-ui,sans-serif;font-size:.7rem;color:#7a8494;margin-top:6px}
  /* faixa de tecnologia, discreta, logo abaixo da abertura */
  .tec{background:var(--noite);border-top:1px solid var(--linha-noite);color:#8f9bb0;font-family:ui-monospace,"Cascadia Mono","Consolas",Menlo,monospace;font-size:.76rem;letter-spacing:.04em}
  .tec .in{display:flex;flex-wrap:wrap;gap:10px 28px;padding-top:14px;padding-bottom:14px;justify-content:center}
  .tec span::before{content:"◆";color:var(--ambar);margin-right:8px;font-size:.6rem;vertical-align:1px}

  /* ===== calculadora ===== */
  .calc-grade{display:grid;gap:28px;margin-top:36px}
  @media(min-width:900px){.calc-grade{grid-template-columns:1fr 1fr;align-items:start;gap:40px}}
  .painel{background:linear-gradient(160deg,#16161b,#0f0f12);border:1px solid rgba(212,165,60,.22);border-radius:22px;padding:clamp(22px,3vw,32px);box-shadow:0 40px 90px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05)}
  .campo{margin-top:18px}
  .campo label{display:block;font-size:.9rem;font-weight:700;color:var(--tinta-2);margin-bottom:8px}
  .campo select,.campo input:not([type=radio]){width:100%;background:var(--papel);border:1.5px solid var(--linha);border-radius:14px;padding:13px 16px;font-size:1.05rem;font-family:inherit;color:var(--tinta);outline:none;transition:border-color .15s}
  .campo select:focus,.campo input:not([type=radio]):focus{border-color:var(--ambar)}
  .campo .moeda{display:flex;align-items:center;gap:8px;background:var(--papel);border:1.5px solid var(--linha);border-radius:14px;padding:4px 16px}
  .campo .moeda:focus-within{border-color:var(--ambar)}
  .campo .moeda span{font-weight:700;color:var(--tinta-3)}
  .campo .moeda input{border:none;background:none;padding:12px 0;font-size:1.4rem;font-weight:700;font-family:"Fraunces",serif}
  .regime{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .regime label{display:flex;align-items:center;gap:8px;background:var(--papel);border:1.5px solid var(--linha);border-radius:12px;padding:12px 14px;font-size:.92rem;font-weight:600;cursor:pointer;color:var(--tinta-2)}
  .regime label:has(input:checked){border-color:var(--ambar);background:var(--ambar-claro);color:var(--tinta)}
  .regime input{accent-color:var(--ambar);width:18px;height:18px;flex:none;margin:0}
  @media(max-width:480px){.regime{grid-template-columns:1fr}.painel.res .versus{grid-template-columns:1fr;text-align:center}.painel.res .versus .x{padding:2px 0}}
  .dica{font-size:.82rem;color:var(--tinta-3);margin-top:8px}
  /* resultado */
  .res{position:relative;overflow:hidden}
  .res .eti{font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--tinta-3)}
  .res .grande{font-family:"Fraunces",serif;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;letter-spacing:-.03em;color:var(--tinta);margin-top:6px;font-variant-numeric:tabular-nums}
  .res .grande small{font-family:"Segoe UI",system-ui,sans-serif;font-size:.3em;letter-spacing:0;color:var(--tinta-3);font-weight:600;margin-left:.3em}
  .res .linha{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--linha);font-size:.95rem;color:var(--tinta-2)}
  .res .linha b{color:var(--tinta);font-variant-numeric:tabular-nums}
  .res .linhas{margin-top:18px}
  .res .versus{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:24px;padding:18px;border-radius:16px;background:var(--papel)}
  .res .versus .x{font-family:"Fraunces",serif;font-style:italic;color:var(--tinta-3);font-size:1.4rem}
  .res .versus b{display:block;font-family:"Fraunces",serif;font-size:1.6rem;line-height:1;font-variant-numeric:tabular-nums}
  .res .versus span{font-size:.8rem;color:var(--tinta-3);display:block;margin-top:4px}
  .res .versus .ia b{color:var(--verde)}
  .res .economia{margin-top:22px;padding:20px 22px;border-radius:16px;background:linear-gradient(160deg,#1a1508,#0b0a06);border:1px solid rgba(212,165,60,.4);color:#fff;box-shadow:0 0 50px -20px rgba(212,165,60,.35)}
  .res .economia .grande span{background:linear-gradient(100deg,#8a6414,#d4a53c 35%,#f6dc8c 55%,#d4a53c 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .res .economia .eti{color:#8f9bb0}
  .res .economia .grande{color:#fff}
  .res .economia .grande small{color:#8f9bb0}
  .res .economia p{color:#b4bccb;font-size:.92rem;margin-top:8px}
  .res .btn{width:100%;justify-content:center;margin-top:18px}
  .res .obs{font-size:.8rem;color:var(--tinta-3);margin-top:12px;line-height:1.55}

  /* ===== comparativo ===== */
  table.vs{width:100%;border-collapse:collapse;margin-top:36px;font-size:1rem}
  table.vs th,table.vs td{padding:16px 12px;text-align:left;border-bottom:1px solid var(--linha-noite);vertical-align:top}
  table.vs th{font-family:"Fraunces",serif;font-weight:500;font-size:1.2rem;color:#fff}
  table.vs td:first-child{color:#8f9bb0;font-weight:700;font-size:.9rem;width:26%}
  table.vs td{color:#d5dbe6}
  table.vs td.ia{color:#fff}
  table.vs td.ia::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ambar);margin-right:10px;vertical-align:1px}
  table.vs tr.rv{display:table-row}
  .escuro .nota{margin-top:20px;font-size:.88rem;color:#8f9bb0;max-width:70ch}
  /* no celular a tabela vira blocos: rotulo, depois funcionario, depois agente */
  @media(max-width:700px){
    table.vs thead{display:none}
    table.vs,table.vs tbody,table.vs tr{display:block;width:100%}
    table.vs tr.rv{display:block}
    table.vs tr{padding:18px 0;border-bottom:1px solid var(--linha-noite)}
    table.vs td{display:block;border:none;padding:4px 0;width:auto}
    table.vs td:first-child{width:auto;color:#f0b465;font-family:"Fraunces",serif;font-weight:500;font-size:1.15rem;padding-bottom:8px}
    table.vs td:nth-child(2)::before{content:"Funcionário";display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#7a8494;margin-bottom:2px}
    table.vs td.ia{margin-top:10px}
    table.vs td.ia::before{content:"Agente de IA";display:block;width:auto;height:auto;border-radius:0;background:none;margin:0 0 2px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ambar)}
  }

  /* ===== agentes ===== */
  .agentes{display:grid;gap:18px;margin-top:36px}
  @media(min-width:760px){.agentes{grid-template-columns:1fr 1fr}}
  .agente{background:linear-gradient(160deg,#15151a,#0e0e11);border:1px solid rgba(212,165,60,.2);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 70px -40px rgba(0,0,0,.9);transition:border-color .3s,box-shadow .3s}
  .agente:hover{border-color:rgba(233,197,106,.7);box-shadow:0 40px 90px -40px rgba(0,0,0,1),0 0 0 1px rgba(233,197,106,.15),0 0 60px -20px rgba(212,165,60,.35)}
  .agente .n{font-family:"Fraunces",serif;font-style:italic;color:var(--ambar-forte);font-size:1rem}
  .agente h3{font-size:1.55rem}
  .agente p{font-size:.98rem}
  .agente .metrica{margin-top:auto;padding-top:14px;border-top:1px dashed var(--linha);display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:.88rem;color:var(--tinta-3)}
  .agente .metrica b{font-family:"Fraunces",serif;font-size:1.5rem;color:var(--tinta);font-weight:500;line-height:1}
  .agente .caso{font-size:.86rem;color:var(--verde);font-weight:700}

  /* ===== sob medida ===== */
  .medida{background:radial-gradient(900px 500px at 15% 0%,rgba(212,165,60,.08),transparent 60%),var(--papel-2);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
  .medida-grade{display:grid;gap:36px;align-items:start}
  @media(min-width:900px){.medida-grade{grid-template-columns:1.05fr .95fr;gap:60px}}
  .exemplos{display:grid;gap:10px}
  .exemplos div{background:var(--branco);border:1px solid var(--linha);border-radius:14px;padding:14px 18px;font-size:.95rem;color:var(--tinta-2);line-height:1.5;transition:border-color .25s,transform .25s}
  .exemplos div:hover{border-color:var(--ambar);transform:translateX(4px)}
  .exemplos b{display:block;color:var(--tinta);font-family:"Fraunces",serif;font-weight:500;font-size:1.15rem;margin-bottom:2px}

  /* ===== demonstracao ===== */
  .demo{display:grid;gap:36px;align-items:center}
  @media(min-width:900px){.demo{grid-template-columns:1fr 1fr;gap:56px}}
  .chat{background:#0b111c;border:1px solid var(--linha-noite);border-radius:22px;overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.9);position:relative}
  .chat::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 80% -20%,rgba(217,138,43,.16),transparent 60%);pointer-events:none}
  .chat-topo{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--linha-noite);background:rgba(255,255,255,.02);position:relative}
  .chat-topo .av{width:36px;height:36px;border-radius:50%;background:var(--ambar);color:#1a1005;display:grid;place-items:center;font-weight:800;font-size:.8rem}
  .chat-topo b{display:block;color:#fff;font-size:.95rem}
  .chat-topo .st{font-size:.76rem;color:#6fd3a0}
  .chat-msgs{padding:18px;display:flex;flex-direction:column;gap:10px;height:330px;overflow-y:auto;scroll-behavior:smooth;position:relative}
  .m{max-width:84%;padding:11px 14px;border-radius:16px;font-size:.94rem;line-height:1.5;animation:sobe .3s ease}
  .m.ia{background:#16202f;color:#e2e7ef;border-bottom-left-radius:5px;align-self:flex-start}
  .m.eu{background:var(--ambar);color:#1a1005;border-bottom-right-radius:5px;align-self:flex-end;font-weight:500}
  .m.sis{align-self:center;background:transparent;color:#7a8494;font-size:.78rem;padding:4px 0;text-align:center}
  .m.tec{background:#16202f;width:58px;display:flex;gap:5px;align-items:center;justify-content:center;height:38px;align-self:flex-start}
  .m.tec i{width:7px;height:7px;border-radius:50%;background:#8f9bb0;animation:teclando 1s ease-in-out infinite}
  .m.tec i:nth-child(2){animation-delay:.15s}.m.tec i:nth-child(3){animation-delay:.3s}
  @keyframes teclando{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
  @keyframes sobe{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px;position:relative}
  .chips button{background:transparent;border:1px solid var(--linha-noite);color:#c9d1de;border-radius:999px;padding:8px 13px;font-size:.82rem;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s}
  .chips button:hover{border-color:var(--ambar);color:#fff}
  .chat-form{display:flex;gap:8px;padding:12px 18px 16px;border-top:1px solid var(--linha-noite);position:relative}
  .chat-form input{flex:1;background:#16202f;border:1px solid var(--linha-noite);border-radius:999px;padding:12px 16px;color:#fff;font-size:.95rem;font-family:inherit;outline:none}
  .chat-form input:focus{border-color:var(--ambar)}
  .chat-form button{width:44px;height:44px;border-radius:50%;border:none;background:var(--ambar);color:#1a1005;font-size:1rem;cursor:pointer}

  /* ===== banda ===== */
  .banda{position:relative;min-height:74vh;display:grid;align-items:end;overflow:hidden;color:#fff}
  .banda img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;will-change:transform}
  .banda .veu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,21,34,.05) 0%,rgba(14,21,34,.4) 45%,rgba(14,21,34,.9) 100%)}
  .banda .in{position:relative;padding-top:30vh;padding-bottom:64px}
  .banda h2{color:#fff;max-width:16ch}
  .banda p{color:rgba(255,255,255,.82);max-width:54ch;margin-top:16px;font-size:1.08rem}

  /* ===== nao faz ===== */
  ul.nao{list-style:none;margin-top:28px;display:grid;gap:12px;max-width:760px}
  ul.nao li{position:relative;padding-left:30px;color:var(--tinta-2);line-height:1.55}
  ul.nao li::before{content:"✕";position:absolute;left:0;top:1px;color:#b4453a;font-weight:900}

  /* ===== escada ===== */
  .escada{display:grid;gap:18px;margin-top:36px}
  @media(min-width:860px){.escada{grid-template-columns:1fr 1fr 1fr}}
  .degrau{background:linear-gradient(160deg,#15151a,#0d0d10);border:1px solid rgba(212,165,60,.2);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:10px;box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
  .degrau .n{font-family:"Fraunces",serif;font-size:2.6rem;color:var(--ambar);line-height:1}
  .degrau h3{font-size:1.4rem;color:#fff}
  .degrau p{font-size:.96rem}
  .degrau .preco{margin-top:auto;padding-top:14px;border-top:1px solid var(--linha-noite);font-family:"Fraunces",serif;font-size:1.4rem;color:#fff}
  .degrau .preco small{font-family:"Segoe UI",system-ui,sans-serif;font-size:.8rem;color:#8f9bb0;display:block;margin-top:2px}
  .portes{display:grid;gap:14px;margin-top:22px}
  @media(min-width:760px){.portes{grid-template-columns:1fr 1fr 1fr}}
  .porte{border:1px solid var(--linha-noite);border-radius:16px;padding:18px 20px}
  .porte b{display:block;font-family:"Fraunces",serif;font-weight:500;font-size:1.2rem;color:#fff}
  .porte span{font-size:.88rem;color:#8f9bb0;display:block}
  .porte .v{font-family:"Fraunces",serif;font-size:1.7rem;color:#f0b465;margin-top:8px;display:block;line-height:1}
  .garantia{margin-top:26px;padding:22px 26px;border-left:3px solid var(--ambar);background:rgba(217,138,43,.08);border-radius:0 16px 16px 0}
  .garantia b{display:block;font-family:"Fraunces",serif;font-weight:500;font-size:1.4rem;color:#fff;margin-bottom:4px}

  /* ===== quem ===== */
  .quem{display:grid;gap:34px;align-items:center}
  @media(min-width:900px){.quem{grid-template-columns:.9fr 1.1fr;gap:60px}}
  .quem .foto{border-radius:22px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 60px -30px rgba(14,21,34,.4)}
  .quem .foto img{width:100%;height:100%;object-fit:cover;display:block}
  .quem p{margin-top:14px;font-size:1.05rem}
  .quem .provas{display:grid;gap:10px;margin-top:22px}
  .quem .provas div{padding:14px 16px;border:1px solid var(--linha);border-radius:14px;background:var(--branco);font-size:.95rem;color:var(--tinta-2)}
  .quem .provas b{display:block;color:var(--tinta)}

  /* ===== perguntas ===== */
  .perguntas{margin-top:30px;border-top:1px solid var(--linha);max-width:800px}
  details{border-bottom:1px solid var(--linha)}
  summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:700;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:1.05rem}
  summary::-webkit-details-marker{display:none}
  summary::after{content:"+";font-family:"Fraunces",serif;font-size:1.7rem;color:var(--ambar-forte);line-height:1;flex:none}
  details[open] summary::after{content:"–"}
  details p{padding:0 0 20px;max-width:64ch}

  .fim{text-align:center}
  .fim .lead{margin-left:auto;margin-right:auto}
  .fim .acoes{justify-content:center}
  footer{background:var(--noite);color:var(--tinta-3);font-size:.82rem;text-align:center;padding:0 22px 48px;line-height:1.7}
  footer .in{border-top:1px solid var(--linha-noite);padding-top:34px}
  footer img{height:110px;width:auto;display:block;margin:0 auto 18px;filter:drop-shadow(0 0 22px rgba(212,165,60,.3))}
  footer a{color:var(--tinta-2)}

  /* barra fixa no celular */
  .bf{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:9px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(10,10,12,.92);backdrop-filter:blur(9px);border-top:1px solid rgba(212,165,60,.3);transform:translateY(105%);transition:transform .22s ease}
  .bf.aberta{transform:translateY(0)}
  @media(max-width:760px){.bf{display:flex}body{padding-bottom:74px}}
  .bf a{flex:1;text-align:center;padding:13px 8px;border-radius:99px;font-weight:800;font-size:.94rem;text-decoration:none;line-height:1.15}
  .bf .a{background:linear-gradient(135deg,#f3d98a,#d4a53c 50%,#a87a1e);color:#1a1205}
  .bf .b{background:transparent;color:var(--tinta);border:1px solid rgba(212,165,60,.5)}

  :focus-visible{outline:3px solid var(--ambar);outline-offset:3px;border-radius:8px}
  @media (prefers-reduced-motion:reduce){
    *,*::before,*::after{transition:none !important;animation:none !important}
    .js .rv{opacity:1 !important;transform:none !important}
    .banda img{transform:none !important}
  }