/* Fourth story: one briefing continues from the computer to the phone. */
.mobile-stage{color:#eaf0eb;font-family:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}
.mobile-stage *{box-sizing:border-box}.mobile-stage [hidden]{display:none!important}
.mobile-layout{display:grid;grid-template-columns:420px minmax(0,1fr);gap:75px}
.mobile-role{font-size:21px;color:#afbeb6}.mobile-role span{color:#91e8bc;margin-left:15px}
.mobile-presenter h3{font-size:30px;font-weight:400;line-height:1.5;margin:20px 0 0}
.mobile-character{position:relative;width:100%;max-width:390px;aspect-ratio:2/3;margin:35px 0 0}
.mobile-character :is(img,video){position:absolute;bottom:0;left:50%;width:142%;height:auto;max-width:none;transform:translateX(-50%);pointer-events:none}
.mobile-demo{position:relative;min-height:680px;isolation:isolate}
.mobile-devices{position:absolute;left:-25px;top:86px;width:740px;max-width:calc(100% - 480px);height:570px}
.mobile-computer{position:absolute;left:0;top:28px;width:88%;aspect-ratio:1.55;padding:10px 10px 17px;background:linear-gradient(145deg,#626c64,#232b26 65%,#91988d);border:1px solid #909b8c;border-radius:17px;box-shadow:0 24px 30px -20px #000b;transform:perspective(1100px) rotateY(7deg);transform-origin:left center}
.mobile-computer:after{content:'';position:absolute;left:-5%;bottom:-15px;width:110%;height:18px;border:1px solid #7a8377;border-radius:2px 2px 18px 18px;background:linear-gradient(#a9afa1,#596155 70%,#303c32);box-shadow:0 10px 13px #0008}
.mobile-computer-screen{height:100%;overflow:hidden;background:#f1f5ef;color:#344c3c;border-radius:8px;padding:19px 24px}
.mobile-screen-nav{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;font-size:12px;color:#8c9a8d;border-bottom:1px solid #dfe7dc}
.mobile-screen-nav b{font-size:15px;letter-spacing:-.03em;color:#294f3a;font-weight:600}
.mobile-computer h4{font-size:24px;font-weight:500;letter-spacing:-.03em;margin:22px 0 7px;line-height:1.3}
.mobile-computer-sub{font-size:12px;color:#7c8f7f;margin:0}
.mobile-computer-order{display:flex;align-items:baseline;gap:12px;margin:22px 0 18px}.mobile-computer-order strong{font-size:48px;line-height:1;font-weight:500;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.mobile-computer-order span{font-size:13px;color:#7c8f7f}
.mobile-computer-lines{font-size:13px;line-height:1.7;color:#697d6b}.mobile-computer-lines p{margin:9px 0}.mobile-computer-lines b{font-weight:500;color:#47664e}
.mobile-computer-note{margin:20px 0 0;border-top:1px solid #dfe7dc;padding-top:12px;font-size:11px;color:#8a998b}
.mobile-phone{position:absolute;right:0;top:95px;width:242px;height:470px;border:3px solid #808a7f;border-radius:38px;padding:7px;background:#1c2822;box-shadow:0 0 0 1px #202e25,10px 22px 30px #0007;transform:rotate(-4deg);isolation:isolate}
.mobile-phone:before{content:'';position:absolute;left:calc(50% - 36px);top:13px;width:72px;height:19px;background:#112019;border-radius:14px;z-index:3}
.mobile-phone-screen{position:relative;height:100%;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 15% 12%,#60776b,#2b483b 55%,#162b21);color:#f5f5e9}
.mobile-phone-status{position:relative;z-index:2;height:32px;padding:11px 13px 0;display:flex;justify-content:space-between;font-size:9px;line-height:1;font-weight:550;letter-spacing:.03em}
.mobile-lockscreen{padding:30px 10px 0;text-align:center}
.mobile-lockscreen>small{font-size:12px;color:#d2ded0}.mobile-lock-time{font-size:55px;font-weight:400;line-height:1.2;letter-spacing:-.06em;margin:6px 0 26px;font-variant-numeric:tabular-nums}
.mobile-notification{display:block;width:100%;border:1px solid #ffffff35;border-radius:17px;padding:12px 11px;background:#e9eee1e8;color:#354d3c;text-align:left;font-family:inherit;cursor:pointer;box-shadow:0 5px 14px #0c231b28;transition:background .2s,transform .2s}
.mobile-notification:hover{background:#f5f7ed;transform:translateY(-2px)}
.mobile-notification-heading{display:flex;align-items:center;gap:6px;font-size:11px;margin-bottom:8px}.mobile-notification-heading img{width:20px;height:20px;object-fit:cover;border-radius:50%}.mobile-notification-heading small{margin-left:auto;color:#81917f;font-size:9px}
.mobile-notification strong{display:block;font-size:13px;font-weight:550;line-height:1.5}.mobile-notification p{font-size:11px;line-height:1.6;margin:5px 0 8px;color:#71806c}.mobile-notification>span:last-child{font-size:10px;color:#65806d}
.mobile-phone-home{position:absolute;bottom:7px;left:calc(50% - 38px);width:76px;height:3px;background:#d3ded0;border-radius:3px}
.mobile-phone-preview-note{position:absolute;bottom:28px;left:0;right:0;text-align:center;font-size:9px;color:#c3d0c0}
.mobile-phone.is-open{transform:rotate(-2deg)}
.mobile-phone.is-open .mobile-phone-screen{background:#f3f5ee;color:#344d3d}
.mobile-phone.is-open .mobile-phone-status{color:#71836f}
.mobile-phone-report{padding:10px 13px 33px}
.mobile-phone-report>header{display:flex;align-items:center;gap:8px;font-size:11px;color:#486c53;border-bottom:1px solid #dfe5d9;padding-bottom:10px}
.mobile-report-back{border:0;background:none;color:#617e66;font-family:inherit;font-size:20px;line-height:1;padding:0 3px;cursor:pointer;min-height:24px}
.mobile-phone-report h4{font-size:22px;font-weight:550;line-height:1.25;letter-spacing:-.03em;margin:20px 0 7px}
.mobile-phone-report>p{font-size:10px;color:#899781;line-height:1.6;margin:0}
.mobile-phone-order{margin:23px 0 22px;font-size:11px;color:#7d8d75}.mobile-phone-order strong{font-size:43px;line-height:1;font-weight:500;letter-spacing:-.04em;color:#365740;margin-right:8px}
.mobile-phone-finding{padding:11px 0;border-top:1px solid #e0e6da}.mobile-phone-finding strong{font-size:12px;font-weight:550;color:#45664d}.mobile-phone-finding p{font-size:10px;color:#85917b;line-height:1.7;margin:5px 0 0}
.mobile-phone-report footer{font-size:9px;line-height:1.6;color:#81947a;margin-top:10px}
.mobile-computer.is-synced .mobile-computer-order strong{color:#2e7851}
.assistant-stage-slot .mobile-window{position:relative;z-index:2;width:490px;max-width:100%;height:680px;min-height:680px;margin:0 40px 0 auto;border-radius:26px;border:1px solid #ffffffb3;background:#fff;box-shadow:0 18px 44px #0003,0 4px 12px #ffffff12;display:flex;flex-direction:column}
.mobile-window .xz-window-bar{flex-shrink:0}
.mobile-chat{padding:4px 24px 20px;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#dbe4dc transparent;font-size:17px;line-height:1.7}
.mobile-answer p{margin:12px 0;font-size:16px;line-height:1.8;color:#4f5f54}.mobile-answer p:last-child{margin-bottom:0}.mobile-answer p strong{font-weight:550;color:#314b3a}
.mobile-chat .mobile-question{position:relative;margin:0 42px 22px 0;padding:15px 17px;background:#f5f5f5;border-radius:13px 4px 13px 13px;font-size:16px;line-height:1.7;color:#333}
.mobile-chat .mobile-question:after{content:'';position:absolute;right:-42px;top:0;width:32px;height:32px;border:1px solid #dce4dc;box-sizing:border-box;border-radius:50%;background:#e5ece2 url('assets/merchant-avatar-v1.png') center / cover no-repeat}
.mobile-answer-hint{font-size:14px!important;color:#7d8e80!important}
.mobile-stage .xz-composer{flex-shrink:0}
.mobile-phone.is-open .mobile-phone-preview-note{display:none}
.mobile-phone-report h4{font-size:21px;margin-top:16px}
.mobile-phone-order{margin-top:18px;margin-bottom:18px}
.mobile-phone-report footer{margin-top:7px}
.assistant-scroll-story .mobile-layout{display:block}
.mobile-notification:focus-visible,.mobile-report-back:focus-visible{outline:2px solid #b7dfbe;outline-offset:4px}
@media(min-width:59.4375em) and (max-width:75em){.mobile-devices{left:-30px;max-width:calc(100% - 390px);height:570px}.assistant-stage-slot .mobile-window{width:440px;margin-right:0}.mobile-phone{width:215px;height:430px;top:165px}.mobile-computer-screen{padding:13px}.mobile-computer h4{font-size:20px}.mobile-computer-order strong{font-size:38px}.mobile-computer-note{display:none}}
@media(max-width:950px){.assistant-stage-slot>.mobile-stage{margin-top:90px}.mobile-layout{display:block}.mobile-presenter{position:relative;min-height:280px;padding:18px 220px 0 0}.mobile-character{position:absolute;right:-15px;bottom:0;width:180px;margin:0;aspect-ratio:1}.mobile-character :is(img,video){width:145%}.mobile-presenter h3{font-size:28px}.mobile-demo{min-height:0}.mobile-devices{position:relative;left:auto;top:auto;width:620px;max-width:100%;height:590px;margin:25px auto 35px}.assistant-stage-slot .mobile-window{margin:0 auto}.mobile-computer{top:20px;width:82%}.mobile-phone{right:4%;top:110px}.mobile-phone-screen{font-size:12px}}
@media(max-width:600px){.mobile-presenter{min-height:230px;padding-right:145px}.mobile-presenter h3{font-size:23px}.mobile-role{font-size:18px}.mobile-character{width:135px;right:-5px}.mobile-devices{height:470px;margin-top:35px;margin-bottom:25px}.mobile-computer{width:87%;top:0;padding:6px;border-radius:12px}.mobile-computer-screen{padding:12px}.mobile-screen-nav{font-size:9px;padding-bottom:10px}.mobile-screen-nav b{font-size:12px}.mobile-computer h4{font-size:18px;margin-top:13px}.mobile-computer-sub{font-size:9px}.mobile-computer-order{margin:15px 0 10px;gap:8px}.mobile-computer-order strong{font-size:31px}.mobile-computer-order span{font-size:10px}.mobile-computer-lines{font-size:10px;line-height:1.5}.mobile-computer-lines p{margin:5px 0}.mobile-computer-note{display:none}.mobile-phone{width:198px;height:390px;top:65px;right:0;border-radius:31px;padding:5px}.mobile-phone-screen{border-radius:23px}.mobile-phone:before{top:11px;width:58px;height:15px;left:calc(50% - 29px)}.mobile-lockscreen{padding-top:23px}.mobile-lock-time{font-size:45px;margin-bottom:20px}.mobile-notification{padding:10px 9px}.mobile-notification strong{font-size:12px}.mobile-notification p{font-size:10px}.mobile-phone-report{padding:8px 11px 26px}.mobile-phone-report h4{font-size:20px;margin-top:14px}.mobile-phone-order{margin:18px 0 17px}.mobile-phone-order strong{font-size:36px}.mobile-phone-finding{padding:9px 0}.mobile-phone-finding p{font-size:9px}.mobile-phone-report footer{font-size:8px}.assistant-stage-slot .mobile-window{width:100%;height:620px;min-height:620px;border-radius:20px;margin:0}.mobile-chat{font-size:15px;padding:4px 20px 20px}.mobile-answer p{font-size:15px}.mobile-chat .mobile-question{font-size:15px;padding:13px}}
@media(prefers-reduced-motion:reduce){.mobile-stage *{transition:none!important;animation:none!important}}
@media(min-width:59.4375em) and (max-width:90.625em){.mobile-devices{max-width:calc(100% - 505px)}.mobile-phone{width:205px;height:440px;right:30px}.mobile-computer-lines p:nth-child(2),.mobile-computer-note{display:none}.mobile-computer-screen{padding:16px}.mobile-computer h4{font-size:22px;margin-top:17px}.mobile-computer-order{margin-top:16px;margin-bottom:12px}.mobile-computer-order strong{font-size:40px}}
@media(max-width:600px){.mobile-character{right:0}.mobile-character :is(img,video){width:125%}.mobile-phone-report h4{font-size:18px;margin-top:12px}.mobile-phone-order{margin-top:16px;margin-bottom:14px}}

.mobile-notification{transition:opacity .3s ease,transform .35s ease,background .2s}
.mobile-stage[data-phase=waiting] .mobile-notification{opacity:0;visibility:hidden;transform:translateY(9px)}
.mobile-stage[data-phase=waiting] .mobile-phone-preview-note{opacity:0}
/* Photographic laptop hardware; its display remains live HTML. */
.mobile-devices .mobile-computer{left:-8px;top:10px;width:100%;aspect-ratio:3/2;padding:0;border:0;border-radius:0;background:url('assets/mobile-laptop-realistic-v1.png') center / 100% 100% no-repeat;box-shadow:none;transform:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,transparent,#000 3%,#000 96%,transparent);mask-composite:intersect}
.mobile-devices .mobile-computer:after{display:none}
.mobile-devices .mobile-computer:before{content:'';position:absolute;left:17.32%;top:9.375%;width:65.3%;height:48.8%;z-index:2;background:linear-gradient(125deg,#ffffff0a,transparent 48%,#00000006);pointer-events:none}
.mobile-devices .mobile-computer-screen{position:absolute;left:17.32%;top:9.375%;width:65.3%;height:48.8%;padding:13px 17px;border-radius:1px;background:#eff3ed;box-shadow:inset 0 0 4px #0002}
.mobile-devices .mobile-screen-nav{font-size:10px;padding-bottom:8px}.mobile-devices .mobile-screen-nav b{font-size:13px}
.mobile-devices .mobile-computer h4{font-size:19px;line-height:1.3;margin:12px 0 4px}.mobile-devices .mobile-computer-sub{font-size:10px}
.mobile-devices .mobile-computer-order{margin:12px 0 10px;gap:8px}.mobile-devices .mobile-computer-order strong{font-size:34px}.mobile-devices .mobile-computer-order span{font-size:11px}
.mobile-devices .mobile-computer-lines{font-size:11px;line-height:1.5}.mobile-devices .mobile-computer-lines p{margin:6px 0}
@media(min-width:59.4375em) and (max-width:90.625em){.mobile-devices .mobile-computer-screen{padding:9px 12px}.mobile-devices .mobile-screen-nav{padding-bottom:6px}.mobile-devices .mobile-computer h4{font-size:16px;margin-top:8px}.mobile-devices .mobile-computer-order{margin:9px 0}.mobile-devices .mobile-computer-order strong{font-size:27px}.mobile-devices .mobile-computer-lines{display:none}}
@media(max-width:600px){.mobile-devices .mobile-computer{top:0;left:-12px;width:100%}.mobile-devices .mobile-computer-screen{padding:8px 10px}.mobile-devices .mobile-screen-nav{font-size:8px;padding-bottom:5px}.mobile-devices .mobile-screen-nav b{font-size:10px}.mobile-devices .mobile-computer h4{font-size:14px;margin:7px 0 3px}.mobile-devices .mobile-computer-sub{font-size:8px}.mobile-devices .mobile-computer-order{margin:8px 0 0}.mobile-devices .mobile-computer-order strong{font-size:25px}.mobile-devices .mobile-computer-order span{font-size:9px}.mobile-devices .mobile-computer-lines{display:none}}
/* Keep the phone inside the middle column, clear of the fixed conversation. */
.mobile-devices .mobile-phone{left:70%;right:auto;top:75px;width:270px;height:510px;transform:translateX(-50%) rotate(-3deg)}
.mobile-devices .mobile-phone.is-open{transform:translateX(-50%) rotate(-2deg)}
@media(min-width:59.4375em) and (max-width:90.625em){.mobile-devices .mobile-phone{left:62%;right:auto;width:242px;height:480px;top:60px}}
@media(min-width:59.4375em) and (max-width:78.125em){.mobile-devices .mobile-phone{left:70%;width:210px;height:440px}}
@media(max-width:950px){.mobile-devices{height:550px}.mobile-devices .mobile-phone{left:46%;top:12px;width:260px;height:510px}}
@media(max-width:600px){.mobile-devices{height:450px;margin-top:20px}.mobile-devices .mobile-phone{left:46%;width:220px;height:425px;top:5px}}

/* Feather only the empty outer rim of the baked lighting video. */
.mobile-character-video{mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 1%,#000 99.65%,transparent);mask-composite:intersect}

/* Expanded room canvas preserves the original sofa scale and floor position. */
.mobile-character .mobile-character-video{width:180.58696%;left:30.70652%}
@media(max-width:950px){.mobile-character .mobile-character-video{width:184.40217%;left:30.29891%}}
@media(max-width:600px){.mobile-character .mobile-character-video{width:158.96739%;left:33.01630%}}

/* Original white-backed footage; keep the room area white instead of keying it. */
.mobile-character .mobile-character-video{background:#fff;mask-image:none;-webkit-mask-image:none;border-radius:24px}

@media(max-width:950px){.mobile-presenter{padding:18px 0 0;min-height:0}.mobile-character{position:relative;right:auto;bottom:auto;width:100%;max-width:390px;aspect-ratio:1404/1100;margin:24px auto 0}.mobile-character .mobile-character-video{width:100%;left:50%}}

/* The night room dissolves into the same dark green page background. */
.mobile-character .mobile-character-video{background:#030d0b;border-radius:0}

/* Device study: desktop application behind a true-to-scale phone. */
.mobile-devices .mobile-computer{width:92%;left:-40px;top:35px}
.mobile-devices .mobile-phone{left:85%;top:95px;width:230px;height:480px;padding:6px;border:2px solid #929791;border-radius:40px;background:linear-gradient(100deg,#b7bbb3,#414843 3%,#111915 6%,#17211b 94%,#8d938c 98%,#c2c4bd);box-shadow:0 0 0 1px #222d25,1px 0 0 2px #4b554c,12px 20px 32px #0008;transform:translateX(-50%) rotate(-2deg)}
.mobile-devices .mobile-phone.is-open{transform:translateX(-50%) rotate(-1deg)}
.mobile-phone:before{left:calc(50% - 32px);top:13px;width:64px;height:18px;border-radius:14px;background:#050907;box-shadow:inset 0 0 0 1px #18231c;z-index:5}
.mobile-phone:after{content:'';position:absolute;right:-4px;top:110px;width:2px;height:45px;border-radius:2px;background:linear-gradient(#a2a79f,#48534a,#8a948a);box-shadow:-232px -46px 0 -0.3px #778276,-232px -9px 0 -0.3px #778276}
.mobile-phone-screen{border-radius:32px;background:radial-gradient(ellipse at 15% 10%,#9aab9e80,transparent 65%),radial-gradient(ellipse at 90% 85%,#99b7a030,transparent 55%),linear-gradient(155deg,#537363,#213e31 60%,#12271c)}
.mobile-phone-screen:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:6;border:1px solid #ffffff12;border-radius:inherit;background:linear-gradient(120deg,#ffffff06,transparent 38%)}
.mobile-phone-status{height:36px;padding:12px 14px 0;font-size:10px;letter-spacing:0;line-height:1}
.mobile-phone:not(.is-open) .mobile-phone-status>span:first-child{visibility:hidden}
.mobile-status-icons{display:flex;gap:4px;align-items:center;height:11px}.mobile-status-icons svg{width:13px;height:10px}.mobile-status-icons i{position:relative;display:block;width:18px;height:9px;border:1px solid currentColor;border-radius:2px;opacity:.9}.mobile-status-icons i:before{content:'';position:absolute;inset:1px 3px 1px 1px;background:currentColor;border-radius:1px}.mobile-status-icons i:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:3px;background:currentColor;border-radius:1px}
.mobile-lockscreen{padding:8px 9px 0;text-align:center}.mobile-lock-symbol{display:block;width:10px;height:8px;border-radius:2px;background:#e3ebde;margin:4px auto 13px;position:relative}.mobile-lock-symbol:before{content:'';position:absolute;left:2px;top:-5px;width:6px;height:6px;border:1.5px solid #e3ebde;border-radius:5px;box-sizing:border-box}
.mobile-lockscreen>small{font-size:12px;color:#e5eddf;font-weight:500}.mobile-lock-time{font-size:64px;font-weight:350;line-height:1.08;letter-spacing:-.055em;margin:5px 0 29px;color:#ecf1e6}
.mobile-notification{padding:11px 10px 10px;border-radius:18px;border:1px solid #ffffff36;background:#e6ede1e8;box-shadow:0 6px 15px #071c1925;backdrop-filter:blur(20px)}
.mobile-notification-heading{font-size:10px;margin-bottom:6px;gap:5px}.mobile-notification-heading img{width:20px;height:20px;border-radius:6px}.mobile-notification-heading small{font-size:9px;color:#6f7d6d}.mobile-notification strong{font-size:12px;line-height:1.55;color:#273f2f;font-weight:600}.mobile-notification p{font-size:10px;line-height:1.6;color:#52684f;margin:3px 0 5px}.mobile-notification>span:last-child{font-size:9px;color:#647c63}
.mobile-lock-actions{position:absolute;bottom:39px;left:23px;right:23px;display:flex;justify-content:space-between}.mobile-lock-actions>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#041b1570;color:#e0e8dc;font-size:22px}.mobile-lock-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.mobile-phone-preview-note{bottom:22px;font-size:8px;color:#d2dfcf;letter-spacing:.02em}.mobile-phone-home{bottom:7px;width:75px;left:calc(50% - 37.5px);height:3px;background:#edf1e6}
.mobile-phone.is-open .mobile-phone-screen{background:#f6f7f3;color:#2c4334}.mobile-phone.is-open .mobile-phone-status{color:#243a2d}.mobile-phone.is-open .mobile-phone-home{background:#172d20}
.mobile-phone-report{padding:0;height:calc(100% - 36px);position:relative;overflow:hidden}.mobile-phone-report>header{display:flex;gap:7px;align-items:center;margin:0;padding:4px 10px 9px;border-bottom:1px solid #e2e7de;font-size:12px;background:#f6f7f3}.mobile-report-back{min-height:25px;font-size:27px;color:#31533e;padding:0 2px;margin-right:0}.mobile-phone-report>header img{width:24px;height:24px;border-radius:50%}.mobile-phone-report>header>span{line-height:1.3;font-weight:550}.mobile-phone-report>header small{display:block;font-size:8px;font-weight:400;color:#879583;margin-top:2px}.mobile-phone-report>header .mobile-phone-menu{margin-left:auto;letter-spacing:1px;font-size:18px}
.mobile-phone-summary{padding:0 13px}.mobile-phone-report h4{font-size:19px;margin:17px 0 5px;line-height:1.25;font-weight:600}.mobile-phone-summary>p{font-size:9px;color:#7b8c78;margin:0;line-height:1.5}.mobile-phone-order{display:flex;align-items:center;gap:8px;margin:16px 0;padding:13px 0;border-top:1px solid #e1e7da;border-bottom:1px solid #e1e7da;font-size:10px;color:#536b52}.mobile-phone-order strong{font-size:43px;line-height:1;margin:0;color:#2f6140;font-weight:450}.mobile-phone-order span{font-size:10px;line-height:1.5}.mobile-phone-order small{display:block;font-size:8px;color:#8b7964}
.mobile-phone-finding{border-top:0;padding:0;margin:13px 0}.mobile-phone-finding strong{font-size:11px;color:#3a563e;line-height:1.5}.mobile-phone-finding p{font-size:9px;line-height:1.6;color:#73816d;margin:3px 0 0}
.mobile-phone-input{position:absolute;bottom:17px;left:10px;right:10px;display:flex;align-items:center;gap:8px;border-top:1px solid #e0e6db;padding-top:9px;height:41px;background:#f6f7f3}.mobile-phone-input>span:first-child{font-size:21px;color:#687a65}.mobile-phone-input>span:nth-child(2){flex:1;padding:7px 9px;background:#fff;border:1px solid #e2e7df;border-radius:14px;font-size:10px;color:#93a08d}.mobile-phone-input i{font-size:13px;font-style:normal;background:#4c7055;color:#fff;border-radius:50%;width:21px;height:21px;text-align:center;line-height:20px}
.mobile-phone.is-conversation .mobile-phone-summary{display:none}.mobile-phone-dialogue{padding:0 11px 62px}.mobile-device-date{text-align:center;color:#97a18f;font-size:8px;margin:12px 0 16px}.mobile-device-question{margin:0 0 14px 22px;padding:9px 10px;background:#dce9d8;color:#304a35;font-size:11px;line-height:1.6;border-radius:12px 3px 12px 12px;min-height:35px}.mobile-device-answer{margin-right:12px;padding:11px;background:#fff;border:1px solid #e3e8df;border-radius:3px 12px 12px 12px;color:#52634e;font-size:11px;line-height:1.75}.mobile-device-answer b{font-weight:600;color:#314e36}.mobile-device-thinking{display:flex;gap:4px;align-items:center;background:#fff;border-radius:3px 12px 12px 12px;padding:13px;width:48px}.mobile-device-thinking i{width:4px;height:4px;border-radius:50%;background:#81977b}

/* A desktop app has navigation and compact information, rather than a phone page enlarged. */
.mobile-devices .mobile-computer-screen{padding:0;background:#f4f6f1;overflow:hidden;color:#384b3a}
.mobile-desktop-titlebar{height:20px;border-bottom:1px solid #dce2d8;background:#e8ece5;display:flex;align-items:center;justify-content:center;font-size:8px;color:#6a7966;position:relative;letter-spacing:.01em}.mobile-window-controls{position:absolute;left:9px;display:flex;gap:4px}.mobile-window-controls i{width:5px;height:5px;border-radius:50%;background:#bcc7b6}.mobile-window-controls i:first-child{background:#cbb39e}
.mobile-desktop-app{height:calc(100% - 20px);display:flex}.mobile-desktop-sidebar{width:43px;flex:none;background:#e9eee6;border-right:1px solid #dfe5d9;display:flex;flex-direction:column;align-items:stretch;padding:8px 5px;gap:5px;font-size:8px;color:#7b8b76;text-align:center}.mobile-desktop-sidebar>b{font-size:18px;font-weight:700;color:#365e40;line-height:1;margin-bottom:9px}.mobile-desktop-sidebar>span{border-radius:4px;padding:5px 0}.mobile-desktop-sidebar .is-current{color:#365940;background:#d5e1d0;font-weight:600}.mobile-desktop-sidebar .mobile-sidebar-bottom{margin-top:auto}
.mobile-desktop-main{flex:1;min-width:0;padding:10px 12px}.mobile-devices .mobile-screen-nav{font-size:8px;border:0;padding:0 0 10px}.mobile-devices .mobile-screen-nav b{font-size:10px;font-weight:600}.mobile-desktop-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-devices .mobile-computer h4{font-size:15px;font-weight:600;margin:0 0 4px;line-height:1.3}.mobile-desktop-heading>span{font-size:8px;border:1px solid #dce3d7;padding:3px 6px;border-radius:4px;background:#fcfdf9}.mobile-devices .mobile-computer-sub{font-size:8px;margin:0;color:#95a08c}
.mobile-desktop-metrics{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:6px;margin:12px 0}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{display:flex;align-items:flex-start;flex-direction:column;gap:5px;background:#fff;border:1px solid #e0e6d9;padding:9px 8px;border-radius:5px;margin:0}.mobile-desktop-metrics span,.mobile-devices .mobile-computer-order span{font-size:8px;color:#7c8a72;line-height:1.25}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:27px;line-height:1;font-weight:500;letter-spacing:-.04em;color:#355e3c;font-variant-numeric:tabular-nums}.mobile-desktop-metrics small{font-size:8px;margin-left:3px;font-weight:400;letter-spacing:0;color:#89947d}.mobile-desktop-metrics em{font-size:7px;font-style:normal;line-height:1.3;color:#95836e;white-space:nowrap}
.mobile-devices .mobile-computer-lines{display:block;font-size:8px;line-height:1.4}.mobile-computer-lines>header{display:flex;align-items:center;justify-content:space-between;margin:0 0 5px;font-size:8px;color:#4e684c}.mobile-computer-lines>header>span{color:#98a48e;font-size:7px}.mobile-devices .mobile-computer-lines p,.mobile-devices .mobile-computer-lines p:nth-child(2){display:flex;align-items:center;gap:5px;margin:0;padding:7px 0;border-top:1px solid #e1e6da;font-size:8px;line-height:1.3}.mobile-computer-lines p>b{font-weight:400;flex:1;min-width:0}.mobile-computer-lines p>span:last-child{font-size:7px;color:#8a977f}.mobile-desktop-dot{width:4px;height:4px;border-radius:50%;background:#bc9b6b;flex:none}
@media(min-width:59.4375em) and (max-width:90.625em){.mobile-devices .mobile-computer{left:-25px;width:91%;top:48px}.mobile-devices .mobile-phone{left:84%;top:115px;width:210px;height:440px}.mobile-phone:after{box-shadow:none}.mobile-desktop-main{padding:8px}.mobile-desktop-metrics{gap:4px;margin:9px 0}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:7px 5px}.mobile-devices .mobile-computer h4{font-size:13px}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:24px}.mobile-lock-time{font-size:57px;margin-bottom:23px}.mobile-phone-report h4{font-size:17px;margin-top:13px}.mobile-phone-finding{margin:11px 0}.mobile-device-answer{font-size:10px}.mobile-phone-order{margin:12px 0;padding:10px 0}}
@media(min-width:59.4375em) and (max-width:78.125em){.mobile-devices .mobile-computer{left:-20px;width:95%;top:46px}.mobile-devices .mobile-phone{left:86%;top:145px;width:190px;height:402px}.mobile-phone-status{padding-left:10px;padding-right:10px;font-size:9px}.mobile-status-icons{gap:3px}.mobile-status-icons svg{width:10px}.mobile-phone:before{width:56px;left:calc(50% - 28px);height:16px}.mobile-lockscreen{padding:6px 7px 0}.mobile-lock-time{font-size:52px;margin-bottom:20px}.mobile-notification{padding:9px 8px}.mobile-notification strong{font-size:11px}.mobile-notification p{font-size:9px}.mobile-phone-summary{padding:0 10px}.mobile-phone-report h4{font-size:15px}.mobile-phone-order{margin:10px 0;padding:8px 0}.mobile-phone-order strong{font-size:36px}.mobile-phone-finding{margin:9px 0}.mobile-phone-finding strong{font-size:10px}.mobile-phone-finding p{font-size:8px}.mobile-phone-report>header{padding:3px 7px 7px}.mobile-phone-input{bottom:14px}.mobile-device-date{margin-bottom:11px}.mobile-device-question,.mobile-device-answer{font-size:9px;padding:8px}.mobile-device-answer{line-height:1.65}.mobile-desktop-sidebar{width:32px;font-size:7px;padding:6px 3px}.mobile-desktop-main{padding:7px}.mobile-devices .mobile-screen-nav{padding-bottom:7px}.mobile-desktop-metrics em{font-size:6px}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:21px}.mobile-devices .mobile-computer-lines p{font-size:7px;padding:5px 0}.mobile-devices .mobile-computer-lines p>span:last-child{display:none}}
@media(max-width:950px){.mobile-devices{height:550px;margin:30px auto}.mobile-devices .mobile-computer{width:87%;left:-5%;top:26px}.mobile-devices .mobile-phone{left:79%;top:110px;width:230px;height:480px}.mobile-phone:after{box-shadow:none}}
@media(max-width:600px){.mobile-devices{height:435px;margin:20px auto 30px}.mobile-devices .mobile-computer{left:-9%;top:5px;width:102%}.mobile-devices .mobile-phone{left:73%;top:100px;width:176px;height:370px;border-radius:32px;padding:5px}.mobile-phone-screen{border-radius:25px}.mobile-phone:before{width:48px;left:calc(50% - 24px);height:14px;top:12px}.mobile-phone-status{height:32px;font-size:8px;padding:11px 9px 0}.mobile-status-icons svg{width:9px;height:8px}.mobile-status-icons{gap:3px}.mobile-status-icons i{width:15px;height:8px}.mobile-lockscreen{padding:5px 6px 0}.mobile-lock-symbol{margin-bottom:10px}.mobile-lockscreen>small{font-size:10px}.mobile-lock-time{font-size:49px;margin:4px 0 19px}.mobile-notification{padding:8px 7px;border-radius:14px}.mobile-notification-heading{font-size:9px;margin-bottom:5px}.mobile-notification-heading img{width:17px;height:17px}.mobile-notification-heading small{font-size:8px}.mobile-notification strong{font-size:10px}.mobile-notification p{font-size:9px}.mobile-notification>span:last-child{font-size:8px}.mobile-lock-actions{bottom:32px;left:17px;right:17px}.mobile-lock-actions>span{width:26px;height:26px;font-size:19px}.mobile-phone-preview-note{font-size:7px;bottom:19px}.mobile-phone-report{height:calc(100% - 32px)}.mobile-phone-report>header{font-size:10px;padding:2px 7px 6px;gap:5px}.mobile-phone-report>header img{width:21px;height:21px}.mobile-phone-summary{padding:0 10px}.mobile-phone-report h4{font-size:15px;margin-top:12px}.mobile-phone-summary>p{font-size:8px}.mobile-phone-order{margin:10px 0;padding:8px 0;gap:6px}.mobile-phone-order strong{font-size:34px}.mobile-phone-order span{font-size:9px}.mobile-phone-order small{font-size:7px}.mobile-phone-finding{margin:8px 0}.mobile-phone-finding strong{font-size:10px}.mobile-phone-finding p{font-size:8px;line-height:1.5}.mobile-phone-input{bottom:14px;height:35px;left:8px;right:8px;gap:5px;padding-top:6px}.mobile-phone-input>span:nth-child(2){font-size:9px;padding:6px 8px}.mobile-phone-input i{width:18px;height:18px;line-height:17px}.mobile-phone-dialogue{padding:0 9px 52px}.mobile-device-date{margin:10px 0;font-size:7px}.mobile-device-question,.mobile-device-answer{font-size:9px;line-height:1.6;padding:8px}.mobile-device-question{margin-left:15px;margin-bottom:10px}.mobile-desktop-titlebar{height:16px;font-size:7px}.mobile-desktop-app{height:calc(100% - 16px)}.mobile-desktop-sidebar{width:30px;font-size:6px;padding:5px 3px;gap:3px}.mobile-desktop-sidebar>b{font-size:15px;margin-bottom:5px}.mobile-desktop-sidebar>span{padding:4px 0}.mobile-desktop-main{padding:7px 8px}.mobile-devices .mobile-screen-nav{font-size:7px;padding-bottom:7px}.mobile-devices .mobile-screen-nav b{font-size:9px}.mobile-devices .mobile-computer h4{font-size:12px;margin:0 0 3px}.mobile-desktop-metrics{margin:9px 0;gap:4px}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:6px 4px;gap:4px}.mobile-desktop-metrics span,.mobile-devices .mobile-computer-order span{font-size:7px}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:22px}.mobile-desktop-metrics em{font-size:6px}.mobile-devices .mobile-computer-lines p{font-size:7px;padding:5px 0}.mobile-devices .mobile-computer-lines p>span:last-child{display:none}}

/* Fit the whole desktop report into the photographed display, including both findings. */
.mobile-desktop-titlebar{height:16px}.mobile-desktop-app{height:calc(100% - 16px)}.mobile-desktop-main{padding:8px 12px}.mobile-devices .mobile-screen-nav{padding-bottom:6px}.mobile-desktop-metrics{margin:8px 0}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:7px 8px;gap:3px}.mobile-devices .mobile-computer-lines p,.mobile-devices .mobile-computer-lines p:nth-child(2){padding:5px 0}
.mobile-devices .mobile-phone{left:calc(100% - 140px)}
@media(min-width:59.4375em) and (max-width:106.25em){.mobile-devices .mobile-phone{left:calc(100% - 125px);top:180px;width:210px;height:440px}.mobile-phone:after{box-shadow:none}.mobile-desktop-main{padding:6px 8px}.mobile-desktop-metrics{margin:6px 0;gap:4px}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:5px;gap:3px}.mobile-devices .mobile-computer-lines p,.mobile-devices .mobile-computer-lines p:nth-child(2){padding:4px 0}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:23px}.mobile-devices .mobile-computer-lines p>span:last-child{display:none}}
@media(min-width:59.4375em) and (max-width:78.125em){.mobile-devices .mobile-phone{left:calc(100% - 110px);top:195px;width:190px;height:402px}.mobile-desktop-sidebar{width:28px;padding:5px 3px;gap:3px}.mobile-desktop-sidebar>span{padding:4px 0}.mobile-desktop-sidebar>b{font-size:16px;margin-bottom:5px}.mobile-desktop-heading{display:none}.mobile-devices .mobile-screen-nav b{font-size:11px}.mobile-devices .mobile-computer-sub{font-size:7px}.mobile-desktop-main{padding:6px}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:20px}.mobile-desktop-metrics em{display:none}}
@media(max-width:950px){.mobile-devices .mobile-phone{left:77%}}
@media(max-width:600px){.mobile-devices .mobile-phone{left:73%}.mobile-desktop-main{padding:6px 8px}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:5px 4px}.mobile-desktop-metrics{gap:4px;margin:7px 0}.mobile-desktop-heading{display:none}.mobile-devices .mobile-screen-nav b{font-size:10px}}

/* Scale the desktop UI with its physical screen, including the small-screen mockup. */
.mobile-devices .mobile-computer-screen{container-type:inline-size}
.mobile-desktop-titlebar{height:4.2cqw;font-size:1.8cqw}.mobile-window-controls{left:2cqw;gap:1cqw}.mobile-window-controls i{width:1.2cqw;height:1.2cqw}.mobile-desktop-app{height:calc(100% - 4.2cqw)}
.mobile-desktop-sidebar{width:9cqw;padding:2cqw 1cqw;gap:1cqw;font-size:1.8cqw}.mobile-desktop-sidebar>b{font-size:4.4cqw;margin-bottom:2cqw}.mobile-desktop-sidebar>span{padding:1.3cqw 0;border-radius:1cqw}
.mobile-desktop-main{padding:2cqw 2.5cqw}.mobile-devices .mobile-screen-nav{font-size:1.9cqw;padding:0 0 1.5cqw;line-height:1.2}.mobile-devices .mobile-screen-nav b{font-size:2.3cqw}.mobile-desktop-heading{display:flex;gap:2cqw}.mobile-devices .mobile-computer h4{font-size:3.6cqw;line-height:1.25;margin:0 0 .8cqw}.mobile-desktop-heading>span{font-size:1.7cqw;padding:.5cqw 1cqw}.mobile-devices .mobile-computer-sub{font-size:1.8cqw;line-height:1.25;margin:0}
.mobile-desktop-metrics{gap:1.4cqw;margin:2.5cqw 0 2cqw}.mobile-desktop-metrics>div,.mobile-desktop-metrics .mobile-computer-order{padding:1.7cqw 1.5cqw;gap:1cqw;border-radius:1.2cqw}.mobile-desktop-metrics span,.mobile-devices .mobile-computer-order span{font-size:1.9cqw;line-height:1.25}.mobile-desktop-metrics strong,.mobile-devices .mobile-computer-order strong{font-size:6cqw;line-height:1}.mobile-desktop-metrics small{font-size:1.8cqw;margin-left:.6cqw}.mobile-desktop-metrics em{display:block;font-size:1.55cqw;line-height:1.3}
.mobile-devices .mobile-computer-lines{font-size:1.9cqw;line-height:1.25}.mobile-computer-lines>header{font-size:1.9cqw;margin-bottom:1cqw;line-height:1.25}.mobile-computer-lines>header>span{font-size:1.7cqw}.mobile-devices .mobile-computer-lines p,.mobile-devices .mobile-computer-lines p:nth-child(2){font-size:1.9cqw;line-height:1.3;padding:1.3cqw 0;gap:1cqw}.mobile-devices .mobile-computer-lines p>span:last-child{display:block;font-size:1.6cqw}.mobile-desktop-dot{width:1cqw;height:1cqw}
@media(min-width:59.4375em) and (max-width:106.25em){.mobile-devices .mobile-computer{top:10px}.mobile-devices .mobile-phone{left:calc(100% - 165px);top:210px;width:195px;height:412px}}
@media(min-width:59.4375em) and (max-width:78.125em){.mobile-devices .mobile-phone{left:calc(100% - 110px);top:195px;width:190px;height:402px}}
@media(max-width:600px){.mobile-devices{height:550px}.mobile-devices .mobile-phone{left:70%;top:155px}}

.mobile-devices .mobile-screen-nav{display:none}

/* Readable phone copy: larger type, stronger contrast, no tilted text in the app. */
.mobile-devices .mobile-phone.is-open{transform:translateX(-50%)}
.mobile-phone-report>header{font-size:14px;color:#263d2b}.mobile-phone-report>header small{font-size:10px;color:#5e715a}
.mobile-device-question,.mobile-device-answer{font-size:14px;line-height:1.65;letter-spacing:0;color:#243b2b;font-weight:450;padding:10px}
.mobile-device-answer b{font-weight:650;color:#1d4227}.mobile-device-question{background:#d7e6d1}.mobile-device-date{font-size:10px;color:#64765e}
.mobile-phone-input>span:nth-child(2){font-size:12px;color:#62745c;font-weight:450;white-space:nowrap}
.mobile-phone-summary>p{font-size:10px;color:#5e7159}.mobile-phone-order span{font-size:12px;color:#405c3d}.mobile-phone-order small{font-size:10px;color:#806a50}
.mobile-phone-finding strong{font-size:13px;color:#2e4d33;font-weight:600}.mobile-phone-finding p{font-size:11px;line-height:1.6;color:#536b4d}
.mobile-notification strong{font-size:13px;color:#203b28}.mobile-notification p{font-size:11px;color:#4b6347}
@media(max-width:600px){.mobile-phone-report>header{font-size:12px}.mobile-phone-report>header small{font-size:9px}.mobile-device-question,.mobile-device-answer{font-size:12px;line-height:1.65;padding:9px}.mobile-device-date{font-size:9px}.mobile-phone-input>span:nth-child(2){font-size:11px}.mobile-phone-summary>p{font-size:9px}.mobile-phone-order span{font-size:11px}.mobile-phone-order small{font-size:9px}.mobile-phone-finding strong{font-size:12px}.mobile-phone-finding p{font-size:10px}.mobile-notification strong{font-size:12px}.mobile-notification p{font-size:10px}}
.mobile-device-date{margin:10px 0 12px}.mobile-device-question{margin-bottom:10px}.mobile-device-answer{margin-right:3px}.mobile-phone-order{margin:12px 0;padding:9px 0}.mobile-phone-finding{margin:10px 0}
@media(max-width:600px){.mobile-device-date{margin:8px 0 10px}.mobile-device-question{margin-bottom:9px}.mobile-phone-order{margin:9px 0;padding:7px 0}.mobile-phone-finding{margin:8px 0}}

.mobile-device-answer{line-height:1.55}