/* Business destinations share the homepage's tokens and real app imagery. */
.business-page .hero { gap:64px; padding-block:48px 64px; }
.business-page h1 { font-size:clamp(52px,5vw,72px); letter-spacing:-2.4px; }
.business-page .hero-copy .body-lg { max-width:500px; }
.business-page .hero-phone { width:244px; left:12%; }
.business-page .hero-media { height:570px; }
.business-page .floating-note { right:0; bottom:86px; max-width:300px; }
.business-page .hero-actions { gap:12px 24px; }
.business-page .hero-actions .text-link { font-size:14px; }
.business-page .panel-label { white-space:pre-line; }
.business-page .hero-caption { padding-top:48px; text-align:right; font-size:12px; color:var(--muted); }
.business-page .business-context { display:flex; justify-content:space-between; gap:24px; padding-block:24px; border-block:1px solid #353132; color:var(--muted); font-size:14px; }
.business-context strong { color:var(--text); font-weight:500; }
.business-story { display:grid; grid-template-columns:.85fr 1.15fr; gap:72px; align-items:center; background:var(--mint-surface); color:var(--ink); border-radius:var(--editorial-soft); padding:64px; margin-block:80px; }
.business-story .eyebrow,.business-story .body-lg { color:var(--muted-ink); }
.business-story h2 { font-size:38px; margin-top:24px; }
.business-story .body-lg { margin-top:24px; }
.business-visual { min-width:0; height:540px; position:relative; overflow:hidden; border-radius:var(--image-crop); background:#c2ece3; }
.business-visual .phone { position:absolute; width:246px; left:calc(50% - 123px); top:40px; transform:rotate(-5deg); }
.business-facts { margin-top:28px; padding:0; list-style:none; }
.business-facts li { display:grid; grid-template-columns:24px 1fr; gap:14px; border-top:1px solid #b2d2c9; padding-block:20px; }
.business-facts .fact-number { font-size:12px; color:var(--muted-ink); padding-top:3px; }
.business-facts h3 { font-size:17px; line-height:1.4; font-weight:600; }
.business-facts p { font-size:16px; line-height:1.6; color:var(--muted-ink); margin-top:6px; }
.business-process { display:grid; grid-template-columns:1fr 1.15fr; gap:80px; }
.business-process .eyebrow { color:var(--muted); margin-bottom:24px; }
.business-process ol { margin:0; padding:0; list-style:none; }
.business-process li { display:grid; grid-template-columns:44px 1fr; gap:20px; padding-block:28px; border-top:1px solid #403c3d; }
.business-process .chapter-number { width:44px; height:44px; font-size:13px; }
.business-process h3 { font-size:23px; line-height:1.3; }
.business-process p { color:var(--muted); font-size:16px; margin-top:12px; max-width:520px; }
.business-page .decision { padding-top:0; }
.business-contact { padding-bottom:80px; }
.business-contact-inner { background:var(--coral-surface); color:var(--ink); padding:64px; border-radius:var(--editorial-sweep); display:grid; grid-template-columns:1.2fr 1fr; gap:64px; align-items:center; }
.business-contact .eyebrow { color:var(--muted-ink); margin-bottom:20px; }
.business-contact .body-lg { color:var(--muted-ink); margin-bottom:24px; }
.business-contact .button-primary:hover { background:#ff7151; }
.business-contact .contact-note { font-size:13px; color:var(--muted-ink); margin-top:16px; overflow-wrap:anywhere; }
.business-page .footer-links { gap:48px; }
.business-page .footer-links a[aria-current="page"] { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.business-page #vibe-cc .vibe-cc-title { line-height:1.3; }
.business-page .main-nav a[aria-current="page"] { color:#fff; text-decoration:underline; text-decoration-color:var(--coral); text-underline-offset:8px; text-decoration-thickness:2px; }
.business-events .hero-panel { background:var(--coral-surface); }
.business-events .business-story { background:var(--neutral); }
.business-events .business-visual { background:#ebe2d8; }
.business-partner .business-story { background:var(--coral-surface); }
.business-partner .business-visual { background:#f2c9bb; }
@media(max-width:1100px) {
 .business-page .hero { gap:36px; }
 .business-page h1 { font-size:60px; }
 .business-story { padding:40px; gap:40px; }
 .business-story h2 { font-size:34px; }
 .business-process { gap:48px; }
 .business-contact-inner { padding:48px; gap:40px; }
}
@media(max-width:860px) {
 .business-page .hero { grid-template-columns:1fr; gap:40px; padding-block:40px 48px; }
 .business-page .hero-copy .body-lg { max-width:600px; }
 .business-page .hero-actions { flex-direction:row; align-items:center; }
 .business-page .hero-media { width:min(100%,520px); justify-self:center; }
 .business-page .hero-phone { left:12%; width:244px; }
 .business-story { grid-template-columns:1fr; margin-block:64px; }
 .business-story-copy { grid-row:1; }
 .business-visual { width:100%; height:380px; }
 .business-visual .phone { top:24px; }
 .business-process,.business-contact-inner { grid-template-columns:1fr; gap:32px; }
 .business-page .decision { grid-template-columns:1fr; gap:32px; }
}
@media(max-width:640px) {
 .business-page h1 { font-size:clamp(44px,12vw,60px); line-height:1.06; letter-spacing:-1.7px; }
 .business-page .hero-media { height:530px; }
 .business-page .hero-phone { left:0; top:44px; width:224px; }
 .business-page .hero-actions { align-items:flex-start; flex-direction:column; gap:12px; }
 .business-page .hero-caption { text-align:center; font-size:12px; }
 .business-page .floating-note { right:0; padding:14px; bottom:86px; }
 .business-page .business-context { flex-direction:column; gap:8px; font-size:14px; }
 .business-story { padding:32px 24px 24px; gap:24px; border-radius:var(--editorial-soft); }
 .business-story h2 { font-size:32px; }
 .business-visual { height:340px; }
 .business-visual .phone { width:224px; left:calc(50% - 112px); }
 .business-facts li { grid-template-columns:20px 1fr; gap:12px; }
 .business-process li { gap:16px; padding-block:24px; }
 .business-process h3 { font-size:21px; }
 .business-process { padding-top:0; }
 .business-contact { padding-bottom:64px; }
 .business-contact-inner { padding:32px 24px 40px; gap:24px; border-radius:var(--editorial-soft); }
 .business-contact h2 { font-size:32px; overflow-wrap:anywhere; }
 .business-contact .button-primary { font-size:14px; gap:12px; padding-left:18px; }
 .business-page .header-download { font-size:12px; }
 .business-page .footer-links { gap:32px; }
}
@media(prefers-reduced-motion:reduce) {
 .business-visual .phone { transform:none; }
}

.business-visual.scroll-scene .phone { transform:translate3d(0,calc((1 - var(--enter)) * 100px),0) rotate(calc(-5deg - (1 - var(--enter)) * 10deg)); }
@media(prefers-reduced-motion:reduce) { .business-visual.scroll-scene .phone { transform:none!important; } }

/* Existing collaboration: authentic attribution and screen, readable without motion. */
.collaboration-example { display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; padding:48px; margin-block:80px; background:var(--warm-white); color:var(--ink); border-radius:var(--editorial-soft); }
.collaboration-example .eyebrow { color:var(--muted-ink); margin-bottom:20px; }
.collaboration-example-brand { display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-bottom:24px; }
.collaboration-example-brand > span:last-child { font-size:14px; color:var(--muted-ink); }
.collaboration-example-brand .partnership-logo { background:white; padding:12px 16px; }
.collaboration-example h2 { font-size:38px; }
.collaboration-example .body-lg { color:var(--muted-ink); margin-top:20px; }
.collaboration-example-points { list-style:none; padding:0; margin:24px 0 0; }
.collaboration-example-points li { padding-block:16px; border-top:1px solid #ddd1c8; }
.collaboration-example-points h3 { font-size:17px; line-height:1.4; }
.collaboration-example-points p { margin-top:6px; font-size:16px; color:var(--muted-ink); }
.collaboration-example-actions { display:flex; flex-wrap:wrap; gap:8px 24px; margin-top:8px; }
.collaboration-example-actions .text-link { font-size:16px; }
.collaboration-example-media { min-width:0; margin:0; }
.collaboration-example-screen { display:grid; place-items:center; padding:24px; border-radius:var(--image-crop); background:var(--mint-surface); }
.collaboration-example-screen .phone { position:relative; inset:auto; width:min(100%,244px); transform:none; }
.collaboration-example-media figcaption { margin-top:16px; color:var(--muted-ink); font-size:14px; text-align:center; }
.collaboration-example :focus-visible { outline-color:var(--ink); }
@media(max-width:1100px) { .collaboration-example { padding:40px; gap:32px; } .collaboration-example h2 { font-size:34px; } }
@media(max-width:860px) { .collaboration-example { grid-template-columns:1fr; margin-block:64px; } .collaboration-example-media { max-width:440px; width:100%; justify-self:center; } }
@media(max-width:640px) { .collaboration-example { padding:32px 24px 24px; gap:28px; } .collaboration-example h2 { font-size:30px; letter-spacing:-.8px; } .collaboration-example-screen { padding:20px 12px; border-radius:24px; } .collaboration-example-screen .phone { width:min(100%,224px); } .collaboration-example-actions { flex-direction:column; align-items:flex-start; } .collaboration-example-brand .partnership-logo { flex-basis:auto; } }