@font-face{font-family:Barlow;src:url('assets/fonts/barlow-black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/fonts/barlow-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Space;src:url('assets/fonts/space-grotesk.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
:root{--paper:#f5f2ea;--ink:#11121a;--blue:#304bff;--lilac:#c9beff;--muted:#62636c;--line:#d7d5cf;--gutter:clamp(22px,4.5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 Space,Arial,sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto;display:block}svg{display:block}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2{font-family:Barlow,'Arial Narrow',Impact,sans-serif;font-weight:900;line-height:.94;letter-spacing:-.02em}h2{font-size:clamp(52px,5.8vw,88px)}h3{font-size:24px;line-height:1.25;letter-spacing:-.035em}p+p{margin-top:20px}:focus-visible{outline:3px solid var(--blue);outline-offset:6px}a{outline-offset:5px}::selection{background:var(--lilac);color:var(--ink)}.wrap{width:min(100%,1600px);margin-inline:auto;padding-inline:var(--gutter)}.section-space{padding-block:112px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:26px;display:flex;align-items:center;gap:10px}.signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--blue);flex-shrink:0}.text-blue{color:var(--blue)}.text-lilac{color:var(--lilac)}.micro{font-size:11px;line-height:1.65;color:var(--muted)}.skip-link{position:fixed;left:20px;top:12px;padding:12px 22px;z-index:10;background:var(--ink);color:var(--paper);transform:translateY(-200%)}.skip-link:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:18px 22px;min-height:58px;text-decoration:none;font-weight:600;font-size:14px;border-radius:3px;transition:background .2s,transform .2s}.button span{font-size:25px;line-height:1}.button:hover{transform:translateY(-2px)}.button-blue{background:var(--blue);color:var(--paper)}.button-blue:hover{background:#203be4}.button-ink{background:var(--ink);color:var(--paper)}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;text-underline-offset:6px;font-weight:600}.text-link span{font-size:22px}
.site-header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.brand span{font:900 32px/.9 Barlow,Impact,sans-serif;white-space:nowrap;letter-spacing:.01em}.site-menu{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.site-menu a{text-decoration:none;padding-block:10px}.site-menu a:hover{text-decoration:underline;text-underline-offset:5px}.nav-availability{border-bottom:1px solid var(--ink);display:flex;gap:24px}.menu-toggle{display:none}.hero{padding-top:28px;display:grid;grid-template-columns:1.04fr 1fr;column-gap:clamp(24px,3vw,52px);align-items:center}.hero-copy{padding-block:16px 32px}.hero h1{font-size:clamp(82px,9.5vw,146px);line-height:.86;letter-spacing:-.025em;margin-bottom:30px;position:relative;z-index:1}.echo-word{position:relative;color:var(--blue);display:inline-block;isolation:isolate}.echo-word>span{position:absolute;left:7px;top:7px;color:var(--lilac);z-index:-1;animation:echo 5s ease-in-out infinite}.hero-intro{font-size:clamp(18px,1.55vw,24px);font-weight:600;line-height:1.35;max-width:440px}.hero-detail{max-width:390px;font-size:14px;color:var(--muted);margin-top:14px}.hero .button{margin-top:26px;min-width:260px}.availability-note{margin-top:12px;font-size:10px;color:var(--muted)}.hero-art{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.campaign-frame{height:clamp(560px,48vw,735px);position:relative;background:var(--blue);overflow:hidden}.campaign{height:100%;width:100%;object-fit:cover;object-position:58% 55%}.photo-topline{position:absolute;inset:26px 26px auto;display:flex;justify-content:space-between;gap:16px;color:var(--paper);font-size:9px;letter-spacing:.14em;font-weight:600}.photo-orbit{position:absolute;inset:0;height:100%;width:100%;fill:none;stroke:var(--paper);stroke-width:.7;opacity:.4;pointer-events:none}.photo-orbit ellipse:last-child{stroke-dasharray:6 9}.photo-title{position:absolute;bottom:28px;left:26px;font:900 clamp(44px,4.5vw,70px)/.9 Barlow,Impact,sans-serif;color:var(--paper);letter-spacing:-.01em}.photo-direction{position:absolute;right:28px;bottom:20px;color:var(--paper);font-size:80px;line-height:1}.hero-art figcaption{font-size:9px;color:var(--muted);padding-top:9px}.hero-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:22px 0;margin-top:38px;font-size:10px;letter-spacing:.06em;font-weight:600}.hero-footer a{text-decoration:none;display:flex;align-items:center;gap:25px}.hero-footer a span{font-size:20px}
.ghost-section{background:#eeebe3}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;column-gap:10%;align-items:end;margin-bottom:62px}.section-heading .eyebrow{grid-column:1/-1}.section-heading>p:last-child{max-width:345px;font-size:16px;padding-bottom:4px}.ghost-explainer{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:center}.track-board{background:var(--paper);border:1px solid #dedbd3;overflow:hidden;padding-block:24px;position:relative}.track-heading{padding-inline:26px;font-size:9px;letter-spacing:.12em;display:flex;justify-content:space-between;font-weight:700}.track-heading>span:last-child{font-size:23px}.track-svg{width:100%;margin-block:-8px 0}.track-svg path{fill:none;stroke-width:2}.track-svg .track-guide{stroke:#dcd9d1}.track-svg .track-current{stroke:var(--blue);stroke-width:10;stroke-dasharray:570 1200;animation:trail 6s ease-in-out infinite}.track-svg .track-previous{stroke:var(--lilac);stroke-width:10;stroke-dasharray:470 1200;animation:trail 6s ease-in-out infinite .4s}.runner-current{fill:var(--blue);stroke:var(--paper);stroke-width:5;animation:runner 6s ease-in-out infinite}.runner-previous{fill:var(--lilac);stroke:var(--ink);stroke-width:2;animation:runner 6s ease-in-out infinite .4s}.track-legend{display:flex;justify-content:center;gap:26px;font-size:11px;font-weight:600}.track-legend>span{display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;display:inline-block;border-radius:50%}.dot-blue{background:var(--blue)}.dot-lilac{background:var(--lilac);border:1px solid #8276b0}.track-board .micro{font-size:9px;text-align:center;margin-top:12px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:22px;border-bottom:1px solid #d3d0c8;padding-block:25px}.steps li:first-child{padding-top:0}.step-number{color:var(--blue);font:600 20px/1.3 Barlow,sans-serif;padding-top:2px}.steps h3{font-size:19px;letter-spacing:-.03em}.steps p{font-size:13px;color:var(--muted);margin-top:10px;max-width:370px}.comparison-note{font-size:10px;color:var(--muted);max-width:480px;margin-top:25px}
.app-section{background:var(--ink);color:var(--paper)}.app-section :focus-visible{outline-color:var(--lilac)}.app-section-head{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:9%;margin-bottom:74px}.app-section-head>.eyebrow{grid-column:1/-1}.app-section-head>p{max-width:360px;font-size:19px;color:#c4c3c9}.app-scenes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.app-scene{background:#1c1e2b;position:relative;overflow:hidden;min-width:0;padding:38px;display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:start}.app-scene-gym{background:#252336}.scene-index{display:block;font-size:9px;letter-spacing:.13em;color:var(--lilac);font-weight:600;margin-bottom:23px}.scene-copy h3{font:600 35px/.98 Barlow,Impact,sans-serif;letter-spacing:0;margin-bottom:22px}.scene-copy p{font-size:12px;color:#d0ced6}.feature-list{list-style:none;padding:0;margin:24px 0 0;font-size:11px;color:#d0ced6}.feature-list li{padding:10px 0;border-bottom:1px solid #42414f}.feature-list li:before{content:'↗';padding-right:8px;color:var(--lilac)}.app-scene .micro{color:#aaa6bb;font-size:9px;margin-top:18px}.phone-figure{margin-top:52px}.phone-shell{padding:5px;background:#484854;border:1px solid #62616f;border-radius:25px;overflow:hidden;box-shadow:0 16px 35px #0004}.phone-shell img{width:100%;border-radius:19px;background:var(--paper);aspect-ratio:420/887;object-fit:contain}.phone-figure figcaption{font-size:8px;color:#b4b0c1;line-height:1.6;margin-top:14px;text-align:center}
.studio-section{overflow:hidden}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.studio-copy{max-width:500px}.section-intro{font-size:24px;font-weight:500;line-height:1.4}.studio-copy .section-intro{margin-top:30px}.studio-copy>p:not(.eyebrow):not(.section-intro):not(.micro){font-size:14px;color:var(--muted);max-width:370px;margin-top:16px}.style-picker{margin-block:30px;display:none}.js .style-picker{display:block}.style-picker button{width:100%;display:flex;align-items:center;gap:20px;padding:16px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;font-size:16px;font-weight:500}.style-picker button:first-child{border-top:1px solid var(--line)}.style-picker button span{font:600 16px Barlow,sans-serif;color:var(--muted)}.style-picker button i{margin-left:auto;font-style:normal;font-size:22px}.style-picker button:hover{background:#ebe8e1}.style-picker button[aria-pressed=true]{background:var(--blue);color:var(--paper);border-color:var(--blue)}.style-picker button[aria-pressed=true] span{color:var(--paper)}.format-note{display:flex;gap:26px;margin-block:24px;font-size:9px;letter-spacing:.07em}.format-note span{display:flex;align-items:center;gap:10px}.format-note b{padding:3px 8px;border:1px solid var(--line);font-size:12px}.studio-copy>.micro{max-width:385px}.poster-stage{position:relative;padding:30px 48px 20px 30px;isolation:isolate;min-width:0}.poster-stage:before{content:'';position:absolute;inset:40px -90px 70px -20px;background:var(--lilac);transform:rotate(-8deg);z-index:-3}.poster-offset{position:absolute;inset:48px 25px 80px 65px;background:var(--blue);transform:rotate(6deg);z-index:-1;border:1px solid var(--blue)}.main-poster{position:relative;transform:rotate(-3deg);margin:auto;max-width:360px}.main-poster>img{width:100%;aspect-ratio:9/16;background:var(--paper);border:1px solid var(--ink);box-shadow:0 18px 40px #11121a20}.main-poster figcaption{padding-top:18px;transform:rotate(3deg);font-size:10px;line-height:1.5;min-height:65px;display:flex;flex-direction:column;gap:4px}.main-poster figcaption strong{font-size:13px}.stage-label{font-size:9px;letter-spacing:.14em;font-weight:600;position:relative;display:block;margin-bottom:22px}.stage-arrow{position:absolute;font-size:100px;line-height:1;bottom:75px;right:5px;color:var(--blue);pointer-events:none}
.your-data{background:var(--lilac);padding-block:86px}.data-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:center}.data-grid h2{font-size:clamp(46px,5.2vw,78px)}.data-copy>.section-intro{font-size:22px}.data-copy>p+p{font-size:13px;margin-top:20px;max-width:420px}.data-copy .text-link{margin-top:24px}.closing-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:start}.closing-grid h2{font-size:clamp(68px,6.7vw,104px)}.release-status{display:flex;gap:10px;align-items:center;margin-top:32px;font-size:12px}.release-copy{font-size:13px;color:var(--muted);max-width:380px;margin-top:16px}.closing-grid .button{margin-top:24px}.faq{padding-top:5px}.faq details{border-bottom:1px solid var(--line);padding-block:20px}.faq details:first-of-type{border-top:1px solid var(--line)}.faq summary{font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;min-height:26px}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:24px;line-height:1;flex-shrink:0;font-weight:400}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{font-size:12px;color:var(--muted);padding-top:18px;padding-right:20px}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding-top:36px;padding-bottom:28px}.site-footer .brand span{font-size:27px}.footer-tagline{font-size:9px;font-weight:600;letter-spacing:.15em}.footer-links{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:10px}.footer-links a{text-underline-offset:4px}#motion-toggle{display:none;background:transparent;border:1px solid #bdbab4;padding:10px 12px;font-size:10px;min-height:40px}.js #motion-toggle{display:block}.footer-note{width:100%;font-size:9px;color:var(--muted);margin-top:4px}.doc-content{max-width:860px;padding-top:65px;padding-bottom:90px}.doc-content h1{font-size:72px;margin-bottom:35px}.doc-content h2{font-family:Space,sans-serif;font-size:22px;line-height:1.3;letter-spacing:-.02em;margin-top:38px;margin-bottom:15px}.doc-content p,.doc-content li{font-size:15px;line-height:1.8}.doc-content>p:first-of-type{font-size:12px;color:var(--muted)}.doc-content a{color:var(--blue);text-underline-offset:4px}.doc-content ul{padding-left:20px}.doc-back{display:inline-block;margin-top:40px;font-size:13px}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.motion-paused [data-reveal]{transition:none}
@keyframes echo{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,2px)}}@keyframes trail{0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:-50}}@keyframes runner{0%,100%{transform:translateX(0)}50%{transform:translateX(45px)}}
@media(prefers-reduced-motion:no-preference){.js [data-reveal].is-visible{animation:enter .6s ease-out both}@keyframes enter{from{opacity:.55;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){.hero h1{font-size:151px}}
@media(max-width:1190px){.site-menu{gap:22px}.hero h1{font-size:10vw}.campaign-frame{height:610px}.app-scene{grid-template-columns:1fr;padding:30px}.scene-copy{max-width:350px}.scene-copy h3{font-size:42px}.scene-copy p{font-size:14px}.feature-list{font-size:12px}.phone-figure{width:230px;margin:30px auto 0}.phone-figure figcaption{font-size:10px}.app-scene .micro{font-size:10px}.studio-grid{gap:6%}.poster-stage{padding-right:30px}.stage-arrow{right:-10px}.section-space{padding-block:88px}}
@media(max-width:850px){.site-header{gap:25px;min-height:92px}.brand span{font-size:29px}.site-menu{gap:17px;font-size:11px}.nav-availability{gap:8px}.hero{column-gap:24px}.hero h1{font-size:11vw}.campaign-frame{height:570px}.hero-copy .eyebrow{font-size:9px}.hero-intro{font-size:19px}.hero-detail{font-size:12px}.hero .button{min-width:0;gap:20px;font-size:12px;padding:16px 18px}.photo-title{font-size:43px}.photo-direction{font-size:58px;right:20px}.photo-topline{inset:20px 20px auto;font-size:7px}.photo-topline>span:last-child{display:none}.hero-footer{font-size:8px}.section-heading{gap:30px;grid-template-columns:1.3fr 1fr}.section-heading>p:last-child{font-size:14px}.ghost-explainer{gap:30px}.steps li{gap:13px}.steps h3{font-size:17px}.steps p{font-size:12px}.track-legend{gap:14px;font-size:9px}.track-heading{padding-inline:18px;font-size:8px}.app-section-head{gap:40px}.app-section-head>p{font-size:16px}.app-scenes{gap:18px}.app-scene{padding:26px}.studio-copy .section-intro{font-size:21px}.studio-copy>p:not(.eyebrow):not(.section-intro):not(.micro){font-size:13px}.poster-stage{padding-left:12px;padding-right:24px}.stage-label{font-size:7px}.stage-arrow{font-size:70px}.data-grid{gap:30px}.data-copy>.section-intro{font-size:20px}.closing-grid{gap:40px}.footer-tagline{display:none}}
@media(max-width:680px){.section-space{padding-block:70px}.site-header{min-height:86px;position:relative;flex-wrap:wrap;gap:0;padding-top:20px;padding-bottom:20px}.brand img{width:33px;height:33px}.brand span{font-size:27px}.site-menu{width:100%;gap:18px;flex-wrap:wrap;padding-top:22px;font-size:12px}.js .menu-toggle{display:flex;gap:24px;align-items:center;min-height:44px;background:none;border:1px solid #bdbab4;padding:8px 12px;font-size:12px;margin-left:auto}.menu-toggle span{font-size:21px}.js .site-menu{display:none}.js .site-menu.is-open{display:flex;flex-direction:column;align-items:stretch;padding-top:18px;gap:0}.js .site-menu a{border-bottom:1px solid var(--line);padding:13px 0}.nav-availability{justify-content:space-between}.hero{display:flex;flex-direction:column;gap:0;padding-top:26px;align-items:stretch}.hero-copy{padding:0}.hero h1{font-size:clamp(67px,20vw,112px);line-height:.87;margin-bottom:28px}.hero-copy .eyebrow{font-size:10px;margin-bottom:26px}.hero-intro{font-size:22px;max-width:350px}.hero-detail{font-size:14px;max-width:350px}.hero .button{font-size:14px;min-height:58px;min-width:270px}.availability-note{font-size:10px;margin-top:13px}.hero-art{margin-top:32px}.campaign-frame{height:auto;aspect-ratio:1/1.03}.campaign{object-position:50% 59%;position:absolute;inset:0}.photo-orbit{display:none}.photo-title{font-size:54px;bottom:22px;left:22px}.photo-topline{font-size:8px}.photo-direction{font-size:70px;bottom:18px}.hero-art figcaption{font-size:9px}.hero-footer{margin-top:22px;display:flex;flex-direction:column;gap:12px;padding-block:20px;font-size:8px}.hero-footer a{align-self:flex-end;font-size:10px}.section-heading{display:block;margin-bottom:35px}.section-heading>p:last-child{font-size:15px;max-width:360px;margin-top:25px}.eyebrow{font-size:10px;margin-bottom:24px}h2{font-size:clamp(53px,12.5vw,76px)}.ghost-explainer{grid-template-columns:1fr;gap:34px}.track-svg{margin-block:-8px -10px}.track-heading{font-size:9px}.track-legend{font-size:10px}.track-board .micro{font-size:8px}.steps li{padding-block:24px;gap:18px}.steps h3{font-size:20px}.steps p{font-size:13px;max-width:100%}.step-number{font-size:22px}.comparison-note{font-size:10px;max-width:100%}.app-section-head{display:block;margin-bottom:40px}.app-section-head>p{font-size:16px;margin-top:24px;max-width:335px}.app-scenes{grid-template-columns:1fr;gap:22px}.app-scene{padding:30px 26px}.scene-copy{max-width:100%}.scene-copy h3{font-size:44px}.scene-copy p{max-width:330px}.scene-index{font-size:10px;margin-bottom:24px}.phone-figure{width:min(100%,270px);margin-top:28px}.feature-list{max-width:360px}.app-scene .micro{max-width:310px}.phone-shell{border-radius:30px}.phone-shell img{border-radius:24px}.studio-grid{display:flex;flex-direction:column;gap:38px}.studio-copy{max-width:100%;width:100%}.studio-copy .section-intro{font-size:24px;margin-top:26px}.studio-copy>p:not(.eyebrow):not(.section-intro):not(.micro){font-size:14px;max-width:350px}.style-picker{margin-block:24px}.style-picker button{padding:14px 12px;min-height:57px}.format-note{margin-block:24px 16px}.poster-stage{width:100%;max-width:480px;padding:20px 28px 10px 16px}.main-poster{max-width:300px}.poster-stage:before{inset:40px -30px 60px -30px}.poster-offset{inset:45px 8px 65px 45px}.stage-label{font-size:8px;margin-bottom:24px}.stage-arrow{font-size:82px;right:0;bottom:70px}.main-poster figcaption{font-size:10px;padding-top:20px}.data-grid{display:block}.data-grid h2{font-size:clamp(49px,11.7vw,72px)}.data-copy{margin-top:32px}.data-copy>.section-intro{font-size:22px}.data-copy>p+p{font-size:14px}.data-copy .text-link{font-size:12px;gap:12px;line-height:1.7}.closing-grid{display:block}.closing-grid h2{font-size:clamp(66px,15vw,90px)}.release-copy{max-width:350px;font-size:14px}.release-status{font-size:11px}.faq{margin-top:60px}.faq summary{font-size:14px;min-height:34px}.faq details>p{font-size:13px;padding-right:10px}.site-footer{gap:24px;padding-top:30px}.footer-links{width:100%;margin-left:0;justify-content:space-between;font-size:10px}.footer-note{font-size:9px;max-width:310px}.doc-content{padding-top:36px;padding-bottom:60px}.doc-content h1{font-size:58px}.doc-content h2{font-size:21px}.doc-content p,.doc-content li{font-size:14px}}
@media(max-width:360px){.hero h1{font-size:72px}.hero .button{min-width:0;width:100%}.brand span{font-size:25px}.js .menu-toggle{gap:14px}.hero-intro{font-size:20px}.data-copy .text-link{gap:5px}.app-scene{padding:26px 20px}.track-legend{gap:12px;font-size:9px}.hero-copy .eyebrow{font-size:9px}}
html:not(.js),html.motion-paused{scroll-behavior:auto}
.availability-note,.hero-art figcaption,.phone-figure figcaption,.main-poster figcaption,.track-board .micro{font-size:11px}.track-label{font-size:24px}
.track-svg .track-current,.track-svg .track-previous{stroke-dasharray:none;stroke-linecap:round;transform-box:view-box;transform-origin:40px 0;animation-duration:8s;animation-timing-function:linear;animation-delay:0s}.track-svg .track-current{transform:scaleX(.29);animation-name:today-trail}.track-svg .track-previous{transform:scaleX(.44);animation-name:record-trail}.runner-current{transform:translateX(120px);animation:runner 8s linear infinite}.runner-previous{transform:translateX(145px);animation:record-runner 8s linear infinite}.track-label{font:600 18px Space,Arial,sans-serif;letter-spacing:2px;fill:var(--muted)}.track-svg .finish-mark{stroke:var(--ink);stroke-width:2}.track-board #motion-toggle{margin:18px auto 0;min-height:44px;padding-inline:20px}
@keyframes runner{0%,8%{transform:translateX(0)}30%{transform:translateX(130px)}55%{transform:translateX(250px)}82%{transform:translateX(410px)}95%,100%{transform:translateX(505px)}}@keyframes record-runner{0%,8%{transform:translateX(15px)}30%{transform:translateX(145px)}55%{transform:translateX(270px)}82%{transform:translateX(380px)}95%,100%{transform:translateX(445px)}}@keyframes today-trail{0%,8%{transform:scaleX(.086)}30%{transform:scaleX(.31)}55%{transform:scaleX(.517)}82%{transform:scaleX(.793)}95%,100%{transform:scaleX(.957)}}@keyframes record-trail{0%,8%{transform:scaleX(.216)}30%{transform:scaleX(.44)}55%{transform:scaleX(.655)}82%{transform:scaleX(.845)}95%,100%{transform:scaleX(.957)}}
@media(max-width:680px){.studio-grid{gap:0}.studio-copy{display:contents}.studio-copy>.eyebrow{order:0;width:100%}.studio-copy>h2{order:1;width:100%}.studio-copy>.section-intro{order:2;width:100%}.studio-copy>p:not(.eyebrow):not(.section-intro):not(.micro){order:3;width:100%;align-self:flex-start}.studio-copy>noscript{order:4}.js .style-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;order:5;margin:26px 0 0}.style-picker button{border:1px solid var(--line);font-size:13px;gap:10px;padding:12px;min-height:53px}.style-picker button:first-child{border-top:1px solid var(--line)}.style-picker button[aria-pressed=true]{border-color:var(--blue)}.style-picker button span{font-size:13px}.style-picker button i{font-size:19px}.poster-stage{order:6;margin-top:30px}.studio-copy>.format-note{order:7;width:100%;margin-top:18px;margin-bottom:14px}.studio-copy>.micro{order:8;width:100%;align-self:flex-start}.studio-copy>.format-note b{font-size:12px}}
html:not(.js) *,html:not(.js) *:before,html:not(.js) *:after,.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html:not(.js){scroll-behavior:auto}html:not(.js) *,html:not(.js) *:before,html:not(.js) *:after{animation:none!important;transition:none!important}}
@media print{.site-menu,.menu-toggle,#motion-toggle,.button{display:none!important}.section-space{padding-block:32px}.app-section{background:var(--paper);color:var(--ink)}.app-scenes{display:block}.app-scene{break-inside:avoid;background:var(--paper);color:var(--ink)}.scene-copy p,.feature-list,.phone-figure figcaption{color:var(--ink)}.phone-figure{max-width:150px}.poster-stage{max-width:240px}.hero h1{font-size:72px}.campaign-frame{height:350px}.hero-copy .echo-word>span{display:none}}

@media(max-width:340px){.closing-grid h2{font-size:60px}}

/* Two running figures make the personal-reference concept visible without metrics. */
.race-svg{width:100%;height:auto;margin-block:0 16px;overflow:hidden}
.race-ground{fill:none;stroke:var(--line);stroke-width:2}
.race-lane{fill:none;stroke:var(--line);stroke-width:2;stroke-dasharray:20 20}
.race-svg .runner{fill:none;stroke:none;transform-box:view-box;transform-origin:0 0;animation-duration:10s;animation-timing-function:linear;animation-delay:0s}
.race-svg .runner-current{color:var(--blue);transform:translateX(405px);animation-name:runner}
.race-svg .runner-previous{color:#aa9bd0;transform:translateX(230px);animation-name:record-runner}
.athlete-shadow{fill:var(--ink);opacity:.08}
.athlete-limb{transform-box:view-box}
.athlete-body{transform-origin:0 0;animation:running-bounce .7s ease-in-out infinite}
.leg-front,.leg-back{animation:running-leg .7s ease-in-out infinite alternate}
.leg-front{transform-origin:0px 0px}
.leg-back{transform-origin:0px 0px;animation-direction:alternate-reverse}
.arm-front,.arm-back{animation:running-arm .7s ease-in-out infinite alternate}
.arm-front{transform-origin:10px -55px}
.arm-back{transform-origin:10px -55px;animation-direction:alternate-reverse}
.athlete-ghost .athlete-body,.athlete-ghost .athlete-limb{animation-delay:-.35s}
@keyframes runner{0%,10%{transform:translateX(95px);opacity:1}45%{transform:translateX(210px);opacity:1}68%{transform:translateX(330px);opacity:1}84%{transform:translateX(470px);opacity:1}92%{transform:translateX(500px);opacity:1}97%,100%{transform:translateX(510px);opacity:0}}
@keyframes record-runner{0%,10%{transform:translateX(235px);opacity:1}45%{transform:translateX(305px);opacity:1}68%{transform:translateX(360px);opacity:1}84%{transform:translateX(400px);opacity:1}92%{transform:translateX(425px);opacity:1}97%,100%{transform:translateX(435px);opacity:0}}
@keyframes running-leg{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
@keyframes running-arm{from{transform:rotate(-8deg)}to{transform:rotate(8deg)}}
@keyframes running-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}