@import "https://fonts.googleapis.com/css2?family=Saira:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";:root{--red-50:#fef3f0;--red-100:#fde5df;--red-200:#fccbc0;--red-300:#f9a696;--red-400:#f47860;--red-500:#ee4a33;--red-600:#dd2e1a;--red-700:#b92113;--red-800:#951b0e;--red-900:#6e160c;--slate-50:#f4f6f8;--slate-100:#e6eaef;--slate-200:#cdd5dd;--slate-300:#a8b4c0;--slate-400:#7e8d9d;--slate-500:#5a6b7d;--slate-600:#3e4c5c;--slate-700:#2c3845;--slate-800:#1f2832;--slate-900:#161d26;--slate-950:#0e141b;--white:#fff;--green-50:#e8f6ee;--green-100:#c6e9d5;--green-500:#1f9d55;--green-600:#16834a;--green-700:#0f6b3c;--amber-50:#fdf3e2;--amber-100:#fae3bc;--amber-500:#e8911a;--amber-600:#c5760f;--amber-700:#9c5c0a;--blue-50:#e9f2fa;--blue-100:#c8def1;--blue-500:#2b7fbf;--blue-600:#1f6299;--blue-700:#184e7b;--color-primary:var(--red-600);--color-primary-hover:var(--red-700);--color-primary-active:var(--red-800);--color-primary-subtle:var(--red-50);--color-primary-on:var(--white);--bg-base:var(--slate-50);--bg-subtle:var(--slate-100);--surface-card:var(--white);--surface-raised:var(--white);--surface-inverse:var(--slate-800);--surface-inverse-deep:var(--slate-950);--text-strong:var(--slate-900);--text-body:var(--slate-700);--text-muted:var(--slate-500);--text-faint:var(--slate-400);--text-on-primary:var(--white);--text-on-inverse:var(--slate-100);--text-on-inverse-muted:var(--slate-400);--text-link:var(--red-700);--border-subtle:var(--slate-200);--border-default:var(--slate-300);--border-strong:var(--slate-400);--border-inverse:var(--slate-700);--focus-ring:var(--red-500);--status-success:var(--green-600);--status-success-bg:var(--green-50);--status-warning:var(--amber-600);--status-warning-bg:var(--amber-50);--status-info:var(--blue-600);--status-info-bg:var(--blue-50);--status-danger:var(--red-700);--status-danger-bg:var(--red-50);--font-display:"Saira", system-ui, sans-serif;--font-body:"Barlow", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extra:800;--text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:21px;--text-2xl:25px;--text-3xl:31px;--text-4xl:38px;--text-5xl:48px;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.45;--leading-relaxed:1.6;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--tracking-caps:.12em;--display-font:var(--font-display);--display-weight:var(--weight-bold);--display-spacing:var(--tracking-wide);--eyebrow-font:var(--font-display);--eyebrow-size:var(--text-xs);--eyebrow-weight:var(--weight-semibold);--eyebrow-spacing:var(--tracking-caps);--body-font:var(--font-body);--body-size:var(--text-md);--body-weight:var(--weight-regular);--body-leading:var(--leading-normal);--label-font:var(--font-body);--label-weight:var(--weight-semibold);--label-spacing:var(--tracking-wide);--space-0:0;--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;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:22px;--radius-pill:999px;--border-width:1px;--border-width-strong:1.5px;--border-width-accent:3px;--shadow-xs:0 1px 2px #0e141b0f;--shadow-sm:0 1px 3px #0e141b1a, 0 1px 2px #0e141b0f;--shadow-md:0 4px 10px #0e141b1a, 0 1px 3px #0e141b0f;--shadow-lg:0 10px 24px #0e141b24, 0 3px 8px #0e141b14;--shadow-xl:0 20px 44px #0e141b33;--shadow-up:0 -6px 20px #0e141b1f;--shadow-inset:inset 0 1px 2px #0e141b1a;--ring:0 0 0 3px #ee4a3359;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-normal:.2s;--dur-slow:.32s;--tap-target:48px;--screen-pad:16px;--header-h:56px;--tabbar-h:64px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-body);background:var(--bg-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-strong);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}p{margin:0}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}code,kbd,samp{font-family:var(--font-mono);font-size:.92em}.sr-eyebrow{font-family:var(--eyebrow-font);font-size:var(--eyebrow-size);font-weight:var(--eyebrow-weight);letter-spacing:var(--eyebrow-spacing);text-transform:uppercase;color:var(--color-primary)}::selection{background:var(--red-200);color:var(--slate-900)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}html,body,#root{height:100%}body{background:radial-gradient(ellipse at top, var(--slate-800) 0%, var(--slate-950) 70%);color:var(--text-on-inverse);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}*{-webkit-tap-highlight-color:transparent}.studio{flex-direction:column;align-items:center;gap:24px;min-height:100%;padding:32px 16px 64px;display:flex}.studio__brand{text-align:center}.studio__wordmark{height:34px;margin:0 auto;display:block}.studio__tag{font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--slate-400);margin-top:10px}.roleswitch{border:1px solid var(--border-inverse);border-radius:var(--radius-pill);background:#ffffff0d;gap:4px;padding:4px;display:inline-flex}.roleswitch__btn{appearance:none;cursor:pointer;font-family:var(--font-display);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--slate-300);border-radius:var(--radius-pill);transition:background var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background:0 0;border:none;align-items:center;gap:8px;padding:9px 20px;font-size:12px;font-weight:700;display:inline-flex}.roleswitch__btn:hover{color:var(--white)}.roleswitch__btn--on{background:var(--color-primary);color:var(--white)}.screennav{flex-wrap:wrap;justify-content:center;gap:6px;max-width:460px;display:flex}.screennav__btn{appearance:none;cursor:pointer;border:1px solid var(--border-inverse);border-radius:var(--radius-md);color:var(--slate-300);font-family:var(--font-body);letter-spacing:.02em;transition:all var(--dur-fast) var(--ease-standard);background:#ffffff0a;padding:7px 13px;font-size:12px;font-weight:600}.screennav__btn:hover{border-color:var(--color-primary);color:var(--white)}.screennav__btn--on{border-color:var(--color-primary);color:var(--white);background:#dd2e1a26}.studio__caption{font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--slate-500);text-align:center;align-items:center;gap:12px;display:flex}.studio__reset{appearance:none;cursor:pointer;border:1px solid var(--border-inverse);border-radius:var(--radius-pill);color:var(--slate-400);font-family:var(--font-display);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:all var(--dur-fast) var(--ease-standard);background:#ffffff0a;align-items:center;gap:5px;padding:5px 11px;font-size:10px;font-weight:600;display:inline-flex}.studio__reset:hover{border-color:var(--color-primary);color:var(--white)}.appstage{background:var(--bg-base);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.appstage__demobar{padding:6px 12px;padding-top:max(6px, env(safe-area-inset-top));background:var(--surface-inverse-deep);border-bottom:1px solid var(--border-inverse);flex-shrink:0;align-items:center;gap:10px;display:flex}.appstage__demolabel{font-family:var(--font-display);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--slate-500);font-size:9px;font-weight:700}.appstage__demobar .roleswitch{margin-left:auto}.appstage__screen{flex:1;position:relative;overflow:hidden}.device{background:linear-gradient(160deg, var(--slate-700), var(--slate-900));width:390px;height:800px;box-shadow:0 0 0 1.5px #ffffff14, var(--shadow-xl), inset 0 1px 0 #ffffff1a;border-radius:46px;flex-shrink:0;padding:6px}.device__screen{background:var(--bg-base);border-radius:40px;width:100%;height:100%;position:relative;overflow:hidden}.app-scroll{scrollbar-width:none}.app-scroll::-webkit-scrollbar{display:none}@keyframes sr-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sr-rise{animation:sr-rise var(--dur-normal) var(--ease-standard) both}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}