.diag-screen,.diag-option,.diag-seg,.diag-result-badge,.diag-shift,.diag-exercise,.diag-remember,.diag-step,.diag-offer,.diag-final-quote,.diag-bg{will-change:transform,opacity}.diag-bg{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}#diag-canvas{width:100%;height:100%;display:block}.diag{position:relative;background:var(--color-bg-alt);min-height:calc(100vh - 200px);padding:48px 20px 80px;overflow:hidden}.diag-inner{position:relative;z-index:2;max-width:540px;margin:0 auto}.diag-brandbar{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;padding:0 4px}.diag-brand{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--color-heading)}.diag-brandtag{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.diag-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:36px 28px 40px;box-shadow:var(--shadow-medium);position:relative;overflow:hidden;max-width:100%}.diag-screen{display:none}.diag-screen-active{display:block}.diag-word{display:inline-block;opacity:1;transform:translateY(0)}.diag-eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-primary);margin-bottom:16px}.diag-h1{font-size:clamp(32px,7.5vw,44px);font-weight:800;color:var(--color-heading);line-height:1.05;letter-spacing:-.02em;margin:0;word-wrap:break-word;overflow-wrap:break-word}.diag-accent{color:var(--color-primary)}.diag-hero-q{margin-top:18px;font-weight:700;font-size:clamp(18px,4.5vw,22px);line-height:1.35;color:var(--color-heading)}.diag-hero-desc{margin-top:14px;font-size:16px;line-height:1.65;color:var(--color-text)}.diag-hero-desc strong{color:var(--color-heading)}.diag-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.diag-chip{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--color-heading);background:var(--color-bg-alt);border:1px solid var(--color-border);padding:6px 12px;border-radius:100px}.diag-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.diag-skill{text-align:center;padding:12px 6px;border-radius:var(--radius);background:var(--color-bg-alt);border:1px solid var(--color-border);font-size:12px;color:var(--color-text);font-weight:600}.diag-skill-ic{display:block;font-size:18px;margin-bottom:4px}.diag-example{margin-top:22px;background:var(--color-bg-alt);border-left:3px solid var(--color-primary);border-radius:var(--radius);padding:14px 18px}.diag-example-cue{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.diag-example-line{margin-top:6px;font-style:italic;font-size:15px;color:var(--color-heading);line-height:1.5}.diag-example-tag{display:inline-block;margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary)}.diag-intro-note{margin-top:22px;font-size:14px;line-height:1.65;color:var(--color-text)}.diag-intro-note strong{color:var(--color-heading)}.diag-cta{width:100%;margin-top:24px;padding:18px 20px;font-size:16px}.diag-cta-block{margin-top:22px}.diag-chrome{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.diag-chrome[hidden]{display:none}.diag-back{width:36px;height:36px;flex:none;border-radius:50%;border:1px solid var(--color-border);background:var(--color-white);color:var(--color-heading);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:inherit}.diag-back:hover{border-color:var(--color-primary);color:var(--color-primary)}.diag-progress-track{flex:1;display:flex;gap:4px}.diag-seg{height:5px;flex:1;border-radius:3px;background:var(--color-border);transition:background-color .28s ease}.diag-seg-filled{background:var(--color-primary)!important}.diag-progress-count{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--color-text-muted);white-space:nowrap}.diag-q-part{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--color-primary);margin-bottom:18px}.diag-q-setup{font-size:14px;color:var(--color-text);margin-bottom:6px}.diag-q-quote{font-size:18px;color:var(--color-heading);font-weight:600;padding:4px 0 14px;border-bottom:1px solid var(--color-border);margin-bottom:16px;line-height:1.4}.diag-q-ask{font-weight:700;font-size:clamp(18px,4.5vw,22px);line-height:1.35;color:var(--color-heading)}.diag-options{margin-top:24px;display:flex;flex-direction:column;gap:12px}.diag-option{display:flex;align-items:flex-start;gap:14px;width:100%;text-align:left;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:16px;min-height:64px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;font-family:inherit;transform-style:preserve-3d}.diag-option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-soft)}.diag-option-letter{flex:none;width:28px;height:28px;border-radius:8px;background:var(--color-bg-alt);color:var(--color-text);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.diag-option-text{font-size:15px;line-height:1.5;color:var(--color-heading);padding-top:2px}.diag-option-selected{background:var(--color-primary);border-color:var(--color-primary)}.diag-option-selected .diag-option-letter{background:var(--color-white);color:var(--color-primary)}.diag-option-selected .diag-option-text{color:var(--color-white);font-weight:600}.diag-retake{display:inline-block;margin-bottom:20px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.diag-retake:hover{color:var(--color-primary)}.diag-result-panel{display:none}.diag-result-panel.diag-result-active{display:block}.diag-result-badge{width:72px;height:72px;border-radius:var(--radius-lg);background:var(--color-bg-alt);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:18px}.diag-result-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.diag-result-title{font-size:clamp(32px,7vw,40px);font-weight:800;line-height:1.05;color:var(--color-primary);margin:0;letter-spacing:-.02em}.diag-result-body{margin-top:18px}.diag-result-body p{color:var(--color-text);font-size:16px;line-height:1.7;margin-top:14px}.diag-result-body strong{color:var(--color-heading)}.diag-shift{margin-top:28px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:22px 22px 24px}.diag-shift-label{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:14px}.diag-shift-from{font-size:17px;color:var(--color-text-muted);text-decoration:line-through;text-decoration-thickness:1.5px}.diag-shift-arrow{color:var(--color-text-muted);margin:8px 0;font-size:14px}.diag-shift-to{font-weight:800;font-size:18px;color:var(--color-primary)}.diag-exercise{margin-top:20px;border-left:3px solid var(--color-primary);padding:4px 0 4px 18px}.diag-exercise-label{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--color-primary);margin-bottom:10px}.diag-exercise p{color:var(--color-text);font-size:15px;line-height:1.65;margin-top:8px}.diag-exercise-quote{font-weight:700;color:var(--color-heading)!important;font-size:16px!important}.diag-remember{margin-top:24px;padding:18px 22px;background:var(--color-dark);border-radius:var(--radius-lg);font-size:15px;line-height:1.6;color:var(--color-white);font-weight:600}.diag-remember:before{content:"“";color:var(--color-primary);font-size:28px;line-height:0;display:inline-block;vertical-align:-6px;margin-right:4px;font-weight:800}.diag-divider{height:1px;background:var(--color-border);margin:40px 0}.diag-bridge-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:12px}.diag-bridge-title{font-size:clamp(24px,5vw,30px);font-weight:800;color:var(--color-heading);line-height:1.15;margin:0;letter-spacing:-.01em}.diag-bridge-body{margin-top:14px;color:var(--color-text);font-size:16px;line-height:1.7}.diag-bridge-contrast{margin-top:18px;font-size:18px;font-weight:600;line-height:1.5}.diag-bridge-no{color:var(--color-text-muted);text-decoration:line-through;text-decoration-thickness:1.5px}.diag-bridge-yes{color:var(--color-primary);font-weight:800;font-size:20px}.diag-steps{margin-top:26px;display:flex;flex-direction:column}.diag-step{display:flex;gap:14px;align-items:flex-start;padding:12px 0}.diag-step-num{flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-white);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--color-text);transition:all .2s ease}.diag-step-last .diag-step-num{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.diag-step-name{font-weight:800;font-size:14px;color:var(--color-heading);letter-spacing:.02em}.diag-step-desc{font-size:14px;color:var(--color-text);margin-top:2px;line-height:1.5}.diag-step-connector{width:1px;height:12px;background:var(--color-border);margin-left:16px}.diag-offer{margin-top:36px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px 24px}.diag-offer-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--color-text-muted)}.diag-offer-title{font-size:clamp(28px,6vw,34px);font-weight:800;color:var(--color-heading);margin:10px 0 0;letter-spacing:-.01em}.diag-offer-skills{margin-top:18px;display:flex;flex-direction:column;gap:10px}.diag-offer-skill{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--color-heading);font-weight:500}.diag-offer-check{color:var(--color-primary);font-weight:800}.diag-final-quote{margin-top:36px;text-align:center;font-size:clamp(22px,5vw,26px);font-weight:800;line-height:1.3;color:var(--color-heading)}.diag-footer-mark{margin-top:32px;text-align:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.diag-footer-mark strong{color:var(--color-heading);font-weight:700}.diag-bridge-teams{margin-top:28px;padding:22px 24px;text-align:center;background:var(--color-bg-alt, #f8f7f5);border:1px solid var(--color-border, #e5e7eb);border-radius:14px}.diag-bridge-teams-text{font-size:14px;line-height:1.6;color:var(--color-text, #4a5568);margin-bottom:12px}.diag-bridge-teams-text strong{color:var(--color-heading, #0d1a1f)}.diag-bridge-teams-link{display:inline-block;font-size:14px;font-weight:700;color:var(--color-primary, #253a36);border-bottom:2px solid var(--color-primary-border, rgba(37, 58, 54, .25));padding-bottom:2px;transition:border-color .2s ease}.diag-bridge-teams-link:hover{border-color:var(--color-primary, #253a36)}@media(max-width:540px){.diag{padding:24px 14px 60px}.diag-card{padding:28px 22px 32px}.diag-brandbar{flex-direction:column;align-items:flex-start;gap:4px}.diag-skills{grid-template-columns:1fr}.diag-h1{font-size:32px;line-height:1.05}.diag-hero-q{font-size:18px}.diag-result-title{font-size:30px}.diag-offer-title{font-size:26px}.diag-final-quote{font-size:21px}.diag-chrome{flex-wrap:wrap}.diag-progress-count{font-size:10px}.diag-option{padding:14px;min-height:56px}.diag-option-text{font-size:14px}}