/* ==========================================================================
   MINDS2WORK — SITE.CSS  (base · layout · componentes)
   Depende de tokens.css. Efeitos/animações ficam em effects.css.
   ========================================================================== */

/* ---------- RESET ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 1.5rem)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{
  font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-body);
  color:var(--text-body);background:var(--bg);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  overflow-x:clip;min-height:100vh;
}
img,svg,video,canvas{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text);text-wrap:balance;font-weight:var(--fw-bold);letter-spacing:var(--ls-snug);line-height:var(--lh-snug)}
p{text-wrap:pretty}
::selection{background:var(--brand);color:#fff}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:var(--r-xs)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:fixed;left:1rem;top:-4rem;z-index:var(--z-toast);background:var(--brand);color:#fff;padding:.75rem 1.25rem;border-radius:var(--r-md);font-weight:600;transition:top .2s}
.skip-link:focus{top:1rem}

/* scrollbar */
html{scrollbar-width:thin;scrollbar-color:var(--navy-600) var(--bg-deep)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg-deep)}
::-webkit-scrollbar-thumb{background:var(--navy-600);border-radius:10px;border:2px solid var(--bg-deep)}
::-webkit-scrollbar-thumb:hover{background:var(--brand)}

/* ---------- LAYOUT ---------- */
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.container--narrow{max-width:var(--container-narrow)}
.container--text{max-width:calc(var(--container-text) + var(--gutter)*2)}
.section{position:relative;padding-block:var(--section-y)}
.section--tight{padding-block:calc(var(--section-y)*.6)}
.section--deep{background:var(--bg-deep)}
.section--raised{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-raised) 50%,var(--bg) 100%)}
.section--hairline::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--grad-hairline)}
.section-head{max-width:46rem;margin-bottom:clamp(2.5rem,2rem + 3vw,4.5rem)}
.section-head--center{margin-inline:auto;text-align:center}
.section-head--center .eyebrow{justify-content:center}
.section-head p{margin-top:var(--sp-5);font-size:var(--fs-lg);color:var(--text-muted)}
.grid{display:grid;gap:var(--sp-6)}
.stack>*+*{margin-top:var(--sp-4)}
.center{text-align:center}
.mt-4{margin-top:var(--sp-4)} .mt-6{margin-top:var(--sp-6)} .mt-8{margin-top:var(--sp-8)} .mt-12{margin-top:var(--sp-12)}

/* ---------- TIPOGRAFIA ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:.75rem;
  font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);
  text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--brand-text);margin-bottom:var(--sp-5);
}
.eyebrow::before{content:"";width:2rem;height:1px;background:linear-gradient(90deg,transparent,var(--brand-bright))}
.eyebrow--plain::before{display:none}
.h-display{font-size:var(--fs-5xl);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:var(--fw-xbold)}
.h1{font-size:var(--fs-4xl);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:var(--fw-xbold)}
.h2{font-size:var(--fs-3xl);line-height:1.1;letter-spacing:var(--ls-tight);font-weight:var(--fw-bold)}
.h3{font-size:var(--fs-2xl);line-height:var(--lh-snug);letter-spacing:var(--ls-snug)}
.h4{font-size:var(--fs-xl);line-height:var(--lh-title)}
.lead{font-size:var(--fs-lg);line-height:1.65;color:var(--text-muted);max-width:40rem}
.muted{color:var(--text-muted)}
.mono{font-family:var(--font-mono)}
.grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.grad-brand-text{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.link{color:var(--brand-text);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s var(--ease-out),color .2s}
.link:hover{background-size:100% 1px;color:#fff}

/* ---------- BOTÕES ---------- */
.btn{
  --pad-y:.95rem;--pad-x:1.6rem;
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;
  padding:var(--pad-y) var(--pad-x);border-radius:var(--r-pill);
  font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.005em;line-height:1;white-space:nowrap;
  border:1px solid transparent;cursor:pointer;isolation:isolate;overflow:hidden;
  transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background-color var(--dur-base),border-color var(--dur-base),color var(--dur-base);
}
.btn svg{width:1em;height:1em;flex:none;transition:transform var(--dur-base) var(--ease-out)}
.btn:hover svg{transform:translateX(4px)}
.btn--primary{background:var(--brand);color:var(--text-on-brand);box-shadow:var(--shadow-brand)}
.btn--primary::before{ /* brilho que varre o botão */
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);
  transform:translateX(-120%);transition:transform .9s var(--ease-out);
}
.btn--primary:hover{background:var(--brand-hover);box-shadow:0 14px 40px -10px rgba(37,99,235,.85),inset 0 1px 0 rgba(255,255,255,.25)}
.btn--primary:hover::before{transform:translateX(120%)}
.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border-hover);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn--ghost:hover{background:var(--surface-strong);border-color:rgba(255,255,255,.34)}
.btn--light{background:#fff;color:var(--navy-900)}
.btn--light:hover{background:var(--blue-100)}
.btn--lg{--pad-y:1.15rem;--pad-x:2rem;font-size:var(--fs-base)}
.btn--sm{--pad-y:.65rem;--pad-x:1.15rem;font-size:var(--fs-xs)}
.btn--block{width:100%}
.btn[disabled]{opacity:.6;cursor:progress;pointer-events:none}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center}
.arrow-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:var(--fw-semibold);font-size:var(--fs-sm);color:var(--brand-text);transition:color .2s,gap .3s var(--ease-out)}
.arrow-link svg{width:1.05em;height:1.05em;transition:transform .3s var(--ease-out)}
.arrow-link:hover{color:#fff}
.arrow-link:hover svg{transform:translateX(5px)}

/* ---------- CHIPS / BADGES ---------- */
.chip{
  display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:var(--r-pill);
  background:var(--surface);border:1px solid var(--border);color:var(--text-muted);
  font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.1em;text-transform:uppercase;
}
.chip--brand{background:var(--brand-soft);border-color:var(--brand-line);color:var(--blue-200)}
.dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--green-500);box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:ping 2.4s var(--ease-out) infinite}
.dot--blue{background:var(--brand-bright);box-shadow:0 0 0 0 var(--brand-glow)}

