.nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.nav-logo{font-family:var(--font-heading);font-size:1.4rem;letter-spacing:-1px}.nav-logo em{font-style:italic;color:var(--accent)}.nav-links{display:flex;gap:var(--spacing-md);align-items:center}.nav-links a{font-size:14px;opacity:.7;transition:opacity .2s}.nav-links a:hover{opacity:1}.hero{padding:var(--spacing-xl) 0 var(--spacing-lg);position:relative;z-index:1}.hero h1{max-width:700px;margin-bottom:var(--spacing-md)}.hero h1 em{font-style:italic;color:var(--accent)}.hero-subtitle{max-width:500px;font-size:18px;opacity:.7;margin-bottom:var(--spacing-lg);line-height:1.7}.hero-cta{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.demo-section{padding:var(--spacing-xl) 0;position:relative;z-index:1}.demo-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);max-width:600px}.demo-card h3{margin-bottom:var(--spacing-sm)}.demo-input{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;font-family:var(--font-body);font-weight:300;font-size:16px;color:var(--ink);min-height:60px;margin-bottom:var(--spacing-sm)}.demo-input .cursor{display:inline-block;width:2px;height:1.2em;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.demo-response{padding:var(--spacing-sm);opacity:0;transition:opacity .4s ease;font-size:15px;color:var(--accent);font-style:italic;font-family:var(--font-heading)}.demo-response.visible{opacity:1}.features{padding:var(--spacing-xl) 0;position:relative;z-index:1}.features h2{margin-bottom:var(--spacing-lg)}.feature-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}@media (min-width: 900px){.feature-grid{grid-template-columns:1fr 1fr 1fr}}.feature-card{padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary)}.feature-card h3{margin-bottom:var(--spacing-xs);font-size:1.2rem}.feature-card p{font-size:14px;opacity:.7;line-height:1.6}.modes{padding:var(--spacing-xl) 0;position:relative;z-index:1}.modes h2{margin-bottom:var(--spacing-md)}.modes-subtitle{opacity:.6;margin-bottom:var(--spacing-lg);max-width:500px}.mode-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.mode-tab{padding:8px 24px;border-radius:var(--radius-pill);border:1px solid var(--border);background:none;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:300;transition:all .2s ease}.mode-tab.active{background:var(--ink);color:var(--bg-primary);border-color:var(--ink)}.mode-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-md);max-width:600px}.mode-content p{font-size:15px;line-height:1.7;opacity:.8}.chart-bars{display:flex;gap:6px;align-items:flex-end;height:120px;margin-top:var(--spacing-md);padding:var(--spacing-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff}.chart-bar{flex:1;background:var(--accent);border-radius:4px 4px 0 0;transition:height .8s ease;opacity:.7}.chart-bar:nth-child(2n){background:var(--emphasis)}.footer{padding:var(--spacing-lg) 0 var(--spacing-md);border-top:1px solid var(--border);position:relative;z-index:1}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:var(--font-heading);font-size:1.1rem}.footer-text{font-size:13px;opacity:.5}