/* ==========================================================================
   AMS FACILITA SECURITIZADORA S.A.
   Linguagem visual proprietaria — fenix, skyline e ascensao.

   Principios:
   - Sem grade vertical de fios: o fundo e feito de auras radiais,
     varreduras diagonais ascendentes e a silhueta do skyline.
   - Cabecalhos alinhados a esquerda, numerados, com trilho dourado.
   - Movimento sempre subindo: escada de pilares, barras de progressao,
     setas e chanfros metalicos que citam o bisel do logotipo.
   ========================================================================== */

:root{
  --black:#000000;
  --graphite:#0D0D0D;
  --graphite-2:#111111;
  --graphite-3:#171717;

  --gold:#C89C3C;
  --gold-lt:#F2D07A;
  --gold-dk:#8E6A1E;
  --g-08:rgba(200,156,60,.08);
  --g-14:rgba(200,156,60,.14);
  --g-22:rgba(200,156,60,.22);
  --g-40:rgba(200,156,60,.40);

  --silver:#F4F5F7;
  --silver-2:#C4C8CF;
  --silver-3:#83878F;
  --silver-4:#5E626A;

  --font:"Montserrat","Segoe UI",system-ui,sans-serif;

  --max:1220px;
  --pad:6%;
  --nav-h:82px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;
  background:var(--black);
  color:var(--silver-2);
  font-family:var(--font);
  font-size:16px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;font-weight:800;color:var(--silver);line-height:1.14;letter-spacing:-.01em}
