/* One page-wide palette; native screenshots are never recolored. */
.monk-home{--surface:#fffcf7;--surface-low:#ede5d8;--on-accent:#fffcf7;transition:background-color .24s,color .24s}
.monk-home[data-mode=dark]{color-scheme:dark}
.monk-home[data-mode=light]{color-scheme:light}
.monk-home :focus-visible{outline-color:var(--accent)}
.monk-home .small-cta,.monk-home .mobile-download{background:var(--ink);color:var(--paper)!important}
.monk-home .mobile-download span{color:var(--paper)}
.monk-home .mobile-menu{background:var(--surface)}
.monk-home .purchase-section{background:var(--surface-low)}

.monk-home .opening-art:after{background:linear-gradient(90deg,var(--paper),transparent 70%)}
.monk-home .overline{display:none}
.monk-home .hero-evidence{justify-self:center;align-self:center;margin-block:28px;width:310px;max-width:100%;text-align:center}
.monk-home .hero-device{width:100%;margin:0;transform:none;animation:none}
.monk-home .device img{aspect-ratio:1206/2622}
.monk-home .hero-evidence figcaption{background:var(--paper);border-radius:6px;padding:6px 10px;width:max-content;max-width:100%;margin:14px auto 0}
/* Tablet: the trust line is wider than the 240 px phone; centre it on the phone instead of wrapping one word. */
@media(min-width:621px) and (max-width:900px){.monk-home .hero-evidence figcaption{max-width:none;position:relative;left:50%;transform:translateX(-50%);margin-inline:0}}
.monk-home[data-appearance=simple] :is(.opening-art,.closing-art){visibility:hidden}
.monk-home .appearance-caption{font-size:12px;line-height:1.5;color:var(--muted);letter-spacing:.015em}
.monk-home .explorer-section{padding-block:96px 40px;border-bottom:1px solid var(--line);scroll-margin-top:20px}
.explorer-heading{display:flex;align-items:center;justify-content:space-between;gap:28px}
.monk-home .explorer-heading h2{font-size:clamp(36px,3.3vw,48px);max-width:720px}
.explorer-heading>div>p{color:var(--muted);font-size:18px}
.mode-controls{display:flex;flex:none;border:1px solid var(--line);padding:4px;border-radius:10px;background:var(--surface)}
.mode-controls button{border:0;border-radius:7px;background:transparent;min-height:44px;padding:8px 18px;font-size:14px}
.mode-controls [aria-pressed=true]{background:var(--ink);color:var(--paper)}
.monk-home .theme-tabs{margin-top:36px;gap:22px}
.monk-home .theme-tabs button{font-size:22px;min-height:44px;border-radius:11px}
.monk-home .theme-thumb{background:var(--surface-low);aspect-ratio:1.8}
.theme-tabs [aria-pressed=true] .theme-thumb{border-color:var(--accent)}
.theme-tabs [aria-pressed=true] .selection-check{opacity:1;color:var(--on-accent)}
.feature-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px;padding:18px 0;border-block:1px solid var(--line);scroll-margin-top:18px}
.feature-tabs button{background:transparent;border:1px solid transparent;border-radius:7px;padding:10px 15px;min-height:44px;font-size:14px;white-space:nowrap}
.feature-tabs button:hover{background:var(--surface-low)}
.feature-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}
.explorer-stage{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(40px,6vw,90px);align-items:center;padding-top:44px;min-height:800px;outline-offset:8px}
.explorer-visual{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}
.monk-home .explorer-phone{width:310px;max-width:100%;border-width:5px}
.enlarge-button,.share-view{background:none;border:0;font-size:13px;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:5px}
.enlarge-button span,.share-view span{margin-left:7px}
.explorer-story{min-width:0;padding-right:24px}
.monk-home .explorer-story h3{font-size:clamp(36px,3.6vw,52px);line-height:1.07;max-width:14ch;margin-top:18px}
.monk-home .feature-benefit{font-size:18px;line-height:1.65;max-width:39ch;margin-top:22px;color:var(--muted)}
.state-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.state-controls button{font-size:13px;background:none;border:1px solid var(--line);border-radius:6px;padding:10px 13px;min-height:44px}
.state-controls [aria-pressed=true]{background:var(--surface-low);border-color:var(--accent)}
.action-explanation{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);max-width:43ch}
.action-explanation>span{font-weight:600;font-size:13px}
.monk-home .action-explanation p{font-size:14px;margin-top:6px;color:var(--muted);line-height:1.7}
.monk-home .evidence-note{font-size:11px;color:var(--muted);margin-top:22px}
.explorer-detail{margin-top:26px!important;max-width:420px}
.detail-window{height:180px;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.detail-window img{width:100%;height:100%;object-fit:contain}
.explorer-detail figcaption{color:var(--muted);font-size:11px;margin-top:8px}
.monk-home .explorer-status{min-height:24px;margin:16px 0 0;font-size:13px;color:var(--accent)}
.explorer-section[aria-busy=true]{cursor:progress}

.proof-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.proof-pair figure{min-width:0;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.proof-pair figure>img{width:100%;aspect-ratio:9/7;object-fit:contain}

.video-section{padding-block:40px 64px}
.monk-home .screenshot-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:0;border-radius:18px;width:min(620px,calc(100% - 24px));height:calc(100dvh - 28px);max-height:none;max-width:none}
.screenshot-dialog::backdrop{background:#000b}
.screenshot-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--paper);padding:10px 18px;border-bottom:1px solid var(--line);z-index:1}
.monk-home .screenshot-bar p{font-size:12px;line-height:1.5;margin:0}
.screenshot-bar button{background:var(--surface-low);border:0;border-radius:7px;padding:10px 13px;min-height:44px;font-size:12px}
.monk-home .screenshot-dialog>img{width:min(100%,480px);height:auto;display:block;margin:auto}
.monk-home:has(.screenshot-dialog[open]){overflow:hidden}
.monk-home:has(.screenshot-dialog[open]) .mobile-download{visibility:hidden}
body:not(.js-enabled) .theme-tabs{display:none}
body:not(.js-enabled) :is(.feature-tabs,.mode-controls,.enlarge-button,.share-view){display:none}
@media(max-width:900px){.explorer-heading{align-items:flex-start;flex-direction:column;gap:20px}.explorer-stage{gap:35px;grid-template-columns:1fr 1fr;min-height:740px}.monk-home .explorer-phone{width:280px}.explorer-story{padding:0}.monk-home .hero-evidence{width:240px}.explorer-detail{display:none}}
@media(max-width:620px){.monk-home .hero-evidence{width:100%;align-self:center;margin:22px auto 28px}.monk-home .hero-device{width:240px;margin-inline:auto}.monk-home .opening-art:after{background:linear-gradient(var(--paper),transparent 50%)}.monk-home .opening-copy .intro{max-width:34ch}.monk-home .explorer-section{padding-block:56px 16px}.monk-home .explorer-heading h2{font-size:36px;max-width:14ch}.explorer-heading>div>p{font-size:16px}.mode-controls button{padding-inline:20px}.monk-home .theme-tabs{gap:16px 12px;margin-top:26px;order:0}.monk-home .theme-tabs button{font-size:20px}.feature-tabs{flex-wrap:nowrap;overflow:auto;max-width:100%;margin-top:24px;padding:12px 3px;scrollbar-width:thin}.feature-tabs button{font-size:13px;padding-inline:12px}.explorer-stage{display:flex;flex-direction:column;gap:28px;padding-top:26px;min-height:0}.explorer-story{display:contents}.explorer-story>.appearance-caption{order:-3;margin:0}.explorer-story h3{order:-2}.monk-home .explorer-story h3{font-size:34px;max-width:17ch;margin:0;text-align:center}.monk-home .feature-benefit{order:-1;margin:0;font-size:16px;text-align:center;max-width:34ch;min-height:105px}.explorer-visual{width:100%;gap:6px}.monk-home .explorer-phone{width:min(310px,100%)}.state-controls{order:-1;margin:0;justify-content:center;min-height:44px}.action-explanation{margin:0;padding-top:18px;width:100%}.monk-home .evidence-note{margin:0;text-align:center}.share-view{margin-top:-12px}.proof-pair{grid-template-columns:1fr;gap:24px}.video-section{padding-block:28px 44px}.monk-home .screenshot-dialog{height:calc(100dvh - 16px);width:calc(100% - 16px);border-radius:12px}.screenshot-bar{padding:8px 10px}.screenshot-bar button{flex:none;max-width:140px}.closing-section{min-height:300px}}
@media(prefers-reduced-motion:reduce){.monk-home,.monk-home *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.monk-home ::selection{background:var(--accent);color:var(--on-accent)}
.monk-home{scrollbar-color:var(--muted) var(--paper)}
.enlarge-button,.share-view{display:inline-flex;align-items:center;gap:8px}
.monk-home :is(.enlarge-button,.share-view) svg{width:18px;height:18px}
/* One fixed field for both proofs, the history crop's own Monk Light paper, so they sit seamlessly in every appearance. The calendar crop is the card alone, its corners clipped to the card's radius. */
.monk-home .proof-pair figure{display:grid;grid-template-rows:470px auto;background:#f6efe4}.monk-home .proof-pair figure>img{place-self:center;width:auto;height:auto;max-width:calc(100% - 48px);max-height:422px;aspect-ratio:auto}.monk-home .proof-pair figure:first-child>img{border-radius:5.8%/4.6%}.monk-home .proof-pair figcaption{background:var(--surface)}

@media(max-width:620px){.monk-home .proof-pair figure{grid-template-rows:360px auto}.monk-home .proof-pair figure>img{max-width:calc(100% - 24px);max-height:336px}}

.detail-window img{object-fit:cover;object-position:50% 0}
.monk-home .skip-link{color:var(--paper);opacity:0;pointer-events:none}
.monk-home .skip-link:focus{opacity:1;pointer-events:auto}