:root {
  --ink: #09101d;
  --paper: #f2f4f8;
  --white: #ffffff;
  --slate: #6c7483;
  --line: rgba(9, 16, 29, 0.13);
  --blue: #3767ff;
  --electric: #bfff00;
  --violet: #9655ff;
  --pink: #ff61b4;
  --mono: "DM Mono", monospace;
  --display: "Space Grotesk", sans-serif;
  --body: "Manrope", sans-serif;
  --ease: cubic-bezier(.2,.72,.25,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: var(--paper); color: var(--ink); font-family: var(--body); margin: 0; overflow-x: hidden; }
body.is-loading { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }

/* Launch screen */
.site-loader { align-items: center; background: var(--ink); color: #f8faff; display: flex; flex-direction: column; height: 100vh; justify-content: center; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 100; }
.site-loader::before, .site-loader::after { border: 1px solid rgba(191,255,0,.17); border-radius: 50%; content: ""; height: min(74vw, 740px); position: absolute; width: min(74vw, 740px); }
.site-loader::after { height: min(52vw, 510px); width: min(52vw, 510px); }
.loader-globe { align-items: center; display: flex; height: clamp(166px, 20vw, 235px); justify-content: center; position: relative; width: clamp(166px, 20vw, 235px); z-index: 1; }
.loader-orb { animation: loader-orb 2s ease-in-out infinite; background: radial-gradient(circle at 34% 28%, #303640 0, #10141c 34%, #030407 72%, #000 100%); border: 1px solid rgba(255,255,255,.12); border-radius: 50%; box-shadow: 0 0 90px 20px rgba(0,0,0,.48), inset -13px -17px 28px rgba(0,0,0,.88), inset 9px 9px 20px rgba(255,255,255,.06); height: clamp(166px, 20vw, 235px); inset: 0; margin: auto; opacity: 1; position: absolute; width: clamp(166px, 20vw, 235px); }
.loader-mark { align-items: center; background: radial-gradient(circle at 36% 32%, #1a2029 0, #080b10 68%, #000 100%); border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: inset -10px -14px 22px rgba(0,0,0,.85); display: flex; height: clamp(140px, 16.8vw, 197px); justify-content: center; overflow: hidden; position: relative; width: clamp(140px, 16.8vw, 197px); z-index: 1; }
.loader-mark img { display: block; height: 78%; object-fit: contain; width: 78%; }
.site-loader p, .site-loader small { font: 500 10px/1 var(--mono); letter-spacing: .16em; position: relative; z-index: 1; }
.site-loader p { margin: 48px 0 16px; }
.site-loader small { color: rgba(255,255,255,.42); margin-top: 17px; }
.loader-track { background: rgba(255,255,255,.15); height: 2px; overflow: hidden; position: relative; width: 150px; z-index: 1; }
.loader-track span { animation: load-track 1.8s var(--ease) forwards; background: var(--electric); display: block; height: 100%; width: 100%; }
.site-loader.done { animation: loader-exit .75s var(--ease) forwards; pointer-events: none; }

/* Header and shared components */
.site-header { align-items: center; display: flex; height: 94px; justify-content: space-between; left: 0; padding: 0 clamp(22px, 5vw, 80px); position: absolute; top: 0; width: 100%; z-index: 10; }
.brand { align-items: center; display: inline-flex; font: 700 15px/1 var(--display); letter-spacing: -.04em; white-space: nowrap; }
.brand-logo { line-height: 0; }
.header-brand { align-items: center; display: inline-flex; height: 55px; justify-content: center; line-height: 0; transition: transform .25s var(--ease); width: 230px; }
.header-brand:hover { transform: translateY(-2px) rotate(-3deg); }
.header-brand img { display: block; height: 100%; object-fit: contain; width: 100%; }
.brand-logo img { display: block; height: auto; width: 194px; }
.brand-light { font-weight: 400; letter-spacing: -.05em; }
.brand-mark { align-items: center; display: inline-flex; font: 700 21px/.8 var(--display); letter-spacing: -.19em; margin-right: 10px; }
.brand-mark i { background: var(--blue); display: inline-block; height: 3px; margin: 7px 3px 0 6px; transform: rotate(-45deg); width: 11px; }
.main-nav { align-items: center; display: flex; gap: clamp(18px, 2.7vw, 45px); font: 600 12px/1 var(--body); letter-spacing: -.01em; }
.main-nav > a:not(.nav-cta) { opacity: .66; position: relative; transition: opacity .25s ease; }
.main-nav > a:not(.nav-cta)::after { background: currentColor; bottom: -6px; content: ""; height: 1px; left: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform .3s var(--ease); width: 100%; }
.main-nav > a:not(.nav-cta):hover, .main-nav > a.active { opacity: 1; }
.main-nav > a:not(.nav-cta):hover::after, .main-nav > a.active::after { transform: scaleX(1); transform-origin: left; }
.nav-cta, .button { align-items: center; display: inline-flex; gap: 20px; justify-content: center; }
.nav-cta { background: var(--ink); color: white; padding: 13px 16px; transition: background .25s ease, transform .25s ease; }
.nav-cta em { color: var(--electric); font: normal 17px/10px var(--display); }
.nav-cta:hover { background: var(--blue); transform: translateY(-2px); }
.menu-toggle { background: transparent; border: 0; display: none; height: 32px; padding: 5px 0; position: relative; width: 34px; z-index: 13; }
.menu-toggle span { background: var(--ink); display: block; height: 2px; margin-left: auto; margin-bottom: 7px; transition: transform .25s ease, width .25s ease; width: 26px; }
.menu-toggle span:last-child { width: 17px; }
.menu-toggle.active span:first-child { transform: translateY(4.5px) rotate(45deg); }
.menu-toggle.active span:last-child { transform: translateY(-4.5px) rotate(-45deg); width: 26px; }
.cursor-glow { background: radial-gradient(circle, rgba(55,103,255,.12), rgba(55,103,255,0) 68%); border-radius: 50%; height: 400px; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; transform: translate(-50%, -50%); transition: opacity .2s; width: 400px; z-index: 50; }
body:hover .cursor-glow { opacity: 1; }
.eyebrow, .section-kicker { color: #313b4c; font: 500 10px/1.2 var(--mono); letter-spacing: .09em; }
.section { margin: auto; max-width: 1440px; padding-left: clamp(22px, 5vw, 80px); padding-right: clamp(22px, 5vw, 80px); }
.section-kicker { align-items: center; display: flex; gap: 16px; }
.section-kicker span { color: var(--blue); }
.section-title { font: 600 clamp(2.75rem, 5.15vw, 5.4rem)/.96 var(--display); letter-spacing: -.07em; margin: 0; }
.section-title span, h1 span { color: var(--blue); }
.button { background: var(--ink); border: 1px solid var(--ink); color: var(--white); font: 600 12px/1 var(--body); padding: 17px 19px; transition: transform .3s var(--ease), background .3s ease, color .3s ease; }
.button span { color: var(--electric); font: 500 19px/12px var(--display); }
.button:hover { background: var(--blue); border-color: var(--blue); transform: translateY(-3px); }
.button-primary { box-shadow: 0 10px 24px rgba(9,16,29,.1); }
.button-ghost { background: transparent; border-color: rgba(255,255,255,.45); color: white; }
.button-ghost:hover { background: white; border-color: white; color: var(--ink); }
.text-link, .arrow-link { align-items: center; display: inline-flex; font: 600 12px/1 var(--body); gap: 14px; }
.text-link span, .arrow-link span { color: var(--blue); font: 20px/10px var(--display); transition: transform .3s var(--ease); }
.text-link:hover span, .arrow-link:hover span { transform: translate(4px,-4px); }

/* Home */
.hero { background: #eef1f7; display: flex; min-height: min(850px, 100vh); overflow: hidden; padding: 170px clamp(22px, 9vw, 160px) 72px; position: relative; }
.hero::before { background-image: linear-gradient(rgba(9,16,29,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(9,16,29,.055) 1px, transparent 1px); background-size: 54px 54px; content: ""; inset: 0; mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.3) 46%, transparent 75%); pointer-events: none; position: absolute; }
.hero::after { background: radial-gradient(circle, rgba(255,255,255,.9) 0, rgba(255,255,255,0) 64%); content: ""; height: 950px; left: -270px; position: absolute; top: -230px; width: 950px; }
#network-canvas { height: 100%; inset: 0; opacity: .6; position: absolute; width: 100%; }
.scan-line { animation: scan 8s linear infinite; background: linear-gradient(90deg, transparent, rgba(55,103,255,.26), transparent); height: 1px; left: 0; position: absolute; top: 20%; width: 100%; }
.hero-copy { align-self: center; max-width: 680px; position: relative; z-index: 2; }
.hero-copy .eyebrow { margin: 0 0 30px; }
.hero-title { font: 600 clamp(3.9rem, 7vw, 7.8rem)/.86 var(--display); letter-spacing: -.095em; margin: 0; }
.hero-title .outlined { -webkit-text-stroke: 1.5px var(--ink); color: transparent; }
.hero-title .accent-word { color: var(--blue); display: inline-block; font-style: italic; letter-spacing: -.11em; transform: translateX(-.03em); }
.hero-description { color: #4d5869; font-size: clamp(14px, 1.25vw, 17px); line-height: 1.75; margin: 35px 0 28px; max-width: 445px; }
.hero-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 25px; }
.hero-art { height: min(44vw, 600px); position: absolute; right: clamp(0px, 6vw, 110px); top: max(150px, 17vh); width: min(47vw, 640px); z-index: 2; }
.core-sphere { align-items: center; animation: core-float 6s ease-in-out infinite; background: radial-gradient(circle at 36% 32%, #3b414b 0, #151a22 23%, #07090d 62%, #000 100%); border-radius: 50%; box-shadow: inset -25px -24px 45px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.14), 0 24px 65px rgba(0,0,0,.48); color: white; display: flex; font: 700 clamp(40px, 5vw, 72px)/1 var(--display); height: 31%; justify-content: center; left: 37%; letter-spacing: -.15em; position: absolute; top: 35%; width: 31%; z-index: 2; }
.core-sphere span:last-child { margin-left: -.02em; }
.core-logo { filter: drop-shadow(0 0 8px rgba(0,229,255,.55)); height: 76%; mix-blend-mode: screen; object-fit: contain; position: relative; width: 76%; z-index: 2; }
.sphere-ring { border: 1px solid rgba(255,255,255,.46); border-radius: 50%; height: 81%; pointer-events: none; position: absolute; transform: rotate(-31deg) scaleX(1.38); width: 81%; z-index: 3; }
.orbit { border: 1px solid rgba(55,103,255,.4); border-radius: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%) rotate(-35deg); }
.orbit-one { animation: orbit-spin 14s linear infinite; height: 45%; width: 91%; }
.orbit-two { animation: orbit-spin 19s linear infinite reverse; height: 90%; width: 38%; }
.orbit-three { animation: orbit-spin 24s linear infinite; border-color: rgba(9,16,29,.18); height: 70%; transform: translate(-50%,-50%) rotate(35deg) scaleX(.78); width: 78%; }
.orbital-dot { background: var(--electric); border-radius: 50%; box-shadow: 0 0 12px 2px rgba(191,255,0,.55); height: 9px; position: absolute; width: 9px; z-index: 3; }
.dot-one { animation: dot-orbit 14s linear infinite; left: 48%; top: 27%; }
.dot-two { animation: dot-orbit 19s linear infinite reverse; background: var(--pink); box-shadow: 0 0 12px 2px rgba(255,97,180,.45); left: 76%; top: 42%; }
.dot-three { animation: dot-orbit 24s linear infinite; background: var(--blue); box-shadow: none; left: 36%; top: 75%; }
.floating-card { backdrop-filter: blur(8px); background: rgba(255,255,255,.76); border: 1px solid rgba(9,16,29,.11); box-shadow: 0 18px 35px rgba(9,16,29,.12); padding: 15px; position: absolute; z-index: 4; }
.card-code { animation: float-card 5s ease-in-out infinite; left: 0; top: 11%; transform: rotate(-5deg); width: 174px; }
.card-label { color: var(--blue); display: block; font: 500 8px var(--mono); letter-spacing: .08em; margin-bottom: 15px; }
.card-code code { color: #343c4c; font: 500 10px/1.6 var(--mono); }.card-code code i { color: var(--pink); font-style: normal; }.card-code code b { color: var(--blue); font-weight: 500; }
.cursor-blink { animation: blink 1s step-end infinite; background: var(--blue); display: inline-block; height: 11px; vertical-align: bottom; width: 5px; }
.card-signal { align-items: center; animation: float-card 5s 1s ease-in-out infinite reverse; bottom: 13%; display: flex; font: 500 8px/1.55 var(--mono); gap: 10px; letter-spacing: .04em; right: 2%; }
.signal-pulse { animation: signal 1.6s infinite; background: var(--electric); border-radius: 50%; box-shadow: 0 0 0 0 rgba(191,255,0,.7); height: 8px; width: 8px; }
.hero-footer { align-items: flex-end; bottom: 34px; display: flex; justify-content: space-between; left: clamp(22px, 5vw, 80px); position: absolute; right: clamp(22px, 5vw, 80px); z-index: 3; }
.hero-footer p, .scroll-prompt { color: #525c6b; font: 500 9px var(--mono); letter-spacing: .08em; margin: 0; }.hero-footer b { color: var(--blue); font-size: 13px; }
.scroll-prompt { align-items: center; display: flex; gap: 10px; }.scroll-prompt span { background: var(--ink); height: 1px; overflow: hidden; position: relative; width: 35px; }.scroll-prompt span::after { animation: scroll-bar 2s infinite; background: var(--blue); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 50%; }
.marquee-band { background: var(--ink); color: white; overflow: hidden; padding: 18px 0; }.marquee-content { animation: marquee 25s linear infinite; align-items: center; display: flex; gap: 29px; min-width: max-content; }.marquee-content span { font: 600 14px/1 var(--display); letter-spacing: -.03em; }.marquee-content i { color: var(--electric); font-style: normal; }
.intro-section { padding-bottom: 150px; padding-top: 140px; }.intro-grid { align-items: end; display: grid; grid-template-columns: 1.2fr .7fr; margin: 45px 0 84px; }.intro-content { max-width: 385px; }.lead { font-size: clamp(17px, 1.6vw, 21px); letter-spacing: -.035em; line-height: 1.65; margin: 0; }.intro-content .arrow-link { margin-top: 35px; }
.services-grid { display: grid; grid-template-columns: repeat(4, 1fr); }.service-card { border-left: 1px solid var(--line); min-height: 340px; padding: 0 24px 20px; position: relative; }.service-card:last-child { border-right: 1px solid var(--line); }.service-number { color: #778091; font: 500 9px var(--mono); }.service-icon { align-items: center; background: var(--ink); border-radius: 50%; color: var(--electric); display: flex; font: 25px var(--display); height: 46px; justify-content: center; margin: 55px 0 22px; transition: transform .4s var(--ease), background .4s ease; width: 46px; }.service-card:hover .service-icon { background: var(--blue); transform: rotate(15deg) scale(1.13); }.service-card h3 { font: 600 clamp(19px, 2vw, 27px)/.96 var(--display); letter-spacing: -.06em; margin: 0; }.service-card p { color: #687181; font-size: 12px; line-height: 1.7; max-width: 180px; }.service-card > a { bottom: 14px; color: var(--blue); font: 24px/1 var(--display); position: absolute; right: 19px; transition: transform .25s ease; }.service-card:hover > a { transform: translate(4px,-4px); }
.statement-section { background: var(--blue); color: white; min-height: 720px; overflow: hidden; position: relative; }.statement-bg-text { bottom: -13vw; color: rgba(0,0,0,.1); font: 700 53vw/.72 var(--display); left: -3vw; letter-spacing: -.16em; position: absolute; }.statement-inner { padding-bottom: 95px; padding-top: 122px; position: relative; }.statement-inner .eyebrow { color: white; }.statement-text { font: 600 clamp(3rem, 6.5vw, 7rem)/.89 var(--display); letter-spacing: -.09em; margin: 70px 0; }.statement-text span { color: var(--electric); }.statement-text em { color: white; font-style: italic; }.statement-foot { align-items: end; display: flex; justify-content: space-between; }.statement-foot p { font-size: 14px; line-height: 1.75; margin: 0; max-width: 340px; }.statement-foot .button { min-width: 150px; }
.work-preview { padding-bottom: 145px; padding-top: 140px; }.section-heading-row { align-items: center; display: flex; justify-content: space-between; }.project-list { display: grid; gap: 28px; grid-template-columns: 1.16fr .84fr; margin-top: 70px; }.project-card { display: block; }.project-visual { overflow: hidden; position: relative; transition: transform .5s var(--ease); }.project-card:hover .project-visual { transform: translateY(-6px); }.project-one .project-visual { align-items: center; background: #dd5546; display: flex; height: 390px; justify-content: center; }.browser-window { background: #f8eee4; box-shadow: 0 22px 38px rgba(59,24,19,.33); height: 75%; transform: rotate(-3deg); transition: transform .5s var(--ease); width: 79%; }.project-card:hover .browser-window { transform: rotate(0) scale(1.03); }.browser-bar { align-items: center; background: #1e1b25; display: flex; gap: 5px; height: 29px; padding: 0 10px; }.browser-bar i { background: #d1c7ba; border-radius: 50%; height: 5px; width: 5px; }.browser-bar span { color: #9a9a9a; font: 7px var(--mono); margin: auto; transform: translateX(-17px); }.browser-body { background: linear-gradient(#ffd28e, #f59170); height: calc(100% - 29px); overflow: hidden; position: relative; }.travel-copy { color: #273c40; font: 600 clamp(24px, 3.3vw, 49px)/.86 var(--display); left: 11%; letter-spacing: -.09em; position: absolute; top: 15%; z-index: 2; }.sun { background: #ffe77e; border-radius: 50%; height: 28%; position: absolute; right: 18%; top: 15%; width: 16%; }.mountains { background: #657a72; bottom: -9%; clip-path: polygon(0 73%, 20% 42%, 35% 62%, 50% 10%, 73% 70%, 87% 34%, 100% 71%, 100% 100%, 0 100%); height: 67%; position: absolute; width: 100%; }.project-two .project-visual { align-items: center; background: #181e3d; display: flex; height: 390px; justify-content: center; }.phone-mockup { background: #11131d; border: 5px solid #41465f; border-radius: 25px; box-shadow: 15px 18px 18px rgba(0,0,0,.35); height: 325px; overflow: hidden; position: relative; transform: rotate(9deg); transition: transform .5s var(--ease); width: 165px; }.project-card:hover .phone-mockup { transform: rotate(0) scale(1.03); }.phone-island { background: #030303; border-radius: 20px; height: 14px; left: 50%; position: absolute; top: 9px; transform: translateX(-50%); width: 55px; z-index: 1; }.app-screen { background: linear-gradient(160deg, #5f5cff, #a651d1); color: white; height: 100%; padding: 46px 14px 15px; }.app-screen small { font: 7px var(--mono); opacity: .8; }.app-screen strong { display: block; font: 600 22px var(--display); letter-spacing: -.08em; margin: 19px 0; }.app-screen strong span { font-size: 11px; }.chart { align-items: end; border-bottom: 1px solid rgba(255,255,255,.3); display: flex; gap: 7px; height: 65px; }.chart i { background: #c5ff7a; height: 32%; width: 8px; }.chart i:nth-child(2) { height: 58%; }.chart i:nth-child(3) { height: 45%; }.chart i:nth-child(4) { height: 82%; }.chart i:nth-child(5) { height: 68%; }.chart i:nth-child(6) { height: 94%; }.chart i:nth-child(7) { height: 76%; }.tiny-cards { display: flex; gap: 8px; margin-top: 18px; }.tiny-cards span { background: rgba(255,255,255,.2); border-radius: 5px; height: 49px; width: 50%; }.project-meta { display: grid; grid-template-columns: 1fr auto; padding-top: 18px; }.project-meta span { color: #768091; font: 500 9px var(--mono); grid-column: 1/3; letter-spacing: .04em; }.project-meta h3 { font: 600 25px/1 var(--display); letter-spacing: -.06em; margin: 10px 0 5px; }.project-meta p { color: #697281; font-size: 12px; margin: 0; }.project-meta b { align-self: end; color: var(--blue); font: 24px/1 var(--display); transition: transform .25s var(--ease); }.project-card:hover .project-meta b { transform: translate(4px,-4px); }
.process-section { padding-bottom: 145px; padding-top: 35px; }.process-top { align-items: end; display: flex; justify-content: space-between; margin: 45px 0 70px; }.process-top > p { color: #5d6675; font-size: 14px; line-height: 1.7; margin: 0; max-width: 270px; }.process-path { display: grid; grid-template-columns: repeat(4, 1fr); position: relative; }.process-path::before { background: var(--line); content: ""; height: 1px; left: 0; position: absolute; top: 9px; width: 100%; }.process-step { padding-right: 22px; position: relative; }.step-dot { background: var(--paper); border: 2px solid var(--blue); border-radius: 50%; display: block; height: 18px; margin-bottom: 29px; position: relative; transition: background .25s ease, transform .25s ease; width: 18px; z-index: 1; }.process-step:hover .step-dot { background: var(--electric); transform: scale(1.25); }.step-no { color: var(--blue); font: 500 9px var(--mono); }.process-step h3 { font: 600 22px var(--display); letter-spacing: -.05em; margin: 9px 0; }.process-step p { color: #687181; font-size: 12px; line-height: 1.7; margin: 0; max-width: 150px; }
.cta-panel { background: var(--ink); color: white; margin-bottom: 0; min-height: 470px; overflow: hidden; padding-bottom: 90px; padding-top: 90px; position: relative; text-align: center; }.cta-grid-lines { background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 45px 45px; inset: 0; mask-image: radial-gradient(ellipse at center, #000, transparent 68%); position: absolute; }.cta-panel > *:not(.cta-grid-lines) { position: relative; }.cta-panel .eyebrow { color: var(--electric); }.cta-panel h2 { font: 600 clamp(3rem, 6.5vw, 6.5rem)/.87 var(--display); letter-spacing: -.09em; margin: 43px 0 35px; }.cta-panel h2 span { color: var(--electric); font-style: italic; }.cta-panel .button { background: var(--electric); border-color: var(--electric); color: var(--ink); }.cta-panel .button span { color: var(--blue); }.cta-panel .button:hover { background: white; border-color: white; }.cta-spark { color: var(--electric); font-size: 32px; position: absolute; }.spark-a { animation: twinkle 2s infinite; left: 16%; top: 35%; }.spark-b { animation: twinkle 2s .7s infinite; bottom: 20%; right: 18%; }

/* Inner pages */
.page-hero { min-height: 620px; overflow: hidden; padding: 192px clamp(22px, 12vw, 180px) 95px; position: relative; }.page-hero h1, .contact-copy h1 { font: 600 clamp(4rem, 8vw, 8.4rem)/.84 var(--display); letter-spacing: -.1em; margin: 34px 0; position: relative; z-index: 2; }.page-hero .eyebrow, .page-hero .page-lead { position: relative; z-index: 2; }.page-lead { color: #566171; font-size: 16px; line-height: 1.8; margin: 0; max-width: 435px; }.about-hero { background: #f0ebff; }.about-hero::before { background: conic-gradient(from 0deg, transparent, rgba(150,85,255,.34), transparent 28%); border-radius: 50%; content: ""; filter: blur(4px); height: 620px; position: absolute; right: -70px; top: -210px; width: 620px; }.page-orb { background: radial-gradient(circle at 32% 29%, #f6dcff, var(--pink) 23%, #5e2db0 65%, #372761 100%); border-radius: 50%; box-shadow: inset -34px -28px 48px rgba(0,0,0,.25), 0 30px 70px rgba(88,35,159,.3); height: min(27vw, 390px); position: absolute; right: 12%; top: 24%; width: min(27vw, 390px); }.about-symbol { align-items: center; background: radial-gradient(circle at 36% 32%, #3b414b 0, #151a22 23%, #07090d 62%, #000 100%); border-radius: 50%; box-shadow: inset -25px -24px 45px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.14), 0 24px 65px rgba(0,0,0,.48); color: var(--electric); display: flex; font: 700 clamp(28px,4vw,55px) var(--display); height: 19vw; justify-content: center; letter-spacing: -.15em; max-height: 270px; max-width: 270px; position: absolute; right: 15%; top: 32%; width: 19vw; z-index: 2; }.about-symbol .about-logo { height: 76%; width: 76%; }.symbol-ring { animation: orbit-spin 11s linear infinite; border: 1px solid rgba(191,255,0,.65); border-radius: 50%; height: 45%; position: absolute; transform: rotate(60deg) scaleX(1.9); width: 45%; }.symbol-ring.ring-two { animation-direction: reverse; animation-duration: 17s; border-color: rgba(255,255,255,.35); transform: rotate(-30deg) scaleX(1.7); }
.story-section { padding-bottom: 135px; padding-top: 135px; }.story-grid { display: grid; grid-template-columns: 1fr 1fr; margin-top: 45px; }.story-copy { max-width: 460px; }.story-copy p { font-size: 16px; letter-spacing: -.02em; line-height: 1.8; margin: 0 0 22px; }.story-copy p:first-child { font-size: 20px; line-height: 1.65; }
.values-section { background: var(--ink); color: white; padding: 118px 0; }.values-section .section-kicker { color: #dce1ee; }.value-list { margin-top: 52px; }.value-item { align-items: center; border-top: 1px solid rgba(255,255,255,.2); display: grid; gap: 20px; grid-template-columns: .35fr 1fr 1fr auto; padding: 29px 0; transition: padding .3s var(--ease); }.value-item:last-child { border-bottom: 1px solid rgba(255,255,255,.2); }.value-item:hover { padding-left: 14px; }.value-item > span { color: var(--electric); font: 500 10px var(--mono); }.value-item h3 { font: 600 clamp(22px,3vw,36px)/1 var(--display); letter-spacing: -.06em; margin: 0; }.value-item p { color: rgba(255,255,255,.7); font-size: 13px; line-height: 1.7; margin: 0; max-width: 305px; }.value-item b { color: var(--electric); font: 24px var(--display); }
.leaders-section { padding-bottom: 140px; padding-top: 135px; }.leaders-section .section-title { margin: 43px 0 72px; }.leaders-grid { display: grid; gap: 20px; grid-template-columns: 1.2fr 1fr 1fr; }.leader-card { background: white; min-width: 0; }.leader-portrait { align-items: center; display: flex; height: 350px; justify-content: center; overflow: hidden; position: relative; }.portrait-one { background: linear-gradient(140deg, #2552e9, #111b5b); }.portrait-two { background: linear-gradient(140deg, #c9dcbd, #596d4e); }.portrait-three { background: linear-gradient(140deg, #f6c3e0, #bf518a); }.portrait-initial { color: rgba(255,255,255,.92); font: 600 clamp(7rem, 11vw, 11rem)/1 var(--display); letter-spacing: -.13em; position: relative; z-index: 1; }.leader-portrait i { border: 1px solid rgba(255,255,255,.5); border-radius: 50%; height: 160%; position: absolute; transform: rotate(45deg) scaleX(.55); width: 75%; }.leader-portrait i:last-child { animation: orbit-spin 12s linear infinite; border-color: rgba(191,255,0,.8); height: 70%; transform: rotate(-45deg) scaleX(1.9); width: 70%; }.leader-detail { padding: 20px; }.leader-detail p { color: var(--blue); font: 500 9px var(--mono); letter-spacing: .07em; margin: 0 0 9px; }.leader-detail h3 { font: 600 clamp(19px, 2.1vw, 29px)/.96 var(--display); letter-spacing: -.06em; margin: 0; }.leader-detail span { color: #6a7381; display: block; font-size: 11px; margin-top: 13px; }.photo-note { color: #788190; font: 10px var(--mono); margin-top: 17px; }
.work-hero { background: var(--ink); color: white; min-height: 660px; }.work-hero .eyebrow { color: var(--electric); }.work-hero .page-lead { color: rgba(255,255,255,.72); }.work-hero-grid { bottom: -140px; display: grid; gap: 8px; grid-template-columns: repeat(3, 1fr); height: 430px; position: absolute; right: 7%; transform: rotate(-24deg); width: 430px; }.work-hero-grid i { animation: grid-pulse 3.5s ease-in-out infinite; background: var(--blue); }.work-hero-grid i:nth-child(2n) { animation-delay: .5s; background: var(--violet); }.work-hero-grid i:nth-child(3n) { animation-delay: 1s; background: var(--electric); }.archive-section { padding-bottom: 140px; padding-top: 120px; }.archive-header { border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; padding-bottom: 16px; }.archive-header p { color: #6b7483; font: 500 9px var(--mono); letter-spacing: .08em; margin: 0; }.full-project-grid { display: grid; gap: 70px 30px; grid-template-columns: 1fr 1fr; margin-top: 58px; }.full-project-art { height: 400px; overflow: hidden; position: relative; }.project-pulse .full-project-art { background: #deeef1; }.pulse-logo { color: #132a52; font: 600 clamp(55px,8vw,105px)/1 var(--display); left: 10%; letter-spacing: -.1em; position: absolute; top: 13%; }.pulse-logo i { animation: signal 1.5s infinite; background: var(--pink); border-radius: 50%; display: inline-block; height: .14em; margin-left: .06em; width: .14em; }.pulse-wave { align-items: end; bottom: 10%; display: flex; gap: 8px; height: 38%; left: 10%; position: absolute; width: 80%; }.pulse-wave span { animation: wave .9s ease-in-out infinite alternate; background: var(--pink); border-radius: 4px 4px 0 0; height: 35%; width: 12%; }.pulse-wave span:nth-child(2) { animation-delay: .15s; height: 75%; }.pulse-wave span:nth-child(3) { animation-delay: .3s; height: 51%; }.pulse-wave span:nth-child(4) { animation-delay: .45s; height: 100%; }.pulse-wave span:nth-child(5) { animation-delay: .6s; height: 58%; }.pulse-wave span:nth-child(6) { animation-delay: .75s; height: 85%; }.project-terrace .full-project-art { background: #e6d0a2; }.terrace-sun { background: #ed5e38; border-radius: 50%; height: 140px; position: absolute; right: 13%; top: 10%; width: 140px; }.terrace-building { background: #325052; bottom: 0; clip-path: polygon(0 32%, 27% 32%, 27% 0, 56% 0, 56% 21%, 100% 21%, 100% 100%, 0 100%); display: grid; gap: 12px; grid-template-columns: repeat(3,1fr); padding: 100px 15% 22px; position: absolute; width: 100%; }.terrace-building i { background: #eab869; height: 43px; }.project-terrace .full-project-art > span { color: white; font: 600 29px/.92 var(--display); left: 10%; letter-spacing: -.06em; position: absolute; top: 12%; z-index: 2; }.project-nova .full-project-art { align-items: center; background: #201543; color: white; display: flex; justify-content: center; }.nova-orbit { animation: orbit-spin 12s linear infinite; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; height: 42%; position: absolute; transform: rotate(40deg) scaleX(2.2); width: 42%; }.nova-orbit.n-two { animation-direction: reverse; animation-duration: 19s; border-color: var(--electric); transform: rotate(-28deg) scaleX(1.65); }.nova-core { align-items: center; background: var(--electric); border-radius: 50%; color: var(--ink); display: flex; font: 600 45px var(--display); height: 92px; justify-content: center; width: 92px; }.project-nova small { bottom: 14%; font: 10px var(--mono); left: 10%; letter-spacing: .1em; position: absolute; }.project-loop .full-project-art { align-items: center; background: #f6f3eb; display: flex; justify-content: center; }.loop-shape { animation: loop-jump 5s infinite ease-in-out; color: #00a66f; font: 600 clamp(10rem,19vw,16rem)/.6 var(--display); letter-spacing: -.2em; }.loop-noise { background: repeating-linear-gradient(90deg, transparent, transparent 7px, rgba(0,0,0,.05) 8px); inset: 0; position: absolute; }.project-loop .full-project-art > span { bottom: 12%; color: var(--ink); font: 600 11px/1.05 var(--mono); left: 11%; letter-spacing: .08em; position: absolute; }.full-project-copy { padding-top: 18px; }.full-project-copy > span { color: #778190; font: 500 9px var(--mono); letter-spacing: .06em; }.full-project-copy h2 { font: 600 clamp(27px,3vw,42px)/1 var(--display); letter-spacing: -.07em; margin: 9px 0; }.full-project-copy p { color: #66707f; font-size: 13px; margin: 0 0 18px; }.project-visit { border-bottom: 1px solid var(--ink); font: 600 11px var(--body); padding-bottom: 5px; }.project-visit b { color: var(--blue); font: 18px var(--display); margin-left: 9px; }
/* Keep the Work-page header legible over its dark hero. */
body[data-page="work"] .site-header { color: white; }
body[data-page="work"] .brand-mark i { background: var(--electric); }
body[data-page="work"] .main-nav > a:not(.nav-cta) { color: white; }
body[data-page="work"] .nav-cta { background: var(--electric); color: var(--ink); }
body[data-page="work"] .nav-cta em { color: var(--blue); }
body[data-page="work"] .menu-toggle span { background: white; box-shadow: 0 0 8px rgba(255,255,255,.35); }
/* Live project archive */
.project-links { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 18px; }
.project-links .project-visit { background: transparent; border: 0; border-bottom: 1px solid var(--ink); color: var(--ink); cursor: pointer; font: 600 11px var(--body); padding: 0 0 5px; }
.project-note { background: rgba(9,16,29,.045); border-left: 2px solid var(--blue); color: #5f6978 !important; font-size: 11px !important; line-height: 1.65 !important; margin: 17px 0 22px !important; max-width: 520px; padding: 10px 12px; }
.project-note strong { color: var(--ink); }

.fidicon-erp-art { align-items: center; background: linear-gradient(135deg, #06132d, #164595); display: flex; justify-content: center; }.fidicon-erp-art::after, .tracker-art::after { background-image: linear-gradient(rgba(113,163,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(113,163,255,.1) 1px, transparent 1px); background-size: 24px 24px; content: ""; inset: 0; position: absolute; }.erp-window { background: rgba(244,249,255,.96); box-shadow: 14px 20px 35px rgba(0,0,0,.35); height: 72%; overflow: hidden; position: relative; transform: rotate(-3deg); width: 76%; z-index: 1; }.erp-nav { align-items: center; background: #102552; color: white; display: flex; font: 9px var(--body); gap: 8px; height: 34px; padding: 0 11px; }.erp-nav b { align-items: center; background: #58c7ff; border-radius: 4px; color: #102552; display: flex; font: 700 16px var(--display); height: 20px; justify-content: center; width: 20px; }.erp-nav i { background: rgba(255,255,255,.28); border-radius: 50%; height: 5px; margin-left: auto; width: 5px; }.erp-nav i + i { margin-left: 0; }.erp-dashboard { display: flex; height: calc(100% - 34px); }.erp-side { background: #e4ebf5; padding: 15px 8px; width: 19%; }.erp-side i { background: #b1c2d9; display: block; height: 5px; margin: 0 0 13px; }.erp-side i:first-child { background: #2468ec; }.erp-content { padding: 16px; width: 81%; }.erp-content small { color: #7b879b; font: 7px var(--mono); letter-spacing: .09em; }.erp-content strong { color: #15366f; display: block; font: 600 clamp(14px,2vw,24px) var(--display); letter-spacing: -.06em; margin: 7px 0; }.erp-chart { align-items: end; border-bottom: 1px solid #d6e0ef; display: flex; gap: 7px; height: 36%; padding: 0 5px; }.erp-chart i { background: linear-gradient(#5bcdff, #1859db); border-radius: 3px 3px 0 0; height: 31%; width: 11%; }.erp-chart i:nth-child(2) { height: 57%; }.erp-chart i:nth-child(3) { height: 46%; }.erp-chart i:nth-child(4) { height: 78%; }.erp-chart i:nth-child(5) { height: 64%; }.erp-chart i:nth-child(6) { height: 91%; }.erp-cards { display: flex; gap: 7px; margin-top: 12px; }.erp-cards span { background: #e7effa; height: 29px; width: 30%; }.fidicon-erp-art > p, .tracker-art > p, .sharpy-art > p, .sanjivani-art > p { bottom: 18px; color: rgba(255,255,255,.65); font: 500 9px var(--mono); left: 22px; letter-spacing: .12em; margin: 0; position: absolute; z-index: 2; }.fidicon-erp-art > p b, .tracker-art > p b, .sharpy-art > p b, .sanjivani-art > p b { color: #72d7ff; font-weight: 500; }
.tracker-art { align-items: center; background: linear-gradient(135deg, #181339, #613aa4); display: flex; justify-content: center; }.tracker-board { background: #f9f7ff; box-shadow: 15px 22px 38px rgba(0,0,0,.31); height: 72%; padding: 15px; position: relative; transform: rotate(3deg); width: 78%; z-index: 1; }.tracker-title { align-items: center; display: flex; gap: 8px; }.tracker-title span { color: #8264d8; font: 500 8px var(--mono); }.tracker-title b { color: #292141; font: 600 clamp(14px,2vw,21px) var(--display); letter-spacing: -.06em; }.tracker-title i { background: #c9bbef; border-radius: 50%; height: 6px; margin-left: auto; width: 6px; }.tracker-columns { display: flex; gap: 7px; margin-top: 20px; }.tracker-columns section { background: #f0ecfa; min-height: 105px; padding: 7px; width: 33%; }.tracker-columns small { color: #726887; font: 500 6px var(--mono); }.tracker-columns i { background: white; border-left: 3px solid #6a4bd5; box-shadow: 0 2px 5px rgba(40,30,80,.08); display: block; height: 21px; margin-top: 7px; }.tracker-columns section:nth-child(2) i { border-color: #f6a74c; }.tracker-columns section:nth-child(3) i { border-color: #55bb80; }
.frudent-art { background: #fff4c9; overflow: hidden; }.frudent-art::after { background: repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(80,69,25,.07) 20px); content: ""; inset: 0; position: absolute; }.frudent-orbit { border: 1px solid #e1b83e; border-radius: 50%; height: 170%; position: absolute; right: 11%; top: -36%; transform: rotate(22deg) scaleX(.48); width: 60%; }.orbit-b { border-color: #6685e6; right: 25%; transform: rotate(-30deg) scaleX(.74); }.frudent-book { background: #233c87; bottom: 16%; box-shadow: 14px 14px 0 #e9c74b; height: 43%; left: 12%; position: absolute; transform: skewY(-9deg) rotate(-11deg); width: 34%; }.frudent-book i { background: #f9ebad; display: block; height: 1px; margin: 20% auto 0; width: 64%; }.frudent-copy { left: 47%; position: absolute; top: 23%; z-index: 1; }.frudent-copy > span { color: #d36a35; font: 500 9px var(--mono); letter-spacing: .15em; }.frudent-copy strong { color: #253d88; display: block; font: 600 clamp(35px,5vw,68px)/.85 var(--display); letter-spacing: -.1em; }.frudent-copy strong span { color: #e66e37; }.frudent-copy small { color: #4e5e82; display: block; font: 500 7px var(--mono); letter-spacing: .08em; margin-top: 17px; }
.sharpy-art { align-items: center; background: #171c47; display: flex; justify-content: center; overflow: hidden; }.sharpy-pulse { animation: sharpy-pulse 3s infinite ease-in-out; background: radial-gradient(circle, rgba(100,246,233,.5), rgba(100,246,233,0) 66%); height: 490px; position: absolute; right: -110px; top: -100px; width: 490px; }.sharpy-dashboard { background: #f5ffff; box-shadow: 15px 22px 36px rgba(0,0,0,.38); height: 72%; overflow: hidden; position: relative; transform: rotate(-3deg); width: 75%; z-index: 1; }.sharpy-top { align-items: center; background: #263171; color: white; display: flex; height: 31px; padding: 0 12px; }.sharpy-top span { color: #88fff4; font: 600 9px var(--mono); letter-spacing: .1em; }.sharpy-top i { background: #77e2df; border-radius: 50%; height: 5px; margin-left: auto; width: 5px; }.sharpy-top i + i { margin-left: 5px; }.sharpy-study { background: linear-gradient(130deg, #dffaf6, #edf6ff); height: calc(100% - 31px); padding: 17px; }.sharpy-study strong { color: #20337a; font: 600 clamp(17px,2.6vw,30px)/.92 var(--display); letter-spacing: -.07em; }.sharpy-study em { color: #17a8b2; font-style: italic; }.sharpy-list { margin-top: 15px; }.sharpy-list i { background: rgba(41,74,139,.14); border-left: 3px solid #1ec4c1; display: block; height: 16px; margin-bottom: 7px; width: 80%; }.sharpy-list i:nth-child(2) { width: 66%; }.sharpy-list i:nth-child(3) { width: 74%; }
.sanjivani-art { align-items: center; background: linear-gradient(117deg, #073c42, #126f6a); display: flex; justify-content: center; overflow: hidden; }.sanjivani-glow { background: radial-gradient(circle, rgba(129,255,201,.42), transparent 67%); height: 680px; position: absolute; right: -100px; top: -180px; width: 680px; }.sanjivani-card { align-items: center; background: rgba(243,255,252,.94); box-shadow: 16px 22px 45px rgba(0,0,0,.26); display: flex; gap: 18px; padding: 28px; position: relative; width: min(73%, 610px); z-index: 1; }.sanjivani-card > span { align-items: center; background: #3dcc9d; border-radius: 50%; color: white; display: flex; font: 500 44px/1 var(--display); height: 78px; justify-content: center; width: 78px; }.sanjivani-card small { color: #438878; font: 500 8px var(--mono); letter-spacing: .09em; }.sanjivani-card strong { color: #0e4e51; display: block; font: 600 clamp(22px,3.3vw,44px)/.87 var(--display); letter-spacing: -.07em; margin: 8px 0; }.sanjivani-card em { color: #26b58b; font-style: italic; }.sanjivani-card div > i { background: #ceeee5; display: inline-block; height: 5px; margin: 4px 5px 0 0; width: 52px; }.sanjivani-card div > i + i { width: 35px; }
/* Homepage selected-work cards use ServeFlow and Frudent. */
.project-one .serveflow-art { background: linear-gradient(135deg, #102325, #0f5e58); }.project-two .frudent-art { background: #fff4c9; }
.serveflow-art { align-items: center; background: linear-gradient(135deg, #102325, #0f5e58); display: flex; justify-content: center; }.serveflow-art::after { background-image: linear-gradient(rgba(169,255,221,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(169,255,221,.09) 1px, transparent 1px); background-size: 24px 24px; content: ""; inset: 0; position: absolute; }.serveflow-tablet { background: #f8fbf7; border: 8px solid #1a2626; border-radius: 18px; box-shadow: 16px 24px 42px rgba(0,0,0,.38); height: 68%; overflow: hidden; position: relative; transform: rotate(-3deg); width: 76%; z-index: 1; }.serveflow-top { align-items: center; background: #123b38; color: white; display: flex; font: 600 clamp(13px,2vw,23px)/1 var(--display); gap: 0; height: 18%; letter-spacing: -.07em; padding: 0 8%; }.serveflow-top b { color: white; }.serveflow-top strong { color: #94f2c4; font: inherit; }.serveflow-top span { color: rgba(255,255,255,.62); font: 500 7px var(--mono); letter-spacing: .08em; margin-left: auto; }.serveflow-body { display: flex; gap: 6%; height: 82%; padding: 7%; }.serveflow-tables { display: grid; gap: 5px; grid-template-columns: repeat(2, 1fr); height: 86%; position: relative; width: 37%; }.serveflow-tables small { color: #6b7b78; font: 500 6px var(--mono); grid-column: span 2; letter-spacing: .1em; }.serveflow-tables i { align-items: center; background: #e4eeee; border-radius: 4px; color: #3b5852; display: flex; font: 600 8px var(--mono); font-style: normal; justify-content: center; }.serveflow-tables i.busy { background: #f4dba4; color: #775715; }.serveflow-tables i.reserved { background: #d7c8ef; color: #50387b; }.serveflow-order { background: #eef6f2; padding: 7% 8%; position: relative; width: 57%; }.serveflow-order small { color: #678078; font: 500 6px var(--mono); letter-spacing: .08em; }.serveflow-order > b { color: #183d36; display: block; font: 600 clamp(10px,1.5vw,17px) var(--display); letter-spacing: -.055em; margin: 6% 0 9%; }.serveflow-order > i { background: #d3e3dc; display: block; height: 7px; margin: 0 0 7px; width: 100%; }.serveflow-order > i:nth-of-type(2) { width: 74%; }.serveflow-order > i:nth-of-type(3) { width: 86%; }.serveflow-order > span { bottom: 9%; color: #0a9f70; font: 700 clamp(9px,1.3vw,14px) var(--display); position: absolute; right: 9%; }.serveflow-art > p { bottom: 18px; color: rgba(255,255,255,.65); font: 500 9px var(--mono); left: 22px; letter-spacing: .12em; margin: 0; position: absolute; z-index: 2; }.serveflow-art > p b { color: #94f2c4; font-weight: 500; }
.project-template-art { align-items: center; background: linear-gradient(135deg, #081025, #264cc3); display: flex; justify-content: center; }.project-template-art::before { background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 26px 26px; content: ""; inset: 0; position: absolute; }.project-template-window { background: rgba(255,255,255,.95); box-shadow: 16px 24px 42px rgba(0,0,0,.32); box-sizing: border-box; display: flex; flex-direction: column; height: 68%; padding: 10%; position: relative; transform: rotate(-3deg); width: 76%; z-index: 1; }.project-template-window small { color: var(--blue); font: 500 8px var(--mono); letter-spacing: .1em; }.project-template-window strong { color: #17234c; font: 600 clamp(25px,4vw,52px)/.85 var(--display); letter-spacing: -.09em; margin: 14% 0 auto; }.project-template-window i { background: #dce5fb; display: block; height: 8px; margin-bottom: 8px; width: 100%; }.project-template-window i:nth-of-type(2) { width: 75%; }.project-template-window i:nth-of-type(3) { width: 88%; }.project-template-window span { color: #65718e; font: 500 7px var(--mono); letter-spacing: .08em; margin-top: 6%; }.project-template-art > p { bottom: 18px; color: rgba(255,255,255,.65); font: 500 9px var(--mono); left: 22px; letter-spacing: .12em; margin: 0; position: absolute; z-index: 2; }.project-template-art > p b { color: var(--electric); font-weight: 500; }
.credentials-modal { align-items: center; background: rgba(3,8,20,.64); display: flex; inset: 0; justify-content: center; opacity: 0; padding: 20px; pointer-events: none; position: fixed; transition: opacity .25s ease; z-index: 40; }.credentials-modal.open { opacity: 1; pointer-events: auto; }.credentials-dialog { background: var(--paper); box-shadow: 0 25px 70px rgba(0,0,0,.35); max-width: 485px; padding: clamp(30px,5vw,55px); position: relative; transform: translateY(18px); transition: transform .3s var(--ease); width: 100%; }.credentials-modal.open .credentials-dialog { transform: translateY(0); }.credentials-dialog h2 { font: 600 clamp(2rem,4vw,3.1rem)/.9 var(--display); letter-spacing: -.08em; margin: 25px 0 17px; }.credentials-dialog > p:not(.eyebrow) { color: #5e6877; font-size: 14px; line-height: 1.7; margin: 0 0 28px; }.credentials-close { background: transparent; border: 0; color: var(--ink); font: 400 34px/1 var(--display); padding: 0; position: absolute; right: 18px; top: 14px; }.credentials-dialog .button { padding: 15px 18px; }
.credentials-dialog { max-height: min(760px, calc(100vh - 40px)); max-width: 850px; overflow-y: auto; }.credentials-table-wrap { border: 1px solid rgba(9,16,29,.14); overflow-x: auto; }.credential-table { border-collapse: collapse; min-width: 620px; width: 100%; }.credential-table th { background: var(--ink); color: white; font: 500 9px var(--mono); letter-spacing: .06em; padding: 11px 13px; text-align: left; }.credential-table td { border-top: 1px solid rgba(9,16,29,.1); color: #334052; font: 500 11px var(--body); padding: 10px 13px; white-space: nowrap; }.credential-table tbody tr:nth-child(even) { background: rgba(55,103,255,.045); }.credential-table td:last-child { color: var(--blue); font-family: var(--mono); font-size: 10px; }.credentials-footnote { color: #7a8492 !important; font: 10px/1.55 var(--body) !important; margin: 14px 0 0 !important; }

.careers-hero { background: #e7f6c8; min-height: 660px; }.career-astronaut { height: 380px; position: absolute; right: 10%; top: 22%; transform: rotate(13deg); width: 300px; }.helmet { background: radial-gradient(circle at 35% 31%, #c4ecff, #4d88bf 34%, #1a3d70 70%); border: 13px solid #f5f5ec; border-radius: 50%; box-shadow: inset -10px -10px 18px rgba(0,0,0,.25); height: 170px; left: 70px; position: absolute; top: 0; width: 170px; z-index: 2; }.helmet::after { border: 2px solid rgba(255,255,255,.8); border-radius: 50%; content: ""; height: 65%; left: 14%; position: absolute; top: 11%; width: 65%; }.body-shape { background: #f5f5ec; border-radius: 95px 95px 40px 40px; bottom: 0; height: 250px; left: 52px; position: absolute; width: 205px; }.body-shape::after { background: var(--blue); border: 5px solid #fff; border-radius: 50%; content: "DG"; font: 700 21px var(--display); height: 67px; left: 69px; line-height: 59px; position: absolute; text-align: center; top: 78px; width: 67px; }.arm { background: #f5f5ec; border-radius: 22px; height: 120px; position: absolute; top: 175px; width: 50px; }.arm-one { left: 16px; transform: rotate(48deg); }.arm-two { right: 5px; transform: rotate(-43deg); }.career-astronaut > span { animation: twinkle 1.8s infinite; color: var(--blue); font-size: 35px; position: absolute; right: -20px; top: -28px; }.culture-section { padding-bottom: 135px; padding-top: 135px; }.culture-grid { align-items: end; display: grid; grid-template-columns: 1.1fr .7fr; margin: 45px 0 85px; }.culture-grid .lead { max-width: 390px; }.perks-grid { display: grid; grid-template-columns: repeat(4,1fr); }.perk { border-left: 1px solid var(--line); padding: 22px 23px 14px; }.perk:last-child { border-right: 1px solid var(--line); }.perk i { color: var(--blue); display: block; font: 29px var(--display); font-style: normal; margin-bottom: 55px; }.perk h3 { font: 600 20px var(--display); letter-spacing: -.05em; margin: 0 0 8px; }.perk p { color: #697280; font-size: 12px; line-height: 1.65; margin: 0; max-width: 180px; }.roles-section { padding-bottom: 140px; padding-top: 110px; }.roles-intro { align-items: end; display: flex; justify-content: space-between; margin: 43px 0 70px; }.roles-intro > p { color: #5c6574; font-size: 14px; line-height: 1.7; margin: 0; max-width: 310px; }.role-list { border-top: 1px solid var(--line); margin-bottom: 35px; }.role-item { align-items: center; border-bottom: 1px solid var(--line); display: grid; gap: 24px; grid-template-columns: 75px 1fr auto; padding: 25px 6px; transition: background .3s ease, padding .3s ease; }.role-item:hover { background: white; padding-left: 16px; padding-right: 16px; }.role-item > span { color: var(--blue); font: 500 10px var(--mono); }.role-item h3 { font: 600 clamp(21px,2.8vw,32px)/1 var(--display); letter-spacing: -.06em; margin: 0 0 7px; }.role-item p { color: #748090; font-size: 11px; margin: 0; }.role-item b { color: var(--blue); font: 24px var(--display); }
.contact-section { background: #e9ecf3; display: grid; gap: 80px; grid-template-columns: 1fr .9fr; min-height: calc(100vh - 240px); padding: 185px clamp(22px, 11vw, 175px) 105px; position: relative; }.contact-section::before { background-image: linear-gradient(rgba(9,16,29,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(9,16,29,.055) 1px, transparent 1px); background-size: 50px 50px; content: ""; inset: 0; mask-image: linear-gradient(90deg,#000, transparent 65%); position: absolute; }.contact-copy, .contact-form { position: relative; z-index: 1; }.contact-copy h1 { margin-bottom: 31px; }.contact-details { margin-top: 65px; }.contact-details a { border-bottom: 2px solid var(--blue); font: 600 clamp(20px,2vw,28px) var(--display); letter-spacing: -.06em; padding-bottom: 5px; }.contact-details a span { color: var(--blue); }.contact-details p { color: #697280; font: 500 10px var(--mono); letter-spacing: .08em; margin-top: 26px; }.contact-details i { color: var(--blue); font-style: normal; margin: 0 8px; }.contact-form { background: var(--ink); color: white; display: flex; flex-direction: column; padding: clamp(25px,4vw,52px); }.contact-form label { color: rgba(255,255,255,.7); display: flex; flex-direction: column; font: 500 10px var(--mono); letter-spacing: .07em; margin-bottom: 24px; }.contact-form input, .contact-form textarea, .contact-form select { background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,.28); border-radius: 0; color: white; font: 500 15px var(--body); margin-top: 11px; outline: none; padding: 7px 0 11px; }.contact-form select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--electric) 50%), linear-gradient(135deg, var(--electric) 50%, transparent 50%); background-position: calc(100% - 11px) calc(50% + 2px), calc(100% - 6px) calc(50% + 2px); background-repeat: no-repeat; background-size: 5px 5px; }.contact-form option { color: var(--ink); }.contact-form textarea { resize: vertical; }.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { border-color: var(--electric); }.contact-form .button { align-self: start; background: var(--electric); border-color: var(--electric); color: var(--ink); margin-top: 9px; }.contact-form .button:hover { background: white; border-color: white; }.form-note { color: rgba(255,255,255,.46); font: 10px/1.6 var(--body); margin: 18px 0 0; }

/* Footer, motion and responsiveness */
.site-footer { background: var(--ink); color: white; padding: 58px clamp(22px, 5vw, 80px) 22px; }.site-footer .brand-mark i { background: var(--electric); }.site-footer .brand-logo img { width: 218px; }.footer-main { align-items: start; display: grid; gap: 30px; grid-template-columns: 1fr 1fr 1fr; padding-bottom: 98px; }.footer-main > p { color: rgba(255,255,255,.65); font-size: 13px; line-height: 1.7; margin: 0; max-width: 220px; }.footer-email { color: var(--electric); font: 600 clamp(17px,2vw,28px)/1 var(--display); justify-self: end; letter-spacing: -.06em; }.footer-email span { font-size: .8em; }.footer-bottom { border-top: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.52); display: flex; font: 500 9px var(--mono); justify-content: space-between; letter-spacing: .07em; padding-top: 18px; }.footer-bottom p { margin: 0; }.footer-bottom a:hover { color: var(--electric); }.reveal { opacity: 0; transform: translateY(27px); transition: opacity .75s var(--ease), transform .75s var(--ease); }.reveal.visible { opacity: 1; transform: translateY(0); }.toast { background: var(--ink); bottom: 25px; color: white; font: 11px var(--body); left: 50%; opacity: 0; padding: 14px 18px; pointer-events: none; position: fixed; transform: translate(-50%, 20px); transition: opacity .25s ease, transform .25s ease; z-index: 30; }.toast.show { opacity: 1; transform: translate(-50%, 0); }

@keyframes loader-orb { 50% { transform: scale(1.25); } }
@keyframes load-track { from { transform: translateX(-105%); } to { transform: translateX(0); } }
@keyframes loader-exit { to { clip-path: inset(0 0 100% 0); visibility: hidden; } }
@keyframes orbit-spin { to { transform: translate(-50%,-50%) rotate(325deg); } }
@keyframes core-float { 50% { transform: translateY(-14px) scale(1.03); } }
@keyframes dot-orbit { 50% { transform: translate(12px,-18px); } }
@keyframes float-card { 50% { transform: translateY(-13px) rotate(-3deg); } }
@keyframes blink { 50% { opacity: 0; } }
@keyframes signal { 70% { box-shadow: 0 0 0 8px rgba(191,255,0,0); } 100% { box-shadow: 0 0 0 0 rgba(191,255,0,0); } }
@keyframes scan { from { transform: translateY(-30vh); } to { transform: translateY(130vh); } }
@keyframes scroll-bar { from { transform: translateX(-110%); } to { transform: translateX(220%); } }
@keyframes marquee { to { transform: translateX(-35%); } }
@keyframes twinkle { 50% { opacity: .25; transform: scale(.7) rotate(45deg); } }
@keyframes grid-pulse { 50% { opacity: .25; transform: scale(.84); } }
@keyframes wave { to { transform: scaleY(.47); transform-origin: bottom; } }
@keyframes loop-jump { 50% { transform: rotate(-7deg) scale(1.09); } }
@keyframes sharpy-pulse { 50% { opacity: .45; transform: scale(.85); } }
@keyframes inner-ring-one { to { transform: translate(-50%,-50%) rotate(420deg) scaleX(1.9); } }
@keyframes inner-ring-two { to { transform: translate(-50%,-50%) rotate(330deg) scaleX(1.7); } }
@keyframes nova-ring-one { to { transform: translate(-50%,-50%) rotate(400deg) scaleX(2.2); } }
@keyframes nova-ring-two { to { transform: translate(-50%,-50%) rotate(332deg) scaleX(1.65); } }
.symbol-ring { animation-name: inner-ring-one; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(60deg) scaleX(1.9); }
.symbol-ring.ring-two { animation-name: inner-ring-two; transform: translate(-50%,-50%) rotate(-30deg) scaleX(1.7); }
.nova-orbit { animation-name: nova-ring-one; left: 50%; top: 50%; transform: translate(-50%,-50%) rotate(40deg) scaleX(2.2); }
.nova-orbit.n-two { animation-name: nova-ring-two; transform: translate(-50%,-50%) rotate(-28deg) scaleX(1.65); }

@media (max-width: 850px) {
  .site-header { height: 75px; padding-left: 22px; padding-right: 22px; }.menu-toggle { display: block; }.main-nav { background: var(--paper); box-shadow: 0 18px 30px rgba(9,16,29,.1); display: flex; flex-direction: column; gap: 24px; padding: 90px 28px 30px; position: absolute; right: 0; top: 0; transform: translateY(-115%); transition: transform .45s var(--ease); width: min(310px, 100vw); z-index: 12; }.main-nav.open { transform: translateY(0); }.main-nav > a { font-size: 15px; }.nav-cta { margin-top: 5px; }.hero { min-height: 780px; padding: 150px 24px 72px; }.hero-art { height: 430px; opacity: .85; right: -90px; top: 310px; width: 460px; }.hero-copy { align-self: start; }.hero-title { font-size: clamp(3.75rem, 13vw, 6rem); }.hero-description { max-width: 390px; }.hero-footer p { display: none; }.hero-footer { bottom: 26px; left: 24px; right: auto; }.intro-grid, .story-grid, .culture-grid, .contact-section { gap: 32px; grid-template-columns: 1fr; }.intro-section, .story-section, .culture-section, .leaders-section { padding-bottom: 95px; padding-top: 95px; }.intro-grid { margin-bottom: 55px; margin-top: 35px; }.services-grid { grid-template-columns: 1fr 1fr; row-gap: 30px; }.service-card:nth-child(2) { border-right: 1px solid var(--line); }.service-card { min-height: 275px; }.service-icon { margin-top: 35px; }.statement-section { min-height: 600px; }.statement-inner { padding-bottom: 65px; padding-top: 90px; }.statement-text { margin: 55px 0; }.statement-foot { align-items: start; flex-direction: column; gap: 30px; }.project-list { grid-template-columns: 1fr; }.project-one .project-visual, .project-two .project-visual { height: 330px; }.process-top, .roles-intro { align-items: start; flex-direction: column; gap: 27px; }.process-path { gap: 29px; grid-template-columns: 1fr 1fr; }.process-path::before { left: 9px; height: 100%; top: 0; width: 1px; }.process-step { padding-left: 30px; }.step-dot { left: 0; position: absolute; top: 0; }.cta-panel { min-height: 390px; }.page-hero { min-height: 590px; padding: 145px 24px 75px; }.page-orb, .about-symbol { right: -48px; top: 49%; }.page-orb { height: 245px; width: 245px; }.about-symbol { height: 150px; width: 150px; }.page-hero h1 { font-size: clamp(3.8rem, 12vw, 6rem); max-width: 640px; }.work-hero-grid { bottom: -145px; height: 350px; opacity: .6; right: -78px; width: 350px; }.value-item { align-items: start; grid-template-columns: 45px 1fr auto; }.value-item p { grid-column: 2 / 4; }.leaders-grid { grid-template-columns: 1fr 1fr; }.leader-founder { grid-column: span 2; }.leader-portrait { height: 300px; }.full-project-grid { grid-template-columns: 1fr; }.full-project-art { height: 340px; }.career-astronaut { opacity: .72; right: -80px; transform: scale(.8) rotate(13deg); }.perks-grid { grid-template-columns: 1fr 1fr; row-gap: 25px; }.perk:nth-child(2) { border-right: 1px solid var(--line); }.perk i { margin-bottom: 34px; }.contact-section { padding: 135px 24px 75px; }.contact-copy h1 { font-size: clamp(3.8rem, 12vw, 6rem); }.footer-main { grid-template-columns: 1fr 1fr; }.footer-email { grid-column: span 2; justify-self: start; }.footer-bottom p:nth-child(2) { display: none; }
  .brand-logo img { width: 172px; }.site-footer .brand-logo img { width: 190px; }
  body[data-page="work"] .main-nav > a:not(.nav-cta) { color: var(--ink); }
  body[data-page="work"] .menu-toggle.active span { background: var(--ink); box-shadow: none; }
  .project-sanjivani { grid-column: auto; }
}
@media (max-width: 480px) {
  .brand { font-size: 13px; }.brand-logo img { width: 151px; }.site-footer .brand-logo img { width: 177px; }.brand-mark { font-size: 18px; margin-right: 7px; }.brand-mark i { margin-left: 5px; width: 9px; }.hero { min-height: 720px; }.hero-title { font-size: 3.65rem; }.hero-description { font-size: 13px; margin-top: 25px; }.hero-art { right: -130px; top: 350px; transform: scale(.8); transform-origin: right top; }.card-code { left: 38px; }.card-signal { right: 58px; }.section-title { font-size: 2.8rem; }.services-grid { display: block; }.service-card, .service-card:last-child { border: 0; border-bottom: 1px solid var(--line); min-height: 225px; padding: 22px 0; }.service-card:first-child { border-top: 1px solid var(--line); }.service-icon { margin: 25px 0 15px; }.service-card > a { bottom: 24px; right: 0; }.statement-text { font-size: 3.35rem; }.project-one .project-visual, .project-two .project-visual { height: 245px; }.browser-window { height: 68%; }.phone-mockup { transform: scale(.75) rotate(9deg); }.project-card:hover .phone-mockup { transform: scale(.77) rotate(0); }.process-path { grid-template-columns: 1fr; }.cta-panel { margin-left: -22px; margin-right: -22px; padding-left: 22px; padding-right: 22px; }.cta-panel h2 { font-size: 3.45rem; }.page-hero h1, .contact-copy h1 { font-size: 3.55rem; }.page-lead { font-size: 14px; }.page-orb { opacity: .7; right: -85px; }.about-symbol { right: 8px; top: auto; bottom: 34px; }.story-copy p:first-child { font-size: 17px; }.value-item { gap: 12px; grid-template-columns: 35px 1fr auto; }.value-item h3 { font-size: 24px; }.leaders-grid { grid-template-columns: 1fr; }.leader-founder { grid-column: auto; }.leader-portrait { height: 280px; }.full-project-grid { gap: 50px; }.full-project-art { height: 270px; }.terrace-sun { height: 100px; width: 100px; }.career-astronaut { right: -120px; top: 45%; transform: scale(.62) rotate(13deg); }.careers-hero { min-height: 630px; }.perks-grid { display: block; }.perk, .perk:last-child { border: 0; border-bottom: 1px solid var(--line); padding: 26px 0; }.perk:first-child { border-top: 1px solid var(--line); }.role-item { gap: 12px; grid-template-columns: 34px 1fr auto; }.role-item h3 { font-size: 22px; }.contact-details { margin-top: 45px; }.contact-form { padding: 25px; }.footer-main { display: flex; flex-direction: column; padding-bottom: 50px; }.footer-email { font-size: 20px; }.footer-bottom { gap: 16px; }.footer-bottom a { margin-left: auto; }
}

/* Official contact details and header mark refinements. */
.footer-contact { align-items: flex-end; display: flex; flex-direction: column; gap: 11px; justify-self: end; }
.footer-contact .footer-email { justify-self: auto; }
.footer-phone { border-bottom: 1px solid rgba(255,255,255,.38); color: white; font: 600 clamp(16px,1.4vw,21px)/1 var(--display); letter-spacing: -.045em; padding-bottom: 6px; transition: color .2s ease, border-color .2s ease; }
.footer-phone::before { color: var(--electric); content: "WHATSAPP / "; font: 500 8px var(--mono); letter-spacing: .08em; vertical-align: middle; }
.footer-phone:hover { border-color: var(--electric); color: var(--electric); }
.contact-details .contact-phone { border-bottom: 1px solid var(--ink); color: var(--ink); display: table; font: 600 clamp(19px,1.9vw,27px) var(--display); letter-spacing: -.055em; margin-top: 21px; padding-bottom: 5px; }.contact-details .contact-phone::before { color: var(--blue); content: "WHATSAPP / "; font: 500 8px var(--mono); letter-spacing: .08em; vertical-align: middle; }
.company-registration { color: rgba(255,255,255,.4); font: 500 8px/1.65 var(--mono); letter-spacing: .055em; margin: 14px 0 0; text-align: right; }.company-registration i { color: var(--electric); font-style: normal; margin: 0 7px; }
@media (max-width: 850px) { .header-brand { height: 45px; width: 190px; }.footer-contact { align-items: flex-start; grid-column: span 2; justify-self: start; } }
@media (max-width: 480px) { .header-brand { height: 37px; width: 154px; }.footer-contact { gap: 9px; }.company-registration { text-align: left; } }

/* Career applications */
.career-expertise { color: #33455e; font: 600 12px var(--mono); letter-spacing: .12em; margin: 19px 0 0; text-transform: uppercase; }.career-expertise span { color: var(--blue); }
.role-item.apply-role { background: transparent; color: var(--ink); cursor: pointer; font: inherit; text-align: left; width: 100%; }.roles-section .arrow-link.apply-role { background: transparent; border: 0; color: var(--ink); cursor: pointer; font: inherit; padding: 0; text-align: left; }
.application-modal { align-items: center; background: rgba(3,8,20,.72); display: flex; inset: 0; justify-content: center; opacity: 0; padding: 20px; pointer-events: none; position: fixed; transition: opacity .25s ease; z-index: 50; }.application-modal.open { opacity: 1; pointer-events: auto; }.application-dialog { background: var(--ink); box-shadow: 0 26px 75px rgba(0,0,0,.43); color: white; max-height: min(850px, calc(100vh - 40px)); max-width: 605px; overflow-y: auto; padding: clamp(29px,5vw,58px); position: relative; transform: translateY(18px); transition: transform .32s var(--ease); width: 100%; }.application-modal.open .application-dialog { transform: translateY(0); }.application-close { background: transparent; border: 0; color: white; cursor: pointer; font: 300 36px/1 var(--display); padding: 0; position: absolute; right: 19px; top: 16px; }.application-dialog .eyebrow { color: var(--electric); }.application-dialog h2 { font: 600 clamp(2.25rem,5vw,4rem)/.88 var(--display); letter-spacing: -.08em; margin: 23px 0 18px; }.application-dialog h2 span { color: var(--electric); }.application-copy { color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.7; margin: 0 0 29px; max-width: 430px; }.career-form { display: grid; gap: 20px; }.career-form > label, .career-file-field > span { color: rgba(255,255,255,.72); display: flex; flex-direction: column; font: 500 10px var(--mono); letter-spacing: .07em; text-transform: uppercase; }.career-form input:not([type="file"]), .career-form select { appearance: none; background: transparent; border: 0; border-bottom: 1px solid rgba(255,255,255,.28); border-radius: 0; color: white; font: 500 15px var(--body); margin-top: 10px; outline: none; padding: 7px 0 11px; }.career-form select { background-image: linear-gradient(45deg, transparent 50%, var(--electric) 50%), linear-gradient(135deg, var(--electric) 50%, transparent 50%); background-position: calc(100% - 11px) calc(50% + 2px), calc(100% - 6px) calc(50% + 2px); background-repeat: no-repeat; background-size: 5px 5px; }.career-form option { color: var(--ink); }.career-form input:focus, .career-form select:focus { border-color: var(--electric); }.career-file-field { display: grid; gap: 10px; }.cv-dropzone { align-items: center; border: 1px dashed rgba(255,255,255,.34); cursor: pointer; display: flex; flex-direction: column; gap: 7px; justify-content: center; min-height: 142px; padding: 20px; text-align: center; transition: background .2s ease, border-color .2s ease; }.cv-dropzone:hover, .cv-dropzone.dragging { background: rgba(110,255,191,.08); border-color: var(--electric); }.cv-dropzone input { height: 1px; opacity: 0; overflow: hidden; position: absolute; width: 1px; }.cv-dropzone strong { color: var(--electric); font: 600 18px var(--display); letter-spacing: -.04em; }.cv-dropzone small, .cv-file-name { color: rgba(255,255,255,.56); font: 11px/1.45 var(--body); }.cv-file-name { color: white; font-family: var(--mono); font-size: 9px; letter-spacing: .04em; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.career-form-error { color: #ffb6b6; font-size: 12px; margin: -4px 0 0; min-height: 0; }.career-form .button { justify-self: start; margin-top: 5px; }
@media (max-width: 480px) { .career-expertise { font-size: 10px; margin-top: 15px; }.application-dialog { padding: 29px 25px; }.application-dialog h2 { font-size: 2.85rem; }.career-form .button { width: 100%; } }

/* Portrait-free leadership and advisory team cards. */
.leader-text-card { border: 1px solid rgba(9,16,29,.09); display: flex; flex-direction: column; }.leader-text-card .leader-detail { background: white; margin-top: auto; }.leader-no-photo { background: linear-gradient(145deg, #edf2ff, #dce4f7); box-sizing: border-box; display: flex; flex: 1; flex-direction: column; justify-content: space-between; min-height: 350px; overflow: hidden; padding: 25px; position: relative; }.leader-no-photo::before { background-image: linear-gradient(rgba(38,76,195,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(38,76,195,.1) 1px, transparent 1px); background-size: 28px 28px; content: ""; inset: 0; mask-image: linear-gradient(135deg, #000, transparent 72%); position: absolute; }.leader-no-photo > span, .leader-no-photo strong { position: relative; z-index: 1; }.leader-no-photo > span { color: #52627d; font: 500 9px var(--mono); letter-spacing: .08em; }.leader-no-photo strong { color: var(--ink); font: 600 clamp(29px,3vw,43px)/.92 var(--display); letter-spacing: -.07em; }.leader-no-photo i { border: 1px solid rgba(38,76,195,.3); border-radius: 50%; height: 58%; position: absolute; right: -21%; top: 14%; transform: rotate(-36deg) scaleX(1.7); width: 58%; }.leader-no-photo i:last-child { border-color: rgba(55,103,255,.52); height: 38%; right: 10%; top: 30%; transform: rotate(38deg) scaleX(.52); width: 38%; }.leader-no-photo.chair-two { background: linear-gradient(145deg, #f9eef5, #eee2cf); }.leader-no-photo.chair-two::before { background-image: linear-gradient(rgba(179,65,129,.11) 1px, transparent 1px), linear-gradient(90deg, rgba(179,65,129,.11) 1px, transparent 1px); }.leader-no-photo.chair-two i { border-color: rgba(179,65,129,.3); }.leader-no-photo.chair-two i:last-child { border-color: rgba(165,101,36,.48); }
.advisory-section { background: #e9edf5; padding: 120px 0 135px; }.advisory-heading { align-items: end; display: flex; justify-content: space-between; margin: 43px 0 68px; }.advisory-heading .lead { color: #5d6879; font-size: 14px; line-height: 1.75; margin: 0; max-width: 390px; }.advisory-grid { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); }.advisor-card { background: var(--ink); box-sizing: border-box; color: white; min-height: 300px; overflow: hidden; padding: clamp(25px,3vw,42px); position: relative; }.advisor-card::before { background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 32px 32px; content: ""; inset: 0; mask-image: linear-gradient(135deg, #000, transparent 67%); position: absolute; }.advisor-card > * { position: relative; z-index: 1; }.advisor-card > span { color: var(--electric); font: 500 9px var(--mono); letter-spacing: .09em; }.advisor-card h3 { font: 600 clamp(28px,3.2vw,47px)/.94 var(--display); letter-spacing: -.07em; margin: 65px 0 15px; max-width: 560px; }.advisor-card p { color: rgba(255,255,255,.83); font-size: 13px; margin: 0 0 7px; }.advisor-card small { color: rgba(255,255,255,.57); font: 11px/1.6 var(--body); }.advisor-card b { bottom: 30px; color: var(--electric); font: 27px var(--display); position: absolute; right: 32px; }
@media (max-width: 850px) { .leader-no-photo { min-height: 300px; }.advisory-heading { align-items: start; flex-direction: column; gap: 27px; }.advisory-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .leader-no-photo { min-height: 230px; }.advisory-section { padding: 90px 0; }.advisor-card { min-height: 260px; }.advisor-card h3 { font-size: 2.25rem; margin-top: 48px; } }

/* Leadership hierarchy: founder first, governance cards without portraits, advisors ready for photography. */
.leaders-grid { grid-template-columns: repeat(2, 1fr); }.leader-founder { grid-column: 1 / -1; }.chairperson-card { background: var(--ink); border: 0; }.chairperson-card .leader-no-photo { background: var(--ink); min-height: 270px; }.chairperson-card .leader-no-photo::before { background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); }.chairperson-card .leader-no-photo > span { color: var(--electric); }.chairperson-card .leader-no-photo strong { color: white; font-size: clamp(32px,3.5vw,50px); }.chairperson-card .leader-no-photo i { border-color: rgba(110,255,191,.24); }.chairperson-card .leader-no-photo i:last-child { border-color: rgba(255,255,255,.3); }.chairperson-card-two .leader-no-photo { background: #111d2f; }.chairperson-card-two .leader-no-photo::before { background-image: linear-gradient(rgba(85,151,255,.11) 1px, transparent 1px), linear-gradient(90deg, rgba(85,151,255,.11) 1px, transparent 1px); }.chairperson-card .leader-detail, .chairperson-card .leader-text-card .leader-detail { background: var(--ink); color: white; }.chairperson-card-two .leader-detail { background: #111d2f; }.chairperson-card .leader-detail p { color: var(--electric); }.chairperson-card .leader-detail h3 { color: white; }.chairperson-card .leader-detail span { color: rgba(255,255,255,.64); }
.advisor-photo-card { background: white; color: var(--ink); display: flex; flex-direction: column; min-height: 0; padding: 0; }.advisor-photo-card::before { display: none; }.advisor-portrait { align-items: center; display: flex; height: 310px; justify-content: center; overflow: hidden; position: relative; }.advisor-one { background: linear-gradient(140deg, #4864bd, #172650); }.advisor-two { background: linear-gradient(140deg, #a77a55, #51372e); }.advisor-portrait i { border: 1px solid rgba(255,255,255,.5); border-radius: 50%; height: 160%; position: absolute; transform: rotate(45deg) scaleX(.55); width: 75%; }.advisor-portrait i:last-child { animation: orbit-spin 12s linear infinite; border-color: rgba(191,255,0,.8); height: 70%; transform: rotate(-45deg) scaleX(1.9); width: 70%; }.advisor-portrait.has-photo { background: #161616; }.advisor-portrait.has-photo img { height: 100%; object-fit: cover; object-position: center 12%; position: relative; width: 100%; z-index: 1; }.advisor-portrait.has-photo i { border-color: rgba(255,255,255,.38); pointer-events: none; z-index: 2; }.advisor-portrait.has-photo i:last-child { border-color: rgba(110,255,191,.63); }.advisor-detail { padding: 22px; }.advisor-detail p { color: var(--blue); font: 500 9px var(--mono); letter-spacing: .07em; margin: 0 0 9px; }.advisor-photo-card h3 { color: var(--ink); font: 600 clamp(22px,2.4vw,32px)/.96 var(--display); letter-spacing: -.06em; margin: 0; max-width: none; }.advisor-detail span { color: #6a7381; display: block; font-size: 11px; line-height: 1.55; margin-top: 13px; }.advisor-photo-card b { display: none; }
.leader-portrait.has-photo img { height: 100%; object-fit: cover; object-position: center 43%; position: relative; width: 100%; z-index: 1; }.leader-portrait.has-photo i { border-color: rgba(255,255,255,.35); pointer-events: none; z-index: 2; }.leader-portrait.has-photo i:last-child { border-color: rgba(110,255,191,.6); }.leader-founder .leader-portrait.has-photo { height: 430px; }
@media (max-width: 850px) { .leaders-grid { grid-template-columns: repeat(2, 1fr); }.leader-founder { grid-column: 1 / -1; }.advisor-portrait { height: 280px; }.leader-founder .leader-portrait.has-photo { height: 360px; } }
@media (max-width: 480px) { .leaders-grid { grid-template-columns: 1fr; }.leader-founder { grid-column: auto; }.chairperson-card .leader-no-photo { min-height: 230px; }.advisor-portrait { height: 260px; }.leader-founder .leader-portrait.has-photo { height: 290px; } }

/* A preview of the wider IT team, ready for introductions later. */
.team-teaser-section { padding-bottom: 135px; padding-top: 125px; }.team-teaser-grid { align-items: end; display: grid; gap: 70px; grid-template-columns: .9fr 1.1fr; margin-top: 45px; }.team-teaser-grid .lead { color: #5c6675; font-size: 15px; line-height: 1.8; margin: 31px 0 0; max-width: 390px; }.team-teaser-panel { background: var(--ink); box-sizing: border-box; color: white; min-height: 335px; overflow: hidden; padding: clamp(26px,4vw,48px); position: relative; }.team-teaser-panel::before { background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 36px 36px; content: ""; inset: 0; mask-image: linear-gradient(135deg, #000, transparent 72%); position: absolute; }.team-teaser-panel > * { position: relative; z-index: 1; }.team-teaser-panel > p { color: var(--electric); font: 500 9px var(--mono); letter-spacing: .09em; margin: 0; }.team-disciplines { display: grid; gap: 25px 18px; grid-template-columns: repeat(2, 1fr); margin: 63px 0 41px; }.team-disciplines span { color: white; font: 600 clamp(19px,2vw,28px)/.98 var(--display); letter-spacing: -.05em; }.team-teaser-panel small { color: rgba(255,255,255,.55); font: 9px var(--mono); letter-spacing: .08em; }.team-teaser-panel b { bottom: 28px; color: var(--electric); font: 28px var(--display); position: absolute; right: 32px; }
@media (max-width: 850px) { .team-teaser-grid { align-items: start; gap: 35px; grid-template-columns: 1fr; }.team-teaser-panel { max-width: 650px; } }
@media (max-width: 480px) { .team-teaser-section { padding-bottom: 90px; padding-top: 90px; }.team-teaser-panel { min-height: 310px; }.team-disciplines { gap: 23px 12px; margin: 50px 0 36px; }.team-disciplines span { font-size: 20px; } }

/* Square portraits keep the leadership and advisory photographs consistent. */
.footer-contact { gap: 13px; }.leaders-section .leader-founder { justify-self: start; max-width: 540px; width: 100%; }.leaders-section .leader-founder .leader-portrait.has-photo, .advisory-section .advisor-portrait { aspect-ratio: 1 / 1; height: auto; }.advisory-section .advisor-portrait.has-photo img { object-position: center 16%; }
.about-symbol .symbol-ring { height: 82%; left: 50%; top: 50%; width: 82%; }.about-symbol .symbol-ring.ring-two { height: 72%; width: 72%; }
@media (max-width: 850px) { .leaders-section .leader-founder { max-width: 100%; } }

/* Reusable people sections: add cards or duplicate a specialist section without new styling. */
.advisory-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); }.specialist-section { background: white; padding: 120px 0 135px; }.specialist-digital-section { background: #e9edf5; }.specialist-heading { align-items: end; display: flex; justify-content: space-between; margin: 43px 0 68px; }.specialist-heading .lead { color: #5d6879; font-size: 14px; line-height: 1.75; margin: 0; max-width: 390px; }.specialist-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 320px)); justify-content: start; }.specialist-card { background: white; border: 1px solid rgba(9,16,29,.1); box-sizing: border-box; display: flex; flex-direction: column; min-width: 0; overflow: hidden; }.specialist-portrait { align-items: center; aspect-ratio: 1 / 1; background: #16213b; display: flex; justify-content: center; overflow: hidden; position: relative; }.specialist-portrait.has-photo img { height: 100%; object-fit: cover; object-position: center 18%; position: relative; width: 100%; z-index: 1; }.specialist-portrait i { border: 1px solid rgba(255,255,255,.4); border-radius: 50%; height: 160%; pointer-events: none; position: absolute; transform: rotate(45deg) scaleX(.55); width: 75%; z-index: 2; }.specialist-portrait i:last-child { animation: orbit-spin 12s linear infinite; border-color: rgba(110,255,191,.72); height: 70%; transform: rotate(-45deg) scaleX(1.9); width: 70%; }.specialist-detail { padding: 22px; }.specialist-detail p { color: var(--blue); font: 500 9px/1.45 var(--mono); letter-spacing: .07em; margin: 0 0 9px; }.specialist-detail h3 { color: var(--ink); font: 600 clamp(23px,2.5vw,34px)/.96 var(--display); letter-spacing: -.06em; margin: 0; }.specialist-detail span { color: #6a7381; display: block; font-size: 11px; line-height: 1.55; margin-top: 13px; }.specialist-card-text { background: var(--ink); border: 0; color: white; }.specialist-no-photo { background: var(--ink); box-sizing: border-box; display: flex; flex: 1; flex-direction: column; justify-content: space-between; min-height: 300px; overflow: hidden; padding: clamp(25px,3vw,42px); position: relative; }.specialist-no-photo::before { background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 32px 32px; content: ""; inset: 0; mask-image: linear-gradient(135deg, #000, transparent 70%); position: absolute; }.specialist-no-photo > span, .specialist-no-photo strong { position: relative; z-index: 1; }.specialist-no-photo > span { color: var(--electric); font: 500 9px var(--mono); letter-spacing: .09em; }.specialist-no-photo strong { color: white; font: 600 clamp(34px,4vw,58px)/.86 var(--display); letter-spacing: -.08em; }.specialist-no-photo i { border: 1px solid rgba(110,255,191,.3); border-radius: 50%; height: 58%; position: absolute; right: -15%; top: 15%; transform: rotate(-36deg) scaleX(1.7); width: 58%; }.specialist-no-photo i:last-child { animation: orbit-spin 13s linear infinite reverse; border-color: rgba(255,255,255,.35); height: 40%; right: 12%; top: 29%; transform: rotate(38deg) scaleX(.52); width: 40%; }.specialist-card-text .specialist-detail { background: var(--ink); }.specialist-card-text .specialist-detail p { color: var(--electric); }.specialist-card-text .specialist-detail h3 { color: white; }.specialist-card-text .specialist-detail span { color: rgba(255,255,255,.64); }
@media (max-width: 850px) { .specialist-section { padding: 95px 0; }.specialist-heading { align-items: start; flex-direction: column; gap: 27px; }.specialist-grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .specialist-section { padding: 90px 0; }.specialist-no-photo { min-height: 250px; } }

/* The Founder’s Message fills the leadership space beside the Founder profile. */
.leaders-section .leaders-grid { align-items: stretch; grid-template-columns: repeat(20, minmax(0, 1fr)); }.leaders-section .leader-founder { grid-column: span 12; max-width: none; }.founder-message { background: var(--ink); box-sizing: border-box; color: white; display: flex; flex-direction: column; grid-column: span 8; min-width: 0; overflow: hidden; padding: clamp(27px, 3.5vw, 48px); position: relative; }.leaders-section .chairperson-card { grid-column: span 10; }.founder-message::before { background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size: 32px 32px; content: ""; inset: 0; mask-image: linear-gradient(135deg, #000, transparent 70%); position: absolute; }.founder-message > * { position: relative; z-index: 1; }.founder-message-label { color: var(--electric); font: 500 9px var(--mono); letter-spacing: .1em; margin: 0 0 clamp(20px, 3vw, 34px); }.founder-message-copy { max-width: 610px; }.founder-message-copy p { color: rgba(255,255,255,.75); font-size: clamp(11px, .93vw, 13px); line-height: 1.62; margin: 0 0 14px; }.founder-message-copy strong { color: white; font-weight: 600; }.founder-signature { color: white; font: 600 15px/1.3 var(--display); letter-spacing: -.035em; margin: auto 0 0; padding-top: 13px; }.founder-signature span { color: rgba(255,255,255,.52); display: block; font: 500 9px var(--mono); letter-spacing: .07em; margin-top: 5px; }
@media (max-width: 680px) { .leaders-section .leaders-grid { grid-template-columns: 1fr; }.leaders-section .leader-founder, .founder-message, .leaders-section .chairperson-card { grid-column: auto; }.founder-message { min-height: auto; }.founder-message-copy p { font-size: 12px; } }

/* A dark technical header plate keeps the wide brand mark readable on every page. */
.site-header { isolation: isolate; }.site-header::before { background: linear-gradient(125deg, #030812 0%, #08152d 68%, #132d58 100%); border-bottom-right-radius: 36px; box-shadow: 0 10px 30px rgba(3,8,18,.18); content: ""; height: 94px; left: 0; position: absolute; top: 0; width: clamp(340px, 33vw, 430px); z-index: 0; }.site-header::after { color: var(--electric); content: "</>"; font: 500 12px var(--mono); left: clamp(292px, 29vw, 382px); letter-spacing: -.1em; opacity: .85; pointer-events: none; position: absolute; top: 39px; z-index: 1; }.site-header > * { position: relative; z-index: 1; }.header-brand img { filter: drop-shadow(0 3px 10px rgba(0,0,0,.38)); }
@media (max-width: 850px) { .site-header::before { height: 75px; width: 260px; }.site-header::after { font-size: 10px; left: 221px; top: 31px; } }
@media (max-width: 480px) { .site-header::before { border-bottom-right-radius: 27px; width: 210px; }.site-header::after { display: none; } }

/* Keep the mobile menu above the header artwork and clear on every page. */
@media (max-width: 850px) { .site-header { z-index: 20; }.site-header > .menu-toggle { align-items: center; background: var(--ink); border: 1px solid rgba(255,255,255,.22); border-radius: 50%; box-shadow: 0 8px 20px rgba(3,8,18,.24); display: flex; flex-direction: column; height: 42px; justify-content: center; padding: 0; width: 42px; z-index: 30; }.site-header > .menu-toggle span, body[data-page="work"] .site-header > .menu-toggle span { background: white; box-shadow: none; margin: 0 0 6px; width: 21px; }.site-header > .menu-toggle span:last-child { margin-bottom: 0; width: 15px; }.site-header > .menu-toggle.active span:first-child { transform: translateY(4px) rotate(45deg); }.site-header > .menu-toggle.active span:last-child { transform: translateY(-4px) rotate(-45deg); width: 21px; }.site-header > .main-nav { z-index: 20; } }
@media (max-width: 850px) { .site-header > .menu-toggle { -webkit-appearance: none; display: flex !important; opacity: 1; position: absolute; right: 22px; top: 17px; visibility: visible; }.site-header > .main-nav { right: 0; top: 0; } }
@media (max-width: 480px) { .site-header > .menu-toggle { right: 16px; top: 16px; } }

/* Mobile navigation is a true drawer so every link, including Home, remains in view. */
@media (max-width: 850px) { .site-header > .main-nav { align-items: flex-start; background: var(--paper); box-shadow: -18px 0 38px rgba(3,8,18,.2); box-sizing: border-box; display: flex; flex-direction: column; gap: 24px; height: 100dvh; padding: 96px 28px 32px; position: fixed; right: 0; top: 0; transform: translateX(110%); transition: transform .45s var(--ease); width: min(310px, 90vw); z-index: 20; }.site-header > .main-nav.open { transform: translateX(0); }.site-header > .main-nav > a { color: var(--ink) !important; display: block; font-size: 16px; opacity: 1; }.site-header > .main-nav > a:first-child { color: var(--blue) !important; font-weight: 700; }.site-header > .main-nav .nav-cta { color: white !important; margin-top: 6px; } }

/* Small-screen Home: keep the action links clear of the floating interface without changing desktop. */
@media (max-width: 850px) { body[data-page="home"] .hero { min-height: 960px; padding-bottom: 145px; } body[data-page="home"] .hero-copy { z-index: 4; } body[data-page="home"] .hero-actions { position: relative; z-index: 5; } body[data-page="home"] .hero-art { top: 475px; z-index: 2; } body[data-page="home"] .hero-footer { z-index: 4; } }
@media (max-width: 480px) { body[data-page="home"] .hero { min-height: 930px; } body[data-page="home"] .hero-art { right: -115px; top: 455px; } }

/* Responsive team grids: one profile uses half a row; additional copied cards reflow automatically. */
.advisory-grid, .specialist-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }.advisory-grid > .advisor-card:only-child, .specialist-grid > .specialist-card:only-child { max-width: calc((100% - 20px) / 2); width: 100%; }
@media (max-width: 850px) { .advisory-grid, .specialist-grid { grid-template-columns: 1fr; }.advisory-grid > .advisor-card:only-child, .specialist-grid > .specialist-card:only-child { max-width: none; } }
.specialist-detail .legal-credentials { border-left: 2px solid var(--blue); color: #4c5a70; font-size: 12px; font-weight: 600; line-height: 1.65; padding-left: 11px; }.specialist-detail .legal-credentials strong { color: var(--blue); font-weight: 800; }

/* Careers now carries the same dark DG globe language as the Home hero. */
.career-globe { height: min(31vw, 420px); right: 8%; top: 20%; transform: none; width: min(31vw, 420px); }.career-orbit { border: 1px solid rgba(38,76,195,.46); border-radius: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(-35deg); }.career-orbit-one { animation: orbit-spin 14s linear infinite; height: 64%; width: 100%; }.career-orbit-two { animation: orbit-spin 19s linear infinite reverse; border-color: rgba(116,70,243,.42); height: 93%; transform: translate(-50%, -50%) rotate(43deg) scaleX(.52); width: 58%; }.career-orbit-three { animation: orbit-spin 10s linear infinite; border-color: rgba(55,103,255,.4); height: 82%; transform: translate(-50%, -50%) rotate(-14deg) scaleX(1.42); width: 66%; }.career-core-sphere { align-items: center; animation: core-float 6s ease-in-out infinite; background: radial-gradient(circle at 36% 32%, #3b414b 0, #151a22 23%, #07090d 62%, #000 100%); border-radius: 50%; box-shadow: inset -25px -24px 45px rgba(0,0,0,.75), 0 0 0 1px rgba(255,255,255,.14), 0 24px 65px rgba(0,0,0,.48); display: flex; height: 47%; justify-content: center; left: 26.5%; position: absolute; top: 26.5%; width: 47%; z-index: 2; }.career-core-sphere .core-logo { height: 76%; width: 76%; }.career-orbit-dot { background: var(--electric); border-radius: 50%; box-shadow: 0 0 14px rgba(191,255,0,.55); height: 9px; position: absolute; width: 9px; z-index: 3; }.career-dot-one { left: 17%; top: 20%; }.career-dot-two { background: var(--blue); bottom: 20%; right: 12%; }
@media (max-width: 850px) { .career-globe { opacity: .88; right: -58px; top: 24%; transform: scale(.8); } }
@media (max-width: 480px) { .career-globe { right: -90px; top: 42%; transform: scale(.62); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } .site-loader { display: none; } }

/* About now introduces DG; the team has a dedicated browsing page. */
.meet-team-link { align-items: center; color: var(--ink); display: inline-flex; font: 600 13px var(--body); gap: 13px; margin-top: 16px; }.meet-team-link span { color: var(--blue); font: 24px/1 var(--display); transition: transform .25s var(--ease); }.meet-team-link:hover span { transform: translate(4px, -4px); }.about-team-bridge { padding-bottom: 130px; padding-top: 120px; }.about-team-bridge-grid { align-items: end; display: flex; gap: 30px; justify-content: space-between; margin-top: 44px; }.about-team-bridge-grid .lead { color: #5d6879; line-height: 1.75; margin: 20px 0 0; max-width: 430px; }

/* Netflix-inspired, frontend-only team browse. Team cards use native horizontal scrolling; no backend is required. */
.team-page { background: #050913; color: white; }.team-page .site-header { color: white; }.team-page .main-nav > a { color: rgba(255,255,255,.85); }.team-page .main-nav > a.active, .team-page .main-nav > a:hover { color: var(--electric); }.team-hero { background: radial-gradient(circle at 76% 34%, rgba(65,94,255,.42), transparent 31%), linear-gradient(115deg, #040813 0%, #0a1530 57%, #151148 100%); box-sizing: border-box; min-height: 735px; overflow: hidden; padding-top: 180px; position: relative; }.team-hero-grid { background-image: linear-gradient(rgba(171,192,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(171,192,255,.08) 1px, transparent 1px); background-size: 48px 48px; inset: 0; mask-image: linear-gradient(90deg, #000, transparent 74%); opacity: .56; position: absolute; }.team-hero-glow { background: radial-gradient(circle at center, rgba(191,255,0,.95) 0 1px, transparent 2px), radial-gradient(ellipse, rgba(70,96,255,.38), transparent 65%); border: 1px solid rgba(191,255,0,.32); border-radius: 50%; height: 560px; position: absolute; right: -75px; top: 165px; transform: rotate(-30deg) scaleX(.55); width: 560px; }.team-hero-glow::before, .team-hero-glow::after { border: 1px solid rgba(255,255,255,.26); border-radius: 50%; content: ""; inset: 17%; position: absolute; transform: rotate(61deg) scaleX(1.8); }.team-hero-glow::after { border-color: rgba(87,122,255,.6); inset: 33%; transform: rotate(-38deg) scaleX(2.3); }.team-hero-content { position: relative; z-index: 2; }.team-hero .eyebrow { color: var(--electric); }.team-hero h1 { color: white; font: 600 clamp(64px, 9vw, 136px)/.82 var(--display); letter-spacing: -.09em; margin: 28px 0; max-width: 820px; }.team-hero h1 span { color: var(--electric); font-style: italic; }.team-hero-copy { color: rgba(234,240,255,.72); font-size: 16px; line-height: 1.72; margin: 0 0 31px; max-width: 470px; }.team-page .button-primary { background: var(--electric); color: #071018; }.team-page .button-primary:hover { background: white; }.team-shelf { background: #080d18; padding: 96px max(24px, calc((100vw - 1240px) / 2)); }.team-shelf-slate { background: #10192c; }.team-shelf-heading { align-items: end; display: flex; justify-content: space-between; margin-bottom: 32px; }.team-shelf-heading p { color: var(--electric); font: 500 10px var(--mono); letter-spacing: .1em; margin: 0 0 13px; }.team-shelf-heading h2 { color: white; font: 600 clamp(34px,4vw,58px)/.9 var(--display); letter-spacing: -.075em; margin: 0; }.team-shelf-heading h2 span { color: #849eff; font-style: italic; }.team-scroll-hint { color: rgba(255,255,255,.46); font: 500 9px var(--mono); letter-spacing: .1em; margin-bottom: 5px; }.team-rail { display: flex; gap: 16px; margin-right: max(-24px, calc((1240px - 100vw) / 2)); overflow-x: auto; overscroll-behavior-inline: contain; padding: 5px 28px 25px 2px; scroll-snap-type: x mandatory; scrollbar-color: rgba(132,158,255,.55) transparent; scrollbar-width: thin; }.team-rail::-webkit-scrollbar { height: 7px; }.team-rail::-webkit-scrollbar-thumb { background: rgba(132,158,255,.55); border-radius: 999px; }.team-tile { background: #19233a; box-shadow: 0 17px 30px rgba(0,0,0,.25); flex: 0 0 clamp(220px, 22vw, 292px); isolation: isolate; min-height: 380px; overflow: hidden; position: relative; scroll-snap-align: start; transition: transform .32s var(--ease), box-shadow .32s var(--ease); }.team-tile:hover { box-shadow: 0 25px 48px rgba(0,0,0,.42); transform: scale(1.045); z-index: 2; }.team-tile-photo img { height: 100%; object-fit: cover; object-position: center top; position: absolute; width: 100%; }.team-tile-shade { background: linear-gradient(to top, rgba(3,7,15,.96) 0%, rgba(3,7,15,.38) 46%, transparent 72%); inset: 0; position: absolute; }.team-tile-copy { bottom: 0; left: 0; padding: 24px; position: absolute; right: 0; z-index: 2; }.team-tile-copy p { color: var(--electric); font: 500 8px/1.45 var(--mono); letter-spacing: .1em; margin: 0 0 9px; }.team-tile-copy h3 { color: white; font: 600 clamp(26px,2.5vw,35px)/.91 var(--display); letter-spacing: -.07em; margin: 0; }.team-tile-copy span { color: rgba(255,255,255,.67); display: block; font-size: 11px; line-height: 1.48; margin-top: 11px; }.team-tile-text { background: linear-gradient(155deg, #18275b, #091022 78%); }.team-tile-violet { background: linear-gradient(155deg, #452567, #11172e 78%); }.team-tile-digital { background: linear-gradient(155deg, #023c4a, #07131f 78%); }.team-tile-text::before { background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 28px 28px; content: ""; inset: 0; mask-image: linear-gradient(135deg, #000, transparent 80%); position: absolute; }.team-tile-orbit { border: 1px solid rgba(191,255,0,.5); border-radius: 50%; height: 65%; position: absolute; right: -9%; top: 9%; transform: rotate(-36deg) scaleX(1.68); width: 65%; }.team-tile-orbit::after { animation: orbit-spin 13s linear infinite; border: 1px solid rgba(255,255,255,.42); border-radius: 50%; content: ""; height: 72%; left: 15%; position: absolute; top: 15%; transform: rotate(50deg) scaleX(.55); width: 72%; }.team-join-section { background: #050913; padding: 125px 0; text-align: center; }.team-join-inner .eyebrow { color: var(--electric); }.team-join-inner h2 { color: white; font: 600 clamp(50px,7vw,96px)/.84 var(--display); letter-spacing: -.09em; margin: 26px 0 35px; }.team-join-inner h2 span { color: #849eff; font-style: italic; }
@media (max-width: 850px) { .about-team-bridge { padding-bottom: 95px; padding-top: 95px; }.about-team-bridge-grid { align-items: start; flex-direction: column; }.team-page .main-nav > a { color: var(--ink); }.team-page .main-nav > a.active, .team-page .main-nav > a:hover { color: var(--blue); }.team-hero { min-height: 620px; padding-top: 145px; }.team-hero-glow { opacity: .7; right: -225px; top: 260px; transform: rotate(-30deg) scale(.7) scaleX(.55); }.team-hero h1 { font-size: clamp(59px, 13vw, 95px); }.team-shelf { padding-bottom: 76px; padding-top: 76px; }.team-shelf-heading { align-items: start; flex-direction: column; gap: 17px; }.team-scroll-hint { display: none; }.team-rail { margin-right: -24px; }.team-tile { flex-basis: clamp(220px, 46vw, 280px); min-height: 365px; } }
@media (max-width: 480px) { .team-hero { min-height: 585px; }.team-hero h1 { font-size: 3.95rem; }.team-hero-copy { font-size: 14px; max-width: 300px; }.team-shelf { padding-bottom: 62px; padding-top: 62px; }.team-shelf-heading h2 { font-size: 2.6rem; }.team-rail { gap: 13px; padding-bottom: 18px; }.team-tile { flex-basis: 72vw; min-height: 365px; }.team-tile-copy { padding: 20px; }.team-tile-copy h3 { font-size: 29px; } }

/* Card-to-profile transition: a Netflix-like detail view without any video or backend. */
.team-tile { cursor: pointer; }.team-tile::after { background: rgba(191,255,0,.96); bottom: 16px; color: #071018; content: "VIEW PROFILE ↗︎"; font: 700 8px var(--mono); letter-spacing: .07em; opacity: 0; padding: 9px 10px; position: absolute; right: 16px; transform: translateY(8px); transition: opacity .25s ease, transform .25s ease; z-index: 3; }.team-tile:hover::after, .team-tile:focus-visible::after { opacity: 1; transform: translateY(0); }.team-tile:focus-visible { outline: 2px solid var(--electric); outline-offset: 4px; }.profile-open { overflow: hidden; }.team-profile-modal { align-items: center; background: rgba(2,6,14,.84); display: flex; inset: 0; justify-content: center; opacity: 0; padding: 28px; pointer-events: none; position: fixed; transition: opacity .3s ease; z-index: 70; }.team-profile-modal.open { opacity: 1; pointer-events: auto; }.team-profile-dialog { background: #0a1020; box-shadow: 0 30px 90px rgba(0,0,0,.58); display: grid; grid-template-columns: minmax(290px, .82fr) minmax(360px, 1.18fr); max-height: min(720px, calc(100vh - 56px)); max-width: 1040px; overflow: auto; position: relative; transform: translateY(24px) scale(.97); transition: transform .35s var(--ease); width: 100%; }.team-profile-modal.open .team-profile-dialog { transform: translateY(0) scale(1); }.team-profile-close { align-items: center; background: rgba(3,8,18,.88); border: 1px solid rgba(255,255,255,.24); border-radius: 50%; color: white; cursor: pointer; display: flex; font: 400 30px/1 var(--display); height: 42px; justify-content: center; padding: 0 0 4px; position: absolute; right: 15px; top: 15px; width: 42px; z-index: 5; }.team-profile-close:hover { background: var(--electric); color: var(--ink); }.team-profile-poster { background: radial-gradient(circle at 24% 20%, rgba(81,111,255,.95), transparent 16%), linear-gradient(155deg, #1c2c6a, #050913 76%); min-height: 520px; overflow: hidden; position: relative; }.team-profile-poster::before { background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px); background-size: 28px 28px; content: ""; inset: 0; mask-image: linear-gradient(135deg, #000, transparent 78%); position: absolute; z-index: 1; }.team-profile-poster img { height: 100%; object-fit: cover; object-position: center top; position: absolute; width: 100%; }.team-profile-poster-shade { background: linear-gradient(to top, rgba(3,7,15,.95), transparent 57%); inset: 0; position: absolute; z-index: 2; }.team-profile-poster > p { bottom: 22px; color: var(--electric); font: 500 9px var(--mono); left: 24px; letter-spacing: .12em; margin: 0; position: absolute; z-index: 3; }.team-profile-poster > span { align-items: center; border: 1px solid rgba(191,255,0,.5); border-radius: 50%; color: white; display: flex; font: 600 clamp(70px,10vw,135px)/1 var(--display); height: 44%; justify-content: center; left: 28%; letter-spacing: -.1em; position: absolute; top: 23%; transform: rotate(-28deg) scaleX(.72); width: 44%; z-index: 2; }.team-profile-content { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; padding: clamp(42px,6vw,76px); }.team-profile-kicker { color: rgba(255,255,255,.46); font: 500 9px var(--mono); letter-spacing: .11em; margin: 0 0 22px; }.team-profile-role { color: var(--electric); font: 500 10px var(--mono); letter-spacing: .1em; margin: 0 0 12px; }.team-profile-content h2 { color: white; font: 600 clamp(42px,5vw,67px)/.86 var(--display); letter-spacing: -.08em; margin: 0; }.team-profile-tagline { color: #9eb1e9; font: 500 17px/1.45 var(--body); margin: 18px 0 0; }.team-profile-message { border-left: 2px solid var(--electric); margin: 25px 0; padding-left: 16px; }.team-profile-message p { color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.63; margin: 0 0 12px; }.team-profile-message p:last-child { margin-bottom: 0; }.team-profile-content .button { align-self: flex-start; margin-top: 29px; }
@media (max-width: 720px) { .team-profile-modal { align-items: end; padding: 0; }.team-profile-dialog { display: block; max-height: min(88vh, 760px); max-width: none; }.team-profile-poster { min-height: 295px; }.team-profile-content { padding: 38px 28px; }.team-profile-content h2 { font-size: 3rem; }.team-profile-close { right: 14px; top: 14px; }.team-profile-message { margin: 21px 0; }.team-tile::after { bottom: 12px; right: 12px; } }

/* Legal credentials retain emphasis in both the browsing card and cinematic profile. */
.team-tile-copy span strong, .team-profile-tagline strong { color: var(--electric); font-weight: 800; }

/* iOS Safari sometimes treats ↗ as an emoji. Keep all diagonal arrows in text presentation. */
body { font-variant-emoji: text; }

/* Direct form submissions stay on the site while the message is delivered. */
.form-status { color: var(--electric); font: 500 11px/1.55 var(--body); margin: 0; min-height: 17px; }.form-status.is-error { color: #ffb6b6; }.contact-form .button:disabled, .career-form .button:disabled { cursor: wait; opacity: .68; }