@font-face{font-family:'Google Sans Flex';src:url('google-sans-flex-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#1e1e1e;color:#eef5ef;font-family:'Google Sans Flex',Arial,sans-serif;font-weight:500}a{color:inherit}.case-shell{max-width:1512px;margin:0 auto;position:relative}.case-back{position:absolute;top:24px;left:max(24px,calc((100% - 1117px)/2));display:inline-flex;gap:13px;align-items:center;text-decoration:none;font:12px Inter,Arial,sans-serif;text-transform:uppercase}.case-back img{transform:rotate(180deg) scaleY(-1)}a:focus-visible,video:focus-visible{outline:2px solid #00f789;outline-offset:7px}.case-hero{padding:190px 24px 0;text-align:center}.case-brand{display:flex;width:max-content;margin:0 auto;align-items:center;gap:7.57px;height:24px;font-size:24px;line-height:1;white-space:nowrap}.case-brand-icon{position:relative;width:40.743px;height:23px;background:#00f789;border-radius:24px;display:block;flex-shrink:0}.case-brand-icon img{position:absolute;left:7.23px;top:3.86px;width:26.286px;height:15.323px}.case-brand-name{display:block;width:149px;text-align:left}.case-title{font-size:48px;font-weight:500;line-height:1;letter-spacing:0;margin:110px auto 0;max-width:1349px}.case-title span{display:block}.case-video{display:block;position:relative;left:50%;transform:translateX(-50%);width:min(960px,calc((100vw - 48px)/2));aspect-ratio:16/9;margin:72px 0 0;overflow:hidden}.case-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#171b18}.case-intro{max-width:567px;font-size:16px;line-height:1;margin:72px auto 0;text-wrap:pretty}.case-hero{padding-bottom:80px}.project-cta{font-family:Inter,Arial,sans-serif}.contacts{color:#fff}.contacts .slogan{color:#9c9c9c}
@media(min-width:1513px){.case-hero{padding-top:190px}}
@media(max-width:700px){.case-back{left:24px}.case-hero{padding:125px 20px 35px}.case-brand{font-size:21px}.case-brand-name{width:auto}.case-title{font-size:clamp(29px,6.4vw,44px);line-height:1.06;margin-top:72px}.case-video{width:calc((100vw - 40px)/2);margin-top:42px}.case-intro{margin-top:64px;max-width:420px;font-size:15px;line-height:1.3}.project-cta{padding:85px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Case content from the updated Figma frame. Video sizing stays approved. */
.case-title{margin-top:66px}.case-title .case-title-mcp{margin-top:48px}.case-intro{max-width:909px;font-size:48px;line-height:1;margin-top:140px;text-wrap:initial}.case-hero{padding-bottom:0}.case-story-content{max-width:1104px;margin:220px auto 0;position:relative;left:62px;padding-bottom:100px}.case-process{display:grid;grid-template-columns:533fr 486fr;gap:84px;align-items:start}.case-story-content h2{font-family:'Google Sans Flex',Arial,sans-serif;font-weight:500;font-size:48px;line-height:1;margin:0 0 55px}.case-story-content p,.case-story-content ol{font-size:24px;line-height:1;margin:0}.case-accent{color:#00f789}.case-process-image{margin:0;aspect-ratio:486/704;overflow:hidden;border:1px solid #767676;border-radius:24px}.case-process-image img{display:block;width:100%;height:100%;object-fit:cover}.case-prototype{margin-top:240px}.case-prototype ol{max-width:653px;padding-left:36px}.case-prototype li{padding-left:0}
@media(max-width:1250px){.case-story-content{left:0;width:calc(100% - 64px)}.case-process{gap:48px}}
@media(max-width:700px){.case-title{margin-top:66px}.case-title .case-title-mcp{margin-top:32px;font-size:clamp(23px,5.8vw,36px)}.case-intro{font-size:clamp(26px,5.8vw,38px);line-height:1.1;margin-top:80px}.case-story-content{width:auto;margin:100px 24px 0;padding-bottom:30px}.case-process{grid-template-columns:1fr;gap:40px}.case-story-content h2{font-size:32px;line-height:1.1;margin-bottom:28px}.case-story-content p,.case-story-content ol{font-size:20px;line-height:1.2}.case-process-image{width:min(100%,486px);justify-self:center;border-radius:18px}.case-prototype{margin-top:100px}.case-prototype ol{padding-left:28px}}

/* Latest text hierarchy and spacing from Figma; video retains its approved size. */
@font-face{font-family:'Google Sans Flex';src:url('google-sans-flex-thin.ttf') format('truetype');font-weight:100;font-style:normal;font-display:swap}
.case-hero{padding-top:238px}.case-title{margin-top:56px}.case-title span{white-space:pre-wrap}.case-mcp{height:96px;margin:33px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;padding-right:66px}.case-mcp-plus{font-size:96px;line-height:1;font-weight:100;color:#00f789;width:54px;flex-shrink:0}.case-mcp p{font-size:24px;line-height:1;margin:0;transform:translateY(3px)}.case-video{margin-top:313px}.case-intro{margin-top:256px}.case-story-content{margin-top:373px}.case-process-copy h2{color:#00f789;position:relative;left:-8px}
@media(min-width:1513px){.case-hero{padding-top:238px}}
@media(max-width:700px){.case-hero{padding-top:125px}.case-title{margin-top:56px}.case-mcp{height:auto;min-height:64px;margin-top:28px;padding-right:0;gap:10px}.case-mcp-plus{width:36px;font-size:64px}.case-mcp p{font-size:20px;line-height:1.1;text-align:left;max-width:270px;transform:none}.case-video{margin-top:110px}.case-intro{margin-top:100px}.case-story-content{margin-top:140px}.case-process-copy h2{left:0}}
.case-mcp p{width:420px;flex-shrink:0;text-align:left}
@media(max-width:700px){.case-mcp p{width:auto;flex-shrink:1}}

.dashboard-cards{display:grid;grid-template-columns:385fr 384fr 431fr;gap:10px;margin-top:120px;align-items:start}
@media(max-width:700px){.dashboard-cards{grid-template-columns:1fr;gap:20px;margin-top:60px;max-width:431px;margin-left:auto;margin-right:auto}}
/* Dark presentation of the first prototype's captured interface. */

@font-face{font-family:OHManrope;src:url('manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
.dashboard-native{grid-template-columns:385fr 384fr 431fr;align-items:stretch;gap:8px}
.dash-native-card{display:flex;flex-direction:column;min-width:0;min-height:790px;background:#232a25;border-radius:14px;padding:22px;color:#eff5ee;font:400 12px/1.5 OHManrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.dash-native-card p,.dash-native-card small,.dash-native-card em,.dash-native-card b{font:inherit}.dash-native-card p{margin:0}.dash-native-card small{display:block;font-size:10px;color:#a9b2aa}.dash-native-card b{display:block;font-size:20px;color:#eff5ee}.dash-native-card em{font-size:10px;font-style:normal;color:#a9b2aa}.dash-head{display:flex;align-items:center;gap:8px;font-size:12px}.dash-symbol{font-size:17px;line-height:1}.dash-history{margin-left:auto;color:#a9b2aa;font-size:10px}.dash-native-card .dash-date{font-size:11px;color:#a9b2aa;margin:20px 0}.dash-native-card .dash-number{font-size:40px;line-height:1.2;letter-spacing:-1.8px;color:#eff5ee;white-space:nowrap}.dash-number em{font-size:13px;margin-left:4px;letter-spacing:0}.dash-native-card .dash-muted{color:#a9b2aa;font-size:11px;margin-top:8px}.dash-pair{display:flex;gap:22px;margin:24px 0 10px}.dash-pair>div{min-width:0}.dash-pair small{margin-bottom:4px}.dash-native-card .dash-note{font-size:10px;color:#a9b2aa;margin:10px 0;line-height:1.6}.dash-native-card .dash-positive{color:#70f394}.dash-sleep-wrap{margin-top:22px}.dash-sleep,.dash-chart{display:block;width:100%;height:auto;overflow:visible}.dash-sleep text,.dash-chart text{font-family:OHManrope,Arial,sans-serif;font-size:10px;fill:#a9b2aa}.dash-trace{fill:none;stroke:#e1e8e1;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dash-stem{fill:none;stroke:#627568;stroke-width:.8;opacity:.65}.dash-axis{display:flex;justify-content:space-between;font-size:10px;color:#a9b2aa}.dash-hrv-plot{margin-top:32px}.dash-training-plot{margin-top:20px}.dash-legend{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;font-size:10px;color:#a9b2aa}.dash-legend b{display:inline;font-size:10px;margin-left:5px}.dash-native-card .dash-foot{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:18px;border-top:1px solid #3b473e;font-size:9px;color:#a9b2aa}.dash-foot b{display:inline;font-size:9px;color:#eff5ee}.dash-native-card h3{font:400 22px/1.2 OHManrope,Arial,sans-serif;letter-spacing:-.7px;margin:0}.dash-row{display:flex;justify-content:space-between;gap:10px}.dash-exercises{display:flex;flex-direction:column;gap:13px;margin-top:14px}.dash-exercise{display:flex;justify-content:space-between;gap:12px;font-size:11px}.dash-exercise small{font-size:9px;margin-top:3px}.dash-exercise>span{font-size:10px;white-space:nowrap;color:#a9b2aa;align-self:center}.dash-native-card .dash-week-label{font-size:10px;color:#a9b2aa;margin:28px 0 14px}.dash-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.dash-calendar>div{display:flex;flex-direction:column;align-items:center;gap:6px}.dash-day{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#2b332d;color:#a9b2aa}.dash-day.done{background:#70f394;color:#183621}.dash-day.planned{border:1px solid #70f394;color:#70f394;background:none}
@media(max-width:700px){.dashboard-native{grid-template-columns:1fr}.dash-native-card{min-height:760px;padding:24px}.dash-native-card .dash-foot{margin-top:30px}.dash-native-card:nth-child(2) .dash-foot{margin-top:auto}}
.dash-ui-icon{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Updated case narrative and native product embeds. */
.case-process-copy{padding-top:26px}.case-process-copy .case-question{margin-top:54px}.case-process-copy ol{font-size:16px;line-height:1.15;max-width:430px;padding-left:20px;margin-top:52px;font-weight:300}.case-process-copy li+li{margin-top:5px}.case-prototype{margin-top:206px;text-align:center}.case-prototype h2{margin:0}.dashboard-native{position:relative;width:calc(100vw - 40px);max-width:1472px;left:50%;transform:translateX(calc(-50% - 62px));margin-top:62px;grid-template-columns:repeat(3,minmax(0,1fr))}.case-story-content{padding-bottom:0}.case-improvements{max-width:1104px;margin:240px auto 0;position:relative;left:62px}.case-feature{display:grid;grid-template-columns:533px 434px;gap:134px;align-items:start}.case-feature+.case-feature{margin-top:132px}.case-feature h2{color:#00f789;font-size:48px;font-weight:500;line-height:1;margin:24px 0 46px}.case-feature p,.case-current p,.case-future p{font-size:24px;line-height:1;margin:0}.case-feature p+p{margin-top:28px}.case-feature:nth-child(2)>div{padding-top:100px}.case-feature:nth-child(3)>p{padding-top:77px}.live-widget{display:block;width:100%;border:0;border-radius:16px;color-scheme:dark;background:#232a25}.case-current{text-align:center;margin:200px 20px 0}.case-chat-note{max-width:556px;margin:0 auto!important}.case-current h2,.case-future h2{max-width:993px;margin:58px auto 0;font-size:48px;line-height:1;font-weight:500}.live-dashboard{max-width:1472px;margin:170px auto 0;border-radius:16px;overflow:hidden;background:#171d19}.live-dashboard iframe{display:block;width:100%;border:0;height:806px;color-scheme:dark}.case-current .case-mcp-note{max-width:628px;margin:70px auto 0}.case-future{text-align:center;margin:420px 24px 180px}.case-future h2{margin-top:0}.case-future p{max-width:906px;margin:45px auto 0}.case-roadmap{max-width:978px;display:flex;align-items:center;justify-content:space-between;gap:32px;margin:130px auto 150px}.case-roadmap .case-brand{margin:0}.roadmap-arrow{max-width:76px;height:auto}.roadmap-github{width:132px;height:132px;object-fit:contain}.roadmap-mobile{display:flex;gap:27px}.roadmap-mobile img{object-fit:contain}
@media(max-width:1250px){.dashboard-native{transform:translateX(-50%)}.case-improvements{left:0;width:calc(100% - 64px)}.case-feature{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px}}
@media(max-width:700px){.case-process-copy{padding-top:0}.case-process-copy .case-question{margin-top:36px}.case-process-copy ol{margin-top:28px;font-size:16px;line-height:1.3}.case-prototype{margin-top:100px}.dashboard-native{width:100%;left:auto;transform:none;max-width:none;margin-top:45px;grid-template-columns:1fr}.case-improvements{width:auto;margin:120px 24px 0}.case-feature{grid-template-columns:minmax(0,1fr);gap:36px}.case-feature+.case-feature{margin-top:80px}.case-feature h2{font-size:32px;margin:0 0 28px}.case-feature p,.case-current p,.case-future p{font-size:20px;line-height:1.2}.case-feature:nth-child(2)>div,.case-feature:nth-child(3)>p{padding-top:0}.case-current{margin-top:110px}.case-current h2,.case-future h2{font-size:32px;line-height:1.1;margin-top:36px}.live-dashboard{margin-top:70px;border-radius:12px}.live-dashboard iframe{height:780px}.case-current .case-mcp-note{margin-top:45px}.case-future{margin:140px 24px 100px}.case-future h2{margin-top:0}.case-future p{margin-top:28px}.case-roadmap{gap:14px;flex-wrap:wrap;justify-content:center;margin:70px auto}.case-roadmap .case-brand{font-size:18px;gap:5px}.case-roadmap .case-brand-name{width:auto}.roadmap-arrow{width:28px}.roadmap-github{width:70px;height:70px}.roadmap-mobile{gap:10px}.roadmap-mobile img{width:36px;height:36px}}

@font-face{font-family:'Google Sans Flex';src:url('google-sans-flex-light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}

.case-assistant-phone{width:min(440px,100%);margin:70px auto 0}.case-assistant-phone img{display:block;width:100%;height:auto}.case-current+.case-future{margin-top:180px}@media(max-width:700px){.case-assistant-phone{width:min(340px,100%);margin-top:40px}}
/* Text is visible unless the successfully initialized motion controller stages it. */
.motion-word{display:inline-block;white-space:nowrap}.motion-char{display:inline}.motion-pending{opacity:0}.case-title .motion-word,.case-title .motion-char{display:inline}.case-title .motion-word{white-space:nowrap}
@media(prefers-reduced-motion:reduce){.motion-pending{opacity:1!important}}

.motion-heading{position:relative}.typing-caret,.case-title .typing-caret{position:absolute;display:block;width:3px;min-height:.7em;background:#70f394;border-radius:2px;pointer-events:none;z-index:2}@media(max-width:700px){.typing-caret,.case-title .typing-caret{width:2px}}@media(prefers-reduced-motion:reduce){.typing-caret{display:none!important}}

@keyframes typing-caret-blink{0%,45%{opacity:1}55%,90%{opacity:0}100%{opacity:1}}.typing-caret-idle{animation:typing-caret-blink 1.1s ease-in-out infinite;animation-play-state:paused}.cursor-visible>.typing-caret-idle{animation-play-state:running}.motion-page-hidden .typing-caret-idle{animation-play-state:paused}

/* Scroll expansion is visual only: it keeps the approved document spacing. */
.case-video{overflow:visible;scale:var(--video-scale,1);transform-origin:center center}.case-video video{border-radius:0}.case-video-toggle{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:36px;height:36px;padding:8px;border:1px solid #ffffff30;border-radius:50%;background:#171b18cc;color:#eff5ee;cursor:pointer;transition:background .2s,opacity .2s;z-index:2}.case-video-toggle:hover{background:#354038}.case-video-toggle:focus-visible{outline:2px solid #70f394;outline-offset:4px}.case-video-toggle svg{grid-area:1/1;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.case-video-toggle .video-play-icon{display:none;fill:currentColor;stroke:none}.case-video-toggle[data-paused=true] .video-pause-icon{display:none}.case-video-toggle[data-paused=true] .video-play-icon{display:block}@media(max-width:700px){.case-video-toggle{right:8px;bottom:8px;width:30px;height:30px;padding:6px}}
/* Center in layout so scroll scaling cannot multiply a positioning translation. */
.case-video{left:auto;transform:none;margin-left:auto;margin-right:auto}
/* Restore the original content-column size of the first prototype cards. */
.dashboard-native{width:100%;max-width:none;left:auto;transform:none;grid-template-columns:385fr 384fr 431fr}
@media(max-width:700px){.dashboard-native{grid-template-columns:1fr}}

.case-future>p:last-child{max-width:748px;font-size:16px;font-weight:300;line-height:1}
/* Center the complete MCP lockup, including its plus, as one group. */
.case-mcp{padding-right:0}.case-mcp p{width:auto;flex-shrink:1}

/* One mobile viewport for the introduction and a readable, full-width video. */
.case-hero-screen{display:contents}
@media(max-width:700px){
 .case-hero{padding:0;text-align:center}
 .case-hero-screen{display:flex;flex-direction:column;align-items:center;min-height:100svh;padding:84px 20px 32px}
 .case-hero-screen>.case-brand{flex-shrink:0}
 .case-title{margin-top:32px;flex-shrink:0}
 .case-mcp{margin-top:20px;margin-bottom:40px;flex-shrink:0}
 .case-video{width:calc(100vw - 24px);max-width:none;margin-top:auto;flex-shrink:0;scale:1}
 .case-intro{width:calc(100% - 40px);max-width:420px;margin:64px auto 0}
}
@media(max-width:700px) and (max-height:700px){
 .case-hero-screen{padding-top:72px;padding-bottom:24px}
 .case-title{font-size:26px;line-height:1.04;margin-top:24px}
 .case-mcp{margin-top:16px;margin-bottom:28px;min-height:48px}
 .case-mcp-plus{font-size:48px;width:30px}
 .case-mcp p{font-size:18px}
}
@media(max-width:700px){
 .case-hero-screen .case-video{align-self:center;margin:24px -8px auto;}
 .case-hero-screen .case-mcp{margin-bottom:0}
}

@font-face{font-family:'Case Sketch';src:url('caveat-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
.prototype-note{display:flex;justify-content:center;align-items:center;gap:18px;width:fit-content;max-width:100%;margin:56px auto 0;padding-left:76px;color:#70f394;text-align:left}.prototype-note-copy{font:500 36px/1.05 'Case Sketch',cursive;transform:rotate(-4deg)}.prototype-note-arrow{flex:none;margin-top:20px;transform:rotate(-7deg)}.prototype-note+.live-dashboard{margin-top:20px}
@media(max-width:700px){.prototype-note{gap:6px;padding-left:0;margin-top:38px}.prototype-note-copy{font-size:29px}.prototype-note-arrow{width:76px;height:72px;margin-top:24px}.prototype-note+.live-dashboard{margin-top:16px}}