html:has(.landing-page){background-color:var(--primary)}.landing-page{--landing-max: 1100px}.landing-page section{max-width:var(--landing-max);margin-inline:auto;padding:var(--space-16) var(--space-6)}.landing-page section>h2,.landing-page section>h6{text-align:center}.landing-page section>h2{margin-bottom:var(--space-2)}.landing-page section>h6{color:var(--muted-foreground);font-weight:var(--font-normal);max-width:60ch;margin-inline:auto;margin-bottom:var(--space-12)}.landing-page #hero{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:center;padding-top:var(--space-12);padding-bottom:var(--space-12)}.landing-page #hero h1{font-size:clamp(2.25rem,1.75rem + 2.5vw,3.5rem);line-height:1.1;margin-top:0;margin-bottom:var(--space-4)}.landing-page #hero h4{color:var(--muted-foreground);font-weight:var(--font-medium);margin-top:0;margin-bottom:var(--space-4)}.landing-page #hero .hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap}.landing-page #hero .hero-image{justify-self:end}.placeholder-image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4 / 3;background:repeating-linear-gradient(45deg,var(--muted),var(--muted) 10px,var(--faint) 10px,var(--faint) 20px);border:1px dashed var(--border);border-radius:var(--radius-large);color:var(--muted-foreground);font-size:var(--text-7);font-weight:var(--font-medium);text-align:center;padding:var(--space-4)}.placeholder-image.hero{aspect-ratio:1 / 1;max-width:480px}.placeholder-image.icon{aspect-ratio:1 / 1;max-width:96px;border-radius:var(--radius-medium);font-size:var(--text-8)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-8)}.feature-grid.cols-2{grid-template-columns:repeat(2,1fr)}.feature-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-6);background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-large);box-shadow:var(--shadow-small)}.feature-card h3{margin:0;font-size:var(--text-4)}.feature-card p{margin:0;color:var(--muted-foreground)}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;margin-top:var(--space-8)}.split.reverse>.split-media{order:2}.split-content>h3{margin-top:0}.steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-5);counter-reset:step}.steps li{position:relative;padding-inline-start:calc(var(--space-10) + var(--space-2));counter-increment:step}.steps li:before{content:counter(step);position:absolute;inset-inline-start:0;top:0;width:var(--space-10);height:var(--space-10);display:inline-flex;align-items:center;justify-content:center;background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-full);font-weight:var(--font-bold)}.steps li strong{display:block;margin-bottom:var(--space-1);font-size:var(--text-4)}.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.checklist li{position:relative;padding-inline-start:var(--space-8)}.checklist li:before{content:"";position:absolute;inset-inline-start:0;top:.35em;width:1rem;height:1rem;background-color:var(--success);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat}.checklist li strong{display:block;margin-bottom:var(--space-1)}.checklist.with-icon li:before{content:none}.checklist.with-icon .checklist-icon{position:absolute;inset-inline-start:0;top:.2em;width:1.25rem;height:1.25rem;color:var(--warning)}.landing-page #cta{text-align:center}.landing-page #cta .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-large);padding:var(--space-12) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.landing-page #cta h3{margin:0;font-size:var(--text-2)}@media (max-width: 768px){.landing-page section{padding:var(--space-12) var(--space-4)}.landing-page #hero,.split{grid-template-columns:1fr;gap:var(--space-8)}.split.reverse>.split-media{order:0}.feature-grid,.feature-grid.cols-2{grid-template-columns:1fr}.landing-page #hero .hero-image{justify-self:stretch}.placeholder-image.hero{max-width:none}}