:root {
  --ink: #0b1426;
  --ink-soft: #17233a;
  --paper: #f5f5ef;
  --white: #ffffff;
  --lime: #cafa67;
  --violet: #7b77ff;
  --blue: #4a8cff;
  --line: rgba(11, 20, 38, .14);
  --muted: #657084;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }

.site-header { height: 84px; padding: 0 clamp(24px, 5vw, 82px); display: flex; align-items: center; justify-content: space-between; background: rgba(245,245,239,.93); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 40; backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 23px; font-weight: 760; letter-spacing: -1.1px; }
.brand > span:last-child { display: flex; flex-direction: column; line-height: .84; }
.brand small { font-size: 7px; letter-spacing: 2.4px; font-weight: 700; margin-top: 8px; }
.brand-symbol { width: 30px; height: 34px; display: flex; align-items: end; gap: 3px; transform: skewY(-18deg); }
.brand-symbol i { width: 8px; border-radius: 1px; background: var(--ink); display: block; }
.brand-symbol i:nth-child(1) { height: 15px; }.brand-symbol i:nth-child(2) { height: 24px; background: var(--violet); }.brand-symbol i:nth-child(3) { height: 32px; background: var(--lime); }
.primary-nav { align-self: stretch; display: flex; align-items: center; gap: clamp(6px, .7vw, 12px); font-size: 12px; font-weight: 650; }
.nav-item { height: 100%; display: flex; align-items: center; position: relative; }
.nav-link { height: 100%; display: inline-flex; align-items: center; gap: 5px; position: relative; padding: 0 7px; }
.nav-link span { color: var(--muted); font-size: 10px; transform: translateY(-1px); transition: transform .2s, color .2s; }
.nav-link:after { content: ""; height: 2px; background: var(--violet); position: absolute; left: 7px; right: calc(100% - 7px); bottom: 24px; transition: right .2s; }
.nav-item:hover .nav-link:after, .nav-item:focus-within .nav-link:after { right: 7px; }
.nav-item:hover .nav-link span, .nav-item:focus-within .nav-link span { color: var(--violet); transform: rotate(180deg) translateY(1px); }
.nav-panel { width: min(390px, calc(100vw - 48px)); position: absolute; top: calc(100% - 1px); left: 50%; transform: translateX(-50%) translateY(10px); opacity: 0; visibility: hidden; pointer-events: none; background: white; border: 1px solid var(--line); box-shadow: 0 28px 70px rgba(11,20,38,.16); padding: 18px; transition: opacity .18s, transform .18s, visibility .18s; }
.nav-panel:before { content: ""; position: absolute; left: 0; right: 0; top: -14px; height: 14px; }
.nav-item:hover .nav-panel, .nav-item:focus-within .nav-panel { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.nav-panel-kicker { margin: 0 0 12px; color: var(--violet); font: 750 9px/1 var(--font-geist-mono), monospace; letter-spacing: 1.5px; text-transform: uppercase; }
.nav-panel-list { display: grid; gap: 6px; }
.nav-panel-list a { display: grid; gap: 6px; padding: 13px; background: var(--paper); border: 1px solid transparent; transition: background .2s, border .2s, transform .2s; }
.nav-panel-list a:hover, .nav-panel-list a:focus { background: white; border-color: rgba(123,119,255,.45); transform: translateX(4px); outline: 0; }
.nav-panel-list strong { font-size: 13px; letter-spacing: -.2px; }
.nav-panel-list span { color: var(--muted); font-size: 11px; line-height: 1.45; }
.header-actions { display: flex; align-items: center; gap: 14px; }
.language-toggle { display: flex; border: 1px solid var(--line); border-radius: 999px; padding: 3px; }
.language-toggle button,.language-toggle a { border: 0; background: transparent; border-radius: 999px; padding: 7px 8px; font-size: 10px; color: var(--muted); cursor: pointer; font-weight: 750; }
.language-toggle button.active,.language-toggle a.active { background: var(--ink); color: white; }
.button { border: 0; display: inline-flex; align-items: center; justify-content: center; gap: 26px; padding: 15px 20px; font-size: 12px; font-weight: 750; cursor: pointer; transition: transform .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button-small { padding: 13px 17px; background: var(--ink); color: white; gap: 18px; }

.hero { min-height: 670px; padding: 110px clamp(24px, 7vw, 112px) 86px; background: var(--ink); color: white; position: relative; overflow: hidden; display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: center; }
.hero-grid { position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.13) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to right, black, transparent 72%); }
.hero:after { content: ""; position: absolute; inset: auto 0 0; height: 130px; background: linear-gradient(transparent, rgba(0,0,0,.2)); pointer-events: none; }
.hero-orb { position: absolute; border-radius: 50%; filter: blur(2px); }
.orb-one { width: 460px; height: 460px; background: radial-gradient(circle, rgba(123,119,255,.45), transparent 66%); right: 8%; top: 10%; }
.orb-two { width: 360px; height: 360px; background: radial-gradient(circle, rgba(202,250,103,.18), transparent 68%); right: -6%; bottom: -24%; }
.hero-content { max-width: 830px; position: relative; z-index: 2; }
.eyebrow { margin: 0 0 24px; text-transform: uppercase; letter-spacing: 2.1px; font: 700 10px/1 var(--font-geist-mono), monospace; display: flex; align-items: center; gap: 12px; }
.eyebrow span { display: block; width: 24px; height: 2px; background: var(--violet); }
.eyebrow.light { color: rgba(255,255,255,.66); }.eyebrow.light span { background: var(--lime); }
h1 { font-size: clamp(56px, 7vw, 106px); line-height: .91; letter-spacing: -6px; margin: 0; max-width: 950px; font-weight: 620; }
h1 em { font-style: normal; color: var(--lime); }
.hero-copy { max-width: 635px; font-size: clamp(17px, 1.6vw, 22px); line-height: 1.55; color: rgba(255,255,255,.7); margin: 34px 0; }
.hero-actions { display: flex; align-items: center; gap: 36px; }.button-lime { background: var(--lime); color: var(--ink); }.button-lime:hover { background: #d7ff86; }
.text-link { font-size: 12px; font-weight: 750; display: inline-flex; align-items: center; gap: 30px; padding: 12px 0; border-bottom: 1px solid currentColor; }.light-link { color: white; }
.signal-card { width: min(100%, 420px); aspect-ratio: .82; justify-self: end; position: relative; z-index: 3; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.045); backdrop-filter: blur(12px); padding: 22px; display: flex; flex-direction: column; }
.signal-top, .signal-bottom { display: flex; justify-content: space-between; color: rgba(255,255,255,.48); font: 650 8px/1 var(--font-geist-mono),monospace; letter-spacing: 1.3px; }.live-dot { color: var(--lime); }.live-dot:before { content:""; width:5px; height:5px; display:inline-block; border-radius:50%; background:var(--lime); margin-right:6px; box-shadow:0 0 12px var(--lime); }
.signal-visual { flex: 1; position: relative; display: grid; place-items: center; }
.signal-ring { position: absolute; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }.ring-a { width: 76%; aspect-ratio: 1; }.ring-b { width: 48%; aspect-ratio: 1; border-style: dashed; animation: spin 18s linear infinite; }
.signal-core { width: 94px; height: 94px; border-radius: 50%; display:grid; place-items:center; background:var(--lime); color:var(--ink); font:800 22px/1 var(--font-geist-mono), monospace; box-shadow:0 0 70px rgba(202,250,103,.24); }
.signal-node { position: absolute; width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,.25); display:grid; place-items:center; font:700 9px/1 var(--font-geist-mono),monospace; background:var(--ink-soft); }.node-a { top:17%; right:11%; }.node-b { bottom:16%; right:18%; }.node-c { bottom:25%; left:5%; }
.signal-bottom { align-items:center; }.signal-bottom i { height:1px; flex:1; background:rgba(255,255,255,.15); margin:0 9px; }
@keyframes spin { to { transform: rotate(360deg); } }

