.marketing{interpolate-size:allow-keywords}@media (prefers-reduced-motion:no-preference){html:has(.marketing){scroll-behavior:smooth}}.site-header{transition:background-color .28s var(--ease-state), border-color .28s var(--ease-state), backdrop-filter .28s var(--ease-state);border-bottom:1px solid #0000}.site-header[data-scrolled=true]{-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);background:#f4f6f9c2;border-bottom-color:#dce1e8e6}.btn{cursor:pointer;white-space:nowrap;height:48px;transition:background-color .16s var(--ease-state), border-color .16s var(--ease-state), transform .16s var(--ease-state);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-ink);color:#fff}.btn-primary:hover{background:#2a3346}.btn-quiet{border:1px solid var(--color-rule);color:var(--color-ink);cursor:pointer;transition:background-color .16s var(--ease-state), border-color .16s var(--ease-state);background:0 0;border-radius:10px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn-quiet:hover{background:var(--color-sheet);border-color:#c9d0da}.btn-small{height:38px;padding:0 16px;font-size:15px}@media not (min-width:40rem){.btn-small{height:44px}}.hero-stage{--hero-w:min(340px, calc(100vw - 68px))}@keyframes hero-card-in{0%{transform:translateY(56px)rotate(-1.5deg)}to{transform:none}}@keyframes hero-veil{0%{opacity:1}to{opacity:0}}.hero-stage{overflow:clip}.hero-card-in{animation:hero-card-in .78s var(--ease-enter) 80ms both;position:relative}.hero-card-in:after{content:"";background:var(--color-stage);pointer-events:none;animation:hero-veil .62s var(--ease-state) 80ms both;position:absolute;inset:-60px -80px}.hero-pass:focus-visible{outline:2px solid var(--color-lupine);outline-offset:5px}.swatch{position:relative}.swatch input,.seg input{opacity:0;width:1px;height:1px;position:absolute}.swatch>span{background:var(--c);cursor:pointer;width:26px;height:26px;transition:box-shadow .16s var(--ease-state), transform .16s var(--ease-state);border-radius:999px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.swatch>span:hover{transform:scale(1.08)}.swatch input:checked+span{box-shadow:0 0 0 2px var(--color-stage), 0 0 0 4px var(--color-ink)}.swatch input:focus-visible+span{box-shadow:0 0 0 2px var(--color-stage), 0 0 0 4px var(--color-lupine)}.seg-set{background:var(--color-sheet);border:1px solid var(--color-rule);border-radius:10px;padding:3px;display:inline-flex}.seg label{position:relative}.seg label>span{cursor:pointer;color:var(--color-slate);transition:background-color .16s var(--ease-state), color .16s var(--ease-state);border-radius:7px;padding:6px 12px;font-size:14px;font-weight:600;display:block}.seg input:checked+span{background:var(--color-ink);color:#fff}.seg input:focus-visible+span{outline:2px solid var(--color-lupine);outline-offset:2px}.btn-wallet{color:#fff;cursor:pointer;height:44px;transition:background-color .16s var(--ease-state), transform .16s var(--ease-state);background:#000;border-radius:10px;align-items:center;gap:10px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.btn-wallet:hover{background:var(--color-ink)}.btn-wallet:active{transform:translateY(1px)}.wallet-glyph{width:22px;height:16px;display:block;position:relative}.wallet-glyph i{border-radius:2.5px;height:9px;position:absolute;left:0;right:0}.wallet-glyph i:first-child{background:#5ec8e5;top:0}.wallet-glyph i:nth-child(2){background:#f7d488;top:3px}.wallet-glyph i:nth-child(3){background:#f5a3c7;top:6px}.wallet-glyph i:nth-child(4){background:#fff;border-radius:2px 2px 3px 3px;height:7px;top:9px}.phone{background:var(--color-night);border-radius:44px;width:286px;height:590px;padding:11px;box-shadow:0 1px 2px #1b22301a,0 30px 60px -20px #1b223073,inset 0 0 0 1.5px #2b3242}.phone-screen{height:100%;font-family:var(--font-pass);background:#f2f2f7;border-radius:34px;position:relative;overflow:hidden}.phone-island{z-index:3;background:#000;border-radius:999px;width:88px;height:25px;position:absolute;top:10px;left:50%;translate:-50%}.fan{height:calc(780px * var(--fan-scale,.8));position:relative}.fan-board{width:840px;height:780px;transform:scale(var(--fan-scale,.8));transform-origin:0 0;position:absolute;top:0;left:0}.fan-item{left:var(--x);top:var(--y);rotate:var(--r);scale:var(--s);transform-origin:50% 60%;filter:drop-shadow(0 1px 1px #1b22301a)drop-shadow(0 22px 22px #1b223038);transition:translate .28s var(--ease-enter), filter .28s var(--ease-enter);position:absolute}@media (max-width:639px){.fan{height:auto;margin:0 calc(-1*clamp(20px,4vw,40px))}.fan-board{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start;gap:16px;width:auto;height:auto;padding:8px clamp(20px,4vw,40px) 40px;display:flex;position:static;overflow-x:auto;transform:none}.fan-item{zoom:.82;scroll-snap-align:center;flex:none;position:relative;top:auto;left:auto;rotate:none;scale:none}.fan-item:hover,.fan-item[data-lifted=true]{translate:none}}.fan-item [style*=box-shadow]{box-shadow:none!important}.fan-item:hover,.fan-item[data-lifted=true]{filter:drop-shadow(0 1px 1px #1b22301a)drop-shadow(0 34px 28px #1b223047);translate:0 -18px;z-index:10!important}.kinds li:before{content:"";border:1.5px solid var(--color-rule);background:var(--color-paper);width:10px;height:10px;transition:background-color .16s var(--ease-state), border-color .16s var(--ease-state);border-radius:999px;position:absolute;top:22px;left:4px}.kinds li[data-active=true]:before{background:var(--color-lupine);border-color:var(--color-lupine)}.klippi{position:relative}.klippi:after{content:"";border-top:1px dashed var(--color-rule);position:absolute;top:50%;left:0;right:0}.hole{background:var(--color-lupine);border-radius:999px;flex:none;width:14px;height:14px;box-shadow:inset 0 1px 2px #00000059}.notif{-webkit-backdrop-filter:blur(16px)}.code-sample .k{color:#c2b8ff}.code-sample .s{color:#9fe0c0}.code-sample .p{color:#9ccbf6}.code-sample .n{color:#f7d488}.code-sample .c{color:#7d869a}.code-sample .f{color:#f5a3c7}.faq details{border-bottom:1px solid var(--color-rule)}.faq summary{cursor:pointer;letter-spacing:-.01em;border-radius:6px;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:18px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq .plus{width:20px;height:20px;transition:rotate .28s var(--ease-state);flex:none;position:relative}.faq .plus:before,.faq .plus:after{content:"";background:var(--color-ink);border-radius:2px;width:14px;height:2px;position:absolute;top:50%;left:50%;translate:-50% -50%}.faq .plus:after{rotate:90deg}.faq details[open] .plus{rotate:45deg}.faq details::details-content{block-size:0;transition:block-size .28s var(--ease-state), content-visibility .28s allow-discrete;overflow:clip}.faq details[open]::details-content{block-size:auto}.calc-range{width:100%;accent-color:var(--color-lupine);height:24px}.legal h2,.legal h3{scroll-margin-top:96px}.legal h2{letter-spacing:-.03em;margin-top:40px;font-size:25px;font-weight:800;line-height:1.15}.legal h3{margin-top:24px;font-size:18px;font-weight:700}.legal p,.legal ul{color:#2b3344;max-width:68ch;margin-top:12px}.legal ul{padding-left:1.2em;list-style:outside}.legal li+li{margin-top:6px}.legal a{color:var(--color-lupine);text-underline-offset:3px;text-decoration:underline}.legal table{border-collapse:collapse;width:100%;max-width:68ch;margin-top:16px;font-size:15px}.legal th,.legal td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-rule);padding:10px 12px 10px 0}.legal th{font-weight:600}.legal .legal-table{margin-top:16px;overflow-x:auto}.legal .legal-table table{margin-top:0}.legal .legal-blank{white-space:nowrap;border-bottom:1.5px dashed var(--color-slate);color:#2b3344;background:#fbf5ea;border-radius:4px;padding:0 6px}@media (prefers-reduced-motion:reduce){.hero-card-in{animation:none}.hero-card-in:after{animation-duration:.12s}.fan-item:hover,.fan-item[data-lifted=true]{translate:none}}