.phaseflow-page{min-height:calc(100 * var(--layout-vh, 1vh));background:#fff;color:#242326;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif}
.phaseflow-page .topbar{background:rgba(255,255,255,.92);border-color:#ededed}
.phaseflow-main{width:min(980px,calc(100% - 64px));margin:0 auto;padding:52px 0 110px}
.phaseflow-back{display:inline-block;margin-bottom:36px;color:#777;text-decoration:none;font-size:13px;font-weight:600;transition:color .2s}
.phaseflow-back:hover{color:#dd8294}
.phaseflow-hero{padding:0 0 34px;border-bottom:1px solid #e8e5e6}
.phaseflow-kicker{color:#cf8292;font-size:11px;font-weight:700;letter-spacing:.16em}
.phaseflow-hero h1{margin:16px 0 18px;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:clamp(48px,calc(7 * var(--layout-vw, 1vw)),76px);line-height:.95;letter-spacing:-.065em;font-weight:700}
.phaseflow-deck{max-width:800px;margin:0;color:#4b484c;font-size:clamp(21px,calc(3 * var(--layout-vw, 1vw)),30px);line-height:1.28;letter-spacing:-.025em}
.phaseflow-copy{max-width:820px;padding-top:30px;color:#4b494d;font-size:16px;line-height:1.8}
.phaseflow-copy>p{margin:0 0 22px}
.phaseflow-section{margin-top:46px}
.phaseflow-section h2{margin:0 0 18px;color:#242326;font-size:25px;letter-spacing:-.04em}
.phaseflow-section ul{margin:0;padding:0;list-style:none;display:grid;gap:0}
.phaseflow-section li{position:relative;padding:13px 10px 13px 27px;border-bottom:1px solid #efedef}
.phaseflow-section li:before{content:"";position:absolute;left:4px;top:23px;width:7px;height:7px;border-radius:50%;background:#e58ba2}
.phaseflow-role{margin-top:52px;padding:26px 30px;border-left:3px solid #e58ba2;background:linear-gradient(105deg,#fff7f8,#fff 78%)}
.phaseflow-role p{margin:0}
@media(max-width:700px){.phaseflow-main{width:calc(100% - 40px);padding:32px 0 72px}.phaseflow-back{margin-bottom:28px}.phaseflow-copy{font-size:15px}.phaseflow-section{margin-top:34px}.phaseflow-role{padding:22px 20px}}
.phaseflow-copy{font-size:18px;line-height:1.78}
@media(max-width:700px){.phaseflow-copy{font-size:17px;line-height:1.75}}
.phaseflow-deck{font-size:clamp(19px,calc(2 * var(--layout-vw, 1vw)),22px)}
.phaseflow-hero h1{font-size:clamp(44px,calc(6.2 * var(--layout-vw, 1vw)),68px)}
.phaseflow-back{font-size:15px}
.phaseflow-kicker{font-size:12px}
.phaseflow-back{margin-bottom:22px}
.phaseflow-kicker{line-height:1.1}
.phaseflow-hero{position:relative;max-width:830px;padding-bottom:20px}
.phaseflow-github{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;margin:22px 0 0;padding:12px 20px;border:1px solid #242326;border-radius:6px;background:#242326;color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}
.phaseflow-github:hover{background:#4b484c;border-color:#4b484c}
.phaseflow-github:focus-visible{outline:3px solid #e58ba2;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.phaseflow-github{transition:none}}
