/* Locally hosted visual examples. No scripts or external fonts are needed. */
.visual-home{background:#eceee6;border-block:1px solid #d9ddd1}
.visual-home-intro{max-width:900px;margin-bottom:34px}
.visual-home-intro>p{max-width:750px;color:var(--muted,#58636d);font-size:17px}
.visual-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.visual-showcase-card{min-width:0;padding:26px;background:#fff;border:1px solid #d8ded0;border-radius:8px;box-shadow:0 12px 36px #10172007}
.visual-showcase-card>h3{font-size:clamp(23px,2.3vw,31px);margin:0 0 22px;max-width:440px}
.visual-figure{margin:24px 0;width:100%;min-width:0}
.visual-image-frame{position:relative;background:#eeeee6;overflow:hidden;border:1px solid #d8ddd3;border-radius:7px}
.visual-image-frame>img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:contain}
.visual-comparison-labels{position:absolute;inset:14px 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));pointer-events:none;z-index:1}
.visual-comparison-labels>span{justify-self:start;margin-left:14px;padding:6px 12px;border-radius:3px;background:#fff7ee;color:#172018;font-size:12px;line-height:1.35;font-weight:800;letter-spacing:.04em;box-shadow:0 2px 12px #00000012}
.visual-comparison-labels>span:last-child{background:#233b2d;color:#fff}
.visual-figure figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:8px 18px;flex-wrap:wrap;padding-top:12px;line-height:1.55;font-size:12px}
.visual-caption{color:#52614e;font-weight:700}
.visual-figure .visual-download{font-size:12px;font-weight:700;color:#34452e;text-decoration:underline;text-underline-offset:3px;padding-block:6px;overflow-wrap:anywhere}
.visual-download:hover{color:#111a0e}
.visual-context{margin-top:24px}
.visual-context p{font-size:15px;line-height:1.75;color:var(--muted,#58636d)}
.visual-context p:last-child{margin-bottom:24px}
.visual-planning-link{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:28px;padding:20px 24px;border:1px solid #8d9d82;border-radius:5px;background:#f8faf5;font-weight:800;line-height:1.45}
.visual-planning-link:hover{background:#fff}
.visual-section{clear:both;margin:48px 0;padding-top:8px;max-width:100%;min-width:0}
.visual-section h2{margin-top:0}
.visual-section>.eyebrow{color:#536647}
.visual-section>p{max-width:760px}
.visual-section .visual-figure{margin:26px 0}
.visual-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none!important;padding:0!important;margin:30px 0 22px!important;counter-reset:none}
.visual-steps>li{display:flex;align-items:flex-start;gap:13px;min-width:0;margin:0!important;padding:19px 17px!important;border:1px solid #dbe1d4;border-radius:6px;background:#f6f8f1;list-style:none}
.visual-steps>li::before{display:none!important}
.visual-step-number{flex:0 0 31px;height:31px;display:grid;place-items:center;background:#344e36;color:#fff;font-size:12px;line-height:1;font-weight:800;border-radius:50%;margin-top:1px}
.visual-steps>li>div{min-width:0}
.visual-steps h3{font-size:17px!important;line-height:1.35;letter-spacing:-.02em;margin:0 0 10px!important}
.visual-steps p{font-size:14px!important;line-height:1.65!important;color:#465043;margin:0 0 8px!important}
.visual-steps p:last-child{margin-bottom:0!important}
.visual-steps .visual-formula{font-size:16px!important;color:#172018;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.visual-formula strong{color:#233b2d;white-space:nowrap}
.visual-note{padding:18px 20px;border-left:3px solid #879969;background:#eff2e9;color:#3d4937;font-size:14px;line-height:1.7;margin:24px 0}
.visual-note strong{color:#24331e}
@media(min-width:901px){.visual-showcase-card .visual-context{min-height:185px}}
@media(max-width:900px){.visual-showcase-grid{grid-template-columns:1fr;gap:24px}.visual-showcase-card{padding:22px}.visual-home-intro{margin-bottom:24px}}
@media(max-width:640px){.visual-showcase-card{padding:18px}.visual-steps{grid-template-columns:1fr;gap:10px}.visual-steps>li{padding:17px 15px!important}.visual-section{margin:36px 0}.visual-comparison-labels{top:10px}.visual-comparison-labels>span{margin-left:10px;font-size:11px;padding:5px 9px}.visual-figure figcaption{display:block}.visual-download{display:inline-block;min-height:36px}.visual-planning-link{padding:17px 18px;font-size:14px}.visual-context p{font-size:14px}.visual-note{padding:16px 17px}}
@media(prefers-reduced-motion:reduce){.visual-section *,.visual-home *{scroll-behavior:auto}}