.social-page { background:var(--surface); color:var(--text); }
.social-page [hidden] { display:none!important; }
.s-wrap { max-width:1440px; margin-inline:auto; padding-inline:clamp(24px,5vw,80px); }
.social-page :is(h1,h2,h3,h4) { font-variation-settings:"wdth" 100; font-stretch:normal; text-transform:none; font-weight:520; letter-spacing:-.03em; text-wrap:balance; margin:0; }
.social-page p { color:var(--text-muted); line-height:1.65; }
.social-page svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; flex-shrink:0; }
.social-page a { text-underline-offset:5px; }
.social-page :is(a,button,select,summary):focus-visible { outline:2px solid var(--text); outline-offset:4px; }
.social-page :is(a,button):hover { text-decoration-thickness:2px; }
.s-hero { display:grid; grid-template-columns:1fr 1.05fr; gap:64px; align-items:center; padding-block:64px; }
.s-hero h1 { font-size:clamp(40px,4.4vw,62px); line-height:1.08; }
.s-hero-copy>p { font-size:17px; max-width:45ch; margin:28px 0; }
.s-actions { display:flex; flex-wrap:wrap; gap:14px 24px; align-items:center; }
.s-button { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; min-height:52px; padding:14px 18px; border-radius:6px; background:var(--orange); color:var(--ink); font-size:14px; font-weight:550; text-decoration:none; }
.s-button:hover { background:var(--text); color:var(--surface); }
.s-link { display:inline-flex; align-items:center; gap:16px; min-height:44px; font-size:14px; }
.s-hero-copy .s-terms { font-size:12px; margin-bottom:0; }
.s-studio { background:var(--surface-alt); border-radius:12px; overflow:hidden; }
.s-studio-title { font-size:14px; font-weight:550; padding:22px 24px 8px; }
.s-stages { display:grid; grid-template-columns:repeat(4,1fr); padding-inline:20px; border-bottom:1px solid var(--line); }
.s-stages button { background:transparent; border:0; border-bottom:2px solid transparent; min-height:52px; color:var(--text-muted); padding:10px 0; font:inherit; font-size:12px; cursor:pointer; }
.s-stages button[aria-selected="true"] { border-bottom-color:var(--orange); color:var(--text); font-weight:650; }
.s-scene-art { min-height:300px; padding:28px 24px; display:flex; flex-direction:column; justify-content:center; }
.s-scene-copy { padding:0 24px 20px; }
.s-enhanced .s-scene-copy { min-height:180px; }
.s-scene-copy h2 { font-size:26px; line-height:1.15; }
.s-scene-copy p { font-size:14px; margin:14px 0 0; }
.s-brief>span,.s-response>span { color:var(--text-muted); font-size:12px; }
.s-brief h3 { font-size:26px; line-height:1.15; margin:18px 0 22px; max-width:22ch; }
.s-brief dl { margin:0; }
.s-brief dl>div { display:grid; grid-template-columns:90px 1fr; gap:16px; padding:12px 0; border-top:1px solid var(--line); font-size:12px; }
.s-brief dt { color:var(--text-muted); }
.s-brief dd { margin:0; }
.s-creative { display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:28px; }
.s-reel { background:var(--orange); color:var(--ink); padding:20px; border-radius:12px; }
.s-reel>span { font-size:11px; }
.s-reel strong { display:block; font-size:30px; line-height:1.04; letter-spacing:-.03em; font-weight:550; margin:20px 0; }
.s-reel-timeline { background:var(--ink); height:2px; margin-top:18px; overflow:hidden; }
.s-reel-timeline i { background:var(--paper); display:block; width:60%; height:100%; transform-origin:left; }
.s-format-notes>span { font-size:15px; font-weight:550; }
.s-format-notes p { margin:6px 0 20px; font-size:12px; }
.s-format-notes p:last-child { margin-bottom:0; }
.s-distribute { display:flex; align-items:center; }
.s-mini-creative { border-radius:8px; padding:22px 16px; background:var(--orange); color:var(--ink); font-size:24px; font-weight:550; line-height:1.1; }
.s-distribution-path { height:60px; flex:1; min-width:30px; position:relative; overflow:hidden; }
.s-distribution-path::before { content:''; position:absolute; height:1px; background:var(--control-line); top:50%; width:100%; }
.s-distribution-path i { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--accent-text); top:calc(50% - 4px); left:30%; }
.s-distribution-path i:nth-child(2) { left:60%; }
.s-distribution-path i:nth-child(3) { left:85%; }
.s-channels { flex:1.4; }
.s-channels>div { padding:16px 0 16px 16px; border-bottom:1px solid var(--line); }
.s-channels strong { display:block; font-weight:550; font-size:18px; }
.s-channels span { display:block; font-size:12px; color:var(--text-muted); margin-top:8px; }
.s-art-note { font-size:12px; margin:20px 0 0; }
.s-message { display:flex; align-items:start; gap:16px; padding:24px; border:1px solid var(--control-line); border-radius:12px; margin-top:22px; }
.s-message svg { color:var(--accent-text); }
.s-message p { font-size:22px; line-height:1.25; margin:0; color:var(--text); }
.s-response-path { display:flex; align-items:center; gap:16px; justify-content:space-between; margin-top:26px; font-size:12px; }
.s-response-path svg { color:var(--accent-text); }
.s-playback { display:flex; align-items:center; gap:20px; padding-inline:24px; }
.s-playback button { display:inline-flex; align-items:center; gap:8px; padding:8px 0; min-height:44px; background:transparent; border:0; color:var(--text); font:inherit; font-size:12px; cursor:pointer; }
.s-playback>span { margin-left:auto; color:var(--text-muted); font-size:12px; }
.s-demo-note { font-size:11px; margin:8px 24px 20px; }
.social-page main>section:not(.s-hero) h2 { font-size:clamp(30px,3.2vw,44px); line-height:1.12; }
.s-proof { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; padding-block:48px; border-block:1px solid var(--line); }
.s-proof h2 { max-width:22ch; }
.s-proof p { font-size:13px; margin:18px 0 8px; }
.s-proof dl { display:grid; grid-template-columns:1fr 1fr 1.5fr; gap:24px; margin:0; }
.s-proof dt { font-size:12px; color:var(--text-muted); }
.s-proof dd { font-size:34px; margin:12px 0 0; font-variant-numeric:tabular-nums; letter-spacing:-.03em; }
.s-section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:32px; }
.s-section-heading h2 { max-width:23ch; }
.s-section-heading p { font-size:16px; max-width:48ch; margin:20px 0 0; }
.s-cadence,.s-offers,.s-process { padding-block:64px; }
.s-cadence-select { min-width:240px; }
.s-cadence-select label { display:block; font-size:13px; margin-bottom:10px; }
.s-cadence-select select { width:100%; min-height:48px; font:inherit; font-size:14px; padding:12px; border:1px solid var(--control-line); border-radius:6px; color:var(--text); background:var(--surface-raised); }
.s-content-mix { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; border-top:1px solid var(--line); padding-top:28px; }
.s-content-mix h3 { font-size:20px; }
.s-content-mix h3 strong { font-weight:550; font-size:30px; font-variant-numeric:tabular-nums; margin-right:4px; }
.s-content-mix p { font-size:13px; margin:16px 0 0; max-width:32ch; }
.s-format-strip { display:flex; align-items:end; gap:8px; height:104px; margin-top:20px; }
.s-format-strip>span { display:flex; align-items:center; justify-content:center; border:1px solid var(--control-line); border-radius:6px; height:96px; width:48px; background:var(--surface-alt); min-width:0; }
.s-format-reels>span { background:var(--orange); color:var(--ink); border:0; }
.s-format-posts>span { height:56px; width:56px; }
.s-format-posts>span::after { content:''; width:55%; height:18px; border-block:1px solid var(--control-line); }
.s-format-stories>span { width:42px; height:82px; border-style:double; border-width:3px; }
.s-content-responsibility { display:grid; grid-template-columns:1fr 1fr; gap:64px; margin-top:32px; padding-top:24px; border-top:1px solid var(--line); }
.s-content-responsibility h3 { font-size:20px; }
.s-content-responsibility p { font-size:14px; margin:14px 0 0; }
.s-small { font-size:12px; margin:24px 0 0; }
.s-offers { background:var(--surface-alt); }
.s-offer-nav { display:grid; grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--line); gap:24px; margin-bottom:36px; }
.s-offer-nav a { padding:16px 0 22px; border-bottom:2px solid transparent; text-decoration:none; min-width:0; }
.s-offer-nav a[aria-current="true"] { border-bottom-color:var(--orange); }
.s-offer-nav strong { display:block; font-size:20px; font-weight:550; }
.s-offer-nav span { display:block; color:var(--text-muted); font-size:13px; margin-top:10px; }
.s-plan-panel { scroll-margin-top:100px; }
.s-plan-panel+.s-plan-panel { margin-top:48px; }
.s-offers.s-enhanced .s-plan-panel { margin-top:0; }
.s-plan-heading { display:flex; align-items:start; justify-content:space-between; gap:32px; margin-bottom:28px; }
.s-plan-heading h3 { font-size:28px; }
.s-plan-heading p { font-size:14px; max-width:55ch; margin:14px 0 0; }
.s-plan-heading>a { display:inline-flex; align-items:center; gap:12px; min-height:44px; flex-shrink:0; font-size:13px; }
.s-plans { display:grid; grid-template-columns:repeat(var(--plan-count),minmax(0,1fr)); gap:28px; }
.s-plans article { border-top:1px solid var(--line); padding-top:22px; }
.s-plans h4 { font-size:24px; }
.s-price { margin:16px 0 12px; }
.s-price strong { font-size:34px; font-weight:520; color:var(--text); letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.s-price>span { font-size:12px; display:block; }
.s-plan-scope { font-size:13px; min-height:44px; }
.s-saving { font-size:14px; color:var(--accent-text)!important; }
.s-saving span { color:var(--text-muted); font-size:12px; }
.social-page summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:54px; padding-block:14px; list-style:none; font-size:14px; cursor:pointer; }
.social-page summary::-webkit-details-marker { display:none; }
.social-page summary>span { font-size:24px; font-weight:350; }
.social-page details[open]>summary>span { transform:rotate(45deg); }
.s-plans ul { font-size:13px; line-height:1.6; color:var(--text-muted); padding-left:16px; margin:0 0 16px; }
.s-plans li { margin-bottom:8px; }
.s-bundle-detail,.s-plan-note { font-size:12px; }
.s-plan-note { margin:28px 0 0; max-width:100ch; }
.s-plan-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:13px; }
.s-followup { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-block:64px; }
.s-followup>div>p { font-size:16px; margin:24px 0 12px; max-width:42ch; }
.s-workflow ol { list-style:none; padding:0; margin:0; }
.s-workflow li { padding:20px 0; border-top:1px solid var(--line); }
.s-workflow li strong { display:block; font-size:18px; font-weight:550; }
.s-workflow li span { display:block; font-size:13px; color:var(--text-muted); margin-top:10px; }
.s-followup .s-workflow>p { font-size:12px; max-width:none; }
.s-process { border-block:1px solid var(--line); }
.s-process ol { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; list-style:none; margin:0; padding:0; }
.s-process li { border-top:1px solid var(--line); padding-top:22px; }
.s-process h3 { font-size:24px; }
.s-process p { font-size:14px; }
.s-faq { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-block:64px; }
.s-faq details { border-bottom:1px solid var(--line); }
.s-faq summary { font-size:16px; min-height:60px; }
.s-faq p { font-size:14px; margin:0 0 24px; }
.s-close { display:flex; align-items:center; justify-content:space-between; gap:40px; padding-block:48px; background:var(--orange); color:var(--ink); }
.s-close h2 { max-width:23ch; }
.s-close p { color:var(--ink); font-size:15px; max-width:44ch; margin:20px 0 0; }
.s-close .s-button { flex-shrink:0; background:var(--ink); color:var(--paper); }
.s-close .s-button:hover { background:var(--paper); color:var(--ink); }
.s-close a:focus-visible { outline-color:var(--ink); }
@media(prefers-reduced-motion:no-preference) {
 .s-enhanced .s-scene:not([hidden]) .s-scene-art>div { animation:s-enter 550ms cubic-bezier(.16,1,.3,1); }
 .s-enhanced .s-scene:not([hidden]) .s-reel-timeline i { animation:s-edit 2400ms cubic-bezier(.16,1,.3,1) both; }
 .s-enhanced .s-scene:not([hidden]) .s-distribution-path i { animation:s-distribute 1800ms cubic-bezier(.16,1,.3,1) both; }
 .s-enhanced .s-scene:not([hidden]) .s-distribution-path i:nth-child(2) { animation-delay:300ms; }
 .s-enhanced .s-scene:not([hidden]) .s-distribution-path i:nth-child(3) { animation-delay:600ms; }
 .s-enhanced .s-scene:not([hidden]) .s-message { animation:s-message 800ms cubic-bezier(.16,1,.3,1) both; }
 @keyframes s-enter { from { opacity:.65; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
 @keyframes s-edit { from { transform:scaleX(.1); } to { transform:scaleX(1); } }
 @keyframes s-distribute { from { transform:translateX(-25px); opacity:0; } 30% { opacity:1; } to { transform:translateX(10px); opacity:1; } }
 @keyframes s-message { from { clip-path:inset(0 0 100% 0); } to { clip-path:inset(0); } }
}
@media(max-width:1050px) {
 .s-hero { gap:32px; }.s-hero h1 { font-size:44px; }
 .s-proof,.s-content-responsibility,.s-followup,.s-faq { gap:40px; }
 .s-plans { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .s-reel strong { font-size:26px; }.s-creative { gap:20px; }
 .s-plan-heading { flex-direction:column; gap:12px; }
}
@media(max-width:760px) {
 .s-hero { grid-template-columns:1fr; padding-block:40px; gap:28px; }.s-hero h1 { font-size:38px; }.s-hero-copy>p { font-size:16px; margin-block:24px; }
 .s-studio-title { padding-inline:20px; }.s-stages { padding-inline:12px; }.s-stages button { font-size:11px; }
 .s-scene-art { padding:24px 20px; min-height:300px; }.s-scene-copy { padding-inline:20px; }.s-enhanced .s-scene-copy { min-height:210px; }.s-scene-copy h2 { font-size:24px; }
 .s-brief h3 { font-size:24px; }.s-brief dl>div { grid-template-columns:76px 1fr; }.s-reel { padding:16px; }.s-reel strong { font-size:26px; }
 .s-distribute { gap:0; }.s-mini-creative { font-size:20px; padding:20px 12px; }.s-channels strong { font-size:16px; }.s-message { padding:20px; }.s-message p { font-size:20px; }.s-response-path { gap:8px; font-size:11px; }
 .s-proof,.s-followup,.s-faq,.s-content-responsibility { grid-template-columns:1fr; gap:28px; }
 .s-proof,.s-cadence,.s-offers,.s-followup,.s-process,.s-faq { padding-block:40px; }
 .social-page main>section:not(.s-hero) h2 { font-size:32px; }
 .s-proof dl { gap:12px; }.s-proof dd { font-size:28px; }
 .s-section-heading { flex-direction:column; align-items:start; gap:24px; }.s-cadence-select { width:100%; }
 .s-content-mix { grid-template-columns:1fr; gap:28px; }.s-format-strip { height:84px; margin-top:14px; }.s-format-strip>span { height:80px; }.s-format-posts>span { height:54px; }.s-format-stories>span { height:72px; }.s-content-mix p { max-width:none; }
 .s-offer-nav { gap:12px; }.s-offer-nav strong { font-size:16px; }.s-offer-nav span { font-size:12px; }.s-offer-nav a { padding-top:0; }
 .s-plan-heading h3 { font-size:26px; }.s-plans { gap:28px 20px; }.s-plans h4 { font-size:20px; }.s-price strong { font-size:28px; }.s-plan-scope { font-size:12px; }
 .s-process ol { grid-template-columns:1fr; gap:24px; }.s-close { flex-direction:column; align-items:start; gap:24px; }
}