/* index styles : auralesce home (dark, pixel-edge) */

html, body { margin:0 !important; padding:0 !important; }
body { background:#07090d; }
#template-container { top:0 !important; background:#07090d !important; }

#index-container {
	text-align:left;
	color:#eef1f7;
	font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}

/* ------------------------------------------------ hero */
#hero {
	position:relative; padding:110px 0 150px; overflow:visible;
	/* pixelated stair-step bottom edge, shared by the band layers */
	--pxedge:polygon(
		0 0, 100% 0,
		100% calc(100% - 200px),
		95% calc(100% - 200px), 95% calc(100% - 190px),
		90% calc(100% - 190px), 90% calc(100% - 180px),
		85% calc(100% - 180px), 85% calc(100% - 170px),
		80% calc(100% - 170px), 80% calc(100% - 160px),
		75% calc(100% - 160px), 75% calc(100% - 150px),
		70% calc(100% - 150px), 70% calc(100% - 140px),
		65% calc(100% - 140px), 65% calc(100% - 130px),
		60% calc(100% - 130px), 60% calc(100% - 120px),
		55% calc(100% - 120px), 55% calc(100% - 110px),
		50% calc(100% - 110px), 50% calc(100% - 100px),
		45% calc(100% - 100px), 45% calc(100% - 90px),
		40% calc(100% - 90px), 40% calc(100% - 80px),
		35% calc(100% - 80px), 35% calc(100% - 70px),
		30% calc(100% - 70px), 30% calc(100% - 60px),
		25% calc(100% - 60px), 25% calc(100% - 50px),
		20% calc(100% - 50px), 20% calc(100% - 40px),
		15% calc(100% - 40px), 15% calc(100% - 30px),
		10% calc(100% - 30px), 10% calc(100% - 20px),
		5% calc(100% - 20px), 5% calc(100% - 10px),
		0 calc(100% - 10px), 0 100%
	);
}

/* stepped orange/yellow rim peeking out under the band */
#hero::before {
	content:'';
	position:absolute; left:0; right:0; top:0; bottom:76px;
	clip-path:var(--pxedge);
	background:linear-gradient(90deg, rgba(238,136,69,.22) 0%, rgba(255,154,82,.2) 45%, rgba(254,255,164,.18) 100%);
	z-index:0;
}

/* main dark band : blurred image glow + orange/yellow blooms */
.hero-gradient {
	position:absolute; left:0; right:0; top:0; bottom:90px;
	clip-path:var(--pxedge);
	background-color:#0b0f16;
	background-image:
		radial-gradient(ellipse 45% 55% at 18% 28%, rgba(238,136,69,.55) 0%, rgba(238,136,69,0) 70%),
		radial-gradient(ellipse 38% 48% at 78% 18%, rgba(254,255,164,.30) 0%, rgba(254,255,164,0) 70%),
		radial-gradient(ellipse 60% 65% at 62% 85%, rgba(238,136,69,.28) 0%, rgba(238,136,69,0) 75%),
		linear-gradient(180deg, rgba(7,9,13,.86) 0%, rgba(7,9,13,.92) 100%),
		url(/img/site/bg/sim-bg.png);
	background-size:auto, auto, auto, auto, cover;
	background-position:center;
	z-index:1;
}

/* faint pixel scanline texture over the band */
.hero-grain {
	position:absolute; left:0; right:0; top:0; bottom:90px;
	clip-path:var(--pxedge);
	pointer-events:none;
	background-image:
		repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 2px, transparent 2px 6px),
		repeating-linear-gradient(90deg, rgba(255,255,255,.015) 0 2px, transparent 2px 6px);
	z-index:1;
}

.hero-inner {
	position:relative; z-index:2;
	max-width:1120px; margin:0 auto; padding:0 4%;
	display:flex; align-items:center; gap:56px;
}
.hero-copy { flex:1 1 54%; min-width:0; }
.hero-visual { flex:1 1 46%; min-width:0; }

/* wordmark : aura / l / esce */
#index-title {
	display:inline-block;
	font-size:46px; font-weight:800; line-height:1; letter-spacing:.01em;
	margin-bottom:26px;
	text-shadow:0 4px 30px rgba(0,0,0,.6);
}
#index-title .t-aura { color:#ee8845; }
#index-title .t-l {
	display:inline-block; color:#fff;
	transform:scaleX(0.8) scaleY(1.5); transform-origin:center 21px;
	text-shadow:0 0 20px rgba(255,255,255,.6);
}
#index-title .t-esce { color:#feffa4; }

.hero-headline {
	margin:0 0 22px;
	font-size:clamp(38px, 5vw, 60px);
	font-weight:800; line-height:1.06; letter-spacing:-.02em;
	color:#fff;
	text-shadow:0 4px 30px rgba(0,0,0,.5);
}
.hero-lede {
	margin:0 0 34px; max-width:520px;
	font-size:18px; line-height:1.65; color:#c3cddb;
}

