:root{--brand-navy:#0b1f46;--brand-blue:#246bfd;--brand-cyan:#12c9f4;--brand-violet:#7547f5;--brand-gradient:linear-gradient(120deg, #246bfd 0%, #12c9f4 48%, #7547f5 100%);--blue:var(--brand-blue);--blue-deep:#174fd0;--blue-text:#1f62f0;--violet:var(--brand-violet);--purple:#9a6bff;--cyan:var(--brand-cyan);--green:#10b981;--amber:#f59e0b;--rose:#f43f5e;--bg:#fff;--surface:#fff;--surface-2:#f4f7fc;--surface-3:#ecf1fa;--surface-violet:#f6f3ff;--surface-cyan:#f1fbfe;--ink:var(--brand-navy);--ink-2:#1c3361;--muted:#53647e;--muted-2:#6c7c95;--line:#dce5f2;--line-2:#cdd9ea;--night:#07152e;--night-2:var(--brand-navy);--grad-brand:var(--brand-gradient);--grad-cool:linear-gradient(120deg, var(--cyan) 0%, var(--blue) 100%);--radius-sm:10px;--radius:16px;--radius-lg:20px;--radius-xl:28px;--shadow-xs:0 1px 2px #0b1f460d;--shadow-sm:0 1px 2px #0b1f460a, 0 4px 12px -2px #0b1f460d;--shadow-md:0 2px 4px #0b1f460a, 0 16px 32px -12px #243c8c24;--shadow-lg:0 30px 60px -20px #243c8c40;--ease:cubic-bezier(.16, 1, .3, 1);--dur-ui:.3s;--dur-reveal:.8s;--header-h:76px;--container:1240px;--gutter:clamp(16px, 4vw, 40px);--section-y:clamp(72px, 10vw, 136px);--fs-hero:clamp(2.5rem, 1.3rem + 3.9vw, 4.6rem);--fs-h1:clamp(2.4rem, 1.4rem + 3.6vw, 4.5rem);--fs-h2:clamp(2rem, 1.25rem + 2.6vw, 3.6rem);--fs-h3:clamp(1.25rem, 1.05rem + .6vw, 1.75rem);--fs-lead:clamp(1.05rem, .98rem + .3vw, 1.2rem);--fs-body:1rem;--fs-small:.875rem;--fs-label:.75rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;font-size:var(--fs-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.6;overflow-x:clip}img,svg,picture{max-width:100%;display:block}img{height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}ul[role=list],ol[role=list]{padding:0;list-style:none}h1,h2,h3,h4{letter-spacing:-.03em;text-wrap:balance;font-weight:700;line-height:1.08}p{text-wrap:pretty}::selection{background:#246bfd2e}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.section--tight{padding-block:calc(var(--section-y) * .6)}.section--alt{background:linear-gradient(180deg, var(--bg) 0%, var(--surface-2) 100%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;transition:transform var(--dur-ui) var(--ease);border-radius:10px;padding:10px 16px;font-weight:600;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus-visible{transform:translateY(0)}.eyebrow{font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-text);align-items:center;gap:10px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--grad-brand);border-radius:2px;width:18px;height:2px}.eyebrow--light{color:#8fb3ff}.text-gradient{background:var(--grad-brand);color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text}.lead{font-size:var(--fs-lead);color:var(--muted);line-height:1.65}.h2{font-size:var(--fs-h2)}.h3{font-size:var(--fs-h3);letter-spacing:-.02em}.btn{--btn-bg:var(--blue);--btn-fg:#fff;letter-spacing:-.005em;white-space:nowrap;background:var(--btn-bg);min-height:48px;color:var(--btn-fg);transition:transform var(--dur-ui) var(--ease), box-shadow var(--dur-ui) var(--ease), background-color var(--dur-ui) var(--ease), border-color var(--dur-ui) var(--ease);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative}.btn svg{transition:transform var(--dur-ui) var(--ease)}.btn:hover{transform:translateY(-2px)}.btn:hover svg{transform:translate(3px)}.btn:active{transform:translateY(0)}.btn--primary{box-shadow:inset 0 1px #ffffff40,0 10px 24px -10px #246bfda6}.btn--primary:hover{background:var(--blue-deep);box-shadow:inset 0 1px #ffffff40,0 16px 30px -12px #246bfdbf}.btn--secondary{--btn-bg:var(--surface);--btn-fg:var(--ink);border-color:var(--line-2);box-shadow:var(--shadow-xs)}.btn--secondary:hover{box-shadow:var(--shadow-sm);border-color:#246bfd73}.btn--ghost-light{--btn-bg:#ffffff14;--btn-fg:#fff;border-color:#ffffff38}.btn--ghost-light:hover{--btn-bg:#ffffff24}.btn--white{--btn-bg:#fff;--btn-fg:var(--ink)}.btn--sm{border-radius:10px;min-height:40px;padding:0 16px;font-size:.875rem}.link-arrow{color:var(--blue-text);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.link-arrow svg{transition:transform var(--dur-ui) var(--ease)}.link-arrow:hover svg,a:hover>.link-arrow svg{transform:translate(4px)}.chip{color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.sample-badge{letter-spacing:.04em;text-transform:uppercase;color:#8a5a00;background:#fff6e0;border:1px solid #f6dfa6;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.6875rem;font-weight:600;display:inline-flex}[data-accent=blue]{--accent:var(--blue);--accent-soft:#eaf1ff;--accent-ink:#1746c7}[data-accent=violet]{--accent:var(--violet);--accent-soft:#f1ebff;--accent-ink:#5b21b6}[data-accent=purple]{--accent:var(--purple);--accent-soft:#f6edff;--accent-ink:#7e22ce}[data-accent=cyan]{--accent:var(--cyan);--accent-soft:#e6f8fc;--accent-ink:#0e7490}[data-accent=green]{--accent:var(--green);--accent-soft:#e5f8f1;--accent-ink:#047857}[data-accent=amber]{--accent:var(--amber);--accent-soft:#fff4e0;--accent-ink:#b45309}[data-accent=rose]{--accent:var(--rose);--accent-soft:#ffecef;--accent-ink:#be123c}.icon-tile{width:48px;height:48px;color:var(--accent,var(--blue));background:var(--accent-soft,#eaf1ff);transition:transform var(--dur-ui) var(--ease), background-color var(--dur-ui) var(--ease), color var(--dur-ui) var(--ease);border-radius:14px;flex:none;place-items:center;display:grid}.js [data-reveal]{opacity:0;transition:opacity var(--dur-reveal) var(--ease), transform var(--dur-reveal) var(--ease);transition-delay:calc(var(--d,0) * 90ms);transform:translateY(28px)}.js [data-reveal=left]{transform:translate(-36px)}.js [data-reveal=right]{transform:translate(36px)}.js [data-reveal=scale]{transform:scale(.96)}.js [data-reveal=clip]{opacity:1;transform:none}.js [data-reveal=clip]>*{clip-path:inset(0 0 100% 0 round var(--radius-xl));transition:clip-path 1.1s var(--ease)}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-reveal=clip].is-in>*{clip-path:inset(0 0 0 0 round var(--radius-xl))}@media (max-width:767px){.js [data-reveal=left],.js [data-reveal=right]{transform:translateY(28px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js [data-reveal],.js [data-reveal=clip]>*{opacity:1;clip-path:none;transform:none}}main:focus{outline:none}.nf-wrap{text-align:center;background:radial-gradient(40% 50% at 50% 0%, #7547f51a, transparent 70%), var(--surface);padding:clamp(80px,14vw,160px) 0}.nf-wrap .lead{margin-inline:auto}.nf-code{letter-spacing:-.06em;background:var(--grad-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,3rem + 10vw,10rem);font-weight:800;line-height:1}.nf-title{max-width:20ch;margin:16px auto;font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem)}.nf-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}
