/* Shared warm charcoal, cyan organic and copper paid connect the story. */
.meeting-header{gap:22px}.meeting-header nav{gap:18px;font-size:13px}.meeting-header img{width:120px}
.connected-system{position:relative;height:310svh;background:linear-gradient(oklch(25% .016 80),oklch(21% .015 80));isolation:isolate;scroll-margin-top:75px}.system-stage{position:sticky;top:75px;height:calc(100svh - 75px);min-height:540px;overflow:hidden;--particle-labels:0;--particle-burst:0}.system-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.particle-heading{position:absolute;top:28px;left:6vw;z-index:2;pointer-events:none}.particle-heading h2{font-size:clamp(42px,4.4vw,68px)}.particle-heading .eyebrow{font-size:15px;margin-bottom:15px}.particle-heading>p:last-child{font-size:20px;margin-top:18px;color:oklch(81% .035 75)}.particle-labels{position:absolute;inset:0;pointer-events:none;opacity:var(--particle-labels);z-index:3}.particle-labels>div{position:absolute;top:64%;width:35%;text-align:center}.organic-name{left:7%}.paid-name{right:7%}.particle-labels h3{font-size:clamp(34px,4vw,58px)}.organic-name h3{color:oklch(83% .07 210)}.paid-name h3{color:oklch(83% .08 55)}.particle-labels p{font-size:22px;margin:12px 0}.particle-labels span{font-size:16px;color:oklch(80% .018 80)}.physics-controls{position:absolute;bottom:70px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4;font-size:13px;color:oklch(76% .02 80)}.physics-controls button{border:0;background:none;font-size:13px;text-decoration:underline;text-underline-offset:5px;padding:10px}.system-steps{position:absolute;right:6vw;top:40px;display:flex;gap:12px;z-index:4}.system-steps button{font-size:13px;padding:9px 14px;border:1px solid oklch(55% .02 80);border-radius:24px;background:oklch(24% .016 80)}.system-steps button[aria-current=true]{color:oklch(87% .07 65);border-color:currentColor}.concept-note{position:absolute;bottom:36px;left:6vw;font-size:11px;color:oklch(65% .018 80)}.system-outcome{position:absolute;inset:40% 6vw auto;text-align:center;opacity:0;transform:translateY(20px);transition:opacity .35s,transform .5s;pointer-events:none}.system-outcome h3{font-size:clamp(40px,5vw,75px)}.system-outcome p{font-size:24px;margin-top:20px}.system-stage.bursting .system-outcome{opacity:1;transform:none}.system-stage.bursting .particle-heading{opacity:.35}.sphere-fallback{position:absolute;inset:25% 10% 12%;display:none;align-items:center;justify-content:center;gap:6vw;z-index:-1}.sphere-fallback span{width:25%;aspect-ratio:1;border-radius:50%;border:1px solid oklch(79% .065 210);box-shadow:inset -30px -20px 60px oklch(12% .02 210),inset 15px 10px 50px oklch(78% .07 210/.2)}.sphere-fallback span+span{border-color:oklch(78% .08 55);box-shadow:inset -30px -20px 60px oklch(12% .02 55),inset 15px 10px 50px oklch(78% .08 55/.2)}
.seo-work{background:linear-gradient(oklch(23% .016 80),oklch(26% .023 75));padding-bottom:90px}.search-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.search-workflow article{border-top:1px solid oklch(50% .025 75);padding-top:24px}.search-workflow article>span{display:block;font-size:16px;color:oklch(81% .065 65);margin-bottom:22px}.search-workflow h3{font-size:clamp(28px,2.5vw,38px)}.search-workflow p{font-size:18px;line-height:1.55;color:oklch(81% .018 80);margin-top:24px;max-width:29ch}.seo-delivery{display:flex;gap:35px;align-items:center;justify-content:space-between;padding:30px 0;border-top:1px solid oklch(50% .025 75);margin-top:50px}.seo-delivery p{font-size:21px;max-width:45ch}.seo-delivery strong{font-weight:400;color:oklch(83% .06 65)}.seo-delivery .text-link{font-size:16px;flex-shrink:0}.seo-work>.source-note{max-width:85ch}
.onboarding{background:linear-gradient(oklch(26% .023 75),oklch(32% .035 70));padding-bottom:110px}.onboarding-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:42px 6vw}.onboarding-path li{display:flex;gap:24px;border-top:1px solid oklch(58% .035 75);padding-top:25px}.step-number{font-size:16px;color:oklch(79% .07 65);padding-top:8px}.onboarding-path h3{font-size:clamp(28px,2.6vw,40px)}.onboarding-path p{font-size:19px;line-height:1.6;color:oklch(83% .018 80);margin-top:20px}.onboarding-note{font-size:15px;max-width:85ch;color:oklch(79% .025 75);margin-top:40px}.onboarding .responsibility{font-size:21px;margin-top:32px}
.webgl-fallback .sphere-fallback,.motion-reduced .sphere-fallback{display:flex}.webgl-fallback .particle-labels,.motion-reduced .particle-labels{opacity:1}.motion-reduced .connected-system,.webgl-fallback .connected-system{height:auto}.motion-reduced .system-stage,.webgl-fallback .system-stage{position:relative;top:auto;height:700px}.motion-reduced .system-steps,.webgl-fallback .system-steps{display:none}.motion-reduced canvas#world{display:none}.motion-reduced .system-outcome{display:none}.motion-reduced .particle-labels,.webgl-fallback .particle-labels{top:5%}.motion-reduced .physics-controls,.webgl-fallback .physics-controls{display:none}
@media(max-width:1100px){.meeting-header nav{gap:12px;font-size:12px}.meeting-header img{width:100px}.meeting-header{gap:15px}.search-workflow{gap:20px}.search-workflow p{font-size:17px}.seo-delivery{align-items:start;flex-direction:column}}
@media(max-width:760px){.system-stage{top:67px;height:calc(100svh - 67px);min-height:590px}.connected-system{height:290svh;scroll-margin-top:67px}.particle-heading{top:28px;left:25px}.particle-heading h2{font-size:42px}.particle-heading>p:last-child{font-size:17px}.particle-heading .eyebrow{font-size:13px}.system-steps{top:auto;bottom:72px;left:25px;right:25px;justify-content:center;gap:8px}.system-steps button{font-size:12px;padding:8px 12px}.particle-labels>div{top:58%;width:44%}.organic-name{left:3%}.paid-name{right:3%}.particle-labels h3{font-size:31px}.particle-labels p{font-size:16px;line-height:1.4;margin:10px 0}.particle-labels span{font-size:12px}.physics-controls{left:25px;right:25px;bottom:32px;font-size:11px}.physics-controls button{font-size:11px}.concept-note{bottom:14px;left:25px;font-size:10px}.system-outcome{top:43%}.system-outcome h3{font-size:40px}.system-outcome p{font-size:19px}.search-workflow{grid-template-columns:1fr 1fr;gap:35px 20px}.search-workflow article>span{font-size:13px;margin-bottom:17px}.search-workflow h3{font-size:27px}.search-workflow p{font-size:16px;margin-top:18px}.seo-delivery{gap:22px;margin-top:35px}.seo-delivery p{font-size:19px}.onboarding-path{grid-template-columns:1fr;gap:30px}.onboarding-path h3{font-size:30px}.onboarding-path p{font-size:18px}.onboarding-path li{gap:20px}.onboarding-note{font-size:14px}.motion-reduced .system-stage,.webgl-fallback .system-stage{height:700px}.sphere-fallback{inset:25% 4% 12%;gap:6vw}.sphere-fallback span{width:39%}}
@media(prefers-reduced-motion:reduce){.connected-system{height:auto}.system-stage{position:relative;top:auto;height:700px}.system-stage canvas{display:none}.sphere-fallback{display:flex}.particle-labels{opacity:1}.system-steps,.physics-controls,.system-outcome{display:none}}
@media print{.connected-system{height:auto}.system-stage{height:700px;position:relative;top:0}.system-stage canvas,.system-steps,.physics-controls{display:none}.particle-labels{opacity:1}.search-workflow{grid-template-columns:1fr 1fr}.onboarding-path{grid-template-columns:1fr}}
/* Entry alignment and clear separation from presenter controls. */
.connected-system{scroll-margin-top:0}.physics-controls{right:auto;justify-content:flex-start;gap:28px}.concept-note{bottom:18px}.organic-name{left:18%}.paid-name{right:18%}
@media(max-width:760px){.organic-name{left:3%}.paid-name{right:3%}.physics-controls{bottom:31px;gap:15px}.concept-note{bottom:12px}.particle-labels>div{top:61%}}
@media(min-width:761px) and (max-height:850px){.seo-work,.onboarding{padding-top:45px;padding-bottom:65px}.seo-work .chapter-heading,.onboarding .chapter-heading{margin-bottom:28px}.seo-work .chapter-heading h2,.onboarding .chapter-heading h2{font-size:54px}.search-workflow h3{font-size:29px}.search-workflow p{margin-top:16px;font-size:17px}.search-workflow article>span{margin-bottom:16px}.seo-delivery{margin-top:28px;padding:20px 0}.seo-delivery p{font-size:19px}.seo-work>.source-note{font-size:13px}.onboarding-path{gap:26px 6vw}.onboarding-path li{padding-top:18px}.onboarding-path h3{font-size:30px}.onboarding-path p{font-size:17px;line-height:1.5;margin-top:14px}.onboarding-note{margin-top:25px;font-size:14px}.onboarding .responsibility{margin-top:20px;padding-top:18px;font-size:19px}}
@media(max-width:760px){.physics-controls{display:none}.system-steps{bottom:90px}.concept-note{bottom:140px;left:25px;right:25px;font-size:10px}}