:root{--bg:#05080c;--fg:#f1e9dc;--body:#e4ddd4;--muted:#aab3ba;--cyan:#54e5ea;--warm:#e7a45c;--max:1366px;--pad:clamp(34px,5.2vw,72px);--ease:cubic-bezier(.22,.75,.18,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}.site-header{position:fixed;inset:0 0 auto 0;height:72px;z-index:30;pointer-events:none}.brand,.top-cta{pointer-events:auto}.brand{position:absolute;left:clamp(22px,2.5vw,34px);top:22px;display:block}.brand img{width:clamp(110px,9.8vw,134px);height:auto;display:block}.top-cta{position:absolute;right:clamp(20px,2.8vw,38px);top:22px;color:#e8d1a7;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;border:1px solid rgba(201,225,233,.24);padding:10px 14px;background:rgba(4,8,12,.48);backdrop-filter:blur(9px)}
.mother-canvas{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg)}.mother-canvas img{position:absolute;left:50%;top:0;width:max(102vw,38.334svh);max-width:none;height:auto;filter:saturate(.92) contrast(1.05) brightness(.86);transform:translate3d(-50%,0,0) scale(1.015);transform-origin:50% 0;will-change:transform}main{position:relative;z-index:2}.scene{position:relative;min-height:auto;overflow:hidden;isolation:isolate;background:transparent}.veil{position:absolute;inset:-18px;z-index:1;pointer-events:none}.frame{position:relative;z-index:3;width:min(100%,var(--max));min-height:auto;margin:auto;padding:clamp(72px,8.5vh,84px) var(--pad) clamp(40px,5.5vh,50px)}.scene-01,.scene-01 .frame{min-height:max(100svh,720px)}
.scene-01 .veil{background:linear-gradient(90deg,rgba(2,6,10,.92) 0%,rgba(2,6,10,.76) 37%,rgba(2,6,10,.24) 69%,rgba(2,6,10,.52) 100%),linear-gradient(180deg,rgba(2,6,10,.70),rgba(2,6,10,.12) 50%,rgba(2,6,10,.72))}.scene-02 .veil{background:linear-gradient(180deg,rgba(2,6,10,.82) 0%,rgba(2,6,10,.30) 22%,rgba(2,6,10,.24) 60%,rgba(2,6,10,.78) 100%)}.scene-03 .veil{background:linear-gradient(90deg,rgba(2,6,10,.90) 0%,rgba(2,6,10,.70) 36%,rgba(2,6,10,.18) 67%,rgba(2,6,10,.42) 100%),linear-gradient(180deg,rgba(2,6,10,.74),rgba(2,6,10,.12) 50%,rgba(2,6,10,.70))}.scene-04 .veil{background:linear-gradient(90deg,rgba(2,6,10,.91) 0%,rgba(2,6,10,.70) 42%,rgba(2,6,10,.12) 72%,rgba(2,6,10,.36) 100%),linear-gradient(180deg,rgba(2,6,10,.72),rgba(2,6,10,.10) 48%,rgba(2,6,10,.70))}.scene-05 .veil{background:linear-gradient(180deg,rgba(2,6,10,.85) 0%,rgba(2,6,10,.22) 35%,rgba(2,6,10,.30) 70%,rgba(2,6,10,.78) 100%)}.scene-06 .veil{background:linear-gradient(180deg,rgba(2,6,10,.90),rgba(2,6,10,.34) 32%,rgba(2,6,10,.40) 72%,rgba(2,6,10,.86))}.scene-07 .veil{background:linear-gradient(90deg,rgba(2,6,10,.90) 0%,rgba(2,6,10,.62) 42%,rgba(2,6,10,.22) 72%,rgba(2,6,10,.46) 100%),linear-gradient(180deg,rgba(2,6,10,.76),rgba(2,6,10,.12) 55%,rgba(2,6,10,.76))}.scene-08 .veil{background:linear-gradient(180deg,rgba(2,6,10,.70) 0%,rgba(2,6,10,.18) 40%,rgba(2,6,10,.34) 68%,rgba(2,6,10,.74) 100%),linear-gradient(90deg,rgba(2,6,10,.62) 0%,rgba(2,6,10,.30) 50%,rgba(2,6,10,.18) 100%)}
.shadow{text-shadow:0 2px 18px rgba(0,0,0,.46)}.copy{font-size:15px;line-height:1.55;color:var(--body)}.muted{color:var(--muted)}.muted b{color:#e8e1d7}.cyan{color:var(--cyan)}.warm{color:var(--warm)}.small{font-size:14px;line-height:1.55}.caps{font-weight:700;letter-spacing:.08em;text-transform:uppercase}.kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#e8d6b9;margin:0 0 18px}.title-mid{font-size:clamp(45px,4.35vw,59px);line-height:.94;font-weight:300;letter-spacing:.015em;text-transform:uppercase}.node{position:absolute;width:8px;height:8px;border-radius:50%;opacity:.82;transform:scale(0);transition:transform .65s var(--ease),opacity .65s var(--ease);box-shadow:0 0 18px currentColor}.node-cyan{color:var(--cyan);background:var(--cyan)}.node-warm{color:var(--warm);background:var(--warm)}.draw-line{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;scale:0 1;transition:scale 1s var(--ease),opacity .8s var(--ease)}
[data-anim]{opacity:1;transform:none}.motion-ready [data-anim]{opacity:0;transition-property:opacity,transform;transition-duration:.82s;transition-timing-function:var(--ease);transition-delay:var(--d,0ms);will-change:opacity,transform}.motion-ready [data-anim="rise"]{transform:translateY(22px)}.motion-ready [data-anim="line"]{display:block;transform:translateX(-34px)}.motion-ready [data-anim="focus"]{transform:translateY(18px) scale(.96)}.motion-ready [data-anim="from-left"]{transform:translateX(-38px)}.motion-ready [data-anim="from-right"]{transform:translateX(38px)}.motion-ready [data-anim="tool"]{transform:translateY(-10px);opacity:0}.motion-ready [data-anim="draw"]{transform:scaleX(0);transform-origin:left center}.motion-ready .scene.is-active [data-anim]{opacity:1;transform:none}.motion-ready .scene.is-active [data-anim="draw"]{transform:scaleX(1)}.scene.is-active .node{transform:scale(1)}.scene.is-active .draw-line{opacity:.58;scale:1 1}
/* Scene 01 */.frame-left{display:flex;align-items:center}.s1-left{width:min(470px,42vw)}.hero{font-size:clamp(58px,5.56vw,76px);line-height:.89;letter-spacing:.015em;font-weight:300;margin:0;text-transform:uppercase;color:var(--fg)}.title-lines>span{display:block}.story{margin-top:26px;max-width:440px}.story p{margin:0 0 11px}.pulse-dot{position:absolute;right:21.6%;top:49%;width:18px;height:18px;border:1px solid rgba(84,229,234,.35);border-radius:50%;box-shadow:0 0 38px rgba(84,229,234,.16);opacity:.12;transition:all 1.2s var(--ease) 1s}.scene-01.is-active .pulse-dot{opacity:.75;transform:scale(1.25);box-shadow:0 0 54px rgba(84,229,234,.22)}
/* Scene 02 */.frame-centered{text-align:center}.s2-frame{padding-top:82px}.tools{display:flex;justify-content:center;gap:clamp(26px,4.8vw,66px);color:#707b82;font-size:11px;letter-spacing:.18em;margin:0 auto 20px;text-transform:uppercase}.s2-intro{max-width:900px;margin:0 auto 18px;font-size:16px;line-height:1.4;font-weight:600}.question{font-size:clamp(70px,7.03vw,96px);line-height:.9;margin:0 auto 28px;font-weight:300;letter-spacing:.015em}.four-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1060px;margin:0 auto;text-align:left}.four-notes p{font-size:14px;line-height:1.42;background:rgba(4,8,12,.18);padding:10px 12px;margin:0}.s2-outro{margin-top:25px;font-size:15px;font-weight:700}.n2-a{left:48%;top:46%}.n2-b{right:24%;top:33%}.scene-02.is-active .tools span:nth-child(1){transform:translate(-14px,-3px)}.scene-02.is-active .tools span:nth-child(2){transform:translate(-5px,5px)}.scene-02.is-active .tools span:nth-child(3){transform:translate(0,-2px)}.scene-02.is-active .tools span:nth-child(4){transform:translate(8px,4px)}.scene-02.is-active .tools span:nth-child(5){transform:translate(16px,7px)}
/* Scene 03 */.s3-left{width:min(540px,45vw)}.sequence{margin-top:2px;font-size:14px;line-height:1.55}.sequence p{margin:0 0 7px}.statement{margin-top:25px;max-width:460px}.tag{margin-top:20px;font-size:15px;font-weight:700}.linkline-a{right:8.6%;top:49.5%;width:280px;color:#e3a15b;rotate:-18deg}.linkline-b{right:13.5%;top:38%;width:210px;color:#4fd7df;rotate:26deg}.n3-a{right:21.2%;top:42.3%}.n3-b{right:12.9%;top:53.3%}
/* Scene 04 */.s4-left{width:min(620px,50vw)}.s4-title{font-size:clamp(62px,5.85vw,80px);line-height:.9;font-weight:300;margin:0;text-transform:uppercase}.definition{max-width:610px;margin-top:10px}.definition p{margin:0 0 12px}.triad{margin-top:26px;display:grid;gap:12px;font-size:clamp(21px,1.9vw,26px);line-height:1.05;letter-spacing:.045em}.rule{height:2px;width:340px;background:linear-gradient(90deg,#e8a85f,rgba(232,168,95,.08));margin:24px 0}.reflection{max-width:570px}.reflection p{margin:0 0 12px}.you{font-size:clamp(58px,5.27vw,72px);margin-top:20px;line-height:.8;font-weight:300}.cross-a{right:17.5%;top:45.6%;width:205px;color:#e5a159;rotate:25deg}.cross-b{right:18.2%;top:45.2%;width:200px;color:#4cd8df;rotate:-23deg}.core-dot{right:17.9%;top:45.6%;color:#f4efe8;background:#f4efe8}.scene-04.is-active .core-dot{box-shadow:0 0 32px rgba(244,239,232,.75)}
/* Scene 05 */.s5-frame{text-align:center;padding-top:72px}.s5-head{font-size:clamp(54px,4.98vw,68px);line-height:.95;margin:0;font-weight:300}.s5-sub{font-size:16px;line-height:1.4;margin:14px auto 26px}.stage{position:relative;height:430px;max-width:1120px;margin:0 auto}.entry{position:absolute;width:315px;text-align:left}.entry h3{font-size:19px;line-height:1.1;margin:0 0 7px}.entry p{font-size:15px;line-height:1.5;margin:0;color:#eee7de}.p1{left:0;top:40px}.p2{right:0;top:40px}.p3{left:0;top:175px}.p4{right:0;top:175px}.conversation-center{position:absolute;left:calc(50% - 235px);top:90px;transform:none;width:470px;padding:10px 12px;background:transparent}.motion-ready .conversation-center[data-anim]{transform:translateY(18px) scale(.96)}.motion-ready .scene-05.is-active .conversation-center[data-anim]{transform:none}.c1{font-size:16px;font-weight:700}.c2{font-size:34px;line-height:1.12;margin-top:8px}.unknown{position:absolute;left:calc(50% - 310px);bottom:12px;transform:none;width:620px}.motion-ready .unknown[data-anim]{transform:translateY(22px)}.motion-ready .scene-05.is-active .unknown[data-anim]{transform:none}.unknown-title{font-size:18px}.support{font-size:14px;line-height:1.55;margin-top:-10px}.exit{display:inline-block;margin-top:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;text-decoration:none}.trace-a{left:18.3%;top:44%;width:260px;color:#55dfe6;rotate:8deg}.trace-b{right:18.3%;top:44%;width:260px;color:#e6a25d;rotate:-8deg}
/* Scene 06 */.s6-frame{padding-top:78px}.s6-top{display:grid;grid-template-columns:1.05fr .85fr;gap:72px;align-items:end}.opening{font-size:clamp(46px,4.17vw,57px);line-height:.9;font-weight:300}.rightlead h3{font-size:28px;line-height:1.02;margin:0 0 14px;font-weight:500}.rightlead p{font-size:14px;line-height:1.55;margin:0}.lead-gap{margin-top:10px!important}.s6-mid{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1.1fr .9fr;gap:54px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.principles div{font-size:14px;line-height:1.45;padding:7px 8px;border-top:1px solid rgba(255,255,255,.11)}.noes{display:grid;gap:9px}.noes div{font-size:16px;line-height:1.25;border-bottom:1px solid rgba(255,255,255,.10);padding:0 0 8px}.ethic{margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:29px;line-height:1.02;letter-spacing:.06em}.ethic-kicker{display:block;margin-bottom:8px}.s6-question{margin-top:18px;display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}.oldq{font-size:20px;position:relative;display:inline-block}.oldq span{position:relative}.oldq span::after{content:"";position:absolute;left:0;right:0;top:52%;height:1px;background:var(--warm);transform:scaleX(0);transform-origin:left center;transition:transform .8s var(--ease) 1.45s}.scene-06.is-active .oldq span::after{transform:scaleX(1)}.realq{font-size:38px;line-height:.95}.s6-foot{margin-top:8px;font-size:14px;line-height:1.5}.accentline-a{left:5.1%;bottom:11.3%;width:170px;color:#52dce4}.accentline-b{right:7%;bottom:12.1%;width:150px;color:#e6a55f}
/* Scene 07 */.s7-frame{padding-top:76px}.s7-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px}.year{font-size:clamp(88px,8.2vw,112px);line-height:.85;font-weight:200}.origin{font-size:14px;line-height:1.5;margin:12px 0}.areas{display:flex;flex-wrap:wrap;gap:7px 16px;font-size:11px;color:#c7c1ba;max-width:430px}.thesis{font-size:35px;line-height:1.04;margin-top:16px}.years-note{margin-top:12px}.s7-right{padding-top:12px}.qtitle{font-size:31px;line-height:1;margin:12px 0 14px;font-weight:300}.questions{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;font-size:14px;line-height:1.4}.questions div{padding:6px 7px;border-bottom:1px solid rgba(255,255,255,.09)}.future{margin-top:18px;font-size:14px;line-height:1.5}.future p{margin:0 0 7px}.distinct{font-size:30px;line-height:1.03;margin:10px 0 9px}.stratum{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(229,166,96,.22),rgba(79,217,226,.12),transparent);transform:scaleX(0);transition:transform 1.2s var(--ease)}.st1{top:184px;transition-delay:.5s}.st2{top:365px;transition-delay:.95s}.st3{top:550px;transition-delay:1.35s}.scene-07.is-active .stratum{transform:scaleX(1)}
/* Scene 08 */.s8-frame{text-align:center;padding:70px 110px 46px}.s8-intro{font-size:15px;line-height:1.5;max-width:960px;margin:0 auto}.bridge{font-size:47px;line-height:.98;margin:22px auto 14px;max-width:900px;font-weight:300}.midcopy{font-size:14px;line-height:1.55;max-width:920px;margin:0 auto}.symbio{font-size:34px;line-height:1.02;margin:18px auto 12px;max-width:960px}.close{font-size:53px;line-height:.96;margin:20px auto 14px;max-width:860px;font-weight:300}.button{display:inline-block;margin-top:6px;padding:12px 18px;border:1px solid rgba(84,229,234,.38);color:#71ecf0;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;background:rgba(3,8,12,.28);text-decoration:none}.epi{font-size:14px;line-height:1.6;margin-top:16px}.final-glow{position:absolute;left:50%;bottom:120px;transform:translateX(-50%) scale(.75);width:540px;height:120px;background:radial-gradient(ellipse at center,rgba(231,164,92,.18),rgba(84,229,234,.08) 44%,transparent 75%);filter:blur(12px);opacity:0;transition:opacity 1.2s var(--ease) .65s,transform 1.5s var(--ease) .65s}.scene-08.is-active .final-glow{opacity:1;transform:translateX(-50%) scale(1)}

/* Ajustes finos V7.1 */
.scene-02,.scene-07{min-height:auto}
.scene-02 .frame,.scene-07 .frame{min-height:auto}
.scene-02 .s2-frame{padding-top:70px;padding-bottom:32px}
.scene-07 .s7-frame{padding-top:60px;padding-bottom:28px}
.scene-08{min-height:max(82svh,640px)}
.scene-08 .frame{min-height:max(82svh,640px)}
.s8-frame{text-align:center;padding:66px 110px 40px}
.s8-intro{font-size:14px;line-height:1.58;max-width:920px;margin:0 auto}
.bridge{font-size:45px;line-height:1.01;margin:24px auto 18px;max-width:920px}
.midcopy{font-size:14px;line-height:1.58;max-width:860px;margin:0 auto}
.symbio{font-size:31px;line-height:1.08;margin:22px auto 16px;max-width:1000px}
.close{font-size:50px;line-height:1.0;margin:24px auto 18px;max-width:780px}
.button{margin-top:12px}
.epi{font-size:14px;line-height:1.62;max-width:900px;margin:18px auto 0}

@media(max-width:1100px){.scene,.frame{min-height:auto}.scene-01,.scene-01 .frame{min-height:max(100svh,680px)}.scene-08,.scene-08 .frame{min-height:max(82svh,620px)}.s6-top{gap:38px}.s6-mid{gap:30px}.s7-grid{gap:34px}.four-notes{gap:16px}.entry{width:285px}.stage{max-width:960px}.trace-a{left:16%}.trace-b{right:16%}}
@media(max-width:800px){.site-header{height:64px}.brand{top:18px}.top-cta{top:16px;font-size:9px;padding:9px 10px;max-width:210px;text-align:center}.mother-canvas img{width:max(100vw,38.334svh)}.scene,.scene-02,.scene-07,.scene-08{min-height:auto}.frame,.scene-02 .frame,.scene-07 .frame,.scene-08 .frame{min-height:auto;padding-top:56px;padding-bottom:30px}.scene-01 .frame{padding-top:84px}.frame{padding-left:22px;padding-right:22px}.frame-left{display:block}.s1-left,.s3-left,.s4-left{width:100%;max-width:560px}.hero{font-size:clamp(49px,13vw,68px)}.story{font-size:15px}.entry p,.support,.epi,.midcopy,.future,.questions,.rightlead p,.origin,.small,.principles div,.s6-foot{font-size:15px}.pulse-dot,.linkline,.node,.cross,.trace,.accentline{display:none}.tools{justify-content:flex-start;gap:12px 22px;flex-wrap:wrap}.s2-frame{text-align:left}.s2-intro,.question,.s2-outro{margin-left:0;margin-right:0}.question{font-size:clamp(56px,15vw,76px)}.four-notes{grid-template-columns:1fr 1fr}.s5-frame{text-align:left}.s5-head{font-size:clamp(48px,12vw,64px)}.stage{height:auto;display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}.entry,.conversation-center,.unknown{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;transform:none!important}.conversation-center{order:-1}.motion-ready .conversation-center[data-anim],.motion-ready .unknown[data-anim]{transform:translateY(18px)}.motion-ready .scene-05.is-active .conversation-center[data-anim],.motion-ready .scene-05.is-active .unknown[data-anim]{transform:none}.support{margin-top:22px}.s6-top,.s6-mid,.s6-question,.s7-grid{grid-template-columns:1fr}.s6-top{gap:28px}.s6-mid{gap:24px}.principles{grid-template-columns:1fr 1fr}.ethic{font-size:25px}.realq{font-size:34px}.s7-right{padding-top:0}.questions{grid-template-columns:1fr}.stratum{display:none}.s8-frame{text-align:left;padding:56px 22px 34px}.s8-intro,.bridge,.midcopy,.symbio,.close{margin-left:0;margin-right:0}.bridge{font-size:clamp(38px,10vw,52px)}.close{font-size:clamp(43px,11vw,56px)}.final-glow{left:38%;bottom:110px}.scene-02 .veil,.scene-05 .veil,.scene-08 .veil{background:linear-gradient(180deg,rgba(2,6,10,.88),rgba(2,6,10,.30) 44%,rgba(2,6,10,.76))}}
@media(max-width:520px){.brand img{width:104px}.top-cta{right:12px}.frame{padding-left:18px;padding-right:18px}.four-notes{grid-template-columns:1fr}.s6-mid{display:block}.s6-mid>div+div{margin-top:24px}.principles{grid-template-columns:1fr}.s6-question{display:block}.s6-question>div+div{margin-top:22px}.s7-grid{display:block}.s7-right{margin-top:30px}.symbio{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-anim]{opacity:1!important;transform:none!important;transition:none!important}.draw-line{opacity:.55!important;scale:1 1!important;transition:none!important}.node{transform:scale(1)!important;transition:none!important}.stratum{transform:scaleX(1)!important;transition:none!important}.oldq span::after{transform:scaleX(1)!important;transition:none!important}.final-glow{opacity:1!important;transform:translateX(-50%) scale(1)!important;transition:none!important}.mother-canvas img{will-change:auto}}

.epi a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(84,229,234,.35)}
.button:hover,.top-cta:hover{box-shadow:0 0 0 1px rgba(84,229,234,.18) inset,0 0 20px rgba(84,229,234,.12)}