:root { --ink:#17212b; --paper:#f7f9fc; --surface:#fff; --signal:#006c62; --mint:#497a74; --blue:#1565c0; --line:#dce3eb; --mono:"DM Mono",monospace; --sans:"Manrope",sans-serif; } [data-theme="dark"] { --ink:#e8edf2; --paper:#17212b; --surface:#202d38; --signal:#74d7c8; --mint:#a6c9c3; --blue:#8ac4ff; --line:#3b4a57; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { background:var(--paper); color:var(--ink); font:16px var(--sans); margin:0; } a { color:inherit; text-decoration:none; } h1,h2,h3,p { margin:0; } h1,h2 { letter-spacing:-.055em; line-height:.94; }.site-header { align-items:center; backdrop-filter:blur(12px); background:rgba(7,22,34,.94); border-bottom:1px solid rgba(210,232,237,.15); color:#fff; display:flex; height:76px; justify-content:space-between; padding:0 4vw; position:absolute; inset:0 0 auto; z-index:5; }.brand { align-items:center; display:flex; font-size:21px; font-weight:800; gap:9px; letter-spacing:-1.2px; }.brand img { display:block; height:48px; width:48px; }.brand>span>span { color:var(--signal); }.site-nav { align-items:center; display:flex; gap:28px; font-size:13px; font-weight:600; }.site-nav a:not(.nav-cta) { color:#c8d9e1; }.nav-cta { background:var(--signal); border-radius:4px; color:#fff; padding:11px 14px; }.nav-cta span { margin-left:6px; }.theme-toggle { align-items:center; background:transparent; border:0; color:#fff; cursor:pointer; display:flex; font-size:16px; gap:6px; padding:0; }.theme-track { background:rgba(255,255,255,.3); border-radius:10px; display:block; height:16px; position:relative; width:29px; }.theme-track i { background:var(--signal); border-radius:50%; display:block; height:10px; left:3px; position:absolute; top:3px; transition:transform .2s ease; width:10px; } [data-theme="dark"] .theme-track i { transform:translateX(13px); }.menu-toggle { display:none; }
.hero { background:linear-gradient(122deg,var(--paper),#e9f4f2); color:var(--ink); display:flex; flex-direction:column; justify-content:space-between; min-height:560px; overflow:hidden; padding:112px 4vw 30px; position:relative; }.eyebrow,.section-label { color:var(--mint); font:13px var(--mono); letter-spacing:.04em; text-transform:uppercase; }.eyebrow span { background:var(--signal); border-radius:50%; display:inline-block; height:7px; margin-right:8px; width:7px; }.hero h1 { font-size:clamp(64px,8.7vw,128px); max-width:760px; position:relative; z-index:1; }.hero h1 em { color:var(--signal); font-family:Georgia,serif; font-weight:400; }.hero-bottom { align-items:end; display:flex; gap:30px; justify-content:space-between; position:relative; z-index:1; }.hero-bottom p { font-size:18px; line-height:1.55; max-width:420px; }.button { border-radius:4px; box-shadow:0 3px 7px rgba(0,108,98,.22); font-size:13px; font-weight:700; padding:16px 19px; white-space:nowrap; }.button-primary { background:var(--signal); color:#fff; }.button span { margin-left:18px; }.hero-grid { background:linear-gradient(90deg,transparent 49.7%,rgba(0,108,98,.2) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(0,108,98,.2) 50%,transparent 50.3%); background-size:50px 50px; height:78%; opacity:.34; position:absolute; right:-3%; top:12%; width:51%; }.hero-grid i { background:var(--blue); bottom:16%; position:absolute; width:6px; }.hero-grid i:nth-child(1){left:10%;height:19%}.hero-grid i:nth-child(2){left:24%;height:45%}.hero-grid i:nth-child(3){left:38%;height:31%}.hero-grid i:nth-child(4){left:52%;height:64%}.hero-grid i:nth-child(5){left:66%;height:48%}.hero-grid i:nth-child(6){left:80%;height:78%}.market-readout { color:var(--mint); display:flex; font:12px var(--mono); gap:22px; position:absolute; right:4vw; top:108px; z-index:1; }.market-readout strong { color:var(--signal); font-weight:400; }
.section { padding:94px 8vw; }.intro,.pipeline-head { display:grid; gap:40px; grid-template-columns:25% 1fr; }.intro-copy { max-width:835px; }.intro h2,.pipeline h2,.stack h2,.principles h2,.statement h2,.contact h2 { font-size:clamp(42px,5.6vw,80px); }.intro .lead { font-size:clamp(21px,2.5vw,32px); letter-spacing:-.035em; line-height:1.3; margin:30px 0 18px; }.intro-copy>p:last-child,.stack-copy p,.capability-list p,.qualities p,.statement>p:last-child { color:var(--mint); line-height:1.7; }.pipeline { background:#eef5f4; }.pipeline-head { padding-bottom:42px; }.stages { border-top:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); }.stage { background:var(--surface); border-right:1px solid var(--line); display:flex; flex-direction:column; min-height:405px; padding:27px 3vw 30px; }.stage:nth-child(2) { background:#f7faf9; }.stage:last-child { border:0; }.stage-number,.stage li { color:var(--mint); font:12px var(--mono); }.stage-word { font-size:clamp(45px,4.8vw,73px); font-weight:800; letter-spacing:-.065em; margin:54px 0 15px; }.stage p { color:var(--mint); line-height:1.6; max-width:310px; }.stage ul { display:grid; gap:9px; grid-template-columns:1fr 1fr; list-style:none; margin:20px 0; padding:0; }.stage strong { color:var(--signal); font:500 12px var(--mono); margin-top:auto; text-transform:uppercase; }.stack { display:grid; gap:8vw; grid-template-columns:38% 1fr; }.stack-copy p { margin-top:24px; }.capability-list { border-top:1px solid var(--line); }.capability-list article { border-bottom:1px solid var(--line); display:grid; gap:20px; grid-template-columns:52px 1.2fr 1fr; padding:22px 0; }.capability-list span { color:var(--mint); font:12px var(--mono); }.capability-list h3 { font-size:17px; letter-spacing:-.025em; }.capability-list p { font-size:13px; line-height:1.55; }.terminal { background:#071622; height:390px; overflow:hidden; position:relative; }.terminal img { filter:saturate(.7) contrast(1.1); height:100%; object-fit:cover; opacity:.63; width:100%; }.terminal-overlay { background:linear-gradient(90deg,rgba(23,33,43,.63),transparent); color:var(--paper); display:flex; flex-direction:column; font:13px var(--mono); inset:0; justify-content:space-between; padding:25px 4vw; position:absolute; text-transform:uppercase; }.terminal-overlay div { align-items:center; color:#baf1da; display:flex; gap:13px; }.terminal-overlay i { background:#baf1da; height:1px; opacity:.65; width:clamp(25px,8vw,120px); }.principles { background:#dbe5df; }.principles-grid { display:grid; gap:8vw; grid-template-columns:1fr 1fr; margin-top:43px; }.qualities { display:grid; gap:0 30px; grid-template-columns:1fr 1fr; }.qualities article { border-top:1px solid var(--line); padding:21px 0 28px; }.qualities span { color:var(--mint); font:12px var(--mono); }.qualities h3 { font-size:23px; letter-spacing:-.045em; margin:28px 0 10px; }.qualities p { font-size:13px; line-height:1.6; }.statement { align-items:end; background:#dbeee9; display:grid; gap:35px; grid-template-columns:25% 45% 1fr; }.statement h2 { color:var(--signal); }.statement h2 em { font-family:Georgia,serif; font-weight:400; }.statement>p:last-child { font-size:14px; line-height:1.65; }.people { background:var(--surface); display:grid; gap:40px; grid-template-columns:25% 1fr; }.person-card { align-items:center; border-top:1px solid var(--line); display:grid; gap:34px; grid-template-columns:130px 1fr; padding-top:30px; }.profile-photo { aspect-ratio:1; border:4px solid #e2f4ef; border-radius:50%; display:block; flex:none; height:130px; max-width:130px; object-fit:cover; object-position:center; overflow:hidden; width:130px; }.person-role { color:var(--signal); font:12px var(--mono); text-transform:uppercase; }.person-details h2 { font-size:clamp(28px,3.2vw,46px); margin:8px 0 14px; }.person-details>p:not(.person-role) { color:var(--mint); line-height:1.65; max-width:560px; }.person-meta { align-items:center; display:flex; gap:22px; margin-top:20px; }.person-meta>span { color:var(--mint); font:12px var(--mono); }.linkedin-link { align-items:center; background:#0a66c2; border-radius:4px; color:white; display:inline-flex; font-size:12px; font-weight:700; gap:7px; padding:8px 10px; }.linkedin-link svg { fill:currentColor; height:16px; width:16px; }.linkedin-link b { font-size:14px; font-weight:400; margin-left:3px; }.contact { align-items:end; background:var(--surface); display:flex; gap:35px; justify-content:space-between; padding:82px 8vw; }.contact .section-label { margin-bottom:20px; }.contact-link { border-bottom:2px solid var(--ink); font:clamp(16px,2vw,26px) var(--mono); padding-bottom:8px; white-space:nowrap; }.contact-link span { color:var(--signal); margin-left:13px; } footer { align-items:center; background:#26343f; color:#b8d3cc; display:flex; font-size:11px; justify-content:space-between; padding:21px 4vw; } footer .brand { gap:0; width:42px; } footer .brand>span { display:none; }
[data-theme="dark"] .site-header { background:rgba(32,45,56,.94); } [data-theme="dark"] .hero { background:linear-gradient(122deg,#17212b,#203d3b); } [data-theme="dark"] .pipeline { background:#1b2d35; }.pipeline .stage:nth-child(2) { background:var(--surface); } [data-theme="dark"] .principles { background:#253a40; } [data-theme="dark"] .statement { background:#203c39; } [data-theme="dark"] footer { background:#111a22; }
@media (max-width:760px) { .site-header { height:64px; padding:0 22px; }.site-nav { background:var(--surface); border-top:1px solid var(--line); box-shadow:0 8px 12px rgba(28,44,58,.12); display:none; flex-direction:column; align-items:flex-start; gap:22px; inset:64px 0 auto; padding:25px 22px 30px; position:absolute; }.site-nav.open { display:flex; }.menu-toggle { background:transparent; border:0; display:flex; flex-direction:column; gap:6px; padding:5px; }.menu-toggle span { background:var(--ink); display:block; height:1px; width:20px; }.hero { min-height:520px; padding:92px 22px 26px; }.hero h1 { font-size:clamp(58px,18vw,80px); }.hero-bottom { display:block; }.hero-bottom p { font-size:16px; margin:24px 0; max-width:350px; }.button { display:inline-block; }.hero-grid { opacity:.22; right:-25%; top:17%; width:90%; }.market-readout { display:none; }.section { padding:64px 22px; }.intro,.pipeline-head,.stack,.statement,.people { gap:30px; grid-template-columns:1fr; }.intro .lead { margin:24px 0 16px; }.pipeline-head { padding-bottom:30px; }.stages { grid-template-columns:1fr; }.stage { border-bottom:1px solid var(--line); border-right:0; min-height:330px; padding:25px 22px; }.stage-word { margin:32px 0 13px; }.stack { gap:35px; }.capability-list article { gap:10px; grid-template-columns:34px 1fr; }.capability-list p { grid-column:2; }.terminal { height:290px; }.terminal-overlay div { flex-wrap:wrap; gap:8px; line-height:2; }.terminal-overlay i { width:25px; }.principles-grid { gap:26px; grid-template-columns:1fr; }.qualities { gap:0 20px; }.statement { gap:24px; }.person-card { align-items:flex-start; gap:21px; grid-template-columns:88px 1fr; padding-top:22px; }.profile-photo { border-width:3px; height:88px; max-width:88px; width:88px; }.person-meta { align-items:flex-start; flex-direction:column; gap:14px; }.contact { align-items:flex-start; flex-direction:column; padding:64px 22px; } footer { flex-wrap:wrap; gap:12px 25px; padding:24px 22px; } [data-theme="dark"] .site-nav { background:var(--surface); } [data-theme="dark"] .menu-toggle span { background:#fff; } } @media (max-width:390px) { .hero h1 { font-size:58px; }.qualities { grid-template-columns:1fr; }.person-card { grid-template-columns:1fr; }.contact h2 { font-size:43px; } }