/* ---- subscription gate & billing card ---- */
.bg-wrap{width:100%;max-width:520px;margin:5vh auto;padding:30px 28px;border-radius:26px;background:#fff;color:#13231F;box-shadow:0 50px 90px -40px rgba(0,0,0,.7);text-align:left;}
.bg-wrap h2{font-size:24px;margin:0 0 6px;letter-spacing:-.02em;color:#13231F !important;}.bg-wrap .text-soft{color:#6B7A75 !important;font-size:13.5px;line-height:1.55;margin-bottom:16px;}
.bg-cyc{display:inline-flex;padding:3px;border-radius:12px;background:#EEF2EF;margin-bottom:12px;}.bg-cyc button{border:none;background:none;font:inherit;font-size:12.5px;font-weight:700;padding:7px 16px;border-radius:9px;color:#6B7A75;cursor:pointer;transition:all .2s;}.bg-cyc button.on{background:#fff;color:#13231F;box-shadow:0 4px 10px -4px rgba(0,0,0,.25);}.bg-cyc em{font-style:normal;font-size:10px;font-weight:800;color:#1F6F5C;background:#E3F3EB;border-radius:999px;padding:1px 7px;margin-left:4px;}
.bg-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:16px;}.bg-p{display:flex;flex-direction:column;gap:2px;text-align:left;padding:10px 12px;border-radius:14px;border:1.5px solid #E3E9E5;background:#fff;font:inherit;cursor:pointer;transition:all .2s;}.bg-p b{font-size:13px;}.bg-p span{font-size:15px;font-weight:800;color:#1F6F5C;}.bg-p small{font-size:11px;color:#8A9893;font-weight:600;}.bg-p.on{border-color:#1F6F5C;background:#EAF5EF;box-shadow:0 10px 18px -14px rgba(31,111,92,.9);}
.bg-steps{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px;counter-reset:s;}.bg-steps li{position:relative;padding:2px 0 2px 38px;counter-increment:s;}.bg-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#E7D08A,#C9A84C);color:#2A2107;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}.bg-steps b{display:block;font-size:13.5px;}.bg-steps span{display:block;font-size:12.5px;color:#6B7A75;line-height:1.5;}
.bg-consent{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#F5FAF7;border:1px solid #E3E9E5;font-size:12.5px;line-height:1.5;margin-bottom:12px;cursor:pointer;}.bg-consent input{margin-top:3px;accent-color:#1F6F5C;}
.bg-msg{padding:10px 12px;border-radius:12px;background:#EAF5EF;color:#1F6F5C;font-size:12.5px;margin-bottom:12px;}.bg-msg.err{background:#FBEAE6;color:#8E3322;}
.bg-safe{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:#6B7A75;margin:12px 0 0;line-height:1.5;}.bg-safe .lc{width:15px;height:15px;color:#1F6F5C;flex-shrink:0;margin-top:1px;}
.bg-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.bg-plan{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#13231F,#0E241D);color:#F6EFD9;margin-bottom:14px;}.bg-plan small{display:block;font-size:11.5px;color:#9FB6AD;text-transform:capitalize;}.bg-plan b{font-size:22px;color:#fff;}.bg-card{display:inline-flex;gap:8px;align-items:center;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.1);}.bg-card .lc{width:16px;height:16px;color:#E7D08A;}
.bg-spin{width:15px;height:15px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;display:inline-block;vertical-align:-3px;margin-right:6px;animation:xs-r .7s linear infinite;}
.bg-cardbox{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:16px;border:1px solid #E3E9E5;background:#F8FBF9;}.bg-cardbox b{display:block;font-size:14px;}.bg-cardbox small{font-size:12px;color:#6B7A75;}.bg-chip{width:40px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1F5A4B,#0E241D);color:#E7D08A;}.bg-chip.off{background:#E9EEEB;color:#8A9893;}.bg-chip .lc{width:18px;height:18px;}

/* ---- one-screen checkout (trial page) ---- */
.co{width:100%;max-width:940px;margin:0 auto;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;background:#fff;color:#13231F;border-radius:22px;overflow:hidden;box-shadow:0 50px 90px -40px rgba(0,0,0,.7);}
.co-steps{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#F1F5F2;font-size:12px;font-weight:700;color:#8A9893;}
.co-steps b{flex:1;height:1px;background:#D8E2DC;}.co-steps > div{display:flex;gap:8px;align-items:center;white-space:nowrap;}
.co-steps i{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;background:#DDE6E0;color:#6B7A75;}
.co-steps .done i{background:#2E8B74;color:#fff;}.co-steps .on{color:#13231F;}.co-steps .on i{background:linear-gradient(135deg,#E7D08A,#C9A84C);color:#2A2107;}
.co-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px;padding:20px 24px 8px;min-height:0;}
.co-main h2{font-size:21px;margin:0;letter-spacing:-.02em;color:#13231F !important;}.co-sub{font-size:12.5px;color:#6B7A75;margin:3px 0 10px;}
.co-main .bg-cyc{margin-bottom:8px;}.co-main .bg-plans{margin-bottom:10px;}.co-main .bg-p{padding:8px 10px;}
.co-h{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8A9893;margin:2px 0 6px;}
.co-method{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1.5px solid #E3E9E5;background:#fff;margin-bottom:10px;}
.co-method.on{border-color:#1F6F5C;background:#F5FAF7;}.co-radio{width:18px;height:18px;border-radius:50%;border:2px solid #1F6F5C;display:flex;align-items:center;justify-content:center;}.co-method.on .co-radio::after{content:"";width:8px;height:8px;border-radius:50%;background:#1F6F5C;}
.co-mt b{display:block;font-size:14px;}.co-mt small{display:block;font-size:11.5px;color:#6B7A75;line-height:1.4;margin-top:2px;}
.co-brands{display:flex;gap:6px;align-items:center;}.co-brands i{font-style:normal;font-weight:900;font-size:10px;padding:4px 7px;border-radius:5px;border:1px solid #DCE4DF;background:#fff;color:#1A1F71;letter-spacing:.04em;display:inline-flex;align-items:center;}.co-brands .m{gap:0;padding:4px 6px;}.co-brands .m u{width:12px;height:12px;border-radius:50%;background:#EB001B;margin-right:-5px;}.co-brands .m u+u{background:#F79E1B;opacity:.9;margin:0;}.co-brands .vp{color:#00A859;text-transform:lowercase;font-style:italic;}
.co-main .bg-consent{margin-bottom:8px;padding:10px 12px;font-size:12px;}.co-main .bg-msg{margin-bottom:6px;}
.co-side{padding:14px 16px;border-radius:16px;background:#F5F8F6;align-self:start;}.co-side h3{margin:0 0 8px;font-size:15px;}
.co-l{display:flex;justify-content:space-between;font-size:12.5px;padding:5px 0;color:#4F5F5A;}.co-l b{color:#13231F;}
.co-tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #D8E2DC;margin-top:6px;padding-top:10px;font-size:12px;color:#4F5F5A;}.co-tot b{font-size:24px;color:#1F6F5C;font-weight:800;}
.co-usd{display:block;text-align:right;color:#8A9893;font-size:11px;margin:2px 0 8px;}
.co-notes{list-style:none;margin:6px 0 0;padding:10px 0 0;border-top:1px dashed #D0DCD4;display:grid;gap:6px;font-size:11.5px;color:#4F5F5A;}.co-notes li{display:flex;gap:8px;align-items:center;}.co-notes .lc{width:14px;height:14px;color:#1F6F5C;flex-shrink:0;}
.co-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 24px 16px;border-top:1px solid #EEF2EF;margin-top:6px;}
.co-go{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:999px;border:none;background:linear-gradient(135deg,#2E8B74,#1F5A4B);color:#fff;font:inherit;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 14px 24px -12px rgba(31,90,75,.9);transition:transform .2s;}.co-go:hover:not(:disabled){transform:translateY(-2px);}.co-go:disabled{opacity:.5;cursor:not-allowed;}.co-go .lc{width:18px;height:18px;}
@media (max-width:760px){.co{max-height:none;border-radius:0;}.co-body{grid-template-columns:1fr;}.co-steps span{display:none;}}

.co-h small{font-weight:600;text-transform:none;letter-spacing:0;color:#8A9893;margin-left:6px;}
.co-method{width:100%;text-align:left;font:inherit;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;}.co-method:hover{transform:translateY(-1px);border-color:#BFD9CC;}
.co-brands .mm{color:#B8860B;background:#FFF6D6;border-color:#F0DFA0;}.co-brands .bk{color:#1F5A4B;background:#E8F4EE;border-color:#CFE6DB;}
.co.ps{max-width:420px;}.ps-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0BA4DB;color:#fff;font-size:12px;}.ps-head b{font-size:16px;letter-spacing:.02em;}
.ps-body{padding:18px;}.ps-note{display:flex;gap:8px;align-items:center;font-size:11.5px;background:#FFF4DC;color:#7A5A12;border-radius:10px;padding:8px 10px;margin-bottom:12px;}.ps-note .lc{width:14px;height:14px;flex-shrink:0;}
.ps-body label{display:block;font-size:11px;font-weight:800;color:#6B7A75;text-transform:uppercase;letter-spacing:.05em;margin:10px 0 4px;}.ps-f{padding:11px 12px;border:1px solid #D8E2DC;border-radius:10px;background:#F8FBF9;font-size:14px;color:#13231F;font-family:ui-monospace,Menlo,monospace;}
.ps-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;}.ps-n{font-size:12px;color:#6B7A75;margin:10px 0 0;}
.ps-run{margin-top:12px;display:grid;gap:8px;}.ps-s{display:flex;gap:10px;align-items:center;font-size:13px;color:#8A9893;}.ps-s .dm-sp{width:16px;height:16px;border-radius:50%;border:2.5px solid #D8E2DC;border-top-color:#0BA4DB;animation:xs-r .7s linear infinite;display:inline-block;}
.ps-s.ok{color:#1F6F5C;}.ps-s.ok .dm-sp{animation:none;border:none;background:#2E8B74 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/70% no-repeat;}
.ps-ok .lc{width:60px;height:60px;color:#2E8B74;animation:xp-pop .6s cubic-bezier(.2,.9,.3,1.4);}