/* PHR: warm editorial surfaces. Existing estimate and comparison behavior preserved. */
:root{--gray:#526075;--gray2:#526075;--shadow:0 12px 35px rgba(11,17,32,.07);--shadow-lg:0 24px 70px rgba(11,17,32,.1)}
body{background:#faf8f4;color:#142439}
section{padding:90px 32px;scroll-margin-top:100px}
h1,h2,h3,h4,.headline{font-family:Inter,system-ui,sans-serif;letter-spacing:-.045em}
.nav{background:rgba(250,248,244,.97);color:#142439;border-bottom:1px solid #e2dfd7;padding:20px 32px;gap:24px}
.nav-logo{font-size:1.05rem;gap:5px}.nav-logo span{color:#a95b05}.nav-logo .logo-icon{color:#142439}
.nav-links{gap:24px;font-size:.84rem}.nav-links a:hover{color:#965511}
.nav-links .nav-phone{background:#142439;color:white!important;border-radius:8px;padding:12px 18px;box-shadow:none}
.nav-links .staff-login{font-size:.76rem;color:#526075;border-left:1px solid #d9d6ce;padding-left:20px}
.hamburger{color:#142439}.hero{height:auto;min-height:720px;padding:150px max(32px,calc((100vw - 1240px)/2)) 70px;background:#faf8f4;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
#hero-canvas,.hero-overlay,.scroll-hint{display:none}
.hero-content{padding:0;text-align:left;color:#142439;max-width:none;pointer-events:auto}
.hero-badge{font:600 .68rem Inter,sans-serif;letter-spacing:.15em;color:#835015;background:none;border:0;border-radius:0;padding:0;margin-bottom:26px}
.hero-content h1{font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:1.09;font-weight:650;text-shadow:none;letter-spacing:-.065em;margin-bottom:24px}
.hero-content h1 .pop{color:#a86216}.hero-content p{color:#526075;font-size:1.05rem;line-height:1.85;text-shadow:none;max-width:490px;margin:0 0 32px}
.hero-cta{justify-content:flex-start;gap:14px}.btn{font-family:Inter,sans-serif;font-size:.85rem;letter-spacing:0;border-radius:8px;padding:16px 20px;box-shadow:none}
.btn-amber{background:#f5b438;color:#142439}.btn-ghost{color:#142439;border:1px solid #d6d1c7}.btn-ghost:hover{background:#eeeae1;border-color:#142439}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.hero-stats{position:static;margin-top:34px;transform:none;gap:16px;display:flex;flex-wrap:wrap;color:#526075;font-size:.72rem}.hero-stats:hover{transform:none}.hero-stats span+span:before{content:'·';margin-right:16px;color:#ad7329}
.phr-hero-visual{position:relative;border-radius:100px 12px 12px 12px;overflow:hidden;min-width:0;height:520px;margin:0;background:#e6dfd3;box-shadow:var(--shadow-lg)}
.phr-hero-visual img{width:100%;height:100%;object-fit:cover}.phr-hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:90px 32px 26px;background:linear-gradient(transparent,rgba(11,17,32,.85));color:#fff}.phr-hero-visual figcaption span{display:block;font-size:.6rem;letter-spacing:.16em;margin-bottom:10px}.phr-hero-visual strong{display:block;font-size:2rem;line-height:1.15;font-weight:500;letter-spacing:-.04em}.phr-hero-visual small{display:block;margin-top:18px;font-size:.65rem;color:#e6e7ea}
.marquee{display:none}.sec-head{margin-bottom:38px}.sec-head h2{color:#142439;font-size:clamp(2rem,3.5vw,3.1rem);font-weight:600}.sec-head .eyebrow{color:#985814;font-family:Inter,sans-serif;font-size:.68rem;letter-spacing:.17em}.sec-head p{color:#526075;font-size:1rem;line-height:1.8}.sec-head h2 .underline::after{display:none}
#beforeafter{background:#f0ece4;border-top:1px solid #e1dcd2;border-bottom:1px solid #e1dcd2}.ba-wrap{max-width:1120px;border-radius:14px;box-shadow:var(--shadow)}.ba-container{aspect-ratio:16/8}.ba-tag{font-family:Inter,sans-serif!important;letter-spacing:.12em}.phr-slider-note{font-size:.75rem!important;max-width:700px!important}
#trust,#services,#area{background:#faf8f4}.bento-grid{max-width:1120px}.bento-card,.svc-card{background:#fff;border:1px solid #e5e1d9;box-shadow:none}.bento-large h3,.bento-small h4,.svc-card h3{color:#142439}.bento-badge{color:#875214}.bento-card p,.svc-card p{color:#526075}.svc-card{text-align:left;padding:30px}.svc-icon,.b-icon{font-size:1.7rem!important}.svc-card:hover{transform:translateY(-4px)}.svc-card::before{display:none}.svc-card:hover p,.svc-card:hover h3{color:#142439}
#estimate{background:#eee9df}.form-wrap{max-width:680px;background:white;border:1px solid #ddd8cf;box-shadow:var(--shadow)}.form-group label,.btn-next,.btn-back,.chip{font-family:Inter,sans-serif}.btn-next,.btn-back{border-radius:8px}.form-group input{border-width:1px}.chip{font-size:.85rem}.sms-consent{color:#526075}
#story{background:#142439}.story-quote{color:white!important;font-family:Inter,sans-serif;letter-spacing:-.04em}.story-body{color:#d4dce6}.story-metrics{display:none}
#testimonials{background:#f0ece4}.test-card{background:white!important;border:1px solid #e1dcd2!important;color:#142439!important}.test-card p,.test-text,.test-quote{color:#526075!important}.test-name{color:#142439!important}
.test-meta .t-name{color:#142439}.area-city{background:white!important;color:#142439!important;border-color:#dedbd3!important}
#cta-section{background:#e9dfcc}#cta-section h2{color:#142439}#cta-section p{color:#526075}.footer{background:#142439;color:#d4dce6}.footer h4{letter-spacing:0}.mobile-cta{background:#fff;border-top:1px solid #d6d1c7}.mobile-cta .cta-quote{color:#142439!important;border-color:#142439}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #986016;outline-offset:4px}
@media(max-width:1100px){.hero{gap:32px}.nav-links{gap:14px}.nav-logo{font-size:.94rem}}
@media(max-width:900px){.nav{padding:16px 20px}.nav-links{background:#faf8f4;top:64px}.nav-links a{color:#142439;border-color:#e2dfd7}.nav-links .staff-login{border-left:0;padding-left:24px}.hero{grid-template-columns:1fr;padding:118px 24px 48px;gap:32px;min-height:0}.hero-content h1{font-size:clamp(2.6rem,7vw,4rem)}.phr-hero-visual{height:400px;max-width:650px;width:100%;border-radius:60px 10px 10px 10px}.hero-stats{justify-content:flex-start;margin:24px 0 0}.ba-container{aspect-ratio:4/3}section{padding:60px 24px}}
@media(max-width:500px){.hero-content h1{font-size:2.55rem}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{justify-content:center}.phr-hero-visual{height:340px}.nav-logo{font-size:.9rem}.form-wrap{padding:26px 20px}.form-nav{gap:8px}.btn-back,.btn-next{padding:12px 14px;font-size:.85rem}.hero-stats{gap:10px;font-size:.67rem}.hero-stats span+span:before{margin-right:10px}.footer .container{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
