/* Reference refinements — ZiyaTech 1.4. */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero+.collaborations-section{padding-top:50px;padding-bottom:50px}
.business-metrics{background:#f7f8fb;padding:76px 0 80px}
.business-metrics .business-metrics-panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;color:var(--ink)}
.business-metrics-panel::before,.business-metrics-panel::after{display:none}
.business-metrics .metrics-intro{justify-content:center;flex-direction:column;gap:12px;border:0;padding:0;margin-bottom:40px;text-align:center}
.business-metrics .metrics-intro h2{font-size:35px;color:var(--ink)}
.business-metrics .metrics-intro .eyebrow{color:var(--accent-dark);max-width:none}
.business-metrics .metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}
.business-metrics .business-metric{padding:0 12px;min-height:0;border:0;border-radius:0;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:visible}
.business-metrics .business-metric:hover{border:0;box-shadow:none}
.business-metrics .metric-symbol{position:static;display:grid;place-items:center;width:86px;height:86px;background:#fff;border-radius:50%;color:#302c42;box-shadow:0 14px 40px #5d547c0a;margin:0 0 23px}
.business-metrics .metric-symbol>.icon{height:40px;width:40px;stroke-width:1.15}
.business-metrics .metric-value{color:#302d3e;font-size:42px;letter-spacing:-1.5px;line-height:1.15;font-weight:750;justify-content:center;align-items:baseline;gap:2px;margin:0 0 12px}
.business-metrics .counter-suffix{font-size:.66em;letter-spacing:-1px;font-weight:650}
.business-metrics .metric-label{font-size:14px;color:#7e7a89;line-height:1.7;max-width:none;margin:0}
.reference-process{background:#fcfcfe;overflow:hidden}
.reference-process .section-heading{margin:0 auto 65px;max-width:780px;text-align:center}
.reference-process .section-heading .section-description{margin-inline:auto}
.process-timeline{max-width:1120px;margin:0 auto;position:relative;padding:12px 0}
.process-timeline .process-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr);align-items:start;column-gap:18px;padding:0;margin:0 0 30px;min-height:145px;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.process-timeline .process-step:last-child{margin-bottom:0}
.process-step-card{position:relative;grid-column:1;grid-row:1;align-self:start;background:#fffbfb;border:1px solid #efe8ec;border-radius:9px;padding:24px 26px;box-shadow:0 8px 24px #4b365308;transform-origin:center center}
.process-timeline .process-step:nth-child(even) .process-step-card{grid-column:3}
.process-step-card::after{content:'';position:absolute;width:15px;height:15px;right:-8px;top:30px;transform:rotate(45deg);background:#fffbfb;border-top:1px solid #efe8ec;border-right:1px solid #efe8ec}
.process-timeline .process-step:nth-child(even) .process-step-card::after{right:auto;left:-8px;border:0;border-bottom:1px solid #efe8ec;border-left:1px solid #efe8ec}
.process-timeline .process-step-card h3{font-size:24px;line-height:1.2;margin:0 0 13px;letter-spacing:-.035em;color:#373148}
.process-timeline .process-step-card p{font-size:13px;line-height:1.85;margin:0;color:#817988}
.process-timeline .step-number{grid-column:2;grid-row:1;position:relative;z-index:2;display:grid;place-items:center;width:78px;height:78px;margin:0 auto;border-radius:50%;border:0;background:#acaeb2;color:#fff;font-size:28px;font-weight:650;line-height:1;box-shadow:0 0 0 9px #fcfcfe;transition:background .4s,box-shadow .4s}
.process-timeline .process-step.is-revealed .step-number{background:var(--accent);box-shadow:0 0 0 9px #fcfcfe,0 8px 25px #f46b2117}
.step-connector{position:absolute;top:39px;bottom:-69px;left:calc(50% - 1px);width:2px;background:#e2dfe6;z-index:0;overflow:hidden}
.step-connector>span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleY(0);transform-origin:top}
.process-step:last-child .step-connector{display:none}
.motion-enabled .timeline-ready .process-step:not(.is-revealed) .process-step-card{opacity:0}
.motion-enabled .timeline-ready .process-step.is-revealed .process-step-card{animation:reference-step-arrive .6s cubic-bezier(.47,0,.745,.715) both}
body:not(.motion-enabled) .process-timeline .step-number{background:var(--accent)}
body:not(.motion-enabled) .step-connector>span{transform:scaleY(1)}
@keyframes reference-step-arrive{from{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:1040px){
 .process-timeline .process-step{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);column-gap:14px;min-height:160px}
 .process-step-card{padding:22px}.process-timeline .process-step-card h3{font-size:23px}.process-timeline .process-step-card p{font-size:12px}
 .process-timeline .step-number{width:70px;height:70px;font-size:25px}.step-connector{top:35px;bottom:-65px}
}
@media(max-width:760px){
 .hero+.collaborations-section{padding-top:37px;padding-bottom:40px}
 .business-metrics{padding:56px 0 59px}.business-metrics .metrics-grid{gap:38px 25px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .business-metrics .metric-symbol{width:76px;height:76px;margin-bottom:19px}.business-metrics .metric-symbol>.icon{height:35px;width:35px}
 .business-metrics .metric-value{font-size:39px;margin-bottom:10px}.business-metrics .metric-label{font-size:13px}
 .reference-process .section-heading{margin-bottom:45px;text-align:left}.reference-process .section-heading .section-description{margin-left:0}
 .process-timeline{padding-top:4px}.process-timeline .process-step{grid-template-columns:60px minmax(0,1fr);column-gap:18px;min-height:0;margin-bottom:27px}
 .process-timeline .process-step-card,.process-timeline .process-step:nth-child(even) .process-step-card{grid-column:2;grid-row:1;padding:23px 24px}
 .process-timeline .step-number{grid-column:1;width:56px;height:56px;font-size:21px;box-shadow:0 0 0 6px #fcfcfe}
 .process-timeline .process-step.is-revealed .step-number{box-shadow:0 0 0 6px #fcfcfe,0 7px 20px #f46b2117}
 .step-connector{left:29px;top:28px;bottom:-55px}
 .process-step-card::after,.process-timeline .process-step:nth-child(even) .process-step-card::after{left:-8px;right:auto;top:20px;border:0;border-bottom:1px solid #efe8ec;border-left:1px solid #efe8ec}
 .process-timeline .process-step-card h3{font-size:23px}.process-timeline .process-step-card p{font-size:13px}
}
@media(max-width:500px){
 .hero+.collaborations-section{padding-top:32px;padding-bottom:36px}
 .business-metrics{padding:46px 0 49px}.business-metrics .metrics-grid{gap:34px 17px}
 .business-metrics .business-metric{padding:0 3px}.business-metrics .metric-symbol{width:67px;height:67px;margin-bottom:18px}
 .business-metrics .metric-symbol>.icon{height:31px;width:31px}.business-metrics .metric-value{font-size:37px;margin-bottom:9px}.business-metrics .metric-label{font-size:12px}
 .process-timeline .process-step{grid-template-columns:46px minmax(0,1fr);gap:13px;margin-bottom:25px}
 .process-timeline .step-number{width:44px;height:44px;font-size:18px}.step-connector{left:22px;top:22px;bottom:-47px}
 .process-timeline .process-step-card,.process-timeline .process-step:nth-child(even) .process-step-card{padding:21px 18px}
 .process-timeline .process-step-card h3{font-size:22px;line-height:1.17;margin-bottom:12px}.process-timeline .process-step-card p{font-size:12px;line-height:1.85}
 .process-step-card::after,.process-timeline .process-step:nth-child(even) .process-step-card::after{width:13px;height:13px;left:-7px;top:15px}
 .reference-process .section-heading{margin-bottom:34px}.reference-process .section-heading h2{font-size:35px}
}
@media(max-width:360px){
 .business-metrics .metric-value{font-size:34px}.business-metrics .metric-label{font-size:11px}.business-metrics .metric-symbol{height:62px;width:62px}
 .process-timeline .process-step{grid-template-columns:39px minmax(0,1fr);gap:10px}.process-timeline .step-number{height:38px;width:38px;font-size:16px}
 .step-connector{left:18px;top:19px;bottom:-44px}.process-timeline .process-step-card,.process-timeline .process-step:nth-child(even) .process-step-card{padding:19px 15px}
 .process-timeline .process-step-card h3{font-size:20px}.process-timeline .process-step-card p{font-size:11px}
 .process-step-card::after,.process-timeline .process-step:nth-child(even) .process-step-card::after{top:12px}
}
@media(prefers-reduced-motion:reduce){.process-step-card{animation:none!important;opacity:1!important;transform:none!important}.process-timeline .step-number{background:var(--accent)}.step-connector>span{transform:scaleY(1)!important}}
