/* Shared editorial diagrams: readable HTML labels, decorative line drawings. */
.explain-icon{display:block;width:48px;height:48px;flex-shrink:0;color:var(--ink)}
.explain-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.explain-flow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:28px 0}.explain-flow li{position:relative;min-width:0}.explain-flow li:not(:last-child)::after{content:'→';position:absolute;right:-25px;top:15px;font-size:26px;color:var(--blue)}.explain-flow strong{display:block;font-size:20px;line-height:1.5;margin:16px 0 6px;letter-spacing:-.035em}.explain-flow li>span{display:block;font-size:15px;color:#586174;line-height:1.7;word-break:keep-all}
.explain-hero{margin:0;padding:30px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}.explain-hero figcaption{font-size:14px;font-weight:800;color:var(--blue)}.explain-hero .explain-flow{grid-template-columns:1fr;gap:26px;margin:28px 0}.explain-hero .explain-flow li{display:grid;grid-template-columns:60px 1fr;gap:2px 18px}.explain-hero .explain-icon{grid-row:1/3;align-self:center}.explain-hero .explain-flow strong{font-size:23px;margin:0}.explain-hero .explain-flow li:not(:last-child)::after{content:'↓';left:17px;right:auto;top:auto;bottom:-26px;font-size:22px}.explain-hero>p{font-size:13px;color:#586174;line-height:1.7;margin:0;max-width:360px}
.explain-ledger{display:grid;grid-template-columns:1fr 1fr;gap:0 55px;border-top:2px solid var(--ink)}.explain-ledger article{display:flex;gap:22px;align-items:center;border-bottom:1px solid var(--line);padding:24px 0;min-width:0}.explain-ledger h3{font-size:22px;line-height:1.4;margin:0 0 7px;letter-spacing:-.035em}.explain-ledger p{font-size:16px;line-height:1.7;color:#586174;margin:0}.explain-ledger a,.explain-table a{display:block;color:var(--blue);font-weight:700;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-top:9px}
.explain-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;border-top:2px solid var(--ink)}.explain-table th,.explain-table td{padding:20px 22px;border-bottom:1px solid var(--line);line-height:1.65;font-size:17px;vertical-align:middle}.explain-table thead th{font-size:13px;color:#586174;padding-top:14px;padding-bottom:14px}.explain-table th:first-child{width:44%}.explain-table tbody th{font-weight:750}.explain-table td{color:#586174;background:#eef2f8}.explain-table .explain-icon{display:inline-block;width:32px;height:32px;vertical-align:middle;margin-right:18px}.explain-table th>span{vertical-align:middle}.explain-note{font-size:14px;line-height:1.75;color:#586174;margin:20px 0 0}
.explain-details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:26px}.explain-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:16px;font-weight:750;padding:20px 0;line-height:1.55}.explain-details>summary::-webkit-details-marker{display:none}.explain-details>summary::after{content:'+';color:var(--blue);font-size:23px;flex-shrink:0}.explain-details[open]>summary::after{content:'−'}.explain-details>summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.explain-expanded{display:grid;grid-template-columns:1fr 1fr;gap:26px 45px;padding:12px 0 30px}.explain-expanded h3{font-size:18px;margin:0 0 8px;line-height:1.6}.explain-expanded p{font-size:16px;line-height:1.85;color:#586174;margin:0}.explain-expanded a{color:var(--blue);text-decoration:underline}.explain-agreement{padding-bottom:40px}.explain-agreement .explain-details{margin-top:0}.explain-scope:has(+.explain-agreement){padding-bottom:15px}
.explain-process .explain-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:42px;margin-top:35px}.explain-process .explain-flow li{border:0;padding:0}.explain-process .explain-icon,.explain-process .explain-flow li::after{color:var(--yellow)}.explain-process .explain-flow li>span{color:#d5dbe5;font-size:15px}.explain-process .explain-flow strong{font-size:22px}.explain-process .explain-flow li::after{right:-29px}
.explain-costs{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:30px 0}.explain-costs article{border-top:2px solid var(--ink);padding-top:23px;position:relative}.explain-costs article:not(:last-child)::after{content:'+';position:absolute;right:-26px;top:35px;color:var(--blue);font-size:24px}.explain-costs h3{font-size:23px;margin:18px 0 10px}.explain-costs p{font-size:16px;line-height:1.8;color:#586174;margin:0}.explain-handoff{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;list-style:none}.explain-handoff li{border-top:1px solid var(--line);padding-top:22px}.explain-handoff strong{display:block;font-size:21px;margin:16px 0 9px}.explain-handoff p{font-size:15px;line-height:1.7;color:#586174;margin:0}
.explain-evidence{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;padding:0;margin:30px 0}.explain-evidence li{padding:20px 0;border-top:2px solid var(--ink)}.explain-evidence strong{display:block;font-size:22px;margin:17px 0 8px}.explain-evidence p{font-size:16px;line-height:1.75;color:#586174;margin:0}
.experience-visual .explain-flow{grid-template-columns:repeat(4,1fr);gap:35px;margin-top:35px}.experience-visual .explain-icon,.experience-visual .explain-flow li::after{color:var(--yellow)}.experience-visual .explain-flow strong{color:white;font-size:23px}.experience-visual .explain-flow li>span{color:#d5dbe5}.experience-visual .explain-details{border-color:#ffffff30}.experience-visual .explain-details>summary::after{color:var(--yellow)}.experience-visual .explain-expanded p{color:#d5dbe5}.experience-visual .explain-details>summary:focus-visible{outline-color:var(--yellow)}.experience-visual .explain-flow li::after{right:-27px}.experience-visual .practice-evidence{margin-top:26px}
.principle-grid .explain-icon{margin:20px 0}.example-card .explain-details{margin-top:12px}.example-card .explain-details .example-design-note{margin:0 0 20px}.example-card .explain-details summary{font-size:14px;padding:12px 0}
.commerce-strengths-grid .explain-icon{margin-bottom:20px}.commerce-strengths-grid .explain-details{margin-top:15px}.commerce-strengths-grid .explain-details p{font-size:15px;padding-bottom:20px}.dev-delivery .explain-icon{margin-bottom:18px}.dev-delivery .explain-details p{padding-bottom:20px}
.hero::before,.hero::after{animation:none}.transformation{animation:none;opacity:1;transform:none}.btn-arrow{transition:transform .18s ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.btn:hover .btn-arrow{transform:translateX(3px)}.service-detail:hover{color:var(--blue-deep)}}
@media(prefers-reduced-motion:reduce){.btn-arrow{transition:none}}
@media(min-width:761px) and (max-width:1200px){.detail-hero{padding-top:160px}.detail-page [id]{scroll-margin-top:170px}}
@media(max-width:960px){.explain-ledger{column-gap:30px}.explain-process .explain-flow{gap:27px}.explain-process .explain-flow li::after{right:-22px}.explain-process .explain-flow strong{font-size:19px}.explain-table .explain-icon{display:none}.explain-handoff{grid-template-columns:1fr 1fr}.experience-visual .explain-flow{grid-template-columns:1fr 1fr}.experience-visual .explain-flow li::after{display:none}}
@media(max-width:760px){.explain-hero{padding:24px 0;max-width:520px;width:100%;margin:auto}.explain-hero .explain-flow strong{font-size:22px}.explain-ledger{grid-template-columns:1fr}.explain-ledger article{padding:20px 0;gap:18px}.explain-ledger .explain-icon{width:40px;height:40px}.explain-ledger h3{font-size:20px}.explain-ledger p{font-size:15px}.explain-table th,.explain-table td{font-size:15px;padding:16px 12px}.explain-table thead th{font-size:12px}.explain-table th:first-child{width:42%}.explain-table a{font-size:13px}.explain-details>summary{font-size:15px}.explain-expanded{grid-template-columns:1fr;gap:25px}.explain-expanded p{font-size:15px}.explain-process .explain-flow{grid-template-columns:1fr;gap:30px}.explain-process .explain-flow li{display:grid;grid-template-columns:54px 1fr;gap:4px 17px}.explain-process .explain-icon{grid-row:1/3;width:44px;height:44px;align-self:center}.explain-process .explain-flow strong{margin:0;font-size:21px}.explain-process .explain-flow li::after{content:'↓';left:13px;right:auto;top:auto;bottom:-29px;font-size:22px}.explain-note{font-size:13px}.explain-costs{grid-template-columns:1fr;gap:30px}.explain-costs article{display:grid;grid-template-columns:50px 1fr;gap:4px 16px;padding-top:20px}.explain-costs .explain-icon{grid-row:1/3;width:40px;height:40px}.explain-costs h3{font-size:22px;margin:0}.explain-costs p{font-size:15px}.explain-costs article:not(:last-child)::after{right:auto;left:14px;top:auto;bottom:-28px;font-size:20px}.explain-handoff{gap:24px 18px}.explain-handoff .explain-icon{width:40px;height:40px}.explain-handoff strong{font-size:19px}.explain-handoff p{font-size:14px}.explain-evidence{grid-template-columns:1fr;gap:8px}.explain-evidence li{display:grid;grid-template-columns:48px 1fr;gap:5px 17px}.explain-evidence .explain-icon{width:40px;height:40px;grid-row:1/3}.explain-evidence strong{font-size:21px;margin:0}.explain-evidence p{font-size:15px}.experience-visual .explain-flow{gap:28px 22px}.experience-visual .explain-flow strong{font-size:21px}.experience-visual .explain-flow li>span{font-size:14px}.explain-scope,.explain-guide{padding-top:44px;padding-bottom:48px}}
@media(max-width:760px){.commerce-strengths-grid{gap:24px}.commerce-strengths-grid article{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;padding-top:20px}.commerce-strengths-grid article>span{grid-column:2}.commerce-strengths-grid .explain-icon{grid-column:1;grid-row:1/4;align-self:center;width:38px;height:38px;margin:0}.commerce-strengths-grid h3{grid-column:2;font-size:22px;margin:8px 0 10px}.commerce-strengths-grid small{grid-column:2;font-size:13px;line-height:1.65}.commerce-strengths-grid .explain-details{grid-column:1/-1;margin-top:18px}.commerce-strengths-grid .explain-details summary{padding:16px 0}}

/* Shared two-tone pictograms; UI controls retain their own compact symbols. */
.explain-icon .icon-tone{fill:var(--blue);opacity:.14}.explain-icon .icon-solid{fill:var(--blue)}
:is(.explain-process,.experience-visual,.ai-path-icon) .explain-icon{color:var(--yellow)}
:is(.explain-process,.experience-visual,.ai-path-icon) .icon-tone{fill:currentColor;opacity:.18}
:is(.explain-process,.experience-visual,.ai-path-icon) .icon-solid{fill:currentColor}
.ai-path-icon svg.explain-icon{stroke:currentColor;stroke-width:2.8}