/*!
Theme Name: forstars
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: forstars
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

forstars is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Scroll Animations
--------------------------------------------------------------*/

/* 滚动触发动画的基础样式 */
.scroll-animate {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.6s ease-out;
}

.scroll-animate.animate-in {
	opacity: 1;
	transform: translateY(0);
}

/* 延迟动画类 */
.scroll-animate.delay-100 {
	transition-delay: 0.1s;
}

.scroll-animate.delay-200 {
	transition-delay: 0.2s;
}

.scroll-animate.delay-300 {
	transition-delay: 0.3s;
}

.scroll-animate.delay-400 {
	transition-delay: 0.4s;
}

.scroll-animate.delay-500 {
	transition-delay: 0.5s;
}

.scroll-animate.delay-600 {
	transition-delay: 0.6s;
}

/* 标题元素特殊动画效果 */
.title-animate {
	opacity: 0;
	transform: translateY(20px) scale(0.95);
	transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.title-animate.animate-in {
	opacity: 1;
	transform: translateY(0) scale(1);
}

/* 确保Hero按钮始终可见 */
.hero-cta {
	opacity: 1 !important;
	visibility: visible !important;
	display: flex !important;
}

.hero-cta .cta-button {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	/* 设置基准字体大小：1440px宽度时 1rem = 14.4px */
	font-size: calc(100vw / 100); /* 动态计算，在1440px时为14.4px */
}

@media (max-width: 1440px) {
	html {
		font-size: calc(100vw / 100);
	}
}

@media (min-width: 1441px) {
	html {
		font-size: 14.4px; /* 固定最大字体大小 */
	}
}

@media (max-width: 768px) {
	html {
		font-size: 16px; /* 移动端使用标准字体大小 */
	}
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */

/* CSS Custom Properties for Fonts - 使用自定义字体 */
:root {
	/* 字体变量 */
	--font-primary: var(--font-heading-bold, 'ITC Avant Garde Gothic Pro', 'Arial Black', sans-serif);
	--font-secondary: var(--font-body, 'Trend Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
	--font-condensed: var(--font-heading-condensed, 'Proxima Nova Condensed', 'Arial Narrow', sans-serif);
	--font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
	
	/* 颜色变量 - 基于SVG渐变 */
	--gradient-start: #832eff; /* 紫色 */
	--gradient-end: #fe4ff2;   /* 粉红色 */
	--gradient-bg: linear-gradient(to right, var(--gradient-start), var(--gradient-end));
	
	/* 背景变量 */
	--bg-glass: rgba(255, 255, 255, 0.95);
	--bg-glass-light: rgba(255, 255, 255, 0.8);
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: var(--font-secondary);
	font-size: 1rem;
	line-height: 1.6;
	font-weight: 300; /* 使用 Trend Sans 的细体 */
}

/* 标题使用自定义字体 */
h1 {
	clear: both;
	font-family: var(--font-primary);
	font-weight: 700;
	line-height: 1.2;
	font-size: 2.5rem;
}

h2 {
	font-family: var(--font-condensed);
	font-weight: 700;
	line-height: 1.3;
	font-size: 2rem;
}

h3 {
	font-family: var(--font-condensed);
	font-weight: 700;
	line-height: 1.4;
}

h3 {
	font-size: 1.75rem;
}

h4,
h5,
h6 {
	font-family: var(--font-secondary);
	font-weight: 500;
	line-height: 1.4;
	clear: both;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1.125rem;
	font-weight: 500;
}

/* 导航和按钮使用主字体 */
.main-navigation,
.site-title,
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-family: var(--font-primary);
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	/* 深紫色背景 */
	background-color: rgb(40, 21, 73);
	min-height: 100vh;
}

/* Main Content Area */
.site {
	padding-top: 44px; /* 匹配header的固定高度 */
}

.site-main {
	margin: 0;
	/* 移除半透明背景，使用普通白色背景 */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Header
--------------------------------------------- */
.site-header {
	background: var(--gradient-bg); /* 直接使用渐变背景 */
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	padding: 0;
}

.header-container {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 20px; /* 调整padding获得更合适的header高度 */
	height: 44px; /* 设置固定高度匹配参考样式 */
}

.site-branding .site-title {
	margin: 5px 0 0 7rem;
	font-size: 26px; /* 减小字体大小以适应紧凑header */
	line-height: 22px; /* 调整行高 */
	font-weight: 700;
	color: white; /* 在渐变背景上使用白色 */
	font-family: var(--font-primary); /* 使用 ITC Avant Garde Gothic Pro */
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); /* 添加文字阴影提高可读性 */
	letter-spacing: 0.01em; /* 添加轻微字符间距 */
}

.site-branding .site-title a {
	color: white; /* 白色链接 */
	text-decoration: none;
	transition: all 0.3s ease;
	font-family: inherit;
}

.site-branding .site-title a:hover {
	color: rgba(255, 255, 255, 0.8); /* 悬停时稍微透明 */
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.site-branding .site-description {
	margin: 0;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.9); /* 半透明白色 */
	font-family: var(--font-secondary); /* 使用 Trend Sans */
	font-weight: 300;
	font-style: italic;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Custom Logo Support */
.site-branding .custom-logo {
	max-height: 60px;
	width: auto;
	vertical-align: middle;
}

.site-branding .custom-logo-link {
	display: inline-block;
	line-height: 1;
}

@media (max-width: 480px) {
	.site-branding .site-title {
		font-size: 20px;
		margin-left: 1rem;
	}
}

/* Header Actions Area */
.header-actions {
	display: flex;
	align-items: center;
	gap: 0.8rem; /* 减少间距以适应紧凑header */
}

/* Language Switcher - WordPress Plugins Compatible
--------------------------------------------- */
.language-switcher {
	position: relative;
	display: flex;
	align-items: center;
	margin-right: 2rem;
}

@media (max-width: 480px) {
	.language-switcher {
		margin-right: 1rem;
	}
}

/* Default Language Switcher */
.default-switcher .current-language {
	display: flex;
	align-items: center;
	gap: 6px; /* 减少间距以适应紧凑header */
	padding: 4px 8px; /* 减少padding以适应紧凑header */
	background-color: transparent;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	user-select: none;
	color: white; /* 白色文字 */
	font-size: 12px; /* 减少字体大小以适应紧凑header */
	font-weight: 600; /* 稍微加粗 */
	font-family: var(--font-condensed); /* 使用一致的字体 */
}

.default-switcher .current-language:hover {
	background: rgba(255, 255, 255, 0.25);
	border-color: rgba(255, 255, 255, 0.5);
}

/* Polylang Plugin Support */
.polylang-switcher select {
	padding: 8px 12px;
	border: 1px solid #e9ecef;
	border-radius: 5px;
	background: #f8f9fa;
	font-size: 0.9rem;
	cursor: pointer;
}

/* WPML Plugin Support */
.wpml-switcher .current-language {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 5px;
	cursor: pointer;
}

.wpml-switcher .flag-icon {
	max-height: 16px;
	width: auto;
}

/* Header Search */
.header-search {
	position: relative;
}

.search-toggle {
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	border-radius: 5px;
	transition: background 0.3s ease;
}

.search-toggle:hover {
	background: #f8f9fa;
}

.header-search-form {
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	border: 1px solid #e9ecef;
	border-radius: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 15px;
	min-width: 250px;
	z-index: 1001;
}

/* WooCommerce Cart */
.header-cart .cart-link {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 8px;
	text-decoration: none;
	color: #333;
	border-radius: 5px;
	transition: background 0.3s ease;
	position: relative;
}

.header-cart .cart-link:hover {
	background: #f8f9fa;
}

.header-cart .cart-count {
	background: #007cba;
	color: white;
	font-size: 0.8rem;
	padding: 2px 6px;
	border-radius: 50%;
	min-width: 18px;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
}

.current-language {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 5px;
	cursor: pointer;
	transition: all 0.3s ease;
	user-select: none;
}

.current-language:hover {
	background: #e9ecef;
	border-color: #adb5bd;
}

.flag-icon {
	margin-top: 5px;
	font-size: 2.5rem;
}

.language-code {
	font-weight: 300;
	font-size: 22px;
	color: #ffffff;
}

.dropdown-arrow {
	font-size: 0.8rem;
	color: white; /* 下拉箭头为白色 */
	transition: transform 0.3s ease;
}

.language-switcher:hover .dropdown-arrow {
	transform: rotate(180deg);
}

.language-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	border: 1px solid #e9ecef;
	border-radius: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	min-width: 120px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 1001;
	list-style: none;
	margin: 8px 0 0 0;
	padding: 0;
}

.language-switcher:hover .language-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.language-dropdown li {
	margin: 0;
}

.language-dropdown a {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	color: #333;
	text-decoration: none;
	transition: background 0.3s ease;
	border-bottom: 1px solid #f8f9fa;
}

.language-dropdown a:hover {
	background: #f8f9fa;
}

.language-dropdown li:last-child a {
	border-bottom: none;
	border-radius: 0 0 5px 5px;
}

.language-dropdown li:first-child a {
	border-radius: 5px 5px 0 0;
}

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: flex;
	align-items: center;
}

.main-navigation .nav-menu {
	display: flex;
	list-style: none;
	margin: 0 0 0 14rem;
	padding: 0;
	gap: 2.5rem; /* 减少间距以适应紧凑header */
}

/* 大屏幕上调整导航位置 */
@media screen and (min-width: 1440px) {
	.main-navigation .nav-menu {
		margin-left: 18rem; /* 24寸显示器上更靠右 */
	}
}

@media screen and (min-width: 1920px) {
	.main-navigation .nav-menu {
		margin-left: 22rem; /* 更大屏幕上进一步靠右 */
	}
}

.main-navigation .nav-menu li {
	margin: 0;
	position: relative;
}

.main-navigation .nav-menu a {
	color: white; /* 在渐变背景上使用白色 */
	text-decoration: none;
	font-weight: 700;
	font-size: 23px;
	font-style: normal;
	line-height: 20px; /* 调整行高 */
	padding: 2px 0; /* 减少垂直padding */
	transition: all 0.3s ease;
	position: relative;
	font-family: var(--font-condensed); /* 使用 Proxima Nova Condensed Bold */
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* 添加文字阴影 */
	text-transform: uppercase; /* 添加大写转换，匹配参考样式 */
	letter-spacing: 0.02em; /* 添加轻微的字符间距 */
}

.main-navigation .nav-menu a:hover {
	color: rgba(255, 255, 255, 0.8); /* 悬停时稍微透明 */
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.main-navigation .nav-menu a.active {
	color: rgba(255, 255, 255, 0.9);
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.main-navigation .nav-menu a::after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: 2px; /* 调整底部位置以适应较小的padding */
	left: 50%;
	background-color: rgba(255, 255, 255, 0.8); /* 白色下划线 */
	transition: all 0.3s ease;
	transform: translateX(-50%);
}

.main-navigation .nav-menu a:hover::after,
.main-navigation .nav-menu a.active::after {
	width: 100%;
	background-color: white; /* 悬停时完全不透明的白色 */
}

/* Mobile Navigation */
.menu-toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	flex-direction: column;
	gap: 6px;
	position: relative;
	z-index: 1002;
	min-width: 40px;
	min-height: 40px;
	justify-content: center;
	align-items: center;
	width: auto;
	justify-self: flex-end;
}

.hamburger-line {
	width: 25px;
	height: 3px;
	background: white; /* 在渐变背景上使用白色 */
	transition: all 0.3s ease;
	border-radius: 2px;
	display: block;
	flex-shrink: 0;
}

@media screen and (max-width: 768px) {
	.header-container {
		padding: 15px;
		position: relative;
	}
	
	.main-navigation {
		order: 3; /* 导航菜单移到最后 */
	}
	
	.header-actions {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		order: 2; /* header-actions在中间 */
	}
	
	.site-branding {
		order: 1; /* 品牌logo在最前 */
	}
	
	.menu-toggle {
		display: flex;
		position: absolute;
		right: 120px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1002;
	}
	
	.language-switcher {
		margin-left: 0;
		margin-right: 0;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}
	
	.main-navigation .nav-menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: var(--gradient-bg); /* 移动端菜单也使用渐变背景 */
		border-top: 1px solid rgba(255, 255, 255, 0.2);
		flex-direction: column;
		gap: 0;
		padding: 20px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
		transform: translateY(-100%);
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s ease;
	}
	
	.main-navigation.toggled .nav-menu {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}
	
	.main-navigation .nav-menu li {
		margin: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* 移动端菜单分隔线使用白色半透明 */
	}
	
	.main-navigation .nav-menu li:last-child {
		border-bottom: none;
	}
	
	.main-navigation .nav-menu a {
		display: block;
		padding: 18px 0; /* 增加padding以适应更大字体 */
		border-bottom: none;
		font-family: var(--font-condensed); /* 确保移动端也使用 Proxima Nova Condensed Bold */
		font-weight: 700;
		color: white; /* 移动端菜单链接文字为白色 */
		font-size: 24px; /* 与桌面版保持一致的字体大小 */
		line-height: 33px; /* 与桌面版保持一致的行高 */
		text-transform: uppercase; /* 添加大写转换 */
		letter-spacing: 0.02em; /* 添加字符间距 */
	}
	
	.main-navigation .nav-menu a::after {
		display: none;
	}
	
	.main-navigation .nav-menu a:hover {
		color: rgba(255, 255, 255, 0.8); /* 移动端菜单悬停颜色 */
		background: rgba(255, 255, 255, 0.1);
		border-radius: 4px;
		margin: 0 -10px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: flex;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Homepage Styles
--------------------------------------------- */

/* Homepage Main Container */
.homepage {
	padding-top: 0; /* 移除默认的上边距 */
}

/* Hero Section */
.hero-section {
	min-height: 100vh;
	background-color: rgb(40, 21, 73); /* 深紫色背景，与body保持一致 */
	position: relative;
	overflow: hidden;
}

/* 背景图片 */
.hero-background {
	position: absolute;
	top: -20px; /* -21.61px / 14.4 */
	left: 0;
	width: 100%; /* 1440px / 14.4 */
	height: 100vh; /* 841.23px / 14.4 */
	z-index: 1;
	opacity: 0.13; /* 匹配参考设计的透明度 */
}

.hero-bg-image {
	width: 100%; /* 1440px / 14.4 */
	height: 100%; /* 959.4px / 14.4 */
	transform: translate(0px, -0.05rem) rotate(0deg); /* -0.7px / 14.4 */
}

.hero-bg-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	max-width: none !important; /* 覆盖可能的主题限制 */
}

.hero-container {
	position: relative;
	z-index: 2;
	width: 100vw; /* 1440px / 14.4 */
	min-height: 100vh;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	/* 移除overflow: hidden 以显示装饰元素 */
}

@media (max-width: 1440px) and (min-width: 769px) {
	/* 平板和中等屏幕：保持比例但允许一些弹性 */
	.hero-container {
		min-height: 100vh;
		height: auto;
		width: 100%;
		max-width: 100rem;
		margin: 0 auto;
	}
}

@media (max-width: 768px) {
	.hero-container {
		width: 100%;
		min-height: 100vh;
		height: auto;
		transform: none; /* 重置缩放 */
		padding: 3rem 1.5rem 3rem;
	}
}

@media (max-width: 480px) {
	.hero-container {
		min-height: 100vh;
		height: auto;
		padding: 2.5rem 1rem 2.5rem; /* 添加一些水平内边距 */
	}
}

.hero-content {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	flex: 1 0 auto;
	padding: 2.5rem 6rem 4rem;
	gap: 1.25rem;
}

/* Logo区域 - 改为flexbox布局，不使用绝对定位 */
.hero-logo {
	align-self: flex-start; /* 保持靠左对齐 */
	margin-top: 1.5rem;
	margin-left: 2.5rem;
	margin-bottom: 1.5rem; /* 给后续元素留出空间 */
	width: 9.5rem;
	height: 7rem;
	flex-shrink: 0; /* 防止缩小 */
}

@media (max-width: 1440px) and (min-width: 769px) {
	.hero-logo {
		width: 10rem;
		height: 7.5rem;
	}
}

@media (max-width: 768px) {
	.hero-logo {
		width: 8.5rem;
		height: 6.5rem;
		margin-bottom: 1.2rem;
		align-self: flex-start;
	}
}

@media (max-width: 480px) {
	.hero-logo {
		width: 7.5rem;
		height: 5.8rem;
		margin-bottom: 0.8rem;
		margin-left: 0;
	}
}

.hero-logo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	max-width: none !important; /* 覆盖可能的主题限制 */
}

