/*
Theme Name: ScaleIQ Child
Theme URI: https://scale-iq.ai
Template: scaleiq
Version: 1.3.11
Description: Child theme of ScaleIQ. Keep ALL your customizations here so updating or re-uploading the parent theme never overwrites your branding or work. Inherits everything from the ScaleIQ parent theme.
Author: ScaleIQ, LLC
Text Domain: scaleiq-child
*/

/* Add your custom CSS overrides below. The parent theme's styles load automatically. */

/* ---- Branded footer (child) ---------------------------------------------- */
.footer__logo svg { height: 36px; width: auto; display: block; }
.footer__logo { margin-bottom: 12px; }

.footer__module {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 18px;
	margin-top: 8px;
	border-top: 1px solid var(--surface-border, rgba(157,178,206,0.14));
	font-size: 13px;
	color: var(--text-secondary, #9DB2CE);
}
.footer__module-label {
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 10.5px;
	font-weight: 700;
	color: var(--text-muted, #7A8CA8);
}
.footer__module-wm { font-weight: 700; color: var(--text-primary, #F4F7FF); }
.footer__module-wm .iq,
.footer__module .iq {
	background: linear-gradient(120deg, #2D7DFF, #20E3FF);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-weight: 700;
}
.footer__module-fam { color: var(--text-muted, #7A8CA8); }

/* Footer bottom: always the regular footer font, never monospace; "Built with care" sits far right */
.footer__bottom,
.footer__bottom span { font-family: var(--font-body, 'Inter', 'Segoe UI', system-ui, sans-serif); }

/* ---- Animated CoIQ centerpiece (homepage + Platform page) ---------------- */
.coiq-viz{ width:100%; display:flex; justify-content:center; }
.coiq-stage{ position:relative; width:min(520px,86vw); aspect-ratio:1/1; --r:min(205px,32vw); }

.coiq-sonar{ position:absolute; top:50%; left:50%; width:34%; aspect-ratio:1;
	border:1px solid rgba(32,227,255,.32); border-radius:50%;
	transform:translate(-50%,-50%) scale(.5); opacity:0;
	animation:coiqSonar 4.2s ease-out infinite; }
.coiq-sonar:nth-child(2){ animation-delay:1.4s }
.coiq-sonar:nth-child(3){ animation-delay:2.8s }
@keyframes coiqSonar{
	0%{ opacity:.5; transform:translate(-50%,-50%) scale(.45); }
	70%{ opacity:.12; }
	100%{ opacity:0; transform:translate(-50%,-50%) scale(3); }
}

.coiq-core{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	width:31%; aspect-ratio:1; display:grid; place-items:center; z-index:3; }
.coiq-glow{ position:absolute; inset:-26%; border-radius:50%; filter:blur(2px);
	background:radial-gradient(circle, rgba(32,227,255,.5), rgba(45,125,255,.26) 42%, transparent 70%);
	animation:coiqPulse 3.6s ease-in-out infinite; }
.coiq-disc{ position:absolute; inset:14%; border-radius:50%;
	background:radial-gradient(circle at 50% 40%, rgba(45,125,255,.5), rgba(11,42,74,.6) 70%);
	border:1px solid rgba(32,227,255,.32);
	box-shadow:0 0 34px rgba(32,227,255,.32), inset 0 0 26px rgba(32,227,255,.22);
	animation:coiqPulse 3.6s ease-in-out infinite; }
@keyframes coiqPulse{ 0%,100%{ opacity:.72; transform:scale(1); } 50%{ opacity:1; transform:scale(1.07); } }
.coiq-mark{ position:relative; z-index:4; font-weight:700; letter-spacing:-.02em;
	font-size:clamp(20px,4.4vw,30px); color:var(--text-primary,#F4F7FF);
	text-shadow:0 0 20px rgba(32,227,255,.4); }
.coiq-mark .iq, .coiq-emit .iq{
	background:linear-gradient(120deg,#2D7DFF,#20E3FF);
	-webkit-background-clip:text; background-clip:text; color:transparent; }

.coiq-emit{ position:absolute; top:50%; left:50%; z-index:2; white-space:nowrap;
	font-weight:600; font-size:clamp(12px,1.6vw,15px); color:var(--text-primary,#F4F7FF);
	display:flex; align-items:center; gap:6px; opacity:0;
	--dx:calc(var(--r) * cos(var(--ang))); --dy:calc(var(--r) * sin(var(--ang)));
	transform:translate(-50%,-50%) translate(0,0) scale(.5);
	animation:coiqEmit 5.4s ease-out infinite; }
.coiq-dot{ width:6px; height:6px; border-radius:50%; flex:none;
	background:#20E3FF; box-shadow:0 0 8px #20E3FF; }
@keyframes coiqEmit{
	0%{ opacity:0; transform:translate(-50%,-50%) translate(0,0) scale(.5); }
	12%{ opacity:1; }
	82%{ opacity:1; }
	100%{ opacity:0; transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(1.1); }
}
@media (prefers-reduced-motion: reduce){
	.coiq-sonar,.coiq-glow,.coiq-disc{ animation:none; }
	.coiq-emit{ animation:none; opacity:.9; transform:translate(-50%,-50%) translate(var(--dx),var(--dy)); }
}