@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";:root{--surface-container-lowest:#0e0e0e;--surface:#131313;--surface-container-low:#1c1b1b;--surface-container-high:#2a2a2a;--surface-container-highest:#353534;--surface-bright:#3a3939;--primary:#cabeff;--primary-container:#5d3fd3;--inverse-primary:#6042d6;--primary-fixed-variant:#4723be;--on-primary:#30009a;--on-surface:#e5e2e1;--on-surface-variant:#c9c4d7;--outline-variant:#484554;--tertiary:#ffb68b;--shadow-glow:0px 4px 40px #cabeff0a;--border-ghost:1px solid #48455433}*{box-sizing:border-box}body{background-color:var(--surface-container-lowest);color:var(--on-surface-variant);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:#fff;margin:0;font-weight:600;line-height:1.1}.display-lg{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,3.5rem)}.headline-md{letter-spacing:-.01em;font-size:2rem}.label-sm{letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem}.text-gradient{background:linear-gradient(135deg, var(--inverse-primary), var(--primary-container));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.app-container{flex-direction:column;display:flex}.nav{background-color:var(--surface-container-lowest);z-index:100;justify-content:space-between;align-items:center;padding:2rem 4rem;display:flex;position:sticky;top:0}.nav-logo{color:#fff;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;display:flex}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--on-surface-variant);font-size:.875rem;text-decoration:none;transition:color .2s}.nav-link:hover{color:#fff}.btn{cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.btn-primary{background-color:var(--inverse-primary);color:var(--on-primary)}.btn-primary:hover{background-color:var(--primary-fixed-variant)}.btn-secondary{color:var(--on-surface);border:var(--border-ghost);background-color:#0000}.btn-secondary:hover{background-color:var(--surface-container-low)}.hero{align-items:center;min-height:90vh;padding:0 4rem;display:flex;position:relative}.hero-content{z-index:10;max-width:800px;position:relative}.hero-tags{gap:1rem;margin-bottom:2rem;display:flex}.hero-tag{color:var(--tertiary)}.hero-actions{gap:1rem;margin-top:3rem;display:flex}.features-section{background-color:var(--surface);padding:8rem 4rem;position:relative}.workspace-preview{z-index:20;margin-top:-6rem;padding:0 4rem;position:relative}.window{background-color:var(--surface-container-low);border:var(--border-ghost);box-shadow:var(--shadow-glow);aspect-ratio:16/9;display:flex}.sidebar{background-color:var(--surface-container-low);border-right:var(--border-ghost);width:280px;padding:2rem 1.5rem}.main-stage{background-color:var(--surface);flex:1;padding:3rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.4rem;margin-top:4rem;display:grid}.card{background-color:var(--surface-container-low);border-top:2px solid #0000;padding:2.5rem;transition:background-color}.card:hover{background-color:var(--surface-container-high);border-top-color:var(--inverse-primary)}.card-title{color:#fff;margin-bottom:1rem;font-size:1.25rem}.card-desc{font-size:.875rem;line-height:1.6}.input-group{margin-bottom:2rem}.input-label{color:var(--on-surface-variant);margin-bottom:.5rem;font-size:.875rem;display:block}.input-field{border:none;border-bottom:var(--border-ghost);color:#fff;background:0 0;outline:none;width:100%;padding:.5rem 0;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .2s,border-width .2s}.input-field:focus{border-bottom:2px solid var(--primary)}.footer{text-align:center;border-top:var(--border-ghost);padding:4rem;font-size:.875rem}