:root{--diag-bg:#0a1410;--diag-bg-card:oklch(.15 .02 160 / .85);--diag-bg-elev:#12241d;--diag-text:#ffffff;--diag-text-muted:#8a9a94;--diag-border:oklch(.72 .19 155 / .08);--diag-border-strong:oklch(.72 .19 155 / .12);--diag-green:#00d563;--diag-green-glow:rgba(0, 213, 99, .25);--diag-purple:#b76aff;--diag-amber:#f5a623}.btn{--_btn-bg:var(--primary);--_btn-color:var(--primary-foreground);--_btn-border:transparent;--_btn-px:2rem;--_btn-py:.75rem;--_btn-font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--_btn-bg);color:var(--_btn-color);border:1px solid var(--_btn-border);padding:var(--_btn-py) var(--_btn-px);font-size:var(--_btn-font-size);font-family:var(--font-body);font-weight:600;line-height:1;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all .2s}.btn:hover{filter:brightness(1.1)}.btn--primary{--_btn-bg:var(--primary);--_btn-color:var(--primary-foreground)}.btn--outline{--_btn-bg:transparent;--_btn-color:var(--foreground);--_btn-border:var(--border)}.btn--outline:hover{background:var(--surface-hover);border-color:var(--muted-foreground)}.btn--ghost{--_btn-bg:transparent;--_btn-color:var(--foreground);--_btn-border:transparent}.btn--ghost:hover{background:var(--surface-hover)}.btn--large{--_btn-px:2.5rem;--_btn-py:1rem;--_btn-font-size:1.125rem}.btn--pill{border-radius:var(--radius-full)}.diag-card-number{font-family:var(--font-display);font-weight:300;font-size:var(--text-subhead);color:var(--primary);line-height:1;opacity:.3;min-width:2rem;text-align:center;transition:opacity var(--duration-normal) var(--ease-out),text-shadow var(--duration-normal) var(--ease-out)}@media (min-width:1024px){.diag-card-number{font-size:var(--text-heading)}}.diagnostic-container{max-width:900px;margin:0 auto;padding:64px 48px 100px;min-height:80vh}.diag-restart-wrapper{display:flex;justify-content:center;align-items:center;width:100%;margin-top:64px;padding-top:40px;border-top:1px dashed var(--diag-border)}.diag-btn-restart{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 28px;background:var(--diag-bg-elev);border:1px solid var(--diag-border-strong);border-radius:999px;color:var(--diag-text);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.diag-btn-restart:hover{border-color:var(--primary);color:var(--primary);background:var(--glow-faint);transform:translateY(-2px)}.diag-btn-restart svg{color:var(--diag-text-muted);transition:all .4s ease}.diag-btn-restart:hover svg{transform:rotate(-180deg);color:var(--primary)}.diag-progress-wrapper{margin-bottom:48px}.diag-progress-info{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--diag-text-muted);text-transform:uppercase;letter-spacing:.1em}.diag-progress-info strong{color:var(--primary)}.diag-progress-bar{height:4px;background:var(--diag-border);border-radius:2px;overflow:hidden}.diag-progress-fill{height:100%;background:var(--primary);box-shadow:0 0 12px var(--glow-soft);transition:width .4s ease;width:0%}.diag-question{background:var(--diag-bg-card);border:1px solid var(--diag-border);border-radius:1rem;padding:56px 48px;margin-bottom:32px;display:none;-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);transition:all var(--duration-fast) var(--ease-out)}.diag-question.active{display:block;animation:diagFadeIn .4s ease}.diag-question:hover{border-color:oklch(.72 .19 155/.2);background:#040e08f2}.diag-question:hover .diag-card-number{opacity:1;text-shadow:0 0 20px var(--glow-strong),0 0 40px var(--glow-soft)}.diag-card-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.diag-category-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--diag-border-strong);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--primary);text-transform:uppercase;letter-spacing:.12em}.diag-question h2{font-size:32px;line-height:1.2;margin-bottom:32px;letter-spacing:-.02em;color:var(--diag-text)}.diag-options{display:flex;flex-direction:column;gap:12px}.diag-option{padding:20px 24px;background:var(--diag-bg-elev);border:1px solid var(--diag-border);border-radius:16px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:16px;color:var(--diag-text);display:flex;align-items:center;gap:16px;position:relative;overflow:hidden}.diag-option:hover{border-color:var(--diag-text-muted);transform:translate(4px);background:#ffffff08}.diag-option.selected{border-color:var(--primary);background:var(--glow-faint);box-shadow:0 0 20px var(--glow-whisper)}.diag-option-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--diag-text-muted);flex-shrink:0;position:relative;transition:all .2s}.diag-option.selected .diag-option-radio{border-color:var(--primary);background:var(--primary)}.diag-option.selected .diag-option-radio:after{content:"";position:absolute;inset:4px;background:var(--diag-bg-elev);border-radius:50%}.diag-nav{display:flex;justify-content:space-between;align-items:center;gap:16px}.diag-back,.diag-next{min-width:160px}.diag-back:disabled,.diag-next:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.diag-results{display:none}.diag-results.active{display:block;animation:diagFadeIn .6s ease both}.diag-results-header{text-align:center;margin-bottom:48px}.diag-results-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--diag-border-strong);border-radius:999px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px}.diag-results-tag:before{content:"✓";color:var(--primary)}.diag-results-header h2{font-size:clamp(32px,5vw,48px);line-height:1.1;margin-bottom:16px;color:var(--diag-text)}.diag-results-header h2 em{color:var(--primary);font-style:italic}.diag-results-header p{font-size:17px;color:var(--diag-text-muted);max-width:540px;margin:0 auto;line-height:1.6}.diag-objective{padding:24px 32px;background:var(--diag-bg-card);border:1px solid var(--diag-border-strong);border-radius:20px;margin-bottom:32px;display:flex;align-items:center;gap:24px;box-shadow:0 4px 20px #00000026}.diag-objective-icon{width:56px;height:56px;border-radius:16px;background:var(--glow-faint);border:1px solid var(--diag-border-strong);color:var(--primary);display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-style:italic;font-size:24px;flex-shrink:0}.diag-objective-label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--primary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.diag-objective-content h4{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:4px;line-height:1.2;color:var(--diag-text)}.diag-objective-content p{font-size:14px;color:var(--diag-text-muted);line-height:1.5;margin:0}.diag-gauges-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px}.diag-gauge-card{padding:32px 28px;background:var(--diag-bg-card);border:1px solid var(--diag-border);border-radius:20px;text-align:center;transition:border-color .3s ease}.diag-gauge-card:hover{border-color:var(--diag-border-strong)}.diag-gauge-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.diag-gauge-icon{width:28px;height:28px;border-radius:50%;border:1px solid var(--diag-border-strong);background:var(--glow-faint);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px}.diag-gauge-label{font-size:14px;color:var(--diag-text-muted);font-weight:500;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.diag-gauge-svg{width:200px;height:110px;margin:0 auto 16px}.diag-gauge-result{font-family:var(--font-display);font-size:24px;font-weight:600;color:var(--diag-text);margin-bottom:12px;line-height:1.1}.diag-gauge-desc{font-size:14px;color:var(--diag-text-muted);line-height:1.6;max-width:280px;margin:0 auto}.diag-experience-bar-wrapper{max-width:320px;margin:20px auto;position:relative}.diag-experience-percent{text-align:right;font-family:JetBrains Mono,monospace;font-size:16px;color:var(--primary);font-weight:600;margin-bottom:10px}.diag-experience-bar-bg{height:12px;background:var(--diag-border);border-radius:6px;overflow:hidden}.diag-experience-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#5dd9b8 100%);border-radius:6px;box-shadow:0 0 12px var(--glow-soft)}.diag-recommendation{padding:48px;background:linear-gradient(135deg,var(--diag-bg-card),var(--glow-whisper));border:1px solid var(--primary);border-radius:32px;margin-bottom:32px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0000004d}.diag-recommendation:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:100%;background:radial-gradient(circle,var(--glow-medium) 0%,transparent 60%);pointer-events:none}.diag-rec-eyebrow{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--primary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px;position:relative}.diag-rec-title{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);line-height:1.1;margin-bottom:20px;letter-spacing:-.02em;position:relative;color:var(--diag-text)}.diag-rec-title em{color:var(--primary);font-style:italic}.diag-rec-desc{font-size:17px;color:var(--diag-text-muted);line-height:1.7;margin-bottom:32px;position:relative;max-width:650px}.diag-rec-product{display:grid;grid-template-columns:1fr auto;gap:32px;padding:32px;background:#050f0a99;border:1px solid var(--diag-border-strong);border-radius:20px;align-items:center;margin-bottom:32px;position:relative;backdrop-filter:blur(8px)}.diag-rec-product-name{font-family:var(--font-display);font-size:28px;font-weight:600;margin-bottom:8px;letter-spacing:-.01em;color:var(--diag-text)}.diag-rec-product-meta{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--primary);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.diag-rec-product-metrics{display:flex;gap:32px;font-family:JetBrains Mono,monospace;font-size:14px}.diag-rec-product-metrics span{color:var(--diag-text-muted)}.diag-rec-product-metrics strong{color:var(--diag-text);margin-left:6px}.diag-rec-product-metrics .positive{color:var(--diag-green)}.diag-rec-product-metrics .negative{color:var(--diag-amber)}.diag-rec-actions{display:flex;gap:20px;flex-wrap:wrap;position:relative}.diag-recommendation.no-product{background:linear-gradient(135deg,var(--diag-bg-card),rgba(245,166,35,.06));border-color:var(--diag-amber)}.diag-recommendation.no-product:before{background:radial-gradient(circle,rgba(245,166,35,.1)0,transparent 60%)}.diag-recommendation.no-product .diag-rec-eyebrow,.diag-recommendation.no-product .diag-rec-title em{color:var(--diag-amber)}.diag-alternatives-title{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--diag-text-muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px}.diag-alternatives{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.diag-alt-card{padding:24px;background:var(--diag-bg-card);border:1px solid var(--diag-border);border-radius:20px;text-decoration:none;color:inherit;transition:all .3s ease;cursor:pointer}.diag-alt-card:hover{border-color:var(--diag-green);transform:translateY(-4px);background:var(--diag-bg-elev);box-shadow:0 8px 24px #0003}.diag-alt-name{font-family:var(--font-display);font-size:20px;font-weight:600;margin-bottom:8px;color:var(--diag-text)}.diag-alt-meta{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--diag-text-muted);line-height:1.5}@media (max-width:768px){.diagnostic-container{padding:32px 20px 64px}.diag-question{padding:40px 24px;border-radius:20px}.diag-question h2{font-size:26px}.diag-gauges-grid{grid-template-columns:1fr}.diag-recommendation{padding:32px 24px}.diag-rec-product{grid-template-columns:1fr;gap:24px;padding:24px}.diag-alternatives{grid-template-columns:1fr}.diag-objective{flex-direction:column;text-align:center;gap:16px;padding:32px 24px}.diag-rec-product-metrics{flex-direction:column;gap:12px}.diag-rec-actions .btn{width:100%;justify-content:center}}