.installation-page{background:#07111F;color-scheme:dark}.installation-page :is(h1,h2,h3){text-wrap:balance}.install-section{padding:110px 0}.install-section h2{font-size:clamp(36px,4vw,54px);line-height:1.05;letter-spacing:-.045em}.install-section .section-header>p:not(.eyebrow){max-width:760px;margin:16px auto 0;color:#D7E2F0;font-size:17px;line-height:1.68}.install-hero{position:relative;min-height:790px;overflow:hidden;padding-top:90px;background:#050E19}.install-hero-art{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,12,22,.99) 0,rgba(4,12,22,.9) 42%,rgba(4,12,22,.38) 74%,rgba(4,12,22,.18)),linear-gradient(0deg,#07111F 0,rgba(7,17,31,.68) 15%,transparent 38%),url("assets/installer.png");background-position:66% center;background-size:cover}.install-hero-grid{position:relative;z-index:1;display:grid;min-height:700px;grid-template-columns:1fr 410px;gap:72px;align-items:center}.install-hero-copy{max-width:760px}.install-hero h1{margin:0 0 25px;font-size:clamp(50px,4.9vw,68px);font-weight:800;line-height:1.03;letter-spacing:-.055em}.install-hero-copy>p:not(.eyebrow){max-width:660px;margin-bottom:31px;color:#D7E2F0;font-size:18px;line-height:1.68}.install-proof{display:grid;gap:12px;padding:16px;border:1px solid rgba(79,126,172,.42);border-radius:12px;background:rgba(7,17,31,.72);box-shadow:0 22px 56px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.install-proof article{display:flex;min-height:68px;gap:13px;align-items:center;padding:14px 16px;border:1px solid #17314E;border-radius:9px;background:rgba(15,39,68,.78)}.install-proof svg{width:38px;height:38px;padding:9px;border:1px solid #285987;border-radius:8px;color:#2F8BFF}.install-proof span{color:#F7FAFC;font:800 14px/1.3 "Manrope",sans-serif}.install-trust{position:relative;z-index:3;margin-top:-42px}.install-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:14px;border:1px solid rgba(68,100,132,.46);border-radius:11px;background:rgba(8,20,34,.97);box-shadow:0 20px 55px rgba(0,0,0,.3);backdrop-filter:blur(16px)}.install-trust article{display:flex;min-height:98px;gap:13px;align-items:center;padding:12px 18px;border-right:1px solid #17314E}.install-trust article:last-child{border-right:0}.install-trust svg{width:42px;height:42px;flex:0 0 auto;padding:9px;border:1px solid #285A88;border-radius:8px;color:#1677FF}.install-trust h2{margin:0 0 5px;color:#F7FAFC;font-size:14px}.install-trust p{margin:0;color:#8EA3BB;font-size:12px;line-height:1.42}.install-matters{background:radial-gradient(circle at 18% 18%,rgba(22,119,255,.13),transparent 31%),#07111F}.matters-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center}.matters-copy>p:not(.eyebrow){color:#D7E2F0;font-size:17px;line-height:1.72}.risk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.risk-grid span{display:flex;gap:10px;align-items:center;min-height:62px;padding:15px;border:1px solid #17314E;border-radius:9px;background:linear-gradient(150deg,#0F2744,#0B1D35);color:#F7FAFC;font:800 14px/1.35 "Manrope",sans-serif}.risk-grid span:before,.support-grid article:before,.client-grid article:before{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#1677FF;box-shadow:0 0 0 6px rgba(22,119,255,.12);content:""}.coverage-section,.after-section,.systems-section{background:radial-gradient(circle at 50% 0,rgba(22,119,255,.11),transparent 34%),#081827}.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.coverage-grid article{min-height:255px;padding:28px;border:1px solid #17314E;border-radius:10px;background:linear-gradient(150deg,#0F2744,#0B1D35);box-shadow:0 20px 48px rgba(0,0,0,.22)}.coverage-grid svg{width:52px;height:52px;padding:12px;border:1px solid #285A88;border-radius:10px;background:rgba(22,119,255,.12);color:#2F8BFF}.coverage-grid h3{margin:22px 0 10px;font-size:21px}.coverage-grid p{margin:0;color:#D7E2F0;font-size:15px;line-height:1.62}.process-section{background:#07111F}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.process-grid article{position:relative;min-height:260px;padding:30px;border:1px solid #214767;border-radius:10px;background:linear-gradient(150deg,#102D4A,#091725)}.process-grid b{position:absolute;top:24px;right:26px;color:rgba(137,171,204,.24);font:800 42px/1 "Manrope",sans-serif}.process-grid h3{max-width:220px;margin:58px 0 12px;font-size:22px}.process-grid p{margin:0;color:#C5D4E3;font-size:15px;line-height:1.65}.before-section{background:radial-gradient(circle at 22% 15%,rgba(22,119,255,.13),transparent 32%),#081827}.before-layout,.testing-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:58px;align-items:center}.before-copy h2,.testing-copy h2{font-size:clamp(38px,4vw,56px);line-height:1.04;letter-spacing:-.05em}.before-copy>p:not(.eyebrow),.testing-copy>p:not(.eyebrow){color:#D7E2F0;font-size:17px;line-height:1.72}.before-copy aside{display:flex;gap:15px;margin-top:30px;padding:20px;border:1px solid #244F78;border-radius:10px;background:linear-gradient(145deg,rgba(22,119,255,.14),rgba(15,39,68,.84));box-shadow:0 18px 42px rgba(0,0,0,.18)}.before-copy aside svg{width:30px;height:30px;flex:0 0 auto;color:#75B7FF}.before-copy aside p{margin:0;color:#D7E2F0;font-size:15px;line-height:1.6}.before-copy aside strong{color:#F7FAFC}.check-card{padding:30px;border:1px solid #17314E;border-radius:14px;background:linear-gradient(150deg,#0F2744,#0B1D35);box-shadow:0 24px 60px rgba(0,0,0,.26)}.check-card h3{margin:0 0 22px;font-size:22px}.check-grid,.testing-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.check-grid span,.testing-list span{display:flex;gap:10px;align-items:flex-start;padding:15px;border:1px solid rgba(47,139,255,.22);border-radius:9px;background:rgba(7,17,31,.44);color:#F7FAFC;font:800 14px/1.4 "Manrope",sans-serif}.check-grid svg,.testing-list svg{width:17px;height:17px;flex:0 0 auto;margin-top:1px;color:#5FAEFF}.testing-section{background:radial-gradient(circle at 16% 20%,rgba(24,88,151,.16),transparent 30%),#07111F}.testing-list{margin-top:28px}.testing-visual{position:relative;min-height:540px;overflow:hidden;border:1px solid #294E70;border-radius:12px;background-image:linear-gradient(0deg,rgba(4,13,23,.78),transparent 55%),url("assets/smart-home-cctv-installation.jpg");background-position:center;background-size:cover;box-shadow:0 28px 70px rgba(0,0,0,.35)}.testing-visual>div{position:absolute;right:24px;bottom:24px;left:24px;padding:20px;border:1px solid #365F84;border-radius:9px;background:rgba(5,19,33,.92);backdrop-filter:blur(12px)}.testing-visual span{display:block;margin-bottom:9px;color:#75B7FF;font:800 11px/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.12em}.testing-visual strong{display:block;margin-bottom:7px;color:#F7FAFC;font:800 23px/1.1 "Manrope",sans-serif}.testing-visual small{display:block;color:#D7E2F0;font-size:13px;line-height:1.45}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.support-grid article{display:flex;gap:10px;align-items:center;min-height:94px;padding:20px;border:1px solid #17314E;border-radius:9px;background:linear-gradient(150deg,#0F2744,#0B1D35);color:#F7FAFC;font:800 14px/1.35 "Manrope",sans-serif}.client-section{background:#07111F}.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.client-grid article{min-height:165px;padding:22px;border:1px solid #17314E;border-radius:9px;background:linear-gradient(150deg,#0F2744,#0B1D35)}.client-grid article:before{display:block;margin-bottom:22px}.client-grid h3{margin:0 0 9px;font-size:18px}.client-grid p{margin:0;color:#D7E2F0;font-size:14px;line-height:1.55}.systems-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}.systems-grid a{display:flex;min-height:295px;flex-direction:column;padding:26px;border:1px solid #17314E;border-radius:10px;background:linear-gradient(150deg,#0F2744,#0B1D35);box-shadow:0 18px 44px rgba(0,0,0,.22);transition:transform .22s,border-color .22s}.systems-grid a:hover{transform:translateY(-5px);border-color:#2F8BFF}.systems-grid a:focus-visible,.faq-list summary:focus-visible{outline:3px solid #77B7FF;outline-offset:3px}.systems-grid span{display:grid;width:50px;height:50px;place-items:center;border:1px solid #285A88;border-radius:10px;background:rgba(22,119,255,.12);color:#2F8BFF}.systems-grid span svg{width:27px;height:27px}.systems-grid h3{margin:24px 0 11px;font-size:21px}.systems-grid p{margin:0 0 24px;color:#D7E2F0;font-size:14px;line-height:1.58}.systems-grid b{display:inline-flex;gap:7px;align-items:center;margin-top:auto;color:#54A1FF;font:800 11px/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.045em}.systems-grid b svg{width:13px;height:13px}.faq-section{background:#081827}.faq-layout{max-width:1040px}.faq-list{display:grid;gap:12px;margin-top:42px}.faq-list details{border:1px solid #244764;border-radius:9px;background:linear-gradient(145deg,#102940,#091827)}.faq-list summary{cursor:pointer;padding:20px 24px;color:#F7FAFC;font:800 16px/1.4 "Manrope",sans-serif}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{float:right;color:#2F8BFF;content:"+";font-size:22px;line-height:1}.faq-list details[open] summary:after{content:"–"}.faq-list p{margin:0;padding:0 24px 22px;color:#C6D5E5;font-size:15px;line-height:1.68}.installation-page .final-cta{background-image:linear-gradient(90deg,rgba(4,14,25,.96),rgba(10,38,65,.86),rgba(4,14,25,.96)),url("assets/installer.png");background-position:center 44%}
@media(max-width:1120px){.install-hero-grid{grid-template-columns:1.1fr .9fr;gap:45px}.install-trust-grid,.support-grid,.client-grid,.systems-grid{grid-template-columns:repeat(2,1fr)}.install-trust article:nth-child(2){border-right:0}.install-trust article:nth-child(-n+2){border-bottom:1px solid #17314E}.coverage-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.matters-layout,.before-layout,.testing-layout{grid-template-columns:1fr;gap:42px}.testing-visual{min-height:460px}}
@media(max-width:900px){.install-hero{min-height:0}.install-hero-art{background-position:62% center}.install-hero-grid{min-height:0;grid-template-columns:1fr;padding-top:88px;padding-bottom:62px}.install-proof{max-width:720px}.install-trust{margin-top:-26px}.risk-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.install-section{padding:72px 0}.install-section h2{font-size:32px}.install-hero-art{opacity:.72}.install-hero-grid{padding-top:74px}.install-hero h1{font-size:39px}.install-hero-copy>p:not(.eyebrow){font-size:15px}.install-hero .button-row,.installation-page .final-cta .button-row{display:grid;width:100%}.install-hero .button,.installation-page .final-cta .button{width:100%}.install-proof,.install-trust-grid,.coverage-grid,.process-grid,.risk-grid,.check-grid,.testing-list,.support-grid,.client-grid,.systems-grid{grid-template-columns:1fr}.install-trust article:nth-child(n){border-right:0;border-bottom:1px solid #17314E}.install-trust article:last-child{border-bottom:0}.coverage-grid article,.process-grid article,.systems-grid a{min-height:0}.before-copy h2,.testing-copy h2{font-size:34px}.check-card{padding:20px}.testing-visual{min-height:360px}.support-grid article{min-height:0}.client-grid article{min-height:0}.faq-list summary{padding:18px}.faq-list p{padding:0 18px 20px}}
@media(prefers-reduced-motion:reduce){.systems-grid a{transition:none}.systems-grid a:hover{transform:none}}
.support-grid article:last-child{grid-column:span 2}
@media(max-width:1120px){.support-grid article:last-child{grid-column:1/-1}}
@media(max-width:620px){.support-grid article:last-child{grid-column:auto}}