/* 主标题区域 */
.hero-title-wrapper {
	margin-top: 0;
	margin-left: 2rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.1rem;
	max-width: 46rem;
	flex: 0 0 auto;
}

.hero-main-title {
	font-family: 'Trend Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: clamp(3.75rem, 6.25vw, 5.8rem);
	line-height: 1.05;
	font-weight: 500;
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: -0.04em;
	text-shadow:
		0 0 0.14rem rgba(255, 242, 242, 1),
		0 0 0.72rem rgba(255, 255, 255, 1),
		0 0 2.15rem rgba(255, 255, 255, 1);
	width: 100%;
	max-width: 100%;
}

.hero-main-title .title-line {
	display: block;
	white-space: nowrap;
	width: 100%;
	text-align: left;
}

.hero-subtitle {
	margin: 0;
	max-width: 38rem;
	width: 100%;
	text-align: left;
	font-family: 'Trend Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: clamp(1.4rem, 2.3vw, 2rem);
	line-height: 1.4;
	color: #ff4ff3;
	font-weight: 500;
	letter-spacing: -0.04em;
	text-shadow:
		0 0 0.04rem rgb(255, 21, 239),
		0 0 0.2rem rgb(255, 63, 242),
		0 0 0.59rem rgb(255, 63, 242);
}