p{margin:0}
::selection{background:rgba(200,156,60,.4);color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ==========================================================================
   1. Fundos e texturas da marca
   ========================================================================== */
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
.section{position:relative;padding:104px 0;scroll-margin-top:var(--nav-h)}
@media(min-width:1024px){.section{padding:132px 0}}

/* varredura diagonal ascendente — assinatura do movimento da fenix */
.sweep{pointer-events:none;position:absolute;inset:0;overflow:hidden}
.sweep::before{
  content:"";position:absolute;inset:-40% -20%;
  background:linear-gradient(74deg,transparent 38%,rgba(200,156,60,.11) 50%,transparent 62%);
}
.sweep::after{
  content:"";position:absolute;inset:-40% -20%;
  background:linear-gradient(74deg,transparent 60%,rgba(200,156,60,.05) 68%,transparent 76%);
}

/* aura radial dourada */
.aura{
  pointer-events:none;position:absolute;border-radius:50%;
  background:radial-gradient(circle,rgba(200,156,60,.22),rgba(200,156,60,.05) 46%,transparent 70%);
}

/* silhueta do skyline no rodape das secoes escuras */
.skyline{
  pointer-events:none;position:absolute;left:0;right:0;bottom:0;height:170px;
  background:url("../img/skyline.svg") repeat-x bottom center;
  background-size:auto 170px;
  opacity:.13;
  -webkit-mask-image:linear-gradient(transparent,#000 78%);
  mask-image:linear-gradient(transparent,#000 78%);
}
.skyline.faint{opacity:.07}

.band-graphite{background:var(--graphite)}
.band-fade{background:linear-gradient(180deg,var(--black),var(--graphite) 45%,var(--black))}

/* ==========================================================================
   2. Cabecalho de secao — numerado, alinhado a esquerda, com trilho
   ========================================================================== */
.sec-head{position:relative;padding-left:26px;max-width:760px}
.sec-head::before{
  content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;
  background:linear-gradient(180deg,var(--gold-lt),var(--gold) 30%,transparent);
}
.sec-num{display:block;font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--gold-dk);margin-bottom:10px}
.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.h2{margin-top:14px;font-size:clamp(23px,3vw,37px);line-height:1.16;text-transform:uppercase;color:var(--silver)}
.h2 em{font-style:normal;color:var(--gold-lt)}
.lede{margin-top:18px;font-size:14.5px;line-height:1.8;color:var(--silver-3);max-width:640px}

.chrome{
  background:linear-gradient(180deg,#FFFFFF 0%,#DEE2E8 36%,#8C9199 52%,#F1F3F7 68%,#B6BBC4 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.gilt{
  background:linear-gradient(180deg,#F8E7B2 0%,#C89C3C 48%,#8E6A1E 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ==========================================================================
   3. Superficie chanfrada — cita o bisel metalico do logotipo
   ========================================================================== */
.bevel{
  position:relative;
  background:linear-gradient(168deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 38%,rgba(0,0,0,0));
  border:1px solid var(--g-14);
  box-shadow:inset 0 1px 0 rgba(242,208,122,.22);
  transition:border-color .45s ease,box-shadow .45s ease,transform .45s ease;
}
.bevel::before{
  content:"";position:absolute;left:0;top:0;height:2px;width:56px;
  background:linear-gradient(90deg,var(--gold-lt),transparent);
}
.bevel:hover{
  border-color:var(--g-40);
  box-shadow:inset 0 1px 0 rgba(242,208,122,.45),0 24px 54px -34px rgba(200,156,60,.7);
}

/* ==========================================================================
   4. Botoes
   ========================================================================== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  white-space:nowrap;padding:16px 32px;transition:all .3s ease;user-select:none;
}
.btn .arw{width:13px;height:13px;transition:transform .3s ease}
.btn:hover .arw{transform:translate(2px,-2px)}

.btn-gold{
  position:relative;overflow:hidden;color:#120C00;
  background:linear-gradient(158deg,#F8E7B2,#C89C3C 52%,#8E6A1E);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
  box-shadow:0 12px 32px -14px rgba(200,156,60,.75);
}
.btn-gold::after{
  content:"";position:absolute;top:0;left:-90%;width:45%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);
  transition:left .65s ease;
}
.btn-gold:hover::after{left:140%}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 20px 44px -16px rgba(200,156,60,.9)}

.btn-line{
  color:var(--silver);border:1px solid var(--g-40);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
}
.btn-line:hover{background:rgba(200,156,60,.1);border-color:var(--gold);transform:translateY(-2px)}
.btn-sm{padding:12px 24px;font-size:10px}
@media (prefers-reduced-motion:reduce){.btn-gold::after{display:none}}

/* ==========================================================================
   5. Cabecalho fixo + barra de progresso de leitura
   ========================================================================== */
.progress{
  position:fixed;top:0;left:0;height:2px;width:0;z-index:80;
  background:linear-gradient(90deg,var(--gold-dk),var(--gold-lt));
}
.site-header{
  position:fixed;inset:0 0 auto;z-index:70;
  transition:background .4s ease,border-color .4s ease;border-bottom:1px solid transparent;
}
.site-header.is-stuck{background:rgba(5,5,5,.94);backdrop-filter:blur(16px);border-bottom-color:var(--g-14)}
.nav{max-width:1420px;margin:0 auto;height:var(--nav-h);padding-inline:4%;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;gap:13px;margin-right:auto}
.brand .mark{width:46px;height:46px;flex:none}
.brand-name{display:block;font-size:20px;font-weight:800;letter-spacing:.04em;line-height:1;text-transform:uppercase}
.brand-name .ams{margin-right:.2em}
.brand-sub{
  display:block;margin-top:5px;font-size:8px;font-weight:700;
  letter-spacing:.3em;text-transform:uppercase;color:var(--gold);line-height:1;
}
.nav-list{display:none;align-items:center;gap:28px}
@media(min-width:1150px){.nav-list{display:flex}}
.nav-link{
  position:relative;display:inline-block;padding:8px 0;font-size:10.5px;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:var(--silver-2);transition:color .3s;
}
.nav-link:hover{color:var(--gold-lt)}
.nav-link::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:1px;background:var(--gold);transition:width .3s ease}
.nav-link:hover::after{width:100%}
.nav-cta{display:none}
@media(min-width:1150px){.nav-cta{display:inline-flex}}

.burger{display:grid;gap:5px;padding:10px;margin-left:auto}
@media(min-width:1150px){.burger{display:none}}
.burger span{display:block;width:24px;height:1.5px;background:var(--gold);transition:.3s}
.burger.is-open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.mobile-menu{
  position:fixed;inset:var(--nav-h) 0 auto;z-index:65;background:rgba(5,5,5,.98);
  backdrop-filter:blur(16px);border-bottom:1px solid var(--g-22);
  display:grid;padding:20px 6% 28px;
  transform:translateY(-14px);opacity:0;pointer-events:none;transition:.3s ease;
}
.mobile-menu.is-open{transform:none;opacity:1;pointer-events:auto}
.mobile-menu a{
  padding:14px 0;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--silver-2);border-bottom:1px solid var(--g-08);
}
@media(min-width:1150px){.mobile-menu{display:none}}

/* ==========================================================================
   6. Hero assimetrico
   ========================================================================== */
.hero{
  position:relative;min-height:100svh;display:flex;align-items:center;
  padding:calc(var(--nav-h) + 64px) 0 150px;overflow:hidden;
  background:linear-gradient(160deg,#000 0%,#0A0A0A 46%,#000 100%);
}
.hero .aura-main{right:-10%;top:2%;width:min(880px,110vw);aspect-ratio:1}
.hero-grid{
  position:relative;z-index:3;display:grid;gap:48px;align-items:center;
  max-width:var(--max);margin:0 auto;padding-inline:var(--pad);width:100%;
}
@media(min-width:1024px){.hero-grid{grid-template-columns:1.08fr .92fr;gap:64px}}

.hero-kicker{
  display:inline-flex;align-items:center;gap:12px;
  font-size:10.5px;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);
}
.hero-kicker::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.hero h1{margin-top:22px;font-size:clamp(29px,4.4vw,53px);line-height:1.09;text-transform:uppercase}
.hero h1 em{font-style:normal;color:var(--gold-lt)}
.hero .sub{margin-top:24px;max-width:520px;font-size:15px;line-height:1.8;color:var(--silver-3)}
.hero-actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px}
.hero-slogan{
  margin-top:40px;padding-top:22px;border-top:1px solid var(--g-14);
  font-size:11px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-dk);
}

.hero-emblem{position:relative;display:grid;place-items:center;min-height:300px}
.hero-emblem img{position:relative;z-index:2;width:min(400px,84%);filter:drop-shadow(0 26px 60px rgba(200,156,60,.35))}
.hero-emblem .ring{position:absolute;width:min(440px,92%);aspect-ratio:1;border-radius:50%;border:1px solid var(--g-14)}
.hero-emblem .ring.r2{width:min(540px,112%);border-color:var(--g-08)}
.hero-emblem .ring.spin{border:1px dashed rgba(200,156,60,.18);animation:spin 46s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.hero-emblem .ring.spin{animation:none}}

.hero-strip{
  position:absolute;left:0;right:0;bottom:0;z-index:4;
  border-top:1px solid var(--g-14);background:rgba(0,0,0,.6);backdrop-filter:blur(8px);
}
.hero-strip .wrap{display:grid}
@media(min-width:768px){.hero-strip .wrap{grid-template-columns:repeat(3,1fr)}}
.hero-strip .cell{display:flex;align-items:center;gap:14px;padding:18px 0}
@media(min-width:768px){.hero-strip .cell + .cell{border-left:1px solid var(--g-14);padding-left:28px}}
.hero-strip svg{width:20px;height:20px;flex:none;color:var(--gold);stroke-width:1.3}
.hero-strip b{display:block;font-size:12.5px;font-weight:700;color:var(--silver);letter-spacing:.01em}
.hero-strip span{display:block;margin-top:3px;font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--silver-4)}

