:root{--bg:#10081c;--ink:#f7f2ff;--muted:#b9a8c9;--pink:#ef68bb;--violet:#9d83ff;--blue:#56b8ff;--line:rgba(245,218,255,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:radial-gradient(circle at 52% 5%,#30113d 0,#10081c 41%,#080711 100%);color:var(--ink);font-family:Manrope,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.aurora{position:absolute;pointer-events:none;filter:blur(30px);border-radius:50%}.aurora-one{width:620px;height:130px;right:-100px;top:-45px;background:#3d55ff;transform:rotate(18deg);opacity:.7}.aurora-two{width:460px;height:100px;left:-180px;top:650px;background:#e83da2;opacity:.26}.topbar{width:min(1100px,calc(100% - 70px));height:74px;margin:28px auto 0;border:1px solid rgba(250,204,255,.5);border-radius:50px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:rgba(31,13,40,.32);backdrop-filter:blur(16px);position:relative;z-index:3}.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:11px 'DM Mono';letter-spacing:.05em}.logo span{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--blue);border-radius:50%;color:var(--blue);font-size:10px}.logo b{font-weight:500}.topbar nav{display:flex;align-items:center;gap:32px}.topbar nav a{color:#eadff0;text-decoration:none;font-size:12px}.topbar nav a:hover,.topbar nav .active{color:#fff}.topbar nav .active{border:1px solid rgba(255,255,255,.72);border-radius:30px;padding:10px 18px}.menu{display:none;background:none;border:0}.menu i{display:block;width:28px;border-top:2px solid #fff;margin:6px}.hero{width:min(1100px,calc(100% - 70px));min-height:710px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative}.hero-copy{padding:80px 0 30px;z-index:1}.kicker{font:10px 'DM Mono';letter-spacing:.15em;color:#f3c9ef;margin:0 0 22px}.kicker span{color:var(--pink);margin-left:8px}h1{font-size:clamp(54px,6.6vw,86px);line-height:.98;letter-spacing:-.08em;margin:0 0 26px}h1 strong,h2 strong{color:var(--pink);font-weight:800}h1 .arrow{font-size:.48em;color:#fff;vertical-align:middle;border:1px solid #fff;border-radius:50%;width:38px;height:38px;display:inline-grid;place-items:center;letter-spacing:0;margin-left:6px}.intro{color:var(--muted);font-size:15px;line-height:1.7;max-width:455px}.outline-btn{display:inline-flex;align-items:center;gap:22px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.72);border-radius:28px;padding:13px 15px 13px 20px;font-size:12px;margin-top:24px}.outline-btn b{width:24px;height:24px;border-radius:50%;background:#fff;color:#2b123b;display:grid;place-items:center}.hero-art{height:610px;position:relative}.halo{position:absolute;width:480px;height:480px;border:1px solid rgba(116,205,255,.4);border-radius:50%;right:0;top:60px;box-shadow:0 0 90px rgba(92,61,255,.25),inset 0 0 60px rgba(230,78,170,.15)}.grid-sphere{position:absolute;width:420px;height:420px;border-radius:50%;right:30px;top:90px;background:repeating-linear-gradient(0deg,transparent 0 29px,rgba(115,154,255,.12) 30px),repeating-linear-gradient(90deg,transparent 0 29px,rgba(115,154,255,.12) 30px);-webkit-mask-image:radial-gradient(circle,#000 0 56%,transparent 72%);opacity:.6;transform:rotate(-18deg)}.astronaut{position:absolute;width:365px;right:55px;top:23px;filter:drop-shadow(0 20px 25px #0009);animation:float 7s ease-in-out infinite}.hero-card{position:absolute;border:1px solid rgba(255,211,248,.58);background:linear-gradient(145deg,rgba(47,22,65,.78),rgba(15,16,45,.58));backdrop-filter:blur(16px);box-shadow:0 20px 55px #0005}.hero-card-main{width:245px;min-height:235px;left:0;bottom:60px;padding:22px;border-radius:25px 25px 25px 5px;transform:rotate(-3deg);animation:cardFloat 8s ease-in-out infinite}.card-label{font:9px 'DM Mono';color:#e4cbe5}.card-symbol{color:var(--pink);font-size:27px;margin:22px 0 8px}.hero-card h2{font-size:25px;line-height:1.05;letter-spacing:-.06em;margin:0}.hero-card h2 em{color:var(--blue);font-style:normal}.hero-card p{color:var(--muted);font-size:10px;line-height:1.5;margin:18px 0 0}.card-corner{position:absolute;right:17px;top:14px;color:var(--pink)}.hero-card-mini{right:-5px;top:94px;padding:16px 18px;border-radius:16px 16px 4px 16px;width:150px;animation:cardFloat 7s ease-in-out -2s infinite}.hero-card-mini small{display:block;color:var(--muted);font:9px 'DM Mono';margin:0 0 8px}.hero-card-mini strong{font-size:14px;line-height:1.1}.pulse{display:inline-block;width:7px;height:7px;background:var(--pink);border-radius:50%;box-shadow:0 0 0 5px rgba(239,104,187,.15);margin-right:7px}.orbit-label{position:absolute;right:-10px;bottom:125px;writing-mode:vertical-rl;color:var(--muted);font:10px 'DM Mono';letter-spacing:.15em}.scroll-line{width:min(1100px,calc(100% - 70px));margin:-3px auto 0;border-top:1px solid var(--line);display:flex;justify-content:center;gap:14px;padding-top:13px;color:var(--muted);font:9px 'DM Mono';letter-spacing:.16em}.scroll-line b{color:#fff;font-size:20px;line-height:10px;animation:bounce 1.6s infinite}.manifesto,.gallery,.signal,.contact{width:min(1100px,calc(100% - 70px));margin:0 auto}.manifesto{padding:145px 0 115px;position:relative}.manifesto h2,.gallery h2,.signal h2,.contact h2{font-size:clamp(42px,5.5vw,73px);letter-spacing:-.075em;line-height:1;margin:0}.manifesto-copy{max-width:400px;margin:38px 0 0 48%;color:var(--muted);font-size:15px;line-height:1.8}.gallery{padding:95px 0 145px;border-top:1px solid var(--line)}.gallery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.gallery-head>p{max-width:240px;color:var(--muted);font-size:12px;line-height:1.6}.gallery-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}.tile{min-height:380px;border:1px solid rgba(255,214,249,.35);border-radius:26px;background:rgba(255,255,255,.055);padding:21px;position:relative;overflow:hidden;transition:transform .35s,border-color .35s}.tile:hover{transform:translateY(-10px) rotate(-1deg);border-color:var(--pink)}.tile>span{font:10px 'DM Mono';color:var(--muted)}.tile h3{position:absolute;left:22px;bottom:50px;font-size:25px;line-height:1.03;letter-spacing:-.06em;margin:0}.tile a{position:absolute;left:22px;bottom:21px;color:#fff;text-decoration:none;font:10px 'DM Mono'}.tile a b{color:var(--pink);margin-left:7px}.tile-art{position:absolute;inset:0;opacity:.88}.tile-art i{position:absolute;font-style:normal;color:#fff;display:grid;place-items:center;font-size:70px;width:130px;height:130px;border-radius:38px;background:linear-gradient(135deg,#f266bd,#5b56ee);box-shadow:0 0 50px #d84ac488;top:70px;left:50%;transform:translateX(-50%) rotate(12deg);animation:cardFloat 6s ease-in-out infinite}.art-mind{background:radial-gradient(circle at 45% 35%,#9b79ff33,transparent 31%),linear-gradient(135deg,#28124c,#100b26)}.art-purpose{background:radial-gradient(circle at 50% 37%,#f85fbc99,transparent 28%),linear-gradient(145deg,#341139,#11102c)}.art-learning{background:radial-gradient(circle at 50% 37%,#5ed7ff99,transparent 28%),linear-gradient(145deg,#101b45,#11102c)}.art-purpose i{background:linear-gradient(135deg,#ff8bd3,#713fff);animation-delay:-2s}.art-learning i{background:linear-gradient(135deg,#66e0ff,#7164ff);animation-delay:-4s}.signal{min-height:575px;padding:118px 0;border-top:1px solid var(--line);position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.signal-orbit{position:absolute;width:600px;height:600px;border:1px solid rgba(92,185,255,.25);border-radius:50%;right:-120px;top:-20px;box-shadow:0 0 0 55px rgba(99,66,255,.05),0 0 0 110px rgba(99,66,255,.04)}.signal-copy{position:relative;z-index:1}.signal-copy>p:not(.kicker){color:var(--muted);font-size:14px;line-height:1.8;max-width:370px;margin:30px 0}.steps{display:grid;gap:18px;position:relative;z-index:1}.steps>div{display:grid;grid-template-columns:42px 120px 1fr;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.steps b{font:11px 'DM Mono';color:var(--pink)}.steps strong{font-size:18px}.steps span{color:var(--muted);font-size:11px}.contact{padding:135px 0 125px;border-top:1px solid var(--line);position:relative}.contact h2{max-width:700px}.round-cta{position:absolute;right:4%;bottom:140px;border:1px solid var(--pink);border-radius:50%;width:150px;height:150px;display:grid;place-items:center;text-align:center;color:#fff;text-decoration:none;font-size:12px;line-height:1.3;background:radial-gradient(circle at 30% 30%,#ee69bb,#733baf);box-shadow:0 0 55px #d85eb955;animation:pulseCta 3s ease-in-out infinite}.round-cta span{font-size:24px}footer{width:min(1100px,calc(100% - 70px));margin:auto;border-top:1px solid var(--line);padding:22px 0 35px;display:flex;justify-content:space-between;color:var(--muted);font:10px 'DM Mono'}footer a{color:#fff;text-decoration:none}@keyframes float{50%{transform:translateY(-17px) rotate(2deg)}}@keyframes cardFloat{50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes bounce{50%{transform:translateY(5px)}}@keyframes pulseCta{50%{box-shadow:0 0 80px #d85eb988;transform:scale(1.04)}}
@media(max-width:760px){.topbar,.hero,.scroll-line,.manifesto,.gallery,.signal,.contact,footer{width:calc(100% - 34px)}.topbar{height:62px;margin-top:17px;padding:0 15px}.logo b{font-size:9px}.logo span{width:33px;height:33px}.topbar nav{display:none}.menu{display:block}.hero{display:block;min-height:790px}.hero-copy{padding-top:72px}.hero-art{height:410px;margin-top:15px}.halo{width:340px;height:340px;right:0;top:35px}.grid-sphere{width:300px;height:300px;right:20px;top:55px}.astronaut{width:265px;right:-2px;top:15px}.hero-card-main{left:0;bottom:12px;width:210px;min-height:190px;padding:17px}.hero-card h2{font-size:21px}.hero-card p{font-size:9px;margin-top:12px}.hero-card-mini{right:-2px;top:45px;width:132px}.orbit-label{display:none}.manifesto{padding:110px 0 85px}.manifesto-copy{margin:32px 0 0 15%;font-size:13px}.gallery{padding:80px 0 105px}.gallery-head{display:block}.gallery-head>p{margin-top:24px}.gallery-grid{grid-template-columns:1fr;gap:12px}.tile{min-height:260px}.tile-large{min-height:320px}.tile h3{font-size:22px}.signal{display:block;padding:95px 0;min-height:auto}.steps{margin-top:55px}.steps>div{grid-template-columns:35px 95px 1fr}.steps span{font-size:10px}.contact{padding:95px 0 190px}.round-cta{width:125px;height:125px;right:8px;bottom:35px}footer{flex-wrap:wrap;gap:12px}footer span:nth-child(2){display:none}}

/* Imagen y composición de referencia: tarjetas de paisaje, no ilustración espacial. */
.astronaut{display:none}.hero-card-main{background:linear-gradient(180deg,rgba(20,9,39,.24),rgba(11,7,28,.9)),url('./assets-landscape.png') center/cover}.tile-art{background-image:linear-gradient(180deg,transparent 20%,rgba(16,8,28,.9) 88%),url('./assets-landscape.png');background-size:cover;background-position:center}.art-purpose{background-image:linear-gradient(180deg,transparent 20%,rgba(16,8,28,.9) 88%),url('./assets-landscape.png');background-position:65% center;filter:hue-rotate(18deg)}.art-learning{background-image:linear-gradient(180deg,transparent 20%,rgba(16,8,28,.9) 88%),url('./assets-landscape.png');background-position:35% center;filter:hue-rotate(-20deg)}

.universe-return {
  position: absolute;
  z-index: 30;
  top: 118px;
  left: max(35px, calc((100% - 1100px) / 2));
  padding: 8px 0 6px;
  border-bottom: 1px solid var(--pink);
  color: rgba(255,255,255,.86);
  font: 700 10px 'DM Mono', monospace;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 2px 12px #10081c;
}
.universe-return:hover,
.universe-return:focus-visible { color: var(--pink); }
@media(max-width:480px) {
  .universe-return { top: 96px; left: 17px; font-size: 8px; }
}