.hero-cta {
	margin-top: 1.5rem;
	display: flex;
	gap: 1.5rem;
	align-items: flex-start;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.hero-title-wrapper {
		margin-left: 2rem;
		max-width: 44rem;
	}
}

@media (max-width: 1024px) and (min-width: 769px) {
	.hero-content {
		padding: 2.5rem 4rem 3rem;
	}

	.hero-title-wrapper {
		margin-left: 1.5rem;
		max-width: 36rem;
	}

	.hero-cta {
		margin-top: 1.75rem;
	}
}

@media (max-width: 768px) {
	.hero-content {
		padding: 2.5rem 2rem 3rem;
		gap: 1.25rem;
	}

	.hero-title-wrapper {
		margin-left: 0;
		align-items: center;
		max-width: 100%;
		gap: 1rem;
	}

	.hero-main-title .title-line,
	.hero-subtitle {
		text-align: center;
	}

	.hero-cta {
		margin-top: 2rem;
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width: 480px) {
	.hero-content {
		padding: 2rem 1.2rem 2.5rem;
	}

	.hero-main-title .title-line {
		white-space: normal;
	}

	.hero-subtitle {
		max-width: 100%;
	}

	.hero-cta {
		margin-top: 1.75rem;
		gap: 0.8rem;
	}
}
.hero-cta.scroll-animate {
	opacity: 1 !important;
	transform: translateY(0) !important;
	visibility: visible !important;
	display: flex !important;
}

.hero-cta .cta-button {
	opacity: 1 !important;
	visibility: visible !important;
	display: flex !important;
}

.cta-button.creator-apply {
	width: 15.98rem; /* 230.09px / 14.4 */
	height: 4.37rem; /* 62.97px / 14.4 */
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-condensed); /* Proxima Nova Condensed */
	font-weight: 700;
	font-size: 1.48rem; /* 21.33px / 14.4 */
	line-height: 2.01rem; /* 29px / 14.4 */
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 8.89rem; /* 128px / 14.4 */
	transition: all 0.3s ease;
	letter-spacing: 0em;
	color: white !important;
	border: none;
	background: linear-gradient(90deg, #832eff 0%, #fe4ff2 100%) !important; /* 渐变背景 */
	overflow: hidden;
	z-index: 1000 !important; /* 确保在最上层 */
	padding: 10px 20px;
}

.cta-button.partner-with-us {
	width: 15.98rem; /* 230.09px / 14.4 */
	height: 4.37rem; /* 62.97px / 14.4 */
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-condensed); /* Proxima Nova Condensed */
	font-weight: 700;
	font-size: 1.48rem; /* 21.33px / 14.4 */
	line-height: 2.01rem; /* 29px / 14.4 */
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 8.89rem; /* 128px / 14.4 */
	transition: all 0.3s ease;
	letter-spacing: 0em;
	color: white !important;
	border: none;
	background: linear-gradient(90deg, #832eff 0%, #fe4ff2 100%) !important; /* 渐变背景 */
	overflow: hidden;
	z-index: 1000 !important; /* 确保在最上层 */
	padding: 10px 20px;
}

@media (max-width: 768px) {
	.cta-button.creator-apply,
	.cta-button.partner-with-us {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: 200px;
		height: 50px;
		font-size: 16px;
		transform: none !important; /* 重置transform */
	}
}

@media (max-width: 480px) {
	.cta-button.creator-apply,.cta-button.partner-with-us {
		position: static;
		margin: 0 auto;
	}

	.cta-button.creator-apply,
	.cta-button.partner-with-us {
		width: 100%;
		margin: 5px 0;
	}
}

.cta-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.cta-button.creator-apply:hover,
.cta-button.partner-with-us:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* 装饰元素 */
.hero-decorative-elements {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 4;
}

.decorative-image {
	position: absolute;
}

.decorative-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	max-width: none !important;
}

.decorative-1 {
	top: 65%;
	right: 5%;
	width: 250px;
	height: auto;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.decorative-1 {
		top: 65%;
		right: 5%;
		width: 250px;
		height: auto;
	}
}

@media (max-width: 768px) {
	.decorative-1 {
		bottom: 3rem;
		right: 1rem;
		height: auto;
		width: 250px;
		top: unset;
	}
}

@media (max-width: 480px) {
	.decorative-1 {
		bottom: 3rem;
		right: 1rem;
		width: 200px;
		top: unset;
	}
}

/* Content Sections */
.content-section {
	padding: 80px 0;
	position: relative;
}

.content-section:nth-child(even) {
	background: #f8f9fa; /* 交替背景色 */
}

.section-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.section-header {
	text-align: center;
	margin-bottom: 3rem;
}

.section-title {
	font-family: var(--font-primary); /* ITC Avant Garde Gothic Pro */
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: 700;
	color: var(--text-color);
	margin: 0 0 1rem 0;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.section-subtitle {
	font-family: var(--font-secondary); /* Trend Sans */
	font-size: 1.2rem;
	color: #666;
	margin: 0;
	font-weight: 300;
	font-style: italic;
}

.section-content {
	font-family: var(--font-secondary);
	font-size: 1.1rem;
	line-height: 1.6;
	color: var(--text-color);
}
@media (max-width: 1440px) and (min-width: 769px) {
	.hero-section {
		height: auto;
		min-height: 100vh;
	}
}

@media (max-width: 768px) {
	.hero-section {
		height: auto;
		min-height: 100vh;
	}
	
	.hero-content {
		display: flex;
		flex-direction: column;
		height: auto; /* 改为自动高度 */
		padding: 1rem; /* 移动端更紧凑的padding */
		align-items: flex-start; /* 保持左对齐，除了文字 */
	}
	
	.hero-background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.1;
	}
	
	.hero-bg-image {
		width: 100%;
		height: 100%;
		transform: none;
	}
	
	.hero-main-title {
		font-size: clamp(3rem, 12vw, 5rem);
		line-height: 0.9;
		width: 100%;
		height: auto;
		transform: none;
	}
	
	.section-container {
		padding: 0 15px;
	}
	
	.content-section {
		padding: 60px 0;
	}
}

