:root{--blue:#005d97;--ink:#233c4c;--muted:#677782;--line:#dee7ec;--pale:#f4f8fa;--page:1200px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;scroll-behavior:smooth;scroll-padding-top:112px;scrollbar-gutter:stable}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #0087c5;outline-offset:6px}::selection{background:#cee9f7}.container{width:min(var(--page),calc(100% - 96px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex-shrink:0;width:195px;aspect-ratio:5.8788 / 1.9579}.logo-stage{display:block;width:100%;transform-origin:top left}.netcode-logo{display:block;width:100%;height:auto;overflow:visible}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav a:hover,.text-link:hover{color:var(--blue)}.nav-contact{border:1px solid #b4c9d7;border-radius:5px;padding:13px 20px}.nav-contact span{margin-left:22px}.hero{display:grid;grid-template-columns:1.15fr 1fr;column-gap:25px;padding-top:82px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:10px;margin:0 0 26px}.blue-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0}h1{font-size:clamp(44px,4.6vw,66px);font-weight:500;line-height:1.07;letter-spacing:-3px;margin:0 0 25px}h1 em{color:var(--blue);font-style:normal}.hero-description{font-size:16px;color:var(--muted);line-height:1.8;max-width:455px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 21px;font-size:12px;font-weight:600;border-radius:5px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff}.primary:hover{background:#004873}.text-link{font-size:12px;display:inline-flex;gap:14px;align-items:center}.hero-note{font-size:11px;color:#7c8991;margin-top:23px}.network-art{position:relative;align-self:center;width:100%;aspect-ratio:520 / 510;isolation:isolate}.art-grid{position:absolute;inset:-30px;background-image:radial-gradient(#91acbd 1px,transparent 1px);background-size:20px 20px;opacity:.36;mask-image:radial-gradient(ellipse,#000 25%,transparent 69%);z-index:-1}.orbit{border:1px solid #e4edf2;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);aspect-ratio:1}.orbit-one{width:57%}.orbit-two{width:88%}.connections{position:absolute;width:100%;height:100%;inset:0}.network-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:29%;aspect-ratio:1;border:1px solid #c6dae7;border-radius:26%;background:linear-gradient(145deg,#fff,#edf6fb);box-shadow:0 18px 50px #005d9710,inset 0 0 0 7px white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.network-core>span:last-child{font-size:8px;letter-spacing:1.5px;font-weight:700}.core-symbol{font-size:60px;letter-spacing:-6px;line-height:1;color:#5b5b5b}.core-symbol span{color:var(--blue)}.node{position:absolute;display:flex;gap:10px;align-items:center;padding:14px;background:#fff;border:1px solid #dce6ec;border-radius:8px;box-shadow:0 8px 26px #24495d08}.node-icon{width:30px;height:30px;display:grid;place-items:center;font-size:25px;color:var(--blue);background:#eff6fa;border-radius:5px}.code-icon{font-size:16px}.node small{display:block;font-size:7px;letter-spacing:1.2px;color:#7b8e99;margin-bottom:6px}.node strong{font-size:12px;font-weight:500}.node-infra{left:1%;top:15%}.node-security{right:0;top:23%}.node-support{left:0;top:65%}.node-code{right:4%;top:76%}.art-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:9px;font-size:8px;letter-spacing:1.4px;color:#778994}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:24px 0;margin-top:68px;font-size:11px;color:var(--muted)}.hero-bottom a{display:flex;gap:30px}.section-pad{padding-block:90px}.solutions{background:var(--pale);border-block:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:42px}h2{font-size:clamp(30px,3.1vw,43px);font-weight:500;letter-spacing:-1.6px;line-height:1.16;margin:0}.section-heading>p{max-width:340px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}.services{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:white}.service{display:flex;flex-direction:column;padding:28px 24px;transition:background .2s}.service+.service{border-left:1px solid var(--line)}.service:hover{background:#edf6fb}.service-top{display:flex;justify-content:space-between;color:var(--blue);font-size:12px;margin-bottom:44px}.service-top span:last-child{font-size:20px}h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:0 0 14px}.service p{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 28px}.service-tags{margin-top:auto;font-size:8px;letter-spacing:.8px;color:#607f93;line-height:1.8}.approach{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach-intro{font-size:15px;line-height:1.8;color:var(--muted);max-width:350px;margin-top:24px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li>span{font-size:10px;color:var(--blue);padding-top:5px}.steps h3{font-size:17px;margin-bottom:10px}.steps p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.contact-section{background:#063c5e;color:white;padding:70px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.contact-section .eyebrow{color:#90c6e8}.contact-section h2{font-size:38px}.contact-section p:not(.eyebrow){font-size:14px;color:#b8cdda;line-height:1.7}.contact-action{max-width:290px}.contact-action .button{background:#fff;color:#005d97}.contact-placeholder{border-left:1px solid #60859c;padding-left:24px}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:30px}footer>span{font-size:24px;color:#5b5b5b;letter-spacing:-1px}.footer-dot{color:var(--blue)}footer small{font-size:10px;letter-spacing:0;color:var(--muted)}footer>span small{margin-left:12px}.skip-link{position:fixed;left:20px;top:-100px;z-index:60;background:white;padding:15px}.skip-link:focus{top:15px}.intro-curtain,.skip-intro{display:none}.js.intro{overflow:hidden}.js.intro .intro-curtain{display:block;position:fixed;inset:0;background:#fff;z-index:25}.js.intro .intro-curtain::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#005d9705 1px,transparent 1px),linear-gradient(90deg,#005d9705 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.js.intro .site-header{background:transparent;border-color:transparent}.js.intro .logo-stage{position:fixed;left:50%;top:45vh;top:45svh;width:min(72vw,760px);transform:translate(-50%,-50%)}.js.intro nav,.js.intro .landing-content{opacity:0;visibility:hidden}.js.intro .skip-intro{display:block;position:fixed;bottom:32px;left:50%;transform:translateX(-50%);z-index:40;border:1px solid var(--line);padding:12px 18px;border-radius:25px;background:white;color:var(--muted);font-size:11px;white-space:nowrap}.js.intro.docking .logo-stage{transition:left 1.1s cubic-bezier(.76,0,.24,1),top 1.1s cubic-bezier(.76,0,.24,1),width 1.1s cubic-bezier(.76,0,.24,1),transform 1.1s cubic-bezier(.76,0,.24,1)}.js.intro.docking .intro-curtain{opacity:0;transition:opacity .9s .2s;pointer-events:none}.js.intro.docking nav,.js.intro.docking .landing-content{opacity:1;visibility:visible;transition:opacity .8s .45s}.js.intro.docking .skip-intro{display:none}
@media(min-width:1500px){.hero{padding-top:105px}.hero-bottom{margin-top:88px}}
@media(max-width:1000px){.container{width:calc(100% - 64px)}.hero{column-gap:8px;padding-top:60px}h1{font-size:48px}.hero-actions{gap:18px}.services{grid-template-columns:repeat(2,1fr)}.service:nth-child(3){border-left:0}.service:nth-child(n+3){border-top:1px solid var(--line)}.approach{gap:50px}.node{padding:10px;gap:7px}.node strong{font-size:10px}.node small{font-size:6px}.core-symbol{font-size:46px}.network-core>span:last-child{font-size:6px}.contact-section h2{font-size:32px}}
@media(max-width:600px){:root{scroll-padding-top:90px}.container{width:calc(100% - 40px)}.header-inner{height:80px;gap:12px}.brand{width:150px}nav{gap:0}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:11px;padding:10px 12px}.nav-contact span{margin-left:10px}.hero{grid-template-columns:1fr;padding-top:48px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:23px}h1{font-size:clamp(38px,10.8vw,60px);letter-spacing:-2px}.hero-description{font-size:14px;line-height:1.8;max-width:360px}.hero-actions{gap:23px}.hero-note{font-size:10px;margin-top:22px}.network-art{width:min(100%,390px);margin:24px auto 0}.node{padding:11px}.node strong{font-size:11px}.node small{font-size:6px}.core-symbol{font-size:48px}.hero-bottom{margin-top:30px;font-size:10px;padding:20px 0}.hero-bottom>span{display:none}.hero-bottom a{width:100%;justify-content:space-between}.section-pad{padding-block:58px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;font-size:13px}h2{font-size:32px}.services{grid-template-columns:1fr}.service{padding:25px}.service+.service{border-left:0;border-top:1px solid var(--line)}.service-top{margin-bottom:23px}.service h3{font-size:20px}.service p{margin-bottom:20px}.service-tags{font-size:8px}.approach{grid-template-columns:1fr;gap:24px}.approach-intro{font-size:14px}.contact-section{padding:52px 0}.contact-inner{display:block}.contact-section h2{font-size:31px}.contact-action{margin-top:26px}.contact-placeholder{padding-left:16px}footer{flex-wrap:wrap;gap:15px;padding-block:25px}footer>span{width:100%}.js.intro .logo-stage{width:84vw;top:38vh;top:38svh}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.contact-email{display:block;margin-top:20px;font-size:13px;color:#d0e4f0;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.contact-email:hover{color:white}