.store-checkout{--checkout-ink:#0a0f1e;--checkout-card:#111827d6;--checkout-line:#ffffff1a;color:#f8fafc;background:radial-gradient(circle at 12% 18%,#3b82f626,#0000 28%),radial-gradient(circle at 86% 32%,#8b5cf629,#0000 30%),linear-gradient(#080d1a 0%,#11172a 48%,#0a0f1e 100%);min-height:100vh;padding-top:96px;position:relative;overflow:hidden}.checkout-shell{z-index:2;width:min(1180px,100% - 40px);margin:0 auto;position:relative}.store-glow{filter:blur(85px);opacity:.25;pointer-events:none;border-radius:999px;position:absolute}.glow-one{background:#3b82f6;width:320px;height:320px;top:480px;right:-180px}.glow-two{background:#8b5cf6;width:340px;height:340px;bottom:120px;left:-200px}.checkout-hero{border-bottom:1px solid var(--checkout-line);background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px}.checkout-hero .checkout-shell{grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);align-items:center;gap:80px;min-height:470px;padding:64px 0 58px;display:grid}.checkout-kicker,.aside-label{color:#93c5fd;letter-spacing:.12em;font-size:12px;font-weight:800;display:inline-block}.hero-copy h1{letter-spacing:-.045em;margin:18px 0;font-size:clamp(42px,6vw,72px);font-weight:900;line-height:1.22}.hero-copy h1 em{background:linear-gradient(100deg,#60a5fa,#a78bfa 62%,#f472b6);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-copy>p{color:#b2bdd0;max-width:690px;font-size:17px;line-height:1.9}.hero-trust{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.hero-trust span{color:#cbd5e1;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;padding:9px 13px;font-size:12px}.brand-card{background:linear-gradient(145deg,#3b82f624,#8b5cf614);border:1px solid #ffffff21;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:36px;display:flex;position:relative;transform:rotate(-2deg);box-shadow:0 30px 70px #0000004d}.brand-card:after{content:"";border:1px solid #ffffff12;border-radius:22px;position:absolute;inset:12px}.brand-card img{z-index:1;width:min(220px,90%);height:auto;position:relative}.brand-card p{color:#aeb9cd;z-index:1;margin-top:24px;font-size:13px;position:relative}.checkout-body{padding:48px 0 90px}.checkout-steps{border:1px solid var(--checkout-line);background:#090e1cb8;border-radius:18px;grid-template-columns:repeat(5,1fr);margin:0 0 34px;padding:0;list-style:none;display:grid;overflow:hidden}.checkout-steps li{border-left:1px solid var(--checkout-line);color:#68758b;justify-content:center;align-items:center;gap:10px;min-height:70px;font-size:13px;font-weight:700;display:flex}.checkout-steps li:last-child{border-left:0}.checkout-steps li span{border:1px solid #465268;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.checkout-steps .current{color:#fff;background:#3b82f61a}.checkout-steps .current span{background:#3b82f6;border-color:#60a5fa;box-shadow:0 0 20px #3b82f666}.checkout-steps .done{color:#a7f3d0}.checkout-steps .done span{color:#6ee7b7;background:#10b98124;border-color:#10b981}.saved-orders{border:1px solid var(--checkout-line);background:#ffffff09;border-radius:16px;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;padding:18px 20px;display:flex}.saved-orders label{color:#94a3b8;flex:1;font-size:12px;font-weight:700}.saved-orders select{border:1px solid var(--checkout-line);color:#fff;background:#10182a;border-radius:9px;width:100%;max-width:560px;margin-top:8px;padding:10px 12px;display:block}.saved-orders button{color:#93c5fd;font-size:13px;font-weight:800}.checkout-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);align-items:start;gap:28px;display:grid}.checkout-main-card,.order-summary,.store-preview{border:1px solid var(--checkout-line);background:var(--checkout-card);box-shadow:0 24px 65px #0003}.checkout-main-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;min-height:470px;padding:clamp(24px,4vw,46px)}.section-heading{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.section-heading>span{color:#bfdbfe;background:#3b82f624;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font:700 12px monospace;display:grid}.section-heading h2,.state-panel h2{color:#fff;margin:0;font-size:clamp(24px,3vw,31px);font-weight:900}.section-heading p,.state-panel>p{color:#95a2b8;margin-top:7px;font-size:13px;line-height:1.7}.plan-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.plan-card{color:#fff;text-align:right;background:#ffffff06;border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:195px;padding:23px 20px;transition:all .18s;display:flex;position:relative;overflow:hidden}.plan-card:hover{border-color:#60a5fa8c;transform:translateY(-3px)}.plan-card.selected{background:linear-gradient(145deg,#3b82f62e,#8b5cf61a);border-color:#60a5fa;box-shadow:inset 0 0 0 1px #60a5fa24,0 14px 30px #3b82f61a}.plan-card .best{background:#8b5cf6;border-radius:999px;padding:5px 8px;font-size:9px;position:absolute;top:12px;left:12px}.plan-card>span{color:#cbd5e1;font-size:13px;font-weight:700}.plan-card strong{margin-top:12px;font-size:45px;font-weight:900;line-height:1}.plan-card small{color:#7e8ba1;margin-top:6px;font-size:10px}.plan-card i{color:#93c5fd;margin-top:auto;font-size:11px;font-style:normal;font-weight:700}.login-gate{background:#ffffff09;border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:26px;padding:18px;display:grid}.login-icon,.state-icon{border-radius:50%;place-items:center;font-weight:900;display:grid}.login-icon{color:#2563eb;background:#fff;width:42px;height:42px}.login-gate h3{margin:0;font-size:15px;font-weight:800}.login-gate p{color:#8693a8;margin-top:3px;font-size:11px}.subscriber-profile{background:#2563eb14;border:1px solid #60a5fa3d;border-radius:18px;margin-top:16px;padding:22px}.subscriber-profile h3{margin:6px 0;font-size:18px}.subscriber-profile p{color:#9aa7bb;margin:0 0 18px;font-size:12px;line-height:1.8}.subscriber-profile .field-grid{margin-bottom:16px}.subscriber-profile label{color:#b9c3d4;font-size:12px;font-weight:700}.subscriber-profile input{color:#fff;background:#02061773;border:1px solid #ffffff1f;border-radius:11px;outline:none;width:100%;margin-top:8px;padding:13px 14px;display:block}.subscriber-profile input:focus{border-color:#60a5fab3}.checkout-button{color:#fff;background:linear-gradient(100deg,#2563eb,#7c3aed);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:12px 20px;font-size:13px;font-weight:900;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:0 12px 28px #3b82f63d}.checkout-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #3b82f657}.checkout-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.checkout-button.secondary,.google-button{box-shadow:none;background:#ffffff12;border-color:#ffffff24}.full-button,.payment-panel,.configuration-panel{width:100%}.amount-row,.reference-row{border-bottom:1px solid var(--checkout-line);color:#a8b3c6;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-size:13px;display:flex}.amount-row strong{color:#fff;font-size:32px;font-weight:900}.transfer-box{background:#3b82f614;border:1px solid #60a5fa42;border-radius:16px;margin:22px 0;padding:20px}.transfer-box span{color:#93c5fd;font-size:11px;font-weight:800}.transfer-box p{color:#fff;white-space:pre-wrap;margin-top:10px;line-height:1.9}.bank-heading{border-bottom:1px solid #60a5fa2e;justify-content:space-between;align-items:center;gap:20px;padding-bottom:16px;display:flex}.bank-heading strong{color:#fff;font-size:16px;font-weight:900}.transfer-box .transfer-prompt{color:#aab7cc;margin:16px 0 12px;font-size:12px}.payment-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.payment-option{background:#02061757;border:1px solid #ffffff1a;border-radius:13px;padding:17px}.payment-option>span{color:#91a0b7;font-size:10px;display:block}.payment-option>strong{color:#fff;letter-spacing:.035em;text-align:left;margin:7px 0 13px;font-size:22px;font-weight:900;display:block}.payment-option small{color:#748299;border-top:1px solid #ffffff14;flex-direction:column;gap:3px;padding-top:11px;font-size:9px;display:flex}.payment-option small b{color:#c4b5fd;letter-spacing:.04em;font-size:11px}.reference-row code{overflow-wrap:anywhere;color:#c4b5fd;max-width:68%;font-size:11px}.payment-note{color:#8d99ad;margin:22px 0;font-size:12px;line-height:1.85}.state-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:390px;display:flex}.state-icon{color:#93c5fd;background:#3b82f61f;border:1px solid #60a5fa59;width:78px;height:78px;margin-bottom:22px;font-size:28px}.state-panel .checkout-kicker{margin-bottom:10px}.state-panel>p{max-width:520px;margin-bottom:22px}.state-panel>small{color:#66758d}.pulse{animation:2s ease-in-out infinite checkout-pulse}@keyframes checkout-pulse{50%{box-shadow:0 0 0 16px #3b82f600}0%,to{box-shadow:0 0 #3b82f62e}}.paid-banner{background:#10b98117;border:1px solid #10b9813d;border-radius:14px;align-items:center;gap:14px;margin-bottom:30px;padding:16px 18px;display:flex}.paid-banner>span{color:#fff;background:#10b981;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.paid-banner b{color:#a7f3d0}.paid-banner p{color:#7fa693;margin-top:2px;font-size:11px}.configuration-panel>label,.configuration-panel .field-grid label{color:#b9c3d4;margin-bottom:18px;font-size:12px;font-weight:700;display:block}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.configuration-panel input,.configuration-panel textarea,.configuration-panel select{color:#fff;width:100%;font:inherit;background:#02061773;border:1px solid #ffffff1f;border-radius:11px;outline:none;margin-top:8px;padding:13px 14px;transition:all .16s;display:block}.configuration-panel input:focus,.configuration-panel textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61f}.domain-input{align-items:stretch;margin-top:8px;display:flex}.domain-input input{border-radius:11px 0 0 11px;min-width:0;margin:0}.domain-input span{color:#7e8ba1;white-space:nowrap;background:#ffffff0e;border:1px solid #ffffff1f;border-left:0;border-radius:0 11px 11px 0;align-items:center;padding:0 13px;font-size:11px;display:flex}.color-field{color:#78859b;direction:ltr;background:#02061773;border:1px solid #ffffff1f;border-radius:11px;align-items:center;gap:12px;min-height:49px;margin-top:8px;padding:8px 12px;display:flex}.color-field input{width:42px;height:31px;margin:0;padding:2px}.configuration-panel input[type=file]{color:#8793a7;font-size:11px}.logo-upload-control{background:#3b82f60e;border:1px dashed #60a5fa59;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:82px;margin-top:8px;padding:10px;display:grid}.logo-upload-preview{color:#93c5fd;background:#ffffff14;border-radius:11px;grid-row:1/3;place-items:center;width:58px;height:58px;font-size:24px;display:grid;overflow:hidden}.logo-upload-preview img{object-fit:contain;width:100%;height:100%}.logo-upload-copy{flex-direction:column;gap:4px;display:flex}.logo-upload-copy b{color:#e5eefc;font-size:11px}.logo-upload-copy small{color:#718097;font-size:9px}.logo-upload-control input[type=file]{background:0 0;border:0;border-top:1px solid #ffffff12;border-radius:0;grid-column:2;margin:0;padding:7px 0 0}.logo-upload-control input[type=file]::file-selector-button{color:#bfdbfe;cursor:pointer;font:inherit;background:#60a5fa29;border:0;border-radius:7px;margin-left:8px;padding:6px 10px;font-weight:800}.configuration-panel details{border:1px solid #ffffff17;border-radius:13px;margin:4px 0 24px;padding:16px 18px 0}.configuration-panel summary{color:#93c5fd;cursor:pointer;padding-bottom:16px;font-size:12px;font-weight:800}.progress-list{text-align:right;width:min(100%,520px);margin:4px auto 24px;padding:0;list-style:none}.progress-list li{color:#77859b;border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:12px;font-size:12px;display:flex}.progress-list li span{background:#ffffff0f;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.progress-list .current{color:#bfdbfe}.progress-list .current span{color:#fff;background:#2563eb}.attention-note{background:#f59e0b1a;border-radius:12px;padding:13px 16px;color:#fcd34d!important}.ready-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.checkout-error,.checkout-success{border-radius:12px;margin-top:20px;padding:14px 16px;font-size:12px}.checkout-error{color:#fecdd3;background:#f43f5e1a;border:1px solid #f43f5e3d}.checkout-success{color:#a7f3d0;background:#10b9811a;border:1px solid #10b9813d}.checkout-aside{position:sticky;top:118px}.order-summary{background:linear-gradient(160deg,#1e293beb,#0f172aeb);border-radius:24px;padding:30px}.order-summary>img{width:150px;height:auto;margin:30px auto 26px;display:block}.order-summary h3{text-align:center;margin:0;font-size:22px;font-weight:900}.summary-price{flex-direction:column;align-items:center;margin:18px 0 24px;display:flex}.summary-price strong{background:linear-gradient(100deg,#60a5fa,#a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:54px;font-weight:900;line-height:1}.summary-price span{color:#758298;margin-top:7px;font-size:11px}.order-summary ul{border-top:1px solid var(--checkout-line);border-bottom:1px solid var(--checkout-line);margin:0;padding:20px 0;list-style:none}.order-summary li{color:#aeb9cb;padding:7px 0;font-size:12px}.order-summary li span{color:#6ee7b7;margin-left:8px}.summary-status{color:#75849b;text-align:center;background:#3b82f614;border-radius:12px;margin-top:20px;padding:14px;font-size:11px;line-height:1.8}.summary-status b{color:#bfdbfe;font-size:13px}.support-note{color:#637087;text-align:center;margin-top:16px;font-size:11px}.support-note a{color:#93c5fd;text-decoration:none}.store-preview{color:#1f2937;background:#fff;border-radius:20px;overflow:hidden}.checkout-aside>.aside-label{margin:0 2px 12px}.preview-browser{background:#111827;align-items:center;gap:5px;height:42px;padding:0 12px;display:flex}.preview-browser i{background:#4b5563;border-radius:50%;width:7px;height:7px}.preview-browser span{color:#8490a2;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:8px;font-size:8px;overflow:hidden}.preview-navigation{align-items:center;gap:9px;height:62px;padding:0 18px;display:flex}.preview-navigation b,.preview-navigation img{background:var(--preview-primary);color:#fff;object-fit:contain;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.preview-navigation strong{font-size:12px}.preview-navigation>span{color:#64748b;margin-right:auto}.preview-hero{background:linear-gradient(140deg, var(--preview-primary), var(--preview-accent));color:#fff;min-height:230px;padding:35px 25px}.preview-hero small{opacity:.7;font-size:9px}.preview-hero h3{margin:7px 0;font-size:28px;font-weight:900}.preview-hero p{opacity:.75;min-height:34px;font-size:10px}.preview-hero button{color:#1f2937;background:#fff;border-radius:7px;margin-top:16px;padding:9px 12px;font-size:8px;font-weight:800}.preview-products{grid-template-columns:repeat(3,1fr);gap:9px;padding:18px;display:grid}.preview-products div>span{aspect-ratio:1;color:var(--preview-accent);background:#eef2f7;border-radius:7px;place-items:center;font-size:28px;display:grid}.preview-products p{margin-top:6px;font-size:8px;font-weight:700}@media (max-width:920px){.checkout-hero .checkout-shell,.checkout-grid{grid-template-columns:1fr}.checkout-hero .checkout-shell{gap:30px}.brand-card{min-height:190px;transform:none}.checkout-aside{grid-row:1;position:static}.order-summary{grid-template-columns:1fr 1fr;align-items:center;gap:14px 30px;display:grid}.order-summary>img,.order-summary h3,.summary-price{text-align:right;margin:0}.order-summary ul,.summary-status{grid-column:1/-1}}@media (max-width:640px){.store-checkout{padding-top:80px}.checkout-shell{width:min(100% - 28px,1180px)}.checkout-hero .checkout-shell{min-height:auto;padding:44px 0}.hero-copy h1{font-size:39px}.hero-copy>p{font-size:14px}.brand-card{display:none}.checkout-body{padding:28px 0 60px}.checkout-steps li{flex-direction:column;gap:4px;min-height:58px;font-size:9px}.checkout-steps li span{width:24px;height:24px}.saved-orders,.login-gate{grid-template-columns:1fr;align-items:stretch}.saved-orders{flex-direction:column}.saved-orders label,.saved-orders select,.saved-orders button,.login-gate .checkout-button{width:100%;max-width:none}.login-icon{display:none}.checkout-main-card{border-radius:18px;padding:22px 17px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:120px}.plan-card strong{font-size:36px}.field-grid,.order-summary,.payment-options{grid-template-columns:1fr}.compact-fields{gap:0}.domain-input{flex-direction:column}.domain-input input,.domain-input span{border:1px solid #ffffff1f;border-radius:10px}.domain-input span{justify-content:center;min-height:42px}.order-summary>img,.order-summary h3,.summary-price,.order-summary ul,.summary-status{grid-column:auto}.order-summary>img{margin:8px auto}}