/* ==========================================================================
   7. Revelacao no scroll
   ========================================================================== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ==========================================================================
   8. Quem somos
   ========================================================================== */
.about{display:grid;gap:52px;align-items:start}
@media(min-width:1024px){.about{grid-template-columns:.95fr 1.05fr;gap:78px}}
.about-lead{font-size:17px;line-height:1.75;color:var(--silver-2)}
.about-body{margin-top:20px;font-size:14.5px;line-height:1.85;color:var(--silver-3)}
.about-id{
  margin-top:30px;display:inline-flex;align-items:center;gap:12px;padding:13px 20px;
  border:1px solid var(--g-22);font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--silver-3);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);
}
.about-id b{color:var(--gold-lt);font-weight:800}

.values{margin-top:40px;display:grid;gap:2px;background:var(--g-08)}
@media(min-width:560px){.values{grid-template-columns:repeat(2,1fr)}}
.values li{display:flex;align-items:center;gap:15px;padding:20px 18px;background:var(--black);transition:background .4s ease}
.values li:hover{background:var(--graphite-3)}
.values svg{width:21px;height:21px;flex:none;color:var(--gold);stroke-width:1.3}
.values span{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--silver-2)}

/* ==========================================================================
   9. Escada de pilares — o motivo de ascensao da marca
   ========================================================================== */
