/* Who It's For — composes approved site.css / scenes.css system. No new colours or typefaces. */
.wf-sec{padding:clamp(96px,12vh,128px) 0}
.wf-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-64);align-items:end}
.wf-head .mk-head{max-width:18ch}

/* 01 Hero — full-bleed operational photograph */
.wfh{position:relative;overflow:hidden;background:var(--fid-plum-050);min-height:min(100svh,960px);box-sizing:border-box;display:flex;align-items:center;padding:calc(var(--hdr-h) + clamp(32px,6vh,72px)) 0 clamp(56px,9vh,96px)}
.wfh__bg{position:absolute;inset:0;z-index:0}
.wfh__img{position:absolute;inset:-16px 0 0;background:url("../assets/wf-hero-retail.png") center right/cover no-repeat;transform:translateY(var(--hy,0px));animation:fid-fade 500ms var(--ease-out) both}
.wfh__veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(244,239,245,.97) 0%,rgba(244,239,245,.92) 32%,rgba(244,239,245,.5) 46%,rgba(244,239,245,.06) 60%,rgba(244,239,245,0) 72%)}
.wfh__in{position:static;z-index:1;width:100%;display:flex;flex-direction:column}
.wfh__text{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(16px,3vh,32px);max-width:min(48%,640px)}
.wfh__h{font-size:min(var(--mk-head-size),6.6vh);line-height:1.1;max-width:17ch}
.wfh__tag{position:absolute;z-index:1;inset-inline-end:max(var(--pad-x),calc((100% - var(--wrap)) / 2));bottom:clamp(20px,4vh,40px);display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);background:rgba(255,255,255,.86);border-radius:var(--radius-control);font:var(--type-label);color:var(--text-heading)}
@media (max-width:1099px){
.wfh__img{background-position:72% center}
.wfh{min-height:0;align-items:flex-start;padding-bottom:calc(var(--space-80) + var(--space-24))}
.wfh__text{max-width:640px}
.wfh__veil{background:linear-gradient(180deg,rgba(244,239,245,.97) 0%,rgba(244,239,245,.94) 55%,rgba(244,239,245,.72) 80%,rgba(244,239,245,.4) 100%)}
.wfh__tag{bottom:var(--space-24)}
}

/* 02 Operating model */
.wfo{background:var(--surface-app)}
.wfo__stick{padding-top:var(--hdr-h);box-sizing:border-box;display:flex;align-items:center}
.wfo__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-64);align-items:center}
.wfo__copy{padding-top:clamp(16px,2.6vh,28px)}
.wfo__copy .wfo__h{margin-top:var(--space-16)}
.wfo__h{font-size:min(var(--mk-head-size),6.2vh);line-height:1.1;max-width:15ch}
.wfo__list{list-style:none;margin:clamp(16px,3vh,32px) 0 0;padding:0;border-top:var(--border-w) solid var(--border-default)}
.wfo__list li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 var(--space-12);padding:clamp(8px,1.3vh,12px) 0;border-bottom:var(--border-w) solid var(--border-default);color:var(--text-muted);transition:color 300ms var(--ease-standard)}
.wfo__n{font:var(--type-label);font-variant-numeric:tabular-nums;padding-top:var(--space-4)}
.wfo__t{font:var(--type-h4)}
.wfo__list li.is-on{color:var(--text-heading)}.wfo__list li.is-on .wfo__n{color:var(--sem-inprogress-text)}
.wfo__d{grid-column:2;display:grid;grid-template-rows:0fr;transition:grid-template-rows 400ms var(--ease-out)}
.wfo__d>span{overflow:hidden;font:var(--type-body);color:var(--text-default);text-wrap:pretty}
.wfo__list li.is-cur .wfo__d{grid-template-rows:1fr}.wfo__list li.is-cur .wfo__d>span{padding-top:var(--space-4)}
.wfo--m{padding:var(--space-80) 0}.wfo--m .wfo__copy{padding-top:0}.wfo--m .wfo__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-48)}.wfo--m .wfo__d{grid-template-rows:1fr}
.wfo__cap{margin-top:var(--space-16);text-align:center}

