:root{color-scheme:dark}
body,.site-frame{background:var(--ink);color:var(--paper)}
.site-frame{padding-top:5.75rem}
.header{position:fixed;top:0;left:50%;translate:-50% 0;width:min(100%,var(--container));z-index:50;height:5.75rem;color:var(--paper);background:rgba(11,11,11,.84);border-bottom-color:var(--line-dark);backdrop-filter:blur(18px) saturate(135%)}
section[id]{scroll-margin-top:5.75rem}
.brand-mark,.header-contact span{border-color:rgba(255,255,255,.28)}
.navigation{gap:clamp(1rem,2.3vw,2rem)}
.navigation a,.header-contact{color:var(--paper)}
.section{border-top:1px solid rgba(255,255,255,.08)}
.section-meta{color:var(--paper)}
.section-meta span{color:var(--accent-cyan)}
.about{position:relative;color:var(--paper);background:radial-gradient(circle at 82% 18%,rgba(84,217,255,.09),transparent 28rem),linear-gradient(145deg,#11141b 0%,#0d0f14 100%)}
.about::before{content:"";position:absolute;left:var(--gutter);right:var(--gutter);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);opacity:.35}
.about-grid{color:var(--muted)}
.facts{border-top-color:var(--line)}
.facts article{border-right-color:var(--line)}
.facts strong{color:var(--paper)}
.stack{background:var(--ink)}
.services{color:var(--paper);background:radial-gradient(circle at 8% 90%,rgba(143,124,255,.1),transparent 28rem),var(--surface-alt)}
.services-heading p,.service-card p{color:var(--muted)}
.service-card{border-color:var(--line);background:rgba(255,255,255,.035)}
.service-card:hover{background:var(--surface-raised);border-color:rgba(143,124,255,.52)}
.service-card-featured{color:var(--ink);background:var(--accent);border-color:var(--accent)}
.service-card-featured p{color:#29300e}
.service-card-featured:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.process{position:relative;color:var(--paper);background:#0d0f14;overflow:hidden}
.process::after{content:"ML";position:absolute;right:-.04em;bottom:-.3em;color:rgba(255,255,255,.025);font-family:var(--font-display);font-size:clamp(14rem,32vw,29rem);font-weight:900;line-height:1;pointer-events:none}
.process-content{min-width:0;position:relative;z-index:1}
.process-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;align-items:end;margin-bottom:4rem}
.process-heading h2{max-width:47rem;font-family:var(--font-display);font-size:clamp(3rem,5.8vw,5.5rem);font-weight:900;letter-spacing:-.065em;line-height:.92}
.process-heading h2 em{color:var(--accent-secondary);font-family:Georgia,"Times New Roman",serif;font-weight:400}
.process-heading p{max-width:25rem;color:var(--muted);font-size:.9rem}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}
.process-step{min-height:23rem;padding:1.6rem 1.35rem;display:flex;flex-direction:column;border-right:1px solid var(--line);transition:background .35s var(--ease),transform .35s var(--ease)}
.process-step:last-child{border-right:0}
.process-step:hover{background:linear-gradient(180deg,rgba(143,124,255,.14),rgba(84,217,255,.04));transform:translateY(-.35rem)}
.process-step>span{color:var(--accent-cyan);font-family:var(--font-mono);font-size:.65rem}
.process-step h3{margin-top:auto;font-size:clamp(1.35rem,2vw,1.8rem);letter-spacing:-.035em}
.process-step p{margin-top:.85rem;color:var(--muted);font-size:.82rem}
.process-step small{margin-top:1.5rem;color:#6f7889;font-family:var(--font-mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.navigation{background:var(--surface-raised);border-color:var(--line);box-shadow:0 1.5rem 4rem rgba(0,0,0,.45)}.menu-button{color:var(--paper);border-color:var(--line)}.process-heading{grid-template-columns:1fr;gap:1.5rem}.process-grid{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:600px){.site-frame{padding-top:5.25rem}.header{height:5.25rem}section[id]{scroll-margin-top:5.25rem}.process-grid{grid-template-columns:1fr}.process-step{min-height:17rem;border-right:0;border-bottom:1px solid var(--line)}.process-step:last-child{border-bottom:0}.facts article,.facts article+article{border-bottom-color:var(--line)}}