.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}