/* =========================================================
   V8.03 — Final service pages
   Editorial typography + ten genuinely different narratives.
   Scoped to service-layout-v802 so legacy/public pages are untouched.
   ========================================================= */

.service-layout-v802[class*="v803-template-"]{
  --v803-ink:#f7f9ff;
  --v803-body:rgba(232,239,252,.80);
  --v803-muted:rgba(205,218,244,.62);
  --v803-line:rgba(151,180,237,.14);
  --v803-panel:rgba(10,28,59,.56);
  background:
    radial-gradient(circle at 84% 8%,rgba(51,101,225,.10),transparent 28%),
    radial-gradient(circle at 8% 48%,rgba(27,183,202,.055),transparent 25%),
    linear-gradient(180deg,#07152d 0%,#0a1c3a 44%,#07142d 100%);
  font-family:"Vazirmatn",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-kerning:normal;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
  letter-spacing:0;
}
.service-layout-v802[class*="v803-template-"] .detail-shell{width:min(100% - 54px,1220px)}
.service-layout-v802[class*="v803-template-"] .detail-hero{
  padding:86px 0 104px;
  border-bottom:1px solid rgba(148,177,235,.075);
  background:
    radial-gradient(circle at 84% 10%,color-mix(in srgb,var(--service-accent) 18%,transparent),transparent 31%),
    radial-gradient(circle at 11% 70%,color-mix(in srgb,var(--service-accent-2) 8%,transparent),transparent 28%),
    linear-gradient(180deg,#08172f 0%,#0a1d3c 100%);
}
.service-layout-v802[class*="v803-template-"] .detail-hero-grid{gap:clamp(48px,6vw,86px);align-items:center}
.service-layout-v802[class*="v803-template-"] .detail-eyebrow{
  padding:7px 12px;border-radius:999px;font-size:10.5px;font-weight:820;letter-spacing:.12em;
}
.service-layout-v802[class*="v803-template-"] .detail-hero h1{
  max-width:860px;margin:20px 0 24px;color:var(--v803-ink);
  font-size:clamp(44px,5.3vw,76px);font-weight:880;line-height:1.16;letter-spacing:-.047em;text-wrap:balance;
}
html[dir="rtl"] .service-layout-v802[class*="v803-template-"] .detail-hero h1{
  line-height:1.34;letter-spacing:-.032em;font-weight:850;
}
.service-layout-v802[class*="v803-template-"] .detail-hero p{
  max-width:68ch;margin:0;color:var(--v803-body);font-size:clamp(16.5px,1.25vw,18.5px);line-height:2.05;font-weight:390;text-wrap:pretty;
}
.service-layout-v802[class*="v803-template-"] .detail-actions{margin-top:34px}
.service-layout-v802[class*="v803-template-"] .detail-primary,
.service-layout-v802[class*="v803-template-"] .detail-secondary{border-radius:12px;font-size:14px;font-weight:750}
.service-layout-v802[class*="v803-template-"] .v802-service-photo{
  min-height:455px;border-radius:28px;padding:9px;background:rgba(9,25,54,.72);
  border:1px solid rgba(160,188,243,.16);box-shadow:0 34px 85px rgba(0,0,0,.28);
}
.service-layout-v802[class*="v803-template-"] .v802-service-photo img{
  min-height:435px;border-radius:21px;object-fit:cover;filter:saturate(.88) contrast(1.045) brightness(.88);
}
.service-layout-v802[class*="v803-template-"] .service-rich-section{padding:92px 0;background:transparent}
.service-layout-v802[class*="v803-template-"] .service-rich-section.is-soft{
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));
  border-block:1px solid rgba(147,178,237,.07);
}
.service-layout-v802[class*="v803-template-"] .service-rich-head{max-width:900px;margin-bottom:46px}
.service-layout-v802[class*="v803-template-"] .service-rich-head span,
.service-layout-v802[class*="v803-template-"] .service-narrative-heading span,
.v803-kicker{
  display:inline-flex;align-items:center;gap:8px;color:#99b6ff;font-size:10.5px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;
}
.service-layout-v802[class*="v803-template-"] .service-rich-head h2,
.service-layout-v802[class*="v803-template-"] .service-narrative-heading h2,
.v803-insight h2{
  color:var(--v803-ink);font-size:clamp(32px,3.45vw,50px);font-weight:830;line-height:1.42;letter-spacing:-.035em;text-wrap:balance;
}
html[dir="rtl"] .service-layout-v802[class*="v803-template-"] .service-rich-head h2,
html[dir="rtl"] .service-layout-v802[class*="v803-template-"] .service-narrative-heading h2,
html[dir="rtl"] .v803-insight h2{line-height:1.58;letter-spacing:-.02em}
.service-layout-v802[class*="v803-template-"] .service-rich-head p,
.service-layout-v802[class*="v803-template-"] .service-story-copy p,
.service-layout-v802[class*="v803-template-"] .service-narrative-copy p,
.v803-insight p{
  color:var(--v803-body);font-size:16.5px;line-height:2.08;text-align:start;text-wrap:pretty;
}
.service-layout-v802[class*="v803-template-"] .service-narrative-grid{gap:clamp(44px,6vw,88px)}
.service-layout-v802[class*="v803-template-"] .service-narrative-copy{padding-inline-start:30px}
.service-layout-v802[class*="v803-template-"] .service-narrative-copy p{margin:0 0 20px;text-align:start!important}
.service-layout-v802[class*="v803-template-"] .service-narrative-copy p:first-child{font-size:18px;line-height:2.04;font-weight:520;color:#f0f5ff}
.service-layout-v802[class*="v803-template-"] .service-narrative-copy blockquote{
  margin-top:30px;padding:19px 22px;color:#e7fbff;font-size:15.5px;font-weight:680;line-height:2;border-radius:12px;
}
.service-layout-v802[class*="v803-template-"] .service-rich-card h3,
.service-layout-v802[class*="v803-template-"] .service-list-panel h3,
.v803-insight h3{font-weight:780;letter-spacing:-.018em;text-wrap:balance}
html[dir="rtl"] .service-layout-v802[class*="v803-template-"] .service-rich-card h3,
html[dir="rtl"] .v803-insight h3{letter-spacing:-.008em}
.service-layout-v802[class*="v803-template-"] .service-rich-card p,
.service-layout-v802[class*="v803-template-"] .service-process p{font-size:14.5px;line-height:1.95;color:rgba(221,231,249,.70)}
.service-layout-v802[class*="v803-template-"] .service-faq summary{font-size:15.5px;line-height:1.8}
.service-layout-v802[class*="v803-template-"] .service-faq p{font-size:15px;line-height:2.05}
.service-layout-v802[class*="v803-template-"] .service-final-cta{border-radius:24px;padding:40px 42px}
.service-layout-v802[class*="v803-template-"] .service-final-cta h2{font-weight:830;letter-spacing:-.03em;line-height:1.45}

/* ---------- Shared premium insight ---------- */
.v803-insight{position:relative;overflow:hidden}
.v803-insight::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--service-accent) 45%,transparent),transparent)}
.v803-insight-inner{position:relative}
.v803-insight h2{margin:14px 0 24px;max-width:950px}
.v803-insight p{margin:0 0 17px}
.v803-insight blockquote{margin:28px 0 0;padding:20px 23px;border:0;border-inline-start:2px solid var(--service-accent);background:rgba(255,255,255,.025);color:#edf4ff;font-size:16px;font-weight:650;line-height:2;border-radius:10px}
.v803-insight h3{margin:0 0 8px;color:#f4f7ff;font-size:18px;line-height:1.65}

/* 01 — Web / editorial magazine */
.v803-template-web-editorial{--service-accent:#7094ff;--service-accent-2:#35c9d5}
.v803-template-web-editorial .detail-hero-grid{grid-template-columns:1.12fr .88fr}
.v803-template-web-editorial .v802-service-photo{border-radius:8px 48px 8px 48px}
.v803-template-web-editorial .v802-service-photo img{border-radius:4px 40px 4px 40px}
.v803-template-web-editorial .v802-overview .service-narrative-grid{grid-template-columns:.68fr 1.32fr}
.v803-template-web-editorial .v802-benefits .service-benefit-grid{grid-template-columns:1fr 1fr;column-gap:46px}
.v803-template-web-editorial .v802-benefits .service-rich-card{grid-template-columns:38px 1fr;padding-block:28px}
.v803-insight-web-editorial .v803-insight-inner{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr);gap:70px;align-items:start}
.v803-editorial-copy{max-width:720px}
.v803-editorial-rail{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--v803-line)}
.v803-editorial-rail li{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--v803-line)}
.v803-editorial-rail li>span{color:#7fa2ff;font:800 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;padding-top:5px}
.v803-editorial-rail p{font-size:14px;margin:0}
.v803-template-web-editorial .v802-story .service-story-grid{grid-template-columns:1.15fr .85fr}

/* 02 — Commerce / purchase journey */
.v803-template-commerce-flow{--service-accent:#7ea1ff;--service-accent-2:#2dd6ba}
.v803-template-commerce-flow .detail-hero-grid{grid-template-columns:.94fr 1.06fr}
.v803-template-commerce-flow .v802-service-photo{border-radius:30px 30px 80px 30px}
.v803-template-commerce-flow .v802-story .service-story-grid{grid-template-columns:.82fr 1.18fr}
.v803-template-commerce-flow .v802-story .service-story-copy{order:-1}
.v803-template-commerce-flow .v802-benefits .service-benefit-grid{grid-template-columns:repeat(4,1fr);gap:12px}
.v803-template-commerce-flow .v802-benefits .service-rich-card{display:block;padding:23px;border:1px solid var(--v803-line);border-radius:16px;background:rgba(255,255,255,.02)!important}
.v803-insight-commerce-flow .v803-flow-head{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}
.v803-insight-commerce-flow .v803-flow-head>span,.v803-insight-commerce-flow .v803-flow-head>h2{grid-column:1}
.v803-insight-commerce-flow .v803-flow-copy{grid-column:2;grid-row:1/4}
.v803-purchase-flow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;border-top:1px solid var(--v803-line)}
.v803-purchase-flow article{position:relative;padding:34px 24px 5px;border-inline-end:1px solid var(--v803-line)}
.v803-purchase-flow article:last-child{border-inline-end:0}
.v803-step-no{position:absolute;top:-16px;inset-inline-start:22px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0a1c3b;border:1px solid color-mix(in srgb,var(--service-accent) 45%,transparent);color:#a8c0ff;font-size:11px;font-weight:850}
.v803-purchase-flow p{font-size:14px;margin:0}

/* 03 — Custom software / architecture notes */
.v803-template-architecture-notes{--service-accent:#6c91ff;--service-accent-2:#7fddc8}
.v803-template-architecture-notes .detail-hero-grid{grid-template-columns:1fr 1fr}
.v803-template-architecture-notes .v802-service-photo{border-radius:18px;box-shadow:0 0 0 1px rgba(126,163,255,.12),0 34px 80px rgba(0,0,0,.3)}
.v803-template-architecture-notes .v802-scope .service-capability-grid{grid-template-columns:repeat(3,1fr);gap:12px}
.v803-template-architecture-notes .v802-scope .service-rich-card{display:block;border:1px solid var(--v803-line);border-radius:14px;padding:24px;background:rgba(255,255,255,.018)!important}
.v803-insight-architecture-notes .v803-insight-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px 70px}
.v803-blueprint-head{grid-column:1/3;display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:end}
.v803-blueprint-head blockquote{margin:0}
.v803-blueprint-copy{grid-column:1;padding:28px 0;border-top:1px solid var(--v803-line)}
.v803-blueprint-grid{grid-column:2;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--v803-line);border-radius:16px;overflow:hidden;background:rgba(5,19,43,.42)}
.v803-blueprint-card{padding:24px;border-bottom:1px solid var(--v803-line);border-inline-end:1px solid var(--v803-line)}
.v803-blueprint-card:nth-child(2n){border-inline-end:0}.v803-blueprint-card:nth-last-child(-n+2){border-bottom:0}
.v803-blueprint-card code{display:block;margin-bottom:15px;color:#7fa3ff;font-size:10px;letter-spacing:.1em}
.v803-blueprint-card p{font-size:13.7px;margin:0}
.v803-template-architecture-notes .v802-process .service-process{grid-template-columns:repeat(3,1fr)}

/* 04 — Custom system / workflow map */
.v803-template-workflow-map{--service-accent:#779bff;--service-accent-2:#34d2b6}
.v803-template-workflow-map .detail-hero-grid{grid-template-columns:1.08fr .92fr}
.v803-template-workflow-map .v802-service-photo{border-radius:42px 12px 42px 12px}
.v803-template-workflow-map .v802-process .service-process{max-width:980px;margin-inline:auto}
.v803-insight-workflow-map .v803-workflow-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:20px 70px}
.v803-workflow-intro>span,.v803-workflow-intro>h2{grid-column:1}.v803-workflow-intro>p,.v803-workflow-intro>blockquote{grid-column:2}
.v803-workflow-intro>p:first-of-type{grid-row:1}.v803-workflow-intro blockquote{margin-top:10px}
.v803-workflow-lane{max-width:940px;margin:48px auto 0;position:relative}
.v803-workflow-lane::before{content:"";position:absolute;top:20px;bottom:20px;inset-inline-start:20px;width:1px;background:linear-gradient(var(--service-accent),rgba(120,155,255,.04))}
.v803-workflow-lane article{position:relative;display:grid;grid-template-columns:54px 1fr;gap:20px;padding:0 0 30px}
.v803-workflow-lane article>span{z-index:1;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#0b2147;border:1px solid rgba(124,160,255,.32);color:#a9c1ff;font-size:12px;font-weight:850}
.v803-workflow-lane p{font-size:14.2px;margin:0}
.v803-template-workflow-map .v802-dual .service-dual-grid{grid-template-columns:1.15fr .85fr}

/* 05 — UI/UX / design journal */
.v803-template-design-journal{--service-accent:#9a8cff;--service-accent-2:#42d4c7}
.v803-template-design-journal .detail-hero-grid{grid-template-columns:.88fr 1.12fr}
.v803-template-design-journal .v802-service-photo{transform:rotate(-1deg);border-radius:20px 62px 20px 62px}
html[dir="rtl"] .v803-template-design-journal .v802-service-photo{transform:rotate(1deg)}
.v803-template-design-journal .v802-story .service-story-grid{grid-template-columns:1.1fr .9fr}
.v803-template-design-journal .v802-benefits .service-benefit-grid{grid-template-columns:repeat(4,1fr);gap:14px}
.v803-template-design-journal .v802-benefits .service-rich-card{display:block;padding:24px;border:1px solid var(--v803-line);border-radius:28px;background:linear-gradient(150deg,rgba(114,89,220,.09),rgba(255,255,255,.012))!important}
.v803-insight-design-journal .v803-insight-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px 70px}
.v803-journal-title{grid-column:1}.v803-journal-copy{grid-column:2;grid-row:1/3;padding-top:16px}
.v803-insight-design-journal blockquote{grid-column:1;align-self:start;margin-top:8px}
.v803-journal-notes{grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.v803-journal-note{padding:24px 20px;min-height:190px;border-radius:22px;border:1px solid var(--v803-line);background:rgba(255,255,255,.018)}
.v803-journal-note:nth-child(2){transform:translateY(18px)}.v803-journal-note:nth-child(4){transform:translateY(-12px)}
.v803-journal-note p{font-size:13.8px;margin:0}

/* 06 — API / integration blueprint */
.v803-template-integration-blueprint{--service-accent:#5e9cff;--service-accent-2:#29d3d0}
.v803-template-integration-blueprint .detail-hero-grid{grid-template-columns:1.04fr .96fr}
.v803-template-integration-blueprint .v802-service-photo{border-radius:14px}
.v803-template-integration-blueprint .v802-dual .service-dual-grid{grid-template-columns:.9fr 1.1fr}
.v803-insight-integration-blueprint .v803-network-head{max-width:850px;margin:0 auto 48px;text-align:center}
.v803-insight-integration-blueprint .v803-network-head h2{margin-inline:auto}.v803-insight-integration-blueprint .v803-network-head p{max-width:72ch;margin-inline:auto}
.v803-insight-integration-blueprint .v803-network-head blockquote{text-align:start}
.v803-network-map{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px 150px;max-width:1020px;margin:0 auto;padding:20px 0}
.v803-network-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#244d9b,#0c2248 70%);border:1px solid rgba(104,158,255,.45);box-shadow:0 0 60px rgba(58,135,255,.2);font:850 16px/1 ui-monospace,monospace;color:#d9e7ff}
.v803-node{position:relative;padding:23px 24px;border:1px solid var(--v803-line);border-radius:14px;background:rgba(5,20,45,.48)}
.v803-node::after{content:"";position:absolute;top:50%;width:76px;height:1px;background:linear-gradient(90deg,rgba(102,155,255,.38),transparent)}
.v803-node:nth-child(odd)::after{inset-inline-end:-77px}.v803-node:nth-child(even)::after{inset-inline-start:-77px;transform:rotate(180deg)}
.v803-node .node-dot{position:absolute;top:18px;inset-inline-end:18px;width:7px;height:7px;border-radius:50%;background:var(--service-accent-2);box-shadow:0 0 14px var(--service-accent-2)}
.v803-node p{font-size:13.8px;margin:0}
.v803-template-integration-blueprint .v802-scope .service-capability-grid{grid-template-columns:repeat(2,1fr)}

/* 07 — Dashboard / data story */
.v803-template-data-story{--service-accent:#6da0ff;--service-accent-2:#30d6c0}
.v803-template-data-story .detail-hero-grid{grid-template-columns:.98fr 1.02fr}
.v803-template-data-story .v802-service-photo{border-radius:18px}
.v803-template-data-story .v802-story .service-story-grid{grid-template-columns:1.18fr .82fr}
.v803-insight-data-story .v803-insight-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.v803-data-copy{padding-top:16px}
.v803-data-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v803-data-card{position:relative;padding:26px 22px 22px;min-height:190px;border:1px solid var(--v803-line);border-radius:14px;background:linear-gradient(145deg,rgba(28,66,130,.14),rgba(7,25,54,.38));overflow:hidden}
.v803-data-mark{display:block;width:100%;height:42px;margin-bottom:22px;border-bottom:1px solid rgba(141,177,241,.12);background:linear-gradient(90deg,transparent 5%,rgba(99,150,255,.2) 5% 8%,transparent 8% 18%,rgba(46,211,192,.16) 18% 21%,transparent 21% 36%,rgba(99,150,255,.28) 36% 40%,transparent 40% 62%,rgba(46,211,192,.22) 62% 68%,transparent 68%)}
.v803-data-card:nth-child(1){grid-column:1/3}.v803-data-card:nth-child(1) .v803-data-mark{height:58px}
.v803-data-card p{font-size:13.7px;margin:0}
.v803-template-data-story .v802-benefits .service-benefit-grid{grid-template-columns:1.2fr .8fr .8fr;gap:12px}

/* 08 — Support / operations desk */
.v803-template-service-operations{--service-accent:#79a2ff;--service-accent-2:#47d5b1}
.v803-template-service-operations .detail-hero-grid{grid-template-columns:1.08fr .92fr}
.v803-template-service-operations .v802-service-photo{border-radius:26px}
.v803-template-service-operations .v802-process .service-process{grid-template-columns:1fr 1fr;gap:0 38px}
.v803-insight-service-operations .v803-insight-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.v803-ops-board{border-top:1px solid var(--v803-line)}
.v803-ops-board article{display:grid;grid-template-columns:16px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--v803-line)}
.v803-status{width:9px;height:9px;margin-top:8px;border-radius:50%;background:#6b97ff;box-shadow:0 0 0 5px rgba(107,151,255,.07)}
.v803-status-2{background:#ffbd6a}.v803-status-3{background:#42d4b0}.v803-status-4{background:#aa8cff}
.v803-ops-board p{font-size:13.9px;margin:0}
.v803-template-service-operations .v802-faq .service-faq{grid-template-columns:1fr 1fr;max-width:none}

/* 09 — AI / restrained lab */
.v803-template-ai-lab{--service-accent:#6c8dff;--service-accent-2:#3dd4ca}
.v803-template-ai-lab .detail-hero{isolation:isolate}
.v803-template-ai-lab .detail-hero::after{content:"";position:absolute;z-index:-1;left:-180px;top:-220px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(86,112,255,.15),transparent 68%)}
.v803-template-ai-lab .v802-service-photo{border-radius:52px 14px 52px 14px}
.v803-insight-ai-lab .v803-insight-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px 72px}
.v803-lab-head{grid-column:1}.v803-lab-copy{grid-column:2;grid-row:1/2;padding-top:18px}
.v803-lab-grid{grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.v803-lab-cell{position:relative;padding:28px 20px 22px;border:1px solid rgba(116,151,255,.17);border-radius:18px;background:linear-gradient(145deg,rgba(69,75,180,.08),rgba(8,26,57,.34));min-height:205px}
.v803-lab-cell>span{display:block;margin-bottom:25px;color:#859fff;font:850 10px/1 ui-monospace,monospace;letter-spacing:.12em}
.v803-lab-cell p{font-size:13.7px;margin:0}
.v803-template-ai-lab .v802-story .service-story-grid{position:relative;grid-template-columns:1fr;min-height:560px}
.v803-template-ai-lab .v802-story .service-story-media{position:absolute;inset:0;opacity:.70}
.v803-template-ai-lab .v802-story .service-story-copy{position:relative;z-index:2;width:min(650px,68%);padding:62px 48px;background:linear-gradient(90deg,rgba(5,15,34,.96),rgba(5,15,34,.70),transparent)}
html[dir="rtl"] .v803-template-ai-lab .v802-story .service-story-copy{background:linear-gradient(270deg,rgba(5,15,34,.96),rgba(5,15,34,.70),transparent)}

/* 10 — Transformation / strategy roadmap */
.v803-template-strategy-roadmap{--service-accent:#839cff;--service-accent-2:#41cbb7}
.v803-template-strategy-roadmap .detail-hero-grid{grid-template-columns:1.14fr .86fr}
.v803-template-strategy-roadmap .v802-service-photo{border-radius:12px 48px 12px 48px}
.v803-template-strategy-roadmap .v802-overview .service-narrative-grid{grid-template-columns:.65fr 1.35fr}
.v803-insight-strategy-roadmap .v803-roadmap-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px 72px}
.v803-roadmap-head>span,.v803-roadmap-head>h2{grid-column:1}.v803-roadmap-head>p,.v803-roadmap-head>blockquote{grid-column:2}
.v803-roadmap-track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:52px;border-top:1px solid var(--v803-line)}
.v803-roadmap-track article{position:relative;padding:34px 24px 8px;border-inline-end:1px solid var(--v803-line)}
.v803-roadmap-track article:last-child{border-inline-end:0}
.v803-roadmap-track article>span{position:absolute;top:-13px;inset-inline-start:20px;padding:5px 9px;border-radius:999px;background:#0b1d3d;border:1px solid rgba(125,155,255,.26);color:#9eb8ff;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.v803-roadmap-track p{font-size:13.7px;margin:0}
.v803-template-strategy-roadmap .v802-process .service-process{display:flex;overflow-x:auto;gap:0;scroll-snap-type:x mandatory}
.v803-template-strategy-roadmap .v802-process .service-process article{min-width:270px;border-radius:0;border:0;border-inline-end:1px solid var(--v803-line);background:transparent;scroll-snap-align:start}

/* More consistent real photography on service index, no crop gimmicks. */
.services-final-main .service-index-card img[data-content-revision="8.03"]{object-fit:cover;object-position:center;filter:saturate(.9) contrast(1.035) brightness(.9)}

@media(max-width:1100px){
  .service-layout-v802[class*="v803-template-"] .detail-hero-grid{grid-template-columns:1fr 1fr;gap:34px}
  .v803-purchase-flow,.v803-journal-notes,.v803-lab-grid,.v803-roadmap-track{grid-template-columns:1fr 1fr}
  .v803-network-map{gap:14px 110px}
  .v803-template-commerce-flow .v802-benefits .service-benefit-grid,.v803-template-design-journal .v802-benefits .service-benefit-grid{grid-template-columns:1fr 1fr}
  .v803-template-data-story .v802-benefits .service-benefit-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .service-layout-v802[class*="v803-template-"] .detail-shell{width:min(100% - 30px,1220px)}
  .service-layout-v802[class*="v803-template-"] .detail-hero{padding:58px 0 72px}
  .service-layout-v802[class*="v803-template-"] .detail-hero-grid{grid-template-columns:1fr!important}
  .service-layout-v802[class*="v803-template-"] .detail-hero h1{font-size:clamp(38px,10vw,54px)}
  .service-layout-v802[class*="v803-template-"] .v802-service-photo{min-height:320px;transform:none!important;border-radius:22px!important}
  .service-layout-v802[class*="v803-template-"] .v802-service-photo img{min-height:300px;border-radius:16px!important}
  .service-layout-v802[class*="v803-template-"] .service-rich-section{padding:68px 0}
  .v803-insight-web-editorial .v803-insight-inner,
  .v803-insight-data-story .v803-insight-inner,
  .v803-insight-service-operations .v803-insight-inner,
  .v803-insight-ai-lab .v803-insight-inner,
  .v803-insight-design-journal .v803-insight-inner,
  .v803-insight-architecture-notes .v803-insight-inner{grid-template-columns:1fr;gap:32px}
  .v803-blueprint-head,.v803-insight-commerce-flow .v803-flow-head,.v803-workflow-intro,.v803-roadmap-head{grid-template-columns:1fr;gap:18px}
  .v803-blueprint-head,.v803-blueprint-copy,.v803-blueprint-grid,.v803-journal-title,.v803-journal-copy,.v803-insight-design-journal blockquote,.v803-journal-notes,.v803-lab-head,.v803-lab-copy,.v803-lab-grid{grid-column:1!important;grid-row:auto!important}
  .v803-insight-commerce-flow .v803-flow-head>span,.v803-insight-commerce-flow .v803-flow-head>h2,.v803-insight-commerce-flow .v803-flow-copy,
  .v803-workflow-intro>span,.v803-workflow-intro>h2,.v803-workflow-intro>p,.v803-workflow-intro>blockquote,
  .v803-roadmap-head>span,.v803-roadmap-head>h2,.v803-roadmap-head>p,.v803-roadmap-head>blockquote{grid-column:1;grid-row:auto}
  .v803-purchase-flow,.v803-journal-notes,.v803-lab-grid,.v803-roadmap-track,.v803-data-board{grid-template-columns:1fr 1fr}
  .v803-data-card:nth-child(1){grid-column:1/3}
  .v803-network-map{grid-template-columns:1fr;gap:12px;padding-top:110px}
  .v803-network-core{top:50px}
  .v803-node::after{display:none}
  .v803-template-ai-lab .v802-story .service-story-grid{min-height:0;display:grid}
  .v803-template-ai-lab .v802-story .service-story-media{position:relative;min-height:300px}
  .v803-template-ai-lab .v802-story .service-story-copy{width:100%;padding:30px 4px;background:transparent!important}
  .v803-template-service-operations .v802-faq .service-faq{grid-template-columns:1fr}
}
@media(max-width:580px){
  .service-layout-v802[class*="v803-template-"] .detail-hero h1{font-size:35px;line-height:1.34}
  .service-layout-v802[class*="v803-template-"] .detail-hero p{font-size:16px;line-height:2}
  .service-layout-v802[class*="v803-template-"] .service-rich-head h2,
  .service-layout-v802[class*="v803-template-"] .service-narrative-heading h2,.v803-insight h2{font-size:30px}
  .service-layout-v802[class*="v803-template-"] .service-narrative-copy{padding-inline-start:18px}
  .v803-purchase-flow,.v803-journal-notes,.v803-lab-grid,.v803-roadmap-track,.v803-data-board,.v803-blueprint-grid{grid-template-columns:1fr}
  .v803-data-card:nth-child(1){grid-column:1}
  .v803-purchase-flow article,.v803-roadmap-track article{border-inline-end:0;border-bottom:1px solid var(--v803-line);padding-bottom:24px}
  .v803-journal-note:nth-child(2),.v803-journal-note:nth-child(4){transform:none}
  .v803-blueprint-card{border-inline-end:0!important;border-bottom:1px solid var(--v803-line)!important}
  .v803-blueprint-card:last-child{border-bottom:0!important}
  .v803-template-commerce-flow .v802-benefits .service-benefit-grid,.v803-template-design-journal .v802-benefits .service-benefit-grid,.v803-template-data-story .v802-benefits .service-benefit-grid{grid-template-columns:1fr}
  .v803-template-service-operations .v802-process .service-process{grid-template-columns:1fr}
}
/* Page-level guard for decorative pseudo-elements and hidden desktop menus. */
html:has(main.service-layout-v802[class*="v803-template-"]),
html:has(main.service-layout-v802[class*="v803-template-"]) body{overflow-x:clip}
.v803-template-integration-blueprint .detail-hero{position:relative;overflow:hidden}