.diag-quiz{--ds-section-pt:24px;--ds-section-pb:96px;grid-template-columns:minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (width>=768px){.diag-quiz{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}}.diag-aside{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.diag-aside{position:sticky;top:96px}}.diag-bands{border:1px solid var(--border-subtle);background:var(--surface-card);border-radius:16px;flex-direction:column;gap:12px;margin:0;padding:22px;list-style:none;display:flex}.diag-band{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}.diag-band__dot{background:var(--diag-band-tone);width:10px;height:10px;box-shadow:0 0 10px var(--diag-band-tone);border-radius:50%}.diag-band__title{color:var(--g-grey-800)}.diag-band__range{font-family:var(--font-mono);color:var(--text-subtle-on-white-aa);font-size:12px}.diag-band--alert{--diag-band-tone:var(--color-alert)}.diag-band--service{--diag-band-tone:var(--color-service)}.diag-band--google{--diag-band-tone:var(--color-google)}.diag-band--result{--diag-band-tone:var(--color-result)}.ds-glow.diag-after{--ds-icon-color:var(--color-result-strong);--ds-icon-aura:0 0 14px color-mix(in srgb,var(--color-result) 70%,transparent);border-color:color-mix(in srgb,var(--color-result) 30%,transparent);box-shadow:0 24px 50px -28px color-mix(in srgb,var(--color-result) 70%,transparent)}.diag-next{--ds-section-pt:0;--ds-section-pb:96px}.diag-next__grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;margin-top:40px;display:grid}.diag-faq{--ds-section-pt:0;--ds-section-pb:96px}.diag-faq__head{margin-bottom:32px}.quiz-band{--quiz-pad:clamp(24px,4vw,48px);--quiz-gutter:calc(52px + 24px + 8px - var(--container-pad) - 2px - var(--quiz-pad));--ds-band-pad:var(--quiz-pad)}.quiz-shell{flex-direction:column;gap:24px;display:flex}.quiz-progress{font-family:var(--font-mono);flex-direction:column;gap:8px;display:flex}.quiz-progress__label{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-subtle-on-white-aa);justify-content:space-between;font-size:11px;display:flex}.quiz-progress__track{background:var(--surface-muted);border-radius:4px;height:4px;overflow:hidden}.quiz-progress__fill{background:linear-gradient(90deg,var(--g-blue-500) 0 25%,var(--g-red-500) 25% 50%,var(--g-yellow-500) 50% 75%,var(--g-green-500) 75%);height:100%;transition:width var(--dur-medium) var(--ease-emphasized);border-radius:4px}.quiz-question{flex-direction:column;gap:20px;display:flex}.quiz-title{font-family:var(--font-display);letter-spacing:-.5px;text-wrap:balance;margin:0;font-size:clamp(24px,3.2vw,36px);font-weight:400;line-height:1.15}.quiz-title--result{font-size:clamp(24px,3vw,34px)}.quiz-title:focus-visible{border-radius:var(--radius-sm)}.quiz-options{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.quiz-option{border-radius:var(--radius-md);cursor:pointer;transition:box-shadow .25s;display:block;position:relative}.quiz-option:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-google) 50%,transparent),0 0 18px color-mix(in srgb,var(--color-google) 30%,transparent)}.quiz-option input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.quiz-option__card{box-sizing:border-box;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);width:100%;min-height:56px;transition:background var(--dur-short) var(--ease-standard);align-items:center;gap:14px;margin:1px;padding:12px 16px 12px 18px;display:flex}.quiz-option__card:hover{background:var(--surface-sunken)}.quiz-option__text{color:var(--text-strong);flex:1;font-size:16px;font-weight:500;line-height:normal}.quiz-option__radio{box-sizing:border-box;border:2px solid var(--g-grey-600);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.quiz-option__radio:after{content:"";background:0 0;border-radius:50%;width:10px;height:10px}.quiz-option input:checked+.quiz-option__card{border:2px solid var(--color-google-strong);background:var(--color-google-container);margin:0}.quiz-option input:checked+.quiz-option__card .quiz-option__radio{border-color:var(--color-google-strong)}.quiz-option input:checked+.quiz-option__card .quiz-option__radio:after{background:var(--color-google-strong)}.quiz-option input:focus-visible+.quiz-option__card{box-shadow:var(--ds-focus-ring)}.quiz-error{min-height:20px;color:var(--color-alert-strong);margin:0;font-size:14px}.quiz-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.quiz-actions--result{justify-content:flex-start;gap:10px}.quiz-note{color:var(--text-subtle-on-white-aa);margin:0;font-size:12px;line-height:16px}.quiz-result{flex-direction:column;gap:24px;display:flex}.quiz-result__summary{flex-wrap:wrap;align-items:center;gap:20px 28px;display:flex}.quiz-result__copy{flex-direction:column;flex:220px;gap:8px;min-width:0;display:flex}.quiz-lead{color:var(--text-muted);margin:0;font-size:15px;line-height:22px}.quiz-ring{flex:none;place-items:center;width:150px;height:150px;display:grid;position:relative}.quiz-ring__svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.quiz-ring__track{fill:none;stroke:var(--surface-muted);stroke-width:6px}.quiz-ring__arc{fill:none;stroke:var(--g-grey-500);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset 1.8s var(--ease-emphasized),stroke .4s}.quiz-ring__arc[data-tone=alert]{stroke:var(--color-alert);filter:drop-shadow(0 0 8px var(--color-alert))}.quiz-ring__arc[data-tone=service]{stroke:var(--color-service);filter:drop-shadow(0 0 8px var(--color-service))}.quiz-ring__arc[data-tone=google]{stroke:var(--color-google);filter:drop-shadow(0 0 8px var(--color-google))}.quiz-ring__arc[data-tone=result]{stroke:var(--color-result);filter:drop-shadow(0 0 8px var(--color-result))}.quiz-ring__center{text-align:center}.quiz-ring__value{font-family:var(--font-display);letter-spacing:-1.5px;color:var(--text-strong);font-size:44px;line-height:1;display:block}.quiz-ring__caption{font-family:var(--font-mono);letter-spacing:1.2px;color:var(--text-muted);margin-top:4px;font-size:10px;display:block}.quiz-findings{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;display:grid}.quiz-finding{border:1px solid var(--quiz-finding-edge);box-shadow:0 24px 50px -28px var(--quiz-finding-glow);border-radius:16px;padding:20px}.quiz-finding--service{--quiz-finding-edge:color-mix(in srgb,var(--color-service) 40%,transparent);--quiz-finding-glow:color-mix(in srgb,var(--color-service) 70%,transparent)}.quiz-finding--google{--quiz-finding-edge:color-mix(in srgb,var(--color-google) 35%,transparent);--quiz-finding-glow:color-mix(in srgb,var(--color-google) 70%,transparent)}.quiz-finding__title{font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:400}.quiz-finding--service .quiz-finding__title{color:var(--color-on-service-container)}.quiz-finding--google .quiz-finding__title{color:var(--color-on-google-container)}.quiz-finding ul{color:var(--g-grey-800);flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:14px;line-height:20px;list-style:outside;display:flex}.quiz-copy[data-copy=copied]{--ds-btn-bd:var(--color-result);--ds-btn-fg:var(--color-result-strong)}.quiz-context{border-top:1px solid var(--border-subtle);padding-top:20px}.quiz-context summary{color:var(--color-google-strong);cursor:pointer;padding-block:10px;font-weight:500}.quiz-context>p{color:var(--text-muted);margin:0;font-size:14px;line-height:20px}.quiz-context__grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.quiz-context label{color:var(--text-muted);gap:6px;font-size:14px;line-height:20px;display:grid}.quiz-context input,.quiz-context select,.quiz-context textarea{box-sizing:border-box;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);width:100%;color:var(--text-strong);font:inherit;padding:12px 14px}.quiz-context ::placeholder{color:var(--text-subtle-on-white-aa)}.quiz-context__wide{grid-column:1/-1}@media (width<=767px){.quiz-options,.quiz-actions,.quiz-note{padding-right:var(--quiz-gutter)}.quiz-context__grid{grid-template-columns:1fr}.quiz-context__wide{grid-column:auto}}@media (width<=360px){.quiz-actions--result .ds-magnet{max-width:100%}.quiz-actions--result .ds-btn{white-space:normal;text-align:left;max-width:100%;height:auto;min-height:40px;padding-block:8px;line-height:1.25}}@media (prefers-reduced-motion:reduce){.quiz-progress__fill,.quiz-ring__arc,.quiz-option,.quiz-option__card{transition:none}}.diag-hero{text-align:center;padding:80px 24px 40px;position:relative;overflow:hidden}.diag-hero .diag-hero__halo{width:900px;height:600px;top:0;left:50%;transform:translate(-50%)}.diag-hero__content{z-index:1;flex-direction:column;align-items:center;gap:20px;max-width:820px;margin:0 auto;display:flex;position:relative}.diag-hero__title{font-family:var(--font-display);letter-spacing:-1.5px;text-wrap:balance;margin:0;font-size:clamp(36px,5.4vw,64px);font-weight:400;line-height:1.05}.diag-hero__lead{max-width:600px;color:var(--text-muted);text-wrap:pretty;margin:0;font-size:17px;line-height:26px}.radar-hero{z-index:0;aspect-ratio:1;opacity:.6;pointer-events:none;-webkit-mask-composite:source-in;height:100%;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 70%),linear-gradient(#000 140px,#0000 230px);mask-image:radial-gradient(circle,#000 40%,#0000 70%),linear-gradient(#000 140px,#0000 230px);mask-composite:intersect}.radar-hero canvas{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.radar-hero[data-webgl=ready] canvas{opacity:1}.radar-hero__fallback{--radar-line:color-mix(in srgb,var(--brand-logo-blue) 34%,transparent);background:conic-gradient(from 60deg at 50% 50%,transparent 0deg,color-mix(in srgb,var(--brand-logo-blue) 9%,transparent) 60deg,transparent 140deg), repeating-radial-gradient(circle at 50% 50%,transparent 0,transparent 59px,var(--radar-line) 59px,var(--radar-line) 60px), repeating-conic-gradient(from 0deg at 50% 50%,var(--radar-line) 0deg,var(--radar-line) .3deg,transparent .3deg,transparent 90deg);transition:opacity .6s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0,#0000 100%);mask-image:radial-gradient(circle,#000 0,#0000 100%)}.radar-hero[data-webgl=ready] .radar-hero__fallback{opacity:0}