*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{margin:0;background:#fff;color:var(--color-text-body);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}:root{--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f7f8f9;--color-surface-muted: #f1f3f5;--color-border: #e1e6ea;--color-border-strong: #c9d1d9;--color-text: #2d3842;--color-text-strong: #1f2a36;--color-text-body: #4a5562;--color-text-muted: #6e7784;--color-text-subtle: #96a0ab;--color-text-on-primary: #ffffff;--color-text-on-accent: #ffffff;--color-primary: #2aaed7;--color-primary-hover: #1e93b8;--color-primary-active: #157a9b;--color-primary-soft: #e6f4fa;--color-primary-ink: #136585;--color-accent: #da5a3a;--color-accent-hover: #bc4727;--color-accent-active: #9c3a1f;--color-accent-soft: #fbe9e2;--color-accent-ink: #7a2c17;--color-link: var(--color-primary);--color-link-hover: var(--color-primary-hover);--color-success: #1f7a44;--color-success-soft: #e8f5ec;--color-warning: #b45309;--color-warning-soft: #fff6e6;--color-danger: #b91c1c;--color-danger-soft: #fdecec;--color-info: var(--color-primary);--color-info-soft: var(--color-primary-soft);--surface-0: var(--color-surface);--surface-1: var(--color-bg);--surface-2: var(--color-surface-alt);--surface-3: var(--color-surface-muted);--border: var(--color-border);--border-strong: var(--color-border-strong);--ink-1: var(--color-text-strong);--ink-2: var(--color-text);--ink-3: var(--color-text-body);--ink-4: var(--color-text-body);--ink-5: var(--color-text-muted);--ink-6: var(--color-text-subtle);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-active: var(--color-primary-active);--accent-soft: var(--color-primary-soft);--accent-ink: var(--color-primary-ink);--success: var(--color-success);--success-soft: var(--color-success-soft);--warning: var(--color-warning);--warning-soft: var(--color-warning-soft);--danger: var(--color-danger);--danger-soft: var(--color-danger-soft);--info: var(--color-info);--info-soft: var(--color-info-soft);--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;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(31, 42, 54, .06);--shadow-sm: 0 1px 3px rgba(31, 42, 54, .08), 0 1px 2px rgba(31, 42, 54, .04);--shadow-md: 0 4px 14px rgba(31, 42, 54, .08);--shadow-lg: 0 20px 40px rgba(31, 42, 54, .12);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--container-max: 1120px;--container-narrow: 720px;--nav-height: 72px;--focus-ring: 0 0 0 3px rgba(42, 174, 215, .28)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:650;letter-spacing:-.01em;line-height:1.2;margin:0}h1{font-size:var(--text-4xl);letter-spacing:-.02em}h2{font-size:var(--text-3xl);letter-spacing:-.015em}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0;color:var(--color-text-body)}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:2px}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 0 auto}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-16) 0}.section--compact{padding:var(--space-12) 0}.section--band{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.section-head{max-width:680px;margin:0 auto var(--space-10);text-align:center}.section-head .eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-3)}.section-head h2{margin-bottom:var(--space-3)}.section-head p{font-size:var(--text-lg);color:var(--color-text-body)}.nav{position:sticky;top:0;z-index:50;background:#fffffff2;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--color-border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:var(--nav-height)}.nav__brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-primary);font-weight:700;font-size:var(--text-xl);letter-spacing:-.01em}.nav__brand:hover{color:var(--color-primary-hover)}.nav__links{display:flex;align-items:center;gap:var(--space-6)}.nav__link{color:var(--color-primary);font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-1);transition:color .15s ease}.nav__link:hover{color:var(--color-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.6875rem 1.375rem;min-height:42px;font-size:var(--text-sm);font-weight:600;line-height:1;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--color-text);text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease;white-space:nowrap}.btn:disabled,.btn[aria-disabled=true]{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--color-text-strong);border-color:var(--color-text-strong);color:var(--color-text-on-primary)}.btn--primary:hover:not(:disabled){background:#101923;border-color:#101923;color:var(--color-text-on-primary)}.btn--accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent);box-shadow:0 1px 2px #9c3a1f2e}.btn--accent:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-text-on-accent)}.btn--accent:active:not(:disabled){background:var(--color-accent-active);border-color:var(--color-accent-active)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-text-muted);color:var(--color-text-strong)}.btn--ghost{background:transparent;color:var(--color-text-body)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text-strong)}.btn--danger-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn--danger-ghost:hover:not(:disabled){color:var(--color-danger);background:var(--color-danger-soft)}.btn--lg{min-height:52px;padding:.875rem 1.75rem;font-size:var(--text-base)}.btn--block{width:100%}.link-btn{background:none;border:none;padding:0;color:var(--color-link);cursor:pointer;text-decoration:underline;font-size:inherit;font-family:inherit}.link-btn:hover{color:var(--color-link-hover)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs)}.card--flush{padding:0}.card--lg{padding:var(--space-8)}.card--interactive{transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.card--interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.panel-heading h2,.panel-heading h3{font-size:var(--text-lg);color:var(--color-text)}.form{display:flex;flex-direction:column;gap:var(--space-4)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.field__input,.field__select,.field__textarea{width:100%;padding:.625rem .875rem;min-height:42px;font-size:var(--text-base);line-height:1.35;color:var(--color-text-strong);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius);transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}.field__input::placeholder{color:var(--color-text-subtle)}.field__input:hover,.field__select:hover{border-color:var(--color-text-muted)}.field__input:focus,.field__select:focus,.field__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius);border:1px solid transparent;font-size:var(--text-sm);line-height:1.5}.alert p{color:inherit;margin:0}.alert--info{background:var(--color-info-soft);border-color:#2aaed759;color:var(--color-primary-ink)}.alert--success{background:var(--color-success-soft);border-color:#1f7a4447;color:var(--color-success)}.alert--warning{background:var(--color-warning-soft);border-color:#b4530947;color:var(--color-warning)}.alert--danger{background:var(--color-danger-soft);border-color:#b91c1c38;color:var(--color-danger)}.segmented{display:inline-flex;padding:4px;background:var(--color-surface-muted);border-radius:var(--radius-pill);border:1px solid var(--color-border)}.segmented__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-text-body);padding:.5rem 1.25rem;font-size:var(--text-sm);font-weight:600;line-height:1;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease;font-family:inherit}.segmented__item[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.segmented__item:hover:not([aria-pressed=true]){color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-pill);border:1px solid transparent;line-height:1.5;letter-spacing:.01em}.badge--neutral{background:var(--color-surface-alt);color:var(--color-text-body);border-color:var(--color-border)}.badge--success{background:var(--color-success-soft);color:var(--color-success);border-color:#1f7a4447}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:#b4530947}.badge--accent{background:var(--color-primary-soft);color:var(--color-primary-ink);border-color:#2aaed759}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3) var(--space-6)}.kv{display:flex;flex-direction:column;gap:2px}.kv__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.kv__value{font-size:var(--text-base);color:var(--color-text);font-weight:500}.stack{display:flex;flex-direction:column}.stack--2{gap:var(--space-2)}.stack--3{gap:var(--space-3)}.stack--4{gap:var(--space-4)}.stack--6{gap:var(--space-6)}.row{display:flex;align-items:center}.row--gap-2{gap:var(--space-2)}.row--gap-3{gap:var(--space-3)}.row--gap-4{gap:var(--space-4)}.row--wrap{flex-wrap:wrap}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-body)}.strong{color:var(--color-text-strong);font-weight:600}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{position:relative;padding:var(--space-20) 0 var(--space-16);background:radial-gradient(1100px 360px at 85% -10%,rgba(42,174,215,.1),transparent 60%),radial-gradient(900px 320px at 0% 10%,rgba(218,90,58,.06),transparent 60%),var(--color-bg);border-bottom:1px solid var(--color-border)}.hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:var(--space-16)}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 14px;font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary-ink);background:var(--color-primary-soft);border:1px solid rgba(42,174,215,.35);border-radius:var(--radius-pill);margin-bottom:var(--space-5)}.hero__title{font-size:clamp(2rem,3.4vw + 1rem,3.25rem);line-height:1.08;color:var(--color-text);margin-bottom:var(--space-5)}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-body);max-width:560px;margin-bottom:var(--space-8)}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.hero__meta{display:flex;flex-wrap:wrap;gap:var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.hero__meta-item{display:inline-flex;align-items:center;gap:var(--space-2)}.hero__meta-item:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.hero__visual{position:relative;display:flex;justify-content:center;align-items:center}.hero__device{position:relative;padding:var(--space-5);border-radius:var(--radius-xl);background:linear-gradient(180deg,#ffffff,var(--color-surface-alt));border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}@media(max-width:900px){.hero{padding:var(--space-16) 0 var(--space-12)}.hero__grid{grid-template-columns:1fr;gap:var(--space-12)}.hero__visual{order:2}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}.feature{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.feature__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-surface);color:var(--color-accent);border:2px solid var(--color-accent);margin-bottom:var(--space-4)}.feature h3{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-2)}.feature p{font-size:var(--text-sm);color:var(--color-text-body);line-height:1.55}.pricing{padding:var(--space-20) 0;background:var(--color-surface-alt);border-top:1px solid var(--color-border)}.pricing__module{display:flex;flex-direction:column;align-items:center}.pricing__head{margin-bottom:var(--space-6)}.pricing__toggle{display:flex;justify-content:center;margin-bottom:var(--space-6)}.pricing__footnote{margin-top:var(--space-5);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);width:100%;max-width:880px;margin:0 auto}.pricing__grid--single{max-width:400px}.plan--placeholder{align-items:center;justify-content:center;min-height:280px;box-shadow:none;background:var(--color-surface);border-style:dashed}.screenshots{background:var(--color-bg)}.screenshots__stage{display:flex;align-items:center;justify-content:center;gap:var(--space-4);max-width:720px;margin:0 auto}.screenshots__figure{margin:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(180deg,#ffffff,var(--color-surface-alt));border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.screenshots__image{display:block;width:100%;max-width:320px;height:auto;border-radius:var(--radius-lg)}.screenshots__caption{color:var(--color-text-body);font-size:var(--text-sm);text-align:center;max-width:420px;line-height:1.5}.screenshots__arrow{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.screenshots__arrow:hover{background:var(--color-surface-alt);border-color:var(--color-text-muted);color:var(--color-text-strong)}.screenshots__arrow:focus-visible{outline:none;box-shadow:var(--focus-ring)}.screenshots__dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-6)}.screenshots__dot{width:10px;height:10px;padding:0;border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:50%;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.screenshots__dot:hover{border-color:var(--color-text-muted)}.screenshots__dot--active{background:var(--color-primary);border-color:var(--color-primary)}@media(max-width:640px){.screenshots__stage{gap:var(--space-2)}.screenshots__arrow{width:36px;height:36px}.screenshots__image{max-width:260px}}.plan{display:flex;flex-direction:column;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-6) var(--space-5);box-shadow:0 1px 2px #1f2a360a,0 24px 48px -28px #1f2a362e;text-align:left}.plan__header{padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.plan__name{font-size:var(--text-xl);color:var(--color-text);margin:0;letter-spacing:-.01em}.plan__desc{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.45}.plan__price-block{padding:var(--space-5) 0 var(--space-5);border-bottom:1px solid var(--color-border)}.plan__price-row{display:flex;align-items:baseline;gap:6px}.plan__price{font-size:2.75rem;font-weight:700;color:var(--color-text-strong);line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.plan__interval{font-size:var(--text-base);color:var(--color-text-muted);font-weight:500}.plan__price-note{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.plan__savings{display:inline-block;margin-top:var(--space-2);padding:2px 10px;border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font-size:var(--text-xs);font-weight:600;letter-spacing:.01em}.plan__billing{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.01em}.plan__included{padding:var(--space-5) 0 var(--space-5);border-bottom:1px solid var(--color-border)}.plan__included-label{display:block;margin-bottom:var(--space-3);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.plan__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.plan__features li{position:relative;padding-left:26px;color:var(--color-text);font-size:var(--text-sm);line-height:1.5}.plan__features li:before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--color-accent-soft);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23DA5A3A' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");background-repeat:no-repeat;background-position:center}.plan__cta{margin-top:var(--space-5)}.plan__cta-note{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}@media(max-width:640px){.plan{padding:var(--space-5)}.plan__price{font-size:2.25rem}}.auth{display:flex;align-items:flex-start;justify-content:center;padding:var(--space-16) var(--space-4);min-height:calc(100vh - var(--nav-height));background:var(--color-surface-alt)}.auth__card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-8)}.auth__header{margin-bottom:var(--space-6)}.auth__title{font-size:var(--text-2xl);color:var(--color-text);margin-bottom:var(--space-2)}.auth__subtitle{font-size:var(--text-sm);color:var(--color-text-body)}.auth__footer{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border);text-align:center;font-size:var(--text-sm);color:var(--color-text-body)}.page{padding:var(--space-10) 0 var(--space-16)}.page--narrow .container{max-width:780px}.page__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.page__title{font-size:var(--text-2xl);color:var(--color-text);margin:0}.page__subtitle{margin-top:var(--space-2);color:var(--color-text-body);font-size:var(--text-sm)}.panel-stack{display:flex;flex-direction:column;gap:var(--space-5)}.footer{margin-top:auto;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-10) 0}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.footer__brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:700;font-size:var(--text-sm)}.footer__copy{font-size:var(--text-xs);color:var(--color-text-muted)}.footer__links{display:flex;gap:var(--space-5)}.footer__link{font-size:var(--text-sm);color:var(--color-text-body)}.footer__link:hover{color:var(--color-text)}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}@media(max-width:640px){.container{padding:0 var(--space-4)}.section,.hero{padding:var(--space-12) 0}.page__header{flex-direction:column;align-items:flex-start}}.nav__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;overflow:hidden}.nav__brand-mark-image{display:block;max-width:100%;max-height:100%;object-fit:contain}