*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#FDFBF9;--sand:#F0EDE8;--cream:#F7F5F1;
  --ink:#3A3632;--ink-muted:#6B6258;
  --accent:#2F76B8;--accent-dark:#235B90;--accent-light:#5B9BD5;--accent-soft:rgba(47,118,184,.08);
  --line:#E4E0DA;--line-ui:#A1937E;--line-light:#EDEBE6;
  --radius:8px;--radius-lg:12px;--max:1140px;
  --shadow:0 14px 44px rgba(58,54,50,.08);--shadow-lg:0 24px 64px rgba(58,54,50,.12);
}
html{font-size:18px;scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);line-height:1.72}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;line-height:1.14;color:var(--ink)}
h1{font-size:clamp(2.6rem,6vw,4.2rem);letter-spacing:-.02em}
h2{font-size:clamp(2rem,4.5vw,3rem);letter-spacing:-.01em}
h3{font-size:1.3rem}
p{max-width:60ch}
a{color:var(--accent);text-decoration:none;transition:color .2s}
a:hover{color:var(--accent-dark)}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
img{display:block;max-width:100%;height:auto}
.container{width:min(100% - 2.5rem,var(--max));margin-inline:auto}
.skip-link{position:absolute;left:.75rem;top:-100%;background:var(--ink);color:#fff;padding:.65rem 1rem;border-radius:0 0 var(--radius) var(--radius);z-index:1000}
.skip-link:focus{top:0;color:#fff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Eyebrow label */
.label{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:600;color:var(--accent);margin-bottom:.8rem;max-width:none}

/* Hero viewport wrapper */
.hero-viewport{display:flex;flex-direction:column;height:100svh}

/* Utility */
.utility-bar{background:var(--cream);border-bottom:1px solid var(--line-light);font-size:.86rem;color:var(--ink-muted)}
.utility-inner{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}
.utility-bar a{color:var(--ink);font-weight:600;text-decoration:none}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(253,251,249,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(228,224,218,.6)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;gap:clamp(.75rem,2vw,1.5rem)}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink);font-family:'Playfair Display',serif;font-size:clamp(.95rem,1.4vw,1.18rem);font-weight:700;line-height:1.1;flex-shrink:0}
.brand img{width:clamp(48px,5.5vw,80px);height:clamp(48px,5.5vw,80px);border-radius:50%}
.main-nav ul{display:flex;gap:clamp(.8rem,1.6vw,1.5rem);list-style:none}
.main-nav a{font-weight:500;color:var(--ink);font-size:clamp(.85rem,1vw,.95rem);text-decoration:none;letter-spacing:.01em;white-space:nowrap}
.main-nav a:hover{color:var(--accent)}
.main-nav a[aria-current="page"]{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:2px}

/* Services dropdown */
.nav-dropdown{position:relative}
.nav-dropdown>a{display:flex;align-items:center;gap:.3rem}
.nav-dropdown>a::after{content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-top:-2px}
.nav-dropdown:hover>a::after{transform:rotate(-135deg)}
.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:13rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:.5rem 0;opacity:0;pointer-events:none;transform:translateY(.3rem);transition:opacity .2s,transform .2s;z-index:60}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;pointer-events:auto;transform:translateY(0)}
.nav-dropdown-menu a{display:block;padding:.5rem 1.2rem;font-size:.88rem;color:var(--ink);font-weight:500;white-space:nowrap;transition:background .15s,color .15s}
.nav-dropdown-menu a:hover{background:var(--accent-soft);color:var(--accent)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem clamp(.9rem,1.5vw,1.5rem);border-radius:var(--radius);font-weight:600;text-decoration:none;border:2px solid transparent;transition:all .22s;min-height:44px;font-size:clamp(.85rem,1vw,.95rem);white-space:nowrap;flex-shrink:0}
.btn:hover{transform:translateY(-2px)}
.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-accent:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff;box-shadow:0 8px 24px rgba(91,155,213,.22)}
.btn-ghost{border-color:var(--line);color:var(--ink);background:transparent}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-toggle span{display:block;width:20px;height:2px;background:var(--ink)}
.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:1.5rem;z-index:40}
.mobile-nav.is-open{display:block}
.mobile-nav ul{list-style:none;display:grid;gap:.75rem;margin-bottom:1.2rem}
.mobile-nav a{font-weight:600;color:var(--ink);text-decoration:none;font-size:1.05rem}
.mobile-nav .btn{width:100%;margin-bottom:.5rem}
.mobile-nav .nav-dropdown-menu{position:static;transform:none;opacity:1;pointer-events:auto;box-shadow:none;border:none;background:transparent;padding:0 0 0 1rem;min-width:0}
.mobile-nav .nav-dropdown-menu a{padding:.3rem 0;font-size:.95rem}
.mobile-nav .nav-dropdown>a::after{display:none}

