:root{
  --bg:#050b12;--bg2:#08131f;--panel:#0b1826;--panel2:#0f1f30;
  --line:rgba(255,255,255,.09);--text:#f5f8fc;--muted:#879bb0;
  --blue:#168cff;--cyan:#29b8ff;--green:#30d88f;--orange:#ffae4d;
  --shell:1240px;--shadow:0 30px 100px rgba(0,0,0,.38)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.shell{width:min(calc(100% - 44px),var(--shell));margin:auto}
.site-header{position:sticky;top:0;z-index:60;background:rgba(5,11,18,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 10px 35px rgba(0,0,0,.14)}
.nav{min-height:74px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px}
.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#1175ff,#2bbcff);font-weight:950;box-shadow:0 10px 28px rgba(20,135,255,.24)}
.brand-copy b,.brand-copy small{display:block}.brand-copy b{font-size:15px;letter-spacing:.08em}.brand-copy small{font-size:7px;color:#73baff;letter-spacing:.2em;font-weight:900}
.nav nav{display:flex;gap:24px;margin-left:auto}.nav nav a{font-size:12px;color:#b2c1d0;font-weight:650}.nav nav a:hover{color:#fff}
.nav-actions{display:flex;gap:9px}
.btn{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid #188cff;background:#168cff;color:#fff;font-size:12px;font-weight:850;transition:.18s ease;box-shadow:0 10px 28px rgba(22,140,255,.15)}
.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}
.btn.ghost{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.15);box-shadow:none}
.btn.light{background:#fff;border-color:#fff;color:#07111c}
.btn.large{min-height:52px;padding:0 22px}
.eyebrow{font-size:9px;font-weight:950;letter-spacing:.17em;color:#39a9ff;text-transform:uppercase}
.hero{position:relative;overflow:hidden;background:
radial-gradient(circle at 78% 22%,rgba(32,132,255,.22),transparent 29%),
radial-gradient(circle at 64% 68%,rgba(26,200,255,.07),transparent 24%),
linear-gradient(135deg,#050b12 0%,#071523 52%,#08254a 100%)}
.hero:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px}
.hero-grid{position:relative;z-index:2;min-height:700px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;padding:65px 0 50px}
.hero h1{font-size:clamp(50px,6vw,82px);line-height:.94;letter-spacing:-.055em;margin:19px 0 22px;max-width:700px}
.hero h1 span{color:#2d9fff}
.hero-copy>p{max-width:630px;color:#a8b8c8;font-size:16px;line-height:1.72}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}
.hero-badges{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.hero-badges span{padding:7px 10px;border-radius:999px;border:1px solid rgba(55,159,255,.16);background:rgba(19,85,150,.08);color:#9bb1c7;font-size:9px}
.network-stage{height:520px;position:relative}
.orbit{position:absolute;border:1px solid rgba(54,151,255,.13);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.o1{width:410px;height:410px}.o2{width:305px;height:305px}.o3{width:200px;height:200px}
.core-node{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#177bd7,#0c3260 60%,#071626);border:1px solid rgba(63,168,255,.28);box-shadow:0 0 70px rgba(23,125,230,.20),inset 0 0 30px rgba(255,255,255,.04)}
.core-node small,.core-node b,.core-node span{display:block}.core-node small{font-size:7px;color:#73b9f2}.core-node b{font-size:18px}.core-node span{font-size:7px;color:#8aa1b8}
.node{position:absolute;z-index:4;min-width:120px;padding:13px 15px;border:1px solid rgba(64,165,255,.22);border-radius:13px;background:rgba(10,24,38,.94);backdrop-filter:blur(10px);box-shadow:0 18px 45px rgba(0,0,0,.24)}
.node small,.node b{display:block}.node small{font-size:7px;color:#6e8499}.node b{font-size:11px;margin-top:3px}
.node.internet{left:50%;top:17px;transform:translateX(-50%)}.node.router{right:18px;top:150px}.node.wifi{right:42px;bottom:80px}.node.hotspot{left:50%;bottom:16px;transform:translateX(-50%)}.node.remote{left:32px;bottom:95px}.node.sites{left:0;top:155px}
.link{position:absolute;z-index:1;background:linear-gradient(90deg,transparent,rgba(40,156,255,.38),transparent);height:1px}.l1{width:310px;left:110px;top:220px;transform:rotate(8deg)}.l2{width:300px;right:70px;top:310px;transform:rotate(-18deg)}.l3{width:250px;left:170px;bottom:130px;transform:rotate(48deg)}
.status-card{position:absolute;z-index:5;right:34px;top:56px;padding:12px 14px;border:1px solid rgba(48,216,143,.18);border-radius:14px;background:rgba(9,24,35,.95);display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.status-card>span{width:10px;height:10px;border-radius:50%;background:#30d88f;box-shadow:0 0 18px rgba(48,216,143,.6)}.status-card b,.status-card small{display:block}.status-card b{font-size:10px}.status-card small{font-size:7px;color:#70859a}
.value-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:32px}
.value-strip>div{min-height:90px;padding:17px 18px;border-top:1px solid rgba(54,159,255,.23);border-bottom:1px solid var(--line);background:rgba(8,19,31,.78)}.value-strip>div+div{border-left:1px solid var(--line)}.value-strip span{font-size:8px;color:#3aa7ff;font-weight:900}.value-strip b,.value-strip small{display:block}.value-strip b{font-size:11px;margin-top:8px}.value-strip small{font-size:8px;color:#71869b}
.section{padding:110px 0}.section-heading{max-width:790px;margin-bottom:48px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section h2{font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.045em;margin:12px 0 16px}.section h2 span{color:#2c9fff}.section-heading p,.architecture-copy>p,.method-grid>div>p{color:#879cb0}
.solutions{background:linear-gradient(180deg,#07111b,#091724)}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.solution-card{min-height:335px;padding:24px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(180deg,#0c1927,#091521);transition:.18s ease}.solution-card:hover{transform:translateY(-4px);border-color:rgba(52,165,255,.31);box-shadow:0 22px 60px rgba(0,0,0,.18)}.solution-card.accent{background:linear-gradient(145deg,#0d2440,#0c1a29);border-color:rgba(43,156,255,.28)}
.solution-card .icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(34,149,255,.1);color:#37a8ff;font-size:21px}.solution-card small{display:block;margin-top:26px;color:#3f94dd;font-size:8px;font-weight:900;letter-spacing:.13em}.solution-card h3{font-size:22px;margin:8px 0}.solution-card p{font-size:12px;color:#8296aa;min-height:75px}.solution-card ul{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:6px}.solution-card li{font-size:8px;color:#9cb0c4;padding:6px 8px;border-radius:999px;background:#0f2132;border:1px solid rgba(255,255,255,.06)}
.architecture{background:#050b12}.architecture-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center}.checks{display:grid;gap:10px;margin-top:27px;color:#bdd0e1;font-size:12px}.checks span::first-letter{color:#2ea5ff}
.architecture-flow{padding:30px;border:1px solid rgba(58,161,255,.18);border-radius:22px;background:linear-gradient(180deg,#0b1826,#08121d);box-shadow:0 30px 90px rgba(0,0,0,.25);display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px}
.flow-step{min-height:130px;padding:16px 10px;border-radius:13px;background:#0c1926;border:1px solid var(--line);text-align:center;display:grid;align-content:center}.flow-step.blue{background:linear-gradient(180deg,#0c2a4e,#0b1c2c);border-color:rgba(45,153,255,.23)}.flow-step span{font-size:8px;color:#339ef7;font-weight:900}.flow-step b{font-size:10px;margin-top:9px}.flow-step small{font-size:7px;color:#708398;margin-top:4px}.architecture-flow>i{font-style:normal;color:#52718e}
.monitor-rail{grid-column:1/-1;margin-top:14px;padding:13px 16px;border-radius:11px;background:linear-gradient(90deg,#0d6cca,#1499ff);display:flex;justify-content:space-between;gap:18px;align-items:center}.monitor-rail b{font-size:10px}.monitor-rail span{font-size:8px;color:#d8efff}
.brands{background:#08131f}.brands-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.brand-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.brand-cards article{min-height:110px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#0b1825;display:flex;align-items:center;gap:14px}.brand-symbol{width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#123964,#0c1e31);display:grid;place-items:center;color:#4eb1ff;font-weight:950}.brand-cards b,.brand-cards small{display:block}.brand-cards b{font-size:13px}.brand-cards small{font-size:8px;color:#74889c;margin-top:3px}
.usages{background:#07111b}.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.usage-grid article{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#0b1825}.usage-visual{height:170px;position:relative}.usage-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(2,7,12,.55))}
.usage-visual.hotel{background:radial-gradient(circle at 65% 30%,#6d4a33,#1c1c20 55%,#0d1219)}.usage-visual.cafe{background:radial-gradient(circle at 35% 40%,#5d331e,#1b1716 60%,#0c1117)}.usage-visual.office{background:radial-gradient(circle at 65% 35%,#244563,#151d27 58%,#0b1017)}.usage-visual.school{background:radial-gradient(circle at 45% 40%,#23486e,#101b28 60%,#0b1118)}
.usage-grid small,.usage-grid h3,.usage-grid p{margin-left:18px;margin-right:18px}.usage-grid small{display:block;margin-top:18px;color:#3c98e5;font-size:8px;font-weight:900;letter-spacing:.12em}.usage-grid h3{font-size:18px;margin-top:7px;margin-bottom:8px}.usage-grid p{font-size:10px;color:#8195a8;margin-bottom:20px}
.method{background:#091522}.method-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.method-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.method-steps>div{min-height:150px;padding:21px;border-top:1px solid rgba(51,159,255,.28);background:#0b1825}.method-steps span{font-size:8px;color:#329ff5;font-weight:900}.method-steps b,.method-steps small{display:block}.method-steps b{font-size:18px;margin-top:25px}.method-steps small{font-size:9px;color:#778ca0;margin-top:5px}
.assistant-link{background:#050b12}.assistant-box{padding:36px;border:1px solid rgba(49,159,255,.2);border-radius:24px;background:
radial-gradient(circle at 70% 30%,rgba(24,132,255,.16),transparent 27%),
linear-gradient(145deg,#0a1928,#08131f);display:grid;grid-template-columns:.75fr 1.05fr auto;gap:32px;align-items:center}.assistant-box h2{font-size:36px;margin:9px 0}.assistant-box p{color:#8297aa;max-width:430px}.assistant-ui{height:210px;border:1px solid rgba(63,164,255,.25);border-radius:15px;background:#08131f;display:grid;grid-template-columns:90px 1fr;overflow:hidden}.ui-sidebar{padding:12px 9px;border-right:1px solid var(--line)}.ui-sidebar b,.ui-sidebar span{display:block}.ui-sidebar b{font-size:10px;margin-bottom:14px}.ui-sidebar span{font-size:7px;color:#6f8397;padding:7px}.ui-sidebar .active{background:#1178df;color:#fff;border-radius:6px}.ui-main{padding:15px}.ui-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ui-kpis i{height:42px;border:1px solid var(--line);border-radius:8px;background:#0c1b2a}.ui-chart{height:105px;margin-top:9px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(180deg,rgba(26,143,255,.18),transparent);clip-path:polygon(0 82%,14% 68%,25% 76%,38% 48%,52% 58%,64% 35%,76% 47%,88% 20%,100% 30%,100% 100%,0 100%)}
.cta{padding:0 0 50px;background:#050b12}.cta-box{min-height:220px;padding:42px;border-radius:24px;background:
radial-gradient(circle at 90% 18%,rgba(89,192,255,.28),transparent 25%),
linear-gradient(120deg,#0d3d7d,#0875c8);display:flex;justify-content:space-between;align-items:center;gap:35px}.cta-box h2{font-size:34px;letter-spacing:-.03em;margin:8px 0}.cta-box p{color:#c3ddf2;max-width:650px;margin:0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
footer{background:#04090e;border-top:1px solid var(--line);padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:38px}.footer-grid>div:first-child p{font-size:10px;color:#75899c;max-width:350px}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:8px}.footer-grid>div:not(:first-child)b{font-size:10px;margin-bottom:6px}.footer-grid a{font-size:9px;color:#8397aa}.footer-bottom{margin-top:42px;padding-top:18px;border-top:1px solid var(--line);font-size:8px;color:#5f7387}
:focus-visible{outline:2px solid #42b3ff;outline-offset:4px}
::selection{background:#168cff;color:#fff}
@media(max-width:1080px){.nav nav{display:none}.hero-grid,.architecture-grid,.brands-grid,.method-grid{grid-template-columns:1fr}.network-stage{min-height:520px}.solution-grid{grid-template-columns:repeat(2,1fr)}.usage-grid{grid-template-columns:repeat(2,1fr)}.assistant-box{grid-template-columns:1fr}.assistant-ui{min-height:230px}.value-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.shell{width:min(calc(100% - 28px),var(--shell))}.nav-actions .ghost{display:none}.hero-grid{padding-top:48px}.hero h1{font-size:47px}.hero-copy>p{font-size:14px}.hero-actions .btn{width:100%}.network-stage{height:460px}.o1{width:330px;height:330px}.o2{width:250px;height:250px}.o3{width:165px;height:165px}.core-node{width:120px;height:120px}.node{min-width:100px;padding:10px}.node.router{right:0}.node.sites{left:0}.status-card{right:0;top:15px}.value-strip,.solution-grid,.usage-grid,.method-steps,.brand-cards{grid-template-columns:1fr}.value-strip>div+div{border-left:0}.section{padding:82px 0}.section h2{font-size:39px}.architecture-flow{grid-template-columns:1fr;gap:8px}.architecture-flow>i{transform:rotate(90deg);text-align:center}.monitor-rail{grid-column:1;display:block}.monitor-rail span{display:block;margin-top:5px}.cta-box{display:block;padding:28px}.cta-actions{margin-top:24px}.cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* NETWORK V1 viewport polish */
@media (min-width:1090px) and (max-height:850px){
  .site-header .nav{min-height:66px}
  .hero-grid{min-height:610px;padding:42px 0 28px;gap:40px}
  .hero h1{font-size:clamp(48px,5.2vw,70px);line-height:.93;margin:15px 0 18px}
  .hero-copy>p{font-size:14px;line-height:1.62;max-width:600px}
  .hero-actions{margin-top:20px}
  .hero-badges{margin-top:18px}
  .network-stage{height:455px}
  .o1{width:360px;height:360px}
  .o2{width:270px;height:270px}
  .o3{width:180px;height:180px}
  .core-node{width:135px;height:135px}
  .value-strip>div{min-height:82px;padding:14px 16px}
}