:root {
	--brand: #ff4500;
	--brand-light: #ff6b35;
	--brand-dark: #cc3700;
	--brand-glow: rgba(255, 69, 0, .2);
	--brand-bg-soft: #fff3ee;
	--brand-border-soft: rgba(255, 69, 0, .25);
	--ink: #0f172a;
	--ink-soft: #475569;
	--ink-mut: #64748b;
	--ink-subtle: #94a3b8;
	--bg: #fff;
	--bg-soft: #f8fafc;
	--bg-panel: #f1f5f9;
	--line: #e2e8f0;
	--line-soft: #f1f5f9;
	--card-bg: #fff;
	--card-border: #e2e8f0;
	--blue: #ff4500;
	--blue-dark: #cc3700;
	--blue-soft: #fff3ee;
	--green: #10b981;
	--green-dark: #059669;
	--green-soft: #ecfdf5;
	--info: #2563eb;
	--info-soft: #eff6ff;
	--gold: #f59e0b;
	--gold-soft: #fef3c7;
	--danger: #ef4444;
	--danger-soft: #fef2f2;
	--award-ink: #78350f;
	--award-ink-soft: #b45309;
	--award-bg-1: #fffbeb;
	--award-bg-2: #fef3c7;
	--award-border: #fde68a;
	--font-body: "Audiowide", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-head: "Audiowide", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-display: "Audiowide", system-ui, -apple-system, "Segoe UI", sans-serif;
	--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Consolas, monospace;
	--font-regular: 400;
	--font-medium: 500;
	--font-semibold: 600;
	--font-bold: 700;
	--font-extrabold: 800;
	--font-black: 900;
	--leading-none: 1;
	--leading-tight: 1.15;
	--leading-snug: 1.3;
	--leading-normal: 1.5;
	--leading-relaxed: 1.65;
	--leading-loose: 1.8;
	--tracking-tighter: -.04em;
	--tracking-tight: -.02em;
	--tracking-normal: 0em;
	--tracking-wide: .04em;
	--tracking-wider: .08em;
	--tracking-widest: .12em;
	--font-2xs: 11px;
	--font-xs: 12px;
	--font-sm: 13.5px;
	--font-md: 14px;
	--font-base: 15px;
	--font-lg: 16px;
	--font-xl: 18px;
	--font-2xl: 20px;
	--font-3xl: 24px;
	--font-4xl: 28px;
	--font-5xl: 32px;
	--font-6xl: 36px;
	--font-7xl: 44px;
	--font-display-hero: clamp(32px, 4.5vw, 52px);
	--font-size-xs: var(--font-xs);
	--font-size-sm: var(--font-sm);
	--font-size-md: var(--font-md);
	--font-size-base: var(--font-base);
	--font-size-lg: var(--font-lg);
	--font-size-xl: var(--font-xl);
	--font-size-2xl: var(--font-2xl);
	--font-size-3xl: var(--font-3xl);
	--font-size-4xl: var(--font-4xl);
	--r-sm: 8px;
	--r-md: 12px;
	--r-lg: 16px;
	--r-xl: 20px;
	--r-pill: 100px;
	--shadow-sm: 0 2px 8px rgba(0, 0, 0, .03);
	--shadow-md: 0 10px 30px -10px rgba(0, 0, 0, .06);
	--shadow-lg: 0 20px 40px rgba(0, 0, 0, .25);
	--shadow-brand: 0 8px 20px rgba(255, 69, 0, .25);
	--wrap-w: 1360px;
	--wrap-wide: 1600px;
	--dark: #1c1917;
	--dark2: #111318;
	--dark3: #181b24;
	--card-bg: rgba(255, 255, 255, .04);
	--card-border: rgba(255, 255, 255, .09);
	--text-main: #f0f0f0;
	--text-muted: rgba(240, 240, 240, .45);
}

@media (max-width:768px) {
	.appstory-single-app-wrapper {
		padding: 20px 15px;
	}
	
	.appstory-app-grid-3 {
		grid-template-columns: 1fr;
		gap: 22px;
	}
	
	.appstory-col-center {
		order: -1;
	}
	
	.app-hero-title {
		font-size: 30px;
	}
	
	.as-card, .appstory-card {
		padding: 22px;
	}
	
	.appstory-modal-content > div[style*="grid-template-columns"] {
		grid-template-columns: 1fr !important;
	}
}

.appstory-modal-overlay {
	padding: 10px !important;
}

@media (max-width:480px) {
	.appstory-modal-content {
		margin: 10px auto !important;
	}
}

.submit-page-container {
	font-family: var(--font-body);
	background: var(--bg);
	color: var(--ink);
	padding-bottom: 80px;
}

.submit-hero {
	position: relative;
	padding: 64px 24px 48px;
	text-align: center;
	background: radial-gradient(ellipse 80% 50% at 50% 0%, var(--brand-bg-soft) 0%, var(--bg) 80%);
	border-bottom: 1px solid var(--line);
	margin-bottom: 48px;
}

.submit-hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--brand-bg-soft);
	border: 1px solid var(--brand-border-soft);
	border-radius: var(--r-pill);
	padding: 6px 18px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--brand);
	margin-bottom: 20px;
}

.submit-hero-badge span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--brand);
	display: block;
}

.submit-hero h1 {
	font-family: var(--font-head);
	font-size: clamp(32px, 5vw, 54px);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -.02em;
	color: var(--ink);
	margin-bottom: 14px;
}

.submit-hero h1 em {
	font-style: normal;
	color: var(--brand);
}

.submit-hero p {
	font-size: 16.5px;
	color: var(--ink-soft);
	max-width: 520px;
	margin: 0 auto 36px;
	line-height: 1.6;
}

.submit-steps-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	max-width: 440px;
	position: relative;
	z-index: 1;
}

.step-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	flex: 1;
	position: relative;
}

.step-item:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 18px;
	left: calc(50% + 20px);
	width: calc(100% - 40px);
	height: 2px;
	background: var(--line);
	transition: background .3s ease;
}

.step-item.done:not(:last-child)::after, .step-item.active:not(:last-child)::after {
	background: var(--brand);
}

.step-num {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 2px solid var(--line);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-head);
	font-size: 13px;
	font-weight: 700;
	color: var(--ink-soft);
	background: #fff;
	transition: all .3s ease;
	position: relative;
	z-index: 1;
}

.step-item.active .step-num {
	border-color: var(--brand);
	color: #fff;
	background: var(--brand);
	box-shadow: 0 0 0 4px var(--brand-glow);
}

.step-item.done .step-num {
	border-color: var(--green);
	color: #fff;
	background: var(--green);
}

.step-label {
	font-size: 11px;
	letter-spacing: .05em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--ink-soft);
}

.step-item.active .step-label {
	color: var(--ink);
}

.step-item.done .step-label {
	color: var(--green);
}

.submit-form-shell {
	max-width: 720px;
	margin: 0 auto;
	padding: 0 20px;
}

.step-panel {
	display: none;
}

.step-panel.active {
	display: block;
}

.form-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--r-xl);
	padding: 36px;
	box-shadow: var(--shadow-md);
}

.form-card-title {
	font-family: var(--font-head);
	font-size: 22px;
	font-weight: 800;
	margin-bottom: 6px;
	color: var(--ink);
}

.form-card-sub {
	font-size: 14px;
	color: var(--ink-soft);
	margin-bottom: 28px;
	line-height: 1.6;
}

.platform-tabs {
	display: flex;
	gap: 10px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.platform-tab {
	flex: 1;
	min-width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 18px;
	border: 1px solid var(--line);
	border-radius: var(--r-sm);
	background: #fff;
	color: var(--ink-soft);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all .2s ease;
}

.platform-tab:hover {
	border-color: var(--brand);
	color: var(--brand);
}

.platform-tab.active {
	border-color: var(--brand);
	background: var(--brand-bg-soft);
	color: var(--brand);
	font-weight: 700;
}

.url-input-group {
	position: relative;
	display: flex;
	gap: 12px;
	align-items: stretch;
	margin-bottom: 24px;
}

.url-input-group input[type="url"], .form-input, .form-textarea, .form-select {
	flex: 1;
	width: 100%;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--r-sm);
	padding: 14px 18px;
	font-size: 14px;
	color: var(--ink);
	font-family: inherit;
	outline: none;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.form-textarea {
	min-height: 120px;
	resize: vertical;
}

.url-input-group input[type="url"]:focus, .form-input:focus, .form-textarea:focus, .form-select:focus {
	border-color: var(--brand);
	box-shadow: 0 0 0 3px var(--brand-glow);
}

.btn-fetch {
	padding: 14px 26px;
	background: var(--brand);
	color: #fff;
	font-family: var(--font-head);
	font-size: 14px;
	font-weight: 700;
	border: none;
	border-radius: var(--r-sm);
	cursor: pointer;
	white-space: nowrap;
	transition: all .2s ease;
	display: flex;
	align-items: center;
	gap: 8px;
}

.btn-fetch:hover {
	background: var(--brand-light);
	transform: translateY(-1px);
}

.fetch-status {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	border-radius: var(--r-sm);
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 16px;
}

.fetch-status.loading {
	background: var(--info-soft);
	color: var(--info);
}

.fetch-status.success {
	background: #f0fdf4;
	color: #166534;
}

.fetch-status.error {
	background: #fff1f2;
	color: #9f1239;
}

.app-preview-card {
	display: none;
	align-items: center;
	gap: 16px;
	padding: 18px;
	border: 1px solid var(--line);
	border-radius: var(--r-md);
	background: var(--bg-panel);
	margin-bottom: 20px;
}

.app-preview-card.visible {
	display: flex;
}

.app-preview-icon {
	width: 64px;
	height: 64px;
	border-radius: var(--r-md);
	object-fit: cover;
	border: 1px solid var(--line);
	flex-shrink: 0;
}

.app-preview-name {
	font-weight: 800;
	font-size: 16px;
	color: var(--ink);
}

.app-preview-dev {
	font-size: 13px;
	color: var(--ink-soft);
	margin: 2px 0 8px;
}

.app-preview-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.app-preview-tag {
	font-size: 11px;
	font-weight: 700;
	color: var(--ink-soft);
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--r-pill);
	padding: 3px 10px;
}

