#CostCalculator{
  --calc-navy:#0f2233;
  --calc-navy-soft:#17364d;
  --calc-orange:#f56a00;
  --calc-ink:#121b27;
  --calc-muted:#66717d;
  --calc-line:#dfe4e8;
  --calc-cream:#fbf8f4;
}
#CostCalculator.modal{position:fixed;inset:0;width:100%;height:100%;overflow-y:auto;background:rgba(7,18,28,.28);backdrop-filter:blur(8px)}
#CostCalculator.modal:not(.show){display:none!important}
#CostCalculator .modal-dialog{position:relative;width:min(1120px,calc(100vw - 32px));max-width:none;margin:16px auto}
#CostCalculator .modal-content{max-height:calc(100dvh - 32px);overflow:hidden!important;border:0!important;border-radius:26px!important;background:#fff!important;box-shadow:0 38px 110px rgba(4,15,24,.34)!important}
#CostCalculator .modal-header{position:relative;padding:24px 86px 24px 30px;border:0!important;border-bottom:1px solid var(--calc-line)!important;background:#fff!important}
#CostCalculator .cost-calculator-heading>span{display:block;margin-bottom:5px;color:var(--calc-orange);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
#CostCalculator .modal-title{margin:0;color:var(--calc-ink)!important;font-size:clamp(24px,2.3vw,34px);font-weight:700;line-height:1.08;letter-spacing:-.035em}
#CostCalculator .cost-calculator-heading>p{margin:7px 0 0;color:var(--calc-muted);font-size:13px;line-height:1.45}
#CostCalculator .btn-close{position:absolute;top:24px;right:30px;display:grid;width:38px;height:38px;place-items:center;margin:0;padding:0;border:1px solid var(--calc-line);border-radius:50%;background:#fff!important;opacity:1;transition:border-color .18s,transform .18s}
#CostCalculator .btn-close::before,#CostCalculator .btn-close::after{position:absolute;width:14px;height:2px;border-radius:2px;content:"";background:var(--calc-ink)}
#CostCalculator .btn-close::before{transform:rotate(45deg)}
#CostCalculator .btn-close::after{transform:rotate(-45deg)}
#CostCalculator .btn-close:hover{border-color:var(--calc-orange);transform:rotate(5deg)}
#CostCalculator .modal-body{overflow-y:auto;padding:0!important;background:var(--calc-cream)}
#CostCalculator .cost-calculator-layout{display:grid;min-height:530px;grid-template-columns:minmax(250px,310px) minmax(0,1fr)}
#CostCalculator .cost-calculator-aside{position:relative;display:flex;overflow:hidden;flex-direction:column;justify-content:space-between;padding:38px 30px;color:#fff;background:var(--calc-navy)}
#CostCalculator .cost-calculator-aside::before{position:absolute;right:-105px;bottom:-100px;width:270px;height:270px;border-radius:50%;content:"";background:rgba(245,106,0,.18);filter:blur(2px)}
#CostCalculator .cost-calculator-aside>*{position:relative;z-index:1}
#CostCalculator .cost-calculator-aside__eyebrow{margin:0 0 14px;color:#ffab6b;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
#CostCalculator .cost-calculator-aside h2{margin:0;color:#fff;font-size:clamp(25px,2vw,32px);font-weight:600;line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
#CostCalculator .cost-calculator-aside h2+p{margin:16px 0 0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.65}
#CostCalculator .cost-calculator-steps{display:grid;gap:8px;margin:30px 0;padding:0;list-style:none}
#CostCalculator .cost-calculator-steps li{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:12px;border:1px solid transparent;border-radius:12px;color:rgba(255,255,255,.52);transition:background .2s,border-color .2s,color .2s}
#CostCalculator .cost-calculator-steps li>span{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;font-size:11px;font-weight:700}
#CostCalculator .cost-calculator-steps li strong,#CostCalculator .cost-calculator-steps li small{display:block}
#CostCalculator .cost-calculator-steps li strong{font-size:13px}#CostCalculator .cost-calculator-steps li small{margin-top:3px;font-size:10px;line-height:1.35}
#CostCalculator .cost-calculator-steps li.is-active{border-color:rgba(245,106,0,.5);color:#fff;background:rgba(255,255,255,.07)}
#CostCalculator .cost-calculator-steps li.is-active>span{border-color:var(--calc-orange);background:var(--calc-orange)}
#CostCalculator .cost-calculator-note{display:flex;align-items:flex-start;gap:8px;margin:0;color:rgba(255,255,255,.68);font-size:10px;line-height:1.45}
#CostCalculator .cost-calculator-note span{color:#ff8a32;font-weight:800}
#CostCalculator .cost-calculator-form{padding:34px 34px 38px;background:#fff}
#CostCalculator .cost-calculator-section-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid var(--calc-line)}
#CostCalculator .cost-calculator-section-heading>span{flex:0 0 auto;padding:7px 10px;border-radius:6px;color:#a74300;background:#fff0e5;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#CostCalculator .cost-calculator-section-heading h3{margin:0;color:var(--calc-ink);font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.02em}
#CostCalculator .cost-calculator-section-heading p{margin:5px 0 0;color:var(--calc-muted);font-size:12px;line-height:1.45}
#CostCalculator .row{margin-right:-8px;margin-left:-8px}
#CostCalculator .row>*{padding-right:8px;padding-left:8px}
#CostCalculator .mb-3{margin-bottom:14px!important}
#CostCalculator .form-label{display:block;margin-bottom:7px;color:#28333e;font-size:12px!important;font-weight:650!important;line-height:1.35}
#CostCalculator .form-control,#CostCalculator .form-select,#CostCalculator select,#CostCalculator textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--calc-line)!important;border-radius:10px!important;color:var(--calc-ink);background:#f9faf9!important;box-shadow:none!important;font:500 13px/1.4 "Poppins",sans-serif!important;transition:border-color .18s,background .18s,box-shadow .18s!important}
#CostCalculator textarea.form-control{min-height:104px;resize:vertical}
#CostCalculator .form-control:focus,#CostCalculator .form-select:focus,#CostCalculator select:focus,#CostCalculator textarea:focus{border-color:var(--calc-orange)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(245,106,0,.11)!important;outline:0}
#CostCalculator .input-container input{padding-right:82px}
#CostCalculator .input-container .next-button{right:5px;width:auto;height:42px;padding:0 16px;border-radius:8px!important;box-shadow:none!important;font-size:12px}
#CostCalculator .btn-primary{min-height:48px;padding:12px 24px;border-radius:9px!important;color:#fff!important;background:var(--calc-orange)!important;box-shadow:0 12px 24px rgba(245,106,0,.2)!important;font-size:13px;font-weight:700}
#CostCalculator button[type="submit"]{min-width:180px;margin:0}
#CostCalculator #form2{margin-top:34px;padding-top:30px;border-top:1px solid var(--calc-line)}
#CostCalculator .cf-turnstile{min-height:65px;margin-top:8px}
#CostCalculator .cost-calculator-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--calc-line)}
#CostCalculator .cost-calculator-action{min-height:48px;padding:11px 20px;border:1px solid var(--calc-line);border-radius:9px;color:var(--calc-ink);background:#fff;font-size:13px;font-weight:700;transition:border-color .18s,color .18s,background .18s,transform .18s}
#CostCalculator .cost-calculator-action:hover{border-color:var(--calc-orange);color:var(--calc-orange);background:#fff9f4;transform:translateY(-1px)}
#CostCalculator .cost-calculator-action--back{margin-right:auto}
#CostCalculator .iti{width:100%}
#CostCalculator .iti input{padding-left:88px!important}
@media(max-width:860px){
  #CostCalculator .modal-dialog{width:min(720px,calc(100vw - 24px))}
  #CostCalculator .cost-calculator-layout{grid-template-columns:1fr}
  #CostCalculator .cost-calculator-aside{display:grid;grid-template-columns:1fr auto;gap:20px;padding:24px 26px}
  #CostCalculator .cost-calculator-aside h2{font-size:24px}
  #CostCalculator .cost-calculator-aside h2+p,#CostCalculator .cost-calculator-note{display:none}
  #CostCalculator .cost-calculator-steps{width:280px;margin:0}
  #CostCalculator .cost-calculator-steps li{padding:8px}
  #CostCalculator .cost-calculator-form{padding:28px 26px 34px}
}
@media(max-width:575px){
  #CostCalculator{padding:6px!important}
  #CostCalculator .modal-dialog{width:calc(100vw - 12px);max-width:none;margin:auto}
  #CostCalculator .modal-content{max-height:calc(100dvh - 12px);border-radius:18px!important}
  #CostCalculator .modal-header{padding:16px 58px 14px 16px}
  #CostCalculator .cost-calculator-heading>span{margin-bottom:4px;font-size:8px}
  #CostCalculator .modal-title{font-size:23px;line-height:1.12}
  #CostCalculator .cost-calculator-heading>p{max-width:270px;margin-top:5px;font-size:11px;line-height:1.4}
  #CostCalculator .btn-close{top:16px;right:16px;width:36px;height:36px}
  #CostCalculator .cost-calculator-layout{min-height:0}
  #CostCalculator .cost-calculator-aside{display:block;padding:12px}
  #CostCalculator .cost-calculator-aside>div:first-child{display:none}
  #CostCalculator .cost-calculator-steps{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:6px;margin:0}
  #CostCalculator .cost-calculator-steps li{min-width:0;grid-template-columns:30px minmax(0,1fr);gap:6px;padding:6px}
  #CostCalculator .cost-calculator-steps li>span{width:30px;height:30px}
  #CostCalculator .cost-calculator-steps li strong{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
  #CostCalculator .cost-calculator-steps li small{display:none}
  #CostCalculator .cost-calculator-note{display:none}
  #CostCalculator .cost-calculator-form{padding:20px 16px 24px}
  #CostCalculator .cost-calculator-section-heading{gap:10px;margin-bottom:18px;padding-bottom:16px}
  #CostCalculator .cost-calculator-section-heading>span{padding:6px 8px;font-size:8px}
  #CostCalculator .cost-calculator-section-heading h3{font-size:18px}
  #CostCalculator .cost-calculator-section-heading p{margin-top:3px;font-size:11px}
  #CostCalculator .form-control,#CostCalculator .form-select,#CostCalculator select{min-height:50px;font-size:16px!important}
  #CostCalculator .cost-calculator-actions{display:grid;grid-template-columns:1fr 1fr}
  #CostCalculator .cost-calculator-action{width:100%;padding:10px 12px}
  #CostCalculator .cost-calculator-action--back{margin-right:0}
  #CostCalculator button[type="submit"]{width:100%;min-width:0;grid-column:1/-1;float:none!important}
}
@media(prefers-reduced-motion:reduce){#CostCalculator *{scroll-behavior:auto!important;transition:none!important}}