.pricing{--page:#efeee9;--ink:#0b0b0c;--card:#0c0c0d;--fg:#f1f0ec;--muted:#8b8b88;--hair:#262627;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-expo:cubic-bezier(.16, 1, .3, 1);--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;isolation:isolate;box-sizing:border-box;background:var(--page);color:var(--ink);padding:120px clamp(16px,4vw,64px) 96px;position:relative}.pricing *,.pricing :before,.pricing :after{box-sizing:border-box}.pricing:before{content:"";z-index:-1;opacity:.045;background-image:radial-gradient(currentColor .7px,#0000 .8px);background-size:24px 24px;position:absolute;inset:0}.pricing__head{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-bottom:30px;display:flex}.pricing__label,.offer__label,.offer__meta,.offer__quote cite{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;line-height:1.5}.pricing__label{color:#7a7a78}.pricing__title{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(38px,4.2vw,60px);font-weight:500;line-height:1.02}.offer{background:var(--card);max-width:1190px;color:var(--fg);border-radius:20px;margin:0 auto;overflow:hidden}.offer__card{justify-content:space-between;align-items:flex-start;gap:24px;padding:30px 37px;display:flex;position:relative}.offer__main{z-index:1;flex-direction:column;min-width:0;max-width:760px;display:flex;position:relative}.offer p{margin:0}.offer__promise{letter-spacing:-.02em;min-height:2.3em;font-size:24px;font-weight:500;line-height:1.15;display:flow-root}.offer__price{align-items:baseline;gap:0 12px;margin-top:18px;display:flex}.offer__amount{letter-spacing:-.04em;font-variant-numeric:tabular-nums;height:1.4em;font-size:68px;font-weight:500;line-height:1.4}.offer__number{white-space:pre;display:inline-flex}.offer__currency{margin-right:.25em}.offer__per{color:var(--muted);letter-spacing:-.01em;font-size:15px;line-height:1.4}.offer__meta{margin-top:14px;display:flow-root}.offer__toggle{z-index:1;background:color-mix(in srgb, var(--fg) 6%, transparent);border:1px solid color-mix(in srgb, var(--fg) 10%, transparent);border-radius:999px;flex:none;padding:4px;display:flex;position:relative}.offer__tab{z-index:1;height:36px;font:inherit;letter-spacing:.01em;white-space:nowrap;color:var(--muted);cursor:pointer;transition:color .35s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:0 18px;font-size:13px;font-weight:500;position:relative}@media (hover:hover){.offer__tab:hover{color:var(--fg)}}.offer__tab[aria-selected=true]{color:var(--ink)}.offer__tab:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.offer__thumb{background:var(--fg);width:0;transition:transform .55s var(--ease-expo), width .55s var(--ease-expo);border-radius:999px;position:absolute;top:4px;bottom:4px;left:0}.offer__thumb.no-anim{transition:none}.offer__art{pointer-events:none;background-image:radial-gradient(color-mix(in srgb, var(--fg) 85%, transparent) 1px, transparent 1.7px);opacity:.45;background-size:12px 12px;width:52%;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:radial-gradient(48% 62% at 58% 56%,#000 0%,#00000080 42%,#0000 72%);mask-image:radial-gradient(48% 62% at 58% 56%,#000 0%,#00000080 42%,#0000 72%)}.offer__cols{border-top:1px solid var(--hair);grid-template-columns:1fr 1fr;display:grid}.offer__col{flex-direction:column;gap:12px;padding:22px 37px 24px;display:flex}.offer__col+.offer__col{border-left:1px solid var(--hair)}.offer__list,.offer__addons{margin:0;padding:0;list-style:none}.offer__list li,.offer__addons li{letter-spacing:-.01em;min-height:31px;transition:opacity .5s var(--ease-out);align-items:baseline;gap:14px;padding:3px 0;font-size:15px;display:flex}.offer__list li>.morph{flex:1}.offer__list li:before{content:"→";width:14px;font-family:var(--mono);color:var(--muted);flex:none;font-size:13px}.offer__addon{cursor:pointer;align-items:center;gap:14px;width:100%;display:flex}.offer__addon:has(:disabled){cursor:default}.offer__input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.offer__check{border:1px solid var(--muted);width:16px;height:16px;transition:background-color .35s var(--ease-out), border-color .35s var(--ease-out);border-radius:4px;flex:none;position:relative}.offer__check:after{content:"";border:solid var(--card);width:4px;height:8px;transition:transform .35s var(--ease-expo);border-width:0 1.5px 1.5px 0;position:absolute;top:1.5px;left:5px;transform:rotate(45deg)scale(0)}@media (hover:hover){.offer__addon:hover .offer__check{border-color:var(--fg)}}.offer__input:checked+.offer__check{background:var(--fg);border-color:var(--fg)}.offer__input:checked+.offer__check:after{transform:rotate(45deg)scale(1)}.offer__input:focus-visible+.offer__check{box-shadow:0 0 0 2px color-mix(in srgb, var(--fg) 35%, transparent)}.offer__input:disabled~.offer__check,.offer__input:disabled~.offer__name{opacity:.45}.offer__name{flex:1}.offer__add-price{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.offer__bar{border-top:1px solid var(--hair);justify-content:space-between;align-items:center;gap:24px;padding:19px 37px;display:flex}.offer__quote{margin:0}.offer__quote p{letter-spacing:-.01em;max-width:34em;font-size:16px;line-height:1.4}.offer__quote cite{margin-top:8px;font-style:normal;display:block}.offer__cta{outline-offset:-3px;isolation:isolate;height:52px;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transition:color .45s var(--ease-out), border-color .45s var(--ease-out), outline-color .45s var(--ease-out);background:#e4e4e1;border:1px solid #0000;border-radius:999px;outline:3px solid #0000;flex:none;align-items:center;gap:18px;padding:0 8px 0 26px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.offer__cta:before{content:"";background:var(--card);width:36px;height:36px;transition:transform .7s var(--ease-expo);z-index:-1;border-radius:50%;position:absolute;top:50%;right:26px;transform:translate(50%,-50%)scale(0)}.offer__cta-icon{width:36px;height:36px;transition:background-color .45s var(--ease-out);background:#0a0a0a14;border-radius:50%;place-items:center;display:grid}.offer__cta-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.offer__cta:focus-visible:before{transform:translate(50%,-50%)scale(14)}.offer__cta:focus-visible{color:var(--fg);border-color:#e4e4e1;outline-color:#e4e4e1}.offer__cta:focus-visible .offer__cta-icon{background:#f2f2f024}@media (hover:hover){.offer__cta:hover:before{transform:translate(50%,-50%)scale(14)}.offer__cta:hover{color:var(--fg);border-color:#e4e4e1;outline-color:#e4e4e1}.offer__cta:hover .offer__cta-icon{background:#f2f2f024}}.morph{vertical-align:baseline;white-space:nowrap;margin:-.14em -.06em -.22em;padding:.14em .06em .22em;display:inline-block;position:relative;overflow:hidden}.morph--block{white-space:normal;display:block}.morph__layer{display:inline-block}.morph--block>.morph__layer{display:block}.morph__layer.is-out{width:calc(100% - .12em);position:absolute;top:.14em;left:.06em}.offer__word.is-out{visibility:hidden}.offer__amount.morph{margin:0;padding:0;display:block}.offer__amount>.morph__layer.is-out{width:auto;top:0;left:0}.digit{vertical-align:bottom;height:1.4em;display:inline-block;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}.reel{transform:translateY(calc(var(--n,0) * -1.4em));flex-direction:column;transition:transform .9s cubic-bezier(.2,1.15,.35,1);display:flex}.reel>span{height:1.4em;line-height:1.4em}.sym{display:inline-block}@media (max-width:900px){.pricing{padding-top:88px}.offer{border-radius:28px}.offer__card{flex-direction:column;align-items:stretch;gap:22px;padding:16px}.offer__toggle{order:-1;grid-template-columns:repeat(3,1fr);display:grid}.offer__tab{padding:0 6px;font-size:12px}.offer__art{display:none}.offer__promise{min-height:3.45em;font-size:22px}.offer__amount{font-size:50px}.offer__cols{grid-template-columns:1fr}.offer__col{padding:16px}.offer__col+.offer__col{border-left:0;border-top:1px solid var(--hair)}.offer__list li,.offer__addons li{min-height:40px;font-size:16px}.offer__bar{flex-direction:column;align-items:stretch;gap:20px;padding:16px}.offer__cta{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.reel,.offer__thumb,.offer__tab,.offer__check,.offer__check:after,.offer__cta,.offer__cta:before,.offer__list li{transition:none}}.pricing{font-family:Satoshi,system-ui,sans-serif}
.metal-btn{--ease:cubic-bezier(.23, 1, .32, 1);letter-spacing:-.01em;white-space:nowrap;color:#eef0f6;isolation:isolate;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:60px;transition:transform .18s var(--ease), box-shadow .25s var(--ease);background:radial-gradient(120% 140% at 50% 0,#1a1c24 0%,#07080b 70%);border:0;border-radius:999px;align-items:center;gap:14px;padding:0 8px 0 30px;font-family:inherit;font-size:16px;font-weight:500;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #eee6f647,0 18px 50px -18px #9a8cf273}.metal-btn:active{transform:scale(.97)}.metal-btn:focus-visible{outline-offset:3px;outline:2px solid #9a8cf2}.metal-btn__metal{z-index:-1;border-radius:inherit;opacity:0;transition:opacity .8s var(--ease);display:block;position:absolute;inset:0}.metal-btn__metal.is-ready{opacity:1}.metal-btn__metal>canvas{width:100%;height:100%;position:absolute;inset:0}.metal-btn__metal.is-ready+.metal-btn__label{text-shadow:0 1px 12px #0009}.metal-btn__orb{--orb:44px;width:var(--orb);height:var(--orb);color:#0b0c10;background:linear-gradient(160deg,#fff 0%,#e6e9f0 45%,#b7bdca 100%);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,inset 0 -2px 5px #0003,0 4px 18px -6px #eee6f68c}.metal-btn__orb svg{width:16px;height:16px;transition:transform .35s var(--ease);position:absolute}.metal-btn__orb svg+svg{transform:translateX(calc(var(--orb) / -2 - 50% - 2px))}@media (hover:hover){.metal-btn:hover .metal-btn__orb svg:first-child{transform:translateX(calc(var(--orb) / 2 + 50% + 2px))}.metal-btn:hover .metal-btn__orb svg+svg{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.metal-btn,.metal-btn__metal,.metal-btn__orb svg{transition:none}}
