/* 1. Tokens  2. Reset  3. Tipografia  4. Layout  5. Utilitários */
:root {
  --bg: #07080B;
  --bg-elev: #0C0E13;
  --surface: #11141B;
  --surface-2: #171B24;
  --line: rgba(255,255,255,.08);
  --line-strong: rgba(255,255,255,.16);
  --text: #F4F6FA;
  --text-soft: #B9C0CF;
  --text-muted: #969FB1;
  --brand: #7B5CFF;
  --brand-600: #6446F0;
  --brand-soft: rgba(123,92,255,.14);
  --accent: #22E4C8;
  --accent-soft: rgba(34,228,200,.12);
  --warn: #FFB020;
  --danger: #FF5C5C;
  --grad: linear-gradient(120deg,#7B5CFF 0%,#22E4C8 100%);
  --font-display: 'Sora',system-ui,sans-serif;
  --font-body: 'Inter',system-ui,-apple-system,sans-serif;
  --fs-display: clamp(2.6rem,6.2vw,5.2rem);
  --fs-h1: clamp(2.1rem,4.6vw,3.6rem);
  --fs-h2: clamp(1.7rem,3.2vw,2.6rem);
  --fs-h3: clamp(1.2rem,2vw,1.5rem);
  --fs-body: clamp(1rem,1.05vw,1.0625rem);
  --fs-small: .875rem;
  --sp-section: clamp(72px,9vw,140px);
  --container: 1180px;
  --r-sm: 10px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-full: 999px;
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur: .45s;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.65;overflow-x:hidden}
body::before{content:'';position:fixed;z-index:1000;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
p,h1,h2,h3,h4{margin-top:0}
h1,h2,h3,h4{font-family:var(--font-display);line-height:1.12;text-wrap:balance}
p{color:var(--text-soft)}
ul{padding:0;margin:0;list-style:none}
[hidden]{display:none!important}
::selection{background:var(--brand);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.skip-link{position:fixed;z-index:100;left:12px;top:12px;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:var(--accent);color:#07080b}
.skip-link:focus{transform:none}
.container{width:min(calc(100% - clamp(40px,10vw,64px)),var(--container));margin-inline:auto}
.section{position:relative;padding-block:var(--sp-section)}
.section--elevated{background:var(--bg-elev)}
.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2.4vw,28px)}
.gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:767px){html{scroll-padding-top:80px}.container{width:min(calc(100% - 40px),var(--container))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.thanks h2{font-size:var(--fs-h1)}
.hero>.container{min-width:0;max-width:min(var(--container),calc(100vw - 40px))}
.hero__grid>*,.inner-hero__grid>*,.dashboard{min-width:0;max-width:100%}
.hero~section,.site-footer{content-visibility:auto;contain-intrinsic-size:auto 900px}
