/* Homepage refinements. Shared V2 pages retain their existing layout. */
.hero h1 { font-weight:700; }

/* Answer the final questions, then give the trial and demo clear next steps. */
#questions .faq-intro h2 { font-size:clamp(2rem,3.3vw,2.75rem); line-height:1.16; letter-spacing:-.035em; }
#questions .faq-intro .eyebrow { margin:0 0 18px; }
.home-closing .closing-panel h2 { line-height:1.16; }
.home-closing .closing-actions { gap:24px; }
.home-trial-cta { display:flex; flex-direction:column; align-items:center; gap:12px; }
.home-closing .closing-panel .trial-note { margin:0; font-size:.8125rem; line-height:1.5; color:#eee6ff; text-align:center; }

@media (min-width:801px) {
  .hero-copy { width:min(1440px,calc(100% - 64px)); }
  .hero-description { max-width:950px; }
}

.benefit-bullets { list-style:none; padding:0; margin:25px 0 0; display:grid; gap:19px; }
.benefit-bullets li { display:flex; align-items:flex-start; gap:13px; }
.benefit-bullets li>.icon { width:19px; height:19px; margin-top:3px; color:#27917d; }
.benefit-bullets strong { display:block; font-weight:600; color:#33384f; line-height:1.5; font-size:1rem; }
.benefit-bullets p { font-size:.9375rem; line-height:1.65; margin-top:3px; }

/* Three distinct jobs: simplify publishing, plan the week, promote a listing. */
.workflow-section { padding:64px 0 0; }
.workflow-shell { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:54px; background:#21183f; border-radius:28px; padding:52px 60px; color:#fff; }
.workflow-heading { max-width:590px; min-width:0; }
.workflow-heading .eyebrow { justify-content:flex-start; color:#bda8f7; font-size:.75rem; line-height:1.7; }
.workflow-heading h2 { font-size:clamp(2rem,3.6vw,3.375rem); line-height:1.14; text-wrap:initial; }
.workflow-heading h2>span { color:#c5adff; }
.workflow-description { max-width:460px; margin:24px 0 0; color:#d0c9df; font-size:1.0625rem; line-height:1.8; }
.workflow-actions { display:flex; align-items:flex-start; flex-direction:column; gap:22px; margin-top:30px; }
.workflow-actions .text-link { color:#d4c5ff; font-size:.875rem; }
.publishing-photos { position:relative; width:min(100%,420px); aspect-ratio:1/1.17; justify-self:end; isolation:isolate; }
.publishing-photos::before { content:""; position:absolute; inset:6% 2% 14% 21%; border:1px solid #c5adff38; background:#8e75bb20; border-radius:20px; transform:rotate(5deg); z-index:-1; }
.publishing-photo-main { width:83%; margin-left:13%; aspect-ratio:4/5; overflow:hidden; border-radius:16px; box-shadow:0 20px 40px #100a2540; }
.publishing-photo-main img { width:100%; height:100%; object-fit:cover; }
.publishing-photo-detail { position:absolute; left:2%; bottom:1%; width:47%; padding:7px; background:#faf7f0; border-radius:12px; transform:rotate(-6deg); box-shadow:0 15px 35px #0d081b50; }
.publishing-photo-detail img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:6px; }

.planning-section { padding:96px 0; }
.weekly-content-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-areas:"visual copy"; gap:80px; align-items:center; }
.weekly-copy { grid-area:copy; min-width:0; }
.weekly-copy h2 { font-size:clamp(2rem,3.6vw,3.25rem); line-height:1.13; }
.weekly-intro { font-size:1.0625rem; line-height:1.8; margin-top:22px; max-width:520px; }
.weekly-benefits { list-style:none; padding:0; margin:30px 0 0; display:grid; gap:24px; }
.weekly-benefits li { display:flex; align-items:flex-start; gap:16px; }
.weekly-benefit-icon { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; flex-shrink:0; background:#f0eaff; color:var(--purple); }
.weekly-benefit-icon .icon { width:20px; height:20px; }
.weekly-benefits h3 { font-size:1.0625rem; font-weight:600; letter-spacing:-.02em; line-height:1.5; }
.weekly-benefits p { font-size:.9375rem; line-height:1.7; margin-top:4px; }
.weekly-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px 25px; margin-top:32px; }
.weekly-actions .text-link { font-size:.875rem; }
.weekly-preview { grid-area:visual; min-width:0; width:100%; max-width:530px; margin:0; padding:30px 24px 22px; background:#f6f3fc; border:1px solid #eee7f8; border-radius:24px; }
.weekly-ideas { margin-right:20px; border:1px solid #e6e0ee; border-radius:14px; padding:20px; background:#fff; box-shadow:0 12px 30px #30244c08; }
.weekly-preview-header { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.weekly-preview-header>span { display:flex; align-items:center; gap:9px; font-size:1rem; font-weight:650; color:#342749; }
.weekly-preview-header .icon { width:20px; height:20px; color:var(--purple); }
.weekly-preview-header small { font-size:.6875rem; color:#7d728e; background:#f5f2f9; padding:3px 7px; border-radius:4px; }
.weekly-ideas-label { font-size:.8125rem; margin-top:23px; color:#77718a; }
.weekly-topics { padding:0; margin:12px 0 16px; list-style:none; display:grid; gap:5px; }
.weekly-topics li { display:flex; align-items:center; gap:12px; padding:12px 10px; font-size:.9375rem; line-height:1.5; color:#5e586e; border-radius:7px; }
.weekly-topic-number { font-size:.6875rem; color:#9a91ac; font-weight:600; }
.weekly-topics .weekly-topic-featured { color:#4f3196; background:#f0eaff; font-weight:550; }
.weekly-topic-featured .weekly-topic-number { color:#9275c8; }
.weekly-topic-featured .icon { width:16px; height:16px; color:var(--purple); margin-left:auto; }
.weekly-output { position:relative; display:grid; grid-template-columns:126px minmax(0,1fr); align-items:center; gap:18px; margin:-12px 0 0 26px; border:1px solid #e4deee; border-radius:12px; padding:18px; background:#fff; box-shadow:0 14px 32px #30244c10; }
.weekly-post-art { min-width:0; overflow:hidden; border-radius:4px; background:#214d42; color:#fff; box-shadow:0 3px 10px #102d2120; }
.weekly-post-art>img { width:100%; height:91px; object-fit:cover; }
.weekly-post-art>div { padding:11px 12px 10px; }
.weekly-post-art span { display:block; font-size:.5625rem; letter-spacing:.08em; line-height:1.5; color:#c0d5c8; }
.weekly-post-art strong { display:block; font-family:Georgia,serif; font-size:1.12rem; line-height:1.15; font-weight:400; margin:6px 0 10px; }
.weekly-post-art .weekly-post-brand { font-size:.5rem; letter-spacing:.14em; color:#e1ebe5; }
.weekly-caption { min-width:0; }
.weekly-caption-label { color:#898294; font-size:.625rem; letter-spacing:.09em; font-weight:600; }
.weekly-caption p { font-size:.875rem; line-height:1.7; color:#595365; margin-top:9px; }
.weekly-edit-note { display:flex; align-items:center; gap:6px; color:#638475; font-size:.6875rem; line-height:1.5; margin-top:14px; }
.weekly-edit-note .icon { width:14px; height:14px; }
.weekly-preview figcaption { font-size:.75rem; line-height:1.6; color:#84768e; text-align:center; margin-top:19px; }

.campaign-section { padding:78px 0 72px; background:#f8f6f1; border-block:1px solid #ece8df; }
.campaign-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:70px; align-items:end; margin-bottom:40px; }
.campaign-heading h2 { font-size:clamp(2rem,3.6vw,3.25rem); line-height:1.13; }
.campaign-heading>p { max-width:470px; font-size:1.0625rem; line-height:1.8; padding-bottom:4px; }
.listing-content-gallery { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.02fr) minmax(0,1.28fr); gap:32px; align-items:center; max-width:1060px; margin:0 auto; }
.listing-digital-pair { display:grid; gap:22px; min-width:0; }
.listing-example { margin:0; min-width:0; }
.listing-example figcaption { padding:14px 0 0; }
.listing-example figcaption strong { display:block; font-size:1rem; line-height:1.4; color:#333341; font-weight:600; }
.listing-example figcaption span { display:block; font-size:.8125rem; line-height:1.6; color:#74717b; margin-top:3px; }
/* Live type and original Velisto template assets keep the previews crisp. */
.listing-template { position:relative; container-type:inline-size; width:100%; overflow:hidden; border-radius:3px; box-shadow:0 15px 30px #26213216,0 2px 5px #26213210; }
.listing-template img { display:block; }
.listing-template-post { aspect-ratio:4/5; background:#f1ede6; color:#191919; }
.listing-post-title { position:absolute; top:4.4%; left:6%; font-size:15.6cqw; font-weight:800; line-height:.86; letter-spacing:-.065em; }
.listing-post-property { position:absolute; left:6%; top:28%; width:88%; height:43%; object-fit:cover; }
.listing-post-agent { position:absolute; z-index:1; right:0; bottom:9%; width:43%; height:53%; object-fit:contain; object-position:center bottom; }
.listing-post-price { position:absolute; z-index:2; left:6%; top:68%; background:#df512b; color:#fff; padding:2cqw 3cqw; font-size:6.5cqw; font-weight:750; line-height:1; letter-spacing:-.04em; }
.listing-post-address { position:absolute; top:78%; left:6%; width:50%; font-size:2.7cqw; font-weight:650; line-height:1.35; letter-spacing:.02em; }
.listing-post-specs { position:absolute; left:6%; bottom:10%; width:49%; display:flex; justify-content:space-between; gap:2cqw; }
.listing-post-specs span { display:flex; flex-direction:column; font-size:1.6cqw; line-height:1.4; letter-spacing:.08em; }
.listing-post-specs b { font-size:3.6cqw; line-height:1.2; letter-spacing:-.03em; }
.listing-post-footer { position:absolute; z-index:3; inset:auto 0 0; height:9%; padding:0 6%; display:flex; align-items:center; justify-content:space-between; gap:4cqw; background:#191919; color:#f9f5ed; }
.listing-post-footer strong { display:block; font-size:3.3cqw; line-height:1.2; font-weight:600; }
.listing-post-footer small { display:block; margin-top:1cqw; font-size:1.45cqw; line-height:1.3; letter-spacing:.08em; color:#e6bb8f; }
.listing-post-footer>img { width:18%; height:73%; object-fit:contain; filter:brightness(0) invert(1); }
.listing-template-story { aspect-ratio:9/16; background:#f7eee6; color:#5f2637; }
.listing-template-story::before { content:""; position:absolute; inset:0 0 auto; height:48%; background:#602b3e; }
.listing-story-heading { position:absolute; top:3.6%; left:8%; right:8%; color:#fff1e4; }
.listing-story-heading>span { display:block; font-size:2.6cqw; font-weight:500; letter-spacing:.2em; line-height:1.4; margin-bottom:3.6cqw; }
.listing-story-heading>strong { display:block; font-family:Georgia,serif; font-size:19cqw; line-height:.92; font-weight:400; letter-spacing:-.055em; }
.listing-story-heading>small { display:block; margin-top:2.5cqw; font-size:2.8cqw; line-height:1.5; letter-spacing:.1em; }
.listing-story-property { position:absolute; left:6%; top:33%; width:88%; height:28.5%; object-fit:cover; border:1.4cqw solid #f7eee6; }
.listing-reel-indicator { position:absolute; top:35%; right:10%; display:flex; align-items:center; gap:1.5cqw; padding:1.1cqw 1.8cqw; background:#1e2028cc; color:#fff; border-radius:2px; font-size:2.1cqw; line-height:1.4; letter-spacing:.07em; }
.listing-reel-indicator .icon { width:2.6cqw; height:2.6cqw; fill:currentColor; }
.listing-story-details { position:absolute; top:64.5%; left:8%; right:8%; }
.listing-story-details>strong { display:block; font-family:Georgia,serif; font-size:5.4cqw; line-height:1.2; font-weight:400; }
.listing-story-details>span { display:block; font-size:2.3cqw; margin-top:1.8cqw; line-height:1.5; letter-spacing:.03em; color:#735660; }
.listing-story-details>b { display:block; font-size:6.2cqw; line-height:1.2; font-weight:600; margin-top:2cqw; letter-spacing:-.04em; }
.listing-story-agent { position:absolute; top:78%; left:8%; right:8%; height:7.5%; display:flex; align-items:center; gap:3cqw; }
.listing-story-agent>img { width:14cqw; height:14cqw; border:1px solid #d8c5b8; border-radius:50%; object-fit:cover; background:#e8d7c9; }
.listing-story-agent strong { display:block; font-size:3.4cqw; font-weight:600; line-height:1.3; }
.listing-story-agent small { display:block; font-size:1.8cqw; margin-top:1cqw; line-height:1.4; letter-spacing:.06em; }
.listing-story-interiors { position:absolute; left:6%; right:6%; top:88%; height:10%; display:grid; grid-template-columns:1fr 1fr; gap:2cqw; }
.listing-story-interiors>img { width:100%; height:100%; min-height:0; object-fit:cover; }
.listing-template-flyer { aspect-ratio:794/1123; background:#faf7f0; color:#152b46; }
.listing-flyer-title { position:absolute; left:6%; top:4.5%; font-family:Georgia,serif; font-size:14.8cqw; font-weight:400; letter-spacing:-.055em; line-height:.95; }
.listing-flyer-logo { position:absolute; top:7%; right:6%; width:24%; height:auto; }
.listing-flyer-property { position:absolute; top:26%; left:0; width:100%; height:36%; background:#b59961; clip-path:polygon(0 0,100% 0,100% 90%,0 100%); }
.listing-flyer-property>img { width:100%; height:98%; object-fit:cover; clip-path:polygon(0 0,100% 0,100% 89%,0 99%); }
.listing-flyer-price { position:absolute; top:58%; left:6%; padding:2.1cqw 3.2cqw; background:#152b46; color:#fff7e9; font-family:Georgia,serif; font-size:7.2cqw; line-height:1; letter-spacing:-.04em; }
.listing-flyer-address { position:absolute; top:66.5%; left:6%; right:6%; font-size:2.7cqw; font-weight:600; letter-spacing:.06em; line-height:1.4; }
.listing-flyer-specs { position:absolute; left:6%; right:6%; top:71.5%; display:grid; grid-template-columns:1fr 1fr 1fr; text-align:center; }
.listing-flyer-specs>span { font-size:2.1cqw; letter-spacing:.08em; line-height:1.5; }
.listing-flyer-specs>span+span { border-left:1px solid #d7c9ad; }
.listing-flyer-specs strong { display:block; font-size:4.6cqw; font-weight:600; letter-spacing:-.02em; line-height:1.2; margin-bottom:1cqw; }
.listing-flyer-interiors { position:absolute; top:79.5%; left:6%; right:6%; height:9.5%; display:grid; grid-template-columns:1fr 1fr; gap:2cqw; }
.listing-flyer-interiors>img { width:100%; height:100%; min-height:0; object-fit:cover; }
.listing-flyer-footer { position:absolute; bottom:0; left:0; right:0; height:10%; background:#152b46; color:#fff; display:flex; align-items:center; gap:2.4cqw; padding:0 6%; }
.listing-flyer-footer>img { width:11.4cqw; height:11.4cqw; object-fit:cover; border:1px solid #dfcaa5; border-radius:50%; background:#e7d9c5; }
.listing-flyer-footer strong { display:block; font-size:3.3cqw; font-weight:500; line-height:1.3; }
.listing-flyer-footer small { display:block; margin-top:.9cqw; color:#dec89e; font-size:1.6cqw; letter-spacing:.04em; line-height:1.4; }
.listing-flyer-contact { margin-left:auto; text-align:right; font-size:1.65cqw; line-height:1.6; color:#dec89e; }
.listing-flyer-contact>b { color:#fff; font-weight:500; font-size:2.6cqw; white-space:nowrap; }
.listing-video-cover { display:block; position:relative; container-type:inline-size; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:4px; background:#182433; box-shadow:0 12px 26px #26213218,0 2px 5px #2621320d; }
.listing-video-cover>img { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; }
.listing-video-copy { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; padding:5cqw 6cqw; background:linear-gradient(#17243240,transparent 35%,#132134b8); color:#fff; }
.listing-video-copy>span { font-size:2.4cqw; line-height:1.5; letter-spacing:.14em; }
.listing-video-copy>strong { font-family:Georgia,serif; font-size:6cqw; font-weight:400; line-height:1.1; letter-spacing:-.025em; }
.listing-video-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:18cqw; min-width:28px; aspect-ratio:1; border-radius:50%; display:grid; place-items:center; background:#fff; color:#192a44; box-shadow:0 3px 18px #101b2940; }
.listing-video-play .icon { width:42%; height:42%; fill:currentColor; margin-left:5%; }
.listing-video-cover:hover .listing-video-play { background:#f1eaff; color:#6338dc; }
.listing-video-cover:focus-visible { outline:3px solid #875eee; outline-offset:5px; }
.listing-example-note { margin:26px 0 0; text-align:center; font-size:.75rem; line-height:1.6; color:#8a8c83; }
.campaign-actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:22px 30px; margin-top:28px; }
.campaign-actions .text-link { font-size:.9375rem; }

/* Two photographic, animated outputs. Shared video feature pages are unchanged. */
.video-content-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:72px; align-items:center; }
.video-copy { min-width:0; }
.video-copy h2 { font-size:clamp(2rem,3.6vw,3.25rem); line-height:1.13; }
.video-intro { font-size:1.0625rem; line-height:1.8; margin-top:22px; }
.video-copy .benefit-bullets { margin-top:28px; gap:20px; }
.video-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px 26px; margin-top:30px; }
.video-actions .text-link { font-size:.875rem; }
.video-showcase { width:100%; max-width:540px; margin:0; min-width:0; }
.video-stage { position:relative; width:100%; aspect-ratio:1/1.06; }
.motion-example { position:absolute; }
.motion-property { left:1%; top:1%; width:52%; }
.motion-landscape { right:0; top:19%; width:63%; }
.motion-screen { position:relative; overflow:hidden; isolation:isolate; background:#193a31; border:6px solid #fff; border-radius:17px; box-shadow:0 16px 40px #2920391f,0 2px 7px #29203913; }
.motion-property .motion-screen { aspect-ratio:9/16; }
.motion-landscape .motion-screen { aspect-ratio:16/9; }
.motion-scene { position:absolute; inset:0; opacity:0; --scene-offset:0s; }
.motion-scene:first-child { opacity:1; }
.motion-scene:nth-child(2) { --scene-offset:-18s; }
.motion-scene:nth-child(3) { --scene-offset:-12s; }
.motion-scene:nth-child(4) { --scene-offset:-6s; }
.motion-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.02); }
.motion-property .motion-photo { object-position:52% center; }
.motion-shade { position:absolute; inset:0; background:linear-gradient(#09231a50,transparent 25%,#081c1520 50%,#081c15e6); }
.motion-caption { position:absolute; left:22px; right:16px; bottom:35px; color:#fff; }
.motion-caption>span { display:block; font-size:.75rem; letter-spacing:.08em; font-weight:500; line-height:1.5; margin-bottom:10px; color:#e3ebe2; }
.motion-caption>strong { display:block; font-family:Georgia,serif; font-size:clamp(1.6rem,3vw,2.5rem); line-height:1.12; font-weight:400; letter-spacing:-.035em; }
.motion-agent { position:absolute; z-index:2; top:14px; left:16px; max-width:calc(100% - 32px); display:flex; align-items:center; gap:10px; padding:6px 13px 6px 6px; border:1px solid #ffffff32; border-radius:40px; background:#102d25d9; box-shadow:0 3px 12px #0a221429; color:#fff; }
.motion-agent>img { width:52px; height:52px; flex-shrink:0; border-radius:50%; border:2px solid #fff; object-fit:cover; object-position:center 38%; }
.motion-agent>span { min-width:0; }
.motion-agent strong { display:block; font-size:.875rem; font-weight:600; line-height:1.4; }
.motion-agent small { display:block; font-size:.75rem; font-weight:400; letter-spacing:.07em; line-height:1.5; color:#dce8df; margin-top:2px; }
.motion-landscape .motion-caption { left:19px; bottom:22px; }
.motion-landscape .motion-caption>strong { font-size:clamp(1.25rem,2.4vw,1.875rem); }
.motion-landscape .motion-caption>span { font-size:.75rem; margin-bottom:5px; }
.motion-landscape .motion-agent { top:11px; left:13px; max-width:calc(100% - 26px); gap:8px; padding:4px 11px 4px 4px; }
.motion-landscape .motion-agent>img { width:38px; height:38px; }
.motion-landscape .motion-agent strong { font-size:.75rem; }
.motion-landscape .motion-agent small { font-size:.75rem; margin-top:0; letter-spacing:.03em; }
.motion-opening .motion-caption>span { color:#fff; font-weight:600; }
.motion-landscape .motion-opening .motion-caption>span { display:block; text-align:right; }
.motion-stat .motion-caption { text-align:center; bottom:42px; }
.motion-stat .motion-caption>strong { font-size:clamp(2.5rem,5.5vw,4rem); line-height:1.05; letter-spacing:-.03em; }
.motion-stat .motion-caption>span { display:block; color:#fff; font-size:1rem; font-weight:400; letter-spacing:.02em; margin:8px 0 0; }
.motion-landscape .motion-stat .motion-caption { bottom:23px; }
.motion-landscape .motion-stat .motion-caption>strong { font-size:clamp(2rem,3.2vw,2.75rem); }
.motion-landscape .motion-stat .motion-caption>span { font-size:.875rem; margin-top:3px; }
.motion-outro { z-index:3; background:#163c32; color:#fff; }
.motion-outro-inner { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; padding:28px 18px 40px; text-align:center; }
.motion-outro-photo { width:49%; max-width:132px; height:auto; aspect-ratio:1; object-fit:cover; border-radius:50%; border:3px solid #e2eddf; }
.motion-outro-copy { min-width:0; }
.motion-outro-copy>span { display:block; color:#c7daca; font-size:.75rem; letter-spacing:.12em; line-height:1.5; }
.motion-outro-copy>strong { display:block; font-family:Georgia,serif; font-size:1.875rem; line-height:1.2; font-weight:400; margin-top:6px; }
.motion-outro-copy>p { color:#fff; font-size:.9375rem; line-height:1.4; margin-top:17px; }
.motion-outro-copy>small { display:block; color:#c7daca; font-size:.75rem; line-height:1.5; margin-top:6px; }
.motion-landscape .motion-outro-inner { display:grid; grid-template-columns:36% minmax(0,1fr); gap:17px; padding:16px 19px 23px; text-align:left; }
.motion-landscape .motion-outro-photo { width:100%; max-width:none; border-width:2px; }
.motion-landscape .motion-outro-copy>strong { font-size:1.375rem; margin-top:3px; }
.motion-landscape .motion-outro-copy>p { font-size:.8125rem; margin-top:10px; }
.motion-landscape .motion-outro-copy>small { display:none; }
.motion-progress { position:absolute; z-index:4; bottom:12px; left:22px; right:22px; height:2px; border-radius:2px; background:#ffffff45; overflow:hidden; }
.motion-progress>span { display:block; width:100%; height:100%; background:#fff; transform:scaleX(0); transform-origin:left; }
.motion-landscape .motion-progress { left:19px; right:19px; bottom:9px; }
.motion-format { display:flex; justify-content:space-between; flex-wrap:wrap; gap:3px 8px; margin-top:12px; padding:0 6px; font-size:.875rem; line-height:1.5; color:#4f475e; font-weight:550; }
.motion-format>span { color:#8a8394; font-size:.75rem; font-weight:400; }
.video-showcase-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 14px; padding:8px 5px 0; font-size:.75rem; color:#88808f; }
.video-motion-toggle { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:8px 13px; border:1px solid #e5dfef; border-radius:24px; background:#fff; color:#57436f; font:inherit; font-size:.8125rem; cursor:pointer; }
.video-motion-toggle:hover { background:#f7f4fc; border-color:#c4b4df; }
.video-motion-toggle:focus-visible { outline:3px solid #9a7aee; outline-offset:3px; }
.video-motion-toggle[hidden] { display:none; }
.motion-control-icon { width:16px; height:16px; fill:currentColor; }
.motion-control-pause { display:none; }
[data-motion-intent="play"] .motion-control-pause { display:block; }
[data-motion-intent="play"] .motion-control-play { display:none; }
.video-showcase[data-motion-ready="true"] .motion-scene { animation:v2-video-scene 24s linear var(--scene-offset) infinite; animation-play-state:paused; }
.video-showcase[data-motion-ready="true"] .motion-photo { animation:v2-video-pan 24s linear var(--scene-offset) infinite; animation-play-state:paused; }
.video-showcase[data-motion-ready="true"] .motion-caption { animation:v2-video-caption 24s ease-in-out var(--scene-offset) infinite; animation-play-state:paused; }
.video-showcase[data-motion-ready="true"] .motion-progress>span { animation:v2-video-progress 24s linear infinite; animation-play-state:paused; }
.video-showcase[data-playing="true"] .motion-scene,
.video-showcase[data-playing="true"] .motion-photo,
.video-showcase[data-playing="true"] .motion-caption,
.video-showcase[data-playing="true"] .motion-progress>span { animation-play-state:running; }
@keyframes v2-video-scene { 0%,20.8333% { opacity:1; } 25%,95.8333% { opacity:0; } 100% { opacity:1; } }
@keyframes v2-video-pan { 0% { transform:scale(1.02) translate(0,0); } 25% { transform:scale(1.12) translate(-1%,.5%); } 25.01%,100% { transform:scale(1.02) translate(0,0); } }
@keyframes v2-video-caption { 0%,19.5% { opacity:1; transform:translateY(0); } 23%,95.8333% { opacity:0; transform:translateY(8px); } 100% { opacity:1; transform:translateY(0); } }
@keyframes v2-video-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media (prefers-reduced-motion:reduce) { .video-showcase .motion-photo { animation:none!important; transform:none; } }
.brand-feature { padding-top:0; }
.design-content-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:64px; align-items:center; }
.design-copy { min-width:0; }
.design-copy h2 { font-size:clamp(2rem,3.6vw,3.25rem); line-height:1.13; }
.design-intro { max-width:490px; margin-top:22px; font-size:1.0625rem; line-height:1.8; }
.design-copy .benefit-bullets { margin-top:28px; gap:22px; }
.design-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px 24px; margin-top:30px; }
.design-actions .text-link { font-size:.875rem; }
.design-preview { min-width:0; width:100%; max-width:620px; margin:0; padding:24px 20px 17px; border:1px solid #e5ebe6; border-radius:24px; background:#f2f5f1; }
.design-editor-example { overflow:hidden; border:1px solid #dde5df; border-radius:13px; background:#fff; box-shadow:0 12px 28px #173f2e0c; }
.design-editor-header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:17px 18px; border-bottom:1px solid #e8ece8; }
.design-editor-header>span { display:flex; align-items:center; gap:9px; color:#35334a; font-weight:600; font-size:.9375rem; }
.design-editor-header .icon { width:19px; height:19px; color:var(--purple); }
.design-editor-header>small { padding:3px 7px; background:#f3f4f2; border-radius:4px; color:#6a736c; font-size:.6875rem; }
.design-editor-body { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr); }
.design-editor-details { min-width:0; padding:17px 13px; border-right:1px solid #e5ebe5; }
.design-autofill-note { display:flex; align-items:flex-start; gap:7px; padding:10px 8px; border:1px solid #dcebdd; border-radius:7px; background:#f1f7f0; }
.design-autofill-note>.icon { width:15px; height:15px; color:#358057; margin-top:1px; }
.design-autofill-note strong { display:block; color:#315a3e; font-size:.75rem; line-height:1.5; font-weight:600; }
.design-autofill-note span { display:block; margin-top:3px; color:#657860; font-size:.6875rem; line-height:1.5; }
.design-example-fields { display:grid; gap:15px; margin:19px 0 0; }
.design-example-fields dt { margin-bottom:6px; color:#767c77; font-size:.6875rem; line-height:1.4; }
.design-example-fields dd { margin:0; padding:9px 8px; border:1px solid #e2e7e2; border-radius:5px; color:#34443c; font-size:.75rem; line-height:1.5; overflow-wrap:anywhere; }
.design-edit-hint { margin-top:14px; color:#817888; font-size:.6875rem; line-height:1.65; }
.design-example-brand { border-top:1px solid #e8ece7; padding-top:17px; margin-top:18px; }
.design-example-brand>span { display:block; color:#767c77; font-size:.6875rem; }
.design-example-brand>strong { display:block; color:#224a3d; font-size:.75rem; font-weight:600; letter-spacing:.1em; margin-top:12px; }
.design-palette { display:flex; gap:7px; margin-top:10px; }
.design-palette>span { width:21px; height:21px; border:1px solid #263f271c; border-radius:50%; background:#163f35; }
.design-palette>span:nth-child(2) { background:#c6d8cc; }
.design-palette>span:nth-child(3) { background:#f3eee4; }
.design-editor-canvas { min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px 17px 24px; background:#eaf0ea; }
.design-canvas-label { align-self:flex-start; color:#6b7e70; font-size:.6875rem; line-height:1.5; margin-bottom:12px; }
.design-flyer-preview { display:block; width:100%; height:auto; border-radius:2px; box-shadow:0 9px 20px #17332420,0 1px 3px #1733241a; }
.design-editor-export { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 12px; border-top:1px solid #e5ebe5; padding:12px 17px; }
.design-editor-export>span { color:#707a71; font-size:.75rem; }
.design-editor-export>div { display:flex; gap:7px; }
.design-editor-export>div>span { font-size:.6875rem; font-weight:600; letter-spacing:.02em; color:#45604c; padding:5px 9px; border:1px solid #e0e8df; border-radius:4px; background:#f9fbf8; }
.design-preview figcaption { margin-top:14px; color:#6c7970; font-size:.6875rem; line-height:1.6; text-align:center; }

/* Getting started: practical value, then three concrete workspace examples. */
.start-section { padding:0 0 90px; }
.start-value-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; margin-bottom:90px; }
.start-value-card { display:flex; flex-direction:column; align-items:flex-start; padding:35px 38px 30px; border:1px solid #e6dff0; border-radius:20px; background:#f5f1fc; }
.start-value-card .eyebrow { font-size:.6875rem; letter-spacing:.08em; margin-bottom:17px; }
.start-value-card h3 { font-size:clamp(1.6rem,2.6vw,2.125rem); line-height:1.16; letter-spacing:-.035em; color:#2d2541; }
.start-value-card>p:not(.eyebrow) { margin-top:16px; font-size:1rem; line-height:1.75; color:#70687f; }
.start-value-footer { align-self:stretch; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; margin-top:auto; padding-top:24px; }
.start-value-footer .text-link { font-size:.875rem; }
.start-plan-price>strong { display:block; color:#4d329a; font-size:2rem; letter-spacing:-.05em; line-height:1.15; font-weight:650; }
.start-plan-price>strong>span { color:#746884; font-size:.875rem; letter-spacing:0; font-weight:400; }
.start-plan-price>small { display:block; margin-top:6px; color:#7e738a; font-size:.6875rem; line-height:1.5; }
.start-value-time { background:#eef4f0; border-color:#dfe9e1; }
.start-value-time .eyebrow { color:#537c65; }
.start-value-time h3 { color:#254437; }
.start-value-time>p:not(.eyebrow) { color:#65776c; }
.start-value-time .text-link { color:#326b51; }
.start-heading { max-width:740px; margin:0 auto 42px; text-align:center; }
.start-heading .eyebrow { justify-content:center; }
.start-heading h2 { font-size:clamp(2rem,3.7vw,3.4rem); line-height:1.12; }
.start-heading>p:last-child { margin:20px auto 0; max-width:510px; font-size:1.0625rem; line-height:1.75; }
.start-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding:0; margin:0; list-style:none; }
.start-step { min-width:0; border:1px solid #e7e4ec; border-radius:17px; overflow:hidden; background:#fff; }
.start-step-visual { height:330px; padding:26px 18px; display:flex; align-items:center; justify-content:center; background:#f5f1f9; border-bottom:1px solid #ede8f0; }
.start-visual-content { background:#f6f3ec; }
.start-visual-schedule { background:#eef4f0; }
.start-profile-window,.start-content-window,.start-schedule-window { width:100%; min-width:0; border:1px solid #e6e2e9; border-radius:11px; padding:18px 16px; background:#fff; box-shadow:0 10px 24px #3025410c; }
.start-window-label { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.start-window-label>strong { color:#3c3548; font-size:.8125rem; font-weight:600; line-height:1.5; }
.start-window-label>span { padding:3px 6px; border-radius:4px; background:#f5f2f8; color:#84778f; font-size:.5625rem; line-height:1.4; }
.start-profile-person { display:flex; align-items:center; gap:12px; margin-top:20px; }
.start-profile-person>img { width:54px; height:54px; flex-shrink:0; border-radius:50%; object-fit:cover; }
.start-profile-person strong { display:block; color:#3b3547; font-size:.875rem; line-height:1.4; font-weight:600; }
.start-profile-person span { display:block; color:#8c8195; font-size:.625rem; margin-top:3px; line-height:1.4; }
.start-profile-fields { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:12px; margin:21px 0 20px; }
.start-profile-fields dt { font-size:.625rem; color:#8c8195; line-height:1.5; margin-bottom:7px; }
.start-profile-fields dd { margin:0; color:#554b63; font-size:.6875rem; line-height:1.5; }
.start-brand-colors { display:flex; align-items:center; gap:5px; }
.start-brand-colors>span { display:block; width:18px; height:18px; border:1px solid #263f271c; border-radius:50%; background:#163f35; }
.start-brand-colors>span:nth-child(2) { background:#c6d8cc; }
.start-brand-colors>span:nth-child(3) { background:#f3eee4; }
.start-connected { display:flex; align-items:center; justify-content:space-between; gap:9px; border-top:1px solid #ede8f0; padding-top:14px; }
.start-connected>span { font-size:.625rem; color:#8c8195; }
.start-connected>div { display:flex; gap:5px; }
.start-connected .channel-mark { width:25px; height:25px; border-radius:7px; }
.start-connected .channel-mark .icon { width:15px; height:15px; }
.start-content-window { padding:18px 12px 15px; }
.start-content-window .start-window-label { padding-inline:3px; }
.start-post-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:19px; align-items:start; }
.start-post-art { min-width:0; overflow:hidden; border-radius:4px; background:#183f35; color:#fff; box-shadow:0 4px 9px #1a392318; }
.start-post-art>img { display:block; width:100%; height:90px; object-fit:cover; }
.start-post-art>div { padding:12px 10px 10px; }
.start-post-art span { display:block; font-size:.5rem; line-height:1.3; letter-spacing:.1em; color:#c1d7c7; }
.start-post-art strong { display:block; font-family:Georgia,serif; font-weight:400; font-size:1.0625rem; line-height:1.15; margin:7px 0 13px; }
.start-post-art small { display:block; font-size:.4375rem; letter-spacing:.16em; line-height:1.5; color:#dce8df; }
.start-property-post { margin-top:14px; background:#f4eee2; color:#294b3c; }
.start-property-post span { color:#73856f; }
.start-property-post strong { font-size:1rem; }
.start-property-post small { color:#627967; }
.start-preview-note { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:17px; color:#7f7589; font-size:.5625rem; line-height:1.5; }
.start-preview-note .icon { width:13px; height:13px; }
.start-schedule-window { padding:19px 14px 17px; }
.start-window-label>.start-status { color:#368360; background:#eaf6ed; font-size:.5625rem; }
.start-schedule-list { display:grid; gap:0; margin-top:17px; }
.start-schedule-row { display:grid; grid-template-columns:27px 43px minmax(0,1fr) 13px; align-items:center; gap:9px; padding:12px 0; border-bottom:1px solid #edf0eb; }
.start-schedule-row:last-child { border-bottom:0; }
.start-schedule-day { color:#8c8790; font-size:.5625rem; letter-spacing:.04em; font-weight:550; }
.start-schedule-photo { width:43px; height:43px; object-fit:cover; border-radius:5px; }
.start-schedule-row strong { display:block; font-size:.6875rem; line-height:1.4; color:#485247; font-weight:550; }
.start-schedule-row>div>span { display:block; color:#909789; font-size:.5625rem; line-height:1.4; margin-top:4px; }
.start-schedule-row>.icon { width:13px; height:13px; color:#499772; }
.start-schedule-window .start-preview-note { margin-top:13px; color:#7e8b79; }
.start-step-copy { display:flex; align-items:flex-start; gap:13px; padding:25px 23px 27px; }
.start-step-number { font-size:.6875rem; color:#9b88ba; padding-top:5px; font-weight:600; letter-spacing:.04em; }
.start-step-copy h3 { color:#302b3d; font-size:1.125rem; line-height:1.4; letter-spacing:-.025em; }
.start-step-copy p { font-size:.9375rem; line-height:1.7; color:#777181; margin-top:10px; }
.start-examples-note { text-align:center; color:#968b9e; margin-top:17px; font-size:.6875rem; }
.start-actions { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:20px 28px; margin-top:32px; }
.start-actions .text-link { font-size:.875rem; }
.start-trial-note { margin-top:15px; text-align:center; color:#867a95; font-size:.75rem; line-height:1.6; }
.start-audiences { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px 32px; border-top:1px solid #e9e4ef; padding-top:26px; margin-top:43px; }
.start-audiences>span { font-size:.875rem; font-weight:550; color:#655970; }
.start-audiences nav { display:flex; flex-wrap:wrap; justify-content:center; gap:16px 28px; }
.start-audiences a { display:inline-flex; align-items:center; gap:9px; color:#8269a0; font-size:.8125rem; min-height:36px; }
.start-audiences a:hover { color:var(--purple); }
.start-audiences a .icon { width:14px; height:14px; }

@media (max-width:1040px) {
  .start-value-card { padding:30px 28px 27px; }
  .start-steps { gap:17px; }
  .start-step-visual { height:310px; padding:22px 12px; }
  .start-profile-window { padding:16px 12px; }
  .start-profile-person { gap:9px; }
  .start-profile-person>img { width:46px; height:46px; }
  .start-profile-fields { gap:9px; }
  .start-profile-fields dd { font-size:.625rem; }
  .start-brand-colors>span { width:15px; height:15px; }
  .start-connected { gap:7px; }
  .start-connected>span { max-width:57px; }
  .start-content-window { padding:16px 10px 14px; }
  .start-post-art>img { height:80px; }
  .start-post-art>div { padding:10px 8px; }
  .start-post-art strong { font-size:.875rem; }
  .start-schedule-window { padding:17px 10px 15px; }
  .start-schedule-row { grid-template-columns:24px 34px minmax(0,1fr) 11px; gap:6px; }
  .start-schedule-photo { width:34px; height:38px; }
  .start-step-copy { padding:22px 17px 24px; gap:10px; }
  .start-step-copy h3 { font-size:1.0625rem; }
  .design-content-grid { gap:36px; }
  .design-preview { padding:18px 13px 14px; }
  .design-editor-details { padding:14px 10px; }
  .design-autofill-note { gap:5px; padding:9px 6px; }
  .design-autofill-note>.icon { display:none; }
  .design-editor-canvas { padding:17px 13px 20px; }
  .video-content-grid { gap:40px; }
  .motion-caption { left:17px; bottom:29px; }
  .motion-agent { left:13px; max-width:calc(100% - 26px); }
  .motion-landscape .motion-caption>span { display:none; }
  .motion-landscape .motion-agent { padding:4px; }
  .motion-landscape .motion-agent>span { display:none; }
  .workflow-shell { padding:42px 34px; gap:32px; }
  .campaign-heading { gap:40px; }
  .listing-content-gallery { gap:24px; }
  .weekly-content-grid { gap:40px; }
  .weekly-preview { padding:24px 16px 18px; }
  .weekly-ideas { padding:18px 14px; margin-right:10px; }
  .weekly-output { margin-left:12px; grid-template-columns:100px minmax(0,1fr); gap:14px; padding:15px; }
  .weekly-post-art>img { height:85px; }
  .weekly-post-art strong { font-size:1rem; }
}
@media (max-width:800px) {
  .start-section { padding-bottom:65px; }
  .start-value-grid { gap:20px; margin-bottom:65px; }
  .start-value-card { padding:27px 24px; }
  .start-value-card h3 { font-size:1.75rem; }
  .start-value-card>p:not(.eyebrow) { font-size:.9375rem; }
  .start-heading { margin-bottom:33px; }
  .start-steps { grid-template-columns:1fr; gap:22px; }
  .start-step { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; }
  .start-step-visual { height:310px; border-bottom:0; border-right:1px solid #ede8f0; padding:24px 18px; }
  .start-profile-window,.start-content-window,.start-schedule-window { max-width:320px; }
  .start-profile-fields dd { font-size:.6875rem; }
  .start-profile-person>img { width:54px; height:54px; }
  .start-connected>span { max-width:none; }
  .start-step-copy { padding:25px 26px; }
  .start-step-copy h3 { font-size:1.25rem; }
  .start-step-copy p { font-size:1rem; }
  .design-content-grid { grid-template-columns:1fr; gap:34px; }
  .design-copy { max-width:600px; }
  .design-preview { max-width:580px; justify-self:center; padding:24px 20px 17px; }
  .design-editor-details { padding:20px 16px; }
  .design-autofill-note { gap:7px; padding:10px 8px; }
  .design-autofill-note>.icon { display:block; }
  .design-editor-canvas { padding:20px 18px 24px; }
  .video-content-grid { grid-template-columns:1fr; gap:34px; }
  .video-copy { order:-1; max-width:600px; }
  .video-showcase { max-width:500px; justify-self:center; }
  .motion-caption>strong { font-size:2.3rem; }
  .motion-landscape .motion-caption>strong { font-size:1.875rem; }
  .motion-landscape .motion-caption>span { display:block; }
  .workflow-section { padding-top:42px; }
  .workflow-shell { grid-template-columns:1fr; padding:42px 36px 35px; gap:36px; }
  .workflow-heading { max-width:580px; }
  .workflow-heading h2 { font-size:2.75rem; }
  .workflow-actions { flex-direction:row; align-items:center; flex-wrap:wrap; gap:20px 25px; }
  .publishing-photos { width:min(100%,350px); justify-self:center; }
  .planning-section { padding:65px 0; }
  .weekly-content-grid { grid-template-columns:1fr; grid-template-areas:"copy" "visual"; gap:34px; }
  .weekly-copy { max-width:600px; }
  .weekly-preview { max-width:530px; justify-self:center; padding:28px 24px 20px; }
  .weekly-ideas { padding:20px; margin-right:20px; }
  .weekly-output { grid-template-columns:126px minmax(0,1fr); padding:18px; gap:18px; margin-left:26px; }
  .weekly-post-art strong { font-size:1.12rem; }
  .campaign-section { padding:65px 0; }
  .campaign-heading { grid-template-columns:1fr; gap:20px; margin-bottom:32px; }
  .campaign-heading>p { max-width:590px; }
  .listing-content-gallery { gap:20px; }
  .listing-example figcaption strong { font-size:.9375rem; }
  .listing-example figcaption span { font-size:.75rem; }
}
@media (max-width:560px) {
  .start-section { padding-bottom:55px; }
  .start-value-grid { grid-template-columns:1fr; gap:17px; margin-bottom:56px; }
  .start-value-card { padding:27px 25px; border-radius:16px; }
  .start-value-card h3 { font-size:1.875rem; }
  .start-value-card>p:not(.eyebrow) { font-size:1rem; }
  .start-value-card .eyebrow { font-size:.625rem; }
  .start-heading h2 { font-size:2.1rem; }
  .start-heading>p:last-child { font-size:1rem; margin-top:17px; }
  .start-steps { max-width:390px; margin-inline:auto; }
  .start-step { grid-template-columns:1fr; }
  .start-step-visual { height:305px; padding:23px 20px; border-right:0; border-bottom:1px solid #ede8f0; }
  .start-profile-window { padding:17px 15px; }
  .start-profile-fields { margin-block:18px; }
  .start-brand-colors>span { width:18px; height:18px; }
  .start-post-art strong { font-size:1rem; }
  .start-post-art>img { height:87px; }
  .start-schedule-window { padding:17px 14px; }
  .start-schedule-row { grid-template-columns:27px 43px minmax(0,1fr) 13px; gap:9px; }
  .start-schedule-photo { width:43px; height:43px; }
  .start-step-copy { padding:23px 23px 25px; gap:13px; }
  .start-step-copy h3 { font-size:1.1875rem; }
  .start-step-copy p { font-size:.9375rem; }
  .start-actions { flex-direction:column; gap:20px; margin-top:27px; }
  .start-audiences { margin-top:33px; padding-top:22px; gap:13px; }
  .start-audiences nav { gap:8px 19px; }
  .workflow-shell { width:calc(100% - 24px); padding:32px 24px 25px; border-radius:20px; gap:32px; }
  .workflow-heading .eyebrow { font-size:.6875rem; }
  .workflow-heading h2 { font-size:2rem; }
  .workflow-description { font-size:1rem; margin-top:17px; }
  .workflow-actions { flex-direction:column; align-items:flex-start; gap:19px; margin-top:24px; }
  .publishing-photos { max-width:300px; }
  .publishing-photo-main { border-radius:12px; }
  .publishing-photo-detail { padding:5px; border-radius:10px; }
  .planning-section { padding:55px 0; }
  .weekly-copy h2 { font-size:2.1rem; }
  .weekly-intro { font-size:1rem; margin-top:18px; }
  .weekly-benefits { gap:21px; margin-top:25px; }
  .weekly-benefits li { gap:12px; }
  .weekly-benefit-icon { width:36px; height:36px; }
  .weekly-benefit-icon .icon { width:18px; height:18px; }
  .weekly-benefits h3 { font-size:1rem; }
  .weekly-actions { margin-top:26px; gap:18px; }
  .weekly-preview { padding:18px 12px 14px; border-radius:18px; }
  .weekly-ideas { padding:18px 12px 14px; margin-right:0; border-radius:11px; }
  .weekly-preview-header>span { font-size:.9375rem; gap:7px; }
  .weekly-topics li { font-size:.875rem; padding:10px 8px; gap:9px; }
  .weekly-ideas-label { margin-top:20px; }
  .weekly-output { margin:12px 0 0; grid-template-columns:90px minmax(0,1fr); padding:12px; gap:13px; }
  .weekly-post-art>img { height:84px; }
  .weekly-post-art>div { padding:10px 8px; }
  .weekly-post-art strong { font-size:1rem; }
  .weekly-caption p { font-size:.8125rem; line-height:1.65; }
  .weekly-edit-note { font-size:.625rem; gap:5px; }
  .weekly-preview figcaption { font-size:.6875rem; margin-top:16px; }
  .campaign-section { padding:50px 0; }
  .campaign-heading h2 { font-size:2.1rem; }
  .campaign-heading>p { font-size:1rem; }
  .listing-content-gallery { max-width:430px; grid-template-columns:minmax(0,1fr) minmax(0,1.02fr); gap:30px 18px; }
  .listing-digital-pair { gap:22px; }
  .listing-flyer-example { grid-column:1/-1; width:min(100%,260px); justify-self:center; }
  .listing-example figcaption { padding-top:10px; }
  .listing-example figcaption span { display:none; }
  .listing-example-note { margin-top:24px; font-size:.6875rem; }
  .campaign-actions { flex-direction:column; gap:20px; margin-top:25px; }
  .campaign-actions .button { max-width:100%; font-size:.9375rem; }
  .benefit-bullets { gap:17px; margin-top:22px; }
  .benefit-bullets li { gap:11px; }
  .benefit-bullets strong { font-size:1rem; }
  .benefit-bullets p { font-size:.9375rem; }
  .video-copy h2 { font-size:2.1rem; }
  .video-intro { font-size:1rem; margin-top:18px; }
  .video-actions { margin-top:26px; gap:19px; }
  .video-actions .button { max-width:100%; }
  .motion-screen { border-width:4px; border-radius:12px; }
  .motion-property { width:55%; }
  .motion-landscape { top:16%; width:63%; }
  .video-stage { aspect-ratio:1/1.16; }
  .motion-caption { left:14px; right:10px; bottom:27px; }
  .motion-caption>strong { font-size:clamp(1.5rem,7vw,2.3rem); }
  .motion-caption>span { font-size:.75rem; letter-spacing:.03em; margin-bottom:8px; }
  .motion-agent { left:10px; top:10px; gap:7px; max-width:calc(100% - 20px); padding:4px 9px 4px 4px; }
  .motion-agent>img { width:40px; height:40px; }
  .motion-agent strong { font-size:.75rem; }
  .motion-agent small { font-size:.75rem; letter-spacing:0; margin-top:0; }
  .motion-landscape .motion-caption { left:13px; bottom:20px; }
  .motion-landscape .motion-caption>strong { font-size:clamp(1.2rem,5.5vw,1.75rem); }
  .motion-landscape .motion-caption>span { display:none; }
  .motion-landscape .motion-agent { left:9px; top:8px; max-width:calc(100% - 18px); gap:6px; padding:3px 9px 3px 3px; }
  .motion-landscape .motion-agent>img { width:32px; height:32px; }
  .motion-landscape .motion-agent { padding:3px; }
  .motion-landscape .motion-opening .motion-caption { bottom:14px; }
  .motion-landscape .motion-opening .motion-caption>span { margin-bottom:3px; }
  .motion-stat .motion-caption { bottom:32px; }
  .motion-stat .motion-caption>strong { font-size:clamp(2.5rem,11vw,3.5rem); }
  .motion-landscape .motion-stat .motion-caption { bottom:17px; }
  .motion-landscape .motion-stat .motion-caption>strong { font-size:clamp(1.875rem,8vw,2.5rem); }
  .motion-landscape .motion-stat .motion-caption>span { font-size:.75rem; }
  .motion-outro-inner { gap:15px; padding:20px 12px 32px; }
  .motion-outro-copy>strong { font-size:1.5rem; }
  .motion-outro-copy>p { font-size:.875rem; margin-top:13px; }
  .motion-landscape .motion-outro-inner { gap:10px; padding:10px 12px 18px; }
  .motion-landscape .motion-outro-copy>span { font-size:.75rem; letter-spacing:.02em; }
  .motion-landscape .motion-outro-copy>strong { font-size:1rem; }
  .motion-landscape .motion-outro-copy>p { font-size:.75rem; margin-top:7px; }
  .motion-progress { left:14px; right:14px; }
  .motion-landscape .motion-progress { left:13px; right:13px; }
  .motion-format { font-size:.8125rem; padding:0 3px; margin-top:9px; }
  .design-copy h2 { font-size:2.1rem; }
  .design-intro { font-size:1rem; margin-top:18px; }
  .design-copy .benefit-bullets { margin-top:24px; gap:20px; }
  .design-actions { margin-top:26px; gap:19px; }
  .design-actions .button { max-width:100%; font-size:.9375rem; }
  .design-preview { padding:14px 11px 12px; border-radius:18px; }
  .design-editor-header { padding:13px 14px; }
  .design-editor-header>span { font-size:.875rem; }
  .design-editor-body { grid-template-columns:1fr; }
  .design-editor-details { padding:12px; border-right:0; border-bottom:1px solid #e5ebe5; }
  .design-autofill-note { align-items:center; gap:7px; padding:7px 9px; }
  .design-autofill-note>div { display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px; }
  .design-autofill-note span { margin:0; }
  .design-example-fields { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:9px; margin-top:12px; }
  .design-example-fields>div:last-child { display:none; }
  .design-example-fields dd { padding:8px; }
  .design-edit-hint { margin-top:9px; }
  .design-edit-hint br { display:none; }
  .design-example-brand { display:none; }
  .design-editor-canvas { padding:16px 24px 22px; }
  .design-canvas-label { align-self:center; }
  .design-flyer-preview { max-width:280px; }
  .design-editor-export { padding:11px 12px; }
  .design-preview figcaption { font-size:.6875rem; padding-inline:6px; }
}

.pc-home-preview{padding:12px;background:#eeebf7;border:1px solid #dfd8ee;border-radius:20px;min-width:0}.pc-home-preview>img{display:block;width:100%;height:auto;border-radius:12px}.pc-home-preview figcaption{text-align:center;color:var(--muted);font-size:.8rem;margin:12px 0 3px}

/* Current listing workflow and real marketing outputs. */
.home-product-preview{margin:48px auto 0;max-width:1060px;text-align:center}.home-product-preview>a{display:block;overflow:hidden;border:1px solid #dfdaf1;border-radius:24px;background:#faf9ff;box-shadow:0 24px 60px #24184412}.home-product-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 24px;text-align:left;font-size:12px;font-weight:750;color:#5942b7}.home-product-preview-bar span{display:flex;align-items:center;gap:9px}.home-product-preview-bar .icon{width:18px;height:18px}.home-product-preview img{display:block;width:100%;height:auto}.home-product-preview>p{font-size:13px;color:var(--muted);margin:15px 0 0}.home-listing-examples{display:grid;grid-template-columns:1fr .76fr 1fr;gap:28px;align-items:start;margin-top:36px}.home-listing-example{display:block;color:var(--ink)}.home-listing-example>div{height:400px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#f2f0f7;padding:22px;overflow:hidden}.home-listing-example img{height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 9px 24px #21133920;transition:transform .2s}.home-listing-example:hover img{transform:translateY(-4px)}.home-listing-example>span{display:block;margin-top:18px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;color:var(--purple)}.home-listing-example h3{display:flex;justify-content:space-between;align-items:center;font-size:18px;margin:7px 0}.home-listing-example h3 .icon{width:18px;height:18px}.home-listing-videos{display:grid;grid-template-columns:.62fr 1fr;gap:20px;align-items:center;background:#eeebf7;border-radius:26px;padding:26px}.home-listing-videos figure{margin:0;min-width:0}.home-listing-videos video{display:block;width:100%;border-radius:12px;background:#17162b;box-shadow:0 10px 25px #22183520}.home-listing-reel video{aspect-ratio:9/16}.home-listing-landscape video{aspect-ratio:16/9}.home-listing-videos figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:10px}.listing-example-note a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.home-product-preview{margin-top:32px}.home-product-preview-bar{padding:15px;font-size:10px}.home-product-preview-bar>span:first-child{max-width:48%}.home-listing-examples{gap:14px;grid-template-columns:1fr 1fr}.home-listing-example>div{height:300px;padding:15px}.home-listing-example:last-child{grid-column:1/-1}.home-listing-example:last-child>div{height:360px}.home-listing-videos{max-width:580px;margin:auto;padding:20px}.campaign-heading h2{max-width:650px}}
@media(max-width:480px){.home-listing-example>div{height:240px;padding:12px}.home-listing-example h3{font-size:14px}.home-listing-examples{gap:12px}.home-product-preview-bar>span:first-child{display:none}.home-product-preview-bar{justify-content:center}.home-listing-videos{gap:12px;padding:16px}}
.home-product-preview img{max-height:590px;object-fit:contain}