
/* Corpus Christi Christmas Light Co. — modern quote experience — 2026-10-01 */
.quote-page{background:#080b0f}
.quote-v2-hero{position:relative;padding:150px 0 96px;overflow:hidden;background:#080b0f}
.quote-v2-hero:before{content:"";position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(5,8,12,.97) 0%,rgba(5,8,12,.86) 44%,rgba(5,8,12,.63) 100%),
 url('/assets/images/hero-residential-1920.webp') center 45%/cover no-repeat;opacity:.72}
.quote-v2-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(185,155,99,.16),transparent 28%),linear-gradient(0deg,#080b0f 0%,transparent 34%)}
.quote-v2-shell{position:relative;z-index:2}
.quote-v2-intro{max-width:1020px;margin-bottom:42px}
.quote-v2-intro h1{font-family:var(--serif);font-weight:500;font-size:clamp(3.2rem,6.8vw,6.7rem);line-height:.92;letter-spacing:-.052em;max-width:980px;margin:14px 0 22px;text-wrap:balance}
.quote-v2-lede{font-size:clamp(1.04rem,1.45vw,1.25rem);line-height:1.68;color:#ddd8ce;max-width:830px}
.quote-v2-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;border:1px solid rgba(210,185,130,.22);background:rgba(8,11,15,.48);backdrop-filter:blur(8px)}
.quote-v2-trust span{padding:17px 18px;color:#b9bdc1;font-size:.75rem;border-right:1px solid rgba(210,185,130,.18);line-height:1.45}
.quote-v2-trust span:last-child{border-right:0}
.quote-v2-trust strong{display:block;color:#f4eee2;font-size:.84rem;margin-bottom:2px}
.quote-v2-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);gap:22px;align-items:start}
.quote-v2-card{background:#f5f1e9;color:#101419;border:1px solid rgba(255,255,255,.06);box-shadow:0 35px 90px rgba(0,0,0,.44)}
.quote-v2-progress-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:22px 28px 16px;border-bottom:1px solid #d9d1c4;background:#eee7dc}
.quote-v2-progress-head>div{display:grid;gap:3px}
.quote-v2-step-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:#8d7040}
.quote-v2-progress-head strong{font-family:var(--serif);font-size:1.25rem;font-weight:500}
.quote-v2-save{font-size:.7rem;color:#73787b;text-align:right;padding-top:3px;max-width:240px}
.quote-v2-save.is-saved{color:#5b6a5c}
.quote-v2-progress{grid-template-columns:repeat(3,1fr);gap:0;margin:0;height:3px;background:#d7d0c4}
.quote-v2-progress span{height:3px;background:transparent;transition:.35s ease}
.quote-v2-progress span.active{background:#b99b63}
.quote-v2-form{padding:clamp(26px,4.5vw,52px)}
.quote-v2-form .form-step{display:none}
.quote-v2-form .form-step.active{display:block;animation:qv2-in .28s ease both}
@keyframes qv2-in{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
.quote-v2-step-copy{max-width:760px;margin-bottom:30px}
.quote-v2-overline{display:block;font-size:.64rem;letter-spacing:.17em;text-transform:uppercase;font-weight:850;color:#9b7e49;margin-bottom:8px}
.quote-v2-step-copy h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:.96;margin:0 0 12px;color:#101419;text-wrap:balance}
.quote-v2-step-copy p{margin:0;color:#62686b;max-width:680px}
.quote-v2-fieldset{border:0;padding:0;margin:0 0 30px;min-width:0}
.quote-v2-fieldset>legend{font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;font-weight:850;color:#3c4246;margin-bottom:10px;padding:0}
.quote-v2-help{font-size:.78rem;color:#757a7d;margin:-4px 0 14px}
.quote-v2-segmented{display:grid;gap:8px}
.quote-v2-property{grid-template-columns:repeat(4,minmax(0,1fr))}
.quote-v2-timing{grid-template-columns:repeat(5,minmax(0,1fr))}
.quote-v2-delivery-options{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}
.quote-v2-segmented label,.quote-v2-chip-grid label{position:relative;display:block}
.quote-v2-segmented input,.quote-v2-chip-grid input,.quote-v2-style-card>input{position:absolute;opacity:0;pointer-events:none}
.quote-v2-segmented span,.quote-v2-chip-grid span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:54px;padding:11px 12px;background:#fff;border:1px solid #d3cabd;color:#20262a;font-size:.76rem;font-weight:800;line-height:1.2;transition:.18s ease;cursor:pointer}
.quote-v2-segmented input:checked+span,.quote-v2-chip-grid input:checked+span{border-color:#9f7a35;background:#12171d;color:#f7f1e6;box-shadow:inset 0 0 0 1px #9f7a35}
.quote-v2-segmented input:focus-visible+span,.quote-v2-chip-grid input:focus-visible+span,.quote-v2-style-card>input:focus-visible~.quote-v2-style-media{outline:3px solid rgba(159,122,53,.3);outline-offset:2px}
.quote-v2-fields{display:grid;grid-template-columns:1fr 180px;gap:12px;margin-bottom:30px}
.quote-v2-contact-fields{grid-template-columns:1fr 1fr}
.quote-v2-field-wide{grid-column:1/-1}
.quote-v2-field{display:block}
.quote-v2-field>span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850;color:#51575a;margin-bottom:7px}
.quote-v2-field em{font-style:normal;font-weight:600;color:#92979a;text-transform:none;letter-spacing:0}
.quote-v2-field input,.quote-v2-field textarea{width:100%;min-height:54px;padding:14px 15px;border:1px solid #cbc2b5;background:#fff;color:#11161a;outline:0;border-radius:0}
.quote-v2-field textarea{min-height:110px;resize:vertical}
.quote-v2-field input:focus,.quote-v2-field textarea:focus{border-color:#9f7a35;box-shadow:0 0 0 3px rgba(159,122,53,.12)}
.quote-v2-chip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.quote-v2-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quote-v2-style-card{position:relative;display:grid;grid-template-columns:132px 1fr;min-height:116px;background:#fff;border:1px solid #d3cabd;overflow:hidden;cursor:pointer;transition:.2s ease}
.quote-v2-style-card-wide{grid-column:1/-1;grid-template-columns:190px 1fr}
.quote-v2-style-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(24,26,28,.11)}
.quote-v2-style-media{position:relative;overflow:hidden;min-height:116px;background:#171b1f}
.quote-v2-style-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.3s ease}
.quote-v2-style-copy{display:flex;flex-direction:column;justify-content:center;padding:16px 17px}
.quote-v2-style-copy strong{font-family:var(--serif);font-size:1.18rem;line-height:1.05;font-weight:600;color:#14191d}
.quote-v2-style-copy small{margin-top:6px;color:#6b7074;line-height:1.35;font-size:.72rem}
.quote-v2-style-card>input:checked~.quote-v2-style-media:after{content:"✓";position:absolute;right:9px;top:9px;z-index:3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#b99b63;color:#0b0e12;font-weight:900}
.quote-v2-style-card>input:checked~.quote-v2-style-copy{background:#151a20}
.quote-v2-style-card>input:checked~.quote-v2-style-copy strong{color:#f6efe4}
.quote-v2-style-card>input:checked~.quote-v2-style-copy small{color:#c9c9c8}
.quote-v2-style-card:has(input:checked){border-color:#9f7a35;box-shadow:inset 0 0 0 1px #9f7a35,0 16px 34px rgba(24,26,28,.12)}
.quote-v2-custom{margin-top:12px}
.quote-v2-timing-note{margin-top:12px}
.quote-v2-upload{display:flex;align-items:center;gap:14px;border:1px dashed #b6a991;background:#fff;padding:18px 20px;margin-bottom:12px;cursor:pointer;transition:.18s ease}
.quote-v2-upload:hover{border-color:#8c703f;background:#fbf8f2}
.quote-v2-upload input{position:absolute;opacity:0;pointer-events:none}
.quote-v2-upload-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b99b63;color:#8b6d39;font-size:1.45rem;flex:0 0 44px}
.quote-v2-upload strong{display:block;color:#151a1d;font-size:.88rem}
.quote-v2-upload small{display:block;color:#707679;margin-top:2px;line-height:1.35}
.quote-v2-file-list{font-size:.72rem;color:#596064;margin:0 0 25px}
.quote-v2-file-list span{display:inline-block;margin:0 8px 6px 0;padding:5px 8px;border:1px solid #d7d0c4;background:#eee8dc}
.quote-v2-notes{margin-top:26px}
.quote-v2-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:34px;padding-top:24px;border-top:1px solid #ded7cc}
.quote-v2-actions .btn{min-width:190px}
.quote-v2-actions .btn.ghost{color:#11161a;border-color:#bdb4a7;background:transparent}
.quote-v2-actions .btn.ghost:hover{background:#eee7dc;border-color:#9f7a35}
.quote-v2-submit-row .submit-primary{min-width:300px}
.quote-v2-form .form-error{margin-top:20px}
.quote-v2-summary{position:sticky;top:118px;background:#0c1014;border:1px solid rgba(210,185,130,.25);box-shadow:0 25px 70px rgba(0,0,0,.34);overflow:hidden}
.quote-v2-summary-photo{height:260px;position:relative;overflow:hidden;background:#15191c}
.quote-v2-summary-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,11,15,.78),transparent 55%)}
.quote-v2-summary-photo img{width:100%;height:100%;object-fit:cover}
.quote-v2-summary-body{padding:27px}
.quote-v2-summary-body h2{font-size:clamp(2rem,3.4vw,3.2rem);line-height:.96;margin:8px 0 14px;color:#f5efe5}
.quote-v2-summary-body>p{color:#b7b9bb;font-size:.9rem;margin-bottom:22px}
.quote-v2-summary-list{border-top:1px solid rgba(245,241,233,.12)}
.quote-v2-summary-list>div{display:grid;grid-template-columns:74px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid rgba(245,241,233,.1)}
.quote-v2-summary-list span{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#888d91;padding-top:2px}
.quote-v2-summary-list strong{font-size:.78rem;line-height:1.4;color:#e6e1d8;font-weight:650}
.quote-v2-included{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.quote-v2-included span{font-size:.58rem;text-transform:uppercase;letter-spacing:.09em;padding:6px 8px;border:1px solid rgba(185,155,99,.28);color:#cbbd9d}
.quote-v2-phone{display:block;margin-top:22px;padding-top:18px;border-top:1px solid rgba(245,241,233,.12);font-size:.75rem;color:#aeb1b4}
.quote-v2-phone strong{display:block;color:#d2b982;font-size:1.05rem;margin-top:2px}
.quote-v2-proof{background:#0b0e12;padding:90px 0 105px;border-top:1px solid rgba(185,155,99,.18)}
.quote-v2-proof-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end;margin-bottom:34px}
.quote-v2-proof-intro .kicker{grid-column:1/-1;margin-bottom:-34px}
.quote-v2-proof-intro h2{margin:0;color:#f4eee5}
.quote-v2-proof-intro p{margin:0;color:#aeb2b5;max-width:600px}
.quote-v2-proof-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:9px}
.quote-v2-proof-grid figure{margin:0;position:relative;height:330px;overflow:hidden;background:#15191d}
.quote-v2-proof-grid img{width:100%;height:100%;object-fit:cover;transition:.45s ease}
.quote-v2-proof-grid figure:hover img{transform:scale(1.025)}
.quote-v2-proof-grid figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.83))}
.quote-v2-proof-grid figcaption{position:absolute;z-index:2;left:18px;bottom:16px;color:#f8f2e8;font-size:.65rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800}
.quote-v2-answer-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid rgba(185,155,99,.22);border-bottom:1px solid rgba(185,155,99,.22)}
.quote-v2-answer-strip>div{padding:24px 26px;border-right:1px solid rgba(185,155,99,.18)}
.quote-v2-answer-strip>div:last-child{border-right:0}
.quote-v2-answer-strip strong{font-family:var(--serif);font-size:1.25rem;font-weight:500;color:#f3eee6}
.quote-v2-answer-strip p{font-size:.82rem;color:#aeb1b4;margin:7px 0 0;line-height:1.55}
@media(max-width:1080px){
 .quote-v2-layout{grid-template-columns:1fr}.quote-v2-summary{position:relative;top:auto;display:grid;grid-template-columns:280px 1fr}.quote-v2-summary-photo{height:auto;min-height:100%}
 .quote-v2-trust{grid-template-columns:repeat(2,1fr)}.quote-v2-trust span:nth-child(2){border-right:0}.quote-v2-trust span:nth-child(-n+2){border-bottom:1px solid rgba(210,185,130,.18)}
}
@media(max-width:760px){
 .quote-v2-hero{padding:130px 0 70px}.quote-v2-intro h1{font-size:clamp(2.8rem,13vw,4.8rem)}.quote-v2-lede{font-size:.98rem}
 .quote-v2-trust{grid-template-columns:1fr 1fr}.quote-v2-trust span{padding:13px 12px;font-size:.68rem}
 .quote-v2-progress-head{padding:18px 17px 13px}.quote-v2-save{font-size:.62rem;max-width:150px}
 .quote-v2-form{padding:25px 17px 30px}.quote-v2-property{grid-template-columns:1fr 1fr}.quote-v2-timing{grid-template-columns:1fr 1fr}.quote-v2-fields,.quote-v2-contact-fields{grid-template-columns:1fr}.quote-v2-field-wide{grid-column:auto}
 .quote-v2-chip-grid{grid-template-columns:1fr 1fr}.quote-v2-style-grid{grid-template-columns:1fr}.quote-v2-style-card,.quote-v2-style-card-wide{grid-column:auto;grid-template-columns:112px 1fr;min-height:102px}.quote-v2-style-media{min-height:102px}
 .quote-v2-actions{display:grid;grid-template-columns:1fr 1fr}.quote-v2-actions>span{display:none}.quote-v2-actions .btn,.quote-v2-submit-row .submit-primary{min-width:0;width:100%}.quote-v2-actions>button:only-child{grid-column:1/-1}
 .quote-v2-summary{display:block}.quote-v2-summary-photo{height:210px}.quote-v2-summary-body{padding:23px}
 .quote-v2-proof{padding:70px 0 88px}.quote-v2-proof-intro{grid-template-columns:1fr;gap:18px}.quote-v2-proof-intro .kicker{grid-column:auto;margin-bottom:0}.quote-v2-proof-grid{grid-template-columns:1fr}.quote-v2-proof-grid figure{height:250px}.quote-v2-answer-strip{grid-template-columns:1fr}.quote-v2-answer-strip>div{border-right:0;border-bottom:1px solid rgba(185,155,99,.18)}.quote-v2-answer-strip>div:last-child{border-bottom:0}
}
@media(max-width:440px){.quote-v2-trust{grid-template-columns:1fr}.quote-v2-trust span{border-right:0!important;border-bottom:1px solid rgba(210,185,130,.18)!important}.quote-v2-trust span:last-child{border-bottom:0!important}.quote-v2-chip-grid{grid-template-columns:1fr}.quote-v2-style-card,.quote-v2-style-card-wide{grid-template-columns:96px 1fr}.quote-v2-delivery-options{grid-template-columns:repeat(3,1fr)}.quote-v2-actions{grid-template-columns:1fr}}
\n/* R9 quote stability */\n.quote-v2-style-media{aspect-ratio:1.45/1}.quote-v2-summary-photo{aspect-ratio:16/10;height:auto}.quote-v2-proof-grid figure{aspect-ratio:4/3;height:auto}\n
/* R9 conversion final */
.quote-v2-upload em{font-style:normal;font-size:.64em;text-transform:uppercase;letter-spacing:.08em;color:#d2b982;margin-left:6px}.submit-reassurance strong{color:#f3eee6}

/* R9C conversion wizard */
.quote-v2-progress{grid-template-columns:repeat(4,1fr)}
.quote-v3-form{max-width:none}
.quote-v3-property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.quote-v3-property-grid label{position:relative;display:block}
.quote-v3-property-grid input{position:absolute;opacity:0;pointer-events:none}
.quote-v3-property-grid span{display:flex;min-height:104px;flex-direction:column;justify-content:center;padding:18px 20px;border:1px solid #d3cabd;background:#fff;cursor:pointer;transition:.18s ease}
.quote-v3-property-grid strong{font-family:var(--serif);font-size:1.28rem;line-height:1.05;color:#151a1d;font-weight:600}
.quote-v3-property-grid small{display:block;margin-top:7px;color:#71777a;font-size:.72rem;line-height:1.4}
.quote-v3-property-grid label:hover span{border-color:#a78b58;transform:translateY(-1px);box-shadow:0 10px 22px rgba(24,26,28,.08)}
.quote-v3-property-grid input:checked+span{border-color:#9f7a35;background:#12171d;box-shadow:inset 0 0 0 1px #9f7a35}
.quote-v3-property-grid input:checked+span strong{color:#f7f1e6}
.quote-v3-property-grid input:checked+span small{color:#c8c9c7}
.quote-v3-property-grid input:focus-visible+span{outline:3px solid rgba(159,122,53,.3);outline-offset:2px}
.quote-v3-design-me{grid-column:1/-1}
.quote-v3-design-me span{border-style:dashed!important;background:#f3ede2!important}
.quote-v3-design-me input:checked+span{background:#12171d!important}
.quote-v3-microcopy{font-size:.69rem;color:#6d7376;letter-spacing:.02em}
.quote-v3-address-fields{grid-template-columns:1fr 170px;margin-bottom:10px}
.quote-v3-address-note{font-size:.72rem;line-height:1.45;color:#747a7d;margin:-1px 0 24px;padding-left:14px;border-left:2px solid #b99b63}
.quote-v3-details{border:1px solid #d5ccbf;background:#fff;margin-top:24px}
.quote-v3-details summary{list-style:none;cursor:pointer;padding:15px 17px;font-weight:800;font-size:.78rem;color:#262b2e;display:flex;align-items:center;justify-content:space-between;gap:14px}
.quote-v3-details summary::-webkit-details-marker{display:none}
.quote-v3-details summary:after{content:'+';font-size:1.2rem;color:#8d7040;font-weight:500}
.quote-v3-details[open] summary:after{content:'–'}
.quote-v3-details summary span{font-size:.62rem;text-transform:uppercase;letter-spacing:.09em;color:#92979a}
.quote-v3-details .quote-v2-notes{margin:0;padding:0 17px 17px}
.quote-v3-final-trust{display:grid;gap:5px;margin-top:22px;padding:15px 17px;background:#eee7dc;border-left:3px solid #b99b63;color:#33393d}
.quote-v3-final-trust strong{font-family:var(--serif);font-size:1.1rem;font-weight:600;color:#171c20}
.quote-v3-final-trust span{font-size:.76rem;line-height:1.45;color:#656b6e}
.quote-v3-form .submit-reassurance{text-align:right;color:#6e7477}
.quote-v3-form .submit-reassurance strong{color:#343a3e}
@media(max-width:760px){
 .quote-v3-property-grid{grid-template-columns:1fr 1fr}
 .quote-v3-property-grid span{min-height:100px;padding:15px 14px}
 .quote-v3-property-grid strong{font-size:1.08rem}
 .quote-v3-property-grid small{font-size:.66rem}
 .quote-v3-address-fields{grid-template-columns:1fr}
 .quote-v3-first-action .quote-v3-microcopy{grid-column:1/-1;text-align:center;margin-bottom:2px}
 .quote-v3-form .submit-reassurance{text-align:center}
}
@media(max-width:440px){
 .quote-v3-property-grid{grid-template-columns:1fr}
 .quote-v3-design-me{grid-column:auto}
 .quote-v3-property-grid span{min-height:auto}
}


/* R9D — $899 package anchors + conversion shortcuts */
.quote-v4-price-anchor{max-width:780px;margin:15px 0 0;padding:12px 15px;border-left:3px solid #b99b63;background:rgba(255,255,255,.045);color:#c8c6c1;font-size:.84rem;line-height:1.5}
.quote-v4-price-anchor strong{color:#f4eee5}
.quote-v4-packages legend span{font-weight:600;color:#92979a;text-transform:none;letter-spacing:0}
.quote-v4-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.quote-v4-package-grid label{position:relative;display:block}
.quote-v4-package-grid input{position:absolute;opacity:0;pointer-events:none}
.quote-v4-package-grid span{display:flex;flex-direction:column;min-height:178px;padding:18px;border:1px solid #d3cabd;background:#fff;cursor:pointer;transition:.18s ease}
.quote-v4-package-grid label:hover span{border-color:#a78b58;transform:translateY(-1px);box-shadow:0 10px 22px rgba(24,26,28,.08)}
.quote-v4-package-grid label.featured span{border-color:#b99b63;box-shadow:inset 0 0 0 1px rgba(185,155,99,.22)}
.quote-v4-package-grid small{font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:#8d7040;font-weight:850;line-height:1.35}
.quote-v4-package-grid strong{font-family:var(--serif);font-size:1.35rem;color:#171c20;margin:7px 0 3px;font-weight:600}
.quote-v4-package-grid b{font-family:var(--serif);font-size:1.85rem;color:#8d7040;font-weight:500;line-height:1}
.quote-v4-package-grid em{font-style:normal;color:#707578;font-size:.7rem;line-height:1.4;margin-top:10px}
.quote-v4-package-grid input:checked+span{background:#12171d;border-color:#9f7a35;box-shadow:inset 0 0 0 1px #9f7a35}
.quote-v4-package-grid input:checked+span small,.quote-v4-package-grid input:checked+span b{color:#d7bd87}
.quote-v4-package-grid input:checked+span strong{color:#f7f1e6}
.quote-v4-package-grid input:checked+span em{color:#c8c9c7}
.quote-v4-package-grid input:focus-visible+span{outline:3px solid rgba(159,122,53,.3);outline-offset:2px}
.quote-v4-package-note{font-size:.68rem;line-height:1.45;color:#7e8386;margin:10px 0 0}
@media(max-width:760px){.quote-v4-package-grid{grid-template-columns:1fr}.quote-v4-package-grid span{min-height:auto;padding:15px 16px}.quote-v4-package-grid em{margin-top:7px}.quote-v4-price-anchor{font-size:.78rem}}
