/* AlphaQuant / Studio 01 — Blender artwork, restrained surfaces, readable data. */
:root{--bg:#080e0c;--bg-2:#0b1310;--panel:#111b16;--panel-2:#16211b;--elev:#1c2a22;--text:#eff5ef;--muted:#a0afa5;--dim:#78887e;--line:rgba(189,223,202,.10);--line-2:rgba(189,223,202,.19);--accent:#85efb1;--accent-2:#52d996;--accent-ink:#092618;--grad:linear-gradient(120deg,#a0f5bf,#65e5a0);--gold:#dbcb96;--shadow:0 14px 42px -26px #000;--glow:0 5px 24px -12px #59dc96}
body{background-image:radial-gradient(ellipse at 90% 0,rgba(90,155,112,.045),transparent 45%);background-attachment:scroll}
::selection{background:#85efb1;color:#092618}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.btn{border-radius:10px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.btn-p{background:var(--grad);box-shadow:0 3px 0 rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.45)}
.btn-p:hover{filter:none;box-shadow:0 8px 30px -12px rgba(115,235,162,.5);transform:translateY(-1px)}
.btn-g{background:rgba(226,246,233,.025);border-color:var(--line-2)}
.brand-mark{border-radius:12px;box-shadow:inset 0 1px 0 #d7ffe5,0 4px 18px -12px #71e9a3}
.brand-name{letter-spacing:-.045em}.brand-sub{letter-spacing:.27em}
.card,.panel{background:linear-gradient(145deg,rgba(218,250,229,.035),transparent 60%),var(--panel);border-color:var(--line);box-shadow:var(--shadow)}
input,select,textarea{background-color:#0b1410;border-color:var(--line-2)}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px rgba(133,239,177,.09)}
.tbl th{color:#a8b8ad}.tbl tbody tr:hover{background:rgba(176,222,193,.035)}
/* Public landing */
.aq-home .wrap-c{max-width:1240px;padding-inline:32px}
.aq-home .nav{padding:19px max(28px,calc((100vw - 1376px)/2));background:rgba(8,14,12,.94);border-color:rgba(180,223,195,.08);backdrop-filter:blur(16px)}
.aq-home .nav-links{gap:20px}.aq-home .nav-links a{font-size:12px}
/* 12/09/2026 — REMOVIDA a regra que escondia #resultados, #recursos e #afiliados. Ela não
   tinha media query: apagava os três em qualquer largura, e como .nav-links também é a classe
   do mini-menu do RODAPÉ, levava o "Afiliados" do rodapé junto — o programa de afiliados ficou
   sem link nenhum na página. Quem decide o que sai em tela estreita agora é a escada do
   <style> de index.html, presa ao seletor `.nav .nav-links` (só a barra do topo). */
.aq-home .nav-right .btn{font-size:12px;padding:11px 16px}
.aq-home .hero{padding:70px 0 38px;overflow:hidden;background:radial-gradient(ellipse at 76% 48%,rgba(40,98,63,.14),transparent 45%)}
.aq-home .hero>.orb{display:none}
.aq-home .hero-grid{grid-template-columns:1.04fr 1fr;gap:18px}
.aq-home .eyebrow{padding:0;border:0;background:none;border-radius:0;color:#b1c6b7;text-transform:uppercase;letter-spacing:.18em;font-size:10px;margin-bottom:25px;font-weight:500}
.aq-home .eyebrow .dot{width:5px;height:5px;box-shadow:none}
.aq-home .hero h1{font-size:clamp(46px,4.8vw,70px);line-height:1.045;letter-spacing:-.065em;font-weight:500;max-width:10.6ch}
.aq-home .hero h1 .grad-text{background:none;color:var(--accent)}
.aq-home .hero p.lead{font-size:15px;line-height:1.8;max-width:43ch;margin:25px 0 27px;color:#a4b4aa}
.aq-home .hero .btn-lg{font-size:13px;padding:15px 21px}
.aq-home .hero .trust{gap:12px;font-size:10px;margin-top:28px;color:#9caf9f}
.aq-home .exch-badge{border:0;background:none;padding:0;gap:6px;font-size:11px}
.aq-home .watch-badge{border:0;padding:0;margin-top:22px;font-size:11px;background:none;gap:9px}
.aq-home .wb-play{width:19px;height:19px;background:transparent;border:1px solid #567262;color:#a1ebbd;font-size:7px}
.premium-scene{height:550px;position:relative;isolation:isolate;perspective:1000px}
.studio-object{width:115%;height:115%;object-fit:contain;position:absolute;left:-7.5%;top:-6%;z-index:2;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s ease-out;filter:drop-shadow(0 28px 28px rgba(0,0,0,.25))}
.studio-halo{position:absolute;inset:10% 0;border-radius:50%;border:1px solid rgba(155,216,175,.055);transform:rotate(-25deg);background:radial-gradient(circle,rgba(81,167,108,.07),transparent 65%)}
.studio-halo:before,.studio-halo:after{content:'';position:absolute;inset:8%;border:1px solid rgba(155,216,175,.04);border-radius:50%}
.studio-halo:after{inset:18%}
.studio-coordinate{position:absolute;top:16px;left:30px;font:9px var(--mono);letter-spacing:.14em;color:#819a89;z-index:3}
.studio-coordinate:before{content:'+';display:inline-block;margin-right:10px;color:#a3e3b9}
.studio-chip{position:absolute;z-index:3;border:1px solid rgba(177,219,191,.17);border-radius:13px;background:linear-gradient(135deg,rgba(32,52,40,.9),rgba(13,24,17,.9));box-shadow:0 15px 35px -20px #000;backdrop-filter:blur(12px);padding:13px 16px;color:#edf5ed;max-width:180px}
.studio-chip small{display:block;color:#a1b6a8;font-size:9px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}
.studio-chip strong{font:500 12px var(--font)}
.studio-chip.one{left:0;top:27%}.studio-chip.two{right:-3px;bottom:24%}
.studio-chip .studio-led{display:inline-block;width:5px;height:5px;border-radius:50%;background:#85efb1;margin-right:7px}
.studio-caption{position:absolute;bottom:10px;left:30px;right:10px;display:flex;justify-content:space-between;gap:10px;font:8px var(--mono);letter-spacing:.16em;color:#6f8979}
.aq-home .ticker{margin:10px 0 0;background:#0b130f;border-color:rgba(182,222,198,.09);padding:15px 0}
.aq-home .ticker .tk span{font-size:11px}
.aq-home .stats{border:0;border-radius:0;background:none;margin:0;padding:33px 0;border-bottom:1px solid var(--line);gap:0}
.aq-home .stat{background:none;text-align:left;padding:6px 30px;border-right:1px solid var(--line)}
.aq-home .stat:first-child{padding-left:0}.aq-home .stat:last-child{border:0}
.aq-home .stat .v{font-family:var(--font);font-size:30px;font-weight:500;color:#e5eee6;letter-spacing:-.05em;background:none;-webkit-text-fill-color:currentColor}
.aq-home .stat .l{font-size:11px;color:#8fa697;margin-top:2px}
.aq-home .section{padding-top:85px;padding-bottom:55px}
.aq-home .sec-eyebrow{font:10px var(--mono);letter-spacing:.2em;color:var(--accent)!important}
.aq-home .sec-h{font-weight:500;font-size:clamp(29px,3vw,42px);letter-spacing:-.045em;line-height:1.16;margin-top:17px}
.aq-home .sec-p{font-size:14px;line-height:1.8;color:#9db0a3;margin-top:15px}
.aq-home .fcard{border-radius:15px;padding:26px;background:linear-gradient(140deg,#15221a,#0e1712);box-shadow:none;transition:transform .25s,border-color .25s}
.aq-home .fcard:hover{transform:translateY(-3px);border-color:rgba(163,225,184,.3)}
.aq-home .fic{width:37px;height:37px;font-size:16px;border-radius:10px;background:#22372a;border:1px solid #304836}
.aq-home .fcard h3{font-size:16px;letter-spacing:-.025em}.aq-home .fcard p{font-size:12.5px;color:#9aafa0}
.aq-home .risk-shell,.aq-home .aff{background:radial-gradient(ellipse at 0 0,rgba(83,161,109,.12),transparent 65%),#101b14;border-color:#293c2e}
.aq-home .profile{background:#0b140e;border-radius:13px}.aq-home .profile.featured{border-color:#6baa7e;box-shadow:none}
.aq-home .faq details{background:#101a13;border-radius:12px}.aq-home .faq summary{padding:20px 23px}
.aq-home footer{margin-top:50px;background:#080e0b;border-color:var(--line);padding-top:50px}
.studio-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:42px!important;padding-bottom:0!important}
.studio-feature{position:relative;overflow:hidden;min-height:210px;border:1px solid var(--line);border-radius:17px;padding:27px;background:radial-gradient(ellipse at 100% 0,rgba(123,191,143,.08),transparent 65%),#101a13;isolation:isolate}
.studio-feature img{position:absolute;width:190px;height:190px;right:-18px;top:-10px;object-fit:contain;z-index:-1;opacity:.95}
.studio-feature .sf-num{font:9px var(--mono);color:#89a591;letter-spacing:.12em}
.studio-feature h3{font-size:21px;font-weight:500;line-height:1.16;letter-spacing:-.04em;max-width:11ch;margin:60px 0 9px}
.studio-feature p{font-size:11px;color:#9db2a4;margin:0;max-width:24ch}
/* Auth and trading chrome use the same materials, preserving their layouts. */
.aq-auth .pane-l{background:radial-gradient(ellipse at 40% 40%,#183624 0%,#0a160e 62%);overflow:hidden}
.aq-auth .pane-l>.orb{display:none}.aq-auth .pl-hero{position:relative;z-index:1}.aq-auth .pl-hero h1{font-size:44px;max-width:13ch;letter-spacing:-.05em}
.aq-auth .auth-art{width:270px;height:270px;object-fit:contain;display:block;margin:-35px auto -30px;filter:drop-shadow(0 20px 25px #0003)}
.aq-auth .pane-r{background:#090f0c}.aq-auth .authbox{border:1px solid var(--line);border-radius:24px;padding:30px;background:#111c15;box-shadow:0 30px 90px -50px #000}
.aq-auth .pane-l .pl-list{gap:13px}.aq-auth .pane-l .ck{background:#254d32;color:#a2f2bb}
.aq-app #topbar{border-bottom-color:#273b2e;background:#0b140f}.aq-app #tabbar{background:#0b140f;border-bottom-color:#273b2e}
.aq-app .navtab{border-radius:9px;color:#acbfb2;font-size:12px}.aq-app .navtab.active{background:#a0ebba;color:#102a18;border-color:#a0ebba;box-shadow:inset 0 1px #d4ffe1}
.aq-app h1,.aq-app h2{letter-spacing:-.035em}.aq-app .kpi-val{letter-spacing:-.04em}
.aq-app .card{border-radius:15px}.aq-app .card h2{font-weight:500}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.studio-chip.one{animation:studio-float 8s ease-in-out infinite}.studio-chip.two{animation:studio-float 10s ease-in-out infinite reverse}}
@keyframes studio-float{50%{transform:translateY(-8px)}}
@media(max-width:1100px){.aq-home .hero h1{font-size:54px}.premium-scene{height:510px}.studio-chip.one{left:5px}.studio-chip.two{right:3px}.aq-home .hero .cta-row{gap:10px}}
@media(max-width:900px){.aq-home .hero-grid{grid-template-columns:1fr}.aq-home .hero{padding-top:42px}.aq-home .hero h1{font-size:clamp(47px,8vw,66px);max-width:13ch}.aq-home .hero p.lead{max-width:54ch}.premium-scene{height:460px;max-width:550px;width:100%;margin:auto}.studio-features{gap:12px}.studio-feature{padding:20px}.studio-feature img{width:145px;height:145px;right:-20px}.studio-feature h3{font-size:19px}.aq-auth .authbox{padding:25px}.aq-auth .auth-art{display:none}}
@media(max-width:640px){.aq-home .wrap-c{padding-inline:22px}.aq-home .nav{padding:14px 18px;gap:12px}.aq-home .nav-links{display:none}.aq-home .nav-right{gap:8px}.aq-home .nav .brand-mark{width:32px;height:32px;font-size:19px}.aq-home .nav .brand-name{font-size:15px}.aq-home .nav .brand-sub{font-size:6px}.aq-home .nav-right .btn{font-size:10px;padding:10px}.aq-home .hero{padding-top:38px;padding-bottom:12px}.aq-home .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:22px}.aq-home .hero h1{font-size:49px;max-width:12ch}.aq-home .hero p.lead{font-size:13px;margin-top:20px;line-height:1.8}.aq-home .hero .btn-lg{padding:13px 16px;font-size:11px}.aq-home .hero .trust{margin-top:20px}.aq-home .watch-badge{font-size:10px}.premium-scene{height:350px;margin-top:8px}.studio-coordinate{top:14px;left:5px;font-size:7px}.studio-caption{font-size:6px;left:5px;bottom:2px}.studio-chip{padding:10px 12px;max-width:140px}.studio-chip small{font-size:7px}.studio-chip strong{font-size:10px}.studio-chip.one{left:0;top:30%}.studio-chip.two{right:0;bottom:20%}.aq-home .stats{grid-template-columns:repeat(2,1fr);row-gap:23px;padding:28px 0}.aq-home .stat{padding:0 20px}.aq-home .stat:nth-child(3){padding-left:0}.aq-home .stat:nth-child(2){border:0}.aq-home .stat .v{font-size:26px}.studio-features{grid-template-columns:1fr;padding-top:26px!important;gap:12px}.studio-feature{min-height:160px;padding:24px}.studio-feature img{width:180px;height:180px;right:8px;top:-12px}.studio-feature h3{margin-top:32px;max-width:15ch;font-size:22px}.aq-home .section{padding-top:58px;padding-bottom:26px}.aq-home .fcard{padding:22px}.aq-home .sec-h{font-size:30px}.aq-home .aff{padding:28px 20px}.aq-home .risk-shell{padding:22px}.aq-auth .pane-r{padding:24px 16px}.aq-auth .authbox{padding:24px 19px;border-radius:17px}.aq-app #topbar,.aq-app #tabbar{background:#0b140f;backdrop-filter:none}}
/* 12/09/2026 — o topo passou a ter DOIS botões ("Entrar" + "Criar conta grátis") e, em tela de
   até ~420px, a barra precisava de 403px de largura (373px de conteúdo + 30px de respiro) e criava rolagem lateral na home. Em vez de
   esconder um dos dois, a barra inteira encolhe: menos respiro nas bordas, seletor de idioma
   compacto e botões um pouco menores. Precisa morar aqui, e não no <style> de index.html:
   premium.css é o último a carregar e ganha os empates de especificidade. */
/* A barra não pode empurrar a página quando o texto sai mais largo do que a Inter — e isso
   acontece em três situações REAIS: no primeiro paint, antes de a webfont chegar (o @import do
   aq.css usa display=swap, então a fonte de sistema desenha primeiro); com o Google Fonts
   bloqueado; e com o "tamanho mínimo de fonte" do Chrome ligado. Com dois botões no topo, os
   degraus abaixo estavam calibrados no milímetro da métrica da Inter e a home passou a rolar de
   lado nessas três situações, em larguras comuns de celular. A saída não é mais um degrau: é
   deixar quem CEDE ceder. A marca encolhe (o nome trunca com reticências, o α nunca sai) e o
   menu corta em vez de estourar a página. 12/09/2026. */
.aq-home .nav .brand{min-width:0}
.aq-home .nav .brand>span{min-width:0;overflow:hidden}
.aq-home .nav .brand-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aq-home .nav-links{min-width:0}
@media(max-width:430px){
  .aq-home .nav{padding:12px 10px;gap:8px}
  .aq-home .nav .brand-mark{width:28px;height:28px;font-size:17px}
  .aq-home .nav .brand-sub{display:none}
  .aq-home .nav-right{gap:6px}
  /* O seletor de idioma mostra só a língua para a qual ele TROCA ("EN" quando a página está
     em português), que é o que o clique faz de qualquer forma. Devolve ~25px à barra: sem
     isso, em inglês ("Create free account" + "Log in" + PT/EN) o nome da marca já começava a
     truncar em 430px. */
  .aq-home .nav-right .lang-sw{padding:6px 7px;gap:3px}
  .aq-home .nav-right .lang-sw .on,.aq-home .nav-right .lang-sw .sep{display:none}
  /* O verde mora na classe `.on`, que é justamente a que sai — sem isto sobra um "EN" cinza
     apagado ao lado de dois botões verdes, com cara de rótulo desligado em vez de botão. */
  .aq-home .nav-right .lang-sw span{color:var(--accent)}
  /* 11px é o piso de legibilidade: abaixo disso um CTA comercial vira letra miúda. Cabe
     porque a marca cede antes (regra acima). */
  .aq-home .nav-right .btn{padding:9px 8px;font-size:11px}
}
/* Abaixo de 365px (Android de 360px e o iPhone SE de 1ª geração, de 320px) a barra ainda
   precisa de mais um aperto — e ela JÁ tinha rolagem lateral aqui antes destes dois botões. */
@media(max-width:365px){
  .aq-home .nav{padding:12px 6px;gap:6px}
  .aq-home .nav-right{gap:5px}
  .aq-home .nav-right .lang-sw{padding:6px 6px}
  .aq-home .nav-right .btn{padding:9px 6px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.studio-object{transform:none!important}}