/* ===== Original style block 01 ===== */
:root {
  --ink:#17352b;
  --green:#214b3b;
  --green-2:#396956;
  --sage:#dce9df;
  --sage-2:#edf4ee;
  --cream:#f8f4ea;
  --paper:#fffdf8;
  --peach:#e9b99f;
  --gold:#c79b5b;
  --text:#365046;
  --muted:#6d7e76;
  --line:rgba(23,53,43,.14);
  --shadow:0 22px 60px rgba(25,55,44,.12);
  --radius:28px;
  --radius-sm:18px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:var(--paper);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(var(--max), calc(100% - 40px));margin-inline:auto}
.section{padding:105px 0;position:relative}
.section-soft{background:var(--sage-2)}
.section-cream{background:var(--cream)}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  margin-bottom:16px;color:var(--green-2);font-weight:800;
  text-transform:uppercase;letter-spacing:.17em;font-size:.76rem
}
.eyebrow:before{content:"";width:28px;height:1px;background:currentColor}
h1,h2,h3{font-family:Georgia, "Times New Roman", serif;color:var(--ink);line-height:1.07;margin:0}
h1{font-size:clamp(3.3rem,7vw,6.65rem);letter-spacing:-.055em}
h2{font-size:clamp(2.45rem,5vw,4.7rem);letter-spacing:-.045em}
h3{font-size:1.55rem;letter-spacing:-.025em}
p{margin:0}
.lede{font-size:1.08rem;color:var(--muted);max-width:680px}
.muted{color:var(--muted)}
.kicker{font-size:.9rem;font-weight:800;color:var(--green)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 22px;border-radius:999px;border:1px solid transparent;
  font-weight:800;transition:.25s ease;white-space:nowrap
}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(33,75,59,.22)}
.btn-primary:hover{transform:translateY(-2px);background:#173c2e}
.btn-light{background:#fff;color:var(--green);border-color:rgba(255,255,255,.42)}
.btn-light:hover{transform:translateY(-2px)}
.btn-outline{border-color:var(--line);background:rgba(255,255,255,.72);color:var(--ink)}
.btn-outline:hover{background:#fff;transform:translateY(-2px)}
.arrow{font-size:1.15em;transform:translateY(-1px)}
.skip-link{position:absolute;left:-999px;top:10px;background:#fff;padding:10px 14px;z-index:9999}
.skip-link:focus{left:10px}

/* Header */
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:1000;
  padding:18px 0;transition:.3s ease
}
.site-header.scrolled{background:rgba(255,253,248,.9);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(23,53,43,.08);padding:10px 0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;color:var(--ink);min-width:max-content}
.brand-mark{width:42px;height:42px;border-radius:50%;background:var(--green);display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(33,75,59,.24)}
.brand-name{line-height:1}
.brand-name strong{display:block;font-family:Georgia,serif;font-size:1.16rem}
.brand-name span{font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{padding:11px 13px;border-radius:999px;font-size:.92rem;font-weight:750;color:#355248}
.nav-links a:hover,.nav-links a.active{background:rgba(220,233,223,.78);color:var(--ink)}
.nav-cta{margin-left:5px}
.menu-toggle{display:none;border:0;background:#fff;width:46px;height:46px;border-radius:50%;box-shadow:0 5px 20px rgba(23,53,43,.12)}
.menu-toggle span{display:block;width:19px;height:2px;background:var(--ink);margin:4px auto;transition:.25s}

/* Hero */
.hero{
  min-height:810px;display:flex;align-items:flex-end;padding:150px 0 78px;
  background:
    radial-gradient(circle at 12% 22%, rgba(233,185,159,.26), transparent 28%),
    linear-gradient(135deg, #f5f0e6 0%, #edf4ee 48%, #f9f6ef 100%);
  overflow:hidden
}
.hero:before{
  content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(33,75,59,.09);
  border-radius:50%;left:-180px;top:180px
}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:68px;align-items:center}
.hero-copy{position:relative;z-index:2;padding-top:50px}
.hero-copy h1 span{display:block;color:var(--green-2);font-style:italic;font-weight:400}
.hero-copy .lede{font-size:1.14rem;max-width:610px;margin-top:25px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero-trust{display:flex;gap:26px;flex-wrap:wrap;margin-top:38px;color:var(--ink);font-size:.9rem;font-weight:700}
.hero-trust span{display:flex;align-items:center;gap:8px}
.hero-trust i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:var(--green);font-size:.78rem}
.hero-visual{position:relative;min-height:620px}
.hero-photo{
  position:absolute;inset:0 0 0 55px;border-radius:160px 160px 34px 34px;
  background-image:linear-gradient(rgba(23,53,43,.05),rgba(23,53,43,.05)),url("../assets/images/background-01.jpg");
  background-size:cover;background-position:center;box-shadow:var(--shadow)
}
.hero-badge{
  position:absolute;background:#fff;border-radius:22px;padding:18px 20px;box-shadow:0 18px 45px rgba(22,50,40,.15);
  z-index:2;border:1px solid rgba(255,255,255,.65)
}
.hero-badge.top{right:-18px;top:92px}
.hero-badge.bottom{left:2px;bottom:50px}
.hero-badge strong{display:block;color:var(--ink);font-size:1.05rem}
.hero-badge small{color:var(--muted)}
.rating-stars{letter-spacing:2px;color:#b98845;font-size:.85rem;margin-bottom:3px}
.pet-bubble{
  position:absolute;right:30px;bottom:26px;width:88px;height:88px;border-radius:50%;
  display:grid;place-items:center;background:var(--peach);color:var(--ink);
  font-size:2rem;border:7px solid var(--paper);box-shadow:0 15px 40px rgba(23,53,43,.14)
}

/* trust strip */
.trust-strip{margin-top:-1px;background:var(--green);color:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{padding:27px 24px;border-right:1px solid rgba(255,255,255,.14)}
.trust-item:last-child{border-right:0}
.trust-item strong{display:block;font-family:Georgia,serif;font-size:1.4rem;font-weight:500}
.trust-item span{font-size:.82rem;color:rgba(255,255,255,.72)}

/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}
.image-stack{position:relative;min-height:610px}
.image-main{
  position:absolute;inset:0 78px 60px 0;border-radius:var(--radius);overflow:hidden;
  background:url("../assets/images/background-02.jpg") center/cover no-repeat;box-shadow:var(--shadow)
}
.image-card{
  position:absolute;right:0;bottom:0;width:47%;height:44%;border-radius:24px;overflow:hidden;
  border:9px solid var(--paper);background:url("../assets/images/background-03.jpg") center/cover no-repeat;
  box-shadow:0 20px 55px rgba(23,53,43,.17)
}
.floating-note{
  position:absolute;top:34px;right:5px;background:var(--cream);padding:15px 18px;border-radius:18px;
  color:var(--ink);font-weight:800;box-shadow:0 14px 34px rgba(23,53,43,.12)
}
.check-list{display:grid;gap:15px;margin:30px 0 34px;padding:0;list-style:none}
.check-list li{display:flex;gap:12px;align-items:flex-start}
.check{flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:var(--sage);color:var(--green);display:grid;place-items:center;font-size:.78rem;font-weight:900;margin-top:1px}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.stat{border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(255,255,255,.65)}
.stat strong{font-family:Georgia,serif;font-size:1.65rem;color:var(--ink);font-weight:500;display:block}
.stat span{font-size:.8rem;color:var(--muted)}

/* service grid */
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:44px}
.section-head .lede{max-width:500px}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{
  min-height:410px;border-radius:26px;overflow:hidden;position:relative;background:#fff;
  border:1px solid var(--line);transition:.3s ease;box-shadow:0 10px 30px rgba(25,55,44,.045)
}
.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.service-photo{height:180px;background-position:center;background-size:cover;position:relative}
.service-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(23,53,43,.16),transparent 60%)}
.service-card:nth-child(1) .service-photo{background-image:url("../assets/images/upholstery-cleaning-service.jpg")}
.service-card:nth-child(2) .service-photo{background-image:url("../assets/images/carpet-cleaning-service.jpg")}
.service-card:nth-child(3) .service-photo{background-image:url("../assets/images/background-01.jpg")}
.service-card:nth-child(4) .service-photo{background-image:url("../assets/images/deep-cleaning-service.jpg")}
.service-card:nth-child(5) .service-photo{background-image:url("../assets/images/background-01.jpg");background-position:65% center}
.service-card:nth-child(6) .service-photo{background-image:url("../assets/images/background-09.jpg")}
.service-card:nth-child(7) .service-photo{background-image:url("../assets/images/oven-and-extractor-cleaning-service.jpg")}
.service-card:nth-child(8) .service-photo{background-image:linear-gradient(135deg,rgba(23,53,43,.13),rgba(33,75,59,.05)),url("../assets/images/background-09.jpg");background-position:center top}
.service-no{position:absolute;top:15px;left:15px;background:rgba(255,253,248,.92);backdrop-filter:blur(10px);border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:900;color:var(--green);z-index:2}
.service-body{padding:24px 24px 26px}
.service-cat{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--green-2);margin-bottom:8px}
.service-body p{font-size:.93rem;color:var(--muted);margin-top:10px}
.service-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-weight:900;color:var(--green);font-size:.88rem}

/* dark feature */
.why{background:var(--green);color:#fff;overflow:hidden}
.why:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-180px;top:-160px}
.why h2,.why h3{color:#fff}
.why .eyebrow{color:#c9e0d1}
.why .lede{color:rgba(255,255,255,.7)}
.why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.why-card{border:1px solid rgba(255,255,255,.14);border-radius:23px;padding:26px;background:rgba(255,255,255,.055);min-height:210px;position:relative;z-index:1}
.why-card strong{font-size:.71rem;letter-spacing:.16em;text-transform:uppercase;color:#c9e0d1}
.why-card h3{font-size:1.4rem;margin-top:12px}
.why-card p{margin-top:10px;color:rgba(255,255,255,.67);font-size:.9rem}
.why-icon{width:45px;height:45px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;margin-bottom:18px;font-size:1.2rem}

/* process */
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.process-card{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line);position:relative}
.process-num{font-family:Georgia,serif;font-size:3.8rem;color:#c8d9cd;line-height:1;margin-bottom:18px}
.process-card p{margin-top:11px;color:var(--muted);font-size:.93rem}
.process-card:not(:last-child):after{content:none}

/* story values */
.story-band{display:grid;grid-template-columns:1.15fr .85fr;gap:25px;margin-top:42px}
.story-card{border-radius:28px;padding:34px;background:var(--cream);border:1px solid rgba(23,53,43,.08)}
.story-card.alt{background:var(--sage-2)}
.story-card p{margin-top:14px;color:var(--muted)}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px}
.value{padding:23px;border-radius:20px;border:1px solid var(--line);background:#fff}
.value .value-icon{font-size:1.4rem;margin-bottom:13px}
.value h3{font-size:1.22rem}
.value p{font-size:.86rem;color:var(--muted);margin-top:8px}

/* reviews */
.rating-panel{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:start}
.rating-big{background:var(--green);color:#fff;border-radius:28px;padding:36px;position:sticky;top:95px}
.rating-big .score{font-family:Georgia,serif;font-size:5.3rem;line-height:.9;margin:14px 0;color:#fff}
.rating-big .stars{color:#f2c882;letter-spacing:4px}
.rating-big p{color:rgba(255,255,255,.7);margin-top:12px}
.reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.review{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;min-height:205px}
.review .stars{color:#b8894f;letter-spacing:2px;font-size:.82rem}
.review p{margin:15px 0;color:#4e625a;font-size:.94rem}
.review footer{font-weight:900;color:var(--ink)}
.review footer span{display:block;color:var(--muted);font-weight:600;font-size:.78rem}
.feedback-box{margin-top:18px;border-radius:24px;padding:28px;background:var(--cream);border:1px solid rgba(23,53,43,.09)}
.feedback-box h3{margin-bottom:6px}
.feedback-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}

/* FAQ */
.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}
.faq-list{display:grid;gap:10px}
details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 20px}
summary{list-style:none;cursor:pointer;padding:20px 36px 20px 0;font-weight:900;color:var(--ink);position:relative}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:0;top:18px;width:28px;height:28px;border-radius:50%;background:var(--sage);display:grid;place-items:center;color:var(--green)}
details[open] summary:after{content:"−"}
details p{padding:0 0 20px;color:var(--muted);font-size:.93rem}

/* contact */
.contact-wrap{display:grid;grid-template-columns:.76fr 1.24fr;gap:54px;align-items:start}
.contact-card{border-radius:28px;background:var(--green);color:#fff;padding:38px;position:sticky;top:95px;overflow:hidden}
.contact-card:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-110px;bottom:-110px}
.contact-card h2{color:#fff;font-size:clamp(2.4rem,4vw,4rem)}
.contact-card .lede{color:rgba(255,255,255,.7);margin-top:16px}
.contact-info{display:grid;gap:19px;margin-top:34px;position:relative;z-index:2}
.contact-line{display:flex;gap:14px}
.contact-line b{display:block;color:#fff}
.contact-line span,.contact-line a{color:rgba(255,255,255,.72);font-size:.91rem}
.contact-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:rgba(255,255,255,.11);display:grid;place-items:center}
.quote-form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 15px 40px rgba(25,55,44,.06)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
label{font-size:.79rem;font-weight:900;color:var(--ink)}
input,select,textarea{
  width:100%;border:1px solid rgba(23,53,43,.16);background:#fbfaf6;border-radius:14px;
  min-height:50px;padding:12px 14px;color:var(--ink);outline:none;transition:.2s
}
textarea{min-height:130px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 4px rgba(57,105,86,.09);background:#fff}
.form-note{margin-top:13px;font-size:.78rem;color:var(--muted)}
.submit-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px}
.security{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.78rem}
.security input{width:18px;height:18px;min-height:0}

/* final CTA */
.final-cta{padding:45px 0 90px;background:var(--paper)}
.cta-box{
  background:linear-gradient(125deg,#214b3b,#315e4c);border-radius:34px;padding:62px;
  color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden;position:relative
}
.cta-box:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.05);right:8%;top:-190px}
.cta-box h2{color:#fff;max-width:760px}
.cta-box p{color:rgba(255,255,255,.7);margin-top:13px}

/* footer */
.site-footer{background:#142f27;color:rgba(255,255,255,.72);padding:70px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,.8fr);gap:45px}
.footer-brand .brand{color:#fff}
.footer-brand .brand-name span{color:rgba(255,255,255,.48)}
.footer-brand p{max-width:320px;margin-top:18px;font-size:.9rem}
.footer-col h4{margin:0 0 16px;color:#fff;font-size:.86rem;text-transform:uppercase;letter-spacing:.13em}
.footer-col a{display:block;margin:8px 0;font-size:.88rem}
.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.76rem}
.photo-credit{max-width:620px}

/* toast */
.toast{position:fixed;right:22px;bottom:96px;z-index:2000;background:#17352b;color:#fff;padding:15px 18px;border-radius:15px;box-shadow:0 14px 35px rgba(23,53,43,.3);transform:translateY(120px);opacity:0;transition:.3s;max-width:360px;font-size:.9rem}
.toast.show{transform:translateY(0);opacity:1}
@media(max-width:640px){
  .toast{right:14px;bottom:88px;max-width:calc(100vw - 28px)}
}

/* decorative reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:980px){
  .nav-links{position:fixed;inset:0 0 0 28%;background:var(--paper);padding:110px 26px 35px;display:flex;flex-direction:column;align-items:stretch;gap:4px;transform:translateX(110%);transition:.3s;box-shadow:-25px 0 70px rgba(23,53,43,.15)}
  .nav-links.open{transform:none}
  .nav-links a{padding:15px 16px;font-size:1.02rem}
  .menu-toggle{display:block;z-index:3}
  .nav-cta{margin-left:0;margin-top:10px}
  .hero{min-height:auto;padding-top:125px}
  .hero-grid,.split,.why-grid,.rating-panel,.faq-wrap,.contact-wrap{grid-template-columns:1fr;gap:48px}
  .hero-copy{padding-top:10px}
  .hero-visual{min-height:560px}
  .hero-photo{left:0}
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-item:nth-child(2){border-right:0}
  .services-grid{grid-template-columns:1fr 1fr}
  .values-grid{grid-template-columns:1fr 1fr}
  .rating-big,.contact-card{position:relative;top:auto}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
  .footer-col:last-child{grid-column:2/4}
}
@media(max-width:680px){
  .container{width:min(100% - 26px,var(--max))}
  .section{padding:78px 0}
  h1{font-size:clamp(3rem,15vw,4.7rem)}
  h2{font-size:clamp(2.25rem,11vw,3.4rem)}
  .hero{padding-top:112px;padding-bottom:60px}
  .hero-grid{gap:40px}
  .hero-actions{display:grid}
  .hero-actions .btn{width:100%}
  .hero-visual{min-height:480px}
  .hero-photo{border-radius:110px 110px 28px 28px}
  .hero-badge.top{right:7px;top:45px}
  .hero-badge.bottom{left:-3px;bottom:30px}
  .pet-bubble{width:72px;height:72px;right:10px;bottom:20px}
  .trust-grid{grid-template-columns:1fr 1fr}
  .trust-item{padding:21px 12px}
  .trust-item strong{font-size:1.15rem}
  .image-stack{min-height:480px}
  .image-main{right:45px;bottom:55px}
  .image-card{width:50%;height:41%;border-width:6px}
  .floating-note{right:-2px;font-size:.8rem}
  .stats-row{grid-template-columns:1fr}
  .section-head{display:block}
  .section-head .lede{margin-top:16px}
  .services-grid,.process-grid,.why-cards,.reviews-grid,.values-grid,.story-band,.form-grid,.feedback-row{grid-template-columns:1fr}
  .service-card{min-height:0}
  .process-card:not(:last-child):after{content:none}
  .why-grid{gap:35px}
  .rating-big .score{font-size:4.2rem}
  .field.full{grid-column:auto}
  .submit-row{display:grid}
  .submit-row .btn{width:100%}
  .cta-box{padding:38px 28px;display:block}
  .cta-box .btn{margin-top:24px;width:100%}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .footer-brand{grid-column:1/-1}
  .footer-col:last-child{grid-column:auto}
  .footer-bottom{display:block}
  .photo-credit{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}


/* =========================================================
   SWEETPEA LIVE-BRAND THEME OVERRIDE
   Only branding requested by client: live-site logo palette,
   text colours/theme, and Lemon Milk typography.
   ========================================================= */
:root{
  --ink:#f8f6f3;
  --green:#b05ded;
  --green-2:#c47af2;
  --sage:#40343f;
  --sage-2:#282421;
  --cream:#332e2a;
  --paper:#2c2825;
  --peach:#b05ded;
  --gold:#c47af2;
  --text:#ded9d4;
  --muted:#aaa29b;
  --line:rgba(255,255,255,.12);
  --shadow:0 22px 60px rgba(0,0,0,.24);
}
body,
button,input,select,textarea{
  font-family:'LEMON MILK','Lemon/Milk',sans-serif;
}
h1,h2,h3,
.brand-name strong,
.stat strong,
.process-num,
.rating-big .score{
  font-family:'LEMON MILK','Lemon/Milk',sans-serif;
}
body{background:var(--paper);color:var(--text)}
.brand-logo{display:block;width:154px;height:auto;max-width:none}
.footer-logo{width:166px}

/* Header / navigation */
.site-header{background:linear-gradient(to bottom,rgba(44,40,37,.72),rgba(44,40,37,0))}
.site-header.scrolled{background:rgba(44,40,37,.95);box-shadow:0 8px 28px rgba(0,0,0,.22)}
.nav-links a{color:#f4f1ed}
.nav-links a:hover,.nav-links a.active{background:rgba(176,93,237,.16);color:#fff}
.menu-toggle{background:#37312d;box-shadow:0 5px 20px rgba(0,0,0,.24)}
.menu-toggle span{background:#fff}

/* Hero */
.hero{
  background:
    radial-gradient(circle at 12% 22%,rgba(176,93,237,.22),transparent 30%),
    radial-gradient(circle at 82% 26%,rgba(196,122,242,.10),transparent 26%),
    linear-gradient(135deg,#24211f 0%,#2c2825 52%,#342d32 100%);
}
.hero:before{border-color:rgba(196,122,242,.13)}
.hero-copy h1 span{color:var(--green-2)}
.hero-trust i{background:rgba(176,93,237,.15);color:var(--green-2)}
.hero-badge{background:#332e2a;box-shadow:0 18px 45px rgba(0,0,0,.28);border:1px solid var(--line)}
.hero-badge strong{color:#fff}.hero-badge small{color:var(--muted)}
.rating-stars{color:var(--green-2)}
.pet-bubble{background:var(--green);color:#fff}

/* Buttons */
.btn-primary{background:var(--green);color:#fff;box-shadow:0 10px 24px rgba(176,93,237,.25)}
.btn-primary:hover{background:#9b49d8}
.btn-light{background:#fff;color:#2c2825;border-color:rgba(255,255,255,.42)}
.btn-outline{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.18)}
.btn-outline:hover{background:rgba(255,255,255,.10)}
.skip-link{background:#fff;color:#2c2825}

/* Global light surfaces -> live-brand dark surfaces */
.section-soft{background:#272321}
.section-cream{background:#312c28}
.trust-strip{background:#241f1d;color:#fff;border-top:1px solid rgba(176,93,237,.18);border-bottom:1px solid rgba(176,93,237,.18)}
.trust-item span{color:rgba(255,255,255,.68)}
.about-float{background:#342f2b;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.24);border:1px solid var(--line)}
.check{background:rgba(176,93,237,.15);color:var(--green-2)}
.stat{background:rgba(255,255,255,.035);border-color:var(--line)}
.stat strong{color:#fff}

/* Services */
.service-card{background:#312c29;border-color:var(--line);box-shadow:0 18px 45px rgba(0,0,0,.13)}
.service-no{background:rgba(44,40,37,.92);color:var(--green-2);border:1px solid rgba(255,255,255,.08)}
.service-body p{color:var(--muted)}
.service-link{color:var(--green-2)}
.service-photo:after{background:linear-gradient(to top,rgba(44,40,37,.30),transparent 60%)}

/* Why / process / story / values */
.why{background:#241f1d}
.why .eyebrow,.why-card strong{color:var(--green-2)}
.why-card{background:rgba(176,93,237,.055);border-color:rgba(196,122,242,.18)}
.why-icon{background:rgba(176,93,237,.16)}
.process-card,.value{background:#312c29;border-color:var(--line)}
.process-num{color:rgba(196,122,242,.48)}
.process-card:not(:last-child):after{background:var(--green)}
.story-card{background:#332e2a;border-color:var(--line)}
.story-card.alt{background:#282421}

/* Reviews / FAQ */
.rating-big{background:#241f1d;border:1px solid rgba(196,122,242,.18)}
.rating-big .stars,.review .stars{color:var(--green-2)}
.review,details{background:#312c29;border-color:var(--line)}
.review p{color:#c9c2bc}
.review footer{color:#fff}
.feedback-box{background:#332e2a;border-color:var(--line)}
summary{color:#fff}
summary:after{background:rgba(176,93,237,.16);color:var(--green-2)}

/* Contact / form */
.contact-card{background:#241f1d;border:1px solid rgba(196,122,242,.18)}
.contact-icon{background:rgba(176,93,237,.16)}
.quote-form{background:#312c29;border-color:var(--line);box-shadow:0 15px 40px rgba(0,0,0,.16)}
label{color:#f8f6f3}
input,select,textarea{background:#26221f;border-color:rgba(255,255,255,.14);color:#f8f6f3}
input::placeholder,textarea::placeholder{color:#8f8780}
select option{background:#26221f;color:#f8f6f3}
input:focus,select:focus,textarea:focus{border-color:var(--green-2);box-shadow:0 0 0 4px rgba(176,93,237,.11);background:#2b2623}

/* Final CTA / footer / notifications */
.final-cta{background:var(--paper)}
.cta-box{background:linear-gradient(125deg,#241f1d,#6f368f)}
.site-footer{background:#201d1b;color:rgba(255,255,255,.68)}
.footer-bottom{border-color:rgba(255,255,255,.10)}
.toast{background:#241f1d;color:#fff;box-shadow:0 14px 35px rgba(0,0,0,.32);border:1px solid rgba(196,122,242,.18)}

/* Mobile menu keeps the exact same behaviour/layout, only the brand theme changes. */
@media(max-width:880px){
  .nav-links{background:#241f1d;box-shadow:-25px 0 70px rgba(0,0,0,.35)}
  .nav-links a{color:#f4f1ed}
}



/* --- Client revision: closer match to https://www.sweetpeaspace.uk/ --- */
:root{
  --green:#6b4f87;
  --green-2:#b05ded;
  --paper:#fdf7ee;
  --text:#2c2825;
  --muted:#7a736d;
  --line:rgba(44,40,37,.14);
}
body,button,input,select,textarea{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing:0;
  text-transform:none;
}
h1,h2,h3,h4,.brand-name strong,.stat strong,.process-num,.rating-big .score{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing:-.03em;
  text-transform:none;
}
.eyebrow,.btn,.nav-links a,.footer-col h4,label,summary,b,strong{
  letter-spacing:0;
  text-transform:none;
}
.brand-logo{width:172px}
.site-header{background:transparent;padding-top:24px}
.site-header .nav{
  background:#3f3833;
  border-radius:999px;
  padding:10px 18px;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.site-header.scrolled{background:rgba(44,40,37,.10);box-shadow:none}
.nav-links a{color:#ffffff;font-weight:600}
.nav-links a:hover,.nav-links a.active{
  background:transparent;
  color:#c791ff;
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:10px;
}
.nav-links .nav-cta.btn-primary{
  padding:16px 34px;
  border-radius:999px;
  background:#6b4f87;
  color:#fff;
  box-shadow:none;
}
.hero-copy h1,.section-head h2,.contact-card h2,.faq-wrap h2,.cta-box h2{font-weight:800}
.hero-copy .lede,.section-head .lede,.contact-card .lede,.quote-form .muted,.review p,.service-body p,details p{font-size:1.03rem;line-height:1.8}
.availability-callout{
  margin-top:18px;
  display:inline-flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
  background:rgba(255,255,255,.92);
  color:#2c2825;
  border:1px solid rgba(44,40,37,.1);
  border-radius:18px;
  padding:12px 16px;
  font-size:.95rem;
  font-weight:600;
  box-shadow:0 12px 28px rgba(0,0,0,.06);
}
.availability-callout a{color:#6b4f87;text-decoration:none;font-weight:800}
.contact-availability{background:rgba(176,93,237,.10);border-color:rgba(176,93,237,.18);margin-bottom:20px}
.service-card:nth-child(odd){
  background:#f7f4ef;
  border-color:rgba(44,40,37,.10);
  box-shadow:0 16px 34px rgba(0,0,0,.08);
}
.service-card:nth-child(odd) .service-no{
  background:rgba(255,255,255,.95);
  color:#2c2825;
  border-color:rgba(44,40,37,.08);
}
.service-card:nth-child(odd) h3,
.service-card:nth-child(odd) .service-link{color:#2c2825}
.service-card:nth-child(odd) .service-body p{color:#6e6660}
.service-card:nth-child(even){background:#342f2b}
.side-widget{
  position:fixed;
  right:28px;
  bottom:28px;
  z-index:50;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:14px;
}
.side-widget-toggle{
  width:70px;
  height:70px;
  border:none;
  border-radius:50%;
  background:#6b4f87;
  color:#fff;
  box-shadow:0 16px 34px rgba(0,0,0,.22);
  cursor:pointer;
  font-size:1.45rem;
}
.widget-bubble-icon{display:inline-flex;align-items:center;justify-content:center}
.side-widget-panel{
  width:270px;
  padding:12px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(44,40,37,.08);
  box-shadow:0 20px 45px rgba(0,0,0,.16);
  display:grid;
  gap:10px;
}
.widget-option{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  text-align:left;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(44,40,37,.08);
  background:#fff;
  color:#2c2825;
  text-decoration:none;
  cursor:pointer;
}
.widget-option.call{background:#f7f4ef}
.widget-option.chat{background:#342f2b;color:#fff}
.widget-option-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(176,93,237,.14);
  color:#6b4f87;
  flex:none;
}
.widget-option.chat .widget-option-icon{background:rgba(255,255,255,.12);color:#fff}
.widget-option strong, .widget-option small{display:block}
.widget-option small{font-size:.8rem;opacity:.76}
.chatbot-panel{
  position:fixed;
  right:28px;
  bottom:118px;
  width:min(340px, calc(100vw - 28px));
  background:#fff;
  border:1px solid rgba(44,40,37,.08);
  border-radius:24px;
  box-shadow:0 24px 50px rgba(0,0,0,.18);
  z-index:51;
  overflow:hidden;
}
.chatbot-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 18px;
  background:#342f2b;
  color:#fff;
}
.chatbot-head small{display:block;opacity:.78;margin-top:3px}
.chatbot-head button{
  width:34px;
  height:34px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  cursor:pointer;
  font-size:1.2rem;
}
.chatbot-body{padding:18px;background:#fff}
.chat-msg{
  border-radius:16px;
  padding:12px 14px;
  font-size:.95rem;
  line-height:1.6;
}
.chat-msg.bot{background:#f7f4ef;color:#2c2825}
.chat-quick-actions{display:grid;gap:10px;margin:14px 0}
.chat-quick{
  border:none;
  background:#6b4f87;
  color:#fff;
  border-radius:14px;
  padding:11px 14px;
  text-align:left;
  cursor:pointer;
  font-weight:600;
}
@media(max-width:880px){
  .site-header{padding-top:14px}
  .site-header .nav{border-radius:24px;padding:14px 16px}
  .nav-links{background:#241f1d}
  .availability-callout{display:flex}
  .side-widget{right:18px;bottom:18px}
  .side-widget-panel{width:min(270px, calc(100vw - 36px))}
  .chatbot-panel{right:18px;bottom:104px;width:min(340px, calc(100vw - 36px))}
}



/* Floating review cards inspired by the supplied reference */
.floating-reviews-section{overflow:hidden;padding-bottom:115px}
.floating-reviews-section .section-head{margin-bottom:46px}
.reviews-marquee{
  display:grid;
  gap:22px;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);
}
.review-track{
  display:flex;
  gap:22px;
  width:max-content;
  will-change:transform;
}
.review-track-left{animation:reviewFloatLeft 38s linear infinite}
.review-track-right{animation:reviewFloatRight 42s linear infinite}
.reviews-marquee:hover .review-track{animation-play-state:paused}
.floating-review-card{
  width:390px;
  min-height:260px;
  flex:none;
  padding:26px;
  border-radius:24px;
  background:#f8f5f0;
  border:1px solid rgba(44,40,37,.10);
  color:#2c2825;
  box-shadow:0 12px 28px rgba(0,0,0,.07);
}
.review-person{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.review-person>span:last-child{display:grid;gap:2px}
.review-person strong{font-size:1rem;color:#2c2825}
.review-person small{font-size:.78rem;color:#918881;letter-spacing:.03em}
.review-avatar{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:linear-gradient(135deg,#b05ded,#6b4f87);color:#fff;font-weight:800;font-size:.82rem;
  border:3px solid rgba(255,255,255,.9)
}
.floating-stars{color:#b05ded;letter-spacing:.12em;font-size:.94rem;margin-bottom:14px}
.floating-review-card p{font-size:1rem;line-height:1.7;color:#514b46;margin:0}
@keyframes reviewFloatLeft{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 11px))}}
@keyframes reviewFloatRight{from{transform:translateX(calc(-50% - 11px))}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.review-track{animation:none!important}}

/* Footer social links */
.footer-socials{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.footer-socials a{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.72);font-size:.78rem}
.footer-socials a:hover{color:#fff}
.footer-socials a span{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:#6b4f87;color:#fff;font-size:.68rem;font-weight:800;line-height:1
}

/* One-button chatbot */
.simple-chatbot-button{
  position:fixed;right:28px;bottom:28px;z-index:52;
  width:70px;height:70px;border:0;border-radius:50%;
  display:grid;place-items:center;background:#6b4f87;color:#fff;
  box-shadow:0 16px 34px rgba(0,0,0,.22);cursor:pointer;
  transition:transform .2s ease,background .2s ease;
}
.simple-chatbot-button:hover{transform:translateY(-3px);background:#795a96}
.simple-chatbot-icon{font-size:1.55rem;line-height:1}
.chatbot-panel{right:28px;bottom:112px;width:min(360px,calc(100vw - 40px));z-index:53}
.chatbot-body{padding:16px}
.chat-conversation{
  display:flex;flex-direction:column;gap:10px;max-height:300px;overflow:auto;
  padding:2px 2px 14px;
}
.chat-msg{max-width:88%;word-break:break-word}
.chat-msg.bot{align-self:flex-start;background:#f7f4ef;color:#2c2825}
.chat-msg.user{align-self:flex-end;background:#6b4f87;color:#fff}
.chat-input-row{display:flex;gap:8px;padding-top:12px;border-top:1px solid rgba(44,40,37,.09)}
.chat-input-row input{
  min-width:0;flex:1;height:46px;border-radius:14px;background:#f7f4ef;color:#2c2825;
  border:1px solid rgba(44,40,37,.12);padding:0 13px;box-shadow:none
}
.chat-input-row input::placeholder{color:#918881}
.chat-input-row input:focus{background:#fff;border-color:#6b4f87;box-shadow:0 0 0 3px rgba(107,79,135,.10)}
.chat-input-row button{
  border:0;border-radius:14px;background:#6b4f87;color:#fff;padding:0 15px;font-weight:700;cursor:pointer
}
@media(max-width:880px){
  .floating-review-card{width:315px;min-height:245px;padding:22px}
  .simple-chatbot-button{right:18px;bottom:18px;width:62px;height:62px}
  .chatbot-panel{right:18px;bottom:94px;width:calc(100vw - 36px)}
  .footer-socials{justify-content:flex-start;margin-top:14px}
}


/* --- Sweetpea custom overrides --- */
.brand-logo{width:218px !important;height:auto;display:block}
.site-header .brand{display:flex;align-items:center}
.site-header .nav{background:rgba(36,31,29,.92);border:1px solid rgba(176,93,237,.14)}
.site-header.scrolled{background:transparent !important;box-shadow:none !important}
.footer-logo{width:292px !important;max-width:100%}
.trust-strip{display:none !important}

.reviews-marquee{display:grid;gap:24px;overflow:hidden;padding:4px 0 14px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%)}
.review-track{display:flex;gap:24px;width:max-content;animation:reviewSlide 48s linear infinite}
.review-track-right{animation-direction:reverse}
@keyframes reviewSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.floating-review-card{width:430px;min-height:276px;background:#f3f0eb;border:1px solid rgba(60,46,36,.08);border-radius:22px;box-shadow:none;padding:26px 28px;display:flex;flex-direction:column;justify-content:flex-start}
.review-person{display:flex;align-items:center;gap:14px;margin-bottom:18px;color:#2d2a27}
.review-person strong{display:block;font-size:1.12rem;line-height:1.1;color:#2f2b28}
.review-person small{display:block;margin-top:4px;font-size:.92rem;letter-spacing:.04em;color:#908980;text-transform:none}
.review-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;display:block;flex:none;border:2px solid rgba(176,93,237,.16);background:#ddd}
.floating-stars{font-size:1.12rem;letter-spacing:.12em;color:#c96b37;margin-bottom:10px}
.floating-review-card p{font-size:1.12rem;line-height:1.58;color:#4b4742;margin:0 0 22px}
.review-meta{margin-top:auto;padding-top:18px;border-top:1px solid rgba(60,46,36,.10);font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;color:#a39b91}

.site-footer{background:linear-gradient(90deg,#2a2522 0%,#26211f 50%,#2f2a26 100%);color:#f6f2ee;padding:58px 0 48px;margin-top:0}
.footer-shell{width:min(var(--max),calc(100% - 48px))}
.footer-top{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:start}
.footer-brand-block p{display:none}
.footer-tagline{font-family:var(--serif);font-size:4rem;line-height:.95;font-style:italic;font-weight:500;letter-spacing:-.04em;color:#fff;margin:34px 0 0}
.footer-tagline span{color:var(--accent)}
.footer-legal-block{justify-self:end;max-width:560px;text-align:center;color:#9c948b;font-size:1.08rem;line-height:1.65}
.footer-office-title{margin-top:34px;font-size:1.22rem;letter-spacing:.12em;font-weight:800;color:#c8baaa}
.footer-office-address{margin-top:14px;color:#fff;font-size:1.18rem;line-height:1.4}
.footer-divider{height:1px;background:rgba(255,255,255,.08);margin:52px 0 28px}
.custom-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:46px}
.footer-col h4{color:#a39bba;text-transform:uppercase;letter-spacing:.15em;font-size:1rem;margin-bottom:26px}
.footer-col a,.footer-col span{display:block;color:#fff;font-size:1.08rem;line-height:1.95;text-decoration:none}
.footer-col a:hover{color:#d8c6f7}
.footer-bottom{display:none !important}
.socials-col{justify-self:start}
.footer-social-icons{display:flex;gap:14px;flex-wrap:wrap}
.footer-social-icons a{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:.2s ease;background:transparent}
.footer-social-icons a:hover{background:rgba(176,93,237,.16);border-color:rgba(176,93,237,.35)}
.footer-social-icons svg{width:22px;height:22px;display:block}

.simple-chatbot-button{width:72px;height:72px;border-radius:50%;background:#7c58a6;border:none;box-shadow:none;right:22px;bottom:18px;font-size:0;position:fixed}
.simple-chatbot-button::before{content:'';position:absolute;left:22px;top:22px;width:28px;height:28px;background:#fff;border-radius:14px 14px 14px 3px}
.simple-chatbot-icon{display:none}
.chatbot-panel{border:1px solid rgba(176,93,237,.18);box-shadow:0 18px 60px rgba(0,0,0,.28)}
.chatbot-head{background:#2c2724;color:#fff}
#chatbotClose{border:1px solid rgba(255,255,255,.14);border-radius:50%;width:36px;height:36px;line-height:1;background:transparent;color:#fff}

@media (max-width: 1100px){
  .floating-review-card{width:360px;min-height:260px}
  .footer-tagline{font-size:3.2rem}
}
@media (max-width: 860px){
  .brand-logo{width:184px !important}
  .footer-top,.custom-footer-grid{grid-template-columns:1fr}
  .footer-legal-block{justify-self:start;text-align:left;max-width:none}
  .footer-tagline{font-size:2.8rem}
  .floating-review-card{width:320px;min-height:250px;padding:22px}
  .floating-review-card p{font-size:1rem}
}


/* --- Reference-match refinement --- */
:root{
  --sweetpea-footer:#2c2824;
  --sweetpea-purple:#6b4f87;
  --sweetpea-purple-bright:#bb5aed;
  --sweetpea-footer-label:#807e7c;
  --sweetpea-footer-link:#d5d4d3;
}

/* Header: slightly translucent, no blur or frosted glass */
.site-header{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
.site-header.scrolled{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
}
.site-header .nav{
  background:rgba(36,32,30,.90) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.16) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Supplied Sweetpea logo — exact desktop display size matched to the reference site. */
.brand-logo{
  width:244px !important;
  height:45px !important;
  max-width:244px !important;
  background:transparent !important;
  object-fit:contain !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
.site-header .brand,
.footer-brand-block .brand{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* Footer: copy the supplied reference hierarchy, colors and sequence */
.site-footer{
  background:var(--sweetpea-footer) !important;
  color:#fff !important;
  padding:60px 0 30px !important;
}
.footer-shell{
  width:min(1562px,calc(100% - 72px)) !important;
  max-width:none !important;
}
.footer-top{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:start !important;
  gap:70px !important;
}
.footer-logo{
  width:244px !important;
  height:45px !important;
  max-width:244px !important;
}
.footer-tagline{
  margin-top:35px !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:clamp(2.5rem,3.3vw,4.2rem) !important;
  line-height:.96 !important;
  font-style:italic !important;
  font-weight:500 !important;
  letter-spacing:-.055em !important;
  color:#fff !important;
}
.footer-tagline .happy-word{
  color:var(--sweetpea-purple) !important;
}
.footer-tagline .places-word{
  color:#fff !important;
}
.footer-legal-block{
  justify-self:end !important;
  width:min(100%,610px) !important;
  text-align:center !important;
  color:var(--sweetpea-footer-label) !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:1rem !important;
  line-height:1.62 !important;
}
.footer-legal-block p{
  margin:0 !important;
  color:var(--sweetpea-footer-label) !important;
}
.footer-office-title{
  margin-top:34px !important;
  color:#aba9a7 !important;
  font-size:.95rem !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
}
.footer-office-address{
  margin-top:12px !important;
  color:#fff !important;
  font-size:1.05rem !important;
  line-height:1.3 !important;
}
.footer-divider{
  height:1px !important;
  background:rgba(255,255,255,.065) !important;
  margin:55px 0 46px !important;
}
.custom-footer-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:70px !important;
}
.footer-col h4{
  margin:0 0 26px !important;
  color:var(--sweetpea-footer-label) !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:.83rem !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
}
.footer-col a,
.footer-col span{
  display:block !important;
  color:var(--sweetpea-footer-link) !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:1rem !important;
  line-height:1.8 !important;
  margin:0 0 9px !important;
  text-decoration:none !important;
}
.footer-col a:hover{
  color:#fff !important;
}
.socials-col{
  justify-self:start !important;
}
.footer-social-icons{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.footer-social-icons a{
  width:46px !important;
  height:46px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.11) !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  background:transparent !important;
}
.footer-social-icons a:hover{
  color:#fff !important;
  background:rgba(107,79,135,.22) !important;
  border-color:rgba(187,90,237,.28) !important;
}
.footer-social-icons svg{
  width:22px !important;
  height:22px !important;
  display:block !important;
}
.footer-bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
  margin-top:44px !important;
  padding-top:22px !important;
  border-top:1px solid rgba(255,255,255,.065) !important;
  color:var(--sweetpea-footer-label) !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:.78rem !important;
  line-height:1.5 !important;
}
.footer-bottom-copy{color:var(--sweetpea-footer-label) !important;}
.footer-bottom-links{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}
.footer-bottom-links a{
  color:var(--sweetpea-footer-link) !important;
  text-decoration:none !important;
}
.footer-bottom-links a:hover{color:#fff !important;}

/* Last CTA card: old-site spacing and restrained Sweetpea dark/purple treatment. */
.final-cta{padding:48px 0 88px !important;background:var(--paper) !important;}
.cta-box{
  background:#2c2824 !important;
  border:1px solid rgba(255,255,255,.07) !important;
  border-radius:30px !important;
  padding:56px 60px !important;
  box-shadow:none !important;
}
.cta-box:before{background:rgba(176,93,237,.08) !important;}
.cta-box .eyebrow{color:#a39bba !important;margin-bottom:14px !important;}
.cta-box h2{color:#fff !important;}
.cta-box p{color:#aaa29b !important;margin-top:14px !important;max-width:760px !important;}


/* Keep the chat bubble in the same footer style */
.simple-chatbot-button{
  background:var(--sweetpea-purple) !important;
  box-shadow:none !important;
}

@media(max-width:900px){
  .brand-logo{width:190px !important;height:auto !important;max-width:190px !important;}
  .footer-top,.custom-footer-grid{grid-template-columns:1fr !important;}
  .footer-legal-block{justify-self:start !important;text-align:left !important;}
  .footer-shell{width:min(100% - 32px,1562px) !important;}
  .custom-footer-grid{gap:34px !important;}
  .footer-bottom{align-items:flex-start !important;flex-direction:column !important;gap:12px !important;margin-top:34px !important;}
  .footer-bottom-links{gap:18px !important;}
  .cta-box{padding:42px 30px !important;}
}


/* Crisp Sweetpea logo — original live-site treatment: #BB5BED icon + white wordmark.
   SVG paths keep the logo sharp on Retina/high-DPI screens and at responsive sizes. */
.brand-logo{image-rendering:auto !important;opacity:1 !important;filter:none !important;mix-blend-mode:normal !important;}



/* --- Client revision: FAQ section matched to supplied dark reference --- */
#faq.faq-reference-section{
  background:#292622;
  padding:150px 0 125px;
  color:#fff;
  overflow:hidden;
}
#faq .faq-reference-wrap{
  grid-template-columns:.88fr 1.12fr;
  gap:88px;
  align-items:center;
}
#faq .faq-reference-copy{max-width:610px}
#faq .faq-reference-eyebrow{
  margin-bottom:19px;
  color:#7fad90;
  font-size:.78rem;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.25em;
  text-transform:uppercase;
}
#faq .faq-reference-copy h2{
  max-width:620px;
  color:#fff;
  font-size:clamp(3rem,4.35vw,4.55rem);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:800;
}
#faq .faq-reference-lede{
  max-width:530px;
  margin-top:26px;
  color:rgba(255,255,255,.61);
  font-size:1.03rem;
  line-height:1.78;
  font-weight:500;
}
#faq .faq-question-btn{
  margin-top:38px;
  min-height:48px;
  padding:0 30px;
  border:none;
  border-radius:999px;
  background:#6b4f87;
  color:#fff;
  box-shadow:none;
  font-size:.86rem;
  font-weight:800;
}
#faq .faq-question-btn:hover{
  background:#7a5898;
  color:#fff;
  transform:translateY(-2px);
}
#faq .faq-reference-list{gap:15px}
#faq .faq-reference-list details{
  overflow:hidden;
  margin:0;
  padding:0 28px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:26px;
  background:#36322e;
  color:#fff;
  transition:background .24s ease,border-color .24s ease,box-shadow .24s ease;
}
#faq .faq-reference-list details[open]{
  background:#fff;
  border-color:#ded9e4;
  box-shadow:0 2px 0 rgba(0,0,0,.03);
}
#faq .faq-reference-list summary{
  position:relative;
  min-height:76px;
  display:flex;
  align-items:center;
  padding:20px 58px 20px 0;
  color:#fff;
  font-size:1.03rem;
  line-height:1.4;
  font-weight:700;
  cursor:pointer;
}
#faq .faq-reference-list details[open] summary{
  min-height:78px;
  color:#191614;
  border-bottom:1px solid rgba(44,40,37,.08);
}
#faq .faq-reference-list summary:after{
  content:"+";
  position:absolute;
  right:0;
  top:50%;
  width:46px;
  height:46px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  border:1.5px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.66);
  font-size:1.68rem;
  line-height:1;
  font-weight:300;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
#faq .faq-reference-list details[open] summary:after{
  content:"−";
  border-color:rgba(44,40,37,.12);
  background:#f1ece7;
  color:#2c2825;
}
#faq .faq-reference-list details p{
  margin:0;
  padding:22px 0 28px;
  color:#6d6661;
  font-size:.98rem;
  line-height:1.7;
  font-weight:400;
}
@media(max-width:880px){
  #faq.faq-reference-section{padding:110px 0 92px}
  #faq .faq-reference-wrap{grid-template-columns:1fr;gap:54px}
  #faq .faq-reference-copy{max-width:720px}
  #faq .faq-reference-copy h2{max-width:720px}
  #faq .faq-reference-lede{max-width:650px}
}
@media(max-width:680px){
  #faq.faq-reference-section{padding:86px 0 74px}
  #faq .faq-reference-wrap{gap:42px}
  #faq .faq-reference-copy h2{font-size:clamp(2.55rem,12.5vw,3.55rem)}
  #faq .faq-reference-eyebrow{font-size:.7rem;letter-spacing:.2em}
  #faq .faq-reference-lede{margin-top:20px;font-size:.96rem}
  #faq .faq-question-btn{margin-top:28px}
  #faq .faq-reference-list details{padding:0 20px;border-radius:22px}
  #faq .faq-reference-list summary{min-height:72px;padding-right:50px;font-size:.95rem}
  #faq .faq-reference-list details[open] summary{min-height:72px}
  #faq .faq-reference-list summary:after{width:34px;height:34px}
  #faq .faq-reference-list details p{padding:18px 0 24px;font-size:.93rem}
}


/* --- Client revision: quote/contact section matched to supplied reference --- */
#contact.quote-reference-section{
  position:relative;
  overflow:hidden;
  padding:66px 0 72px;
  background:#fbf4ea;
  isolation:isolate;
}
#contact.quote-reference-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.34;
  background-image:
    radial-gradient(ellipse 28px 42px at 50% 5%, rgba(255,255,255,.58) 0 96%, transparent 100%),
    radial-gradient(ellipse 28px 42px at 50% 95%, rgba(255,255,255,.58) 0 96%, transparent 100%),
    radial-gradient(ellipse 42px 28px at 5% 50%, rgba(255,255,255,.58) 0 96%, transparent 100%),
    radial-gradient(ellipse 42px 28px at 95% 50%, rgba(255,255,255,.58) 0 96%, transparent 100%);
  background-size:112px 112px;
  background-position:0 0,0 0,0 0,0 0;
}
#contact .quote-reference-wrap{
  width:min(1000px, calc(100% - 40px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  gap:74px;
  align-items:start;
}
#contact .quote-reference-copy{
  padding-top:2px;
}
#contact .quote-reference-eyebrow{
  margin:0 0 16px;
  color:#66a17a;
  font-size:.72rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
}
#contact .quote-reference-copy h2{
  max-width:450px;
  margin:0;
  color:#172129;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:clamp(2.35rem,4.35vw,3rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:800;
}
#contact .quote-reference-copy .quote-reference-lede{
  max-width:390px;
  margin:20px 0 0;
  color:#8b8580;
  font-size:.83rem;
  line-height:1.75;
}
#contact .quote-reference-info{
  display:grid;
  gap:24px;
  margin-top:31px;
}
#contact .quote-reference-line{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
#contact .quote-reference-icon{
  width:31px;
  height:31px;
  flex:0 0 31px;
  display:grid;
  place-items:center;
  margin-top:1px;
  border:1px solid rgba(111,79,135,.12);
  border-radius:9px;
  background:#fff;
  color:#76509a;
  box-shadow:0 6px 16px rgba(55,44,35,.05);
}
#contact .quote-reference-icon svg{
  width:14px;
  height:14px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#contact .quote-reference-meta{
  padding-top:1px;
}
#contact .quote-reference-meta small{
  display:block;
  margin-bottom:4px;
  color:#aaa19b;
  font-size:.58rem;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
}
#contact .quote-reference-meta span,
#contact .quote-reference-meta a{
  display:block;
  color:#171717;
  font-size:.83rem;
  line-height:1.25;
  font-weight:500;
  text-decoration:none;
}
#contact .quote-reference-meta .office-address{
  max-width:270px;
}
#contact .quote-form.quote-reference-form{
  margin:0;
  padding:31px 30px 29px;
  border:1px solid rgba(44,40,37,.07);
  border-radius:30px;
  background:#fff;
  box-shadow:0 18px 50px rgba(53,44,35,.035);
}
#contact .quote-reference-form h3{
  margin:0;
  color:#172129;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:1.55rem;
  line-height:1.15;
  letter-spacing:-.035em;
  font-weight:500;
}
#contact .quote-reference-form .quote-form-intro{
  margin:10px 0 27px;
  color:#aaa29c;
  font-size:.65rem;
  line-height:1.5;
}
#contact .quote-reference-form .form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:18px;
  row-gap:18px;
}
#contact .quote-reference-form .field{
  display:grid;
  gap:8px;
}
#contact .quote-reference-form .field.full{
  grid-column:1/-1;
}
#contact .quote-reference-form label,
#contact .quote-reference-form .security-label{
  color:#8c7c76;
  font-size:.56rem;
  line-height:1;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#contact .quote-reference-form input,
#contact .quote-reference-form select,
#contact .quote-reference-form textarea{
  width:100%;
  margin:0;
  border:1px solid #dedbd8;
  border-radius:13px;
  background:#fff;
  color:#1d1d1d;
  outline:none;
  box-shadow:none;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:.68rem;
  transition:border-color .2s ease, box-shadow .2s ease;
}
#contact .quote-reference-form input,
#contact .quote-reference-form select{
  min-height:44px;
  padding:0 17px;
}
#contact .quote-reference-form textarea{
  min-height:88px;
  padding:16px 17px;
  resize:vertical;
}
#contact .quote-reference-form input::placeholder,
#contact .quote-reference-form textarea::placeholder{
  color:#aaa4a0;
  opacity:1;
}
#contact .quote-reference-form select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:42px;
  background-image:url("../assets/icons/select-arrow.svg");
  background-repeat:no-repeat;
  background-position:right 15px center;
}
#contact .quote-reference-form select option{
  background:#fff;
  color:#1d1d1d;
}
#contact .quote-reference-form input:focus,
#contact .quote-reference-form select:focus,
#contact .quote-reference-form textarea:focus{
  border-color:#b7a4c9;
  box-shadow:0 0 0 3px rgba(183,164,201,.12);
  background:#fff;
}
#contact .security-field{
  grid-column:1/-1;
  margin-top:3px;
}
#contact .security-field .security-label{
  display:block;
  margin-bottom:10px;
  color:#1d1d1d;
  font-weight:700;
  letter-spacing:0;
}
#contact .security-control{
  display:grid;
  grid-template-columns:1fr 42px;
  gap:9px;
}
#contact .security-control input{
  min-width:0;
  background:#fbfcfd;
}
#contact .security-refresh{
  width:42px;
  min-height:42px;
  border:1px solid #dcdfe4;
  border-radius:11px;
  background:#fbfcfd;
  color:#5f6875;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
}
#contact .security-refresh:hover{
  background:#f5f3f7;
  color:#76509a;
}
#contact .security-refresh svg{
  width:15px;
  height:15px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#contact .quote-reference-submit{
  width:100%;
  min-height:49px;
  margin-top:27px;
  border:0;
  border-radius:16px;
  background:#b4a1c4;
  color:#fff;
  box-shadow:none;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.015em;
}
#contact .quote-reference-submit:hover{
  transform:none;
  background:#a892bb;
}
#contact .security-error{
  display:none;
  margin:7px 0 0;
  color:#9c4f55;
  font-size:.66rem;
}
#contact .security-error.visible{display:block}
@media(max-width:900px){
  #contact.quote-reference-section{padding:64px 0}
  #contact .quote-reference-wrap{grid-template-columns:1fr;gap:45px;width:min(680px,calc(100% - 34px))}
  #contact .quote-reference-copy{padding:0}
  #contact .quote-reference-copy h2{max-width:580px}
  #contact .quote-reference-copy .quote-reference-lede{max-width:560px}
}
@media(max-width:560px){
  #contact .quote-reference-form .form-grid{grid-template-columns:1fr}
  #contact .quote-reference-form .field.full,
  #contact .security-field{grid-column:auto}
  #contact .quote-form.quote-reference-form{padding:26px 20px 24px;border-radius:24px}
  #contact .quote-reference-copy h2{font-size:2.35rem}
}



/* --- Client revision: Cleaning Process matched to supplied reference --- */
#process.process-reference-section{
  position:relative;
  overflow:hidden;
  padding:70px 0 76px;
  background:#fff;
  color:#2d2926;
  isolation:isolate;
}
#process.process-reference-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.45;
  background-image:
    radial-gradient(ellipse 31px 46px at 50% 4%, rgba(245,243,240,.72) 0 96%, transparent 100%),
    radial-gradient(ellipse 31px 46px at 50% 96%, rgba(245,243,240,.72) 0 96%, transparent 100%),
    radial-gradient(ellipse 46px 31px at 4% 50%, rgba(245,243,240,.72) 0 96%, transparent 100%),
    radial-gradient(ellipse 46px 31px at 96% 50%, rgba(245,243,240,.72) 0 96%, transparent 100%);
  background-size:128px 128px;
}
#process .process-reference-wrap{
  width:min(1055px, calc(100% - 40px));
  margin-inline:auto;
}
#process .process-reference-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:40px;
}
#process .process-reference-title{min-width:0}
#process .process-reference-eyebrow{
  margin:0 0 14px;
  color:#6da782;
  font-size:.69rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.25em;
  text-transform:uppercase;
}
#process .process-reference-title h2{
  margin:0;
  color:#2d2926;
  font-family:"LEMON MILK", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:clamp(2.3rem,3.55vw,3.2rem);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:700;
}
#process .process-reference-cta{
  flex:0 0 auto;
  min-width:138px;
  min-height:49px;
  margin-top:29px;
  padding:0 27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:999px;
  background:#745391;
  color:#fff;
  box-shadow:none;
  font-size:.74rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.03em;
  cursor:pointer;
  user-select:auto;
  transition:transform .18s ease, background-color .22s ease, box-shadow .22s ease;
}
#process .process-reference-cta:hover{
  transform:translateY(-2px);
  background:#825da5;
  box-shadow:0 14px 30px rgba(116,83,145,.22);
}
#process .process-reference-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:24px;
  margin-top:57px;
}
#process .process-reference-card{
  min-height:358px;
  padding:29px 36px 25px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  border:1px solid #ece8e2;
  border-radius:31px;
  background:#fbf8f3;
  box-shadow:none;
}
#process .process-reference-card h3{
  min-height:52px;
  margin:0;
  color:#342f2b;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:1.13rem;
  line-height:1.22;
  letter-spacing:-.035em;
  font-weight:500;
}
#process .process-reference-icon{
  position:relative;
  width:93px;
  height:93px;
  flex:0 0 93px;
  margin:19px 0 22px;
  display:grid;
  place-items:center;
  border-radius:50%;
}
#process .process-icon-search{background:#f7f1f9}
#process .process-icon-calendar{background:#f2f7f1}
#process .process-icon-quality{background:#fff2ee}
#process .process-search-emoji{
  font-size:3.05rem;
  line-height:1;
  transform:rotate(-8deg) translate(-1px, 2px);
  filter:saturate(.95) contrast(1.04);
}
#process .process-sparkle{
  position:absolute;
  top:10px;
  right:13px;
  font-size:1.05rem;
  line-height:1;
}
#process .calendar-art{
  position:relative;
  width:39px;
  height:41px;
  display:grid;
  place-items:center;
  border:5px solid #2f1398;
  border-radius:8px;
  background:#f3c31b;
  transform:rotate(-7deg);
  box-shadow:inset 0 6px 0 #6b45d9;
}
#process .calendar-art::before,
#process .calendar-art::after{
  content:"";
  position:absolute;
  top:-10px;
  width:5px;
  height:12px;
  border-radius:999px;
  background:#241075;
}
#process .calendar-art::before{left:5px}
#process .calendar-art::after{right:5px}
#process .calendar-art i{
  position:absolute;
  left:-8px;
  right:-8px;
  top:7px;
  height:5px;
  border-radius:999px;
  background:#6d49dc;
  transform:rotate(4deg);
}
#process .calendar-art b{
  position:relative;
  z-index:2;
  margin-top:9px;
  color:#4a1ba4;
  font-family:Inter, sans-serif;
  font-size:1.1rem;
  line-height:1;
  font-weight:900;
}
#process .quality-star{
  color:#c73345;
  font-size:3.55rem;
  line-height:1;
  transform:rotate(-8deg) translateY(-2px);
  text-shadow:3px -3px 0 rgba(227,113,91,.42), -2px 3px 0 rgba(142,17,45,.22);
}
#process .quality-100{
  position:absolute;
  right:11px;
  bottom:8px;
  color:#f07f99;
  font-size:.72rem;
  line-height:1;
  font-weight:900;
  font-style:italic;
  text-decoration:underline double;
  transform:rotate(-10deg);
}
#process .process-reference-card p{
  max-width:245px;
  margin:0 auto;
  color:#8e8984;
  font-size:.72rem;
  line-height:1.62;
  font-weight:400;
}

/* Home-page-only preview: visually keep controls, but do not route CTA/nav placeholders yet. */
a:not([href]){cursor:default}
.nav-links a:not([href]){cursor:default}
.nav-links a:not([href]):hover{color:inherit}

@media(max-width:900px){
  #process.process-reference-section{padding:62px 0 66px}
  #process .process-reference-head{gap:24px}
  #process .process-reference-grid{grid-template-columns:1fr;max-width:620px;margin:48px auto 0}
  #process .process-reference-card{min-height:330px;padding:30px 34px}
}
@media(max-width:620px){
  #process .process-reference-wrap{width:min(100% - 28px, 560px)}
  #process .process-reference-head{display:block}
  #process .process-reference-title h2{font-size:clamp(2.1rem,10.7vw,3rem)}
  #process .process-reference-cta{margin-top:25px}
  #process .process-reference-grid{margin-top:38px}
  #process .process-reference-card{border-radius:26px;padding:27px 24px}
}



/* --- Client revision: Who We Are redesigned with custom Sweetpea objects --- */
#about.about-reference-section{
  position:relative;
  overflow:hidden;
  padding:86px 0 92px;
  background:#fff;
  color:#2d2926;
  isolation:isolate;
}
#about.about-reference-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.45;
  background-image:
    radial-gradient(ellipse 31px 46px at 50% 4%, rgba(245,243,240,.72) 0 96%, transparent 100%),
    radial-gradient(ellipse 31px 46px at 50% 96%, rgba(245,243,240,.72) 0 96%, transparent 100%),
    radial-gradient(ellipse 46px 31px at 4% 50%, rgba(245,243,240,.72) 0 96%, transparent 100%),
    radial-gradient(ellipse 46px 31px at 96% 50%, rgba(245,243,240,.72) 0 96%, transparent 100%);
  background-size:128px 128px;
}
#about.about-reference-section::after{
  content:"";
  position:absolute;
  width:560px;height:560px;
  left:-270px;bottom:-310px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(187,91,237,.08),rgba(187,91,237,0) 68%);
  z-index:-1;
}
#about .about-reference-wrap{
  width:min(1055px,calc(100% - 40px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);
  gap:76px;
  align-items:center;
}
#about .about-art{
  position:relative;
  min-height:560px;
}
#about .about-art-frame{
  position:absolute;
  inset:24px 26px 22px 14px;
  overflow:hidden;
  border:1px solid #eee9e3;
  border-radius:48px 48px 130px 48px;
  background:linear-gradient(145deg,#fdfaf6 0%,#f8f3ee 58%,#f5f0f8 100%);
  box-shadow:0 26px 70px rgba(72,53,64,.09);
}
#about .about-cleaning-art{
  width:100%;height:100%;display:block;
  transform:scale(.92);
}
#about .about-art-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
#about .about-art-glow-one{width:210px;height:210px;left:-22px;top:8px;background:rgba(220,233,223,.72)}
#about .about-art-glow-two{width:168px;height:168px;right:-6px;bottom:7px;background:rgba(239,223,247,.88)}
#about .about-object{position:absolute;z-index:3;pointer-events:none}
#about .object-spark{
  width:78px;height:78px;right:0;top:68px;
  display:grid;place-items:center;
  border-radius:27px;background:#745391;
  transform:rotate(9deg);
  box-shadow:0 18px 40px rgba(116,83,145,.2);
}
#about .object-spark i{display:block;width:28px;height:28px;position:relative;transform:rotate(-9deg)}
#about .object-spark i::before,#about .object-spark i::after{content:"";position:absolute;inset:0;margin:auto;background:#fff;border-radius:999px}
#about .object-spark i::before{width:4px;height:28px}
#about .object-spark i::after{width:28px;height:4px}
#about .object-bubbles{left:-2px;bottom:72px;width:88px;height:95px}
#about .object-bubbles i{position:absolute;border:2px solid rgba(116,83,145,.24);border-radius:50%;background:rgba(255,255,255,.78)}
#about .object-bubbles i:nth-child(1){width:48px;height:48px;left:0;bottom:0}
#about .object-bubbles i:nth-child(2){width:29px;height:29px;right:3px;top:16px}
#about .object-bubbles i:nth-child(3){width:15px;height:15px;left:29px;top:0;background:#dce9df;border:0}
#about .object-leaf{right:16px;bottom:18px;width:92px;height:78px;transform:rotate(-8deg)}
#about .object-leaf::before{content:"";position:absolute;width:4px;height:68px;left:45px;top:4px;border-radius:99px;background:#6f9f80;transform:rotate(24deg)}
#about .object-leaf i{position:absolute;width:47px;height:25px;border-radius:100% 0 100% 0;background:#8fc09f}
#about .object-leaf i:nth-child(1){left:5px;top:10px;transform:rotate(12deg)}
#about .object-leaf i:nth-child(2){right:0;bottom:12px;transform:rotate(194deg)}
#about .about-mini-card{
  position:absolute;z-index:4;
  min-width:150px;padding:13px 16px;
  display:flex;align-items:center;gap:11px;
  border:1px solid rgba(235,229,223,.95);
  border-radius:17px;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 38px rgba(64,49,58,.10);
  backdrop-filter:blur(8px);
}
#about .about-mini-card span{
  width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;
  border-radius:50%;background:#f1e8f5;color:#745391;font-size:.62rem;font-weight:900
}
#about .about-mini-card strong{color:#39322f;font-size:.76rem;line-height:1.1;font-weight:750}
#about .about-mini-card-top{left:0;top:58px}
#about .about-mini-card-bottom{right:9px;bottom:76px}
#about .about-reference-eyebrow{
  margin:0 0 15px;
  color:#6da782;
  font-size:.69rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.25em;
  text-transform:uppercase;
}
#about .about-reference-copy h2{
  margin:0;
  color:#2d2926;
  font-family:"LEMON MILK",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(2.5rem,4.25vw,4rem);
  line-height:.98;
  letter-spacing:-.058em;
  font-weight:700;
}
#about .about-reference-lede{
  max-width:560px;
  margin:25px 0 0;
  color:#807a75;
  font-size:.92rem;
  line-height:1.78;
}
#about .about-feature-list{display:grid;gap:0;margin:32px 0 30px;border-top:1px solid #ece7e1}
#about .about-feature{
  display:grid;grid-template-columns:42px 1fr;gap:16px;
  padding:19px 0;
  border-bottom:1px solid #ece7e1;
}
#about .about-feature-no{
  width:36px;height:36px;display:grid;place-items:center;
  border-radius:50%;background:#f2e9f6;color:#745391;font-size:.66rem;font-weight:900
}
#about .about-feature strong{display:block;margin:1px 0 4px;color:#342f2b;font-size:.92rem;line-height:1.25}
#about .about-feature p{margin:0;color:#99928c;font-size:.75rem;line-height:1.55}
#about .about-reference-cta{
  min-height:50px;padding:0 28px;border:0;border-radius:999px;
  background:#745391;color:#fff;box-shadow:none;
  font-size:.74rem;font-weight:800;letter-spacing:.02em;
  cursor:default;user-select:none
}
#about .about-reference-cta:hover{transform:none;background:#745391}
@media(max-width:900px){
  #about.about-reference-section{padding:68px 0 74px}
  #about .about-reference-wrap{grid-template-columns:1fr;gap:46px;width:min(680px,calc(100% - 34px))}
  #about .about-art{min-height:520px;max-width:580px;width:100%;margin-inline:auto}
  #about .about-reference-copy{max-width:620px}
}
@media(max-width:560px){
  #about .about-reference-wrap{width:min(100% - 28px,560px)}
  #about .about-art{min-height:420px}
  #about .about-art-frame{inset:20px 12px 18px;border-radius:34px 34px 92px 34px}
  #about .about-cleaning-art{transform:scale(.98)}
  #about .object-spark{width:60px;height:60px;right:2px;top:48px;border-radius:21px}
  #about .about-mini-card{min-width:132px;padding:10px 12px}
  #about .about-mini-card-top{left:0;top:35px}
  #about .about-mini-card-bottom{right:1px;bottom:45px}
  #about .object-bubbles{left:0;bottom:45px;transform:scale(.8);transform-origin:left bottom}
  #about .object-leaf{right:9px;bottom:7px;transform:scale(.75) rotate(-8deg);transform-origin:right bottom}
  #about .about-reference-copy h2{font-size:clamp(2.2rem,11vw,3.2rem)}
  #about .about-reference-lede{font-size:.88rem}
}


/* --- Client revision v6: screenshot-inspired Who We Are, plain background only --- */
#about.about-cards-v6{
  position:relative;
  overflow:hidden;
  padding:92px 0 96px;
  background:#fbf5ec !important;
  color:#2c2825;
  isolation:auto;
}
/* Explicitly remove every decorative background object/pattern from this section. */
#about.about-cards-v6::before,
#about.about-cards-v6::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
#about.about-cards-v6 .about-v6-wrap{
  width:min(1100px,calc(100% - 40px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:92px;
  align-items:center;
}
#about.about-cards-v6 .about-v6-copy{max-width:500px}
#about.about-cards-v6 .about-v6-eyebrow{
  margin:0 0 20px;
  color:#6da782;
  font-size:.69rem;
  line-height:1;
  font-weight:850;
  letter-spacing:.27em;
  text-transform:uppercase;
}
#about.about-cards-v6 .about-v6-copy h2{
  margin:0;
  color:#2c2825;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(2.8rem,4.65vw,4.15rem);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:800;
}
#about.about-cards-v6 .about-v6-lede{
  max-width:475px;
  margin:28px 0 0;
  color:#8a837c;
  font-size:.98rem;
  line-height:1.62;
}
#about.about-cards-v6 .about-v6-points{
  list-style:none;
  padding:0;
  margin:30px 0 0;
  display:grid;
  gap:15px;
}
#about.about-cards-v6 .about-v6-points li{
  display:flex;
  align-items:center;
  gap:13px;
  color:#56504b;
  font-size:.91rem;
  line-height:1.25;
}
#about.about-cards-v6 .about-v6-check{
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  flex:0 0 19px;
  border-radius:50%;
  background:#e7f2e9;
  color:#67a47d;
  font-size:.68rem;
  font-weight:900;
}
#about.about-cards-v6 .about-v6-cta{
  margin-top:34px;
  min-height:47px;
  padding:0 31px;
  border:0;
  border-radius:999px;
  background:#735191;
  color:#fff;
  box-shadow:0 10px 22px rgba(115,81,145,.18);
  font-size:.78rem;
  font-weight:800;
  cursor:default;
}
#about.about-cards-v6 .about-v6-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
#about.about-cards-v6 .about-v6-card{
  min-height:238px;
  padding:30px 30px 27px;
  border-radius:28px;
  border:1px solid rgba(50,43,37,.045);
  box-shadow:0 16px 38px rgba(80,65,55,.035);
}
#about.about-cards-v6 .about-v6-card-white{background:#fff}
#about.about-cards-v6 .about-v6-emoji{
  min-height:45px;
  display:flex;
  align-items:flex-start;
  font-size:2.15rem;
  line-height:1;
  filter:saturate(.9);
}
#about.about-cards-v6 .about-v6-label{
  margin-top:11px;
  color:#b2aaa3;
  font-size:.56rem;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
