.ux-detector-page{background:var(--cream);min-height:100vh;color:var(--navy);padding-top:80px}.ux-detector-page:before{content:"";background:linear-gradient(135deg, var(--cream) 0%, var(--peach) 50%, #e6e9f0 100%);z-index:-1;position:fixed;inset:0}.ux-detector-content{max-width:1000px;margin:0 auto;padding:100px 24px}.ux-detector-hero{text-align:center;margin-bottom:100px}.ux-detector-hero h1{font-family:var(--font-serif);color:var(--navy);margin-bottom:24px;font-size:clamp(2.8rem,7vw,4.5rem);font-weight:400;line-height:1.1}.ux-detector-hero h1 em{color:var(--coral-dark);font-style:italic}.ux-detector-hero p{font-family:var(--font-sans);color:var(--navy);opacity:.8;max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.6}.ux-educational-section{border:2px solid var(--navy);box-shadow:12px 12px 0 var(--navy);background:#fff;margin-bottom:100px;padding:80px 60px}.ux-educational-section h2{font-family:var(--font-serif);text-align:center;margin-bottom:40px;font-size:2.8rem;font-weight:400}.ux-test-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:60px;display:grid}.ux-test-card{background:var(--off-white);transition:var(--transition);border:1.5px solid #292a461a;padding:40px 30px;position:relative}.ux-test-card:hover{border-color:var(--coral);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.ux-test-card h3{font-family:var(--font-serif);color:var(--coral-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;font-size:1.25rem}.ux-test-card p{font-family:var(--font-sans);font-size:1rem;line-height:1.7}.detector-container{background:var(--navy);border-radius:4px;flex-direction:column;align-items:center;margin:120px 0;padding:80px 40px;display:flex;position:relative}.detector-container:after{content:"";border:2px solid var(--coral);z-index:-1;position:absolute;inset:10px -10px -10px 10px}.ux-sales-copy{text-align:center;margin:120px 0}.ux-sales-copy h2{font-family:var(--font-serif);margin-bottom:32px;font-size:clamp(2rem,5vw,3rem);font-weight:400}.ux-pricing-card{background:var(--midnight);color:#fff;border:2px solid var(--coral);box-shadow:16px 16px 0 var(--navy);text-align:center;max-width:650px;margin:100px auto;padding:80px 60px}.ux-pricing-card .price{font-family:var(--font-serif);color:var(--coral);margin:20px 0 8px;font-size:4.5rem;font-weight:700}.scores-row{justify-content:center;gap:24px;margin-bottom:32px;display:flex}.score-item{flex-direction:column;align-items:center;gap:8px;display:flex}.score-circle{width:76px;height:76px;font-family:var(--font-serif);border:2px solid var(--navy);box-shadow:4px 4px 0 var(--navy);transition:transform var(--transition), box-shadow var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:flex}.score-circle:hover{box-shadow:6px 6px 0 var(--navy);transform:scale(1.05)translateY(-2px)}.score-green{color:#1b5e20;background:#e8f5e9;border-color:#1b5e20}.score-yellow{color:#e65100;background:#fff3e0;border-color:#e65100}.score-red{color:#b71c1c;background:#ffebee;border-color:#b71c1c}.score-label{letter-spacing:.1em;text-transform:uppercase;color:var(--navy);font-size:.75rem;font-weight:700}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin:32px 0;display:grid}@media (max-width:600px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:400px){.metrics-grid{grid-template-columns:1fr}}.diag-box{border:1.5px solid var(--navy);box-shadow:4px 4px 0 var(--navy);text-align:center;transition:transform var(--transition), box-shadow var(--transition);background:#fff;border-radius:4px;padding:16px 12px}.diag-box:hover{box-shadow:6px 6px 0 var(--navy);transform:translateY(-2px)}.diag-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.7rem;font-weight:700}.diag-value{font-family:var(--font-serif);color:var(--navy);font-size:1.2rem;font-weight:700}