.stair{margin-top:60px;display:grid;gap:2px}
@media(min-width:640px){.stair{grid-template-columns:repeat(2,1fr);gap:14px}}
@media(min-width:960px){.stair{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1240px){
  .stair{grid-template-columns:repeat(5,1fr);gap:14px;align-items:end}
  .stair .step{margin-bottom:calc(var(--i) * 30px)}
}
.step{
  position:relative;padding:30px 24px 28px;height:100%;
  background:linear-gradient(180deg,rgba(200,156,60,.07),rgba(0,0,0,0) 62%);
  border-top:2px solid var(--gold);
  transition:background .45s ease,transform .45s ease;
}
.step:hover{background:linear-gradient(180deg,rgba(200,156,60,.16),rgba(0,0,0,0) 70%);transform:translateY(-4px)}
.step .idx{display:block;font-size:10px;font-weight:800;letter-spacing:.24em;color:var(--gold-dk)}
.step svg{margin-top:20px;width:30px;height:30px;color:var(--gold);stroke-width:1.2}
.step h3{margin-top:20px;font-size:15px;text-transform:uppercase;letter-spacing:.02em}
.step .role{display:block;margin-top:6px;font-size:9.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.step p{margin-top:13px;font-size:12.5px;line-height:1.75;color:var(--silver-3)}

/* ==========================================================================
   10. Portfolio — cartoes escalonados
   ========================================================================== */
.folio{margin-top:60px;display:grid;gap:22px}
@media(min-width:900px){
  .folio{grid-template-columns:repeat(3,1fr);align-items:start}
  .folio .fcard:nth-child(2){margin-top:44px}
  .folio .fcard:nth-child(3){margin-top:88px}
}
.fcard{display:flex;flex-direction:column;height:100%;padding:34px 28px 30px}
.fcard .tag{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.fcard svg.ic{margin-top:24px;width:40px;height:40px;color:var(--gold);stroke-width:1.1}
.fcard h3{margin-top:24px;font-size:17px;text-transform:uppercase;line-height:1.3}
.fcard p{margin-top:14px;flex:1;font-size:13px;line-height:1.8;color:var(--silver-3)}
.fcard .go{
  margin-top:26px;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
  font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-lt);
  padding-bottom:6px;border-bottom:1px solid var(--g-40);transition:gap .3s ease,border-color .3s ease;
}
.fcard .go:hover{gap:16px;border-color:var(--gold-lt)}
.fcard .go svg{width:13px;height:13px}

/* ==========================================================================
   11. Investidores
   ========================================================================== */
.inv{display:grid;gap:52px;align-items:center}
@media(min-width:1024px){.inv{grid-template-columns:1.05fr .95fr;gap:74px}}
.inv-list{margin-top:34px;display:grid;gap:2px;background:var(--g-08)}
.inv-list li{display:flex;gap:14px;padding:18px 16px;background:var(--black);font-size:13.5px;line-height:1.65;color:var(--silver-2)}
.inv-list svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--gold);stroke-width:1.5}