/* ---------- CARDS ---------- */
.card{
  --mx:50%;--my:0%;
  position:relative;isolation:isolate;display:flex;flex-direction:column;
  padding:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);border-radius:var(--r-lg);
  background:var(--grad-surface),var(--bg-raised);border:1px solid var(--border);box-shadow:var(--shadow-inset);
  transition:transform var(--dur-slow) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-slow) var(--ease-out);
}
.card::before{ /* halo que segue o cursor */
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;
  background:radial-gradient(520px circle at var(--mx) var(--my),rgba(95,149,250,.16),transparent 45%);
  transition:opacity var(--dur-base);
}
.card::after{ /* borda luminosa que segue o cursor */
  content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:1px;opacity:0;pointer-events:none;
  background:radial-gradient(360px circle at var(--mx) var(--my),rgba(147,184,255,.9),transparent 55%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  transition:opacity var(--dur-base);
}
.card:hover{border-color:transparent;transform:translateY(-4px);box-shadow:var(--shadow-3)}
.card:hover::before,.card:hover::after{opacity:1}
.card--flat:hover{transform:none}
.card__icon{
  width:3rem;height:3rem;border-radius:var(--r-md);display:grid;place-items:center;margin-bottom:var(--sp-6);
  background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--blue-200);
  transition:transform var(--dur-slow) var(--ease-spring),background .3s;
}
.card__icon svg{width:1.4rem;height:1.4rem}
.card:hover .card__icon{transform:translateY(-3px) rotate(-6deg);background:rgba(37,99,235,.28)}
.card__num{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;color:var(--brand-text);margin-bottom:var(--sp-5)}
.card h3{font-size:var(--fs-xl);margin-bottom:var(--sp-3)}
.card p{color:var(--text-muted);font-size:var(--fs-sm);line-height:1.65}
.card .arrow-link{margin-top:auto;padding-top:var(--sp-6)}

/* ---------- HEADER ---------- */
.header{position:fixed;inset:0 0 auto 0;z-index:var(--z-header);padding-top:var(--sp-4);transition:padding .4s var(--ease-out)}
.header__bar{
  max-width:var(--container);margin-inline:auto;margin-inline:max(var(--gutter),calc((100vw - var(--container))/2));
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-6);
  height:var(--header-h);padding-inline:var(--sp-6);border-radius:var(--r-pill);
  border:1px solid var(--border);background:var(--glass);box-shadow:var(--shadow-2);
  backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);
  transition:background .4s,border-color .4s,box-shadow .4s,backdrop-filter .4s,height .4s var(--ease-out),margin .4s var(--ease-out);
}
.header.is-scrolled .header__bar{
  background:var(--glass);border-color:var(--border);box-shadow:var(--shadow-2);
  backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);height:3.75rem;
}
.header__logo{display:flex;align-items:center;flex:none;justify-self:start}
.header__logo img{height:1.7rem;width:auto;transition:transform .4s var(--ease-out)}
.header__logo:hover img{transform:scale(1.03)}
.nav{display:flex;align-items:center;gap:var(--sp-1)}
.nav__link{
  position:relative;display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .95rem;border-radius:var(--r-pill);
  font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);letter-spacing:.01em;transition:color .2s,background .2s;
}
.nav__link:hover,.nav__link[aria-current="page"],.nav__item:hover>.nav__link{color:#fff;background:var(--surface)}
.nav__link[aria-current="page"]{color:#fff;background:transparent}
.nav__link[aria-current="page"]::after{content:"";position:absolute;left:.95rem;right:.95rem;bottom:.3rem;height:1.5px;border-radius:2px;background:var(--brand-bright);box-shadow:0 0 10px var(--brand-glow)}
.nav__link .chev{width:.8em;height:.8em;transition:transform .3s var(--ease-out)}
.nav__item{position:relative}
.nav__item:hover .chev,.nav__item:focus-within .chev{transform:rotate(180deg)}
.dropdown{
  position:absolute;top:calc(100% + .6rem);left:50%;width:max-content;min-width:20rem;max-width:calc(100vw - 2rem);transform:translate(-50%,8px);opacity:0;visibility:hidden;
  padding:.5rem;border-radius:var(--r-lg);background:#0C1226;border:1px solid var(--border-hover);box-shadow:var(--shadow-3),0 0 0 1px rgba(0,0,0,.4);
  transition:opacity .25s,transform .35s var(--ease-out),visibility .25s;
}
.nav__item::after{content:"";position:absolute;left:0;right:0;top:100%;height:.75rem} /* ponte de hover */
.nav__item:hover .dropdown,.nav__item:focus-within .dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dropdown a{display:flex;align-items:center;gap:.8rem;white-space:nowrap;padding:.7rem .85rem;border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--text-muted);transition:background .2s,color .2s,transform .3s var(--ease-out)}
.dropdown a:hover{background:var(--surface-strong);color:#fff;transform:translateX(3px)}
.dropdown a span{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--brand-text);letter-spacing:.08em}
.header__cta{display:flex;align-items:center;gap:var(--sp-3);justify-self:end}
.menu-toggle{display:none;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--border-hover);background:var(--surface);flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-toggle span{display:block;width:1.15rem;height:1.5px;background:#fff;border-radius:2px;transition:transform .35s var(--ease-out),opacity .2s}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

.drawer{
  position:fixed;inset:0;z-index:calc(var(--z-header) - 1);display:flex;flex-direction:column;justify-content:center;gap:var(--sp-2);
  padding:calc(var(--header-h) + 3rem) var(--gutter) var(--sp-10);background:rgba(7,11,22,.96);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s;overflow-y:auto;
}
.drawer.is-open{opacity:1;visibility:visible}
.drawer a{font-family:var(--font-heading);font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);font-weight:700;color:var(--text);padding:.45rem 0;letter-spacing:-.02em;transform:translateY(16px);opacity:0;transition:transform .6s var(--ease-out),opacity .6s,color .2s}
.drawer.is-open a{transform:none;opacity:1}
.drawer.is-open a:nth-child(2){transition-delay:.05s}.drawer.is-open a:nth-child(3){transition-delay:.1s}.drawer.is-open a:nth-child(4){transition-delay:.15s}.drawer.is-open a:nth-child(5){transition-delay:.2s}.drawer.is-open a:nth-child(6){transition-delay:.25s}
.drawer a:hover{color:var(--brand-text)}
.drawer .drawer__sub{font-family:var(--font-body);font-size:var(--fs-base);font-weight:500;color:var(--text-muted);padding-left:1rem;border-left:1px solid var(--border)}
.drawer__meta{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--sp-4)}
.drawer__meta a{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);padding:0}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding-block:calc(var(--header-h) + 4rem) 5rem;overflow:clip;isolation:isolate}
.hero__grid>*{min-width:0}
.hero__grid{display:grid;gap:clamp(2rem,1rem + 4vw,5rem);align-items:center}
.hero__title{font-size:var(--fs-5xl);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:var(--fw-xbold);margin-bottom:var(--sp-6)}
.hero__sub{font-size:var(--fs-lg);line-height:1.6;color:var(--text-muted);max-width:34rem;margin-bottom:var(--sp-8)}
.hero__metrics{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(1.25rem,1rem + 2vw,3rem);margin-top:clamp(2.5rem,2rem + 2vw,4rem);padding-top:var(--sp-6);border-top:1px solid var(--border)}
.metric__num{font-family:var(--font-heading);font-size:clamp(1.75rem,1.4rem + 1.4vw,2.6rem);font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1}
.metric__num small{font-size:.55em;color:var(--brand-text);margin-left:.1em;font-weight:700}
.metric__label{margin-top:.5rem;font-size:var(--fs-xs);color:var(--text-subtle);line-height:1.4;max-width:11rem}
.scroll-cue{position:absolute;left:50%;bottom:1.75rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-subtle)}
.scroll-cue i{display:block;width:1px;height:2.6rem;background:linear-gradient(var(--brand-bright),transparent);transform-origin:top;animation:cue 2.2s var(--ease-in-out) infinite}

