:root{
  /* superfícies */
  --bg:#F4F0E7; --bg-2:#ECE7DB; --surface:#FBFAF6; --surface-2:#F1EEE6;
  --line:rgba(20,38,28,.09); --line-2:rgba(20,38,28,.18);
  /* texto */
  --chalk:#14261C; --text-2:#46564C; --text-3:#6B796F;
  /* acentos */
  --lime:#1D6A42; --lime-2:#2C8458; --grass:#3E9A6A; --alert:#D2452B;
  /* tipografia */
  --f-sans:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --wide:125%;
  /* layout */
  --wrap:1240px;
  --gutter:clamp(20px,4vw,48px);
  --radius:16px;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--chalk);font:400 17px/1.6 var(--f-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--lime);color:var(--bg)}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:var(--lime);color:var(--bg);padding:10px 16px;border-radius:6px;z-index:100;font-weight:600}
.skip:focus{left:8px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}

/* ───────── tipografia ───────── */
.display{font-family:var(--f-sans);font-stretch:var(--wide);font-weight:300;text-transform:uppercase;letter-spacing:.005em;line-height:1.04;margin:0;text-wrap:balance}
.display .mark{font-weight:600}
.h1{font-size:clamp(32px,3.7vw,54px)}
.h2{font-size:clamp(28px,3.4vw,48px)}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;font:500 11.5px/1 var(--f-sans);font-stretch:var(--wide);letter-spacing:.32em;text-transform:uppercase;color:var(--text-2)}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--lime)}
.lead{font-size:clamp(17px,1.35vw,19px);line-height:1.6;color:var(--text-2);max-width:54ch;margin:0}
.note{font:400 11.5px/1.4 var(--f-mono);letter-spacing:.06em;color:var(--text-3);margin:0;text-transform:uppercase}
sub{font-size:.7em;line-height:0}

/* ───────── botões ───────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 22px;border-radius:6px;border:1px solid transparent;font:600 13px/1 var(--f-sans);font-stretch:110%;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn--chalk{background:var(--chalk);color:var(--bg)}
.btn--chalk:hover{background:#fff}
.btn--lime{background:var(--lime);color:#FFFFFF}
.btn--lime:hover{background:var(--lime-2)}
.btn--ghost{border-color:var(--line-2);color:var(--chalk);background:transparent}
.btn--ghost:hover{border-color:var(--chalk);background:rgba(20,38,28,.04)}
.btn .arr{display:inline-block;transition:transform .2s}
.btn:hover .arr{transform:translateX(4px)}

/* ───────── cabeçalho ───────── */
.top{position:sticky;top:0;z-index:50;background:rgba(244,240,231,.85);backdrop-filter:saturate(1.2) blur(14px);-webkit-backdrop-filter:saturate(1.2) blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:28px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;flex:none}
.brand img{height:19px;width:auto}
.brand span{padding-left:14px;border-left:1px solid var(--line-2);font:500 10.5px/1 var(--f-sans);font-stretch:var(--wide);letter-spacing:.42em;color:var(--text-2)}
.nav{display:flex;gap:32px;margin-left:auto}
.nav a{position:relative;text-decoration:none;font-size:14px;font-weight:500;color:var(--text-2);padding:8px 0;transition:color .2s}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover{color:var(--chalk)}
.nav a:hover::after{transform:scaleX(1)}
.login{min-height:42px;padding:0 18px;font-size:12px}
.login .short{display:none}

/* ───────── hero ───────── */
.hero{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(48px,7vw,104px) 0;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 60% at 62% -8%,rgba(255,255,255,0),transparent 70%),radial-gradient(40% 50% at 100% 100%,rgba(62,154,106,.10),transparent 70%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);opacity:.05;mix-blend-mode:overlay;pointer-events:none}
.touchline{position:absolute;z-index:-1;right:-12%;bottom:-6%;width:62%;height:56px;transform:rotate(-26deg);transform-origin:right bottom;background:linear-gradient(90deg,transparent,rgba(20,38,28,.10) 30%,rgba(20,38,28,.16) 70%,rgba(20,38,28,.06));filter:blur(.6px);-webkit-mask-image:var(--grain);mask-image:var(--grain);-webkit-mask-size:120px;mask-size:120px;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1.12fr);gap:clamp(32px,4.4vw,72px);align-items:center}
.hero .lead{margin-top:28px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}

/* faixa de fatos */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(56px,7vw,96px);border-top:1px solid var(--line)}
.fact{padding:26px 24px 30px 0;display:grid;gap:8px}
.fact + .fact{padding-left:24px;border-left:1px solid var(--line)}
.fact b{font:800 clamp(20px,1.75vw,26px)/1 var(--f-sans);font-stretch:var(--wide);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap}
.fact b em{font-style:normal;font-weight:600}
.fact span{font-size:14px;color:var(--text-3);line-height:1.45}

