:root{
  --blue:#0a67ad;
  --navy:#0b4f8a;
  --orange:#f39200;
  --ink:#18324d;
  --soft:#eef7fc;
  --line:#d6e9f4;
  --white:#fff;
  --shadow:0 22px 55px rgba(8,75,122,.16);
}
*{box-sizing:border-box}
html,body{
  margin:0;
  min-height:100%;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:radial-gradient(circle at 82% 8%,#cceffc 0,#eef7fc 42%,#f8fcff 100%);
}
body{padding:0 0 48px}
.sales-shell{width:min(1180px,92vw);margin:0 auto}
.hero{
  min-height:650px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:54px;
  align-items:center;
  padding:52px 0 42px;
}
.logo{width:min(330px,72vw);height:auto;margin-bottom:34px}
.eyebrow,.section-kicker{
  margin:0 0 10px;
  color:var(--blue);
  font-size:13px;
  font-weight:900;
  letter-spacing:.09em;
}
h1{
  margin:0;
  color:var(--navy);
  font-size:clamp(42px,5vw,70px);
  line-height:1.02;
}
.lead{
  margin:28px 0 0;
  max-width:690px;
  font-size:21px;
  line-height:1.55;
  color:#4d687d;
}
.product-visual{
  position:relative;
  aspect-ratio:1.08/1;
  min-height:420px;
}
.board-preview{
  position:absolute;
  left:2%;
  top:10%;
  width:88%;
  border-radius:24px;
  box-shadow:var(--shadow);
  transform:rotate(-3deg);
}
.sample-card{
  position:absolute;
  width:20%;
  min-width:94px;
  border-radius:12px;
  box-shadow:0 18px 36px rgba(4,45,75,.28);
}
.card-one{right:3%;bottom:4%;transform:rotate(8deg)}
.card-two{right:21%;bottom:-1%;transform:rotate(-5deg)}
.card-three{right:39%;bottom:4%;transform:rotate(3deg)}

.value-section{
  background:rgba(255,255,255,.86);
  border:1px solid rgba(214,233,244,.9);
  border-radius:34px;
  padding:48px;
  box-shadow:var(--shadow);
}
.value-section h2,.cta-copy h2{
  margin:0;
  color:var(--navy);
  font-size:clamp(30px,3.4vw,48px);
  line-height:1.08;
}
.value-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:32px;
}
.value-card{
  min-height:220px;
  padding:28px;
  border-radius:24px;
  background:#f8fcff;
  border:1px solid var(--line);
}
.value-card strong{
  display:block;
  color:var(--navy);
  font-size:28px;
  line-height:1.1;
}
.value-card p{
  margin:14px 0 0;
  color:#536f84;
  font-size:17px;
  line-height:1.5;
}
.evolve-card{
  grid-column:1 / -1;
  min-height:auto;
  background:#fff8ed;
  border:2px solid #f2bd69;
}
.evolve-card strong{color:#a65f00}

.cta-section{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:34px;
  align-items:center;
  margin-top:36px;
  padding:48px;
  border-radius:34px;
  background:var(--navy);
  color:#fff;
  box-shadow:var(--shadow);
}
.cta-copy .section-kicker{color:#8fd4ff}
.cta-copy h2{color:#fff}
.cta-copy p{
  margin:24px 0 0;
  color:#d8edf9;
  font-size:19px;
  line-height:1.55;
}
.price-box{
  padding:30px;
  border-radius:26px;
  background:#fff;
  color:var(--ink);
  text-align:center;
}
.price-label{
  display:block;
  color:#6a8294;
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.price{
  display:block;
  margin-top:8px;
  color:var(--navy);
  font-size:48px;
  line-height:1;
}
.launch-offer{
  margin:20px 0;
  padding:15px 16px;
  border-radius:16px;
  background:#fff5e5;
  color:#8d5509;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.launch-offer b{font-size:17px}
.launch-offer span{font-size:13px}
.buy-button{
  display:block;
  padding:17px 20px;
  border-radius:16px;
  background:var(--orange);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  font-size:18px;
  box-shadow:0 12px 24px rgba(243,146,0,.25);
}
.replay-link{
  display:inline-block;
  margin-top:18px;
  color:var(--navy);
  font-weight:800;
  text-decoration:none;
}
.patient-note{
  margin:28px auto 0;
  max-width:880px;
  padding:22px 26px;
  text-align:center;
  color:#5b7488;
}
.patient-note strong{color:var(--navy);font-size:18px}
.patient-note p{margin:8px 0 0;line-height:1.5}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:34px}
  .product-visual{min-height:390px}
  .value-grid{grid-template-columns:1fr 1fr}
  .evolve-card{grid-column:1 / -1}
  .cta-section{grid-template-columns:1fr}
}
@media(max-width:620px){
  body{padding-bottom:24px}
  .hero{gap:20px}
  .lead{font-size:18px}
  .product-visual{min-height:310px}
  .sample-card{width:24%;min-width:74px}
  .value-section,.cta-section{padding:28px 22px;border-radius:26px}
  .value-grid{grid-template-columns:1fr}
  .evolve-card{grid-column:auto}
  .value-card{min-height:auto}
  .price{font-size:42px}
}

.group-card{
  grid-column:1 / -1;
  min-height:auto;
  background:#eef8ff;
  border:2px solid #b8dced;
}
.group-card strong{color:var(--blue)}

.patient-action{
  margin-top:34px;
  padding:28px 32px;
  border-radius:24px;
  background:#eef8ff;
  border:2px solid #b8dced;
}
.patient-action strong{
  display:block;
  color:var(--navy);
  font-size:24px;
  line-height:1.25;
}
.patient-action p{
  max-width:820px;
  margin:12px auto 0;
  color:#4d687d;
  font-size:18px;
  line-height:1.55;
}