/* Visual orbital */
.orbit{position:relative;width:100%;max-width:34rem;aspect-ratio:1;margin-inline:auto}
.orbit svg{width:100%;height:100%;overflow:visible}
.orbit__ring{fill:none;stroke:rgba(147,184,255,.18);stroke-width:1}
.orbit__ring--dash{stroke-dasharray:3 9;stroke:rgba(147,184,255,.3)}
.orbit__spin{transform-origin:260px 260px;animation:spin 70s linear infinite}
.orbit__spin--rev{animation-direction:reverse;animation-duration:110s}
.orbit__node{transform-box:fill-box;transform-origin:center;animation:spin-rev 70s linear infinite}
.orbit__pill{fill:rgba(15,22,40,.82);stroke:rgba(147,184,255,.35);stroke-width:1}
.orbit__txt{font-family:var(--font-body);font-size:13px;font-weight:600;fill:#EAF0FF;letter-spacing:.01em}
.orbit__core-txt{font-family:var(--font-heading);font-weight:800;fill:#fff;letter-spacing:-.01em}
.orbit__sub{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.18em;fill:#BDD3FF;text-transform:uppercase}

/* ---------- MARQUEE ---------- */
.marquee-wrap{padding-block:clamp(2rem,1.5rem + 2vw,3.5rem);border-block:1px solid var(--border);background:rgba(255,255,255,.012)}
.marquee-label{text-align:center;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.2em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--sp-6)}
.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee__track{display:flex;flex:none;align-items:center;gap:clamp(2rem,1rem + 4vw,4.5rem);padding-right:clamp(2rem,1rem + 4vw,4.5rem);animation:marquee 38s linear infinite}
.marquee:hover .marquee__track{animation-play-state:paused}
.marquee__item{display:inline-flex;align-items:center;gap:clamp(2rem,1rem + 4vw,4.5rem);font-family:var(--font-heading);font-size:clamp(1.25rem,1rem + 1.2vw,2rem);font-weight:700;letter-spacing:-.02em;color:rgba(255,255,255,.42);white-space:nowrap;transition:color .3s}
.marquee__item::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 14px var(--brand-glow)}
.marquee__item:hover{color:#fff}

/* ---------- MANIFESTO ---------- */
.manifesto{padding-block:calc(var(--section-y)*1.1)}
.manifesto__text{font-family:var(--font-heading);font-size:var(--fs-4xl);font-weight:800;line-height:1.08;letter-spacing:var(--ls-tight);max-width:22ch}
.manifesto__text .w{display:inline-block;opacity:.16;transition:opacity .5s var(--ease-out)}
.manifesto__text .w.on{opacity:1}
.manifesto__cols{display:grid;gap:var(--sp-8);margin-top:clamp(2.5rem,2rem + 3vw,5rem)}
.manifesto__cols p{max-width:36rem}
.manifesto__tag{font-family:var(--font-heading);font-weight:800;font-size:var(--fs-2xl);letter-spacing:-.03em;line-height:1.15;color:#fff}
.manifesto__tag span{display:block}
.manifesto__tag span:last-child{color:var(--brand-text)}

/* ---------- BENTO ---------- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-5)}
.bento .card{grid-column:span 6;min-height:15rem}
.bento .card h3{font-size:var(--fs-xl)}
.bento__ghost{position:absolute;right:1.25rem;top:.5rem;font-family:var(--font-heading);font-weight:800;font-size:clamp(4.5rem,3rem + 6vw,8rem);line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.09);pointer-events:none;transition:-webkit-text-stroke-color .5s,transform .8s var(--ease-out)}
.card:hover .bento__ghost{-webkit-text-stroke-color:rgba(95,149,250,.5);transform:translateY(-6px)}
.bento-cta{grid-column:span 6;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-5);padding:clamp(1.5rem,1rem + 2vw,2.5rem);border-radius:var(--r-lg);border:1px dashed var(--border-brand);background:var(--brand-soft)}
.bento-cta strong{display:block;font-family:var(--font-heading);font-size:var(--fs-xl);color:#fff;margin-bottom:.25rem}

/* ---------- POR QUE ---------- */
.why{display:grid;gap:clamp(2rem,1rem + 4vw,5rem)}
.why__sticky{align-self:start}
.why__list{display:grid;gap:0}
.why__item{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-6);padding-block:clamp(1.5rem,1rem + 1.5vw,2.5rem);border-top:1px solid var(--border);transition:border-color .4s}
.why__item:last-child{border-bottom:1px solid var(--border)}
.why__item:hover{border-color:var(--border-brand)}
.why__n{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--brand-text);letter-spacing:.1em;padding-top:.35rem;min-width:2.5rem}
.why__item h3{font-size:var(--fs-xl);margin-bottom:.6rem;transition:color .3s}
.why__item:hover h3{color:var(--blue-200)}
.why__item p{color:var(--text-muted);max-width:34rem}

/* ---------- PROCESSO ---------- */
.process{position:relative}
.process__steps{display:grid;gap:var(--sp-4);counter-reset:step}
.step{position:relative;padding:var(--sp-6);border-radius:var(--r-lg);background:var(--grad-surface),var(--bg-raised);border:1px solid var(--border)}
.step__n{font-family:var(--font-heading);font-weight:800;font-size:clamp(3rem,2rem + 4vw,5.5rem);line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(147,184,255,.5);margin-bottom:var(--sp-4)}
.step h3{font-size:var(--fs-2xl);margin-bottom:var(--sp-3)}
.step p{color:var(--text-muted);max-width:30rem}
.process__rail{display:none}
/* modo "pinado" (ativado via JS em desktop) */
.process.is-pinned{padding-block:0}
.process.is-pinned .process__stage{position:relative;height:100vh;display:grid;align-items:center;overflow:hidden;padding-top:calc(var(--header-h) + 1rem)}
.process.is-pinned .process__layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,1rem + 5vw,6rem);align-items:center}
.process.is-pinned .process__steps{position:relative;display:block;min-height:22rem}
.process.is-pinned .step{position:absolute;inset:0 auto auto 0;width:100%;background:none;border:0;padding:0;opacity:0;visibility:hidden}
.process.is-pinned .step__n{font-size:clamp(6rem,4rem + 9vw,13rem);-webkit-text-stroke:1.5px rgba(147,184,255,.55)}
.process.is-pinned .step h3{font-size:var(--fs-3xl)}
.process.is-pinned .step p{font-size:var(--fs-lg)}
.process.is-pinned .process__rail{display:block}
.rail{position:relative;display:grid;gap:0}
.rail__item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--sp-5);padding:1.1rem 0;border-bottom:1px solid var(--border);color:var(--text-subtle);transition:color .4s}
.rail__dot{width:.85rem;height:.85rem;border-radius:50%;border:1.5px solid var(--ink-500);transition:all .5s var(--ease-out)}
.rail__label{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-xl);letter-spacing:-.02em}
.rail__item small{display:block;font-family:var(--font-body);font-weight:400;font-size:var(--fs-xs);color:var(--text-subtle);margin-top:.15rem;letter-spacing:0}
.rail__item.is-active{color:#fff}
.rail__item.is-active .rail__dot{background:var(--brand-bright);border-color:var(--brand-bright);box-shadow:0 0 0 6px var(--brand-soft),0 0 22px var(--brand-glow);transform:scale(1.15)}
.rail__item.is-done .rail__dot{background:var(--brand);border-color:var(--brand)}
.rail__bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--grad-brand);transform:scaleX(0);transform-origin:left;box-shadow:0 0 16px var(--brand-glow)}

