/* Logus v7 — site como agente. Mobile first (360 a 430 px).
   Estrutura da referência editorial, cores Logus: floresta, lima e off-white. Manrope auto-hospedada. */

@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../assets/fonts/manrope-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../assets/fonts/manrope-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../assets/fonts/manrope-greek.woff2") format("woff2");
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:"Manrope Fallback";src:local("Arial"),local("Helvetica"),local("Liberation Sans");ascent-override:102%;descent-override:28.7%;line-gap-override:0%;size-adjust:103.5%}

:root{
  --bg:#F2F1EA; --panel:#FBFBF6; --ink:#0B1810; --ink2:#223128; --apoio:#56645B; --meta:#5A675F;
  --regra:#D6D8CC; --acento:#1C6A44; --lima:#D4F24A; --lima-ink:#34470A; --floresta:#0A1C13;
  --on-glass:#F2F1EA; --on-glass-2:#CFE3A8;
  --s1:.5rem; --s2:1rem; --s3:1.5rem; --s4:2rem; --s5:2.5rem; --s6:3rem; --s8:4rem; --s10:5rem; --s12:6rem;
  --gut:clamp(1.5rem,4vw,7.5rem); --max:75rem; --hdr:4rem;
  --sec:clamp(5.5rem,3.5rem + 7vw,11rem);
  --r2:1rem; --r3:1.5rem; --r4:1.75rem;
  --f:"Manrope","Manrope Fallback",system-ui,sans-serif;
  --fs-xl:clamp(2.875rem,1.55rem + 5.2vw,7rem);
  --fs-l:clamp(2.125rem,1.45rem + 2.9vw,3.75rem);
  --fs-m:clamp(1.625rem,1.25rem + 1.6vw,2.75rem);
  --fs-t:clamp(1.3125rem,1.12rem + .8vw,1.875rem);
  --fs-ts:clamp(1.125rem,1.05rem + .3vw,1.375rem);
  --fs-lead:clamp(1.0625rem,.97rem + .45vw,1.375rem);
  --fs-b:1.0625rem; --fs-s:.9375rem; --fs-lbl:.8125rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 1rem);background:var(--bg)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--f);font-size:var(--fs-b);line-height:1.55;color:var(--ink);background:
  radial-gradient(55% 60rem at 62% 0%,rgba(221,232,184,.85),rgba(221,232,184,0) 100%) no-repeat,var(--bg);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-wrap:break-word}
h1,h2,h3,p,ol,ul,figure,blockquote{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit}
img,svg{display:block;max-width:100%}
button,input,textarea{font:inherit;color:inherit}
p,li{text-wrap:pretty}
h1,h2,h3,.lead,.t-m,.t-s{text-wrap:balance}
::selection{background:var(--lima);color:var(--ink)}
:focus-visible{outline:2.5px solid var(--acento);outline-offset:3px;border-radius:6px}
.glass :focus-visible{outline-color:var(--lima)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.js .nojs-only{display:none!important}
html:not(.js) .js-only{display:none!important}
[hidden]{display:none!important}
.ico{width:1.1em;height:1.1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ico .fill,.q-ico{fill:currentColor;stroke:none}
.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gut));margin-inline:auto;padding-inline:var(--gut)}
@media (max-width:37.49em){:root{--gut:1.5rem}}
.skip{position:absolute;left:var(--s2);top:-4rem;z-index:100;padding:.75rem 1rem;border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;transition:top .2s}
.skip:focus{top:var(--s2)}

/* tipografia */
.lbl{font-size:var(--fs-lbl);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--meta);line-height:1.3}
.lbl--g{color:var(--on-glass-2)}
.lbl--k{color:var(--lima-ink)}
h1,.h-xl{font-size:var(--fs-xl);font-weight:500;line-height:.98;letter-spacing:-.042em}
.h-l{font-size:var(--fs-l);font-weight:500;line-height:1.06;letter-spacing:-.03em}
.h-m{font-size:var(--fs-m);font-weight:500;line-height:1.1;letter-spacing:-.024em}
.t-m{font-size:var(--fs-t);font-weight:500;line-height:1.2;letter-spacing:-.016em}
.t-s{font-size:var(--fs-ts);font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--ink2)}
.lead{font-size:var(--fs-lead);line-height:1.5;color:var(--apoio);max-width:38em}
.p{color:var(--apoio);line-height:1.55}
.src{margin-top:var(--s4);font-size:var(--fs-s);color:var(--meta)}
.wordmark{font-weight:600;font-size:1.625rem;letter-spacing:-.05em;line-height:1;color:var(--ink)}
.wordmark i{font-style:normal;color:var(--acento)}

