:root{color-scheme:light dark;--brand-100:oklch(96% .03 245);--brand-200:oklch(90% .07 245);--brand-300:oklch(82% .12 243);--brand-400:oklch(72% .16 250);--brand-500:oklch(62% .2 256);--brand-600:oklch(53% .2 259);--brand-700:oklch(44% .18 262);--navy-800:oklch(33% .12 264);--navy-900:oklch(26% .1 265);--sky:oklch(78% .14 225);--mint:oklch(78% .15 165);--amber:oklch(79% .15 75);--bg:light-dark(oklch(96.8% .017 248),oklch(17% .03 263));--bg-soft:light-dark(oklch(92.8% .03 247),oklch(21% .035 263));--bg-card:light-dark(oklch(100% 0 0),oklch(24% .034 263));--bg-inset:light-dark(oklch(95.5% .022 248),oklch(28% .036 263));--text:light-dark(var(--navy-900),oklch(96% .012 250));--text-muted:light-dark(oklch(46% .045 263),oklch(79% .02 250));--border:light-dark(oklch(88% .022 250),oklch(34% .032 263));--accent:light-dark(var(--brand-600),var(--brand-300));--accent-contrast:oklch(99% 0 0);--on-navy:oklch(99% .005 250);--glow:light-dark(color-mix(in srgb, var(--brand-400) 22%, transparent),color-mix(in srgb, var(--brand-400) 30%, transparent));--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--step--1:clamp(.9rem, .87rem + .15vw, 1rem);--step-0:clamp(1.05rem, 1rem + .25vw, 1.19rem);--step-1:clamp(1.25rem, 1.16rem + .45vw, 1.5rem);--step-2:clamp(1.5rem, 1.34rem + .8vw, 2rem);--step-3:clamp(1.85rem, 1.55rem + 1.5vw, 2.75rem);--step-4:clamp(2.3rem, 1.7rem + 3vw, 4.2rem);--wrap:1180px;--wrap-narrow:760px;--radius:20px;--radius-lg:30px;--radius-sm:12px;--gap:clamp(1rem, .6rem + 1.6vw, 2rem);--section-y:clamp(3rem, 2rem + 5vw, 6rem);--shadow-sm:0 1px 2px light-dark(oklch(20% .03 260/.06),oklch(0% 0 0/.3));--shadow:0 10px 30px -12px light-dark(oklch(30% .05 260/.25),oklch(0% 0 0/.6));--shadow-lg:0 30px 60px -25px light-dark(oklch(30% .08 260/.35),oklch(0% 0 0/.7));--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;interpolate-size:allow-keywords;scroll-padding-top:5.5rem}body{font-family:var(--font);font-size:var(--step-0);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.022em;text-wrap:balance;margin:0 0 .5em;font-weight:700;line-height:1.12}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{text-wrap:pretty;margin:0 0 1em}p:last-child{margin-bottom:0}a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}img,svg,picture{max-width:100%;height:auto;display:block}ul,ol{margin:0 0 1em;padding-left:1.3em}li{margin:.3em 0}:focus-visible{outline:3px solid var(--brand-500);outline-offset:3px;border-radius:6px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;background:var(--brand-600);color:#fff;transition:top .2s var(--ease-out);border-radius:0 0 12px 12px;padding:.7rem 1.1rem;text-decoration:none;position:absolute;top:-4rem;left:1rem}.skip-link:focus-visible{top:0}.wrap{width:min(100% - 2.5rem, var(--wrap));margin-inline:auto}.wrap-narrow{width:min(100% - 2.5rem, var(--wrap-narrow));margin-inline:auto}.section{padding-block:var(--section-y);position:relative}.section-soft{background:var(--bg-soft)}.eyebrow{font-size:var(--step--1);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;margin-bottom:.9rem;font-weight:600;display:inline-flex}.lead{font-size:var(--step-1);color:var(--text-muted);max-width:62ch}.section-head{max-width:62ch;margin-bottom:clamp(2rem,1rem + 3vw,3.5rem)}.section-head.center{text-align:center;margin-inline:auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease-out), box-shadow .4s var(--ease-out), border-color .4s var(--ease-out);padding:clamp(1.3rem,1rem + 1vw,2rem)}@media (hover:hover){.card-lift:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--brand-400) 45%, var(--border));transform:translateY(-6px)}}.btn{--btn-bg:var(--brand-600);--btn-fg:var(--accent-contrast);background:var(--btn-bg);min-height:3.25rem;color:var(--btn-fg);font:inherit;cursor:pointer;isolation:isolate;transition:transform .25s var(--ease-spring), box-shadow .3s var(--ease-out), background .3s var(--ease-out);box-shadow:0 8px 24px -10px color-mix(in srgb, var(--brand-600) 70%, transparent);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.6rem;font-weight:650;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";z-index:-1;transition:translate .7s var(--ease-out);background:linear-gradient(115deg,#0000 30%,oklch(100% 0 0/.35),#0000 70%);position:absolute;inset:0;translate:-120%}@media (hover:hover){.btn:hover{transform:translateY(-2px)}.btn:hover:after{translate:120%}}.btn:active{transform:translateY(0)scale(.985)}.btn-secondary{--btn-bg:transparent;--btn-fg:var(--text);border-color:var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm)}.btn-ghost{--btn-bg:transparent;--btn-fg:var(--accent);box-shadow:none;padding-inline:.4rem}.pill{background:light-dark(var(--navy-900),oklch(32% .09 264));color:var(--on-navy);font-size:var(--step--1);border:1px solid #0000;border-radius:999px;align-items:center;gap:.55rem;padding:.5rem 1.05rem;font-weight:650;display:inline-flex;box-shadow:0 8px 20px -12px light-dark(oklch(26% .1 265/.9),#0000)}.pill svg{color:var(--brand-300)}.pill-soft{background:color-mix(in srgb, var(--brand-400) 16%, transparent);border-color:color-mix(in srgb, var(--brand-400) 30%, transparent);color:var(--accent);box-shadow:none}.pill-soft svg{color:currentColor}.grid{gap:var(--gap);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}@keyframes reveal-up{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal-up view();animation-range:entry 5% cover 26%}.reveal-scale{animation:linear both reveal-scale view();animation-range:entry 2% cover 24%}.stagger>*{animation:linear both reveal-up view();animation-range:entry cover 22%}}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.enter{animation:fade-in-up .8s var(--ease-out) both}.enter-1{animation-delay:50ms}.enter-2{animation-delay:.16s}.enter-3{animation-delay:.27s}.enter-4{animation-delay:.38s}.enter-5{animation-delay:.5s}}@view-transition{navigation:auto}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:vt-out .22s var(--ease-out) both}::view-transition-new(root){animation:vt-in .34s var(--ease-out) both}}@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.aurora{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.aurora:before,.aurora:after{content:"";aspect-ratio:1;filter:blur(90px);opacity:.55;background:radial-gradient(circle at 50% 50%, var(--glow), transparent 68%);border-radius:50%;width:55vw;position:absolute}.aurora:before{top:-18vw;right:-12vw}.aurora:after{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--sky) 26%, transparent), transparent 68%);bottom:-22vw;left:-14vw}@media (prefers-reduced-motion:no-preference){.aurora:before{animation:26s ease-in-out infinite alternate drift}.aurora:after{animation:32s ease-in-out infinite alternate-reverse drift}}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-6%,5%)scale(1.12)}}@media print{.site-header,.site-footer,.aurora,.btn{display:none!important}body{color:#000;background:#fff}}
