:root{--ux-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, sans-serif;--ux-font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--ux-accent: #f43f5e;--ux-on-accent: #ffffff;--ux-danger: #ef4444;--ux-border-focus: #6366f1;--ux-border-highlight: rgba(255, 255, 255, .08);--ux-surface-hover: #1e1e30;--ux-primary: #6366f1;--ux-primary-lighter: #818cf8;--ux-primary-darker: #4f46e5;--ux-primary-container: rgba(99, 102, 241, .12);--ux-secondary: #10b981;--ux-secondary-lighter: #34d399;--ux-secondary-container: rgba(16, 185, 129, .12);--ux-tertiary: #f43f5e;--ux-success: #22c55e;--ux-success-lighter: #4ade80;--ux-success-container: rgba(34, 197, 94, .12);--ux-error: #ef4444;--ux-error-lighter: #f87171;--ux-error-container: rgba(239, 68, 68, .1);--ux-warning: #f59e0b;--ux-warning-lighter: #fbbf24;--ux-warning-container: rgba(245, 158, 11, .12);--ux-info: #3b82f6;--ux-info-lighter: #60a5fa;--ux-info-container: rgba(59, 130, 246, .12);--ux-on-primary: #ffffff;--ux-on-secondary: #ffffff;--ux-on-error: #ffffff;--ux-on-warning: #1a1a2e;--ux-on-success: #ffffff;--ux-on-info: #ffffff;--ux-on-primary-container: #a5b4fc;--ux-on-secondary-container: #6ee7b7;--ux-on-success-container: #86efac;--ux-on-error-container: #fca5a5;--ux-on-warning-container: #fcd34d;--ux-on-info-container: #93c5fd;--ux-on-surface: #ececf0;--ux-on-background: #ececf0;--ux-background: #09090b;--ux-surface: #111118;--ux-surface-variant: #1a1a2e;--ux-surface-container: #16161f;--ux-surface-container-low: #111118;--ux-surface-container-high: #1e1e30;--ux-surface-elevated: #222236;--ux-text: #d4d4d8;--ux-text-primary: #ececf0;--ux-text-base: #d4d4d8;--ux-text-secondary: #a1a1aa;--ux-text-muted: #71717a;--ux-text-disabled: #52525b;--ux-border: #27272a;--ux-outline: #27272a;--ux-outline-variant: #3f3f46;--ux-focus: #6366f1;--ux-spacing-3xs: .125rem;--ux-spacing-2xs: .1875rem;--ux-spacing-xs: .25rem;--ux-spacing-sm: .5rem;--ux-spacing-md: 1rem;--ux-spacing-lg: 1.5rem;--ux-spacing-xl: 2rem;--ux-spacing-2xl: 3rem;--ux-radius-xs: .125rem;--ux-radius-sm: .25rem;--ux-radius-md: .375rem;--ux-radius-lg: .5rem;--ux-radius-xl: .75rem;--ux-radius-2xl: 1rem;--ux-radius-full: 9999px;--ux-font-size-2xs: .625rem;--ux-text-2xs: .625rem;--ux-font-size-xs: .75rem;--ux-text-xs: .75rem;--ux-font-size-sm: .875rem;--ux-text-sm: .875rem;--ux-font-size-base: 1rem;--ux-font-size-md: 1rem;--ux-text-md: 1rem;--ux-font-size-lg: 1.125rem;--ux-text-lg: 1.125rem;--ux-font-size-xl: 1.25rem;--ux-text-xl: 1.25rem;--ux-font-size-2xl: 1.5rem;--ux-text-2xl: 1.5rem;--ux-font-size-3xl: 1.875rem;--ux-text-3xl: 1.875rem;--ux-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .2);--ux-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .25), 0 1px 2px -1px rgba(0, 0, 0, .2);--ux-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--ux-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .2);--ux-duration-fast: .15s;--ux-duration-base: .3s;--ux-duration-slow: .5s;--ux-ease-standard: cubic-bezier(.2, 0, 0, 1);--ux-ease-accelerate: cubic-bezier(.3, 0, 1, 1);--ux-ease-decelerate: cubic-bezier(0, 0, 0, 1);--ux-z-behind: -1;--ux-z-base: 0;--ux-z-raised: 10;--ux-z-dropdown: 1000;--ux-z-sticky: 1100;--ux-z-fixed: 1200;--ux-z-modal: 1300;--ux-z-popover: 1400;--ux-z-tooltip: 1500;--ux-z-toast: 1600;--ux-z-overlay: 1700;--ux-touch-target: 44px;--ux-safe-area-top: env(safe-area-inset-top, 0px);--ux-safe-area-right: env(safe-area-inset-right, 0px);--ux-safe-area-bottom: env(safe-area-inset-bottom, 0px);--ux-safe-area-left: env(safe-area-inset-left, 0px);--ux-blur-sm: 8px;--ux-blur-md: 16px;--ux-blur-lg: 32px;--ux-glass-intensity: 1;--ux-ease-spring-soft: linear( 0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 );--ux-ease-spring-snappy: linear( 0, .026, .101 5.9%, .539 18.2%, .721 24.5%, .849 30.8%, .937 38.1%, .973 43.7%, .995 50.5%, 1.005 58.4%, 1.001 );--ux-motion-duration-hero: .42s;--ux-sheet-ease: cubic-bezier(.32, .72, 0, 1);--ux-sheet-duration: .5s;--ux-press-scale: .96;--ux-stagger-step: 40ms;--ux-gesture-swipe-threshold: 48px;--ux-gesture-velocity-threshold: .35;--ux-gesture-activation-delay: .12s;--ux-drag-damping: .55;--ux-fg-on-dark: #ffffff;--ux-fg-on-light: #0a0a0f;--ux-scrim: #000000;--ux-scrim-opacity: .55;--ux-grain-opacity: .04;--ux-surface-dynamic: var(--ux-surface);--ux-accent-dynamic: var(--ux-accent);--ux-transition-fast: .15s ease;--ux-transition-base: .3s ease;--ux-transition-slow: .5s ease;--ux-focus-ring: 0 0 0 2px var(--ux-background), 0 0 0 4px var(--ux-focus);--pe-accent: var(--ux-primary, #6366f1);--pe-accent-hover: var(--ux-primary-darker, #4f46e5);--pe-accent-glow: rgba(99, 102, 241, .25);--pe-accent-surface: rgba(99, 102, 241, .08);--pe-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--pe-gradient-hover: linear-gradient(135deg, #4f46e5, #7c3aed);--pe-nav-indicator: #6366f1}[data-theme=light]{--ux-danger: #dc2626;--ux-border-highlight: rgba(255, 255, 255, .6);--ux-surface-hover: #e2e8f0;--ux-primary-container: rgba(99, 102, 241, .1);--ux-secondary: #0ea5a4;--ux-secondary-lighter: #14b8a6;--ux-secondary-container: rgba(14, 165, 164, .1);--ux-success: #16a34a;--ux-success-lighter: #22c55e;--ux-success-container: rgba(22, 163, 74, .1);--ux-error: #dc2626;--ux-error-lighter: #ef4444;--ux-error-container: rgba(220, 38, 38, .1);--ux-warning: #d97706;--ux-warning-lighter: #f59e0b;--ux-warning-container: rgba(217, 119, 6, .1);--ux-info: #2563eb;--ux-info-lighter: #3b82f6;--ux-info-container: rgba(37, 99, 235, .1);--ux-on-primary-container: #312e81;--ux-on-secondary-container: #134e4a;--ux-on-success-container: #14532d;--ux-on-error-container: #7f1d1d;--ux-on-warning-container: #78350f;--ux-on-info-container: #1e3a8a;--ux-on-surface: #0f172a;--ux-on-background: #0f172a;--ux-background: #f8fafc;--ux-surface: #ffffff;--ux-surface-variant: #f1f5f9;--ux-surface-container: #f8fafc;--ux-surface-container-low: #ffffff;--ux-surface-container-high: #e2e8f0;--ux-surface-elevated: #ffffff;--ux-text: #0f172a;--ux-text-primary: #0f172a;--ux-text-base: #0f172a;--ux-text-secondary: #475569;--ux-text-muted: #64748b;--ux-text-disabled: #94a3b8;--ux-border: #e2e8f0;--ux-outline: #e2e8f0;--ux-outline-variant: #cbd5e1;--ux-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--ux-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);--ux-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--ux-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .06)}:root{--violet: #7c5cff;--indigo: #6478ff;--cyan: #25d7ee;--graphite: #1b2433;--ink: #070a0f;--accent-text: var(--cyan);--bg: var(--ux-background);--bg-2: var(--ux-surface-container-low);--surface: var(--ux-surface);--surface-2: var(--ux-surface-container-high);--line: var(--ux-border);--text: var(--ux-text-primary);--muted: var(--ux-text-secondary);--grad: linear-gradient(100deg, var(--violet), var(--indigo) 48%, var(--cyan));--glow: 0 0 0 1px color-mix(in srgb, var(--violet) 35%, transparent), 0 10px 40px -8px color-mix(in srgb, var(--indigo) 55%, transparent);--radius: 14px;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;color-scheme:dark}[data-theme=light]{--accent-text: #0e7490;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px / 1.6 var(--font);overflow-x:hidden}img{display:block}a{color:inherit}code{font-family:var(--mono);font-size:.9em;padding:.1em .4em;border-radius:6px;background:var(--surface-2);border:1px solid var(--line)}h1,h2,h3{line-height:1.12;letter-spacing:-.02em;margin:0}h2{font-size:clamp(1.7rem,5vw,2.6rem);margin-bottom:1.5rem}h3{font-size:1.1rem}p{margin:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font:600 .78rem / 1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin-bottom:1rem}.lede{color:var(--muted);font-size:1.08rem;max-width:38rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.2rem;border-radius:12px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;font-size:1rem;position:relative;overflow:hidden}.btn--sm{min-height:44px;padding:0 .95rem;font-size:.92rem}.btn--primary{background:var(--grad);color:#fff;box-shadow:var(--glow)}.btn--primary:hover{transform:translateY(-1px)}.btn--ghost{background:var(--surface);border-color:var(--line);color:var(--text)}.btn--ghost:hover{border-color:color-mix(in srgb,var(--violet) 50%,transparent)}.btn--vitto{background:var(--surface-2);border-color:color-mix(in srgb,var(--cyan) 40%,transparent);color:var(--text)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn--shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,white 45%,transparent) 50%,transparent 65%);transform:translate(-120%)}@keyframes shine{60%,to{transform:translate(120%)}}.top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;text-decoration:none;min-height:44px}.brand--sm{min-height:0;font-weight:600}.top__nav{display:none;gap:1.4rem;margin-left:auto;font-size:.93rem}.top__nav a{color:var(--muted);text-decoration:none}.top__nav a:hover{color:var(--text)}.top>.btn{margin-left:auto}@media (min-width: 760px){.top{padding:.7rem 2rem}.top__nav{display:flex}.top>.btn{margin-left:0}}.hero{position:relative;overflow-x:clip;display:grid;gap:2.2rem;padding:3rem 1rem 3.5rem;max-width:76rem;margin:0 auto}.hero__glow{position:absolute;inset:-10% -30% auto;height:32rem;background:radial-gradient(40% 50% at 30% 30%,color-mix(in srgb,var(--violet) 28%,transparent),transparent 70%),radial-gradient(35% 45% at 70% 40%,color-mix(in srgb,var(--cyan) 18%,transparent),transparent 70%);filter:blur(10px);z-index:-1}@keyframes drift{to{transform:translate3d(4%,3%,0) scale(1.08)}}.hero h1{font-size:clamp(2.4rem,9vw,4.4rem);margin-bottom:1.1rem}.hero .lede{margin-bottom:1.8rem}.ctas{display:flex;flex-wrap:wrap;gap:.75rem}.ctas--center{justify-content:center}@media (min-width: 980px){.hero{grid-template-columns:1.05fr 1fr;align-items:center;padding:5rem 2rem 5.5rem}}.demo{background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--line);border-radius:20px;padding:1rem;box-shadow:0 30px 80px -30px color-mix(in srgb,black 60%,transparent)}.demo__bar{display:grid}.demo__add,.demo__try{grid-area:1 / 1}.demo__add{display:flex;gap:.5rem}.demo__add input{flex:1;min-width:0;min-height:44px;padding:0 .85rem;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);font:.95rem var(--mono)}.demo__try{align-self:center;color:var(--muted);font-size:.92rem;visibility:hidden}.demo[data-demo=static] .demo__add,.demo[data-demo=off] .demo__add{visibility:hidden}.demo[data-demo=static] .demo__try,.demo[data-demo=off] .demo__try{visibility:visible}.demo__read{min-height:1.6em;margin:.65rem 0 .9rem;font-size:.86rem;color:var(--muted)}.demo__read .chip{margin-right:.3rem}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.col{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.55rem;min-height:12.5rem}.col__name{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.col__cards{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.card{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:.5rem .55rem;font-size:.82rem;line-height:1.35}.card__title{display:block;font-weight:600;overflow-wrap:anywhere}.card__meta{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.card--new{border-color:color-mix(in srgb,var(--violet) 55%,transparent);box-shadow:var(--glow)}.card--vitto{border-color:color-mix(in srgb,var(--cyan) 45%,transparent)}.chip{display:inline-block;font-size:.68rem;font-weight:600;padding:.08rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--violet) 16%,transparent);color:var(--text)}.chip--vitto{background:color-mix(in srgb,var(--cyan) 18%,transparent)}.demo__foot{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:.9rem}.demo__note{font-size:.78rem;color:var(--muted)}.band{max-width:76rem;margin:0 auto;padding:3.5rem 1rem}@media (min-width: 760px){.band{padding:5rem 2rem}}.steps,.feats{list-style:none;margin:0;padding:0;display:grid;gap:1rem}@media (min-width: 760px){.steps{grid-template-columns:repeat(3,1fr)}.feats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.feats{grid-template-columns:repeat(3,1fr)}}.step,.feat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.3rem}.step h3,.feat h3{margin-bottom:.5rem}.step p,.feat p{color:var(--muted);font-size:.96rem}.step__n{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:var(--grad);color:#fff;font-weight:700;margin-bottom:.8rem}.feat{position:relative}.feat:before{content:"";position:absolute;inset:0 auto auto 0;width:3rem;height:3px;border-radius:3px;background:var(--grad)}.band--split{display:grid;gap:2.5rem;align-items:center}.band--split .lede{margin:.5rem 0 1.5rem}@media (min-width: 860px){.band--split{grid-template-columns:1.3fr 1fr}}.phone{justify-self:center;width:13rem;aspect-ratio:9 / 18;border-radius:2.2rem;padding:.65rem;background:linear-gradient(160deg,var(--graphite),var(--ink));border:1px solid var(--line);box-shadow:0 40px 80px -30px color-mix(in srgb,var(--indigo) 45%,transparent)}.phone__screen{height:100%;border-radius:1.7rem;display:grid;place-content:center;justify-items:center;gap:.6rem;background:radial-gradient(70% 50% at 50% 35%,color-mix(in srgb,var(--violet) 35%,transparent),transparent),var(--bg)}.phone__label{font-weight:700}.faq{display:grid;gap:.6rem;max-width:48rem}.qa{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 1.1rem}.qa summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;list-style:none}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";margin-left:auto;color:var(--cyan);font-size:1.3rem}.qa[open] summary:after{content:"−"}.qa p{color:var(--muted);padding-bottom:1rem}.band--cta{text-align:center}.foot{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;align-items:center;justify-content:center;padding:2rem 1rem 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.foot__v{font-family:var(--mono);font-size:.8rem}@keyframes rise{0%{transform:translateY(28px)}}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn--shine:after{animation:shine 3.6s ease-in-out 1.2s infinite}.hero__glow{animation:drift 14s ease-in-out infinite alternate}@supports (animation-timeline: view()){.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}}}