@media (max-width: 480px) {
	.hero-main-title {
		font-size: 2.5rem;
		line-height: 2.2rem;
	}
	
	.hero-subtitle {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/
.about-section {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 80px 20px;
	overflow: hidden;
	background-color: rgb(40, 21, 73);
	height: 100vh;
}

@media (max-width: 1440px) and (min-width: 769px) {
	/* .about-section {
		padding: 80px 40px;
	} */
}

@media (max-width: 768px) {
	.about-section {
		padding: 60px 10px;
	}
}

@media (max-width: 480px) {
	.about-section {

		padding: 0;
	}
}

.about-container {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Background Images */
.about-background-images {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

.bg-image {
	position: absolute;
}

.bg-image-1 {
    bottom: 0;
	right: 0;
	width: 50%;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.bg-image-1 {
		bottom: 0;
		right: 0;
		width: 50%;
	}
}

@media (max-width: 768px) {
	.bg-image-1 {
		bottom: 0;
		right: 0;
		width: 100%;
		max-width: 600px;
	}
}

@media (max-width: 480px) {
	.bg-image-1 {
		bottom: 0;
		right: 0;
		width: 100%;
		max-width: 400px;
	}
}

.bg-image-2 {
    top: -60%;
    left: 15%;
    width: 35%;
    max-width: 480px;
}

@media (max-width: 1440px) and (min-width: 769px) {
	/* .bg-image-2 {
		top: -50%;
		left: 10%;
		width: 30%;
		max-width: 360px;
	} */
}

@media (max-width: 768px) {
	.bg-image-2 {
		top: -40%;
		left: 5%;
		width: 40%;
		max-width: 240px;
	}
}

@media (max-width: 480px) {
	.bg-image-2 {
		top: -30%;
		left: 0%;
		width: 50%;
		max-width: 200px;
	}
}

.bg-image img {
	width: 100%;
	height: auto;
	display: block;
}

/* Stats Grid */
.stats-grid {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 60px;
	width: 100%;
	max-width: 1200px;
}

@media (max-width: 1440px) and (min-width: 769px) {
	/* .stats-grid {
		gap: 50px;
	} */
}
@media (max-width: 768px) {
	.stats-grid {
		flex-direction: column;
		align-items: center;
		gap: 0;
	}
}
@media (max-width: 480px) {
	.stats-grid {
		gap: 0;
		height: 100%;
	}
}

.stats-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 5px;
	width: 45%;
	min-width: 280px;
}

@media (max-width: 1440px) and (min-width: 769px) {
	/* .stats-item {
		width: 45%;
		min-width: 250px;
	} */
}

@media (max-width: 768px) {
	/* .stats-item {
		width: 100%;
		max-width: 400px;
		align-items: center;
		text-align: center;
	} */
}

@media (max-width: 480px) {
	.stats-item {
		width: 100%;
		max-width: 100%;
		align-items: left;
		text-align: center;
		gap:0;
	}

	.stats-item .number-text {
		margin-left: 5px;
	}

	.stats-item .stats-number {
		padding-left: 10px;
	}

	.stats-item:nth-child(1) {
		position: absolute;
		left: 5%;
		top: 8%;
	}
	.stats-item:nth-child(2) {
		position: absolute;
		left: 43%;
		top: 48%;
	}
	.stats-item:nth-child(3) {
		position: absolute;
		left: 23%;
		top: 28%;
	}
	.stats-item:nth-child(4) {
		position: absolute;
		left: 5%;
		top: 68%;
	}
}

.stats-category {
	position: relative;
	margin-left: 20px;
}

.category-text {
	font-family: "Trend Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; /* Trend Sans W00 Five */
	font-size: 2.5rem;
	font-weight: 300;
	color: #ff4ff3;
	line-height: 52px;
	letter-spacing: 0;
	text-transform: uppercase;
	text-shadow: 
		0 0 0.04rem rgb(255, 21, 239),
		0 0 0.2rem rgb(255, 63, 242),
		0 0 0.59rem rgb(255, 63, 242);
	position: relative;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.category-text {
		font-size: 2.2rem;
		line-height: 52px;
	}
}

@media (max-width: 768px) {
	.category-text {
		font-size: 1.8rem;
		line-height: 52px;
		margin-left: 0;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.category-text {
		font-size: 1.5rem;
		line-height: 1.4;
		margin-left: 0;
		text-align: left;
	}
}

/* Number Text */
.stats-number {
	display: flex;
	align-items: center;
}

.number-text {
	font-family: var(--font-secondary);
	font-size: 7rem;
	font-weight: 400;
	font-style: normal;
	line-height: normal;
    color: rgb(255, 255, 255);
	letter-spacing: -0.075em;
    text-shadow: 0 0 0.14rem rgba(255, 242, 242, 1), 0 0 0.72rem rgba(255, 255, 255, 1), 0 0 2.15rem rgba(255, 255, 255, 1);
}

/* Description Text */
.stats-description {
	display: flex;
	align-items: center;
}

.description-text {
	font-family: Arial, sans-serif;
	font-size: 1.5rem; /* 相当于24px */
	font-weight: 700;
	color: rgb(255, 255, 255);
	line-height: 2.2; /* 相当于33px line-height */
	letter-spacing: 0;
	margin-left: 20px;
	font-kerning: none;
	text-decoration: none;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.description-text {
		text-wrap: nowrap;
		font-size: 1.3rem;
		font-weight: 700;
		line-height: 2.2;
	}
}

@media (max-width: 768px) {
	.description-text {
		text-wrap: nowrap;
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 2.2;
		margin-left: 10px;
	}
}

@media (max-width: 480px) {
	.description-text {
		text-wrap: nowrap;
		font-size: 1.1rem;
		font-weight: 400;
		line-height: 1;
		margin-left: 20px;
	}
}

@media (max-width: 1200px) {	
	.number-text {
		font-size: 4rem;
	}
}

@media (max-width: 768px) {	
	.number-text {
		font-size: 3.5rem;
	}
}

@media (max-width: 480px) {		
	.number-text {
		font-size: 3rem;
	}
}

/* =====================================
   Services Section
   ===================================== */

.services-section {
	background-color: rgb(40, 21, 73); /* Dark purple background */
	padding: 80px 20px;
	position: relative;
	overflow: hidden;
	min-height: 100vh;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.services-section {
		padding: 80px 40px;
	}
}

@media (max-width: 768px) {
	.services-section {
		padding: 60px 10px;
		min-height: auto;
	}
}

@media (max-width: 480px) {
	.services-section {
		padding: 40px 5px;
		min-height: auto;
	}
}

.services-container {
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 80vh;
}

/* Services Header */
.services-header {
	text-align: center;
	margin-bottom: 60px;
	width: 100%;
	padding: 0 7rem;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.services-header {
		padding: 0 3rem;
	}
}

@media (max-width: 768px) {
	.services-header {
		margin-bottom: 40px;
		padding: 0 1rem;
	}
}

@media (max-width: 480px) {
	.services-header {
		padding: 0;
	}
}

.services-title-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.services-header {
		padding: 0 3rem;
	}
}

@media (max-width: 768px) {
	.services-title-wrapper {
		align-items: center;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.services-header {
		padding: 0 1rem;
	}
}

.services-main-title {
	text-align: start;
	font-family: 'Trend Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 5rem; /* 约75px */
	font-weight: 500;
	color: rgb(255, 255, 255);
	line-height: 4.2rem; /* 约67px */
	letter-spacing: -0.075em;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	text-shadow: 
		0 0 0.14rem rgba(255, 242, 242, 1), /* 2.07px / 14.4 */
		0 0 0.72rem rgba(255, 255, 255, 1), /* 10.33px / 14.4 */
		0 0 2.15rem rgba(255, 255, 255, 1); /* 30.98px / 14.4 */
}

.services-main-title .title-line {
	text-align: left;
	display: block;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.services-main-title {
		font-size: 4.5rem; /* 约68px */
		line-height: 4rem; /* 约60px */
	}
}
@media (max-width: 768px) {
	.services-main-title {
		font-size: 3rem; /* 约45px */
		line-height: 3.2rem; /* 约48px */
		text-align: center;
	}
}
@media (max-width: 480px) {
	.services-main-title {
		font-size: 2.5rem; /* 约38px */
		line-height: 2.8rem; /* 约42px */
		text-align: center;
		padding: 0;
	}
}

.services-subtitle {
	text-align: start;
	font-family: var(--font-primary);
	font-size: 1.5rem; /* 约24px */
	font-weight: 700;
	color: rgb(255, 79, 243);
	line-height: 2.1rem; /* 约33px */
	letter-spacing: 0;
	text-transform: uppercase;
	margin: 0;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.services-subtitle {
		font-size: 1.4rem; /* 约22px */
		line-height: 2rem; /* 约30px */
	}
}

@media (max-width: 768px) {
	.services-subtitle {
		font-size: 1.3rem; /* 约20px */
		line-height: 1.8rem; /* 约27px */
		text-align: center;
	}
}

@media (max-width: 480px) {
	.services-subtitle {
		font-size: 0.8rem; /* 约18px */
		line-height: 1.6rem; /* 约24px */
		text-align: center;
	}
}

/* Services Grid */
.services-grid {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 60px;
	width: 100%;
	flex-wrap: wrap;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.services-grid {
		gap: 50px;
	}
}

@media (max-width: 768px) {
	.services-grid {
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}
}

@media (max-width: 480px) {
	.services-grid {
		gap: 50px;
	}
}

/* Service Card */
.service-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 350px;
	max-width: 100%;
	position: relative;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.service-card {
		width: 320px;
	}
}

@media (max-width: 768px) {
	.service-card {
		width: 300px;
	}
}

@media (max-width: 480px) {
	.service-card {
		width: 80vw;
	}
}

/* Service Image */
.service-image {
	width: 350px;
	height: 500px;
	border-radius: 80px;
	overflow: hidden;
	position: relative;
	transform: scale(1.05);
	opacity: 0.6;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.service-image {
		width: 320px;
		height: 450px;
	}
}

@media (max-width: 768px) {
	.service-image {
		width: 300px;
		height: 400px;
	}
}

@media (max-width: 480px) {
	.service-image {
		width: 90vw;
		border-radius: 50px;
		/*height: 300px;
		*/
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
}
}

.service-image::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.2) 60%,
		rgba(0, 0, 0, 0.6) 100%
	);
	z-index: 2;
	border-radius: 80px;
}

@media (max-width: 480px) {
	.service-image::before {
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
	}
}

.service-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Service Content - 重叠在图片上 */
.service-content {
	position: absolute;
	bottom: 120px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	z-index: 15;
	width: 90%;
	padding: 0 10px;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.service-content {
		bottom: 110px;
	}
}

@media (max-width: 768px) {
	.service-content {
		bottom: 100px;
	}
}

@media (max-width: 480px) {
	.service-content {
		bottom: 130px;
	}
}

