/* Social Media Pro only. Shared header/footer styling remains owned by their files. */
.social-pro-body {
  --sm-bg: #0b0b0e; --sm-surface: #121215; --sm-card: #18181c;
  --sm-text: #f6f3f1; --sm-muted: #b8b4bb; --sm-line: #333137;
  --sm-accent: #ed4563; --sm-accent-light: #ff9daf;
  margin: 0; background: var(--sm-bg); color: var(--sm-text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px; line-height: 1.7; padding-bottom: env(safe-area-inset-bottom);
  color-scheme: dark;
}
.social-pro-body *, .social-pro-body *::before, .social-pro-body *::after { box-sizing: border-box; }
.social-pro-body [hidden] { display: none !important; }
.social-pro-body :is(main, dialog, .sm-sticky) :is(h1,h2,h3,h4,p,figure) { margin: 0; }
.social-pro-body :is(main, dialog) p { color: var(--sm-muted); }
.social-pro-body :is(main, dialog) :is(h1,h2,h3,h4) { color: var(--sm-text); line-height: 1.18; font-weight: 600; letter-spacing: -.035em; text-wrap: balance; }
.social-pro-body main h2 { font-size: clamp(30px, 3.3vw, 46px); margin-bottom: 22px; }
.social-pro-body main h3 { font-size: 21px; margin-bottom: 12px; }
.social-pro-body main h4 { font-size: 18px; margin-bottom: 12px; }
.social-pro-body :is(main, dialog) p + p { margin-top: 14px; }
.social-pro-body a { color: inherit; }
.social-pro-body :is(button, input, select) { font: inherit; }
.social-pro-body :is(button, a, input, select, summary):focus-visible { outline: 3px solid #ffa8b9; outline-offset: 4px; }
.social-pro-body :is(section, [id^="phase"], #main-content) { scroll-margin-top: 116px; }
.social-pro-body .sm-container { width: min(1200px, calc(100% - 80px)); margin-inline: auto; }
.social-pro-body .sm-section { padding-block: 88px; border-top: 1px solid #242328; }
.social-pro-body .sm-surface { background: var(--sm-surface); }
.social-pro-body .sm-section-heading { max-width: 720px; margin-bottom: 36px; }
.social-pro-body .sm-section-heading p { max-width: 65ch; }
.social-pro-body .sm-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: .08em; color: var(--sm-accent-light); margin-bottom: 20px; }
.social-pro-body .sm-hero { padding: 172px 0 72px; background: radial-gradient(ellipse at 85% 10%, #35141f66, transparent 55%); }
.social-pro-body .sm-hero-grid { display: grid; grid-template-columns: 1.04fr 1fr; gap: 60px; align-items: center; }
.social-pro-body .sm-hero h1 { font-size: clamp(40px, 4.4vw, 64px); font-weight: 800; letter-spacing: -.06em; margin-bottom: 22px; }
.social-pro-body .sm-hero h1 span { color: var(--sm-accent); }
.social-pro-body .sm-descriptor { color: var(--sm-text); font-size: clamp(20px, 1.8vw, 25px); line-height: 1.4; letter-spacing: -.025em; font-weight: 500; margin-bottom: 22px; }
.social-pro-body .sm-intro { max-width: 56ch; }
.social-pro-body .sm-benefits { display: flex; flex-wrap: wrap; list-style: none; gap: 8px 20px; padding: 0; margin: 25px 0 30px; font-size: 13px; }
.social-pro-body .sm-benefits li::before { content: '✓'; color: var(--sm-accent-light); margin-right: 7px; }
.social-pro-body .sm-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.social-pro-body .sm-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 13px 21px; border-radius: 8px; background: var(--sm-accent); border: 1px solid transparent; color: #15080b; font-weight: 700; font-size: 14px; text-decoration: none; cursor: pointer; transition: background .15s; }
.social-pro-body .sm-button:hover { background: #ff6b85; }
.social-pro-body .sm-button-secondary { color: var(--sm-text); border-color: #57505a; background: transparent; }
.social-pro-body .sm-button-secondary:hover { background: #242026; }
.social-pro-body .sm-button:disabled { opacity: .55; cursor: not-allowed; }
.social-pro-body .sm-helper { font-size: 13px; margin-top: 16px; }
.social-pro-body .sm-hero-art { min-width: 0; transform: rotate(1deg); }
.social-pro-body .sm-montage { overflow: hidden; border-radius: 16px; border: 1px solid #484148; background: #222; box-shadow: 0 24px 80px #0006; }
.social-pro-body .sm-montage img { width: 100%; height: auto; object-fit: cover; display: block; }
.social-pro-body .sm-montage-main { aspect-ratio: 16 / 10; }
.social-pro-body .sm-montage-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding-top: 4px; }
.social-pro-body .sm-montage-pair img { aspect-ratio: 16 / 9; }
.social-pro-body .sm-hero-art figcaption { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 12px; padding: 16px 4px 0; color: var(--sm-muted); }
.social-pro-body .sm-hero-art figcaption a { color: var(--sm-text); text-underline-offset: 5px; }
.social-pro-body .sm-section-nav { border-block: 1px solid var(--sm-line); }
.social-pro-body .sm-section-nav .sm-container { display: flex; flex-wrap: wrap; gap: 12px 40px; padding-block: 19px; font-size: 14px; }
.social-pro-body .sm-section-nav a { text-decoration: none; color: var(--sm-muted); }
.social-pro-body .sm-section-nav a:hover { color: var(--sm-accent-light); }
.social-pro-body .sm-project-grid, .social-pro-body .sm-three-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; }
.social-pro-body .sm-disclaimer { font-size: 13px; padding-left: 12px; border-left: 2px solid var(--sm-accent); margin-bottom: 24px; }
.social-pro-body .sm-project-card { background: var(--sm-card); border: 1px solid var(--sm-line); border-radius: 12px; overflow: hidden; }
.social-pro-body .sm-project-card > img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
.social-pro-body .sm-card-body { padding: 26px; }
.social-pro-body .sm-card-body > p:not(.sm-small-label) { font-size: 14px; margin-bottom: 24px; }
.social-pro-body .sm-small-label { color: var(--sm-accent-light); font-size: 12px; letter-spacing: .06em; font-weight: 600; margin-bottom: 14px; }
.social-pro-body .sm-disclosure { border-top: 1px solid var(--sm-line); }
.social-pro-body .sm-disclosure summary { cursor: pointer; font-weight: 500; font-size: 14px; padding: 17px 22px 17px 0; list-style: none; position: relative; line-height: 1.6; }
.social-pro-body .sm-disclosure summary::-webkit-details-marker { display: none; }
.social-pro-body .sm-disclosure summary::after { content: '+'; position: absolute; right: 0; top: 16px; color: var(--sm-accent-light); font-size: 20px; line-height: 1.2; }
.social-pro-body .sm-disclosure[open] > summary::after { content: '−'; }
.social-pro-body .sm-disclosure > div { font-size: 14px; padding: 0 0 20px; color: var(--sm-muted); }
.social-pro-body .sm-split-heading { display: grid; grid-template-columns: 1.2fr 1fr; gap: 70px; align-items: start; margin-bottom: 30px; }
.social-pro-body .sm-card { padding: 28px; border: 1px solid var(--sm-line); border-radius: 12px; background: #18181c; }
.social-pro-body .sm-card p { font-size: 15px; }
.social-pro-body .sm-commitment { border-left: 3px solid var(--sm-accent); padding: 10px 0 10px 24px; margin-top: 36px; max-width: 90ch; }
.social-pro-body .sm-commitment strong { display: block; margin-bottom: 8px; }
.social-pro-body .sm-commitment p { font-size: 15px; }
.social-pro-body .sm-learning-loop { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); list-style: none; gap: 30px; padding: 0; margin: 0; }
.social-pro-body .sm-learning-loop li { border-top: 1px solid var(--sm-line); padding-top: 24px; }
.social-pro-body .sm-learning-loop li > span { display: block; font-size: 13px; color: var(--sm-accent-light); margin-bottom: 25px; }
.social-pro-body .sm-learning-loop h3 { font-size: 18px; }
.social-pro-body .sm-learning-loop p { font-size: 14px; }
.social-pro-body .sm-phase-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
.social-pro-body .sm-phase { padding: 32px; background: var(--sm-card); border: 1px solid var(--sm-line); border-radius: 12px; }
.social-pro-body .sm-phase > p:not(.sm-small-label) { margin-bottom: 24px; font-size: 15px; }
.social-pro-body .sm-weekly ol { padding: 0 0 12px 20px; margin: 0; list-style: none; }
.social-pro-body .sm-weekly li { color: var(--sm-muted); padding: 10px 0; font-size: 14px; border-bottom: 1px solid #ffffff0a; }
.social-pro-body .sm-studio-intro { display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; gap: 50px; margin-bottom: 26px; }
.social-pro-body .sm-studio { border: 1px solid var(--sm-line); border-radius: 12px; overflow: hidden; }
.social-pro-body .sm-tabs { display: flex; flex-wrap: wrap; padding: 10px; gap: 6px; border-bottom: 1px solid var(--sm-line); }
.social-pro-body .sm-studio button { padding: 12px 18px; border: 1px solid var(--sm-line); background: transparent; color: var(--sm-text); border-radius: 7px; cursor: pointer; font-size: 14px; }
.social-pro-body .sm-tabs button { flex: 1; border-color: transparent; }
.social-pro-body .sm-studio button:is([aria-selected="true"],[aria-pressed="true"]) { background: #40202b; border-color: #864050; }
.social-pro-body .sm-studio-panel { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 50px; padding: 32px; min-height: 300px; }
.social-pro-body .sm-studio-panel > img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; border-radius: 8px; }
.social-pro-body .sm-edit-steps, .social-pro-body .sm-motion-controls { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 14px; }
.social-pro-body :is(#editStepDescription,#motionStatus,#aiWorkflowStatus) { font-size: 14px; margin-top: 16px; }
.social-pro-body .sm-motion-preview { background: #f1e7de; color: #271118; padding: 25px; border-radius: 8px; text-align: center; overflow: hidden; }
.social-pro-body .sm-motion-preview :is(span,strong) { display: block; font-size: clamp(24px,3vw,42px); font-weight: 800; line-height: 1.15; letter-spacing: -.06em; animation: sm-title-arrival 2.8s both; animation-play-state: paused; }
.social-pro-body .sm-motion-preview span:nth-child(2) { animation-delay: .12s; }
.social-pro-body .sm-motion-preview strong { color: #a62743; animation-delay: .24s; }
.social-pro-body .sm-motion-preview.is-playing :is(span,strong) { animation-play-state: running; }
.social-pro-body .sm-motion-preview.is-resetting :is(span,strong) { animation: none; }
@keyframes sm-title-arrival { 0% { opacity: .25; transform: translateY(30px); } 35%,100% { opacity: 1; transform: translateY(0); } }
.social-pro-body .sm-ai-steps { margin: 0; padding-left: 24px; }
.social-pro-body .sm-ai-steps li { padding: 10px 15px; border-bottom: 1px solid var(--sm-line); color: var(--sm-muted); }
.social-pro-body .sm-ai-steps li.is-active { color: var(--sm-accent-light); background: #ed456310; }
.social-pro-body .sm-table-wrap { border: 1px solid var(--sm-line); border-radius: 12px; overflow: auto; }
.social-pro-body table { border-collapse: collapse; width: 100%; font-size: 15px; }
.social-pro-body table caption { caption-side: top; padding: 20px 24px; color: var(--sm-muted); font-size: 13px; }
.social-pro-body :is(th,td) { padding: 20px 24px; border-top: 1px solid var(--sm-line); text-align: left; }
.social-pro-body thead { background: #1f1d23; }
.social-pro-body tbody th { font-weight: 500; }
.social-pro-body .sm-tools-heading { margin-top: 44px; }
.social-pro-body .sm-note { font-size: 13px; margin-top: 20px; }
.social-pro-body .sm-pricing-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 90px; align-items: start; }
.social-pro-body .sm-inclusions > div { padding: 24px 0; border-bottom: 1px solid var(--sm-line); }
.social-pro-body .sm-inclusions h3 { font-size: 18px; }
.social-pro-body .sm-inclusions p { font-size: 15px; }
.social-pro-body .sm-price-card { padding: 40px; border: 1px solid #864050; border-radius: 12px; background: linear-gradient(140deg,#28171d,#171419); }
.social-pro-body .sm-price-card .sm-price { font-size: clamp(36px,4vw,50px); letter-spacing: -.055em; font-weight: 700; color: var(--sm-text); line-height: 1.15; margin: 24px 0 6px; }
.social-pro-body .sm-price-card .sm-tax { color: var(--sm-accent-light); font-weight: 500; font-size: 15px; margin-bottom: 24px; }
.social-pro-body .sm-price-card > p { font-size: 14px; }
.social-pro-body .sm-actions-stack { flex-direction: column; margin-top: 28px; }
.social-pro-body .sm-policy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-top: 54px; padding-top: 32px; border-top: 1px solid var(--sm-line); }
.social-pro-body .sm-policy-grid h3 { font-size: 18px; }
.social-pro-body .sm-policy-grid p { font-size: 14px; }
.social-pro-body .sm-enquiry-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 90px; align-items: start; }
.social-pro-body .sm-contact-link { display: inline-block; margin-top: 30px; font-size: 21px; }
.social-pro-body .sm-form-card { padding: 36px; border: 1px solid var(--sm-line); background: var(--sm-card); border-radius: 12px; }
.social-pro-body .sm-form-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 18px; margin: 24px 0; }
.social-pro-body .sm-wide { grid-column: 1 / -1; }
.social-pro-body .sm-form :is(label,legend) { display: block; font-size: 14px; margin-bottom: 8px; font-weight: 500; }
.social-pro-body .sm-form :is(label,legend) > span { color: var(--sm-muted); font-weight: 400; font-size: 12px; }
.social-pro-body .sm-form :is(input:not([type="radio"]),select) { width: 100%; min-width: 0; background: #0f0e12; border: 1px solid #55505b; color: var(--sm-text); padding: 12px; border-radius: 6px; min-height: 48px; }
.social-pro-body .sm-form small { display: block; font-size: 12px; color: var(--sm-muted); margin-top: 7px; }
.social-pro-body .sm-form fieldset { border: 0; padding: 0; margin: 0; }
.social-pro-body .sm-form .sm-radio { display: inline-flex; align-items: center; gap: 8px; margin-right: 15px; min-height: 44px; }
.social-pro-body .sm-radio input { accent-color: var(--sm-accent); width: 17px; height: 17px; }
.social-pro-body .sm-form .sm-button { width: 100%; }
.social-pro-body .sm-form-helper { font-size: 12px; margin-top: 16px; line-height: 1.7; }
.social-pro-body .sm-form-helper a { text-underline-offset: 3px; }
.social-pro-body .sm-field-error { display: block; color: #ffb1bf; font-size: 12px; margin-top: 5px; }
.social-pro-body .sm-form [aria-invalid="true"] { border-color: #ff829a; }
.social-pro-body .sm-form-feedback, .social-pro-body .sm-notice { padding: 16px; border: 1px solid #84655d; border-radius: 7px; font-size: 14px; margin: 20px 0; }
.social-pro-body .sm-form-feedback[data-state="success"] { border-color: #588e74; color: #b3e7cc; }
.social-pro-body .sm-form-feedback[data-state="error"] { border-color: #ba576b; color: #ffb1bf; }
.social-pro-body .sm-honeypot { display: none !important; }
.social-pro-body .iti { display: block; width: 100%; color-scheme: dark; }
.social-pro-body .iti__country-list { background: #1c191f; border-color: #55505b; max-width: min(330px,80vw); white-space: normal; }
.social-pro-body .iti__country { padding-block: 10px; }
.social-pro-body .iti__dial-code { color: #c6bec8; }
.social-pro-body .sm-faq-container { max-width: 900px; }
.social-pro-body .sm-faq summary { padding: 24px 28px 24px 0; font-size: 17px; }
.social-pro-body .sm-faq summary::after { top: 25px; }
.social-pro-body .sm-faq > div { max-width: 76ch; padding-bottom: 24px; font-size: 15px; }
.social-pro-body .sm-dialog { background: #171519; border: 1px solid #65525c; border-radius: 14px; color: var(--sm-text); width: min(580px, calc(100% - 32px)); max-height: calc(100dvh - 40px); padding: 30px; overscroll-behavior: contain; overflow: auto; margin: auto; }
.social-pro-body .sm-dialog::backdrop { background: #000b; backdrop-filter: blur(4px); }
.social-pro-body .sm-dialog-head { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.social-pro-body .sm-dialog-head h2 { font-size: 27px; }
.social-pro-body .sm-dialog-head .sm-eyebrow { margin-bottom: 8px; }
.social-pro-body .sm-close { flex-shrink: 0; background: #29232c; color: var(--sm-text); padding: 9px 12px; border: 1px solid #65525c; border-radius: 6px; font-size: 13px; cursor: pointer; min-height: 44px; }
.social-pro-body.sm-dialog-open, .social-pro-body.sm-menu-open { overflow: hidden; }
.social-pro-body .sm-sticky { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1040; display: none; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 18px calc(12px + env(safe-area-inset-bottom)); background: #171218f5; border-top: 1px solid #6d3544; }
.social-pro-body .sm-sticky strong, .social-pro-body .sm-sticky span { display: block; font-size: 12px; line-height: 1.5; }
.social-pro-body .sm-sticky span { color: var(--sm-muted); font-size: 10px; }
.social-pro-body .sm-sticky .sm-button { font-size: 12px; padding: 10px 14px; min-height: 44px; }
.social-pro-body .sm-skip { position: fixed; top: -80px; left: 20px; padding: 12px; z-index: 11000; background: var(--sm-text); color: #111; }
.social-pro-body .sm-skip:focus { top: 10px; }
.social-pro-body .contact-sidebar { max-width: min(400px, 100vw); }
.social-pro-body .contact-sidebar:not(.open) { visibility: hidden; }
.social-pro-body #phoneNumber, .social-pro-body .navbar-hamburger { cursor: pointer; }
@media (max-width: 1199px) {
  .social-pro-body .sm-hero-grid { gap: 36px; }
  .social-pro-body .sm-hero h1 { font-size: 50px; }
  .social-pro-body .sm-pricing-grid, .social-pro-body .sm-enquiry-grid { gap: 44px; }
  .social-pro-body .sm-card-body { padding: 22px; }
}
@media (max-width: 991px) {
  .social-pro-body .sm-container { width: calc(100% - 48px); }
  .social-pro-body .sm-hero-grid { grid-template-columns: 1fr; gap: 44px; }
  .social-pro-body .sm-hero { padding-top: 140px; }
  .social-pro-body .sm-hero-copy { max-width: 680px; }
  .social-pro-body .sm-hero-art { width: min(580px, 100%); transform: none; }
  .social-pro-body .sm-project-grid { grid-template-columns: 1fr 1fr; }
  .social-pro-body .sm-learning-loop { grid-template-columns: 1fr 1fr; gap: 28px; }
  .social-pro-body .sm-split-heading, .social-pro-body .sm-studio-intro { gap: 24px; }
  .social-pro-body .sm-studio-panel { gap: 24px; padding: 24px; }
  .social-pro-body .sm-price-card, .social-pro-body .sm-form-card { padding: 28px; }
}
@media (max-width: 767px) {
  .social-pro-body { padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
  .social-pro-body .sm-container { width: calc(100% - 36px); }
  .social-pro-body .sm-section { padding-block: 48px; }
  .social-pro-body .sm-hero { padding: 130px 0 42px; }
  .social-pro-body .sm-hero h1 { font-size: 40px; margin-bottom: 18px; }
  .social-pro-body .sm-eyebrow { font-size: 11px; margin-bottom: 16px; }
  .social-pro-body .sm-descriptor { font-size: 20px; }
  .social-pro-body .sm-intro { font-size: 16px; }
  .social-pro-body .sm-benefits { display: grid; gap: 8px; font-size: 13px; margin-block: 22px; }
  .social-pro-body .sm-actions { flex-direction: column; }
  .social-pro-body .sm-actions .sm-button { width: 100%; min-height: 50px; }
  .social-pro-body .sm-hero-grid { gap: 30px; }
  .social-pro-body .sm-section-nav .sm-container { gap: 10px 20px; font-size: 12px; padding-block: 15px; }
  .social-pro-body .sm-section-heading { margin-bottom: 24px; }
  .social-pro-body :is(.sm-project-grid,.sm-three-grid,.sm-split-heading,.sm-phase-grid,.sm-studio-intro,.sm-studio-panel,.sm-pricing-grid,.sm-enquiry-grid,.sm-policy-grid) { grid-template-columns: 1fr; gap: 24px; }
  .social-pro-body .sm-learning-loop { gap: 22px; }
  .social-pro-body .sm-learning-loop li > span { margin-bottom: 18px; }
  .social-pro-body .sm-phase, .social-pro-body .sm-card, .social-pro-body .sm-form-card { padding: 24px; }
  .social-pro-body .sm-commitment { padding-left: 18px; margin-top: 26px; }
  .social-pro-body .sm-studio-intro { gap: 0; }
  .social-pro-body .sm-tabs { gap: 0; padding: 6px; }
  .social-pro-body .sm-tabs button { padding: 12px 6px; font-size: 12px; }
  .social-pro-body .sm-studio-panel { padding: 24px; min-height: 0; }
  .social-pro-body .sm-motion-preview :is(span,strong) { font-size: 36px; }
  .social-pro-body :is(th,td) { padding: 14px 10px; font-size: 12px; }
  .social-pro-body table caption { padding: 16px 12px; font-size: 12px; }
  .social-pro-body .sm-price-card { padding: 28px; }
  .social-pro-body .sm-price-card .sm-price { font-size: 40px; }
  .social-pro-body .sm-policy-grid { margin-top: 32px; }
  .social-pro-body .sm-form-fields { grid-template-columns: 1fr; gap: 18px; }
  .social-pro-body .sm-dialog { padding: 22px; max-height: calc(100dvh - 24px); }
  .social-pro-body .sm-dialog-head h2 { font-size: 24px; }
  .social-pro-body .sm-sticky:not([hidden]) { display: flex; }
  .social-pro-body .sm-faq summary { font-size: 16px; }
  .social-pro-body .sm-desktop-break { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .social-pro-body *, .social-pro-body *::before, .social-pro-body *::after { scroll-behavior: auto !important; transition: none !important; }
  .social-pro-body .sm-motion-preview :is(span,strong) { animation: none; }
}
.social-pro-body .sm-sidebar-action { background: none; border: 0; color: #ff9daf; padding: 10px 0; font-weight: 600; cursor: pointer; }
@media (max-width: 450px) { .social-pro-body .con-navbar-second .about-session { font-size: 11px; padding-inline: 10px; } }
/* The legacy Bootstrap reboot sets all dialog elements to display:block. */
.social-pro-body .sm-dialog:not([open]) { display: none; }
/* Shared navbar CSS adds body padding; this page's hero already accounts for it. */
body.social-pro-body { padding-top: 0; }
.social-pro-body .con-navbar-second .about-session { min-height: 44px; }
.social-pro-body .con-navbar-second .navbar-hamburger { width: 44px; height: 44px; flex-shrink: 0; }
@media (max-width: 450px) { .social-pro-body .con-navbar-second .navbar-brand { width: 106px; height: auto; } }
/* Homepage-inspired black, white and amber creative direction. */
.social-pro-body { --sm-accent:#ffb300; --sm-accent-light:#ffe082; --sm-bg:#090909; --sm-surface:#111111; --sm-card:#191919; }
.social-pro-body .sm-hero { position:relative; isolation:isolate; background:radial-gradient(ellipse at 85% 25%,#ffb30019,transparent 55%); }
.social-pro-body .sm-hero::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; background:repeating-linear-gradient(115deg,transparent 0 120px,#ffffff03 121px 122px,transparent 123px 240px); mask-image:linear-gradient(#000,transparent); }
.social-pro-body .sm-hero h1 { font-size:clamp(40px,5.4vw,78px); line-height:1.02; }
.social-pro-body .sm-hero h1 span { color:transparent; background:linear-gradient(110deg,#fff1bc,#ffb300 55%,#f5a623); background-clip:text; }
.social-pro-body .sm-eyebrow { text-transform:uppercase; letter-spacing:.14em; }
.social-pro-body .sm-button { background:var(--sm-accent); color:#171000; box-shadow:0 5px 25px #ffb30016; transition:transform .25s,box-shadow .25s,background .25s; }
.social-pro-body .sm-button:hover { background:#ffd05a; transform:translateY(-3px); box-shadow:0 8px 30px #ffb30035; }
.social-pro-body .sm-button-secondary { background:transparent; color:#f6f3f1; box-shadow:none; }
.social-pro-body .sm-button-secondary:hover { background:#ffffff0b; }
.social-pro-body .sm-montage { border-color:#ffb30055; transform:perspective(1000px) rotateY(-5deg) rotateZ(2deg); transition:transform .6s; box-shadow:20px 28px 0 -12px #ffb30012,0 25px 80px #0009; }
.social-pro-body .sm-hero-art:hover .sm-montage { transform:perspective(1000px) rotateY(0) rotateZ(0); }
.social-pro-body .sm-montage img { transition:transform 1s,filter 1s; }
.social-pro-body .sm-montage:hover .sm-montage-main { transform:scale(1.035); }
.social-pro-body .sm-project-card { transition:transform .35s,border-color .35s,box-shadow .35s; }
.social-pro-body .sm-project-card:hover { transform:translateY(-8px); border-color:#ffb30088; box-shadow:0 20px 45px #0006; }
.social-pro-body .sm-project-card > img { filter:saturate(.7); transition:filter .5s; }
.social-pro-body .sm-project-card:hover > img { filter:saturate(1.15); }
.social-pro-body .sm-small-label { display:inline-block; padding:4px 10px; background:#ffb30012; border-left:2px solid #ffb300; }
.social-pro-body .sm-phase { position:relative; overflow:hidden; transition:border-color .3s; }
.social-pro-body .sm-phase::after { content:''; position:absolute; right:-32px; top:-32px; width:100px; height:100px; border:1px solid #ffb30022; border-radius:50%; pointer-events:none; }
.social-pro-body .sm-phase:hover { border-color:#ffb30077; }
.social-pro-body .sm-learning-loop li > span { font-size:34px; font-weight:800; color:#ffb300; letter-spacing:-.05em; }
.social-pro-body .sm-price-card { border-color:#ffb30077; background:radial-gradient(ellipse at top right,#ffb30016,transparent 65%),#171717; }
.social-pro-body .sm-studio button:is([aria-selected="true"],[aria-pressed="true"]) { background:#ffb3001c; border-color:#ffb30088; color:#ffe082; }
.social-pro-body .sm-motion-preview { background:#ffb300; color:#171000; }
.social-pro-body .sm-motion-preview strong { color:#171000; }
.social-pro-body .sm-sticky { border-top-color:#ffb30066; background:#14120bf5; }
.social-pro-body .sm-sidebar-action { color:#ffe082; }
.social-pro-body :is(button,a,input,select,summary):focus-visible { outline-color:#ffb300; }
.social-pro-body .sm-section-heading h2 { max-width:22ch; }
.social-pro-body .sm-reveal { opacity:0; transform:translateY(24px); transition:opacity .65s ease,transform .65s ease; }
.social-pro-body .sm-reveal.is-visible { opacity:1; transform:none; }
.social-pro-body .sm-creative-ribbon { overflow:hidden; border-block:1px solid #ffb30035; background:#ffb300; color:#171000; padding:18px 0; }
.social-pro-body .sm-creative-ribbon div { display:flex; justify-content:space-around; flex-wrap:wrap; gap:12px 30px; font-size:clamp(14px,2vw,24px); font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
@media(max-width:767px) { .social-pro-body .sm-montage { transform:none; } .social-pro-body .sm-hero h1 { font-size:40px; } .social-pro-body .sm-creative-ribbon div { justify-content:center; font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .social-pro-body .sm-reveal { opacity:1; transform:none; } .social-pro-body .sm-montage { transform:none; } }

/* Creative studio: code-native graphics and scroll composition. */
html.sm-smooth-scroll { scroll-behavior:smooth; }
.social-pro-body .sm-reading-progress { position:fixed; left:0; top:0; height:3px; width:100%; transform:scaleX(var(--sm-read,0)); transform-origin:left; background:#ffb300; z-index:1100; pointer-events:none; }
.social-pro-body .sm-hero { overflow:clip; }
.social-pro-body .sm-hero-art { position:relative; transform:translateY(var(--sm-hero-drift,0px)); }
.social-pro-body .sm-editor-bar { position:relative; z-index:2; display:flex; align-items:center; gap:9px; padding:13px 16px; border:1px solid #ffffff30; border-radius:10px 10px 0 0; background:#202020; font:9px monospace; letter-spacing:.08em; }
.social-pro-body .sm-editor-bar > span:last-child { margin-left:auto; }
.social-pro-body .sm-record-dot { width:7px; height:7px; border-radius:50%; background:#ffb300; box-shadow:0 0 12px #ffb30080; }
.social-pro-body .sm-montage { position:relative; border-radius:0; transform:none; box-shadow:none; }
.social-pro-body .sm-hero-art:hover .sm-montage { transform:none; }
.social-pro-body .sm-montage-main { filter:brightness(.55); aspect-ratio:16/10; }
.social-pro-body .sm-montage-pair { display:none; }
.social-pro-body .sm-viewfinder { position:absolute; z-index:1; inset:22px; display:flex; flex-direction:column; justify-content:space-between; border-inline:1px solid #ffffff50; padding:8px 18px; pointer-events:none; }
.social-pro-body .sm-viewfinder span { font:9px monospace; letter-spacing:.12em; }
.social-pro-body .sm-viewfinder b { font-size:clamp(32px,4vw,59px); line-height:.97; letter-spacing:-.065em; }
.social-pro-body .sm-viewfinder em { color:#ffb300; font-style:normal; }
.social-pro-body .sm-orbit { position:absolute; width:330px; height:330px; border:1px solid #ffb30045; border-radius:50%; right:-70px; top:-75px; z-index:-1; }
.social-pro-body .sm-orbit::after { content:''; position:absolute; inset:22px; border:1px dashed #ffb30030; border-radius:50%; }
.social-pro-body .sm-orbit span { display:block; color:#ffb300; font-size:92px; line-height:1; animation:sm-orbit-spin 24s linear infinite; }
.social-pro-body .sm-art-sticker { position:absolute; z-index:3; right:-24px; top:-30px; padding:18px; background:#ffb300; color:#111; font-size:12px; line-height:1.2; transform:rotate(10deg); box-shadow:6px 6px 0 #000; animation:sm-sticker-float 6s ease-in-out infinite; }
.social-pro-body .sm-art-sticker strong { font-size:22px; letter-spacing:-.07em; }
.social-pro-body .sm-art-sticker > span { position:absolute; right:8px; top:4px; }
.social-pro-body .sm-editor-timeline { position:relative; padding:12px 16px 16px; background:#1d1d1d; border:1px solid #ffffff30; border-top:0; border-radius:0 0 10px 10px; overflow:hidden; }
.social-pro-body .sm-time-ruler { display:flex; justify-content:space-between; font:9px monospace; color:#aaa; padding:0 0 10px 24px; }
.social-pro-body .sm-track { display:flex; align-items:center; gap:4px; margin-top:4px; }
.social-pro-body .sm-track small { width:22px; flex-shrink:0; color:#999; font:9px monospace; }
.social-pro-body .sm-track i { flex:1; padding:8px; border-radius:3px; background:#ffb300; color:#171000; font:8px monospace; font-style:normal; }
.social-pro-body .sm-track i:nth-child(3) { background:#d2b76b; flex:1.3; }
.social-pro-body .sm-audio-track i { height:24px; padding:0; background:repeating-linear-gradient(90deg,transparent 0 3px,#ffdc7077 3px 5px),#48402a; clip-path:polygon(0 30%,8% 10%,16% 35%,25% 0,33% 25%,45% 10%,55% 35%,68% 0,80% 20%,92% 5%,100% 30%,100% 70%,90% 95%,80% 80%,65% 100%,55% 65%,45% 90%,33% 75%,25% 100%,16% 65%,8% 90%,0 70%); }
.social-pro-body .sm-playhead { position:absolute; top:10px; bottom:10px; left:15%; width:1px; background:#fff; animation:sm-playhead 9s linear infinite; }
.social-pro-body .sm-playhead::before { content:''; position:absolute; top:0; left:-4px; border-top:7px solid #fff; border-inline:4px solid transparent; }
.social-pro-body .sm-motion-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:24px; color:#aaa; font:10px monospace; letter-spacing:.1em; }
.social-pro-body #smMotionToggle { background:none; color:#ccc; border:1px solid #555; border-radius:30px; padding:10px 15px; min-height:44px; font:11px Inter,sans-serif; cursor:pointer; }
.social-pro-body .sm-creative-ribbon { padding:20px 0; }
.social-pro-body .sm-creative-ribbon .sm-marquee { display:flex; flex-wrap:nowrap; width:max-content; gap:0; animation:sm-marquee 25s linear infinite; }
.social-pro-body .sm-marquee > div { flex-shrink:0; display:flex; flex-wrap:nowrap; gap:40px; padding-right:40px; font-size:clamp(24px,3vw,44px); letter-spacing:-.04em; }
.social-pro-body .sm-scroll-story { position:relative; min-height:160vh; background:#0d0d0d; overflow:clip; }
.social-pro-body .sm-story-stage { position:sticky; top:85px; min-height:calc(100vh - 85px); display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:60px; padding-block:70px; }
.social-pro-body .sm-story-copy h2 { font-size:clamp(38px,4.5vw,64px); letter-spacing:-.065em; }
.social-pro-body .sm-story-copy h2 span { color:#ffb300; }
.social-pro-body .sm-story-copy > p { max-width:34ch; }
.social-pro-body .sm-story-steps { display:flex; flex-direction:column; gap:14px; margin-top:35px; font:12px monospace; }
.social-pro-body .sm-story-steps span { border-left:2px solid #333; padding-left:14px; color:#999; transition:color .4s,border-color .4s; }
.social-pro-body .sm-story-steps .is-current { color:#ffb300; border-color:#ffb300; }
.social-pro-body .sm-story-art { position:relative; height:480px; isolation:isolate; }
.social-pro-body .sm-story-grid { position:absolute; inset:-30px; background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px); background-size:32px 32px; mask-image:radial-gradient(#000,transparent 70%); }
.social-pro-body .sm-story-ring { position:absolute; inset:20px; border:1px solid #ffb30066; border-radius:50%; transform:rotateX(55deg) rotateZ(var(--sm-story-turn,0deg)); box-shadow:0 0 0 30px #ffb30008,0 0 0 60px #ffb30005; }
.social-pro-body .sm-story-frame { position:absolute; inset:25px 60px 25px 80px; border:8px solid #e9e6df; border-bottom-width:35px; background:#151515; transform:translateY(var(--sm-frame-y,35px)) rotate(var(--sm-frame-turn,-9deg)); box-shadow:0 25px 60px #0009; }
.social-pro-body .sm-story-frame img { width:100%; height:100%; object-fit:cover; filter:brightness(.48) saturate(var(--sm-frame-saturation,.2)); }
.social-pro-body .sm-story-frame > div { position:absolute; inset:22px; display:flex; flex-direction:column; justify-content:space-between; }
.social-pro-body .sm-story-frame span { font:8px monospace; letter-spacing:.12em; }
.social-pro-body .sm-story-frame strong { font-size:clamp(36px,4.3vw,60px); line-height:.94; letter-spacing:-.06em; }
.social-pro-body .sm-story-frame em { font-style:normal; color:#ffb300; }
.social-pro-body .sm-story-note { position:absolute; left:0; top:0; z-index:2; padding:20px; background:#ffb300; color:#111; font-size:13px; transform:rotate(-10deg) translateY(var(--sm-note-y,0px)); box-shadow:4px 5px 0 #0007; }
.social-pro-body .sm-story-note strong { display:block; font-size:25px; letter-spacing:-.05em; }
.social-pro-body .sm-story-note span { display:block; text-align:right; font-size:25px; }
.social-pro-body .sm-story-wave { position:absolute; z-index:2; bottom:5px; left:0; right:20px; display:flex; align-items:center; gap:6px; padding:20px; border:1px solid #ffffff40; border-radius:8px; background:#242424ef; transform:rotate(-4deg) translateX(var(--sm-wave-x,-15px)); }
.social-pro-body .sm-story-wave i { width:4px; height:30px; background:#ffb300; animation:sm-wave 1.4s ease-in-out infinite alternate; }
.social-pro-body .sm-story-wave i:nth-child(3n) { height:12px; animation-delay:-.7s; }
.social-pro-body .sm-story-wave i:nth-child(2n) { height:23px; animation-delay:-.3s; }
.social-pro-body .sm-story-wave span:last-child { margin-left:auto; font:8px monospace; max-width:90px; }
.social-pro-body .sm-story-cross { position:absolute; top:25px; right:0; font-size:100px; line-height:1; color:#ffb300; transform:rotate(var(--sm-story-turn,0deg)); }
.social-pro-body .sm-story-tag { position:absolute; right:0; bottom:-30px; font:9px monospace; letter-spacing:.12em; color:#aaa; }
.social-pro-body .sm-project-card { position:relative; }
.social-pro-body .sm-project-card::before { content:'01 / STORY'; position:absolute; top:16px; left:16px; padding:6px 10px; background:#111c; border:1px solid #ffffff40; font:10px monospace; z-index:1; }
.social-pro-body .sm-project-card:nth-child(2)::before { content:'02 / GENERATE'; }
.social-pro-body .sm-project-card:nth-child(3)::before { content:'03 / CREATE'; }
@keyframes sm-orbit-spin { to { transform:rotate(360deg); } }
@keyframes sm-sticker-float { 50% { transform:translateY(-8px) rotate(5deg); } }
@keyframes sm-playhead { from { left:12%; } to { left:94%; } }
@keyframes sm-marquee { to { transform:translateX(-50%); } }
@keyframes sm-wave { to { transform:scaleY(.35); } }
.social-pro-body.sm-effects-paused *, .social-pro-body.sm-page-hidden * { animation-play-state:paused !important; }
.social-pro-body.sm-effects-paused .sm-reveal { opacity:1; transform:none; }
@media(min-width:992px) { .social-pro-body .sm-hero-grid { gap:80px; } }
@media(max-width:767px) {
 .social-pro-body .sm-art-sticker { right:-4px; top:-32px; padding:13px; }
 .social-pro-body .sm-orbit { right:-30px; width:240px; height:240px; }
 .social-pro-body .sm-viewfinder b { font-size:42px; }
 .social-pro-body .sm-story-stage { position:relative; top:0; min-height:0; grid-template-columns:1fr; gap:45px; padding-block:65px; }
 .social-pro-body .sm-scroll-story { min-height:0; }
 .social-pro-body .sm-story-art { height:390px; }
 .social-pro-body .sm-story-frame { inset:20px 30px 25px 55px; }
 .social-pro-body .sm-story-frame strong { font-size:44px; }
 .social-pro-body .sm-story-note { padding:13px; }
 .social-pro-body .sm-story-note strong { font-size:21px; }
 .social-pro-body .sm-story-cross { font-size:70px; }
 .social-pro-body .sm-story-wave { padding:15px; gap:5px; }
 .social-pro-body .sm-story-steps { gap:10px; }
}
@media(prefers-reduced-motion:reduce) {
 html.sm-smooth-scroll { scroll-behavior:auto; }
 .social-pro-body *, .social-pro-body *::before, .social-pro-body *::after { animation:none !important; }
 .social-pro-body .sm-scroll-story { min-height:0; }
 .social-pro-body .sm-story-stage { position:relative; top:0; }
}

@media(max-width:767px) { .social-pro-body .sm-orbit span { display:none; } }
/* Full-page art direction: each chapter has a distinct creative medium. */
.social-pro-body :is(#audience,#curriculum,#delivery-modes,#creator-enquiry-section) { background-color:#111; }
.social-pro-body .sm-line-art { width:100%; height:150px; stroke:#ffb300; stroke-width:1.5; overflow:visible; }
.social-pro-body .sm-line-art rect { stroke:#ffe082; }
.social-pro-body .sm-persona-art { margin:-10px -10px 28px; padding:0 10px 16px; border-bottom:1px solid #ffffff20; background:radial-gradient(ellipse,#ffb3000d,transparent 70%); }
.social-pro-body .sm-persona-art > span { font:9px monospace; color:#aaa; letter-spacing:.12em; }
.social-pro-body #audience .sm-card { border-radius:0; background:#171717; transition:transform .4s,border-color .4s; }
.social-pro-body #audience .sm-card:nth-child(2) { transform:translateY(22px); }
.social-pro-body #audience .sm-card:hover { border-color:#ffb300; }
.social-pro-body #audience .sm-commitment { margin-top:62px; }
.social-pro-body #learning-experience { background:radial-gradient(ellipse at 50% 100%,#ffb3000c,transparent 60%); }
.social-pro-body .sm-learning-loop { position:relative; gap:0; border:1px solid #ffffff26; border-radius:14px; overflow:hidden; }
.social-pro-body .sm-learning-loop li { position:relative; padding:30px 24px; border:0; border-right:1px solid #ffffff26; background:#151515; }
.social-pro-body .sm-learning-loop li:last-child { border:0; }
.social-pro-body .sm-learning-loop li > span { font-size:64px; color:transparent; -webkit-text-stroke:1px #ffb300; margin-bottom:34px; }
.social-pro-body .sm-learning-loop li::after { content:'↗'; position:absolute; top:42px; right:24px; font-size:26px; color:#ffb300; }
.social-pro-body .sm-learning-loop li::before { content:''; position:absolute; left:0; bottom:0; height:3px; width:100%; background:#ffb300; transform:scaleX(0); transform-origin:left; transition:transform .7s; }
.social-pro-body .sm-learning-loop li:hover::before { transform:scaleX(1); }
.social-pro-body .sm-roadmap { display:flex; align-items:center; gap:20px; padding:25px 0 40px; font:11px monospace; color:#ffb300; }
.social-pro-body .sm-roadmap span { display:flex; align-items:center; gap:12px; }
.social-pro-body .sm-roadmap b { color:#ddd; font-weight:400; }
.social-pro-body .sm-roadmap i { height:1px; flex:1; background:linear-gradient(90deg,#ffb300,#ffb30022); }
.social-pro-body .sm-phase { background:#171717; border-radius:3px; padding:32px; }
.social-pro-body .sm-phase::after { display:none; }
.social-pro-body .sm-phase-art { position:relative; height:180px; display:flex; align-items:center; padding-left:95px; border-bottom:1px solid #ffffff20; margin-bottom:26px; background:linear-gradient(135deg,#ffb30009,transparent); }
.social-pro-body .sm-phase-number { position:absolute; left:14px; top:34px; font-size:76px; line-height:1; letter-spacing:-.09em; font-weight:800; color:transparent; -webkit-text-stroke:1px #ffffff40; }
.social-pro-body .sm-phase .sm-line-art { height:160px; }
.social-pro-body .sm-phase[open], .social-pro-body .sm-phase:focus-within { border-color:#ffb30088; }
.social-pro-body .sm-window-chrome { display:flex; align-items:center; gap:7px; padding:17px 22px; border-bottom:1px solid #ffffff20; background:#202020; }
.social-pro-body .sm-window-chrome i { width:7px; height:7px; border-radius:50%; background:#666; }
.social-pro-body .sm-window-chrome i:first-child { background:#ffb300; }
.social-pro-body .sm-window-chrome span { margin-left:auto; font:9px monospace; letter-spacing:.08em; color:#aaa; }
.social-pro-body .sm-studio { box-shadow:0 24px 70px #0007; border-color:#ffb30040; background:#121212; }
.social-pro-body .sm-tabs { background:#191919; }
.social-pro-body .sm-ai-steps { list-style:none; padding:0; counter-reset:ai; }
.social-pro-body .sm-ai-steps li { counter-increment:ai; border:1px solid #ffffff25; margin:8px 0; border-radius:4px; }
.social-pro-body .sm-ai-steps li::before { content:'0' counter(ai) ' / '; font:11px monospace; margin-right:16px; color:#ffb300; }
.social-pro-body .sm-ai-steps li.is-active { background:#ffb30015; border-color:#ffb300; }
.social-pro-body .sm-format-art { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:28px; }
.social-pro-body .sm-format-art > button { position:relative; padding:30px; border:1px solid #ffffff25; overflow:hidden; background:linear-gradient(140deg,#222,#141414); }
.social-pro-body .sm-format-art > button:last-child { background:#ffb300; color:#111; }
.social-pro-body .sm-format-art span { display:block; font:10px monospace; letter-spacing:.12em; }
.social-pro-body .sm-format-art strong { font-size:clamp(28px,3.4vw,46px); letter-spacing:-.06em; }
.social-pro-body .sm-format-art svg { display:block; width:75%; height:140px; margin-left:auto; stroke:#ffb300; stroke-width:1.5; }
.social-pro-body .sm-format-art > button:last-child svg { stroke:#111; }
.social-pro-body #delivery-modes thead { background:#242424; }
.social-pro-body .sm-tools-heading { margin-top:70px; margin-bottom:28px; }
.social-pro-body #delivery-modes .sm-card { border-radius:0; background:#191919; }
.social-pro-body .sm-tool-tiles { display:flex; gap:10px; margin-bottom:30px; }
.social-pro-body .sm-tool-tiles span { display:grid; place-items:center; height:58px; width:58px; background:#ffb3000c; color:#ffcf5c; border:1px solid #ffb30055; border-radius:12px; font-size:23px; letter-spacing:-.04em; transition:transform .35s,background .35s; }
.social-pro-body .sm-tool-tiles span:nth-child(2) { transform:translateY(-7px); }
.social-pro-body .sm-card:hover .sm-tool-tiles span { transform:translateY(-10px) rotate(-5deg); background:#ffb30020; }
.social-pro-body .sm-card:hover .sm-tool-tiles span:nth-child(2) { transform:translateY(0) rotate(5deg); }
.social-pro-body #pricing-section { background:radial-gradient(ellipse at 80% 30%,#ffb3000c,transparent 45%); }
.social-pro-body .sm-inclusions { counter-reset:inclusion; }
.social-pro-body .sm-inclusions > div { counter-increment:inclusion; position:relative; padding-left:48px; }
.social-pro-body .sm-inclusions > div::before { content:'0' counter(inclusion); position:absolute; top:26px; left:0; font:14px monospace; color:#ffb300; }
.social-pro-body .sm-price-card { position:relative; background:#191812; border:1px solid #ffb30080; border-radius:4px; box-shadow:12px 12px 0 #ffb30009; }
.social-pro-body .sm-pass-header { display:flex; justify-content:space-between; align-items:center; padding-bottom:24px; margin-bottom:28px; border-bottom:1px dashed #ffb30066; }
.social-pro-body .sm-pass-header > span:first-child { font:10px monospace; letter-spacing:.12em; color:#ffe082; }
.social-pro-body .sm-pass-header > span:last-child { font-size:48px; line-height:1; color:#ffb300; }
.social-pro-body .sm-pass-meta { display:flex; gap:20px; font:9px monospace; color:#aaa; margin:20px 0; }
.social-pro-body .sm-price-card .sm-price { font-size:clamp(40px,4.3vw,60px); color:#ffe082; }
.social-pro-body #creator-enquiry-section { position:relative; overflow:clip; background:radial-gradient(ellipse at 20% 50%,#ffb30010,transparent 45%),#111; }
.social-pro-body #creator-enquiry-section h2 { font-size:clamp(36px,4vw,56px); }
.social-pro-body .sm-enquiry-art { position:relative; height:285px; margin:40px 0 12px; isolation:isolate; }
.social-pro-body .sm-enquiry-disc { position:absolute; width:240px; height:240px; top:10px; left:0; border-radius:50%; background:repeating-radial-gradient(circle,#171717 0 3px,#ffffff20 4px 5px); display:grid; place-items:center; }
.social-pro-body .sm-enquiry-disc span { width:85px; height:85px; border-radius:50%; background:#ffb300; display:grid; place-items:center; color:#111; font-size:55px; animation:sm-orbit-spin 20s linear infinite; }
.social-pro-body .sm-enquiry-slate { position:absolute; top:5px; left:110px; width:210px; padding:24px; background:#ffb300; color:#111; transform:rotate(8deg); border:6px solid #f2c34f; box-shadow:10px 15px 35px #0007; }
.social-pro-body .sm-enquiry-slate > span { font:8px monospace; letter-spacing:.1em; }
.social-pro-body .sm-enquiry-slate strong { display:block; font-size:43px; line-height:.95; letter-spacing:-.06em; margin:24px 0; }
.social-pro-body .sm-enquiry-slate em { font-style:normal; }
.social-pro-body .sm-enquiry-slate > div { border-top:1px solid #1116; padding-top:10px; font:8px monospace; display:flex; justify-content:space-between; }
.social-pro-body .sm-enquiry-arrow { position:absolute; right:10px; bottom:12px; color:#ffb300; font-size:80px; }
.social-pro-body .sm-form-card { background:#191919; border-top:3px solid #ffb300; box-shadow:0 20px 60px #0004; border-radius:4px; }
.social-pro-body .sm-form-card > h3 { font-size:25px; }
.social-pro-body .sm-form :is(input:not([type="radio"]),select) { background:#111; border-color:#444; }
.social-pro-body .sm-faq-container { max-width:1200px; display:grid; grid-template-columns:.8fr 1.2fr; column-gap:75px; }
.social-pro-body .sm-faq-container > header { grid-column:1; grid-row:1 / span 9; align-self:start; position:sticky; top:140px; }
.social-pro-body .sm-faq { grid-column:2; }
.social-pro-body .sm-faq[open] { border-top-color:#ffb300; }
.social-pro-body .sm-faq[open] summary { color:#ffe082; }
.social-pro-body .sm-faq-graphic { display:flex; align-items:center; gap:18px; margin-top:36px; font-size:100px; font-weight:800; line-height:1; letter-spacing:-.08em; color:transparent; -webkit-text-stroke:1px #ffb300; }
.social-pro-body .sm-faq-graphic span { color:#ffb300; -webkit-text-stroke:0; font-size:42px; }
.social-pro-body .sm-end-frame { overflow:hidden; padding:70px 0 40px; background:#ffb300; color:#111; }
.social-pro-body .sm-end-frame .sm-container > span { font:11px monospace; letter-spacing:.13em; }
.social-pro-body .sm-end-frame strong { position:relative; display:block; margin:35px 0; font-size:clamp(45px,9.7vw,140px); line-height:.93; letter-spacing:-.075em; }
.social-pro-body .sm-end-frame em { font-style:normal; color:transparent; -webkit-text-stroke:1.5px #111; }
.social-pro-body .sm-end-frame b { position:absolute; right:0; top:0; font-weight:400; }
.social-pro-body .sm-end-frame .sm-container > div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:15px; border-top:1px solid #1115; padding-top:25px; font:9px monospace; letter-spacing:.1em; }
.social-pro-body .sm-svg-playhead { animation:sm-svg-scan 5s ease-in-out infinite alternate; }
.social-pro-body .sm-svg-guide { stroke-dasharray:4 6; animation:sm-svg-dash 4s linear infinite; opacity:.5; }
.social-pro-body .sm-svg-spark { transform-box:fill-box; transform-origin:center; animation:sm-svg-pulse 4s ease-in-out infinite; }
@keyframes sm-svg-scan { to { transform:translateX(75px); } }
@keyframes sm-svg-dash { to { stroke-dashoffset:-40; } }
@keyframes sm-svg-pulse { 50% { transform:scale(.8); opacity:.55; } }
.social-pro-body .sm-offscreen, .social-pro-body .sm-offscreen * { animation-play-state:paused !important; }
@media(max-width:991px) {
 .social-pro-body .sm-phase-art { padding-left:65px; }
 .social-pro-body .sm-phase-number { font-size:55px; }
 .social-pro-body .sm-enquiry-slate { left:75px; }
 .social-pro-body .sm-faq-container { gap:0 30px; }
 .social-pro-body .sm-learning-loop li:nth-child(2) { border-right:0; }
 .social-pro-body .sm-learning-loop li:nth-child(-n+2) { border-bottom:1px solid #ffffff26; }
}
@media(max-width:767px) {
 .social-pro-body #audience .sm-card:nth-child(2) { transform:none; }
 .social-pro-body .sm-persona-art { display:flex; align-items:center; gap:15px; }
 .social-pro-body .sm-persona-art .sm-line-art { width:60%; height:115px; }
 .social-pro-body .sm-persona-art > span { max-width:100px; line-height:1.8; }
 .social-pro-body .sm-learning-loop li { padding:22px 18px; }
 .social-pro-body .sm-learning-loop li > span { font-size:48px; }
 .social-pro-body .sm-learning-loop li::after { top:28px; right:14px; font-size:20px; }
 .social-pro-body .sm-roadmap { gap:8px; font-size:9px; }
 .social-pro-body .sm-roadmap span { flex-direction:column; align-items:start; gap:8px; }
 .social-pro-body .sm-phase-art { height:150px; padding-left:70px; }
 .social-pro-body .sm-phase-number { font-size:58px; }
 .social-pro-body .sm-format-art { gap:12px; }
 .social-pro-body .sm-format-art > button { padding:18px 12px; }
 .social-pro-body .sm-format-art span { font-size:8px; }
 .social-pro-body .sm-format-art svg { width:100%; height:100px; }
 .social-pro-body .sm-faq-container { display:block; }
 .social-pro-body .sm-faq-container > header { position:static; }
 .social-pro-body .sm-faq-graphic { font-size:70px; margin:25px 0 35px; }
 .social-pro-body .sm-enquiry-art { max-width:360px; margin-inline:auto; }
 .social-pro-body .sm-enquiry-slate { left:85px; }
 .social-pro-body .sm-end-frame strong { font-size:clamp(42px,10vw,76px); }
 .social-pro-body .sm-end-frame b { font-size:40px; }
}
@media(prefers-reduced-motion:reduce) { .social-pro-body .sm-line-art *, .social-pro-body .sm-enquiry-disc span { animation:none; } }

/* Closing actions and final readability polish. */
.social-pro-body #creative-tools { scroll-margin-top:140px; }
.social-pro-body .sm-end-frame .sm-container > .sm-end-actions { border:0; justify-content:flex-start; align-items:center; gap:20px 30px; padding:0 0 32px; font:14px Inter,sans-serif; letter-spacing:0; }
.social-pro-body .sm-end-actions .sm-button { background:#111; color:#fff; border-color:#111; box-shadow:none; }
.social-pro-body .sm-end-actions .sm-button:hover { background:#292929; }
.social-pro-body .sm-end-actions a { min-height:44px; display:inline-flex; align-items:center; text-underline-offset:5px; }
.social-pro-body .sm-end-frame :is(button,a):focus-visible { outline-color:#111; }
.social-pro-body .sm-section-nav a[aria-current="location"] { color:#ffe082; text-decoration:underline; text-underline-offset:7px; }
.social-pro-body .sm-project-card:focus-within { border-color:#ffb30088; }
.social-pro-body .sm-tool-tiles span { cursor:default; }
@media(max-width:450px) { .social-pro-body .sm-end-frame b { right:-4px; top:-35px; } }
/* Responsive information hierarchy: detail on demand, comfortable reading and touch. */
.social-pro-body .sm-project-briefs > summary,
.social-pro-body .sm-studio-disclosure > summary { cursor:pointer; min-height:48px; padding:14px 0; color:#ffe082; font-size:14px; font-weight:600; }
.social-pro-body .sm-project-brief-content { padding-top:8px; }
.social-pro-body .sm-studio-disclosure { min-width:0; }
.social-pro-body .sm-studio-disclosure > summary { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px; border:1px solid #ffb30055; border-radius:8px; list-style:none; }
.social-pro-body .sm-studio-disclosure > summary::-webkit-details-marker { display:none; }
.social-pro-body .sm-studio-disclosure[open] > summary { margin-bottom:16px; }
.social-pro-body .sm-studio-disclosure[open] > summary span { transform:rotate(45deg); }
.social-pro-body main .sm-tools-heading { margin:56px 0 24px; }
.social-pro-body .sm-section-nav a { min-height:44px; display:inline-flex; align-items:center; }
.social-pro-body .sm-section-nav .sm-container { padding-block:8px; }
.social-pro-body .sm-form :is(input:not([type="radio"]),select) { font-size:16px; }
.social-pro-body .sm-form :is(input,select):focus-visible { outline-offset:2px; }
.social-pro-body .sm-form .sm-radio { padding:6px 0; }
.social-pro-body :is(.sm-disclosure,.sm-project-briefs) > summary { min-height:48px; }
.social-pro-body .sm-note { line-height:1.6; }
@media(min-width:768px) {
 .social-pro-body [data-sm-responsive-details][open] > summary { display:none; }
 .social-pro-body .sm-project-brief-content { padding-top:0; }
 .social-pro-body .sm-studio-panel p { max-width:48ch; }
}
@media(max-width:767px) {
 .social-pro-body { font-size:15px; line-height:1.6; }
 .social-pro-body main h2 { font-size:29px; line-height:1.15; margin-bottom:16px; }
 .social-pro-body main h3 { font-size:19px; line-height:1.25; }
 .social-pro-body .sm-hero { padding-top:116px; padding-bottom:24px; }
 .social-pro-body .sm-hero h1 { font-size:clamp(34px,9.4vw,42px); margin-bottom:16px; }
 .social-pro-body .sm-descriptor { font-size:19px; margin-bottom:14px; }
 .social-pro-body .sm-intro { font-size:15px; line-height:1.6; }
 .social-pro-body .sm-benefits { display:flex; flex-wrap:wrap; gap:6px 14px; margin:18px 0 22px; font-size:12px; }
 .social-pro-body .sm-hero .sm-actions { gap:8px; }
 .social-pro-body .sm-hero .sm-button-secondary { min-height:44px; padding:10px 16px; border-color:transparent; box-shadow:none; }
 .social-pro-body .sm-hero .sm-helper { display:none; }
 .social-pro-body .sm-hero-art { margin-top:16px; }
 .social-pro-body .sm-montage-main { aspect-ratio:16/9; }
 .social-pro-body .sm-viewfinder { inset:14px; padding:4px 12px; }
 .social-pro-body .sm-viewfinder b { font-size:clamp(29px,9vw,38px); }
 .social-pro-body .sm-editor-timeline { padding:8px 12px; }
 .social-pro-body .sm-time-ruler { display:none; }
 .social-pro-body .sm-art-sticker { padding:10px; top:-20px; right:0; }
 .social-pro-body .sm-art-sticker strong { font-size:18px; }
 .social-pro-body .sm-art-sticker { font-size:9px; }
 .social-pro-body .sm-motion-toolbar { padding-bottom:16px; }
 .social-pro-body .sm-creative-ribbon { padding:12px 0; }
 .social-pro-body .sm-scroll-story { display:none; }
 .social-pro-body .sm-section-nav .sm-container { flex-wrap:nowrap; gap:20px; overflow-x:auto; scrollbar-width:thin; }
 .social-pro-body .sm-section-nav a { white-space:nowrap; flex-shrink:0; font-size:13px; }
 .social-pro-body .sm-section { padding-block:36px; }
 .social-pro-body .sm-section-heading { margin-bottom:22px; }
 .social-pro-body .sm-disclaimer { font-size:12px; margin-bottom:18px; }
 .social-pro-body .sm-project-grid { gap:16px; }
 .social-pro-body .sm-project-card > img { aspect-ratio:2.5; }
 .social-pro-body .sm-card-body { padding:20px; }
 .social-pro-body .sm-card-body > p:not(.sm-small-label) { margin-bottom:10px; }
 .social-pro-body .sm-small-label { margin-bottom:10px; }
 .social-pro-body .sm-project-briefs > summary { border-top:1px solid #ffffff20; }
 .social-pro-body #audience .sm-three-grid { gap:0; border:1px solid #ffffff25; border-radius:8px; overflow:hidden; }
 .social-pro-body #audience .sm-card { padding:18px 20px; border:0; border-bottom:1px solid #ffffff20; }
 .social-pro-body #audience .sm-card:last-child { border-bottom:0; }
 .social-pro-body #audience .sm-persona-art { display:none; }
 .social-pro-body #audience .sm-card p { font-size:14px; }
 .social-pro-body #audience .sm-commitment { margin-top:24px; }
 .social-pro-body .sm-split-heading { gap:0; margin-bottom:22px; }
 .social-pro-body .sm-learning-loop { grid-template-columns:1fr; gap:0; }
 .social-pro-body .sm-learning-loop li { padding:18px 18px 18px 66px; border:0; border-bottom:1px solid #ffffff20; }
 .social-pro-body .sm-learning-loop li > span { position:absolute; left:18px; top:18px; font-size:26px; margin:0; }
 .social-pro-body .sm-learning-loop li::after { display:none; }
 .social-pro-body .sm-learning-loop h3 { margin-bottom:6px; font-size:17px; }
 .social-pro-body .sm-learning-loop p { font-size:14px; }
 .social-pro-body .sm-roadmap { display:none; }
 .social-pro-body .sm-phase-grid { gap:14px; }
 .social-pro-body .sm-phase { padding:20px; }
 .social-pro-body .sm-phase-art { float:right; width:48px; height:42px; padding:0; margin:0 0 8px 10px; border:0; background:none; }
 .social-pro-body .sm-phase-art .sm-line-art { display:none; }
 .social-pro-body .sm-phase-number { position:static; font-size:32px; }
 .social-pro-body .sm-phase > p:not(.sm-small-label) { font-size:14px; margin-bottom:16px; }
 .social-pro-body .sm-phase .sm-small-label { font-size:11px; }
 .social-pro-body .sm-studio-intro { margin-bottom:18px; }
 .social-pro-body .sm-studio-panel { padding:20px; }
 .social-pro-body .sm-tabs button { min-height:48px; }
 .social-pro-body .sm-format-art { gap:12px; margin-bottom:18px; }
 .social-pro-body .sm-format-art svg { height:60px; }
 .social-pro-body .sm-format-art > button { padding:16px; }
 .social-pro-body .sm-format-art span { font-size:8px; line-height:1.5; }
 .social-pro-body .sm-format-art strong { font-size:27px; }
 .social-pro-body :is(th,td) { padding:14px 10px; font-size:13px; }
 .social-pro-body table caption { font-size:12px; }
 .social-pro-body main .sm-tools-heading { margin:32px 0 18px; }
 .social-pro-body #delivery-modes .sm-three-grid { gap:12px; }
 .social-pro-body #delivery-modes .sm-card { padding:18px; }
 .social-pro-body .sm-tool-tiles { display:none; }
 .social-pro-body #delivery-modes h4 { margin-bottom:8px; font-size:17px; }
 .social-pro-body #delivery-modes .sm-card p { font-size:14px; }
 .social-pro-body .sm-pricing-grid { gap:24px; }
 .social-pro-body .sm-inclusions > div { padding-block:16px; padding-left:36px; }
 .social-pro-body .sm-inclusions > div::before { top:19px; font-size:12px; }
 .social-pro-body .sm-inclusions h3 { font-size:17px; margin-bottom:6px; }
 .social-pro-body .sm-inclusions p { font-size:14px; }
 .social-pro-body .sm-price-card { padding:24px; box-shadow:none; }
 .social-pro-body .sm-pass-header { margin-bottom:20px; padding-bottom:16px; }
 .social-pro-body .sm-pass-header > span:last-child { font-size:30px; }
 .social-pro-body .sm-policy-grid { gap:22px; }
 .social-pro-body #creator-enquiry-section h2 { font-size:32px; }
 .social-pro-body .sm-enquiry-art { display:none; }
 .social-pro-body .sm-contact-link { margin-top:18px; font-size:19px; }
 .social-pro-body .sm-form-card { padding:22px 18px; }
 .social-pro-body .sm-form-fields { gap:18px; }
 .social-pro-body .sm-faq-graphic { display:none; }
 .social-pro-body .sm-faq summary { font-size:15px; padding-block:20px; }
 .social-pro-body .sm-end-frame { padding:40px 0 28px; }
 .social-pro-body .sm-end-frame strong { margin:28px 0; }
 .social-pro-body .sm-end-frame .sm-container > .sm-end-actions { gap:8px; }
 .social-pro-body .sm-end-actions .sm-button { width:100%; }
 .social-pro-body .sm-sticky:not([hidden]) { padding-block:8px calc(8px + env(safe-area-inset-bottom)); }
}
@media(hover:none) { .social-pro-body .sm-project-card:hover, .social-pro-body .sm-button:hover { transform:none; } }
.social-pro-body .sm-phone-control { display:grid; grid-template-columns:minmax(110px,.85fr) minmax(0,1.35fr); gap:8px; }
.social-pro-body .sm-phone-control .sm-country-select { width:100%; min-width:0; padding-right:24px; text-overflow:ellipsis; }
.social-pro-body .sm-form-fields > div:has(> input[name="name"]) { grid-column:1 / -1; }
@media(max-width:400px) { .social-pro-body .sm-phone-control { grid-template-columns:1fr; } }
/* Compact admissions dialog, with an explicit one-column form layout. */
.social-pro-body .sm-dialog { width:min(500px,calc(100% - 32px)); padding:28px; border:1px solid #ffffff26; border-radius:20px; background:#161616; box-shadow:0 28px 100px #0009; }
.social-pro-body .sm-dialog::backdrop { background:#000b; backdrop-filter:blur(7px); }
.social-pro-body .sm-dialog-head { align-items:flex-start; gap:12px; margin-bottom:12px; }
.social-pro-body .sm-dialog-head .sm-eyebrow { font-size:10px; letter-spacing:.15em; margin-bottom:10px; }
.social-pro-body .sm-dialog-head h2 { font-size:27px; line-height:1.15; letter-spacing:-.04em; }
.social-pro-body .sm-dialog .sm-close { display:grid; place-items:center; width:44px; height:44px; padding:0; min-width:44px; background:#ffffff08; border:1px solid #ffffff20; border-radius:50%; font-size:24px; line-height:1; color:#ccc; }
.social-pro-body .sm-dialog .sm-close:hover { background:#ffffff15; color:#fff; }
.social-pro-body .sm-dialog .sm-dialog-description { font-size:14px; line-height:1.6; margin-bottom:24px; }
.social-pro-body .sm-dialog .sm-form-fields { grid-template-columns:minmax(0,1fr); gap:20px; margin:24px 0; }
.social-pro-body .sm-dialog .sm-form-fields > * { min-width:0; grid-column:1; }
.social-pro-body .sm-dialog .sm-form :is(label,legend) { font-size:13px; margin-bottom:8px; }
.social-pro-body .sm-dialog .sm-form :is(label,legend) > span { font-size:11px; }
.social-pro-body .sm-dialog .sm-form :is(input:not([type="radio"]),select) { height:50px; background:#0d0d0d; border:1px solid #444; border-radius:8px; }
.social-pro-body .sm-dialog .sm-form :is(input,select):focus-visible { outline:2px solid #ffb300; outline-offset:2px; }
.social-pro-body .sm-dialog .sm-field-error:empty { display:none; }
.social-pro-body .sm-dialog .sm-phone-control { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
.social-pro-body .sm-dialog .sm-form small { font-size:11px; margin-top:8px; }
.social-pro-body .sm-dialog fieldset { display:grid; grid-template-columns:1fr 1fr 1.25fr; gap:8px; }
.social-pro-body .sm-dialog fieldset legend { float:none; width:auto; padding:0; margin-bottom:10px; }
.social-pro-body .sm-dialog .sm-form .sm-radio { display:flex; justify-content:center; align-items:center; gap:7px; padding:10px 6px; min-height:46px; margin:0; border:1px solid #444; border-radius:8px; font-size:12px; cursor:pointer; white-space:nowrap; }
.social-pro-body .sm-dialog .sm-radio:has(input:checked) { background:#ffb30012; border-color:#ffb300; color:#ffe082; }
.social-pro-body .sm-dialog .sm-radio input { width:15px; height:15px; margin:0; flex-shrink:0; }
.social-pro-body .sm-dialog .sm-form > .sm-button { min-height:50px; border-radius:9px; }
.social-pro-body .sm-dialog .sm-form-helper { margin-top:14px; font-size:11px; line-height:1.6; color:#aaa; }
@media(max-width:480px) {
 .social-pro-body .sm-dialog { padding:22px 20px; border-radius:16px; width:calc(100% - 24px); max-height:calc(100dvh - 24px); }
 .social-pro-body .sm-dialog-head h2 { font-size:24px; }
 .social-pro-body .sm-dialog .sm-dialog-description { margin-bottom:18px; }
 .social-pro-body .sm-dialog .sm-form-fields { gap:18px; margin:20px 0; }
 .social-pro-body .sm-dialog .sm-phone-control { grid-template-columns:1fr; }
 .social-pro-body .sm-dialog .sm-form .sm-radio { font-size:11px; gap:5px; padding-inline:4px; }
}
/* Locally served intl-tel-input 25: compact trigger and searchable country sheet. */
.social-pro-body .sm-phone-picker { --iti-border-color:#444; --iti-dropdown-bg:#1c1c1c; --iti-hover-color:#ffb30018; --iti-text-gray:#bcbcbc; width:100%; color:#f4f4f4; }
.social-pro-body .sm-phone-picker .iti__selected-country { color:#fff; border:0; background:transparent; min-height:48px; font:14px Inter,sans-serif; }
.social-pro-body .sm-phone-picker .iti__selected-country-primary { padding-inline:12px 6px; }
.social-pro-body .sm-phone-picker .iti__selected-dial-code { margin-inline:4px 12px; }
.social-pro-body .sm-phone-picker .iti__arrow { border-top-color:#ccc; }
.social-pro-body .sm-phone-picker .iti__arrow--up { border-bottom-color:#ccc; }
.social-pro-body .sm-phone-picker input[type="tel"] { width:100%; }
.social-pro-body .sm-phone-picker.iti--container { z-index:11000; width:auto; padding:24px; align-items:center; justify-content:center; background:#000b; backdrop-filter:blur(5px); }
.social-pro-body .sm-phone-picker .iti__dropdown-content { width:min(420px,100%); max-height:min(480px,calc(100dvh - 48px)); background:#1c1c1c; border:1px solid #555; border-radius:14px; box-shadow:0 20px 80px #0008; overflow:hidden; color:#fff; }
.social-pro-body .sm-phone-picker .iti__country-list { max-height:none; min-height:0; overflow-y:auto; margin:0; padding:6px; list-style:none; overscroll-behavior:contain; background:#1c1c1c; border:0; }
.social-pro-body .sm-phone-picker .iti__country { min-height:46px; display:flex; align-items:center; gap:8px; padding:10px; border-radius:6px; font:14px Inter,sans-serif; white-space:normal; }
.social-pro-body .sm-phone-picker .iti__country-name { flex:1; }
.social-pro-body .sm-phone-picker .iti__dial-code { color:#ccc; }
.social-pro-body .sm-phone-picker .iti__search-input-wrapper { padding:12px; border-bottom:1px solid #444; flex-shrink:0; }
.social-pro-body .sm-phone-picker input.iti__search-input { width:100%; min-height:48px; font:16px Inter,sans-serif; background:#101010; color:#fff; border:1px solid #555; border-radius:8px; padding:12px 12px 12px 36px; }
.social-pro-body .sm-phone-picker .iti__search-icon { left:24px; }
.social-pro-body .sm-phone-picker .iti__highlight { background:#ffb30020; }
@media(max-width:480px) {
 .social-pro-body .sm-phone-picker.iti--container { padding:16px; }
 .social-pro-body .sm-phone-picker .iti__dropdown-content { max-height:calc(100dvh - 32px); }
 .social-pro-body .sm-phone-picker .iti__country { min-height:48px; }
}
/* Anchor the searchable list beneath the complete phone field on every viewport. */
.social-pro-body .sm-phone-picker.iti--inline-dropdown { position:relative; }
.social-pro-body .sm-phone-picker .iti__country-container { position:absolute; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__dropdown-content { position:absolute; top:100%; left:0; right:auto; margin:5px 0 0; width:100%; max-height:260px; z-index:20; border-radius:10px; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__dropdown-content:not(.iti__hide) { display:flex; flex-direction:column; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__country-list { max-height:186px; flex:1; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__search-input-wrapper { padding:10px; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__country { min-height:44px; font-size:13px; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__search-icon { left:22px; }
/* Compact list rows fill their panel; opening reserves space in the form. */
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__dropdown-content { max-height:218px; box-shadow:0 8px 24px #0005; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__country-list { width:100%; max-width:none; max-height:150px; padding:4px; flex:1 1 auto; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__country { width:100%; min-height:42px; padding:9px 10px; gap:10px; font-size:13px; line-height:1.4; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__country-name { margin:0; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__dial-code { margin-left:auto; padding-left:8px; white-space:nowrap; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown .iti__search-input-wrapper { padding:8px; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown input.iti__search-input { min-height:44px; height:44px; border-radius:6px; font-size:16px; }
.social-pro-body .sm-phone-picker.iti--inline-dropdown input.iti__search-input:focus-visible { outline:1px solid #ffb300; outline-offset:0; }
/* Desktop layout rhythm: opaque navigation, aligned card rows and bounded graphics. */
.social-pro-body .con-navbar-second .navbar-section-one { background:#141414; backdrop-filter:none; -webkit-backdrop-filter:none; border-color:#ffffff24; box-shadow:0 8px 30px #0005; }
@media(min-width:1024px) {
 .social-pro-body .sm-section { padding-block:68px; }
 .social-pro-body .sm-hero { padding-top:158px; padding-bottom:52px; }
 .social-pro-body .sm-orbit { top:-30px; right:-35px; }
 .social-pro-body .sm-orbit > span { font-size:62px; }
 .social-pro-body .sm-scroll-story { min-height:125vh; }
 .social-pro-body .sm-story-stage { top:110px; min-height:calc(100vh - 110px); padding-block:48px; gap:48px; }
 .social-pro-body .sm-story-art { height:430px; }
 .social-pro-body .sm-story-copy h2 { font-size:clamp(42px,4vw,58px); }
 .social-pro-body :is(.sm-project-grid,.sm-three-grid,.sm-phase-grid) { align-items:stretch; }
 .social-pro-body .sm-project-card { height:100%; }
 .social-pro-body .sm-project-card:hover { transform:none; }
 .social-pro-body .sm-project-card .sm-card-body > h3 { min-height:50px; margin-bottom:8px; }
 .social-pro-body .sm-project-card .sm-card-body > p:not(.sm-small-label) { min-height:72px; }
 .social-pro-body #audience .sm-card:nth-child(2) { transform:none; }
 .social-pro-body .sm-persona-art { margin-bottom:22px; }
 .social-pro-body .sm-persona-art .sm-line-art { height:125px; }
 .social-pro-body #audience .sm-commitment { margin-top:32px; }
 .social-pro-body .sm-learning-loop li { padding:26px 24px; }
 .social-pro-body .sm-learning-loop li > span { font-size:50px; margin-bottom:24px; letter-spacing:-.025em; }
 .social-pro-body .sm-roadmap { padding:12px 0 28px; }
 .social-pro-body .sm-phase-art { height:140px; margin-bottom:22px; }
 .social-pro-body .sm-phase .sm-line-art { height:125px; }
 .social-pro-body .sm-phase-number { font-size:60px; letter-spacing:-.025em; }
 .social-pro-body .sm-phase > p:not(.sm-small-label) { min-height:50px; }
 .social-pro-body .sm-phase { padding:28px; }
 .social-pro-body .sm-format-art svg { height:110px; }
 .social-pro-body .sm-format-art > button { padding:26px; }
 .social-pro-body .sm-format-art strong { font-size:38px; }
 .social-pro-body .sm-pricing-grid, .social-pro-body .sm-enquiry-grid { gap:60px; }
 .social-pro-body .sm-price-card { padding:32px; }
 .social-pro-body .sm-pass-header { padding-bottom:20px; margin-bottom:24px; }
 .social-pro-body .sm-pass-header > span:last-child { font-size:36px; }
 .social-pro-body .sm-policy-grid { margin-top:36px; }
 .social-pro-body .sm-end-frame strong { letter-spacing:-.035em; font-size:clamp(70px,8.5vw,122px); }
}
@media(min-width:768px) and (max-height:740px) {
 .social-pro-body .sm-story-stage { min-height:580px; }
 .social-pro-body .sm-story-art { height:390px; }
}
/* Inline enquiry: a compact, consistent counterpart to the admissions dialog. */
.social-pro-body #creator-enquiry-section .sm-form-card { padding:30px; border:1px solid #ffffff24; border-top:2px solid #ffb300; border-radius:16px; background:linear-gradient(145deg,#1b1b1b,#161616); box-shadow:0 18px 48px #0003; }
.social-pro-body .sm-inline-form-heading { padding-bottom:22px; border-bottom:1px solid #ffffff14; }
.social-pro-body .sm-inline-form-heading .sm-eyebrow { font-size:10px; margin-bottom:10px; }
.social-pro-body main .sm-inline-form-heading h3 { font-size:27px; margin-bottom:10px; }
.social-pro-body .sm-inline-form-heading > p:last-child { font-size:13px; line-height:1.6; }
.social-pro-body #socialLeadForm .sm-form-fields { grid-template-columns:minmax(0,1fr); margin:24px 0; gap:22px; }
.social-pro-body #socialLeadForm :is(label,legend) { font-size:13px; margin-bottom:9px; }
.social-pro-body #socialLeadForm :is(label,legend) > span { font-size:11px; }
.social-pro-body #socialLeadForm input:not([type="radio"]) { min-height:50px; border-radius:8px; background:#0f0f0f; }
.social-pro-body #socialLeadForm .sm-field-error:empty { display:none; }
.social-pro-body #socialLeadForm small { font-size:11px; margin-top:8px; }
.social-pro-body #socialLeadForm fieldset { display:grid; grid-template-columns:1fr 1fr 1.25fr; gap:8px; }
.social-pro-body #socialLeadForm legend { float:none; width:auto; padding:0; margin-bottom:10px; }
.social-pro-body #socialLeadForm .sm-radio { display:flex; align-items:center; justify-content:center; gap:7px; min-height:48px; margin:0; padding:10px 6px; border:1px solid #444; border-radius:8px; cursor:pointer; font-size:12px; white-space:nowrap; }
.social-pro-body #socialLeadForm .sm-radio:has(input:checked) { background:#ffb30012; border-color:#ffb300; color:#ffe082; }
.social-pro-body #socialLeadForm .sm-radio input { width:15px; height:15px; margin:0; flex-shrink:0; }
.social-pro-body #socialLeadForm > .sm-button { min-height:52px; border-radius:9px; }
.social-pro-body #socialLeadForm .sm-form-helper { margin-top:16px; font-size:11px; line-height:1.65; text-align:center; }
.social-pro-body #socialLeadForm .sm-form-helper a { color:#ddd; }
@media(max-width:767px) {
 .social-pro-body #creator-enquiry-section .sm-form-card { padding:24px 20px; }
 .social-pro-body main .sm-inline-form-heading h3 { font-size:24px; }
 .social-pro-body #socialLeadForm .sm-radio { font-size:11px; gap:5px; padding-inline:4px; }
}
/* Mobile reading flow: supporting details and footer expand on demand. */
.social-pro-body .sm-mobile-format-summary { display:none; }
.social-pro-body .sm-supporting-details > summary { min-height:48px; cursor:pointer; padding:16px 28px 16px 0; font-size:14px; font-weight:600; list-style:none; position:relative; }
.social-pro-body .sm-supporting-details > summary::-webkit-details-marker { display:none; }
.social-pro-body .sm-supporting-details > summary::after { content:'+'; position:absolute; right:4px; color:#ffb300; }
.social-pro-body .sm-supporting-details[open] > summary::after { content:'−'; }
@media(min-width:768px) { .social-pro-body .sm-supporting-details > summary { display:none; } }
@media(max-width:767px) {
 .social-pro-body .sm-supporting-details { border-block:1px solid #ffffff20; }
 .social-pro-body .sm-supporting-details[open] { padding-bottom:16px; }
 .social-pro-body #audience .sm-commitment { margin-top:20px; }
 .social-pro-body #learning-experience .sm-section-heading { margin-bottom:16px; }
 .social-pro-body .sm-mobile-format-summary { display:block; padding:18px; background:#191919; border:1px solid #ffffff20; border-radius:8px; }
 .social-pro-body .sm-mobile-format-summary p { font-size:13px; }
 .social-pro-body .sm-mobile-format-summary ul { display:flex; flex-wrap:wrap; gap:8px 18px; padding-left:18px; margin:12px 0 0; font-size:14px; }
 .social-pro-body #delivery-modes .sm-table-wrap { display:none; }
 .social-pro-body .new-footer .sm-footer-original-heading { display:none; }
 .social-pro-body .new-footer .footer-links-grid { display:block; }
 .social-pro-body .new-footer .footer-column { margin:0; }
 .social-pro-body .new-footer .sm-supporting-details { border-bottom:0; }
 .social-pro-body .new-footer .footer-column:last-child .sm-supporting-details { border-bottom:1px solid #ffffff20; }
 .social-pro-body .new-footer .sm-supporting-details > summary { color:#eee; font-size:14px; }
 .social-pro-body .new-footer .footer-column ul { padding-bottom:4px; }
 .social-pro-body .new-footer .footer-column ul li a { display:inline-flex; min-height:44px; align-items:center; }
 .social-pro-body .new-footer .footer-locations, .social-pro-body .new-footer .footer-queries { margin-top:20px; }
 .social-pro-body .new-footer .footer-top { margin-bottom:20px; }
 .social-pro-body .new-footer .footer-divider { margin-block:20px; }
 .social-pro-body .new-footer .locations-grid, .social-pro-body .new-footer .queries-grid { padding-top:12px; }
 .social-pro-body .sm-hero .sm-orbit { display:none; }
}
/* Keep the two course disciplines clearly separated from supporting copy. */
.social-pro-body main .sm-descriptor { margin-bottom:22px; line-height:1.5; }
.social-pro-body .sm-descriptor > span { display:block; }
@media(max-width:767px) { .social-pro-body main .sm-descriptor { margin-bottom:18px; font-size:clamp(17px,4.8vw,19px); } }
/* Learning-format cards are actionable enquiries, with mode carried into the form. */
.social-pro-body .sm-format-art > button { text-align:left; color:#fff; font:inherit; cursor:pointer; transition:transform .2s,border-color .2s; }
.social-pro-body .sm-format-art > button:hover { border-color:#ffb300; transform:translateY(-3px); }
.social-pro-body .sm-format-art > button small { display:block; margin-top:16px; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
.social-pro-body .sm-format-art > button:focus-visible { outline:3px solid #ffb300; outline-offset:5px; }
.social-pro-body .sm-format-art > button:last-child:focus-visible { outline-color:#fff; }
@media(max-width:767px) { .social-pro-body .sm-format-art > button small { font-size:11px; line-height:1.5; margin-top:12px; } }
.social-pro-body .sm-studio-intro { grid-template-columns:1fr; }
.social-pro-body .sm-auto-chapters { display:flex; gap:0; list-style:none; padding:0; margin:0; background:#191919; border-bottom:1px solid #ffffff20; }
.social-pro-body .sm-auto-chapters li { flex:1; padding:18px; font-size:13px; color:#aaa; border-bottom:2px solid transparent; }
.social-pro-body .sm-auto-chapters li[aria-current] { color:#ffe082; border-bottom-color:#ffb300; background:#ffb3000a; }
.social-pro-body .sm-edit-steps > span { padding:10px 16px; border:1px solid #444; border-radius:6px; font-size:13px; }
.social-pro-body .sm-edit-steps > .is-active { color:#ffe082; border-color:#ffb300; background:#ffb30012; }
.social-pro-body .sm-studio-paused * { animation-play-state:paused !important; }
.social-pro-body .sm-auto-studio .sm-studio-panel { min-height:330px; }
@media(max-width:767px) { .social-pro-body .sm-auto-chapters li { padding:14px 8px; font-size:11px; } .social-pro-body .sm-auto-studio .sm-studio-panel { min-height:470px; } }
@media(prefers-reduced-motion:reduce) { .social-pro-body .sm-auto-studio .sm-studio-panel { min-height:0; } .social-pro-body .sm-auto-studio .sm-studio-panel + .sm-studio-panel { border-top:1px solid #444; } }
.social-pro-body .sm-auto-studio .sm-edit-steps { gap:18px; }
.social-pro-body .sm-auto-studio .sm-edit-steps > span { padding:8px 0; border:0; border-bottom:2px solid transparent; border-radius:0; background:none; color:#aaa; }
.social-pro-body .sm-auto-studio .sm-edit-steps > .is-active { border-bottom-color:#ffb300; color:#ffe082; }
/* Premiere-inspired sequence panel, kept decorative and lightweight. */
.social-pro-body .sm-editor-timeline.sm-nle { padding:0; background:#202020; border-color:#414141; font:9px/1.4 monospace; color:#aaa; }
.social-pro-body .sm-nle-transport { display:none; align-items:center; justify-content:space-between; padding:9px 14px; border-bottom:1px solid #111; background:#252525; }
.social-pro-body .sm-nle-transport > span { color:#71b9ff; }
.social-pro-body .sm-nle-transport > div { color:#d6d6d6; font-size:12px; }
.social-pro-body .sm-nle-transport small { font-size:9px; }
.social-pro-body .sm-nle-title { display:flex; justify-content:space-between; border-bottom:1px solid #111; padding:5px 10px; color:#eee; background:#292929; }
.social-pro-body .sm-nle-title > span:first-child { border-bottom:2px solid #4ba8f7; padding-bottom:3px; margin-bottom:-5px; }
.social-pro-body .sm-nle-toolbar { display:flex; justify-content:space-between; align-items:center; padding:4px 10px; }
.social-pro-body .sm-nle-toolbar b { color:#65b5ff; font-weight:400; font-size:11px; }
.social-pro-body .sm-nle-sequence { position:relative; padding-bottom:6px; overflow:hidden; }
.social-pro-body .sm-nle-ruler { display:grid; grid-template-columns:62px 1fr; height:20px; }
.social-pro-body .sm-nle-ruler > div { display:flex; justify-content:space-between; padding:0 7px 7px; background:repeating-linear-gradient(90deg,#777 0 1px,transparent 1px 12px) bottom/100% 4px no-repeat; border-bottom:1px solid #555; }
.social-pro-body .sm-nle-row { display:grid; grid-template-columns:62px minmax(0,1fr); min-height:23px; border-bottom:1px solid #181818; }
.social-pro-body .sm-nle-track { display:flex; align-items:center; justify-content:space-between; padding:0 7px; font-size:9px; border-right:1px solid #111; color:#8ebbe7; background:#292929; }
.social-pro-body .sm-nle-track > span { color:#888; font-size:8px; }
.social-pro-body .sm-nle-lane { display:flex; gap:2px; min-width:0; padding:2px 4px; background:repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 25%); }
.social-pro-body .sm-nle-lane i { display:block; min-width:0; padding:3px 5px; border:1px solid #858cc2; border-radius:2px; color:#171929; background:#858ac0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:8px; font-style:normal; }
.social-pro-body .sm-nle-titles { padding-left:12%; gap:8%; }
.social-pro-body .sm-nle-titles i { background:#b392c4; border-color:#d0b1df; width:38%; }
.social-pro-body .sm-nle-titles i:last-child { width:32%; }
.social-pro-body .sm-nle-video i { flex:1; }
.social-pro-body .sm-nle-video i:nth-child(2) { flex:1.5; background:#a0a5d9; }
.social-pro-body .sm-nle-audio-row { min-height:32px; margin-top:3px; border-top:1px solid #666; }
.social-pro-body .sm-nle-audio i { width:100%; padding:2px 5px; background:#5d9765; border-color:#7bb682; color:#102c16; }
.social-pro-body .sm-nle-audio svg { display:block; width:100%; height:11px; stroke:#163e20; stroke-width:1; fill:none; }
.social-pro-body .sm-nle-music i { width:100%; background:#487f55; border-color:#63976d; color:#132d19; padding-block:3px; }
.social-pro-body .sm-nle-music i span { display:block; line-height:6px; font-size:15px; color:#173e21; }
.social-pro-body .sm-nle-playhead { position:absolute; top:16px; bottom:5px; left:64px; width:1px; background:#42a5ff; box-shadow:0 0 4px #42a5ff55; animation:sm-nle-scan 12s linear infinite; pointer-events:none; }
.social-pro-body .sm-nle-playhead::before { content:''; position:absolute; top:-5px; left:-4px; width:9px; height:9px; background:#42a5ff; clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%); }
.social-pro-body .sm-nle-footer { display:flex; justify-content:space-between; padding:4px 10px; border-top:1px solid #111; background:#292929; font-size:8px; }
@keyframes sm-nle-scan { from { left:64px; } to { left:96%; } }
@media(max-width:767px) {
 .social-pro-body .sm-nle-ruler,.social-pro-body .sm-nle-row { grid-template-columns:48px minmax(0,1fr); }
 .social-pro-body .sm-nle-track { padding-inline:5px; }
 .social-pro-body .sm-nle-lane i { font-size:7px; }
 .social-pro-body .sm-nle-ruler { font-size:8px; }
 .social-pro-body .sm-nle-toolbar { padding-block:4px; }
 @keyframes sm-nle-scan { from { left:50px; } to { left:96%; } }
}
/* Dedicated mobile storyboard; desktop retains the Premiere-style workspace. */
.social-pro-body .sm-mobile-edit { display:none; }
@media(max-width:767px) {
 .social-pro-body .sm-editor-timeline.sm-nle { display:none; }
 .social-pro-body .sm-mobile-edit { display:block; padding:12px; background:#191919; border:1px solid #414141; border-top:0; border-radius:0 0 10px 10px; }
 .social-pro-body .sm-mobile-edit-heading,.social-pro-body .sm-mobile-edit-meta { display:flex; justify-content:space-between; gap:8px; font:8px/1.5 monospace; letter-spacing:.04em; color:#aaa; }
 .social-pro-body .sm-mobile-edit-heading { margin-bottom:10px; color:#ffe082; }
 .social-pro-body .sm-mobile-shots { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
 .social-pro-body .sm-mobile-shots > div { min-width:0; border:1px solid #555; border-radius:4px; overflow:hidden; animation:sm-shot-highlight 9s linear infinite; }
 .social-pro-body .sm-mobile-shots > div:nth-child(2) { animation-delay:-6s; }
 .social-pro-body .sm-mobile-shots > div:nth-child(3) { animation-delay:-3s; }
 .social-pro-body .sm-mobile-shots img { display:block; width:100%; height:auto; aspect-ratio:2; object-fit:cover; }
 .social-pro-body .sm-mobile-shots > div > span { display:block; padding:5px; font:8px monospace; color:#ddd; }
 .social-pro-body .sm-mobile-scrubber { position:relative; height:3px; margin:12px 0 9px; background:#ffffff25; }
 .social-pro-body .sm-mobile-scrubber > span { position:absolute; left:0; top:-2px; width:7px; height:7px; border-radius:50%; background:#ffb300; box-shadow:0 0 8px #ffb30055; animation:sm-mobile-scan 9s linear infinite; }
}
@keyframes sm-mobile-scan { from { left:0; } to { left:calc(100% - 7px); } }
@keyframes sm-shot-highlight { 0%,32% { border-color:#ffb300; } 34%,100% { border-color:#555; } }
/* Mobile conversion hierarchy: one primary action, concise outcomes, compact visual. */
@media(max-width:767px) {
 .social-pro-body .con-navbar-second .about-session { display:none; }
 .social-pro-body .con-navbar-second .navbar-brand { width:120px; }
 .social-pro-body .sm-hero { padding-top:118px; padding-bottom:20px; background:radial-gradient(ellipse at 100% 15%,#ffb30012,transparent 65%); }
 .social-pro-body .sm-hero-grid { gap:24px; }
 .social-pro-body .sm-hero-copy > .sm-eyebrow { font-size:10px; letter-spacing:.08em; margin-bottom:12px; color:#d5c590; }
 .social-pro-body .sm-hero h1 { font-size:clamp(36px,10.2vw,46px); line-height:1.08; letter-spacing:-.055em; margin-bottom:16px; }
 .social-pro-body main .sm-descriptor { font-size:clamp(16px,4.6vw,18px); line-height:1.5; font-weight:500; margin-bottom:22px; color:#ddd; }
 .social-pro-body .sm-benefits { display:grid; grid-template-columns:1fr 1fr; gap:0; padding:14px 0; margin:0 0 22px; border-block:1px solid #ffffff20; }
 .social-pro-body .sm-benefits li { display:flex; flex-direction:column; align-items:flex-start; gap:4px; padding:0 14px; font-size:12px; line-height:1.4; color:#bcbcbc; }
 .social-pro-body .sm-benefits li:first-child { padding-left:0; border-right:1px solid #ffffff25; }
 .social-pro-body .sm-benefits li::before { display:none; }
 .social-pro-body .sm-benefits li strong { font-size:21px; font-weight:700; color:#ffe082; letter-spacing:-.025em; }
 .social-pro-body .sm-hero .sm-actions { gap:4px; }
 .social-pro-body .sm-hero .sm-actions > .sm-button:first-child { min-height:54px; font-size:15px; border-radius:10px; box-shadow:0 5px 24px #ffb30020; }
 .social-pro-body .sm-hero .sm-button-secondary { min-height:44px; font-size:13px; color:#ddd; border:0; background:none; box-shadow:none; padding:10px; }
 .social-pro-body .sm-hero .sm-helper { display:block; margin-top:2px; font-size:11px; text-align:center; line-height:1.5; color:#aaa; }
 .social-pro-body .sm-hero-art { margin-top:0; }
 .social-pro-body .sm-art-sticker { display:none; }
 .social-pro-body .sm-editor-bar { font-size:8px; padding:9px 12px; }
 .social-pro-body .sm-montage-main { aspect-ratio:2.5; object-position:50% 48%; }
 .social-pro-body .sm-viewfinder { inset:12px 16px; padding:0 10px; }
 .social-pro-body .sm-viewfinder b { font-size:clamp(21px,6.4vw,27px); line-height:.98; }
 .social-pro-body .sm-viewfinder > span { display:none; }
 .social-pro-body .sm-mobile-edit { padding:10px; }
 .social-pro-body .sm-mobile-edit-heading { margin-bottom:7px; font-size:7px; }
 .social-pro-body .sm-mobile-shots img { aspect-ratio:2.7; }
 .social-pro-body .sm-mobile-shots > div > span { padding:4px; font-size:7px; }
 .social-pro-body .sm-mobile-edit-meta { display:none; }
 .social-pro-body .sm-mobile-scrubber { margin:9px 0 2px; }
 .social-pro-body .sm-hero-art figcaption { padding-top:10px; font-size:12px; }
 .social-pro-body .sm-motion-toolbar > span { display:none; }
 .social-pro-body .sm-motion-toolbar { justify-content:flex-end; padding-bottom:14px; }
 .social-pro-body #smMotionToggle { font-size:10px; min-height:44px; padding:8px 12px; }
}
@media(max-width:767px) {
 .social-pro-body .con-navbar-second .navbar-section-one .navbar-section-one-inner .about-session { display:none; }
}
/* Mobile editor: continuous video and audio tracks, rather than gallery cards. */
@media(max-width:767px) {
 .social-pro-body .sm-mobile-edit { padding:12px; background:#202020; }
 .social-pro-body .sm-mobile-edit-heading { font-size:8px; margin-bottom:10px; color:#ccc; letter-spacing:.04em; }
 .social-pro-body .sm-pocket-sequence { position:relative; }
 .social-pro-body .sm-pocket-ruler { display:flex; justify-content:space-between; margin-left:24px; padding-bottom:8px; height:22px; font:8px monospace; color:#999; background:repeating-linear-gradient(90deg,#777 0 1px,transparent 1px 10px) bottom/100% 3px no-repeat; }
 .social-pro-body .sm-pocket-row { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; margin-top:5px; }
 .social-pro-body .sm-pocket-row > span { font:8px monospace; color:#aaa; }
 .social-pro-body .sm-pocket-video { display:grid; grid-template-columns:1fr 1fr 1fr; gap:2px; border:1px solid #ffb300aa; border-radius:3px; overflow:hidden; background:#111; }
 .social-pro-body .sm-pocket-video img { width:100%; height:35px; object-fit:cover; display:block; }
 .social-pro-body .sm-pocket-audio { height:22px; padding:3px 5px; border-radius:3px; background:#49765a; border:1px solid #6a9a78; }
 .social-pro-body .sm-pocket-audio svg { display:block; width:100%; height:100%; fill:none; stroke:#142f1c; stroke-width:1.3; }
 .social-pro-body .sm-pocket-sequence .sm-mobile-scrubber { position:absolute; left:24px; right:0; top:17px; bottom:0; height:auto; margin:0; background:none; pointer-events:none; }
 .social-pro-body .sm-pocket-sequence .sm-mobile-scrubber > span { top:0; bottom:0; width:1px; height:auto; border-radius:0; background:#ffcf5a; box-shadow:none; animation:sm-mobile-scan 10s linear infinite; }
 .social-pro-body .sm-pocket-sequence .sm-mobile-scrubber > span::before { content:''; position:absolute; left:-3px; top:-3px; width:7px; height:7px; background:#ffcf5a; clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%); }
}
/* Mobile sequence: course identity → creative preview → admissions CTA → outcomes. */
@media(max-width:767px) {
 .social-pro-body .sm-hero { padding-top:110px; }
 .social-pro-body .sm-hero-copy > .sm-eyebrow { margin-bottom:8px; font-size:9px; }
 .social-pro-body .sm-hero h1 { margin-bottom:10px; font-size:clamp(34px,9.5vw,42px); }
 .social-pro-body main .sm-descriptor { margin-bottom:14px; font-size:clamp(15px,4.3vw,17px); line-height:1.4; }
 .social-pro-body .sm-hero-copy > .sm-hero-art { width:100%; margin:0 0 14px; }
 .social-pro-body .sm-hero-copy .sm-montage-main { aspect-ratio:3.2; }
 .social-pro-body .sm-hero-copy .sm-viewfinder b { font-size:clamp(20px,5.8vw,24px); }
 .social-pro-body .sm-hero-copy .sm-editor-bar { padding-block:7px; }
 .social-pro-body .sm-hero-copy .sm-mobile-edit { padding:9px 10px; }
 .social-pro-body .sm-hero-copy .sm-mobile-edit-heading { margin-bottom:6px; }
 .social-pro-body .sm-hero-copy .sm-hero-art figcaption { display:none; }
 .social-pro-body .sm-hero .sm-actions { margin-bottom:10px; }
 .social-pro-body .sm-benefits { margin-bottom:12px; padding-block:12px; }
 .social-pro-body .sm-benefits li strong { font-size:18px; }
}
/* Reference arrangement: visual first, course identity, outcomes, then actions. */
@media(max-width:767px) {
 .social-pro-body .sm-hero-copy > .sm-eyebrow { display:none; }
 .social-pro-body .sm-hero-copy > .sm-hero-art { margin-bottom:24px; }
 .social-pro-body .sm-hero-copy .sm-montage-main { aspect-ratio:2.5; }
 .social-pro-body .sm-hero h1 { font-size:clamp(34px,9.5vw,42px); margin-bottom:12px; }
 .social-pro-body main .sm-descriptor { margin-bottom:22px; }
 .social-pro-body .sm-benefits { margin-bottom:18px; padding-block:14px; }
 .social-pro-body .sm-benefits li strong { font-size:21px; }
 .social-pro-body .sm-hero .sm-helper { display:none; }
 .social-pro-body .sm-hero .sm-actions { margin-bottom:0; }
}
@media(max-width:767px) and (max-height:700px) {
 .social-pro-body .sm-hero { padding-top:104px; }
 .social-pro-body .sm-hero-copy > .sm-hero-art { margin-bottom:16px; }
 .social-pro-body .sm-hero-copy .sm-montage-main { aspect-ratio:4.5; }
 .social-pro-body .sm-hero-copy .sm-mobile-edit { padding:7px 10px; }
 .social-pro-body .sm-hero-copy .sm-editor-bar { padding-block:6px; }
 .social-pro-body .sm-pocket-video img { height:26px; }
 .social-pro-body .sm-pocket-audio { height:18px; }
 .social-pro-body .sm-pocket-ruler { height:18px; }
 .social-pro-body .sm-hero h1 { margin-bottom:8px; }
 .social-pro-body main .sm-descriptor { margin-bottom:14px; }
 .social-pro-body .sm-benefits { padding-block:10px; margin-bottom:14px; }
 .social-pro-body .sm-benefits li strong { font-size:18px; }
}

@media(max-width:767px) { .social-pro-body .sm-motion-toolbar { display:none; } }
.social-pro-body main .sm-hero .sm-descriptor { font-weight:400; }
.social-pro-body main .sm-hero .sm-descriptor { font-size:clamp(18px,1.6vw,22px); }
@media(max-width:767px) { .social-pro-body main .sm-hero .sm-descriptor { font-size:clamp(14px,3.9vw,15px); } }
.social-pro-body .sm-ai-tools { flex-wrap:wrap; gap:8px; }
.social-pro-body .sm-ai-tools span { width:44px; height:58px; font-size:17px; }