/* fonts */

  @font-face { font-family:'Inter';	src:url('../../assets/fonts/Inter/inter-v20-latin-300.woff2') format('woff2');  font-style:normal; font-weight:300; font-display:swap;
} @font-face { font-family:'Open Sans'; src:url('../../assets/fonts/OpenSans/open-sans-v43-latin-300.woff2') format('woff2');  font-style:normal; font-weight:300; font-display:swap;
} @font-face { font-family:'Open Sans'; src:url('../../assets/fonts/OpenSans/open-sans-v43-latin-300italic.woff2') format('woff2');  font-style:italic; font-weight:300; font-display:swap;
} @font-face { font-family:'Open Sans'; src:url('../../assets/fonts/OpenSans/open-sans-v43-latin-regular.woff2') format('woff2'); font-style:normal; font-weight:400; font-display:swap;
} @font-face { font-family:'Open Sans'; src:url('../../assets/fonts/OpenSans/open-sans-v43-latin-italic.woff2') format('woff2'); font-style:italic; font-weight:400; font-display:swap;
} @font-face { font-family:'Open Sans'; src:url('../../assets/fonts/OpenSans/open-sans-v43-latin-500.woff2') format('woff2'); font-style:normal; font-weight:500; font-display:swap;
} @font-face { font-family:'Open Sans'; src:url('../../assets/fonts/OpenSans/open-sans-v43-latin-500italic.woff2') format('woff2'); font-style:italic; font-weight:500; font-display:swap;
}

/* animations */
@keyframes fadeInUp {
	from { opacity:0; transform:translateY(40px);
	} to { opacity:1; transform:translateY(0);}
}
@keyframes fadeIn {
	from { opacity:0; 
	} to { opacity:1;}
}