.service-title {
	font-family: var(--font-secondary);
	text-transform: uppercase;
   	font-size: 2.3rem;
    font-weight: 300;
    font-style: normal;
    color: rgb(255, 255, 255);
    line-height: 3.5rem;
    margin: 0;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    font-kerning: none;
    text-decoration: none;
    list-style-type: none;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.service-title {
		font-size: 2.1rem; /* 约32px */
		line-height: 3.2rem; /* 约48px */
	}
}

@media (max-width: 768px) {
	.service-title {
		font-size: 1.8rem; /* 约27px */
		line-height: 2.8rem; /* 约42px */
	}
}

@media (max-width: 480px) {
	.service-title {
		font-size: 1.8rem;
		line-height: 1.2;
	}
}

.service-subtitle {
	text-transform: uppercase;
	font-size: 2.2rem; /* 约35px - 与主标题相同 */
	line-height: 2.2rem; /* 约35px */
	font-weight: 400;
	font-style: normal;
	color: rgb(255, 255, 255);
	letter-spacing: -0.075em;
	font-kerning: none;
	text-decoration: none;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.service-subtitle {
		font-size: 1.9rem; /* 约30px */
		line-height: 1.9rem; /* 约30px */
	}
}

@media (max-width: 768px) {
	.service-subtitle {
		font-size: 1.75rem; /* 约28px */
		line-height: 1.75rem; /* 约28px */
	}
}

@media (max-width: 480px) {
	.service-subtitle {
		font-size: 1.6rem; /* 约25px */
		line-height: 1.6rem; /* 约25px */
	}
}

/* Service CTA - 重叠在图片上 */
.service-cta {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 15;
}

