/* A navigational compass and service cards share one implementation chapter. */
#levels.implementation-chapter{padding:96px 0;background:#eef2f5;border:0;scroll-margin-top:100px}
#levels.implementation-chapter>.w{display:block!important;max-width:1360px}
.implementation-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:9%;align-items:start;margin-bottom:56px}
.page-index #levels .implementation-heading .h2{font-size:clamp(38px,4.4vw,62px);line-height:1.03;letter-spacing:-.045em;max-width:620px;margin:18px 0 24px}
.implementation-heading .lead{max-width:570px;font-size:17px;line-height:1.6}
#levels .implementation-depth .head{max-width:none;display:block}
.page-index #levels .implementation-depth .h2{font-size:27px;line-height:1.15;letter-spacing:-.025em;margin:5px 0 16px;max-width:330px}
.implementation-depth .lead{font-size:15px;line-height:1.6;margin:0 0 22px;max-width:530px}
.depth-disclosure{border-top:1px solid #bdcbd5;border-bottom:1px solid #bdcbd5}
.depth-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:18px 0;font-weight:500;list-style:none}
.depth-disclosure>summary::-webkit-details-marker{display:none}
.depth-disclosure>summary>span:last-child{font-size:24px;font-weight:300;transition:transform .2s}
.depth-disclosure[open]>summary>span:last-child{transform:rotate(45deg)}
.depth-body{padding:0 0 20px}
.depth-body .tree{width:100%;margin:0}
.depth-body .troot{font-size:11px}
.depth-body .folder-tab{padding:14px 12px}
.depth-body .folder-content{padding:0 16px 16px}
.depth-body .folder-tab h3{font-size:16px}
.depth-body .tfiles{font-size:13px}
#together.implementation-story{padding:0;border:0;background:transparent;scroll-margin-top:106px}
.implementation-stage{position:relative}
.implementation-stage-bar{display:flex;align-items:center;justify-content:space-between;min-height:34px;margin-bottom:22px}
.implementation-stage-bar .mono{font-size:10px;letter-spacing:.12em}
.implementation-view-toggle{font:400 12px var(--text);color:var(--ink);border:0;border-bottom:1px solid #9dacbb;background:transparent;padding:4px 0;cursor:pointer}
.implementation-view-toggle[hidden]{display:none}
.delivery-layout{display:block}
.delivery-dial{position:relative;min-width:0}
.delivery-compass{width:100%;display:block;color:#48677e}
.compass-rim{stroke-width:1;opacity:.5}
.compass-ticks{stroke-width:1;opacity:.65}
.compass-baseline{stroke-width:.8;opacity:.4}
.compass-progress{stroke:var(--flag);stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:0}
.compass-needle{transform-origin:500px 530px;stroke:var(--flag);stroke-width:1.4}
.needle-tail{stroke:#718699}
.compass-pivot{fill:var(--flag)}
.compass-pivot-ring{stroke:var(--flag);stroke-width:.8;opacity:.6}
.compass-directions{font:12px var(--mono)}
.compass-caption{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}
.compass-caption strong{display:block;font:600 clamp(17px,1.7vw,24px) var(--display);letter-spacing:-.04em}
.compass-caption span{display:block;margin-top:7px;font:10px var(--mono);letter-spacing:.04em;color:var(--muted)}
.delivery-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.delivery-card{padding:18px;background:rgba(255,255,255,.96);border:1px solid #dce3e9;border-radius:7px;min-width:0}
.delivery-number{display:block;font:500 27px var(--display);line-height:1;color:var(--flag);letter-spacing:-.04em;margin-bottom:11px}
.delivery-card h3{font:500 17px/1.14 var(--display);letter-spacing:-.025em;margin:0 0 9px;color:var(--ink)}
.delivery-card p{font:400 13px/1.45 var(--text);color:var(--muted);margin:0}
#support.implementation-support{padding:26px;background:#e3eaf0;border:0;border-radius:10px;scroll-margin-top:110px;min-width:0}
#support .head{margin:0;max-width:none;display:block}
#support .mono{font-size:9px;letter-spacing:.08em;color:#3a566b}
.page-index #support.implementation-support .h2{font:500 clamp(25px,2.2vw,31px)/1.07 var(--display);letter-spacing:-.035em;margin:14px 0 15px}
#support .lead{font-size:13px;line-height:1.5;margin:0}
.support-track{position:relative;display:grid;gap:11px;margin-top:26px;padding-left:19px}
.support-track-line{position:absolute;left:0;top:0;bottom:0;width:1px;background:#a6b8c6}
.support-track-line:after{content:"";position:absolute;inset:0;background:var(--flag);transform-origin:50% 100%;transform:scaleY(var(--support-progress,1))}
.support-card{position:relative;display:grid;grid-template-columns:22px 1fr;gap:8px;padding:16px 13px;background:#f9fbfc;border:1px solid #d0dbe3;border-radius:6px;align-items:start}
.support-card:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;left:-23px;top:22px;background:var(--flag);box-shadow:0 0 0 4px #e3eaf0}
.support-card>span{font:400 10px var(--mono);color:#677e90;padding-top:3px}
.support-card h4{font:500 17px/1.2 var(--display);margin:0;letter-spacing:-.02em}
.implementation-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px;min-height:30px;font:400 11px var(--mono);color:var(--muted)}
.implementation-scroll-note{display:none}
.implementation-stops{display:flex;gap:6px}
.implementation-stops a{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;color:#567085;text-decoration:none;font:400 10px var(--mono)}
.implementation-stops a[aria-current]{background:var(--ink);color:white}
.implementation-stops a:hover{background:#d7e1e9}
.implementation-stops a[aria-current]:hover{background:var(--ink)}
.implementation-stops a:nth-child(6){margin-left:9px}
.implementation-continue{color:var(--ink);text-decoration:none;padding:8px 0}
.implementation-announcement{position:absolute;overflow:hidden;clip-path:inset(50%);width:1px;height:1px;white-space:nowrap}
.implementation-chapter :focus-visible{outline:2px solid var(--flag);outline-offset:5px}
[data-implementation-mode="static"] .delivery-compass{max-width:860px;margin:0 auto 25px}
[data-implementation-mode="static"] .compass-caption{display:none}
[data-implementation-mode="static"] .delivery-layout{align-items:start}
[data-implementation-mode="static"] .delivery-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
[data-implementation-mode="static"] .implementation-support{margin-top:36px}
@media(max-width:1100px){.delivery-layout{gap:18px;grid-template-columns:minmax(0,2fr) 280px}#support.implementation-support{padding:22px}.implementation-intro{gap:6%}}
@media(max-width:1199px),(max-height:759px){#levels.implementation-chapter{padding:72px 0}.implementation-intro{gap:40px;margin-bottom:35px}.delivery-layout{display:block}.delivery-dial{margin-bottom:30px}.delivery-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.delivery-compass{max-height:230px}#support.implementation-support{padding:28px}#support .head{max-width:560px}.support-track{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.support-track-line,.support-card:before{display:none}.implementation-controls{justify-content:flex-end}.implementation-stops{display:none}.page-index #levels .implementation-heading .h2{font-size:42px}}
@media(max-width:640px){.implementation-intro{grid-template-columns:1fr;gap:35px}.page-index #levels .implementation-heading .h2{font-size:38px;max-width:400px}.implementation-heading .lead{font-size:16px}.page-index #levels .implementation-depth .h2{font-size:26px;max-width:300px}.delivery-cards{grid-template-columns:1fr}.delivery-card{display:grid;grid-template-columns:40px 1fr;gap:7px 12px;padding:20px}.delivery-number{grid-row:1/3;margin:0;font-size:29px}.delivery-card h3{font-size:20px;margin:0}.delivery-card p{font-size:14px;grid-column:2}.support-track{grid-template-columns:1fr;padding-left:19px}.support-track-line,.support-card:before{display:block}#support.implementation-support{padding:25px}.implementation-stage-bar{margin-bottom:10px}.depth-body .folder-tab{gap:8px}.depth-body .folder-tab h3{font-size:15px}.depth-body .tag{font-size:9px}.implementation-controls{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.implementation-chapter *{scroll-behavior:auto!important;transition:none!important}}

/* Shared chapter label above the implementation introduction. */
.implementation-eyebrow{margin-bottom:18px}
.page-index #levels .implementation-heading .h2,
.page-index #levels .implementation-depth .h2{margin-top:0}

/* The full-size compass completes before the support phase begins. */
[data-implementation-mode="story"]{height:calc(var(--implementation-stage-height) + var(--implementation-travel))}
[data-implementation-mode="story"] .implementation-stage{position:sticky;top:100px;height:var(--implementation-stage-height);display:flex;flex-direction:column}
[data-implementation-mode="story"] .delivery-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:0;flex:1;min-height:0}
[data-implementation-mode="story"] .delivery-dial{grid-area:1/1;width:min(100%,var(--implementation-dial-width));aspect-ratio:1000/650;height:auto;max-height:none;margin:0 auto;opacity:1;visibility:visible;transform:translateY(0);transition:opacity .4s,transform .5s,visibility .4s}
[data-implementation-mode="story"] .delivery-compass{width:100%;height:100%;max-height:none}
[data-implementation-mode="story"] .delivery-cards{display:contents}
[data-implementation-mode="story"] .delivery-card{position:absolute;left:var(--card-x);top:var(--card-y);width:20%;padding:clamp(14px,1.5vw,22px);transform:translate(-50%,calc(-50% + 22px));opacity:0;visibility:hidden;transition:opacity .32s,transform .45s,visibility .32s,border-color .3s}
[data-implementation-mode="story"] .delivery-card.is-revealed{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
[data-implementation-mode="story"] .delivery-card.is-active{border-color:#B06B78;box-shadow:0 5px 22px #243f5610}
[data-implementation-mode="story"] .delivery-card h3{font-size:clamp(15px,1.6vw,22px)}
[data-implementation-mode="story"] .delivery-card p{font-size:clamp(12px,1.05vw,15px)}
[data-implementation-mode="story"] .delivery-number{font-size:clamp(28px,3vw,42px)}
.page-index [data-implementation-mode="story"] #support{grid-area:1/1;width:100%;max-width:1120px;box-sizing:border-box;justify-self:center;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:7%;padding:clamp(28px,4vw,56px);margin:0;opacity:0;visibility:hidden;transform:translateY(40px);transition:opacity .4s,transform .5s,visibility .4s}
.page-index [data-implementation-mode="story"] #support .head{max-width:none}
.page-index [data-implementation-mode="story"] #support .h2{font-size:clamp(32px,3.8vw,51px);line-height:1.08;margin:18px 0 20px}
.page-index [data-implementation-mode="story"] #support .lead{font-size:15px;line-height:1.55}
[data-implementation-mode="story"] .support-track{grid-template-columns:1fr;gap:18px;margin:0;padding-left:23px}
[data-implementation-mode="story"] .support-track-line{display:block}
[data-implementation-mode="story"] .support-track-line:after{transform-origin:50% 0}
[data-implementation-mode="story"] .support-card{display:grid;grid-template-columns:25px 1fr;gap:12px;padding:22px 20px;opacity:0;visibility:hidden;transform:translateY(35px);transition:opacity .35s,transform .5s,visibility .35s,border-color .3s}
[data-implementation-mode="story"] .support-card:before{display:block;left:-27px;top:31px}
[data-implementation-mode="story"] .support-card h4{font-size:clamp(19px,2vw,26px)}
[data-implementation-mode="story"] .support-card.is-revealed{opacity:1;visibility:visible;transform:translateY(0)}
[data-implementation-mode="story"] .support-card.is-active{border-color:#B06B78}
[data-implementation-mode="story"] .implementation-controls{justify-content:space-between}
[data-implementation-mode="story"] .implementation-stops{display:flex}
[data-implementation-mode="story"] .implementation-scroll-note{display:block}
[data-implementation-mode="story"][data-implementation-phase="support"] .delivery-dial{opacity:0;visibility:hidden;transform:translateY(-32px);pointer-events:none}
[data-implementation-mode="story"][data-implementation-phase="support"] .delivery-card{visibility:hidden}
.page-index [data-implementation-mode="story"][data-implementation-phase="support"] #support{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:640px){[data-implementation-mode="static"] .delivery-cards{grid-template-columns:1fr}}
@media(min-width:900px) and (max-height:800px){
 [data-implementation-mode="story"] .delivery-card{padding:13px 12px}
 [data-implementation-mode="story"] .delivery-card:first-child,[data-implementation-mode="story"] .delivery-card:last-child{top:79%}
 [data-implementation-mode="story"] .delivery-card h3{font-size:15px}
 [data-implementation-mode="story"] .delivery-card p{font-size:12px}
 [data-implementation-mode="story"] .delivery-number{font-size:28px}
 .page-index [data-implementation-mode="story"] #support{padding:28px;gap:5%}
 .page-index [data-implementation-mode="story"] #support .h2{font-size:34px}
 .page-index [data-implementation-mode="story"] #support .lead{font-size:14px}
 [data-implementation-mode="story"] .support-card{padding:18px 16px}
 [data-implementation-mode="story"] .support-card h4{font-size:20px}
}

/* A broad introduction followed by the survey and its open folder structure. */
.implementation-intro{grid-template-columns:minmax(0,1fr);gap:80px;margin-bottom:88px}
.implementation-heading{container-type:inline-size}
.page-index #levels .implementation-heading .h2{font-size:min(76px,10.5cqw);max-width:none;line-height:1.04;margin-bottom:28px}
.implementation-title-line{display:block;white-space:nowrap}
.implementation-heading .lead{max-width:920px;font-size:18px;line-height:1.65}
.implementation-depth{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7%;align-items:start}
.implementation-depth .lead{max-width:530px}
.page-index #levels .implementation-depth .h2{font-size:32px;max-width:430px}
@media(max-width:900px){
 .implementation-intro{gap:64px;margin-bottom:64px}
 .implementation-depth{grid-template-columns:minmax(0,1fr);gap:28px}
 .implementation-depth .lead{max-width:680px;margin-bottom:0}
}
.compass-rim{stroke-width:1;opacity:.38}
.compass-rim:last-of-type{opacity:.18}
.compass-ticks{stroke-width:.9;opacity:.52}
.compass-construction{stroke-width:.7;stroke-dasharray:3 7;opacity:.2}
.compass-rose{stroke-width:1;opacity:.55}
.rose-facet{fill:#7e9aad;fill-opacity:.09}
.compass-degree-labels{font:9px var(--mono);letter-spacing:.06em;opacity:.75}
.compass-directions{font:500 19px var(--mono);letter-spacing:.06em}
.compass-directions .north{fill:var(--flag)}
.compass-directions .intercardinal{font-size:10px;opacity:.65}
.compass-progress{stroke-width:1.7}
.compass-needle{transform-origin:500px 390px;stroke-width:1.1}
.needle-point{fill:var(--flag);fill-opacity:.12}
.needle-tail{fill:#7f98ab;fill-opacity:.12}
.compass-pivot-ring{fill:#eef2f5;stroke:#7890a3;opacity:1}
.compass-caption{top:66%;padding:8px 18px;background:#eef2f5}
.compass-caption strong{font-size:17px}
.compass-caption span{font-size:9px}
[data-implementation-mode="story"] .delivery-dial{aspect-ratio:1000/760}
[data-implementation-mode="story"] .delivery-card{width:22%;padding:18px;border-radius:3px;background:#f7f9fbe8;box-shadow:none}
[data-implementation-mode="story"] .delivery-card.is-active{box-shadow:0 8px 30px #243f5608}
[data-implementation-mode="story"] .delivery-card:nth-child(1){left:12%;top:67%}
[data-implementation-mode="story"] .delivery-card:nth-child(2){left:17%;top:28%}
[data-implementation-mode="story"] .delivery-card:nth-child(3){left:50%;top:10%}
[data-implementation-mode="story"] .delivery-card:nth-child(4){left:83%;top:28%}
[data-implementation-mode="story"] .delivery-card:nth-child(5){left:88%;top:67%}
/* Flat service cards beside the supporting introduction. */
#support.implementation-support{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:7%;padding:32px 0;background:transparent;border-radius:0}
.page-index #support.implementation-support .h2{font-size:clamp(32px,3.8vw,51px);line-height:1.08}
#support .lead{font-size:15px;line-height:1.55}
.page-index [data-implementation-mode="story"] #support{background:transparent;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7%;padding:0;max-width:1220px}
#support .support-track{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0}
#support .support-card{position:relative;width:auto;grid-template-columns:32px minmax(0,1fr);gap:20px;padding:28px 0;background:transparent;border:0;border-top:1px solid #c6d3dd;border-radius:0;align-items:baseline}
#support .support-card:last-child{border-bottom:1px solid #c6d3dd}
#support .support-card:before{display:none}
#support .support-card>span{font-size:12px;color:var(--flag);padding:0}
#support .support-card h4{font-size:clamp(22px,2.1vw,30px);line-height:1.2}
@media(max-width:760px){
 #support.implementation-support{grid-template-columns:minmax(0,1fr);gap:30px;padding:28px 0}
 #support .support-card{padding:24px 0;gap:14px;grid-template-columns:26px minmax(0,1fr)}
 .page-index #support.implementation-support .h2{font-size:32px}
}
@media(min-width:900px) and (max-height:800px){
 [data-implementation-mode="story"] .delivery-card{padding:12px}
 [data-implementation-mode="story"] .support-card{padding:17px 10px}
}
@media(max-width:640px){
 .implementation-intro{gap:56px;margin-bottom:56px}
 .implementation-heading .lead{font-size:16px}
 .page-index #levels .implementation-depth .h2{font-size:26px}
}