.Ceres-ide-page {
	background:
		radial-gradient(circle at top center, rgba(60, 117, 255, 0.16), transparent 24%),
		linear-gradient(180deg, #08142d 0%, #0a1734 44%, #0b1a39 100%);
	color: #f4f7ff;
}

.Ceres-ide-page .top-nav {
	background: rgba(8, 18, 43, 0.92);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(14px);
}

.Ceres-ide-page .nav-link {
	color: rgba(255, 255, 255, 0.9);
}

.Ceres-ide-page .nav-link:hover {
	color: #ffb15f;
}

.Ceres-ide-page .nav-button,
.Ceres-ide-page .logout-btn {
	background: linear-gradient(135deg, #ffffff 0%, #f2f4fb 100%);
	color: #0d162c;
	border: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: none;
}

.Ceres-ide-page .Ceres-page {
	padding-top: 24px;
}

.Ceres-ide-page .Ceres-hero {
	border-color: rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(180deg, rgba(6, 17, 40, 0.5) 0%, rgba(7, 18, 42, 0.72) 54%, rgba(7, 18, 42, 0.86) 100%),
		url('/web/ceres-bg-desktop.jpg') center 20% / cover no-repeat;
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.32);
}

.Ceres-ide-page .Ceres-hero::before {
	background:
		radial-gradient(circle at 24% 26%, rgba(255, 182, 92, 0.14), transparent 26%),
		linear-gradient(90deg, rgba(6, 17, 40, 0.52) 0%, rgba(6, 17, 40, 0.68) 44%, rgba(6, 17, 40, 0.78) 100%);
}

.Ceres-ide-page .Ceres-kicker {
	background: rgba(255, 255, 255, 0.08);
	color: #f7f8fc;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.Ceres-ide-page .Ceres-hero h1,
.Ceres-ide-page .Ceres-section-title,
.Ceres-ide-page .Ceres-article h2,
.Ceres-ide-page .Ceres-logo-word,
.Ceres-ide-page .Ceres-capability-card h3,
.Ceres-ide-page .Ceres-sources h4 {
	color: #ffffff;
	text-shadow: 0 0 24px rgba(112, 163, 255, 0.16);
}

.Ceres-ide-page .Ceres-lead,
.Ceres-ide-page .Ceres-card p,
.Ceres-ide-page .Ceres-article p,
.Ceres-ide-page .Ceres-flow li,
.Ceres-ide-page .Ceres-note p,
.Ceres-ide-page .Ceres-story p,
.Ceres-ide-page .Ceres-logo-free,
.Ceres-ide-page .Ceres-compare-intro p,
.Ceres-ide-page .Ceres-compare-note,
.Ceres-ide-page .Ceres-capability-card p,
.Ceres-ide-page .Ceres-capability-intro p,
.Ceres-ide-page .Ceres-sources ul,
.Ceres-ide-page .Ceres-sources li {
	color: rgba(235, 241, 255, 0.9);
}

.Ceres-ide-page .Ceres-pill {
	border-color: rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.06);
	color: #f5f8ff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.Ceres-ide-page .Ceres-logo-panel,
.Ceres-ide-page .Ceres-card,
.Ceres-ide-page .Ceres-article,
.Ceres-ide-page .Ceres-flow,
.Ceres-ide-page .Ceres-note,
.Ceres-ide-page .Ceres-capability-card,
.Ceres-ide-page .Ceres-table-wrap {
	border-color: rgba(255, 255, 255, 0.08);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.03));
	box-shadow: 0 20px 52px rgba(0, 0, 0, 0.24);
}

.Ceres-ide-page .Ceres-logo-panel {
	background:
		radial-gradient(circle at top center, rgba(255, 191, 115, 0.16), transparent 28%),
		linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035));
}

.Ceres-ide-page .Ceres-card span,
.Ceres-ide-page .Ceres-card-emoji,
.Ceres-ide-page .Ceres-capability-badge,
.Ceres-ide-page .Ceres-price-neutral,
.Ceres-ide-page .Ceres-sources a:hover {
	color: #ff9b3d;
}

