:root{
  --paper:#f8f5f1;
  --ink:#121116;
  --muted:#777178;
  --line:#ddd7d2;
  --pink:#f5007a;
  --soft:#f3e7ec;
  --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}
body{font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block}
.coming-shell{
  width:min(1480px,calc(100% - 28px));
  min-height:100vh;
  margin:0 auto;
  display:flex;
  flex-direction:column;
}
.topbar{
  height:92px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand img{width:44px;height:44px;object-fit:cover;border-radius:9px}
.brand-copy{display:flex;flex-direction:column;line-height:.86}
.brand-copy strong{font-size:24px;font-weight:900;letter-spacing:-1.8px}
.brand-copy small{font-size:8px;font-weight:800;letter-spacing:4.8px;margin-top:8px}
.status-dot{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:900;letter-spacing:.16em}
.status-dot i{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px rgba(245,0,122,.08)}

.coming-hero{
  flex:1;
  min-height:680px;
  display:grid;
  grid-template-columns:1fr .9fr;
  align-items:center;
  gap:70px;
  padding:70px 0;
}
.eyebrow{color:var(--pink);font-size:10px;font-weight:900;letter-spacing:.22em;margin:0 0 24px}
h1{
  font-size:clamp(64px,8.4vw,138px);
  line-height:.82;
  letter-spacing:-7px;
  margin:0;
  font-weight:900;
  max-width:850px;
}
h1 em{font-family:var(--serif);font-weight:500;color:var(--pink)}
.lead{
  max-width:680px;
  font-size:20px;
  line-height:1.55;
  margin:38px 0 0;
  color:#39353a;
}
.sub{
  margin:18px 0 0;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.year-block{
  min-height:470px;
  border:1px solid var(--line);
  background:linear-gradient(150deg,#fff 0%,#fff 42%,#fbe7ef 100%);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:34px;
  border-radius:28px;
  position:relative;
  overflow:hidden;
}
.year-block:after{
  content:"";
  width:360px;
  height:360px;
  border:1px solid rgba(245,0,122,.18);
  border-radius:50%;
  position:absolute;
  right:-130px;
  bottom:-150px;
}
.year-block span{font-size:10px;font-weight:900;letter-spacing:.22em;color:var(--pink)}
.year-block strong{
  font-size:clamp(105px,13vw,210px);
  line-height:.72;
  letter-spacing:-11px;
  font-weight:900;
  position:relative;
  z-index:1;
}

.vision-line{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:grid;
  grid-template-columns:1fr 1fr 1.6fr;
  gap:0;
}
.vision-line p{
  margin:0;
  min-height:118px;
  display:flex;
  align-items:center;
  padding:26px 30px;
  border-right:1px solid var(--line);
  color:var(--muted);
  font-size:12px;
  line-height:1.6;
}
.vision-line p:last-child{border-right:0;color:var(--ink)}
.vision-line strong{font-family:var(--serif);font-size:20px;line-height:1.35}

.footer{
  min-height:150px;
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:40px;
}
.footer>div:first-child span{font-size:9px;font-weight:900;letter-spacing:.16em}
.footer>div:first-child p{margin:8px 0 0;color:var(--muted);font-size:10px}
.footer-links{display:flex;gap:22px;font-size:10px;font-weight:900}
.footer-links a:hover{color:var(--pink)}
.footer small{color:var(--muted);font-size:9px}

@media(max-width:900px){
  .coming-hero{grid-template-columns:1fr;gap:36px;padding:55px 0}
  .year-block{min-height:330px}
  .vision-line{grid-template-columns:1fr}
  .vision-line p{border-right:0;border-bottom:1px solid var(--line);min-height:auto}
  .vision-line p:last-child{border-bottom:0}
  .footer{grid-template-columns:1fr;gap:20px;padding:38px 0}
}
@media(max-width:620px){
  .coming-shell{width:calc(100% - 24px)}
  .topbar{height:76px}
  .brand-copy{display:none}
  .status-dot{font-size:8px}
  .coming-hero{min-height:auto;padding:52px 0}
  h1{font-size:57px;letter-spacing:-4px}
  .lead{font-size:17px}
  .sub{line-height:1.7}
  .year-block{min-height:270px;border-radius:20px;padding:24px}
  .year-block strong{font-size:112px;letter-spacing:-7px}
  .vision-line p{padding:22px 0}
  .footer{padding:32px 0 40px}
}