:root {
  --radius: 0.75rem;
  --background: oklch(0.99 0.003 250);
  --foreground: oklch(0.22 0.05 258);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.22 0.05 258);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.22 0.05 258);
  --primary: oklch(0.27 0.08 260);
  --primary-foreground: oklch(0.99 0 0);
  --secondary: oklch(0.96 0.01 250);
  --secondary-foreground: oklch(0.27 0.08 260);
  --muted: oklch(0.96 0.01 250);
  --muted-foreground: oklch(0.5 0.03 258);
  --accent: oklch(0.7 0.18 50);
  --accent-foreground: oklch(0.99 0 0);
  --navy-deep: oklch(0.2 0.06 262);
  --whatsapp: oklch(0.72 0.16 152);
  --whatsapp-foreground: oklch(0.99 0 0);

  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.984 0.003 247.858);
  --border: oklch(0.91 0.015 255);
  --input: oklch(0.89 0.015 255);
  --ring: oklch(0.7 0.18 50);
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);
  --sidebar: oklch(0.984 0.003 247.858);
  --sidebar-foreground: oklch(0.129 0.042 264.695);
  --sidebar-primary: oklch(0.208 0.042 265.755);
  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
  --sidebar-accent: oklch(0.968 0.007 247.896);
  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
  --sidebar-border: oklch(0.929 0.013 255.508);
  --sidebar-ring: oklch(0.704 0.04 256.788);
}
*{box-sizing:border-box;border:0 solid var(--border)}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:Manrope,system-ui,sans-serif;line-height:1.5}h1,h2,h3,p,ol,ul{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}svg{display:block;vertical-align:middle}summary::-webkit-details-marker{display:none}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.bg-hero{
  background: radial-gradient(ellipse at 85% 10%, color-mix(in oklab, var(--accent) 28%, transparent), transparent 55%), linear-gradient(160deg, var(--primary), var(--navy-deep));
}
.shadow-glow{
  box-shadow: 0 18px 40px -16px color-mix(in oklab, var(--accent) 60%, transparent);
}
.shadow-soft{
  box-shadow: 0 20px 50px -24px color-mix(in oklab, var(--primary) 35%, transparent);
}
.shadow-float{
  box-shadow: 0 14px 34px -10px color-mix(in oklab, var(--whatsapp) 55%, transparent);
}
.flex{display:flex}
.min-h-screen{min-height:100vh}
.flex-col{flex-direction:column}
.bg-hero{background-color:var(--hero)}
.text-primary-foreground{color:var(--primary-foreground)}
.mx-auto{margin-inline:auto}
.max-w-3xl{max-width:48rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.font-display{font-family:Sora,system-ui,sans-serif}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.font-semibold{font-weight:600}
.text-accent{color:var(--accent)}
.w-full{width:100%}
.flex-1{flex:1}
.py-16{padding-top:4rem;padding-bottom:4rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.font-bold{font-weight:700}
.mt-4{margin-top:1rem}
.text-muted-foreground{color:var(--muted-foreground)}
.bg-navy-deep{background-color:var(--navy-deep)}
.max-w-6xl{max-width:72rem}
.gap-6{gap:1.5rem}
.pt-10{padding-top:2.5rem}
.pb-28{padding-bottom:7rem}
@media(min-width:768px){.md\:flex-row{flex-direction:row}
}
@media(min-width:768px){.md\:items-center{align-items:center}
}
@media(min-width:768px){.md\:justify-between{justify-content:space-between}
}
.text-sm{font-size:.875rem;line-height:1.25rem}
.opacity-70{opacity:0.7}
.flex-wrap{flex-wrap:wrap}
.gap-x-6{column-gap:1.5rem}
.gap-y-2{row-gap:0.5rem}
.opacity-80{opacity:0.8}
.hover\:text-accent:hover{color:var(--accent)}
.fixed{position:fixed}
.bottom-5{bottom:1.25rem}
.right-5{right:1.25rem}
.z-50{z-index:50}
.items-center{align-items:center}
.gap-3{gap:0.75rem}
.rounded-full{border-radius:9999px}
.bg-whatsapp{background-color:var(--whatsapp)}
.px-4{padding-left:1rem;padding-right:1rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.text-whatsapp-foreground{color:var(--whatsapp-foreground)}
.ring-4{outline:4px solid color-mix(in oklab,var(--whatsapp) 20%,transparent)}
.ring-whatsapp\/20{outline-color:color-mix(in oklab,var(--whatsapp) 20%,transparent)}
.transition{transition:all .15s ease}
.hover\:scale-105:hover{transform:scale(1.05)}
@media(min-width:640px){.sm\:bottom-7{bottom:1.75rem}
}
@media(min-width:640px){.sm\:right-7{right:1.75rem}
}
.h-7{height:1.75rem}
.w-7{width:1.75rem}
.shrink-0{flex-shrink:0}
.hidden{display:none}
@media(min-width:640px){.sm\:inline{display:inline}
}
.justify-between{justify-content:space-between}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.gap-8{gap:2rem}
.opacity-85{opacity:0.85}
@media(min-width:768px){.md\:flex{display:flex}
}
.bg-accent{background-color:var(--accent)}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.text-accent-foreground{color:var(--accent-foreground)}
.grid{display:grid}
.gap-12{gap:3rem}
.pb-24{padding-bottom:6rem}
.pt-12{padding-top:3rem}
@media(min-width:768px){.md\:grid-cols-\[1\.2fr_1fr\]{grid-template-columns:1.2fr 1fr}
}
@media(min-width:768px){.md\:pt-20{padding-top:5rem}
}
.inline-flex{display:inline-flex}
.gap-2{gap:0.5rem}
.border{border-width:1px}
.border-primary-foreground\/20{border-color:color-mix(in oklab,var(--primary-foreground) 20%,transparent)}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.text-xs{font-size:.75rem;line-height:1rem}
.opacity-90{opacity:0.9}
.h-3\.5{height:0.875rem}
.w-3\.5{width:0.875rem}
.mt-6{margin-top:1.5rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.font-extrabold{font-weight:800}
.leading-tight{line-height:1.25}
@media(min-width:768px){.md\:text-6xl{font-size:3.75rem;line-height:1}
}
.max-w-xl{max-width:36rem}
.mt-8{margin-top:2rem}
.justify-center{justify-content:center}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem}
.hover\:brightness-110:hover{filter:brightness(1.1)}
.border-primary-foreground\/30{border-color:color-mix(in oklab,var(--primary-foreground) 30%,transparent)}
.hover\:bg-primary-foreground\/10:hover{background-color:color-mix(in oklab,var(--primary-foreground) 10%,transparent)}
.rounded-3xl{border-radius:1.5rem}
.bg-card{background-color:var(--card)}
.p-8{padding:2rem}
.text-card-foreground{color:var(--card-foreground)}
.mt-2{margin-top:0.5rem}
.text-6xl{font-size:3.75rem;line-height:1}
.text-primary{color:var(--primary)}
.space-y-2 > * + *{margin-top:.5rem}
.h-4{height:1rem}
.w-4{width:1rem}
.scroll-mt-20{scroll-margin-top:5rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
@media(min-width:768px){.md\:py-28{padding-top:7rem;padding-bottom:7rem}
}
.uppercase{text-transform:uppercase}
.tracking-widest{letter-spacing:.1em}
.mt-3{margin-top:0.75rem}
.max-w-2xl{max-width:42rem}
@media(min-width:768px){.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
}
.mt-12{margin-top:3rem}
@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.rounded-2xl{border-radius:1.25rem}
.p-6{padding:1.5rem}
.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}
.h-11{height:2.75rem}
.w-11{width:2.75rem}
.rounded-xl{border-radius:1rem}
.bg-accent\/15{background-color:color-mix(in oklab,var(--accent) 15%,transparent)}
.h-5{height:1.25rem}
.w-5{width:1.25rem}
.bg-secondary{background-color:var(--secondary)}
@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.h-6{height:1.5rem}
.w-6{width:1.5rem}
.gap-4{gap:1rem}
.bg-primary{background-color:var(--primary)}
@media(min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.relative{position:relative}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.text-5xl{font-size:3rem;line-height:1}
.space-y-3 > * + *{margin-top:.75rem}
.divide-y > * + *{border-top-width:1px}
.cursor-pointer{cursor: pointer}
.list-none{list-style:none}
.group[open] .group-open\:rotate-180{transform:rotate(180deg)}
.text-center{text-align:center}
@media(min-width:640px){.sm\:p-10{padding:2.5rem}
}
.mt-7{margin-top:1.75rem}
.mt-5{margin-top:1.25rem}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.hover\:shadow-soft:hover{box-shadow:0 20px 50px -24px color-mix(in oklab,var(--primary) 35%,transparent)}