@property --ix{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --iy{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --r{syntax:"<length>";inherits:false;initial-value:32px}.checkout{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-draw:cubic-bezier(.3, 0, .2, 1);--dur-quick:.16s;--dur-rise:.28s;--stagger:30ms;--rise-at:.3s;--pill-w:224px;--pill-h:36px;--island-r:32px;--island-pad:32px;--bleed:8px}@media (width<=479px){.checkout{--island-r:24px;--island-pad:20px}}.checkout .stage{justify-items:center;display:grid;position:relative}.checkout .horizon{width:min(720px,100% - 32px);height:1px;transition:transform .7s var(--ease-out) 60ms;background:#ffffff14;grid-area:1/1;align-self:start;mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}@starting-style{.checkout .horizon{transform:scaleX(0)}}.checkout .island-frame{z-index:1;filter:drop-shadow(0 24px 40px #0000008c);transition:filter .46s var(--ease-out);grid-area:1/1;position:relative}.checkout .island-frame:has(.island:not([data-phase=open])){filter:drop-shadow(0 8px 16px #0006);transition-delay:.12s}.checkout .island{--ix:0px;--iy:0px;--r:var(--island-r);width:min(var(--island-w,440px), 100vw - 32px);padding:var(--island-pad);box-sizing:border-box;background:var(--notch);color:#fff;border-radius:0 0 var(--island-r) var(--island-r);box-shadow:inset 0 0 0 1px #ffffff12, 0 0 0 var(--bleed) var(--notch);clip-path:inset(0 var(--ix) var(--iy) var(--ix) round 0 0 var(--r) var(--r));transition:--ix .4s var(--ease-island) .12s, --iy .52s var(--ease-island) .2s, --r .52s var(--ease-island) .2s;position:relative}@starting-style{.checkout .island{--ix:calc(50% - var(--pill-w) / 2);--iy:calc(100% - var(--pill-h));--r:calc(var(--pill-h) / 2)}}.checkout .island:is([data-phase=pill],[data-phase=leaving]){--ix:calc(50% - var(--pill-w) / 2);--iy:calc(100% - var(--pill-h));--r:calc(var(--pill-h) / 2)}.checkout .island[data-phase=leaving]{transition:--ix .46s var(--ease-island) .12s, --iy .46s var(--ease-island) .12s, --r .46s var(--ease-island) .12s}.checkout .island[data-instant],.checkout .island[data-instant] *{transition:none!important;animation:none!important}.checkout .island-body{visibility:visible}.checkout .island:not([data-phase=open]) .island-body{visibility:hidden;transition:visibility 0s linear .12s}.checkout .rise{transition:opacity var(--dur-rise) var(--ease-out) calc(var(--rise-at) + var(--n,0) * var(--stagger)), transform var(--dur-rise) var(--ease-out) calc(var(--rise-at) + var(--n,0) * var(--stagger))}@starting-style{.checkout .island[data-phase=open] .rise{opacity:0;transform:translateY(8px)}}.checkout .island:not([data-phase=open]) .rise{opacity:0;transition:opacity .12s linear,transform 0s linear .12s;transform:translateY(8px)}.checkout .pill-status{width:var(--pill-w);height:var(--pill-h);color:var(--notch-text-soft);white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;gap:8px;font-size:13px;line-height:1;display:flex;position:absolute;top:0;left:50%;translate:-50%}.checkout .pill-dot{background:var(--brand-gradient);border-radius:50%;width:8px;height:8px}.checkout .pill-dot,.checkout .pill-label{opacity:0;transition:opacity .1s linear}.checkout .island:not([data-phase=open]) :is(.pill-dot,.pill-label){opacity:1;transition:opacity .16s linear .3s}.checkout .island:not([data-phase=open]) .pill-dot{animation:1.6s ease-in-out .46s infinite alternate-reverse pill-breathe}@keyframes pill-breathe{0%{opacity:.55;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.checkout .palm{display:block;overflow:visible}.checkout .palm path{fill:none;stroke:#fff;stroke-linecap:round}.checkout .palm-crown{transform-box:view-box;transform-origin:532px 396px}.checkout .palm[data-grow=ready] path{opacity:0}.checkout .palm[data-grow=play] path{stroke-dasharray:1 1;animation:palm-grow var(--d,.42s) var(--ease-draw) var(--at,0s) both}.checkout .palm-ground{--at:var(--grow-at,0s);--d:.36s}.checkout .palm-trunk{--at:calc(var(--grow-at,0s) + 80ms);--d:.36s}.checkout .palm-frond{--at:calc(var(--grow-at,0s) + .26s + var(--i) * 70ms);--d:.46s}.checkout .palm-crown.is-gusting{animation:1.1s cubic-bezier(.37,0,.23,1) palm-sway}@keyframes palm-grow{0%{stroke-dashoffset:1px;opacity:0}15%{opacity:1}to{stroke-dashoffset:0}}@keyframes palm-sway{30%{transform:rotate(7deg)}62%{transform:rotate(-3deg)}84%{transform:rotate(1deg)}}@media (prefers-reduced-motion:reduce){.checkout *{transition:none!important;animation:none!important}.checkout .palm[data-grow] path{opacity:1;stroke-dashoffset:0}.checkout .pill-dot{opacity:1;transform:none}.checkout .island[data-phase=open] .pill-dot{opacity:0}}main>div.checkout{max-width:none;padding:0 0 88px}main:has(>.checkout){padding-bottom:48px}.checkout-head .page-header{padding-bottom:40px}.checkout-head .page-header nav ol{margin-bottom:24px}@media (width<=479px){.checkout .horizon{width:100%;mask-image:linear-gradient(90deg,#0000,#000 12px calc(100% - 12px),#0000)}}.checkout .island-price{letter-spacing:-.022em;font-variant-numeric:proportional-nums;margin:28px 0 0;font-size:56px;font-weight:600;line-height:1}.checkout .island-early{color:var(--lavender);background:#b9b7f21f;border-radius:999px;margin:28px 0 0;padding:3px 10px;font-size:12px;font-weight:500;line-height:18px;display:inline-block}.checkout .island-early+.island-price{margin-top:14px}.checkout .island-price-was{color:var(--notch-text-muted);letter-spacing:-.01em;margin-right:12px;font-size:24px;font-weight:500;text-decoration-thickness:2px}.checkout .island-price-note{color:var(--notch-text-soft);text-wrap:pretty;margin:12px 0 0;font-size:14px;line-height:22px}.checkout .island-section{border-top:1px solid #ffffff14;margin-top:24px;padding-top:24px}.button.island-pay{width:100%;height:44px;box-shadow:none;cursor:pointer;transition:filter .2s, transform .12s var(--ease-out);border:0;border-radius:12px;justify-content:center;margin-top:24px;font-size:14px}.button.island-pay:active{transform:scale(.98)}.button.island-pay:disabled{cursor:progress}.checkout .island-fine{color:var(--notch-text-muted);text-align:center;text-wrap:balance;margin:12px 0 0;font-size:12px;line-height:18px}@media (width<=479px){.checkout .island-price{font-size:48px}}main:has(>.checkout)>:is(.checkout-steps,.faq){max-width:calc(520px + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}main>.checkout+.faq{padding-top:0}main:has(>.checkout)>:is(.checkout-steps,.faq)>h2{color:var(--text);text-align:center;text-wrap:balance;margin:0 0 20px;font-size:20px;font-weight:500;line-height:28px}