/* October console showcase: readable screenshots, no perspective or autoplay. */
:root{--pri:#355e48;--pri-d:#274d39;--pri-soft:#edf5ef;--pri-soft2:#d8e8dd;--pri-ink:#355e48}
.consoleShowcase{margin-top:72px;padding-bottom:12px}
.consoleShowcaseHead{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.consoleShowcaseHead h2{font-size:clamp(24px,3vw,34px);line-height:1.35;letter-spacing:-.035em;margin-top:8px}
.consoleShowcaseHead .mOnly{display:none}
.consoleTabs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin}
.consoleTabs button{flex:none;border:1px solid #dce5df;background:#fff;color:#5c6963;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:650;white-space:nowrap}
.consoleTabs button[aria-selected=true]{background:#355e48;border-color:#355e48;color:#fff}
.consoleTabs button:hover{border-color:#355e48}
.consoleTabs button:focus-visible,.consoleZoom:focus-visible{outline:3px solid #8ba895;outline-offset:4px}
.consoleShowcase [hidden]{display:none!important}
.consoleIntro{font-size:16px;color:#5c6963;margin:8px 0 20px}
.consoleFigure{margin:28px auto 0;min-width:0;max-width:1010px}
.consoleZoom{display:block;position:relative;padding:16px;background:#f2f4f6;border:1px solid #dce5df;border-radius:22px;box-shadow:0 10px 36px rgba(24,47,36,.06);cursor:zoom-in;overflow:hidden}
.consoleZoom picture{display:block}
.consoleZoom img{display:block;width:100%;max-width:100%;height:auto;border-radius:12px;transform:none;filter:none;opacity:1}
.zoomHint{display:block;text-align:right;color:#355e48;font-size:13px;font-weight:650;padding:12px 2px 0}
.consoleFigure figcaption{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 4px;font-size:14px;color:#5c6963;line-height:1.7}
.consoleFigure figcaption small{font-size:12px;color:#73807b}
.homeSectionHead{max-width:830px;margin-bottom:34px}
.homeSectionHead .p{max-width:760px}
.homeSteps,.homeFeatureRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0}
.homeSteps article{background:#fff;border:1px solid #e0e7e3;border-radius:20px;padding:28px}
.homeSteps article>span{display:block;color:#527b65;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:20px}
.homeSteps h3,.homeFeatureRow h3{font-size:19px;line-height:1.45;letter-spacing:-.025em;color:#24312e;margin-bottom:12px}
.homeSteps p,.homeFeatureRow p{font-size:15px;line-height:1.8;color:#5c6963}
.homeSteps.compact article{background:#f8faf9}
.homeFeatureRow article{padding:8px 24px 8px 0;border-top:1px solid #dce5df;padding-top:22px}
.homeMedia{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 28px;border-radius:18px;background:#f2f6f3;margin-top:24px}
.homeMedia b{font-size:15px;color:#355e48}.homeMedia p{font-size:14px;line-height:1.8;color:#5c6963;margin-top:6px}
.homeNote{font-size:13px;line-height:1.8;color:#73807b;margin:18px 0 26px}
.consoleDialog{position:fixed;inset:0;width:min(1260px,96vw);max-width:96vw;height:92dvh;max-height:92dvh;margin:auto;border:1px solid #dce5df;border-radius:18px;padding:0;background:#f2f4f6;color:#24312e;box-shadow:0 24px 100px #0004}
.consoleDialog::backdrop{background:rgba(19,31,25,.72)}
.consoleDialogTop{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;background:#fff;border-bottom:1px solid #dce5df}
.consoleDialogTop b{font-size:15px}.consoleDialogTop div{display:flex;gap:8px}
.consoleDialogTop button{font:inherit;font-size:13px;font-weight:600;padding:8px 13px;background:#f2f6f3;border:1px solid #dce5df;border-radius:8px;color:#355e48}
.consoleDialogTop button:focus-visible{outline:3px solid #8ba895;outline-offset:2px}
.consoleDialogView{height:calc(100% - 76px);overflow:auto;padding:20px;overscroll-behavior:contain}
.consoleDialogView img{display:block;width:100%;height:auto;max-width:none;margin:0 auto}
.consoleDialogView.actual img{width:var(--original-width);max-width:none}
body.console-preview-in-view .csbar.on{transform:translateY(110%);pointer-events:none}
@media(max-width:700px){.consoleShowcase{margin-top:48px}.consoleShowcaseHead{align-items:start;flex-direction:column;gap:16px}.homeSteps,.homeFeatureRow,.homeMedia{grid-template-columns:1fr;gap:16px}.homeSteps article{padding:22px}.homeSteps article>span{margin-bottom:12px}.homeMedia{padding:22px}.homeSectionHead{margin-bottom:24px}.homeFeatureRow{margin:24px 0}.homeFeatureRow article{padding:20px 0 4px}}
@media(max-width:600px){.consoleShowcaseHead .mOnly{display:block}.consoleTabs button{font-size:13px;padding:10px 13px}.consoleIntro{font-size:14px}.consoleZoom{padding:8px;border-radius:16px}.consoleFigure{margin-top:20px}.consoleFigure figcaption{display:block;font-size:13px}.consoleFigure figcaption small{display:block;margin-top:6px}.consoleDialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.consoleDialogTop{padding:12px}.consoleDialogView{padding:12px}.sec{padding:72px 0}}