#about.about-cards-v6 .about-v6-metric{
  display:block;
  margin-top:10px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:2.58rem;
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:800;
}
#about.about-cards-v6 .metric-green{color:#73ae89}
#about.about-cards-v6 .metric-purple{color:#b58ad0}
#about.about-cards-v6 .metric-peach{color:#eb987d;font-size:2.2rem;line-height:1.02}
#about.about-cards-v6 .about-v6-card p{
  margin:18px 0 0;
  color:#827a74;
  font-size:.76rem;
  line-height:1.55;
}
#about.about-cards-v6 .about-v6-card-purple{
  min-height:238px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#755394;
  border-color:transparent;
  color:#fff;
  box-shadow:0 18px 35px rgba(117,83,148,.16);
}
#about.about-cards-v6 .about-v6-rating-icon{
  font-size:2.55rem;
  line-height:1;
  margin-bottom:18px;
}
#about.about-cards-v6 .about-v6-rating-title{
  color:#fff;
  font-size:1.26rem;
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:800;
}
#about.about-cards-v6 .about-v6-stars{
  margin-top:15px;
  color:#fff;
  font-size:.76rem;
  letter-spacing:.18em;
}
@media(max-width:900px){
  #about.about-cards-v6{padding:72px 0 76px}
  #about.about-cards-v6 .about-v6-wrap{grid-template-columns:1fr;gap:52px}
  #about.about-cards-v6 .about-v6-copy{max-width:660px}
  #about.about-cards-v6 .about-v6-lede{max-width:620px}
  #about.about-cards-v6 .about-v6-cards{max-width:680px}
}
@media(max-width:620px){
  #about.about-cards-v6 .about-v6-wrap{width:min(100% - 28px,560px)}
  #about.about-cards-v6 .about-v6-copy h2{font-size:clamp(2.45rem,12vw,3.25rem)}
  #about.about-cards-v6 .about-v6-cards{grid-template-columns:1fr}
  #about.about-cards-v6 .about-v6-card{min-height:auto;padding:27px 25px}
  #about.about-cards-v6 .about-v6-card-purple{min-height:220px}
}


