:root[data-theme="dark"] {
  --primary: 240 6% 60%;
  --secondary: 240 4% 68%;
  --background: 0 0% 12%;
  --foreground: 0 0% 94%;
  --muted: 240 18% 20%;
  --accent: 240 5% 45%;
  --destructive: 0 84% 58%;
  --font-heading: 'Inter', serif;
  --font-body: 'Inter', sans-serif;
  --radius: 0.5rem;
  --spacing-scale: 1;
}

:root[data-theme="light"] {
  --primary: 240 6% 10% !important;
  --secondary: 240 4% 46% !important;
  --background: 0 0% 100% !important;
  --foreground: 240 10% 4% !important;
  --muted: 240 5% 96% !important;
  --accent: 240 5% 26% !important;
  --destructive: 0 84% 60% !important;
  --font-heading: 'Inter', serif !important;
  --font-body: 'Inter', sans-serif !important;
  --radius: 0.5rem !important;
  --spacing-scale: 1 !important;
}

*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-body,system-ui,sans-serif);color:hsl(var(--foreground,240 10% 4%));background:hsl(var(--background,0 0% 100%));line-height:1.6}
h1,h2,h3{font-family:var(--font-heading,inherit);line-height:1.2;margin:0 0 .5em}
h1{font-size:clamp(2rem,5vw,3.25rem)}
h2{font-size:clamp(1.5rem,3.5vw,2.25rem)}
img{max-width:100%;height:auto}
a{color:hsl(var(--primary,240 6% 10%))}
main>div>section,main>div>figure,main>div>[data-block=columns]{max-width:72rem;margin-inline:auto;padding:clamp(2rem,6vw,4.5rem) 1.5rem}
[data-block=hero]{text-align:center;padding-block:clamp(4rem,10vw,7rem)}
[data-block=hero] p{font-size:1.125rem;color:hsl(var(--secondary,240 4% 46%));max-width:44rem;margin-inline:auto}
[data-block=hero] a,[data-block=cta] a{display:inline-block;margin:.75rem .375rem 0;padding:.75rem 1.5rem;border-radius:var(--radius,.5rem);text-decoration:none;font-weight:600}
a[data-variant=primary]{background:hsl(var(--primary,240 6% 10%));color:hsl(var(--background,0 0% 100%))}
a[data-variant=secondary]{border:1px solid hsl(var(--primary,240 6% 10%))}
[data-block=cta]{text-align:center;background:hsl(var(--muted,240 5% 96%));border-radius:var(--radius,.5rem)}
[data-block=features] [style*=grid],[data-block=pricing-table] [style*=grid]{align-items:start}
[data-block=faq] details{border-bottom:1px solid hsl(var(--muted,240 5% 90%));padding:.75rem 0}
[data-block=faq] summary{cursor:pointer;font-weight:600}
[data-block=divider]{border:none;border-top:1px solid hsl(var(--muted,240 5% 90%))}
blockquote{margin:0 0 1.5rem;padding-left:1rem;border-left:3px solid hsl(var(--primary,240 6% 10%))}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:72rem;margin-inline:auto;padding:1rem 1.5rem}
.site-header nav{display:flex;gap:1.25rem;flex-wrap:wrap}
.site-header a{text-decoration:none;font-weight:500}
.site-header .logo{font-weight:700;font-size:1.125rem}
.site-footer{border-top:1px solid hsl(var(--muted,240 5% 90%));margin-top:3rem}
.site-footer .cols{display:flex;gap:3rem;flex-wrap:wrap;max-width:72rem;margin-inline:auto;padding:2.5rem 1.5rem}
.site-footer h4{margin:0 0 .5rem}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.375rem}
.site-footer a{text-decoration:none;color:hsl(var(--secondary,240 4% 46%))}
.site-footer .copyright{max-width:72rem;margin-inline:auto;padding:0 1.5rem 2rem;color:hsl(var(--secondary,240 4% 46%));font-size:.875rem}
@media(max-width:640px){[data-block=features] [style*=grid],[data-block=pricing-table] [style*=grid],[data-block=columns]{grid-template-columns:1fr!important}}