/* One continuous opening: identity, direction, then clean lifecycle lines. */
#direction .hero{min-height:250px;padding:42px 0 32px;gap:30px;overflow:hidden}
#direction .hero-copy{align-self:center}
#direction .hero h1{display:grid;grid-template-columns:auto 1fr;column-gap:26px;align-items:center;line-height:1.2}
#direction .hero-logo{width:200px;margin:0 0 0 -6px;grid-row:span 2}
#direction .hero h1 span{font-size:32px;line-height:1.3;margin:0;align-self:end}
#direction .plan-label{font-size:15px;letter-spacing:.25em;margin-top:10px;align-self:start}
#direction .hero .eyebrow{font-size:10px;margin-bottom:23px}
#direction .hero-side{align-self:center;padding:0;max-width:265px}
#direction .hero-side p{font-size:13px;line-height:1.9}
#direction .market-tag{font-size:11px}
#direction .poster-art{opacity:.6}
#direction .shard-a{width:150px;right:27%;top:37px;filter:none}
#direction .shard-b,#direction .shard-c,#direction .binary{display:none}
#direction .year-stack{font-size:45px;right:0;top:23px;opacity:.24}
#direction .year-stack span:not(:first-child){display:none}
#direction .hero-side{padding-top:44px}
#direction .trajectory:before{display:none}
#direction .chart-top{background:none;border:0;margin:0;padding:10px 0 2px;color:#9e95b0}
#direction .chart-top:after{display:none}
#direction .chart-top .section-no{display:none}
#direction .chart-top h2{font-size:12px;font-weight:400;color:#a99bbd;letter-spacing:.12em}
#direction .chart-wrap{padding:8px 0 0;margin:0;max-height:none}
#direction .chart-wrap svg{max-height:none}
#direction .curve-group{opacity:.6}
#direction .curve-group.active{opacity:1}
#direction .curve-group .curve{stroke-width:1.8;opacity:1;filter:none;vector-effect:non-scaling-stroke}
#direction .curve-group.active .curve{stroke-width:2.3;opacity:1}
#direction .curve-point{r:3.5;stroke-width:1.5}
#direction .chart-wrap svg>rect{display:none}
#direction .curve-selector{border-top:0;gap:0;padding-top:0}
#direction .curve-selector button{border:0;border-bottom:1px solid #62576e55;background:transparent;box-shadow:none;transform:none;padding:20px 16px;gap:15px}
#direction .curve-selector button[aria-pressed=true]{background:transparent;border-bottom:2px solid var(--active);box-shadow:none}
#direction .curve-selector button:hover{background:#ffffff03;transform:none}
#direction .curve-selector .step-count{font-size:25px;color:#a599b965}
#direction .curve-selector strong{font-size:14px}
#direction .curve-selector small{font-size:10px}
#direction .stage-detail{padding-top:28px}
@media(min-width:1400px){
 #direction .hero{min-height:290px;padding:48px 0 32px}
 #direction .hero-logo{width:clamp(230px,15vw,330px)}
 #direction .hero h1{column-gap:36px}
 #direction .hero h1 span{font-size:clamp(34px,2.25vw,50px)}
 #direction .hero .eyebrow{font-size:12px;margin-bottom:24px}
 #direction .plan-label{font-size:19px}
 #direction .hero-side{max-width:330px;padding-top:35px}
 #direction .hero-side p{font-size:16px}
 #direction .market-tag{font-size:13px}
 #direction .year-stack{font-size:64px;top:18px}
 #direction .shard-a{width:clamp(180px,12vw,270px);right:25%;top:30px}
 #direction .chart-top h2{font-size:14px}
 #direction .chart-wrap{padding-top:12px}
 #direction .curve-selector button{padding:24px 20px;gap:20px}
 #direction .curve-selector .step-count{font-size:32px}
 #direction .curve-selector strong{font-size:17px}
 #direction .curve-selector small{font-size:12px}
 #direction .stage-detail{padding-top:32px}
}
@media(max-width:1050px) and (min-width:761px){#direction .hero h1{column-gap:18px}#direction .hero-logo{width:160px}#direction .hero h1 span{font-size:27px}#direction .shard-a{right:26%;width:105px;top:25px}#direction .hero-side{max-width:215px}#direction .hero-side p{font-size:11px}}
@media(max-width:760px){
 #direction .hero{min-height:0;padding:28px 0 24px;display:block}
 #direction .hero .eyebrow{font-size:8px;margin-bottom:20px}
 #direction .hero h1{column-gap:18px;grid-template-columns:112px 1fr}
 #direction .hero-logo{width:118px;margin-left:-4px}
 #direction .hero h1 span{font-size:22px;letter-spacing:-.04em;white-space:nowrap}
 #direction .plan-label{font-size:12px;margin-top:7px;letter-spacing:.15em}
 #direction .hero-side{margin-top:23px;padding:0;max-width:none;display:block;text-align:left}
 #direction .market-tag{display:none}
 #direction .hero-side p{text-align:left;font-size:11px;line-height:1.8;margin:0;max-width:270px}
 #direction .hero-side p br{display:none}
 #direction .year-stack{font-size:23px;top:22px;opacity:.3}
 #direction .shard-a{display:none}
 #direction .chart-top{padding:8px 0 0}
 #direction .chart-top h2{font-size:10px}
 #direction .chart-wrap{min-width:650px;padding-top:16px}
 #direction .curve-selector button{padding:16px 8px;gap:12px}
 #direction .curve-selector .step-count{font-size:23px}
 #direction .curve-selector strong{font-size:11px}
 #direction .curve-selector small{font-size:9px}
}