/* ===== Why Choose Sweetpea — screenshot-matched v7 ===== */
.why-v7{
  background:#292521 !important;
  color:#fff;
  overflow:hidden;
  padding:96px 0 104px;
}
.why-v7::before,
.why-v7::after{display:none !important;content:none !important}
.why-v7-wrap{max-width:1060px}
.why-v7-head{max-width:720px;margin-bottom:54px}
.why-v7 .eyebrow{
  color:#77b88f !important;
  font-size:.73rem;
  letter-spacing:.22em;
  font-weight:900;
  margin-bottom:14px;
}
.why-v7 h2{
  color:#fff !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:clamp(2.45rem,4.5vw,4.25rem);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:850;
}
.why-v7 h2 em{
  font-family:Georgia, "Times New Roman", serif;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.035em;
}
.why-v7-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.why-v7-card{
  background:#332f2b;
  border:1px solid rgba(255,255,255,.055);
  border-radius:26px;
  overflow:hidden;
  min-height:392px;
  box-shadow:0 18px 42px rgba(0,0,0,.14);
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.why-v7-card:hover{
  transform:translateY(-5px);
  border-color:rgba(187,91,237,.24);
  box-shadow:0 24px 54px rgba(0,0,0,.21);
}
.why-v7-media{
  height:198px;
  margin:7px 7px 0;
  overflow:hidden;
  border-radius:20px 20px 16px 16px;
  background:#403a36;
}
.why-v7-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  filter:saturate(.92) contrast(.98);
  transition:transform .4s ease;
}
.why-v7-card:hover .why-v7-media img{transform:scale(1.025)}
.why-v7-body{padding:28px 22px 30px}
.why-v7-body h3{
  color:#fff !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:1.42rem;
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:760;
  margin:0;
}
.why-v7-body p{
  margin-top:14px;
  color:rgba(255,255,255,.62);
  font-size:.86rem;
  line-height:1.65;
}
@media (max-width:900px){
  .why-v7{padding:78px 0 84px}
  .why-v7-head{margin-bottom:38px}
  .why-v7-grid{grid-template-columns:1fr;max-width:650px}
  .why-v7-card{min-height:0}
  .why-v7-media{height:260px}
}
@media (max-width:560px){
  .why-v7{padding:68px 0 72px}
  .why-v7 h2{font-size:clamp(2.15rem,11vw,3rem)}
  .why-v7 h2 br{display:none}
  .why-v7-grid{gap:18px}
  .why-v7-media{height:205px}
  .why-v7-body{padding:24px 19px 26px}
}


