@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--navy:#171b30;--navy2:#1b2944;--dark:#111727;--cream:#f5dfb0;--gold:#ffcd35;--cyan:#5bd0d6;--wood:#995c3e;--brown:#493022;--line:#5b4a45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--cream);font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,5vw,88px);border-bottom:3px solid #30354a;background:#181b30;position:relative;z-index:5}.brand{font-family:'Press Start 2P',monospace;font-size:12px;white-space:nowrap;line-height:1.8;color:#f9dc9a}.brand-fish{color:var(--cyan);font-size:19px;margin-right:7px}.site-header nav{display:flex;gap:34px}.site-header nav a,.nav-link{font-size:11px;font-weight:700;letter-spacing:1.5px}.site-header nav a:hover,.nav-link:hover{color:var(--cyan)}.nav-link{border:2px solid #b27951;padding:12px 14px}.nav-link span{color:var(--gold)}.hero{background:radial-gradient(ellipse at 78% 20%,#273e5d 0,transparent 49%),linear-gradient(145deg,#171b30,#192c45 70%,#182b3d);overflow:hidden;position:relative}.sky-stars{position:absolute;inset:0;opacity:.18;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:48px 48px}.hero-inner{max-width:1440px;margin:auto;padding:105px 5% 105px;display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:6%}.hero-copy{position:relative;z-index:1}.kicker,.eyebrow{font-family:'Press Start 2P',monospace;font-size:10px;letter-spacing:1px;color:var(--cyan);line-height:2.2}.sparkle{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,.quote{font-family:'Press Start 2P',monospace}h1{font-size:clamp(30px,4.5vw,68px);line-height:1.55;letter-spacing:-2px;text-shadow:5px 5px 0 #4a2f29;margin:24px 0}h1 span{color:var(--gold)}.bang{color:#ff7767}.lede{font-size:19px;line-height:1.7;color:#d7d6d2;max-width:450px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0}.pixel-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:19px 20px;font-family:'Press Start 2P',monospace;font-size:10px;line-height:1.6;transition:transform .15s,filter .15s;text-align:center}.pixel-button:hover{transform:translateY(-3px);filter:brightness(1.12)}.pixel-button.gold{background:var(--gold);color:#29211c;border:3px solid #ffeb8c;box-shadow:5px 5px 0 #7e4a2d}.pixel-button.outline{border:3px solid #ae7453;color:#f8d8aa;background:#2d2830}.micro{font-size:11px;letter-spacing:2px;color:#aab7c0;margin:25px 0 0}.micro span{color:var(--gold);padding:0 10px}.hero-art{background:#342c30;border:5px solid #885335;box-shadow:10px 12px 0 #0f1424,0 0 0 3px #251f28;transform:rotate(1deg)}.art-top,.art-bottom{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;background:#3c2922;font-family:'Press Start 2P',monospace;font-size:8px;line-height:1.7}.art-top{border-bottom:3px solid #a46a43}.art-bottom{border-top:3px solid #a46a43;color:#ebc28c}.live-dot{color:#ffda55}.hero-art img{width:100%;aspect-ratio:16/9;object-fit:cover;image-rendering:auto}.hero-ribbon{display:flex;justify-content:space-around;align-items:center;gap:20px;flex-wrap:wrap;background:#8b4f34;border-top:5px solid #bb7b50;border-bottom:5px solid #4e2b24;padding:17px 20px;font-family:'Press Start 2P',monospace;font-size:9px;line-height:1.8;color:#ffe0ac}.hero-ribbon span:nth-child(even){color:var(--gold)}.section{max-width:1330px;margin:auto;padding:110px 5%}.section-head{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:end}.section-head .eyebrow{grid-column:1/-1;margin:0}h2{font-size:clamp(23px,3.3vw,45px);line-height:1.65;letter-spacing:-1px;margin:15px 0 34px}h2 span{color:var(--cyan)}.section-head>p:last-child,.updates>div>p:last-child{color:#bfcbd2;font-size:18px;line-height:1.75;max-width:500px}.screenshot-frame{margin-top:45px;background:#392820;border:5px solid #a16b46;box-shadow:10px 10px 0 #0f1525}.window-bar,.frame-caption{display:flex;justify-content:space-between;gap:15px;padding:15px 20px;background:#422d23;color:#f8cf94;font-family:'Press Start 2P',monospace;font-size:9px;line-height:1.8}.screenshot-frame img{width:100%}.frame-caption{background:#24364c;border-top:4px solid #7b4c33}.features{max-width:none;background:#1c2b43;border-top:4px solid #293a4e;border-bottom:4px solid #293a4e;padding-left:max(5%,calc((100% - 1197px)/2));padding-right:max(5%,calc((100% - 1197px)/2))}.features h2 span{color:var(--gold)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.feature{position:relative;background:#362920;border:3px solid #9c6744;box-shadow:5px 5px 0 #11192a;padding:26px 22px 34px;min-height:280px}.feature-index{font-family:'Press Start 2P',monospace;font-size:9px;color:#ddae7a}.feature-symbol{font-family:monospace;font-size:52px;color:var(--cyan);margin:16px 0 24px;text-shadow:4px 4px #173b49}.feature h3{font-family:'Press Start 2P',monospace;font-size:12px;line-height:1.8;color:#ffdb89}.feature p{color:#e2cdbb;font-size:15px;line-height:1.7;margin:0}.interlude{padding:110px 20px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#2e655c 0,transparent 58%),#14273b;border-bottom:5px solid #4d614d}.quote{font-size:clamp(28px,5vw,64px);line-height:1.7;color:var(--cream);margin:24px 0;text-shadow:5px 5px #4c3029}.quote em{color:var(--gold);font-style:normal}.interlude-inner>p:not(.quote){font-size:20px;color:#b7d8d4}.tiny-fish{display:block;color:var(--cyan);font-size:30px;margin-top:24px}.updates{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center}.update-card{background:#372b23;border:4px solid #a46b47;box-shadow:7px 7px 0 #0e1523;text-align:center;padding:44px 25px}.update-icon{display:block;font-size:38px;color:var(--gold);margin-bottom:22px}.update-card strong{font-family:'Press Start 2P',monospace;font-size:13px;line-height:1.9}.update-card p{margin:16px 0 28px;color:#dfc4a7}.update-card small{display:block;margin-top:25px;color:#bba68e;font-size:12px}footer{border-top:4px solid #815438;background:#121829;padding:35px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}footer>span{font-size:11px;letter-spacing:1.5px;color:#b5b3b6}@media(max-width:1050px){.hero-inner{grid-template-columns:1fr;padding-top:70px}.hero-art{max-width:850px}.feature-grid{grid-template-columns:repeat(2,1fr)}.site-header nav{gap:15px}}@media(max-width:700px){.site-header{height:auto;min-height:68px;padding:16px 20px;flex-wrap:wrap}.site-header nav{order:3;width:100%;justify-content:space-between}.nav-link{display:none}.brand{font-size:10px}.hero-inner{padding:65px 6% 70px}.hero-art{transform:none}.hero-ribbon{font-size:8px}.section{padding:75px 6%}.section-head,.updates{grid-template-columns:1fr;gap:8px}.section-head .eyebrow{grid-column:auto}.feature-grid{grid-template-columns:1fr}.feature{min-height:0}.art-top,.art-bottom,.window-bar,.frame-caption{font-size:7px;padding:10px}.pixel-button{font-size:9px}.lede{font-size:17px}footer{justify-content:center;text-align:center}h1{letter-spacing:-1px}}

.footer-links {
  display: flex;
  gap: 20px;
}

.footer-links a {
  color: inherit;
  text-decoration: none;
}

.footer-links a:hover {
  text-decoration: underline;
}