.v-icon{display:block;flex:none;width:24px;height:24px}.icon-tile{display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border:1px solid rgba(133,221,245,.25);border-radius:14px;background:rgba(133,221,245,.08);color:var(--cyan)}
.visual-hero{display:grid;gap:36px;align-items:center}.visual-hero h1{font-size:clamp(32px,4.2vw,52px);max-width:15em}.hero-sketch{padding:28px;border:1px solid rgba(133,221,245,.25);border-radius:22px;background:linear-gradient(145deg,rgba(133,221,245,.07),rgba(210,200,255,.06));box-shadow:0 24px 80px rgba(0,0,0,.16)}.hero-sketch .map-caption{margin:0 0 24px}.hero-node{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line2);background:var(--bg);border-radius:14px}.hero-node strong{display:block;font-size:17px}.hero-node small{display:block;color:var(--dim);font-size:13px}.hero-wire{height:28px;margin-left:39px;border-left:1px solid var(--cyan);opacity:.5}.hero-note{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--dim);margin:22px 0 0}.hero-node:nth-of-type(5) .icon-tile{color:var(--lav);border-color:rgba(210,200,255,.25);background:rgba(210,200,255,.08)}
.visual-starts{background:none;border:0;gap:16px}.visual-starts>div{border:1px solid var(--line2);border-radius:18px;background:var(--surface);padding:26px}.visual-starts h3{margin-top:22px}.visual-starts p{color:var(--dim);font-size:16px}.crm-story{position:relative;padding:28px;border:1px solid var(--line2);border-radius:22px;margin-top:28px;background:linear-gradient(125deg,rgba(133,221,245,.04),transparent 50%),var(--surface);scroll-margin-top:85px;min-width:0}.crm-markswell{background:linear-gradient(125deg,rgba(210,200,255,.05),transparent 50%),var(--surface)}.story-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}.story-top .eyebrow{margin:0}.role-pill{display:inline-block;border:1px solid var(--line2);border-radius:99px;padding:5px 11px;font-size:12px;color:var(--dim)}.crm-title{font-size:clamp(24px,3vw,34px);line-height:1.3;max-width:30em;margin:20px 0 10px}.story-lead{font-size:17px;color:var(--dim);max-width:55em;margin:0 0 26px}.crm-layout{display:grid;gap:24px;align-items:stretch}.crm-map{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:24px;min-width:0}.map-caption{color:var(--dim);font:500 11px var(--display);letter-spacing:.12em;text-transform:uppercase;text-align:center;margin:0 0 22px}.map-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.map-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:16px 8px;border:1px solid var(--line2);border-radius:12px;font-size:13px;line-height:1.45;min-width:0;background:rgba(255,255,255,.02)}.map-node .v-icon{color:var(--cyan)}.map-connect{width:1px;height:26px;margin:auto;background:linear-gradient(var(--cyan),var(--lav));position:relative}.map-connect:after{content:"";position:absolute;bottom:0;left:-3px;width:7px;height:7px;border-right:1px solid var(--lav);border-bottom:1px solid var(--lav);transform:rotate(45deg)}.map-hub,.map-review{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px;text-align:center;background:rgba(133,221,245,.08);border:1px solid rgba(133,221,245,.35);border-radius:14px;box-shadow:0 0 36px rgba(133,221,245,.04)}.map-hub>.v-icon{width:32px;height:32px;color:var(--cyan);margin-bottom:3px}.map-hub strong,.map-review strong{font-size:18px}.map-hub span,.map-review span{font-size:12px;color:var(--dim)}.map-outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.map-output{flex-direction:row;padding:16px 12px;background:rgba(210,200,255,.05)}.map-output .v-icon{color:var(--lav)}.map-review{flex-direction:column;background:rgba(210,200,255,.07);border-color:rgba(210,200,255,.3)}.map-review>.v-icon,.coaching-map .map-hub>.v-icon,.coaching-map .map-node .v-icon{color:var(--lav)}.capability-stack{display:grid;gap:12px}.capability-card{display:flex;align-items:center;gap:16px;border:1px solid var(--line2);border-radius:14px;padding:20px;min-width:0;background:rgba(255,255,255,.015)}.capability-card h4{font-size:17px;margin:0 0 6px}.capability-card p{font-size:14px;color:var(--dim);line-height:1.6;margin:0}.responsibility{display:grid;gap:12px;margin-top:22px}.responsibility>div{display:flex;gap:12px;align-items:center;padding:16px 20px;border-radius:12px;background:rgba(133,221,245,.05);color:var(--cyan)}.responsibility>div:last-child{background:rgba(210,200,255,.05);color:var(--lav)}.responsibility strong{display:block;font-size:13px;color:var(--text)}.responsibility span{display:block;font-size:13px;color:var(--dim)}.coaching-path{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.coaching-path li{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 12px;font-size:14px;border:1px solid rgba(210,200,255,.2);border-radius:12px;color:var(--lav)}.story-bottom{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:24px}.story-details{max-width:none;flex:1;min-width:0}.story-details summary{display:flex;gap:10px;align-items:center;list-style:none;padding:10px 0;color:var(--dim);font-size:14px;min-height:44px}.story-details summary::-webkit-details-marker{display:none}.story-details summary:after{content:"+";margin-left:8px;font-size:20px;color:var(--cyan)}.story-details[open] summary:after{content:"−"}.story-details summary .v-icon{width:18px;height:18px}.story-details>div{max-width:65em}.story-details h4{font-size:16px;margin:22px 0 6px}.story-details p{font-size:15px;color:var(--dim);margin:0 0 12px}.story-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;flex:none}.story-link .v-icon{width:18px;height:18px}
.visual-flow{list-style:none;padding:0;display:grid;gap:12px;margin:30px 0 0;grid-template-columns:repeat(2,minmax(0,1fr))}.visual-flow li{position:relative;padding:20px 14px;border:1px solid var(--line2);border-radius:14px;background:var(--surface);display:flex;flex-direction:column;gap:12px;min-width:0}.visual-flow .v-icon{color:var(--cyan)}.visual-flow .flow-number{position:absolute;right:14px;top:18px;font-size:12px;color:var(--dim)}.visual-flow .flow-label{font-size:14px}.visual-flow li:nth-child(4){border-color:rgba(210,200,255,.4)}.visual-flow li:nth-child(4) .v-icon{color:var(--lav)}.visual-steps{list-style:none;counter-reset:steps;padding:0;display:grid;gap:16px;max-width:none;margin:30px 0}.visual-steps li{counter-increment:steps;position:relative;padding:24px;border:1px solid var(--line2);border-radius:16px;background:var(--surface);min-width:0}.visual-steps li:before{content:"0" counter(steps);position:absolute;right:20px;top:22px;font-size:13px;color:var(--dim)}.visual-steps h3{font-size:18px;margin:20px 0 10px}.visual-steps p{font-size:14px;color:var(--dim);margin:0}.metric-chips{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.metric-chips>div{display:flex;align-items:center;gap:10px;font-size:14px;border:1px solid var(--line2);border-radius:99px;padding:10px 16px;color:var(--dim)}.metric-chips .v-icon{color:var(--cyan);width:18px;height:18px}.crm-title,.hero-node strong,.map-hub strong{font-family:var(--display)}.crm-story details:focus-within,.story-link:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media(min-width:700px){.crm-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.responsibility{grid-template-columns:repeat(2,minmax(0,1fr))}.coaching-path{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.crm-teaser{grid-template-columns:1fr}.crm-teaser a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}@media(min-width:700px){.crm-teaser{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.visual-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px}.visual-flow{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.visual-flow li:not(:last-child):after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);color:var(--dim);font-size:12px}.visual-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:699px){.crm-story{padding:20px}.crm-map{padding:18px}.map-inputs{gap:6px}.map-node{padding:12px 6px;font-size:12px}.capability-card{padding:16px}.story-top{gap:10px}.role-pill{font-size:11px}.story-bottom{display:block}.story-link{margin-top:6px}.hero-sketch{padding:22px}.hero-node{padding:14px}.visual-hero{gap:28px}.coaching-path li{justify-content:flex-start;padding-left:20px}.map-outputs{gap:8px}.map-output{flex-direction:column}.story-lead{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.capability-card,.visual-starts>div,.hero-node{transition:transform .2s ease,border-color .2s ease}.capability-card:hover,.visual-starts>div:hover,.hero-node:hover{transform:translateY(-3px);border-color:rgba(133,221,245,.4)}}