.cp-orbit-section{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:24px;margin:18px 0 28px;padding:40px 24px 40px 52px;border:1px solid #ffffff16;border-radius:30px;background:#141820;color:#f8f5ee;overflow:hidden;isolation:isolate}
.cp-orbit-section:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 82% 40%,#634d702e,transparent 55%),radial-gradient(ellipse at 40% 100%,#74b7ac12,transparent 55%);pointer-events:none}
.cp-orbit-copy{position:relative;z-index:1;padding:24px 0}
.cp-orbit-copy h2{font-size:clamp(40px,4.3vw,65px);margin:25px 0;line-height:1.06}
.cp-orbit-copy h2 em{color:#dcf4c0}
.cp-orbit-copy>p{max-width:330px;color:#b0b4bb;font-size:14px;line-height:1.8}
.cp-orbit-copy>.button{margin:30px 0 0}
.cp-orbit-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.cp-orbit-controls[hidden]{display:none}
.cp-orbit-controls button{font-size:11px;border:1px solid #ffffff2b;border-radius:24px;background:#ffffff08;color:#d4d8df;padding:10px 15px;min-height:38px}
.cp-orbit-controls button:hover{background:#ffffff13;border-color:#d6e7d28c}
.cp-orbit-controls button:focus-visible{outline-color:#dcf4c0}
.cp-orbit-controls button:disabled{cursor:default;opacity:.6}
.cp-orbit-stage{position:relative;min-width:0;width:100%;aspect-ratio:1.1;max-height:490px;background:radial-gradient(circle at 50% 50%,#d1c1ec13,transparent 55%);overflow:hidden}
.cp-orbit-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;opacity:0}
.cp-orbit-section.is-rendered .cp-orbit-canvas{opacity:1}
.cp-orbit-canvas:active{cursor:grabbing}
.cp-orbit-stage:before{content:'';position:absolute;left:23%;right:23%;bottom:12%;height:10%;background:radial-gradient(ellipse,#05080dd9,transparent 72%);pointer-events:none}
.cp-orbit-grid{position:absolute;inset:66% -50% -60%;background:linear-gradient(#bbffe21b 1px,transparent 1px),linear-gradient(90deg,#b8ccff16 1px,transparent 1px);background-size:40px 40px;transform:perspective(260px) rotateX(64deg);transform-origin:50% 0;mask-image:radial-gradient(ellipse at 50% 10%,#0009,transparent 52%);pointer-events:none}
.cp-orbit-coordinate,.cp-orbit-hint{position:absolute;bottom:12px;font-size:8px;letter-spacing:1.5px;color:#a1b3ba;pointer-events:none}
.cp-orbit-coordinate{left:24px}.cp-orbit-hint{right:24px;letter-spacing:.4px}
.cp-orbit-fallback{position:absolute;inset:16%;perspective:700px;transform:rotate(-16deg)}
.cp-orbit-fallback i{position:absolute;inset:5%;border:8px solid #e8c4df;border-radius:50%;transform:rotateX(60deg);box-shadow:0 0 20px #eeaacc22,inset 0 0 20px #fff2}
.cp-orbit-fallback i:nth-child(2){inset:10%;border-color:#a9e3dc;transform:rotateY(65deg) rotateZ(30deg)}
.cp-orbit-fallback i:nth-child(3){inset:17%;border-color:#c4b5ec;transform:rotateX(-40deg) rotateY(-35deg)}
.cp-orbit-fallback b{position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#f3ccdc 20%,#917bb2 65%,#26293e);box-shadow:0 0 45px #d6b1ef33}
@media(max-width:800px){.cp-orbit-section{padding:30px;gap:10px}.cp-orbit-copy h2{font-size:45px}.cp-orbit-copy>p{font-size:12px}.cp-orbit-stage{aspect-ratio:.86}.cp-orbit-coordinate{left:6px;font-size:7px}.cp-orbit-hint{right:6px;font-size:7px}.cp-orbit-copy>.button{font-size:11px;padding:13px 20px;gap:14px}}
@media(max-width:560px){.cp-orbit-section{grid-template-columns:1fr;padding:29px 24px 16px;border-radius:21px;gap:10px;margin-top:12px}.cp-orbit-copy{padding:0}.cp-orbit-copy h2{font-size:46px;margin:23px 0}.cp-orbit-copy>p{font-size:13px;max-width:290px}.cp-orbit-copy>.button{margin-top:24px;font-size:12px}.cp-orbit-controls{margin-top:20px;gap:9px}.cp-orbit-stage{aspect-ratio:1.02;max-height:none}.cp-orbit-coordinate,.cp-orbit-hint{font-size:6px;bottom:6px}.cp-orbit-coordinate{letter-spacing:.8px}}

.cp-orbit-hero{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#51435655,transparent 65%)}
.cp-orbit-hero .cp-orbit-stage{height:100%;max-height:none;aspect-ratio:auto}
.cp-orbit-hero.is-rendered .cp-orbit-canvas{opacity:1}
.cp-orbit-hero .cp-orbit-controls{position:absolute;left:24px;bottom:22px;margin:0;z-index:2}
.cp-orbit-hero .cp-orbit-coordinate{bottom:78px}
.cp-orbit-hero .cp-orbit-hint{bottom:34px}
@media(max-width:560px){.cp-orbit-hero{height:330px}.cp-orbit-hero .cp-orbit-controls{left:16px;bottom:12px}.cp-orbit-hero .cp-orbit-coordinate{bottom:62px}.cp-orbit-hero .cp-orbit-hint{bottom:26px}}