*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#eef2f7;color:#172033}a{text-decoration:none;color:inherit}.logo{display:flex;align-items:center;gap:10px;font-weight:900}.logoDark{color:#fff}.logoMark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f2b90b;color:#0c1726}.nav{height:76px;padding:0 6vw;justify-content:space-between;background:#0c1726;color:#fff}.nav,.nav nav{display:flex;align-items:center}.nav nav{gap:22px}.button{display:inline-flex;padding:11px 15px;border-radius:9px;border:1px solid #dce3ec;background:#fff;font-weight:800}.primary{background:#0b67d1;color:#fff;border-color:#0b67d1}.large{padding:15px 21px}.hero{min-height:650px;padding:70px 6vw;display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px;align-items:center;background:linear-gradient(135deg,#0c1726,#1d3554);color:#fff}.hero h1{font-size:64px;line-height:1.02;margin:16px 0}.hero p{font-size:19px;line-height:1.7;color:#c8d4e4}.eyebrow{color:#f2b90b;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900}.buttons{display:flex;gap:12px;margin-top:28px}.preview{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}.previewTop{padding:15px;background:#edf1f6;color:#46566b}.plan{position:relative;height:420px;background:#fff}.grid{inset:0;background-image:linear-gradient(#edf1f4 1px,transparent 0),linear-gradient(90deg,#edf1f4 1px,transparent 0);background-size:26px 26px}.grid,.room{position:absolute}.room{border:2px solid #65778d;background:#fff;display:grid;place-items:center;color:#546479;font-size:11px;font-weight:900}.r1{left:8%;width:39%}.r1,.r2{top:12%;height:29%}.r2{left:50%;width:42%}.r3{left:8%;top:47%;width:84%;height:20%}.fixture{position:absolute;z-index:3;padding:5px 8px;border:2px solid #52677f;background:#fff;color:#172033;font-size:9px;font-weight:900}.f1{left:16%;top:25%}.f2{left:58%;top:25%}.f3{left:76%;top:55%}.detect{position:absolute;border:3px solid #2fb66d;background:rgba(47,182,109,.14)}.d1{left:13%;top:20%}.d1,.d2{width:58px;height:49px}.d2{left:73%;top:50%}.features{padding:80px 6vw;background:#fff}.heading{text-align:center}.heading h2{font-size:40px}.featureGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-top:35px}.featureGrid article{padding:22px;border:1px solid #dce3ec;border-radius:14px}.featureGrid p{color:#6e7d91;line-height:1.6}.dashboard{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.dashboard aside{padding:18px 14px;background:#0c1726;color:#fff}.dashboard aside nav{display:grid;grid-gap:8px;gap:8px;margin-top:28px}.dashboard aside nav a{padding:11px;border-radius:8px;color:#b6c3d3}.dashboard section{padding:25px}.dashboard header p{color:#6e7d91;margin-bottom:4px}.dashboard header h1{margin-top:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px}.cards article{padding:20px;border:1px solid #dce3ec;border-radius:12px;background:#fff}.cards span{display:block;color:#6e7d91}.cards strong{display:block;font-size:28px;margin-top:8px}@media(max-width:900px){.hero{grid-template-columns:1fr}.preview{display:none}.cards,.featureGrid{grid-template-columns:1fr 1fr}}