.wheel-sec{padding:40px 0 120px;overflow:hidden}.wheel-sec h2{margin-bottom:0}
.wheel-stage{position:relative;outline:none;border-radius:40px}
.wheel-stage:focus-visible{box-shadow:0 0 0 3px rgba(21,181,176,.5)}
.aurora{position:absolute;inset:-20% -10%;pointer-events:none;background:radial-gradient(40% 50% at 30% 45%,rgba(21,181,176,.28),transparent 62%),radial-gradient(35% 45% at 70% 60%,rgba(5,141,154,.22),transparent 62%),radial-gradient(30% 40% at 55% 30%,rgba(127,224,220,.3),transparent 62%);filter:blur(30px);animation:aur 18s ease-in-out infinite alternate}
@keyframes aur{50%{transform:translate3d(3%,-4%,0) scale(1.08) rotate(4deg)}100%{transform:translate3d(-3%,3%,0) scale(.96) rotate(-3deg)}}
.wheel{list-style:none;margin:0;padding:40px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;position:relative}
.orb{font:inherit;color:#1d4355;background:rgba(255,255,255,.45);border:0;border-radius:999px;padding:20px 40px;cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 40px -12px rgba(5,141,154,.35),inset 0 1px 0 rgba(255,255,255,.7);transition:background .4s,transform .5s cubic-bezier(.22,1,.36,1)}
.orb:hover{transform:translateY(-3px)}
.orb .ot{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:#058d9a;font-weight:500;margin-bottom:6px}
.orb b{font-family:inherit;font-weight:300;font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.3;letter-spacing:.08em}
.orb.pk b{background:linear-gradient(100deg,#1d4355,#058d9a 55%,#15b5b0);-webkit-background-clip:text;background-clip:text;color:transparent}
.orb small{display:none}
.orb:focus-visible{outline:2px solid #15b5b0;outline-offset:4px}

.wpanel{position:absolute;z-index:5;left:50%;top:50%;width:min(480px,88%);padding:48px 48px 44px;border-radius:36px;color:#1d4355;background:linear-gradient(140deg,rgba(255,255,255,.82),rgba(232,247,246,.7));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 80px -20px rgba(29,67,85,.35);transform:translate(-50%,-50%) scale(.6);opacity:0;filter:blur(8px);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .45s ease-out,filter .5s ease-out}
.wpanel.on{transform:translate(-50%,-50%) scale(1);opacity:1;filter:none}
.wpanel .eyebrow{color:#058d9a}.wpanel h3{font-weight:300;letter-spacing:.06em;font-size:clamp(1.6rem,3.2vw,2.2rem);margin:0 0 18px;line-height:1.3}.wpanel p{line-height:1.9;color:#4c6670;margin:0 0 18px}
.wpanel .x{position:absolute;right:18px;top:18px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(21,181,176,.14);color:#1d4355;font-size:20px;cursor:pointer}
.wpanel .btn{margin-top:10px;display:inline-block}
.is-3d .wheel-stage{height:480px;cursor:grab;touch-action:pan-y;user-select:none}
.is-3d .wheel-stage.drag{cursor:grabbing}
.is-3d .wclip{position:absolute;inset:0}
.is-3d .wheel{display:block;position:absolute;left:50%;top:50%;width:0;height:0;padding:0}
.is-3d .wheel li{position:absolute;left:0;top:0;will-change:transform,opacity,filter}
.is-3d .orb{white-space:nowrap;transform:translate(-50%,-50%)}
.is-3d .orb:hover{transform:translate(-50%,-50%)}
.is-3d .orb b{font-size:clamp(1.7rem,3.2vw,2.6rem)}
.is-3d.open .wclip{filter:blur(6px);opacity:.35;transition:filter .6s,opacity .6s}
.wclip{transition:filter .6s,opacity .6s}
@media (max-width:640px){.is-3d .wheel-stage{height:440px}.is-3d .orb{padding:10px 18px;white-space:normal;width:max-content;max-width:62vw}.is-3d .orb b{font-size:1.3rem}}
@media (prefers-reduced-motion:reduce){.aurora{animation:none}.orb,.wpanel{transition:opacity .2s}}
.wheel-sec .orb,.wheel-sec .is-3d .orb,.is-3d .orb{background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;padding:8px 14px}
.wheel-sec .orb b{color:#eafaf9;font-weight:300}
.wheel-sec .orb .ot{color:#7fe0dc}
@media (max-width:640px){.is-3d .wheel-stage{height:400px}.is-3d .orb{white-space:nowrap;max-width:none}.is-3d .orb b{font-size:1.3rem}}
@media (max-width:640px){.is-3d .orb{white-space:normal!important;max-width:44vw!important;text-align:center}.is-3d .orb b{font-size:1.15rem;line-height:1.15}}