@layer components{#benefits{container-type:inline-size;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(30rem,100%),1fr));gap:var(--spacing-6);color:var(--gray-1600);font:var(--font-heading);padding-top:1.5lh;padding-bottom:1.25lh;text-align:left}#benefits ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-6);margin-top:1lh}#benefits ul li{text-align:left;display:grid;grid-template-columns:subgrid;grid-column:-1 / 1}#benefits ul li .benefit-icon{width:1.75rem;height:1.75rem;font-size:1.5rem;background:oklch(from var(--gray-900) l c h / 30%);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}#benefits ul li hgroup{margin:0}}@layer components{figure.screenshot{position:relative;isolation:isolate;width:100%;margin-top:1.5lh;padding:var(--spacing-12)}figure.screenshot img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}figure.screenshot:before{content:"";position:absolute;inset:var(--spacing-9);background:var(--gray-200);border-radius:var(--radius-lg);z-index:-1}}@layer components{#cta{padding-top:1.5lh;padding-bottom:4lh;text-align:center;background-color:var(--gray-1500);color:var(--gray-300)}#cta>:last-child{display:flex;gap:var(--spacing-6);justify-content:center}#cta .button_base{--button-color: var(--tint);--button-background: oklch(from var(--button-color) 98.1187% var(--chroma-100) h);--button-gradient: oklch(from var(--button-color) 95.2045% var(--chroma-200) h);--button-border: oklch(from var(--button-color) 91.1434% var(--chroma-300) h);--button-highlight: rgb(255 255 255 / .8);--button-shadow: oklch(from var(--button-color) 85.1751% var(--chroma-400) h);--button-text: oklch(from var(--button-color) 29.6725% var(--chroma-1400) h)}@media(prefers-color-scheme:light){#cta .button_base{--button-background: oklch(from var(--button-color) 29.6725% var(--chroma-100) h);--button-gradient: oklch(from var(--button-color) 35.3616% var(--chroma-200) h);--button-border: oklch(from var(--button-color) 41.0821% var(--chroma-300) h);--button-highlight: rgb(255 255 255 / .8);--button-shadow: oklch(from var(--button-color) 46.9058% var(--chroma-400) h);--button-text: oklch(from var(--button-color) 91.1434% var(--chroma-1400) h);--button-shadow: oklch( from var(--button-color) var(35.3616%) var(--chroma-200) h );--button-highlight: rgb(255 255 255 / .15);box-shadow:inset 0 var(--button-border-size) 0 var(--button-highlight),inset 0 calc(-1 * var(--button-border-size)) 0 var(--button-shadow),inset 0 0 0 var(--button-border-size) var(--button-border),inset 0 var(--button-gradient-size) var(--button-gradient-size) -2px var(--button-gradient)}}#cta .button_base:where([data-variant=secondary]){--button-color: var(--gray)}}@layer components{#features{container-type:inline-size;background:var(--gray-100);color:var(--gray-1600);font:var(--font-heading);padding-top:1.5lh;padding-bottom:1.25lh;text-align:center}#features ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--spacing-6);margin-top:1lh}@container (min-width: 640px){#features ul{grid-template-columns:repeat(2,1fr)}}@container (min-width: 1024px){#features ul{grid-template-columns:repeat(4,1fr)}}#features ul li{text-align:left;padding:var(--spacing-6);background-color:var(--field-background);border-radius:var(--radius-lg)}#features ul li .feature-icon{width:3rem;height:3rem;font-size:2rem;background:oklch(from var(--gray-900) l c h / 30%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}#features ul li h3{font:var(--font-semibold) var(--font-size-2xl)/1.3 var(--font-family)}#features ul li p{font:var(--font-regular) var(--font-size-lg)/1.4 var(--font-family)}}@layer components{#hero{font:var(--font-hero-heading);padding-top:1.5lh;padding-bottom:1.25lh;text-align:center}#hero .marketing-badge{--button-color: var(--gray);--button-gradient-size: 4px;width:fit-content;margin-inline:auto;padding:var(--spacing-2) var(--spacing-4);border-radius:9999px;display:flex;justify-content:center;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);text-shadow:none;forced-color-adjust:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}#hero hgroup{margin-block:1.25lh}#hero .marketing-hero-actions{margin-top:1.5lh;display:flex;justify-content:center;gap:var(--spacing-4)}}