.quiz-main{min-height:calc(100vh - 87px);padding:48px 0 64px}.hdr-slot{align-items:center;gap:12px;margin-left:auto;display:flex}.hdr-slot .dots3{gap:5px;display:flex}.hdr-slot .dots3 i{background:var(--ink);width:14px;height:14px;display:block}.intro{grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:64px;padding:24px 0;display:grid}.intro h1{margin-top:14px;font-size:clamp(44px,5.4vw,76px);line-height:1}.intro .sub{max-width:620px;margin-top:20px;font-size:22px;line-height:1.45}.intro .meta{margin-top:18px;font-size:15px}.intro .ctas{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.intro-cat .cat-box{border-bottom:var(--border)}.intro-cat p{padding:14px 18px;font-size:15px}@media (width<=1099px){.intro{grid-template-columns:1fr;gap:32px}.intro-cat{max-width:420px}}@media (width<=699px){.intro .ctas{flex-direction:column}.intro .ctas .btn{width:100%}.intro-cat{max-width:none}}.q-layout{grid-template-columns:400px minmax(0,1fr);align-items:start;gap:56px;display:grid}.q-cat .bubble{box-shadow:var(--shadow);padding:16px 18px;position:relative}.q-cat .bubble p{font-size:19px;font-weight:700;line-height:1.4}.q-cat .bubble:after{content:"";background:var(--card);border-right:var(--border);border-bottom:var(--border);width:20px;height:20px;position:absolute;bottom:-14px;left:60px;transform:rotate(45deg)}.q-cat .cat-stage{margin-top:40px}.q-cat .shadow{background:var(--ink);opacity:.85;height:6px}.q-cat .note{margin-top:18px;font-size:15px;line-height:1.5}.q-body{padding:32px 36px}.q-top{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.q-top>div:first-child{flex:1;min-width:0}.q-top .count{font-size:14px}.q-body .segs{gap:6px;margin-top:12px}.q-title{text-wrap:balance;max-width:720px;margin-top:30px;font-size:38px;font-weight:700;line-height:1.18}.q-title:focus{outline:none}.q-title:focus-visible{outline:var(--focus-ring);outline-offset:6px}.answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px;display:grid}.q-nav{justify-content:space-between;align-items:center;gap:16px;margin-top:36px;display:flex}.q-nav .hint{text-align:center;font-size:15px}.q-disclaimer{margin-top:20px}.q-mobile-cat{display:none}@media (width<=1099px){.q-layout{grid-template-columns:1fr;gap:24px}.q-cat{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:24px;display:grid}.q-cat .cat-stage{grid-row:1;margin-top:0}.q-cat .bubble:after{border:0;border-left:var(--border);border-bottom:var(--border);top:30px;bottom:auto;left:-14px}.q-cat .shadow,.q-cat .note{display:none}}@media (width<=699px){.quiz-main{padding:16px 0 24px}.quiz-page.in-question{padding-bottom:100px}.q-cat{display:none}.q-body{padding:0}.q-layout .win.q-win{box-shadow:none;background:0 0;border:0}.q-win>.bar{display:none}.q-top{align-items:flex-start}.q-top .one{display:none}.q-mobile-cat{flex:none;width:84px;height:84px;margin-top:-10px;display:block;overflow:hidden}.q-body .segs{gap:4px;width:250px;max-width:100%}.q-title{margin-top:18px;font-size:26px;line-height:1.22}.answers{grid-template-columns:1fr;gap:12px;margin-top:20px}.q-nav{z-index:30;background:var(--paper);border-top:var(--border);gap:12px;height:84px;margin:0;padding:12px 16px;position:fixed;bottom:0;left:0;right:0}.q-nav .hint{display:none}.q-nav .back{flex:none;width:112px;padding:0}.q-nav .next{flex:1}.q-disclaimer{margin-top:24px}}.result{grid-template-columns:560px minmax(0,1fr);align-items:start;gap:72px;display:grid}.result-card{aspect-ratio:1;position:relative;overflow:hidden}.result-card .rc-bar{background:var(--ink);height:16.6%;color:var(--paper);justify-content:space-between;align-items:center;gap:12px;padding:0 4%;display:flex;position:absolute;bottom:0;left:0;right:0}.result-card .rc-name{max-width:61%;font-size:clamp(22px,2.2vw,30px);line-height:1.02}.result-card .rc-brand{text-align:right}.result-card .rc-brand .lbl:first-child{color:var(--butter)}.result-card .rc-brand .lbl+.lbl{color:#cfc8d8;margin-top:4px;font-size:11px}.result-note{align-items:center;gap:10px;margin-top:22px;display:flex}.result-note span{background:var(--red);flex:none;width:10px;height:10px;display:block}.result h1{margin-top:14px;font-size:clamp(44px,4.4vw,62px);line-height:1}.result .copy{text-wrap:pretty;margin-top:18px;font-size:24px;line-height:1.4}.result .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px;display:grid}.result .fact{box-shadow:var(--shadow);padding:16px 18px}.result .fact .px{margin-top:10px;font-size:26px}.result .fact p{margin-top:8px;font-size:17px;line-height:1.45}.result .fact-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.result .fact .badge{padding:4px 10px}.result .actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px;display:grid}.result .actions .btn{width:100%}.share-box{border:3px dashed var(--ink);background:var(--card);margin-top:26px;padding:14px 18px}.share-box p{overflow-wrap:anywhere;margin-top:8px;font-size:16px;line-height:1.45}.all-six{margin-top:56px}.all-six .head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.all-six ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:14px;display:grid}.all-six li{box-shadow:var(--shadow-sm);align-items:center;gap:10px;padding:8px;display:flex}.all-six li.you{background:var(--butter)}.all-six .th{border:var(--border);flex:none;width:72px;height:72px;overflow:hidden}.all-six .lbl{font-size:11px}@media (width<=1099px){.result{grid-template-columns:1fr;gap:32px}.result-side{max-width:560px}.all-six ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=699px){.result-side{max-width:none}.result-card .rc-bar{height:64px;padding:0 14px}.result-card .rc-name{max-width:70%;font-size:24px}.result-card .rc-brand .lbl+.lbl{display:none}.result-note{margin-top:14px}.result h1{font-size:44px}.result .copy{font-size:20px}.result .facts{grid-template-columns:1fr;gap:14px;margin-top:22px}.result .fact{box-shadow:var(--shadow-sm);padding:14px 16px}.result .fact .px{font-size:24px}.result .actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.result .actions .btn{padding:0 10px;font-size:18px}.result .actions .wide{grid-column:1/-1}.all-six ul{scroll-snap-type:x mandatory;margin:12px calc(-1 * var(--gutter)) 0;padding:0 var(--gutter) 10px;scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.all-six li{scroll-snap-align:start;flex-direction:column;flex:0 0 110px;gap:0;padding:0}.all-six .th{border:0;border-bottom:var(--border);width:100%;height:104px}.all-six .lbl{text-align:center;padding:6px 4px;font-size:10px}}