/* Reading-led extension of the approved B visual world. Scoped to this page. */
.s-page{--s-surface:#f5f7fb;--s-rule:#dce2eb;--s-muted:#5e6d82;--s-diagram-line:#aac4ed;color:var(--b-ink)}
.s-page :is(section,details)[id]{scroll-margin-top:calc(var(--b-header) + 24px)}
.s-page h2{font-size:42px;line-height:1.35;font-weight:700;letter-spacing:-.025em}
.s-page-hero{padding-bottom:48px}
.s-page-hero p{max-width:720px}
.s-page-nav{display:flex;align-items:center;justify-content:center;gap:42px;background:var(--s-surface);padding:0 var(--b-gutter) 24px;border-bottom:1px solid var(--s-rule)}
.s-page-nav a{display:flex;align-items:center;min-height:44px;font-size:14px;color:#3e5272;border-bottom:1px solid transparent}
.s-page-nav a:hover{color:var(--b-blue);border-color:var(--b-blue)}
.s-overview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:72px;align-items:center;padding-block:72px 84px}
.s-overview h2{font-size:44px}.s-overview h2 span{color:var(--b-blue)}
.s-product-name{font-size:15px;font-weight:550;margin:12px 0 24px}
.s-overview-lead{font-size:16px;line-height:1.95;color:var(--s-muted);max-width:450px;text-wrap:pretty}
.s-outcomes{list-style:none;margin:28px 0;padding:0;display:grid;grid-template-columns:repeat(2,max-content);gap:12px 30px;font-size:15px;font-weight:550}
.s-outcomes li{display:flex;gap:10px;align-items:center}.s-outcomes li::before{content:'';width:6px;height:6px;background:var(--b-blue);border-radius:50%;flex:none}
.s-guide{display:flex;gap:20px;align-items:center;margin-top:16px}.s-guide img{display:block;width:132px;height:132px;object-fit:contain;mix-blend-mode:darken}.s-guide p{font-size:20px;line-height:1.65;font-weight:550}
.s-architecture{margin:0;background:var(--s-surface);padding:30px 28px 18px;border-radius:16px;min-width:0}
.s-architecture svg{stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}
.s-architecture-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-bottom:26px;position:relative}
.s-architecture-inputs>span{display:flex;gap:8px;align-items:center;justify-content:center;font-size:14px;font-weight:550;white-space:nowrap}
.s-architecture-inputs>span svg{color:var(--b-blue)}
.s-architecture-inputs::after{content:'';position:absolute;bottom:0;left:16%;right:16%;height:16px;border:1px solid var(--s-diagram-line);border-top:0}
.s-architecture-core{position:relative;background:var(--b-blue);color:#fff;text-align:center;padding:24px 16px;margin-top:16px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.s-architecture-core h3{font-size:24px;line-height:1.5;letter-spacing:-.02em}
.s-architecture-core ol{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 18px;margin:12px 0 0;padding:0;color:#eef4ff;font-size:12px}
.s-architecture-core li{display:flex;gap:15px;align-items:center}
.s-architecture-core li:not(:last-child)::after{content:'';width:5px;height:5px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.s-architecture-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:28px 0 24px;border-bottom:1px solid var(--s-diagram-line);position:relative}
.s-architecture-tools::before{content:'';height:18px;width:1px;background:var(--s-diagram-line);position:absolute;top:0;left:50%}
.s-architecture-tools>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 8px;align-items:center}
.s-architecture-tools svg{grid-row:span 2;color:var(--b-blue)}
.s-architecture-tools strong{font-size:14px;font-weight:550}.s-architecture-tools span{font-size:12px;color:var(--s-muted)}
.s-architecture-result{display:flex;justify-content:center;gap:20px;padding:18px 0;font-size:14px;color:#294a76;font-weight:550}
.s-architecture-result span+span{border-left:1px solid var(--s-diagram-line);padding-left:20px}
.s-architecture figcaption{font-size:11px;color:var(--s-muted);display:flex;justify-content:space-between;gap:12px}
.s-section-heading{text-align:center;margin-bottom:44px}.s-section-heading p{font-size:16px;color:var(--s-muted);margin-top:14px;text-wrap:balance}
.s-scenarios{padding-top:12px;padding-bottom:84px}
.s-group{display:grid;grid-template-columns:220px minmax(0,1fr);gap:72px;padding:36px 0;border-top:1px solid var(--s-rule)}
.s-group-heading{padding-top:8px}.s-group-heading h3{font-size:26px;font-weight:650;letter-spacing:-.02em}.s-group-heading p{font-size:14px;color:var(--s-muted);margin-top:14px;line-height:1.85}
.s-scene summary{display:flex;align-items:center;justify-content:space-between;gap:28px;cursor:pointer;list-style:none;padding:22px 0;min-height:68px}
.s-scene+.s-scene{border-top:1px solid var(--s-rule)}
.s-scene summary::-webkit-details-marker{display:none}.s-scene summary>span{min-width:0}
.s-scene h4{font-size:20px;line-height:1.5;font-weight:550;margin:0;text-wrap:pretty}
.s-scene-brief{display:block;font-size:14px;color:var(--s-muted);line-height:1.9;margin-top:7px}
.s-scene summary>svg{width:20px;height:20px;color:var(--b-blue);transition:transform .2s;flex:none}
.s-scene summary:hover h4,.s-scene[open] h4{color:var(--b-blue)}.s-scene[open] summary>svg{transform:rotate(45deg)}
.s-scene-content{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;padding:22px 26px 26px;margin:0 0 24px;background:var(--s-surface);border-radius:12px}
.s-scene-content>div{min-width:0}.s-scene-content dt{color:var(--b-blue);font-size:12px;margin-bottom:7px}.s-scene-content dd{font-size:14px;line-height:1.9;color:#465b76;margin:0;text-wrap:pretty}
.s-roles{background:var(--s-surface)}.s-role-list{margin:0}.s-role-list>div{display:grid;grid-template-columns:220px 1fr 1fr;gap:44px;padding:27px 0;border-top:1px solid var(--s-rule)}
.s-role-list dt{font-size:21px;font-weight:550;padding-top:4px}.s-role-list dd{margin:0;font-size:15px;line-height:1.85;color:#465b76}.s-role-list dd span{display:block;font-size:12px;color:var(--b-blue);margin-bottom:7px}
.s-controls{background:var(--b-blue);color:#fff}.s-controls-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:90px;padding-block:76px 80px}
.s-controls header{max-width:370px}.s-controls h2{font-size:44px;line-height:1.4}.s-controls header p{font-size:16px;line-height:1.9;margin-top:24px;color:#e4edff}
.s-control{padding:22px 0;border-top:1px solid #ffffff50}.s-control h3{font-size:22px;font-weight:550}.s-control p{font-size:15px;line-height:1.9;color:#e4edff;margin-top:12px}
.s-pilot{padding-block:76px 70px}.s-pilot-list{list-style:none;max-width:860px;margin:0 auto;padding:0}
.s-pilot-list li{display:grid;grid-template-columns:40px 1fr;gap:22px;padding:24px 0;border-top:1px solid var(--s-rule)}
.s-pilot-list li>span{color:var(--b-blue);font-size:14px;font-variant-numeric:tabular-nums;padding-top:4px}.s-pilot-list h3{font-size:23px;font-weight:550}.s-pilot-list p{font-size:15px;color:var(--s-muted);line-height:1.9;margin-top:12px}
.s-pilot-action{text-align:center;margin-top:40px}.s-pilot-action>p{font-size:12px;color:var(--s-muted);line-height:1.9;max-width:650px;margin:24px auto 0;text-wrap:pretty}
@media(max-width:1100px){.s-overview{gap:36px;grid-template-columns:1fr 1.2fr}.s-overview h2{font-size:37px}.s-architecture{padding-inline:20px}.s-architecture-inputs>span{font-size:12px;gap:5px}.s-architecture-inputs svg{width:19px;height:19px}.s-architecture-core h3{font-size:22px}.s-architecture-core ol{gap:8px 12px}.s-architecture-core li{gap:10px}.s-architecture-tools{column-gap:12px}.s-architecture-tools>div{grid-template-columns:25px 1fr;gap:2px 6px}.s-architecture-tools svg{width:21px;height:21px}.s-architecture-result{font-size:12px}.s-group{grid-template-columns:180px minmax(0,1fr);gap:40px}.s-scene-content{gap:18px 24px;padding:20px}.s-role-list>div{grid-template-columns:160px 1fr 1fr;gap:30px}.s-controls-layout{gap:50px}}
@media(max-width:800px){.s-overview{grid-template-columns:1fr;gap:34px}.s-overview-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.s-overview-copy h2,.s-product-name{grid-column:1/-1}.s-overview-lead{grid-column:1;grid-row:3/5}.s-outcomes{grid-column:2;grid-row:3;margin:0;gap:10px 20px}.s-guide{grid-column:2;grid-row:4;margin:12px 0 0;gap:10px}.s-guide img{width:96px;height:96px}.s-guide p{font-size:17px}.s-architecture{max-width:640px;width:100%;margin:auto}.s-architecture-inputs>span{font-size:14px}.s-architecture-tools span{font-size:12px}.s-scene-content{grid-template-columns:1fr}.s-page-nav{gap:24px}.s-controls-layout{grid-template-columns:1fr;gap:32px}.s-controls header{max-width:560px}.s-controls h2 br{display:none}.s-controls header p{margin-top:16px}}
@media(max-width:700px){.s-page h2{font-size:30px}.s-page-hero{padding-bottom:28px}.s-page-hero h1{font-size:36px}.s-page-hero p{font-size:15px;max-width:320px}.s-page-nav{gap:4px 18px;flex-wrap:wrap;padding-bottom:18px}.s-page-nav a{font-size:12px;min-height:40px}.s-overview{padding-block:42px 50px;gap:26px}.s-overview-copy{display:block}.s-overview h2{font-size:34px}.s-product-name{font-size:14px;margin:10px 0 18px}.s-overview-lead{font-size:15px;line-height:1.9}.s-outcomes{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:13px;margin:22px 0 0}.s-guide{margin-top:16px;gap:18px}.s-guide img{width:100px;height:100px}.s-guide p{font-size:19px}.s-architecture{padding:22px 16px 16px}.s-architecture-inputs{gap:5px}.s-architecture-inputs>span{font-size:12px;gap:5px}.s-architecture-core{padding:21px 12px}.s-architecture-core h3{font-size:21px}.s-architecture-core ol{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;max-width:240px;margin:12px auto 0;font-size:12px}.s-architecture-core li{justify-content:center}.s-architecture-core li:not(:last-child)::after{display:none}.s-architecture-tools{gap:20px 14px;padding-block:26px 22px}.s-architecture-tools>div{display:block}.s-architecture-tools svg{display:block;margin-bottom:8px}.s-architecture-tools strong{font-size:14px;display:block}.s-architecture-tools span{display:block;font-size:11px;margin-top:4px}.s-architecture-result{gap:14px;font-size:12px;padding-block:16px}.s-architecture-result span+span{padding-left:14px}.s-architecture figcaption{font-size:10px;gap:8px}.s-section-heading{margin-bottom:28px}.s-section-heading p{font-size:14px;margin-top:12px}.s-scenarios{padding-block:16px 44px}.s-group{grid-template-columns:1fr;gap:14px;padding:28px 0 16px}.s-group-heading{padding:0}.s-group-heading h3{font-size:23px}.s-group-heading p{font-size:14px;margin-top:9px}.s-scene summary{gap:16px;padding:19px 0}.s-scene h4{font-size:18px}.s-scene-brief{font-size:13px;margin-top:6px}.s-scene-content{gap:17px;padding:20px 18px;margin-bottom:20px}.s-scene-content dt{font-size:12px;margin-bottom:6px}.s-scene-content dd{font-size:14px;line-height:1.9}.s-role-list>div{grid-template-columns:1fr;gap:15px;padding:25px 0}.s-role-list dt{font-size:21px;padding:0}.s-role-list dd{font-size:14px}.s-role-list dd span{margin-bottom:5px}.s-controls-layout{padding-block:48px 46px;gap:28px}.s-controls h2{font-size:32px}.s-controls header p{font-size:15px}.s-control{padding:22px 0}.s-control h3{font-size:20px}.s-control p{font-size:14px;margin-top:10px}.s-pilot{padding-block:48px}.s-pilot-list li{grid-template-columns:28px 1fr;gap:14px;padding:23px 0}.s-pilot-list h3{font-size:20px}.s-pilot-list p{font-size:14px;margin-top:10px}.s-pilot-action{margin-top:28px}.s-pilot-action>p{font-size:11px;text-align:left;max-width:380px}}
@media(max-width:360px){.s-page-hero h1{font-size:32px}.s-page h2{font-size:28px}.s-page-nav{gap:0 16px}.s-outcomes{display:grid;grid-template-columns:1fr 1fr}.s-architecture-inputs>span{flex-direction:column;font-size:12px;gap:7px}.s-architecture-core h3{font-size:19px}.s-architecture-result{font-size:11px;gap:10px}.s-architecture-result span+span{padding-left:10px}.s-architecture figcaption{flex-direction:column;gap:3px}.s-controls h2{font-size:30px}.s-scene h4{font-size:17px}.s-scene-content{padding:18px 14px}}
@media(prefers-reduced-motion:reduce){.s-page *{scroll-behavior:auto!important;transition:none!important}}