/* v60 — homepage product-proof refinement. Warm plum and black palette. */
.marketing-showcase #product-proof.home-product-proof{
  position:relative;
  overflow:hidden;
  padding:108px 0 112px;
  background:
    radial-gradient(circle at 8% 4%,rgba(117,76,125,.15),transparent 30%),
    radial-gradient(circle at 92% 72%,rgba(82,48,89,.13),transparent 34%),
    linear-gradient(180deg,#070208 0%,#0a040c 52%,#060207 100%);
  border-top:1px solid rgba(178,138,187,.12);
  border-bottom:1px solid rgba(178,138,187,.12);
}
.marketing-showcase #product-proof.home-product-proof::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background:linear-gradient(110deg,transparent 0 42%,rgba(178,138,187,.025) 50%,transparent 58%);
}
.marketing-showcase #product-proof .shell{position:relative;z-index:1}
.marketing-showcase #product-proof .proof-intro{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:48px;align-items:end;margin:0 0 42px;
}
.marketing-showcase #product-proof .proof-intro-copy{max-width:790px}
.marketing-showcase #product-proof .proof-intro .eyebrow{margin:0 0 14px;color:#b994c1!important}
.marketing-showcase #product-proof .proof-intro h2{
  margin:0;color:#fbf8fb;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,4.4vw,4.8rem);font-weight:500;line-height:.98;letter-spacing:-.045em;text-wrap:balance;
}
.marketing-showcase #product-proof .proof-intro-note{
  margin:0 0 5px;padding:0 0 2px 22px;border-left:1px solid rgba(185,148,193,.34);color:#bbaebe;font-size:.94rem;line-height:1.68;
}
.marketing-showcase #product-proof .proof-grid-refined{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.marketing-showcase #product-proof .proof-grid-refined .proof-wide{grid-column:1/-1}
.marketing-showcase #product-proof .proof-card{
  position:relative;overflow:hidden;border:1px solid rgba(164,116,174,.24)!important;border-radius:24px!important;
  background:linear-gradient(160deg,rgba(25,11,28,.97),rgba(11,5,13,.985) 66%)!important;
  box-shadow:0 24px 72px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.026)!important;
}
.marketing-showcase #product-proof .proof-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% -8%,rgba(137,91,147,.12),transparent 33%);
}
.marketing-showcase #product-proof .proof-card::after{
  content:"";position:absolute;left:26px;right:26px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,159,208,.62),transparent);opacity:.54;
}
.marketing-showcase #product-proof .proof-card-head{
  position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:25px 28px 21px!important;
  border-bottom:1px solid rgba(154,108,164,.16)!important;background:rgba(21,9,24,.62)!important;
}
.marketing-showcase #product-proof .proof-card-head>div{display:flex;flex-direction:column;gap:7px}
.marketing-showcase #product-proof .proof-kicker{color:#a77caf;font-size:.67rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.marketing-showcase #product-proof .proof-card-head strong{
  color:#f8f4f9;font-family:Georgia,"Times New Roman",serif;font-size:1.42rem!important;font-weight:500;line-height:1.08;letter-spacing:-.018em;
}
.marketing-showcase #product-proof .proof-state{
  flex:0 0 auto;margin-top:1px;padding:7px 10px;border:1px solid rgba(168,123,177,.24);border-radius:999px;background:rgba(92,58,99,.10);color:#bba1c1!important;font-size:.65rem!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;
}
.marketing-showcase #product-proof .proof-body{position:relative;z-index:1;padding:25px 28px 27px!important}
.marketing-showcase #product-proof .world-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}
.marketing-showcase #product-proof .mini-panel{
  min-height:142px;padding:18px 18px 17px!important;border:1px solid rgba(151,104,161,.22)!important;border-radius:16px!important;
  background:linear-gradient(160deg,rgba(18,8,21,.90),rgba(9,4,11,.96))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.marketing-showcase #product-proof .mini-panel .mini-num{display:block;margin-bottom:20px;color:#805988;font-size:.62rem;font-weight:900;letter-spacing:.16em}
