@layer components{page-hero{gap:var(--space-l);max-width:var(--grid-max-width);padding-inline:var(--grid-gutter);grid-template-columns:1fr;align-items:center;margin:0 auto;display:grid}@media (width>=900px){page-hero{gap:var(--space-xl);grid-template-columns:1fr 1fr}page-hero[data-no-image=true]{grid-template-columns:1fr}}page-hero[data-no-image=true] .hero-copy{text-align:center;align-items:center;max-width:42rem;margin:0 auto}page-hero[data-no-image=true] .hero-ctas{justify-content:center}page-hero .hero-copy{gap:var(--space-s);text-align:center;flex-direction:column;display:flex}@media (width>=900px){page-hero .hero-copy{text-align:left}}page-hero .hero-eyebrow{color:var(--accent-1);font-size:var(--step-0);letter-spacing:.04em;text-transform:uppercase;margin:0;font-weight:600}page-hero h1{text-align:inherit;margin:0}page-hero .hero-subheading{color:var(--foreground-1,var(--foreground-4));font-size:var(--step-1);margin:0;line-height:1.5}page-hero .hero-ctas{gap:var(--space-xs);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=900px){page-hero .hero-ctas{justify-content:flex-start}}:is(page-hero .hero-ctas) .button{margin:0}page-hero .hero-image{border-radius:12px;width:100%;box-shadow:0 20px 60px -20px #00000040}feature-grid{max-width:var(--grid-max-width);padding-inline:var(--grid-gutter);margin:0 auto;display:block}feature-grid h2{margin-bottom:var(--space-m);text-align:center}feature-grid .feature-grid-items{gap:var(--space-m);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}feature-grid .feature-card{gap:var(--space-3xs);padding:var(--space-m);border:1px solid var(--background-3,var(--background-1));background-color:var(--background-2,var(--background-1));color:inherit;border-radius:12px;flex-direction:column;-webkit-text-decoration:none;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}:is(feature-grid .feature-card):is(a):hover{transform:translateY(-2px);box-shadow:0 12px 30px -16px #0003}:is(feature-grid .feature-card) img{width:40px;height:40px;margin-bottom:var(--space-3xs)}:is(feature-grid .feature-card) h3{color:var(--accent-1);font-size:var(--step-1);text-align:left;margin:0}:is(feature-grid .feature-card) p{color:var(--foreground-1,var(--foreground-4));font-size:var(--step-0);margin:0;line-height:1.5}screenshot-block{gap:var(--space-l);max-width:var(--grid-max-width);padding-inline:var(--grid-gutter);grid-template-columns:1fr;align-items:center;margin:0 auto;display:grid}@media (width>=900px){screenshot-block{gap:var(--space-xl);grid-template-columns:1fr 1fr}screenshot-block[data-position=left] .screenshot-image{order:-1}}screenshot-block .screenshot-copy{gap:var(--space-s);text-align:center;flex-direction:column;display:flex}@media (width>=900px){screenshot-block .screenshot-copy{text-align:left}}screenshot-block h2{text-align:inherit;margin:0}screenshot-block p{color:var(--foreground-1,var(--foreground-4));font-size:var(--step-1);margin:0;line-height:1.6}screenshot-block .screenshot-image{border:1px solid var(--background-3,var(--background-1));border-radius:12px;width:100%;box-shadow:0 20px 50px -24px #0003}cta-banner{padding-block:var(--space-xl);background-color:var(--background-2,var(--background-1));display:block}cta-banner .cta-inner{align-items:center;gap:var(--space-s);max-width:40rem;padding-inline:var(--grid-gutter);text-align:center;flex-direction:column;margin:0 auto;display:flex}cta-banner h2{margin:0}cta-banner p{color:var(--foreground-1,var(--foreground-4));font-size:var(--step-1);margin:0}cta-banner .button{margin-top:var(--space-2xs)}}