@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@font-face{font-family:Machina;src:local("PP Neue Machina"),local("PPNeueMachina-Light");font-weight:300;font-display:swap}@font-face{font-family:Machina;src:local("PP Neue Machina"),local("PPNeueMachina-Regular");font-weight:400;font-display:swap}@font-face{font-family:Machina;src:local("PP Neue Machina"),local("PPNeueMachina-Medium");font-weight:500;font-display:swap}@font-face{font-family:Machina;src:local("PP Neue Machina"),local("PPNeueMachina-Bold");font-weight:700;font-display:swap}:root{--void: #050508;--surface-1: #0a0a10;--surface-2: #0f0f18;--surface-3: #141420;--surface-elevated: #191928;--chrome: #4a7cc9;--chrome-bright: #6b9fe0;--chrome-pale: #8bb8f0;--chrome-dim: #2d5a9e;--chrome-ghost: rgba(74, 124, 201, .06);--chrome-glow: rgba(74, 124, 201, .12);--chrome-border: rgba(74, 124, 201, .18);--chrome-shine: rgba(107, 159, 224, .25);--text-1: #d8d5ce;--text-2: #85838a;--text-3: #4e4d56;--text-ghost: #2a2a35;--signal-red: #c45050;--signal-red-bg: rgba(196, 80, 80, .08);--signal-red-border: rgba(196, 80, 80, .2);--signal-amber: #b8942a;--signal-amber-bg: rgba(184, 148, 42, .08);--signal-amber-border: rgba(184, 148, 42, .2);--signal-green: #4a9e78;--signal-green-bg: rgba(74, 158, 120, .08);--signal-green-border: rgba(74, 158, 120, .2);--edge: rgba(255, 255, 255, .03);--edge-subtle: rgba(255, 255, 255, .06);--edge-visible: rgba(255, 255, 255, .1);--r: 4px;--r-lg: 8px;--font: "Machina", "Space Grotesk", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--ease: cubic-bezier(.16, 1, .3, 1);--speed: .2s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--void);color:var(--text-1);font-weight:300;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased;letter-spacing:.01em}::selection{background:#4a7cc940;color:var(--chrome-pale)}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--edge);background:#050508e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100}.header-tag{font-size:10px;font-weight:400;color:var(--text-3);letter-spacing:4px;text-transform:uppercase}.app-main{flex:1;max-width:680px;width:100%;margin:0 auto;padding:56px 24px 80px}.app-footer{height:40px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--edge);font-size:10px;color:var(--text-3);letter-spacing:1.5px;gap:24px}.chrome-line{height:1px;background:linear-gradient(90deg,transparent 0%,var(--chrome-dim) 30%,var(--chrome-bright) 50%,var(--chrome-dim) 70%,transparent 100%);opacity:.4}.chrome-accent{color:var(--chrome)}.chrome-text{color:var(--chrome-bright)}.chrome-glow-box{box-shadow:0 0 40px #4a7cc90f,inset 0 1px #6b9fe00d}h1{font-size:28px;font-weight:500;letter-spacing:-.03em;line-height:1.2}h2{font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:1.3}h3{font-size:15px;font-weight:500;letter-spacing:-.01em}.label-upper{font-size:9px;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(--chrome)}.mono{font-family:var(--font-mono);font-size:11px;color:var(--text-3);letter-spacing:.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border:1px solid var(--edge-subtle);border-radius:var(--r);background:transparent;color:var(--text-2);font-family:var(--font);font-size:12px;font-weight:400;letter-spacing:.03em;cursor:pointer;transition:all var(--speed) var(--ease);white-space:nowrap}.btn:hover{color:var(--text-1);border-color:var(--edge-visible);background:var(--surface-2)}.btn:active{transform:scale(.97)}.btn-chrome{background:linear-gradient(180deg,var(--chrome) 0%,var(--chrome-dim) 100%);border:1px solid var(--chrome);color:var(--void);font-weight:500;letter-spacing:.05em;text-transform:uppercase;font-size:11px}.btn-chrome:hover{background:linear-gradient(180deg,var(--chrome-bright) 0%,var(--chrome) 100%);border-color:var(--chrome-bright);color:var(--void);box-shadow:0 0 24px #4a7cc933}.btn-chrome:disabled{opacity:.2;cursor:not-allowed}.btn-chrome:disabled:hover{background:linear-gradient(180deg,var(--chrome) 0%,var(--chrome-dim) 100%);box-shadow:none}input[type=text],select{width:100%;height:44px;padding:0 16px;background:var(--surface-1);border:1px solid var(--edge-subtle);border-radius:var(--r);color:var(--text-1);font-family:var(--font);font-size:13px;font-weight:300;letter-spacing:.02em;outline:none;transition:all var(--speed) var(--ease)}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 4l3 3 3-3' fill='none' stroke='%234a7cc9' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}input[type=text]:hover,select:hover{border-color:var(--edge-visible)}input[type=text]:focus,select:focus{border-color:var(--chrome-dim);box-shadow:0 0 0 1px var(--chrome-border),0 0 20px #4a7cc90f}input[type=text]::placeholder{color:var(--text-3);font-weight:300}label{display:block;font-size:10px;font-weight:500;color:var(--text-3);margin-bottom:6px;letter-spacing:2px;text-transform:uppercase}select option{background:var(--surface-2);color:var(--text-1)}.answer-group{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:16px}.answer-btn{height:36px;border:1px solid var(--edge);border-radius:var(--r);background:var(--surface-1);color:var(--text-3);font-family:var(--font);font-size:11px;font-weight:400;letter-spacing:.05em;cursor:pointer;transition:all var(--speed) var(--ease);text-align:center;text-transform:uppercase}.answer-btn:hover{border-color:var(--edge-visible);color:var(--text-2)}.answer-btn.selected-yes{background:var(--signal-green-bg);border-color:var(--signal-green-border);color:var(--signal-green);box-shadow:inset 0 0 12px #4a9e780d}.answer-btn.selected-partial{background:var(--signal-amber-bg);border-color:var(--signal-amber-border);color:var(--signal-amber);box-shadow:inset 0 0 12px #b8942a0d}.answer-btn.selected-no{background:var(--signal-red-bg);border-color:var(--signal-red-border);color:var(--signal-red);box-shadow:inset 0 0 12px #c450500d}.answer-btn.selected-na{background:var(--surface-2);border-color:var(--edge-visible);color:var(--text-2)}.progress-bar{width:100%;height:2px;background:var(--edge-subtle);margin-bottom:32px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--chrome-dim) 0%,var(--chrome-bright) 60%,var(--chrome-pale) 100%);transition:width .5s var(--ease);box-shadow:0 0 8px #4a7cc94d}.progress-meta{display:flex;justify-content:space-between;margin-bottom:8px;font-size:10px;color:var(--text-3);letter-spacing:1px;text-transform:uppercase}.domain-nav{display:flex;gap:3px;margin-bottom:32px}.domain-pill{width:32px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);border:1px solid var(--edge);background:transparent;color:var(--text-3);font-family:var(--font);font-size:11px;font-weight:400;cursor:pointer;transition:all var(--speed) var(--ease)}.domain-pill:hover{border-color:var(--edge-visible);color:var(--text-2)}.domain-pill.active{border-color:var(--chrome-border);background:var(--chrome-ghost);color:var(--chrome);box-shadow:0 0 12px #4a7cc914}.domain-pill.complete{border-color:var(--signal-green-border);color:var(--signal-green)}.q-card{padding:20px 0;border-bottom:1px solid var(--edge);transition:border-color var(--speed) var(--ease)}.q-card:last-child{border-bottom:none}.q-card.answered{border-bottom-color:var(--edge-subtle)}.q-text-primary{font-size:14px;font-weight:400;line-height:1.55;margin-bottom:2px}.q-text-secondary{font-size:12px;color:var(--text-3);line-height:1.5;font-weight:300}.score-ring{width:200px;height:200px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 32px;position:relative;border:1px solid var(--edge-subtle);background:var(--surface-1)}.score-ring:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;pointer-events:none}.score-ring.compliant{border-color:var(--signal-green-border);box-shadow:0 0 80px #4a9e7814}.score-ring.partial{border-color:var(--signal-amber-border);box-shadow:0 0 80px #b8942a14}.score-ring.non_compliant{border-color:var(--signal-red-border);box-shadow:0 0 80px #c4505014}.score-number{font-size:56px;font-weight:300;line-height:1;letter-spacing:-3px}.score-unit{font-size:24px;font-weight:300;opacity:.5}.score-subtitle{font-size:11px;color:var(--text-3);margin-top:8px;letter-spacing:1px;text-transform:uppercase}.status-badge{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 14px;border-radius:14px;font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%}.status-badge.compliant{color:var(--signal-green);background:var(--signal-green-bg);border:1px solid var(--signal-green-border)}.status-badge.compliant:before{background:var(--signal-green)}.status-badge.partial{color:var(--signal-amber);background:var(--signal-amber-bg);border:1px solid var(--signal-amber-border)}.status-badge.partial:before{background:var(--signal-amber)}.status-badge.non_compliant{color:var(--signal-red);background:var(--signal-red-bg);border:1px solid var(--signal-red-border)}.status-badge.non_compliant:before{background:var(--signal-red)}.domain-bar{margin-bottom:16px}.domain-bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.domain-bar-name{font-size:12px;font-weight:400;color:var(--text-2)}.domain-bar-pct{font-size:12px;font-weight:500;letter-spacing:-.5px}.domain-bar-track{width:100%;height:3px;background:var(--edge-subtle);border-radius:1.5px;overflow:hidden}.domain-bar-fill{height:100%;border-radius:1.5px;transition:width .7s var(--ease)}.domain-bar-fill.good{background:linear-gradient(90deg,var(--signal-green) 0%,rgba(74,158,120,.4) 100%)}.domain-bar-fill.warn{background:linear-gradient(90deg,var(--signal-amber) 0%,rgba(184,148,42,.4) 100%)}.domain-bar-fill.bad{background:linear-gradient(90deg,var(--signal-red) 0%,rgba(196,80,80,.4) 100%)}.gap-item{padding:16px 20px 16px 18px;border-left:2px solid var(--signal-red);background:var(--surface-1);margin-bottom:6px;transition:background var(--speed) var(--ease)}.gap-item:hover{background:var(--surface-2)}.gap-item.w5{border-left-color:var(--signal-red)}.gap-item.w4{border-left-color:var(--signal-amber)}.gap-item.w3{border-left-color:var(--text-3)}.gap-question{font-size:13px;font-weight:400;margin-bottom:4px;line-height:1.5}.gap-en{font-size:11px;color:var(--text-3);margin-bottom:8px;font-weight:300}.gap-fix{font-size:12px;color:var(--text-2);line-height:1.6;font-weight:300}.gap-arrow{color:var(--chrome)}.gap-ref{font-size:9px;color:var(--text-3);margin-top:8px;letter-spacing:1px;text-transform:uppercase}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--edge);border:1px solid var(--edge);border-radius:var(--r);overflow:hidden;margin-bottom:32px}.stat-cell{background:var(--surface-1);padding:18px 16px;text-align:center}.stat-val{font-size:28px;font-weight:300;letter-spacing:-1px;line-height:1}.stat-lbl{font-size:9px;color:var(--text-3);margin-top:6px;letter-spacing:2px;text-transform:uppercase}.collapse-header{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--edge);cursor:pointer;transition:color var(--speed) var(--ease)}.collapse-header:hover{color:var(--chrome-bright)}.collapse-header h3{font-weight:400;font-size:13px}.collapse-arrow{font-size:10px;color:var(--text-3);transition:transform var(--speed) var(--ease)}.collapse-arrow.open{transform:rotate(180deg)}.collapse-body{overflow:hidden;transition:max-height .35s var(--ease)}.divider{height:1px;background:var(--edge);margin:32px 0}.divider-chrome{height:1px;background:linear-gradient(90deg,transparent 0%,var(--chrome-dim) 30%,var(--chrome) 50%,var(--chrome-dim) 70%,transparent 100%);opacity:.3;margin:32px 0}.fade-in{animation:fadeIn .4s var(--ease)}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-48{margin-top:48px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.text-center{text-align:center}@media (max-width: 640px){.app-header{padding:0 16px}.app-main{padding:40px 16px 64px}.answer-group{grid-template-columns:repeat(2,1fr)}.stats-row{grid-template-columns:1fr}h1{font-size:22px}.score-ring{width:160px;height:160px}.score-number{font-size:44px}.app-footer{flex-direction:column;height:auto;padding:16px;gap:4px}}@media print{body{background:#fff;color:#111}.app-header,.app-footer,.btn{display:none}.q-card,.gap-item{break-inside:avoid}.score-ring{border:2px solid #333}.chrome-line,.divider-chrome{display:none}}