/* TRAINGO — site institucional. Tokens: docs/03-design-system/tokens/tokens.css */
@font-face{font-family:'Saira';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/saira-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Saira';font-style:italic;font-weight:700;font-display:swap;src:url('../fonts/saira-latin-700-italic.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Saira';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/saira-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Saira';font-style:italic;font-weight:800;font-display:swap;src:url('../fonts/saira-latin-800-italic.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* TRAINGO — tokens gerados de tokens.json (não editar à mão; rode build_css.py) */
:root {
  --tg-green-50: #F1FDE9;
  --tg-green-100: #DDFAC9;
  --tg-green-200: #BCF396;
  --tg-green-300: #8FE85B;
  --tg-green-400: #5FDD26;
  --tg-green-500: #34D606;
  --tg-green-600: #29AD05;
  --tg-green-700: #1F8205;
  --tg-green-800: #1A6508;
  --tg-green-900: #17530C;
  --tg-green-950: #0A2E03;
  --tg-ink-0: #FFFFFF;
  --tg-ink-50: #F5F7F5;
  --tg-ink-100: #EBEEEC;
  --tg-ink-200: #D7DCD9;
  --tg-ink-300: #B5BCB8;
  --tg-ink-400: #8A928E;
  --tg-ink-500: #646C68;
  --tg-ink-600: #4A514D;
  --tg-ink-700: #333937;
  --tg-ink-800: #222725;
  --tg-ink-850: #181C1A;
  --tg-ink-900: #101312;
  --tg-ink-950: #050606;
  --tg-bg: #F5F7F5;
  --tg-surface: #FFFFFF;
  --tg-surface-2: #EBEEEC;
  --tg-surface-inverse: #050606;
  --tg-line: #D7DCD9;
  --tg-line-strong: #8A928E;
  --tg-fg: #050606;
  --tg-fg-muted: #4A514D;
  --tg-fg-subtle: #646C68;
  --tg-fg-inverse: #F5F7F5;
  --tg-primary: #34D606;
  --tg-primary-hover: #29AD05;
  --tg-on-primary: #050606;
  --tg-primary-text: #1F8205;
  --tg-primary-soft: #DDFAC9;
  --tg-on-primary-soft: #1A6508;
  --tg-focus: #1F8205;
  --tg-warning: #F5A524;
  --tg-warning-text: #8A5300;
  --tg-warning-soft: #FFF1D6;
  --tg-danger: #B4232A;
  --tg-danger-soft: #FDE4E5;
  --tg-on-danger: #FFFFFF;
  --tg-info: #1D5FC0;
  --tg-info-soft: #E3EEFD;
  --tg-scrim: rgba(5,6,6,0.56);
  --tg-font-display: "Saira", "Arial Narrow", system-ui, sans-serif;
  --tg-font-sans: "Inter", "Segoe UI", system-ui, sans-serif;
  --tg-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --tg-text-display: italic 800 40px/44px var(--tg-font-display);
  --tg-text-timer: 700 88px/88px var(--tg-font-display);
  --tg-text-metric: 700 32px/36px var(--tg-font-display);
  --tg-text-h1: 700 28px/34px var(--tg-font-display);
  --tg-text-h2: 700 22px/28px var(--tg-font-display);
  --tg-text-button: 700 17px/20px var(--tg-font-display);
  --tg-text-h3: 600 18px/24px var(--tg-font-sans);
  --tg-text-body: 400 16px/24px var(--tg-font-sans);
  --tg-text-body-strong: 600 16px/24px var(--tg-font-sans);
  --tg-text-body-sm: 400 14px/20px var(--tg-font-sans);
  --tg-text-label: 500 14px/20px var(--tg-font-sans);
  --tg-text-overline: 600 12px/16px var(--tg-font-sans);
  --tg-space-1: 4px;
  --tg-space-2: 8px;
  --tg-space-3: 12px;
  --tg-space-4: 16px;
  --tg-space-5: 20px;
  --tg-space-6: 24px;
  --tg-space-8: 32px;
  --tg-space-10: 40px;
  --tg-space-12: 48px;
  --tg-space-14: 56px;
  --tg-space-16: 64px;
  --tg-radius-xs: 4px;
  --tg-radius-sm: 8px;
  --tg-radius-md: 12px;
  --tg-radius-lg: 16px;
  --tg-radius-xl: 24px;
  --tg-radius-full: 999px;
  --tg-shadow-sm: 0 1px 2px rgba(5,6,6,0.08);
  --tg-shadow-md: 0 4px 16px rgba(5,6,6,0.12);
  --tg-shadow-lg: 0 12px 32px rgba(5,6,6,0.18);
  --tg-touch-min: 48px;
  --tg-touch-primary: 56px;
  --tg-content-max: 680px;
  --tg-coach-max: 1280px;
  --tg-skew: -12deg; /* inclinação do logotipo, para barras e etiquetas */
  --tg-ease: cubic-bezier(0.2, 0, 0, 1);
  --tg-dur-fast: 120ms;
  --tg-dur: 200ms;
  --tg-dur-slow: 320ms;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --tg-bg: #050606;
    --tg-surface: #101312;
    --tg-surface-2: #181C1A;
    --tg-surface-inverse: #F5F7F5;
    --tg-line: #2A302D;
    --tg-line-strong: #5B635F;
    --tg-fg: #F5F7F5;
    --tg-fg-muted: #A3ABA7;
    --tg-fg-subtle: #8A928E;
    --tg-fg-inverse: #050606;
    --tg-primary: #34D606;
    --tg-primary-hover: #5FDD26;
    --tg-on-primary: #050606;
    --tg-primary-text: #5FDD26;
    --tg-primary-soft: #12300A;
    --tg-on-primary-soft: #8FE85B;
    --tg-focus: #8FE85B;
    --tg-warning: #F5A524;
    --tg-warning-text: #F5B54A;
    --tg-warning-soft: #33240A;
    --tg-danger: #FF6B70;
    --tg-danger-soft: #3A1214;
    --tg-on-danger: #050606;
    --tg-info: #6AA8FF;
    --tg-info-soft: #0F2440;
    --tg-scrim: rgba(0,0,0,0.72);
    --tg-shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
    --tg-shadow-md: 0 4px 16px rgba(0,0,0,0.5);
    --tg-shadow-lg: 0 12px 32px rgba(0,0,0,0.6);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --tg-bg: #050606;
  --tg-surface: #101312;
  --tg-surface-2: #181C1A;
  --tg-surface-inverse: #F5F7F5;
  --tg-line: #2A302D;
  --tg-line-strong: #5B635F;
  --tg-fg: #F5F7F5;
  --tg-fg-muted: #A3ABA7;
  --tg-fg-subtle: #8A928E;
  --tg-fg-inverse: #050606;
  --tg-primary: #34D606;
  --tg-primary-hover: #5FDD26;
  --tg-on-primary: #050606;
  --tg-primary-text: #5FDD26;
  --tg-primary-soft: #12300A;
  --tg-on-primary-soft: #8FE85B;
  --tg-focus: #8FE85B;
  --tg-warning: #F5A524;
  --tg-warning-text: #F5B54A;
  --tg-warning-soft: #33240A;
  --tg-danger: #FF6B70;
  --tg-danger-soft: #3A1214;
  --tg-on-danger: #050606;
  --tg-info: #6AA8FF;
  --tg-info-soft: #0F2440;
  --tg-scrim: rgba(0,0,0,0.72);
  --tg-shadow-sm: 0 1px 2px rgba(0,0,0,0.5);
  --tg-shadow-md: 0 4px 16px rgba(0,0,0,0.5);
  --tg-shadow-lg: 0 12px 32px rgba(0,0,0,0.6);
  color-scheme: dark;
}
@media (prefers-reduced-motion: reduce) { :root { --tg-dur-fast: 0ms; --tg-dur: 0ms; --tg-dur-slow: 0ms; } }

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--tg-bg);color:var(--tg-fg);font:var(--tg-text-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:var(--tg-primary-text);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--tg-focus);outline-offset:2px;border-radius:6px}
h1,h2,h3,h4,p{margin:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--tg-primary);color:var(--tg-on-primary);padding:8px 12px;border-radius:8px;z-index:100;font-weight:600}
.skip:focus{left:8px}
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 16px}
@media (min-width:720px){.container{padding:0 32px}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- tipografia ---------- */
.eyebrow{font:var(--tg-text-overline);text-transform:uppercase;letter-spacing:.08em;color:var(--tg-primary-text)}
.h-display{font:italic 800 clamp(40px,7vw,76px)/.95 var(--tg-font-display);text-transform:uppercase;letter-spacing:-.015em}
.h-section{font:700 clamp(28px,4vw,44px)/1.08 var(--tg-font-display);letter-spacing:-.01em;text-wrap:balance}
.lead{font-size:18px;line-height:28px;color:var(--tg-fg-muted);max-width:60ch}
.muted{color:var(--tg-fg-muted)}
.go{color:var(--tg-primary-text)}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--tg-radius-md);font:var(--tg-text-button);letter-spacing:.02em;text-decoration:none;border:0;cursor:pointer;transition:background var(--tg-dur-fast) var(--tg-ease),transform var(--tg-dur-fast) var(--tg-ease)}
.btn:active{transform:translateY(1px)}
.btn-lg{min-height:56px;padding:0 28px;font-size:18px}
.btn-primary{background:var(--tg-primary);color:var(--tg-on-primary)}
.btn-primary:hover{background:var(--tg-primary-hover)}
.btn-outline{background:transparent;color:var(--tg-fg);box-shadow:inset 0 0 0 1.5px var(--tg-line-strong)}
.btn-outline:hover{background:var(--tg-surface-2)}
.btn svg{width:20px;height:20px}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--tg-bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--tg-line)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.brand{display:block;width:132px;color:var(--tg-fg)}
.brand svg{width:100%;height:auto}
.nav{display:none;gap:4px}
.nav a{color:var(--tg-fg-muted);text-decoration:none;font:var(--tg-text-label);padding:8px 12px;border-radius:8px}
.nav a:hover{color:var(--tg-fg);background:var(--tg-surface-2)}
.header-cta{display:flex;align-items:center;gap:8px}
.header-cta .btn{min-height:40px;padding:0 16px;font-size:15px}
@media (min-width:960px){.nav{display:flex}}

