:root{--quote-navy:#061b33;--quote-blue:#12345f;--quote-burgundy:#7d1f2d;--quote-gold:#c79a3b;--quote-cream:#fffaf0;--quote-ink:#101720}
.quote-page{color:var(--quote-ink);background:#fffaf0}.quote-page .site-header{border-bottom-color:rgba(199,154,59,.28)}.quote-main{overflow:clip}.quote-container{width:min(1180px,calc(100% - 48px));margin:0 auto}
.quote-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--quote-navy);color:var(--quote-cream)}.quote-hero-media,.quote-hero-shade{position:absolute;inset:0;z-index:-2}.quote-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.55}.quote-hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(6,27,51,.96),rgba(6,27,51,.88) 38%,rgba(6,27,51,.72) 72%,rgba(6,27,51,.82)),linear-gradient(180deg,rgba(6,27,51,.12),rgba(6,27,51,.72))}
.quote-hero-inner{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:clamp(48px,6vw,82px) 0 clamp(54px,6vw,86px);display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);align-items:start;gap:clamp(34px,5vw,76px)}.quote-hero-copy{padding:48px 0 24px;max-width:590px}
.quote-eyebrow,.quote-section-kicker,.quote-form-kicker{margin:0;color:#e6c777;font-size:11px;line-height:1.4;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.quote-hero h1{max-width:620px;margin:20px 0 0;color:#fffaf0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5.1vw,68px);font-weight:700;line-height:1.02;letter-spacing:-.035em}.quote-hero-lead{max-width:570px;margin:22px 0 0;color:rgba(255,250,240,.82);font-size:17px;line-height:1.72}
.quote-hero-points{display:grid;gap:12px;margin:30px 0 0;padding:0;list-style:none}.quote-hero-points li{position:relative;padding-left:28px;color:rgba(255,250,240,.92);font-size:14px;line-height:1.5}.quote-hero-points li:before{content:"✓";position:absolute;left:0;color:#e6c777;font-weight:900}.quote-hero-audience{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.quote-hero-audience span{padding:8px 11px;border:1px solid rgba(230,199,119,.32);border-radius:999px;background:rgba(255,250,240,.07);color:rgba(255,250,240,.88);font-size:11px;font-weight:700}
.quote-form-card{min-width:0;overflow:hidden;border:1px solid rgba(230,199,119,.58);border-radius:14px;background:#fffdf8;color:var(--quote-ink);box-shadow:0 28px 76px rgba(0,0,0,.28)}.quote-form-heading{padding:27px 30px 20px;background:linear-gradient(135deg,#fffaf0,#f6f0e4);border-bottom:1px solid rgba(13,31,53,.1)}.quote-form-kicker{color:var(--quote-burgundy);font-size:10px}.quote-form-heading h2{margin:9px 0 0;color:var(--quote-navy);font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1.12}.quote-form-heading p{margin:9px 0 0;color:#687181;font-size:13px;line-height:1.55}
.quote-form{display:grid;gap:17px;padding:23px 30px 27px}.quote-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.quote-form label{display:grid;min-width:0;gap:7px;color:#273850;font-size:12px;font-weight:750;line-height:1.35}.quote-form .quote-field-full{grid-column:1/-1}.quote-form input:not([type=checkbox]),.quote-form select,.quote-form textarea{width:100%;min-width:0;min-height:44px;margin:0;border:1px solid #d9dce1;border-radius:7px;padding:11px 12px;background:#fff;color:#182436;font:inherit;font-size:14px;font-weight:450;line-height:1.45;box-shadow:none}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#9aa2ad;opacity:1}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:2px solid rgba(18,52,95,.18);border-color:#315f8b}.quote-form textarea{min-height:88px;resize:vertical}
.quote-category-fieldset{min-width:0;margin:0;padding:0;border:0}.quote-category-fieldset legend{width:100%;margin-bottom:10px;color:#273850;font-size:12px;font-weight:800}.quote-category-fieldset legend span{margin-left:6px;color:#8993a1;font-size:11px;font-weight:500}.quote-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quote-form .quote-category-option{display:flex;align-items:center;min-height:40px;gap:9px;padding:8px 10px;border:1px solid #e1e3e6;border-radius:7px;background:#fff;color:#465367;font-size:11.5px;font-weight:650;line-height:1.3;cursor:pointer}.quote-form .quote-category-option:has(input:checked){border-color:rgba(125,31,45,.58);background:#fbf3f1;color:#6e1d29}.quote-category-option input{flex:0 0 auto;width:15px;height:15px;margin:0;accent-color:var(--quote-burgundy)}.quote-field-help{margin:8px 0 0;color:#8b95a3;font-size:11px;line-height:1.4}
.quote-contact-divider{display:flex;align-items:center;gap:12px;margin:2px 0 -2px;color:#7d1f2d;font-size:10px;font-weight:850;letter-spacing:.13em}.quote-contact-divider:after{content:"";flex:1;height:1px;background:#e6e0d7}.quote-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;border:0;border-radius:7px;padding:12px 20px;background:linear-gradient(135deg,#7d1f2d,#5e1722);color:#fffaf0;font:inherit;font-size:14px;font-weight:850;cursor:pointer;box-shadow:0 10px 22px rgba(125,31,45,.2)}.quote-submit:disabled{opacity:.62;cursor:wait}.quote-form-status{display:none;margin:-4px 0 0;color:#235c42;font-size:13px;line-height:1.5}.quote-form-status.is-visible{display:block}.quote-form-note{margin:-4px 0 0;color:#8993a1;font-size:10.5px;line-height:1.55}.quote-form-note a{color:#315f8b;text-decoration:underline}.quote-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.quote-trust-strip{padding:20px 0;border-bottom:1px solid rgba(13,31,53,.1);background:#fff}.quote-trust-strip .quote-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.quote-trust-strip .quote-container>div{display:flex;align-items:center;gap:12px}.quote-trust-strip strong{color:var(--quote-burgundy);font-family:Georgia,"Times New Roman",serif;font-size:25px}.quote-trust-strip span{color:#47566b;font-size:12px;font-weight:700;line-height:1.4}
.quote-section{padding:84px 0}.quote-audience-section{background:#fffaf0}.quote-section-heading{max-width:760px}.quote-section-heading h2,.quote-detail-copy h2,.quote-final-cta h2{margin:13px 0 0;color:var(--quote-navy);font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.08;letter-spacing:-.03em}.quote-section-heading>p:last-child{max-width:700px;margin:15px 0 0;color:#687181;font-size:15px;line-height:1.7}.quote-section-kicker{color:var(--quote-burgundy)}
.quote-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px}.quote-audience-grid article{min-height:218px;padding:24px 22px;border:1px solid rgba(13,31,53,.13);border-radius:9px;background:#fff;box-shadow:0 12px 28px rgba(6,27,51,.045)}.quote-card-index{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(199,154,59,.5);border-radius:50%;background:#fbf6e9;color:#7d1f2d;font-family:Georgia,"Times New Roman",serif;font-size:13px;font-weight:700}.quote-audience-grid h3{margin:22px 0 0;color:var(--quote-navy);font-size:17px;font-weight:800}.quote-audience-grid p{margin:10px 0 0;color:#697386;font-size:13px;line-height:1.65}
.quote-range-section{background:#fff}.quote-section-heading-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.8fr);align-items:end;gap:38px;max-width:none}.quote-section-heading-split>p:last-child{max-width:470px;margin:0 0 4px}.quote-range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}.quote-range-card{overflow:hidden;border:1px solid #e3e5e8;border-radius:10px;background:#fff;box-shadow:0 14px 32px rgba(6,27,51,.07)}.quote-range-card img{width:100%;aspect-ratio:4/2.8;object-fit:cover}.quote-range-card>div{padding:22px}.quote-range-card span{color:#8a6a2d;font-size:9.5px;font-weight:850;letter-spacing:.13em}.quote-range-card h3{margin:10px 0 0;color:var(--quote-navy);font-size:19px;font-weight:800}.quote-range-card p{margin:9px 0 0;color:#697386;font-size:13px;line-height:1.65}
.quote-process-section{padding:84px 0 90px;background:linear-gradient(135deg,#061b33,#102f57)}.quote-process-section .quote-section-heading h2{color:#fffaf0}.quote-process-section .quote-section-heading>p:last-child{color:rgba(255,250,240,.72)}.quote-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:40px 0 0;padding:0;list-style:none;border-top:1px solid rgba(230,199,119,.35)}.quote-process-grid li{padding:26px 22px 0 0}.quote-process-grid li+li{padding-left:22px;border-left:1px solid rgba(230,199,119,.25)}.quote-process-grid li>span{color:#e6c777;font-family:Georgia,"Times New Roman",serif;font-size:30px}.quote-process-grid h3{margin:22px 0 0;color:#fffaf0;font-size:17px}.quote-process-grid p{margin:10px 0 0;color:rgba(255,250,240,.7);font-size:13px;line-height:1.7}
.quote-detail-section{background:#f7f3ea}.quote-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:64px;align-items:center}.quote-detail-copy h2{max-width:650px}.quote-detail-copy>p:not(.quote-section-kicker){margin:18px 0 0;color:#657184;font-size:15px;line-height:1.75}.quote-detail-copy ul{display:grid;gap:11px;margin:24px 0 0;padding:0;list-style:none}.quote-detail-copy li{position:relative;padding-left:25px;color:#34445a;font-size:13px;line-height:1.55}.quote-detail-copy li:before{content:"✓";position:absolute;left:0;color:var(--quote-burgundy);font-weight:900}.quote-text-link{display:inline-flex;gap:9px;margin-top:26px;color:var(--quote-burgundy);font-size:13px;font-weight:800;text-decoration:none}.quote-detail-media{overflow:hidden;border:1px solid rgba(199,154,59,.45);border-radius:10px;background:#fff;box-shadow:0 24px 54px rgba(6,27,51,.14)}.quote-detail-media img{width:100%;aspect-ratio:4/3;object-fit:cover}.quote-detail-caption{display:grid;gap:5px;padding:17px 20px 19px}.quote-detail-caption strong{color:var(--quote-navy);font-size:14px}.quote-detail-caption span{color:#697386;font-size:12px;line-height:1.55}
.quote-faq-section{padding:84px 0;background:#fff}.quote-faq-layout{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:64px;align-items:start}.quote-faq-list{border-top:1px solid #dfe3e8}.quote-faq-list details{border-bottom:1px solid #dfe3e8}.quote-faq-list summary{position:relative;padding:20px 34px 20px 0;color:var(--quote-navy);font-size:15px;font-weight:800;line-height:1.45;cursor:pointer;list-style:none}.quote-faq-list summary::-webkit-details-marker{display:none}.quote-faq-list summary:after{content:"+";position:absolute;top:17px;right:2px;color:var(--quote-burgundy);font-size:22px}.quote-faq-list details[open] summary:after{content:"−"}.quote-faq-list details p{max-width:720px;margin:-2px 0 20px;color:#687181;font-size:13px;line-height:1.75}
.quote-final-cta{padding:58px 0;background:linear-gradient(125deg,#061b33,#12345f 70%,#7d1f2d);color:#fffaf0}.quote-final-cta .quote-container{display:flex;align-items:center;justify-content:space-between;gap:32px}.quote-final-cta h2{max-width:680px;color:#fffaf0;font-size:clamp(30px,3.5vw,42px)}.quote-final-cta>div>div:first-child>p:last-child{margin:12px 0 0;color:rgba(255,250,240,.74);font-size:14px;line-height:1.6}.quote-final-actions{display:flex;flex-wrap:wrap;gap:10px}.quote-final-button,.quote-final-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border-radius:7px;font-size:12px;font-weight:850;text-decoration:none}.quote-final-button{background:linear-gradient(135deg,#7d1f2d,#5e1722);color:#fffaf0;box-shadow:0 10px 22px rgba(125,31,45,.2)}.quote-final-secondary{border:1px solid #25d366;background:#25d366;color:#07351d}
@media(max-width:1050px){.quote-hero-inner{grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr);gap:30px}.quote-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-detail-grid{gap:38px}}
@media(max-width:860px){.quote-hero-inner{grid-template-columns:1fr;width:min(760px,calc(100% - 40px));gap:24px;padding-top:44px}.quote-hero-copy{max-width:700px;padding:8px 0 0}.quote-hero h1{max-width:700px;font-size:clamp(42px,8vw,60px)}.quote-form-card{width:100%}.quote-trust-strip .quote-container{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.quote-section-heading-split,.quote-detail-grid,.quote-faq-layout{grid-template-columns:1fr;gap:26px}.quote-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}.quote-process-grid li:nth-child(3){border-left:0;padding-left:0}.quote-final-cta .quote-container{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.quote-container{width:min(100% - 32px,1180px)}.quote-hero-inner{width:min(100% - 28px,760px);padding:36px 0 42px;gap:22px}.quote-hero-media img{object-position:56% center}.quote-hero-shade{background:linear-gradient(90deg,rgba(6,27,51,.94),rgba(6,27,51,.78))}.quote-hero h1{margin-top:14px;font-size:clamp(34px,10vw,46px);line-height:1.05}.quote-hero-lead{margin-top:14px;font-size:14px;line-height:1.65}.quote-hero-points{gap:9px;margin-top:19px}.quote-hero-points li{font-size:12px}.quote-hero-audience{margin-top:20px;gap:6px}.quote-hero-audience span{padding:7px 9px;font-size:9.5px}.quote-form-heading{padding:21px 18px 16px}.quote-form-heading h2{font-size:25px}.quote-form{padding:18px;gap:15px}.quote-form-grid,.quote-category-grid{grid-template-columns:1fr;gap:11px}.quote-form input:not([type=checkbox]),.quote-form select,.quote-form textarea{min-height:44px;font-size:16px}.quote-trust-strip .quote-container{gap:15px 12px}.quote-trust-strip strong{font-size:21px}.quote-trust-strip span{font-size:10px}.quote-section,.quote-process-section,.quote-faq-section{padding:58px 0}.quote-section-heading h2,.quote-detail-copy h2{font-size:clamp(29px,8.7vw,38px)}.quote-audience-grid,.quote-range-grid,.quote-process-grid{grid-template-columns:1fr;gap:12px;margin-top:27px}.quote-audience-grid article{min-height:0;padding:21px}.quote-process-grid{border-top:0;gap:0}.quote-process-grid li,.quote-process-grid li+li,.quote-process-grid li:nth-child(3){padding:19px 0 18px;border-left:0;border-bottom:1px solid rgba(230,199,119,.24)}.quote-faq-layout{gap:20px}.quote-faq-list summary{padding:17px 30px 17px 0;font-size:13px}.quote-final-cta{padding:44px 0}.quote-final-actions{width:100%;flex-direction:column}.quote-final-button,.quote-final-secondary{width:100%;min-height:46px}}

/* Unified MARKSWELL red quote actions and persistent quick-contact widget. */
.quote-page .nav-cta{background:linear-gradient(135deg,#7d1f2d,#5e1722);color:#fffaf0;border:1px solid #7d1f2d}
.quote-page .nav-cta:hover,.quote-final-button:hover{background:#5e1722;color:#fffaf0}
.quote-final-button{color:#fffaf0}
/* Shared floating quote widget: mirror the homepage component exactly. */
.quote-page .floating-cta{
  position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:70;
  width:min(360px,calc(100vw - 32px));display:grid;grid-template-columns:98px minmax(0,1fr);align-items:center;gap:14px;
  padding:12px 44px 12px 12px;border:1px solid rgba(199,154,59,.52);border-radius:18px;
  background:linear-gradient(135deg,rgba(6,27,51,.96),rgba(16,47,87,.94));color:#fff8e8;
  box-shadow:0 22px 58px rgba(6,27,51,.34);backdrop-filter:saturate(160%) blur(18px);
  transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
.quote-page .floating-cta:hover{transform:translateY(-2px);border-color:rgba(246,216,138,.84);box-shadow:0 28px 68px rgba(6,27,51,.42)}
.quote-page .floating-cta.is-hidden,.quote-page .floating-cta.is-footer-hidden{opacity:0;transform:translateY(12px);pointer-events:none}
.quote-page .cta-image{width:98px;height:98px;overflow:hidden;border:1px solid rgba(246,216,138,.35);border-radius:14px;background:rgba(255,250,240,.12)}
.quote-page .cta-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.quote-page .cta-content{min-width:0}
.quote-page .cta-title{color:#fffaf0;font-size:16px;font-weight:850;line-height:1.18}
.quote-page .cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.quote-page .cta-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:0;border-radius:999px;padding:0 14px;background:linear-gradient(135deg,#f6d88a,#c79a3b);color:#061b33;font:inherit;font-size:12px;font-weight:850;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;letter-spacing:0;box-shadow:0 10px 24px rgba(199,154,59,.28);transition:transform .2s ease,background .2s ease}
.quote-page .cta-button-whatsapp{background:#25d366;color:#07351d;box-shadow:none}
.quote-page .cta-button-whatsapp:hover,.quote-page .cta-button-whatsapp:focus-visible{background:#1fc45b;color:#07351d}
.quote-page .cta-button:hover{transform:translateY(-1px)}
.quote-page .cta-button:focus-visible,.quote-page .cta-close:focus-visible{outline:3px solid rgba(0,113,227,.42);outline-offset:4px}
.quote-page .cta-sub{margin-top:8px;color:rgba(255,248,232,.72);font-size:12px;font-weight:700}
.quote-page .cta-close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,250,240,.22);border-radius:50%;background:rgba(255,250,240,.08);color:#fffaf0;font:inherit;font-size:18px;line-height:1;cursor:pointer}
.quote-page .mobile-contact-bar{display:none}
@media(max-width:640px){
  .quote-page{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  .quote-page .floating-cta{display:none}
  .quote-page .mobile-contact-bar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:rgba(251,251,253,.88);box-shadow:0 12px 34px rgba(0,0,0,.18);backdrop-filter:saturate(180%) blur(18px)}
  .quote-page .mobile-contact-bar a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding-inline:14px;border-radius:999px;font-size:13px;font-weight:750;line-height:1.15;text-decoration:none}
  .quote-page .mobile-contact-bar a:first-child{background:#061b33;color:#fff8e8}
  .quote-page .mobile-contact-bar a:last-child{background:#25d366;color:#07351d}
  .quote-final-button,.quote-final-secondary{width:100%;min-height:46px}
}
@media(prefers-reduced-motion:reduce){.quote-floating-widget,.quote-floating-button{transition:none}}


/* Keep the WhatsApp action at the same green treatment across the quote page. */
.quote-page .mobile-contact-bar a:last-child:hover,
.quote-page .quote-final-secondary:hover{background:#1fc45b;border-color:#1fc45b;color:#07351d}