/* ───────── campo (assinatura) ───────── */
.pitch{position:relative;margin:0;container-type:inline-size;border-radius:18px;aspect-ratio:1050/680;background:repeating-linear-gradient(90deg,#14261C 0 11.76%,#F1EEE6 11.76% 23.52%);box-shadow:0 0 0 1px var(--line-2),0 40px 80px -40px rgba(20,38,28,0.22),0 0 120px -40px rgba(62,154,106,.35)}
.pitch::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 90% at 50% 0%,transparent 40%,rgba(20,38,28,0.18000000000000002));pointer-events:none}
.pitch svg{position:absolute;inset:0;width:100%;height:100%}
.ln{fill:none;stroke:#14261C;stroke-opacity:.5;stroke-width:2.4;stroke-linecap:round}
.pass{fill:none;stroke:#14261C;stroke-opacity:.55;stroke-width:2.4;stroke-dasharray:3 9;stroke-linecap:round}
.pass--y{stroke:var(--lime);stroke-opacity:1;stroke-dasharray:none;stroke-width:3.4}
.trace{fill:none;stroke:url(#tg);stroke-width:6;stroke-linecap:round}
.pl{fill:#14261C;stroke:#14261C;stroke-width:3}
.pl--star{fill:var(--lime)}
.pn{font:700 17px/1 var(--f-sans);fill:#FFFFFF;text-anchor:middle;dominant-baseline:central}
.opp{stroke:#14261C;stroke-opacity:.32;stroke-width:2.6;stroke-linecap:round;fill:none}
.ring{fill:none;stroke:var(--lime);stroke-width:2.4;transform-box:fill-box;transform-origin:center}
.chip{position:absolute;z-index:1;min-width:16cqw;padding:1cqw 1.5cqw 1.1cqw;border-radius:10px;background:rgba(251,250,246,.88);border:1px solid var(--line-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px -18px rgba(20,38,28,0.22)}
.chip small{display:flex;align-items:center;gap:.8cqw;font:500 clamp(8px,1.15cqw,11.5px)/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.chip small::before{content:"";width:.8cqw;height:.8cqw;min-width:6px;min-height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px rgba(29,106,66,.18)}
.chip strong{display:block;margin-top:.7cqw;font:800 clamp(16px,3.9cqw,40px)/1 var(--f-sans);font-stretch:var(--wide);color:var(--chalk)}
.chip strong span{font:400 .42em/1 var(--f-mono);margin-left:.35em;color:var(--text-2);letter-spacing:.04em}
.chip--a{left:46%;top:56%}
.chip--b{left:69%;top:14%}
.chip--c{left:13%;top:11%}
.pitch-cap{position:absolute;z-index:1;left:3%;bottom:3.4%;font:500 clamp(8px,1.05cqw,11px)/1 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:rgba(20,38,28,.5)}

/* animação do campo */
.draw{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.5s cubic-bezier(.5,0,.2,1) forwards;animation-delay:var(--d,0s)}
.draw.pass{stroke-dasharray:3 9;stroke-dashoffset:0;opacity:0;animation:fade .6s ease forwards;animation-delay:var(--d,0s)}
.draw.pass--y{stroke-dasharray:1;stroke-dashoffset:1;opacity:1;animation:draw .9s ease forwards;animation-delay:var(--d,0s)}
.pop{opacity:0;animation:fade .5s ease forwards;animation-delay:var(--d,0s)}
.chip{opacity:0;transform:translateY(8px);animation:rise .6s ease forwards;animation-delay:var(--d,0s)}
.ring{animation:ring 2.4s ease-out infinite;animation-delay:2.4s}
.reveal{opacity:0;transform:translateY(14px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d,0s)}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}
@keyframes rise{to{opacity:1;transform:none}}
@keyframes ring{0%{transform:scale(.9);opacity:.9}100%{transform:scale(2.2);opacity:0}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .draw,.draw.pass,.draw.pass--y,.pop,.chip,.reveal{animation:none;opacity:1;transform:none;stroke-dashoffset:0}
  .draw.pass--y{stroke-dasharray:none}
  .ring{animation:none;opacity:0}
}

/* ───────── seções ───────── */
.sec{padding-block:clamp(80px,10vw,144px)}
.sec-head{display:grid;gap:20px;margin-bottom:clamp(40px,5vw,72px);max-width:800px}
.sec-head .eyebrow{margin-bottom:2px}
.band{background:var(--bg-2);border-block:1px solid var(--line);position:relative}

/* como funciona */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.step{position:relative;padding:36px clamp(20px,2.4vw,40px) 8px 0}
.step + .step{padding-left:clamp(20px,2.4vw,40px);border-left:1px solid var(--line)}
.step::before{content:"";position:absolute;top:-1px;left:0;width:48px;height:1px;background:var(--lime)}
.step + .step::before{left:clamp(20px,2.4vw,40px)}
.step .no{display:block;font:800 clamp(56px,6vw,88px)/1 var(--f-sans);font-stretch:var(--wide);color:transparent;-webkit-text-stroke:1px rgba(20,38,28,.28);margin-bottom:28px}
.step h3{margin:0 0 12px;font:500 clamp(20px,1.8vw,24px)/1.1 var(--f-sans);font-stretch:var(--wide);text-transform:uppercase}
.step p{margin:0;color:var(--text-2);max-width:36ch;font-size:16px}

/* para quem */
.roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.role{position:relative;padding:28px 24px 30px;border-radius:12px;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:border-color .25s}
.role::before{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.role:hover{border-color:var(--line-2)}
.role:hover::before{transform:scaleX(1)}
.role small{display:block;font:500 11px/1 var(--f-mono);letter-spacing:.07em;color:var(--text-3);margin-bottom:40px}
.role h3{margin:0 0 12px;font:500 clamp(18px,1.6vw,21px)/1.15 var(--f-sans);font-stretch:var(--wide);text-transform:uppercase}
.role p{margin:0;color:var(--text-2);font-size:15.5px}

/* faq */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq-grid .sec-head{position:sticky;top:120px;margin:0}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-size:18px;font-weight:500;transition:color .2s}
.faq summary:hover{color:var(--lime-2)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--lime),var(--lime)) center/100% 1.5px no-repeat,linear-gradient(var(--lime),var(--lime)) center/1.5px 100% no-repeat;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{margin:-6px 0 28px;color:var(--text-2);max-width:62ch}

/* cta final */
.final{position:relative;overflow:hidden;isolation:isolate}
.final-lines{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none}
.final-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:end}
.final .cta-row{margin:0;flex-direction:column;align-items:stretch;justify-self:end;width:min(100%,340px)}

/* assinatura da marca */
.signature{position:relative;background:#14261C;border-top:1px solid var(--line)}
.signature img{width:100%;height:auto;max-height:640px;object-fit:cover;object-position:50% 45%}
.signature::before{content:"";position:absolute;inset:0 0 auto;height:22%;background:linear-gradient(var(--bg),transparent);pointer-events:none}

/* rodapé */
.foot{background:var(--bg);color:var(--text-3);padding-block:48px 40px;border-top:1px solid var(--line)}
.foot-grid{display:flex;flex-wrap:wrap;gap:28px 56px;justify-content:space-between;align-items:center}
.foot .brand img{height:16px}
.foot nav{display:flex;gap:28px;flex-wrap:wrap;font-size:14px}
.foot a{text-decoration:none;transition:color .2s}
.foot a:hover{color:var(--chalk)}
.foot small{font:400 11.5px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}


/* ═════════ novas cores de apoio ═════════ */
:root{--amber:#E08A1E;--sky:#3E78B4;--paper:#F6F7F3;--ink:#14261C}
html{scroll-padding-top:132px}

/* ═════════ framework de animação (só CSS) ═════════
   Regra: o estado "normal" de cada elemento é o estado FINAL.
   As keyframes só dizem de onde ele vem. Assim, com movimento reduzido
   (ou sem animação), a página aparece completa. */
@property --v{syntax:"<integer>";inherits:false;initial-value:0}
.cnt{counter-reset:c var(--v);animation:k-count 1.8s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--d,0s)}
.cnt::after{content:counter(c)}
@keyframes k-count{from{--v:0}}
.a-up{animation:k-up .8s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--d,0s)}
@keyframes k-up{from{opacity:0;transform:translateY(14px)}}
.a-fade{animation:k-fade .8s ease backwards;animation-delay:var(--d,0s)}
@keyframes k-fade{from{opacity:0}}
.a-pop{transform-box:fill-box;transform-origin:center;animation:k-pop .55s cubic-bezier(.3,1.5,.5,1) backwards;animation-delay:var(--d,0s)}
@keyframes k-pop{from{opacity:0;transform:scale(.3)}}
.a-grow{transform-box:fill-box;transform-origin:left center;animation:k-growx 1.1s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--d,0s)}
@keyframes k-growx{from{transform:scaleX(0)}}
.a-growy{transform-box:fill-box;transform-origin:center bottom;animation:k-growy 1s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--d,0s)}
@keyframes k-growy{from{transform:scaleY(0)}}
.a-draw{stroke-dasharray:1;animation:k-draw 1.5s cubic-bezier(.5,0,.2,1) backwards;animation-delay:var(--d,0s)}
@keyframes k-draw{from{stroke-dashoffset:1}}
.a-flow{stroke-dasharray:3 9;animation:k-flow 1.1s linear infinite}
@keyframes k-flow{to{stroke-dashoffset:-12}}
.a-pulse{transform-box:fill-box;transform-origin:center;animation:k-pulse 2.4s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes k-pulse{0%{transform:scale(.8);opacity:.9}100%{transform:scale(2.4);opacity:0}}
.a-blink{animation:k-blink 2s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes k-blink{50%{opacity:.35}}
.a-bob{animation:k-bob 7s ease-in-out infinite;animation-delay:var(--b,0s)}
@keyframes k-bob{50%{transform:translateY(-6px)}}

/* animações só rodam quando o bloco está na tela (o site.js marca .in) */
html.js .stage:not(.in) *,html.js .stage:not(.in) *::before,html.js .stage:not(.in) *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){
  .stage *,.stage *::before,.stage *::after,.marquee-track{animation:none!important;transition:none!important}
}

/* ═════════ faixa de áreas ═════════ */
.marquee{overflow:hidden;background:var(--bg-2);border-bottom:1px solid var(--line)}
.marquee-track{display:flex;width:max-content;animation:k-marquee 70s linear infinite}
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}
.marquee ul{display:flex;list-style:none;margin:0;padding:0}
.marquee a{display:block;padding:22px 0 22px 0;font:500 11.5px/1 var(--f-sans);font-stretch:var(--wide);letter-spacing:.07em;text-transform:uppercase;color:var(--text-2);text-decoration:none;white-space:nowrap;transition:color .2s}
.marquee a::after{content:"/";margin:0 40px;color:var(--lime);opacity:.5}
.marquee a:hover{color:var(--chalk)}
@keyframes k-marquee{to{transform:translateX(-50%)}}

/* ═════════ o problema ═════════ */
.problem-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,88px);align-items:center}
.turn{margin:30px 0 0;padding-left:20px;border-left:2px solid var(--lime);color:var(--text-2);font-size:17px;max-width:54ch}
.turn b{color:var(--chalk);font-weight:600}
.stage{position:relative;isolation:isolate;margin:0;border-radius:20px;border:1px solid var(--line-2);background:radial-gradient(120% 90% at 50% 0%,#FFFFFF,#FBFAF6 72%);padding:clamp(16px,2vw,26px);box-shadow:0 50px 90px -60px rgba(20,38,28,.25),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.stage-cap{display:block;margin-top:16px;font:500 10.5px/1 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}
.chaos{container-type:inline-size;aspect-ratio:600/440;padding:0}
.chaos-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.cl{fill:none;stroke:var(--lime);stroke-opacity:.55;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:3 9;animation:k-flow 1.1s linear infinite}
.art{position:absolute;left:var(--x);top:var(--y);transform:rotate(var(--r));z-index:1;padding:1.8cqw 2.2cqw;border-radius:8px;background:#FFFFFF;border:1px solid var(--line-2);box-shadow:0 14px 30px -14px rgba(20,38,28,.25);font-size:clamp(8px,1.7cqw,11px)}
.art small{display:block;margin-bottom:.9em;font:500 1em/1 var(--f-mono);letter-spacing:.06em;color:var(--text-3)}
.bob{animation:k-bobr 7s ease-in-out infinite;animation-delay:var(--b,0s)}
@keyframes k-bobr{50%{translate:0 -5px}}
.art--sheet{width:29cqw}
.sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.sheet i{display:block;height:1.9cqw;background:rgba(20,38,28,.1)}
.sheet i:nth-child(-n+4){background:rgba(29,106,66,.28)}
.art--gps{width:25cqw}
.art--gps svg{width:100%;height:auto}
.art--note{width:24cqw;background:#16130D;border-color:rgba(224,138,30,.25)}
.art--note svg{width:100%;height:auto}
.art--wa{width:26cqw;border-radius:8px 8px 8px 2px;background:#12261B;border-color:rgba(62,154,106,.45)}
.art--wa p{margin:0;font:400 1.15em/1.35 var(--f-sans);color:var(--chalk)}
.art--wa em{display:block;margin-top:.5em;text-align:right;font:400 .9em/1 var(--f-mono);color:var(--text-3);font-style:normal}
.art--pdf{width:21cqw}
.pg{position:relative;display:grid;gap:.7em;padding:1em;border-radius:4px;background:var(--paper)}
.pg i{display:block;height:.55em;border-radius:1em;background:#B7C2B8}
.pg i:nth-child(2){width:70%}.pg i:nth-child(3){width:50%}
.pg b{position:absolute;right:.6em;bottom:.5em;font:500 1.1em/1 var(--f-mono);color:#C0432B}
.one{position:absolute;right:4cqw;top:21%;z-index:2;width:33cqw;padding:2.4cqw 2.6cqw 2.6cqw;border-radius:14px;background:linear-gradient(180deg,#14281E,#F1EEE6);border:1px solid rgba(29,106,66,.45);box-shadow:0 0 0 6px rgba(29,106,66,.06),0 30px 60px -30px rgba(20,38,28,.25);font-size:clamp(8px,1.7cqw,11px)}
.one small{font:500 1em/1 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--lime)}
.one b{display:block;margin-top:.5em;font:800 6.5em/1 var(--f-sans);font-stretch:var(--wide);color:var(--chalk)}
.one span{display:block;margin-bottom:1em;font:500 1.3em/1 var(--f-sans);font-stretch:var(--wide);text-transform:uppercase}
.one-rows{display:grid;gap:.6em}
.one-rows i{display:block;height:.6em;border-radius:1em;background:linear-gradient(90deg,var(--grass),var(--lime));width:var(--w);animation:k-growx 1.4s cubic-bezier(.2,.7,.2,1) backwards;transform-origin:left}
.one em{display:block;margin-top:1.2em;font:400 .95em/1.4 var(--f-mono);font-style:normal;color:var(--text-3)}

/* ═════════ recursos: trilho de áreas + layout padrão de cada área ═════════ */
.rail{position:sticky;top:72px;z-index:40;background:rgba(244,240,231,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-block:1px solid var(--line)}
.rail .wrap{display:flex;gap:4px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
.rail .wrap::-webkit-scrollbar{display:none}
.rail a{flex:none;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid transparent;font:500 12.5px/1 var(--f-sans);color:var(--text-2);text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}
.rail a b{font:500 10.5px/1 var(--f-mono);color:var(--text-3)}
.rail a:hover{color:var(--chalk)}
.rail a[aria-current="true"]{color:var(--chalk);border-color:rgba(29,106,66,.4);background:rgba(29,106,66,.08)}
.rail a[aria-current="true"] b{color:var(--lime)}
.areas-head{padding-block:clamp(72px,9vw,128px) clamp(32px,4vw,56px)}
.areas-head .lead{margin-top:22px}

.area{position:relative;padding-block:clamp(56px,7vw,104px);border-top:1px solid var(--line)}
.area--alt{background:var(--bg-2)}
.area-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(32px,5vw,84px);align-items:start}
.area--rev .area-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.area--rev .area-copy{order:2}
.area-stage{position:sticky;top:148px}
.kicker{display:flex;align-items:center;gap:14px;margin:0 0 22px;font:500 11.5px/1 var(--f-sans);font-stretch:var(--wide);letter-spacing:.07em;text-transform:uppercase;color:var(--text-2)}
.kicker b{font:500 12px/1 var(--f-mono);letter-spacing:.04em;color:var(--lime);border:1px solid rgba(29,106,66,.4);border-radius:4px;padding:6px 8px}
.h3{font-size:clamp(26px,2.9vw,40px)}
.feat{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:11px}
.feat li{position:relative;padding-left:24px;color:var(--text-2);font-size:15.5px;line-height:1.5}
.feat li::before{content:"";position:absolute;left:0;top:.72em;width:12px;height:1px;background:var(--lime)}
.feat b{color:var(--chalk);font-weight:600}
.change{margin:30px 0 0;padding:16px 18px;border-radius:10px;background:rgba(29,106,66,.06);border:1px solid rgba(29,106,66,.2);color:var(--chalk);font-size:15.5px;max-width:60ch}
.change span{display:block;margin-bottom:6px;font:500 10.5px/1 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--lime)}
.area--wide .area-grid{grid-template-columns:1fr}
.area--wide .area-copy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px clamp(32px,5vw,84px);align-items:start}
.area--wide .area-copy .area-title{grid-column:1}
.area--wide .feat{grid-column:2;grid-row:1 / span 3;margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 28px}
.area--wide .change{grid-column:1;align-self:start}

/* peças comuns dos visuais */
.card{border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.75);padding:14px 16px;min-width:0}
.card h4{margin:0 0 12px;font:500 10.5px/1.2 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line-2);font:500 11px/1 var(--f-sans);color:var(--text-2);white-space:nowrap}
.pill.on{border-color:rgba(29,106,66,.5);background:rgba(29,106,66,.1);color:var(--chalk)}
.tag{display:inline-block;padding:4px 7px;border-radius:4px;background:rgba(20,38,28,.07);font:500 10px/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.tag--lime{background:rgba(29,106,66,.14);color:var(--lime)}
.tag--warn{background:rgba(224,138,30,.14);color:var(--amber)}
.tag--bad{background:rgba(210,69,43,.15);color:var(--alert)}
.sw{display:flex;gap:6px;flex-wrap:wrap}
.num{font:800 clamp(22px,2.4vw,32px)/1 var(--f-sans);font-stretch:var(--wide);color:var(--chalk)}
.num small{font:400 11px/1 var(--f-mono);color:var(--text-3);margin-left:4px;letter-spacing:.04em}

/* ═════════ A · painel ═════════ */
.v-a{display:grid;gap:12px}
.kpis4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kpi{padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.75);border:1px solid var(--line)}
.kpi small{display:block;min-height:2.4em;margin-bottom:8px;font:500 10px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.kpi b{display:block;font:800 clamp(26px,2.8vw,36px)/1 var(--f-sans);font-stretch:var(--wide)}
.kpi--warn b{color:var(--amber)}
.pn-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:12px}
.donut{position:relative;width:min(100%,148px);margin:0 auto 14px}
.donut svg{display:block;transform:rotate(-90deg)}
.dn-bg{fill:none;stroke:rgba(20,38,28,.08);stroke-width:12}
.dn-ok{fill:none;stroke:var(--lime);stroke-width:12;animation:k-dn 1.8s cubic-bezier(.2,.7,.2,1) backwards}
.dn-warn{fill:none;stroke:var(--amber);stroke-width:12}
@keyframes k-dn{from{stroke-dasharray:0 100}}
.donut-c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.donut-c b{font:800 30px/1 var(--f-sans);font-stretch:var(--wide)}
.donut-c span{margin-top:4px;font:500 9.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.legend{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:12px;color:var(--text-2)}
.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}
.legend .ok{background:var(--lime)}.legend .warn{background:var(--amber)}
.rank{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.rank li{display:grid;grid-template-columns:28px 52px minmax(0,1fr) 38px;gap:10px;align-items:center;font-size:12px;color:var(--text-2)}
.av{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#DCE5DB;border:1px solid var(--line-2);font:600 11px/1 var(--f-sans);color:var(--chalk)}
.trk{display:block;height:8px;border-radius:8px;background:rgba(20,38,28,.07);overflow:hidden}
.trk i{display:block;height:100%;width:var(--w);border-radius:8px;background:linear-gradient(90deg,var(--grass),var(--lime))}
.rank em{font:500 11.5px/1 var(--f-mono);font-style:normal;color:var(--chalk);text-align:right}
.pn-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}

/* ═════════ B · ficha (hub) ═════════ */
.hub{aspect-ratio:1/1;padding:0;container-type:inline-size}
.hub-lines{position:absolute;inset:0;width:100%;height:100%}
.hub-lines path{fill:none;stroke:var(--lime);stroke-opacity:.5;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:3 9;animation:k-flow 1.2s linear infinite}
.hub-c{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;width:30%;padding:5% 4% 4%;text-align:center;border-radius:16px;background:linear-gradient(180deg,#FFFFFF,#F1EEE6);border:1px solid rgba(29,106,66,.55);box-shadow:0 0 0 7px rgba(29,106,66,.06),0 30px 60px -30px rgba(20,38,28,.25)}
.hub-ring{position:absolute;inset:0;border-radius:16px;border:1px solid var(--lime);pointer-events:none;animation:k-ring 3s ease-out infinite}
@keyframes k-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.45,1.3);opacity:0}}
.hub-c small{display:block;font:500 clamp(7px,1.6cqw,10px)/1 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--lime)}
.hub-c b{display:block;margin:.1em 0 0;font:800 clamp(34px,10cqw,64px)/1 var(--f-sans);font-stretch:var(--wide)}
.hub-c span{display:block;font:500 clamp(8px,1.9cqw,12px)/1.1 var(--f-sans);font-stretch:var(--wide);text-transform:uppercase}
.hub-c svg{display:block;width:62%;margin:8% auto 0}
.hub-n{position:absolute;z-index:3;translate:-50% -50%;padding:.7em 1em;border-radius:999px;background:#FFFFFF;border:1px solid var(--line-2);font:500 clamp(9px,1.9cqw,12.5px)/1 var(--f-sans);color:var(--chalk);white-space:nowrap;box-shadow:0 10px 24px -12px rgba(20,38,28,.25)}
.hub-n::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--lime);vertical-align:1px}

/* ═════════ C · análise física ═════════ */
.v-c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.c-eval,.c-imp,.c-over{grid-column:1 / -1}
.c-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.c-stats small{display:block;margin-bottom:6px;font:500 10px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.c-stats b{font:800 clamp(20px,2.2vw,26px)/1 var(--f-sans);font-stretch:var(--wide)}
.c-stats i{margin-left:3px;font:400 11px/1 var(--f-mono);font-style:normal;color:var(--text-3)}
.c-eval svg{display:block;width:100%;height:auto}
.c-note{display:block;margin-top:10px;font:400 10.5px/1.4 var(--f-mono);letter-spacing:.03em;color:var(--text-3)}
.c-note u{display:inline-block;width:8px;height:8px;margin:0 5px 0 0;border-radius:2px;vertical-align:-0.5px}
.c-note u.k1{background:rgba(20,38,28,.3)}
.c-note u.k2{background:var(--lime);margin-left:10px}
.bars6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:116px}
.bars6>div{position:relative;display:flex;align-items:flex-end;gap:3px;padding-bottom:18px}
.bars6 i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:rgba(20,38,28,.24)}
.bars6 i.hi{background:var(--lime)}
.bars6 em{position:absolute;left:0;right:0;bottom:0;text-align:center;font:500 9.5px/1 var(--f-mono);font-style:normal;color:var(--text-3)}
.c-func-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}
.ring-n{position:relative;width:88px}
.ring-n svg{display:block;width:88px;height:88px}
.yt{animation:k-yt 1.8s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:.4s}
@keyframes k-yt{from{stroke-dasharray:0 100}}
.ring-n b{position:absolute;left:0;top:0;width:88px;height:88px;display:grid;place-content:center;font:800 19px/1 var(--f-sans);font-stretch:var(--wide)}
.ring-n b small{font:400 10px/1 var(--f-mono);color:var(--text-3)}
.ring-n span{display:block;margin-top:4px;text-align:center;font:500 9.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.asym>div{display:grid;grid-template-columns:28px minmax(0,1fr) 36px;gap:8px;align-items:center;margin-bottom:9px}
.asym em{font:500 10px/1 var(--f-mono);font-style:normal;color:var(--text-3)}
.asym b{font:500 11.5px/1 var(--f-mono);text-align:right}
.flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}
.fl-step{position:relative;padding:12px;border-radius:10px;border:1px solid var(--line);background:rgba(20,38,28,.02);animation:k-step 7.5s ease-in-out infinite}
.fl-step.s2{animation-delay:2.5s}.fl-step.s3{animation-delay:5s}
@keyframes k-step{0%,28%{border-color:rgba(29,106,66,.6);background:rgba(29,106,66,.07)}34%,100%{border-color:var(--line);background:rgba(20,38,28,.02)}}
.fl-step b{display:inline-grid;place-items:center;width:20px;height:20px;margin-bottom:8px;border-radius:50%;background:var(--lime);color:#FFFFFF;font:600 11px/1 var(--f-sans)}
.fl-step span{display:block;margin-bottom:10px;font-size:12px;line-height:1.35;color:var(--text-2)}
.fl-ar{align-self:center;position:relative;width:18px;height:2px;background:var(--lime);opacity:.7}
.fl-ar::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid var(--lime);border-right:0}
.mini-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.mini-sheet i{display:block;height:9px;background:rgba(20,38,28,.12)}
.mini-sheet i:nth-child(-n+3){background:rgba(29,106,66,.3)}
.mini-rows p{display:grid;grid-template-columns:1fr 1fr 14px;gap:4px;align-items:center;margin:0 0 4px}
.mini-rows u{display:block;height:7px;border-radius:4px;background:rgba(20,38,28,.16)}
.mini-rows s{text-decoration:none;font-size:10px;color:var(--lime);line-height:1}
.saved{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(29,106,66,.14);color:var(--lime);font:600 11px/1 var(--f-sans)}
.c-over{display:flex;flex-wrap:wrap;gap:8px}

/* ═════════ D · carga e bem-estar ═════════ */
.v-d{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;align-items:stretch}
.phone{position:relative;display:grid;gap:12px;align-content:space-between;padding:30px 14px 16px;border-radius:30px;border:1px solid var(--line-2);background:linear-gradient(180deg,#0E1B15,#08110D);box-shadow:inset 0 0 0 4px #F4F0E7,0 30px 50px -30px rgba(20,38,28,.25)}
.notch{position:absolute;top:11px;left:50%;translate:-50% 0;width:54px;height:6px;border-radius:6px;background:#D5DDD3}
.phone small{display:block;margin-bottom:6px;font:500 9.5px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.ph-who b{display:block;padding:9px 10px;border-radius:8px;border:1px solid var(--line-2);font:500 12px/1 var(--f-sans)}
.pse-scale{position:relative;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:2px;height:16px}
.pse-scale i{border-radius:3px;background:var(--c);opacity:.9}
.pse-thumb{position:absolute;top:-5px;bottom:-5px;left:68.2%;width:3px;margin-left:-1.5px;border-radius:2px;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2);animation:k-thumb 6s cubic-bezier(.2,.7,.2,1) infinite}
@keyframes k-thumb{0%{left:4.5%}30%,88%{left:68.2%}100%{left:4.5%}}
.pse-n{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;font:400 10px/1 var(--f-mono);color:var(--text-3)}
.pse-n b{font:800 30px/1 var(--f-sans);font-stretch:var(--wide);color:var(--chalk)}
.ph-pain svg{display:block;height:128px;margin:0 auto}
.ph-psy div{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ph-psy span{padding:9px 6px;border-radius:8px;border:1px solid var(--line-2);text-align:center;font:500 11px/1 var(--f-sans);color:var(--text-2)}
.d-col{display:grid;gap:12px;min-width:0}
.qr-row{display:flex;align-items:center;gap:16px}
.qr{position:relative;flex:none;width:96px;padding:6px;border-radius:8px;background:#14261C;overflow:hidden}
.qr svg{display:block;width:100%;height:auto}
.scan{position:absolute;left:0;right:0;top:6px;height:2px;background:var(--lime);box-shadow:0 0 10px 2px rgba(29,106,66,.8);animation:k-scan 2.4s ease-in-out infinite alternate}
@keyframes k-scan{to{top:calc(100% - 8px)}}
.qr-t p{margin:8px 0 10px;font-size:13px;line-height:1.4;color:var(--text-2)}
.code small{display:block;margin-bottom:4px;font:500 9.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.code b{font:500 20px/1 var(--f-mono);letter-spacing:.07em}
.acwr-card svg{display:block;width:100%;max-width:230px;height:auto;margin:0 auto}
.needle{transform-origin:90px 92px;transform:rotate(100.8deg);animation:k-needle 2.4s cubic-bezier(.3,1.35,.5,1) backwards;animation-delay:.5s}
@keyframes k-needle{from{transform:rotate(0deg)}}
.acwr-v{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:2px}
.acwr-v b{font:800 32px/1 var(--f-sans);font-stretch:var(--wide)}
.acwr-m{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.acwr-m small{display:block;margin-bottom:4px;font:500 9.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.acwr-m b{font:400 17px/1 var(--f-mono)}
.dots{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;max-width:260px}
.dots i{display:block;aspect-ratio:1;border-radius:50%;background:var(--lime);animation:k-pop .5s cubic-bezier(.3,1.5,.5,1) backwards;animation-delay:var(--d,0s)}
.dots i.off{background:none;border:1.5px dashed var(--text-3);animation:none}
.who-card p{margin:12px 0 0;font-size:13px;color:var(--text-2)}
.who-card b{color:var(--chalk)}
.who-card em{font-style:normal;color:var(--amber)}

/* ═════════ E · departamento médico ═════════ */
.v-e{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px}
.e-body{grid-row:span 3;display:flex;flex-direction:column}
.e-body svg{display:block;height:206px;width:auto;margin:4px auto 16px}
.inj{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.inj li{display:grid;grid-template-columns:10px minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:center}
.inj li i{grid-row:span 2;width:8px;height:8px;border-radius:50%}
.inj b{font:600 12.5px/1.2 var(--f-sans)}
.inj span{grid-column:2;font:400 10.5px/1.2 var(--f-mono);color:var(--text-3)}
.e-kpis{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.e-kpis div{padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.75)}
.e-kpis small{display:block;margin-bottom:7px;font:500 9.5px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.e-kpis b{font:500 13px/1.25 var(--f-sans)}
.stack{display:flex;gap:2px;height:12px}
.stack i{display:block;width:var(--w);border-radius:3px;background:var(--c)}
.lg-row{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px}
.legend .bad{background:var(--alert)}
.axis{position:relative;height:66px;margin:4px 12px 0}
.axis u{position:absolute;left:0;right:0;top:22px;height:2px;border-radius:2px;background:var(--line-2);text-decoration:none}
.axis .mk{position:absolute;top:9px;left:var(--l);translate:-50% 0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#DCE5DB;border:1.5px solid var(--lime);font:600 11px/1 var(--f-sans)}
.axis em{position:absolute;top:46px;translate:-50% 0;font:500 9.5px/1 var(--f-mono);font-style:normal;color:var(--text-3)}
.al-grid{display:grid;grid-template-columns:minmax(0,1.05fr) 30px minmax(0,1fr);align-items:stretch}
.al-sig{display:grid;grid-auto-rows:1fr;gap:8px}
.al-sig .tag{display:flex;align-items:center;padding:8px 9px;font-size:9.5px;line-height:1.3}
.al-grid svg{display:block;width:100%;height:100%}
.al-grid svg path{fill:none;stroke:var(--lime);stroke-opacity:.8;stroke-width:1.4;vector-effect:non-scaling-stroke;stroke-dasharray:3 7;animation:k-flow 1s linear infinite}
.al-node{position:relative;align-self:center;padding:12px;border-radius:12px;border:1px solid rgba(210,69,43,.6);background:rgba(210,69,43,.08)}
.al-node i{position:absolute;inset:-1px;border-radius:12px;border:1px solid var(--alert);pointer-events:none;animation:k-ring 2.6s ease-out infinite}
.al-node small{display:block;font:500 9px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--alert)}
.al-node b{display:block;margin:6px 0 4px;font:800 19px/1 var(--f-sans);font-stretch:var(--wide)}
.al-node span{display:block;font-size:11px;line-height:1.35;color:var(--text-2)}

/* ═════════ F · jogos, scout e tática ═════════ */
.area--wide .stage.v-f{margin-top:clamp(32px,4vw,56px)}
.v-f{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.f-scout{grid-column:span 2}.f-coll{grid-column:span 4}
.f-idx,.f-tag,.f-sc{grid-column:span 2}
.f-match{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:10px;font-size:12px}
.f-match b{font-weight:600}
.f-match em{font-style:normal;color:var(--text-3)}
.weight{display:inline-flex;align-items:center;gap:3px;margin-left:auto}
.weight i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--text-3)}
.weight i.on{background:var(--lime);border-color:var(--lime)}
.weight u{margin-left:6px;font:500 10px/1 var(--f-mono);color:var(--text-3);text-decoration:none}
.f-radar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.f-radar svg{display:block;width:100%;height:auto}
.f-nota small{display:block;font:500 9px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.f-nota b{display:block;margin:3px 0 12px;font:800 30px/1 var(--f-sans);font-stretch:var(--wide)}
.f-nota b i{font:400 13px/1 var(--f-mono);font-style:normal;color:var(--text-3)}
.f-coll-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:center}
.heat-wrap{position:relative;border-radius:8px;overflow:hidden;background:#14261C;border:1px solid var(--line)}
.heat-wrap svg{display:block;width:100%;height:auto}
.hm-a{animation:k-ha 9s ease-in-out infinite}
.hm-b{opacity:0;animation:k-hb 9s ease-in-out infinite}
@keyframes k-ha{0%,42%{opacity:1}50%,92%{opacity:0}100%{opacity:1}}
@keyframes k-hb{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
.heat-lbl{position:absolute;left:8px;bottom:8px;font:500 9.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.heat-lbl span{position:absolute;left:0;bottom:0;white-space:nowrap;padding:5px 7px;border-radius:4px;background:rgba(244,240,231,.9)}
.l-a{color:var(--lime);animation:k-ha 9s ease-in-out infinite}
.l-b{color:var(--alert);opacity:0;animation:k-hb 9s ease-in-out infinite}
.cmp{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.cmp li{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1fr) 30px;grid-template-areas:"em em em em" "nl bl br nr";gap:3px 6px;align-items:center}
.cmp em{grid-area:em;text-align:center;font:500 9.5px/1 var(--f-mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.cmp b{font:500 11px/1 var(--f-mono)}
.cmp b:first-child{grid-area:nl}
.cmp b:last-child{grid-area:nr;text-align:right}
.bl,.br{display:block;height:7px;border-radius:7px;background:rgba(20,38,28,.06);overflow:hidden}
.bl{grid-area:bl}.br{grid-area:br}
.bl i,.br i{display:block;height:100%;width:var(--w);border-radius:7px}
.bl i{margin-left:auto;background:var(--lime);transform-origin:right center}
.br i{background:rgba(20,38,28,.42)}
.idx{list-style:none;margin:0;padding:0}
.idx li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center;margin-bottom:13px;font-size:12px;color:var(--text-2)}
.idx li b{font:500 12px/1 var(--f-mono);color:var(--chalk)}
.idx li .trk{grid-column:1 / -1}
.idx li s{position:relative;display:block;height:3px;border-radius:3px;background:rgba(20,38,28,.14);text-decoration:none}
.idx li s u{position:absolute;left:var(--p);top:50%;translate:-50% -50%;width:10px;height:10px;border-radius:50%;background:var(--chalk);text-decoration:none}
.idx li em{font:500 9.5px/1 var(--f-mono);font-style:normal;color:var(--text-3)}
.idx-foot{display:flex;align-items:baseline;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.idx-foot small{font:500 9.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.idx-foot b{font:800 30px/1 var(--f-sans);font-stretch:var(--wide);color:var(--lime)}
.vid{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--line)}
.vid svg{display:block;width:100%;height:auto}
.vid-t{position:absolute;right:8px;bottom:7px;padding:3px 6px;border-radius:4px;background:rgba(20,38,28,0.22);font:500 10px/1 var(--f-mono)}
.tl-track{position:relative;height:22px;margin-top:12px;border-radius:6px;background:rgba(20,38,28,.06)}
.tl-track i{position:absolute;top:4px;bottom:4px;width:4px;translate:-50% 0;border-radius:2px}
.mk1{background:var(--lime)}.mk2{background:var(--amber)}.mk3{background:var(--alert)}
.playhead{position:absolute;top:-4px;bottom:-4px;left:55%;width:2px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.6);animation:k-play 9s linear infinite}
@keyframes k-play{from{left:0}to{left:100%}}
.keys{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.key{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--text-2)}
.key kbd{display:grid;place-items:center;min-width:22px;height:22px;border-radius:5px;border:1px solid var(--line-2);border-bottom-width:3px;background:#FFFFFF;font:600 11px/1 var(--f-mono);color:var(--chalk);animation:k-key 4.5s ease-in-out infinite}
.key.k-s kbd{animation-delay:1.5s}.key.k-d kbd{animation-delay:3s}
@keyframes k-key{0%,14%,100%{translate:0 0;border-bottom-width:3px}6%{translate:0 2px;border-bottom-width:1px;background:rgba(29,106,66,.25)}}
.f-sc svg{display:block;width:100%;height:auto}
.f-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.f-strip div{padding:14px 4px 0;border-top:1px solid var(--line-2)}
.f-strip small{display:block;font:500 10px/1 var(--f-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--lime)}
.f-strip span{display:block;margin-top:8px;font-size:13px;line-height:1.45;color:var(--text-2)}

/* ═════════ peças de campo (G, H, I, K) ═════════ */
.pc{fill:#14261C;stroke:#14261C;stroke-width:2}
.po{fill:#DCE5DB;stroke:#14261C;stroke-opacity:.5;stroke-width:1.4}
.ball{fill:#fff;stroke:#FFFFFF;stroke-width:1}
.pt{font:700 8px/1 var(--f-sans);fill:#FFFFFF;text-anchor:middle;dominant-baseline:central}
.g-cap{margin:12px 0 0;font:400 11.5px/1.4 var(--f-sans);color:var(--text-2)}

/* ═════════ G · sala técnica ═════════ */
.area--wide .stage.v-g{margin-top:clamp(32px,4vw,56px)}
.v-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.g-com,.g-tat,.g-bp,.g-pre{grid-column:span 2}
.g-dos,.g-pl{grid-column:span 3}
.g-bib{grid-column:span 4}
.staff{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.staff li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center}
.staff b{display:block;font:600 12.5px/1.2 var(--f-sans)}
.staff small{font:400 10px/1.3 var(--f-mono);color:var(--text-3)}
.bell{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--amber)}
.g-tat svg,.g-bp svg,.g-pre svg{display:block;width:100%;height:auto}
.t1{animation:k-t1 6s ease-in-out infinite}.t2{animation:k-t2 6s ease-in-out infinite}.t3,.tb{animation:k-t3 6s ease-in-out infinite}
@keyframes k-t1{0%,100%{transform:translate(0,0)}33%{transform:translate(58px,-12px)}66%{transform:translate(120px,4px)}}
@keyframes k-t2{0%,100%{transform:translate(0,0)}33%{transform:translate(54px,-10px)}66%{transform:translate(114px,2px)}}
@keyframes k-t3{0%,100%{transform:translate(0,0)}33%{transform:translate(40px,-14px)}66%{transform:translate(82px,6px)}}
.tb{transform-origin:center}
.frames{display:flex;align-items:center;gap:8px;margin-top:10px}
.fr{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--line-2);font:600 10px/1 var(--f-mono);color:var(--text-3);animation:k-fr 6s ease-in-out infinite}
.fr.f2{animation-delay:2s}.fr.f3{animation-delay:4s}
@keyframes k-fr{0%,30%{background:var(--lime);border-color:var(--lime);color:#FFFFFF}34%,100%{background:transparent}}
.frames em{flex:1;margin-left:8px;font:500 9.5px/1 var(--f-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.frames s{position:relative;display:block;width:60px;height:3px;border-radius:3px;background:rgba(20,38,28,.16);text-decoration:none}
.frames s u{position:absolute;left:60%;top:50%;translate:-50% -50%;width:10px;height:10px;border-radius:50%;background:var(--chalk);text-decoration:none}
.bb{animation:k-ball 4.2s ease-in-out infinite}
@keyframes k-ball{0%,8%{transform:translate(0,0)}28%{transform:translate(-38px,-60px)}44%{transform:translate(-72px,-97px)}60%{transform:translate(-103px,-113px)}76%,100%{transform:translate(-130px,-106px)}}
.runs path{animation:k-flow 1.2s linear infinite}
.dos-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center}
.dos-grid svg{display:block;width:100%;height:auto}
.dos-l{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.dos-l small{display:block;margin-bottom:4px;font:500 9.5px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.dos-l b{font:600 13px/1.25 var(--f-sans)}
.kd{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--lime)}
.rt{display:inline-flex;gap:4px}
.rt s{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;text-decoration:none;font:600 10px/1 var(--f-mono);animation:k-pop .5s cubic-bezier(.3,1.5,.5,1) backwards}
.rt s:nth-child(2){animation-delay:.1s}.rt s:nth-child(3){animation-delay:.2s}.rt s:nth-child(4){animation-delay:.3s}.rt s:nth-child(5){animation-delay:.4s}
.rt .v{background:rgba(29,106,66,.18);color:var(--lime)}
.rt .e{background:rgba(20,38,28,.1);color:var(--text-2)}
.rt .d{background:rgba(210,69,43,.18);color:var(--alert)}
.micro{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:150px}
.micro>div{position:relative}
.pln{position:absolute;left:10%;right:10%;bottom:40px;height:calc(var(--h) * 1px);border:1.5px dashed rgba(20,38,28,.4);border-radius:4px}
.pse{position:absolute;left:26%;right:26%;bottom:40px;height:calc(var(--h) * 1px);border-radius:3px 3px 0 0;background:var(--lime)}
.game .pln{border-color:var(--lime)}
.micro b{position:absolute;left:0;right:0;bottom:20px;text-align:center;font:600 11px/1 var(--f-mono)}
.micro small{position:absolute;left:0;right:0;bottom:3px;text-align:center;font:400 9px/1 var(--f-mono);color:var(--text-3)}
.pl-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
.beam{transform-origin:110px 0}
.fs{transform-box:fill-box;transform-origin:center;animation:k-fs 3s ease-in-out infinite}
@keyframes k-fs{50%{transform:scale(1.1)}}
.bib-grid{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:20px;align-items:center}
.bib-grid svg{display:block;width:100%;max-width:220px;height:auto;margin:0 auto}
.d1{animation:k-d1 3.2s ease-in-out infinite alternate}.d2{animation:k-d2 2.7s ease-in-out infinite alternate}
@keyframes k-d1{from{transform:translate(0,0)}to{transform:translate(16px,12px)}}
@keyframes k-d2{from{transform:translate(0,0)}to{transform:translate(-14px,-10px)}}
.rb{animation:k-rb 4s linear infinite}
@keyframes k-rb{0%,100%{transform:translate(0,0)}25%{transform:translate(92px,0)}50%{transform:translate(92px,92px)}75%{transform:translate(0,92px)}}
.bib-info>b{display:block;margin-bottom:12px;font:500 22px/1 var(--f-sans);font-stretch:var(--wide);text-transform:uppercase}
.bib-rows{list-style:none;margin:16px 0 0;padding:0}
.bib-rows li{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-2)}
.bib-rows li::after{content:"+";font:500 14px/1 var(--f-mono);color:var(--lime)}

/* ═════════ H · programação ═════════ */
.v-h{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.h-week{grid-column:1 / -1}
.h-week h4{display:flex;justify-content:space-between;align-items:center}
.live{display:inline-flex;align-items:center;gap:6px;color:var(--lime)}
.live i{width:7px;height:7px;border-radius:50%;background:var(--lime)}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.week>div{min-height:88px;padding:10px 8px;border-radius:8px;border:1px solid var(--line);background:rgba(20,38,28,.02)}
.week b{display:block;margin-bottom:8px;font:500 10px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.ev{display:block;font-size:12px;line-height:1.25}
.ev small{display:block;margin-top:3px;font:400 10px/1.2 var(--f-mono);color:var(--text-3)}
.week .off{border:1.5px dashed rgba(224,138,30,.6);background:rgba(224,138,30,.06);animation:k-off 3s ease-in-out infinite}
.week .off .ev{font-size:11px;color:var(--amber)}
@keyframes k-off{50%{border-color:rgba(224,138,30,.2)}}
.week .game{border-color:rgba(29,106,66,.6);background:rgba(29,106,66,.09)}
.iti{position:relative;list-style:none;margin:0;padding:0 0 0 24px}
.iti::before{content:"";position:absolute;left:5px;top:6px;bottom:18px;width:2px;background:linear-gradient(var(--lime),rgba(29,106,66,.15));transform-origin:top;animation:k-line 1.6s ease backwards}
@keyframes k-line{from{transform:scaleY(0)}}
.iti li{position:relative;padding-bottom:14px;animation:k-up .6s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:var(--d,0s)}
.iti li i{position:absolute;left:-24px;top:3px;width:12px;height:12px;border-radius:50%;background:#FBFAF6;border:2px solid var(--lime)}
.iti b{display:block;font:600 13px/1.2 var(--f-sans)}
.iti span{display:block;margin-top:2px;font:400 10.5px/1.3 var(--f-mono);color:var(--text-3)}
.shirts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.shirts li{opacity:.5;animation:k-pop .5s cubic-bezier(.3,1.5,.5,1) backwards;animation-delay:var(--d,0s)}
.shirts li.sel{opacity:1}
.shirts svg{display:block;width:100%;height:auto}
.shirts use{fill:#E4EBE2;stroke:#14261C;stroke-opacity:.18}
.shirts .sel use{fill:var(--lime);stroke:none}
.shirts text{font:700 7.5px/1 var(--f-sans);fill:#8FA396;text-anchor:middle}
.shirts .sel text{fill:#FFFFFF}
.conv-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.pdfb{padding:7px 11px;border-radius:6px;background:var(--chalk);color:var(--bg);font:600 11px/1 var(--f-sans);animation:k-pdfp 2.6s ease-out infinite}
@keyframes k-pdfp{0%{box-shadow:0 0 0 0 rgba(20,38,28,.5)}70%,100%{box-shadow:0 0 0 10px rgba(20,38,28,0)}}

/* ═════════ I · banco de talentos ═════════ */
.area--wide .stage.v-i{margin-top:clamp(32px,4vw,56px)}
.v-i{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.i-fun,.i-map{grid-column:span 3}
.i-sc,.i-attr,.i-p90{grid-column:span 2}
.funnel{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.funnel li{position:relative;width:var(--w);padding:9px 12px;border-radius:6px;background:rgba(20,38,28,.07);border:1px solid var(--line);animation:k-growx .9s cubic-bezier(.2,.7,.2,1) backwards;transform-origin:left center}
.funnel li:nth-child(2){animation-delay:.1s}.funnel li:nth-child(3){animation-delay:.2s}.funnel li:nth-child(4){animation-delay:.3s}.funnel li:nth-child(5){animation-delay:.4s}.funnel li:nth-child(6){animation-delay:.5s}
.funnel b{font:500 12px/1.2 var(--f-sans)}
.funnel .win{background:rgba(29,106,66,.14);border-color:rgba(29,106,66,.5)}
.funnel .arq{background:none;border-style:dashed;color:var(--text-3)}
.lead-dot{position:absolute;right:12px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px transparent;animation:k-lead 6s ease-in-out infinite}
@keyframes k-lead{0%,8%{right:12px;top:50%}28%{right:calc(12% + 12px);top:calc(50% + 42px)}48%{right:calc(24% + 12px);top:calc(50% + 84px)}68%{right:calc(36% + 12px);top:calc(50% + 126px)}85%,100%{right:calc(48% + 12px);top:calc(50% + 168px)}}
.i-map svg{display:block;width:100%;height:auto}
.mp circle{fill:#1E382B;stroke:#14261C;stroke-opacity:.5;stroke-width:1.2}
.mp--off circle{fill:none;stroke-dasharray:3 4;stroke-opacity:.25}
.mp-ping{transform-box:fill-box;transform-origin:center;animation:k-ping 2.4s ease-out infinite}
@keyframes k-ping{from{transform:scale(1);opacity:.9}to{transform:scale(2.2);opacity:0}}
.sc-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.nota small{display:block;margin-bottom:5px;font:500 9px/1.2 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.nota b{font:800 28px/1 var(--f-sans);font-stretch:var(--wide)}
.nota b i{margin-left:3px;font:400 11px/1 var(--f-mono);font-style:normal;color:var(--text-3)}
.sf{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--text-2)}
.attr{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.attr li{display:grid;grid-template-columns:minmax(0,88px) minmax(0,1fr) 22px;gap:8px;align-items:center;font-size:11px;color:var(--text-2)}
.attr b{font:500 11px/1 var(--f-mono);color:var(--chalk);text-align:right}
.attr s,.p90 s{display:block;height:5px;border-radius:5px;background:rgba(20,38,28,.08);text-decoration:none;overflow:hidden}
.attr u,.p90 u{display:block;height:100%;width:var(--w);border-radius:5px;background:var(--lime);text-decoration:none;transform-origin:left;animation:k-growx 1.1s cubic-bezier(.2,.7,.2,1) backwards .4s}
.mk-row{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--line)}
.mk-row small{font:500 9px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.mk-l{display:inline-flex;gap:4px}
.mk-l i{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;font:600 11px/1 var(--f-mono);font-style:normal;background:rgba(20,38,28,.07);color:var(--text-3)}
.mk-l i.on{background:var(--lime);color:#FFFFFF;animation:k-pop .6s cubic-bezier(.3,1.5,.5,1) backwards .9s}
.p90{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.p90 li{display:grid;gap:4px;font-size:11px;color:var(--text-2)}
.p90 .t u{background:rgba(20,38,28,.4)}
.p90 .e u{background:var(--lime)}

/* ═════════ J · portal do atleta ═════════ */
.v-j{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,.82fr);align-items:center;gap:0}
.j-link svg{display:block;width:100%;height:40px}
.gates{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.gates li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--chalk)}
.gates i{position:relative;flex:none;width:34px;height:19px;border-radius:19px;background:var(--lime)}
.gates i::after{content:"";position:absolute;top:2.5px;right:2.5px;width:14px;height:14px;border-radius:50%;background:#FFFFFF;transition:none}
.gates .off{color:var(--text-3)}
.gates .off i{background:rgba(20,38,28,.14)}
.gates .off i::after{right:auto;left:2.5px;background:var(--text-3)}
.gates li:nth-child(n+6) i{animation:k-gate 8s ease-in-out infinite}
@keyframes k-gate{0%,40%{opacity:1}50%,60%{opacity:.35}70%,100%{opacity:1}}
.j-phone{align-content:start;padding:30px 12px 16px}
.pt-card{padding:10px 11px;border-radius:10px;border:1px solid rgba(29,106,66,.28);background:rgba(29,106,66,.06);animation:k-up .6s cubic-bezier(.2,.7,.2,1) backwards}
.pt-card b{display:block;font:600 12px/1.2 var(--f-sans)}
.pt-card span{display:block;margin-top:3px;font:400 10px/1.3 var(--f-mono);color:var(--text-3)}
.pt1{animation-delay:.5s}.pt2{animation-delay:.7s}.pt3{animation-delay:.9s}.pt4{animation-delay:1.1s}.pt5{animation-delay:1.3s}
.pt-card .min em{font-style:normal;color:var(--lime)}
.pt-card .pdfb{display:inline-block;margin-top:6px;color:var(--bg)}

@property --cl{syntax:"<color>";inherits:true;initial-value:#1F7A4D}
/* ═════════ K · relatórios em PDF ═════════ */
.v-k{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}
.k-pick{grid-row:span 2}
.k-doc{grid-row:span 2;grid-column:2;grid-row:1 / span 2;position:relative;padding:8px 10px 14px}
.k-pick{grid-column:1;grid-row:1}
.k-top{grid-column:1;grid-row:2}
.k-set{grid-column:1 / -1}
.picks{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:12.5px;color:var(--chalk)}
.picks li{display:flex;align-items:center;gap:10px;animation:k-up .5s ease backwards;animation-delay:var(--d,0s)}
.picks i{position:relative;width:16px;height:16px;border-radius:4px;background:var(--lime)}
.picks i::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #FFFFFF;border-width:0 2px 2px 0;rotate:40deg}
.picks .no{color:var(--text-3)}
.picks .no i{background:none;border:1.5px solid var(--text-3)}
.picks .no i::after{display:none}
.doc-pg{position:relative;border-radius:6px;background:var(--paper);color:var(--ink)}
.doc-b{position:absolute;inset:14px 4px 4px 22px;opacity:.5;rotate:3deg}
.doc-a{position:relative;aspect-ratio:3/4.1;padding:12px;overflow:hidden;--cl:#1F7A4D;animation:k-club 12s ease-in-out infinite;box-shadow:0 24px 40px -22px rgba(20,38,28,.25)}
@keyframes k-club{0%,28%{--cl:#1F7A4D}33%,61%{--cl:#B3262E}66%,94%{--cl:#1D4E9E}100%{--cl:#1F7A4D}}
.doc-head{display:flex;align-items:center;gap:7px;padding-bottom:8px;border-bottom:2px solid var(--cl)}
.doc-head b{font:700 10px/1 var(--f-sans)}
.doc-head em{margin-left:auto;font:500 7.5px/1 var(--f-mono);font-style:normal;color:#5C6A62}
.crest{display:inline-block;width:14px;height:14px;border-radius:50% 50% 45% 45%;background:var(--cl,var(--lime))}
.wm{position:absolute;left:50%;top:52%;width:62%;translate:-50% -50%;color:var(--cl);opacity:.09}
.doc-id{display:flex;gap:8px;align-items:center;margin:10px 0}
.doc-ph{width:34px;height:40px;border-radius:4px;background:#C9D1CB}
.doc-id div{flex:1;display:grid;gap:5px}
.doc-a u{display:block;height:5px;border-radius:3px;background:#C9D1CB;text-decoration:none}
.doc-a u.s{width:60%}
.doc-radar{display:block;width:70%;margin:6px auto;color:var(--cl)}
.rd{animation:k-rd 4s ease-in-out infinite alternate;transform-origin:50px 40px}
@keyframes k-rd{to{transform:scale(.82)}}
.doc-lines{display:grid;gap:5px;margin-top:8px}
.pdf-tag{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:5px;background:var(--cl);color:#fff;font:600 9px/1 var(--f-sans)}
.top10{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.top10 li{display:grid;grid-template-columns:22px minmax(0,1fr) 14px;gap:8px;align-items:center}
.top10 .ph{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#2C4A3B,#E4EBE2);border:1px solid var(--line-2)}
.top10 s{display:block;height:6px;border-radius:6px;background:rgba(20,38,28,.07);text-decoration:none}
.top10 u{display:block;width:var(--w);height:100%;border-radius:6px;background:var(--lime);text-decoration:none;transform-origin:left;animation:k-growx 1s cubic-bezier(.2,.7,.2,1) backwards .5s}
.top10 b{font:500 10px/1 var(--f-mono);color:var(--text-3)}

/* ═════════ L · plataforma ═════════ */
.area--wide .stage.v-l{margin-top:clamp(32px,4vw,56px)}
.v-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.l-his{grid-column:span 2}
.l-his{grid-column:span 2}
.iso{display:grid;grid-template-columns:1fr 40px 1fr;gap:10px;align-items:center}
.iso>div{padding:12px 10px;border-radius:8px;border:1px solid var(--line-2);font:500 12px/1 var(--f-sans);display:flex;align-items:center;gap:8px}
.iso i{width:8px;height:8px;border-radius:50%}
.iso-a i{background:var(--lime)}.iso-b i{background:var(--sky)}
.iso svg{width:100%;height:auto;animation:k-shield 3s ease-in-out infinite}
@keyframes k-shield{50%{scale:1.1}}
.users{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.users li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center}
.users b{display:block;font:600 12.5px/1.2 var(--f-sans)}
.users small{font:400 10px/1.3 var(--f-mono);color:var(--text-3)}
.idn{display:flex;align-items:center;gap:10px;font:600 13px/1 var(--f-sans)}
.idn .crest{width:24px;height:24px;animation:k-crest 9s ease-in-out infinite}
@keyframes k-crest{0%,28%{background:#1F7A4D}33%,61%{background:#B3262E}66%,94%{background:#1D4E9E}100%{background:#1F7A4D}}
.pal{display:flex;gap:6px;margin-top:14px}
.pal i{width:26px;height:26px;border-radius:6px;animation:k-pop .5s cubic-bezier(.3,1.5,.5,1) backwards}
.pal i:nth-child(1){background:#1F7A4D;animation-delay:.3s}.pal i:nth-child(2){background:#14261C;animation-delay:.4s}.pal i:nth-child(3){background:#14261C;border:1px solid var(--line-2);animation-delay:.5s}.pal i:nth-child(4){background:var(--amber);animation-delay:.6s}
.imp{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:8px;align-items:center}
.his{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.his li{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:7px;border:1px solid var(--line);font-size:12px;color:var(--text-2)}
.his em{font:500 10px/1 var(--f-mono);font-style:normal;color:var(--lime)}
.his .del em{color:var(--alert)}
.devs{display:flex;align-items:flex-end;gap:12px}
.bwr{position:relative;flex:1;height:64px;border-radius:6px;border:1.5px solid var(--line-2);padding:14px 8px 0}
.bwr i{position:absolute;top:5px;width:5px;height:5px;border-radius:50%;background:var(--text-3)}
.bwr i:nth-child(1){left:7px}.bwr i:nth-child(2){left:16px}.bwr i:nth-child(3){left:25px}
.bwr u{display:block;height:100%;border-radius:4px 4px 0 0;background:rgba(29,106,66,.12);text-decoration:none}
.ph2{width:34px;height:60px;border-radius:8px;border:1.5px solid var(--line-2);padding:8px 4px 0}
.ph2 u{display:block;height:100%;border-radius:3px 3px 0 0;background:rgba(29,106,66,.12);text-decoration:none}
.inst{align-self:center;padding:6px 8px;border-radius:5px;background:rgba(29,106,66,.14);color:var(--lime);font:600 10px/1 var(--f-sans);animation:k-pdfp 2.6s ease-out infinite}

/* ═════════ responsivo ═════════ */
.area-copy,.area-stage,.stage{min-width:0}
@media (max-width:1080px){
  .nav a,.login,.brand span{white-space:nowrap}
  .nav{gap:18px}
  .hero-grid,.problem-grid,.final-grid,.faq-grid{grid-template-columns:1fr}
  .final .cta-row{justify-self:stretch;width:100%}
  .faq-grid .sec-head{position:static}
  .area-grid,.area--rev .area-grid{grid-template-columns:1fr}
  .area--rev .area-copy{order:0}
  .area-stage{position:static}
  .area--wide .area-copy{display:block}
  .area--wide .feat{grid-template-columns:1fr;margin-top:28px}
  .v-f,.v-g,.v-i{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f-scout,.f-coll,.f-idx,.f-tag,.f-sc,.g-com,.g-tat,.g-bp,.g-pre,.g-dos,.g-pl,.g-bib,.i-fun,.i-map,.i-sc,.i-attr,.i-p90{grid-column:auto}
  .f-coll,.g-dos,.g-pl,.g-bib,.i-fun,.i-map{grid-column:1 / -1}
  .v-l{grid-template-columns:repeat(2,minmax(0,1fr))}
  .l-his{grid-column:1 / -1}
  .roles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){.nav{display:none}}
@media (max-width:780px){
  .nav{display:none}
  .top .wrap{gap:16px}
  .login .long{display:none}.login .short{display:inline}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact:nth-child(3){border-left:0}
  .steps{grid-template-columns:1fr}
  .step,.step + .step{padding:28px 0 8px;border-left:0;border-top:1px solid var(--line)}
  .step + .step::before{left:0}
  .step .no{margin-bottom:14px}
  .v-c,.v-e,.v-h,.v-k{grid-template-columns:1fr}
  .k-pick,.k-doc,.k-top,.k-set{grid-column:1;grid-row:auto}
  .v-d{grid-template-columns:1fr}
  .phone{max-width:340px;margin-inline:auto;width:100%}
  .e-body{grid-row:auto}
  .e-kpis,.c-stats,.f-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flow{grid-template-columns:1fr}
  .fl-ar{width:2px;height:16px;justify-self:center;rotate:0deg}
  .fl-ar::after{right:-4px;top:auto;bottom:-1px;border:5px solid transparent;border-top:7px solid var(--lime);border-bottom:0}
  .v-f,.v-g,.v-i,.v-l{grid-template-columns:1fr}
  .f-scout,.f-idx,.f-tag,.f-sc,.g-com,.g-tat,.g-bp,.g-pre,.i-sc,.i-attr,.i-p90,.l-his{grid-column:1}
  .f-coll-grid,.dos-grid,.bib-grid{grid-template-columns:1fr}
  .v-j{grid-template-columns:1fr;gap:12px}
  .j-link{display:none}
  .j-phone{max-width:340px;margin-inline:auto;width:100%}
  .week{grid-template-columns:repeat(4,minmax(0,1fr))}
  .shirts{grid-template-columns:repeat(6,minmax(0,1fr))}
  .al-grid{grid-template-columns:1fr;gap:10px}
  .al-grid svg{display:none}
  .micro{height:140px}
  .micro small{display:none}
}
@media (max-width:560px){
  .roles{grid-template-columns:1fr}
  .brand span{display:none}
  .hub{aspect-ratio:auto;align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:18px;container-type:normal}
  .hub-lines{display:none}
  .hub-c{position:relative;left:auto;top:auto;translate:none;flex:none;width:200px;margin:0 calc(50% - 100px) 10px;padding:16px}
  .hub-c small{font-size:10px}.hub-c b{font-size:48px}.hub-c span{font-size:11px}
  .hub-n{position:relative;left:auto!important;top:auto!important;translate:none;font-size:11.5px}
  .c-over .tag{white-space:normal}
  .week{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shirts{grid-template-columns:repeat(5,minmax(0,1fr))}
  .rank li{grid-template-columns:24px 40px minmax(0,1fr) 34px}
  .rail a{padding:8px 11px}
  .stage{padding:12px;border-radius:16px}
  .e-kpis,.c-stats{grid-template-columns:1fr 1fr}
}

/* ═════════ tema editorial claro ═════════ */
:root{--wide:84%;--f-mono:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;--gold:#F5B83D}
body{background:var(--bg)}
.hero::after{display:none}
.hero::before{background:radial-gradient(60% 50% at 80% 0%,rgba(29,106,66,.08),transparent 70%)}
.touchline{opacity:.5}
/* tipografia */
.display{font-weight:800;line-height:.98;letter-spacing:0}
.display .mark{font-weight:800;color:var(--lime)}
.h1{font-size:clamp(40px,5vw,72px)}
.h2{font-size:clamp(34px,4.4vw,60px)}
.h3{font-size:clamp(30px,3.4vw,46px)}
.eyebrow{font-stretch:100%;font-weight:700;letter-spacing:.14em;color:var(--lime)}
.eyebrow::before{width:22px;height:2px}
.kicker{font-stretch:100%;font-weight:700;letter-spacing:.14em;color:var(--lime);gap:12px}
.kicker b{border:0;padding:0;font:800 30px/1 var(--f-sans);font-stretch:84%;letter-spacing:0;color:var(--chalk);opacity:.9}
.kicker b::after{content:"";display:inline-block;width:1px;height:22px;margin-left:12px;vertical-align:-3px;background:var(--line-2)}
.card h4,.stage-cap{font-weight:700;letter-spacing:.07em;color:var(--text-3)}
.btn{border-radius:999px;font-stretch:100%;letter-spacing:.05em}
.btn--lime{background:var(--lime);color:#fff}
.btn--ghost{background:#fff}
/* pontos e brilhos */
.lead-dot,.scan,.playhead,.pse-thumb,.chip small::before,.live i{box-shadow:none}
.al-node i,.hub-ring{display:none}
.chip{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
.top{background:rgba(244,240,231,.9)}
/* campo do hero */
.pitch{background:repeating-linear-gradient(90deg,#2F7E52 0 11.76%,#2A7249 11.76% 23.52%);box-shadow:0 30px 60px -34px rgba(20,38,28,.4)}
.pitch::after{background:none}
.ln{stroke:#fff;stroke-opacity:.8}
.pass{stroke:#fff;stroke-opacity:.85}
.pass--y{stroke:var(--gold)}
.pl{fill:#fff;stroke:#14261C;stroke-width:3}
.pl--star{fill:var(--gold)}
.pn{fill:#14261C}
.opp{stroke:#14261C;stroke-opacity:.55}
.ring{stroke:var(--gold)}
.pitch-cap{color:rgba(255,255,255,.75)}
.chip strong{color:var(--chalk)}
/* palcos de app: papel branco */
.stage{background:#fff;border-color:var(--line-2);box-shadow:0 30px 60px -40px rgba(20,38,28,.28)}
.card{background:var(--surface);box-shadow:0 1px 0 rgba(20,38,28,.04)}
.area--alt{background:var(--bg-2)}
.area--alt .stage{background:#fff}
.pill.on{background:rgba(29,106,66,.1);color:var(--lime);border-color:rgba(29,106,66,.5)}
.tag--lime{color:var(--lime)}
/* peças de campo nas telas */
.pc{fill:#fff;stroke:#14261C;stroke-width:2}
.po{fill:#14261C;stroke:#fff;stroke-opacity:.8}
.ball{fill:#fff;stroke:#14261C;stroke-width:1.4}
.pt{fill:#14261C}
.phone{background:linear-gradient(180deg,#fff,#F6F3EB);box-shadow:inset 0 0 0 4px #14261C,0 24px 40px -28px rgba(20,38,28,.4)}
.notch{background:#14261C}
.mp circle{fill:#E4EBE2;stroke:#14261C;stroke-opacity:.4}
/* rodapé e assinatura escuros */
.signature{background:#0B1712}
.signature::before{background:linear-gradient(var(--bg),transparent)}
.foot{background:#0B1712;color:#8FA095}
.foot a:hover{color:#fff}
.final{background:var(--bg)}
.band{background:var(--bg-2)}
.role{background:#fff}
.faq summary:hover{color:var(--lime)}
.rail{background:rgba(244,240,231,.92)}
.rail a[aria-current="true"]{color:var(--lime);background:rgba(29,106,66,.1);border-color:rgba(29,106,66,.4)}
.marquee{background:#14261C}
.marquee a{color:#DCE5DB}
.marquee a::after{color:var(--gold);opacity:1}
/* ajustes de contraste */
.art--note{background:#FFF7E0;border-color:rgba(224,138,30,.4)}
.art--wa{background:#E6F3E4;border-color:rgba(62,154,106,.5)}
.one{background:#fff;border-color:rgba(29,106,66,.4);box-shadow:0 30px 60px -30px rgba(20,38,28,.3)}
.heat-wrap{background:#F1EEE6}
.qr{background:#fff;border:1px solid var(--line-2)}
.ev{overflow-wrap:anywhere;font-size:11.5px}
.week>div{padding:10px 7px}
.hub-c{background:#fff}
.vid{background:#14261C}

/* Proteção contra cópia casual: texto não selecionável (e-mail e campos continuam) */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
a[href^="mailto:"],input,textarea{-webkit-user-select:text;user-select:text}
img,svg,a{-webkit-user-drag:none}