.wfd{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:600px;margin-inline:auto}
.wfd__lane{display:flex;flex-direction:column;gap:var(--space-8);padding:clamp(8px,1.4vh,12px) var(--space-16);background:var(--surface-card);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius-card);transition:border-color 300ms var(--ease-standard)}
.wfd__lbl{font:var(--type-label);color:var(--text-muted);transition:color 300ms var(--ease-standard)}
.wfd__lane.is-on .wfd__lbl{color:var(--text-heading)}
.wfd__chips{display:flex;flex-wrap:wrap;gap:var(--space-8);min-height:30px}
.wfd__c{display:inline-flex;align-items:center;gap:var(--space-6-sub);padding:var(--space-4) var(--space-12);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-card);font:var(--type-ui-medium);color:var(--text-heading);white-space:nowrap;opacity:0;transition:opacity 400ms var(--ease-out)}
.wfd__c.is-on{opacity:1}.wfd__c.is-cur{border-color:var(--fid-violet);box-shadow:0 0 0 1px var(--fid-violet)}
.wfd__c .fid-icon{color:var(--fid-plum)}
.wfd__lane--unit .wfd__c{border:var(--border-w-strong) solid var(--fid-plum-300);border-radius:var(--radius-pill)}
.wfd__lane--ch .wfd__c{border-style:dashed;border-color:var(--fid-grey-400);color:var(--text-default)}.wfd__lane--ch .wfd__c .fid-icon{color:var(--text-muted)}
.wfd__lane--gov.is-on{border-color:var(--fid-plum-200)}
.wfd__lane--gov .wfd__c{background:var(--fid-plum-050);border-color:var(--fid-plum-200)}
.wfd__lane--mg{background:var(--fid-plum-deep);border-color:var(--fid-plum-deep)}
.wfd__lane--mg .wfd__lbl{color:var(--text-on-shell-muted)}.wfd__lane--mg.is-on .wfd__lbl{color:var(--fid-white)}
.wfd__lane--mg .wfd__c{background:transparent;border-color:var(--border-on-shell);color:var(--fid-white);white-space:normal}.wfd__lane--mg .wfd__c .fid-icon{color:var(--fid-violet-200)}
.wfd__arr{display:flex;justify-content:center;height:clamp(16px,2.6vh,24px);align-items:center;color:var(--fid-plum-400)}

/* 03 Sector explorer */
.wfs{background:var(--fid-white)}
.wfs__wrap{display:flex;flex-direction:column;gap:clamp(12px,2vh,20px)}
.wfs__top{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(380px,1.7fr) minmax(300px,1.25fr);gap:var(--space-16) var(--space-32);align-items:start}
.wfs__th{grid-column:1 / 3}
.wfs__top>:last-child{grid-column:3;align-self:end}
.wfs__th{display:flex;flex-direction:column;gap:var(--space-12)}
.wfs__h{font-size:min(var(--text-h1),5.4vh);line-height:1.2;max-width:30ch}
.wfs__top .mk-body{max-width:44ch}
.wfs__ex{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(380px,1.7fr) minmax(300px,1.25fr);gap:var(--space-32);align-items:stretch}
.wfs__ex>*{min-width:0}
.wfs__sel{list-style:none;margin:0;padding:0;border-top:var(--border-w) solid var(--border-default);align-self:start}
.wfs__sel button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);width:100%;min-height:44px;padding:var(--space-8) 0;background:none;border:0;border-bottom:var(--border-w) solid var(--border-default);box-shadow:inset 0 -2px 0 transparent;font:var(--type-ui-medium);color:var(--text-muted);cursor:pointer;text-align:start;transition:color 180ms var(--ease-standard),box-shadow 180ms var(--ease-standard)}
.wfs__sel button:hover{color:var(--text-heading)}
.wfs__sel button.is-on{color:var(--text-heading);font-weight:var(--weight-semibold);box-shadow:inset 0 -2px 0 var(--fid-plum)}
.wfs__sel button .fid-icon{flex:none;opacity:0}.wfs__sel button.is-on .fid-icon{opacity:1;color:var(--fid-violet)}
.wfs__sel button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}
.wfs__img{align-self:stretch;min-height:390px;max-height:470px;border-radius:var(--radius-card);overflow:hidden;background:var(--surface-sunken);animation:fid-fade 220ms var(--ease-out)}
.wfs__img image-slot{display:block;width:100%;height:100%}
.wfs__det{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-20);background:var(--surface-card);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius-card);animation:fid-rise 300ms var(--ease-out)}
.wfs__name{font:var(--type-h3);color:var(--text-heading)}
.wfs__units{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-6-sub)}
.wfs__units li{display:inline-flex;align-items:center;gap:var(--space-6-sub);font:var(--type-ui-medium);color:var(--text-heading);padding:var(--space-2-sub) var(--space-8);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-control)}
.wfs__lbl{font:var(--type-label);color:var(--text-muted)}
@media (min-width:1100px){.wf-sec.wfs{padding:clamp(12px,2.5vh,28px) 0 clamp(20px,3vh,32px);min-height:calc(100svh - var(--hdr-h));box-sizing:border-box;display:flex;align-items:flex-start}.wfs__wrap{width:100%;box-sizing:border-box;max-width:calc(var(--wrap) + 2 * var(--pad-x))}}
@media (min-width:1100px) and (max-height:760px){.wf-sec.wfs{padding:var(--space-8) 0}.wfs__wrap{gap:var(--space-12)}.wfs__img{min-height:0;max-height:none}.wfs__det{padding:var(--space-16);gap:10px}.wfs__h{font-size:min(var(--text-h1),4.8vh)}}
@media (max-width:1099px){.wfs__top,.wfs__ex{grid-template-columns:minmax(0,1fr);gap:var(--space-24)}.wfs__th,.wfs__top>:last-child{grid-column:auto}.wfs__h{font-size:var(--text-h1);line-height:var(--leading-h1)}.wfs__img{height:auto;min-height:0;max-height:none;aspect-ratio:4/3}}

