:root {
  --ink: #ecf4ff; --muted: #92a3b8; --dim: #63748a; --bg: #06101d; --panel: #0a1727; --line: rgba(148,181,216,.16);
  --cyan: #42d3ff; --violet: #8b6cff; --lime: #9de8ba; --serif: Georgia,"Times New Roman",serif;
  --sans: "DM Sans",system-ui,sans-serif; --display: "Manrope",system-ui,sans-serif; --mono: "IBM Plex Mono",monospace;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--bg); font-family: var(--sans); overflow-x: hidden; }
a { color: inherit; text-decoration: none; } button { font: 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 }
.page-glow { position:absolute;inset:0 0 auto;height:930px;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 78% 27%,rgba(68,117,255,.15),transparent 27rem),radial-gradient(circle at 92% 10%,rgba(66,211,255,.09),transparent 21rem) }
.page-glow::after { content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(130,180,220,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(130,180,220,.06) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 80%) }
.site-header { position:relative;z-index:20;max-width:1360px;height:92px;margin:0 auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line) }
.wordmark { display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:750;letter-spacing:-.02em }
.wordmark-icon,.footer-mark { width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(66,211,255,.45);color:#dff9ff;background:rgba(66,211,255,.07);font:600 .72rem var(--mono);letter-spacing:-.06em;clip-path:polygon(0 0,78% 0,100% 22%,100% 100%,22% 100%,0 78%) }
.main-nav { display:flex;align-items:center;gap:34px;color:#a9b8ca;font-size:.86rem;font-weight:600 }
.main-nav>a:not(.nav-feature):hover { color:white }.nav-feature { height:42px;padding:0 16px;display:inline-flex;align-items:center;gap:10px;color:#dff9ff;border:1px solid rgba(66,211,255,.25);background:rgba(66,211,255,.055) }.nav-feature:hover{border-color:var(--cyan);background:rgba(66,211,255,.1)}.nav-feature span{color:var(--cyan)}.menu-button{display:none;border:0;background:none}
.section-shell { position:relative;width:min(1280px,calc(100% - 76px));margin-inline:auto }
.hero { min-height:720px;padding:94px 0 80px;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:54px }
.kicker { margin:0 0 24px;display:flex;align-items:center;gap:10px;color:#7f95ad;font:500 .71rem var(--mono);letter-spacing:.13em;text-transform:uppercase }.kicker span{width:23px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.hero h1,.section-heading h2,.about h2 { margin:0;font-family:var(--display);letter-spacing:-.057em;line-height:.98 }.hero h1{max-width:710px;font-size:clamp(3.35rem,6.4vw,6.2rem);font-weight:750}h1 em,h2 em{color:#69dcff;font-family:var(--serif);font-weight:400}
.hero-intro { max-width:610px;margin:32px 0 0;color:#a8b7c8;font-size:1.16rem;line-height:1.72 }.hero-actions{margin-top:37px;display:flex;flex-wrap:wrap;gap:13px}.button{min-height:54px;padding:0 21px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;font-size:.88rem;font-weight:700}.button span{transition:transform .2s ease}.button:hover span{transform:translate(2px,-2px)}.button-primary{color:#03111a;background:linear-gradient(120deg,#5be0ff,#7fbdff);box-shadow:0 13px 38px rgba(45,171,231,.18)}.button-primary:hover{filter:brightness(1.08)}.button-secondary{color:#c5d3e2;border-color:var(--line);background:rgba(14,30,47,.52)}.button-secondary:hover{color:white;border-color:rgba(130,170,210,.35)}
.hero-visual { position:relative;min-height:570px;border:1px solid rgba(120,167,210,.13);background:radial-gradient(circle at center,rgba(49,89,160,.17),transparent 45%),linear-gradient(rgba(116,163,202,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(116,163,202,.045) 1px,transparent 1px),rgba(8,20,35,.5);background-size:auto,34px 34px,34px 34px,auto;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px))}.hero-visual::before,.hero-visual::after{content:"";position:absolute;z-index:2;width:100px;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hero-visual::before{top:0;left:0}.hero-visual::after{bottom:0;right:0}
.visual-label{position:absolute;z-index:3;top:20px;left:22px;display:flex;align-items:center;gap:8px;color:#86a0b8;font:500 .64rem var(--mono);letter-spacing:.12em}.visual-label span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px var(--lime);animation:pulse 2s infinite}.topology{position:absolute;inset:27px 18px 28px}.topology svg{width:100%;height:100%;overflow:visible}.topology-lines path{fill:none;stroke:rgba(85,159,205,.24);stroke-width:1.5;stroke-dasharray:4 7}.data-pulses circle{fill:var(--cyan);filter:drop-shadow(0 0 7px var(--cyan))}.topology-node>circle{fill:rgba(8,22,39,.9);stroke:rgba(90,173,223,.34);stroke-width:1.5}.topology-node>path,.topology-node>rect{fill:none;stroke:#6c9fbd;stroke-width:1.6}.topology-node text{fill:#658097;font:500 10px var(--mono);letter-spacing:.14em;text-anchor:middle}.node-core>circle{fill:rgba(10,29,50,.96);stroke:url(#lineGradient);stroke-width:2}.node-core>path{stroke:#78ddff;stroke-width:1.8}.node-core text{fill:#96e8ff}
.signal-card{position:absolute;z-index:4;min-width:126px;padding:11px 13px;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;border:1px solid rgba(119,165,199,.2);background:rgba(7,18,31,.86);backdrop-filter:blur(10px);box-shadow:0 13px 24px rgba(0,0,0,.22)}.signal-card b{grid-row:1/3;align-self:center;color:var(--cyan);font:500 .64rem var(--mono)}.signal-card span{font-size:.75rem;font-weight:700}.signal-card i{color:#617991;font:normal .54rem var(--mono);text-transform:uppercase}.signal-one{top:80px;right:-17px}.signal-two{bottom:128px;left:-23px}.signal-three{bottom:34px;right:19px}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 3px var(--lime)}}
.principles{max-width:1360px;margin:0 auto;padding:0 38px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.principles>div{min-height:140px;padding:31px 34px;display:grid;grid-template-columns:35px 1fr;align-content:center;border-right:1px solid var(--line)}.principles>div:first-child{border-left:1px solid var(--line)}.principles span{grid-row:1/3;color:#526c84;font:500 .63rem var(--mono)}.principles strong{font:700 .96rem var(--display)}.principles p{margin:8px 0 0;color:#75899f;font-size:.8rem;line-height:1.45}
.featured,.content-section{padding-top:130px}.section-heading{display:grid;grid-template-columns:1fr 410px;align-items:end;gap:60px;margin-bottom:50px}.section-heading h2,.about h2{font-size:clamp(2.65rem,5vw,4.8rem);font-weight:720}.section-heading>p{margin:0 0 5px;color:#899bb0;font-size:.99rem;line-height:1.7}
.project-card{min-height:530px;display:grid;grid-template-columns:.78fr 1.22fr;overflow:hidden;border:1px solid rgba(115,158,199,.2);background:linear-gradient(135deg,rgba(13,32,51,.96),rgba(8,22,39,.88));transition:transform .25s ease,border-color .25s ease}.project-card:hover{transform:translateY(-4px);border-color:rgba(66,211,255,.48)}.project-copy{position:relative;z-index:2;padding:42px;display:flex;flex-direction:column;justify-content:space-between}.project-meta{display:flex;justify-content:space-between;color:#677d94;font:500 .63rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.project-overline{margin:0 0 14px;color:var(--cyan);font:500 .69rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.project-copy h3{margin:0;font:700 clamp(2rem,3.5vw,3.5rem)/1.05 var(--display);letter-spacing:-.045em}.project-copy h3+p{max-width:420px;margin:24px 0 0;color:#8fa1b4;line-height:1.65}.project-link{display:inline-flex;align-items:center;gap:12px;font-size:.86rem;font-weight:700}.project-link b{width:32px;height:32px;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(66,211,255,.3)}
.project-preview{position:relative;align-self:end;height:88%;margin:0 -64px -26px 0;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg);transform-origin:bottom right;background:#080c12;border:1px solid #2b3543;border-radius:8px 0 0;box-shadow:-30px 24px 70px rgba(0,0,0,.4)}.preview-browser{height:42px;padding:0 14px;display:flex;align-items:center;gap:7px;background:#121821;border-bottom:1px solid #262e39}.preview-browser i{width:7px;height:7px;border-radius:50%;background:#3b4653}.preview-browser i:first-child{background:#e84a40}.preview-browser span{width:57%;margin-left:12px;padding:5px 10px;color:#647182;background:#0b1017;border-radius:4px;font:.52rem var(--mono)}.preview-body{height:calc(100% - 42px);display:grid;grid-template-columns:82px 1fr}.preview-sidebar{padding:24px 14px;display:flex;flex-direction:column;gap:17px;border-right:1px solid #1d2530}.preview-sidebar span{width:100%;height:7px;background:#202c38}.preview-sidebar span:first-child{background:#c83730}.preview-grid{padding:29px 30px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:22px 39px 92px 1fr;gap:14px}.preview-title{grid-column:1/3;width:54%;background:#d6dce5}.preview-search{grid-column:1/4;background:#121a24;border:1px solid #293440}.preview-stat{padding:16px;display:flex;flex-direction:column;background:#101720;border:1px solid #222e3a}.preview-stat b{font:600 1.55rem var(--display)}.preview-stat span{margin-top:8px;color:#687889;font:.5rem var(--mono)}.preview-stat.accent b{color:#ff6459}.preview-chart{grid-column:1/4;padding:21px;display:flex;align-items:end;gap:12px;background:#0e151e;border:1px solid #202a35}.preview-chart span{flex:1;height:42%;background:linear-gradient(#e34b3e,#692923)}.preview-chart span:nth-child(2){height:70%}.preview-chart span:nth-child(3){height:53%}.preview-chart span:nth-child(4){height:82%}.preview-chart span:nth-child(5){height:64%}.preview-chart span:nth-child(6){height:90%}
.section-heading.compact{margin-bottom:42px}.content-grid{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:16px}.content-card{min-height:480px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:linear-gradient(145deg,rgba(12,28,46,.86),rgba(8,20,34,.86))}.content-card:hover{border-color:rgba(120,168,211,.35)}.card-top{display:flex;justify-content:space-between;align-items:center}.content-type{padding:6px 8px;color:#9aaec2;border:1px solid rgba(130,166,201,.2);font:500 .56rem var(--mono);letter-spacing:.1em}.content-type.video{color:#90eaff;border-color:rgba(66,211,255,.28)}.content-type.journey{color:#bfadff;border-color:rgba(139,108,255,.32)}.card-arrow,.card-index{color:#597086;font:.68rem var(--mono)}.content-card h3{margin:7px 0 13px;font:700 1.42rem/1.18 var(--display);letter-spacing:-.035em}.content-card h3+p{margin:0;color:#788ca1;font-size:.87rem;line-height:1.58}.card-series{margin:0;color:#758ca3;font:.59rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.card-visual{position:relative;height:175px;margin:25px 0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(64,150,213,.18),transparent 55%),repeating-linear-gradient(0deg,transparent 0 25px,rgba(104,157,194,.06) 26px),repeating-linear-gradient(90deg,transparent 0 25px,rgba(104,157,194,.06) 26px)}.play-button{position:relative;z-index:2;width:62px;height:62px;padding-left:4px;display:grid;place-items:center;color:#06121c;background:var(--cyan);border-radius:50%;box-shadow:0 0 35px rgba(66,211,255,.26);font-size:.9rem}.terminal-lines{position:absolute;inset:16px;opacity:.4}.terminal-lines i{display:block;width:31%;height:2px;margin:13px 0;background:#4fb7df}.terminal-lines i:nth-child(2){width:20%}.terminal-lines i:nth-child(3){width:42%}.terminal-lines i:nth-child(4){width:26%}.card-visual b{position:absolute;bottom:13px;color:#597891;font:500 .55rem var(--mono);letter-spacing:.15em}
.mini-diagram{height:160px;position:relative;margin:25px 10px}.mini-diagram span{position:absolute;width:42px;height:42px;border:1px solid #42637d;border-radius:50%;background:#0b1928}.mini-diagram span:first-child{top:54px;left:0;border-color:var(--cyan)}.mini-diagram span:nth-child(2){top:0;right:5px}.mini-diagram span:nth-child(3){bottom:0;right:5px}.mini-diagram i{position:absolute;left:38px;width:calc(100% - 72px);height:1px;background:#29475e;transform-origin:left}.mini-diagram i:nth-of-type(1){top:70px;transform:rotate(-18deg)}.mini-diagram i:nth-of-type(2){top:86px;transform:rotate(18deg)}.nse-mark{height:160px;margin:25px 0;display:flex;align-items:center;justify-content:center;position:relative;color:#b5a7ff;font-family:var(--display)}.nse-mark span{font-size:1.3rem;letter-spacing:.08em}.nse-mark strong{font-size:6.7rem;line-height:1;text-shadow:0 0 45px rgba(139,108,255,.26)}.nse-mark i{position:absolute;top:27px;right:25%;color:#65758b;font:normal .53rem var(--mono);letter-spacing:.12em}
.about{margin-top:130px;padding-block:100px;display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:center;border-top:1px solid var(--line)}.about-mark{width:min(100%,430px);aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid rgba(91,151,195,.2);background:radial-gradient(circle,rgba(59,139,196,.14),transparent 57%),repeating-linear-gradient(0deg,transparent 0 35px,rgba(105,157,197,.05) 36px),repeating-linear-gradient(90deg,transparent 0 35px,rgba(105,157,197,.05) 36px);clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,15% 100%,0 85%)}.about-mark span{font:650 clamp(4rem,9vw,8rem) var(--display);letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(100,215,248,.72);text-shadow:0 0 40px rgba(66,211,255,.13)}.about-mark i{position:absolute;inset:16%;border:1px dashed rgba(83,170,217,.2);border-radius:50%;animation:spin 24s linear infinite}.about-mark i::after{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}@keyframes spin{to{transform:rotate(360deg)}}.about-copy>p:not(.kicker){max-width:690px;margin:25px 0 0;color:#8fa1b4;line-height:1.75}.about-tags{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px}.about-tags span{padding:8px 11px;border:1px solid var(--line);color:#8197ad;font:.59rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.site-footer{min-height:210px;padding-block:44px 30px;display:grid;grid-template-columns:1fr auto;align-items:start;border-top:1px solid var(--line)}.site-footer>div:first-child{display:flex;align-items:center;gap:14px}.site-footer>div:first-child p{color:#91a4b7;font-weight:600}.footer-links{display:flex;gap:27px;color:#91a5ba;font-size:.8rem}.footer-links a:hover{color:var(--cyan)}.fine-print{grid-column:1/-1;align-self:end;margin:35px 0 0;color:#50677d;font:.58rem var(--mono);letter-spacing:.05em;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.about-mark i,.visual-label span{animation:none}}
@media(max-width:980px){.site-header{padding-inline:24px}.section-shell{width:min(100% - 48px,1280px)}.hero{grid-template-columns:1fr;padding-top:76px}.hero-copy{max-width:760px}.hero-visual{min-height:540px}.section-heading{grid-template-columns:1fr;gap:25px}.content-grid{grid-template-columns:1fr 1fr}.primary-content{grid-column:1/-1;min-height:430px}.project-card{grid-template-columns:1fr}.project-preview{height:420px;margin:0 0 -50px 70px}.principles{padding-inline:24px}.principles>div{padding:25px 18px}.about{grid-template-columns:.8fr 1.2fr;gap:45px}}
@media(max-width:700px){.site-header{height:76px}.wordmark>span:last-child{font-size:.88rem}.menu-button{position:relative;z-index:3;width:42px;height:42px;padding:11px;display:flex;flex-direction:column;justify-content:center;gap:5px;color:white}.menu-button span:not(.sr-only){display:block;width:20px;height:1px;background:currentColor}.main-nav{display:none;position:absolute;top:75px;left:16px;right:16px;padding:18px;flex-direction:column;align-items:stretch;gap:0;background:#0a1726;border:1px solid #24374a;box-shadow:0 20px 50px rgba(0,0,0,.42)}.main-nav.open{display:flex}.main-nav a{padding:14px}.nav-feature{height:auto;margin-top:6px;justify-content:space-between}.section-shell{width:calc(100% - 32px)}.hero{min-height:auto;padding:68px 0}.hero h1{font-size:clamp(3rem,15vw,4.4rem)}.hero-intro{font-size:1rem}.hero-actions{flex-direction:column}.button{width:100%}.hero-visual{min-height:420px}.topology{inset:30px 0}.signal-card{min-width:105px;padding:9px}.signal-one{right:7px}.signal-two{left:7px}.signal-three{display:none}.principles{padding:0 16px;grid-template-columns:1fr}.principles>div,.principles>div:first-child{min-height:106px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.featured,.content-section{padding-top:90px}.section-heading{margin-bottom:32px}.section-heading h2,.about h2{font-size:2.75rem}.project-copy{min-height:480px;padding:28px}.project-preview{height:300px;margin:0 0 -30px 32px}.preview-grid{padding:18px;gap:8px}.content-grid{grid-template-columns:1fr}.primary-content{grid-column:auto}.content-card{min-height:430px}.about{margin-top:90px;padding-block:75px;grid-template-columns:1fr}.about-mark{max-width:340px;margin:auto}.site-footer{grid-template-columns:1fr;gap:28px}.footer-links{flex-direction:column;gap:12px}.fine-print{margin-top:5px}.page-glow{height:720px}}