.billing-hero{grid-template-columns:minmax(0,1fr);padding-bottom:2.5rem}.billing-section{padding:4rem var(--gutter)}.tiers{grid-template-columns:minmax(0,1fr);gap:1.25rem;margin-top:2rem;display:grid}.tier{background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;position:relative}.tier.featured{border-color:var(--primary);box-shadow:0 1rem 2.5rem color-mix(in oklch, var(--primary) 18%, transparent)}.tier h3{margin:0}.tier-flag{background:var(--accent);color:var(--accent-foreground);font:600 .8rem var(--body);border-radius:999px;margin:0;padding:.15rem .7rem;position:absolute;top:-.8rem;left:1.25rem}.tier-tag{color:var(--muted-foreground);min-height:3.2em;margin:0}.price{font:600 1.6rem/1.1 var(--display);margin:0}.price .per{font:400 .95rem var(--body);color:var(--muted-foreground)}.impl-note{color:var(--muted-foreground);border-top:1px solid var(--border);margin:0;padding-top:.75rem;font-size:.9rem}.impl{padding:4rem var(--gutter);background:var(--surface)}.ticks{flex:1;gap:.4rem;margin:.25rem 0 1rem;padding:0;list-style:none;display:grid}.ticks li{color:var(--text);padding-left:1.5rem;position:relative}.ticks li:before{content:"";border-left:2px solid var(--primary);border-bottom:2px solid var(--primary);width:.7rem;height:.4rem;position:absolute;top:.55em;left:0;transform:rotate(-45deg)}.tier .btn{text-align:center}.tier .btn[aria-disabled=true]{opacity:.55;pointer-events:none}.small-link{text-align:center;font-size:.95rem}.faq-list{gap:.75rem;max-width:52rem;margin-top:1.5rem;display:grid}.faq-list details{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.9rem 1.1rem}.faq-list summary{cursor:pointer;font-weight:500}.faq-list p{color:var(--muted-foreground);margin:.75rem 0 0}.pay-main{padding:2rem var(--gutter) 4rem;justify-content:center;display:flex}.pay-card{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);align-content:start;gap:1rem;width:100%;max-width:34rem;padding:clamp(1.25rem,4vw,2rem);display:grid}.pay-card h2{max-width:none;font-size:clamp(1.5rem,4vw,2rem)}.pay-card p{margin:0}.pay-form{gap:1rem;display:grid}.pay-form label{gap:.3rem;font-weight:500;display:grid}.pay-form fieldset{border:1px solid var(--border);border-radius:var(--radius);gap:.6rem;padding:.75rem 1rem 1rem;display:grid}.pay-form legend{padding:0 .4rem;font-weight:500}.pay-form .choice{border-radius:var(--radius);grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.5rem;font-weight:400}.pay-form .choice input{width:auto;margin-top:.3rem}.pay-form .choice small{color:var(--muted-foreground);display:block}.pay-form .choice:has(input:checked){background:color-mix(in oklch, var(--primary) 12%, transparent)}.trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.code-input{text-align:center;font:500 1.6rem var(--mono);letter-spacing:.3em}.summary{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);gap:.6rem;margin:0;padding:1rem;display:grid}.summary div{gap:.1rem;display:grid}.summary dt{color:var(--muted-foreground);font-size:.9rem}.summary dd{margin:0}.summary .total dd{font:600 1.9rem/1.1 var(--display)}.notice{border-radius:var(--radius);border:1px solid var(--border);padding:.7rem .9rem;font-weight:500}.notice.error{border-color:var(--destructive);color:var(--destructive)}.notice.ok{border-color:var(--success);color:var(--success)}.notice.info{color:var(--muted-foreground)}.fine{color:var(--muted-foreground);font-size:.9rem}@media (min-width:40rem){.tiers.two-up{grid-template-columns:repeat(2,minmax(0,1fr));max-width:52rem}}@media (min-width:62rem){.tiers{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.tiers.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}}
