.story-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:44px 0;border:1px solid #303030;border-radius:18px;overflow:hidden}.story-rail article{position:relative;padding:32px;background:linear-gradient(150deg,#101010,#050505)}.story-rail article+article{border-left:1px solid #303030}.story-rail h3{font-size:28px;margin:14px 0}.story-rail p{font-size:16px;line-height:1.7}.story-art{height:170px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:26px}.story-art img{width:140px;height:140px}.story-caption{display:block;border-top:1px solid #303030;padding-top:18px;margin-top:24px;color:#d6bd90;font-size:14px;line-height:1.7}.story-takeaway{text-align:center;line-height:1.8}.scan-line{position:absolute;top:20px;width:100px;height:1px;background:#d4b77f;box-shadow:0 0 10px #d4b77f;animation:fingerprint-scan 2.4s ease-in-out 2 both;pointer-events:none}.hash-visual{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;max-width:320px;margin:20px 0}.hash-visual i{display:block;aspect-ratio:1;background:#d4b77f;border-radius:2px;transition:opacity .25s}.receipt-example{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.time-receipt{border:1px solid #63553c;border-radius:12px;padding:32px;background:linear-gradient(135deg,#17140e,#080808)}.time-receipt>img{float:right}.time-receipt h3{font-size:26px}.time-receipt dl>div{padding:14px 0;border-top:1px solid #393226}.time-receipt dt{font-size:12px;color:#aaa}.time-receipt dd{margin:8px 0;color:#ead9b8}.time-receipt p,.time-receipt small{font-size:13px;line-height:1.8;color:#b8b1a5}.mobile-outcome{border-left:2px solid #c6a078;padding-left:24px;align-self:center}.mobile-outcome h4{font-size:26px;line-height:1.25;margin:18px 0}.mobile-outcome p{font-size:14px;line-height:1.75;color:#bbb}.outcome-next{border-top:1px solid #333;margin:20px 0;padding-top:20px}.outcome-next>span{font-size:10px;letter-spacing:1.5px;color:#d4b77f}.mobile-outcome small{display:block;font-size:11px;color:#999;margin-top:18px;line-height:1.6}.gesture-guides[hidden],.mobile-outcome[hidden]{display:none!important}@keyframes fingerprint-scan{0%{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(130px);opacity:0}}@media(max-width:760px){.story-rail,.receipt-example{grid-template-columns:1fr;gap:0}.story-rail article+article{border-left:0;border-top:1px solid #303030}.story-art{height:120px}.story-art img{width:110px;height:110px}.time-receipt{margin-top:28px}.mobile-outcome{margin:24px 0}.story-rail article{padding:24px}}@media(prefers-reduced-motion:reduce){.scan-line{animation:none;display:none}.hash-visual i{transition:none}}
.mobile-lab-intro{align-self:center}.mobile-story-toggle{display:inline-flex;gap:3px;padding:3px;border:1px solid #303030;border-radius:9px;margin:18px 0 28px;background:#0b0b0b}.mobile-story-toggle button{border:0;border-radius:6px;background:transparent;color:#999;padding:9px 13px;font:12px Arial,sans-serif;cursor:pointer}.mobile-story-toggle button[aria-pressed=true]{background:#282522;color:#f4eadb}.mobile-story-toggle button:disabled{opacity:.45;cursor:not-allowed}.mobile-story-toggle button:focus-visible{outline:2px solid #d4b77f;outline-offset:2px}.mobile-story-detail{margin:26px 0 22px;padding:19px 0;border-top:1px solid #34302a;border-bottom:1px solid #34302a}.mobile-story-detail strong{display:block;font-size:17px;line-height:1.5;font-weight:500;color:#e8e2d8;margin-top:13px}.mobile-story-detail p{margin:12px 0;color:#aaa}.mobile-story-detail small{display:block;color:#aaa;font-size:12px;line-height:1.6;margin-top:13px}.story-state{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.state-waiting{color:#dbb781}.state-waiting>span{width:7px;height:7px;border-radius:50%;background:#d4a765;box-shadow:0 0 0 0 #d4a76588;animation:waiting-pulse 2.1s ease-out infinite}.state-complete{color:#91cba6}.mobile-lab-intro .mobile-story-action{color:#e9d2a9;font-size:14px;line-height:1.6;margin:0 0 28px}.mobile-lab-intro .demo-privacy{margin-top:25px}@keyframes waiting-pulse{0%{box-shadow:0 0 0 0 #d4a76577}70%,100%{box-shadow:0 0 0 8px #d4a76500}}@media(max-width:1100px){.mobile-story-toggle{margin:12px 0 18px}.mobile-story-detail{margin:18px 0 15px}}@media(max-width:700px){.mobile-story-toggle{margin:10px 0 18px}.mobile-lab-intro .mobile-story-action{margin-bottom:18px}.mobile-story-detail{margin:16px 0}}@media(prefers-reduced-motion:reduce){.state-waiting>span{animation:none}}

#mobile-story{scroll-margin-top:94px}