*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0d14;--bg-card: #131720;--teal: #00e5c8;--teal-mid: rgba(0, 229, 200, .5);--teal-dim: rgba(0, 229, 200, .1);--teal-glow: rgba(0, 229, 200, .3);--gold: #f5a623;--text: #dce4f0;--text-muted: #6b7a99;--border: rgba(0, 229, 200, .18);--font: "Rajdhani", system-ui, sans-serif;--radius: .75rem}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none}.hex-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hex-cell{fill:transparent;stroke:#00e5c80a;stroke-width:.5;animation:hex-pulse 7s ease-in-out infinite both}.hex-cell--gold{stroke:#f5a6230a;animation-name:hex-pulse-gold}@keyframes hex-pulse{0%,to{fill:transparent;stroke:#00e5c808}50%{fill:#00e5c805;stroke:#00e5c821}}@keyframes hex-pulse-gold{0%,to{fill:transparent;stroke:#f5a62308}50%{fill:#f5a62304;stroke:#f5a62321}}.app{min-height:100vh;position:relative;z-index:1}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0a0d14d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-nav{display:flex;align-items:center;gap:.5rem}.header-link{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .875rem;border-radius:100px;font-family:var(--font);font-size:.8rem;font-weight:600;letter-spacing:.05em;color:var(--text-muted);border:1px solid rgba(0,229,200,.15);transition:all .18s ease-out;white-space:nowrap}.header-link:hover{color:var(--teal);border-color:#00e5c866;background:var(--teal-dim)}.header-link--discord:hover{color:#7289da;border-color:#7289da66;background:#7289da14}@media (max-width: 640px){.header-link span{display:none}.header-link{padding:.4rem .6rem}}.company-name{font-size:.85rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted)}.hero{position:relative;min-height:88svh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 5rem;overflow:hidden;text-align:center}.hero-glow{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:900px;height:700px;background:radial-gradient(ellipse,rgba(0,229,200,.1) 0%,transparent 65%);pointer-events:none;animation:glow-breathe 8s ease-in-out infinite}@keyframes glow-breathe{0%,to{opacity:.75;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.18)}}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center}.hero-eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--teal);background:var(--teal-dim);border:1px solid var(--border);border-radius:100px;padding:.35rem 1rem;margin-bottom:1.5rem}.game-title{font-size:clamp(5.5rem,18vw,13rem);font-weight:700;line-height:.88;letter-spacing:-.02em;color:var(--teal);text-shadow:0 0 40px rgba(0,229,200,.5),0 0 100px rgba(0,229,200,.2);margin-bottom:1.5rem;animation:title-pulse 5s ease-in-out infinite}@keyframes title-pulse{0%,to{text-shadow:0 0 40px rgba(0,229,200,.5),0 0 100px rgba(0,229,200,.2)}50%{text-shadow:0 0 60px rgba(0,229,200,.75),0 0 150px rgba(0,229,200,.35),0 0 4px rgba(0,229,200,.6)}}.tagline{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.hero-subheadline{font-size:clamp(.85rem,1.8vw,1.1rem);font-weight:400;letter-spacing:.04em;color:var(--text-muted);opacity:.7;margin-bottom:2.5rem;max-width:480px;line-height:1.6}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:var(--radius);font-family:var(--font);font-size:.95rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .18s ease-out;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.btn.full{width:100%}.btn-primary{background:var(--teal);color:#070b10;border:1px solid var(--teal);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(108deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translate(-120%)}.btn-primary:hover:after{transform:translate(120%);transition:transform .55s ease-out}.btn-primary:hover{background:#1ffff0;box-shadow:0 0 24px var(--teal-glow),0 0 48px #00e5c81f;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:none}.btn-outline{background:transparent;color:var(--teal);border:1px solid var(--teal)}.btn-outline:hover{background:var(--teal-dim);transform:translateY(-1px)}.btn-outline:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid rgba(107,122,153,.3)}.btn-ghost:hover{color:var(--text);border-color:#6b7a9999;transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.screenshots-section{padding:4rem 2rem 6rem}.screenshots{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;flex-wrap:wrap}.screenshot-frame{flex-shrink:0;border-radius:2.6rem;overflow:hidden;box-shadow:0 0 0 1px var(--border),0 24px 64px #000000b3,0 0 40px #00e5c80f;transition:transform .35s ease,box-shadow .35s ease}.screenshot-frame img{display:block;width:220px;height:auto}.screenshot-frame--center{transform:translateY(-24px);box-shadow:0 0 0 1px #00e5c866,0 32px 80px #000c,0 0 60px #00e5c81f}.screenshot-frame--center img{width:250px}.screenshot-frame:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 0 0 1px var(--teal-mid),0 40px 100px #000c,0 0 80px #00e5c833}.screenshot-frame--center:hover{transform:translateY(-32px) scale(1.03)}.media-section{padding:4rem 2rem 6rem;display:flex;flex-direction:column;gap:3rem;max-width:1100px;margin:0 auto}.media-row{display:grid;gap:1.5rem;align-items:center}.media-row--primary{grid-template-columns:1fr 1fr 1.6fr 1fr 1fr;align-items:end}.media-row--secondary{grid-template-columns:repeat(3,1fr);align-items:start}.media-col{display:flex;flex-direction:column;align-items:center;gap:1rem}.media-pair{display:flex;flex-direction:column;gap:.75rem;width:100%}.media-img,.media-pair img,.media-frame img{display:block;width:100%;height:auto;border-radius:2rem;box-shadow:0 0 0 1px var(--border),0 16px 48px #0009,0 0 30px #00e5c80d}.media-frame{width:100%}.media-video{display:block;width:100%;height:auto;border-radius:2rem;box-shadow:0 0 0 1px #00e5c859,0 32px 80px #000c,0 0 60px #00e5c81f}.media-label{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);text-align:center;line-height:1.5}@media (max-width: 768px){.media-row--primary{display:flex;flex-direction:column}.media-row--primary .media-col{width:100%}.media-col--video{order:-1}.media-row--secondary{display:flex;flex-direction:column}.media-row--secondary .media-col{width:100%}}.lab-quote-section{padding:0 2rem 5rem}.lab-quote-card{position:relative;display:flex;align-items:center;gap:2rem;max-width:680px;margin:0 auto;background:#f0ede5;border-radius:var(--radius);padding:2rem 2rem 2rem 1.5rem;box-shadow:0 8px 40px #00000080}.lab-card-label{position:absolute;top:.75rem;right:1rem;font-size:.6rem;letter-spacing:.25em;color:#00000040;font-weight:700}.lab-assistant-img{width:110px;flex-shrink:0}.lab-quote-text{flex:1}.lab-quote-text p{font-size:1.1rem;font-style:italic;color:#2a2218;line-height:1.75;font-family:Georgia,serif}.lab-quote-text cite{display:block;margin-top:.75rem;font-size:.8rem;font-style:normal;letter-spacing:.08em;color:#2a221880;font-family:var(--font);font-weight:600}@media (max-width: 500px){.lab-quote-card{flex-direction:column;text-align:center;padding:1.5rem}.lab-assistant-img{width:80px}}.features-section{padding:5rem 2rem;background:linear-gradient(to bottom,transparent,rgba(0,229,200,.025),transparent)}.features-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#00e5c866;transform:translateY(-2px)}.feature-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--teal);background:var(--teal-dim);border:1px solid rgba(0,229,200,.25);border-radius:4px;padding:.2rem .6rem;margin-bottom:1rem}.feature-title{font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.feature-desc{font-size:.95rem;color:var(--text-muted);line-height:1.65;font-weight:400}.download-section{padding:6rem 2rem;text-align:center}.section-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem;text-shadow:0 0 40px rgba(245,166,35,.3)}.section-sub{font-size:1rem;color:var(--text-muted);max-width:460px;margin:0 auto 3rem;line-height:1.7}.download-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:680px;margin:0 auto}.dl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;align-items:stretch;gap:.875rem;text-align:left;transition:border-color .2s ease-out,transform .2s ease-out}.dl-card:hover{border-color:#00e5c866;transform:translateY(-2px)}.dl-card-icon{color:var(--teal)}.dl-card h3{font-size:1.4rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.site-footer{padding:2rem;display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;border-top:1px solid var(--border)}.site-footer p{font-size:.85rem;color:var(--text-muted)}.site-footer a{font-size:.85rem;color:var(--text-muted);transition:color .18s ease-out}.site-footer a:hover{color:var(--teal)}@media (max-width: 700px){.screenshot-frame img{width:155px}.screenshot-frame--center img{width:175px}.screenshot-frame--center{transform:translateY(-14px)}}@media (max-width: 480px){.hero-cta{flex-direction:column;align-items:stretch}.screenshots{gap:.75rem}.screenshot-frame img{width:115px}.screenshot-frame--center img{width:130px}}@media (prefers-reduced-motion: reduce){.btn,.screenshot-frame,.feature-card,.dl-card,.site-footer a{transition:none}.hero-glow,.game-title,.hex-cell,.btn-primary:after{animation:none}}