:root{--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f0f7ff;--color-primary:#0084ff;--color-primary-hover:#06c;--color-primary-light:#e5f2ff;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-on-primary:#fff;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-accent:#e0b0ff;--border-color:#e5e7eb;--border-color-light:#0000000f;--font-family:"Lexend", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-display:2.25rem;--text-hero:3rem;--duration-instant:.1s;--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.6s;--duration-slower:.8s;--duration-cinematic:1.2s;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart:cubic-bezier(.76, 0, .24, 1);--ease-elastic:cubic-bezier(.68, -.55, .27, 1.55);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-glass:0 8px 32px #0000000f;--shadow-primary:0 10px 28px #0084ff59;--clay-bg-card:#fff;--clay-bg-soft:linear-gradient(145deg, #fff 0%, #f5f9ff 100%);--clay-border:1px solid #fffffff2;--clay-shadow-outer:0 18px 45px -8px #0046b417, 0 4px 16px #00000005;--clay-shadow-inner:inset 3px 3px 6px #fff, inset -3px -3px 8px #0046b40d;--clay-shadow-card:inset 3px 3px 6px #fff, inset -3px -3px 8px #0046b40d, 0 20px 48px -10px #003c9614, 0 4px 16px #00000005;--clay-shadow-card-hover:inset 3.5px 3.5px 7px #fff, inset -3px -3px 8px #0046b414, 0 28px 56px -10px #0054cc24, 0 6px 20px #0000000a;--clay-shadow-btn:inset 2px 2px 4px #ffffff73, inset -2px -2px 4px #001e5a59, 0 12px 28px -4px #0084ff73;--clay-shadow-btn-hover:inset 2.5px 2.5px 5px #ffffffa6, inset -2px -2px 4px #001e5a66, 0 16px 36px -4px #0084ff8c;--clay-shadow-btn-active:inset -2px -2px 4px #ffffff4d, inset 2.5px 2.5px 5px #001e5a73, 0 4px 12px #0084ff4d;--clay-shadow-btn-white:inset 2px 2px 4px #fff, inset -2px -2px 4px #00000014, 0 10px 24px #00000012;--clay-shadow-btn-white-hover:inset 2.5px 2.5px 5px #fff, inset -2px -2px 4px #0000001a, 0 16px 32px #0000001a;--clay-shadow-pill:inset 2px 2px 3.5px #fff, inset -1.5px -1.5px 3px #003ca00f, 0 8px 24px #003ca00f;--clay-shadow-tile:inset 2px 2px 4px #fffffff2, inset -2px -2px 4px #0000000f, 0 8px 20px #0000000a;--clay-shadow-inset:inset 2px 2px 5px #0000000f, inset -2px -2px 5px #ffffffe6;--clay-shadow-dark:inset 2px 2px 4px #ffffff26, inset -2px -2px 6px #000000b3, 0 20px 48px #00000059;--clay-radius-sm:16px;--clay-radius-md:24px;--clay-radius-lg:32px;--clay-radius-xl:40px;--clay-radius-pill:9999px;--z-negative:-1;--z-normal:1;--z-sticky:100;--z-navbar:1000;--z-modal:2000;--z-toast:3000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body{min-height:100vh;line-height:1.5;font-size:var(--text-base);overflow-x:hidden}.spin-animation,.animate-spin{transform-origin:50%;animation:.85s linear infinite spin!important;display:inline-block!important}.spin-slow{transform-origin:50%;animation:2s linear infinite spin!important;display:inline-block!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;line-height:1.2}p{color:var(--text-secondary)}a{color:var(--color-primary);transition:color var(--duration-fast) var(--ease-out-expo);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;display:block}.glass-card{-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-glass), inset 0 1px 0 #ffffff80;background:#fff9;border:1px solid #ffffff4d;border-radius:20px}.clay-card{background:var(--clay-bg-card);border-radius:var(--clay-radius-lg);border:var(--clay-border);box-shadow:var(--clay-shadow-card);transition:all .35s cubic-bezier(.16,1,.3,1)}.clay-card:hover{box-shadow:var(--clay-shadow-card-hover);transform:translateY(-4px)}.clay-card-soft{background:var(--clay-bg-soft);border-radius:var(--clay-radius-lg);border:var(--clay-border);box-shadow:var(--clay-shadow-card);transition:all .35s cubic-bezier(.16,1,.3,1)}.clay-card-soft:hover{box-shadow:var(--clay-shadow-card-hover);transform:translateY(-4px)}.clay-card-dark{border-radius:var(--clay-radius-lg);box-shadow:var(--clay-shadow-dark);background:linear-gradient(145deg,#13141c 0%,#090a0f 100%);border:1px solid #ffffff1a;transition:all .35s cubic-bezier(.16,1,.3,1)}.clay-card-dark:hover{transform:translateY(-4px);box-shadow:inset 2.5px 2.5px 5px #ffffff38,inset -2px -2px 6px #000000e6,0 28px 60px #00000073}.clay-pill{border-radius:var(--clay-radius-pill);box-shadow:var(--clay-shadow-pill);background:#fff;border:1px solid #fffffff2;align-items:center;gap:8px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.clay-pill:hover{transform:translateY(-2px)scale(1.01);box-shadow:inset 2.5px 2.5px 4px #fff,inset -1.5px -1.5px 3px #003ca014,0 12px 28px #003ca01a}.clay-pill-blue{color:var(--color-primary);background:linear-gradient(135deg,#fff 0%,#f0f6ff 100%)}.clay-pill-green{color:#059669;background:linear-gradient(135deg,#fff 0%,#ecfdf5 100%)}.clay-pill-orange{color:#d97706;background:linear-gradient(135deg,#fff 0%,#fffbeb 100%)}.clay-pill-red{color:#dc2626;background:linear-gradient(135deg,#fff 0%,#fef2f2 100%)}.clay-pill-purple{color:#7c3aed;background:linear-gradient(135deg,#fff 0%,#faf5ff 100%)}.clay-tile{border-radius:var(--clay-radius-sm);box-shadow:var(--clay-shadow-tile);background:#fff;border:1px solid #fffffff2;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.clay-tile:hover{transform:scale(1.06)translateY(-2px)}.clay-tile-blue{color:var(--color-primary);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);box-shadow:inset 2px 2px 3.5px #fff,inset -2px -2px 4px #0084ff2e,0 8px 18px #0084ff1f}.clay-tile-green{color:#059669;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);box-shadow:inset 2px 2px 3.5px #fff,inset -2px -2px 4px #10b9812e,0 8px 18px #10b9811f}.clay-tile-orange{color:#d97706;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);box-shadow:inset 2px 2px 3.5px #fff,inset -2px -2px 4px #f59e0b2e,0 8px 18px #f59e0b1f}.clay-tile-red{color:#dc2626;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);box-shadow:inset 2px 2px 3.5px #fff,inset -2px -2px 4px #ef44442e,0 8px 18px #ef44441f}.clay-tile-purple{color:#7c3aed;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);box-shadow:inset 2px 2px 3.5px #fff,inset -2px -2px 4px #8b5cf62e,0 8px 18px #8b5cf61f}.clay-inset-box{border-radius:var(--clay-radius-sm);box-shadow:var(--clay-shadow-inset);background:#f4f6f9;border:1px solid #00000005}.navbar-inner{-webkit-backdrop-filter:blur();background:0 0;border:1px solid #fff0;border-radius:0;justify-content:space-between;align-items:center;width:100%;max-width:1280px;padding:1.5rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 40px #0000}.navbar-inner.scrolled{-webkit-backdrop-filter:blur(28px)saturate(190%);background:#ffffffe0;border:1px solid #fffffff2;border-radius:100px;padding:.75rem 2rem;box-shadow:inset 2px 2px 4px #fff,inset -1.5px -1.5px 3px #003ca00a,0 16px 36px #003ca014}.btn{cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);text-align:center;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;display:inline-flex;position:relative}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:var(--text-on-primary);box-shadow:var(--clay-shadow-btn);border:1px solid #ffffff4d}.btn-primary:hover{box-shadow:var(--clay-shadow-btn-hover);color:var(--text-on-primary);transform:translateY(-3px)scale(1.01)}.btn-primary:active{box-shadow:var(--clay-shadow-btn-active);transform:translateY(2px)scale(.98)}.btn-secondary{color:var(--text-primary);box-shadow:var(--clay-shadow-btn-white);background:#fff;border:1px solid #fffffff2}.btn-secondary:hover{box-shadow:var(--clay-shadow-btn-white-hover);color:var(--color-primary);background:#f8fafc;transform:translateY(-3px)scale(1.01)}.btn-secondary:active{transform:translateY(2px)scale(.98);box-shadow:inset 1px 1px 3px #0000001a,inset -1px -1px 3px #fffc,0 4px 10px #0000000d}.btn-clay-white{color:#0d0d12;box-shadow:var(--clay-shadow-btn-white);background:linear-gradient(135deg,#fff 0%,#f5f9ff 100%);border:1px solid #fffffff2}.btn-clay-white:hover{box-shadow:var(--clay-shadow-btn-white-hover);transform:translateY(-3px)scale(1.02)}.btn-clay-white:active{transform:translateY(2px)scale(.98)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mobile-toggle-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:opacity .2s;display:none!important}.mobile-toggle-btn:hover{opacity:.8}@media (width<=768px){.nav-links,.nav-ctas{display:none!important}.mobile-toggle-btn{display:flex!important}.phone-side{display:none!important}.phone-stage{border-radius:24px 24px 0 0!important;width:100%!important}}.problem-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:80px;display:grid}.problem-visualizer-container{justify-content:center;align-items:center;width:100%;display:flex;position:sticky;top:140px}@media (width<=768px){.problem-grid{grid-template-columns:1fr!important;gap:48px!important}.problem-visualizer-container{margin-top:32px;position:relative!important;top:0!important}}.hero-section{box-sizing:border-box;background:radial-gradient(125% 85% at 50% -5%,#e9f3ff 0%,#f4f8ff 40%,#fafdfe 75%,#fff 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:130px 1.5rem 60px;display:flex}.hero-text-block{text-align:center;width:100%;max-width:860px}.hero-title{letter-spacing:-.03em;color:#0d0d12;margin:0 0 18px;font-size:clamp(2rem,4.8vw,3.75rem);font-weight:800;line-height:1.1}.hero-title-accent{color:var(--color-primary)}.hero-title-accent-wrap{white-space:nowrap;display:inline-block;position:relative}.hero-subtitle{color:#6b7280;max-width:460px;margin:0 auto;font-size:clamp(.9rem,1.3vw,1.1rem);font-weight:400;line-height:1.7}.hero-mockup-wrapper{justify-content:center;width:100%;max-width:960px;margin-top:-84px;padding:0 1rem;display:flex}.hero-mockup-img{filter:drop-shadow(0 28px 56px #0050c81f);width:100%;height:auto;display:block}@media (width<=768px){.hero-section{justify-content:flex-start;gap:16px;min-height:auto;padding:96px 1.25rem 24px}.hero-text-block{flex-direction:column;align-items:center;padding:0 .5rem;display:flex}.hero-title{word-break:normal;overflow-wrap:break-word;margin:0 0 12px;font-size:clamp(1.65rem,6.8vw,2.2rem);line-height:1.18}.hero-title-accent-wrap{white-space:normal;display:inline}.hero-title-accent-wrap svg{display:none}.hero-subtitle{max-width:330px;margin:0 auto;padding:0 .25rem;font-size:.92rem;line-height:1.55}.hero-mockup-wrapper{flex-direction:column;align-items:center;width:100%;max-width:100%;margin-top:14px;padding:0;display:flex}.hero-mockup-img{order:1;width:100%;max-width:420px;margin:0 auto;transform:none}.hero-floating-badge{order:2;box-sizing:border-box!important;width:100%!important;max-width:320px!important;margin:6px auto!important;padding:10px 14px!important;position:static!important;inset:auto!important}}.hero-orb{z-index:0;pointer-events:none;border-radius:50%;position:absolute;transform:translateZ(0)}.hero-orb-1{filter:blur(70px);background:radial-gradient(circle,#0084ff47 0%,#38bdf82e 40%,#0084ff00 70%);width:45vw;max-width:520px;height:45vw;max-height:520px;top:-5%;left:5%}.hero-orb-2{filter:blur(75px);background:radial-gradient(circle,#8b5cf638 0%,#e0b0ff29 45%,#8b5cf600 70%);width:42vw;max-width:480px;height:42vw;max-height:480px;top:5%;right:2%}.hero-orb-3{filter:blur(80px);background:radial-gradient(#0084ff42 0%,#3b82f629 45%,#10b98114 65%,#0084ff00 80%);width:60vw;max-width:750px;height:45vw;max-height:450px;top:38%;left:50%;transform:translate(-50%,-50%)translateZ(0)}.hero-orb-4{filter:blur(65px);background:radial-gradient(circle,#10b9812e 0%,#06b6d41f 40%,#10b98100 70%);width:35vw;max-width:380px;height:35vw;max-height:380px;bottom:5%;left:10%}.glow-orb{pointer-events:none;filter:blur(60px);border-radius:50%;position:absolute;transform:translateZ(0)}@media (width<=768px){.hero-orb{filter:blur(35px)!important}.glow-orb{filter:blur(30px)!important}}.features-dashboard-grid{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:40px;display:grid}.features-mobile-accordion{display:none!important}@media (width<=992px){.features-dashboard-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.features-dashboard-widget{display:none!important}.features-mobile-accordion{display:block!important}}.how-steps-grid{z-index:2;grid-template-columns:repeat(4,1fr);gap:32px;display:grid;position:relative}.step-card-wrapper{text-align:center;flex-direction:column;align-items:center;display:flex}.step-sphere{border-radius:50%;width:80px;height:80px;margin-bottom:24px}.step-number-badge{width:26px;height:26px;font-size:.72rem;top:-4px;right:-4px}.step-text-col{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.step-title{color:#0d0d12;letter-spacing:-.015em;margin:0 0 10px;font-size:1.15rem;font-weight:700}.step-desc{color:#6b7280;max-width:240px;margin:0 0 20px;font-size:.85rem;line-height:1.5}.step-microui{width:100%;margin-top:auto}.how-it-works-title{color:#0d0d12;letter-spacing:-.03em;max-width:600px;margin:0 auto 16px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.how-it-works-subtitle{color:#6b7280;margin:0;font-size:1rem}.how-mobile-timeline-line{z-index:1;background:#0000000d;width:3px;display:none;position:absolute;top:26px;bottom:26px;left:24.5px}@media (width<=768px){#how-it-works{padding:64px 1.25rem!important}.how-it-works-header{margin-bottom:36px!important}.how-it-works-title{margin-bottom:10px!important;font-size:clamp(1.5rem,5.5vw,2.2rem)!important}.how-it-works-subtitle{padding:0 .5rem;font-size:.9rem!important;line-height:1.5!important}.how-timeline-wrapper{margin-top:36px!important}.how-desktop-timeline-line{display:none!important}.how-mobile-timeline-line{width:3px!important;display:block!important;top:26px!important;bottom:26px!important;left:24.5px!important}.how-steps-grid{grid-template-columns:1fr!important;gap:32px!important;padding-left:0!important}.step-card-wrapper{text-align:left!important;flex-direction:row!important;align-items:flex-start!important;gap:16px!important}.step-sphere{z-index:2!important;border-radius:50%!important;flex-shrink:0!important;width:52px!important;height:52px!important;margin-bottom:0!important}.step-sphere svg{width:20px!important;height:20px!important}.step-number-badge{width:20px!important;height:20px!important;font-size:.62rem!important;top:-2px!important;right:-2px!important}.step-text-col{text-align:left!important;align-items:flex-start!important}.step-title{text-align:left!important;margin-bottom:6px!important;font-size:1.05rem!important}.step-desc{text-align:left!important;max-width:none!important;margin-bottom:0!important;font-size:.85rem!important;line-height:1.5!important}.step-microui{display:none!important}}