:root{
	--yellow:#fdca40;
	--black:#111;
	--white:#faf9f6;
	--gray:#686868}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--black);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit}
.shell{max-width:1500px;min-height:100vh;margin:auto;padding:0 clamp(22px,6vw,94px);display:flex;flex-direction:column}
.top{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6d4cf}
.logo{text-decoration:none;font-size:32px;font-weight:900;letter-spacing:-2px}
.logo sup{font-size:11px;vertical-align:top;letter-spacing:0}
.top-label{font-size:11px;letter-spacing:.24em;font-weight:700}
.top-label b{color:#b5a06c;padding:0 8px}

main{flex:1;display:flex;align-items:center}
.screen{width:100%;padding:68px 0 80px;animation:fade .3s ease}
.hidden{display:none!important}
@keyframes fade{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.eyebrow,.label{font-size:12px;letter-spacing:.19em;font-weight:800}
.dot{display:inline-block;width:10px;height:10px;background:var(--yellow);margin-right:12px}h1,h2,h3,p{margin-top:0}

h1{font-size:clamp(44px,7.4vw,105px);letter-spacing:-.07em;line-height:1.01;max-width:1250px;margin:35px 0}
h1 em{font-style:normal;background:linear-gradient(transparent 52%,var(--yellow) 52%)}
.lead{font-size:clamp(19px,2.1vw,27px);line-height:1.5;max-width:760px;color:#353535}
.intro-bottom{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:42px}

.btn{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:30px;border:2px solid var(--black);padding:16px 22px;text-decoration:none;font-size:15px;font-weight:800;transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-3px)}
.btn:focus-visible,.option:focus-visible,.text-button:focus-visible{outline:3px solid #2367c5;outline-offset:3px}
.primary{background:var(--yellow)}
.secondary{background:transparent}
.meta,.small-note{color:var(--gray);font-size:13px}
.quiz{max-width:100%}
.quiz-head{display:flex;justify-content:space-between;align-items:center}
.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.progress{height:5px;background:#ddd;margin:28px 0 50px}
.progress span{height:100%;display:block;width:25%;background:var(--yellow);transition:width .3s}
.quiz h2,.result h2{font-size:clamp(38px,5.4vw,78px);letter-spacing:-.055em;line-height:1.08;margin:0 0 18px}
.question-help{font-size:18px;color:var(--gray);margin-bottom:32px}
.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.option{text-align:left;min-height:128px;border:1px solid #c8c6c0;background:white;padding:23px;display:flex;align-items:flex-start;gap:15px;transition:background .18s,border .18s,transform .18s}
.option:hover{background:#fff7d8;border-color:#171717;transform:translateY(-2px)}
.option-index{font-size:12px;font-weight:800;color:#777;min-width:24px}
.option-copy strong{display:block;font-size:20px;letter-spacing:-.03em;margin-bottom:8px}
.option-copy span{display:block;font-size:14px;color:#5e5e5e;line-height:1.45}
.small-note{margin:24px 0}.result{max-width:100%}
.result-kicker{margin:30px 0 12px;font-size:13px;font-weight:800;letter-spacing:.22em}
.result-card{display:flex;justify-content:space-between;gap:20px;background:#151515;color:white;padding:34px;margin:34px 0}
.result-card h3{font-size:clamp(28px,4vw,50px);letter-spacing:-.05em;margin:16px 0}
.result-card p{font-size:17px;line-height:1.5;max-width:690px;color:#dedede;margin:0}
.result-mark{font-size:60px;color:var(--yellow)}
.actions{display:flex;gap:14px;flex-wrap:wrap}
.capture{background:#f0efea;padding:clamp(24px,4vw,46px);margin-top:65px}
.capture h3{font-size:clamp(28px,3.6vw,42px);letter-spacing:-.05em;margin:17px 0}
.capture>p{line-height:1.55;max-width:100%;color:#454545}
form{max-width:100%;display:flex;flex-direction:column;gap:10px;margin-top:25px}
form>label:not(.check){font-size:14px;font-weight:700;margin-top:10px}
input[type=text],input[type=email],input:not([type]){width:100%;padding:15px 16px;border:1px solid #aaa;background:#fff;min-height:53px;border-radius:0}
input:focus{outline:2px solid var(--yellow);outline-offset:1px}

.optional{font-weight:400;color:#777}
.check{display:flex;gap:12px;align-items:flex-start;line-height:1.45;font-size:13px;margin-top:14px}
.check input{width:18px;height:18px;flex-shrink:0;accent-color:#111}
.privacy{font-size:12px;line-height:1.5;color:#666}.status{font-size:14px;min-height:18px}
.status.error{color:#a00000}.status.success{color:#176229}
.trap{position:absolute;left:-99999px;opacity:0}
.footer{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #d6d4cf;font-size:12px;font-weight:700}
.footer span:last-child{font-size:10px;letter-spacing:.15em;color:#777}
@media(max-width:700px){.top{height:80px}.top-label{font-size:9px;letter-spacing:.08em}
	.top-label b{padding:0 2px}
	.logo{font-size:26px}
	.screen{padding:46px 0 60px}
	h1{font-size:clamp(45px,11vw,70px)}
	.options{grid-template-columns:1fr}
	.option{min-height:94px}
	.quiz h2,.result h2{font-size:42px}
	.footer span:last-child{display:none}
	.intro-bottom .btn{width:100%}
	.result-card{padding:24px}
	.result-mark{font-size:38px}
	.actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}