@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url('/hexacraft/fonts/dm-sans-latin.woff2') format('woff2')}
body.hx-billing,body.hx-billing.dark{--color-primary:184 75% 67%;--color-secondary:167 58% 70%;--color-neutral:180 4% 21%;--color-base:60 13% 94%;--color-muted:180 3% 67%;--color-inverted:180 30% 7%;--color-background:0 0% 3%;--color-background-secondary:180 4% 7%;--font-sans:'DM Sans',sans-serif;background:#080909;color:#f1f0e9;font-family:'DM Sans',sans-serif;color-scheme:dark}
.hx-billing :is(h1,h2,h3){letter-spacing:-.035em;line-height:1.18;font-family:'DM Sans',sans-serif}
.hx-billing h1{font-size:clamp(30px,4vw,46px);font-weight:750}
.hx-billing :is(button,input,select,textarea){font-family:inherit}
.hx-billing :is(button,a,input,select,textarea):focus-visible{outline:2px solid #62dce2;outline-offset:4px}
.hx-billing .bg-background-secondary{background-color:#111414}
.hx-billing .border-neutral{border-color:#303636}
.hx-billing .bg-primary{background-color:#a4e1d5;color:#0c211d}
.hx-billing :is(button.bg-primary,a.bg-primary):hover{background-color:#c0eee5}
.hx-billing :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){min-height:46px;border:1px solid #485252;border-radius:7px;background:#0b0f10;color:#f3f3ed;padding:11px 13px;box-shadow:none}
.hx-billing :is(input,select,textarea):focus{border-color:#71d6dc}
.hx-billing input[readonly]{color:#b6d9d7;border-style:dashed;background:#101918}
.hx-billing select{appearance:auto;width:100%;max-width:100%}
.hx-billing select option{background:#111717;color:#f4f3eb;padding:8px}
.hx-billing .prose{color:#c9cfcc;max-width:none;line-height:1.7}
.hx-billing .prose :is(p,ul,ol){margin-block:.55em}
.hx-billing .hx-plan-specs{font-size:13px;line-height:1.9;margin:0}
.hx-billing .hx-plan-specs br{display:block}
.hx-billing .hx-catalog{gap:24px}
.hx-billing .hx-plan-card{position:relative;border:1px solid #39413f;border-radius:9px;background:#111514;padding:25px;gap:18px;transition:transform .22s ease,border-color .22s ease}
.hx-billing .hx-plan-card:hover{border-color:#84c8be;transform:translateY(-3px)}
.hx-billing .hx-plan-card:before{content:'';height:3px;background:#91c7a9;position:absolute;inset:0 24px auto;border-radius:0 0 3px 3px}
.hx-billing .hx-plan-card h2{font-size:23px;color:#f6f6ef}
.hx-billing .hx-plan-card h3{font-size:27px;color:#bde9dc;padding:4px 0;font-weight:750}
.hx-billing .hx-plan-card article{font-size:13px;line-height:1.9}
.hx-billing .hx-product-show{border:1px solid #38413e;border-radius:10px;padding:30px;background:#111514;max-width:100%}
.hx-billing .hx-checkout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:26px}
.hx-billing .hx-checkout-main{min-width:0;display:flex;flex-direction:column;gap:22px;grid-column:auto}
.hx-billing .hx-checkout-intro{padding:30px!important;background:#111514!important;border-color:#37413e!important;position:relative}
.hx-billing .hx-checkout-intro:before{content:'HEXACRAFT / YOUR SERVER';display:block;font-size:10px;letter-spacing:.17em;font-weight:700;color:#8ed7cf;margin-bottom:17px}
.hx-billing .hx-checkout-intro h1{font-size:clamp(28px,3vw,39px);margin-bottom:18px}
.hx-billing .hx-checkout-intro>div{display:block}
.hx-billing .hx-checkout-intro article{font-size:14px}
.hx-billing .hx-checkout-field{margin:0;padding:22px 25px;background:#101414;border:1px solid #303b38;border-radius:9px;min-width:0}
.hx-billing .hx-checkout-field fieldset{margin:0}
.hx-billing .hx-checkout-field legend{padding:0;margin:0 0 10px}
.hx-billing .hx-checkout-field label{margin-left:0;font-weight:650;font-size:14px}
.hx-billing .hx-checkout-field p{font-size:12px;color:#a8b8b3;line-height:1.6;margin-top:8px}
.hx-billing .hx-order-summary{position:sticky;top:0;border:1px solid #47655b;background:#111714;padding:26px;gap:14px;border-radius:10px}
.hx-billing .hx-order-summary h2{font-size:24px;padding-bottom:9px}
.hx-billing .hx-order-summary button{min-height:48px;font-size:14px;font-weight:750}
.hx-billing .hx-order-summary>div:has(h4){gap:12px;align-items:center}
.hx-billing .hx-checkout :is(.custom-radio,.radio-btn){border-radius:7px}
.hx-billing .hx-checkout .custom-radio:has(input:checked) .radio-btn{border-color:#9fe1d2;background:#152a23;color:#e9fff5;box-shadow:none}
.hx-billing :is(nav,header)[class*='bg-background']{background-color:#0d1010;border-color:#3c4441}
@media(max-width:1050px){.hx-billing .hx-checkout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.hx-billing .hx-order-summary{padding:22px}}
@media(max-width:760px){.hx-billing .hx-checkout{grid-template-columns:minmax(0,1fr)}.hx-billing .hx-order-summary{position:static}.hx-billing .hx-checkout-intro{padding:23px!important}.hx-billing .hx-checkout-field{padding:20px}.hx-billing .hx-plan-card{padding:23px}.hx-billing .hx-product-show{padding:22px}}
@media(prefers-reduced-motion:reduce){.hx-billing .hx-plan-card{transition:none}.hx-billing .hx-plan-card:hover{transform:none}.hx-billing *{scroll-behavior:auto!important}}