/* ---------- hero (sempre escuro: tema de marca) ---------- */
.hero{position:relative;overflow:hidden;background:#050606;color:#F5F7F5;
  --tg-fg:#F5F7F5;--tg-fg-muted:#A3ABA7;--tg-fg-subtle:#8A928E;--tg-line:#2A302D;--tg-line-strong:#5B635F;--tg-surface:#101312;--tg-surface-2:#181C1A;--tg-primary-text:#5FDD26;--tg-primary-soft:#12300A;--tg-on-primary-soft:#8FE85B;--tg-warning-soft:#33240A;--tg-warning-text:#F5B54A;--tg-focus:#8FE85B;color-scheme:dark}
.hero .container{position:relative;display:grid;gap:48px;padding-top:56px;padding-bottom:64px;align-items:center}
@media (min-width:960px){.hero .container{grid-template-columns:1.15fr .85fr;padding-top:88px;padding-bottom:96px}}
.hero-slash{position:absolute;inset:0;pointer-events:none}
.hero-slash i{position:absolute;top:-10%;height:120%;background:var(--tg-green-500);transform:skewX(var(--tg-skew))}
.hero-slash i:nth-child(1){right:6%;width:140px;opacity:.95}
.hero-slash i:nth-child(2){right:calc(6% + 168px);width:14px}
.hero-slash i:nth-child(3){right:calc(6% + 196px);width:14px;opacity:.6}
@media (max-width:959px){.hero-slash i:nth-child(1){right:-60px;width:110px;opacity:.35}.hero-slash i:nth-child(2),.hero-slash i:nth-child(3){display:none}}
.hero-copy{display:flex;flex-direction:column;gap:22px;max-width:640px}
.hero .lead{color:#C9CFCC}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero-note{font:var(--tg-text-body-sm);color:var(--tg-fg-muted);display:flex;align-items:center;gap:8px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--tg-green-500);box-shadow:0 0 0 4px rgba(52,214,6,.18);flex:none}

/* ---------- phone mockup ---------- */
.phone{position:relative;width:100%;max-width:320px;margin:0 auto;aspect-ratio:9/18.6;border-radius:40px;border:9px solid #1b1f1d;background:#050606;color:#F5F7F5;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px #2A302D;overflow:hidden;display:flex;flex-direction:column}
.phone .status{display:flex;justify-content:space-between;padding:12px 20px 6px;font:600 12px/1 var(--tg-font-sans);color:#A3ABA7}
.phone .scr{flex:1;padding:6px 16px 16px;display:flex;flex-direction:column;gap:12px}
.topline{display:flex;justify-content:space-between;align-items:center;font:600 13px/1 var(--tg-font-sans);color:#A3ABA7}
.topline b{font:700 15px var(--tg-font-display);color:#F5F7F5;font-variant-numeric:tabular-nums}
.bar{height:8px;background:#181C1A;border-radius:2px;overflow:hidden;transform:skewX(var(--tg-skew))}
.bar i{display:block;height:100%;width:30%;background:var(--tg-green-500)}
.ring{position:relative;width:200px;height:200px;margin:6px auto 0}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring .t{position:absolute;inset:0;display:grid;place-items:center;font:700 58px/1 var(--tg-font-display);font-variant-numeric:tabular-nums}
.swap{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;background:#33240A;font:var(--tg-text-body-sm)}
.swap svg{flex:none;width:20px;height:20px;color:#F5B54A}
.swap b{display:block;color:#F5F7F5}
.phone .row2{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:auto}
.pbtn{height:52px;border-radius:12px;display:grid;place-items:center;font:700 16px/1 var(--tg-font-display)}
.pbtn.p{background:var(--tg-green-500);color:#050606}
.pbtn.s{box-shadow:inset 0 0 0 1.5px #5B635F;color:#F5F7F5}

/* ---------- seções ---------- */
section{padding:80px 0}
@media (min-width:960px){section{padding:112px 0}}
.section-head{display:flex;flex-direction:column;gap:14px;margin-bottom:48px;max-width:760px}
.alt{background:var(--tg-surface)}
.grid{display:grid;gap:20px}
@media (min-width:720px){.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}}
@media (min-width:960px){.g4{grid-template-columns:repeat(4,1fr)}}
@media (min-width:600px) and (max-width:959px){.g4{grid-template-columns:repeat(2,1fr)}}

.card{background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:var(--tg-radius-lg);padding:24px;display:flex;flex-direction:column;gap:12px}
.alt .card{background:var(--tg-bg)}
.card h3{font:700 22px/28px var(--tg-font-display)}
.card p{color:var(--tg-fg-muted)}
.icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--tg-primary-soft);color:var(--tg-on-primary-soft)}
.icon svg{width:24px;height:24px}

/* passos */
.steps{counter-reset:s}
.step{position:relative;padding-top:56px}
.step::before{counter-increment:s;content:counter(s,decimal-leading-zero);position:absolute;top:0;left:0;font:italic 800 44px/1 var(--tg-font-display);color:var(--tg-primary-text)}
.step h3{font:700 21px/27px var(--tg-font-display);margin-bottom:8px}
.step p{color:var(--tg-fg-muted)}
.step ul{margin:10px 0 0;padding-left:18px;color:var(--tg-fg-muted);font:var(--tg-text-body-sm)}
.step li{margin:4px 0}

/* montagens */
.loadout-wrap{display:grid;gap:32px;align-items:start}
@media (min-width:960px){.loadout-wrap{grid-template-columns:.9fr 1.1fr;gap:56px}}
.calc{background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:var(--tg-radius-xl);padding:24px;display:flex;flex-direction:column;gap:20px}
.alt .calc{background:var(--tg-bg)}
.calc fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.calc legend{font:var(--tg-text-label);margin-bottom:8px}
.plate-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:var(--tg-surface-2)}
.plate-row span{font:var(--tg-text-body-strong)}
.plate-row small{display:block;font:var(--tg-text-body-sm);color:var(--tg-fg-muted)}
.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--tg-line-strong);border-radius:12px;background:var(--tg-surface)}
.stepper button{all:unset;width:44px;height:44px;display:grid;place-items:center;font:700 22px/1 var(--tg-font-display);cursor:pointer;color:var(--tg-fg)}
.stepper button:hover{background:var(--tg-surface-2)}
.stepper button:focus-visible{outline:2px solid var(--tg-focus);outline-offset:-4px}
.stepper output{min-width:36px;text-align:center;font:700 20px/1 var(--tg-font-display);font-variant-numeric:tabular-nums}
.loadouts{display:grid;gap:10px}
.lo{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;border:1px solid var(--tg-line);background:var(--tg-surface)}
.alt .lo{background:var(--tg-bg)}
.lo svg{width:92px;height:30px;flex:none}
.lo b{font:700 18px/22px var(--tg-font-display);display:block}
.lo small{color:var(--tg-fg-muted);font:var(--tg-text-body-sm)}
.lo .tag{margin-left:auto;font:600 12px/1 var(--tg-font-sans);color:var(--tg-fg-muted);white-space:nowrap}
.calc-sum{font:var(--tg-text-body-sm);color:var(--tg-fg-muted)}
.calc-sum b{color:var(--tg-fg)}

/* treino guiado */
.states{display:grid;gap:12px}
.state{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px;border-radius:var(--tg-radius-lg);border:1px solid var(--tg-line);background:var(--tg-surface)}
.state .n{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--tg-surface-2);font:700 18px/1 var(--tg-font-display)}
.state.on .n{background:var(--tg-primary);color:var(--tg-on-primary)}
.state h3{font:700 19px/24px var(--tg-font-display)}
.state p{color:var(--tg-fg-muted);font:var(--tg-text-body-sm);margin-top:2px}
.split{display:grid;gap:48px;align-items:center}
@media (min-width:960px){.split{grid-template-columns:1fr 1fr;gap:72px}.split.rev>:first-child{order:2}}
.checks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.checks li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}
.checks svg{width:22px;height:22px;color:var(--tg-primary-text);margin-top:1px}

/* modos */
.mode{position:relative;overflow:hidden}
.mode .tagline{font:var(--tg-text-overline);text-transform:uppercase;letter-spacing:.08em;color:var(--tg-fg-muted)}
.mode h3{font:italic 800 30px/1 var(--tg-font-display);text-transform:uppercase}
.mode.featured{background:#050606;color:#F5F7F5;border-color:#2A302D}
.mode.featured p,.mode.featured .tagline,.mode.featured li{color:#C9CFCC}
.mode.featured .checks svg{color:#5FDD26}
.mode.featured{padding-right:72px}
.mode.featured::after{content:"";position:absolute;right:-34px;top:-24px;width:64px;height:170px;background:var(--tg-green-500);transform:skewX(var(--tg-skew))}

/* coach preview */
.coach{border:1px solid var(--tg-line);border-radius:var(--tg-radius-lg);overflow:hidden;background:var(--tg-bg);box-shadow:var(--tg-shadow-lg)}
.coach .cbar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--tg-surface);border-bottom:1px solid var(--tg-line);font:var(--tg-text-label)}
.coach .cbar b{font:700 15px var(--tg-font-display)}
.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}
@media (min-width:560px){.kpis{grid-template-columns:repeat(4,1fr)}}
.kpi{background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:12px;padding:12px}
.kpi small{font:var(--tg-text-body-sm);color:var(--tg-fg-muted)}
.kpi b{display:block;font:700 28px/1.1 var(--tg-font-display)}
.kpi.al b{color:var(--tg-danger)}
.rows{padding:0 16px 16px;display:grid;gap:8px}
.rowi{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--tg-surface);border:1px solid var(--tg-line);font:var(--tg-text-body-sm)}
.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tg-surface-2);font:700 12px var(--tg-font-display);flex:none}
.badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:4px;font:600 12px/1 var(--tg-font-sans);transform:skewX(var(--tg-skew));margin-left:auto;white-space:nowrap}
.badge span{transform:skewX(calc(-1*var(--tg-skew)))}
.b-ok{background:var(--tg-primary);color:var(--tg-on-primary)}
.b-warn{background:var(--tg-warning);color:#050606}
.b-info{background:var(--tg-info-soft);color:var(--tg-info)}
.b-bad{background:var(--tg-danger);color:var(--tg-on-danger)}

/* segurança */
.trust{background:#050606;color:#F5F7F5;--tg-fg:#F5F7F5;--tg-fg-muted:#A3ABA7;--tg-line:#2A302D;--tg-surface:#101312;--tg-surface-2:#181C1A;--tg-primary-text:#5FDD26;--tg-primary-soft:#12300A;--tg-on-primary-soft:#8FE85B;--tg-focus:#8FE85B;color-scheme:dark}
.trust .card{background:#101312}
.disclaimer{margin-top:32px;padding:16px 20px;border-radius:12px;border:1px solid #2A302D;color:#A3ABA7;font:var(--tg-text-body-sm)}

/* acesso */
.access{display:grid;gap:40px;align-items:start}
@media (min-width:960px){.access{grid-template-columns:1fr 1fr;gap:64px}}
.flow{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:0}
.flow li{position:relative;padding:0 0 22px 40px}
.flow li::before{content:"";position:absolute;left:11px;top:26px;bottom:0;width:2px;background:var(--tg-line)}
.flow li:last-child::before{display:none}
.flow li span{position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--tg-primary);color:var(--tg-on-primary);display:grid;place-items:center;font:700 13px/1 var(--tg-font-display)}
.flow b{display:block;font:var(--tg-text-body-strong)}
.flow p{color:var(--tg-fg-muted);font:var(--tg-text-body-sm)}
form.req{background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:var(--tg-radius-xl);padding:24px;display:grid;gap:16px}
.field{display:grid;gap:6px}
.field label,.field legend{font:var(--tg-text-label)}
.field input:not([type=radio]),.field select,.field textarea{font:var(--tg-text-body);color:var(--tg-fg);background:var(--tg-bg);border:1.5px solid var(--tg-line-strong);border-radius:var(--tg-radius-sm);min-height:48px;padding:10px 14px;width:100%}
.field textarea{min-height:96px;resize:vertical}
.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;padding:0;margin:0}
.seg label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--tg-line-strong);cursor:pointer;font:var(--tg-text-label)}
.seg input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:0}
.seg input:checked+label{background:var(--tg-fg);color:var(--tg-bg);box-shadow:none;font-weight:600}
.seg input:focus-visible+label{outline:2px solid var(--tg-focus);outline-offset:2px}
.form-note{font:var(--tg-text-body-sm);color:var(--tg-fg-muted)}
.form-ok{display:none;padding:14px 16px;border-radius:12px;background:var(--tg-primary-soft);color:var(--tg-on-primary-soft);font:var(--tg-text-body-sm)}
.form-ok.show{display:block}

