/* FX Gringo — CSS único (dark) — padronização de textos, links, superfícies e espaçamentos */
:root[data-bs-theme="dark"]{
  color-scheme: dark;
  --bs-body-bg:#0b0d10; --bs-body-color:#DFE4EA; --bs-emphasis-color:#F8F9FA;
  --bs-secondary-color:rgba(255,255,255,.78); --bs-tertiary-color:rgba(255,255,255,.58);
  --bs-border-color:#222A33;
  --bs-link-color:#88C7FF; --bs-link-hover-color:#B1DBFF;
  --bs-link-underline-offset:.15em; --bs-link-underline-opacity:.25;
  --fxg-accent:#EE5007; --fxg-accent-2:#F8CB2E;
  --fxg-bg-0:#0b0d10; --fxg-bg-1:#12171c; --fxg-bg-2:#171d23; --fxg-bg-3:#1c232b; --fxg-bg-4:#222b36;
  --fxg-sep:rgba(255,255,255,.06); --fxg-card:rgba(255,255,255,.03);
  --fxg-focus:#88C7FF; --fxg-focus-ring:0 0 0 .2rem rgba(136,199,255,.25);

  /* Spacing tokens */
  --fxg-section-y: clamp(3rem, 6vw, 8rem);
  --fxg-section-gap: clamp(1rem, 2.5vw, 2rem);
}

html,body{background:var(--bs-body-bg);color:var(--bs-body-color)}
h1,h2,h3,h4,h5,h6{color:var(--bs-emphasis-color)}
p,li,dd,td,th{color:var(--bs-body-color)} small,.small{color:var(--bs-tertiary-color)!important}

h2{font-size: 40px;}

a:not(.btn){color:var(--bs-link-color);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:var(--bs-link-underline-offset);text-decoration-thickness:.06em}
a:not(.btn):hover,a:not(.btn):focus{color:var(--bs-link-hover-color);text-decoration-thickness:.1em}
a:not(.btn):focus-visible{outline:none;box-shadow:var(--fxg-focus-ring);border-radius:.25rem}


.btn-orange {
  --bs-btn-color:#fff;
  --bs-btn-bg:#EE5007;
  --bs-btn-border-color:#EE5007;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#c01f27;
  --bs-btn-hover-border-color:#c01f27;
  --bs-btn-active-bg:#d95b00;
  --bs-btn-active-border-color:#d95b00;
  --bs-btn-focus-shadow-rgb:255,106,0;
}

.navbar .nav-link{color:var(--bs-secondary-color); text-decoration:none;} 
.navbar .nav-link:hover{color:var(--bs-emphasis-color)}
.navbar .nav-link.active{color:var(--fxg-accent-2)!important;text-underline-offset:.25em;text-decoration-thickness:.08em}

/* Sections & surfaces */
.section-padding{ padding-block: var(--fxg-section-y); }
.section-padding .row{ row-gap: var(--fxg-section-gap); }
.section-padding h2,.section-padding .display-4{ margin-bottom: clamp(.75rem, 1.2vw, 1.25rem); }

.section-ink{background:var(--fxg-bg-1)}
.section-coal{background:var(--fxg-bg-2)}
.section-slate{background:linear-gradient(180deg,var(--fxg-bg-2) 0%,var(--fxg-bg-3) 70%,var(--fxg-bg-4) 100%)}
.section-abyss{background:linear-gradient(180deg,var(--fxg-bg-3) 0%,var(--fxg-bg-4) 100%)}

.section-ink.border-top,.section-coal.border-top,.section-slate.border-top,.section-abyss.border-top{border-top:1px solid var(--fxg-sep)!important}

.feature-card,.pricing-card,.bg-surface,.card{background:var(--fxg-card)!important;border-color:rgba(255,255,255,.08)!important;color:var(--bs-body-color)}
.icon-wrap{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:rgba(247, 243, 242, 0.15);color:#FF6A2A;font-size:22px}
.avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}

/* Buttons */
.btn-orange{--bs-btn-bg:var(--fxg-accent);--bs-btn-border-color:var(--fxg-accent);--bs-btn-hover-bg:#ff6a2a;--bs-btn-hover-border-color:#ff6a2a;--bs-btn-active-bg:#d64700;--bs-btn-active-border-color:#d64700;--bs-btn-color:#fff;--bs-btn-focus-shadow-rgb:238,80,7}

/* HERO tokens only (layout mantido) */
.hero-vid{min-height:100vh;position:relative;isolation:isolate}.hero-vid__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero-vid__overlay{position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 60% at 20% 40%,rgba(0,0,0,.25) 0,rgba(0,0,0,.7) 60%,rgba(0,0,0,.9) 100%),linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.8) 100%)}
.hero-title{text-wrap:balance}.text-gradient{background:linear-gradient(90deg,var(--fxg-accent),var(--fxg-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Footer preto */
.footer-black{background:linear-gradient(180deg,var(--fxg-bg-2) 0%,var(--fxg-bg-3) 70%,var(--fxg-bg-4) 100%);color:var(--bs-body-color);} 
.footer-black .link-underline {text-decoration:none;}
.footer-title{color:var(--fxg-accent-2);font-weight:700;margin-bottom:.75rem}
.footer-links a{color:var(--bs-body-color)} 
.footer-quote{color:var(--bs-secondary-color);border-left:3px solid var(--fxg-accent-2);padding-left:.75rem;margin-top:1rem}
.footer-sep{border-color:rgba(255,255,255,.08)}

/* Navbar glass refinada */
.nav-glass{
  background: color-mix(in srgb, #0b0d10 60%, transparent);
  border-bottom: 1px solid rgba(255,255,255,.06);
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  transition: background .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.nav-glass.is-scrolled{
  background: color-mix(in srgb, #0b0d10 82%, transparent);
  border-bottom-color: rgba(255,255,255,.12);
  box-shadow: 0 4px 30px rgba(0,0,0,.35);
}

/* UX */
section[id]{ scroll-margin-top: 92px; }
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
@media (max-width:991.98px){.hero-vid{padding-top:72px}}