/* ANVINARA visual polish layer - loaded after the main stylesheet */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/inter-latin.woff2) format("woff2")}

:root{
  --primary:221 83% 45%;
  --secondary:226 70% 20%;
  --accent:34 96% 52%;
  --ring:221 83% 45%;
  --foreground:222 47% 11%;
  --border:220 20% 90%;
  --input:220 20% 86%;
  --radius:.625rem;
}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:#0f172a;overflow-x:hidden}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4{letter-spacing:-.02em}
::selection{background:hsl(var(--primary)/.18)}

/* Header */
header.sticky{background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom-color:#e8ecf3;box-shadow:0 1px 2px rgba(15,23,42,.04)}
header nav a.font-medium{font-size:.95rem;color:#334155}
header nav a.font-medium:hover{color:hsl(var(--primary))}

/* Headings */
h1.font-black{font-weight:800;letter-spacing:-.035em;line-height:1.06}
h1.text-6xl{font-size:clamp(2.5rem,9.5vw,4.75rem)}
h1.text-5xl,h1.text-4xl{letter-spacing:-.03em;font-weight:800}
h2.font-bold{letter-spacing:-.025em}
.drop-shadow-lg{filter:none}

/* Hero stats */
.grid.grid-cols-3.border-t{gap:1rem}
.grid.grid-cols-3.border-t .font-black{color:#fff;font-weight:800;font-size:clamp(1.6rem,6vw,2.75rem);line-height:1.1;white-space:nowrap}
.grid.grid-cols-3.border-t .group .font-semibold{font-size:clamp(.78rem,2.9vw,1rem);font-weight:500;margin-top:.35rem}
.group:hover .group-hover\:scale-110{transform:none}

/* Buttons */
button.inline-flex,a.inline-flex{font-weight:600;border-radius:.625rem;transition:background-color .15s,box-shadow .15s,transform .15s,border-color .15s}
button.inline-flex.bg-primary,button.bg-primary{box-shadow:0 1px 2px rgba(15,23,42,.08),0 4px 12px hsl(var(--primary)/.22)}
button.inline-flex.bg-primary:hover,button.bg-primary:hover{box-shadow:0 2px 4px rgba(15,23,42,.1),0 8px 20px hsl(var(--primary)/.28)}
button.bg-accent{color:#1f1300;box-shadow:0 1px 2px rgba(15,23,42,.08),0 4px 12px hsl(var(--accent)/.28)}
button.inline-flex:active{transform:translateY(1px)}
button.text-lg{font-size:1rem}
/* outline button placed on a dark band was white-on-white */
button.border-white.text-white{background-color:transparent;border-width:1.5px}
button.border-white.text-white:hover{background-color:rgba(255,255,255,.12);color:#fff}

/* Cards */
.rounded-xl{border-radius:1rem}
.border-gray-100,.border-gray-200{border-color:#e6eaf2}
.shadow-sm{box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 20px rgba(15,23,42,.04)}
.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:0 2px 4px rgba(15,23,42,.04),0 16px 36px rgba(15,23,42,.09)}
.hover\:shadow-lg,.hover\:shadow-xl{transition:box-shadow .2s,border-color .2s,transform .2s}

/* Icon tiles: one calm style instead of a rainbow */
.bg-gradient-to-br.rounded-lg.w-14.h-14{background-image:none;background-color:hsl(var(--primary)/.09);border:1px solid hsl(var(--primary)/.12)}
.bg-gradient-to-br.rounded-lg.w-14.h-14 svg{color:hsl(var(--primary))}

/* Emoji used as stat icons */
.text-center>p.text-5xl.mb-3:first-child{display:none}

/* Pricing cards: buttons were spilling out of the card */
.flex.gap-2:has(>button.flex-1.border-input){flex-wrap:wrap}
.flex.gap-2>button.flex-1.border-input{flex:1 1 100%}
.flex.gap-2>button.flex-1{padding-left:.75rem;padding-right:.75rem;min-width:0}

/* Forms */
input,select,textarea{font-size:1rem}
select.border{background-color:#fff;height:3rem;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.5rem}
input.border,select.border,textarea.border{border-color:#d5dbe7;border-radius:.625rem}
input.border:focus,select.border:focus,textarea.border:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.14)}

/* Footer */
footer.bg-gray-900{background-color:#0b1224;margin-top:0}
footer a{transition:color .15s}

@media (max-width:640px){
  h2.text-4xl{font-size:1.875rem;line-height:1.2}
  section.py-20{padding-top:3.5rem;padding-bottom:3.5rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}