/* ===== Original style block 02 ===== */
/* ===== Client revision v9: Services color-only update ===== */
/* Keep every existing service-card size/layout exactly as-is. */
#services.section-soft{
  background:#fdf7ee !important;
}

#services .service-card,
#services .service-card:nth-child(odd),
#services .service-card:nth-child(even){
  background:#ffffff !important;
  border-color:rgba(44,40,37,.08) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.055) !important;
}

#services .service-card h3,
#services .service-card .service-link,
#services .service-card:nth-child(odd) h3,
#services .service-card:nth-child(even) h3,
#services .service-card:nth-child(odd) .service-link,
#services .service-card:nth-child(even) .service-link{
  color:#2c2825 !important;
}

#services .service-card .service-body p,
#services .service-card:nth-child(odd) .service-body p,
#services .service-card:nth-child(even) .service-body p{
  color:#7a736d !important;
}

#services .service-card .service-cat{
  color:#6b4f87 !important;
}

#services .service-no,
#services .service-card:nth-child(odd) .service-no,
#services .service-card:nth-child(even) .service-no{
  background:rgba(253,247,238,.96) !important;
  color:#6b4f87 !important;
  border-color:rgba(44,40,37,.08) !important;
}


/* ===== Original style block 03 ===== */
/* ===== Client revision v10: Services heading + aligned Book Now buttons ===== */
#services .section-head h2{
  color:#2c2825 !important;
}

#services .section-head .lede{
  color:#6f6862 !important;
}

#services .service-card{
  display:flex !important;
  flex-direction:column !important;
}

#services .service-body{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
}

#services .service-card h3{
  color:#2c2825 !important;
}

#services .service-book-btn{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  min-height:48px;
  height:48px;
  width:100%;
  margin-top:auto !important;
  padding:0 22px;
  border-radius:999px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  background:#6b4f87 !important;
  color:#ffffff !important;
  font:inherit;
  font-size:.88rem;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:0 9px 20px rgba(107,79,135,.18);
  transform:none !important;
  text-decoration:none;
}

#services .service-book-btn:hover{
  background:#5f447b !important;
  transform:none !important;
}


/* ===== Original style block 04 ===== */
/* ===== Client revision v11: service image uniqueness + phone + pure white CTA text ===== */

/* Pure white text on every service Book Now button. */
#services .service-card .service-book-btn,
#services .service-card .service-book-btn:hover,
#services .service-card .service-book-btn:focus,
#services .service-card .service-book-btn:active {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Cards 1/2/4/5 keep their existing distinct images.
   Cards 3 and 6 receive two additional distinct embedded cleaning images.
   No service-card sizing/layout properties are changed. */
#services .service-card:nth-child(3) .service-photo {
  background-image:url("../assets/images/background-13.jpg") !important;
  background-position:center !important;
  background-size:cover !important;
}
#services .service-card:nth-child(6) .service-photo {
  background-image:url("../assets/images/background-14.jpg") !important;
  background-position:center !important;
  background-size:cover !important;
}


/* ===== Original style block 05 ===== */
/* ===== Client revision v12: Reviews — one row, clear photos, seamless loop ===== */
#reviews .reviews-v12-marquee{
  display:block !important;
  overflow:hidden !important;
  padding:8px 0 18px;
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0, #000 5%, #000 95%, transparent 100%);
}

#reviews .reviews-v12-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:22px !important;
  width:max-content !important;
  animation:reviewV12Loop 58s linear infinite !important;
  will-change:transform;
}

#reviews .reviews-v12-marquee:hover .reviews-v12-track{
  animation-play-state:paused !important;
}

#reviews .review-v12-card{
  flex:0 0 360px !important;
  width:360px !important;
  min-height:390px !important;
  background:#f3f0eb !important;
  border:1px solid rgba(60,46,36,.08) !important;
  border-radius:24px !important;
  padding:26px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  box-shadow:none !important;
}

#reviews .review-v12-photo{
  width:92px !important;
  height:92px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  margin:0 0 16px !important;
  border:3px solid #fff !important;
  box-shadow:0 7px 22px rgba(44,40,37,.12) !important;
  background:#ddd !important;
}

#reviews .review-v12-person{
  display:grid !important;
  gap:3px !important;
  margin-bottom:10px !important;
}

#reviews .review-v12-person strong{
  color:#2c2825 !important;
  font-size:1.12rem !important;
  line-height:1.15 !important;
}

#reviews .review-v12-person small{
  color:#8d857d !important;
  font-size:.82rem !important;
  letter-spacing:.03em !important;
}

#reviews .review-v12-card .floating-stars{
  color:#bb5bed !important;
  letter-spacing:2px !important;
  font-size:.88rem !important;
  margin:0 0 14px !important;
}

#reviews .review-v12-card p{
  color:#4b4742 !important;
  font-size:1rem !important;
  line-height:1.66 !important;
  margin:0 0 20px !important;
}

#reviews .review-v12-card .review-meta{
  margin-top:auto !important;
  width:100% !important;
  padding-top:16px !important;
  border-top:1px solid rgba(60,46,36,.10) !important;
  color:#9b938a !important;
  font-size:.76rem !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
}

@keyframes reviewV12Loop{
  from{ transform:translateX(0); }
  to{ transform:translateX(calc(-50% - 11px)); }
}

@media (max-width:700px){
  #reviews .review-v12-card{
    flex-basis:310px !important;
    width:310px !important;
    min-height:385px !important;
    padding:23px !important;
  }
  #reviews .review-v12-photo{
    width:82px !important;
    height:82px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  #reviews .reviews-v12-track{
    animation:none !important;
  }
}


/* ===== Original style block 06 ===== */
/* ===== Client revision v13: Reviews background + heading colors ONLY ===== */
#reviews.floating-reviews-section{
  background:#fdf7ee !important;
  background-image:none !important;
  color:#2c2825 !important;
}

#reviews.floating-reviews-section::before,
#reviews.floating-reviews-section::after{
  content:none !important;
  background:none !important;
}

#reviews .section-head h2{
  color:#2c2825 !important;
}

#reviews .section-head .eyebrow{
  color:#78ad8a !important;
}

#reviews .section-head .lede{
  color:#756e68 !important;
}


/* ===== Original style block 07 ===== */
/* ===== Dedicated About page ===== */
html,body{background:#fdf8ef !important;}
.about-page-main{background:#fdf8ef;overflow:hidden;}
.about-page-shell{width:min(1420px,calc(100% - 64px));margin-inline:auto;}
.about-page-main .about-kicker{
  color:#78ad8a;font-size:.78rem;font-weight:800;letter-spacing:.25em;
  text-transform:uppercase;margin-bottom:24px;
}
.about-page-main h1,.about-page-main h2{color:#2c2825 !important;font-family:Inter,Arial,sans-serif !important;letter-spacing:-.055em;}
.about-page-main em{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;}

/* First card — supplied Sweetpea team image + supplied mission copy */
.about-page-hero{padding:154px 0 64px;background:#fdf8ef;}
.about-hero-card{
  background:#2c2825;border-radius:34px;overflow:hidden;
  display:grid;grid-template-columns:.82fr 1.18fr;min-height:650px;
  box-shadow:0 28px 70px rgba(44,40,37,.10);
}
.about-hero-copy{padding:70px 64px;display:flex;flex-direction:column;justify-content:center;}
.about-hero-copy .about-kicker{color:#9ac6a7;}
.about-hero-copy h1{font-size:clamp(3.1rem,5.1vw,5.8rem);line-height:.98;color:#fff !important;margin:0 0 34px;}
.about-hero-copy h1 em{color:#c791ff;}
.about-hero-copy p{color:#d1cac3;font-size:1.05rem;line-height:1.82;margin:0 0 18px;max-width:610px;}
.about-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.about-hero-points span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#fff;border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:700;}
.about-team-media{min-width:0;position:relative;background:#191715;}
.about-team-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}

/* Shared second / third story card setup — intentionally plain, no background objects/patterns */
.about-story-card{padding:88px 0;background:#fdf8ef !important;background-image:none !important;}
.about-story-card + .about-story-card{padding-top:52px;}
.vision-grid,.legacy-grid{background:#fffdf9;border:1px solid rgba(44,40,37,.07);border-radius:34px;box-shadow:0 22px 62px rgba(44,40,37,.06);}

/* Second card */
.vision-grid{display:grid;grid-template-columns:1fr .92fr;gap:68px;align-items:center;padding:64px;}
.vision-copy{padding:26px 10px 26px 10px;}
.vision-copy h2{font-size:clamp(3rem,5vw,5.35rem);line-height:.94;margin:0 0 34px;}
.vision-copy h2 em{font-size:.92em;}
.vision-copy p{max-width:690px;color:#77716b;font-size:1.02rem;line-height:1.8;margin:0 0 22px;}
.about-checks{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:15px;color:#3d3935;font-size:.93rem;}
.about-checks li{display:flex;align-items:center;gap:13px;}
.about-checks span,.legacy-values span{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:#eef8f0;color:#69a77c;font-size:.75rem;font-weight:900;}
.vision-media{margin:0;height:610px;border-radius:30px;overflow:hidden;background:#eee;}
.vision-media img{width:100%;height:100%;object-fit:cover;display:block;}

/* Third card */
.legacy-grid{display:grid;grid-template-columns:.96fr 1.04fr;gap:66px;align-items:center;padding:64px;}
.legacy-copy{padding:10px 0;}
.legacy-copy h2{font-size:clamp(3rem,4.7vw,5rem);line-height:.96;margin:0 0 30px;}
.legacy-copy p{max-width:690px;color:#77716b;font-size:.98rem;line-height:1.78;margin:0 0 19px;}
.legacy-values{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;}
.legacy-values div{display:flex;align-items:center;gap:12px;min-height:64px;border:1px solid rgba(44,40,37,.07);border-radius:18px;background:#fff;padding:12px 16px;color:#37322e;font-size:.84rem;}
.legacy-values strong{font-weight:700;}
.legacy-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 220px;gap:20px;align-items:stretch;}
.legacy-collage figure{margin:0;border-radius:28px;overflow:hidden;background:#eee;box-shadow:0 16px 38px rgba(44,40,37,.10);}
.legacy-collage img{width:100%;height:100%;object-fit:cover;display:block;}
.legacy-collage .collage-b{transform:translateY(-24px);}
.legacy-collage .collage-c{transform:translateY(10px);}
.legacy-collage .collage-d{transform:translateY(-10px);}

/* Fourth card is the exact end-card from Home, with the same treatment */
.about-page-main .final-cta{padding-top:56px !important;background:#fdf8ef !important;}
.about-page-main .cta-box{max-width:1420px;margin-inline:auto;}
.about-page-main .cta-box .btn{color:#2c2825 !important;background:#fff !important;}

/* About nav state */
.site-header .nav-links a.active{color:#c791ff !important;text-decoration:underline !important;text-decoration-thickness:2px !important;text-underline-offset:10px !important;}

@media(max-width:1050px){
  .about-page-shell{width:min(100% - 38px,1420px);}
  .about-hero-card{grid-template-columns:1fr;}
  .about-team-media{height:560px;order:-1;}
  .about-hero-copy{padding:54px 46px;}
  .vision-grid,.legacy-grid{grid-template-columns:1fr;padding:48px;gap:46px;}
  .vision-media{height:520px;}
  .legacy-collage{max-width:760px;width:100%;margin-inline:auto;}
}
@media(max-width:700px){
  .about-page-hero{padding-top:120px;padding-bottom:34px;}
  .about-page-shell{width:min(100% - 24px,1420px);}
  .about-hero-card,.vision-grid,.legacy-grid{border-radius:24px;}
  .about-team-media{height:390px;}
  .about-hero-copy{padding:40px 26px;}
  .about-hero-copy h1{font-size:clamp(2.7rem,13vw,4.1rem);}
  .about-hero-copy p{font-size:.96rem;line-height:1.72;}
  .about-story-card{padding:42px 0;}
  .about-story-card + .about-story-card{padding-top:18px;}
  .vision-grid,.legacy-grid{padding:30px 24px;gap:32px;}
  .vision-copy h2,.legacy-copy h2{font-size:clamp(2.65rem,12vw,4rem);}
  .vision-media{height:390px;border-radius:22px;}
  .legacy-values{grid-template-columns:1fr;}
  .legacy-collage{grid-template-rows:180px 180px;gap:12px;}
  .legacy-collage figure{border-radius:20px;transform:none !important;}
  .about-page-main .final-cta{padding-top:28px !important;}
}


/* ===== Original style block 08 ===== */
/* ===== Single-file page routing ===== */
.site-page-view[hidden]{
  display:none !important;
}


/* ===== Original style block 09 ===== */
/* ===== About refinement v2: plain background + reference text colors ===== */
#aboutView,
#aboutView .about-page-main,
#aboutView .about-page-hero,
#aboutView .about-story-card{
  background:#fdf8ef !important;
  background-image:none !important;
}

/* Remove the big rectangular card treatment from About sections 1–3. */
#aboutView .about-hero-card,
#aboutView .vision-grid,
#aboutView .legacy-grid{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

/* Keep the existing layouts, but remove the boxed/panel feeling. */
#aboutView .about-hero-card{
  overflow:visible !important;
}
#aboutView .vision-grid,
#aboutView .legacy-grid{
  padding-top:24px !important;
  padding-bottom:24px !important;
}

/* Unified text colors matching the supplied About reference. */
#aboutView .about-page-main .about-kicker,
#aboutView .about-hero-copy .about-kicker{
  color:#78ad8a !important;
}

#aboutView .about-hero-copy h1,
#aboutView .about-hero-copy h1 em,
#aboutView .vision-copy h2,
#aboutView .vision-copy h2 em,
#aboutView .legacy-copy h2,
#aboutView .legacy-copy h2 em{
  color:#2c2825 !important;
}

#aboutView .about-hero-copy p,
#aboutView .vision-copy p,
#aboutView .legacy-copy p{
  color:#756e68 !important;
}

/* First About section now uses the same light palette as sections 2 and 3. */
#aboutView .about-hero-copy{
  padding-left:0 !important;
}
#aboutView .about-team-media{
  background:transparent !important;
  border-radius:30px !important;
  overflow:hidden !important;
  box-shadow:0 20px 48px rgba(44,40,37,.09) !important;
}
#aboutView .about-hero-points span{
  background:#fffdf9 !important;
  border:1px solid rgba(44,40,37,.07) !important;
  color:#2c2825 !important;
  box-shadow:0 8px 20px rgba(44,40,37,.035) !important;
}

/* Second section: image stays rounded, but no outer rectangle. */
#aboutView .vision-media{
  background:transparent !important;
  box-shadow:0 18px 46px rgba(44,40,37,.07) !important;
}

/* Third section: collage closer to the supplied premium interior reference. */
#aboutView .legacy-collage{
  grid-template-rows:245px 245px !important;
  gap:20px !important;
}
#aboutView .legacy-collage figure{
  background:transparent !important;
  border-radius:26px !important;
  box-shadow:0 14px 34px rgba(44,40,37,.08) !important;
}
#aboutView .legacy-collage img{
  object-fit:cover !important;
  object-position:center !important;
}
#aboutView .legacy-collage .collage-b{
  transform:translateY(-34px) !important;
}
#aboutView .legacy-collage .collage-c{
  transform:translateY(8px) !important;
}
#aboutView .legacy-collage .collage-d{
  transform:translateY(-12px) !important;
}

/* Small value boxes may remain as lightweight content chips, not section cards. */
#aboutView .legacy-values div{
  background:#fffdf9 !important;
  color:#2c2825 !important;
  border-color:rgba(44,40,37,.06) !important;
  box-shadow:none !important;
}

#aboutView .about-checks{
  color:#3d3935 !important;
}

@media(max-width:1050px){
  #aboutView .about-hero-copy{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}


/* ===== Original style block 10 ===== */
/* ===== About v3: balanced mission/vision typography ===== */

/* All About section labels use the same Sweetpea green. */
#aboutView .about-kicker{
  color:#78ad8a !important;
  font-size:.78rem !important;
  font-weight:850 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
  margin-bottom:22px !important;
}

/* Mission: same elegant split composition as Vision, not an oversized hero. */
#aboutView .about-page-hero{
  padding:142px 0 72px !important;
}