.app-preview-tag.green {
	color: var(--green-dark);
	border-color: #bbf7d0;
	background: #f0fdf4;
}

.form-fields {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.field-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.field-group {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.field-label {
	font-size: 13px;
	font-weight: 700;
	color: var(--ink);
}

.field-label span {
	color: var(--brand);
}

.screenshots-strip {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding: 4px 0;
}

.screenshot-thumb {
	height: 120px;
	border-radius: var(--r-sm);
	border: 1px solid var(--line);
	flex-shrink: 0;
}

.plan-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 14px;
	margin-bottom: 24px;
}

.plan-card {
	border: 2px solid var(--line);
	border-radius: var(--r-lg);
	padding: 20px;
	cursor: pointer;
	transition: all .2s ease;
	background: #fff;
	position: relative;
}

.plan-card:hover {
	border-color: var(--brand);
	transform: translateY(-2px);
}

.plan-card.selected {
	border-color: var(--brand);
	background: var(--brand-bg-soft);
}

.plan-popular-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
	background: var(--brand);
	color: #fff;
	padding: 3px 8px;
	border-radius: var(--r-pill);
}

.plan-name {
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 4px;
	color: var(--ink);
}

.plan-price {
	font-size: 24px;
	font-weight: 800;
	font-family: var(--font-head);
	color: var(--brand);
	margin-bottom: 6px;
}

.plan-price span {
	font-size: 12px;
	font-weight: 500;
	color: var(--ink-soft);
}

.plan-features {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: 10px;
}

.plan-feat {
	font-size: 12px;
	color: var(--ink-soft);
	display: flex;
	align-items: center;
	gap: 6px;
}

.plan-radio {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid var(--line);
	transition: all .2s ease;
}

.plan-card.selected .plan-radio {
	border-color: var(--brand);
	background: radial-gradient(circle at center, var(--brand) 0 5px, #fff 6px);
}

.plan-card {
	padding-left: 44px;
}

.spinner {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, .4);
	border-top-color: #fff;
	border-radius: 50%;
	display: inline-block;
	animation: as-spin .7s linear infinite;
}

@keyframes as-spin {
	to {
		transform: rotate(360deg);
	}
}

.terms-check {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 8px 0 0;
	cursor: pointer;
}

.terms-check-text {
	font-size: 13px;
	color: var(--ink-soft);
	line-height: 1.5;
}

.btn-row {
	display: flex;
	gap: 12px;
	justify-content: space-between;
	align-items: center;
	margin-top: 24px;
}

.btn-next, .btn-submit {
	padding: 14px 32px;
	background: var(--brand);
	color: #fff;
	border: none;
	border-radius: var(--r-sm);
	font-family: var(--font-head);
	font-size: 14.5px;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all .2s ease;
}

.btn-next:hover, .btn-submit:hover {
	background: var(--brand-light);
	transform: translateY(-1px);
}

.btn-back {
	padding: 12px 20px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--r-sm);
	color: var(--ink-soft);
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: all .2s;
}

.btn-back:hover {
	border-color: var(--ink);
	color: var(--ink);
}

.success-panel {
	display: none;
	text-align: center;
	padding: 56px 24px;
}

.success-panel.active {
	display: block;
}

.success-icon {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
}

.success-panel h2 {
	font-family: var(--font-head);
	font-size: 28px;
	font-weight: 800;
	color: var(--ink);
	margin: 0 0 12px;
}

.success-panel p {
	font-size: 15px;
	color: var(--ink-soft);
	line-height: 1.6;
	max-width: 460px;
	margin: 0 auto 28px;
}

.submit-trust-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	flex-wrap: wrap;
	padding: 28px 24px;
	border-top: 1px solid var(--line);
	margin-top: 48px;
}

.trust-item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: var(--ink-soft);
}

.trust-item svg {
	color: var(--brand);
}

@media (max-width:600px) {
	.field-row {
		grid-template-columns: 1fr;
	}
	
	.form-card {
		padding: 24px;
	}
}

.as-spec-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--r-lg);
	padding: 26px;
	box-shadow: var(--shadow-sm);
	margin-bottom: 24px;
}

.as-spec-block {
	margin-bottom: 0;
}

.as-spec-label {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--ink-soft);
	margin-bottom: 10px;
}

.as-spec-value {
	font-size: 16px;
	font-weight: 800;
	color: var(--brand);
	line-height: 1.5;
}

.as-spec-sub {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--ink-soft);
	margin-bottom: 4px;
}

.as-spec-sub--gap {
	margin-top: 14px;
}

.as-spec-price {
	font-size: 19px;
	font-weight: 800;
	color: var(--ink);
}

.as-spec-divider {
	border: 0;
	border-top: 1px solid var(--line);
	margin: 20px 0;
}

.submit-similar-apps-section {
	padding: 64px 20px 48px;
	background: var(--bg-panel);
	border-top: 1px solid var(--line);
}

.similar-apps-heading {
	font-family: var(--font-head);
	font-size: 28px;
	font-weight: 800;
	text-align: center;
	margin: 0 0 8px;
	color: var(--ink);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.similar-apps-heading span {
	font-size: 32px;
}

.similar-apps-subtext {
	font-size: 15px;
	color: var(--ink-soft);
	text-align: center;
	margin: 0 0 36px;
}

.similar-app-card {
	border: 1px solid var(--line);
	border-radius: var(--r-lg);
	padding: 24px;
	background: #fff;
	transition: transform .2s ease, box-shadow .2s ease;
	display: flex;
	flex-direction: column;
}

.similar-app-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-md);
}

.similar-app-icon-lg {
	width: 80px;
	height: 80px;
	border-radius: var(--r-md);
	object-fit: cover;
	border: 1px solid var(--line);
	margin: 0 auto 16px;
	display: block;
}

.similar-app-name {
	font-size: 17px;
	font-weight: 800;
	color: var(--ink);
	margin: 0 0 8px;
	text-align: center;
	line-height: 1.3;
}

.similar-app-desc {
	font-size: 13px;
	color: var(--ink-soft);
	margin: 0 0 16px;
	text-align: center;
	line-height: 1.5;
	min-height: 60px;
	flex: 1;
}

.similar-app-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--line);
}

.similar-app-rating {
	font-size: 13px;
	font-weight: 700;
	color: var(--gold);
	display: flex;
	align-items: center;
	gap: 4px;
}

@media (max-width:900px) {
	.submit-similar-apps-section .as-card-grid {
		grid-template-columns: 1fr !important;
	}
	
	.similar-app-desc {
		min-height: auto;
	}
}

@media (max-width:960px) {
	.hero {
		grid-template-columns: 1fr;
	}
	
	.grid-3, .grid-4 {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.footer-cols {
		grid-template-columns: 1fr 1fr;
	}
	
	.primary-nav {
		display: none;
	}
}

.rich-sidebar {
	position: sticky;
	top: 100px;
	align-self: start;
}

.rich-sidebar__panel {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--r-xl);
	padding: 24px;
	box-shadow: var(--shadow-sm);
	margin-bottom: 24px;
}

.rich-sidebar__panel:last-child {
	margin-bottom: 0;
}

.rich-sidebar__title {
	font-family: var(--font-head);
	font-size: 15px;
	font-weight: 800;
	color: var(--ink);
	margin: 0 0 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--line-soft);
	display: flex;
	align-items: center;
	gap: 10px;
}

.rich-sidebar__title svg {
	color: var(--brand);
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.rich-sidebar__nav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.rich-sidebar__nav-item {
	margin: 0;
}

.rich-sidebar__nav-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: var(--r-sm);
	color: var(--ink);
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
	transition: all .15s ease;
}

.rich-sidebar__nav-link:hover {
	background: var(--bg-soft);
	color: var(--brand);
}

.rich-sidebar__nav-link.is-active {
	background: var(--brand-bg-soft);
	color: var(--brand);
}

.rich-sidebar__nav-link svg {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	color: var(--ink-soft);
	transition: color .15s;
}

.rich-sidebar__nav-link:hover svg, .rich-sidebar__nav-link.is-active svg {
	color: var(--brand);
}

.rich-sidebar__cta {
	display: block;
	padding: 14px 16px;
	border-radius: var(--r-md);
	text-align: center;
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .5px;
	text-decoration: none;
	transition: all .2s ease;
}

.rich-sidebar__cta--brand {
	background: linear-gradient(135deg, var(--brand) 0%, #ff3b00 100%);
	color: #fff;
	box-shadow: var(--shadow-brand);
}

.rich-sidebar__cta--brand:hover {
	transform: translateY(-1px);
	color: #fff;
	box-shadow: 0 14px 30px rgba(255, 69, 0, .35);
}

.rich-sidebar__cta--dark {
	background: var(--ink);
	color: #fff;
}

.rich-sidebar__cta--dark:hover {
	background: #000;
}

.rich-sidebar__promo {
	background: linear-gradient(135deg, var(--ink) 0%, var(--dark2) 100%);
	border-radius: var(--r-lg);
	padding: 22px 18px;
	color: #fff;
	text-align: center;
}

.rich-sidebar__promo-title {
	font-family: var(--font-head);
	font-size: 16px;
	font-weight: 800;
	margin: 0 0 6px;
}

.rich-sidebar__promo-desc {
	font-size: 12px;
	color: rgba(240, 240, 240, .65);
	line-height: 1.5;
	margin: 0 0 14px;
}

.rich-sidebar__promo .rich-sidebar__cta {
	background: #fff;
	color: var(--ink);
}

.rich-sidebar__promo .rich-sidebar__cta:hover {
	background: #f1f2f6;
}

.rich-sidebar--awards .rich-sidebar__title svg {
	width: 20px;
	height: 20px;
}

.rich-sidebar--explore .rich-sidebar__title svg {
	width: 20px;
	height: 20px;
}

.rich-sidebar--resources .rich-sidebar__title svg {
	width: 20px;
	height: 20px;
}

.rich-sidebar--about .rich-sidebar__title svg {
	width: 20px;
	height: 20px;
}

.site-header .wrap {
	height: 88px;
	gap: 24px;
}

.site-header .logo {
	font-size: 24px;
}

.header-nav {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
	justify-content: center;
}

.header-nav__item {
	position: relative;
}

.header-nav__link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border-radius: var(--r-md);
	font-size: 13.5px;
	font-weight: 700;
	color: var(--ink);
	white-space: nowrap;
	transition: all .15s;
}

