@font-face { font-family:'VQ Barlow'; src:url('barlow-regular.ttf') format('truetype'); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family:'VQ Barlow Condensed'; src:url('barlow-condensed-black.ttf') format('truetype'); font-style:normal; font-weight:900; font-display:swap; }
#valvulando-quiz { --vq-accent:#f7c843; --vq-base:light-dark(#f9f9f5,#171814); --vq-surface:light-dark(#ffffff,#20211c); --vq-ink:light-dark(#22241e,#f4f4e8); --vq-soft:light-dark(#606357,#b3b6a5); --vq-line:light-dark(#dedfd5,#414337); --vq-inset:light-dark(#f0f1e9,#292b23); --vq-dark:#202219; --vq-yellowink:#282517; font-family:'Manrope',sans-serif; color:var(--vq-ink); width:100%; padding:18px 12px 22px; box-sizing:border-box; }
#valvulando-quiz *,#valvulando-quiz *::before,#valvulando-quiz *::after { box-sizing:border-box; }
#valvulando-quiz button { font:inherit; }
#valvulando-quiz button:disabled { cursor:default; opacity:.4; }
#valvulando-quiz .vq-top { max-width:640px; margin:0 auto 15px; padding-right:88px; }
#valvulando-quiz .vq-title { margin:0; font-size:14px; font-weight:700; line-height:1.5; color:var(--vq-ink); }
#valvulando-quiz .vq-caption { margin:3px 0 0; color:var(--vq-soft); font-size:12px; line-height:1.5; }
#valvulando-quiz .vq-nav { display:flex; gap:4px; max-width:640px; margin:0 auto 14px; padding:3px; border-bottom:1px solid var(--vq-line); }
#valvulando-quiz .vq-nav button { flex:1; border:0; padding:10px 4px 12px; background:transparent; color:var(--vq-soft); font-size:12px; font-weight:600; min-height:44px; position:relative; }
#valvulando-quiz .vq-nav button[aria-current=step] { color:var(--vq-ink); }
#valvulando-quiz .vq-nav button[aria-current=step]::after { content:''; position:absolute; bottom:0; left:14%; right:14%; height:3px; border-radius:4px; background:var(--vq-accent); }
#valvulando-quiz .vq-frame { margin:0 auto; max-width:640px; border:1px solid var(--vq-line); border-radius:22px; overflow:hidden; background:var(--vq-base); }
#valvulando-quiz .vq-brand { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:19px 25px 17px; border-bottom:1px solid var(--vq-line); }
#valvulando-quiz .vq-logo { font-family:'Barlow Condensed',sans-serif; font-size:28px; font-weight:700; letter-spacing:-.6px; line-height:1; }
#valvulando-quiz .vq-logo b { color:var(--vq-accent); font-weight:700; }
#valvulando-quiz .vq-brand small { color:var(--vq-soft); font-size:11px; line-height:1.4; text-align:right; }
#valvulando-quiz .vq-main { padding:28px 32px 32px; min-height:570px; }
#valvulando-quiz h2 { color:var(--vq-ink); font-family:'Barlow Condensed',sans-serif; font-size:clamp(34px,6.4vw,48px); font-weight:600; line-height:1.02; letter-spacing:-.6px; margin:0 0 19px; text-wrap:balance; }
#valvulando-quiz h3 { color:var(--vq-ink); font-size:17px; font-weight:700; line-height:1.4; margin:0 0 10px; }
#valvulando-quiz p { font-size:14px; line-height:1.75; margin:0 0 14px; color:var(--vq-soft); text-wrap:pretty; }
#valvulando-quiz .vq-primary { border:0; background:var(--vq-accent); color:var(--vq-yellowink); border-radius:9px; padding:15px 18px; min-height:49px; font-size:13px; font-weight:800; width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; text-align:left; }
#valvulando-quiz .vq-primary span:last-child { font-size:21px; line-height:1; font-weight:500; }
#valvulando-quiz .vq-secondary { border:1px solid var(--vq-line); background:transparent; color:var(--vq-ink); border-radius:9px; padding:12px 16px; min-height:44px; font-size:12px; font-weight:600; margin-top:12px; width:100%; text-align:center; }
#valvulando-quiz .vq-back { border:0; padding:0 0 17px; background:transparent; color:var(--vq-soft); min-height:36px; font-size:12px; display:inline-flex; gap:8px; align-items:center; }
#valvulando-quiz .vq-phase { display:flex; gap:5px; margin:0 0 22px; }
#valvulando-quiz .vq-phase span { flex:1; height:3px; border:0; border-radius:2px; background:var(--vq-inset); }
#valvulando-quiz .vq-phase span.vq-lit { background:var(--vq-accent); }
#valvulando-quiz .vq-question { font-family:'Manrope',sans-serif; font-size:clamp(23px,4.2vw,29px); font-weight:700; line-height:1.25; letter-spacing:-.8px; margin-bottom:10px; }
#valvulando-quiz .vq-context { margin-bottom:22px; font-size:12px; }
#valvulando-quiz .vq-options { display:flex; flex-direction:column; gap:8px; }
#valvulando-quiz .vq-option { display:flex; align-items:center; gap:13px; width:100%; background:var(--vq-surface); color:var(--vq-ink); border:1px solid var(--vq-line); border-radius:9px; padding:13px 14px; min-height:51px; text-align:left; font-size:13px; line-height:1.5; font-weight:500; }
#valvulando-quiz .vq-option:hover { border-color:var(--vq-soft); }
#valvulando-quiz .vq-option[aria-pressed=true] { border-color:var(--vq-accent); background:color-mix(in srgb,var(--vq-accent) 11%,var(--vq-surface)); }
#valvulando-quiz .vq-radio { width:17px; height:17px; flex:none; border:1.5px solid var(--vq-line); border-radius:50%; display:flex; align-items:center; justify-content:center; }
#valvulando-quiz .vq-option[aria-pressed=true] .vq-radio { border-color:var(--vq-accent); background:var(--vq-accent); }
#valvulando-quiz .vq-option[aria-pressed=true] .vq-radio::after { content:''; width:5px; height:5px; border-radius:50%; background:var(--vq-yellowink); }
#valvulando-quiz .vq-footer { max-width:640px; margin:12px auto 0; display:flex; justify-content:space-between; gap:12px; align-items:baseline; color:var(--vq-soft); font-size:11px; line-height:1.6; }
#valvulando-quiz .vq-footer span:last-child { text-align:right; }
#valvulando-quiz .vq-production { max-width:640px; margin:10px auto 0; font-size:12px; color:var(--vq-soft); line-height:1.6; }
#valvulando-quiz .vq-production[hidden] { display:none; }
#valvulando-quiz .vq-story { margin:-28px -32px -32px; min-height:620px; padding:18px 28px 28px; background:var(--vq-accent); color:var(--vq-yellowink); position:relative; display:flex; flex-direction:column; }
#valvulando-quiz .vq-story-bars { display:flex; gap:5px; margin-bottom:18px; }
#valvulando-quiz .vq-story-bars span { height:3px; border:0; flex:1; background:color-mix(in srgb,var(--vq-yellowink) 20%,transparent); border-radius:3px; }
#valvulando-quiz .vq-story-bars .vq-lit { background:var(--vq-yellowink); }
#valvulando-quiz .vq-person { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:700; }
#valvulando-quiz .vq-avatar { display:grid; place-items:center; width:31px; height:31px; border:1px solid color-mix(in srgb,var(--vq-yellowink) 50%,transparent); border-radius:50%; font-size:10px; }
#valvulando-quiz .vq-person small { display:block; font-size:10px; font-weight:500; margin-top:1px; }
#valvulando-quiz .vq-story h2 { color:var(--vq-yellowink); font-size:clamp(48px,9vw,74px); line-height:.98; max-width:440px; margin-top:40px; margin-bottom:24px; }
#valvulando-quiz .vq-story p { color:var(--vq-yellowink); font-size:15px; line-height:1.6; max-width:400px; }
#valvulando-quiz .vq-story .vq-story-small { margin-top:22px; font-size:12px; }
#valvulando-quiz .vq-story .vq-primary { background:var(--vq-dark); color:#fff7d9; margin-top:auto; }
#valvulando-quiz .vq-story-actions { display:flex; align-items:center; gap:16px; margin-top:16px; }
#valvulando-quiz .vq-story-actions .vq-back { color:var(--vq-yellowink); padding:0; }
#valvulando-quiz .vq-story-actions .vq-next { margin-left:auto; background:transparent; border:0; min-height:44px; color:var(--vq-yellowink); font-size:12px; font-weight:700; }
#valvulando-quiz .vq-strings { height:97px; margin-top:auto; margin-bottom:24px; position:relative; overflow:hidden; opacity:.68; background:repeating-linear-gradient(to bottom,transparent 0,transparent 14px,color-mix(in srgb,var(--vq-yellowink) 30%,transparent) 14px,color-mix(in srgb,var(--vq-yellowink) 30%,transparent) 15px); }
#valvulando-quiz .vq-strings::before { content:''; display:block; width:100%; height:100%; background:repeating-linear-gradient(to right,transparent 0,transparent 53px,color-mix(in srgb,var(--vq-yellowink) 26%,transparent) 53px,color-mix(in srgb,var(--vq-yellowink) 26%,transparent) 54px); }
#valvulando-quiz .vq-dot { position:absolute; width:15px; height:15px; border-radius:50%; background:var(--vq-yellowink); }
#valvulando-quiz .vq-dot:nth-child(1) { left:72px;top:23px; }
#valvulando-quiz .vq-dot:nth-child(2) { left:126px;top:53px; }
#valvulando-quiz .vq-dot:nth-child(3) { left:233px;top:38px; }
#valvulando-quiz .vq-intro { padding-top:8px; }
#valvulando-quiz .vq-intro .vq-symbol { margin:26px 0 28px; height:82px; position:relative; display:flex; align-items:center; gap:6px; padding:20px 22px; background:var(--vq-inset); border-radius:10px; overflow:hidden; }
#valvulando-quiz .vq-symbol span { width:5px; height:var(--h); border-radius:4px; background:var(--vq-accent); flex:1; max-width:8px; }
#valvulando-quiz .vq-simple-note { font-size:11px; line-height:1.6; margin:14px 0 0; color:var(--vq-soft); }
#valvulando-quiz .vq-path-name { color:var(--vq-soft); font-size:12px; margin:0 0 13px; font-weight:600; display:flex; align-items:center; gap:8px; }
#valvulando-quiz .vq-path-name::before { content:''; width:7px;height:7px; background:var(--vq-accent);border-radius:50%; }
#valvulando-quiz .vq-thought { border-top:1px solid var(--vq-line); border-bottom:1px solid var(--vq-line); padding:20px 0; margin:24px 0; }
#valvulando-quiz .vq-thought p { margin:0; font-size:17px; color:var(--vq-ink); line-height:1.65; }
#valvulando-quiz .vq-desire { margin:27px 0 22px; }
#valvulando-quiz .vq-desire h3 { font-family:'Barlow Condensed',sans-serif; font-size:30px; line-height:1.12; letter-spacing:-.3px; font-weight:600; margin-bottom:12px; text-wrap:balance; }
#valvulando-quiz .vq-desire p { color:var(--vq-ink); line-height:1.8; }
#valvulando-quiz .vq-method-intro { margin-top:25px; }
#valvulando-quiz .vq-course-line strong { display:block; font-size:14px; line-height:1.5; margin-bottom:5px; font-weight:700; }
#valvulando-quiz .vq-course-line small { display:block; font-size:13px; line-height:1.75; color:var(--vq-soft); }
#valvulando-quiz .vq-course-line i,#valvulando-quiz .vq-course-line svg { flex:none; margin-top:3px; }
#valvulando-quiz .vq-chain { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:15px 0 25px; font-size:13px; font-weight:600; }
#valvulando-quiz .vq-chain span:nth-child(even) { color:var(--vq-soft); font-weight:400; }
#valvulando-quiz .vq-first-step { padding:20px; border-radius:11px; background:var(--vq-inset); margin:23px 0 19px; }
#valvulando-quiz .vq-first-step h3 { font-size:14px; margin-bottom:9px; }
#valvulando-quiz .vq-first-step p { margin:0; font-size:13px; color:var(--vq-ink); line-height:1.75; }
#valvulando-quiz .vq-result-intro { margin:0 0 20px; }
#valvulando-quiz .vq-result-intro p { font-size:12px; line-height:1.7; margin-bottom:8px; }
#valvulando-quiz .vq-result h2 { font-size:clamp(34px,6.5vw,47px); }
#valvulando-quiz .vq-result-label { display:inline-block; margin:0 0 20px; padding:5px 9px; background:var(--vq-accent); color:var(--vq-yellowink); border-radius:4px; font-size:11px; font-weight:800; }
#valvulando-quiz .vq-example { color:var(--vq-soft); font-size:11px; margin-bottom:12px; }
#valvulando-quiz .vq-picker { display:flex; flex-direction:column; margin-top:25px; }
#valvulando-quiz .vq-picker button { border:0; border-top:1px solid var(--vq-line); padding:19px 0; text-align:left; min-height:68px; display:flex; gap:16px; align-items:center; background:transparent; color:var(--vq-ink); }
#valvulando-quiz .vq-picker button:last-child { border-bottom:1px solid var(--vq-line); }
#valvulando-quiz .vq-picker strong { font-size:15px; font-weight:700; display:block; }
#valvulando-quiz .vq-picker small { display:block; font-size:12px; color:var(--vq-soft); margin-top:5px; line-height:1.5; }
#valvulando-quiz .vq-picker .vq-arrow { margin-left:auto; color:var(--vq-soft); font-size:22px; }
#valvulando-quiz .vq-course-line { padding:13px 0; border-bottom:1px solid var(--vq-line); display:flex; gap:14px; align-items:center; }
#valvulando-quiz .vq-course-line span { color:var(--vq-ink); font-size:13px; }
#valvulando-quiz .vq-course-line i { color:var(--vq-soft); }
#valvulando-quiz .vq-checkout-note { background:var(--vq-inset); border-radius:8px; padding:13px 15px; font-size:12px; line-height:1.65; color:var(--vq-soft); margin-top:20px; }
#valvulando-quiz .vq-enter { animation:vq-enter .18s ease-out; }
@keyframes vq-enter { from { opacity:.5;transform:translateY(5px); } to {opacity:1;transform:translateY(0);} }
@media(prefers-reduced-motion:reduce) { #valvulando-quiz .vq-enter {animation:none;} }
@media(max-width:440px) { #valvulando-quiz {padding:12px 0;} #valvulando-quiz .vq-top {padding-left:8px;} #valvulando-quiz .vq-brand {padding:17px 20px;} #valvulando-quiz .vq-main {padding:24px 20px 25px;min-height:540px;} #valvulando-quiz .vq-story {margin:-24px -20px -25px;padding:17px 22px 24px;min-height:590px;} #valvulando-quiz .vq-story h2 {font-size:clamp(42px,13vw,55px);margin-top:33px;} #valvulando-quiz .vq-strings {height:76px;margin-bottom:18px;} #valvulando-quiz .vq-footer,#valvulando-quiz .vq-production {padding:0 8px;} #valvulando-quiz .vq-options {gap:7px;} #valvulando-quiz .vq-option {padding:12px;gap:10px;} }


/* Identity carried from the approved Valvulando VSL landing page. */
#valvulando-quiz { --vq-accent:#e0b544; --vq-base:#121311; --vq-surface:#1b1e1b; --vq-ink:#f0ecdf; --vq-soft:#babdb3; --vq-line:#55584e; --vq-inset:#1b1e1b; --vq-dark:#11100e; --vq-yellowink:#11100e; --vq-blue:#9bc6d1; --vq-stage:#233039; --vq-red:#af3425; --vq-preview-ink:light-dark(#252821,#f0ecdf); --vq-preview-soft:light-dark(#606357,#babdb3); font-family:'VQ Barlow',Arial,sans-serif; color:var(--vq-preview-ink); padding:16px 0 20px; }
#valvulando-quiz .vq-top { max-width:680px; margin-bottom:12px; padding:0 96px 0 10px; }
#valvulando-quiz .vq-top .vq-title { color:var(--vq-preview-ink); font-size:15px; }
#valvulando-quiz .vq-caption { color:var(--vq-preview-soft); font-size:13px; }
#valvulando-quiz .vq-nav { max-width:680px; border-color:color-mix(in srgb,var(--vq-preview-ink) 25%,transparent); margin-bottom:16px; }
#valvulando-quiz .vq-nav button { color:var(--vq-preview-soft); font-size:14px; }
#valvulando-quiz .vq-nav button[aria-current=step] { color:var(--vq-preview-ink); }
#valvulando-quiz .vq-nav button[aria-current=step]::after { border-radius:0; }
#valvulando-quiz .vq-frame { max-width:680px; color:var(--vq-ink); background:var(--vq-base); border:1px solid var(--vq-line); border-radius:2px; position:relative; isolation:isolate; }
#valvulando-quiz .vq-frame::before { content:''; position:absolute; inset:0; z-index:0; background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iLjgiIG51bU9jdGF2ZXM9IjMiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBvcGFjaXR5PSIuMjQiIGZpbHRlcj0idXJsKCNuKSIvPjwvc3ZnPg==') repeat; opacity:.045; pointer-events:none; }
#valvulando-quiz .vq-brand,#valvulando-quiz .vq-main { position:relative; z-index:1; }
#valvulando-quiz .vq-brand { min-height:86px; padding:13px 32px; gap:20px; }
#valvulando-quiz .vq-logo { display:block; width:180px; flex:none; aspect-ratio:740/270; background:url('valvulando-logo.webp') no-repeat; background-size:169.46% auto; background-position:50.58% 51.32%; mix-blend-mode:lighten; }
#valvulando-quiz .vq-logo { background-color:var(--vq-base); background-blend-mode:lighten; }
#valvulando-quiz .vq-brand small { color:var(--vq-soft); font-size:12px; line-height:1.45; }
#valvulando-quiz .vq-main { padding:36px 32px; min-height:580px; }
#valvulando-quiz h2 { font-family:'VQ Barlow Condensed',Impact,sans-serif; font-weight:900; font-size:clamp(36px,7.5vw,58px); line-height:1.03; letter-spacing:-.02em; text-transform:uppercase; margin-bottom:26px; }
#valvulando-quiz h3 { font-family:'VQ Barlow Condensed',Impact,sans-serif; font-weight:900; font-size:29px; line-height:1.08; letter-spacing:-.01em; margin-bottom:15px; }
#valvulando-quiz p { font-size:18px; line-height:1.55; margin-bottom:20px; color:var(--vq-soft); }
#valvulando-quiz .vq-fire { color:var(--vq-accent); }
#valvulando-quiz .vq-primary { justify-content:center; border:1px solid var(--vq-accent); border-radius:2px; min-height:56px; padding:15px 22px; font-size:18px; font-weight:700; line-height:1.3; text-align:center; margin-top:28px; gap:18px; transition:transform .2s ease-out,background .2s ease-out; }
#valvulando-quiz .vq-primary:hover:not(:disabled) { background:#f0cc6c; transform:translateY(-2px); }
#valvulando-quiz .vq-primary span:last-child { font-size:24px; }
#valvulando-quiz .vq-secondary { border:1px solid #82867a; border-radius:2px; min-height:48px; padding:12px 18px; font-size:16px; font-weight:400; line-height:1.4; }
#valvulando-quiz .vq-secondary:hover { background:#252921; }
#valvulando-quiz .vq-frame button:focus-visible { outline:3px solid var(--vq-blue); outline-offset:4px; }
#valvulando-quiz .vq-back { font-size:15px; min-height:44px; padding-bottom:16px; }
#valvulando-quiz .vq-phase { gap:6px; margin-bottom:26px; }
#valvulando-quiz .vq-phase span { border-radius:0; }
#valvulando-quiz .vq-question { font-family:'VQ Barlow Condensed',Impact,sans-serif; font-size:clamp(32px,6.7vw,46px); font-weight:900; line-height:1.04; letter-spacing:-.015em; margin-bottom:17px; }
#valvulando-quiz .vq-context { font-size:16px; margin-bottom:25px; }
#valvulando-quiz .vq-options { gap:10px; }
#valvulando-quiz .vq-option { font-size:17px; line-height:1.45; font-weight:400; min-height:60px; padding:15px 16px; border-radius:2px; background:var(--vq-surface); gap:15px; }
#valvulando-quiz .vq-option:hover { border-color:var(--vq-accent); }
#valvulando-quiz .vq-option[aria-pressed=true] { background:#29271b; }
#valvulando-quiz .vq-radio { width:18px; height:18px; }
#valvulando-quiz .vq-path-name { font-size:15px; color:var(--vq-blue); line-height:1.4; margin-bottom:18px; }
#valvulando-quiz .vq-path-name::before { width:6px; height:6px; border-radius:0; }
#valvulando-quiz .vq-intro { padding-top:5px; }
#valvulando-quiz .vq-intro .vq-symbol { display:none; }
#valvulando-quiz .vq-intro>p:nth-last-of-type(2) { margin-top:30px; padding-top:25px; border-top:1px solid var(--vq-line); }
#valvulando-quiz .vq-simple-note { font-size:14px; line-height:1.5; margin-top:18px; }
#valvulando-quiz .vq-thought { margin:30px 0; padding:25px 0; }
#valvulando-quiz .vq-thought p { font-size:23px; line-height:1.4; color:var(--vq-ink); }
#valvulando-quiz .vq-desire { margin:36px -32px 30px; padding:32px; background:var(--vq-stage); }
#valvulando-quiz .vq-desire h3 { font-family:'VQ Barlow Condensed',Impact,sans-serif; font-weight:900; font-size:clamp(32px,6.5vw,44px); line-height:1.04; text-transform:uppercase; letter-spacing:-.02em; margin-bottom:22px; }
#valvulando-quiz .vq-desire p { color:var(--vq-ink); font-size:19px; line-height:1.55; margin:0; }
#valvulando-quiz .vq-close { background:var(--vq-red); }
#valvulando-quiz .vq-method-intro { margin-top:36px; }
#valvulando-quiz .vq-method-intro h3 { font-size:clamp(32px,6vw,40px); line-height:1.05; color:var(--vq-accent); text-transform:uppercase; }
#valvulando-quiz .vq-course-line { padding:22px 0; gap:18px; align-items:flex-start; }
#valvulando-quiz .vq-course-line strong { font-size:20px; line-height:1.3; margin-bottom:9px; }
#valvulando-quiz .vq-course-line small { font-size:17px; line-height:1.5; }
#valvulando-quiz .vq-course-line svg { color:var(--vq-accent); }
#valvulando-quiz .vq-chain { gap:12px; font-size:19px; line-height:1.4; color:var(--vq-blue); padding:18px 0 22px; }
#valvulando-quiz .vq-chain span:nth-child(even) { color:var(--vq-accent); }
#valvulando-quiz .vq-first-step { background:transparent; border-radius:0; padding:26px 0; border-top:1px solid var(--vq-line); border-bottom:1px solid var(--vq-line); margin:30px 0; }
#valvulando-quiz .vq-first-step h3 { font-size:28px; color:var(--vq-accent); margin-bottom:16px; }
#valvulando-quiz .vq-first-step p { font-size:18px; line-height:1.55; }
#valvulando-quiz .vq-result-intro { margin-bottom:26px; }
#valvulando-quiz .vq-result-intro p { font-size:16px; line-height:1.5; margin-bottom:12px; }
#valvulando-quiz .vq-result h2 { font-size:clamp(36px,7.5vw,56px); }
#valvulando-quiz .vq-result-label { font-size:14px; border-radius:0; padding:6px 10px; margin-bottom:23px; }
#valvulando-quiz .vq-example { font-size:14px; }
#valvulando-quiz .vq-picker { margin-top:30px; }
#valvulando-quiz .vq-picker button { min-height:90px; gap:20px; padding:23px 0; }
#valvulando-quiz .vq-picker strong { font-family:'VQ Barlow Condensed',Impact,sans-serif; font-weight:900; font-size:28px; line-height:1.1; text-transform:uppercase; }
#valvulando-quiz .vq-picker small { font-size:16px; line-height:1.4; margin-top:8px; }
#valvulando-quiz .vq-picker .vq-arrow { color:var(--vq-accent); font-size:27px; }
#valvulando-quiz .vq-checkout-note { border:1px solid var(--vq-line); border-radius:2px; padding:17px; font-size:15px; line-height:1.5; }
#valvulando-quiz .vq-story { background:var(--vq-stage); color:var(--vq-ink); margin:-36px -32px; padding:24px 32px 30px; min-height:620px; }
#valvulando-quiz .vq-story h2 { color:var(--vq-ink); font-family:'VQ Barlow Condensed',Impact,sans-serif; font-weight:900; font-size:clamp(42px,8.5vw,64px); line-height:1.02; letter-spacing:-.02em; margin:46px 0 25px; }
#valvulando-quiz .vq-story p { color:var(--vq-ink); font-size:20px; line-height:1.45; max-width:440px; }
#valvulando-quiz .vq-story .vq-story-small { font-size:17px; }
#valvulando-quiz .vq-person { color:var(--vq-ink); font-size:16px; }
#valvulando-quiz .vq-person small { color:var(--vq-soft); font-size:13px; }
#valvulando-quiz .vq-avatar { color:var(--vq-dark); background:var(--vq-accent); border:0; font-size:14px; }
#valvulando-quiz .vq-story-bars span { background:#667780; border-radius:0; }
#valvulando-quiz .vq-story-bars span.vq-lit { background:var(--vq-accent); }
#valvulando-quiz .vq-story .vq-primary { background:var(--vq-accent); color:var(--vq-dark); margin-top:34px; }
#valvulando-quiz .vq-story-actions { margin-top:auto; padding-top:32px; }
#valvulando-quiz .vq-story-actions .vq-back,#valvulando-quiz .vq-story-actions .vq-next { color:var(--vq-ink); font-size:15px; }
#valvulando-quiz .vq-strings { display:none; }
#valvulando-quiz .vq-footer { max-width:680px; font-size:12px; color:var(--vq-preview-soft); padding:0 8px; }
#valvulando-quiz .vq-production { max-width:680px; font-size:14px; color:var(--vq-preview-soft); padding:0 8px; }
@media (max-width:440px) {
  #valvulando-quiz { padding:12px 0 16px; }
  #valvulando-quiz .vq-brand { padding:15px 20px; gap:12px; min-height:75px; }
  #valvulando-quiz .vq-logo { width:146px; }
  #valvulando-quiz .vq-brand small { font-size:11px; max-width:82px; }
  #valvulando-quiz .vq-main { padding:28px 20px; min-height:550px; }
  #valvulando-quiz p { font-size:17px; line-height:1.55; }
  #valvulando-quiz .vq-primary { padding:14px 17px; font-size:17px; gap:12px; }
  #valvulando-quiz .vq-option { font-size:16px; padding:14px 12px; gap:12px; }
  #valvulando-quiz .vq-context,#valvulando-quiz .vq-simple-note { font-size:14px; }
  #valvulando-quiz .vq-desire { margin:32px -20px 26px; padding:30px 20px; }
  #valvulando-quiz .vq-desire p { font-size:18px; }
  #valvulando-quiz .vq-thought p { font-size:21px; }
  #valvulando-quiz .vq-course-line { gap:13px; padding:20px 0; }
  #valvulando-quiz .vq-course-line strong { font-size:19px; }
  #valvulando-quiz .vq-course-line small { font-size:16px; }
  #valvulando-quiz .vq-story { margin:-28px -20px; padding:20px 22px 27px; min-height:610px; }
  #valvulando-quiz .vq-story h2 { font-size:clamp(40px,12vw,52px); margin-top:44px; }
  #valvulando-quiz .vq-story p { font-size:19px; }
}
@media (max-width:350px) { #valvulando-quiz .vq-brand small { display:none; } #valvulando-quiz .vq-footer { flex-wrap:wrap; gap:2px 18px; } }
@media (prefers-reduced-motion:reduce) { #valvulando-quiz .vq-primary { transition:none; } #valvulando-quiz .vq-primary:hover:not(:disabled) { transform:none; } }

/* Standalone production canvas. */
html { color-scheme:dark; background:#121311; scroll-behavior:auto; }
body { margin:0; min-width:280px; background:#121311; }
#valvulando-quiz { min-height:100vh; min-height:100svh; padding:24px 12px; color:var(--vq-ink); }
#valvulando-quiz .vq-frame { min-height:calc(100vh - 48px); min-height:calc(100svh - 48px); }
#valvulando-quiz button,#valvulando-quiz a { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
#valvulando-quiz button:not(:disabled),#valvulando-quiz a { cursor:pointer; }
#valvulando-quiz a.vq-primary { text-decoration:none; }
#valvulando-quiz a:focus-visible { outline:3px solid var(--vq-blue); outline-offset:4px; }
#valvulando-quiz h2:focus { outline:none; }
#valvulando-quiz .vq-noscript { max-width:616px; margin:24px auto; padding:0 20px; }
#valvulando-quiz .vq-noscript a { color:var(--vq-accent); }
@media(max-width:440px) {
  #valvulando-quiz { padding:0; }
  #valvulando-quiz .vq-frame { border:0; border-radius:0; min-height:100vh; min-height:100svh; }
}

/* Per-answer feedback keeps the established typography and gives the reader control. */
#valvulando-quiz .vq-feedback-text{max-width:42em;margin-bottom:30px}
#valvulando-quiz .vq-answer-recap{border-block:1px solid rgba(239,235,222,.18);padding:20px 0;margin:30px 0}
#valvulando-quiz .vq-answer-recap>span{display:block;color:#9bc2cb;font-size:.85rem;margin-bottom:8px}
#valvulando-quiz .vq-answer-recap p{font-size:1rem;line-height:1.55;margin:0;color:#b8b9b0}
#valvulando-quiz .vq-next-promise{color:#eee9db;margin-top:30px}

/* Contact capture uses the same type, surfaces and focus treatment as the quiz. */
#valvulando-quiz .vq-contact-fields { border:0; padding:0; margin:28px 0 0; min-width:0; }
#valvulando-quiz .vq-field { margin-bottom:22px; }
#valvulando-quiz .vq-field label { display:block; font-size:17px; line-height:1.4; color:var(--vq-ink); margin-bottom:9px; }
#valvulando-quiz .vq-field input { display:block; width:100%; min-height:56px; border:1px solid var(--vq-line); border-radius:2px; padding:14px 15px; background:var(--vq-surface); color:var(--vq-ink); font:inherit; font-size:18px; line-height:1.4; }
#valvulando-quiz .vq-field input::placeholder { color:#92968b; opacity:1; }
#valvulando-quiz .vq-field input:focus-visible,#valvulando-quiz .vq-consent input:focus-visible { outline:3px solid var(--vq-blue); outline-offset:4px; }
#valvulando-quiz .vq-field input[aria-invalid=true] { border-color:#f0aa8d; }
#valvulando-quiz .vq-field small { display:block; color:var(--vq-soft); font-size:14px; line-height:1.5; margin-top:8px; }
#valvulando-quiz .vq-consent { display:flex; align-items:flex-start; gap:12px; font-size:16px; line-height:1.5; color:var(--vq-soft); cursor:pointer; padding:4px 0; }
#valvulando-quiz .vq-consent input { flex:none; width:20px; height:20px; margin:3px 0 0; accent-color:var(--vq-accent); }
#valvulando-quiz .vq-form-error { border-left:3px solid #f0aa8d; padding:12px 14px; margin-top:22px; color:#f6c6af; background:#2e211c; font-size:16px; line-height:1.5; }
#valvulando-quiz .vq-form-error[hidden] { display:none; }
#valvulando-quiz .vq-contact-fields:disabled { opacity:.75; }
#valvulando-quiz .vq-honeypot,#valvulando-quiz .vq-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:440px) { #valvulando-quiz .vq-field label { font-size:16px; } #valvulando-quiz .vq-field input { font-size:17px; } #valvulando-quiz .vq-consent { font-size:15px; } }