@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap";:root{--background:#0c1324;--surface:#0c1324;--surface-dim:#0c1324;--surface-bright:#33394c;--surface-container-lowest:#070d1f;--surface-container-low:#151b2d;--surface-container:#191f31;--surface-container-high:#23293c;--surface-container-highest:#2e3447;--on-surface:#dce1fb;--on-surface-variant:#c6c6cd;--outline:#909097;--outline-variant:#45464d;--primary:#7bd0ff;--on-primary:#00354a;--primary-container:#001a27;--on-primary-container:#008abb;--radius-xl:16px;--radius-md:6px;--shadow-quad:0 12px 48px #0c132466}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.display-text{letter-spacing:-.02em;color:var(--on-surface);font-family:Manrope,sans-serif;font-weight:700}.bayan-landing{z-index:1;position:relative}.ambient-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle at top,#7bd0ff14 0%,#0c132400 70%);width:100vw;height:60vh;position:absolute;top:-10vw;left:50%;transform:translate(-50%)}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0}.section-small{padding:4rem 0}.hero{text-align:center;flex-direction:column;align-items:center;padding:6rem 0 4rem;display:flex}.hero h1{max-width:900px;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5.5rem);line-height:1.1}.hero p{color:var(--on-surface-variant);max-width:600px;margin-bottom:3rem;font-size:1.25rem}.btn-group{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.btn-primary,.btn-secondary{border-radius:var(--radius-xl);cursor:pointer;border:none;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--on-primary-container));color:var(--on-primary);box-shadow:inset 0 0 0 1px #ffffff1a, var(--shadow-quad)}.btn-primary:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #fff3,0 20px 60px #7bd0ff33}.btn-secondary{color:var(--primary);background:0 0;border:1px solid #7bd0ff33}.btn-secondary:hover{background:#7bd0ff0d;transform:translateY(-2px)}.product-preview-container{perspective:1000px;justify-content:center;width:100%;display:flex}.glass-window{background:var(--surface-container-lowest);width:100%;max-width:960px;box-shadow:var(--shadow-quad);border:1px solid #45464d66;border-radius:20px;flex-direction:column;margin-top:-2rem;display:flex;overflow:hidden}.glass-header{background:var(--surface-container);border-bottom:1px solid #45464d4d;align-items:center;gap:8px;height:48px;padding:0 1.5rem;display:flex}.window-dot{background:var(--surface-container-high);border-radius:50%;width:12px;height:12px}.glass-body{background:var(--surface-container-lowest);flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:4rem 3rem;display:flex}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.section-title{margin-bottom:1.5rem;font-size:3rem}.section-subtitle{color:var(--on-surface-variant);max-width:600px;margin-bottom:3rem;font-size:1.15rem}.feature-card{background:var(--surface-container);border-radius:var(--radius-xl);border:1px solid #ffffff05;flex-direction:column;gap:1rem;padding:2.5rem;transition:transform .3s;display:flex}.feature-card:hover{background:var(--surface-container-high);transform:translateY(-5px)}.card-icon{border-radius:var(--radius-md);background:var(--surface-container-high);width:48px;height:48px;color:var(--primary);justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.feature-card h3{font-size:1.5rem}.feature-card p{color:var(--on-surface-variant)}.use-case-box{background:var(--surface-container-low);border-radius:var(--radius-xl);flex-direction:column;align-items:flex-start;gap:2rem;padding:4rem;display:flex}.cta-section{background:var(--surface-container-lowest);border-top:1px solid var(--outline-variant);text-align:center;padding:6rem 0}.cta-section h2{margin-bottom:1rem;font-size:3.5rem}.text-gradient{background:linear-gradient(135deg, #fff, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (width<=768px){.hero h1{font-size:2.5rem}.grid-2,.grid-3{grid-template-columns:1fr;gap:2.5rem}.use-case-box{padding:2rem}.glass-body{padding:2rem 1.5rem}.section{padding:4rem 0}}