#aboutView .about-hero-card{
  grid-template-columns:1.03fr .97fr !important;
  gap:68px !important;
  align-items:center !important;
  min-height:0 !important;
  padding:26px 0 34px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
}

#aboutView .about-hero-copy{
  padding:24px 10px 24px 0 !important;
  justify-content:center !important;
}

/* Mission and Vision headings now share one clean structure. */
#aboutView .about-hero-copy h1,
#aboutView .vision-copy h2{
  margin:0 0 30px !important;
  color:#2c2825 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:clamp(3rem,4.7vw,5.1rem) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  max-width:760px !important;
}

#aboutView .about-hero-copy h1 span,
#aboutView .about-hero-copy h1 em,
#aboutView .vision-copy h2 span,
#aboutView .vision-copy h2 em{
  display:block !important;
}

#aboutView .about-hero-copy h1 em,
#aboutView .vision-copy h2 em{
  margin-top:4px !important;
  color:#2c2825 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:.93em !important;
  font-weight:400 !important;
  font-style:italic !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
}

/* Keep the supplied team photo but make it compact / smart like the vision image. */
#aboutView .about-team-media{
  width:min(100%,620px) !important;
  height:500px !important;
  justify-self:end !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:transparent !important;
  box-shadow:0 18px 46px rgba(44,40,37,.08) !important;
}

#aboutView .about-team-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 44% !important;
}

/* Mission text uses the same refined body treatment as cards 2–3. */
#aboutView .about-hero-copy p,
#aboutView .vision-copy p{
  color:#756e68 !important;
  font-size:1rem !important;
  line-height:1.78 !important;
  max-width:690px !important;
}

/* Mission chips stay lightweight and aligned with the palette. */
#aboutView .about-hero-points{
  gap:10px !important;
  margin-top:25px !important;
}
#aboutView .about-hero-points span{
  color:#2c2825 !important;
  background:#fffdf9 !important;
  border:1px solid rgba(44,40,37,.07) !important;
  box-shadow:none !important;
}

/* Vision: balanced copy/image columns, no abnormal heading breaks. */
#aboutView .vision-grid{
  grid-template-columns:1.03fr .97fr !important;
  gap:68px !important;
  align-items:center !important;
}
#aboutView .vision-copy{
  padding:24px 10px 24px 0 !important;
}
#aboutView .vision-media{
  width:min(100%,590px) !important;
  height:520px !important;
  justify-self:end !important;
  border-radius:30px !important;
  overflow:hidden !important;
}
#aboutView .vision-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Keep the third card's label green too for consistency. */
#aboutView .legacy-copy .about-kicker{
  color:#78ad8a !important;
}

@media(max-width:1050px){
  #aboutView .about-hero-card,
  #aboutView .vision-grid{
    grid-template-columns:1fr !important;
    gap:38px !important;
  }
  #aboutView .about-team-media,
  #aboutView .vision-media{
    width:100% !important;
    max-width:760px !important;
    height:440px !important;
    justify-self:start !important;
  }
}

@media(max-width:650px){
  #aboutView .about-page-hero{
    padding-top:118px !important;
  }
  #aboutView .about-hero-copy h1,
  #aboutView .vision-copy h2{
    font-size:clamp(2.55rem,13vw,3.7rem) !important;
  }
  #aboutView .about-team-media,
  #aboutView .vision-media{
    height:330px !important;
    border-radius:22px !important;
  }
}


/* ===== Original style block 11 ===== */
/* FIX v4 — restore Home Who We Are styling after single-file ID rename */
#who-we-are.about-cards-v6{
  position:relative;overflow:hidden;padding:92px 0 96px;
  background:#fbf5ec !important;color:#2c2825;isolation:auto;
}
#who-we-are.about-cards-v6::before,
#who-we-are.about-cards-v6::after{
  content:none !important;display:none !important;background:none !important;
}
#who-we-are.about-cards-v6 .about-v6-wrap{
  width:min(1100px,calc(100% - 40px));margin-inline:auto;display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:92px;align-items:center;
}
#who-we-are.about-cards-v6 .about-v6-copy{max-width:500px}
#who-we-are.about-cards-v6 .about-v6-eyebrow{
  margin:0 0 20px;color:#6da782;font-size:.69rem;line-height:1;
  font-weight:850;letter-spacing:.27em;text-transform:uppercase;
}
#who-we-are.about-cards-v6 .about-v6-copy h2{
  margin:0;color:#2c2825 !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(2.8rem,4.65vw,4.15rem);line-height:.98;letter-spacing:-.055em;font-weight:800;
}
#who-we-are.about-cards-v6 .about-v6-lede{
  max-width:475px;margin:28px 0 0;color:#8a837c;font-size:.98rem;line-height:1.62;
}
#who-we-are.about-cards-v6 .about-v6-points{
  list-style:none;padding:0;margin:30px 0 0;display:grid;gap:15px;
}
#who-we-are.about-cards-v6 .about-v6-points li{
  display:flex;align-items:center;gap:13px;color:#56504b;font-size:.91rem;line-height:1.25;
}
#who-we-are.about-cards-v6 .about-v6-check{
  width:19px;height:19px;display:grid;place-items:center;flex:0 0 19px;border-radius:50%;
  background:#e7f2e9;color:#67a47d;font-size:.68rem;font-weight:900;
}
#who-we-are.about-cards-v6 .about-v6-cta{
  margin-top:34px;min-height:47px;padding:0 31px;border:0;border-radius:999px;
  background:#735191;color:#fff !important;box-shadow:0 10px 22px rgba(115,81,145,.18);
  font-size:.78rem;font-weight:800;cursor:pointer;transition:transform .18s ease, background-color .22s ease, box-shadow .22s ease;
}
#who-we-are.about-cards-v6 .about-v6-cta:hover{transform:translateY(-2px);background:#825da5;box-shadow:0 14px 30px rgba(115,81,145,.24);}
#who-we-are.about-cards-v6 .about-v6-cards{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
}
#who-we-are.about-cards-v6 .about-v6-card{
  min-height:238px;padding:30px 30px 27px;border-radius:28px;
  border:1px solid rgba(50,43,37,.045);box-shadow:0 16px 38px rgba(80,65,55,.035);
}
#who-we-are.about-cards-v6 .about-v6-card-white{background:#fff}
#who-we-are.about-cards-v6 .about-v6-emoji{
  min-height:45px;display:flex;align-items:flex-start;font-size:2.15rem;line-height:1;filter:saturate(.9);
}
#who-we-are.about-cards-v6 .about-v6-label{
  margin-top:11px;color:#b2aaa3;font-size:.56rem;line-height:1.2;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;
}
#who-we-are.about-cards-v6 .about-v6-metric{
  display:block;margin-top:10px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:2.58rem;line-height:.95;letter-spacing:-.055em;font-weight:800;
}
#who-we-are.about-cards-v6 .metric-green{color:#73ae89}
#who-we-are.about-cards-v6 .metric-purple{color:#b58ad0}
#who-we-are.about-cards-v6 .metric-peach{color:#eb987d;font-size:2.2rem;line-height:1.02}
#who-we-are.about-cards-v6 .about-v6-card p{
  margin:18px 0 0;color:#827a74;font-size:.76rem;line-height:1.55;
}
#who-we-are.about-cards-v6 .about-v6-card-purple{
  min-height:238px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;background:#755394;border-color:transparent;color:#fff;
  box-shadow:0 18px 35px rgba(117,83,148,.16);
}
#who-we-are.about-cards-v6 .about-v6-rating-icon{font-size:2.55rem;line-height:1;margin-bottom:18px}
#who-we-are.about-cards-v6 .about-v6-rating-title{
  color:#fff;font-size:1.26rem;line-height:1.08;letter-spacing:-.035em;font-weight:800;
}
#who-we-are.about-cards-v6 .about-v6-stars{
  margin-top:15px;color:#fff;font-size:.76rem;letter-spacing:.18em;
}
@media(max-width:900px){
  #who-we-are.about-cards-v6{padding:72px 0 76px}
  #who-we-are.about-cards-v6 .about-v6-wrap{grid-template-columns:1fr;gap:52px}
  #who-we-are.about-cards-v6 .about-v6-copy{max-width:660px}
  #who-we-are.about-cards-v6 .about-v6-lede{max-width:620px}
  #who-we-are.about-cards-v6 .about-v6-cta:hover{transform:translateY(-2px);background:#825da5;box-shadow:0 14px 30px rgba(115,81,145,.24);}
#who-we-are.about-cards-v6 .about-v6-cards{max-width:680px}
}
@media(max-width:620px){
  #who-we-are.about-cards-v6 .about-v6-wrap{width:min(100% - 28px,560px)}
  #who-we-are.about-cards-v6 .about-v6-copy h2{font-size:clamp(2.45rem,12vw,3.25rem)}
  #who-we-are.about-cards-v6 .about-v6-cta:hover{transform:translateY(-2px);background:#825da5;box-shadow:0 14px 30px rgba(115,81,145,.24);}
#who-we-are.about-cards-v6 .about-v6-cards{grid-template-columns:1fr}
  #who-we-are.about-cards-v6 .about-v6-card{min-height:auto;padding:27px 25px}
  #who-we-are.about-cards-v6 .about-v6-card-purple{min-height:220px}
}


/* ===== Original style block 12 ===== */
/* ===== About v5: lighter small labels + unified mint check design ===== */

/* Small overline labels on About cards: intentionally not bold. */
#aboutView .about-kicker,
#aboutView .about-hero-copy .about-kicker,
#aboutView .vision-copy .about-kicker,
#aboutView .legacy-copy .about-kicker{
  font-weight:500 !important;
}

/* Shared screenshot-inspired tick: pale mint circle + green check. */
#aboutView .about-hero-points span::before,
#aboutView .about-checks li > span::before,
#aboutView .legacy-values div > span::before{
  content:"✓";
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  min-width:32px;
  border-radius:50%;
  background:#eef7f1;
  color:#69a77c;
  font-family:Inter,Arial,sans-serif;
  font-size:1.02rem;
  line-height:1;
  font-weight:500;
}

/* Mission ticks: remove old pill/chip appearance and use simple rows. */
#aboutView .about-hero-points{
  display:grid !important;
  gap:14px !important;
  margin-top:28px !important;
}
#aboutView .about-hero-points span{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#3d3935 !important;
  font-size:.96rem !important;
  font-weight:400 !important;
}

/* Vision list uses the same tick dimensions and spacing. */
#aboutView .about-checks{
  gap:14px !important;
}
#aboutView .about-checks li{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  color:#3d3935 !important;
  font-weight:400 !important;
}
#aboutView .about-checks li > span{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  display:block !important;
  border-radius:50% !important;
  background:transparent !important;
  color:transparent !important;
  font-size:0 !important;
}

/* Legacy value rows: same tick design, and keep copy regular-weight. */
#aboutView .legacy-values div{
  gap:16px !important;
}
#aboutView .legacy-values div > span{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  display:block !important;
  border-radius:50% !important;
  background:transparent !important;
  color:transparent !important;
  font-size:0 !important;
}
#aboutView .legacy-values strong{
  font-weight:400 !important;
}


/* ===== Original style block 13 ===== */
/* ===== About v6: Mission section width aligned with Vision ===== */
#aboutView .about-page-hero > .about-page-shell{
  width:min(1240px, calc(100% - 64px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

#aboutView .about-page-hero .about-hero-card{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:1050px){
  #aboutView .about-page-hero > .about-page-shell{
    width:min(100% - 38px, 1240px) !important;
  }
}

@media(max-width:700px){
  #aboutView .about-page-hero > .about-page-shell{
    width:min(100% - 24px, 1240px) !important;
  }
}


/* ===== Original style block 14 ===== */
/* ===== About v7: Mission visual width truly matched + first/second background ===== */

/* Reference background color supplied by client. */
#aboutView .about-page-hero,
#aboutView .about-vision-card{
  background:#faf9f6 !important;
  background-image:none !important;
}

/*
  Vision keeps 64px horizontal breathing room inside its shell.
  Mission previously had 0 horizontal inset, so it still LOOKED wider
  even after its outer shell was reduced. Match that visual inset exactly.
*/
#aboutView .about-page-hero > .about-page-shell{
  width:min(1420px, calc(100% - 64px)) !important;
  margin-inline:auto !important;
}

#aboutView .about-page-hero .about-hero-card{
  width:100% !important;
  margin-inline:auto !important;
  padding-left:64px !important;
  padding-right:64px !important;
}

/* Keep the Mission image/copy proportions unchanged inside the newly matched width. */
#aboutView .about-page-hero .about-hero-copy{
  padding-left:0 !important;
}
#aboutView .about-page-hero .about-team-media{
  max-width:590px !important;
}

/* Preserve the Vision section's current layout; only its background changes. */
#aboutView .about-vision-card .vision-grid{
  background:transparent !important;
}

@media(max-width:1050px){
  #aboutView .about-page-hero > .about-page-shell{
    width:min(100% - 38px, 1420px) !important;
  }
  #aboutView .about-page-hero .about-hero-card{
    padding-left:48px !important;
    padding-right:48px !important;
  }
}

@media(max-width:700px){
  #aboutView .about-page-hero > .about-page-shell{
    width:min(100% - 24px, 1420px) !important;
  }
  #aboutView .about-page-hero .about-hero-card{
    padding-left:24px !important;
    padding-right:24px !important;
  }
}


/* ===== Original style block 15 ===== */
/* About v8 — first card background matched exactly to third About section */
#aboutView .about-page-hero{
  background:#fdf8ef !important;
  background-image:none !important;
}


/* ===== Original style block 16 ===== */
/* ===== Single-file Services Page v9 ===== */
#servicesView.services-page-view{
  background:#faf9f6;
  color:#2c2825;
}

#servicesView .services-page-shell{
  width:min(1220px,calc(100% - 56px));
  margin-inline:auto;
}

#servicesView .services-page-hero{
  padding:150px 0 76px;
  background:#faf9f6;
}

#servicesView .services-page-eyebrow{
  color:#78ad8a;
  font-size:.74rem;
  font-weight:600;
  letter-spacing:.24em;
  text-transform:uppercase;
  margin-bottom:17px;
}

#servicesView .services-page-hero h1{
  margin:0;
  max-width:820px;
  color:#2c2825;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(3.2rem,6.1vw,6.1rem);
  line-height:.93;
  letter-spacing:-.065em;
  font-weight:800;
}
#servicesView .services-page-hero h1 em{
  display:block;
  color:#2c2825;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.045em;
}

#servicesView .services-page-hero p{
  max-width:690px;
  margin:27px 0 0;
  color:#756e68;
  font-size:1rem;
  line-height:1.75;
}

#servicesView .services-page-list{
  padding:18px 0 94px;
  background:#faf9f6;
}

#servicesView .services-page-block{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  min-height:520px;
  margin:0 0 36px;
  overflow:hidden;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(44,40,37,.07);
  box-shadow:0 18px 42px rgba(44,40,37,.055);
}

#servicesView .services-page-copy{
  padding:58px 56px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

#servicesView .services-page-label{
  margin-bottom:14px;
  color:#78ad8a;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
}

#servicesView .services-page-copy h2{
  margin:0;
  color:#2c2825;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(2.25rem,3.65vw,4.05rem);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:800;
}

#servicesView .services-page-copy p{
  margin:25px 0 0;
  max-width:530px;
  color:#77706a;
  font-size:1rem;
  line-height:1.72;
}

#servicesView .services-page-photo{
  min-height:520px;
  background-size:cover;
  background-position:center;
}

#servicesView .services-page-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:34px;
  max-width:470px;
}

#servicesView .services-page-book,
#servicesView .services-page-call{
  height:50px;
  min-height:50px;
  border-radius:999px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  font:inherit;
  font-size:.86rem;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}

#servicesView .services-page-book{
  border:1px solid #735191;
  background:#735191;
  color:#fff;
  -webkit-text-fill-color:#fff;
  box-shadow:0 9px 20px rgba(115,81,145,.16);
}

#servicesView .services-page-call{
  border:1px solid rgba(44,40,37,.12);
  background:#fff;
  color:#2c2825;
  box-shadow:0 8px 18px rgba(44,40,37,.045);
}

/* Reviews duplicated from Home, displayed as one seamless row. */
#servicesView .services-page-reviews-section{
  padding:92px 0 100px;
  overflow:hidden;
  background:#faf9f6;
}
#servicesView .services-page-reviews-head{
  width:min(1220px,calc(100% - 56px));
  margin:0 auto 48px;
}
#servicesView .services-page-reviews-head h2{
  margin:0;
  color:#2c2825;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(2.7rem,4.9vw,4.8rem);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:800;
}
#servicesView .services-page-reviews-marquee{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 5%,#000 95%,transparent 100%);
}
#servicesView .services-page-reviews-track{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:22px;
  width:max-content;
  animation:servicesReviewsLoop 58s linear infinite;
  will-change:transform;
}
#servicesView .services-page-reviews-marquee:hover .services-page-reviews-track{
  animation-play-state:paused;
}
#servicesView .review-v12-card{
  flex:0 0 360px;
  width:360px;
  min-height:390px;
  padding:26px 28px;
  border-radius:24px;
  background:#f3f0eb;
  border:1px solid rgba(60,46,36,.08);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
#servicesView .review-v12-photo{
  width:92px;
  height:92px;
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  margin:0 0 16px;
  border:3px solid #fff;
  box-shadow:0 7px 22px rgba(44,40,37,.12);
}
#servicesView .review-v12-person{
  display:grid;
  gap:3px;
  margin-bottom:10px;
}
#servicesView .review-v12-person strong{
  color:#2c2825;
  font-size:1.12rem;
  line-height:1.15;
}
#servicesView .review-v12-person small{
  color:#8d857d;
  font-size:.82rem;
}
#servicesView .floating-stars{
  color:#bb5bed;
  letter-spacing:2px;
  font-size:.88rem;
  margin:0 0 14px;
}
#servicesView .review-v12-card p{
  margin:0 0 20px;
  color:#4b4742;
  font-size:1rem;
  line-height:1.66;
}
#servicesView .review-meta{
  margin-top:auto;
  width:100%;
  padding-top:16px;
  border-top:1px solid rgba(60,46,36,.10);
  color:#9b938a;
  font-size:.76rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
@keyframes servicesReviewsLoop{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 11px))}
}

/* End card copied from Home; keep its established look. */
#servicesView .final-cta{
  background:#faf9f6 !important;
  padding-top:26px !important;
}

@media(max-width:900px){
  #servicesView .services-page-shell,
  #servicesView .services-page-reviews-head{
    width:min(100% - 34px,760px);
  }
  #servicesView .services-page-hero{
    padding:126px 0 58px;
  }
  #servicesView .services-page-block{
    grid-template-columns:1fr;
    min-height:0;
  }
  #servicesView .services-page-copy{
    padding:44px 38px 40px;
  }
  #servicesView .services-page-photo{
    min-height:410px;
    order:-1;
  }
}

@media(max-width:620px){
  #servicesView .services-page-shell,
  #servicesView .services-page-reviews-head{
    width:min(100% - 24px,560px);
  }
  #servicesView .services-page-copy{
    padding:34px 25px 30px;
  }
  #servicesView .services-page-photo{
    min-height:310px;
  }
  #servicesView .services-page-actions{
    grid-template-columns:1fr;
  }
  #servicesView .services-page-book,
  #servicesView .services-page-call{
    width:100%;
  }
  #servicesView .review-v12-card{
    flex-basis:310px;
    width:310px;
    min-height:385px;
    padding:23px;
  }
  #servicesView .review-v12-photo{
    width:82px;
    height:82px;
  }
}

