:root{--bg-primary: #0c0e12;--bg-secondary: #141720;--bg-elevated: #0a0c10;--text-primary: #c8cdd6;--text-secondary: #6b7280;--text-strong: #f0f2f5;--accent: #3b9ece;--accent-glow: rgba(59, 158, 206, .15);--ok: #3fba7a;--warn: #e4a835;--bad: #e05252;--line: #1e2330;--font: "IBM Plex Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background:radial-gradient(ellipse 80% 60% at 50% 120%,var(--accent-glow),transparent),var(--bg-primary)}.hero-inner{max-width:760px;text-align:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.25em;color:var(--text-secondary);margin-bottom:2rem}.hero h1{font-size:3.2rem;font-weight:700;color:var(--text-strong);line-height:1.15;margin-bottom:2rem}.hero h1 .accent{color:var(--accent)}.subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:580px;margin:0 auto 2.5rem;line-height:1.8}.btn-hero{display:inline-block;background:var(--accent);color:var(--bg-primary);font-weight:600;font-size:1rem;padding:.85rem 2.5rem;border-radius:6px;text-decoration:none;letter-spacing:.02em;transition:transform .15s,box-shadow .15s}.btn-hero:hover{transform:translateY(-1px);box-shadow:0 8px 30px #3b9ece4d;text-decoration:none}.product-section{padding:6rem 2rem;border-top:1px solid var(--line)}.product-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.screenshot-frame{background:var(--bg-secondary);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #0006}.mock-dashboard{padding:1.5rem}.mock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.mock-brand{font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--accent)}.mock-scope{font-size:12px;color:var(--text-secondary)}.mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.mock-kpi{background:#ffffff08;border:1px solid var(--line);border-radius:6px;padding:.75rem;text-align:center}.kpi-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-strong);line-height:1.2}.kpi-ok{color:var(--ok)}.kpi-warn{color:var(--warn)}.kpi-bad{color:var(--bad)}.kpi-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;display:block}.matrix-label{font-size:10px;font-weight:600;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:.5rem}.matrix-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.matrix-cell{aspect-ratio:1;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.cell-low{background:#3fba7a33}.cell-med{background:#e4a83540}.cell-high{background:#e052524d}.cell-crit{background:#c0303073}.dot-count{color:#ffffffb3}.product-story h2{font-size:2rem;font-weight:700;color:var(--text-strong);margin-bottom:1rem}.product-lead{font-size:1.05rem;color:var(--text-primary);line-height:1.75;margin-bottom:1.5rem}.proof-list{list-style:none;margin-bottom:2rem}.proof-list li{font-size:.95rem;color:var(--text-primary);padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.6}.proof-list li:before{content:"";position:absolute;left:0;top:.85rem;width:8px;height:2px;background:var(--accent)}.btn-primary{display:inline-block;border:1px solid var(--accent);color:var(--accent);font-weight:600;font-size:.9rem;padding:.7rem 1.8rem;border-radius:6px;text-decoration:none;transition:background .15s,color .15s}.btn-primary:hover{background:var(--accent);color:var(--bg-primary);text-decoration:none}.conviction-section{padding:5rem 2rem;border-top:1px solid var(--line)}.conviction-inner{max-width:700px;margin:0 auto;text-align:center}.conviction-inner blockquote{font-size:1.5rem;font-weight:500;color:var(--text-strong);line-height:1.6;font-style:normal;border:none;padding:0}.footer{padding:3rem 2rem 2rem;border-top:1px solid var(--line)}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.footer-name{font-weight:600;color:var(--text-strong);font-size:.95rem}.footer-origin{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.footer-apps,.footer-contact{display:flex;flex-direction:column;gap:.35rem}.footer-apps-label,.footer-contact-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.15rem}.footer-apps a,.footer-contact a{font-size:.85rem;color:var(--text-secondary)}.footer-apps a:hover,.footer-contact a:hover{color:var(--accent)}.copyright{text-align:center;font-size:.75rem;color:var(--text-secondary);opacity:.6}@media(max-width:768px){.hero{min-height:80vh;padding:3rem 1.5rem}.hero h1{font-size:2rem}.subtitle{font-size:1rem}.product-section{padding:3rem 1.5rem}.product-inner{grid-template-columns:1fr;gap:2.5rem}.product-screenshot{order:-1}.mock-kpis{grid-template-columns:repeat(2,1fr)}.conviction-inner blockquote{font-size:1.2rem}.footer-inner{flex-direction:column;gap:1rem}}
