:root{--signal-white: #FFFFFF;--vapor-grey: #F5F5F7;--vapor-grey-dark: #E2E2E5;--tungsten: #1D1D1F;--tungsten-light: #86868B;--kernel-orange: #FF5500;--kernel-orange-hover: #E34A00;--kernel-orange-glow: rgba(255, 85, 0, .15);--text-primary: var(--tungsten);--text-secondary: #424245;--text-muted: #86868B;--success: #34C759;--warning: #FFCC00;--background: var(--signal-white);--surface: var(--vapor-grey);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--container-max: 900px;--nav-height: 72px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--background);overflow-x:hidden}.mono{font-family:var(--font-mono);font-size:.85em;letter-spacing:-.01em}a{color:inherit;text-decoration:none}.hidden{display:none!important}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--vapor-grey-dark);z-index:1000}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)}.logo{display:flex;align-items:center;gap:var(--space-sm)}.logo-mark{width:32px;height:32px;color:var(--tungsten)}.logo-text{font-family:var(--font-mono);font-size:.875rem;font-weight:500;letter-spacing:.15em;color:var(--tungsten)}.nav-status{color:var(--kernel-orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 1.5rem;font-family:var(--font-primary);font-size:.9375rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--kernel-orange);color:var(--signal-white)}.btn-primary:hover:not(:disabled){background:var(--kernel-orange-hover);transform:translateY(-2px);box-shadow:0 8px 24px var(--kernel-orange-glow)}.btn-secondary{background:var(--vapor-grey);color:var(--tungsten);border:1px solid var(--vapor-grey-dark)}.btn-secondary:hover:not(:disabled){background:var(--vapor-grey-dark);transform:translateY(-2px)}.btn-large{padding:1rem 2rem;font-size:1rem}.main{padding-top:calc(var(--nav-height) + var(--space-2xl));min-height:100vh}.progress-container{max-width:var(--container-max);margin:0 auto var(--space-3xl);padding:0 var(--space-xl)}.progress-bar{height:4px;background:var(--vapor-grey);border-radius:2px;overflow:hidden;margin-bottom:var(--space-lg)}.progress-fill{height:100%;background:var(--kernel-orange);border-radius:2px;width:25%;transition:width var(--duration-slow) var(--ease-out)}.progress-steps{display:flex;justify-content:space-between}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);opacity:.4;transition:opacity var(--duration-normal) var(--ease-out)}.progress-step.active,.progress-step.completed{opacity:1}.step-number{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.progress-step.active .step-number{color:var(--kernel-orange)}.progress-step.completed .step-number{color:var(--success)}.step-label{font-size:.8125rem;color:var(--text-secondary)}.step{display:none;animation:fadeIn .5s var(--ease-out)}.step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl) 6rem}.step-header{text-align:center;margin-bottom:var(--space-3xl)}.section-tag{display:inline-block;color:var(--kernel-orange);margin-bottom:var(--space-md)}.step-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;margin-bottom:var(--space-sm)}.step-subtitle{font-size:1.0625rem;color:var(--text-secondary)}.step-actions{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-3xl)}.scan-visual{position:relative;width:200px;height:200px;margin:0 auto var(--space-2xl)}.scan-ring{position:absolute;border:1px solid var(--kernel-orange);border-radius:50%;opacity:0}.scan-ring-1{top:30%;right:30%;bottom:30%;left:30%;animation:scanPulse 2s ease-out infinite}.scan-ring-2{top:15%;right:15%;bottom:15%;left:15%;animation:scanPulse 2s ease-out .5s infinite}.scan-ring-3{top:0;right:0;bottom:0;left:0;animation:scanPulse 2s ease-out 1s infinite}@keyframes scanPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.2);opacity:0}}.scan-core{position:absolute;top:35%;right:35%;bottom:35%;left:35%;display:flex;align-items:center;justify-content:center;background:var(--vapor-grey);border-radius:50%}.scan-core svg{width:40px;height:40px;color:var(--kernel-orange)}.scan-log{max-width:600px;margin:0 auto var(--space-2xl);padding:var(--space-lg);background:var(--surface);border-radius:12px;max-height:200px;overflow-y:auto;border:1px solid var(--vapor-grey-dark)}.log-line{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.log-line:last-child{margin-bottom:0}.log-timestamp{color:var(--text-muted);flex-shrink:0}.log-message{color:var(--text-primary)}.log-message.success{color:var(--success)}.log-message.highlight{color:var(--kernel-orange)}.scan-results{max-width:600px;margin:0 auto;padding:var(--space-xl);background:var(--vapor-grey);border-radius:12px}.results-title{color:var(--text-secondary);margin-bottom:var(--space-lg)}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.result-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--signal-white);border-radius:8px}.result-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.result-value{font-weight:500;color:var(--tungsten)}.verify-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-sm);color:var(--text-secondary);text-transform:lowercase}.form-input{width:100%;padding:.875rem 1rem;font-family:var(--font-primary);font-size:1rem;color:var(--tungsten);background:var(--vapor-grey);border:1px solid var(--vapor-grey-dark);border-radius:8px;transition:all var(--duration-fast) var(--ease-out)}.form-input:focus{outline:none;border-color:var(--kernel-orange);box-shadow:0 0 0 3px var(--kernel-orange-glow)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%236E6E73' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.questionnaire{max-width:700px;margin:0 auto}.question{display:none;animation:fadeIn .4s var(--ease-out)}.question.active{display:block}.question-number{color:var(--kernel-orange);margin-bottom:var(--space-md)}.question-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-lg)}.question-hint{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.9375rem}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.options-grid-3{grid-template-columns:repeat(3,1fr)}.options-grid-2{grid-template-columns:repeat(2,1fr)}.option-card{cursor:pointer}.option-card input{display:none}.option-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl);background:var(--vapor-grey);border:2px solid transparent;border-radius:12px;transition:all var(--duration-fast) var(--ease-out)}.option-card:hover .option-content{border-color:var(--vapor-grey-dark);transform:translateY(-2px)}.option-card input:checked+.option-content{border-color:var(--kernel-orange);background:var(--signal-white);box-shadow:0 4px 20px var(--kernel-orange-glow)}.option-icon{font-size:2rem;margin-bottom:var(--space-md)}.option-label{font-weight:600;margin-bottom:var(--space-xs)}.option-desc{font-size:.8125rem;color:var(--text-secondary)}.question-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--vapor-grey-dark)}.question-progress{color:var(--text-muted)}.generating{text-align:center;padding:var(--space-4xl) 0}.generating-visual{position:relative;width:120px;height:120px;margin:0 auto var(--space-xl)}.gen-ring{position:absolute;border:2px solid var(--kernel-orange);border-radius:50%;animation:genSpin 3s linear infinite}.gen-ring-1{top:0;right:0;bottom:0;left:0;border-style:dashed}.gen-ring-2{top:15%;right:15%;bottom:15%;left:15%;animation-direction:reverse;animation-duration:2s}@keyframes genSpin{to{transform:rotate(360deg)}}.gen-core{position:absolute;top:30%;right:30%;bottom:30%;left:30%;display:flex;align-items:center;justify-content:center;background:var(--vapor-grey);border-radius:50%}.gen-core svg{width:32px;height:32px;color:var(--kernel-orange)}.generating-text{color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.results-content{animation:fadeIn .6s var(--ease-out)}.profile-summary{margin-bottom:var(--space-3xl)}.summary-title{color:var(--text-secondary);margin-bottom:var(--space-lg)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.summary-item{padding:var(--space-lg);background:var(--vapor-grey);border-radius:8px;text-align:center}.summary-label{font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--space-xs)}.summary-value{font-weight:600;color:var(--tungsten)}.recommendations{margin-bottom:var(--space-3xl)}.recommendations-title{color:var(--text-secondary);margin-bottom:var(--space-sm)}.recommendations-subtitle{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--space-lg)}.primary-section .recommendations-title{color:var(--kernel-orange)}.other-section{padding-top:var(--space-2xl);border-top:1px solid var(--vapor-grey-dark)}.other-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}.recommendations-grid{display:grid;gap:var(--space-lg)}.recommendation-card{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-xl);padding:var(--space-xl);background:var(--vapor-grey);border-radius:12px;align-items:center}.recommendation-card.top-pick{background:linear-gradient(135deg,var(--kernel-orange-glow),transparent);border:2px solid var(--kernel-orange)}.recommendation-card.primary-recommendation{padding:var(--space-2xl)}.recommendation-card.primary-recommendation .rec-name{font-size:1.5rem}.recommendation-card.primary-recommendation .rec-description{font-size:1rem;line-height:1.6}.recommendation-card.other-notable{background:var(--signal-white);border:1px solid var(--vapor-grey-dark);padding:var(--space-lg)}.transition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.transition-step-card{background:var(--surface);padding:var(--space-lg);border-radius:12px;border:1px solid var(--vapor-grey-dark);display:flex;flex-direction:column;gap:var(--space-xs)}.t-step-number{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--vapor-grey-dark);line-height:1;margin-bottom:var(--space-xs)}.t-step-title{font-weight:600;color:var(--text-primary)}.t-step-desc{font-size:.9rem;color:var(--text-secondary)}.transition-section{margin-bottom:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--vapor-grey-dark)}.recommendation-card.other-notable .rank-number{font-size:1rem;color:var(--text-secondary)}.recommendation-card.other-notable .rec-name{font-size:1.125rem}.recommendation-card.other-notable .rec-score .score-value{font-size:1.5rem}.rec-tag-warning{background:#fff3e0!important;color:#e65100!important}.rec-rank{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.rank-number{font-family:var(--font-mono);font-size:2rem;font-weight:600;color:var(--kernel-orange)}.rank-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase}.rec-info{display:flex;flex-direction:column;gap:var(--space-sm)}.rec-header{display:flex;align-items:center;gap:var(--space-md)}.rec-logo{font-size:1.5rem}.rec-name{font-size:1.25rem;font-weight:600}.rec-tagline{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.rec-description{color:var(--text-secondary);font-size:.9375rem}.rec-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.rec-tag{padding:.25rem .75rem;background:var(--signal-white);border-radius:100px;font-size:.75rem;color:var(--text-secondary)}.rec-score{text-align:center}.score-value{font-family:var(--font-mono);font-size:2.5rem;font-weight:600;color:var(--tungsten)}.score-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase}.comparison{margin-bottom:var(--space-3xl)}.comparison-title{color:var(--text-secondary);margin-bottom:var(--space-lg)}.comparison-table-wrapper{overflow-x:auto;border-radius:12px;background:var(--vapor-grey)}.comparison-table{width:100%;border-collapse:collapse;font-size:.875rem}.comparison-table th,.comparison-table td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--vapor-grey-dark)}.comparison-table th{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;background:#00000005}.comparison-table td:first-child{font-weight:500}.comparison-table tr:last-child td{border-bottom:none}.comparison-table .primary-col{background:var(--kernel-orange-glow);font-weight:500}.grade{font-family:var(--font-mono);font-weight:500}.grade-a{color:var(--success)}.grade-b{color:#34c759}.grade-c{color:var(--warning)}.grade-d{color:#ff9500}.grade-f{color:#ff3b30}.results-actions{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.briefing-footer{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--vapor-grey-dark);color:var(--text-muted)}@media (max-width: 768px){.progress-steps{display:none}.options-grid,.options-grid-3,.options-grid-2,.results-grid{grid-template-columns:1fr}.recommendation-card{grid-template-columns:1fr;text-align:center}.rec-rank{flex-direction:row;justify-content:center}.rec-tags{justify-content:center}.results-actions{flex-direction:column}.question-nav{flex-wrap:wrap;gap:var(--space-md)}.question-progress{order:-1;width:100%;text-align:center}}@media (max-width: 480px){.step-title{font-size:1.5rem}.question-title{font-size:1.25rem}.option-content{padding:var(--space-lg)}.option-icon{font-size:1.5rem}}