@media(prefers-reduced-motion:reduce){
  #servicesView .services-page-reviews-track{animation:none}
}


/* ===== Original style block 17 ===== */
/* ===== Quote Page v10 — Home form + FAQ + Google Map + Home end card ===== */
#quotePageView.quote-page-view{background:#faf9f6;color:#2c2825;}
#quotePageView #quote-page-contact.quote-reference-section{padding-top:150px;}

/* --- Client revision: FAQ section matched to supplied dark reference --- */
#quote-page-faq.faq-reference-section{
  background:#292622;
  padding:150px 0 125px;
  color:#fff;
  overflow:hidden;
}
#quote-page-faq .faq-reference-wrap{
  grid-template-columns:.88fr 1.12fr;
  gap:88px;
  align-items:center;
}
#quote-page-faq .faq-reference-copy{max-width:610px}
#quote-page-faq .faq-reference-eyebrow{
  margin-bottom:19px;
  color:#7fad90;
  font-size:.78rem;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.25em;
  text-transform:uppercase;
}
#quote-page-faq .faq-reference-copy h2{
  max-width:620px;
  color:#fff;
  font-size:clamp(3rem,4.35vw,4.55rem);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:800;
}
#quote-page-faq .faq-reference-lede{
  max-width:530px;
  margin-top:26px;
  color:rgba(255,255,255,.61);
  font-size:1.03rem;
  line-height:1.78;
  font-weight:500;
}
#quote-page-faq .faq-question-btn{
  margin-top:38px;
  min-height:48px;
  padding:0 30px;
  border:none;
  border-radius:999px;
  background:#6b4f87;
  color:#fff;
  box-shadow:none;
  font-size:.86rem;
  font-weight:800;
}
#quote-page-faq .faq-question-btn:hover{
  background:#7a5898;
  color:#fff;
  transform:translateY(-2px);
}
#quote-page-faq .faq-reference-list{gap:15px}
#quote-page-faq .faq-reference-list details{
  overflow:hidden;
  margin:0;
  padding:0 28px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:26px;
  background:#36322e;
  color:#fff;
  transition:background .24s ease,border-color .24s ease,box-shadow .24s ease;
}
#quote-page-faq .faq-reference-list details[open]{
  background:#fff;
  border-color:#ded9e4;
  box-shadow:0 2px 0 rgba(0,0,0,.03);
}
#quote-page-faq .faq-reference-list summary{
  position:relative;
  min-height:76px;
  display:flex;
  align-items:center;
  padding:20px 58px 20px 0;
  color:#fff;
  font-size:1.03rem;
  line-height:1.4;
  font-weight:700;
  cursor:pointer;
}
#quote-page-faq .faq-reference-list details[open] summary{
  min-height:78px;
  color:#191614;
  border-bottom:1px solid rgba(44,40,37,.08);
}
#quote-page-faq .faq-reference-list summary:after{
  content:"+";
  position:absolute;
  right:0;
  top:50%;
  width:46px;
  height:46px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  border:1.5px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.66);
  font-size:1.68rem;
  line-height:1;
  font-weight:300;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
#quote-page-faq .faq-reference-list details[open] summary:after{
  content:"−";
  border-color:rgba(44,40,37,.12);
  background:#f1ece7;
  color:#2c2825;
}
#quote-page-faq .faq-reference-list details p{
  margin:0;
  padding:22px 0 28px;
  color:#6d6661;
  font-size:.98rem;
  line-height:1.7;
  font-weight:400;
}
@media(max-width:880px){
  #quote-page-faq.faq-reference-section{padding:110px 0 92px}
  #quote-page-faq .faq-reference-wrap{grid-template-columns:1fr;gap:54px}
  #quote-page-faq .faq-reference-copy{max-width:720px}
  #quote-page-faq .faq-reference-copy h2{max-width:720px}
  #quote-page-faq .faq-reference-lede{max-width:650px}
}
@media(max-width:680px){
  #quote-page-faq.faq-reference-section{padding:86px 0 74px}
  #quote-page-faq .faq-reference-wrap{gap:42px}
  #quote-page-faq .faq-reference-copy h2{font-size:clamp(2.55rem,12.5vw,3.55rem)}
  #quote-page-faq .faq-reference-eyebrow{font-size:.7rem;letter-spacing:.2em}
  #quote-page-faq .faq-reference-lede{margin-top:20px;font-size:.96rem}
  #quote-page-faq .faq-question-btn{margin-top:28px}
  #quote-page-faq .faq-reference-list details{padding:0 20px;border-radius:22px}
  #quote-page-faq .faq-reference-list summary{min-height:72px;padding-right:50px;font-size:.95rem}
  #quote-page-faq .faq-reference-list details[open] summary{min-height:72px}
  #quote-page-faq .faq-reference-list summary:after{width:34px;height:34px}
  #quote-page-faq .faq-reference-list details p{padding:18px 0 24px;font-size:.93rem}
}




/* --- Client revision: quote/contact section matched to supplied reference --- */
#quote-page-contact.quote-reference-section{
  position:relative;
  overflow:hidden;
  padding:66px 0 72px;
  background:#fbf4ea;
  isolation:isolate;
}
#quote-page-contact.quote-reference-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.34;
  background-image:
    radial-gradient(ellipse 28px 42px at 50% 5%, rgba(255,255,255,.58) 0 96%, transparent 100%),
    radial-gradient(ellipse 28px 42px at 50% 95%, rgba(255,255,255,.58) 0 96%, transparent 100%),
    radial-gradient(ellipse 42px 28px at 5% 50%, rgba(255,255,255,.58) 0 96%, transparent 100%),
    radial-gradient(ellipse 42px 28px at 95% 50%, rgba(255,255,255,.58) 0 96%, transparent 100%);
  background-size:112px 112px;
  background-position:0 0,0 0,0 0,0 0;
}
#quote-page-contact .quote-reference-wrap{
  width:min(1000px, calc(100% - 40px));
  margin-inline:auto;
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  gap:74px;
  align-items:start;
}
#quote-page-contact .quote-reference-copy{
  padding-top:2px;
}
#quote-page-contact .quote-reference-eyebrow{
  margin:0 0 16px;
  color:#66a17a;
  font-size:.72rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
}
#quote-page-contact .quote-reference-copy h2{
  max-width:450px;
  margin:0;
  color:#172129;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:clamp(2.35rem,4.35vw,3rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:800;
}
#quote-page-contact .quote-reference-copy .quote-reference-lede{
  max-width:390px;
  margin:20px 0 0;
  color:#8b8580;
  font-size:.83rem;
  line-height:1.75;
}
#quote-page-contact .quote-reference-info{
  display:grid;
  gap:24px;
  margin-top:31px;
}
#quote-page-contact .quote-reference-line{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
#quote-page-contact .quote-reference-icon{
  width:31px;
  height:31px;
  flex:0 0 31px;
  display:grid;
  place-items:center;
  margin-top:1px;
  border:1px solid rgba(111,79,135,.12);
  border-radius:9px;
  background:#fff;
  color:#76509a;
  box-shadow:0 6px 16px rgba(55,44,35,.05);
}
#quote-page-contact .quote-reference-icon svg{
  width:14px;
  height:14px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#quote-page-contact .quote-reference-meta{
  padding-top:1px;
}
#quote-page-contact .quote-reference-meta small{
  display:block;
  margin-bottom:4px;
  color:#aaa19b;
  font-size:.58rem;
  line-height:1;
  letter-spacing:.1em;
  text-transform:uppercase;
}
#quote-page-contact .quote-reference-meta span,
#quote-page-contact .quote-reference-meta a{
  display:block;
  color:#171717;
  font-size:.83rem;
  line-height:1.25;
  font-weight:500;
  text-decoration:none;
}
#quote-page-contact .quote-reference-meta .office-address{
  max-width:270px;
}
#quote-page-contact .quote-form.quote-reference-form{
  margin:0;
  padding:31px 30px 29px;
  border:1px solid rgba(44,40,37,.07);
  border-radius:30px;
  background:#fff;
  box-shadow:0 18px 50px rgba(53,44,35,.035);
}
#quote-page-contact .quote-reference-form h3{
  margin:0;
  color:#172129;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:1.55rem;
  line-height:1.15;
  letter-spacing:-.035em;
  font-weight:500;
}
#quote-page-contact .quote-reference-form .quote-form-intro{
  margin:10px 0 27px;
  color:#aaa29c;
  font-size:.65rem;
  line-height:1.5;
}
#quote-page-contact .quote-reference-form .form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:18px;
  row-gap:18px;
}
#quote-page-contact .quote-reference-form .field{
  display:grid;
  gap:8px;
}
#quote-page-contact .quote-reference-form .field.full{
  grid-column:1/-1;
}
#quote-page-contact .quote-reference-form label,
#quote-page-contact .quote-reference-form .security-label{
  color:#8c7c76;
  font-size:.56rem;
  line-height:1;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
}
#quote-page-contact .quote-reference-form input,
#quote-page-contact .quote-reference-form select,
#quote-page-contact .quote-reference-form textarea{
  width:100%;
  margin:0;
  border:1px solid #dedbd8;
  border-radius:13px;
  background:#fff;
  color:#1d1d1d;
  outline:none;
  box-shadow:none;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:.68rem;
  transition:border-color .2s ease, box-shadow .2s ease;
}
#quote-page-contact .quote-reference-form input,
#quote-page-contact .quote-reference-form select{
  min-height:44px;
  padding:0 17px;
}
#quote-page-contact .quote-reference-form textarea{
  min-height:88px;
  padding:16px 17px;
  resize:vertical;
}
#quote-page-contact .quote-reference-form input::placeholder,
#quote-page-contact .quote-reference-form textarea::placeholder{
  color:#aaa4a0;
  opacity:1;
}
#quote-page-contact .quote-reference-form select{
  appearance:none;
  -webkit-appearance:none;
  padding-right:42px;
  background-image:url("../assets/icons/select-arrow.svg");
  background-repeat:no-repeat;
  background-position:right 15px center;
}
#quote-page-contact .quote-reference-form select option{
  background:#fff;
  color:#1d1d1d;
}
#quote-page-contact .quote-reference-form input:focus,
#quote-page-contact .quote-reference-form select:focus,
#quote-page-contact .quote-reference-form textarea:focus{
  border-color:#b7a4c9;
  box-shadow:0 0 0 3px rgba(183,164,201,.12);
  background:#fff;
}
#quote-page-contact .security-field{
  grid-column:1/-1;
  margin-top:3px;
}
#quote-page-contact .security-field .security-label{
  display:block;
  margin-bottom:10px;
  color:#1d1d1d;
  font-weight:700;
  letter-spacing:0;
}
#quote-page-contact .security-control{
  display:grid;
  grid-template-columns:1fr 42px;
  gap:9px;
}
#quote-page-contact .security-control input{
  min-width:0;
  background:#fbfcfd;
}
#quote-page-contact .security-refresh{
  width:42px;
  min-height:42px;
  border:1px solid #dcdfe4;
  border-radius:11px;
  background:#fbfcfd;
  color:#5f6875;
  display:grid;
  place-items:center;
  padding:0;
  cursor:pointer;
}
#quote-page-contact .security-refresh:hover{
  background:#f5f3f7;
  color:#76509a;
}
#quote-page-contact .security-refresh svg{
  width:15px;
  height:15px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#quote-page-contact .quote-reference-submit{
  width:100%;
  min-height:49px;
  margin-top:27px;
  border:0;
  border-radius:16px;
  background:#b4a1c4;
  color:#fff;
  box-shadow:none;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.015em;
}
#quote-page-contact .quote-reference-submit:hover{
  transform:none;
  background:#a892bb;
}
#quote-page-contact .security-error{
  display:none;
  margin:7px 0 0;
  color:#9c4f55;
  font-size:.66rem;
}
#quote-page-contact .security-error.visible{display:block}
@media(max-width:900px){
  #quote-page-contact.quote-reference-section{padding:64px 0}
  #quote-page-contact .quote-reference-wrap{grid-template-columns:1fr;gap:45px;width:min(680px,calc(100% - 34px))}
  #quote-page-contact .quote-reference-copy{padding:0}
  #quote-page-contact .quote-reference-copy h2{max-width:580px}
  #quote-page-contact .quote-reference-copy .quote-reference-lede{max-width:560px}
}
@media(max-width:560px){
  #quote-page-contact .quote-reference-form .form-grid{grid-template-columns:1fr}
  #quote-page-contact .quote-reference-form .field.full,
  #quote-page-contact .security-field{grid-column:auto}
  #quote-page-contact .quote-form.quote-reference-form{padding:26px 20px 24px;border-radius:24px}
  #quote-page-contact .quote-reference-copy h2{font-size:2.35rem}
}





#quotePageView .quote-page-map-section{
  padding:86px 0 92px;
  background:#faf9f6;
}
#quotePageView .quote-page-map-head{
  width:min(1220px,calc(100% - 56px));
  margin:0 auto 34px;
}
#quotePageView .quote-page-map-eyebrow{
  color:#78ad8a;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.23em;
  text-transform:uppercase;
  margin-bottom:14px;
}
#quotePageView .quote-page-map-head h2{
  margin:0;
  color:#2c2825;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(2.5rem,4.4vw,4.3rem);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:800;
}
#quotePageView .quote-page-map-head p{
  margin:17px 0 0;
  color:#756e68;
  font-size:.96rem;
}
#quotePageView .quote-page-map-frame{
  width:min(1500px,calc(100% - 32px));
  height:560px;
  margin-inline:auto;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(44,40,37,.08);
  background:#fff;
  box-shadow:0 18px 46px rgba(44,40,37,.06);
}
#quotePageView .quote-page-map-frame iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
#quotePageView .quote-page-map-link-wrap{
  width:min(1500px,calc(100% - 32px));
  margin:18px auto 0;
  text-align:right;
}
#quotePageView .quote-page-map-link{
  color:#6b4f87;
  font-size:.88rem;
  font-weight:700;
  text-decoration:none;
}
#quotePageView .final-cta{
  background:#faf9f6 !important;
  padding-top:28px !important;
}
@media(max-width:900px){
  #quotePageView #quote-page-contact.quote-reference-section{padding-top:126px;}
  #quotePageView .quote-page-map-head{width:min(100% - 34px,760px);}
  #quotePageView .quote-page-map-frame{width:min(100% - 24px,900px);height:460px;}
  #quotePageView .quote-page-map-link-wrap{width:min(100% - 24px,900px);}
}
@media(max-width:620px){
  #quotePageView #quote-page-contact.quote-reference-section{padding-top:112px;}
  #quotePageView .quote-page-map-section{padding:64px 0 72px;}
  #quotePageView .quote-page-map-head{width:min(100% - 24px,560px);}
  #quotePageView .quote-page-map-frame{height:360px;border-radius:20px;}
}


/* ===== Original style block 18 ===== */
/* ===== Quote map v11 — screenshot matched ===== */
#quotePageView .quote-page-map-section{
  background:#ffffff !important;
  padding:38px 0 88px !important;
}

#quotePageView .quote-page-map-shell{
  width:min(1560px, calc(100% - 88px));
  margin-inline:auto;
}

#quotePageView .quote-page-map-shell h2{
  margin:0 0 42px !important;
  color:#2c2825 !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:clamp(2.35rem,3.15vw,3.05rem) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
  font-weight:800 !important;
}

#quotePageView .quote-page-map-frame{
  width:100% !important;
  height:560px !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:28px !important;
  border:0 !important;
  background:#eef1ef !important;
  box-shadow:none !important;
}

#quotePageView .quote-page-map-frame iframe{
  width:100% !important;
  height:100% !important;
  border:0 !important;
  display:block !important;
}

#quotePageView .quote-page-map-head,
#quotePageView .quote-page-map-link-wrap{
  display:none !important;
}

@media(max-width:1000px){
  #quotePageView .quote-page-map-shell{
    width:min(100% - 40px, 1560px);
  }
  #quotePageView .quote-page-map-frame{
    height:500px !important;
    border-radius:24px !important;
  }
  #quotePageView .quote-page-map-shell h2{
    margin-bottom:38px !important;
  }
}

@media(max-width:620px){
  #quotePageView .quote-page-map-section{
    padding:24px 0 64px !important;
  }
  #quotePageView .quote-page-map-shell{
    width:min(100% - 24px, 1560px);
  }
  #quotePageView .quote-page-map-frame{
    height:390px !important;
    border-radius:20px !important;
  }
  #quotePageView .quote-page-map-shell h2{
    font-size:clamp(2rem,9vw,2.7rem) !important;
    margin-bottom:28px !important;
  }
}


/* ===== Original style block 19 ===== */
/* Home hero video only — all other website styling remains unchanged. */
#homeView #home .hero-video-shell{
  overflow:hidden;
  background:#171514;
  background-image:none !important;
}
#homeView #home .hero-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:70% center;
  display:block;
  background:#171514;
}

/* Readable glass overlays tuned to the light neutral upholstery footage. */
#homeView #home .hero-badge{
  background:rgba(36,31,34,.90);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 46px rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(12px) saturate(115%);
  backdrop-filter:blur(12px) saturate(115%);
}
#homeView #home .hero-badge strong{
  color:#fff;
  text-shadow:0 1px 10px rgba(0,0,0,.18);
}
#homeView #home .hero-badge small{
  color:#d9d1cb;
}
#homeView #home .rating-stars{display:none;}
#homeView #home .google-rating-row{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:8px;
}
#homeView #home .google-rating-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
}
#homeView #home .google-rating-copy{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}
#homeView #home .google-rating-score{
  color:#fff;
  font-size:1.08rem;
  font-weight:800;
  line-height:1;
}
#homeView #home .google-rating-label{
  color:#d9d1cb;
  font-size:.84rem;
  font-weight:650;
  letter-spacing:.02em;
  line-height:1;
}
#homeView #home .pet-bubble{
  display:none !important;
}

/* ===== Requested Home hero palette ===== */
#homeView #home.hero{
  background:#292522 !important;
}
#homeView #home.hero::before{
  border-color:rgba(184,92,232,.13) !important;
}
#homeView #home .hero-copy h1{
  color:#F7F2EC !important;
}
#homeView #home .hero-copy h1 span{
  color:#B85CE8 !important;
}
#homeView #home .hero-copy .eyebrow{
  color:#B85CE8 !important;
}
#homeView #home .hero-copy .lede{
  color:#B9AFA7 !important;
}
#homeView #home .hero-trust{
  color:#F7F2EC !important;
}
#homeView #home .hero-trust i{
  background:rgba(155,203,120,.14) !important;
  color:#9BCB78 !important;
}
#homeView #home .btn-primary{
  background:#B85CE8 !important;
  color:#fff !important;
  box-shadow:0 10px 26px rgba(184,92,232,.22) !important;
}
#homeView #home .btn-primary:hover{
  background:#A64FD5 !important;
}
#homeView #home .btn-outline{
  background:#332E2B !important;
  border-color:rgba(247,242,236,.28) !important;
  color:#F7F2EC !important;
}
#homeView #home .btn-outline:hover{
  background:#3b3531 !important;
}
#homeView #home .availability-callout{
  background:#332E2B !important;
  color:#B9AFA7 !important;
  border-color:rgba(247,242,236,.10) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.18) !important;
}
#homeView #home .availability-callout a{
  color:#B85CE8 !important;
}
#homeView #home .hero-video-shell{
  background:#332E2B !important;
}
#homeView #home .hero-badge{
  background:rgba(51,46,43,.94) !important;
  border-color:rgba(247,242,236,.12) !important;
}
#homeView #home .hero-badge strong,
#homeView #home .google-rating-score{
  color:#F7F2EC !important;
}
#homeView #home .hero-badge small,
#homeView #home .google-rating-label{
  color:#B9AFA7 !important;
}

/* Home CTA elements converted to real links. */
#homeView .about-v6-cta,
#homeView .process-reference-cta{
  cursor:pointer !important;
  user-select:auto !important;
  text-decoration:none !important;
}

@media(max-width:980px){
  #homeView #home .hero-video{object-position:68% center}
}
@media(max-width:680px){
  #homeView #home .hero-video{object-position:66% center}
}


/* ===== Original style block 20 ===== */
/* Compact Sweetpea-style header: integrated at the top, slim pill after the first small scroll. */
.site-header{
  --nav-bg-alpha:0;
  --nav-border-alpha:0;
  --nav-shadow-alpha:0;
  --nav-blur:0px;
  padding-top:14px !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:padding .22s ease !important;
}
.site-header .nav{
  background:rgba(36,31,29,var(--nav-bg-alpha)) !important;
  border:1px solid rgba(255,255,255,var(--nav-border-alpha)) !important;
  box-shadow:0 8px 24px rgba(0,0,0,var(--nav-shadow-alpha)) !important;
  -webkit-backdrop-filter:blur(var(--nav-blur)) saturate(110%) !important;
  backdrop-filter:blur(var(--nav-blur)) saturate(110%) !important;
  border-radius:999px !important;
  min-height:56px !important;
  padding:7px 12px !important;
  transition:background-color .10s linear,border-color .10s linear,box-shadow .10s linear,backdrop-filter .10s linear,-webkit-backdrop-filter .10s linear,padding .2s ease !important;
}
.site-header.header-floating{padding-top:8px !important;}
.site-header.header-floating .nav{padding-top:6px !important;padding-bottom:6px !important;}

/* Compact live-site-like wordmark sizing. */
.site-header .brand-logo{
  width:176px !important;
  height:auto !important;
  max-width:176px !important;
  min-width:0 !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}
.site-header .brand{
  width:176px !important;
  height:auto !important;
  flex:0 0 176px !important;
  display:flex !important;
  align-items:center !important;
}
.site-header .nav-links a{
  padding:9px 11px !important;
  font-size:.88rem !important;
}
.site-header .nav-links .nav-cta{
  min-height:42px !important;
  padding:0 19px !important;
  margin-left:4px !important;
}

