.checkout-body{background-color:var(--neutral-50);color:var(--neutral-900);font-family:var(--font-family);flex-direction:column;min-height:100vh;display:flex}.checkout-body .header{box-shadow:none!important;position:relative!important}.checkout-header-container{max-width:var(--container-width);padding:0 var(--sp-6);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.checkout-logo .logo-img{height:38px}.stepper-section{border-bottom:1px solid var(--neutral-300);padding:var(--sp-5) 0;background-color:#fff}.stepper-container{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;display:flex}.step-item{align-items:center;gap:var(--sp-2);color:var(--neutral-500);font-size:14px;font-weight:500;display:flex}.step-circle{border:2px solid var(--neutral-300);width:28px;height:28px;color:var(--neutral-500);transition:all var(--transition-fast);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.step-item.active{color:var(--primary);font-weight:600}.step-item.active .step-circle{border-color:var(--secondary);background-color:var(--secondary);color:#fff}.step-item.completed{color:var(--accent)}.step-item.completed .step-circle{border-color:var(--accent);background-color:var(--accent);color:#fff}.step-divider{background-color:var(--neutral-300);height:2px;margin:0 var(--sp-4);flex-grow:1;max-width:80px}.step-divider.completed{background-color:var(--accent)}.mobile-stepper{display:none}.checkout-main-content{padding:var(--sp-10) 0;flex-grow:1}.checkout-step-panel{animation:.3s ease-in-out forwards fadeIn;display:none}.checkout-step-panel.active{display:block}.step-hero{margin-bottom:var(--sp-8)}.step-hero-title{color:var(--primary);margin-bottom:var(--sp-2);font-size:32px;font-weight:700}.step-hero-desc{color:var(--neutral-500);font-size:16px}.pricing-grid{gap:var(--sp-6);max-width:var(--container-width);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;display:grid}.pricing-card{width:360px;max-width:100%;margin:0 auto;border-color:#fff!important;border-radius:24px!important;padding:32px!important}.pricing-card .pricing-price-box{margin-bottom:var(--sp-6)}.pricing-card .pricing-amount{color:var(--primary);font-size:40px;font-weight:800}.pricing-card .pricing-period-yearly{color:var(--neutral-500);margin-top:4px;font-size:12px;display:block}.pricing-card .pricing-features-list{margin:0 0 var(--sp-8) 0;gap:var(--sp-3);text-align:left;flex-direction:column;padding:0;list-style:none;display:flex}.pricing-card .pricing-features-list li{align-items:center;gap:var(--sp-2);font-size:14px;display:flex}.pricing-card .icon-check{color:var(--accent)}.compare-link{color:var(--primary);transition:color var(--transition-fast);font-size:13px;font-weight:600;text-decoration:none}.compare-link:hover{color:var(--secondary)}.enterprise-badge{background:var(--neutral-900)!important}.campaign-pricing-grid .pricing-card.popular{transform:none}.campaign-pricing-grid .pricing-card{justify-content:flex-start}.campaign-pricing-grid .campaign-pricing-cta{margin-top:auto}.campaign-pricing-grid .pricing-card.popular:hover{transform:translateY(-6px)}.layout-two-cols{gap:var(--sp-8);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.layout-main-60{display:block}.layout-side-40{position:sticky;top:90px}.sticky-summary-card,.order-summary-card,.info-sidebar-card,.live-preview-box{border-radius:var(--radius-card);padding:var(--sp-6);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-300);background-color:#fff}.sticky-summary-card{position:sticky;top:90px}.summary-card-title,.order-title,.info-card-title,.preview-title{color:var(--primary);margin-bottom:var(--sp-4);border-bottom:1px solid var(--neutral-300);padding-bottom:var(--sp-3);font-size:18px;font-weight:700}.summary-plan-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:flex-start;display:flex}.plan-highlight{color:var(--secondary);font-size:20px;font-weight:700}.billing-tag{color:var(--neutral-500);margin-top:2px;font-size:11px;display:block}.summary-plan-price,.order-plan-price{color:var(--primary);font-size:20px;font-weight:700}.pricing-breakdown,.order-price-details{gap:var(--sp-2);margin-top:var(--sp-4);flex-direction:column;display:flex}.price-row{color:var(--neutral-700);justify-content:space-between;font-size:14px;display:flex}.price-row.total{border-top:1px dashed var(--neutral-300);padding-top:var(--sp-3);color:var(--primary);font-size:18px;font-weight:700}.feature-accordion{gap:var(--sp-3);flex-direction:column;display:flex}.accordion-item{border:1px solid var(--neutral-300);transition:border-color var(--transition-fast);background-color:#fff;border-radius:12px;overflow:hidden}.accordion-item.expanded{border-color:var(--primary)}.accordion-header{width:100%;padding:var(--sp-4);color:var(--primary);cursor:pointer;background-color:#fff;border:none;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;display:flex}.accordion-header i{font-size:18px}.accordion-content{max-height:0;padding:0 var(--sp-4);color:var(--neutral-700);background-color:#fff;font-size:14px;line-height:1.6;transition:max-height .3s ease-out,padding .3s ease-out;overflow:hidden}.accordion-item.expanded .accordion-content{padding:0 var(--sp-4) var(--sp-4) var(--sp-4)}.accordion-arrow{transition:transform .2s}.accordion-item.expanded .accordion-arrow{transform:rotate(180deg)}.detail-comp-table{border-collapse:collapse;width:100%;margin-top:var(--sp-4);border:1px solid var(--neutral-300);background-color:#fff;border-radius:12px;font-size:14px;overflow:hidden}.detail-comp-table th,.detail-comp-table td{padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--neutral-300)}.detail-comp-table th{background-color:var(--primary);color:#fff;font-weight:600}.detail-comp-table tr:last-child td{border-bottom:none}.text-success{color:var(--accent)}.text-error{color:var(--error)}.checkout-form{border-radius:var(--radius-card);padding:var(--sp-8);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-300);margin-top:var(--sp-4);background-color:#fff}.form-row-grid-2{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-row-grid-3{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.form-group{margin-bottom:var(--sp-4);flex-direction:column;display:flex}.form-label{color:var(--neutral-700);margin-bottom:var(--sp-2);font-size:13px;font-weight:600}.form-input{border:1px solid var(--neutral-300);transition:all var(--transition-fast);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0c182b14}.form-input.invalid{border-color:var(--error);background-color:var(--error-bg)}.form-error-msg{color:var(--error);margin-top:var(--sp-1);font-size:11px;display:none}.form-input.invalid+.form-error-msg,#ac-terms.invalid~.form-error-msg{display:block}.checkbox-group{align-items:flex-start;gap:var(--sp-2);flex-direction:row}.checkbox-group input{margin-top:var(--sp-1)}.checkbox-group label{color:var(--neutral-700);font-size:13px;line-height:1.5}.form-actions-row{margin-top:var(--sp-6);justify-content:space-between;display:flex}.inline-link{color:var(--secondary);text-decoration:underline}.password-strength-meter{margin-top:var(--sp-2)}.strength-bars{margin-bottom:var(--sp-1);gap:4px;display:flex}.strength-bars .bar{background-color:var(--neutral-300);border-radius:2px;flex-grow:1;height:4px;transition:background-color .2s}.strength-label{color:var(--neutral-500);font-size:11px}.logo-drag-drop-zone{border:2px dashed var(--neutral-300);padding:var(--sp-6);text-align:center;cursor:pointer;background-color:var(--neutral-50);transition:all var(--transition-fast);border-radius:12px}.logo-drag-drop-zone.dragover{border-color:var(--secondary);background-color:#ed1c2408}.upload-icon{color:var(--neutral-500);margin-bottom:var(--sp-2);font-size:32px;display:inline-block}.upload-text{color:var(--primary);margin-bottom:var(--sp-1);font-size:14px;font-weight:600}.upload-browse-btn{color:var(--secondary);text-decoration:underline}.upload-subtext{color:var(--neutral-500);font-size:11px}.selected-plan-pill{background-color:var(--neutral-100);color:var(--primary);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-button);margin-bottom:var(--sp-4);font-weight:700;display:inline-block}.info-plan-highlights{margin:var(--sp-4) 0;gap:var(--sp-2);flex-direction:column;padding:0;font-size:13px;list-style:none;display:flex}.info-plan-highlights li{align-items:center;gap:var(--sp-2);display:flex}.need-help-box{margin-top:var(--sp-6);border-top:1px solid var(--neutral-300);padding-top:var(--sp-4)}.need-help-box h5{color:var(--primary);margin-bottom:var(--sp-1);font-size:13px;font-weight:700}.need-help-box p{color:var(--neutral-500);font-size:12px}.company-preview-card{background:linear-gradient(135deg, var(--primary) 0%, #1e293b 100%);color:#fff;padding:var(--sp-6);margin-top:var(--sp-4);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0c182b33}.company-preview-card:after{content:"";background-color:var(--secondary);opacity:.08;border-radius:50%;width:250px;height:250px;position:absolute;top:-50%;right:-30%}.company-preview-top{align-items:center;gap:var(--sp-4);padding-bottom:var(--sp-4);margin-bottom:var(--sp-4);border-bottom:1px solid #ffffff1a;display:flex}.company-preview-logo-box{background-color:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.company-preview-logo-box i{color:#fff9;font-size:32px}.company-preview-logo-box img{object-fit:cover;width:100%;height:100%}.company-preview-name{color:#fff;margin-bottom:4px;font-size:18px;font-weight:700}.company-preview-badge{background-color:#ffffff26;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:500}.company-preview-details{gap:var(--sp-2);flex-direction:column;display:flex}.detail-row{justify-content:space-between;font-size:13px;display:flex}.detail-row .lbl{color:#fff9}.detail-row .val{font-weight:500}.preview-help-text{color:var(--neutral-500);margin-top:var(--sp-4);font-size:11px;line-height:1.5}.review-grid{gap:var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.review-card{border:1px solid var(--neutral-300);border-radius:var(--radius-card);padding:var(--sp-6);box-shadow:var(--shadow-sm);background-color:#fff}.review-card-header{border-bottom:1px solid var(--neutral-300);padding-bottom:var(--sp-3);margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.review-card-header h3{color:var(--primary);align-items:center;gap:var(--sp-2);font-size:16px;font-weight:700;display:flex}.review-card-header i{color:var(--secondary);font-size:18px}.review-item{margin-bottom:var(--sp-2);justify-content:space-between;font-size:14px;display:flex}.review-item .label{color:var(--neutral-500)}.review-item .value{color:var(--neutral-900);font-weight:500}.review-item.total-row{border-top:1px dashed var(--neutral-300);padding-top:var(--sp-3);margin-top:var(--sp-3)}.price-total{color:var(--secondary);font-size:20px;font-weight:800}.payment-tabs{gap:var(--sp-2);margin-bottom:var(--sp-4);display:flex}.payment-tab-btn{border:1px solid var(--neutral-300);color:var(--neutral-700);cursor:pointer;justify-content:center;align-items:center;gap:var(--sp-2);transition:all var(--transition-fast);background-color:#fff;border-radius:8px;flex-grow:1;padding:12px;font-size:13px;font-weight:600;display:flex}.payment-tab-btn.active{border-color:var(--primary);background-color:var(--primary);color:#fff}.payment-content-pane{display:none}.payment-content-pane.active{display:block}.input-with-icon{position:relative}.card-type-icon{color:var(--neutral-500);font-size:24px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.payment-security-badges{margin-top:var(--sp-6);justify-content:center;gap:var(--sp-4);color:var(--neutral-500);font-size:12px;display:flex}.payment-security-badges span{align-items:center;gap:4px;display:flex}.promptpay-qr-container{border-radius:var(--radius-card);padding:var(--sp-8);border:1px solid var(--neutral-300);box-shadow:var(--shadow-sm);margin-top:var(--sp-4);background-color:#fff}.qr-mockup-wrapper{margin:var(--sp-6) auto;max-width:240px}.qr-code-graphic{border:1px solid var(--neutral-300);padding:var(--sp-4);background-color:#f8fafc;border-radius:12px;justify-content:center;align-items:center;display:flex}.qr-timer-label{color:var(--neutral-700);margin-top:var(--sp-3);font-size:13px}.qr-instructions{background-color:var(--neutral-50);padding:var(--sp-4);text-align:left;border-radius:8px}.qr-instructions p{color:var(--neutral-700);margin-bottom:6px;font-size:12px}.qr-instructions p:last-child{margin-bottom:0}.order-plan-info{margin-bottom:var(--sp-4);justify-content:space-between;display:flex}.coupon-box{background-color:var(--neutral-50);padding:var(--sp-4);margin:var(--sp-4) 0;border-radius:8px}.coupon-input-group{margin-top:var(--sp-1);gap:8px;display:flex}.coupon-input-group input{text-transform:uppercase;background-color:#fff;flex-grow:1}.coupon-status-msg{margin-top:var(--sp-1);font-size:11px;display:block}.coupon-status-msg.success{color:var(--accent)}.coupon-status-msg.error{color:var(--error)}.success-screen{max-width:640px;margin:0 auto}.success-icon-animation{width:80px;height:80px;margin:0 auto var(--sp-6) auto}.checkmark-svg{stroke-width:2px;stroke:#fff;stroke-miterlimit:10;width:80px;height:80px;box-shadow:inset 0px 0px 0px var(--accent);animation:fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s cubic-bezier(.12, 0, .38, 0) forwards;border-radius:50%;display:block}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:var(--accent);fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill{to{box-shadow:inset 0px 0px 0px 40px var(--accent)}}.success-title{color:var(--primary);margin-bottom:var(--sp-2);font-size:28px;font-weight:700}.success-desc{color:var(--neutral-500);margin-bottom:var(--sp-8);font-size:15px}.receipt-card{border:1px solid var(--neutral-300);border-radius:var(--radius-card);padding:var(--sp-6);text-align:left;box-shadow:var(--shadow-sm);margin-bottom:var(--sp-6);background-color:#fff}.receipt-header{border-bottom:1px solid var(--neutral-300);padding-bottom:var(--sp-4);margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.receipt-plan-label{color:var(--neutral-500);font-size:11px}.receipt-plan-details h3{color:var(--primary);font-size:18px;font-weight:700}.status-pill{background-color:var(--accent-light);color:var(--accent);border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:700;display:flex}.receipt-body{gap:var(--sp-2);flex-direction:column;display:flex}.receipt-row{justify-content:space-between;font-size:13px;display:flex}.receipt-row .lbl{color:var(--neutral-500)}.receipt-row .val{color:var(--primary);font-weight:600}.system-alert-box{padding:var(--sp-4);margin-bottom:var(--sp-8);color:var(--neutral-700);background-color:#f0fdf4;border:1px solid #16a34a26;border-radius:8px;font-size:13px}.secondary-actions{justify-content:center;display:flex}.success-footer-help{margin-top:var(--sp-10);border-top:1px solid var(--neutral-300);padding-top:var(--sp-6);color:var(--neutral-500);font-size:12px}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0c182b80;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.active{display:flex}.modal-content{border:1px solid var(--neutral-300);background-color:#fff;border-radius:16px;box-shadow:0 20px 50px #0c182b26}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.layout-two-cols{grid-template-columns:minmax(0,1fr)}.layout-side,.layout-side-40{margin-top:var(--sp-4);position:static}.review-grid{grid-template-columns:minmax(0,1fr)}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.checkout-main-content{padding:var(--sp-6) 0 var(--sp-16) 0}.step-hero-title{font-size:24px}.stepper-container{display:none}.mobile-stepper{display:block}.mobile-step-text{margin-bottom:var(--sp-2);color:var(--neutral-700);font-size:13px}.mobile-step-progress-bar{background-color:var(--neutral-100);border-radius:3px;height:6px;overflow:hidden}.mobile-step-fill{background-color:var(--secondary);border-radius:3px;height:100%;transition:width .3s}.pricing-carousel-wrapper{padding:0 20px var(--sp-6) 20px;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -20px;overflow-x:auto}.pricing-carousel-wrapper::-webkit-scrollbar{display:none}.pricing-grid{gap:var(--sp-4);grid-template-columns:repeat(3,300px);width:max-content}.pricing-card{scroll-snap-align:start;width:300px}.form-row-grid-2,.form-row-grid-3{grid-template-columns:minmax(0,1fr);gap:0}.checkout-form{padding:var(--sp-5)}.layout-two-cols{flex-direction:column-reverse;display:flex}.payment-tabs{flex-direction:column}.secondary-actions{flex-direction:column;gap:8px}.mobile-sticky-action-bar{width:100%;padding:var(--sp-4) var(--sp-6);z-index:500;border-top:1px solid var(--neutral-300);background-color:#fff;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -10px 30px #0c182b1a}}.billing-type-card:hover{background-color:var(--neutral-100);border-color:var(--primary)!important}.billing-type-card input[type=radio]{accent-color:var(--primary)}