
/* ETERNAL HOME REDESIGN · keeps original Poppins, colors, background and logo */
.et-audience-switcher{position:relative;z-index:25;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,rgba(109,40,217,.08),rgba(255,255,255,.018),rgba(20,184,166,.05));backdrop-filter:blur(18px)}
.et-audience-inner{max-width:1280px;margin:auto;padding:24px}
.et-audience-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.et-audience-head span{display:block;font-size:9px;font-weight:900;letter-spacing:.28em;color:#D8B4FE}.et-audience-head strong{display:block;margin-top:6px;font-size:14px;color:rgba(255,255,255,.9)}.et-audience-head>a{font-size:9px;font-weight:900;letter-spacing:.15em;color:#FBBF24;border:1px solid rgba(251,191,36,.2);padding:9px 13px;border-radius:999px;background:rgba(245,158,11,.06)}
.et-audience-tabs{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding-bottom:5px}.et-audience-tabs::-webkit-scrollbar{display:none}.et-audience-tabs a{flex:0 0 210px;padding:13px 15px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025);transition:.3s ease}.et-audience-tabs a:hover{transform:translateY(-2px);background:rgba(255,255,255,.055);border-color:rgba(216,180,254,.34)}.et-audience-tabs small{display:block;font-size:8px;font-weight:900;letter-spacing:.18em;color:#8fa2c9;margin-bottom:5px}.et-audience-tabs b{font-size:11px;text-transform:uppercase;letter-spacing:.035em}.et-audience-tabs .et-explore-all{border-color:rgba(94,234,212,.18)}.et-audience-tabs .et-explore-all small{color:#5EEAD4}
.et-route-section{position:relative;padding:110px 24px;overflow:hidden}.et-route-glow{position:absolute;left:50%;top:35%;transform:translate(-50%,-50%);width:1200px;height:650px;border-radius:50%;background:linear-gradient(90deg,rgba(109,40,217,.13),rgba(30,58,138,.1),rgba(20,184,166,.08));filter:blur(150px);pointer-events:none}.et-route-wrap,.et-taxonomy-wrap,.et-worlds-wrap{position:relative;z-index:2;max-width:1280px;margin:auto}.et-section-header{text-align:center;max-width:850px;margin:0 auto 45px}.et-section-header>span{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.28em;color:#5EEAD4;padding:8px 14px;border:1px solid rgba(94,234,212,.18);border-radius:999px;background:rgba(20,184,166,.07)}.et-section-header h2{font-size:clamp(2.5rem,5vw,4.2rem);line-height:1.02;text-transform:uppercase;font-weight:900;margin:20px 0 14px}.et-section-header p{color:#9CA3AF;font-size:14px;line-height:1.75;font-weight:300}
.et-persona-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:15px}.et-persona{grid-column:span 3;min-height:290px;text-align:left;color:white;padding:25px;border-radius:30px;border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden;transition:.42s cubic-bezier(.16,1,.3,1);cursor:pointer;box-shadow:0 20px 55px rgba(0,0,0,.18)}.et-persona:before{content:"";position:absolute;inset:0;opacity:.95;z-index:-1}.et-persona:after{content:"";position:absolute;inset:auto -30% -55% -30%;height:80%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 65%);opacity:0;transition:.4s}.et-persona:hover,.et-persona.is-active{transform:translateY(-7px);border-color:rgba(255,255,255,.34)}.et-persona:hover:after,.et-persona.is-active:after{opacity:1}.et-family:before{background:linear-gradient(135deg,#6D28D9,#3B82F6)}.et-pro:before{background:linear-gradient(135deg,#BE185D,#7C3AED)}.et-school:before{background:linear-gradient(135deg,#0F766E,#4CA6FF)}.et-org:before{background:linear-gradient(135deg,#B45309,#EDB87A)}.et-persona i{font-size:34px;margin-bottom:42px}.et-persona small{display:block;font-size:9px;font-weight:900;letter-spacing:.2em;opacity:.72}.et-persona h3{font-size:20px;line-height:1.15;text-transform:uppercase;font-weight:900;margin:8px 0}.et-persona p{font-size:12px;line-height:1.55;color:rgba(255,255,255,.78);font-weight:300}.et-persona>b{position:absolute;bottom:23px;font-size:10px;letter-spacing:.1em}
.et-route-builder{margin-top:18px;border:1px solid rgba(255,255,255,.1);border-radius:32px;background:linear-gradient(145deg,rgba(17,23,51,.86),rgba(6,9,20,.88));backdrop-filter:blur(18px);overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.28)}.et-route-steps{min-height:66px;display:flex;align-items:center;gap:14px;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:900;letter-spacing:.12em;color:#5e6880;white-space:nowrap;overflow:auto}.et-route-steps span{display:flex;gap:8px;align-items:center}.et-route-steps span.current,.et-route-steps span.done{color:#fff}.et-route-steps b{font-size:10px}.et-route-steps i{display:block;min-width:58px;height:1px;background:rgba(255,255,255,.09)}.et-route-body{display:grid;grid-template-columns:.9fr 1.1fr;min-height:410px}.et-route-question,.et-route-result{padding:40px}.et-route-question{border-right:1px solid rgba(255,255,255,.08)}.et-route-question>span,.et-route-result>span{font-size:9px;font-weight:900;letter-spacing:.2em;color:#D8B4FE}.et-route-question h3,.et-route-result h3{font-size:clamp(1.8rem,3vw,2.9rem);font-weight:900;text-transform:uppercase;margin:10px 0}.et-route-question p,.et-route-result p{color:#9CA3AF;font-size:13px;line-height:1.7;font-weight:300}.et-need-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.et-need-chips button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#cbd5e1;padding:10px 13px;border-radius:999px;font-size:11px;font-weight:800;transition:.25s}.et-need-chips button:hover,.et-need-chips button.is-active{background:white;color:#080b18;border-color:white}.et-route-result{display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.et-route-result:after{content:"";position:absolute;right:-180px;top:-220px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(76,166,255,.18),transparent 70%);pointer-events:none}.et-result-signal{width:8px;height:8px;background:#5EEAD4;border-radius:50%;box-shadow:0 0 18px #5EEAD4;margin-bottom:13px}.et-route-result>span{color:#5EEAD4}.et-result-pills{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 24px}.et-result-pills span{padding:7px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);border-radius:10px;font-size:9px;font-weight:900;letter-spacing:.06em}.et-route-cta{align-self:flex-start;display:inline-flex;gap:9px;align-items:center;padding:13px 18px;border-radius:14px;background:linear-gradient(90deg,#7C3AED,#2563EB);font-size:10px;font-weight:900;letter-spacing:.1em;transition:.3s}.et-route-cta:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(124,58,237,.4)}
/* Cinematic contexts */
.et-context-cinema{position:relative}.et-cinema-track{height:640vh;position:relative}.et-cinema-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:radial-gradient(ellipse 55% 65% at 73% 50%,rgba(30,58,138,.31),transparent 60%)}.et-cinema-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 130% 95% at 50% 45%,transparent 52%,rgba(0,0,0,.54) 100%),linear-gradient(90deg,rgba(5,5,10,.92) 0 31%,rgba(5,5,10,.18) 59%,transparent);z-index:6;pointer-events:none}.et-cinema-copy{position:absolute;z-index:12;left:max(28px,calc((100vw - 1280px)/2));top:50%;transform:translateY(-50%);width:min(570px,43vw)}.et-cinema-copy>span{font-size:10px;font-weight:900;letter-spacing:.3em;color:#4CA6FF}.et-cinema-copy h2{font-size:clamp(3rem,5.7vw,6rem);line-height:.96;font-weight:900;text-transform:uppercase;margin:18px 0}.et-cinema-copy>p{font-size:15px;line-height:1.8;color:#a7afc3;font-weight:300}.et-cinema-product{display:inline-flex;gap:10px;align-items:center;margin-top:19px;font-size:10px;font-weight:900;letter-spacing:.12em;color:white}.et-cinema-product:before{content:"";width:15px;height:2px;background:#4CA6FF;box-shadow:0 0 12px #4CA6FF}.et-satellites-intro{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px;transition:.5s}.et-satellites-intro span{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-size:9px;font-weight:900;letter-spacing:.08em}.et-satellites-intro small{display:block;flex:0 0 100%;font-size:10px;color:#737e95}.et-satellites-intro.is-hidden{opacity:0;transform:translateY(12px);pointer-events:none}
.et-cinema-space{position:absolute;z-index:3;right:-4vw;top:50%;transform:translateY(-50%);width:min(70vw,1000px);aspect-ratio:1}.et-deep-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-11deg);border:1px solid rgba(76,166,255,.14);border-radius:50%}.orbit-a{width:96%;height:61%}.orbit-b{width:76%;height:49%}.orbit-c{width:56%;height:36%}.et-system-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;opacity:.82;filter:drop-shadow(0 0 28px rgba(216,180,254,.4));z-index:3}.et-system-logo img{width:100%}.et-cinema-scene{position:absolute;inset:0;opacity:0;transform:scale(.78) translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1);pointer-events:none}.et-cinema-scene.is-active{opacity:1;transform:scale(1) translateY(0)}.et-cinema-scene:not([data-cine-scene="0"]) .et-big-cine-planet{position:absolute;width:58%;height:58%;left:45%;top:47%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 60px rgba(76,136,255,.42))}.et-cine-guide{position:absolute;right:8%;bottom:13%;width:155px;height:155px;border-radius:50%;border:1px solid color-mix(in srgb,var(--mc) 38%,transparent);background:rgba(5,9,24,.78);backdrop-filter:blur(14px);display:grid;place-items:center;box-shadow:0 25px 70px rgba(0,0,0,.38),0 0 45px color-mix(in srgb,var(--mc) 22%,transparent)}.et-cine-guide img{width:95%;height:95%;object-fit:contain}.et-cine-guide b{position:absolute;top:105%;font-size:10px;letter-spacing:.13em}.et-mini-system{position:absolute;transition:.9s cubic-bezier(.16,1,.3,1)}.et-mini-system canvas{width:100%;height:100%;filter:drop-shadow(0 0 25px rgba(76,136,255,.3))}.et-mini-system.p1{width:110px;left:8%;top:42%}.et-mini-system.p2{width:145px;left:25%;top:9%}.et-mini-system.p3{width:170px;right:17%;top:10%}.et-mini-system.p4{width:105px;right:5%;bottom:29%}.et-mini-system.p5{width:150px;left:25%;bottom:5%}.et-context-labels span{position:absolute;z-index:5;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(5,9,24,.72);backdrop-filter:blur(12px);font-size:8px;font-weight:900;letter-spacing:.12em;color:#72809e;transition:.4s}.et-context-labels span.is-active{background:#fff;color:#070a13;transform:scale(1.08)}.et-context-labels span:nth-child(1){left:7%;top:48%}.et-context-labels span:nth-child(2){left:25%;top:8%}.et-context-labels span:nth-child(3){right:14%;top:9%}.et-context-labels span:nth-child(4){right:1%;bottom:29%}.et-context-labels span:nth-child(5){left:24%;bottom:3%}.et-cinema-progress{position:absolute;z-index:12;left:max(28px,calc((100vw - 1280px)/2));bottom:7%;display:flex;align-items:center;gap:11px;color:#69758f;font-size:9px}.et-cinema-progress>div{width:180px;height:2px;background:rgba(255,255,255,.1)}.et-cinema-progress i{display:block;height:100%;width:0;background:white;box-shadow:0 0 10px rgba(255,255,255,.5)}.et-scroll-travel{position:absolute;right:28px;bottom:25px;z-index:12;font-size:9px;letter-spacing:.18em;font-weight:900;color:#59657f}
/* Taxonomy */
.et-taxonomy-section{padding:120px 24px;border-top:1px solid rgba(255,255,255,.06)}.et-tax-head span{color:#D8B4FE;border-color:rgba(216,180,254,.18);background:rgba(109,40,217,.08)}.et-tax-grid{display:grid;grid-template-columns:1.25fr .9fr .78fr;gap:15px}.et-tax-card{min-height:455px;padding:30px;border-radius:32px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(0,0,0,.2)}.et-tax-card>small{font-size:9px;font-weight:900;letter-spacing:.18em;color:#8190ae}.et-tax-card>h3{font-size:34px;font-weight:900;text-transform:uppercase;margin:15px 0 6px}.et-tax-card>p{font-size:12px;color:#909ab0;line-height:1.65}.et-products{background:linear-gradient(145deg,rgba(30,58,138,.35),rgba(255,255,255,.025))}.et-community{background:linear-gradient(145deg,rgba(190,24,93,.18),rgba(255,255,255,.025))}.et-plans{background:linear-gradient(145deg,rgba(245,158,11,.15),rgba(255,255,255,.025))}.et-tax-list{display:grid;gap:8px;margin-top:24px}.et-tax-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035);transition:.3s}.et-tax-list a:hover{transform:translateX(4px);background:rgba(255,255,255,.065)}.et-tax-list span{font-size:11px;font-weight:900}.et-tax-list b{font-size:8px;letter-spacing:.08em;color:#78859f;text-align:right}.et-price-launch{display:inline-flex;margin-top:24px;color:#FBBF24;font-size:10px;font-weight:900;letter-spacing:.1em}
/* Worlds */
.et-worlds-section{padding:120px 24px;overflow:hidden}.et-world-head span{color:#D8B4FE;border-color:rgba(216,180,254,.18);background:rgba(109,40,217,.08)}.et-world-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.et-world-tabs button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#96a2ba;padding:9px 13px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.09em;transition:.3s}.et-world-tabs button.is-active,.et-world-tabs button:hover{background:white;color:#070a13}.et-world-stage{position:relative;min-height:650px;border:1px solid rgba(255,255,255,.1);border-radius:36px;overflow:hidden;background:linear-gradient(130deg,rgba(23,31,70,.84),rgba(5,12,28,.88));display:grid;grid-template-columns:.82fr 1.18fr}.et-world-copy{padding:58px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:5}.et-world-copy>span{font-size:9px;font-weight:900;letter-spacing:.17em;color:#63718e}.et-world-copy>small{font-size:10px;font-weight:900;letter-spacing:.19em;color:#8098ce;margin-top:16px}.et-world-copy h3{font-size:clamp(3rem,5vw,5.5rem);font-weight:900;line-height:.95;text-transform:uppercase;margin:10px 0 16px}.et-world-copy>p{font-size:14px;line-height:1.75;color:#9ba5bc;font-weight:300;max-width:560px}.et-guide-chip{display:flex;align-items:center;gap:11px;width:max-content;margin:20px 0;padding:9px 14px 9px 9px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.04)}.et-guide-chip img{width:48px;height:48px;border-radius:50%;object-fit:contain;background:rgba(0,0,0,.25)}.et-guide-chip small{display:block;font-size:8px;font-weight:900;letter-spacing:.15em;color:#71809c}.et-guide-chip b{font-size:12px;letter-spacing:.08em}.et-world-visual{position:relative;min-height:650px;display:grid;place-items:center;overflow:hidden}.et-world-ring{position:absolute;border:1px solid rgba(76,136,255,.14);border-radius:50%}.et-world-ring.ring1{width:84%;aspect-ratio:1}.et-world-ring.ring2{width:64%;aspect-ratio:1}.et-world-planet-stack{position:relative;width:min(66%,520px);aspect-ratio:1;transform:translateX(7%)}.et-world-planet-stack canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:translateY(45px) scale(.82);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 0 55px rgba(76,136,255,.42))}.et-world-planet-stack canvas.is-active{opacity:1;transform:translateY(0) scale(1)}.et-guide-dock{position:absolute;left:6%;bottom:7%;width:140px;height:140px;border-radius:50%;border:1px solid color-mix(in srgb,var(--mc) 38%,transparent);background:rgba(6,11,28,.82);backdrop-filter:blur(13px);display:grid;place-items:center;z-index:5;box-shadow:0 22px 60px rgba(0,0,0,.38),0 0 38px color-mix(in srgb,var(--mc) 22%,transparent);transition:.5s cubic-bezier(.16,1,.3,1)}.et-guide-dock img{width:95%;height:95%;object-fit:contain}.et-guide-dock b{position:absolute;top:103%;font-size:10px;letter-spacing:.1em}.et-guide-dock span{position:absolute;top:116%;font-size:8px;letter-spacing:.15em;color:#64708c}.et-world-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(6,10,24,.72);color:white;backdrop-filter:blur(12px);transition:.3s}.et-world-arrow:hover{background:white;color:#060913}.et-world-arrow.prev{left:16px}.et-world-arrow.next{right:16px}.et-world-footer{text-align:center;margin-top:32px}.et-world-footer a{font-size:10px;font-weight:900;letter-spacing:.12em;color:#D8B4FE}
@media(max-width:1024px){.et-persona{grid-column:span 6}.et-route-body{grid-template-columns:1fr}.et-route-question{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.et-tax-grid{grid-template-columns:1fr}.et-tax-card{min-height:auto}.et-world-stage{grid-template-columns:1fr}.et-world-visual{min-height:520px}.et-cinema-copy{width:47vw}.et-cinema-space{width:82vw;right:-18vw}}
@media(max-width:640px){.et-audience-inner{padding:18px 16px}.et-audience-head{align-items:flex-start}.et-audience-head strong{font-size:12px;max-width:230px}.et-audience-head>a{font-size:8px}.et-audience-tabs a{flex-basis:175px}.et-route-section,.et-taxonomy-section,.et-worlds-section{padding:80px 16px}.et-persona{grid-column:span 12;min-height:240px}.et-persona i{margin-bottom:30px}.et-route-question,.et-route-result{padding:27px}.et-route-steps{padding:0 18px}.et-cinema-track{height:600vh}.et-cinema-vignette{background:linear-gradient(180deg,rgba(5,5,10,.83) 0 48%,rgba(5,5,10,.08) 75%,transparent)}.et-cinema-copy{left:20px;right:20px;top:15%;transform:none;width:auto}.et-cinema-copy h2{font-size:3.1rem}.et-cinema-copy>p{font-size:13px}.et-cinema-space{width:112vw;right:-39vw;top:68%}.et-cinema-scene:not([data-cine-scene="0"]) .et-big-cine-planet{width:61%;height:61%;left:44%}.et-cine-guide{width:95px;height:95px;right:23%;bottom:13%}.et-system-logo{width:90px}.et-context-labels{display:none}.et-cinema-progress{left:20px;bottom:5%}.et-scroll-travel{display:none}.et-world-copy{padding:30px 24px}.et-world-copy h3{font-size:3.3rem}.et-world-visual{min-height:430px}.et-world-planet-stack{width:66%;transform:translateX(12%)}.et-guide-dock{width:95px;height:95px;left:8%;bottom:8%}.et-world-arrow{width:40px;height:40px}.et-section-header h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){.et-cinema-track{height:auto}.et-cinema-sticky{position:relative;min-height:850px;height:auto}.et-cinema-scene{transition:none}.et-persona,.et-world-planet-stack canvas,.et-guide-dock{transition:none}}


/* =========================================================
   V3 · CINEMATIC CAMERA PASS
   Uses the ORIGINAL ETERNAL background, Poppins and planet renderer.
   ========================================================= */
.et-cinema-sticky{
  --et-cine-x:0px;--et-cine-y:0px;--et-cine-scale:1;--et-cine-rot:0deg;
  --et-copy-y:0px;--et-warp:0;--et-flash:0;
  perspective:1400px;isolation:isolate;
}
.et-cinema-sticky::before{
  content:"";position:absolute;inset:-18%;z-index:1;pointer-events:none;
  background:
    repeating-radial-gradient(ellipse at 72% 50%,rgba(150,190,255,.24) 0 1px,transparent 2px 17px),
    repeating-radial-gradient(ellipse at 72% 50%,rgba(216,180,254,.12) 0 1px,transparent 2px 29px);
  opacity:calc(var(--et-warp) * .26);transform:scale(calc(1 + var(--et-warp) * .15));
  filter:blur(calc(var(--et-warp) * 1.2px));mix-blend-mode:screen;
  transition:opacity .12s linear,transform .12s linear;
}
.et-cinema-sticky::after{
  content:"";position:absolute;inset:0;z-index:10;pointer-events:none;
  background:linear-gradient(104deg,transparent 35%,rgba(123,170,255,.08) 48%,rgba(255,255,255,.32) 50%,rgba(216,180,254,.08) 52%,transparent 65%);
  opacity:var(--et-flash);mix-blend-mode:screen;transform:translateX(calc((var(--et-flash) - .5) * 22%));
}
.et-cinema-space{
  transform:translate3d(var(--et-cine-x),calc(-50% + var(--et-cine-y)),0) scale(var(--et-cine-scale)) rotate(var(--et-cine-rot));
  transform-origin:50% 50%;will-change:transform;transition:transform .16s linear;
}
.et-cinema-copy{
  transform:translateY(calc(-50% + var(--et-copy-y)));will-change:transform,opacity;
  transition:transform .14s linear;
}
.et-deep-orbit{animation:etOrbitBreathe 13s ease-in-out infinite;will-change:transform}
.orbit-b{animation-delay:-4s}.orbit-c{animation-delay:-8s}
@keyframes etOrbitBreathe{
  0%,100%{transform:translate(-50%,-50%) rotate(-11deg) scale(1);opacity:.7}
  50%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.035);opacity:1}
}
.et-cinema-scene.is-active .et-big-cine-planet{will-change:transform,filter}
.et-cine-guide{will-change:transform,opacity;overflow:visible}
.et-cine-guide::before{
  content:"";position:absolute;inset:-17px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--mc) 36%,transparent);
  opacity:.65;animation:etGuideOrbit 10s linear infinite;
}
.et-cine-guide::after{
  content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--mc);top:-18px;left:50%;
  box-shadow:0 0 16px var(--mc),0 0 30px color-mix(in srgb,var(--mc) 55%,transparent);
}
@keyframes etGuideOrbit{to{transform:rotate(360deg)}}
.et-mini-system{animation:etMiniFloat 7s ease-in-out infinite}
.et-mini-system.p2{animation-delay:-1.2s}.et-mini-system.p3{animation-delay:-2.7s}.et-mini-system.p4{animation-delay:-4s}.et-mini-system.p5{animation-delay:-5.2s}
@keyframes etMiniFloat{0%,100%{margin-top:0}50%{margin-top:-12px}}
.et-world-stage{isolation:isolate}
.et-world-stage::before{
  content:"";position:absolute;inset:-40%;z-index:0;pointer-events:none;
  background:conic-gradient(from 180deg at 65% 52%,transparent 0 35%,rgba(76,166,255,.07) 43%,transparent 51% 75%,rgba(216,180,254,.045) 82%,transparent 90%);
  animation:etWorldSweep 18s linear infinite;
}
@keyframes etWorldSweep{to{transform:rotate(360deg)}}
.et-guide-dock::before{
  content:"";position:absolute;inset:-13px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--mc) 34%,transparent);animation:etGuideOrbit 12s linear infinite;pointer-events:none
}
.et-guide-dock::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--mc);left:50%;top:-15px;box-shadow:0 0 14px var(--mc)}
@media(max-width:640px){
  .et-cinema-copy{transform:translateY(var(--et-copy-y))}
  .et-cinema-space{transform:translate3d(var(--et-cine-x),calc(-50% + var(--et-cine-y)),0) scale(var(--et-cine-scale)) rotate(var(--et-cine-rot))}
}
@media(prefers-reduced-motion:reduce){
  .et-cinema-sticky::before,.et-cinema-sticky::after{display:none}
  .et-deep-orbit,.et-mini-system,.et-cine-guide::before,.et-guide-dock::before,.et-world-stage::before{animation:none!important}
  .et-cinema-space,.et-cinema-copy{transform:none!important;transition:none!important}
}