.inv-panel{padding:34px 30px}
.inv-panel h3{font-size:15px;text-transform:uppercase;letter-spacing:.02em}
.inv-panel dl{margin:26px 0 0}
.inv-panel .row{padding:18px 0;border-top:1px solid var(--g-14)}
.inv-panel .row:first-child{border-top:0;padding-top:0}
.inv-panel dt{font-size:9.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.inv-panel dd{margin:7px 0 0;font-size:13.5px;color:var(--silver-2)}
.fineprint{
  margin-top:46px;padding-top:22px;border-top:1px solid var(--g-08);
  font-size:11.5px;line-height:1.85;color:var(--silver-4);
}

/* ==========================================================================
   12. Servicos — indice editorial com coluna fixa
   ========================================================================== */
.svc{display:grid;gap:44px}
@media(min-width:1024px){.svc{grid-template-columns:330px 1fr;gap:80px;align-items:start}}
.svc-aside{align-self:start}
@media(min-width:1024px){.svc-aside{position:sticky;top:calc(var(--nav-h) + 40px)}}
.svc-list{border-top:1px solid var(--g-14)}
.svc-row{
  position:relative;display:grid;grid-template-columns:52px 1fr;gap:18px;
  padding:26px 16px 26px 0;border-bottom:1px solid var(--g-08);
  transition:padding .4s ease;
}
.svc-row::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:0;
  background:linear-gradient(90deg,rgba(200,156,60,.14),transparent);
  transition:width .45s ease;
}
.svc-row:hover{padding-left:16px}
.svc-row:hover::before{width:100%}
.svc-row .rn{position:relative;font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--gold);padding-top:2px}
.svc-row h3{position:relative;font-size:15px;text-transform:uppercase;letter-spacing:.01em;line-height:1.35}
.svc-row p{position:relative;margin-top:9px;font-size:13px;line-height:1.8;color:var(--silver-3)}

/* ==========================================================================
   13. Faixa de principios com marca d'agua
   ========================================================================== */
.creed{position:relative;padding:110px 0;overflow:hidden;background:var(--graphite)}
.creed .watermark{
  position:absolute;right:-5%;top:50%;transform:translateY(-50%);
  width:min(520px,72%);opacity:.07;
}
.creed blockquote{
  position:relative;z-index:2;max-width:780px;margin:0;
  font-size:clamp(19px,2.5vw,29px);font-weight:500;line-height:1.5;color:var(--silver);
}
.creed blockquote::before{
  content:"";display:block;width:52px;height:2px;margin-bottom:26px;
  background:linear-gradient(90deg,var(--gold-lt),transparent);
}
.creed cite{
  position:relative;z-index:2;display:block;margin-top:28px;font-style:normal;
  font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);
}

/* ==========================================================================
   14. Como funciona — trilhas com barras de progressao
   ========================================================================== */
.tracks{margin-top:60px;display:grid;gap:22px}
@media(min-width:1024px){.tracks{grid-template-columns:repeat(2,1fr)}}
.track{display:flex;flex-direction:column;height:100%;padding:36px 26px 30px}
@media(min-width:640px){.track{padding:42px 38px 34px}}
.track .tag{font-size:9.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.track h3{margin-top:13px;font-size:19px;text-transform:uppercase}
.track > p{margin-top:13px;font-size:13px;line-height:1.8;color:var(--silver-3)}
.flow{margin-top:30px}
.flow li{
  position:relative;display:grid;grid-template-columns:30px 1fr;gap:16px;align-items:center;
  padding:15px 0;border-bottom:1px solid var(--g-08);
}
.flow li::after{
  content:"";position:absolute;left:0;bottom:-1px;height:1px;width:var(--p);
  background:linear-gradient(90deg,var(--gold),rgba(200,156,60,0));
}
.flow .n{
  width:30px;height:30px;display:grid;place-items:center;font-size:11px;font-weight:800;
  color:var(--gold-lt);border:1px solid var(--g-22);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%);
}
.flow .t{font-size:13px;color:var(--silver-2);line-height:1.4}

/* ==========================================================================
   15. Setores — fita rolante (motivo de mercado)
   ========================================================================== */
