
.content-card{
  border-radius:14px;
  padding:1.75rem;
  background:#ffffff;
  box-shadow:0 8px 24px rgba(0,0,0,.1);
  transition:transform .3s;
  transform-style:preserve-3d;
  border-top:3px solid var(--accent);
}
.content-card:hover{transform:perspective(800px) rotateX(4deg) rotateY(-4deg) translateY(-4px)}
.card-mark{display:block;width:34px;height:34px;margin-bottom:var(--space-1)}
.card-title{margin:0 0 0.4rem;color:var(--ink)}
.card-text{margin:0;font-size:var(--fluid-font-sm);color:var(--text);line-height:1.65}


.price-line{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline;margin:var(--space-3) 0}
.price-now{font-family:Georgia,'Times New Roman',serif;font-size:var(--fluid-font-num);font-weight:700;color:var(--sand);line-height:1}
.price-was{color:var(--bone-dim);text-decoration:line-through;font-size:var(--fluid-font-md)}
.price-save{
  background:var(--accent);
  color:#ffffff;
  font-size:var(--fluid-font-xs);
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  padding:0.28rem 0.7rem;
  transform:skewX(-10deg);
}
.price-save > .button-label{display:inline-block;transform:skewX(10deg)}
.trust-strip{display:flex;flex-wrap:wrap;gap:0.5rem;list-style:none;margin:0 0 var(--space-3);padding:0}
.trust-chip{
  border:1px solid var(--ink-line);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:var(--bone-dim);
  font-size:var(--fluid-font-xs);
  letter-spacing:0.05em;
  text-transform:uppercase;
  padding:0.36rem 0.75rem;
  margin:0;
}


.faq-list{list-style:none;margin:0;padding:0}
.faq-item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1.25rem;
  padding:1.25rem 0;
  border-bottom:1px solid #eee;
  margin:0;
}
.faq-num{font-size:1.6rem;font-weight:800;color:var(--accent);font-family:Georgia,'Times New Roman',serif;line-height:1.1}
.faq-body{margin:0}
.faq-question{margin:0 0 0.35rem;color:var(--ink)}
.faq-answer{margin:0;color:var(--text);font-size:var(--fluid-font-sm);line-height:1.7}


.step-row{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--paper-line);margin:0}
.step-number{font-family:Georgia,'Times New Roman',serif;font-size:1.6rem;font-weight:800;color:var(--accent);line-height:1.1}
.step-body{margin:0}
.step-title{margin:0 0 0.3rem;color:var(--ink)}
.step-text{margin:0;font-size:var(--fluid-font-sm);color:var(--text)}


.spec-list{list-style:none;margin:var(--space-3) 0 0;padding:0;border-top:1px solid var(--paper-line)}
.spec-row{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:space-between;padding:0.6rem 0;border-bottom:1px solid var(--paper-line);margin:0;font-size:var(--fluid-font-sm)}
.spec-key{color:var(--text-soft);letter-spacing:0.03em;text-transform:uppercase;font-size:var(--fluid-font-xs)}
.spec-value{color:var(--ink);font-weight:700}

.terms-item{border-left:3px solid var(--sand);padding:0 0 0 var(--space-2);margin:0}
.terms-title{margin:0 0 0.3rem;color:var(--bone)}
.terms-text{margin:0;color:var(--bone-dim);font-size:var(--fluid-font-sm)}

.benefit-item{border-top:1px solid var(--ink-line);padding:var(--space-2) 0 0;margin:0}
.benefit-index{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--sand);font-size:var(--fluid-font-xs);letter-spacing:0.12em;margin-bottom:0.45rem}
.benefit-title{margin:0 0 0.35rem;color:var(--bone)}
.benefit-text{margin:0;color:var(--bone-dim);font-size:var(--fluid-font-sm)}

.moment-block{background:#ffffff;border-radius:14px;padding:1.75rem;box-shadow:0 8px 24px rgba(0,0,0,.1);transition:transform .3s;transform-style:preserve-3d;margin:0}
.moment-block:hover{transform:perspective(800px) rotateX(4deg) rotateY(-4deg) translateY(-4px)}
.moment-kicker{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fluid-font-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:0.5rem}
.moment-title{margin:0 0 0.35rem;color:var(--ink)}
.moment-text{margin:0;color:var(--text);font-size:var(--fluid-font-sm)}
