@layer layout{.l-logo{--logo-size: var(--size-logo-md, 40px);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;inline-size:var(--logo-size);block-size:var(--logo-size);padding:calc(var(--logo-size) * .22);border-radius:var(--radius-circle, 50%);overflow:hidden;background:var(--color-fixed-white, rgb(255 255 255))}.l-logo[data-size=xs]{--logo-size: var(--size-logo-xs, 20px)}.l-logo[data-size=sm]{--logo-size: var(--size-logo-sm, 28px)}.l-logo[data-size=lg]{--logo-size: var(--size-logo-lg, 56px)}.l-logo[data-size=xl]{--logo-size: var(--size-logo-xl, 80px)}.l-logo>img{display:block;box-sizing:border-box;inline-size:100%;block-size:100%;object-fit:contain}.l-logo[data-fit=cover]{padding:0}.l-logo[data-fit=cover]>img{object-fit:cover}.l-logo[data-shape=rounded]{border-radius:var(--radius-md, 8px)}.l-logo[data-shape=square]{border-radius:0}.l-logo[data-bg=surface]{background:var(--color-bg-card, rgb(255 255 255))}.l-logo[data-bg=none]{background:transparent}.l-logo--initial{padding:0;background:var(--color-primary-subtle, rgb(239 246 255));color:var(--color-primary-dark, rgb(30 58 138));font-weight:var(--font-weight-bold, 700);font-size:calc(var(--logo-size) * .45);line-height:1}.l-logo--initial[data-chars="2"]{font-size:max(10px,calc(var(--logo-size) * .38));letter-spacing:-.02em}.l-logo--tinted{background:var(--logo-tint);color:var(--color-text-secondary, rgb(30 41 59))}}:root{--bg: #f6f7f9;--surface: #ffffff;--ink: #12161c;--ink-soft: #5a6472;--line: #e2e6ec;--brand: #2563eb;--brand-ink: #ffffff;--good: #15803d;--good-bg: #dcfce7;--mid: #a16207;--mid-bg: #fef3c7;--low: #b91c1c;--low-bg: #fee2e2;--na: #64748b;--na-bg: #eef2f6;--logo-plate: #ffffff;--icon-plate: #e9ecf1;--radius: 14px;--pad: 22px;--gap: 18px;--maxw: 1440px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Arial,system-ui,sans-serif;font-size:16px;line-height:1.65}.boot{padding:64px;text-align:center;color:var(--ink-soft)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--gap);padding:14px 24px;background:var(--surface);border-block-end:1px solid var(--line)}.topbar-brand{display:flex;align-items:center;gap:10px;margin-inline-end:auto}.topbar{--logo-h: 44px}.topbar-logo{block-size:var(--logo-h);inline-size:auto}.topbar-name{font-weight:700;font-size:18px}.topbar-client-logo{block-size:var(--logo-h);inline-size:auto;object-fit:contain;background:var(--logo-plate);padding:6px 10px;border-radius:8px}.client-pick{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:15px}.main{inline-size:100%;max-inline-size:var(--maxw);margin:0 auto;padding:28px 24px 48px;flex:1}.foot{padding:18px 24px;text-align:center;color:var(--ink-soft);font-size:14px;border-block-start:1px solid var(--line)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);margin-block-end:var(--gap)}.h1{margin:0 0 6px;font-size:28px;line-height:1.3}.h2{margin:30px 0 6px;font-size:22px}.lead{margin:0 0 18px;color:var(--ink-soft);font-size:17px}.section-lead{margin:0 0 var(--gap);color:var(--ink-soft)}.muted{color:var(--ink-soft)}.score-wrap{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.score{display:flex;flex-direction:column;align-items:center;justify-content:center;inline-size:148px;block-size:148px;border-radius:50%;border:8px solid var(--na-bg);background:var(--surface);flex:0 0 auto}.score-num{font-size:48px;font-weight:800;line-height:1}.score-of{font-size:13px;color:var(--ink-soft);margin-block-start:4px}.score-good{border-color:var(--good-bg)}.score-mid{border-color:var(--mid-bg)}.score-low{border-color:var(--low-bg)}.score-na{border-color:var(--na-bg)}.score-side{flex:1 1 260px;min-inline-size:240px}.score-band{margin:0 0 6px;font-size:20px;font-weight:700}.hero-split,.kpi-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.hero-trend,.kpi-trend{border-inline-start:1px solid var(--line);padding-inline-start:28px;min-inline-size:0}.kpi-split{margin-block-end:0}.trend-title{margin:0 0 4px;font-size:18px}.trend-lead,.trend-foot{margin:0;font-size:14px}.trend-chart .dot-last{stroke:var(--surface);stroke-width:2}.venn-wrap{margin:0}.venn{inline-size:100%;max-inline-size:640px;block-size:auto;display:block;margin:0 auto}.venn-us{fill:var(--brand);fill-opacity:.22;stroke:var(--brand);stroke-width:2}.venn-comp{fill:var(--mid);fill-opacity:.22;stroke:var(--mid);stroke-width:2}.venn-num{fill:var(--ink);font-size:26px;font-weight:800}.venn-pct{fill:var(--ink);font-size:15px;font-weight:600}.venn-label{fill:var(--ink-soft);font-size:13px}.venn-title{font-size:15px;font-weight:700}.venn-title-us{fill:var(--brand)}.venn-title-comp{fill:var(--mid)}.venn-caption{text-align:center;margin:10px 0 0;font-size:14px}@media(max-width:900px){.hero-split,.kpi-split{grid-template-columns:1fr}.hero-trend,.kpi-trend{border-inline-start:none;padding-inline-start:0;border-block-start:1px solid var(--line);padding-block-start:20px}}.band-good{color:var(--good)}.band-mid{color:var(--mid)}.band-low{color:var(--low)}.band-na{color:var(--na)}.comp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap)}.comp{margin-block-end:0;display:flex;flex-direction:column}.comp-head{display:flex;align-items:baseline;gap:10px;margin-block-end:8px}.comp-title{margin:0;font-size:17px;margin-inline-end:auto}.comp-score{font-size:30px;font-weight:800;line-height:1}.comp-explain{margin:0 0 14px}.comp-foot{margin-block-start:auto;font-size:13px}.empty{text-align:center;padding:56px 24px;color:var(--ink-soft)}.empty h2{color:var(--ink)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.auth-card{inline-size:100%;max-inline-size:400px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column;gap:14px}.auth-brand{text-align:center;margin-block-end:6px}.auth-logo{block-size:42px;inline-size:auto;margin-block-end:8px}.auth-title{margin:0;font-size:24px}.auth-tagline{margin:6px 0 0;color:var(--ink-soft);font-size:15px}.auth-help{margin:4px 0 0;text-align:center;font-size:14px;color:var(--ink-soft)}.fld{display:flex;flex-direction:column;gap:6px;font-size:14px}.fld>span{color:var(--ink-soft)}.fld input{padding:11px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px;background:var(--surface);color:var(--ink)}.fld input:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.btn{padding:11px 16px;border-radius:10px;border:1px solid transparent;font:inherit;font-size:15px;cursor:pointer;background:none;color:var(--ink)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--brand);color:var(--brand-ink);font-weight:600}.btn-ghost{border-color:var(--line);background:var(--surface)}.btn-link{color:var(--brand);text-decoration:underline;padding:4px;font-size:14px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-soft);cursor:pointer}.icon-btn:hover{color:var(--ink)}.icon-btn-on{color:var(--brand);border-color:var(--brand)}.icon-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.lang-btn{font:inherit;font-size:14px;font-weight:700;letter-spacing:.02em}.login-lang{position:fixed;inset-block-start:16px;inset-inline-end:16px;z-index:2}.topbar{flex-wrap:wrap}.topbar>*{flex-shrink:0}@media(max-width:600px){.topbar{padding:10px 12px;gap:8px}.topbar-name{font-size:15px}.topbar .btn{padding:8px 10px}.icon-btn{inline-size:38px;block-size:38px}.topbar{--logo-h: 34px}.topbar-client-logo{padding:4px 6px}}.msg{margin:0;padding:10px 12px;border-radius:10px;font-size:14px}.msg-err{background:var(--low-bg);color:var(--low)}.msg-ok{background:var(--good-bg);color:var(--good)}@media(prefers-color-scheme:dark){:root{--bg: #0f1319;--surface: #171d26;--ink: #e8edf4;--ink-soft: #9aa7b8;--line: #2a3442;--good-bg: #14311f;--mid-bg: #34290d;--low-bg: #3a1717;--na-bg: #232c38;--good: #4ade80;--mid: #fbbf24;--low: #f87171;--na: #94a3b8}}.tabs{display:flex;gap:4px;flex-wrap:wrap;inline-size:100%;max-inline-size:var(--maxw);margin:0 auto;padding:12px 24px 0}.tab{padding:9px 16px;border:1px solid transparent;border-radius:10px 10px 0 0;background:none;color:var(--ink-soft);font:inherit;font-size:15px;cursor:pointer;border-block-end:2px solid transparent}.tab:hover{color:var(--ink)}.tab-on{color:var(--ink);font-weight:600;border-block-end-color:var(--brand)}.tab:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.note{background:var(--na-bg);border-color:var(--line)}.flush{margin:0}.plain{list-style:none;margin:0;padding:0}.plain>li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 0;border-block-end:1px solid var(--line)}.plain>li:last-child{border-block-end:none;padding-block-end:0}.li-main{font-weight:600}.li-sub{font-size:14px}.site-name{display:inline-flex;align-items:center;gap:8px}.l-logo:not(.l-logo--initial){background:var(--icon-plate)}.l-logo--initial{background:var(--na-bg);color:var(--na)}.site-name:has(.l-logo:not([data-size=xs])){gap:12px}.tag{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.tag-you{background:var(--good-bg);color:var(--good)}.tag-rival{background:var(--mid-bg);color:var(--mid)}.spark{inline-size:100%;block-size:auto;display:block;margin:12px 0 6px}.spark{direction:ltr}.spark .grid{stroke:var(--line);stroke-width:1}.spark .line{fill:none;stroke:var(--brand);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.spark .dot{fill:var(--brand)}.spark .axis{fill:var(--ink-soft);font-size:11px}.spark .marker line{stroke:var(--ink-soft);stroke-width:1.5;stroke-dasharray:4 4}.spark .marker text{fill:var(--ink-soft);font-size:11px}.search-modes{margin-block-start:14px;padding-block-start:12px;border-block-start:1px solid var(--line)}.search-modes .sm-rows{margin-block-start:8px;font-size:14px}.search-modes .sm-row{display:grid;grid-template-columns:1fr 96px 96px;gap:8px;padding-block:4px;align-items:center}.search-modes .sm-head{color:var(--ink-soft);font-weight:600;font-size:13px}.search-modes .num{text-align:center;font-variant-numeric:tabular-nums}.stack-cards{display:flex;flex-direction:column;gap:var(--gap)}.q{margin-block-end:0}.q-prompt{margin:0;font-size:16px;line-height:1.5;margin-inline-end:auto;font-weight:600}.li-you{color:var(--brand)}.h2h{display:flex;inline-size:100%;block-size:12px;border-radius:999px;overflow:hidden;margin:10px 0 8px;background:var(--na-bg)}.h2h-seg{display:block;block-size:100%}.h2h-seg.seg-good{background:var(--good)}.h2h-seg.seg-mid{background:var(--na)}.h2h-seg.seg-low{background:var(--low)}.h2h-seg.seg-soft{opacity:.5}.dist-legend{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--ink-soft)}.dist-legend li{display:inline-flex;align-items:center;gap:6px}.dist-legend b{color:var(--ink)}.dist-key{display:inline-block;inline-size:10px;block-size:10px;border-radius:3px}.dist-key.seg-good{background:var(--good)}.dist-key.seg-mid{background:var(--na)}.dist-key.seg-low{background:var(--low)}.dist-key.seg-soft{opacity:.5}.verdict{margin:0 0 4px}.h2h-seg.seg-none{background:transparent}.dist-key.seg-none{background:transparent;box-shadow:inset 0 0 0 1px var(--na)}.comp-row{display:flex;flex-wrap:wrap;gap:var(--gap)}.comp-row>.comp{flex:1 1 220px;min-inline-size:0}.engine-rows>li{display:block}.engine-rows .li-main{display:block;margin-block-end:2px}.engine-parts{margin-block-end:10px}.plain.engine-parts>li{display:grid;grid-template-columns:1fr 3ch 9ch;gap:10px;padding:5px 0}.engine-part-score{font-weight:700;text-align:end}.engine-parts-note{margin:0 0 12px}.tag-low{background:var(--low-bg);color:var(--low)}.tag-na{background:var(--na-bg);color:var(--na)}.respond-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-block-end:8px;font-size:13px}.respond-field{margin:0 0 6px}.respond-field b{font-weight:600}.back-link{margin-block-end:6px}.client-search{max-inline-size:360px;margin-block-end:var(--gap)}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}.client-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0;min-block-size:150px;cursor:pointer;font:inherit;color:var(--ink);text-align:center}.client-card:hover,.client-card:focus-visible{border-color:var(--brand);outline:none}.client-card-logo{block-size:48px;inline-size:auto;max-inline-size:100%;object-fit:contain;background:var(--logo-plate);padding:6px 10px;border-radius:8px}.client-card-letter{display:inline-flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;border-radius:50%;background:var(--na-bg);color:var(--na);font-size:22px;font-weight:700}.client-card-name{font-weight:600;font-size:16px}.filter-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 16px;margin-block-end:var(--gap);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.filter-item{display:flex;align-items:center;gap:8px}.filter-label{font-weight:600;font-size:14px;color:var(--ink-soft)}.filter-select{padding:7px 12px;border:1px solid var(--line);border-radius:10px;block-size:40px;background:var(--bg);color:var(--ink);font:inherit;font-size:15px}.filter-note{font-size:13px;flex:1 1 260px}@media(max-width:640px){.filter-item{flex:1 1 100%}.filter-select{flex:1;min-inline-size:0}}.comp-examples{margin-block:4px 14px;padding-block-start:10px;border-block-start:1px solid var(--line)}.comp-sub{margin:0 0 6px;font-size:14px}.plain>li.example{flex-direction:column;align-items:stretch;gap:4px}.example-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px}.example-note{font-size:14px}.link-url{color:var(--brand);overflow-wrap:anywhere}.link-full{flex-basis:100%;font-size:12px;overflow-wrap:anywhere;text-align:end}.h3.group-head{margin:24px 0 10px;font-size:18px}.q-tags{display:flex;flex-wrap:wrap;gap:6px;margin-block:8px}.tag-type-cat{background:var(--na-bg);color:var(--brand)}.tag-type-rep{background:var(--na-bg);color:var(--ink)}.q-headline{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:end}.q-headline-label{font-size:13px}.q-headline-note{font-size:12px}.tag-type-alt{background:var(--mid-bg);color:var(--mid)}.tag-type-h2h{background:var(--low-bg);color:var(--low)}.tag-type-fact{background:var(--good-bg);color:var(--good)}.plain>li.driver{display:block}.driver-btn{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;inline-size:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.driver-more{margin-inline-start:auto;font-size:13px;color:var(--brand);text-decoration:underline}.driver-ctx{margin-block-start:10px;display:flex;flex-direction:column;gap:10px}.quote{margin:0;padding:10px 14px;border-inline-start:3px solid var(--line);background:var(--bg);border-radius:8px}.quote-meta{margin-block-start:6px;font-size:13px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:color-mix(in srgb,var(--ink) 45%,transparent)}.modal{inline-size:min(760px,100%);max-block-size:85vh;display:flex;flex-direction:column;margin:0}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block-end:12px;margin-block-end:12px;border-block-end:1px solid var(--line)}.modal-head .comp-title{margin:0}.modal-body{overflow:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-inline-end:4px}.modal-body::-webkit-scrollbar{inline-size:8px}.modal-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body>*{flex-shrink:0}.respond-sub{margin:12px 0 4px;font-size:14px}.respond-problem{font-weight:500}.respond-actions{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:6px}.partial-list>li{font-size:13px;padding:4px 0}.spark .dot.dot-partial{fill:var(--surface);stroke:var(--mid);stroke-width:2}.highlight-src{flex-basis:100%;font-size:13px}.row-actions{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:12px}.plain-sites>li{align-items:center}.l-switch-segmented{display:inline-flex;gap:4px;padding:8px;box-sizing:border-box;background:var(--bg);border:1px solid var(--line);border-radius:8px}.l-switch-segmented-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px;min-inline-size:120px;white-space:nowrap;background:transparent;border:0;border-radius:6px;color:var(--ink-soft);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease,color .15s ease}.l-switch-segmented-btn:hover:not(:disabled):not(.is-active){color:var(--ink)}.l-switch-segmented-btn.is-active{background:var(--surface);color:var(--ink);box-shadow:0 2px 4px #00000014}.l-switch-segmented-btn:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.l-switch-segmented-btn:disabled{opacity:.4;cursor:not-allowed}.switch-row{margin-block-end:12px}.filter-strip .l-switch-segmented{block-size:40px;padding-block:4px}.filter-strip .l-switch-segmented-btn{padding-block:0}@media(max-width:480px){.l-switch-segmented{display:flex;inline-size:100%}.l-switch-segmented-btn{flex:1 1 0;min-inline-size:0;white-space:normal}}.seg{display:inline-flex;flex-wrap:wrap;margin-block-end:12px;align-self:flex-start;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.seg>button{padding:6px 14px;border:0;background:none;color:var(--ink-soft);font:inherit;font-size:14px;cursor:pointer}.seg>button.seg-on{background:var(--brand);color:var(--brand-ink);font-weight:600}.seg>button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.q-engines{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-block-start:6px}.q-engine{display:inline-flex;align-items:baseline;gap:8px;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:13px;cursor:pointer}.q-engine:hover .q-engine-name{text-decoration:underline}.q-engine-name{color:var(--ink-soft)}.q-engine-val{font-weight:700;min-inline-size:3.2em;text-align:end}.modal.modal-wide{inline-size:min(980px,100%)}.answers-prompt{font-weight:600;font-size:16px}.answer{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.answer-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-end:8px;font-size:13px}.engine-tag{font-size:13px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--na-bg);color:var(--brand)}.answer-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}mark.hl-you{background:var(--good-bg);color:var(--good);font-weight:700;border-radius:4px;padding:0 2px}mark.hl-rival{background:var(--low-bg);color:var(--low);font-weight:700;border-radius:4px;padding:0 2px}.legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-block-start:4px}.example .driver-btn .example-prompt,.example .driver-btn .example-note{flex-basis:100%}.driver-btn:disabled{cursor:default}.ctx-group{margin:6px 0 0;font-size:13px;font-weight:700;color:var(--ink-soft)}.ctx-kids-btn{margin-block-start:6px;padding:0;border:0;background:none;color:var(--brand);font:inherit;font-size:13px;cursor:pointer}.ctx-kids-btn:hover{text-decoration:underline}.plain.ctx-children{margin-block-start:6px;padding-inline-start:18px;border-inline-start:2px solid var(--line)}.cost-rows>li{align-items:center}.cost-amount{margin-inline-start:auto;font-weight:700;font-variant-numeric:tabular-nums}.cost-foot{font-size:13px;margin-block-start:12px}.attr-examples{flex-basis:100%;display:flex;flex-direction:column;gap:4px}.attr-quote{margin:0;font-size:14px;color:var(--ink);border-inline-start:3px solid var(--line);padding-inline-start:10px}.attr-more{align-self:flex-start;padding:0}.rival-points{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin-block-start:14px}.rival-points-head{margin:0 0 2px;font-size:14px;font-weight:700}.rival-points-note{font-size:13px;margin:8px 0 0}@media(max-width:640px){.rival-points{grid-template-columns:1fr}}.q-rivals{margin:0 0 10px;font-size:14px}.followup-q{font-weight:700;margin-block-end:6px}