.hero-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.btn-primary {
	display:inline-block; padding:13px 26px;
	background:#ee8845; color:#10131a !important;
	font-size:15px; font-weight:700;
	box-shadow:6px 6px 0 rgba(0,0,0,.45);
	transition:background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.btn-primary:hover {
	background:#feffa4; text-decoration:none !important;
	transform:translate(-2px,-2px);
	box-shadow:8px 8px 0 rgba(0,0,0,.45);
}
.btn-ghost {
	display:inline-block; padding:13px 20px;
	border:1px solid rgba(255,255,255,.4);
	color:#fff !important; font-size:15px; font-weight:600;
	transition:border-color .2s ease, color .2s ease;
}
.btn-ghost:hover { text-decoration:none !important; border-color:#ee8845; color:#ee8845 !important; }
.arr { display:inline-block; transition:transform .25s ease; }
.btn-primary:hover .arr, .btn-ghost:hover .arr, .btn-link:hover .arr { transform:translateX(4px); }

/* floating window mock, hard edges */
.mock-window {
	background:#0e131b;
	border:1px solid #253044;
	overflow:hidden;
	box-shadow:12px 12px 0 rgba(0,0,0,.4), 0 30px 80px -20px rgba(0,0,0,.7);
	transform:rotate(2deg);
	animation:floaty 7s ease-in-out infinite;
}
.mock-bar {
	display:flex; align-items:center; gap:6px;
	padding:10px 14px; background:#141a24; border-bottom:1px solid #253044;
}
.mock-bar i { width:10px; height:10px; background:#39465e; }
.mock-bar i:nth-child(1){ background:#ee8845; }
.mock-bar i:nth-child(2){ background:#feffa4; }
.mock-bar i:nth-child(3){ background:#7bd88f; }
.mock-url { margin-left:10px; font-size:11px; color:#7b8ba3; letter-spacing:.04em; }
.mock-screen {
	position:relative; height:320px;
	background:url(/img/site/bg/sim-bg.png) center center no-repeat;
	background-size:cover;
}
.mock-ticker {
	position:absolute; left:0; right:0; bottom:0;
	display:flex; gap:18px; justify-content:center;
	padding:10px 12px;
	background:rgba(7,9,13,.85);
	border-top:1px solid #253044;
	font-size:11px; letter-spacing:.12em; color:#feffa4; font-weight:600;
}
.tick-up { color:#7bd88f; }

/* ------------------------------------------------ sections */
.section { max-width:1120px; margin:0 auto; padding:96px 4%; }
.kicker {
	display:inline-block; margin-bottom:14px;
	font-size:13px; font-weight:700; letter-spacing:.22em; text-transform:uppercase;
	color:#ee8845;
}
.section-title {
	margin:0 0 46px;
	font-size:clamp(28px, 3.4vw, 42px);
	font-weight:800; letter-spacing:-.015em; color:#fff;
}

/* feature cards : hard-edged dark tiles */
.feature-grid { display:flex; gap:28px; flex-wrap:wrap; }
.feature-card {
	flex:1 1 260px;
	background:#0e131b; padding:30px 28px;
	border:1px solid #1d2634;
	border-top:3px solid #ee8845;
	transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.feature-card:hover {
	transform:translate(-3px,-3px);
	border-color:#2c3a52; border-top-color:#feffa4;
	box-shadow:8px 8px 0 rgba(0,0,0,.35);
}
.feature-card h3 { margin:18px 0 10px; font-size:19px; color:#fff; }
.feature-card p { margin:0; font-size:15px; line-height:1.65; color:#9aa7b8; }
.feature-dot { display:block; width:38px; height:38px; }
.dot-orange { background:linear-gradient(135deg, #ee8845, #ff6f61); }
.dot-violet { background:linear-gradient(135deg, #a960ee, #90e0ff); }
.dot-gold   { background:linear-gradient(135deg, #feca57, #feffa4); }

/* product section */
.section-tint {
	max-width:none; padding:0;
	background:#0a0e15;
	border-top:1px solid #1d2634;
}
.section-tint .product-cols {
	max-width:1120px; margin:0 auto; padding:96px 4% 40px;
	display:flex; align-items:center; gap:56px;
}
.product-copy { flex:1 1 55%; }
.product-copy p { max-width:520px; font-size:17px; line-height:1.7; color:#9aa7b8; margin:0 0 26px; }
.product-copy a { color:#feffa4; font-weight:600; }
.btn-link { font-size:15px; font-weight:700; color:#ee8845 !important; }
.btn-link:hover { text-decoration:none !important; color:#feffa4 !important; }

.product-visual { flex:1 1 45%; text-align:center; }
.product-panel {
	display:inline-block; padding:34px 48px;
	background:#fff;
	border:1px solid #1d2634;
	box-shadow:10px 10px 0 rgba(238,136,69,.55);
	transform:rotate(-2deg);
	transition:transform .25s ease, box-shadow .25s ease;
}
.product-panel:hover {
	transform:rotate(0deg) translate(-2px,-2px);
	box-shadow:14px 14px 0 rgba(238,136,69,.75);
}
.product-panel img { display:block; width:170px; height:auto; }

.stat-row {
	max-width:1120px; margin:0 auto; padding:20px 4% 90px;
	display:flex; gap:24px; flex-wrap:wrap;
}
.stat {
	flex:1 1 150px; padding:22px 8px;
	border-top:2px solid #ee8845; text-align:left;
}
.stat-num { display:block; font-size:30px; font-weight:800; color:#fff; letter-spacing:-.02em; }
.stat-label { display:block; margin-top:4px; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:#7b8ba3; }

/* footer harmonize */
#template-foot { background:#05070b !important; border-top:1px solid #1d2634; }
#template-foot a { color:#ee8845; }

/* ------------------------------------------------ motion */
@keyframes floaty {
	0%, 100% { transform:rotate(2deg) translateY(0); }
	50%      { transform:rotate(2deg) translateY(-12px); }
}

/* ------------------------------------------------ responsive */
@media (max-width:900px){
	#hero { padding:80px 0 110px; }
	.hero-inner { flex-direction:column; align-items:flex-start; gap:44px; }
	.hero-visual { width:100%; }
	.mock-screen { height:240px; }
	.section { padding:70px 6%; }
	.section-tint .product-cols { flex-direction:column; padding:70px 6% 30px; gap:40px; }
	.stat-row { padding:10px 6% 70px; }
}