.hero-main-card{-webkit-backdrop-filter:blur(24px);z-index:20;background:#ffffff8c;border:1px solid #fff9;border-radius:1.5rem;max-width:44rem;padding:2rem;position:relative;box-shadow:0 25px 50px -12px #0000001a}@media (min-width:768px){.hero-main-card{padding:3.5rem}}.hero-base-image{filter:contrast(1.15)brightness(1.1)saturate(.85)hue-rotate(-10deg)}.hero-tint-overlay{background:linear-gradient(135deg,#14b8a659 0%,#0000 50%,#8b5cf64d 100%)}.hero-gradient-overlay{background:linear-gradient(90deg,#0f172a66 0%,#0f172a1a 40%,#0000 100%)}.hero-mist-layer{pointer-events:none;background:radial-gradient(circle at 20%,#ffffff14 0%,#0000 60%)}.hero-subtitle{color:#1e293b;margin-top:1rem}.lg\:perspective-2000{perspective:3000px}.lg\:rotate-y-\[-10deg\]{transform:rotateY(-12deg)rotateX(4deg)}.hover\:rotate-0:hover{transform:rotateY(0)rotateX(0)scale(1.01)}@media (max-width:1024px){.lg\:perspective-2000{perspective:none}.lg\:rotate-y-\[-10deg\]{transform:none}.lg\:rotate-y-\[-10deg\]:hover{transform:scale(1.01)}}@keyframes scan{0%{opacity:0;top:0}5%{opacity:.5}90%{opacity:.5}to{opacity:0;top:100%}}
.comparison-viewport{background:#121212;border:1px solid #ffffff0d;flex-direction:column;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.comparison-viewport:hover{border-color:#ffffff1a;transform:translateY(-4px);box-shadow:0 20px 40px #0006}.comparison-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.comparison-meta{letter-spacing:.15em;color:#ffffff4d;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:9px;font-weight:700}.comparison-image-container{aspect-ratio:1;background:radial-gradient(circle,#10b9810d 0%,#0000 70%);justify-content:center;align-items:center;padding:1rem;display:flex;position:relative}.comparison-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.comparison-viewport:hover .comparison-image{transform:scale(1.08)}.comparison-status{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0009;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex;position:absolute;top:1rem;right:1rem}.status-dot{border-radius:50%;width:6px;height:6px}.status-text{letter-spacing:.1em;color:#ffffffe6;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:9px;font-weight:700}.comparison-footer{background:#fff;border-top:1px solid #0000000d;padding:1.25rem 1.5rem}.comparison-label{text-transform:uppercase;letter-spacing:.1em;color:#000;font-size:11px;font-weight:800}.comparison-sublabel{color:#666;margin-top:2px;font-size:10px}.ease-legend{z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;bottom:1.25rem;left:1.25rem}.ease-bar{opacity:.8;background:linear-gradient(#ef4444,#eab308,#3b82f6);border-radius:1px;width:3px;height:120px}.ease-label{letter-spacing:.1em;color:#ffffff80;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:7px;font-weight:700}
.lineup-monitor{background:#121212;border:1px solid #ffffff0d;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.lineup-monitor:hover{border-color:#ffffff1a}.lineup-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.lineup-meta{letter-spacing:.15em;color:#ffffff4d;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:9px;font-weight:700}.lineup-image-container{background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.lineup-image{-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.lineup-overlay{pointer-events:none;background:linear-gradient(#0000 80%,#0006 100%);position:absolute;inset:0}.lineup-footer{z-index:10;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;bottom:1.25rem;right:1.25rem}.lineup-tag{color:#10b981;text-transform:uppercase;letter-spacing:.1em;background:#10b9811a;border:1px solid #10b98133;border-radius:2px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:9px}.map-monitor{background:#121212;border:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex}.map-glare{background-color:#000;background-image:radial-gradient(circle at 20% 30%,#f9731666 0%,#0000 20%),radial-gradient(circle at 60% 70%,#f9731666 0%,#0000 25%),radial-gradient(circle at 85% 40%,#f9731666 0%,#0000 15%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:2px;width:100%;height:60px;position:relative;overflow:hidden}.map-glare:after{content:"";background:#ffffff26;height:1px;animation:4s linear infinite scan-line;position:absolute;top:0;left:0;right:0}@keyframes scan-line{0%{transform:translateY(0)}to{transform:translateY(60px)}}