/* 05 Triggers */
.wft .pin__stick{padding-top:var(--hdr-h);box-sizing:border-box;display:flex;align-items:center}
.wft__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-64);align-items:center}
.wft__h{font-size:min(var(--mk-head-size),6.2vh);line-height:1.1;max-width:14ch}
.wft__left{display:flex;flex-direction:column;gap:clamp(20px,3.6vh,32px)}
.wft__stmt{font:var(--type-h3);color:var(--fid-white);padding-top:var(--space-20);border-top:2px solid var(--fid-violet-200);max-width:22ch}
.wft__spend{font:var(--type-meta);color:var(--text-on-shell-muted);max-width:52ch;text-wrap:pretty}
.wft__list{position:relative;list-style:none;margin:0;padding:0 0 0 var(--space-32)}
[dir="rtl"] .wft__list{padding:0 var(--space-32) 0 0}
.wft__meter{position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;border-radius:var(--radius-pill);background:var(--border-on-shell);overflow:hidden}
.wft__meter i{position:absolute;inset-inline:0;top:0;height:var(--f,0%);background:var(--fid-violet-200);border-radius:inherit;transition:height 400ms var(--ease-out)}
.wft__list li{display:grid;grid-template-columns:36px minmax(0,1fr);padding:clamp(8px,1.5vh,14px) 0;border-bottom:var(--border-w) solid var(--border-on-shell);font:var(--type-body-lg);color:var(--text-on-shell-muted);transition:color 300ms var(--ease-standard)}
.wft__list li span{font:var(--type-label);font-variant-numeric:tabular-nums;padding-top:var(--space-4)}
.wft__list li.is-on{color:var(--fid-white)}.wft__list li.is-on span{color:var(--fid-violet-200)}
.wft--m{padding:var(--space-80) 0}.wft--m .wft__grid{grid-template-columns:minmax(0,1fr);gap:var(--space-40)}

