@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--bg:#05070b;--panel:#0a0e15;--text:#f4f7fb;--muted:#9ba6b7;--line:rgba(255,255,255,.11);--blue:#1477ff;--cyan:#18c8ff;--silver:#dbe4ef;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}a{color:inherit}.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}.ambient{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-1}.ambient-one{width:500px;height:500px;background:rgba(0,111,255,.12);top:10%;right:-240px}.ambient-two{width:400px;height:400px;background:rgba(0,200,255,.08);left:-220px;top:58%}.section-shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 48px),var(--max));margin:auto;position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.06em}.brand b{font-weight:500;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.35);font-size:11px;letter-spacing:-.08em;transform:skewX(-8deg);background:linear-gradient(145deg,#303949,#080b10);box-shadow:inset 0 0 12px rgba(255,255,255,.08),0 0 20px rgba(17,119,255,.12)}.nav{display:flex;align-items:center;gap:32px}.nav a{text-decoration:none;color:#b7c0ce;font-size:14px}.nav a:hover,.nav a:focus-visible{color:#fff}.nav-cta{border:1px solid var(--line);padding:10px 18px;border-radius:999px}.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span:not(.sr-only){display:block;width:24px;height:1px;background:#fff;margin:5px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;position:relative;padding-block:72px 100px}.eyebrow,.section-index,.product-label{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700;color:#8390a3}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:32px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,5.9vw,82px);line-height:.98;letter-spacing:-.055em;margin:24px 0}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(110deg,#f8fbff 5%,#7b8ba1 45%,#e8f4ff 62%,#2c91ff 90%);background-clip:text;-webkit-background-clip:text}.hero-lede{max-width:620px;font-size:18px;line-height:1.75;color:var(--muted)}.hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 22px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:700;transition:.25s ease}.primary{color:white;background:linear-gradient(110deg,#075ed7,#1493ff);box-shadow:0 10px 35px rgba(13,111,255,.25)}.primary:hover{transform:translateY(-2px);box-shadow:0 16px 45px rgba(13,111,255,.38)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.025)}.secondary:hover{border-color:rgba(255,255,255,.3)}.hero-visual{position:relative;display:grid;place-items:center;min-height:580px;padding-bottom:88px}.hero-visual img{width:min(100%,680px);position:relative;z-index:2;filter:brightness(1.14) drop-shadow(0 30px 60px rgba(0,0,0,.8))}.logo-halo{position:absolute;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(38,146,255,.22),rgba(5,7,11,0) 68%);filter:blur(12px)}.scroll-cue{position:absolute;bottom:26px;left:0;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#657086;display:flex;align-items:center;gap:12px}.scroll-cue span{width:40px;height:1px;background:#47536a}.statement{padding-block:140px;display:grid;grid-template-columns:.32fr 1fr;gap:60px;border-top:1px solid var(--line)}.statement h2,.section-heading h2,.legacy-copy h2,.contact h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.045em;margin:0}.statement h2 span{color:var(--blue)}.statement>div>p{color:var(--muted);font-size:20px;line-height:1.7;max-width:740px;margin:28px 0 0}.build-section{padding-block:130px}.section-heading{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end}.section-heading h2{margin-top:18px}.section-heading>p{color:var(--muted);line-height:1.7;margin:0}.product-card{margin-top:68px;min-height:470px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(5,10,20,.7));display:grid;grid-template-columns:90px 1fr 1fr;overflow:hidden;position:relative}.product-card::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 55%,rgba(18,125,255,.1));pointer-events:none}.product-number{padding:36px 0;text-align:center;border-right:1px solid var(--line);font-family:'Space Grotesk';color:#7a879a}.product-copy{padding:70px 55px;position:relative;z-index:2}.product-copy h3{font-family:'Space Grotesk';font-size:58px;letter-spacing:-.04em;margin:12px 0}.product-tagline{font-size:20px;color:#dce7f4;margin:0 0 22px}.product-copy>p:not(.product-label):not(.product-tagline){color:var(--muted);line-height:1.75}.text-link{display:inline-block;margin-top:20px;color:#55aaff;text-decoration:none;font-weight:700}.product-art{position:relative;display:grid;place-items:center;min-height:390px}.core{position:relative;z-index:3;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);background:radial-gradient(circle at 35% 25%,#4f7fa6,#0c1826 48%,#03060a 74%);box-shadow:0 0 80px rgba(29,149,255,.45),inset 0 0 26px rgba(119,206,255,.32)}.core span{font-family:'Space Grotesk';font-size:48px;font-weight:600;color:#eef9ff}.signal{position:absolute;border:1px solid rgba(36,153,255,.3);border-radius:50%;animation:pulse 4s ease-in-out infinite}.signal-a{width:230px;height:230px}.signal-b{width:340px;height:340px;animation-delay:.8s}.signal-c{width:450px;height:450px;animation-delay:1.6s}@keyframes pulse{50%{transform:scale(1.04);opacity:.35}}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:70px}.principle{padding:36px 32px;min-height:215px}.principle+article{border-left:1px solid var(--line)}.principle>span{color:#268cff;font-size:11px}.principle h3{font-family:'Space Grotesk';font-size:20px;margin:40px 0 12px}.principle p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.legacy-section{padding-block:140px;background:linear-gradient(115deg,#090d14,#07090d 52%,#07101c);border-block:1px solid var(--line);position:relative}.legacy-section::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.04) 50%,transparent 50.1%)}.legacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.legacy-copy h2{margin:18px 0 28px}.legacy-copy>p:not(.section-index){color:var(--muted);line-height:1.75}.legacy-copy blockquote{margin:42px 0 0;padding:20px 0 20px 24px;border-left:2px solid var(--blue);font-family:'Space Grotesk';font-size:20px;line-height:1.5;color:#dce8f6}.initials{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line)}.initials div{padding:30px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;gap:18px}.initials div:nth-child(odd){border-right:1px solid var(--line)}.initials div:nth-last-child(-n+2){border-bottom:0}.initials b{font-family:'Space Grotesk';font-size:36px;color:#fff}.initials span{font-size:13px;color:var(--muted)}.initials .future{background:linear-gradient(135deg,rgba(9,94,219,.2),rgba(22,190,255,.1))}.initials .future b{color:#43a5ff}.contact{margin-block:130px;padding:80px;position:relative;overflow:hidden;border:1px solid var(--line);background:#090d13}.contact h2{margin:20px 0}.contact>p:not(.section-index){font-size:18px;color:var(--muted);line-height:1.7;max-width:680px}.contact-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.contact-actions>span{color:#778396;font-size:13px}.contact-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(12,120,255,.25),transparent 70%);right:-110px;bottom:-230px}.footer{padding-block:42px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.footer-brand{display:flex;gap:14px;align-items:center}.footer-brand div{display:flex;flex-direction:column;gap:5px}.footer-brand strong{font-size:13px}.footer-brand small,.footer p{color:#687386;font-size:11px}.footer-links{display:flex;gap:24px}.footer-links a{font-size:12px;text-decoration:none;color:#9da7b6}.footer>p{grid-column:1/-1;margin:0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media (max-width:900px){.site-header{height:72px}.menu-button{display:block}.nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:rgba(5,7,11,.97);padding:24px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:470px;order:-1;padding-bottom:94px}.hero-visual img{width:min(100%,520px)}.hero-copy{text-align:center}.eyebrow,.hero-actions{justify-content:center}.hero-lede{margin-inline:auto}.scroll-cue{display:none}.statement,.section-heading,.legacy-grid{grid-template-columns:1fr}.statement{gap:28px}.section-heading{gap:28px}.product-card{grid-template-columns:60px 1fr}.product-art{grid-column:1/-1;min-height:340px;border-top:1px solid var(--line)}.principles{grid-template-columns:1fr}.principle+article{border-left:0;border-top:1px solid var(--line)}.legacy-grid{gap:60px}.contact{padding:56px 40px}}
@media (max-width:600px){.section-shell,.site-header{width:min(calc(100% - 28px),var(--max))}.brand b{display:none}.hero{padding-block:42px 75px;min-height:auto}.hero-visual{min-height:390px;padding-bottom:102px}.hero h1{font-size:44px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column}.button{width:100%}.statement,.build-section,.legacy-section{padding-block:90px}.statement>div>p{font-size:17px}.product-card{grid-template-columns:1fr}.product-number{display:none}.product-copy{padding:42px 26px}.product-copy h3{font-size:44px}.product-art{min-height:300px}.signal-c{width:360px;height:360px}.initials div{padding:22px 16px;flex-direction:column;gap:4px}.contact{margin-block:90px;padding:44px 24px}.contact-actions{align-items:stretch;flex-direction:column}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer>p{grid-column:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.signal{animation:none}}

/* Use the supplied silver artwork as one complete brand composition. */
.hero-visual{min-height:0;padding:0;display:block;isolation:isolate}
.hero-visual img{display:block;width:100%;max-width:680px;height:auto;margin:auto;filter:none;mix-blend-mode:screen}
.hero-visual .logo-halo{display:none}
@media(max-width:900px){.hero-visual{min-height:0;padding:0;width:min(100%,600px);margin-inline:auto}.hero{gap:28px}}
@media(max-width:600px){.hero-visual{min-height:0;padding:0}.hero{padding-top:20px;gap:20px}}

.technology-sphere{position:relative;width:min(100%,480px);aspect-ratio:1;margin:auto;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at 31% 22%,rgba(135,222,255,.62),transparent 30%),radial-gradient(circle at 45% 38%,#145d9c 0%,#083769 43%,#04162f 72%,#1687e8 93%,#86e5ff 100%);border:1px solid #3c9cdc;box-shadow:inset -18px -22px 45px #020b22,inset 4px 5px 25px #6acaff70,0 0 45px #0077ff25}
.technology-sphere::after{content:"";position:absolute;inset:3%;border-radius:50%;background:radial-gradient(ellipse at 30% 12%,#e1f8ff44,transparent 27%);pointer-events:none}
.floating-sign{position:absolute;width:76%;aspect-ratio:1;left:12%;top:12%;mix-blend-mode:screen;animation:logo-float 10s ease-in-out infinite}
.sign-window{position:relative;width:100%;height:100%;overflow:hidden}
.hero-visual .sign-window img{position:absolute;width:180%;max-width:none;height:auto;left:-43%;top:-12%;margin:0;mix-blend-mode:normal}
@keyframes logo-float{0%,100%{transform:translate(-3%,-3%)}25%{transform:translate(4%,-1%)}50%{transform:translate(2%,4%)}75%{transform:translate(-4%,2%)}}
.sphere-caption{text-align:center;margin:30px auto 0;max-width:480px}
.sphere-caption h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(18px,2vw,25px);color:#f3f8ff;letter-spacing:.035em;margin:0 0 13px}
.sphere-caption p{font-size:clamp(12px,1.2vw,14px);line-height:1.8;letter-spacing:.035em;color:#c4d1e1;margin:0}
.sphere-caption em{font-style:normal;color:#53bcff;font-weight:700}
.motion-toggle{display:block;margin:16px auto 0;border:1px solid #33435a;border-radius:20px;padding:7px 13px;color:#c4d1e1;background:#09111d;font:inherit;font-size:11px;cursor:pointer}
.hero-visual.motion-paused .floating-sign{animation-play-state:paused}
@media(max-width:600px){.technology-sphere{width:92%}.sphere-caption{margin-top:24px}.hero{gap:38px}}
@media(prefers-reduced-motion:reduce){.floating-sign{animation:none}.motion-toggle{display:none}}

/* Charcoal glass keeps the chrome mark in focus. */
.technology-sphere{background:radial-gradient(ellipse at 30% 19%,#747f8c66,transparent 31%),radial-gradient(circle at 42% 35%,#252b33 0%,#10141b 44%,#04070c 76%,#123047 96%,#469bd0 100%);border-color:#397ca1;box-shadow:inset -18px -22px 45px #00090d,inset 4px 5px 25px #8db7ce26,0 0 35px #0077ff18}
.technology-sphere::after{background:radial-gradient(ellipse at 30% 12%,#e1f8ff20,transparent 27%)}
.core{background:#080d17;box-shadow:0 0 55px #399eea40;border:0}
.core img{display:block;width:100%;height:100%;object-fit:contain}
.hero-visual{position:relative}
.motion-toggle{position:absolute;top:0;right:0;margin:0;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:#11192390;color:#c2d3e2}
.motion-toggle:hover,.motion-toggle:focus-visible{background:#253243;outline:1px solid #80c9ff}
.motion-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.play-icon{display:none}
.motion-paused .pause-icon{display:none}
.motion-paused .play-icon{display:block}

/* The original transparent artwork, framed above its embedded slogan. */
.floating-sign{mix-blend-mode:normal;animation:logo-depth 12s ease-in-out infinite;transform-origin:50% 50%;will-change:transform}
.sign-window{clip-path:inset(0 0 5% 0)}
.hero-visual .sign-window img{width:145%;left:-23%;top:-3%;filter:brightness(1.65) drop-shadow(0 10px 12px #0009);mix-blend-mode:normal}
.technology-sphere{perspective:850px;background:radial-gradient(ellipse at 29% 17%,#a8bdcc66 0%,#59677435 13%,transparent 32%),radial-gradient(ellipse at 75% 79%,#116ebf38,transparent 36%),radial-gradient(circle at 38% 31%,#323a45 0%,#111820 43%,#020409 78%,#12334a 94%,#6bc3f1 100%);box-shadow:inset -24px -28px 55px #000e,inset 5px 7px 18px #bccfdf30,0 22px 35px -15px #000,0 0 32px #138ddd20}
.technology-sphere::before{content:none}
.technology-sphere::after{inset:0;background:radial-gradient(ellipse at 29% 13%,#e1f8ff36,transparent 25%),radial-gradient(ellipse at 69% 91%,#69cfff20,transparent 28%);box-shadow:inset 0 -20px 35px #0008;z-index:4}
@keyframes logo-depth{
0%,100%{transform:translate3d(-3%,-2%,-22px) rotateY(-13deg) rotateX(6deg) scale(.93)}
25%{transform:translate3d(4%,-3%,16px) rotateY(12deg) rotateX(4deg) scale(.98)}
50%{transform:translate3d(2%,3%,30px) rotateY(7deg) rotateX(-7deg) scale(1.02)}
75%{transform:translate3d(-4%,2%,-15px) rotateY(-12deg) rotateX(-3deg) scale(.95)}
}
.product-art{overflow:hidden;isolation:isolate}
.signal-a{width:min(52%,230px);height:auto;aspect-ratio:1}
.signal-b{width:min(72%,300px);height:auto;aspect-ratio:1}
.signal-c{width:min(88%,360px);height:auto;aspect-ratio:1}
@media(max-width:900px){.product-art{min-height:380px}}
@media(max-width:600px){.product-art{min-height:340px}}
@media(prefers-reduced-motion:reduce){.floating-sign{animation:none;transform:none}}

/* Bound the entire animated orbit to the smaller panel dimension. */
.signal-field{position:absolute;width:min(84%,280px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)}
.signal-field .signal{left:50%;top:50%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);animation-name:contained-pulse}
.signal-field .signal-a{width:58%}
.signal-field .signal-b{width:80%}
.signal-field .signal-c{width:100%}
@keyframes contained-pulse{50%{transform:translate(-50%,-50%) scale(1.04);opacity:.35}}
.brand-mark{width:48px;height:48px;flex:none;border:0;background:none;box-shadow:none;transform:none}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(1.65)}

/* Give the cropped JNDRPX symbol enough room to remain legible in the header and footer. */
.brand-mark{width:58px;height:42px}
.brand-mark img{filter:brightness(1.75) drop-shadow(0 0 8px #1477ff30)}
@media(max-width:600px){.brand-mark{width:54px;height:40px}.brand{gap:10px}}

/* Show the complete JNDRPX composition; the SVG viewport already excludes the tiny slogan. */
.site-header .brand-mark{width:60px;height:54px}
.footer-brand .brand-mark{width:68px;height:62px}
@media(max-width:600px){.site-header .brand-mark{width:56px;height:50px}.footer-brand .brand-mark{width:64px;height:58px}}

/* Let the complete logo stand alone in the header without a repeated wordmark. */
.site-header .brand-mark{width:78px;height:64px}
@media(max-width:600px){.site-header .brand-mark{width:72px;height:60px}}

/* Keep the complete header logo comfortably above the divider on mobile. */
@media(max-width:900px){.site-header{height:88px}.nav{top:88px}}