body.ib-b2b-guided-open { overflow: hidden; }
.ib-b2b-guided [hidden] { display: none !important; }
.ib-b2b-template-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:20px 0; }
.ib-b2b-template-card { display:grid; gap:10px; text-align:left; padding:20px; min-width:0; color:#fff; background:#22132d; border:1px solid #6b326a; border-radius:16px; cursor:pointer; }
.ib-b2b-template-card strong { font-size:1.15rem; }
.ib-b2b-template-card small { color:#f697d2; }
.ib-b2b-template-filters { display:flex; flex-wrap:wrap; gap:8px; }
.ib-b2b-template-filters button { border:1px solid #774571; border-radius:25px; padding:8px 14px; background:#21132c; color:#fff; cursor:pointer; }
.ib-b2b-template-filters [aria-pressed=true] { background:#952c88; }
.ib-b2b-guided [data-b2b-personalize-form] { display:grid; gap:18px; padding-bottom:30px; }
.ib-b2b-guided [data-b2b-personalize-form] label { display:grid; gap:7px; color:#e4d6e9; }
.ib-b2b-guided [data-b2b-personalize-form] input, .ib-b2b-guided [data-b2b-personalize-form] textarea { box-sizing:border-box; width:100%; min-height:48px; padding:12px; border:1px solid #725b80; border-radius:10px; color:#fff; background:#24162f; }
.ib-b2b-dropzone { position:relative; display:grid; gap:10px; padding:22px; border:2px dashed #99548e; border-radius:12px; color:#e8d5ed; cursor:pointer; }
.ib-b2b-dropzone.is-dragover { background:#492444; }
.ib-b2b-dropzone input[type=file] { position:absolute; inset:0; opacity:0; cursor:pointer; }
.ib-b2b-attachment-row { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:12px 0; border-bottom:1px solid #4b3154; overflow-wrap:anywhere; }
.ib-b2b-attachment-row span { flex:1; min-width:100px; }
.ib-b2b-attachment-row button { color:#fff; background:#502443; border:1px solid #99548e; border-radius:8px; padding:7px; cursor:pointer; }
.ib-b2b-attachment-row progress { max-width:100%; }
@media(max-width:600px) { .ib-b2b-template-grid { grid-template-columns:1fr; } }
body.ib-b2b-guided-open .ib-wa-fab { display: none !important; }
.ib-b2b-guided[hidden],
.ib-b2b-guided [data-guided-stage][hidden] { display: none !important; }
.ib-b2b-guided {
  position: fixed; inset: 0; z-index: 190; width: 100%; height: 100dvh;
  color: #fff; background: #0d0814;
}
.ib-b2b-guided__surface { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; }
.ib-b2b-guided__header {
  flex: none; display: flex; align-items: center; gap: 14px;
  padding: calc(12px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));
  border-bottom: 1px solid rgba(255,255,255,.12); background: #170d22;
}
.ib-b2b-guided__header > div { display: grid; gap: 2px; min-width: 0; flex: 1; }
.ib-b2b-guided__header small { color: #fa78cb; font-size: .72rem; letter-spacing: .06em; text-transform: uppercase; }
.ib-b2b-guided__header strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ib-b2b-guided__header button { width: 40px; height: 40px; flex: none; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; color: #fff; background: #291634; cursor: pointer; }
.ib-b2b-guided__stepper { display: flex; gap: 7px; margin: 0; padding: 12px 18px; list-style: none; overflow-x: auto; flex: none; border-bottom: 1px solid rgba(255,255,255,.08); background: #130b1e; }
.ib-b2b-guided__stepper li { flex: 1 0 auto; min-width: 72px; max-width: 190px; border-radius: 999px; padding: 7px 11px; color: #ad9bb5; background: #22132e; font-size: .77rem; text-align: center; }
.ib-b2b-guided__stepper li.is-current { color: #fff; background: linear-gradient(90deg,#a715a8,#ed278a); }
.ib-b2b-guided__stepper li.is-complete { color: #f8b8df; }
.ib-b2b-guided__content { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 28px max(20px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); }
.ib-b2b-guided__content > section:not(.ib-section) { max-width: 860px; margin: 0 auto; }
.ib-b2b-guided__content h2 { margin: 6px 0 20px; color: #fff; font-size: clamp(1.7rem, 4vw, 2.6rem); line-height: 1.15; }
.ib-b2b-guided__eyebrow { color: #fb68ba; font-size: .83rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.ib-b2b-guided__choices { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; margin: 24px 0; }
.ib-b2b-guided__choices > button, .ib-b2b-guided__choices > a { display: grid; gap: 10px; min-width: 0; min-height: 150px; padding: 22px; border: 1px solid rgba(255,73,180,.35); border-radius: 18px; color: #fff; background: #22132d; text-align: left; cursor: pointer; }
.ib-b2b-guided__choices i { color: #fa5bb7; font-size: 1.6rem; }
.ib-b2b-guided__choices span { color: #cbbacf; }
.ib-b2b-guided__proof { display: grid; gap: 14px; margin: 20px 0; }
.ib-b2b-guided__proof article { padding: 20px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: #21102e; }
.ib-b2b-guided__proof strong, .ib-b2b-guided__proof small, .ib-b2b-guided__proof span { display: inline-block; margin-right: 8px; }
.ib-b2b-guided__proof span { color: #ffbf4a; }
.ib-b2b-guided__proof p { margin: 9px 0 0; }
.ib-b2b-guided [data-b2b-project-form] { display: grid; gap: 18px; max-width: 760px; }
.ib-b2b-guided [data-b2b-project-form] > label { display: grid; gap: 7px; font-weight: 700; }
.ib-b2b-guided [data-b2b-project-form] input:not([type=checkbox]), .ib-b2b-guided [data-b2b-project-form] select, .ib-b2b-guided [data-b2b-project-form] textarea { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.26); border-radius: 10px; color: #fff; background: #24162f; box-sizing: border-box; }
.ib-b2b-guided [data-b2b-project-form] select option { color: #fff; background: #24162f; }
.ib-b2b-guided [data-b2b-project-form] textarea { min-height: 130px; resize: vertical; }
.ib-b2b-guided [data-b2b-project-form] fieldset { min-width: 0; border: 1px solid rgba(255,255,255,.2); border-radius: 14px; padding: 14px; }
.ib-b2b-guided [data-b2b-project-form] legend { padding: 0 5px; font-weight: 700; }
.ib-b2b-guided__checkgrid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.ib-b2b-guided__checkgrid label { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ib-b2b-guided__checkgrid input { flex: none; }
.ib-b2b-guided__pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.ib-b2b-guided__feedback { min-height: 1.3em; color: #ffb5d6; }
.ib-b2b-guided__match-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); gap: 14px; margin-top: 22px; }
.ib-b2b-guided__match-card { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: #22132d; }
.ib-b2b-guided__match-card img { width: 58px; height: 58px; flex: none; border-radius: 12px; object-fit: cover; }
.ib-b2b-guided__match-card div { display: grid; min-width: 0; gap: 3px; }
.ib-b2b-guided__match-card strong, .ib-b2b-guided__match-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ib-b2b-guided .ib-b2b-decision__stepper,
.ib-b2b-guided .ib-b2b-profile__stepper { display: none; }
.ib-b2b-guided [data-b2b-project-form] > button[type=submit] { justify-self: start; margin-top: 4px; }
.ib-b2b-guided [data-guided-stage=examples] .ib-b2b-showcase { padding: 0; background: transparent; }
.ib-b2b-guided [data-guided-stage=examples] .ib-b2b-showcase__head { display: none; }
.ib-b2b-guided [data-guided-stage=matching] .ib-section,
.ib-b2b-guided [data-guided-stage=decision] .ib-section,
.ib-b2b-guided [data-guided-stage=profile] .ib-section,
.ib-b2b-guided [data-guided-stage=assisted] .ib-section { padding-top: 0; min-height: 0; }
@media (max-width: 600px) {
  .ib-b2b-guided__header { gap: 8px; }
  .ib-b2b-guided__content { padding-top: 20px; }
  .ib-b2b-guided__choices, .ib-b2b-guided__checkgrid { grid-template-columns: 1fr; }
  .ib-b2b-guided__choices > button { min-height: 120px; }
  .ib-b2b-guided [data-b2b-project-form] { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .ib-b2b-guided [data-b2b-project-form] > button[type=submit] { position: sticky; z-index: 2; width: 100%; bottom: calc(6px + env(safe-area-inset-bottom)); box-shadow: 0 -8px 22px #0d0814; }
}
