/* Product-proof chapters: real app behaviour, presented with illustrative data. */
.proof button{appearance:none;border:0;font-family:var(--font-body);cursor:pointer}
.proof button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.proof{position:relative;background:radial-gradient(ellipse at 12% 18%,#4c5f2722,transparent 42%),#0d100e;overflow:hidden}
.proof::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff0 95%,#ffffff05 96%),linear-gradient(90deg,#fff0 95%,#ffffff04 96%);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);pointer-events:none}
.proof-heading{position:relative;display:grid;grid-template-columns:1.05fr .75fr;gap:70px;align-items:end;margin-bottom:48px}
.proof-heading h2{margin-top:14px;font-size:clamp(3rem,5.4vw,5.6rem);line-height:.92;letter-spacing:-.065em}
.proof-heading .lede{max-width:47ch;margin:0 0 6px;font-size:.92rem;line-height:1.8}
.proof-workspace{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:18px;align-items:stretch}
.proof-stage{position:relative;min-height:700px;border-radius:28px;overflow:hidden;background:#161a17;box-shadow:inset 0 1px #ffffff12,0 30px 80px #0005}
.proof-panel{position:absolute;inset:0;display:block;animation:proof-in .42s ease both}
.proof-panel[hidden]{display:none}
@keyframes proof-in{from{opacity:0;transform:scale(1.012)}to{opacity:1;transform:none}}
.proof-photo-panel>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.7) contrast(1.04)}
.proof-photo-panel[data-proof-panel=setup]>img,.proof-photo-panel[data-proof-panel=frame]>img{object-position:center 48%}
.proof-scrim{position:absolute;inset:0;background:linear-gradient(to bottom,#07090715 35%,#070907ed 92%),linear-gradient(90deg,#0000 55%,#0004)}
.proof-hud{position:absolute;z-index:2;display:flex;justify-content:space-between;font-size:.48rem;letter-spacing:.15em;color:#d7dfd2}
.proof-hud-top{left:25px;right:25px;top:24px}
.proof-caption{position:absolute;z-index:4;left:30px;right:30px;bottom:28px;max-width:630px}
.proof-caption>span{display:block;font-size:.5rem;letter-spacing:.18em;color:var(--lime);margin-bottom:10px}
.proof-caption>strong{display:block;font:600 clamp(1.75rem,3vw,3rem)/1.05 var(--font-display);letter-spacing:-.045em;color:#f1f4ef}
.proof-caption>p{max-width:53ch;margin-top:10px;color:#b9c1b5;font-size:.74rem;line-height:1.65}
.proof-frame-box{position:absolute;z-index:2;left:58%;top:14%;width:29%;height:64%;border:1px solid #cafd0040;border-radius:46% 46% 36% 36%;filter:drop-shadow(0 0 16px #cafd0025)}
.proof-frame-box i{position:absolute;width:38px;height:38px;border-color:var(--lime);border-style:solid}
.proof-frame-box i:nth-child(1){left:-2px;top:-2px;border-width:2px 0 0 2px}.proof-frame-box i:nth-child(2){right:-2px;top:-2px;border-width:2px 2px 0 0}.proof-frame-box i:nth-child(3){right:-2px;bottom:-2px;border-width:0 2px 2px 0}.proof-frame-box i:nth-child(4){left:-2px;bottom:-2px;border-width:0 0 2px 2px}
.proof-frame-count{left:29%;top:13%;width:42%;height:66%}
.proof-status,.proof-device{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:99px;background:#0c100cce;border:1px solid #ffffff16;font-size:.48rem;letter-spacing:.13em;color:#e4eadf}
.proof-status{top:25px;left:25px}.proof-device{top:25px;right:25px}.proof-status span,.proof-device span{width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px var(--lime)}
.proof-counter{position:absolute;z-index:3;right:30px;top:30%;display:grid;text-align:right}.proof-counter b{font:600 6.3rem/.8 var(--font-display);letter-spacing:-.08em;color:var(--lime);text-shadow:0 0 35px #cafd002c}.proof-counter span{font-size:.5rem;letter-spacing:.2em;margin-top:12px}
.proof-ui-panel{padding:26px;background:radial-gradient(circle at 50% 30%,#46572a32,transparent 45%),linear-gradient(145deg,#1b201b,#0d100e)}
.proof-ui-meta{display:flex;justify-content:space-between;font-size:.47rem;letter-spacing:.17em;color:#9ba597}
.proof-confirm-card,.proof-summary-card{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(470px,calc(100% - 52px));border-radius:28px;background:linear-gradient(145deg,#252b25,#171b18);box-shadow:inset 0 1px #ffffff17,0 35px 80px #0007;padding:34px}
.proof-confirm-card>p{font-size:.53rem;letter-spacing:.2em;color:#aeb8aa}.proof-confirm-card>strong{display:block;font:600 7rem/.95 var(--font-display);letter-spacing:-.08em;color:#f2f4ef;margin-top:9px}.proof-confirm-card>span{font-size:.73rem;color:#aeb6aa}
.proof-stepper{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;margin:27px 0 22px;border:1px solid #ffffff12;border-radius:16px;overflow:hidden}.proof-stepper button,.proof-stepper b{min-height:58px;display:grid;place-items:center;color:#dfe5db;background:#101411;font-size:1.4rem}.proof-stepper b{font-size:1.6rem;border-inline:1px solid #ffffff10}.proof-stepper button:hover{color:var(--lime);background:#20271e}
.proof-effort>span{font-size:.5rem;letter-spacing:.15em;color:#aeb8aa}.proof-effort>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.proof-effort i{font-style:normal;text-align:center;padding:12px 7px;border-radius:12px;background:#111512;color:#919a8e;font-size:.63rem}.proof-effort i.on{background:#cafd0018;color:var(--lime);box-shadow:inset 0 0 0 1px #cafd0054}
.proof-log{width:100%;margin-top:20px;padding:15px;border-radius:14px;background:var(--lime);color:#11170d;font-weight:700;font-size:.73rem}
.proof-summary-card{padding:30px}.proof-score{display:grid;justify-items:center;padding:14px 0 26px;border-bottom:1px solid #ffffff12}.proof-score span{font-size:.5rem;letter-spacing:.18em;color:#aeb6aa}.proof-score b{font:600 7rem/.9 var(--font-display);color:var(--lime);letter-spacing:-.08em}.proof-score i{font-style:normal;font-size:.58rem;letter-spacing:.2em;color:#dce7d4}
.proof-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:25px 0}.proof-metrics>div{padding:15px 10px;background:#101411;border-radius:12px}.proof-metrics span{display:block;font-size:.42rem;letter-spacing:.12em;color:#879184}.proof-metrics b{display:block;font:600 1.65rem var(--font-display);margin-top:8px}.proof-metrics small{font-size:.48rem;margin-left:3px;color:#9da69a}
.proof-ghost,.ghost-advice{display:flex;align-items:center;gap:13px;border-radius:15px;background:#0f1411;padding:14px}.ghost-orb{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 62% 36%,#efffc4 0 7%,#cafd00 12%,#76d6c2 37%,#245b52 64%,#0e1513 68%);box-shadow:0 0 26px #88dca73c,0 0 0 5px #ffffff07}.proof-ghost p,.ghost-advice p{font-size:.65rem;color:#c3cbc0;line-height:1.55}.proof-ghost b,.ghost-advice b{display:block;font-size:.45rem;letter-spacing:.17em;color:#9edcc9;margin-bottom:4px}
.proof-tabs{display:grid;gap:8px}.proof-tabs button{position:relative;display:grid;grid-template-columns:42px 1fr;column-gap:12px;text-align:left;padding:18px 16px;border-radius:18px;background:#151916;color:#aeb6aa;box-shadow:inset 0 0 0 1px #ffffff09;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.proof-tabs button:hover{transform:translateX(-3px);background:#1c221c}.proof-tabs button[aria-selected=true]{background:linear-gradient(135deg,#283123,#1a2018);color:#ecf1e8;box-shadow:inset 0 0 0 1px #cafd0052}.proof-tabs button>span{grid-row:1 / 3;font:500 1.15rem var(--font-display);color:#66705f}.proof-tabs button[aria-selected=true]>span{color:var(--lime)}.proof-tabs b{font-size:.78rem;font-weight:600}.proof-tabs small{margin-top:4px;color:#828c7f;font-size:.57rem;line-height:1.5}.proof-tabs button[aria-selected=true] small{color:#aab4a6}
.proof-tabs button{align-content:center;row-gap:6px;padding:22px;grid-template-columns:36px minmax(0,1fr)}
.proof-tabs button>span{align-self:center;color:#99a28f}
.proof-tabs b{font-size:1rem;line-height:1.35}
.proof-tabs small{margin:0;font-size:.8125rem;line-height:1.5;color:#aeb6aa}
.proof-tabs button[aria-selected=true] small{color:#c5cebf}
.proof-frame-box{border:0;border-radius:0}
.proof-caption>p{font-size:.875rem}
.proof-truths{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;border-radius:18px;overflow:hidden;background:#171b18}.proof-truths span{padding:20px 24px;font-size:.65rem;color:#aeb7aa;border-right:1px solid #ffffff0b}.proof-truths span:last-child{border:0}.proof-truths b{font:600 1.7rem var(--font-display);color:var(--lime);margin-right:9px}

.recovery-proof{background:radial-gradient(ellipse at 86% 26%,#4b5c2d23,transparent 48%),#111412}
.recovery-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(500px,1.15fr);gap:76px;align-items:center}
.recovery-copy h2{font-size:clamp(3rem,5vw,5.1rem);line-height:.95;letter-spacing:-.065em;margin:14px 0 25px}.recovery-copy .lede{font-size:.9rem;line-height:1.8;max-width:48ch}
.recovery-points{list-style:none;padding:0;margin:33px 0;display:grid;gap:19px}.recovery-points li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding-bottom:18px;border-bottom:1px solid #ffffff0d}.recovery-points li>span{font-size:.49rem;letter-spacing:.12em;color:var(--lime);padding-top:3px}.recovery-points p{font-size:.7rem;color:#9fa89c;line-height:1.65}.recovery-points b{display:block;color:#e0e5dd;font-size:.75rem;margin-bottom:4px}
.recovery-console{border-radius:28px;background:linear-gradient(145deg,#202520,#141815);padding:27px;box-shadow:inset 0 1px #ffffff13,0 35px 90px #0005}
.recovery-head{display:flex;justify-content:space-between;align-items:center}.recovery-head>span{font:600 1.15rem var(--font-display)}.recovery-head>div{display:flex;padding:4px;border-radius:99px;background:#0c0f0d}.recovery-head button{padding:8px 14px;border-radius:99px;color:#8f988c;font-size:.65rem}.recovery-head button[aria-pressed=true]{background:#2b302b;color:#eef1ec}
.body-stage{display:grid;place-items:center;padding:12px 0 5px}.body-stage svg{width:min(330px,72%);height:360px;color:#383e39;overflow:visible}.body-stage .muscle{stroke:#151a16;stroke-width:3;stroke-linejoin:round;transition:opacity .3s}.body-stage .fresh,.recovery-legend .fresh{fill:#cafd00;background:#cafd00}.body-stage .ready,.recovery-legend .ready{fill:#62ceb0;background:#62ceb0}.body-stage .recovering,.recovery-legend .recovering{fill:#f7bf3d;background:#f7bf3d}.body-stage .rest,.recovery-legend .rest{fill:#ff4f56;background:#ff4f56}
.recovery-legend{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.recovery-legend span{font-size:.57rem;color:#aeb6ab;display:flex;gap:6px;align-items:center}.recovery-legend i{width:8px;height:8px;border-radius:50%}
.ghost-advice{margin-top:18px;background:#101511;padding:16px}.ghost-advice p{font-size:.72rem}.ghost-advice b{font-size:.5rem}.ghost-advice span:last-child{display:block}
.recovery-week{position:relative;margin-top:14px;border-radius:16px;background:#121613;padding:18px;overflow:hidden}.recovery-week>div:first-child{display:grid}.recovery-week>div>span{font-size:.45rem;letter-spacing:.14em;color:#8e988a}.recovery-week>div>b{font:600 2.6rem var(--font-display);margin-top:5px}.recovery-week small{font-size:.55rem;color:#9ca59a}.recovery-week>strong{position:absolute;right:18px;top:18px;padding:8px 10px;border-radius:99px;background:#ff4f561d;color:#ff666c;font-size:.65rem}.week-bars{height:58px;display:flex;gap:7px;align-items:end;margin-top:12px}.week-bars i{flex:1;height:var(--h,70%);border-radius:4px 4px 0 0;background:#686d68}.week-bars i:nth-child(2){--h:78%}.week-bars i:nth-child(3){--h:66%}.week-bars i:nth-child(4){--h:73%}.week-bars i:nth-child(5){--h:62%}.week-bars i:nth-child(6){--h:81%}.week-bars i.now{height:26%;background:var(--lime);box-shadow:0 0 17px #cafd0042}
.recovery-console .preview-note{text-align:center;margin-top:13px;font-size:.48rem}

@media(max-width:1050px){.proof-heading{gap:36px}.proof-workspace{grid-template-columns:minmax(0,1.25fr) minmax(250px,.65fr)}.proof-stage{min-height:640px}.recovery-grid{gap:38px;grid-template-columns:minmax(0,.8fr) minmax(440px,1.1fr)}}
@media(max-width:820px){.proof-heading{grid-template-columns:1fr;gap:22px}.proof-workspace{grid-template-columns:1fr}.proof-stage{min-height:660px}.proof-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.proof-tabs button{display:flex;flex-direction:column;gap:6px;min-height:80px;align-items:center;justify-content:center;padding:12px 7px;text-align:center}.proof-tabs button>span{font-size:.8rem}.proof-tabs b{font-size:.75rem}.proof-tabs small{display:none}.proof-truths span{padding:16px}.recovery-grid{grid-template-columns:1fr}.recovery-copy{max-width:620px}.recovery-console{max-width:650px;width:100%;margin:auto}}
@media(max-width:560px){.proof{padding-top:70px}.proof-heading{margin-bottom:28px}.proof-heading h2,.recovery-copy h2{font-size:2.75rem}.proof-stage{min-height:610px;border-radius:22px}.proof-caption{left:22px;right:22px;bottom:22px}.proof-caption>strong{font-size:1.85rem}.proof-caption>p{font-size:.8125rem}.proof-tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;gap:8px}.proof-tabs::-webkit-scrollbar{display:none}.proof-tabs button{min-height:72px}.proof-truths{grid-template-columns:1fr}.proof-truths span{border-right:0;border-bottom:1px solid #ffffff0b}.proof-truths span:last-child{border:0}.proof-confirm-card,.proof-summary-card{padding:24px;width:calc(100% - 32px);top:43%}.proof-confirm-card>strong,.proof-score b{font-size:5.6rem}.proof-metrics b{font-size:1.35rem}.proof-counter{right:22px}.proof-counter b{font-size:4.7rem}.proof-frame-box{left:54%;width:37%}.proof-frame-count{left:22%;width:56%}.recovery-console{padding:20px 16px;border-radius:22px}.body-stage svg{width:82%;height:330px}.recovery-legend{gap:10px}.ghost-advice p{font-size:.65rem}.recovery-week>div>b{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){.proof-panel{animation:none}.proof-tabs button{transition:none}.body-stage .muscle{transition:none}}

/* Keep portrait photos intact and captions in normal flow, at every zoom level. */
.proof-workspace{--proof-height:clamp(340px,60svh,480px);align-items:start;grid-template-columns:minmax(0,1fr) 280px}
.proof-stage{min-height:0}
.proof-panel{position:relative;inset:auto}
.proof-photo-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}
.proof-media{height:var(--proof-height);display:flex;align-items:center;justify-content:center;background:#101310;overflow:hidden}
.proof-image{position:relative;width:min(100%,calc(var(--proof-height)*.75));flex:none}
.proof-image>img{display:block;width:100%;height:auto;filter:saturate(.7) contrast(1.04)}
.proof-photo-panel[data-proof-panel=count] .proof-image{width:min(100%,calc(var(--proof-height)*.666667))}
.proof-image .proof-scrim{background:linear-gradient(#07090730,transparent 25%,transparent 85%,#07090720)}
.proof-caption{position:relative;inset:auto;max-width:none;padding:28px}
.proof-caption>strong{font-size:clamp(1.5rem,2.2vw,2.2rem);line-height:1.12}
.proof-caption>p{font-size:.875rem;line-height:1.65}
.proof-image .proof-frame-box{left:44%;top:3%;width:39%;height:78%}
.proof-image .proof-frame-count{left:8%;top:14%;width:80%;height:70%}
.proof-frame-box i{width:22px;height:22px}
.proof-status,.proof-device{top:12px;left:12px;right:auto;padding:7px 9px;font-size:.5rem}
.proof-hud-top{top:12px;left:12px;right:12px;font-size:.5rem}
.proof-counter{right:12px;top:42%}
.proof-counter b{font-size:3rem}
.proof-tabs{align-content:start}
.proof-tabs button{min-height:80px;padding:14px 16px;border-radius:14px}
.proof-tabs b{font-size:.9375rem}
.proof-tabs small{font-size:.8125rem}
.proof-ui-panel{padding:20px}
.proof-confirm-card,.proof-summary-card{position:relative;inset:auto;transform:none;width:min(100%,400px);margin:20px auto 0;padding:24px}
.proof-ui-panel .proof-caption{padding:24px 4px 4px}
.proof-confirm-card>strong,.proof-score b{font-size:4rem}
.proof-score{padding:8px 0 16px}
.proof-stepper{margin:16px 0}
.proof-stepper button,.proof-stepper b{min-height:44px}
.proof-metrics{padding:16px 0}
@media(max-width:1100px) and (min-width:821px){.proof-workspace{grid-template-columns:minmax(0,1fr) 250px}.proof-caption{padding:20px}.proof-tabs button{padding:14px 12px;column-gap:8px}}
@media(max-width:820px){.proof-workspace{grid-template-columns:1fr}.proof-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.proof-tabs button{min-height:76px}.proof-tabs b{font-size:.75rem}}
@media(max-width:560px){.proof-photo-panel{grid-template-columns:1fr}.proof-workspace{--proof-height:340px}.proof-caption{padding:22px}.proof-caption>strong{font-size:1.65rem}.proof-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.proof-tabs button{padding:12px 6px}.proof-ui-panel{padding:16px}.proof-metrics b{font-size:1.35rem}}