/* Hero */
.hero{flex:1;min-height:30rem;display:grid;grid-template-columns:.9fr 1.1fr;gap:0;overflow:hidden;position:relative;background:var(--bg)}
.hero-text{display:flex;flex-direction:column;justify-content:center;padding:2rem 2rem 2rem calc((100vw - var(--max)) / 2 + 1.25rem);animation:heroSlideIn .9s cubic-bezier(.23,1,.32,1) .2s both}
.hero-tag{display:inline-block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:1rem;padding-bottom:.35rem;border-bottom:2px solid var(--accent)}
.hero h1{margin-bottom:.9rem;font-size:clamp(2rem,3.8vw,3rem)}
.hero h1 em{font-style:italic;color:var(--accent)}
.hero-desc{font-size:clamp(.95rem,1.5vw,1.08rem);color:var(--ink-muted);margin-bottom:1.5rem;max-width:34ch}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}
.hero-photo{position:relative;overflow:hidden;animation:heroFadeIn 1.2s cubic-bezier(.23,1,.32,1) .4s both}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 6%),linear-gradient(180deg,transparent 80%,rgba(253,251,249,.15) 100%)}
.scroll-indicator{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;color:#fff;font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;z-index:2;animation:fadeInUp 1s ease .8s both;text-shadow:0 1px 4px rgba(0,0,0,.3)}
.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--accent-light);border-bottom:2px solid var(--accent-light);transform:rotate(45deg);animation:bounce 2s ease infinite}
@keyframes bounce{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(5px)}}
@keyframes fadeInUp{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes heroSlideIn{from{opacity:0;transform:translateX(-2rem)}to{opacity:1;transform:translateX(0)}}
@keyframes heroFadeIn{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}

/* Page header (inner pages) */
.page-header{padding:clamp(3rem,8vw,5rem) 0 clamp(2rem,5vw,3rem);background:var(--cream);border-bottom:1px solid var(--line-light)}
.page-header h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:.6rem}
.page-header p{color:var(--ink-muted);font-size:1.05rem}

/* Brand marquee */
.marquee-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.1rem 0;overflow:hidden;background:var(--cream)}
.marquee-track{display:flex;gap:3rem;animation:marquee 30s linear infinite;width:max-content}
.marquee-track span{white-space:nowrap;font-weight:600;font-size:.95rem;color:var(--ink-muted);display:flex;align-items:center;gap:.8rem}
.marquee-track span::after{content:'\2014';color:var(--line);font-size:.9rem;font-weight:300}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* Sections */
.section{padding:clamp(4rem,9vw,6.5rem) 0}
.section-sand{background:var(--sand)}
.section-cream{background:var(--cream)}
.section-white{background:var(--bg)}
.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.content-narrow{max-width:46rem;margin:0 auto}

