/* ---- RESET ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

/* ---- DESIGN TOKENS ---- */
:root{
  --black:#0A0C0E;
  --ink:#111418;
  --ink-mid:#181D23;
  --ink-light:#1F2730;
  --ink-raise:#263040;
  --silver:#8A96A4;
  --silver-light:#B8C2CC;
  --silver-bright:#D0D8E0;
  --white:#EFF2F5;
  --accent:#B8922A;
  --accent-dim:rgba(184,146,42,0.1);
  --accent-line:rgba(184,146,42,0.22);
  --border:rgba(255,255,255,0.055);
  --border-mid:rgba(255,255,255,0.09);
  --rule:#2C3540;
}

/* ---- BASE ---- */
html{scroll-behavior:smooth;}
body{background:var(--black);color:var(--white);font-family:'Barlow',sans-serif;font-weight:300;overflow-x:hidden;}
::-webkit-scrollbar{width:3px;}
::-webkit-scrollbar-track{background:var(--black);}
::-webkit-scrollbar-thumb{background:var(--ink-raise);}

/* ---- GRID BACKGROUND ---- */
.grid-lines{
  position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(157,170,184,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(157,170,184,0.03) 1px,transparent 1px);
  background-size:64px 64px;
}

/* ---- NAV (shared) ---- */
nav{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 60px;height:70px;
  background:rgba(10,12,14,0.96);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
}
.nav-brand{display:flex;align-items:center;gap:14px;text-decoration:none;}
.nav-name{font-family:'EB Garamond',serif;font-weight:600;font-size:20px;letter-spacing:0.04em;color:var(--white);line-height:1;}
.nav-name span{display:block;font-size:9px;font-family:'Barlow',sans-serif;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--silver);margin-top:3px;}

/* ---- ANIMATION ---- */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}

/* ---- CARD BASE ---- */
.svc-card,.process-step{background:var(--ink-mid);padding:40px 36px;}