:root{--ink:#17212f;--muted:#6b7788;--line:#e3e8ef;--paper:#f7f9fc;--card:#fff;--teal:#0c7c86;--teal-dark:#075b64;--orange:#ff9b63;--navy:#111d31;--shadow:0 20px 60px rgba(25,42,66,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.05;margin:0 0 18px}h1{font-size:clamp(44px,7vw,84px);letter-spacing:-.06em}h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.045em}h3{font-size:22px}p{color:var(--muted);line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}.container{width:min(1160px,calc(100% - 48px));margin:auto}.nav{height:80px;display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100vw - 1160px)/2));background:rgba(247,249,252,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(227,232,239,.8)}.brand{font-family:"Space Grotesk";font-weight:700;display:flex;align-items:center;gap:9px;white-space:nowrap}.brand-mark{font-size:28px;color:var(--teal)}.nav nav{display:flex;gap:25px;margin-left:auto;color:var(--muted);font-size:14px}.nav-actions{display:flex;gap:10px;align-items:center}.button{border:0;border-radius:9px;padding:12px 18px;background:var(--teal);color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-family:inherit}.button:hover{background:var(--teal-dark);color:#fff}.button.ghost{background:transparent;color:var(--ink)}.button.large{padding:16px 21px}.button.light{background:#fff;color:var(--navy)}.icon-button{border:1px solid var(--line);background:transparent;border-radius:9px;width:38px;height:38px;cursor:pointer}.hero{min-height:670px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.eyebrow{color:var(--teal);font-size:11px;letter-spacing:.16em;font-weight:700;margin-bottom:18px}.lede{font-size:18px;max-width:570px}.hero-actions{display:flex;gap:24px;align-items:center;margin:32px 0 54px}.text-link{color:var(--teal);font-weight:700;background:none;border:0;cursor:pointer;font-family:inherit}.trust-row{display:flex;gap:22px;font-size:10px;color:#9ba5b4;letter-spacing:.14em;font-weight:700}.hero-art{height:470px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:330px;height:330px;background:linear-gradient(145deg,#9be3d3,#c6e6f5);right:15%;top:5%;opacity:.8}.orb-b{width:160px;height:160px;background:var(--orange);right:0;bottom:12%;opacity:.68}.device-card,.mini-card{position:absolute;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(18px);border-radius:18px}.device-card{width:315px;padding:22px;right:11%;top:20%;transform:rotate(4deg)}.floating{animation:float 6s ease-in-out infinite}.device-card-top,.device-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.device-card-top{border-bottom:1px solid var(--line);padding-bottom:14px}.status-dot{width:8px;height:8px;background:#38c790;border-radius:50%;box-shadow:0 0 0 5px #d9f7e9}.tiny{margin-left:auto;color:#38a87a;font-size:10px;font-weight:700}.device-value{font-size:68px;font-family:"Space Grotesk";letter-spacing:-.06em;margin:27px 0 14px}.device-value span{font-size:20px;color:var(--muted)}.device-meta{justify-content:space-between}.device-meta b{color:var(--ink)}.sparkline{height:55px;display:flex;align-items:end;gap:7px;margin-top:20px}.sparkline i{display:block;width:19px;background:linear-gradient(var(--teal),#b3e6dc);border-radius:6px 6px 1px 1px}.sparkline i:nth-child(1){height:23%}.sparkline i:nth-child(2){height:48%}.sparkline i:nth-child(3){height:32%}.sparkline i:nth-child(4){height:75%}.sparkline i:nth-child(5){height:54%}.sparkline i:nth-child(6){height:85%}.sparkline i:nth-child(7){height:62%}.sparkline i:nth-child(8){height:91%}.sparkline i:nth-child(9){height:72%}.mini-card{padding:13px 17px;display:grid;grid-template-columns:23px 1fr;gap:0 8px;font-size:17px;color:var(--teal)}.mini-card b{color:var(--ink)}.mini-card small{grid-column:2;color:var(--muted);font-size:10px}.mini-one{left:1%;top:24%;transform:rotate(-6deg)}.mini-two{right:1%;bottom:12%;transform:rotate(-5deg)}@keyframes float{50%{transform:rotate(4deg) translateY(-10px)}}.section{padding:90px 0}.section-head{display:flex;justify-content:space-between;gap:50px;margin-bottom:42px}.section-head>p{max-width:350px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.price-card,.doc-card,.app-panel,.stat-card,.form-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px}.feature-card{min-height:260px}.feature-card.accent{background:#d9f4ee;border-color:#c3ece2}.feature-icon{font-size:32px;color:var(--teal);display:block;margin-bottom:35px}.feature-card p{font-size:14px}.feature-card a{color:var(--teal);font-weight:700;font-size:13px}.band{background:var(--navy);color:#fff;padding:70px 0}.band h2{max-width:550px}.band-inner{display:flex;justify-content:space-between;align-items:center}.footer{padding:58px max(24px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);font-size:13px}.footer-links{display:flex;gap:20px;justify-content:flex-end;flex-wrap:wrap;color:var(--muted)}.footer>.muted{text-align:right;grid-column:2;font-size:11px}.page-hero{padding:90px 0 60px}.page-hero .lede{max-width:720px}.content-grid{display:grid;grid-template-columns:1fr 260px;gap:60px;padding-bottom:100px}.side-note{border-left:1px solid var(--line);padding-left:25px;display:flex;flex-direction:column;gap:16px;color:var(--muted);font-size:14px;height:max-content}.side-note .eyebrow{margin:0}.side-note .active{color:var(--teal);font-weight:700}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.price-card{min-height:380px}.price-card h2{font-size:35px}.price-card li{padding:8px 0;color:var(--muted)}.price-card ul{padding-left:19px;margin:24px 0 28px}.price-card.dark{background:var(--navy);color:white;border-color:var(--navy)}.price-card.dark p,.price-card.dark li{color:#bdc8d5}.doc-card{margin-bottom:18px}.doc-card h2{font-size:28px}.doc-card pre{background:#152337;color:#cbf4e9;padding:20px;border-radius:10px;overflow:auto;line-height:1.6}.form-card{max-width:650px;display:grid;gap:16px}.form-card label,.modal-card label,.auth-card label{display:grid;gap:7px;font-size:13px;font-weight:700}.form-card input,.form-card textarea,.modal-card input,.modal-card textarea,.modal-card select,.auth-card input{font:inherit;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:12px;color:var(--ink)}.auth-shell{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:60px 24px}.auth-card{width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:36px;box-shadow:var(--shadow)}.auth-card form{display:grid;gap:16px}.auth-card .button{margin-top:8px;justify-content:center}.small-link,.auth-foot{font-size:13px;text-align:center;display:block;margin:20px 0 0}.muted{color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;padding:13px 18px;border-radius:9px;opacity:0;transform:translateY(10px);transition:.2s;z-index:20}.toast.show{opacity:1;transform:none}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 80px)}.app-sidebar{background:var(--navy);color:#bbc8d9;padding:27px 17px;display:flex;flex-direction:column;gap:4px}.app-sidebar .brand{color:white;margin:0 12px 35px}.sidebar-label{font-size:10px;letter-spacing:.14em;color:#65758b;padding:16px 12px 8px}.sidebar-link{display:block;border:0;background:none;color:#bbc8d9;text-align:left;font:inherit;padding:11px 12px;border-radius:8px;cursor:pointer}.sidebar-link.active,.sidebar-link:hover{background:#1d2d45;color:white}.sidebar-bottom{margin-top:auto}.app-main{padding:42px max(24px,5vw);max-width:1400px;width:100%}.app-top,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.app-top h1{font-size:43px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.stat-card{padding:22px}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{font:700 42px "Space Grotesk";display:block;margin:14px 0 7px}.app-panel{margin-top:18px}.app-panel h2{font-size:25px;margin-bottom:7px}.device-list{display:grid;gap:10px;margin-top:25px}.device-row{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding:18px 0}.device-row-icon{width:42px;height:42px;display:grid;place-items:center;background:#def5ef;color:var(--teal);border-radius:11px;font-size:20px}.device-row-main{flex:1}.device-row-main strong,.device-row-main small{display:block}.device-row-main small{color:var(--muted);margin-top:4px}.pill{background:#e8f7ef;color:#2b9a6b;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:700}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compact-list{display:grid;gap:8px;margin-top:17px}.room-item{display:flex;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:8px}.empty-state{border:1px dashed var(--line);padding:30px;text-align:center;color:var(--muted);border-radius:10px}.empty-state.small{padding:20px;font-size:13px}.modal{border:0;background:transparent;padding:0}.modal::backdrop{background:rgba(10,24,42,.55);backdrop-filter:blur(5px)}.modal-card{width:min(500px,calc(100vw - 40px));background:var(--card);border-radius:16px;border:1px solid var(--line);padding:30px;display:grid;gap:14px;position:relative}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:24px;color:var(--muted);cursor:pointer}.device-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.device-detail-head h1{font-size:44px}.control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.control-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px}.control-card small{display:block;color:var(--muted);margin-bottom:12px}.control-card button{border:1px solid var(--line);background:var(--paper);border-radius:7px;padding:8px 12px;cursor:pointer}.control-card button.selected{background:var(--teal);color:white}.secret-box{background:#152337;color:#cbf4e9;padding:20px;border-radius:10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.secret-box code{overflow:hidden;text-overflow:ellipsis}.secret-box button{border:1px solid #436078;color:white;background:transparent;border-radius:7px;padding:8px;cursor:pointer}
@media(max-width:800px){.nav{gap:12px}.nav nav{display:none}.nav-actions{margin-left:auto}.nav-actions .button.ghost{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:80px 0 30px}.hero-art{height:400px}.section-head,.band-inner{display:block}.feature-grid,.pricing-grid,.two-panels,.content-grid{grid-template-columns:1fr}.side-note{border:0;border-top:1px solid var(--line);padding:20px 0}.footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer>.muted{text-align:left;grid-column:auto}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.app-main{padding:30px 20px}.stat-grid{grid-template-columns:1fr 1fr}.control-grid{grid-template-columns:1fr 1fr}.trust-row{flex-wrap:wrap}}