/* eeat.com holding page - FRESH & BOLD (2026-11-02, stage 5). The colours,
   fonts and badge are the eeat.ie shop's own (customer-app index.html :root).
   Fonts are our own files beside this one - the same files as the shop, OFL
   licence in FONTLICENSES.txt. Contrast measured (WCAG 2.2):
     forest #0B3324 on sage #F4F7EF 12.8:1, on white 13.9:1
     secondary #2F4A3D on sage 8.95:1, on white 9.69:1
     forest on lime #A6E22E 8.95:1  (lime is never text - only fills)
     green #2E6E12 on sage 5.8:1 (the small "Coming soon" label, bold) */
@font-face{ font-family:'Unbounded'; font-style:normal; font-weight:200 900; font-display:swap;
  src:url(/unboundedlatin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face{ font-family:'Schibsted Grotesk'; font-style:normal; font-weight:400 900; font-display:swap;
  src:url(/schibstedlatin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

:root{
  --bg:#F4F7EF; --surface:#FFFFFF; --surface-2:#EAF0E2; --ink:#0B3324; --muted:#2F4A3D;
  --green:#2E6E12; --lime:#A6E22E; --orange:#FF7A1A; --line:#DCE5D3;
  color-scheme:light;
}
*{ box-sizing:border-box; }
html,body{ margin:0; min-height:100%; }
body{
  min-height:100vh; min-height:100dvh;
  display:flex; flex-direction:column;
  background:
    radial-gradient(56rem 36rem at 50% -14rem, rgba(166,226,46,.22), transparent 70%),
    radial-gradient(36rem 26rem at 50% 118%, rgba(255,122,26,.10), transparent 70%),
    var(--bg);
  color:var(--ink);
  font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  font-size:18px; font-weight:500;
  -webkit-font-smoothing:antialiased;
}
.wrap{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:48px 20px 24px; max-width:680px; width:100%; margin:0 auto;
}
.badge{ width:132px; height:132px; border-radius:50%;
  box-shadow:0 0 0 6px var(--surface), 0 0 0 7px var(--line), 0 18px 50px rgba(11,51,36,.14); }
.kicker{
  margin:36px 0 0; font-size:14px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--green);
}
h1{
  margin:14px 0 0; font-family:'Unbounded','Arial Black',system-ui,sans-serif; font-weight:800;
  font-size:clamp(32px, 8vw, 54px); line-height:1.1; letter-spacing:-.015em;
}
.lead{ margin:20px 0 0; max-width:30em; font-size:clamp(17px, 2.6vw, 19px); line-height:1.6; color:var(--muted); }
.where{
  margin:32px 0 0; display:inline-flex; align-items:center; gap:10px;
  padding:12px 20px; border:1px solid var(--line); border-radius:999px; background:var(--surface);
  font-size:16px; font-weight:700; color:var(--ink); box-shadow:0 6px 20px rgba(11,51,36,.06);
}
.dot{ width:10px; height:10px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 4px rgba(166,226,46,.30); }
.foot{ padding:20px; text-align:center; font-size:14px; color:var(--muted); border-top:1px solid var(--line); }
@media (prefers-reduced-motion:no-preference){
  .wrap > *{ animation:rise .7s ease-out both; }
  .wrap > :nth-child(2){ animation-delay:.08s; } .wrap > :nth-child(3){ animation-delay:.16s; }
  .wrap > :nth-child(4){ animation-delay:.24s; } .wrap > :nth-child(5){ animation-delay:.32s; }
}
@keyframes rise{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }