:root{--vcl-ink:#07111f;--vcl-navy:#081120;--vcl-blue:#0d1b33;--vcl-card:rgba(255,255,255,.08);--vcl-line:rgba(255,255,255,.14);--vcl-gold:#d7a84f;--vcl-gold2:#ffce73;--vcl-text:#f8fafc;--vcl-muted:#b7c1d1;--vcl-green:#22c55e;--vcl-shadow:0 30px 95px rgba(0,0,0,.42)}
.vcl-estimate-page{background:#060b14;color:var(--vcl-text)}
.vcl-estimate-shell{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 0%,rgba(215,168,79,.22),transparent 28%),radial-gradient(circle at 90% 12%,rgba(59,130,246,.16),transparent 32%),linear-gradient(180deg,#050914 0%,#081120 48%,#060b14 100%);color:var(--vcl-text)}
.vcl-estimate-shell .container{max-width:1240px;margin:auto;padding-left:16px;padding-right:16px}.vcl-estimate-hero{position:relative;padding:78px 0 34px}.vcl-glow{position:absolute;border-radius:999px;filter:blur(12px);opacity:.72;pointer-events:none}.vcl-glow-one{width:330px;height:330px;background:rgba(215,168,79,.16);left:-120px;top:30px}.vcl-glow-two{width:420px;height:420px;background:rgba(14,165,233,.12);right:-150px;top:40px}.vcl-hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.vcl-eyebrow,.quote-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--vcl-gold2);border:1px solid rgba(215,168,79,.32);background:rgba(215,168,79,.1);padding:8px 13px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.vcl-hero-copy h1{font-size:clamp(34px,5vw,68px);line-height:.98;margin:18px 0 18px;max-width:790px;letter-spacing:-.055em}.vcl-hero-copy p{font-size:18px;line-height:1.75;color:#dbe5f4;max-width:720px}.vcl-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.vcl-hero-btn,.vcl-hero-link{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 20px;text-decoration:none;font-weight:900}.vcl-hero-btn{background:linear-gradient(135deg,var(--vcl-gold2),#f59e0b);color:#111827;box-shadow:0 16px 38px rgba(245,158,11,.22)}.vcl-hero-link{color:#fff;border:1px solid var(--vcl-line);background:rgba(255,255,255,.06)}.vcl-hero-card{border:1px solid rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border-radius:32px;padding:26px;box-shadow:var(--vcl-shadow);backdrop-filter:blur(18px);position:relative;overflow:hidden}.vcl-hero-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(215,168,79,.26),transparent 40%,rgba(255,255,255,.12));pointer-events:none}.vcl-card-top{position:relative;background:linear-gradient(135deg,var(--vcl-gold2),#f59e0b);color:#111827;border-radius:24px;padding:24px;margin-bottom:16px}.vcl-card-top span{display:block;font-weight:800;font-size:13px;text-transform:uppercase;opacity:.82}.vcl-card-top strong{display:block;font-size:40px;line-height:1.1;margin-top:6px}.vcl-mini-row{position:relative;display:flex;justify-content:space-between;border-bottom:1px dashed var(--vcl-line);padding:15px 2px;color:#dbe5f4}.vcl-mini-row b{color:#fff}.vcl-trust-row{padding:0 0 34px}.vcl-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.vcl-trust-grid div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:22px;padding:18px;display:grid;gap:6px;min-height:118px}.vcl-trust-grid i{color:var(--vcl-gold2);font-size:24px}.vcl-trust-grid strong{font-size:16px}.vcl-trust-grid span{color:var(--vcl-muted);font-size:13px}.vcl-estimate-section{padding:16px 0 70px}.quote-wrapper{position:relative;background:rgba(8,17,32,.76);border:1px solid rgba(255,255,255,.16);border-radius:34px;overflow:hidden;box-shadow:var(--vcl-shadow);backdrop-filter:blur(18px)}.quote-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(215,168,79,.13),transparent 24%,rgba(14,165,233,.08) 100%);pointer-events:none}.quote-header{position:relative;padding:30px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--vcl-line);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}.brand-box{display:flex;align-items:center;gap:16px}.logo-box{width:70px;height:70px;border-radius:24px;background:linear-gradient(135deg,var(--vcl-gold2),#f59e0b);display:grid;place-items:center;font-size:30px;color:#111827;box-shadow:0 18px 42px rgba(245,158,11,.24)}.brand-box h2{font-size:30px;line-height:1.15;margin:9px 0 4px;letter-spacing:-.03em}.brand-box p{color:#cbd5e1;margin:0}.header-contact{display:grid;gap:10px;text-align:right}.header-contact a,.header-contact span{color:#edf2f7;text-decoration:none;font-weight:700}.header-contact i{color:var(--vcl-gold2);margin-right:8px}.quote-content{position:relative;display:grid;grid-template-columns:1.04fr .96fr}.form-section,.result-section{padding:30px}.result-section{border-left:1px solid var(--vcl-line);background:rgba(2,6,23,.3)}.section-heading{margin-bottom:20px}.section-heading span{color:var(--vcl-gold2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.section-heading h3{font-size:24px;margin:7px 0 8px;display:flex;gap:10px;align-items:center}.section-heading p{color:var(--vcl-muted);margin:0;line-height:1.6}.section-heading.compact{display:flex;align-items:center;justify-content:space-between;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:13px;color:#dbe5f4;font-weight:800}.quote-wrapper input,.quote-wrapper select,.quote-wrapper textarea{width:100%;padding:15px 15px;border-radius:17px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;outline:none;font-size:14px;transition:.22s;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.quote-wrapper select option{background:#111827;color:#fff}.quote-wrapper textarea{min-height:104px;resize:vertical}.quote-wrapper input:focus,.quote-wrapper select:focus,.quote-wrapper textarea:focus{border-color:rgba(255,206,115,.85);box-shadow:0 0 0 4px rgba(215,168,79,.13);background:rgba(255,255,255,.095)}.addon-box{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:2px}.addon-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.1);color:#d9e2ef;cursor:pointer;transition:.22s}.addon-item:hover{transform:translateY(-2px);border-color:rgba(255,206,115,.42);background:rgba(215,168,79,.08)}.addon-item input{width:auto;accent-color:#d7a84f}.addon-item span{display:grid;gap:2px;font-size:13px}.addon-item b{color:#fff;font-size:14px}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.quote-wrapper .btn{border:none;cursor:pointer;padding:14px 18px;border-radius:16px;font-weight:900;font-size:14px;transition:.25s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.quote-wrapper .btn-primary{background:linear-gradient(135deg,var(--vcl-gold2),#f59e0b);color:#111827;box-shadow:0 14px 30px rgba(245,158,11,.19)}.quote-wrapper .btn-dark{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14)}.quote-wrapper .btn-whatsapp{background:linear-gradient(135deg,#34d399,#16a34a);color:#052e16}.quote-wrapper .btn:hover{transform:translateY(-2px)}.quote-card{background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:22px;box-shadow:0 18px 55px rgba(0,0,0,.22);position:sticky;top:96px}.estimate-total{padding:24px;border-radius:24px;background:radial-gradient(circle at top right,rgba(255,255,255,.34),transparent 40%),linear-gradient(135deg,var(--vcl-gold2),#f59e0b);color:#111827;margin-bottom:20px}.estimate-total span{display:block;font-size:13px;font-weight:900;opacity:.84;text-transform:uppercase;letter-spacing:.08em}.estimate-total strong{display:block;font-size:clamp(31px,4vw,46px);margin-top:4px;letter-spacing:-.04em}.estimate-total small{display:block;margin-top:8px;font-weight:800;opacity:.76}.breakdown{display:flex;flex-direction:column;gap:10px}.breakdown-row{display:flex;justify-content:space-between;gap:14px;padding:0 0 10px;border-bottom:1px dashed rgba(255,255,255,.16);color:#d1d5db;font-size:14px}.breakdown-row strong{color:#fff;text-align:right;max-width:58%;line-height:1.35}.breakdown-row.grand{border-bottom:0;background:rgba(255,206,115,.08);padding:13px;border-radius:16px;margin-top:4px}.breakdown-row.grand strong{color:var(--vcl-gold2);font-size:17px}.note-box{margin-top:18px;padding:16px;border-radius:18px;background:rgba(215,168,79,.1);border:1px solid rgba(215,168,79,.28);color:#fde68a;font-size:13px;line-height:1.65}.quotation-print{display:none;background:#fff;color:#111827;padding:30px;margin-top:18px;border-radius:18px;line-height:1.6}.quotation-print h2,.quotation-print h3{color:#111827;margin-bottom:8px}.quotation-print table{width:100%;border-collapse:collapse;margin-top:14px}.quotation-print th,.quotation-print td{border:1px solid #ddd;padding:10px;text-align:left}.quotation-print th{background:#f3f4f6}.quotation-print ol{padding-left:20px;margin-top:8px}.disclaimer{color:#9fb0c5;font-size:12px;margin-top:14px;line-height:1.5}@media(max-width:980px){.vcl-hero-grid,.quote-content{grid-template-columns:1fr}.result-section{border-left:0;border-top:1px solid var(--vcl-line)}.quote-card{position:relative;top:auto}.vcl-trust-grid{grid-template-columns:repeat(2,1fr)}.quote-header{flex-direction:column;align-items:flex-start}.header-contact{text-align:left}}@media(max-width:640px){.vcl-estimate-hero{padding:44px 0 24px}.vcl-hero-copy h1{font-size:36px}.vcl-trust-grid,.form-grid,.addon-box{grid-template-columns:1fr}.quote-header,.form-section,.result-section{padding:20px}.quote-wrapper{border-radius:24px}.brand-box{align-items:flex-start}.logo-box{width:58px;height:58px;border-radius:20px}.brand-box h2{font-size:22px}.section-heading.compact{display:block}.action-row .btn{width:100%}.vcl-card-top strong{font-size:32px}}@media print{body *{visibility:hidden}.quotation-print,.quotation-print *{visibility:visible}.quotation-print{display:block!important;position:absolute;left:0;top:0;width:100%;margin:0;border-radius:0}}

/* Premium quotation PDF layout inspired by VCL sample estimate */
.estimate-letter{font-family:Georgia,'Times New Roman',serif!important;background:#fff!important;color:#111827!important;max-width:820px;margin:18px auto!important;padding:34px 42px!important;border-radius:0!important;box-shadow:none!important;line-height:1.48!important;font-size:15px!important;}
.estimate-letter .letter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px;}
.estimate-letter .letter-head h2{font-size:31px!important;letter-spacing:.02em;text-transform:uppercase;font-style:italic;margin:0!important;color:#111!important;}
.estimate-letter .letter-head p{font-size:16px;font-weight:700;font-style:italic;margin:2px 0 0!important;color:#111!important;}
.estimate-letter .letter-logo{width:78px;height:78px;border-radius:12px;background:linear-gradient(135deg,#f97316,#0f766e);color:#fff;display:grid;place-items:center;font-weight:900;font-family:Arial,sans-serif;font-size:24px;}
.estimate-letter .letter-meta{display:flex;justify-content:space-between;margin:18px 0 56px;font-family:Arial,sans-serif;font-size:15px;}
.estimate-letter .letter-to{margin-bottom:24px;}
.estimate-letter .letter-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0 34px;font-size:17px;}
.estimate-letter h3{margin:22px 0 8px!important;font-size:18px!important;color:#111!important;}
.estimate-letter table{width:100%;border-collapse:collapse;margin:8px 0 18px!important;font-family:Georgia,'Times New Roman',serif;}
.estimate-letter th,.estimate-letter td{border:0!important;border-bottom:1px solid #222!important;padding:5px 8px!important;text-align:left!important;color:#111!important;}
.estimate-letter th{background:#fff!important;font-weight:800!important;}
.estimate-letter .stage-table th,.estimate-letter .stage-table td{font-size:15px;}
.estimate-letter .stage-table th:nth-child(3),.estimate-letter .stage-table td:nth-child(3){text-align:center!important;}
.estimate-letter .stage-table th:nth-child(4),.estimate-letter .stage-table td:nth-child(4){text-align:right!important;}
.estimate-letter ul{margin:8px 0 24px 20px!important;padding:0!important;}
.estimate-letter li{margin:4px 0;}
.estimate-letter .signature-space{height:54px;}
.estimate-letter .letter-footer{margin-top:32px;padding-top:12px;border-top:8px solid #e8f4ff;display:flex;gap:24px;align-items:center;font-family:Arial,sans-serif;font-weight:800;color:#111;}
.estimate-letter .addon-print{font-size:13px;margin-top:-8px;color:#333;}
@media print{.estimate-letter{max-width:none!important;margin:0!important;padding:28px 38px!important;}.estimate-letter .letter-footer{position:fixed;left:38px;right:38px;bottom:18px;}}


/* Step flow + blank PDF prevention update */
.area-field label em{font-style:normal;color:#fbbf24;font-size:11px;margin-left:6px;text-transform:uppercase;letter-spacing:.08em;}
.area-field small{color:#fcd34d;font-size:12px;line-height:1.45;}
.step-help{color:#fcd34d!important;font-size:12px!important;margin:0!important;}
.mobile-estimate-bar{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;background:linear-gradient(135deg,#111827,#020617);border:1px solid rgba(255,206,115,.38);box-shadow:0 18px 48px rgba(0,0,0,.38);border-radius:18px;padding:10px 12px;align-items:center;gap:10px;color:#fff;}
.mobile-estimate-bar span{font-size:12px;color:#cbd5e1;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
.mobile-estimate-bar strong{font-size:17px;color:#fcd34d;margin-right:auto;}
.mobile-estimate-bar button{border:0;border-radius:12px;background:#f59e0b;color:#111827;font-weight:900;padding:9px 12px;}
@media(max-width:980px){.mobile-estimate-bar{display:flex}.vcl-estimate-shell{padding-bottom:78px}.quote-card{position:sticky;top:10px;z-index:5}}
.estimate-letter.pdf-ready{display:block!important;visibility:visible!important;background:#fff!important;color:#111!important;}
.estimate-letter.pdf-ready *{visibility:visible!important;}
#pdfRenderHolder .estimate-letter{display:block!important;}


/* Premium relook: clearer step flow, floor-wise sqft, and anti-overflow buttons */
.floor-calc-note{margin-top:8px;padding:10px 12px;border-radius:14px;background:rgba(34,197,94,.09);border:1px solid rgba(34,197,94,.22);color:#bbf7d0;font-size:12px;line-height:1.45;}
.section-heading.compact{align-items:flex-start;flex-wrap:wrap;}
.section-heading.compact h3{margin-right:auto;}
.section-heading.compact .step-help{width:100%;} 
.action-row{align-items:stretch;}
.quote-wrapper .btn{white-space:normal;text-align:center;line-height:1.25;min-height:48px;}
@media(max-width:640px){.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quote-wrapper .btn-primary,.quote-wrapper .btn-whatsapp{grid-column:1/-1}.quote-wrapper .btn{padding:13px 10px;font-size:13px}.section-heading.compact{display:block}.section-heading.compact h3{font-size:21px}.step-help{margin-top:8px!important}.estimate-total{padding:18px}.estimate-total strong{font-size:28px}}
@media(max-width:420px){.action-row{grid-template-columns:1fr}}
#pdfRenderHolder,#pdfRenderHolder *{visibility:visible!important;}
#pdfRenderHolder .estimate-letter{display:block!important;position:relative!important;opacity:1!important;transform:none!important;}

.lead-save-status{
  margin-top:14px;
  padding:13px 15px;
  border-radius:14px;
  background:rgba(15,23,42,.08);
  border:1px solid rgba(15,23,42,.12);
  color:#334155;
  font-size:13px;
  line-height:1.5;
  font-weight:700;
}
.lead-save-status.working{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.35);color:#92400e;}
.lead-save-status.success{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:#065f46;}
.lead-save-status.error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35);color:#991b1b;}
