:root{--landing-font: "Outfit", system-ui, sans-serif;--landing-mono: "IBM Plex Mono", ui-monospace, monospace;--landing-bg: #f8f7f4;--landing-surface: #ffffff;--landing-surface-2: #f0eeea;--landing-text: #18181b;--landing-muted: #52525b;--landing-border: rgba(24, 24, 27, .08);--landing-accent: #0d7a6f;--landing-accent-hover: #0a635b;--landing-radius: 14px;--landing-radius-lg: 22px;--landing-max: 72rem;--landing-ease: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--landing-bg: #0c0f14;--landing-surface: #141922;--landing-surface-2: #1a2030;--landing-text: #f4f4f5;--landing-muted: #a1a1aa;--landing-border: rgba(244, 244, 245, .1);--landing-accent: #2dd4bf;--landing-accent-hover: #5eead4}@keyframes landing-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.landing-page{height:100%;height:100dvh;max-height:100dvh;background:var(--landing-bg);color:var(--landing-text);font-family:var(--landing-font);display:flex;flex-direction:column;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}.landing-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}.landing-page>*{position:relative;z-index:1}.landing-container{max-width:var(--landing-max);margin:0 auto;padding:0 clamp(1rem,4vw,1.75rem);width:100%}.landing-reveal{opacity:0;animation:landing-rise .75s var(--landing-ease) forwards}.landing-reveal-d1{animation-delay:.08s}.landing-reveal-d2{animation-delay:.16s}.landing-reveal-d3{animation-delay:.24s}.landing-reveal-d4{animation-delay:.32s}.landing-header{position:sticky;top:0;z-index:100;padding:.85rem 0;background:color-mix(in srgb,var(--landing-bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--landing-border)}.landing-header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.landing-logo{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:-.03em;color:var(--landing-text)}.landing-nav{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;flex:1}.landing-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;padding:.5rem 1rem;font:inherit;font-size:.875rem;font-weight:500;color:var(--landing-muted);text-decoration:none;background:transparent;border:1px solid var(--landing-border);border-radius:999px;cursor:pointer;transition:color .25s var(--landing-ease),border-color .25s var(--landing-ease),background .25s var(--landing-ease),transform .15s var(--landing-ease);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.landing-nav-link:hover{color:var(--landing-text);border-color:color-mix(in srgb,var(--landing-accent) 40%,var(--landing-border));background:var(--landing-surface)}.landing-nav-link:active{transform:scale(.98)}.landing-main{flex:1}.landing-hero{padding:clamp(3rem,8vw,6rem) 0 clamp(4rem,10vw,7rem);min-height:min(100dvh,920px);display:flex;align-items:center;border-bottom:1px solid var(--landing-border)}.landing-hero-content{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4rem);align-items:center}.landing-hero-eyebrow{display:inline-block;margin:0 0 1rem;font-family:var(--landing-mono);font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--landing-accent)}.landing-hero-title{margin:0 0 1.25rem;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--landing-text);max-width:14ch}.landing-hero-description{margin:0 0 2rem;font-size:clamp(1rem,2vw,1.125rem);font-weight:400;line-height:1.65;color:var(--landing-muted);max-width:42ch}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.landing-hero-image{display:flex;justify-content:flex-end;align-items:center}.landing-catalog-image{width:100%;max-width:34rem;height:auto;border-radius:var(--landing-radius-lg);border:1px solid var(--landing-border);box-shadow:0 24px 48px -24px #0c0f1440;transition:transform .4s var(--landing-ease)}.landing-catalog-image:hover{transform:translateY(-4px)}.landing-button{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;border-radius:999px;border:none;cursor:pointer;text-decoration:none;text-align:center;transition:background .25s var(--landing-ease),color .25s var(--landing-ease),border-color .25s var(--landing-ease),transform .15s var(--landing-ease)}.landing-button:active{transform:scale(.98)}.landing-button-primary{background:var(--landing-accent);color:#fff}[data-theme=dark] .landing-button-primary{color:#0c0f14}.landing-button-primary:hover{background:var(--landing-accent-hover)}.landing-button-secondary{background:var(--landing-surface);color:var(--landing-text);border:1px solid var(--landing-border)}.landing-button-secondary:hover{border-color:color-mix(in srgb,var(--landing-accent) 35%,var(--landing-border))}.landing-button-outline{background:transparent;color:var(--landing-text);border:1px solid var(--landing-border)}.landing-button-outline:hover{background:var(--landing-surface);border-color:var(--landing-muted)}.landing-section-label{display:block;margin:0 0 .75rem;font-family:var(--landing-mono);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--landing-accent)}.landing-section-title{margin:0 0 clamp(2rem,5vw,3.5rem);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--landing-text);max-width:18ch}.landing-section-title--center{margin-left:auto;margin-right:auto;text-align:center;max-width:24ch}.landing-section-lead{margin:-2rem auto clamp(2rem,5vw,3rem);max-width:52ch;text-align:center;font-size:1.0625rem;line-height:1.65;color:var(--landing-muted)}.landing-why-needed{padding:clamp(4rem,10vw,6rem) 0;background:var(--landing-surface);border-bottom:1px solid var(--landing-border)}.landing-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.landing-bento-card{grid-column:span 6;padding:clamp(1.25rem,3vw,1.75rem);background:var(--landing-bg);border:1px solid var(--landing-border);border-radius:var(--landing-radius);transition:border-color .3s var(--landing-ease),transform .3s var(--landing-ease)}.landing-bento-card:hover{border-color:color-mix(in srgb,var(--landing-accent) 30%,var(--landing-border));transform:translateY(-2px)}.landing-bento-card--wide{grid-column:span 7}.landing-bento-card--narrow{grid-column:span 5}.landing-bento-card--full{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.landing-use-case-icon{display:flex;margin-bottom:1rem;color:var(--landing-accent)}.landing-use-case-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;letter-spacing:-.02em}.landing-use-case-description{margin:0;font-size:.9375rem;line-height:1.6;color:var(--landing-muted)}.landing-play-together{padding:clamp(4rem,10vw,6rem) 0;border-bottom:1px solid var(--landing-border)}.landing-timeline{list-style:none;margin:0;padding:0;max-width:44rem}.landing-timeline-item{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;padding:1.5rem 0;border-bottom:1px solid var(--landing-border)}.landing-timeline-item:last-child{border-bottom:none}.landing-timeline-index{font-family:var(--landing-mono);font-size:.75rem;font-weight:500;color:var(--landing-accent);padding-top:.2rem}.landing-feature-item-title{margin:0 0 .35rem;font-size:1.125rem;font-weight:600}.landing-feature-item-description{margin:0;font-size:.9375rem;line-height:1.6;color:var(--landing-muted);max-width:55ch}.landing-templates{padding:clamp(4rem,10vw,6rem) 0;background:var(--landing-surface);border-bottom:1px solid var(--landing-border)}.landing-templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem}.landing-template-benefit{padding:1.25rem 0;border-top:1px solid var(--landing-border)}.landing-template-benefit-icon{display:flex;margin-bottom:.75rem;color:var(--landing-accent)}.landing-template-benefit-title{margin:0 0 .35rem;font-size:1rem;font-weight:600}.landing-template-benefit-desc{margin:0;font-size:.875rem;line-height:1.55;color:var(--landing-muted)}.landing-games-showcase{padding:clamp(4rem,10vw,6rem) 0}.landing-showcase-description{margin:-2rem auto 2.5rem;text-align:center;max-width:40ch;color:var(--landing-muted);line-height:1.6}.landing-games-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.landing-game-screenshot{border-radius:12px;overflow:hidden;border:1px solid var(--landing-border);aspect-ratio:9 / 16;background:var(--landing-surface-2);transition:transform .35s var(--landing-ease)}.landing-game-screenshot:nth-child(2),.landing-game-screenshot:nth-child(5){transform:translateY(12px)}.landing-game-screenshot:hover{transform:translateY(-4px)}.landing-game-image{width:100%;height:100%;object-fit:cover;display:block}.landing-loading{text-align:center;padding:3rem;color:var(--landing-muted)}.landing-showcase-stats{display:flex;justify-content:center;margin-top:3.5rem}.landing-stat-card{width:100%;max-width:22rem;padding:2rem;text-align:center;background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:var(--landing-radius-lg)}.landing-stat-value{font-family:var(--landing-mono);font-size:clamp(2.5rem,6vw,3.5rem);font-weight:500;font-variant-numeric:tabular-nums;color:var(--landing-text);line-height:1;margin-bottom:.5rem}.landing-stat-label{font-size:.8125rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--landing-muted);margin-bottom:1.25rem}.landing-stat-button{width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;border-radius:999px;border:1px solid var(--landing-accent);background:transparent;color:var(--landing-accent);cursor:pointer;transition:background .25s var(--landing-ease),color .25s var(--landing-ease),transform .15s var(--landing-ease)}.landing-stat-button:hover{background:var(--landing-accent);color:#fff}[data-theme=dark] .landing-stat-button:hover{color:#0c0f14}.landing-stat-button:active{transform:scale(.98)}.landing-footer-rules{margin-top:2rem;text-align:center;font-size:.8125rem;line-height:1.6}.landing-cta{padding:clamp(4rem,10vw,5.5rem) 0;text-align:center;border-top:1px solid var(--landing-border);background:var(--landing-surface-2)}.landing-cta-title{margin:0 0 .75rem;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;letter-spacing:-.03em}.landing-cta-description{margin:0 auto 2rem;max-width:40ch;color:var(--landing-muted);line-height:1.6}.landing-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.landing-footer{padding:2rem 0 2.5rem;border-top:1px solid var(--landing-border);background:var(--landing-bg)}.landing-footer-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.landing-footer-text{margin:0;font-size:.8125rem;color:var(--landing-muted)}.landing-footer-link{color:var(--landing-accent);text-decoration:none;transition:opacity .2s}.landing-footer-link:hover{opacity:.75;text-decoration:underline}@media (max-width: 968px){.landing-hero-content{grid-template-columns:1fr;text-align:left}.landing-hero-image{justify-content:center;order:-1}.landing-hero-title{max-width:none}.landing-hero-actions{justify-content:flex-start}.landing-bento-card,.landing-bento-card--wide,.landing-bento-card--narrow{grid-column:1 / -1}.landing-bento-card--full{grid-template-columns:1fr}.landing-games-grid{grid-template-columns:repeat(3,1fr)}.landing-game-screenshot:nth-child(2),.landing-game-screenshot:nth-child(5){transform:none}}@media (max-width: 768px){.landing-header-content{flex-direction:column;align-items:stretch}.landing-nav{width:100%;justify-content:stretch}.landing-nav-link{flex:1;min-width:0}.landing-templates-grid{grid-template-columns:1fr}.landing-games-grid{grid-template-columns:repeat(2,1fr)}.landing-section-title--center,.landing-section-lead,.landing-showcase-description{text-align:left;margin-left:0;margin-right:0}}@media (max-width: 480px){.landing-games-grid{grid-template-columns:1fr 1fr;gap:.5rem}}@media (prefers-reduced-motion: reduce){.landing-reveal,.landing-catalog-image,.landing-bento-card,.landing-game-screenshot{animation:none;opacity:1;transform:none;transition:none}}.legal-page{min-height:100vh;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--cyber-bg);color:var(--cyber-text);display:flex;flex-direction:column}[data-theme=dark] .legal-page{background:#0a0e27;color:#fff}.legal-header{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--cyber-border);padding:20px 0;position:sticky;top:0;z-index:100}[data-theme=dark] .legal-header{background:#0a0e27f2}.legal-container{max-width:900px;margin:0 auto;padding:0 24px;width:100%}.legal-header-content{display:flex;justify-content:space-between;align-items:center}.legal-logo{font-size:24px;font-weight:700;color:var(--cyber-primary);text-decoration:none}.legal-main{flex:1;padding:60px 0}.legal-title{font-size:40px;font-weight:800;margin:0 0 24px}.legal-content{line-height:1.8;font-size:16px;opacity:.92}.legal-content h1,.legal-content h2,.legal-content h3,.legal-content h4{line-height:1.25;margin:28px 0 12px}.legal-content h1{font-size:32px}.legal-content h2{font-size:24px}.legal-content h3{font-size:18px}.legal-content h4{font-size:16px}.legal-content p{margin:12px 0}.legal-content ul,.legal-content ol{margin:10px 0 10px 22px;padding:0}.legal-content li{margin:6px 0}.legal-content a{color:var(--cyber-primary);text-decoration:underline;text-underline-offset:2px}.legal-content a:hover{opacity:.9}.legal-content blockquote{margin:14px 0;padding:8px 14px;border-left:3px solid var(--cyber-primary);background:#0000000a;border-radius:8px}[data-theme=dark] .legal-content blockquote{background:#ffffff0f}.legal-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:#0000000f;padding:.15em .35em;border-radius:6px}[data-theme=dark] .legal-content code{background:#ffffff14}.legal-content pre{margin:14px 0;padding:14px;border-radius:12px;overflow:auto;background:#0000000f}[data-theme=dark] .legal-content pre{background:#ffffff14}.legal-content pre code{background:transparent;padding:0}.legal-footer{border-top:1px solid var(--cyber-border);padding:28px 0;background:#fffc}[data-theme=dark] .legal-footer{background:#0a0e27e6}.legal-back-link{display:inline-block;padding:12px 24px;background:var(--cyber-primary);color:#fff;text-decoration:none;border-radius:6px;font-weight:700}