/* Crown / confident, approachable service design. */
.crown-friendly{--ink:#103759;--text:#203e56;--muted:#506477;--blue:#0964b5;--blue-hover:#064d90;--line:#d5e1eb;--ice:#edf5fb;--radius:16px;font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;font-size:1.0625rem;line-height:1.65}
.crown-friendly h1,.crown-friendly h2,.crown-friendly h3{font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.16}
.crown-friendly .container{width:min(1180px,calc(100% - 64px))}
.crown-friendly .site-header{background:#fff;backdrop-filter:none;border-bottom:1px solid #e4ecf3}
.crown-friendly .header-inner{min-height:91px}
.crown-friendly .wordmark strong{font-family:"Avenir Next",Arial,sans-serif;color:#164c7b;font-size:2.15rem;letter-spacing:.015em;font-weight:700}
.crown-friendly .wordmark>span{font-size:.75rem;letter-spacing:.16em;font-weight:700;margin-top:5px;color:#375f7d}
.crown-friendly .main-nav{gap:25px}
.crown-friendly .main-nav>a:not(.button){font-size:.875rem;font-weight:600;color:#345771}
.crown-friendly .button{border-radius:7px;font-size:1rem;font-weight:700;box-shadow:0 2px 0 #07335526;min-height:54px;padding:15px 24px;letter-spacing:0}
.crown-friendly .button.small{font-size:.875rem;padding:12px 17px;min-height:46px}
.welcome{color:#fff;text-align:center;background:radial-gradient(ellipse at 50% -20%,#2c8ccc 0%,#1b629b 32%,#103c65 70%,#0c2c4b 100%);padding:43px 0 122px}
.welcome-copy{position:relative}
.welcome-kicker{font-size:.8125rem;line-height:1.6;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:#d3e9fb;margin-bottom:16px}
.welcome h1{max-width:1030px;margin-inline:auto;font-size:clamp(2.4rem,4.15vw,3.7rem);font-weight:700;line-height:1.12;letter-spacing:-.03em;color:#fff}
.welcome h1 span{display:inline-block;color:#fff}
.welcome-lead{font-size:1.1875rem;line-height:1.65;max-width:780px;margin:20px auto 0;color:#f0f7fd}
.welcome-actions{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:25px;flex-wrap:wrap}
.welcome-actions .welcome-button{background:#fff;color:#164971;border-color:#fff;box-shadow:0 4px 16px #041e4138;padding-inline:25px}
.welcome-actions .welcome-button:hover{background:#e6f2ff;border-color:#e6f2ff}
.welcome-actions>a:not(.button){font-size:.9375rem;font-weight:650;text-underline-offset:5px;text-decoration-thickness:1px;color:#fff;padding:12px 0}
.canvas-choices{background:#f6f9fc;padding-bottom:44px}
.canvas-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;transform:translateY(-76px);margin-bottom:-76px}
.canvas-choice{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #dce7f0;box-shadow:0 10px 28px #113c6512;min-width:0;transition:transform .2s,box-shadow .2s}
.canvas-choice:hover{transform:translateY(-4px);box-shadow:0 14px 35px #113c6523}
.choice-photo{aspect-ratio:2/1;overflow:hidden;background:#d6e8f4}
.choice-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.choice-photo .bimini-image{object-position:50% 25%}
.choice-photo .cover-image{object-position:50% 40%}
.choice-copy{padding:25px 30px 28px}
.choice-copy h3{font-size:1.8rem;line-height:1.2;color:#143c5d}
.choice-copy p{font-size:1rem;line-height:1.65;color:#4c6274;margin-top:10px;max-width:460px}
.choice-copy a{display:flex;justify-content:space-between;align-items:center;gap:18px;text-decoration:none;color:#0865b7;font-size:1rem;line-height:1.5;font-weight:700;margin-top:21px}
.choice-copy a:hover{text-decoration:underline;text-underline-offset:4px}
.choice-copy a span{font-size:1.5rem}
.choice-help{font-size:.9375rem;line-height:1.7;text-align:center;color:#506477;margin-top:29px}
.choice-help a{font-weight:650;color:#0b5fa5;text-underline-offset:4px}
.illustration-note{font-size:.75rem;line-height:1.6;color:#60758a;text-align:center;margin-top:12px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.crown-friendly .section{padding-block:83px}
.crown-friendly h2{font-size:clamp(2rem,3.25vw,2.85rem)}
.crown-friendly .eyebrow{font-size:.875rem;letter-spacing:.07em;line-height:1.5;margin-bottom:14px}
.crown-friendly .section-heading{grid-template-columns:1fr;gap:21px;text-align:center;justify-items:center;margin-bottom:42px}
.crown-friendly .section-heading>p{max-width:680px;font-size:1.0625rem;line-height:1.8}
/* One continuous material backdrop; the wash preserves readable dark type. */
.crown-friendly .process-section{
  --process-edge-wash:.38;
  --process-center-wash:.65;
  background-color:#f1f4f6;
  background-image:linear-gradient(90deg,rgba(250,253,255,var(--process-edge-wash)),rgba(250,253,255,var(--process-center-wash)) 35%,rgba(250,253,255,var(--process-center-wash)) 65%,rgba(250,253,255,var(--process-edge-wash))),url("assets/process-workbench-v14.jpg");
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  overflow:hidden;
}
@media(max-width:520px){.crown-friendly .process-section{--process-edge-wash:.64;--process-center-wash:.74}}
.crown-friendly .process-section .section-heading{position:relative}
.crown-friendly .steps{gap:20px}
.crown-friendly .steps li{border:1px solid #dbe6ee;border-radius:14px;padding:25px 23px;background:rgba(255,255,255,.96);box-shadow:0 5px 20px #143c5d08}
.crown-friendly .step-index{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#dbefff;color:#155380;font-size:.875rem;margin-bottom:22px}
.crown-friendly .steps h3{font-size:1.25rem;font-weight:700}
.crown-friendly .steps p{font-size:1rem;line-height:1.75}
.crown-friendly .step-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.crown-friendly .steps .step-heading .step-index{margin:0;flex-shrink:0}
.crown-friendly .step-icon{display:block;width:34px;height:34px;flex-shrink:0;color:#36759b}
.crown-friendly .detail-section{background:#edf5fb}
.crown-friendly .detail-grid{gap:64px}
.crown-friendly .detail-photo img{border-radius:16px;aspect-ratio:1/1}
.crown-friendly .detail-photo figcaption{font-size:.8125rem;line-height:1.7;color:#546c7e}
.crown-friendly .detail-copy>p:not(.eyebrow){font-size:1.0625rem}
.crown-friendly .detail-list h3{font-size:1.0625rem}
.crown-friendly .detail-list p{font-size:1rem;line-height:1.7}
.crown-friendly .detail-list li>span{font-size:.875rem}
.crown-friendly .faq-section{background:#fff}
.crown-friendly .faq-grid{gap:65px}
.crown-friendly .faq-intro{font-size:1.0625rem}
.crown-friendly .faq-list details p{font-size:1rem;line-height:1.8}
.crown-friendly .faq-list summary{font-size:1.0625rem;font-weight:650}
.crown-friendly .quote-section{background:#103759}
.crown-friendly .quote-grid{gap:70px}
.crown-friendly .quote-grid h2{font-size:clamp(2.25rem,3.7vw,3.2rem)}
.crown-friendly .quote-start{padding:32px;border-radius:16px}
.crown-friendly .quote-grid>div>p:not(.eyebrow){font-size:1.0625rem;color:#d9e9f5}
.crown-friendly .quote-start>p{font-size:1rem!important}
.crown-friendly .quote-start .form-note{font-size:.875rem!important}
.crown-friendly .footer-main{grid-template-columns:1fr .7fr 1.3fr .65fr;gap:30px}
.crown-friendly .footer-column h2{font-size:.9375rem}
.crown-friendly .footer-column>a,.crown-friendly .footer-column>span,.crown-friendly .footer-main>div>p{font-size:.875rem}
@media(max-width:1100px){.crown-friendly .main-nav{gap:18px}.crown-friendly .main-nav .header-phone{display:none}.crown-friendly .container{width:calc(100% - 48px)}.welcome h1{font-size:3.15rem}.welcome{padding-top:38px}.choice-copy{padding:24px}.crown-friendly .steps{grid-template-columns:1fr 1fr}.crown-friendly .footer-main{grid-template-columns:1fr 1fr;gap:32px 45px}}
@media(max-width:800px){.crown-friendly .header-inner{min-height:82px}.crown-friendly .main-nav{top:82px}.crown-friendly .main-nav .header-phone{display:block;border-left:0;padding-left:0}.welcome{padding:35px 0 105px}.welcome h1{font-size:2.75rem;line-height:1.14}.welcome-lead{font-size:1.125rem;max-width:590px}.desktop-break{display:none}.canvas-choice-grid{gap:20px;transform:translateY(-60px);margin-bottom:-60px}.choice-photo{aspect-ratio:1.65}.choice-copy{padding:21px}.choice-copy h3{font-size:1.6rem}.choice-copy p{font-size:1rem}.choice-copy a{font-size:.9375rem;margin-top:18px}.crown-friendly .section{padding-block:62px}.crown-friendly .detail-grid,.crown-friendly .faq-grid,.crown-friendly .quote-grid{gap:35px}.crown-friendly .detail-photo img{aspect-ratio:4/3}.crown-friendly .quote-contact{grid-template-columns:1fr}.crown-friendly .footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.crown-friendly .container{width:calc(100% - 36px)}.crown-friendly .wordmark strong{font-size:1.85rem}.crown-friendly .wordmark>span{font-size:.75rem;letter-spacing:.115em}.crown-friendly .header-inner{min-height:77px}.crown-friendly .main-nav{top:77px}.welcome{padding:30px 0 96px}.welcome-kicker{font-size:.75rem;letter-spacing:.04em;margin-bottom:14px}.welcome h1{font-size:clamp(2rem,8.7vw,2.6rem);letter-spacing:-.02em;line-height:1.16}.welcome-lead{font-size:1rem;line-height:1.7;margin-top:17px}.welcome-actions{gap:9px;margin-top:22px;flex-direction:column}.welcome-actions .welcome-button{width:100%;font-size:.9375rem;padding-inline:18px}.welcome-actions>a:not(.button){font-size:.9375rem}.canvas-choice-grid{grid-template-columns:1fr;gap:21px;transform:translateY(-55px);margin-bottom:-55px}.choice-photo{aspect-ratio:1.8}.choice-copy{padding:22px 23px 24px}.choice-copy h3{font-size:1.65rem}.choice-copy a{font-size:1rem}.choice-help{font-size:.9375rem;margin-top:25px}.illustration-note{font-size:.75rem}.canvas-choices{padding-bottom:32px}.crown-friendly h2{font-size:2rem}.crown-friendly .section{padding-block:50px}.crown-friendly .section-heading{gap:17px;margin-bottom:30px}.crown-friendly .steps{grid-template-columns:1fr;gap:16px}.crown-friendly .steps li{display:block;padding:23px}.crown-friendly .steps .step-index{margin-bottom:17px}.crown-friendly .steps h3{margin-bottom:11px}.crown-friendly .detail-photo img{aspect-ratio:1/1}.crown-friendly .faq-list summary{font-size:1rem}.crown-friendly .quote-start{padding:25px}.crown-friendly .footer-main{gap:28px 24px}.crown-friendly .footer-column>a{font-size:.875rem}.crown-friendly .footer-bottom{font-size:.8125rem}.crown-friendly .eyebrow{font-size:.8125rem}}
@media(prefers-reduced-motion:no-preference){.welcome-copy{animation:crown-welcome-in .6s ease-out both}.canvas-choice{animation:crown-welcome-in .65s .1s ease-out both}.canvas-choice:nth-child(2){animation-delay:.18s}@keyframes crown-welcome-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}}
@media(max-width:520px){.crown-friendly .step-heading{margin-bottom:17px}}

/* Readability pass: keep the approved composition and heading styles.
   After breakpoints so phone layouts retain readable supporting type. */
.crown-friendly{
  --muted:#40576b;
  font-size:1.125rem;
  font-weight:500;
  line-height:1.7;
  -webkit-font-smoothing:auto;
}
.crown-friendly .wordmark>span{font-size:.875rem;letter-spacing:.1em}
.crown-friendly .main-nav>a:not(.button),
.crown-friendly .button.small{font-size:1rem}
.crown-friendly .welcome-kicker{font-size:.9375rem;letter-spacing:.05em;color:#eef7ff}
.crown-friendly .eyebrow{font-size:.9375rem;letter-spacing:.055em}
.crown-friendly .eyebrow.light{color:#d4e8f8}
.crown-friendly .welcome-lead{font-weight:500}
.crown-friendly .welcome-actions>a:not(.button){font-size:1rem}
.crown-friendly .welcome-actions .welcome-button{font-size:1rem}
.crown-friendly .choice-copy p,
.crown-friendly .section-heading>p,
.crown-friendly .steps p,
.crown-friendly .detail-copy>p:not(.eyebrow),
.crown-friendly .detail-list p,
.crown-friendly .faq-intro,
.crown-friendly .faq-list details p{
  font-size:1.125rem;
  font-weight:500;
  line-height:1.75;
  color:#40576b;
}
.crown-friendly .choice-copy a{font-size:1.0625rem}
.crown-friendly .choice-help{font-size:1.0625rem;color:#40576b}
.crown-friendly .illustration-note{font-size:.9375rem;line-height:1.7;color:#465f74}
.crown-friendly .step-index,
.crown-friendly .detail-list li>span{font-size:.9375rem}
.crown-friendly .detail-photo figcaption{font-size:1rem;line-height:1.7;color:#40576b}
.crown-friendly .faq-list summary{font-size:1.125rem;line-height:1.55}
.crown-friendly .text-link,
.crown-friendly .faq-grid .text-link{font-size:1rem;line-height:1.6}
.crown-friendly .quote-grid>div>p:not(.eyebrow){font-size:1.125rem;line-height:1.75;color:#e0edf7}
.crown-friendly .quote-start>p{font-size:1.125rem!important;line-height:1.75!important;color:#40576b!important}
.crown-friendly .quote-start .form-note{font-size:1rem!important;line-height:1.7!important;color:#40576b!important}
.crown-friendly .estimate-form{margin-top:27px}
.crown-friendly .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.crown-friendly .form-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.crown-friendly .form-field-wide{grid-column:1/-1}
.crown-friendly .form-field label{font-size:.9375rem;line-height:1.45;font-weight:700;color:#173a56}
.crown-friendly .form-field label>span:not(.optional){color:#0964b5}
.crown-friendly .form-field .optional{margin-left:5px;color:#60788b;font-size:.8125rem;font-weight:500}
.crown-friendly .form-field :is(input,select,textarea){width:100%;min-height:50px;padding:11px 13px;border:1px solid #b9cad7;border-radius:7px;background:#fff;color:#15364f;font:500 1rem/1.5 "Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;transition:border-color .18s,box-shadow .18s}
.crown-friendly .form-field textarea{min-height:116px;resize:vertical}
.crown-friendly .form-field :is(input,select,textarea)::placeholder{color:#73889a;opacity:1}
.crown-friendly .form-field :is(input,select,textarea):focus{outline:0;border-color:#0964b5;box-shadow:0 0 0 3px #0964b526}
.crown-friendly .photo-field{padding:17px;border:1px dashed #9fb7c9;border-radius:9px;background:#f5f9fc}
.crown-friendly .photo-field input[type=file]{min-height:auto;padding:0;border:0;background:transparent;border-radius:0;font-size:.9375rem;box-shadow:none}
.crown-friendly .field-help{font-size:.8125rem!important;line-height:1.55!important;color:#60788b!important;margin:0!important}
.crown-friendly .estimate-submit{width:100%;justify-content:space-between;margin-top:21px;font-size:1.0625rem}
.crown-friendly .estimate-submit>span{flex:0 0 auto}
.crown-friendly .estimate-submit:disabled{cursor:wait;opacity:.72;transform:none}
.crown-friendly .estimate-status{margin:22px 0 0;padding:14px 16px;border-radius:8px;font-size:1rem;line-height:1.6;font-weight:600}
.crown-friendly .estimate-status.is-success{background:#e8f6ee;color:#176746;border:1px solid #acd5bf}
.crown-friendly .estimate-status.is-error{background:#fff1ef;color:#9b2d20;border:1px solid #efb9b1}
.crown-friendly .estimate-status.is-preview{background:#edf5fb;color:#164c7b;border:1px solid #bdd3e4}
.crown-friendly .contact-error,.crown-friendly .file-error{margin-top:13px;color:#a1261a;font-size:.875rem;line-height:1.5;font-weight:650}
.crown-friendly .honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.crown-friendly .quote-contact a{font-size:1.125rem;line-height:1.65;font-weight:600;overflow-wrap:anywhere}
.crown-friendly .footer-column h2{font-size:1rem;line-height:1.55}
.crown-friendly .footer-column>a,
.crown-friendly .footer-column>span,
.crown-friendly .footer-main>div>p{font-size:1rem;line-height:1.7;font-weight:500;color:#40576b}
.crown-friendly .footer-bottom{font-size:.9375rem;line-height:1.7;color:#40576b}
.crown-friendly .detail-grid>*,
.crown-friendly .faq-grid>*,
.crown-friendly .quote-grid>*,
.crown-friendly .footer-main>*{min-width:0}
.crown-friendly .text-link{flex-wrap:wrap}
.crown-friendly .choice-copy a span{flex-shrink:0}
@media(max-width:520px){
  .crown-friendly .welcome-lead{font-size:1.125rem;line-height:1.7}
  .crown-friendly .quote-start .button{max-width:100%;flex-wrap:wrap;gap:12px}
  .crown-friendly .quote-start .estimate-submit{flex-wrap:nowrap;gap:8px;padding-inline:14px;font-size:.9375rem;white-space:nowrap}
}

/* Quiet branded social links. */
.crown-friendly .footer-column .social-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:100%;padding:6px 0;color:#164c7b;font-weight:600;line-height:1.5}
.crown-friendly .social-link svg{flex-shrink:0}
.crown-friendly .social-link span{margin:0}
.crown-friendly .footer-column .social-link:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
/* Contact channels: separate call/text actions and one clear photo CTA. */
.crown-friendly .text-photos-button{width:100%;gap:10px;font-size:1.125rem}
.crown-friendly .text-photos-button svg,.crown-friendly .channel-button svg{flex-shrink:0}
.crown-friendly .quote-alternatives{margin-top:24px}
.crown-friendly .channel-divider{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.9375rem;line-height:1.5;color:#40576b;text-align:center}
.crown-friendly .channel-divider::before,.crown-friendly .channel-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.crown-friendly .channel-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.crown-friendly .channel-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:12px;border:1px solid #ccdcea;border-radius:7px;background:#fff;color:#164c7b;text-decoration:none;font:600 1rem/1.5 "Avenir Next",Avenir,"Segoe UI",Arial,sans-serif}
.crown-friendly a.channel-button:hover{background:#edf5fb;border-color:#96b6d1}
.crown-friendly .whatsapp-button{color:#176746;background:#f3faf6;border-color:#c6dfd3;cursor:pointer}
.crown-friendly a.channel-button.whatsapp-button:hover{color:#125638;background:#e4f3eb;border-color:#91bda6}
.crown-friendly .channel-note{margin-top:12px;color:#40576b;font-size:.875rem;line-height:1.6}
@media(max-width:520px){
  .crown-friendly .form-grid{grid-template-columns:1fr;gap:16px}
  .crown-friendly .form-field-wide{grid-column:auto}
  .crown-friendly .channel-actions{grid-template-columns:1fr}
}

/* One primary action: independent of navigation, persistent on every screen. */
.crown-friendly .header-inner{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"brand nav estimate contact";gap:18px;min-height:88px}
.crown-friendly .header-inner>.wordmark{grid-area:brand}
.crown-friendly .main-nav{grid-area:nav;justify-content:flex-end;gap:20px}
.crown-friendly .header-estimate{grid-area:estimate;justify-self:end;min-height:50px;padding:12px 18px;font-size:1rem;white-space:nowrap;background:#0964b5;border-color:#0964b5;box-shadow:0 3px 0 #063a6826}
.crown-friendly .header-estimate:hover{background:#064d90}
.crown-friendly .header-actions{grid-area:contact;display:flex;align-items:stretch;gap:8px;justify-self:end}
.crown-friendly .header-contact{display:flex;align-items:center;min-height:50px;border:1px solid #d5e1eb;background:#f6f9fc;border-radius:7px}
.crown-friendly .header-phone{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:4px 10px;color:#164c7b;text-decoration:none;font-size:1.125rem;font-weight:650;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:6px 0 0 6px}
.crown-friendly .header-phone svg{flex-shrink:0}
.crown-friendly .header-phone-copy{display:flex;flex-direction:column;text-align:left;gap:1px}
.crown-friendly .header-phone-label{font-size:.875rem;font-weight:500;line-height:1.1;color:#40576b}
.crown-friendly .header-text{display:grid;place-items:center;min-width:44px;min-height:44px;margin-right:2px;border-left:1px solid #d5e1eb;color:#164c7b;text-decoration:none;border-radius:0 5px 5px 0}
.crown-friendly .header-phone:hover,.crown-friendly .header-text:hover{background:#e6f0f9}
.crown-friendly .header-whatsapp{min-height:50px;padding:4px 10px;gap:8px;white-space:nowrap}
.crown-friendly .header-whatsapp-copy{display:flex;flex-direction:column;text-align:left;line-height:1.15;gap:1px}
.crown-friendly .mobile-contact-bar{display:none}
@media(max-width:1280px){
  .crown-friendly .header-inner{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand estimate contact menu";gap:12px}
  .crown-friendly .menu-toggle{display:block;grid-area:menu}
  .crown-friendly .main-nav{grid-area:auto;display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 24px;box-shadow:0 18px 25px #071e2b15;border-bottom:1px solid var(--line);gap:8px;max-height:calc(100dvh - 190px);overflow-y:auto}
  .crown-friendly .main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}
  .crown-friendly .main-nav>a:not(.button){padding:12px 0}
}
@media(min-width:701px) and (max-width:1000px){
  .crown-friendly .header-phone>svg{display:none}
  .crown-friendly .header-whatsapp{min-width:48px;padding-inline:10px;gap:0}
  .crown-friendly .header-whatsapp-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:700px){
  .crown-friendly{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  .crown-friendly .header-inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand menu";min-height:77px;padding-block:8px;gap:16px}
  .crown-friendly .header-estimate,.crown-friendly .header-actions{display:none}
  .crown-friendly .mobile-contact-bar{display:block;position:fixed;z-index:40;left:0;right:0;bottom:0;border-top:1px solid #d5e1eb;background:#fff;padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 18px #1037590d}
  .crown-friendly .mobile-contact-inner{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,44px);gap:8px;align-items:stretch}
  .crown-friendly .mobile-estimate{font-size:1rem;line-height:1.2;min-height:50px;padding:5px 8px;text-align:center;white-space:normal;box-shadow:0 2px 0 #07335526}
  .crown-friendly .mobile-contact-action{display:grid;place-items:center;min-width:44px;min-height:50px;padding:8px;border:1px solid #d5e1eb;border-radius:7px;background:#f6f9fc;color:#164c7b;text-decoration:none}
  .crown-friendly .mobile-contact-action:hover{background:#e6f0f9}
  .crown-friendly .mobile-contact-action.whatsapp-button{color:#176746;background:#f3faf6;border-color:#c6dfd3}
  .crown-friendly .mobile-contact-action.whatsapp-button:hover{color:#125638;background:#e4f3eb;border-color:#91bda6}
  .crown-friendly :is(a,button,summary){scroll-margin-bottom:100px}
}

/* Approved blue/gold emblem; the original artwork is kept intact. */
.crown-friendly .header-inner>.header-brand{display:inline-flex;flex-direction:row;align-items:center;justify-self:start;gap:14px;white-space:nowrap}
.crown-friendly .header-brand>.header-brand-copy{display:flex;flex-direction:column;gap:6px;margin:0;letter-spacing:normal}
.crown-friendly .header-brand-copy>span{font-size:.75rem;letter-spacing:.16em;font-weight:700;color:#375f7d}
.crown-friendly .header-brand-emblem{width:64px;height:64px;max-width:none;flex:none;border-radius:50%;object-fit:cover}
@media(min-width:701px) and (max-width:1000px){
  .crown-friendly .header-brand{gap:10px}
  .crown-friendly .header-brand strong{font-size:1.85rem}
  .crown-friendly .header-brand-emblem{width:52px;height:52px}
  .crown-friendly .header-phone{min-width:44px;padding-inline:10px}
  .crown-friendly .header-phone>svg{display:block}
  .crown-friendly .header-phone-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media(max-width:700px){
  .crown-friendly .header-brand-emblem{width:56px;height:56px}
  .crown-friendly .header-brand-copy>span{letter-spacing:.115em}
}

/* Compact homepage handoff to the dedicated estimate page. */
.crown-friendly .quote-cta-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:70px}
.crown-friendly .quote-cta-grid>div:first-child>p:not(.eyebrow){max-width:620px;color:#e0edf7;font-size:1.125rem;line-height:1.75}
.crown-friendly .quote-cta-card{padding:34px 36px;border:1px solid #dce7f0;border-radius:14px;background:#fff;color:#173a56;box-shadow:0 18px 42px #041e4126}
.crown-friendly .quote-cta-kicker{margin:0 0 8px!important;color:#0964b5!important;font-size:.8125rem!important;line-height:1.5!important;font-weight:750!important;letter-spacing:.08em;text-transform:uppercase}
.crown-friendly .quote-cta-card h3{font-size:2rem;line-height:1.2;letter-spacing:-.02em}
.crown-friendly .quote-cta-card>p:not(.quote-cta-kicker){margin-top:12px;color:#40576b;font-size:1.0625rem;line-height:1.7}
.crown-friendly .estimate-page-link{width:100%;justify-content:space-between;margin-top:24px}
.crown-friendly .quote-cta-card .quote-contact{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px 20px}
.crown-friendly .quote-cta-card .quote-contact a{font-size:.9375rem;line-height:1.5}

/* Dedicated estimate page. */
.crown-friendly.estimate-page{background:#f4f8fb}
.crown-friendly .estimate-page-section{padding:62px 0 74px;background:radial-gradient(ellipse at 22% 0%,#236fa7 0%,#164f7e 28%,#103759 66%,#0d2d4a 100%)}
.crown-friendly .estimate-page-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(560px,1.18fr);align-items:start;gap:68px}
.crown-friendly .estimate-page-intro{position:sticky;top:126px;color:#fff;min-width:0}
.crown-friendly .estimate-back-link{display:inline-flex;align-items:center;gap:9px;margin-bottom:44px;color:#e5f2fc;font-size:.9375rem;font-weight:650;text-decoration:none;text-underline-offset:4px}
.crown-friendly .estimate-back-link:hover{text-decoration:underline}
.crown-friendly .estimate-page-intro h1{color:#fff;font-size:clamp(3.25rem,5.1vw,5.2rem);line-height:1.03;letter-spacing:-.045em}
.crown-friendly .estimate-page-lead{max-width:600px;margin-top:24px;color:#e0edf7;font-size:1.125rem;line-height:1.75}
.crown-friendly .estimate-page-points{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid #ffffff2b}
.crown-friendly .estimate-page-points li{display:grid;grid-template-columns:34px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid #ffffff2b;color:#f2f8fd;font-size:1rem;line-height:1.55}
.crown-friendly .estimate-page-points span{color:#87c8f5;font-size:.8125rem;font-weight:750;letter-spacing:.05em}
.crown-friendly .estimate-page-contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:28px}
.crown-friendly .estimate-page-contact a{color:#fff;font-size:1rem;font-weight:650;text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}
.crown-friendly .estimate-page-form{padding:38px;border-radius:16px;box-shadow:0 22px 55px #051f3738;scroll-margin-top:112px}
.crown-friendly .estimate-page-form h2{font-size:2rem;line-height:1.2;letter-spacing:-.025em}
.crown-friendly .estimate-page-form>p{margin-top:12px!important}

@media(max-width:1000px){
  .crown-friendly .quote-cta-grid,.crown-friendly .estimate-page-grid{grid-template-columns:1fr;gap:34px}
  .crown-friendly .quote-cta-card{max-width:700px}
  .crown-friendly .estimate-page-intro{position:static}
  .crown-friendly .estimate-page-intro h1{font-size:clamp(3rem,9vw,4.7rem)}
  .crown-friendly .estimate-page-points{max-width:720px}
  .crown-friendly .estimate-page-form{max-width:760px}
}
@media(max-width:520px){
  .crown-friendly .quote-cta-grid{gap:26px}
  .crown-friendly .quote-cta-card{padding:25px 23px}
  .crown-friendly .quote-cta-card h3{font-size:1.65rem}
  .crown-friendly .estimate-page-section{padding:32px 0 48px}
  .crown-friendly .estimate-page-grid{gap:28px}
  .crown-friendly .estimate-back-link{margin-bottom:27px}
  .crown-friendly .estimate-page-intro h1{font-size:2.65rem;line-height:1.08}
  .crown-friendly .estimate-page-lead{margin-top:18px;font-size:1rem;line-height:1.7}
  .crown-friendly .estimate-page-points{margin-top:24px}
  .crown-friendly .estimate-page-points li{font-size:.9375rem}
  .crown-friendly .estimate-page-contact{margin-top:22px}
  .crown-friendly .estimate-page-form{padding:25px 23px;border-radius:12px;scroll-margin-top:90px}
  .crown-friendly .estimate-page-form h2{font-size:1.65rem}
}