/* ---------- PÚBLICO ---------- */
.audience{display:grid;gap:var(--sp-5)}
.audience .card{min-height:12rem}

/* ---------- NÚMEROS ---------- */
.stats{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;background:var(--border)}
.stat{position:relative;padding:clamp(1.5rem,1rem + 2vw,2.75rem);background:linear-gradient(180deg,#0e1427,#0a0f1d)}
.stat__num{font-family:var(--font-heading);font-size:var(--fs-stat);font-weight:800;letter-spacing:-.045em;line-height:1;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.stat__num em{font-style:normal;color:var(--brand-text)}
.stat__num small{font-size:.38em;letter-spacing:-.01em;margin-left:.2em;color:var(--brand-text);font-weight:700}
.stat__title{margin-top:var(--sp-4);font-weight:var(--fw-semibold);color:#fff;font-size:var(--fs-base);line-height:1.35}
.stat__desc{margin-top:.4rem;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.55}

/* ---------- INSIGHTS ---------- */
.posts{display:grid;gap:var(--sp-5)}
.post{min-height:100%}
.post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:var(--sp-5)}
.post h3{font-size:var(--fs-xl);line-height:1.25;margin-bottom:var(--sp-3)}
.post p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.post__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:var(--sp-6)}
.post__foot .arrow-link{margin:0;padding:0}

/* ---------- CTA FINAL / CONTATO ---------- */
.cta{position:relative;overflow:clip;isolation:isolate}
.cta__grid{display:grid;gap:clamp(2rem,1rem + 4vw,5rem);align-items:start}
.contact-lines{display:grid;gap:var(--sp-3);margin-top:var(--sp-8)}
.contact-line{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);transition:background .3s,border-color .3s,transform .4s var(--ease-out)}
.contact-line:hover{background:var(--surface-hover);border-color:var(--border-brand);transform:translateX(4px)}
.contact-line__icon{width:2.5rem;height:2.5rem;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--blue-200)}
.contact-line__icon svg{width:1.15rem;height:1.15rem}
.contact-line small{display:block;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle)}
.contact-line span{color:#fff;font-weight:var(--fw-medium);font-size:var(--fs-sm);word-break:break-word}

/* ---------- FORMULÁRIO ---------- */
.form-card{position:relative;padding:clamp(1.5rem,1rem + 2vw,2.75rem);border-radius:var(--r-xl);background:var(--glass);border:1px solid var(--border-hover);box-shadow:var(--shadow-3),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.form-card h2,.form-card h3{margin-bottom:var(--sp-2)}
.form{display:grid;gap:var(--sp-5);margin-top:var(--sp-6)}
.form__row{display:grid;gap:var(--sp-5)}
.field{position:relative;display:grid;gap:.5rem}
.field label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;color:var(--text-muted)}
.field label .req{color:var(--brand-bright)}
.input,.select,.textarea{
  width:100%;padding:.95rem 1.1rem;border-radius:var(--r-md);background:rgba(255,255,255,.04);border:1px solid var(--border-hover);
  color:#fff;font-size:var(--fs-sm);line-height:1.4;transition:border-color .25s,background .25s,box-shadow .25s;-webkit-appearance:none;appearance:none;
}
.input::placeholder,.textarea::placeholder{color:var(--ink-500)}
.input:hover,.select:hover,.textarea:hover{border-color:rgba(255,255,255,.3)}
.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--brand-bright);background:rgba(37,99,235,.07);box-shadow:0 0 0 4px rgba(37,99,235,.2)}
.textarea{min-height:8.5rem;resize:vertical}
.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%237B859F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.6rem}
.select option{background:var(--navy-850);color:#fff}
.field.has-error .input,.field.has-error .select,.field.has-error .textarea{border-color:var(--red-400);box-shadow:0 0 0 4px rgba(248,113,113,.14)}
.field__err{display:none;font-size:var(--fs-xs);color:var(--red-400)}
.field.has-error .field__err{display:block}
.check{display:flex;gap:.75rem;align-items:flex-start;font-size:var(--fs-xs);color:var(--text-subtle);line-height:1.55}
.check input{flex:none;width:1.15rem;height:1.15rem;margin-top:.1rem;accent-color:var(--brand)}
.check a{color:var(--brand-text);text-decoration:underline;text-underline-offset:3px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;overflow:hidden}
.form__note{font-size:var(--fs-xs);color:var(--text-subtle);display:flex;align-items:center;gap:.5rem}
.form__note svg,.chip svg{width:1em;height:1em;flex:none}
.form__note svg{width:1.05rem;height:1.05rem;color:var(--brand-text)}
.form__status{display:none;padding:1rem 1.15rem;border-radius:var(--r-md);font-size:var(--fs-sm)}
.form__status.is-error{display:block;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.35);color:#fecaca}
.form-success{display:none;text-align:center;padding:clamp(1.5rem,1rem + 3vw,3.5rem) 1rem}
.form-success.is-show{display:block;animation:rise .8s var(--ease-out)}
.form-success__ok{width:4rem;height:4rem;margin:0 auto var(--sp-6);border-radius:50%;display:grid;place-items:center;background:rgba(37,211,102,.14);border:1px solid rgba(37,211,102,.4);color:var(--green-500)}
.form-success__ok svg{width:1.75rem;height:1.75rem}
.form-success p{color:var(--text-muted);max-width:26rem;margin:var(--sp-3) auto 0}

/* ---------- ACORDEÃO / FAQ ---------- */
.accordion{display:grid;gap:var(--sp-3)}
.acc{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);overflow:hidden;transition:border-color .3s,background .3s}
.acc[open]{border-color:var(--border-brand);background:var(--grad-surface),var(--bg-raised)}
.acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);font-family:var(--font-heading);font-weight:700;font-size:var(--fs-lg);color:#fff;letter-spacing:-.01em}
.acc summary::-webkit-details-marker{display:none}
.acc summary i{position:relative;flex:none;width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid var(--border-hover);transition:transform .45s var(--ease-out),background .3s}
.acc summary i::before,.acc summary i::after{content:"";position:absolute;left:50%;top:50%;width:.7rem;height:1.5px;background:#fff;transform:translate(-50%,-50%)}
.acc summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .45s var(--ease-out)}
.acc[open] summary i{background:var(--brand);border-color:var(--brand);transform:rotate(180deg)}
.acc[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.acc__body{padding:0 var(--sp-6) var(--sp-6);color:var(--text-muted);max-width:46rem}

/* ---------- PÁGINAS INTERNAS ---------- */
.page-hero{position:relative;padding-block:calc(var(--header-h) + clamp(3rem,2rem + 5vw,7rem)) clamp(3rem,2rem + 4vw,6rem);overflow:clip;isolation:isolate}
.page-hero .h1{max-width:20ch}
.page-hero .lead{margin-top:var(--sp-6)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--sp-8)}
.crumbs a{color:var(--text-muted);transition:color .2s}
.crumbs a:hover{color:#fff}
.crumbs i{opacity:.4;font-style:normal}

.split{display:grid;gap:clamp(2rem,1rem + 4vw,5rem);align-items:start}
.checklist{display:grid;gap:var(--sp-3)}
.checklist li{position:relative;padding:var(--sp-4) var(--sp-5) var(--sp-4) 3.25rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);color:var(--text-body);font-size:var(--fs-sm);line-height:1.55;transition:border-color .3s,background .3s,transform .4s var(--ease-out)}
.checklist li::before{content:"";position:absolute;left:1.15rem;top:1.25rem;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393B8FF' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/70% no-repeat;border:1px solid var(--brand-line)}
.checklist li:hover{border-color:var(--border-brand);background:var(--surface-hover);transform:translateX(4px)}
.outcomes{display:grid;gap:0}
.outcome{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-6);padding-block:var(--sp-5);border-top:1px solid var(--border)}
.outcome:last-child{border-bottom:1px solid var(--border)}
.outcome b{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(147,184,255,.6);min-width:3rem}
.outcome span{color:var(--text-body);font-size:var(--fs-base);line-height:1.6;align-self:center}
.engage{display:grid;gap:var(--sp-5)}
.engage .card{min-height:15rem}
.engage__time{display:inline-flex;align-self:flex-start;margin-bottom:var(--sp-5)}
.engage__kind{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--sp-3)}
.fit{display:grid;gap:var(--sp-4)}
.fit li{display:flex;gap:var(--sp-4);align-items:flex-start;padding:var(--sp-5);border-radius:var(--r-lg);background:var(--grad-surface),var(--bg-raised);border:1px solid var(--border);color:var(--text);font-weight:var(--fw-medium);line-height:1.5}
.fit li svg{flex:none;width:1.3rem;height:1.3rem;margin-top:.15rem;color:var(--brand-bright)}
.approach{display:grid;gap:var(--sp-5)}
.approach ol{display:grid;gap:.5rem;margin-top:var(--sp-5)}
.approach li{display:flex;gap:var(--sp-4);align-items:baseline;padding:.65rem 0;border-top:1px solid var(--border);font-size:var(--fs-sm);color:var(--text-body)}
.approach li b{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--brand-text);letter-spacing:.1em;font-weight:500}
.pager{display:grid;gap:var(--sp-4)}
.pager a{display:flex;flex-direction:column;gap:.35rem;padding:var(--sp-6);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);transition:border-color .3s,background .3s,transform .4s var(--ease-out)}
.pager a:hover{border-color:var(--border-brand);background:var(--surface-hover);transform:translateY(-3px)}
.pager small{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle)}
.pager strong{font-family:var(--font-heading);font-size:var(--fs-lg);color:#fff;letter-spacing:-.01em}
.pager .next{text-align:right}

/* Sobre */
.founder{position:relative;max-width:30rem;width:100%;margin-inline:auto}
.founder__frame{position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:1;border:1px solid var(--border-hover);box-shadow:var(--shadow-3)}
.founder__frame img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(1.08);filter:saturate(.9) contrast(1.04)}
.founder__frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(11,16,32,.7)),radial-gradient(80% 60% at 20% 0%,rgba(37,99,235,.28),transparent 70%)}
.founder__tag{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.1rem;border-radius:var(--r-md);background:var(--glass);border:1px solid var(--border-hover);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:var(--fs-xs);color:var(--text-muted)}
.founder__tag strong{display:block;color:#fff;font-family:var(--font-heading);font-size:var(--fs-sm)}
.founder__halo{position:absolute;inset:-12% -12% auto auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--brand-glow),transparent 65%);filter:blur(30px);z-index:-1}
.prose-flow p{margin-bottom:var(--sp-5);font-size:var(--fs-base)}
.prose-flow p:last-child{margin-bottom:0}
.certs{display:grid;gap:var(--sp-5)}
.cert h3{font-size:var(--fs-lg);margin-bottom:var(--sp-3)}
.cert p{font-size:var(--fs-sm)}

