:root{color-scheme:light dark;--radius: 16px;--radius-lg: 24px;--font: "DM Sans", system-ui, sans-serif;--font-display: "Outfit", system-ui, sans-serif;--header-h: 72px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #070a12;--bg-elevated: #0f1424;--text: #eef3ff;--text-muted: #9aa8c7;--accent: #a78bfa;--accent-2: #ff8bd4;--accent-3: #c4b5fd;--accent-4: #5ce1b8;--border: rgba(255, 255, 255, .08);--glass: rgba(15, 20, 36, .72);--header-bg: rgba(7, 10, 18, .72);--hero-glow: rgba(167, 139, 250, .14);--download-glow: rgba(167, 139, 250, .12);--playground-glow: rgba(155, 140, 255, .06);--btn-primary-text: #0b1020;--scene-fog: #0b1020}}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg: #f8f7ff;--bg-elevated: #ffffff;--text: #1a1530;--text-muted: #5c5678;--accent: #7c3aed;--accent-2: #db2777;--accent-3: #8b5cf6;--accent-4: #059669;--border: rgba(26, 21, 48, .1);--glass: rgba(255, 255, 255, .82);--header-bg: rgba(248, 247, 255, .85);--hero-glow: rgba(124, 58, 237, .08);--download-glow: rgba(124, 58, 237, .1);--playground-glow: rgba(124, 58, 237, .05);--btn-primary-text: #ffffff;--scene-fog: #f4f2ff}}:root[data-theme=dark]{--bg: #070a12;--bg-elevated: #0f1424;--text: #eef3ff;--text-muted: #9aa8c7;--accent: #a78bfa;--accent-2: #ff8bd4;--accent-3: #c4b5fd;--accent-4: #5ce1b8;--border: rgba(255, 255, 255, .08);--glass: rgba(15, 20, 36, .72);--header-bg: rgba(7, 10, 18, .72);--hero-glow: rgba(167, 139, 250, .14);--download-glow: rgba(167, 139, 250, .12);--playground-glow: rgba(155, 140, 255, .06);--btn-primary-text: #0b1020;--scene-fog: #0b1020}:root[data-theme=light]{--bg: #f8f7ff;--bg-elevated: #ffffff;--text: #1a1530;--text-muted: #5c5678;--accent: #7c3aed;--accent-2: #db2777;--accent-3: #8b5cf6;--accent-4: #059669;--border: rgba(26, 21, 48, .1);--glass: rgba(255, 255, 255, .82);--header-bg: rgba(248, 247, 255, .85);--hero-glow: rgba(124, 58, 237, .08);--download-glow: rgba(124, 58, 237, .1);--playground-glow: rgba(124, 58, 237, .05);--btn-primary-text: #ffffff;--scene-fog: #f4f2ff}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);line-height:1.15;margin:0 0 .75rem;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,6vw,4.25rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700}h3{font-size:1.2rem;font-weight:600}p{margin:0 0 1rem}a{color:inherit;text-decoration:none}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.lead{font-size:1.15rem;color:var(--text-muted);max-width:32rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:var(--header-h);padding:0 clamp(1rem,4vw,2.5rem);background:var(--header-bg);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header-actions{display:flex;align-items:center;gap:.6rem}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:var(--glass);color:var(--text);font-size:1rem;cursor:pointer;transition:border-color .2s,transform .2s}.lang-select-wrap{display:flex;align-items:center}.lang-select{height:38px;max-width:7.5rem;padding:0 1.65rem 0 .7rem;border-radius:999px;border:1px solid var(--border);background-color:var(--glass);color:var(--text);font-family:inherit;font-size:.78rem;font-weight:600;line-height:1;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235c5c5c' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:.7rem;transition:border-color .2s}.lang-select:hover,.lang-select:focus-visible{border-color:var(--accent);outline:none}.theme-toggle:hover{border-color:var(--accent);transform:scale(1.05)}.logo{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.15rem}.logo-img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.logo-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#0b1020;font-size:1.1rem}.site-nav{display:none;gap:2rem}.site-nav a{color:var(--text-muted);font-size:.95rem;font-weight:500;transition:color .2s}.site-nav a:hover{color:var(--text)}@media(min-width:768px){.site-nav{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.5rem;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-sm{padding:.55rem 1.1rem;font-size:.85rem;background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-3));color:var(--btn-primary-text);box-shadow:0 8px 32px color-mix(in srgb,var(--accent) 30%,transparent)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.section{position:relative;overflow:hidden}.section-inner{position:relative;z-index:2;width:min(1120px,100% - 2rem);margin-inline:auto;padding:clamp(4rem,10vh,7rem) 0}.canvas-host{position:absolute;inset:0;z-index:0;pointer-events:none}.canvas-host canvas{display:block;width:100%;height:100%}.canvas-fallback{display:none}.canvas-host.is-unavailable canvas{display:none}.canvas-host.is-unavailable .canvas-fallback{display:block}.canvas-fallback--tour{width:min(260px,72vw);height:auto;margin:0 auto;border-radius:2rem;box-shadow:0 24px 64px color-mix(in srgb,var(--accent) 22%,transparent)}.canvas-host--playground.is-unavailable:after{content:"Interactive demo unavailable in this browser. Try enabling hardware acceleration or updating your browser.";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;text-align:center;font-size:.9rem;color:var(--text-muted);pointer-events:none}.canvas-host--grid{opacity:.85}.canvas-host--playground{position:relative;inset:unset;width:100%;aspect-ratio:16 / 10;min-height:280px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);pointer-events:auto;overflow:hidden}.canvas-host--playground canvas{cursor:crosshair;position:relative;z-index:1;touch-action:none}.canvas-hint{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);margin:0;font-size:.8rem;color:var(--text-muted);pointer-events:none}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--header-h);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 65% 50% at 68% 42%,var(--hero-glow),transparent 72%),radial-gradient(ellipse 40% 35% at 22% 68%,color-mix(in srgb,var(--accent-2) 10%,transparent),transparent 72%)}.hero-layout{display:grid;gap:3rem;align-items:center;padding-top:2rem;padding-bottom:4rem}@media(min-width:960px){.hero-layout{grid-template-columns:1fr .85fr}}.hero-content{padding-top:0;padding-bottom:0}.hero-visual{display:flex;justify-content:center;position:relative;z-index:2}.hero-illustration-frame{width:min(480px,92vw);border-radius:1.25rem;overflow:hidden;background:var(--glass);border:1px solid var(--border);box-shadow:0 24px 64px color-mix(in srgb,var(--accent) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent);backdrop-filter:blur(12px);transform:perspective(900px) rotateY(-4deg) rotateX(2deg);transition:transform .4s ease}.hero-phone-frame{width:min(260px,72vw);padding:.65rem;border-radius:2rem;background:var(--glass);border:1px solid var(--border);box-shadow:0 24px 64px color-mix(in srgb,var(--accent) 22%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent);backdrop-filter:blur(12px);transform:perspective(900px) rotateY(-8deg) rotateX(4deg);transition:transform .4s ease}.hero-phone-frame:hover{transform:perspective(900px) rotateY(-4deg) rotateX(2deg) translateY(-4px)}.hero-phone-frame img{display:block;width:100%;height:auto;border-radius:1.4rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 2.5rem}.hero-stats{display:flex;flex-wrap:wrap;gap:2rem;list-style:none;margin:0;padding:0}.hero-stats li{display:flex;flex-direction:column;gap:.15rem}.hero-stats strong{font-family:var(--font-display);font-size:1.5rem;color:var(--text)}.hero-stats span{font-size:.85rem;color:var(--text-muted)}.features .section-inner{text-align:center}.features h2{margin-bottom:3rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;text-align:left}.feature-card{padding:1.5rem;border-radius:var(--radius);background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(12px);transition:border-color .25s,transform .25s}.feature-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);transform:translateY(-2px)}.feature-icon{font-size:1.75rem;margin-bottom:.75rem}.feature-card p{margin:0;font-size:.92rem;color:var(--text-muted)}.stories{background:linear-gradient(180deg,var(--playground-glow),transparent)}.stories .section-inner{text-align:center}.stories h2{margin-bottom:2.5rem}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;text-align:left}.testimonial-card{margin:0;padding:1.75rem;border-radius:var(--radius-lg);background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(12px)}.testimonial-card p{font-size:1rem;line-height:1.65;color:var(--text);margin-bottom:1.25rem}.testimonial-card footer{display:flex;flex-direction:column;gap:.15rem}.testimonial-card strong{color:var(--accent);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.testimonial-card span{font-size:.9rem;color:var(--text-muted)}.testimonial-card--highlight{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--glass))}.playground{background:linear-gradient(180deg,transparent,var(--playground-glow))}.playground-layout{display:grid;gap:2.5rem;align-items:center}@media(min-width:900px){.playground-layout{grid-template-columns:1fr 1.2fr}}.playground-copy p:last-child{color:var(--text-muted);margin:0}.app-tour{position:relative;overflow:visible}.app-tour-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:0}@media(max-width:900px){.app-tour-layout{grid-template-columns:1fr}}.canvas-host--sticky{position:relative;top:0;height:calc(100vh - var(--header-h));min-height:380px;z-index:3;background:var(--bg);display:flex;align-items:center;justify-content:center}@media(min-width:901px){.canvas-host--sticky{min-height:520px}}@media(max-width:900px){:root{--tour-phone-h: min(36vh, 320px)}.canvas-host--sticky{height:var(--tour-phone-h);min-height:220px;overflow:hidden}.canvas-host--sticky.is-tour-pinned{top:var(--header-h)!important;left:0;right:0;width:100%!important}.tour-scroll-panels{position:relative;z-index:2}.tour-panel{min-height:calc(100svh - var(--header-h) - var(--tour-phone-h));padding-top:1.25rem;padding-bottom:2rem}.tour-panel--intro{min-height:calc(100svh - var(--header-h) - var(--tour-phone-h))}}.tour-scroll-panels{position:relative;z-index:2}.tour-panel{min-height:72vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,3.5rem);opacity:.35;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease;border-left:3px solid transparent}.tour-panel.is-active{opacity:1;transform:translateY(0);border-left-color:var(--accent)}.tour-panel--intro{min-height:55vh;opacity:1;transform:none;border-left:none}.tour-panel--intro.is-active{border-left:none}.tour-panel-num{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--accent);letter-spacing:.08em;margin-bottom:.5rem}.tour-panel h3{font-size:1.5rem;margin-bottom:.5rem}.tour-panel p{margin:0;color:var(--text-muted);max-width:22rem;line-height:1.6}.tour-lead{color:var(--text-muted);max-width:28rem}.download{border-top:1px solid var(--border);background:radial-gradient(ellipse at 50% 0%,var(--download-glow),transparent 60%)}.download-inner{text-align:center}.download-inner p{color:var(--text-muted);max-width:28rem;margin-inline:auto}.store-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}.store-btn{display:flex;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem 1.5rem;min-width:180px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);transition:border-color .2s,transform .2s}.store-icon{display:block;width:28px;height:28px;flex-shrink:0;color:var(--text)}.store-icon img,img.store-icon{display:block}.store-icon--play{width:26px;height:26px}.store-text{display:flex;flex-direction:column;align-items:flex-start}.store-btn:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-2px)}.store-label{font-size:.7rem;color:var(--text-muted)}.store-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,4vw,2.5rem);border-top:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.site-footer nav{display:flex;gap:1.5rem}.site-footer a:hover{color:var(--text)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover,.feature-card:hover,.store-btn:hover{transform:none}}html[data-reduce-motion]{scroll-behavior:auto}html[data-reduce-motion] .site-header,html[data-reduce-motion] .auth-panel,html[data-reduce-motion] .ltp-quote-card,html[data-reduce-motion] .feature-card,html[data-reduce-motion] .store-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html[data-reduce-motion] .btn:hover,html[data-reduce-motion] .feature-card:hover,html[data-reduce-motion] .store-btn:hover,html[data-reduce-motion] .ltp-orbit-chip:hover{transform:none}html[data-reduce-motion] .canvas-host:not(.canvas-host--sticky) canvas{visibility:hidden}html[data-reduce-motion] .ltp-layer-stack-perspective,html[data-reduce-motion] .ltp-orbit-ring,html[data-reduce-motion] .ltp-hero-stage,html[data-reduce-motion] .layer-plane{transform:none!important;transform-style:flat!important;will-change:auto!important}html[data-reduce-motion] .ltp-marquee-track{animation:none!important;transform:none!important}html[data-reduce-motion] *{transition-duration:.01ms!important}