.proof-bar { padding: 25px clamp(24px, 7vw, 112px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:white; }.proof-bar > p { color:var(--muted); font-size:12px; }.proof-stats { display:flex; gap:50px; }.proof-stats div { display:flex; align-items:center; gap:10px; }.proof-stats strong { font-size:20px; }.proof-stats span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:1px; max-width:80px; }
.section { padding: 120px clamp(24px, 7vw, 112px); }
.section-heading { display:grid; grid-template-columns: 1fr .65fr; gap:80px; align-items:end; margin-bottom:65px; }.section-heading h2, .tech-intro h2, .approach-copy h2 { font-size:clamp(44px,5vw,74px); line-height:.98; letter-spacing:-4px; margin:0; font-weight:600; }.section-heading > p, .tech-intro > p, .approach-copy > p { color:var(--muted); line-height:1.7; font-size:15px; margin:0; max-width:540px; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.service-card { min-height:310px; padding:30px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; transition:background .25s,color .25s; }.service-card:hover { background:var(--ink); color:white; }.service-number { font:650 9px/1 var(--font-geist-mono),monospace; color:var(--muted); }.service-icon { width:56px; height:56px; position:relative; margin:42px 0 35px; }.service-icon span { position:absolute; border:1px solid var(--violet); width:40px;height:40px; }.service-icon span:last-child { top:14px;left:14px;border-color:var(--lime); }.service-card h3 { font-size:21px; margin:0 0 14px; letter-spacing:-.5px; }.service-card p { color:var(--muted); line-height:1.55; margin:0; max-width:310px; font-size:13px; }.service-card:hover p { color:rgba(255,255,255,.65); }.card-arrow { position:absolute; right:28px; top:28px; font-size:18px; color:var(--violet); }
.tech-section { padding:120px clamp(24px,7vw,112px); background:#101a2d; color:white; display:grid; grid-template-columns:.7fr 1fr; gap:100px; }.tech-intro { position:sticky; top:130px; height:max-content; }.tech-intro h2 { margin-bottom:30px; }.tech-intro > p { color:rgba(255,255,255,.55); }.tech-list { border-top:1px solid rgba(255,255,255,.18); }.tech-row { min-height:145px; display:grid; grid-template-columns:42px 66px 1fr; grid-template-rows:1fr 1fr; column-gap:20px; align-items:center; border-bottom:1px solid rgba(255,255,255,.18); transition:padding .2s,background .2s; }.tech-row:hover { padding-left:12px; background:rgba(255,255,255,.035); }.tech-index { grid-row:1/3; color:rgba(255,255,255,.4); font:650 9px/1 var(--font-geist-mono),monospace; }.tech-mark { grid-row:1/3; width:48px;height:48px;border:1px solid var(--lime);display:grid;place-items:center;color:var(--lime);font:750 11px/1 var(--font-geist-mono),monospace; }.tech-row h3 { margin:auto 0 5px;font-size:20px;align-self:end; }.tech-row p { margin:5px 0 auto;color:rgba(255,255,255,.45);font-size:11px; }.tech-row > span:last-child { grid-column:4;grid-row:1/3;font-size:18px;color:var(--lime); }
.careers-section { background:white; }.careers-heading { margin-bottom:38px; }.job-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:34px; }.job-filters button { border:1px solid var(--line); background:transparent; border-radius:999px; padding:10px 15px; font-size:11px; cursor:pointer; color:var(--muted); }.job-filters button.active,.job-filters button:hover { background:var(--ink);color:white;border-color:var(--ink); }.job-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.job-card { border:1px solid var(--line); padding:25px; min-height:300px; display:flex; flex-direction:column; transition:transform .2s,box-shadow .2s,border .2s; }.job-card:hover { transform:translateY(-4px);box-shadow:0 18px 50px rgba(11,20,38,.08);border-color:rgba(123,119,255,.65); }.job-meta { display:flex; justify-content:space-between; gap:10px; font:650 9px/1 var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.8px;color:var(--muted); }.job-meta span:first-child { color:var(--violet); }.job-title { border:0;background:transparent;padding:0;text-align:left;cursor:pointer;font-size:21px;font-weight:700;line-height:1.15;letter-spacing:-.7px;margin:45px 0 14px;color:var(--ink); }.job-title:hover { color:#5752e8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px; }.job-card > p { color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 22px; }.job-footer { margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:15px;font-size:11px;font-weight:650; }.job-footer small { display:block;color:var(--muted);font-weight:400;margin-top:7px; }.job-footer button { width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;transition:.2s; }.job-footer button:hover { background:var(--lime);border-color:var(--lime); }
.approach-section { padding:120px clamp(24px,7vw,112px); display:grid;grid-template-columns:.7fr 1fr;gap:100px; }.approach-copy h2 { margin-bottom:30px; }.approach-steps { border-top:1px solid var(--line); }.approach-step { display:grid;grid-template-columns:55px 140px 1fr;gap:20px;align-items:start;padding:30px 0;border-bottom:1px solid var(--line); }.approach-step > span { font:650 9px/1 var(--font-geist-mono),monospace;color:var(--violet); }.approach-step h3 { margin:0;font-size:18px; }.approach-step p { margin:0;color:var(--muted);font-size:13px;line-height:1.55; }
.final-cta { padding:120px 24px;text-align:center;background:var(--lime); }.cta-spark { display:block;font-size:40px;margin-bottom:24px; }.final-cta h2 { font-size:clamp(45px,6vw,82px);letter-spacing:-4px;line-height:1;margin:0 auto;max-width:900px;font-weight:620; }.final-cta p { margin:25px auto 30px;color:rgba(11,20,38,.65); }.button-dark { background:var(--ink);color:white; }.final-cta .button { min-width:220px; }
footer { padding:65px clamp(24px,7vw,112px) 38px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr .75fr;align-items:start;gap:28px 80px; }.footer-brand .brand-symbol i:first-child { background:white; }.footer-brand { width:max-content; }.footer-copy { margin:0;color:rgba(255,255,255,.55);font-size:13px;line-height:1.6;max-width:430px; }.footer-contact { justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-style:normal;font-size:14px;font-weight:700; }.footer-contact a { color:white; }.footer-contact a:hover { color:var(--lime); }.footer-bottom { grid-column:1/3;border-top:1px solid rgba(255,255,255,.14);padding-top:24px;display:flex;justify-content:space-between;color:rgba(255,255,255,.4);font-size:10px; }

.page-hero { min-height: 495px; padding: 110px clamp(24px,7vw,112px) 82px; background: var(--ink); color: white; position: relative; overflow: hidden; display:flex;align-items:flex-end; }
.page-hero-grid { position:absolute;inset:0;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:64px 64px;mask-image:linear-gradient(to right,black,transparent 88%); }
.page-hero:after { content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-100px;top:-220px;background:radial-gradient(circle,rgba(123,119,255,.4),transparent 68%); }
.page-hero-copy { position:relative;z-index:2;max-width:1000px; }.page-hero h1 { font-size:clamp(48px,6vw,88px);max-width:1050px; }.page-hero-copy > p:last-child { max-width:720px;color:rgba(255,255,255,.62);font-size:17px;line-height:1.65;margin:30px 0 0; }.page-code { position:absolute;right:7vw;bottom:82px;color:var(--lime);font:700 10px/1 var(--font-geist-mono),monospace;letter-spacing:2px;z-index:2; }

.detail-section { padding:30px clamp(24px,7vw,112px) 120px;display:grid;grid-template-columns:.65fr 1fr;gap:100px; }.detail-intro h2 { font-size:clamp(37px,4vw,58px);line-height:1.03;letter-spacing:-3px;margin:0;position:sticky;top:145px; }.detail-stack { border-top:1px solid var(--line); }.detail-row { display:grid;grid-template-columns:55px 1fr;gap:24px;padding:38px 0;border-bottom:1px solid var(--line); }.detail-row > span { color:var(--violet);font:700 10px/1 var(--font-geist-mono),monospace; }.detail-row h3 { margin:0 0 14px;font-size:24px;letter-spacing:-.7px; }.detail-row p { margin:0 0 20px;color:var(--muted);line-height:1.7;font-size:14px; }.detail-row small { color:var(--ink);font:650 10px/1.7 var(--font-geist-mono),monospace; }

.technology-deep-dive { padding:110px clamp(24px,7vw,112px);display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line); }.technology-deep-dive article { background:var(--paper);padding:48px;min-height:390px; }.tech-deep-number { color:var(--violet);font:700 10px/1 var(--font-geist-mono),monospace;margin-bottom:70px; }.technology-deep-dive h2 { font-size:32px;line-height:1.08;letter-spacing:-1.5px;margin:0 0 20px; }.technology-deep-dive p { color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 35px; }.tech-tool-line { border-top:1px solid var(--line);padding-top:20px;font:650 10px/1.7 var(--font-geist-mono),monospace;color:#5752e8; }

.audience-page { padding:110px clamp(24px,7vw,112px);display:grid;grid-template-columns:1fr .58fr;gap:80px;align-items:start; }.audience-paths { border-top:1px solid var(--line); }.audience-paths article { display:grid;grid-template-columns:50px 250px 1fr;gap:20px;padding:40px 0;border-bottom:1px solid var(--line); }.audience-paths article > span { color:var(--violet);font:700 9px/1 var(--font-geist-mono),monospace; }.audience-paths h2 { font-size:25px;letter-spacing:-1px;margin:0; }.audience-paths p { color:var(--muted);line-height:1.65;font-size:13px;margin:0; }.audience-aside { background:var(--ink);color:white;padding:55px;position:sticky;top:120px; }.audience-aside h2 { font-size:40px;line-height:1.05;letter-spacing:-2px;margin:0 0 24px; }.audience-aside > p { color:rgba(255,255,255,.58);line-height:1.65;font-size:14px;margin:0 0 32px; }

.candidate-page { padding:110px clamp(24px,7vw,112px); }.candidate-lead { display:grid;grid-template-columns:.65fr 1fr;column-gap:80px;align-items:start;margin-bottom:75px; }.candidate-lead .eyebrow { grid-column:1; }.candidate-lead h2 { grid-column:1;font-size:clamp(40px,4.7vw,68px);line-height:1;letter-spacing:-3.5px;margin:0; }.candidate-lead > p:last-child { grid-column:2;grid-row:1/3;color:var(--muted);font-size:16px;line-height:1.75;margin:35px 0 0;max-width:560px; }.candidate-steps { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line); }.candidate-steps article { padding:30px;min-height:300px;border-right:1px solid var(--line);border-bottom:1px solid var(--line); }.candidate-steps article > span { color:var(--violet);font:700 10px/1 var(--font-geist-mono),monospace; }.candidate-steps h3 { margin:90px 0 16px;font-size:20px; }.candidate-steps p { color:var(--muted);line-height:1.6;font-size:13px; }.candidate-cta { margin-top:80px;padding:65px;background:var(--lime);display:flex;align-items:center;justify-content:space-between;gap:40px; }.candidate-cta h2 { margin:0;font-size:clamp(32px,4vw,54px);line-height:1.02;letter-spacing:-2.5px;max-width:700px; }
.about-expanded { background:white;padding:110px clamp(24px,7vw,112px); }.about-statement { display:grid;grid-template-columns:100px 1fr;gap:35px;padding-bottom:90px;border-bottom:1px solid var(--line); }.about-statement > span { font-size:40px;color:var(--violet); }.about-statement h2 { font-size:clamp(45px,6vw,88px);line-height:.98;letter-spacing:-4.5px;margin:0;max-width:1050px; }.about-columns { display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:65px 0 0 135px; }.about-columns > div > p:last-child { color:var(--muted);font-size:15px;line-height:1.8;margin:0; }

.contact-page { padding:110px clamp(24px,7vw,112px);display:grid;grid-template-columns:.68fr 1fr;gap:100px; }.contact-context h2 { font-size:clamp(38px,4.5vw,64px);line-height:1;letter-spacing:-3px;margin:0 0 25px; }.contact-context > p { color:var(--muted);line-height:1.7;font-size:14px;margin:0 0 48px; }.contact-route { display:grid;grid-template-columns:45px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line); }.contact-route > span { color:var(--violet);font:700 9px/1 var(--font-geist-mono),monospace; }.contact-route strong { font-size:14px; }.contact-route p { color:var(--muted);font-size:12px;line-height:1.5;margin:7px 0 0; }.contact-form-panel { background:white;border:1px solid var(--line);padding:48px; }.contact-form-panel form { display:flex;flex-direction:column;gap:20px; }.contact-form-panel label { display:flex;flex-direction:column;gap:9px;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700; }.contact-form-panel input,.contact-form-panel textarea,.contact-form-panel select { width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:14px;outline:0;border-radius:0;text-transform:none;letter-spacing:0; }.contact-form-panel input:focus,.contact-form-panel textarea:focus,.contact-form-panel select:focus { border-color:var(--violet); }.contact-form-panel textarea { resize:vertical; }.contact-success { min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }.contact-success > span { width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:28px; }.contact-success h2 { font-size:35px;max-width:520px;letter-spacing:-1.5px;margin:24px 0 12px; }.contact-success p { color:var(--muted);line-height:1.6;margin:0 0 28px; }
.contact-direct div { display:flex;flex-wrap:wrap;gap:10px 16px; }.contact-direct strong,.contact-direct p { flex-basis:100%; }.contact-direct a { color:#5752e8;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px; }

.modal-backdrop { position:fixed;inset:0;background:rgba(5,10,20,.78);z-index:100;display:grid;place-items:center;padding:22px;backdrop-filter:blur(8px);animation:fadeIn .18s ease; }.job-modal { width:min(1120px,100%);max-height:92vh;overflow:auto;background:var(--paper);display:grid;grid-template-columns:1fr .88fr;position:relative;box-shadow:0 35px 100px rgba(0,0,0,.4);animation:slideUp .25s ease; }.modal-close { position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:white;cursor:pointer;font-size:22px;z-index:3; }.job-detail { padding:70px 58px; }.job-detail h2 { font-size:clamp(38px,4vw,60px);letter-spacing:-3px;line-height:.98;margin:0 0 24px; }.detail-meta { display:flex;flex-wrap:wrap;gap:7px;margin-bottom:52px; }.detail-meta span,.skill-list span { padding:8px 10px;border:1px solid var(--line);font-size:10px;background:white; }.job-detail h3,.apply-panel h3 { font-size:17px;margin:28px 0 12px; }.job-detail > p { color:var(--muted);line-height:1.65;font-size:14px; }.skill-list { display:flex;flex-wrap:wrap;gap:7px; }.email-option { margin-top:42px;padding-top:26px;border-top:1px solid var(--line); }.email-option strong { font-size:13px; }.email-option p { color:var(--muted);font-size:11px;line-height:1.5;margin:7px 0 13px; }.email-option a { color:#5752e8;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:700; }.apply-panel { background:var(--ink);color:white;padding:70px 48px; }.apply-panel > h3 { font-size:28px;margin:0 0 12px; }.apply-panel > p { color:rgba(255,255,255,.55);font-size:12px;line-height:1.55;margin:0 0 30px; }.apply-panel form { display:flex;flex-direction:column;gap:17px; }.form-row { display:grid;grid-template-columns:1fr 1fr;gap:13px; }.apply-panel label { display:flex;flex-direction:column;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.68);font-weight:700; }.apply-panel input,.apply-panel textarea { width:100%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:white;padding:13px;outline:0;border-radius:0;text-transform:none;letter-spacing:0; }.apply-panel input:focus,.apply-panel textarea:focus { border-color:var(--lime); }.apply-panel textarea { resize:vertical; }.apply-panel input[type=file] { color:rgba(255,255,255,.65);font-size:11px;padding:11px; }.file-field small { text-transform:none;letter-spacing:0;color:rgba(255,255,255,.4);font-weight:400; }.submit-button { width:100%;margin-top:5px; }.submit-button:disabled { opacity:.6;cursor:wait; }.form-error { color:#ff9e9e;font-size:11px;line-height:1.4;margin:0; }.success-state { min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center; }.success-state > span { width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:30px; }.success-state h3 { font-size:30px;margin:25px 0 12px; }.success-state p { color:rgba(255,255,255,.6);font-size:13px;line-height:1.6;max-width:320px;margin:0 0 26px; }
.modal-backdrop[hidden],.job-card[hidden] { display:none; }.form-status { min-height:18px;margin:0;color:var(--lime);font-size:12px;line-height:1.45; }.contact-form-panel .form-status { color:#2e6c2c; }.form-status.is-error { color:#ff9e9e; }.contact-form-panel .form-status.is-error { color:#b00020; }
@keyframes fadeIn { from { opacity:0; } } @keyframes slideUp { from { transform:translateY(15px);opacity:.7; } }

@media (max-width: 1050px) {
  .primary-nav { display:none; }.header-actions .button { display:none; }.hero { grid-template-columns:1fr .6fr;gap:30px; }.signal-card { max-width:320px; }.service-grid,.job-grid { grid-template-columns:repeat(2,1fr); }.tech-section,.approach-section { gap:55px; }.job-modal { grid-template-columns:1fr;max-width:720px; }.job-detail,.apply-panel { padding:55px 42px; }.audience-page { grid-template-columns:1fr; }.audience-aside { position:static; }.candidate-steps { grid-template-columns:repeat(2,1fr); }.contact-page { gap:50px; }
}
@media (max-width: 760px) {
  .site-header { height:70px;padding:0 20px; }.brand { font-size:20px; }.hero { padding:90px 22px 60px;display:block;min-height:auto; }.signal-card { display:none; } h1 { letter-spacing:-3.5px; }.hero-copy { font-size:16px; }.hero-actions { align-items:flex-start;flex-direction:column;gap:18px; }.proof-bar { padding:22px;display:block; }.proof-stats { gap:20px;margin-top:20px;justify-content:space-between; }.proof-stats div { display:block; }.proof-stats span { display:block;margin-top:5px; }.section,.tech-section,.approach-section { padding:85px 22px; }.section-heading,.tech-section,.approach-section { grid-template-columns:1fr;gap:42px; }.section-heading { margin-bottom:45px; }.service-grid,.job-grid { grid-template-columns:1fr; }.service-card { min-height:275px; }.tech-intro { position:static; }.tech-row { grid-template-columns:30px 58px 1fr; }.tech-row > span:last-child { display:none; }.approach-step { grid-template-columns:35px 100px 1fr;gap:10px; }.final-cta { padding:85px 22px; }.final-cta h2 { letter-spacing:-2.5px; } footer { grid-template-columns:1fr;gap:35px; }.footer-contact { justify-self:start;align-items:flex-start; }.footer-bottom { grid-column:auto;gap:12px;flex-direction:column; }.job-modal { display:block;max-height:95vh; }.job-detail,.apply-panel { padding:58px 24px 42px; }.job-detail h2 { letter-spacing:-2px; }.form-row { grid-template-columns:1fr; }.modal-backdrop { padding:10px; }.modal-close { position:fixed;right:23px;top:23px; }.page-hero { min-height:420px;padding:95px 22px 58px; }.page-hero h1 { letter-spacing:-3px; }.page-hero-copy > p:last-child { font-size:14px; }.page-code { display:none; }.detail-section,.technology-deep-dive,.audience-page,.candidate-page,.contact-page,.about-expanded { padding:75px 22px; }.detail-section,.contact-page { grid-template-columns:1fr;gap:50px; }.detail-intro h2 { position:static; }.technology-deep-dive { grid-template-columns:1fr; }.technology-deep-dive article { padding:35px 25px;min-height:auto; }.tech-deep-number { margin-bottom:45px; }.audience-paths article { grid-template-columns:35px 1fr; }.audience-paths article p { grid-column:2; }.audience-aside { padding:40px 28px; }.candidate-lead { display:block; }.candidate-lead > p:last-child { margin-top:25px; }.candidate-steps { grid-template-columns:1fr; }.candidate-steps article { min-height:240px; }.candidate-steps h3 { margin-top:65px; }.candidate-cta { padding:40px 25px;display:block; }.candidate-cta .button { margin-top:28px; }.contact-form-panel { padding:30px 22px; }.about-statement { display:block;padding-bottom:55px; }.about-statement > span { display:block;margin-bottom:28px; }.about-statement h2 { letter-spacing:-3px; }.about-columns { grid-template-columns:1fr;padding:45px 0 0;gap:45px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*:before,*:after { animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important; } }