:root{color-scheme:light dark;--brand-l: oklch(57.7% .232 276.3);--brand-strong-l: oklch(50% .227 276.3);--brand-soft-d: oklch(75.8% .128 282.9);--brand-fill: light-dark(var(--brand-l), var(--brand-soft-d));--brand-fill-hover: light-dark(var(--brand-strong-l), var(--brand-soft-d));--accent: light-dark(var(--brand-strong-l), var(--brand-soft-d));--on-brand: light-dark(oklch(100% 0 0), oklch(15.2% .009 285.3));--bg: light-dark(oklch(98.9% .003 286.4), oklch(15.2% .009 285.3));--bg-alt: light-dark(oklch(96.8% .005 286.3), oklch(17.6% .012 285.1));--surface: light-dark(oklch(100% 0 0), oklch(20.3% .014 285.1));--surface-sunk: light-dark(oklch(95.9% .005 286.3), oklch(23.1% .017 285));--text: light-dark(oklch(20.3% .012 285.3), oklch(94.8% .007 286.3));--muted: light-dark(oklch(48.2% .032 285.1), oklch(62.4% .031 285.5));--line: light-dark(oklch(90.3% .011 286.2), oklch(27.2% .017 285.2));--line-strong: light-dark(oklch(82.1% .018 286), oklch(34.6% .021 285.3));--tint: color-mix(in oklch, var(--brand-fill) 9%, var(--bg));--tint-strong: color-mix(in oklch, var(--brand-fill) 18%, var(--bg));--scrim: color-mix(in oklch, var(--bg) 90%, transparent);--aurora-1: light-dark(oklch(80% .14 285 / 45%), oklch(45% .16 285 / 55%));--aurora-2: light-dark(oklch(85% .1 230 / 35%), oklch(42% .13 230 / 45%));--aurora-3: light-dark(oklch(88% .09 330 / 30%), oklch(40% .12 330 / 40%));--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--step--1: clamp(.8rem, .775rem + .13vw, .875rem);--step-0: clamp(1rem, .965rem + .18vw, 1.0625rem);--step-1: clamp(1.125rem, 1.06rem + .33vw, 1.3rem);--step-2: clamp(1.375rem, 1.24rem + .65vw, 1.75rem);--step-3: clamp(1.85rem, 1.55rem + 1.5vw, 2.65rem);--step-4: clamp(2.5rem, 1.9rem + 3vw, 4.25rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--radius-sm: 6px;--radius: 10px;--radius-pill: 999px;--container: 72rem;--measure: 62ch;--section-y: clamp(3.5rem, 3rem + 3vw, 6.5rem);--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.15, .64, 1);--dur-fast: .14s;--dur-med: .42s}@supports not (color: light-dark(#000,#000)){:root{--brand-fill: var(--brand-l);--brand-fill-hover: var(--brand-strong-l);--accent: var(--brand-strong-l);--on-brand: oklch(100% 0 0);--bg: oklch(98.9% .003 286.4);--bg-alt: oklch(96.8% .005 286.3);--surface: oklch(100% 0 0);--surface-sunk: oklch(95.9% .005 286.3);--text: oklch(20.3% .012 285.3);--muted: oklch(48.2% .032 285.1);--line: oklch(90.3% .011 286.2);--line-strong: oklch(82.1% .018 286);--aurora-1: oklch(80% .14 285 / 45%);--aurora-2: oklch(85% .1 230 / 35%);--aurora-3: oklch(88% .09 330 / 30%)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;line-height:1.1;font-weight:650;letter-spacing:-.03em;text-wrap:balance}p{margin:0;text-wrap:pretty}ul,ol{margin:0;padding:0;list-style:none}img,svg{display:block;max-width:100%;height:auto}a{color:inherit}.icon{width:1.5rem;height:1.5rem;flex:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--tint-strong);color:var(--text)}.skip-link{position:absolute;left:.75rem;top:-3rem;z-index:100;padding:.75rem 1.15rem;background:var(--brand-fill);color:var(--on-brand);font-weight:600;border-radius:var(--radius-sm);transition:top var(--dur-fast) var(--ease)}.skip-link:focus{top:.75rem}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--step--1);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.eyebrow:before{content:"";inline-size:6px;block-size:6px;flex:none;background:var(--brand-fill);border-radius:1px}.lede{color:var(--muted);font-size:var(--step-1);line-height:1.6;max-width:var(--measure)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link{transition:none}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1.25rem,3vw + .5rem,2.5rem)}.section,.steps-section,.final-cta,.site-footer{content-visibility:auto;contain-intrinsic-size:auto 640px}.hero,.site-header{content-visibility:visible}.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.site-header__inner{display:flex;align-items:center;gap:var(--space-5);min-block-size:4.25rem}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:700;font-size:1.05rem}.brand__mark{inline-size:2rem;block-size:auto}@media(prefers-color-scheme:dark){.brand__mark{filter:invert(1)}}.brand__word{text-transform:uppercase;letter-spacing:.28em;font-size:.9rem;padding-inline-start:.05em}.site-nav{display:none;gap:var(--space-5);margin-inline-start:auto;font-size:var(--step--1)}.site-nav a{position:relative;color:var(--muted);text-decoration:none;padding-block:.35rem}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text)}.site-nav a:after{content:"";position:absolute;inset-inline:0;bottom:0;block-size:2px;background:var(--brand-fill);transform:scaleX(0);transition:transform var(--dur-fast) var(--ease)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform:scaleX(1)}.site-header__cta{margin-inline-start:auto}@media(min-width:54rem){.site-nav{display:flex}.site-header__cta{margin-inline-start:0}}.card-grid-scope{container-type:inline-size;container-name:card-grid}.card-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr;margin-top:var(--space-7)}@container card-grid (min-width: 36rem){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container card-grid (min-width: 58rem){.card-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}}.card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);border-inline-start:3px solid var(--brand-fill)}.card__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius-sm);background:var(--tint);color:var(--accent)}.card__title{font-size:var(--step-1);font-weight:650}.card__body{color:var(--muted);font-size:var(--step-0)}.card__foot{margin-top:auto;padding-top:var(--space-3);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.03em;color:var(--accent)}.site-footer{border-top:1px solid var(--line);padding-block:var(--space-7);background:var(--bg-alt)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6)}.site-footer__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;margin:0}.site-footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-5);font-size:var(--step--1)}.site-footer__nav a{color:var(--muted);text-decoration:none}.site-footer__nav a:hover,.site-footer__nav a:focus-visible{color:var(--text);text-decoration:underline}.site-footer__legal{margin-inline-start:auto;color:var(--muted);font-size:var(--step--1)}.btn{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;padding:.65rem 1.4rem;border:1px solid transparent;border-radius:var(--radius);font-weight:600;font-size:var(--step-0);text-decoration:none;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease-spring)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--brand-fill);color:var(--on-brand)}.btn--primary:hover,.btn--primary:focus-visible{background:var(--brand-fill-hover)}.btn--ghost{border-color:var(--line-strong);color:var(--text);background:transparent}.btn--ghost:hover,.btn--ghost:focus-visible{border-color:var(--accent);color:var(--accent)}.hero{position:relative;overflow:clip;padding-block:clamp(3.5rem,4rem + 4vw,8rem) var(--section-y)}.hero__aurora{position:absolute;inset:-10% -10% auto -10%;block-size:42rem;pointer-events:none;z-index:0;background:radial-gradient(38rem 26rem at 18% 20%,var(--aurora-1),transparent 65%),radial-gradient(32rem 24rem at 78% 10%,var(--aurora-2),transparent 65%),radial-gradient(30rem 22rem at 55% 55%,var(--aurora-3),transparent 70%);filter:blur(46px);will-change:transform,opacity}@supports (animation-timeline: view()) or (animation: none){.hero__aurora{animation:vitto-breathe 16s var(--ease) infinite alternate}}@keyframes vitto-breathe{0%{transform:scale(1) rotate(0);opacity:.85}to{transform:scale(1.08) rotate(4deg);opacity:1}}.hero__inner{position:relative;z-index:1;max-width:46rem;margin-inline-start:0}.hero__title{font-size:var(--step-4);margin-block:var(--space-4) var(--space-5)}.hero__lede{font-size:var(--step-1);color:var(--muted);max-width:var(--measure)}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.hero__note{margin-top:var(--space-4);font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.section{padding-block:var(--section-y)}.section--tinted{background:var(--bg-alt)}.section__title{font-size:var(--step-3);margin-block:var(--space-3) var(--space-4);max-width:24ch}.steps-section{padding-block:var(--section-y);border-block:1px solid var(--line)}.steps-scope{container-type:inline-size;container-name:steps}.steps{display:grid;gap:var(--space-6);grid-template-columns:1fr;margin-top:var(--space-7)}.step{position:relative;padding-inline-start:var(--space-8)}.step__num{position:absolute;inset-inline-start:0;top:0;display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:var(--radius);background:var(--surface-sunk);color:var(--accent);font-family:var(--font-mono);font-weight:700;font-size:var(--step-0)}.step__title{font-size:var(--step-1);font-weight:650;margin-bottom:var(--space-2)}.step__body{color:var(--muted);max-width:34ch}@container steps (min-width: 50rem){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.step+.step:before{content:"";position:absolute;inset-inline-start:-1.75rem;top:1.25rem;inline-size:1.25rem;block-size:1px;background:var(--line-strong)}}.final-cta{position:relative;overflow:clip;padding-block:var(--section-y);border-top:1px solid var(--line);background:var(--bg-alt)}.final-cta__aurora{position:absolute;inset:auto -10% -30% -10%;block-size:30rem;pointer-events:none;z-index:0;background:radial-gradient(40rem 26rem at 50% 100%,var(--aurora-1),transparent 70%);filter:blur(50px)}@supports (animation-timeline: view()) or (animation: none){.final-cta__aurora{animation:vitto-breathe 18s var(--ease) infinite alternate-reverse}}.final-cta__inner{position:relative;z-index:1;max-width:42rem;text-align:center}.final-cta__inner .lede{margin-inline:auto}.final-cta__inner .hero__ctas{justify-content:center}.final-cta__title{font-size:var(--step-3);margin-bottom:var(--space-4)}.hero__inner{max-width:none;display:grid;gap:clamp(2rem,4vw,4rem);align-items:center}.hero__copy{max-width:46rem}@media(min-width:768px){.hero__inner{grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr)}}.hero__stage{position:relative;display:grid;place-items:center;aspect-ratio:1;max-inline-size:34rem;margin-inline:auto;max-block-size:14rem}@media(min-width:768px){.hero__stage{max-block-size:none}}.hero__canvas,.hero__mark{grid-area:1 / 1;inline-size:100%;block-size:auto;max-inline-size:100%}.hero__canvas{aspect-ratio:1;opacity:0;transition:opacity .6s ease}.hero__mark{inline-size:62%;color:var(--text);filter:drop-shadow(0 12px 28px color-mix(in oklch,var(--brand-fill) 35%,transparent));transition:opacity .4s ease}.hero__stage[data-live=on] .hero__canvas{opacity:1}.hero__stage[data-live=on] .hero__mark{opacity:0}.hero__stage[data-live=pending] .hero__mark{animation:mark-pulse 1.8s ease-in-out infinite}.hero__aurora{background:none;filter:none}.hero__aurora-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;filter:blur(46px);will-change:translate,opacity;animation:aurora-breathe var(--aurora-period, 16s) ease-in-out infinite alternate}.hero__aurora-layer--1{background:radial-gradient(38rem 26rem at 18% 20%,var(--aurora-1),transparent 65%);--aurora-period: 16s}.hero__aurora-layer--2{background:radial-gradient(32rem 24rem at 78% 10%,var(--aurora-2),transparent 65%);--aurora-period: 21s;animation-delay:-7s}.hero__aurora-layer--3{background:radial-gradient(30rem 22rem at 55% 55%,var(--aurora-3),transparent 70%);--aurora-period: 18s;animation-delay:-3s}@keyframes aurora-breathe{0%{opacity:.75;scale:1}to{opacity:1;scale:1.06}}.hero__word{display:inline-block;animation:word-in .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(80ms + var(--i, 0) * 55ms)}@keyframes word-in{0%{opacity:0;transform:translateY(.35em);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.hero__type{display:flex;gap:.35em;align-items:baseline;margin:.75rem 0 0;font-family:var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace);font-size:var(--step-0, 1rem);color:var(--muted);min-block-size:1.6em}.hero__type-fixed{color:var(--accent);font-weight:600}.hero__type-slot{display:grid;align-items:baseline}.hero__type-word{position:relative;grid-area:1 / 1;justify-self:start;white-space:nowrap;color:var(--text);clip-path:inset(0 100% 0 0);opacity:0;animation:type-word 9s steps(60,end) infinite;animation-delay:calc(var(--i, 0) * 3s)}.hero__type-word:after{content:"";position:absolute;inset-block:.1em;inset-inline-start:100%;inline-size:2px;background:var(--accent);animation:caret 1s steps(2,end) infinite}@keyframes type-word{0%{opacity:1;clip-path:inset(0 100% 0 0)}10%{clip-path:inset(0 0 0 0)}28%{clip-path:inset(0 0 0 0);opacity:1}33%{clip-path:inset(0 100% 0 0);opacity:1}33.4%,to{opacity:0;clip-path:inset(0 100% 0 0)}}@keyframes caret{0%{opacity:1}to{opacity:0}}@keyframes mark-pulse{0%{opacity:.8;scale:1}to{opacity:1;scale:1.03}}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.hero__word{animation:none}.hero__type-word{animation:none;opacity:0;clip-path:none}.hero__type-slot .hero__type-word:first-child{opacity:1}.hero__type-word:after{animation:none}}.story-section{padding-block:var(--section-y);border-block:1px solid var(--line)}.story__track{margin-top:var(--space-7)}.story__stage{display:none}@media(min-width:900px){.story__track{display:grid;grid-template-columns:minmax(17rem,26rem) 1fr;gap:var(--space-8);align-items:start}.story__stage{display:flex;flex-direction:column;gap:var(--space-4)}}.mock-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.mock-card__head{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.mock-dot{inline-size:.55rem;block-size:.55rem;border-radius:50%;background:var(--brand-fill);flex:none}.mock-dot--live{background:var(--accent)}.mock-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mock-chip{display:inline-flex;align-items:center;justify-content:center;inline-size:2.1rem;block-size:2.1rem;border-radius:var(--radius-pill);background:var(--tint);color:var(--accent);font-family:var(--font-mono);font-size:.7rem;font-weight:700}.mock-chip--vitto{background:var(--brand-fill);color:var(--on-brand)}.mock-rows,.mock-lanes{display:flex;flex-direction:column;gap:var(--space-3)}.mock-row{display:flex;align-items:center;gap:var(--space-3)}.mock-avatar{inline-size:1.6rem;block-size:1.6rem;flex:none;border-radius:var(--radius-pill);background:var(--tint);color:var(--accent);font-family:var(--font-mono);font-size:.6rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.mock-avatar--vitto{background:var(--brand-fill);color:var(--on-brand)}.mock-bubble{flex:1;block-size:1rem;max-inline-size:85%;border-radius:var(--radius-sm);background:var(--surface-sunk)}.mock-row--vitto .mock-bubble{max-inline-size:65%;background:var(--tint)}.mock-composer{block-size:2rem;border:1px solid var(--line);border-radius:var(--radius-pill)}.mock-lane{display:flex;align-items:center;gap:var(--space-3)}.mock-lane__label{inline-size:4.25rem;flex:none;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.mock-lane__bar{position:relative;flex:1;block-size:.4rem;border-radius:var(--radius-pill);background:var(--tint);overflow:hidden}.mock-lane__bar:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;inline-size:60%;border-radius:inherit;background:var(--brand-fill);transform-origin:left center}@supports (animation-timeline: view()) or (animation: none){.mock-lane__bar:after{animation:vitto-mock-pulse 2.2s var(--ease) infinite}.mock-lane:nth-child(2) .mock-lane__bar:after{animation-delay:.35s}.mock-lane:nth-child(3) .mock-lane__bar:after{animation-delay:.7s}}@keyframes vitto-mock-pulse{0%,to{transform:scaleX(.35);opacity:.55}50%{transform:scaleX(1);opacity:1}}@supports (animation-timeline: view()){#how-it-works{timeline-scope:--step-1,--step-2,--step-3}.story__step--1{view-timeline-name:--step-1}.story__step--2{view-timeline-name:--step-2}.story__step--3{view-timeline-name:--step-3}@media(min-width:900px)and (prefers-reduced-motion:no-preference){.story__stage{position:sticky;top:calc(4.25rem + 1px + var(--space-6));block-size:min(58vh,28rem)}.story__panel{position:absolute;inset:0 0 auto 0;opacity:0;animation:vitto-story-panel linear both;animation-range:cover 0% cover 100%}.story__panel--1{animation-timeline:--step-1}.story__panel--2{animation-timeline:--step-2}.story__panel--3{animation-timeline:--step-3}.story__step{min-block-size:100vh}.story__step:last-child{min-block-size:55vh;display:flex;flex-direction:column;justify-content:center;padding-inline-start:0;opacity:.55;animation:vitto-story-focus linear both;animation-range:cover 0% cover 100%}.story__step .step__num{position:static;margin-block-end:var(--space-3)}.story__step--1{animation-timeline:--step-1}.story__step--2{animation-timeline:--step-2}.story__step--3{animation-timeline:--step-3}}}@keyframes vitto-story-panel{0%{opacity:0;transform:translateY(18px) scale(.98)}18%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-18px) scale(.98)}}@keyframes vitto-story-focus{0%,to{opacity:.55}30%,70%{opacity:1}}.ticker{border-block:1px solid var(--line);background:var(--bg-alt);padding-block:var(--space-5)}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ticker__viewport{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.ticker__track{display:flex;width:max-content;animation:vitto-ticker-scroll 40s linear infinite}.ticker:hover .ticker__track,.ticker:focus-within .ticker__track{animation-play-state:paused}.ticker__seq{display:flex;align-items:center;gap:var(--space-6);padding-inline-end:var(--space-6);flex:none}.ticker__item{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.04em;color:var(--muted);white-space:nowrap}.ticker__sep{color:var(--accent)}@keyframes vitto-ticker-scroll{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ticker__track{animation:none!important;transform:none!important}.ticker__seq:nth-of-type(2){display:none!important}}.run-it{padding-block-start:var(--space-8, 3rem)}.run-it__title{font-size:var(--step-2, 1.5rem);font-weight:700;letter-spacing:-.01em;text-wrap:balance;margin:0 0 var(--space-5, 1.5rem)}.run-it__grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4, 1rem);container-type:inline-size}@media(min-width:48rem){.run-it__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pillar{display:grid;gap:.6rem;padding:var(--space-5, 1.5rem);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);border-inline-start:3px solid var(--brand-fill)}.pillar__icon{display:inline-grid;place-items:center;inline-size:2.4rem;block-size:2.4rem;border-radius:.7rem;background:var(--tint);color:var(--accent)}.pillar__icon .icon{inline-size:1.25rem;block-size:1.25rem}.pillar__title{margin:0;font-size:var(--step-0, 1rem);font-weight:650;text-wrap:balance}.pillar__body{margin:0;color:var(--muted);text-wrap:pretty}.providers{padding-block-start:var(--space-5, 1.5rem)}.providers__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.providers__item{padding:.35rem .8rem;border:1px solid var(--line);border-radius:var(--radius-pill, 999px);background:var(--surface);font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--step--1, .85rem);color:var(--muted)}.shells{padding-block-start:var(--space-5, 1.5rem);display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem 1rem}.shells__lede{margin:0;color:var(--muted)}.shells__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.shells__item{padding:.35rem .8rem;border-radius:var(--radius-pill, 999px);background:var(--tint);color:var(--accent);font-weight:600;font-size:var(--step--1, .85rem)}@container card-grid (min-width: 60rem){.card-grid:has(>:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}}.section{contain-intrinsic-size:auto 900px}.story-section{contain-intrinsic-size:auto 1400px}@media(min-width:900px){.story-section{contain-intrinsic-size:auto 2800px}}@supports (animation-timeline: scroll()){.scroll-progress{position:absolute;inset:auto 0 0 0;height:2px;background:var(--brand-fill);transform-origin:0 50%;transform:scaleX(0);animation:scroll-progress linear both;animation-timeline:scroll(root)}.site-header{animation:header-settle linear both;animation-timeline:scroll(root);animation-range:0 240px}.hero__aurora-layer{animation-name:aurora-drift;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 100vh}.hero__aurora-layer--1{--drift: -12vh}.hero__aurora-layer--2{--drift: -28vh}.hero__aurora-layer--3{--drift: 16vh}.hero__copy,.hero__stage{animation:hero-recede linear both;animation-timeline:view();animation-range:exit 0% exit 85%}.card-grid .card,.steps .step{animation-range:calc(entry 0% + var(--stagger, 0) * 8%) calc(entry 60% + var(--stagger, 0) * 8%)}.card-grid .card:nth-child(1),.steps .step:nth-child(1){--stagger: 0}.card-grid .card:nth-child(2),.steps .step:nth-child(2){--stagger: 1}.card-grid .card:nth-child(3),.steps .step:nth-child(3){--stagger: 2}.card-grid .card:nth-child(4){--stagger: 3}.section .eyebrow:before,.steps-section .eyebrow:before,.story .eyebrow:before{transform-origin:0 50%;animation:eyebrow-draw linear both;animation-timeline:view();animation-range:entry 0% entry 50%}.final-cta__inner{animation:cta-lift linear both;animation-timeline:view();animation-range:entry 10% entry 70%}}@keyframes scroll-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes header-settle{0%{--header-shade: 0;box-shadow:0 0 0 0 transparent}to{--header-shade: 1;box-shadow:0 1px 0 0 var(--line),0 10px 30px -18px color-mix(in oklch,var(--text) 45%,transparent)}}@keyframes aurora-drift{0%{translate:0 0}to{translate:0 var(--drift)}}@keyframes hero-recede{0%{opacity:1;transform:none}to{opacity:.35;transform:translateY(-6vh) scale(.96)}}@keyframes eyebrow-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cta-lift{0%{opacity:.5;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}.hero__stars{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none;--star: light-dark(oklch(60% .12 280 / 22%), oklch(96% .01 280 / 70%));--star-2: light-dark(oklch(60% .12 280 / 14%), oklch(90% .03 280 / 45%));background-image:radial-gradient(1px 1px at 12% 18%,var(--star) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 38% 62%,var(--star) 50%,transparent 51%),radial-gradient(1px 1px at 61% 27%,var(--star) 50%,transparent 51%),radial-gradient(1px 1px at 82% 71%,var(--star) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 90% 12%,var(--star) 50%,transparent 51%),radial-gradient(1px 1px at 25% 88%,var(--star) 50%,transparent 51%),radial-gradient(1px 1px at 70% 92%,var(--star) 50%,transparent 51%);background-size:420px 340px;opacity:.9}.hero__stars:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 47% 8%,var(--star-2) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 8% 48%,var(--star-2) 50%,transparent 51%),radial-gradient(1px 1px at 76% 44%,var(--star-2) 50%,transparent 51%),radial-gradient(1px 1px at 55% 78%,var(--star-2) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 93% 86%,var(--star-2) 50%,transparent 51%);background-size:360px 300px;background-position:120px 60px;animation:twinkle 4.5s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.25}to{opacity:1}}@media(hover:hover){.card,.step{transition:translate .26s cubic-bezier(.2,.7,.2,1),box-shadow .26s ease,border-color .26s ease}.card:hover,.step:hover{translate:0 -4px;border-color:var(--line-strong);box-shadow:0 18px 40px -22px color-mix(in oklch,var(--brand-fill) 55%,transparent),0 1px 0 0 var(--line)}.btn{transition:translate .2s cubic-bezier(.2,.7,.2,1),background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.btn:hover{translate:0 -2px}.btn:active{translate:0 0}}.btn--primary{position:relative;overflow:hidden;isolation:isolate}.btn--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(105deg,transparent 38%,color-mix(in oklch,var(--on-brand) 38%,transparent) 50%,transparent 62%);translate:-130% 0;transition:translate .7s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.btn--primary:hover:before,.btn--primary:focus-visible:before{translate:130% 0}}.brand{position:relative}.brand:after{content:"";position:absolute;inset-inline-start:1rem;inset-block-start:50%;inline-size:2.4rem;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1.5px solid var(--brand-fill);opacity:0;pointer-events:none}@media(hover:hover){.brand:hover:after{animation:sonar 1.4s ease-out infinite}}@keyframes sonar{0%{opacity:.7;scale:.6}to{opacity:0;scale:1.9}}.site-header{view-transition-name:site-header}.site-nav{view-transition-name:site-nav}@media(max-width:53.99rem){.site-header__inner{flex-wrap:wrap;row-gap:.4rem}.site-nav{display:flex;order:3;flex:1 0 100%;gap:.25rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-block:.15rem .35rem;margin-inline:calc(-1 * var(--space-4, 1rem));padding-inline:var(--space-4, 1rem);-webkit-mask-image:linear-gradient(to right,transparent,#000 1rem,#000 calc(100% - 2rem),transparent);mask-image:linear-gradient(to right,transparent,#000 1rem,#000 calc(100% - 2rem),transparent)}.site-nav::-webkit-scrollbar{display:none}.site-nav a{flex:none;scroll-snap-align:start;padding:.3rem .7rem;border:1px solid var(--line);border-radius:var(--radius-pill, 999px);font-size:var(--step--1);white-space:nowrap;background:var(--surface)}.site-nav a:after{display:none}.site-nav a[aria-current=true]{color:var(--accent);border-color:var(--accent);background:var(--tint)}}@view-transition{navigation:auto}.site-header .brand__mark{view-transition-name:vitto-mark}@supports (animation-timeline: view()){.reveal{animation:vitto-reveal linear both;animation-timeline:view();animation-range:entry 0% cover 35%}}@keyframes vitto-reveal{0%{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:none}}@media print{.reveal{animation:none!important;opacity:1!important;transform:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{animation:none!important;opacity:1!important;transform:none!important}.hero__aurora,.final-cta__aurora{animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}