:root{--snap-primary:#0f172a;--snap-accent:#2563eb;--snap-muted:#64748b;--snap-border:#e2e8f0;--snap-bg:#f8fafc;--snap-card:#ffffff;--snap-text:#0f172a;--snap-text-soft:#475569;--snap-green:#15803d;--snap-amber:#b45309;--snap-red:#b91c1c;--snap-radius:8px;--snap-shadow:0 1px 3px rgba(15,23,42,0.06),0 1px 2px rgba(15,23,42,0.04);}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--snap-text);background:var(--snap-bg);line-height:1.5;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--snap-accent);text-decoration:none;}
a:hover{text-decoration:underline;}
button{font-family:inherit;}
.snap-container{max-width:960px;margin:0 auto;padding:0 24px;}
.snap-header{background:var(--snap-card);border-bottom:1px solid var(--snap-border);padding:16px 0;position:sticky;top:0;z-index:100;}
.snap-header .snap-container{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.snap-logo{display:flex;align-items:center;}
.snap-logo img{height:28px;width:auto;}
.snap-nav{display:flex;align-items:center;gap:20px;}
.snap-nav-link{color:var(--snap-text-soft);font-weight:500;font-size:14px;}
.snap-nav-link:hover{color:var(--snap-text);text-decoration:none;}
.snap-main{padding:48px 0 96px;}
.snap-hero{text-align:center;margin-bottom:48px;}
.snap-hero h1{font-size:40px;font-weight:700;color:var(--snap-text);margin:0 0 16px;letter-spacing:-0.02em;}
.snap-subtitle{font-size:18px;color:var(--snap-text-soft);max-width:680px;margin:0 auto 12px;line-height:1.6;}
.snap-meta{font-size:13px;color:var(--snap-muted);margin:0;}
.snap-step{background:var(--snap-card);border:1px solid var(--snap-border);border-radius:var(--snap-radius);padding:32px;margin-bottom:24px;box-shadow:var(--snap-shadow);}
.snap-step-hidden{display:none;}
.snap-step-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;}
.snap-step-num{flex-shrink:0;width:36px;height:36px;background:var(--snap-primary);color:var(--snap-card);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;}
.snap-step-header h2{font-size:22px;font-weight:600;margin:0 0 4px;color:var(--snap-text);}
.snap-step-desc{font-size:14px;color:var(--snap-text-soft);margin:0;}
.snap-form-row{margin-bottom:16px;}
.snap-label{display:block;font-size:13px;font-weight:600;color:var(--snap-text);margin-bottom:6px;}
.snap-select,.snap-input{width:100%;padding:12px 14px;font-size:15px;border:1px solid var(--snap-border);border-radius:6px;background:var(--snap-card);color:var(--snap-text);font-family:inherit;transition:border-color 0.15s;}
.snap-select:focus,.snap-input:focus{outline:none;border-color:var(--snap-accent);box-shadow:0 0 0 3px rgba(37,99,235,0.1);}
.snap-input::placeholder{color:var(--snap-muted);}
.snap-hint{font-size:13px;color:var(--snap-muted);margin:6px 0 0;}
.snap-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap;}
.snap-btn-primary{background:var(--snap-primary);color:var(--snap-card);border:1px solid var(--snap-primary);padding:11px 24px;font-size:15px;font-weight:600;border-radius:6px;cursor:pointer;transition:all 0.15s;display:inline-block;text-decoration:none;}
.snap-btn-primary:hover{background:var(--snap-accent);border-color:var(--snap-accent);text-decoration:none;}
.snap-btn-primary:disabled{background:var(--snap-border);border-color:var(--snap-border);color:var(--snap-muted);cursor:not-allowed;}
.snap-btn-outline{background:var(--snap-card);color:var(--snap-text);border:1px solid var(--snap-border);padding:11px 24px;font-size:15px;font-weight:600;border-radius:6px;cursor:pointer;transition:all 0.15s;display:inline-block;text-decoration:none;}
.snap-btn-outline:hover{border-color:var(--snap-text);text-decoration:none;}
.snap-result{margin-top:32px;padding-top:32px;border-top:1px solid var(--snap-border);}
.snap-result h3{font-size:18px;font-weight:600;margin:0 0 20px;}
.snap-result-summary{display:flex;gap:32px;align-items:center;margin-bottom:24px;flex-wrap:wrap;}
.snap-grade-box{display:flex;flex-direction:column;align-items:center;padding:24px;border:1px solid var(--snap-border);border-radius:var(--snap-radius);min-width:140px;}
.snap-grade-letter{font-size:64px;font-weight:700;line-height:1;color:var(--snap-text);}
.snap-grade-large{font-size:96px;}
.snap-grade-letter.grade-a{color:var(--snap-green);}
.snap-grade-letter.grade-b{color:var(--snap-green);}
.snap-grade-letter.grade-c{color:var(--snap-amber);}
.snap-grade-letter.grade-d{color:var(--snap-red);}
.snap-grade-letter.grade-f{color:var(--snap-red);}
.snap-grade-score{font-size:14px;color:var(--snap-text-soft);margin-top:6px;}
.snap-headers-summary{flex:1;font-size:14px;color:var(--snap-text-soft);min-width:240px;}
.snap-progress-wrap{margin-bottom:20px;}
.snap-progress-label{display:flex;justify-content:space-between;font-size:13px;color:var(--snap-text-soft);margin-bottom:6px;}
.snap-progress-bar{height:6px;background:var(--snap-border);border-radius:3px;overflow:hidden;}
.snap-progress-fill{height:100%;background:var(--snap-accent);width:0;transition:width 0.3s;}
.snap-live-score{display:flex;justify-content:space-between;align-items:baseline;padding:14px 18px;background:var(--snap-bg);border-radius:6px;margin-bottom:20px;}
.snap-live-score-label{font-size:14px;color:var(--snap-text-soft);}
.snap-live-score-value{font-size:20px;font-weight:600;color:var(--snap-text);}
.snap-matrix-wrap{overflow-x:auto;margin-bottom:20px;}
.snap-matrix{width:100%;border-collapse:collapse;font-size:13px;}
.snap-matrix thead th{background:var(--snap-primary);color:var(--snap-card);padding:10px 8px;text-align:center;font-weight:600;font-size:12px;border:1px solid var(--snap-primary);}
.snap-matrix thead th.snap-matrix-component{text-align:left;width:200px;}
.snap-matrix td{padding:10px 8px;border:1px solid var(--snap-border);vertical-align:top;background:var(--snap-card);}
.snap-matrix td.snap-matrix-component{font-weight:600;color:var(--snap-text);background:var(--snap-bg);}
.snap-matrix td.snap-clickable{cursor:pointer;transition:background 0.15s;color:var(--snap-text-soft);line-height:1.4;}
.snap-matrix td.snap-clickable:hover{background:#f1f5f9;}
.snap-matrix td.snap-selected{background:var(--snap-primary);color:var(--snap-card);font-weight:500;}
.snap-matrix td.snap-selected:hover{background:var(--snap-primary);}
.snap-results-grid{display:flex;gap:32px;align-items:center;padding:32px;background:var(--snap-bg);border-radius:var(--snap-radius);margin-bottom:32px;flex-wrap:wrap;}
.snap-results-main{flex:1;text-align:center;min-width:260px;}
.snap-combined-score{font-size:24px;font-weight:600;margin:8px 0 4px;}
.snap-combined-label{font-size:14px;color:var(--snap-text-soft);}
.snap-results-side{display:flex;flex-direction:column;gap:16px;}
.snap-sub-score{padding:16px 24px;background:var(--snap-card);border-radius:6px;border:1px solid var(--snap-border);text-align:center;min-width:160px;}
.snap-sub-score-label{font-size:12px;font-weight:600;color:var(--snap-text-soft);text-transform:uppercase;letter-spacing:0.05em;}
.snap-sub-score-value{font-size:22px;font-weight:600;margin:4px 0;}
.snap-sub-score-grade{font-size:14px;color:var(--snap-text-soft);}
.snap-benchmark,.snap-gaps,.snap-roadmap-preview,.snap-pdf-gate,.snap-methodology,.snap-cta-block{margin-bottom:32px;padding:24px;border:1px solid var(--snap-border);border-radius:var(--snap-radius);background:var(--snap-card);}
.snap-benchmark h3,.snap-gaps h3,.snap-roadmap-preview h3,.snap-pdf-gate h3,.snap-methodology h3,.snap-cta-block h3{font-size:18px;font-weight:600;margin:0 0 16px;}
.snap-gaps-list{margin:0;padding-left:20px;}
.snap-gaps-list li{margin-bottom:10px;line-height:1.5;}
.snap-gap-meta{font-size:12px;color:var(--snap-muted);display:block;margin-top:2px;}
.snap-roadmap-preview ul{margin:8px 0 0;padding-left:20px;}
.snap-roadmap-preview li{margin-bottom:8px;color:var(--snap-text-soft);}
.snap-pdf-gate{background:var(--snap-bg);}
.snap-error{padding:10px 14px;background:#ffffff;color:var(--snap-red);border:1px solid var(--snap-red);border-radius:6px;font-size:14px;margin:12px 0;}
.snap-hidden{display:none;}
.snap-methodology p{font-size:14px;color:var(--snap-text-soft);margin:0 0 12px;line-height:1.6;}
.snap-cta-block{background:var(--snap-primary);color:var(--snap-card);border-color:var(--snap-primary);}
.snap-cta-block h3{color:var(--snap-card);}
.snap-cta-block p{color:var(--snap-card);opacity:0.85;margin:0 0 20px;}
.snap-cta-block .snap-btn-primary{background:var(--snap-card);color:var(--snap-primary);border-color:var(--snap-card);}
.snap-cta-block .snap-btn-primary:hover{background:var(--snap-bg);border-color:var(--snap-bg);}
.snap-cta-block .snap-btn-outline{background:transparent;color:var(--snap-card);border-color:var(--snap-card);}
.snap-cta-block .snap-btn-outline:hover{background:rgba(255,255,255,0.1);}
@media(max-width:768px){.snap-hero h1{font-size:28px;}.snap-subtitle{font-size:16px;}.snap-step{padding:20px;}.snap-grade-letter{font-size:48px;}.snap-grade-large{font-size:72px;}.snap-results-grid{gap:20px;padding:20px;}.snap-matrix{font-size:12px;}.snap-matrix thead th{font-size:11px;padding:8px 4px;}.snap-matrix td{padding:8px 4px;}.snap-nav{gap:12px;}.snap-nav-link:not(.snap-btn-primary){display:none;}}