/* WEB-2 Content — product-specific layer */
.web2-content-preview .connect-product-hero{
  background:
    radial-gradient(circle at 78% 16%,rgba(235,167,82,.20),transparent 34%),
    radial-gradient(circle at 10% 30%,rgba(87,123,229,.10),transparent 28%),
    linear-gradient(135deg,#11151d 0%,#201a18 55%,#35251b 100%);
}
.web2-content-preview .connect-product-hero h1 .accent{color:#efb76f}
.web2-content-preview .web2-kicker{color:#efb76f}
.web2-content-preview .web2-jumpbar a.is-active{
  background:#493321!important;
  box-shadow:inset 0 0 0 1px #765438;
}
.web2-content-preview .web2-product-badges span:before{color:#efb76f}
.content-board{
  position:relative;
  min-height:510px;
  padding:22px;
  border-radius:28px;
  border:1px solid #56412f;
  background:
    radial-gradient(circle at 80% 10%,rgba(239,183,111,.12),transparent 28%),
    linear-gradient(150deg,#241d19,#111820);
  box-shadow:0 36px 85px rgba(0,0,0,.32);
  overflow:hidden;
}
.content-board-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid #48372a}
.content-board-title small{display:block;color:#a69280;font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.content-board-title strong{display:block;color:#fff6ea;font-size:20px;margin-top:4px}
.content-board-chip{padding:7px 10px;border-radius:999px;background:#493523;color:#f0c58e;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.content-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}
.content-stage{padding:12px;border-radius:14px;border:1px solid #4a392c;background:#1a191a;min-height:118px}
.content-stage>span{display:block;color:#978676;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}
.content-stage strong{display:block;color:#fff2e3;font-size:11px;line-height:1.25}
.content-stage small{display:block;color:#ad9884;font-size:8.5px;line-height:1.35;margin-top:6px}
.content-stage.is-active{background:#33251b;border-color:#715033}
.content-stage.is-ready{background:#172a26;border-color:#31564a}
.content-stage.is-ready small{color:#7bcaad}
.content-livrables{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}
.content-livrable-card{padding:14px;border:1px solid #45362b;border-radius:15px;background:#17191d}
.content-livrable-card>span{display:block;color:#907f71;font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.content-asset-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(166,134,101,.12)}
.content-asset-row:first-of-type{border-top:0}
.content-asset-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#33251b;color:#efb76f;font-size:10px;font-weight:850}
.content-asset-row strong{display:block;color:#f4e9dc;font-size:10.5px}
.content-asset-row small{display:block;color:#968576;font-size:8.5px;margin-top:2px}
.content-status{padding:5px 7px;border-radius:999px;background:#423123;color:#eabf88;font-size:8px;font-weight:800;white-space:nowrap}
.content-status.is-ready{background:#173229;color:#72d1ae}
.content-formats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.content-format-card{padding:25px;border-radius:19px;border:1px solid #44362c;background:#181a1e}
.content-format-card span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#efb76f;font-weight:850}
.content-format-card h3{font-size:21px;color:#fff4e8;font-weight:820;margin:10px 0}
.content-format-card p{font-size:13px;color:#b0a092;line-height:1.6;margin:0}
.content-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.content-process-grid article{padding:25px;border-radius:19px;border:1px solid #44362c;background:#181a1e}
.content-process-grid .step{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#3b2b20;color:#efb76f;font-size:10px;font-weight:850;margin-bottom:17px}
.content-process-grid h3{font-size:20px;color:#fff4e8;font-weight:820}
.content-process-grid p{font-size:13px;color:#a9988b;line-height:1.6;margin:0}
.content-fidelity{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.content-fidelity article{padding:28px;border-radius:20px;border:1px solid #46372c;background:#181a1e}
.content-fidelity h3{font-size:24px;color:#fff4e8;font-weight:820;margin-bottom:17px}
.content-fidelity p{font-size:14px;color:#b0a094;line-height:1.7}
.content-fidelity ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.content-fidelity li{position:relative;padding-left:23px;color:#c8b9ac;font-size:14px}
.content-fidelity .yes li:before{content:"✓";position:absolute;left:0;color:#efb76f;font-weight:900}
.content-fidelity .no li:before{content:"—";position:absolute;left:0;color:#947f70;font-weight:900}
.content-social-compare{overflow-x:auto;border:1px solid #46372c;border-radius:20px;background:#181a1e}
.content-social-compare table{width:100%;border-collapse:collapse;min-width:690px}
.content-social-compare th,.content-social-compare td{padding:15px 18px;border-bottom:1px solid #3a2f28;text-align:left}
.content-social-compare th{color:#a08e80;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:850}
.content-social-compare td{color:#ded0c4;font-size:13px}
.content-social-compare td:first-child{font-weight:750;color:#fff4e8}
.content-social-compare .yes{color:#efb76f;font-weight:850}
.content-social-compare .muted{color:#877669}
.content-rights{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.content-rights article{padding:27px;border-radius:20px;border:1px solid #46372c;background:#181a1e}
.content-rights span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#efb76f}
.content-rights h3{font-size:23px;color:#fff4e8;font-weight:820;margin:10px 0}
.content-rights p{color:#b0a094;font-size:14px;line-height:1.65;margin:0}
@media(max-width:991px){
  .content-formats,.content-process-grid{grid-template-columns:repeat(2,1fr)}
  .content-fidelity,.content-rights{grid-template-columns:1fr}
}
@media(max-width:767px){
  .content-board{min-height:0;padding:16px}
  .content-workflow{grid-template-columns:1fr 1fr;gap:7px}
  .content-stage{min-height:105px}
  .content-livrables{grid-template-columns:1fr}
  .content-formats,.content-process-grid{grid-template-columns:1fr;gap:12px}
  .content-format-card,.content-process-grid article,.content-fidelity article,.content-rights article{padding:21px}
  .content-asset-row{grid-template-columns:34px minmax(0,1fr) auto}
  .content-asset-icon{width:34px;height:34px}
}