.hero{padding-top:calc(var(--nav-height) + clamp(3rem,5vw,5rem));padding-bottom:clamp(3rem,5vw,6rem);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:48px 48px;opacity:.25;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 100%)}.hero:after{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(0,212,140,.08) 0%,transparent 70%);pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--space-6)}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-accent-soft);border:1px solid rgba(0,212,140,.2);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-semi);color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;width:fit-content}.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--color-accent);animation:pulse-dot 2s ease-in-out infinite}.hero-heading{font-size:var(--text-hero);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:1.08;color:var(--color-text)}.hero-heading em{font-style:normal;color:var(--color-accent)}.hero-sub{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.6;max-width:46ch}.hero-sub strong{color:var(--color-text);font-weight:var(--weight-medium)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.hero-actions .btn-primary{font-size:var(--text-base);padding:.8em 2em}.hero-note{font-size:var(--text-xs);color:var(--color-text-dim);margin-top:var(--space-1)}.hero-proof{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.hero-proof-stat{display:flex;flex-direction:column}.hero-proof-n{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.02em;line-height:1}.hero-proof-l{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.hero-proof-sep{width:1px;height:32px;background:var(--color-border-mid)}.hero-visual{position:relative}.mock-window{background:var(--color-surface);border:1px solid var(--color-border-mid);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg),0 0 80px #00d48c0f;animation:fadeUp .6s var(--ease-out) .2s both}.mock-titlebar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.mock-dots{display:flex;gap:5px}.mock-dots span{width:10px;height:10px;border-radius:50%}.mock-dots span:nth-child(1){background:#ff5f57}.mock-dots span:nth-child(2){background:#febc2e}.mock-dots span:nth-child(3){background:#28c840}.mock-url{font-size:var(--text-xs);color:var(--color-text-dim);font-family:var(--font-mono);margin:0 auto}.mock-app{display:grid;grid-template-columns:160px 1fr;min-height:360px}.mock-sidebar{background:var(--color-bg);border-right:1px solid var(--color-border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.mock-brand{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-accent);letter-spacing:-.02em;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.mock-nav-items{display:flex;flex-direction:column;gap:var(--space-1)}.mock-nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted)}.mock-nav-item.active{background:var(--color-accent-soft);color:var(--color-accent)}.mock-nav-icon{width:14px;height:14px;border-radius:3px;background:currentColor;opacity:.6}.mock-badge{margin-left:auto;background:var(--color-red);color:#fff;font-size:9px;font-weight:var(--weight-bold);padding:1px 5px;border-radius:var(--radius-full);line-height:1.4}.mock-content{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden}.mock-content-header{display:flex;align-items:baseline;justify-content:space-between}.mock-content-title{font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--color-text);letter-spacing:-.01em}.mock-content-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.mock-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.mock-stat-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3)}.mock-stat-n{display:block;font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:1;color:var(--color-text)}.mock-stat-n.accent{color:var(--color-accent)}.mock-stat-n.warn{color:var(--color-yellow)}.mock-stat-l{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:3px}.mock-table{display:flex;flex-direction:column;gap:var(--space-2)}.mock-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs)}.mock-row-info{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.mock-building-name{color:var(--color-text);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-health{display:flex;align-items:center;gap:var(--space-2);flex:1}.mock-bar{flex:1;height:4px;background:var(--color-surface-3);border-radius:var(--radius-full);overflow:hidden}.mock-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--color-accent);transition:width var(--dur-slow) var(--ease-out)}.mock-bar-fill.warn{background:var(--color-yellow)}.mock-pct{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px;min-width:28px;text-align:right}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}}.pain{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.pain-header{text-align:center;margin-bottom:var(--space-12)}.pain-header h2{margin-bottom:var(--space-4)}.pain-header p{margin:0 auto;text-align:center}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.pain-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);transition:border-color var(--dur-normal)}.pain-card:hover{border-color:var(--color-border-mid)}.pain-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-red-soft);border:1px solid rgba(255,77,90,.2);display:flex;align-items:center;justify-content:center;font-size:18px}.pain-card h3{font-size:var(--text-lg);color:var(--color-text)}.pain-card p{font-size:var(--text-sm);line-height:1.65}.pain-quote{margin-top:auto;padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border-left:2px solid var(--color-red)}.pain-quote p{font-size:var(--text-xs);font-style:italic;color:var(--color-text-muted);max-width:none;line-height:1.5}.pain-quote cite{display:block;font-size:var(--text-xs);color:var(--color-text-dim);margin-top:var(--space-2);font-style:normal}@media(max-width:900px){.pain-grid{grid-template-columns:1fr}}