.tf-section{background:#200c2a;padding:clamp(64px,8vw,110px) 24px;position:relative;overflow:hidden}.tf-inner{z-index:1;max-width:var(--container-content,1180px);margin:0 auto;position:relative}.tf-header{text-align:center;max-width:680px;margin:0 auto clamp(36px,5vw,52px)}.tf-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);display:grid}.tf-card{flex-direction:column;gap:12px;min-width:0;display:flex}.tf-compare{aspect-ratio:3/4;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:#120712;border-radius:22px;width:100%;position:relative;overflow:hidden;box-shadow:0 20px 44px -24px #000000a6,0 0 0 1px #efece714}.tf-compare__before{z-index:2;border-right:1px solid #efece759;position:absolute;inset:0 auto 0 0;overflow:hidden}.tf-compare__before-inner{width:var(--tf-frame-w,100%);height:100%;position:absolute;inset:0 auto 0 0}.tf-badge{z-index:4;font-family:var(--font-body);letter-spacing:1.2px;text-transform:uppercase;pointer-events:none;border-radius:999px;padding:6px 10px;font-size:9.5px;font-weight:700;position:absolute;top:10px}.tf-badge--before{color:#efece7;background:#200c2ac7;border:1px solid #efece738;left:10px}.tf-badge--after{color:#200c2a;background:#d4aa23eb;right:10px}.tf-handle{z-index:5;pointer-events:none;width:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.tf-handle__line{background:#efece7eb;width:2px;position:absolute;inset:0 auto 0 -1px;box-shadow:0 0 16px #200c2a59}.tf-handle__knob{color:#200c2a;background:#f5c12e;border:2px solid #efece7;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 24px -10px #0000008c}.tf-range{z-index:6;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.tf-name{text-align:center;font-family:var(--font-display);color:#f3f0fa;margin:0;font-size:clamp(16px,1.5vw,20px);font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.tf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.tf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tf-badge{padding:5px 8px;font-size:8.5px}.tf-handle__knob{width:30px;height:30px}}