:root{
  --cream-50:#FFFFFF;
  --cream-100:#FBF3E9;
  --cream-200:#F3E4D2;
  --red:#D0161F;
  --red-bright:#E31E27;
  --red-dark:#8A0F16;
  --gold:#B8873A;
  --ink:#2A1D14;
  --ink-dim:#7A6B5E;
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family:'Cairo',sans-serif;
  background:
    radial-gradient(120% 90% at 50% -10%, var(--cream-200) 0%, var(--cream-100) 55%),
    var(--cream-100);
  color:var(--ink);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  position:relative;
}

.visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ---------- Ambient scene ---------- */
.scene{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
}
.drip{
  position:absolute;
  top:0;left:0;
  width:100%;
  height:200px;
  display:block;
  filter:drop-shadow(0 18px 30px rgba(140,20,20,0.18));
}
.glow{
  position:absolute;
  border-radius:50%;
  filter:blur(90px);
  opacity:.28;
}
.glow-a{
  width:420px;height:420px;
  background:var(--red);
  top:-160px;right:-100px;
  opacity:.14;
}
.glow-b{
  width:360px;height:360px;
  background:var(--gold);
  bottom:-140px;left:-120px;
  opacity:.14;
}

/* ---------- Main content ---------- */
.wrap{
  position:relative;
  z-index:1;
  max-width:560px;
  width:100%;
  margin:0 auto;
  padding:150px 28px 60px;
  text-align:center;
}

.logo{display:flex;flex-direction:column;align-items:center;gap:6px;}
.brand-logo{
  height:60px;
  width:auto;
}
.logo-tagline{
  font-size:11px;
  font-weight:600;
  color:rgba(42,29,20,0.45);
  margin-top:8px;
  letter-spacing:.2px;
}

.rule{
  width:64px;height:2px;
  margin:26px auto 30px;
  background:linear-gradient(90deg, transparent, var(--gold), transparent);
}

.headline{
  font-size:clamp(28px,5vw,42px);
  font-weight:800;
  line-height:1.35;
  margin:0 0 16px;
  color:var(--ink);
}

.sub{
  font-size:clamp(14px,1.8vw,16px);
  font-weight:600;
  line-height:1.9;
  color:var(--ink-dim);
  max-width:440px;
  margin:0 auto 44px;
}

/* ---------- Countdown ---------- */
.countdown{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-bottom:44px;
}
.cd-cell{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  background:var(--cream-50);
  border:1px solid rgba(184,135,58,0.3);
  border-radius:16px;
  padding:16px 14px;
  min-width:72px;
  box-shadow:0 14px 26px -18px rgba(90,40,10,0.25);
}
.cd-num{
  font-size:clamp(22px,3.4vw,30px);
  font-weight:800;
  font-variant-numeric:tabular-nums;
  color:var(--red-dark);
}
.cd-label{
  font-size:11.5px;
  font-weight:600;
  color:var(--ink-dim);
}

/* ---------- Notify form ---------- */
.notify-form{
  display:flex;
  gap:10px;
  max-width:420px;
  margin:0 auto;
}
.notify-form input{
  flex:1;
  padding:15px 20px;
  border-radius:999px;
  border:1px solid rgba(42,29,20,0.15);
  background:var(--cream-50);
  color:var(--ink);
  font-family:inherit;
  font-size:14px;
  font-weight:600;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.notify-form input::placeholder{color:rgba(42,29,20,0.4);}
.notify-form input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(184,135,58,0.15);
}
.notify-form button{
  flex-shrink:0;
  padding:15px 26px;
  border:none;
  border-radius:999px;
  background:linear-gradient(180deg, var(--red-bright), var(--red-dark));
  color:#fff;
  font-family:inherit;
  font-weight:700;
  font-size:14px;
  cursor:pointer;
  box-shadow:0 14px 26px -12px rgba(208,22,31,0.45);
  transition:transform .2s ease;
}
.notify-form button:hover{transform:translateY(-2px);}
.notify-form button:focus-visible,
.notify-form input:focus-visible{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

.form-msg{
  min-height:20px;
  margin:14px 0 0;
  font-size:13.5px;
  font-weight:700;
  color:var(--red-dark);
}

/* ---------- Social + footer ---------- */
.social-row{
  display:flex;
  justify-content:center;
  gap:12px;
  margin:46px 0 22px;
}
.social-row a{
  width:38px;height:38px;
  border-radius:50%;
  border:1px solid rgba(42,29,20,0.14);
  background:var(--cream-50);
  display:flex;align-items:center;justify-content:center;
  color:var(--ink-dim);
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.social-row a:hover{
  background:var(--red);
  border-color:var(--red);
  color:#fff;
}
.social-row svg{width:16px;height:16px;}

.copy{
  font-size:12px;
  font-weight:600;
  color:rgba(42,29,20,0.45);
  margin:0;
}

/* ---------- Parent company block ---------- */
.parent-co{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin:0 0 26px;
}
.parent-co-rule{
  width:100%;
  max-width:280px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(184,135,58,0.4), transparent);
  margin-bottom:6px;
}
.parent-co-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.3px;
  color:rgba(42,29,20,0.4);
}
.parent-logo{
  height:26px;
  width:auto;
  opacity:.95;
}
.parent-co-tagline{
  font-size:12.5px;
  font-weight:700;
  color:rgba(42,29,20,0.6);
  margin-top:-2px;
  letter-spacing:.2px;
}
.factory-info{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  margin-top:4px;
}
.info-item{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  font-weight:600;
  color:rgba(42,29,20,0.5);
  line-height:1.8;
  max-width:340px;
  text-align:center;
}
a.info-item{color:rgba(42,29,20,0.65);}
a.info-item:hover{color:var(--red-dark);}
.info-item svg{width:14px;height:14px;flex-shrink:0;opacity:.75;}

/* ---------- Responsive ---------- */
@media (max-width:520px){
  .wrap{padding:120px 20px 50px;}
  .notify-form{flex-direction:column;}
  .notify-form button{width:100%;}
  .countdown{gap:8px;}
  .cd-cell{min-width:60px;padding:12px 8px;border-radius:12px;}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none !important;}
}