/* Request a Quote always returns to its original purple after a tap/click. */
.nav-links .nav-cta.btn-primary,
.nav-links .nav-cta.btn-primary:link,
.nav-links .nav-cta.btn-primary:visited,
.nav-links .nav-cta.btn-primary:hover,
.nav-links .nav-cta.btn-primary:focus,
.nav-links .nav-cta.btn-primary:focus-visible,
.nav-links .nav-cta.btn-primary.active{
  background:#B85CE8 !important;
  color:#fff !important;
  border-color:transparent !important;
  text-decoration:none !important;
  box-shadow:none !important;
  outline:none !important;
  -webkit-tap-highlight-color:transparent;
}
.nav-links .nav-cta.btn-primary:active{
  background:#A94FD8 !important;
  color:#fff !important;
  transform:translateY(1px) scale(.985) !important;
}
@media (hover:hover){
  .nav-links .nav-cta.btn-primary:hover{
    background:#C26AF0 !important;
    transform:translateY(-1px) !important;
  }
}

@media(max-width:900px){
  .site-header{padding-top:9px !important;}
  .site-header .brand,
  .site-header .brand-logo{
    width:158px !important;
    max-width:158px !important;
    flex-basis:158px !important;
  }
  .site-header .nav{border-radius:24px !important;padding:6px 9px !important;}
}
@media(max-width:680px){
  .site-header .brand,
  .site-header .brand-logo{
    width:145px !important;
    max-width:145px !important;
    flex-basis:145px !important;
  }
}


/* ===== Original style block 21 ===== */
/* Inset footer card with balanced edge spacing inspired by the live Sweetpea site. */
.site-footer{
  margin:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  padding:68px 0 30px !important;
}
.site-footer .footer-shell{
  width:calc(100% - 112px) !important;
  max-width:none !important;
  margin-inline:auto !important;
}
.site-footer .footer-top{
  gap:88px !important;
}
.site-footer .footer-legal-block{
  width:min(100%,620px) !important;
  text-align:left !important;
  font-size:.98rem !important;
  line-height:1.68 !important;
}
.site-footer .footer-legal-block p{
  margin:0 !important;
}
.site-footer .footer-office-title{
  margin-top:28px !important;
  color:var(--sweetpea-footer-label) !important;
  font-size:.98rem !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.site-footer .footer-office-address{
  margin-top:10px !important;
  color:#fff !important;
  font-size:1rem !important;
  font-weight:400 !important;
  line-height:1.5 !important;
}
.site-footer .footer-divider{
  margin:52px 0 44px !important;
}
@media(max-width:980px){
  .site-footer{margin:0 !important;border-radius:0 !important;padding:54px 0 26px !important;}
  .site-footer .footer-shell{width:calc(100% - 56px) !important;}
  .site-footer .footer-top{gap:48px !important;}
  .site-footer .footer-legal-block{text-align:left !important;}
}
@media(max-width:680px){
  .site-footer{margin:0 !important;border-radius:0 !important;padding:44px 0 24px !important;}
  .site-footer .footer-shell{width:calc(100% - 36px) !important;}
}


/* ===== Original style block 22 ===== */
/* Subtle physical movement for the three requested content groups. */
#who-we-are .about-v6-card,
#services .service-card,
#process .process-reference-card{
  transition:transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease, border-color .28s ease !important;
  will-change:transform;
}
#who-we-are .about-v6-emoji,
#services .service-photo,
#process .process-reference-icon{
  transition:transform .4s cubic-bezier(.2,.7,.2,1), filter .4s ease !important;
  will-change:transform;
}

@media (hover:hover){
  #who-we-are .about-v6-card:hover{
    transform:translateY(-6px) !important;
    box-shadow:0 22px 48px rgba(44,40,37,.10) !important;
    border-color:rgba(184,92,232,.14) !important;
  }
  #who-we-are .about-v6-card:hover .about-v6-emoji{transform:translateY(-2px) scale(1.055);}

  #services .service-card:hover{
    transform:translateY(-7px) !important;
    box-shadow:0 22px 52px rgba(44,40,37,.11) !important;
    border-color:rgba(184,92,232,.13) !important;
  }
  /* Same gentle image push-in used by Why Sweetpea cards. */
  #services .service-card:hover .service-photo{transform:scale(1.025);}

  #process .process-reference-card:hover{
    transform:translateY(-6px) !important;
    box-shadow:0 20px 44px rgba(44,40,37,.085) !important;
    border-color:rgba(184,92,232,.16) !important;
  }
  #process .process-reference-card:hover .process-reference-icon{transform:translateY(-3px) scale(1.035);}
}

#who-we-are .about-v6-card:active,
#services .service-card:active,
#process .process-reference-card:active{
  transform:translateY(-1px) scale(.992) !important;
}

/* All action-looking controls now give the same tactile click response. */
.btn,
.service-link,
.services-page-book,
.services-page-call,
.faq-question-btn{
  cursor:pointer !important;
  transition:transform .16s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
  -webkit-tap-highlight-color:transparent;
}
.btn:active,
.service-link:active,
.services-page-book:active,
.services-page-call:active,
.faq-question-btn:active{
  transform:translateY(1px) scale(.975) !important;
}
#process .process-reference-cta{cursor:pointer !important;}

@media (prefers-reduced-motion:reduce){
  #who-we-are .about-v6-card,
  #who-we-are .about-v6-emoji,
  #services .service-card,
  #services .service-photo,
  #process .process-reference-card,
  #process .process-reference-icon,
  .btn,.service-link,.services-page-book,.services-page-call,.faq-question-btn{
    transition:none !important;
    transform:none !important;
  }
}


/* ===== Original style block 23 ===== */
/* Services page revision: alternating left/right blocks with square images. */
#servicesView .services-page-shell{
  width:min(1140px,calc(100% - 104px));
}
#servicesView .services-page-list{
  padding:30px 0 108px;
}
#servicesView .services-page-block{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:48px;
  min-height:0;
  margin:0 0 88px;
  overflow:visible;
  border-radius:0;
  background:transparent;
  border:none;
  box-shadow:none;
}
#servicesView .services-page-block.is-reversed .services-page-copy{order:2;}
#servicesView .services-page-block.is-reversed .services-page-photo{order:1;justify-self:start;}
#servicesView .services-page-copy{
  padding:0 4px;
}
#servicesView .services-page-copy h2{
  font-size:clamp(2.1rem,3.15vw,3.35rem);
  line-height:1;
  letter-spacing:-.055em;
}
#servicesView .services-page-copy p{
  margin:20px 0 0;
  max-width:510px;
  color:#5f5751;
  font-size:.98rem;
  line-height:1.8;
}
#servicesView .services-page-points{
  list-style:none;
  padding:0;
  margin:24px 0 0;
  display:grid;
  gap:12px;
  max-width:500px;
}
#servicesView .services-page-points li{
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:#423d39;
  font-size:.98rem;
  line-height:1.56;
  font-weight:500;
}
#servicesView .services-page-points li::before{
  content:"✓";
  width:24px;
  height:24px;
  border-radius:999px;
  flex:0 0 24px;
  display:grid;
  place-items:center;
  margin-top:1px;
  background:#efe7f6;
  color:#7f34b6;
  font-size:.82rem;
  font-weight:900;
}
#servicesView .services-page-photo{
  width:min(100%, 430px);
  justify-self:end;
  min-height:0;
  aspect-ratio:1/1;
  border-radius:30px;
  overflow:hidden;
  background:#ebe5de;
  box-shadow:0 22px 54px rgba(44,40,37,.09);
}
#servicesView .services-page-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .65s ease;
}
#servicesView .services-page-block:hover .services-page-photo img{
  transform:scale(1.035);
}
#servicesView .services-page-actions{
  grid-template-columns:auto auto;
  gap:14px;
  margin-top:32px;
  max-width:none;
}
#servicesView .services-page-book,
#servicesView .services-page-call{
  min-width:156px;
}
#servicesView .services-page-call{
  background:#fff;
}
@media(max-width:1100px){
  #servicesView .services-page-shell,
  #servicesView .services-page-reviews-head{
    width:min(100% - 72px,1040px);
  }
  #servicesView .services-page-block{
    gap:34px;
  }
  #servicesView .services-page-photo{
    width:min(100%, 390px);
  }
}
@media(max-width:900px){
  #servicesView .services-page-shell,
  #servicesView .services-page-reviews-head{
    width:min(100% - 34px,760px);
  }
  #servicesView .services-page-block{
    grid-template-columns:1fr;
    gap:24px;
    margin-bottom:56px;
  }
  #servicesView .services-page-copy,
  #servicesView .services-page-block.is-reversed .services-page-copy{
    order:2;
    padding:0;
  }
  #servicesView .services-page-photo,
  #servicesView .services-page-block.is-reversed .services-page-photo{
    order:1;
    width:min(100%, 520px);
    justify-self:start;
  }
}
@media(max-width:620px){
  #servicesView .services-page-shell,
  #servicesView .services-page-reviews-head{
    width:min(100% - 24px,560px);
  }
  #servicesView .services-page-list{
    padding:14px 0 84px;
  }
  #servicesView .services-page-block{
    gap:18px;
    margin-bottom:44px;
  }
  #servicesView .services-page-copy h2{
    font-size:clamp(2rem,8vw,2.6rem);
  }
  #servicesView .services-page-copy p,
  #servicesView .services-page-points li{
    font-size:.97rem;
  }
  #servicesView .services-page-photo,
  #servicesView .services-page-block.is-reversed .services-page-photo{
    width:100%;
  }
  #servicesView .services-page-actions{
    grid-template-columns:1fr;
  }
  #servicesView .services-page-book,
  #servicesView .services-page-call{
    width:100%;
    min-width:0;
  }
}


/* ===== Original style block 24 ===== */
/* Final UI refinements requested by client */
#servicesView .services-page-eyebrow{
  color:#9BCB78 !important;
}

.site-header .nav{
  width:min(1840px,calc(100% - 20px)) !important;
  margin-inline:auto !important;
  min-height:66px !important;
  padding:10px 18px !important;
  gap:24px !important;
  border-radius:999px !important;
}
.site-header.header-floating .nav{
  min-height:62px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
}
.site-header .brand-logo{
  width:164px !important;
  max-width:164px !important;
}
.site-header .brand{
  width:164px !important;
  flex:0 0 164px !important;
}
.site-header .nav-links{
  gap:8px !important;
}
.site-header .nav-links a{
  padding:10px 16px !important;
  font-size:.89rem !important;
}
.site-header .nav-links .nav-cta{
  min-height:46px !important;
  padding:0 28px !important;
  margin-left:10px !important;
}

#who-we-are.about-cards-v6 .about-v6-cta,
#process .process-reference-cta{
  cursor:pointer !important;
  user-select:auto !important;
}

#faq .faq-reference-list summary,
#quote-page-faq .faq-reference-list summary{
  padding-right:68px !important;
}

@media(max-width:1100px){
  .site-header .nav{
    width:min(100% - 18px, 1840px) !important;
    padding:9px 14px !important;
  }
  .site-header .brand-logo,
  .site-header .brand{
    width:154px !important;
    max-width:154px !important;
    flex-basis:154px !important;
  }
  .site-header .nav-links a{
    padding:9px 13px !important;
  }
  .site-header .nav-links .nav-cta{
    padding:0 22px !important;
  }
}

@media(max-width:620px){
  #faq .faq-reference-list summary:after,
  #quote-page-faq .faq-reference-list summary:after{
    width:40px !important;
    height:40px !important;
    font-size:1.5rem !important;
  }
  #faq .faq-reference-list summary,
  #quote-page-faq .faq-reference-list summary{
    padding-right:56px !important;
  }
}


/* ===== Original style block 25 ===== */
/* =========================================================
   Sweetpea responsive system — phones, tablets, laptops,
   desktop and ultra-wide displays. Desktop visual design is
   preserved; changes progressively apply below 1280px.
   ========================================================= */

html,body{max-width:100%;overflow-x:hidden;}
body{min-width:0;}
img,video,iframe,svg{max-width:100%;}
main,section,article,aside,header,footer,nav,form,div{min-width:0;}
h1,h2,h3,h4,p,a,span,li,label{overflow-wrap:anywhere;}
input,select,textarea,button{max-width:100%;}

/* Fluid content gutters between desktop and tablet. */
@media (max-width:1280px){
  .container{width:min(var(--max),calc(100% - 48px)) !important;}
  .section{padding-top:92px;padding-bottom:92px;}

  .site-header .nav{
    width:min(100% - 28px,1180px) !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .site-header .brand,
  .site-header .brand-logo{
    width:154px !important;
    max-width:154px !important;
    flex-basis:154px !important;
    height:auto !important;
  }
  .site-header .nav-links{gap:4px !important;}
  .site-header .nav-links a{padding:9px 11px !important;font-size:.86rem !important;}
  .site-header .nav-links .nav-cta{padding:0 19px !important;margin-left:5px !important;}

  #homeView #home .hero-grid{gap:46px;}
  #homeView #home .hero-copy .lede{max-width:560px;}
  #homeView #home .hero-visual{min-height:550px;}

  #who-we-are.about-cards-v6 .about-v6-wrap{width:min(1060px,calc(100% - 48px));gap:60px;}
  #services .services-grid{gap:18px;}
  .why-v7-wrap{width:min(1060px,calc(100% - 48px));}
  #process .process-reference-wrap{width:min(1100px,calc(100% - 48px));}

  #servicesView .services-page-shell,
  #servicesView .services-page-reviews-head{width:min(1080px,calc(100% - 64px)) !important;}
  #servicesView .services-page-block{gap:38px !important;}
  #servicesView .services-page-photo{width:min(100%,400px) !important;}

  #contact .quote-reference-wrap,
  #quote-page-contact .quote-reference-wrap{width:min(1100px,calc(100% - 56px));gap:56px;}
  #quotePageView .quote-page-map-shell{width:min(1200px,calc(100% - 56px)) !important;}

  .footer-shell{width:min(1180px,calc(100% - 48px)) !important;}
}

/* Laptop / small desktop */
@media (max-width:1100px){
  .section{padding-top:84px;padding-bottom:84px;}
  .section-head{gap:28px;}

  #homeView #home.hero{padding-top:130px;padding-bottom:70px;}
  #homeView #home .hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:34px;}
  #homeView #home .hero-visual{min-height:510px;}
  #homeView #home .hero-badge.top{right:-2px;}

  #services .services-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .why-v7-grid{gap:18px;}
  #process .process-reference-grid{gap:18px;}

  .about-page-shell{width:min(100% - 44px,1100px) !important;}
  #aboutView .about-page-hero > .about-page-shell{width:min(100% - 44px,1100px) !important;}
  #aboutView .about-page-hero .about-hero-card{padding-left:42px !important;padding-right:42px !important;}
  .vision-grid,.legacy-grid{padding:48px !important;gap:42px !important;}

  #servicesView .services-page-shell,
  #servicesView .services-page-reviews-head{width:min(100% - 48px,980px) !important;}
  #servicesView .services-page-block{gap:30px !important;margin-bottom:70px !important;}
  #servicesView .services-page-photo{width:min(100%,360px) !important;}

  #faq .faq-reference-wrap,
  #quote-page-faq .faq-reference-wrap{gap:54px !important;}
}

/* Tablet and mobile navigation breakpoint */
@media (max-width:980px){
  .container{width:min(100% - 36px,var(--max)) !important;}
  .section{padding-top:76px;padding-bottom:76px;}

  /* Header becomes a compact mobile bar + slide-in menu. */
  .site-header{padding-top:max(10px,env(safe-area-inset-top)) !important;}
  .site-header .nav{
    width:calc(100% - 24px) !important;
    min-height:60px !important;
    padding:8px 10px 8px 15px !important;
    border-radius:24px !important;
    gap:12px !important;
  }
  .site-header.header-floating .nav{min-height:58px !important;padding:7px 10px 7px 15px !important;}
  .site-header .brand,
  .site-header .brand-logo{
    width:148px !important;
    max-width:148px !important;
    flex:0 0 148px !important;
    height:auto !important;
  }
  .menu-toggle{
    display:block !important;
    flex:0 0 44px;
    width:44px !important;
    height:44px !important;
    margin-left:auto;
    position:relative;
    z-index:1003 !important;
  }
  .nav-links{
    position:fixed !important;
    top:max(12px,env(safe-area-inset-top)) !important;
    right:12px !important;
    bottom:max(12px,env(safe-area-inset-bottom)) !important;
    left:auto !important;
    width:min(390px,calc(100vw - 24px)) !important;
    height:auto !important;
    padding:82px 18px 22px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:5px !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:28px !important;
    background:#241f1d !important;
    box-shadow:0 24px 70px rgba(0,0,0,.42) !important;
    overflow-y:auto;
    overscroll-behavior:contain;
    transform:translateX(calc(100% + 28px)) !important;
    transition:transform .28s cubic-bezier(.2,.7,.2,1) !important;
    z-index:1002 !important;
  }
  .nav-links.open{transform:translateX(0) !important;}
  .nav-links a{
    width:100%;
    min-height:48px;
    padding:12px 14px !important;
    display:flex;
    align-items:center;
    font-size:1rem !important;
    border-radius:14px !important;
  }
  .nav-links .nav-cta,
  .site-header .nav-links .nav-cta{
    width:100% !important;
    min-height:50px !important;
    margin:10px 0 0 !important;
    padding:0 18px !important;
    justify-content:center !important;
    border-radius:999px !important;
  }

  /* Hero stacks; video remains large enough to read visually. */
  #homeView #home.hero{padding-top:112px !important;padding-bottom:62px !important;}
  #homeView #home .hero-grid{grid-template-columns:1fr !important;gap:44px !important;}
  #homeView #home .hero-copy{padding-top:8px !important;max-width:720px;}
  #homeView #home .hero-copy h1{max-width:700px;}
  #homeView #home .hero-visual{
    width:min(100%,650px);
    min-height:0 !important;
    height:clamp(430px,76vw,560px);
    margin-inline:auto;
  }
  #homeView #home .hero-photo{inset:0 !important;}
  #homeView #home .hero-video{object-position:66% center !important;}
  #homeView #home .hero-badge.top{right:12px !important;top:28px !important;max-width:min(310px,72%);}
  #homeView #home .hero-badge.bottom{left:12px !important;bottom:24px !important;max-width:min(260px,68%);}

  /* Home sections */
  #who-we-are.about-cards-v6{padding:72px 0 76px !important;}
  #who-we-are.about-cards-v6 .about-v6-wrap{
    width:min(100% - 36px,720px) !important;
    grid-template-columns:1fr !important;
    gap:46px !important;
  }
  #who-we-are.about-cards-v6 .about-v6-copy{max-width:680px !important;}
  #who-we-are.about-cards-v6 .about-v6-cards{max-width:none !important;}

  #services .services-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}

  .why-v7{padding:78px 0 84px !important;}
  .why-v7-wrap{width:min(100% - 36px,720px);}
  .why-v7-grid{grid-template-columns:1fr !important;max-width:650px;margin-inline:auto;}
  .why-v7-media{height:260px !important;}

  #process.process-reference-section{padding:68px 0 74px !important;}
  #process .process-reference-wrap{width:min(100% - 36px,720px) !important;}
  #process .process-reference-grid{grid-template-columns:1fr !important;max-width:620px;margin:44px auto 0 !important;}
  #process .process-reference-card{min-height:0 !important;}

  /* About page */
  .about-page-shell,
  #aboutView .about-page-hero > .about-page-shell{width:min(100% - 36px,760px) !important;}
  #aboutView .about-page-hero{padding-top:118px !important;}
  #aboutView .about-page-hero .about-hero-card,
  .vision-grid,.legacy-grid{
    grid-template-columns:1fr !important;
    padding:40px 36px !important;
    gap:38px !important;
  }
  #aboutView .about-page-hero .about-team-media{max-width:620px !important;width:100%;justify-self:center;}
  .vision-media,.legacy-collage{width:100%;max-width:620px;margin-inline:auto;}

  /* Services page */
  #servicesView .services-page-hero{padding:120px 0 54px !important;}
  #servicesView .services-page-shell,
  #servicesView .services-page-reviews-head{width:min(100% - 36px,760px) !important;}
  #servicesView .services-page-block{
    grid-template-columns:1fr !important;
    gap:24px !important;
    margin-bottom:58px !important;
  }
  #servicesView .services-page-copy,
  #servicesView .services-page-block.is-reversed .services-page-copy{order:2 !important;padding:0 !important;}
  #servicesView .services-page-photo,
  #servicesView .services-page-block.is-reversed .services-page-photo{
    order:1 !important;
    width:min(100%,520px) !important;
    justify-self:start !important;
  }
  #servicesView .services-page-actions{max-width:430px;}

  /* FAQ and quote/contact become one column. */
  #faq .faq-reference-wrap,
  #quote-page-faq .faq-reference-wrap{
    grid-template-columns:1fr !important;
    width:min(100% - 36px,760px) !important;
    gap:44px !important;
    align-items:start !important;
  }
  #faq .faq-reference-copy,
  #quote-page-faq .faq-reference-copy{max-width:680px !important;}

  #contact.quote-reference-section,
  #quote-page-contact.quote-reference-section{padding-top:108px !important;padding-bottom:74px !important;}
  #contact .quote-reference-wrap,
  #quote-page-contact .quote-reference-wrap{
    width:min(100% - 36px,720px) !important;
    grid-template-columns:1fr !important;
    gap:40px !important;
  }
  #contact .quote-reference-copy,
  #quote-page-contact .quote-reference-copy{max-width:680px;}
  #contact .quote-form.quote-reference-form,
  #quote-page-contact .quote-form.quote-reference-form{width:100%;}

  #quotePageView .quote-page-map-shell{width:min(100% - 36px,900px) !important;}
  #quotePageView .quote-page-map-frame{height:460px !important;}

  /* Footer */
  .footer-shell{width:min(100% - 36px,760px) !important;}
  .footer-top,.custom-footer-grid{grid-template-columns:1fr !important;gap:34px !important;}
  .footer-legal-block{justify-self:start !important;width:100% !important;text-align:left !important;}
  .footer-divider{margin:40px 0 34px !important;}
  .footer-bottom{align-items:flex-start !important;flex-direction:column !important;gap:12px !important;}
}

