/* COSMOS We Are: composição responsiva, mobile-first e sem recortes artificiais. */
:root{--ease:cubic-bezier(.23,1,.32,1)}
html,body{max-width:100%;overflow-x:clip}
.hero,.problem,.results,.nexo,.diagnosis{isolation:isolate}
.hero-plate,.problem-visual>img,.results-scene>img,.orbit-stage>img,.diagnosis-planet{display:none!important}

/* Hero: a galáxia pertence ao fundo e o núcleo continua visível. */
.hero{min-height:100svh;background:#01021f!important}
.hero::before{content:""!important;display:block!important;position:absolute;inset:0;z-index:0;background:url('/assets/cosmos-home-hero-galaxia-v1.webp') 66% 50%/cover no-repeat;filter:saturate(1.13) contrast(1.07) brightness(1.08);pointer-events:none}
.hero::after{content:"";display:block!important;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#01021f 0%,rgba(1,2,31,.96) 18%,rgba(1,2,31,.76) 36%,rgba(1,2,31,.28) 52%,rgba(1,2,31,.05) 72%,rgba(1,2,31,.12) 100%),linear-gradient(180deg,rgba(1,2,31,.18) 0%,transparent 58%,#01021f 98%)!important;pointer-events:none}
.hero-inner,.cosmos-map,.partners{position:relative;z-index:3}
.cosmos-node{text-align:center;padding-right:0!important}
.cosmos-node::before{left:50%;transform:translateX(-50%);z-index:2}
.cosmos-node:not(:last-child)::after{left:50%;right:-50%}
.hero-inner{grid-template-columns:minmax(0,.88fr) minmax(250px,.32fr);gap:clamp(36px,5vw,74px)}
.hero-aside{max-width:310px;justify-self:end;margin-bottom:58px;padding:4px 0 4px 22px!important;border-left:1px solid rgba(242,193,78,.78);background:transparent!important;backdrop-filter:none!important;text-shadow:0 2px 18px rgba(1,2,31,.9)}

/* As imagens compõem o cenário; a altura das seções é definida pelo conteúdo. */
.problem{background:radial-gradient(circle at 70% 48%,rgba(198,134,24,.07),transparent 32%),#080915!important}
.problem::before{content:""!important;display:block!important;position:absolute;z-index:0;left:62%;top:58%;width:min(160vw,660px);aspect-ratio:3/2;transform:translate(-50%,-50%);background:url('/assets/cosmos-home-problema-buraco-negro-v3-mobile.webp') center/contain no-repeat;opacity:.44;pointer-events:none}
.problem::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,9,21,.52),rgba(8,9,21,.08)),linear-gradient(180deg,#080915 0%,transparent 24%,transparent 76%,#080915 100%);pointer-events:none}
.problem>.shell,.results>.shell,.nexo>.shell{position:relative;z-index:2}
.problem-layout{grid-template-columns:1fr;gap:28px;align-items:center}
.problem-layout>div:first-child{position:relative;z-index:3}
.problem .lead{margin-bottom:0}
.problem-visual{position:relative;z-index:1;min-height:0!important;margin:0!important;overflow:visible!important;display:block}
.problem-visual::before,.problem-visual::after{display:none!important}
.loss-list{position:relative;z-index:2;left:auto;right:auto;bottom:auto;grid-template-columns:1fr;width:100%;margin:0;background:rgba(242,193,78,.22);backdrop-filter:blur(12px)}
.loss{background:rgba(8,9,21,.82)}

/* Resultados: Sol discreto no fundo, sem faixa de ilustração ou órbitas. */
.results{overflow:hidden;padding-top:clamp(82px,7.6vw,116px);padding-bottom:clamp(104px,10vw,150px);background:linear-gradient(180deg,rgba(9,10,24,.96),rgba(9,10,24,.68) 42%,#090a18 100%),url('/assets/cosmos-home-campo-estelar-v1.webp') center/cover no-repeat,#090a18!important}
.results::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 26% 58%,rgba(242,193,78,.13),transparent 27%);pointer-events:none}
.results-head{margin-bottom:32px}
.results-scene{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0!important;margin:0!important;overflow:visible!important;background:none!important;pointer-events:none}
.results-scene::before,.results-scene::after{display:none!important}
.results-sun{position:absolute;right:-55vw;top:300px;width:min(125vw,620px);aspect-ratio:1;background:url('/assets/cosmos-home-resultados-sol-v3.webp') center/contain no-repeat;opacity:.27;filter:saturate(.92)}
.cases{margin-top:0!important}

/* Sistema NEXO: rota funcional de cinco etapas, sem planetas literais. */
.nexo{overflow:hidden;background:linear-gradient(180deg,#060714 0%,rgba(6,7,20,.7) 44%,#060714 100%),url('/assets/cosmos-home-campo-estelar-v1.webp') center/cover no-repeat,#060714!important}
.nexo::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 52% 42%,rgba(198,134,24,.11),transparent 31%);pointer-events:none}
.nexo-intro{margin-bottom:18px}
.orbit-stage{position:relative;width:min(100%,1440px);min-height:clamp(210px,18vw,260px)!important;margin:0 auto;overflow:hidden!important;background:radial-gradient(ellipse at 50% 50%,rgba(242,193,78,.08),transparent 48%)!important}
.orbit-stage::before,.orbit-stage::after{content:""!important;display:block!important;position:absolute!important;inset:18% 9%!important;z-index:0!important;border:1px solid rgba(242,193,78,.14)!important;border-radius:50%!important;background:none!important;transform:none!important;pointer-events:none}
.orbit-stage::after{inset:30% 16%!important;border-color:rgba(242,193,78,.08)!important}
.orbit-axis{position:absolute;left:5%;right:5%;top:50%;z-index:1;height:1px;background:linear-gradient(90deg,transparent,rgba(242,193,78,.34) 8%,#ffe19a 50%,rgba(242,193,78,.34) 92%,transparent);box-shadow:0 0 18px rgba(242,193,78,.18)}
.nexo-world,.nexo-core{display:block!important;position:absolute;top:50%;z-index:2;width:18px;height:18px;border:1px solid rgba(255,225,154,.72);border-radius:50%;background:#070816;box-shadow:0 0 0 8px rgba(242,193,78,.04),0 0 20px rgba(242,193,78,.16);transform:translate(-50%,-50%)}
.world-a{left:10%}.world-b{left:30%}.world-c{left:70%}.world-d{left:90%}
.nexo-core{left:50%;width:54px;height:54px;border-color:#f2c14e;background:radial-gradient(circle,#fff0c5 0 7%,#f2c14e 8% 14%,rgba(242,193,78,.18) 15% 31%,#080918 32% 100%);box-shadow:0 0 0 12px rgba(242,193,78,.04),0 0 42px rgba(242,193,78,.22)}
.orbit-axis::before,.orbit-axis::after{content:"";position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:#ffe19a;box-shadow:0 0 14px #f2c14e;transform:translateY(-50%)}
.orbit-axis::before{left:20%}.orbit-axis::after{right:20%}
.method{margin-top:-44px!important;gap:10px}.method::before{display:none!important}
.method-step{background:rgba(6,7,20,.92);backdrop-filter:blur(12px)}

/* Diagnóstico: visual distinto, sem repetir o buraco negro. */
.diagnosis{overflow:hidden;background:linear-gradient(90deg,rgba(8,9,24,.98),rgba(8,9,24,.84) 55%,rgba(8,9,24,.54)),url('/assets/cosmos-home-campo-estelar-v1.webp') center/cover no-repeat,#080918!important}
.diagnosis::before{content:""!important;display:block!important;position:absolute!important;z-index:0!important;right:-15vw!important;top:10%!important;width:min(68vw,1080px)!important;aspect-ratio:2/1;background:url('/assets/cosmos-home-diagnostico-planeta-v2.webp') center/contain no-repeat!important;opacity:.72!important;mix-blend-mode:screen;-webkit-mask-image:none!important;mask-image:none!important;pointer-events:none}
.diagnosis::after{content:"";position:absolute;inset:0;z-index:1!important;background:linear-gradient(90deg,#080918 0%,rgba(8,9,24,.92) 35%,rgba(8,9,24,.42) 68%,rgba(8,9,24,.12) 100%),linear-gradient(180deg,#080918 0%,transparent 28%,transparent 70%,#080918 100%)!important;pointer-events:none}
.diagnosis-layout{position:relative;z-index:2}

/* Motion: feedback rápido; cenas não recebem zoom nem parallax. */
.btn{transition:transform 160ms var(--ease),filter 180ms ease,color 180ms ease,border-color 180ms ease,box-shadow 220ms var(--ease)}
.btn::after{transition:transform 160ms var(--ease)}
.case{transition:transform 220ms var(--ease),border-color 180ms ease,background-color 180ms ease}
.scope-row{transition:transform 200ms var(--ease),border-color 180ms ease}
.nav-links{transition:transform 240ms var(--ease),opacity 180ms ease,visibility 180ms ease}
.menu-toggle span{transition:transform 180ms var(--ease),opacity 160ms ease}
.skip-link{position:fixed;left:24px;top:12px;z-index:60;padding:12px 18px;background:var(--ivory);color:var(--krishna);border-radius:8px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.scope-row span{color:var(--muted-dark)}
.nav-links>a:not(.btn)::after{transition:transform 180ms var(--ease);left:0;right:0;transform:scaleX(0);transform-origin:left}

@media (min-width:821px){
  .problem::before{left:72%;top:50%;width:min(82vw,1280px);background-image:url('/assets/cosmos-home-problema-buraco-negro-v3.webp');opacity:.42}
  .loss-list{grid-template-columns:repeat(3,1fr)}
  .results-head{margin-bottom:48px}
  .results-sun{right:-8%;top:22%;width:min(58vw,820px);opacity:.28}
}
@media (min-width:1101px){.problem-layout{grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr);gap:clamp(34px,5vw,74px)}}

@media (max-width:1100px){
  .hero-inner,.problem-layout,.results-head,.nexo-intro,.scope-layout,.diagnosis-layout{grid-template-columns:1fr}
  .hero-aside{justify-self:start;margin-bottom:0}
  .results-head .lead,.nexo-intro .lead{justify-self:start}
  .diagnosis-copy{position:static}
}

/* Mobile é uma composição própria, não o desktop empilhado. */
@media (max-width:820px){
  :root{--gutter:28px}
  html{scroll-padding-top:68px!important}
  .section{padding:72px 0}
  h1{max-width:12ch;font-size:clamp(2.55rem,11vw,3.05rem);line-height:.96}
  h2{font-size:clamp(2.35rem,10vw,3rem);line-height:1}
  .lead{font-size:1.05rem}

  .hero{min-height:auto;padding:68px 0 54px;align-items:stretch}
  .hero::before{background-image:url('/assets/cosmos-home-hero-galaxia-mobile-v1.webp');background-position:58% 44px;background-size:auto clamp(330px,104vw,410px);filter:saturate(1.16) contrast(1.08) brightness(1.1)}
  .hero::after{background:linear-gradient(180deg,rgba(1,2,31,.02) 0%,rgba(1,2,31,.04) 24%,rgba(1,2,31,.28) 39%,rgba(1,2,31,.84) 55%,#01021f 70%),linear-gradient(90deg,rgba(1,2,31,.22),transparent 52%,rgba(1,2,31,.08))!important}
  .hero-inner{padding-top:clamp(188px,51vw,220px)!important;gap:24px}
  .hero-aside{display:none!important}
  .hero-copy>p{margin-bottom:24px}
  .hero-actions{display:grid;gap:10px}.hero-actions .btn{width:100%}
  .cosmos-map{margin-top:24px}.cosmos-node{font-size:.72rem;letter-spacing:0;padding-right:4px}
  .partners{margin-top:38px}

  .loss{padding:16px 18px}

  .results{padding-top:68px;padding-bottom:88px}
  .results-head{display:block;margin-bottom:32px}.results-head .lead{max-width:34ch}
  .cases{grid-template-columns:1fr;margin-top:0!important;gap:14px}
  .case,.case-featured{min-height:0;padding:24px}

  .nexo-intro{display:block;margin-bottom:18px}
  .orbit-stage{display:none!important}
  .nexo-intro{margin-bottom:28px}
  .method{grid-template-columns:1fr;gap:0;margin-top:0!important}
  .method::before{content:"";display:block!important;position:absolute;left:16px;right:auto;top:26px;bottom:26px;height:auto;width:1px;z-index:0;background:linear-gradient(180deg,rgba(242,193,78,.25),#f2c14e 50%,rgba(242,193,78,.25));pointer-events:none}
  .method-step,.method-step:last-child{position:relative;grid-column:auto;display:grid;grid-template-columns:32px 20px 100px minmax(0,1fr);align-items:center;column-gap:8px;row-gap:0;padding:16px 0;border-top:0;background:transparent;backdrop-filter:none}
  .method-step::before{content:"";position:absolute;left:16px;top:50%;z-index:1;width:13px;height:13px;border:1px solid rgba(255,225,154,.72);border-radius:50%;background:#070816;box-shadow:0 0 0 5px rgba(242,193,78,.04),0 0 16px rgba(242,193,78,.14);transform:translate(-50%,-50%)}
  .method-step:nth-child(3)::before{width:30px;height:30px;border-color:#f2c14e;background:radial-gradient(circle,#fff0c5 0 7%,#f2c14e 8% 14%,rgba(242,193,78,.18) 15% 31%,#080918 32% 100%);box-shadow:0 0 0 6px rgba(242,193,78,.04),0 0 24px rgba(242,193,78,.2)}
  .method-step:not(:last-child)::after{content:"";position:absolute;left:40px;right:0;bottom:0;height:1px;background:rgba(242,193,78,.42)}
  .method-step span{grid-column:2}.method-step h3{grid-column:3;font-size:1rem;line-height:1.15}.method-step p{grid-column:4;font-size:.82rem;line-height:1.55}
  .method-step span,.method-step h3,.method-step p{margin:0;min-width:0}
  .journey{margin-top:56px;padding-top:36px}
  .scope-layout{gap:32px}.scope-row{padding:16px 0}

  .diagnosis{padding-top:72px;background:linear-gradient(180deg,rgba(8,9,24,.98),rgba(8,9,24,.84) 48%,#080918 100%),url('/assets/cosmos-home-campo-estelar-v1.webp') center/cover no-repeat,#080918!important}
  .diagnosis::before{right:-48vw!important;top:14%!important;width:142vw!important;opacity:.43!important}
  .diagnosis::after{background:linear-gradient(180deg,#080918 0%,rgba(8,9,24,.36) 28%,rgba(8,9,24,.86) 58%,#080918 100%),linear-gradient(90deg,#080918 0%,rgba(8,9,24,.38) 70%,transparent 100%)!important}
  .diagnosis-layout{gap:38px}
  .form{padding:24px 20px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}
  .motion-ready .problem-visual.reveal,.motion-ready .results-scene.reveal,.motion-ready .orbit-stage.reveal{opacity:1!important;transform:none!important;transition:none!important}
  a,button,input,select,textarea{touch-action:manipulation}
  input,select,textarea{font-size:16px}
}

@media (max-width:520px){
  .section{padding:68px 0}
  .diagnosis::before{top:15%!important}
}

@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-3px)}.btn:hover::after{transform:translateX(4px)}.nav-links>a:not(.btn):hover::after{transform:scaleX(1)}}
@media (hover:none){.btn:active{transform:scale(.98)}}
@media (prefers-reduced-motion:reduce){.btn,.case,.scope-row,.nav-links,.menu-toggle span,.nav-links>a::after{transition:none!important}.btn:hover,.btn:hover::after,.case:hover,.scope-row:hover,.scope-row:active{transform:none!important}.reveal,.reveal-clip{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important}}