:root{--ink:#11110f;--paper:#f0eee8;--orange:#ff4d1c;--muted:#92928d;--line:rgba(17,17,15,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Future,Futura,"Futura PT","Century Gothic",Manrope,Arial,sans-serif}.test-nav{height:92px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.test-logo{display:block;width:132px;height:38px;overflow:hidden;position:relative}.test-logo img{position:absolute;width:143%;height:auto;left:-21%;top:-196%}.exit-link{color:inherit;text-decoration:none;font:11px DM Mono}.exit-link span{font-size:22px;margin-left:14px;vertical-align:-2px}main{min-height:calc(100vh - 150px)}.overline{font:11px DM Mono;letter-spacing:.08em;margin:0}.test-intro{padding:7vw 3vw 5vw;min-height:calc(100vh - 150px);position:relative}.test-intro h1{font-size:clamp(78px,12.5vw,190px);line-height:.75;letter-spacing:-.085em;margin:5vw 0 4vw;max-width:1300px}.test-intro h1 span{color:var(--orange)}.intro-copy{font-size:clamp(19px,2.1vw,31px);line-height:1.4;max-width:670px;margin-left:34%}.intro-tags{display:flex;gap:9px;flex-wrap:wrap;margin:35px 0 35px 34%}.intro-tags span{border:1px solid var(--line);border-radius:30px;padding:10px 15px;font:10px DM Mono;text-transform:uppercase}.start-button,.next-button{border:0;background:var(--ink);color:#fff;padding:20px 24px;font:12px DM Mono;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.start-button{width:min(440px,66%);margin-left:34%}.start-button:hover,.next-button:hover{background:var(--orange)}.intro-note{margin:18px 0 0 34%;font:10px DM Mono;color:var(--muted)}.quiz{padding:4vw 3vw 3vw;min-height:calc(100vh - 150px)}.quiz-top{display:flex;justify-content:space-between}.progress-label{margin:0;font:12px DM Mono}.progress-track{height:2px;background:var(--line);margin-top:22px}.progress-track span{display:block;width:10%;height:100%;background:var(--orange);transition:width .4s}.question-wrap{width:min(1050px,82%);margin:7vh auto 4vh}.question-tag{font:11px DM Mono;color:var(--orange);text-transform:uppercase;margin:0 0 22px}.question-wrap h2{font-size:clamp(34px,5vw,74px);line-height:1.05;letter-spacing:-.055em;margin:0;max-width:1100px}.range-area{margin-top:9vh}.range-area input{width:100%;appearance:none;height:4px;background:linear-gradient(to right,var(--orange) 0%,var(--orange) 44.44%,rgba(17,17,15,.16) 44.44%,rgba(17,17,15,.16) 100%);outline:none}.range-area input::-webkit-slider-thumb{appearance:none;width:28px;height:28px;border-radius:50%;background:var(--orange);border:7px solid var(--paper);box-shadow:0 0 0 1px var(--orange);cursor:grab}.range-area input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--orange);border:6px solid var(--paper);box-shadow:0 0 0 1px var(--orange)}.range-labels{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;margin-top:22px;font:11px DM Mono;line-height:1.4}.range-labels strong{font-size:34px;color:var(--orange);font-weight:500;margin-top:-12px}.range-labels span:last-child{text-align:right}.quiz-actions{width:min(1050px,82%);margin:0 auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px}.back-button,.restart-button{background:none;border:0;padding:15px 0;font:11px DM Mono;cursor:pointer}.back-button:disabled{opacity:.25;cursor:default}.next-button{width:200px}.result{padding:6vw 3vw 8vw;min-height:calc(100vh - 150px)}.score-lockup{display:flex;align-items:start;margin:4vw 0 0}.score-lockup strong{font-size:clamp(170px,27vw,410px);line-height:.63;letter-spacing:-.1em}.score-lockup span{font:13px DM Mono;color:var(--orange);margin:10px 0 0 20px}.result-range{font:11px DM Mono;color:var(--orange);margin:5vw 0 18px}.result h2{font-size:clamp(58px,9vw,140px);line-height:.82;letter-spacing:-.07em;margin:0;max-width:1200px}.result-copy{font-size:clamp(18px,2vw,28px);line-height:1.5;max-width:780px;margin:45px 0 40px 34%}.whatsapp-cta{margin-left:34%;width:min(650px,66%);display:flex;justify-content:space-between;border-top:1px solid;border-bottom:1px solid;padding:25px 0;color:inherit;text-decoration:none;font-size:clamp(18px,2.2vw,32px)}.restart-button{margin:22px 0 0 34%;color:var(--muted);border-bottom:1px solid}.test-footer{height:58px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font:9px DM Mono}@media(max-width:760px){.test-nav{height:72px;padding:0 20px}.test-logo{width:110px;height:32px}.test-intro{padding:80px 20px 45px}.test-intro h1{font-size:20vw;margin:65px 0 45px}.intro-copy,.intro-tags,.start-button,.intro-note{margin-left:0}.start-button{width:100%}.quiz{padding:35px 20px}.question-wrap,.quiz-actions{width:100%}.question-wrap{margin:12vh 0 6vh}.question-wrap h2{font-size:9.5vw}.range-area{margin-top:9vh}.range-labels span{max-width:120px}.next-button{width:155px}.result{padding:70px 20px}.score-lockup{margin-top:80px}.score-lockup strong{font-size:52vw}.result-range{margin-top:70px}.result h2{font-size:15vw}.result-copy,.whatsapp-cta,.restart-button{margin-left:0}.whatsapp-cta{width:100%}.test-footer{padding:0 20px}.test-footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.test-intro h1{line-height:.86}
.cursor-dot{position:fixed;width:10px;height:10px;background:var(--orange);border-radius:50%;pointer-events:none;z-index:100;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:transform .16s ease}
@media(max-width:760px),(pointer:coarse){.cursor-dot{display:none}}
.test-intro h1{line-height:.96;letter-spacing:-.045em}
.test-intro h1 .title-line{display:block;color:inherit;white-space:nowrap}
.test-intro h1 .outline-word{color:transparent;-webkit-text-stroke:2px var(--ink)}
.test-intro h1 .accent-word{color:var(--orange)}
@media(max-width:760px){.test-intro h1{font-size:17vw;letter-spacing:-.035em}.test-intro h1 .outline-word{-webkit-text-stroke:1.25px var(--ink)}}
.question-wrap h2{letter-spacing:-.015em;line-height:1.1}
@media(max-width:760px){.question-wrap h2{letter-spacing:-.01em;line-height:1.12}}

/* Original logo resolution, with transparent margins cropped by the container. */
.test-logo{aspect-ratio:1871/396;height:auto!important;padding:0}
.test-logo img{content:url('assets/notmagic-original-2000.png');width:106.8947%;height:auto;max-width:none;left:-2.7793%;top:-200.2525%;transform:none;image-rendering:auto}

/* Balance question hierarchy and make actions easier to notice */
.question-wrap h2{font-size:clamp(32px,4.2vw,62px);line-height:1.12;letter-spacing:-.012em}
.range-labels{font-size:14px;line-height:1.5;font-weight:500}
.start-button,.next-button{background:var(--orange);color:#fff;font-size:13px;font-weight:500;transition:background .25s,transform .25s}
.start-button:hover,.next-button:hover{background:var(--ink);transform:translateY(-2px)}
.whatsapp-cta{background:var(--ink);color:#fff;border:0;padding:24px 22px;transition:background .25s,transform .25s}
.whatsapp-cta:hover{background:var(--orange);transform:translateY(-2px)}
@media(max-width:760px){.question-wrap h2{font-size:clamp(30px,7.6vw,38px);line-height:1.15}.range-labels{font-size:13px;gap:10px}.range-labels span{max-width:145px}.range-labels strong{font-size:30px}.start-button,.next-button{font-size:12px}.whatsapp-cta{padding:21px 18px}}