.lcx-checkout-note{margin:18px 0;padding:18px;border:1px solid #9ad7d8;border-left:4px solid #009b9b;border-radius:10px;background:#effafa}
.lcx-checkout-note p{margin:.4rem 0 0}
.lcx-actions .lcx-pay{margin-left:auto}
.lcx-progress ol{grid-template-columns:repeat(4,minmax(90px,1fr))}
.lcx-setup-block{margin:22px 0;padding:20px;border:1px solid #dce5eb;border-radius:10px}.lcx-setup-block h4{margin:0 0 8px;color:#0b1f3a}.lcx-setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lcx-setup-fields label{font-weight:700}.lcx-setup-fields input,.lcx-setup-fields select{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #b9c8d4;border-radius:7px;background:#fff;font:inherit}
.lcx-discount{margin:22px 0;padding:20px;border:1px solid #dce5eb;border-radius:10px;background:#f7fafb}
.lcx-discount label span{display:block;margin-top:4px;color:#617287}
.lcx-discount>div{display:flex;gap:10px;max-width:420px;align-items:flex-end}
.lcx-discount input{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #b9c8d4;border-radius:7px;font:inherit;letter-spacing:.16em}
.lcx-discount .button{flex:0 0 auto}
.lcx-discount p{min-height:1.5em;margin:.5rem 0 0;color:#176b70;font-weight:700}
@media(max-width:760px){.lcx-progress ol{grid-template-columns:repeat(4,92px)}.lcx-setup-fields{grid-template-columns:1fr}}

/* Match the established Hosted 3CX quote-builder presentation. */
.lcx-shell{max-width:1180px;border:1px solid #d7e1e8;border-radius:22px;background:#f6f8fa;box-shadow:0 24px 70px rgba(11,31,58,.14)}
.lcx-head{padding:22px 30px 18px;background:#0b1f3a;color:#fff;border-bottom:4px solid #4fa3a6}
.lcx-brand{display:block;color:#82d9db;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}
.lcx-head h2{margin:5px 0 13px;color:#fff;font-size:24px}
.lcx-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:0;background:none;color:#c6d6e8;overflow:visible;font-size:12px;font-weight:700}
.lcx-progress>div{height:5px;background:rgba(255,255,255,.16);border-radius:9px;overflow:hidden}
.lcx-progress i{display:block;width:25%;height:100%;background:#74d1d4;border-radius:9px;transition:width .25s ease}
.lcx-alert{max-width:880px;margin:24px auto 0;border:0;border-radius:8px;background:#fff1df;color:#7a4500;font-weight:700}
.lcx-step{max-width:880px;margin:0 auto;padding:40px clamp(25px,5vw,72px) 30px;animation:lcx-in .18s ease}
.lcx-step h3{margin:3px 0 12px;font-size:clamp(27px,3vw,42px);line-height:1.12;letter-spacing:-.025em}
.lcx-kicker{color:#176b70;font-size:11px;letter-spacing:1.7px}
.lcx-lead{max-width:710px;margin:0 0 28px;color:#53667b;font-size:16px;line-height:1.7}
.lcx-field{max-width:390px;padding:24px;border:1px solid #d9e3eb;border-radius:16px;background:#fff;box-shadow:0 8px 30px rgba(20,45,72,.07)}
.lcx-field input{font-size:30px;font-weight:800}
.lcx-note{border-left:4px solid #009b9b;border-radius:0 12px 12px 0;background:#e9f7f7;color:#40566c}
.lcx-options{grid-template-columns:repeat(3,1fr);gap:15px;max-height:none;overflow:visible}
.lcx-option{position:relative;cursor:pointer}
.lcx-option span{display:flex;min-height:245px;box-sizing:border-box;flex-direction:column;padding:25px;border:2px solid #d7e0e7;border-radius:16px;background:#fff;transition:.18s ease}
.lcx-option input:checked+span,.lcx-option input:focus-visible+span{border-color:#009b9b;box-shadow:0 12px 35px rgba(0,123,126,.14);transform:translateY(-2px)}
.lcx-option strong{font-size:21px}.lcx-option em{margin:12px 0 8px;color:#176b70;font-style:normal;font-weight:700}.lcx-option small{grid-column:auto;line-height:1.55}.lcx-option b{grid-area:auto;margin-top:auto;padding-top:18px;align-self:flex-start;color:#176b70}
.lcx-option i{align-self:flex-start;margin:-39px 0 15px;padding:6px 11px;border-radius:99px;background:#009b9b;color:#fff;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.lcx-text-button{border:0;background:none;padding:16px 0 8px;color:#176b70;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.lcx-setup-block,.lcx-discount,.lcx-contact{border-color:#d7e1e8;border-radius:15px;background:#fff}
.lcx-summary{grid-template-columns:1fr}.lcx-summary>div{border-color:#d9e2e9;border-radius:12px;background:#fff}
.lcx-actions{align-items:center;padding:15px 25px;border-top:1px solid #d8e1e8;background:#fff}.lcx-actions>span{flex:1;text-align:center;color:#526681;font-size:11px}.lcx-back{border:1px solid #bdcad6;border-radius:7px;background:#fff;padding:11px 20px;color:#233a52;font-weight:700;cursor:pointer}.lcx-actions .button{min-width:135px;margin:0}
.lcx-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:640px}.lcx-main{min-width:0}.lcx-live-summary{padding:30px 24px;background:#102b49;color:#fff}.lcx-summary-toggle{display:none}.lcx-summary-label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#82d9db}.lcx-live-summary-body>strong{display:block;margin:8px 0 7px;font-size:19px}.lcx-live-summary-body>p{margin:0 0 24px;color:#becddd;font-size:13px;line-height:1.5}.lcx-live-pricing{padding:17px 0;border-top:1px solid rgba(255,255,255,.13)}.lcx-live-pricing span,.lcx-live-pricing small{display:block;color:#b9c9d9;font-size:11px}.lcx-live-pricing strong{display:block;margin:5px 0 3px;font-size:20px}.lcx-live-discount{margin:0 0 8px;padding:12px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.lcx-live-discount>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;color:#d5e0eb;font-size:12px}.lcx-live-discount b{color:#8fe0c5}.lcx-live-summary ul{margin:22px 0;padding:0;list-style:none;color:#d4e0eb;font-size:12px}.lcx-live-summary li{padding:5px 0}.lcx-live-summary li:before{content:'✓';margin-right:7px;color:#78d0d2}
.lcx-live-breakdown{padding:18px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}.lcx-live-breakdown h3{margin:0 0 14px;color:#fff;font-size:17px}.lcx-live-breakdown dl{margin:0}.lcx-live-breakdown dl>div{display:flex;justify-content:space-between;gap:14px;padding:6px 0;color:#c9d7e6}.lcx-live-breakdown dt,.lcx-live-breakdown dd{margin:0}.lcx-live-breakdown dd{color:#fff;font-weight:800;text-align:right}.lcx-live-breakdown .is-total{margin-top:7px;padding-top:13px;border-top:1px solid rgba(255,255,255,.13);font-size:16px}.lcx-live-breakdown .is-total dd{font-size:20px}
body.lcx-compare-open{overflow:hidden}.lcx-compare[hidden]{display:none!important}.lcx-compare{position:fixed;inset:3vh 3vw;max-width:1180px;margin:auto;z-index:100002;background:#fff;border-radius:20px;box-shadow:0 0 0 100vmax rgba(5,19,37,.76),0 30px 90px rgba(0,0,0,.45);overflow:hidden}.lcx-compare header{position:relative;padding:22px 78px 20px 28px;background:#0b1f3a;color:#fff}.lcx-compare header span{color:#82d9db;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.5px}.lcx-compare h2{margin:5px 0 0;color:#fff}.lcx-compare header button{position:absolute;right:24px;top:21px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:28px;line-height:1;cursor:pointer}.lcx-feature-scroll{max-height:calc(94vh - 100px);overflow:auto}.lcx-feature-scroll table{width:100%;border-collapse:collapse;font-size:13px}.lcx-feature-scroll th,.lcx-feature-scroll td{padding:11px 14px;border-bottom:1px solid #e1e7ec;text-align:center}.lcx-feature-scroll th:first-child{text-align:left}.lcx-feature-scroll thead{position:sticky;top:0;background:#edf3f6;z-index:1}.lcx-feature-group th{background:#dfeaed;color:#15344f;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.lcx-feature-scroll th small{display:block;color:#8a4e00}.lcx-feature-scroll td{font-weight:800;color:#176b70}
@keyframes lcx-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.lcx-layout{display:flex;min-height:0;flex-direction:column}.lcx-main{order:2}.lcx-live-summary{order:1;padding:0}.lcx-summary-toggle{display:flex;width:100%;justify-content:space-between;padding:12px 20px;border:0;background:#102b49;color:#fff;font-weight:700}.lcx-live-summary-body{display:none;padding:8px 20px 18px}.lcx-live-summary.is-open .lcx-live-summary-body{display:block}.lcx-live-summary-body>p,.lcx-live-summary ul{display:none}.lcx-live-pricing{display:inline-block;width:48%;box-sizing:border-box;padding:10px 0;vertical-align:top}.lcx-live-discount{padding:8px 0}.lcx-options{grid-template-columns:1fr}.lcx-actions>span{display:none}.lcx-step{padding:30px 20px}.lcx-compare{inset:0;border-radius:0}.lcx-option span{min-height:205px}}
.lcx-payment-page{min-height:100vh;padding:70px 0;background:#eef3f6}
.lcx-payment-result{max-width:760px;padding:38px;border:1px solid #d8e2ea;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(11,31,58,.09)}
.lcx-payment-result h1{color:#0b1f3a}
.lcx-payment-result dl{display:grid;grid-template-columns:1fr auto;gap:10px;margin:24px 0;padding:18px;background:#f4f8f9}
.lcx-payment-result dd{margin:0;font-weight:800}
.lcx-payment-help{margin-top:24px;color:#52647a}
@media(max-width:760px){.lcx-payment-page{padding:32px 14px}.lcx-payment-result{padding:26px 20px}}