@font-face{font-family:Fraunces;src:url(../../shared/fonts/fraunces-latin-wght-normal.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url(../../shared/fonts/manrope-latin-wght-normal.woff2) format('woff2');font-weight:300 800;font-display:swap}
/* Looks: sage (calm green), clinic (white + deep teal), dusk (forest + peach). */
:root,[data-look=sage]{--ground:#EEF1EA;--surface:#DDE4D6;--ink:#1D2A22;--muted:#4A5A4F;--action:#2F4A3A;--on-action:#F4F7F1;--stitch:#7E9C84;--tag:#FAFBF7;--display:Fraunces,serif;--dw:480;--scrim:rgba(15,24,18,.78)}
[data-look=clinic]{--ground:#FFFFFF;--surface:#EAF1F1;--ink:#13262A;--muted:#46595C;--action:#0F5257;--on-action:#FFFFFF;--stitch:#5E9EA0;--tag:#F5F9F9;--display:Manrope,sans-serif;--dw:750;--scrim:rgba(8,20,22,.78)}
[data-look=dusk]{--ground:#17231C;--surface:#21302A;--ink:#EFF3EC;--muted:#BFCDC3;--action:#F1C6A8;--on-action:#17231C;--stitch:#F1C6A8;--tag:#1C2A22;--display:Fraunces,serif;--dw:420;--scrim:rgba(8,14,10,.8)}
:root{--body:Manrope;--r:18px;--rph:14px;--rp:18px;--rc:22px}
.stage .id h1{font-size:clamp(42px,12.5vw,70px);letter-spacing:-.02em}
.open .stage{max-height:64svh}
.btn{border-radius:14px}
.card{background:var(--tag);box-shadow:0 1px 0 color-mix(in srgb,var(--ink) 10%,transparent)}
/* skin path (signature) */
.path{background:var(--tag);border-radius:22px;padding:20px 16px 8px;margin:8px 0 24px}
.path h3{font:var(--dw) 28px/1.1 var(--display);margin:2px 0 14px}
.steps{list-style:none;margin:0;padding:0;position:relative}
.steps::before{content:"";position:absolute;left:17px;top:18px;bottom:30px;border-left:2px solid var(--stitch)}
.step{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:0 0 14px;position:relative}
.step .n{width:36px;height:36px;border-radius:50%;background:var(--action);color:var(--on-action);font:700 16px/36px Manrope;text-align:center;position:relative;z-index:1}
.st{font:700 15px/36px Manrope;margin:0;text-transform:uppercase;letter-spacing:.06em}
.step .svc-row:first-of-type{border-top:0}
.clip{padding-left:0;padding-right:0}
.clip>*:not(.stage){margin-left:20px;margin-right:20px}
.clip .stage{max-height:70svh;margin-bottom:14px}
.clip .btn{margin:0 20px}