.sixp-wrap{--accent: #ff8a1f;--accent-ink: #b34e00;--accent-soft: rgba(255,138,31,.28);--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--ease-out: cubic-bezier(.22,1,.36,1);--ease-in-out: cubic-bezier(.65,0,.35,1);display:grid;place-items:center;width:100%;max-width:100%;padding:clamp(10px,2vw,22px) 0}.sixp-wrap{--glow: rgba(255,255,255,.1);--guide: rgba(255,255,255,.22);--nuc-hi: rgba(255,255,255,.6);--nuc-mid: #2c3644;--nuc-lo: #0a0d12;--nuc-k: rgba(255,255,255,.66);--nuc-txt: #fff;--dot-ring: rgba(255,255,255,.72);--dot-fill: #0a0b0e;--label-txt: rgba(255,255,255,.94);--cap: rgba(255,255,255,.6);--rule: rgba(255,255,255,.16);--ro-name: #fff;--ro-q: rgba(255,255,255,.88);--ro-desc: rgba(255,255,255,.7);--reset-border: rgba(255,255,255,.34);--reset-txt: rgba(255,255,255,.92)}.sixp-wrap.sixp--light{--glow: rgba(255,255,255,.5);--guide: rgba(25,25,25,.24);--nuc-hi: rgba(255,255,255,.98);--nuc-mid: #ffffff;--nuc-lo: #cfc6b4;--nuc-k: rgba(25,25,25,.7);--nuc-txt: #141414;--dot-ring: rgba(25,25,25,.72);--dot-fill: #f6f2ea;--label-txt: rgba(25,25,25,.94);--cap: rgba(25,25,25,.66);--rule: rgba(25,25,25,.18);--ro-name: #141414;--ro-q: rgba(25,25,25,.84);--ro-desc: rgba(25,25,25,.7);--reset-border: rgba(25,25,25,.36);--reset-txt: rgba(25,25,25,.92)}.sixp{width:100%;max-width:620px;text-align:center}.sixp__scene{--size: min(100%, 560px);--R: calc(var(--size) * .3);position:relative;width:var(--size);aspect-ratio:1 / 1;margin:0 auto}.sixp__orbit-guide{position:absolute;top:50%;left:50%;width:calc(2 * var(--R));height:calc(2 * var(--R));transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid var(--guide);pointer-events:none}.sixp__nucleus{position:absolute;top:50%;left:50%;width:calc(var(--size) * .42);height:calc(var(--size) * .42);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 34% 26%,var(--nuc-hi) 0%,transparent 48%),radial-gradient(circle at 50% 50%,var(--nuc-mid) 0%,var(--nuc-lo) 100%);box-shadow:inset 0 2px 2px #ffffff47,inset 0 -24px 44px #00000080,0 30px 80px -22px var(--glow),0 0 0 1px #ffffff29;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2em;text-align:center;cursor:pointer;transition:transform .5s var(--ease-out),filter .5s var(--ease-out);z-index:3}.sixp--light .sixp__nucleus{box-shadow:inset 0 2px 2px #ffffffe6,inset 0 -24px 44px #1919193d,0 30px 80px -24px #1919194d,0 0 0 1px #19191929}.sixp__nucleus-k{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.34em;padding-left:.34em;font-size:clamp(8px,1.5vw,12px);color:var(--nuc-k)}.sixp__nucleus-txt{font-family:var(--font-display);font-weight:700;line-height:1.02;font-size:clamp(18px,4.4vw,36px);color:var(--nuc-txt)}.sixp__nucleus.is-dim{filter:brightness(.74) saturate(.86)}.sixp__dots{position:absolute;top:50%;left:50%;width:0;height:0;transform:rotate(var(--rot, 0deg));pointer-events:none}.sixp__dot{position:absolute;top:0;left:0;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;transform:rotate(var(--base)) translate(var(--R));border-radius:50%;background:var(--dot-fill);border:2px solid var(--dot-ring);transition:background .35s,border-color .35s,box-shadow .4s}.sixp__dot-ring{position:absolute;inset:2px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .35s var(--ease-out)}.sixp__label{position:absolute;width:0;height:0;cursor:pointer}.sixp__label-txt{position:absolute;top:0;left:0;white-space:nowrap;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:600;font-size:clamp(13px,2.4vw,17px);letter-spacing:.01em;color:var(--label-txt);transition:color .35s,opacity .45s}.sixp__label:before{content:"";position:absolute;top:0;left:0;width:116px;height:44px;margin:-22px 0 0 -58px;pointer-events:auto;border-radius:8px}.sixp__label:focus{outline:none}.sixp__label:focus-visible:before{box-shadow:0 0 0 2px var(--env-bg),0 0 0 4px var(--accent)}.sixp__caption{display:block;margin-top:clamp(16px,3vw,26px);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.24em;font-size:clamp(10px,1.5vw,12px);color:var(--cap)}.sixp-readout{width:100%;max-width:620px;margin:clamp(10px,2vw,18px) auto 0}.sixp-readout__inner{position:relative;text-align:left;padding:clamp(16px,3vw,26px) clamp(18px,4vw,30px);border-top:2px solid var(--rule);min-height:330px}@media(max-width:819px){.sixp-readout__inner{min-height:310px}}@media(max-width:639px){.sixp-readout__inner{min-height:270px}}@media(max-width:479px){.sixp-readout__inner{min-height:335px}}.sixp-readout__inner:before{content:"";position:absolute;top:-2px;left:0;width:46px;height:2px;background:var(--accent)}.sixp-readout__idx{display:block;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.2em;color:var(--accent)}.sixp-readout__name{font-family:var(--font-display);font-weight:700;line-height:1.05;font-size:clamp(22px,4.4vw,34px);color:var(--ro-name);margin:.18em 0 .1em}.sixp-readout__q{font-family:var(--font-body);font-size:clamp(15px,2.6vw,19px);color:var(--ro-q);margin:0}.sixp-readout__desc{font-family:var(--font-body);font-size:clamp(13px,2.2vw,15px);color:var(--ro-desc);margin:.7em 0 0}.sixp-readout__cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px}.link-arrow{color:var(--accent-ink);font-family:var(--font-body);font-weight:700;text-decoration:none}.sixp--dark .link-arrow{color:var(--accent)}.link-arrow .arrow{display:inline-block;transition:transform .3s var(--ease-out)}.link-arrow:hover .arrow{transform:translate(4px)}.sixp-readout__reset{font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--reset-txt);background:transparent;border:1px solid var(--reset-border);border-radius:999px;padding:7px 16px;cursor:pointer;transition:border-color .25s,background .25s}.sixp-readout__reset:hover{border-color:var(--accent)}.sixp.is-focused .sixp__label:not([data-active=true]) .sixp__label-txt{opacity:.6}.sixp.is-focused .sixp__label[data-active=true] .sixp__label-txt{color:var(--accent-ink)}.sixp--dark.is-focused .sixp__label[data-active=true] .sixp__label-txt{color:var(--accent)}@media(prefers-reduced-motion:reduce){.sixp__dot,.sixp__nucleus,.sixp__label-txt{transition:none}}
