/* Align score groups and give the preview surfaces a shared sense of depth. */
.landing-page .hero-rows > div {
  grid-template-columns:100px minmax(0,1fr) 164px;
  align-items:center;
}
.landing-page .hero-rows .hero-fit {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  text-align:left;
}
.landing-page .hero-rows .hero-fit small {
  order:-1;
  margin:0;
  min-width:68px;
  white-space:nowrap;
  text-align:right;
}
.landing-page .hero-rows .hero-fit b {
  flex:0 0 72px;
  margin:0;
  padding-top:5px;
  letter-spacing:0;
}
.landing-page #headings .sample-card-fit {
  align-items:center;
}
.landing-page #headings .sample-card-score {
  line-height:1;
  padding-top:5px;
  letter-spacing:0;
}
.landing-page #headings .sample-card-fit-label {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-self:center;
  min-height:82px;
}
.landing-page #cards .heading-fit {
  align-items:center;
  gap:12px;
}
.landing-page #cards .heading-fit strong {
  padding-top:5px;
  letter-spacing:0;
}
.landing-page #cards .heading-fit span {
  line-height:1.25;
}
.landing-page #comparison .comparison-fit {
  flex-direction:row;
  align-items:center;
  gap:12px;
}
.landing-page #comparison .comparison-fit-number {
  flex:0 0 80px;
  width:80px;
  height:56px;
  border-radius:14px;
  padding-top:4px;
  letter-spacing:0;
}
.landing-page #comparison .comparison-fit small {
  white-space:nowrap;
}
.landing-page .hero-dashboard {
  box-shadow:0 32px 78px #102a3525,0 8px 22px #102a3512;
}
.landing-page .preview-main {
  background:radial-gradient(circle at 100% 0%,#dcefeaa8 0%,transparent 42%),linear-gradient(155deg,#fff 12%,#f6faf8 100%);
}
.landing-page .hero-rows > div {
  background:linear-gradient(125deg,#fff 45%,#f5faf8 100%);
  box-shadow:0 5px 14px #102a350b,0 1px 3px #102a3508;
  transition:box-shadow .3s ease,transform .3s ease;
}
.landing-page .hero-rows > div:hover {
  transform:translateY(-2px);
  box-shadow:0 10px 24px #102a3517,0 3px 7px #102a350b;
}
.landing-page #demo .heading-card,
.landing-page #evidence .evidence-card,
.landing-page #sample-report .report-preview,
.landing-page #pricing .price-card {
  background:radial-gradient(circle at 100% 0%,#e6f4ef9e 0%,transparent 45%),linear-gradient(160deg,#fff 25%,#f8fbfa 100%);
  box-shadow:0 18px 42px #102a3518,0 5px 13px #102a350c;
  transition:box-shadow .35s ease,transform .35s ease;
}
.landing-page #demo .heading-card:hover,
.landing-page #evidence .evidence-card:hover,
.landing-page #sample-report .report-preview:hover,
.landing-page #pricing .price-card:hover {
  transform:translateY(-3px);
  box-shadow:0 26px 58px #102a3524,0 8px 19px #102a3510;
}
.landing-page #pricing .price-card.featured {
  background:radial-gradient(circle at 100% 0%,#dcefeab8 0%,transparent 47%),linear-gradient(155deg,#fff 20%,#f3faf7 100%);
  box-shadow:0 23px 52px #17685f24,0 7px 16px #102a350e;
}
.landing-page #pricing .price-card.featured:hover {
  box-shadow:0 30px 64px #17685f2c,0 9px 22px #102a3512;
}
.landing-page #pricing .price-card .price {
  font-weight:700;
}

/* Warm-paper fill with the existing rounded gradient outline. */
.landing-page #pricing .price-card,
.landing-page #pricing .price-card.featured {
  border:2px solid transparent;
  background:linear-gradient(#F7F4EE,#F7F4EE) padding-box,
    var(--brand-dark-gradient) border-box;
  background-color:#F7F4EE;
}

@media(max-width:1050px) {
  .landing-page .hero-rows > div {grid-template-columns:90px minmax(0,1fr) 148px}
  .landing-page .hero-rows .hero-fit small {min-width:58px;font-size:11px}
}
@media(max-width:760px) {
  .landing-page .hero-rows > div {grid-template-columns:minmax(0,1fr) 138px}
  .landing-page .hero-rows .hero-fit {grid-column:2;grid-row:1/3;gap:7px}
  .landing-page .hero-rows .hero-fit b {flex-basis:64px}
}
@media(max-width:520px) {
  .landing-page .hero-rows > div {grid-template-columns:minmax(0,1fr) 112px;gap:5px 8px}
  .landing-page .hero-rows .hero-fit {gap:5px}
  .landing-page .hero-rows .hero-fit small {min-width:47px;font-size:10px;white-space:normal;line-height:1.1}
  .landing-page .hero-rows .hero-fit b {flex-basis:56px;width:56px;height:56px;font-size:21px}
  .landing-page #comparison .comparison-fit-number {flex-basis:72px;width:72px}
}
@media(prefers-reduced-motion:reduce) {
  .landing-page .hero-rows > div,
  .landing-page #demo .heading-card,
  .landing-page #evidence .evidence-card,
  .landing-page #sample-report .report-preview,
  .landing-page #pricing .price-card {transition:none}
}

/* A small, contained lift and enlargement for both pricing choices. */
.landing-page #pricing .price-card{position:relative;transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease}
@media(hover:hover) and (pointer:fine){
  .landing-page #pricing .price-card:is(:hover,:focus-within){transform:translateY(-6px) scale(1.018);z-index:1;box-shadow:0 28px 60px #102a3524,0 8px 20px #102a3510}
}
@media(hover:none),(prefers-reduced-motion:reduce){
  .landing-page #pricing .price-card:is(:hover,:focus-within){transform:none}
}