/* ZiyaTech 1.5: responsive navigation, illustrated counters and scroll-led process. */
@media(max-width:900px){
 .site-header .header-inner{justify-content:space-between}
 .site-header .header-actions{margin-left:auto;flex:0 0 auto;justify-content:flex-end}
 .site-header .brand{flex:0 1 auto;min-width:0}
 .site-header .site-navigation{margin:0;left:0;right:0;width:100%}
}
.business-metrics{background:radial-gradient(ellipse at 12% 25%,#ffe8d9 0,transparent 42%),radial-gradient(ellipse at 88% 80%,#e9e0ff 0,transparent 43%),#fcfaff}
.business-metrics .metrics-grid{gap:20px}
.business-metrics .business-metric{--metric-bg:#fff0f6;--metric-accent:#b03a69;background:linear-gradient(155deg,#fff 5%,var(--metric-bg));border:1px solid #fff;border-radius:25px;padding:23px 16px 28px;box-shadow:0 14px 40px #4b34680b;overflow:hidden}
.business-metrics .business-metric:nth-child(2){--metric-bg:#eee8ff;--metric-accent:#6547b6}
.business-metrics .business-metric:nth-child(3){--metric-bg:#dff6ef;--metric-accent:#157d70}
.business-metrics .business-metric:nth-child(4){--metric-bg:#fff0d8;--metric-accent:#a46216}
.business-metrics .business-metric:hover{border:1px solid #fff;box-shadow:0 18px 42px #4b346818}
.business-metrics .metric-symbol{width:160px;height:124px;background:transparent;box-shadow:none;border-radius:0;margin:0 0 12px}
.business-metrics .metric-symbol>img{display:block;width:100%;height:100%;object-fit:contain}
.business-metrics .metric-value{font-size:47px;color:var(--metric-accent);margin-bottom:9px}
.business-metrics .metric-label{font-size:13px;color:#51485c;font-weight:600;line-height:1.6}
.process-timeline .process-step{--step-bg:#392b72;--step-glow:#7760c5;--step-accent:#c9b5ff}
.process-timeline .process-step:nth-child(2){--step-bg:#155f65;--step-glow:#268c85;--step-accent:#a2f1db}
.process-timeline .process-step:nth-child(3){--step-bg:#7b3659;--step-glow:#a55073;--step-accent:#ffd1e4}
.process-timeline .process-step:nth-child(4){--step-bg:#254a80;--step-glow:#416eaa;--step-accent:#bedcff}
.process-timeline .process-step:nth-child(5){--step-bg:#714015;--step-glow:#a05d24;--step-accent:#ffe0b1}
.process-timeline .process-step:nth-child(6){--step-bg:#284f46;--step-glow:#3f7c69;--step-accent:#b5eed4}
.process-timeline .process-step-card{background:radial-gradient(ellipse at 100% 0,var(--step-glow),transparent 68%),var(--step-bg);border-color:var(--step-bg);border-radius:18px;box-shadow:0 15px 36px #27164116;padding:28px 29px}
.process-step-card::after,.process-timeline .process-step:nth-child(even) .process-step-card::after{background:var(--step-bg);border-color:var(--step-bg)}
.process-timeline .process-step-card h3{color:#fff;font-size:24px;letter-spacing:-.025em}
.process-timeline .process-step-card p{color:#fff;opacity:.88;font-size:13px;line-height:1.8}
.process-timeline .process-step.is-revealed .step-number{background:var(--step-bg)}
.process-timeline .step-connector>span{background:linear-gradient(var(--step-glow),#f68a3c)}
.project-visual .project-view{display:flex;align-items:center;justify-content:center;width:auto;min-width:69px;min-height:42px;height:auto;gap:7px;padding:9px 13px;background:#ffffffed;backdrop-filter:blur(9px);color:#352a57;box-shadow:0 5px 20px #29154918;font-size:13px;font-weight:700;line-height:1;border:1px solid #fff;border-radius:40px;transform:none}
.project-visual .project-view .icon{width:20px;height:20px}
.project-visual:hover .project-view{transform:translateY(-3px)}
.project-view-total{display:inline-flex;align-items:center;gap:8px;background:#f2edff;color:#5a4386;padding:9px 15px;border-radius:30px;font-size:14px;margin:0 0 22px}
.project-view-total .icon{width:21px;height:21px}
.reach-map .india-inset{padding:12px 16px;gap:13px;bottom:34px;overflow:visible;max-width:calc(100% - 28px)}
.reach-map .india-inset>img{width:92px;height:105px;object-fit:contain;object-position:center;flex-shrink:0}
.reach-map .india-inset>span{font-size:8px;color:#806072;letter-spacing:1px}
.reach-map .india-inset strong{font-size:12px;color:#3f3152}
.reach-map .map-caption{bottom:10px;left:15px;right:15px;max-width:none;font-size:8px;line-height:1.6;color:#6b6177}
.map-caption a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:760px){
 .business-metrics .metrics-grid{gap:15px}
 .business-metrics .business-metric{padding:13px 10px 22px;border-radius:21px}
 .business-metrics .metric-symbol{height:105px;width:136px;margin-bottom:9px}
 .business-metrics .metric-value{font-size:43px;margin-bottom:8px}
 .business-metrics .metric-label{font-size:12px}
 .process-timeline .process-step{margin-bottom:36px;min-height:230px}
 .process-timeline .process-step-card,.process-timeline .process-step:nth-child(even) .process-step-card{min-height:205px;padding:26px 22px}
 .process-timeline .process-step-card h3{font-size:24px;line-height:1.2}
 .process-timeline .process-step-card p{font-size:13px}
 .process-timeline.timeline-mobile .process-step-card{animation:none!important;transform-origin:50% 35%;will-change:transform,opacity}
 .step-connector{bottom:-64px}
 .reach-map{min-height:355px}
 .reach-map>svg{margin-bottom:125px}
 .reach-map .india-inset{bottom:38px;right:13px;left:13px;justify-content:center;padding:10px 15px;gap:20px}
 .reach-map .india-inset>img{width:83px;height:96px}
 .reach-map .india-inset strong{font-size:12px}
 .reach-map .map-caption{font-size:7px;bottom:10px}
}
@media(max-width:380px){
 .business-metrics .metrics-grid{gap:11px}
 .business-metrics .metric-symbol{width:116px;height:91px}
 .business-metrics .metric-value{font-size:38px}
 .business-metrics .metric-label{font-size:11px}
 .process-timeline .process-step-card,.process-timeline .process-step:nth-child(even) .process-step-card{padding:23px 17px;min-height:220px}
 .process-timeline .process-step{min-height:245px}
 .process-timeline .process-step-card h3{font-size:21px}
 .process-timeline .process-step-card p{font-size:12px}
 .project-visual .project-view{min-width:58px;min-height:36px;font-size:11px;padding:8px 10px;gap:5px}
 .project-visual .project-view .icon{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){.process-timeline.timeline-mobile .process-step-card{will-change:auto}}