@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600&display=swap";
:root{--night:#070b1a;--night-2:#0d1535;--blue:#3d6bff;--cyan:#5ce1ff;--amber:#ffb400;--paper:#eef1f7;--ink:#0b1020;--muted:#5b6684;--line:#0b102026;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--night);color:#eaf0ff;margin:0}body{font-size:17px;line-height:1.6;overflow-x:hidden}a{color:inherit}.wrap{width:min(1180px,100% - 52px);margin:auto}.top{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#070b1ae0,#0000);position:fixed;inset:0 0 auto}.top .wrap{justify-content:space-between;align-items:center;height:74px;display:flex}.logo{letter-spacing:.15em;align-items:center;gap:10px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.logo img{width:34px;height:auto;display:block}.logo span{opacity:.75;font-weight:300}nav{align-items:center;gap:28px;display:flex}nav a{text-transform:uppercase;letter-spacing:.15em;color:#c7d2f5;font-size:12px;text-decoration:none}nav .call{border:1px solid #ffffff73;border-radius:100px;padding:9px 18px}.hero{text-align:center;background:radial-gradient(900px 560px at 50% 45%,#13257a 0%,transparent 70%),var(--night);place-items:center;height:100svh;min-height:650px;display:grid;position:relative;overflow:hidden}.network{opacity:.9;position:absolute;inset:0}.hero-shade{background:radial-gradient(70% 60%,#0000 20%,#070b1ad6 100%);position:absolute;inset:0}.hero-content{width:min(900px,100% - 40px);padding-top:50px;position:relative}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.3em;margin:0 0 22px;font-size:12px}.hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(76px,16vw,205px);font-weight:300;line-height:.78}.hero h1 span{display:block}.hero h1 span:last-child{background:linear-gradient(90deg,#fff,#9fb4ff,var(--cyan),#fff);color:#0000;-webkit-background-clip:text;background-clip:text}.subhead{color:#b8c4ee;max-width:600px;margin:35px auto;font-size:18px;font-weight:300}.actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.button{letter-spacing:.04em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:53px;padding:12px 27px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .2s,background .25s,color .25s;display:inline-flex}.button:hover{transform:translateY(-3px)}.filled{background:var(--blue);color:#fff}.filled:hover{background:var(--cyan);color:var(--night)}.outlined{color:#fff;border-color:#ffffff80}.outlined:hover{color:var(--night);background:#fff}.scroll-cue{letter-spacing:.28em;text-transform:uppercase;color:#a5b4df;justify-items:center;gap:8px;font-size:10px;text-decoration:none;display:grid;position:absolute;bottom:22px}.scroll-cue i{background:linear-gradient(var(--cyan),transparent);width:1px;height:42px}.marquee{background:var(--night-2);border-block:1px solid #ffffff1a;padding:22px 0;overflow:hidden}.marquee>div{width:max-content;animation:40s linear infinite marquee;display:flex}.marquee span{color:#0000;-webkit-text-stroke:1px #b9c7f3;white-space:nowrap;align-items:center;gap:26px;padding-right:28px;font-size:clamp(32px,5vw,60px);font-weight:300;display:flex}.marquee svg{width:28px;color:var(--amber)}@keyframes marquee{to{transform:translate(-50%)}}.paper{background:var(--paper);color:var(--ink)}.statement{padding:145px 0 125px}.statement h2,.services h2,.process h2,.house-copy h2{letter-spacing:-.03em;margin:0;font-size:clamp(36px,5.5vw,78px);font-weight:300;line-height:1.08}.statement h2{max-width:15em}.two-columns{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:60px;margin-top:78px;padding-top:30px;display:grid}.two-columns p{color:var(--muted);max-width:29em;margin:0}.house-section{height:400vh}.house-sticky{grid-template-columns:.85fr 1.15fr;align-items:center;gap:35px;height:100svh;display:grid;position:sticky;top:0}.house-copy h2{max-width:9em;font-size:clamp(35px,4.6vw,64px)}.house-copy article{min-height:165px;margin-top:34px}.house-copy h3{color:var(--cyan);margin:0 0 8px;font-size:26px;font-weight:500}.house-copy p{color:#b8c4ee;max-width:25em;margin:0;font-size:18px;font-weight:300}.dots{gap:9px;margin-top:18px;display:flex}.dots i{background:#fff3;border-radius:2px;width:25px;height:3px;transition:all .3s;display:block}.dots .active{background:var(--cyan);width:57px}.house{width:100%;max-height:75svh;overflow:visible}.house g{opacity:0;transition:opacity .6s}.house .blueprint{opacity:1}.house .blueprint path{fill:none;stroke:#9fb4ff;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.house.stage-0 .electric,.house.stage-1 .electric,.house.stage-1 .camera,.house.stage-2 .electric,.house.stage-2 .camera,.house.stage-2 .alarm,.house.stage-3 .electric,.house.stage-3 .camera,.house.stage-3 .alarm,.house.stage-3 .smart{opacity:1}.electric rect{fill:#ffb4003b;stroke:#ffb400;stroke-width:1.6px}.electric .wire{fill:none;stroke:#ffb400;stroke-width:2px;stroke-dasharray:5 9;animation:1.2s linear infinite dash}.electric circle{fill:var(--amber)}.camera .beam{fill:url(#cone)}.camera rect,.camera path{fill:var(--night-2);stroke:var(--cyan);stroke-width:2px}.camera circle{fill:#ff4d4d}.alarm{fill:none;stroke:var(--cyan);stroke-width:2px}.alarm>circle:first-child{fill:var(--cyan)}.ring{transform-box:fill-box;transform-origin:50%;animation:2s infinite ring}.ring.delayed{animation-delay:1s}.smart{fill:none;stroke:var(--cyan);stroke-width:2.3px;stroke-linecap:round}.smart circle{fill:var(--cyan);stroke:none}.link{stroke-dasharray:4 8;animation:1.3s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-26px}}@keyframes ring{to{opacity:0;transform:scale(5)}}.services{padding:140px 0}.services h2{margin-bottom:66px}.service-row{border-top:1px solid var(--line);grid-template-columns:70px 1fr 1.3fr 28px;align-items:center;gap:25px;padding:36px 14px;text-decoration:none;transition:all .35s;display:grid;position:relative;overflow:hidden}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row:hover{background:var(--blue);color:#fff}.service-row svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:44px}.service-row h3{margin:0;font-size:clamp(25px,3vw,41px);font-weight:300;line-height:1.1}.service-row p{color:var(--muted);margin:0;font-size:15px}.service-row:hover p{color:#dce5ff}.service-row>svg:last-child{width:25px}.process{background:radial-gradient(650px 500px at 100% 10%,#3d6bff47,transparent),var(--night);padding:145px 0 155px}.process h2{margin-bottom:84px}.process-grid{border-top:2px solid #ffffff29;grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.process-grid article{padding-top:60px;position:relative}.process-grid article:before{content:"";border:2px solid var(--cyan);background:var(--night);border-radius:50%;width:23px;height:23px;position:absolute;top:-13px;box-shadow:0 0 0 7px #5ce1ff1a}.process-grid span{color:var(--cyan);letter-spacing:.18em;font-size:12px}.process-grid h3{margin:7px 0;font-size:25px;font-weight:400}.process-grid p{color:#b8c4ee;margin:0;font-size:15px;font-weight:300}.contact{text-align:center;background:radial-gradient(circle at 50% 55%,#3d6bff42,transparent 40%),var(--night);padding:145px 0 75px;overflow:hidden}.contact h2{letter-spacing:-.04em;margin:0;font-size:clamp(46px,7vw,105px);font-weight:300;line-height:.98}.contact-copy{color:#b8c4ee;max-width:490px;margin:27px auto;font-size:18px;font-weight:300}.phone{background:linear-gradient(90deg,#fff,var(--cyan));color:#0000;-webkit-background-clip:text;margin:0 auto 35px;font-size:clamp(30px,5vw,60px);font-weight:300;text-decoration:none;display:block}.contact dl{text-align:left;border-top:1px solid #ffffff26;grid-template-columns:repeat(3,1fr);gap:30px;margin:85px 0 0;padding-top:29px;display:grid}.contact dt{text-transform:uppercase;letter-spacing:.22em;color:#8fa0d6;font-size:11px}.contact dd{margin:5px 0 0;font-size:16px}footer{color:#8fa0d6;letter-spacing:.05em;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:24px 0 38px;font-size:12px;display:flex}@media (max-width:820px){nav a:not(.call){display:none}.house-sticky{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:center;gap:0;padding-top:74px}.house-copy article{min-height:134px;margin-top:15px}.house-copy p{font-size:16px}.house{max-height:44svh}.service-row{grid-template-columns:50px 1fr;gap:15px;padding:29px 5px}.service-row p{grid-column:1/-1}.service-row>svg:last-child{display:none}.process-grid{border-top:0;border-left:2px solid #ffffff29;grid-template-columns:1fr;gap:18px;padding-left:36px}.process-grid article{padding-top:0}.process-grid article:before{top:4px;left:-49px}.two-columns{gap:22px}.contact dl{grid-template-columns:1fr;gap:18px}}@media (max-width:600px){.wrap{width:min(100% - 36px,1180px)}.top .wrap{height:65px}.top nav .call{padding:7px 12px;font-size:10px}.hero{min-height:580px}.hero-content{padding-top:30px}.subhead{margin:28px auto;font-size:16px}.statement,.services,.process,.contact{padding-block:90px}.two-columns{grid-template-columns:1fr;margin-top:45px}.contact dl{margin-top:60px}.marquee{padding:17px 0}.house-section{height:350vh}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}