*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:'Roboto',system-ui,sans-serif;color:#2a1747;}
h1,h2,h3,h4{font-family:'Fira Sans Condensed','Roboto',sans-serif;}
a{color:#6D5DF3;}
a:hover{color:#16042E;}
::selection{background:#6D5DF3;color:#fff;}
.grain::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url('https://agency-insights-playbook.instawp.site/wp-content/uploads/2026/08/noise.jpg');background-size:250px 250px;background-repeat:repeat;mix-blend-mode:multiply;opacity:0.5;}
::-webkit-scrollbar{width:11px;} ::-webkit-scrollbar-track{background:#ece6f6;}
::-webkit-scrollbar-thumb{background:#cabfe4;border-radius:8px;border:3px solid #ece6f6;}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;}}
.crumb{color:#998CC2;text-decoration:none;transition:color .2s ease;}
.crumb:hover{color:#fff;}
.seeall{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#6D5DF3;text-decoration:none;white-space:nowrap;transition:gap .2s ease,color .2s ease;}
.seeall:hover{gap:11px;color:#5547d6;}
.tocrow{display:block;padding:7px 0 7px 14px;border-left:2px solid rgba(26,8,48,0.10);color:#7a6d92;font-size:13.5px;line-height:1.4;text-decoration:none;transition:color .2s ease,border-color .2s ease;}
.tocrow:hover{color:#16042E;border-left-color:#cabfe4;}
.railbtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid rgba(26,8,48,0.12);background:#fff;color:#574a6e;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease;}
.railbtn:hover{color:#6D5DF3;border-color:rgba(109,93,243,0.45);background:#f4f0fb;}
.relcard{display:flex;flex-direction:column;gap:12px;text-align:left;border:1px solid rgba(26,8,48,0.10);background:#fff;border-radius:20px;padding:22px 24px;font-family:'Roboto',system-ui,sans-serif;text-decoration:none;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.relcard:hover{transform:translateY(-4px);border-color:rgba(109,93,243,0.40);box-shadow:0 22px 44px -30px rgba(22,4,46,0.5);}
.relcard:hover .rel-title{color:#6D5DF3;}
.rel-title{transition:color .25s ease;}
.tag{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:#574a6e;background:#f4f0fb;border:1px solid rgba(26,8,48,0.08);padding:6px 13px;border-radius:999px;text-decoration:none;transition:border-color .2s ease,color .2s ease;}
a.tag:hover{color:#6D5DF3;border-color:rgba(109,93,243,0.4);}
.prose p{margin:16px 0 0;font-size:17.5px;line-height:1.75;color:#574a6e;text-wrap:pretty;}
.prose strong{color:#2a1747;font-weight:700;}
.prose ul,.prose ol{margin:16px 0 0;padding-left:24px;color:#6D5DF3;}
.prose li{margin:9px 0 0;font-size:17.5px;line-height:1.72;color:#574a6e;}
.prose li ul,.prose li ol{margin:8px 0 0;}
.srccard{display:flex;align-items:center;gap:13px;margin-top:18px;border:1px solid rgba(26,8,48,0.10);background:#fff;border-radius:14px;padding:12px 15px;text-decoration:none;transition:border-color .25s ease,background .25s ease,transform .25s ease;}
.srccard:hover{border-color:rgba(109,93,243,0.4);background:#faf8ff;transform:translateY(-1px);}
.srccard:hover .src-go{gap:9px;color:#5547d6;}
.src-go{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#6D5DF3;white-space:nowrap;transition:gap .2s ease,color .2s ease;}
.talk{display:flex;flex-direction:column;text-decoration:none;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.talk:hover{transform:translateY(-4px);}
.talk .talk-title{transition:color .25s ease;}
.talk:hover .talk-title{color:#6D5DF3;}
.pb-chip{display:inline-flex;align-items:center;gap:7px;font-family:'Roboto',system-ui,sans-serif;font-size:13.5px;font-weight:500;color:#574a6e;background:#fff;border:1px solid rgba(26,8,48,0.10);padding:9px 15px;border-radius:999px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;}
.pb-chip:hover{border-color:rgba(109,93,243,0.45);color:#16042E;}
.pb-chip b{font-weight:500;color:#a396bd;}
.pb-chip.on{background:#16042E;border-color:#16042E;color:#fff;box-shadow:0 12px 26px -16px rgba(22,4,46,0.8);}
.pb-chip.on b{color:#9385FF;}
.play-card{transition:transform .3s ease,border-color .3s ease;text-decoration:none;}
.play-card:hover{transform:translateY(-4px);border-color:rgba(109,93,243,0.4);}
.play-card .pl-title{transition:color .25s ease;}
.play-card:hover .pl-title{color:#6D5DF3;}
.spon{transition:transform .3s ease,border-color .3s ease;}
.spon:hover{transform:translateY(-3px);border-color:rgba(109,93,243,0.4);}
.pbnav{background:rgba(22,4,46,0.0);border-bottom:1px solid rgba(255,255,255,0.10);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;}
.pbnav.solid{background:rgba(255,255,255,0.88);border-bottom-color:rgba(26,8,48,0.10);box-shadow:0 10px 30px -20px rgba(22,4,46,0.35);}
.pbword{color:#fff;transition:color .3s ease;}
.pbnav.solid .pbword{color:#16042E;}
.pbword em{font-style:normal;color:#9385FF;transition:color .3s ease;}
.pbnav.solid .pbword em{color:#6D5DF3;}
.pblink{color:#C8BCE8;text-decoration:none;border-radius:999px;transition:color .22s ease,background .22s ease;}
.pblink:hover{color:#fff;background:rgba(255,255,255,0.09);}
.pbnav.solid .pblink{color:#574a6e;}
.pbnav.solid .pblink:hover{color:#16042E;background:rgba(22,4,46,0.06);}
.pbburger{display:none;color:#fff;}
.pbnav.solid .pbburger{color:#16042E;}
.pbdrawer{display:none;}
.pbf-link{color:#998CC2;text-decoration:none;font-size:14px;line-height:1.5;transition:color .22s ease;}
.pbf-link:hover{color:#fff;}
.pbf-head{font-family:'Fira Sans Condensed',sans-serif;font-size:12.5px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:#6f6191;}
.hpill{display:inline-flex;align-items:center;gap:7px;font-family:'Roboto',system-ui,sans-serif;font-size:13.5px;font-weight:500;color:#C8BCE8;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.16);padding:9px 15px;border-radius:999px;text-decoration:none;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease;}
@media (max-width:1279px){
  .rsp-page{min-width:0 !important;}
  .rsp-hero{padding-left:32px !important;padding-right:32px !important;}
  .rsp-sec{padding-left:32px !important;padding-right:32px !important;}
  .rsp-body{grid-template-columns:220px minmax(0,1fr) !important;gap:44px !important;}
}
@media (max-width:1023px){
  .rsp-hero{padding-left:24px !important;padding-right:24px !important;}
  .rsp-sec{padding-left:24px !important;padding-right:24px !important;}
  .rsp-body{grid-template-columns:1fr !important;gap:28px !important;}
  .rsp-rail{position:static !important;}
  .rsp-toc{display:none !important;}
  .rsp-rel{grid-template-columns:1fr !important;}
  .pbnav-desktop{display:none !important;}
  .pbnav-actions{display:none !important;}
  .pbburger{display:inline-flex !important;}
  .pbdrawer.open{display:flex !important;}
  .pbnav-inner{padding-left:24px !important;padding-right:24px !important;}
  .pbf-cols{grid-template-columns:1.4fr 1fr 1fr !important;}
  .pbf-back{grid-template-columns:1fr !important;gap:22px !important;}
  .rsp-feat-lg{grid-template-columns:1fr !important;}
  .rsp-talks3 > a.talk{flex:0 1 calc(50% - 11px) !important;}
  .rsp-play3{grid-template-columns:1fr !important;}
  .rsp-spon{grid-template-columns:repeat(3,1fr) !important;}
}
@media (max-width:767px){
  .rsp-hero{padding-left:16px !important;padding-right:16px !important;padding-top:104px !important;padding-bottom:150px !important;}
  .rsp-sec{padding-left:16px !important;padding-right:16px !important;padding-top:44px !important;padding-bottom:52px !important;}
  .pbnav-inner{padding-left:16px !important;padding-right:16px !important;}
  .pbf-inner{padding-left:16px !important;padding-right:16px !important;}
  .pbf-cols{grid-template-columns:1fr 1fr 1fr !important;gap:34px !important;}
  .pbf-base{flex-direction:column !important;align-items:flex-start !important;gap:14px !important;}
  [data-mascot]{display:none !important;}
  .rsp-talks3 > a.talk{flex:0 1 100% !important;}
  .rsp-spon{grid-template-columns:repeat(2,1fr) !important;}
}