@import url('https://fonts.googleapis.com/css2?family=Modak&family=Courier+Prime:wght@400;700&display=swap');

:root{
  --bg:#0d0a19;
  --bg2:#171027;
  --green:#17de4c;
  --lime:#b8ffbd;
  --white:#faf7ff;
  --muted:#c4bdd7;
  --purple:#c9bdf1;
  --line:#4b3b69;
  --max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font:17px/1.7 'Courier Prime','Courier New',monospace;overflow-x:hidden}
a{color:inherit}
::selection{background:var(--green);color:#0b0a11}
.skip{position:absolute;top:-120px;left:12px;padding:10px 16px;background:white;color:black;z-index:100}
.skip:focus{top:12px}
.shell{width:min(var(--max),calc(100% - 44px));margin-inline:auto}
.sky{position:fixed;inset:0;pointer-events:none;z-index:-2;background:
  radial-gradient(ellipse at 70% 15%,#2a1d44 0,transparent 38%),
  radial-gradient(ellipse at 20% 82%,#191533 0,transparent 44%),
  linear-gradient(180deg,#0d0a19 0%,#0a0915 100%)}
.star{position:absolute;color:#eee9ff;opacity:.65;animation:twinkle 4s ease-in-out infinite;font:14px monospace}
.star:nth-child(7n){color:#aaffb3}
@keyframes twinkle{50%{opacity:.14;transform:scale(.8)}}

.site-header{position:relative;z-index:20;padding:18px 0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:400 2rem/1 'Modak',cursive;letter-spacing:.01em}
.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 12px #17de4c30)}
.division,.eyebrow,.entry-top,.entry-coordinates,.landing-label,.planet-kicker,.planet-go,.meta{font:700 .78rem/1.5 'Courier Prime','Courier New',monospace;letter-spacing:.08em}
.division{color:#d5cdea;text-align:center}
.signal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);margin:0 6px}
.nav-links{display:flex;gap:23px;align-items:center}
.nav-links a{text-decoration:none;font-weight:700;font-size:.9rem}
.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--green)}

h1,h2,h3{font-family:'Modak',cursive;letter-spacing:.01em;line-height:.95;font-weight:400}
p{margin:0 0 18px}

.entry-flight{position:fixed;inset:0;pointer-events:none;z-index:6}
.entry{height:130vh;min-height:860px;position:relative;display:grid;place-items:center;text-align:center;isolation:isolate}
.entry-center{position:sticky;top:18vh;z-index:2;margin-top:4vh}
.entry-top{display:block;color:var(--green);margin-bottom:25px}
.entry h1{font-size:clamp(3rem,8vw,7.3rem);margin:0;text-transform:uppercase}
.entry h1 em{font-style:normal;color:var(--lime)}
.entry-arrow{display:block;font:400 4rem 'Courier Prime','Courier New',monospace;color:var(--green);animation:down 1.8s ease-in-out infinite}
.entry-coordinates{position:absolute;bottom:10%;left:5%;color:var(--muted)}
.entry-ufo{position:absolute;top:0;left:0;width:clamp(170px,23vw,300px);z-index:3;filter:drop-shadow(0 18px 25px #0008);pointer-events:none;will-change:transform,opacity;opacity:0}
.entry-ufo img{display:block;width:100%}
.tractor{position:absolute;left:35%;top:68%;width:30%;height:130px;opacity:0;background:linear-gradient(#8ff8a166,transparent);clip-path:polygon(28% 0,72% 0,100% 100%,0 100%)}
@keyframes down{50%{transform:translateY(13px)}}

.hero{min-height:780px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:32px;padding:85px 0 120px;scroll-margin-top:20px}
.eyebrow{color:var(--green)}
.divider-dot{color:#fff;padding:0 5px}
.hero h2{font-size:clamp(4.2rem,8.5vw,8.8rem);margin:18px 0 26px}
.hero h2 span{color:var(--green)}
.hero-copy{max-width:550px;color:var(--muted);font-size:1.12rem}
.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;padding:13px 19px;border:2px solid #131020;border-radius:16px;background:var(--green);color:#09110c;text-decoration:none;font-weight:700;box-shadow:5px 5px 0 #c7f8c9;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:7px 9px 0 #c7f8c9}
.btn-quiet{background:#251b3d;color:var(--white);border-color:#8572aa;box-shadow:5px 5px 0 #4c3a72}
.btn-quiet:hover{box-shadow:7px 9px 0 #4c3a72}

.arrival{position:relative;min-height:500px;display:grid;place-items:center}
.mascot{width:min(88%,350px);display:block;position:relative;z-index:2;filter:drop-shadow(15px 20px 0 #0a0913);transform:translateY(110px) rotate(7deg) scale(.8);opacity:0;transition:transform .9s cubic-bezier(.2,1.2,.3,1),opacity .4s ease}
.arrival.arrived .mascot{transform:translateY(0) rotate(0) scale(1);opacity:1}
.orbit{position:absolute;border:2px dashed #6c568d;border-radius:50%;width:96%;height:72%;transform:rotate(-30deg);opacity:.75}
.orbit-two{width:75%;height:93%;transform:rotate(25deg);border-color:#3c315d}
.landing-label{position:absolute;bottom:20px;right:0;color:var(--lime);transform:rotate(5deg)}
.arrival-star{position:absolute;color:#eee9ff;font:700 2.5rem 'Courier Prime','Courier New',monospace}
.star-a{top:15%;left:0}.star-b{bottom:17%;right:4%;color:var(--green)}

.ticker{margin:0;overflow:hidden;border-block:2px solid #07070b;background:var(--green);color:#090e0b;padding:12px 0;white-space:nowrap;position:relative;z-index:4}
.ticker-track{display:flex;width:max-content;animation:marquee 26s linear infinite}
.ticker-group{display:flex;align-items:center;gap:2.25rem;flex-shrink:0;min-width:100%}
.ticker-group span{flex:none;font:700 1rem 'Courier Prime','Courier New',monospace;white-space:nowrap}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.destinations{padding:140px 0 150px}
.section-heading h2{font-size:clamp(3.5rem,7vw,6.7rem);margin:15px 0 18px}
.section-heading .period{color:var(--green)}
.section-heading p{color:var(--muted)}
.planet-system{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center;padding:60px 0 0}
.planet{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:310px;aspect-ratio:1.08;padding:42px;border:3px solid #0a0811;border-radius:47% 53% 46% 54% / 52% 47% 53% 48%;text-decoration:none;color:#100d19;box-shadow:10px 12px 0 #090713,15px 16px 0 #5d4b83;transition:transform .25s,box-shadow .25s;overflow:visible;isolation:isolate}
.planet::before{content:"";position:absolute;inset:10% 12%;border-radius:inherit;background:
  radial-gradient(circle at 20% 28%,rgba(255,255,255,.28) 0 8%,transparent 8.5%),
  radial-gradient(circle at 70% 35%,rgba(255,255,255,.14) 0 11%,transparent 11.5%),
  radial-gradient(circle at 55% 72%,rgba(0,0,0,.09) 0 14%,transparent 14.5%),
  radial-gradient(circle at 78% 78%,rgba(255,255,255,.16) 0 7%,transparent 7.5%);
  opacity:.95;z-index:-1}
.planet::after{content:"";position:absolute;left:50%;top:52%;width:92%;height:27%;transform:translate(-50%,-50%) rotate(-12deg);border:4px solid rgba(255,255,255,.36);border-radius:50%;opacity:.9;pointer-events:none}
.planet:hover{transform:translateY(-10px) rotate(-3deg)!important;box-shadow:13px 21px 0 #090713,18px 25px 0 #5d4b83}
.planet-privacy{background:#b8ffbd;transform:translateY(-8px) rotate(-6deg)}
.planet-terms{background:#c2afea;transform:translateY(10px) rotate(4deg);border-radius:54% 46% 53% 47% / 45% 55% 45% 55%}
.planet-contact{background:#e7e4f7;transform:translateY(-2px) rotate(-4deg);border-radius:45% 55% 48% 52% / 54% 46% 54% 46%}
.planet-title{font:400 clamp(2.15rem,3.6vw,3.5rem)/.96 'Modak',cursive;letter-spacing:.01em;margin:18px 0 12px}
.planet-desc{font-size:.95rem;max-width:210px;line-height:1.48}
.planet-go{position:absolute;right:20%;bottom:13%;font-size:1.6rem}

.closing{border:2px solid #62517e;background:linear-gradient(120deg,#211632,#131020);border-radius:40px 95px 42px 80px;min-height:310px;padding:55px 65px;margin-bottom:110px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.closing h2{font-size:clamp(3rem,5vw,5rem);margin:12px 0 20px}
.closing p{color:var(--muted)}
.contact-email{font:700 1.2rem 'Courier Prime','Courier New',monospace;color:var(--lime);overflow-wrap:anywhere}
.closing-doodle{font:700 9rem 'Courier Prime','Courier New',monospace;color:var(--green);transform:rotate(-15deg);position:relative}
.closing-doodle span{position:absolute;font-size:4rem;color:#d5c7f2;right:-20px;bottom:0}

.footer{border-top:1px solid #47375e;padding:28px 0 45px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#c7bed9;font-size:.84rem}
.footer div{display:flex;gap:20px}.footer a{text-decoration:none}.footer a:hover{color:var(--green)}

.document-wrap{max-width:930px;padding:75px 0 110px}
.document-heading{border-bottom:2px dashed #6b578a;padding-bottom:25px;margin-bottom:30px}
.document-heading h1{font-size:clamp(3.2rem,7vw,6rem);margin:13px 0 17px}.document-heading h1 span{color:var(--green)}
.document-heading p{color:var(--muted)}
.draft{padding:20px 24px;border:2px solid #8c79b1;background:#271f3a;border-radius:16px;margin-bottom:26px}.draft strong{color:var(--lime)}
.legal{background:#191428;border:1px solid #53436e;border-radius:25px;padding:clamp(25px,5vw,58px)}
.legal h2{font-size:1.75rem;line-height:1.1;margin:34px 0 12px}.legal h2:first-child{margin-top:0}
.legal p,.legal li{color:#e9e3f2}.legal a{color:var(--lime)}.legal ul{padding-left:24px}
.error-main{min-height:68vh;display:grid;place-items:center;text-align:center}.error-main h1{color:var(--green)}

@media(max-width:980px){
  .division{display:none}
  .hero{grid-template-columns:1fr;padding-top:80px}
  .arrival{min-height:350px}
  .mascot{width:min(70%,290px)}
  .planet-system{grid-template-columns:1fr 1fr;justify-items:center}
  .planet{width:100%;max-width:390px}
  .planet-contact{grid-column:1/-1;max-width:380px}
  .destinations{padding:95px 0 110px}
}
@media(max-width:650px){
  .shell{width:calc(100% - 30px)}
  .nav-links{gap:12px}.nav-links a{font-size:.77rem}
  .brand{font-size:1.55rem}.brand img{width:42px;height:42px}
  .entry{height:115vh;min-height:640px}.entry-center{top:16vh}
  .entry h1{font-size:clamp(2.55rem,10vw,4.5rem)}
  .entry-ufo{width:170px}
  .hero h2{font-size:clamp(3.6rem,12vw,6rem)}
  .hero{padding-bottom:75px}
  .planet-system{grid-template-columns:1fr;gap:30px}
  .planet,.planet-contact{grid-column:auto;width:min(100%,350px);min-height:290px;transform:rotate(-4deg)}
  .planet-terms{transform:rotate(4deg)}
  .closing{padding:36px 25px;border-radius:35px}
  .closing-doodle{display:none}
  .footer{font-size:.76rem}
  .document-wrap{padding-top:45px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .entry-ufo{opacity:1!important;transform:translate(52vw,8vh)!important}
  .mascot{opacity:1!important;transform:none!important}
}