/* Create Socially homepage. Existing DAG artwork and quiz behavior remain intact. */
.homepage{font:400 16px/1.7 'Montserrat',Arial,sans-serif;color:#121A35;background:#fff}
.homepage :is(p,li,legend,label,button,.button,.fine,.eyebrow,nav a,summary,figcaption){font-family:'Montserrat',Arial,sans-serif}
.homepage :is(h1,h2){font-family:'Alegreya',Georgia,serif;letter-spacing:-.035em;font-weight:500;line-height:1.06;text-wrap:balance}
.homepage h1{font-size:clamp(2.7rem,5.1vw,4rem);margin:0 auto 26px;max-width:25ch}
.homepage h1>span{display:block;margin-top:8px}
.homepage h2{font-size:clamp(2.1rem,3.8vw,3.5rem);margin:0 0 24px}
.homepage :is(h3,h4){font-family:'Montserrat',Arial,sans-serif;letter-spacing:-.025em;font-size:1.15rem;line-height:1.4}
.homepage .eyebrow{font-size:.72rem;line-height:1.6;letter-spacing:.12em;font-weight:600;margin-bottom:22px}
.homepage .fine{font-size:.8125rem;line-height:1.65;color:#454d65}
.homepage :is(.button,button){font-size:.875rem;line-height:1.5;letter-spacing:0;text-transform:none;font-weight:600;min-height:46px;border-radius:5px}
.homepage .button{padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:22px}
.homepage .button.secondary{background:transparent;border-color:#07134F;color:#07134F}
.homepage :is(.hero-secondary,.text-link){font:500 .9375rem/1.6 'Montserrat',Arial,sans-serif;color:#07134F;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#2489F5}
.homepage header{padding-inline:max(24px,calc((100vw - 1240px)/2));min-height:88px;height:auto;gap:24px}
.homepage header .logo{width:220px}.homepage #site-menu{gap:22px}
.homepage nav a{font-size:.8125rem;letter-spacing:0;text-transform:none;line-height:1.5}
.homepage :is(a,button,summary):focus-visible{outline:3px solid #2489F5;outline-offset:5px}
.homepage #top,.homepage #pathways,.homepage #process{scroll-margin-top:102px}
.homepage .homepage-hero{display:block;min-height:0;text-align:center;padding:80px 24px 52px}
.homepage .homepage-hero>div{max-width:1000px;margin:auto}
.homepage .homepage-hero .lead{font-size:1.125rem;line-height:1.7;max-width:620px;margin:0 auto 28px;color:#121A35;text-wrap:pretty}
.hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px 32px}
.hero-caption{font-size:.8125rem;color:#454d65;margin:24px 0 0}.hero-caption-next{display:block}
.home-section{padding:100px 24px;scroll-margin-top:102px}.home-inner{max-width:1120px;margin:auto}
.pathways-section{padding-top:42px;padding-bottom:90px}
.pathways-intro{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:32px}
.pathways-intro h2{font-size:clamp(1.8rem,3vw,2.5rem);max-width:22ch;margin-bottom:0}
.pathways-intro .eyebrow{margin-bottom:16px}.pathways-intro>p{font-size:.875rem;color:#454d65;flex:0 0 auto;margin:0}
.dag-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.dag-tile{position:relative;display:flex;flex-direction:column;min-width:0;background:#F4F6F8;border:1px solid #D9DEE5;border-radius:12px;padding:26px;text-decoration:none;color:#121A35;transition:transform 220ms ease,border-color 220ms ease}
.dag-tile:hover{transform:translateY(-4px);border-color:#2489F5}.dag-tile:focus-visible{border-color:#07134F}
.tile-topline{display:flex;justify-content:space-between;gap:12px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#454d65}
.tile-art{height:126px;display:flex;align-items:center;margin:18px 0 20px}
.tile-art img{width:100%;height:auto;max-height:115px;object-fit:contain;mix-blend-mode:normal;filter:none}
.dag-tile h3{font-size:1.15rem;margin-bottom:14px}.dag-tile p{font-size:.9375rem;line-height:1.65;margin-bottom:24px;max-width:28ch}
.tile-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;border-top:1px solid #D9DEE5;font-size:.875rem;font-weight:600;color:#07134F}.tile-link>span{font-size:1.3rem}
.pathways-note{font-size:.8125rem;text-align:center;color:#454d65;margin:24px auto 0;max-width:780px}
.section-heading>p:not(.eyebrow){max-width:610px;line-height:1.75;margin-bottom:0}.section-heading{margin-bottom:48px}
.recognition{background:#F4F6F8;border-block:1px solid #D9DEE5;text-align:center}
.recognition .section-heading>p{margin-inline:auto}.recognition-moments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;text-align:left;margin:42px 0}
.recognition-moments p{font:500 clamp(1.3rem,2.4vw,1.7rem)/1.4 'Alegreya',Georgia,serif;color:#07134F;border-top:2px solid #D9DEE5;padding-top:24px;margin:0}
.recognition-close{max-width:660px;margin:0 auto;font-size:.9375rem}
.process-story .section-heading{max-width:760px}.process-composition{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin:46px 0 36px}
.process-narrative{list-style:none;margin:0;padding:0;display:grid;gap:36px}
.process-narrative li{display:grid;grid-template-columns:32px 1fr;gap:20px}.process-number{font-size:.75rem;font-weight:600;color:#07134F;padding-top:3px}.process-narrative h3{margin:0 0 12px}.process-narrative p{font-size:.9375rem;line-height:1.75;margin:0;max-width:39ch}
.working-brief{margin:0;border:1px solid #D9DEE5;border-top:3px solid #2489F5;border-radius:4px;background:#F4F6F8;padding:32px;position:relative}
.working-brief figcaption{display:grid;gap:8px;margin-bottom:24px}.working-brief figcaption .eyebrow{margin:0;font-size:.625rem}.working-brief figcaption strong{font:500 1.85rem/1.2 'Alegreya',Georgia,serif;color:#07134F}.working-brief figcaption>span:last-child{font-size:.6875rem;color:#454d65}
.brief-line{display:grid;grid-template-columns:12px 1fr;gap:16px;padding:20px 0;border-top:1px solid #D9DEE5}
.brief-dot{display:block;width:8px;height:8px;border-radius:50%;background:#2489F5;margin-top:8px}
.brief-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:#454d65}.brief-line p{font-size:.875rem;margin:6px 0 0;line-height:1.65}.brief-line strong{font-weight:600}.brief-bottom{margin:4px 0 0;font-size:.6875rem;color:#454d65}
.trust-story{border-top:1px solid #D9DEE5;padding-top:80px}
.trust-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:44px}.trust-heading h2{font-size:clamp(2rem,3.2vw,2.9rem);margin:0}
.advisor-intro{display:flex;align-items:center;gap:18px;text-decoration:none;color:#07134F;flex-shrink:0}.advisor-intro img{width:80px;height:80px;object-fit:cover;border-radius:50%;object-position:50% 25%}.advisor-intro>span{font-size:1rem;font-weight:600}.advisor-intro>span>span{display:block;font-size:.75rem;font-weight:400;margin-top:4px}.advisor-intro:hover>span{text-decoration:underline}
.trust-quotes{display:grid;grid-template-columns:1fr 1fr;gap:52px}.trust-quotes figure{margin:0;padding-top:28px;border-top:1px solid #D9DEE5;display:flex;flex-direction:column}.trust-quotes blockquote{margin:0 0 24px;font:500 clamp(1.35rem,2.4vw,1.8rem)/1.4 'Alegreya',Georgia,serif;color:#07134F;max-width:34ch}.trust-quotes figcaption{margin-top:auto;display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap;font-size:.75rem}.trust-quotes figcaption>span{color:#454d65}.trust-quotes a{color:#07134F;text-underline-offset:4px}
.home-next{background:#F4F6F8;border-block:1px solid #D9DEE5;text-align:center}.home-next .section-heading>p{margin-inline:auto}.home-next-grid{display:grid;grid-template-columns:1fr 1fr;max-width:940px;margin:auto;text-align:left;gap:60px}.home-next-grid article{border-top:1px solid #D9DEE5;padding-top:28px;display:flex;flex-direction:column;align-items:flex-start}.option-label{font-size:.6875rem;letter-spacing:.04em;color:#454d65;margin-bottom:16px}.home-next-grid h3{font:500 1.85rem/1.15 'Alegreya',Georgia,serif;margin:0 0 16px}.home-next-grid article>p:not(.fine){font-size:.9375rem;line-height:1.7;max-width:40ch;margin-bottom:24px}.home-next-grid .button{margin-top:auto}.home-next-grid .fine{margin:14px 0 0}
.next-reassurance{margin:40px 0 0;font-size:.875rem}.staging-disclosure{font-size:.75rem;color:#454d65;max-width:680px;margin:16px auto 0;line-height:1.6}
.homepage #start{padding:52px max(24px,calc((100vw - 1120px)/2));background:#F4F6F8;scroll-margin-top:100px}
.homepage #start .panel{box-shadow:none;border:1px solid #D9DEE5}.homepage #start .mobile-result-invitation{position:static;inset:auto;box-shadow:none;margin:24px 0;padding:20px;border:1px solid #D9DEE5}.homepage #start .mobile-result-invitation p{text-align:left}.homepage #start .mobile-result-invitation button{margin:0;width:auto}
.homepage .site-footer{padding-top:32px}.more-reviews>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;list-style:none;font-size:1rem;padding:20px 0}.more-reviews>summary::-webkit-details-marker{display:none}.more-reviews>summary>span{font-size:1.5rem;transition:transform 200ms}.more-reviews[open]>summary>span{transform:rotate(45deg)}.more-reviews-content{padding:32px 0}.homepage .more-reviews .footer-credibility{margin-top:20px}.homepage .footer-information{margin-top:20px}.homepage .footer-logo{width:220px}.homepage .review-scroll-track{position:relative;max-width:100%}.homepage .footer-beta-note{line-height:1.6}
/* The existing page-reveal system never hides reading content. Motion below belongs to the explanatory visuals. */
.homepage .hero-sentence,.homepage .journey-reveal{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:no-preference){
.dag-tiles.motion-entered .dag-tile{animation:tile-settle 550ms cubic-bezier(.2,.7,.2,1) backwards}.dag-tiles.motion-entered .dag-tile:nth-child(2){animation-delay:90ms}.dag-tiles.motion-entered .dag-tile:nth-child(3){animation-delay:180ms}
.recognition-moments.motion-entered p{animation:line-clarity 500ms ease both}.recognition-moments.motion-entered p:nth-child(2){animation-delay:100ms}.recognition-moments.motion-entered p:nth-child(3){animation-delay:200ms}
.working-brief.motion-entered .brief-dot{animation:point-emphasis 650ms ease both}.working-brief.motion-entered .brief-line:nth-of-type(2) .brief-dot{animation-delay:280ms}.working-brief.motion-entered .brief-line:nth-of-type(3) .brief-dot{animation-delay:560ms}
@keyframes tile-settle{from{transform:translateY(12px);border-color:#D9DEE5}to{transform:translateY(0);border-color:#D9DEE5}}
@keyframes line-clarity{from{border-color:#2489F5}to{border-color:#D9DEE5}}
@keyframes point-emphasis{0%{transform:scale(1);background:#07134F}45%{transform:scale(1.6);background:#2489F5}100%{transform:scale(1);background:#2489F5}}
}
@media(max-width:1000px){.homepage header{min-height:82px;padding:12px 24px}.homepage .menu-toggle{display:flex}.homepage #site-menu{display:none}.homepage #site-menu.is-open{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px;background:white;border-bottom:1px solid #D9DEE5}.homepage #site-menu.is-open a{padding:14px 0}.dag-tile{padding:22px}.process-composition{gap:36px}.trust-heading{align-items:flex-start}.advisor-intro{flex-direction:column;align-items:flex-start;gap:12px}.home-section{padding-top:72px;padding-bottom:72px}.pathways-section{padding-top:32px}}
@media(max-width:700px){.homepage .homepage-hero{padding:48px 24px 36px;text-align:left}.homepage h1{font-size:clamp(2.5rem,8.4vw,3.4rem);margin:0 0 22px;max-width:22ch}.desktop-break{display:none}.homepage h1>span{margin-top:12px}.homepage .homepage-hero .lead{font-size:1rem;margin:0 0 26px;max-width:40ch}.hero-actions{align-items:flex-start;justify-content:flex-start;gap:20px;flex-direction:column}.hero-caption{font-size:.75rem;margin-top:24px}.home-section{padding:56px 24px}.pathways-section{padding-top:24px}.pathways-intro{display:block;margin-bottom:24px}.pathways-intro>p{margin-top:18px}.pathways-intro>p br{display:none}.pathways-intro>p br::after{content:' '}.pathways-intro h2{max-width:20ch}.dag-tiles{grid-template-columns:1fr;gap:18px}.dag-tile{padding:24px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:start}.tile-topline{grid-column:1/-1}.tile-art{grid-column:1/-1;height:82px;max-width:300px;margin:18px 0 20px}.tile-art img{max-height:82px;object-position:left center}.dag-tile h3{font-size:1.0625rem;grid-column:1;margin:0}.dag-tile h3 br{display:none}.dag-tile p{font-size:.8125rem;grid-column:2;margin:0;line-height:1.6}.tile-link{grid-column:1/-1;margin-top:22px}.pathways-note{text-align:left;font-size:.75rem;line-height:1.7}.recognition{text-align:left}.section-heading{margin-bottom:28px}.recognition-moments{grid-template-columns:1fr;gap:24px;margin:28px 0}.recognition-moments p{font-size:1.6rem;padding-top:20px}.recognition-close{font-size:.9375rem}.process-composition{grid-template-columns:1fr;gap:36px;margin:32px 0}.process-narrative{gap:26px}.process-narrative li{grid-template-columns:24px 1fr;gap:14px}.working-brief{padding:24px}.trust-heading{display:block;margin-bottom:28px}.advisor-intro{flex-direction:row;align-items:center;margin-top:28px;gap:16px}.advisor-intro img{width:64px;height:64px}.trust-quotes{grid-template-columns:1fr;gap:28px}.trust-quotes blockquote{font-size:1.6rem}.home-next{text-align:left}.home-next-grid{grid-template-columns:1fr;gap:34px}.home-next-grid article{padding-top:24px}.next-reassurance{margin-top:32px}.staging-disclosure{margin-top:14px}.homepage #start{padding:40px 24px}.homepage #start .panel{padding:20px 16px}.homepage #start .mobile-result-invitation{padding:16px}.homepage #start .mobile-result-invitation button{width:100%}.more-reviews>summary{font-size:.875rem}.homepage .footer-information{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.homepage *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.dag-tile:hover{transform:none}}
@media(max-width:700px){.dag-tile{grid-template-columns:1fr}.dag-tile h3{grid-column:1;font-size:1.125rem;margin-bottom:12px}.dag-tile p{grid-column:1;font-size:1rem;max-width:none}.tile-art{height:76px}.tile-art img{max-height:76px}}

/* Pathway orientation: explain the approach before inviting a reflection. */
.pathways-intro{display:block;margin-bottom:30px}
.pathways-intro h2{max-width:none;text-wrap:balance}
.pathways-intro>.pathways-overview{font-size:1rem;line-height:1.6;max-width:780px;margin:14px 0 0;color:#121A35}.pathways-intro>.pathways-loop-opening{margin-top:18px}.pathways-intro .phase-definition{display:block;margin-top:10px}.pathways-intro .phase-name{color:#07134F;font-weight:700}.pathways-intro .pathways-loop-closing{display:block;margin-top:14px;padding-top:14px;border-top:1px solid #D9DEE5}
.pathways-prompt{font-size:1rem;font-weight:600;margin:0 0 18px;color:#07134F}
.tile-link{gap:12px;padding:12px 16px;border:1px solid #07134F;border-radius:6px;min-height:48px;background:#fff;transition:background 180ms ease,color 180ms ease}
.tile-link svg{flex:0 0 20px}
.dag-tile:hover .tile-link,.dag-tile:focus-visible .tile-link{background:#07134F;color:white}
.pathways-reassurance{font-size:.875rem;line-height:1.8;color:#454d65;margin:24px 0 0;text-align:left}
.pathways-note{text-align:left;max-width:780px;margin:8px 0 0}
@media(min-width:701px){.pathways-intro h2{white-space:nowrap}}
@media(max-width:700px){.pathways-intro>.pathways-overview{font-size:1rem;margin-top:18px}.pathways-reassurance{font-size:.8125rem}.tile-link{margin-top:24px}}
@media(min-width:701px) and (max-width:900px){.tile-link{font-size:.8125rem;padding:12px 10px;gap:8px}.dag-tile h3 br{display:none}.dag-tile h3{text-wrap:balance}}
@media(max-width:359px){.homepage header{padding-inline:16px;gap:12px}.homepage .menu-toggle{width:44px;min-width:44px;padding:10px}}

/* A welcoming pause with a clear route into the guided introduction. */
.homepage .recognition{background:#07134F;color:#fff;border-color:#07134F}
.homepage .recognition h2,.homepage .recognition .eyebrow,.homepage .recognition-moments p,.homepage .recognition-close{color:#fff}
.recognition .section-heading>p:not(.eyebrow),.recognition-action>p{color:#D9DEE5}
.recognition-action{margin-top:32px}.recognition-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:14px 22px;background:white;color:#07134F;border:1px solid white;border-radius:6px;font-size:.9375rem;font-weight:600;text-decoration:none}
.recognition-cta:hover{background:#F4F6F8}.recognition-cta:focus-visible{outline:3px solid #2489F5;outline-offset:5px}
.recognition-action>p{font-size:.8125rem;margin:14px 0 0;line-height:1.7}

/* Equal artwork stages, optically balanced lettering, undistorted PNGs. */
.tile-art{height:110px;justify-content:flex-start;width:100%;max-width:none;margin:18px 0 20px}
.tile-art img{width:100%;height:auto;max-height:110px;object-fit:contain;object-position:left center}
.dag-tile[data-start="align"] .tile-art img{width:90%}
.dag-tile[data-start="grow"] .tile-art img{width:70%}
@media(max-width:700px){.tile-art{height:90px;max-width:340px;margin-inline:0}.tile-art img{max-height:90px}.recognition-cta{font-size:.875rem;padding-inline:16px;gap:12px}}

/* Approved homepage flow, 2026-10-14. Scoped to this page only. */
.homepage [hidden]{display:none!important}
.homepage .pathways-section{border-top:1px solid #D9DEE5;background-color:#F4F6F8;background-image:linear-gradient(#2489f514 1px,transparent 1px),linear-gradient(90deg,#2489f514 1px,transparent 1px);background-size:40px 40px}
.homepage .pathways-intro h2{white-space:normal}
.homepage .dag-tile{background:white}
.homepage .guide-composition,.homepage .learning-composition{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.homepage .guide-composition>div>p:not(.eyebrow),.homepage .process-composition>div>p:not(.eyebrow),.homepage .learning-composition>div>p:not(.eyebrow){font-size:1rem;line-height:1.8;margin-bottom:24px;max-width:61ch}
.homepage .guide-note{padding:40px;border-left:3px solid #2489F5;background:#F4F6F8}
.homepage .guide-note>p{font:500 clamp(1.45rem,2.5vw,1.9rem)/1.6 'Alegreya',Georgia,serif;color:#07134F;margin:0 0 20px}
.homepage .guide-note .eyebrow{display:block}
.homepage .dag-plan{background-color:#F4F6F8;background-image:linear-gradient(#2489f514 1px,transparent 1px),linear-gradient(90deg,#2489f514 1px,transparent 1px);background-size:40px 40px;border-block:1px solid #D9DEE5}
.homepage .dag-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;margin:0;padding:0}
.homepage .dag-plan-grid li{min-width:0;background:#fff;border:1px solid #D9DEE5;border-radius:6px;padding:28px}
.homepage .plan-art{height:104px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.homepage .plan-art img{width:100%;height:auto;max-height:100%;object-fit:contain}
.homepage .dag-plan-grid li:nth-child(2) img{width:90%}.homepage .dag-plan-grid li:nth-child(3) img{width:70%}
.homepage .dag-plan-grid h3{font-size:1rem;margin:0 0 14px}
.homepage .dag-plan-grid p{font-size:.9375rem;line-height:1.75;margin:0}
.homepage .dag-return{margin:30px 0 0;font-size:.875rem;display:flex;gap:14px;align-items:center}.homepage .dag-return>span{font-size:1.7rem;color:#07134F}
.homepage .process-story .process-composition{margin:0;gap:70px}
.homepage .mutual-fit-story{padding-top:0;border-bottom:1px solid #D9DEE5}.homepage .mutual-fit-story .home-inner{border-top:1px solid #D9DEE5;padding-top:60px}.homepage .mutual-fit-story p:not(.eyebrow){max-width:680px;line-height:1.8;margin-bottom:24px}.homepage .mutual-fit-story h2{font-size:clamp(2rem,3.2vw,2.9rem)}
.homepage .home-learning{background:#F4F6F8}
.homepage .learning-examples{list-style:none;margin:0;padding:0;display:grid;gap:24px}.homepage .learning-examples li{border-top:1px solid #D9DEE5;padding-top:20px}.homepage .learning-examples span{font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:#454d65}.homepage .learning-examples p{font:500 1.6rem/1.35 'Alegreya',Georgia,serif;margin:8px 0 0;color:#07134F}
.homepage .home-csos .section-heading>p:last-child{max-width:730px}
.homepage .csos-preview{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:start}.homepage .csos-preview h3{margin-top:0}.homepage .csos-preview p{font-size:.9375rem;line-height:1.8;margin-bottom:24px}.homepage .csos-status{padding:28px;border:1px solid #D9DEE5;border-radius:6px;background:#F4F6F8}.homepage .csos-status p:last-child{margin-bottom:0}.homepage .status-label{display:block;font-size:.75rem;font-weight:600;color:#07134F;margin-bottom:20px}
.homepage .deeper-review{padding:24px;margin:28px 0;background:#F4F6F8;border:1px solid #D9DEE5}.homepage .deeper-review h4{margin-top:0}.homepage .deeper-review p{font-size:.875rem;line-height:1.75}
@media(max-width:1000px){.homepage .guide-composition,.homepage .learning-composition,.homepage .csos-preview,.homepage .process-story .process-composition{gap:36px}.homepage .dag-plan-grid{gap:18px}.homepage .dag-plan-grid li{padding:22px}.homepage .guide-note{padding:28px}}
@media(max-width:700px){.homepage .guide-composition,.homepage .learning-composition,.homepage .csos-preview,.homepage .dag-plan-grid{grid-template-columns:1fr}.homepage .dag-plan-grid li{padding:26px}.homepage .plan-art{max-width:290px;margin:0 auto 24px;height:90px}.homepage .dag-return{align-items:flex-start}.homepage .dag-return>span{line-height:1.3}.homepage .mutual-fit-story .home-inner{padding-top:42px}.homepage .guide-note{padding:24px}.homepage .csos-status{padding:24px}.homepage .home-next-grid .button{gap:12px}}
@media(max-width:359px){.homepage .home-section,.homepage .homepage-hero,.homepage #start{padding-inline:18px}.homepage .home-next-grid .button{font-size:.8125rem;padding-inline:14px}.homepage .dag-plan-grid li{padding:22px}}
/* Keep the longer DAG label intact on narrow phone screens. */
@media(max-width:359px){.homepage #start .quiz-area-nav{grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr))}.homepage #start .quiz-area-nav button{overflow-wrap:normal;word-break:normal}}

/* Merged approach and reflection chooser; preserve interactive focus indicators. */
.homepage .merged-dag{padding-top:80px;padding-bottom:64px}
.homepage .merged-dag #pathways-title:focus{outline:none;box-shadow:none}
.homepage .merged-dag .pathways-prompt{font-family:'Alegreya',Georgia,serif;font-size:1.7rem;font-weight:500;margin-bottom:8px}
.homepage .merged-dag-invitation{max-width:720px;margin:0 0 30px}
.homepage .merged-dag .dag-tile h3{font-size:1rem}
.homepage .merged-dag .tile-topline{display:none}
@media(max-width:700px){.homepage .merged-dag{padding-top:56px;padding-bottom:48px}}

/* Local review: evidence-led DAG context and support choices. */
.homepage .pathways-evidence-intro{max-width:69ch;color:var(--ink);font-size:1rem;line-height:1.7}.homepage .pathways-dag-intro{max-width:69ch;color:var(--ink);font-size:1rem;line-height:1.7}.homepage .pathways-loop-closing{max-width:69ch}.homepage .dag-support-options{margin-top:42px;padding:clamp(24px,4vw,40px);border:1px solid var(--line);background:var(--brand-white)}.homepage .dag-support-options>div:first-child{max-width:700px}.homepage .dag-support-options h3{margin:0 0 12px;font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.16}.homepage .dag-support-options>div:first-child>p:last-child{margin:0;color:var(--muted);line-height:1.6}.homepage .dag-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.homepage .dag-support-grid article{padding:20px;border-top:3px solid var(--brand-blue);background:var(--brand-gray)}.homepage .dag-support-grid h4{margin:0 0 10px;font-size:1.05rem;line-height:1.25}.homepage .dag-support-grid p{margin:0;font-size:.9375rem;line-height:1.6}.homepage .dag-support-cta{width:max-content}.homepage .result-advisor-bridge{margin:20px 0 0;font-weight:600;line-height:1.55}.homepage .merged-dag .tile-link{font-size:.8125rem}@media(max-width:800px){.homepage .dag-support-grid{grid-template-columns:1fr;gap:12px}.homepage .dag-support-grid article{padding:18px}}@media(max-width:480px){.homepage .dag-support-options{margin-top:32px;padding:22px 18px}.homepage .dag-support-cta{width:100%;justify-content:center}.homepage .merged-dag .tile-link{font-size:.875rem}}

/* Approved StoryBrand updates: one direct action, connected DAG evidence. */
.homepage a.direct-cta{background:#07134F;color:#fff;border:2px solid #07134F;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:4px;font-weight:600;min-height:48px}
.homepage a.direct-cta:hover{background:#17296b;border-color:#17296b}
.homepage a.direct-cta:focus-visible{outline:3px solid #07134F;outline-offset:4px}

/* Approved hero contrast: carry the final outcome in the established blue. */
.homepage-hero h1{line-height:1.02}
.homepage-hero h1 span{display:block;color:#5790e8!important;margin-top:.04em}
.homepage-hero .lead{max-width:46rem}.homepage-hero .lead span{display:block}.homepage-hero .lead span+span{margin-top:.65em}
@media(max-width:600px){.homepage-hero h1{line-height:1.06}.homepage-hero h1 .hero-desktop-break{display:none}.homepage-hero h1 span{display:inline;margin:0 0 0 .18em}}
.homepage .hero-actions .reflection-cta{background:transparent;color:#07134F;border:2px solid #07134F}
.homepage .guide-composition>.trust-quotes{grid-column:1/-1}
.homepage .schedule-preview{padding-top:90px;min-height:65vh}.homepage .schedule-preview .home-inner{max-width:800px}.homepage .schedule-preview h1{font-size:clamp(2.2rem,5vw,3.8rem)}
@media(max-width:700px){.homepage a.direct-cta{white-space:normal}.homepage .hero-actions{flex-wrap:wrap}.homepage .schedule-preview{padding-top:48px}}

/* Keep each tile’s context in normal flow directly beneath its title. */
@media(max-width:980px){.homepage .merged-dag .dag-tile{display:flex;flex-direction:column;align-items:stretch}.homepage .merged-dag .dag-tile h3{display:block;margin:0 0 10px;grid-column:auto}.homepage .merged-dag .dag-tile p{display:block;margin:0 0 24px;max-width:none;grid-column:auto}.homepage .merged-dag .tile-link{margin-top:auto;grid-column:auto}}

/* DAG destinations and disclosure: one start action, one depth control. */
.homepage .dag-coordinate-orientation[hidden],.homepage .starting-point-intro[hidden]{display:none!important}.coordinate-question-expectation{margin:0;color:var(--muted);line-height:1.5}.coordinate-orientation-actions .coordinate-change{background:transparent;color:var(--ink);border-color:var(--line)}.process-depth summary{cursor:pointer;min-height:44px;padding:10px 0}.coordinate-phase-tabs button{min-height:44px}.coordinate-map .coordinate-marker{min-width:44px;min-height:44px}.coordinate-orientation-actions{grid-template-columns:1fr}.coordinate-map{margin-inline:0}

.coordinate-phase-tabs button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}

/* Practical Way Forward: direct entrances reuse the existing coordinate routes. */
.pathways-explore-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0;max-width:780px}.pathways-explore-actions .button{display:flex;align-items:center;justify-content:center;min-height:48px;flex:1 1 190px;text-align:center}.pathways-advisor-action{margin-top:24px}.pathways-advisor-action .button{min-height:48px;text-align:center}@media(max-width:480px){.pathways-explore-actions{flex-direction:column}.pathways-explore-actions .button{flex:0 0 auto;width:100%}.pathways-advisor-action .button{width:100%}}

/* Draft: one result handoff, with optional exploration below. */
.homepage .result-next-step{margin:24px 0 28px;padding:20px;border:1px solid var(--line);background:var(--brand-white)}
.homepage .result-primary-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
.homepage .result-primary-actions button{min-height:48px;margin:0;flex:1 1 230px}
.homepage .result-primary-actions #result-advisor{background:var(--brand-navy);color:var(--brand-white);border-color:var(--brand-navy)}
.homepage .result-next-step .fine{margin:14px 0 0}
.homepage .result-other-areas{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.homepage .result-other-areas .remaining-quizzes button{flex:1 1 240px;min-height:48px}
@media(max-width:480px){.homepage .result-next-step{padding:16px}.homepage .result-primary-actions{flex-direction:column}.homepage .result-primary-actions button{flex:auto;width:100%}}

html:has(body.homepage){--mobile-invitation-space:0px}

/* Cumulative report uses existing per-area findings, without a combined score. */
.homepage .combined-area-result{margin-top:32px;padding-top:24px;border-top:2px solid var(--brand-blue)}
.homepage .combined-area-result>h4{font-size:1.6rem!important;margin-bottom:12px}
.homepage .report-area-title,.homepage .report-answer-question{font-weight:600}
.homepage .combined-area-result h5,.homepage .combined-area-result h6{font-size:1.1rem;line-height:1.4;margin:18px 0 12px}
.homepage .report-answer-record{margin:22px 0;border:1px solid var(--line);padding:16px}
.homepage .report-answer-record summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}
.homepage .report-answer-record summary::before{content:'▸';margin-right:10px}
.homepage .report-answer-record[open] summary::before{content:'▾'}
.homepage .report-answer-entry{padding:12px 0;border-top:1px solid var(--line)}
.homepage #combined-review{margin:24px 0;padding:20px;border:1px solid var(--line)}
.homepage .combined-review-actions{display:flex;flex-wrap:wrap;gap:12px}
.homepage .combined-review-actions button{flex:1 1 180px;min-height:48px}

/* Homepage review navigation: real, high-contrast icons; labels remain accessible. */
.homepage .review-scroll-buttons button{display:inline-flex;align-items:center;justify-content:center;color:var(--brand-white)}
.homepage .review-scroll-buttons button[hidden]{display:none}
.homepage .review-scroll-buttons svg{display:block;flex:none;width:24px;height:24px}

/* A clear next step from the executive brief, without changing its example. */
.brief-conversation{margin-top:24px}.brief-conversation .button{white-space:normal;max-width:100%;text-align:left}.brief-conversation p{font-size:.9375rem;line-height:1.6;margin:14px 0 0;max-width:52ch}

/* Screenshot-approved future CSOS segment; current CS Learning remains separate. */
.homepage .home-csos{background:#edf5ff}
.csos-future-composition{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.homepage .csos-future-intro h2{color:#07134f;font-family:Alegreya,Georgia,serif;font-size:clamp(2.5rem,4.5vw,4.75rem);line-height:1.06;max-width:15ch;margin-bottom:28px}
.csos-future-intro>p:not(.eyebrow){max-width:52ch;line-height:1.7}
.csos-future-card{background:#fff;border-left:5px solid #2489f5;padding:clamp(24px,3vw,42px);min-width:0}
.homepage .csos-future-card h3{font-family:Alegreya,Georgia,serif;color:#07134f;font-size:clamp(1.6rem,2.4vw,2.35rem);line-height:1.15;margin:18px 0}
.csos-future-card p{line-height:1.7}.csos-future-card .csos-future-status{display:inline-block;background:#f4f6f8;color:#07134f;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:7px 10px;margin:0}
.csos-advisor-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0 0}
.csos-advisor-chips li{background:#f4f6f8;color:#07134f;font-size:.8125rem;font-weight:700;line-height:1.5;padding:8px 10px;max-width:100%;overflow-wrap:anywhere}
@media(max-width:800px){.csos-future-composition{grid-template-columns:1fr}.homepage .csos-future-intro h2{max-width:20ch}}

/* Current learning links within the present/future CSOS card. */
.csos-advisor-chips li{padding:0}.csos-advisor-chips a{display:flex;align-items:center;min-height:44px;padding:10px 12px;color:#07134f;text-decoration:underline;text-underline-offset:3px}
.csos-advisor-chips a:hover{background:#e0ebf8}.csos-advisor-chips a:focus-visible{outline:3px solid #2489f5;outline-offset:3px}

/* Current learning tracks are the primary interest links; future platform stays separate. */
.homepage .learning-examples li{padding:0;border:0}.homepage .learning-examples a{display:block;background:#f4f6f8;padding:18px 20px;color:#07134f;text-decoration:none;border-left:3px solid #2489f5}
.homepage .learning-examples a:hover{background:#e0ebf8}.homepage .learning-examples a:focus-visible{outline:3px solid #2489f5;outline-offset:3px}.homepage .learning-examples a span{text-decoration:underline;text-underline-offset:3px}
.homepage .home-csos .home-inner{padding-top:60px;padding-bottom:60px}.homepage .csos-future-intro h2{font-size:clamp(2.25rem,3.5vw,3.5rem)}