section[id]{scroll-margin-top:78px}
#inicio{scroll-margin-top:0}
.brand img,.interface-brand img{filter:hue-rotate(260deg) saturate(.8)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}
.cinematic-hero{position:relative;height:180svh;min-height:880px;background:#030704}
.cinematic-sticky{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;background:#06100a}
.cinematic-film{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:saturate(.8) contrast(1.13) brightness(.68);transform:scale(calc(1.02 + var(--cinematic-progress,0)*.12));will-change:transform}
.cinematic-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,4,.91) 0%,rgba(2,6,4,.7) 34%,rgba(2,6,4,.18) 72%),linear-gradient(0deg,rgba(1,4,2,.85) 0%,transparent 28%,transparent 68%,rgba(1,4,2,.63) 100%),radial-gradient(circle at 81% 58%,rgba(103,160,91,.08),transparent 42%)}
.cinematic-vignette:after{content:"";position:absolute;inset:0;background:rgba(4,26,9,.1);mix-blend-mode:color}
.cinematic-lines{position:absolute;inset:0;pointer-events:none;opacity:.48}.cinematic-lines span{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(237,255,229,.14) 20%,rgba(237,255,229,.14) 80%,transparent)}.cinematic-lines span:nth-child(1){left:6%}.cinematic-lines span:nth-child(2){left:50%}.cinematic-lines span:nth-child(3){right:6%}
.cinematic-corner{position:absolute;z-index:2;width:34px;height:34px;pointer-events:none;border-color:var(--green)}.corner-a{top:102px;left:6%;border-top:1px solid;border-left:1px solid}.corner-b{right:6%;bottom:35px;border-right:1px solid;border-bottom:1px solid}
.cinematic-frame{position:relative;z-index:3;height:100%;display:grid;grid-template-rows:auto 1fr auto;padding-top:118px;padding-bottom:35px}
.cinematic-topline,.cinematic-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;font-weight:700;letter-spacing:.19em;color:#d4e0d2;text-transform:uppercase}.cinematic-topline{padding:0 0 20px;border-bottom:1px solid rgba(236,255,231,.23)}.cinematic-topline>span:first-child{display:flex;gap:12px;align-items:center}.cinematic-topline i{display:block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--red)}.cinematic-chapter{color:#8ca492}
.cinematic-copy{width:min(900px,82%);align-self:center;padding:38px 0;transform:translateY(calc(var(--cinematic-progress,0)*-62px));opacity:calc(1 - var(--cinematic-progress,0)*.4);will-change:transform,opacity;animation:cinema-enter 1.3s cubic-bezier(.18,.75,.24,1) both}
.cinematic-kicker{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--green);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.22em}.cinematic-kicker:before{content:"";width:36px;height:1px;background:currentColor}
.cinematic-copy h1{font-size:clamp(64px,7.8vw,128px);line-height:.88;letter-spacing:-.082em;max-width:none;margin:0 0 34px;text-transform:uppercase;text-wrap:balance}.cinematic-copy h1 span{display:block}.cinematic-copy h1 span:first-child{color:#f5faf2}.cinematic-copy h1 em{color:var(--green);font-style:normal;text-shadow:0 0 50px rgba(160,239,112,.18)}
.cinematic-copy>p:not(.cinematic-kicker){font-size:clamp(16px,1.45vw,20px);line-height:1.6;color:#d1dbd0;max-width:585px;margin-bottom:31px}
.cinematic-actions{display:flex;align-items:center;gap:36px;flex-wrap:wrap}.cinematic-actions .button{min-width:225px}.cinematic-play{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:700;color:#f6faf3}.cinematic-play span{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(237,255,231,.52);border-radius:50%;font-size:11px;padding-left:2px;transition:background .25s,color .25s,border-color .25s}.cinematic-play:hover span{background:var(--green);color:#0a1208;border-color:var(--green)}
.cinematic-aside{position:absolute;right:0;top:50%;display:flex;gap:28px;writing-mode:vertical-rl;transform:translateY(-50%);font-size:10px;letter-spacing:.2em;font-weight:700;color:#c6d5c5}.cinematic-aside span:nth-child(2){color:var(--green)}.cinematic-aside span:nth-child(3){color:var(--red)}
.cinematic-reveal{position:absolute;left:0;right:50px;top:50%;translate:0 -35%;opacity:clamp(0,calc((var(--cinematic-progress,0) - .4)*3),1);transform:translateY(calc((1 - var(--cinematic-progress,0))*65px));pointer-events:none}.cinematic-reveal>p{font:600 clamp(52px,6.1vw,94px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.065em;max-width:1100px;margin:0 0 48px}.cinematic-reveal em{color:var(--green);font-style:normal}.cinematic-path{display:flex;align-items:center;gap:28px;max-width:800px;padding:22px 0;border-top:1px solid rgba(221,255,218,.35);border-bottom:1px solid rgba(221,255,218,.35);font-size:12px;letter-spacing:.12em;font-weight:700}.cinematic-path span{display:flex;gap:12px}.cinematic-path b{color:var(--red);font-size:10px}.cinematic-path i{font-style:normal;color:var(--green);font-size:22px;margin-inline:auto}
@media(min-width:801px){.cinematic-copy{opacity:clamp(0,calc(1 - var(--cinematic-progress,0)*2.7),1)}}
@media(max-width:800px){.cinematic-reveal{display:none}}
.cinematic-bottom{padding-top:20px;border-top:1px solid rgba(236,255,231,.23);color:#a4b6a5}.scroll-cue{display:flex;align-items:center;gap:17px}.scroll-cue b{font:400 23px/1 'DM Sans';color:var(--green);animation:cue-down 1.5s ease-in-out infinite}.sound-button{border:0;background:transparent;color:#bcd0ba;font:700 10px 'DM Sans';letter-spacing:.16em;cursor:pointer;padding:8px 0}.sound-button span{margin-left:8px;font-size:14px}.sound-button:hover{color:var(--green)}
.founder-side{position:relative;display:block;min-height:530px;overflow:hidden;border:1px solid #31523b;background:#0b130e}.founder-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 35%;filter:saturate(.72) contrast(1.08)}.founder-side:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,8,4,.9),transparent 45%)}.founder-side .vertical-label{position:absolute;left:24px;bottom:22px;z-index:1;color:#d2e0cf}
.results{background:#101711;color:#f1f5ef;border-top:1px solid #2c4934;border-bottom:1px solid #2c4934}.results .kicker{color:var(--red)}.results h2 em{color:var(--green)}.result{border-color:#49624c}.result strong{color:var(--green)}.result:nth-child(2) strong{color:#f7faf5}.result:nth-child(3) strong{color:var(--red)}.result span{color:#aebfb0}
@keyframes cinema-enter{from{filter:blur(10px);translate:0 38px}to{filter:blur(0);translate:0 0}}@keyframes cue-down{50%{transform:translateY(7px)}}
@media(max-width:1000px){.cinematic-copy{width:88%}.cinematic-copy h1{font-size:clamp(58px,8vw,95px)}.cinematic-aside{right:4px}}
@media(max-width:800px){.cinematic-hero{height:120svh;min-height:760px}.cinematic-sticky{min-height:560px}.cinematic-frame{padding-top:92px;padding-bottom:24px}.cinematic-copy{width:100%;padding:40px 0 65px}.cinematic-copy h1{font-size:clamp(52px,10vw,83px)}.cinematic-vignette{background:linear-gradient(90deg,rgba(2,6,4,.84),rgba(2,6,4,.33)),linear-gradient(0deg,rgba(1,4,2,.92),transparent 42%,rgba(1,4,2,.5))}.cinematic-chapter,.cinematic-aside{display:none}.corner-a{top:79px}.founder-side{min-height:440px}}
@media(max-width:540px){.cinematic-hero{height:110svh;min-height:690px}.cinematic-sticky{min-height:620px}.cinematic-frame{padding-top:88px}.cinematic-copy{padding:35px 0}.cinematic-copy h1{font-size:clamp(47px,12vw,65px);line-height:.94;letter-spacing:-.075em;margin-bottom:25px}.cinematic-copy>p:not(.cinematic-kicker){font-size:15px;max-width:340px}.cinematic-kicker{font-size:9px;letter-spacing:.16em}.cinematic-actions{gap:20px}.cinematic-actions .button{width:100%}.cinematic-play{font-size:12px}.cinematic-topline,.cinematic-bottom{font-size:8px;letter-spacing:.1em}.cinematic-bottom>span:first-child{display:none}.cinematic-lines span:nth-child(2){display:none}.corner-a{left:18px}.corner-b{right:18px}.founder-side{min-height:390px}}
@media(prefers-reduced-motion:reduce){.cinematic-film,.cinematic-copy{transform:none!important;animation:none!important}.scroll-cue b{animation:none}.cinematic-play span{transition:none}}
@media(prefers-reduced-motion:reduce){.cinematic-hero{height:100svh}.cinematic-copy{opacity:1!important}.cinematic-reveal{display:none}}
@media(min-width:801px) and (max-height:800px){.cinematic-copy{padding:25px 0}.cinematic-copy h1{font-size:clamp(64px,7vw,96px);margin-bottom:22px}.cinematic-copy>p:not(.cinematic-kicker){font-size:16px;max-width:540px;margin-bottom:23px}.cinematic-kicker{margin-bottom:18px}.cinematic-frame{padding-top:110px;padding-bottom:25px}}