@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  color-scheme: dark;
  --bg-dark: #07121c;
  --bg-card: #102431;
  --bg-card-hover: #142d3b;
  --border-subtle: #294355;
  --border-glow: #71d8fb;
  --primary: #71d8fb;
  --accent-cyan: #71d8fb;
  --accent-emerald: #8af3d0;
  --accent-amber: #f8d48b;
  --text-main: #f3f8fb;
  --text-muted: #a9bdca;
  --text-dim: #829eae;
}

html { scroll-padding-top: 5.5rem; }
body, body.bg-\[\#05070c\], body.bg-\[\#04060b\] {
  background: #07121c !important;
  color: #f3f8fb;
  font-family: Inter, Manrope, 'Segoe UI', Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1.65;
}
.font-heading, h1, h2, h3, h4 { font-family: Inter, Manrope, sans-serif !important; letter-spacing: -.035em; }
h1, h2, h3 { line-height: 1.16 !important; }
#hero h1 { font-size: clamp(2.25rem, 3.4vw, 3.65rem) !important; max-width: 52rem; line-height: 1.12 !important; text-wrap: balance; }
#hero { padding-top: 2rem !important; }
.hero-brand-mark { display: block; width: clamp(260px, 26vw, 340px); height: clamp(160px, 17vw, 205px); object-fit: cover; object-position: center; filter: drop-shadow(0 0 18px rgba(53, 173, 239, .16)); }
.pricing-brand-mark { display: block; width: 180px; height: 108px; object-fit: cover; object-position: center; filter: drop-shadow(0 0 12px rgba(53, 173, 239, .15)); }
section[id] > div > .text-center > h2, .doc-section h2 { font-size: clamp(2rem, 3.7vw, 3.4rem); }
p { line-height: 1.75; }
section.bg-\[\#05070c\], section.bg-\[\#080c14\] { background: transparent !important; }
section.bg-\[\#080c14\] { background: linear-gradient(150deg, #0c1d2a, #091722) !important; }
header, .site-header { background-color: rgba(7, 18, 28, .94) !important; border-color: #294355 !important; backdrop-filter: blur(20px); }
.header-brand-mark { display: block; width: 58px; height: 42px; object-fit: cover; object-position: center; filter: drop-shadow(0 0 8px rgba(53, 173, 239, .2)); }
.glass-panel, .bg-\[\#0b101a\]\/90, .bg-slate-950, .bg-slate-900\/80, .bg-slate-900\/60, .bg-slate-900\/40 {
  background-color: #102431 !important;
  border-color: #294355 !important;
}
.glass-panel { box-shadow: 0 18px 50px rgba(0,0,0,.18); }
.executive-card { background: linear-gradient(150deg, #122c3a, #0c1e2b) !important; border: 1px solid #294355 !important; box-shadow: 0 18px 50px rgba(0,0,0,.2); }
.glass-panel:hover { border-color: #477b8c; box-shadow: 0 22px 54px rgba(0,0,0,.26); }
.border-slate-800, .border-slate-700 { border-color: #294355 !important; }
.text-slate-400, .text-slate-500 { color: #a9bdca !important; }
.text-slate-300, .text-slate-200 { color: #d0e0e8 !important; }
.text-sky-400, .text-sky-300, .text-cyan-300 { color: #71d8fb !important; }
.text-emerald-400, .text-emerald-300 { color: #8af3d0 !important; }
.text-amber-400 { color: #f8d48b !important; }
.text-purple-400 { color: #a1ddef !important; }
.bg-purple-600\/10 { background-color: rgba(30, 116, 142, .10) !important; }
.nav-link-executive { color: #bfd0d9 !important; margin-inline: 2px; }
.nav-link-executive:hover { color: #f3f8fb !important; background: #173947 !important; }
.bg-sky-500\/10, .bg-sky-500\/20, .bg-emerald-500\/10 { background-color: #12323b !important; }
.btn-executive-green, .btn-executive-primary, .btn-executive-gold, .btn-header-cta {
  color: #06151c !important;
  background: linear-gradient(125deg, #8af3d0, #71d8fb) !important;
  border: 1px solid #a2f6e1 !important;
  box-shadow: 0 12px 30px rgba(35, 168, 182, .18) !important;
  border-radius: 12px !important;
  min-height: 44px;
  transition: transform .2s, box-shadow .2s;
}
.btn-executive-green:hover, .btn-executive-primary:hover, .btn-executive-gold:hover, .btn-header-cta:hover { transform: translateY(-2px); box-shadow: 0 15px 32px rgba(35,168,182,.29) !important; }
.header-cta-main { min-width: 171px; padding: 7px 15px !important; flex-direction: column; gap: 1px; line-height: 1.2; text-align: center; }
.header-cta-label { display: inline-flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: .035em; white-space: nowrap; }
.header-cta-price { display: block; color: #073039 !important; font: 800 12px/1.2 Inter, sans-serif; letter-spacing: .02em; white-space: nowrap; }
.header-cta-main svg { color: #073039 !important; stroke: currentColor; }
.btn-executive-outline { background: #122736 !important; border: 1px solid #527080 !important; color: #f3f8fb !important; border-radius: 12px !important; }
.btn-executive-outline:hover { background: #183848 !important; border-color: #71d8fb !important; }
button, a, select, input { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid #8af3d0 !important; outline-offset: 3px; }
input[type='range'] { accent-color: #8af3d0; }
select, input:not([type='range']) { background: #0c1925 !important; border-color: #416072 !important; color: #f3f8fb !important; }
.mode-tab-btn.active, .sim-strat-btn.active, .doc-tab-btn.active { background: #173947 !important; border-color: #71d8fb !important; color: #f3f8fb !important; }
.tab-btn.border-sky-500\/50 { background: #173947 !important; border-color: #71d8fb !important; color: #f3f8fb !important; }
#hero p { font-size: clamp(1rem, 1.6vw, 1.14rem); }
#como-funciona p, #simulador p, #modos p, #gestao-risco p, #oferta p, #faq p, main .executive-card p { font-size: max(.88rem, 14px); }
#simulador .text-xs, #gestao-risco .text-xs, #modos .text-xs, main .executive-card .text-xs { font-size: .84rem; }
#checkout-modal .text-xs { font-size: .84rem; }
.btn-executive-green *, .btn-executive-primary *, .btn-executive-gold *, .btn-header-cta * { color: #06151c !important; }
.ticker-wrap { max-width: 64rem !important; }
.ticker-content { display: flex !important; align-items: center; width: max-content; gap: 0 !important; animation: tickerAnimation 28s linear infinite; will-change: transform; }
.ticker-group { display: flex; flex: none; align-items: center; gap: 2.5rem; padding-right: 2.5rem; white-space: nowrap; }
.ticker-wrap:hover .ticker-content { animation-play-state: running; }
@media (min-width: 768px) { #sticky-mobile-cta { display: none !important; visibility: hidden !important; } }
#checkout-modal > div, #docs-checkout-modal > div { background: #0c1925 !important; border-color: #416072 !important; box-shadow: 0 30px 90px #0009; }
#sim-terminal-logs { background: #071722 !important; }
.doc-sidebar-link.active { background: #143443 !important; border-color: #8af3d0 !important; color: #8af3d0 !important; }
.code-block-wrapper { border-color: #294355; }
@media (max-width: 640px) {
  #hero { padding-top: 2.5rem; }
  #hero h1 { font-size: clamp(2rem, 8vw, 2.7rem) !important; }
  .hero-brand-mark { width: 270px; height: 165px; }
  .ticker-content { animation-duration: 24s; }
  section.scroll-mt-28 { padding-block: 4.5rem; }
  #checkout-modal > div { max-height: 90vh; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; } }