.rotating-word{display:inline-grid}.rotating-word-item{white-space:nowrap;opacity:0;visibility:hidden;grid-area:1/1;translate:0 .28em}.rotating-word-item[data-state=current]{opacity:1;visibility:visible;translate:0}.rotating-word-item[data-state=leaving]{translate:0 -.28em}@media (prefers-reduced-motion:no-preference){.rotating-word-item[data-state=leaving]{transition:opacity .3s ease-in,translate .4s cubic-bezier(.55,0,1,.45),visibility 0s linear .4s}.rotating-word-item[data-state=current]{transition:opacity .4s ease-out .15s,translate .55s cubic-bezier(.22,1,.36,1) .15s}}
.slot-word{--slot-pad-x:.15em;--slot-pad-top:.08em;--slot-pad-bottom:.1em;box-sizing:content-box;padding:var(--slot-pad-top) var(--slot-pad-x) var(--slot-pad-bottom);margin:calc(-1 * var(--slot-pad-top)) calc(-1 * var(--slot-pad-x)) calc(-1 * var(--slot-pad-bottom));clip-path:inset(0);white-space:nowrap;display:inline-block;position:relative}.slot-word:before{content:attr(data-word);visibility:hidden}.slot-word-strip{top:var(--slot-pad-top);left:var(--slot-pad-x);flex-direction:column;gap:.25em;display:flex;position:absolute}.slot-word-strip>span{width:max-content}
.process{--rail:color-mix(in srgb, var(--ink) 14%, transparent);min-height:100svh;position:relative;overflow:hidden}.process-head{z-index:2;top:calc(72px + env(safe-area-inset-top,0px) + 32px);left:var(--gutter);right:var(--gutter);color:var(--ink);flex-direction:column;gap:20px;display:flex;position:absolute}.process-head>*{margin:0}.process-heading{font-size:max(24px, calc(var(--fs-section) * .5))}.process-track{width:max-content;height:100svh;padding-inline:var(--gutter);align-items:center;gap:10vw;margin:0;list-style:none;display:flex}.process-panel{flex-direction:column;flex:none;gap:28px;width:min(62vw,860px);display:flex}.process-num{color:var(--accent-deep);transform-origin:0 100%;font-size:32px;display:inline-block}.process-text{flex-direction:column;gap:28px;display:flex}.process-title{font-size:var(--fs-section);margin:0}.process-body{color:var(--ink);opacity:.78;margin:0}.process-rail{z-index:2;left:var(--gutter);right:var(--gutter);background:var(--rail);height:2px;position:absolute;bottom:72px}.process-rail-fill{background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.process-marker{border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:14px;height:14px;transition:border-color .25s;position:absolute;top:50%;translate:-50% -50%}.process-marker-dot{background:var(--accent);border-radius:50%;transition:scale .25s;position:absolute;inset:2px;scale:0}.process-marker.is-filled{border-color:var(--accent)}.process-marker.is-filled .process-marker-dot{scale:1}.process-marker-label{color:var(--ink);font-size:13px;position:absolute;top:18px;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.process-marker,.process-marker-dot{transition:none}}:root:not([data-motion=rich]) .process{min-height:0;padding-block:var(--section-space)}:root:not([data-motion=rich]) .process-head{padding-inline:var(--gutter);gap:28px;margin-bottom:72px;position:static}:root:not([data-motion=rich]) .process-heading{font-size:var(--fs-section)}@media (max-width:760px){:root:not([data-motion=rich]) .process-head{margin-bottom:40px}}:root:not([data-motion=rich]) .process-track{flex-direction:column;align-items:stretch;gap:64px;width:auto;height:auto;transform:none!important}:root:not([data-motion=rich]) .process-panel{gap:18px;width:auto}:root:not([data-motion=rich]) .process-num{font-size:24px;transform:none!important}:root:not([data-motion=rich]) .process-text{gap:18px;transform:none!important}:root:not([data-motion=rich]) .process-rail{display:none}[data-motion=rich] .process-track,[data-motion=rich] .process-num,[data-motion=rich] .process-text,[data-motion=rich] .process-rail-fill{will-change:transform}[data-motion=rich] .process-panel{will-change:opacity}@media (max-width:760px){:root[data-motion]:not([data-motion=rich]) .process-track{padding:0 var(--gutter) 2px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;flex-direction:row;align-items:stretch;gap:12px;overflow-x:auto}:root[data-motion]:not([data-motion=rich]) .process-track::-webkit-scrollbar{display:none}:root[data-motion]:not([data-motion=rich]) .process-panel{scroll-snap-align:start;background:color-mix(in srgb, var(--ink) 4%, var(--paper));border:1px solid color-mix(in srgb, var(--ink) 12%, transparent);flex:0 0 84%;gap:22px;padding:26px 24px 30px}:root[data-motion]:not([data-motion=rich]) .process-num{font-size:40px}:root[data-motion]:not([data-motion=rich]) .process-title{font-size:clamp(30px,9vw,40px)}:root[data-motion]:not([data-motion=rich]) .process-head{margin-bottom:28px}:root[data-motion]:not([data-motion=rich]) .process .process-rail{margin:30px calc(var(--gutter) + 7px) 32px;display:block;position:relative;bottom:auto;left:auto;right:auto}.process .process-rail-fill{transition:transform .12s linear}.process .process-marker.is-current .process-marker-label{color:var(--accent-deep)}.process .process-marker:last-of-type .process-marker-label{left:auto;right:-7px;translate:none}.process .process-marker:first-of-type .process-marker-label{left:-7px;translate:none}}
.stats{--rail:color-mix(in srgb, var(--paper) 16%, transparent);--stats-ease:cubic-bezier(.2, .7, .2, 1)}.stats-stage{z-index:1;position:relative}.stats-head{z-index:1;justify-content:space-between;align-items:baseline;gap:24px;display:flex;position:relative}.stats-head>*{margin:0}.stats-counter{color:var(--dim)}.stats-list{z-index:1;margin:0;padding:0;list-style:none;position:relative}.stats-item{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:64px;display:grid}.stats-number{font-size:min(var(--fs-counter), 30svh);white-space:nowrap;margin:0}.stats-prefix{font-family:var(--font-italic);letter-spacing:0;text-transform:none;color:var(--dim);margin-right:.25em;font-size:.3em;font-style:italic}.stats-unit{color:var(--accent)}.stats-digit{--slot-pad-x:.06em;--slot-pad-top:.06em;--slot-pad-bottom:.06em;--step:1.25em}.stats-digit .slot-word-strip{right:var(--slot-pad-x);gap:calc(var(--step) - 1em);text-align:center;transform:translateY(calc(var(--to) * var(--step) * -1));-webkit-user-select:none;user-select:none}.stats-digit .slot-word-strip>span{width:auto}.stats-text{flex-direction:column;gap:24px;display:flex}.stats-statement{margin:0;font-size:clamp(30px,3.6vw,52px)}.stats-line{font-family:var(--font-italic);margin:0;font-size:clamp(22px,2.1vw,30px);font-style:italic;line-height:1.2}.stats-source{color:var(--dim);margin:0;font-size:12px;line-height:1.4}@media (max-width:760px){.stats-item{grid-template-columns:minmax(0,1fr);gap:24px}.stats-number{font-size:clamp(88px,27vw,140px)}.stats-text{gap:20px}}.stats .process-marker{border-color:var(--dim);background:var(--ink)}.stats .process-marker.is-filled{border-color:var(--accent)}.stats .process-marker-label{color:var(--dim);white-space:nowrap;transition:color .25s}.stats .process-marker.is-current .process-marker-label{color:var(--paper)}.stats .process-marker:first-of-type .process-marker-label{left:0;translate:none}.stats-item--teal,.stats-orb--teal{--glow:var(--teal);--glow-alpha:.45}.stats-item--plum,.stats-orb--plum{--glow:var(--plum);--glow-alpha:.7}.stats-item--rust,.stats-orb--rust{--glow:var(--accent);--glow-alpha:.45}.stats-item-count{display:none}[data-motion=rich] .stats{height:400svh}[data-motion=rich] .stats-stage{height:100svh;margin-inline:calc(-1 * var(--gutter));padding:calc(72px + env(safe-area-inset-top,0px) + 32px) var(--gutter) 128px;grid-template-rows:auto minmax(0,1fr);row-gap:32px;display:grid;position:sticky;top:0;overflow:clip}[data-motion=rich] .stats-list{align-items:center;display:grid}[data-motion=rich] .stats-item{grid-area:1/1}[data-motion=rich] .stats:not([data-live]) .stats-item:not(:first-child){opacity:0}.stats[data-live] .stats-item{opacity:0;transition:opacity .6s var(--stats-ease), translate .6s var(--stats-ease);translate:0 40px}.stats[data-live] .stats-item[data-state=past]{translate:0 -40px}.stats[data-live] .stats-item[data-state=active]{opacity:1;translate:none}.stats[data-live] .stats-item:not([data-state=active]) .slot-word-strip{transition:transform 0s linear .6s;transform:none}.stats[data-live] .stats-item[data-state=active] .slot-word-strip{transition:transform 1.3s var(--stats-ease) calc(.15s + var(--i) * .1s)}.stats-glow{--mesh-travel:80px;--mesh-period:9s;inset:0}.stats-orb{--orb:var(--glow);top:50%;left:calc(var(--gutter) + 15vw);aspect-ratio:1;opacity:0;visibility:hidden;width:min(720px,56vw);animation-duration:var(--mesh-period);transition:opacity .9s,visibility 0s linear .9s;translate:-50% -50%}.stats-orb.is-on{opacity:var(--glow-alpha);visibility:visible;transition:opacity .9s,visibility}.stats-orb--teal{animation-name:mesh-orbit-teal}.stats-orb--plum{animation-name:mesh-orbit-plum;animation-duration:calc(var(--mesh-period) * 1.3)}.stats-orb--rust{animation-name:mesh-orbit-rust;animation-duration:calc(var(--mesh-period) * 1.15)}[data-motion=rich] .stats-digit .slot-word-strip{will-change:transform}:root:not([data-motion=rich]) .stats{padding-block:var(--section-space)}:root:not([data-motion=rich]) .stats-stage{flex-direction:column;gap:64px;display:flex}:root:not([data-motion=rich]) .stats-list{flex-direction:column;gap:96px;display:flex}:root:not([data-motion=rich]) :is(.stats-counter,.stats-glow){display:none}@media (max-width:760px){:root:not([data-motion=rich]) .stats-stage{gap:40px}:root:not([data-motion=rich]) .stats-list{gap:64px}}@media (min-width:761px){:root[data-motion=simple] .stats{--stats-block-top:calc(72px + env(safe-area-inset-top,0px) + 24px);padding-block:0;overflow:clip}:root[data-motion=simple] .stats-head{top:var(--stats-block-top);position:absolute;left:0;right:0}:root[data-motion=simple] .stats-list{gap:0}:root[data-motion=simple] .stats-item{min-height:100svh;padding-block:calc(var(--stats-block-top) + 48px);align-content:center;position:relative}:root[data-motion=simple] .stats-item-count{top:var(--stats-block-top);color:var(--dim);margin:0;font-size:13px;display:block;position:absolute;right:0}:root[data-motion=simple] .stats-number{isolation:isolate;position:relative}:root[data-motion=simple] .stats-text{position:relative}:root[data-motion=simple] .stats-number:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side, var(--glow) 0%, color-mix(in srgb, var(--glow) 70%, transparent) 35%, color-mix(in srgb, var(--glow) 28%, transparent) 68%, transparent 100%);width:5em;opacity:var(--glow-alpha);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:1em;translate:-50% -50%}:root[data-motion=simple] .stats-item[data-armed]:not([data-play]) .slot-word-strip{transform:none}:root[data-motion=simple] .stats-item[data-play] .slot-word-strip{transition:transform 1.3s var(--stats-ease) calc(.15s + var(--i) * .1s)}}.stats-bars{display:none}@media (max-width:760px){:root[data-motion=simple] .stats{height:250svh;padding-block:0;overflow:clip}:root[data-motion=simple] .stats-stage{height:100svh;margin-inline:calc(-1 * var(--gutter));padding:calc(64px + env(safe-area-inset-top,0px) + 20px) 0 calc(24px + env(safe-area-inset-bottom,0px));touch-action:pan-y;flex-direction:column;gap:0;display:flex;position:sticky;top:0;overflow:clip}:root[data-motion=simple] .stats-head{padding-inline:var(--gutter)}:root[data-motion=simple] .stats .stats-counter{font-variant-numeric:tabular-nums;display:block}:root[data-motion=simple] .stats-bars{z-index:1;margin:16px var(--gutter) 0;gap:6px;display:flex;position:relative}.stats-bar{background:color-mix(in srgb, var(--paper) 18%, transparent);border-radius:1px;flex:1;height:2px;transition:background-color .3s}.stats-bar[data-state=past]{background:color-mix(in srgb, var(--paper) 60%, transparent)}.stats-bar[data-state=active]{background:var(--accent)}:root[data-motion=simple] .stats-list{min-height:0;translate:calc(-100% * var(--active,0) + var(--drag,0px)) 0;transition:translate .55s var(--stats-ease);will-change:translate;flex-direction:row;flex:1;gap:0;display:flex}.stats[data-dragging] .stats-list{transition:none}:root[data-motion=simple] .stats-item{min-width:0;padding-inline:var(--gutter);flex-direction:column;flex:0 0 100%;justify-content:center;align-items:stretch;gap:22px;display:flex}:root[data-motion=simple] .stats-number{font-size:clamp(64px,min(30vw,15svh),132px)}:root[data-motion=simple] .stats-text{gap:16px}:root[data-motion=simple] .stats-statement{font-size:clamp(26px,min(8.4vw,4.4svh),36px)}:root[data-motion=simple] .stats .stats-glow{display:block}:root[data-motion=simple] .stats .stats-orb{width:120vw;top:40%;left:30%;scale:none}.stats[data-track] .stats-item:not([data-state=active]) .slot-word-strip{transition:transform 0s linear .55s;transform:none}.stats[data-track] .stats-item[data-state=active] .slot-word-strip{transition:transform 1.3s var(--stats-ease) calc(.1s + var(--i) * .1s)}.stats-w{clip-path:inset(-.15em -.1em -.2em);display:inline-block}.stats-w>span{display:inline-block}.stats[data-track] .stats-item:not([data-state=active]) .stats-w>span{transition:translate 0s linear .55s;translate:0 125%}.stats[data-track] .stats-item[data-state=active] .stats-w>span{transition:translate .45s var(--stats-ease) calc(.12s + var(--ln,0) * 70ms)}.stats[data-track] .stats-item:not([data-state=active]) :is(.stats-line,.stats-source){opacity:0;transition:opacity 0s linear .55s,translate 0s linear .55s;translate:0 12px}.stats[data-track] .stats-item[data-state=active] :is(.stats-line,.stats-source){--after:calc(.3s + var(--lines,4) * 70ms);transition:opacity .5s ease var(--after), translate .5s var(--stats-ease) var(--after)}.stats[data-track] .stats-item[data-state=active] .stats-source{--after:calc(.4s + var(--lines,4) * 70ms)}}
