.komi-card-preview{position:relative;isolation:isolate;width:100%;min-height:510px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px}.komi-card-halo{position:absolute;inset:14% 6%;background:radial-gradient(ellipse,#2f56d633,transparent 68%);z-index:-1}.komi-card-float{width:min(94%,520px);animation:komi-card-float 8s ease-in-out infinite}.komi-card-flip-button{display:block;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;perspective:1400px;border-radius:16px;container-type:inline-size}.komi-card-flip-button:focus-visible{outline:2px solid #a8bbff;outline-offset:12px}.komi-card-turn{position:relative;display:block;aspect-ratio:1.586/1;transform-style:preserve-3d;transform:rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) rotate(-4deg);transition:transform .75s cubic-bezier(.22,.7,.28,1)}.komi-card-turn.is-flipped{transform:rotateX(var(--card-rx,0deg)) rotateY(calc(180deg + var(--card-ry,0deg))) rotate(4deg)}.komi-card-side{position:absolute;inset:0;display:block;overflow:hidden;border-radius:2.8cqw;color:#fff;font-weight:500;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-mask-image:linear-gradient(#fff,#fff);box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 60px -24px #000,0 0 46px #3b5bd61c}.komi-card-front{background:radial-gradient(120% 95% at 0 0,#24489a 0,#24489a00 58%),linear-gradient(160deg,#122a64,#0b1838 52%,#070f27)}.komi-card-back{transform:rotateY(180deg);background:radial-gradient(95% 80% at 100% 0,#22448f 0,#22448f00 55%),linear-gradient(200deg,#10265c,#0a1636 50%,#070f27)}.komi-card-rings{position:absolute;inset:0;background:repeating-radial-gradient(circle at 100% 100%,transparent 0 calc(3.9cqw - 1px),#ffffff12 calc(3.9cqw - 1px) 3.9cqw);-webkit-mask-image:radial-gradient(circle at 100% 100%,#000 35%,#0000 96%);mask-image:radial-gradient(circle at 100% 100%,#000 35%,#0000 96%)}.komi-card-business{position:absolute;top:6.4cqw;left:6.1cqw;font-size:3.3cqw;font-weight:600;letter-spacing:-.02em;line-height:1}.komi-card-contactless{position:absolute;top:5.2cqw;right:5.4cqw;width:5.6cqw;color:#ffffffd9}.komi-card-contactless svg{display:block;width:100%}.komi-card-contactless path{animation:komi-card-wave 4s ease-in-out infinite}.komi-card-contactless path:nth-child(2){animation-delay:.2s}.komi-card-contactless path:nth-child(3){animation-delay:.4s}.komi-card-mark{position:absolute;top:24.5%;left:51.7%;width:55%;height:auto;color:#fff}.komi-card-front-copy{position:absolute;left:6.1cqw;right:6.1cqw;bottom:6.2cqw;display:flex;flex-direction:column;gap:1.7cqw}.komi-card-eyebrow{display:block;font-size:1.75cqw;font-weight:600;letter-spacing:.2em;line-height:1.2;text-transform:uppercase;color:#8eb0ff}.komi-card-eyebrow--muted{color:#8a96b3}.komi-card-lead{display:block;font-size:2.7cqw;line-height:1.35;letter-spacing:-.01em;color:#ffffffe0;font-weight:400}.komi-card-stripe{position:absolute;left:0;right:0;top:7.4%;height:9.6%;background:linear-gradient(180deg,#03060e,#060b18)}.komi-card-how{position:absolute;left:6.1cqw;top:24%;display:flex;flex-direction:column;gap:2.4cqw}.komi-card-how .komi-card-eyebrow{margin-bottom:.6cqw}.komi-card-step{display:flex;align-items:baseline;gap:2.2cqw;font-size:2.75cqw;line-height:1.2;letter-spacing:-.01em}.komi-card-step-number{min-width:2.3cqw;font-size:1.85cqw;font-weight:500;letter-spacing:.02em;color:#6f9dff}.komi-card-scan{position:absolute;right:6.1cqw;top:23%;display:flex;flex-direction:column;align-items:center;gap:2.1cqw}.komi-card-qr{display:grid;place-items:center;width:19.5cqw;aspect-ratio:1;padding:1.2cqw;box-sizing:border-box;border-radius:1.9cqw;background:#fff}.komi-card-qr img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.komi-card-scan .komi-card-eyebrow{font-size:1.55cqw}.komi-card-foot{position:absolute;left:6.1cqw;bottom:5.6cqw;display:flex;flex-direction:column;gap:1.1cqw}.komi-card-foot-sub{display:block;font-size:1.7cqw;line-height:1.2;color:#7f8aa6;font-weight:400}.komi-card-brand{position:absolute;right:6.1cqw;bottom:5.6cqw;display:flex;flex-direction:column;align-items:flex-end;gap:.8cqw}.komi-card-wordmark{display:block;font-size:4.4cqw;font-weight:600;letter-spacing:-.045em;line-height:.9}.komi-card-caption{display:flex;align-items:center;justify-content:center;gap:8px;color:#9297a8;font-size:12px;text-align:center}.komi-card-preview:not(.is-visible),.komi-card-preview:not(.is-visible) *{animation-play-state:paused}.fig .fig-card-copy{justify-content:center;gap:22px}.fig-card-eyebrow{margin:0;color:#a8b7db;font-size:11px;letter-spacing:.16em;font-weight:500}.fig .fig-card-copy .fig-title{font-size:clamp(2rem,3.6vw,3.1rem);letter-spacing:-.045em;line-height:1.12}.fig-card-description{margin:0;color:#a4a5ae;font-size:15px;line-height:1.8;max-width:36ch}.fig-card-docs .fig-docs-link{margin-top:18px;text-decoration:none;color:#eee}.fig .fig-card-docs:hover{background:transparent}.fig-card-border{position:relative}.fig-card-border:after{content:"";position:absolute;inset:0;z-index:3;padding:1px;pointer-events:none;background:radial-gradient(320px circle at var(--border-x,-500px) var(--border-y,-500px),#8d9fff 0,#ffffff6b 30%,transparent 75%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}@media(hover:hover) and (pointer:fine){.fig-board:hover .fig-card-border:after{opacity:1}}@media(hover:none),(max-width:899px),(pointer:coarse){.fig-card-border:after{opacity:1}}@media(prefers-reduced-motion:reduce){.fig-card-border:after{display:none}}@keyframes komi-card-float{0%,to{transform:translateY(3px)}50%{transform:translateY(-4px)}}@keyframes komi-card-wave{0%,65%,to{opacity:.45}25%,40%{opacity:1}}@media(max-width:899px){.fig .fig-card-copy{padding:2rem 1.4rem}.komi-card-preview{min-height:340px;gap:28px}.komi-card-float{width:min(92%,400px)}}@media(prefers-reduced-motion:reduce){.komi-card-preview *{animation:none!important;transition:none!important}}