.pc-card-wrapper{--pc-pointer-x:50%;--pc-pointer-y:50%;--pc-pointer-left:.5;--pc-pointer-top:.5;--pc-rotate-x:0deg;--pc-rotate-y:0deg;--pc-active:0;--pc-radius:2.4rem;--pc-surface-a:#082549;--pc-surface-b:#0a4060;--pc-surface-c:#087056;--pc-ink:#f7fcff;--pc-muted:#f0f8fce0;--pc-accent:#8cf1bd;--pc-border:#ffffff2e;--pc-glass:#031932a8;perspective:1200px;touch-action:pan-y;width:100%;min-height:clamp(29rem,38vw,34rem);position:relative}.pc-tone-ice{--pc-surface-a:#f7fcfff2;--pc-surface-b:#d5ecf7e0;--pc-surface-c:#d3f4e8d1;--pc-ink:#071d3b;--pc-muted:#29465f;--pc-accent:#08663a;--pc-border:#ffffffe0;--pc-glass:#f9fdffc7}.pc-tone-mint{--pc-surface-a:#eef9f7;--pc-surface-b:#caeee1;--pc-surface-c:#9fdac6;--pc-ink:#072942;--pc-muted:#294f59;--pc-accent:#075f3a;--pc-border:#ffffffd1;--pc-glass:#f2fdfabd}.pc-tone-signal{--pc-surface-a:#071d3b;--pc-surface-b:#0b3265;--pc-surface-c:#075e52;--pc-accent:#a5f5cf}.pc-card-wrapper:has(.pc-card-shell.active){--pc-active:1}.pc-behind{z-index:0;border-radius:var(--pc-radius);background:radial-gradient(circle at var(--pc-pointer-x) var(--pc-pointer-y), #42df9f80, #4ea5de38 42%, transparent 72%);filter:blur(2.8rem);opacity:calc(.24 + var(--pc-active) * .62);pointer-events:none;transition:opacity .42s;position:absolute;inset:8% 5% -2%}.pc-card-shell{z-index:1;height:100%;min-height:inherit;position:relative}.pc-card{min-height:inherit;isolation:isolate;border:1px solid var(--pc-border);border-radius:var(--pc-radius);background:radial-gradient(65% 55% at var(--pc-pointer-x) var(--pc-pointer-y), color-mix(in srgb, var(--pc-accent) 24%, transparent), transparent 70%), linear-gradient(145deg, var(--pc-surface-a), var(--pc-surface-b) 58%, var(--pc-surface-c) 132%);color:var(--pc-ink);transform:rotateX(var(--pc-rotate-y)) rotateY(var(--pc-rotate-x)) translateZ(.1px);transform-style:preserve-3d;grid-template-rows:auto minmax(12rem,1fr) auto;padding:clamp(1.2rem,2vw,1.65rem);transition:box-shadow .45s,border-color .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 1.8rem 5rem #071d3b2b,inset 0 1px #fff3}.pc-card-shell.active .pc-card{border-color:color-mix(in srgb, var(--pc-accent) 54%, white);box-shadow:0 2.7rem 6rem #071d3b47,inset 0 1px #ffffff42}.pc-card-grid{z-index:-1;opacity:.27;background-image:linear-gradient(color-mix(in srgb, var(--pc-ink) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--pc-ink) 8%, transparent) 1px, transparent 1px);background-size:3.5rem 3.5rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 58% 40%,#000,#0000 76%);mask-image:radial-gradient(circle at 58% 40%,#000,#0000 76%)}.pc-card-top{z-index:4;color:var(--pc-accent);font-family:var(--font-space-mono), monospace;font-size:var(--text-mono);letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative;transform:translateZ(2rem)}.pc-card-top>span{opacity:.8}.pc-card-top>strong{max-width:15rem;font:inherit;text-align:end}.pc-identity{z-index:1;aspect-ratio:1;width:min(21rem,72%);transform:translate3d(calc((var(--pc-pointer-left) - .5) * 1.2rem), calc((var(--pc-pointer-top) - .5) * .8rem), 2.6rem);place-self:center;transition:transform .65s cubic-bezier(.16,1,.3,1);position:relative}.pc-card-shell.active .pc-identity{transform:translate3d(calc((var(--pc-pointer-left) - .5) * 1.8rem), calc((var(--pc-pointer-top) - .5) * 1.2rem), 3.5rem) scale(1.08)}.pc-orbit{border:1px solid color-mix(in srgb, var(--pc-accent) 42%, transparent);border-radius:50%;transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute;inset:8%}.pc-orbit-b{opacity:.65;border-style:dashed;inset:22%}.pc-orbit i{border:2px solid color-mix(in srgb, var(--pc-ink) 62%, transparent);background:var(--pc-accent);width:.7rem;height:.7rem;box-shadow:0 0 1.5rem color-mix(in srgb, var(--pc-accent) 80%, transparent);border-radius:50%;position:absolute;inset-block-start:-.35rem;inset-inline-start:49%}.pc-orbit-b i{width:.55rem;height:.55rem;inset-block:auto -.28rem;inset-inline:25% auto}.pc-card-shell.active .pc-orbit-a{transform:rotate(82deg)scale(1.06)}.pc-card-shell.active .pc-orbit-b{opacity:1;transform:rotate(-118deg)scale(.9)}.pc-link{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--pc-accent) 42%, transparent), transparent);transform-origin:50%;width:84%;height:1px;transition:transform .78s cubic-bezier(.16,1,.3,1);position:absolute;inset-block-start:50%;inset-inline-start:8%}.pc-link-a{transform:rotate(34deg)}.pc-link-b{transform:rotate(-34deg)}.pc-card-shell.active .pc-link-a{transform:rotate(8deg)scaleX(1.15)}.pc-card-shell.active .pc-link-b{transform:rotate(-72deg)scaleX(.82)}.pc-monogram{z-index:3;border:1px solid color-mix(in srgb, var(--pc-ink) 22%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--pc-surface-b) 82%, white), color-mix(in srgb, var(--pc-surface-c) 82%, #071d3b));color:var(--pc-ink);letter-spacing:-.08em;border-radius:42% 58% 54% 46%/46% 44% 56% 54%;place-items:center;font-size:clamp(2.1rem,4.2vw,3.8rem);font-weight:650;transition:transform .72s cubic-bezier(.16,1,.3,1),border-radius .72s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;inset:29%;box-shadow:0 1.5rem 3.5rem #03142a38,inset 0 1px #ffffff47}.pc-card-shell.active .pc-monogram{border-radius:55% 45% 40% 60%/42% 57% 43% 58%;transform:rotate(-7deg)scale(1.13)}.pc-node{z-index:4;border:1px solid color-mix(in srgb, var(--pc-ink) 55%, transparent);background:var(--pc-accent);width:.6rem;height:.6rem;box-shadow:0 0 1.2rem color-mix(in srgb, var(--pc-accent) 70%, transparent);border-radius:50%;transition:transform .58s cubic-bezier(.16,1,.3,1);position:absolute}.pc-node-a{inset:17% auto auto 20%}.pc-node-b{inset:23% 13% auto auto}.pc-node-c{inset:auto auto 12% 38%}.pc-card-shell.active .pc-node{transform:scale(1.8)}.pc-details{z-index:5;border:1px solid color-mix(in srgb, var(--pc-ink) 12%, transparent);background:var(--pc-glass);-webkit-backdrop-filter:blur(1.3rem)saturate(140%);backdrop-filter:blur(1.3rem)saturate(140%);border-radius:1.5rem;grid-template-columns:minmax(0,1.05fr) minmax(13rem,.95fr);align-items:end;gap:.8rem 1.5rem;padding:1.25rem;transition:transform .52s cubic-bezier(.16,1,.3,1),background-color .3s;display:grid;position:relative;transform:translateZ(2.4rem);box-shadow:inset 0 1px #ffffff2e}.pc-card-shell.active .pc-details{transform:translateZ(3rem)translateY(-.35rem)}.pc-details h3{color:var(--pc-ink);font-size:var(--text-title-sm);letter-spacing:-.04em;margin:0;font-weight:620;line-height:1.05}.pc-details p{max-width:29ch;color:var(--pc-muted);font-size:var(--text-body);letter-spacing:-.018em;place-self:center end;margin:0;font-weight:500;line-height:1.48}.pc-details ul{flex-wrap:wrap;grid-column:1/-1;gap:.45rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.pc-details li{border:1px solid color-mix(in srgb, var(--pc-ink) 13%, transparent);color:var(--pc-accent);font-family:var(--font-space-mono), monospace;font-size:var(--text-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.35rem .55rem}.pc-glare{z-index:6;border-radius:inherit;background:radial-gradient(farthest-corner circle at var(--pc-pointer-x) var(--pc-pointer-y), #ebfdff52 5%, transparent 48%);mix-blend-mode:soft-light;opacity:calc(.14 + var(--pc-active) * .72);pointer-events:none;transition:opacity .32s;position:absolute;inset:0}@media (max-width:48rem){.pc-card-wrapper{--pc-radius:1.65rem;min-height:28rem}.pc-card{padding:1rem}.pc-identity{width:min(17rem,76%)}.pc-details{grid-template-columns:1fr;padding:1rem}.pc-details p{justify-self:start;max-width:34ch}.pc-details ul{grid-column:auto}.pc-card-top>strong{max-width:10rem}}@media (prefers-reduced-motion:reduce){.pc-card,.pc-identity,.pc-orbit,.pc-link,.pc-monogram,.pc-node,.pc-details{transition:none!important;transform:none!important}.pc-behind,.pc-glare{transition:none}}