@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#08111f;--bg2:#0c1728;--text:#eef3f8;--muted:#9aa9bb;--gold:#d8b36a;--line:rgba(205,220,235,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0%,#13243a 0,#08111f 48%,#060d17 100%);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(190,210,230,.025) 50%,transparent 80%);z-index:-2}
.ambient{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.13;z-index:-1}.ambient-a{width:45vw;height:45vw;left:-20vw;top:5vh;background:#315d85;animation:drift 24s ease-in-out infinite}.ambient-b{width:35vw;height:35vw;right:-15vw;top:45vh;background:#9b7440;animation:drift 30s ease-in-out infinite reverse}
.orbits{position:fixed;inset:-25vh -20vw;pointer-events:none;z-index:-1;opacity:.28}.orbits i{position:absolute;border:1px solid rgba(210,220,230,.11);border-radius:50%;transform:rotate(-18deg);animation:orbit 32s linear infinite}.orbits i:nth-child(1){width:85vw;height:25vw;left:5%;top:12%}.orbits i:nth-child(2){width:100vw;height:34vw;left:-5%;top:36%;animation-duration:42s}.orbits i:nth-child(3){width:70vw;height:24vw;left:25%;top:64%;animation-duration:36s}.orbits i:nth-child(4){width:120vw;height:42vw;left:-20%;top:78%;animation-duration:50s}
.topbar{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(6,13,23,.65);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,230,240,.07);z-index:20}.brand{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.2em}.topbar nav{display:flex;gap:25px}.topbar nav a{font-size:10px;letter-spacing:.12em;color:#aeb9c6;text-decoration:none;transition:.35s}.topbar nav a:hover{color:#fff;text-shadow:0 0 16px rgba(220,230,240,.45)}
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 9vw 80px}.hero-inner{max-width:850px}.eyebrow{font-size:11px;letter-spacing:.28em;color:var(--gold);font-weight:600}.hero h1{font-size:clamp(58px,9vw,132px);line-height:.9;letter-spacing:-.055em;margin:22px 0 32px;font-weight:600;text-shadow:0 0 35px rgba(190,210,230,.12);animation:rise 1.2s ease both}.hero h1 span{color:#aebfd0;text-shadow:0 0 30px rgba(175,205,230,.2)}.lead{font-size:clamp(16px,2vw,22px);line-height:1.7;color:#aeb9c6;max-width:590px;animation:rise 1.2s .18s ease both}.explore{display:inline-flex;gap:16px;margin-top:45px;color:#fff;text-decoration:none;font-size:11px;letter-spacing:.18em;border-bottom:1px solid rgba(216,179,106,.5);padding-bottom:12px;animation:rise 1.2s .35s ease both}.explore span{transition:.35s}.explore:hover span{transform:translateY(5px)}
.intro{padding:110px 9vw 90px;max-width:1000px}.intro h2{font-size:clamp(38px,6vw,76px);letter-spacing:-.04em;margin:12px 0 15px}.intro p:last-child{color:var(--muted);font-size:18px}
.worlds{padding:0 5vw}.world{min-height:76vh;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:7vw;padding:90px 4vw;border-top:1px solid var(--line)}.world:nth-child(even){grid-template-columns:.75fr 1.25fr}.world:nth-child(even) .visual{order:2}.visual{height:52vh;min-height:360px;border-radius:4px;position:relative;overflow:hidden;background:#0c1829;box-shadow:0 30px 80px rgba(0,0,0,.28);transition:.7s}.world:hover .visual{transform:scale(1.012);box-shadow:0 35px 90px rgba(0,0,0,.4)}
.copy span{color:var(--gold);font-size:11px;letter-spacing:.2em}.copy h2{font-size:clamp(32px,4vw,62px);letter-spacing:-.04em;line-height:1;margin:18px 0 16px}.copy p{color:var(--muted);font-size:16px;line-height:1.6;margin-bottom:36px}.cta{display:inline-flex;gap:22px;align-items:center;color:#fff;text-decoration:none;font-size:11px;letter-spacing:.16em;padding:14px 0;border-bottom:1px solid rgba(216,179,106,.5);transition:.35s}.cta b{font-size:18px;font-weight:400;transition:.35s}.cta:hover{color:var(--gold)}.cta:hover b{transform:translateX(7px)}
.solaris .visual{background:linear-gradient(#07111d 0%,#172b40 58%,#08111c 100%)}.sun{position:absolute;width:85px;height:85px;border-radius:50%;right:18%;top:25%;background:#e6b96b;box-shadow:0 0 65px rgba(230,185,107,.42)}.sphere{position:absolute;width:42%;aspect-ratio:1;border-radius:50%;left:30%;bottom:6%;background:radial-gradient(circle at 35% 25%,#27374a,#05080d 65%);box-shadow:0 0 45px rgba(0,0,0,.7)}.horizon{position:absolute;left:0;right:0;bottom:21%;height:1px;background:rgba(230,205,160,.45);box-shadow:0 0 25px rgba(230,190,110,.25)}.line{position:absolute;border:1px solid rgba(224,210,177,.38);border-radius:50%;width:125%;height:38%;left:-12%;transform:rotate(-13deg);box-shadow:0 0 18px rgba(220,200,160,.08);animation:floatline 18s ease-in-out infinite}.l1{top:35%}.l2{top:47%;animation-delay:-6s}.l3{top:59%;animation-delay:-11s}
.solara .visual{background:radial-gradient(circle at 72% 30%,#e4a65e 0 8%,transparent 9%),linear-gradient(135deg,#30201a,#9c5932 55%,#e0aa62)}.sun-disc{position:absolute;width:150px;height:150px;border-radius:50%;right:18%;top:18%;background:#f1c478;box-shadow:0 0 100px rgba(255,203,120,.42)}.wave{position:absolute;width:120%;height:35%;border-top:1px solid rgba(255,232,190,.4);border-radius:50%;left:-10%;transform:rotate(-8deg);animation:wave 14s ease-in-out infinite}.w1{top:52%}.w2{top:63%;animation-delay:-4s}.w3{top:74%;animation-delay:-8s}.grain{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,240,200,.025) 31px 32px)}
.timi .visual{background:linear-gradient(125deg,#101b29,#263b50 48%,#0a111b)}.window{position:absolute;width:43%;height:65%;left:28%;top:14%;border:1px solid rgba(205,220,235,.25);box-shadow:0 0 60px rgba(150,190,220,.12)}.light{position:absolute;width:70%;height:80%;left:15%;top:5%;background:radial-gradient(ellipse,rgba(213,177,111,.18),transparent 60%);animation:pulse 9s ease-in-out infinite}.mist{position:absolute;width:130%;height:35%;left:-15%;bottom:10%;background:rgba(180,200,215,.06);filter:blur(18px);animation:mist 15s ease-in-out infinite}.figure{position:absolute;width:17%;height:48%;left:42%;bottom:10%;background:linear-gradient(90deg,transparent,#080d14 48%,transparent);filter:blur(4px);opacity:.6}
.sounddrops .visual{background:radial-gradient(circle at 70% 22%,rgba(220,220,210,.16),transparent 10%),linear-gradient(#09101a,#101a1c 58%,#05090d)}.moon{position:absolute;width:100px;height:100px;border-radius:50%;right:18%;top:14%;background:#d9d8c7;box-shadow:0 0 50px rgba(220,220,200,.16)}.forest{position:absolute;inset:42% 0 0;background:linear-gradient(150deg,transparent 20%,#04080b 21% 30%,transparent 31% 42%,#04080b 43% 52%,transparent 53%),linear-gradient(30deg,#05090b 20%,transparent 21% 36%,#05090b 37% 45%,transparent 46%)}.path{position:absolute;width:28%;height:60%;left:36%;bottom:-22%;background:linear-gradient(90deg,transparent,#354047,transparent);transform:perspective(180px) rotateX(38deg);opacity:.5}.fog{position:absolute;width:130%;height:30%;left:-15%;bottom:15%;background:rgba(185,200,205,.055);filter:blur(22px);animation:mist 18s ease-in-out infinite reverse}
.closing{padding:150px 9vw 100px;text-align:center}.closing p{font-size:clamp(26px,4vw,52px);letter-spacing:-.03em;margin-bottom:70px}.closing>div{font-weight:700;letter-spacing:.2em}.closing small{display:block;color:var(--muted);font-weight:400;font-size:11px;letter-spacing:.16em;margin-top:13px}footer{text-align:center;padding:25px;color:#647286;font-size:10px;letter-spacing:.12em;border-top:1px solid var(--line)}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes orbit{50%{transform:rotate(-15deg) translateX(2vw)}100%{transform:rotate(-18deg)}}@keyframes floatline{50%{transform:rotate(-10deg) translateY(-12px)}}@keyframes wave{50%{transform:rotate(-5deg) translateY(-9px)}}@keyframes drift{50%{transform:translate(6vw,4vh)}}@keyframes pulse{50%{opacity:.65;transform:scale(1.06)}}@keyframes mist{50%{transform:translateX(6%) scaleX(1.04)}}
@media(max-width:900px){.topbar{height:auto;min-height:66px;padding:15px 5vw;align-items:flex-start}.topbar nav{display:none}.world,.world:nth-child(even){grid-template-columns:1fr;gap:40px;padding:70px 2vw}.world:nth-child(even) .visual{order:0}.visual{height:45vh;min-height:300px}.hero{padding-left:7vw}.intro{padding-left:7vw}.worlds{padding:0 3vw}}