/* A contained feature wheel; the page's existing scroll wheel stays decorative. */
.feature-explorer{color:var(--paper);padding-top:100px;padding-bottom:90px}
.feature-explorer::before{background:var(--ink);z-index:var(--layer-wheel)}
.feature-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10px 9%;align-items:end}
.feature-intro>.eyebrow{grid-column:1/-1;color:var(--lime)}
.feature-intro h2{font-size:clamp(48px,5.7vw,84px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:16px 0 0}
.feature-intro>p{font-size:18px;line-height:1.6;max-width:300px;margin:0 0 5px;color:#d0d9d8}
.feature-explorer [hidden]{display:none!important}
.feature-groups{display:flex;flex-wrap:wrap;gap:8px;margin:38px 0 10px}
.feature-groups button{border:1px solid #f4f1e84d;border-radius:30px;background:transparent;color:var(--paper);padding:10px 18px;min-height:44px;font-size:13px;cursor:pointer}
.feature-groups button[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.feature-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8%;align-items:center}
.feature-wheel-side{min-width:0}
.feature-wheel{width:100%;max-width:570px;aspect-ratio:1;position:relative;margin:8px auto 4px;touch-action:pan-y}
.feature-rim{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.feature-tire{stroke:#f4f1e83b;stroke-width:13}
.feature-rim-line{stroke:#f4f1e852;stroke-width:1}
.feature-spokes{stroke:#f4f1e845;stroke-width:1.5;transform-origin:250px 250px;transform:rotate(var(--feature-angle,0deg));transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.feature-rim-dashes{stroke:#f4f1e82e;stroke-dasharray:1 11;stroke-width:3}
.feature-selector{stroke:var(--lime);stroke-width:7;stroke-linecap:round;transform-origin:250px 250px;transform:rotate(var(--feature-angle,0deg));transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.feature-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:31%;aspect-ratio:1;border:1px solid #f4f1e86b;border-radius:50%;background:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;box-shadow:0 0 0 9px #102b36}
.feature-hub>span{font-size:clamp(16px,2.1vw,27px);letter-spacing:-1.1px;font-weight:700}
.feature-hub b{font-weight:400;color:var(--lime)}
.feature-hub small{font-size:7px;letter-spacing:1px;color:#c2d1d1}
.feature-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:9px;width:108px;min-height:78px;padding:5px 2px;border:0;color:var(--paper);background:none;cursor:pointer;font-size:12px;line-height:1.25;text-align:center}
.feature-node:nth-child(1){left:84%;top:50%}.feature-node:nth-child(2){left:67%;top:79.44%}.feature-node:nth-child(3){left:33%;top:79.44%}.feature-node:nth-child(4){left:16%;top:50%}.feature-node:nth-child(5){left:33%;top:20.56%}.feature-node:nth-child(6){left:67%;top:20.56%}
.feature-node-icon{display:grid;place-items:center;width:48px;height:48px;background:var(--ink);border:1px solid #f4f1e880;border-radius:50%;transition:background .25s,color .25s,box-shadow .25s}
.feature-node svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.feature-node-label{background:transparent;padding:2px 4px;max-width:100%;text-wrap:balance}
.feature-node[aria-pressed=true]{color:var(--lime)}
.feature-node[aria-pressed=true] .feature-node-icon{color:var(--ink);background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 4px var(--ink),0 0 0 5px var(--lime)}
.feature-node[aria-pressed=true] .feature-node-label{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.feature-wheel-controls{display:flex;justify-content:center;align-items:center;gap:14px}
.feature-wheel-controls button{border:1px solid #f4f1e866;background:transparent;color:var(--paper);border-radius:50%;height:44px;width:44px;cursor:pointer;font-size:20px}
.feature-wheel-controls .feature-auto{border:0;border-radius:0;border-bottom:1px solid #f4f1e866;width:auto;height:auto;min-height:44px;padding:4px 0;margin-left:8px;font-size:12px}
.feature-auto span{padding-left:6px;font-size:12px}
.feature-counter{font-size:11px;letter-spacing:1.5px;font-variant-numeric:tabular-nums;color:#c2d1d1;white-space:nowrap}
.feature-detail{min-height:460px;padding:32px 0 28px;border-block:1px solid #f4f1e83b}
.feature-detail-top{display:flex;flex-wrap:wrap;gap:10px 15px;align-items:center;font-size:9px;letter-spacing:1.3px;line-height:1.5;color:#c2d1d1}
.feature-status{color:var(--lime)}
.feature-detail-icon{color:var(--lime);margin-top:26px}
.feature-detail-icon svg{display:block;width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.feature-detail h3{font-size:clamp(28px,3.1vw,45px);font-weight:500;line-height:1.1;letter-spacing:-.05em;min-height:2.2em;margin:18px 0}
.feature-description{font-size:17px;line-height:1.65;min-height:5em;margin:0 0 18px;color:var(--paper);max-width:390px}
.feature-context{font-size:12px;line-height:1.6;min-height:4.8em;margin:0 0 18px;color:#c2d1d1;max-width:390px}
.feature-destination{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:bold;min-height:44px;color:var(--lime)}
.feature-destination span{font-size:20px}
.feature-availability{font-size:11px;line-height:1.7;color:#c2d1d1;max-width:560px;margin:32px 0 0}
.feature-announcement{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.feature-wheel-fallback{max-width:700px;line-height:1.7;margin-top:32px}
.feature-wheel-fallback ul{columns:2;column-gap:30px;padding-left:20px}
.feature-wheel-fallback li{break-inside:avoid;margin:8px 0}
.motion-paused .feature-selector,.motion-paused .feature-spokes{transition:none}
@media(max-width:1000px){.feature-layout{gap:5%}.feature-node{width:90px;font-size:11px}.feature-hub small{font-size:6px;letter-spacing:.6px}.feature-description{font-size:15px}.feature-detail{min-height:450px}}
@media(max-width:760px){
 .feature-explorer{padding-top:65px;padding-bottom:60px;padding-left:6%;padding-right:6%}
 .feature-intro{display:block}.feature-intro>p{margin-top:22px;font-size:16px}.feature-intro h2{font-size:54px}
 .feature-groups{margin:28px 0 14px;gap:7px}.feature-groups button{font-size:11px;padding:10px 13px}
 .feature-layout{grid-template-columns:1fr;gap:30px}.feature-wheel{max-width:430px;margin:0 auto 10px}
 .feature-node{width:88px;min-height:70px;gap:7px;font-size:11px}.feature-node-icon{width:40px;height:40px}.feature-node svg{width:21px;height:21px}
 .feature-hub>span{font-size:21px}.feature-hub small{font-size:5px;letter-spacing:.6px}
 .feature-detail{min-height:440px;max-width:430px;width:100%;margin:auto;padding:24px 0}
 .feature-detail h3{font-size:32px;margin:16px 0;min-height:2.2em}.feature-detail-icon{margin-top:20px}.feature-detail-icon svg{width:32px;height:32px}
 .feature-description{font-size:16px;min-height:4.95em;max-width:none}.feature-context{min-height:3.2em;max-width:none}
 .feature-availability{max-width:430px;margin:22px auto 0}.feature-wheel-controls{gap:12px}
}
@media(max-width:350px){.feature-node{width:78px;font-size:10px}.feature-hub>span{font-size:17px}.feature-hub small{font-size:4.5px}.feature-groups button{padding:9px 10px}.feature-intro h2{font-size:48px}.feature-detail h3{font-size:28px}}
@media(prefers-reduced-motion:reduce){.feature-selector,.feature-spokes,.feature-node-icon{transition:none}}