:root{--how-blue:#2e75b6;--how-blue-dark:#205f99;--how-ink:#19181a;--how-copy:#555;--how-soft:#f3f6f9;--how-warm:#f7f5ef;--how-line:#dfe4e8}
.cs-how-page main{overflow:hidden}.cs-how-page h1,.cs-how-page h2,.cs-how-page h3{color:var(--how-ink)}
.cs-how-hero{height:520px;display:grid;grid-template-columns:46% 54%;background:var(--how-blue-dark)}
.cs-how-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:50px max(42px,calc((100vw - 1440px)/2));padding-right:48px;background:linear-gradient(135deg,#205f99,#2e75b6)}
.cs-how-hero-copy .cs-kicker{color:#fff}.cs-how-hero-copy h1{margin:10px 0 20px;color:#fff;font:700 clamp(40px,4.2vw,64px)/1.03 "Poppins",Arial,sans-serif;letter-spacing:-.04em}.cs-how-hero-copy>p:not(.cs-kicker){max-width:650px;margin:0 0 28px;color:#fff;font-size:19px;line-height:1.58}.cs-how-white-btn{align-self:flex-start;background:#fff;color:var(--how-blue-dark)!important;border-radius:6px}
.cs-how-hero-image{background:url('../assets/images/process/05-professional-installation-herringbone-v2.png') center 57%/cover no-repeat}
.cs-how-intro{max-width:980px;margin:0 auto;padding:92px 28px 74px;text-align:center}.cs-how-intro h2,.cs-how-section-heading h2{margin:8px 0 16px;font:700 clamp(36px,4.2vw,58px)/1.08 "Poppins",Arial,sans-serif;letter-spacing:-.035em}.cs-how-intro>p:last-child,.cs-how-section-heading>p:last-child{margin:0 auto;max-width:880px;color:var(--how-copy);font-size:19px;line-height:1.65}
.cs-how-process{padding:76px max(24px,calc((100vw - 1460px)/2)) 84px;background:var(--how-soft)}.cs-how-section-heading{text-align:center;margin:0 auto 48px;max-width:1050px}.cs-how-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.cs-how-process-grid article{overflow:hidden;background:#fff;border:1px solid var(--how-line);border-radius:10px;box-shadow:0 14px 32px rgba(25,24,26,.07)}.cs-how-image-wrap{position:relative;height:310px;overflow:hidden}.cs-how-image-wrap img{width:100%;height:100%;object-fit:cover}.cs-how-image-wrap span{position:absolute;top:18px;left:18px;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--how-blue);color:#fff;font:800 16px "Poppins",sans-serif;box-shadow:0 8px 18px rgba(46,117,182,.24)}.cs-how-step-copy{padding:24px 22px 28px}.cs-how-step-copy h3{margin:0 0 10px;font:700 21px/1.22 "Poppins",sans-serif}.cs-how-step-copy p{margin:0;color:var(--how-copy);font-size:16px;line-height:1.55}.cs-how-continuity{display:flex;justify-content:center;gap:24px;margin:34px auto 0;padding-top:24px;border-top:1px solid #cfd7df;color:var(--how-copy)}.cs-how-continuity strong{color:var(--how-ink)}
.cs-how-visit{display:grid;grid-template-columns:1.02fr .98fr;max-width:1440px;margin:0 auto;padding:96px 28px;align-items:stretch}.cs-how-visit-image{min-height:600px;overflow:hidden;border-radius:10px 0 0 10px}.cs-how-visit-image img{width:100%;height:100%;object-fit:cover}.cs-how-visit-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 58px;background:#fff;border:1px solid var(--how-line);border-left:0;border-radius:0 10px 10px 0}.cs-how-visit-copy h2{margin:8px 0 18px;font:700 clamp(36px,3.8vw,56px)/1.08 "Poppins",sans-serif;letter-spacing:-.035em}.cs-how-visit-copy>p:not(.cs-kicker){margin:0 0 24px;color:var(--how-copy);font-size:18px;line-height:1.6}.cs-how-visit-copy ul{display:grid;gap:18px;margin:0 0 30px;padding:0;list-style:none}.cs-how-visit-copy li{position:relative;padding-left:38px}.cs-how-visit-copy li:before{content:'✓';position:absolute;left:0;top:1px;color:var(--how-blue);font-size:22px;font-weight:900}.cs-how-visit-copy li strong,.cs-how-visit-copy li span{display:block}.cs-how-visit-copy li strong{margin-bottom:3px;font:700 19px "Poppins",sans-serif}.cs-how-visit-copy li span{color:var(--how-copy);line-height:1.5}.cs-how-visit-copy .cs-btn{align-self:flex-start}
.cs-how-services{padding:84px max(28px,calc((100vw - 1380px)/2));background:var(--how-warm)}.cs-how-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.cs-how-service-grid>a{display:grid;grid-template-columns:44% 56%;overflow:hidden;background:#fff;border:1px solid var(--how-line);border-radius:10px;color:inherit;text-decoration:none;box-shadow:0 12px 28px rgba(25,24,26,.06);transition:transform .2s ease,box-shadow .2s ease}.cs-how-service-grid>a:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(25,24,26,.1)}.cs-how-service-grid img{width:100%;height:100%;min-height:360px;object-fit:cover}.cs-how-service-grid div{display:flex;flex-direction:column;justify-content:center;padding:34px}.cs-how-service-grid div>span{color:var(--how-blue);font:800 13px "Poppins",sans-serif;text-transform:uppercase;letter-spacing:.12em}.cs-how-service-grid h3{margin:10px 0 12px;font:700 28px/1.18 "Poppins",sans-serif}.cs-how-service-grid p{margin:0 0 22px;color:var(--how-copy);font-size:16px;line-height:1.55}.cs-how-service-grid strong{color:var(--how-blue-dark);font:700 14px "Poppins",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.cs-how-expect{padding:92px max(28px,calc((100vw - 1320px)/2))}.cs-how-expect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cs-how-expect-grid article{padding:34px 28px;border:1px solid var(--how-line);border-top:5px solid var(--how-blue);border-radius:8px}.cs-how-expect-grid span{color:var(--how-blue);font:800 14px "Poppins",sans-serif}.cs-how-expect-grid h3{margin:12px 0 10px;font:700 21px/1.25 "Poppins",sans-serif}.cs-how-expect-grid p{margin:0;color:var(--how-copy);line-height:1.55}
.cs-how-faq{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;padding:92px max(28px,calc((100vw - 1260px)/2));background:var(--how-soft)}.cs-how-faq>div:first-child h2{margin:8px 0 18px;font:700 clamp(36px,3.6vw,54px)/1.08 "Poppins",sans-serif;letter-spacing:-.035em}.cs-how-faq>div:first-child>p:last-child{color:var(--how-copy);font-size:18px;line-height:1.65}.cs-how-faq-list details{border-bottom:1px solid #cad3dc}.cs-how-faq-list summary{position:relative;padding:24px 44px 24px 0;cursor:pointer;list-style:none;font:700 19px/1.4 "Poppins",sans-serif}.cs-how-faq-list summary::-webkit-details-marker{display:none}.cs-how-faq-list summary:after{content:'+';position:absolute;right:4px;top:19px;color:var(--how-blue);font-size:28px}.cs-how-faq-list details[open] summary:after{content:'–'}.cs-how-faq-list details p{margin:-5px 38px 24px 0;color:var(--how-copy);line-height:1.6}
@media(max-width:1100px){.cs-how-process-grid{grid-template-columns:repeat(3,1fr)}.cs-how-process-grid article:nth-child(4),.cs-how-process-grid article:nth-child(5){transform:translateX(52%)}.cs-how-service-grid>a{grid-template-columns:1fr}.cs-how-service-grid img{height:300px;min-height:0}.cs-how-expect-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.cs-how-hero{height:540px;grid-template-columns:1fr 1fr}.cs-how-hero-copy{padding:34px 28px}.cs-how-hero-copy h1{font-size:clamp(38px,6vw,54px)}.cs-how-visit{grid-template-columns:1fr;padding:70px 24px}.cs-how-visit-image{min-height:420px;border-radius:10px 10px 0 0}.cs-how-visit-copy{border-left:1px solid var(--how-line);border-top:0;border-radius:0 0 10px 10px}.cs-how-faq{grid-template-columns:1fr;gap:30px}}
@media(max-width:700px){.cs-how-hero{height:auto;min-height:620px;grid-template-columns:1fr}.cs-how-hero-copy{min-height:420px;padding:44px 24px}.cs-how-hero-copy>p:not(.cs-kicker){font-size:17px}.cs-how-hero-image{height:300px;background-position:center 63%}.cs-how-intro{padding:68px 22px 55px}.cs-how-process{padding:58px 16px}.cs-how-process-grid{grid-template-columns:1fr}.cs-how-process-grid article:nth-child(4),.cs-how-process-grid article:nth-child(5){transform:none}.cs-how-process-grid article{display:grid;grid-template-columns:42% 58%}.cs-how-image-wrap{height:100%;min-height:260px}.cs-how-step-copy{display:flex;flex-direction:column;justify-content:center;padding:24px 18px}.cs-how-continuity{display:grid;gap:6px;text-align:center}.cs-how-visit{padding:56px 16px}.cs-how-visit-copy{padding:34px 24px}.cs-how-services{padding:62px 16px}.cs-how-service-grid{grid-template-columns:1fr}.cs-how-expect{padding:66px 16px}.cs-how-expect-grid{grid-template-columns:1fr}.cs-how-faq{padding:66px 22px}.cs-how-white-btn,.cs-how-visit-copy .cs-btn{width:100%;justify-content:center;text-align:center}}
@media(max-width:440px){.cs-how-process-grid article{grid-template-columns:1fr}.cs-how-image-wrap{height:280px}.cs-how-service-grid div{padding:28px 24px}}