/* Markone Solutions — Global UI System v2.1 */

/* Mobile header: theme switch remains visible on every page. */
@media (max-width:700px){
  .header-actions{gap:7px!important;flex-shrink:0}
  .theme-toggle{display:grid!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;z-index:3}
  .menu-toggle{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  .theme-toggle svg,.menu-toggle svg{width:18px!important;height:18px!important}
  .brand{min-width:0;display:flex;align-items:center}
  .brand img{width:min(142px,42vw)!important}
}
@media (max-width:380px){
  .header-inner{gap:8px!important}
  .header-actions{gap:5px!important}
  .theme-toggle,.menu-toggle{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important}
  .brand img{width:min(126px,38vw)!important}
}

/* Footer social icons: independent inline brand SVGs, no icon-library dependency. */
.footer-socials{display:flex!important;align-items:center;flex-wrap:wrap;gap:9px;margin-top:25px}
.footer-socials a{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#c8c1d9;background:rgba(255,255,255,.025);transition:transform .25s ease,color .25s ease,background .25s ease,border-color .25s ease}
.footer-socials a:hover,.footer-socials a:focus-visible{color:#fff;border-color:#7754e9;background:#7754e9;transform:translateY(-3px);outline:none}
.footer-socials svg{display:block!important;width:17px!important;height:17px!important;fill:currentColor!important}

/* Services Process v2.1 */
.services-process-v21{position:relative;overflow:hidden;padding:145px 0;background:var(--surface-soft)}
.services-process-v21:before{content:"";position:absolute;width:560px;height:560px;left:-280px;top:15%;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.13),transparent 69%);pointer-events:none}
.process-journey-v21{position:relative;max-width:1060px;margin:70px auto 0;padding:10px 0}
.process-spine-v21{position:absolute;left:50%;top:54px;bottom:54px;width:4px;transform:translateX(-50%);border-radius:99px;background:var(--line);overflow:hidden}
.process-spine-v21 span{display:block;width:100%;height:14.285%;border-radius:inherit;background:linear-gradient(180deg,var(--primary),#38bdf8,#10b981);box-shadow:0 0 25px rgba(124,58,237,.35);transition:height .55s cubic-bezier(.2,.8,.2,1)}
.process-step-v21{position:relative;display:grid;grid-template-columns:1fr 116px 1fr;align-items:center;min-height:245px;outline:none}
.process-step-v21:nth-of-type(odd) .process-step-card-v21{grid-column:1;grid-row:1;justify-self:end}
.process-step-v21:nth-of-type(even) .process-step-card-v21{grid-column:3;grid-row:1;justify-self:start}
.process-step-node-v21{grid-column:2;grid-row:1;position:relative;z-index:4;width:76px;height:76px;margin:auto;border:8px solid var(--surface-soft);border-radius:24px;display:grid;place-items:center;color:var(--muted);background:var(--surface);box-shadow:0 12px 34px rgba(25,20,50,.11);transition:.35s ease}
.process-step-node-v21 span{position:absolute;top:-18px;right:-19px;display:grid;place-items:center;width:31px;height:31px;border:4px solid var(--surface-soft);border-radius:50%;color:var(--muted);background:var(--surface);font-size:8px;font-weight:900;letter-spacing:.03em}
.process-step-node-v21 svg{width:25px;height:25px}
.process-step-card-v21{width:min(100%,410px);padding:28px 30px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 18px 50px rgba(25,20,50,.07);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.process-step-v21:nth-of-type(odd) .process-step-card-v21{margin-right:14px;text-align:right}
.process-step-v21:nth-of-type(even) .process-step-card-v21{margin-left:14px;text-align:left}
.process-step-card-v21 small{display:block;margin-bottom:7px;color:var(--primary);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.process-step-card-v21 h3{margin:0;font:800 25px/1.15 var(--font-heading);letter-spacing:-.03em}
.process-step-card-v21 p{margin:12px 0 17px;color:var(--muted);font-size:12px;line-height:1.7}
.process-step-card-v21 ul{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:0;list-style:none}
.process-step-v21:nth-of-type(odd) ul{justify-content:flex-end}
.process-step-card-v21 li{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface-soft);font-size:8px;font-weight:750}
.process-step-v21:hover .process-step-card-v21,.process-step-v21:focus-visible .process-step-card-v21,.process-step-v21.is-active .process-step-card-v21{transform:translateY(-7px);border-color:rgba(124,58,237,.35);box-shadow:0 28px 70px rgba(83,51,159,.13)}
.process-step-v21:hover .process-step-node-v21,.process-step-v21:focus-visible .process-step-node-v21,.process-step-v21.is-active .process-step-node-v21{color:#fff;background:linear-gradient(145deg,var(--primary),#5b21b6);transform:scale(1.08);box-shadow:0 18px 42px rgba(124,58,237,.3)}
.process-step-v21:hover .process-step-node-v21 span,.process-step-v21:focus-visible .process-step-node-v21 span,.process-step-v21.is-active .process-step-node-v21 span{color:#fff;background:#10b981}
[data-theme="dark"] .process-step-card-v21{background:rgba(255,255,255,.035)}
[data-theme="dark"] .process-step-node-v21{background:#171126}

@media(max-width:900px){
  .services-process-v21{padding:105px 0}
  .process-journey-v21{margin-top:45px;padding-left:20px}
  .process-spine-v21{left:52px;top:35px;bottom:35px;transform:none;width:3px}
  .process-step-v21{display:grid;grid-template-columns:70px minmax(0,1fr);min-height:0;margin-bottom:24px;align-items:start}
  .process-step-v21:last-child{margin-bottom:0}
  .process-step-node-v21{grid-column:1!important;grid-row:1!important;width:58px;height:58px;margin:18px 0 0 3px;border-width:7px;border-radius:18px}
  .process-step-node-v21 svg{width:21px;height:21px}
  .process-step-node-v21 span{top:-14px;right:-12px;width:27px;height:27px;border-width:3px}
  .process-step-v21 .process-step-card-v21,.process-step-v21:nth-of-type(odd) .process-step-card-v21,.process-step-v21:nth-of-type(even) .process-step-card-v21{grid-column:2!important;grid-row:1!important;justify-self:stretch!important;width:100%;margin:0!important;padding:24px;text-align:left!important}
  .process-step-v21:nth-of-type(odd) ul{justify-content:flex-start}
}
@media(max-width:560px){
  .services-process-v21{padding:82px 0}
  .process-journey-v21{padding-left:0;margin-top:34px}
  .process-spine-v21{left:29px;top:25px;bottom:25px}
  .process-step-v21{grid-template-columns:58px minmax(0,1fr);margin-bottom:17px}
  .process-step-node-v21{width:49px;height:49px;margin-top:20px;margin-left:4px;border-width:6px;border-radius:15px}
  .process-step-node-v21 svg{width:18px;height:18px}
  .process-step-node-v21 span{top:-12px;right:-9px;width:24px;height:24px;font-size:7px}
  .process-step-v21 .process-step-card-v21,.process-step-v21:nth-of-type(odd) .process-step-card-v21,.process-step-v21:nth-of-type(even) .process-step-card-v21{padding:21px 18px;border-radius:19px}
  .process-step-card-v21 h3{font-size:21px}
  .process-step-card-v21 p{font-size:11px;line-height:1.65}
  .process-step-card-v21 li{font-size:7.5px;padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){.process-spine-v21 span,.process-step-node-v21,.process-step-card-v21{transition:none!important}}