.checkout-page{background:var(--bg-2);min-height:100vh;padding:32px 24px 64px}.checkout-container{max-width:1080px;margin:auto}.checkout-header{justify-content:space-between;align-items:center;gap:16px;padding:0 0 32px;display:flex}.checkout-brand{color:var(--ink);font-weight:600;text-decoration:none}.checkout-intro{margin:16px 0 32px}.checkout-intro h1{margin:0 0 12px}.checkout-form{grid-template-columns:minmax(0,1fr) 352px;align-items:start;gap:32px;display:grid}.checkout-form .s-card{border-radius:18px;min-width:0;padding:32px}.checkout-main{overflow:hidden}.checkout-summary{position:sticky;top:24px}.checkout-progress{border-bottom:1px solid var(--hair);margin-bottom:28px;padding-bottom:24px}.checkout-progress ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.checkout-progress button{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:4px 0;font-family:inherit;display:flex}.checkout-progress button:disabled{cursor:default;opacity:1}.checkout-step-number{background:var(--bg-3);width:28px;height:28px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.checkout-progress [data-state=current] button{color:var(--ink);font-weight:600}.checkout-progress [data-state=current] .checkout-step-number{background:var(--link);color:var(--bg)}.checkout-step-head{margin-bottom:28px}.checkout-step-head h2{margin:8px 0 12px}.checkout-step-head p{margin:0}.checkout-form .field{margin-bottom:20px}.checkout-form .field label{color:var(--ink-2);margin-bottom:8px;font-weight:500;display:block}.checkout-form .field input:not([type=checkbox]),.checkout-form .field select{border:1px solid var(--muted-2);background:var(--bg-2);width:100%;min-width:0;min-height:48px;color:var(--ink);font:inherit;box-sizing:border-box;border-radius:8px;padding:12px 16px;transition:border-color .16s,background .16s;display:block}.checkout-form .field input:hover,.checkout-form .field select:hover{border-color:var(--ink-2)}.checkout-form .field input:focus,.checkout-form .field select:focus{background:var(--bg)}.checkout-form .field select{padding-right:32px}.checkout-form .field input::placeholder{color:var(--muted-2)}.checkout-form .field input:focus,.checkout-form .field select:focus{outline:2px solid var(--link);outline-offset:2px;box-shadow:none;border-color:var(--link)}.checkout-form .field small{color:var(--muted);margin-top:8px;line-height:1.5;display:block}.checkout-form [hidden]{display:none!important}.checkout-password{position:relative}.checkout-form .checkout-password input{padding-right:48px}.checkout-password button{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.checkout-login{border-bottom:1px solid var(--hair);margin:0 0 28px;padding-bottom:24px}.checkout-login a{color:var(--link)}.checkout-domain{overflow-wrap:anywhere}.checkout-actions{border-top:1px solid var(--hair);justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;padding-top:24px;display:flex}.checkout-actions .btn{align-items:center;gap:8px;min-height:44px;display:inline-flex}.checkout-actions .btn-ghost{margin-right:auto}.checkout-summary-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;display:flex}.checkout-summary-head h2{margin:0}.checkout-trial{background:var(--link);color:var(--bg);white-space:nowrap;border-radius:999px;padding:8px 12px;font-weight:600}.checkout-plan-options{grid-template-columns:1fr;gap:4px;display:grid}.checkout-price{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:20px 0}.checkout-price>p{align-items:baseline;gap:4px;margin:0 0 20px;display:flex}.checkout-due{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.checkout-due strong{font-weight:500}.checkout-total{background:var(--bg-3);border-radius:12px;align-items:center;padding:16px}.checkout-total strong{color:var(--link);font-size:24px;font-weight:600}.checkout-benefits{color:var(--ink-2);gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.checkout-benefits li{align-items:center;gap:8px;display:flex}.checkout-benefits svg{color:var(--link);flex-shrink:0}.checkout-error{border:1px solid var(--ink-2);background:var(--bg-3);border-radius:8px;padding:16px;font-weight:500}.checkout-main>div[hidden]+*{margin-top:16px}.checkout-progress [data-state=done] .checkout-step-number{background:var(--link);color:var(--bg)}.checkout-review{border:1px solid var(--hair-2);background:var(--bg-2);border-radius:12px;grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid}.checkout-review>div{border:0;padding:0}.checkout-review>div:last-child{grid-column:1/-1}.checkout-cancel{margin:16px 0 24px}.checkout-card-title{border-top:1px solid var(--hair);align-items:center;gap:8px;margin:0 0 16px;padding-top:24px;display:flex}.checkout-accept{color:var(--ink-2);align-items:flex-start;gap:12px;margin:24px 0;display:flex}.checkout-accept input{width:16px;height:16px;accent-color:var(--link);flex-shrink:0;margin-top:4px}.checkout-trust{align-items:center;gap:8px;margin:12px 0 0;display:flex}.checkout-trust svg{flex-shrink:0}.checkout-loading{background:var(--bg-3);border-radius:12px;margin:20px 0;padding:16px}.checkout-review p{margin:0 0 8px}@media (max-width:760px){.checkout-page{padding:24px 16px 48px}.checkout-header{padding-bottom:16px}.checkout-intro{margin:16px 0 24px}.checkout-form{grid-template-columns:1fr;gap:16px}.checkout-form .s-card{padding:24px}.checkout-summary{position:static}.checkout-plan-options{grid-template-columns:1fr 1fr;gap:12px}.checkout-actions .btn:not(.btn-ghost){flex:1;justify-content:center}.checkout-review{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.checkout-form *{transition:none!important;animation:none!important}}.checkout-blog-group{border-top:1px solid var(--hair);margin-top:24px;padding-top:24px}.checkout-blog-group h3{margin:0 0 20px;font-weight:600}.checkout-progress li{position:relative}.checkout-progress li:not(:last-child):after{content:"";background:var(--hair-2);width:calc(100% - 32px);height:2px;position:absolute;top:16px;left:calc(50% + 20px)}.checkout-progress [data-state=done]:after{background:var(--link)}.checkout-progress li[data-state=done]:not(:last-child):after{background:#15803d}.checkout-progress [data-state=done] .checkout-step-number{color:#fff;background:#15803d}.checkout-progress [data-state=current] .checkout-step-number{background:var(--bg);color:#15803d;border:2px solid #15803d}.checkout-main .checkout-card-title{margin-top:24px}.checkout-form .btn-primary{color:#fff;background:#15803d}.checkout-form .btn-primary:hover:not(:disabled){background:#166534}.checkout-form .btn-primary:focus-visible{outline-offset:4px;outline:2px solid #15803d}.checkout-summary-toggle{display:none}.checkout-trial-notice{color:#713f12;background:#fef3c7;border:1px solid #facc15;border-radius:8px;flex-shrink:0;gap:4px;margin-bottom:16px;padding:12px 16px;display:grid}#registration-heading:focus{outline:none}@media (max-width:760px){.checkout-page{padding:12px 12px calc(160px + env(safe-area-inset-bottom))}.checkout-header{padding-bottom:12px}.checkout-intro{display:none}.checkout-form{gap:12px}.checkout-form .s-card{padding:16px}.checkout-summary{order:-1}.checkout-summary-head{margin-bottom:0}.checkout-summary-toggle{color:var(--link);text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:8px 0 0;display:block}.checkout-summary:not([data-expanded=true]) #checkout-summary-details{display:none}.checkout-summary[data-expanded=true] #checkout-summary-details{padding-top:16px}.checkout-main{flex-direction:column;height:auto;min-height:0;scroll-margin-top:12px;display:flex;overflow:visible}.checkout-progress{flex-shrink:0;margin-bottom:12px;padding-bottom:8px}.checkout-progress button{gap:4px}.checkout-step-head{flex-shrink:0;margin-bottom:12px}.checkout-step-head h2{margin:4px 0}.checkout-step-head>p:last-child{display:none}.checkout-main>fieldset{min-height:0;padding:4px 4px 12px;overflow:visible}.checkout-form .field{margin-bottom:12px}.checkout-form .field label{margin-bottom:4px}.checkout-form .field input,.checkout-form .field select{font-size:16px}.checkout-form .field small{margin-top:4px}.checkout-blog-group{margin-top:12px;padding-top:12px}.checkout-blog-group h3{margin-bottom:12px}.checkout-footer{z-index:40;border-top:1px solid var(--hair-2);padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);position:fixed;bottom:0;left:0;right:0}.checkout-main input,.checkout-main select{scroll-margin-top:16px;scroll-margin-bottom:160px}.checkout-actions{border:0;margin:0;padding:0}.checkout-footer>div:not([hidden])+div:not([hidden]){margin-top:8px}.checkout-actions .btn{min-height:48px}.checkout-loading{margin:8px 0;padding:8px}.checkout-review{gap:8px;padding:12px}.checkout-main .checkout-card-title{margin-top:12px;padding-top:12px}}.checkout-next-mobile{display:none}@media (max-width:760px){.checkout-card-fields{border:1px solid var(--muted-2);background:var(--bg-2);border-radius:12px;overflow:hidden}.checkout-card-fields .field{margin:0}.checkout-card-fields .field label{margin:0;padding:8px 12px 0}.checkout-form .checkout-card-fields .field input{background:0 0;border:0;border-radius:0;padding:8px 12px}.checkout-card-fields>.grid{border-top:1px solid var(--hair-2);gap:0}.checkout-card-fields>.grid>.field+.field{border-left:1px solid var(--hair-2)}.checkout-card-fields .field:focus-within{outline:2px solid var(--link);outline-offset:-2px}.checkout-form .checkout-card-fields .field input:focus{outline:none}.checkout-next-label{display:none}.checkout-next-mobile{display:inline}.checkout-actions .btn-ghost{flex-shrink:0;margin-right:0}.checkout-actions .btn:not(.btn-ghost){min-width:0}}
