/* CLY Brand System Admin UI + fallback overrides */

.clyb-admin-page{
	max-width:1320px;
}

.clyb-hero{
	margin:20px 0 24px;
	padding:28px 32px;
	border-radius:28px;
	display:flex;
	justify-content:space-between;
	gap:24px;
	align-items:center;
	color:#fff;
	background:
		radial-gradient(circle at 12% 0,rgba(34,224,238,.22),transparent 34%),
		linear-gradient(135deg,#0A1A30,#071426 52%,#10213B);
	border:1px solid rgba(34,224,238,.18);
	box-shadow:0 28px 80px rgba(6,25,32,.18);
}

.clyb-hero h1{
	margin:0;
	font-size:38px;
	line-height:1;
	letter-spacing:-.06em;
	color:#fff;
	font-weight:900;
}

.clyb-hero p{
	margin:10px 0 0;
	max-width:620px;
	color:#bdd2db;
	font-size:15px;
	line-height:1.6;
}

.clyb-hero img{
	width:230px;
	max-width:32%;
	height:auto;
	object-fit:contain;
}

.clyb-kicker{
	margin:0 0 10px !important;
	color:#21D5F0 !important;
	font-size:12px !important;
	font-weight:900 !important;
	letter-spacing:.15em !important;
	text-transform:uppercase !important;
}

.clyb-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:20px;
}

.clyb-card{
	background:#fff;
	border:1px solid #E3E9EE;
	border-radius:24px;
	padding:24px;
	box-shadow:0 18px 54px rgba(6,25,32,.08);
}

.clyb-card h2{
	margin:0 0 8px;
	color:#0A1A30;
	font-size:22px;
	line-height:1.1;
	font-weight:900;
	letter-spacing:-.04em;
}

.clyb-card > p{
	margin:0 0 20px;
	color:#5B6B7F;
	font-size:14px;
	line-height:1.6;
}

.clyb-field{
	display:block;
	margin:0 0 18px;
}

.clyb-field span,
.clyb-field > label,
.clyb-media-field > label,
.clyb-color-field span{
	display:block;
	margin:0 0 8px;
	color:#0A1A30;
	font-size:12px;
	font-weight:800;
	letter-spacing:.04em;
	text-transform:uppercase;
}

.clyb-field input[type="text"],
.clyb-field input[type="url"],
.clyb-field textarea,
.clyb-media-row input{
	width:100%;
	border:1px solid #E3E9EE;
	border-radius:14px;
	padding:12px 14px;
	background:#f8fbfc;
	outline:none;
}

.clyb-field input:focus,
.clyb-field textarea:focus,
.clyb-media-row input:focus{
	border-color:#21D5F0;
	box-shadow:0 0 0 4px rgba(34,224,238,.12);
}

.clyb-media-row{
	display:grid;
	grid-template-columns:1fr auto;
	gap:10px;
	align-items:center;
}

.clyb-media-preview{
	margin-top:10px;
	min-height:74px;
	border:1px dashed #E3E9EE;
	border-radius:16px;
	background:#0A1A30;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:12px;
}

.clyb-media-preview img{
	max-width:220px;
	max-height:80px;
	object-fit:contain;
}

.clyb-color-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:14px;
}

.clyb-color-field{
	display:grid;
	grid-template-columns:1fr 58px 86px;
	gap:10px;
	align-items:center;
	padding:12px;
	border-radius:16px;
	background:#f8fbfc;
	border:1px solid #E3E9EE;
}

.clyb-color-field input[type="color"]{
	width:58px;
	height:42px;
	border:0;
	padding:0;
	background:transparent;
	cursor:pointer;
}

.clyb-color-field code{
	color:#0A1A30;
	background:#fff;
	border:1px solid #E3E9EE;
	border-radius:10px;
	padding:8px 7px;
	text-align:center;
}

.clyb-two{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px;
}

