:root{--bg:#fafafa;--fg:#1a1a1a;--muted:#666;--border:#e5e5e5;--accent:#000;--accent-foreground:#fff;--card-bg:#fff;--nav-bg:#fafafacc;--warm-accent:#fdf2f0;--radius:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--max-width:1100px}@media (prefers-color-scheme:dark){:root{--bg:#0f0f0f;--fg:#f5f5f5;--muted:#a1a1a1;--border:#262626;--accent:#fff;--accent-foreground:#000;--card-bg:#1a1a1a;--warm-accent:#1c1917}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}section{padding:6rem 0}h1,h2,h3{letter-spacing:-.02em;font-weight:600;line-height:1.1}h1{margin-bottom:1.5rem;font-size:4rem}h2{text-align:center;margin-bottom:3rem;font-size:2.5rem}p{color:var(--muted);font-size:1.125rem}.btn{border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent);color:var(--accent-foreground);border:none}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{color:var(--fg);border:1px solid var(--border);background-color:#0000}.btn-secondary:hover{background-color:var(--border)}.btn-tertiary{color:var(--fg);border:1px solid var(--border);background-color:#b0e0e6}.btn-tertiary:hover{background-color:var(--border)}.grid{gap:2rem;display:grid}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}@media (width<=768px){h1{font-size:2.5rem}h2{font-size:1.875rem}section{padding:4rem 0}}.nav{z-index:100;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.03em;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.logo-img{width:auto;height:32px}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--muted);font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--fg)}.hero-section{text-align:center;padding:8rem 0}.hero-sub{max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem}.hero-actions{justify-content:center;gap:1rem;margin-bottom:5rem;display:flex}.hero-visual{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);margin-top:4rem;padding:3rem}.pipeline{justify-content:space-between;align-items:center;gap:1rem;display:flex}.pipeline-step{flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}.step-icon{background:var(--warm-accent);width:56px;height:56px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.step-label{color:var(--muted);font-size:.875rem;font-weight:500}.pipeline-arrow{color:var(--border)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.pain-point{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);text-align:left;padding:2.5rem}.pain-icon{background:var(--warm-accent);width:40px;height:40px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.pain-point h3{margin-bottom:.75rem}.workflow-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.workflow-step{text-align:left}.step-num{color:var(--border);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.workflow-step h3{margin-bottom:.75rem}.differentiator-section{background:var(--warm-accent);border-radius:24px;margin:4rem 2rem}.diff-card{text-align:center;max-width:800px;margin:0 auto}.diff-card h2{text-align:center;margin-bottom:1.5rem}.diff-tag{background:var(--bg);border:1px solid var(--border);border-radius:100px;align-items:center;margin-top:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.use-case-card{text-align:center}.uc-icon{color:var(--muted);margin-bottom:1.5rem}.notrix-box{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:3rem;display:inline-block}.notrix-box p{margin-bottom:1.5rem;font-weight:500}.text-center{text-align:center}.footer{border-top:1px solid var(--border);margin-top:4rem;padding:3rem 0}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-link{color:#6b7280;letter-spacing:.3px;align-items:center;gap:.875rem;font-size:1.05rem;font-weight:400;text-decoration:none;transition:color .2s;display:flex}.footer-link:hover{color:var(--fg)}.footer-notrix-logo{opacity:.8;width:auto;height:36px}@media (width<=1024px){.pipeline{flex-wrap:wrap;justify-content:center;gap:2rem}.pipeline-arrow{display:none}.workflow-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.workflow-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.nav-links{display:none}.footer-content{flex-direction:column;gap:2rem}}