:root{--teal-bright: #3a9c9d;--teal: #208485;--teal-deep: #296969;--teal-dark: #1b4646;--teal-soft: #e7f2f1;--cta: #8328d7;--cta-press: #6e21b4;--ink: #212b2a;--muted: #5c6b6a;--line: #dfe8e6;--paper: #fff;--page: #fffbf0;--gold: #ffc053;--gold-duo: #f7941d;--gold-bg: #fff4da;--gold-ink: #805415;--gold-line: rgba(247, 148, 29, .4);--radius: 16px;--shadow: 0 1px 2px rgba(27, 70, 70, .05), 0 10px 28px -14px rgba(27, 70, 70, .14);--shadow-hover: 0 2px 4px rgba(27, 70, 70, .06), 0 16px 38px -14px rgba(27, 70, 70, .22);--spring: cubic-bezier(.34, 1.56, .64, 1);--serif: "Playfair Display", Georgia, serif;--sans: "Lexend Deca", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--brand: "Open Sans", "Segoe UI", Arial, sans-serif;color-scheme:only light}*{box-sizing:border-box}[hidden]{display:none!important}html{height:100%}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--page);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-tap-highlight-color:transparent}a{color:var(--teal-deep)}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:6px}h1:focus,.cq-eyebrow:focus{outline:none}.cq-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cq-noscript{background:var(--teal-soft);border-bottom:1px solid var(--line);padding:10px 16px;text-align:center;font-size:14px}.cq-ighost{color:var(--gold-duo)}#topbar-slot{position:sticky;top:0;z-index:20}.cq-topbar{display:flex;align-items:center;justify-content:center;position:relative;height:56px;background:var(--page);border-bottom:1px solid var(--line);transition:background .2s ease,box-shadow .2s ease}#topbar-slot.is-scrolled .cq-topbar{background:#fffbf0d6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 18px -10px #1b46462e}.cq-tbback{position:absolute;left:4px;top:6px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--teal-deep);border-radius:10px}.cq-tbback svg{width:22px;height:22px}.cq-tbword{font:400 24px var(--brand);letter-spacing:0;color:var(--teal);text-decoration:none}.cq-tbword b{font-weight:800}.cq-tbstep{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:12.5px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.cq-progress{height:4px;background:var(--line);position:relative;overflow:hidden}.cq-progress-fill{display:block;height:100%;background:var(--teal-bright);transition:width .4s var(--spring)}main#app{flex:1;width:min(560px,100% - 40px);margin:0 auto}.p-list main#app{width:min(640px,100% - 40px)}.cq-head{padding:24px 0 16px}.cq-head--opener{padding-top:32px;text-align:center}h1{margin:0 0 8px;font-family:var(--serif);font-weight:600;font-size:clamp(28px,7.5vw,36px);line-height:1.12;color:var(--teal-deep);text-wrap:balance}.cq-head--opener h1{font-size:clamp(32px,8vw,40px)}.cq-sub{margin:0;color:var(--muted);font-size:15px}.cq-brand{margin:0 0 20px;font-family:var(--brand);font-size:24px;color:var(--teal);letter-spacing:0}.cq-brand b{font-weight:800}.cq-hero{margin:0 0 18px}.cq-heroimg{width:112px;height:112px;border-radius:50%;object-fit:cover;border:3px solid var(--teal-bright);box-shadow:0 0 0 6px var(--teal-soft),0 10px 24px -12px #1b46464d;background:var(--paper)}.cq-herocred{margin:12px 0 0;font-size:14px;color:var(--muted)}.cq-herocred strong{color:var(--teal-dark);font-weight:600}.cq-crumb{margin:0 0 10px}.cq-crumb span{display:inline-flex;align-items:center;max-width:100%;background:var(--teal-soft);color:var(--teal-dark);border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:500;line-height:1.35}.cq-doors,.cq-opts{display:grid;gap:10px;padding-bottom:18px}.cq-door,.cq-opt{display:flex;align-items:center;gap:14px;text-align:left;min-height:64px;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;touch-action:manipulation;position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.cq-door{min-height:72px}.cq-door:active,.cq-opt:active,.cq-row:active{transform:scale(.985)}.cq-doortext,.cq-opttext{flex:1;min-width:0}.cq-doortext b,.cq-opttext b{display:block;font-weight:500;font-size:17px;line-height:1.35}.cq-doortext span,.cq-opttext span{display:block;color:var(--muted);font-size:14px;line-height:1.4;margin-top:2px}.cq-door.is-pressed,.cq-opt.is-pressed,.cq-row.is-pressed{background:var(--teal-soft);border-color:var(--teal)}.cq-door.is-selected,.cq-opt.is-selected{background:var(--teal-soft);border:2px solid var(--teal);padding:13px 15px;animation:cq-sweep .45s ease both}.cq-door.is-selected{padding:13px 15px}@keyframes cq-sweep{0%{box-shadow:0 0 #2084854d}to{box-shadow:0 0 0 8px #20848500}}.cq-checkpop{position:absolute;right:14px;top:50%;margin-top:-13px;width:26px;height:26px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;animation:cq-pop .3s var(--spring) both}.cq-checkpop svg{width:15px;height:15px}.cq-checkpath{stroke-dasharray:22;animation:cq-draw .3s ease-out .05s both}@keyframes cq-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cq-draw{0%{stroke-dashoffset:22}to{stroke-dashoffset:0}}.cq-tile{flex:0 0 56px;width:56px;height:56px;border-radius:14px;background:var(--page);border:1px solid rgba(27,70,70,.07)}.cq-opt--cross{min-height:48px;padding:10px 14px;box-shadow:none;background:none;border:1px dashed var(--teal-bright);color:var(--teal-deep)}.cq-opt--cross .cq-opttext b{font-size:15px;font-weight:500}.cq-opt--cross .cq-opt-icon{width:22px;height:22px;color:var(--teal);flex:0 0 22px}.cq-opt--escape{margin-top:8px}.cq-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 26px;padding:0;list-style:none}.cq-stats li{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 8px;text-align:center;color:var(--muted);font-size:12px;line-height:1.4}.cq-staticon{width:20px;height:20px;color:var(--teal);flex:0 0 20px}.cq-filter{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;margin-bottom:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color .15s ease,box-shadow .15s ease}.cq-filter svg{width:20px;height:20px;color:var(--teal);flex:0 0 20px}.cq-filter input{flex:1;min-width:0;border:0;background:none;outline:none;font:400 16px var(--sans);color:var(--ink)}.cq-filter input::placeholder{color:var(--muted);opacity:.8}.cq-filter:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px #20848524,var(--shadow)}.cq-list{display:grid;grid-template-columns:1fr;gap:8px;padding-bottom:28px}.cq-row{display:flex;align-items:center;gap:12px;min-height:62px;padding:9px 14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;touch-action:manipulation;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.cq-icircle{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:var(--teal-soft);display:flex;align-items:center;justify-content:center}.cq-icon{width:24px;height:24px;color:var(--teal)}.cq-rowtext{flex:1;min-width:0}.cq-rowtext b{display:block;font-weight:500;font-size:16px;line-height:1.3}.cq-rowtext span{display:block;color:var(--muted);font-size:13.5px;line-height:1.35}.cq-kidchip,.cq-rowtext span.cq-kidchip{display:inline-block;vertical-align:1px;margin:0 0 0 2px;background:var(--gold-bg);color:var(--gold-ink);border:1px solid var(--gold-line);border-radius:999px;padding:1px 8px 2px;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.4;width:auto}.cq-chev{flex:0 0 14px;width:14px;height:14px;color:var(--teal-bright)}.cq-divider{border-top:1px solid var(--line);margin:8px}.cq-listhead{position:sticky;top:56px;z-index:5;margin:14px -4px 0;padding:8px;background:var(--page);font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-deep)}.cq-row--action{background:var(--teal-soft);border-color:var(--teal);box-shadow:none}.cq-row--action .cq-rowtext b{color:var(--teal-dark)}.cq-row--action .cq-icircle{background:var(--paper)}.cq-empty{padding:8px 0 28px;display:grid;gap:8px}.cq-empty-h{margin:4px 0 8px;font-size:15px;color:var(--muted);font-weight:500}@media(hover:hover)and (pointer:fine){.cq-row:hover,.cq-door:hover,.cq-opt:hover{border-color:var(--teal);box-shadow:var(--shadow-hover);transform:translateY(-1px);cursor:pointer}}.cq-callout{background:var(--gold-bg);border:1px solid var(--gold-line);border-radius:12px;padding:10px 14px;margin:0 0 14px}.cq-callout p{margin:0;color:var(--gold-ink);font-size:14px;line-height:1.5}.cq-result{padding:18px 0 178px}.cq-reveal-1{position:relative;padding-right:58px}.cq-matchbadge{position:absolute;right:0;top:0;width:48px;height:48px}.cq-eyebrow{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep)}.cq-frame{margin:0 0 12px;color:var(--muted);font-size:14px}.p-result h1{font-size:clamp(26px,6.5vw,32px);margin-bottom:12px}.cq-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.cq-prodhead{display:flex;gap:14px;align-items:center;margin-bottom:14px}.cq-thumb{flex:0 0 96px;width:96px;height:96px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.cq-prodtext{min-width:0}.cq-title{margin:0 0 6px;font-size:19px;font-weight:600;line-height:1.25}.cq-pill{display:inline-block;font:600 13px/1 var(--sans);color:var(--teal-dark);background:var(--teal-soft);border-radius:999px;padding:6px 12px}.cq-inc{margin:0 0 14px;padding:0;list-style:none;color:var(--muted);font-size:14px}.cq-inc li{margin:6px 0;padding-left:26px;position:relative}.cq-inc li:before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--teal-soft);color:var(--teal-dark);font-size:11px;font-weight:700;line-height:18px;text-align:center}.cq-whybox{background:var(--teal-soft);border-left:3px solid var(--teal-bright);border-radius:12px;padding:10px 14px 12px;margin:0 0 12px}.cq-whylabel{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--teal-deep)}.cq-why{margin:0;font-size:15px;color:var(--teal-dark)}.cq-grace,.cq-safetyline{margin:0 0 12px;color:var(--muted);font-size:14px}.cq-result .cq-callout{margin-bottom:12px}.cq-trust{display:flex;gap:12px;align-items:flex-start;border-top:1px solid var(--line);padding-top:14px;margin-bottom:12px;color:var(--muted);font-size:13.5px}.cq-trust p{margin:0 0 3px;line-height:1.45}.cq-trust strong{color:var(--teal-dark)}.cq-trustname{font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cq-mdchip{display:inline-block;background:var(--teal-soft);color:var(--teal-dark);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.cq-avatar{flex:0 0 56px;width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--teal-soft)}.cq-stat{font-size:13px}.cq-press{margin:0 0 14px;color:var(--muted);opacity:.75;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-align:center;filter:grayscale(1)}.cq-timeline{margin:0;padding:14px 0 4px;border-top:1px solid var(--line);list-style:none;display:grid;gap:16px;counter-reset:cqstep}.cq-timeline li{position:relative;padding-left:40px;counter-increment:cqstep;color:var(--ink);font-size:14.5px;line-height:1.4}.cq-timeline li:before{content:counter(cqstep);position:absolute;left:0;top:-2px;width:26px;height:26px;border-radius:50%;background:var(--teal-soft);color:var(--teal-dark);font-size:13px;font-weight:600;line-height:26px;text-align:center}.cq-timeline li:not(:last-child):after{content:"";position:absolute;left:12px;top:26px;bottom:-18px;width:2px;background:var(--line);border-radius:1px}.cq-timeline b{font-weight:500}.cq-timeline span{display:block;color:var(--muted);font-size:12.5px}.cq-ctabar{position:fixed;left:0;right:0;bottom:0;z-index:10;background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -8px 28px #1b46461a;padding:8px 16px calc(8px + env(safe-area-inset-bottom))}.cq-disc{margin:0 auto 6px;max-width:560px;color:var(--muted);font-size:12px;text-align:center}.cq-cta{display:block;max-width:560px;margin:0 auto;background:var(--cta);border:2px solid var(--cta);color:#fff;text-decoration:none;font-weight:700;font-size:16px;text-align:center;border-radius:50px;padding:15px 20px;min-height:52px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.cq-cta:active{background:var(--cta-press);transform:scale(.985)}@media(hover:hover)and (pointer:fine){.cq-cta:hover{transform:translateY(-1px);box-shadow:0 10px 26px -8px #8328d780}}.cq-cta--closed{background:var(--muted);border-color:var(--muted)}.cq-cta--closed:active{background:var(--muted)}.cq-consent{margin:6px auto 0;max-width:560px;color:var(--muted);font-size:12px;text-align:center}.cq-consent a{color:var(--muted)}.cq-footer{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;padding:14px 16px 20px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center}.cq-footer a{color:var(--muted)}.cq-footer:empty{display:none;padding:0;border:0}.cq-anim-fwd{animation:cq-slide-fwd .24s cubic-bezier(.22,.9,.26,1) both}.cq-anim-back{animation:cq-slide-back .24s cubic-bezier(.22,.9,.26,1) both}@keyframes cq-slide-fwd{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes cq-slide-back{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.cq-arrive .cq-opts>*,.cq-arrive .cq-doors>*{animation:cq-optin .2s ease both;animation-delay:calc(min(var(--i, 0),12)*24ms)}.cq-arrive .cq-list>*,.cq-arrive .cq-filter{animation:cq-optin .18s ease both}@keyframes cq-optin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cq-refade>:not([hidden]){animation:cq-fadein .12s ease both}@keyframes cq-fadein{0%{opacity:.35}to{opacity:1}}.do-reveal .cq-reveal{animation:cq-reveal .28s ease both}.do-reveal .cq-reveal-2{animation-delay:.14s}.do-reveal .cq-reveal-3{animation-delay:.26s}@keyframes cq-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){main#app{view-transition-name:quiz-main}::view-transition-old(quiz-main){animation:cq-vt-out .12s ease both}::view-transition-new(quiz-main){animation:cq-vt-in .24s cubic-bezier(.22,.9,.26,1) both}[data-vt=back]::view-transition-old(quiz-main){animation-name:cq-vt-out-back}[data-vt=back]::view-transition-new(quiz-main){animation-name:cq-vt-in-back}}@keyframes cq-vt-out{to{opacity:0;transform:translate(-14px)}}@keyframes cq-vt-in{0%{opacity:0;transform:translate(18px)}}@keyframes cq-vt-out-back{to{opacity:0;transform:translate(14px)}}@keyframes cq-vt-in-back{0%{opacity:0;transform:translate(-18px)}}@media(min-width:900px){.cq-result{padding-bottom:40px}.cq-ctabar{position:static;background:none;border:0;padding:14px 0 0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(orientation:landscape)and (max-height:520px){.cq-result{padding-bottom:40px}.cq-ctabar{position:static;background:none;border:0;padding:12px 0 0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.cq-anim-fwd,.cq-anim-back,.do-reveal .cq-reveal,.cq-arrive .cq-opts>*,.cq-arrive .cq-doors>*,.cq-arrive .cq-list>*,.cq-arrive .cq-filter,.cq-refade>:not([hidden]),.cq-door.is-selected,.cq-opt.is-selected,.cq-checkpop,.cq-checkpath{animation:none}.cq-row,.cq-door,.cq-opt,.cq-progress-fill,.cq-cta,.cq-filter,.cq-topbar{transition:none}.cq-door:active,.cq-opt:active,.cq-row:active,.cq-cta:active{transform:none}}@media(forced-colors:active){.cq-cta{border:2px solid ButtonText}.cq-row,.cq-card,.cq-door,.cq-opt,.cq-filter,.cq-callout,.cq-stats li,.cq-tile,.cq-whybox,.cq-kidchip,.cq-mdchip,.cq-checkpop{border:1px solid ButtonText}.cq-topbar{border-bottom:1px solid ButtonText}.cq-progress-fill{background:Highlight}.cq-timeline li:before,.cq-inc li:before{border:1px solid ButtonText}.cq-heroimg,.cq-avatar{border-color:ButtonText}}