.locked-section {
  max-width: 1360px;
  margin: 0 auto;
  padding: 78px clamp(20px, 6vw, 90px);
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: clamp(35px, 7vw, 90px);
  align-items: center;
}
.locked-copy h2 { font: 600 clamp(34px, 4vw, 56px)/1.05 'Space Grotesk'; letter-spacing: -.045em; margin: 0 0 20px; }
.locked-copy > p:not(.eyebrow) { color: var(--muted); font-size: 17px; line-height: 1.65; margin-bottom: 28px; }
.locked-video { position: relative; aspect-ratio: 16/9; overflow: hidden; padding: 0; border: 0; border-radius: 20px; background: #171329; box-shadow: var(--shadow); cursor: pointer; }
.locked-video img { width: 100%; height: 100%; object-fit: cover; opacity: .58; transition: .25s; }
.locked-video:hover img { transform: scale(1.025); opacity: .68; }
.locked-video .play { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%,-50%); width: 72px; height: 72px; display: grid; place-items: center; border-radius: 50%; background: #fff; color: var(--brand); font-size: 25px; padding-left: 4px; }
.lock-label { position: absolute; left: 18px; bottom: 18px; padding: 10px 14px; border-radius: 999px; background: rgba(20,16,42,.86); color: #fff; font-size: 12px; font-weight: 700; }
.locked-dialog > div { padding: 38px; position: relative; }
.locked-dialog h2 { font: 600 32px/1.05 'Space Grotesk'; letter-spacing: -.035em; margin: 0 0 14px; }
.locked-dialog p:not(.eyebrow) { color: var(--muted); line-height: 1.6; margin-bottom: 24px; }
.locked-dialog button { position: absolute; right: 18px; top: 14px; border: 0; background: transparent; font-size: 28px; cursor: pointer; }
.resource-success { max-width: 900px; }
.resource-success h1 { font-size: clamp(40px, 6vw, 60px); }
.video-frame { aspect-ratio: 16/9; margin: 28px 0; overflow: hidden; border-radius: 16px; background: #111; }
.video-frame iframe { width: 100%; height: 100%; border: 0; }
.resource-button { background: var(--soft); color: var(--brand) !important; border-radius: 10px; text-decoration: none; padding: 14px 18px !important; }
.settings-heading { font: 600 23px 'Space Grotesk'; margin: 28px 0 4px; padding-top: 24px; border-top: 1px solid var(--line); }
.field-config-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.field-config { border: 1px solid var(--line); border-radius: 13px; padding: 17px; background: #faf9fc; }
.field-switches { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.field-switches b { margin-right: auto; }
.switch { flex-direction: row; align-items: center; gap: 6px; white-space: nowrap; font-size: 11px; }
.switch input { width: 17px; height: 17px; accent-color: var(--brand); }
.settings-note { padding: 13px 15px; background: var(--soft); color: var(--muted); border-radius: 10px; font-size: 13px; line-height: 1.5; }
.resource-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.resource-grid article { border: 1px solid var(--line); border-radius: 13px; padding: 17px; display: grid; gap: 13px; }
.resource-grid article > b { color: var(--brand); }
input[type=file] { background: #faf9fc; }
.phone-input { display: flex; align-items: stretch; border: 1px solid #dcd8e7; border-radius: 10px; overflow: hidden; background: #fff; transition: .15s; }
.phone-input:focus-within { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(50,21,199,.1); }
.phone-input > span { display: grid; place-items: center; padding: 0 14px; background: var(--soft); color: var(--brand); font-weight: 700; border-right: 1px solid #dcd8e7; }
.phone-input input { border: 0; border-radius: 0; box-shadow: none !important; }
.lead-table { min-width: 1450px; }
.contact-line { display: block; margin-top: 7px; color: var(--brand); font-weight: 600; text-decoration: none; }
.requirement-preview { max-width: 270px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.activity-stack { display: grid; gap: 6px; }
.activity { display: inline-flex; width: max-content; max-width: 230px; padding: 5px 8px; border-radius: 999px; font-size: 10px; font-weight: 700; }
.activity.good { background: #e8f8f1; color: var(--green); }
.activity.pending { background: #fff4d9; color: #8a6411; }
.activity.neutral { background: #f0eef4; color: var(--muted); }
.verification-box { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding: 14px; background: var(--soft); border-radius: 10px; }
.verification-box a { color: var(--brand); font-size: 12px; font-weight: 700; }
.whatsapp-notice { margin: 28px 0; padding: 22px; display: grid; gap: 8px; border-radius: 15px; background: #eafaf4; color: #176747; text-align: left; }
.whatsapp-notice > span { color: #477064; line-height: 1.5; }
.whatsapp-notice .button { margin-top: 10px; background: #15945f; box-shadow: 0 10px 25px rgba(21,148,95,.2); }
.staff-wrap { max-width: 1050px; margin: 0 auto; padding: 55px 20px 80px; }
.staff-intro { margin-bottom: 28px; }
.staff-intro h1 { font: 600 clamp(38px,5vw,58px)/1 'Space Grotesk'; letter-spacing: -.045em; margin: 0 0 18px; }
.staff-intro p { max-width: 720px; color: var(--muted); font-size: 16px; line-height: 1.6; }
.staff-intro > a { color: var(--brand); font-size: 13px; font-weight: 700; }
.staff-saved { display: flex; flex-direction: column; gap: 4px; margin-bottom: 18px; }
.staff-form { padding: clamp(22px,4vw,42px); }
.filter-bar { align-items: end; flex-wrap: wrap; }
.filter-bar > input { flex: 1 1 300px; }
.filter-bar label { min-width: 165px; }
.filter-bar label input,.filter-bar label select { min-height: 44px; }
.filter-bar > span { align-self: center; color: var(--muted); font-size: 12px; font-weight: 600; }
.source-badge { display: inline-flex; margin-top: 8px; padding: 5px 8px; border-radius: 999px; font-size: 10px; font-weight: 700; }
.source-badge.qr { background: var(--soft); color: var(--brand); }
.source-badge.team { background: #e8f8f1; color: var(--green); }
@media(min-width:901px){.hero{padding-top:55px;padding-bottom:55px;gap:55px}.hero-copy{padding-top:0}.visitor-form{padding:36px}.visitor-form .grid{gap:15px}}
@media(max-width:900px){.locked-section{grid-template-columns:1fr}.field-config-list,.resource-grid{grid-template-columns:1fr}}
@media(max-width:600px){.locked-section{padding:55px 16px}.locked-video .play{width:58px;height:58px}.field-switches{flex-wrap:wrap}.field-switches b{width:100%}.resource-success{padding-left:16px;padding-right:16px}.verification-box{align-items:flex-start;flex-direction:column}}