:root {
    --ink: #090d12;
    --surface: #0d1319;
    --surface-raised: #131c24;
    --surface-soft: #18232d;
    --line: rgba(164, 207, 224, .16);
    --muted: #8296a5;
    --text: #eaf2f5;
    --cyan: #6ce2f0;
    --cyan-dim: #2f8c9c;
    --green: #8be3a4;
    --amber: #e1b46d;
    --display: "Space Grotesk", "Segoe UI", sans-serif;
    --mono: "DM Mono", Consolas, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--ink); color: var(--text); font-family: var(--display); margin: 0; }
body::before { background: radial-gradient(circle at 72% 0%, rgba(40, 128, 151, .16), transparent 32rem), radial-gradient(circle at 0% 45%, rgba(36, 71, 102, .12), transparent 30rem); content: ""; inset: 0; pointer-events: none; position: fixed; z-index: -1; }
a { color: inherit; text-decoration: none; }
.site-shell { margin: 0 auto; max-width: 1440px; overflow: hidden; padding: 0 54px; }
.site-header { align-items: center; border-bottom: 1px solid var(--line); display: flex; height: 88px; justify-content: space-between; }
.brand { align-items: center; display: inline-flex; font: 500 13px var(--mono); gap: 11px; letter-spacing: .14em; }
.brand-mark { display: inline-flex; gap: 3px; height: 18px; transform: skew(-25deg); }
.brand-mark i { background: var(--cyan); display: block; height: 18px; width: 4px; }
.brand-mark i:nth-child(2) { background: #b1f3ee; height: 14px; margin-top: 4px; }
.brand-mark i:nth-child(3) { background: var(--cyan-dim); height: 10px; margin-top: 8px; }
.primary-nav { display: flex; gap: 38px; margin-left: 110px; }
.primary-nav a, .header-login { color: var(--muted); font: 400 11px var(--mono); letter-spacing: .08em; text-transform: uppercase; transition: color .2s ease; }
.primary-nav a:hover, .header-login:hover, .site-footer a:hover { color: var(--cyan); }
.header-login { align-items: center; color: var(--text); display: inline-flex; gap: 10px; }
.status-dot, .terminal-live i, .job-status i { background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(139, 227, 164, .1), 0 0 16px rgba(139, 227, 164, .5); display: inline-block; height: 6px; width: 6px; }
.hero { display: grid; gap: 7%; grid-template-columns: minmax(420px, .92fr) minmax(460px, 1.08fr); min-height: 705px; padding: 110px 0 80px; }
.hero-copy { align-self: center; position: relative; z-index: 2; }
.eyebrow, .section-kicker { color: var(--cyan); font: 500 10px var(--mono); letter-spacing: .18em; margin: 0; text-transform: uppercase; }
.eyebrow { align-items: center; display: flex; gap: 11px; }
.eyebrow-line { background: var(--cyan); display: inline-block; height: 1px; width: 34px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-weight: 500; }
h1 { font-size: clamp(4.7rem, 8.3vw, 8.1rem); letter-spacing: -.09em; line-height: .82; margin: 38px 0 39px; max-width: 700px; }
h1 em, h2 em { color: var(--cyan); font-style: normal; }
.hero-intro { color: #a7b8c2; font-size: 16px; line-height: 1.65; max-width: 410px; }
.hero-actions { align-items: center; display: flex; gap: 22px; margin-top: 38px; }
.button { align-items: center; display: inline-flex; font: 500 11px var(--mono); gap: 16px; justify-content: center; letter-spacing: .06em; min-height: 48px; padding: 0 20px; text-transform: uppercase; transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--cyan); color: #071014; }
.button-primary:hover { background: #b3f5f3; }
.button-quiet { border-bottom: 1px solid var(--line); color: var(--muted); min-height: 36px; padding: 0 0 10px; }
.button-quiet:hover { border-color: var(--cyan); color: var(--cyan); }
.hero-footnote { color: #647985; font: 10px var(--mono); letter-spacing: .03em; margin-top: 58px; text-transform: uppercase; }
.pulse-ring { border: 1px solid var(--green); border-radius: 50%; display: inline-block; height: 8px; margin-right: 7px; position: relative; width: 8px; }
.pulse-ring::after { border: 1px solid var(--green); border-radius: 50%; content: ""; inset: -4px; opacity: .35; position: absolute; }
.separator { color: #40545e; margin: 0 9px; }
.hero-visual { background: linear-gradient(135deg, rgba(33, 68, 80, .27), rgba(5, 12, 17, .12) 58%), #0b1218; border: 1px solid rgba(129, 190, 207, .22); min-height: 520px; overflow: hidden; position: relative; }
.hero-visual::after { background: linear-gradient(110deg, transparent 15%, rgba(108, 226, 240, .05) 50%, transparent 75%); content: ""; inset: 0; pointer-events: none; position: absolute; }
.visual-grid { background-image: linear-gradient(rgba(112, 179, 196, .09) 1px, transparent 1px), linear-gradient(90deg, rgba(112, 179, 196, .09) 1px, transparent 1px); background-size: 50px 50px; inset: 0; opacity: .8; position: absolute; transform: perspective(500px) rotateX(58deg) scale(1.8) translateY(20%); transform-origin: center bottom; }
.visual-orbit { border: 1px solid rgba(108, 226, 240, .22); border-radius: 50%; left: 48%; position: absolute; top: 46%; transform: translate(-50%, -50%) rotate(-28deg); }
.orbit-large { height: 460px; width: 230px; }
.orbit-small { border-color: rgba(139, 227, 164, .28); height: 330px; transform: translate(-50%, -50%) rotate(62deg); width: 165px; }
.visual-crosshair { border: 1px solid rgba(108, 226, 240, .34); height: 15px; position: absolute; width: 15px; }
.visual-crosshair::before, .visual-crosshair::after { background: var(--cyan); content: ""; position: absolute; }
.visual-crosshair::before { height: 1px; left: -6px; right: -6px; top: 6px; }.visual-crosshair::after { bottom: -6px; left: 6px; top: -6px; width: 1px; }
.crosshair-one { right: 20%; top: 17%; }.crosshair-two { left: 19%; top: 59%; }
.route-path { border-top: 1px dashed rgba(108, 226, 240, .62); height: 1px; position: absolute; transform-origin: left center; }
.route-path span { background: var(--cyan); border-radius: 50%; box-shadow: 0 0 12px var(--cyan); height: 5px; position: absolute; top: -3px; width: 5px; }
.route-path-one { left: 20%; top: 53%; transform: rotate(-23deg); width: 64%; }.route-path-one span:nth-child(1) { left: 22%; }.route-path-one span:nth-child(2) { left: 53%; }.route-path-one span:nth-child(3) { left: 92%; }
.route-path-two { left: 48%; top: 46%; transform: rotate(67deg); width: 35%; }.route-path-two span:nth-child(1) { left: 37%; }.route-path-two span:nth-child(2) { left: 97%; }
.signal-node { align-items: center; display: flex; flex-direction: column; gap: 7px; position: absolute; z-index: 2; }.signal-node span { background: var(--cyan); border: 4px solid rgba(108, 226, 240, .14); border-radius: 50%; box-shadow: 0 0 0 1px var(--cyan), 0 0 22px var(--cyan-dim); height: 13px; width: 13px; }.signal-node b { color: var(--cyan); font: 9px var(--mono); letter-spacing: .12em; }
.node-main { left: 47%; top: 43%; }.node-north { left: 65%; top: 20%; }.node-east { left: 81%; top: 66%; }.node-west { left: 18%; top: 56%; }.node-east span, .node-west span { background: var(--green); box-shadow: 0 0 0 1px var(--green), 0 0 18px rgba(139, 227, 164, .5); }
.visual-readout { display: flex; flex-direction: column; gap: 4px; position: absolute; z-index: 2; }.visual-readout span, .terminal-top, .terminal-row, .card-index { color: #68818d; font: 9px var(--mono); letter-spacing: .09em; text-transform: uppercase; }.visual-readout strong { color: var(--text); font: 500 10px var(--mono); }.readout-top { left: 25px; top: 25px; }.readout-bottom { bottom: 126px; right: 25px; text-align: right; }
.hero-terminal { background: rgba(5, 13, 18, .82); border: 1px solid rgba(139, 192, 205, .23); bottom: 25px; left: 25px; padding: 17px 18px 10px; position: absolute; right: 25px; z-index: 3; }.terminal-top { border-bottom: 1px solid rgba(139, 192, 205, .14); display: flex; justify-content: space-between; padding-bottom: 11px; }.terminal-live { color: var(--green); }.terminal-live i { box-shadow: none; height: 5px; margin-right: 5px; width: 5px; }.terminal-row { align-items: center; border-bottom: 1px solid rgba(139, 192, 205, .09); color: #b7c6cc; display: grid; font-size: 10px; gap: 12px; grid-template-columns: 38px 1fr auto; padding: 11px 0; }.terminal-row:last-child { border-bottom: 0; }.terminal-row strong { color: var(--cyan); font-size: 10px; font-weight: 500; }.terminal-row strong.amber { color: var(--amber); }.terminal-row strong.green { color: var(--green); }.terminal-time { color: #55707c; }
.network-strip { align-items: center; border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; gap: 34px; grid-template-columns: 1.25fr repeat(3, 1fr) 24px; padding: 25px 0; }.network-label, .stat-block { display: flex; flex-direction: column; gap: 6px; }.network-label { color: var(--text); flex-direction: row; flex-wrap: wrap; font: 500 10px var(--mono); gap: 9px; letter-spacing: .1em; }.network-label small { color: #5a727e; flex-basis: 100%; font: 9px var(--mono); margin-left: 15px; }.stat-block > span { color: #6e8793; font: 9px var(--mono); letter-spacing: .1em; }.stat-block strong { font-size: 27px; font-weight: 500; letter-spacing: -.06em; }.stat-block small { color: #5d7681; font: 9px var(--mono); letter-spacing: .06em; }.stat-block .stat-positive { color: var(--green); }.network-arrow { color: var(--cyan); font-size: 23px; text-align: right; }
.section-space { padding-top: 150px; }.manifesto .section-kicker { margin-bottom: 34px; }.manifesto-content { display: grid; gap: 10%; grid-template-columns: 1.25fr .75fr; }.manifesto h2, .jobs-heading h2, .closing-cta h2 { font-size: clamp(3.6rem, 6vw, 6.2rem); letter-spacing: -.08em; line-height: .87; margin: 0; }.manifesto h2 span, .jobs-heading h2 span { color: #76909d; }.manifesto-copy { align-self: end; color: #a7b8c2; font-size: 15px; line-height: 1.7; max-width: 380px; }.manifesto-copy p + p { color: #718690; }.text-link { border-bottom: 1px solid var(--cyan-dim); color: var(--cyan); display: inline-flex; font: 10px var(--mono); gap: 14px; letter-spacing: .08em; margin-top: 16px; padding-bottom: 8px; text-transform: uppercase; }.text-link span { font-size: 15px; line-height: 9px; }
.feature-grid { display: grid; gap: 12px; grid-template-columns: 1.1fr 1fr .9fr; }.feature-card { min-height: 480px; overflow: hidden; padding: 25px; position: relative; }.feature-card-tall { background: #17242d; }.feature-card-dark { background: #101921; }.feature-card-accent { background: var(--cyan); color: #091216; }.feature-card .card-index { color: #78929e; position: relative; z-index: 2; }.feature-card-accent .card-index { color: #427c86; }.feature-copy { bottom: 26px; left: 25px; position: absolute; right: 25px; z-index: 2; }.feature-copy h3 { font-size: 31px; letter-spacing: -.06em; line-height: .93; margin-bottom: 17px; }.feature-copy p { color: #90a5af; font-size: 13px; line-height: 1.55; margin-bottom: 0; max-width: 290px; }.feature-card-accent .feature-copy p { color: #2f6169; }.mini-map { height: 240px; inset: 0 0 auto; opacity: .9; position: absolute; }.mini-map::before { background-image: linear-gradient(rgba(108, 226, 240, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(108, 226, 240, .08) 1px, transparent 1px); background-size: 34px 34px; content: ""; inset: 0; position: absolute; transform: perspective(220px) rotateX(45deg) scale(1.5); }.mini-route { border-top: 1px solid var(--cyan); left: 18%; position: absolute; top: 45%; transform: rotate(28deg); width: 75%; }.mini-route::before, .mini-route::after { background: var(--cyan); border-radius: 50%; content: ""; height: 8px; position: absolute; top: -4px; width: 8px; }.mini-route::before { left: 0; }.mini-route::after { right: 0; }.mini-node { background: var(--green); border: 3px solid rgba(139, 227, 164, .2); border-radius: 50%; height: 10px; position: absolute; width: 10px; }.mini-node-a { left: 21%; top: 33%; }.mini-node-b { left: 53%; top: 66%; }.mini-node-c { right: 12%; top: 18%; }.map-label { color: #6e8f9a; font: 8px var(--mono); position: absolute; }.map-label-a { left: 14%; top: 25%; }.map-label-b { right: 10%; top: 70%; }
.telemetry-graphic { height: 230px; inset: 0; overflow: hidden; position: absolute; }.telemetry-graphic::before { border: 1px solid rgba(108, 226, 240, .22); border-radius: 50%; content: ""; height: 290px; left: 35%; position: absolute; top: -75px; width: 290px; }.telemetry-line { border-top: 1px solid; display: block; left: -10%; position: absolute; transform-origin: left center; width: 130%; }.line-one { border-color: var(--cyan); top: 39%; transform: rotate(-8deg); }.line-two { border-color: var(--green); top: 55%; transform: rotate(4deg); }.line-three { border-color: var(--amber); top: 69%; transform: rotate(-18deg); }.telemetry-graphic b { color: var(--cyan); font: 500 10px var(--mono); left: 42%; letter-spacing: .12em; line-height: 1.5; position: absolute; text-align: center; top: 44%; }.balance-graphic { align-items: flex-start; display: flex; flex-direction: column; gap: 8px; left: 25px; position: absolute; right: 25px; top: 120px; }.balance-graphic::after { background: repeating-linear-gradient(135deg, rgba(9, 18, 22, .12) 0, rgba(9, 18, 22, .12) 1px, transparent 1px, transparent 10px); content: ""; height: 92px; left: 0; position: absolute; right: 0; top: 60px; }.balance-graphic span, .balance-graphic small { font: 9px var(--mono); letter-spacing: .1em; }.balance-graphic span { color: #43838a; }.balance-graphic strong { font-size: 43px; letter-spacing: -.08em; }.balance-graphic small { color: #34747d; }
.jobs-heading { align-items: end; display: flex; justify-content: space-between; margin-bottom: 52px; }.jobs-heading .section-kicker { margin-bottom: 30px; }.jobs-table { border-top: 1px solid var(--line); }.jobs-table-head, .job-row { align-items: center; display: grid; gap: 20px; grid-template-columns: 1fr 1.25fr 1fr .65fr; }.jobs-table-head { border-bottom: 1px solid var(--line); color: #58717d; font: 9px var(--mono); letter-spacing: .1em; padding: 16px 19px; }.job-row { border-bottom: 1px solid rgba(164, 207, 224, .1); color: #9db0b8; font: 12px var(--mono); padding: 20px 19px; }.job-row strong { color: var(--text); font: 500 13px var(--display); }.job-row b { color: var(--cyan); font-weight: 400; padding: 0 6px; }.job-status { color: #7f9c88; font-size: 10px; }.job-status i { box-shadow: none; height: 5px; margin-right: 7px; width: 5px; }.job-payout { color: var(--cyan) !important; font: 500 17px var(--mono) !important; text-align: right; }.job-empty { border-bottom: 1px solid rgba(164, 207, 224, .1); color: var(--muted); font: 12px var(--mono); padding: 28px 19px; }
.closing-cta { align-items: center; border-top: 1px solid var(--line); display: grid; gap: 32px; grid-template-columns: 110px 1fr auto; padding-bottom: 135px; }.closing-cta .section-kicker { margin-bottom: 27px; }.closing-cta h2 { font-size: clamp(3.4rem, 5.5vw, 5.6rem); }.closing-mark { display: flex; gap: 6px; height: 92px; transform: skew(-24deg); }.closing-mark span { background: var(--cyan); height: 92px; width: 12px; }.closing-mark span:nth-child(2) { background: #b1f3ee; height: 70px; margin-top: 22px; }.closing-mark span:nth-child(3) { background: var(--cyan-dim); height: 48px; margin-top: 44px; }
.site-footer { align-items: center; border-top: 1px solid var(--line); color: #59717c; display: flex; font: 9px var(--mono); justify-content: space-between; letter-spacing: .08em; min-height: 95px; }.footer-brand { color: var(--text); font-size: 11px; }

@@media (max-width: 980px) { .site-shell { padding: 0 28px; }.primary-nav { gap: 18px; margin-left: 0; }.hero { gap: 35px; grid-template-columns: 1fr; padding-top: 85px; }.hero-copy { max-width: 650px; }.hero-visual { margin-left: 8%; min-height: 560px; }.network-strip { gap: 20px; grid-template-columns: 1fr 1fr; }.network-label { grid-column: span 2; }.network-arrow { display: none; }.feature-grid { grid-template-columns: 1fr 1fr; }.feature-card-tall { grid-row: span 2; }.feature-card { min-height: 400px; }.closing-cta { grid-template-columns: 85px 1fr; }.closing-cta .button { grid-column: 2; justify-self: start; } }
@@media (max-width: 650px) { .site-shell { padding: 0 20px; }.site-header { height: 72px; }.primary-nav { display: none; }.header-login { font-size: 9px; }.hero { min-height: auto; padding: 75px 0 65px; }.hero h1 { font-size: clamp(4rem, 19vw, 6.4rem); margin-bottom: 32px; }.hero-intro { font-size: 14px; }.hero-actions { align-items: flex-start; flex-direction: column; gap: 24px; }.hero-footnote { line-height: 1.8; margin-top: 43px; }.hero-visual { margin-left: 0; min-height: 455px; }.hero-terminal { bottom: 18px; left: 18px; padding: 13px 13px 5px; right: 18px; }.terminal-row { font-size: 8px; gap: 6px; grid-template-columns: 29px 1fr auto; padding: 10px 0; }.terminal-row strong { font-size: 8px; }.readout-bottom { bottom: 145px; }.network-strip { grid-template-columns: 1fr 1fr; padding: 22px 0; }.network-label { grid-column: span 2; margin-bottom: 10px; }.stat-block strong { font-size: 22px; }.section-space { padding-top: 100px; }.manifesto-content { gap: 40px; grid-template-columns: 1fr; }.manifesto h2, .jobs-heading h2, .closing-cta h2 { font-size: clamp(3.4rem, 16vw, 5rem); }.feature-grid { grid-template-columns: 1fr; }.feature-card, .feature-card-tall { min-height: 410px; }.jobs-heading { align-items: flex-start; flex-direction: column; gap: 35px; }.jobs-table { overflow-x: auto; }.jobs-table-head, .job-row { min-width: 650px; }.closing-cta { align-items: start; grid-template-columns: 58px 1fr; padding-bottom: 100px; }.closing-mark, .closing-mark span { height: 65px; }.closing-mark span:nth-child(2) { margin-top: 16px; }.closing-mark span:nth-child(3) { margin-top: 32px; }.closing-cta .button { grid-column: 2; }.site-footer { align-items: flex-start; flex-direction: column; gap: 20px; padding: 28px 0; } }
@@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }