:root{--bg:#050b13;--bg2:#081426;--panel:rgba(12,29,50,.78);--line:rgba(112,174,239,.18);--text:#f5f9ff;--muted:#9db2ca;--blue:#2286ff;--cyan:#55c7ff;--green:#58e58b;--shadow:0 24px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 8%,#0c2341 0,transparent 34%),radial-gradient(circle at 85% 18%,#071f43 0,transparent 28%),linear-gradient(180deg,var(--bg2),var(--bg));min-height:100vh}.page-shell{overflow:hidden;position:relative}.page-shell:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(74,148,219,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(74,148,219,.15) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 75%)}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font-size:1.2rem;font-weight:800;letter-spacing:.03em}.brand-port{width:34px;height:28px;border:2px solid #cbd9e8;border-radius:5px;display:flex;align-items:flex-start;justify-content:center;gap:1px;padding:5px 4px;background:#07111c;box-shadow:0 0 18px rgba(53,151,255,.25)}.brand-port i{display:block;width:2px;height:7px;background:#d9a83f}.header-link{color:#a9bfd8;text-decoration:none;font-size:.95rem}.header-link:hover{color:#fff}.hero{min-height:530px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-block:36px 58px;position:relative}.hero:after{content:"";position:absolute;width:550px;height:550px;right:-250px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(38,132,255,.16),transparent 65%);filter:blur(10px)}.port-stage{position:relative;display:grid;place-items:center;min-height:410px}.port-glow{position:absolute;width:78%;height:42%;bottom:7%;border-radius:50%;background:rgba(21,133,255,.32);filter:blur(45px)}.rj45{position:relative;width:min(100%,480px);aspect-ratio:1.12/1;border-radius:38px;padding:48px;background:linear-gradient(145deg,#172a46,#07101e 58%,#13243b);box-shadow:inset 2px 2px 2px rgba(255,255,255,.25),inset -10px -14px 35px rgba(0,0,0,.6),0 30px 65px rgba(0,0,0,.55),0 0 0 2px rgba(114,170,232,.75),0 0 34px rgba(32,132,255,.22)}.rj45:before{content:"";position:absolute;inset:13px;border-radius:29px;border:1px solid rgba(136,195,255,.2)}.rj45-inner{height:100%;position:relative;border-radius:18px;background:linear-gradient(180deg,#020509,#090d13);border:3px solid #9ba9b7;box-shadow:inset 0 0 40px #000,0 0 0 5px #111927}.rj45-led{position:absolute;top:82px;width:43px;height:25px;border-radius:6px;background:#c8ff68;box-shadow:0 0 12px #75ff3d,inset 0 0 8px #fff;z-index:2}.rj45-led-left{left:70px}.rj45-led-right{right:70px}.contacts{height:76px;display:flex;justify-content:center;gap:10px;padding-top:20px}.contacts span{width:17px;height:50px;background:linear-gradient(90deg,#7d4e05,#ffe08b,#a66508);clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.ip-in-port{position:absolute;left:20px;right:20px;top:52%;transform:translateY(-50%);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:#70d3ff;text-align:center;text-shadow:0 0 8px #1c91ff,0 0 25px rgba(28,145,255,.8);letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.port-notch{position:absolute;width:42%;height:74px;bottom:-2px;left:29%;background:#090d13;border:3px solid #9ba9b7;border-bottom:0;clip-path:polygon(0 0,20% 0,20% 25%,80% 25%,80% 0,100% 0,100% 100%,0 100%)}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:#75baff;font-weight:800;margin:0 0 11px}.hero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:.96;margin:0;letter-spacing:-.045em}.hero h1 span{color:#2c8fff}.lead{max-width:560px;color:#c5d2e0;font-size:1.15rem;line-height:1.65;margin:28px 0}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.button{border:0;border-radius:10px;padding:15px 22px;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.035em;cursor:pointer;transition:.2s transform,.2s background,.2s opacity}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:linear-gradient(180deg,#278dff,#1262d2);box-shadow:0 12px 30px rgba(16,100,220,.35)}.button-secondary{background:rgba(8,17,29,.6);border:1px solid rgba(196,220,245,.55)}.status-line{font-size:.86rem;color:var(--muted);min-height:1.4em;margin:17px 0 0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.stat-card,.panel{background:linear-gradient(145deg,rgba(14,35,59,.92),rgba(6,17,30,.88));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.stat-card{border-radius:13px;padding:22px 20px;min-width:0}.stat-icon{width:40px;height:40px;border:1px solid #288cff;border-radius:50%;display:grid;place-items:center;color:#48a6ff;font-weight:800;margin-bottom:18px}.stat-card h2{font-size:.86rem;margin:0 0 18px;color:#d7e5f5}.stat-value{font-size:1.08rem;font-weight:700;margin:0 0 12px;overflow-wrap:anywhere}.stat-value.small{font-size:.78rem;line-height:1.5}.stat-note{font-size:.76rem;color:#87a1bc;margin:0;overflow-wrap:anywhere}.stat-note.good{color:var(--green)}.mono{font-family:Consolas,"SFMono-Regular",monospace}.panel{border-radius:14px;margin-top:18px;padding:28px}.section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.section-heading .eyebrow{margin:0}.section-heading h2{margin:0;font-size:1.25rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:30px}.detail-list{margin:0}.detail-list div{display:grid;grid-template-columns:42% 58%;gap:10px;padding:11px 0;border-bottom:1px solid rgba(100,160,220,.12)}.detail-list dt{color:#8ca3bc;font-size:.82rem}.detail-list dd{margin:0;font-size:.84rem;overflow-wrap:anywhere}.connection-card{border-radius:13px;padding:22px;background:radial-gradient(circle at 50% 28%,rgba(25,129,250,.22),transparent 48%),rgba(5,14,25,.72);border:1px solid rgba(54,141,231,.2);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.radar{width:94px;height:94px;border:1px solid rgba(64,155,255,.55);border-radius:50%;position:relative;margin-bottom:15px;background:repeating-radial-gradient(circle,transparent 0 15px,rgba(53,146,247,.12) 16px 17px)}.radar:before,.radar:after{content:"";position:absolute;background:rgba(64,155,255,.35)}.radar:before{width:1px;height:100%;left:50%}.radar:after{height:1px;width:100%;top:50%;left:0}.radar span{position:absolute;width:8px;height:8px;border-radius:50%;background:#5fd4ff;top:24%;left:66%;box-shadow:0 0 16px #44b6ff}.connection-label{font-size:.72rem;color:#85a0bb;text-transform:uppercase;letter-spacing:.12em;margin:0}.connection-value{font-size:1.35rem;font-weight:800;color:var(--green);margin:8px 0}.connection-text,.privacy-note{font-size:.78rem;color:#91a8c1;line-height:1.5}.privacy-note{margin:18px 0 0}.flow-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.flow-item{width:16%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.flow-symbol{font-size:2.4rem;color:#c9d8e8}.flow-item.active .flow-symbol{color:#36a6ff;text-shadow:0 0 20px #2b85ff}.flow-item strong{font-size:.88rem}.flow-item small{font-size:.72rem;line-height:1.45;color:#8ea5bd}.flow-arrow{color:#2385e9;font-size:1.6rem}.explanation{display:grid;grid-template-columns:1fr 260px;gap:50px;align-items:center;margin-bottom:34px}.explanation h2{font-size:1.7rem;margin:0 0 20px}.explanation p{color:#a8bad0;line-height:1.7;font-size:.9rem}.info-badge{border:1px solid rgba(61,151,250,.35);border-radius:14px;padding:24px;background:rgba(3,13,24,.55)}.info-badge>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#1779e7;font-weight:900;margin-bottom:14px}.info-badge strong{font-size:1rem}.info-badge p{margin-bottom:0;font-size:.8rem}.site-footer{border-top:1px solid var(--line);padding:28px 0;color:#8ca3bc}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner div{display:flex;flex-direction:column;gap:6px}.footer-inner strong{color:#d8e6f6}.footer-inner small{font-size:.76rem}@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:24px;text-align:center}.hero-copy{max-width:720px;margin:auto}.lead{margin-inline:auto}.hero-actions{justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.stat-card:last-child{grid-column:1/-1}.detail-grid{grid-template-columns:1fr 1fr}.connection-card{grid-column:1/-1}.flow-row{flex-wrap:wrap}.flow-item{width:28%}.flow-arrow{display:none}}@media(max-width:650px){.container{width:min(100% - 24px,1180px)}.site-header{height:72px}.header-link{display:none}.hero{padding-top:10px;min-height:auto}.port-stage{min-height:300px}.rj45{width:320px;padding:34px;border-radius:27px}.rj45-led{top:58px;width:31px;height:18px}.rj45-led-left{left:49px}.rj45-led-right{right:49px}.contacts{gap:6px;height:55px}.contacts span{width:11px;height:35px}.port-notch{height:54px}.hero h1{font-size:2.75rem}.stats{grid-template-columns:1fr}.stat-card:last-child{grid-column:auto}.panel{padding:20px}.section-heading{display:block}.section-heading h2{margin-top:7px}.detail-grid{grid-template-columns:1fr}.connection-card{grid-column:auto}.flow-row{display:grid;grid-template-columns:1fr 1fr}.flow-item{width:auto}.explanation{grid-template-columns:1fr;gap:20px}.footer-inner{align-items:flex-start;gap:20px;flex-direction:column}}