.what-makes-us-page{min-height:100vh;background-color:var(--primary-bg);color:var(--primary-text);padding:0;width:100%;overflow-x:hidden}.what-makes-us-top-bar{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--card-bg);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.what-makes-us-top-bar-content{width:100%;max-width:1200px;margin:0 auto;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);height:70px}.logo-section,.what-makes-us-top-bar-content{display:flex;align-items:center}.brand-logo-topbar{height:50px;width:50px;object-fit:contain;max-width:50px;max-height:50px;min-width:50px;min-height:50px}.main-logo{height:40px;width:auto;object-fit:contain;max-height:40px;min-height:40px}.nav-buttons{display:flex;gap:var(--spacing-md);align-items:center}.nav-link{color:var(--primary-text);text-decoration:none;font-size:1rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .3s ease}.nav-link:hover{background:rgba(255,255,255,.1);color:var(--accent-color)}.back-button{background:transparent;color:var(--primary-text);border:1px solid rgba(255,255,255,.3);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}.go-to-app-button{background:linear-gradient(135deg,var(--accent-color),var(--accent-hover));color:white;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.go-to-app-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--accent-hover),var(--accent-color))}.what-makes-us-container{width:100%;max-width:1200px;margin:0 auto;padding:calc(70px + var(--spacing-lg)) var(--spacing-md) var(--spacing-lg);box-sizing:border-box}.what-makes-us-content{text-align:center}.what-makes-us-section{padding:var(--spacing-xl) 0}.page-title{font-size:4rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-xl);color:var(--primary-text)}.wibe-highlight{background:var(--logo-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.value-item{background:linear-gradient(135deg,var(--card-bg),rgba(255,255,255,.02));border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease;text-align:left}.value-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.value-item h3{font-size:1.6rem;font-weight:600;color:var(--accent-color);margin-bottom:var(--spacing-lg);line-height:1.4;min-height:4.5rem;display:flex;align-items:flex-start}.value-item p{font-size:1.1rem;line-height:1.7;color:var(--secondary-text);margin:0}@media (max-width:768px){.what-makes-us-top-bar-content{padding:var(--spacing-sm) var(--spacing-md);height:60px;flex-wrap:wrap;gap:var(--spacing-sm)}.brand-logo-topbar{height:28px;width:28px}.main-logo{height:32px}.nav-buttons{gap:var(--spacing-sm);flex-wrap:wrap}.back-button,.go-to-app-button,.nav-link{font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm)}.what-makes-us-container{padding:calc(60px + var(--spacing-md)) var(--spacing-sm) var(--spacing-md)}.page-title{font-size:2.5rem}.values-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.value-item{padding:var(--spacing-lg)}.value-item h3{font-size:1.4rem;min-height:4rem}.value-item p{font-size:1rem}}@media (max-width:480px){.what-makes-us-top-bar-content{padding:var(--spacing-xs) var(--spacing-sm);height:auto;min-height:50px;flex-direction:column;gap:var(--spacing-xs)}.nav-buttons{justify-content:center;width:100%}.brand-logo-topbar{height:24px;width:24px}.main-logo{height:28px}.what-makes-us-container{padding:calc(100px + var(--spacing-sm)) var(--spacing-xs) var(--spacing-sm)}.page-title{font-size:2rem}.value-item{padding:var(--spacing-md)}.value-item h3{font-size:1.2rem;min-height:3.5rem}.value-item p{font-size:.95rem}}