.art-method{--art-method-orange:var(--litus-orange);--art-method-apricot:color-mix(in srgb,var(--litus-orange)11%,var(--art-card,#fdfcfb));--art-method-soft-line:color-mix(in srgb,var(--litus-orange)23%,var(--art-line,#e4e5e3));color:var(--art-ink,#172536);font-family:var(--font-inter),sans-serif}.art-method-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.art-method-card{border:1px solid var(--art-line,#e4e5e3);background:var(--art-card,#fdfcfb);border-radius:12px;flex-direction:column;min-width:0;padding:22px 21px 20px;transition:border-color .22s;display:flex;position:relative}.art-method-card[data-active=true]{border-color:color-mix(in srgb,var(--art-method-orange)43%,var(--art-line,#e4e5e3))}.art-method-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.art-method-icon{width:39px;height:39px;color:var(--art-method-orange);background:var(--art-method-apricot);border-radius:10px;flex:none;place-items:center;display:grid}.art-method-number{color:var(--art-muted,#647181);font-variant-numeric:tabular-nums;font-size:12px;font-weight:550}.art-method .art-method-card :is(h3,.seo-visual-title){letter-spacing:-.025em;min-height:45px;color:var(--art-ink,#172536);margin:0 0 11px;font-size:17px;font-weight:600;line-height:1.3}.art-method .art-method-description{color:var(--art-muted,#647181);margin:0 0 20px;font-size:13px;line-height:1.65}.art-method-proof{border-top:1px solid var(--art-line,#e4e5e3);min-height:31px;color:var(--art-muted,#647181);align-items:center;gap:7px;margin-top:auto;padding-top:9px;font-size:10px;line-height:1.5;display:flex}.art-method-proof>span{border:1px solid var(--art-method-soft-line);color:#0000;background:0 0;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;transition:color .23s,background-color .23s;display:grid}.art-method-proof>span>svg{opacity:0;transition:opacity .23s}.art-method-proof[data-ready=true]>span{color:var(--art-method-orange);background:var(--art-method-apricot)}.art-method-proof[data-ready=true]>span>svg{opacity:1}.art-method-progress{background:color-mix(in srgb,var(--art-method-orange)7%,var(--art-line,#e4e5e3));border-radius:2px;width:100%;height:2px;margin-top:14px;overflow:hidden}.art-method-progress>span{border-radius:inherit;background:color-mix(in srgb,var(--art-method-orange)65%,var(--art-card,#fdfcfb));transform-origin:0;width:100%;height:100%;transition:transform .13s linear;display:block}.art-method-connector{background:var(--art-line,#e4e5e3);width:21px;height:1px;position:absolute;top:41px;right:-21px}.art-method-connector>i{transform-origin:0;background:color-mix(in srgb,var(--art-method-orange)50%,var(--art-line,#e4e5e3));width:100%;height:100%;transition:transform .13s linear;display:block}.art-method-card:not([data-active=true]) :is(.art-method-proof>span,.art-method-proof>span>svg,.art-method-progress>span,.art-method-connector>i){transition:none}.art-method-footer{justify-content:space-between;align-items:center;gap:12px;min-height:42px;margin-top:8px;display:flex}.art-method .art-method-footer>p{color:var(--art-muted,#647181);margin:0;font-size:10px;line-height:1.5}.art-method-footer>button{min-height:40px;color:var(--art-muted,#647181);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:7px 4px 7px 10px;font-family:inherit;font-size:10px;line-height:1.5;display:inline-flex}.art-method-footer>button:hover{color:var(--art-method-orange)}.art-method-footer>button:focus-visible{outline:2px solid var(--art-method-orange);outline-offset:3px;border-radius:3px}@media (max-width:1100px){.art-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.art-method-card{padding:23px}.art-method .art-method-card :is(h3,.seo-visual-title){min-height:0;font-size:18px}.art-method-connector{display:none}}@media (max-width:600px){.art-method-grid{grid-template-columns:minmax(0,1fr);gap:15px}.art-method-card{padding:21px}.art-method-heading{margin-bottom:14px}.art-method .art-method-description{margin-bottom:17px}.art-method-proof{font-size:11px}.art-method-footer{align-items:flex-start;gap:8px}.art-method .art-method-footer>p{max-width:190px;padding-top:10px;font-size:9px}.art-method-footer>button{gap:4px;font-size:9px}}@media (prefers-reduced-motion:reduce){.art-method *,.art-method :before,.art-method :after{transition:none!important;animation:none!important}}