.ticker{
  position:relative;
  border-top:1px solid var(--g-14);border-bottom:1px solid var(--g-14);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.ticker.first{margin-top:52px}
.ticker + .ticker{border-top:0}
.ticker-run{display:flex;width:max-content;animation:run 48s linear infinite}
.ticker.rev .ticker-run{animation-direction:reverse}
@keyframes run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker:hover .ticker-run{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.ticker-run{animation:none}}
.ticker-item{display:flex;align-items:center;gap:14px;padding:22px 34px;flex:none;border-right:1px solid var(--g-08)}
.ticker-item svg{width:22px;height:22px;color:var(--gold);stroke-width:1.2}
.ticker-item span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--silver-2);white-space:nowrap}

/* ==========================================================================
   16. FAQ numerado
   ========================================================================== */
.faq{margin-top:54px}
.faq-item{border-bottom:1px solid var(--g-08);transition:background .4s ease}
.faq-item.is-open{background:linear-gradient(90deg,rgba(200,156,60,.07),transparent 70%)}
.faq-q{
  width:100%;display:grid;grid-template-columns:44px 1fr 22px;gap:14px;align-items:center;
  padding:24px 12px 24px 0;text-align:left;font-size:14.5px;font-weight:600;line-height:1.45;
  color:var(--silver);transition:color .3s;
}
.faq-q:hover{color:var(--gold-lt)}
.faq-q .qn{font-size:10.5px;font-weight:800;letter-spacing:.16em;color:var(--gold-dk);transition:color .3s}
.faq-item.is-open .faq-q .qn{color:var(--gold)}
.faq-q .ind{position:relative;width:14px;height:14px;justify-self:end}
.faq-q .ind::before,.faq-q .ind::after{content:"";position:absolute;background:var(--gold);transition:transform .3s ease}
.faq-q .ind::before{left:0;top:6.5px;width:14px;height:1px}
.faq-q .ind::after{left:6.5px;top:0;width:1px;height:14px}
.faq-item.is-open .faq-q .ind::after{transform:scaleY(0)}
.faq-a{overflow:hidden;max-height:0;transition:max-height .45s ease}
.faq-a p{padding:0 32px 28px 58px;font-size:13.5px;line-height:1.9;color:var(--silver-3);max-width:840px}

/* ==========================================================================
   17. Chamada final
   ========================================================================== */
.cta{position:relative;padding:130px 0;overflow:hidden;background:var(--black)}
.cta .aura-cta{left:50%;top:38%;transform:translate(-50%,-50%);width:min(900px,120vw);aspect-ratio:1}
.cta-inner{position:relative;z-index:3;display:grid;gap:38px;align-items:center}
@media(min-width:900px){.cta-inner{grid-template-columns:1.25fr .75fr;gap:60px}}
.cta h2{font-size:clamp(25px,3.5vw,42px);text-transform:uppercase;line-height:1.12}
.cta p{margin-top:18px;font-size:14.5px;line-height:1.8;color:var(--silver-3);max-width:520px}
.cta-actions{display:flex;flex-wrap:wrap;gap:14px}
@media(min-width:900px){.cta-actions{justify-content:flex-end}}

/* ==========================================================================
   18. Rodape
   ========================================================================== */
