body:has(.hub){color:#0f0f0e;background:#fafaf9}.hub{--paper:#fafaf9;--panel:#fff;--ink:#0f0f0e;--muted:#5c5c59;--line:#e5e5e3;--line-strong:#cfcfcc;--acc:#2952c4;--acc-hover:#1f40a0;--acc-soft:#eef2ff;--acc-line:#b9c8f4;--ok:#176c3d;font-family:var(--font-dm-sans), system-ui, sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth;min-height:100vh;font-size:16px;line-height:1.6}@media (prefers-reduced-motion:reduce){.hub{scroll-behavior:auto}.hub *{transition:none!important}}.hub :focus-visible{outline:2px solid var(--acc);outline-offset:2px}.hub h1,.hub h2,.hub h3{letter-spacing:-.015em;line-height:1.15}.hub .serif{font-family:var(--font-dm-serif), Georgia, serif;font-weight:400}.hub .wrap{max-width:1120px;margin:0 auto;padding-left:20px;padding-right:20px}@media (min-width:640px){.hub .wrap{padding-left:32px;padding-right:32px}}.hub .muted{color:var(--muted)}.hub .panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.hub .btn{border:1px solid var(--line-strong);background:var(--panel);min-height:48px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .14s,border-color .14s;display:inline-flex}.hub .btn:hover{background:#f2f2f0}.hub .btn-primary{background:var(--acc);border-color:var(--acc);color:#fff}.hub .btn-primary:hover{background:var(--acc-hover);border-color:var(--acc-hover)}.hub .btn-sm{min-height:44px;padding:0 16px;font-size:14px}.hub .opt{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:10px;min-height:44px;padding:14px 16px;transition:border-color .14s,background-color .14s;display:block;position:relative}.hub .opt:hover{border-color:var(--line-strong)}.hub .opt:has(input:checked){border-color:var(--acc);background:var(--acc-soft);box-shadow:inset 0 0 0 1px var(--acc)}.hub .opt:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}.hub .opt input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.hub details>summary{cursor:pointer;list-style:none}.hub details>summary::-webkit-details-marker{display:none}.hub details[open]>summary .chev{transform:rotate(180deg)}.hub .stepper button{border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.hub .stepper button:hover{background:#f2f2f0}.hub .num{font-variant-numeric:tabular-nums}.hub .hk-stage{perspective:1400px;aspect-ratio:1440/900;margin:0 4%;position:relative;overflow:visible}.hub .hk-card{border:1px solid var(--line);background:var(--panel);transform-style:preserve-3d;will-change:transform;border-radius:12px;transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .7s;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 2px #0f0f0e0f,0 18px 40px -18px #0f0f0e47}.hub .hk-card[aria-hidden=true]{cursor:pointer}.hub .hk-btn,.hub .hk-dot{cursor:pointer;width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.hub .hk-btn:hover{color:var(--ink);background:#f2f2f0}.hub .hk-dot span{background:var(--line-strong);border-radius:99px;width:8px;height:8px;transition:width .2s,background-color .2s}.hub .hk-dot[aria-current=true] span{background:var(--acc);width:22px}@media (max-width:640px){.hub .hk-stage{margin:0 6%}}@media (prefers-reduced-motion:reduce){.hub .hk-card{transition:none}}.hub .pb-seg{transform-origin:0;transition:transform .9s cubic-bezier(.22,.61,.36,1);transform:scaleX(0)}.hub .pb-on .pb-seg{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.hub .pb-seg{transition:none;transform:none}}@media (min-width:1024px){.hub .ring-scroll{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;max-height:calc(100vh - 7rem);overflow-y:auto}.hub .ring-scroll:focus-visible{outline:2px solid var(--acc);outline-offset:2px}}