/** Shopify CDN: Minification failed

Line 8:0 All "@import" rules must come first

**/
/* BERLYNCO SKIN ANALYSIS - STYLESHEET v2.0 */
:root{--bq-ivory:#FAF8F5;--bq-cream:#F2EDE6;--bq-sand:#E8DDD0;--bq-charcoal:#1C1C1E;--bq-slate:#4A4A52;--bq-stone:#9A9A9F;--bq-gold:#C4A97D;--bq-gold-light:#DFC9A0;--bq-gold-dark:#A8895C;--bq-rose:#C97D7D;--bq-success:#7DAF8A;--bq-warning:#D4A96A;--bq-alert:#C97D7D;--bq-serif:'Cormorant Garamond',Georgia,serif;--bq-sans:'DM Sans',-apple-system,sans-serif;--bq-shadow-s:0 2px 8px rgba(28,28,30,.06);--bq-shadow-m:0 4px 20px rgba(28,28,30,.10);--bq-shadow-l:0 8px 40px rgba(28,28,30,.14);--bq-shadow-gold:0 4px 20px rgba(196,169,125,.30);--bq-r-sm:8px;--bq-r-md:16px;--bq-r-lg:24px;--bq-r-xl:32px;--bq-r-pill:999px}
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,300;1,400&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap');
#berlynco-quiz,#berlynco-quiz *{box-sizing:border-box}
#berlynco-quiz{-webkit-font-smoothing:antialiased}
.bq-wrapper{font-family:var(--bq-sans);color:var(--bq-charcoal);background:var(--bq-ivory);min-height:100svh;overflow-x:hidden}
.bq-screen{display:none;min-height:100svh;width:100%}
.bq-screen.active{display:block}
.bq-animate-in{animation:bqIn .35s cubic-bezier(.4,0,.2,1) both}
.bq-animate-back{animation:bqBack .35s cubic-bezier(.4,0,.2,1) both}
@keyframes bqIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
@keyframes bqBack{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}
.bq-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bq-gold);color:var(--bq-charcoal);font-family:var(--bq-sans);font-size:16px;font-weight:600;padding:18px 32px;border:none;border-radius:var(--bq-r-xl);cursor:pointer;text-decoration:none;box-shadow:var(--bq-shadow-gold);min-height:56px;transition:background .2s,transform .2s,box-shadow .2s;-webkit-appearance:none;appearance:none;letter-spacing:.01em}
.bq-btn-primary:hover{background:var(--bq-gold-light);transform:translateY(-2px);box-shadow:0 8px 28px rgba(196,169,125,.4)}
.bq-btn-primary:active{background:var(--bq-gold-dark);transform:translateY(0)}
.bq-btn-full{width:100%;text-align:center}
.bq-landing-inner{max-width:560px;margin:0 auto;padding:56px 20px 64px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}
.bq-logo-mark{font-size:28px;color:var(--bq-gold);letter-spacing:6px}
.bq-hero-title{font-family:var(--bq-serif);font-size:clamp(36px,9vw,60px);font-weight:400;line-height:1.08;margin:0}
.bq-hero-title em{font-style:italic;font-weight:300;color:var(--bq-gold-dark)}
.bq-hero-sub{font-size:clamp(15px,4vw,17px);line-height:1.65;color:var(--bq-slate);max-width:420px;margin:0}
.bq-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.bq-trust-badge{background:var(--bq-cream);border:1px solid var(--bq-sand);border-radius:var(--bq-r-md);padding:14px 12px;display:flex;align-items:center;gap:10px;box-shadow:var(--bq-shadow-s)}
.bq-tb-icon{font-size:20px;flex-shrink:0}
.bq-tb-text{display:flex;flex-direction:column;gap:2px;text-align:left}
.bq-tb-text strong{font-size:13px;font-weight:700;color:var(--bq-charcoal)}
.bq-tb-text span{font-size:11px;color:var(--bq-stone)}
.bq-discover-card{background:var(--bq-cream);border:1px solid var(--bq-sand);border-radius:var(--bq-r-md);padding:20px 24px;width:100%;text-align:left}
.bq-discover-title{font-size:12px;font-weight:700;color:var(--bq-slate);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.bq-discover-list{list-style:none;margin:0;padding:0}
.bq-discover-list li{font-size:14px;color:var(--bq-slate);padding:9px 0;border-bottom:1px solid var(--bq-sand);line-height:1.4}
.bq-discover-list li:last-child{border-bottom:none}
.bq-privacy-note{font-size:12px;color:var(--bq-stone);margin:-8px 0 0}
.bq-quiz-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;border-bottom:1px solid var(--bq-sand);background:var(--bq-ivory);position:sticky;top:0;z-index:100}
.bq-back-btn{background:none;border:none;font-family:var(--bq-sans);font-size:14px;font-weight:500;color:var(--bq-slate);cursor:pointer;padding:8px 0;min-width:44px;min-height:44px;display:flex;align-items:center;transition:color .2s}
.bq-back-btn:hover{color:var(--bq-gold-dark)}
.bq-logo-wordmark{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--bq-charcoal)}
.bq-header-spacer{width:44px}
.bq-progress-section{padding:16px 20px 4px;max-width:680px;margin:0 auto}
.bq-progress-track{width:100%;height:6px;background:var(--bq-sand);border-radius:var(--bq-r-pill);overflow:hidden}
.bq-progress-fill{height:100%;background:linear-gradient(90deg,var(--bq-gold-dark),var(--bq-gold),var(--bq-gold-light));border-radius:var(--bq-r-pill);width:0%;transition:width .4s cubic-bezier(.4,0,.2,1)}
.bq-progress-label{display:block;text-align:right;font-size:11px;font-weight:500;color:var(--bq-stone);margin-top:6px}
.bq-question-area{max-width:680px;margin:0 auto;padding:28px 20px 48px}
.bq-dimension-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bq-gold);margin-bottom:10px}
.bq-question-text{font-family:var(--bq-serif);font-size:clamp(22px,5.5vw,32px);font-weight:400;line-height:1.3;color:var(--bq-charcoal);margin:0 0 28px}
.bq-options-list{display:flex;flex-direction:column;gap:10px}
.bq-option-card{display:flex;align-items:center;gap:14px;background:var(--bq-cream);border:1.5px solid var(--bq-sand);border-radius:var(--bq-r-md);padding:16px 18px;cursor:pointer;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;box-shadow:var(--bq-shadow-s);min-height:56px;-webkit-tap-highlight-color:transparent;user-select:none}
.bq-option-card:hover{background:var(--bq-sand);border-color:var(--bq-gold-light);box-shadow:var(--bq-shadow-m);transform:translateY(-2px)}
.bq-option-card:active{transform:translateY(0)}
.bq-option-card.bq-selected{background:var(--bq-sand);border:2px solid var(--bq-gold);box-shadow:var(--bq-shadow-m)}
.bq-option-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--bq-stone);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s}
.bq-option-card.bq-selected .bq-option-radio{background:var(--bq-gold);border-color:var(--bq-gold)}
.bq-option-card.bq-selected .bq-option-radio::after{content:'';display:block;width:8px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-1px)}
.bq-option-text{font-size:15px;line-height:1.45;color:var(--bq-slate);flex:1}
.bq-option-card.bq-selected .bq-option-text{color:var(--bq-charcoal);font-weight:500}
.bq-lead-inner{max-width:480px;margin:0 auto;padding:56px 20px 64px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.bq-lead-icon{font-size:48px}
.bq-lead-title{font-family:var(--bq-serif);font-size:clamp(28px,7vw,40px);font-weight:400;line-height:1.2;margin:0}
.bq-lead-title em{font-style:italic;font-weight:300;color:var(--bq-gold-dark)}
.bq-lead-sub{font-size:15px;line-height:1.65;color:var(--bq-slate);margin:0}
.bq-lead-form{width:100%;display:flex;flex-direction:column;gap:16px}
.bq-lead-field{display:flex;flex-direction:column;gap:6px;text-align:left}
.bq-lead-label{font-size:13px;font-weight:600;color:var(--bq-slate)}
.bq-optional-tag{font-size:11px;font-weight:400;color:var(--bq-stone);margin-left:6px}
.bq-lead-input{width:100%;background:var(--bq-cream);border:1.5px solid var(--bq-sand);border-radius:var(--bq-r-md);padding:15px 18px;font-family:var(--bq-sans);font-size:16px;color:var(--bq-charcoal);outline:none;transition:all .2s;-webkit-appearance:none}
.bq-lead-input::placeholder{color:var(--bq-stone)}
.bq-lead-input:focus{border-color:var(--bq-gold);background:#fff;box-shadow:0 0 0 3px rgba(196,169,125,.15)}
.bq-lead-input.bq-error{border-color:var(--bq-rose)}
.bq-lead-error{font-size:12px;color:var(--bq-rose);min-height:16px;display:block}
.bq-phone-row{display:flex;gap:8px}
.bq-country-select{background:var(--bq-cream);border:1.5px solid var(--bq-sand);border-radius:var(--bq-r-md);padding:15px 10px;font-family:var(--bq-sans);font-size:14px;color:var(--bq-charcoal);outline:none;cursor:pointer;flex-shrink:0;width:110px;-webkit-appearance:none}
.bq-phone-input{flex:1}
.bq-consent-row{display:flex;align-items:flex-start;gap:12px;text-align:left;cursor:pointer}
.bq-consent-checkbox{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--bq-gold);cursor:pointer}
.bq-consent-text{font-size:13px;color:var(--bq-slate);line-height:1.5}
.bq-consent-text a{color:var(--bq-gold-dark)}
.bq-skip-btn{background:none;border:none;font-size:13px;color:var(--bq-stone);cursor:pointer;text-decoration:underline;font-family:var(--bq-sans);transition:color .2s}
.bq-skip-btn:hover{color:var(--bq-slate)}
.bq-trust-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.bq-trust-strip span{font-size:11px;color:var(--bq-stone);background:var(--bq-cream);border:1px solid var(--bq-sand);border-radius:var(--bq-r-pill);padding:5px 12px}
#bq-loading{display:flex;align-items:center;justify-content:center}
.bq-loading-inner{text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:24px}
.bq-spinner-wrap{position:relative;width:80px;height:80px}
.bq-spin-svg{width:80px;height:80px;animation:bqRotate 2s linear infinite}
@keyframes bqRotate{to{transform:rotate(360deg)}}
.bq-spin-track{fill:none;stroke:var(--bq-sand);stroke-width:5}
.bq-spin-arc{fill:none;stroke:var(--bq-gold);stroke-width:5;stroke-linecap:round;stroke-dasharray:80 133}
.bq-spin-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;color:var(--bq-gold)}
.bq-loading-title{font-family:var(--bq-serif);font-size:28px;font-weight:400;margin:0}
.bq-loading-title em{font-style:italic;color:var(--bq-gold-dark)}
.bq-loading-step{font-size:14px;color:var(--bq-stone);transition:opacity .3s}
.bq-results-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;border-bottom:1px solid var(--bq-sand);background:var(--bq-ivory);position:sticky;top:0;z-index:100}
.bq-retake-btn{background:none;border:1px solid var(--bq-sand);border-radius:var(--bq-r-pill);font-family:var(--bq-sans);font-size:13px;color:var(--bq-slate);padding:8px 16px;cursor:pointer;transition:all .2s;min-height:36px}
.bq-retake-btn:hover{border-color:var(--bq-gold);color:var(--bq-gold-dark)}
.bq-results-body{max-width:680px;margin:0 auto;padding:28px 20px;display:flex;flex-direction:column;gap:28px}
.bq-profile-card{background:linear-gradient(135deg,var(--bq-cream) 0%,var(--bq-sand) 100%);border:1px solid var(--bq-sand);border-radius:var(--bq-r-lg);padding:28px;box-shadow:var(--bq-shadow-m)}
.bq-profile-greeting{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bq-gold-dark);margin-bottom:8px}
.bq-profile-name{font-family:var(--bq-serif);font-size:clamp(22px,5vw,32px);font-weight:400;font-style:italic;color:var(--bq-charcoal);margin-bottom:12px;line-height:1.2}
.bq-profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.bq-profile-tag{background:var(--bq-gold);color:var(--bq-charcoal);font-size:12px;font-weight:600;padding:5px 14px;border-radius:var(--bq-r-pill)}
.bq-profile-desc{font-size:14px;line-height:1.65;color:var(--bq-slate);margin:0}
.bq-section-block{display:flex;flex-direction:column;gap:0}
.bq-section-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bq-stone);margin:0 0 14px}
.bq-scores-panel{background:var(--bq-cream);border:1px solid var(--bq-sand);border-radius:var(--bq-r-lg);overflow:hidden}
.bq-score-row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--bq-sand)}
.bq-score-row:last-child{border-bottom:none}
.bq-score-dim{font-size:13px;font-weight:500;color:var(--bq-slate);width:105px;flex-shrink:0}
.bq-score-dots{display:flex;gap:4px;flex:1}
.bq-dot{width:10px;height:10px;border-radius:50%;background:var(--bq-sand)}
.bq-dot.filled-good{background:var(--bq-success)}
.bq-dot.filled-mod{background:var(--bq-warning)}
.bq-dot.filled-bad{background:var(--bq-alert)}
.bq-dot.filled-neutral{background:var(--bq-gold)}
.bq-score-label{font-size:12px;font-weight:700;width:100px;text-align:right;flex-shrink:0}
.bq-score-label.good{color:var(--bq-success)}
.bq-score-label.mod{color:var(--bq-warning)}
.bq-score-label.bad{color:var(--bq-alert)}
.bq-score-label.neutral{color:var(--bq-charcoal)}
.bq-chars-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bq-char-chip{background:var(--bq-cream);border:1px solid var(--bq-sand);border-radius:var(--bq-r-md);padding:12px 14px;font-size:13px;color:var(--bq-slate);line-height:1.4}
.bq-results-cta-block{padding:4px 0}
.bq-routine-section{max-width:680px;margin:0 auto;padding:0 20px 64px;display:flex;flex-direction:column;gap:40px}
.bq-routine-block{display:flex;flex-direction:column;gap:16px}
.bq-routine-heading{display:flex;align-items:center;gap:10px}
.bq-routine-title{font-family:var(--bq-serif);font-size:22px;font-weight:400;margin:0}
.bq-steps-list{display:flex;flex-direction:column;gap:14px}
.bq-product-card{background:var(--bq-cream);border:1px solid var(--bq-sand);border-radius:var(--bq-r-lg);overflow:hidden;box-shadow:var(--bq-shadow-s);transition:all .25s}
.bq-product-card:hover{box-shadow:var(--bq-shadow-m);transform:translateY(-3px)}
.bq-product-card-inner{display:flex}
.bq-product-img-wrap{width:100px;flex-shrink:0;overflow:hidden;background:var(--bq-sand)}
.bq-product-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.bq-product-placeholder{width:100%;height:100px;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--bq-sand)}
.bq-product-info{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.bq-step-badge{font-size:10px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:var(--bq-gold-dark)}
.bq-product-name{font-size:13px;font-weight:600;color:var(--bq-charcoal);line-height:1.4}
.bq-product-usage{font-size:11px;color:var(--bq-stone);line-height:1.5}
.bq-product-price{font-size:14px;font-weight:700;color:var(--bq-charcoal)}
.bq-atc-btn{background:var(--bq-gold);color:var(--bq-charcoal);border:none;border-radius:var(--bq-r-xl);padding:10px 16px;font-family:var(--bq-sans);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px;min-height:40px;width:100%}
.bq-atc-btn:hover{background:var(--bq-gold-light)}
.bq-atc-btn.bq-added{background:var(--bq-success);color:#fff}
.bq-future-badge{background:var(--bq-sand);color:var(--bq-stone);border:1px dashed var(--bq-stone);border-radius:var(--bq-r-xl);padding:8px 14px;font-size:12px;text-align:center;margin-top:4px}
.bq-ing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bq-ing-card{background:var(--bq-cream);border:1px solid var(--bq-sand);border-radius:var(--bq-r-md);padding:16px}
.bq-ing-seek{border-top:3px solid var(--bq-success)}
.bq-ing-avoid{border-top:3px solid var(--bq-alert)}
.bq-ing-label{font-size:12px;font-weight:700;margin-bottom:10px}
.bq-ing-content{font-size:12px;color:var(--bq-slate);line-height:1.7}
.bq-tips-list{display:flex;flex-direction:column;gap:10px}
.bq-tip-row{background:var(--bq-cream);border:1px solid var(--bq-sand);border-radius:var(--bq-r-md);padding:14px 16px;font-size:14px;color:var(--bq-slate);line-height:1.55}
.bq-final-cta{text-align:center;display:flex;flex-direction:column;gap:12px;padding:8px 0}
.bq-final-cta-text{font-family:var(--bq-serif);font-size:20px;color:var(--bq-charcoal);margin:0}
.bq-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--bq-charcoal);color:#fff;font-size:14px;font-weight:500;padding:14px 24px;border-radius:var(--bq-r-pill);box-shadow:var(--bq-shadow-l);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:9999;white-space:nowrap}
.bq-toast.bq-toast-show{transform:translateX(-50%) translateY(0)}
@media(max-width:480px){.bq-trust-row{grid-template-columns:1fr 1fr}.bq-chars-grid{grid-template-columns:1fr}.bq-ing-grid{grid-template-columns:1fr}.bq-score-dim{width:80px;font-size:11px}.bq-score-label{width:80px;font-size:11px}}
@media(min-width:768px){.bq-trust-row{grid-template-columns:repeat(4,1fr)}.bq-option-card{padding:18px 22px}}
/* === Step 1: Premium answer card icon/label/checkmark === */
.bq-option-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--bq-gold-dark);background:var(--bq-ivory);border-radius:var(--bq-r-pill);border:1px solid var(--bq-sand);transition:all .25s cubic-bezier(.4,0,.2,1)}
.bq-option-label{flex:1 1 auto;font-family:var(--bq-sans);font-size:16px;font-weight:500;line-height:1.4;color:var(--bq-charcoal);text-align:left}
.bq-option-card.bq-selected .bq-option-icon{background:var(--bq-gold);color:#fff;border-color:var(--bq-gold)}
.bq-option-card.bq-selected .bq-option-label{font-weight:600;color:var(--bq-charcoal)}
.bq-option-radio{position:relative}
.bq-option-radio::after{content:"";position:absolute;width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) scale(0);transform-origin:center;opacity:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1) .05s,opacity .15s ease;margin-top:-2px}
.bq-option-card.bq-selected .bq-option-radio{background:var(--bq-gold);border-color:var(--bq-gold)}
.bq-option-card.bq-selected .bq-option-radio::after{transform:rotate(-45deg) scale(1);opacity:1}
/* === Step 2: Screen transitions + analysis loading sequence === */
.bq-screen.bq-animate-in{animation:bqScreenIn .45s cubic-bezier(.22,1,.36,1) both}
@keyframes bqScreenIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
#bq-loading-msg{transition:opacity .22s ease}
#bq-load-bar,.bq-load-bar{transition:width .5s cubic-bezier(.4,0,.2,1)}
@media (prefers-reduced-motion:reduce){.bq-screen.bq-animate-in{animation:none}.bq-option-card,.bq-option-icon,.bq-option-radio::after,#bq-loading-msg,#bq-load-bar,.bq-load-bar{transition:none!important}}
/* ===== BQ ANIMATED SCORE METERS — additive, revertible ===== */
.bq-meters{display:flex;flex-direction:column;gap:18px;margin-top:22px}
.bq-meter{font-family:var(--bq-sans)}
.bq-meter-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.bq-meter-label{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--bq-slate)}
.bq-meter-value{font-family:var(--bq-serif);font-size:18px;font-weight:600;color:var(--bq-charcoal)}
.bq-meter-track{position:relative;height:10px;border-radius:var(--bq-r-pill);background:var(--bq-cream);overflow:hidden;box-shadow:inset 0 1px 2px rgba(28,28,30,.06)}
.bq-meter-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:var(--bq-r-pill);transition:width 1.1s cubic-bezier(.22,1,.36,1);will-change:width}
.bq-meter[data-status="good"] .bq-meter-fill{background:linear-gradient(90deg,var(--bq-success),#9ac4a6)}
.bq-meter[data-status="warn"] .bq-meter-fill{background:linear-gradient(90deg,var(--bq-warning),var(--bq-gold-light))}
.bq-meter[data-status="alert"] .bq-meter-fill{background:linear-gradient(90deg,var(--bq-alert),#dba0a0)}
.bq-meter[data-status="neutral"] .bq-meter-fill{background:linear-gradient(90deg,var(--bq-gold-dark),var(--bq-gold))}
.bq-meter-fill::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%);animation:bqSheen 2.4s ease-in-out .6s 1}
@keyframes bqSheen{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.bq-meter-fill{transition:none}.bq-meter-fill::after{display:none}}
.bq-routine-edu {
  display: block;
  margin-top: 6px;
  font-size: 12.5px;
  line-height: 1.5;
  color: #8a7f72;
  font-style: italic;
  opacity: 0.92;
}
.bq-routine-item .bq-routine-edu {
  border-top: 1px solid rgba(0,0,0,0.06);
  padding-top: 6px;
}

/* === BERLYNCO Lead Capture additions === */
.bq-required{color:var(--bq-gold-dark);font-weight:600;margin-left:2px}
.bq-lead-label{display:flex;align-items:center}
.bq-results-greeting{font-family:var(--bq-serif);font-size:clamp(20px,5vw,28px);font-weight:400;font-style:italic;line-height:1.3;color:var(--bq-gold-dark);text-align:center;margin:0 0 24px;letter-spacing:.2px}
.bq-results-greeting:empty{display:none;margin:0}

/* ============================================================
   INTRODUCTION SCREEN — PREMIUM HERO (Task 1)
   ============================================================ */
.bq-intro-inner{max-width:560px;margin:0 auto;padding:64px 20px 72px;display:flex;flex-direction:column;align-items:center;min-height:100svh;justify-content:center;box-sizing:border-box}
.bq-intro-card{width:100%;background:linear-gradient(180deg,#fff 0%,var(--bq-ivory) 100%);border:1px solid var(--bq-sand);border-radius:var(--bq-r-xl);box-shadow:var(--bq-shadow-l);padding:clamp(32px,6vw,56px) clamp(22px,5vw,48px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.bq-intro-badge{display:inline-block;font-family:var(--bq-sans);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--bq-gold-dark);background:var(--bq-cream);border:1px solid var(--bq-sand);padding:8px 18px;border-radius:var(--bq-r-pill)}
.bq-intro-headline{font-family:var(--bq-serif);font-weight:600;font-size:clamp(32px,7vw,52px);line-height:1.06;letter-spacing:-.01em;color:var(--bq-charcoal);margin:4px 0 0}
.bq-intro-sub{font-family:var(--bq-sans);font-size:clamp(15px,2.6vw,18px);line-height:1.6;color:var(--bq-slate);max-width:46ch;margin:0}
.bq-intro-badges{list-style:none;margin:8px 0 4px;padding:0;display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}
.bq-trust-badge{display:flex;align-items:center;gap:12px;font-family:var(--bq-sans);font-size:15px;font-weight:500;color:var(--bq-charcoal);background:var(--bq-ivory);border:1px solid var(--bq-sand);border-radius:var(--bq-r-md);padding:13px 18px;box-shadow:var(--bq-shadow-s);text-align:left}
.bq-trust-check{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bq-gold);color:#fff;font-size:13px;font-weight:700;box-shadow:var(--bq-shadow-gold)}
#bq-start-btn.bq-intro-cta{margin-top:10px;width:100%;max-width:360px;font-size:17px;font-weight:600;padding:20px 36px;min-height:60px;border-radius:var(--bq-r-pill);letter-spacing:.02em;transition:background .25s ease,transform .15s ease,box-shadow .25s ease}
#bq-start-btn.bq-intro-cta:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 34px rgba(196,169,125,.45)}
#bq-start-btn.bq-intro-cta:active{transform:translateY(0) scale(.985);box-shadow:var(--bq-shadow-gold)}
.bq-intro-trust{font-family:var(--bq-sans);font-size:13px;color:var(--bq-stone);margin:2px 0 0;letter-spacing:.01em}
@media(min-width:768px){.bq-intro-badges{flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:none}.bq-trust-badge{flex:1 1 auto;min-width:0}}
@media(max-width:480px){.bq-intro-inner{padding:40px 16px 48px}.bq-intro-card{padding:32px 20px;gap:18px}.bq-intro-badges{max-width:none}#bq-start-btn.bq-intro-cta{max-width:none}}
@media (prefers-reduced-motion:reduce){#bq-start-btn.bq-intro-cta,#bq-start-btn.bq-intro-cta:hover,#bq-start-btn.bq-intro-cta:active{transition:none;transform:none}}

/* ============================================================
   QUESTION SCREEN — PREMIUM MOBILE-FIRST (Task 2)
   Styles the ACTUAL JS-generated classes:
   .bq-question-wrap .bq-q-number .bq-q-text .bq-options .bq-option(.selected)
   plus quiz markup. No JS/scoring/array changes.
   ============================================================ */
#bq-quiz-screen{--bq-navy:#1B2A4A;--bq-teal:#14B8A6;--bq-teal-soft:#E6F7F5}
#bq-quiz-screen .bq-quiz-header{flex-direction:column;align-items:stretch;justify-content:center;gap:10px;height:auto;padding:18px 20px 16px}
#bq-quiz-screen .bq-progress-bar{position:relative;width:100%;height:8px;background:var(--bq-sand);border-radius:var(--bq-r-pill);overflow:hidden}
#bq-quiz-screen .bq-progress-fill{height:100%;background:linear-gradient(90deg,var(--bq-navy),var(--bq-teal));border-radius:var(--bq-r-pill);transition:width .5s cubic-bezier(.22,1,.36,1)}
#bq-quiz-screen .bq-progress-text{text-align:center;font-family:var(--bq-sans);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--bq-slate)}
.bq-quiz-body{max-width:600px;margin:24px auto 0;padding:0 20px;width:100%;box-sizing:border-box}
.bq-question-wrap{background:#fff;border:1px solid var(--bq-sand);border-radius:var(--bq-r-lg);box-shadow:var(--bq-shadow-l);padding:clamp(24px,5vw,40px);display:flex;flex-direction:column;gap:8px}
.bq-q-number{font-family:var(--bq-sans);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bq-teal,#14B8A6)}
.bq-q-text{font-family:var(--bq-serif);font-weight:600;font-size:clamp(22px,4.5vw,30px);line-height:1.25;color:var(--bq-charcoal);margin:2px 0 22px}
.bq-options{display:flex;flex-direction:column;gap:12px}
.bq-option{position:relative;display:flex;align-items:center;width:100%;text-align:left;font-family:var(--bq-sans);font-size:16px;font-weight:500;line-height:1.4;color:var(--bq-charcoal);background:var(--bq-ivory);border:2px solid var(--bq-sand);border-radius:var(--bq-r-md);padding:18px 52px 18px 20px;min-height:60px;cursor:pointer;box-shadow:var(--bq-shadow-s);transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;user-select:none}
.bq-option::after{content:"";position:absolute;right:18px;top:50%;width:22px;height:22px;margin-top:-11px;border:2px solid var(--bq-stone);border-radius:50%;background:transparent;transition:border-color .22s ease,background .22s ease}
.bq-option:hover{border-color:#1B2A4A;box-shadow:var(--bq-shadow-m);transform:translateY(-2px)}
.bq-option:active{transform:translateY(0)}
.bq-option.selected{border-color:#1B2A4A;background:var(--bq-teal-soft,#E6F7F5);box-shadow:0 6px 22px rgba(20,184,166,.18);color:var(--bq-charcoal);font-weight:600}
.bq-option.selected::after{border-color:#14B8A6;background:#14B8A6;box-shadow:0 0 0 3px rgba(20,184,166,.18)}
.bq-option.selected::before{content:"";position:absolute;right:25px;top:50%;width:8px;height:5px;margin-top:-3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);z-index:1}
#bq-quiz-screen .bq-quiz-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:600px;margin:24px auto 0;padding:8px 20px 36px;width:100%;box-sizing:border-box}
.bq-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--bq-slate);font-family:var(--bq-sans);font-size:15px;font-weight:600;padding:16px 26px;min-height:54px;border:1.5px solid var(--bq-sand);border-radius:var(--bq-r-pill);cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color .2s ease,color .2s ease,background .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}
.bq-btn-ghost:hover{border-color:#1B2A4A;color:var(--bq-charcoal);background:var(--bq-cream);transform:translateY(-1px)}
.bq-btn-ghost:active{transform:translateY(0)}
#bq-quiz-screen .bq-quiz-nav .bq-btn-primary{flex:1 1 auto;max-width:280px}
@media(max-width:480px){.bq-quiz-body{margin-top:16px;padding:0 16px}.bq-question-wrap{padding:24px 20px}.bq-q-text{margin-bottom:18px}.bq-option{font-size:16px;padding:17px 50px 17px 18px;min-height:58px}#bq-quiz-screen .bq-quiz-nav{padding:8px 16px 28px;gap:10px}.bq-btn-ghost{padding:15px 18px}}
@media (prefers-reduced-motion:reduce){.bq-option,.bq-option:hover,.bq-btn-ghost:hover,#bq-quiz-screen .bq-progress-fill{transition:none;transform:none}}

/* ============================================================
LEAD CAPTURE SCREEN — PREMIUM CARD + FLOATING LABELS (Task 3)
Scoped to #bq-lead-screen / .bq-lead-* — no JS changes.
============================================================ */
#bq-lead-screen{--bq-navy:#1B2A4A;--bq-teal:#14B8A6;--bq-teal-soft:#E6F7F5}
#bq-lead-screen .bq-lead-card{background:#fff;border:1px solid var(--bq-sand);border-radius:var(--bq-r-xl);box-shadow:0 24px 60px -20px rgba(28,28,30,.22);padding:clamp(28px,5vw,48px);max-width:480px;margin:0 auto;width:100%;box-sizing:border-box}
#bq-lead-screen .bq-lead-icon{font-size:44px;margin-bottom:8px}
#bq-lead-screen .bq-lead-headline{font-family:var(--bq-serif);font-size:clamp(26px,6vw,34px);font-weight:400;line-height:1.15;color:var(--bq-charcoal);margin:0 0 10px}
#bq-lead-screen .bq-lead-sub{font-size:15px;line-height:1.6;color:var(--bq-slate);margin:0 0 28px}
#bq-lead-screen .bq-lead-form{display:flex;flex-direction:column;gap:22px;width:100%;text-align:left}
#bq-lead-screen .bq-lead-field{position:relative;display:block}
#bq-lead-screen .bq-lead-input{width:100%;box-sizing:border-box;background:#fff;border:1.5px solid var(--bq-sand);border-radius:var(--bq-r-md);padding:22px 16px 8px;font-family:var(--bq-sans);font-size:16px;color:var(--bq-charcoal);transition:border-color .2s ease,box-shadow .2s ease}
#bq-lead-screen .bq-lead-input::placeholder{color:transparent}
#bq-lead-screen .bq-lead-label{position:absolute;left:16px;top:16px;font-family:var(--bq-sans);font-size:16px;font-weight:400;color:var(--bq-stone);pointer-events:none;transition:transform .18s ease,font-size .18s ease,color .18s ease;transform-origin:left top}
#bq-lead-screen .bq-lead-input:focus+.bq-lead-label,#bq-lead-screen .bq-lead-input:not(:placeholder-shown)+.bq-lead-label{transform:translateY(-11px) scale(.74);color:var(--bq-navy);font-weight:600}
#bq-lead-screen .bq-lead-input:focus{outline:none;border-color:var(--bq-navy);box-shadow:0 0 0 3px rgba(27,42,74,.14)}
#bq-lead-screen .bq-lead-input:not(:placeholder-shown):valid{border-color:var(--bq-teal)}
#bq-lead-screen .bq-lead-input:not(:placeholder-shown):invalid{border-color:var(--bq-rose)}
#bq-lead-screen .bq-lead-input.bq-error{border-color:var(--bq-rose)}
#bq-lead-screen .bq-lead-error{display:block;font-size:12px;color:var(--bq-rose);min-height:16px;margin-top:6px}
#bq-lead-screen .bq-trust-line{font-size:12px;color:var(--bq-stone);text-align:center;margin:18px 0 0}
#bq-lead-screen .bq-btn-primary.bq-btn-full{width:100%;background:var(--bq-navy);color:#fff;border:none;border-radius:var(--bq-r-pill);padding:18px 28px;font-family:var(--bq-sans);font-size:17px;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 10px 24px -8px rgba(27,42,74,.5);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
#bq-lead-screen .bq-btn-primary.bq-btn-full:hover{background:#16223c;transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(27,42,74,.55)}
#bq-lead-screen .bq-btn-primary.bq-btn-full:active{transform:translateY(0);box-shadow:0 6px 16px -8px rgba(27,42,74,.5)}
@media (max-width:480px){#bq-lead-screen .bq-lead-card{padding:24px 18px}#bq-lead-screen .bq-lead-form{gap:18px}#bq-lead-screen .bq-btn-primary.bq-btn-full{font-size:16px;padding:16px 24px}}
@media (prefers-reduced-motion:reduce){#bq-lead-screen .bq-lead-label,#bq-lead-screen .bq-lead-input,#bq-lead-screen .bq-btn-primary.bq-btn-full{transition:none}}

/* ============================================================
   RESULTS / REPORT SCREEN — PREMIUM DASHBOARD (Task 4)
   CSS-ONLY. Scoped to #bq-results-screen. No JS/markup changes.
   ============================================================ */
#bq-results-screen{--bq-navy:#1B2A4A;--bq-teal:#14B8A6;--bq-teal-soft:#E6F7F5}
#bq-results-screen .bq-results-inner{max-width:760px;margin:0 auto;padding:32px 20px 72px;display:flex;flex-direction:column;gap:28px;box-sizing:border-box}
#bq-results-screen .bq-results-greeting{font-family:var(--bq-serif);font-size:clamp(20px,4.5vw,26px);font-weight:400;color:var(--bq-charcoal);text-align:center;line-height:1.3;margin:0}
#bq-results-screen .bq-results-greeting:empty{display:none}
#bq-results-screen .bq-profile-card{background:linear-gradient(160deg,#fff 0%,var(--bq-ivory) 100%);border:1px solid var(--bq-sand);border-radius:var(--bq-r-xl);box-shadow:0 24px 60px -24px rgba(28,28,30,.20);padding:clamp(28px,5vw,44px);display:flex;flex-direction:column;gap:22px}
#bq-results-screen .bq-profile-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#bq-results-screen .bq-profile-emoji{font-size:clamp(40px,9vw,56px);line-height:1;flex-shrink:0}
#bq-results-screen .bq-profile-text{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}
#bq-results-screen .bq-profile-tags{display:flex;flex-wrap:wrap;gap:8px;order:-1}
#bq-results-screen .bq-tag{display:inline-flex;align-items:center;background:var(--bq-teal-soft);color:#0d7a6f;border:1px solid rgba(20,184,166,.28);border-radius:var(--bq-r-pill);padding:5px 14px;font-family:var(--bq-sans);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#bq-results-screen .bq-profile-name{font-family:var(--bq-serif);font-size:clamp(28px,6.5vw,40px);font-weight:400;line-height:1.1;color:var(--bq-charcoal);margin:0}
#bq-results-screen .bq-profile-tagline{font-family:var(--bq-sans);font-size:15px;font-weight:600;color:var(--bq-navy);margin:0}
#bq-results-screen .bq-profile-char{font-size:15px;line-height:1.65;color:var(--bq-slate);margin:0;padding-top:4px;border-top:1px solid var(--bq-sand)}
#bq-results-screen .bq-scores-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:4px}
#bq-results-screen .bq-score-item{background:#fff;border:1px solid var(--bq-sand);border-radius:var(--bq-r-lg);padding:16px 14px;display:flex;flex-direction:column;gap:6px;text-align:center;box-shadow:0 4px 14px -8px rgba(28,28,30,.12);transition:transform .18s ease,box-shadow .18s ease}
#bq-results-screen .bq-score-item:hover{transform:translateY(-3px);box-shadow:0 12px 24px -12px rgba(28,28,30,.2)}
#bq-results-screen .bq-score-item span{font-family:var(--bq-sans);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bq-stone)}
#bq-results-screen .bq-score-item strong{font-family:var(--bq-serif);font-size:19px;font-weight:400;color:var(--bq-navy)}
#bq-results-screen .bq-routine-card,#bq-results-screen .bq-lifestyle-card,#bq-results-screen .bq-products-section{background:#fff;border:1px solid var(--bq-sand);border-radius:var(--bq-r-xl);box-shadow:0 16px 44px -28px rgba(28,28,30,.18);padding:clamp(24px,4.5vw,36px)}
#bq-results-screen .bq-routine-title,#bq-results-screen .bq-lifestyle-title,#bq-results-screen .bq-products-title{font-family:var(--bq-serif);font-size:clamp(20px,4.5vw,26px);font-weight:400;color:var(--bq-charcoal);margin:0 0 20px;line-height:1.2}
#bq-results-screen .bq-routine-steps{display:flex;flex-direction:column;gap:14px}
#bq-results-screen .bq-routine-step{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--bq-ivory);border:1px solid var(--bq-sand);border-radius:var(--bq-r-lg);transition:background .18s ease}
#bq-results-screen .bq-routine-step:hover{background:#fff;border-color:var(--bq-teal)}
#bq-results-screen .bq-step-num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--bq-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--bq-sans);font-size:15px;font-weight:700}
#bq-results-screen .bq-step-info{display:flex;flex-direction:column;gap:3px;min-width:0}
#bq-results-screen .bq-step-action{font-family:var(--bq-sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bq-teal)}
#bq-results-screen .bq-step-product{font-family:var(--bq-sans);font-size:16px;font-weight:600;color:var(--bq-charcoal);line-height:1.3}
#bq-results-screen .bq-step-why{font-size:13.5px;line-height:1.5;color:var(--bq-slate)}
#bq-results-screen .bq-lifestyle-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
#bq-results-screen .bq-tip{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.55;color:var(--bq-charcoal)}
#bq-results-screen .bq-tip-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--bq-teal-soft);color:#0d7a6f;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:1px}
#bq-results-screen .bq-products-sub{font-size:14px;color:var(--bq-slate);margin:-12px 0 24px;line-height:1.5}
#bq-results-screen .bq-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
#bq-results-screen .bq-product-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--bq-sand);border-radius:var(--bq-r-lg);overflow:hidden;box-shadow:0 8px 24px -16px rgba(28,28,30,.18);transition:transform .2s ease,box-shadow .2s ease}
#bq-results-screen .bq-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -16px rgba(28,28,30,.26)}
#bq-results-screen .bq-product-tag{position:absolute;top:12px;left:12px;z-index:2;background:var(--bq-navy);color:#fff;border-radius:var(--bq-r-pill);padding:5px 12px;font-family:var(--bq-sans);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px -4px rgba(27,42,74,.5)}
#bq-results-screen .bq-product-img-wrap{position:relative;width:100%;aspect-ratio:1/1;background:linear-gradient(135deg,var(--bq-cream) 0%,var(--bq-sand) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}
#bq-results-screen .bq-product-img{width:100%;height:100%;object-fit:contain;padding:14px;box-sizing:border-box;display:block}
#bq-results-screen .bq-product-info{display:flex;flex-direction:column;gap:8px;padding:18px 16px 16px;flex:1}
#bq-results-screen .bq-product-name{font-family:var(--bq-sans);font-size:15px;font-weight:600;line-height:1.35;color:var(--bq-charcoal);margin:0}
#bq-results-screen .bq-product-price{font-family:var(--bq-serif);font-size:20px;font-weight:400;color:var(--bq-navy);margin:0 0 4px;margin-top:auto}
#bq-results-screen .bq-add-to-cart{width:100%;background:var(--bq-navy);color:#fff;border:none;border-radius:var(--bq-r-pill);padding:12px 16px;font-family:var(--bq-sans);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}
#bq-results-screen .bq-add-to-cart:hover{background:#16223c;transform:translateY(-1px)}
#bq-results-screen .bq-add-to-cart:active{transform:translateY(0)}
#bq-results-screen .bq-results-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px}
#bq-results-screen .bq-results-actions .bq-btn-outline{background:#fff;color:var(--bq-navy);border:1.5px solid var(--bq-navy);border-radius:var(--bq-r-pill);padding:14px 28px;font-family:var(--bq-sans);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}
#bq-results-screen .bq-results-actions .bq-btn-outline:hover{background:var(--bq-navy);color:#fff}
#bq-results-screen .bq-results-actions .bq-btn-ghost{background:transparent;color:var(--bq-slate);border:1.5px solid var(--bq-sand);border-radius:var(--bq-r-pill);padding:14px 28px;font-family:var(--bq-sans);font-size:15px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}
#bq-results-screen .bq-results-actions .bq-btn-ghost:hover{border-color:var(--bq-slate);color:var(--bq-charcoal)}
@media (max-width:480px){#bq-results-screen .bq-results-inner{padding:20px 14px 56px;gap:20px}#bq-results-screen .bq-scores-summary{grid-template-columns:repeat(2,1fr)}#bq-results-screen .bq-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}#bq-results-screen .bq-profile-top{gap:12px}#bq-results-screen .bq-product-info{padding:14px 12px 12px}}
@media (prefers-reduced-motion:reduce){#bq-results-screen .bq-score-item,#bq-results-screen .bq-product-card,#bq-results-screen .bq-routine-step,#bq-results-screen .bq-add-to-cart,#bq-results-screen .bq-results-actions button{transition:none}}