@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#111b2c;--ink:#172131;--orange:#f56a32;--muted:#6d7480;--paper:#f5f5f2;--line:#dddeda}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{cursor:pointer}.announcement{background:var(--navy);color:#d5dbe4;text-align:center;padding:10px 20px;font-size:11px;letter-spacing:.2px}.announcement a{margin-left:24px;color:white}.announcement span{margin-left:9px}header{height:94px;display:flex;align-items:center;gap:40px;padding:0 5%;background:#fff;border-bottom:1px solid #eee}header .logo{width:154px}.logo img{width:140px;display:block}.logo span{display:block;font-size:8px;letter-spacing:2.5px;margin-top:8px}.logo{flex-shrink:0}nav{display:flex;gap:28px;margin:auto;font-size:12px;font-weight:600}.header-cta{font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding:12px 0}.header-cta span{margin-left:22px}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white;min-height:600px}.hero-copy{padding:65px 8% 28px 10%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.5}.hero .eyebrow{color:#c4ccda;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(44px,4.65vw,78px);letter-spacing:-3.8px;line-height:1.06;font-weight:650;margin:27px 0 22px}h1 em{font-style:normal;color:#f99063}.hero-copy>p{font-size:14px;line-height:1.8;color:#bac4d3;max-width:370px;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:0 24px;font-size:12px;font-weight:650;border:0}.orange{background:var(--orange);color:#111b2c}.button:hover{filter:brightness(1.09)}.text-link{display:inline-flex;gap:20px;font-size:12px;padding:15px 0;border-bottom:1px solid #657080}.hero .text-link{margin-left:20px}.hero-bottom{display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:.8px;color:#cad2df;border-top:1px solid #334052;padding-top:23px;margin-top:42px}.hero-bottom i{height:11px;width:1px;background:#657080}.wireless{margin-left:auto;font-size:10px;letter-spacing:0}.hero-visual{position:relative;overflow:hidden;background:#8d9197;min-height:600px}.dashboard{position:absolute;inset:0;background-image:url('assets/before-after.png');background-size:200% auto;background-position:right 56.5%;background-repeat:no-repeat}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,21,33,.2),transparent 30%,rgba(9,16,26,.15) 60%,rgba(8,14,22,.86))}.photo-label{position:absolute;left:35px;top:31px;font-size:9px;font-weight:500;letter-spacing:2px;background:#17213199;padding:12px 15px}.photo-caption{position:absolute;bottom:70px;left:36px;right:36px;display:flex;align-items:end;justify-content:space-between;font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px;line-height:1.2}.photo-caption strong{font-weight:600}.photo-caption a{display:grid;place-items:center;border:1px solid #8995a4;border-radius:50%;width:52px;height:52px;font-size:26px}.photo-footnote{position:absolute;left:36px;bottom:29px;font-size:9px;color:#c8cdd5}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 5%;border-bottom:1px solid var(--line);gap:25px}.benefits>div{display:flex;align-items:center;gap:17px}.line-icon{font-size:30px;color:#435168;font-weight:400}.benefits p{margin:0}.benefits strong{font-size:11px;font-weight:600;display:block}.benefits small{font-size:10px;display:block;color:var(--muted);margin-top:7px}.benefits small a{text-decoration:underline;text-underline-offset:3px}.wrap{margin-left:auto;margin-right:auto;width:90%;max-width:1440px}.finder{background:var(--paper);padding:35px;margin-top:45px;display:grid;grid-template-columns:.7fr 1.3fr;gap:38px;align-items:center}.finder .eyebrow{font-size:8px;color:#7a7e83;letter-spacing:1.6px}h2{font-weight:600;font-size:35px;letter-spacing:-1.6px;line-height:1.2;margin:12px 0}.finder h2{font-size:28px;letter-spacing:-1px}.finder p{font-size:11px;color:var(--muted);line-height:1.6;margin:10px 0 0}.selects{display:grid;grid-template-columns:1fr 1fr .8fr;gap:10px}.selects label{display:block;background:#fff;border:1px solid #dadcdb;padding:11px 13px 8px;min-width:0}.selects label span{display:block;font-size:8px;letter-spacing:1px;color:#727983;margin-bottom:6px}select{border:0;background:transparent;outline-offset:3px;width:100%;font-size:12px;color:var(--ink);padding:3px 0;min-height:25px}select:disabled{opacity:.45}.selects .button{grid-column:1/-1;margin-top:1px;min-height:43px}.navy{background:var(--navy);color:#fff}.finder-note a{color:var(--ink);text-decoration:underline}#results{font-size:12px;line-height:1.6;padding:14px;background:white;border-left:3px solid var(--orange);margin-top:15px}#results a{text-decoration:underline;font-weight:700}.shop{padding-top:85px;padding-bottom:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading .eyebrow{color:#7b8189}.section-heading h2{margin-bottom:0}.dark{border-color:#b9bec4}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:30px 0 24px;overflow:auto}.tabs button{background:none;border:0;white-space:nowrap;padding:13px 16px 17px;font-size:11px;color:#69717c;border-bottom:2px solid transparent;min-height:44px}.tabs button.active{border-color:var(--orange);color:var(--ink);font-weight:700}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product{display:block;min-width:0}.product[hidden]{display:none}.product-image{aspect-ratio:1.13;background:#f2f2ef;overflow:hidden;position:relative}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.product:hover img{transform:scale(1.035)}.product .badge{position:absolute;left:12px;top:12px;background:white;color:#202b3c;font-size:8px;padding:6px 9px;letter-spacing:.5px}.product-kind{font-size:8px;color:#848994;letter-spacing:1.1px;margin:20px 0 9px}.product h3{font-size:15px;font-weight:650;line-height:1.5;letter-spacing:-.3px;margin:0}.product-sub{font-size:11px;color:#747b84;margin:7px 0 18px}.product-bottom{display:flex;justify-content:space-between;border-top:1px solid #e2e3e2;padding-top:14px;font-size:12px}.product-bottom b{font-weight:600}.product-bottom span{font-size:18px}.catalog-note{font-size:10px;color:#7a818a;margin-top:23px}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--paper)}.story-art{position:relative;background:#e8e9e8;min-height:535px;overflow:hidden}.screen-crop{position:absolute;left:5%;right:5%;top:12%;height:66%;background-image:url('assets/hero.png');background-size:100% auto;background-position:center 59%;background-repeat:no-repeat;mix-blend-mode:multiply}.art-caption{position:absolute;bottom:33px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;color:#747a81}.story-copy{padding:65px 12% 55px 10%}.story-copy .eyebrow{font-size:9px;color:#8b7667}.story-copy h2{font-size:31px}.story-copy>p{color:#6d747c;font-size:13px;line-height:1.8;max-width:410px}.story-points{margin:26px 0}.story-points>div{display:flex;gap:19px;margin:18px 0}.story-points>div>span{font-size:10px;color:#9b7761;margin-top:4px}.story-points p{margin:0;color:#737982;font-size:11px;line-height:1.8}.story-points strong{display:block;color:var(--ink);font-weight:600;font-size:12px}.installation{padding:80px 0}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted)}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.install-grid>a{padding:32px;border:1px solid #d9dedf;background:#fff}.install-grid>a:hover{border-color:#e99268;background:#fcfaf7}.install-number{font-size:9px;letter-spacing:1.5px;color:#8a715e}.install-grid h3{font-size:25px;letter-spacing:-.8px;font-weight:600;margin:24px 0 12px}.install-grid p{font-size:12px;color:var(--muted)}.install-link{display:flex;justify-content:space-between;font-size:11px;margin-top:35px;border-top:1px solid #e0e3e4;padding-top:18px}.install-link b{font-size:18px}.support{text-align:center;padding:75px 20px;background:var(--navy);color:#fff}.support .eyebrow{font-size:9px;color:#acb6c5}.support h2{font-size:48px;letter-spacing:-2px;margin:25px 0 18px}.support p{font-size:13px;color:#b7c1d0;margin-bottom:27px}.phone{display:block;margin-top:27px;font-size:13px}.support small{display:block;font-size:10px;color:#9da9bc;margin-top:8px}footer{padding:45px 5% 25px}.footer-top{display:flex;justify-content:space-between;align-items:center}.footer-top>div{display:flex;gap:30px;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;color:#858c94;border-top:1px solid var(--line);padding-top:24px;margin-top:35px}
@media(min-width:1600px){.hero-copy{padding-top:85px;padding-bottom:40px}.hero-visual{min-height:700px}}@media(max-width:1100px){header{gap:20px}nav{gap:15px;font-size:11px}.hero-copy{padding-top:45px}h1{font-size:51px}.hero .text-link{display:table;margin:7px 0 0}.wireless{display:none}.finder{grid-template-columns:1fr 1.2fr;gap:25px}.benefits{gap:15px}.benefits>div{gap:10px}.benefits strong{font-size:10px}.products{gap:16px}}@media(max-width:760px){.announcement{font-size:9px;padding:10px 12px}.announcement a{display:none}header{height:75px;padding:0 6%;justify-content:space-between;position:relative;z-index:5}header .logo{width:auto}.logo img{width:117px}.logo span{font-size:7px;margin-top:6px}.header-cta{margin-left:auto;font-size:10px}.header-cta span{margin-left:10px}.menu{display:block;background:none;border:0;font-size:22px;min-width:44px;min-height:44px}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:20px 6%;border-bottom:1px solid var(--line);box-shadow:0 20px 20px #111b2c10}nav.open{display:flex;flex-direction:column;gap:0}nav a{padding:15px 0;font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 25px}.hero .eyebrow{font-size:8px}h1{font-size:53px;letter-spacing:-2.8px;margin-top:23px}.hero-copy>p{font-size:13px}.hero .text-link{display:inline-flex;margin:0 0 0 18px;font-size:10px;gap:9px}.button{padding:0 20px;font-size:11px;gap:22px}.hero-bottom{margin-top:30px;padding-top:19px}.hero-visual{min-height:390px}.dashboard{background-position:right 56.5%}.photo-label{top:20px;left:6%;font-size:8px}.photo-caption{bottom:62px;left:6%;right:6%;font-size:27px}.photo-footnote{left:6%;font-size:8px}.benefits{grid-template-columns:1fr 1fr;padding:22px 6%;gap:25px 14px}.line-icon{font-size:25px}.benefits small{font-size:8px;line-height:1.5}.benefits strong{font-size:9px}.wrap{width:88%}.finder{display:block;padding:25px 20px;margin-top:28px}.finder h2{font-size:27px}.finder form{margin-top:23px}.selects{grid-template-columns:1fr 1fr}.selects label:nth-child(3){grid-column:1/-1}.selects .button{margin-top:4px}.shop{padding-top:55px;padding-bottom:45px}h2{font-size:29px}.section-heading{align-items:start;gap:15px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.section-heading>.text-link{font-size:9px;white-space:nowrap;gap:10px;margin-top:18px}.tabs{margin-top:23px}.tabs button{padding-left:10px;padding-right:10px;font-size:10px}.products{grid-template-columns:1fr 1fr;gap:25px 14px}.product h3{font-size:13px}.product .badge{font-size:6px;padding:5px 7px;left:7px;top:7px}.product-kind{font-size:7px;margin-top:13px;letter-spacing:.6px}.product-sub{font-size:10px;line-height:1.5;margin-bottom:12px}.product-bottom{font-size:11px}.catalog-note{font-size:9px;line-height:1.6}.story{grid-template-columns:1fr}.story-art{min-height:350px}.story-copy{padding:40px 6%}.story-copy h2{font-size:29px}.screen-crop{top:4%;height:80%}.art-caption{font-size:7px;bottom:23px}.installation{padding:50px 0}.installation .section-heading{display:block}.installation h2{max-width:290px}.installation .section-heading>p{font-size:11px}.install-grid{grid-template-columns:1fr;gap:16px;margin-top:20px}.install-grid>a{padding:25px}.install-grid h3{font-size:24px}.install-grid p{line-height:1.7}.install-link{margin-top:24px}.support{padding:55px 6%}.support h2{font-size:40px}.support .eyebrow{font-size:8px;letter-spacing:1.4px}footer{padding:35px 6% 24px}.footer-top{display:block}.footer-top>div{gap:18px;font-size:10px;margin-top:28px;flex-wrap:wrap}.footer-bottom{gap:12px;flex-wrap:wrap;line-height:1.7;font-size:8px}.footer-bottom span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep the product photograph framed independently of the source banner text. */
.screen-crop{top:50%;height:auto;aspect-ratio:2.45;transform:translateY(-50%);background-position:center 57.6%}
/* Shared concept navigation. Both designs remain directly addressable. */
.design-switcher{min-height:54px;background:#efeee9;border-bottom:1px solid #d9d9d2;display:flex;justify-content:space-between;align-items:center;padding:8px 5%;gap:18px;color:#1a2230;font-size:11px}.design-switcher>span{font-weight:800;letter-spacing:1px}.design-switcher b{font-size:8px;letter-spacing:1.6px;font-weight:500;margin-left:12px;color:#71746f}.design-switcher>div{display:flex;gap:4px;padding:3px;background:#dfdfd8;border-radius:6px}.design-switcher a{display:flex;align-items:center;justify-content:center;min-height:34px;padding:0 24px;font-size:11px;font-weight:600;border-radius:4px;color:#626962}.design-switcher a.selected{background:#fff;color:#111b2c;box-shadow:0 1px 4px #00000012}.design-switcher small{font-size:8px;letter-spacing:1.5px;color:#727772}@media(max-width:760px){.design-switcher{padding:8px 6%;min-height:57px;gap:8px}.design-switcher b,.design-switcher small{display:none}.design-switcher a{min-height:38px;padding:0 18px;font-size:11px}}
