@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#06254d;--blue:#20a9ed;--sky:#edf3f8;--line:#d8e2eb;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sky);color:var(--ink);font:500 16px/1.5 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:0}.topline{max-width:1450px;margin:auto;padding:13px 34px 0;display:flex;gap:24px;color:#60738a;font-size:12px;height:38px}header{max-width:1450px;margin:auto;height:76px;padding:0 32px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:9px;margin-right:auto}.logo>b{background:var(--ink);color:#fff;width:48px;height:48px;display:grid;place-items:center;font-size:22px;border-radius:3px}.logo>span{font-weight:800;letter-spacing:.07em;line-height:1}.logo small{display:block;font-size:7px;letter-spacing:.12em;margin-top:5px}nav{display:flex;background:#f8fbfd;border-radius:28px;padding:5px;box-shadow:0 8px 30px #163c6710}nav button,nav a{padding:12px 22px;border-radius:23px;background:transparent;color:var(--ink);font-weight:600;white-space:nowrap}nav .active{background:#dceef9}.city{font-size:13px;font-weight:700}.callback,.primary{background:var(--blue);color:#fff;border-radius:28px;padding:15px 24px;font-weight:700}.callback{white-space:nowrap}.primary span{margin-left:12px}.hero{max-width:1360px;margin:14px auto 0;padding:0 22px 70px;display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;min-height:630px}.hero-copy{padding:42px 0 0}.badge{display:inline-block;padding:9px 13px;border:1px solid #b8d4e7;border-radius:18px;color:#4e6e88;font-size:11px}.hero h1{font-size:clamp(52px,5vw,78px);line-height:1.05;letter-spacing:-.055em;margin:26px 0 18px}.hero-copy>p{font-size:19px;max-width:500px;color:#4b617a}.hero-copy>.primary{margin:22px 0 54px}.hero-facts{display:flex;gap:35px;color:#71849a;font-size:12px}.hero-facts b{display:block;color:var(--ink);font-size:23px}.mosaic{display:grid;grid-template-columns:1fr .78fr;grid-template-rows:1fr .72fr;gap:14px}.tile{position:relative;overflow:hidden;border-radius:34px;min-height:220px}.tile img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.5s}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03192f99,transparent 60%)}.tile span{position:absolute;z-index:1;left:26px;bottom:22px;color:white;font-size:18px}.tile:hover img{transform:scale(1.035)}.tile-business{grid-column:1;grid-row:1}.tile-video{grid-column:2;grid-row:1 / 3}.tile-video img{filter:saturate(.7)}.tile-home{grid-column:1;grid-row:2}.tile-corp{display:none}.steps,.systems{max-width:1360px;margin:0 auto;padding:120px 22px}.steps{background:#fff;border-radius:44px}.section-title{display:grid;grid-template-columns:80px 1fr;align-items:start}.section-title>span,.section-num{color:#20a9ed;font-size:12px;letter-spacing:.12em}.section-title h2,.control h2,.quiz h2{font-size:clamp(42px,5vw,72px);line-height:1.06;letter-spacing:-.05em;margin:0}.section-title h2 em,.control h2 em{font-style:normal;color:var(--blue)}.step-grid{margin:70px 0 0 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-grid article{padding:30px;border:1px solid var(--line);border-radius:26px;min-height:260px}.step-grid i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e4f5fd;color:var(--blue);font-style:normal;font-weight:800}.step-grid h3{font-size:24px;margin-top:50px}.step-grid p{color:#61758b}.object-tabs{display:flex;gap:8px;margin:55px 0 22px;overflow:auto}.object-tabs button{padding:13px 22px;border:1px solid #c7d8e5;background:transparent;color:var(--ink);border-radius:24px;white-space:nowrap}.object-tabs .active{background:var(--ink);color:#fff;border-color:var(--ink)}.system-card{background:#fff;border-radius:36px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;min-height:590px}.device-scene{position:relative;background:radial-gradient(circle at 50% 50%,#fff 0,#e5f4fc 35%,#cbe9f8 75%);display:grid;place-items:center;overflow:hidden}.rings{position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid #58bdec55;box-shadow:0 0 0 70px #36abe917,0 0 0 140px #36abe910}.hub{z-index:1;width:170px;height:205px;background:linear-gradient(140deg,#fff,#d7dee4);border-radius:22px;box-shadow:0 35px 55px #23506c2b;display:grid;place-items:center;color:var(--ink);font-size:46px;font-weight:800}.hub small{display:block;font-size:8px;letter-spacing:.15em}.sensor{position:absolute;z-index:2;padding:11px 15px;background:white;color:var(--ink);border-radius:19px;box-shadow:0 10px 30px #143b551f;font-size:11px}.s1{left:8%;top:20%}.s2{right:8%;top:32%}.s3{left:14%;bottom:17%}.system-copy{padding:64px 60px}.system-copy>small,.quiz small,dialog>small{color:var(--blue);letter-spacing:.15em;font-size:10px}.system-copy h3{font-size:44px;letter-spacing:-.04em;margin:18px 0}.system-copy p{color:#60738a}.system-copy ul{padding-left:19px;line-height:2;color:#405b75}.price{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding:25px 0;margin-top:20px}.price span{font-size:12px;color:#71849a}.price b{font-size:22px}.control{max-width:1360px;margin:20px auto 120px;border-radius:42px;background:linear-gradient(135deg,#092b56,#041b3b);color:white;padding:90px;display:grid;grid-template-columns:1fr .72fr;gap:80px;overflow:hidden}.control p{max-width:590px;color:#b3c6d9;font-size:18px}.dark{background:white;color:var(--ink);padding:14px 22px;border-radius:25px;margin-top:20px;font-weight:700}.phone-ui{background:#f4f8fb;color:var(--ink);border:10px solid #00142e;border-radius:42px 42px 0 0;padding:25px;transform:translateY(45px);box-shadow:0 30px 80px #0008}.phone-head{display:flex;justify-content:space-between;font-size:11px}.phone-head span{color:#20a76d}.object{background:white;border-radius:22px;padding:25px;margin-top:22px;text-align:center}.object small{color:#789}.object strong{display:block;font-size:18px}.shield{width:90px;height:90px;border-radius:50%;background:#dff6eb;color:#1ea86b;display:grid;place-items:center;font-size:34px;margin:24px auto}.object button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:10px 18px}.events{padding:18px;font-size:11px}.events span,.events b{display:block}.business-case{max-width:1360px;margin:0 auto 120px;padding:0 22px;display:grid;grid-template-columns:1.12fr .88fr}.case-image{min-height:640px;border-radius:38px;overflow:hidden;position:relative}.case-image img{position:absolute;width:100%;height:100%;object-fit:cover}.case-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#021a34cc,transparent)}.case-image>div{position:absolute;z-index:1;bottom:38px;left:40px;color:white}.case-image small{letter-spacing:.15em}.case-image h2{font-size:54px;line-height:1.05;margin:12px 0}.case-copy{padding:65px 0 50px 70px}.case-copy h3{font-size:45px;line-height:1.1;letter-spacing:-.04em}.case-copy p{color:#61758b}.case-copy dl{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #becddb;border-bottom:1px solid #becddb;margin:40px 0}.case-copy dl>div{padding:23px 0}.case-copy dt{font-size:28px;font-weight:800}.case-copy dd{margin:0;color:#71849a;font-size:11px}.quiz{background:#dceff9;padding:100px max(6vw,30px);display:grid;grid-template-columns:1fr .8fr;gap:80px}.quiz>div p{max-width:570px;color:#61758b}.quiz form{background:#fff;border-radius:30px;padding:36px}.quiz form h3{font-size:25px;margin-top:0}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choices input{display:none}.choices span{display:block;border:1px solid var(--line);border-radius:16px;padding:14px}.choices input:checked+span{border-color:var(--blue);background:#e8f7fe}.quiz form>input,dialog input,dialog select{width:100%;padding:16px;border:1px solid var(--line);border-radius:15px;margin:15px 0;background:#f7fafc}.quiz form>.primary{width:100%}footer{max-width:1360px;margin:auto;padding:55px 22px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}footer>div:not(.logo){display:flex;flex-direction:column;gap:7px;font-size:12px;color:#61758b}footer>div b{color:var(--ink);margin-bottom:8px}dialog{width:min(550px,92vw);border:0;border-radius:30px;padding:44px;color:var(--ink)}dialog::backdrop{background:#02172fbf;backdrop-filter:blur(8px)}dialog h2{font-size:42px;margin-bottom:8px}dialog p{color:#61758b}.close{position:absolute;right:16px;top:12px;background:transparent;font-size:28px}dialog form{display:grid}.hero,.steps,.systems,.control,.business-case{animation:rise .65s ease both}@keyframes rise{from{opacity:0;transform:translateY(15px)}}
@media(max-width:1050px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:30px}.hero-copy{padding-left:20px}.mosaic{min-height:540px}.system-card,.control,.business-case,.quiz{grid-template-columns:1fr}.case-copy{padding-left:0}.phone-ui{max-width:470px}.control{padding:65px}.business-case{gap:40px}}
@media(max-width:700px){.topline,.city{display:none}header{height:80px;padding:0 16px}.callback{font-size:11px;padding:12px}.logo>b{width:40px;height:40px}.hero{padding:10px 14px 55px}.hero h1{font-size:48px}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:280px 210px}.tile-video{grid-column:1 / 3;grid-row:2}.tile-home{grid-column:2;grid-row:1}.steps,.systems{padding:75px 15px;border-radius:24px}.section-title{grid-template-columns:1fr}.section-title>span{margin-bottom:14px}.step-grid{margin:35px 0 0;grid-template-columns:1fr}.system-card{border-radius:25px}.device-scene{min-height:430px}.system-copy{padding:38px 24px}.system-copy h3{font-size:36px}.control{margin:15px 14px 75px;padding:55px 25px;border-radius:28px}.business-case{padding:0 14px}.case-image{min-height:480px}.quiz{padding:70px 18px;gap:35px}.choices{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding:45px 20px}.hero-facts{margin-bottom:10px}}