/* vidro: mesmos gradientes dos estilos do Figma (Vidro/Floresta, Lima, Musgo) */
.glass{position:relative;border-radius:var(--r4);isolation:isolate}
.glass--floresta{color:var(--on-glass);border:1.5px solid rgba(230,245,200,.45);background:
  linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 35%),
  radial-gradient(14% 90% at -2% 50%,rgba(47,154,100,.6),rgba(47,154,100,0)),
  radial-gradient(20% 55% at 97% 8%,rgba(212,242,74,.42),rgba(212,242,74,0)),
  radial-gradient(34% 95% at 102% 62%,rgba(47,154,100,.95),rgba(47,154,100,0)),
  radial-gradient(36% 95% at 40% 55%,rgba(3,10,6,.96),rgba(3,10,6,0)),
  linear-gradient(90deg,#123A27,#0A1C13 45%,#1C6A44);
  box-shadow:0 22px 44px -10px rgba(10,28,19,.3),0 4px 10px -2px rgba(10,28,19,.18),inset 0 1.5px 0 rgba(255,255,255,.28),inset 0 -10px 28px rgba(47,154,100,.55)}
.glass--lima{color:var(--ink);border:1.5px solid rgba(247,255,217,.8);background:
  linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 40%),
  radial-gradient(14% 90% at 0% 40%,rgba(159,191,34,.6),rgba(159,191,34,0)),
  radial-gradient(30% 90% at 100% 70%,rgba(246,255,210,.95),rgba(246,255,210,0)),
  radial-gradient(36% 95% at 38% 55%,rgba(110,138,18,.55),rgba(110,138,18,0)),
  linear-gradient(90deg,#B7D632,#D4F24A 50%,#E9FC95);
  box-shadow:0 22px 44px -10px rgba(68,92,12,.28),0 4px 10px -2px rgba(68,92,12,.17),inset 0 1.5px 0 rgba(255,255,255,.28),inset 0 -10px 28px rgba(246,255,210,.7)}
.glass--musgo{color:var(--on-glass);border:1.5px solid rgba(230,245,200,.45);background:
  linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 35%),
  radial-gradient(20% 60% at 0% 20%,rgba(47,154,100,.55),rgba(47,154,100,0)),
  radial-gradient(30% 45% at 95% 0%,rgba(168,240,198,.5),rgba(168,240,198,0)),
  radial-gradient(45% 70% at 100% 100%,rgba(95,211,154,.9),rgba(95,211,154,0)),
  radial-gradient(36% 95% at 42% 45%,rgba(2,17,11,.95),rgba(2,17,11,0)),
  linear-gradient(90deg,#0B3B29,#06231A 50%,#1F7A55);
  box-shadow:0 22px 44px -10px rgba(6,18,12,.32),0 4px 10px -2px rgba(6,18,12,.19),inset 0 1.5px 0 rgba(255,255,255,.28),inset 0 -10px 28px rgba(95,211,154,.5)}
/* dentro do vidro, .p herda a cor do vidro; rótulos (.lbl--g, .lbl--k) e .panel-p mantêm o tom próprio */
:where(.glass) .p{color:inherit}
.glass--floresta .p,.glass--musgo .p{color:rgba(242,241,234,.86)}
.card{border-radius:var(--r3);background:var(--panel);border:1px solid var(--regra);box-shadow:0 16px 40px -12px rgba(11,24,16,.08)}

