.system-visual{--visual-background:#dbe7cf;--visual-line:#b7c5a6;--visual-shadow:#263d2426;background:var(--visual-background);border:1px solid var(--visual-line);border-radius:7px;min-width:0;margin:0;padding:32px 28px 20px}.system-visual-copper{--visual-background:#eed5bd;--visual-line:#d7b697;--visual-shadow:#6a351c26}.system-visual-blue{--visual-background:#d6e5e8;--visual-line:#aac5cb;--visual-shadow:#1d404926}.system-visual-sand{--visual-background:#eee5c9;--visual-line:#d5c79d;--visual-shadow:#59451a26}.system-visual-open{cursor:zoom-in;text-align:left;width:100%;box-shadow:0 15px 30px var(--visual-shadow), 0 2px 5px #20291b12;background:#fff;border:1px solid #ffffffa3;border-radius:5px;padding:0;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden}.system-visual-open>img{width:100%;height:auto;display:block}.system-visual-zoom{color:#35482d;background:#fff;border:1px solid #d4d9cf;border-radius:4px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;line-height:1.4;display:flex;position:absolute;bottom:12px;right:12px}.system-visual-open:hover{box-shadow:0 20px 34px var(--visual-shadow), 0 2px 5px #20291b12;transform:translateY(-3px)}.system-visual-open:focus-visible{outline-offset:4px;outline:3px solid #546a43}.system-visual>figcaption{color:#35432f;text-align:center;margin-top:20px;font-size:11px;line-height:1.5}.system-visual-dialog{color:#252c22;background:#fafbf8;border:1px solid #bdc8b4;border-radius:6px;width:min(1500px,100vw - 40px);max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0}.system-visual-dialog::backdrop{background:#172012b8}.system-visual-dialog-bar{z-index:1;background:#fafbf8;border-bottom:1px solid #dce0d7;justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;font-size:15px;display:flex;position:sticky;top:0}.system-visual-dialog-bar button{color:#35482d;cursor:pointer;background:#fff;border:1px solid #c5cfbc;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:inline-flex}.system-visual-full{overflow:auto}.system-visual-full img{width:100%;min-width:780px;max-width:none;height:auto;display:block}.system-visual-dialog>p{color:#4b5645;padding:12px 20px;font-size:12px}.system-feature{grid-template-columns:minmax(0,.9fr) minmax(0,1.7fr);align-items:center;gap:36px;margin-bottom:70px;padding:0;display:grid}.system-feature:last-child{margin-bottom:0}.system-feature-copy{min-width:0;padding:24px}.system-feature-copy .eyebrow{letter-spacing:.055em;margin-bottom:16px;font-size:11px}.system-feature-copy h3{letter-spacing:-.035em;margin:0 0 19px;font-size:clamp(27px,2.4vw,34px);font-weight:600;line-height:1.16}.system-feature-copy p{color:#606459;font-size:16px;line-height:1.75}.system-feature-copy .text-link{margin-top:24px}.system-feature-copy .system-feature-label{margin:0 0 18px}.system-feature .system-visual{flex-direction:column;justify-content:center;align-self:center;display:flex}.system-feature-reverse{grid-template-columns:minmax(0,1.7fr) minmax(0,.9fr)}.system-feature-reverse .system-feature-copy{grid-area:1/2}.system-feature-reverse>:last-child{grid-area:1/1}@media (max-width:900px){.system-feature,.system-feature-reverse{grid-template-columns:minmax(0,1fr);gap:22px;padding:0}.system-feature-reverse .system-feature-copy,.system-feature-reverse>:last-child{grid-area:auto}.system-feature-copy{padding:16px 12px 4px}.system-feature-copy h3{max-width:620px}.system-feature-copy p{max-width:670px}}@media (max-width:520px){.system-visual{padding:18px 12px 14px}.system-feature{margin-bottom:44px}.system-feature-copy h3{font-size:29px}.system-visual-zoom{border:0;border-top:1px solid #d4d9cf;border-radius:0;justify-content:center;position:static}.system-visual-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.system-visual-dialog-bar{padding:12px;font-size:13px}}@media (prefers-reduced-motion:reduce){.system-visual-open{transition:none}.system-visual-open:hover{transform:none}}