/* Editorial intro */
.editorial{padding:clamp(4rem,9vw,6.5rem) 0}
.editorial-grid{display:grid;grid-template-columns:.45fr .55fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.editorial-left{position:static}
.editorial-left h2{margin-bottom:1.2rem}
.editorial-right p{color:var(--ink-muted);margin-bottom:1.5rem;font-size:1.02rem}
.editorial-right p:first-child::first-letter{font-family:'Playfair Display',serif;font-size:3.4rem;float:left;line-height:.85;margin-right:.5rem;color:var(--accent);font-weight:700}

/* Services carousel */
.services{padding:clamp(4rem,9vw,6.5rem) 0;background:var(--sand)}
.services-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}
.svc-carousel{position:relative}
.svc-track{display:flex;gap:1.3rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;padding:0 .5rem .5rem}
.svc-track::-webkit-scrollbar{display:none}
.svc-card{width:calc((100% - 2.6rem) / 3);min-width:280px;scroll-snap-align:start;background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line-light);transition:all .3s;flex-shrink:0;display:flex;flex-direction:column}
.svc-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.svc-img{height:200px}
.svc-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}
.svc-body h3{margin-bottom:.5rem}
.svc-body p{color:var(--ink-muted);font-size:.93rem;flex:1;margin-bottom:1rem}
.svc-body a{font-weight:600;font-size:.9rem;align-self:flex-start;border-bottom:2px solid var(--accent);padding-bottom:2px;transition:border-color .3s}
.svc-body a:hover{border-color:var(--accent-dark)}
.svc-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:var(--radius);background:rgba(255,255,255,.95);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:all .25s;box-shadow:0 4px 14px rgba(0,0,0,.08);font-size:1.2rem;color:var(--ink)}
.svc-arrow:hover{background:#fff;box-shadow:var(--shadow);border-color:var(--accent);color:var(--accent)}
.svc-arrow-left{left:-.5rem}
.svc-arrow-right{right:-.5rem}
.svc-arrow.hidden{opacity:0;pointer-events:none}
.svc-fade-left,.svc-fade-right{position:absolute;top:0;bottom:.5rem;width:3rem;z-index:2;pointer-events:none;transition:opacity .3s}
.svc-fade-left{left:0;background:linear-gradient(90deg,var(--sand),transparent)}
.svc-fade-right{right:0;background:linear-gradient(270deg,var(--sand),transparent)}
.svc-fade-left.hidden,.svc-fade-right.hidden{opacity:0}

/* Service grid (services index page) */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}

/* Service detail pages */
.svc-detail{padding:clamp(3rem,8vw,5rem) 0}
.svc-detail-grid{display:grid;grid-template-columns:.6fr .4fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.svc-detail-content h2{margin-bottom:1rem}
.svc-detail-content p{color:var(--ink-muted);margin-bottom:1.2rem;font-size:1.02rem}
.svc-detail-content ul{list-style:none;display:grid;gap:.6rem;margin:1.2rem 0 1.5rem}
.svc-detail-content li{padding-left:1.4rem;position:relative;color:var(--ink-muted)}
.svc-detail-content li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);position:absolute;left:0;top:.6rem}
.svc-sidebar{position:sticky;top:8rem}
.svc-sidebar-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem;margin-bottom:1.2rem}
.svc-sidebar-card h3{margin-bottom:.6rem}
.svc-sidebar-card p{color:var(--ink-muted);font-size:.93rem}
.svc-sidebar-card .btn{width:100%;margin-top:1rem}

/* Testimonials + Insurance */
.social-proof{padding:clamp(4rem,9vw,6.5rem) 0}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.testimonial-block h2,.insurance-block h2{margin-bottom:1.8rem}
.testimonial-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.6rem;margin-bottom:1.2rem;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s}
.testimonial-card:hover{transform:translateY(-.25rem);box-shadow:var(--shadow)}
.stars{color:var(--accent);font-size:1rem;letter-spacing:.1em;margin-bottom:.6rem}
.testimonial-card p{color:var(--ink-muted);font-size:.95rem;font-style:italic;margin-bottom:.6rem}
.testimonial-card cite{font-style:normal;font-weight:600;font-size:.88rem;color:var(--ink)}
.insurance-block>p{color:var(--ink-muted);margin-bottom:1.8rem;font-size:1rem}
.insurance-features{display:grid;gap:1.4rem}
.ins-feature{display:flex;gap:1rem;align-items:start;transition:transform .3s cubic-bezier(.23,1,.32,1)}
.ins-feature:hover{transform:translateX(.25rem)}
.ins-icon{width:2.8rem;height:2.8rem;border-radius:var(--radius);background:var(--accent-soft);border:1px solid rgba(91,155,213,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}
.ins-feature strong{display:block;font-size:1rem;margin-bottom:.2rem}
.ins-feature p{color:var(--ink-muted);font-size:.92rem;margin:0}

/* FAQ accordion */
.faq{padding:clamp(4rem,9vw,6.5rem) 0;background:var(--cream)}
.faq-header{text-align:center;margin-bottom:2.5rem}
.faq-header p:not(.label){color:var(--ink-muted);margin:0 auto}
.faq-list{max-width:46rem;margin:0 auto}
.faq-item{border-bottom:1px solid var(--line);transition:background-color .3s}
.faq-item.open{background-color:rgba(91,155,213,.02)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0;cursor:pointer;gap:1rem;font-weight:600;font-size:1.02rem;background:none;border:none;width:100%;text-align:left;color:var(--ink);font-family:inherit;transition:color .25s}
.faq-q:hover{color:var(--accent)}
.faq-q span{font-size:1.3rem;color:var(--ink-muted);transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-q span{transform:rotate(45deg);color:var(--accent)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.23,1,.32,1)}
.faq-a-inner{padding:0 0 1.2rem;color:var(--ink-muted);font-size:.95rem;max-width:40rem}

/* Contact strip */
.contact-strip{padding:clamp(3.5rem,8vw,5.5rem) 0;border-top:1px solid var(--line)}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.contact-grid h2{margin-bottom:1rem}
.contact-grid>div:first-child p:not(.label){color:var(--ink-muted);margin-bottom:1.5rem}
.contact-details{display:grid;gap:1.2rem}
.contact-item{display:flex;gap:.8rem;align-items:start}
.contact-icon{width:40px;height:40px;border-radius:var(--radius);background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent);border:1px solid rgba(91,155,213,.12);transition:transform .3s,background-color .3s}
.contact-item:hover .contact-icon{transform:scale(1.1);background-color:rgba(91,155,213,.12)}
.contact-item p{margin:0;font-size:.95rem}
.contact-item strong{display:block;color:var(--ink);font-family:'DM Sans',sans-serif}

