.pc{position:relative;height:430vh;background:#0a0f0c;isolation:isolate}.pc-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.pc-stick:before{content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;filter:blur(40px);background:radial-gradient(28% 34% at 70% 46%,color-mix(in srgb,var(--amber) 22%,transparent),transparent 70%),radial-gradient(34% 26% at 86% 88%,color-mix(in srgb,var(--amber-2) 12%,transparent),transparent 72%),radial-gradient(30% 30% at 12% 14%,rgba(242,238,228,.06),transparent 70%),radial-gradient(40% 30% at 30% 96%,color-mix(in srgb,var(--amber) 8%,transparent),transparent 70%)}@media(prefers-reduced-motion:no-preference){.pc-stick:before{animation:pcAurora 24s ease-in-out infinite alternate}}@keyframes pcAurora{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-3%,2%,0) scale(1.06)}to{transform:translate3d(2%,-2%,0) scale(1.02)}}.pc-stick:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#0A0F0C 0,transparent 14%,transparent 86%,#0A0F0C 100%)}.pc-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}.pc-ui{position:relative;z-index:4;height:100%;display:flex;flex-direction:column;justify-content:center;pointer-events:none}.pc-steps{list-style:none;margin:0;padding:0;display:grid;max-width:min(520px,46vw)}.pc-step{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(28px);filter:blur(8px);transition:opacity .6s var(--hx-ease,ease),transform .8s var(--hx-ease,ease),filter .6s,visibility 0s .8s}.pc-step.is-on{opacity:1;visibility:visible;transform:none;filter:none;transition-delay:.12s,.12s,.12s,0s}.pc-step h3{margin:14px 0 16px;font:800 clamp(38px,5.2vw,72px)/.98 var(--display);letter-spacing:-.035em;color:var(--text);text-shadow:0 2px 30px rgba(10,15,12,.85)}.pc-step h3 em{font-style:normal;color:var(--amber)}.pc-step>p:not(.om-kicker):not(.pc-kicker){margin:0;max-width:40ch;font-size:clamp(16px,1.3vw,18px);line-height:1.55;color:var(--text-2);text-shadow:0 1px 18px rgba(10,15,12,.9)}.pc-step .om-kicker{color:var(--amber)}.pc-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:26px}.pc-cta .hx-more{margin-top:0;text-decoration-color:#f2eee44d}.pc-step.is-on .pc-cta{pointer-events:auto}.pc-dots{position:absolute;right:clamp(16px,4vw,48px);top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:grid;gap:6px;pointer-events:auto}.pc-dots button{display:flex;align-items:center;gap:10px;min-height:32px;padding:0;border:0;background:none;cursor:pointer;font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--muted);transition:color .3s}.pc-dots button:before{content:"";width:18px;height:1px;background:currentColor;transition:width .4s var(--hx-ease,ease)}.pc-dots li.is-on button{color:var(--amber)}.pc-dots li.is-on:has(+li:not(.is-on)) button:before,.pc-dots li.is-on:last-child button:before{width:34px}.pc-dots button:focus-visible{outline:2px solid var(--amber);outline-offset:4px;border-radius:4px}.pc-hint{position:absolute;left:clamp(16px,4vw,48px);bottom:28px;margin:0;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pc:not(.has-gl) .pc-hint{display:none}@media(hover:none),(pointer:coarse){.pc-hint{display:none}}@media(max-width:759px){.pc{height:400vh}.pc-ui{justify-content:flex-start;padding-top:96px}.pc-steps{max-width:none}.pc-step h3{font-size:clamp(32px,9vw,44px);margin:10px 0 12px}.pc-step>p:not(.om-kicker):not(.pc-kicker){font-size:15.5px}.pc-dots{top:auto;bottom:96px;right:auto;left:clamp(16px,4vw,48px);transform:none;display:flex;gap:14px}.pc-dots button{font-size:0;gap:0}.pc-dots button:before{width:22px;height:3px;border-radius:2px}.pc-dots li.is-on:has(+li:not(.is-on)) button:before,.pc-dots li.is-on:last-child button:before{width:36px}}@media(prefers-reduced-motion:reduce){.pc-step{transition:opacity .2s;transform:none;filter:none}}.pc-tags{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.pc-tag{position:absolute;left:0;top:0;translate:-50% calc(-100% - 10px);opacity:0;transition:opacity .45s var(--hx-ease,ease);will-change:transform;white-space:nowrap}.pc-tag.is-on{opacity:1}.pc.no-gl .pc-tags{display:none}.pc-no{padding:6px 10px;border-radius:8px;background:#0c120ed1;border:1px solid rgba(242,238,228,.16);font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a7ada4;translate:-50% calc(-100% - 46px)}.pc-no:before{content:"\2715";margin-right:6px;color:#8f968d}.pc-me{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f2eee4f0;color:#0a0f0c;font:600 13px/1 var(--body);translate:-50% calc(-100% - 18px);box-shadow:0 10px 30px -10px #000c}.pc-me b{font-weight:800}.pc-me-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.pc-you{padding:8px 13px;border-radius:999px;background:var(--amber);color:var(--on-amber,#fff);font:800 14px/1 var(--display);letter-spacing:-.01em;box-shadow:0 0 30px -4px color-mix(in srgb,var(--amber) 70%,transparent)}.pc-card{width:250px;padding:16px;border-radius:18px;white-space:normal;background:linear-gradient(165deg,#161f19e6,#0a0f0cdb);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(242,238,228,.14);box-shadow:0 0 0 1px color-mix(in srgb,var(--amber) 35%,transparent),0 30px 80px -30px #000000f2,0 0 60px -20px color-mix(in srgb,var(--amber) 55%,transparent);translate:-50% calc(-100% - 16px);scale:.92;transition:opacity .45s var(--hx-ease,ease),scale .6s var(--hx-ease,ease)}.pc-card.is-on{scale:1}.pc-card p{margin:0}.pc-card-top{display:flex;justify-content:space-between;gap:8px;font:500 10.5px/1 var(--mono);letter-spacing:.06em;color:#8f968d}.pc-open{color:#5bd08a}.pc-open:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:currentColor;vertical-align:1px}.pc-card-name{margin:10px 0 12px!important;font:800 21px/1.05 var(--display);letter-spacing:-.02em;color:var(--text);overflow-wrap:anywhere}.pc-card-row{display:flex;gap:6px}.pc-b{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;border-radius:999px;border:1px solid rgba(242,238,228,.2);font:600 12.5px/1 var(--body);color:var(--text)}.pc-b.is-main{background:var(--amber);border-color:var(--amber);color:var(--on-amber,#fff)}.pc-b .icon{width:14px;height:14px}@media(max-width:759px){.pc-card{width:210px;padding:13px}.pc-card-name{font-size:18px}.pc-no{font-size:9.5px;padding:5px 8px}}@media(prefers-reduced-motion:reduce){.pc-card{scale:1}}@media(min-width:760px){.pc-ui:before{content:"";position:absolute;z-index:-1;left:-50vw;top:0;bottom:0;width:calc(50vw + min(620px,50vw));background:linear-gradient(90deg,#0A0F0C 55%,rgba(10,15,12,.72) 80%,transparent);pointer-events:none}}@media(max-width:759px){.pc-ui:before{content:"";position:absolute;z-index:-1;left:-50vw;right:-50vw;top:0;height:52%;background:linear-gradient(180deg,#0A0F0C 58%,rgba(10,15,12,.6) 80%,transparent);pointer-events:none}}.pc-old{translate:-50% calc(-100% - 14px);text-transform:none;letter-spacing:.02em;font-size:12px;padding:7px 11px}.pc-old b{color:var(--text);font-weight:700}.pc[data-demo]{--text:#F2EEE4;--text-2:#C9C5BA;--muted:#8F968D;--line:rgba(242,238,228,.12);--mono:ui-monospace,"Cascadia Mono",Consolas,monospace;--body:inherit;height:400vh}.pc .pc-kicker{display:flex;align-items:center;gap:8px;margin:0;font:600 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}.pc .pc-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.pc .pc-btn{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 24px;border-radius:999px;background:var(--amber);color:var(--on-amber,#fff);font:700 16px/1 var(--body);text-decoration:none}.pc .pc-link{color:var(--text);font-weight:600;text-underline-offset:4px}.pc[data-demo] .pc-step h3{font-family:var(--display)}.pc[data-demo] .pc-step>p:not(.pc-kicker){font-family:var(--body)}.pc[data-demo] .pc-ui{max-width:1280px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px);box-sizing:border-box}.pc[data-demo] *{box-sizing:border-box}.pc[data-demo] ol{list-style:none}.pc,.pc[data-demo]{height:100vh;height:100svh}@media(max-width:759px){.pc,.pc[data-demo]{height:100vh;height:100svh}}