:root{--canvas:#091014;--surface:#0f1a20;--raised:#15252d;--text:#f2f8f8;--muted:#a8b9bc;--dim:#6d858a;--accent:#56e0d0;--accent-bright:#b9fff5;--line:rgba(168,219,219,.16);--line-strong:rgba(86,224,208,.44);--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--canvas);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.section-shell,.site-header{width:min(1200px,calc(100% - 64px));margin-inline:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:10;transition:background .25s,border-color .25s,backdrop-filter .25s}.site-header.is-scrolled{background:rgba(9,16,20,.84);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.wordmark{font-size:21px;font-weight:600;letter-spacing:-.05em}.wordmark-mark{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:7px;background:var(--accent);color:var(--canvas);border-radius:7px;font-size:17px;font-weight:700}.wordmark-dot{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:34px;color:var(--muted);font-size:14px}.site-nav a{transition:color .2s}.site-nav a:hover,.site-nav a:focus-visible{color:var(--text)}.nav-cta{color:var(--accent-bright)!important}.nav-cta span{margin-left:7px}.menu-toggle{display:none;background:none;border:0;color:var(--text)}.hero{min-height:100dvh;padding-top:150px;padding-bottom:90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);align-items:center;gap:60px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--accent);font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.eyebrow-line{display:inline-block;width:30px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;letter-spacing:-.06em;line-height:1.05}h1{max-width:650px;margin:24px 0 28px;font-size:clamp(3.3rem,6.5vw,6rem)}h1 em,h2 em{color:var(--accent);font-style:normal}h1 em{display:block}.hero-intro{max-width:490px;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 19px;border-radius:999px;font-size:14px;font-weight:600;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button:focus-visible,.text-link:focus-visible,.site-nav a:focus-visible,.back-top:focus-visible,.wordmark:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.button-primary{background:var(--accent);color:var(--canvas)}.button-primary:hover{background:var(--accent-bright)}.text-link{color:var(--muted);font-size:14px}.text-link span{color:var(--accent);margin-left:6px}.hero-note{display:flex;align-items:center;gap:9px;color:var(--dim);font:11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em;margin-top:75px}.status-dot{width:7px;height:7px;display:inline-block;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(86,224,208,.1)}.network-wrap{position:relative;aspect-ratio:1.05;min-height:460px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 50%,rgba(86,224,208,.1),transparent 50%),var(--surface)}.network-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}.network-svg{width:94%;height:94%;overflow:visible}.network-path{stroke:var(--line-strong);stroke-width:1.2;stroke-dasharray:5 8;animation:dash 16s linear infinite}.network-path-muted{stroke:rgba(168,219,219,.26);stroke-dasharray:2 10}.network-path-bright{stroke:var(--accent);stroke-width:1.8;filter:drop-shadow(0 0 5px rgba(86,224,208,.45));stroke-dasharray:130 550;animation:trace 7s ease-in-out infinite}.network-node{fill:var(--canvas);stroke:var(--accent);stroke-width:1.5}.node-b{fill:rgba(86,224,208,.15);filter:drop-shadow(0 0 16px rgba(86,224,208,.5))}.node-core{fill:var(--accent)}.visual-label{position:absolute;color:var(--dim);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em}.label-top{top:22px;left:24px}.label-bottom{bottom:22px;right:24px}.visual-badge{position:absolute;right:22px;top:20px;display:flex;align-items:center;gap:8px;color:var(--accent);font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.services-section{padding:130px 0 150px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.section-heading h2{font-size:clamp(2.7rem,5vw,5rem);margin:18px 0 0}.section-heading h2 span{color:var(--muted)}.section-lead{max-width:350px;margin:3px 0 70px auto;color:var(--muted);line-height:1.65}.service-list{border-top:1px solid var(--line)}.service-card{display:grid;grid-template-columns:110px 1fr 35px;gap:35px;align-items:center;padding:29px 0;border-bottom:1px solid var(--line);transition:transform .25s,border-color .25s}.service-card:hover{transform:translateX(8px);border-color:var(--line-strong)}.card-index{color:var(--accent);font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.service-card h3{font-size:clamp(1.45rem,2.2vw,2rem);margin:0 0 8px;letter-spacing:-.04em}.service-card p{color:var(--muted);margin:0;max-width:500px}.card-arrow{color:var(--accent);font-size:22px}.about-section{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:140px 0;border-top:1px solid var(--line)}.about-number{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}.about-number span{color:var(--dim);margin:0 5px}.about-section h2{font-size:clamp(2.6rem,5vw,5rem);max-width:760px;margin:18px 0 36px}.about-copy{color:var(--muted);font-size:19px;line-height:1.65;max-width:640px}.contact-section{background:var(--raised);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-inner{min-height:420px;padding:100px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.contact-inner h2{font-size:clamp(3rem,5.6vw,5.5rem);margin:20px 0 0}.contact-side p{color:var(--muted);font-size:17px;line-height:1.6;max-width:380px}.contact-side .button{margin-top:14px}.contact-placeholder{color:var(--dim)!important;font:11px ui-monospace,SFMono-Regular,Menlo,monospace!important;margin-top:34px}.contact-placeholder span{padding:0 7px;color:var(--accent)}.site-footer{min-height:130px;display:flex;align-items:center;justify-content:space-between;color:var(--dim);font-size:12px}.site-footer p{margin:0}.back-top{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes dash{to{stroke-dashoffset:-100}}@keyframes trace{0%,100%{stroke-dashoffset:550}50%{stroke-dashoffset:0}}@media(max-width:760px){.section-shell,.site-header{width:min(100% - 40px,1200px)}.site-header{height:74px}.menu-toggle{display:grid;gap:4px;padding:8px;cursor:pointer}.menu-toggle span:not(.sr-only){width:23px;height:1px;background:var(--text);display:block}.site-nav{display:none;position:absolute;top:74px;left:0;right:0;padding:20px;width:100%;background:rgba(9,16,20,.97);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px}.site-nav.is-open{display:flex}.hero{padding-top:125px;grid-template-columns:1fr;gap:45px}.hero-intro{font-size:16px}.hero-note{margin-top:55px}.network-wrap{min-height:340px}.section-heading{display:block}.section-lead{margin:34px 0 50px}.service-card{grid-template-columns:65px 1fr 20px;gap:15px;padding:24px 0}.service-card p{font-size:14px}.about-section{grid-template-columns:1fr;gap:35px;padding:90px 0}.contact-inner{min-height:auto;padding:90px 0;grid-template-columns:1fr;gap:50px}.site-footer{min-height:150px;flex-wrap:wrap;gap:20px;padding:35px 0}.site-footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