/* Contact form */
.contact-form{display:grid;gap:1rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-field{display:flex;flex-direction:column;gap:.3rem}
.form-field label{font-weight:600;font-size:.88rem;color:var(--ink)}
.form-field input,.form-field textarea,.form-field select{padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--radius);font-family:inherit;font-size:.95rem;background:#fff;color:var(--ink);transition:border-color .2s}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--accent)}
.form-field textarea{min-height:8rem;resize:vertical}

/* Footer */
.site-footer{background:var(--sand);border-top:1px solid var(--line);padding:2rem 0 1.3rem}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:2rem}
.footer-brand{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;margin-bottom:.5rem}
.footer-sub{color:var(--ink-muted);font-size:.88rem}
.footer-col strong{display:block;margin-bottom:.4rem;font-family:'DM Sans',sans-serif;font-size:.9rem}
.footer-col a{display:block;color:var(--ink-muted);font-size:.9rem;padding:.15rem 0}
.footer-col a:hover{color:var(--accent)}
.footer-col p{color:var(--ink-muted);font-size:.88rem}
.footer-bottom{border-top:1px solid var(--line);margin-top:1.6rem;padding-top:.8rem;color:var(--ink-muted);font-size:.82rem}

/* Back to top */
.back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:2.8rem;height:2.8rem;border-radius:var(--radius);background:var(--accent);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(91,155,213,.25);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translateY(.5rem)}
.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{background:var(--accent-dark);box-shadow:0 6px 20px rgba(91,155,213,.35)}
.back-to-top svg{width:1.2rem;height:1.2rem}

/* Reveal animations */
.reveal{opacity:0;transform:translateY(1.5rem);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-d1{transition-delay:.1s}
.reveal-d2{transition-delay:.2s}
.reveal-d3{transition-delay:.3s}

/* Responsive */
@media(max-width:1024px){
  .hero{grid-template-columns:1fr;height:auto;max-height:none;min-height:0}
  .hero-text{max-width:none;padding:clamp(2.5rem,6vw,4rem) 1.25rem}
  .hero-photo{height:clamp(280px,50vw,400px)}
  .hero-photo::after{background:linear-gradient(180deg,var(--bg) 0%,transparent 10%),linear-gradient(180deg,transparent 70%,rgba(253,251,249,.3) 100%)}
  .scroll-indicator{display:none}
  .editorial-grid,.contact-grid,.proof-grid,.content-grid,.svc-detail-grid,.footer-grid{grid-template-columns:1fr}
  .editorial-left,.svc-sidebar{position:static}
  .main-nav,.nav-wrap>.btn-accent{display:none}
  .menu-toggle{display:flex}
  .nav-wrap{position:relative}
  .svc-card{min-width:280px;width:280px}
  .svc-grid{grid-template-columns:1fr 1fr}
  .form-row{grid-template-columns:1fr}
}
@media(max-width:600px){
  html{font-size:16px}
  .svc-card{min-width:260px;width:260px}
  .svc-grid{grid-template-columns:1fr}
}
