.billing-page{background:linear-gradient(#3f6f370b 1px, transparent 1px), linear-gradient(90deg, #3f6f370b 1px, transparent 1px), var(--cream);min-block-size:100vh;color:var(--ink);background-size:28px 28px;padding:22px clamp(18px,5vw,72px) 54px}.billing-header{grid-template-columns:1fr auto 1fr;align-items:center;max-inline-size:1120px;margin-inline:auto;display:grid}.billing-header a,.billing-header button{color:var(--forest);font:750 .78rem var(--font-manrope), sans-serif;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.billing-header button{justify-self:end}.billing-header svg{inline-size:16px}.billing-header>strong{font:800 1.15rem var(--font-sora), sans-serif;align-items:center;gap:7px;display:flex}.billing-header>strong span{background:var(--forest);color:#fff;border-radius:10px 10px 10px 3px;place-items:center;block-size:32px;inline-size:32px;display:grid}.billing-header>strong i{color:var(--green);font-style:normal}.billing-hero{grid-template-columns:minmax(0,1fr) 240px;align-items:end;gap:42px;max-inline-size:1120px;margin:clamp(54px,8vw,94px) auto 38px;display:grid}.billing-eyebrow{color:var(--forest);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;font:850 .72rem ui-monospace,monospace;display:inline-flex}.billing-eyebrow svg{inline-size:17px}.billing-hero h1{max-inline-size:760px;font:780 clamp(2.25rem, 5.8vw, 5rem)/.98 var(--font-sora), var(--font-arabic), sans-serif;letter-spacing:-.055em;margin:15px 0 0}[dir=rtl] .billing-hero h1{letter-spacing:0;line-height:1.2}.billing-hero p{max-inline-size:68ch;color:var(--muted);margin:22px 0 0;font-size:1rem;line-height:1.8}.billing-hero aside{background:#fffefae6;border:1px solid #bfd0b4;border-radius:20px 20px 20px 6px;padding:20px;box-shadow:0 10px #d8e5ce}.billing-hero aside small{color:var(--muted);text-transform:uppercase;font:800 .65rem ui-monospace,monospace;display:block}.billing-hero aside strong{color:var(--forest);font:780 1.25rem var(--font-sora), var(--font-arabic), sans-serif;margin-block-start:7px;display:block}.billing-hero aside button{border:1px solid var(--line);inline-size:100%;color:var(--forest);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-block-start:16px;padding:10px;font-weight:800;display:flex}.billing-route{grid-template-columns:repeat(7,1fr);gap:6px;max-inline-size:1120px;margin:0 auto 34px;display:grid;position:relative}.billing-route:before{content:"";border-block-start:2px dashed #b7cbaa;position:absolute;inset-block-start:18px;inset-inline:5%}.billing-route>span{color:var(--muted);justify-items:center;gap:7px;display:grid;position:relative}.billing-route i{background:var(--line);block-size:36px;inline-size:36px;color:var(--ink);border:2px solid #fff;border-radius:12px 12px 12px 4px;place-items:center;font:850 .72rem ui-monospace,monospace;display:grid;box-shadow:0 0 0 1px #cdd8c6}.billing-route .is-free i{background:var(--mint)}.billing-route .is-base i{background:#f3d58e}.billing-route .is-plus i{background:#cdbce5}.billing-route small{text-align:center;font-size:.67rem;font-weight:750}.billing-email{gap:7px;max-inline-size:560px;margin:0 auto 28px;display:grid}.billing-email>span{color:var(--forest);font-size:.78rem;font-weight:850}.billing-email input{border:1px solid var(--line);background:var(--paper);min-block-size:48px;color:var(--ink);font:inherit;border-radius:12px;padding-inline:14px}.billing-email input:focus{border-color:var(--green);outline:3px solid #82b95a33}.billing-email small{color:var(--muted);line-height:1.55}.billing-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-inline-size:940px;margin-inline:auto;display:grid}.billing-plan{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:28px 28px 28px 8px;align-content:start;padding:clamp(22px,4vw,34px);display:grid}.billing-plan.is-featured{box-shadow:0 12px 0 #e2d9ee, var(--shadow);border-color:#a88bcf}.billing-plan__heading{align-items:center;gap:13px;display:flex}.billing-plan__heading>span{background:var(--mint-soft);block-size:52px;inline-size:52px;color:var(--forest);border-radius:15px 15px 15px 5px;place-items:center;display:grid}.billing-plan.is-featured .billing-plan__heading>span{color:#7657a4;background:#eee7f6}.billing-plan__heading small{color:var(--muted);text-transform:uppercase;font:750 .62rem ui-monospace,monospace}.billing-plan h2{font:780 1.45rem var(--font-sora), var(--font-arabic), sans-serif;margin:3px 0 0}.billing-plan>p{min-block-size:58px;color:var(--muted);margin:22px 0 0;line-height:1.7}.billing-plan__price{color:var(--forest);margin-block-start:15px;font-size:.78rem}.billing-plan__regions{border-block:1px solid var(--line);margin-block-start:24px;padding-block:18px}.billing-plan__regions>small{color:var(--muted);font-weight:750}.billing-plan__regions>div{flex-wrap:wrap;gap:7px;margin-block-start:9px;display:flex}.billing-plan__regions span{background:var(--mint-soft);color:var(--forest);border-radius:8px;align-items:center;gap:4px;padding:6px 9px;font-size:.72rem;font-weight:850;display:inline-flex}.billing-plan__regions svg{inline-size:13px}.billing-plan>button{background:var(--forest);color:#fff;cursor:pointer;border:0;border-radius:13px 13px 13px 4px;min-block-size:50px;margin-block-start:24px;font-weight:850;box-shadow:0 4px #294d29}.billing-plan.is-featured>button{background:#7657a4;box-shadow:0 4px #563b7e}.billing-plan>button:disabled{opacity:.55;cursor:wait}.billing-message{color:#9b4f47;background:#fff2f0;border:1px solid #e4c0bb;border-radius:12px;align-items:center;gap:9px;max-inline-size:940px;margin:24px auto 0;padding:13px 15px;font-weight:750;display:flex}.billing-message svg{flex:none;inline-size:18px}.billing-security{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;margin:34px auto 0;font:700 .68rem ui-monospace,monospace;display:flex}.billing-security svg{inline-size:14px}@media (max-width:760px){.billing-header{grid-template-columns:1fr auto}.billing-header>strong{display:none}.billing-hero{grid-template-columns:1fr;gap:22px;margin-block-start:54px}.billing-hero aside{inline-size:100%}.billing-route{grid-template-columns:repeat(7,78px);padding-block-end:8px;overflow-x:auto}.billing-plans{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.billing-page *,.billing-page :before,.billing-page :after{scroll-behavior:auto!important;transition:none!important}}