:root{--page-gray: #7f7f7f;--text-main: #ffffff;--nav-max-width: 1120px;--nav-z: 40;--transition: .18s ease-out}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background-color:var(--page-gray);color:var(--text-main)}.page{min-height:100vh;background-color:var(--page-gray)}.navbar{position:sticky;top:0;z-index:var(--nav-z);background:linear-gradient(to bottom,#000000f2,#0003,#0000)}.navbar-inner{max-width:var(--nav-max-width);margin:0 auto;padding:1.1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-weight:800;letter-spacing:.16em;font-size:1.1rem}.navbar-desktop{display:none;align-items:center;gap:3rem}.navbar-links{display:flex;gap:2.2rem}.navbar-link{background:none;border:none;padding:0;color:var(--text-main);font:inherit;font-size:.95rem;cursor:pointer;position:relative}.navbar-link:after{content:"";position:absolute;left:0;bottom:-.35rem;width:0;height:1px;background-color:var(--text-main);transition:width var(--transition);opacity:.85}.navbar-link:hover:after{width:100%}.navbar-lang{background:none;border-radius:999px;border:1px solid rgba(255,255,255,.55);color:var(--text-main);padding:.4rem 1.1rem;font-size:.85rem;cursor:pointer}.navbar-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:.23rem;width:1.7rem;height:1.7rem;padding:0;background:none;border:none;cursor:pointer}.navbar-toggle span{height:2px;border-radius:999px;background-color:var(--text-main)}.navbar-mobile-menu{display:flex;flex-direction:column;gap:.75rem;padding:.8rem 1.5rem 1.2rem;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-mobile-link{background:none;border:none;color:var(--text-main);font:inherit;text-align:left;padding:.15rem 0;cursor:pointer}.navbar-mobile-lang{margin-top:.5rem;align-self:flex-start;background:none;border-radius:999px;border:1px solid rgba(255,255,255,.55);color:var(--text-main);padding:.35rem 1rem;font-size:.85rem;cursor:pointer}@media(min-width:960px){.navbar-desktop{display:flex}.navbar-toggle,.navbar-mobile-menu{display:none}}.hero{background-color:var(--page-gray);min-height:100dvh;height:100dvh;display:flex;justify-content:flex-start;align-items:center;padding:0 1.5rem}.hero-inner{width:100%;max-width:960px}.hero-title{margin:0;font-weight:800;letter-spacing:-.04em;line-height:1.03;font-size:clamp(3rem,5.6vw,4.8rem)}.hero-cta{margin-top:3rem;padding:.9rem 1.7rem;border-radius:999px;border:1px solid rgba(255,255,255,.75);background:transparent;color:var(--text-main);font-size:.95rem;display:inline-flex;align-items:center;gap:1.5rem;cursor:pointer}.hero-cta-arrow{display:inline-block;transform:translateY(1px);font-size:1.1rem}@media(min-width:1024px){.hero-inner{margin-left:4rem}}@media(max-width:768px){.hero{align-items:flex-end;padding:0 1.5rem 3rem}.hero-inner{margin-left:0}.hero-cta{width:100%;justify-content:space-between}}.catalog{background-color:var(--page-gray);display:flex;justify-content:center;padding:4rem 1.5rem 4.5rem}.catalog-inner{width:100%;max-width:1120px}.catalog-header{text-align:center}.catalog-title{margin:0;font-weight:800;letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.4rem)}.catalog-subtitle{margin:.9rem auto 0;max-width:620px;font-size:.96rem;color:#ffffffe6}.catalog-tabs{margin-top:2.6rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.catalog-tab{border-radius:999px;border:1px solid rgba(255,255,255,.55);padding:.45rem 1.4rem;background:transparent;color:var(--text-main);font-size:.9rem;cursor:pointer;white-space:nowrap}.catalog-tab--active{background-color:#fff;color:#333;border-color:#fff}.catalog-grid{margin-top:2.6rem;display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.catalog-card{background-color:#d4d4d4;border-radius:1.25rem;overflow:hidden;display:flex;flex-direction:column;min-height:210px}.catalog-card-media{flex:1;background-color:#d9d9d9}.catalog-card-footer{background-color:#bdbdbd;padding:.9rem 1.1rem;display:flex;align-items:center}.catalog-card-name{font-size:.95rem;font-weight:600;color:#fff}.catalog-search-wrapper{margin-top:3rem;display:flex;justify-content:center}.catalog-search{width:min(100%,320px);padding:.7rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.75);background:transparent;color:#fff;font-size:.9rem;outline:none}.catalog-search::placeholder{color:#ffffffbf}@media(max-width:599px){.catalog{padding-top:3.2rem;padding-bottom:3.5rem}.catalog-grid{gap:1.4rem}}