.header-nav__link:hover {
	background: var(--bg-soft);
	color: var(--brand);
}

.header-nav__link svg {
	width: 18px;
	height: 18px;
	color: var(--ink-soft);
	transition: color .15s;
}

.header-nav__link:hover svg {
	color: var(--brand);
}

.header-nav__item--active .header-nav__link {
	background: var(--brand-bg-soft);
	color: var(--brand);
}

.header-nav__item--active .header-nav__link svg {
	color: var(--brand);
}

.header-nav__dropdown {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	min-width: 240px;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow-md);
	padding: 8px;
	display: none;
	flex-direction: column;
	z-index: 20;
}

.header-nav__item:hover .header-nav__dropdown {
	display: flex;
}

.header-nav__dropdown-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: var(--r-sm);
	font-size: 13px;
	font-weight: 600;
	color: var(--ink);
	white-space: nowrap;
	transition: all .15s;
}

.header-nav__dropdown-link:hover {
	background: var(--bg-soft);
	color: var(--brand);
}

.header-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.header-search {
	position: relative;
}

.header-search__input {
	width: 200px;
	padding: 10px 14px 10px 40px;
	border: 1px solid var(--line);
	border-radius: var(--r-pill);
	background: #fff;
	font-size: 13px;
	color: var(--ink);
	transition: all .2s;
}

.header-search__input:focus {
	outline: none;
	border-color: var(--brand);
	box-shadow: 0 0 0 3px var(--brand-glow);
	width: 260px;
}

.header-search__icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	color: var(--ink-soft);
	pointer-events: none;
}

.header-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 20px;
	border-radius: var(--r-pill);
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
	transition: all .15s;
}

.header-btn--primary {
	background: var(--ink);
	color: #fff;
}

.header-btn--primary:hover {
	background: #000;
}

.header-btn--accent {
	background: linear-gradient(135deg, var(--brand) 0%, #ff3b00 100%);
	color: #fff;
	box-shadow: var(--shadow-brand);
}

.header-btn--accent:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 30px rgba(255, 69, 0, .35);
}

.header-btn--ghost {
	background: transparent;
	color: var(--ink);
	border: 1px solid var(--line);
}

.header-btn--ghost:hover {
	background: var(--bg-soft);
	border-color: var(--brand);
	color: var(--brand);
}

@media (max-width:1024px) {
	.header-nav {
		display: none;
	}
	
	.header-search__input {
		width: 140px;
	}
	
	.header-search__input:focus {
		width: 180px;
	}
}

.as-rich-menu {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: var(--shadow-sm);
}

.as-rich-menu-list {
	list-style: none;
	padding: 12px;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.as-rich-menu-link {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px;
	text-decoration: none;
	border-radius: 12px;
	transition: background .2s ease;
	position: relative;
}

.as-rich-menu-link:hover {
	background: var(--bg-soft);
}

.as-rich-menu-link.active {
	background: #fff8f5;
	border: 1px solid #ffd6c4;
}

.as-megamenu-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 24px;
}

.as-megamenu-nav > li {
	position: relative;
}

.as-megamenu-nav .nav-item-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 28px 0;
	font-size: 13.5px;
	font-weight: 800;
	color: var(--ink, #0f172a);
	text-decoration: none;
	letter-spacing: .5px;
	text-transform: uppercase;
	transition: color .2s ease;
	position: relative;
}

