/* Original product screens, with inspectable details and native scrolling. */
.screen-chapters{margin-top:60px}.screen-showcase{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;padding:75px 0;border-top:1px solid var(--border);position:relative;isolation:isolate}.screen-copy{min-width:0;position:relative;z-index:2}.features-page .screen-copy h3{font-size:clamp(32px,3.5vw,48px);line-height:1.1;letter-spacing:-.045em;margin:20px 0}.screen-intro{font-size:17px;max-width:460px;line-height:1.7}.screen-focus-nav{display:flex;gap:0;margin-top:32px;border-bottom:1px solid var(--border)}.features-page .screen-focus-nav button{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:9px;text-align:left;min-height:80px;border:0;border-bottom:2px solid transparent;background:transparent;border-radius:0;padding:12px 12px 16px 0;font-size:14px;color:var(--muted);line-height:1.35;transition:color .2s,border-color .2s}.screen-focus-nav button span{font:12px var(--mono);color:#6e8fa1}.features-page .screen-focus-nav button[aria-pressed=true]{color:var(--text);border-color:var(--cyan);background:none}.screen-focus-nav button[aria-pressed=true] span{color:var(--cyan)}.screen-focus-nav button:hover{color:var(--cyan)}.screen-focus-nav button:focus-visible{outline-offset:2px}.screen-focus-caption{min-height:136px;padding-top:23px}.screen-focus-caption h4{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 9px;letter-spacing:-.015em}.features-page .screen-focus-caption p{font-size:15px;line-height:1.65;color:var(--muted);max-width:450px}.features-page .screen-expand{font-size:14px;margin-top:6px}.features-page .screen-disclosure{font-size:12px;color:#86a0af;max-width:420px;margin-top:12px}.screen-art{position:relative;min-height:700px;display:flex;align-items:flex-start;justify-content:center;padding-bottom:60px;perspective:1200px;min-width:0}.screen-halo{position:absolute;inset:5% 0 10%;border-radius:50%;z-index:-1;background:radial-gradient(ellipse at 55% 45%,#1b49595c,transparent 66%);pointer-events:none}.screen-phone{width:min(344px,75%);flex-shrink:0;position:relative;margin-left:70px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(var(--lean,2deg));transition:transform .6s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(6px 26px 20px #0006);transform-style:preserve-3d}.screen-original{width:100%;height:auto;aspect-ratio:2187/4219;user-select:none;-webkit-user-drag:none}.screen-focus-ring{position:absolute;pointer-events:none;border:1.5px solid #83e7ff;border-radius:9px;box-shadow:0 0 0 3px #64dbf422,0 0 25px #64dbf425;transition:top .55s cubic-bezier(.2,.7,.2,1),left .55s,width .55s,height .55s}.screen-loupe{position:absolute;left:0;bottom:0;width:min(350px,78%);padding:13px;border-radius:14px;border:1px solid #416774;background:#0e1a23f5;box-shadow:0 20px 55px #0007;z-index:3;backdrop-filter:blur(16px)}.loupe-label{display:flex;justify-content:space-between;padding:0 2px 11px;font:12px var(--mono);letter-spacing:.06em;color:var(--cyan)}.loupe-counter{color:var(--muted)}.loupe-window{position:relative;overflow:hidden;border-radius:8px;background:#0d1720;transition:aspect-ratio .4s}.loupe-window img{position:absolute;max-width:none;height:auto;user-select:none;pointer-events:none}.screen-progression .screen-copy,.screen-review .screen-copy{order:2}.screen-progression .screen-art,.screen-review .screen-art{order:1}.screen-progression,.screen-review{grid-template-columns:1.1fr .9fr}.screen-progression .screen-phone,.screen-review .screen-phone{margin-left:0;margin-right:50px;--lean:-2deg}.screen-progression .screen-loupe,.screen-review .screen-loupe{left:auto;right:0}.reflect-grid{display:block;margin-top:0}.screen-playbooks{border-top:0;padding-top:0}.features-page .mindset-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:38px;margin:32px 0 55px;background:linear-gradient(120deg,#112732,#0e1a23);align-items:center}.mindset-panel .mood-note{min-height:50px}.mindset-panel .mood-picker{margin-top:16px}.features-page .mindset-panel h3{font-size:36px}.review-question{border-left:1px solid var(--border);padding-left:18px;margin-top:18px;margin-bottom:20px}.features-page .review-question #reflection-question{font-size:18px;line-height:1.4;min-height:54px;margin:12px 0}.review-question .next-prompt{margin-right:18px;font-size:13px}.review-question .tiny-label{font-size:12px}.screen-review .screen-focus-caption{min-height:125px}.screen-dialog{color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:0;width:min(880px,calc(100% - 40px));max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #0009}.screen-dialog::backdrop{background:#02080ddd;backdrop-filter:blur(12px)}.screen-dialog-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:#070e14f5;z-index:2;border-bottom:1px solid var(--border)}.screen-dialog-bar h2{font-size:23px;letter-spacing:-.03em;line-height:1.3;margin-top:5px}.features-page .screen-dialog-close{min-height:44px;border-color:var(--border);padding:8px 15px;font-size:14px}.screen-dialog-close span{font-size:22px;margin-left:12px}.screen-dialog-body{padding:24px;display:flex;justify-content:center}.screen-dialog-body img{width:min(700px,100%);height:auto;object-fit:contain;filter:drop-shadow(0 10px 25px #0006)}.screen-dialog>p{text-align:center;color:var(--muted);font-size:13px;padding:0 20px 22px}html.screen-open{overflow:hidden}
@media(min-width:1001px){.screen-copy{padding-block:10px}.screen-showcase .screen-intro{max-width:430px}}
@media(max-width:1000px){.screen-showcase{gap:35px;padding-block:55px}.screen-art{min-height:635px}.screen-phone{width:min(300px,80%);margin-left:35px}.screen-loupe{width:min(320px,88%)}.screen-focus-caption{min-height:158px}.features-page .mindset-panel{gap:35px;padding:30px}.screen-progression .screen-phone,.screen-review .screen-phone{margin-right:25px}}
@media(max-width:760px){.screen-chapters{margin-top:45px}.screen-showcase,.screen-progression,.screen-review{grid-template-columns:1fr;gap:22px;padding:45px 0}.screen-progression .screen-copy,.screen-review .screen-copy,.screen-progression .screen-art,.screen-review .screen-art{order:initial}.features-page .screen-copy h3{font-size:36px}.screen-intro{font-size:16px}.screen-focus-nav{margin-top:23px}.features-page .screen-focus-nav button{font-size:14px;min-height:78px;padding:12px 8px 14px 0;gap:7px}.screen-focus-caption,.screen-review .screen-focus-caption{min-height:136px;padding-top:20px}.screen-art{min-height:635px;max-width:470px;width:100%;margin-inline:auto;padding:0 0 105px}.screen-phone{width:min(290px,85%);margin-left:22px;--lean:1.5deg}.screen-progression .screen-phone,.screen-review .screen-phone{margin-left:0;margin-right:20px}.screen-loupe{width:min(335px,96%);left:0;bottom:0;padding:11px}.screen-progression .screen-loupe,.screen-review .screen-loupe{right:0;left:auto}.screen-halo{inset:0 0 13%}.screen-playbooks{padding-top:0}.features-page .mindset-panel{grid-template-columns:1fr;gap:25px;margin:15px 0 10px;padding:24px}.features-page .mindset-panel h3{font-size:30px}.screen-dialog{width:calc(100% - 20px);max-height:94dvh;border-radius:12px}.screen-dialog-bar{padding:14px;gap:12px}.screen-dialog-bar h2{font-size:20px}.screen-dialog-bar .tiny-label{font-size:12px;letter-spacing:.02em}.screen-dialog-body{padding:8px}.screen-dialog .screen-dialog-close{padding:8px 10px;white-space:nowrap}.screen-dialog .screen-dialog-close span{margin-left:5px}.review-question{margin-top:12px}.features-page .review-question #reflection-question{min-height:56px}}
@media(max-width:360px){.screen-art{min-height:575px}.screen-phone{width:255px;max-width:88%}.features-page .screen-copy h3{font-size:32px}.screen-focus-caption{min-height:154px}}
@media(prefers-reduced-motion:reduce){.screen-phone,.screen-focus-ring,.loupe-window,.screen-focus-nav button{transition:none}.screen-phone{transform:none!important}}
/* Readable screens: no rotated or filtered image compositing. */
.screen-showcase .screen-art{min-height:0;padding:0;perspective:none;align-items:center;align-self:center;max-width:none}
.screen-showcase .screen-phone{width:min(440px,100%);max-width:100%;margin:0;transform:none;transition:none;filter:none;transform-style:flat}
.screen-showcase .screen-loupe{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-width:none;margin:22px 0 18px;padding:12px;background:var(--panel);backdrop-filter:none;box-shadow:0 10px 30px #0003}
.screen-showcase .loupe-window{transition:none}.screen-showcase .screen-focus-caption{min-height:0}.screen-showcase .screen-copy{min-width:0}
.screen-dialog-actions{display:flex;gap:8px;align-items:center}.screen-dialog-body{display:block;overflow:auto;max-height:calc(90dvh - 155px);overscroll-behavior:contain}.screen-dialog-body img{display:block;margin-inline:auto;filter:none}.screen-dialog-body.is-zoomed img{width:1000px;max-width:none;margin:0}.screen-dialog-body:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}
@media(max-width:1000px) and (min-width:761px){.screen-showcase{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:760px){.screen-showcase .screen-phone{width:min(390px,100%)}.screen-showcase .screen-art{padding:0 0 10px}.screen-showcase .screen-loupe{padding:9px;margin-top:20px}.screen-dialog-bar{flex-wrap:wrap}.screen-dialog-actions{margin-left:auto}.screen-dialog-actions button{min-height:44px}.screen-dialog-body{max-height:calc(94dvh - 180px)}.screen-dialog-body.is-zoomed img{width:850px}}
/* Chart evidence: a larger inspection surface beside the original phone. */
.screen-chart{margin-top:80px;padding:50px 38px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(145deg,#11263066,transparent 65%);gap:48px;grid-template-columns:1.1fr .9fr}
.screen-chart .screen-copy h3{font-size:clamp(34px,3.5vw,48px)}
.screen-chart .screen-focus-nav{margin-top:25px}.screen-chart .screen-loupe{margin-top:24px;border-color:#396171;background:#0b1720;box-shadow:0 12px 40px #0003}
.screen-chart .loupe-window{min-height:0}.screen-chart .screen-focus-caption{padding-top:0;min-height:110px}.screen-chart .screen-halo{background:radial-gradient(ellipse at 50% 50%,#174b6060,transparent 68%)}
.screen-chart .screen-phone{width:min(410px,100%)}.screen-chart .screen-disclosure{margin-top:8px}.screen-chart .screen-art:before{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:linear-gradient(90deg,#64dbf450,transparent);z-index:-1}
@media(max-width:1000px){.screen-chart{padding:35px 24px;gap:28px}.screen-chart .screen-focus-caption{min-height:135px}}
@media(max-width:760px){.screen-chart{grid-template-columns:1fr;margin-top:45px;padding:28px 16px;border-radius:16px;gap:24px}.screen-chart .screen-phone{width:100%;max-width:390px}.screen-chart .screen-copy h3{font-size:34px}.screen-chart .screen-focus-caption{min-height:128px}.screen-chart .loupe-label{font-size:12px;letter-spacing:0}.screen-chart .screen-focus-nav button{font-size:13px}.screen-chart .screen-loupe{padding:8px}.screen-chart .loupe-window{min-height:0}}
/* The annotation editor retains its native landscape proportions. */
.screen-chart[data-screen-kind=editor] .screen-phone{width:100%;max-width:none}
.screen-chart[data-screen-kind=editor] .screen-focus-ring{border-radius:5px}
.screen-chart[data-screen-kind=editor] .screen-original{border-radius:12px}

/* Explain ownership before showing the example strategy. */
.screen-playbooks .screen-art{flex-direction:column;gap:18px}
.playbook-example-label{margin:0;text-align:center;font:12px var(--mono);color:var(--cyan);letter-spacing:.035em}
/* Compact supporting feature between Playbooks and Daily Review. */
.features-page .mindset-panel{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin:15px 0 0;padding:38px 0;border:0;border-top:1px solid var(--border);border-radius:0;background:none;scroll-margin-top:160px;}
.features-page .mindset-intro h3{font-size:34px;line-height:1.12;letter-spacing:-.035em;margin:16px 0;}
.features-page .mindset-lead{font-size:15px;line-height:1.7;max-width:420px;}
.mindset-controls{min-width:0;background:#0e1a23;border:1px solid var(--border);border-radius:12px;padding:20px 22px 12px;}
.mindset-tag-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:17px;}
.mindset-tag{font-size:11px;color:#9bb2c0;display:flex;align-items:center;gap:9px;}
.mindset-tag strong{font-size:12px;font-weight:500;color:#a0e4ef;background:#16303b;border:1px solid #31505d;border-radius:5px;padding:3px 9px;}
.mindset-source{font-size:10px;color:#8da5b4;}
.mindset-conviction{border:0;padding:0;margin:0;min-width:0;}
.mindset-conviction legend{padding:0;font-size:14px;font-weight:600;color:var(--text);}
.features-page #conviction-question{font-size:12px;line-height:1.5;color:#a8bac6;margin:5px 0 13px;}
.app-conviction-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;}
.app-conviction-picker label{position:relative;min-width:0;cursor:pointer;}
.features-page .app-conviction-picker input{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0;}
.app-conviction-picker label>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:62px;border:1px solid #304551;border-radius:8px;color:#a9bdca;background:#0b161f;transition:background .18s,border-color .18s,color .18s;}
.app-conviction-picker strong{font-size:20px;font-weight:600;line-height:1;}
.app-conviction-picker small{font-size:10px;line-height:1.2;white-space:nowrap;}
.app-conviction-picker label:hover>span{border-color:#679bad;background:#132934;}
.app-conviction-picker input:checked+span{color:var(--cyan);border-color:var(--cyan);background:#153743;}
.app-conviction-picker input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px;}
.conviction-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;}
#conviction-help{font-size:10px;line-height:1.5;color:#8da5b4;}
.features-page .mindset-panel .conviction-clear{padding:0 5px;min-height:44px;border:0;border-radius:3px;background:none;color:var(--cyan);font-size:12px;}
.conviction-clear[hidden]{display:none!important;}
@media(max-width:1000px){.features-page .mindset-panel{gap:32px;}.mindset-controls{padding-inline:18px;}.app-conviction-picker{gap:5px;}.app-conviction-picker small{font-size:9px;}}
@media(max-width:760px){.features-page .mindset-panel{grid-template-columns:1fr;gap:22px;padding:30px 0;margin:10px 0 0;scroll-margin-top:145px;}.features-page .mindset-intro h3{font-size:30px;margin:13px 0;}.features-page .mindset-lead{max-width:none;}.mindset-controls{padding:17px 18px 8px;}.mindset-tag-row{margin-bottom:15px;}.app-conviction-picker label>span{min-height:60px;}}
@media(max-width:360px){.mindset-controls{padding-inline:13px;}.app-conviction-picker{gap:4px;}.app-conviction-picker small{font-size:8px;}.mindset-tag-row{gap:7px 9px;}.mindset-source{font-size:9px;}}
@media(prefers-reduced-motion:reduce){.app-conviction-picker label>span{transition:none;}}