.clyb-preview{
	margin-top:18px;
	padding:22px;
	border-radius:22px;
	background:
		radial-gradient(circle at 10% 0,rgba(34,224,238,.14),transparent 34%),
		linear-gradient(135deg,#0A1A30,#071426);
	color:#fff;
}

.clyb-preview p{
	margin:0 0 10px;
	color:#21D5F0;
	font-size:12px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.12em;
}

.clyb-preview h3{
	margin:0;
	font-size:32px;
	line-height:1;
	font-weight:900;
	letter-spacing:-.06em;
	color:#fff;
}

.clyb-preview span{
	display:block;
	margin-top:10px;
	color:#bdd2db;
	font-size:15px;
}

.clyb-shortcodes{
	padding:16px;
	border-radius:18px;
	background:#f8fbfc;
	border:1px solid #E3E9EE;
}

.clyb-shortcodes h3{
	margin:0 0 10px;
	color:#0A1A30;
	font-size:15px;
	font-weight:900;
}

.clyb-shortcodes code{
	display:block;
	margin:8px 0 0;
	padding:10px 12px;
	border-radius:12px;
	background:#0A1A30;
	color:#3DE8FF;
}

/* Global compatibility fallback when dynamic CSS is unavailable */
:root{
	--cly-deep-midnight:#0A1A30;
	--cly-electric-cyan:#21D5F0;
	--cly-royal-blue:#2766E7;
	--cly-purple:#21D5F0 !important;
	--cly-purple-2:#21D5F0 !important;
	--cly-purple-3:#3DE8FF !important;
	--cly-brand:#21D5F0 !important;
	--cly-brand-light:#3DE8FF !important;
	--cly-primary:#21D5F0 !important;
	--cly-primary-2:#2766E7 !important;
}

.wp-admin .cly-deals-column{
	background:#0A1A30 !important;
	border-color:rgba(34,224,238,.16) !important;
}

.wp-admin .cly-deal-card{
	background:linear-gradient(180deg,#10213B,#071426) !important;
	border-color:rgba(34,224,238,.18) !important;
}

.cly-brand-logo,
.cly-brand-mark{
	display:inline-block;
	height:auto;
	vertical-align:middle;
}

@media(max-width:960px){
	.clyb-grid,
	.clyb-two,
	.clyb-color-grid{
		grid-template-columns:1fr;
	}
	.clyb-hero{
		display:block;
	}
	.clyb-hero img{
		margin-top:20px;
		max-width:260px;
		width:100%;
	}
}


/* ===== Editable Brand Header/Footer Shortcodes ===== */
.clyb-site-header,
.clyb-site-header *,
.clyb-site-footer,
.clyb-site-footer *{
	box-sizing:border-box;
}

.clyb-site-header{
	position:sticky;
	top:0;
	z-index:99999;
	width:100%;
	padding:0;
	background:rgba(255,255,255,.78);
	backdrop-filter:blur(22px);
	-webkit-backdrop-filter:blur(22px);
	border-bottom:1px solid rgba(6,25,32,.08);
	font-family:var(--cly-brand-body-font,Inter,Arial,sans-serif);
}

.clyb-header-shell{
	width:min(1500px,92%);
	min-height:88px;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:28px;
}

.clyb-header-brand{
	display:flex;
	align-items:center;
	min-width:max-content;
	text-decoration:none !important;
}

.clyb-header-brand img{
	display:block;
	max-width:230px;
	height:auto;
}

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

.clyb-header-nav a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding:0 15px;
	border-radius:999px;
	color:#425766;
	text-decoration:none !important;
	font-size:14px;
	font-weight:800;
	white-space:nowrap;
	transition:.22s ease;
}

.clyb-header-nav a:hover,
.clyb-header-nav a.is-active{
	color:var(--cly-brand-deep-midnight,#0A1A30);
	background:rgba(34,224,238,.10);
}

.clyb-header-actions{
	display:flex;
	align-items:center;
	gap:12px;
}

.clyb-header-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	padding:0 21px;
	border-radius:999px;
	text-decoration:none !important;
	font-size:14px;
	font-weight:900;
	white-space:nowrap;
	transition:.24s ease;
}

.clyb-header-btn:hover{
	transform:translateY(-2px);
}

.clyb-header-btn-ghost{
	color:var(--cly-brand-deep-midnight,#0A1A30) !important;
	background:#fff;
	border:1px solid rgba(6,25,32,.10);
	box-shadow:0 12px 34px rgba(6,25,32,.08);
}

.clyb-header-btn-primary{
	color:var(--cly-brand-deep-midnight,#0A1A30) !important;
	background:linear-gradient(135deg,var(--cly-brand-cyan,#21D5F0),var(--cly-brand-cyan-soft,#3DE8FF));
	box-shadow:0 16px 42px rgba(34,224,238,.24);
}

.clyb-header-toggle{
	display:none;
	width:48px;
	height:48px;
	border:1px solid rgba(6,25,32,.10);
	border-radius:16px;
	background:#fff;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:5px;
}

.clyb-header-toggle span{
	width:20px;
	height:2px;
	border-radius:999px;
	background:#0A1A30;
	transition:.22s ease;
}

.clyb-header-toggle.is-open span:nth-child(1){
	transform:translateY(7px) rotate(45deg);
}

.clyb-header-toggle.is-open span:nth-child(2){
	opacity:0;
}

.clyb-header-toggle.is-open span:nth-child(3){
	transform:translateY(-7px) rotate(-45deg);
}

.clyb-mobile-menu{
	display:none;
	max-height:0;
	overflow:hidden;
	opacity:0;
	transition:max-height .32s ease, opacity .22s ease;
	border-top:1px solid rgba(6,25,32,.08);
	background:rgba(255,255,255,.94);
}

.clyb-mobile-menu.is-open{
	max-height:720px;
	opacity:1;
}

.clyb-mobile-menu nav{
	width:min(1500px,92%);
	margin:0 auto;
	padding:16px 0 18px;
	display:grid;
	gap:8px;
}

.clyb-mobile-menu a{
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:50px;
	padding:0 16px;
	border-radius:16px;
	background:#f7fbfd;
	border:1px solid rgba(6,25,32,.07);
	color:#0A1A30;
	text-decoration:none !important;
	font-size:14px;
	font-weight:850;
}

.clyb-mobile-menu a::after{
	content:"›";
	color:var(--cly-brand-cyan,#21D5F0);
	font-size:22px;
}

.clyb-mobile-menu a.is-cta{
	background:linear-gradient(135deg,var(--cly-brand-cyan,#21D5F0),var(--cly-brand-cyan-soft,#3DE8FF));
}

.clyb-site-footer{
	position:relative;
	overflow:hidden;
	background:
		radial-gradient(circle at 8% 0,rgba(34,224,238,.14),transparent 34%),
		radial-gradient(circle at 88% 10%,rgba(53,91,232,.20),transparent 34%),
		linear-gradient(145deg,var(--cly-brand-deep-midnight,#0A1A30),var(--cly-brand-deep-2,#071426));
	color:#fff;
	font-family:var(--cly-brand-body-font,Inter,Arial,sans-serif);
}

.clyb-footer-atmosphere{
	position:absolute;
	inset:0;
	pointer-events:none;
	overflow:hidden;
}

.clyb-footer-atmosphere span{
	position:absolute;
	width:460px;
	height:460px;
	border-radius:999px;
	filter:blur(76px);
	opacity:.28;
}

.clyb-footer-atmosphere span:nth-child(1){
	left:-160px;
	top:60px;
	background:var(--cly-brand-cyan,#21D5F0);
}

.clyb-footer-atmosphere span:nth-child(2){
	right:-160px;
	bottom:-140px;
	background:var(--cly-brand-blue,#2766E7);
}

.clyb-footer-atmosphere i{
	position:absolute;
	inset:0;
	background-image:
		linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
	background-size:72px 72px;
	mask-image:linear-gradient(to bottom,#000,transparent 88%);
	opacity:.55;
}

.clyb-footer-shell{
	position:relative;
	z-index:2;
	width:min(1500px,92%);
	margin:0 auto;
	padding:84px 0 30px;
}

.clyb-footer-inner{
	border-radius:38px;
	background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
	border:1px solid rgba(255,255,255,.12);
	box-shadow:0 30px 100px rgba(0,0,0,.28);
	padding:42px;
}

.clyb-footer-top{
	display:grid;
	grid-template-columns:1.05fr .95fr;
	gap:36px;
	padding-bottom:34px;
}

.clyb-footer-brand,
.clyb-footer-cta,
.clyb-footer-middle > div{
	border-radius:28px;
	background:rgba(255,255,255,.055);
	border:1px solid rgba(255,255,255,.10);
	padding:28px;
}

.clyb-footer-logo{
	display:inline-flex;
	margin-bottom:20px;
	text-decoration:none !important;
}

.clyb-footer-logo img{
	width:min(260px,100%);
	height:auto;
	display:block;
}

.clyb-footer-brand p{
	max-width:650px;
	margin:0;
	color:#bdd2db;
	font-size:15px;
	line-height:1.8;
}

.clyb-footer-tags{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:22px;
}

.clyb-footer-tags span{
	display:inline-flex;
	align-items:center;
	min-height:36px;
	padding:0 14px;
	border-radius:999px;
	color:var(--cly-brand-cyan-soft,#3DE8FF);
	background:rgba(34,224,238,.10);
	border:1px solid rgba(34,224,238,.18);
	font-size:12px;
	font-weight:900;
}

.clyb-footer-cta{
	background:
		radial-gradient(circle at 75% 0,rgba(34,224,238,.22),transparent 34%),
		linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
}

.clyb-footer-cta p{
	margin:0 0 16px;
	color:var(--cly-brand-cyan,#21D5F0);
	font-size:12px;
	font-weight:950;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.clyb-footer-cta h3{
	margin:0;
	color:#fff;
	font-size:clamp(30px,3.2vw,46px);
	line-height:1.03;
	letter-spacing:-.06em;
	font-weight:950;
	font-family:var(--cly-brand-heading-font,Inter,Arial,sans-serif);
}

.clyb-footer-actions{
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	align-items:center;
	margin-top:24px;
}

.clyb-footer-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	padding:0 22px;
	border-radius:999px;
	color:#0A1A30 !important;
	text-decoration:none !important;
	font-size:14px;
	font-weight:950;
	background:linear-gradient(135deg,var(--cly-brand-cyan,#21D5F0),var(--cly-brand-cyan-soft,#3DE8FF));
	box-shadow:0 18px 42px rgba(34,224,238,.24);
}

.clyb-footer-link{
	color:#c9f9ff !important;
	text-decoration:none !important;
	font-size:14px;
	font-weight:900;
}

.clyb-footer-middle{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:18px;
	padding:34px 0;
	border-top:1px solid rgba(255,255,255,.08);
	border-bottom:1px solid rgba(255,255,255,.08);
}

.clyb-footer-middle h4{
	margin:0 0 15px;
	color:#fff;
	font-size:14px;
	font-weight:950;
	letter-spacing:.04em;
}

.clyb-footer-middle a{
	display:flex;
	align-items:center;
	gap:9px;
	margin:0 0 12px;
	color:#9fb7c2;
	text-decoration:none !important;
	font-size:14px;
	line-height:1.5;
	font-weight:750;
	transition:.22s ease;
}

.clyb-footer-middle a::before{
	content:"";
	width:6px;
	height:6px;
	border-radius:999px;
	background:rgba(34,224,238,.55);
}

.clyb-footer-middle a:hover{
	color:#fff;
	transform:translateX(3px);
}

.clyb-footer-bottom{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:20px;
	padding-top:24px;
}

.clyb-footer-bottom span{
	color:#9fb7c2;
	font-size:12px;
	font-weight:800;
	letter-spacing:.03em;
}

/* ===== Override old uploaded header/footer HTML too ===== */
.cly-modern-header{
	--cly-h-bg:#ffffff !important;
	--cly-h-ink:var(--cly-brand-deep-midnight,#0A1A30) !important;
	--cly-h-muted:#5B6B7F !important;
	--cly-h-soft:#ffffff !important;
	--cly-h-purple:var(--cly-brand-cyan,#21D5F0) !important;
	--cly-h-purple-2:var(--cly-brand-cyan-soft,#3DE8FF) !important;
	--cly-h-violet:var(--cly-brand-blue,#2766E7) !important;
	--cly-h-cyan:var(--cly-brand-cyan,#21D5F0) !important;
	background:rgba(255,255,255,.82) !important;
	border-bottom:1px solid rgba(6,25,32,.08) !important;
}

.cly-header-shell{
	background:rgba(255,255,255,.78) !important;
	box-shadow:0 14px 44px rgba(6,25,32,.08) !important;
}

.cly-header-shell::before{
	background:linear-gradient(90deg,transparent,rgba(34,224,238,.32),rgba(53,91,232,.22),transparent) !important;
}

.cly-brand-logo,
.cly-footer-logo-img{
	background:linear-gradient(135deg,rgba(34,224,238,.16),rgba(53,91,232,.08)) !important;
	border-color:rgba(34,224,238,.18) !important;
	box-shadow:0 16px 38px rgba(34,224,238,.14) !important;
}

.cly-brand-copy small,
.cly-footer-logo-text small{
	color:#5B6B7F !important;
}

.cly-nav a::before,
.cly-mobile-nav a{
	background:linear-gradient(135deg,rgba(34,224,238,.10),rgba(53,91,232,.06)) !important;
	border-color:rgba(34,224,238,.14) !important;
}

.cly-nav a::after{
	background:linear-gradient(90deg,var(--cly-brand-cyan,#21D5F0),var(--cly-brand-blue,#2766E7)) !important;
}

.cly-header-btn-primary,
.cly-footer-btn{
	background:linear-gradient(135deg,var(--cly-brand-cyan,#21D5F0),var(--cly-brand-cyan-soft,#3DE8FF)) !important;
	color:var(--cly-brand-deep-midnight,#0A1A30) !important;
	box-shadow:0 16px 40px rgba(34,224,238,.24) !important;
}

.cly-header-btn-ghost span{
	background:var(--cly-brand-cyan,#21D5F0) !important;
	box-shadow:0 0 14px rgba(34,224,238,.85) !important;
}

.cly-footer{
	--cly-footer-light:#F0F4F7 !important;
	--cly-footer-light-2:#EAF7FA !important;
	--cly-footer-ink:var(--cly-brand-deep-midnight,#0A1A30) !important;
	--cly-footer-muted:#5B6B7F !important;
	--cly-footer-dark:var(--cly-brand-deep-midnight,#0A1A30) !important;
	--cly-footer-dark-2:var(--cly-brand-deep-2,#071426) !important;
	--cly-footer-purple:var(--cly-brand-cyan,#21D5F0) !important;
	--cly-footer-purple-2:var(--cly-brand-cyan,#21D5F0) !important;
	--cly-footer-violet:var(--cly-brand-blue,#2766E7) !important;
	--cly-footer-cyan:var(--cly-brand-cyan,#21D5F0) !important;
	background:linear-gradient(180deg,#F0F4F7 0%,#FFFFFF 46%,#EAF7FA 100%) !important;
}

.cly-footer-orb.orb-one{
	background:rgba(34,224,238,.18) !important;
}

.cly-footer-orb.orb-two{
	background:rgba(53,91,232,.14) !important;
}

.cly-footer-grid{
	background-image:
		linear-gradient(rgba(34,224,238,.045) 1px,transparent 1px),
		linear-gradient(90deg,rgba(34,224,238,.045) 1px,transparent 1px) !important;
}

.cly-footer-inner{
	background:
		radial-gradient(circle at 12% 0%,rgba(34,224,238,.12),transparent 30%),
		radial-gradient(circle at 92% 18%,rgba(53,91,232,.10),transparent 34%),
		linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.66)) !important;
}

.cly-footer-inner::before{
	background:linear-gradient(90deg,transparent,rgba(34,224,238,.30),rgba(53,91,232,.22),transparent) !important;
}

.cly-footer-cta{
	background:
		radial-gradient(circle at 75% 0%,rgba(34,224,238,.22),transparent 34%),
		linear-gradient(180deg,#0A1A30,#071426) !important;
}

.cly-footer-tagline span{
	color:#0B6473 !important;
	background:rgba(34,224,238,.08) !important;
	border-color:rgba(34,224,238,.14) !important;
}

.cly-footer-col a::before{
	background:rgba(34,224,238,.45) !important;
}

.cly-footer-col a:hover{
	color:#0B6473 !important;
}

@media(max-width:980px){
	.clyb-header-nav,
	.clyb-header-actions{
		display:none;
	}
	.clyb-header-toggle{
		display:flex;
	}
	.clyb-mobile-menu{
		display:block;
	}
	.clyb-header-shell{
		width:100%;
		padding:0 18px;
	}
}

@media(max-width:900px){
	.clyb-footer-top,
	.clyb-footer-middle{
		grid-template-columns:1fr;
	}
}

@media(max-width:680px){
	.clyb-header-shell{
		min-height:72px;
		padding:0 14px;
	}
	.clyb-header-brand img{
		width:180px !important;
	}
	.clyb-footer-shell{
		width:min(100% - 20px,1500px);
		padding:56px 0 20px;
	}
	.clyb-footer-inner{
		padding:22px;
		border-radius:28px;
	}
	.clyb-footer-brand,
	.clyb-footer-cta,
	.clyb-footer-middle > div{
		padding:22px;
		border-radius:24px;
	}
}


/* ===== CLY Portal force rebrand fallback ===== */
body.cly-portal-body,
body.cly-portal-login-body{
	--cly-bg:var(--cly-brand-deep-midnight,#0A1A30) !important;
	--cly-bg-2:var(--cly-brand-deep-2,#071426) !important;
	--cly-panel:rgba(255,255,255,.055) !important;
	--cly-panel-strong:rgba(255,255,255,.085) !important;
	--cly-border:rgba(34,224,238,.18) !important;
	--cly-text:#F8FDFF !important;
	--cly-text-soft:rgba(216,242,247,.78) !important;
	--cly-text-dim:rgba(184,211,220,.58) !important;
	--cly-primary:var(--cly-brand-cyan,#21D5F0) !important;
	--cly-primary-2:var(--cly-brand-cyan-soft,#3DE8FF) !important;
	--cly-accent:var(--cly-brand-cyan,#21D5F0) !important;
	background:
		radial-gradient(circle at top left, rgba(34,224,238,.16), transparent 30%),
		radial-gradient(circle at top right, rgba(53,91,232,.22), transparent 30%),
		linear-gradient(180deg,var(--cly-brand-deep-midnight,#0A1A30) 0%,var(--cly-brand-deep-2,#071426) 100%) !important;
}

body.cly-portal-body .cly-app{
	background:
		radial-gradient(circle at 12% 0, rgba(34,224,238,.14), transparent 34%),
		radial-gradient(circle at 88% 0, rgba(53,91,232,.18), transparent 34%),
		linear-gradient(135deg,var(--cly-brand-deep-midnight,#0A1A30),var(--cly-brand-deep-2,#071426) 58%,#092A3A) !important;
}

body.cly-portal-body .cly-sidebar,
body.cly-portal-login-body .cly-login-brand,
body.cly-portal-login-body .cly-login-card,
body.cly-portal-body .cly-panel,
body.cly-portal-body .cly-stat-card{
	background:
		radial-gradient(circle at 18% 0,rgba(34,224,238,.15),transparent 34%),
		linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032)) !important;
	border-color:rgba(34,224,238,.18) !important;
}

body.cly-portal-body .cly-sidebar{
	background:
		radial-gradient(circle at 10% 0,rgba(34,224,238,.18),transparent 38%),
		linear-gradient(180deg,var(--cly-brand-deep-midnight,#0A1A30),var(--cly-brand-deep-2,#071426)) !important;
	border-right:1px solid rgba(34,224,238,.22) !important;
}

body.cly-portal-body .cly-nav-item:hover,
body.cly-portal-body .cly-nav-item.is-active{
	background:linear-gradient(90deg,rgba(34,224,238,.18),rgba(53,91,232,.09)) !important;
	border-color:rgba(34,224,238,.30) !important;
	color:#fff !important;
}

body.cly-portal-body .cly-btn-primary,
body.cly-portal-login-body .cly-btn-primary,
body.cly-portal-body .cly-search-form .cly-btn,
body.cly-portal-body .cly-form-actions .cly-btn{
	background:linear-gradient(135deg,var(--cly-brand-cyan,#21D5F0),var(--cly-brand-cyan-soft,#3DE8FF)) !important;
	color:var(--cly-brand-deep-midnight,#0A1A30) !important;
	border-color:transparent !important;
}

body.cly-portal-body .cly-badge,
body.cly-portal-body .cly-kanban-column-head span{
	background:rgba(34,224,238,.13) !important;
	border-color:rgba(34,224,238,.24) !important;
	color:#D9FCFF !important;
}

body.cly-portal-body .cly-user-chip,
body.cly-portal-body .cly-account-card,
body.cly-portal-body .cly-table-row,
body.cly-portal-body .cly-detail-item,
body.cly-portal-body .cly-kanban-column,
body.cly-portal-body .cly-kanban-card{
	background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.032)) !important;
	border-color:rgba(34,224,238,.14) !important;
}

body.cly-portal-body .cly-brand-mark,
body.cly-portal-login-body .cly-login-badge{
	color:transparent !important;
	font-size:0 !important;
	background-color:var(--cly-brand-cyan,#21D5F0) !important;
}


/* v0.3.3 reference HTML compatibility layer
   Applies the Clyftic style-guide colors and icon card rules to the standalone HTML sections too. */
:root{
	--deep-midnight:#0A1A30 !important;
	--deep-midnight-2:#071426 !important;
	--electric-cyan:#21D5F0 !important;
	--electric-cyan-bright:#3DE8FF !important;
	--royal-blue:#2766E7 !important;
	--neutral-grey:#F0F4F7 !important;
	--grey-line:#E3E9EE !important;
	--ink:#0A1A30 !important;
	--ink-soft:#5B6B7F !important;
	--gradient-brand:linear-gradient(135deg,#10213B 0%,#235BCA 100%) !important;
	--gradient-cyan:linear-gradient(120deg,#21D5F0,#2766E7) !important;
}

/* Standalone reference HTML classes */
.section.light,
.section.tint,
.trust-bar{
	background:#FFFFFF !important;
	color:#0A1A30 !important;
}

.section.tint{
	background:#F0F4F7 !important;
}

.eyebrow,
.clyx-kicker.dark,
.clyx-kicker{
	color:#2766E7 !important;
}

.eyebrow.on-dark,
.clyx-workflow .clyx-kicker,
.clyx-platform .clyx-kicker,
.clyx-portfolio-home .clyx-kicker,
.clyx-luna-section .clyx-kicker,
.clyx-request .clyx-kicker{
	color:#21D5F0 !important;
}

.section h1,.section h2,.section h3,
.pillar h3,
.platform-copy h2,
.platform-copy h4,
.dash-top .t,
.dash-card .v{
	color:#0A1A30 !important;
}

.section p,
.subhead,
.platform-copy p,
.pillar p,
.dash-card .l{
	color:#5B6B7F !important;
}

.pillar,
.dash-card,
.cta,
.device,
.glyph{
	border-color:#E3E9EE !important;
}

.pillar{
	background:#FFFFFF !important;
	border:1px solid #E3E9EE !important;
	border-radius:14px !important;
	box-shadow:0 18px 44px rgba(10,26,48,.045) !important;
}

.pillar:hover{
	border-color:transparent !important;
	box-shadow:0 24px 48px -28px rgba(10,26,48,.25) !important;
}

.pillar .icon,
.platform-copy .feature .dot,
.dash-side .sm.active{
	background:linear-gradient(135deg,#10213B 0%,#235BCA 100%) !important;
}

.pillar .num{
	background:#0A1A30 !important;
	color:#21D5F0 !important;
}

.btn-primary,
.nav-cta .btn-primary,
.clyb-header-btn-primary{
	background:#21D5F0 !important;
	color:#071426 !important;
	box-shadow:0 12px 28px -10px rgba(33,213,240,.55) !important;
}

.btn-dark{
	background:#0A1A30 !important;
	color:#FFFFFF !important;
}

.hero,
.signature,
footer,
.clyb-site-footer{
	background-color:#0A1A30 !important;
}

.signature::before{
	background-image:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px) !important;
}

.glyph{
	background:rgba(255,255,255,.04) !important;
	border:1px solid rgba(255,255,255,.08) !important;
}

.glyph:hover{
	border-color:rgba(33,213,240,.5) !important;
	background:rgba(33,213,240,.07) !important;
}

.glyph svg,
.pillar .icon svg{
	stroke-width:2 !important;
}

.glyph svg,
.glyph svg *{
	stroke:#21D5F0 !important;
}

.donut .ring{
	background:conic-gradient(#21D5F0 0% 38%, #2766E7 38% 72%, #D8E0E7 72% 100%) !important;
}

.bars i{background:#2766E7 !important;}
.bars i:nth-child(odd){background:#21D5F0 !important;}

/* Keep Clyftic custom footer/header aligned to same tokens */
.cly-modern-header,
.clyb-site-header{
	background:rgba(7,20,38,.88) !important;
	border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.clyb-header-nav a,
.cly-nav a{color:rgba(255,255,255,.82) !important;}
.clyb-header-nav a:hover,
.cly-nav a:hover{color:#FFFFFF !important;}


/* v0.3.4 header white-logo correction */
.clyb-site-header{
	background:rgba(7,20,38,.94) !important;
	border-bottom:1px solid rgba(33,213,240,.12) !important;
	box-shadow:0 16px 44px rgba(0,0,0,.18) !important;
}

.clyb-header-brand img{
	filter:none !important;
	opacity:1 !important;
}

.clyb-header-nav a{
	color:rgba(235,249,252,.78) !important;
}

.clyb-header-nav a:hover,
.clyb-header-nav a.is-active{
	color:#FFFFFF !important;
	background:rgba(33,213,240,.10) !important;
}

.clyb-header-btn-ghost{
	background:#FFFFFF !important;
	color:#071426 !important;
	border-color:transparent !important;
}

.clyb-header-btn-primary{
	background:linear-gradient(135deg,#21D5F0,#3DE8FF) !important;
	color:#071426 !important;
}


/* v0.3.5 footer contact/social update */
.clyb-footer-social-line{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	align-items:center;
}

.clyb-footer-social-line a{
	display:inline-flex;
	align-items:center;
	min-height:32px;
	padding:0 12px;
	border-radius:999px;
	color:#c9f9ff !important;
	text-decoration:none !important;
	background:rgba(34,224,238,.08);
	border:1px solid rgba(34,224,238,.16);
	font-size:12px;
	font-weight:900;
	letter-spacing:.02em;
}

.clyb-footer-social-line a:hover{
	background:rgba(34,224,238,.14);
	color:#ffffff !important;
	transform:translateY(-1px);
}

.clyb-footer-middle div:nth-child(3) a,
.clyb-footer-middle div:nth-child(4) a{
	word-break:break-word;
}

@media(max-width:760px){
	.clyb-footer-social-line{
		width:100%;
	}
}