/* Reference faithful layout refinements for the original Simplisafe design */
:root{--bright:#65d82b;--green:#079027}
html{scroll-behavior:smooth;scroll-padding-top:110px}
.scroll-meter{position:fixed;top:0;left:0;z-index:100;width:100%;height:4px;background:linear-gradient(90deg,#16a532,#a6f140);transform:scaleX(0);transform-origin:0 50%;pointer-events:none;box-shadow:0 0 15px rgba(50,190,50,.38)}
.header{z-index:50}.header-inner{height:112px}.nav{gap:43px}
.hero{min-height:730px}.hero:after{background:linear-gradient(90deg,rgba(2,20,44,.96) 0%,rgba(2,27,51,.90) 31%,rgba(2,27,51,.6) 57%,rgba(2,27,51,.08) 100%)}.hero h1{font-size:clamp(43px,4.8vw,78px);line-height:1.13;max-width:930px}.hero p{max-width:720px}.hero-image{object-position:76% center}.hero-actions .btn{min-height:72px}.benefit-strip{padding:31px 0}
.services-mast{padding:61px 0 76px;min-height:830px;background:linear-gradient(112deg,#fff 0%,#fff 50%,#eef5fc 100%)}
.services-mast:before{display:none}.services-mast h1{max-width:1010px;margin:25px 0 16px;font-size:clamp(36px,4.1vw,65px);line-height:1.1}.services-mast .lead{max-width:1100px;font-size:19px}
.package-photo{position:absolute;right:0;top:0;width:35%;height:310px;object-fit:cover;opacity:.28;mask-image:linear-gradient(to right,transparent 4%,black 100%)}
.reference-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:46px 0 25px;position:relative}
.reference-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:stretch;background:#fff;border:2px solid #e4e8ec;border-radius:21px;padding:28px 25px 24px;box-shadow:0 8px 25px rgba(7,34,58,.045)}
.reference-card.popular{border-color:#0ea22d;background:#f6fff2;box-shadow:0 9px 25px rgba(18,154,36,.08)}
.reference-card .popular-tag{position:absolute;left:50%;top:-18px;transform:translateX(-50%);background:#0baa2c;color:#fff;font-size:13px;font-weight:900;border-radius:13px;padding:10px 17px;white-space:nowrap}
.reference-card h2{text-align:center;font-size:clamp(23px,2vw,30px);letter-spacing:-.04em;margin:2px 0 8px}
.reference-card p{text-align:center;min-height:47px;font-size:15px;font-weight:700;color:#38485b}
.reference-card .product-shot{height:138px;display:flex;align-items:center;justify-content:center;background:#f6f8fa;border-radius:11px;overflow:hidden;margin:4px 0 17px}
.reference-card .product-shot img{width:100%;height:100%;object-fit:cover}
.reference-card .price-band{background:#d5fbc6;border-radius:13px;padding:14px 8px;text-align:center;font-weight:900;font-size:23px;color:#0d3217;margin-bottom:22px}
.reference-card ul{padding:0;list-style:none;display:grid;gap:13px;margin:0 0 24px}
.reference-card li{font-size:14px;font-weight:650;line-height:1.35;display:grid;grid-template-columns:22px 1fr;gap:9px}
.reference-card li:before{content:'✓';display:grid;place-items:center;background:#18b434;color:white;border-radius:50%;height:20px;width:20px;font-weight:900;font-size:13px}
.reference-card .btn{width:100%;margin-top:auto;padding:15px 11px}
.about-intro{padding-top:64px}.about-layout{gap:50px}.about-image{height:580px;object-fit:cover}.about-content h1{font-size:clamp(35px,3.8vw,60px);line-height:1.11}.about-content>p{font-size:18px}.fact-strip{margin-top:46px;min-height:173px;border-radius:23px;background:linear-gradient(115deg,#093762,#0b4675)}.fact-strip .fact strong{font-size:clamp(24px,2.7vw,37px)}
.contact-page{min-height:940px;padding-top:53px}.contact-page h1{font-size:clamp(40px,4.3vw,68px);line-height:1.11}.contact-page .bg-img{width:45%;object-position:60% center}.contact-page:before{background:linear-gradient(90deg,#fff 0%,#fff 43%,rgba(255,255,255,.92) 63%,rgba(255,255,255,.1) 100%)}.contact-grid{max-width:1125px;grid-template-columns:minmax(300px,420px) minmax(420px,620px);gap:17px}.contact-item{padding:19px 0}.contact-card,.form-card{border-radius:22px}.form-card .btn{min-height:58px}
.contact-phone{position:absolute;right:2.1%;top:307px;width:208px;height:432px;border:10px solid #101929;border-radius:35px;background:#09213a;box-shadow:0 23px 35px rgba(0,17,29,.3);transform:rotate(3deg);z-index:2;overflow:hidden;pointer-events:none}.contact-phone::before{content:'';position:absolute;top:0;left:29%;width:42%;height:17px;border-radius:0 0 15px 15px;background:#050b15}.contact-phone strong{display:block;color:white;text-align:center;margin:39px 0 18px;font-size:16px}.contact-phone .phone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:0 9px}.contact-phone .phone-grid i{display:block;height:104px;background:linear-gradient(135deg,#4c789c,#a6cadc);border-radius:5px;background-position:center;background-size:cover}.contact-phone small{display:block;color:white;text-align:center;margin-top:20px;font-size:11px}
@media(prefers-reduced-motion:no-preference){
 .motion-strong [data-reveal]{opacity:0;transform:translate3d(0,86px,0) scale(.945);filter:blur(11px);transition:opacity 1100ms cubic-bezier(.16,1,.3,1),transform 1150ms cubic-bezier(.16,1,.3,1),filter 1100ms cubic-bezier(.16,1,.3,1);transition-delay:var(--motion-delay,0ms);will-change:transform,opacity,filter}
 .motion-strong [data-reveal].appeared{opacity:1;transform:none;filter:none}
 .motion-strong [data-reveal="left"]{transform:translate3d(-75px,0,0) scale(.95)}
 .motion-strong [data-reveal="right"]{transform:translate3d(75px,0,0) scale(.95)}
 .motion-strong .hero-image{transform:translate3d(0,var(--hero-y,0px),0) scale(1.09)}
 .motion-strong .contact-page .bg-img{transform:translate3d(0,var(--contact-y,0px),0) scale(1.07)}
 .motion-strong .eyebrow:before{animation:lineExpand 1.4s cubic-bezier(.16,1,.3,1) both}
 @keyframes lineExpand{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
 .motion-strong .reference-card{transition:opacity 1100ms cubic-bezier(.16,1,.3,1),transform 1150ms cubic-bezier(.16,1,.3,1),filter 1100ms cubic-bezier(.16,1,.3,1),box-shadow 300ms ease}
 .motion-strong .reference-card.appeared:hover,.motion-strong .preview-card.appeared:hover{transform:translateY(-11px)!important;box-shadow:0 26px 45px rgba(9,34,58,.14)}
 .motion-strong .btn{transition:transform 300ms ease,box-shadow 300ms ease}
 .motion-strong .btn:hover{transform:translateY(-4px)}
}
@media(max-width:1260px){.contact-phone{display:none}}
@media(max-width:950px){.reference-cards{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:minmax(270px,360px) minmax(370px,1fr)}}
@media(max-width:760px){.header-inner{height:82px}.hero{min-height:650px}.hero:after{background:linear-gradient(90deg,rgba(1,24,48,.91),rgba(2,27,50,.7))}.hero h1{font-size:clamp(38px,8vw,61px)}.reference-cards{grid-template-columns:1fr;gap:30px}.services-mast{padding:45px 0 58px}.services-mast h1{font-size:clamp(35px,7.7vw,48px)}.package-photo{height:240px;width:48%}.about-image{height:390px}.about-intro{padding-top:42px}.about-layout{gap:26px}.contact-grid{grid-template-columns:1fr}.contact-page .bg-img{width:100%;opacity:.12;height:360px}.contact-page:before{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.89))}.contact-page h1{font-size:clamp(36px,7.7vw,48px)}.motion-strong [data-reveal="left"],.motion-strong [data-reveal="right"]{transform:translate3d(0,60px,0) scale(.96)}}
@media(prefers-reduced-motion:reduce){.motion-strong [data-reveal]{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.motion-strong .hero-image{transform:none!important}.motion-strong .contact-page .bg-img{transform:none!important}}