:root {
  --ink: #05070b;
  --ink-2: #0b0f16;
  --paper: #f5f6f8;
  --white: #ffffff;
  --text: #151922;
  --muted: #737b88;
  --line: rgba(15, 22, 34, .12);
  --line-dark: rgba(255,255,255,.12);
  --accent: #7c5cff;
  --accent-2: #27d2ff;
  --radius: 26px;
  --display: "Space Grotesk", Inter, sans-serif;
  --body: Inter, system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--body); background: var(--paper); color: var(--text); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button, input, textarea, select { font: inherit; }
::selection { background: var(--accent); color: #fff; }

.site-header {
  position: fixed; z-index: 100; top: 18px; left: 50%; transform: translateX(-50%);
  width: min(1160px, calc(100% - 32px)); height: 70px; display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; padding: 0 18px 0 14px; border: 1px solid rgba(255,255,255,.12);
  background: rgba(7,9,14,.64); backdrop-filter: blur(20px) saturate(140%); border-radius: 22px;
  box-shadow: 0 16px 50px rgba(0,0,0,.14); transition: .35s ease;
}
.site-header.scrolled { top: 10px; background: rgba(7,9,14,.86); }
.brand { display: inline-flex; align-items: center; width: 118px; }
.brand img { width: 100%; filter: invert(1); }
.desktop-nav { display: flex; gap: 28px; font-size: 13px; color: rgba(255,255,255,.74); }
.desktop-nav a { transition: color .2s ease; }
.desktop-nav a:hover { color: #fff; }
.nav-cta { justify-self: end; color: #fff; border-left: 1px solid var(--line-dark); padding-left: 20px; font-size: 13px; font-weight: 600; }
.nav-cta span, .button span, .text-link span { display: inline-block; transition: transform .2s ease; }
.nav-cta:hover span, .button:hover span, .text-link:hover span { transform: translate(3px,-3px); }
.menu-toggle { display:none; background:none; border:0; width:40px; height:40px; position:relative; }
.menu-toggle span { position:absolute; left:8px; width:24px; height:1px; background:white; transition:.25s; }
.menu-toggle span:first-child { top:16px; }.menu-toggle span:last-child { top:23px; }
.mobile-menu { position: fixed; z-index: 99; inset: 98px 16px auto; padding: 24px; background: rgba(7,9,14,.96); backdrop-filter: blur(20px); border: 1px solid var(--line-dark); border-radius: 22px; }
.mobile-menu a { display:block; color:#fff; padding:14px 4px; border-bottom:1px solid rgba(255,255,255,.08); }

.section-shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.section-dark, .section-ink { color: white; background: var(--ink); }
.section-light { background: var(--paper); }
.section-kicker { display:flex; gap:12px; align-items:center; font-size:11px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:#6d7480; }
.section-kicker span { width:28px; height:28px; border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; font-size:9px; }
.section-kicker.light { color:rgba(255,255,255,.52); }.section-kicker.light span { border-color:var(--line-dark); }

.hero { min-height: 100svh; position: relative; overflow: hidden; padding: 150px 0 0; }
#network-canvas { position:absolute; inset:0; width:100%; height:100%; opacity:.68; }
.grid-noise { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px); background-size:56px 56px; mask-image:linear-gradient(to bottom,black,transparent 82%); }
.hero::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 60% 36%, transparent 0 15%, rgba(5,7,11,.16) 35%, rgba(5,7,11,.84) 78%); pointer-events:none; }
.hero-orb { position:absolute; border-radius:50%; filter:blur(40px); opacity:.3; pointer-events:none; }
.orb-a { width:380px; height:380px; background:var(--accent); left:-140px; top:190px; }.orb-b { width:300px; height:300px; background:var(--accent-2); right:-130px; top:220px; }
.hero-inner { position:relative; z-index:2; width:min(1180px,calc(100% - 48px)); margin:0 auto; display:grid; grid-template-columns: 1.1fr .9fr; gap:64px; align-items:center; }
.eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.58); margin-bottom:26px; }
.status-dot { width:7px; height:7px; border-radius:50%; background:#60ef9b; box-shadow:0 0 0 5px rgba(96,239,155,.09); }
.hero h1 { margin:0; font-family:var(--display); font-weight:600; font-size:clamp(48px,6vw,88px); line-height:.98; letter-spacing:-.055em; max-width:800px; }
.hero h1 span { color:rgba(255,255,255,.38); }
.hero-copy>p { max-width:660px; color:rgba(255,255,255,.62); font-size:18px; line-height:1.75; margin:28px 0 36px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:0 20px; border-radius:14px; font-weight:650; font-size:13px; border:1px solid transparent; cursor:pointer; }
.button-primary { background:#fff; color:#080a0e; box-shadow:0 12px 40px rgba(255,255,255,.08); }.button-primary:hover { background:#f0f2f4; }
.button-ghost { color:#fff; border-color:var(--line-dark); background:rgba(255,255,255,.035); backdrop-filter:blur(14px); }.button-ghost:hover { background:rgba(255,255,255,.08); }
.glass-card { background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035)); border:1px solid rgba(255,255,255,.14); box-shadow:inset 0 1px rgba(255,255,255,.09),0 30px 100px rgba(0,0,0,.28); backdrop-filter:blur(20px); }
.hero-console { border-radius:28px; overflow:hidden; min-height:480px; align-self:stretch; transform:perspective(1100px) rotateY(-4deg) rotateX(2deg); }
.console-topbar { height:52px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid rgba(255,255,255,.08); padding:0 16px; color:rgba(255,255,255,.42); font-family:monospace; font-size:11px; }
.console-dots { display:flex; gap:6px; }.console-dots i { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,.24); }.live-label { justify-self:end; color:#60ef9b; font-size:9px; letter-spacing:.12em; }
.console-body { min-height:428px; display:grid; grid-template-rows:1fr auto; position:relative; }
.logo-stage { display:grid; place-items:center; position:relative; min-height:300px; }
.logo-stage img { width:220px; filter:invert(1); opacity:.95; position:relative; z-index:2; }
.logo-ring { position:absolute; border-radius:50%; border:1px solid rgba(255,255,255,.09); }.ring-one { width:300px; height:300px; animation:spin 18s linear infinite; border-left-color:rgba(124,92,255,.8); }.ring-two { width:370px; height:370px; animation:spin 26s linear infinite reverse; border-top-color:rgba(39,210,255,.75); }
.logo-ring::before { content:""; position:absolute; width:8px; height:8px; border-radius:50%; background:#fff; top:48%; left:-4px; box-shadow:0 0 22px 7px rgba(124,92,255,.34); }
@keyframes spin { to { transform:rotate(360deg); } }
.code-lines { border-top:1px solid rgba(255,255,255,.08); padding:18px 22px; font:11px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace; color:rgba(255,255,255,.48); }
.code-lines p { margin:2px 0; }.code-lines span { color:rgba(255,255,255,.22); margin-right:14px; }.code-lines b { color:#c4b9ff; font-weight:500; }
.hero-metrics { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); margin-top:44px; border-top:1px solid var(--line-dark); }
.hero-metrics article { padding:24px 28px 34px 0; position:relative; }.hero-metrics article:not(:last-child){ border-right:1px solid var(--line-dark); margin-right:28px; }
.hero-metrics span { font:10px var(--body); color:rgba(255,255,255,.28); }.hero-metrics strong { display:block; font:600 17px var(--display); margin:10px 0 8px; }.hero-metrics p { margin:0; color:rgba(255,255,255,.44); font-size:12px; line-height:1.6; max-width:280px; }
.hero-marquee { position:relative; z-index:3; margin-top:8px; border-top:1px solid var(--line-dark); border-bottom:1px solid var(--line-dark); overflow:hidden; background:rgba(255,255,255,.02); }
.marquee-track { width:max-content; display:flex; gap:30px; align-items:center; padding:14px 0; animation:marquee 32s linear infinite; color:rgba(255,255,255,.28); font-size:10px; letter-spacing:.16em; }
.marquee-track i { font-style:normal; color:var(--accent-2); opacity:.7; }
@keyframes marquee { to { transform:translateX(-50%); } }

.about { padding:130px 0 120px; }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; margin:56px 0 72px; }
.about h2, .delivery h2, .presence h2 { margin:0; font:600 clamp(44px,5vw,72px)/1.02 var(--display); letter-spacing:-.05em; }.about h2 em,.delivery h2 em,.presence h2 em,.contact h2 em { font-style:normal; color:#969ca6; }
.about-copy .lead { font-size:20px; color:#171b23; line-height:1.65; margin-top:0; }.about-copy p:not(.lead) { color:#737b88; font-size:15px; line-height:1.8; }
.principle-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.glass-light { background:rgba(255,255,255,.62); border:1px solid rgba(15,22,34,.08); box-shadow:0 20px 50px rgba(18,26,42,.055), inset 0 1px rgba(255,255,255,.8); backdrop-filter:blur(18px); }
.principle-card { min-height:290px; border-radius:var(--radius); padding:22px; position:relative; overflow:hidden; transition:.35s ease; }.principle-card:hover { transform:translateY(-6px); box-shadow:0 26px 70px rgba(18,26,42,.1); }
.principle-card::after { content:""; position:absolute; width:140px; height:140px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.15),transparent 66%); right:-60px; top:-60px; opacity:0; transition:.35s; }.principle-card:hover::after { opacity:1; }
.card-index { font:10px var(--body); color:#9aa1ac; }.mini-icon { margin:48px 0 22px; width:42px; height:42px; border:1px solid var(--line); border-radius:13px; display:grid; place-items:center; font-size:20px; }.principle-card h3 { font:600 19px var(--display); margin:0 0 12px; }.principle-card p { color:#737b88; font-size:13px; line-height:1.7; margin:0; }

.solutions { padding:130px 0; background:radial-gradient(circle at 75% 0%,#11182a 0,transparent 38%),#07090e; }
.solutions-head { display:grid; grid-template-columns:1.4fr .6fr; align-items:end; gap:40px; margin:52px 0 70px; }.solutions h2 { margin:0; font:600 clamp(48px,5vw,74px)/1.02 var(--display); letter-spacing:-.05em; }.solutions-head p { color:rgba(255,255,255,.5); font-size:15px; line-height:1.75; }
.service-list { border-top:1px solid var(--line-dark); }
.service-row { display:grid; grid-template-columns:70px minmax(260px,1fr) minmax(320px,1fr) 40px; gap:24px; align-items:center; padding:32px 0; border-bottom:1px solid var(--line-dark); transition:.35s ease; position:relative; }
.service-row::before { content:""; position:absolute; inset:0 -20px; background:linear-gradient(90deg,rgba(124,92,255,.09),rgba(39,210,255,.03),transparent); opacity:0; transition:.3s; border-radius:16px; }.service-row:hover::before { opacity:1; }.service-row>* { position:relative; z-index:1; }
.service-number { font:11px var(--body); color:rgba(255,255,255,.27); }.service-title h3 { font:600 24px var(--display); margin:0 0 8px; }.service-title span { color:rgba(255,255,255,.38); font-size:11px; }.service-row>p { margin:0; color:rgba(255,255,255,.52); font-size:13px; line-height:1.7; }.service-arrow { width:38px; height:38px; border:1px solid var(--line-dark); border-radius:50%; display:grid; place-items:center; transition:.25s; }.service-row:hover .service-arrow { background:#fff; color:#080a0e; transform:rotate(45deg); }

.delivery { padding:130px 0; }
.delivery-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:88px; margin-top:58px; align-items:start; }.delivery-sticky { position:sticky; top:130px; }.delivery-sticky p { color:#747b86; line-height:1.75; max-width:500px; margin:24px 0; }.text-link { display:inline-flex; gap:18px; align-items:center; font-size:13px; font-weight:700; border-bottom:1px solid #222; padding-bottom:6px; }
.delivery-cards { display:grid; gap:16px; }.delivery-card { background:#fff; border:1px solid var(--line); border-radius:26px; padding:28px; display:grid; grid-template-columns:60px 1fr; gap:18px; box-shadow:0 18px 55px rgba(13,20,32,.045); }.delivery-icon { width:54px; height:54px; border-radius:16px; background:#0b0e14; color:#fff; display:grid; place-items:center; font-size:24px; }.delivery-card span { color:#9399a3; font-size:9px; text-transform:uppercase; letter-spacing:.16em; }.delivery-card h3 { margin:6px 0 0; font:600 24px var(--display); }.delivery-card>p { grid-column:1/-1; color:#707783; line-height:1.75; font-size:14px; margin:8px 0 0; }.delivery-card ul { grid-column:1/-1; list-style:none; padding:18px 0 0; margin:0; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; gap:10px; }.delivery-card li { font-size:11px; background:#f2f4f7; border-radius:999px; padding:8px 11px; }

.engagement { padding:130px 0; background:radial-gradient(circle at 25% 50%,#11172a 0,transparent 30%),#05070b; }.engagement-shell { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }.engagement-visual { min-height:520px; position:relative; display:grid; place-items:center; }.orbit { position:absolute; border:1px solid rgba(255,255,255,.09); border-radius:50%; }.orbit-1 { width:180px;height:180px; }.orbit-2 { width:330px;height:330px; }.orbit-3 { width:470px;height:470px; }.center-label { width:124px;height:124px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 80px rgba(124,92,255,.16); }.center-label span { font:600 38px var(--display); }.center-label small { font-size:8px;letter-spacing:.18em;color:rgba(255,255,255,.45); }.orbit-node { position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 24px 8px rgba(124,92,255,.22); }.node-1{transform:translate(160px,-115px);}.node-2{transform:translate(-210px,34px);background:#78e9ff;}.node-3{transform:translate(92px,210px);background:#a894ff;}
.engagement h2 { font:600 clamp(46px,5vw,70px)/1.02 var(--display); letter-spacing:-.05em; margin:44px 0 24px; }.engagement-copy>p { color:rgba(255,255,255,.52); line-height:1.75; font-size:15px; }.engagement-points { margin-top:38px; border-top:1px solid var(--line-dark); }.engagement-points>div { display:grid;grid-template-columns:46px 1fr;gap:8px;padding:18px 0;border-bottom:1px solid var(--line-dark); }.engagement-points span { color:rgba(255,255,255,.25);font-size:10px; }.engagement-points p { margin:0;color:rgba(255,255,255,.5);font-size:12px;line-height:1.6; }.engagement-points strong { color:#fff;font:600 15px var(--display); }

.presence { padding:130px 0; }.presence-head { display:grid;grid-template-columns:1fr .6fr;gap:70px;align-items:end;margin:54px 0 60px; }.presence-head p { color:#747b86;line-height:1.75; }.map-card { height:560px;border-radius:32px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(247,249,252,.46)); }.world-map { position:absolute;inset:0;width:100%;height:100%;color:#747f91; }.map-shape { opacity:.62; }.connection { fill:none;stroke:#7c5cff;stroke-width:1;stroke-dasharray:6 8;opacity:.5; }.connection.faint { stroke:#27d2ff;opacity:.28; }.map-pin circle:last-child { fill:#080b10; }.map-pin .pulse { fill:none;stroke:#7c5cff;stroke-width:1;animation:pulse 2.4s ease-out infinite; }.map-pin.india .pulse { stroke:#27d2ff;animation-delay:.6s; }
@keyframes pulse { 0%{r:5;opacity:.9}100%{r:24;opacity:0} }
.location-card { position:absolute; width:180px; padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.78); border:1px solid rgba(18,26,40,.09); backdrop-filter:blur(15px); box-shadow:0 12px 36px rgba(25,32,45,.08); }.location-card span { display:block;font-size:8px;letter-spacing:.14em;color:#8c939d;margin-bottom:5px; }.location-card strong { display:block;font:600 17px var(--display); }.location-card small { display:block;color:#878e98;font-size:10px;margin-top:3px; }.loc-wy{left:13%;top:21%;}.loc-mt{left:16%;top:7%;}.loc-in{right:10%;top:48%;}

.contact { padding:130px 0;background:radial-gradient(circle at 10% 10%,#15112c 0,transparent 34%),#07090e; }.contact-shell { display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start; }.contact h2 { font:600 clamp(50px,5.2vw,76px)/1.02 var(--display);letter-spacing:-.055em;margin:44px 0 24px; }.contact-copy>p { color:rgba(255,255,255,.52);line-height:1.75;max-width:530px; }.contact-meta { margin-top:48px;display:grid;gap:18px; }.contact-meta div { display:flex;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line-dark);font-size:12px; }.contact-meta span { color:rgba(255,255,255,.35); }.contact-meta a,.contact-meta strong{font-weight:600;color:#fff;}
.glass-dark { background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 80px rgba(0,0,0,.25);backdrop-filter:blur(22px); }.contact-form { padding:28px;border-radius:28px;display:grid;gap:18px; }.form-row { display:grid;grid-template-columns:1fr 1fr;gap:14px; }.contact-form label { display:grid;gap:8px;color:rgba(255,255,255,.56);font-size:10px;text-transform:uppercase;letter-spacing:.11em; }.contact-form input,.contact-form textarea,.contact-form select { width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#fff;border-radius:13px;padding:14px 15px;outline:none;text-transform:none;letter-spacing:0;transition:.2s; }.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus { border-color:rgba(124,92,255,.8);box-shadow:0 0 0 3px rgba(124,92,255,.12); }.contact-form option { color:#111; }.contact-form textarea { resize:vertical;min-height:130px; }.form-submit { border:0;width:100%;margin-top:2px; }.form-note { margin:0;color:rgba(255,255,255,.28);font-size:9px;line-height:1.6; }.form-status { color:#8ff0b7;font-size:11px;min-height:14px; }

.site-footer { background:#05070b;color:#fff;border-top:1px solid var(--line-dark);padding:54px max(24px,calc((100vw - 1180px)/2)) 24px; }.footer-main { display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:54px; }.footer-brand img { width:160px;filter:invert(1); }.footer-brand p { color:rgba(255,255,255,.38);max-width:360px;line-height:1.7;font-size:12px;margin-top:18px; }.footer-links { display:grid;grid-template-columns:1fr 1fr;gap:40px; }.footer-links div { display:grid;gap:10px;align-content:start; }.footer-links span { color:rgba(255,255,255,.28);text-transform:uppercase;letter-spacing:.14em;font-size:9px;margin-bottom:6px; }.footer-links a { color:rgba(255,255,255,.68);font-size:12px; }.footer-links a:hover { color:#fff; }.footer-bottom { border-top:1px solid var(--line-dark);padding-top:20px;display:flex;justify-content:space-between;color:rgba(255,255,255,.28);font-size:10px; }

.cursor-glow { position:fixed;z-index:999;pointer-events:none;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.08),transparent 65%);transform:translate(-50%,-50%);opacity:0;transition:opacity .2s; }

@media (max-width: 980px) {
  .site-header { grid-template-columns:1fr auto; }.desktop-nav,.nav-cta { display:none; }.menu-toggle { display:block;justify-self:end; }
  .hero-inner { grid-template-columns:1fr; }.hero-console { min-height:400px;transform:none; }.hero-metrics { grid-template-columns:1fr; }.hero-metrics article:not(:last-child){border-right:0;border-bottom:1px solid var(--line-dark);margin-right:0;}
  .about-grid,.solutions-head,.delivery-layout,.engagement-shell,.presence-head,.contact-shell { grid-template-columns:1fr;gap:44px; }.principle-grid { grid-template-columns:repeat(2,1fr); }.delivery-sticky { position:static; }.service-row { grid-template-columns:46px 1fr 34px; }.service-row>p { grid-column:2/4; }.engagement-visual { min-height:420px; }.map-card { height:500px; }.contact-shell { gap:56px; }
}
@media (max-width: 680px) {
  .section-shell,.hero-inner { width:min(100% - 28px,1180px); }.hero { padding-top:128px; }.hero h1 { font-size:clamp(44px,13vw,64px); }.hero-copy>p { font-size:15px; }.hero-actions { flex-direction:column; }.button { width:100%; }.hero-console { min-height:360px; }.logo-stage img{width:180px}.ring-one{width:250px;height:250px}.ring-two{width:305px;height:305px}.hero-metrics{margin-top:20px}.hero-metrics article{padding-right:0}.about,.solutions,.delivery,.engagement,.presence,.contact{padding:92px 0}.about-grid{margin:42px 0 52px}.principle-grid{grid-template-columns:1fr}.principle-card{min-height:240px}.solutions-head{margin:42px 0 52px}.service-row{grid-template-columns:36px 1fr 30px;gap:14px;padding:26px 0}.service-title h3{font-size:20px}.service-row>p{font-size:12px}.delivery-card{grid-template-columns:52px 1fr;padding:22px}.engagement-visual{min-height:340px}.orbit-1{width:120px;height:120px}.orbit-2{width:230px;height:230px}.orbit-3{width:320px;height:320px}.center-label{width:100px;height:100px}.node-1{transform:translate(108px,-78px)}.node-2{transform:translate(-140px,28px)}.node-3{transform:translate(65px,140px)}.map-card{height:560px}.world-map{transform:scale(1.35)}.location-card{width:154px}.loc-wy{left:6%;top:26%}.loc-mt{left:28%;top:12%}.loc-in{right:7%;top:57%}.form-row{grid-template-columns:1fr}.footer-main,.footer-links{grid-template-columns:1fr;gap:36px}.footer-bottom{gap:15px;flex-direction:column}.cursor-glow{display:none}
}
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto} *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.cursor-glow{display:none} }