/* Standard phones */
@media (max-width:680px){
  .container{width:min(100% - 28px,var(--max)) !important;}
  .section{padding-top:64px;padding-bottom:64px;}
  h1{font-size:clamp(2.75rem,14vw,4rem) !important;}
  h2{font-size:clamp(2.05rem,10vw,3.15rem) !important;}

  .site-header .nav{width:calc(100% - 18px) !important;border-radius:20px !important;}
  .site-header .brand,
  .site-header .brand-logo{width:136px !important;max-width:136px !important;flex-basis:136px !important;}
  .menu-toggle{width:42px !important;height:42px !important;flex-basis:42px;}
  .nav-links{right:9px !important;top:max(9px,env(safe-area-inset-top)) !important;bottom:max(9px,env(safe-area-inset-bottom)) !important;width:calc(100vw - 18px) !important;border-radius:24px !important;}

  #homeView #home.hero{padding-top:100px !important;padding-bottom:54px !important;}
  #homeView #home .hero-grid{gap:34px !important;}
  #homeView #home .hero-copy h1{font-size:clamp(3rem,16vw,4.25rem) !important;line-height:.98 !important;}
  #homeView #home .hero-copy .lede{font-size:1rem !important;line-height:1.7 !important;margin-top:20px !important;}
  #homeView #home .hero-actions{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;margin-top:26px !important;}
  #homeView #home .hero-actions .btn{width:100% !important;min-height:50px;}
  #homeView #home .hero-trust{gap:12px 18px !important;margin-top:28px !important;font-size:.82rem !important;}
  #homeView #home .availability-callout{width:100%;display:flex !important;padding:11px 13px !important;font-size:.86rem !important;}
  #homeView #home .hero-visual{height:clamp(390px,112vw,500px);}
  #homeView #home .hero-photo{border-radius:92px 92px 26px 26px !important;}
  #homeView #home .hero-badge{padding:12px 14px !important;border-radius:16px !important;}
  #homeView #home .hero-badge.top{top:18px !important;right:9px !important;max-width:74%;}
  #homeView #home .hero-badge.bottom{left:9px !important;bottom:16px !important;max-width:68%;}
  #homeView #home .google-rating-row{gap:8px !important;}
  #homeView #home .google-rating-icon{width:22px !important;height:22px !important;flex-basis:22px !important;}

  #who-we-are.about-cards-v6 .about-v6-wrap{width:min(100% - 28px,560px) !important;gap:36px !important;}
  #who-we-are.about-cards-v6 .about-v6-copy h2{font-size:clamp(2.25rem,11vw,3.05rem) !important;}
  #who-we-are.about-cards-v6 .about-v6-cards{grid-template-columns:1fr !important;}
  #who-we-are.about-cards-v6 .about-v6-cta{width:100%;justify-content:center;}

  #services .services-grid{grid-template-columns:1fr !important;gap:18px !important;}
  #services .service-card{min-height:0 !important;}
  #services .service-photo{min-height:230px;}

  .why-v7-wrap{width:min(100% - 28px,560px);}
  .why-v7 h2{font-size:clamp(2.1rem,10.5vw,3rem) !important;}
  .why-v7-media{height:215px !important;}
  .why-v7-body{padding:24px 20px 26px !important;}

  #process .process-reference-wrap{width:min(100% - 28px,560px) !important;}
  #process .process-reference-head{display:block !important;}
  #process .process-reference-cta{width:100%;margin-top:24px !important;justify-content:center;}
  #process .process-reference-grid{margin-top:34px !important;}
  #process .process-reference-card{padding:26px 22px !important;border-radius:24px !important;}

  /* Reviews stay horizontally scrollable without clipping viewport. */
  #reviews .reviews-v12-marquee,
  #servicesView .services-page-reviews-marquee{overflow:hidden;}
  #reviews .review-v12-card,
  #servicesView .review-v12-card{flex-basis:min(310px,calc(100vw - 48px)) !important;width:min(310px,calc(100vw - 48px)) !important;min-height:365px !important;padding:22px !important;}

  /* About page cards */
  .about-page-shell,
  #aboutView .about-page-hero > .about-page-shell{width:min(100% - 24px,560px) !important;}
  #aboutView .about-page-hero{padding-top:104px !important;}
  #aboutView .about-page-hero .about-hero-card,
  .vision-grid,.legacy-grid{padding:28px 22px !important;gap:30px !important;border-radius:24px !important;}
  #aboutView .about-page-hero .about-hero-copy{padding:0 !important;}
  .legacy-values{grid-template-columns:1fr !important;}
  .legacy-collage{min-height:420px;}

  /* Services page */
  #servicesView .services-page-hero{padding:104px 0 44px !important;}
  #servicesView .services-page-shell,
  #servicesView .services-page-reviews-head{width:min(100% - 28px,560px) !important;}
  #servicesView .services-page-hero h1{font-size:clamp(2.75rem,13vw,4.1rem) !important;}
  #servicesView .services-page-list{padding-top:10px !important;padding-bottom:72px !important;}
  #servicesView .services-page-block{gap:18px !important;margin-bottom:46px !important;}
  #servicesView .services-page-photo,
  #servicesView .services-page-block.is-reversed .services-page-photo{width:100% !important;border-radius:24px !important;}
  #servicesView .services-page-copy h2{font-size:clamp(2rem,10vw,2.65rem) !important;}
  #servicesView .services-page-copy p,
  #servicesView .services-page-points li{font-size:.96rem !important;}
  #servicesView .services-page-actions{grid-template-columns:1fr !important;width:100%;max-width:none !important;}
  #servicesView .services-page-book,
  #servicesView .services-page-call{width:100% !important;min-width:0 !important;}

  /* Quote & FAQ */
  #faq.faq-reference-section,
  #quote-page-faq.faq-reference-section{padding:74px 0 !important;}
  #faq .faq-reference-wrap,
  #quote-page-faq .faq-reference-wrap{width:min(100% - 28px,560px) !important;gap:34px !important;}
  #faq .faq-question-btn,
  #quote-page-faq .faq-question-btn{width:100%;justify-content:center;margin-top:26px !important;}
  #faq .faq-reference-list details,
  #quote-page-faq .faq-reference-list details{padding:0 18px !important;border-radius:20px !important;}
  #faq .faq-reference-list summary,
  #quote-page-faq .faq-reference-list summary{min-height:70px !important;padding:16px 52px 16px 0 !important;font-size:.95rem !important;}
  #faq .faq-reference-list summary:after,
  #quote-page-faq .faq-reference-list summary:after{width:38px !important;height:38px !important;right:0 !important;}

  #contact.quote-reference-section,
  #quote-page-contact.quote-reference-section{padding-top:92px !important;padding-bottom:62px !important;}
  #contact .quote-reference-wrap,
  #quote-page-contact .quote-reference-wrap{width:min(100% - 28px,560px) !important;gap:32px !important;}
  #contact .quote-reference-copy h2,
  #quote-page-contact .quote-reference-copy h2{font-size:clamp(2.25rem,11vw,3.1rem) !important;}
  #contact .quote-reference-form .form-grid,
  #quote-page-contact .quote-reference-form .form-grid{grid-template-columns:1fr !important;}
  #contact .quote-reference-form .field.full,
  #contact .security-field,
  #quote-page-contact .quote-reference-form .field.full,
  #quote-page-contact .security-field{grid-column:auto !important;}
  #contact .quote-form.quote-reference-form,
  #quote-page-contact .quote-form.quote-reference-form{padding:26px 20px 24px !important;border-radius:22px !important;}
  #contact .quote-reference-submit,
  #quote-page-contact .quote-reference-submit{width:100%;}

  #quotePageView .quote-page-map-section{padding:22px 0 60px !important;}
  #quotePageView .quote-page-map-shell{width:min(100% - 24px,560px) !important;}
  #quotePageView .quote-page-map-shell h2{font-size:clamp(2rem,10vw,2.7rem) !important;margin-bottom:26px !important;}
  #quotePageView .quote-page-map-frame{height:360px !important;border-radius:20px !important;}

  /* CTA + footer */
  .final-cta{padding:36px 0 64px !important;}
  .cta-box{padding:34px 22px !important;border-radius:24px !important;}
  .cta-box .btn{width:100% !important;margin-top:22px !important;}
  .footer-shell{width:min(100% - 28px,560px) !important;}
  .site-footer{padding:48px 0 28px !important;}
  .footer-logo{width:184px !important;height:auto !important;max-width:184px !important;}
  .footer-tagline{font-size:clamp(2.35rem,12vw,3rem) !important;}
  .footer-legal-block{font-size:.94rem !important;line-height:1.62 !important;}
  .footer-office-address{font-size:1rem !important;}
  .custom-footer-grid{gap:28px !important;}
  .footer-bottom-links{gap:12px 18px !important;}

  .simple-chatbot-button{
    width:58px !important;height:58px !important;
    right:max(14px,env(safe-area-inset-right)) !important;
    bottom:max(14px,env(safe-area-inset-bottom)) !important;
  }
  .simple-chatbot-button::before{left:18px !important;top:18px !important;width:22px !important;height:22px !important;}
  .chatbot-panel{
    right:max(12px,env(safe-area-inset-right)) !important;
    bottom:calc(82px + env(safe-area-inset-bottom)) !important;
    width:calc(100vw - 24px) !important;
    max-height:min(70vh,580px);
  }
}

/* Small phones: 360–430px and below */
@media (max-width:430px){
  .container{width:calc(100% - 22px) !important;}
  .site-header .nav{width:calc(100% - 14px) !important;padding-left:12px !important;padding-right:8px !important;}
  .site-header .brand,
  .site-header .brand-logo{width:126px !important;max-width:126px !important;flex-basis:126px !important;}

  #homeView #home .hero-copy h1{font-size:clamp(2.75rem,15.5vw,3.65rem) !important;}
  #homeView #home .hero-trust{display:grid !important;grid-template-columns:1fr !important;gap:9px !important;}
  #homeView #home .hero-visual{height:410px;}
  #homeView #home .hero-badge.top{max-width:78%;}
  #homeView #home .hero-badge.bottom{max-width:76%;}

  #who-we-are.about-cards-v6 .about-v6-wrap,
  .why-v7-wrap,
  #process .process-reference-wrap,
  #faq .faq-reference-wrap,
  #quote-page-faq .faq-reference-wrap,
  #contact .quote-reference-wrap,
  #quote-page-contact .quote-reference-wrap,
  #servicesView .services-page-shell,
  #servicesView .services-page-reviews-head{width:calc(100% - 22px) !important;}

  #services .service-body{padding-left:20px;padding-right:20px;}
  .why-v7-media{height:195px !important;}
  #process .process-reference-card{padding:24px 19px !important;}
  #reviews .review-v12-card,
  #servicesView .review-v12-card{flex-basis:calc(100vw - 36px) !important;width:calc(100vw - 36px) !important;}

  .about-page-shell,
  #aboutView .about-page-hero > .about-page-shell,
  #quotePageView .quote-page-map-shell,
  .footer-shell{width:calc(100% - 20px) !important;}
  #aboutView .about-page-hero .about-hero-card,
  .vision-grid,.legacy-grid{padding:24px 18px !important;}
  .legacy-collage{min-height:360px;}

  #quotePageView .quote-page-map-frame{height:320px !important;}
  .cta-box{padding:30px 18px !important;}
}

/* Very small devices */
@media (max-width:360px){
  .site-header .brand,
  .site-header .brand-logo{width:116px !important;max-width:116px !important;flex-basis:116px !important;}
  #homeView #home .hero-copy h1{font-size:2.7rem !important;}
  #homeView #home .hero-visual{height:380px;}
  #homeView #home .hero-badge{font-size:.8rem;}
  #homeView #home .hero-badge small{font-size:.7rem;}
  #servicesView .services-page-copy h2{font-size:2rem !important;}
  .footer-social-icons{gap:10px !important;}
}

/* Landscape phones / compact-height screens */
@media (max-width:980px) and (orientation:landscape) and (max-height:600px){
  .nav-links{padding-top:68px !important;}
  .nav-links a{min-height:42px !important;padding-top:9px !important;padding-bottom:9px !important;}
  #homeView #home.hero{padding-top:94px !important;}
  #homeView #home .hero-visual{height:390px;max-width:560px;}
  .chatbot-panel{max-height:72vh;}
}

/* Touch devices: do not depend on hover for visual feedback. */
@media (hover:none){
  .btn:active,.service-link:active,.services-page-book:active,.services-page-call:active,.faq-question-btn:active{
    transform:scale(.98) !important;
  }
}


/* ===== Original style block 26 ===== */
/* Mobile nav fix: open directly below the visible header bar, never down in page flow. */
@media (max-width:980px){
  .site-header{
    overflow:visible !important;
  }
  .site-header .nav{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }
  .site-header .brand{
    display:flex !important;
    align-items:center !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:1004 !important;
  }
  .site-header .brand-logo{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .menu-toggle{
    display:block !important;
    position:relative !important;
    z-index:1005 !important;
    margin-left:auto !important;
  }

  .site-header .nav-links,
  .nav-links{
    position:absolute !important;
    top:calc(100% + 10px) !important;
    right:0 !important;
    bottom:auto !important;
    left:0 !important;
    inset:auto 0 auto 0 !important;
    width:100% !important;
    height:auto !important;
    max-height:calc(100dvh - 96px) !important;
    margin:0 !important;
    padding:14px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:6px !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:22px !important;
    background:rgba(36,31,29,.985) !important;
    box-shadow:0 22px 55px rgba(0,0,0,.38) !important;
    -webkit-backdrop-filter:blur(16px) !important;
    backdrop-filter:blur(16px) !important;
    transform:translateY(-8px) scale(.985) !important;
    transform-origin:top center !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.2,1),visibility 0s linear .22s !important;
    z-index:1003 !important;
  }
  .site-header .nav-links.open,
  .nav-links.open{
    transform:translateY(0) scale(1) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transition:opacity .18s ease,transform .22s cubic-bezier(.2,.75,.2,1),visibility 0s !important;
  }
  .site-header .nav-links a,
  .nav-links a{
    flex:0 0 auto !important;
    width:100% !important;
    min-height:46px !important;
    padding:11px 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border-radius:13px !important;
    font-size:.98rem !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }
  .site-header .nav-links .nav-cta,
  .nav-links .nav-cta{
    min-height:48px !important;
    margin:7px 0 0 !important;
    justify-content:center !important;
    border-radius:999px !important;
  }

  /* Animated hamburger -> close icon for clear mobile feedback. */
  .menu-toggle span{transform-origin:center !important;}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg) !important;}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0 !important;}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg) !important;}
}

@media (max-width:430px){
  .site-header .nav-links,
  .nav-links{
    top:calc(100% + 8px) !important;
    padding:12px !important;
    border-radius:19px !important;
    max-height:calc(100dvh - 88px) !important;
  }
  .site-header .nav-links a,
  .nav-links a{
    min-height:44px !important;
    padding:10px 12px !important;
    font-size:.95rem !important;
  }
}


/* ===== Original style block 27 ===== */
/* v13: requested service image updates only */
#services .service-card:nth-child(3) .service-photo {
  background-image:url("../assets/images/domestic-cleaning-service.jpg") !important;
  background-position:center !important;
  background-size:cover !important;
}
#services .service-card:nth-child(6) .service-photo {
  background-image:url("../assets/images/commercial-cleaning-service.jpg") !important;
  background-position:center !important;
  background-size:cover !important;
}
#services .service-card:nth-child(8) .service-photo {
  background-image:url("../assets/images/ventilation-system-cleaning-service.jpg") !important;
  background-position:center !important;
  background-size:cover !important;
}


/* ===== Original style block 28 ===== */
/* Review submission UI — scoped so the rest of the site remains unchanged. */
#reviews .reviews-head-action{
  width:min(100%,500px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
}
#reviews .reviews-head-action .lede{max-width:none;margin:0;}
.review-open-btn{
  min-height:50px;
  padding:0 22px;
  border:1px solid #735191;
  border-radius:999px;
  background:#735191;
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-weight:800;
  box-shadow:0 9px 20px rgba(115,81,145,.16);
}
.review-open-btn:hover{transform:translateY(-2px);background:#664680;}

#servicesView .services-page-reviews-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
}
#servicesView .services-page-reviews-head .review-open-btn{flex:0 0 auto;}

.review-dialog{
  width:min(720px,calc(100% - 32px));
  max-height:min(90dvh,880px);
  margin:auto;
  padding:0;
  border:0;
  border-radius:28px;
  background:transparent;
  color:#2c2825;
  overflow:visible;
}
.review-dialog::backdrop{
  background:rgba(26,22,20,.68);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.review-dialog-card{
  position:relative;
  max-height:min(90dvh,880px);
  overflow:auto;
  padding:38px;
  border:1px solid rgba(44,40,37,.10);
  border-radius:28px;
  background:#fffdf9;
  box-shadow:0 30px 90px rgba(24,19,17,.28);
}
.review-dialog-close{
  position:absolute;
  top:18px;
  right:18px;
  width:42px;
  height:42px;
  border:1px solid rgba(44,40,37,.12);
  border-radius:50%;
  background:#f5f1ec;
  color:#2c2825;
  font-size:1.75rem;
  line-height:1;
}
.review-dialog-close:hover{background:#ece6df;}
.review-dialog-eyebrow{
  margin:0 0 10px;
  color:#735191;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.review-dialog h2{
  max-width:570px;
  margin:0;
  color:#2c2825;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(2rem,5vw,3.25rem);
  line-height:1.03;
  letter-spacing:-.05em;
  font-weight:800;
}
.review-dialog-intro{
  max-width:600px;
  margin:14px 0 28px;
  color:#7a736d;
  line-height:1.7;
}
.review-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.review-field{display:flex;flex-direction:column;gap:8px;}
.review-field-full,.review-rating-field{grid-column:1/-1;}
.review-field label,.review-rating-field legend{
  color:#6f635e;
  font-size:.76rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.review-field label span{
  font-size:.72rem;
  font-weight:600;
  letter-spacing:0;
  text-transform:none;
  color:#a09791;
}
.review-field input,
.review-field select,
.review-field textarea{
  width:100%;
  border:1px solid rgba(83,68,59,.18);
  border-radius:18px;
  outline:none;
  background:#fff;
  color:#2c2825;
  font:inherit;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.review-field input,.review-field select{height:56px;padding:0 16px;}
.review-field textarea{min-height:132px;padding:15px 16px;resize:vertical;}
.review-field input:focus,
.review-field select:focus,
.review-field textarea:focus{
  border-color:#a47ac7;
  box-shadow:0 0 0 4px rgba(164,122,199,.12);
}
.review-rating-field{
  margin:0;
  padding:0;
  border:0;
}
.review-rating-field legend{margin-bottom:8px;}
.review-stars{
  display:inline-flex;
  flex-direction:row-reverse;
  justify-content:flex-end;
  gap:4px;
}
.review-stars input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.review-stars label{
  cursor:pointer;
  color:#d8d1ca;
  font-size:2.2rem;
  line-height:1;
  transition:color .15s ease,transform .15s ease;
}
.review-stars label:hover,
.review-stars label:hover ~ label,
.review-stars input:checked ~ label{color:#b85ce8;}
.review-stars input:focus-visible + label{
  outline:2px solid #735191;
  outline-offset:4px;
  border-radius:4px;
}
.review-stars label:hover{transform:translateY(-2px);}
.review-consent{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#615954;
  font-size:.9rem;
  line-height:1.5;
}
.review-consent input[type="checkbox"]{
  width:18px;
  min-width:18px;
  height:18px;
  min-height:18px;
  flex:0 0 18px;
  padding:0;
  margin:2px 0 0 -2px;
  border-radius:4px;
  accent-color:#735191;
  box-shadow:none;
}
.review-honeypot{
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
}
.review-privacy-note{
  margin:18px 0 0;
  color:#8b827c;
  font-size:.82rem;
}
.review-submit-btn{
  width:100%;
  min-height:54px;
  margin-top:18px;
  border:1px solid #735191;
  border-radius:999px;
  background:#735191;
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-weight:800;
}
.review-submit-btn:hover{background:#664680;transform:translateY(-1px);}
.review-submit-btn:disabled{opacity:.65;cursor:wait;transform:none;}

.review-google-success{
  margin-top:18px;
  padding:20px;
  border:1px solid rgba(66,133,244,.16);
  border-radius:20px;
  background:linear-gradient(135deg,#fff 0%,#fbfaf8 100%);
  box-shadow:0 10px 30px rgba(44,40,37,.06);
}
.review-google-success[hidden]{display:none !important;}
.review-google-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.review-google-logo{
  width:28px;
  height:28px;
  flex:0 0 28px;
  object-fit:contain;
}
.review-google-copy strong{
  display:block;
  color:#2c2825;
  font-size:1rem;
  line-height:1.3;
}
.review-google-copy span{
  display:block;
  margin-top:2px;
  color:#8b827c;
  font-size:.84rem;
}
.review-google-btn{
  width:auto;
  min-height:46px;
  padding:0 18px;
  border:1px solid rgba(44,40,37,.14);
  border-radius:999px;
  background:#fff;
  color:#2c2825;
  font-weight:800;
  box-shadow:0 7px 20px rgba(44,40,37,.08);
}
.review-google-btn:hover{
  transform:translateY(-1px);
  background:#f8f6f3;
}
.review-google-note{
  margin:10px 0 0;
  color:#9a918b;
  font-size:.76rem;
  line-height:1.45;
}

@media(max-width:760px){
  #reviews .section-head{gap:24px;}
  #servicesView .services-page-reviews-head{
    width:min(100% - 36px,720px);
    align-items:flex-start;
    flex-direction:column;
    gap:22px;
  }
  .review-dialog{width:min(100% - 20px,720px);}
  .review-dialog-card{padding:30px 20px 24px;border-radius:22px;}
  .review-dialog-close{top:12px;right:12px;}
  .review-form-grid{grid-template-columns:1fr;}
  .review-field-full,.review-rating-field{grid-column:auto;}
  .review-open-btn{white-space:normal;text-align:center;}
}


/* NexVoice AI footer credit — styling only */
.footer-bottom-copy > a[href="https://nexvoiceai.site/"]{
  color:var(--sweetpea-purple-bright) !important;
  font-weight:700 !important;
  text-decoration:none !important;
  transition:color .2s ease,opacity .2s ease;
}
.footer-bottom-copy > a[href="https://nexvoiceai.site/"]:hover{
  color:#d8c6f7 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}
.footer-bottom-copy > a[href="https://nexvoiceai.site/"]:focus-visible{
  outline:2px solid var(--sweetpea-purple-bright) !important;
  outline-offset:3px !important;
  border-radius:3px;
}