:root{--lp-bg:var(--fa-canvas);--lp-surface:var(--fa-surface);--lp-surface-alt:var(--fa-elevated);--lp-border:var(--fa-border);--lp-border-soft:var(--fa-border-soft);--lp-ink:var(--fa-primary);--lp-ink-2:var(--fa-secondary);--lp-ink-3:var(--fa-soft);--lp-ink-4:var(--fa-faint);--lp-coral:var(--fa-accent);--lp-coral-soft:var(--fa-accent-soft);--lp-coral-mid:var(--fa-accent-mid);--lp-coral-hover:var(--fa-accent-hover);--lp-lavender:var(--fa-cat-howto);--lp-lav-soft:var(--fa-cat-howto-soft);--lp-lav-mid:var(--fa-cat-howto);--lp-mint:var(--fa-cat-recipe);--lp-mint-soft:var(--fa-cat-recipe-soft);--lp-mint-mid:var(--fa-cat-recipe);--lp-sky:var(--fa-cat-fitness);--lp-sky-soft:var(--fa-cat-fitness-soft);--lp-sky-mid:var(--fa-cat-fitness);--lp-radius-sm:8px;--lp-radius:14px;--lp-radius-lg:20px;--lp-radius-pill:999px;--lp-shadow-xs:0 1px 4px #3c230f0d;--lp-shadow-sm:0 4px 20px #3c230f0f;--lp-shadow-md:0 8px 32px #3c230f17;--lp-shadow-card:var(--fa-shadow-soft)}.landing-root{background:var(--lp-bg);min-height:100dvh;color:var(--lp-ink);font-family:var(--font-geist-sans), system-ui, sans-serif;overflow-x:hidden}.landing-root:before{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");position:fixed;inset:0}.landing-root>*{z-index:1;position:relative}.landing-nav{border-bottom:1px solid var(--lp-border-soft);z-index:50;background:color-mix(in srgb, var(--lp-bg) 90%, transparent);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:1rem 2.5rem;display:flex;position:sticky;top:0}.btn-primary{background:var(--lp-coral);color:#fff;border-radius:var(--lp-radius-pill);box-shadow:0 2px 10px var(--fa-accent-ring);font-size:.875rem;font-weight:600;font-family:var(--font-syne), sans-serif;letter-spacing:-.01em;cursor:pointer;border:none;align-items:center;gap:.45rem;padding:.6rem 1.4rem;text-decoration:none;transition:background .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary:hover{background:var(--lp-coral-hover);box-shadow:0 6px 20px var(--fa-accent-ring);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-ghost{color:var(--lp-coral);border:1.5px solid var(--lp-coral-mid);border-radius:var(--lp-radius-pill);cursor:pointer;background:0 0;align-items:center;gap:.45rem;padding:.6rem 1.4rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-ghost:hover{background:var(--lp-coral-soft);border-color:var(--lp-coral)}.landing-hero{text-align:center;max-width:860px;margin:0 auto;padding:6rem 2rem 5rem}.hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--fa-accent);font-size:11px;font-family:var(--font-geist-mono), monospace;border-radius:var(--lp-radius-pill);background:var(--fa-accent-soft);border:1px solid var(--fa-accent-mid);align-items:center;gap:.5rem;margin-bottom:2rem;padding:.4rem 1rem;animation:.6s both fadeUp;display:inline-flex}.hero-headline{font-family:var(--font-syne), sans-serif;letter-spacing:-.03em;color:var(--lp-ink);margin-bottom:1.5rem;font-size:clamp(2.75rem,7vw,5rem);font-weight:700;line-height:1.06;animation:.6s .1s both fadeUp}.hero-headline .accent{color:var(--lp-coral)}.hero-subtext{color:var(--lp-ink-3);max-width:520px;margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.1rem);line-height:1.7;animation:.6s .2s both fadeUp}.hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;animation:.6s .3s both fadeUp;display:flex}.hero-demo{background:var(--lp-surface);border:1.5px solid var(--lp-border);border-radius:var(--lp-radius-lg);max-width:580px;box-shadow:var(--lp-shadow-md);align-items:center;margin-top:3.5rem;margin-left:auto;margin-right:auto;animation:.6s .4s both fadeUp;display:flex;overflow:hidden}.demo-input{color:var(--lp-ink-3);font-family:var(--font-geist-mono), monospace;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;padding:.9rem 1.25rem;font-size:.8rem;overflow:hidden}.demo-platforms{color:var(--lp-border);border-right:1.5px solid var(--lp-border-soft);border-left:1.5px solid var(--lp-border-soft);align-items:center;gap:.5rem;padding:0 1rem;display:flex}.demo-btn{background:var(--lp-coral);color:#fff;cursor:default;border-radius:var(--lp-radius-pill);font-size:.8rem;font-weight:600;font-family:var(--font-syne), sans-serif;border:none;flex-shrink:0;margin:.4rem;padding:.65rem 1.25rem}.section-divider{align-items:center;gap:1rem;max-width:860px;margin:0 auto;padding:0 2rem;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--lp-border-soft);flex:1;height:1px}.section-divider span{letter-spacing:.15em;text-transform:uppercase;color:var(--lp-ink-4);font-size:10px;font-family:var(--font-geist-mono), monospace;flex-shrink:0}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--lp-coral);font-size:11px;font-family:var(--font-geist-mono), monospace;margin-bottom:1rem}.section-title{font-family:var(--font-syne), sans-serif;letter-spacing:-.025em;color:var(--lp-ink);margin-bottom:3rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.12}.how-section{max-width:860px;margin:0 auto;padding:5.5rem 2rem}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.step-card{background:var(--lp-surface);border:1.5px solid var(--lp-border-soft);border-radius:var(--lp-radius-lg);box-shadow:var(--lp-shadow-card);padding:2rem 1.75rem;transition:transform .2s,box-shadow .2s}.step-card:hover{box-shadow:var(--lp-shadow-md);transform:translateY(-3px)}.step-number{border-radius:var(--lp-radius-pill);background:var(--lp-coral-soft);width:40px;height:40px;color:var(--lp-coral);font-family:var(--font-syne), sans-serif;border:1.5px solid var(--lp-coral-mid);justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:.9rem;font-weight:700;display:inline-flex}.step-icon{border-radius:var(--lp-radius-sm);border:1.5px solid var(--lp-border);background:var(--lp-surface-alt);width:36px;height:36px;color:var(--lp-ink-3);justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.step-title{font-family:var(--font-syne), sans-serif;color:var(--lp-ink);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1rem;font-weight:600}.step-desc{color:var(--lp-ink-3);font-size:.82rem;line-height:1.65}.platform-tags{flex-wrap:wrap;gap:.4rem;margin-top:.875rem;display:flex}.platform-tag{border-radius:var(--lp-radius-pill);background:var(--lp-surface-alt);color:var(--lp-ink-3);border:1px solid var(--lp-border);font-size:10px;font-family:var(--font-geist-mono), monospace;align-items:center;gap:.3rem;padding:.25rem .6rem;display:inline-flex}.cards-section{max-width:860px;margin:0 auto;padding:5.5rem 2rem}.cards-header{margin-bottom:2.5rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.landing-card{background:var(--lp-surface);border:1.5px solid var(--lp-border-soft);border-radius:var(--lp-radius-lg);box-shadow:var(--lp-shadow-card);padding:1.5rem;transition:transform .2s,box-shadow .2s}.landing-card:hover{box-shadow:var(--lp-shadow-md);transform:translateY(-3px)}.category-pill{letter-spacing:.08em;text-transform:uppercase;border-radius:var(--lp-radius-pill);font-size:10px;font-family:var(--font-geist-mono), monospace;border:1px solid;padding:.25rem .7rem;font-weight:600}.cta-pill{border-radius:var(--lp-radius-pill);cursor:default;font-size:12px;font-weight:600;font-family:var(--font-syne), sans-serif;letter-spacing:-.01em;background:0 0;border:1.5px solid;align-items:center;gap:.4rem;padding:.5rem 1rem;transition:opacity .15s;display:inline-flex}.cta-section{text-align:center;background:var(--lp-surface);border-top:1.5px solid var(--lp-border-soft);padding:6rem 2rem;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(ellipse, var(--fa-accent-ring), transparent 70%);pointer-events:none;opacity:.5;width:600px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-glow{display:none}.cta-title{font-family:var(--font-syne), sans-serif;letter-spacing:-.03em;color:var(--lp-ink);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.1;position:relative}.cta-sub{color:var(--lp-ink-3);margin-bottom:2.5rem;font-size:1rem;line-height:1.65;position:relative}.landing-footer{border-top:1.5px solid var(--lp-border-soft);background:var(--lp-surface-alt);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.75rem 2.5rem;display:flex}.footer-copy{color:var(--lp-ink-4);font-size:11px;font-family:var(--font-geist-mono), monospace}.footer-links{gap:1.25rem;display:flex}.footer-link{color:var(--lp-ink-4);font-size:11px;font-family:var(--font-geist-mono), monospace;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--lp-coral)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{background:var(--lp-coral);vertical-align:text-bottom;width:2px;height:.85em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@media (max-width:640px){.landing-nav{padding:1rem 1.25rem}.landing-hero{padding:3.5rem 1.25rem 3rem}.how-section,.cards-section{padding:3.5rem 1.25rem}.cta-section{padding:4rem 1.25rem}.landing-footer{padding:1.5rem 1.25rem}.demo-platforms{display:none}}
