*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#123047;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #008f94;outline-offset:4px}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:15px;background:#fff;padding:12px;z-index:20}.wrap{width:min(1200px,90%);margin:auto}.site-header{border-bottom:1px solid #dce5e8;background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:23px 0}.brand{text-decoration:none;display:flex;align-items:center;gap:13px}.brand-symbol{width:34px;height:40px;border-top:5px solid #08a9ad;border-bottom:5px solid #123047;background:repeating-linear-gradient(to bottom,transparent 0 6px,#123047 6px 10px)}.brand strong{font-size:35px;letter-spacing:-2px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;line-height:1.7;white-space:nowrap}.nav{display:flex;gap:23px;align-items:center}.nav a{font-size:13px;font-weight:600;text-decoration:none;padding:8px 0;border-bottom:2px solid transparent;white-space:nowrap}.nav a[aria-current=page]{border-color:#00a4aa}.nav a:last-child{color:#08777e}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#08777e;font-weight:700;margin:0 0 17px}h1,h2,h3,p{margin:0 0 20px}h1,h2,h3{line-height:1.12;font-weight:500;letter-spacing:-1.5px}h1{font-size:clamp(42px,5vw,68px)}h2{font-size:clamp(30px,3.2vw,43px)}h3{font-size:23px;letter-spacing:-.6px}p{max-width:72ch}.lede{font-size:19px;line-height:1.6;color:#4e626e;max-width:760px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:#073b54;color:#fff;border:1px solid #073b54;padding:14px 22px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer}.button.light{background:#fff;color:#123047;border-color:#fff}.button.outline{background:transparent;color:#123047;border-color:#a5b7bf}.button:hover{background:#08777e;color:white;border-color:#08777e}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.home-hero{position:relative;background:#123047;color:white}.home-hero>img{width:100%;height:570px;object-fit:cover;object-position:center}.hero-panel{position:absolute;top:50%;transform:translateY(-50%);left:max(5%,calc((100% - 1200px)/2));background:#0c3049f2;padding:38px 40px;width:min(480px,42%);border-top:4px solid #0cb4b8}.hero-panel .eyebrow{color:#6de0dd}.hero-panel h1{font-size:clamp(37px,4vw,56px)}.hero-panel p{color:#d8e8ec;font-size:16px}.hero-panel .button{background:#fff;color:#123047}.trust{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;border-bottom:1px solid #dce5e8;gap:25px}.trust strong{display:block;font-size:20px;font-weight:500}.trust span{font-size:13px;color:#576d79}.section{padding:72px 0}.soft{background:#f1f6f5}.navy{background:#123047;color:#fff}.navy .eyebrow{color:#60d4d1}.navy p{color:#d9e7eb}.two{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.two.top{align-items:start}.two img{width:100%;height:360px;object-fit:cover}.intro-row{display:flex;align-items:start;justify-content:space-between;gap:70px;margin-bottom:35px}.intro-row>div{flex:1}.intro-row>p{flex:1;color:#526976}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.benefit{border-top:2px solid #16aaad;padding-top:22px}.benefit span{font-size:12px;color:#08777e;display:block;margin-bottom:25px}.benefit p{font-size:14px;color:#526976}.page-intro{padding:64px 0 45px;background:#f1f6f5}.page-intro h1{margin-bottom:20px}.page-intro .lede{max-width:850px}.page-body{min-height:45vh}.page-intro+section{padding-top:55px}.product-row{display:grid;grid-template-columns:220px 1fr;gap:55px;padding:30px 0;border-top:1px solid #d4e0e3}.product-row h3{margin:0}.product-row p:last-child{margin:0}.pill{display:inline-block;padding:5px 10px;font-size:11px;background:#e5f3f1;color:#17646b;margin:0 7px 7px 0}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource{border-top:1px solid #9cafb6;padding:22px 0}.resource a{font-size:22px;font-weight:600}.resource p{font-size:14px;margin-top:10px;color:#526976}.small{font-size:13px;line-height:1.6;color:#546b77}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.sector svg{width:40px;height:40px;stroke:#08777e;fill:none;stroke-width:1.5;margin-bottom:20px}.sector h3{font-size:20px}.sector p{font-size:14px;color:#526976}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}.photo-pair img{height:300px;width:100%;object-fit:cover}.photo-pair figcaption{font-size:13px;padding-top:10px}.photo-pair figure{margin:0}.steps{counter-reset:steps}.step{display:grid;grid-template-columns:70px 1fr;gap:18px;border-top:1px solid #d8e2e6;padding:28px 0}.step:before{counter-increment:steps;content:'0' counter(steps);color:#07868c;font-size:25px}.step p{margin-bottom:0}.faq{border-top:1px solid #cad8dd;padding:20px 0}.faq h3{font-size:19px}.faq p{margin:0;font-size:15px;color:#526976}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #afc3cb;padding-top:28px}.timeline strong{font-size:28px;font-weight:500;color:#08777e}.timeline p{font-size:14px;margin-top:15px}.bio img{height:430px;object-fit:contain;background:#f1f6f5}.harbor{width:100%;max-height:430px;object-fit:cover}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}.contact-details h3{margin-top:30px}.contact-details p{margin-bottom:8px}.copy-line{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.copy-line span{font-size:16px;overflow-wrap:anywhere}.copy{background:none;border:1px solid #a5bdc4;padding:5px 10px;color:#123047;font-size:12px;cursor:pointer}.form{background:#f1f6f5;padding:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;min-width:0;background:#fff;border:1px solid #9fb3ba;padding:11px 12px;color:#123047;border-radius:0}.field textarea{min-height:140px;resize:vertical}.field small{display:block;font-size:12px;color:#526976;margin-top:5px}.form-status{padding-top:15px;margin:0;color:#963b20;font-size:14px}.form-status.success{color:#176741}.form-status:empty{display:none}.privacy{font-size:12px;color:#526976;margin-top:18px}.bot-space{margin:20px 0}.notice{font-size:13px;border-left:3px solid #07979b;padding-left:15px;margin:20px 0}.footer{padding:30px 0;background:#0c293e;color:#dce8ec;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:25px}.footer p{margin:0}.footer a{text-decoration:none}.cta{padding:45px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:30px;margin-bottom:8px}.cta p{margin:0}.honeypot{position:absolute;left:-10000px} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:1050px){.header-inner{display:block}.nav{justify-content:space-between;margin-top:20px;gap:12px}.hero-panel{width:46%;padding:28px}.two{gap:35px}.contact-grid{gap:35px}.sector-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px 15px}.nav a{font-size:11px;white-space:normal;line-height:1.4}.brand strong{font-size:32px}.home-hero>img{height:300px}.hero-panel{position:relative;transform:none;left:auto;top:auto;width:100%;padding:28px 5%}.hero-panel h1{font-size:41px}.trust{grid-template-columns:1fr;gap:14px}.trust strong{font-size:17px}.section{padding:45px 0}.two,.contact-grid,.photo-pair{grid-template-columns:1fr;gap:30px}.intro-row{display:block}.benefits,.resource-grid{grid-template-columns:1fr 1fr;gap:25px}.product-row{grid-template-columns:1fr;gap:12px}.timeline{grid-template-columns:1fr 1fr}.page-intro{padding:40px 0 30px}.form{padding:22px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.footer .wrap,.cta .wrap{display:block}.cta .button{margin-top:22px}.two img{height:260px}.bio img{height:330px}.photo-pair img{height:230px}.footer p+p{margin-top:10px}.sector-grid{gap:22px}.sector h3{font-size:18px}}@media(max-width:380px){.resource-grid,.benefits{grid-template-columns:1fr}.nav{grid-template-columns:1fr 1fr}}
/* Revision: clearer type and the requested MCS Drapery lockup. */
body{font-size:18px;line-height:1.7;font-weight:500}.brand-words{display:block}.brand-top{display:flex;align-items:baseline;gap:9px;line-height:1}.brand strong{font-size:39px;font-weight:800}.brand-drapery{font-size:25px;font-weight:600;letter-spacing:-.7px}.brand small{font-size:12px;font-weight:700;letter-spacing:1.8px;margin-top:7px;text-align:left}.nav a{font-size:15px;font-weight:700}.header-inner{gap:22px}.nav{gap:18px}h1,h2,h3{font-weight:650}h1{font-size:clamp(46px,5.3vw,72px)}h2{font-size:clamp(34px,3.4vw,46px)}h3{font-size:26px}.eyebrow{font-size:13px;font-weight:800}.lede{font-size:21px;font-weight:500}.hero-panel{width:min(510px,45%);padding:32px 36px}.hero-panel h1{font-size:clamp(40px,4.1vw,58px);font-weight:650}.hero-panel p{font-size:18px;font-weight:500}.button{font-size:16px;font-weight:700}.trust strong{font-size:22px;font-weight:650}.trust span,.benefit p,.resource p,.sector p,.timeline p,.faq p{font-size:16px}.small{font-size:15px}.copy-line span{font-size:18px}.copy{font-size:14px;font-weight:600}.field label{font-size:15px}.field small,.privacy{font-size:14px}.faq h3{font-size:22px}.sector h3{font-size:23px}.photo-pair figcaption{font-size:15px}.footer{font-size:14px}.form-status{font-size:16px}@media(max-width:1100px){.header-inner{display:block}.nav{justify-content:space-between;margin-top:20px;gap:12px}}@media(max-width:700px){.nav{gap:12px 14px}.nav a{font-size:13px}.brand strong{font-size:37px}.brand-drapery{font-size:24px}.brand small{font-size:12px}.hero-panel{width:100%;padding:30px 5%}.hero-panel h1{font-size:44px}.hero-panel p{font-size:18px}.trust strong{font-size:20px}.sector h3{font-size:21px}.page-intro h1{font-size:44px}}@media(max-width:380px){.brand-drapery{font-size:22px}.hero-panel h1,.page-intro h1{font-size:39px}}
.manufacturer-link{display:flex;align-items:center;gap:16px;text-decoration:none;min-height:68px;flex-wrap:wrap}.manufacturer-link img{width:105px;height:56px;object-fit:contain;object-position:left center}.manufacturer-link span{font-size:20px}.resource-grid{gap:28px}.resource p{font-size:17px}.benefit h3{min-height:2.3em}@media(max-width:700px){.manufacturer-link img{width:100px;height:48px}.manufacturer-link span{font-size:18px}.resource-grid{gap:22px}.hero-panel .button{font-size:16px}}
.manufacturer-link img[alt="Somfy logo"]{background:#123047;padding:10px;border-radius:2px}

/* Version 5: feedback received October 22, 2026. */
.brand-top{align-items:center}.brand-drapery{line-height:1}
.brand small{letter-spacing:.45px;font-size:12px;margin-top:5px}
.nav a,.nav a:last-child{color:#181b1e}.nav a[aria-current=page]{color:#123047;border-color:#123047}
.nav a:hover{color:#123047;border-color:#08a9ad}
body{font-size:18px;line-height:1.65}
main p,.trust span,.benefit p,.sector p,.timeline p,.faq p,.resource p,.intro-row>p{font-size:18px;font-weight:600;line-height:1.65;color:#344d5b}
.lede{font-size:21px!important}.hero-panel p{color:#e3eff3;font-weight:600}
.hero-panel .eyebrow{color:#6de0dd}.hero-panel .button{color:#123047}
.eyebrow{color:#08777e;font-size:13px!important;font-weight:800!important}
.benefit{padding-top:16px}.benefit span{font-size:32px;font-weight:700;line-height:1.15;margin-bottom:12px}
.benefit h3{min-height:0;margin-bottom:9px;font-size:24px;line-height:1.18}
.benefit p{margin-bottom:24px}.button{gap:0}
.resource-grid{gap:32px}.manufacturer-brand{display:flex;align-items:center;gap:22px;min-height:110px;flex-wrap:wrap}
.manufacturer-brand img{width:145px;height:72px;object-fit:contain;object-position:left center}
.manufacturer-brand strong{font-size:27px;line-height:1.2;letter-spacing:-.5px}
.manufacturer-brand img[alt="Somfy logo"]{background:#123047;padding:12px;border-radius:2px}
.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 36px}
.sector svg{width:64px;height:64px;stroke-width:1.6;margin-bottom:14px}
.sector h3{font-size:27px;margin-bottom:10px}.sector p{min-height:3.3em;margin-bottom:20px}
.sector>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:2px}

.home-hero>img{height:590px;object-position:center 48%}
.john-layout{display:grid;grid-template-columns:135px minmax(240px,.85fr) minmax(0,1.6fr);gap:26px;align-items:start}
.john-portrait{width:135px;height:180px;object-fit:contain;background:#f1f6f5}
.john-copy h2{font-size:33px}.john-copy .lede{font-size:19px!important}.john-copy p{font-size:17px}
.john-ocean{margin:0;height:100%;min-height:420px}.john-ocean img{width:100%;height:100%;min-height:420px;object-fit:cover}
.john-section{padding-bottom:64px}.timeline p{margin-top:14px}.small,.privacy{font-weight:600}
.field label{font-size:16px;font-weight:700}.field input,.field select,.field textarea{font-weight:500}
.form-status.success{color:#176741}.form-status{font-size:17px}.contact-details h3{font-size:26px}
@media(max-width:1050px){.john-layout{grid-template-columns:135px 1fr}.john-ocean{grid-column:1/-1;min-height:340px}.john-ocean img{min-height:340px;max-height:440px}}
@media(max-width:700px){.benefits{gap:25px}.benefit h3{font-size:23px}.benefit span{font-size:30px}.sector-grid{grid-template-columns:1fr;gap:36px}.sector p{min-height:0}.manufacturer-brand{gap:14px;min-height:0}.manufacturer-brand img{width:120px;height:62px}.manufacturer-brand strong{font-size:24px}.resource-grid{grid-template-columns:1fr 1fr}.john-layout{grid-template-columns:110px minmax(0,1fr);gap:22px}.john-portrait{width:110px;height:150px}.john-copy h2{font-size:30px}.john-copy p{font-size:17px}.john-ocean,.john-ocean img{min-height:260px}.home-hero>img{height:300px}.nav a{font-size:14px}}
@media(max-width:420px){.benefits,.resource-grid{grid-template-columns:1fr}.john-layout{grid-template-columns:1fr}.john-portrait{width:125px;height:165px}.john-ocean{grid-column:auto}.brand small{letter-spacing:.45px}}

/* Version 6: changes from the marked feedback section only. */
.brand-drapery{transform:translateY(2px)}.brand small{margin-top:0;line-height:1.1}
.trust span{display:block;font-size:14px;font-weight:500;line-height:1.5;margin-top:4px;color:#475f6b}
.trust strong{font-size:22px}.contact-symbols{display:inline-flex;gap:8px;margin-left:13px;font-size:20px;line-height:1;white-space:nowrap}
.home-hero>img{object-position:center 48%}.manufacturer-logo{display:flex;align-items:center;justify-content:center;min-height:135px;padding:20px;text-decoration:none;border-radius:3px}
.manufacturer-logo img{width:225px;max-width:100%;height:85px;object-fit:contain;object-position:center}
.manufacturer-logo.dark{background:#123047}.manufacturer-logo.dark img{padding:6px}
.manufacturer-logo:hover{box-shadow:0 0 0 2px #07868c}.manufacturer-logo img[alt="Somfy logo"]{background:#123047;padding:12px}
.manufacturer-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;min-height:135px}
.manufacturer-pair .manufacturer-logo{padding:10px;min-height:100px}.manufacturer-pair img{width:165px;height:70px}
.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.resource{padding:18px 0}
.footer{clear:both;width:100%;margin:0}.footer .wrap{width:min(1200px,90%)}
.customer-intro{padding-bottom:42px}.page-body>section:last-child:not(.cta){padding-bottom:60px}
.sector>img{height:auto}.contact-review .section{padding-top:48px}
@media(max-width:700px){.brand-drapery{transform:translateY(2px)}.trust strong{font-size:20px}.trust span{font-size:14px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manufacturer-logo{padding:12px;min-height:110px}.manufacturer-logo img{width:190px;height:72px}.manufacturer-pair{grid-template-columns:1fr;gap:8px}.manufacturer-pair .manufacturer-logo{min-height:85px}.contact-symbols{font-size:18px;margin-left:10px}}
@media(max-width:420px){.resource-grid{grid-template-columns:1fr}.manufacturer-pair{grid-template-columns:1fr 1fr}.manufacturer-logo img{width:220px}}

/* Version 7: feedback within the latest START / STOP markers only. */
.brand-top strong{margin-left:-2px}.brand small{margin-left:0;padding-left:0;text-indent:0}
.hero-panel .button:hover{background:#08777e;color:#fff;border-color:#08777e}
.contact-symbols{margin-left:13px;gap:0}.home-history{align-items:start}
.linkedin-link{display:inline-flex;align-items:center;gap:10px;color:#123047;font-size:16px;font-weight:700;text-decoration:none;line-height:1.4}
.linkedin-link:hover{text-decoration:underline}.linkedin-mark{display:inline-flex;align-items:center;justify-content:center;background:#0a66c2;color:#fff;font:bold 21px/1 Arial,sans-serif;width:28px;height:28px;border-radius:2px;flex:0 0 28px;letter-spacing:-1px;padding-top:2px}
.company-social{margin-top:28px}.john-layout{grid-template-columns:175px minmax(240px,.85fr) minmax(0,1.6fr)}
.john-profile{min-width:0}.john-contact{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:16px}
.john-contact>a{font-size:14px;font-weight:700;line-height:1.55}.john-contact .linkedin-link{font-size:14px;gap:8px}.john-contact .linkedin-mark{font-size:18px;width:24px;height:24px;flex-basis:24px}
@media(max-width:1050px){.john-layout{grid-template-columns:175px minmax(0,1fr)}}
@media(max-width:700px){.john-layout{grid-template-columns:135px minmax(0,1fr)}.john-contact>a{font-size:13px}.john-contact .linkedin-link{font-size:13px}.john-contact{gap:12px}.john-contact .linkedin-mark{width:22px;height:22px;flex-basis:22px;font-size:17px}.contact-symbols{margin-left:10px}}
@media(max-width:420px){.john-layout{grid-template-columns:1fr}.john-contact>a{font-size:15px}.john-contact .linkedin-link{font-size:15px}}

/* Direct-hosted contact page: approved header outside the working Google form. */
.contact-service{display:block;width:100%;height:1600px;border:0;background:#fff}
.contact-fallback{max-width:none;text-align:center;padding:16px 5%;margin:0;font-size:15px!important;background:#f1f6f5}
@media(max-width:1050px){.contact-service{height:1850px}}
@media(max-width:700px){.contact-service{height:3150px}}