/* botões e selos */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;padding:0 1.6rem;border-radius:999px;border:1.2px solid transparent;font-size:var(--fs-ts);font-weight:500;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s}
.btn--s{min-height:3rem;padding:0 1.25rem;font-size:1rem}
.btn--lima{background:var(--lima);color:var(--ink)}
.btn--lima:hover{background:#DDF766}
.btn--line{border-color:var(--regra);background:rgba(251,251,246,.6);color:var(--ink)}
.btn--line:hover{border-color:#B9C0AE}
.btn--dark{background:var(--floresta);color:var(--on-glass)}
.btn--dark:hover{background:#12301F}
.btn--glass{border-color:rgba(230,245,200,.35);background:rgba(255,255,255,.06);color:var(--on-glass)}
.btn--forest{color:var(--on-glass);border-color:rgba(230,245,200,.35);background:radial-gradient(40% 120% at 100% 50%,rgba(47,154,100,.5),rgba(47,154,100,0)),linear-gradient(90deg,#123A27,#0A1C13 50%,#1C6A44);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.btn--forest:hover{filter:brightness(1.1)}
.btn--glass:hover{background:rgba(255,255,255,.12)}
@media (hover:hover){.btn:hover{transform:translateY(-1px)}}
.pill{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem 1rem .55rem .85rem;border-radius:999px;background:var(--panel);border:1px solid var(--regra);font-size:var(--fs-s);color:var(--ink2);line-height:1.35}
.pill .dot{width:.5rem;height:.5rem;border-radius:50%;background:#9FBF22;flex:none;box-shadow:0 0 0 4px rgba(159,191,34,.18)}
@media (max-width:37.49em){.pill{font-size:.8125rem;padding:.5rem .85rem .5rem .75rem;gap:.5rem;align-items:flex-start;border-radius:1.25rem}.pill .dot{margin-top:.35em}}
.badge{display:inline-grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:.95rem;font-size:var(--fs-lbl);font-weight:600;letter-spacing:.06em}
.link{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;color:var(--acento);font-weight:500;text-decoration:none}
.link:hover{text-decoration:underline;text-underline-offset:4px}
.mini{display:inline-flex;align-items:center;gap:.35rem;min-height:2.75rem;padding:0 .95rem;border-radius:999px;border:1px solid var(--regra);font-size:var(--fs-s);font-weight:500;text-decoration:none;background:rgba(255,255,255,.5)}
.mini:hover{border-color:#B9C0AE}

/* topo */
.hdr{position:sticky;top:0;z-index:40;background:rgba(242,241,234,.82);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid rgba(214,216,204,.7)}
.hdr-in{display:flex;align-items:center;gap:var(--s3);min-height:var(--hdr)}
.brand{display:inline-flex;align-items:center;min-height:3rem;text-decoration:none}
.nav{display:none}
.hdr-cta{display:none}
.menu-btn{margin-left:auto;display:inline-flex;align-items:center;gap:.6rem;min-height:3rem;padding:0 1.1rem;border-radius:999px;border:1px solid var(--regra);background:rgba(251,251,246,.6);font-size:1rem;font-weight:500;cursor:pointer}
.menu-btn .bars{position:relative;width:1rem;height:.6rem;border-block:1.6px solid currentColor}
/* texto a 200% num celular: o topo não cabe com a palavra "Menu"; o nome acessível continua */
@media (max-width:19.5em){.menu-btn{padding:0 .9rem}.menu-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
html:not(.js) .hdr-cta{display:inline-flex;margin-left:auto}
.nav a{display:inline-flex;align-items:center;min-height:3rem;padding:0 1rem;border-radius:999px;color:var(--ink2);text-decoration:none;font-size:1rem;white-space:nowrap}
.nav a:hover{background:rgba(11,24,16,.05)}
@media (max-width:63.99em){
  /* sem JS não há menu: os atalhos viram uma linha rolável embaixo do topo */
  html:not(.js) .hdr-in{flex-wrap:wrap;row-gap:0}
  html:not(.js) .nav{display:flex;order:3;width:100%;overflow-x:auto;margin:0 0 .4rem;gap:.25rem}
  html:not(.js) .nav a{padding:0 .75rem}
}
@media (min-width:64em){
  .nav{display:flex;gap:.25rem;margin-left:auto}
  .hdr-cta{display:inline-flex}
  html:not(.js) .hdr-cta{margin-left:0}
  .menu-btn{display:none}
}
.menu{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--ink)}
.menu::backdrop{background:rgba(11,24,16,.4)}
.menu-in{display:flex;flex-direction:column;gap:var(--s4);min-height:100%;padding:calc((var(--hdr) - 3rem) / 2) var(--gut) var(--s6)}
.menu-top{display:flex;align-items:center;justify-content:space-between;min-height:3rem}
.menu nav a{display:flex;align-items:center;justify-content:space-between;min-height:3.75rem;border-bottom:1px solid var(--regra);font-size:var(--fs-t);font-weight:500;letter-spacing:-.015em;text-decoration:none}
.menu nav a .ico{color:var(--acento)}
html.lock{overflow:hidden}

/* hero */
.hero{padding-block:clamp(2.5rem,1.5rem + 4vw,6rem) var(--sec)}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)}
.hero-q{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3);align-content:start}
.hero-q h1{max-width:9.5em}
.ask{display:flex;align-items:flex-end;gap:.5rem;padding:.4rem .4rem .4rem 1.35rem;border-radius:1.75rem;background:var(--panel);border:1px solid var(--regra);box-shadow:0 16px 40px -12px rgba(11,24,16,.1);max-width:44rem}
.ask:focus-within{border-color:var(--acento);box-shadow:0 0 0 3px rgba(28,106,68,.18),0 16px 40px -12px rgba(11,24,16,.1)}
.ask textarea{flex:1;align-self:stretch;min-width:0;margin:0;padding:.6rem 0;border:0;background:transparent;font-size:var(--fs-b);line-height:1.45;resize:none}
.ask textarea:focus{outline:none}
.ask textarea::placeholder{color:var(--meta);opacity:1}
.ask .btn{flex:none}
.ask-more{display:none}
@media (max-width:37.49em){
  .ask{flex-direction:column;align-items:stretch;padding:.5rem;border-radius:1.5rem}
  .ask textarea{padding:.55rem .85rem}
  .ask .btn{width:100%}
  .ask-more{display:inline}
}
@media (max-width:22.5em){.ask textarea{min-height:calc(3 * 1.45em + 1.1rem)}}
.hint{font-size:var(--fs-s);color:var(--apoio)}
.ask-note{margin-top:-.6rem;font-size:.8125rem;line-height:1.45;color:var(--meta);max-width:44rem}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;max-width:44rem}
.chip{display:inline-flex;align-items:center;min-height:2.875rem;padding:0 1.1rem;border-radius:999px;border:1px solid var(--regra);background:var(--panel);font-size:var(--fs-s);font-weight:500;line-height:1.25;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.chip:hover{border-color:#9FB08F}
.chip[aria-pressed="true"]{color:var(--on-glass);border-color:rgba(230,245,200,.45);background:radial-gradient(40% 120% at 100% 50%,rgba(47,154,100,.45),rgba(47,154,100,0)),linear-gradient(90deg,#123A27,#0A1C13 50%,#1C6A44)}
.hero-q .pill{justify-self:start}

.panel{padding:clamp(1.75rem,1.2rem + 2vw,2.75rem);align-self:start}
/* véu escuro à direita: as faixas claras do vidro não passam por trás do texto pequeno */
.panel.glass--floresta::before,.par.glass--floresta::before,.ab-b.glass--floresta::before,.flow-card.glass--musgo::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(3,10,6,0) 45%,rgba(3,10,6,.5)),linear-gradient(180deg,rgba(3,10,6,.18),rgba(3,10,6,0) 30%)}
.panel:focus{outline:none}
.panel-view{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2)}
.panel-t{font-size:var(--fs-t);font-weight:500;letter-spacing:-.016em;line-height:1.2}
.panel-t:focus{outline:none}
.panel-p{color:rgba(242,241,234,.9);overflow-wrap:anywhere}
.steps{display:grid;gap:.6rem;margin-top:var(--s1)}
.steps li{display:flex;align-items:center;gap:.9rem;min-height:3rem;padding:.6rem 1rem;border-radius:.9rem;background:rgba(255,255,255,.06);border:1px solid rgba(230,245,200,.18);transition:background-color .3s,border-color .3s,opacity .3s}
.steps .n{font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--on-glass-2);min-width:1.5rem}
.steps li.on{background:rgba(212,242,74,.16);border-color:rgba(212,242,74,.5)}
.steps li.now{border-color:rgba(212,242,74,.55)}
@keyframes now{50%{background:rgba(212,242,74,.14)}}
.motion .steps li.now{animation:now 1.4s ease-in-out infinite}
.steps li.off{opacity:.72}
.steps .ico{color:var(--lima)}
.res{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3)}
.res-lead{display:grid;gap:.75rem}
.res-h{font-size:var(--fs-m);font-weight:500;letter-spacing:-.024em;line-height:1.1}
.res-blk{display:grid;gap:.75rem;padding-top:var(--s2);border-top:1px solid rgba(230,245,200,.2)}
.res-tempos{display:grid;gap:.7rem}
.res-tempos li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .9rem;align-items:center}
.res-tempos .b{grid-row:span 2;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:.7rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;border:1px solid rgba(230,245,200,.35);background:rgba(255,255,255,.08)}
.res-tempos li:nth-child(2) .b{background:var(--lima);color:var(--ink);border-color:transparent}
.res-tempos b{font-weight:500;font-size:var(--fs-ts);letter-spacing:-.01em}
.res-tempos span:last-child{font-size:var(--fs-s);color:rgba(242,241,234,.92)}
.res-proof{padding:var(--s2) var(--s3);border-radius:1.1rem;background:var(--panel);color:var(--ink)}
.res-proof .row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);flex-wrap:wrap}
.res-proof .lbl{color:var(--acento)}
.res-proof .nm{font-size:var(--fs-t);font-weight:500;letter-spacing:-.016em}
.res-proof .rl{margin-top:.35rem;color:var(--ink2)}
.res-proof .nt{margin-top:.35rem;font-size:var(--fs-s);color:var(--apoio)}
.res-proof .sr{margin-top:.5rem;font-size:.8125rem;color:var(--meta)}
.res-proof .mk{color:var(--meta)}
.res-proof .rl,.res-proof .nt,.res-proof .sr{overflow-wrap:anywhere}
.res-act{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.res-echo{margin-top:.5rem;font-size:var(--fs-s);color:rgba(242,241,234,.88);overflow-wrap:anywhere}
.res-note{font-size:var(--fs-s);color:rgba(242,241,234,.88)}
.txtbtn{min-height:2.75rem;padding:0 .25rem;border:0;background:none;color:var(--on-glass-2);font-size:var(--fs-s);font-weight:500;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.motion .res>*{animation:up .5s cubic-bezier(.2,.7,.2,1) both}
.motion .res>*:nth-child(2){animation-delay:.08s}.motion .res>*:nth-child(3){animation-delay:.2s}.motion .res>*:nth-child(4){animation-delay:.34s}.motion .res>*:nth-child(5){animation-delay:.48s}.motion .res>*:nth-child(6){animation-delay:.6s}
@keyframes up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (min-width:64em){
  .hero-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(3rem,5vw,5rem);align-items:start}
  .panel{position:sticky;top:calc(var(--hdr) + 1.5rem);margin-top:3rem}
}
/* notebook de tela baixa: pergunta, campo, chips e selo cabem na primeira dobra */
@media (min-width:64em) and (max-height:60em){
  .hero{padding-top:clamp(1.5rem,4vh,3rem)}
  .hero-q{gap:1.1rem}
  .hero-q h1{font-size:min(var(--fs-xl),10vh);max-width:11em}
  .panel{margin-top:1rem}
}

/* seções */
.sec{padding-block:0 var(--sec)}
.sec-head{display:grid;gap:var(--s2);margin-bottom:clamp(2.5rem,1.8rem + 2.4vw,4.5rem);max-width:56rem}
/* 01 / Por que Logus: lógos, a razão */
.nome-top{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "word" "lead";gap:var(--s4);margin-bottom:clamp(2.5rem,1.8rem + 2.4vw,4.5rem)}
.nome-head{grid-area:head;display:grid;gap:var(--s2)}
.nome-word{grid-area:word;display:grid;gap:var(--s2);align-content:start}
.nome-lead{grid-area:lead}
.nome-gr{font-size:min(clamp(5rem,3.2rem + 9vw,12rem),25vw);font-weight:200;line-height:.9;letter-spacing:-.03em;color:var(--ink);margin:0 0 .1em -.035em}
.nome-tr{font-size:var(--fs-ts);font-weight:500;line-height:1.35;color:var(--ink2)}
.nome-tr span{font-style:italic;color:var(--acento)}
.nome-raiz{color:var(--apoio);max-width:32em}
.nome-raiz i{color:var(--ink2)}
@media (min-width:56.25em){.nome-top{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"head word" "lead word";gap:var(--s3) var(--s8);align-items:start}}
.nome-pares{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2)}
.par{display:grid;gap:var(--s2);align-content:start;padding:clamp(28px,19.2px + 2vw,48px)}
.par-seta{display:grid;place-items:center;justify-self:center;width:3rem;height:3rem;border-radius:999px;border:1px solid var(--regra);background:var(--panel);color:var(--acento);transform:rotate(90deg)}
.par-seta .ico{width:1.25rem;height:1.25rem}
@media (min-width:56.25em){.nome-pares{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:var(--s3)}.par-seta{align-self:center;transform:none}}
.nome-pe{display:grid;gap:var(--s1);margin-top:clamp(2rem,1.5rem + 2vw,3.5rem);max-width:50rem}