/* styles */

	  *			{	margin:0; padding:0; box-sizing:border-box;
	} ::selection	{	background:rgba(255, 255, 255, 0.2);
	} html		{	scroll-behavior:smooth;
	} body		{	font-family:"Open Sans", sans-serif; color:#ccc; background-color:#0a0a0a; line-height:1.6; overflow-x:hidden;
	}.container		{	max-width:1400px; padding:0 2rem; margin:0 auto;
	} a			{	color:#ccc; text-decoration:none;
	} a:hover		{	color:#fff;



	}.lang-switcher						{	position:fixed; z-index:999; top:1rem; right:1rem;
	}.lang-flag img						{	width:20px;
	}.lang-switcher-toggle					{	display:flex; width:50px; height:50px; align-items:center; justify-content:center; background:rgba(17, 17, 17, 0.95); border:1px solid rgba(255, 255, 255, 0.15); border-radius:12px; cursor:pointer; transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1); backdrop-filter:blur(10px); box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);
	}.lang-switcher-toggle:hover				{	background:rgba(17, 17, 17, 1); border-color:rgba(255, 255, 255, 0.25); transform:translateY(-2px); box-shadow:0 6px 16px rgba(0, 0, 0, 0.4);
	}.lang-icon							{	font-size:0.9rem; font-weight:500; letter-spacing:0.05em; color:#ffffff;
	}.lang-switcher-menu					{	opacity:0; visibility:hidden; position:absolute; top:60px; right:0; transform:translateY(-10px); min-width:200px; padding:1rem; background:rgba(17, 17, 17, 0.98); border:1px solid rgba(255, 255, 255, 0.15); border-radius:12px; backdrop-filter:blur(20px); box-shadow:0 8px 24px rgba(0, 0, 0, 0.4); transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}.lang-switcher.active .lang-switcher-menu	{	opacity:1; visibility:visible; transform:translateY(0);
	}.lang-switcher-title					{	padding-bottom:0.75rem; margin-bottom:0.75rem; font-size:0.75rem; font-weight:500; letter-spacing:0.1em; text-transform:uppercase; color:#666666; border-bottom:1px solid rgba(255, 255, 255, 0.08);
	}.lang-option						{	display:flex; gap:0.75rem; padding:0.75rem 1rem; margin:0.25rem 0; align-items:center; text-decoration:none; color:#cccccc; border:1px solid transparent; border-radius:8px; cursor:pointer; transition:all 0.2s ease;
	}.lang-option:hover					{	color:#ffffff; background:rgba(255, 255, 255, 0.05); border-color:rgba(255, 255, 255, 0.1);
	}.lang-option.active					{	color:#ffffff; background:rgba(255, 255, 255, 0.08); border-color:rgba(255, 255, 255, 0.15);
	}.lang-flag							{	font-size:1.25rem; line-height:1;
	}.lang-name							{	font-size:0.9rem; font-weight:400;



	}.hero						{	position:relative; display:flex; min-height:100vh; align-items:center; justify-content:center; text-align:center; background:linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
	}.hero::before					{	content:''; position:absolute; top:0; left:0; right:0; bottom:0; pointer-events:none; background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.02) 0%, transparent 50%); 
	}.hero .content					{	position:relative; z-index:2; animation:fadeInUp 1.2s ease-out;
	}.hero .company-name				{	font-family:"Inter", sans-serif; font-size:clamp(1rem, 8vw, 5rem); font-weight:300; letter-spacing:0.1rem; margin-bottom:0rem; background:linear-gradient(135deg, #ffffff 0%, #a0a0a0 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
	}.hero .company-subtitle			{	width:100%; max-width:100%; margin:0 auto; font-size:clamp(0.75rem, 2.6vw, 1.65rem); font-weight:300; letter-spacing:0.05em; text-align:center; color:#a0a0a0; animation:fadeIn 1.5s ease-out 0.5s both;
	}.hero .company-subtitle .dot 		{	margin:0 clamp(0.3rem, 2vw, 1rem); color:#666666; word-break:break-word;



	}.brands						{	position:relative; padding:8rem 0; background:#111111;
	}.brands::before					{	content:''; position:absolute; top:0; right:0; left:0; height:1px; background:linear-gradient(90deg, transparent 0%, #333333 50%, transparent 100%);
	}.brands .brands-title				{	margin-bottom:4rem; font-size:2.5rem; font-weight:300; letter-spacing:0.02em; text-align:center; color:#ffffff;
	}.brands .brands-grid				{	display:grid; grid-template-columns:repeat(auto-fit, minmax(400px, 1fr)); gap:3rem; margin-top:4rem;
	}.brand-card					{	overflow:hidden; position:relative; padding:0; text-decoration:none; background:rgba(255, 255, 255, 0.02); border:1px solid rgba(255, 255, 255, 0.08); border-radius:12px; transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	}.brand-card::before				{	content:''; position:absolute; z-index:1; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.02) 50%, transparent 100%);transition:left 0.6s ease;
	}.brand-card:hover::before			{	left:100%;
	}.brand-card:hover				{	transform:translateY(-8px); border-color:rgba(255, 255, 255, 0.15); box-shadow:0 20px 40px rgba(0, 0, 0, 0.3);
	}.brand-image					{	overflow:hidden; position:relative; width:100%; height:200px; border-radius:12px 12px 0 0;
	}.brand-image img					{	opacity:0.85; object-fit:cover; width:100%; height:100%; transition:transform 0.4s ease, opacity 0.3s ease;
	}.brand-card:hover .brand-image img		{	opacity:1; transform:scale(1.05);
	}.brand-image::after				{	content:''; position:absolute; z-index:1; top:0; right:0; bottom:0; left:0; background:linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.4) 100%);
	}.brand-content					{	position:relative; z-index:2; padding:3rem;
	}.brand-title					{	margin-bottom:0.5rem; font-size:1.5rem; font-weight:500; color:#ffffff;
	}.brand-slogan					{	margin-bottom:1.5rem; font-size:0.95rem; font-style:italic; color:#a0a0a0; 
	}.brand-description				{	font-size:0.95rem; line-height:1.7; color:#cccccc;		



	}.footer						{	padding:4rem 0 2rem; background:#0a0a0a; border-top:1px solid rgba(255, 255, 255, 0.08);
	}.footer-content					{	display:grid; grid-template-columns:1fr auto; gap:4rem; margin-bottom:3rem; align-items:start;
	}.contact-info h3					{	margin-bottom:1.5rem; font-size:1.25rem; font-weight:500; color:#ffffff;
	}.contact-info p					{	margin-bottom:0.5rem; color:#a0a0a0;
	}.contact-info a					{	color:#cccccc; text-decoration:none; transition:color 0.3s ease;
	}.contact-info a:hover				{	color:#ffffff;
	}.legal-links					{	display:flex; gap:2rem;
	}.legal-links a					{	padding:0.5rem 1rem; font-size:0.9rem; text-decoration:none; color:#a0a0a0; border:1px solid rgba(255, 255, 255, 0.1); border-radius:6px; cursor:pointer; transition:color 0.3s ease;
	}.legal-links a:hover				{	color:#ffffff; border-color:rgba(255, 255, 255, 0.2);
	}.footer-bottom					{	padding-top:2rem; font-size:0.85rem; text-align:center; color:#666666; border-top:1px solid rgba(255, 255, 255, 0.08);



	}.modal-overlay					{	opacity:0; visibility:hidden; position:fixed; z-index:1000; top:0; left:0; display:flex; width:100%; height:100%; align-items:center; justify-content:center; background:rgba(0, 0, 0, 0.8); backdrop-filter:blur(10px); transition:all 0.3s ease;
	}.modal-overlay.active				{	opacity:1; visibility:visible;
	}.modal-content					{	overflow-y:auto; position:relative; width:90%; max-width:600px; max-height:80vh; padding:3rem; transform:translateY(20px); background:#111111; border:1px solid rgba(255, 255, 255, 0.1); border-radius:12px; transition:transform 0.3s ease;
	}.modal-overlay.active .modal-content	{	transform:translateY(0);
	}.modal-header					{	display:flex; padding-bottom:1rem; margin-bottom:2rem; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255, 255, 255, 0.1);
	}.modal-title					{	font-size:1.5rem; font-weight:500; color:#ffffff;
	}.modal-close					{	padding:0.5rem; font-size:1.5rem; color:#a0a0a0; background:none; border:none; border-radius:6px; cursor:pointer; transition:all 0.3s ease;
	}.modal-close:hover				{	color:#ffffff; background:rgba(255, 255, 255, 0.1);
	}.modal-body					{	line-height:1.7; color:#cccccc;
	}.modal-body h3					{	margin:2rem 0 1rem 0; font-weight:500; color:#ffffff;
	}.modal-body p					{	margin-bottom:1rem;
	}

/* responsive */
@media (max-width:768px){ * {

	}.lang-switcher				{	top:1.5rem; right:1.5rem;
	}.lang-switcher-toggle			{	width:45px; height:45px;

	}.container					{	padding:0 1rem;
	}.hero					{	padding:2rem 0;

	}.brands					{	padding:4rem 0;
	}.brands-grid				{	grid-template-columns:1fr; gap:2rem;
	}.brand-content				{	padding:2rem;

	}.footer-content				{	grid-template-columns:1fr; gap:2rem;
	}.legal-links				{	flex-direction:column; gap:1rem;

	}.modal-content				{	padding:2rem; width:95%;

}	}