.app-showcase{padding-block:82px;background:linear-gradient(180deg,#07111a 0%,#060d14 100%);border-block:1px solid var(--line-soft)}
.showcase-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:clamp(40px,8vw,120px);align-items:center;max-width:1080px;margin:40px auto 0}
.showcase-copy{min-width:0}.demo-athlete{display:flex;gap:13px;align-items:center;margin-bottom:18px}.demo-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:var(--cyan);background:#132a36;border:1px solid #2b4a58;font-size:14px;font-weight:600}.demo-athlete strong,.demo-athlete span:not(.demo-avatar){display:block}.demo-athlete strong{font-size:18px;font-weight:600}.demo-athlete div>span{font-size:12px;color:var(--soft);margin-top:3px}.showcase-intro{color:var(--soft);font-size:15px;line-height:1.8;max-width:445px;margin:0 0 26px}
.screen-tabs{display:grid;gap:10px}.screen-tabs button{width:100%;display:grid;grid-template-columns:25px minmax(0,1fr) 20px;align-items:start;gap:12px;text-align:left;padding:19px 17px;border-radius:12px;border:1px solid #223541;background:#0a151f;color:var(--soft);font:inherit;cursor:pointer;min-height:89px;transition:border-color .15s,background .15s}.screen-tabs button[aria-selected=true]{background:#112733;border-color:#477081;color:var(--white)}.screen-number{font-size:11px;letter-spacing:1px;padding-top:4px;color:#7a9cae}.screen-tabs strong{display:block;color:var(--white);font-size:16px;font-weight:500;line-height:1.4}.screen-tabs small{display:block;color:#9eafb9;font-size:12px;line-height:1.6;margin-top:5px}.screen-arrow{color:var(--cyan);padding-top:2px;opacity:.4}.screen-tabs [aria-selected=true] .screen-arrow{opacity:1}.screen-tabs button:hover{border-color:#477081}.screen-tabs button:focus-visible,.screen-expand:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.showcase-takeaway{border-left:2px solid #315c6d;padding-left:16px;margin-top:25px}.showcase-takeaway p{font-size:14px;line-height:1.8;color:var(--soft);margin:9px 0 0;min-height:76px}.showcase-disclosure{font-size:11px!important;line-height:1.75!important;color:#90a3b0!important;margin:21px 0 18px!important}.showcase-copy>.text-link{display:inline-block;font-size:13px;color:var(--cyan);text-underline-offset:5px}
.showcase-device-column{width:100%;max-width:405px;justify-self:center}.screen-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:9px;letter-spacing:1px;color:#97b0bd}.screen-expand{font-size:11px;letter-spacing:0;color:#c1d6df;text-decoration:none;padding:5px 0;white-space:nowrap}.phone-shell{padding:18px 7px 8px;background:#03080d;border:1px solid #39505f;border-radius:34px;box-shadow:0 22px 65px #0005;overflow:hidden;position:relative}.phone-speaker{width:48px;height:4px;border-radius:99px;background:#33404b;position:absolute;top:7px;left:50%;transform:translateX(-50%)}.phone-shell iframe{display:block;width:100%;height:720px;border:0;border-radius:22px;background:#08111c;overflow:auto}.screen-scroll-hint{font-size:10px;color:#8da0ac;text-align:center;line-height:1.7;margin:12px 0 0}.screen-scroll-hint a{color:var(--cyan)}
.academy-app-preview{padding:26px 22px 24px;background:#07121b;min-width:0;align-self:stretch}.academy-screen-shell{border:1px solid #36505f;border-radius:14px;overflow:hidden;background:#08111c}.academy-screen-shell iframe{display:block;width:100%;height:660px;border:0;background:#08111c}.academy-feature{align-items:center}.academy-app-preview .screen-meta{font-size:9px;letter-spacing:.7px}.academy-app-preview .screen-scroll-hint{font-size:10px}
.screen-dialog{width:min(560px,calc(100vw - 28px));max-width:none;max-height:94dvh;padding:0;color:var(--white);background:#08111c;border:1px solid #3b5768;border-radius:20px;box-shadow:0 30px 100px #0009}.screen-dialog[data-screen=academy]{width:min(960px,calc(100vw - 28px))}.screen-dialog::backdrop{background:#02080de8;backdrop-filter:blur(8px)}.screen-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);font-size:13px}.screen-dialog-header button{color:var(--white);border:1px solid var(--line);background:#142130;border-radius:8px;padding:10px 13px;cursor:pointer;font:inherit}.screen-dialog iframe{display:block;border:0;width:100%;height:min(78dvh,900px);background:#08111c}.screen-dialog-footer{padding:10px 18px;font-size:10px;color:var(--soft);line-height:1.6}
@media(max-width:900px){.showcase-layout{gap:34px;grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.screen-tabs button{padding:15px 12px;gap:9px}.screen-tabs strong{font-size:14px}.showcase-device-column{max-width:360px}.phone-shell iframe{height:700px}.academy-app-preview{padding:22px 16px}}
@media(max-width:700px){.app-showcase{padding-block:56px}.showcase-layout{grid-template-columns:1fr;gap:28px;margin-top:24px}.showcase-copy{width:100%}.showcase-intro{max-width:none}.screen-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.screen-tabs button{display:flex;flex-direction:column;gap:8px;min-height:100px;padding:12px 10px}.screen-tabs strong{font-size:12px;line-height:1.45}.screen-tabs small,.screen-arrow{display:none}.screen-number{padding:0}.showcase-takeaway{margin-top:19px}.showcase-takeaway p{min-height:0;font-size:13px}.showcase-disclosure{margin:14px 0!important}.showcase-device-column{max-width:390px}.phone-shell{padding:16px 5px 6px;border-radius:28px}.phone-shell iframe{height:680px;border-radius:20px}.academy-app-preview{padding:20px 14px}.academy-screen-shell iframe{height:660px}}
@media(prefers-reduced-motion:reduce){.screen-tabs button{transition:none}}
.trace-live-preview{display:grid;grid-template-columns:minmax(300px,430px) minmax(0,1fr);gap:clamp(40px,8vw,110px);align-items:center;max-width:1060px;margin:50px auto 0}
.trace-live-device{width:100%;max-width:430px;justify-self:center}
.trace-live-device .phone-shell{box-shadow:0 28px 90px #0007,0 0 80px #51c8d10b}
.trace-live-device iframe{height:790px}
.trace-live-story h3{font-family:var(--heading-font,'Space Grotesk',sans-serif);font-size:clamp(29px,3.1vw,43px);font-weight:500;line-height:1.14;letter-spacing:-1.4px;max-width:450px;margin:20px 0 12px}
.trace-emotion{color:#b8d9df;font-size:20px;line-height:1.55;max-width:440px;margin:0 0 18px}
.trace-how{color:#98b1bf;font-size:14px;line-height:1.8;max-width:450px}
.trace-caption-selector{display:grid;gap:6px;margin:26px 0}
.trace-caption-selector button{display:flex;align-items:center;gap:15px;min-height:49px;padding:13px 16px;background:#0c1a25;color:#bdcfda;border:1px solid #233c4c;border-radius:10px;text-align:left;cursor:pointer;font:inherit}
.trace-caption-selector button span{font-size:10px;letter-spacing:1px;color:#7698aa}
.trace-caption-selector button strong{font-size:13px;font-weight:500}
.trace-caption-selector button i{margin-left:auto;font-size:15px;font-style:normal;color:#86dcd6;opacity:.4}
.trace-caption-selector button[aria-pressed=true]{background:#17343e;border-color:#589697;color:#c5f4e9}
.trace-caption-selector button[aria-pressed=true] i{opacity:1}
.trace-caption-selector button:hover{border-color:#589697}
.trace-caption-selector button:focus-visible,.trace-movement-guide summary:focus-visible{outline:2px solid #7ae9eb;outline-offset:3px}
.trace-playback-story{border-left:2px solid #3b767b;padding-left:16px;margin-top:24px}
.trace-playback-story>span{font-size:9px;letter-spacing:1.3px;color:#91d9d4}
.trace-playback-story p{font-size:13px;line-height:1.9;color:#d1e2e9;margin:8px 0 5px}
.trace-playback-story small{font-size:11px;line-height:1.7;color:#8ba5b5}
.trace-live-story>.text-link{color:#8fe1d9;font-size:13px}
.trace-movement-guide{margin:50px auto 0;max-width:1120px;border-top:1px solid #233c4c}
.trace-movement-guide summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 0;cursor:pointer;font-size:14px;color:#b8d3df;list-style:none}
.trace-movement-guide summary::-webkit-details-marker{display:none}
.trace-movement-guide summary span{color:#80cbc8;font-size:20px}
.trace-movement-guide[open] summary span{transform:rotate(45deg)}
.trace-movement-guide .trace-workbench{margin-top:0}
@media(max-width:850px){.trace-live-preview{gap:32px;grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.trace-live-story h3{font-size:31px}.trace-emotion{font-size:17px}.trace-live-device iframe{height:760px}}
@media(max-width:700px){.trace-live-preview{grid-template-columns:1fr;margin-top:28px;gap:30px}.trace-live-device{max-width:390px}.trace-live-story{max-width:490px;margin:auto}.trace-live-story h3{font-size:34px}.trace-live-device iframe{height:740px}.trace-movement-guide{margin-top:34px}}