/* Page-specific visual experiences. Deliberately separate from the locked homepage. */
.page-experience{--sage:#DCE6DC;--blue:#DDE7EE;--teal:#648B87;--champagne:#DCDCDC;margin:48px 0 0;border:1px solid var(--line);border-radius:16px;background:#F4F4F4;overflow:hidden}
.experience-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:24px 32px 0;font-size:1.125rem;font-weight:500;color:var(--ink)}
.experience-number{flex:none;font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:.6875rem;letter-spacing:.06em;color:var(--muted)}
.experience-svg{display:block;width:100%;height:auto;max-height:390px;direction:ltr}
.experience-svg *{vector-effect:non-scaling-stroke}
.exp-guides{stroke:#DCDCDC;fill:none;stroke-width:1;stroke-dasharray:2 7}
.exp-route{fill:none;stroke:var(--teal);stroke-width:1.5;stroke-linecap:round}
.exp-module{stroke:#C8C4BB;stroke-width:1;fill:var(--paper)}
.exp-module.champagne{fill:var(--champagne)}.exp-module.sage{fill:var(--sage)}.exp-module.blue{fill:var(--blue)}
.exp-detail{fill:none;stroke:#657773;stroke-width:1.2}
.exp-junction{fill:#FEFDFC;stroke:#9D233B;stroke-opacity:.25;stroke-width:1}
.exp-signal{stroke:var(--signal);stroke-width:1.5;fill:none}.exp-pin{fill:var(--signal)}
.cap-work,.cap-info{transition:opacity 240ms ease}
.capabilities-experience[data-mode=work] .cap-info,.capabilities-experience[data-mode=info] .cap-work{opacity:.25}
.capabilities-experience[data-mode=work] .cap-work .exp-route,.capabilities-experience[data-mode=info] .cap-info .exp-route{stroke:var(--signal);stroke-width:2}
.experience-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:0 32px 28px}
.experience-controls button,.exp-action{min-height:44px;padding:10px 18px;border:1px solid var(--edge);border-radius:6px;background:var(--paper);color:var(--body);font-size:.875rem;line-height:1.4;transition:background 180ms,border-color 180ms,color 180ms}
.experience-controls button:hover,.exp-action:hover{border-color:var(--signal);color:var(--signal)}
.experience-controls button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.experience-controls button:active,.exp-action:active{background:var(--surface-alt)}
.experience-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px;border-top:1px solid var(--line)}
.workflow-state{font-size:.875rem;color:var(--signal)}
.experience-stages{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0 32px;padding:0 0 24px;gap:16px;font-size:.8125rem;color:var(--body)}
.experience-stages li{border-top:1px solid var(--edge);padding-top:10px}
.experience-stages li:nth-child(3){color:var(--signal);border-color:var(--signal)}
.review-zone{fill:#EDEAEA;stroke:#D8B5BD;stroke-width:1}.review-diamond{fill:var(--paper);stroke:var(--signal);stroke-width:1.5}
.review-check{fill:none;stroke:var(--signal);stroke-width:2;stroke-dasharray:50;stroke-dashoffset:50;transition:stroke-dashoffset 300ms ease-out}
.wf-wait{fill:var(--signal);transition:opacity 180ms}.wf-after{stroke:#C7C5BC;stroke-dasharray:3 6}
.workflow-experience[data-state=resolved] .wf-after{stroke:var(--teal);stroke-dasharray:none}
.workflow-experience[data-state=resolved] .review-check{stroke-dashoffset:0}.workflow-experience[data-state=resolved] .wf-wait{opacity:.25}
.workflow-experience[data-state=resolved] .review-zone{fill:var(--sage);stroke:#A7B8AD}

.has-capability-hero .pg-hero-main,.has-workflow-hero .pg-hero-main,.has-data-hero .pg-hero-main{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end}
.has-capability-hero .pg-h1,.has-workflow-hero .pg-h1,.has-data-hero .pg-h1{font-size:clamp(2.5rem,3.5vw,3.75rem);max-width:16em}
.has-capability-hero .pg-hero-lede,.has-workflow-hero .pg-hero-lede,.has-data-hero .pg-hero-lede{margin:0;font-size:1.0625rem;max-width:35rem}
/* About: a visible result remains above an inspectable operating structure. */

/* Existing interactions, with stronger selected states and no change to their content. */
.sorter{padding:28px;border:1px solid var(--line);background:var(--canvas);border-radius:16px}
.sorter-case[aria-pressed=true]{background:#EAF0EB}.sorter-case[data-lane=person][aria-pressed=true]{background:#F1EDEE;border-color:var(--signal);box-shadow:inset 3px 0 0 var(--signal)}
.sorter-lanes{gap:0;min-height:174px}.sorter-lane{border-radius:8px}.sorter-lane.is-active{box-shadow:inset 0 3px 0 #63877B}

/* Contact: no personal text is copied into this secondary visual. */
.request-summary{padding:24px 24px 20px;border:1px solid var(--line);border-radius:12px;background:#F4F4F4}

[lang=ar] .experience-number{font-family:inherit;letter-spacing:normal}
@media(max-width:1023px){
 .has-capability-hero .pg-hero-main,.has-workflow-hero .pg-hero-main,.has-data-hero .pg-hero-main{display:block}.has-capability-hero .pg-hero-lede,.has-workflow-hero .pg-hero-lede,.has-data-hero .pg-hero-lede{margin-top:24px}
 .experience-heading{padding:20px 24px 0}.experience-number{font-size:.625rem}.page-experience{margin-top:32px}
}
@media(max-width:600px){
 .experience-heading{display:block;padding:20px;font-size:1rem}.experience-number{display:block;margin-top:8px}
 .experience-svg{width:145%;max-width:none;margin-inline-start:-22.5%}
 .experience-controls{padding:8px 16px 20px;gap:6px}.experience-controls button{padding:10px 12px;font-size:.8125rem;flex:1 1 auto}
 .experience-footer{padding:20px;align-items:flex-start;flex-direction:column;gap:12px}.exp-action{width:100%}
 .experience-stages{margin:0 20px;grid-template-columns:1fr 1fr;font-size:.75rem}
 
 
 
 
 
 .sorter{padding:16px}.sorter-lanes{min-height:0;gap:8px}.sorter-lane{min-height:134px}.sorter-boundary{display:none}
}
@media(prefers-reduced-motion:reduce){
 .page-experience *,.request-summary *{transition:none!important;animation:none!important}
}
/* Insights: three editorial weights, with the existing discovery architecture intact. */
.page-insights:not(.page-article) .feature-lead .cover-editorial{aspect-ratio:4/3;border-radius:8px}
.page-insights:not(.page-article) .feature-lead .feature-body{margin-top:32px}
.page-insights:not(.page-article) .feature-lead .story-title{font-size:clamp(2.25rem,3.7vw,3.625rem);line-height:1.04;max-width:19em}
.page-insights:not(.page-article) .feature-lead .feature-aside{grid-template-columns:minmax(0,1fr);gap:24px}
.page-insights:not(.page-article) .feature-lead .story-foot{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:16px}
.page-insights:not(.page-article) .featured-secondary{grid-template-columns:1.2fr 1fr;column-gap:40px;margin-top:72px;padding-top:32px}
.page-insights:not(.page-article) .feature-secondary:nth-child(2){margin-top:64px}
.page-insights:not(.page-article) .feature-secondary:first-child .cover-editorial{aspect-ratio:1/1}
.page-insights:not(.page-article) .feature-secondary:nth-child(2) .cover-editorial{aspect-ratio:4/3}
.page-insights:not(.page-article) .feature-secondary .story-title{font-size:clamp(1.5rem,1.85vw,2.125rem);line-height:1.1}
.page-insights:not(.page-article) .latest{padding-top:96px}
.page-insights:not(.page-article) .latest-article{grid-template-columns:40px minmax(0,1fr) 156px 18px;column-gap:24px;padding:32px 0}
.page-insights:not(.page-article) .latest-thumb{border-radius:4px;aspect-ratio:4/3}
.page-insights:not(.page-article) .latest-title{font-size:clamp(1.3125rem,1.75vw,1.75rem)}
.page-insights:not(.page-article) .editorial-wide .latest-article{grid-template-columns:40px minmax(0,1fr) minmax(0,1.2fr);padding:40px 0;align-items:center}
.page-insights:not(.page-article) .editorial-wide .latest-thumb{grid-column:2;grid-row:1;aspect-ratio:1/1}
.page-insights:not(.page-article) .editorial-wide .latest-main{grid-column:3;grid-row:1}
.page-insights:not(.page-article) .editorial-wide .latest-arrow{display:none}
.page-insights:not(.page-article) .editorial-wide .latest-date{align-self:start}
.page-insights:not(.page-article) .latest-article:hover .latest-link{text-decoration-color:var(--signal)}
.page-insights:not(.page-article) .cover-editorial .cover-art,.page-insights:not(.page-article) .latest-thumb img{transition:transform 360ms cubic-bezier(.2,.7,.2,1)}
.page-insights:not(.page-article) .prototype-notice{font-family:inherit;text-transform:none;letter-spacing:0;font-size:.75rem;border:0;border-inline-start:2px solid var(--signal);border-radius:0;padding:0 0 0 14px;background:none;max-width:34rem}
[dir=rtl] .page-insights:not(.page-article) .prototype-notice{padding:0 14px 0 0}
.page-insights:not(.page-article) .story-meta{flex-wrap:wrap;row-gap:6px}
@media(max-width:1199px){.page-insights:not(.page-article) .latest-article{grid-template-columns:32px minmax(0,1fr) 128px;gap:20px}}
@media(max-width:767px){
 .page-insights:not(.page-article) .featured-secondary{grid-template-columns:1fr;gap:40px;margin-top:48px}
 .page-insights:not(.page-article) .feature-secondary:nth-child(2){margin-top:0}
 .page-insights:not(.page-article) .feature-secondary:first-child .cover-editorial{aspect-ratio:4/3}
 .page-insights:not(.page-article) .feature-lead .story-title{font-size:2.25rem}
 .page-insights:not(.page-article) .latest-article{grid-template-columns:minmax(0,1fr) 112px;gap:12px 16px;padding:28px 0}
 .page-insights:not(.page-article) .latest-date{grid-column:1/-1;grid-row:1}
 .page-insights:not(.page-article) .latest-main{grid-column:1;grid-row:2}
 .page-insights:not(.page-article) .latest-thumb{grid-column:2;grid-row:2}
 .page-insights:not(.page-article) .editorial-wide .latest-article{grid-template-columns:1fr;gap:16px;padding:32px 0}
 .page-insights:not(.page-article) .editorial-wide .latest-thumb{grid-column:1;grid-row:2;aspect-ratio:16/10}
 .page-insights:not(.page-article) .editorial-wide .latest-main{grid-column:1;grid-row:3}
 .page-insights:not(.page-article) .editorial-wide .latest-summary{display:block;font-size:.9375rem}
 .page-insights:not(.page-article) .feature-lead .story-foot{flex-wrap:wrap;gap:12px}
}
@media(prefers-reduced-motion:reduce){.page-insights:not(.page-article) .cover-editorial .cover-art,.page-insights:not(.page-article) .latest-thumb img{transition:none}}
/* Reserve the preview notice area before fixtures arrive; keep the lead stationary. */
.page-insights:not(.page-article) .pub-body>.pub-masthead{position:relative;padding-bottom:130px}
.page-insights:not(.page-article) .prototype-notice{position:absolute;inset-inline-start:0;bottom:64px;margin:0;padding-inline-start:14px;padding-inline-end:0}
@media(max-width:767px){
 .page-insights:not(.page-article) .pub-body>.pub-masthead{padding-bottom:136px}
 .page-insights:not(.page-article) .prototype-notice{bottom:32px;max-width:100%}
}

/* Completion pass: expand the existing interactions, keeping each mechanism distinct. */
.page-experience{--sage:#DCE6DC;--blue:#DDE7EE;--teal:#648B87;margin-top:48px;border-radius:12px;background:#F4F4F4}
.page-experience .experience-svg{max-height:none;width:100%;margin:0}
.page-experience .experience-heading{padding:28px 40px 0}
.page-experience .experience-controls{padding:24px 32px 28px}
.experience-controls button,.exp-action{transition:transform var(--motion-fast) var(--motion-ease),background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast)}
/* Related systems. Information gathers underneath the work that creates it. */
.cap-scene{position:relative;margin-top:24px}
.cap-lane-label{position:absolute;inset:0 40px;display:flex;flex-direction:column;justify-content:space-between;padding:0 0 12%;pointer-events:none;color:var(--muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em}
.cap-scene .experience-svg{padding-top:24px}
.cap-work,.cap-info{transition:opacity var(--motion-resolve) var(--motion-ease)}
.work-station rect{fill:#FEFDFC;stroke:#C2CCC6;stroke-width:1}.work-station path{stroke:#6D8178;fill:none;stroke-width:1.5}
.cap-work .exp-route{stroke:#9CAC9F;stroke-width:2}.cap-packet{fill:var(--signal);opacity:0}
.cap-record rect{fill:#DFE7EB;stroke:#BCCCD0;stroke-width:1}.cap-record path{stroke:#869C9F;fill:none}
.cap-record{transition:transform var(--motion-resolve) var(--motion-ease),opacity var(--motion-fast)}
.cap-record-bed{fill:#EFF2F1;stroke:#D0DAD3;stroke-dasharray:3 5;opacity:.6}
.cap-transfer{stroke:#CBD3CD;stroke-dasharray:3 5;fill:none;transition:opacity var(--motion-resolve)}
.cap-understanding{fill:#FEFDFC;stroke:#A8BFB5;stroke-width:1.5}.cap-insight-mark{stroke:#6A8A7E;fill:none;stroke-width:4}
.cap-info-route{stroke:#94ACA4}.cap-couple{stroke:var(--signal);stroke-width:2;opacity:0;transition:opacity var(--motion-resolve)}.cap-couple-dot{fill:var(--signal);opacity:0;transition:opacity var(--motion-resolve)}
.capabilities-experience[data-mode=both] :is(.cap-couple,.cap-couple-dot){opacity:1}
.capabilities-experience:not([data-mode=both]) .cap-transfer{opacity:.15}
.capabilities-experience[data-mode=work] .cap-info,.capabilities-experience[data-mode=info] .cap-work{opacity:.22}
.cap-outcome{display:flex;align-items:center;justify-content:center;gap:32px;padding:8px 24px 16px;font-size:1.0625rem;color:var(--ink)}
.cap-outcome i{font-style:normal;color:var(--signal)}.cap-outcome span{transition:opacity var(--motion-resolve),transform var(--motion-resolve) var(--motion-ease)}
.capabilities-experience:not([data-mode=both]) .cap-outcome span{opacity:.35;transform:translateY(4px)}
.capabilities-experience[data-mode=work] .cap-outcome span:first-child,.capabilities-experience[data-mode=info] .cap-outcome span:nth-of-type(2){opacity:1;transform:none}
/* Routine paths pass the review zone; the uncertain case waits for deliberate input. */
.workflow-experience .experience-svg{min-height:380px;padding:32px 0}
.workflow-experience .review-zone{fill:#EEE8E9;stroke:#BC8893;stroke-width:1.5}
.workflow-experience .review-diamond{fill:#FEFDFC;stroke:var(--signal);stroke-width:2}
.workflow-experience .wf-wait{opacity:0}.wf-token{fill:#678A7C;stroke:#FEFDFC;stroke-width:2;opacity:0}
.wf-review-case{fill:var(--signal);opacity:1;transform:translate(408px,180px)}
.wf-hold{fill:none;stroke:var(--signal);stroke-width:3;transition:opacity var(--motion-fast)}
.workflow-experience[data-state=resolved] .wf-hold{opacity:0}.workflow-experience[data-state=resolved] .wf-review-case{opacity:0}
.workflow-experience .wf-after{stroke-dasharray:4 8;opacity:.45}
.workflow-experience[data-state=resolved] .wf-after{opacity:1;stroke-dasharray:none}
.workflow-experience .experience-stages{margin:0 40px;padding-bottom:32px}.workflow-experience .experience-stages li{padding-top:16px}
.workflow-experience .experience-footer{min-height:104px;background:#FEFDFC}
.exp-action:disabled{opacity:.5;cursor:wait}.workflow-state{max-width:30em}
/* Evidence gathers, a signal is isolated, and its basis travels to a decision. */
.bi-field{position:relative;padding:16px 0 8px}

.bi-decision rect{fill:#FEFDFC;stroke:#CFCFCF}.bi-decision path{stroke:var(--paper);fill:none;stroke-width:2;opacity:0;transition:opacity var(--motion-fast)}
.bi-decision{opacity:.3;transition:opacity var(--motion-resolve),transform var(--motion-resolve) var(--motion-ease);transform:translateX(12px)}

/* About: a major opening interaction, with a compact result above its disclosed basis. */
.about-visual-hero .pg-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:64px;align-items:center;margin-top:24px}
.about-visual-hero .pg-hero-main{grid-column:auto}.about-visual-hero .pg-h1{margin-top:0;font-size:clamp(2.25rem,3vw,3.125rem)}
.about-visual-hero .pg-hero-lede{font-size:1.0625rem}

/* The Review Brief. A composition, not a transcription of private form contents. */
.contact-aside{align-self:start;padding-top:40px}.request-summary{padding:28px 24px;margin-bottom:40px;min-height:520px}
.request-summary .aside-title{margin-bottom:8px}

/* Editorial hierarchy: selection first, discovery second, metadata last. */
.page-insights:not(.page-article) .feature-lead .story-foot,.page-insights:not(.page-article) .featured-secondary,.page-insights:not(.page-article) .latest-item{border:0}
.page-insights:not(.page-article) .feature-lead .story-title{font-size:clamp(2.25rem,3.8vw,3.75rem);letter-spacing:-.035em}
.page-insights:not(.page-article) .featured-secondary{padding-top:0;margin-top:88px}.page-insights:not(.page-article) .latest-article{border-radius:8px;transition:transform var(--motion-fast) var(--motion-ease),background var(--motion-fast)}
.disc-tags-secondary .disc-label{color:var(--muted)}.disc-tags-secondary .disc-tags{gap:4px 12px}.disc-tags-secondary .disc-tag{border-color:transparent;background:transparent;padding:5px 0;font-size:.75rem;color:var(--muted)}
.disc-tags-secondary .disc-tag[aria-pressed=true]{color:var(--signal);background:transparent;border-bottom-color:var(--signal);border-radius:0}
.prototype-popular ol{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:16px}.popular-entry{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;color:var(--ink);font-size:.8125rem;line-height:1.4;text-decoration:none}.popular-rank{font-family:'IBM Plex Mono',monospace;color:var(--signal);font-size:.6875rem;padding-top:2px}.popular-label{margin-top:8px;font-size:.625rem;letter-spacing:.03em;color:var(--muted)}
.prototype-read{font-family:'IBM Plex Mono','IBM Plex Sans Arabic',monospace;font-size:.625rem;line-height:1.6;color:var(--muted);margin-top:12px;text-transform:uppercase;letter-spacing:.04em}
.popular-entry:hover,.popular-entry:focus-visible{color:var(--signal)}
@media(max-width:1023px){
 .about-visual-hero .pg-hero-grid{grid-template-columns:1fr;gap:40px}.about-visual-hero .pg-hero-main{max-width:42rem}
 .contact-aside .request-summary{grid-column:1/-1;max-width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:32px;min-height:0}.request-summary .rs-note{align-self:start}
 .cap-lane-label{inset-inline:24px}.page-experience .experience-heading{padding-inline:24px}
}
@media(max-width:600px){
 .page-experience .experience-heading{padding:24px 20px 0}.page-experience .experience-controls{padding:16px;gap:6px}.page-experience .experience-controls button{font-size:.75rem;padding:10px 12px}
 .cap-scene{margin-top:32px;overflow:hidden}.cap-scene .experience-svg{width:130%;margin-left:-15%;padding:28px 0 12px}.cap-lane-label{inset-inline:20px;font-size:.5625rem;padding-bottom:11%}
 .cap-outcome{gap:8px;font-size:.75rem;padding:16px;text-align:center}.cap-outcome span{max-width:7em}
 .workflow-experience .experience-svg{min-height:260px;width:160%;margin-left:-30%;padding:24px 0}.workflow-experience .experience-stages{margin:0 20px;padding-bottom:24px;gap:16px}.workflow-experience .experience-footer{padding:20px}
 
 
 
 .contact-aside .request-summary{display:block;padding:24px;min-height:0}
 .page-insights:not(.page-article) .featured-secondary{margin-top:56px}.popular-entry{min-height:44px;align-items:center}.prototype-popular ol{gap:8px}
}
@media(prefers-reduced-motion:reduce){
 .page-experience *,.request-summary *,.page-insights .latest-article{transition:none!important;animation:none!important}
}
.cap-human-boundary rect{fill:#FEFDFC;stroke:var(--signal);stroke-width:1.5}.cap-human-boundary path{fill:none;stroke:var(--signal);stroke-width:2}.cap-human-boundary{opacity:1;transition:opacity var(--motion-resolve)}.capabilities-experience[data-mode=info] .cap-human-boundary{opacity:.15}

.capabilities-experience{display:flex;flex-direction:column}.capabilities-experience .experience-heading{order:0}.capabilities-experience .experience-controls{order:1;justify-content:flex-start;padding:24px 40px 0}.capabilities-experience .cap-scene{order:2}.capabilities-experience .cap-outcome{order:3;padding-bottom:32px}
.page-insights:not(.page-article) .disc-label{border-top:0;padding-top:0}.page-insights:not(.page-article) .disc-topic{border-bottom:0}.page-insights:not(.page-article) .disc-group+.disc-group{margin-top:40px}
@media(min-width:1024px){.contact-aside{grid-column:1/span 5}.request-summary{min-height:560px}}
@media(max-width:600px){.capabilities-experience .experience-controls{padding:20px 16px 0}.capabilities-experience .cap-outcome{padding-bottom:24px}}
@media(max-width:600px){.cap-scene .experience-svg{width:100%;margin:0;min-height:210px}}