:root{--bg:#050d18;--surface:#091423;--surface-2:#0d1b2e;--line:rgba(136,176,230,.15);--text:#f4f8ff;--muted:#93a4b9;--blue:#3e72d1;--bright:#64a0ff;--cyan:#31d9ff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:90px;position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 64px),var(--max));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:flex;align-items:center;gap:12px;font:700 22px Space Grotesk;letter-spacing:.08em}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:white}.brand-mark img{width:48px;height:41px;object-fit:cover;object-position:center 27%}.desktop-nav{display:flex;gap:38px;font-size:13px;font-weight:600;color:#c8d4e3}.desktop-nav a{transition:.25s}.desktop-nav a:hover{color:var(--bright)}.header-cta{border:1px solid rgba(255,255,255,.25);padding:12px 17px;font-size:12px;font-weight:700;border-radius:2px}.header-cta span,.button span{color:var(--bright);margin-left:8px}.menu-toggle{display:none;border:0;background:none;color:white}.hero{min-height:800px;height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,20,.97) 0%,rgba(3,10,20,.7) 40%,rgba(3,10,20,.12) 75%),linear-gradient(0deg,var(--bg),transparent 20%),url('assets/hero-datacenter.png') 58% center/cover no-repeat;transform:scale(1.01)}.hero-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(86,139,218,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(86,139,218,.1) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,black,transparent 75%)}.hero-content{position:relative;z-index:2;width:min(calc(100% - 64px),var(--max));margin:auto;padding-top:65px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:.22em;color:#8fa8c9}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow span{width:32px;height:1px;background:var(--bright);box-shadow:0 0 8px var(--bright)}h1,h2{font-family:Space Grotesk,sans-serif;margin:0;letter-spacing:-.055em}h1{font-size:clamp(64px,7.2vw,112px);line-height:.87;max-width:800px;font-weight:600}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(112,166,255,.9)}.hero-copy{max-width:560px;color:#acbbce;font-size:16px;line-height:1.75;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:34px}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 22px;font-size:12px;font-weight:800;letter-spacing:.03em;border-radius:2px;transition:.3s}.button.primary{background:linear-gradient(135deg,#315fbd,#427ce2);box-shadow:0 16px 50px rgba(39,100,220,.25)}.button:hover{transform:translateY(-3px);box-shadow:0 18px 55px rgba(39,100,220,.4)}.text-link{font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px}.play{border:1px solid rgba(255,255,255,.3);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.live-card{position:absolute;right:max(32px,calc((100vw - var(--max))/2));bottom:80px;border-left:2px solid var(--bright);background:rgba(4,14,28,.65);backdrop-filter:blur(10px);padding:14px 18px;display:flex;align-items:center;gap:28px;z-index:3}.live-card small,.live-card strong{display:block}.live-card small{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#8092a9}.live-card strong{font-size:14px;margin-top:3px}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4effb0;box-shadow:0 0 10px #4effb0;margin-right:7px}.signal{height:26px;display:flex;gap:3px;align-items:flex-end}.signal i{display:block;width:2px;background:var(--bright);animation:signal 1.3s infinite}.signal i:nth-child(1){height:8px}.signal i:nth-child(2){height:14px;animation-delay:.2s}.signal i:nth-child(3){height:22px;animation-delay:.1s}.signal i:nth-child(4){height:17px;animation-delay:.4s}.signal i:nth-child(5){height:24px;animation-delay:.3s}@keyframes signal{50%{height:6px;opacity:.5}}.scroll-label{position:absolute;z-index:2;bottom:45px;left:24px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.2em;color:#6e7d90}.scroll-label span{display:inline-block;height:45px;width:1px;background:#5c7ca8;margin-top:12px}.trust-strip{height:105px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - var(--max))/2));background:#07111e}.trust-strip p{font-size:9px;letter-spacing:.22em;color:#708299}.trust-strip div{display:flex;align-items:center;gap:30px;color:#72839b;font:600 10px Space Grotesk;letter-spacing:.12em}.trust-strip b{color:#315fbd}.section{padding:130px max(32px,calc((100vw - var(--max))/2))}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}.section-heading h2,.method h2,.about h2,.cta-section h2{font-size:clamp(46px,5vw,76px);line-height:1}.kicker{color:#5477a8;margin:0 0 26px}.section-heading>p{max-width:410px;color:var(--muted);line-height:1.8;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{position:relative;min-height:470px;padding:32px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(8,20,35,.55);overflow:hidden;transition:.35s}.service-card:hover{background:#0b1b30;transform:translateY(-5px);box-shadow:0 25px 70px rgba(0,0,0,.25)}.service-card.featured{background:linear-gradient(160deg,rgba(26,67,124,.55),rgba(7,18,32,.8))}.card-number{font:500 10px Space Grotesk;color:#537096;letter-spacing:.15em}.icon-box{font-size:26px;color:#73a5f5;margin-top:88px}.service-card h3{font:600 20px Space Grotesk;margin:20px 0 14px}.service-card p{font-size:12px;line-height:1.7;color:#8293aa;min-height:64px}.service-card ul{list-style:none;padding:16px 0 0;border-top:1px solid var(--line)}.service-card li{font-size:10px;color:#aab7c8;padding:5px 0}.service-card li:before{content:'—';color:#477bd1;margin-right:8px}.service-card>a{position:absolute;right:28px;bottom:28px;width:35px;height:35px;border:1px solid var(--line);display:grid;place-items:center;color:#7da7e9}.service-visual{position:absolute;inset:0;opacity:.38;pointer-events:none}.network-visual{background:radial-gradient(circle at 50% 30%,rgba(36,106,219,.5),transparent 32%)}.node{position:absolute;width:6px;height:6px;background:#65a4ff;border-radius:50%;box-shadow:0 0 12px #65a4ff}.n1{top:18%;left:20%}.n2{top:29%;left:65%}.n3{top:45%;left:39%}.n4{top:15%;left:78%}.method{background:#07111f;display:grid;grid-template-columns:1fr 1fr;gap:120px}.method-copy>p:not(.kicker){color:var(--muted);font-size:14px;line-height:1.9;max-width:520px;margin:28px 0}.button.outline{border:1px solid #29496f}.steps{border-top:1px solid var(--line)}.steps article{display:grid;grid-template-columns:60px 1fr;padding:28px 4px;border-bottom:1px solid var(--line);transition:.3s}.steps article:hover{padding-left:15px;background:linear-gradient(90deg,rgba(31,75,137,.16),transparent)}.steps span{font:500 10px Space Grotesk;color:#4677bf}.steps h3{font:600 19px Space Grotesk;margin:0 0 8px}.steps p{font-size:12px;color:#7d8fa5;margin:0;line-height:1.6}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:120px;align-items:center}.about-stat{aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgba(44,106,204,.25),transparent 55%),linear-gradient(135deg,#08182c,#06101c);border:1px solid var(--line);display:grid;place-content:center;text-align:center;position:relative}.about-stat:after,.about-stat:before{content:'';position:absolute;inset:12%;border:1px solid rgba(89,137,208,.12);transform:rotate(45deg)}.about-stat:after{inset:25%}.about-stat span{font:700 clamp(50px,7vw,100px) Space Grotesk;letter-spacing:-.07em;color:#315fac;text-shadow:0 0 60px rgba(47,104,211,.4)}.about-stat p{color:#8496ad;font-size:11px;letter-spacing:.1em}.about-copy>p:not(.kicker){color:var(--muted);line-height:1.9;font-size:14px;max-width:600px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.metrics div{display:flex;flex-wrap:wrap;align-items:flex-start}.metrics strong{font:600 35px Space Grotesk}.metrics sup{color:var(--bright);font-weight:700}.metrics span{width:100%;font-size:9px;color:#74869d;margin-top:7px;letter-spacing:.08em}.cta-section{min-height:600px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:#07111f}.cta-orb{position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(41,102,204,.28) 0,rgba(15,53,107,.12) 35%,transparent 68%)}.cta-orb:after{content:'';position:absolute;inset:12%;border:1px solid rgba(82,135,219,.17);border-radius:50%;box-shadow:0 0 100px rgba(27,84,180,.16)}.cta-content{position:relative;z-index:2}.cta-content .eyebrow{justify-content:center}.cta-content>p:not(.eyebrow){color:var(--muted);font-size:14px;margin:22px 0 30px}.button.large{padding:19px 28px}footer{padding:65px max(32px,calc((100vw - var(--max))/2)) 25px;background:#040b14;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;color:#7c8da3}.footer-brand{color:white}footer>p{font-size:11px;line-height:1.8;margin:0}.footer-links{display:flex;justify-content:flex-end;gap:25px;font-size:11px}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:35px;display:flex;justify-content:space-between;font-size:9px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:900px){.site-header{width:calc(100% - 36px);height:74px}.desktop-nav,.header-cta{display:none}.desktop-nav.mobile-open{display:flex;position:absolute;top:74px;left:-18px;width:calc(100% + 36px);padding:28px 20px;flex-direction:column;gap:22px;background:rgba(4,13,25,.98);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.menu-toggle{display:grid;gap:6px}.menu-toggle i{width:25px;height:1px;background:white;display:block}.hero{min-height:760px}.hero-content{width:calc(100% - 38px);padding-top:40px}h1{font-size:clamp(55px,15vw,80px)}.hero-copy{max-width:94%;font-size:14px}.live-card,.scroll-label{display:none}.trust-strip{height:auto;min-height:100px;padding:25px 20px;display:block;overflow:hidden}.trust-strip div{margin-top:18px;gap:17px;width:max-content}.section{padding:90px 20px}.section-heading{display:block}.section-heading>p{margin-top:25px}.service-grid{grid-template-columns:1fr 1fr}.method,.about{grid-template-columns:1fr;gap:70px}.about-stat{max-width:500px;width:100%;margin:auto}.cta-section{min-height:540px}footer{grid-template-columns:1fr 1fr}.footer-links{grid-column:2;grid-row:1/3}.footer-bottom{grid-column:1/-1}}
@media(max-width:560px){.hero-media{background-position:65% center}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.service-grid{grid-template-columns:1fr}.service-card{min-height:430px}.method{gap:60px}.metrics{gap:15px}.metrics strong{font-size:29px}.about{gap:55px}.cta-section h2{font-size:44px}.cta-section br{display:none}footer{display:block}footer>p{margin:25px 0}.footer-links{justify-content:flex-start}.footer-bottom{gap:20px;margin-top:35px}.footer-bottom a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.signal i{animation:none}}

/* J-ISP network visual system */
.brand>small{font:700 7px Manrope;letter-spacing:.2em;color:#6f91c5;align-self:flex-end;margin:0 0 7px -5px}.protocol-cloud{position:absolute;right:max(35px,calc((100vw - var(--max))/2));top:150px;z-index:3;display:grid;grid-template-columns:repeat(2,56px);gap:8px}.protocol-cloud span{padding:7px 5px;border:1px solid rgba(91,151,241,.22);background:rgba(4,16,31,.58);backdrop-filter:blur(8px);font:600 8px Space Grotesk;letter-spacing:.13em;color:#6f9de2;text-align:center;box-shadow:inset 0 0 14px rgba(52,116,221,.07)}
.service-card{min-height:555px;padding-top:28px}.service-card .card-number{position:relative;z-index:2}.tech-diagram{height:145px;margin:22px -8px 4px;position:relative;z-index:2;border-top:1px solid rgba(95,146,219,.1);border-bottom:1px solid rgba(95,146,219,.1);background:linear-gradient(180deg,rgba(29,67,122,.08),rgba(29,67,122,.02))}.tech-diagram svg{width:100%;height:100%;overflow:visible}.tech-diagram text{fill:#6387b9;font:600 7px Space Grotesk;letter-spacing:.1em}.tech-diagram .label-main{fill:#8db9ff;font-size:12px;letter-spacing:.13em}.tech-diagram .link{fill:none;stroke:#3165af;stroke-width:1.5}.tech-diagram .thin{stroke-width:1;stroke-dasharray:3 4}.tech-diagram .pulse-line{stroke:#4e92ff;stroke-dasharray:7 5;animation:dash 4s linear infinite}.tech-diagram .router,.tech-diagram .device,.tech-diagram .server,.tech-diagram .screen{fill:#0a1c33;stroke:#477cc8;stroke-width:1.5}.tech-diagram .router{filter:url(#g1)}.tech-diagram .arrows,.tech-diagram .check{fill:none;stroke:#78aafd;stroke-width:1.6}.tech-diagram .server{stroke:#315f9d}.tech-diagram .led{fill:#4cf2c0;filter:drop-shadow(0 0 4px #4cf2c0)}.tech-diagram .threat{stroke:#b54c5b;stroke-dasharray:4 5;animation:dash 3s linear infinite}.tech-diagram .secure{stroke:#43bd9c;stroke-width:2}.tech-diagram .shield{fill:rgba(32,81,152,.25);stroke:#568fe6;stroke-width:1.5}.tech-diagram .chart-grid{stroke:#233e61;stroke-width:.6}.tech-diagram .chart{fill:none;stroke:#65a3ff;stroke-width:2;filter:drop-shadow(0 0 3px #397ee5)}.service-card h3{margin-top:16px}.service-card p{min-height:70px}.service-card ul{padding-top:12px}.service-card>a{z-index:3;background:rgba(9,25,45,.7)}
@keyframes dash{to{stroke-dashoffset:-50}}
.protocols{position:relative;background:linear-gradient(180deg,#050d18,#071321);overflow:hidden}.protocols:before{content:'J-ISP';position:absolute;right:-25px;top:10px;font:700 190px Space Grotesk;color:rgba(44,91,166,.035);letter-spacing:-.09em}.protocol-heading{display:flex;align-items:flex-end;justify-content:space-between}.protocol-heading h2{font-size:clamp(42px,5vw,70px);line-height:1}.protocol-map{margin-top:65px;border:1px solid var(--line);background:radial-gradient(circle at 50% 45%,rgba(32,82,158,.2),transparent 48%),linear-gradient(rgba(70,115,180,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(70,115,180,.04) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;padding:22px}.protocol-map svg{display:block;width:100%;max-height:410px}.map-link{fill:none;stroke:#2e5f9e;stroke-width:2}.map-link.animated{stroke:#5b98ef;stroke-dasharray:9 8;animation:dash 5s linear infinite;filter:drop-shadow(0 0 4px #326bc1)}.map-router circle{fill:#091a2e;stroke:#5188d4;stroke-width:2}.map-router path{fill:none;stroke:#72a8f5;stroke-width:2}.cloud path{fill:#0b1b2f;stroke:#3e6da9;stroke-width:1.5}.cloud text{fill:#7998c2;font:600 8px Space Grotesk;letter-spacing:.08em}.map-label{fill:#65a1f2;font:700 15px Space Grotesk;letter-spacing:.13em}.map-small{fill:#647e9e;font:600 9px Space Grotesk;letter-spacing:.17em}.map-badge{fill:#6d97ce;font:600 9px Space Grotesk;letter-spacing:.12em}.about-stat{overflow:hidden}.brand-emblem{width:100px;height:84px;margin:0 auto 12px;background:white;border-radius:10px;overflow:hidden;position:relative;z-index:2;box-shadow:0 14px 45px rgba(37,91,182,.28)}.brand-emblem img{width:122px;height:103px;object-fit:cover;object-position:center 25%;margin:-1px -11px}.about-stat span,.about-stat p{position:relative;z-index:2}.about-stat span{font-size:clamp(42px,5vw,72px)}.cta-logo{width:68px;height:58px;margin:0 auto 24px;border-radius:8px;background:white;overflow:hidden;box-shadow:0 15px 50px rgba(52,111,214,.35)}.cta-logo img{width:82px;height:70px;object-fit:cover;object-position:center 25%;margin:0 -7px}.whatsapp-button{background:linear-gradient(135deg,#1b8657,#25b56e)!important;box-shadow:0 16px 50px rgba(28,166,98,.22)!important}.whatsapp-button:hover{box-shadow:0 18px 55px rgba(28,190,108,.38)!important}.wa-icon{color:white!important;margin:0 8px 0 0!important;font-size:17px}.phone{display:block;color:#66829f;font-size:9px;letter-spacing:.12em;margin-top:15px}
@media(max-width:900px){.protocol-cloud{display:none}.service-card{min-height:540px}.protocol-heading{display:block}.protocol-map{margin-top:40px;padding:4px}.brand>small{display:none}}
@media(max-width:560px){.service-card{min-height:525px}.tech-diagram{height:150px}.protocol-map{margin-left:-10px;margin-right:-10px;overflow:hidden}.protocol-map svg{width:180%;margin-left:-40%}.protocols:before{font-size:100px}.whatsapp-button{width:100%;padding-left:12px;padding-right:12px}.about-stat{aspect-ratio:1/1.08}}

/* High-contrast light sections */
.services{background:#eef4fc;color:#071426}.services .section-heading>p{color:#50647d}.services .kicker{color:#3267b5}.services h2 em,.about h2 em{color:#376cc2;-webkit-text-stroke:0}.service-grid{border-color:#cbd9eb;box-shadow:0 24px 70px rgba(23,53,91,.08)}.service-card,.service-card.featured{background:#fff;border-color:#d4e0ef;color:#09172a}.service-card.featured{background:linear-gradient(145deg,#e4efff,#fff 62%)}.service-card:hover{background:#f7faff;box-shadow:0 22px 55px rgba(28,65,116,.14)}.service-card .card-number{color:#426b9f}.service-card h3{color:#07172d}.service-card p{color:#53677f}.service-card ul{border-color:#d6e2f0}.service-card li{color:#43566d}.service-card li:before{color:#2868ca}.service-card>a{background:#edf4ff;border-color:#bfd2eb;color:#1d5ebc}.tech-diagram{border-color:#ccdaeb;background:linear-gradient(180deg,#f4f8fe,#e9f1fb)}.tech-diagram text{fill:#345b8c}.tech-diagram .label-main{fill:#1759bc}.tech-diagram .link{stroke:#3472c8;stroke-width:2}.tech-diagram .thin{stroke:#5b83b5}.tech-diagram .pulse-line{stroke:#1268e8;stroke-width:2.5;filter:drop-shadow(0 0 2px rgba(18,104,232,.25))}.tech-diagram .router,.tech-diagram .device,.tech-diagram .server,.tech-diagram .screen{fill:#fff;stroke:#1d64c3;stroke-width:2}.tech-diagram .arrows,.tech-diagram .check{stroke:#095fcf;stroke-width:2.2}.tech-diagram .server{stroke:#3970b7}.tech-diagram .threat{stroke:#d43f54;stroke-width:2}.tech-diagram .secure{stroke:#09885f;stroke-width:2.5}.tech-diagram .shield{fill:#dbeaff;stroke:#1b64c4;stroke-width:2}.tech-diagram .chart-grid{stroke:#bdcde1}.tech-diagram .chart{stroke:#1268df;stroke-width:2.5;filter:none}
.protocols{background:linear-gradient(145deg,#0d3974,#071f43);color:#fff}.protocols:before{color:rgba(130,184,255,.065)}.protocols .kicker{color:#82b5ff}.protocols h2 em{color:#79adff;-webkit-text-stroke:0}.protocol-map{border-color:rgba(149,194,255,.35);background:radial-gradient(circle at 50% 45%,rgba(45,123,235,.35),transparent 52%),linear-gradient(rgba(134,181,246,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(134,181,246,.09) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;box-shadow:inset 0 0 70px rgba(28,102,208,.13)}.map-link{stroke:#6ba7fa;stroke-width:2.5}.map-link.animated{stroke:#85c5ff;stroke-width:3;filter:drop-shadow(0 0 5px #2684ff)}.map-router circle{fill:#0e3266;stroke:#91c5ff;stroke-width:3}.map-router path{stroke:#fff;stroke-width:2.5}.cloud path{fill:#123b72;stroke:#8fc3ff;stroke-width:2}.cloud text{fill:#d6e9ff}.map-label{fill:#fff}.map-small{fill:#a9cfff}.map-badge{fill:#b9d8ff}
.method{background:#fff;color:#0a1729}.method h2 em{color:#386fc7;-webkit-text-stroke:0}.method .kicker{color:#3268b6}.method-copy>p:not(.kicker){color:#53677e}.button.outline{border-color:#9bb8db;color:#174b91;background:#f3f7fc}.steps{border-color:#d3deeb}.steps article{border-color:#d3deeb}.steps article:hover{background:linear-gradient(90deg,#edf4fe,transparent)}.steps span{color:#2767c3}.steps h3{color:#0b1a2e}.steps p{color:#5b6d82}
.about{background:#edf4fb;color:#09172a}.about-copy>p:not(.kicker){color:#53677d}.about .kicker{color:#3268b6}.metrics{border-color:#cad9e9}.metrics span{color:#58708e}.about-stat{background:radial-gradient(circle at 50% 50%,rgba(48,112,213,.2),transparent 56%),linear-gradient(145deg,#dce9fa,#f8fbff);border-color:#bdd1e8;box-shadow:0 28px 70px rgba(24,66,119,.12)}.about-stat:after,.about-stat:before{border-color:rgba(38,95,179,.2)}.about-stat p{color:#4f6f99}.about-stat span{color:#205db5;text-shadow:0 0 45px rgba(47,104,211,.18)}
.cta-section{background:linear-gradient(135deg,#0b3671,#071d3f)}.cta-section h2 em{color:#7db2ff;-webkit-text-stroke:0}.cta-section .cta-content>p:not(.eyebrow){color:#c0d0e6}.cta-section .eyebrow{color:#a7c8f5}.phone{color:#a8c1e0}
@media(max-width:560px){.services,.about,.method{background-image:none}.service-grid{box-shadow:none}.protocol-map{background-color:#092c5d}}

/* Futuristic service-provider experience */
.site-header{position:fixed;top:0;transition:width .35s,height .35s,background .35s,border .35s,box-shadow .35s;isolation:isolate}.site-header:before{content:'';position:absolute;inset:0 -24px;z-index:-1;background:rgba(3,12,24,0);border:1px solid transparent;transition:.35s}.site-header.scrolled{height:70px}.site-header.scrolled:before{background:rgba(4,14,28,.87);border-color:rgba(107,160,235,.2);box-shadow:0 14px 45px rgba(0,0,0,.24),inset 0 -1px rgba(89,151,244,.08);backdrop-filter:blur(18px) saturate(140%)}.site-header.scrolled .brand-mark{box-shadow:0 0 24px rgba(74,129,224,.35)}
.section{position:relative;isolation:isolate}.section-brand{position:absolute;z-index:4;right:max(32px,calc((100vw - var(--max))/2));top:42px;height:44px;display:flex;align-items:center;padding:4px 13px 4px 4px;border:1px solid rgba(48,100,178,.18);background:rgba(255,255,255,.72);box-shadow:0 10px 30px rgba(25,61,110,.08);backdrop-filter:blur(12px)}.section-brand span{width:34px;height:34px;background:#fff;overflow:hidden;margin-right:9px}.section-brand img{width:42px;height:37px;object-fit:cover;object-position:center 27%;margin-left:-4px}.section-brand b{font:700 12px Space Grotesk;color:#1754ac;letter-spacing:.09em}.section-brand small{font:700 6px Manrope;color:#6880a0;letter-spacing:.15em;margin-left:8px;padding-left:8px;border-left:1px solid #c9d6e5}.section-brand.light-brand{background:rgba(4,24,52,.68);border-color:rgba(113,179,255,.28)}.section-brand.light-brand small{color:#8eb8eb;border-color:#315b91}.section-brand.light-brand b{color:#fff}.method:after,.about:after{content:'';position:absolute;right:max(32px,calc((100vw - var(--max))/2));top:42px;width:44px;height:44px;border-radius:4px;background:#fff url('assets/logo-jisp.png') center 27%/52px auto no-repeat;box-shadow:0 10px 30px rgba(25,61,110,.12);z-index:4}.cta-section:after{content:'J-ISP  ·  SERVICE PROVIDER ENGINEERING';position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font:700 7px Space Grotesk;letter-spacing:.24em;color:#7096c8;white-space:nowrap}
.services{overflow:hidden}.circuit-field{position:absolute;z-index:-1;inset:0;overflow:hidden;opacity:.26;background:radial-gradient(circle at 8% 27%,#4b91ee 0 2px,transparent 3px),radial-gradient(circle at 92% 66%,#4b91ee 0 2px,transparent 3px)}.circuit-field i{position:absolute;display:block;height:1px;background:linear-gradient(90deg,transparent,#4c83cb,transparent);transform-origin:left}.circuit-field i:nth-child(1){width:430px;top:20%;left:0;transform:rotate(18deg)}.circuit-field i:nth-child(2){width:330px;top:72%;right:-5%;transform:rotate(-25deg)}.circuit-field i:nth-child(3){width:250px;top:42%;right:0;transform:rotate(45deg)}.circuit-field i:nth-child(4){width:280px;bottom:8%;left:12%;transform:rotate(-8deg)}.circuit-field i:nth-child(5){width:190px;top:9%;left:45%;transform:rotate(90deg)}
.service-card:before{content:'';position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(70,139,239,.12) 48%,transparent 72%);transform:translateX(-100%);transition:transform .8s}.service-card:hover:before{transform:translateX(100%)}.tech-diagram:before{content:'';position:absolute;z-index:3;left:0;right:0;height:1px;top:10%;background:linear-gradient(90deg,transparent,#4c9fff,transparent);box-shadow:0 0 12px #4c9fff;opacity:0;animation:scanner 5s ease-in-out infinite}.service-card:hover .tech-diagram:before{opacity:.7}@keyframes scanner{0%,100%{top:8%}50%{top:90%}}
.protocol-map{position:relative;padding:54px 22px 50px;overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,.28),inset 0 0 80px rgba(48,120,226,.12)}.protocol-map:before,.protocol-map:after{content:'';position:absolute;width:70px;height:70px;border-color:#68a9fa;opacity:.65}.protocol-map:before{left:10px;top:10px;border-left:2px solid;border-top:2px solid}.protocol-map:after{right:10px;bottom:10px;border-right:2px solid;border-bottom:2px solid}.hud-top,.hud-bottom{position:absolute;left:22px;right:22px;z-index:3;display:flex;justify-content:space-between;align-items:center;font:600 7px Space Grotesk;letter-spacing:.15em;color:#82a9d9}.hud-top{top:17px;padding-bottom:10px;border-bottom:1px solid rgba(126,180,246,.18)}.hud-bottom{bottom:16px;padding-top:11px;border-top:1px solid rgba(126,180,246,.18)}.hud-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#45f0ad;box-shadow:0 0 9px #45f0ad;margin-right:6px;animation:statusPulse 1.6s infinite}.hud-bottom b{color:#b9d8ff;margin-right:5px}@keyframes statusPulse{50%{opacity:.35}}.backbone-glow{stroke:url(#fiber)!important;stroke-width:9!important;opacity:.12;filter:url(#glow)}.traffic-path{fill:none;stroke:url(#fiber);stroke-width:3;stroke-linecap:round;filter:url(#glow);stroke-dasharray:2 720;animation:packet 4s linear infinite}.traffic-b{animation-delay:-2s;animation-duration:5.4s}@keyframes packet{to{stroke-dashoffset:-1440}}.map-router{filter:url(#glow)}
@media(max-width:900px){.site-header.scrolled{height:64px}.section-brand{top:25px;right:20px}.method:after,.about:after{top:25px;right:20px}.protocol-map{padding:45px 4px}.hud-top,.hud-bottom{left:14px;right:14px}.hud-top span:nth-child(2){display:none}}
@media(max-width:560px){.section-brand{height:38px;top:18px}.section-brand span{width:29px;height:29px}.section-brand small{display:none}.method:after,.about:after{width:38px;height:38px;top:18px}.protocol-map{padding-top:48px;padding-bottom:50px}.hud-bottom{gap:10px}.hud-bottom span{font-size:6px}.cta-section:after{font-size:5px;letter-spacing:.17em}}
@media(max-width:900px){.site-header.scrolled .desktop-nav.mobile-open{top:64px}}
@media(prefers-reduced-motion:reduce){.traffic-path,.hud-top i,.tech-diagram:before,.pulse-line,.map-link.animated{animation:none!important}}

/* Cinematic network artwork — v6 */
.network-showcase{height:clamp(360px,42vw,570px);position:relative;margin:0 0 46px;overflow:hidden;border:1px solid #afc9e9;background:#0b2d61;box-shadow:0 30px 80px rgba(19,62,119,.2)}.network-showcase:before,.network-showcase:after{content:'';position:absolute;z-index:4;pointer-events:none}.network-showcase:before{inset:12px;border:1px solid rgba(255,255,255,.25);clip-path:polygon(0 0,15% 0,15% 1px,1px 1px,1px 20%,0 20%,0 100%,85% 100%,85% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 80%,100% 80%,100% 0)}.network-showcase:after{top:0;bottom:0;width:30%;left:-35%;background:linear-gradient(90deg,transparent,rgba(160,222,255,.2),transparent);transform:skewX(-16deg);animation:showcaseSweep 7s ease-in-out infinite}.network-showcase>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.4s ease;filter:saturate(1.08) contrast(1.03)}.network-showcase:hover>img{transform:scale(1.035)}.showcase-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,42,.05) 45%,rgba(3,18,41,.9) 100%),linear-gradient(90deg,rgba(4,25,54,.35),transparent 32%,transparent 68%,rgba(4,25,54,.35))}.showcase-caption{position:absolute;z-index:3;left:36px;bottom:30px}.showcase-caption span{display:block;font:700 8px Space Grotesk;letter-spacing:.18em;color:#91caff;margin-bottom:9px}.showcase-caption span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#45f5b5;box-shadow:0 0 12px #45f5b5;margin-right:8px}.showcase-caption strong{font:600 clamp(14px,1.5vw,20px) Space Grotesk;letter-spacing:.07em;color:#fff}.layer-tags{position:absolute;z-index:4;right:25px;top:25px;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.layer-tags span{padding:8px 11px;background:rgba(3,22,49,.72);border:1px solid rgba(112,184,255,.55);backdrop-filter:blur(10px);font:700 7px Space Grotesk;letter-spacing:.13em;color:#c8e5ff;box-shadow:0 0 18px rgba(55,143,244,.15)}@keyframes showcaseSweep{0%,25%{left:-35%}70%,100%{left:115%}}
.protocol-map{padding:54px 0 50px;background:#071d40}.protocol-map>svg{display:none}.fabric-premium{display:block;width:100%;height:clamp(390px,48vw,650px);object-fit:cover;filter:saturate(1.15) contrast(1.05)}.protocol-map .hud-top,.protocol-map .hud-bottom{left:22px;right:22px;padding-left:10px;padding-right:10px;background:rgba(3,19,43,.42);backdrop-filter:blur(8px)}.protocol-map .hud-top{padding-top:9px}.protocol-map .hud-bottom{padding-bottom:9px}.protocol-map:after{z-index:4}.protocol-map:before{z-index:4}.protocol-map .fabric-premium{animation:fabricBreath 9s ease-in-out infinite}@keyframes fabricBreath{0%,100%{transform:scale(1);filter:saturate(1.1) contrast(1.04)}50%{transform:scale(1.018);filter:saturate(1.25) contrast(1.08)}}
@media(max-width:900px){.network-showcase{height:430px}.layer-tags{left:22px;right:22px;justify-content:flex-start}.network-showcase>img{object-position:center}.fabric-premium{height:470px}.protocol-map .hud-top,.protocol-map .hud-bottom{left:12px;right:12px}}
@media(max-width:560px){.network-showcase{height:410px;margin-left:-20px;margin-right:-20px}.network-showcase>img{object-position:52% center}.showcase-caption{left:20px;right:20px;bottom:22px}.showcase-caption strong{line-height:1.5}.layer-tags{top:18px}.fabric-premium{height:430px;object-position:center}.protocol-map{margin-left:-20px;margin-right:-20px}.protocol-map .hud-bottom span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.network-showcase:after,.protocol-map .fabric-premium{animation:none}}

/* Hero brand, live data and observability — v7 */
.hero-brand{display:flex;align-items:center;gap:16px;margin:0 0 22px;width:max-content}.hero-brand img{width:92px;height:80px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(67,132,238,.55)) drop-shadow(0 12px 30px rgba(0,0,0,.4))}.hero-brand span{font:700 7px Space Grotesk;letter-spacing:.24em;color:#739bd2;writing-mode:vertical-rl;transform:rotate(180deg);height:66px;text-align:center}.hero-content .eyebrow{margin-top:0}.data-overlay{position:absolute!important;z-index:2;inset:0;width:100%!important;height:100%!important;pointer-events:none;overflow:visible}.flow-base{fill:none;stroke:rgba(88,190,255,.18);stroke-width:4}.flow-packets{fill:none;stroke:#69e8ff;stroke-width:5;stroke-linecap:round;stroke-dasharray:3 180;filter:url(#dataGlow);animation:dataRun 4.8s linear infinite}.fp2{stroke:#fff;animation-delay:-1.6s;animation-duration:5.7s}.fp3{stroke:#45f3b1;animation-delay:-3.1s;animation-duration:6.3s}@keyframes dataRun{to{stroke-dashoffset:-1464}}
.telemetry-layer{position:absolute;z-index:2;inset:54px 0 50px;pointer-events:none}.telemetry-ring{position:absolute;width:90px;height:90px;border:1px solid rgba(86,222,255,.7);border-radius:50%;box-shadow:0 0 22px rgba(64,170,255,.45),inset 0 0 18px rgba(64,170,255,.25);animation:telemetryPing 2.7s ease-out infinite}.tr1{left:12%;top:45%}.tr2{left:45%;top:32%;animation-delay:.8s}.tr3{right:11%;top:44%;animation-delay:1.5s}.packet{position:absolute;width:8px;height:8px;border-radius:50%;background:#9bf4ff;box-shadow:0 0 9px #fff,0 0 20px #36beff;animation:packetTravel 5s ease-in-out infinite}.p1{left:12%;top:57%}.p2{left:47%;top:45%;animation-delay:-1.7s}.p3{right:15%;top:57%;animation-delay:-3.4s}@keyframes telemetryPing{0%{transform:scale(.4);opacity:0}35%{opacity:1}100%{transform:scale(1.8);opacity:0}}@keyframes packetTravel{0%,100%{transform:translateX(0)}50%{transform:translateX(220px)}}
.visibility-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border:1px solid rgba(117,176,246,.25);background:rgba(4,23,50,.42);box-shadow:0 25px 70px rgba(0,0,0,.18)}.visibility-grid article{display:grid;grid-template-columns:56px 1fr;gap:17px;padding:25px;border-right:1px solid rgba(117,176,246,.18);transition:.3s}.visibility-grid article:last-child{border-right:0}.visibility-grid article:hover{background:rgba(49,112,198,.2)}.visibility-grid small{display:block;font:700 7px Space Grotesk;letter-spacing:.17em;color:#69a9f4;margin-bottom:8px}.visibility-grid strong{display:block;font:600 15px Space Grotesk;color:#fff}.visibility-grid p{font-size:10px;line-height:1.65;color:#8eafd4;margin:8px 0 0}.v-icon{position:relative;width:48px;height:48px;border:1px solid rgba(96,173,255,.45);border-radius:50%;box-shadow:inset 0 0 18px rgba(55,133,231,.22),0 0 22px rgba(55,133,231,.12)}.radar-icon:before{content:'';position:absolute;inset:8px;border-radius:50%;border:1px solid #55b8ff;background:conic-gradient(from 0deg,rgba(67,190,255,.8),transparent 24%);animation:radarSpin 2s linear infinite}.wave-icon:before{content:'∿';position:absolute;inset:0;display:grid;place-items:center;color:#69d9ff;font-size:28px;text-shadow:0 0 10px #38a4f6}.shield-icon:before{content:'◇';position:absolute;inset:0;display:grid;place-items:center;color:#54efb5;font-size:24px;text-shadow:0 0 10px #32c98f}@keyframes radarSpin{to{transform:rotate(360deg)}}
/* Rebuilt premium solution cards */
.service-card{box-shadow:inset 0 1px rgba(255,255,255,.8)}.tech-diagram{height:170px;border:1px solid #c8d9ed!important;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 35px rgba(43,105,188,.09),0 12px 30px rgba(28,69,120,.08)}.tech-diagram:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 25%,rgba(60,133,230,.18) 0 2px,transparent 3px),radial-gradient(circle at 82% 70%,rgba(43,222,180,.2) 0 2px,transparent 3px),linear-gradient(rgba(44,102,177,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(44,102,177,.055) 1px,transparent 1px);background-size:auto,auto,16px 16px,16px 16px;pointer-events:none}.tech-diagram svg{position:relative;z-index:2;filter:drop-shadow(0 8px 9px rgba(26,69,126,.12));transform:scale(1.06);transition:.55s}.service-card:hover .tech-diagram svg{transform:scale(1.13)}.tech-diagram .router,.tech-diagram .device,.tech-diagram .server,.tech-diagram .screen{filter:drop-shadow(0 8px 7px rgba(27,77,142,.18))}.service-card:nth-child(1) .tech-diagram{background:linear-gradient(145deg,#e5f1ff,#f9fcff)}.service-card:nth-child(2) .tech-diagram{background:linear-gradient(145deg,#e8f7ff,#f8fcff)}.service-card:nth-child(3) .tech-diagram{background:linear-gradient(145deg,#edf2ff,#fff)}.service-card:nth-child(4) .tech-diagram{background:linear-gradient(145deg,#e4f4ff,#f8fcff)}.service-card:nth-child(1) .router{animation:routerGlow 2.5s ease-in-out infinite}.service-card:nth-child(2) .led,.service-card:nth-child(4) .led{animation:ledBlink 1.2s infinite}.service-card:nth-child(3) .shield{animation:shieldPulse 2.3s ease-in-out infinite;transform-origin:center}@keyframes routerGlow{50%{stroke:#09a9ef;stroke-width:3;filter:drop-shadow(0 0 8px #4aa8ff)}}@keyframes ledBlink{50%{opacity:.25}}@keyframes shieldPulse{50%{transform:scale(1.06);filter:drop-shadow(0 0 7px rgba(43,116,220,.5))}}
@media(max-width:900px){.hero-brand img{width:78px;height:68px}.visibility-grid{grid-template-columns:1fr}.visibility-grid article{border-right:0;border-bottom:1px solid rgba(117,176,246,.18)}.visibility-grid article:last-child{border-bottom:0}}
@media(max-width:560px){.hero-brand{margin-bottom:16px}.hero-brand img{width:68px;height:60px}.hero-brand span{height:54px}.telemetry-ring{width:62px;height:62px}.visibility-grid article{grid-template-columns:45px 1fr;padding:20px 15px}.v-icon{width:42px;height:42px}.tech-diagram{height:180px}}
@media(prefers-reduced-motion:reduce){.flow-packets,.telemetry-ring,.packet,.radar-icon:before,.router,.led,.shield{animation:none!important}}

/* Responsive premium cards, vendors and readable telemetry — v8 */
.hero-brand{gap:22px;margin-bottom:24px}.hero-brand img{width:155px;height:132px}.hero-brand span{height:88px;font-size:8px}.hero-content{padding-top:95px}.tech-diagram:has(.card-art)>svg{display:none}.card-art{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:2;transition:transform .8s ease,filter .8s ease;filter:saturate(1.08) contrast(1.05)}.card-art-standalone{height:170px;margin:22px -8px 4px;width:calc(100% + 16px);border:1px solid #c4d6ea;box-shadow:0 14px 35px rgba(17,56,107,.16)}.card-art-standalone+.tech-diagram{display:none}.service-card:hover .card-art{transform:scale(1.045);filter:saturate(1.18) contrast(1.08)}.service-card .tech-diagram:has(.card-art){background:#071c3d;border-color:#8ab4e8!important}.service-card{min-width:0}.service-grid{align-items:stretch}
.vendors{background:#f8fbff;color:#08172a;overflow:hidden}.vendors:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 10% 20%,rgba(55,117,207,.1),transparent 25%),radial-gradient(circle at 90% 80%,rgba(43,171,218,.1),transparent 25%)}.vendor-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.vendor-heading h2{font-size:clamp(42px,5vw,72px);line-height:1}.vendor-heading h2 em{color:#2e68bd;-webkit-text-stroke:0}.vendor-heading>p{max-width:390px;color:#5d6f85;font-size:14px;line-height:1.8}.vendors .kicker{color:#3168b7}.vendor-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #cbd9e9;background:white;box-shadow:0 24px 65px rgba(25,62,109,.09)}.vendor{min-height:175px;border-right:1px solid #d6e1ee;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:.35s}.vendor:last-child{border-right:0}.vendor:hover{background:#edf5ff;transform:translateY(-6px);box-shadow:0 18px 35px rgba(30,74,132,.13)}.vendor-symbol{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#eaf2fd;color:#2464bd;font-size:26px;margin-bottom:16px;box-shadow:inset 0 0 0 1px #c8daee,0 8px 20px rgba(33,89,166,.1)}.vendor strong{font:700 15px Space Grotesk;letter-spacing:.05em;color:#14263d}.vendor small{font-size:8px;color:#74869b;margin-top:7px;letter-spacing:.06em}.vendor-note{font-size:8px;color:#8797aa;margin:18px 0 0;text-align:right}.vendor.huawei .vendor-symbol{color:#d92e42}.vendor.juniper .vendor-symbol{color:#2c8d6a}.vendor.mikrotik .vendor-symbol{color:#293b52}.vendor.ubiquiti .vendor-symbol{color:#1774cf}.vendor.fortinet .vendor-symbol{color:#d73335}
.telemetry-console{margin-top:25px;border:1px solid rgba(111,177,249,.32);background:#061934;box-shadow:0 24px 70px rgba(0,0,0,.25),inset 0 0 60px rgba(34,101,194,.08);display:grid;grid-template-columns:1.25fr 1fr;position:relative;overflow:hidden}.console-head{grid-column:1/-1;padding:13px 18px;border-bottom:1px solid rgba(111,177,249,.2);display:flex;justify-content:space-between;font:700 7px Space Grotesk;letter-spacing:.16em;color:#8bb9ec}.console-head i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#44ecad;box-shadow:0 0 10px #44ecad;margin-right:8px}.console-head b{color:#4cf0b1}.console-topology{min-height:270px;position:relative;background:radial-gradient(circle at 50% 50%,rgba(38,111,213,.25),transparent 55%),linear-gradient(rgba(98,154,223,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(98,154,223,.06) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;border-right:1px solid rgba(111,177,249,.2)}.tn{position:absolute;z-index:2;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#0a2a57;border:2px solid #5aa6fa;box-shadow:0 0 25px rgba(61,144,242,.35);font:700 8px Space Grotesk;letter-spacing:.08em;color:#d6ecff}.tn.internet{left:7%;top:37%}.tn.edge{left:33%;top:16%}.tn.core{left:57%;top:39%;width:88px;height:88px;border-color:#56e2ff;box-shadow:0 0 35px rgba(65,208,255,.45)}.tn.access{right:5%;top:16%}.tl{position:absolute;height:2px;background:linear-gradient(90deg,#438fe8,#62e7ff);transform-origin:left;box-shadow:0 0 6px #3e9df6}.l1{width:31%;left:14%;top:49%;transform:rotate(-23deg)}.l2{width:31%;left:39%;top:35%;transform:rotate(28deg)}.l3{width:28%;left:66%;top:48%;transform:rotate(-29deg)}.moving-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 20px #3fc8ff;z-index:3}.md1{left:15%;top:48%;animation:topologyMove 4s ease-in-out infinite}.md2{left:62%;top:48%;animation:topologyMove2 4.8s ease-in-out infinite}@keyframes topologyMove{50%{left:57%;top:50%}}@keyframes topologyMove2{50%{left:88%;top:28%}}.console-metrics{display:grid;grid-template-columns:1fr 1fr}.console-metrics>div{padding:25px;border-right:1px solid rgba(111,177,249,.14);border-bottom:1px solid rgba(111,177,249,.14);display:flex;flex-direction:column;justify-content:center}.console-metrics small{font:700 7px Space Grotesk;letter-spacing:.14em;color:#7198c5}.console-metrics strong{font:600 28px Space Grotesk;color:#fff;margin:9px 0}.console-metrics sup{font-size:10px;color:#70b7ff}.console-metrics .ok{font:700 7px Space Grotesk;color:#45e9aa;letter-spacing:.12em}.spark{height:18px;position:relative;overflow:hidden}.spark i{display:block;height:2px;margin-top:8px;background:linear-gradient(90deg,#2371db,#5ce6ff,#2371db);box-shadow:0 0 8px #47bcff;animation:sparkMove 1.8s infinite}@keyframes sparkMove{50%{transform:scaleY(4)}}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.vendor-grid{grid-template-columns:repeat(3,1fr)}.vendor{border-bottom:1px solid #d6e1ee}.hero-brand img{width:135px;height:116px}}
@media(max-width:760px){.site-header{width:calc(100% - 28px)}.hero{min-height:820px;height:auto;padding:120px 0 70px}.hero-content{padding-top:35px}.hero-brand img{width:125px;height:108px}.hero-content h1{font-size:clamp(49px,14vw,72px)}.section{padding:85px 18px}.section-heading,.vendor-heading{display:block}.vendor-heading>p{margin-top:24px}.telemetry-console{grid-template-columns:1fr}.console-topology{border-right:0;border-bottom:1px solid rgba(111,177,249,.2)}.section-brand{right:18px}.service-card{min-height:560px}.card-art-standalone{height:210px}.tech-diagram{height:210px}}
@media(max-width:520px){.hero{min-height:780px}.hero-content{width:calc(100% - 32px)}.hero-brand{gap:14px}.hero-brand img{width:112px;height:96px}.hero-brand span{font-size:6px}.hero-copy{line-height:1.65}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding-bottom:78px}.service-card p{min-height:0}.vendor-grid{grid-template-columns:1fr 1fr}.vendor{min-height:145px}.console-topology{min-height:330px}.tn{width:62px;height:62px;font-size:7px}.tn.core{width:76px;height:76px}.console-metrics>div{padding:18px}.console-metrics strong{font-size:23px}.visibility-grid{margin-left:0;margin-right:0}.trust-strip div{animation:vendorMarquee 18s linear infinite}@keyframes vendorMarquee{to{transform:translateX(-50%)}}}
@media(min-width:1600px){:root{--max:1440px}.hero-content{padding-top:120px}.service-card{min-height:590px}.card-art-standalone,.tech-diagram{height:200px}.network-showcase{max-height:650px}.section{padding-top:150px;padding-bottom:150px}}
@media(prefers-reduced-motion:reduce){.moving-dot,.spark i{animation:none!important}}

/* Vendor artwork and compatibility fixes — v9 */
.tech-diagram .card-art+svg{display:none}.vendor-symbol,.vendor>strong{display:none}.vendor-logo{width:132px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.vendor-logo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s,filter .35s}.vendor:hover .vendor-logo img{transform:scale(1.08)}.vendor.cisco .vendor-logo img{filter:invert(36%) sepia(92%) saturate(1128%) hue-rotate(171deg) brightness(91%)}.vendor.huawei .vendor-logo img{filter:invert(24%) sepia(98%) saturate(3189%) hue-rotate(344deg) brightness(91%)}.vendor.juniper .vendor-logo img{filter:invert(49%) sepia(39%) saturate(892%) hue-rotate(47deg) brightness(92%)}.vendor.mikrotik .vendor-logo img{filter:invert(19%) sepia(14%) saturate(1362%) hue-rotate(169deg) brightness(90%)}.vendor.ubiquiti .vendor-logo img{filter:invert(37%) sepia(76%) saturate(1562%) hue-rotate(178deg) brightness(91%)}.vendor.fortinet .vendor-logo img{filter:invert(25%) sepia(91%) saturate(2537%) hue-rotate(346deg) brightness(95%)}
@media(max-width:520px){.vendor-logo{width:105px;height:52px}.vendor small{text-align:center;padding:0 6px}}

/* Regional footprint and observability cockpit — v10 */
.fabric-jisp{position:absolute;z-index:5;left:50%;top:47%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(4,26,59,.94) 30%,rgba(10,49,100,.82) 67%,rgba(44,143,245,.25));border:1px solid rgba(119,201,255,.8);box-shadow:0 0 28px rgba(57,165,255,.7),0 0 75px rgba(40,124,235,.38),inset 0 0 25px rgba(76,177,255,.3);animation:fabricLogoPulse 3.2s ease-in-out infinite}.fabric-jisp:before,.fabric-jisp:after{content:'';position:absolute;border:1px solid rgba(87,187,255,.35);border-radius:50%;inset:-14px;animation:telemetryPing 3s ease-out infinite}.fabric-jisp:after{inset:-30px;animation-delay:1s}.fabric-jisp img{width:78px;height:70px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(75,151,255,.7))}.fabric-jisp span{position:absolute;top:118px;width:180px;text-align:center;font:700 7px Space Grotesk;letter-spacing:.17em;color:#c4e5ff;text-shadow:0 0 8px #2f96ec}@keyframes fabricLogoPulse{50%{box-shadow:0 0 45px rgba(69,186,255,.9),0 0 95px rgba(40,124,235,.5),inset 0 0 30px rgba(76,177,255,.45)}}
.console-head{min-height:48px;align-items:center;background:linear-gradient(90deg,rgba(22,67,128,.3),rgba(5,26,56,.3))}.console-tabs{display:flex;gap:24px;align-items:center}.console-tabs span,.console-tabs b{font:700 6px Space Grotesk;letter-spacing:.13em;color:#607fa5}.console-tabs b{color:#85c9ff;padding:8px 0;border-bottom:1px solid #55c9ff}.telemetry-console{border-color:rgba(100,192,255,.5);box-shadow:0 30px 90px rgba(0,0,0,.35),0 0 0 1px rgba(48,132,225,.08),inset 0 0 100px rgba(31,104,212,.11)}.console-topology:after{content:'LIVE TOPOLOGY';position:absolute;left:18px;bottom:14px;font:700 6px Space Grotesk;letter-spacing:.17em;color:#527dab}.tn{background:radial-gradient(circle at 40% 35%,#174d91,#071b38);box-shadow:0 0 28px rgba(61,144,242,.5),inset 0 0 18px rgba(88,177,255,.22)}.tn:before{content:'';position:absolute;inset:8px;border:1px dashed rgba(127,200,255,.4);border-radius:50%;animation:radarSpin 8s linear infinite}.console-metrics>div{background:linear-gradient(145deg,rgba(12,43,84,.25),rgba(4,23,50,.1))}.console-events{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(111,177,249,.2);background:#041329}.console-events span{padding:13px 18px;border-right:1px solid rgba(111,177,249,.14);font:500 7px Manrope;color:#7796b9;letter-spacing:.04em}.console-events span:last-child{border-right:0}.console-events b{color:#bddcff;margin-right:7px}.console-events em{float:right;color:#536f91;font-style:normal}.console-events i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:8px}.event-ok{background:#46e8a8;box-shadow:0 0 8px #46e8a8}.event-warn{background:#ffc55a;box-shadow:0 0 8px #ffc55a}
.regional{background:linear-gradient(135deg,#06172f,#0a3773);color:#fff;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;overflow:hidden}.regional:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 77% 45%,rgba(42,129,230,.26),transparent 33%),linear-gradient(rgba(111,174,240,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(111,174,240,.04) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}.regional .kicker{color:#78adf1}.regional h2{font-size:clamp(42px,4.7vw,70px);line-height:1}.regional h2 em{color:#77adf4;-webkit-text-stroke:0}.regional-copy>p:not(.kicker){color:#9db5d2;font-size:14px;line-height:1.85;max-width:570px;margin:26px 0}.regional-points{display:flex;flex-wrap:wrap;gap:9px}.regional-points span{padding:9px 12px;border:1px solid rgba(120,177,243,.25);background:rgba(8,39,79,.5);font:700 7px Space Grotesk;letter-spacing:.09em;color:#a9c7e9}.regional-map{height:430px;position:relative;border:1px solid rgba(118,180,248,.28);background:radial-gradient(circle at center,rgba(34,112,211,.25),transparent 50%);box-shadow:inset 0 0 70px rgba(32,101,192,.1)}.country{position:absolute;z-index:2;width:150px;height:190px;border:1px solid rgba(113,188,255,.55);background:linear-gradient(160deg,rgba(17,66,127,.9),rgba(5,27,58,.95));display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 55px rgba(0,0,0,.25),0 0 30px rgba(52,142,238,.15)}.country:before{content:'';position:absolute;inset:8px;border:1px solid rgba(125,194,255,.14)}.country.chile{left:10%;top:92px}.country.brazil{right:10%;top:92px}.country small{font:700 48px Space Grotesk;color:rgba(103,171,247,.18);line-height:1}.country strong{font:700 16px Space Grotesk;letter-spacing:.16em;color:#ddecff;margin-top:-7px}.country span{font:700 7px Space Grotesk;letter-spacing:.15em;color:#6f99c8;margin-top:10px}.regional-link{position:absolute;left:calc(10% + 150px);right:calc(10% + 150px);top:185px;height:30px}.regional-link i{position:absolute;left:0;right:0;top:14px;height:2px;background:linear-gradient(90deg,#58a5ff,#56e9ff,#58a5ff);box-shadow:0 0 10px #4aa9ff}.regional-link em{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff,0 0 22px #43caff;top:10px;animation:regionalPacket 3s ease-in-out infinite}.regional-link b{position:absolute;left:50%;top:-8px;transform:translateX(-50%);font:700 6px Space Grotesk;letter-spacing:.14em;color:#76a5d7;white-space:nowrap}@keyframes regionalPacket{0%,100%{left:0}50%{left:calc(100% - 9px)}}.map-status{position:absolute;left:10%;right:10%;bottom:28px;padding-top:15px;border-top:1px solid rgba(111,177,249,.2);display:flex;justify-content:space-between;font:700 7px Space Grotesk;letter-spacing:.12em;color:#658bb8}.map-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#45eba9;box-shadow:0 0 8px #45eba9;margin-right:7px}.map-status b{color:#93b8e3}
@media(max-width:900px){.regional{grid-template-columns:1fr}.regional-map{height:390px}.console-tabs{display:none}.fabric-jisp{width:90px;height:90px}.fabric-jisp img{width:63px;height:56px}.fabric-jisp span{top:97px}.console-events{grid-template-columns:1fr}.console-events span{border-right:0;border-bottom:1px solid rgba(111,177,249,.14)}}
@media(max-width:560px){.regional{gap:45px}.regional-map{height:350px}.country{width:105px;height:145px}.country.chile{left:6%;top:80px}.country.brazil{right:6%;top:80px}.country small{font-size:35px}.country strong{font-size:12px}.regional-link{left:calc(6% + 105px);right:calc(6% + 105px);top:142px}.map-status{left:6%;right:6%;font-size:5px}.fabric-jisp{width:75px;height:75px}.fabric-jisp img{width:52px}.fabric-jisp span{top:82px;font-size:5px}.console-head>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.fabric-jisp,.fabric-jisp:before,.fabric-jisp:after,.regional-link em,.tn:before{animation:none!important}}

/* Full-width header, country flags and precise NOC topology — v11 */
.site-header,.site-header.scrolled{width:100%;max-width:none;padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2));border-bottom-color:rgba(113,169,241,.18)}.site-header:before{inset:0;background:rgba(3,12,24,.35);border-left:0;border-right:0}.site-header.scrolled:before{inset:0;border-left:0;border-right:0}.flag{position:relative;display:block!important;width:82px;height:52px!important;margin-bottom:20px;border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 25px rgba(0,0,0,.25);overflow:hidden}.flag-cl{background:linear-gradient(#fff 0 50%,#d52b1e 50%)}.flag-cl:before{content:'';position:absolute;left:0;top:0;width:34%;height:50%;background:#0039a6}.flag-cl i:before{content:'★';position:absolute;z-index:2;left:8px;top:0;color:#fff;font-style:normal;font-size:20px;line-height:26px}.flag-br{background:#009b3a}.flag-br:before{content:'';position:absolute;width:38px;height:38px;background:#ffdf00;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}.flag-br:after{content:'';position:absolute;width:21px;height:21px;background:#002776;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.country small.flag{font-size:0;line-height:normal}.country strong{margin-top:0}
.console-topology{min-height:320px;padding:18px 16px 36px}.console-topology:after{content:'SERVICE PROVIDER LIVE TOPOLOGY'}.noc-topology{display:block;width:100%;height:270px;overflow:visible}.noc-links path{fill:none;stroke:#377cc8;stroke-width:2}.noc-links .redundant{stroke:#366a9f;stroke-dasharray:6 7;opacity:.8}.noc-flow path{fill:none;stroke:url(#nocLink);stroke-width:4;stroke-linecap:round;stroke-dasharray:2 180;filter:url(#nocGlow);animation:nocPacket 4s linear infinite}.noc-flow .flow-alt{animation-delay:-2s;animation-duration:5.4s}.noc-node circle{fill:#092b59;stroke:#5ba9ff;stroke-width:2.5;filter:url(#nocGlow)}.noc-node .node-ring{fill:none;stroke:#4b7fb7;stroke-width:1;stroke-dasharray:4 5;filter:none;animation:radarSpin 12s linear infinite;transform-origin:center}.noc-node text,.cloud-node text{fill:#d8ecff;font:700 9px Space Grotesk;letter-spacing:.07em;text-anchor:middle}.core-node circle:first-child{stroke:#52e4ff;fill:#0a3568}.cloud-node path{fill:#0a2c58;stroke:#5ba9ff;stroke-width:2;filter:url(#nocGlow)}.noc-labels text{fill:#6291c5;font:700 7px Space Grotesk;letter-spacing:.1em;text-anchor:middle}.topology-legend{position:absolute;left:18px;right:18px;bottom:9px;display:flex;gap:24px;font:600 6px Space Grotesk;letter-spacing:.1em;color:#6788ac}.topology-legend i{display:inline-block;width:15px;height:2px;margin-right:6px;vertical-align:middle}.lg-up{background:#48e4aa;box-shadow:0 0 6px #48e4aa}.lg-flow{background:#65dcff;box-shadow:0 0 6px #65dcff}.lg-backup{border-top:1px dashed #5f84ae}@keyframes nocPacket{to{stroke-dashoffset:-1200}}
@media(max-width:900px){.site-header,.site-header.scrolled{width:100%;padding-left:18px;padding-right:18px}.desktop-nav.mobile-open{left:-18px;width:calc(100% + 36px)}.console-topology{min-height:300px}.noc-topology{height:250px}}
@media(max-width:560px){.flag{width:65px;height:42px!important}.flag-cl i:before{font-size:16px;line-height:21px;left:6px}.console-topology{padding:8px 2px 44px;min-height:260px}.noc-topology{height:205px}.noc-node text,.cloud-node text{font-size:7px}.noc-labels text{font-size:6px}.topology-legend{flex-wrap:wrap;gap:8px 15px}.console-metrics{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.noc-flow path,.noc-node .node-ring{animation:none!important}}

/* Brand scale and clean transparent marks — v12 */
.hero-brand{margin-bottom:18px}.hero-brand img{width:220px;height:185px}.hero-brand span{display:none}.brand-emblem{width:180px;height:150px;margin-bottom:18px;background:transparent;overflow:visible;border-radius:0;box-shadow:none}.brand-emblem img{width:100%;height:100%;object-fit:contain;object-position:center;margin:0;filter:drop-shadow(0 14px 28px rgba(47,101,184,.22))}.about:after{width:70px;height:60px;background:transparent url('assets/logo-jisp-transparent-dark.svg') center/contain no-repeat;box-shadow:none}.cta-logo{width:100px;height:84px;background:transparent url('assets/logo-jisp-transparent.svg') center/contain no-repeat;overflow:visible;box-shadow:none}.cta-logo img{display:none}.cta-logo+ .eyebrow{margin-top:6px}
@media(max-width:900px){.hero-brand img{width:185px;height:156px}.brand-emblem{width:155px;height:132px}.about:after{width:58px;height:50px}}
@media(max-width:560px){.hero-brand img{width:160px;height:135px}.hero-brand{margin-bottom:10px}.brand-emblem{width:140px;height:120px}.about:after{width:48px;height:42px}}

/* Brand alignment and accurate Brazil flag — v13 */
.hero-brand{width:min(700px,100%);justify-content:center}.brand-emblem{width:285px;height:240px;margin-bottom:8px}.about-stat>p{margin-top:4px}.flag-br:before{width:60px;height:38px;left:50%;top:50%;transform:translate(-50%,-50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.flag-br:after{width:23px;height:23px}.flag-br i:before{content:'';position:absolute;z-index:3;width:24px;height:5px;border-top:2px solid #fff;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-25%) rotate(8deg)}
@media(max-width:900px){.hero-brand{width:min(620px,100%)}.brand-emblem{width:235px;height:200px}}
@media(max-width:560px){.hero-brand{width:100%;justify-content:flex-start}.brand-emblem{width:200px;height:170px}.flag-br:before{width:48px;height:30px}.flag-br:after{width:19px;height:19px}.flag-br i:before{width:20px;height:4px}}

/* Exact hero intro alignment and expanded navigation — v14 */
.hero-intro{display:flex;flex-direction:column;align-items:center;width:max-content;max-width:100%;margin-bottom:8px}.hero-intro .hero-brand{width:auto;justify-content:center;margin-bottom:8px}.hero-intro .eyebrow{width:100%;justify-content:center;margin:0}.desktop-nav{gap:22px}.desktop-nav a{font-size:11px;white-space:nowrap}.hero-intro+h1{margin-top:16px}
@media(max-width:1100px){.desktop-nav{gap:14px}.desktop-nav a{font-size:9px}.header-cta{padding:11px 12px;font-size:10px}}
@media(max-width:900px){.hero-intro{margin-left:0}.hero-intro .hero-brand{width:auto}.hero-intro .eyebrow{justify-content:center}}
@media(max-width:560px){.hero-intro{width:100%;align-items:center}.hero-intro .eyebrow{justify-content:center;width:100%;text-align:center}.hero-intro .hero-brand{align-self:center;margin-right:0}}

/* Regional map and centered brand tiles — v15 */
.brand-mark{background:#fff url('assets/logo-jisp-symbol.svg') center/31px 28px no-repeat}.brand-mark img{display:none}.section-brand span{background:#fff url('assets/logo-jisp-symbol.svg') center/27px 25px no-repeat}.section-brand span img{display:none}.south-america-map{display:block;width:100%;height:370px}.country-map path{fill:url(#mapFill);stroke:#5fa9f7;stroke-width:2;filter:url(#mapGlow);transition:.4s}.country-map:hover path{fill:#1a63b7;stroke:#8bc9ff}.country-map circle{fill:#54edb3;stroke:#d7fff2;stroke-width:2;filter:url(#mapGlow);animation:statusPulse 1.8s infinite}.country-map text{fill:#dceeff;font:700 15px Space Grotesk;letter-spacing:.18em}.map-connection-base{fill:none;stroke:#245c9b;stroke-width:5;opacity:.45}.map-connection-flow{fill:none;stroke:#68ddff;stroke-width:4;stroke-linecap:round;stroke-dasharray:3 140;filter:url(#mapGlow);animation:regionalData 4s linear infinite}.flow-two{stroke:#50efb6;animation-delay:-2s;animation-duration:5.2s}.map-badge{filter:drop-shadow(0 10px 18px rgba(0,0,0,.3))}.flag-star{fill:#fff;font:16px Arial;text-anchor:middle}.map-center-brand circle{fill:rgba(4,25,55,.95);stroke:#66c8ff;stroke-width:1.5;filter:url(#mapGlow)}.map-center-brand text{fill:#8bb9e8;font:700 7px Space Grotesk;letter-spacing:.14em;text-anchor:middle}.regional-map .map-status{z-index:4}@keyframes regionalData{to{stroke-dashoffset:-860}}
@media(max-width:900px){.south-america-map{height:330px}}
@media(max-width:560px){.regional-map{height:330px}.south-america-map{height:285px;transform:scale(1.1)}.regional-map .map-status{bottom:15px}.map-center-brand text{font-size:6px}}
@media(prefers-reduced-motion:reduce){.map-connection-flow,.country-map circle{animation:none!important}}