.landing-body{margin:0;font-family:var(--mm-font-body);background-color:var(--mm-bg);color:var(--mm-text);overflow-x:hidden;line-height:1.6}.landing-header{position:fixed;background:#0e1517d9;backdrop-filter:blur(8px);top:0;left:0;width:100%;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;z-index:100;box-sizing:border-box;transition:transform .3s ease-in-out}.landing-logo{font-family:var(--mm-font-display);font-size:1.5rem;font-weight:700;color:var(--mm-text);text-decoration:none;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px}.landing-logo-mark{width:30px;height:30px;display:block}.landing-nav{display:flex;gap:24px}.landing-nav a{color:var(--mm-muted);text-decoration:none;font-weight:600;font-size:.95rem;transition:color .2s ease}.landing-nav a:hover{color:var(--mm-text)}.landing-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:0 24px}.landing-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(185,167,255,.15) 0 30%,transparent 65%),radial-gradient(circle at 50% 90%,rgba(255,158,122,.1) 0 30%,transparent 60%),var(--mm-darkfield);z-index:1}.landing-hero-screen{display:none}.landing-hero-content{position:relative;z-index:2;max-width:800px}.landing-hero-gem{width:min(46vh,420px);height:min(46vh,420px);margin:6vh auto 2px}.landing-hero-gem canvas{width:100%;height:100%;display:block}.landing-mobile-gem{display:none}.landing-hero h1{font-family:var(--mm-font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:1.1;margin:0 0 24px;background:linear-gradient(to right,#fff,var(--mm-cool));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 12px rgba(185,167,255,.2))}.landing-hero p{font-size:clamp(1.2rem,2.5vw,1.5rem);color:var(--mm-text-soft);margin:0 0 40px;font-weight:400;max-width:650px;margin-inline:auto}.landing-btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;font-family:var(--mm-font-body);font-weight:700;font-size:1.1rem;color:var(--mm-on-warm);background:var(--mm-warm-grad);border-radius:var(--mm-pill);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px #ff9e7a4d;border:none;cursor:pointer}.landing-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff9e7a66}.landing-btn--secondary{background:#b9a7ff1a;color:var(--mm-text);box-shadow:none;border:1px solid rgba(185,167,255,.4)}.landing-btn--secondary:hover{background:#b9a7ff2e;box-shadow:0 8px 24px #b9a7ff26}.landing-section{padding:120px 24px;position:relative;z-index:2;max-width:1200px;margin:0 auto}.landing-app-preview{padding-top:0}.landing-app-preview-frame{width:100%;max-width:1000px;margin:0 auto;background:var(--mm-panel);border:1px solid rgba(185,167,255,.2);border-radius:var(--mm-radius);box-shadow:0 20px 60px #00000080;overflow:hidden;position:relative}.landing-app-preview-image{width:100%;height:auto;display:block}.landing-app-preview-fade{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(transparent,var(--mm-bg));pointer-events:none}.landing-section-header{text-align:center;margin-bottom:72px}.landing-section-header h2{font-family:var(--mm-font-display);font-size:clamp(2rem,5vw,3.5rem);margin:0 0 16px;color:var(--mm-text)}.landing-section-header p{font-size:1.25rem;color:var(--mm-muted);max-width:600px;margin:0 auto}.landing-concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.landing-card{background:var(--mm-panel);border:1px solid rgba(185,167,255,.2);border-radius:var(--mm-radius);padding:40px;text-align:center;backdrop-filter:blur(12px);transition:transform .3s ease,border-color .3s ease}.landing-card:hover{transform:translateY(-5px);border-color:#b9a7ff80}.landing-card h3{font-family:var(--mm-font-display);font-size:1.5rem;margin:0 0 16px;color:var(--mm-cool)}.landing-card p{color:var(--mm-text-soft);margin:0;font-size:1.05rem}.landing-creatures{display:flex;flex-direction:column;gap:80px}.landing-creature-showcase{display:flex;align-items:center;gap:64px;flex-wrap:wrap}.landing-creature-showcase:nth-child(2n){flex-direction:row-reverse}.landing-creature-text{flex:1;min-width:300px}.landing-creature-text h3{font-family:var(--mm-font-display);font-size:2.5rem;margin:0 0 16px;color:var(--mm-warm)}.landing-creature-text p{font-size:1.15rem;color:var(--mm-text-soft);margin:0 0 24px}.landing-creature-art{flex:1;min-width:300px;aspect-ratio:16/9;background:var(--mm-panel);border-radius:var(--mm-radius);border:1px solid rgba(185,167,255,.2);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #0000004d;overflow:hidden}.landing-creature-art picture{width:100%;height:100%;display:block}.landing-art-image{width:100%;height:100%;display:block}.landing-art-image--field{object-fit:cover;object-position:bottom;transform:scale(1.3);transform-origin:bottom}.landing-art-image--contain{object-fit:contain;object-position:center}.landing-art-image--contain-bottom{object-fit:contain;object-position:center bottom}.landing-creature-art canvas{height:90%;width:auto;aspect-ratio:1;display:block}.landing-creature-placeholder{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at center,rgba(185,167,255,.1),transparent 70%);display:flex;align-items:center;justify-content:center;color:var(--mm-muted);font-family:var(--mm-font-label);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem}.landing-pwa-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:48px}.landing-pwa-step{padding:32px;background:#ffffff08;border:1px solid var(--mm-line);border-radius:var(--mm-radius);text-align:center}.landing-pwa-step-icon{font-size:2rem;margin-bottom:16px;color:var(--mm-cool)}.landing-pwa-step h4{font-family:var(--mm-font-display);font-size:1.25rem;margin:0 0 12px}.landing-pwa-step p{color:var(--mm-text-soft);margin:0;font-size:.95rem}.landing-footer{padding:64px 24px;text-align:center;border-top:1px solid var(--mm-line);color:var(--mm-muted);font-size:.9rem}.landing-cta-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){html{scroll-snap-type:y proximity}.landing-header{padding:max(14px,env(safe-area-inset-top)) 16px 14px;gap:12px;background:linear-gradient(to bottom,rgba(3,3,9,.88),rgba(3,3,9,.38),transparent);backdrop-filter:none}.landing-logo{font-size:1rem;letter-spacing:.08em}.landing-nav{display:none}.landing-section{padding:72px 18px}.landing-hero{min-height:100svh;padding:112px 18px 34px;scroll-snap-align:start}.landing-hero-gem{width:min(72vw,320px);height:min(72vw,320px);margin:0 auto 24px}.landing-hero-content{max-width:440px;padding:0 4px;text-align:left}.landing-hero h1{font-size:clamp(2.8rem,14vw,3.8rem);margin-bottom:16px}.landing-hero p{font-size:1rem;line-height:1.55;margin-bottom:22px;color:#f6f2ffd6}.landing-cta-group{justify-content:flex-start;gap:10px}.landing-btn{min-height:48px;padding:12px 18px;font-size:.98rem}.landing-app-preview,.landing-concept-section{display:none}.landing-showcase-section{max-width:none;padding:0}.landing-creature-showcase{min-height:100svh;width:100%;gap:0;position:relative;border-radius:0;overflow:hidden;display:block;border-top:1px solid rgba(185,167,255,.16);scroll-snap-align:start}.landing-creature-showcase .landing-creature-text{position:absolute;bottom:0;left:0;right:0;min-width:0;background:linear-gradient(to top,#030309f5,#0c0b16db 58%,#0c0b162e);padding:92px 24px max(30px,env(safe-area-inset-bottom));margin:0;z-index:2}.landing-creature-text h3{font-size:clamp(2rem,9vw,3rem);line-height:1.08;margin-bottom:12px}.landing-creature-text p{font-size:.98rem;line-height:1.5;margin-bottom:12px;color:#f6f2ffd6}.landing-creature-showcase .landing-creature-art{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;min-width:unset;border:0;border-radius:0;box-shadow:none;background:#05040b}.landing-creature-showcase .landing-creature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(3,3,9,.08),transparent 34%,rgba(3,3,9,.24) 62%,rgba(3,3,9,.78)),linear-gradient(to right,rgba(3,3,9,.16),transparent 30%,rgba(3,3,9,.14));pointer-events:none}.landing-creature-showcase .landing-art-image{object-fit:cover;object-position:center;transform:none}.landing-creature-showcase:nth-child(2) .landing-art-image{object-position:center}.landing-creature-showcase:nth-child(4) .landing-art-image{object-position:center top}.landing-creature-showcase:nth-child(5) .landing-art-image{object-fit:contain;object-position:center top}.landing-section-header{margin-bottom:40px}.landing-section-header p{font-size:1rem}.landing-concept-grid{grid-template-columns:1fr}.landing-card{padding:28px 22px}.landing-pwa-steps{grid-template-columns:1fr}.landing-footer>div>div{flex-wrap:wrap;justify-content:center}}.landing-menagerie-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:24px;padding:0 16px 24px;margin:0 -18px}.landing-menagerie-grid::-webkit-scrollbar{display:none}.landing-menagerie-item{flex:0 0 85%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;text-align:center}@media(min-width:768px){.landing-menagerie-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;gap:48px;max-width:1000px;margin:0 auto;padding:0}.landing-menagerie-item{flex:none}}