.Ceres-ide-page .Ceres-capability-badge {
	background: rgba(255, 155, 61, 0.12);
	border-color: rgba(255, 155, 61, 0.2);
}

.Ceres-ide-page .Ceres-logo-price,
.Ceres-ide-page .Ceres-article strong {
	color: #ffffff;
}

.Ceres-ide-page .Ceres-logo-actions .pricing-cta,
.Ceres-ide-page .Ceres-story-actions .pricing-cta {
	background: linear-gradient(135deg, #d96a12 0%, #b84c00 100%);
	color: #ffffff;
	border: 1px solid rgba(255, 157, 56, 0.34);
	box-shadow: 0 12px 28px rgba(184, 76, 0, 0.26);
}

.Ceres-ide-page .Ceres-logo-actions .pricing-cta:hover,
.Ceres-ide-page .Ceres-story-actions .pricing-cta:hover {
	background: linear-gradient(135deg, #e1771b 0%, #c85706 100%);
}

.Ceres-ide-page .Ceres-logo-actions .pricing-cta.secondary {
	background: rgba(255, 255, 255, 0.08);
	color: #f6f8ff;
	border-color: rgba(255, 255, 255, 0.14);
	box-shadow: none;
}

.Ceres-ide-page .Ceres-logo-platforms .download-with-icons {
	color: #f4f7ff;
}

.Ceres-ide-page .Ceres-compare-table th,
.Ceres-ide-page .Ceres-compare-table td {
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

.Ceres-ide-page .Ceres-compare-table th {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.06);
}

.Ceres-ide-page .Ceres-compare-table td,
.Ceres-ide-page .Ceres-compare-table td strong {
	color: rgba(235, 241, 255, 0.9);
}

.Ceres-ide-page .Ceres-own-row {
	background: linear-gradient(90deg, rgba(255, 155, 61, 0.12), rgba(255, 155, 61, 0.035));
}

.Ceres-ide-page .Ceres-status.yes {
	color: #48d17c;
}

.Ceres-ide-page .Ceres-status.limited {
	color: #f1b449;
}

.Ceres-ide-page .Ceres-status.no {
	color: #ff7a7a;
}

.Ceres-ide-page .Ceres-price-positive,
.Ceres-ide-page .Ceres-price-subnote-positive {
	color: #48d17c !important;
}

.Ceres-ide-page .Ceres-price-negative {
	color: #ff7a7a !important;
}

.Ceres-ide-page .Ceres-sources a {
	color: #ffb15f;
}

.Ceres-ide-page .Ceres-section {
	position: relative;
}

.Ceres-ide-page .Ceres-models-section .home-models-subtitle,
.Ceres-ide-page .Ceres-models-section .home-model-pill span {
	color: #ffb15f;
}

.Ceres-ide-page .Ceres-models-section .home-model-pill {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 177, 95, 0.18);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.Ceres-ide-page .Ceres-showcase-media {
	border-color: rgba(255, 177, 95, 0.18);
	box-shadow: 0 22px 54px rgba(0, 0, 0, 0.28);
}

.Ceres-ide-page .Ceres-showcase .splide__arrow {
	background: rgba(8, 18, 43, 0.92);
	border-color: rgba(255, 177, 95, 0.22);
}

.Ceres-ide-page .Ceres-showcase .splide__arrow svg {
	fill: #ffb15f;
}

.Ceres-ide-page .Ceres-section::before {
	content: "";
	position: absolute;
	inset: -12px 0 auto;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
	pointer-events: none;
}

@media (max-width: 900px) {
	.Ceres-ide-page .Ceres-hero {
		background:
			linear-gradient(180deg, rgba(6, 17, 40, 0.54) 0%, rgba(7, 18, 42, 0.76) 58%, rgba(7, 18, 42, 0.9) 100%),
			url('/web/ceres-bg-desktop.jpg') center 16% / cover no-repeat;
	}
}