/* Artigo */
.prose{max-width:var(--container-text);margin-inline:auto}
.prose h2{font-size:var(--fs-2xl);margin:clamp(2.5rem,2rem + 2vw,4rem) 0 var(--sp-5);letter-spacing:-.025em}
.prose p{font-size:var(--fs-base);line-height:var(--lh-long);margin-bottom:var(--sp-5);color:rgba(226,232,246,.86)}
.prose .lede{font-size:var(--fs-lg);line-height:1.7;color:var(--text);font-weight:var(--fw-medium)}
.prose ol.steps{counter-reset:s;display:grid;gap:var(--sp-4);margin:var(--sp-6) 0}
.prose ol.steps li{counter-increment:s;position:relative;padding:var(--sp-5) var(--sp-6) var(--sp-5) 4.25rem;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);line-height:1.7}
.prose ol.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:1.35rem;top:1.2rem;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--brand-text);letter-spacing:.08em}
.prose ol.steps strong{color:#fff}
.article-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:var(--sp-6)}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid var(--border)}
.share span{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--text-subtle);margin-right:var(--sp-2)}
.share a,.share button{padding:.5rem 1rem;border-radius:var(--r-pill);border:1px solid var(--border-hover);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted);transition:all .25s}
.share a:hover,.share button:hover{background:var(--surface-strong);color:#fff;border-color:rgba(255,255,255,.32)}
.related{margin-top:var(--sp-12);padding:clamp(1.5rem,1rem + 2vw,2.5rem);border-radius:var(--r-xl);border:1px solid var(--border-brand);background:var(--grad-brand-soft)}
.related h3{margin-bottom:var(--sp-3)}
.related p{margin-bottom:var(--sp-6)!important;color:var(--text-muted)!important}
.legal h2{font-size:var(--fs-xl);margin:var(--sp-10) 0 var(--sp-4)}
.legal ul{list-style:disc;padding-left:1.4rem;display:grid;gap:.5rem;margin-bottom:var(--sp-5);color:rgba(226,232,246,.86)}
.legal ul li::marker{color:var(--brand-bright)}

/* Lista de serviços (página /services) */
.svc-list{border-top:1px solid var(--border)}
.svc-row{position:relative;display:grid;grid-template-columns:auto 1fr;gap:var(--sp-5) var(--sp-6);align-items:center;padding:clamp(1.5rem,1rem + 1.6vw,2.5rem) 0;border-bottom:1px solid var(--border);isolation:isolate;transition:padding .5s var(--ease-out)}
.svc-row::before{content:"";position:absolute;inset:0 calc(var(--gutter)*-1);z-index:-1;background:linear-gradient(90deg,rgba(37,99,235,.14),transparent 70%);opacity:0;transform:scaleX(.96);transform-origin:left;transition:opacity .5s,transform .7s var(--ease-out)}
.svc-row:hover::before{opacity:1;transform:none}
.svc-row:hover{padding-left:var(--sp-4)}
.svc-row__n{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--brand-text);letter-spacing:.1em}
.svc-row__t{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-2xl);letter-spacing:-.03em;color:#fff;line-height:1.15}
.svc-row__d{grid-column:2;color:var(--text-muted);max-width:36rem;font-size:var(--fs-sm)}
.svc-row__go{display:none;width:3.25rem;height:3.25rem;border-radius:50%;border:1px solid var(--border-hover);place-items:center;color:#fff;transition:background .3s,transform .5s var(--ease-out),border-color .3s}
.svc-row__go svg{width:1.2rem;height:1.2rem;transition:transform .4s var(--ease-out)}
.svc-row:hover .svc-row__go{background:var(--brand);border-color:var(--brand);transform:rotate(-45deg)}

/* CTA em caixa */
.cta-box{position:relative;overflow:hidden;isolation:isolate;text-align:center;padding:clamp(2.5rem,1.5rem + 5vw,6rem) var(--gutter);border-radius:var(--r-xl);background:linear-gradient(160deg,rgba(37,99,235,.2),rgba(106,77,244,.1) 60%,rgba(11,16,32,.2)),var(--bg-raised);border:1px solid var(--border-brand)}
.cta-box .h2{max-width:20ch;margin-inline:auto}
.cta-box p{margin:var(--sp-5) auto var(--sp-8);max-width:34rem;color:var(--text-muted);font-size:var(--fs-lg)}
.cta-box .btn-row{justify-content:center}

/* ---------- FOOTER ---------- */
.footer{position:relative;overflow:clip;border-top:1px solid var(--border);background:var(--bg-deep);padding-top:clamp(3.5rem,3rem + 3vw,6rem)}
.footer__grid{display:grid;gap:var(--sp-10);padding-bottom:var(--sp-12)}
.footer__brand img{height:1.9rem;width:auto;margin-bottom:var(--sp-5)}
.footer__brand p{max-width:22rem;color:var(--text-muted);font-size:var(--fs-sm)}
.footer h4{font-family:var(--font-mono);font-size:var(--fs-2xs);font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:var(--sp-5)}
.footer ul{display:grid;gap:.7rem}
.footer ul a{font-size:var(--fs-sm);color:var(--text-muted);transition:color .2s,padding .3s var(--ease-out)}
.footer ul a:hover{color:#fff;padding-left:.35rem}
.footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-block:var(--sp-6);border-top:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-subtle)}
.footer__bottom nav{display:flex;gap:var(--sp-6)}
.footer__bottom a:hover{color:#fff}
.footer__word{pointer-events:none;user-select:none;text-align:center;font-family:var(--font-heading);font-weight:800;font-size:clamp(3.5rem,2rem + 12vw,15rem);line-height:.82;letter-spacing:-.06em;white-space:nowrap;
  background:linear-gradient(180deg,rgba(147,184,255,.22),rgba(147,184,255,0) 82%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:-.12em}

/* ---------- FLUTUANTES ---------- */
.wa{position:fixed;right:clamp(1rem,.5rem + 1.5vw,2rem);bottom:clamp(1rem,.5rem + 1.5vw,2rem);z-index:var(--z-float);width:3.6rem;height:3.6rem;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#2fe178,#1faa54);box-shadow:0 10px 30px -6px rgba(37,211,102,.55),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .4s var(--ease-spring),box-shadow .3s}
.wa svg{width:1.8rem;height:1.8rem}
.wa::before{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(37,211,102,.7);animation:ring 2.8s var(--ease-out) infinite}
.wa:hover{transform:scale(1.1) rotate(-6deg)}
.menu-open .wa{opacity:0;pointer-events:none;transform:scale(.6)}
.wa{transition:transform .4s var(--ease-spring),box-shadow .3s,opacity .3s}
.wa__tip{position:absolute;right:calc(100% + .75rem);top:50%;transform:translate(8px,-50%);padding:.55rem .9rem;border-radius:var(--r-md);background:var(--glass-strong);border:1px solid var(--border-hover);font-size:var(--fs-xs);font-weight:600;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s,transform .35s var(--ease-out);backdrop-filter:blur(10px)}
.wa:hover .wa__tip{opacity:1;transform:translate(0,-50%)}
.progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:var(--z-progress);background:transparent;pointer-events:none}
.progress i{display:block;height:100%;transform:scaleX(0);transform-origin:left;background:var(--grad-brand);box-shadow:0 0 12px var(--brand-glow)}
.toast{position:fixed;left:50%;bottom:2rem;z-index:var(--z-toast);transform:translate(-50%,20px);opacity:0;padding:.8rem 1.3rem;border-radius:var(--r-pill);background:var(--glass-strong);border:1px solid var(--border-hover);color:#fff;font-size:var(--fs-sm);backdrop-filter:blur(14px);transition:opacity .3s,transform .5s var(--ease-out);pointer-events:none}
.toast.is-show{opacity:1;transform:translate(-50%,0)}

/* Cookies */
.cookie{position:fixed;left:50%;bottom:1.25rem;z-index:var(--z-modal);width:min(44rem,calc(100% - 2rem));transform:translate(-50%,calc(100% + 2rem));padding:var(--sp-5) var(--sp-6);border-radius:var(--r-lg);background:var(--glass-strong);border:1px solid var(--border-hover);box-shadow:var(--shadow-3);backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);display:grid;gap:var(--sp-4);transition:transform .8s var(--ease-out)}
.cookie.is-show{transform:translate(-50%,0)}
.cookie h4{font-size:var(--fs-sm);color:#fff;margin-bottom:.3rem;font-family:var(--font-heading)}
.cookie p{font-size:var(--fs-xs);line-height:1.6;color:var(--text-muted)}
.cookie p a{color:var(--brand-text);text-decoration:underline;text-underline-offset:3px}
.cookie__btns{display:flex;gap:var(--sp-3);flex-wrap:wrap}

/* ---------- RESPONSIVO (mobile-first → cima) ---------- */
@media (min-width:480px){
  .form__row{grid-template-columns:1fr 1fr}
}
@media (min-width:768px){
  .audience,.certs,.posts,.engage{grid-template-columns:repeat(2,1fr)}
  .posts--2{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats .stat:last-child:nth-child(odd){grid-column:1/-1}
  .manifesto__cols{grid-template-columns:1.2fr 1fr;align-items:end}
  .footer__grid{grid-template-columns:1.4fr 1fr 1.3fr 1.1fr}
  .svc-row{grid-template-columns:4rem 1fr auto}
  .svc-row__d{grid-column:2}
  .svc-row__go{display:grid;grid-column:3;grid-row:1/span 2}
  .pager{grid-template-columns:1fr 1fr}
  .bento .card{grid-column:span 3}
  .bento .card.is-sm{grid-column:span 2}
  .approach{grid-template-columns:repeat(3,1fr)}
  .cookie{grid-template-columns:1fr auto;align-items:center}
}
@media (min-width:1024px){
  .hero__grid{grid-template-columns:1.15fr .85fr}
  .why{grid-template-columns:5fr 7fr}
  .why__sticky{position:sticky;top:7rem}
  .split{grid-template-columns:5fr 7fr}
  .split--even{grid-template-columns:1fr 1fr}
  .cta__grid{grid-template-columns:1fr 1.05fr}
  .audience{grid-template-columns:repeat(3,1fr)}
  .certs{grid-template-columns:repeat(2,1fr)}
  .posts{grid-template-columns:repeat(3,1fr)}
  .posts--2{grid-template-columns:repeat(2,1fr)}
  .engage{grid-template-columns:repeat(3,1fr)}
  .stats{grid-template-columns:repeat(6,minmax(0,1fr))}
  .stats .stat{grid-column:span 2}
  .stats .stat:nth-child(n+4){grid-column:span 3}
  .stats .stat:last-child:nth-child(odd){grid-column:span 3}
  .fit{grid-template-columns:repeat(2,1fr)}
  .pager .next{grid-column:2}
}
@media (max-width:1023px){
  .header__bar{display:flex;justify-content:space-between}
  .nav,.header__cta .btn{display:none}
  .menu-toggle{display:flex}
  .hero{min-height:auto;padding-bottom:6rem}
  .hero__visual{max-width:22rem;margin-inline:auto}
  .scroll-cue{display:none}
}
@media (max-width:767px){
  .hero__metrics{grid-template-columns:repeat(3,1fr);gap:1rem}
  .metric__label{font-size:.7rem}
  .header__bar{padding-inline:var(--sp-4);margin-inline:var(--sp-4)}
  .bento .card.is-sm{grid-column:span 6}
}
@media print{
  .header,.wa,.cookie,.progress,.scroll-cue,.cursor-glow,.hero__canvas{display:none!important}
  body{background:#fff;color:#000}
}

/* ---------- ESPECIALIDADES (formato Lumière: título · resumo · 4 itens · Conhecer) ---------- */
.spec-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5)}
.spec{min-height:100%}
.spec h3{font-size:var(--fs-xl);margin-bottom:var(--sp-3)}
.spec>p{font-size:var(--fs-sm)}
.spec__list{display:grid;gap:.55rem;margin:var(--sp-5) 0 0;padding-top:var(--sp-5);border-top:1px solid var(--border)}
.spec__list li{position:relative;padding-left:1.35rem;font-size:var(--fs-sm);color:var(--text-body);line-height:1.45}
.spec__list li::before{content:"";position:absolute;left:0;top:.5em;width:.5rem;height:.5rem;border-radius:2px;background:var(--brand-bright);box-shadow:0 0 10px var(--brand-glow);transform:rotate(45deg) scale(.8)}
.spec .arrow-link{margin-top:auto;padding-top:var(--sp-6)}
.back{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:var(--sp-8);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-muted);transition:color .2s,gap .3s var(--ease-out)}
.back svg{width:1em;height:1em;transform:rotate(180deg)}
.back:hover{color:#fff;gap:.9rem}
@media (min-width:768px){.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){
  .spec-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  .spec-grid .spec{grid-column:span 3}
  .spec-grid .spec:nth-child(n+5){grid-column:span 4}
}

/* ---------- FAIXA DE NÚMEROS (destaque sob o hero) ---------- */
.metrics-band{position:relative;isolation:isolate;overflow:clip;padding-block:clamp(3.5rem,2.5rem + 4vw,6.5rem);border-top:1px solid var(--border);
  background:radial-gradient(60% 120% at 0% 0%,rgba(106,77,244,.16),transparent 60%),radial-gradient(50% 120% at 100% 100%,rgba(37,99,235,.14),transparent 60%),var(--bg-deep)}
.metrics-band::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:var(--grad-hairline)}
.metrics-band__grid{display:grid;gap:clamp(2.5rem,2rem + 2vw,4rem) var(--sp-8);text-align:center}
.mb{display:flex;flex-direction:column;align-items:center}
.mb__icon{width:4rem;height:4rem;border-radius:var(--r-lg);display:grid;place-items:center;margin-bottom:var(--sp-6);color:var(--blue-200);
  background:linear-gradient(145deg,rgba(95,149,250,.2),rgba(106,77,244,.14));border:1px solid var(--brand-line);box-shadow:0 12px 30px -12px var(--brand-glow),inset 0 1px 0 rgba(255,255,255,.1)}
.mb__icon svg{width:1.6rem;height:1.6rem}
.mb__num{font-family:var(--font-heading);font-weight:800;font-size:clamp(3rem,2rem + 4.5vw,5.25rem);line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;white-space:nowrap;
  background:linear-gradient(180deg,#fff 0%,#B9CCFF 55%,#9D8BFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.mb__num small{font-size:.38em;margin-left:.2em;letter-spacing:-.01em}
.mb__label{margin-top:var(--sp-4);max-width:15rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;line-height:1.7;color:var(--text-subtle)}
@media (min-width:768px){.metrics-band__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- TEMPLATES PARA DOWNLOAD ---------- */
.tpl-grid{display:grid;gap:var(--sp-5)}
.tpl{padding:clamp(1.25rem,1rem + 1vw,1.75rem)}
.tpl__thumb{display:block;margin-bottom:var(--sp-5);border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border-hover);background:#fff;box-shadow:var(--shadow-2);transition:transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow)}
.tpl__thumb:hover{transform:translateY(-3px);box-shadow:var(--shadow-3)}
.tpl__thumb img{width:100%;height:auto;display:block}
.tpl h3{font-size:var(--fs-xl);margin-bottom:var(--sp-2)}
.tpl__btns{margin-top:auto;padding-top:var(--sp-5)}
.tpl__credit{margin-top:var(--sp-5)!important;padding-top:var(--sp-4);border-top:1px solid var(--border);font-size:var(--fs-xs)!important;line-height:1.6!important;color:var(--text-subtle)!important}
@media (min-width:1024px){.tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:768px) and (max-width:1023px){.tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
