/* ==========================================================================
   emaindicator.com — hand-tuned utility CSS
   Reproduces only the Tailwind-style utility classes used in templates.
   Kept small so there's no Node build step on the server.
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; line-height: 1.5; }
body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
               "Segoe UI Emoji";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
img, svg { display: block; max-width: 100%; }
h1, h2, h3, h4, h5, h6, p, ul, ol, figure { margin: 0; padding: 0; }
ul { list-style: none; }
:focus-visible { outline: 2px solid #fbbf24; outline-offset: 2px; }

/* ---------- Palette (slate / amber / emerald / rose) ---------- */
:root {
  --slate-950:#020617; --slate-900:#0f172a; --slate-800:#1e293b;
  --slate-700:#334155; --slate-600:#475569; --slate-500:#64748b;
  --slate-400:#94a3b8; --slate-300:#cbd5e1; --slate-200:#e2e8f0; --slate-100:#f1f5f9;
  --amber-500:#f59e0b; --amber-400:#fbbf24; --amber-300:#fcd34d;
  --orange-600:#ea580c; --orange-500:#f97316;
  --emerald-500:#10b981; --emerald-400:#34d399; --emerald-300:#6ee7b7;
  --rose-500:#f43f5e; --rose-400:#fb7185; --rose-300:#fda4af;
}

/* ---------- Utilities ---------- */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.focus\:not-sr-only:focus { position:static; width:auto; height:auto; padding:0; margin:0; overflow:visible; clip:auto; white-space:normal; }
.focus\:absolute:focus { position:absolute; }
.focus\:top-2:focus { top:.5rem; } .focus\:left-2:focus { left:.5rem; }
.focus\:bg-amber-400:focus { background:var(--amber-400); }
.focus\:text-slate-900:focus { color:var(--slate-900); }
.focus\:px-3:focus { padding-left:.75rem; padding-right:.75rem; }
.focus\:py-1:focus { padding-top:.25rem; padding-bottom:.25rem; }
.focus\:rounded:focus { border-radius:.25rem; }

.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.fixed{position:fixed}
.inset-0{inset:0}.top-0{top:0}.top-2{top:.5rem}.left-2{left:.5rem}.z-30{z-index:30}
.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}
.inline-flex{display:inline-flex}
.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}
.justify-between{justify-content:space-between}.justify-center{justify-content:center}
.flex-wrap{flex-wrap:wrap}
.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}
.gap-x-6{column-gap:1.5rem}.gap-y-2{row-gap:.5rem}

.h-6{height:1.5rem}.h-16{height:4rem}.w-1\.5{width:.375rem}.h-1\.5{height:.375rem}.w-6{width:1.5rem}
.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}
.mx-auto{margin-left:auto;margin-right:auto}
.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}
.pt-16{padding-top:4rem}.pb-12{padding-bottom:3rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}
.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}
.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}