/* 07 Not a fit */
.wfn{background:var(--surface-app)}
.wfn__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-64);align-items:start}
.wfn__list{list-style:none;margin:var(--space-48) 0 0;padding:0;border-top:var(--border-w) solid var(--border-default)}
.wfn__list li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-16);padding:var(--space-24) 0;border-bottom:var(--border-w) solid var(--border-default)}
.wfn__n{font:var(--type-h3);color:var(--text-brand);font-variant-numeric:tabular-nums}
.wfn__t{font:var(--type-body-lg);color:var(--text-default);text-wrap:pretty;max-width:52ch;display:flex;flex-direction:column;gap:var(--space-12)}
.wfn__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-8)}
.wfn__chips li{display:block;padding:var(--space-4) var(--space-12);border:var(--border-w) solid var(--border-default);border-radius:var(--radius-control);font:var(--type-ui-medium);color:var(--text-heading);background:var(--surface-card)}
.wfn__pr{position:sticky;top:calc(var(--hdr-h) + var(--space-48));display:flex;flex-direction:column;gap:var(--space-16);padding-top:var(--space-24);border-top:2px solid var(--fid-plum);margin-top:var(--space-12)}
.wfn__pr p{font:var(--type-h2);color:var(--text-heading);text-wrap:balance}
.wfn__pr p+p{color:var(--fid-plum-600)}

/* 08 Fit summary + CTA */
.wfc.close{padding:clamp(56px,8vh,96px) 0 clamp(48px,7vh,72px)}
.wfc__in{display:flex;flex-direction:column;gap:clamp(32px,5vh,56px)}
.wfc__fit{display:flex;flex-direction:column;gap:var(--space-24);padding-bottom:clamp(28px,4.4vh,48px);border-bottom:var(--border-w) solid var(--border-on-shell)}
.wfc__fh{font:var(--type-h4);color:var(--fid-white)}
.wfc__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.6vh,24px) var(--space-48)}
.wfc__list li{display:flex;gap:var(--space-12);align-items:flex-start;font:var(--type-body-lg);color:var(--text-on-shell);text-wrap:pretty}
.wfc__list li .fid-icon{flex:none;margin-top:var(--space-4);color:var(--fid-violet-200)}
.wfc__roles{list-style:none;margin:0;padding:0 0 clamp(28px,4.4vh,48px);border-bottom:var(--border-w) solid var(--border-on-shell);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16) var(--space-48)}
.wfc__roles li{display:flex;flex-direction:column;gap:var(--space-4)}
.wfc__roles span{font:var(--type-label);color:var(--text-on-shell-muted)}
.wfc__roles b{font:var(--type-h3);color:var(--fid-white)}
.wfc__cta{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(40px,5vw,72px);align-items:start}
.wfc__h{font-size:min(var(--mk-head-size),6.6vh);line-height:1.1;max-width:16ch}
.wfc__act{display:flex;flex-direction:column;gap:var(--space-24);padding-top:.35em}
.wfc__act .row-gap{flex-wrap:wrap}.wfc__act .fid-btn{max-width:100%}

@media (max-width:1099px){
.wft__grid,.wfn__grid,.wfc__cta,.wf-head{grid-template-columns:minmax(0,1fr);gap:var(--space-40)}
.wfh__h,.wfo__h,.wft__h,.wfc__h{font-size:var(--mk-head-size);line-height:var(--mk-head-lead)}
.wfc__list{grid-template-columns:repeat(2,minmax(0,1fr))}
.wfn__pr{position:static}
.wfc__act{padding-top:0}
}
@media (max-width:640px){.wfc__list{grid-template-columns:minmax(0,1fr)}.wfc__roles{grid-template-columns:minmax(0,1fr)}.wfn__list li{grid-template-columns:40px minmax(0,1fr)}.wfn__pr p{font:var(--type-h3)}.wfd__c{font:var(--type-meta)}}

.wfo__stick>.wrap,.wft .pin__stick>.wrap{flex:1;min-width:0}
@media (min-width:1100px) and (max-height:760px){
.wfo__copy .wfo__h{margin-top:var(--space-12);font-size:min(var(--mk-head-size),5.6vh)}
.wfo__list{margin-top:var(--space-16)}
.wfo__list li{padding:var(--space-8) 0}
.wfo__list li.is-cur .wfo__d>span{padding-top:var(--space-2-sub)}
}
@media (min-width:1100px){.wfc.close{min-height:calc(100svh - var(--hdr-h));box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.wfc__in{width:100%;box-sizing:border-box;max-width:calc(var(--wrap) + 2 * var(--pad-x))}}