@font-face{font-family:Jakarta;src:url('/jakarta.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{font-family:Jakarta,Arial,sans-serif;color-scheme:dark;--paper:#fff8f1;--copy:#e6d6cf;--muted:#bc9995;--coral:#ff8a72;--border:#ffe3d626}
*{box-sizing:border-box}body{margin:0;color:var(--paper);background:var(--surface-base)}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f6d77a;outline-offset:5px}h1:focus{outline:none}[hidden]{display:none!important}svg{display:block;flex:none}::selection{background:#9c3d39;color:#fff}
.quiz-page{min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:var(--surface-background)}
.quiz-page:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.3' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.quiz-header{width:min(1240px,calc(100% - 64px));margin:0 auto;padding-top:38px;display:grid;grid-template-columns:230px 1fr 230px;gap:34px;align-items:center}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.8px}.brand svg{width:27px;height:27px}.coral{color:var(--coral)}
.progress-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 9px/1.6 monospace;letter-spacing:1.5px;margin-bottom:10px}.progress-copy span:last-child{color:var(--muted)}.progress-track{height:5px;border-radius:99px;background:#fff4e818;overflow:hidden}.progress-track>span{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#ff7e6c,#ffb390);transition:width .35s ease}.header-note{font:500 9px monospace;letter-spacing:1.8px;text-align:right;color:var(--muted)}
#quiz-main{width:min(1100px,calc(100% - 48px));margin:0 auto;display:flex;flex-direction:column;flex:1;padding:26px 0 48px}.back-row{min-height:32px}.back-button{display:flex;align-items:center;gap:9px;padding:6px 0;border:0;background:none;color:var(--copy);font-size:13px}.back-button:hover{color:var(--coral)}
.question-screen,.summary-loading,.success-screen{width:100%;margin:auto;text-align:center;padding:60px 0 58px;animation:appear .28s ease both}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;color:#ffc3aa;font:600 10px/1.6 monospace;letter-spacing:1.6px;margin:0 0 21px}.live-dot{width:7px;height:7px;background:var(--coral);border-radius:50%;box-shadow:0 0 0 5px #ff8a721f;flex:none}
h1{font-size:clamp(38px,4.5vw,62px);line-height:1.06;letter-spacing:-.065em;font-weight:800;margin:0 auto;max-width:820px;text-wrap:balance}.question-description{font-size:16px;color:var(--copy);line-height:1.7;margin:23px auto 0;max-width:720px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(900px,100%);margin:32px auto 0}.answer{display:flex;align-items:center;gap:14px;text-align:left;min-height:78px;border:1px solid #ffdac638;border-radius:19px;padding:16px;background:linear-gradient(120deg,#fff4e914,#fff4e90f);color:var(--paper);transition:background .18s,border-color .18s,transform .18s;font-size:15px;font-weight:700;line-height:1.5}.answer:nth-child(5):last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.answer:hover{border-color:#ff997285;background:#fff0e512;transform:translateY(-2px)}.answer-letter{display:grid;place-items:center;width:35px;height:38px;border:1px solid #ffe0ca33;background:#fff8ee08;flex:none;border-radius:11px;font:600 10px monospace;color:#ffd0bc}.answer-text{flex:1}.answer-arrow{color:var(--coral);font-size:25px;font-weight:400;line-height:1}.answer[aria-pressed=true]{color:#340d13;border-color:#ffb79b;background:linear-gradient(100deg,#ffcfaf,#ff8b74);box-shadow:0 10px 35px #d4513220}.answer[aria-pressed=true] .answer-letter{background:#70202a;border-color:#70202a;color:#fff4e9}.answer[aria-pressed=true] .answer-arrow{color:#70202a}.keyboard-hint{font:500 9px/1.8 monospace;letter-spacing:1px;color:var(--muted);margin:18px 0 0}
.summary-loading h1{max-width:760px}.loading-ring,.success-mark{width:100px;height:100px;margin:0 auto 30px;border:2px solid #ff8a723d;border-radius:50%;display:grid;place-items:center;color:var(--coral);background:#ff8a7205}.loading-ring{border-top-color:var(--coral);animation:gentle-pulse .8s ease both}.loading-ring svg{width:46px;height:46px}.success-mark{font-size:38px}.success-screen .question-description{max-width:610px}.home-link{display:inline-flex;align-items:center;gap:30px;min-height:54px;margin-top:30px;padding:15px 23px;border:1px solid #ffb89d50;border-radius:99px;text-decoration:none;font-size:13px;font-weight:700}.home-link:hover{background:#ff8a7210}
.contact-screen{display:grid;grid-template-columns:1fr 1.13fr;gap:80px;align-items:center;width:min(1000px,100%);margin:auto;padding:28px 0 20px;animation:appear .3s ease both}.result-copy>.eyebrow{justify-content:flex-start;margin-bottom:22px}.result-copy h1{font-size:clamp(40px,4.2vw,58px);line-height:1.06;letter-spacing:-.06em;text-wrap:initial}.result-copy h1 em{font-style:normal;color:#ffc4ad}.result-intro{font-size:15px;line-height:1.8;color:var(--copy);max-width:390px;margin:24px 0}.result-intro strong{font-weight:600;color:var(--paper)}.answer-summary{display:grid;gap:8px;margin:0}.summary-item{position:relative;display:grid;gap:5px;border:1px solid var(--border);border-radius:13px;background:#fff2e909;padding:12px 16px 12px 43px}.summary-item:before{content:'✓';position:absolute;left:16px;top:18px;color:var(--coral);font-size:14px}.summary-item dt{font:500 8px/1.6 monospace;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}.summary-item dd{margin:0;font-size:12px;line-height:1.6;font-weight:600}.edit-answers{background:none;border:0;color:var(--muted);font-size:11px;padding:12px 0}.edit-answers:hover{color:var(--paper)}.profile{display:flex;gap:11px;align-items:center;margin-top:19px}.portrait{position:relative;display:block;width:42px;height:42px;border:1px solid #ffb19765;border-radius:50%;overflow:hidden;flex:none}.portrait img{position:absolute;width:180%;height:auto;max-width:none;left:50%;top:0;transform:translateX(-50%)}.profile strong{display:block;font-size:11px;margin-bottom:5px}.profile small{display:block;font-size:10px;color:var(--muted)}
.contact-panel{position:relative;border:1px solid #ffe3d62e;border-radius:27px;padding:30px;background:#210e12c4;box-shadow:0 20px 70px #0002;overflow:hidden}.contact-panel:before{content:'';position:absolute;top:0;left:18%;right:18%;height:1px;background:var(--coral)}.panel-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 19px}.panel-eyebrow .eyebrow{justify-content:flex-start;margin:0;font-size:8px;letter-spacing:1.1px}.panel-eyebrow>span:last-child{font:500 8px monospace;letter-spacing:1px;color:var(--muted)}.panel-eyebrow .live-dot{width:6px;height:6px}.contact-panel h2{font-size:25px;line-height:1.2;letter-spacing:-1.1px;margin:0 0 12px;font-weight:800}.panel-intro{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 22px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:block;padding:12px 15px 10px;margin-bottom:10px;border:1px solid #ffe3d62b;background:#fff1e910;border-radius:16px;transition:border-color .15s}.field:focus-within{border-color:var(--coral)}.field>span{display:block;font:500 8px/1.5 monospace;letter-spacing:1px;color:#d5b2a8;margin-bottom:6px}.field input{display:block;background:transparent;border:0;padding:0;outline:none!important;color:var(--paper);width:100%;font-size:15px;line-height:1.6;min-width:0;border-radius:0}.field input::placeholder{color:#997d7e;opacity:1}.field-help{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin:0 2px 16px}.privacy-check{display:flex;gap:10px;align-items:flex-start;font-size:10px;line-height:1.7;color:var(--muted);margin:14px 0 20px}.privacy-check input{accent-color:var(--coral);width:16px;height:16px;flex:none;margin:2px 0 0}.privacy-check a{color:var(--copy);text-underline-offset:3px}.submit-button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;min-height:68px;padding:8px 9px 8px 23px;border:0;border-radius:999px;background:linear-gradient(#fffbf5,#f4e7da);color:#2b0a10;font-size:15px;line-height:1.25;letter-spacing:-.5px;font-weight:800;box-shadow:0 4px #6c2a2b;transition:transform .16s}.submit-button:hover{transform:translateY(-2px)}.submit-button:disabled{opacity:.7;transform:none}.submit-arrow{display:grid;place-items:center;width:49px;height:49px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ec7660,#a43532);color:#fff;font-size:27px;font-weight:400}.form-footnote{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0 0;color:var(--muted);font:500 8px/1.7 monospace;letter-spacing:1px}.form-footnote svg{width:13px;height:13px}.form-error{border:1px solid #ff9d8880;background:#ff8a720d;padding:11px 13px;border-radius:10px;font-size:12px;line-height:1.7;color:#ffd0c3;margin:12px 0}.website-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.noscript{padding:25px;text-align:center}
.quiz-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1240px,calc(100% - 64px));padding:24px 0;margin:auto auto 0;color:#b89691;font:500 8px/1.8 monospace;letter-spacing:1px}.confidential{display:flex;align-items:center;gap:9px}.confidential svg{width:14px;height:14px}.quiz-footer nav{display:flex;gap:20px}.quiz-footer a{text-decoration:none;text-transform:uppercase;padding:6px 0}.quiz-footer a:hover{color:var(--paper);text-decoration:underline}
@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gentle-pulse{from{transform:scale(.92);opacity:.3}to{transform:scale(1);opacity:1}}
@media(min-height:900px) and (min-width:901px){.quiz-header{padding-top:44px}.question-screen{padding-bottom:110px}.contact-screen{padding:45px 0}}
@media(max-width:1050px){.quiz-header{grid-template-columns:190px 1fr;gap:35px}.header-note{display:none}.contact-screen{gap:40px}.contact-panel{padding:26px}.result-copy h1{font-size:49px}}
@media(max-width:760px){.quiz-header{width:calc(100% - 40px);padding-top:24px;grid-template-columns:1fr;gap:25px}.brand{font-size:16px;justify-content:center}.brand svg{width:24px;height:24px}.progress-copy{font-size:8px}.progress-track{height:4px}#quiz-main{width:calc(100% - 40px);padding:18px 0 32px}.back-row{min-height:30px}.back-button{font-size:12px}.question-screen{padding:28px 0 32px;margin:auto}.eyebrow{font-size:9px;margin-bottom:18px}h1{font-size:clamp(32px,7.5vw,46px);letter-spacing:-.055em;line-height:1.1;max-width:550px}.question-description{font-size:13px;line-height:1.8;margin-top:17px;max-width:450px}.answers{grid-template-columns:1fr;gap:10px;margin-top:25px;max-width:520px}.answer{min-height:68px;border-radius:16px;font-size:13px;padding:13px;gap:12px}.answer:nth-child(5):last-child{grid-column:auto;width:100%}.answer-letter{width:32px;height:34px;border-radius:9px}.keyboard-hint{font-size:8px;letter-spacing:.6px}.quiz-footer{width:calc(100% - 40px);flex-direction:column;gap:12px;padding:18px 0 23px;font-size:7px}.quiz-footer nav{gap:20px}.quiz-footer a{font-size:8px;min-height:26px}.contact-screen{grid-template-columns:1fr;gap:30px;max-width:510px;padding:24px 0 10px}.result-copy h1{font-size:42px;max-width:450px;margin:0}.result-copy h1 br{display:none}.result-intro{max-width:none;margin:19px 0;font-size:13px}.result-copy>.eyebrow{font-size:8px;margin-bottom:17px}.answer-summary{gap:7px}.summary-item{padding:9px 12px 9px 36px}.summary-item:before{left:13px;top:16px}.summary-item dd{font-size:11px}.summary-item dt{font-size:7px}.profile{margin-top:8px}.contact-panel{padding:24px 20px;border-radius:23px}.contact-panel h2{font-size:24px}.panel-intro{font-size:12px}.field input{font-size:16px}.summary-loading,.success-screen{padding:55px 0}.summary-loading .eyebrow{font-size:8px}.loading-ring,.success-mark{width:80px;height:80px}.success-screen .question-description{max-width:420px}}
@media(max-width:360px){.name-fields{grid-template-columns:1fr;gap:0}.submit-button{padding-left:17px;font-size:13px}.result-copy h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}