/* 2026-09-18 design pass: deliberate layout, small-size logo, no radar overlap */
.mark{width:40px;height:40px;display:block;overflow:visible}
.hero{padding:56px 0 24px}
.hero-copy{text-align:center;max-width:920px;margin:0 auto 38px}
.hero h1{font-size:clamp(58px,7.6vw,100px);margin:14px 0 18px}
.hero-copy p{max-width:720px;font-size:clamp(18px,2vw,23px);line-height:1.52}

.radar-shell{
  min-height:0;
  overflow:hidden;
  border-radius:34px;
  padding:28px 32px 28px;
  background:radial-gradient(circle at 50% 43%,rgba(255,102,82,.13),transparent 31%),#311224;
  box-shadow:0 34px 90px rgba(37,18,31,.15);
}
.radar-ui-top{
  font-size:10px;
  line-height:1.7;
  letter-spacing:.15em;
}
.radar-board{
  position:relative;
  height:430px;
  min-height:0;
  margin-top:4px;
}
.grid-ring{
  width:420px;
  height:420px;
  top:2px;
}
.sweep{
  width:420px;
  height:420px;
  top:2px;
}
.center-orb{
  top:116px;
  background:#ff705d;
  box-shadow:0 0 58px rgba(255,102,82,.34);
}
.center-orb strong{font-size:52px}
.n-wear{left:16%;top:86px}
.n-blood{right:14%;top:86px}
.n-history{left:15%;top:290px}
.n-goals{right:14%;top:290px}

.next-step{
  position:relative;
  left:auto;
  bottom:auto;
  transform:none;
  width:min(790px,calc(100% - 24px));
  margin:-8px auto 0;
  padding:19px 22px;
  border-radius:24px;
  background:var(--paper);
  box-shadow:0 22px 54px rgba(19,8,14,.2);
}
.next-step .label{
  margin-bottom:10px;
  font-size:10px;
}
.next-row{
  grid-template-columns:58px 1fr 24px;
  gap:16px;
}
.step-icon{
  width:52px;
  height:52px;
  font-size:24px;
}
.step-main strong{
  font-size:clamp(28px,3vw,39px);
  line-height:1.06;
}
.step-main p{
  margin:6px 0 0;
  line-height:1.45;
}
.step-arrow{font-size:30px}

.comparison-strip{
  display:grid;
  grid-template-columns:1fr 1fr 1.18fr;
  margin-top:32px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.comparison-strip>div{
  padding:20px 24px;
  border-right:1px solid var(--line);
}
.comparison-strip>div:first-child{padding-left:0}
.comparison-strip>div:last-child{border-right:0;padding-right:0}
.comparison-strip span{
  display:block;
  color:#80756e;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:8px;
}
.comparison-strip strong{
  font-size:17px;
  letter-spacing:-.025em;
}
.amity-compare strong{color:var(--accent)}

.split{
  grid-template-columns:.95fr 1.05fr;
  gap:26px;
  align-items:stretch;
}
.editorial-block{padding:18px 6px 10px 0}
.editorial-block h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(44px,5vw,66px);
  letter-spacing:-.055em;
  line-height:.96;
  margin:10px 0 18px;
  max-width:560px;
}
.editorial-block>p{
  color:#625851;
  font-size:16px;
  line-height:1.62;
  max-width:590px;
}
.longevity-list{
  margin-top:26px;
  border-top:1px solid var(--line);
}
.longevity-list>div{
  grid-template-columns:52px 1fr;
  gap:16px;
  padding:17px 0;
  border-top:0;
  border-bottom:1px solid var(--line);
}
.longevity-list>div:first-child{padding-top:17px}
.longevity-list span{
  width:auto;
  height:auto;
  border-radius:0;
  display:block;
  background:none;
  color:var(--accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
}
.longevity-list p{
  color:#70665f;
  font-size:14px;
}
.longevity-list strong{font-size:16px}

.aging-graphic{
  padding:28px;
  border-radius:28px;
  background:#2d1222;
  box-shadow:0 24px 70px rgba(45,28,24,.1);
}
.aging-graphic h3{font-size:38px}
.curve-card{
  margin-top:16px;
  padding:18px 0 4px;
  border:0;
  border-top:1px solid rgba(255,255,255,.12);
  border-radius:0;
  background:none;
}

.product-section{padding-top:36px}
.product-panel{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:52px;
  padding:34px 0;
  border:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.product-panel h2{
  margin:10px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(44px,5vw,68px);
  letter-spacing:-.055em;
  line-height:.96;
}
.product-panel>p{
  align-self:end;
  margin:0;
  max-width:620px;
  font-size:16px;
  line-height:1.62;
}
.decision-table{
  grid-column:1/-1;
  margin-top:4px;
  border-top:1px solid var(--line);
}
.decision-table>div{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:22px;
  padding:15px 0;
  border-bottom:1px solid var(--line);
}
.decision-table span{color:#776d66}
.decision-result strong{color:var(--accent)}

.wait{
  grid-template-columns:.9fr 1.1fr;
  gap:38px;
  padding:38px;
  border-radius:28px;
  background:#ff6c57;
}
.wait h2{
  margin:9px 0 14px;
  font-size:clamp(44px,5vw,72px);
}
.wait input,.wait select,.wait textarea,.wait button{border-radius:11px}

@media(max-width:900px){
  .split,.wait,.product-panel{grid-template-columns:1fr}
  .product-panel{gap:18px}
}

@media(max-width:620px){
  .mark{width:37px;height:37px}
  .hero{padding-top:38px}
  .hero h1{font-size:54px}
  .hero-copy p{font-size:17px}
  .radar-shell{
    min-height:0;
    padding:17px 12px 18px;
    border-radius:24px;
  }
  .radar-ui-top{
    font-size:8px;
    letter-spacing:.1em;
  }
  .radar-board{
    min-height:0;
    height:365px;
  }
  .grid-ring,.sweep{
    width:260px;
    height:260px;
    top:46px;
  }
  .center-orb{
    width:126px;
    height:126px;
    top:112px;
  }
  .center-orb strong{font-size:36px}
  .center-orb span{font-size:9px}
  .signal-node{
    min-width:100px;
    padding:7px 8px;
    gap:6px;
  }
  .signal-node .icon{
    width:25px;
    height:25px;
    font-size:12px;
  }
  .signal-node b{font-size:11px}
  .n-wear{left:0;top:74px}
  .n-blood{right:0;top:74px}
  .n-history{left:0;top:255px}
  .n-goals{right:0;top:255px}
  .next-step{
    width:100%;
    margin:0 auto;
    padding:14px;
    border-radius:18px;
  }
  .next-row{
    grid-template-columns:44px 1fr 16px;
    gap:9px;
  }
  .step-icon{
    width:42px;
    height:42px;
    font-size:19px;
  }
  .step-main strong{font-size:23px}
  .step-main p{font-size:12px}

  .comparison-strip{
    grid-template-columns:1fr;
    margin-top:22px;
  }
  .comparison-strip>div,
  .comparison-strip>div:first-child,
  .comparison-strip>div:last-child{
    padding:15px 0;
    border-right:0;
    border-bottom:1px solid var(--line);
  }
  .comparison-strip>div:last-child{border-bottom:0}

  .editorial-block{padding-right:0}
  .aging-graphic,.wait{padding:22px}
  .decision-table>div{
    grid-template-columns:1fr;
    gap:4px;
  }
}


.wait-grid-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
@media(max-width:620px){
  .wait-grid-two{grid-template-columns:1fr}
}