.site-footer{position:relative;border-top:1px solid var(--g-14);background:var(--graphite);overflow:hidden}
.footer-top{position:relative;z-index:2;display:grid;gap:44px;padding:78px 0 54px}
@media(min-width:1024px){.footer-top{grid-template-columns:1.5fr 1fr 1.2fr;gap:64px}}
.footer-brand .brand{margin-bottom:22px}
.footer-brand p{font-size:13px;line-height:1.85;color:var(--silver-3);max-width:400px}
.footer-slogan{margin-top:22px;font-size:10.5px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-dk)}
.site-footer h4{margin:0 0 22px;font-size:10px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.footer-links{display:grid;gap:12px}
.footer-links a{font-size:13px;color:var(--silver-3);transition:color .3s,padding-left .3s}
.footer-links a:hover{color:var(--gold-lt);padding-left:6px}
.footer-contact{display:grid;gap:16px;font-size:13px;line-height:1.7;color:var(--silver-3)}
.footer-contact a{transition:color .3s}
.footer-contact a:hover{color:var(--gold-lt)}
.footer-contact strong{display:block;color:var(--silver-2);font-weight:700}
.footer-legal{position:relative;z-index:2;border-top:1px solid var(--g-08);padding:30px 0 38px;display:grid;gap:18px}
.footer-legal p{font-size:11.5px;line-height:1.85;color:var(--silver-4)}
.footer-bottom{
  position:relative;z-index:2;border-top:1px solid var(--g-08);padding:22px 0 30px;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  font-size:11px;letter-spacing:.02em;color:var(--silver-4);
}

.wa{
  position:fixed;right:20px;bottom:20px;z-index:75;width:54px;height:54px;
  display:grid;place-items:center;background:#25D366;color:#06210F;border-radius:50%;
  box-shadow:0 14px 32px -10px rgba(37,211,102,.7);transition:transform .3s;
}
.wa:hover{transform:scale(1.08)}
.wa svg{width:28px;height:28px}

/* ==========================================================================
   19. Formulario de qualificacao
   ========================================================================== */
.quiz-section{position:relative;overflow:hidden;background:var(--graphite)}
.quiz-shell{position:relative;z-index:2;display:grid;gap:44px;align-items:start}
@media(min-width:1100px){.quiz-shell{grid-template-columns:340px 1fr;gap:70px}}
.quiz-aside{align-self:start}
@media(min-width:1100px){.quiz-aside{position:sticky;top:calc(var(--nav-h) + 40px)}}
.quiz-note{
  margin-top:26px;padding-top:22px;border-top:1px solid var(--g-14);
  font-size:11.5px;line-height:1.85;color:var(--silver-4);
}
.quiz-card{position:relative;padding:30px 22px 28px}
@media(min-width:640px){.quiz-card{padding:42px 44px 36px}}

.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.quiz-step{font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.quiz-pct{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--silver-4)}
.quiz-bar{margin-top:13px;height:2px;background:var(--g-08);overflow:hidden}
.quiz-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-dk),var(--gold-lt));transition:width .5s ease}
.quiz-q{margin-top:30px;font-size:clamp(17px,2.1vw,22px);font-weight:700;line-height:1.35;color:var(--silver);letter-spacing:0}

.quiz-opts{margin-top:26px;display:grid;gap:9px}
.opt{
  position:relative;width:100%;display:flex;align-items:center;gap:15px;text-align:left;
  padding:17px 20px;border:1px solid var(--g-14);background:rgba(0,0,0,.4);transition:all .25s ease;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
}
.opt:hover{border-color:var(--g-40);background:rgba(200,156,60,.06)}
.opt.is-sel{border-color:var(--gold);background:rgba(200,156,60,.12)}
.opt .dot{flex:none;width:16px;height:16px;border:1px solid var(--g-40);display:grid;place-items:center}
.opt .dot::after{content:"";width:8px;height:8px;background:var(--gold);transform:scale(0);transition:transform .2s}
.opt.is-sel .dot::after{transform:scale(1)}
.opt .lbl{font-size:14px;font-weight:600;color:var(--silver)}
.opt .desc{display:block;margin-top:3px;font-size:12px;font-weight:400;color:var(--silver-3)}

.quiz-nav{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
.quiz-back{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--silver-4);transition:color .3s}
.quiz-back:hover{color:var(--gold-lt)}
.quiz-nav .btn:disabled{opacity:.32;cursor:not-allowed;transform:none;box-shadow:none}
.quiz-foot{margin-top:20px;text-align:center;font-size:11px;color:var(--silver-4)}

.bridge{padding:12px 0}
.bridge .ic{width:46px;height:46px;color:var(--gold);stroke-width:1}
.bridge h3{margin-top:22px;font-size:clamp(18px,2.3vw,23px);font-weight:700;line-height:1.35;text-transform:none;letter-spacing:0}
.bridge p{margin-top:16px;max-width:620px;font-size:13.5px;line-height:1.85;color:var(--silver-3)}

