:root{--navy:#061423;--navy-2:#0a1c2e;--green:#00f43d;--cyan:#00c9b5;--blue:#0788f7;--ink:#102238;--muted:#617083;--surface:#f4f8fb;--white:#fff;--line:#dce7ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav-wrap{position:fixed;z-index:50;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.12);transition:.25s}.nav-wrap.scrolled{background:rgba(5,18,32,.92);backdrop-filter:blur(16px)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{display:flex;align-items:center;gap:12px;font:800 25px/1 "Manrope",sans-serif;letter-spacing:-1px}.brand>span:last-child>span{color:var(--cyan)}.brand-mark{position:relative;width:34px;height:34px;display:inline-block;transform:rotate(45deg);border:2px solid var(--cyan);border-radius:12px 12px 12px 3px}.brand-mark i{position:absolute;width:5px;height:5px;background:#fff;border-radius:50%}.brand-mark i:nth-child(1){left:7px;top:7px}.brand-mark i:nth-child(2){right:7px;top:7px}.brand-mark i:nth-child(3){right:7px;bottom:7px}.brand-mark i:nth-child(4){left:7px;bottom:7px}.nav-links{display:flex;gap:36px;font-size:15px}.nav-links a{opacity:.8}.nav-links a:hover{opacity:1;color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#031421;border:0;border-radius:8px;padding:16px 23px;font-weight:700;box-shadow:0 12px 35px rgba(0,184,255,.22);transition:.2s}.button:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(0,184,255,.34)}.button-small{padding:11px 17px;font-size:14px}.hero{height:min(890px,100vh);min-height:760px;position:relative;overflow:hidden;background:var(--navy);color:#fff}.hero-bg{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,31,.97) 0%,rgba(4,17,31,.9) 28%,rgba(4,17,31,.34) 60%,rgba(4,17,31,.08) 100%),linear-gradient(0deg,rgba(4,17,31,.4),transparent 50%)}.hero-content{position:relative;padding-top:185px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:2.2px;font-size:13px;font-weight:700;color:#1289df}.eyebrow{color:#9fdbf5;display:flex;align-items:center;gap:10px}.eyebrow span{width:30px;height:2px;background:var(--cyan)}h1,h2,h3{font-family:"Manrope",sans-serif;margin:0;letter-spacing:-.045em}h1{font-size:clamp(52px,6.3vw,84px);line-height:1.02;margin:25px 0 26px;max-width:800px}h1 em{font-style:normal;color:var(--cyan)}.hero-copy{max-width:620px;font-size:20px;line-height:1.65;color:#c3d2df;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.text-link{font-weight:600;color:#dceaf4}.text-link span{color:var(--cyan);margin-left:10px}.trust-row{display:flex;gap:32px;margin-top:62px;color:#9fb2c2;font-size:14px}.trust-row b{color:var(--cyan);margin-right:7px}.network-section,.sensors-section{padding:118px 0}.section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end;margin-bottom:60px}.section-head h2,.price-copy h2,.closing h2{font-size:clamp(38px,4.3vw,59px);line-height:1.12;margin-top:14px}.section-head h2 strong,.price-copy h2 strong,.closing h2 strong{color:#087ed4}.section-head>p{font-size:18px;line-height:1.7;color:var(--muted);margin:0}.network-stage{position:relative;height:480px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#102f4b,#071827 70%);box-shadow:0 35px 80px rgba(13,44,68,.16)}.map-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(50,200,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(50,200,255,.35) 1px,transparent 1px);background-size:45px 45px;transform:perspective(600px) rotateX(45deg) scale(1.35)}.network-lines{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 5px #00cfff)}.network-lines path{fill:none;stroke:#1acbff;stroke-width:1.5;stroke-dasharray:6 8;opacity:.6;animation:dash 18s linear infinite}@keyframes dash{to{stroke-dashoffset:-200}}.node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;grid-template-columns:42px auto;grid-template-rows:1fr 1fr;color:#fff;min-width:150px;z-index:2}.node i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--cyan);background:#09233a;border-radius:50%;font-style:normal;color:var(--cyan);box-shadow:0 0 18px rgba(0,216,255,.5)}.node b{font-size:14px}.node small{font-size:11px;color:#7fb7d3}.pulse{position:absolute;left:17px;top:17px;width:50px;height:50px;border:1px solid var(--cyan);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 2.2s infinite}@keyframes pulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.3)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.network-core{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;background:rgba(7,25,41,.94);border:1px solid rgba(0,216,255,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 70px rgba(0,173,255,.25);z-index:3}.network-core .brand-mark{width:36px;height:36px;margin-bottom:12px}.network-core b{font:700 21px "Manrope"}.network-core small{color:#7fa9c2;font-size:10px;margin-top:4px}.map-label{position:absolute;color:rgba(255,255,255,.12);font:800 100px "Manrope";letter-spacing:-6px;right:40px;bottom:-15px}.audience-strip{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:28px 10px;color:#576b7d;font-size:14px}.audience-strip span{color:#97a4ae}.audience-strip b{font-weight:600}.sensors-section{background:var(--surface)}.section-head.compact{margin-bottom:50px}.sensor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sensor-card{position:relative;background:#fff;border:1px solid #e3ebf1;border-radius:18px;padding:28px;min-height:350px;overflow:hidden;box-shadow:0 10px 35px rgba(16,48,72,.05);transition:.25s}.sensor-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(16,48,72,.12)}.sensor-card.featured{background:#081d30;color:#fff;border-color:#143c59}.sensor-icon{width:52px;height:52px;display:grid;place-items:center;background:#e7f8ff;color:#007bd2;border-radius:13px;font-size:25px;margin-bottom:30px}.featured .sensor-icon{background:#123653;color:var(--cyan)}.tag{position:absolute;right:22px;top:25px;border-radius:99px;background:rgba(0,216,255,.12);color:#00bfe5;padding:6px 10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.tag.future{background:#edf2f5;color:#7a8995}.sensor-card h3{font-size:23px;margin-bottom:14px}.sensor-card p{font-size:15px;line-height:1.65;color:#657587}.featured p{color:#a9bdca}.mini-chart{position:absolute;left:28px;right:28px;bottom:25px;height:75px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid #29465a}.mini-chart i{height:var(--h);flex:1;border-radius:3px 3px 0 0;background:linear-gradient(var(--cyan),#147eff);opacity:.8}.metric{position:absolute;left:28px;right:28px;bottom:28px}.metric strong{font:700 35px "Manrope";color:#087ed4}.metric strong small{font-size:17px}.metric span{display:block;height:6px;border-radius:6px;background:#e8f0f4;margin:8px 0}.metric span i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--cyan),var(--blue))}.metric>small{color:#93a0a9}.waves{position:absolute;left:28px;right:28px;bottom:28px;height:65px}.waves i{display:block;height:15px;border-top:2px solid #19a9eb;border-radius:50%;margin:-2px 0;opacity:.3}.waves i:nth-child(2){opacity:.55}.waves i:nth-child(3){opacity:.9}.weather{position:absolute;bottom:28px;left:28px;right:28px;display:flex;align-items:end;justify-content:space-between}.weather strong{font:700 34px "Manrope";color:#087ed4}.weather span{font-size:12px;color:#7f8f9d}.price-section{padding:120px 0;background:#061726;color:#fff;overflow:hidden;position:relative}.price-section:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:#006cba;filter:blur(140px);opacity:.2;right:-250px;top:-250px}.price-layout{display:grid;grid-template-columns:1fr 470px;gap:110px;align-items:center;position:relative}.kicker.light{color:#65cfff}.price-copy h2 strong{color:var(--cyan)}.price-copy>p{color:#a8bdcc;font-size:18px;line-height:1.75;max-width:600px}.price-copy ul{list-style:none;padding:0;margin:42px 0 0}.price-copy li{border-top:1px solid #1f394d;padding:17px 0;color:#d4e0e8;font-weight:600}.price-copy li span{color:#3ca6dc;font-size:12px;margin-right:20px}.price-card{background:#fff;color:var(--ink);border-radius:22px;padding:42px;box-shadow:0 30px 100px rgba(0,0,0,.3);position:relative}.price-badge{position:absolute;right:26px;top:26px;background:#e6faff;color:#007fa9;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:800;padding:8px 11px;border-radius:99px}.price-card>p{color:#7d8c98;margin:0}.price{display:flex;align-items:flex-start;margin:4px 0 -2px}.price span{font:800 104px/1 "Manrope";letter-spacing:-8px;color:#067ed5}.price sup{font:800 32px "Manrope";color:#067ed5;margin:13px 0 0 9px}.price-card>strong{font-size:15px}.price-rule{height:1px;background:#e1e9ee;margin:28px 0}.included{display:flex;gap:13px;margin:18px 0}.included>span{width:25px;height:25px;display:grid;place-items:center;background:#e6faff;color:#008fbd;border-radius:50%;font-weight:800}.included p{display:flex;flex-direction:column;margin:0}.included b{font-size:14px}.included small{color:#83929e;margin-top:3px}.button.full{width:100%;margin-top:20px;color:#031421}.fineprint{display:block;color:#84939f;font-size:10px;line-height:1.5;margin-top:15px}.closing{text-align:center;padding:110px 0;background:#f7fafc}.closing p{font-size:18px;color:var(--muted);margin:22px 0 32px}.closing h2 strong{color:#087ed4}footer{background:#04111e;color:#fff;padding:40px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner p{color:#7f95a5;font-size:14px}.footer-inner>div{display:flex;gap:24px;color:#9badba;font-size:13px}.footer-inner .brand{font-size:21px}.footer-inner .brand-mark{width:28px;height:28px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav-links{display:none}.hero{min-height:740px}.hero-bg{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(4,17,31,.98),rgba(4,17,31,.72))}.section-head,.price-layout{grid-template-columns:1fr;gap:30px}.sensor-grid{grid-template-columns:repeat(2,1fr)}.price-layout{gap:65px}.price-card{max-width:520px}.audience-strip{flex-wrap:wrap;gap:18px}.audience-strip span{width:100%}.network-stage{height:430px}.node small{display:none}.price-copy{max-width:650px}}
@media(max-width:620px){.shell{width:min(100% - 30px,1180px)}.nav{height:70px}.nav .button{display:none}.brand{font-size:22px}.hero{height:auto;min-height:790px}.hero-content{padding-top:150px}.hero-copy{font-size:17px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{flex-direction:column;gap:12px;margin-top:38px}.network-section,.sensors-section,.price-section{padding:80px 0}.section-head h2,.price-copy h2,.closing h2{font-size:38px}.section-head{margin-bottom:38px}.network-stage{height:580px}.network-lines{display:none}.network-core{top:50%;width:135px;height:135px}.node{left:var(--x)!important}.node-traffic{--x:25%!important;--y:18%!important}.node-tree{--x:75%!important;--y:27%!important}.node-water{--x:25%!important;--y:78%!important}.node-rain{--x:75%!important;--y:84%!important}.map-label{font-size:64px}.audience-strip b{width:45%}.sensor-grid{grid-template-columns:1fr}.sensor-card{min-height:330px}.price-card{padding:32px 24px}.price{margin-top:12px}.price span{font-size:88px}.price-badge{top:20px;right:18px}.footer-inner{flex-direction:column;align-items:flex-start;gap:22px}.footer-inner>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.network-lines path,.pulse{animation:none}.reveal{opacity:1;transform:none}.button,.sensor-card{transition:none}}

/* Original KOMUNIQ brand system */
.brand{display:flex;align-items:center;gap:0;font:inherit;letter-spacing:normal}
.brand img{display:block;width:245px;height:auto}
.button{background:linear-gradient(135deg,var(--green),var(--cyan) 48%,var(--blue));box-shadow:0 12px 35px rgba(0,213,133,.22)}
.button:hover{box-shadow:0 16px 42px rgba(0,213,133,.34)}
.nav-links a:hover{color:var(--green)}
.network-core img{width:62px;height:62px;object-fit:contain;margin-bottom:7px}
.network-core b{font:800 18px "Manrope",sans-serif;letter-spacing:.08em}
.footer-inner .brand img{width:220px}
.network-status{position:absolute;top:22px;left:26px;z-index:4;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(94,221,255,.25);border-radius:99px;background:rgba(5,28,46,.72);color:#c8eefa;font-size:11px;font-weight:700;letter-spacing:.02em}.network-status span{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:status-blink 1.8s ease-in-out infinite}@keyframes status-blink{50%{opacity:.35}}.sensor-point{position:absolute;left:var(--x);top:var(--y);z-index:2;display:flex;align-items:center;gap:7px;color:#a9d9ed;font-size:10px;white-space:nowrap;transform:translate(-50%,-50%)}.sensor-point span{width:11px;height:11px;border:2px solid #7eeaff;border-radius:50%;background:#0e4e6f;box-shadow:0 0 0 5px rgba(0,204,255,.1),0 0 14px rgba(0,216,255,.7)}.sensor-point small{opacity:.9}.sensor-point:nth-of-type(even) span{border-color:var(--green);background:#0d6149;box-shadow:0 0 0 5px rgba(0,244,61,.09),0 0 14px rgba(0,244,61,.55)}

@media(max-width:620px){.brand img{width:190px}.network-status{top:16px;left:16px}.sensor-point small{display:none}.sensor-point span{width:9px;height:9px}.traffic-a{--x:15%!important;--y:58%!important}.traffic-b{--x:14%!important;--y:68%!important}.tree-a{--x:37%!important;--y:18%!important}.tree-b{--x:52%!important;--y:17%!important}.water-a{--x:67%!important;--y:39%!important}.water-b{--x:84%!important;--y:66%!important}.rain-a{--x:89%!important;--y:18%!important}.rain-b{--x:88%!important;--y:40%!important}}
@media(prefers-reduced-motion:reduce){.network-status span{animation:none}}

/* Hardware section */
.hardware-section{padding:118px 0;background:#fff}.hardware-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:110px;align-items:center}.hardware-image-wrap{position:relative;height:570px;overflow:hidden;border-radius:22px;box-shadow:0 28px 65px rgba(16,48,72,.16)}.hardware-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,20,35,.32))}.hardware-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}.hardware-badge{position:absolute;z-index:1;left:24px;bottom:22px;display:inline-flex;align-items:center;gap:8px;border-radius:99px;padding:9px 13px;background:rgba(5,25,41,.84);color:#dcf8ff;font-size:12px;font-weight:700}.hardware-badge:before{content:"☀";color:var(--green);font-size:15px}.hardware-copy h2{font-size:clamp(38px,4.3vw,59px);line-height:1.12;margin:14px 0 22px}.hardware-copy h2 strong{color:#087ed4}.hardware-copy>p{max-width:520px;margin:0;color:var(--muted);font-size:18px;line-height:1.72}.hardware-copy ul{list-style:none;padding:0;margin:34px 0 0}.hardware-copy li{display:flex;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.hardware-copy li>span{flex:0 0 25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e6faff;color:#008fbd;font-size:13px;font-weight:800}.hardware-copy li div{display:flex;flex-direction:column;gap:3px}.hardware-copy li b{font-size:15px}.hardware-copy li small{color:#728293;font-size:13px}
@media(max-width:900px){.hardware-layout{grid-template-columns:1fr;gap:45px}.hardware-image-wrap{max-width:570px;height:520px}.hardware-copy{max-width:650px}}
@media(max-width:620px){.hardware-section{padding:80px 0}.hardware-image-wrap{height:440px;border-radius:17px}.hardware-copy h2{font-size:38px}.hardware-copy>p{font-size:16px}.hardware-badge{left:16px;bottom:16px}}

/* Legal pages */
.legal-page{min-height:100vh;display:flex;flex-direction:column;background:#f4f8fb}.legal-nav{position:relative;background:#061423;border-bottom:0}.legal-content{width:min(820px,calc(100% - 48px));padding:92px 0 110px;flex:1}.legal-content h1{font-size:clamp(46px,6vw,68px);margin:14px 0 48px}.legal-copy{background:#fff;border:1px solid #e3ebf1;border-radius:20px;padding:46px 52px;box-shadow:0 18px 50px rgba(16,48,72,.08)}.legal-copy section+section{border-top:1px solid #e3ebf1;margin-top:34px;padding-top:34px}.legal-copy h2{font-size:23px;line-height:1.25;margin-bottom:14px}.legal-copy h3{font-size:16px;letter-spacing:0;margin:24px 0 7px}.legal-copy p{margin:0;color:#53677a;line-height:1.7}.legal-copy a{color:#087ed4;text-decoration:underline;text-underline-offset:3px}.legal-page footer{margin-top:auto}@media(max-width:620px){.legal-content{width:min(100% - 30px,820px);padding:62px 0 72px}.legal-content h1{margin-bottom:30px}.legal-copy{padding:30px 23px;border-radius:15px}.legal-copy section+section{margin-top:27px;padding-top:27px}}