@font-face{font-family:Satoshi Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/Satoshi-Variable.CFg-z2ne.woff2) format("woff2")}:root{--color-white: #ffffff;--color-ink-050: #f1f6f2;--color-ink-200: #dde9e2;--color-ink-300: #bcd0c5;--color-ink-400: #7d9488;--color-ink-500: #4c6459;--color-ink-900: #0d2a22;--color-brand-050: #eef6f1;--color-brand-100: #d7ece0;--color-brand-200: #bfd9c8;--color-brand-600: #04645a;--color-brand-700: #02514a;--color-brand-900: #07261f;--color-logo-tile: #d8faec;--color-logo-tile-top: #f2fef8;--color-logo-mark: #00514a;--color-shell-surface: #ffffff;--color-shell-edge: #e0e0e0;--color-shell-slot: #efefef;--color-shell-line: #e0e0e3;--color-shell-line-strong: #ceced2;--color-shell-ink: #171719;--color-shell-muted: #6e6e72;--color-drawn-glass: rgb(255 255 255 / .8);--color-drawn-glass-thin: rgb(255 255 255 / .55);--color-drawn-white: #ffffff;--color-drawn-ink: #000000;--color-drawn-ink-muted: rgb(0 0 0 / .62);--color-drawn-scrim: rgb(17 17 17 / .5);--color-drawn-ring: rgb(223 223 223 / .3);--color-drawn-pulse: rgb(255 255 255 / .7);--color-drawn-pulse-end: rgb(255 255 255 / 0);--color-drawn-shadow: rgb(0 0 0 / .1);--color-drawn-shadow-strong: rgb(0 0 0 / .16);--color-drawn-sale: rgb(220 38 38 / .92);--color-drawn-deal: #ff5722;--color-drawn-stamp: #4a220e;--color-drawn-stamp-ink: #f6e9dc;--color-feature-icon-soft: rgb(2 81 74 / .42);--color-feature-icon-shadow: rgb(13 42 34 / .22);--color-phone: #000000;--color-laptop-bezel: #000000;--color-laptop-camera: #232326;--color-laptop-rim: #c6c7cb;--color-laptop-edge: #f4f4f6;--color-laptop-body: #dcdde0;--color-laptop-shade: #aeafb3;--color-laptop-scoop: #c2c3c7;--color-laptop-shadow: rgb(13 42 34 / .22);--color-hook-start: #18786a;--color-hook-end: #0f5f55;--color-hook-light: rgb(255 255 255 / .12);--color-hook-text-muted: #cfe8dc;--color-hook-arrow: #bfe5cf;--color-hook-shadow-near: rgb(13 42 34 / .1);--color-hook-shadow: rgb(13 42 34 / .2);--color-accent-200: #e2c8a8;--color-positive-700: #0a5843;--color-surface: var(--color-white);--color-surface-sunken: var(--color-ink-050);--color-surface-raised: var(--color-white);--color-surface-inverse: var(--color-brand-900);--color-surface-brand-subtle: var(--color-brand-050);--color-text: var(--color-ink-900);--color-text-muted: var(--color-ink-500);--color-heading: var(--color-brand-700);--color-text-inverse: var(--color-white);--color-text-inverse-muted: var(--color-ink-300);--color-text-on-brand: var(--color-white);--color-brand: var(--color-brand-600);--color-brand-strong: var(--color-brand-700);--color-brand-soft: var(--color-brand-100);--color-action: var(--color-ink-900);--color-action-hover: var(--color-brand-700);--color-tile: var(--color-brand-200);--color-positive: var(--color-positive-700);--color-border: var(--color-ink-200);--color-border-strong: var(--color-ink-300);--color-border-inverse: #1e453a;--color-focus: var(--color-brand-700);--color-focus-inverse: var(--color-brand-200);--color-placeholder-line: var(--color-accent-200);--color-surface-translucent: rgb(255 255 255 / .9);--color-tint-inverse: rgb(255 255 255 / .15);--color-scrim: rgb(13 42 34 / .45);--color-consent-backdrop: #313131;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-section: clamp(3.25rem, 7vw, 5.5rem);--font-family-display: "Satoshi Variable", "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-family-base: "Satoshi Variable", "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-family-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-2xs: .75rem;--font-size-xs: .8125rem;--font-size-sm: .9375rem;--font-size-base: 1rem;--font-size-md: 1.0625rem;--font-size-lg: clamp(1.0625rem, .3vw + 1rem, 1.1875rem);--font-size-xl: clamp(1.125rem, .6vw + 1rem, 1.3125rem);--font-size-2xl: clamp(1.25rem, 1.1vw + 1rem, 1.625rem);--font-size-3xl: clamp(1.5rem, 2.5vw, 2.125rem);--font-size-4xl: clamp(2rem, 3.6vw, 3rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 800;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.55;--letter-spacing-tight: -.025em;--letter-spacing-wide: .12em;--layout-width: 72rem;--layout-width-narrow: 44rem;--layout-width-wide: 100rem;--layout-gutter: clamp(1rem, 4vw, 2.5rem);--layout-header-height: 3.75rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(13 42 34 / .05);--shadow-md: 0 1px 2px rgb(13 42 34 / .04), 0 8px 24px -12px rgb(13 42 34 / .14);--shadow-lg: 0 1px 2px rgb(13 42 34 / .04), 0 18px 40px -20px rgb(13 42 34 / .22);--shadow-xl: 0 1px 2px rgb(13 42 34 / .06), 0 6px 16px -4px rgb(13 42 34 / .12), 0 28px 60px -12px rgb(13 42 34 / .3);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--duration-slower: .8s;--easing-standard: cubic-bezier(.2, 0, .2, 1);--easing-decelerate: cubic-bezier(.19, 1, .22, 1);--touch-target-size: 44px;--touch-target-size-small: 36px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--z-header: 100;--z-skip-link: 200;--z-demo-nav: 50;--z-consent: 150}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ul,ol{margin-block:0;margin-inline:0}ul,ol{padding-inline-start:0}img,picture,video,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}p,li,h1,h2,h3,h4,dd,dt{overflow-wrap:break-word}html{scroll-behavior:smooth;scroll-padding-block-start:calc(var(--space-3xl) + var(--space-sm))}body{margin-block:0;margin-inline:0;min-height:100dvh;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed);background-color:var(--color-surface);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.container{width:100%;max-width:var(--layout-width);margin-inline:auto;padding-inline:var(--layout-gutter)}.container--narrow{max-width:calc(var(--layout-width-narrow) + var(--layout-gutter) * 2)}.container--wide{max-width:calc(var(--layout-width-wide) + var(--layout-gutter) * 2)}.section{padding-block:var(--space-section)}.section--sunken{background-color:var(--color-surface-sunken)}.section--inverse{--color-heading: var(--color-text-inverse);background-color:var(--color-surface-inverse);color:var(--color-text-inverse)}.heading-1,.heading-2,.heading-3{margin-block:0;font-family:var(--font-family-display);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading);text-wrap:balance}.heading-em{font-weight:var(--font-weight-bold)}.heading-1{font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}.heading-2{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.heading-3{font-size:var(--font-size-2xl);line-height:var(--line-height-snug)}.eyebrow{margin-block:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-brand-strong)}.eyebrow--inverse{color:var(--color-brand-200)}.lede{margin-block:0;max-width:50ch;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-muted);text-wrap:pretty}.lede--inverse{color:var(--color-text-inverse-muted)}.lede--centred{margin-inline:auto;text-align:center}.text-link{color:var(--color-brand-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--easing-standard);&:hover{color:var(--color-text)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.skip-link{position:absolute;z-index:var(--z-skip-link);inset-block-start:var(--space-2xs);inset-inline-start:var(--space-2xs);padding-block:var(--space-2xs);padding-inline:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;background-color:var(--color-surface);color:var(--color-brand-strong);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transform:translateY(-200%);&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.logo{--logo-tile-size: 2.125rem;display:inline-flex;align-items:center;gap:var(--space-2xs)}.logo__tile{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--logo-tile-size);height:var(--logo-tile-size);background-color:var(--color-logo-tile);background-image:linear-gradient(160deg,var(--color-logo-tile-top),var(--color-logo-tile));color:var(--color-logo-mark);border-radius:28%}.logo__mark{width:76%;height:76%}.logo__word{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-black);line-height:1;letter-spacing:var(--letter-spacing-tight);text-transform:uppercase;color:var(--color-heading)}.logo--inverse{.logo__word{color:var(--color-text-inverse)}}.button{--button-background: var(--color-action);--button-foreground: var(--color-text-on-brand);--button-border-color: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:var(--touch-target-size);padding-block:var(--space-xs);padding-inline:var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);text-align:center;text-decoration:none;background-color:var(--button-background);color:var(--button-foreground);border:1px solid var(--button-border-color);border-radius:var(--radius-pill);transition:background-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard),transform var(--duration-fast) var(--easing-standard);&:hover{transform:translateY(-1px)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.button--primary{--button-background: var(--color-action);--button-foreground: var(--color-text-on-brand);&:hover{--button-background: var(--color-action-hover)}}.button--secondary{--button-background: transparent;--button-foreground: var(--color-heading);--button-border-color: var(--color-border-strong);&:hover{--button-background: var(--color-surface-brand-subtle);--button-border-color: var(--color-brand)}}.button--on-inverse{--button-background: var(--color-white);--button-foreground: var(--color-brand-700);&:hover{--button-background: var(--color-brand-100)}&:focus-visible{outline-color:var(--color-focus-inverse)}}.button--ghost-inverse{--button-background: transparent;--button-foreground: var(--color-white);--button-border-color: var(--color-border-inverse);&:hover{--button-border-color: var(--color-ink-400)}&:focus-visible{outline-color:var(--color-focus-inverse)}}.button--large{padding-block:var(--space-xs);padding-inline:var(--space-lg);font-size:var(--font-size-base)}.button--small{min-height:var(--touch-target-size-small);padding-block:var(--space-3xs);padding-inline:var(--space-sm);font-size:var(--font-size-xs)}.button--wide{padding-inline:var(--space-2xl)}.button--block{width:100%}.demo-anchor{--demo-anchor-nudge: translateX(2px);display:inline-flex;align-items:center;align-self:start;gap:var(--space-3xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-brand);text-decoration:none;&:hover{color:var(--color-brand-strong)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-xs)}}.demo-anchor__label{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}.demo-anchor__mark{flex:none;transition:transform var(--duration-fast) var(--easing-standard)}.demo-anchor:hover .demo-anchor__mark{transform:var(--demo-anchor-nudge)}.demo-anchor--store{--demo-anchor-nudge: translate(1px, -1px)}.site-header{--site-header-row-height: var(--layout-header-height);--site-header-menu-width: 12rem;position:sticky;z-index:var(--z-header);inset-block-start:0;background-color:var(--color-surface-translucent);border-block-end:1px solid var(--color-border);backdrop-filter:blur(8px)}.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm) var(--space-2xs);min-height:var(--site-header-row-height);@media screen and (min-width:992px){flex-wrap:nowrap;column-gap:var(--space-md)}}.site-header__logo{display:inline-flex;align-items:center;min-height:var(--touch-target-size);margin-block:calc((var(--site-header-row-height) - var(--touch-target-size)) / 2);text-decoration:none;border-radius:var(--radius-sm);&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.site-header__install{margin-inline-start:auto;padding-inline:var(--space-sm);@media screen and (min-width:992px){display:none}}.site-header__toggle{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-size);height:var(--touch-target-size);margin-inline-end:calc(var(--space-2xs) * -1);background-color:transparent;color:var(--color-text);border:1px solid transparent;border-radius:var(--radius-sm);&:hover{background-color:var(--color-surface-sunken)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}@media screen and (min-width:992px){display:none}}.site-header__toggle[hidden]{display:none;@media screen and (scripting:enabled){display:inline-flex}@media screen and (min-width:992px){display:none}}.site-header__panel{flex-basis:100%;padding-block-end:var(--space-md);border-block-start:1px solid var(--color-border);@media screen and (min-width:992px){flex-basis:auto;flex-grow:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-lg);padding-block-end:0;border-block-start:0}}.site-header__panel[hidden]{display:none;@media screen and (min-width:992px){display:flex}}.site-header__panel--pending{@media screen and (scripting:enabled){display:none}@media screen and (min-width:992px){display:flex}}.site-header__list{display:flex;flex-direction:column;gap:var(--space-3xs);margin-block:0;padding-inline:0;list-style:none;@media screen and (min-width:992px){flex-direction:row;align-items:center;gap:var(--space-md)}}.site-header__link{display:flex;align-items:center;gap:var(--space-3xs);min-height:var(--touch-target-size);padding-inline:var(--space-2xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--easing-standard);&:hover{color:var(--color-text)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.site-header__link--current{color:var(--color-text);font-weight:var(--font-weight-semibold)}.site-header__menu{@media screen and (min-width:992px){position:relative}}.site-header__menu-toggle{list-style:none;cursor:pointer}.site-header__menu-toggle::-webkit-details-marker{display:none}.site-header__chevron{transition:transform var(--duration-fast) var(--easing-standard)}.site-header__menu[open]{.site-header__chevron{transform:rotate(180deg)}}.site-header__menu-list{display:flex;flex-direction:column;gap:var(--space-3xs);margin-block:var(--space-3xs) 0;margin-inline:var(--space-2xs) 0;padding-inline:var(--space-2xs) 0;list-style:none;border-inline-start:1px solid var(--color-border);@media screen and (min-width:992px){position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-start:calc(var(--space-xs) * -1);min-width:var(--site-header-menu-width);margin-block:0;margin-inline:0;padding-block:var(--space-2xs);padding-inline:var(--space-2xs);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}}.site-header__menu-link{display:flex;align-items:center;gap:var(--space-3xs);min-height:var(--touch-target-size);padding-inline:var(--space-2xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;text-decoration:none;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--easing-standard),background-color var(--duration-fast) var(--easing-standard);&:hover{color:var(--color-text);background-color:var(--color-surface-sunken)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}@media screen and (min-width:992px){padding-inline:var(--space-xs)}}.site-header__menu-link--current{color:var(--color-text);font-weight:var(--font-weight-semibold)}.site-header__actions{display:none;@media screen and (min-width:992px){display:flex;align-items:center;flex-shrink:0;gap:var(--space-2xs)}}.feature-icon{--feature-icon-photo: var(--color-brand-soft);--feature-icon-thumb: var(--color-tile);--feature-icon-ink: var(--color-brand-strong);--feature-icon-paper: var(--color-surface);--feature-icon-play-duration: 2s;--feature-icon-pulse-duration: 1.5s;--feature-icon-ticker-duration: 3.2s;--feature-icon-stagger: .1s;display:block;overflow:visible}.feature-icon__photo{fill:var(--feature-icon-photo)}.feature-icon__thumb{fill:var(--feature-icon-thumb)}.feature-icon__paper{fill:var(--feature-icon-paper)}.feature-icon__solid{fill:var(--feature-icon-ink)}.feature-icon__solid--round{stroke:var(--feature-icon-ink);stroke-width:.8;stroke-linejoin:round}.feature-icon__shape{fill:var(--feature-icon-paper);stroke:var(--feature-icon-ink);stroke-width:1.5}.feature-icon__text{fill:none;stroke:var(--feature-icon-ink);stroke-width:1.5;stroke-linecap:round}.feature-icon__text--strong{stroke-width:1.75}.feature-icon__text--soft{stroke:var(--color-feature-icon-soft)}.feature-icon__text--on-solid{stroke:var(--feature-icon-paper)}.feature-icon__halo,.feature-icon__glow{fill:var(--feature-icon-paper);opacity:.75}.feature-icon__leader{fill:none;stroke:var(--feature-icon-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.feature-icon__cursor{fill:var(--feature-icon-paper);stroke:var(--feature-icon-ink);stroke-width:1.25;stroke-linejoin:round}.feature-icon__tile{fill:var(--feature-icon-photo)}.feature-icon__tile--deep{fill:var(--feature-icon-thumb)}.feature-icon__shine{fill:var(--feature-icon-paper);opacity:0}.feature-icon__row--faded{opacity:.45}.feature-icon__element{filter:drop-shadow(0 1px 1px var(--color-feature-icon-shadow))}.feature-icon__row,.feature-icon__halo,.feature-icon__card,.feature-icon__tile,.feature-icon__stamp,.feature-icon__point,.feature-icon__press,.feature-icon__cursor{transform-box:fill-box;transform-origin:center}.feature-icon__card{transform-origin:0 100%}.feature-icon__cursor{transform-origin:0 0}.feature-icon__row{animation:var(--feature-icon-row, none) var(--feature-icon-play-duration) var(--easing-decelerate) calc(var(--feature-icon-index, 0) * var(--feature-icon-stagger)) both}.feature-icon__halo{animation:var(--feature-icon-pulse, none) var(--feature-icon-pulse-duration) var(--easing-decelerate) infinite}.feature-icon__card{animation:var(--feature-icon-pop, none) var(--feature-icon-play-duration) var(--easing-standard) both}.feature-icon__tile{animation:var(--feature-icon-settle, none) var(--feature-icon-play-duration) var(--easing-decelerate) calc(var(--feature-icon-index, 0) * var(--feature-icon-stagger)) both}.feature-icon__shine{animation:var(--feature-icon-shine, none) var(--feature-icon-play-duration) var(--easing-standard) both}.feature-icon__stamp{animation:var(--feature-icon-stamp, none) var(--feature-icon-play-duration) var(--easing-standard) var(--feature-icon-stagger) both}.feature-icon__point{animation:var(--feature-icon-dot, none) var(--feature-icon-play-duration) var(--easing-standard) both}.feature-icon__leader{animation:var(--feature-icon-draw, none) var(--feature-icon-play-duration) var(--easing-standard) both}.feature-icon__label{animation:var(--feature-icon-label, none) var(--feature-icon-play-duration) var(--easing-standard) both}.feature-icon__cursor{animation:var(--feature-icon-cursor, none) var(--feature-icon-play-duration) var(--easing-standard) both}.feature-icon__press{animation:var(--feature-icon-press, none) var(--feature-icon-play-duration) var(--easing-standard) both}.feature-icon__ticker{animation:var(--feature-icon-ticker, none) var(--feature-icon-ticker-duration) linear infinite}@keyframes feature-icon-row{0%{transform:translate(3px);opacity:0}18%,to{transform:none;opacity:1}}@keyframes feature-icon-pulse{0%{transform:scale(.55);opacity:.95}75%,to{transform:scale(1.8);opacity:0}}@keyframes feature-icon-pop{0%{transform:scale(.5);opacity:0}12%{transform:scale(1.06);opacity:1}20%,to{transform:none;opacity:1}}@keyframes feature-icon-settle{0%{transform:scale(.72);opacity:.3}24%,to{transform:none;opacity:1}}@keyframes feature-icon-shine{0%{transform:translate(0);opacity:.85}29%{transform:translate(22px);opacity:.85}30%,to{transform:translate(22px);opacity:0}}@keyframes feature-icon-stamp{0%{transform:scale(.4) rotate(-25deg);opacity:0}15%{transform:scale(1.12) rotate(4deg);opacity:1}22%,to{transform:none;opacity:1}}@keyframes feature-icon-dot{0%{transform:scale(0)}9%{transform:scale(1.3)}15%,to{transform:none}}@keyframes feature-icon-draw{0%,9%{stroke-dashoffset:1}34%,to{stroke-dashoffset:0}}@keyframes feature-icon-label{0%,28%{transform:translate(-3px);opacity:0}42%,to{transform:none;opacity:1}}@keyframes feature-icon-cursor{0%{transform:translate(6px,6px);opacity:0}18%{transform:none;opacity:1}25%{transform:scale(.86);opacity:1}31%,to{transform:none;opacity:1}}@keyframes feature-icon-press{0%,18%{transform:none}25%{transform:scale(.92)}31%,to{transform:none}}@keyframes feature-icon-ticker{to{transform:translate(-23px)}}@media(prefers-reduced-motion:no-preference){.feature-menu__link:hover .feature-icon,.feature-menu__link:focus-visible .feature-icon,.related-pages__link:hover .feature-icon,.related-pages__link:focus-visible .feature-icon{--feature-icon-row: feature-icon-row;--feature-icon-pulse: feature-icon-pulse;--feature-icon-pop: feature-icon-pop;--feature-icon-settle: feature-icon-settle;--feature-icon-shine: feature-icon-shine;--feature-icon-stamp: feature-icon-stamp;--feature-icon-dot: feature-icon-dot;--feature-icon-draw: feature-icon-draw;--feature-icon-label: feature-icon-label;--feature-icon-cursor: feature-icon-cursor;--feature-icon-press: feature-icon-press;--feature-icon-ticker: feature-icon-ticker}}.feature-menu{--feature-menu-width: 51.25rem;--feature-menu-icon-size: 1.75rem;--feature-menu-radius: calc(var(--radius-xl) - var(--space-2xs));--feature-menu-photo-size: 1.625rem;margin-block:var(--space-3xs) 0;margin-inline:var(--space-2xs) 0;padding-inline:var(--space-2xs) 0;border-inline-start:1px solid var(--color-border);@media screen and (min-width:992px){--feature-menu-icon-size: 2rem;position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-start:calc(50% - var(--feature-menu-width) / 2);width:var(--feature-menu-width);margin:0;padding:var(--space-2xs);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}}.feature-menu__groups{display:flex;flex-direction:column;gap:var(--space-2xs);@media screen and (min-width:992px){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}}.feature-menu__group{@media screen and (min-width:992px){padding-block:var(--space-xs) var(--space-3xs);padding-inline:var(--space-3xs)}}.feature-menu__group+.feature-menu__group{@media screen and (min-width:992px){margin-inline-start:var(--space-3xs);padding-inline-start:var(--space-2xs);border-inline-start:1px solid var(--color-border)}}.feature-menu__heading{margin-block:var(--space-2xs) var(--space-3xs);padding-inline:var(--space-2xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-brand);@media screen and (min-width:992px){margin-block:0 var(--space-2xs);padding-inline:var(--space-xs)}}.feature-menu__list{display:flex;flex-direction:column;gap:var(--space-3xs);margin:0;padding:0;list-style:none}.feature-menu__link{display:grid;grid-template-columns:var(--feature-menu-icon-size) minmax(0,1fr);align-items:center;column-gap:var(--space-xs);min-height:var(--touch-target-size);padding-block:var(--space-2xs);padding-inline:var(--space-2xs);color:var(--color-text);text-decoration:none;border-radius:var(--feature-menu-radius);transition:color var(--duration-fast) var(--easing-standard),background-color var(--duration-fast) var(--easing-standard);&:hover{color:var(--color-heading);background-color:var(--color-surface-sunken)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:0}@media screen and (min-width:992px){padding-inline:var(--space-xs)}}.feature-menu__link--current{color:var(--color-heading);background-color:var(--color-surface-sunken)}.feature-menu__icon{width:var(--feature-menu-icon-size);height:var(--feature-menu-icon-size)}.feature-menu__text{display:flex;flex-direction:column;min-width:0}.feature-menu__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}.feature-menu__line{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-text-muted)}.feature-menu__all{display:flex;align-items:center;gap:var(--space-xs);min-height:var(--touch-target-size);margin-block-start:var(--space-2xs);padding-block:var(--space-2xs);padding-inline:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-text-muted);text-decoration:none;background-color:var(--color-surface-sunken);border-radius:var(--feature-menu-radius);transition:color var(--duration-fast) var(--easing-standard);&:hover{color:var(--color-text)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:0}}.feature-menu__photos{display:flex;flex-shrink:0}.feature-menu__photo{display:block;width:var(--feature-menu-photo-size);height:var(--feature-menu-photo-size);object-fit:cover;border:2px solid var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.feature-menu__photo+.feature-menu__photo{margin-inline-start:calc(var(--space-xs) * -1)}.feature-menu__all-text{display:none;@media screen and (min-width:992px){display:inline}}.feature-menu__all-cta{display:inline-flex;align-items:center;gap:var(--space-3xs);margin-inline-start:auto;font-weight:var(--font-weight-semibold);white-space:nowrap;color:var(--color-heading)}.feature-menu__arrow{transition:transform var(--duration-fast) var(--easing-standard)}.feature-menu__all:hover .feature-menu__arrow{transform:translate(2px)}.site-footer{padding-block-start:var(--space-2xl);padding-block-end:var(--space-xl);background-color:var(--color-surface-inverse);color:var(--color-text-inverse)}.site-footer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl) var(--space-md);@media screen and (min-width:768px){grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xl) var(--space-lg)}@media screen and (min-width:992px){grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:var(--space-lg)}}.site-footer__brand{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--space-2xs);max-width:30ch;@media screen and (min-width:992px){grid-column:auto}}.site-footer__logo{display:inline-flex;align-items:center;text-decoration:none;border-radius:var(--radius-sm);&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-inverse);outline-offset:var(--focus-ring-offset)}}.site-footer__blurb{margin-block:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-inverse-muted)}.site-footer__heading{margin-block:0 var(--space-xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-ink-400)}.site-footer__list{display:flex;flex-direction:column;gap:var(--space-3xs);margin-block:0;padding-inline:0;list-style:none}.site-footer__link{display:inline-flex;align-items:center;gap:var(--space-3xs);padding-block:var(--space-3xs);font-size:var(--font-size-sm);text-decoration:none;color:var(--color-ink-300);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--easing-standard);&:hover{color:var(--color-white);text-decoration:underline;text-underline-offset:.15em}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-inverse);outline-offset:var(--focus-ring-offset)}}.site-footer__link--button{padding-inline:0;background:none;border:0;text-align:start}.site-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-block-start:var(--space-2xl);padding-block-start:var(--space-md);border-block-start:1px solid var(--color-border-inverse)}.site-footer__fine-print{margin-block:0;font-size:var(--font-size-xs);color:var(--color-ink-400)}.site-footer__password{padding-inline:var(--space-2xs);padding-block:.125rem;border-radius:var(--radius-xs);font-family:inherit;font-size:inherit;background-color:var(--color-tint-inverse);color:var(--color-text-inverse)}.feature-media{--feature-media-ratio: 16 / 10;--feature-media-radius: var(--radius-lg);--feature-media-shadow: var(--shadow-md);margin-block:0;margin-inline:0}.feature-media__frame{position:relative;overflow:hidden;aspect-ratio:var(--feature-media-ratio);background-color:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--feature-media-radius);box-shadow:var(--feature-media-shadow)}.feature-media__frame:has(.feature-media__placeholder){border-style:dashed;border-color:var(--color-placeholder-line);box-shadow:none}.feature-media__asset{width:100%;height:100%;object-fit:cover}.feature-media--video{--feature-media-toggle-row: 1;--feature-media-toggle-align: end;--feature-media-toggle-justify: end;--feature-media-toggle-margin-block: var(--space-xs);--feature-media-toggle-margin-inline: var(--space-xs);display:grid;.feature-media__frame{grid-area:1 / 1}}.feature-media__poster,.feature-media__video{position:absolute;inset:0}.feature-media__video{opacity:0;transition:opacity var(--duration-slow) var(--easing-standard)}.feature-media--ready .feature-media__video{opacity:1}.feature-media__toggle{position:relative;z-index:1;grid-row:var(--feature-media-toggle-row);grid-column:1;align-self:var(--feature-media-toggle-align);justify-self:var(--feature-media-toggle-justify);display:flex;align-items:center;justify-content:center;width:var(--touch-target-size);height:var(--touch-target-size);margin-block:var(--feature-media-toggle-margin-block);margin-inline:var(--feature-media-toggle-margin-inline);padding:0;background-color:var(--color-surface-translucent);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard);&:hover{background-color:var(--color-surface-raised)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);box-shadow:0 0 0 var(--focus-ring-offset) var(--color-surface-raised),var(--shadow-md)}}.feature-media__toggle[hidden],.feature-media__toggle-icon--play{display:none}.feature-media--paused{.feature-media__toggle-icon--pause{display:none}.feature-media__toggle-icon--play{display:block}}.feature-media__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);width:100%;height:100%;padding-inline:var(--space-md);text-align:center;background-color:var(--color-tile);color:var(--color-heading)}.feature-media__placeholder-label{max-width:36ch;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);text-wrap:pretty}.feature-media__placeholder-meta{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);word-break:break-all}.section-intro{display:flex;flex-direction:column;gap:var(--space-xs);max-width:60ch}.section-intro--stacked{--section-intro-heading-size: clamp(1.6875rem, 2.9vw, 2.5rem);gap:var(--space-2xs);max-width:none;.heading-2{font-size:var(--section-intro-heading-size)}.heading-em{display:block}}.consent{--consent-inset: var(--space-xs);--consent-fade-height: 25dvh;--consent-width: 25rem;position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-consent);display:flex;align-items:flex-end;justify-content:center;min-block-size:var(--consent-fade-height);padding:var(--consent-inset);background-image:linear-gradient(transparent,var(--color-consent-backdrop));pointer-events:none;@media screen and (min-width:576px){--consent-inset: var(--space-md)}}.consent[hidden]{display:none}.consent__card{display:flex;align-items:center;gap:var(--space-sm);inline-size:100%;max-inline-size:var(--consent-width);padding:var(--space-sm);background-color:var(--color-surface-raised);color:var(--color-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-inverse);outline-offset:var(--focus-ring-offset)}}.consent__text{flex:1 1 0;min-inline-size:0;margin-block:0;font-size:var(--font-size-xs);line-height:var(--line-height-normal);text-wrap:balance}.consent__actions{display:flex;flex:none;align-items:center;gap:var(--space-2xs)}.consent__decline{min-block-size:var(--touch-target-size-small);padding-inline:var(--space-2xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;background:none;border:0;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--easing-standard);&:hover{color:var(--color-brand-strong)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.consent__accept{padding-inline:var(--space-xs);@media screen and (min-width:576px){padding-inline:var(--space-sm)}}.stars{--stars-gap: calc(var(--stars-size) * .1);display:inline-flex;gap:var(--stars-gap);color:var(--color-brand)}.stars__icon{flex-shrink:0}.rating{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2xs);align-self:flex-start;padding-block:var(--space-3xs);padding-inline:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);line-height:var(--line-height-normal);text-decoration:none;color:var(--color-text);background-color:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-pill);transition:border-color var(--duration-fast) var(--easing-standard);&:hover{border-color:var(--color-border-strong)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.rating__score{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--letter-spacing-tight)}.rating__source{color:var(--color-text-muted)}.rating__source-from{display:none;@media screen and (min-width:576px){display:inline}}.hero{padding-block:var(--space-xl) var(--space-section);overflow-x:clip}.hero__grid{display:grid;gap:var(--space-xl);align-items:center;@media screen and (min-width:992px){grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:var(--space-lg)}}.hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.hero__heading{display:flex;flex-direction:column;gap:var(--space-xs)}.hero__title{max-width:18ch;--font-size-4xl: clamp(2rem, 3.6vw, 2.7rem)}.hero__subtitle{max-width:46ch;font-size:var(--font-size-md)}.hero__actions{display:flex;flex-direction:column;align-self:stretch;gap:var(--space-2xs);@media screen and (min-width:576px){flex-direction:row;flex-wrap:wrap;align-self:flex-start;align-items:center}}.hero__points{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);margin-block:0;padding-inline:0;list-style:none}.hero__point{display:flex;align-items:center;gap:var(--space-3xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.hero__point-mark{flex-shrink:0;color:var(--color-brand)}.hero__media{min-width:0}.hero-slider{--hero-shell-pad: clamp(.6rem, 1.9vw, 1.1rem);--hero-shell-gap: clamp(.625rem, 1.8vw, 1.1rem);--hero-shell-col-gap: clamp(1rem, 3vw, 2rem);--hero-shell-thumb: 2.45rem;--hero-shell-dot: .3125rem;--hero-shell-chip-inset: calc(var(--radius-xl) + .4rem);--hero-slider-bleed: clamp(.5rem, 1.2vw, .85rem);--hero-slider-offset: clamp(.4rem, .85vw, .6rem);--hero-slider-scale-step: .022;--hero-slider-blur-step: .35px;--hero-slider-fade-step: .2;--hero-slider-interval: 6s;--hero-shell-fade-start: 52%;--hero-shell-fade-end: 94%;position:relative;min-width:0}.hero-slider__frame{position:absolute;inset:0;z-index:0;border:1px solid var(--color-shell-edge);border-radius:var(--radius-xl);background-color:var(--color-shell-surface);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 var(--hero-shell-fade-start),transparent var(--hero-shell-fade-end));mask-image:linear-gradient(to bottom,#000 var(--hero-shell-fade-start),transparent var(--hero-shell-fade-end))}.hero-slider__chip{position:absolute;inset-block-start:0;inset-inline-start:var(--hero-shell-chip-inset);z-index:0;display:flex;align-items:center;gap:calc(var(--hero-shell-dot) * .46);max-width:calc(100% - 2 * var(--hero-shell-chip-inset));padding-block:.55em;padding-inline:.75em .9em;border:1px solid var(--color-shell-edge);border-radius:var(--radius-pill);background-color:var(--color-shell-surface);font-size:var(--font-size-2xs);line-height:1;transform:translateY(-50%);pointer-events:none}.hero-slider__dot{flex:none;width:var(--hero-shell-dot);height:var(--hero-shell-dot);border-radius:var(--radius-pill);background-color:var(--color-shell-line-strong)}.hero-slider__clock{position:absolute;inset-block-start:-.5px;inset-inline-start:-.5px;width:calc(100% + 1px);height:calc(100% + 1px);overflow:visible;pointer-events:none}.hero-slider__clock-stroke{fill:none;stroke:var(--color-ink-400);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1;animation-duration:var(--hero-slider-interval);animation-timing-function:linear;animation-fill-mode:backwards}.hero-slider__captions{position:relative;min-width:0;margin-inline-start:.6em;overflow-x:clip;transition:width var(--duration-slow) var(--easing-decelerate)}.hero-slider__caption{position:absolute;inset-block-start:0;inset-inline-start:0;display:flex;align-items:center;gap:.5em;white-space:nowrap;visibility:hidden;opacity:0;transition:opacity var(--duration-fast) var(--easing-standard),visibility var(--duration-fast) var(--easing-standard)}.hero-slider__caption--current{position:relative;visibility:visible;opacity:1;transition:opacity var(--duration-base) var(--easing-standard) var(--duration-fast),visibility var(--duration-base) var(--easing-standard) var(--duration-fast)}.hero-slider__caption-name{font-weight:var(--font-weight-semibold);color:var(--color-shell-ink)}.hero-slider__caption-tagline{padding-inline-start:.5em;border-inline-start:1px solid var(--color-shell-line);font-weight:var(--font-weight-medium);color:var(--color-shell-muted)}.hero-slider__shell{position:relative;z-index:1;display:grid;row-gap:var(--hero-shell-gap);column-gap:var(--hero-shell-col-gap);padding:var(--hero-shell-pad);padding-block-start:calc(1.5*max(var(--hero-shell-pad),var(--space-sm)));border-radius:var(--radius-xl);overflow:clip;@media screen and (min-width:768px){grid-template-columns:minmax(0,2.5fr) minmax(0,1fr)}}.hero-slider__gallery{display:flex;flex-direction:column;gap:var(--hero-shell-gap);min-width:0}.hero-slider__stage{margin-inline:calc(-1 * var(--hero-slider-bleed));padding-inline:var(--hero-slider-bleed);overflow:clip}.hero-slider__list{display:grid;margin-block:0;padding-inline:0;list-style:none;touch-action:pan-y pinch-zoom;user-select:none}.hero-slider__slide{--hero-slider-index: 0;--hero-slider-abs-index: 0;grid-area:1 / 1;z-index:calc(10 - var(--hero-slider-abs-index));transform:translate(calc(-1 * var(--hero-slider-offset) * var(--hero-slider-index))) scale(calc(1 - var(--hero-slider-abs-index) * var(--hero-slider-scale-step)));filter:blur(calc(var(--hero-slider-blur-step) * var(--hero-slider-abs-index)));opacity:max(.25,calc(1 - var(--hero-slider-abs-index) * var(--hero-slider-fade-step)));transition:transform var(--duration-slower) var(--easing-decelerate),opacity var(--duration-slower) var(--easing-decelerate),filter var(--duration-slower) var(--easing-decelerate);will-change:transform,opacity,filter}.hero-slider__slide:nth-child(2){--hero-slider-index: -1;--hero-slider-abs-index: 1}.hero-slider__slide:nth-child(3){--hero-slider-index: -2;--hero-slider-abs-index: 2}.hero-slider__slide:nth-child(4){--hero-slider-index: -3;--hero-slider-abs-index: 3}.hero-slider__slide:nth-child(5){--hero-slider-index: -4;--hero-slider-abs-index: 4}.hero-slider__slide:nth-child(6){--hero-slider-index: -5;--hero-slider-abs-index: 5}.hero-slider__media .feature-media__frame{border:var(--hero-slider-media-border, 1px solid var(--color-shell-line-strong));border-radius:var(--radius-sm);box-shadow:none;background-color:var(--color-tile)}.hero-slider__slide[data-index="2"]{--hero-slider-media-border: 0}.hero-slider__strip{display:flex;flex-wrap:wrap;gap:var(--space-3xs);margin-block:0;padding-inline:0;list-style:none}.hero-slider__thumb{display:block;width:var(--hero-shell-thumb);aspect-ratio:1 / 1;padding:0;border:0;background:none;cursor:pointer;&:focus-visible{outline:var(--focus-ring-width) solid var(--color-action);outline-offset:var(--focus-ring-offset)}&:disabled{cursor:default}}.hero-slider__thumb-frame{display:block;width:100%;height:100%;overflow:hidden;border:1px solid var(--color-shell-line);border-radius:var(--radius-xs);background-color:var(--color-shell-slot);transition:border-color var(--duration-base) var(--easing-standard)}.hero-slider__thumb:hover .hero-slider__thumb-frame{border-color:var(--color-shell-muted)}.hero-slider__thumb[aria-current=true] .hero-slider__thumb-frame{border-color:var(--color-shell-ink);border-style:solid}.hero-slider__thumb-frame--empty{border-style:dashed;border-color:var(--color-placeholder-line)}.hero-slider__thumb-image{width:100%;height:100%;object-fit:cover;opacity:var(--hero-slider-thumb-opacity, .65)}.hero-slider__thumb:hover,.hero-slider__thumb[aria-current=true]{--hero-slider-thumb-opacity: 1}.hero-slider__details{display:flex;flex-direction:column;min-width:0;font-size:clamp(.5rem,1vw,.75rem);line-height:1}.hero-slider__info{display:flex;flex-direction:column;gap:.7em;@media screen and (min-width:768px){padding-block-start:1.6em}}.hero-slider__rating{display:flex;color:var(--color-shell-line)}.hero-slider__star{width:.95em;height:.95em}.hero-slider__ln{display:block;height:.75em;border-radius:var(--radius-pill);background-color:var(--color-shell-line)}.hero-slider__ln--title{height:1.2em;background-color:var(--color-shell-line-strong)}.hero-slider__ln--short{width:58%}.hero-slider__prices{display:grid;margin-block:.8em 0}.hero-slider__price{grid-area:1 / 1;font-size:1.4em;font-weight:var(--font-weight-bold);line-height:1;color:var(--color-shell-ink);visibility:hidden;opacity:0;transition:opacity var(--duration-base) var(--easing-standard),visibility var(--duration-base) var(--easing-standard)}.hero-slider__price--current{visibility:visible;opacity:1}.hero-slider__variants{display:grid;margin-block:.3em 0}.hero-slider__variant-set{display:flex;grid-area:1 / 1;gap:.4em;visibility:hidden;opacity:0;transition:opacity var(--duration-base) var(--easing-standard),visibility var(--duration-base) var(--easing-standard)}.hero-slider__variant-set--current{visibility:visible;opacity:1}.hero-slider__variant{padding:.35em .7em;border:1px solid var(--color-shell-line);border-radius:var(--radius-xs);font-size:.75em;white-space:nowrap;color:var(--color-shell-muted)}.hero-slider__cta{margin-block:.5em;padding-block:.95em;border-radius:var(--radius-pill);background-color:var(--color-shell-muted);font-size:.9em;font-weight:var(--font-weight-semibold);line-height:1;text-align:center;color:var(--color-shell-surface)}.hero-slider__desc{display:flex;flex-direction:column;gap:.7em}.hero-slider__badges{display:flex;flex-direction:column;gap:.5em;margin-block-start:.5em;padding-block-start:1.1em;border-block-start:1px solid var(--color-shell-line)}.hero-slider__badge{display:flex;align-items:center;gap:.6em}.hero-slider__badge-icon{flex:none;width:1.5em;height:1.5em;border-radius:var(--radius-xs);background-color:var(--color-shell-line-strong)}.hero-slider__badge-label{flex:none;width:74%}.hero-slider__badge:nth-child(2) .hero-slider__badge-label{width:52%}.hero-slider__badge:nth-child(3) .hero-slider__badge-label{width:66%}@media screen and (max-width:767.98px){.hero-slider__desc,.hero-slider__badges{display:none}.hero-slider__details{font-size:clamp(.6rem,2.4vw,.8rem)}}.hero-slider--playing{.hero-slider__clock-stroke{animation-name:hero-slider-clock}}.hero-slider--paused{.hero-slider__clock-stroke{animation-play-state:paused}}@keyframes hero-slider-clock{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.hook{--hook-overlap: clamp(2rem, 5vw, 3.5rem);--hook-radius: .875rem;--hook-slant: clamp(6px, 1.1vw, 14px);--hook-tail-x: clamp(1.75rem, 4vw, 3rem);--hook-tail-width: 22px;--hook-tail-height: 15px;--hook-tail-round: 6px;--hook-tail-round-rise: 4.1px;--hook-card-padding-block: clamp(2rem, 5vw, 3.5rem);--hook-card-padding-inline: clamp(1.25rem, 5vw, 4rem);--hook-stat-weight: 900;--hook-stat-tracking: -.03em;--hook-arrow-weight: 3px;--hook-arrow-length: 2.4rem;position:relative;z-index:1;margin-block:calc(-1 * (var(--space-section) + var(--hook-overlap))) clamp(2.5rem,5vw,4rem);filter:drop-shadow(0 2px 3px var(--color-hook-shadow-near)) drop-shadow(0 22px 26px var(--color-hook-shadow));@media screen and (min-width:768px){--hook-arrow-length: 6.5rem}}.hook__card{padding-block:calc(var(--hook-card-padding-block) + var(--hook-slant) / 2) calc(var(--hook-card-padding-block) + var(--hook-tail-height));padding-inline:var(--hook-card-padding-inline);background:radial-gradient(50% 150% at 50% 0%,var(--color-hook-light),transparent 70%),linear-gradient(180deg,var(--color-hook-start),var(--color-hook-end));border-radius:var(--hook-radius)}@supports (clip-path: shape(from 0 0,line to 1px 1px)){.hook__card{border-radius:0;clip-path:shape(from 0 var(--hook-radius),arc to var(--hook-radius) 0 of var(--hook-radius) cw,line to calc(100% - var(--hook-radius)) var(--hook-slant),arc to 100% calc(var(--hook-slant) + var(--hook-radius)) of var(--hook-radius) cw,line to 100% calc(100% - var(--hook-tail-height) - var(--hook-radius)),arc to calc(100% - var(--hook-radius)) calc(100% - var(--hook-tail-height)) of var(--hook-radius) cw,line to calc(var(--hook-tail-x) + var(--hook-tail-width)) calc(100% - var(--hook-tail-height)),line to calc(var(--hook-tail-x) + var(--hook-tail-width)) calc(100% - var(--hook-tail-round)),curve to calc(var(--hook-tail-x) + var(--hook-tail-width) - var(--hook-tail-round)) calc(100% - var(--hook-tail-round-rise)) with calc(var(--hook-tail-x) + var(--hook-tail-width)) 100%,line to var(--hook-tail-x) calc(100% - var(--hook-tail-height)),line to var(--hook-radius) calc(100% - var(--hook-tail-height)),arc to 0 calc(100% - var(--hook-tail-height) - var(--hook-radius)) of var(--hook-radius) cw,close)}}.hook__statement{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center;color:var(--color-text-inverse);@media screen and (min-width:768px){display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);column-gap:var(--space-lg)}}.hook__half{color:var(--color-hook-text-muted);@media screen and (min-width:768px){justify-self:end}}.hook__half--em{font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);@media screen and (min-width:768px){justify-self:start}}.hook__line{@media screen and (min-width:768px){display:block}}.hook__stat{font-weight:var(--hook-stat-weight);letter-spacing:var(--hook-stat-tracking)}.hook__arrow{display:flex;flex-direction:column;align-items:center;color:var(--color-hook-arrow);@media screen and (min-width:768px){flex-direction:row}}.hook__arrow-line{inline-size:var(--hook-arrow-weight);block-size:var(--hook-arrow-length);background:linear-gradient(transparent,currentColor);border-radius:var(--hook-arrow-weight);transform-origin:50% 0;@media screen and (min-width:768px){inline-size:var(--hook-arrow-length);block-size:var(--hook-arrow-weight);background:linear-gradient(90deg,transparent,currentColor);transform-origin:0 50%}}.hook__arrow-head{display:block;inline-size:1.1rem;block-size:.7rem;margin-block-start:-.2rem;overflow:visible}.hook__arrow-head--across{display:none}@media screen and (min-width:768px){.hook__arrow-head--down{display:none}.hook__arrow-head--across{display:block;inline-size:.7rem;block-size:1.1rem;margin-block-start:0;margin-inline-start:-.2rem}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.hook__card{view-timeline:--hook-card block}.hook__arrow-line,.hook__arrow-head{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--hook-card;animation-range:entry 50% entry 100%}.hook__arrow-line{animation-name:hook-draw-down;@media screen and (min-width:768px){animation-name:hook-draw-across}}.hook__arrow-head{animation-name:hook-ride-down;@media screen and (min-width:768px){animation-name:hook-ride-across}}}}@keyframes hook-draw-down{0%{transform:scaleY(0)}}@keyframes hook-draw-across{0%{transform:scaleX(0)}}@keyframes hook-ride-down{0%{transform:translateY(calc(-1 * var(--hook-arrow-length)))}}@keyframes hook-ride-across{0%{transform:translate(calc(-1 * var(--hook-arrow-length)))}}.hesitations{display:grid;gap:var(--space-xl) var(--space-lg);margin-block:var(--space-xl) 0;padding-inline:0;list-style:none;@media screen and (min-width:768px){grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:1200px){grid-template-columns:repeat(3,minmax(0,1fr))}}.hesitations__item{--hesitations-question-size: var(--font-size-lg);--hesitations-bubble-padding-block: var(--space-xs);--hesitations-bubble-padding-inline: var(--space-sm);--hesitations-tail-size: var(--space-xs);display:grid;gap:var(--space-md);min-width:0;@media screen and (min-width:768px){grid-row:span 2;grid-template-rows:subgrid}}.hesitations__bubble{position:relative;align-self:end;justify-self:start;max-width:100%;padding-block:var(--hesitations-bubble-padding-block);padding-inline:var(--hesitations-bubble-padding-inline);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-start-start-radius:var(--radius-xl);border-start-end-radius:var(--radius-xl);border-end-end-radius:var(--radius-xl);border-end-start-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.hesitations__bubble:after{content:"";position:absolute;inset-block-end:calc(var(--hesitations-tail-size) / -2);inset-inline-start:var(--hesitations-bubble-padding-inline);width:var(--hesitations-tail-size);height:var(--hesitations-tail-size);background-color:var(--color-surface-raised);border-block-end:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);transform:rotate(45deg)}.hesitations__question{margin-block:0;font-family:var(--font-family-ui);font-size:var(--hesitations-question-size);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-heading);text-wrap:balance}.hesitations__cost{align-self:start;margin-block:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.hesitations__turn{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block:var(--space-2xl) 0;padding-block-start:var(--space-md);border-block-start:1px solid var(--color-border)}.hesitations__turn-label{margin-block:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-muted)}.hesitations__turn-text{margin-block:0;font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading);text-wrap:balance}.hesitations__item--lg{--hesitations-question-size: var(--font-size-2xl);--hesitations-bubble-padding-block: var(--space-sm);--hesitations-bubble-padding-inline: var(--space-md);--hesitations-tail-size: var(--space-sm)}.outcomes{display:grid;gap:var(--space-2xl);margin-block-start:var(--space-xl);@media screen and (min-width:900px){gap:var(--space-3xl)}}.outcome{display:grid;gap:var(--space-lg);align-items:center;@media screen and (min-width:900px){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--space-2xl)}}.outcome--flipped{@media screen and (min-width:900px){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);.outcome__copy{order:2}}}.outcome__copy{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.outcome__label{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2xs);margin-block-end:var(--space-2xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.outcome__index{font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.outcome__name{color:var(--color-brand)}.outcome__alias{display:inline-flex;align-items:baseline;gap:var(--space-2xs);color:var(--color-text-muted);&:before{content:"·";content:"·" / ""}}.outcome__title{max-width:24ch}.outcome__body{margin-block:var(--space-3xs) 0;max-width:48ch;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-muted);text-wrap:pretty}.outcome__fit{margin-block:var(--space-sm) 0;padding-block-start:var(--space-sm);max-width:48ch;border-block-start:1px solid var(--color-border);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text)}.outcome__fit-label{font-weight:var(--font-weight-semibold);color:var(--color-heading)}.outcome__demo{margin-block-start:var(--space-sm)}.outcome__media{display:grid;gap:var(--space-md);min-width:0}.outcomes__footnote{display:flex;flex-direction:column;align-items:start;gap:var(--space-md);margin-block-start:var(--space-2xl);@media screen and (min-width:576px){flex-direction:row;align-items:center;justify-content:space-between}}.outcomes__footnote-copy{display:grid;justify-items:start;gap:var(--space-3xs)}.outcomes__footnote-text{margin-block:0;max-width:48ch;font-size:var(--font-size-sm);color:var(--color-text-muted)}.example-strip{--example-strip-thumb: 4rem;--example-strip-zoom: 1.06;--example-strip-mark-size: 1.125rem;--example-strip-all-mark-size: 1.5rem;container:example-strip / inline-size;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs)}.example-strip__label{flex-basis:100%;margin-block:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--color-text-muted);@container example-strip (width >= 28rem){flex:none;max-inline-size:6em;line-height:var(--line-height-snug)}}.example-strip__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,var(--example-strip-thumb));gap:var(--space-2xs);margin-block:0;padding-inline:0;list-style:none}.example-strip__link{position:relative;display:grid;color:var(--color-text);text-decoration:none;&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}}.example-strip__frame{position:relative;display:block;aspect-ratio:1 / 1;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-sunken);transition:border-color var(--duration-fast) var(--easing-standard)}.example-strip__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--easing-standard)}.example-strip__mark{position:absolute;inset-block-start:var(--space-3xs);inset-inline-end:var(--space-3xs);display:grid;place-items:center;width:var(--example-strip-mark-size);height:var(--example-strip-mark-size);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--duration-fast) var(--easing-standard)}.example-strip__caption{position:absolute;inset-block-start:100%;inset-inline-start:0;inline-size:max-content;max-inline-size:calc(200% + var(--space-2xs));padding-block-start:var(--space-3xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-brand-strong);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px;text-wrap:balance;opacity:0;pointer-events:none}.example-strip__all{display:grid;place-content:center;justify-items:center;gap:var(--space-3xs);aspect-ratio:1 / 1;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-brand);text-decoration:none;transition:border-color var(--duration-fast) var(--easing-standard);&:hover{border-color:var(--color-border-strong);color:var(--color-brand-strong)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.example-strip__all-mark{display:grid;place-items:center;width:var(--example-strip-all-mark-size);height:var(--example-strip-all-mark-size);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--easing-standard)}.example-strip__all-label{white-space:nowrap}.example-strip__link:hover .example-strip__frame{border-color:var(--color-border-strong)}.example-strip__link:hover .example-strip__image{transform:scale(var(--example-strip-zoom))}.example-strip__link:focus-visible .example-strip__mark{opacity:1}.example-strip__link:focus-visible .example-strip__caption{opacity:1;transition:opacity var(--duration-fast) var(--easing-standard)}.example-strip__link:hover .example-strip__mark{@media(hover:hover){opacity:1}}.example-strip__link:hover .example-strip__caption{@media(hover:hover){opacity:1;pointer-events:auto;transition:opacity var(--duration-fast) var(--easing-standard)}}.example-strip__all:hover .example-strip__all-label{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}.example-strip__all:hover .example-strip__all-mark{transform:translate(1px)}.supporting{display:flex;flex-direction:column;gap:var(--space-lg);margin-block-start:var(--space-2xl);padding-block-start:var(--space-xl);border-block-start:1px solid var(--color-border-strong);@media screen and (min-width:900px){margin-block-start:var(--space-3xl)}}.supporting__intro{display:flex;flex-direction:column;gap:var(--space-3xs);max-width:60ch}.supporting__label{margin-block:0;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-brand)}.supporting__text{margin-block:0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.supporting__list{display:grid;gap:var(--space-lg);padding-inline:0;list-style:none;@media screen and (min-width:768px){grid-template-columns:repeat(3,minmax(0,1fr))}}.supporting__item{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.supporting__media{margin-block-end:var(--space-2xs)}.supporting__name{margin-block:0;font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading)}.supporting__body{margin-block:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.supporting__examples,.supporting__demo{margin-block:auto 0;padding-block-start:var(--space-sm)}.drawn-pin{--drawn-pin-size: 3.2em;--drawn-pin-pulse-duration: 2s;width:var(--drawn-pin-size);height:var(--drawn-pin-size);border-radius:50%;background-color:var(--color-drawn-scrim);box-shadow:0 0 0 .2em var(--color-drawn-ring);&:before,&:after{content:"";position:absolute;inset:0;border-radius:inherit}&:before{background-color:var(--color-drawn-white);scale:.35}&:after{animation:drawn-pin-pulse var(--drawn-pin-pulse-duration) infinite}}.drawn-pin--open{scale:1.05;&:before{scale:.2}&:after{animation:none}}@keyframes drawn-pin-pulse{0%{box-shadow:0 0 0 0 var(--color-drawn-pulse)}70%{box-shadow:0 0 0 1em var(--color-drawn-pulse-end)}to{box-shadow:0 0 0 0 var(--color-drawn-pulse-end)}}.drawn-card{display:flex;gap:1em;width:20em;padding:.8em;border-radius:.8em;background-color:var(--color-drawn-glass);box-shadow:0 .4em 1.6em var(--color-drawn-shadow);backdrop-filter:blur(1.4em);color:var(--color-drawn-ink)}.drawn-card__image{flex-shrink:0;width:5em;height:5em;border-radius:.48em;object-fit:cover}.drawn-card__content{display:flex;flex-direction:column;justify-content:center;gap:.4em;min-width:0}.drawn-card__vendor{font-size:1em;letter-spacing:.02em;text-transform:uppercase;color:var(--color-drawn-ink-muted)}.drawn-card__title{overflow:hidden;font-size:1.3em;font-weight:var(--font-weight-medium);line-height:1.2;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis}.drawn-card__price{font-size:1.3em;font-weight:var(--font-weight-medium);letter-spacing:-.03em}.drawn-card--flat{flex-shrink:0;box-shadow:none}.drawn-set{display:flex;flex-direction:column;align-items:flex-start}.drawn-set__heading{margin-block-end:.72em;padding:.4em .5em;border-radius:.58em;background-color:var(--color-drawn-glass);backdrop-filter:blur(1em);font-size:1.4em;font-weight:var(--font-weight-semibold);color:var(--color-drawn-ink)}.drawn-set__rail{display:flex;gap:.5em;width:100%}.drawn-badge{display:inline-flex;align-items:center;gap:.4em;min-height:2.36em;padding-inline:1em;border-radius:.58em;background-color:var(--color-drawn-sale);font-size:1.1em;font-weight:var(--font-weight-medium);letter-spacing:-.01em;white-space:nowrap;color:var(--color-drawn-white)}.drawn-badge--light{background-color:var(--color-drawn-glass-thin);backdrop-filter:blur(1.27em);color:var(--color-drawn-ink)}.drawn-badge__beat{--drawn-badge-beat-duration: 1.25s;width:.55em;height:.55em;border-radius:50%;background-color:var(--color-drawn-sale);animation:drawn-badge-beat var(--drawn-badge-beat-duration) infinite}@keyframes drawn-badge-beat{0%,to{scale:1;opacity:0}50%{scale:1.3;opacity:1}}.drawn-badge--countdown{padding-block:.2em;text-align:start}.drawn-badge__icon{flex-shrink:0;width:1.5em;height:1.5em}.drawn-badge__lines{display:flex;flex-direction:column;line-height:1.4}.drawn-badge__clock{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.drawn-deal{display:inline-flex;flex-direction:column;overflow:hidden;border-radius:.73em;background-color:var(--color-drawn-deal);box-shadow:0 .18em .73em var(--color-drawn-shadow-strong);font-size:1.1em;line-height:1;text-align:center;white-space:nowrap;color:var(--color-drawn-white)}.drawn-deal__off{padding:.2em .55em .21em;border-radius:.32em;background-color:var(--color-drawn-white);font-size:2.3em;font-weight:var(--font-weight-black);letter-spacing:-.04em;color:var(--color-drawn-deal)}.drawn-deal__was{padding:.2em .5em;font-size:1.5em;font-weight:var(--font-weight-medium);text-decoration:line-through;text-decoration-thickness:1px}.drawn-stamp{display:grid;place-items:center;position:relative;width:5em;aspect-ratio:1;border-radius:50%;background-color:var(--color-drawn-stamp);color:var(--color-drawn-stamp-ink)}.drawn-stamp__label{font-size:1.1em;font-weight:var(--font-weight-semibold);letter-spacing:.04em}.drawn-stamp__ring{--drawn-stamp-turn-duration: 25s;position:absolute;inset-inline-start:50%;inset-block-start:50%;width:11.1em;max-width:none;height:11.1em;overflow:visible;translate:-50% -50%;color:var(--color-drawn-stamp);animation:drawn-stamp-turn var(--drawn-stamp-turn-duration) linear infinite reverse}.drawn-stamp__text{fill:currentColor;font-weight:var(--font-weight-semibold);text-transform:uppercase}@keyframes drawn-stamp-turn{to{rotate:360deg}}.drawn-badge--small{min-height:2em;padding-inline:.7em;font-size:.9em}.drawn-deal--small{font-size:.9em}.drawn-stamp--small{width:4em;.drawn-stamp__label{font-size:.9em}.drawn-stamp__ring{width:9.05em;height:9.05em}}.scene{--scene-units: 54;--scene-units-narrow: 44;position:absolute;inset:0;overflow:hidden;container:scene / inline-size;direction:ltr}.scene__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--scene-art-position, 50% 50%)}.scene__layer{--scene-scale: var(--scene-units-narrow);position:absolute;inset:0;font-family:var(--font-family-base);font-size:calc(100cqi / var(--scene-scale));line-height:1;pointer-events:none;@container scene (width >= 440px){--scene-scale: var(--scene-units)}}.scene__at{position:absolute;inset-inline-start:calc(var(--scene-x) + var(--scene-dx, 0em));inset-block-start:calc(var(--scene-y) + var(--scene-dy, 0em));translate:var(--scene-anchor, 0 0)}.scene--page{background-color:var(--color-shell-surface)}.scene-product{--scene-product-pad: 2em;--scene-product-slot: calc( var(--scene-scale) * .625em - var(--scene-product-pad) * 2 );display:flex;align-items:flex-start;gap:1.4em;height:100%;padding:var(--scene-product-pad)}.scene-product__strip{--scene-product-thumb: calc((var(--scene-product-slot) - 3.2em) / 7);display:flex;flex-direction:column;flex-shrink:0;gap:.8em}.scene-product__thumb{position:relative;overflow:hidden;width:var(--scene-product-thumb);aspect-ratio:1;border:1px solid var(--color-shell-line);border-radius:var(--radius-xs);background-color:var(--color-shell-edge)}.scene-product__thumb--current{border-color:var(--color-shell-ink);box-shadow:inset 0 0 0 1px var(--color-shell-ink)}.scene-product__slot{position:relative;flex-shrink:0;width:var(--scene-product-slot);height:var(--scene-product-slot)}.scene-product__photo{width:100%;height:100%;object-fit:cover}.scene-product__details{display:flex;flex-direction:column;flex:1;gap:.8em;min-width:0;padding-block-start:1.2em;padding-inline-start:1em}.scene-product__line{display:block;height:.8em;border-radius:var(--radius-pill);background-color:var(--color-shell-line)}.scene-product__line--title{height:1.3em;background-color:var(--color-shell-line-strong)}.scene-product__line--short{width:62%}.scene-product__price{margin-block:.5em .2em;font-size:1.9em;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-shell-ink)}.scene-product__chips{display:flex;flex-wrap:wrap;gap:.5em}.scene-product__chip{padding:.5em .6em;border:1px solid var(--color-shell-line);border-radius:var(--radius-xs);font-size:1.1em;white-space:nowrap;color:var(--color-shell-muted)}.scene-product__chip--current{border-color:var(--color-shell-ink);color:var(--color-shell-ink)}.scene-product__cta{margin-block:.6em .8em;padding-block:.95em;border-radius:var(--radius-pill);background-color:var(--color-shell-muted);font-size:1.2em;font-weight:var(--font-weight-semibold);text-align:center;color:var(--color-shell-surface)}.scene-collection{--scene-collection-pad: 2.4em;--scene-collection-gap: 1.4em;display:flex;flex-direction:column;gap:1.4em;height:100%;padding:var(--scene-collection-pad) var(--scene-collection-pad) 0}.scene-collection__header{display:flex;align-items:center;justify-content:space-between}.scene-collection__title{display:flex;align-items:center;gap:1em}.scene-collection__bar{display:block;width:var(--scene-bar-width, 8em);height:.8em;border-radius:var(--radius-pill);background-color:var(--color-shell-line)}.scene-collection__bar--title{height:1.4em;background-color:var(--color-shell-line-strong)}.scene-collection__tool{display:flex;align-items:center;gap:.6em;padding:.55em .8em;border:1px solid var(--color-shell-line);border-radius:var(--radius-xs)}.scene-collection__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8em var(--scene-collection-gap)}.scene-collection__card{display:flex;flex-direction:column;gap:.8em;min-width:0}.scene-collection__media{position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--radius-xs)}.scene-collection__photo{width:100%;height:100%;object-fit:cover}.scene-collection__price{display:flex;align-items:baseline;gap:.5em;font-size:1.3em;font-weight:var(--font-weight-semibold);color:var(--color-shell-ink)}.scene-collection__was{font-size:.85em;font-weight:var(--font-weight-normal);text-decoration:line-through;color:var(--color-shell-muted)}.proof{display:grid;gap:var(--space-lg);align-items:start;margin-block-start:var(--space-xl);@media screen and (min-width:900px){grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:var(--space-2xl)}}.proof__score{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);padding-block:var(--space-md);padding-inline:var(--space-md);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.proof__stars{margin-block-end:var(--space-3xs)}.proof__value{margin-block:0;font-family:var(--font-family-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading);font-variant-numeric:tabular-nums}.proof__source{margin-block:0 var(--space-2xs);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-muted)}.proof__review{display:flex;flex-direction:column;gap:var(--space-md);margin-block:0;margin-inline:0;min-width:0}.proof__pull{margin-block:0;max-width:30ch;font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading);text-wrap:pretty}.proof__body{display:grid;gap:var(--space-2xs);margin-block:0;margin-inline:0;max-width:62ch;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.proof__by{display:flex;flex-wrap:wrap;gap:var(--space-3xs) var(--space-2xs);align-items:baseline;padding-block-start:var(--space-sm);border-block-start:1px solid var(--color-border);font-size:var(--font-size-sm)}.proof__store{font-weight:var(--font-weight-semibold)}.proof__meta{color:var(--color-text-muted)}.shopper-view{--shopper-view-phone-width: 18.75rem;--shopper-view-number-size: 1.75rem;display:grid;gap:var(--space-xl);align-items:center;@media screen and (min-width:900px){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2xl)}}.shopper-view__copy{display:flex;flex-direction:column;gap:var(--space-lg);min-width:0}.shopper-view__moments{display:grid;gap:var(--space-sm);margin-block:0;padding-inline:0;list-style:none}.shopper-view__moment{display:flex;align-items:baseline;gap:var(--space-sm);max-width:44ch;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text)}.shopper-view__number{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--shopper-view-number-size);height:var(--shopper-view-number-size);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;background-color:var(--color-brand-soft);color:var(--color-heading);border-radius:var(--radius-pill)}.shopper-view__demo{align-self:flex-start}.shopper-view__stage{display:flex;justify-content:center;min-width:0;padding-block:var(--space-lg);padding-inline:var(--space-md);background-color:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.shopper-view__phone{--shopper-view-pt: calc(100cqi / 393);--shopper-view-status-bar: calc(59 * var(--shopper-view-pt));--shopper-view-address-bar: calc(49 * var(--shopper-view-pt));--feature-media-radius: calc(47 * var(--shopper-view-pt));--feature-media-shadow: 0 0 0 calc(12 * var(--shopper-view-pt)) var(--color-phone), var(--shadow-lg);--feature-media-toggle-row: 2;--feature-media-toggle-align: start;--feature-media-toggle-justify: center;--feature-media-toggle-margin-block: var(--space-lg) 0;--feature-media-toggle-margin-inline: 0;container-type:inline-size;width:min(100%,var(--shopper-view-phone-width));.feature-media__frame{box-sizing:content-box;border-block-width:var(--shopper-view-status-bar) var(--shopper-view-address-bar);border-inline-width:0;border-color:transparent;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOTMgNTkiPgogIDx0ZXh0IHg9IjY3IiB5PSIzNS41IiBmb250LWZhbWlseT0iLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCAnU2Vnb2UgVUknLCBSb2JvdG8sIHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMTciIGZvbnQtd2VpZ2h0PSI2MDAiIHRleHQtYW5jaG9yPSJtaWRkbGUiPjk6NDE8L3RleHQ+CiAgPHJlY3QgeD0iMTM0IiB5PSIxMSIgd2lkdGg9IjEyNSIgaGVpZ2h0PSIzNyIgcng9IjE4LjUiLz4KICA8cGF0aCBkPSJNMjkxIDMxaDN2NGgtM3ptNC41LTIuMzNoM1YzNWgtM3ptNC41LTIuMzRoM1YzNWgtM3ptNC41LTIuMzNoM3YxMWgtM3pNMzEyLjcyIDI3LjIyYTExIDExIDAgMCAxIDE1LjU2IDBsLTEuODQgMS44NGE4LjQgOC40IDAgMCAwLTExLjg4IDB6bTIuOSAyLjlhNi45IDYuOSAwIDAgMSA5Ljc2IDBsLTEuODQgMS44NGE0LjMgNC4zIDAgMCAwLTYuMDggMHptMi45IDIuOWEyLjggMi44IDAgMCAxIDMuOTYgMGwtMS45OCAxLjk4eiIvPgogIDxyZWN0IHg9IjMzMy41IiB5PSIyMy41IiB3aWR0aD0iMjQiIGhlaWdodD0iMTIiIHJ4PSIzLjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9Ii4zNSIvPgogIDxyZWN0IHg9IjMzNS41IiB5PSIyNS41IiB3aWR0aD0iMjAiIGhlaWdodD0iOCIgcng9IjIiLz4KICA8cGF0aCBkPSJNMzU5IDI3LjV2NGEyIDIgMCAwIDAgMC00eiIgZmlsbC1vcGFjaXR5PSIuNCIvPgo8L3N2Zz4K) top / 100% no-repeat border-box,url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOTMgNDkiPgogIDxwYXRoIGZpbGw9IiNmNmY2ZjYiIGQ9Ik0wIDBoMzkzdjQ5SDB6Ii8+CiAgPHBhdGggZmlsbC1vcGFjaXR5PSIuMTQiIGQ9Ik0wIC42aDM5M3YuN0gweiIvPgogIDxyZWN0IHg9IjEyNy4yNSIgeT0iMTUuNSIgd2lkdGg9IjYuNSIgaGVpZ2h0PSI1LjUiIHJ4PSIxLjIiLz4KICA8cGF0aCBkPSJNMTI4LjYgMTUuNXYtMS4zYTEuOSAxLjkgMCAwIDEgMy44IDB2MS4zIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yIi8+CiAgPHRleHQgeD0iMTM4IiB5PSIyMSIgZm9udC1mYW1pbHk9Ii1hcHBsZS1zeXN0ZW0sIEJsaW5rTWFjU3lzdGVtRm9udCwgJ1NlZ29lIFVJJywgUm9ib3RvLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEyIj5kZW1vLmxpbmtzcG90YXBwLmNvbTwvdGV4dD4KICA8cmVjdCB4PSIxMjkuNSIgeT0iMzYiIHdpZHRoPSIxMzQiIGhlaWdodD0iNSIgcng9IjIuNSIvPgo8L3N2Zz4K) bottom / 100% no-repeat border-box,var(--color-surface-raised)}}.differentiators{display:grid;gap:var(--space-lg);margin-block:var(--space-xl) 0;padding-inline:0;list-style:none;@media screen and (min-width:768px){grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}}.differentiators__item{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0;padding-block-start:var(--space-sm);border-block-start:1px solid var(--color-border-inverse)}.differentiators__title{margin-block:0;font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-inverse)}.differentiators__body{margin-block:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-inverse-muted)}.said{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block:var(--space-xl) 0;margin-inline:0;max-width:44rem;padding-block-start:var(--space-md);border-block-start:1px solid var(--color-border-inverse)}.said__quote{margin-block:0;margin-inline:0;font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-inverse);text-wrap:pretty}.said__by{font-size:var(--font-size-sm);color:var(--color-text-inverse-muted)}.steps{display:grid;gap:var(--space-lg);margin-block:var(--space-xl) 0;padding-inline:0;list-style:none;@media screen and (min-width:768px){grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl)}}.steps__item{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0}.steps__number{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;background-color:var(--color-brand-soft);color:var(--color-heading);border-radius:var(--radius-pill)}.steps__title{margin-block:0;font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading)}.steps__body{margin-block:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.plan-grid{display:grid;gap:var(--space-md);margin-block:var(--space-xl) 0;padding-inline:0;list-style:none;@media screen and (min-width:768px){grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:1200px){grid-template-columns:repeat(4,minmax(0,1fr))}}.plan-card{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0;height:100%;padding-block:var(--space-md);padding-inline:var(--space-md);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.plan-card--featured{border-color:var(--color-brand);box-shadow:var(--shadow-md)}.plan-card__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2xs)}.plan-card__name{margin-block:0;font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading)}.plan-card__flag{padding-block:.15em;padding-inline:.5em;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;background-color:var(--color-brand-soft);color:var(--color-heading);border-radius:var(--radius-pill)}.plan-card__price{display:flex;align-items:baseline;gap:var(--space-3xs)}.plan-card__amount{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);color:var(--color-heading);font-variant-numeric:tabular-nums}.plan-card__interval{font-size:var(--font-size-sm);color:var(--color-text-muted)}.plan-card__annual{margin-block:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.plan-card__description{margin-block:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.plan-card__list{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block:var(--space-2xs) auto;padding-inline:0;list-style:none}.plan-card__list-item{display:flex;align-items:flex-start;gap:var(--space-2xs);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.plan-card__list-mark{flex-shrink:0;margin-block-start:.2em;color:var(--color-positive)}.plan-card__action{margin-block-start:var(--space-sm)}.pricing-note{margin-block:var(--space-xl) 0;padding-block:var(--space-md);padding-inline:var(--space-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted);background-color:var(--color-surface-sunken);border-radius:var(--radius-md)}.pricing-help__action{margin-block-start:var(--space-md)}.plan-grid--teaser{gap:var(--space-xs);@media screen and (min-width:992px){grid-template-columns:repeat(4,minmax(0,1fr))}}.plan-card--compact{gap:var(--space-3xs);padding-block:var(--space-md);padding-inline:var(--space-md)}.pricing-teaser__action{display:flex;justify-content:flex-start;margin-block-start:var(--space-md)}.plan-grid--roomy{gap:var(--space-md);@media screen and (min-width:1200px){gap:var(--space-lg)}}.plan-card--roomy{gap:var(--space-xs);padding-block:var(--space-lg);padding-inline:var(--space-lg);border-radius:var(--radius-xl);.plan-card__name{font-size:var(--font-size-xl)}.plan-card__amount{font-size:var(--font-size-3xl)}.plan-card__description{font-size:var(--font-size-base)}.plan-card__action{margin-block-start:var(--space-xs)}}.plan-bullets{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block:var(--space-xs) 0;padding-block-start:var(--space-md);padding-inline:0;list-style:none;border-block-start:1px solid var(--color-border)}.plan-bullets__lead{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-heading)}.plan-bullets__item{display:flex;align-items:flex-start;gap:var(--space-2xs);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.plan-bullets__mark{flex-shrink:0;margin-block-start:.2em;color:var(--color-positive)}.plan-bullets__body{min-width:0}.plan-bullets__em{font-weight:var(--font-weight-semibold)}.plan-table__heading{margin-block:0 var(--space-xs)}.plan-table__scroll-hint{margin-block:0 var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-muted);@media screen and (min-width:1100px){display:none}}.plan-table__scroll{position:relative;overflow-x:auto;background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.plan-table__table{width:100%;min-width:40rem;border-collapse:separate;border-spacing:0;font-size:var(--font-size-sm);@media screen and (min-width:768px){min-width:52rem}}.plan-table__corner{position:sticky;inset-inline-start:0;z-index:1;background-color:var(--color-surface-raised);border-block-end:1px solid var(--color-border);border-inline-end:1px solid var(--color-border)}.plan-table__plan{width:18%;padding-block:var(--space-sm);padding-inline:var(--space-sm);font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center;color:var(--color-heading);border-block-end:1px solid var(--color-border);@media screen and (min-width:768px){width:13%}}.plan-table__plan--highlight{background-color:var(--color-surface-brand-subtle)}.plan-table__category{padding-block:var(--space-sm) var(--space-2xs);padding-inline:var(--space-sm);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;text-align:start;color:var(--color-brand-strong);background-color:var(--color-surface-sunken);border-block:1px solid var(--color-border)}.plan-table__feature{position:sticky;inset-inline-start:0;z-index:1;min-width:10.5rem;padding-block:var(--space-xs);padding-inline:var(--space-sm);font-weight:var(--font-weight-normal);text-align:start;background-color:var(--color-surface-raised);border-block-end:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);@media screen and (min-width:768px){min-width:15rem}}.plan-table__feature-label{display:block;line-height:var(--line-height-normal)}.plan-table__feature-link{display:inline-block;color:var(--color-brand-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;border-radius:var(--radius-xs);&:hover{color:var(--color-text)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.plan-table__hint{display:block;margin-block-start:var(--space-3xs);max-width:44ch;font-size:var(--font-size-2xs);line-height:var(--line-height-normal);color:var(--color-text-muted)}.plan-table__value{padding-block:var(--space-xs);padding-inline:var(--space-sm);text-align:center;font-variant-numeric:tabular-nums;border-block-end:1px solid var(--color-border)}.plan-table__value--highlight{background-color:var(--color-surface-brand-subtle)}.plan-table__mark{display:inline-block;vertical-align:middle;color:var(--color-positive)}.plan-table__absent{color:var(--color-text-muted)}.promise{--promise-art-width: 273px;display:grid;gap:var(--space-lg);padding-block:var(--space-xl);padding-inline:var(--space-lg);background-color:var(--color-surface-sunken);background-image:radial-gradient(120% 140% at 8% 0%,var(--color-brand-100),transparent 58%),radial-gradient(100% 140% at 92% 100%,var(--color-brand-200),transparent 60%);border:1px solid var(--color-border);border-radius:var(--radius-xl);@media screen and (min-width:768px){padding-inline:var(--space-xl)}@media screen and (min-width:992px){grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2xl)}}.promise__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);min-width:0}.promise__title{max-width:22ch}.promise__list{display:grid;gap:var(--space-2xs);margin-block:0;padding-inline:0;list-style:none}.promise__item{display:flex;gap:var(--space-2xs);max-width:60ch;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.promise__mark{flex-shrink:0;margin-block-start:.25em;color:var(--color-brand)}.promise__media{display:flex;justify-content:center}.promise__frame{--promise-frame-padding: var(--space-2xs);padding:var(--promise-frame-padding);background-color:var(--color-surface-raised);border-radius:calc(var(--radius-lg) + var(--promise-frame-padding));box-shadow:var(--shadow-md)}.promise__art{display:block;width:var(--promise-art-width);max-width:100%;height:auto;border-radius:var(--radius-lg)}.faq{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block-start:var(--space-xl)}.faq__item{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md)}.faq__question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:var(--touch-target-size);padding-block:var(--space-sm);padding-inline:var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);list-style:none;cursor:pointer;border-radius:var(--radius-md);&:hover{background-color:var(--color-surface-sunken)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.faq__question::-webkit-details-marker{display:none}.faq__chevron{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--easing-standard)}.faq__answer{margin-block:0;padding-block:0 var(--space-md);padding-inline:var(--space-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted);max-width:68ch}.faq__item[open]{border-color:var(--color-border-strong);.faq__chevron{transform:rotate(180deg)}}.cta-band{--color-heading: var(--color-text-inverse);padding-block:var(--space-section);background-color:var(--color-surface-inverse);color:var(--color-text-inverse)}.cta-band__inner{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;text-align:center}.cta-band__title{max-width:28ch}.cta-band__actions{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;margin-block-start:var(--space-2xs);@media screen and (min-width:576px){flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}}.cta-band__note{margin-block:0;font-size:var(--font-size-xs);color:var(--color-text-inverse-muted)}.cta-band__password{padding-inline:var(--space-2xs);padding-block:.125rem;border-radius:var(--radius-xs);font-family:inherit;font-size:inherit;background-color:var(--color-tint-inverse);color:var(--color-text-inverse)}.page-header{padding-block:var(--space-2xl) var(--space-xl);background-color:var(--color-surface-sunken);border-block-end:1px solid var(--color-border)}.page-header__inner{display:flex;flex-direction:column;gap:var(--space-xs);max-width:60ch}.page-header__meta{margin-block:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.prose{max-width:68ch;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.prose__section{margin-block-start:var(--space-xl)}.prose__heading{margin-block:0 var(--space-2xs);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight)}.prose__subheading{margin-block:var(--space-md) var(--space-3xs);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.prose__paragraph{margin-block:0 var(--space-sm);color:var(--color-text)}.prose__list{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block:0 var(--space-sm);padding-inline-start:var(--space-md)}.prose__list-item{color:var(--color-text)}.prose__code{padding-block:.1em;padding-inline:.35em;font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-surface-sunken);border-radius:var(--radius-xs)}.not-found{display:flex;flex-direction:column;gap:var(--space-md);align-items:center;padding-block:var(--space-3xl);text-align:center}.not-found__code{margin-block:0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);color:var(--color-brand-strong)}.not-found__links{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);justify-content:center;margin-block:var(--space-2xs) 0;padding-inline:0;list-style:none}.breadcrumb{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3xs);margin-block:0;padding-inline:0;list-style:none}.breadcrumb__item{display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--color-text-muted)}.breadcrumb__link{padding-block:var(--space-3xs);color:var(--color-brand-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em;border-radius:var(--radius-xs);&:hover{color:var(--color-text)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.breadcrumb__sep{color:var(--color-border-strong)}.feature-hero{padding-block:var(--space-lg) var(--space-section);overflow-x:clip}.feature-hero__breadcrumb{margin-block-end:var(--space-lg)}.feature-hero__grid{display:grid;gap:var(--space-xl);align-items:center;@media screen and (min-width:900px){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--space-2xl)}}.feature-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);min-width:0}.feature-hero__title{--font-size-4xl: clamp(2rem, 3.4vw, 2.6rem);max-width:20ch}.feature-hero__lede{max-width:46ch;font-size:var(--font-size-md)}.feature-hero__actions{display:flex;flex-direction:column;align-self:stretch;gap:var(--space-2xs);@media screen and (min-width:576px){flex-direction:row;flex-wrap:wrap;align-self:flex-start;align-items:center}}.feature-hero__points{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);margin-block:0;padding-inline:0;list-style:none}.feature-hero__point{display:flex;align-items:center;gap:var(--space-3xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.feature-hero__point-mark{flex-shrink:0;color:var(--color-brand)}.feature-hero__media{display:grid;gap:var(--space-md);min-width:0}.feature-points{display:grid;gap:var(--space-lg);margin-block:var(--space-xl) 0;padding-inline:0;list-style:none;@media screen and (min-width:768px){grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-points__item{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0;padding-block-start:var(--space-sm);border-block-start:1px solid var(--color-border-strong)}.feature-points__title{margin-block:0;font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading)}.feature-points__body{margin-block:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted);text-wrap:pretty}.feature-quote{display:flex;flex-direction:column;gap:var(--space-2xs);margin-block:var(--space-xl) 0;margin-inline:0;max-width:44rem;padding-block-start:var(--space-md);border-block-start:1px solid var(--color-border-strong)}.feature-quote__text{margin-block:0;margin-inline:0;font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading);text-wrap:pretty}.feature-quote__by{font-size:var(--font-size-sm);color:var(--color-text-muted)}.feature-steps{display:grid;gap:var(--space-xl);@media screen and (min-width:900px){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:var(--space-2xl);align-items:start}}.feature-steps__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);min-width:0}.feature-steps__list{display:grid;gap:var(--space-sm);margin-block:0;padding-inline:0;list-style:none}.feature-steps__item{display:flex;align-items:flex-start;gap:var(--space-sm);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text)}.feature-steps__number{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-block-start:-.1rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;background-color:var(--color-brand-soft);color:var(--color-heading);border-radius:var(--radius-pill)}.feature-steps__text{min-width:0;text-wrap:pretty}.feature-steps__docs{display:inline-flex;align-items:center;gap:var(--space-3xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.feature-steps__docs-mark{flex-shrink:0}.feature-compare{display:grid;gap:var(--space-md);margin-block:var(--space-xl) 0;@media screen and (min-width:768px){grid-template-columns:repeat(2,minmax(0,1fr))}}.feature-compare__side{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0;padding-block:var(--space-md);padding-inline:var(--space-md);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg)}.feature-compare__title{margin-block:0;font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading)}.feature-compare__list{display:grid;gap:var(--space-2xs);margin-block:0;padding-inline:0;list-style:none}.feature-compare__point{display:flex;gap:var(--space-2xs);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.feature-compare__mark{align-self:flex-start;flex-shrink:0;margin-block-start:.3em;color:var(--color-text-muted)}.feature-compare__side--ours{background-color:var(--color-surface-raised);border-color:var(--color-border);box-shadow:var(--shadow-md);.feature-compare__point{color:var(--color-text)}.feature-compare__mark{color:var(--color-brand)}}.feature-compare__note{margin-block:var(--space-lg) 0;max-width:60ch;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text);text-wrap:pretty}.feature-plans__more{margin-block:var(--space-md) 0;font-size:var(--font-size-sm)}.related-pages{--related-pages-icon-size: 2rem;display:grid;gap:var(--space-sm);margin-block:var(--space-lg) 0;padding-inline:0;list-style:none;@media screen and (min-width:576px){grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (min-width:992px){grid-template-columns:repeat(3,minmax(0,1fr))}}.related-pages__item{display:flex;min-width:0}.related-pages__link{display:grid;flex:1;grid-template-columns:var(--related-pages-icon-size) minmax(0,1fr);align-items:center;column-gap:var(--space-sm);padding-block:var(--space-sm);padding-inline:var(--space-md);text-decoration:none;background-color:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard);&:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.related-pages__icon{width:var(--related-pages-icon-size);height:var(--related-pages-icon-size)}.related-pages__name{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.related-pages__mark{flex-shrink:0;color:var(--color-brand)}.demos-hero{padding-block:var(--space-lg) var(--space-section);overflow-x:clip}.demos-hero__breadcrumb{margin-block-end:var(--space-lg)}.demos-hero__grid{display:grid;gap:var(--space-xl);align-items:start;@media screen and (min-width:1100px){grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:var(--space-2xl)}}.demos-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);min-width:0}.demos-hero__title{--font-size-4xl: clamp(2rem, 3.4vw, 2.4rem);max-width:18ch}.demos-hero__lede{max-width:44ch;font-size:var(--font-size-md)}.demos-hero__points{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);margin-block:0;padding-inline:0;list-style:none}.demos-hero__point{display:flex;align-items:center;gap:var(--space-3xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.demos-hero__point-mark{flex-shrink:0;color:var(--color-brand)}.demos-hero__password{margin-block:0;padding-block-start:var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);border-block-start:1px solid var(--color-border)}.demos-hero__code{padding-inline:var(--space-2xs);padding-block:.125rem;border-radius:var(--radius-xs);font-family:inherit;font-size:inherit;font-weight:var(--font-weight-semibold);background-color:var(--color-brand-soft);color:var(--color-brand-strong)}.demo-menu{--demo-menu-gap: var(--space-2xs);min-width:0;max-width:46rem;@media screen and (min-width:576px){--demo-menu-gap: var(--space-sm)}@media screen and (min-width:1100px){max-width:none}}.demo-menu__label{margin-block:0 var(--space-sm);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-brand)}.demo-menu__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm) var(--demo-menu-gap);margin-block:0;padding-inline:0;list-style:none;@media screen and (min-width:576px){row-gap:var(--space-md)}}.demo-menu__item{display:flex;min-width:0}.demo-menu__link{display:flex;flex:1;flex-direction:column;align-items:center;gap:var(--space-3xs);min-width:0;text-align:center;text-decoration:none;color:var(--color-heading);border-radius:var(--radius-md);&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}@media screen and (min-width:576px){align-items:flex-start;text-align:start}}.demo-menu__media{display:block;width:100%;overflow:hidden;aspect-ratio:156 / 144;margin-block-end:var(--space-3xs);border-radius:var(--radius-md);background-color:var(--color-brand-soft);background-color:var(--color-brand-050);transition:transform var(--duration-base) var(--easing-standard),box-shadow var(--duration-base) var(--easing-standard)}.demo-menu__drawing{display:block;width:100%;height:100%}.demo-menu__title{font-family:var(--font-family-display);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);text-wrap:balance;@media screen and (min-width:576px){font-size:var(--font-size-sm)}}.demo-menu__tagline{display:none;font-size:var(--font-size-xs);line-height:var(--line-height-snug);color:var(--color-text-muted);text-wrap:pretty;@media screen and (min-width:576px){display:block}}.demo-menu__count{display:none;font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--color-text-muted);@media screen and (min-width:576px){display:inline}}.demo-menu__link:hover .demo-menu__media{box-shadow:var(--shadow-md);transform:translateY(-2px)}.demo-menu__link:hover .demo-menu__name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.demo-drawing{--demo-drawing-play-duration: 2s;--demo-drawing-pulse-duration: 2s;--demo-drawing-spin-duration: 4.35s;--demo-drawing-ticker-duration: 4s;--demo-drawing-stagger: .1s}.demo-drawing__press,.demo-drawing__turn,.demo-drawing__row,.demo-drawing__pulse,.demo-drawing__card,.demo-drawing__tile,.demo-drawing__badge,.demo-drawing__stamp,.demo-drawing__point,.demo-drawing__label,.demo-drawing__bubble,.demo-drawing__spin,.demo-drawing__click,.demo-drawing__cursor,.demo-drawing__panel{transform-box:fill-box;transform-origin:center}.demo-drawing__card{transform-origin:10% 100%}.demo-drawing__badge{transform-origin:0 50%}.demo-drawing__bubble{transform-origin:31% 100%}.demo-drawing__panel{transform-origin:0 24%}.demo-drawing__label--from-below{transform-origin:35% 100%}.demo-drawing__label--from-above{transform-origin:50% 0}.demo-drawing__cursor{transform-origin:0 0}.demo-drawing__press{animation:var(--demo-drawing-press, none) var(--demo-drawing-play-duration) var(--easing-standard) both}.demo-drawing__turn{animation:var(--demo-drawing-turn, none) var(--demo-drawing-play-duration) var(--easing-standard) both}.demo-drawing__row{animation:var(--demo-drawing-row, none) var(--demo-drawing-play-duration) var(--easing-decelerate) calc(var(--demo-drawing-index, 0) * var(--demo-drawing-stagger)) both}.demo-drawing__pulse{animation:var(--demo-drawing-pulse, none) var(--demo-drawing-pulse-duration) var(--easing-decelerate) calc(var(--demo-drawing-index, 0) * var(--demo-drawing-stagger)) infinite}.demo-drawing__card,.demo-drawing__badge,.demo-drawing__bubble,.demo-drawing__panel{animation:var(--demo-drawing-pop, none) var(--demo-drawing-play-duration) var(--easing-standard) calc(var(--demo-drawing-index, 0) * var(--demo-drawing-stagger)) both}.demo-drawing__tile{animation:var(--demo-drawing-settle, none) var(--demo-drawing-play-duration) var(--easing-decelerate) calc(var(--demo-drawing-index, 0) * var(--demo-drawing-stagger)) both}.demo-drawing__stamp{animation:var(--demo-drawing-stamp, none) var(--demo-drawing-play-duration) var(--easing-standard) calc(var(--demo-drawing-index, 0) * var(--demo-drawing-stagger)) both}.demo-drawing__point{animation:var(--demo-drawing-dot, none) var(--demo-drawing-play-duration) var(--easing-standard) calc(var(--demo-drawing-index, 0) * var(--demo-drawing-stagger)) both}.demo-drawing__leader{animation:var(--demo-drawing-draw, none) var(--demo-drawing-play-duration) var(--easing-standard) calc(var(--demo-drawing-index, 0) * var(--demo-drawing-stagger)) both}.demo-drawing__leader--from-end{animation-name:var(--demo-drawing-draw-back, none)}.demo-drawing__label{animation:var(--demo-drawing-label, none) var(--demo-drawing-play-duration) var(--easing-standard) calc(var(--demo-drawing-index, 0) * var(--demo-drawing-stagger)) both}.demo-drawing__spin{animation:var(--demo-drawing-spin, none) var(--demo-drawing-spin-duration) linear infinite}.demo-drawing__cursor{animation:var(--demo-drawing-cursor, none) var(--demo-drawing-play-duration) var(--easing-standard) both}.demo-drawing__click{animation:var(--demo-drawing-click, none) var(--demo-drawing-play-duration) var(--easing-standard) both}.demo-drawing__hop{animation:var(--demo-drawing-hop, none) var(--demo-drawing-play-duration) var(--easing-standard) both}.demo-drawing__ticker{animation:var(--demo-drawing-ticker, none) var(--demo-drawing-ticker-duration) linear infinite}@keyframes demo-drawing-press{0%{transform:none}8%{transform:scale(.88)}16%,to{transform:none}}@keyframes demo-drawing-turn{0%{transform:none}20%,to{transform:rotate(90deg)}}@keyframes demo-drawing-row{0%{transform:translate(8px);opacity:0}18%,to{transform:none;opacity:1}}@keyframes demo-drawing-pulse{0%{transform:scale(.675);opacity:.35}70%,to{transform:scale(1.5);opacity:0}}@keyframes demo-drawing-pop{0%{transform:scale(.5);opacity:0}12%{transform:scale(1.06);opacity:1}20%,to{transform:none;opacity:1}}@keyframes demo-drawing-settle{0%{transform:scale(.8);opacity:.3}24%,to{transform:none;opacity:1}}@keyframes demo-drawing-stamp{0%{transform:scale(.4) rotate(-25deg);opacity:0}15%{transform:scale(1.12) rotate(4deg);opacity:1}22%,to{transform:none;opacity:1}}@keyframes demo-drawing-dot{0%{transform:scale(0)}9%{transform:scale(1.3)}15%,to{transform:none}}@keyframes demo-drawing-draw{0%,9%{stroke-dasharray:1;stroke-dashoffset:1}34%,to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes demo-drawing-draw-back{0%,9%{stroke-dasharray:1;stroke-dashoffset:-1}34%,to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes demo-drawing-label{0%,28%{transform:scale(.6);opacity:0}38%{transform:scale(1.04);opacity:1}44%,to{transform:none;opacity:1}}@keyframes demo-drawing-spin{to{transform:rotate(360deg)}}@keyframes demo-drawing-cursor{0%{transform:translate(12px,12px);opacity:0}18%{transform:none;opacity:1}25%{transform:scale(.86);opacity:1}31%,50%{transform:none;opacity:1}60%,to{transform:none;opacity:0}}@keyframes demo-drawing-click{0%,18%{transform:none}25%{transform:scale(.9)}31%,to{transform:none}}@keyframes demo-drawing-hop{0%,34%{transform:none;opacity:1}42%{transform:translate(4px,-4px);opacity:0}42.1%{transform:translate(-4px,4px);opacity:0}50%,to{transform:none;opacity:1}}@keyframes demo-drawing-ticker{to{transform:translate(-97px)}}@media(prefers-reduced-motion:no-preference)and (hover:hover){.demo-menu__link:hover .demo-drawing,.demo-menu__link:focus-visible .demo-drawing{--demo-drawing-press: demo-drawing-press;--demo-drawing-turn: demo-drawing-turn;--demo-drawing-row: demo-drawing-row;--demo-drawing-pulse: demo-drawing-pulse;--demo-drawing-pop: demo-drawing-pop;--demo-drawing-settle: demo-drawing-settle;--demo-drawing-stamp: demo-drawing-stamp;--demo-drawing-dot: demo-drawing-dot;--demo-drawing-draw: demo-drawing-draw;--demo-drawing-draw-back: demo-drawing-draw-back;--demo-drawing-label: demo-drawing-label;--demo-drawing-spin: demo-drawing-spin;--demo-drawing-cursor: demo-drawing-cursor;--demo-drawing-click: demo-drawing-click;--demo-drawing-hop: demo-drawing-hop;--demo-drawing-ticker: demo-drawing-ticker}}:root:has(.demo-nav){--demo-nav-height: 3.375rem;scroll-padding-block-start:calc(var(--layout-header-height) + var(--demo-nav-height))}.demo-nav{--demo-nav-link-height: 2.25rem;position:sticky;z-index:var(--z-demo-nav);inset-block-start:var(--layout-header-height);display:flex;align-items:center;block-size:var(--demo-nav-height);background-color:var(--color-surface-translucent);border-block:1px solid var(--color-border);backdrop-filter:blur(8px);transition:opacity var(--duration-base) var(--easing-standard),transform var(--duration-base) var(--easing-standard),visibility var(--duration-base);@media screen and (scripting:enabled){margin-block-start:calc(var(--demo-nav-height) * -1);opacity:0;visibility:hidden;transform:translateY(calc(var(--space-2xs) * -1))}}.demo-nav--stuck{opacity:1;visibility:visible;transform:none}.demo-nav__list{display:flex;gap:var(--space-3xs);margin-block:0;margin-inline:calc(var(--layout-gutter) * -1);padding-block:var(--space-2xs);padding-inline:var(--layout-gutter);overflow-x:auto;overscroll-behavior-inline:contain;list-style:none;scroll-behavior:smooth;scroll-padding-inline:var(--layout-gutter);scrollbar-width:none}.demo-nav__list::-webkit-scrollbar{display:none}.demo-nav__item{flex:none}.demo-nav__link{display:flex;align-items:center;min-height:var(--demo-nav-link-height);padding-inline:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);white-space:nowrap;text-decoration:none;color:var(--color-text-muted);border-radius:var(--radius-pill);scroll-margin-block:calc(var(--demo-nav-height) * -1) var(--demo-nav-height);transition:color var(--duration-fast) var(--easing-standard),background-color var(--duration-fast) var(--easing-standard);&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.demo-nav__link:hover{@media(hover:hover){color:var(--color-text);background-color:var(--color-surface-sunken)}}.demo-nav__link--current,.demo-nav__link--current:hover{color:var(--color-brand-strong);background-color:var(--color-brand-soft)}.demo-family__intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-block-end:var(--space-xl);@media screen and (min-width:900px){flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-xl)}}.demo-family__password{margin-block:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.demo-family__code{padding-inline:var(--space-2xs);padding-block:.125rem;border-radius:var(--radius-xs);font-family:inherit;font-size:inherit;font-weight:var(--font-weight-semibold);background-color:var(--color-brand-soft);color:var(--color-brand-strong)}.demo-family__link{display:inline-flex;flex:none;align-items:center;gap:var(--space-3xs);padding-block:var(--space-3xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-brand);text-decoration:none;&:hover{color:var(--color-brand-strong)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-xs)}}.demo-family__link-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.demo-family__link-mark{flex:none;transition:transform var(--duration-fast) var(--easing-standard)}.demo-family__link:hover .demo-family__link-mark{transform:translate(2px)}.demo-family__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg) var(--space-sm);margin-block:0;padding-inline:0;list-style:none;@media screen and (min-width:768px){grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xl) var(--space-md)}}.demo-family__item{display:flex;min-width:0}.demo-family__ask--wide-only{display:none;@media screen and (min-width:768px){display:flex}}.demo-family__ask--narrow-only{@media screen and (min-width:768px){display:none}}.demo-family--collapsed .demo-family__item--extra{@media screen and (scripting:enabled){display:none}}.demo-family__more{display:none;justify-content:center;margin-block-start:var(--space-xl)}.demo-family--collapsed .demo-family__more{@media screen and (scripting:enabled){display:flex}}.demo-family__more-count{font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.demo-family__more-mark{flex:none}.demo-card{--demo-card-radius: var(--radius-lg);--demo-card-focus-offset: var(--space-2xs);--demo-card-foot-height: 2rem;position:relative;display:flex;flex-direction:column;gap:var(--space-2xs);width:100%;min-width:0}.demo-card__media{display:grid;overflow:hidden;aspect-ratio:670 / 620;margin-block-end:var(--space-3xs);background-color:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--demo-card-radius);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-base) var(--easing-standard)}.demo-card__image{grid-area:1 / 1;width:100%;height:100%;object-fit:cover}.demo-card__image--hover{opacity:0;transition:opacity var(--duration-slow) var(--easing-standard)}.demo-card__title{margin-block:0;font-family:var(--font-family-display);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading);text-wrap:balance;@media screen and (min-width:768px){font-size:var(--font-size-lg)}}.demo-card__link{color:inherit;text-decoration:none}.demo-card__link:after{content:"";position:absolute;inset:0;border-radius:var(--demo-card-radius)}.demo-card__link:focus-visible{outline:none}.demo-card__link:focus-visible:after{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--demo-card-focus-offset)}.demo-card__body{margin-block:0;font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-muted);text-wrap:pretty;@media screen and (min-width:768px){font-size:var(--font-size-sm)}}.demo-card__plan{align-self:flex-start;margin-block:0;padding-block:.15em;padding-inline:.5em;font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);background-color:var(--color-brand-soft);color:var(--color-heading);border-radius:var(--radius-xs)}.demo-card__foot{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-md);margin-block-start:auto;padding-block-start:var(--space-3xs)}.demo-card__cta{display:inline-flex;align-items:center;gap:var(--space-3xs);min-height:var(--demo-card-foot-height);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-brand)}.demo-card__cta-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.demo-card__cta-mark{flex:none;transition:transform var(--duration-fast) var(--easing-standard)}.demo-card__uses{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-3xs);min-height:var(--demo-card-foot-height);padding:0;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);background:none;color:var(--color-text-muted);border:0;border-radius:var(--radius-xs);cursor:pointer;&:hover{color:var(--color-brand-strong)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}}.demo-card__uses-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.demo-card__uses-mark{flex:none}.demo-card:hover .demo-card__media{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.demo-card:hover .demo-card__cta{color:var(--color-brand-strong)}.demo-card:hover .demo-card__cta-mark{transform:translate(1px,-1px)}.demo-card--swap:hover .demo-card__image--hover{@media(hover:hover){opacity:1}}.demo-card--swap:has(.demo-card__link:focus-visible) .demo-card__image--hover{opacity:1}.demo-uses{--demo-uses-width: 34rem;--demo-uses-edge: var(--space-sm);--demo-uses-padding: var(--space-md);--demo-uses-shift: var(--space-2xs);width:auto;height:auto;margin:0;padding:0;background:none;border:0;opacity:0;transition:opacity var(--duration-base) var(--easing-standard),overlay var(--duration-base) allow-discrete,display var(--duration-base) allow-discrete;@media screen and (min-width:576px){--demo-uses-padding: var(--space-lg)}}.demo-uses:popover-open{opacity:1}.demo-uses__scrim{position:absolute;inset:0;padding:0;background-color:var(--color-scrim);border:0;cursor:default;-webkit-tap-highlight-color:transparent}.demo-uses__panel{position:absolute;inset:0;width:min(var(--demo-uses-width),100% - 2 * var(--demo-uses-edge));height:fit-content;max-height:calc(100% - 2 * var(--demo-uses-edge));margin:auto;padding:var(--demo-uses-padding);overflow-y:auto;overscroll-behavior:contain;font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:var(--line-height-normal);text-align:start;background-color:var(--color-surface-raised);color:var(--color-text);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transform:translateY(var(--demo-uses-shift));transition:transform var(--duration-base) var(--easing-standard)}.demo-uses:popover-open .demo-uses__panel{transform:none}@starting-style{.demo-uses:popover-open{opacity:0}.demo-uses:popover-open .demo-uses__panel{transform:translateY(var(--demo-uses-shift))}}.demo-uses__close{position:absolute;inset-block-start:var(--space-2xs);inset-inline-end:var(--space-2xs);display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-size);height:var(--touch-target-size);padding:0;background:none;color:var(--color-text-muted);border:0;border-radius:var(--radius-pill);cursor:pointer;&:hover{background-color:var(--color-surface-sunken);color:var(--color-heading)}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:calc(-1 * var(--focus-ring-width))}}.demo-uses__eyebrow{margin-block:0;padding-inline-end:var(--touch-target-size);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-brand)}.demo-uses__title{margin-block:var(--space-3xs) var(--space-md);padding-inline-end:var(--touch-target-size);font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-heading);text-wrap:balance}.demo-uses__list{display:flex;flex-direction:column;gap:var(--space-sm);margin-block:0;padding-inline:0;list-style:none}.demo-uses__item{display:flex;flex-direction:column;gap:var(--space-3xs)}.demo-uses__item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);color:var(--color-heading)}.demo-uses__item-text{color:var(--color-text-muted);text-wrap:pretty}.demo-uses__preview{margin-block-start:var(--space-lg)}.demo-ask{--demo-ask-mark-size: 3rem;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);min-width:0;padding-block:var(--space-lg);padding-inline:var(--space-sm);text-align:center;text-decoration:none;color:var(--color-heading);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard);&:hover{background-color:var(--color-surface-raised);border-color:var(--color-brand);border-style:solid}&:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}@media screen and (min-width:768px){padding-inline:var(--space-lg)}}.demo-ask__mark{display:inline-flex;align-items:center;justify-content:center;width:var(--demo-ask-mark-size);height:var(--demo-ask-mark-size);margin-block-end:var(--space-2xs);background-color:var(--color-brand-soft);color:var(--color-brand-strong);border-radius:var(--radius-pill);transition:background-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.demo-ask__title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);text-wrap:balance;@media screen and (min-width:768px){font-size:var(--font-size-xl)}}.demo-ask__text{max-width:28ch;font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-text-muted);text-wrap:pretty;@media screen and (min-width:768px){font-size:var(--font-size-sm)}}.demo-ask__cta{margin-block-start:var(--space-3xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.demo-ask:hover .demo-ask__mark{background-color:var(--color-action);color:var(--color-text-on-brand)}.demo-ask:hover .demo-ask__cta{color:var(--color-brand-strong)}.demo-blocks{display:flex;flex-direction:column;gap:var(--space-xl)}.demo-blocks__intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md);@media screen and (min-width:900px){flex-direction:row;align-items:flex-end;justify-content:space-between;gap:var(--space-xl)}}.demo-blocks__link{align-self:auto}.demo-blocks__laptop{--demo-blocks-pt: calc(100cqi / 1740);container-type:inline-size;margin-block:0;margin-inline:0}.demo-blocks__lid{position:relative;width:calc(1588 * var(--demo-blocks-pt));margin-inline:auto;padding-block:calc(30 * var(--demo-blocks-pt)) calc(40 * var(--demo-blocks-pt));padding-inline:calc(30 * var(--demo-blocks-pt));background-color:var(--color-laptop-bezel);border:calc(3 * var(--demo-blocks-pt)) solid var(--color-laptop-rim);border-radius:calc(44 * var(--demo-blocks-pt)) calc(44 * var(--demo-blocks-pt)) calc(8 * var(--demo-blocks-pt)) calc(8 * var(--demo-blocks-pt))}.demo-blocks__lid:before{content:"";position:absolute;inset-block-start:calc(11 * var(--demo-blocks-pt));inset-inline:0;width:calc(8 * var(--demo-blocks-pt));height:calc(8 * var(--demo-blocks-pt));margin-inline:auto;background-color:var(--color-laptop-camera);border-radius:50%}.demo-blocks__screen{overflow:hidden;padding-block-start:calc(52 * var(--demo-blocks-pt));background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTIyIDUyIj4KICA8cGF0aCBmaWxsPSIjZjZmNmY2IiBkPSJNMCAwaDE1MjJ2NTJIMHoiLz4KICA8cGF0aCBmaWxsLW9wYWNpdHk9Ii4xIiBkPSJNMCA1MWgxNTIydjFIMHoiLz4KICA8ZyBmaWxsPSIjZGNkY2RlIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIuMTIiIHN0cm9rZS13aWR0aD0iLjUiPgogICAgPGNpcmNsZSBjeD0iMjIiIGN5PSIyNiIgcj0iNiIvPgogICAgPGNpcmNsZSBjeD0iNDIiIGN5PSIyNiIgcj0iNiIvPgogICAgPGNpcmNsZSBjeD0iNjIiIGN5PSIyNiIgcj0iNiIvPgogIDwvZz4KICA8ZyBmaWxsPSJub25lIiBzdHJva2U9IiM4ZThlOTMiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgPHJlY3QgeD0iOTQiIHk9IjE5LjUiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNCIgcng9IjMiLz4KICAgIDxwYXRoIGQ9Ik0xMDEgMTkuNXYxNCIvPgogICAgPHBhdGggZD0iTTE0NyAyMC41bC01LjUgNS41IDUuNSA1LjUiLz4KICAgIDxwYXRoIGQ9Ik0xNzMgMjAuNWw1LjUgNS41LTUuNSA1LjUiIHN0cm9rZS1vcGFjaXR5PSIuNCIvPgogICAgPHBhdGggZD0iTTE0MTkuOCAyMi41aC0yYTEuOCAxLjggMCAwIDAtMS44IDEuOHY4LjRhMS44IDEuOCAwIDAgMCAxLjggMS44aDEwLjRhMS44IDEuOCAwIDAgMCAxLjgtMS44di04LjRhMS44IDEuOCAwIDAgMC0xLjgtMS44aC0yTTE0MjMgMjguNXYtMTJNMTQxOS44IDE5LjdsMy4yLTMuMiAzLjIgMy4yIi8+CiAgICA8cGF0aCBkPSJNMTQ1OCAxOS41djEzTTE0NTEuNSAyNmgxMyIvPgogICAgPHJlY3QgeD0iMTQ4NyIgeT0iMjIiIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgcng9IjIuNSIvPgogICAgPHBhdGggZD0iTTE0OTAgMTloOWEyLjUgMi41IDAgMCAxIDIuNSAyLjV2OSIvPgogIDwvZz4KICA8cmVjdCB4PSI1MDEiIHk9IjExIiB3aWR0aD0iNTIwIiBoZWlnaHQ9IjMwIiByeD0iOCIgZmlsbC1vcGFjaXR5PSIuMDU1Ii8+CiAgPHJlY3QgeD0iNjg1LjgiIHk9IjIzLjUiIHdpZHRoPSI4IiBoZWlnaHQ9IjciIHJ4PSIxLjUiIGZpbGw9IiMxZDFkMWYiLz4KICA8cGF0aCBkPSJNNjg3LjQgMjMuNXYtMS40YTIuNCAyLjQgMCAwIDEgNC44IDB2MS40IiBmaWxsPSJub25lIiBzdHJva2U9IiMxZDFkMWYiIHN0cm9rZS13aWR0aD0iMS4zIi8+CiAgPHRleHQgeD0iNzY3LjUiIHk9IjMwLjUiIHRleHQtYW5jaG9yPSJtaWRkbGUiIHRleHRMZW5ndGg9IjEzNy40IiBsZW5ndGhBZGp1c3Q9InNwYWNpbmciIGZpbGw9IiMxZDFkMWYiIGZvbnQtZmFtaWx5PSItYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsICdTZWdvZSBVSScsIFJvYm90bywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIxMyI+ZGVtby5saW5rc3BvdGFwcC5jb208L3RleHQ+CiAgPHBhdGggZD0iTTEwMDkuNyAyNC4yOWE1IDUgMCAxIDEtMy44My0zLjIxIiBmaWxsPSJub25lIiBzdHJva2U9IiM4ZThlOTMiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8cGF0aCBmaWxsPSIjOGU4ZTkzIiBkPSJNMTAwOC40MyAyMS41M2wtMi41NS0yLjc5LS44IDQuNTR6Ii8+Cjwvc3ZnPgo=) top / 100% no-repeat,var(--color-surface-raised);border-radius:calc(11 * var(--demo-blocks-pt)) calc(11 * var(--demo-blocks-pt)) 0 0}.demo-blocks__page{display:block;width:100%;height:auto}.demo-blocks__base{position:relative;height:calc(28 * var(--demo-blocks-pt));background-image:linear-gradient(var(--color-laptop-edge),var(--color-laptop-body) 30%,var(--color-laptop-shade));border-radius:0 0 calc(110 * var(--demo-blocks-pt)) calc(110 * var(--demo-blocks-pt)) / 0 0 calc(28 * var(--demo-blocks-pt)) calc(28 * var(--demo-blocks-pt));box-shadow:0 calc(10 * var(--demo-blocks-pt)) calc(28 * var(--demo-blocks-pt)) calc(-4 * var(--demo-blocks-pt)) var(--color-laptop-shadow)}.demo-blocks__base:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;width:calc(240 * var(--demo-blocks-pt));height:calc(11 * var(--demo-blocks-pt));margin-inline:auto;background-image:linear-gradient(var(--color-laptop-scoop),var(--color-laptop-body));border-radius:0 0 calc(12 * var(--demo-blocks-pt)) calc(12 * var(--demo-blocks-pt))}