@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_283fe44c-module__7rG2lq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_283fe44c-module__7rG2lq__variable{--font-body-next:"Inter", "Inter Fallback"}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_dd70efc7-module__cEdOwG__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_dd70efc7-module__cEdOwG__variable{--font-display-next:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-teal-950:#042f2e;--color-teal-900:#134e4a;--color-teal-800:#115e59;--color-teal-700:#0f766e;--color-teal-600:#0d9488;--color-teal-500:#14b8a6;--color-teal-400:#2dd4bf;--color-teal-100:#ccfbf1;--color-teal-50:#f0fdfa;--color-slate-950:#0b1220;--color-slate-900:#0f172a;--color-slate-800:#1e293b;--color-slate-700:#334155;--color-slate-600:#475569;--color-slate-500:#64748b;--color-slate-400:#94a3b8;--color-slate-200:#e2e8f0;--color-slate-100:#f1f5f9;--color-slate-50:#f8fafc;--color-white:#fff;--color-coral:#f97316;--color-coral-soft:#fff7ed;--color-blue:#2563eb;--color-blue-soft:#eff6ff;--bg-page:var(--color-slate-50);--bg-surface:var(--color-white);--bg-elevated:var(--color-white);--bg-muted:var(--color-slate-100);--bg-accent-soft:var(--color-teal-50);--bg-hero:linear-gradient(145deg, #f0fdfa 0%, #f8fafc 48%, #eff6ff 100%);--text-primary:var(--color-slate-900);--text-secondary:var(--color-slate-600);--text-muted:var(--color-slate-500);--text-inverse:var(--color-white);--text-brand:var(--color-teal-800);--border-subtle:#0f172a14;--border-default:#0f172a1f;--border-strong:#0f172a2e;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 4px 12px #0f172a0f;--shadow-md:0 12px 32px #0f172a14;--shadow-lg:0 24px 48px #0f172a1a;--shadow-glow:0 0 0 1px #14b8a61f, 0 20px 40px #0d94881f;--radius-sm:8px;--radius-md:8px;--radius-lg:8px;--radius-xl:10px;--radius-full:999px;--font-display:var(--font-display-next,"Plus Jakarta Sans"), system-ui, sans-serif;--font-body:var(--font-body-next,"Inter"), system-ui, sans-serif;--header-height:72px;--content-max:100%;--transition:.18s ease;--transition-slow:.42s cubic-bezier(.22, 1, .36, 1);--transition-spring:.52s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg-page);color:var(--text-primary)}body{background:var(--bg-page);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}#klario-webgl,#klario-particles{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#klario-particles{z-index:0}html:not(.is-touch),html:not(.is-touch) a,html:not(.is-touch) button,html:not(.is-touch) .button,html:not(.is-touch) input,html:not(.is-touch) textarea,html:not(.is-touch) select,html:not(.is-touch) label{cursor:none}#klario-cursor{z-index:9999;opacity:0;pointer-events:none;mix-blend-mode:multiply;will-change:transform;background:#14b8a60f;border:1.5px solid #14b8a694;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;transition:opacity .12s,width .18s,height .18s,margin .18s,border-color .18s,background .18s;position:fixed;top:0;left:0}#klario-cursor.is-visible{opacity:1}#klario-cursor.is-hover{background:#2dd4bf14;border-color:#0d9488bf;width:30px;height:30px;margin:-15px 0 0 -15px}#klario-cursor.is-loading{background:0 0;border-color:#0000;width:30px;height:30px;margin:-15px 0 0 -15px}#klario-cursor.is-loading:before,#klario-cursor.is-loading:after{content:"";pointer-events:none;border-radius:50%;position:absolute}#klario-cursor.is-loading:before{background:conic-gradient(#0d948800,#0d94882e 70deg,#0d9488d1 190deg,#0d948800 360deg);animation:.72s linear infinite cursor-whirlpool;inset:0;-webkit-mask:radial-gradient(circle,#0000 43%,#000 47% 64%,#0000 68%);mask:radial-gradient(circle,#0000 43%,#000 47% 64%,#0000 68%)}#klario-cursor.is-loading:after{border:1.5px solid #0d94888a;border-color:#0d94888a #0d94888a #0d94881f #0000;animation:.52s linear infinite reverse cursor-whirlpool;inset:8px}@keyframes cursor-whirlpool{to{transform:rotate(360deg)}}html.is-touch #klario-cursor{display:none}body.page-enter{opacity:0}body.page-enter-active{opacity:1;transition:opacity .5s}body.page-exit{opacity:0;transition:opacity .28s}.reveal{opacity:0;transition:opacity var(--transition-slow) var(--reveal-delay,0s), transform var(--transition-slow) var(--reveal-delay,0s);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.tilt-card{--tilt-x:0deg;--tilt-y:0deg;--tilt-lift:0;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(calc(var(--tilt-lift) * -4px));transition:transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease, border-color var(--transition)}.tilt-card:hover{box-shadow:var(--shadow-lg)}.magnetic{transition:transform .2s cubic-bezier(.22, 1, .36, 1), box-shadow var(--transition), background var(--transition), border-color var(--transition), color var(--transition)}.magnetic:hover{transform:none}.magnetic:active{transform:scale(.97)!important}.pulse-dot{animation:2.4s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 0 4px #14b8a62e}50%{transform:scale(1.15);box-shadow:0 0 0 8px #14b8a614}}.site-header{transition:background .35s,box-shadow .35s,border-color .35s}.site-header.is-scrolled{background:#f8fafcf0;border-bottom-color:#14b8a61f;box-shadow:0 8px 32px #0f172a0f}.hero-image img{transition:transform .6s cubic-bezier(.22,1,.36,1)}.tilt-card.hero-image:hover img{transform:scale(1.02)}.cta-banner{transition:transform .5s cubic-bezier(.22,1,.36,1)}.cta-banner:hover{transform:scale(1.005)}.feature-icon{transition:transform var(--transition-spring)}.card:hover .feature-icon{transform:scale(1.08)rotate(-3deg)}.nav-link{position:relative;overflow:hidden}.nav-link:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-teal-500), var(--color-teal-400));width:0;height:2px;transition:width .3s,left .3s;position:absolute;bottom:6px;left:50%}.nav-link:hover:after,.nav-link.is-active:after{width:calc(100% - 28px);left:14px}@media (prefers-reduced-motion:reduce){html:not(.is-touch),html:not(.is-touch) a,html:not(.is-touch) button,html:not(.is-touch) .button,html:not(.is-touch) input,html:not(.is-touch) textarea,html:not(.is-touch) select,html:not(.is-touch) label{cursor:auto}#klario-cursor{display:none}.reveal{opacity:1;transition:none;transform:none}.pulse-dot{animation:none}.tilt-card{transform:none}}img{max-width:100%;height:auto;display:block}.bio-icon{width:var(--icon-size);height:var(--icon-size);-webkit-mask:var(--icon-url) center / contain no-repeat;mask:var(--icon-url) center / contain no-repeat;-webkit-mask:var(--icon-url) center / contain no-repeat;background:currentColor;flex:none;display:inline-block}.nav-icon{flex:none;display:inline-block}h1,h2,h3,p,ul,ol,figure{margin-top:0}h1,h2,h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:0;line-height:1.12}h1{max-width:14ch;margin-bottom:20px;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800}h2{margin-bottom:14px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700}h3{margin-bottom:10px;font-size:1.125rem;font-weight:700}p{max-width:62ch;color:var(--text-secondary);margin-bottom:16px}p:last-child{margin-bottom:0}a{color:inherit}ul{padding-left:1.25rem}li+li{margin-top:8px}::selection{color:var(--color-teal-950);background:#14b8a638}.content{z-index:1;max-width:var(--content-max);margin:0 auto;padding:0 clamp(16px,2vw,32px) 96px;position:relative}.section{padding:72px 0}.section+.section,.hero+.section{border-top:1px solid var(--border-subtle)}.section-header{max-width:640px;margin-bottom:40px}.section-intro{max-width:62ch;margin-bottom:36px;font-size:1.0625rem}.section-label{color:var(--text-brand);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:.8125rem;font-weight:700;display:inline-flex}.section-label:before{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-teal-500), var(--color-teal-400));width:24px;height:2px}.grid{gap:24px;display:grid}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid,.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header{z-index:100;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);background:#f8fafcd1;position:sticky;top:0}.navbar{max-width:var(--content-max);min-height:var(--header-height);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:12px 24px;display:flex}.nav-left,.nav-right,.button-row,.app-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.logo{color:var(--text-primary);font-family:var(--font-display);letter-spacing:0;transition:opacity var(--transition);align-items:center;gap:10px;margin-right:12px;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.logo:hover{opacity:.85}.logo-mark{background:linear-gradient(145deg, var(--color-teal-600), var(--color-teal-500));width:36px;height:36px;box-shadow:var(--shadow-glow);color:var(--color-white);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.logo-mark svg{width:20px;height:20px}.nav-link{border-radius:var(--radius-full);min-height:40px;color:var(--text-secondary);font-family:var(--font-display);transition:background var(--transition), color var(--transition);align-items:center;padding:8px 14px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--text-primary);background:#0f172a0d}.nav-link.is-active{color:var(--color-teal-800);background:#14b8a61f}.button,button{border-radius:var(--radius-full);min-height:46px;color:var(--text-primary);font-family:var(--font-display);text-align:center;white-space:nowrap;cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), background var(--transition), border-color var(--transition), color var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9375rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.button:hover:not(.magnetic),button:hover:not(.magnetic){transform:translateY(-1px)}.button:active,button:active{transform:translateY(0)}.button-primary,button[type=submit]{background:linear-gradient(135deg, var(--color-teal-700), var(--color-teal-500));box-shadow:var(--shadow-glow);color:var(--color-white);border-color:#0000}.button-primary:hover,button[type=submit]:hover{box-shadow:0 0 0 1px #14b8a62e,0 24px 48px #0d948838}.button-secondary{border-color:var(--border-default);background:var(--color-white);box-shadow:var(--shadow-xs);color:var(--text-primary)}.button-secondary:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.button-ghost{color:var(--text-secondary)}.button-ghost:hover{color:var(--text-primary);background:#0f172a0d}.button-row{margin-top:28px}.logo-button{all:unset;cursor:pointer}.hero{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:48px;padding:56px 0 80px;display:grid;position:relative}.hero:before{content:"";z-index:-1;border-radius:var(--radius-xl);pointer-events:none;background:linear-gradient(135deg,#f0fdfae0,#eff6ffb8);height:420px;position:absolute;inset:-40px -24px auto}.hero-copy{padding-top:12px}.eyebrow{border-radius:var(--radius-full);box-shadow:var(--shadow-xs);color:var(--color-teal-800);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;background:#ffffffb8;border:1px solid #14b8a62e;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px 6px 8px;font-size:.8125rem;font-weight:700;display:inline-flex}.eyebrow-dot{background:var(--color-teal-500);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #14b8a62e}.hero-lead{font-size:1.125rem;line-height:1.7}.hero-image{margin:0;position:relative}.hero-image:before{content:"";z-index:-1;border-radius:var(--radius-xl);filter:blur(2px);background:linear-gradient(145deg,#14b8a62e,#3b82f61a);position:absolute;inset:12% -8% -8% 12%}.hero-image img{border:1px solid var(--border-subtle);background:var(--color-white);width:100%;max-height:680px;box-shadow:var(--shadow-lg);object-fit:contain;border-radius:12px}.hero-stats{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:28px;margin-top:36px;padding-top:28px;display:flex}.hero-stat{min-width:120px}.hero-stat-value{color:var(--text-primary);font-family:var(--font-display);letter-spacing:0;margin-bottom:4px;font-size:1.5rem;font-weight:800;display:block}.hero-stat-label{color:var(--text-muted);font-size:.875rem}.card,.form-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-xs);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);padding:28px;position:relative;overflow:hidden}.card:hover:not(.tilt-card){box-shadow:var(--shadow-md);border-color:#14b8a638;transform:translateY(-3px)}.card.tilt-card:hover{border-color:#14b8a638}.card h3{color:var(--text-primary)}.feature-icon{background:linear-gradient(145deg, var(--color-teal-50), #14b8a614);width:48px;height:48px;color:var(--color-teal-700);border-radius:8px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.feature-icon svg{width:24px;height:24px}.card-number{background:var(--color-teal-700);width:36px;height:36px;color:var(--color-white);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:.9375rem;font-weight:800;display:inline-flex}.screenshot-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-white), var(--color-slate-50));box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition);margin:0;padding:14px}.screenshot-card:hover:not(.tilt-card){box-shadow:var(--shadow-md);transform:translateY(-4px)}.screenshot-card img{aspect-ratio:9/16;border:1px solid var(--border-subtle);background:var(--color-slate-900);object-fit:cover;object-position:top;border-radius:8px;width:100%;box-shadow:inset 0 0 0 1px #ffffff0a}.caption{color:var(--text-primary);font-family:var(--font-display);margin:14px 4px 0;font-size:.9375rem;font-weight:700}.story-block{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fffffff5,#f0fdfab8);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:40px;padding:36px;display:grid}.story-block h2{margin-bottom:0}.story-block-content p{font-size:1.0625rem}.story-block-content p+p{margin-top:16px}.cta-banner{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-teal-900), #155e75 48%, var(--color-blue));box-shadow:var(--shadow-lg);color:var(--color-white);margin-top:24px;padding:56px;position:relative;overflow:hidden}.cta-banner:after{display:none}.cta-banner h2{max-width:16ch;color:var(--color-white);position:relative}.cta-banner p{color:#ffffffd1;max-width:52ch;font-size:1.0625rem;position:relative}.cta-banner .button-row{position:relative}.cta-banner .button-primary{background:var(--color-white);box-shadow:var(--shadow-md);color:var(--color-teal-900)}.cta-banner .button-secondary{color:var(--color-white);background:#ffffff14;border-color:#ffffff47}.cta-banner .button-secondary:hover{background:#ffffff24}.site-footer{z-index:1;border-top:1px solid var(--border-subtle);background:var(--color-white);margin-top:24px;position:relative}.footer-inner{max-width:var(--content-max);grid-template-columns:1.4fr repeat(2,minmax(0,1fr));gap:40px;margin:0 auto;padding:56px 24px 32px;display:grid}.footer-brand p{max-width:36ch;margin-top:16px;font-size:.9375rem}.footer-heading{color:var(--text-primary);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin-bottom:14px;font-size:.8125rem;font-weight:700}.footer-links{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer-links a{color:var(--text-secondary);transition:color var(--transition);font-size:.9375rem;text-decoration:none}.footer-links a:hover{color:var(--color-teal-700)}.footer-bottom{max-width:var(--content-max);border-top:1px solid var(--border-subtle);color:var(--text-muted);margin:0 auto;padding:20px 24px 28px;font-size:.875rem}.footer-bottom p{max-width:none;color:var(--text-muted);margin:0}.form-panel{box-shadow:var(--shadow-md);padding:32px}.form-grid{gap:20px;display:grid}label{color:var(--text-primary);font-family:var(--font-display);margin-bottom:8px;font-size:.875rem;font-weight:700;display:block}input,textarea,select{border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--color-white);width:100%;color:var(--text-primary);font:inherit;transition:border-color var(--transition), box-shadow var(--transition);padding:13px 14px}input:focus,textarea:focus,select:focus{border-color:#14b8a68c;outline:none;box-shadow:0 0 0 4px #14b8a61f}textarea{resize:vertical;min-height:120px}.note{border-radius:var(--radius-md);background:var(--color-teal-50);max-width:62ch;color:var(--color-teal-900);border:1px solid #14b8a62e;margin-top:18px;padding:16px 18px}.login-benefits{gap:16px;margin-top:8px;display:grid}.login-benefit{align-items:flex-start;gap:12px;display:flex}.login-benefit-icon{width:28px;height:28px;color:var(--color-teal-700);text-align:center;background:#14b8a624;border-radius:50%;flex-shrink:0;font-size:.875rem;font-weight:700;line-height:28px}.login-benefit p{margin:0;font-size:.9375rem}.app-shell{z-index:1;max-width:var(--content-max);margin:0 auto;padding:40px clamp(16px,2vw,32px) 144px;position:relative}.app-page-title{margin-bottom:28px}.app-shell .section{padding:40px 0}.app-shell .section:first-of-type{border-top:none;padding-top:0}.site-header .app-nav .nav-link{font-size:.875rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.metric{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--color-white);box-shadow:var(--shadow-xs);transition:transform var(--transition), box-shadow var(--transition);padding:22px}.metric:hover:not(.tilt-card){box-shadow:var(--shadow-sm);transform:translateY(-2px)}.metric-number{background:linear-gradient(135deg, var(--color-teal-800), var(--color-teal-500));color:#0000;font-family:var(--font-display);letter-spacing:0;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:2rem;font-weight:800;display:block}.record-list{gap:14px;display:grid}.record{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-xs);padding:20px}.timeline-list{gap:18px;display:grid}.timeline-item{border-left:3px solid var(--color-teal-500);padding:4px 0 4px 18px}.trend-line{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-teal-500), #14b8a626);height:3px;margin:24px 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.workspace-bar,.interactive-panel{z-index:1;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#ffffffe0;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;padding:18px;display:flex;position:relative}.workspace-bar p{margin:4px 0 0}.control-label{color:var(--text-muted);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.profile-pills,.filter-group,.showcase-controls,.tag-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill-button,.segmented-button{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--color-white);min-height:34px;color:var(--text-secondary);box-shadow:none;white-space:nowrap;padding:8px 12px;font-size:.8125rem}.pill-button:hover,.segmented-button:hover,.pill-button.is-active,.segmented-button.is-active{background:var(--color-teal-50);color:var(--color-teal-800);border-color:#14b8a65c}.status-chip,.tag{border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--color-slate-100);min-height:26px;color:var(--text-secondary);font-family:var(--font-display);justify-content:center;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}.status-chip.is-warning{background:var(--color-coral-soft);color:#c2410c;border-color:#f9731638}.status-chip.is-info{background:var(--color-blue-soft);color:#1d4ed8;border-color:#2563eb2e}.status-chip.is-success{background:var(--color-teal-50);color:var(--color-teal-800);border-color:#14b8a633}.record-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:.8125rem;display:flex}.record-with-action{justify-content:space-between;align-items:center;gap:18px;display:flex}.document-record{gap:6px;display:grid}.tag-row{margin-top:8px}.button-row.compact{margin-top:14px}.inline-action{color:var(--color-teal-800);font-family:var(--font-display);align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:inline-flex}.search-field{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--color-white);min-width:min(100%,360px);color:var(--text-muted);align-items:center;gap:10px;margin:0;padding:0 14px;display:flex}.search-field input{background:0 0;border:0;min-height:42px;padding:0}.search-field input:focus{box-shadow:none}.select-field{margin:0}.select-field select{min-width:220px}.showcase-panel{gap:20px;padding:22px;display:grid}.showcase-body{grid-template-columns:minmax(0,.85fr) minmax(260px,1.15fr);align-items:center;gap:28px;display:grid}.showcase-copy h3{font-size:1.45rem}.showcase-image{width:100%}.showcase-image img{aspect-ratio:16/10;object-fit:contain;background:var(--color-white)}.upload-layout,.trends-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:start;gap:24px;display:grid}.upload-method,.trend-card,.profile-card{text-align:left;white-space:normal;justify-content:flex-start;align-items:flex-start;gap:14px;width:100%;min-height:auto;display:flex}.upload-method strong,.upload-method small{display:block}.upload-method small{color:var(--text-secondary);font-family:var(--font-body);margin-top:4px;font-weight:400;line-height:1.5}.upload-method.is-active,.trend-card.is-active,.profile-card.is-active{box-shadow:var(--shadow-glow);border-color:#14b8a661}.upload-panel{top:calc(var(--header-height) + 18px);justify-items:start;gap:14px;display:grid;position:sticky}.drop-zone{border-radius:var(--radius-lg);background:var(--color-teal-50);width:100%;min-height:128px;color:var(--color-teal-800);text-align:center;border:1px dashed #14b8a661;place-items:center;gap:10px;padding:20px;display:grid}.drop-zone input{opacity:0;width:1px;height:1px;position:absolute}.trend-detail{gap:12px;padding:24px;display:grid}.trend-value{color:var(--text-primary);font-family:var(--font-display);margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1}.trend-value span{color:var(--text-muted);font-size:1rem;font-weight:700}.sparkline{width:100%;min-height:150px;overflow:visible}.sparkline-area{fill:#14b8a61f}.sparkline-line{fill:none;stroke:var(--color-teal-700);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.sparkline circle{fill:var(--color-white);stroke:var(--color-teal-700);stroke-width:3px}.trend-card-grid{grid-template-columns:1fr}.profile-card,.preference-card{color:inherit;text-decoration:none}.profile-card{gap:8px;display:grid}.add-card button{width:max-content}.preference-card{gap:8px;display:grid}.toggle-control{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--color-slate-200);width:54px;min-height:30px;box-shadow:none;justify-content:flex-start;padding:3px}.toggle-control span{background:var(--color-white);width:22px;height:22px;box-shadow:var(--shadow-xs);transition:transform var(--transition);border-radius:50%}.toggle-control.is-on{background:var(--color-teal-600);border-color:#14b8a65c}.toggle-control.is-on span{transform:translate(22px)}button:disabled{opacity:.72}.floating-glass-nav{z-index:1000;-webkit-backdrop-filter:blur(24px)saturate(1.35);background:linear-gradient(135deg,#ffffffb3,#f0fdfa6b),#ffffff3d;border:1px solid #ffffff8a;border-radius:28px;width:min(1080px,100% - 32px);margin:0 auto;position:fixed;inset:auto 0 22px;box-shadow:0 22px 70px #0f172a29,inset 0 1px #ffffffb3,inset 0 -20px 42px #14b8a60f}.floating-glass-nav:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#ffffff80,#ffffff14);border-radius:22px;position:absolute;inset:7px}.floating-glass-nav.is-scrolled{background:linear-gradient(135deg,#ffffffc7,#f0fdfa80),#ffffff47;border-color:#ffffffad;box-shadow:0 26px 76px #0f172a2e,inset 0 1px #fffc,inset 0 -20px 42px #14b8a614}.floating-glass-nav .navbar{min-height:68px;padding:10px 12px}.floating-glass-nav .nav-left,.floating-glass-nav .nav-right,.floating-glass-nav .app-nav{flex-wrap:nowrap}.floating-glass-nav .logo{margin-right:6px}.floating-glass-nav .logo-text{display:none}.floating-glass-nav .nav-link{color:#0f172ab3;min-height:42px;transition:max-width .32s cubic-bezier(.22, 1, .36, 1), background var(--transition), color var(--transition), padding var(--transition);background:#ffffff2e;padding:9px 12px;overflow:hidden}.floating-glass-nav .nav-action{min-height:42px;transition:max-width .32s cubic-bezier(.22, 1, .36, 1), background var(--transition), color var(--transition), box-shadow var(--transition), padding var(--transition);padding:9px 12px;overflow:hidden}.floating-glass-nav .nav-link,.floating-glass-nav .nav-action{max-width:46px}.floating-glass-nav .nav-label{opacity:0;white-space:nowrap;max-width:0;margin-left:10px;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .18s,transform .22s;display:inline-block;overflow:hidden;transform:translate(-2px)}.floating-glass-nav .nav-link.is-active,.floating-glass-nav .nav-link:hover,.floating-glass-nav .nav-link:focus-visible,.floating-glass-nav .nav-action.is-active,.floating-glass-nav .nav-action:hover,.floating-glass-nav .nav-action:focus-visible{max-width:180px}.floating-glass-nav .nav-link.is-active .nav-label,.floating-glass-nav .nav-link:hover .nav-label,.floating-glass-nav .nav-link:focus-visible .nav-label,.floating-glass-nav .nav-action.is-active .nav-label,.floating-glass-nav .nav-action:hover .nav-label,.floating-glass-nav .nav-action:focus-visible .nav-label{opacity:1;max-width:120px;transform:translate(0)}.floating-glass-nav .nav-link:hover,.floating-glass-nav .nav-link.is-active{color:var(--color-teal-900);background:#ffffff9e}.floating-glass-nav .nav-link:after{display:none}.app-floating-nav{width:min(1180px,100% - 24px)}.liquid-page{z-index:1;padding:14px 14px 144px;position:relative}.liquid-hero{background:var(--color-slate-950);min-height:calc(100vh - 28px);color:var(--color-white);isolation:isolate;border:1px solid #ffffff7a;border-radius:30px;grid-template-columns:minmax(0,1fr);align-items:center;padding:clamp(28px,5vw,72px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #0f172a2e}.fluid-hero-canvas,.liquid-hero-sheen{width:100%;height:100%;position:absolute;inset:0}.fluid-hero-canvas{z-index:-3}.liquid-hero-sheen{z-index:-2;background:linear-gradient(90deg,#020617c7,#0206175c 42%,#02061714),linear-gradient(#02061700 58%,#02061761)}.liquid-hero-copy{align-self:center;max-width:760px}.liquid-hero h1{max-width:none;color:var(--color-white);margin-bottom:18px;font-size:clamp(4.5rem,15vw,12rem);line-height:.88}.liquid-hero .hero-lead{color:#ffffffdb;max-width:56ch;font-size:clamp(1.05rem,2vw,1.35rem)}.scroll-cue{z-index:2;width:52px;height:52px;color:var(--color-white);-webkit-backdrop-filter:blur(18px);background:#ffffff2e;border:1px solid #ffffff61;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;animation:1.7s ease-in-out infinite scroll-cue-pulse;display:inline-flex;position:absolute;bottom:clamp(28px,5vw,56px);right:clamp(24px,4vw,56px);transform:rotate(90deg);box-shadow:0 18px 42px #02061738,inset 0 1px #ffffff7a}@keyframes scroll-cue-pulse{0%,to{transform:rotate(90deg)translate(0);box-shadow:0 18px 42px #02061738,0 0 #ffffff47,inset 0 1px #ffffff7a}50%{transform:rotate(90deg)translate(5px);box-shadow:0 18px 42px #02061738,0 0 0 10px #ffffff14,inset 0 1px #ffffff7a}}.glass-eyebrow{color:#ffffffeb;-webkit-backdrop-filter:blur(18px);background:#ffffff2e;border-color:#ffffff57}.glass-button{color:var(--color-white);-webkit-backdrop-filter:blur(18px);background:#ffffff2e;border-color:#ffffff57}.glass-button:hover{color:var(--color-white);background:#ffffff42}.liquid-hero-panel{-webkit-backdrop-filter:blur(22px)saturate(1.35);background:#ffffff24;border:1px solid #ffffff47;border-radius:18px;place-self:center end;gap:18px;width:min(100%,360px);padding:20px;display:grid;box-shadow:0 20px 60px #02061738,inset 0 1px #ffffff6b}.panel-label{color:#ffffff9e;font-family:var(--font-display);text-transform:uppercase;margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.liquid-hero-panel strong{color:var(--color-white);font-family:var(--font-display);font-size:1.5rem;display:block}.liquid-mini-chart{background:#ffffff1a;border-radius:12px;grid-template-columns:repeat(5,1fr);align-items:end;gap:8px;height:98px;padding:12px;display:grid}.liquid-mini-chart span{background:linear-gradient(#ffffffe6,#2dd4bf9e);border-radius:999px 999px 4px 4px;display:block}.liquid-mini-chart span:first-child{height:42%}.liquid-mini-chart span:nth-child(2){height:58%}.liquid-mini-chart span:nth-child(3){height:76%}.liquid-mini-chart span:nth-child(4){height:52%}.liquid-mini-chart span:nth-child(5){height:88%}.liquid-panel-grid{gap:8px;display:grid}.liquid-panel-grid span{color:#ffffffc7;border:1px solid #ffffff29;border-radius:999px;padding:8px 10px;font-size:.82rem}.liquid-hero-stats{border-color:#ffffff38;grid-column:1/-1;width:min(100%,760px);margin:0}.liquid-hero-stats .hero-stat-value{color:var(--color-white)}.liquid-hero-stats .hero-stat-label{color:#ffffffad}.cascade-stack{gap:18vh;width:100%;max-width:none;margin:18vh auto 0;padding-bottom:14vh;display:grid;position:relative}.cascade-card{--cascade-top:24px;--cascade-z:1;top:var(--cascade-top);z-index:var(--cascade-z);background:#ffffffe6;border:1px solid #0f172a14;border-radius:26px;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);min-height:calc(100vh - 64px);padding:clamp(28px,5vw,64px) clamp(28px,5vw,64px) clamp(126px,15vh,164px);display:grid;position:sticky;overflow:hidden;box-shadow:0 24px 80px #0f172a1f,inset 0 1px #ffffffb8}.cascade-card:before{content:"";z-index:-1;background:linear-gradient(135deg,#f0fdfa99,#0000 46%),linear-gradient(315deg,#eff6ffa8,#0000 38%);position:absolute;inset:0}.cascade-card-dark{color:var(--color-white);background:#071a1d;border-color:#ffffff24}.cascade-card-dark:before{background:linear-gradient(135deg,#14b8a638,#0000 44%),linear-gradient(315deg,#2563eb38,#0000 48%)}.cascade-card-dark h2,.cascade-card-dark h3,.cascade-card-dark strong,.cascade-card-dark .section-label{color:var(--color-white)}.cascade-card-dark p,.cascade-card-dark small{color:#ffffffb8}.cascade-card-light{background:#ffffffeb}.cascade-card-showcase{background:#f8fafcf2;grid-template-columns:.52fr 1fr}.cascade-card-cta{background:linear-gradient(135deg, #042f2e, #155e75 52%, var(--color-blue));min-height:74vh;color:var(--color-white);grid-template-columns:1fr}.cascade-card-cta:before{background:linear-gradient(135deg,#ffffff29,#0000 44%)}.cascade-card-cta h2,.cascade-card-cta .section-label{color:var(--color-white)}.cascade-card-cta p{color:#ffffffd1}.cascade-card-copy{max-width:520px}.cascade-card-copy h2{max-width:12ch;font-size:clamp(2.4rem,5vw,5.75rem);line-height:.98}.cascade-card-copy p{font-size:1.08rem}.cascade-steps{gap:14px;display:grid}.cascade-step,.cascade-feature{background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:18px;display:grid}.cascade-step span{width:38px;height:38px;color:var(--color-teal-100);font-family:var(--font-display);background:#2dd4bf2e;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.cascade-step strong,.cascade-step small{display:block}.cascade-step small{margin-top:4px;font-size:.9rem}.cascade-feature-list{gap:12px;display:grid}.cascade-feature{border-color:var(--border-subtle);background:#ffffffb8}.cascade-feature .feature-icon{margin-bottom:0}.cascade-feature h3{margin-bottom:4px}.cascade-feature p{margin:0;font-size:.94rem}.cascade-card .showcase-panel{background:#ffffffad;margin-bottom:0}.cascade-page{gap:18vh;max-width:none;padding:14px clamp(14px,2vw,32px) 144px;display:grid}.cascade-page>.hero,.cascade-page>.section,.cascade-page>.cta-banner,.app-cascade-shell>.app-page-title,.app-cascade-shell>.workspace-bar,.app-cascade-shell>.metric-grid,.app-cascade-shell>.section,.app-cascade-shell>.record-list,.app-cascade-shell>.upload-layout,.app-cascade-shell>.timeline-list,.app-cascade-shell>.trends-layout,.app-cascade-shell>.grid{--cascade-top:22px;--cascade-z:1;top:var(--cascade-top);z-index:var(--cascade-z);background:linear-gradient(135deg,#f0fdfa94,#0000 48%),linear-gradient(315deg,#eff6ffa3,#0000 38%),#ffffffed;border:1px solid #0f172a14;border-radius:26px;width:100%;padding:clamp(28px,5vw,64px);position:sticky;overflow:hidden;box-shadow:0 24px 80px #0f172a1f,inset 0 1px #ffffffbd}.cascade-page>.hero,.cascade-page>.section{align-content:center;min-height:min(82vh,860px)}.cascade-page>.cta-banner{background:linear-gradient(135deg, #042f2e, #155e75 52%, var(--color-blue));align-content:center;min-height:58vh;margin-top:0}.cascade-page>.hero:before{border-radius:inherit;background:linear-gradient(135deg,#f0fdfac7,#0000 52%),linear-gradient(315deg,#eff6ffb8,#0000 42%);height:auto;inset:0}.cascade-page>.section+.section,.cascade-page>.hero+.section{border-top:1px solid #0f172a14}.cascade-page>:first-child,.app-cascade-shell>:first-child{--cascade-top:18px;--cascade-z:1}.cascade-page>:nth-child(2),.app-cascade-shell>:nth-child(2){--cascade-top:34px;--cascade-z:2}.cascade-page>:nth-child(3),.app-cascade-shell>:nth-child(3){--cascade-top:50px;--cascade-z:3}.cascade-page>:nth-child(4),.app-cascade-shell>:nth-child(4){--cascade-top:66px;--cascade-z:4}.cascade-page>:nth-child(5),.app-cascade-shell>:nth-child(5){--cascade-top:82px;--cascade-z:5}.cascade-page>:nth-child(6),.app-cascade-shell>:nth-child(6){--cascade-top:98px;--cascade-z:6}.app-cascade-shell{gap:clamp(36px,10vh,112px);display:grid}.app-cascade-shell>.app-page-title{align-content:center;min-height:34vh;display:grid}.app-cascade-shell>.workspace-bar,.app-cascade-shell>.metric-grid,.app-cascade-shell>.record-list,.app-cascade-shell>.upload-layout,.app-cascade-shell>.timeline-list,.app-cascade-shell>.trends-layout,.app-cascade-shell>.grid{margin-bottom:0}.app-cascade-shell>.section{min-height:52vh}.app-cascade-shell>.metric-grid{align-content:center}@media (max-width:960px){.hero,.story-block,.footer-inner,.showcase-body,.upload-layout,.trends-layout,.liquid-hero,.cascade-card,.cascade-card-showcase,.cascade-page>.hero,.cascade-page>.section,.cascade-page>.cta-banner,.app-cascade-shell>.upload-layout,.app-cascade-shell>.trends-layout{grid-template-columns:1fr}.two-column-grid,.feature-grid,.screenshot-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:32px}.cta-banner{padding:40px 28px}.upload-panel{position:static}.floating-glass-nav{width:min(720px,100% - 24px)}.floating-glass-nav .navbar{flex-direction:column;align-items:stretch;gap:8px}.floating-glass-nav .nav-left,.floating-glass-nav .nav-right,.floating-glass-nav .app-nav{justify-content:center}.liquid-hero{align-items:center;min-height:calc(100vh - 24px)}.liquid-hero-panel{justify-self:start}.liquid-hero-stats{width:100%}.cascade-card{min-height:auto;position:relative;top:auto}.cascade-page,.app-cascade-shell{gap:32px}.cascade-page>.hero,.cascade-page>.section,.cascade-page>.cta-banner,.app-cascade-shell>.app-page-title,.app-cascade-shell>.workspace-bar,.app-cascade-shell>.metric-grid,.app-cascade-shell>.section,.app-cascade-shell>.record-list,.app-cascade-shell>.upload-layout,.app-cascade-shell>.timeline-list,.app-cascade-shell>.trends-layout,.app-cascade-shell>.grid{min-height:auto;position:relative;top:auto}.cascade-stack{gap:32px;margin-top:32px}}@media (max-width:640px){.site-header:not(.floating-glass-nav) .navbar{flex-direction:column;align-items:flex-start}.nav-left,.nav-right,.app-nav{width:100%}.nav-right{padding-top:4px}.floating-glass-nav{border-radius:22px;bottom:12px}.floating-glass-nav .navbar{scrollbar-width:none;flex-direction:row;justify-content:flex-start;align-items:center;min-height:0;padding:9px;overflow-x:auto}.floating-glass-nav .navbar::-webkit-scrollbar{display:none}.floating-glass-nav .nav-left,.floating-glass-nav .nav-right,.floating-glass-nav .app-nav{scrollbar-width:none;flex:none;justify-content:flex-start;width:auto;overflow-x:auto}.floating-glass-nav .nav-left::-webkit-scrollbar{display:none}.floating-glass-nav .nav-right::-webkit-scrollbar{display:none}.floating-glass-nav .app-nav::-webkit-scrollbar{display:none}.floating-glass-nav .logo{flex:none;margin-left:42px;margin-right:0}.floating-glass-nav .logo-text{display:none}.floating-glass-nav .nav-link,.floating-glass-nav .button{flex:none}.liquid-page{padding:10px 10px 132px}.liquid-hero{border-radius:22px;min-height:calc(100vh - 20px);padding:28px 18px 118px}.scroll-cue{width:46px;height:46px;bottom:92px;right:22px}.liquid-hero h1{font-size:clamp(4rem,23vw,7rem)}.liquid-hero-panel{width:100%;padding:16px}.liquid-hero-stats{gap:18px}.cascade-card{border-radius:20px;padding:24px 18px}.cascade-card-copy h2{font-size:clamp(2.35rem,13vw,4rem)}.cascade-step,.cascade-feature{grid-template-columns:1fr}.workspace-bar,.record-with-action{flex-direction:column;align-items:flex-start}.workspace-bar .button,.record-with-action .button,.search-field,.select-field,.select-field select{width:100%}.filter-group{align-items:flex-start}.two-column-grid,.feature-grid,.screenshot-grid,.metric-grid{grid-template-columns:1fr}.section{padding:56px 0}.hero:before{inset:-24px 0 auto}.hero-image:before{inset:8% 0 -6% 6%}.story-block{padding:24px}.footer-inner{gap:28px}.showcase-panel,.interactive-panel,.form-panel,.card,.record,.metric{padding:20px}}