.tempos{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)}
.tempo{display:grid;gap:var(--s2);align-content:start}
.tempo .badge{margin-bottom:var(--s1)}
.tempo .link{justify-self:start}
@media (max-width:56.24em){
  .tempo{grid-template-columns:auto minmax(0,1fr);column-gap:1rem}
  .tempo>*:not(.badge){grid-column:2}
  .tempo .badge{grid-row:1/span 4;width:2.75rem;height:2.75rem;margin:0;border-radius:.8rem}
}
@media (min-width:56.25em){.tempos{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}}

.ab{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3)}
.ab-a,.ab-b{display:grid;gap:var(--s3);align-content:start;padding:clamp(1.75rem,1.2rem + 2vw,3rem)}
.seg{display:flex;gap:.45rem}
.seg--frag i{flex:1;height:.6rem;border-radius:3px;background:#B9C0AE}
.seg--cont li{flex:1;display:grid;gap:.6rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--on-glass-2)}
.seg--cont li::before{content:"";height:.6rem;border-radius:3px;background:rgba(212,242,74,.92)}
@media (min-width:56.25em){.ab{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center}.ab-a{box-shadow:none}}

.flow{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)}
.flow-card{display:grid;justify-items:center;gap:var(--s2);padding:clamp(2rem,1.4rem + 2.4vw,3rem);text-align:center}
.flow-in{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:var(--s1)}
.flow-in li{padding:.7rem 1.2rem;border-radius:.9rem;background:rgba(255,255,255,.08);border:1px solid rgba(207,245,222,.35)}
.flow-steps{display:grid;justify-items:center;gap:var(--s2)}
.flow-steps li{display:grid;justify-items:center;gap:var(--s2);font-size:var(--fs-lbl);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#CFF5DE}
.flow-steps .ico{color:#CFF5DE}
.flow-steps li.last{font-size:var(--fs-m);font-weight:500;letter-spacing:-.024em;text-transform:none;color:var(--on-glass);line-height:1.1}
.flow-txt{display:grid;gap:var(--s2);align-content:center}
.flow-txt .src{margin-top:var(--s1)}
@media (min-width:56.25em){.flow{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:var(--s8)}.flow-card{order:-1}}

.pcs{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3)}
.pc{display:grid;gap:.8rem;align-content:start;padding:var(--s4) var(--s3)}
.pc:focus:not(:focus-visible),.cerya:focus:not(:focus-visible){outline:none}
.pc-top{display:flex;justify-content:space-between;gap:var(--s2)}
.pc-n{font-size:var(--fs-lbl);font-weight:600;letter-spacing:.08em;color:var(--acento)}
.pc-mk{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--meta);text-align:right}
.pc .lbl{margin-top:.4rem;padding-top:var(--s2);border-top:1px solid var(--regra);font-size:.75rem}
.pc-role{color:var(--ink2)}
.pc-live{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}
/* destaque ao chegar pelo link: fixo com movimento reduzido, com fade quando há movimento */
.pc.flash{box-shadow:0 0 0 3px var(--lima),0 16px 40px -12px rgba(11,24,16,.2)}
.cerya.flash{box-shadow:0 0 0 3px var(--lima),0 22px 44px -10px rgba(10,28,19,.3)}
.motion .pc.flash{animation:flash 1.6s ease both}
@keyframes flash{0%,40%{box-shadow:0 0 0 3px var(--lima),0 16px 40px -12px rgba(11,24,16,.2)}100%{box-shadow:0 16px 40px -12px rgba(11,24,16,.08)}}
@media (max-width:37.49em){.pc{padding:1.25rem 1.25rem 1.5rem;gap:.6rem}.pc .lbl{padding-top:.75rem}}
@media (min-width:37.5em){.pcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:64em){.pcs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cerya{display:grid;gap:var(--s3);margin-top:var(--s3);padding:clamp(2rem,1.4rem + 2.4vw,3rem)}
.cerya>div{display:grid;gap:var(--s1)}
.cerya .btn{justify-self:start}
@media (min-width:56.25em){.cerya{grid-template-columns:1fr auto;align-items:center}}

.quote{display:grid;gap:var(--s4);padding:clamp(2rem,1.2rem + 3vw,4rem);max-width:64rem}
.q-ico{width:2.5rem;height:2rem;color:var(--on-glass-2)}
.quote blockquote p{font-size:var(--fs-l);font-weight:500;line-height:1.08;letter-spacing:-.03em;max-width:18em}
.quote figcaption{display:flex;align-items:center;gap:var(--s2)}
.quote figcaption>span:last-child{display:grid;gap:.15rem}
.quote figcaption b{font-size:var(--fs-lbl);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--on-glass-2)}
.quote figcaption span span{font-size:var(--fs-s);color:rgba(242,241,234,.82)}
.q-m{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgba(207,227,168,.5);font-size:.875rem;color:var(--on-glass-2);flex:none}

