/* Homepage-only motion: progressive enhancement, with all content visible by default. */
.hero-rotator{display:grid;grid-template-columns:minmax(0,1fr);width:100%;margin-top:.09em;padding-bottom:.09em}
.hero-phrase{grid-area:1/1;justify-self:center;align-self:center;max-width:100%;white-space:normal;visibility:hidden;opacity:0;line-height:1.14}
.hero-phrase.is-current{visibility:visible;opacity:1}
.hero-phrase-tail{white-space:nowrap}
.motion-control{height:38px;display:flex;align-items:center;justify-content:center;margin-top:12px}
#page-motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;background:none;color:var(--muted);font-size:11px;border-radius:6px;text-decoration:underline;text-underline-offset:3px}
#page-motion-toggle[hidden]{display:none}
#page-motion-toggle:disabled{cursor:default;text-decoration:none}
.motion-control-icon{width:12px;font-size:12px;line-height:1;text-decoration:none}
.founder-hero .founder-track-record{margin-top:34px}
.scroll-mark{position:relative;z-index:0;white-space:nowrap}
.scroll-mark::after{content:'';position:absolute;left:0;right:0;bottom:.015em;height:.16em;background:var(--lime);z-index:-1;transform:rotate(-1deg);transform-origin:left center;border-radius:2px}
.founder-problems li{position:relative}
.founder-problems li::before{content:'';position:absolute;top:-1px;left:0;width:42px;height:2px;background:var(--copper);transform-origin:left center}
.steps article{position:relative}
.step-no{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--bone);color:var(--ink);position:relative;z-index:1}
.steps article:not(:last-child)::after{content:'';position:absolute;left:15px;top:57px;bottom:1px;width:2px;background:var(--line);transform-origin:top center}
.steps article:first-child::after{top:32px}
.steps article.is-seen .step-no{background:var(--lime);border-color:var(--lime);color:#0b0b0d}
.priority-paths a{position:relative}
.priority-paths a::after{content:'↗';display:block;font-size:20px;margin-top:14px;line-height:1;color:var(--copper);width:max-content}
.deliverable-art .mini-chart svg path:last-child{stroke-dasharray:300;stroke-dashoffset:0}
@media(prefers-reduced-motion:no-preference){
 html[data-page-motion=on] .hero-phrase{transition:opacity .3s ease,translate .3s ease;translate:0 6px}
 html[data-page-motion=on] .hero-phrase.is-current{translate:0 0}
 html[data-page-motion=on] .hero-phrase.is-leaving{visibility:visible;opacity:0;translate:0 -6px}
 html[data-page-motion=on] .is-seen[data-motion-reveal]{animation:skin-rise .65s cubic-bezier(.2,.65,.3,1) both;animation-delay:var(--motion-delay,0ms)}
 html[data-page-motion=on] .is-seen .scroll-mark::after{animation:skin-mark .85s cubic-bezier(.2,.65,.3,1) both;animation-delay:.12s}
 html[data-page-motion=on] .founder-problems li.is-seen::before{animation:skin-rule .8s ease both;animation-delay:var(--motion-delay,0ms)}
 html[data-page-motion=on] .steps article.is-seen::after{animation:skin-connect .8s ease both;animation-delay:.15s}
 html[data-page-motion=on] .steps article.is-seen .step-no{animation:skin-step .55s ease both;animation-delay:.1s}
 html[data-page-motion=on] .deliverable-card.is-seen .slide-front{animation:skin-deck .9s cubic-bezier(.2,.65,.3,1) both;animation-delay:.1s}
 html[data-page-motion=on] .deliverable-card.is-seen .mini-chart svg path:last-child{animation:skin-chart 1.2s ease both;animation-delay:.2s}
 html[data-page-motion=on] .deliverable-card.is-seen .app-second{animation:skin-app 1s cubic-bezier(.2,.65,.3,1) both;animation-delay:.15s}
 html[data-page-motion=on] .deliverable-card.is-seen .mini-plan-flow>div{animation:skin-rise .6s ease both;animation-delay:calc(var(--plan-step,0)*100ms + 150ms)}
 .mini-plan-flow>div:nth-child(2){--plan-step:1}.mini-plan-flow>div:nth-child(3){--plan-step:2}
 @media(hover:hover) and (pointer:fine){
  html[data-page-motion=on] .priority-paths a::after{transition:translate .2s ease}
  html[data-page-motion=on] .priority-paths a:hover::after,html[data-page-motion=on] .priority-paths a:focus-visible::after{translate:3px -3px}
  html[data-page-motion=on] .case-card img,html[data-page-motion=on] .people img{transition:scale .3s ease}
  html[data-page-motion=on] .case-card:hover img{scale:1.025}
  html[data-page-motion=on] .people figure:hover img{scale:1.04}
 }
}
@keyframes skin-rise{from{opacity:.55;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes skin-mark{from{scale:0 1}to{scale:1 1}}
@keyframes skin-rule{from{scale:0 1}to{scale:1 1}}
@keyframes skin-connect{from{scale:1 0}to{scale:1 1}}
@keyframes skin-step{from{background:var(--bone);border-color:var(--line)}to{background:var(--lime);border-color:var(--lime)}}
@keyframes skin-deck{from{transform:rotate(-1deg) translateY(7%)}to{transform:rotate(-6deg) translateY(0)}}
@keyframes skin-chart{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
@keyframes skin-app{from{translate:10% 7%;opacity:.65}to{translate:0 0;opacity:1}}
html[data-page-motion=off]{scroll-behavior:auto}
html[data-page-motion=off] *,html[data-page-motion=off] *::before,html[data-page-motion=off] *::after{animation:none!important;transition:none!important}
@media(max-width:760px){
 .hero-phrase{font-size:clamp(30px,7.9vw,58px);line-height:1.18;padding-block:.04em .075em}
 .hero-rotator{margin-top:.15em;padding-inline:4px;padding-bottom:.1em}
 .founder-hero .founder-track-record{margin-top:24px}
 html[data-page-motion=on] .is-seen[data-motion-reveal]{animation-delay:0ms;animation-duration:.5s}
 .priority-paths a::after{font-size:18px;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){
 .hero-phrase{transition:none!important;translate:none!important}
}