.ci{--ci-nav-h:64px;color:var(--color-ink-700)}.ci-hero{min-height:calc(100svh - var(--ci-nav-h));flex-direction:column;align-items:center;padding-bottom:28px;display:flex}.ci-hero-inner{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding-block:48px 32px;display:flex}.ci-title{max-width:18ch;font-family:var(--font-display);font-size:var(--text-display-xl);font-weight:700;line-height:var(--text-display-xl--line-height);color:var(--color-ink-900);text-wrap:balance;margin:0 0 24px}.ci-lede{max-width:52rem;font-family:var(--font-display);color:var(--color-ink-900);text-wrap:balance;margin:0;font-size:clamp(1.25rem,1.05rem + .8vw,1.625rem);font-weight:500;line-height:1.4}.ci-about{box-sizing:border-box;border:1px solid var(--color-cream-deep);background:color-mix(in oklab, #fff 70%, var(--color-cream));text-align:left;text-wrap:pretty;border-radius:14px;width:100%;max-width:42rem;margin:32px 0 0;padding:20px 24px;font-size:1.0625rem;line-height:1.65}.ci-facts{border:1px solid var(--color-cream-deep);background:var(--color-cream-deep);border-radius:14px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1px;width:100%;max-width:34rem;margin:28px 0 0;display:grid;overflow:hidden}.ci-fact{background:color-mix(in oklab, #fff 70%, var(--color-cream));flex-direction:column;gap:2px;padding:14px 12px;display:flex}.ci-fact dt{font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-ink-500)}.ci-fact dd{font-family:var(--font-display);color:var(--color-ink-900);margin:0;font-size:1.125rem;font-weight:700;line-height:1.3}.ci-more{border-radius:var(--radius-pill);color:var(--color-purple-ink);align-items:center;gap:10px;padding:8px 14px;font-weight:700;text-decoration:none;display:inline-flex}.ci-more:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.ci-details{scroll-margin-top:var(--ci-nav-h);padding-block:64px 96px}.ci-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"path""goals";row-gap:48px;display:grid}@media (min-width:64rem){.ci-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"path goals";column-gap:88px}}.ci-limits{max-width:40rem;font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-ink-500);grid-column:1/-1;margin:0}.ci-subhead{font-family:var(--font-display);font-size:var(--text-title);font-weight:700;line-height:var(--text-title--line-height);color:var(--color-ink-900);margin:0 0 32px}.ci-start{flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:40px;display:flex}.ci-start [role=dialog]{text-align:left}.ci-form{flex-direction:column;gap:16px;display:flex}.ci-form-title{font-family:var(--font-display);font-size:var(--text-title);font-weight:700;line-height:var(--text-title--line-height);color:var(--color-ink-900);margin:0}.ci-notice{color:var(--color-ink-900);margin:0;font-weight:700}.ci-error{color:var(--color-coral-ink);margin:0;font-weight:700}.ci-quiet-link{font:inherit;color:var(--color-purple-ink);text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:4px;align-self:flex-start;padding:2px 0;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.ci-quiet-link:hover{text-decoration-thickness:2px}.ci-quiet-link:disabled{color:var(--color-ink-500);cursor:default;text-decoration:none}.ci-start>.ci-quiet-link{align-self:center}.ci-storage-note{font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-ink-500);margin:0}.ci-welcome{flex-direction:column;gap:16px;display:flex}.ci-welcome .ci-form-title:focus{outline:none}.ci-welcome-intro{color:var(--color-ink-900);flex-direction:column;gap:8px;display:flex}.ci-welcome-intro>p{margin:0}.ci-welcome-list{border-top:1px solid var(--color-ink-200);margin:0;padding:16px 0 0 1.25em;font-size:.95rem;line-height:1.5;list-style:outside}.ci-welcome-list>*+*{margin-top:4px}.ci-welcome-list li::marker{color:var(--color-ink-300)}.ci-welcome-limits{font-size:var(--text-caption);line-height:var(--text-caption--line-height);color:var(--color-ink-500);margin:0}.ci-welcome>:last-child{margin-top:4px}.ci-path{grid-area:path}.ci-steps{--ci-minute:14px;--ci-node:40px;--ci-line:3px;margin:0;padding:0;list-style:none}@media (min-width:40rem){.ci-steps{--ci-minute:18px}}.ci-step{grid-template-columns:var(--ci-node) minmax(0, 1fr);padding-bottom:calc(16px + var(--ci-minutes,0) * var(--ci-minute));column-gap:20px;display:grid;position:relative}.ci-step:before{content:"";left:calc((var(--ci-node) - var(--ci-line)) / 2);top:var(--ci-node);bottom:calc(var(--ci-node) / -2);width:var(--ci-line);border-radius:var(--ci-line);background:color-mix(in oklab, var(--color-teal) 55%, var(--color-cream));transform-origin:top;animation:.42s ease-out both ci-draw;animation-delay:calc(.25s + var(--ci-i,0) * .3s);position:absolute}.ci-step-certificate{padding-bottom:0}.ci-step-certificate:before{content:none}@keyframes ci-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.ci-step:before{animation:none}}.ci-node{z-index:1;width:var(--ci-node);height:var(--ci-node);border:2px solid var(--color-teal-ink);font-family:var(--font-display);color:var(--color-teal-ink);background:#fff;border-radius:50%;place-items:center;font-size:1.125rem;font-weight:700;line-height:1;display:grid;position:relative}.ci-step-check .ci-node{width:20px;height:20px;margin:10px}.ci-step-certificate .ci-node{background:var(--color-teal-ink);color:#fff}.ci-step-certificate .ci-node svg{width:22px;height:22px}.ci-step-body{min-width:0;max-width:34rem;padding-top:5px}.ci-step-title{font-family:var(--font-display);font-size:var(--text-title);font-weight:700;line-height:var(--text-title--line-height);color:var(--color-ink-900);margin:0}.ci-step-detail{color:var(--color-ink-500);margin:4px 0 0}.ci-goals{grid-area:goals;max-width:38rem}.ci-goals .ci-subhead{margin-bottom:16px}.ci-goal-list{margin:0;padding-left:1.25em;list-style:outside}.ci-goal-list li{padding-left:4px}.ci-goal-list li+li{margin-top:8px}.ci-goal-list li::marker{color:var(--color-ink-300)}
