/* FAROIUM — Process page */
.process-hero { padding-top: 118px; padding-bottom: 96px; }
.process-hero__grid { display:grid; grid-template-columns: minmax(0, 5fr) minmax(420px, 7fr); gap:64px; align-items:center; }
.process-hero__copy h1 { max-width: 720px; margin:14px 0 22px; font-size:clamp(3.5rem,6.3vw,6.2rem); line-height:.96; letter-spacing:-.055em; }
.process-hero__lead { max-width:62ch; color:var(--muted-500); font-size:1.08rem; line-height:1.72; margin-bottom:30px; }
.process-map { position:relative; min-height:500px; border:1px solid var(--ink-border); background:rgba(255,255,255,.28); overflow:hidden; }
.process-map::before,.process-map::after { content:""; position:absolute; background:var(--ink-border); }
.process-map::before { width:1px; height:74%; left:26%; top:13%; }
.process-map::after { height:1px; width:74%; top:50%; left:13%; }
.process-map__label { position:absolute; left:24px; top:22px; font-size:.68rem; letter-spacing:.08em; color:var(--muted-500); }
.process-map__line { position:absolute; border-left:1px solid var(--ink-950); opacity:.7; }
.process-map__line--one { height:105px; left:50%; top:180px; }
.process-map__line--two { height:105px; left:50%; top:285px; }
.process-map__node { position:absolute; width:190px; min-height:100px; padding:15px 16px; border:1px solid var(--ink-border-strong); background:var(--paper-100); display:flex; flex-direction:column; justify-content:center; }
.process-map__node span { font-size:.68rem; color:var(--signal-600); margin-bottom:5px; }
.process-map__node strong { font-size:1.05rem; letter-spacing:-.02em; }
.process-map__node small { font:500 .62rem var(--font-mono); color:var(--muted-500); margin-top:7px; }
.process-map__node--build { left:12%; top:105px; }
.process-map__node--automate { right:12%; top:200px; }
.process-map__node--operate { left:12%; top:305px; }
.process-map__signal { position:absolute; right:15%; bottom:40px; font-size:2rem; color:var(--signal-600); }
.process-heading { max-width:720px; margin-bottom:52px; }
.process-heading h2 { margin:12px 0 16px; font-size:clamp(2.3rem,4.3vw,4.25rem); line-height:1; letter-spacing:-.045em; }
.process-heading > p:last-child { color:var(--muted-500); max-width:65ch; }
.phases { border-top:1px solid var(--ink-border); }
.phase-list { border-top:1px solid var(--ink-border); }
.phase { display:grid; grid-template-columns: 32% 68%; min-height:350px; border-bottom:1px solid var(--ink-border); }
.phase__visual { position:relative; overflow:hidden; border-right:1px solid var(--ink-border); min-height:350px; }
.phase__number { position:absolute; left:24px; top:24px; font-size:.72rem; color:var(--muted-500); }
.phase__content { padding:42px 48px; }
.phase__top { display:flex; justify-content:space-between; gap:20px; font:500 .67rem var(--font-mono); letter-spacing:.08em; color:var(--muted-500); }
.phase__top span:first-child { color:var(--signal-600); }
.phase h3 { font-size:clamp(2.2rem,4vw,4rem); line-height:1; letter-spacing:-.045em; margin:38px 0 18px; }
.phase__content > p { max-width:60ch; color:var(--muted-500); font-size:1rem; line-height:1.7; }
.phase__includes { margin-top:32px; padding-top:18px; border-top:1px solid var(--ink-border); max-width:70ch; }
.phase__includes span { display:block; color:var(--signal-600); font-size:.66rem; margin-bottom:9px; }
.phase__includes p { color:var(--ink-950); line-height:1.65; }
.phase--operate { background:var(--green-900); color:var(--paper-100); }
.phase--operate .phase__visual { border-color:var(--paper-border); }
.phase--operate .phase__top,.phase--operate .phase__content > p,.phase--operate .phase__number { color:rgba(245,243,238,.65); }
.phase--operate .phase__top span:first-child,.phase--operate .phase__includes span { color:var(--signal-600); }
.phase--operate .phase__includes { border-color:var(--paper-border); }
.phase--operate .phase__includes p { color:var(--paper-100); }
.motif { position:absolute; inset:0; }
.motif--frame::before,.motif--frame::after { content:""; position:absolute; border:1px solid var(--ink-950); width:48%; height:34%; left:26%; top:33%; }
.motif--frame::after { width:30%; height:20%; left:35%; top:40%; border-color:var(--signal-600); }
.motif--frame i { position:absolute; width:7px; height:7px; border:1px solid var(--ink-950); background:var(--paper-100); }
.motif--frame i:nth-child(1){left:25.3%;top:32%}.motif--frame i:nth-child(2){right:25.3%;top:32%}.motif--frame i:nth-child(3){left:25.3%;bottom:32%}.motif--frame i:nth-child(4){right:25.3%;bottom:32%}
.motif--nodes b { position:absolute; width:12px; height:12px; border:1px solid var(--ink-950); border-radius:50%; background:var(--paper-100); z-index:2; }
.motif--nodes b:nth-child(1){left:25%;top:28%}.motif--nodes b:nth-child(2){left:65%;top:40%}.motif--nodes b:nth-child(3){left:35%;top:66%}.motif--nodes b:nth-child(4){left:72%;top:72%}
.motif--nodes em { position:absolute; height:1px; background:var(--ink-950); transform-origin:left; }.motif--nodes em:nth-last-child(2){width:40%;left:27%;top:31%;transform:rotate(16deg)}.motif--nodes em:last-child{width:38%;left:37%;top:68%;transform:rotate(8deg)}
.motif--stack i { position:absolute; width:48%; height:17%; left:26%; border:1px solid rgba(245,243,238,.7); }.motif--stack i:nth-child(1){top:28%}.motif--stack i:nth-child(2){top:42%}.motif--stack i:nth-child(3){top:56%}.motif--stack span { position:absolute; right:20%; bottom:23%; color:var(--signal-600); font-size:2.2rem; }
.system-statement { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:13px; padding:34px 0; font:500 .7rem var(--font-mono); letter-spacing:.08em; }
.system-statement b { color:var(--muted-500); font-weight:400; }.system-statement strong { color:var(--signal-600); font-weight:500; margin-left:14px; }
.timeline-section { border-top:1px solid var(--ink-border); }
.process-timeline { max-width:920px; margin-left:auto; margin-right:8%; position:relative; }
.process-timeline::before { content:""; position:absolute; left:31px; top:0; bottom:0; width:1px; background:var(--ink-border-strong); }
.timeline-step { position:relative; display:grid; grid-template-columns:64px 1fr; gap:34px; padding:0 0 62px; }
.timeline-step:last-child { padding-bottom:0; }
.timeline-marker { position:relative; z-index:1; width:64px; height:64px; border:1px solid var(--ink-border-strong); background:var(--paper-100); display:grid; place-items:center; font-size:.72rem; }
.timeline-step:hover .timeline-marker { border-color:var(--signal-600); }
.step-label { color:var(--signal-600); font-size:.65rem; letter-spacing:.08em; }
.timeline-step h3 { font-size:clamp(1.5rem,2.6vw,2.3rem); letter-spacing:-.035em; margin:8px 0 10px; }
.timeline-step p { color:var(--muted-500); max-width:68ch; line-height:1.7; }
.reassurance { border-top:1px solid var(--ink-border); }
.reassurance-list { border-top:1px solid var(--ink-border); }
.reassurance-list article { display:grid; grid-template-columns:70px 1fr; gap:24px; padding:27px 0; border-bottom:1px solid var(--ink-border); }
.reassurance-list article > span { color:var(--signal-600); font-size:.7rem; }
.reassurance-list h3 { font-size:1.15rem; margin-bottom:5px; }
.reassurance-list p { color:var(--muted-500); }
.process-start { background:var(--green-900); color:var(--paper-100); }
.process-start__inner { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:end; }
.process-start h2 { font-size:clamp(3rem,5.5vw,5.7rem); line-height:.95; letter-spacing:-.055em; margin:12px 0 20px; }
.process-start__inner > div:first-child > p:last-child { max-width:58ch; color:rgba(245,243,238,.72); line-height:1.7; }
.eyebrow--light { color:var(--mint-500); }
.process-start__action { display:flex; flex-direction:column; align-items:flex-start; gap:26px; }
.btn--signal { background:var(--signal-600); color:var(--ink-950); }
.process-start__contact { display:flex; flex-direction:column; gap:7px; font-size:.9rem; }
.process-start__contact a:hover { color:var(--mint-500); }
@media (max-width: 900px){.process-hero__grid,.process-start__inner{grid-template-columns:1fr}.process-map{min-height:420px}.phase{grid-template-columns:1fr}.phase__visual{min-height:260px;border-right:0;border-bottom:1px solid var(--ink-border)}.phase--operate .phase__visual{border-bottom-color:var(--paper-border)}.process-timeline{margin-right:0}.process-start__action{margin-top:10px}}
@media (max-width: 640px){.process-hero{padding-top:92px}.process-hero__grid{gap:38px}.process-hero__copy h1{font-size:clamp(3rem,14vw,4.3rem)}.process-map{min-height:380px}.process-map__node{width:145px;min-height:86px}.process-map__node--build{left:6%;top:95px}.process-map__node--automate{right:6%;top:190px}.process-map__node--operate{left:6%;top:285px}.phase__content{padding:32px 24px}.phase__visual{min-height:230px}.system-statement{justify-content:flex-start;line-height:1.8}.system-statement strong{width:100%;margin-left:0}.process-timeline::before{left:23px}.timeline-step{grid-template-columns:48px 1fr;gap:20px;padding-bottom:48px}.timeline-marker{width:48px;height:48px}.reassurance-list article{grid-template-columns:42px 1fr;gap:15px}.process-start{padding-top:70px;padding-bottom:70px}}