/* Premium v7 — approved visualization showcase redesign. */
.preview-section-v2{
  position:relative;
  padding:96px 0 104px;
  background:
    radial-gradient(circle at 7% 12%, rgba(255,255,255,.52), transparent 28%),
    radial-gradient(circle at 94% 88%, rgba(255,255,255,.38), transparent 30%),
    var(--cream);
  overflow:hidden;
}
.preview-section-v2::before,
.preview-section-v2::after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border:1px solid rgba(176,139,99,.20);
  border-radius:50%;
  pointer-events:none;
}
.preview-section-v2::before{left:-270px;bottom:-150px}
.preview-section-v2::after{right:-285px;top:-190px}
.preview-showcase{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
  gap:54px;
  align-items:stretch;
  padding:38px;
  border:1px solid rgba(156,122,91,.12);
  border-radius:34px;
  background:rgba(255,252,248,.78);
  box-shadow:0 24px 60px rgba(72,52,38,.08);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.preview-showcase__visual{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.compare-wrap--premium{
  padding:0;
  border:0;
  border-radius:26px;
  background:transparent;
  box-shadow:none;
}
.preview-section-v2 .compare{
  min-height:0;
  aspect-ratio:1.45;
  border-radius:26px;
  border:1px solid rgba(156,122,91,.16);
  box-shadow:0 18px 38px rgba(65,45,31,.12);
}
.preview-section-v2 .compare-line > .compare-hint{
  font-size:10px;
  padding:9px 14px;
}
.preview-section-v2 .compare-label{
  min-width:76px;
  text-align:center;
}
.preview-showcase__caption{
  display:grid;
  grid-template-columns:minmax(160px,.42fr) minmax(0,1fr);
  gap:28px;
  align-items:center;
  margin-top:24px;
  padding-top:2px;
}
.preview-editorial{
  position:relative;
  padding-right:28px;
  font-family:var(--serif);
  font-style:italic;
  font-size:clamp(27px,2.2vw,36px);
  line-height:1.05;
  color:var(--gold);
}
.preview-editorial::after{
  content:"";
  position:absolute;
  top:9px;
  bottom:9px;
  right:0;
  width:1px;
  background:rgba(156,122,91,.24);
}
.preview-editorial span{
  display:block;
  width:42px;
  height:1px;
  margin-top:16px;
  background:var(--gold);
}
.preview-showcase__caption .image-disclaimer{
  margin:0;
  max-width:510px;
  font-size:11px;
  line-height:1.7;
}
.preview-showcase__content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:6px 8px 4px 2px;
}
.preview-showcase__content .eyebrow{margin-bottom:20px}
.preview-showcase__content h2{
  max-width:570px;
  margin-bottom:20px;
  font-size:clamp(45px,4.1vw,64px);
  line-height:.98;
}
.preview-showcase__lead{
  max-width:47ch;
  font-size:13px;
  line-height:1.8;
  color:#5b4f46;
}
.preview-benefits{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin:30px 0 28px;
}
.preview-benefit{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  gap:16px;
  align-items:center;
}
.preview-benefit__icon{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:50%;
  color:var(--gold-dark);
  background:linear-gradient(180deg,#f7efe7,#efe3d7);
  border:1px solid rgba(156,122,91,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 9px 18px rgba(72,52,38,.06);
}
.preview-benefit__icon .icon{width:22px;height:22px}
.preview-benefit>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.preview-benefit strong{
  font-size:13px;
  font-weight:600;
  color:var(--ink);
}
.preview-benefit span:not(.preview-benefit__icon){
  font-size:11px;
  line-height:1.55;
  color:var(--muted);
}
.preview-copy .preview-cta--wide,
.preview-showcase__content .preview-cta--wide{
  width:100%;
  max-width:520px;
  min-height:64px;
  margin-top:0;
  border-radius:18px;
  padding-left:26px;
}
.preview-showcase__microcopy{
  margin:13px 0 0;
  max-width:500px;
  font-size:10px;
  line-height:1.6;
  color:var(--muted);
}

@media(max-width:1190px){
  .preview-showcase{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:36px;padding:30px}
  .preview-showcase__content h2{font-size:clamp(42px,4vw,56px)}
  .preview-benefits{margin:24px 0}
}

@media(max-width:990px){
  .preview-section-v2{padding:72px 0 78px}
  .preview-showcase{grid-template-columns:1fr;gap:34px;padding:26px}
  .preview-showcase__content{order:1;padding:0}
  .preview-showcase__visual{order:2}
  .preview-showcase__content h2{max-width:620px}
  .preview-showcase__lead{max-width:62ch}
  .preview-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .preview-benefit{grid-template-columns:1fr;gap:10px;align-items:start;padding:16px;border:1px solid rgba(156,122,91,.10);border-radius:18px;background:rgba(255,255,255,.48)}
  .preview-benefit__icon{width:46px;height:46px}
  .preview-showcase__content .preview-cta--wide{max-width:520px}
}

@media(max-width:700px){
  .preview-section-v2{padding:54px 0 60px}
  .preview-showcase{width:calc(100% - 20px);padding:16px;border-radius:24px;gap:26px}
  .preview-showcase__content h2{font-size:clamp(39px,10vw,49px);line-height:1}
  .preview-showcase__lead{font-size:12px}
  .preview-benefits{grid-template-columns:1fr;gap:10px;margin:22px 0}
  .preview-benefit{grid-template-columns:46px minmax(0,1fr);align-items:center;padding:12px;border-radius:16px}
  .preview-benefit__icon{width:46px;height:46px}
  .preview-showcase__content .preview-cta--wide{max-width:none;min-height:58px;border-radius:16px}
  .preview-showcase__caption{grid-template-columns:1fr;gap:14px;margin-top:18px}
  .preview-editorial{padding-right:0;font-size:28px}
  .preview-editorial::after{display:none}
  .preview-showcase__caption .image-disclaimer{font-size:10px}
  .preview-section-v2 .compare{aspect-ratio:1.08}
}