.mk{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)}
.mk-bars{display:flex;align-items:stretch;gap:clamp(.75rem,.3rem + 2vw,2.75rem);min-height:clamp(15rem,11rem + 12vw,24rem)}
.mk-bars li{flex:1;display:grid;grid-template-rows:1fr auto auto;align-items:end;justify-items:center;gap:.6rem;max-width:8.5rem}
.bar-v{font-size:var(--fs-t);font-weight:500}
.bar{display:block;width:100%;height:calc(var(--n) / var(--max) * clamp(9rem,6rem + 10vw,17rem) + 1.25rem);border-radius:1.1rem}
.bar-k{align-self:start;min-height:2.6em;font-size:.6875rem;font-weight:600;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;color:var(--meta);text-align:center;overflow-wrap:normal;hyphens:manual}
@media (max-width:37.49em){.bar-k{min-height:3.9em}}
@media (max-width:22.5em){.mk-bars{gap:.5rem}.bar-k{letter-spacing:.03em}}
/* texto ampliado (a tela mede menos de 19,5em só com fonte grande): palavras longas quebram em vez de empurrar a página */
@media (max-width:19.5em){body{overflow-wrap:anywhere}.bar-k{overflow-wrap:anywhere}.mk-bars li{min-width:0}.panel{padding:1.25rem 1rem}.steps li{flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .75rem}.res-tempos li{grid-template-columns:minmax(0,1fr)}.res-tempos .b{grid-row:auto;width:2rem;height:2rem}}
.hero-q>.lbl,.foot-top .lbl{text-wrap:balance}
@media (max-width:37.49em){.nome-pe .t-m{text-wrap:pretty}}
.flow-back{display:grid;justify-items:center;gap:.5rem;margin-top:var(--s2);font-size:var(--fs-lbl);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#CFF5DE;text-wrap:balance}
.flow-back .ico{transform:rotate(180deg);color:#CFF5DE}
.mk-r{display:grid;gap:.4rem;align-content:end}
.num{font-size:clamp(6rem,4rem + 8vw,10.5rem);font-weight:300;line-height:.9;letter-spacing:-.05em}
@media (min-width:56.25em){.mk{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:end;gap:var(--s8)}}

.fd{display:grid;gap:0}
.fd-panel{display:grid;gap:var(--s3);padding:clamp(1.75rem,1.2rem + 2.5vw,3.5rem);padding-bottom:clamp(3.5rem,2.8rem + 2.5vw,5rem);border-radius:var(--r4);background:rgba(227,230,214,.75)}
.fd-mono{font-size:clamp(4rem,3rem + 4vw,6rem);font-weight:300;letter-spacing:-.04em;line-height:1;color:var(--meta);opacity:.55}
.fd-txt{display:grid;gap:var(--s1);max-width:40rem}
.fd-tag{justify-self:start;display:grid;gap:.15rem;margin:-2.25rem 0 0 clamp(1.75rem,1.2rem + 2.5vw,3.5rem);padding:1.1rem 1.6rem;border-radius:1.25rem}
.fd-tag .p{color:var(--ink2)}
.fd-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--s3)}
@media (min-width:56.25em){.fd-panel{grid-template-columns:8rem minmax(0,1fr);align-items:start;column-gap:var(--s8)}.fd-tag{margin-left:calc(clamp(1.75rem,1.2rem + 2.5vw,3.5rem) + 12rem)}}