.service-button {
	display: inline-block;
	padding: 20px 30px;
	background: linear-gradient(90deg, #832eff 0%, #fe4ff2 100%);
	border-radius: 128px;
	color: rgb(255, 255, 255);
	font: var(--font-primary);
	font-size: 1.33rem;
	/*约21px*/font-weight: 700;
	line-height: 1.8rem;
	/*约29px*/letter-spacing: 0;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s ease;
	min-width: 240px;
	text-align: center;
	white-space: nowrap;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.service-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(131, 46, 255, 0.3);
	color: rgb(255, 255, 255);
	text-decoration: none;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.service-button {
		font-size: 1.2rem; /* 约19px */
		padding: 18px 28px;
		min-width: 220px;
	}
}

@media (max-width: 768px) {
	.service-button {
		font-size: 1.1rem; /* 约17px */
		padding: 16px 26px;
		min-width: 200px;
	}
}

@media (max-width: 480px) {
	.service-button {
		font-size: 1rem; /* 约16px */
		padding: 14px 24px;
		min-width: 180px;
	}
}

/* ===================================
   Partners Section
   =================================== */

.partners-section {
	background-color: #281549; /* 深紫色背景 */
	min-height: 854px;
	display: flex;
	align-items: center;
	padding: 80px 0;
	overflow: hidden;
	position: relative;
}

.partners-container {
	width: 100%;
	margin: 0 auto;
	padding: 0 85px;
}

.partners-content {
	display: flex;
	align-items: start;
	justify-content: space-around;
	min-height: 683px;
}

@media (max-width: 1440px) and (min-width: 769px) {	
	.partners-content {
		gap: 60px;
	}
}

@media (max-width: 768px) {	
	.partners-content {
		flex-direction: column;
		gap: 40px;
		text-align: center;
	}
}

@media (max-width: 480px) {	
	.partners-content {
		padding: 10px 0;
	}
}

/* Left Column */
.partners-left {
	flex: 0 0 auto;
	width: 570px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.partners-image {
	width: 570px;
	height: 571px;
	margin-bottom: 20px;
}

.partners-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
}

@media (max-width: 1440px) and (min-width: 769px) {	
	.partners-image {
		width: 450px;
		height: 450px;
	}
}

@media (max-width: 768px) {	
	.partners-image {
		width: 350px;
		height: 350px;
	}
}

@media (max-width: 480px) {	
	.partners-image {
		width: 50vw;
		height: auto;
	}
}

.partners-badge {
	position: relative;
	z-index: 2;
}

@media (max-width: 1440px) and (min-width: 769px) {	
	/* .partners-badge {
		margin-top: -60px;
	} */
}

@media (max-width: 768px) {	
	/* .partners-badge {
		margin-top: -40px;
	} */
}

@media (max-width: 480px) {	
	.partners-badge {
		margin: 20px auto;
	}
}

.badge-content {
	cursor: pointer;
	background: linear-gradient(90deg, #832eff 0%, #fe4ff2 100%);
	border-radius: 128px;
	padding: 18px 30px;
	min-width: 230px;
	text-align: center;
	transition: all 0.3s ease;
	transform: scale(1);
}

@media (max-width: 1440px) and (min-width: 769px) {	
	.badge-content {
		padding: 16px 28px;
		min-width: 200px;
	}
}

@media (max-width: 768px) {	
	.badge-content {
		padding: 14px 26px;
		min-width: 200px;
	}
}

@media (max-width: 480px) {	
	.badge-content {
		padding: 12px 24px;
		min-width: 200px;
	}
}

.badge-content:hover {
	transform: scale(1.05);
	box-shadow: 0 8px 25px rgba(131, 46, 255, 0.4);
}

.badge-text {
	color: #ffffff;
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0em;
	line-height: 29px;
}

.partners-title-section {
	margin-top: -80px;
	width: 100%;
}

.partners-main-title {
	font-family: "Trend Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: #ffffff;
	font-size: 75px;
	font-weight: 500;
	line-height: 67px;
	letter-spacing: -0.075em;
	margin: 0 0 15px 0;
	    text-shadow: 0 0 0.14rem rgba(255, 242, 242, 1), 0 0 0.72rem rgba(255, 255, 255, 1), 0 0 2.15rem rgba(255, 255, 255, 1);
}

.title-line-1,
.title-line-2,
.title-line-3 {
	display: block;
}

@media (max-width: 480px) {	
	.partners-intro {
		margin: 0;
		font-size: 16px;
	}

	.partners-description {
		margin: 20px 0;
		font-size: 16px;
	}

	.partners-collaboration {
		margin: 20px 0;
		font-size: 16px;
	}

	.partners-conclusion {
		margin: 20px 0;
		font-size: 16px;
	}
}

.partners-tagline {
	font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #ff4ff3;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	line-height: 33px;
    font-style: normal;
    font-kerning: none;
    text-decoration-line: none;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
}

@media (max-width: 1440px) and (min-width: 769px) {	
	.partners-tagline {
		font-size: 20px;
		line-height: 28px;
	}
}

@media (max-width: 768px) {	
	.partners-tagline {
		font-size: 18px;
		line-height: 25px;
	}
}

@media (max-width: 480px) {	
	.partners-tagline {
		font-size: 16px;
		line-height: 22px;
		letter-spacing: -0.005em;
	}
}

/* Right Column */
.partners-right {
	flex: 0 0 auto;
	width: 570px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

@media (max-width: 1440px) and (min-width: 769px) {	
	/* .partners-right {
		width: 450px;
	} */
}

@media (max-width: 768px) {	
	.partners-right {
		width: 100%;
		align-items: center;
		text-align: center;
	}
}

@media (max-width: 480px) {	
	.partners-right {
		width: 100%;
		align-items: center;
		text-align: center;
		padding: 0 10px;
	}
}

.partners-text-content {
	color: #ffffff;
	text-transform: none;
	font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 21px;
	font-weight: 300;
	line-height: 33px;
	letter-spacing: -0.0075em;
}

@media (max-width: 1440px) and (min-width: 769px) {	
	.partners-text-content {
		font-size: 18px;
		line-height: 28px;
	}
}

@media (max-width: 768px) {	
	.partners-text-content {
		font-size: 16px;
		line-height: 24px;
		width: 100%;
	}
}

@media (max-width: 480px) {	
	.partners-text-content {
		font-size: 16px;
		line-height: 1;
		width: 100%;
	}
}

.partners-collaboration {
	margin-bottom: 5px;
}

.partners-benefits {
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
}

.partners-benefits li {
	margin: 0 0 2px 0;
	font-weight: 400;
	position: relative;
	padding-left: 20px;
}

@media (max-width: 1440px) and (min-width: 769px) {	
	.partners-benefits li {
		margin: 0 0 2px 0;
		font-weight: 400;
		position: relative;
		padding-left: 20px;
	}
}

@media (max-width: 768px) {	
	.partners-benefits li {
		margin: 0 0 2px 0;
		font-weight: 400;
		position: relative;
		padding-left: 20px;
	}
}

@media (max-width: 480px) {	
	.partners-benefits li {
		font-size: 14px;
		margin: 0 0 2px 0;
		font-weight: 400;
		position: relative;
		padding-left: 20px;
	}
}

.partners-benefits li:before {
	content: "•";
	position: absolute;
	left: 0;
	color: #ffffff;
}

/* Responsive Design */
@media (max-width: 1200px) {
	.partners-container {
		padding: 0 40px;
	}
	
	.partners-left {
		width: 450px;
	}
	
	.partners-main-title {
		font-size: 60px;
		line-height: 55px;
	}
}

@media (max-width: 960px) {
	.partners-left {
		width: 100%;
		margin-bottom: 1.2rem;
	}
	
	.partners-main-title {
		font-size: 50px;
		line-height: 45px;
	}
}

@media (max-width: 768px) {
	.partners-section {
		padding: 60px 0;
	}
	
	.partners-container {
		padding: 0 20px;
	}
	
	.partners-main-title {
		font-size: 40px;
		line-height: 38px;
	}
	
	.badge-text {
		font-size: 18px;
		line-height: 24px;
	}
}

@media (max-width: 480px) {
	.partners-section {
		padding: 40px 0;
	}
	
	.partners-container {
		padding: 0 15px;
	}
	
	.partners-main-title {
		font-size: 32px;
		line-height: 30px;
	}
	
	.badge-text {
		font-size: 16px;
		line-height: 20px;
	}
}

/*--------------------------------------------------------------
# Why Us Section
--------------------------------------------------------------*/

.why-us-section {
	padding: 100px 0;
	background-color: #281549;
	position: relative;
}

.why-us-container {
	margin: 0 auto;
	padding: 0 110px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Header Styles */
.why-us-header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

@media (max-width: 768px) {
	.why-us-header {
		align-items: center;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.why-us-header {
		align-items: center;
	}
}

.why-us-title-wrapper {
	display: flex;
	flex-direction: column;
}

.why-us-main-title {
	font-family: 'Trend Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 74.67px;
	font-weight: 500;
	color: #ffffff;
	line-height: 67px;
	letter-spacing: -0.075em;
	margin: 0;
	text-transform: uppercase;
	    text-shadow: 0 0 0.14rem rgba(255, 242, 242, 1), 0 0 0.72rem rgba(255, 255, 255, 1), 0 0 2.15rem rgba(255, 255, 255, 1);
}

@media (max-width: 1440px) and (min-width: 769px) {
	.why-us-main-title {
		font-size: 60px;
		line-height: 55px;
	}
}

@media (max-width: 768px) {
	.why-us-main-title {
		font-size: 48px;
		line-height: 44px;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.why-us-main-title {
		font-size: 3rem;
		line-height: 1.2;
		text-align: center;
		padding: 0;
	}
}

.why-us-main-title .title-line {
	text-align: left;
	display: block;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.whoweare-main-title .title-line{
	}
}

@media (max-width: 768px) {
	.whoweare-main-title .title-line {
		text-align: center;
	}
}

@media (max-width: 480px) {
	.whoweare-main-title .title-line{
		text-align: center;
	}
}

.why-us-subtitle p {
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #ff4ff3;
	line-height: 33px;
	margin: 0;
	text-transform: uppercase;
}

/* Grid Layout */
.why-us-grid {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.why-us-row {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.why-us-feature {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 48%;
}

/* Feature Image */
.feature-image {
	width: 100%;
	height: 200px;
	border-radius: 42.67px;
	overflow: hidden;
	position: relative;
}

.feature-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Feature Content */
.feature-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.feature-title {
	font-size: 37.33px;
	font-weight: 700;
	color: #ff4ff3;
	line-height: 52px;
	margin: 0;
}

.feature-description {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.feature-description p {
	font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: #ffffff;
	line-height: 33px;
	margin: 0;
}

/* CTA Buttons */
.why-us-cta {
	display: flex;
	justify-content: flex-start;
	gap: 40px;
	margin-top: 40px;
}

@media (max-width: 768px) {
	.why-us-cta {
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
	}
}

@media (max-width: 480px) {
	.why-us-cta {
		justify-content: center;
		flex-wrap: wrap;
		gap: 15px;
	}
}

.why-us-button {
	background: linear-gradient(90deg, #832eff 0%, #fe4ff2 100%);
	border-radius: 128px;
	padding: 18px 35px;
	text-decoration: none;
	transition: all 0.3s ease;
	min-width: 230px;
	text-align: center;
	display: inline-block;
}

@media (max-width: 768px) {	
	.why-us-button {
		min-width: 200px;
		width: 45%;
		padding: 15px 25px;
	}
}

@media (max-width: 480px) {
	.why-us-button {
		min-width: 100px;
		width: 45%;
		padding: 12px 20px;
	}
}

.why-us-button span,
.why-us-button {
	font-size: 21.33px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 0;
}

@media (max-width: 768px) {	
	.why-us-button span,
	.why-us-button {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.why-us-button span,
	.why-us-button {
		font-size: 16px;
	}
}

.why-us-button:hover {
	transform: translateY(-2px);
	color: #ffffff;
	box-shadow: 0 8px 25px rgba(254, 79, 242, 0.3);
}

/* Responsive Design */
@media (max-width: 1200px) {
	.why-us-container {
		padding: 0 80px;
		gap: 50px;
	}
	
	.feature-title {
		font-size: 32px;
		line-height: 44px;
	}
	
	.feature-description p {
		font-size: 20px;
		line-height: 28px;
	}
}

@media (max-width: 968px) {
	.why-us-section {
		padding: 80px 0;
	}
	
	.why-us-container {
		padding: 0 40px;
		gap: 40px;
	}
	
	.why-us-row {
		flex-direction: column;
		gap: 40px;
	}
	
	.why-us-feature {
		max-width: 100%;
	}
	
	.feature-image {
		height: 180px;
	}
	
	.feature-title {
		font-size: 28px;
		line-height: 38px;
	}
	
	.feature-description p {
		font-size: 18px;
		line-height: 25px;
	}
}

@media (max-width: 768px) {
	.why-us-container {
		padding: 0 30px;
	}
	
	.why-us-subtitle p {
		font-size: 20px;
		line-height: 28px;
	}
	
	.feature-image {
		height: 160px;
		border-radius: 32px;
	}
	
	.feature-title {
		font-size: 24px;
		line-height: 32px;
	}
	
	.feature-description p {
		font-size: 16px;
		line-height: 22px;
	}
}

@media (max-width: 480px) {
	.why-us-section {
		padding: 60px 0;
	}
	
	.why-us-container {
		padding: 0 20px;
		gap: 30px;
	}
	
	.why-us-subtitle p {
		font-size: 16px;
		line-height: 22px;
	}
	
	.feature-image {
		height: 140px;
		border-radius: 24px;
	}
	
	.feature-title {
		font-size: 20px;
		line-height: 28px;
	}
	
	.feature-description p {
		font-size: 16px;
		line-height: 20px;
	}
}

/*--------------------------------------------------------------
# Collabs Section
--------------------------------------------------------------*/

.collabs-section {
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.collabs-section {
		padding: 60px 0;
	}
}

@media (max-width: 768px) {
	.collabs-section {
		padding: 80px 0;
	}
}

@media (max-width: 480px) {
	.collabs-section {
		padding: 50px 0;
	}
}

.collabs-container {
	margin: 0 auto;
	padding: 0 100px;
	display: flex;
	align-items: start;
	position: relative;
}

/* Section Header */
.collabs-header {
	margin-bottom: 80px;
	text-align: center;
}

.collabs-title-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.collabs-results-images {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	justify-content: space-evenly;
    gap: 6px;
	max-width: 350px;
}

@media (max-width: 768px) {
	.collabs-results-images {
		max-width: 50vw;
		gap: 6px;
	}
}

@media (max-width: 480px) {
	.collabs-results-images {
		max-width: 60vw;
		gap: 6px;
	}
}

.collabs-results-images img {
	object-fit: cover;
	object-position: center;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
}

.collabs-results-image-single {
	height: 410px;
	width: 100%;
	margin-left: -40%;
}

@media (max-width: 768px) {
	.collabs-results-image-single {
		height: 200px;
		width:100%;
		margin-left: -40%;
		margin-top: 10%;
	}
}

@media (max-width: 480px) {
	.collabs-results-image-single {
		height: 200px;
		width:100%;
		margin-left: -40%;
		margin-top: 10%;
	}
}

.collabs-results-image-single img {
	height: 100%;
	width: auto;
}

.collabs-results-wrapper {
	margin-top: 50px;
	display: flex;
}

.collabs-main-title {
	font-family: 'Trend Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 74.67px;
	font-weight: 400;
	line-height: 67px;
	letter-spacing: -0.075em;
	color: #ffffff;
	margin: 0;
	text-transform: none;
	text-wrap: nowrap;
	    text-shadow: 0 0 0.14rem rgba(255, 242, 242, 1), 0 0 0.72rem rgba(255, 255, 255, 1), 0 0 2.15rem rgba(255, 255, 255, 1);
	width: 800px;
}

/* Collaboration Separator Lines */
.collab-separator {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px 0;
	width: 100%;
	min-width: 400px; /* 强制最小宽度 */
	overflow: visible; /* 确保内容可见 */
	position: relative; /* 为绝对定位做准备 */
}

.collab-separator .gradient-line {
	position: absolute;
	height: 1px;
	width: 100%; /* 固定宽度 */
	background: linear-gradient(90deg, #832eff 0%, #fe4ff2 100%);
	z-index: 1; /* 确保显示在上层 */
	display: block !important; /* 强制显示 */
	opacity: 1 !important; /* 强制不透明 */
	visibility: visible !important; /* 强制可见 */
}

@media (max-width: 768px) {
	.collab-separator .gradient-line {
		width: 80vw; 
	}
}

@media (max-width: 480px) {
	.collab-separator .gradient-line {
		width: 80vw;
	}
}

/* Collabs Content */
.collabs-content {
	display: flex;
	flex-direction: column;
	gap: 0;
	width: 100%;
	max-width: 900px;
	align-items: center;
	margin-left: auto;
	margin-right: 120px;
}

.collab-item {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	width: 380px;;
}

@media (max-width: 768px) {
	.collab-item {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.collab-item {
		width: 100%;
	}
}

.collab-header {
	margin-bottom: 10px;
}

.collab-company {
	text-wrap: nowrap;
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 35px;
	color: #ff4ff3;
	margin: 0;
	letter-spacing: 0em;
}

.collab-description {
	display: flex;
	flex-direction: column;
}

.collab-description p {
	font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	font-weight: 200;
	line-height: 26px;
	color: #ffffff;
	margin: 0;
	letter-spacing: 0em;
}

/* Responsive Design */

@media (max-width: 1200px) {
	.collabs-container {
		padding: 0 60px;
	}
	
	.collabs-content {
		margin-right: 80px;
	}
}

@media (max-width: 992px) {
	.collabs-container {
		padding: 0 40px;
	}
	
	.collabs-content {
		margin-right: 40px;
	}
	
	.collab-separator {
		margin: 35px 0;
	}
}

@media (max-width: 768px) {
	.collabs-container {
		padding: 0 40px;
		flex-direction: column;
		align-items: center;
	}
	
	.collabs-header {
		margin-bottom: 60px;
	}
	
	.collabs-main-title {
		font-size: 48px;
		line-height: 44px;
		width: auto;
		max-width: 100%;
		text-wrap: wrap;
	}
	
	.collabs-content {
		gap: 0;
		margin-right: 0;
		margin-left: 0;
		align-items: center;
		text-align: center;
		max-width: 100%;
	}
	
	.collab-company {
		font-size: 20px;
		line-height: 28px;
		text-wrap: wrap;
	}
	
	.collab-description p {
		font-size: 16px;
		line-height: 22px;
	}
}

@media (max-width: 480px) {
	.collabs-container {
		padding: 0 20px;
		flex-direction: column;
		align-items: center;
	}
	
	.collabs-header {
		margin-bottom: 40px;
	}
	
	.collabs-main-title {
		font-size: 36px;
		line-height: 34px;
		width: auto;
		max-width: 100%;
		text-wrap: wrap;
	}
	
	.collabs-content {
		gap: 0;
		margin-right: 0;
		margin-left: 0;
		max-width: 100%;
	}
	
	.collab-company {
		font-size: 18px;
		line-height: 24px;
		text-wrap: wrap;
	}
	
	.collab-description p {
		font-size: 16px;
		line-height: 20px;
	}
}

@media (max-width: 320px) {
	.collabs-container {
		padding: 0 15px;
	}
	
	.collabs-main-title {
		font-size: 28px;
		line-height: 26px;
	}
	
	.collabs-content {
		gap: 0;
	}
}

/*--------------------------------------------------------------
# Who We Are Section
--------------------------------------------------------------*/

.whoweare-section {
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
}

.whoweare-container {
	margin: 0 auto;
	padding: 0 100px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	gap: 40px;
}

@media (max-width: 768px) {
	.whoweare-container {
		flex-direction: column;
		align-items: center;
		padding: 0 40px;
		gap: 30px;
	}
}

@media (max-width: 480px) {
	.whoweare-container {
		padding: 0 20px;
	}
}

/* Section Header - Now Contains Text Content */
.whoweare-header {
	flex: 1;
	max-width: 606px;
	z-index: 2;
}

.whoweare-title-wrapper {
	position: relative;
	margin-bottom: 20px;
}

.whoweare-main-title {
	font-family: 'Trend Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 74.67px;
	font-weight: 400;
	line-height: 67px;
	letter-spacing: -0.075em;
	color: #ffffff;
	margin: 0;
	text-transform: none;
	    text-shadow: 0 0 0.14rem rgba(255, 242, 242, 1), 0 0 0.72rem rgba(255, 255, 255, 1), 0 0 2.15rem rgba(255, 255, 255, 1);
}

.whoweare-subtitle {
	margin-bottom: 40px;
}

.whoweare-subtitle p {
	font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	color: #ff4ff3;
	line-height: 33px;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0em;
}

/* Main Content Layout - Now Inside Header */
.whoweare-content {
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* Text Content */
.whoweare-text {
	width: 100%;
}

.whoweare-description {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.whoweare-description p {
	font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	font-weight: 200;
	line-height: 39px;
	color: #ffffff;
	margin: 0;
	letter-spacing: 0em;
}

@media (max-width: 768px) {
	.whoweare-description p {
		font-size: 20px;
		line-height: 28px;
	}
}

@media (max-width: 480px) {
	.whoweare-description p {
		font-size: 16px;
		line-height: 24px;
	}
}

.whoweare-specialties {
	list-style: none;
	padding: 0;
	margin: 0 0 24px 0;
	color: #ffffff;
	font-size: 24px;
}

.whoweare-specialties li {
	margin: 0 0 2px 0;
	font-weight: 300;
	position: relative;
	padding-left: 20px;
	font-size: 24px;
	color: #ffffff;
	font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

@media (max-width: 1440px) and (min-width: 769px) {
	.whoweare-specialties li {
		font-size: 20px;
	}
}

@media (max-width: 768px) {
	.whoweare-specialties li {
		font-size: 20px;
	}
}

@media (max-width: 480px) {
	.whoweare-specialties li {
		font-size: 14px;
	}
}

/* Right Side Container */
.whoweare-right {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 1;
	width: 60%;
}

@media (max-width: 768px) {
	.whoweare-right {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.whoweare-right {
		width: 100%;
	}
}

/* Image Content */
.whoweare-image {
	width: 567px;
	height: 626px;
	opacity: 0.86;
	border-radius: 82px;
	overflow: hidden;
	margin-bottom: 20px;
}

.whoweare-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 82px;
}

/* CTA Button */
.whoweare-cta {
	z-index: 3;
}

.whoweare-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 18px 24px;
	background: linear-gradient(90deg, #832eff 0%, #fe4ff2 100%);
	color: #ffffff;
	text-decoration: none;
	border-radius: 128px;
	font-family: 'Trend Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 21px;
	font-weight: 700;
	line-height: 29px;
	text-transform: uppercase;
	letter-spacing: 0em;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
	white-space: nowrap;
}

.whoweare-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(131, 46, 255, 0.3);
}

/* Responsive Design */

@media (max-width: 1200px) {
	.whoweare-image {
		width: 450px;
		height: 500px;
	}
	
	.whoweare-header {
		max-width: 500px;
	}
}

@media (max-width: 1024px) {
	.whoweare-header {
		text-align: center;
		max-width: 100%;
		margin-bottom: 30px;
	}
	
	.whoweare-right {
		order: -1;
	}
	
	.whoweare-image {
		width: 400px;
		height: 450px;
		margin-bottom: 20px;
	}
}

@media (max-width: 768px) {
	.whoweare-header {
		margin-bottom: 30px;
	}
	
	.whoweare-main-title {
		font-size: 48px;
		line-height: 44px;
	}
	
	.whoweare-subtitle p {
		font-size: 20px;
		line-height: 28px;
	}
	
	.whoweare-image {
		width: 320px;
		height: 360px;
	}
	
	.whoweare-button {
		font-size: 18px;
		padding: 15px 20px;
	}
}

@media (max-width: 480px) {
	.whoweare-header {
		margin-bottom: 20px;
	}
	
	.whoweare-main-title {
		font-size: 36px;
		line-height: 34px;
	}
	
	.whoweare-subtitle p {
		font-size: 18px;
		line-height: 24px;
	}
	
	.whoweare-image {
		width: 280px;
		height: 320px;
	}
	
	.whoweare-button {
		font-size: 16px;
		padding: 12px 18px;
	}
}

/*--------------------------------------------------------------
# FAQs Section
--------------------------------------------------------------*/

.faqs-section {
	background-color: transparent;
	position: relative;
	overflow: hidden;
}

.faqs-container {
	margin: 0 auto;
	padding: 80px 120px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	z-index: 2;
}

/* Background Video */
.faqs-background-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.7;
}

.faqs-background-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Section Header */
.faqs-header {
	margin-bottom: 80px;
	z-index: 2;
}

.faqs-title-wrapper {
	position: relative;
}

@media (max-width: 768px) {
	.faqs-header {
		margin-top: 40px;
		text-align: center;
		width: 100%;
	}
}

@media (max-width: 480px) {
	.faqs-header {
		margin-top: 40px;
		text-align: center;
		width: 100%;
	}
}

.faqs-main-title {
	font-family: 'Trend Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 74.67px;
	font-weight: 400;
	line-height: 67px;
	letter-spacing: -0.075em;
	color: #ffffff;
	margin: 0;
	text-transform: none;
	    text-shadow: 0 0 0.14rem rgba(255, 242, 242, 1), 0 0 0.72rem rgba(255, 255, 255, 1), 0 0 2.15rem rgba(255, 255, 255, 1);
}

@media (max-width: 768px) {
	.faqs-main-title {
		text-align: center;
		font-size: 3.8rem;
	}
}

@media (max-width: 480px) {
	.faqs-main-title .title-line{
		text-align: center;
		font-size: 3rem;
	}
}	

/* FAQs Grid */
.faqs-grid {
	display: flex;
	flex-direction: row;
	gap: 60px;
	width: 100%;
	justify-content: space-between;
	z-index: 2;
	margin-bottom: 30px;
}

/* FAQ Item */
.faq-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
	max-width: 342px;
	position: relative;
}

/* FAQ Icon */
.faq-icon {
	width: 64px;
	height: 56px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.faq-icon img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* FAQ Content */
.faq-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.faq-question {
	font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 33px;
	color: #ffffff;
	margin: 0;
	letter-spacing: 0em;
}

.faq-answer {
	font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 22px;
	font-weight:200;
	line-height: 33px;
	color: #ffffff;
	margin: 0;
	letter-spacing: 0em;
}

/* Responsive Design */

@media (max-width: 1200px) {
	.faqs-container {
		padding: 0 60px;
	}
	
	.faqs-grid {
		gap: 40px;
	}
	
	.faq-item {
		max-width: 320px;
	}
}

@media (max-width: 1024px) {
	.faqs-grid {
		flex-direction: column;
		align-items: center;
		gap: 50px;
	}
	
	.faq-item {
		max-width: 100%;
		text-align: center;
		align-items: center;
	}
}

@media (max-width: 768px) {
	.faqs-section {
		padding: 80px 0 0 0;
		min-height: 600px;
	}
	
	.faqs-container {
		padding: 0 40px;
	}
	
	.faqs-header {
		margin-bottom: 60px;
		text-align: center;
	}
	
	.faqs-main-title {
		font-size: 48px;
		line-height: 44px;
	}
	
	.faqs-grid {
		gap: 40px;
	}
	
	.faq-question {
		font-size: 24px;
		line-height: 28px;
	}
	
	.faq-answer {
		font-size: 20px;
		line-height: 28px;
	}
	
	.faq-icon {
		width: 48px;
		height: 42px;
	}
}

@media (max-width: 480px) {
	.faqs-section {
		padding: 60px 0 0 0;
		min-height: 500px;
	}
	
	.faqs-container {
		padding: 0 20px;
	}
	
	.faqs-header {
		margin-bottom: 40px;
	}
	
	.faqs-main-title {
		font-size: 36px;
		line-height: 34px;
	}
	
	.faqs-grid {
		gap: 30px;
	}
	
	.faq-question {
		font-size: 20px;
		line-height: 26px;
	}
	
	.faq-answer {
		font-size: 18px;
		line-height: 24px;
	}
	
	.faq-icon {
		width: 40px;
		height: 36px;
		margin-bottom: 15px;
	}
}

/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/

.contact-section {
	position: relative;
	overflow: hidden;
	min-height: 768px;
}

.contact-container {
	margin: 0 auto;
	padding: 0 100px;
	position: relative;
	z-index: 2;
	height: 100%;
}

/* Background Video */
.contact-background-video {
	position: absolute;
	top: 0;
	left: 37px;
	width: 60vw;
	height: 95vh;
	z-index: 1;
	opacity: 0.8;
}

.contact-background-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Main Content Layout */
.contact-content {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	height: 100%;
	min-height: 568px;
	position: relative;
	z-index: 2;
}

/* Left Column */
.contact-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
	padding-top: 80px;
}

.contact-logo {
	width: 252px;
	height: 252px;
	margin-top: 100px;
}

@media (max-width: 768px) {
	.contact-logo {
		width: 200px;
		height: 200px;
		margin-top: 0;
	}
}

@media (max-width: 480px) {
	.contact-logo {
		width: 200px;
		height: 200px;
		margin-top: 0;
	}
}

.contact-logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.contact-header {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media (max-width: 768px) {
	.contact-header {
		align-items: center;
		text-align: center;
		width: 100%;
	}
}

@media (max-width: 480px) {
	.contact-header {
		align-items: center;
		text-align: center;
		width: 100%;
	}
}

.contact-main-title {
	font-family: 'Trend Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 73.33px;
	font-weight: 400;
	line-height: 65px;
	letter-spacing: -0.075em;
	color: #ffffff;
	margin: 0;
	text-transform: none;
	    text-shadow: 0 0 0.14rem rgba(255, 242, 242, 1), 0 0 0.72rem rgba(255, 255, 255, 1), 0 0 2.15rem rgba(255, 255, 255, 1);
}

@media (max-width: 768px) {
	.contact-main-title {
		font-size: 48px;
		line-height: 44px;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.contact-main-title {
		font-size: 3rem;
		line-height: 1;
		text-align: center;
	}
}

.contact-cta-text {
	font-family: 'Trend Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 39px;
	color: #ffffff;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0em;
}

@media (max-width: 768px) {
	.contact-cta-text {
		font-size: 22px;
		line-height: 30px;
		text-align: center;
	}
}

@media (max-width: 480px) {
	.contact-cta-text {
		font-size: 16px;
		line-height: 1;
		text-align: center;
	}
}

/* Right Column */
.contact-right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	margin-left: auto;
	padding-top: 150px;
	min-width: 360px;
}

/* Contact Info Items */
.contact-info-item {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.contact-info-label {
	font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 39px;
	color: #ff4ff3;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0em;
}

.contact-info-value {
	font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 33px;
	color: #ffffff;
	margin: 0;
	letter-spacing: 0em;
}

/* Social Links */
.contact-social-links {
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
}

.social-link {
	color: #ffffff;
	display: inline-block;
	text-decoration: none;
	width: 49px;
	height: 49px;
	transition: transform 0.3s ease;
}

.social-link:hover {
	transform: scale(1.1);
	color: #ff4ff3;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}

.social-link svg {
	width: 100%;
	height: 100%;
	transition: color 0.3s ease;
}

.social-link img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* Responsive Design */

@media (max-width: 1200px) {
	.contact-container {
		padding: 0 60px;
	}
	
	.contact-background-video {
		left: 20px;
		width: 700px;
	}
	
	.contact-right {
		min-width: 300px;
		padding-top: 120px;
	}
}

@media (max-width: 1024px) {
	.contact-content {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.contact-left {
		align-items: center;
		padding-top: 40px;
		margin-bottom: 40px;
	}
	
	.contact-right {
		align-items: center;
		padding-top: 0;
		margin-left: 0;
		min-width: auto;
		width: 100%;
	}
	
	.contact-background-video {
		left: 0;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.contact-section {
		padding: 0 0 80px 0;
		min-height: 600px;
	}
	
	.contact-container {
		padding: 0 40px;
	}
	
	.contact-info-label {
		font-size: 24px;
		line-height: 32px;
	}
	
	.contact-info-value {
		font-size: 20px;
		line-height: 28px;
	}
	
	.contact-right {
		gap: 30px;
	}
}

@media (max-width: 480px) {
	.contact-section {
		padding: 0 0 60px 0;
		min-height: 90vh;
	}
	
	.contact-container {
		padding: 0 20px;
	}
	
	.contact-info-label {
		font-size: 20px;
		line-height: 28px;
	}
	
	.contact-info-value {
		font-size: 18px;
		line-height: 24px;
	}
	
	.contact-right {
		gap: 25px;
	}
	
	.social-link {
		width: 40px;
		height: 40px;
	}
	
	.contact-social-links {
		gap: 8px;
	}
}