/* ================== SERVICES ================== */
.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:56px;flex-wrap:wrap}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc{position:relative;padding:30px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .35s,border-color .35s;min-height:260px;display:flex;flex-direction:column}
.svc:hover{transform:translateY(-4px);border-color:var(--line-2)}
.svc::after{content:"";position:absolute;right:-60px;top:-60px;width:160px;height:160px;border-radius:50%;background:var(--navy);opacity:0;transition:opacity .4s,transform .5s;transform:scale(.6)}
.svc:hover::after{opacity:.06;transform:scale(1)}
[data-theme="dark"] .svc:hover::after{background:var(--accent)}
.svc .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--navy);color:#fff;margin-bottom:26px}
.svc .ic svg{width:22px;height:22px}
.svc h3{font-size:21px;margin-bottom:10px;letter-spacing:-.01em}
.svc p{color:var(--muted);font-size:15px}
.svc .stack{margin-top:auto;padding-top:22px;font-family:var(--mono);font-size:11.5px;color:var(--muted);letter-spacing:.04em}
.svc.wide{grid-column:span 2;background:var(--navy);color:#C9D2EA;border-color:transparent}
.svc.wide h3{color:#fff;font-family:var(--serif);font-variation-settings:"SOFT" 100;font-size:34px;font-weight:600;letter-spacing:-.02em}
.svc.wide p{color:#AEB8D6;max-width:520px}
.svc.wide .ic{background:#fff;color:var(--navy)}
.svc.wide .stack{color:#8E9AC0}

/* process */
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:70px;border-top:1px solid var(--line-2)}
.step{padding:28px 24px 0 0;position:relative}
.step::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--ink)}
.step b{font-family:var(--serif);font-size:44px;font-weight:400;font-style:italic;color:var(--line-2);display:block;line-height:1;margin-bottom:12px}
.step h4{color:var(--ink);font-size:17px;margin-bottom:6px}
.step p{color:var(--muted);font-size:14.5px}