/* FAQ */
.faq{display:grid;gap:10px;max-width:860px}
.faq details{border:1px solid var(--tg-line);border-radius:var(--tg-radius-lg);background:var(--tg-surface);padding:0 20px}
.alt .faq details{background:var(--tg-bg)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;font:600 17px/24px var(--tg-font-sans)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 26px/1 var(--tg-font-display);color:var(--tg-primary-text);transition:transform var(--tg-dur) var(--tg-ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 20px;color:var(--tg-fg-muted)}

/* CTA final + footer */
.final{background:var(--tg-green-500);color:#050606;position:relative;overflow:hidden}
.final .container{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.final .h-display{color:#050606}
.final p{color:#17520D;font-size:18px;line-height:28px;max-width:56ch}
.final .btn-dark{background:#050606;color:#F5F7F5}
.final .btn-dark:hover{background:#222725}
.final::after{content:"";position:absolute;right:8%;top:-20%;width:120px;height:140%;background:#050606;transform:skewX(var(--tg-skew));opacity:.9}
@media (max-width:719px){.final::after{right:-70px;opacity:.15}}
.site-footer{padding:40px 0 48px;border-top:1px solid var(--tg-line);font:var(--tg-text-body-sm);color:var(--tg-fg-muted)}
.site-footer .container{display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;align-items:center}
.site-footer .brand{width:112px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:16px}
.site-footer a{color:var(--tg-fg-muted)}

/* revelar ao rolar */
.reveal{opacity:0;transform:translateY(16px);transition:opacity var(--tg-dur-slow) var(--tg-ease),transform var(--tg-dur-slow) var(--tg-ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
.no-js .reveal{opacity:1;transform:none}