.foco{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s6)}
.foco-l{display:grid;gap:var(--s3);align-content:start}
.foco-r{display:grid;align-content:start}
.foco-r .src{margin-top:var(--s2)}
.checks li{display:flex;gap:var(--s3);align-items:flex-start;padding-block:var(--s3);border-top:1px solid var(--regra)}
.checks li>span:last-child{display:grid;gap:.3rem}
.chk{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.75rem;flex:none}
.chk .ico{width:1.25rem;height:1.25rem;stroke-width:2.4}
@media (min-width:56.25em){.foco{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--s8)}}

.mail{display:grid;gap:var(--s3);padding:clamp(1.5rem,1.1rem + 1.8vw,2.5rem);max-width:56rem;margin-bottom:var(--s3)}
.mail-a{font-size:var(--fs-m);font-weight:500;letter-spacing:-.024em;line-height:1.1;overflow-wrap:anywhere}
.mail .btn{justify-self:start}
@media (max-width:47.99em){.mail .btn{justify-self:stretch}}
@media (min-width:48em){.mail{grid-template-columns:1fr auto;align-items:center}}
@media (max-width:22.5em){.mail{padding:1.25rem}.mail-a{font-size:1.25rem}.mail .btn{font-size:1rem;padding:0 1rem}}

.foot{padding-block:var(--s6) var(--s8);border-top:1px solid var(--regra)}
.foot .wrap{display:grid;gap:var(--s4)}
.foot-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3)}
.foot-top .lbl a{position:relative}
.foot-top .lbl a::after{content:"";position:absolute;inset:-.45rem -.25rem}
.foot-nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
.foot-nav a{display:inline-flex;align-items:center;gap:.3rem;min-height:2.75rem;color:var(--ink2);text-decoration:none;font-size:var(--fs-s)}
.foot-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.foot-legal{display:flex;flex-wrap:wrap;column-gap:.5em}
.foot-legal span+span::before{content:"·";margin-right:.5em}
.foot-legal a{color:inherit;text-transform:none;letter-spacing:.02em}

/* entrada suave (só com movimento permitido) */
.motion [data-rv]{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.motion [data-rv].in{opacity:1;transform:none}
@media print{.motion [data-rv]{opacity:1!important;transform:none!important;transition:none!important}.hdr{position:static}.par,.panel{break-inside:avoid}.glass{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* ux 13/10: CTA de contato visível também no celular (Von Restorff) */
@media (max-width:63.99em){html.js .hdr-cta{display:inline-flex;margin-left:auto}html.js .hdr-cta~.menu-btn{margin-left:0}}
@media (max-width:22em){html.js .hdr-cta{display:none}html.js .hdr-cta~.menu-btn{margin-left:auto}}