@layer components{.pay{min-height:100dvh;background:var(--sl-bg);color:var(--sl-ink)}.pay-top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1120px;margin:0 auto;padding:20px 24px 8px}.pay-top .pay-brand{display:inline-flex;align-items:center;min-height:44px}.pay-main{max-width:1060px;margin:0 auto;padding:24px 24px 72px}.pay-main.narrow{max-width:620px}.pay-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;margin:8px auto 30px;max-width:640px}.pay-head .pay-ey{font:600 13px/1.2 var(--sl-f-sans);color:var(--sl-accent-ink)}.pay-head h1{margin:0;font:700 36px/1.08 var(--sl-f-sans);letter-spacing:-.028em;text-wrap:balance}.pay-head p{margin:0;max-width:54ch;font:400 16px/1.5 var(--sl-f-sans);color:var(--sl-ink-2);text-wrap:pretty}.pay-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:0 auto 26px}.pay-save{font:600 13px/1 var(--sl-f-sans);color:var(--sl-accent-ink)}.pay-notes{display:grid;gap:12px;max-width:760px;margin:0 auto 22px}.pay-grid{display:grid;gap:18px;margin:0 auto;align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pay-grid.one{max-width:380px;grid-template-columns:1fr}.pay-grid.two{max-width:780px}.pay-grid.three{max-width:1060px}.pay-plan{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:var(--sl-r-card);background:var(--sl-card);box-shadow:var(--sl-shadow-1);transition:box-shadow .25s var(--sl-ease),transform .25s var(--sl-ease)}.pay-plan.hl{box-shadow:0 0 0 2px var(--sl-accent),var(--sl-shadow-2)}.pay-plan.target{box-shadow:0 0 0 2px var(--sl-accent),0 0 0 8px var(--sl-accent-wash),var(--sl-shadow-2);animation:pay-pop .6s var(--sl-spring) both}.pay-plan-top{display:flex;align-items:center;gap:12px;min-height:44px}.pay-plan-top h2{margin:0;font:650 19px/1.2 var(--sl-f-sans);letter-spacing:-.015em}.pay-plan-top .sub{margin:2px 0 0;font:400 13.5px/1.35 var(--sl-f-sans);color:var(--sl-ink-2)}.pay-plan>.sl-tag.pay-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);white-space:nowrap;background:var(--sl-card);box-shadow:0 0 0 2px var(--sl-accent),var(--sl-shadow-1)}.pay-grid:has(.pay-badge){padding-top:12px}.pay-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;font-variant-numeric:tabular-nums}.pay-price .cur{font:600 16px/1 var(--sl-f-sans);color:var(--sl-ink-2)}.pay-price .val{font:700 42px/1 var(--sl-f-sans);letter-spacing:-.035em}.pay-price .per{font:500 15px/1 var(--sl-f-sans);color:var(--sl-ink-2)}.pay-price-note{margin:-8px 0 0;font:400 13.5px/1.4 var(--sl-f-sans);color:var(--sl-ink-2);font-variant-numeric:tabular-nums}.pay-desc{margin:0;font:400 14px/1.5 var(--sl-f-sans);color:var(--sl-ink-2)}.pay-limits{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 6px;border-radius:14px;background:var(--sl-fill);text-align:center}.pay-limits>div+div{box-shadow:inset 1px 0 0 var(--sl-sep)}.pay-limits b{display:block;font:650 18px/1.1 var(--sl-f-sans);font-variant-numeric:tabular-nums}.pay-limits span{display:block;margin-top:3px;font:500 12.5px/1.2 var(--sl-f-sans);color:var(--sl-ink-2)}.pay-feats{display:grid;align-content:start;gap:9px;flex:1;margin:0;padding:0;list-style:none}.pay-feats li{display:flex;align-items:flex-start;gap:9px;font:400 14px/1.4 var(--sl-f-sans)}.pay-feats svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--sl-ink-3);stroke-width:2.4}.pay-plan.hl .pay-feats svg,.pay-plan.target .pay-feats svg{color:var(--sl-accent-ink)}.pay-plan .pay-cta{margin-top:4px}.pay-plan .pay-fine{margin:-6px 0 0;text-align:center;font:400 13px/1.35 var(--sl-f-sans);color:var(--sl-ink-3)}.pay-skel{height:440px}.pay-foot{display:grid;gap:6px;margin:44px auto 0;max-width:640px;text-align:center;font:400 13.5px/1.5 var(--sl-f-sans);color:var(--sl-ink-2)}.pay-foot a{color:var(--sl-accent-ink);font-weight:600;text-decoration:none}.pay-foot a:hover{text-decoration:underline;text-underline-offset:3px}.pay-foot .lock{display:inline-flex;align-items:center;justify-content:center;gap:6px}.pay-foot .lock svg{width:14px;height:14px}.pay-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px auto 0;max-width:520px}.pay-actions .sl-btn{flex:1 1 220px}.pay-done{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 28px 30px;border-radius:var(--sl-r-card);background:var(--sl-card);box-shadow:var(--sl-shadow-2);text-align:center}.pay-done h1{margin:6px 0 0;font:700 28px/1.15 var(--sl-f-sans);letter-spacing:-.025em;text-wrap:balance}.pay-done p{margin:0;max-width:46ch;font:400 15.5px/1.5 var(--sl-f-sans);color:var(--sl-ink-2);text-wrap:pretty}.pay-done .pay-actions{margin-top:10px;width:100%}.pay-done dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;width:100%;max-width:380px;margin:4px 0 0;padding:14px 16px;border-radius:14px;background:var(--sl-fill);text-align:left;font:400 14px/1.35 var(--sl-f-sans)}.pay-done dt{color:var(--sl-ink-2)}.pay-done dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.pay-notice{max-width:1440px;margin:0 auto;padding:10px 24px 0}.pay-notice .sl-banner{padding:12px 14px}.pay-notice .t{flex-wrap:wrap;gap:6px 10px}.pay-notice .t,.pay-up{display:flex;align-items:center}.pay-up{flex-direction:column;gap:12px;padding:44px 20px 46px;text-align:center}.pay-up .ey{font:600 13px/1.2 var(--sl-f-sans);color:var(--sl-accent-ink)}.pay-up h3{margin:0;font:650 22px/1.2 var(--sl-f-sans);letter-spacing:-.02em;text-wrap:balance}.pay-up p{margin:0;max-width:46ch;font:400 15px/1.5 var(--sl-f-sans);color:var(--sl-ink-2)}.pay-up .acts{margin-top:6px}.pay-up-inline.sl-banner{--c:var(--sl-accent);align-items:flex-start;padding:12px 14px}.pay-up-inline .sl-btn.link{height:auto;margin-top:6px;padding:0}.pay-up-badge{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font:600 12.5px/1 var(--sl-f-sans);color:var(--sl-accent-ink);background:var(--sl-accent-wash);text-decoration:none;transition:background .2s var(--sl-ease)}.pay-up-badge:hover{background:var(--sl-accent-wash-2)}.pay-up-badge svg{width:13px;height:13px;stroke-width:2.4}@keyframes pay-pop{0%{transform:scale(.97)}to{transform:none}}@media (max-width:719px){.pay-top{padding:14px 16px 4px}.pay-main{padding:16px 16px 56px}.pay-head{margin-bottom:22px}.pay-head h1{font-size:29px}.pay-head p{font-size:15px}.pay-plan{padding:20px}.pay-price .val{font-size:38px}.pay-done{padding:30px 18px 22px}.pay-done h1{font-size:24px}.pay-notice{padding:8px 12px 0}.pay-actions .sl-btn{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.pay-plan,.pay-plan.target{animation:none;transition:none}}}