.form-grid{margin-top:26px;display:grid;gap:18px}
@media(min-width:640px){
  .form-grid{grid-template-columns:repeat(2,1fr)}
  .form-grid .full{grid-column:1/-1}
}
.field label{display:block;font-size:9.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--silver-4);margin-bottom:8px}
.field input,.field select{
  width:100%;padding:14px 15px;background:rgba(0,0,0,.55);color:var(--silver);
  border:1px solid var(--g-14);font-family:var(--font);font-size:14px;transition:border-color .3s;
}
.field select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--gold) 50%),linear-gradient(135deg,var(--gold) 50%,transparent 50%);
  background-position:calc(100% - 19px) 22px,calc(100% - 14px) 22px;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;
}
.field input:focus,.field select:focus{outline:none;border-color:var(--gold)}
.field .err{display:none;margin-top:7px;font-size:11px;color:#E08A7A}
.field.is-err input,.field.is-err select{border-color:#B0503C}
.field.is-err .err{display:block}

.consents{margin-top:26px;display:grid;gap:16px}
.consent{display:flex;gap:13px;align-items:flex-start;cursor:pointer}
.consent input{
  flex:none;appearance:none;width:18px;height:18px;margin-top:2px;
  border:1px solid var(--g-40);background:rgba(0,0,0,.5);cursor:pointer;position:relative;transition:.2s;
}
.consent input:checked{background:var(--gold);border-color:var(--gold)}
.consent input:checked::after{
  content:"";position:absolute;left:6px;top:2px;width:4px;height:9px;
  border:solid #0B0900;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.consent span{font-size:12px;line-height:1.7;color:var(--silver-3)}
.consent.is-err span{color:#E08A7A}
.form-note{margin-top:20px;font-size:11.5px;color:var(--silver-4)}
.form-note a{color:var(--gold-lt);text-decoration:underline;text-underline-offset:3px}

.quiz-done{text-align:center;padding:22px 0}
.quiz-done .ic{width:58px;height:58px;margin:0 auto;color:var(--gold);stroke-width:1}
.quiz-done h3{margin-top:24px;font-size:clamp(19px,2.4vw,25px);text-transform:uppercase;letter-spacing:.02em}
.quiz-done p{margin:16px auto 0;max-width:560px;font-size:13.5px;line-height:1.85;color:var(--silver-3)}
.quiz-done .actions{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ==========================================================================
   20. Paginas internas
   ========================================================================== */
.page-hero{
  position:relative;padding:calc(var(--nav-h) + 78px) 0 76px;overflow:hidden;
  background:linear-gradient(160deg,#000,#0A0A0A 60%,#000);
  border-bottom:1px solid var(--g-08);
}
.page-hero .aura-p{left:-8%;top:-40%;width:min(700px,100vw);aspect-ratio:1}
.page-hero .sec-head{position:relative;z-index:2}
.page-hero h1{margin-top:14px;font-size:clamp(25px,3.6vw,42px);text-transform:uppercase;line-height:1.14}
.page-hero p{margin-top:20px;max-width:680px;font-size:14.5px;line-height:1.8;color:var(--silver-3)}

.doc{max-width:880px;margin:0 auto;padding:80px var(--pad) 100px}
.doc h2{
  margin-top:52px;font-size:16px;text-transform:uppercase;letter-spacing:.02em;color:var(--silver);
  padding-bottom:14px;border-bottom:1px solid var(--g-14);
}
.doc h2:first-of-type{margin-top:0}
.doc p{margin-top:18px;font-size:14px;line-height:1.95;color:var(--silver-3)}
.doc ul{margin-top:18px;display:grid;gap:12px}
.doc ul li{position:relative;padding-left:22px;font-size:14px;line-height:1.9;color:var(--silver-3)}
.doc ul li::before{content:"";position:absolute;left:0;top:12px;width:9px;height:1px;background:var(--gold)}
.doc strong{color:var(--silver-2)}
.doc .updated{
  margin-top:56px;padding-top:24px;border-top:1px solid var(--g-14);
  font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--silver-4);
}
.partner-grid{display:grid;gap:22px;margin-top:58px}
@media(min-width:900px){.partner-grid{grid-template-columns:repeat(2,1fr)}}