@scope (.marketing-quiz) {
*{box-sizing:border-box} :scope{margin:0;background:var(--surface);color:var(--ink);font:500 15px/1.55 Manrope,Arial,sans-serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.38}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--azul);outline-offset:5px}header{max-width:1440px;margin:auto;display:flex;align-items:center;padding:22px 48px;gap:32px;border-bottom:1px solid var(--line)}header img{display:block;max-width:180px;height:auto}header span{font-size:12px;color:var(--muted)}header .text-button{margin-left:auto}.text-button{background:none;border:0;color:#444;padding:10px 0;font-size:13px}.quiz-main{max-width:1440px;margin:auto;padding:40px 48px}.intro{display:flex;justify-content:space-between;gap:40px;position:relative;margin-bottom:36px}.eyebrow{font-size:10px;letter-spacing:0;margin:0 0 14px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:54px;line-height:1.13;letter-spacing:0;font-weight:500;margin-bottom:18px}strong{font-weight:800}.intro p:last-child{color:var(--muted);max-width:630px;margin-bottom:0}.brand-bars{display:flex;gap:28px;margin:-40px 70px 0 0;height:180px}.brand-bars i{width:14px;background:linear-gradient(#fc8fc2,#ff3e5c,#ff835f,#ff7628,#ffcf1c);height:100%}.brand-bars i:nth-child(2){height:76%;background:linear-gradient(#ba97d2,#fc8fc2,#ff3e5c,#ff7628)}.brand-bars i:nth-child(3){height:51%;background:linear-gradient(#799ee2,#ba97d2,#fc8fc2,#ff3e5c)}.workspace{display:grid;grid-template-columns:1.08fr 1fr;gap:32px;align-items:start}.question-panel{border:1px solid var(--line);padding:30px;border-radius:8px;min-height:625px}.question-top{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}#type{color:var(--azul)}.progress{height:3px;background:#eee;margin:16px 0 28px}.progress div{background:var(--gradient);height:100%;transition:width .4s}.dimension-label{font-size:11px;color:var(--azul);margin-bottom:10px}#question{font-size:26px;font-weight:500;line-height:1.28;letter-spacing:0;margin-bottom:14px}.hint{font-size:13px;color:var(--muted);margin-bottom:22px}.options{display:grid;gap:9px}.option{display:flex;align-items:center;gap:13px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:13px 15px;line-height:1.45;font-size:13px;transition:background .15s,border .15s}.option:hover{background:#f7f7f7}.option[aria-checked=true]{background:#f0f3fa;border-color:var(--azul);box-shadow:inset 3px 0 var(--azul)}.option .radio{width:16px;height:16px;flex-shrink:0;border:1px solid #aaa;border-radius:50%;display:grid;place-items:center}.option[aria-checked=true] .radio{border:5px solid var(--azul)}.scale .option .radio{border-radius:4px;border:0;background:#f0f0f0;width:27px;height:27px;font-size:12px}.scale .option[aria-checked=true] .radio{background:var(--azul);color:var(--surface)}.feedback{margin-top:18px;border-left:2px solid var(--azul);padding:0 0 0 15px;font-size:12px;color:#555}.feedback b{display:block;color:var(--ink);font-size:11px;margin-bottom:5px}.question-actions{display:flex;justify-content:space-between;align-items:center;margin-top:165px}.primary{background:var(--ink);color:var(--surface);border:1px solid #111;border-radius:7px;padding:12px 20px;font-size:13px}.primary:hover:not(:disabled){background:var(--azul);border-color:var(--azul)}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:12px 20px;font-size:13px}.save-note{font-size:10px;color:var(--muted);margin:18px 0 0}.system-panel{position:sticky;top:165px;background:var(--raised);padding:28px;border:1px solid #ecece8;border-radius:8px}.system-head{display:flex;justify-content:space-between;gap:12px}h2{font-size:24px;letter-spacing:0;line-height:1.25;font-weight:500;margin-bottom:20px}.live{white-space:nowrap;font-size:10px;margin-top:2px;display:flex;align-items:center;gap:6px;height:20px}.live i{background:#2b59a5;width:5px;height:5px;border-radius:50%}.score-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #ddd}.score{font-size:62px;line-height:1;letter-spacing:0}.score-unit{font-size:18px;color:#888;margin-left:5px}.score-row p{font-size:10px;color:var(--muted);margin:6px 0 0}.score-context{font-size:11px;text-align:right;color:var(--muted);max-width:170px}.system-map{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px;margin:25px 0 18px;position:relative}.map-node{position:relative;background:var(--surface);border:1px dashed #ccc;border-radius:8px;padding:14px;min-height:94px;transition:box-shadow .4s,transform .4s}.map-node.active{border:1px solid #d6dae4;box-shadow:0 4px 12px #00000004}.map-node.current{box-shadow:0 0 0 2px #2b59a522}.node-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.node-icon{width:25px;height:25px;color:#aaa}.active .node-icon{color:var(--azul)}.node-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.node-value{font-size:11px;color:var(--muted)}.map-node b{font-size:12px;font-weight:500}.node-meter{margin-top:8px;background:#eee;height:3px}.node-meter div{background:var(--gradient);height:100%;transition:width .5s}.map-node:nth-child(odd):after{content:'→';position:absolute;right:-16px;top:32px;color:#aaa;font-size:13px}.map-node:nth-child(2):after,.map-node:nth-child(4):after{content:'↓';position:absolute;left:45%;bottom:-23px;color:#aaa;font-size:13px}.legend{display:flex;gap:13px;color:var(--muted);font-size:9px}.legend span{display:flex;align-items:center;gap:5px}.legend i{height:6px;width:6px;border:1px solid #ccc;display:inline-block}.legend i.filled{background:var(--azul);border-color:var(--azul)}.system-insight{margin-top:22px;padding-top:15px;border-top:1px solid #ddd;font-size:12px;line-height:1.6;color:#555}.method{margin-top:28px;font-size:12px;color:var(--muted);max-width:830px}.method summary{cursor:pointer;padding:10px 0}.method p{margin-top:12px}.method details{line-height:1.8}.quiz-footer{max-width:1440px;margin:0 auto;padding:24px 48px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between}a{color:inherit;text-underline-offset:4px}#results{margin-top:40px;background:var(--ink);color:var(--surface);padding:40px;border-radius:8px}#results h2{font-size:34px;margin-bottom:15px}#results .eyebrow{color:#ccc}.result-lead{font-size:17px;max-width:800px;color:#ddd}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.result-card{padding:22px;background:#222;border:1px solid #444;border-radius:8px}.result-card span{font-size:11px;color:#bbb}.result-card h3{font-size:18px;font-weight:500;margin:8px 0 12px}.result-card p{font-size:13px;color:#ccc;margin-bottom:0}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-actions .primary{background:var(--surface);color:var(--ink);border-color:var(--surface)}.result-actions a{text-decoration:none}.profile-note{font-size:11px;color:#bbb;margin-top:22px;margin-bottom:0}.skip{position:fixed;left:20px;top:-60px;background:var(--surface);padding:10px;z-index:4}.skip:focus{top:12px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#2b59a5;color:var(--surface);padding:10px 20px;border-radius:6px;font-size:12px;display:none}[hidden]{display:none!important}@media(max-width:950px){header,main,.quiz-footer{padding-left:24px;padding-right:24px}.workspace{gap:20px;grid-template-columns:1fr 1fr}.question-panel,.system-panel{padding:22px}#question{font-size:23px}.brand-bars{margin-right:45px}.result-grid{grid-template-columns:1fr}}@media(max-width:700px){header{padding-top:14px;padding-bottom:14px;gap:15px}header img{width:135px}header span{display:none}header .text-button{font-size:10px}.intro{margin-bottom:26px}.intro h1{font-size:34px}.intro p:last-child{font-size:13px}.brand-bars{gap:14px;margin-right:0;height:104px;flex-shrink:0}.brand-bars i{width:7px}.eyebrow{font-size:8px;letter-spacing:0}.workspace{grid-template-columns:1fr}.question-panel{min-height:0}.system-panel{position:static}.system-head h2 br{display:none}.system-map{grid-template-columns:repeat(3,1fr);gap:10px}.map-node{padding:10px;min-height:100px}.map-node:after{display:none}.map-node b{font-size:10px}.legend{font-size:8px}#results{padding:25px}#results h2{font-size:28px}.quiz-footer{gap:20px;font-size:10px}.score{font-size:52px}.system-head .eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{header,.intro,.question-panel,.method,footer,.result-actions,.live,.save-note{display:none}.workspace{display:block}.system-panel{position:static;break-inside:avoid}#results{background:var(--surface);color:var(--ink);padding:20px 0}.result-lead,.result-card p,.profile-note{color:#333}.result-card{background:var(--surface);border:1px solid #ccc}.result-card span{color:#555}.quiz-main{padding:0}.result-grid{display:block}.result-card{margin-bottom:12px;break-inside:avoid}}

}
@scope (.marketing-quiz) {
.workspace{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
.question-panel,.system-panel,.intro>div{min-width:0}
.options,.option{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.workspace{grid-template-columns:minmax(0,1fr)}.question-top{gap:8px}.question-top span{font-size:10px}.intro{gap:12px}.intro h1{font-size:32px}.intro .text-button{max-width:90px;flex-shrink:0}.system-head{flex-wrap:wrap}.quiz-main{padding:32px 20px}.system-map{grid-template-columns:repeat(2,minmax(0,1fr))}}
#quiz-result{margin-top:22px;padding-top:20px;border-top:1px solid #ddd;outline:none}
#quiz-result .eyebrow{margin-bottom:10px}
#quiz-result h3{font-size:20px;font-weight:500;line-height:1.3;margin-bottom:10px}
.result-lead{font-size:13px;line-height:1.6;color:#555;margin-bottom:18px}
#quiz-result h4{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}
.result-stack{display:grid;gap:10px;margin-bottom:18px}
.result-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px}
.result-card span{font-size:10px;color:var(--muted)}
.result-card h4{font-size:13px;font-weight:600;margin:6px 0 6px;text-transform:none;letter-spacing:0;color:var(--ink)}
.result-card p{font-size:12px;color:#555;margin:0}
.result-actions{display:grid;gap:8px}
.result-actions .primary,.result-actions .secondary{width:100%;text-align:center;text-decoration:none;display:block}
.profile-note{font-size:10px;color:var(--muted);margin-top:14px;margin-bottom:0}

}