/* Text */
.text-xs{font-size:.75rem;line-height:1rem}.text-\[10px\]{font-size:10px;line-height:14px}
.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}
.font-sans{font-family:ui-sans-serif,system-ui}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.font-normal{font-weight:400}
.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}
.uppercase{text-transform:uppercase}.italic{font-style:italic}
.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}
.tabular-nums{font-variant-numeric:tabular-nums}
.text-center{text-align:center}.text-right{text-align:right}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Colors: text */
.text-white{color:#fff}
.text-slate-100{color:var(--slate-100)}.text-slate-200{color:var(--slate-200)}.text-slate-300{color:var(--slate-300)}.text-slate-400{color:var(--slate-400)}.text-slate-500{color:var(--slate-500)}
.text-amber-400{color:var(--amber-400)}.text-amber-300{color:var(--amber-300)}
.text-emerald-300{color:var(--emerald-300)}.text-emerald-400{color:var(--emerald-400)}
.text-rose-300{color:var(--rose-300)}.text-rose-400{color:var(--rose-400)}
.text-transparent{color:transparent}

/* Colors: bg */
.bg-slate-950{background-color:var(--slate-950)}.bg-slate-900{background-color:var(--slate-900)}.bg-slate-800{background-color:var(--slate-800)}
.bg-slate-900\/30{background-color:rgba(15,23,42,.3)}.bg-slate-900\/50{background-color:rgba(15,23,42,.5)}
.bg-slate-950\/60{background-color:rgba(2,6,23,.6)}.bg-slate-950\/70{background-color:rgba(2,6,23,.7)}
.bg-slate-700\/40{background-color:rgba(51,65,85,.4)}
.bg-amber-400{background-color:var(--amber-400)}.bg-amber-300{background-color:var(--amber-300)}
.bg-amber-500\/10{background-color:rgba(245,158,11,.1)}.bg-amber-500\/15{background-color:rgba(245,158,11,.15)}.bg-amber-500\/20{background-color:rgba(245,158,11,.2)}
.bg-emerald-500\/15{background-color:rgba(16,185,129,.15)}.bg-emerald-500\/20{background-color:rgba(16,185,129,.2)}
.bg-emerald-400{background-color:var(--emerald-400)}
.bg-rose-500\/15{background-color:rgba(244,63,94,.15)}.bg-rose-500\/20{background-color:rgba(244,63,94,.2)}
.bg-rose-400{background-color:var(--rose-400)}
.bg-slate-400{background-color:var(--slate-400)}
.bg-amber-400\/none{}

/* Gradients */
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-grad-from),var(--tw-grad-to))}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-grad-from),var(--tw-grad-via,transparent),var(--tw-grad-to))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-grad-from),var(--tw-grad-to))}
.from-amber-300{--tw-grad-from:var(--amber-300)}
.to-orange-500{--tw-grad-to:var(--orange-500)}
.from-amber-400{--tw-grad-from:var(--amber-400)}
.to-orange-600{--tw-grad-to:var(--orange-600)}
.from-amber-500\/10{--tw-grad-from:rgba(245,158,11,.1)}
.via-slate-950{--tw-grad-via:var(--slate-950)}
.to-slate-950{--tw-grad-to:var(--slate-950)}
.from-slate-900{--tw-grad-from:var(--slate-900)}
.bg-clip-text{-webkit-background-clip:text;background-clip:text}

/* Borders */
.border{border:1px solid var(--slate-800)}
.border-t{border-top:1px solid var(--slate-800)}
.border-b{border-bottom:1px solid var(--slate-800)}
.border-slate-600\/40{border-color:rgba(71,85,105,.4)}
.border-slate-700{border-color:var(--slate-700)}
.border-slate-800{border-color:var(--slate-800)}
.border-slate-800\/80{border-color:rgba(30,41,59,.8)}
.border-amber-500\/30{border-color:rgba(245,158,11,.3)}
.border-emerald-500\/30{border-color:rgba(16,185,129,.3)}
.border-emerald-500\/40{border-color:rgba(16,185,129,.4)}
.border-rose-500\/30{border-color:rgba(244,63,94,.3)}
.border-rose-500\/40{border-color:rgba(244,63,94,.4)}
.border-amber-500\/40{border-color:rgba(245,158,11,.4)}
.rounded{border-radius:.25rem}.rounded-sm{border-radius:.125rem}
.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}
.rounded-full{border-radius:9999px}
.divide-y>*+*{border-top:1px solid var(--slate-800)}
.divide-slate-800\/80>*+*{border-top-color:rgba(30,41,59,.8)}

/* Effects */
.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.overflow-hidden{overflow:hidden}
.pointer-events-none{pointer-events:none}
.shadow{box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06)}

/* Hovers */
.hover\:bg-amber-300:hover{background-color:var(--amber-300)}
.hover\:text-amber-400:hover{color:var(--amber-400)}
.hover\:border-amber-400:hover{border-color:var(--amber-400)}

/* Grid */
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Responsive */
@media (min-width:768px){
  .md\:flex{display:flex}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .md\:text-5xl{font-size:3rem;line-height:1}
  .md\:text-6xl{font-size:3.75rem;line-height:1}
}

/* Divide fix */
.divide-y>*{border-top:1px solid var(--slate-800)}
.divide-y>*:first-child{border-top:0}