/* Critical CSS - Above the fold content */

/* Font face - Critical font only */
@font-face {
  font-family: 'Montserrat';
  src: url('/assets/fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/assets/fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Critical Tailwind classes - Base styles */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::before,::after{--tw-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}
body{margin:0;line-height:inherit}

/* Dark theme base */
.dark{--tw-bg-opacity:1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}
.dark{color:rgb(248 250 252)}

/* Navigation critical styles */
.navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:all 0.3s ease;background:rgba(15,23,42,0.9);backdrop-filter:blur(10px)}
.navbar.is-sticky{background:rgba(15,23,42,0.95);box-shadow:0 2px 10px rgba(0,0,0,0.1)}

/* Container */
.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}
@media (min-width:640px){.container{max-width:640px}}
@media (min-width:768px){.container{max-width:768px}}
@media (min-width:1024px){.container{max-width:1024px}}
@media (min-width:1280px){.container{max-width:1280px}}

/* Flex utilities */
.flex{display:flex}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.gap-\[30px\]{gap:30px}
@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:py-36{padding-top:9rem;padding-bottom:9rem}.md\:me-6{margin-inline-end:1.5rem}}
.mt-6{margin-top:1.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-5{margin-bottom:1.25rem}
.py-24{padding-top:6rem;padding-bottom:6rem}
.relative{position:relative}
.overflow-hidden{overflow:hidden}
.bg-cover{background-size:cover}
.bg-center{background-position:center}
.bg-no-repeat{background-repeat:no-repeat}
.uppercase{text-transform:uppercase}
.tracking-wider{letter-spacing:.1em}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-slate-400{color:rgb(148 163 184)}
.lg\:text-\[54px\]{font-size:54px}
.text-\[42px\]{font-size:42px}
.rounded-full{border-radius:9999px}
.size-\[400px\]{width:400px;height:400px}
@media (min-width:1024px){.md\:size-\[500px\]{width:500px;height:500px}}
.z-1{z-index:1}
.z-2{z-index:2}
.absolute{position:absolute}
.bottom-1\/2{bottom:50%}
.translate-y-1\/2{transform:translateY(50%)}
.start-1\/2{inset-inline-start:50%}
.rtl\:translate-x-1\/2:where([dir="rtl"] *){transform:translateX(50%)}
.ltr\:-translate-x-1\/2:where([dir="ltr"] *){transform:translateX(-50%)}
.mx-auto{margin-left:auto;margin-right:auto}
.w-80{width:20rem}
.rotate-12{--tw-rotate:12deg;transform:rotate(var(--tw-rotate))}
.rounded-\[1\.5rem\]{border-radius:1.5rem}
.h-12{height:3rem}
.m-1{margin:.25rem}
.inline-block{display:inline-block}
.w-auto{width:auto}

/* Font utilities */
.font-sans{font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}

/* Text utilities */
.text-white{color:rgb(255 255 255)}
.text-red-600{color:rgb(220 38 38)}
.text-lg{font-size:1.125rem;line-height:1.75rem}

/* Spacing */
.h-10{height:2.5rem}
.ms-2{margin-inline-start:0.5rem}
.me-8{margin-inline-end:2rem}

/* Navigation links */
.nav-link{color:rgb(248 250 252);text-decoration:none;padding:0.5rem 1rem;transition:color 0.3s ease;position:relative}
.nav-link:hover,.nav-link.active{color:#ef4444}
.nav-link.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#ef4444;border-radius:1px}

/* Hero section critical styles */
.hero-section{padding-top:5rem;min-height:100vh;display:flex;align-items:center}
.hero-title{font-size:42px!important}
@media (min-width:1024px){.hero-title{font-size:54px!important}}

/* Smooth scroll */
html{scroll-behavior:smooth}
.scroll-smooth{scroll-behavior:smooth}

/* Basic responsive utilities */
.hidden{display:none}
@media (min-width:1024px){.lg_992\\:flex{display:flex}.lg_992\\:order-1{order:1}}

/* Loading states */
.opacity-0{opacity:0}
.visibility-hidden{visibility:hidden}

/* Image optimization */
img{height:auto;max-width:100%}