/* services.html: SEO by industry, How we work, Why Sachkhand */
.svx-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;font:700 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:2.4px;text-transform:uppercase;color:#1d4ed8}
.svx-eyebrow::before{content:"";width:22px;height:1px;background:currentColor}
.svx-num{font:900 12px/1 ui-monospace,Menlo,monospace;letter-spacing:1px;color:#cbd5e1;margin-right:14px}
.svx-h2{font:900 clamp(27px,3.05vw,42px)/1.1 'Segoe UI',system-ui,sans-serif;letter-spacing:-1.35px;color:#0f172a;margin:0 0 18px}
.svx-lede{font:400 clamp(15px,1.32vw,17.5px)/1.78 'Segoe UI',system-ui,sans-serif;color:#64748b;margin:0;max-width:70ch}

/* ---- SEO by industry: bento of sector groups ---- */
.svx-ind-sec{background:#f8fafc;padding:clamp(48px,6vw,86px) clamp(20px,4vw,56px);border-top:1px solid #eef2f7}
.svx-in{position:relative;max-width:1240px;margin:0 auto}
.svx-ind-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:clamp(28px,3.4vw,40px)}
.svx-ind-head>div{max-width:700px}
.svx-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;border-radius:10px;background:#1a56db;color:#fff;text-decoration:none;font:700 13.8px/1 'Segoe UI',system-ui,sans-serif;white-space:nowrap;box-shadow:0 10px 24px -10px #1a56db88;transition:transform .2s,box-shadow .2s}
.svx-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px #1a56dbaa}
.svx-ind{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-auto-rows:minmax(270px,auto);gap:18px}
.svx-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:20px;background:#0b1d3e;isolation:isolate;box-shadow:0 18px 40px -30px rgba(15,23,42,.6)}
.svx-tile:first-child{grid-row:span 2}
.svx-tile>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:75% 50%;transition:transform .7s ease}
.svx-tile:hover>img{transform:scale(1.05)}
.svx-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,14,34,.2) 0%,rgba(6,14,34,.55) 45%,rgba(6,14,34,.94) 100%)}
.svx-tile::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--c)}
.svx-tile-in{padding:22px 22px 24px}
.svx-count{display:inline-block;margin-bottom:10px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 55%,transparent);font:800 10.5px/1 ui-monospace,Menlo,monospace;letter-spacing:1px;text-transform:uppercase;color:#fff}
.svx-tile h3{font:900 clamp(20px,1.9vw,24px)/1.15 'Segoe UI',system-ui,sans-serif;letter-spacing:-.5px;color:#fff;margin:0 0 14px}
.svx-tile:first-child h3{font-size:clamp(24px,2.4vw,32px)}
.svx-chips{display:flex;flex-wrap:wrap;gap:7px}
.svx-chips a{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;text-decoration:none;font:600 12.6px/1.2 'Segoe UI',system-ui,sans-serif;transition:background .2s,border-color .2s,color .2s}
.svx-chips a:hover,.svx-chips a:focus-visible{background:#fff;border-color:#fff;color:#0f172a}

/* ---- How we work: dark numbered timeline ---- */
.svx-work{position:relative;overflow:clip;background:radial-gradient(900px 500px at 0% 0%,rgba(37,99,235,.28),transparent 65%),radial-gradient(700px 480px at 100% 100%,rgba(124,58,237,.2),transparent 65%),linear-gradient(180deg,#0b1326,#080d1a);padding:clamp(56px,6.5vw,96px) clamp(20px,4vw,56px)}
.svx-work .svx-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,88px);align-items:start}
.svx-work-intro{position:sticky;top:110px}
.svx-work .svx-num{color:rgba(96,165,250,.55)}
.svx-work .svx-eyebrow{color:#60a5fa}
.svx-work .svx-h2{color:#fff}
.svx-work .svx-lede{color:#94a3b8}
.svx-steps{position:relative;list-style:none;margin:0;padding:0;counter-reset:svx}
.svx-steps::before{content:"";position:absolute;left:23px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,#3b82f6,#7c3aed,#0891b2,#d97706,#e11d48,#10b981);opacity:.55}
.svx-steps li{--c:#3b82f6;position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:22px;padding:0 0 30px}
.svx-steps li:last-child{padding-bottom:0}
.svx-steps li:nth-child(2){--c:#8b5cf6}.svx-steps li:nth-child(3){--c:#06b6d4}.svx-steps li:nth-child(4){--c:#f59e0b}.svx-steps li:nth-child(5){--c:#f43f5e}.svx-steps li:nth-child(6){--c:#10b981}
.svx-steps li::before{counter-increment:svx;content:counter(svx,decimal-leading-zero);position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#0b1326;border:2px solid var(--c);box-shadow:0 0 0 6px rgba(11,19,38,.9),0 0 22px -4px var(--c);font:900 14px/1 ui-monospace,Menlo,monospace;color:#fff}
.svx-step{padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);transition:background .2s,border-color .2s,transform .2s}
.svx-steps li:hover .svx-step{background:rgba(255,255,255,.06);border-color:color-mix(in srgb,var(--c) 45%,transparent);transform:translateX(4px)}
.svx-step h3{font:800 17px/1.3 'Segoe UI',system-ui,sans-serif;color:#fff;margin:0 0 8px}
.svx-step p{font:400 14.2px/1.72 'Segoe UI',system-ui,sans-serif;color:#94a3b8;margin:0}
.svx-step a{color:#93c5fd;font-weight:600}

/* ---- Why Sachkhand: bento of reasons ---- */
.svx-why{position:relative;overflow:clip;background:radial-gradient(700px 420px at 100% 0%,rgba(124,58,237,.10),transparent 65%),radial-gradient(700px 460px at 0% 100%,rgba(37,99,235,.10),transparent 65%),#f5f8fd;padding:clamp(56px,6.5vw,96px) clamp(20px,4vw,56px)}
.svx-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(250px,auto);gap:18px}
.svx-b-head{grid-column:1;display:flex;flex-direction:column;justify-content:center;padding:8px 8px 8px 0}
.svx-b-head .svx-lede{font-size:15.5px}
.svx-since{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;margin-top:22px;padding:8px 16px 8px 8px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 24px -18px rgba(15,23,42,.5);font:600 12.8px/1.2 'Segoe UI',system-ui,sans-serif;color:#475569}
.svx-since b{padding:7px 11px;border-radius:999px;background:linear-gradient(135deg,#1d4ed8,#7c3aed);font:900 14px/1 'Segoe UI',system-ui,sans-serif;color:#fff}
.svx-b{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:18px;overflow:hidden;padding:26px;border-radius:22px;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease}
.svx-b:hover{transform:translateY(-4px)}
.svx-b h3{font:800 18px/1.3 'Segoe UI',system-ui,sans-serif;letter-spacing:-.2px;margin:0 0 8px}
.svx-b p{font:400 14px/1.7 'Segoe UI',system-ui,sans-serif;margin:0}
.svx-b-tall{grid-row:span 2;justify-content:space-between}
.svx-b-light{background:#fff;border:1px solid #e3e9f2;box-shadow:0 1px 2px rgba(15,23,42,.04),0 24px 48px -36px rgba(15,23,42,.5)}
.svx-b-light h3{color:#0f172a}.svx-b-light p{color:#64748b}
.svx-b-light:hover{box-shadow:0 30px 60px -36px rgba(29,78,216,.45)}
.svx-b-dark{background:radial-gradient(520px 300px at 100% 0%,rgba(56,189,248,.22),transparent 65%),linear-gradient(140deg,#0b1326,#111c3a);box-shadow:0 30px 60px -36px rgba(15,23,42,.8)}
.svx-b-blue{background:radial-gradient(380px 260px at 100% 0%,rgba(125,211,252,.35),transparent 65%),linear-gradient(150deg,#1d4ed8,#1e3a8a);box-shadow:0 30px 60px -36px rgba(29,78,216,.8)}
.svx-b-violet{background:radial-gradient(380px 260px at 0% 0%,rgba(244,114,182,.28),transparent 65%),linear-gradient(150deg,#7c3aed,#4c1d95);box-shadow:0 30px 60px -36px rgba(124,58,237,.8)}
.svx-b-dark h3,.svx-b-blue h3,.svx-b-violet h3{color:#fff}
.svx-b-dark p{color:#94a3b8}.svx-b-blue p{color:#dbeafe}.svx-b-violet p{color:#ede9fe}
.svx-b::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.3px);background-size:18px 18px;-webkit-mask-image:linear-gradient(200deg,#000,transparent 60%);mask-image:linear-gradient(200deg,#000,transparent 60%);pointer-events:none}
.svx-b-light::after{background-image:radial-gradient(rgba(37,99,235,.10) 1px,transparent 1.3px)}
/* 1: relay diagram */
.svx-b-wide{grid-column:span 2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:28px}
.svx-relay{display:grid;gap:14px}
.svx-relay-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.svx-relay-row small{flex-basis:100%;margin-bottom:4px;font:800 10px/1 ui-monospace,Menlo,monospace;letter-spacing:1.4px;text-transform:uppercase;color:#64748b}
.svx-relay-row span{padding:8px 12px;border-radius:10px;font:700 12.8px/1 'Segoe UI',system-ui,sans-serif;white-space:nowrap}
.svx-relay-row i{flex:1;min-width:14px;max-width:42px;height:2px;border-radius:2px}
.svx-relay-row.is-old span{background:rgba(148,163,184,.12);color:#64748b}
.svx-relay-row.is-old span:nth-of-type(2){text-decoration:line-through;text-decoration-color:#f87171;text-decoration-thickness:2px;color:#94a3b8}
.svx-relay-row.is-old i{background:repeating-linear-gradient(90deg,#475569 0 4px,transparent 4px 8px)}
.svx-relay-row.is-new{border-color:rgba(56,189,248,.45);background:rgba(56,189,248,.08);box-shadow:0 0 30px -12px rgba(56,189,248,.7)}
.svx-relay-row.is-new small{color:#38bdf8}
.svx-relay-row.is-new span{background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff}
.svx-relay-row.is-new i{max-width:none;background:linear-gradient(90deg,#38bdf8,#22d3ee);box-shadow:0 0 10px #22d3ee}
/* 2: merge */
.svx-merge{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.svx-merge span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);font:700 11.5px/1 'Segoe UI',system-ui,sans-serif;color:#fff}
.svx-merge b{margin-left:4px;padding:8px 13px;border-radius:999px;background:#fff;font:900 12.5px/1 'Segoe UI',system-ui,sans-serif;color:#1d4ed8;box-shadow:0 8px 20px -8px rgba(0,0,0,.4)}
.svx-merge b::before{content:"\2192\00a0";color:#93c5fd}
/* 3: zero */
.svx-zero{display:flex;align-items:center;gap:14px}
.svx-zero b{font:900 64px/.9 'Segoe UI',system-ui,sans-serif;letter-spacing:-3px;background:linear-gradient(135deg,#10b981,#0891b2);-webkit-background-clip:text;background-clip:text;color:transparent}
.svx-zero span{max-width:16ch;font:700 12.5px/1.4 'Segoe UI',system-ui,sans-serif;color:#0f766e}
/* 4: flags */
.svx-flags{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.svx-flags img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1px rgba(15,23,42,.08),0 6px 14px -8px rgba(15,23,42,.45);transition:transform .25s}
.svx-b-tall:hover .svx-flags img:nth-child(3n+1){transform:translateY(-3px)}
.svx-b-big{display:flex;align-items:baseline;gap:8px;margin-top:auto}
.svx-b-big b{font:900 72px/.9 'Segoe UI',system-ui,sans-serif;letter-spacing:-3px;background:linear-gradient(135deg,#ea580c,#e11d48);-webkit-background-clip:text;background-clip:text;color:transparent}
.svx-b-big span{font:800 13px/1 ui-monospace,Menlo,monospace;letter-spacing:1.4px;text-transform:uppercase;color:#e11d48}
/* 5: AI engines */
.svx-ai{display:flex;flex-wrap:wrap;gap:7px}
.svx-ai span{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);font:700 11.8px/1 'Segoe UI',system-ui,sans-serif;color:#fff}
.svx-ai span::before{content:"\2726";color:#f9a8d4}
/* 6: terms */
.svx-term div{display:flex;height:34px;overflow:hidden;border-radius:10px;font:700 11.5px/1 'Segoe UI',system-ui,sans-serif}
.svx-term span{display:flex;align-items:center;padding:0 12px;white-space:nowrap}
.svx-term .a{flex:0 0 38%;background:linear-gradient(90deg,#ca8a04,#eab308);color:#fff}
.svx-term .b{flex:1;background:repeating-linear-gradient(135deg,#fef9c3 0 8px,#fefce8 8px 16px);color:#854d0e;border:1px dashed #eab308;border-left:0;border-radius:0 10px 10px 0}

@media(max-width:980px){
  .svx-ind{grid-template-columns:1fr 1fr}
  .svx-tile:first-child{grid-row:auto;grid-column:span 2;min-height:320px}
  .svx-work .svx-in{grid-template-columns:1fr}
  .svx-work-intro{position:static}
  .svx-bento{grid-template-columns:1fr 1fr}
  .svx-b-head,.svx-b-wide{grid-column:span 2}
  .svx-b-tall{grid-row:auto}
}
@media(max-width:620px){
  .svx-ind{grid-template-columns:1fr}
  .svx-tile:first-child{grid-column:auto}
  .svx-steps li{grid-template-columns:40px minmax(0,1fr);gap:14px}
  .svx-steps li::before{width:40px;height:40px;font-size:12.5px}
  .svx-steps::before{left:19px}
  .svx-bento{grid-template-columns:1fr;grid-auto-rows:auto}
  .svx-b-head,.svx-b-wide{grid-column:auto}
  .svx-b-wide{grid-template-columns:1fr}
  .svx-b{padding:22px}
}
@media(prefers-reduced-motion:reduce){
  .svx-tile>img,.svx-step,.svx-btn,.svx-b{transition:none}
  .svx-tile:hover>img,.svx-steps li:hover .svx-step,.svx-btn:hover,.svx-b:hover{transform:none}
}