.as-megamenu-nav > li.active .nav-item-link, .as-megamenu-nav .nav-item-link:hover {
	color: var(--brand, #ff4500);
}

.as-megamenu-nav > li.active .nav-item-link::after, .as-megamenu-nav > li:hover .nav-item-link::after {
	content: "";
	position: absolute;
	bottom: 18px;
	left: 0;
	width: 100%;
	height: 2.5px;
	background: var(--brand, #ff4500);
	border-radius: 2px;
}

.as-arrow {
	font-size: 11px;
	transition: transform .2s ease;
}

.as-megamenu-nav > li:hover .as-arrow {
	transform: rotate(180deg);
}

@media (min-width:1024px) {
	.as-megamenu-nav > li.has-megamenu, .as-megamenu-nav > li:has(.as-megamenu-panel) {
		position: static;
	}
	
	.as-megamenu-panel {
		position: fixed !important;
		top: 76px !important;
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) translateY(8px) !important;
		width: min(880px, calc(100vw - 32px)) !important;
	}
}

.as-megamenu-panel {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(10px);
	width: min(880px, calc(100vw - 32px));
	max-width: calc(100vw - 32px);
	box-sizing: border-box;
	background: #fdfbf7;
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: 24px;
	box-shadow: 0 30px 60px -15px rgba(0, 0, 0, .15);
	padding: 32px;
	opacity: 0;
	visibility: hidden;
	transition: all .25s cubic-bezier(.16, 1, .3, 1);
	z-index: 1000050;
	pointer-events: none;
}

.as-megamenu-panel::before {
	content: "";
	position: absolute;
	top: -30px;
	left: 0;
	width: 100%;
	height: 30px;
	background: transparent;
}

.as-megamenu-nav > li:hover .as-megamenu-panel, .as-megamenu-nav > li.menu-item-has-children:hover .as-megamenu-panel, .as-megamenu-nav > li.has-megamenu:hover .as-megamenu-panel, .as-megamenu-nav > li:focus-within .as-megamenu-panel {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateX(-50%) translateY(0) !important;
	pointer-events: auto !important;
}

.as-megamenu-panel .sub-menu, .as-megamenu-panel ul.as-megamenu-list, .as-megamenu-panel ul {
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	width: 100% !important;
	box-shadow: none !important;
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	transform: none !important;
	pointer-events: auto !important;
	z-index: 10 !important;
}

.as-megamenu-panel li {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	opacity: 1 !important;
	visibility: visible !important;
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.as-megamenu-inner {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 32px;
}

.as-megamenu-category-title {
	font-size: 13px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: var(--brand, #ff4500);
}

.as-accent-bar-sm {
	width: 32px;
	height: 2.5px;
	background: var(--brand, #ff4500);
	margin: 6px 0 18px;
	border-radius: 2px;
}

.as-megamenu-col-left {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.as-megamenu-item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 10px 14px;
	border-radius: 14px;
	text-decoration: none;
	background: transparent;
	transition: all .2s ease;
}

.as-megamenu-item:hover, .as-megamenu-item.active {
	background: #f1f5f9;
}

.as-menu-icon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 800;
	flex-shrink: 0;
}

.as-menu-info {
	flex: 1;
}

.as-menu-heading {
	font-size: 14.5px;
	font-weight: 800;
	color: #0f172a;
}

.as-menu-sub {
	font-size: 12px;
	color: #64748b;
	margin-top: 1px;
}

.as-menu-chevron {
	font-size: 18px;
	color: #94a3b8;
	transition: transform .2s ease, color .2s ease;
}

.as-megamenu-item:hover .as-menu-chevron {
	color: var(--brand, #ff4500);
	transform: translateX(3px);
}

.as-megamenu-cta-btn {
	margin-top: 12px;
	background: var(--brand, #ff4500);
	color: #fff;
	padding: 12px 20px;
	border-radius: 12px;
	font-weight: 800;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .5px;
	transition: all .2s ease;
	box-shadow: 0 6px 16px rgba(255, 69, 0, .25);
}

.as-megamenu-cta-btn:hover {
	background: #e03d00;
	transform: translateY(-1px);
}

.as-megamenu-col-right {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: 20px;
	padding: 24px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, .02);
}

.as-megamenu-cards-grid {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.as-megamenu-card {
	display: flex;
	gap: 16px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	padding: 14px;
	align-items: center;
}

.as-megamenu-card img {
	width: 100px;
	height: 90px;
	object-fit: cover;
	border-radius: 12px;
	flex-shrink: 0;
}

.as-card-eyebrow {
	font-size: 11px;
	font-weight: 800;
	color: var(--brand, #ff4500);
	text-transform: uppercase;
}

.as-card-title {
	font-size: 14px;
	font-weight: 800;
	color: #0f172a;
	margin: 2px 0 6px;
}

.as-card-badge {
	display: inline-block;
	padding: 3px 8px;
	border-radius: 100px;
	font-size: 10.5px;
	font-weight: 800;
	background: #dcfce7;
	color: #15803d;
	margin-bottom: 4px;
}

.as-card-meta {
	font-size: 11.5px;
	color: #64748b;
	margin-bottom: 6px;
}

.as-card-link {
	font-size: 12px;
	font-weight: 800;
	color: var(--brand, #ff4500);
	text-decoration: none;
}

.as-card-link:hover {
	text-decoration: underline;
}

.as-winner-list-panel {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.as-winner-panel-item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f5f9;
}

.as-winner-panel-item:last-of-type {
	border-bottom: none;
}

.as-winner-panel-item img {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	object-fit: cover;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
}

.as-winner-item-title {
	font-size: 14px;
	font-weight: 800;
	color: #0f172a;
}

.as-winner-item-tier {
	font-size: 12px;
	font-weight: 800;
	color: var(--brand, #ff4500);
}

.as-winner-item-cat {
	font-size: 11.5px;
	color: #64748b;
}

.as-subscribe-box {
	padding: 8px;
}

.as-subscribe-btn {
	display: inline-block;
	background: var(--brand, #ff4500);
	color: #fff;
	padding: 12px 24px;
	border-radius: 12px;
	font-weight: 800;
	font-size: 13px;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(255, 69, 0, .3);
	transition: all .2s ease;
}

.as-subscribe-btn:hover {
	background: #e03d00;
	transform: translateY(-1px);
}

.btn-round-search {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid #e2e8f0;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	text-decoration: none;
	color: #0f172a;
	transition: border-color .2s ease;
}

.btn-round-search:hover {
	border-color: var(--brand, #ff4500);
}

.header-user-btn {
	padding: 10px 18px;
	border-radius: 100px;
	border: 1.5px solid #e2e8f0;
	background: #fff;
	color: #0f172a;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	transition: border-color .2s ease;
}

.header-user-btn:hover {
	border-color: var(--brand, #ff4500);
	color: var(--brand, #ff4500);
}

.header-submit-btn {
	padding: 10px 22px;
	border-radius: 100px;
	background: var(--brand, #ff4500);
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
	letter-spacing: .5px;
	text-transform: uppercase;
	box-shadow: 0 8px 20px rgba(255, 69, 0, .3);
	transition: all .2s ease;
}

.header-submit-btn:hover {
	background: #e03d00;
	transform: translateY(-1px);
}

.as-rich-menu-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #f8fafc;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--ink-soft);
}

.as-rich-menu-link:hover .as-rich-menu-icon, .as-rich-menu-link.active .as-rich-menu-icon {
	background: #fff;
	color: var(--brand);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .05);
}

.as-rich-menu-text {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.as-rich-menu-title {
	font-size: 14px;
	font-weight: 700;
	color: var(--ink);
}

.as-rich-menu-sub {
	font-size: 12px;
	font-weight: 500;
	color: var(--ink-mut);
}

.as-rich-menu-chevron {
	opacity: 0;
	transform: translateX(-5px);
	transition: all .2s ease;
	color: var(--ink-mut);
}

.as-rich-menu-link:hover .as-rich-menu-chevron {
	opacity: 1;
	transform: translateX(0);
}

.as-rich-menu-link.active .as-rich-menu-chevron {
	opacity: 1;
	transform: translateX(0);
	color: var(--brand);
}

.as-rich-menu-btn-wrap {
	padding: 0 16px 16px 16px;
}

.as-rich-menu-btn {
	display: block;
	width: 100%;
	text-align: center;
	background: var(--brand);
	color: #fff;
	padding: 14px;
	border-radius: 12px;
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .5px;
	text-decoration: none;
	transition: all .2s ease;
}

.as-rich-menu-btn:hover {
	background: var(--brand-dark);
	transform: translateY(-1px);
	box-shadow: var(--shadow-brand);
	color: #fff;
}

.dev-portal-wrap {
	max-width: 1400px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 36px 20px 80px;
	font-family: var(--font-body, "Inter", system-ui, sans-serif);
	color: var(--ink, #1c1e22);
}

.dev-portal-header {
	background: #fff;
	border: 1px solid var(--line, #e3e5ec);
	border-radius: 24px;
	padding: 32px 36px;
	margin-bottom: 32px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .03);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.dev-portal-header h1 {
	font-family: var(--font-head, "Syne", sans-serif);
	font-size: 32px;
	font-weight: 800;
	margin: 0 0 6px;
	color: var(--ink, #1c1e22);
}

.dev-portal-header p {
	color: var(--ink-soft, #585c68);
	margin: 0;
	font-size: 15px;
}

.dev-portal-card {
	background: #fff;
	border: 1px solid var(--line, #e3e5ec);
	border-radius: 20px;
	padding: 28px;
	margin-bottom: 32px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .02);
}

.dev-search-bar {
	display: flex;
	gap: 12px;
	margin-bottom: 28px;
}

.dev-search-input {
	flex: 1;
	background: var(--bg-soft, #f8fafc);
	border: 1.5px solid var(--line, #e2e8f0);
	border-radius: 12px;
	padding: 14px 20px;
	font-size: 15px;
	color: var(--ink, #0f172a);
	outline: none;
	transition: border-color .2s ease;
}

.dev-search-input:focus {
	border-color: var(--brand, #ff4500);
	background: #fff;
}

.dev-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 16px;
}

.dev-table th {
	text-align: left;
	padding: 14px 16px;
	font-size: 12.5px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: var(--ink-soft, #64748b);
	border-bottom: 2px solid var(--line, #f1f5f9);
}

.dev-table td {
	padding: 18px 16px;
	color: var(--ink, #0f172a);
	font-size: 14.5px;
	border-bottom: 1px solid var(--line, #f1f5f9);
	vertical-align: middle;
}

.dev-table tr:last-child td {
	border-bottom: none;
}

.status-badge {
	padding: 5px 14px;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-transform: uppercase;
	letter-spacing: .3px;
}

.status-badge--approved {
	background: #dcfce7;
	color: #15803d;
	border: 1px solid #bbf7d0;
}

.status-badge--pending {
	background: #fef3c7;
	color: #b45309;
	border: 1px solid #fde68a;
}

.status-badge--rejected {
	background: #fee2e2;
	color: #b91c1c;
	border: 1px solid #fca5a5;
}

.app-detail-box {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	padding: 24px;
	margin-top: 16px;
}

.app-badge-code {
	background: #0f172a;
	color: #38bdf8;
	font-family: monospace;
	font-size: 12.5px;
	padding: 14px;
	border-radius: 10px;
	overflow-x: auto;
	white-space: pre-wrap;
	word-break: break-all;
}

.dev-portal-nav {
	display: flex;
	gap: 32px;
	border-bottom: 2px solid var(--line, #f1f5f9);
	margin-bottom: 32px;
	padding-bottom: 0;
}

.dev-portal-nav a {
	text-decoration: none;
	font-weight: 700;
	padding-bottom: 14px;
	margin-bottom: -2px;
	font-size: 15px;
	color: var(--ink-soft, #64748b);
	transition: all .2s ease;
	border-bottom: 2px solid transparent;
}

.dev-portal-nav a:hover {
	color: var(--ink, #0f172a);
}

.dev-portal-nav a.active {
	color: var(--brand, #ff4500);
	border-bottom-color: var(--brand, #ff4500);
}

.dev-portal-nav a.logout-btn {
	color: #ef4444;
	margin-left: auto;
}

.dev-portal-nav a.logout-btn:hover {
	color: #dc2626;
}

.dev-portal-card--billing {
	padding: 40px 30px;
}

.dev-portal-card--billing h3 {
	font-size: 20px;
	font-weight: 800;
	color: var(--ink, #0f172a);
	margin-bottom: 24px;
}

.dev-portal-card--support {
	text-align: center;
	padding: 60px 20px;
}

.dev-portal-card--support h3 {
	font-size: 20px;
	font-weight: 800;
	color: var(--ink, #0f172a);
	margin-bottom: 10px;
}

.dev-portal-card--support p {
	color: var(--ink-soft, #64748b);
	max-width: 400px;
	margin: 0 auto 24px;
}

.dev-portal-card--support .support-btn {
	background: var(--brand, #ff4500);
	color: #fff;
	padding: 12px 24px;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 700;
	display: inline-block;
	transition: background .2s;
}

.dev-portal-card--support .support-btn:hover {
	background: var(--brand-dark, #cc3700);
}

.invoice-download-btn {
	background: #f1f5f9;
	color: #0f172a;
	padding: 8px 16px;
	border-radius: 6px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	transition: background .2s;
}

.invoice-download-btn:hover {
	background: #e2e8f0;
}

.dev-portal-footer {
	text-align: center;
	padding-top: 32px;
	border-top: 1px solid var(--line, #e2e8f0);
	margin-top: 40px;
	color: var(--ink-soft, #64748b);
	font-size: 14px;
}

.dev-portal-footer p {
	margin: 0;
}

.dev-portal-footer strong {
	color: var(--ink, #0f172a);
}

.status-badge--review {
	background: #e0e7ff;
	color: #4338ca;
	border: 1px solid #c7d2fe;
}

.as-award-hero-font {
	font-family: var(--font-head);
}

.as-brand-orange {
	color: var(--brand);
}

.as-bg-orange {
	background-color: var(--brand);
}

.as-section-title-accent {
	text-align: center;
	font-weight: 900;
	font-size: 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--ink);
	margin-bottom: 8px;
}

.as-accent-bar {
	width: 44px;
	height: 3px;
	background: var(--brand);
	margin: 0 auto 36px;
	border-radius: 2px;
}

.as-pedestal-wrap {
	position: relative;
	padding: 10px 10px 6px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.as-phone-mockup {
	width: 114px;
	height: 194px;
	background: #090b10;
	border-radius: 18px;
	border: 3px solid #1f2937;
	box-shadow: 0 14px 22px rgba(0, 0, 0, .22);
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin-bottom: -10px;
	transition: transform .28s cubic-bezier(.16, 1, .3, 1), box-shadow .28s ease;
}

.dark .as-phone-mockup {
	border-color: #374151;
	box-shadow: 0 16px 28px rgba(0, 0, 0, .5);
}

.as-winner-card:hover .as-phone-mockup {
	transform: translateY(-5px) scale(1.03);
	box-shadow: 0 18px 28px rgba(0, 0, 0, .28);
}

.as-phone-mockup img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 14px;
	display: block;
}

.as-pedestal-base {
	width: 136px;
	height: 26px;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .14) 0%, rgba(0, 0, 0, .05) 45%, rgba(255, 255, 255, 0) 70%), linear-gradient(180deg, var(--bg) 0%, var(--line-soft) 100%);
	border-radius: 50%;
	border: 1px solid var(--line);
	box-shadow: 0 8px 16px rgba(0, 0, 0, .08), inset 0 2px 4px var(--bg);
	position: relative;
	z-index: 1;
}

.dark .as-pedestal-base {
	background: radial-gradient(ellipse at center, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .02) 45%, transparent 70%), linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .02) 100%);
	border-color: var(--line);
	box-shadow: 0 8px 16px rgba(0, 0, 0, .3);
}

.as-winner-card {
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--r-lg, 16px);
	padding: 16px 14px 20px;
	text-align: center;
	box-shadow: var(--shadow-sm);
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: transform .28s cubic-bezier(.16, 1, .3, 1), box-shadow .28s ease, border-color .28s ease;
	position: relative;
	overflow: hidden;
}

.as-winner-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 16px 36px rgba(0, 0, 0, .1);
	border-color: var(--brand-border-soft);
}

.dark .as-winner-card:hover {
	box-shadow: 0 16px 36px rgba(0, 0, 0, .4);
	border-color: var(--brand);
}

.as-contest-box {
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--r-lg);
	padding: 32px;
	display: grid;
	grid-template-columns: 1fr 220px;
	gap: 24px;
	align-items: center;
	box-shadow: var(--shadow-sm);
	transition: transform .3s ease, box-shadow .3s ease;
}

.as-contest-box:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-md);
}

.as-stats-pill-bar {
	background: var(--dark);
	border-radius: var(--r-lg);
	padding: 28px 36px;
	max-width: 980px;
	margin: 0 auto;
	box-shadow: var(--shadow-lg);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 24px;
	align-items: center;
	color: var(--bg);
}

.as-step-card {
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--r-lg);
	padding: 32px 28px;
	box-shadow: var(--shadow-sm);
	position: relative;
	transition: transform .25s ease;
}

.as-step-card:hover {
	transform: translateY(-3px);
}

.as-review-card {
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--r-lg);
	padding: 32px;
	box-shadow: var(--shadow-sm);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	transition: transform .25s ease;
}

.as-review-card:hover {
	transform: translateY(-3px);
}

.as-faq-item {
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: var(--r-md);
	padding: 20px 24px;
	box-shadow: var(--shadow-sm);
	cursor: pointer;
	transition: border-color .2s ease;
}

.hero-sidebar {
	background: var(--bg-soft);
	border-radius: 24px;
	padding: 28px;
}

.hero-sidebar-title {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--blue);
	margin-bottom: 18px;
}

.hero-winner-card {
	display: flex;
	align-items: center;
	gap: 14px;
	background: var(--bg);
	border-radius: 14px;
	padding: 14px;
	border: 1px solid var(--line);
	margin-bottom: 12px;
	text-decoration: none;
}

.hero-winner-thumb {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	overflow: hidden;
	flex-shrink: 0;
}

.hero-winner-avatar {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	flex-shrink: 0;
	background: var(--blue-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 18px;
	color: var(--blue);
}

.hero-winner-title {
	font-weight: 700;
	font-size: 14.5px;
	color: var(--ink);
}

.hero-winner-badge {
	font-size: 12.5px;
	color: var(--blue);
	font-weight: 700;
}

.hero-winner-fallback {
	font-size: 13px;
	color: var(--ink-soft);
}

.hero-winner-all {
	display: block;
	text-align: center;
	margin-top: 6px;
	font-weight: 700;
	font-size: 14px;
}

.section-recent-winners {
	padding-top: 24px;
	padding-bottom: 48px;
}

.as-winners-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

@media (max-width:1120px) {
	.as-winners-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 18px;
	}
}

@media (max-width:580px) {
	.as-winners-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}

.as-winner-tag {
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 1px;
	color: var(--brand);
	text-transform: uppercase;
	background: var(--brand-bg-soft);
	border: 1px solid var(--brand-border-soft);
	padding: 3px 10px;
	border-radius: 20px;
	margin-top: 10px;
	margin-bottom: 6px;
	display: inline-block;
}

.as-winner-title-text {
	font-size: 18px;
	font-weight: 700;
	color: var(--ink);
	margin: 0 0 4px;
	line-height: 1.25;
	text-align: center;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.as-winner-category-text {
	font-size: 12.5px;
	color: var(--ink-soft);
	margin-bottom: 8px;
	font-weight: 500;
}

.as-winner-meta-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	font-weight: 700;
	color: var(--ink-soft);
	background: var(--bg-soft);
	border: 1px solid var(--line);
	border-radius: 12px;
	padding: 3px 10px;
	margin-bottom: 14px;
}

.as-winner-star {
	color: #f59e0b;
	font-weight: 800;
}

.as-winner-score-sep {
	color: var(--line);
	font-size: 10px;
}

.as-winner-score-tag {
	color: var(--ink);
	font-weight: 700;
}

.as-winner-cta-btn {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .8px;
	color: var(--ink);
	background: var(--bg-soft);
	border: 1px solid var(--line);
	border-radius: 8px;
	padding: 8px 16px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all .2s cubic-bezier(.16, 1, .3, 1);
	margin-top: auto;
}

.as-winner-cta-btn .as-btn-arrow {
	transition: transform .2s ease;
	font-size: 12px;
}

.as-winner-cta-btn:hover {
	background: var(--brand);
	color: #fff !important;
	border-color: var(--brand);
	transform: translateY(-2px);
	box-shadow: var(--shadow-brand);
}

.as-winner-cta-btn:hover .as-btn-arrow {
	transform: translateX(3px);
}

.section-award-season {
	padding-top: 20px;
	padding-bottom: 60px;
}

.as-season-banner {
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: 20px;
	padding: 40px 48px;
	box-shadow: var(--shadow-sm);
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
	margin-bottom: 50px;
}

.as-season-heading {
	font-size: 42px;
	line-height: 1.1;
	margin: 0;
	color: var(--ink);
	font-weight: 700;
}

.as-season-deadlines {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.as-deadline-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--ink-subtle);
	letter-spacing: .5px;
	margin-bottom: 2px;
}

.as-deadline-date {
	font-size: 17px;
	font-weight: 900;
	letter-spacing: .5px;
	color: var(--ink);
	font-family: monospace;
}

.as-season-submit-btn {
	background: var(--brand);
	color: var(--bg);
	padding: 18px 36px;
	border-radius: 6px;
	font-weight: 800;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	display: inline-block;
	box-shadow: var(--shadow-brand);
}

.as-recognition-wrap {
	text-align: center;
}

.as-recognition-heading {
	font-size: 34px;
	font-weight: 700;
	color: var(--ink);
	margin: 0 0 36px;
}

.as-metrics-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 20px;
	max-width: 1100px;
	margin: 0 auto;
}

.as-metric-col {
	padding: 10px 20px;
}

.as-metric-col.border-right {
	border-right: 1px solid var(--line);
}

.as-metric-val {
	font-size: 22px;
	font-weight: 800;
	color: var(--ink);
	margin-bottom: 4px;
}

.as-metric-label {
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--ink-subtle);
}

.section-open-contests {
	padding-top: 30px;
	padding-bottom: 60px;
}

.as-contests-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
	gap: 30px;
}

.as-contest-title {
	font-size: 28px;
	font-weight: 700;
	color: var(--ink);
	margin: 0 0 14px;
	line-height: 1.25;
}

.as-contest-desc {
	font-size: 13.5px;
	color: var(--ink-soft);
	line-height: 1.6;
	margin: 0 0 20px;
}

.as-contest-cta {
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 1px;
	color: var(--brand);
	text-transform: uppercase;
	text-decoration: none;
}

.as-contest-graphic {
	border-radius: 12px;
	padding: 18px;
	text-align: center;
}

.as-contest-graphic.monthly {
	background: linear-gradient(135deg, var(--award-bg-1) 0%, var(--award-bg-2) 100%);
	border: 1px solid var(--award-border);
}

.as-contest-graphic.annual {
	background: linear-gradient(135deg, var(--info-soft) 0%, #dbeafe 100%);
	border: 1px solid #bfdbfe;
}

.as-graphic-eyebrow {
	font-size: 10px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 6px;
}

.as-graphic-eyebrow.monthly {
	color: var(--award-ink-soft);
}

.as-graphic-eyebrow.annual {
	color: #1e40af;
}

.as-graphic-title {
	font-size: 20px;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 12px;
}

.as-graphic-img {
	width: 100px;
	height: 140px;
	object-fit: cover;
	border-radius: 12px;
	box-shadow: 0 8px 16px rgba(0, 0, 0, .15);
	margin: 0 auto 10px;
	display: block;
}

.as-graphic-btn {
	background: var(--brand);
	color: var(--bg);
	padding: 6px 14px;
	border-radius: 4px;
	font-weight: 800;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
}

.section-promote {
	padding-top: 20px;
	padding-bottom: 80px;
	text-align: center;
}

.as-promote-heading {
	font-size: 38px;
	font-weight: 700;
	color: var(--ink);
	margin: 0 0 14px;
	position: relative;
	display: inline-block;
}

.as-promote-accent-line {
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 60px;
	height: 3px;
	background: var(--brand);
}

.as-promote-desc {
	font-size: 15px;
	color: var(--ink-soft);
	max-width: 720px;
	margin: 20px auto 40px;
	line-height: 1.6;
}

.as-stat-item {
	display: flex;
	align-items: center;
	gap: 14px;
}

.as-stat-item.border-right {
	border-right: 1px solid rgba(255, 255, 255, .12);
	padding-right: 15px;
}

.as-stat-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	flex-shrink: 0;
}

.as-stat-number {
	font-size: 26px;
	font-weight: 900;
	color: var(--bg);
	line-height: 1.1;
}

.as-stat-label {
	font-size: 11px;
	font-weight: 700;
	color: var(--ink-mut);
	text-transform: uppercase;
	letter-spacing: .5px;
}

.section-press {
	padding-top: 20px;
	padding-bottom: 50px;
	text-align: center;
}

.as-press-label {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--ink-mut);
	margin-bottom: 24px;
}

.as-press-logos {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
	flex-wrap: wrap;
	opacity: .65;
}

.as-press-brand {
	font-family: var(--font-display);
	font-weight: 900;
	font-size: 22px;
	color: var(--ink);
	letter-spacing: -.5px;
}

.section-how-it-works {
	padding-top: 30px;
	padding-bottom: 60px;
}

.as-steps-heading {
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	color: var(--ink);
	margin: 0 0 40px;
}

.as-steps-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 28px;
}

.as-step-num {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	font-weight: 900;
	margin-bottom: 20px;
}

.as-step-num.num-1 {
	background: var(--brand-bg-soft);
	color: var(--brand);
}

.as-step-num.num-2 {
	background: var(--info-soft);
	color: var(--info);
}

.as-step-num.num-3 {
	background: var(--green-soft);
	color: var(--green);
}

.as-step-title {
	font-size: 20px;
	font-weight: 800;
	color: var(--ink);
	margin: 0 0 10px;
}

.as-step-desc {
	font-size: 14px;
	color: var(--ink-soft);
	line-height: 1.6;
	margin: 0;
}

.section-testimonials {
	padding-top: 30px;
	padding-bottom: 60px;
}

.as-testimonials-heading {
	text-align: center;
	font-size: 36px;
	font-weight: 700;
	color: var(--ink);
	margin: 0 0 40px;
}

.as-testimonials-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 28px;
}

.as-stars {
	color: var(--gold);
	font-size: 16px;
	margin-bottom: 14px;
}

.as-review-quote {
	font-size: 15px;
	color: var(--ink);
	line-height: 1.65;
	font-style: italic;
	margin: 0 0 20px;
}

.as-review-author {
	display: flex;
	align-items: center;
	gap: 12px;
	border-top: 1px solid var(--line-soft);
	padding-top: 16px;
}

.as-author-avatar {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: var(--bg);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
}

.as-author-name {
	font-weight: 800;
	font-size: 14.5px;
	color: var(--ink);
}

.as-author-role {
	font-size: 12px;
	color: var(--ink-soft);
}

.section-faq-wrap {
	padding-top: 30px;
	padding-bottom: 80px;
	max-width: 900px;
	margin: 0 auto;
}

.as-faq-list {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.as-faq-summary {
	font-weight: 800;
	font-size: 16.5px;
	color: var(--ink);
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.as-faq-toggle {
	color: var(--brand);
	font-size: 20px;
	font-weight: 900;
}

.as-faq-answer {
	font-size: 14.5px;
	color: var(--ink-soft);
	line-height: 1.7;
	margin-top: 14px;
	margin-bottom: 0;
	border-top: 1px solid var(--line-soft);
	padding-top: 14px;
}

.lead-card-link {
	text-decoration: none;
}

.lead-card-body {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px;
}

.lead-card-icon {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	object-fit: cover;
	border: 1px solid var(--line);
	flex-shrink: 0;
}

.lead-card-cat {
	font-size: 11px;
	font-weight: 800;
	color: var(--brand);
	text-transform: uppercase;
	margin-bottom: 2px;
}

.lead-card-title {
	font-size: 16px;
	font-weight: 800;
	color: var(--ink);
	line-height: 1.2;
}

.lead-card-date {
	font-size: 12px;
	color: var(--ink-soft);
	margin-top: 4px;
}

.spotlight-card {
	padding: 28px;
	background: var(--bg-soft);
}

.spotlight-avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: var(--blue-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 18px;
	color: var(--blue);
}

.rank-num {
	font-size: 22px;
	font-weight: 900;
	color: var(--ink-mut);
	width: 36px;
}

.rank-avatar {
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: var(--blue-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	color: var(--blue);
}

.site-footer {
	background: #0b0f19;
	color: #94a3b8;
	padding: 64px 0 0;
	border-top: 1px solid rgba(255, 255, 255, .08);
	font-family: var(--font-body);
	margin-top: 60px;
}

.site-footer .logo {
	color: #fff;
	font-size: 24px;
	font-weight: 900;
	letter-spacing: -.02em;
}

.site-footer .logo span {
	color: var(--brand, #ff4500);
}

.footer-cols {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: 48px;
	padding-bottom: 48px;
}

@media (max-width:900px) {
	.footer-cols {
		grid-template-columns: 1fr 1fr;
		gap: 32px;
	}
}

@media (max-width:600px) {
	.footer-cols {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}

.footer-cols h4 {
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	margin: 0 0 20px;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.footer-cols ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.footer-cols a {
	color: #94a3b8;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: color .2s ease;
}

.footer-cols a:hover {
	color: #fff;
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .08);
	padding: 24px 0;
	background: #070910;
	font-size: 13.5px;
	color: #64748b;
}

.footer-bottom .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}

.footer-bottom a {
	color: #94a3b8;
	text-decoration: none;
	transition: color .2s ease;
}

.footer-bottom a:hover {
	color: #fff;
}

.as-header-search {
	position: relative;
	display: flex;
	align-items: center;
}

.as-header-search .as-typeahead-form {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
}

.as-typeahead-input {
	width: 200px;
	padding: 10px 14px 10px 36px;
	border-radius: 100px;
	border: 1px solid var(--line, #e3e5ec);
	background: #f8fafc;
	font-size: 13px;
	font-weight: 600;
	color: var(--ink, #1c1e22);
	outline: none;
	transition: border-color .2s ease, box-shadow .2s ease, width .25s ease;
}

.as-typeahead-input:focus {
	border-color: var(--brand, #ff4500);
	box-shadow: 0 0 0 3px rgba(255, 69, 0, .15);
	width: 250px;
}

.as-typeahead {
	position: relative;
	display: inline-flex;
}

.as-typeahead-results {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	min-width: 300px;
	background: #fff;
	border: 1px solid var(--line, #e3e5ec);
	border-radius: 14px;
	box-shadow: 0 16px 40px rgba(15, 23, 42, .16);
	overflow: hidden;
	z-index: 99999;
}

.as-typeahead-results[hidden] {
	display: none;
}

.as-typeahead-loading, .as-typeahead-empty {
	padding: 14px 16px;
	font-size: 13px;
	color: var(--ink-soft, #64748b);
	font-weight: 600;
}

.as-typeahead-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	text-decoration: none;
	color: var(--ink, #1c1e22);
	transition: background .15s ease;
}

.as-typeahead-item + .as-typeahead-item {
	border-top: 1px solid var(--line-soft, #f1f5f9);
}

.as-typeahead-item:hover {
	background: var(--bg-soft, #f8fafc);
}

.as-typeahead-icon {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	overflow: hidden;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--bg-panel, #f1f2f6);
	font-size: 18px;
}

.as-typeahead-icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.as-typeahead-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.as-typeahead-title {
	font-size: 14px;
	font-weight: 800;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.as-typeahead-cat {
	font-size: 11px;
	color: var(--ink-soft, #64748b);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px;
}

@media (max-width:900px) {
	.as-typeahead-input {
		width: 130px;
	}
	
	.as-typeahead-input:focus {
		width: 150px;
	}
}

.appstory-archive-grid {
	position: relative;
}

.appstory-archive-grid.is-loading {
	pointer-events: none;
}

.as-skeleton-card {
	background: #fff;
	border-radius: 18px;
	border: 1px solid var(--line, #e3e5ec);
	padding: 24px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .03);
}

.as-skeleton-block {
	background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 37%, #f1f5f9 63%);
	background-size: 400% 100%;
	border-radius: 8px;
	animation: as-shimmer 1.4s ease infinite;
}

@keyframes as-shimmer {
	0% {
		background-position: 100% 0;
	}
	
	100% {
		background-position: -100% 0;
	}
}

.dev-progress-tracker {
	display: flex;
	align-items: flex-start;
	gap: 0;
}

.dev-progress-step {
	flex: 1;
	text-align: center;
	position: relative;
	padding-top: 34px;
}

.dev-progress-step::before {
	content: "";
	position: absolute;
	top: 15px;
	left: 50%;
	width: 50%;
	height: 3px;
	background: var(--line, #e2e8f0);
	z-index: 0;
}

.dev-progress-step:last-child::before {
	display: none;
}

.dev-progress-step.is-done::before {
	background: var(--brand, #ff4500);
}

.dev-progress-dot {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid var(--line, #e2e8f0);
	color: var(--ink-mut, #94a3b8);
	font-size: 13px;
	font-weight: 800;
}

.dev-progress-step.is-done .dev-progress-dot, .dev-progress-step.is-current .dev-progress-dot {
	background: var(--brand, #ff4500);
	border-color: var(--brand, #ff4500);
	color: #fff;
}

.dev-progress-name {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	font-weight: 700;
	color: var(--ink-mut, #94a3b8);
	text-transform: uppercase;
	letter-spacing: .3px;
}

.dev-progress-step.is-current .dev-progress-name, .dev-progress-step.is-done .dev-progress-name {
	color: var(--ink, #1c1e22);
}

@media (max-width:640px) {
	.dev-progress-name {
		font-size: 10px;
	}
}

.dev-progress-mini {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.dev-progress-mini-bar {
	display: inline-flex;
	gap: 3px;
}

.dev-progress-seg {
	width: 14px;
	height: 6px;
	border-radius: 3px;
	background: var(--line, #e2e8f0);
}

.dev-progress-seg.on {
	background: var(--brand, #ff4500);
}

.dev-progress-mini-label {
	font-size: 11px;
	font-weight: 800;
	color: var(--ink-soft, #64748b);
	text-transform: uppercase;
	letter-spacing: .3px;
}

.as-header-search {
	position: relative;
}

.as-typeahead-input {
	width: 220px;
	padding: 10px 14px 10px 42px;
	border: 1px solid var(--line, #e2e8f0);
	border-radius: 100px;
	background: #fff;
	font-size: 13px;
	color: var(--ink);
	transition: all .2s ease;
}

.as-typeahead-input:focus {
	outline: none;
	border-color: var(--brand);
	box-shadow: 0 0 0 3px var(--brand-glow);
	width: 280px;
}

.as-typeahead-icon {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	color: var(--ink-soft);
	pointer-events: none;
}

.as-typeahead-results {
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid var(--line, #e2e8f0);
	border-radius: 16px;
	box-shadow: 0 20px 40px -12px rgba(28, 30, 34, .18);
	overflow: hidden;
	z-index: 1000;
	max-height: 420px;
	overflow-y: auto;
}

.as-typeahead-result-item:hover, .as-typeahead-result-item.highlighted {
	background: var(--brand-bg-soft) !important;
}

.as-typeahead-result-item:last-child {
	border-bottom: none;
}

@media (max-width:1024px) {
	.as-typeahead-input {
		width: 160px;
	}
	
	.as-typeahead-input:focus {
		width: 220px;
	}
}

@media (max-width:768px) {
	.as-typeahead-input {
		width: 140px;
	}
	
	.as-typeahead-input:focus {
		width: 180px;
	}
}

@keyframes skeleton-pulse {
	0% {
		background-position: -200% 0;
	}
	
	100% {
		background-position: 200% 0;
	}
}

.skeleton {
	background: linear-gradient(90deg, var(--line-soft) 25%, var(--line) 50%, var(--line-soft) 75%);
	background-size: 200% 100%;
	animation: skeleton-pulse 1.5s ease-in-out infinite;
	border-radius: var(--r-sm);
}

.skeleton-card {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 18px;
	padding: 24px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, .03);
}

.skeleton-card .skeleton-row {
	display: flex;
	gap: 16px;
	align-items: center;
	margin-bottom: 18px;
}

.skeleton-card .skeleton-avatar {
	width: 64px;
	height: 64px;
	border-radius: 16px;
	flex-shrink: 0;
}

.skeleton-card .skeleton-text {
	flex: 1;
}

.skeleton-card .skeleton-text .skeleton-line {
	height: 16px;
	margin-bottom: 10px;
	border-radius: 8px;
}

.skeleton-card .skeleton-text .skeleton-line:last-child {
	width: 60%;
	margin-bottom: 0;
}

.skeleton-card .skeleton-badges {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin: 15px 0 20px;
}

.skeleton-card .skeleton-badge {
	height: 20px;
	width: 80px;
	border-radius: 6px;
}

.skeleton-card .skeleton-excerpt {
	height: 14px;
	margin-bottom: 8px;
	border-radius: 6px;
}

.skeleton-card .skeleton-excerpt:last-child {
	width: 70%;
}

.skeleton-card .skeleton-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 16px;
	border-top: 1px solid var(--line);
}

.skeleton-card .skeleton-stats {
	height: 14px;
	width: 120px;
	border-radius: 6px;
}

.skeleton-card .skeleton-btn {
	height: 38px;
	width: 140px;
	border-radius: 8px;
}

@media (max-width:768px) {
	.submit-3-col-layout {
		display: flex !important;
		flex-direction: column !important;
		gap: 24px !important;
	}
	
	.submit-col-left, .submit-col-right {
		display: none !important;
	}
	
	.submit-col-center {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.as-vote-modal-content, #as-compare-modal > div {
		max-width: 100% !important;
		width: 100% !important;
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		position: fixed !important;
		bottom: 0 !important;
		margin: 0 !important;
		max-height: 85vh !important;
		overflow-y: auto !important;
	}
	
	.as-archive-layout {
		grid-template-columns: 1fr !important;
	}
	
	.as-archive-sidebar {
		position: relative !important;
		top: 0 !important;
		margin-bottom: 24px !important;
	}
	
	.hero-cta-group, .submit-steps-wrap {
		flex-direction: column !important;
		align-items: stretch !important;
	}
	
	.as-showcase-card {
		transition: transform .25s cubic-bezier(.16, 1, .3, 1), box-shadow .25s cubic-bezier(.16, 1, .3, 1), border-color .25s ease;
	}
	
	.as-showcase-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 14px 30px rgba(0, 0, 0, .08) !important;
		border-color: rgba(255, 69, 0, .35) !important;
	}
	
	.dark .as-showcase-card {
		background: #151821 !important;
		border-color: #232936 !important;
	}
	
	.dark .as-showcase-card:hover {
		border-color: rgba(255, 69, 0, .5) !important;
		box-shadow: 0 14px 30px rgba(0, 0, 0, .4) !important;
	}
	
	.dark .as-nominees-page, .dark .as-winners-page {
		background: #0b0c0f !important;
	}
	
	.dark .as-creator-cta-banner {
		background: #151821 !important;
		border-color: #232936 !important;
	}
	
	@media (max-width:768px) {
		.as-creator-cta-banner {
			flex-direction: column;
			text-align: center;
			align-items: center;
		}
		
		.as-creator-cta-banner > div:first-child {
			flex-direction: column;
			text-align: center;
		}
	}
	
	.as-aio-synopsis-box {
		position: relative;
		transition: transform .2s ease, box-shadow .2s ease;
	}
	
	.as-aio-synopsis-box:hover {
		transform: translateY(-2px);
		box-shadow: 0 8px 24px rgba(255, 69, 0, .12) !important;
	}
	
	.dark .as-aio-synopsis-box {
		background: #12151e !important;
		border-color: rgba(255, 107, 53, .6) !important;
		box-shadow: 0 4px 25px rgba(0, 0, 0, .5) !important;
	}
	
	.dark .as-aio-synopsis-box p {
		color: #f8fafc !important;
	}
	
	.as-faq-item {
		cursor: pointer;
	}
	
	.as-faq-item[open] {
		border-color: var(--brand, #ff4500) !important;
		box-shadow: 0 4px 15px rgba(255, 69, 0, .06);
	}
	
	.as-faq-item[open] .as-faq-icon {
		transform: rotate(45deg);
	}
	
	.dark .as-faq-item {
		background: #12151e !important;
		border-color: var(--line, rgba(255, 255, 255, .1)) !important;
	}
	
	.dark .as-faq-item summary {
		color: #fff !important;
	}
	
	.dark .as-faq-item div {
		color: #cbd5e1 !important;
	}
	
	.as-b2b-roundup-wrapper, .as-b2b-archive-wrapper {
		background: var(--bg, #f8fafc);
		color: var(--ink, #0f172a);
		transition: background .3s ease, color .3s ease;
	}
	
	.dark .as-b2b-roundup-wrapper, .dark .as-b2b-archive-wrapper {
		background: var(--bg, #0b0f19) !important;
		color: var(--ink, #f8fafc) !important;
	}
	
	.dark .as-b2b-roundup-wrapper .as-card, .dark .as-b2b-archive-wrapper .as-card {
		background: var(--bg-soft, #131b2e) !important;
		border-color: var(--line, #1e293b) !important;
	}
	
	.dark .as-b2b-roundup-wrapper h1, .dark .as-b2b-roundup-wrapper h2, .dark .as-b2b-roundup-wrapper h3, .dark .as-b2b-archive-wrapper h1, .dark .as-b2b-archive-wrapper h2, .dark .as-b2b-archive-wrapper h3 {
		color: #fff !important;
	}
	
	.dark .as-b2b-roundup-wrapper tr, .dark .as-b2b-roundup-wrapper td, .dark .as-b2b-roundup-wrapper th {
		border-color: var(--line, #1e293b) !important;
		color: var(--ink-soft, #94a3b8) !important;
	}
	
	.dark .as-b2b-roundup-wrapper td strong, .dark .as-b2b-roundup-wrapper td a {
		color: #fff !important;
	}
	
	.dark .as-filter-chip:not(.active) {
		background: #131b2e !important;
		color: #e2e8f0 !important;
		border-color: #1e293b !important;
	}
	
	.as-filter-chip:hover {
		border-color: var(--brand, #ff4500) !important;
		color: var(--brand, #ff4500) !important;
	}
	
	@media (max-width:768px) {
		.as-table-card {
			padding: 16px !important;
		}
		
		.as-b2b-companies-stream article {
			padding: 18px !important;
		}
	}
	
	.company_main {
		background: var(--card-bg, #fff) !important;
		border: 1px solid var(--line, #e2e8f0) !important;
		border-radius: 16px !important;
		padding: 24px !important;
		margin: 24px 0 !important;
		box-shadow: 0 4px 20px rgba(0, 0, 0, .03) !important;
	}
	
	.company_cover {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		gap: 12px !important;
		margin-bottom: 16px !important;
	}
	
	.company_cover h3 {
		margin: 0 !important;
		font-size: 22px !important;
		font-weight: 800 !important;
		color: var(--ink, #0f172a) !important;
	}
	
	.key_services_cover {
		border: 1px solid var(--line, #e2e8f0) !important;
		border-radius: 12px !important;
		background: var(--bg-soft, #f8fafc) !important;
		margin-top: 16px !important;
		overflow: hidden !important;
	}
	
	.key_client, .service_provide {
		padding: 18px !important;
	}
	
	.service_provide {
		border-left: 1px solid var(--line, #e2e8f0) !important;
	}
	
	.dark .company_main {
		background: #12151e !important;
		border-color: rgba(255, 255, 255, .1) !important;
	}
	
	.dark .company_cover h3 {
		color: #fff !important;
	}
	
	.dark .key_services_cover {
		background: rgba(255, 255, 255, .03) !important;
		border-color: rgba(255, 255, 255, .08) !important;
	}
	
	.dark .service_provide {
		border-left-color: rgba(255, 255, 255, .08) !important;
	}
	
	.as-score-num {
		color: var(--ink, #0f172a);
	}
	
	.dark .as-score-num {
		color: #fff !important;
	}
	
	.as-criteria-card {
		background: var(--card-bg, #fff) !important;
		border: 1px solid var(--line, #e2e8f0) !important;
	}
	
	.dark .as-criteria-card {
		background: var(--bg-soft, #131722) !important;
		border-color: rgba(255, 255, 255, .12) !important;
	}
	
	body:not(.logged-in) .rank-math-seo-score, body:not(.admin-bar) .rank-math-seo-score {
		display: none !important;
		visibility: hidden !important;
	}
	
	.gridlove-site-header .as-appstory-main-menu > li {
		position: relative;
		display: inline-block;
	}
	
	.gridlove-site-header .as-appstory-main-menu > li > a {
		display: inline-flex;
		align-items: center;
		gap: 5px;
		padding: 0 14px;
		height: 48px;
		line-height: 48px;
		font-size: 13.5px;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: .5px;
		color: var(--ink, #1e293b);
		transition: color .2s ease;
		text-decoration: none;
	}
	
	.gridlove-site-header .as-appstory-main-menu > li:hover > a, .gridlove-site-header .as-appstory-main-menu > li.active > a, .gridlove-site-header .as-appstory-main-menu > li.current-menu-item > a, .gridlove-site-header .as-appstory-main-menu > li.current-menu-ancestor > a {
		color: var(--brand, #ff4500) !important;
	}
	
	.gridlove-site-header .as-appstory-main-menu > li > a i.fa-angle-down {
		font-size: 12px;
		transition: transform .2s ease;
	}
	
	.gridlove-site-header .as-appstory-main-menu > li:hover > a i.fa-angle-down {
		transform: rotate(180deg);
	}
	
	.gridlove-site-header .as-appstory-main-menu .as-dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		width: 280px;
		background: var(--bg-panel, #fff);
		border: 1px solid var(--line, #e2e8f0);
		border-radius: 12px;
		box-shadow: 0 16px 36px rgba(0, 0, 0, .12);
		padding: 8px;
		margin: 0;
		list-style: none;
		opacity: 0;
		visibility: hidden;
		transform: translateY(8px);
		transition: opacity .2s ease, transform .2s ease, visibility .2s;
		z-index: 99999;
	}
	
	.gridlove-site-header .as-appstory-main-menu > li:hover > .as-dropdown-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	
	.gridlove-site-header .as-appstory-main-menu .as-dropdown-menu li {
		display: block;
		margin: 0 0 2px 0;
	}
	
	.gridlove-site-header .as-appstory-main-menu .as-dropdown-menu li > a {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 10px 12px;
		height: auto;
		line-height: 1.3;
		border-radius: 8px;
		text-decoration: none;
		transition: background .15s ease;
	}
	
	.gridlove-site-header .as-appstory-main-menu .as-dropdown-menu li > a:hover {
		background: var(--bg-soft, #f8fafc);
	}
	
	.as-appstory-main-menu .as-sub-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		border-radius: 8px;
		background: var(--bg-soft, #f1f5f9);
		font-size: 15px;
		flex-shrink: 0;
	}
	
	.as-appstory-main-menu .as-sub-text {
		display: flex;
		flex-direction: column;
		text-align: left;
	}
	
	.as-appstory-main-menu .as-sub-text strong {
		font-size: 13.5px;
		font-weight: 700;
		color: var(--ink, #0f172a);
		text-transform: none;
		letter-spacing: 0;
	}
	
	.as-appstory-main-menu .as-sub-text small {
		font-size: 11px;
		color: var(--ink-soft, #64748b);
		text-transform: none;
		font-weight: 400;
		margin-top: 1px;
		letter-spacing: 0;
	}
	
	.gridlove-site-header .as-nav-cta-item {
		margin-left: 8px;
	}
	
	.gridlove-site-header .as-nav-cta-button {
		display: inline-flex !important;
		align-items: center;
		height: 38px !important;
		line-height: 38px !important;
		padding: 0 18px !important;
		background: linear-gradient(135deg, #ff4500 0%, #ff5722 100%) !important;
		color: #fff !important;
		font-size: 12.5px !important;
		font-weight: 800 !important;
		text-transform: uppercase !important;
		letter-spacing: .5px !important;
		border-radius: 100px !important;
		box-shadow: 0 4px 14px rgba(255, 69, 0, .3) !important;
		transition: transform .2s ease, box-shadow .2s ease !important;
	}
	
	.gridlove-site-header .as-nav-cta-button:hover {
		transform: translateY(-1px);
		box-shadow: 0 6px 18px rgba(255, 69, 0, .45) !important;
		color: #fff !important;
	}
	
	.as-appstory-drawer-wrapper {
		background: var(--bg-panel, #fff) !important;
		color: var(--ink, #0f172a);
		box-shadow: -10px 0 40px rgba(0, 0, 0, .25);
		padding: 70px 24px 30px !important;
		border-left: 1px solid var(--line, #e2e8f0);
	}
	
	.as-appstory-drawer-wrapper .as-drawer-close {
		background: var(--bg-soft, #f8fafc) !important;
		color: var(--ink, #0f172a) !important;
		border-bottom: 1px solid var(--line, #e2e8f0);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		transition: background .2s ease;
	}
	
	.as-appstory-drawer-wrapper .as-drawer-close:hover {
		background: var(--brand, #ff4500) !important;
		color: #fff !important;
	}
	
	.as-mobile-menu-header {
		margin-bottom: 24px;
		padding-bottom: 16px;
		border-bottom: 1px solid var(--line, #e2e8f0);
	}
	
	.as-mobile-menu-brand {
		font-size: 22px;
		font-weight: 900;
		color: var(--ink, #0f172a);
		text-decoration: none;
		letter-spacing: -.5px;
		font-family: var(--font-display, "Syne", sans-serif);
	}
	
	.as-mobile-menu-brand span {
		color: var(--brand, #ff4500);
	}
	
	.as-mobile-menu-tagline {
		font-size: 12px;
		color: var(--ink-soft, #64748b);
		margin: 4px 0 0;
	}
	
	.as-appstory-mobile-nav {
		list-style: none;
		padding: 0;
		margin: 0 0 24px 0;
	}
	
	.as-appstory-mobile-nav > li {
		margin-bottom: 6px;
	}
	
	.as-appstory-mobile-nav > li > a {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 10px 14px;
		border-radius: 8px;
		font-size: 14.5px;
		font-weight: 700;
		color: var(--ink, #0f172a);
		text-decoration: none;
		background: transparent;
		transition: background .15s ease, color .15s ease;
	}
	
	.as-appstory-mobile-nav > li > a:hover, .as-appstory-mobile-nav > li.current-menu-item > a {
		background: var(--bg-soft, #f8fafc);
		color: var(--brand, #ff4500);
	}
	
	.as-appstory-mobile-nav .as-m-icon {
		font-size: 16px;
		width: 24px;
		text-align: center;
	}
	
	.as-appstory-mobile-nav .sub-menu {
		list-style: none;
		padding: 4px 0 6px 34px;
		margin: 0;
	}
	
	.as-appstory-mobile-nav .sub-menu li a {
		display: block;
		padding: 6px 10px;
		font-size: 13px;
		color: var(--ink-soft, #475569);
		text-decoration: none;
		border-radius: 6px;
		transition: color .15s ease;
	}
	
	.as-appstory-mobile-nav .sub-menu li a:hover {
		color: var(--brand, #ff4500);
		background: var(--bg-soft, #f8fafc);
	}
	
	.as-mobile-drawer-cta {
		margin-top: 20px;
		padding-top: 16px;
		border-top: 1px solid var(--line, #e2e8f0);
	}
	
	.as-drawer-submit-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 12px 18px;
		background: linear-gradient(135deg, #ff4500 0%, #ff5722 100%);
		color: #fff !important;
		font-size: 13.5px;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: .5px;
		border-radius: 100px;
		text-decoration: none;
		box-shadow: 0 4px 14px rgba(255, 69, 0, .35);
	}
	
	.dark .gridlove-site-header .as-appstory-main-menu .as-dropdown-menu {
		background: var(--bg-panel, #12151e);
		border-color: var(--line, #2d3748);
		box-shadow: 0 16px 36px rgba(0, 0, 0, .5);
	}
	
	.dark .as-appstory-drawer-wrapper {
		background: var(--bg-panel, #12151e) !important;
		border-left-color: var(--line, #2d3748);
	}
	
	.dark .as-appstory-drawer-wrapper .as-drawer-close {
		background: var(--bg-soft, #1a1f2c) !important;
		border-bottom-color: var(--line, #2d3748);
		color: #fff !important;
	}
	
	.dark .as-mobile-menu-header, .dark .as-mobile-drawer-cta {
		border-color: var(--line, #2d3748);
	}
	
	.gridlove-site-header .as-appstory-main-menu > li:focus-within > .as-dropdown-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	
	.gridlove-site-header .as-appstory-main-menu > li:focus-within > a i.fa-angle-down {
		transform: rotate(180deg);
	}
	
	.gridlove-site-header .as-appstory-main-menu > li > a:focus-visible, .gridlove-site-header .as-appstory-main-menu .as-dropdown-menu li > a:focus-visible, .as-appstory-mobile-nav a:focus-visible, .as-appstory-mobile-nav .gridlove-nav-widget-acordion:focus-visible {
		outline: 2px solid var(--brand, #ff4500);
		outline-offset: 2px;
		border-radius: 8px;
	}
	
	.gridlove-site-header .as-appstory-main-menu .as-dropdown-menu::before {
		content: "";
		position: absolute;
		top: -6px;
		left: 24px;
		width: 12px;
		height: 12px;
		background: var(--bg-panel, #fff);
		border-left: 1px solid var(--line, #e2e8f0);
		border-top: 1px solid var(--line, #e2e8f0);
		transform: rotate(45deg);
		pointer-events: none;
	}
	
	.dark .gridlove-site-header .as-appstory-main-menu .as-dropdown-menu::before {
		background: var(--bg-panel, #12151e);
		border-color: var(--line, #2d3748);
	}
	
	.as-appstory-main-menu .as-sub-icon {
		transition: background .15s ease, transform .15s ease;
	}
	
	.gridlove-site-header .as-appstory-main-menu .as-dropdown-menu li > a:hover .as-sub-icon, .gridlove-site-header .as-appstory-main-menu .as-dropdown-menu li > a:focus-visible .as-sub-icon {
		background: var(--brand-bg-soft, #fff3ee);
		transform: scale(1.06);
	}
	
	.as-appstory-mobile-nav > li {
		position: relative;
	}
	
	.as-appstory-mobile-nav .gridlove-nav-widget-acordion {
		right: 6px;
		top: 50%;
		transform: translateY(-50%);
		width: 44px;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		border-radius: 8px;
		color: var(--ink-soft, #475569);
		transition: background .15s ease, color .15s ease;
	}
	
	.as-appstory-mobile-nav .gridlove-nav-widget-acordion:hover {
		background: var(--bg-soft, #f8fafc);
		color: var(--brand, #ff4500);
	}
	
	.as-appstory-mobile-nav > li.menu-item-has-children > a {
		padding-right: 54px;
	}
	
	.as-appstory-mobile-nav .sub-menu li a {
		min-height: 40px;
		display: flex;
		align-items: center;
	}
	
	.as-appstory-drawer-wrapper .gridlove-sidebar-action-inside {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		max-height: calc(100vh - 70px);
		padding-bottom: 24px;
	}
	
	@media (prefers-reduced-motion:reduce) {
		.gridlove-site-header .as-appstory-main-menu .as-dropdown-menu, .as-appstory-main-menu .as-sub-icon, .gridlove-site-header .as-appstory-main-menu > li > a i.fa-angle-down {
			transition: none !important;
		}
	}
	
	@media (max-width:767px) {
		.platform-tabs {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 8px;
		}
		
		.platform-tab {
			min-width: 0;
			padding: 12px 10px;
		}
		
		.platform-tab:last-child {
			grid-column: 1/-1;
		}
		
		.url-input-group {
			flex-direction: column;
			gap: 10px;
		}
		
		.url-input-group input[type="url"] {
			min-width: 0;
		}
		
		.btn-fetch {
			width: 100%;
			justify-content: center;
		}
		
		.dev-portal-nav {
			flex-wrap: wrap;
			gap: 0 14px;
			margin-bottom: 22px;
		}
		
		.dev-portal-nav a {
			padding: 10px 0;
			font-size: 14px;
		}
		
		.dev-portal-nav a.logout-btn {
			flex-basis: 100%;
			margin-left: 0;
		}
		
		.as-typeahead {
			max-width: 100%;
		}
		
		.as-typeahead-results {
			min-width: 0;
			width: min(300px, calc(100vw - 28px));
		}
	}
}