/* Shared visual language: outlined icons, navy systems, teal connections. */
.diagram-icon{width:28px;height:28px;flex:0 0 28px;vertical-align:middle}.hero-product-screen{transform:none}.hero-product{align-self:center}.hero-product-screen>img{object-fit:contain}
.problem-card{display:flex!important;flex-direction:column;min-height:215px;padding:24px!important;overflow:hidden}.problem-card[aria-pressed=true]{padding:23px!important}.problem-card .pictogram{display:flex!important;width:54px;height:54px;border-radius:14px;background:#edf6f7;color:var(--cyan);align-items:center;justify-content:center;margin:0 0 20px;position:relative}.problem-card strong{max-width:none;font-size:1.08rem}.problem-card .selection-mark{position:absolute;top:19px;right:21px;margin:0;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:grid!important;place-items:center;line-height:1;font-size:1.1rem}.problem-card[aria-pressed=true] .selection-mark{background:var(--cyan);color:white;border-color:var(--cyan);font-size:0}.problem-card[aria-pressed=true] .selection-mark:after{font-size:1rem}.problem-card[aria-pressed=true] .pictogram{background:#dceff0}.problem-card .pictogram:after{content:'';position:absolute;width:50px;height:1px;background:#c4dce3;left:54px;top:27px}.problem-card .pictogram .diagram-icon{width:29px;height:29px}.problem-card>span:last-child{margin-top:10px}
.diagnostic-map{margin:32px 0;max-width:420px;display:flex;flex-direction:column;align-items:center}.diagnostic-hub{display:grid;place-items:center;width:72px;height:72px;border:1px solid #718aa7;border-radius:50%;background:#ffffff0c;color:#8cdde0;position:relative}.diagnostic-hub .diagram-icon{width:34px;height:34px}.diagnostic-hub:after{content:'';position:absolute;top:100%;height:23px;width:1px;background:#718aa7}.diagnostic-spokes{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;width:100%;margin-top:44px;position:relative}.diagnostic-spokes:before{content:'';position:absolute;top:-22px;left:10%;right:10%;height:1px;background:#718aa7}.diagnostic-spokes>span{border:1px solid #637e9e;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 5px;color:#b8e9eb;position:relative;background:#ffffff08}.diagnostic-spokes>span:before{content:'';position:absolute;height:22px;width:1px;background:#718aa7;bottom:100%;left:50%}.diagnostic-spokes b{font-size:.65rem;color:#cbdbee;letter-spacing:.1em}.diagnostic-destination{display:flex;gap:12px;align-items:center;background:#ffffff10;border:1px solid #637e9e;border-radius:30px;padding:12px 20px;margin-top:25px;color:#edf8ff;font-size:.85rem}.assessment-start>.icon{padding:14px;width:70px;height:70px;border-radius:20px;background:#eaf5f6;color:var(--cyan)}
.visual-role-panel{grid-template-columns:160px 1.25fr 1fr;align-items:center;gap:32px}.role-diagram{display:grid;justify-items:center;gap:12px}.role-center{width:78px;height:78px;background:var(--navy);color:white;border-radius:22px;display:grid;place-items:center;box-shadow:0 0 0 8px #e8f0f5}.role-center .diagram-icon{width:40px;height:40px}.role-orbit{display:flex;align-items:center;gap:16px;color:var(--cyan)}.role-orbit>span{height:1px;width:25px;background:#b7cedd}.role-orbit .diagram-icon{width:22px;height:22px}.role-outcomes>span{border:1px solid var(--line);background:white;padding:14px;border-radius:8px}
.before-after{grid-template-columns:1fr 100px 1fr;gap:20px;align-items:stretch}.before-after article{padding:30px}.before-after ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.before-after li{display:flex;gap:15px;align-items:center;line-height:1.4;min-height:44px;font-size:.95rem}.change-node{display:grid;place-items:center;background:white;border:1px solid #d7e1ea;border-radius:10px;width:43px;height:43px;flex-shrink:0;color:#718197}.change-node .diagram-icon{width:23px;height:23px}.before-after article:last-child .change-node{color:var(--cyan);border-color:#b9d9dc}.change-bridge{align-self:center;display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--navy);border-radius:12px;padding:18px 8px;color:white;position:relative}.change-bridge img{width:90px}.change-bridge>span{font-size:1.5rem;line-height:1}.change-bridge:before,.change-bridge:after{content:'';position:absolute;top:50%;width:20px;height:1px;background:#9ab9cb}.change-bridge:before{right:100%}.change-bridge:after{left:100%}
.architecture{max-width:950px;margin:auto}.arch-source>span{display:flex;align-items:center;gap:13px;justify-content:center;background:white}.arch-source .diagram-icon{color:var(--cyan)}.arch-core{box-shadow:0 0 0 8px #dfecef;border:1px solid #36548c}.arch-pillars{position:relative;gap:16px}.arch-pillars:before{content:'';height:1px;background:#96b3c7;position:absolute;left:12.5%;right:12.5%;top:-15px}.arch-pillars>div{position:relative;background:white;border-top:3px solid var(--cyan)}.arch-pillars>div:before{content:'';position:absolute;bottom:100%;left:50%;height:16px;width:1px;background:#96b3c7}.arch-endpoints{display:flex;justify-content:center;gap:15px}.arch-endpoints>span{display:flex;align-items:center;gap:12px;border:1px solid #c4d8e0;border-radius:30px;padding:12px 20px;background:white;font-size:.9rem}.arch-endpoints .diagram-icon{color:var(--cyan);width:22px;height:22px}
.audience-grid article{padding:0 24px 27px;overflow:hidden}.audience-visual{height:108px;display:flex;align-items:center;justify-content:center;position:relative;margin:0 -24px 22px;background:#f0f6f8;border-bottom:1px solid #dfe8ee;overflow:hidden}.audience-visual>.diagram-icon{width:43px;height:43px;flex-basis:43px;color:var(--cyan);z-index:1;background:#f0f6f8}.audience-visual>span{position:absolute;width:130px;height:130px;border:1px solid #d3e3e9;border-radius:50%}.audience-visual>span:last-child{width:190px;height:190px}.audience-grid article:nth-child(2n) .audience-visual{background:#f1f3f9}.audience-grid article:nth-child(2n) .audience-visual>.diagram-icon{background:#f1f3f9;color:var(--navy)}
.delivery-steps{gap:0;margin-block:42px}.delivery-steps li{border:0;position:relative;padding:0 22px 0 0}.delivery-steps li:after{content:'';position:absolute;top:31px;left:64px;right:0;height:1px;background:#aec9d4}.delivery-steps li:last-child:after{display:none}.step-visual{width:64px;height:64px;background:#eef6f8;border:1px solid #c2dbe2;border-radius:18px;position:relative;display:grid;place-items:center;color:var(--cyan);margin-bottom:23px}.step-visual>span{position:absolute;right:-7px;bottom:-6px;background:var(--navy);color:white;width:23px;height:23px;display:grid;place-items:center;font-size:.64rem;border-radius:50%;border:2px solid white}.delivery-steps li:last-child .step-visual{background:var(--navy);color:white}
.readiness-blueprint{margin-block:32px;display:grid;grid-template-columns:1fr;gap:12px;max-width:340px;padding-right:52px;position:relative}.readiness-blueprint>div{border:1px solid #bad2dd;border-radius:10px;display:flex;align-items:center;gap:20px;padding:18px 22px;background:white;color:var(--navy);position:relative}.readiness-blueprint>div:nth-child(2){margin-left:20px;margin-right:-20px}.readiness-blueprint>div:nth-child(3){margin-left:40px;margin-right:-40px}.readiness-blueprint .diagram-icon{color:var(--cyan)}.blueprint-ready{position:absolute;right:0;top:57px;transform:translateX(50%);background:var(--navy);border:6px solid #eff6f8;color:white;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;z-index:1}.blueprint-ready .diagram-icon{color:white}.readiness-list article .readiness-icon{display:grid;place-items:center;background:#e4f0f2;border-radius:12px;min-width:46px;height:46px;color:var(--cyan);font-size:1rem}.readiness-icon .diagram-icon{width:25px;height:25px}
.conversation-map{display:grid;grid-template-columns:repeat(4,1fr);max-width:850px;margin:32px auto;gap:16px;position:relative}.conversation-map>span{padding:23px 16px;display:flex;flex-direction:column;align-items:center;gap:15px;border-radius:12px;position:relative}.conversation-map>span i{display:grid;place-items:center;width:46px;height:46px;background:#ffffff12;border-radius:12px;color:#a3e0e4}.conversation-map>span b{font-size:.85rem;font-weight:500}.conversation-map>span:after{content:'';position:absolute;top:100%;height:17px;width:1px;background:#6a89a9}.conversation-destination{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:12px;margin:16px auto 0;border-top:1px solid #6a89a9;padding-top:22px;width:78%;color:#c9e7f0}.conversation-destination strong{font-size:.95rem;font-weight:600}
@media(max-width:900px){.visual-role-panel{grid-template-columns:120px 1fr}.visual-role-panel .role-outcomes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.before-after{grid-template-columns:1fr 72px 1fr;gap:12px}.change-bridge:before,.change-bridge:after{width:12px}.delivery-steps{grid-template-columns:1fr;gap:0}.delivery-steps li{padding:0 0 28px 90px;min-height:105px}.step-visual{position:absolute;left:0;top:0;margin:0}.delivery-steps li:after{top:64px;left:32px;right:auto;width:1px;bottom:0;height:auto}.delivery-steps h3{padding-top:5px;margin:0}.delivery-steps p{margin-top:10px}.arch-endpoints>span{padding:12px;font-size:.8rem}}
@media(max-width:560px){.problem-card{min-height:0;display:grid!important;grid-template-columns:48px 1fr!important;gap:0 15px;padding:20px!important}.problem-card[aria-pressed=true]{padding:19px!important}.problem-card .pictogram{grid-row:1/3!important;grid-column:1!important;width:48px;height:48px;margin:0!important}.problem-card .pictogram:after{display:none}.problem-card strong{padding-right:22px;grid-column:2}.problem-card>span:last-child{grid-column:2!important;font-size:.82rem}.problem-card .selection-mark{right:14px;top:16px;width:22px;height:22px;grid-column:auto!important}.diagnostic-map{max-width:340px}.diagnostic-spokes{gap:8px}.diagnostic-spokes .diagram-icon{width:23px;height:23px}.visual-role-panel{grid-template-columns:1fr;padding:25px 20px;gap:25px}.role-diagram{display:flex;justify-content:center;gap:22px}.role-orbit{flex-direction:column;gap:10px}.role-orbit>span{width:1px;height:12px}.role-center{width:72px;height:72px}.visual-role-panel .role-outcomes{grid-template-columns:1fr}.before-after{grid-template-columns:1fr;gap:20px}.before-after article{padding:24px}.before-after li{font-size:.88rem}.change-bridge{justify-self:center;flex-direction:row;width:auto;padding:12px 20px;gap:20px}.change-bridge>span{transform:rotate(90deg)}.change-bridge:before,.change-bridge:after{width:1px;height:20px;left:50%;right:auto;top:auto}.change-bridge:before{bottom:100%}.change-bridge:after{top:100%}.arch-pillars:before,.arch-pillars>div:before{display:none}.arch-source>span{font-size:.84rem}.arch-endpoints{gap:8px;flex-wrap:wrap}.arch-endpoints>span{padding:10px 12px;gap:7px;font-size:.76rem}.arch-endpoints .diagram-icon{width:19px;height:19px;flex-basis:19px}.audience-grid{grid-template-columns:1fr 1fr;gap:12px}.audience-grid article{padding:0 15px 20px}.audience-visual{margin:0 -15px 18px;height:92px}.audience-grid h3{font-size:.88rem;line-height:1.3}.readiness-blueprint{max-width:290px}.conversation-map{grid-template-columns:1fr 1fr;gap:12px}.conversation-map>span{padding:18px 12px}.conversation-map>span:after{display:none}.conversation-destination{width:100%;margin-top:5px}.conversation-map>span b{font-size:.78rem}}
@media(prefers-reduced-motion:no-preference){.pictogram,.role-center{transition:background .2s ease,transform .2s ease}.problem-card:hover .pictogram{transform:translateY(-2px)}}
@media(max-width:560px){.blueprint-ready{right:22px}.readiness-blueprint{max-width:calc(100% - 12px)}}