@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";:root{--bg:#030711;--panel:#091322bd;--panel-strong:#0d1c31eb;--line:#7ee0ff2e;--text:#edf9ff;--muted:#9fb7ca;--cyan:#66e8ff;--blue:#347bff;--gold:#f4c95d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 0%, #347bff38, transparent 34rem), radial-gradient(circle at 78% 14%, #66e8ff2b, transparent 30rem), linear-gradient(180deg, #06101d 0%, var(--bg) 42%, #02040a 100%);color:var(--text);min-height:100vh;margin:0;font-family:Chakra Petch,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}body:after{content:"";pointer-events:none;opacity:.045;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.7}strong,h1,h2,h3,.nav-cta,.button,button{font-family:Chakra Petch,system-ui,sans-serif}.eyebrow,.kicker,.logo small,.status-card,.signal-strip span,.sticker em{font-family:IBM Plex Mono,ui-monospace,monospace}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030711a8;border-bottom:1px solid #7ee0ff1f;justify-content:space-between;align-items:center;gap:24px;padding:20px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.logo{align-items:center;gap:12px;display:flex}.logo strong{letter-spacing:2px;font-size:17px;display:block}.logo small{letter-spacing:2.4px;color:var(--muted);margin-top:2px;font-size:10px;display:block}.mark{background:linear-gradient(145deg,#ffffff38,#66e8ff0a);border:1px solid #9eecff6b;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 0 30px #66e8ff33,inset 0 0 24px #ffffff0f}.mark span{text-shadow:0 0 18px #66e8ffcc}.nav-links{color:#c7d8e5;gap:26px;font-size:14px;display:flex}.nav-links a:hover{color:#fff}.nav-cta,.button,.plan a,.contact-form button{color:#fff;background:linear-gradient(135deg,#66e8ff2e,#347bff1f);border:1px solid #7ee0ff47;border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:0 14px 42px #347bff29}.hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:42px;padding:78px clamp(20px,5vw,72px) 42px;display:grid;position:relative}.hero:before{content:"HSG / RESIDENTIAL SENSOR COMMAND";color:#f4c95d57;letter-spacing:4px;font:700 11px/1 IBM Plex Mono,ui-monospace,monospace;position:absolute;top:42px;right:clamp(20px,5vw,72px)}.eyebrow,.kicker{color:var(--cyan);text-transform:uppercase;letter-spacing:2.2px;font-size:12px;font-weight:800}.live-dot{background:#53ffb7;border-radius:999px;width:9px;height:9px;margin-right:8px;display:inline-block;box-shadow:0 0 18px #53ffb7}h1{letter-spacing:-3.2px;text-transform:uppercase;margin:18px 0;font-size:clamp(44px,6vw,86px);line-height:.9}h2{letter-spacing:-2px;text-transform:uppercase;margin:10px 0 18px;font-size:clamp(34px,4vw,58px);line-height:.98}h3{margin:0}.lead{color:#c4d7e7;max-width:680px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:14px;margin:32px 0;display:flex}.button{justify-content:center;align-items:center;min-height:50px;display:inline-flex}.button.primary{background:linear-gradient(135deg,#6fecff,#347bff 55%,#132e88)}.button.ghost{background:#ffffff0a}.trust-row{color:#b9ccda;flex-wrap:wrap;gap:18px;font-size:14px;display:flex}.trust-row span,.contact-lines span{align-items:center;gap:8px;display:inline-flex}.hero-visual{background:#ffffff08;border:1px solid #7ee0ff33;border-radius:34px;padding:10px;position:relative;transform:rotate(.7deg);box-shadow:0 28px 90px #00000059}.hero-visual:after{content:"";pointer-events:none;border:1px solid #f4c95d2e;border-radius:40px;position:absolute;inset:-14px;transform:rotate(-1.4deg)}.status-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050b15d1;border:1px solid #7ee0ff38;border-radius:18px;min-width:210px;padding:14px 16px;position:absolute;box-shadow:0 16px 50px #00000057}.status-card strong{color:var(--cyan);letter-spacing:2px;display:block}.status-card span{color:#c5d7e2;font-size:13px}.status-card.armed{bottom:34px;left:-18px}.status-card.route{top:34px;right:-16px}.signal-strip{border:1px solid var(--line);background:var(--line);border-radius:28px;grid-template-columns:repeat(4,1fr);gap:1px;margin:28px clamp(20px,5vw,72px);display:grid;overflow:hidden}.signal-strip div{background:#081220bd;padding:28px}.signal-strip strong{letter-spacing:-1px;font-size:34px;display:block}.signal-strip span{color:var(--muted)}.section{padding:92px clamp(20px,5vw,72px)}.two-col{grid-template-columns:.78fr 1.22fr;align-items:start;gap:46px;display:grid}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.feature,.plan,.contact-form,.ops-panel{border:1px solid var(--line);background:linear-gradient(#ffffff12,#ffffff06);border-radius:28px;padding:26px;transition:transform .24s,border-color .24s,background .24s;box-shadow:0 20px 80px #0000002e}.feature:hover,.plan:hover{background:linear-gradient(#66e8ff1a,#ffffff06);border-color:#66e8ff70;transform:translateY(-6px)}.feature svg,.check-list svg,.plan svg,.timeline svg,.contact-lines svg{color:var(--cyan);flex:none}.feature h3{margin:18px 0 8px}.verification{grid-template-columns:minmax(300px,.76fr) 1fr;align-items:center;gap:54px;display:grid}.sticker{text-align:center;background:linear-gradient(145deg,#06111f,#0d2949 52%,#08101d);border:2px solid #9eecff61;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:360px;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #66e8ff21,0 24px 80px #00000057}.sticker:before{content:"";border:1px dashed #ffffff38;border-radius:24px;position:absolute;inset:16px}.sticker strong{letter-spacing:-2px;z-index:1;font-size:clamp(34px,4vw,52px);line-height:.9}.sticker span{color:var(--gold);letter-spacing:2.2px;z-index:1;font-weight:900}.sticker em{color:#a8d9ee;z-index:1;font-style:normal}.check-list{gap:14px;padding:0;list-style:none;display:grid}.check-list li,.plan li{color:#d8e9f3;align-items:center;gap:10px;display:flex}.center{text-align:center}.plans h2{text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.plan-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;display:grid}.plan{position:relative}.plan.featured{background:linear-gradient(#66e8ff21,#ffffff08);border-color:#66e8ff75;transform:translateY(-10px)}.plan h3{font-size:28px}.plan ul{gap:12px;min-height:128px;padding:0;list-style:none;display:grid}.plan a{margin-top:12px;display:inline-flex}.operations{padding-top:24px}.ops-panel{background:radial-gradient(circle at 75% 30%,#66e8ff29,#0000 24rem),linear-gradient(135deg,#ffffff14,#ffffff05);align-content:center;min-height:360px;display:grid}.ops-panel>span{color:var(--gold);letter-spacing:3px;font-weight:900}.timeline{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;display:grid}.timeline div{border:1px solid var(--line);background:#0000002e;border-radius:20px;align-items:center;gap:10px;padding:18px;font-weight:700;display:flex}.contact{grid-template-columns:.82fr 1fr;align-items:start;gap:48px;display:grid}.contact-lines{color:#d7ebf6;gap:14px;margin-top:26px;display:grid}.contact-form{gap:16px;display:grid}.contact-form label{color:#d8e9f3;gap:8px;font-weight:700;display:grid}input,select,textarea{color:#fff;width:100%;font:inherit;background:#02060c94;border:1px solid #7ee0ff2e;border-radius:16px;outline:none;padding:14px 16px}textarea{resize:vertical;min-height:130px}input:focus,select:focus,textarea:focus{border-color:#66e8ffad;box-shadow:0 0 0 4px #66e8ff14}.contact-form button{cursor:pointer;border-radius:16px;font-size:16px}.contact-form small{color:var(--muted)}footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:34px clamp(20px,5vw,72px) 54px;display:flex}footer p{margin:0;font-size:14px}@media (width<=980px){.hero,.two-col,.verification,.contact{grid-template-columns:1fr}.hero{padding-top:48px}.hero-visual{order:-1}.plan-grid,.timeline,.signal-strip{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}@media (width<=640px){.nav{padding:16px 18px}.nav-cta{display:none}h1{letter-spacing:-2.5px}.feature-grid,.plan-grid,.timeline,.signal-strip{grid-template-columns:1fr}.status-card{margin-top:10px;position:static}footer{flex-direction:column;align-items:flex-start}}
