@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-primary:#faf8f5;--bg-secondary:#f3f0eb;--bg-card:#fff;--bg-card-hover:#fdfcfa;--bg-elevated:#f7f5f0;--accent:#c8873a;--accent-hover:#b5762e;--accent-glow:#c8873a14;--accent-subtle:#c8873a0d;--accent-light:#fdf5eb;--lavender:#8b7ec8;--lavender-light:#f0eef8;--lavender-glow:#8b7ec814;--sage:#5a9e7c;--sage-light:#edf6f1;--sage-glow:#5a9e7c14;--blue:#5b8fd9;--blue-light:#eef3fb;--blue-glow:#5b8fd914;--amber:#d4943a;--amber-light:#fdf4e8;--text-primary:#2d2a26;--text-secondary:#6b6560;--text-muted:#a09890;--text-inverse:#fff;--border:#0000000f;--border-hover:#0000001f;--border-accent:#e8604c40;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-card:0 1px 4px #0000000a, 0 0 0 1px #00000008;--font:"Outfit", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "Fira Code", monospace}*,: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-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.container{max-width:1080px;margin:0 auto;padding:0 24px}.container--narrow{max-width:680px;margin:0 auto;padding:0 24px}.hero-title{font-family:var(--font);letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(2.25rem,5.5vw,3.75rem);font-weight:800;line-height:1.1}.hero-title .accent{background:linear-gradient(135deg, var(--accent) 0%, #b06830 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-title{font-family:var(--font);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:560px;font-size:1.05rem;line-height:1.7}.eyebrow{font-family:var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:12px;font-size:.8rem;font-weight:600;display:flex}.eyebrow:before{content:"";background:var(--accent);border-radius:1px;width:20px;height:2px}.btn{font-family:var(--font);border-radius:var(--radius-full);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px #c8873a40}.btn--primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px #c8873a4d}.btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--secondary{color:var(--text-primary);border:1.5px solid var(--border-hover);background:0 0}.btn--secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn--large{padding:16px 40px;font-size:1.05rem}.btn--small{padding:8px 18px;font-size:.85rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;transition:all .25s}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.badge{border-radius:var(--radius-full);border:1px solid;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge--critical{color:var(--accent);background:var(--accent-light);border-color:#e8604c33}.badge--elevated{color:var(--amber);background:var(--amber-light);border-color:#d4943a33}.badge--standard{color:var(--text-secondary);border-color:var(--border);background:var(--bg-elevated)}.badge--low{color:var(--sage);background:var(--sage-light);border-color:#5a9e7c33}.badge--blue{color:var(--lavender);background:var(--lavender-light);border-color:#8b7ec833}.stats-row{flex-wrap:wrap;gap:40px;margin-top:40px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-value{font-family:var(--font);letter-spacing:-.03em;color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:.75rem;font-weight:500}.price-tag{align-items:baseline;gap:2px;display:inline-flex}.price-tag .dollar{font-family:var(--font);color:var(--text-muted);font-size:1.25rem;font-weight:700}.price-tag .amount{font-family:var(--font);letter-spacing:-.03em;color:var(--text-primary);font-size:3.5rem;font-weight:800;line-height:1}.price-tag .cents{font-family:var(--font);color:var(--text-muted);font-size:1.25rem;font-weight:700}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#faf8f5e0;padding:14px 0;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font);letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.nav-logo .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hero{text-align:center;padding:80px 0 60px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#e8604c0d 0%,#8b7ec808 40%,#0000 70%);width:900px;height:900px;position:absolute;top:-300px;left:50%;transform:translate(-50%)}.hero p{color:var(--text-secondary);max-width:520px;margin:16px auto 36px;font-size:1.15rem;line-height:1.7}.hero .btn-group{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-5{grid-template-columns:repeat(2,1fr)}.stats-row{gap:24px}}.section{padding:72px 0}.section--bordered{border-top:1px solid var(--border)}.company-row{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.company-row:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.company-row.selected{border-color:var(--accent);background:var(--accent-light)}.company-row .checkbox{border:2px solid var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.company-row.selected .checkbox{background:var(--accent);border-color:var(--accent)}.company-row .icon{flex-shrink:0;font-size:1.35rem}.company-row .info{flex:1;min-width:0}.company-row .name{color:var(--text-primary);font-size:.9rem;font-weight:600}.company-row .notes{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.tab{font-size:.78rem;font-weight:600;font-family:var(--font);border-radius:var(--radius-full);border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:7px 14px;transition:all .2s;display:flex}.tab:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-card)}.tab.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.tab .count{background:var(--bg-elevated);border-radius:var(--radius-full);padding:2px 7px;font-size:.68rem}.tab.active .count{background:#e8604c1f}.progress-bar{background:var(--bg-secondary);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), #b06830);border-radius:var(--radius-full);height:100%;transition:width .5s}.input-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.input-group label{font-family:var(--font);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:600}.input-group input,.input-group select{font-family:var(--font-body);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-sm);outline:none;padding:13px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-group input:focus,.input-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-group input::placeholder{color:var(--text-muted)}.divider{background:var(--border);width:100%;height:1px;margin:32px 0}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);padding:40px 0;font-size:.82rem}.footer a{color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s forwards fadeInUp}.fade-in-delay-1{opacity:0;animation-delay:.1s}.fade-in-delay-2{opacity:0;animation-delay:.2s}.fade-in-delay-3{opacity:0;animation-delay:.3s}.fade-in-delay-4{opacity:0;animation-delay:.4s}