:root{--paper:#f8f7f2;--cream:#eeece4;--ink:#24251f;--muted:#66675f;--olive:#737757;--olive-dark:#565a3e;--line:rgba(36,37,31,.14);--white:#fff;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}figure{margin:0}h1,h2,h3,blockquote{font-family:var(--serif);font-weight:400;line-height:1.04;margin:0}h1{font-size:clamp(3.5rem,13vw,7.5rem)}h2{font-size:clamp(2.4rem,8vw,5rem)}p{margin:0 0 1.5rem}.section-shell{padding:7rem 7vw}.eyebrow{margin:0 0 1.25rem;color:var(--olive);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.site-header{height:92px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(248,247,242,.96);border-bottom:1px solid var(--line);position:relative;z-index:100}.brand img{width:184px;max-height:62px;object-fit:contain;object-position:left center}.menu-toggle{width:48px;height:48px;padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer}.menu-toggle span{width:29px;height:1px;background:var(--olive-dark);transition:.25s}.menu-toggle.is-open span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle.is-open span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.nav{position:fixed;inset:92px 0 0;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s}.nav.is-open{opacity:1;visibility:visible;transform:none}.nav>a:not(.nav-cta){font-family:var(--serif);font-size:2.1rem}.nav-cta{margin-top:1rem;border:1px solid var(--olive);padding:1rem 1.2rem;font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.hero{min-height:calc(100svh - 92px);position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:57% center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(25,26,21,.74) 0%,rgba(25,26,21,.12) 62%,rgba(25,26,21,.02))}.hero-copy{position:relative;color:white;padding:0 7vw 9vh;max-width:820px}.hero-copy .eyebrow{color:white}.hero-copy h1{margin-bottom:1.4rem}.hero-copy>p:not(.eyebrow){max-width:420px;font-size:1.05rem}.button{min-height:55px;padding:0 1.5rem;display:inline-flex;align-items:center;justify-content:center;gap:1rem;border:1px solid var(--olive);font:600 .72rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:.25s}.button-light{background:rgba(248,247,242,.94);color:var(--ink);border-color:rgba(248,247,242,.94)}.button-solid{background:var(--olive);color:white}.button-outline{background:transparent}.button:hover{background:var(--olive-dark);border-color:var(--olive-dark);color:white}.about-preview{display:grid;gap:3.6rem}.about-copy p:not(.eyebrow){color:var(--muted);max-width:580px;margin-top:2rem}.portrait img{height:520px;object-fit:cover;object-position:center top}.text-link{display:inline-flex;gap:.8rem;margin-top:.8rem;color:var(--olive-dark);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.services-home{padding-top:2rem}.section-title{max-width:740px;margin-bottom:3rem}.service-stack{display:grid;gap:1.1rem}.service-tile{position:relative;min-height:54vh;overflow:hidden;color:white}.service-tile>img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform .7s}.service-tile:hover>img{transform:scale(1.035)}.tile-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(23,24,20,.82),rgba(23,24,20,.05) 70%)}.tile-copy{position:absolute;left:1.6rem;right:1.6rem;bottom:1.6rem;display:flex;flex-direction:column}.tile-copy small,.tile-copy em{font-style:normal;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em}.tile-copy strong{font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1.1;margin:.35rem 0 1rem}.testimonial{padding:8rem 8vw;background:var(--cream);text-align:center}.stars{color:var(--olive);font-size:.75rem;letter-spacing:.25em}.testimonial blockquote,.review blockquote{font-size:clamp(2rem,7vw,4.4rem);max-width:900px;margin:1.6rem auto}.testimonial p,.review>p{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.final-cta{text-align:center}.final-cta h2{margin-bottom:2.2rem}.site-footer{background:#e6e4dc;padding:4.5rem 7vw 1.5rem}.footer-main{display:grid;gap:2.8rem}.footer-identity img{width:190px}.footer-identity p{color:var(--muted);max-width:330px;margin-top:1.2rem}.footer-contact,.footer-action{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.footer-label{font-size:.7rem;color:var(--olive);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.5rem}.footer-bottom{margin-top:3.5rem;padding-top:1.3rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;color:var(--muted)}.floating-whatsapp{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;background:var(--olive);color:white;display:grid;place-items:center;font-size:.72rem;font-weight:600;z-index:50;box-shadow:0 12px 35px rgba(0,0,0,.18)}.simple-hero{padding-top:9rem;padding-bottom:6rem}.simple-hero>p:last-child{max-width:620px;margin-top:1.6rem;color:var(--muted)}.service-details{padding-top:0;display:grid;gap:8rem}.service-row{display:grid;gap:2.5rem}.service-row figure img{height:52vh;object-fit:cover}.service-row .index{font-size:.75rem;color:var(--olive);letter-spacing:.2em}.service-row h2{font-size:clamp(2.5rem,8vw,4.8rem)}.service-row div>p:not(.eyebrow){color:var(--muted);max-width:560px;margin-top:1.8rem}.visual-hero{min-height:76vh;position:relative;display:flex;align-items:flex-end;color:white;overflow:hidden}.visual-hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.visual-hero>span{position:absolute;inset:0;background:linear-gradient(to top,rgba(23,24,20,.8),rgba(23,24,20,.05) 68%)}.visual-hero>div{position:relative;padding:0 7vw 8vh;max-width:970px}.visual-hero .eyebrow{color:white}.visual-hero h1{font-size:clamp(3.2rem,11vw,6.8rem)}.story{display:grid;gap:3rem}.story-lead{font-family:var(--serif);font-size:clamp(2rem,6vw,3.8rem);line-height:1.3}.story>div p{color:var(--muted);max-width:590px}.values{display:grid;gap:1px;background:var(--line);padding-top:0;padding-bottom:0}.value{background:var(--paper);padding:4rem 1.8rem}.value>span{color:var(--olive);font-size:1.4rem}.value h2{font-size:2.4rem;margin:1.3rem 0}.value p{color:var(--muted)}.review-list{display:grid;gap:1px;background:var(--line);padding-top:0;padding-bottom:0}.review{padding:5rem 2rem;background:var(--paper);text-align:center}.review blockquote{font-size:clamp(2rem,6vw,3.8rem)}.contact-page{display:grid;gap:4rem;padding-top:9rem}.contact-copy>p:not(.eyebrow){max-width:560px;color:var(--muted);margin-top:1.8rem}.direct-contact{display:flex;flex-direction:column;gap:.45rem;margin:2.4rem 0}.form-panel{background:white;padding:2rem}.form-panel form{display:grid;gap:1.4rem}.form-panel label{display:grid;gap:.45rem;color:var(--muted);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}.form-panel input,.form-panel textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:.9rem .1rem;font:inherit;color:var(--ink);outline:none}.form-panel input:focus,.form-panel textarea:focus{border-color:var(--olive)}.notice{padding:1rem;margin-bottom:1.5rem}.success{background:#eef1e5}.error{background:#f5e9e4}.legal{min-height:65vh;padding-top:9rem;max-width:900px}.legal h1{margin-bottom:2.5rem}.legal p{color:var(--muted)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(min-width:760px){.about-preview{grid-template-columns:1fr 1fr;align-items:center}.service-stack{grid-template-columns:repeat(2,1fr)}.service-tile{min-height:470px}.footer-main{grid-template-columns:1.2fr .8fr .8fr}.story{grid-template-columns:1.1fr .9fr}.values{grid-template-columns:repeat(3,1fr)}.review-list{grid-template-columns:repeat(3,1fr)}.contact-page{grid-template-columns:1fr 1fr}.form-panel{padding:3rem}}
@media(min-width:1050px){.site-header{height:104px;padding:0 4.5vw}.brand img{width:210px}.menu-toggle{display:none}.nav{position:static;inset:auto;opacity:1;visibility:visible;transform:none;background:transparent;flex-direction:row;gap:2rem}.nav>a:not(.nav-cta){font-family:var(--sans);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.nav a.is-active{color:var(--olive)}.nav-cta{margin:0}.hero{min-height:calc(100vh - 104px)}.hero-copy{padding-left:8vw}.section-shell{padding-left:8vw;padding-right:8vw}.service-row{grid-template-columns:1.08fr .92fr;align-items:center}.service-row:nth-child(even) figure{order:2}.service-row figure img{height:650px}.visual-hero>div{padding-left:8vw}.contact-page{padding-top:10rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.service-tile>img{transition:none}}

/* Luxury homepage refresh */
.hero-home{min-height:calc(100svh - 92px);background:#898b7b;align-items:stretch}
.hero-media{position:absolute;inset:0;background:
linear-gradient(115deg,rgba(47,50,40,.18),rgba(47,50,40,0) 55%),
radial-gradient(circle at 78% 23%,rgba(255,255,255,.26),transparent 24%),
linear-gradient(145deg,#a9aa9b 0%,#858778 48%,#65685b 100%)}
.hero-media:before{content:"";position:absolute;inset:11% 7% 12% 52%;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.015));backdrop-filter:blur(2px)}
.hero-media:after{content:"";position:absolute;width:42vw;height:42vw;max-width:650px;max-height:650px;right:-10vw;bottom:-18vw;border:1px solid rgba(255,255,255,.22);border-radius:50%}
.hero-home .hero-overlay{background:linear-gradient(90deg,rgba(28,30,24,.6) 0%,rgba(28,30,24,.24) 55%,rgba(28,30,24,.06) 100%)}
.hero-home .hero-copy{width:100%;max-width:none;display:flex;flex-direction:column;justify-content:center;padding:9vh 7vw 13vh}
.hero-home h1{font-size:clamp(4.2rem,10vw,8.6rem);max-width:930px;letter-spacing:-.045em;line-height:.88}
.hero-home h1 em{font-weight:400;color:#e6e1cf}
.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:1.7rem;margin-top:3rem}
.hero-bottom p{font-size:1.02rem;max-width:390px;margin:0;color:rgba(255,255,255,.88)}
.hero-scroll{position:absolute;right:7vw;bottom:5vh;color:white;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:.8rem}
.hero-scroll span{width:48px;height:1px;background:rgba(255,255,255,.65)}
.intro-luxury{display:grid;gap:2rem;padding-top:9rem;padding-bottom:9rem;border-bottom:1px solid var(--line)}
.intro-number{font-family:var(--serif);font-size:1.4rem;color:var(--olive)}
.intro-copy h2{font-size:clamp(3rem,7vw,6.4rem);letter-spacing:-.035em}
.intro-side{max-width:520px;color:var(--muted)}
.statement{padding-top:11rem;padding-bottom:11rem}
.statement h2{max-width:1200px;font-size:clamp(3.1rem,7.2vw,7rem);letter-spacing:-.045em}
.services-editorial{display:grid;background:#d8d7ce}
.service-editorial{display:grid;min-height:72vh;border-bottom:1px solid rgba(255,255,255,.28);position:relative;overflow:hidden}
.service-art{position:relative;min-height:52vh;overflow:hidden;background:#858877}
.service-art:before,.service-art:after{content:"";position:absolute}
.service-art:before{inset:0;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 48%)}
.service-art:after{width:58%;aspect-ratio:1;border:1px solid rgba(255,255,255,.34);border-radius:50%;right:-8%;bottom:-25%}
.service-art-2{background:#a39b8b}.service-art-3{background:#777c71}.service-art-4{background:#b3aa97}
.service-art>span{position:absolute;left:1.6rem;top:1.3rem;color:rgba(255,255,255,.75);font-size:.68rem;letter-spacing:.18em}
.service-info{padding:2rem 7vw 3rem;position:relative;background:var(--paper)}
.service-info h3{font-family:var(--serif);font-size:clamp(2.5rem,7vw,5rem);font-weight:400;line-height:1;margin:0}
.service-arrow{position:absolute;right:7vw;bottom:3rem;font-size:1.8rem;color:var(--olive)}
.testimonial-luxury{text-align:center;padding-top:10rem;padding-bottom:10rem}
.quote-mark{font-family:var(--serif);font-size:7rem;line-height:.5;color:var(--olive)}
.testimonial-luxury blockquote{font-size:clamp(2.5rem,6.7vw,6rem);max-width:1100px;margin:2rem auto}
.testimonial-luxury>p{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}
.final-cta-dark{background:#575b45;color:white;text-align:left;padding-top:9rem;padding-bottom:9rem}
.final-cta-dark .eyebrow{color:#dad5c4}.final-cta-dark h2{font-size:clamp(3.7rem,9vw,8rem);max-width:1000px;margin-bottom:3rem;letter-spacing:-.05em}
@media(min-width:760px){
.intro-luxury{grid-template-columns:.3fr 1.25fr .8fr;align-items:start}.intro-side{padding-top:3.1rem}
.services-editorial{grid-template-columns:repeat(2,1fr)}.service-editorial{border-right:1px solid rgba(255,255,255,.28)}
}
@media(min-width:1050px){
.hero-home{min-height:calc(100vh - 104px)}.hero-home .hero-copy{padding-left:7.8vw}.hero-bottom{flex-direction:row;align-items:center;gap:3rem}
.service-editorial{min-height:760px;grid-template-rows:1fr}.service-editorial:nth-child(n){min-height:760px}.service-art{min-height:560px}.service-info{padding:2.3rem 3vw 3.2rem}.service-arrow{right:3vw}
}

/* V2.1 — gerichte verfijning van de bestaande homepage */
.site-header{position:sticky;top:0;transition:box-shadow .25s ease,background .25s ease}
.site-header.is-scrolled{box-shadow:0 10px 30px rgba(26,28,22,.08);background:rgba(248,247,242,.985)}
.hero-home{min-height:calc(100svh - 92px)}
.hero-media{background-image:url('../images/hero-villa.jpg');background-size:cover;background-position:center right}
.hero-media:before,.hero-media:after{display:none}
.hero-home .hero-overlay{background:linear-gradient(90deg,rgba(25,27,22,.78) 0%,rgba(25,27,22,.55) 38%,rgba(25,27,22,.16) 68%,rgba(25,27,22,.03) 100%)}
.hero-home .hero-copy{padding-top:7vh;padding-bottom:10vh}
.hero-home h1{font-size:clamp(3.5rem,8vw,7rem);max-width:780px;line-height:.91}
.hero-bottom{margin-top:2.25rem;gap:1.35rem}
.hero-bottom p{max-width:420px}
.hero-home .button{min-height:52px;padding-inline:1.35rem}
.hero-scroll{bottom:4vh}
@media(max-width:759px){
  .hero-media{background-position:64% center}
  .hero-home .hero-overlay{background:linear-gradient(to top,rgba(25,27,22,.82) 0%,rgba(25,27,22,.46) 58%,rgba(25,27,22,.12) 100%)}
  .hero-home .hero-copy{justify-content:flex-end;padding:0 7vw 12vh}
  .hero-home h1{font-size:clamp(3.35rem,17vw,5.6rem);max-width:95%;line-height:.9}
  .hero-bottom{margin-top:1.7rem}
  .hero-scroll{display:none}
}
@media(min-width:1050px){
  .hero-home{min-height:calc(100vh - 104px)}
  .hero-home .hero-copy{padding-left:7.8vw;padding-bottom:9vh}
  .hero-bottom{margin-top:2.4rem}
}

/* Woningtoezicht */
.watch-hero{min-height:78svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#777b6c}
.watch-hero-image{position:absolute;inset:0;background:url('../images/service-woningbeheer.jpg') center/cover no-repeat;transform:scale(1.01)}
.watch-hero-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(24,26,21,.84),rgba(24,26,21,.18) 72%)}
.watch-hero-copy{position:relative;padding:0 7vw 8vh;max-width:950px}
.watch-hero-copy .eyebrow{color:#fff}
.watch-hero-copy h1{font-size:clamp(3.2rem,10vw,7rem);letter-spacing:-.045em}
.watch-hero-copy h1 em{font-weight:400;color:#ded9c7}
.watch-hero-copy>p:not(.eyebrow){max-width:590px;margin:1.5rem 0 2rem;color:rgba(255,255,255,.88)}
.watch-intro{display:grid;gap:2.5rem;border-bottom:1px solid var(--line)}
.watch-intro h2{font-size:clamp(2.8rem,7vw,6rem);max-width:900px;letter-spacing:-.035em}
.watch-intro-text{max-width:600px;color:var(--muted)}
.watch-personal{padding-top:1rem;color:var(--ink)}
.watch-services{display:grid;gap:4rem}
.watch-services-heading h2{font-size:clamp(2.8rem,7vw,5.8rem);letter-spacing:-.04em}
.accordion{border-top:1px solid var(--line)}
.accordion-item{border-bottom:1px solid var(--line)}
.accordion-trigger{width:100%;min-height:92px;border:0;background:transparent;color:var(--ink);padding:1.25rem 0;display:flex;align-items:center;justify-content:space-between;gap:2rem;text-align:left;font-family:var(--serif);font-size:clamp(1.55rem,4vw,2.25rem);cursor:pointer}
.accordion-trigger:hover{color:var(--olive-dark)}
.accordion-icon{position:relative;width:24px;height:24px;flex:0 0 24px}
.accordion-icon:before,.accordion-icon:after{content:"";position:absolute;left:1px;right:1px;top:50%;height:1px;background:currentColor;transition:transform .25s ease}
.accordion-icon:after{transform:rotate(90deg)}
.accordion-item.is-open .accordion-icon:after{transform:rotate(0deg)}
.accordion-panel{overflow:hidden;background:var(--cream)}
.accordion-panel-inner{padding:1.5rem 1.5rem 1.7rem}
.accordion-panel p{max-width:800px;margin:0;color:var(--muted)}
.watch-report{display:grid;gap:3.5rem;background:var(--cream)}
.watch-report h2{font-size:clamp(2.8rem,7vw,5.8rem);max-width:760px}
.watch-report-list{display:grid;grid-template-columns:auto 1fr;gap:1.1rem 1.4rem;align-items:baseline}
.watch-report-list span{color:var(--olive);font-size:.72rem;letter-spacing:.15em}
.watch-report-list p{margin:0;padding-bottom:1.1rem;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:clamp(1.35rem,3vw,1.9rem)}
@media(min-width:760px){
  .watch-intro{grid-template-columns:1.2fr .8fr;align-items:start}
  .watch-services{grid-template-columns:.72fr 1.28fr;align-items:start}
  .watch-services-heading{position:sticky;top:150px}
  .accordion-panel-inner{padding:1.7rem 2rem 2rem}
  .watch-report{grid-template-columns:1fr 1fr;align-items:start}
}
@media(min-width:1050px){
  .watch-hero{min-height:82vh}
  .watch-hero-copy{padding-left:8vw;padding-bottom:9vh}
  .accordion-trigger{min-height:112px}
}

/* Woningtoezicht — klantenapp */
.watch-app{display:grid;gap:3rem;align-items:center;background:var(--paper);border-top:1px solid var(--line)}
.watch-app-copy h2{font-size:clamp(2.8rem,7vw,5.8rem);max-width:760px;letter-spacing:-.04em}
.watch-app-copy>p:not(.eyebrow){max-width:620px;margin:1.8rem 0 1rem;color:var(--muted)}
.watch-app-card{background:var(--cream);padding:2.2rem;border-radius:2px}
.watch-app-badge{display:inline-block;margin-bottom:1.5rem;color:var(--olive);font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}
.watch-app-card h3{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.08;margin:0 0 1.5rem}
.watch-app-card ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.watch-app-card li{position:relative;padding:1rem 0 1rem 1.7rem;border-bottom:1px solid var(--line);color:var(--ink)}
.watch-app-card li:before{content:"✓";position:absolute;left:0;color:var(--olive);font-weight:600}
.watch-app-note{margin:1.5rem 0 0;color:var(--muted);font-size:.88rem}
@media(min-width:760px){.watch-app{grid-template-columns:1.05fr .95fr;gap:6vw}.watch-app-card{padding:3rem}}

/* Contactformulier spambeveiliging */
.contact-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.form-panel .captcha-label{margin-top:.15rem}
.form-panel .captcha-input{max-width:150px;font-size:1.05rem}
.captcha-help{margin:-.65rem 0 .2rem;color:var(--muted);font-size:.78rem;line-height:1.5}


/* Klantenpagina */
.client-hero{min-height:76svh;position:relative;overflow:hidden;display:flex;align-items:flex-end;background:#777b6c;color:#fff}
.client-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(31,34,27,.72),rgba(31,34,27,.25) 62%,rgba(31,34,27,.06))}
.client-hero-deco{position:absolute;inset:0;pointer-events:none}
.client-hero-deco span:first-child{position:absolute;width:min(58vw,720px);aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-12vw;top:-24%}
.client-hero-deco span:last-child{position:absolute;width:min(36vw,460px);aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:12vw;bottom:-28%}
.client-hero-copy{position:relative;z-index:1;padding:0 7vw 8vh;max-width:980px}
.client-hero-copy .eyebrow{color:#e6e1cf}
.client-hero h1{font-size:clamp(3.4rem,10vw,7.4rem);letter-spacing:-.045em;line-height:.92}
.client-hero h1 em{font-weight:400;color:#e6e1cf}
.client-hero-copy>p:not(.eyebrow){max-width:650px;margin:1.6rem 0 2rem;color:rgba(255,255,255,.88);font-size:1.02rem}
.client-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 1.6rem}
.client-small-link{font-size:.72rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.5);padding:.55rem 0}
.client-intro{display:grid;gap:2.8rem;border-bottom:1px solid var(--line)}
.client-intro h2{font-size:clamp(2.8rem,7vw,5.8rem);max-width:900px;letter-spacing:-.035em}
.client-intro>p{max-width:590px;color:var(--muted);align-self:end;margin:0}
.client-features{display:grid;gap:1px;background:var(--line);padding-top:0;padding-bottom:0}
.client-feature{background:var(--paper);padding:3.2rem 1.8rem}
.client-feature>span{display:block;color:var(--olive);font-size:.7rem;letter-spacing:.17em;margin-bottom:2rem}
.client-feature h3,.install-card h3{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.7rem);font-weight:400;line-height:1.1;margin:0 0 1rem}
.client-feature p,.install-card p{color:var(--muted);margin:0}
.client-install{display:grid;gap:4rem;background:var(--cream)}
.client-install-heading h2{font-size:clamp(2.8rem,7vw,5.8rem);letter-spacing:-.04em;max-width:700px}
.client-install-heading>p:not(.eyebrow){color:var(--muted);max-width:610px;margin:1.7rem 0 2rem}
.client-install-steps{display:grid;gap:1.2rem}
.install-card{background:var(--paper);padding:2.2rem}
.install-device{display:block;color:var(--olive);font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.4rem}
.client-help{background:#575b45;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:2.2rem}
.client-help .eyebrow{color:#dad5c4}
.client-help h2{font-size:clamp(3rem,8vw,6.5rem);letter-spacing:-.04em}
.client-help p:not(.eyebrow){max-width:650px;color:rgba(255,255,255,.82);margin:1.4rem 0 0}
@media(min-width:760px){
  .client-intro{grid-template-columns:1.2fr .8fr;align-items:start}
  .client-features{grid-template-columns:repeat(2,1fr)}
  .client-install{grid-template-columns:.9fr 1.1fr;align-items:start}
  .client-install-steps{grid-template-columns:1fr 1fr}
  .client-help{flex-direction:row;align-items:flex-end;justify-content:space-between}
}
@media(min-width:1050px){
  .client-hero{min-height:80vh}
  .client-hero-copy{padding-left:8vw;padding-bottom:9vh}
  .client-features{grid-template-columns:repeat(4,1fr)}
  .client-feature{padding:4rem 2rem}
}