.direction {color:#10334f;background:white}
.direction .container{max-width:1440px}
.direction h1{font-size:clamp(34px,4.35vw,66px);letter-spacing:-.045em;line-height:1.12;margin:15px 0 22px;max-width:none}
.direction h2{font-size:clamp(26px,2.55vw,38px);line-height:1.16;letter-spacing:-.035em;margin:0 0 18px}
.direction .eyebrow{font-size:13px;letter-spacing:.1em;font-weight:700;margin:0 0 15px}
.direction .direction-lead{max-width:76ch;font-size:clamp(18px,1.6vw,22px);line-height:1.55;margin:0}
.direction figure{margin:0;min-width:0}
.direction figure>a{display:block;cursor:zoom-in;border:1px solid #d5e0e9;border-radius:12px;overflow:hidden;background:white}
.direction figure img{display:block;width:100%;height:auto}
.direction figcaption{font-size:13px;color:#496174;margin-top:10px;line-height:1.5}
.direction figcaption a{color:#08638b;text-underline-offset:3px}
.direction-section{padding:64px 0}
.direction-section p,.direction-end p{font-size:18px;line-height:1.6;margin:0 0 18px;max-width:65ch}
.direction-end{padding:50px 0;background:#edf4f9;border-top:1px solid #cddde9}
.direction-end .demo-note{font-size:14px;margin:14px 0 0;color:#455e73}
.a-hero{padding:64px 0 54px;background:#0c3057;color:white;text-align:center}
.a-hero .direction-lead{margin:auto;max-width:68ch;color:#dfedfa}
.a-hero .eyebrow{color:#b2dced}
.ask-card{max-width:1000px;margin:34px auto 26px;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr;background:white;color:#113650;text-align:left}
.question-picks{display:grid;align-content:start;background:#eef5fa;border-right:1px solid #d6e3ed;padding:16px;gap:9px}
.question-picks button{border:1px solid transparent;border-radius:9px;background:transparent;padding:14px;font:inherit;line-height:1.4;text-align:left;color:#173c5a;cursor:pointer}
.question-picks button[aria-pressed=true]{background:#fff;border-color:#acc5da;box-shadow:0 3px 9px #173c5a0c}
.ask-reply{padding:26px;align-self:center}
.ask-reply p{font-size:18px;line-height:1.55;margin:0 0 15px}
.ask-reply .eyebrow{color:#075879;font-size:14px;letter-spacing:0;line-height:1.4}
.sample{font-size:12px;color:#526c80}
.a-follow{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:center}
.phone-figure>a{max-width:235px;margin:auto;background:transparent!important;border:0!important}
.phone-figure img{width:100%;max-height:490px;object-fit:contain}
.phone-figure figcaption{text-align:center}
.b-hero{padding:60px 0 0;background:#f2f7fa;border-bottom:1px solid #d7e3eb}
.b-hero h1{color:#103b63}
.b-intro{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:42px}
.b-intro .direction-lead{max-width:68ch}
.b-intro .button{flex-shrink:0}
.b-outcomes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b9ccda}
.b-outcomes a{padding:21px 24px 21px 0;text-decoration:none;font-size:19px;font-weight:650;color:#123f64;display:flex;justify-content:space-between;gap:15px}
.b-outcomes a+a{padding-left:24px;border-left:1px solid #b9ccda}
.b-story{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:60px}
.b-prep{background:#0c3057;color:white}
.b-prep .eyebrow,.b-prep figcaption,.b-prep figcaption a{color:#cbe8f6}
.b-prep h2{color:white}
.chart-crop>a{position:relative;aspect-ratio:2.03}
.chart-crop img{position:absolute;max-width:none;width:154%!important;left:-27%;top:-54%}
.prep-crop>a{position:relative;aspect-ratio:1.45}
.prep-crop img{position:absolute;max-width:none;width:159%!important;left:-57%;top:-9%}
.c-hero{padding:48px 0 54px;background:#0c3057;color:white}
.c-hero h1{font-size:clamp(32px,3.7vw,56px)}
.c-hero .direction-lead{color:#dbeaf7;max-width:80ch}
.workbench{display:grid;grid-template-columns:270px minmax(0,1fr);margin-top:30px;border:1px solid #526f8a;border-radius:14px;overflow:hidden;min-height:470px;background:#eff4f8;color:#10334f}
.workbench-menu{background:#092741;display:flex;flex-direction:column;padding:16px;gap:7px}
.workbench-menu button{font:inherit;background:transparent;border:1px solid transparent;color:#c5d7e6;border-radius:8px;text-align:left;line-height:1.4;padding:16px;cursor:pointer}
.workbench-menu button span{display:block;font-size:13px;margin-top:5px;color:#b8d0e4}
.workbench-menu button[aria-selected=true]{background:#f2f7fb;color:#0c385c}
.workbench-menu button[aria-selected=true] span{color:#45617a}
.workbench-content{display:grid;align-items:center;padding:20px}
.workbench-content [role=tabpanel]:not([hidden]){display:block}
.workbench-content figure:not(.phone-figure){max-width:720px;margin:auto}
.workbench-content .phone-figure>a{max-width:185px}
.workbench-content .phone-figure img{max-height:360px}
.c-benefits{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.direction a:focus-visible,.direction button:focus-visible{outline:3px solid #0096c6;outline-offset:4px}
@media(max-width:1100px){.b-intro{display:block}.b-intro .button{margin-top:20px}.direction h1{font-size:clamp(32px,4vw,50px)}.c-hero h1{font-size:clamp(30px,3.65vw,50px)}}
@media(max-width:960px){.direction h1,.c-hero h1{font-size:clamp(36px,5vw,52px)}.ask-card,.a-follow,.b-story,.c-benefits{grid-template-columns:1fr;gap:24px}.ask-card{gap:0}.question-picks{border-right:0;border-bottom:1px solid #d6e3ed}.a-hero,.b-hero,.c-hero{padding-top:36px}.direction-section{padding:40px 0}.b-outcomes{grid-template-columns:1fr}.b-outcomes a+a{padding-left:0;border-left:0;border-top:1px solid #cadbe7}.b-outcomes a{padding:13px 0}.workbench{grid-template-columns:1fr}.workbench-menu{display:grid;grid-template-columns:1fr 1fr}.workbench-menu button{padding:12px}.workbench-menu button span{display:none}.workbench-content{padding:12px}.workbench-content .phone-figure img{max-height:440px}.a-follow .phone-figure>a{max-width:220px}}

.combined-outcomes {padding-bottom:48px}
.combined-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:30px}
.combined-outcome-grid>div{border-top:1px solid #bad0df;padding-top:20px}
.combined-outcome-grid h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}
.combined-outcome-grid p{font-size:17px;margin:0;line-height:1.6}
.combined-handoff{background:#f4f8fb;border-top:1px solid #d9e4ec}
.direction-combined .c-hero .eyebrow{color:#b9dfef}
@media(max-width:960px){.combined-outcome-grid{grid-template-columns:1fr;gap:22px;margin-top:22px}.combined-outcome-grid>div{padding-top:16px}}