:root{--color-bg:#0e0215;--color-surface:#1b0b2a;--color-primary:#6e23b3;--color-secondary:#ab59ff;--color-accent-1:#10b981;--color-accent-2:#ff661f;--color-primary-light:var(--color-secondary);--color-accent:var(--color-secondary);--color-highlight:var(--color-accent-2);--color-text:#fff;--color-text-muted:#e6d6f5;--color-border:#6e23b3;--container:1200px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:1.5rem}.btn{color:inherit;border:1px solid #0000;border-radius:10px;align-items:center;gap:.6rem;padding:.7rem 1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,background-color .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.btn-primary{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light))}.btn-outline{border-color:var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-secondary) 12%, transparent)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){html.reveal-ready [data-reveal]{transition:opacity .7s,transform .7s;transition-delay:calc(var(--reveal,0) * 80ms)}html.reveal-ready [data-reveal]:not(.is-in){opacity:0;transform:translateY(16px)}}.header{z-index:50;background:color-mix(in srgb, var(--color-bg) 85%, transparent);backdrop-filter:blur(10px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:76px;display:flex}.logo img{object-fit:contain;width:44px;height:44px}.nav{flex:1;justify-content:space-between;align-items:center;margin-left:2rem;display:flex}.nav ul{gap:1.75rem;margin:0 auto;padding:0;list-style:none;display:flex}.nav ul a{color:var(--color-text);font-size:.9rem;text-decoration:none;transition:color .15s}.nav ul a:hover{color:var(--color-accent)}.discord-btn{border-color:var(--color-primary-light);background:color-mix(in srgb, var(--color-primary) 22%, transparent)}.menu-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:.5rem;display:none}.menu-toggle .bar{background:var(--color-text);border-radius:2px;width:24px;height:2px}.hero{padding-block:2rem 4rem}.hero-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:2rem;min-height:520px;display:grid}.tagline{border:1px solid var(--color-border);border-radius:10px;margin:0 0 1.5rem;padding:.55rem 1.1rem;font-size:.9rem;display:inline-block}.hero h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--color-text);margin:0 0 1.25rem;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:400;line-height:1}.hero h1 span{color:var(--color-accent)}.lead{max-width:34rem;color:var(--color-text-muted);margin:0 0 2rem;font-size:clamp(1.05rem,1.6vw,1.3rem)}.actions{flex-wrap:wrap;gap:1.25rem;display:flex}.thanks{text-align:center;place-items:center;min-height:60vh;padding-block:5rem;display:grid}.thanks-inner{max-width:640px}.thanks-title{font-family:var(--font-display);text-transform:uppercase;margin:.5rem 0 1rem;font-size:clamp(2rem,5vw,3rem);font-weight:400;line-height:1.1}.thanks-text{color:var(--color-text-muted);margin:0 0 2rem}.thanks .actions{justify-content:center}.unsubscribe-page{min-height:calc(100svh - 76px);padding-block:3rem}.unsubscribe-kicker{color:var(--color-accent);margin-bottom:1.75rem}.unsubscribe-form{max-width:560px;margin-inline:auto}.unsubscribe-form .signup-input{padding-block:1.4rem;font-size:1.05rem}.unsubscribe-page .thanks-title span{color:var(--color-accent)}.unsubscribe-form .btn{background:var(--color-primary);color:var(--color-text);cursor:pointer;padding:.85rem 1.6rem}.unsubscribe-form .btn:hover{background:var(--color-primary-light)}.unsubscribe-back{margin-top:2rem;font-size:.9rem}.unsubscribe-back a{color:var(--color-primary-light)}.hero-visual img{width:100%;max-width:560px;filter:drop-shadow(0 20px 60px color-mix(in srgb, var(--color-secondary) 28%, transparent));margin-inline:auto}.features{grid-template-columns:repeat(4,1fr);gap:1rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.feature{--feature-border:linear-gradient(135deg, var(--color-primary), var(--color-secondary));background:linear-gradient(var(--color-bg), var(--color-bg)) padding-box, var(--feature-border) border-box;color:var(--color-text);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.35rem 1.2rem 1.45rem;display:flex}.feature-live{--feature-border:linear-gradient(135deg, var(--color-primary), var(--color-secondary))}.feature-badges{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.brand-badge{width:42px;height:42px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .15s;display:inline-flex;position:relative}a.brand-badge:hover{transform:translateY(-2px)}.brand-badge svg{width:22px;height:22px}.badge-discord{background:#5865f2}.badge-youtube{background:#f03}.badge-twitch{background:#9146ff}.badge-tiktok{background:#111}.badge-instagram{background:linear-gradient(135deg,#ff8a00 0%,#ff4d6d 70%)}.live-badge{height:42px;color:var(--color-text);letter-spacing:.12em;text-transform:uppercase;background:#e11d2e;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:0 .9rem 0 .7rem;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex}.live-dot{background:var(--color-text);width:.45rem;height:.45rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-text) 70%, transparent);border-radius:50%;animation:1.6s ease-out infinite live-pulse}@keyframes live-pulse{70%{box-shadow:0 0 0 6px #0000}}.feature-community{--feature-border:linear-gradient(135deg, var(--color-secondary), var(--color-accent-1))}.feature-video{--feature-border:linear-gradient(135deg, var(--color-accent-1), var(--color-accent-2))}.feature-humour{--feature-border:linear-gradient(135deg, var(--color-accent-2), var(--color-primary))}.feature h2{margin:.15rem 0 0;font-size:1.12rem;font-weight:700;line-height:1.15}.feature h2,.feature p{color:inherit}.feature p{margin:0;font-size:.84rem;line-height:1.35}.feature .live-badge{letter-spacing:.12em;font-size:.72rem;line-height:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.newsletter{font-family:var(--font-mono);margin-top:4rem;padding-block:4rem 1.5rem}.signup{background:var(--color-bg);font-family:var(--font-mono);margin-top:0;padding-top:5.92rem;padding-bottom:9rem}.signup-inner{text-align:center;max-width:640px;margin-inline:auto;padding-inline:1.5rem}.signup-mascot{margin-top:-5.17rem;width:100%;max-width:280px;margin-inline:auto}.signup-kicker{font-family:var(--font-display);margin:.5rem 0 0;font-size:.85rem}.signup .signup-kicker{color:var(--color-accent-2);margin:0 0 2rem;font-size:1rem}.signup .signup-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-text);margin:0 0 1.75rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.1}.signup .signup-title span{color:var(--color-accent)}.signup-form{text-align:left;flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.signup-label{font-family:var(--font-display);text-transform:uppercase;font-size:.85rem}.signup-field{background:var(--color-text);border-radius:14px;width:100%;display:flex}.signup-field:focus-within{outline:2px solid var(--color-accent);outline-offset:3px}.signup-input{width:100%;min-width:0;color:var(--color-bg);font:inherit;background:0 0;border:0;border-radius:14px;flex:1;padding:1.25rem 1.15rem;font-size:1rem}.signup-input::placeholder{font-family:var(--font-display);text-transform:uppercase;color:color-mix(in srgb, var(--color-primary) 42%, #8a8a8a)}.signup-input:focus-visible{outline:none}.signup-submit{width:100%;font-family:var(--font-body);cursor:pointer;justify-content:center;margin-top:.35rem}.signup-submit:disabled{opacity:.6;cursor:wait}.signup-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.signup-status{margin:0;font-size:.9rem}.signup-status.is-success{color:var(--color-accent)}.signup-status.is-error{color:var(--color-highlight)}.signup-note{text-transform:uppercase;color:var(--color-text-muted);margin:.5rem 0 0;font-size:.8rem}.signup-consent{text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;align-items:flex-start;gap:1rem;font-size:.6rem;line-height:1.6;display:flex}.signup-consent a{color:var(--color-accent)}.signup-consent a:hover{color:var(--color-text)}.signup-consent input{width:1.25rem;height:1.25rem;accent-color:var(--color-accent);border-radius:4px;flex-shrink:0;margin:0}.newsletter-intro{grid-template-columns:1.6fr 1fr;align-items:center;gap:2rem;display:grid}.newsletter h2{font-family:var(--font-display);text-transform:uppercase;color:var(--color-text);margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.1}.newsletter-subtitle{font-family:var(--font-display);color:var(--color-accent);margin:.25rem 0 2.5rem}.newsletter-text{max-width:40rem;color:var(--color-text-muted);margin:0 0 1.5rem;font-size:1.05rem}.newsletter-strong{color:var(--color-text);font-weight:600}.newsletter-neon{justify-self:center;width:100%;max-width:420px}.reasons{grid-template-columns:repeat(3,1fr);margin:3rem 0 0;padding:0;list-style:none;display:grid}.reason{border-left:1px solid var(--color-text-muted);padding:0 2rem 2rem}.reason:nth-child(3n+1){border-left:0;padding-left:0}.reason:nth-child(-n+3){border-bottom:1px solid var(--color-text-muted)}.reason:nth-child(n+4){padding-top:2rem}.reason-number{font-family:var(--font-display);color:var(--color-accent);font-size:2.25rem;line-height:1;display:block}.reason h3{font-family:var(--font-display);letter-spacing:.01em;margin:1rem 0 .75rem;font-size:.9rem;font-weight:400}.reason p{color:var(--color-text-muted);margin:0;font-size:.9rem}.reason p a{color:var(--color-accent);text-decoration:none}.reason-cta,.reason p a.reason-cta{color:var(--color-accent);margin-top:.25rem;font-size:.9rem;text-decoration:none;transition:color .15s;display:inline-block}.reason-cta:hover,.reason p a.reason-cta:hover{color:var(--color-accent);text-decoration:underline}@media (width<=1100px){.features{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.menu-toggle{display:flex}.nav{background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;gap:1.25rem;margin:0;padding:1.5rem;display:none;position:absolute;top:100%;left:0;right:0}.nav.is-open{display:flex}.nav ul{flex-direction:column;gap:1rem;margin:0}.discord-btn{justify-content:center}.hero-grid{text-align:center;grid-template-columns:1fr;min-height:0}.lead{margin-inline:auto}.actions{justify-content:center}.hero-visual{order:-1}.hero-visual img{max-width:360px}.features{grid-template-columns:1fr}.feature{gap:1.25rem;padding:1.5rem 1.75rem}.newsletter-intro{grid-template-columns:1fr}.newsletter-neon{order:-1;max-width:300px;margin-inline:auto}.reasons{grid-template-columns:1fr}.reason:nth-child(n){border:0;border-top:1px solid var(--color-text-muted);padding:2rem 0}.reason:first-child{border-top:0;padding-top:0}}.galerie-grid{grid-template-columns:repeat(3,1fr);gap:2px;width:100%;margin-top:-4rem;padding:0;list-style:none;display:grid;border:none!important}.galerie-item{height:min(33.333vw,50svh);overflow:hidden}.galerie-item img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.galerie-item:hover img{transform:scale(1.04)}@media (prefers-reduced-motion:reduce){.galerie-item img{transition:none}.live-dot{animation:none}}.showcase{padding-inline:0}.showcase .galerie-grid{border:2px solid var(--color-primary-light)}.about{padding-block:4rem 2rem}.about-inner{padding-inline:1.5rem}.about h2{font-family:var(--font-display);text-transform:uppercase;color:var(--color-text);margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.1}.about-subtitle{font-family:var(--font-display);text-transform:uppercase;color:var(--color-accent);margin:.25rem 0 0}.team{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,5vw,4rem);margin:4rem 0 0;padding:0 1.5rem;list-style:none;display:grid}.team-card{text-align:center;--team-border:linear-gradient(135deg, var(--color-primary), var(--color-secondary));background:linear-gradient(var(--color-bg), var(--color-bg)) padding-box, var(--team-border) border-box;background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;padding:1.5rem 1rem 2rem;transition:transform .15s;display:flex}.team-card:nth-child(2){--team-border:linear-gradient(135deg, var(--color-secondary), var(--color-accent-1))}.team-card:nth-child(3){--team-border:linear-gradient(135deg, var(--color-accent-1), var(--color-accent-2))}.team-card:hover{transform:translateY(-3px)}.team-avatar{aspect-ratio:1;object-fit:cover;background:linear-gradient(180deg, var(--color-primary-light), var(--color-primary));border-radius:24px;width:min(100%,192px)}.team-avatar-placeholder{font-family:var(--font-display);color:var(--color-text);place-items:center;font-size:3.5rem;display:grid}.team-card h3{font-family:var(--font-display);text-transform:uppercase;margin:1.25rem 0 .75rem;font-size:1.05rem;font-weight:400}.team-link{color:inherit;text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:4px;transition:color .15s}.team-link:hover{color:var(--color-accent)}.team-role{font-family:var(--font-display);color:var(--color-primary-light);margin:0;font-size:.85rem}.about .social-title{text-align:center;margin-top:5rem;font-size:clamp(1.75rem,3vw,2.25rem)}.social{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:1.5rem 0 6rem;padding:0;list-style:none;display:flex}.about .social-link{width:40px;height:40px}.social-link{border-radius:50%;place-items:center;width:88px;height:88px;transition:transform .15s;display:grid}.social-link:hover{transform:translateY(-3px)}.social-link svg{width:100%;height:100%}@media (width<=900px){.team{grid-template-columns:1fr;max-width:360px;margin-inline:auto;padding:0}.about .social-link{width:32px;height:32px}}@media (width<=600px){.galerie-grid{grid-template-columns:repeat(2,1fr)}.galerie-item{height:min(50vw,33.333svh)}}.application{font-family:var(--font-mono);text-transform:uppercase;background:0 0;padding-block:4rem}.application-grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:3rem;display:grid}.application h2{font-family:var(--font-display);color:var(--color-text);margin:0;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.1}.application-soon{font-family:var(--font-display);color:var(--color-accent-2);margin:.45rem 0 0;font-size:1rem}.application-subtitle{font-family:var(--font-display);color:var(--color-accent);margin:.25rem 0 2rem}.application-heading{margin:1.5rem 0 0;font-size:.95rem;font-weight:600}.application-intro{max-width:42rem;margin:0 0 1.25rem;font-size:.85rem;font-weight:600}.application-features{margin:0;padding:0 0 0 1.25rem;font-size:.8rem;font-weight:600;list-style:outside}.application-features li+li{margin-top:.25rem}.store-badges{flex-wrap:wrap;gap:1.25rem;margin:2.5rem 0 0;padding:0 .5rem;list-style:none;display:flex}.store-badge{min-width:11rem;font-family:var(--font-body);text-transform:none;background:oklch(0% 0 0);border:2px solid oklch(65% 0 0);border-radius:10px;align-items:center;gap:.55rem;padding:.4rem .85rem;text-decoration:none;transition:transform .15s;display:inline-flex}.store-badge:hover{transform:translateY(-3px)}.store-badge-icon{flex-shrink:0;width:1.75rem;height:1.75rem}.store-badge-text{letter-spacing:-.02em;flex-direction:column;font-size:1.2rem;font-weight:500;line-height:1;display:flex}.store-badge-text small{letter-spacing:0;font-size:.62rem}.phone{z-index:1;aspect-ratio:9/19.5;border:3px solid color-mix(in srgb, var(--color-text) 80%, var(--color-bg));background:var(--color-bg);border-radius:44px;justify-self:center;width:min(100%,280px);padding:10px;position:relative;transform:translateY(-9rem);box-shadow:0 30px 60px oklch(0% 0 0/.35)}.phone-screen{background:color-mix(in srgb, var(--color-secondary) 14%, white);height:100%;color:var(--color-bg);font-family:var(--font-body);text-transform:none;border-radius:34px;flex-direction:column;padding:.75rem 1.25rem 1.5rem;display:flex}.phone-status{justify-content:space-between;align-items:center;font-size:.7rem;font-weight:600;display:flex}.phone-notch{background:var(--color-bg);border-radius:999px;width:30%;height:1.25rem}.phone-orbit{aspect-ratio:1;border:2px dashed color-mix(in srgb, var(--color-secondary) 65%, white);border-radius:50%;place-items:center;width:100%;margin-top:2.5rem;display:grid;position:relative}.phone-orbit:before{content:"";background:color-mix(in srgb, var(--color-secondary) 28%, white);border-radius:50%;position:absolute;inset:18%}.phone-logo{aspect-ratio:1;background:linear-gradient(160deg, var(--color-bg), #000);width:45%;color:var(--color-secondary);border-radius:12px;place-items:center;display:grid;position:relative}.phone-logo svg{width:70%}.phone-actions{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.phone-btn{border:1px solid color-mix(in srgb, var(--color-secondary) 30%, white);text-align:center;background:oklch(100% 0 0);border-radius:8px;padding:.6rem;font-size:.75rem;font-weight:600}.phone-btn-primary{background:var(--color-secondary);color:var(--color-bg);border-color:#0000}@media (width<=900px){.application-grid{grid-template-columns:1fr}.phone{transform:none}.store-badges{justify-content:center;gap:1rem}.store-badge{min-width:0}.store-badge-text{font-size:1.05rem}.store-badge-text small{font-size:.55rem}}.footer{font-family:var(--font-mono);text-transform:uppercase;padding-block:3rem 1.5rem;position:relative}.footer:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-secondary), var(--color-accent-1), var(--color-accent-2));height:2px;position:absolute;top:0;left:0;right:0}.footer-grid{text-align:center;grid-template-columns:auto repeat(4,1fr);align-items:start;gap:2rem;display:grid}.footer-mascot{object-fit:contain;align-self:center;width:140px}.footer-title{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 .75rem;font-size:1.1rem;font-weight:400}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li a{letter-spacing:.05em;font-size:.62rem;font-weight:600;text-decoration:none;transition:color .15s}.footer-col li a:hover{color:var(--color-accent)}.footer-social{flex-wrap:nowrap;justify-content:center;gap:.5rem;display:flex}.footer .social-link{width:36px;height:36px}.footer-copyright{letter-spacing:.05em;text-align:center;margin:3rem 0 0;font-size:.72rem;font-weight:600}@media (width<=900px){.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-mascot{grid-column:1/-1;justify-self:center;width:110px}}@media (width<=600px){.footer-grid{grid-template-columns:1fr}.footer-copyright{letter-spacing:.02em;padding-inline:1rem;font-size:.58rem;line-height:1.45}}.legal{max-width:800px;color:var(--color-text-muted);padding-block:3rem 5rem}.legal h1{font-family:var(--font-display);color:var(--color-text);margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem)}.legal-updated{font-family:var(--font-mono);color:var(--color-accent);margin:0 0 2rem;font-size:.9rem}.legal h2{color:var(--color-text);margin:2.5rem 0 .75rem;font-size:1.3rem}.legal p,.legal ul{margin:0 0 1rem}.legal a{color:var(--color-primary-light)}.legal a:hover{color:var(--color-accent)}.legal h3{color:var(--color-text);margin:1.5rem 0 .5rem;font-size:1.05rem}
