@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&family=Orbitron:wght@600;700;800&display=swap";:root{--color-bg:#0a0f1e;--color-surface:#111827;--color-surface-glass:#11182799;--color-border:#f0f4ff14;--color-accent:#00d4c8;--color-accent-dim:#00d4c829;--color-violet:#7c6fff;--color-violet-dim:#7c6fff29;--color-text:#f0f4ff;--color-text-muted:#6b7a99;--color-danger:#ff6b6b;--color-danger-dim:#ff6b6b24;--color-success:#4ade80;--gradient-brand:linear-gradient(135deg, var(--color-accent), var(--color-violet));--gradient-card:linear-gradient(135deg, #0d3d3a 0%, #161233 45%, #0a1a3a 100%);--font-display:"Plus Jakarta Sans", "Inter", sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-brand:"Orbitron", "Plus Jakarta Sans", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:28px;--radius-pill:999px;--shadow-card:0 20px 60px -20px #0009;--shadow-elevated:0 8px 24px #00000059;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s;--dur-base:.24s;--dur-slow:.42s;--bottom-nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--max-width:480px}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}html{background:var(--color-bg)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100dvh}#root{min-height:100dvh;position:relative}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:700}p{margin:0}button,input{color:inherit;font-family:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}input{background:0 0}input:focus,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-dim);color:var(--color-text)}.mono{font-family:var(--font-mono)}.text-muted{color:var(--color-text-muted)}::-webkit-scrollbar{width:0;height:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-drift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.demo-screen{background:var(--color-bg);width:100%;height:100%;font-family:var(--font-body);color:var(--color-text);position:relative;overflow:hidden;container-type:inline-size}.demo-screen:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0,#00d4c824,#0000 55%),radial-gradient(circle at 15% 100%,#7c6fff29,#0000 50%);position:absolute;inset:0}.demo-screen__statusbar,.demo-scene{z-index:1}.demo-screen__statusbar{color:var(--color-text-muted);z-index:2;justify-content:space-between;align-items:center;padding:clamp(14px,5%,26px) clamp(16px,6%,28px) 0;font-size:clamp(11px,3cqw,13px);font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.demo-scene{opacity:0;pointer-events:none;flex-direction:column;gap:clamp(16px,6%,28px);padding:clamp(56px,20%,92px) clamp(18px,7%,30px) clamp(28px,10%,40px);transition:opacity .48s cubic-bezier(.16,1,.3,1),transform .48s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;transform:translateY(10px)}.demo-scene.is-active{opacity:1;transform:translateY(0)}.demo-scene--center{text-align:center;justify-content:center;align-items:center}.demo-scene__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(17px,5.5cqw,22px);font-weight:700}.demo-scene__caption{color:var(--color-text-muted);opacity:0;margin-top:clamp(10px,4%,18px);font-size:clamp(12px,3.6cqw,14px);font-weight:500;animation:.5s cubic-bezier(.16,1,.3,1) 2.4s forwards demo-fade-up}.demo-cardrow{flex-direction:column;gap:clamp(10px,3.5%,16px);display:flex}.demo-chip{border-radius:var(--radius-lg,20px);background:var(--color-surface);border:1px solid var(--color-border);opacity:0;align-items:center;gap:clamp(10px,3.5%,14px);padding:clamp(12px,4%,16px);display:flex}.demo-chip__avatar{width:clamp(30px,9%,38px);min-width:clamp(30px,9%,38px);height:clamp(30px,9%,38px);color:var(--color-bg);border-radius:50%;justify-content:center;align-items:center;font-size:clamp(12px,3.6cqw,14px);font-weight:700;display:flex}.demo-chip--a .demo-chip__avatar{background:var(--color-accent)}.demo-chip--b .demo-chip__avatar{background:var(--color-violet)}.demo-chip__name{margin:0;font-size:clamp(13px,3.8cqw,15px);font-weight:600}.demo-chip__meta{color:var(--color-text-muted);margin:2px 0 0;font-size:clamp(11px,3.2cqw,12px)}.demo-pop-in{animation:.52s cubic-bezier(.16,1,.3,1) forwards demo-pop-in}@keyframes demo-pop-in{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.demo-btn{border-radius:var(--radius-pill,999px);min-height:clamp(40px,12%,48px);font-family:var(--font-display);justify-content:center;align-items:center;gap:8px;margin-top:auto;font-size:clamp(13px,3.8cqw,15px);font-weight:700;display:flex}.demo-btn--ghost{border:1px solid var(--color-border);color:var(--color-text);opacity:.55;background:#f0f4ff0f}.demo-btn--primary{background:var(--gradient-brand);color:#06110f;position:relative}.demo-tap-pulse{animation:.42s ease-out both demo-tap-pulse}@keyframes demo-tap-pulse{0%{opacity:.55;transform:scale(1)}45%{opacity:.9;transform:scale(.94)}to{opacity:.55;transform:scale(1)}}.demo-split-track{border-radius:var(--radius-pill,999px);background:#f0f4ff14;height:clamp(8px,2.4cqw,10px);margin-top:clamp(8px,3%,14px);position:relative}.demo-split-track__fill{border-radius:inherit;background:var(--gradient-brand);position:absolute;inset:0}.demo-split-track__thumb{background:var(--color-text);width:clamp(18px,5.5cqw,22px);height:clamp(18px,5.5cqw,22px);box-shadow:0 2px 10px #0006, 0 0 0 4px var(--color-bg);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.demo-split-labels{justify-content:space-between;display:flex}.demo-split-labels__item{flex-direction:column;gap:4px;display:flex}.demo-split-labels__item--b{text-align:right;align-items:flex-end}.demo-split-labels__pct{font-size:clamp(20px,6.5cqw,26px);font-weight:700;font-family:var(--font-display)}.demo-split-labels__item--a .demo-split-labels__pct{color:var(--color-accent)}.demo-split-labels__item--b .demo-split-labels__pct{color:var(--color-violet)}.demo-split-labels__name{color:var(--color-text-muted);font-size:clamp(11px,3.2cqw,13px);font-weight:500}.demo-confirm-press{width:100%;animation:1.3s cubic-bezier(.16,1,.3,1) both demo-confirm-press}.demo-confirm-press__label{animation:.3s .55s both demo-confirm-label-out}.demo-confirm-press__spinner{opacity:0;border:2px solid #06110f40;border-top-color:#06110f;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite demo-spin,.3s .7s forwards demo-confirm-spinner-in;position:absolute}@keyframes demo-confirm-press{0%{transform:scale(1)}35%{transform:scale(.93)}55%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes demo-confirm-label-out{to{opacity:0}}@keyframes demo-confirm-spinner-in{to{opacity:1}}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-hero-card{aspect-ratio:1.586;border-radius:var(--radius-xl,24px);width:min(78cqw,260px);color:var(--color-text);border:1px solid #f0f4ff1a;flex-direction:column;justify-content:space-between;padding:clamp(16px,5.5%,22px);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px -20px #0009}.demo-hero-card__shimmer{z-index:0;background:linear-gradient(115deg,#0d3d3a 0%,#103a52 22%,#161233 48%,#241a4d 65%,#0a2f3a 100%) 0 0/240% 240%;animation:9s ease-in-out infinite shimmer-drift;position:absolute;inset:0}.demo-hero-card__glare{z-index:0;filter:blur(10px);opacity:.9;pointer-events:none;background:radial-gradient(circle at 30% 20%,#00d4c859,#0000 45%),radial-gradient(circle at 80% 80%,#7c6fff59,#0000 50%);position:absolute;inset:-40%}.demo-hero-card__top,.demo-hero-card__number,.demo-hero-card__split{z-index:1;position:relative}.demo-hero-card__top{font-family:var(--font-display);justify-content:space-between;align-items:center;font-size:clamp(12px,3.6cqw,14px);font-weight:600;display:flex}.demo-hero-card__number{letter-spacing:.06em;opacity:.92;font-size:clamp(13px,4cqw,15px)}.demo-hero-card__split{color:#f0f4ffbf;font-size:clamp(11px,3.2cqw,13px)}.demo-hero-card__badge{background:var(--color-success);color:#06110f;z-index:2;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;animation:.4s cubic-bezier(.34,1.56,.64,1) .9s forwards demo-badge-in;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 14px #0006}.demo-card-pop-in{opacity:0;animation:.7s cubic-bezier(.34,1.2,.4,1) forwards demo-card-pop-in}@keyframes demo-card-pop-in{0%{opacity:0;transform:scale(.8)rotate(-6deg)translateY(16px)}to{opacity:1;transform:scale(1)rotate(0)translateY(0)}}@keyframes demo-badge-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes demo-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.phone-mockup{aspect-ratio:375/812;filter:drop-shadow(0 30px 60px #0000008c);width:min(300px,78vw);position:relative}.phone-mockup__spotlight{filter:blur(30px);z-index:-1;pointer-events:none;background:radial-gradient(#00d4c847 0%,#7c6fff2e 38%,#0000 68%);width:220%;height:90%;position:absolute;top:8%;left:50%;transform:translate(-50%)}.phone-mockup__frame{background:linear-gradient(160deg,#1c2436 0%,#0c1120 60%);border:1px solid #f0f4ff24;border-radius:46px;width:100%;height:100%;padding:12px;position:relative;box-shadow:inset 0 0 0 2px #0006,inset 0 1px 1px #ffffff14}.phone-mockup__island{z-index:3;background:#05070d;border-radius:999px;width:34%;height:22px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.phone-mockup__screen{background:var(--color-bg);border-radius:34px;width:100%;height:100%;position:relative;overflow:hidden}.scroll-cue{left:50%;bottom:max(28px, env(safe-area-inset-bottom,0px));opacity:0;z-index:3;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .6s;display:flex;position:absolute;transform:translate(-50%)}.scroll-cue.is-visible{opacity:1;animation:1.8s ease-in-out infinite scroll-cue-bob}.scroll-cue__chevron{border-bottom:2px solid #f0f4ffbf;border-right:2px solid #f0f4ffbf;width:18px;height:18px;transform:rotate(45deg)}@keyframes scroll-cue-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.signup-modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#050810b8;justify-content:center;align-items:flex-end;padding:0;animation:.22s fade-in;display:flex;position:fixed;inset:0}@media (width>=640px){.signup-modal__backdrop{align-items:center}}.signup-modal{background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:440px;padding:var(--space-8,32px) var(--space-6,24px) var(--space-10,40px);border-radius:28px 28px 0 0;animation:.32s cubic-bezier(.16,1,.3,1) signup-modal-in;position:relative}@media (width>=640px){.signup-modal{padding:var(--space-8,32px);border-radius:28px}}@keyframes signup-modal-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.signup-modal h3{padding-right:24px;font-size:19px;line-height:1.35}.signup-modal__close{width:32px;height:32px;color:var(--color-text-muted);background:#f0f4ff14;border-radius:50%;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.signup-modal__form{margin-top:var(--space-6,24px);gap:var(--space-3,12px);flex-direction:column;display:flex}.signup-modal__form input{min-height:52px;padding:0 var(--space-4,16px);border-radius:var(--radius-md,16px);border:1px solid var(--color-border);background:#f0f4ff0a;font-size:15px}.signup-modal__submit{border-radius:var(--radius-pill,999px);background:var(--gradient-brand);color:#06110f;min-height:52px;font-family:var(--font-display);font-size:15px;font-weight:700}.signup-modal__submit:disabled{opacity:.7}.signup-modal__error{margin-top:var(--space-3,12px);color:var(--color-danger);font-size:13px}.signup-modal__success{text-align:center;padding:var(--space-4,16px) 0;align-items:center;gap:var(--space-2,8px);flex-direction:column;display:flex}.signup-modal__success-icon{background:var(--color-success);color:#06110f;width:48px;height:48px;margin-bottom:var(--space-2,8px);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.social-links{gap:12px;display:flex}.social-links__btn{width:42px;height:42px;color:var(--color-text);background:#f0f4ff14;border:1px solid #f0f4ff1f;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .2s,color .2s;display:flex}.social-links__btn:hover{background:var(--color-accent-dim);color:var(--color-accent);transform:translateY(-2px)}.landing-tagline{font-family:var(--font-display);letter-spacing:-.01em;max-width:34ch;font-size:clamp(22px,7vw,32px);font-weight:700;line-height:1.28}.landing-badge{background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;align-items:center;width:fit-content;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex}.landing-subcopy{color:var(--color-text);letter-spacing:-.005em;max-width:32ch;font-size:17px;font-weight:600}.landing-cta{background:var(--gradient-brand);color:#06110f;min-height:52px;font-family:var(--font-display);border-radius:999px;padding:0 34px;font-size:16px;font-weight:700;transition:transform .2s;box-shadow:0 12px 30px -10px #00d4c866}.landing-cta:active{transform:scale(.97)}.landing-socials{margin-top:var(--space-2,8px)}.landing-mobile{scroll-snap-type:y mandatory;height:100dvh;overflow-y:auto}.landing-hero,.landing-content{scroll-snap-align:start;scroll-snap-stop:always}.landing-hero{height:100dvh;position:relative;overflow:hidden}.landing-hero__demo{position:absolute;inset:0}.landing-hero__vignette{pointer-events:none;z-index:2;background:linear-gradient(#0a0f1e00 55%,#0a0f1ea6 100%);position:absolute;inset:0}.landing-content{text-align:center;justify-content:center;align-items:center;gap:var(--space-5,20px);min-height:100dvh;padding:var(--space-10,40px) var(--space-6,24px) var(--space-12,48px);background:linear-gradient(160deg,#0d3d3a 0%,#161233 55%,#0a0f1e 100%);flex-direction:column;display:flex}.landing-content>*{opacity:0;transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.landing-content.is-visible>*{opacity:1;transform:translateY(0)}.landing-content>:first-child{transition-delay:0s}.landing-content>:nth-child(2){transition-delay:.95s}.landing-content>:nth-child(3){transition-delay:1.04s}.landing-content>:nth-child(4){transition-delay:1.13s}.landing-content>:nth-child(5){transition-delay:1.22s}.landing-tagline--list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.landing-tagline--list li{opacity:0;transition:opacity .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.landing-tagline__brand{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text}.landing-content.is-visible .landing-tagline--list li{opacity:1;transform:translateY(0)}.landing-desktop__panel .landing-tagline--list li{animation:.52s cubic-bezier(.16,1,.3,1) both tagline-li-in}@keyframes tagline-li-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.landing-desktop{min-height:100dvh;display:flex}.landing-desktop__stage{background:var(--color-bg);flex:1.1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.landing-desktop__blob{filter:blur(80px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.landing-desktop__blob--a{background:var(--color-accent);width:46vw;max-width:620px;height:46vw;max-height:620px;animation:16s ease-in-out infinite blob-drift-a;top:-8%;left:-12%}.landing-desktop__blob--b{background:var(--color-violet);width:40vw;max-width:560px;height:40vw;max-height:560px;animation:19s ease-in-out infinite blob-drift-b;bottom:-12%;right:-14%}.landing-desktop__blob--c{background:var(--color-accent);opacity:.3;width:22vw;max-width:320px;height:22vw;max-height:320px;animation:13s ease-in-out infinite blob-drift-c;top:4%;right:8%}@keyframes blob-drift-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(6%,8%)scale(1.12)}}@keyframes blob-drift-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-5%,-7%)scale(1.15)}}@keyframes blob-drift-c{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-8%,6%)scale(.9)}}.landing-desktop__panel{text-align:left;justify-content:center;align-items:flex-start;gap:var(--space-5,20px);border-left:1px solid #f0f4ff14;flex-direction:column;flex:1;max-width:640px;padding:0 clamp(40px,6vw,100px);display:flex;position:relative;box-shadow:-1px 0 40px -10px #00d4c814}.landing-desktop__brand{margin-bottom:var(--space-2,8px);align-items:center;gap:12px;display:flex}.landing-desktop__wordmark{font-family:var(--font-brand);letter-spacing:.02em;background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px}.demo-standalone{background:var(--color-bg);width:100vw;height:100dvh}.demo-standalone__demo{width:100%;height:100%}