#use-cases.co-section{background:#111310;color:#f3f2ec;padding:86px 0 38px;margin-top:0;overflow:hidden}
.co-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;position:relative;z-index:2}.co-heading h2{font-size:clamp(40px,4.5vw,64px);line-height:1.08;letter-spacing:-2px;font-weight:500;color:#f3f2ec!important}#use-cases .co-heading h2>span{color:#a8af9c!important}.co-heading>p{font-size:16px;line-height:1.65;color:#8e9685;padding-bottom:4px;max-width:340px}
.orbit-scene{height:630px;max-width:1440px;margin:12px auto 0;position:relative;isolation:isolate;overflow:hidden}.orbit-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:310px;text-align:center;z-index:2;pointer-events:none}.orbit-core>span{font-size:9px;color:#b7bea8;letter-spacing:2px}.orbit-core strong{font-size:36px;font-weight:500;line-height:1.15;letter-spacing:-1px;display:block;margin:15px 0;color:#f0f0e6}.orbit-core small{display:block;font-size:10px;color:#a4ae94}
.orbit-member{position:absolute;left:0;top:0;display:flex;align-items:center;gap:9px;padding:8px 11px 8px 8px;background:#1b1e18f2;border:1px solid #424838;border-radius:30px;white-space:nowrap;box-shadow:0 5px 18px #0002;transform:translate(-50%,-50%);will-change:transform;line-height:1.3;pointer-events:none}.orbit-avatar{width:29px;height:29px;flex:none;border-radius:50%;object-fit:cover}.orbit-human{display:grid;place-items:center;font-size:10px;color:#4e4335;background:#d6c4ac}.orbit-member strong{font-size:12px;font-weight:500;color:#d8ddcf;display:block}.orbit-member small{font-size:10px;color:#7e8973;display:block;margin-top:3px}.orbit-member>i{height:4px;width:4px;border-radius:50%;background:#8d9e72;margin:0 1px 0 6px}.orbit-member[data-orbit="0"]{border-color:#77644e}.orbit-member[data-orbit="0"] strong{color:#e5d9c6}
.orbit-pause{position:absolute;right:40px;top:22px;width:30px;height:30px;border:1px solid #363c30;border-radius:50%;display:grid;place-items:center;color:#909a81;background:#191d15;z-index:5;opacity:.4;transition:opacity .2s}.orbit-scene:hover .orbit-pause,.orbit-pause:focus-visible{opacity:1}.orbit-legend{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;font-size:10px;color:#7f8a72;white-space:nowrap}.orbit-legend>span{display:flex;align-items:center;gap:7px}.orbit-legend i{width:5px;height:5px;display:block}.legend-human{border:1px solid #b39476;border-radius:50%}.legend-agent{border:1px solid #9baa84}.orbit-live{border-left:1px solid #39412f;padding-left:24px}.orbit-live>i{background:#8e9f75;border-radius:50%}
.co-principles{display:flex;border-top:1px solid #ffffff1a;padding-top:24px;gap:40px;justify-content:space-between}.co-principles p{font-size:13px;color:#a3ad96}.co-principles p>span{font-size:10px;color:#647355;margin-right:14px;font-variant-numeric:tabular-nums}
@media(max-width:1000px){.co-heading h2{font-size:48px;letter-spacing:-1.5px}.co-heading>p{font-size:14px;max-width:250px}.orbit-scene{height:560px}.orbit-member{padding:7px;gap:6px}.orbit-avatar{width:26px;height:26px}.orbit-member strong{font-size:10px}.orbit-member small{font-size:8px}.orbit-member>i{display:none}.orbit-core strong{font-size:32px}.co-principles{gap:20px}.co-principles p{font-size:11px}}
@media(max-width:640px){#use-cases.co-section{padding:52px 0 28px}.co-heading{display:block}.co-heading h2{font-size:39px;letter-spacing:-1.4px}.co-heading>p{font-size:14px;margin-top:22px;max-width:none}.orbit-scene{height:485px;margin-top:5px}.orbit-core{width:220px;top:48%}.orbit-core strong{font-size:27px;margin:12px 0}.orbit-core>span{font-size:8px;letter-spacing:1.4px}.orbit-core small{font-size:8px}.orbit-member{padding:5px 7px 5px 5px;gap:5px}.orbit-avatar{width:23px;height:23px}.orbit-member strong{font-size:9px}.orbit-member small{display:none}.orbit-legend{bottom:20px;gap:18px;font-size:9px}.orbit-live{padding-left:18px}.orbit-pause{right:20px;top:14px}.co-principles{gap:16px;flex-direction:column;padding-top:22px}.co-principles p{font-size:12px}.co-principles p>span{margin-right:18px}}
@media(prefers-reduced-motion:reduce){.orbit-member{will-change:auto}.orbit-pause{display:none}}

@media(max-width:640px){.orbit-core{width:180px}.orbit-core strong{font-size:24px}.orbit-member strong{font-size:9px}.orbit-member{z-index:4}}

/* v55 — luminous, spatial collaboration field */
.orbit-scene{height:760px;max-width:1600px;margin-top:-8px;background:radial-gradient(ellipse at 50% 48%,#26291e44,transparent 64%)}
.orbit-core strong{font-size:42px;letter-spacing:-1.5px}.orbit-core>span{color:#d2cbb7}.orbit-core small{color:#a3a697}
.orbit-status{display:table;margin:22px auto 0;padding:7px 12px;border:1px solid #b1a78c33;border-radius:20px;font-size:10px;letter-spacing:.2px;color:#d1c3a7;background:#151912a6}
.orbit-member{border-color:#898b7555;background:#1c201ceb;box-shadow:0 12px 30px #0005;transition:opacity .35s,border-color .5s,box-shadow .5s}
.orbit-member.is-active{border-color:#d3bd848c;box-shadow:0 0 24px #c8af6820,0 12px 30px #0005}.orbit-member.is-active>i{background:#ebd1a2;box-shadow:0 0 8px #ecd1a2}
.orbit-member strong{color:#e2e2d7}.orbit-member small{color:#969b8e}.orbit-legend{bottom:28px}
@media(min-width:1500px){.orbit-scene{height:820px}}
@media(max-width:1000px){.orbit-scene{height:630px}.orbit-core strong{font-size:32px}.orbit-status{font-size:9px;margin-top:16px}}
@media(max-width:640px){.orbit-scene{height:530px;margin-top:12px}.orbit-core strong{font-size:24px}.orbit-status{font-size:8px;padding:5px 8px;margin-top:12px}.orbit-core small{display:none}}

/* v59 — large horizon, lower hemisphere cropped out of the scene. */
.orbit-scene{height:720px;max-width:none;margin-top:10px;background:none;mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%)}
.orbit-core{top:55%;width:350px}.orbit-core strong{font-size:44px}.orbit-legend{display:none}
.co-principles{position:relative;margin-top:-8px;z-index:3;border-top-color:#ffffff12}
@media(min-width:1500px){.orbit-scene{height:790px}.orbit-core strong{font-size:48px}}
@media(max-width:1000px){.orbit-scene{height:620px}.orbit-core strong{font-size:36px}.orbit-core{width:290px}}
@media(max-width:640px){.orbit-scene{height:530px;margin-top:15px}.orbit-core{top:55%;width:190px}.orbit-core strong{font-size:26px}.orbit-core>span{font-size:7px}.orbit-status{font-size:8px}.co-principles{margin-top:0}}

/* GPU-rendered sphere, orbit and billboard members share one perspective camera. */
.orbit-webgl .orbit-members{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.orbit-webgl .orbit-core{z-index:2}.orbit-webgl .orbit-canvas{z-index:1}
.orbit-fallback:before{content:'';position:absolute;width:112vw;height:112vw;left:50%;top:18%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 40% 0,#283024,#111b14 65%);box-shadow:0 -8px 60px #adac6544,0 -1px 0 #b6c7a2;z-index:0}
.orbit-fallback .orbit-members,.orbit-fallback .orbit-canvas,.orbit-fallback .orbit-pause{display:none}

.orbit-webgl .orbit-core{top:65%}@media(max-width:640px){.orbit-webgl .orbit-core{top:60%}}

/* A quiet, centered chapter opening, with the same scroll reveal as the reference. */
#use-cases.co-section{padding-top:clamp(248px,calc(19.45vw + 48px),368px)}
#use-cases .co-heading{display:block;text-align:center}
#use-cases .co-heading h2{max-width:1200px;margin:0 auto;font-size:clamp(48px,5vw,80px);font-weight:550;line-height:1.06;letter-spacing:-.024em;text-wrap:balance}
#use-cases .co-heading h2>span{display:block}
#use-cases .orbit-scene{margin-top:24px}

#use-cases .co-motion{opacity:var(--co-opacity,1);filter:blur(var(--co-blur,0px));transform:translateY(var(--co-y,0px))}
@media(max-width:1023px){#use-cases.co-section{padding-top:240px}#use-cases .co-heading h2{font-size:clamp(40px,5vw,56px)}#use-cases .orbit-scene{margin-top:24px}}
@media(max-width:640px){#use-cases.co-section{padding-top:176px}#use-cases .co-heading h2{font-size:40px;line-height:1.08}#use-cases .orbit-scene{margin-top:20px}}
@media(prefers-reduced-motion:reduce){#use-cases .co-motion{opacity:1;filter:none;transform:none}}

/* Keep atmospheric light outside the canvas layout box, without a hard seam. */
#use-cases .orbit-scene{overflow:visible;mask-image:none}
#use-cases .orbit-canvas{bottom:auto;mask-image:linear-gradient(to bottom,transparent,#000 64px,#000 calc(100% - var(--orbit-bottom-fade,115px)),transparent)}

#use-cases .co-heading>.co-kicker{margin:0 auto 14px;padding:0;max-width:none;font-size:16px;line-height:1.5;font-weight:450;letter-spacing:0;color:#999996}
@media(max-width:640px){#use-cases .co-heading>.co-kicker{font-size:14px;margin-bottom:12px}}

/* v83 — surface-bound collaboration nodes. Keep the existing globe framing. */
#use-cases .orbit-canvas{pointer-events:none}
.globe-node-layer{position:absolute;inset:0;z-index:3;pointer-events:none}
.globe-node{position:absolute;left:0;top:0;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;pointer-events:auto;color:inherit;outline-offset:3px}
.globe-node[hidden]{display:none}
.globe-node:focus-visible{outline:1px solid #e3d4b7;background:#e3d4b70a}
.globe-tooltip{position:absolute;left:0;top:0;z-index:4;width:286px;max-width:calc(100% - 32px);padding:19px 20px 15px;box-sizing:border-box;border:1px solid #ffffff20;border-radius:14px;background:linear-gradient(145deg,#20282399,#121b16ad);-webkit-backdrop-filter:blur(22px) saturate(110%);backdrop-filter:blur(22px) saturate(110%);box-shadow:0 16px 48px #0003,0 3px 9px #0002,inset 0 1px 0 #ffffff12;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s;font-family:inherit;text-align:left}
.globe-tooltip.is-visible{opacity:1;visibility:visible;transition:opacity .22s ease}
.globe-tip-header{display:flex;align-items:center;gap:12px}
.globe-tip-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #ffffff18;border-radius:50%;background:#d5c7ae;color:#514a3e;font-size:12px;font-weight:550;overflow:hidden}
.globe-tip-avatar img{width:100%;height:100%;object-fit:cover}.globe-tip-avatar svg{width:20px;height:20px}
.globe-tip-type{display:block;font-size:11px;line-height:1.4;color:#aaaead;margin-bottom:2px}
.globe-tooltip strong{display:block;color:#f0f1ec;font-weight:550;font-size:16px;line-height:1.35;letter-spacing:-.2px}
.globe-tooltip p{margin:15px 0 17px;font-size:13px;line-height:1.55;color:#c6cbc7;max-width:none}
.globe-tip-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff12;padding-top:12px;color:#909993;font-size:10px;line-height:1.4}
.globe-tip-status{display:inline-flex;align-items:center;gap:6px}.globe-tooltip small{font-size:10px;line-height:1.4;color:#b7c3b9}
.globe-tip-status i{width:5px;height:5px;border:1px solid #a9b9ab;border-radius:50%;box-sizing:border-box}
.globe-tooltip[data-state="active"] .globe-tip-status i{border:0;background:#e2c28e;box-shadow:0 0 6px #e2c28e44}
.orbit-fallback .globe-node-layer,.orbit-fallback .globe-tooltip{display:none}
@media(pointer:coarse){.globe-node{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.globe-tooltip{transition:none}}