:root{--bg:#04100c;--panel:#0a1c15;--panel-card:#0a1c15d9;--ink:#f2fff8;--muted:#9fb7ad;--muted-light:#cde0d7;--lime:#53f4ad;--lime-bright:#35f39b;--lime-dim:#53f4ad26;--line:#c9ffe521;--line-strong:#c9ffe547}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 75% -10%, #164d36 0, transparent 40%), radial-gradient(circle at 10% 30%, #08291e 0, transparent 35%), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.nav-wrapper{z-index:100;background:0 0;border-bottom:1px solid #0000;width:100%;transition:background .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .3s cubic-bezier(.16,1,.3,1),backdrop-filter .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);position:sticky;top:0}.nav-wrapper.scrolled{-webkit-backdrop-filter:blur(20px)saturate(160%);border-bottom:1px solid var(--line);background:linear-gradient(#102e22d9 0%,#0a1e16d1 100%);box-shadow:0 10px 30px -10px #00000073,0 1px #53f4ad1f}.nav{justify-content:space-between;align-items:center;max-width:1280px;height:86px;margin:auto;padding:0 32px;display:flex}.brand{align-items:center;display:flex}.brand-logo{width:140px;height:auto}.desktop-nav{color:var(--muted);align-items:center;gap:24px;font-size:14px;font-weight:500;display:flex}.desktop-nav a:hover{color:var(--ink)}.desktop-nav a.nav-active{color:var(--lime);font-weight:600}.lang-pill{border:1px solid var(--line);color:var(--lime);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600}.nav-cta{background:var(--lime);border-radius:999px;padding:10px 20px;font-weight:700;transition:transform .2s,box-shadow .2s;color:#04140e!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 20px #53f4ad59}.landing-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;max-width:1280px;min-height:calc(100vh - 86px);margin:auto;padding:72px 32px 90px;display:grid}.hero-pill{background:var(--lime-dim);color:var(--lime);letter-spacing:.12em;border:1px solid #53f4ad4d;border-radius:999px;margin-bottom:24px;padding:7px 16px;font-size:11px;font-weight:800;display:inline-flex}.hero-title{letter-spacing:-.04em;color:var(--ink);margin:0 0 24px;font-size:clamp(40px,5.2vw,68px);font-weight:900;line-height:1.05}.hero-lead{color:var(--muted);max-width:600px;margin:0 0 36px;font-size:clamp(16px,1.35vw,20px);line-height:1.6}.store-buttons{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:32px;display:flex}.store-btn{border:1px solid var(--line-strong);color:var(--ink);background:#092119;border-radius:14px;align-items:center;gap:12px;padding:10px 20px;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.store-btn:hover{border-color:var(--lime);background:#0d2f23;transform:translateY(-2px)}.store-icon{flex-shrink:0;width:26px;height:26px}.store-text{flex-direction:column;display:flex}.store-sub{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;font-size:10px;line-height:1}.store-name{font-size:15px;font-weight:700;line-height:1.2}.catalog-link-btn{border:1px solid var(--line);color:var(--ink);border-radius:14px;padding:14px 22px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.catalog-link-btn:hover{border-color:var(--lime);background:#53f4ad14}.trust-pills{flex-wrap:wrap;gap:10px 18px;display:flex}.trust-pill{color:var(--muted);align-items:center;font-size:12px;display:inline-flex}.state-simulator{background:var(--panel-card);border:1px solid var(--line-strong);border-radius:32px;padding:28px;box-shadow:0 24px 60px #00000080,0 0 80px #53f4ad14}.sim-header{text-align:center;margin-bottom:24px}.sim-badge{color:var(--lime);background:var(--lime-dim);border:1px solid #53f4ad40;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-block}.sim-header h3{margin:0 0 6px;font-size:20px;font-weight:800}.sim-header p{color:var(--muted);margin:0 0 16px;font-size:13px}.state-pills{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.state-pill{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#04100c99;border-radius:14px;align-items:center;padding:8px 14px;transition:border-color .2s,color .2s;display:flex;position:relative;overflow:hidden}.state-pill:hover{border-color:var(--lime);color:var(--ink)}.state-pill.active{border-color:var(--lime);color:#04140e;font-weight:700}.pill-active-bg{background:var(--lime);z-index:1;border-radius:12px;position:absolute;inset:0}.pill-content{z-index:2;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.pill-icon{margin-bottom:2px}.pill-label{font-size:11px;font-weight:700;line-height:1}.pill-time{opacity:.85;font-size:9px;line-height:1}.phone-wrapper{flex-direction:column;align-items:center;gap:20px;display:flex}.phone-mockup{cursor:pointer;-webkit-user-select:none;user-select:none;background:#111;border-radius:40px;width:250px;height:480px;padding:10px;position:relative;box-shadow:0 0 0 2px #ffffff1a,0 20px 50px #000c}.phone-tap-hint{text-align:center;color:var(--muted);opacity:.8;margin-top:10px;font-size:11px;display:block}.touch-ripple{pointer-events:none;z-index:10;background:radial-gradient(circle,#53f4ade6 0%,#53f4ad00 70%);border-radius:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;position:absolute}.phone-screen{border-radius:32px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:16px;transition:background 1.2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.phone-status-bar{color:#ffffffe6;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.phone-island{background:#000;border-radius:999px;width:60px;height:14px}.phone-icons{gap:6px;display:flex}.phone-inner-content{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.phone-lock-time{text-align:center}.phone-lock-time h2{color:#fff;text-shadow:0 2px 10px #0006;margin:0;font-size:44px;font-weight:800;line-height:1}.phone-lock-time p{color:#ffffffd9;text-shadow:0 1px 6px #00000080;margin:6px 0 0;font-size:11px;font-weight:600}.phone-state-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;display:flex}.state-indicator-dot{background:var(--lime);width:8px;height:8px;box-shadow:0 0 10px var(--lime);border-radius:50%;flex-shrink:0;animation:2s infinite pulse-dot}.phone-state-card p{color:#ffffffe6;margin:0;font-size:10px;line-height:1.35}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.sim-metrics{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.metric-box{border:1px solid var(--line);text-align:center;background:#04100cb3;border-radius:14px;flex-direction:column;align-items:center;padding:12px 10px;display:flex}.metric-icon{color:var(--muted);margin-bottom:4px}.text-lime{color:var(--lime)!important}.metric-val{color:var(--ink);font-size:13px;font-weight:800;display:block}.metric-val.text-lime{color:var(--lime)}.metric-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:10px;display:block}.metric-sub{color:var(--muted);opacity:.7;margin-top:3px;font-size:9px;line-height:1.2;display:block}.landing-section{max-width:1280px;margin:auto;padding:96px 32px}.dark-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a1c1580;max-width:100%;padding-left:max(32px,50% - 640px);padding-right:max(32px,50% - 640px)}.section-head{text-align:center;max-width:760px;margin:0 auto 56px}.eyebrow{color:var(--lime);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.section-head h2{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.15}.section-sub{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.theme-card{background:var(--panel-card);border:1px solid var(--line);border-radius:24px;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;overflow:hidden}.theme-card:hover{border-color:#53f4ad73;transform:translateY(-6px);box-shadow:0 16px 40px #0006}.theme-art{background:radial-gradient(circle at 45% 35%,#89f7c5 0,#18885b 22%,#0c3829 56%,#06130e 100%);height:280px;position:relative;overflow:hidden}.theme-art img{object-fit:cover}.theme-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);background:#030e0abf;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.theme-badge{border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;top:16px;right:16px}.badge-free{background:var(--lime);color:#04140e}.badge-premium{color:#1a1500;background:#ffd700e6}.theme-copy{flex-direction:column;flex:1;padding:24px;display:flex}.theme-copy h3{margin:0 0 8px;font-size:20px;font-weight:800}.theme-copy p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.55}.theme-feature-pills{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.feature-pill{color:var(--muted-light);background:#53f4ad14;border:1px solid #53f4ad33;border-radius:6px;padding:4px 8px;font-size:11px}.center-cta{text-align:center;margin-top:48px}.explore-all-btn{border:1px solid var(--lime);color:var(--lime);background:0 0;border-radius:999px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.explore-all-btn:hover{background:var(--lime);color:#04140e;transform:translateY(-2px)}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.step-card{background:var(--panel-card);border:1px solid var(--line);border-radius:24px;padding:36px 28px;position:relative}.step-num{color:var(--lime);opacity:.6;margin-bottom:16px;font-size:40px;font-weight:900;line-height:1;display:block}.step-card h3{margin:0 0 12px;font-size:20px;font-weight:800}.step-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.feature-card{background:var(--panel-card);border:1px solid var(--line);border-radius:24px;padding:32px 26px;transition:transform .2s,border-color .2s}.feature-card:hover{border-color:var(--lime);transform:translateY(-4px)}.card-tag{letter-spacing:.12em;color:var(--lime);background:var(--lime-dim);border-radius:999px;margin-bottom:18px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-block}.feature-card h3{margin:0 0 12px;font-size:19px;font-weight:800}.feature-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.creator-panel{padding-top:40px;padding-bottom:60px}.creator-box{text-align:center;background:radial-gradient(circle at 80% 20%,#175239 0%,#0a261c 60%,#051811 100%);border:1px solid #53f4ad4d;border-radius:36px;max-width:900px;margin:auto;padding:64px 48px;box-shadow:0 20px 60px #0006}.creator-box h2{letter-spacing:-.02em;margin:12px 0 18px;font-size:clamp(28px,4vw,44px);font-weight:900}.creator-desc{color:var(--muted-light);max-width:660px;margin:0 auto 36px;font-size:16px;line-height:1.65}.creator-btn{background:var(--lime);color:#04140e;border-radius:999px;padding:16px 36px;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.creator-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px #53f4ad66}.faq-grid{flex-direction:column;gap:16px;max-width:820px;margin:auto;display:flex}.faq-card{background:var(--panel-card);border:1px solid var(--line);border-radius:18px;padding:20px 24px;transition:border-color .2s}.faq-card[open]{border-color:#53f4ad66}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;font-size:17px;font-weight:700;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-toggle{color:var(--lime);font-size:12px;transition:transform .2s}.faq-card[open] .faq-toggle{transform:rotate(180deg)}.faq-answer{color:var(--muted);border-top:1px solid var(--line);margin:14px 0 0;padding-top:14px;font-size:14px;line-height:1.65}.footer{border-top:1px solid var(--line);max-width:1280px;margin:auto;padding:72px 32px 40px}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:48px;margin-bottom:48px;display:flex}.footer-brand{max-width:380px}.footer-brand p{color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.6}.footer-logo{width:120px;height:auto}.footer-links{color:var(--muted);flex-wrap:wrap;gap:28px;font-size:14px;display:flex}.footer-links a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:12px;display:flex}.footer-legal{gap:16px;display:flex}@media (max-width:960px){.landing-hero,.catalog-hero,.detail{grid-template-columns:1fr;gap:48px;padding-top:48px}.desktop-nav{display:none}.creator-box{padding:40px 24px}}@media (max-width:640px){.nav{padding:0 20px}.landing-hero,.catalog-hero,.catalog,.detail,.landing-section,.footer{padding-left:20px;padding-right:20px}.store-buttons{flex-direction:column;align-items:stretch}.store-btn,.catalog-link-btn{justify-content:center}.phone-mockup{width:220px;height:430px}.sim-metrics{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}}.catalog-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;max-width:1280px;min-height:480px;margin:auto;padding:80px 32px 40px;display:grid}.catalog-hero h1{letter-spacing:-.04em;margin:16px 0 24px;font-size:clamp(40px,5.2vw,68px);font-weight:900;line-height:1.05}.lead{color:var(--muted);max-width:680px;font-size:clamp(16px,1.35vw,20px);line-height:1.6}.preview-badge{background:var(--lime-dim);color:var(--lime);border:1px solid #53f4ad59;border-radius:999px;margin-top:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.hero-orb{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#baffdd,#2fe99c 28%,#08764d 65%,#052217);border-radius:50%;place-items:center;width:min(34vw,360px);margin:auto;animation:5s ease-in-out infinite float;display:grid;box-shadow:0 0 120px #40f4a940}.hero-orb span{border:1px solid #ffffff73;border-radius:43% 57% 61% 39%;width:46%;height:46%;animation:12s linear infinite spin}.catalog{max-width:1280px;margin:auto;padding:20px 32px 100px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:36px;display:flex}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3.8vw,44px);font-weight:900}.detail{grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;max-width:1280px;margin:auto;padding:70px 32px 110px;display:grid}.detail h1{margin:16px 0 20px;font-size:clamp(40px,5vw,68px);font-weight:900;line-height:1.1}.detail button{background:var(--lime);color:#052015;cursor:pointer;border:0;border-radius:14px;margin-top:30px;padding:16px 28px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s}.detail button:disabled{opacity:.7;cursor:not-allowed}.specs{border-top:1px solid var(--line);margin:36px 0 0}.specs div{border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 0;font-size:14px;display:flex}.specs dt{color:var(--muted)}.specs dd{margin:0;font-weight:600}.scene{border:1px solid var(--line-strong);background:radial-gradient(circle,#164d38,#05130e 70%);border-radius:34px;height:580px;position:relative;overflow:hidden}.scene-hint{color:var(--muted);white-space:nowrap;font-size:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}.back-link{color:var(--lime);align-items:center;gap:8px;margin-bottom:20px;font-size:13px;font-weight:600;transition:opacity .2s;display:inline-flex}.back-link:hover{opacity:.8}.guide-page{max-width:860px;margin:auto;padding:60px 32px 120px}.guide-article{flex-direction:column;display:flex}.guide-header{border-bottom:1px solid var(--line);margin-bottom:40px;padding-bottom:32px}.guide-header h1{letter-spacing:-.03em;margin:16px 0 20px;font-size:clamp(34px,4.5vw,54px);font-weight:900;line-height:1.15}.guide-lead{color:var(--muted-light);margin:0 0 24px;font-size:18px;line-height:1.65}.guide-meta{color:var(--muted);flex-wrap:wrap;gap:20px;font-size:13px;display:flex}.guide-meta span{align-items:center;gap:6px;display:inline-flex}.guide-body{flex-direction:column;gap:36px;margin-bottom:60px;display:flex}.guide-section h2{letter-spacing:-.02em;color:var(--ink);margin:0 0 14px;font-size:clamp(22px,2.5vw,30px);font-weight:800}.guide-section p{color:var(--muted-light);margin:0;font-size:16px;line-height:1.75}.guide-cta-box{text-align:center;background:radial-gradient(circle at 80% 20%,#175239 0%,#0a261c 60%,#051811 100%);border:1px solid #53f4ad59;border-radius:28px;margin-bottom:60px;padding:48px 36px}.guide-cta-box h3{margin:0 0 12px;font-size:24px;font-weight:900}.guide-cta-box p{color:var(--muted);max-width:580px;margin:0 auto 28px;font-size:15px}.guide-faq{margin-top:20px}.guide-faq h2{margin-bottom:24px;font-size:28px;font-weight:900}.scene-poster{place-items:center;display:grid}.poster-core{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#c4ffe4,#2be99b 32%,#075438 70%);border-radius:42% 58% 61% 39%;width:42%;animation:5s ease-in-out infinite float;box-shadow:0 0 100px #41f5ab40}.brand-logo{width:146px;height:auto;color:var(--logo-word,var(--ink));display:block}[data-theme=light] .brand-logo{--logo-word:#04100c}[data-theme=dark] .brand-logo{--logo-word:#f2fff8}