.blog-wrap{max-width:1280px;margin:auto;padding:160px 24px 80px}.blog-wrap h1{max-width:1050px;margin:24px 0;font-size:clamp(2.7rem,5.5vw,5.5rem);line-height:1.02}.blog-intro{color:#ccc;max-width:720px;font-size:18px;line-height:1.7}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 40px;margin-top:64px;display:grid}.blog-cover{aspect-ratio:3/2;object-fit:contain;background:#151618;width:100%}.blog-grid h2{margin:16px 0;font-size:32px;line-height:1.2}.blog-grid article>p{color:#ccc;font-size:16px;line-height:1.8}.blog-date{margin:20px 0;color:#c9a95f!important;font-size:14px!important}.blog-read{color:#e6cf96;text-underline-offset:4px;align-items:center;min-height:44px;font-size:16px;text-decoration:underline;display:inline-flex}.blog-article{max-width:960px}.article-cover{object-fit:contain;width:100%;max-height:600px;margin:36px 0}.article-body{color:#d0d0d0;font-size:18px;line-height:1.9}.article-body p{white-space:pre-line;margin:24px 0}.article-body h2{color:#fff;margin:48px 0 20px;font-size:34px;line-height:1.2}.article-body ul{margin:24px 0;padding-left:26px;list-style:outside}.blog-related{border-top:1px solid #ffffff30;margin-top:56px;padding-top:32px}.blog-related h2{font-size:32px}.blog-related p{margin:20px 0;line-height:1.8}.blog-related div{flex-wrap:wrap;gap:16px;display:flex}.blog-related a{color:#e6cf96;padding:10px 0;text-decoration:underline}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-wrap{padding:136px 20px 64px}.blog-grid h2{font-size:30px}}.visualization-page{padding-top:96px}.visualization-wrap{max-width:1280px;margin:auto;padding:64px 24px}.visualization-page h1{max-width:1050px;margin:24px 0;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.98}.visualization-page h2{margin-bottom:24px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.visualization-page p,.visualization-page li{color:#c1c2c3;font-size:16px;line-height:1.85}.visualization-page p{margin:16px 0}.visualization-jumps{flex-wrap:wrap;gap:12px;margin:32px 0;display:flex}.visualization-jumps a,.visualization-consult{color:#e6cf96;border:1px solid #c9a95f;min-height:48px;padding:12px 20px}.visualization-section{border-top:1px solid #ffffff20;padding:64px 0;scroll-margin-top:24px}.visualization-copy{max-width:850px;margin:0 0 40px}.visualization-copy ul{padding-left:24px;list-style:outside}.visualization-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0 48px;display:grid}.visualization-gallery img{background:#151618;width:100%;height:auto;display:block}.visualization-gallery figcaption{color:#c1c2c3;margin-top:10px;font-size:14px;line-height:1.6}.comparison{margin:40px 0 60px}.comparison-frame{isolation:isolate;background:#151618;position:relative;overflow:hidden}.comparison-frame>img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.comparison-label{color:#fff;z-index:2;pointer-events:none;background:#090a0be6;padding:8px 12px;font-size:14px;position:absolute;top:16px}.comparison-before{left:16px}.comparison-after{right:16px}.comparison-divider{pointer-events:none;z-index:3;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.comparison-divider span{color:#111;background:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-size:26px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0005}.comparison-input{opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.comparison-frame:focus-within{outline-offset:5px;outline:3px solid #c9a95f}.comparison figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;font-size:18px;display:flex}.comparison-actions{flex-wrap:wrap;gap:8px;display:flex}.comparison-actions button{border:1px solid #ffffff40;min-height:44px;padding:10px 14px;font-size:14px}.comparison-actions button:hover{color:#e6cf96;border-color:#c9a95f}.comparison-actions button:focus-visible{outline-offset:3px;outline:2px solid #c9a95f}@media (max-width:600px){.visualization-wrap{padding:40px 20px}.visualization-gallery{grid-template-columns:1fr}.comparison-label{padding:6px 8px;font-size:12px;top:8px}.comparison-before{left:8px}.comparison-after{right:8px}.comparison{margin-bottom:40px}}