/* Every product rule is scoped; the shared shell and intake form retain their own styles. */
.bp-story-page { background:#f5f3ed; --bps-blue:#244cf4; --bps-ink:#171b22; --bps-paper:#f5f3ed; --bps-line:rgba(23,27,34,.17); }
.bp-story { color:var(--bps-ink); background:var(--bps-paper); font-family:'Pretendard Variable',Pretendard,sans-serif; position:relative; overflow:clip; --bps-header:80px; }
:where(.bp-story) :where(h1,h2,h3,p,figure,dl,dd) { margin:0; }
:where(.bp-story) :where(h1,h2,h3,p,summary,small,dt,dd) { word-break:keep-all; overflow-wrap:anywhere; }
:where(.bp-story) :where(h1,h2,h3) { color:inherit; font-family:inherit; line-height:1.1; letter-spacing:-.06em; text-wrap:balance; }
:where(.bp-story) :where(p) { line-height:1.65; text-wrap:pretty; }
:where(.bp-story) :where(a) { color:inherit; text-decoration:none; }
:where(.bp-story) :where(button) { font:inherit; cursor:pointer; }
:where(.bp-story) :where(img) { display:block; max-width:100%; }
:where(.bp-story) :where(em) { font-style:normal; }
:where(.bp-story) :where(*, *::before, *::after) { box-sizing:border-box; }
.bp-story :is(a,button,summary):focus-visible { outline:3px solid #ff7b43; outline-offset:5px; }
.bps-wrap { width:min(100% - 3rem,1200px); margin-inline:auto; }
.bps-mono,.bps-meta,.bps-demo-label { font-family:'Courier New',monospace; font-size:14px; font-weight:600; line-height:1.4; letter-spacing:.045em; }
.bps-meta { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.bps-dot { display:inline-block; height:7px; width:7px; border-radius:50%; background:currentColor; margin-right:7px; }
.bps-product-bar { height:60px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--bps-line); }
.bps-wordmark { font-size:17px; font-weight:900; letter-spacing:-.05em; display:flex; align-items:center; gap:8px; }
.bps-wordmark span { font-size:23px; color:var(--bps-blue); }
.bps-service { font-size:14px; font-weight:700; }
.bps-service span { padding-left:12px; }
.bps-skip { position:absolute; z-index:30; background:#fff; padding:16px; left:24px; top:0; transform:translateY(-180%); }
.bps-skip:focus { transform:none; }
.bps-pin { position:relative; }
.bps-enhanced .bps-pin { position:sticky; top:var(--bps-header); min-height:calc(100svh - var(--bps-header)); }
.bps-enhanced .bps-hero-track { height:175svh; }
.bps-enhanced .bps-connect-track { height:205svh; }
.bps-enhanced .bps-workflow-track { height:245svh; }
.bps-enhanced .bps-calendar-track { height:210svh; }
.bps-enhanced .bps-channels-track { height:220svh; }
.bps-scene-progress { position:absolute; bottom:0; inset-inline:0; height:3px; background:rgba(128,128,128,.16); }
.bps-scene-progress i { display:block; height:100%; width:100%; transform:scaleX(var(--bps-progress,0)); transform-origin:left; background:currentColor; opacity:.65; }
.bps-hero { min-height:820px; overflow:hidden; }
.bps-hero-grid { position:absolute; inset:0; background-image:linear-gradient(90deg,rgba(15,20,25,.035) 1px,transparent 1px); background-size:25% 100%; pointer-events:none; }
.bps-hero-art { position:absolute; width:1010px; height:760px; right:max(-230px,calc((100vw - 1480px)/2)); top:0; mix-blend-mode:multiply; pointer-events:none; will-change:transform; transform:translate3d(calc(var(--hero-p,0)*130px),calc(var(--hero-p,0)*-90px),0) rotate(calc(var(--hero-p,0)*9deg)) scale(calc(1 + var(--hero-p,0)*.16)); opacity:calc(1 - var(--hero-out,0)); }
.bps-hero-art img { width:100%; height:100%; object-fit:contain; }
.bps-hero-content { min-height:inherit; display:flex; flex-direction:column; padding-top:22px; position:relative; }
.bps-hero-content .bps-meta { color:#555963; }
.bps-hero h1 { font-size:clamp(100px,10.9vw,157px); font-weight:900; letter-spacing:-.085em; line-height:.86; width:max-content; padding-top:40px; position:relative; transform:translateY(calc(var(--hero-p,0)*-80px)); opacity:calc(1 - var(--hero-out,0)); }
.bps-hero h1 .bps-title-outline { color:transparent; -webkit-text-stroke:1.7px var(--bps-ink); }
.bps-hero h1 em { color:var(--bps-blue); }
.bps-hero h1 i { font-style:normal; font-size:64px; position:absolute; right:-66px; top:48px; color:var(--bps-blue); transform:rotate(calc(var(--hero-p,0)*25deg)); }
.bps-hero-copy { padding-top:32px; max-width:510px; opacity:calc(1 - var(--hero-out,0)); transform:translateY(calc(var(--hero-p,0)*-30px)); }
.bps-hero-copy h2 { font-size:34px; line-height:1.15; font-weight:750; }
.bps-hero-copy p { font-size:15px; margin-top:17px; color:#555963; }
.bps-actions { display:flex; align-items:center; gap:26px; margin-top:26px; }
.bps-button { display:inline-flex; align-items:center; justify-content:space-between; gap:40px; padding:19px 24px; min-height:58px; font-size:14px; font-weight:750; border-radius:3px; transition:background .2s,transform .2s; }
.bp-story a.bps-button-blue { background:var(--bps-blue); color:#fff; }
.bp-story a.bps-button-blue:hover { background:#1738cb; transform:translateY(-3px); }
.bps-button span { font-size:24px; line-height:1; }
.bps-text-link { display:inline-flex; gap:16px; align-items:center; font-size:14px; font-weight:650; min-height:44px; }
.bps-text-link:hover { color:var(--bps-blue); }
.bps-hero-copy > small { display:block; margin-top:13px; font-size:14px; color:#73777d; }
.bps-hero-foot { margin-top:auto; display:flex; justify-content:space-between; align-items:center; gap:16px; padding:24px 0; color:#555963; }
.bps-hero-foot a { padding:12px 0; }
.bps-hero-foot a span { margin-left:30px; }
.bps-hero-finale { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; pointer-events:none; opacity:var(--hero-out,0); transform:translateY(calc((1 - var(--hero-out,0))*70px)); }
.bps-hero-finale > p { font-size:clamp(46px,6.6vw,96px); font-weight:850; letter-spacing:-.06em; line-height:1.18; margin-top:30px; }
.bps-hero-finale em { color:var(--bps-blue); }
.bps-ticker { background:var(--bps-blue); color:#fff; overflow:hidden; padding:23px 0; }
.bps-ticker > div { display:flex; align-items:center; gap:38px; width:max-content; white-space:nowrap; font-size:45px; font-weight:800; letter-spacing:-.055em; animation:bps-ticker 34s linear infinite; }
.bps-ticker i { font-style:normal; color:#e6fd85; font-size:52px; line-height:1; }
@keyframes bps-ticker { to { transform:translateX(-50%); } }
.bps-scene-body { display:flex; flex-direction:column; min-height:inherit; padding-block:32px 28px; position:relative; }
.bps-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:34px; margin-top:42px; }
.bps-section-head h2 { font-size:clamp(38px,4.1vw,60px); font-weight:800; line-height:1.18; }
.bps-section-head p { max-width:340px; font-size:14px; }
.bps-scene-foot { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:22px; }
.bps-scene-foot > p { max-width:620px; font-size:14px; color:inherit; opacity:.64; }
.bps-connect { background:#e9edf6; min-height:780px; overflow:hidden; }
.bps-connect .bps-section-head em { color:var(--bps-blue); }
.bps-network { position:absolute; inset:0; width:100%; height:100%; opacity:.5; pointer-events:none; }
.bps-distribution { height:400px; width:100%; position:relative; margin-top:28px; }
.bps-connect-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.bps-connect-lines path { fill:none; stroke:#244cf4; stroke-width:1.8; stroke-dasharray:1; stroke-dashoffset:calc(1 - var(--connect-lines,0)); opacity:.55; }
.bps-source { position:absolute; width:190px; height:240px; top:50%; left:50%; margin:-120px 0 0 -95px; background:white; padding:12px; border-radius:8px; box-shadow:0 18px 50px rgba(42,62,105,.1); transform:rotate(calc((1 - var(--connect-p,0))*-8deg)) scale(calc(.87 + var(--connect-p,0)*.13)); z-index:3; }
.bps-source > span:first-child { color:#7c7f86; font-size:14px; }
.bps-source > img { width:100%; height:155px; object-fit:cover; margin-block:9px; border-radius:3px; }
.bps-source b { font-size:14px; }
.bps-source-send { position:absolute; bottom:-18px; right:-18px; width:58px; height:58px; display:grid; place-items:center; border-radius:50%; background:var(--bps-blue); color:white; font-size:34px; transform:rotate(calc(var(--connect-p,0)*10deg)); }
.bps-channel-node { position:absolute; width:225px; background:#fff; padding:22px; border-radius:7px; display:flex; gap:13px; align-items:center; z-index:2; box-shadow:0 10px 30px rgba(37,65,108,.06); will-change:transform; }
.bps-channel-node > img { width:32px; height:32px; flex:none; object-fit:contain; }
.bps-channel-node b { font-size:15px; letter-spacing:-.04em; }
.bps-channel-node small { display:block; margin-top:5px; color:#777; font-size:14px; }
.bps-channel-node > span { font-size:22px; margin-left:auto; color:var(--bps-blue); }
.bps-node-threads { left:3%; top:9%; --node-x:150px; --node-y:75px; --node-r:12deg; }
.bps-node-instagram { right:3%; top:9%; --node-x:-150px; --node-y:75px; --node-r:-10deg; }
.bps-node-facebook { left:3%; bottom:9%; --node-x:170px; --node-y:-60px; --node-r:-10deg; }
.bps-node-youtube { right:3%; bottom:9%; --node-x:-170px; --node-y:-60px; --node-r:14deg; }
.bps-enhanced .bps-channel-node { transform:translate(calc((1 - var(--connect-p,0))*var(--node-x)),calc((1 - var(--connect-p,0))*var(--node-y))) rotate(calc((1 - var(--connect-p,0))*var(--node-r))); opacity:calc(.25 + var(--connect-p,0)*.75); }
.bps-floating-tag { position:absolute; font-size:14px; background:#ffeddd; border:1px solid #edc6b2; padding:9px 14px; border-radius:30px; color:#8b513b; z-index:4; opacity:calc(1 - var(--connect-lines,0)); }
.bps-tag-a { top:0; left:34%; transform:rotate(-12deg); }
.bps-tag-b { top:48%; left:12%; transform:rotate(10deg); }
.bps-tag-c { bottom:0; right:32%; transform:rotate(-6deg); }
.bps-step-indicators { display:flex; gap:24px; font:14px 'Courier New',monospace; color:#8991a4; }
.bps-step-indicators .is-active { color:var(--bps-blue); }
.bps-workflow { min-height:790px; background:#171b24; color:#f7f5ee; overflow:hidden; }
.bps-workflow .bps-meta { color:#8c939f; }
.bps-workflow-layout { display:grid; grid-template-columns:.8fr 1.45fr; align-items:center; gap:64px; flex:1; padding-block:35px; }
.bps-workflow-copy { position:relative; }
.bps-workflow-copy h2 { font-size:clamp(48px,4.6vw,68px); line-height:1.18; font-weight:800; }
.bps-workflow-copy h2 em { color:#aabcff; }
.bps-workflow-copy > p { color:#969daa; font-size:14px; margin-top:24px; }
.bps-outline-word { position:absolute; top:-40px; left:-10px; font-size:118px; font-weight:900; letter-spacing:-.06em; color:transparent; -webkit-text-stroke:1px #323947; opacity:.7; pointer-events:none; }
.bps-workflow-steps { margin-top:30px; max-width:340px; }
.bps-workflow-steps button { width:100%; border:0; border-top:1px solid #353a45; background:none; color:#777e8c; display:flex; align-items:center; gap:20px; min-height:58px; text-align:left; padding:13px 0; transition:color .2s; }
.bps-workflow-steps button span { font:14px 'Courier New',monospace; }
.bps-workflow-steps button b { font-weight:650; font-size:14px; }
.bps-workflow-steps button i { margin-left:auto; font-size:22px; font-style:normal; }
.bps-workflow-steps button[aria-pressed="true"] { color:#d5ff85; }
.bps-demo { color:var(--bps-ink); background:#fafaf7; border:1px solid #434957; border-radius:9px; box-shadow:0 35px 80px rgba(0,0,0,.23); transform:perspective(1600px) rotateY(calc((1 - var(--workflow-p,0))*-5deg)) rotateX(calc((1 - var(--workflow-p,0))*3deg)); transition:transform .2s; overflow:hidden; }
.bps-demo-top { display:flex; gap:15px; align-items:center; justify-content:space-between; padding:20px 23px; border-bottom:1px solid #dce0e4; }
.bps-demo-top b { font-size:14px; font-weight:900; }
.bps-demo-top b i { font-style:normal; color:var(--bps-blue); margin-right:7px; font-size:22px; line-height:1; display:inline-block; }
.bps-demo-top > span { color:#999; font-size:14px; }
.bps-demo-body { padding:27px; }
.bps-demo-pane h3 { font-size:24px; margin:10px 0 22px; font-weight:750; }
.bps-demo-label { color:#75808e; font-size:14px; display:block; }
.bps-demo-panes { display:grid; }
.bps-demo-pane { grid-area:1/1; min-width:0; transition:opacity .3s,transform .3s; }
.bps-interactive .bps-demo-pane { visibility:hidden; opacity:0; transform:translateY(15px); pointer-events:none; }
.bps-interactive .bps-demo[data-step="0"] .bps-pane-compose,.bps-interactive .bps-demo[data-step="1"] .bps-pane-caption,.bps-interactive .bps-demo[data-step="2"] .bps-pane-schedule { visibility:visible; opacity:1; transform:none; pointer-events:auto; }
.bps-demo-media { display:grid; grid-template-columns:43% 1fr; min-height:175px; background:#f0e3d4; border-radius:4px; overflow:hidden; }
.bps-demo-media > img { width:100%; height:185px; object-fit:cover; }
.bps-demo-media > div { padding:22px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:14px; }
.bps-demo-media .bps-mono { color:#957960; font-size:14px; }
.bps-demo-media b { font-size:25px; font-weight:800; letter-spacing:-.05em; line-height:1.15; }
.bps-media-pill { font-size:14px; padding:6px 9px; border-radius:20px; background:#fff9; color:#655746; }
.bps-demo-field { margin-top:21px; background:#fff; border:1px solid #dce0e4; padding:17px; border-radius:4px; }
.bps-demo-field small { font-size:14px; color:#88909a; }
.bps-demo-field p { font-size:14px; margin-top:8px; line-height:1.8; }
.bps-demo-tip { display:block; font-size:14px; color:#979daa; margin-top:16px; }
.bps-demo-bottom { padding:16px 23px; background:#f0f1ed; display:flex; gap:16px; align-items:center; justify-content:space-between; border-top:1px solid #e1e3e1; }
.bps-demo-bottom > span:first-child { color:#5d7569; font-size:14px; }
.bps-demo-bottom .bps-dot { width:5px; height:5px; }
.bps-demo-bottom > span:last-child { font-size:14px; color:#999; }
.bps-caption-tabs { display:flex; gap:7px; margin-bottom:19px; }
.bps-caption-tabs button { border:1px solid #dce0e4; background:transparent; border-radius:30px; padding:9px 13px; color:#737984; font-size:14px; min-height:38px; }
.bps-caption-tabs button[aria-pressed="true"] { background:var(--bps-ink); color:#fff; border-color:var(--bps-ink); }
.bps-caption-preview { min-height:167px; padding:18px; border:1px solid #dce0e4; border-radius:4px; background:#fff; display:grid; grid-template-columns:38px 1fr; gap:5px 12px; }
.bps-caption-icon { grid-row:1/3; width:38px; height:38px; object-fit:contain; }
.bps-caption-name { font-size:14px; }
.bps-caption-preview > span.bps-mono { font-size:14px; color:#999; }
.bps-caption-preview > p { grid-column:1/-1; font-size:14px; padding-top:13px; }
.bps-caption-counter { grid-column:1/-1; color:#929baa; font-size:14px; text-align:right; padding-top:12px; }
.bps-schedule-clock { min-height:170px; background:#e9eefc; border-radius:5px; padding:19px; text-align:center; }
.bps-schedule-clock > span { display:block; color:#647194; font-size:14px; }
.bps-schedule-clock b { display:block; color:var(--bps-blue); font-size:79px; font-weight:550; letter-spacing:-.07em; line-height:1.4; }
.bps-schedule-clock b span { color:#adbbed; }
.bps-schedule-fields { margin-top:15px; padding:12px 16px; }
.bps-schedule-fields > span { display:flex; justify-content:space-between; gap:8px; padding:6px 0; font-size:14px; color:#777f8c; }
.bps-schedule-fields b { color:#444e62; font-weight:650; font-size:inherit; line-height:inherit; }
.bps-schedule-fields b.bps-green-text { color:#277754; }
.bps-preview-schedule { width:100%; display:flex; justify-content:space-between; padding:13px 17px; background:var(--bps-blue); color:#fff; border:0; border-radius:4px; min-height:44px; margin-top:13px; font-size:14px; }
.bps-preview-schedule.is-confirmed { background:#217e55; }
.bps-demo-notice { margin-top:10px; min-height:24px; color:#9097a2; font-size:14px; text-align:center; line-height:1.5; }
.bps-calendar-section { min-height:790px; background:#f0ac7e; overflow:hidden; }
.bps-calendar-section .bps-section-head em { color:#a54d27; }
.bps-calendar-visual { position:relative; flex:1; display:flex; align-items:center; min-height:395px; margin-block:25px; perspective:1400px; }
.bps-calendar-orbit { position:absolute; inset:0 24%; border:1px solid #a74e2638; border-radius:50%; transform:rotate(-22deg) scale(calc(.6 + var(--calendar-p,0)*.6)); }
.bps-calendar-giant { position:absolute; right:-45px; top:-25px; font-size:190px; font-weight:900; line-height:.83; letter-spacing:-.08em; color:#a34c271a; }
.bps-week-board { width:100%; position:relative; z-index:1; background:#fffaf4; border:1px solid #ae643432; border-radius:7px; box-shadow:0 22px 65px #99512924; overflow:hidden; transform:rotateX(calc((1 - var(--calendar-p,0))*9deg)) rotateZ(calc((1 - var(--calendar-p,0))*-3deg)) scale(calc(.94 + var(--calendar-p,0)*.06)); transform-origin:center; }
.bps-board-head { padding:21px 25px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e7ddd2; }
.bps-board-head b { font-size:14px; letter-spacing:-.02em; }
.bps-board-head > span { font-size:14px; color:#8e7d6c; }
.bps-board-head i { font-style:normal; margin-left:20px; font-size:20px; }
.bps-week-grid { display:grid; grid-template-columns:repeat(5,1fr); }
.bps-day { padding:16px; border-right:1px solid #e7ddd2; min-height:240px; }
.bps-day:last-child { border-right:0; }
.bps-day-heading { display:flex; gap:10px; align-items:center; justify-content:space-between; color:#b4a394; }
.bps-day-heading .bps-mono { font-size:14px; }
.bps-day-heading b { font-size:14px; font-weight:650; }
.bps-calendar-post { margin-top:20px; background:#fff; border:1px solid #e7ddd2; border-radius:4px; padding:8px; transition:transform .5s,opacity .5s; }
.bps-calendar-post > img { width:100%; height:90px; object-fit:cover; border-radius:2px; }
.bps-post-time { display:block; color:#85756b; margin-top:10px; font-size:14px; }
.bps-calendar-post h3 { font-size:14px; font-weight:750; letter-spacing:-.035em; margin-top:5px; }
.bps-calendar-post > div { display:flex; align-items:center; justify-content:space-between; gap:7px; margin-top:14px; font-size:14px; color:#ad805c; }
.bps-calendar-post > div img { height:16px; width:16px; object-fit:contain; }
.bps-enhanced .bps-calendar-post { opacity:0; transform:translateY(45px) rotate(-5deg); }
.bps-enhanced .bps-day.is-ready .bps-calendar-post { opacity:1; transform:none; }
.bps-day.is-published .bps-calendar-post > div span { color:#277754; }
.bps-board-foot { display:flex; gap:12px; align-items:center; justify-content:space-between; background:#f5eee6; padding:16px 23px; color:#938372; font-size:14px; }
.bps-board-foot > span:last-child { font-size:14px; }
.bps-calendar-toast { position:absolute; right:4%; bottom:-3px; z-index:3; display:flex; align-items:center; gap:15px; padding:19px 25px; background:#171b24; color:#fff; border-radius:6px; box-shadow:0 12px 35px #63381630; opacity:var(--calendar-toast,0); transform:translateY(calc((1 - var(--calendar-toast,0))*30px)) rotate(-3deg); }
.bps-calendar-toast > span { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#d5ff85; color:#192019; font-size:20px; }
.bps-calendar-toast b { font-size:14px; }
.bps-calendar-toast small { display:block; font-size:14px; color:#a2a7b1; margin-top:5px; }
.bps-channels-section { min-height:790px; background:#e1e8dc; overflow:hidden; }
.bps-channels-section .bps-section-head em { color:#537952; }
.bps-channel-viewport { margin-top:32px; overflow:visible; }
.bps-channel-rail { display:flex; gap:20px; width:max-content; will-change:transform; }
.bps-channel-card { width:570px; min-height:335px; border-radius:6px; padding:27px 32px 20px; background:#fffaf3; border:1px solid #bccab840; }
.bps-channel-card-top { display:flex; align-items:center; gap:22px; justify-content:space-between; }
.bps-channel-card-top > img { width:44px; height:44px; object-fit:contain; }
.bps-channel-card-top > span { font-size:14px; color:#83927a; }
.bps-channel-card h3 { font-size:44px; font-weight:800; letter-spacing:-.06em; margin-top:18px; }
.bps-channel-card > p { font-size:14px; color:#64715f; max-width:430px; margin-top:14px; min-height:40px; }
.bps-channel-card dl { display:grid; grid-template-columns:repeat(3,1fr); margin-top:20px; padding-top:16px; border-top:1px solid #ccd5c7; gap:14px; }
.bps-channel-card dt { font-size:14px; color:#85937c; }
.bps-channel-card dd { font-size:14px; font-weight:650; margin-top:7px; }
.bps-channel-card-bottom { display:flex; align-items:center; justify-content:space-between; margin-top:21px; font:14px 'Courier New',monospace; color:#8e9a86; }
.bps-channel-card-bottom > span:last-child { font-size:28px; line-height:1; }
.bps-card-facebook { background:#eaf0ff; }
.bps-card-instagram { background:#f6e8de; }
.bps-card-youtube { background:#f9f2d6; }
.bps-channel-dots { display:flex; gap:9px; flex-wrap:wrap; }
.bps-channel-dots button { padding:10px 13px; border:1px solid #98ad8e66; background:none; border-radius:30px; color:#6e7e66; font-size:14px; min-height:38px; }
.bps-channel-dots button[aria-pressed="true"] { background:#28442b; border-color:#28442b; color:#fff; }
.bps-free-section { background:var(--bps-paper); padding-block:100px; }
.bps-free-heading { margin-top:50px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.bps-free-heading .bps-mono { color:#92928a; }
.bps-free-heading h2 { font-size:clamp(40px,4.5vw,65px); line-height:1.18; font-weight:800; margin-top:17px; }
.bps-free-heading h2 em { color:var(--bps-blue); }
.bps-zero { display:flex; gap:10px; align-items:baseline; font-size:180px; line-height:1; letter-spacing:-.075em; font-weight:750; color:var(--bps-blue); }
.bps-zero span { font-size:30px; letter-spacing:-.04em; }
.bps-zero i { font-style:normal; font-size:100px; align-self:flex-start; line-height:1; }
.bps-free-lead { margin-top:26px; color:#7c7d7b; font-size:14px; }
.bps-limits { display:grid; grid-template-columns:repeat(4,1fr); margin-top:55px; border-top:1px solid var(--bps-line); border-bottom:1px solid var(--bps-line); }
.bps-limits > article { padding:27px 22px; border-right:1px solid var(--bps-line); }
.bps-limits > article:first-child { padding-left:0; }
.bps-limits > article:last-child { border-right:0; }
.bps-limits > article > span { color:#7e807c; }
.bps-limits article > p { display:flex; gap:12px; align-items:baseline; margin-block:18px; }
.bps-limits b { font-size:60px; letter-spacing:-.05em; font-weight:650; line-height:1; }
.bps-limits p > span { font-size:14px; color:#83857f; }
.bps-limits small { color:#82857e; font-size:14px; line-height:1.7; }
.bps-free-foot { display:flex; gap:30px; align-items:center; justify-content:space-between; margin-top:20px; }
.bps-free-foot > p { font-size:14px; color:#8b8d86; max-width:640px; }
.bps-free-foot > a { flex:none; font-size:14px; }
.bps-faq-section { padding-block:90px; background:#ecebe4; }
.bps-faq-grid { display:grid; grid-template-columns:1fr 1.55fr; gap:90px; }
.bps-faq-grid > div:first-child > span { color:#81857c; }
.bps-faq-grid h2 { font-size:43px; font-weight:750; line-height:1.2; margin-top:22px; }
.bps-faq-grid .bps-text-link { margin-top:22px; }
.bps-faq-list details { border-top:1px solid var(--bps-line); }
.bps-faq-list details:last-child { border-bottom:1px solid var(--bps-line); }
.bps-faq-list summary { list-style:none; display:flex; gap:20px; justify-content:space-between; padding:23px 0; font-size:14px; font-weight:650; line-height:1.5; cursor:pointer; }
.bps-faq-list summary::-webkit-details-marker { display:none; }
.bps-faq-list summary > span { font-weight:400; font-size:22px; flex:none; line-height:1; transition:transform .2s; }
.bps-faq-list details[open] summary > span { transform:rotate(45deg); }
.bps-faq-list details p { color:#757b70; font-size:14px; padding:0 32px 25px 0; }
.bps-send-section { padding-block:42px 70px; background:var(--bps-blue); color:#fff; position:relative; overflow:hidden; }
.bps-send-section .bps-meta { color:#afc0ff; }
.bps-send-section h2 { font-size:clamp(88px,12vw,173px); font-weight:850; line-height:.91; letter-spacing:-.08em; margin-block:60px; position:relative; }
.bps-send-section h2 em { color:#d7ff8b; }
.bps-send-section h2 > span { position:absolute; right:1%; top:-20px; font-size:220px; color:#a6bbff; transform:translateY(calc(var(--send-p,0)*-35px)) rotate(calc(var(--send-p,0)*10deg)); }
.bps-send-bottom { border-top:1px solid #fff4; padding-top:34px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.bps-send-bottom h3 { font-size:29px; font-weight:700; line-height:1.3; }
.bps-send-bottom p { color:#b4c5ff; font-size:14px; margin-top:13px; }
.bp-story a.bps-button-white { background:#f5f3ed; color:var(--bps-ink); min-width:240px; }
.bp-story a.bps-button-white:hover { background:#d7ff8b; transform:translateY(-3px); }
.bps-login { display:block; color:#cfdbff; font-size:14px; text-align:center; margin-top:17px; padding:10px 0; }
.bps-dock { position:fixed; right:22px; bottom:92px; z-index:18; display:flex; flex-direction:column; gap:5px; background:#fcfaf1e8; border:1px solid #171b2217; box-shadow:0 5px 20px #171b220a; padding:9px; border-radius:30px; backdrop-filter:blur(12px); transition:opacity .25s,transform .25s; }
.bps-dock a { position:relative; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; }
.bps-dock a > span { width:5px; height:5px; background:#adb4c0; border-radius:50%; transition:transform .2s; }
.bps-dock a[aria-current="true"] { background:#244cf417; }
.bps-dock a[aria-current="true"] > span { background:var(--bps-blue); transform:scale(1.3); }
.bps-dock a > b { display:none; position:absolute; right:45px; white-space:nowrap; font:14px 'Courier New',monospace; background:#fff; padding:8px; box-shadow:0 2px 10px #0001; }
.bps-dock a:hover b,.bps-dock a:focus-visible b { display:block; }
.bps-motion-toggle { border:0; border-top:1px solid #171b2220; padding-top:8px; min-height:34px; color:#727b8d; background:none; font-size:14px; }
.bps-dock.is-hidden { opacity:0; pointer-events:none; transform:translateX(15px); }
.bps-animated .bps-reveal { opacity:0; transform:translateY(34px); transition:opacity .65s,transform .8s cubic-bezier(.2,.7,.2,1); transition-delay:var(--reveal-delay,0ms); }
.bps-animated .bps-reveal.is-visible { opacity:1; transform:none; }
.bps-motion-paused .bps-ticker > div { animation-play-state:paused; }
.bp-story [id] { scroll-margin-top:calc(var(--bps-header) + 18px); }
/* A readable document is the baseline; sticky choreography is progressive enhancement. */
.bp-story:not(.bps-enhanced) .bps-hero-finale { display:none; }
.bp-story:not(.bps-interactive) .bps-demo-panes { display:flex; flex-direction:column; gap:35px; }
.bp-story:not(.bps-enhanced) .bps-channel-rail { display:grid; grid-template-columns:repeat(2,1fr); width:100%; }
.bp-story:not(.bps-enhanced) .bps-channel-card { width:auto; }
.bp-story:not(.bps-enhanced) .bps-connect-lines path { stroke-dashoffset:0; }
.bp-story:not(.bps-enhanced) .bps-calendar-toast { opacity:1; transform:none; }
.bp-story:not(.bps-enhanced) .bps-dock { display:none; }
@media (min-width:1600px) { .bps-hero-art { width:1160px; height:820px; } }
@media (max-height:820px) and (min-width:901px) {
    .bps-hero { min-height:calc(100svh - var(--bps-header)); }
    .bps-hero h1 { font-size:clamp(85px,9.5vw,130px); padding-top:27px; }
    .bps-hero-copy { padding-top:25px; }
    .bps-hero-copy h2 { font-size:28px; }
    .bps-hero-copy p { font-size:14px; margin-top:11px; }
    .bps-actions { margin-top:18px; }
    .bps-button { padding:14px 20px; min-height:50px; }
    .bps-hero-art { height:640px; width:920px; }
    .bps-hero-foot { padding:10px 0; }
    .bps-connect,.bps-workflow,.bps-calendar-section,.bps-channels-section { min-height:calc(100svh - var(--bps-header)); }
    .bps-scene-body { padding-block:22px 18px; }
    .bps-section-head { margin-top:26px; }
    .bps-section-head h2 { font-size:44px; }
    .bps-distribution { height:340px; margin-top:10px; }
    .bps-workflow-layout { padding-block:20px; }
    .bps-workflow-copy h2 { font-size:52px; }
    .bps-demo-body { padding:20px; }
    .bps-demo-top { padding:14px 20px; }
    .bps-demo-pane h3 { font-size:22px; margin-bottom:16px; }
    .bps-demo-media,.bps-demo-media > img { min-height:0; height:155px; }
    .bps-demo-bottom { padding:12px 20px; }
    .bps-calendar-visual { min-height:345px; margin-block:20px 10px; }
    .bps-calendar-post > img { height:70px; }
    .bps-day { min-height:220px; }
    .bps-channel-viewport { margin-top:24px; }
    .bps-channel-card { min-height:300px; }
}
@media (max-width:1100px) {
    .bps-hero-art { right:-330px; width:930px; }
    .bps-workflow-layout { gap:35px; grid-template-columns:.8fr 1.3fr; }
    .bps-day { padding:11px; }
    .bps-channel-card { width:510px; }
    .bps-faq-grid { gap:50px; }
}
@media (max-width:900px) {
    .bps-hero { min-height:790px; }
    .bps-hero h1 { font-size:120px; }
    .bps-hero-art { right:-260px; width:800px; height:650px; top:75px; }
    .bps-hero-copy { max-width:430px; }
    .bps-hero-copy p { font-size:14px; }
    .bps-meta { font-size:14px; }
    .bps-section-head h2 { font-size:43px; }
    .bps-section-head p { max-width:260px; font-size:14px; }
    .bps-channel-node { width:185px; padding:17px; gap:10px; }
    .bps-channel-node b { font-size:14px; }
    .bps-channel-node > img { width:26px; height:26px; }
    .bps-node-threads,.bps-node-facebook { left:0; --node-x:95px; }
    .bps-node-instagram,.bps-node-youtube { right:0; --node-x:-95px; }
    .bps-workflow-layout { grid-template-columns:1fr 1.4fr; gap:25px; }
    .bps-workflow-copy h2 { font-size:48px; }
    .bps-demo-body { padding:20px; }
    .bps-demo-media > div { padding:14px; }
    .bps-demo-media b { font-size:22px; }
    .bps-demo-top { padding:16px; }
    .bps-demo-top > .bps-mono { display:none; }
    .bps-demo-bottom { padding:14px; }
    .bps-channel-card { width:470px; }
    .bps-free-section { padding-block:75px; }
    .bps-limits b { font-size:48px; }
    .bps-limits > article { padding-inline:16px; }
    .bps-faq-grid { grid-template-columns:1fr 1.5fr; gap:35px; }
    .bps-faq-grid h2 { font-size:34px; }
    .bps-send-section h2 > span { font-size:160px; top:0; }
    .bps-dock { right:9px; padding:6px; }
}
@media (max-width:700px) {
    .bps-wrap { width:calc(100% - 40px); }
    .bps-product-bar { height:55px; }
    .bps-product-bar > .bps-mono { display:none; }
    .bps-wordmark { font-size:15px; }
    .bps-service { font-size:14px; }
    .bps-enhanced .bps-pin { min-height:0; }
    .bps-enhanced .bps-hero-track { height:175svh; }
    .bps-enhanced .bps-connect-track { height:195svh; }
    .bps-enhanced .bps-workflow-track { height:250svh; }
    .bps-enhanced .bps-calendar-track { height:205svh; }
    .bps-enhanced .bps-channels-track { height:auto; }
    .bps-hero,.bps-enhanced .bps-hero { height:max(730px,calc(100svh - var(--bps-header))); min-height:0; }
    .bps-hero-content { height:100%; min-height:0; padding-top:21px; }
    .bps-hero-content .bps-meta > span:last-child { display:none; }
    .bps-hero h1 { font-size:clamp(77px,20vw,118px); padding-top:28px; position:relative; z-index:2; }
    .bps-hero h1 i { font-size:40px; top:32px; right:-40px; }
    .bps-hero-art { top:125px; right:-100px; width:470px; height:300px; opacity:calc(.93 - var(--hero-out,0)*.93); }
    .bps-hero-copy { padding-top:220px; position:relative; z-index:3; }
    .bps-hero-copy h2 { font-size:28px; }
    .bps-hero-copy p { font-size:14px; margin-top:14px; }
    .bps-actions { margin-top:18px; gap:18px; }
    .bps-button { font-size:14px; padding:15px 18px; gap:24px; min-height:50px; }
    .bps-text-link { font-size:14px; gap:10px; }
    .bps-hero-copy > small { font-size:14px; margin-top:11px; }
    .bps-hero-foot { font-size:14px; padding-block:14px; }
    .bps-hero-foot > span { display:none; }
    .bps-hero-finale > p { font-size:clamp(37px,9vw,63px); }
    .bps-ticker { padding-block:18px; }
    .bps-ticker > div { font-size:32px; gap:24px; }
    .bps-ticker i { font-size:35px; }
    .bps-meta { font-size:14px; gap:10px; }
    .bps-scene-body { padding-block:24px 22px; min-height:0; }
    .bps-section-head { display:block; margin-top:28px; }
    .bps-section-head h2 { font-size:36px; }
    .bps-section-head p { margin-top:17px; max-width:100%; font-size:14px; }
    .bps-connect,.bps-enhanced .bps-connect { min-height:0; height:max(705px,calc(100svh - var(--bps-header))); }
    .bps-connect .bps-scene-body { height:100%; }
    .bps-distribution { height:370px; margin-top:14px; flex:none; }
    .bps-source { width:133px; height:184px; margin:-92px 0 0 -66px; padding:9px; }
    .bps-source > span:first-child { font-size:14px; }
    .bps-source > img { height:113px; margin-block:7px; }
    .bps-source b { font-size:14px; }
    .bps-source-send { width:42px; height:42px; font-size:28px; bottom:-13px; right:-13px; }
    .bps-channel-node { width:156px; padding:13px 10px; gap:8px; }
    .bps-channel-node > img { width:21px; height:21px; }
    .bps-channel-node b { font-size:14px; }
    .bps-channel-node small { font-size:14px; margin-top:3px; }
    .bps-channel-node > span { font-size:17px; }
    .bps-node-threads { top:5%; left:0; --node-x:40px; --node-y:50px; }
    .bps-node-instagram { top:5%; right:0; --node-x:-40px; --node-y:50px; }
    .bps-node-facebook { bottom:5%; left:0; --node-x:40px; --node-y:-50px; }
    .bps-node-youtube { bottom:5%; right:0; --node-x:-40px; --node-y:-50px; }
    .bps-floating-tag { font-size:14px; padding:6px 8px; }
    .bps-tag-a { top:28%; left:9%; }
    .bps-tag-b { top:auto; bottom:27%; left:0; }
    .bps-tag-c { bottom:26%; right:0; }
    .bps-connect-lines { transform:scaleX(.83); }
    .bps-scene-foot { gap:12px; padding-top:20px; }
    .bps-scene-foot > .bps-mono { font-size:14px; }
    .bps-step-indicators { gap:10px; font-size:14px; }
    .bps-workflow,.bps-enhanced .bps-workflow { min-height:0; height:max(700px,calc(100svh - var(--bps-header))); }
    .bps-workflow .bps-scene-body { height:100%; }
    .bps-workflow-layout { display:block; padding-block:19px 0; flex:none; }
    .bps-workflow-copy h2 { font-size:34px; line-height:1.18; }
    .bps-workflow-copy h2 > br { display:none; }
    .bps-workflow-copy > p { margin-top:13px; font-size:14px; }
    .bps-workflow-copy > p br { display:none; }
    .bps-outline-word { display:none; }
    .bps-workflow-steps { display:flex; gap:12px; margin-top:15px; max-width:none; }
    .bps-workflow-steps button { gap:6px; min-height:44px; padding-block:10px; }
    .bps-workflow-steps button b { font-size:14px; }
    .bps-workflow-steps button span { font-size:14px; }
    .bps-workflow-steps button i { display:none; }
    .bps-demo { margin-top:12px; transform:none; }
    .bps-demo-top { padding:12px 15px; }
    .bps-demo-top b { font-size:14px; }
    .bps-demo-body { padding:16px; }
    .bps-demo-pane h3 { font-size:21px; margin:9px 0 16px; }
    .bps-demo-media { min-height:0; height:130px; grid-template-columns:43% 1fr; }
    .bps-demo-media > img { height:130px; }
    .bps-demo-media > div { padding:15px; gap:10px; }
    .bps-demo-media b { font-size:22px; }
    .bps-demo-media .bps-mono { font-size:14px; }
    .bps-media-pill { font-size:14px; padding:5px 7px; }
    .bps-demo-field { margin-top:15px; padding:13px; }
    .bps-demo-field p { font-size:14px; }
    .bps-demo-tip { font-size:14px; margin-top:14px; }
    .bps-demo-bottom { padding:12px 15px; }
    .bps-demo-bottom > span:first-child { font-size:14px; }
    .bps-demo-bottom > span:last-child { font-size:14px; }
    .bps-workflow .bps-scene-foot { margin-top:auto; }
    .bps-workflow .bps-scene-foot > span:first-child { font-size:14px; }
    .bps-workflow .bps-scene-foot > span:last-child { display:none; }
    .bps-caption-tabs { margin-bottom:12px; }
    .bps-caption-preview { min-height:158px; padding:14px; }
    .bps-schedule-clock { min-height:120px; padding:12px; }
    .bps-schedule-clock b { font-size:55px; }
    .bps-schedule-clock > span { font-size:14px; }
    .bps-schedule-fields { margin-top:12px; padding:10px 13px; }
    .bps-schedule-fields > span { font-size:14px; }
    .bps-calendar-section,.bps-enhanced .bps-calendar-section { min-height:0; height:max(700px,calc(100svh - var(--bps-header))); }
    .bps-calendar-section .bps-scene-body { height:100%; }
    .bps-calendar-section .bps-meta > span:last-child { display:none; }
    .bps-calendar-visual { min-height:310px; margin:22px 0 30px; flex:none; }
    .bps-calendar-giant { font-size:130px; right:-13px; top:-7px; }
    .bps-week-board { min-width:0; }
    .bps-board-head { padding:15px 12px; }
    .bps-board-head b { font-size:14px; }
    .bps-board-head > span { font-size:14px; }
    .bps-board-head i { margin-left:8px; font-size:15px; }
    .bps-day { min-height:191px; padding:10px 5px; }
    .bps-day-heading { display:block; text-align:center; }
    .bps-day-heading .bps-mono { display:block; font-size:14px; }
    .bps-day-heading b { display:block; margin-top:5px; font-size:14px; }
    .bps-calendar-post { margin-top:13px; padding:4px; }
    .bps-calendar-post > img { height:58px; }
    .bps-post-time { font-size:14px; margin-top:7px; }
    .bps-calendar-post h3 { font-size:14px; line-height:1.3; min-height:24px; }
    .bps-calendar-post > div { margin-top:7px; justify-content:center; }
    .bps-calendar-post > div img { display:none; }
    .bps-calendar-post > div span { font-size:14px; white-space:nowrap; }
    .bps-board-foot { padding:12px; font-size:14px; }
    .bps-board-foot > span:last-child { display:none; }
    .bps-calendar-toast { right:2%; bottom:-14px; padding:13px 16px; gap:10px; }
    .bps-calendar-toast > span { width:28px; height:28px; font-size:16px; }
    .bps-calendar-toast b { font-size:14px; }
    .bps-calendar-toast small { font-size:14px; }
    .bps-calendar-section .bps-scene-foot { display:block; margin-top:auto; }
    .bps-calendar-section .bps-scene-foot p { font-size:14px; }
    .bps-calendar-section .bps-scene-foot > span { display:none; }
    .bps-channels-section,.bps-enhanced .bps-channels-section { position:relative; top:auto; min-height:0; height:auto; }
    .bps-channels-section .bps-scene-body { padding-block:32px 38px; }
    .bps-channel-count { display:none; }
    .bps-channel-viewport { margin-top:27px; overflow:visible; }
    .bps-channel-rail,.bp-story:not(.bps-enhanced) .bps-channel-rail { display:grid; grid-template-columns:1fr; width:100%; gap:15px; transform:none!important; }
    .bps-channel-card { width:100%; min-height:0; padding:23px 23px 18px; }
    .bps-channel-card h3 { font-size:37px; }
    .bps-channel-card-top > img { width:35px; height:35px; }
    .bps-channel-card-top > span { font-size:14px; }
    .bps-channel-card > p { font-size:14px; max-width:none; min-height:0; }
    .bps-channel-card dl { margin-top:19px; }
    .bps-channel-card dd { font-size:14px; }
    .bps-channel-card-bottom { margin-top:17px; font-size:14px; }
    .bps-channel-dots { display:none; }
    .bps-channels-section .bps-scene-foot { justify-content:flex-end; }
    .bps-free-section { padding-block:55px; }
    .bps-free-heading { margin-top:32px; align-items:flex-end; gap:8px; }
    .bps-free-heading h2 { font-size:31px; margin-top:12px; }
    .bps-free-heading .bps-mono { font-size:14px; }
    .bps-zero { font-size:90px; gap:4px; }
    .bps-zero span { font-size:18px; }
    .bps-zero i { font-size:40px; }
    .bps-free-lead { font-size:14px; }
    .bps-limits { grid-template-columns:repeat(2,1fr); margin-top:32px; }
    .bps-limits article { padding:22px 15px; }
    .bps-limits > article:nth-child(odd) { padding-left:0; }
    .bps-limits > article:nth-child(even) { border-right:0; }
    .bps-limits > article:nth-child(-n+2) { border-bottom:1px solid var(--bps-line); }
    .bps-limits b { font-size:46px; }
    .bps-limits > article > span { font-size:14px; }
    .bps-limits small { font-size:14px; }
    .bps-free-foot { display:block; }
    .bps-free-foot p { font-size:14px; }
    .bps-free-foot a { margin-top:8px; }
    .bps-faq-section { padding-block:50px; }
    .bps-faq-grid { grid-template-columns:1fr; gap:24px; }
    .bps-faq-grid h2 { font-size:32px; margin-top:17px; }
    .bps-faq-grid .bps-text-link { margin-top:13px; }
    .bps-faq-list summary { padding-block:20px; font-size:14px; }
    .bps-faq-list details p { font-size:14px; }
    .bps-send-section { padding-block:30px 44px; }
    .bps-send-section .bps-meta > span:last-child { display:none; }
    .bps-send-section h2 { font-size:clamp(67px,16vw,108px); margin-block:40px; }
    .bps-send-section h2 > span { font-size:90px; right:1%; top:-9px; }
    .bps-send-bottom { display:block; padding-top:25px; }
    .bps-send-bottom h3 { font-size:25px; }
    .bps-send-bottom p { font-size:14px; }
    .bps-send-bottom > div:last-child { margin-top:25px; }
    .bp-story a.bps-button-white { width:100%; }
    .bps-login { font-size:14px; }
    .bps-dock { right:7px; bottom:138px; padding:5px; }
    .bps-dock a { width:21px; height:25px; }
    .bps-motion-toggle { width:21px; font-size:14px; }
    .bps-dock a b { right:35px; }
    .bps-scene-progress { height:2px; }
}
@media (max-width:370px) {
    .bps-wrap { width:calc(100% - 32px); }
    .bps-hero-art { right:-110px; width:440px; height:290px; }
    .bps-hero-copy { padding-top:220px; }
    .bps-hero-copy p { font-size:14px; }
    .bps-hero h1 { font-size:77px; }
    .bps-channel-node { width:139px; }
    .bps-channel-node b { font-size:14px; }
    .bps-section-head h2 { font-size:32px; }
    .bps-workflow-copy h2 { font-size:32px; }
    .bps-workflow-steps button b { font-size:14px; }
    .bps-demo-body { padding:15px; }
    .bps-demo-media > div { padding:10px; }
    .bps-free-heading h2 { font-size:27px; }
    .bps-zero { font-size:75px; }
}
@media (prefers-reduced-motion:reduce) {
    .bp-story { scroll-behavior:auto; }
    .bp-story *, .bp-story *::before, .bp-story *::after { animation:none!important; transition:none!important; }
    .bps-pin { position:relative!important; top:auto!important; }
    .bps-hero-track,.bps-connect-track,.bps-workflow-track,.bps-calendar-track,.bps-channels-track { height:auto!important; }
    .bps-hero-art,.bps-hero h1,.bps-hero-copy { transform:none!important; opacity:1!important; }
    .bps-hero-finale { display:none; }
    .bps-channel-node { transform:none!important; opacity:1!important; }
    .bps-floating-tag { display:none; }
    .bps-connect-lines path { stroke-dashoffset:0; }
    .bps-demo { transform:none!important; }
    .bps-week-board { transform:none!important; }
    .bps-calendar-post { opacity:1!important; transform:none!important; }
    .bps-calendar-toast { opacity:1!important; transform:none!important; }
    .bps-channels-section { height:auto!important; }
    .bps-channel-rail { display:grid; grid-template-columns:repeat(2,1fr); width:100%; transform:none!important; }
    .bps-channel-card { width:auto; }
    .bps-reveal { opacity:1!important; transform:none!important; }
    .bps-dock { display:none; }
    .bps-workflow { height:auto!important; min-height:760px!important; }
    .bps-workflow-layout { padding-bottom:30px; }
}
@media (prefers-reduced-motion:reduce) and (max-width:700px) { .bps-channel-rail { grid-template-columns:1fr; } }

.bps-still .bps-ticker > div { animation:none; }
.bps-still .bps-workflow { height:auto; min-height:0; }
.bps-still .bps-workflow-layout { padding-bottom:30px; }

/* Fit each scene to the available screen, with the visual sharing the remaining space. */
.bps-wrap { width:min(100% - 8vw,1320px); }
.bps-hero-art { width:min(69vw,1100px); height:auto; aspect-ratio:3/2; right:-3vw; top:48%; transform:translate3d(calc(var(--hero-p,0)*240px),calc(-50% - var(--hero-p,0)*160px),0) rotate(calc(var(--hero-p,0)*-12deg)) scale(calc(1 + var(--hero-p,0)*.28)); mask-image:radial-gradient(ellipse 66% 66% at 53% 50%,#000 57%,transparent 99%); }
.bps-hero-art img { object-fit:contain; }
.bps-hero h1 { font-size:clamp(110px,12vw,180px); padding-top:0; margin-top:clamp(40px,7svh,100px); }
.bps-hero h1 i { top:7px; }
.bps-hero-copy { padding-top:clamp(26px,4svh,56px); }
.bps-hero-copy h2 { font-size:clamp(28px,2.5vw,38px); }
.bps-hero-copy p { font-size:14px; }
.bps-hero-route { position:absolute; right:11%; top:78%; z-index:2; padding:17px 22px; background:#ffffffd9; border:1px solid #fff; box-shadow:0 15px 50px #334c8614; border-radius:12px; backdrop-filter:blur(12px); transform:translate3d(calc(var(--hero-p,0)*-100px),calc(var(--hero-p,0)*-130px),0) rotate(-4deg); opacity:calc(1 - var(--hero-out,0)); pointer-events:none; }
.bps-route-label { display:block; color:#63708d; font-size:14px; }
.bps-route-label .bps-dot { background:var(--bps-blue); width:5px; height:5px; }
.bps-route-platforms { display:flex; align-items:center; gap:22px; margin-top:14px; }
.bps-route-platforms img { width:22px; height:22px; object-fit:contain; }
.bps-route-platforms > span { color:var(--bps-blue); font-size:28px; margin-left:6px; line-height:1; }
.bps-hero-finale { background:radial-gradient(ellipse at center,#f5f3edeb,transparent 70%); }
.bps-hero-finale > p { letter-spacing:-.07em; }
.bps-hero-finale > .bps-mono { color:#65728e; }
.bps-section-head h2 { font-size:clamp(42px,4.65vw,70px); }
.bps-section-head p { font-size:14px; max-width:360px; }
.bps-connect { background:#e7ecf8; }
.bps-distribution { isolation:isolate; }
.bps-distribution-orbit { position:absolute; width:min(47%,510px); aspect-ratio:1; left:50%; top:50%; border:1px solid #244cf41c; border-radius:50%; transform:translate(-50%,-50%) scale(calc(.65 + var(--connect-p,1)*.35)); z-index:-1; }
.bps-distribution-orbit::after { content:''; position:absolute; inset:14%; border:1px dashed #244cf426; border-radius:50%; transform:rotate(calc(var(--connect-p,0)*90deg)); }
.bps-distribution-word { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:clamp(80px,14.4vw,220px); font-weight:900; letter-spacing:-.07em; line-height:1; color:#244cf406; -webkit-text-stroke:1px #244cf40d; z-index:-1; }
.bps-source { display:grid; grid-template-rows:auto minmax(0,1fr) auto auto; gap:8px; width:230px; height:290px; margin:-145px 0 0 -115px; padding:15px; border-radius:12px; box-shadow:0 28px 80px #1c3b731c; transform:translateY(calc((1 - var(--connect-p,1))*25px)) rotate(calc((1 - var(--connect-p,1))*-12deg)) scale(calc(.85 + var(--connect-p,1)*.15)); }
.bps-source > img { height:100%; min-height:0; margin:0; border-radius:5px; }
.bps-source b { font-size:14px; line-height:1.35; }
.bps-source-channels { display:block; font-size:14px; color:#737f95; }
.bps-source-send { width:64px; height:64px; box-shadow:0 8px 25px #244cf42b; }
.bps-channel-node { width:250px; padding:24px; border:1px solid #ffffff; border-radius:12px; transition:background .25s,box-shadow .25s; }
.bps-channel-node b { font-size:16px; }
.bps-channel-node small { font-size:14px; }
.bps-channel-node.is-sent { background:#f7faff; box-shadow:0 0 0 2px #244cf422,0 15px 45px #244cf415; }
.bps-channel-node.is-sent > span { color:#244cf4; }
.bps-node-threads,.bps-node-instagram { top:15%; }
.bps-node-facebook,.bps-node-youtube { bottom:15%; }
.bps-connect-lines { z-index:0; }
.bps-connect-packet { fill:var(--bps-blue); opacity:0; }
.bps-connect-packet circle:first-child { fill:#244cf422; }
.bps-step-indicators span { position:relative; padding-bottom:8px; }
.bps-step-indicators span::after { content:''; position:absolute; bottom:0; inset-inline:0; height:2px; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .3s; }
.bps-step-indicators .is-active::after { transform:scaleX(1); }
.bps-workflow { background:radial-gradient(ellipse at 76% 50%,#273449,#171b24 67%); }
.bps-workflow-copy h2 { font-size:clamp(50px,5.5vw,80px); }
.bps-workflow-copy h2 em { color:#d5ff85; }
.bps-outline-word { font-size:clamp(100px,11vw,170px); top:-56px; transform:translateY(calc(var(--workflow-p,0)*-25px)); }
.bps-demo { border-radius:14px; transform:perspective(1600px) translateY(calc((1 - var(--workflow-p,0))*28px)) rotateY(calc((1 - var(--workflow-p,0))*-9deg)) rotateX(calc((1 - var(--workflow-p,0))*4deg)); }
.bps-workflow-steps button { position:relative; }
.bps-workflow-steps button::before { content:''; position:absolute; top:-1px; left:0; width:100%; height:2px; background:#d5ff85; transform:scaleX(var(--step-fill,0)); transform-origin:left; }
.bps-calendar-scan { position:absolute; top:8%; bottom:8%; left:calc(var(--calendar-scan,0)*90% + 5%); width:2px; background:linear-gradient(transparent,#a34c2755,transparent); box-shadow:0 0 30px 10px #fff2; z-index:2; pointer-events:none; }
.bps-calendar-giant { font-size:clamp(150px,20vw,290px); top:50%; transform:translateY(-50%) translateX(calc((1 - var(--calendar-p,0))*65px)); }
.bps-week-board { border-radius:12px; }
.bps-calendar-post { transform-origin:50% 100%; }
.bps-enhanced .bps-calendar-post { opacity:var(--day-enter,0); transform:translateY(calc((1 - var(--day-enter,0))*90px)) rotate(calc((1 - var(--day-enter,0))*-12deg)) scale(calc(.8 + var(--day-enter,0)*.2)); transition:none; }
.bps-enhanced .bps-day.is-ready .bps-calendar-post { opacity:var(--day-enter,1); transform:translateY(calc((1 - var(--day-enter,1))*90px)) rotate(calc((1 - var(--day-enter,1))*-12deg)) scale(calc(.8 + var(--day-enter,1)*.2)); }
.bps-day.is-published .bps-calendar-post { border-color:#9bb99e; box-shadow:0 5px 16px #2460390d; }
.bps-channel-card { border-radius:13px; min-height:365px; padding:32px; transform:perspective(1200px) rotateY(calc(var(--card-angle,0)*1deg)) scale(var(--card-scale,1)); opacity:var(--card-opacity,1); transform-origin:center; }
.bps-channel-card h3 { font-size:50px; }
.bps-channel-card > p { font-size:14px; }
.bps-channel-card dd { font-size:14px; }
.bps-limits article { position:relative; }
.bps-limits b { font-variant-numeric:tabular-nums; }
.bps-send-section h2 { transform:translateX(calc((.5 - var(--send-p,.5))*80px)); }
.bps-motion-paused .bps-connect-packet { visibility:hidden; }
.bps-still .bps-floating-tag { display:none; }
.bps-still .bps-hero-art,.bps-still .bps-hero-route { opacity:1; }
.bps-still .bps-channel-rail { transform:none!important; }
.bps-still .bps-channel-dots { display:none; }
.bps-animated.bps-still .bps-calendar-post { transform:translateY(calc((1 - var(--day-enter,1))*18px)); }

@media (min-width:901px) {
    .bps-enhanced .bps-pin { height:calc(100svh - var(--bps-header)); min-height:0; }
    .bps-enhanced .bps-hero { height:calc(100svh - var(--bps-header) - 60px); }
    .bps-enhanced .bps-scene-body,.bps-enhanced .bps-hero-content { height:100%; min-height:0; }
    .bps-scene-body { padding-block:clamp(24px,3.4svh,44px) 28px; }
    .bps-section-head { margin-top:clamp(25px,3.8svh,48px); }
    .bps-enhanced .bps-section-head { transform:translateY(calc((1 - var(--scene-enter,1))*32px)); }
    .bps-distribution { height:480px; min-height:320px; max-height:690px; flex:1; margin-block:auto; }
    .bps-scene-foot { margin-top:0; flex:none; }
    .bps-workflow-layout { min-height:0; gap:clamp(36px,5vw,80px); padding-block:35px; }
    .bps-channel-viewport { display:flex; align-items:center; flex:1; margin-block:24px; min-height:0; }
    .bps-channel-rail { align-items:stretch; }
    .bps-calendar-visual { margin-block:20px; min-height:320px; }
    .bps-calendar-toast { bottom:calc(50% - 195px); }
    .bps-faq-grid > div:first-child { position:sticky; top:calc(var(--bps-header) + 45px); align-self:start; }
    .bps-still .bps-distribution { min-height:450px; margin-top:25px; }
    .bps-still .bps-channel-viewport { display:block; }
    .bps-still .bps-channels-section .bps-scene-body { padding-bottom:45px; }
}
@media (min-width:901px) and (max-height:850px) {
    .bps-hero h1 { font-size:clamp(94px,10.5vw,148px); margin-top:30px; }
    .bps-hero-copy { padding-top:23px; }
    .bps-hero-copy h2 { font-size:28px; }
    .bps-hero-copy p { font-size:14px; margin-top:12px; }
    .bps-hero-foot { padding-block:8px; }
    .bps-hero-route { top:77%; right:10%; padding:13px 18px; }
    .bps-section-head h2 { font-size:48px; }
    .bps-section-head { margin-top:22px; }
    .bps-scene-body { padding-block:22px 18px; }
    .bps-source { width:198px; height:250px; margin:-125px 0 0 -99px; padding:12px; }
    .bps-channel-node { padding:19px; width:235px; }
    .bps-workflow-copy h2 { font-size:58px; }
    .bps-workflow-layout { padding-block:20px; }
    .bps-demo-body { padding:20px; }
    .bps-channel-card { min-height:330px; padding:25px 30px; }
    .bps-channel-card h3 { font-size:44px; }
    .bps-calendar-visual { margin-block:14px; }
    .bps-calendar-toast { bottom:calc(50% - 165px); }
}
@media (min-width:901px) and (min-height:1100px) {
    .bps-hero h1 { margin-top:12svh; }
    .bps-hero-art { width:72vw; top:51%; }
    .bps-hero-route { top:76%; }
    .bps-distribution { max-height:800px; }
    .bps-source { width:280px; height:350px; margin:-175px 0 0 -140px; padding:18px; gap:11px; }
    .bps-channel-node { width:270px; padding:28px; }
    .bps-channel-card { padding:40px; min-height:410px; }
    .bps-channel-card h3 { margin-top:26px; font-size:56px; }
    .bps-channel-card dl { margin-top:30px; }
}
@media (max-width:1100px) and (min-width:901px) {
    .bps-source { width:200px; height:260px; margin:-130px 0 0 -100px; }
    .bps-channel-node { width:205px; padding:18px; }
    .bps-channel-node b { font-size:14px; }
    .bps-channel-node small { font-size:14px; }
    .bps-hero-copy p { max-width:380px; }
    .bps-section-head p { max-width:300px; font-size:14px; }
}
@media (max-width:900px) {
    .bps-wrap { width:calc(100% - 40px); }
    .bps-hero { height:790px; min-height:0; }
    .bps-hero-content { height:100%; }
    .bps-hero h1 { font-size:115px; margin-top:42px; }
    .bps-hero-art { width:650px; right:-145px; top:44%; }
    .bps-hero-copy { padding-top:45px; }
    .bps-hero-route { right:7%; top:76%; padding:13px 18px; }
    .bps-connect,.bps-calendar-section,.bps-channels-section { height:auto; min-height:0; }
    .bps-scene-body { min-height:0; padding-block:35px; }
    .bps-section-head h2 { font-size:42px; }
    .bps-distribution { height:450px; margin-top:25px; }
    .bps-source { width:190px; height:250px; margin:-125px 0 0 -95px; }
    .bps-channel-node { width:185px; padding:18px; }
    .bps-channel-node b { font-size:14px; }
    .bps-channel-node small { font-size:14px; }
    .bps-workflow-copy h2 { font-size:46px; }
    .bps-channel-card { padding:26px; min-height:0; }
    .bps-channel-card h3 { font-size:40px; }
    .bps-calendar-scan { display:none; }
    .bps-animated .bps-channel-card { transform:translateY(calc((1 - var(--card-enter,1))*38px)); }
}
@media (max-width:700px) {
    .bps-hero { height:820px; }
    .bps-hero h1 { font-size:clamp(85px,22vw,128px); margin-top:24px; padding:0; line-height:.86; }
    .bps-hero h1 i { top:0; right:-38px; }
    .bps-hero-art { top:245px; right:-5%; width:112%; height:auto; transform:translate3d(calc(var(--mobile-hero,0)*30px),calc(var(--mobile-hero,0)*-30px),0) rotate(calc(var(--mobile-hero,0)*-7deg)); }
    .bps-hero-copy { position:absolute; left:0; bottom:66px; padding-top:0; max-width:100%; }
    .bps-hero-copy h2 { font-size:29px; }
    .bps-hero-copy p { font-size:14px; margin-top:13px; }
    .bps-hero-route { top:442px; left:2%; right:auto; padding:9px 13px; border-radius:9px; transform:rotate(-4deg); }
    .bps-route-label { font-size:14px; }
    .bps-route-platforms { gap:16px; margin-top:7px; }
    .bps-route-platforms img { width:17px; height:17px; }
    .bps-route-platforms > span { font-size:22px; }
    .bps-hero-foot { margin-top:auto; }
    .bps-section-head { margin-top:23px; }
    .bps-section-head h2 { font-size:37px; }
    .bps-section-head p { font-size:14px; margin-top:16px; }
    .bps-distribution { height:360px; margin-block:24px 8px; }
    .bps-distribution-word { font-size:70px; }
    .bps-distribution-orbit { width:240px; }
    .bps-source { width:148px; height:202px; margin:-101px 0 0 -74px; padding:10px; gap:7px; }
    .bps-source b { font-size:14px; }
    .bps-source-channels { font-size:14px; }
    .bps-source-send { width:42px; height:42px; font-size:27px; }
    .bps-channel-node { width:46%; padding:13px 10px; gap:8px; }
    .bps-channel-node b { font-size:14px; }
    .bps-channel-node small { font-size:14px; }
    .bps-node-threads,.bps-node-instagram { top:0; }
    .bps-node-facebook,.bps-node-youtube { bottom:0; }
    .bps-connect-lines { transform:none; }
    .bps-workflow-copy h2 { font-size:35px; }
    .bps-workflow-copy > p { font-size:14px; }
    .bps-workflow-layout { padding-top:23px; }
    .bps-demo { border-radius:10px; transform:none; }
    .bps-workflow .bps-scene-foot { padding-top:0; }
    .bps-calendar-visual { min-height:310px; }
    .bps-calendar-giant { font-size:140px; }
    .bps-calendar-toast { bottom:-7px; }
    .bps-channel-card { padding:25px; }
    .bps-channel-card h3 { font-size:39px; }
    .bps-channel-card > p { font-size:14px; }
    .bps-channel-card dd { font-size:14px; }
    .bps-send-section h2 { transform:none; }
    .bps-free-heading h2 { font-size:31px; }
}
@media (min-width:701px) and (max-width:900px) {
    .bps-hero-art { width:65vw; right:-3vw; top:50%; }
    .bps-hero-copy p { max-width:260px; font-size:14px; }
}
@media (max-width:370px) {
    .bps-wrap { width:calc(100% - 32px); }
    .bps-hero { height:790px; }
    .bps-hero-art { top:245px; }
    .bps-hero-route { top:406px; }
    .bps-hero-copy p { font-size:14px; }
    .bps-section-head h2 { font-size:33px; }
    .bps-workflow-copy h2 { font-size:31px; }
    .bps-free-heading h2 { font-size:27px; }
}
@media (prefers-reduced-motion:reduce) {
    .bps-hero-art { transform:translateY(-50%)!important; }
    .bps-hero-route,.bps-channel-card,.bps-section-head,.bps-send-section h2 { transform:none!important; }
    .bps-connect-packet,.bps-calendar-scan { display:none; }
}
@media (prefers-reduced-motion:reduce) and (max-width:700px) {
    .bps-hero-art { transform:none!important; }
}

/* Launch: split the type, fly through the frame, then reveal the cobalt end scene. */
.bps-title-line { display:block; }
.bps-title-line,.bps-hero-art img { transform-origin:50% 50%; }
.bps-hero-art img { transition:transform .55s cubic-bezier(.16,1,.3,1); }
.bps-animated .bps-hero-art img { transform:perspective(1200px) translate3d(calc(var(--hero-pointer-x,0)*34px),calc(var(--hero-pointer-y,0)*26px),0) rotateY(calc(var(--hero-pointer-x,0)*7deg)) rotateX(calc(var(--hero-pointer-y,0)*-5deg)); }
.bps-hero-sweep,.bps-flight-lines { display:none; pointer-events:none; }
.bps-launch-meter { width:84px; height:2px; display:inline-block; vertical-align:middle; margin-left:20px; background:#244cf426; overflow:hidden; }
.bps-launch-meter b { display:block; height:100%; width:100%; background:var(--bps-blue); transform-origin:left; transform:scaleX(var(--hero-p,0)); }
.bps-enhanced .bps-hero-track { height:220svh; }
.bps-enhanced .bps-hero { isolation:isolate; height:calc(100svh - var(--bps-header)); }
.bps-enhanced .bps-hero-grid { z-index:-2; }
.bps-enhanced .bps-hero-sweep { display:block; position:absolute; width:100vmax; height:100vmax; left:70%; top:40%; border-radius:50%; background:#244cf4; z-index:-1; transform:translate(-50%,-50%) scale(var(--hero-wipe,0)); }
.bps-enhanced .bps-flight-lines { display:block; position:absolute; inset:0; width:100%; height:100%; z-index:1; opacity:var(--hero-trails,0); transform:translateX(calc(var(--hero-launch,0)*15vw)); }
.bps-flight-lines path { fill:none; stroke:#244cf4; stroke-width:2; vector-effect:non-scaling-stroke; stroke-dasharray:1; stroke-dashoffset:calc(1 - var(--hero-charge,0)); }
.bps-flight-lines path:nth-child(2) { stroke-width:1; opacity:.4; }
.bps-flight-lines path:nth-child(3) { stroke:#ff8e50; stroke-width:1.5; opacity:.8; }
.bps-enhanced .bps-hero-art { z-index:2; opacity:calc(1 - var(--hero-art-out,0)); transform:translate3d(calc(var(--hero-charge,0)*-15vw + var(--hero-launch,0)*100vw),calc(-50% + var(--hero-charge,0)*6vh - var(--hero-launch,0)*100vh),0) rotate(calc(var(--hero-charge,0)*-8deg - var(--hero-launch,0)*24deg)) scale(calc(1 + var(--hero-charge,0)*.5 + var(--hero-launch,0)*.9)); transform-origin:64% 45%; }
.bps-enhanced .bps-hero-content { z-index:3; }
.bps-enhanced .bps-hero h1 { opacity:1; transform:none; }
.bps-enhanced .bps-title-make { transform:translate3d(calc(var(--hero-charge,0)*-45vw),calc(var(--hero-charge,0)*-12vh),0) rotate(calc(var(--hero-charge,0)*-14deg)); opacity:calc(1 - var(--hero-type-out,0)); }
.bps-enhanced .bps-title-go { transform:translate3d(calc(var(--hero-charge,0)*22vw),calc(var(--hero-charge,0)*10vh),0) rotate(calc(var(--hero-charge,0)*8deg)) scale(calc(1 + var(--hero-charge,0)*.3)); opacity:calc(1 - var(--hero-type-out,0)); }
.bps-enhanced .bps-hero h1 i { transform:translate3d(calc(var(--hero-charge,0)*15vw),calc(var(--hero-charge,0)*-10vh),0) rotate(calc(var(--hero-charge,0)*35deg)); opacity:calc(1 - var(--hero-type-out,0)); }
.bps-enhanced .bps-hero-copy { transform:translateY(calc(var(--hero-copy-out,0)*65px)); opacity:calc(1 - var(--hero-copy-out,0)); }
.bps-enhanced .bps-hero-content > .bps-meta,.bps-enhanced .bps-hero-foot { opacity:calc(1 - var(--hero-copy-out,0)); }
.bps-enhanced .bps-hero-route { z-index:4; transform:translate3d(calc(var(--hero-charge,0)*-24vw),calc(var(--hero-charge,0)*9vh),0) rotate(calc(-4deg - var(--hero-charge,0)*24deg)) scale(calc(1 - var(--hero-launch,0)*.3)); opacity:calc(1 - var(--hero-art-out,0)); }
.bps-enhanced .bps-hero-finale { z-index:5; background:none; color:#fff; opacity:var(--hero-finale,0); transform:translateY(calc((1 - var(--hero-finale,0))*90px)); gap:26px; }
.bps-hero-finale > .bps-mono { position:relative; z-index:1; color:#b7c7ff; letter-spacing:.18em; }
.bps-launch-word { position:relative; font-size:clamp(180px,23vw,365px); font-weight:900; letter-spacing:-.095em; line-height:.78; color:#f6f4ee; transform:scale(calc(1.75 - var(--hero-finale,1)*.75)) rotate(calc((1 - var(--hero-finale,1))*-9deg)); }
.bps-launch-word > span { display:inline-block; font-size:.7em; color:#d5ff85; padding-left:.13em; vertical-align:top; transform:translate3d(calc((1 - var(--hero-finale,1))*-70px),calc((1 - var(--hero-finale,1))*70px),0); }
.bps-hero-finale > p { position:relative; font-size:clamp(38px,4.4vw,66px); margin-top:8px; font-weight:750; line-height:1.2; color:white; }
.bps-hero-finale em { color:#d5ff85; }
.bps-launch-channels { display:flex; justify-content:center; flex-wrap:wrap; gap:28px; position:relative; margin-top:7px; color:#c2cfff; font-size:14px; letter-spacing:.07em; }
.bps-launch-channels > span { transform:translateY(calc((1 - var(--hero-finale,1))*50px)); }
.bps-hero-portal { position:absolute; width:72vw; height:72vw; border:1px solid #b8c8ff2b; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%) rotateX(55deg) rotate(-25deg) scale(calc(.7 + var(--hero-finale,0)*.5)); }
.bps-hero-portal::before,.bps-hero-portal::after { content:''; position:absolute; inset:10%; border:1px solid #b8c8ff30; border-radius:50%; }
.bps-hero-portal::after { inset:-15%; border-style:dashed; opacity:.6; }
@media (min-width:901px) {
    .bps-calendar-post > img { height:clamp(90px,12svh,145px); }
}
@media (min-width:901px) and (max-height:850px) {
    .bps-hero-finale { gap:22px; }
    .bps-launch-word { font-size:clamp(180px,21vw,300px); }
    .bps-hero-finale > p { font-size:48px; }
}
@media (max-width:700px) {
    .bps-animated.bps-still .bps-hero-art { transform:translate3d(calc(var(--mobile-hero,0)*65px),calc(var(--mobile-hero,0)*-70px),0) rotate(calc(var(--mobile-hero,0)*-13deg)) scale(calc(1 + var(--mobile-hero,0)*.12)); }
    .bps-launch-meter { width:55px; margin-left:15px; }
}
@media (prefers-reduced-motion:reduce) {
    .bps-title-line,.bps-hero-art img { transform:none!important; }
    .bps-hero-sweep,.bps-flight-lines { display:none!important; }
}

.bps-source .bps-source-channels { white-space:normal; max-width:calc(100% - 56px); line-height:1.45; }
@media (max-width:700px) { .bps-source .bps-source-channels { display:none; } }