/* =========================================================
   V4 · MOTION / GLOW FEEDBACK PASS
   Keeps the cinematic choreography; makes motion unmistakable.
   ========================================================= */
.et-cinema-sticky{--et-motion:.18}.et-cinema-sticky::before{opacity:calc(.045 + var(--et-warp) * .27);animation:etWarpDrift 7s linear infinite}
@keyframes etWarpDrift{0%{background-position:0 0,0 0}100%{background-position:46px -18px,-38px 24px}}
.et-cinema-space:before{content:"";position:absolute;inset:11%;border-radius:50%;z-index:0;pointer-events:none;background:conic-gradient(from 0deg,transparent 0 37%,rgba(76,166,255,.12) 43%,rgba(216,180,254,.16) 47%,transparent 54% 79%,rgba(94,234,212,.075) 84%,transparent 90%);filter:blur(9px);opacity:calc(.30 + var(--et-motion) * .48);animation:etCineHaloSpin 17s linear infinite}
@keyframes etCineHaloSpin{to{transform:rotate(360deg)}}
.et-cinema-space:after{content:"";position:absolute;left:21%;top:50%;width:62%;height:2px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(76,166,255,.08),rgba(255,255,255,.42),rgba(216,180,254,.08),transparent);filter:blur(.2px) drop-shadow(0 0 8px rgba(76,166,255,.4));opacity:calc(.12 + var(--et-motion) * .40);transform:rotate(-11deg) scaleX(calc(.82 + var(--et-motion) * .22));transform-origin:center;animation:etCineScan 4.8s ease-in-out infinite}
@keyframes etCineScan{0%,100%{translate:-4% -12px;opacity:.12}50%{translate:7% 13px;opacity:.46}}
.et-cinema-scene:not([data-cine-scene="0"]).is-active:before{content:"";position:absolute;width:58%;height:58%;left:45%;top:47%;transform:translate(-50%,-50%) scale(1.14);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mc,#4CA6FF) 16%,transparent),rgba(76,136,255,.075) 34%,transparent 70%);filter:blur(18px);opacity:.75;animation:etPlanetAura 3.8s ease-in-out infinite;pointer-events:none}
@keyframes etPlanetAura{0%,100%{transform:translate(-50%,-50%) scale(1.06);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.95}}
.et-cinema-scene.is-active .et-big-cine-planet{animation:etCinePlanetGlow 3.2s ease-in-out infinite}
@keyframes etCinePlanetGlow{0%,100%{filter:drop-shadow(0 0 42px rgba(76,136,255,.34)) drop-shadow(0 0 78px rgba(109,40,217,.12))}50%{filter:drop-shadow(0 0 68px rgba(76,136,255,.58)) drop-shadow(0 0 112px rgba(216,180,254,.18))}}
.et-mini-system canvas{animation:etMiniGlow 4.4s ease-in-out infinite}.et-mini-system.p2 canvas{animation-delay:-.7s}.et-mini-system.p3 canvas{animation-delay:-1.5s}.et-mini-system.p4 canvas{animation-delay:-2.2s}.et-mini-system.p5 canvas{animation-delay:-3s}
@keyframes etMiniGlow{0%,100%{filter:drop-shadow(0 0 18px rgba(76,136,255,.25))}50%{filter:drop-shadow(0 0 32px rgba(216,180,254,.4))}}
.et-cinema-progress i{position:relative;box-shadow:0 0 14px rgba(255,255,255,.6),0 0 24px rgba(76,166,255,.3)}.et-cinema-progress i:after{content:"";position:absolute;right:-4px;top:50%;width:7px;height:7px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 0 10px #fff,0 0 24px #4CA6FF;animation:etProgressBeacon 1.45s ease-in-out infinite}
@keyframes etProgressBeacon{0%,100%{transform:translateY(-50%) scale(.75);opacity:.55}50%{transform:translateY(-50%) scale(1.28);opacity:1}}
.et-world-stage{--world-accent:#4CA6FF;box-shadow:0 34px 100px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .45s ease,box-shadow .45s ease}.et-world-stage:after{content:"";position:absolute;right:-12%;top:50%;width:64%;aspect-ratio:1;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,color-mix(in srgb,var(--world-accent) 14%,transparent),transparent 66%);filter:blur(20px);opacity:.8;pointer-events:none;z-index:0;animation:etWorldAmbient 4s ease-in-out infinite}
@keyframes etWorldAmbient{0%,100%{transform:translateY(-50%) scale(.94);opacity:.55}50%{transform:translateY(-50%) scale(1.08);opacity:1}}
.et-world-ring{border-color:color-mix(in srgb,var(--world-accent) 22%,transparent);box-shadow:0 0 34px color-mix(in srgb,var(--world-accent) 7%,transparent)}.et-world-ring.ring1{animation:etWorldRingA 14s ease-in-out infinite}.et-world-ring.ring2{animation:etWorldRingB 10s ease-in-out infinite}
@keyframes etWorldRingA{0%,100%{transform:rotate(-5deg) scale(.99);opacity:.62}50%{transform:rotate(5deg) scale(1.035);opacity:1}}@keyframes etWorldRingB{0%,100%{transform:rotate(7deg) scale(1.02);opacity:.45}50%{transform:rotate(-7deg) scale(.97);opacity:.85}}
.et-world-planet-stack:before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--world-accent) 20%,transparent),transparent 68%);filter:blur(22px);animation:etWorldPulse 3.2s ease-in-out infinite;pointer-events:none}.et-world-planet-stack:after{content:"";position:absolute;inset:-3%;border-radius:50%;border:1px solid color-mix(in srgb,var(--world-accent) 13%,transparent);opacity:.65;animation:etWorldHalo 8s linear infinite;pointer-events:none}
@keyframes etWorldPulse{0%,100%{transform:scale(.92);opacity:.45}50%{transform:scale(1.07);opacity:1}}@keyframes etWorldHalo{to{transform:rotate(360deg)}}
.et-world-planet-stack canvas.is-active{filter:drop-shadow(0 0 58px color-mix(in srgb,var(--world-accent) 48%,transparent)) drop-shadow(0 0 105px color-mix(in srgb,var(--world-accent) 16%,transparent));animation:etWorldPlanetBreath 3.1s ease-in-out infinite}
@keyframes etWorldPlanetBreath{0%,100%{filter:drop-shadow(0 0 48px color-mix(in srgb,var(--world-accent) 38%,transparent)) drop-shadow(0 0 84px color-mix(in srgb,var(--world-accent) 11%,transparent))}50%{filter:drop-shadow(0 0 70px color-mix(in srgb,var(--world-accent) 62%,transparent)) drop-shadow(0 0 125px color-mix(in srgb,var(--world-accent) 23%,transparent))}}
.et-world-tabs button.is-active{border-color:color-mix(in srgb,var(--world-accent) 28%,white);box-shadow:0 0 24px color-mix(in srgb,var(--world-accent) 14%,transparent)}.et-world-arrow{box-shadow:0 14px 35px rgba(0,0,0,.25)}.et-world-arrow:hover{box-shadow:0 0 28px color-mix(in srgb,var(--world-accent) 23%,transparent)}
.et-guide-chip{transition:border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.16,1,.3,1)}.et-guide-chip:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--world-accent) 28%,transparent);box-shadow:0 14px 35px rgba(0,0,0,.16),0 0 24px color-mix(in srgb,var(--world-accent) 8%,transparent)}
.et-persona,.et-route-builder,.et-tax-card{box-shadow:0 24px 70px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025)}.et-tax-list a{position:relative;overflow:hidden}.et-tax-list a:after{content:"→";font-size:11px;color:#D8B4FE;opacity:0;transform:translateX(-6px);transition:.25s}.et-tax-list a:hover:after{opacity:1;transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.et-cinema-sticky::before,.et-cinema-space:before,.et-cinema-space:after,.et-cinema-scene.is-active .et-big-cine-planet,.et-mini-system canvas,.et-cinema-progress i:after,.et-world-stage:after,.et-world-ring,.et-world-planet-stack:before,.et-world-planet-stack:after,.et-world-planet-stack canvas.is-active{animation:none!important}}

.et-world-visual{z-index:1}


/* ETERNAL · una entrada clara sin retirar el universo cinematográfico */
html{scroll-padding-top:105px}
#para-ti{scroll-margin-top:92px}
.et-nav-start{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(216,180,254,.42);border-radius:999px;padding:.67rem .9rem;color:#f5ecff;background:linear-gradient(115deg,rgba(124,58,237,.5),rgba(76,166,255,.21));font-size:11px;font-weight:800;white-space:nowrap;transition:background .2s,border-color .2s}
.et-nav-start:hover,.et-nav-start:focus-visible{background:rgba(124,58,237,.7);border-color:#d8b4fe}
.et-first-step-trial{display:inline-flex;align-items:center;gap:.7rem;margin:28px 0 12px;padding:5px 0;color:#d6c9f2;font-size:12px;line-height:1.6;font-weight:600;text-underline-offset:4px;text-decoration:underline;text-decoration-color:rgba(216,180,254,.4);transition:color .2s}
.et-first-step-trial:hover,.et-first-step-trial:focus-visible{color:white;text-decoration-color:currentColor}
.et-first-step-trial i{color:#7de3d6}
.et-route-section{padding-top:76px;padding-bottom:100px}
.et-route-section .et-section-header{margin-bottom:28px}
.et-route-section .et-persona-grid{gap:12px}
.et-route-section .et-persona{min-height:195px;padding:21px}
.et-route-section .et-persona i{font-size:27px;margin-bottom:13px}
.et-route-section .et-persona h3{font-size:17px}
.et-route-section .et-persona>b{bottom:18px;font-size:9px}
.et-route-section .et-route-builder{margin-top:20px}
.et-route-section .et-route-body{min-height:330px}
.et-route-section .et-route-question,.et-route-section .et-route-result{padding:32px}
.et-route-section .et-need-chips button:focus-visible,.et-route-section .et-persona:focus-visible,.et-route-section .et-route-cta:focus-visible{outline:3px solid #5eead4;outline-offset:4px}
.et-route-cta[hidden]{display:none!important}
@media(max-width:680px){
 .et-nav-start{display:none}
 .et-first-step-trial{font-size:11px;margin-top:22px;margin-bottom:12px}
 .et-route-section{padding:58px 16px 72px}
 .et-route-section .et-persona-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .et-route-section .et-persona{min-height:198px;padding:15px}
 .et-route-section .et-persona i{margin-bottom:10px}
 .et-route-section .et-persona h3{font-size:14px}
 .et-route-section .et-persona p{font-size:11px}
 .et-route-section .et-persona>b{position:static;display:block;margin-top:12px}
 .et-route-section .et-route-body{min-height:0}
 .et-route-section .et-route-question,.et-route-section .et-route-result{padding:24px}
}
@media(prefers-reduced-motion:reduce){
 .et-nav-start,.et-first-step-trial,.et-route-section .et-persona,.et-route-cta{transition:none!important}
}

/* At 280px the two-column audience selector gives long Spanish labels less
   width than their rendered glyphs. Present one readable choice per row on
   narrow devices; retain the original two-column cards from 320px upwards. */
@media(max-width:319px){
 .et-route-section .et-persona-grid{
   grid-template-columns:minmax(0,1fr)!important;
 }
 .et-route-section .et-persona{
   min-width:0;
   min-height:150px;
   padding:16px 18px;
 }
 .et-route-section .et-persona h3{
   font-size:15px;
   line-height:1.2;
   overflow-wrap:normal;
   word-break:normal;
 }
 .et-route-section .et-persona p{font-size:12px}
}


/* ETERNAL HOME · material depth & quiet microinteractions
   Enhances the existing cinema; all text and content remain unchanged. */
.et-route-builder{
  position:relative;
  isolation:isolate;
  box-shadow:inset 0 1px rgba(255,255,255,.085),
             0 25px 75px rgba(0,0,0,.32),
             0 0 70px rgba(84,65,160,.065);
}
.et-route-builder::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  opacity:.64;
  background:
    radial-gradient(ellipse 62% 54% at 97% -8%,rgba(216,180,254,.105),transparent 77%),
    repeating-linear-gradient(120deg,transparent 0 23px,rgba(255,255,255,.009) 23px 24px);
}
.et-route-builder>*{position:relative;z-index:1}
.et-route-result{
  background-image:radial-gradient(270px circle at var(--et-mouse-x,80%) var(--et-mouse-y,12%),
    rgba(140,118,231,.095),transparent 75%);
}
.et-route-section .et-persona{
  transition:transform .25s cubic-bezier(.22,1,.36,1),
    border-color .25s ease,box-shadow .25s ease;
}
.et-route-section .et-persona.is-active{
  transform:none;
  border-color:rgba(236,221,255,.57);
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 15px 43px rgba(41,26,91,.28);
}
.et-route-section .et-persona.is-active small{color:#fff;opacity:1}
.et-route-section .et-need-chips button{
  min-height:38px;
  transition:color .2s ease,background-color .2s ease,
    border-color .2s ease,box-shadow .22s ease,transform .22s ease;
}
.et-route-section .et-need-chips button.is-active,
.et-route-section .et-need-chips button[aria-pressed="true"]{
  box-shadow:0 4px 18px rgba(216,180,254,.16),
    0 0 0 2px rgba(216,180,254,.17);
}
.et-route-result .et-result-pills span{
  border-color:rgba(216,180,254,.15);
  background:linear-gradient(115deg,rgba(216,180,254,.09),rgba(76,166,255,.045));
}
.et-route-cta{
  box-shadow:inset 0 1px rgba(255,255,255,.2),0 9px 24px rgba(83,52,184,.22);
  transition:transform .23s cubic-bezier(.22,1,.36,1),
    box-shadow .23s ease,filter .23s ease;
}
.et-route-cta b{
  display:inline-block;
  transition:transform .22s cubic-bezier(.22,1,.36,1);
}
.et-route-section .et-audience-head strong{
  text-wrap:balance;
}
@media(hover:hover) and (pointer:fine){
  .et-route-section .et-persona:hover{transform:translateY(-3px)}
  .et-route-section .et-persona.is-active:hover{transform:translateY(-1px)}
  .et-route-section .et-need-chips button:hover{transform:translateY(-1px)}
  .et-route-cta:hover{
    transform:translateY(-2px);
    box-shadow:inset 0 1px rgba(255,255,255,.3),
      0 14px 33px rgba(96,66,203,.32);
  }
  .et-route-cta:hover b{transform:translateX(3px)}
}
@media(prefers-reduced-motion:reduce){
  .et-route-result{background-image:none}
  .et-route-section .et-persona,
  .et-route-section .et-need-chips button,
  .et-route-cta,.et-route-cta b{
    transition:none!important;transform:none!important;
  }
}

/* Clearer microtype is as important as motion in an accessible product. */
.et-route-section .et-route-question p,
.et-route-section .et-route-result p{color:#c0c8dc}
.et-route-section .et-need-chips button{font-size:12px;line-height:1.4}
.et-route-section .et-route-result>span{font-size:10px;letter-spacing:.14em}
.et-route-section .et-route-cta{font-size:11px;letter-spacing:.07em}