.marketing-showcase #product-proof .mini-panel h4{margin:0 0 8px!important;color:#f5eff6!important;font-size:.91rem!important;font-weight:800;letter-spacing:-.01em}
.marketing-showcase #product-proof .mini-panel p{margin:0!important;color:#bcaec0!important;font-size:.79rem!important;line-height:1.55!important}
.marketing-showcase #product-proof .proof-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid rgba(151,104,161,.14);color:#9f8da4;font-size:.76rem}
.marketing-showcase #product-proof .proof-foot a,.marketing-showcase #product-proof .proof-inline-link{color:#c09ac8;text-decoration:none;font-weight:800}
.marketing-showcase #product-proof .proof-foot a b,.marketing-showcase #product-proof .proof-inline-link b{display:inline-block;margin-left:4px;transition:transform .18s ease}
.marketing-showcase #product-proof .proof-foot a:hover b,.marketing-showcase #product-proof .proof-inline-link:hover b{transform:translateX(4px)}
.marketing-showcase #product-proof .proof-record .proof-body{display:flex;min-height:272px;flex-direction:column}
.marketing-showcase #product-proof .mini-ui{gap:12px!important}
.marketing-showcase #product-proof .compact-grid{gap:10px!important}
.marketing-showcase #product-proof .mini-field{
  min-height:76px;padding:14px 15px!important;border:1px solid rgba(151,104,161,.22)!important;border-radius:13px!important;
  background:rgba(10,4,12,.76)!important;color:#eee6f0!important;font-size:.82rem!important;line-height:1.45;
}
.marketing-showcase #product-proof .mini-field.featured-field{min-height:90px;background:linear-gradient(135deg,rgba(49,23,54,.48),rgba(12,5,14,.82))!important;border-color:rgba(178,138,187,.28)!important}
.marketing-showcase #product-proof .mini-field small{display:block;margin-bottom:7px!important;color:#9d7da4!important;font-size:.58rem!important;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.marketing-showcase #product-proof .proof-inline-link{margin-top:auto;padding-top:21px;font-size:.78rem}
.marketing-showcase #product-proof .mini-chat{gap:10px!important;padding:0!important}
.marketing-showcase #product-proof .mini-bubble{
  max-width:88%;padding:12px 14px!important;border:1px solid rgba(147,103,157,.20)!important;border-radius:14px!important;background:rgba(12,5,14,.83)!important;color:#d9cedc!important;font-size:.8rem!important;line-height:1.55!important;
}
.marketing-showcase #product-proof .mini-bubble.user{align-self:flex-end;background:linear-gradient(135deg,rgba(91,55,99,.40),rgba(45,23,50,.52))!important;border-color:rgba(181,138,190,.27)!important;color:#f2eaf3!important}
.marketing-showcase #product-proof .proof-close{
  display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:28px;padding:24px 28px;border:1px solid rgba(151,104,161,.18);border-radius:20px;background:rgba(22,9,25,.54);
}
.marketing-showcase #product-proof .proof-close p{max-width:720px;margin:0;color:#b9abbc;font-size:.9rem;line-height:1.6}
.marketing-showcase #product-proof .proof-close p strong{color:#f4edf5;font-weight:800}
.marketing-showcase #product-proof .proof-close .trust-actions{flex:0 0 auto;margin:0!important}
@media(max-width:1050px){
  .marketing-showcase #product-proof .proof-intro{grid-template-columns:1fr;gap:20px}
  .marketing-showcase #product-proof .proof-intro-note{max-width:720px}
  .marketing-showcase #product-proof .world-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .marketing-showcase #product-proof .proof-close{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
  .marketing-showcase #product-proof.home-product-proof{padding:72px 0 76px}
  .marketing-showcase #product-proof .proof-grid-refined{grid-template-columns:1fr}
  .marketing-showcase #product-proof .proof-grid-refined .proof-wide{grid-column:auto}
  .marketing-showcase #product-proof .world-proof-grid,.marketing-showcase #product-proof .compact-grid{grid-template-columns:1fr}
  .marketing-showcase #product-proof .proof-card-head{flex-direction:column;padding:22px 22px 18px!important}
  .marketing-showcase #product-proof .proof-state{white-space:normal}
  .marketing-showcase #product-proof .proof-body{padding:22px!important}
  .marketing-showcase #product-proof .proof-record .proof-body{min-height:0}
  .marketing-showcase #product-proof .proof-foot{align-items:flex-start;flex-direction:column}
  .marketing-showcase #product-proof .proof-close{padding:22px}
}
