/* Hero editorial. Produto em destaque e abertura cinematográfica não bloqueante.
   Escopo apenas na landing; navbar do blog conserva seu próprio tratamento. */
.landing-page #nav[data-theme="light"]{--nav-bg:#F0F4EB;border-bottom-color:transparent}
.landing-page #nav[data-theme="light"].is-scrolled{border-bottom-color:var(--nav-border)}
.landing-page #nav .nav-inner{max-width:1360px}
.landing-page #nav .nav-links{font-size:.8125rem;letter-spacing:0;text-transform:none;gap:24px}
.landing-page #nav .btn{background:#173F2C;border-color:#173F2C}
.landing-page #nav .btn:hover{background:#24583C}
.landing-page .hero-editorial{background:#F0F4EB;color:#173F2C;border:0;overflow:hidden;isolation:isolate}
.hero-editorial .hero-stage{max-width:1360px}
.hero-editorial .hero-cta{display:flex;align-items:center;flex-wrap:wrap}
.hero-editorial .hero-grid{display:block;padding:38px 0 0}
.hero-editorial .hero-copy{position:relative;z-index:5;text-align:center;padding:0}
.landing-page .hero-editorial h1{max-width:1100px;margin:0 auto;font-size:clamp(3rem,6.9vw,6.25rem);font-weight:550;line-height:1.04;letter-spacing:-.055em;text-wrap:balance}
.landing-page .hero-editorial h1 > span:first-child,
.landing-page .hero-editorial h1 > span:last-child{display:block;max-width:none;margin:0;font-size:1em;line-height:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:none;color:inherit}
.landing-page .hero-editorial h1 > span:last-child{color:#4C6855}
.hero-editorial .lede{max-width:620px;margin:20px auto 0;font-size:1rem;line-height:1.65;color:#4B6051;text-wrap:pretty}
.hero-editorial .hero-cta{justify-content:center;gap:12px;margin-top:24px}
.hero-editorial .hero-cta > a{min-height:52px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.875rem;line-height:1.4;transition:transform .35s ease-out,background-color .35s ease-out,box-shadow .35s ease-out;white-space:normal;text-wrap:balance}
.hero-editorial .btn-primary{background:#173F2C;border-color:#173F2C;box-shadow:0 4px 8px #173F2C0A,0 10px 24px #173F2C0D}
.hero-editorial .btn-primary:hover{background:#24583C;transform:translateY(-2px)}
.hero-editorial .link{color:#173F2C;background:transparent;border:1px solid #94A68C;text-decoration:none}
.hero-editorial .link::after{display:none}
.hero-editorial .link:hover{background:#E3EBDB;transform:translateY(-2px)}
.hero-editorial .hero-trust{margin:12px auto 0;color:#54644D;font-size:.6875rem;line-height:1.6;max-width:650px}
/* Product-led triptych: real browser in the center, two supporting cards. */
.hero-composition{position:relative;height:550px;max-width:1180px;margin:34px auto 0;perspective:1600px}
.hero-orbit{position:absolute;inset:0 0 -35px;z-index:0;pointer-events:none}
.hero-orbit svg{width:100%;height:100%;overflow:visible;stroke:#B4C4A0;stroke-opacity:.45;stroke-width:1}
.hero-orbit .hero-orbit-gold{stroke:#B59B5E;stroke-opacity:.85;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:var(--opening-line,0)}
.hero-opening-light{position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 25%,#FFFFFF66 48%,#FFFFFF12 57%,transparent 75%);opacity:var(--opening-glow,0);transform:translateX(var(--opening-light-x,-90%));pointer-events:none}
.hero-product{position:absolute;z-index:2;left:24%;top:20px;width:52%;margin:0}
.hero-product-layer{position:relative;overflow:hidden;background:#fff;padding:10px;border-radius:18px;box-shadow:0 2px 5px #173F2C0A,0 30px 70px -25px #173F2C45;border:1px solid #fff}
.hero-browser{display:flex;align-items:center;gap:5px;padding:5px 7px 13px;color:#68766B}
.hero-browser > span{width:5px;height:5px;background:#CFD7CB;border-radius:50%}
.hero-browser small{font-size:10px;flex:1;text-align:center;padding-right:20px}
.hero-product-viewport{aspect-ratio:1338/658;overflow:hidden;border-radius:5px;background:#F4F7F5}
.hero-product .hero-product-viewport img{display:block;width:100%;height:auto}
.hero-product figcaption{display:flex;justify-content:space-between;gap:8px;padding:13px 7px 6px;color:#173F2C;font-size:.875rem;font-weight:600;letter-spacing:-.025em}
.hero-duo{position:absolute;z-index:4;right:0;top:125px;width:23%}
.hero-question{position:absolute;z-index:4;left:0;top:60px;width:22%;max-width:260px}
.hero-question-layer{padding:20px;border-radius:18px;border:1px solid #FFF;background:#FBFCF9;rotate:-6deg;box-shadow:0 2px 5px #173F2C0A,0 24px 55px -18px #173F2C36}
.hero-question-kicker{font-size:.625rem;letter-spacing:.05em;text-transform:uppercase;color:#5C6B54}
.hero-question-source{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#173F2C;font-size:.75rem;font-weight:700}
.hero-question-source span{padding:4px 7px;border-radius:6px;background:#E9EEDF;font-size:.625rem}
.hero-question-prompt{font-size:.75rem;line-height:1.5;color:#273E30;margin:0 0 12px}
.hero-question-options{display:grid;gap:5px;list-style:none;padding:0;margin:0}
.hero-question-options li{position:relative;isolation:isolate;display:flex;align-items:center;gap:7px;border:1px solid #DBE3D8;border-radius:7px;padding:6px 8px;color:#3D5344;font-size:.625rem;line-height:1.3;overflow:hidden}
.hero-question-options b{font-size:.5625rem;font-weight:600}
.hero-question-answer::before{content:"";position:absolute;inset:0;background:#D9EBD4;opacity:var(--question-answer,1);z-index:-1}
.hero-question-check{margin-left:auto;color:#1C6338;opacity:var(--question-answer,1)}
.hero-question-explanation{margin-top:12px;padding-top:10px;border-top:1px solid #DCE5D8;opacity:var(--question-explanation,1);transform:translateY(calc((1 - var(--question-explanation,1)) * 7px));color:#30543B}
.hero-question-explanation strong{font-size:.625rem;font-weight:700}
.hero-question-explanation p{margin:4px 0 0;font-size:.625rem;line-height:1.5}
.hero-question-note{display:block;margin-top:10px;color:#64705F;font-size:.5rem;line-height:1.4}
.hero-duo-layer{padding:24px;border:1px solid #FFF;border-radius:20px;background:#FBFCF9;rotate:6deg;box-shadow:0 2px 5px #173F2C0A,0 24px 55px -18px #173F2C36}
.hero-duo-kicker{font-size:.5625rem;letter-spacing:.06em;text-transform:uppercase;color:#5C6B54}
.hero-duo p{font-size:1.5rem;font-weight:550;letter-spacing:-.045em;line-height:1.16;margin:11px 0 22px;color:#173F2C}
.hero-duo-roles{display:grid;grid-template-columns:1fr 22px 1fr;align-items:start;gap:7px}
.hero-duo-roles > div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.hero-duo-roles svg{width:46px;height:46px;padding:9px;border-radius:50%;background:#EAF0E3;stroke:#173F2C;stroke-width:1.4}
.hero-duo-roles > div:last-child svg{background:#EDE6D6;stroke:#675633}
.hero-duo-roles span{font-size:.625rem;line-height:1.3;color:#44553E}
.hero-duo-roles .hero-duo-connection{font-size:1.125rem;padding-top:10px;color:#95A485}
.hero-duo small{display:block;font-size:.625rem;text-align:center;color:#5C6B54;margin-top:18px;padding-top:14px;border-top:1px solid #E3E9DD}
/* Sangra até a borda da janela, não até a do container. Presa em -80px do
   .hero-composition (1.180 px), a cúpula parava a 223 px da borda numa tela de
   1.800 e deixava o fundo do herói exposto dos lados — um degrau em L contra a
   faixa de baixo. O herói tem overflow:hidden, então o excedente é aparado. */
.hero-foundation{position:absolute;inset-block:auto 0;inset-inline:calc(50% - 50vw - 80px);height:137px;border-radius:50% 50% 0 0/90px 90px 0 0;background:#DCE6CE;z-index:1;overflow:hidden}
/* Sem borda: a régua de 1px atravessava a base da cúpula, que é da MESMA cor, e
   virava um ressalto no meio de uma área sólida. E em vez de terminar reto contra
   o branco da seção seguinte, a faixa agora dissolve o herói nela. */
.hero-editorial .hero-author{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:20px;border:0;background:linear-gradient(#DCE6CE 0%,#E8EEDF 45%,#FFF 100%);color:#3E5338;width:100vw;margin-inline:calc(50% - 50vw);padding:10px var(--gutter) 20px;font-size:.6875rem}
.hero-opening-toggle{flex-shrink:0;min-height:44px;min-width:128px;appearance:none;border:1px solid #BBCDAA;border-radius:999px;background:transparent;padding:10px 14px;font:500 .625rem/1.3 var(--font-text);color:#3E5338;cursor:pointer;transition:background-color .3s ease-out}
.hero-opening-toggle:hover{background:#E8EFDF}
.hero-opening-toggle:focus-visible{outline:2px solid #173F2C;outline-offset:3px}
.hero-opening-toggle[hidden],.hero-opening-toggle [hidden]{display:none}
.hero-composition [data-hero-depth]{transform:translate3d(var(--opening-x,0px),calc(var(--opening-y,0px) + var(--hero-y,0px)),0) rotateY(var(--opening-turn,0deg)) scale(var(--opening-scale,1))}
.hero-composition [data-opening-piece]{opacity:var(--opening-opacity,1)}
.hero-editorial .hero-copy [data-m]{opacity:1!important;transform:none!important;clip-path:none!important}
@media(prefers-reduced-motion:no-preference){[data-opening-state="playing"] [data-opening-piece]{will-change:transform,opacity}}
@media(min-width:1500px){.hero-editorial .hero-grid{padding-top:52px}.hero-composition{margin-top:28px}}
@media(max-width:1000px){
  .hero-composition{height:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;max-width:650px;margin-top:34px;padding:0 16px 48px}
  .hero-product{position:relative;left:auto;top:auto;width:100%;grid-column:1/-1;grid-row:1}
  .hero-question{position:relative;left:auto;top:auto;width:100%;max-width:none;grid-column:1;grid-row:2}
  .hero-duo{position:relative;right:auto;top:auto;width:100%;grid-column:2;grid-row:2}
  .hero-duo-layer{padding:18px}.hero-duo p{font-size:1.25rem}
}
@media(max-width:700px){
  .hero-editorial .hero-grid{padding:28px 0 0}
  .landing-page .hero-editorial h1{font-size:clamp(2.2rem,7.8vw,3.25rem);letter-spacing:-.06em;line-height:1.09}
  .hero-editorial .lede{font-size:.875rem;max-width:420px;margin-top:18px}
  .hero-editorial .hero-cta{gap:10px;margin-top:20px}
  .hero-editorial .hero-cta > a{font-size:.8125rem;padding:13px 16px}
  .hero-editorial .hero-trust{font-size:.625rem;max-width:350px}
  .hero-composition{margin-top:25px;max-width:470px;gap:24px 14px;padding:0 5px 44px}
  .hero-product-layer{padding:6px;border-radius:12px}
  .hero-browser{padding:4px 4px 9px;gap:3px}.hero-browser > span{width:4px;height:4px}.hero-browser small{font-size:8px;padding-right:4px}
  .hero-product figcaption{font-size:.6875rem;padding:9px 5px 4px}
  .hero-question-layer{padding:12px;border-radius:12px;rotate:-4deg}
  .hero-question-kicker{font-size:.5rem;letter-spacing:0}
  .hero-question-source{font-size:.625rem}.hero-question-source span{font-size:.5rem;padding:3px}
  .hero-question-prompt{font-size:.6875rem;line-height:1.4}
  .hero-question-options li{font-size:.5625rem;padding:5px;gap:4px}
  .hero-question-options b{font-size:.5rem}
  .hero-question-explanation strong,.hero-question-explanation p{font-size:.5625rem}
  .hero-question-note{font-size:.5rem}
  .hero-duo-layer{padding:14px 12px;border-radius:12px;rotate:4deg}
  .hero-duo-kicker,.hero-duo small{display:none}
  .hero-duo p{font-size:1.125rem;margin:0 0 18px}
  .hero-duo-roles{gap:2px;grid-template-columns:1fr 10px 1fr}
  .hero-duo-roles svg{width:30px;height:30px;padding:6px}
  .hero-duo-roles span{font-size:.5625rem}.hero-duo-roles .hero-duo-connection{font-size:.75rem;padding-top:7px}
  .hero-foundation{inset-inline:-40px;height:108px}
  .hero-editorial .hero-author{flex-direction:column;gap:8px;font-size:.625rem;padding-block:10px 18px;line-height:1.5}
}
@media(max-width:420px){.hero-editorial .hero-cta{flex-direction:column}.hero-editorial .hero-cta > a{width:100%;max-width:330px}.hero-editorial .hero-trust{max-width:280px}}
@media(prefers-reduced-motion:reduce){
  .hero-editorial *, .hero-editorial *::before, .hero-editorial *::after{animation:none!important;transition:none!important}
  .hero-composition [data-hero-depth]{transform:none!important;will-change:auto!important;opacity:1!important}
  .hero-opening-light,.hero-opening-toggle{display:none!important}
  .hero-orbit-gold{stroke-dashoffset:0!important}
}