/* Tailwind CSS — Production Build (compiled from project classes)
   Generated for: index.html, privacy-policy.html
   Replaces CDN tailwindcss + inline config */

/* ========================================
   BASE RESET (Tailwind Preflight subset)
   ======================================== */
*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor;
}
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
}
body {
    margin: 0;
    line-height: inherit;
}
h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
b, strong {
    font-weight: bolder;
}
img, svg, video {
    display: block;
    vertical-align: middle;
}
img, video {
    max-width: 100%;
    height: auto;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
button, [role="button"] {
    cursor: pointer;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ========================================
   LAYOUT & POSITIONING
   ======================================== */
.fixed { position: fixed; }
.block { display: block; }
.inline-block { display: inline-block; }
.flex { display: flex; }
.hidden { display: none; }

.top-4 { top: 1rem; }
.left-0 { left: 0; }
.right-0 { right: 0; }

.z-50 { z-index: 50; }

.items-center { align-items: center; }
.justify-center { justify-content: center; }
.flex-shrink-0 { flex-shrink: 0; }

.gap-5 { gap: 1.25rem; }
.gap-6 { gap: 1.5rem; }

.mx-auto { margin-left: auto; margin-right: auto; }
.mt-1 { margin-top: 0.25rem; }
.mb-0 { margin-bottom: 0; }
.mb-8 { margin-bottom: 2rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-16 { margin-bottom: 4rem; }

/* ========================================
   SIZING
   ======================================== */
.h-10 { height: 2.5rem; }
.w-auto { width: auto; }
.w-\[90px\] { width: 90px; }
.max-w-2xl { max-width: 42rem; }
.max-w-6xl { max-width: 72rem; }

/* ========================================
   SPACING (PADDING)
   ======================================== */
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.pt-20 { padding-top: 5rem; }

/* ========================================
   TYPOGRAPHY
   ======================================== */
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-\[48px\] { font-size: 48px; }

.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-heading { font-family: "Host Grotesk", Inter, sans-serif; }

.leading-normal { line-height: 1.5; }
.leading-tight { line-height: 1.25; }
.leading-\[1\.0\] { line-height: 1.0; }
.leading-\[1\.1\] { line-height: 1.1; }
.leading-\[1\.2\] { line-height: 1.2; }

.text-center { text-align: center; }

/* ========================================
   COLORS
   ======================================== */
.text-mint-white { color: #F4F9F9; }
.text-light-aqua { color: #94DCE0; }
.text-deep-aqua { color: #00A2AA; }
.text-midnight { color: #021E1D; }

.bg-midnight { background-color: #021E1D; }
.bg-midnight\/90 { background-color: rgb(2 30 29 / 0.9); }
.bg-mint-white { background-color: #F4F9F9; }
.bg-teal { background-color: #29C4CC; }

/* ========================================
   BORDERS
   ======================================== */
.border { border-width: 1px; }
.border-dark-teal { border-color: #003D3C; }
.rounded-full { border-radius: 9999px; }

/* ========================================
   RESPONSIVE: md (≥768px)
   ======================================== */
@media (min-width: 768px) {
    .md\:flex { display: flex; }
    .md\:top-2 { top: 0.5rem; }
    .md\:mt-2 { margin-top: 0.5rem; }
    .md\:mb-10 { margin-bottom: 2.5rem; }
    .md\:mb-14 { margin-bottom: 3.5rem; }
    .md\:mb-16 { margin-bottom: 4rem; }
    .md\:mb-20 { margin-bottom: 5rem; }
    .md\:px-8 { padding-left: 2rem; padding-right: 2rem; }
    .md\:px-12 { padding-left: 3rem; padding-right: 3rem; }
    .md\:py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
    .md\:py-24 { padding-top: 6rem; padding-bottom: 6rem; }
    .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
    .md\:text-\[40px\] { font-size: 40px; }
    .md\:text-\[60px\] { font-size: 60px; }
    .md\:text-\[88px\] { font-size: 88px; }
    .md\:w-\[160px\] { width: 160px; }
}