/* CLY Website Plugin - frontend only */
:root{
	--clyx-midnight:#0A0A0A;
	--clyx-midnight-2:#050505;
	--clyx-midnight-3:#0a2a3b;
	--clyx-cyan:#21D5F0;
	--clyx-cyan-2:#3DE8FF;
	--clyx-blue:#111111;
	--clyx-ink:#0A0A0A;
	--clyx-muted:#5f6f7d;
	--clyx-soft:#F0F4F7;
	--clyx-line:rgba(6,25,32,.09);
	--clyx-shadow:0 28px 90px rgba(6,25,32,.12);
	--clyx-max:1180px;
}

.clyx-page,
.clyx-page *,
.clywu-request-shell,
.clywu-request-shell *{
	box-sizing:border-box;
}

.clyx-page{
	margin:0;
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	color:var(--clyx-ink);
	background:#fff;
	overflow:hidden;
}

.clyx-page a{text-decoration:none;color:inherit}
.clyx-wrap{width:min(var(--clyx-max),calc(100% - 40px));margin:0 auto}

.clyx-hero{
	position:relative;
	min-height:760px;
	display:flex;
	align-items:center;
	overflow:hidden;
	isolation:isolate;
	padding:120px 0 70px;
	color:#fff;
	background:
		radial-gradient(circle at 18% 18%,rgba(34,224,238,.16),transparent 26%),
		radial-gradient(circle at 75% 16%,rgba(53,91,232,.16),transparent 30%),
		linear-gradient(135deg,#0A0A0A 0%,#061624 54%,#08283a 100%);
}

.clyx-hero::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:-2;
	background-image:
		linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
	background-size:72px 72px;
	mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.8),transparent 95%);
}

.clyx-hero::after{
	content:"";
	position:absolute;
	inset:auto 0 0;
	height:150px;
	z-index:-1;
	background:linear-gradient(to bottom,transparent,rgba(0,0,0,.18));
}

.clyx-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.clyx-hero-bg::before,
.clyx-hero-bg::after{
	content:"";
	position:absolute;
	border-radius:999px;
	filter:blur(80px);
	opacity:.28;
	animation:clyxFloat 9s ease-in-out infinite;
}
.clyx-hero-bg::before{width:420px;height:420px;left:-120px;top:120px;background:var(--clyx-cyan)}
.clyx-hero-bg::after{width:480px;height:480px;right:-140px;top:80px;background:var(--clyx-blue);animation-delay:1.5s}
@keyframes clyxFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(24px,-22px,0)}}

.clyx-hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:80px;align-items:center}
.clyx-hero-copy{max-width:670px}

.clyx-kicker{
	margin:0 0 20px;
	color:var(--clyx-cyan);
	font-size:12px;
	line-height:1;
	font-weight:900;
	letter-spacing:.15em;
	text-transform:uppercase;
}

.clyx-kicker.dark{color:#0b6473}

.clyx-hero h1{
	margin:0;
	color:#fff;
	font-size:clamp(52px,6.1vw,82px);
	line-height:.98;
	letter-spacing:-.07em;
	font-weight:950;
	max-width:720px;
}

.clyx-lead{margin:24px 0 0;color:#d1e4eb;font-size:clamp(17px,1.7vw,22px);line-height:1.45;max-width:620px}
.clyx-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:46px}

.clyx-btn{
	display:inline-flex;
	min-height:54px;
	align-items:center;
	justify-content:center;
	border:0;
	border-radius:999px;
	padding:0 28px;
	cursor:pointer;
	font-size:16px;
	font-weight:800;
	transition:.24s ease;
	white-space:nowrap;
}

.clyx-btn:hover{transform:translateY(-3px)}
.clyx-btn-primary{color:#0A0A0A;background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2));box-shadow:0 18px 44px rgba(34,224,238,.28)}
.clyx-btn-ghost{color:#fff;background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.86)}

.clyx-hero-visual{display:flex;justify-content:center;align-items:center}
.clyx-network-card{
	position:relative;
	width:min(440px,100%);
	aspect-ratio:1.08/1;
	border-radius:10px;
	background:
		radial-gradient(circle at 50% 18%,rgba(34,224,238,.20),transparent 28%),
		linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
	border:1px solid rgba(255,255,255,.04);
	box-shadow:0 40px 100px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
	display:grid;
	place-items:center;
	overflow:hidden;
}

.clyx-network-card::before{
	content:"";
	position:absolute;
	inset:-20%;
	background:
		radial-gradient(circle at 50% 10%,rgba(34,224,238,.19),transparent 32%),
		linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
	background-size:auto,42px 42px,42px 42px;
	opacity:.8;
}

.clyx-scan{
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,transparent,rgba(34,224,238,.11),transparent);
	transform:translateY(-100%);
	animation:clyxScan 5.5s ease-in-out infinite;
	opacity:.65;
}

@keyframes clyxScan{0%,35%{transform:translateY(-100%)}70%,100%{transform:translateY(100%)}}

.clyx-network-svg{
	position:relative;
	z-index:2;
	width:86%;
	height:auto;
	overflow:visible;
	filter:drop-shadow(0 0 26px rgba(34,224,238,.46));
	animation:clyxLogoFloat 4.4s ease-in-out infinite;
}

.clyx-network-svg-standalone{width:min(480px,100%);background:#0A0A0A;border-radius:24px;padding:30px}
@keyframes clyxLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.clyx-lines path{
	stroke:url(#clyxLineGrad);
	stroke-width:1.28;
	stroke-linecap:round;
	stroke-linejoin:round;
	fill:none;
	opacity:.72;
	pathLength:1;
	stroke-dasharray:1;
	stroke-dashoffset:1;
	animation:clyxDraw 2.9s ease forwards, clyxLinePulse 3.4s ease-in-out infinite 3s;
}
.clyx-lines path:nth-child(1),
.clyx-lines path:nth-child(3),
.clyx-lines path:nth-child(6){stroke-width:1.7;opacity:.96}
.clyx-lines path:nth-child(2n){animation-delay:.12s}
.clyx-lines path:nth-child(3n){animation-delay:.24s}
.clyx-lines path:nth-child(4n){animation-delay:.36s}
@keyframes clyxDraw{to{stroke-dashoffset:0}}
@keyframes clyxLinePulse{0%,100%{opacity:.58}50%{opacity:1}}

.clyx-facets{animation:clyxFacetPulse 3.8s ease-in-out infinite;transform-origin:136.5px 60px}
@keyframes clyxFacetPulse{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}

.clyx-nodes circle{fill:#52f4ff;opacity:.95;transform-origin:center;animation:clyxNodePulse 2.6s ease-in-out infinite}
.clyx-nodes circle:nth-child(3n){fill:#3d90ff;animation-delay:.35s}
.clyx-nodes circle:nth-child(4n){animation-delay:.7s}
.clyx-nodes circle:nth-child(5n){animation-delay:1.05s}
@keyframes clyxNodePulse{0%,100%{opacity:.62;transform:scale(.86)}50%{opacity:1;transform:scale(1.18)}}

.clyx-trust{background:#fff;padding:62px 0 64px;border-bottom:1px solid var(--clyx-line)}
.clyx-trust p{margin:0;text-align:center;color:#0A0A0A;font-size:15px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.clyx-logo-row{margin-top:34px;display:grid;grid-template-columns:repeat(5,1fr);gap:22px;align-items:center}
.clyx-logo-row span{display:flex;align-items:center;justify-content:center;gap:10px;color:#0A0A0A;font-size:18px;font-weight:850;letter-spacing:-.03em;opacity:.88}
.clyx-logo-row i{width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-blue));box-shadow:0 10px 28px rgba(34,224,238,.18)}

.clyx-section{position:relative;padding:110px 0;background:#fff}
.clyx-section-head{max-width:800px;margin:0 auto 48px;text-align:center}
.clyx-section-head h2,
.clywu-request-copy h2{margin:0;color:#0A0A0A;font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.075em;font-weight:950}
.clyx-section-head p:not(.clyx-kicker),
.clywu-request-copy p:not(.clywu-kicker){margin:20px 0 0;color:var(--clyx-muted);font-size:18px;line-height:1.72}

.clyx-proof{background:#f7fbfd}
.clyx-proof-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px}
.clyx-proof-card{min-height:420px;border-radius:30px;padding:34px;border:1px solid rgba(6,25,32,.08);background:#fff;box-shadow:var(--clyx-shadow)}
.clyx-proof-dark{color:#fff;background:radial-gradient(circle at 20% 0,rgba(34,224,238,.22),transparent 34%),linear-gradient(145deg,#0A0A0A,#050505);border-color:rgba(34,224,238,.18)}
.clyx-pill{display:inline-flex;padding:8px 12px;border-radius:999px;color:#0A0A0A;background:var(--clyx-cyan);font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.clyx-proof-card h3{margin:20px 0 0;font-size:34px;line-height:1;letter-spacing:-.06em;font-weight:950}
.clyx-proof-card p{margin:18px 0 0;color:inherit;opacity:.72;line-height:1.7;font-size:16px}
.clyx-ai-answer{display:grid;gap:12px;margin-top:28px}
.clyx-ai-answer div{padding:17px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055)}
.clyx-ai-answer b{display:block;color:var(--clyx-cyan-2);font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.clyx-ai-answer span{display:block;margin-top:8px;color:#c7d8df;font-size:14px;line-height:1.45}
.clyx-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:26px}
.clyx-metric-grid div{padding:18px;border-radius:20px;background:#F0F4F7;border:1px solid rgba(6,25,32,.07)}
.clyx-metric-grid span{display:block;color:#70808d;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.clyx-metric-grid b{display:block;margin-top:8px;color:#0A0A0A;font-size:24px;letter-spacing:-.05em;font-weight:950}

.clyx-flow,
.clyx-value-grid,
.clyx-process-grid{display:grid;gap:16px}
.clyx-flow{grid-template-columns:repeat(3,1fr)}
.clyx-flow-card,
.clyx-value-card,
.clyx-process-card{border:1px solid rgba(6,25,32,.08);background:#fff;box-shadow:0 24px 70px rgba(6,25,32,.075);border-radius:26px;padding:26px;transition:.24s ease}
.clyx-flow-card:hover,
.clyx-value-card:hover,
.clyx-process-card:hover{transform:translateY(-6px);box-shadow:0 34px 90px rgba(6,25,32,.12)}
.clyx-flow-card span,
.clyx-process-card span,
.clyx-agent-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#0A0A0A;background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2));box-shadow:0 14px 34px rgba(34,224,238,.20);font-size:13px;font-weight:950}
.clyx-flow-card h3,
.clyx-value-card h3,
.clyx-process-card h3,
.clyx-agent-card h3{margin:20px 0 0;color:#0A0A0A;font-size:24px;line-height:1.05;letter-spacing:-.055em;font-weight:950}
.clyx-flow-card p,
.clyx-value-card p,
.clyx-process-card p,
.clyx-agent-card p{margin:13px 0 0;color:var(--clyx-muted);line-height:1.65;font-size:15px}

.clyx-agents{color:#fff;background:radial-gradient(circle at 20% 10%,rgba(34,224,238,.16),transparent 28%),radial-gradient(circle at 80% 0,rgba(53,91,232,.22),transparent 34%),linear-gradient(145deg,#0A0A0A,#050505)}
.clyx-light h2{color:#fff}
.clyx-light p:not(.clyx-kicker){color:#b8cbd4}
.clyx-agent-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.clyx-agent-card{min-height:285px;border-radius:26px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 70px rgba(0,0,0,.14);transition:.24s ease}
.clyx-agent-card:hover{transform:translateY(-8px);border-color:rgba(34,224,238,.32)}
.clyx-agent-card h3{color:#fff}
.clyx-agent-card p{color:#b8cbd4}

.clyx-value{background:#f7fbfd}
.clyx-value-grid{grid-template-columns:repeat(3,1fr)}
.clyx-process-grid{grid-template-columns:repeat(3,1fr)}
.clyx-request{color:#fff;background:radial-gradient(circle at 15% 10%,rgba(34,224,238,.22),transparent 32%),radial-gradient(circle at 84% 10%,rgba(53,91,232,.26),transparent 34%),linear-gradient(145deg,#0A0A0A,#050505)}

.clywu-request-shell{
	--clywu-midnight:#0A0A0A;
	--clywu-deep:#050505;
	--clywu-cyan:#21D5F0;
	--clywu-cyan-2:#3DE8FF;
	--clywu-blue:#111111;
	--clywu-muted:#bdd2db;
	--clywu-white:#fff;
	width:min(1180px,calc(100% - 40px));
	margin:0 auto;
	display:grid;
	grid-template-columns:.9fr 1.1fr;
	gap:36px;
	align-items:center;
	color:var(--clywu-white);
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.clywu-request-copy{max-width:560px}
.clywu-kicker{margin:0 0 22px;color:var(--clywu-cyan);font-size:12px;line-height:1;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.clywu-request-copy h2{color:#fff;font-size:clamp(42px,5vw,74px);line-height:.92}
.clywu-request-copy p{color:#c9ecf3;font-size:19px;line-height:1.55}
.clywu-form-card{border-radius:30px;padding:28px;background:radial-gradient(circle at 100% 0,rgba(53,91,232,.22),transparent 34%),rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);box-shadow:0 34px 90px rgba(0,0,0,.24);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.clywu-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.clywu-form label{display:block;margin-bottom:14px;color:#d8fbff;font-size:12px;font-weight:850}
.clywu-form label span{display:block;margin-bottom:8px}
.clywu-form em{color:var(--clywu-cyan);font-style:normal}
.clywu-form input,
.clywu-form textarea,
.clywu-form select{display:block;width:100%;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;outline:none;padding:14px 15px;transition:.22s ease;min-height:46px}
.clywu-form input::placeholder,
.clywu-form textarea::placeholder{color:#9fb6c1}
.clywu-form select option{color:#0A0A0A}
.clywu-form textarea{min-height:118px;resize:vertical}
.clywu-form input:focus,
.clywu-form textarea:focus,
.clywu-form select:focus{border-color:rgba(34,224,238,.65);box-shadow:0 0 0 4px rgba(34,224,238,.10)}
.clywu-submit{display:inline-flex;min-height:54px;align-items:center;justify-content:center;border:0;border-radius:999px;padding:0 30px;cursor:pointer;color:#0A0A0A;background:linear-gradient(135deg,var(--clywu-cyan),var(--clywu-cyan-2));box-shadow:0 18px 44px rgba(34,224,238,.28);font-size:16px;font-weight:900;transition:.24s ease}
.clywu-submit:hover{transform:translateY(-3px)}
.clywu-note{margin:14px 0 0;color:#95b3bf;font-size:12px;line-height:1.5}
.clywu-hp{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important}
.clywu-message{margin:0 0 18px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.075)}
.clywu-message strong{display:block;color:#fff;font-size:14px;font-weight:950}
.clywu-message span{display:block;margin-top:6px;color:#c8e7ee;font-size:13px;line-height:1.45}
.clywu-message-success{border-color:rgba(34,224,238,.38);background:rgba(34,224,238,.08)}
.clywu-message-error{border-color:rgba(255,130,130,.38);background:rgba(255,130,130,.08)}

.clyx-reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}
.clyx-reveal.clyx-visible{opacity:1;transform:translateY(0)}

@media(max-width:1100px){
	.clyx-hero-grid,
	.clyx-proof-grid,
	.clywu-request-shell{grid-template-columns:1fr;gap:46px}
	.clyx-hero{padding-top:90px;min-height:auto}
	.clyx-hero-copy{max-width:850px}
	.clyx-network-card{width:min(520px,100%)}
	.clyx-logo-row,
	.clyx-agent-grid{grid-template-columns:repeat(2,1fr)}
	.clyx-flow,
	.clyx-value-grid,
	.clyx-process-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:720px){
	.clyx-wrap,
	.clywu-request-shell{width:min(100% - 28px,var(--clyx-max))}
	.clyx-hero{padding:72px 0 54px}
	.clyx-hero h1{font-size:45px}
	.clyx-lead{font-size:17px}
	.clyx-actions{margin-top:30px}
	.clyx-btn{width:100%;min-height:52px}
	.clyx-section{padding:76px 0}
	.clyx-section-head h2,
	.clywu-request-copy h2{font-size:40px}
	.clyx-logo-row,
	.clyx-flow,
	.clyx-value-grid,
	.clyx-process-grid,
	.clyx-agent-grid,
	.clywu-two,
	.clyx-metric-grid{grid-template-columns:1fr}
	.clyx-proof-card{min-height:auto;padding:24px}
	.clyx-network-card{border-radius:14px}
	.clyx-logo-row span{justify-content:flex-start}
	.clywu-form-card{padding:22px;border-radius:24px}
	.clywu-submit{width:100%}
}

@media(prefers-reduced-motion:reduce){
	.clyx-page *,
	.clyx-page *::before,
	.clyx-page *::after{
		animation:none !important;
		transition:none !important;
	}
	.clyx-lines path{stroke-dashoffset:0 !important}
	.clyx-reveal{opacity:1;transform:none}
}


/* AJAX splash/loading state */
.clywu-form-card{
	position:relative;
	overflow:hidden;
}

.clywu-submit[disabled]{
	cursor:not-allowed;
	opacity:.82;
	transform:none !important;
}

.clywu-submit-loading{
	position:relative;
}

.clywu-submit-loading::after{
	content:"";
	width:16px;
	height:16px;
	margin-left:10px;
	border-radius:999px;
	border:2px solid rgba(6,25,32,.25);
	border-top-color:#0A0A0A;
	animation:clywuSpin .8s linear infinite;
}

.clywu-loading-overlay{
	position:absolute;
	inset:0;
	z-index:20;
	display:grid;
	place-items:center;
	background:
		radial-gradient(circle at 50% 20%,rgba(34,224,238,.22),transparent 34%),
		rgba(6,25,32,.72);
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
	opacity:0;
	pointer-events:none;
	transition:opacity .24s ease;
}

.clywu-loading-overlay.is-active{
	opacity:1;
	pointer-events:auto;
}

.clywu-loading-text{
	width:min(360px,calc(100% - 44px));
	padding:28px;
	border-radius:24px;
	text-align:center;
	background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
	border:1px solid rgba(34,224,238,.28);
	box-shadow:0 30px 90px rgba(0,0,0,.34);
}

.clywu-loading-text i{
	display:block;
	width:54px;
	height:54px;
	margin:0 auto 18px;
	border-radius:999px;
	border:3px solid rgba(34,224,238,.18);
	border-top-color:#21D5F0;
	border-right-color:#3DE8FF;
	box-shadow:0 0 34px rgba(34,224,238,.32);
	animation:clywuSpin 1s linear infinite;
}

.clywu-loading-text strong{
	display:block;
	color:#fff;
	font-size:20px;
	line-height:1.2;
	font-weight:950;
	letter-spacing:-.04em;
}

.clywu-loading-text span{
	display:block;
	margin-top:9px;
	color:#bdd2db;
	font-size:13px;
	line-height:1.5;
}

@keyframes clywuSpin{
	to{transform:rotate(360deg)}
}


/* AI CFO video integration */
.clyx-btn-link{
	color:#c9f9ff;
	background:transparent;
	border:0;
	padding-inline:10px;
	box-shadow:none;
	min-height:54px;
}

.clyx-btn-link:hover{
	color:#fff;
	text-decoration:underline;
	transform:translateY(-2px);
}

.clyx-video-modal{
	position:fixed;
	inset:0;
	z-index:999999;
	display:grid;
	place-items:center;
	padding:24px;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity .24s ease, visibility .24s ease;
}

.clyx-video-modal.is-open{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}

.clyx-video-backdrop{
	position:absolute;
	inset:0;
	background:rgba(2,10,18,.74);
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
}

.clyx-video-dialog{
	position:relative;
	z-index:2;
	width:min(1040px,100%);
	border-radius:30px;
	overflow:hidden;
	background:
		radial-gradient(circle at 18% 0,rgba(34,224,238,.22),transparent 35%),
		linear-gradient(145deg,#0A0A0A,#050505);
	border:1px solid rgba(34,224,238,.22);
	box-shadow:0 42px 120px rgba(0,0,0,.48);
	transform:translateY(20px) scale(.98);
	transition:transform .24s ease;
}

.clyx-video-modal.is-open .clyx-video-dialog{
	transform:translateY(0) scale(1);
}

.clyx-video-close{
	position:absolute;
	top:18px;
	right:18px;
	z-index:4;
	width:42px;
	height:42px;
	border:1px solid rgba(255,255,255,.16);
	border-radius:999px;
	background:rgba(255,255,255,.08);
	color:#fff;
	cursor:pointer;
	font-size:26px;
	line-height:1;
	display:grid;
	place-items:center;
	transition:.22s ease;
}

.clyx-video-close:hover{
	background:rgba(34,224,238,.18);
	transform:rotate(90deg);
}

.clyx-video-dialog-head{
	padding:30px 34px 24px;
	padding-right:78px;
}

.clyx-video-dialog-head .clyx-kicker{
	margin-bottom:12px;
}

.clyx-video-dialog-head h3{
	margin:0;
	color:#fff;
	font-size:clamp(26px,4vw,44px);
	line-height:1;
	letter-spacing:-.065em;
	font-weight:950;
}

.clyx-video-dialog-head a{
	display:inline-flex;
	margin-top:14px;
	color:#3DE8FF;
	font-size:14px;
	font-weight:850;
	text-decoration:none;
}

.clyx-video-frame-wrap{
	position:relative;
	width:100%;
	aspect-ratio:16/9;
	background:#020a12;
}

.clyx-video-frame-wrap iframe{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	border:0;
}

body.clyx-video-lock{
	overflow:hidden;
}

/* Standalone CFO video shortcode */
.clyx-video-section{
	position:relative;
	padding:100px 0;
	background:
		radial-gradient(circle at 16% 10%,rgba(34,224,238,.15),transparent 32%),
		radial-gradient(circle at 84% 10%,rgba(53,91,232,.20),transparent 34%),
		linear-gradient(145deg,#0A0A0A,#050505);
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	color:#fff;
}

.clyx-video-embed-card{
	display:grid;
	grid-template-columns:.78fr 1.22fr;
	gap:28px;
	align-items:center;
	border-radius:34px;
	padding:30px;
	background:rgba(255,255,255,.07);
	border:1px solid rgba(255,255,255,.12);
	box-shadow:0 34px 100px rgba(0,0,0,.25);
}

.clyx-video-embed-copy h2{
	margin:0;
	color:#fff;
	font-size:clamp(34px,4.2vw,58px);
	line-height:.98;
	letter-spacing:-.075em;
	font-weight:950;
}

.clyx-video-embed-copy p:not(.clyx-kicker){
	margin:18px 0 24px;
	color:#bdd2db;
	font-size:17px;
	line-height:1.65;
}

.clyx-video-embed-card .clyx-video-frame-wrap{
	border-radius:24px;
	overflow:hidden;
	box-shadow:0 24px 70px rgba(0,0,0,.28);
	border:1px solid rgba(34,224,238,.18);
}

@media(max-width:900px){
	.clyx-video-embed-card{
		grid-template-columns:1fr;
	}
}

@media(max-width:720px){
	.clyx-video-modal{
		padding:12px;
	}
	.clyx-video-dialog{
		border-radius:22px;
	}
	.clyx-video-dialog-head{
		padding:24px 22px 20px;
		padding-right:66px;
	}
	.clyx-btn-link{
		width:100%;
		justify-content:center;
	}
	.clyx-video-section{
		padding:72px 0;
	}
	.clyx-video-embed-card{
		padding:18px;
		border-radius:24px;
	}
}


/* ===== Combined homepage sections from previous Clyftic site ===== */
.clyx-section-head.clyx-left{
	margin-left:0;
	text-align:left;
}

.clyx-section-head.clyx-left p:not(.clyx-kicker){
	margin-left:0;
}

.clyx-founders{
	background:#f7fbfd;
}

.clyx-founders-top{
	display:grid;
	grid-template-columns:1fr .88fr;
	gap:32px;
	align-items:center;
	margin-bottom:28px;
}

.clyx-founder-image{
	position:relative;
	border-radius:30px;
	overflow:hidden;
	min-height:320px;
	background:linear-gradient(145deg,#0A0A0A,#121212);
	box-shadow:0 26px 80px rgba(6,25,32,.14);
	border:1px solid rgba(34,224,238,.12);
}

.clyx-founder-image img{
	width:100%;
	height:100%;
	min-height:320px;
	object-fit:cover;
	display:block;
	filter:saturate(.95) contrast(1.05);
}

.clyx-founder-image::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,transparent 42%,rgba(6,25,32,.72));
	pointer-events:none;
}

.clyx-founder-image span{
	position:absolute;
	left:22px;
	bottom:20px;
	z-index:2;
	display:inline-flex;
	align-items:center;
	gap:10px;
	min-height:40px;
	padding:0 14px;
	border-radius:999px;
	color:#fff;
	background:rgba(6,25,32,.72);
	border:1px solid rgba(34,224,238,.20);
	backdrop-filter:blur(12px);
	font-size:12px;
	font-weight:900;
}

.clyx-founder-image i{
	width:8px;
	height:8px;
	border-radius:999px;
	background:var(--clyx-cyan);
	box-shadow:0 0 18px rgba(34,224,238,.8);
}

.clyx-founder-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:16px;
}

.clyx-founder-card,
.clyx-service-card,
.clyx-signal-card,
.clyx-pas-card,
.clyx-cta-card{
	position:relative;
	border-radius:28px;
	padding:26px;
	background:#fff;
	border:1px solid rgba(6,25,32,.08);
	box-shadow:0 24px 70px rgba(6,25,32,.075);
	transition:.24s ease;
}

.clyx-founder-card:hover,
.clyx-service-card:hover,
.clyx-signal-card:hover,
.clyx-pas-card:hover,
.clyx-cta-card:hover{
	transform:translateY(-6px);
	box-shadow:0 34px 90px rgba(6,25,32,.12);
}

.clyx-founder-num{
	position:absolute;
	top:22px;
	right:22px;
	color:rgba(34,224,238,.26);
	font-size:54px;
	line-height:1;
	font-weight:950;
	letter-spacing:-.08em;
}

.clyx-founder-role,
.clyx-card-kicker{
	margin:0 0 14px;
	color:#0b6473;
	font-size:11px;
	font-weight:950;
	letter-spacing:.14em;
	text-transform:uppercase;
}

.clyx-founder-card h3,
.clyx-service-card h3,
.clyx-signal-card h3,
.clyx-pas-card h3,
.clyx-cta-card h3{
	margin:0;
	color:#0A0A0A;
	font-size:25px;
	line-height:1.05;
	font-weight:950;
	letter-spacing:-.055em;
}

.clyx-founder-card h4,
.clyx-portfolio-body h4{
	margin:10px 0 0;
	color:#0b6473;
	font-size:14px;
	line-height:1.45;
	font-weight:850;
}

.clyx-founder-card p:not(.clyx-founder-role),
.clyx-service-card p,
.clyx-signal-card p,
.clyx-pas-card p,
.clyx-cta-card p{
	margin:15px 0 0;
	color:var(--clyx-muted);
	font-size:15px;
	line-height:1.65;
}

.clyx-tag-row,
.clyx-vision-tags{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:18px;
}

.clyx-tag-row span,
.clyx-vision-tags span{
	display:inline-flex;
	align-items:center;
	min-height:30px;
	padding:0 10px;
	border-radius:999px;
	color:#0b6473;
	background:rgba(34,224,238,.09);
	border:1px solid rgba(34,224,238,.14);
	font-size:11px;
	font-weight:850;
}

.clyx-linkedin{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	margin-top:20px;
	padding:0 16px;
	border-radius:999px;
	color:#0A0A0A !important;
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2));
	font-size:12px;
	font-weight:950;
	box-shadow:0 14px 34px rgba(34,224,238,.18);
}

.clyx-vision-card{
	margin-top:18px;
	border-radius:32px;
	padding:34px;
	color:#fff;
	background:
		radial-gradient(circle at 18% 0,rgba(34,224,238,.22),transparent 34%),
		linear-gradient(145deg,#0A0A0A,#050505);
	border:1px solid rgba(34,224,238,.16);
	box-shadow:0 28px 90px rgba(6,25,32,.18);
}

.clyx-vision-card h3{
	margin:0;
	color:#fff;
	font-size:clamp(30px,4vw,52px);
	line-height:1;
	letter-spacing:-.065em;
	font-weight:950;
}

.clyx-vision-card p:not(.clyx-kicker){
	max-width:900px;
	margin:18px 0 0;
	color:#bdd2db;
	font-size:16px;
	line-height:1.75;
}

.clyx-vision-card strong{
	display:block;
	margin-top:22px;
	color:#fff;
	font-size:18px;
	line-height:1.45;
}

.clyx-system-lab{
	background:#fff;
}

.clyx-system-lab-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:28px;
	align-items:center;
}

.clyx-lab-stack{
	display:grid;
	gap:14px;
}

.clyx-lab-stack div{
	display:grid;
	grid-template-columns:auto 1fr;
	gap:8px 14px;
	align-items:start;
	padding:22px;
	border-radius:24px;
	background:#F0F4F7;
	border:1px solid rgba(6,25,32,.07);
	box-shadow:0 18px 44px rgba(6,25,32,.055);
}

.clyx-lab-stack span{
	grid-row:span 2;
	display:grid;
	place-items:center;
	width:42px;
	height:42px;
	border-radius:14px;
	color:#0A0A0A;
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2));
	font-size:13px;
	font-weight:950;
}

.clyx-lab-stack b{
	color:#0A0A0A;
	font-size:18px;
	font-weight:950;
	letter-spacing:-.04em;
}

.clyx-lab-stack p{
	margin:0;
	color:var(--clyx-muted);
	line-height:1.55;
}

.clyx-luna-section{
	color:#fff;
	background:
		radial-gradient(circle at 18% 10%,rgba(34,224,238,.20),transparent 30%),
		radial-gradient(circle at 90% 10%,rgba(53,91,232,.20),transparent 32%),
		linear-gradient(145deg,#0A0A0A,#050505);
}

.clyx-luna-grid{
	display:grid;
	grid-template-columns:.72fr 1.28fr;
	gap:32px;
	align-items:center;
}

.clyx-luna-portrait{
	min-height:420px;
	display:grid;
	place-items:center;
	border-radius:34px;
	background:
		radial-gradient(circle at 50% 35%,rgba(34,224,238,.25),transparent 36%),
		linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
	border:1px solid rgba(255,255,255,.10);
	box-shadow:0 30px 100px rgba(0,0,0,.22);
	overflow:hidden;
}

.clyx-luna-orb{
	position:relative;
	display:grid;
	place-items:center;
	width:220px;
	height:220px;
	border-radius:999px;
	color:#0A0A0A;
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2));
	box-shadow:0 0 90px rgba(34,224,238,.36);
	font-size:40px;
	font-weight:950;
	letter-spacing:-.06em;
}

.clyx-luna-copy h2{
	margin:0;
	color:#fff;
	font-size:clamp(58px,8vw,116px);
	line-height:.8;
	letter-spacing:-.08em;
	font-weight:950;
}

.clyx-luna-copy h3{
	margin:18px 0 0;
	color:#fff;
	font-size:clamp(28px,4vw,56px);
	line-height:1;
	letter-spacing:-.06em;
	font-weight:950;
}

.clyx-luna-copy p{
	max-width:720px;
	margin:18px 0 0;
	color:#bdd2db;
	font-size:17px;
	line-height:1.75;
}

.clyx-luna-copy blockquote{
	margin:24px 0 0;
	padding:20px 22px;
	border-left:3px solid var(--clyx-cyan);
	border-radius:18px;
	background:rgba(255,255,255,.055);
	color:#e9fbff;
	font-size:18px;
	line-height:1.55;
}

.clyx-luna-signature{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:22px;
}

.clyx-luna-signature span{
	display:inline-flex;
	align-items:center;
	min-height:36px;
	padding:0 13px;
	border-radius:999px;
	color:#d9fcff;
	background:rgba(34,224,238,.10);
	border:1px solid rgba(34,224,238,.18);
	font-size:12px;
	font-weight:900;
}

.clyx-signals{
	background:#f7fbfd;
}

.clyx-signal-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:16px;
}

.clyx-signal-card span,
.clyx-service-card span{
	display:inline-flex;
	align-items:center;
	min-height:34px;
	padding:0 12px;
	border-radius:999px;
	background:rgba(34,224,238,.10);
	color:#0b6473;
	font-size:11px;
	font-weight:950;
	letter-spacing:.08em;
	text-transform:uppercase;
	margin-bottom:18px;
}

.clyx-services{
	background:#fff;
}

.clyx-service-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:16px;
}

.clyx-portfolio-home{
	color:#fff;
	background:
		radial-gradient(circle at 16% 0,rgba(34,224,238,.16),transparent 28%),
		radial-gradient(circle at 84% 0,rgba(53,91,232,.20),transparent 34%),
		linear-gradient(145deg,#0A0A0A,#050505);
}

.clyx-portfolio-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:18px;
}

.clyx-portfolio-card{
	overflow:hidden;
	border-radius:28px;
	background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04));
	border:1px solid rgba(255,255,255,.10);
	box-shadow:0 28px 80px rgba(0,0,0,.20);
}

.clyx-portfolio-image{
	position:relative;
	aspect-ratio:16/10;
	background:#050505;
	overflow:hidden;
}

.clyx-portfolio-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	opacity:.78;
	transform:scale(1.02);
}

.clyx-portfolio-image span{
	position:absolute;
	top:14px;
	left:14px;
	display:inline-flex;
	align-items:center;
	min-height:30px;
	padding:0 10px;
	border-radius:999px;
	color:#0A0A0A;
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2));
	font-size:10px;
	font-weight:950;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.clyx-portfolio-body{
	padding:24px;
}

.clyx-portfolio-body h3{
	margin:0;
	color:#fff;
	font-size:28px;
	letter-spacing:-.06em;
	font-weight:950;
}

.clyx-portfolio-body h4{
	color:#3DE8FF;
}

.clyx-portfolio-body p:not(.clyx-card-kicker){
	margin:14px 0 0;
	color:#bdd2db;
	font-size:15px;
	line-height:1.65;
}

.clyx-case-strip{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
	margin-top:18px;
}

.clyx-case-strip div{
	padding:14px;
	border-radius:16px;
	background:rgba(255,255,255,.055);
	border:1px solid rgba(255,255,255,.09);
}

.clyx-case-strip small{
	display:block;
	color:#3DE8FF;
	font-size:10px;
	font-weight:950;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.clyx-case-strip strong{
	display:block;
	margin-top:6px;
	color:#fff;
	font-size:13px;
	line-height:1.35;
}

.clyx-center-action{
	display:flex;
	justify-content:center;
	margin-top:28px;
}

.clyx-btn-ghost-dark{
	color:#0A0A0A;
	background:#fff;
	border:1px solid rgba(6,25,32,.10);
	box-shadow:0 16px 44px rgba(6,25,32,.10);
}

.clyx-pas-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:16px;
}

.clyx-pas-card span{
	display:grid;
	place-items:center;
	width:56px;
	height:56px;
	border-radius:18px;
	color:#0A0A0A;
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2));
	box-shadow:0 14px 34px rgba(34,224,238,.18);
	font-size:26px;
	font-weight:950;
	margin-bottom:20px;
}

.clyx-workflow{
	color:#fff;
	background:
		radial-gradient(circle at 15% 0,rgba(34,224,238,.18),transparent 32%),
		radial-gradient(circle at 85% 0,rgba(53,91,232,.22),transparent 34%),
		linear-gradient(145deg,#0A0A0A,#050505);
}

.clyx-pipeline{
	position:relative;
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:14px;
}

.clyx-pipeline-line{
	position:absolute;
	left:4%;
	right:4%;
	top:36px;
	height:2px;
	background:linear-gradient(90deg,rgba(34,224,238,.15),rgba(34,224,238,.65),rgba(53,91,232,.15));
	pointer-events:none;
}

.clyx-step{
	position:relative;
	z-index:1;
	padding:20px;
	border-radius:22px;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.10);
	box-shadow:0 20px 60px rgba(0,0,0,.18);
}

.clyx-step span{
	display:grid;
	place-items:center;
	width:42px;
	height:42px;
	border-radius:14px;
	color:#0A0A0A;
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2));
	font-size:13px;
	font-weight:950;
	margin-bottom:18px;
}

.clyx-step h4{
	margin:0;
	color:#fff;
	font-size:18px;
	letter-spacing:-.04em;
	font-weight:950;
}

.clyx-step p{
	margin:10px 0 0;
	color:#bdd2db;
	font-size:14px;
	line-height:1.6;
}

.clyx-cta-band{
	background:#f7fbfd;
}

.clyx-cta-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:18px;
}

.clyx-cta-card{
	min-height:260px;
}

.clyx-get-started{
	background:#fff;
}

.clyx-tabs-wrap{
	max-width:1050px;
	margin:0 auto;
	padding:24px;
	border-radius:32px;
	background:#f7fbfd;
	border:1px solid rgba(6,25,32,.08);
	box-shadow:0 24px 80px rgba(6,25,32,.08);
}

.clyx-form-side-panel{
	padding:24px;
	border-radius:24px;
	color:#fff;
	background:
		radial-gradient(circle at 18% 0,rgba(34,224,238,.20),transparent 34%),
		linear-gradient(145deg,#0A0A0A,#050505);
	border:1px solid rgba(34,224,238,.16);
	margin-bottom:18px;
}

.clyx-form-side-panel span{
	color:#3DE8FF;
	font-size:12px;
	font-weight:950;
	letter-spacing:.14em;
	text-transform:uppercase;
}

.clyx-form-side-panel h3{
	margin:12px 0 0;
	color:#fff;
	font-size:30px;
	letter-spacing:-.06em;
	font-weight:950;
}

.clyx-form-side-panel p{
	margin:10px 0 0;
	color:#bdd2db;
	line-height:1.65;
}

.clyx-tabs{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-bottom:18px;
}

.clyx-tab{
	min-height:46px;
	border:0;
	border-radius:999px;
	padding:0 18px;
	cursor:pointer;
	color:#0A0A0A;
	background:#fff;
	border:1px solid rgba(6,25,32,.08);
	font-weight:900;
}

.clyx-tab.active{
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2));
}

.clyx-tab-panel{
	display:none;
}

.clyx-tab-panel.active{
	display:block;
}

.clyx-live-form-shell{
	padding:24px;
	border-radius:24px;
	background:#fff;
	border:1px solid rgba(6,25,32,.07);
}

.clyx-live-form-shell > h3{
	margin:0;
	color:#0A0A0A;
	font-size:26px;
	letter-spacing:-.055em;
	font-weight:950;
}

.clyx-live-form-shell > p{
	margin:10px 0 18px;
	color:var(--clyx-muted);
	line-height:1.65;
}

.clyx-live-form-shell .clywu-request-shell{
	width:100%;
	grid-template-columns:1fr;
	color:#0A0A0A;
}

.clyx-live-form-shell .clywu-request-copy{
	display:none;
}

.clyx-live-form-shell .clywu-form-card{
	background:linear-gradient(180deg,#0A0A0A,#050505);
	border-color:rgba(34,224,238,.18);
	box-shadow:none;
}

.clyx-agent-fallback{
	padding:22px;
	border-radius:20px;
	background:#F0F4F7;
	border:1px solid rgba(6,25,32,.07);
}

.clyx-contact{
	color:#fff;
	background:
		radial-gradient(circle at 18% 0,rgba(34,224,238,.22),transparent 34%),
		linear-gradient(145deg,#0A0A0A,#050505);
}

.clyx-contact-box{
	max-width:720px;
	margin:0 auto;
	text-align:center;
	padding:42px;
	border-radius:34px;
	background:rgba(255,255,255,.07);
	border:1px solid rgba(255,255,255,.10);
	box-shadow:0 28px 90px rgba(0,0,0,.20);
}

.clyx-contact-box h2{
	margin:0;
	color:#fff;
	font-size:clamp(34px,4.4vw,62px);
	line-height:1;
	letter-spacing:-.07em;
	font-weight:950;
}

.clyx-contact-box p:not(.clyx-kicker){
	margin:18px auto 0;
	max-width:580px;
	color:#bdd2db;
	line-height:1.7;
}

.clyx-contact-box .clyx-actions{
	justify-content:center;
}

@media(max-width:1100px){
	.clyx-founders-top,
	.clyx-system-lab-grid,
	.clyx-luna-grid{
		grid-template-columns:1fr;
	}
	.clyx-founder-grid,
	.clyx-service-grid,
	.clyx-portfolio-grid,
	.clyx-pipeline{
		grid-template-columns:repeat(2,1fr);
	}
	.clyx-signal-grid{
		grid-template-columns:repeat(2,1fr);
	}
	.clyx-pipeline-line{
		display:none;
	}
}

@media(max-width:720px){
	.clyx-founder-grid,
	.clyx-service-grid,
	.clyx-portfolio-grid,
	.clyx-signal-grid,
	.clyx-pas-grid,
	.clyx-pipeline,
	.clyx-cta-grid{
		grid-template-columns:1fr;
	}
	.clyx-founder-card,
	.clyx-service-card,
	.clyx-signal-card,
	.clyx-pas-card,
	.clyx-cta-card,
	.clyx-vision-card,
	.clyx-contact-box{
		padding:22px;
	}
	.clyx-luna-portrait{
		min-height:300px;
	}
	.clyx-luna-orb{
		width:180px;
		height:180px;
	}
	.clyx-tabs-wrap{
		padding:16px;
		border-radius:24px;
	}
	.clyx-tabs{
		display:grid;
	}
	.clyx-tab{
		width:100%;
	}
}


/* v0.2.6 readability fixes for dark portfolio buttons/tags */
.clyx-portfolio-home .clyx-center-action .clyx-btn,
.clyx-portfolio-home .clyx-center-action .clyx-btn-ghost-dark,
.clyx-portfolio-home a.clyx-btn-ghost-dark{
	color:#0A0A0A !important;
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2)) !important;
	border:0 !important;
	box-shadow:0 18px 44px rgba(34,224,238,.28) !important;
	text-shadow:none !important;
	font-weight:950 !important;
	min-width:220px;
}

.clyx-portfolio-home .clyx-center-action .clyx-btn:hover,
.clyx-portfolio-home a.clyx-btn-ghost-dark:hover{
	color:#0A0A0A !important;
	filter:brightness(1.06);
	transform:translateY(-3px);
}

.clyx-portfolio-home .clyx-tag-row span{
	color:#d9fcff !important;
	background:rgba(34,224,238,.13) !important;
	border:1px solid rgba(34,224,238,.24) !important;
	text-shadow:none !important;
}

.clyx-portfolio-home .clyx-case-strip div{
	background:rgba(255,255,255,.075) !important;
	border-color:rgba(34,224,238,.16) !important;
}

.clyx-portfolio-home .clyx-case-strip small{
	color:#3DE8FF !important;
	text-shadow:none !important;
}

.clyx-portfolio-home .clyx-case-strip strong{
	color:#ffffff !important;
	text-shadow:none !important;
}

.clyx-portfolio-home .clyx-card-kicker{
	color:#21D5F0 !important;
	text-shadow:none !important;
}

.clyx-portfolio-image::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(6,25,32,.06),rgba(6,25,32,.28));
	pointer-events:none;
}

.clyx-portfolio-image span{
	z-index:2;
	color:#0A0A0A !important;
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2)) !important;
	text-shadow:none !important;
}

/* Keep buttons readable even when the global brand override plugin loads later. */
.clyx-page .clyx-btn,
.clyx-page .clyx-btn-primary,
.clyx-page .clyx-btn-ghost,
.clyx-page .clyx-btn-ghost-dark,
.clyx-page .clyx-btn-link{
	text-decoration:none !important;
}


/* v0.2.7 icon upgrade for feature strip */
.clyx-icon-points span{
	display:inline-flex;
	align-items:center;
	gap:12px;
	line-height:1.2;
}

.clyx-point-icon{
	width:28px;
	height:28px;
	flex:0 0 28px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:12px;
	color:#0b3346;
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2));
	box-shadow:0 12px 28px rgba(34,224,238,.18);
}

.clyx-point-icon svg{
	width:16px;
	height:16px;
	display:block;
}

@media(max-width: 900px){
	.clyx-icon-points span{
		justify-content:flex-start;
	}
}


/* v0.2.8 reliable feature-strip icons.
   Uses CSS mask icons, so it works even when previous HTML still has plain square <i> elements. */
.clyx-trust .clyx-feature-icon-row span,
.clyx-trust .clyx-logo-row span{
	position:relative;
	display:inline-flex !important;
	align-items:center;
	gap:12px;
	line-height:1.2;
}

.clyx-trust .clyx-feature-icon-row span > i,
.clyx-trust .clyx-logo-row span > i{
	position:relative;
	width:32px !important;
	height:32px !important;
	flex:0 0 32px !important;
	border-radius:12px !important;
	background:linear-gradient(135deg,var(--clyx-cyan,#21D5F0),var(--clyx-blue,#111111)) !important;
	box-shadow:0 14px 30px rgba(34,224,238,.20) !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	overflow:hidden !important;
}

.clyx-trust .clyx-feature-icon-row span > i::before,
.clyx-trust .clyx-logo-row span > i::before{
	content:"";
	width:17px;
	height:17px;
	background:#0A0A0A;
	display:block;
	-webkit-mask:center / contain no-repeat;
	mask:center / contain no-repeat;
}

/* 1. AI CFO Systems — chart icon */
.clyx-trust .clyx-feature-icon-row span:nth-child(1) > i::before,
.clyx-trust .clyx-logo-row span:nth-child(1) > i::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 18.5H19M7.5 16V11.5M12 16V8.5M16.5 16V5.5' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 18.5H19M7.5 16V11.5M12 16V8.5M16.5 16V5.5' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* 2. CRM Intelligence — contact/card icon */
.clyx-trust .clyx-feature-icon-row span:nth-child(2) > i::before,
.clyx-trust .clyx-logo-row span:nth-child(2) > i::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6.5h12v11H6z' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 10.5h6M9 14h4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6.5h12v11H6z' stroke='black' stroke-width='2'/%3E%3Cpath d='M9 10.5h6M9 14h4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* 3. Executive Dashboards — grid icon */
.clyx-trust .clyx-feature-icon-row span:nth-child(3) > i::before,
.clyx-trust .clyx-logo-row span:nth-child(3) > i::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5h6v6H5zM13 5h6v6h-6zM5 13h6v6H5zM13 13h6v6h-6z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5h6v6H5zM13 5h6v6h-6zM5 13h6v6H5zM13 13h6v6h-6z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* 4. Workflow Automation — flow/arrow icon */
.clyx-trust .clyx-feature-icon-row span:nth-child(4) > i::before,
.clyx-trust .clyx-logo-row span:nth-child(4) > i::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7h5v5H6zM13 17h5v-5M11 9.5h4.5c1.4 0 2.5 1.1 2.5 2.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 7h5v5H6zM13 17h5v-5M11 9.5h4.5c1.4 0 2.5 1.1 2.5 2.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* 5. Business Portals — browser/window icon */
.clyx-trust .clyx-feature-icon-row span:nth-child(5) > i::before,
.clyx-trust .clyx-logo-row span:nth-child(5) > i::before{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6h14v12H5zM5 10h14M8 14h3M8 16.5h6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6h14v12H5zM5 10h14M8 14h3M8 16.5h6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media(max-width: 900px){
	.clyx-trust .clyx-feature-icon-row span,
	.clyx-trust .clyx-logo-row span{
		justify-content:flex-start;
	}
}


/* v0.2.9 Luna image + stronger tech motion */
.clyx-hero,
.clyx-luna-section{
	position:relative;
	isolation:isolate;
}

.clyx-tech-motion{
	position:absolute;
	inset:0;
	pointer-events:none;
	z-index:-1;
	overflow:hidden;
}

.clyx-tech-line{
	position:absolute;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(34,224,238,.42),rgba(120,251,255,.10),transparent);
	filter:drop-shadow(0 0 8px rgba(34,224,238,.2));
	animation:clyxLineDrift 12s linear infinite;
	opacity:.8;
}

.clyx-tech-line.line-a{top:18%;left:-8%;width:42%;transform:rotate(11deg);}
.clyx-tech-line.line-b{top:68%;right:-10%;width:36%;transform:rotate(-14deg);animation-duration:15s;}
.clyx-tech-line.line-c{bottom:12%;left:26%;width:30%;transform:rotate(-3deg);animation-duration:10s;}

.clyx-tech-orbit{
	position:absolute;
	border:1px solid rgba(120,251,255,.14);
	border-radius:999px;
	box-shadow:inset 0 0 40px rgba(53,91,232,.04);
	animation:clyxOrbitSpin 24s linear infinite;
}

.clyx-tech-orbit.orbit-a{width:520px;height:520px;right:8%;top:7%;}
.clyx-tech-orbit.orbit-b{width:340px;height:340px;left:-2%;bottom:3%;animation-direction:reverse;animation-duration:18s;}

.clyx-tech-node{
	position:absolute;
	width:10px;
	height:10px;
	border-radius:999px;
	background:radial-gradient(circle,var(--clyx-cyan-2),var(--clyx-cyan));
	box-shadow:0 0 16px rgba(34,224,238,.9),0 0 34px rgba(34,224,238,.35);
	animation:clyxNodePulse 2.4s ease-in-out infinite;
}

.clyx-tech-node.node-a{top:22%;right:28%;}
.clyx-tech-node.node-b{bottom:22%;left:15%;animation-delay:.8s;}
.clyx-tech-node.node-c{top:58%;right:14%;animation-delay:1.6s;}

@keyframes clyxLineDrift{
	0%{transform:translate3d(-40px,0,0) rotate(var(--rot,0deg));opacity:0;}
	10%,90%{opacity:.9;}
	100%{transform:translate3d(80px,-20px,0) rotate(var(--rot,0deg));opacity:0;}
}

@keyframes clyxOrbitSpin{
	from{transform:rotate(0deg);}
	to{transform:rotate(360deg);}
}

@keyframes clyxNodePulse{
	0%,100%{transform:scale(1);opacity:.8;}
	50%{transform:scale(1.45);opacity:1;}
}

.clyx-luna-section::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:-2;
	background-image:
		linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
	background-size:68px 68px;
	mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.35));
	opacity:.48;
}

.clyx-luna-tech{
	position:absolute;
	inset:0;
	pointer-events:none;
	overflow:hidden;
	z-index:-1;
}

.clyx-luna-gridline{
	position:absolute;
	left:-10%;
	width:55%;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(34,224,238,.28),transparent);
	animation:clyxLunaSweep 11s linear infinite;
}

.clyx-luna-gridline:nth-child(1){top:26%;transform:rotate(8deg);}
.clyx-luna-gridline:nth-child(2){bottom:20%;left:auto;right:-10%;width:48%;transform:rotate(-10deg);animation-duration:14s;}

.clyx-luna-pulse{
	position:absolute;
	width:320px;
	height:320px;
	border-radius:999px;
	border:1px solid rgba(120,251,255,.12);
	animation:clyxLunaPulse 8s ease-in-out infinite;
}

.clyx-luna-pulse.pulse-a{right:8%;top:8%;}
.clyx-luna-pulse.pulse-b{left:10%;bottom:4%;width:220px;height:220px;animation-delay:2s;}

@keyframes clyxLunaSweep{
	0%{transform:translateX(-8%) rotate(8deg);opacity:0;}
	15%,85%{opacity:.8;}
	100%{transform:translateX(18%) rotate(8deg);opacity:0;}
}

@keyframes clyxLunaPulse{
	0%,100%{transform:scale(.95);opacity:.25;}
	50%{transform:scale(1.04);opacity:.5;}
}

.clyx-luna-portrait{
	background:
		radial-gradient(circle at 50% 35%,rgba(34,224,238,.18),transparent 40%),
		linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
}

.clyx-luna-frame{
	position:relative;
	width:min(100%,430px);
	aspect-ratio:1/1;
	border-radius:34px;
	overflow:hidden;
	background:linear-gradient(145deg,rgba(10,29,40,.85),rgba(14,40,54,.55));
	box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 20px 80px rgba(0,0,0,.28);
}

.clyx-luna-frame::before{
	content:"";
	position:absolute;
	inset:0;
	background:radial-gradient(circle at 50% 32%,rgba(34,224,238,.22),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));
	z-index:1;
	pointer-events:none;
}

.clyx-luna-photo{
	position:relative;
	z-index:2;
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	filter:saturate(1.08) contrast(1.06);
}

.clyx-luna-rings{
	position:absolute;
	inset:0;
	z-index:3;
	pointer-events:none;
}

.clyx-luna-rings span{
	position:absolute;
	border-radius:999px;
	border:1px solid rgba(120,251,255,.18);
	box-shadow:0 0 20px rgba(34,224,238,.08),inset 0 0 18px rgba(34,224,238,.05);
	animation:clyxOrbitSpin 22s linear infinite;
}

.clyx-luna-rings span:nth-child(1){width:78%;height:78%;left:11%;top:11%;}
.clyx-luna-rings span:nth-child(2){width:92%;height:92%;left:4%;top:4%;animation-direction:reverse;animation-duration:18s;}
.clyx-luna-rings span:nth-child(3){width:64%;height:64%;left:18%;top:18%;animation-duration:26s;}

.clyx-luna-copy blockquote{
	background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.03));
	box-shadow:0 18px 48px rgba(0,0,0,.12);
}

@media(max-width: 980px){
	.clyx-tech-orbit.orbit-a{width:340px;height:340px;right:-6%;top:14%;}
	.clyx-tech-orbit.orbit-b{width:220px;height:220px;left:-10%;bottom:12%;}
	.clyx-luna-frame{width:min(100%,380px);}
}

@media(max-width: 768px){
	.clyx-tech-motion{opacity:.72;}
	.clyx-tech-line.line-a,.clyx-tech-line.line-b,.clyx-tech-line.line-c{width:54%;}
	.clyx-luna-gridline{width:70%;}
}


/* v0.3.0 less white / more motion pass */
.clyx-proof,
.clyx-founders,
.clyx-system-lab,
.clyx-signals,
.clyx-services{
	position:relative;
	overflow:hidden;
}

.clyx-proof::before,
.clyx-founders::before,
.clyx-system-lab::before,
.clyx-signals::before,
.clyx-services::before{
	content:"";
	position:absolute;
	inset:auto;
	width:420px;
	height:420px;
	border-radius:999px;
	filter:blur(90px);
	opacity:.20;
	pointer-events:none;
	animation:clyxAmbientFloat 14s ease-in-out infinite;
}

.clyx-proof::after,
.clyx-founders::after,
.clyx-system-lab::after,
.clyx-signals::after,
.clyx-services::after{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	opacity:.55;
	background-image:
		linear-gradient(rgba(6,25,32,.028) 1px,transparent 1px),
		linear-gradient(90deg,rgba(6,25,32,.028) 1px,transparent 1px);
	background-size:64px 64px;
	mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 92%);
}

.clyx-proof > .clyx-wrap,
.clyx-founders > .clyx-wrap,
.clyx-system-lab > .clyx-wrap,
.clyx-signals > .clyx-wrap,
.clyx-services > .clyx-wrap{
	position:relative;
	z-index:1;
}

@keyframes clyxAmbientFloat{
	0%,100%{transform:translate3d(0,0,0) scale(1);}
	50%{transform:translate3d(28px,-24px,0) scale(1.06);}
}

.clyx-proof{
	background:linear-gradient(180deg,#f5fbfd 0%,#eef7fb 100%);
}
.clyx-proof::before{top:-120px;right:-90px;background:var(--clyx-cyan);}

.clyx-proof-grid{gap:26px;align-items:stretch;}
.clyx-proof-card{
	position:relative;
	overflow:hidden;
	border-radius:32px;
	box-shadow:0 26px 80px rgba(6,25,32,.08);
}
.clyx-proof-card::after{
	content:"";
	position:absolute;
	inset:auto -40px -40px auto;
	width:150px;
	height:150px;
	border-radius:999px;
	background:radial-gradient(circle,rgba(34,224,238,.16),transparent 68%);
	pointer-events:none;
}
.clyx-proof-dark::after{background:radial-gradient(circle,rgba(120,251,255,.18),transparent 68%);}

.clyx-founders{
	background:linear-gradient(180deg,#f7fbfd 0%,#f2f8fb 100%);
}
.clyx-founders::before{bottom:-140px;left:-120px;background:var(--clyx-blue);opacity:.14;}
.clyx-founders-top{margin-bottom:34px;}
.clyx-founder-card{
	padding-top:30px;
	background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.88));
	backdrop-filter:blur(10px);
}
.clyx-founder-card::before{
	content:"";
	position:absolute;
	left:26px;
	top:0;
	width:96px;
	height:4px;
	border-radius:999px;
	background:linear-gradient(90deg,var(--clyx-cyan),var(--clyx-blue));
}

.clyx-system-lab{
	background:linear-gradient(180deg,#fbfeff 0%,#f3f9fc 100%);
}
.clyx-system-lab::before{top:-140px;left:22%;background:var(--clyx-cyan-2);opacity:.18;}
.clyx-lab-stack div{
	position:relative;
	overflow:hidden;
	background:linear-gradient(180deg,#ffffff,#f7fbfd);
}
.clyx-lab-stack div::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(90deg,transparent,rgba(34,224,238,.06),transparent);
	transform:translateX(-100%);
	animation:clyxShimmer 8s ease-in-out infinite;
}

@keyframes clyxShimmer{
	0%,70%,100%{transform:translateX(-100%);}
	40%{transform:translateX(100%);}
}

.clyx-signals{
	background:linear-gradient(180deg,#f4fbfe 0%,#edf7fb 100%);
}
.clyx-signals::before{top:-120px;right:-120px;background:var(--clyx-cyan);opacity:.16;}
.clyx-signal-grid{gap:18px;}
.clyx-signal-card{
	padding-top:78px;
	background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.90));
	backdrop-filter:blur(10px);
}
.clyx-signal-card::before{
	content:"";
	position:absolute;
	left:24px;
	top:22px;
	width:44px;
	height:44px;
	border-radius:16px;
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-cyan-2));
	box-shadow:0 16px 36px rgba(34,224,238,.18);
}
.clyx-signal-card::after{
	content:"";
	position:absolute;
	left:37px;
	top:35px;
	width:18px;
	height:18px;
	background:#0A0A0A;
	-webkit-mask:center / contain no-repeat;
	mask:center / contain no-repeat;
}
.clyx-signal-card:nth-child(1)::after{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12h4l2 3 4-6 2 3h4' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12h4l2 3 4-6 2 3h4' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.clyx-signal-card:nth-child(2)::after{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7h5v5H7zM12 12l5-5M15 7h2v2M17 13v4H7v-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7h5v5H7zM12 12l5-5M15 7h2v2M17 13v4H7v-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.clyx-signal-card:nth-child(3)::after{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5h6v6H5zM13 5h6v6h-6zM5 13h6v6H5zM13 13h6v6h-6z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5h6v6H5zM13 5h6v6h-6zM5 13h6v6H5zM13 13h6v6h-6z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}
.clyx-signal-card:nth-child(4)::after{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 18h14M7 15V9M12 15V6M17 15v-3' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 18h14M7 15V9M12 15V6M17 15v-3' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.clyx-signal-card span{
	position:absolute;
	right:20px;
	top:20px;
	margin:0;
	background:rgba(6,25,32,.045);
	border:1px solid rgba(6,25,32,.06);
	color:#0b6473;
}

.clyx-platform{
	color:#fff;
	background:
		radial-gradient(circle at 16% 0,rgba(34,224,238,.16),transparent 28%),
		radial-gradient(circle at 86% 0,rgba(53,91,232,.18),transparent 34%),
		linear-gradient(145deg,#0A0A0A,#050505);
}
.clyx-platform::before{
	content:"";
	position:absolute;
	inset:0;
	background-image:
		linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
		linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
	background-size:72px 72px;
	mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 95%);
	opacity:.6;
	pointer-events:none;
}
.clyx-platform > .clyx-wrap{position:relative;z-index:1;}
.clyx-platform .clyx-kicker.dark{color:var(--clyx-cyan);}
.clyx-platform .clyx-section-head h2{color:#fff;}
.clyx-platform .clyx-section-head p:not(.clyx-kicker){color:#bdd2db;}
.clyx-platform .clyx-flow{position:relative;gap:18px;}
.clyx-platform .clyx-flow::before{
	content:"";
	position:absolute;
	left:12%;
	right:12%;
	top:54px;
	height:1px;
	background:linear-gradient(90deg,transparent,rgba(34,224,238,.42),rgba(120,251,255,.18),transparent);
	animation:clyxLinePulse 5.4s ease-in-out infinite;
}
@keyframes clyxLinePulse{0%,100%{opacity:.35;}50%{opacity:1;}}
.clyx-platform .clyx-flow-card{
	background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
	border-color:rgba(255,255,255,.10);
	box-shadow:0 28px 80px rgba(0,0,0,.16);
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
}
.clyx-platform .clyx-flow-card:hover{border-color:rgba(34,224,238,.24);}
.clyx-platform .clyx-flow-card h3{color:#fff;}
.clyx-platform .clyx-flow-card p{color:#bdd2db;}

.clyx-services{
	background:linear-gradient(180deg,#fbfeff 0%,#f2f9fc 100%);
}
.clyx-services::before{bottom:-150px;right:-120px;background:var(--clyx-blue);opacity:.14;}
.clyx-service-grid{gap:18px;}
.clyx-service-card{
	padding-top:82px;
	background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.90));
	backdrop-filter:blur(10px);
}
.clyx-service-card::before{
	content:"";
	position:absolute;
	left:26px;
	top:24px;
	width:46px;
	height:46px;
	border-radius:16px;
	background:linear-gradient(135deg,var(--clyx-cyan),var(--clyx-blue));
	box-shadow:0 16px 36px rgba(34,224,238,.18);
}
.clyx-service-card span{
	position:absolute;
	right:20px;
	top:24px;
	margin:0;
	background:rgba(6,25,32,.045);
	border:1px solid rgba(6,25,32,.06);
}
.clyx-service-card::after{
	content:"";
	position:absolute;
	left:40px;
	top:38px;
	width:18px;
	height:18px;
	background:#0A0A0A;
	-webkit-mask:center / contain no-repeat;
	mask:center / contain no-repeat;
}
.clyx-service-card:nth-child(1)::after{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5l7 4v6l-7 4-7-4V9l7-4zm0 0v14' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5l7 4v6l-7 4-7-4V9l7-4zm0 0v14' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.clyx-service-card:nth-child(2)::after{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6h14v12H5zM5 10h14' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6h14v12H5zM5 10h14' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}
.clyx-service-card:nth-child(3)::after{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5h6v6H5zM13 5h6v6h-6zM9 13h6v6H9z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5h6v6H5zM13 5h6v6h-6zM9 13h6v6H9z' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}
.clyx-service-card:nth-child(4)::after{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7h5v5H7zM12 12l5-5M15 7h2v2M17 13v4H7v-5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7h5v5H7zM12 12l5-5M15 7h2v2M17 13v4H7v-5' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}
.clyx-service-card:nth-child(5)::after{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 18h14M7 15V9M12 15V6M17 15v-3' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 18h14M7 15V9M12 15V6M17 15v-3' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.clyx-service-card:nth-child(6)::after{
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4l7 4v8l-7 4-7-4V8l7-4zm-3 8l2 2 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4l7 4v8l-7 4-7-4V8l7-4zm-3 8l2 2 4-4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media(max-width: 980px){
	.clyx-platform .clyx-flow::before{display:none;}
	.clyx-signal-card,
	.clyx-service-card{padding-top:74px;}
}


/* v0.3.1 full animated site background */
html,body{
	background:#0A0A0A;
}

.clyx-page{
	position:relative;
	isolation:isolate;
	background:transparent;
}

.clyx-page > *:not(.clyx-global-tech-bg){
	position:relative;
	z-index:1;
}

.clyx-global-tech-bg{
	position:fixed;
	inset:0;
	z-index:0;
	pointer-events:none;
	overflow:hidden;
	background:
		radial-gradient(circle at 10% 12%, rgba(34,224,238,.15), transparent 26%),
		radial-gradient(circle at 88% 10%, rgba(53,91,232,.18), transparent 30%),
		linear-gradient(135deg, #060606 0%, #0A0A0A 35%, #050505 100%);
}

.clyx-tech-canvas{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	opacity:.95;
}

.clyx-global-glows{
	position:absolute;
	inset:0;
}

.clyx-global-glow{
	position:absolute;
	width:34vw;
	height:34vw;
	min-width:280px;
	min-height:280px;
	max-width:640px;
	max-height:640px;
	border-radius:999px;
	filter:blur(80px);
	opacity:.18;
	animation:clyxGlobalFloat 16s ease-in-out infinite;
}

.clyx-global-glow.glow-a{left:-8%;top:6%;background:rgba(34,224,238,.46);}
.clyx-global-glow.glow-b{right:-10%;top:22%;background:rgba(53,91,232,.42);animation-duration:20s;}
.clyx-global-glow.glow-c{left:22%;bottom:-14%;background:rgba(120,251,255,.28);animation-duration:18s;}

.clyx-global-grid{
	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:58px 58px;
	mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.2));
	opacity:.36;
	animation:clyxGridDrift 22s linear infinite;
}

@keyframes clyxGlobalFloat{
	0%,100%{transform:translate3d(0,0,0) scale(1);}
	50%{transform:translate3d(30px,-24px,0) scale(1.08);}
}

@keyframes clyxGridDrift{
	0%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(0,58px,0);}
}

/* Run the site over translucent section surfaces so the animated bg is visible */
.clyx-trust,
.clyx-proof,
.clyx-founders,
.clyx-system-lab,
.clyx-signals,
.clyx-services,
.clyx-get-started,
.clyx-contact-strip{
	background:rgba(247,251,253,.76) !important;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	border-top:1px solid rgba(255,255,255,.28);
	border-bottom:1px solid rgba(6,25,32,.05);
}

.clyx-platform,
.clyx-portfolio-home,
.clyx-agents,
.clyx-workflow,
.clyx-request,
.clyx-luna-section{
	background:rgba(6,25,32,.80) !important;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}

.clyx-section,
.clyx-trust{
	box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

/* So sections feel like floating surfaces over the single animated site background */
.clyx-section::before,
.clyx-trust::before{
	backdrop-filter:blur(0px);
}

.clyx-trust{
	position:relative;
	z-index:1;
}

.clyx-trust .clyx-wrap,
.clyx-section .clyx-wrap{
	position:relative;
	z-index:2;
}

/* keep white cards solid enough for readability */
.clyx-proof-card:not(.clyx-proof-dark),
.clyx-founder-card,
.clyx-service-card,
.clyx-signal-card,
.clyx-pas-card,
.clyx-cta-card,
.clyx-lab-stack div,
.clyx-step,
.clyx-tabs-panel,
.clyx-contact-card,
.clyx-form-box,
.clyx-tab-button,
.clyx-metric-grid div{
	background:rgba(255,255,255,.88) !important;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}

@media(max-width: 768px){
	.clyx-global-grid{background-size:42px 42px;}
	.clyx-global-glow{filter:blur(60px);opacity:.14;}
}


/* v0.3.2 brand particle bg correction
   Fixes the grey wash from the previous full-background test.
   Uses the uploaded brand-reference direction: deep midnight + cyan particles + royal blue depth. */
html,
body{
	background:#050505 !important;
}

.clyx-global-tech-bg{
	background:
		radial-gradient(1200px 600px at 18% 18%, rgba(33,213,240,.10), transparent 60%),
		radial-gradient(1000px 520px at 82% 28%, rgba(0,0,0,.12), transparent 62%),
		#050505 !important;
}

.clyx-global-tech-bg::before,
.clyx-global-tech-bg::after{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
}

.clyx-global-tech-bg::before{
	background:
		linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
	background-size:72px 72px;
	opacity:.34;
	mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.18));
	animation:clyxGridDrift 28s linear infinite;
}

.clyx-global-tech-bg::after{
	background:
		radial-gradient(circle at 22% 24%, rgba(33,213,240,.16), transparent 2px),
		radial-gradient(circle at 78% 36%, rgba(61,232,255,.12), transparent 2px),
		radial-gradient(circle at 48% 70%, rgba(0,0,0,.12), transparent 2px);
	background-size:280px 280px, 360px 360px, 420px 420px;
	opacity:.52;
	animation:clyxStarDrift 34s linear infinite;
}

@keyframes clyxStarDrift{
	0%{transform:translate3d(0,0,0);}
	100%{transform:translate3d(-160px,120px,0);}
}

/* Disable the grey blur overlay from the earlier pass. */
.clyx-global-glows{
	opacity:.58;
}

.clyx-global-glow{
	display:none !important;
}

.clyx-global-grid{
	display:none !important;
}

/* Light sections should be clean brand-neutral, not transparent grey. */
.clyx-trust,
.clyx-proof,
.clyx-founders,
.clyx-system-lab,
.clyx-signals,
.clyx-services,
.clyx-get-started,
.clyx-contact-strip{
	background:#F0F4F7 !important;
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
	border-top:1px solid rgba(227,233,238,.82);
	border-bottom:1px solid rgba(227,233,238,.82);
}

/* Alternate some sections with white so the page breathes, while the global tech bg shows between dark sections. */
.clyx-founders,
.clyx-services,
.clyx-contact-strip{
	background:#FFFFFF !important;
}

.clyx-proof,
.clyx-system-lab,
.clyx-signals,
.clyx-get-started{
	background:#F0F4F7 !important;
}

/* Dark sections stay dark enough to show the tech particle layer as intended. */
.clyx-hero,
.clyx-platform,
.clyx-portfolio-home,
.clyx-agents,
.clyx-workflow,
.clyx-request,
.clyx-luna-section{
	background:rgba(0,0,0,.90) !important;
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
}

/* Remove the accidental grey cast on white/light cards from previous translucent override. */
.clyx-proof-card:not(.clyx-proof-dark),
.clyx-founder-card,
.clyx-service-card,
.clyx-signal-card,
.clyx-pas-card,
.clyx-cta-card,
.clyx-lab-stack div,
.clyx-step,
.clyx-tabs-panel,
.clyx-contact-card,
.clyx-form-box,
.clyx-tab-button,
.clyx-metric-grid div{
	background:#FFFFFF !important;
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
}

.clyx-section-head h2,
.clyx-founder-card h3,
.clyx-service-card h3,
.clyx-signal-card h3,
.clyx-proof-card h3{
	color:#050505;
}

.clyx-section-head p:not(.clyx-kicker),
.clyx-founder-card p,
.clyx-service-card p,
.clyx-signal-card p{
	color:#5B6B7F;
}

/* Extra tech elements that are visual, not gradient wash. */
.clyx-proof::after,
.clyx-founders::after,
.clyx-system-lab::after,
.clyx-signals::after,
.clyx-services::after{
	opacity:.28 !important;
	background-image:
		linear-gradient(rgba(0,0,0,.030) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0,0,0,.030) 1px, transparent 1px) !important;
	background-size:76px 76px !important;
}

.clyx-proof::before,
.clyx-founders::before,
.clyx-system-lab::before,
.clyx-signals::before,
.clyx-services::before{
	opacity:.10 !important;
	filter:blur(110px) !important;
}

/* Let the tech background be visible between major sections without making the content grey. */
.clyx-section{
	margin:0;
}

/* If the canvas is on top of some old stacking context, force it behind page content. */
.clyx-tech-canvas{
	z-index:1;
}

.clyx-global-tech-bg > *{
	position:relative;
	z-index:1;
}

.clyx-page > *:not(.clyx-global-tech-bg){
	z-index:2;
}


/* v0.3.3 visible light-section tech animation + HTML brand tokens */
:root{
	--clyx-midnight:#0A0A0A;
	--clyx-dark:#050505;
	--clyx-surface:#121212;
	--clyx-cyan:#21D5F0;
	--clyx-cyan-2:#3DE8FF;
	--clyx-blue:#111111;
	--clyx-light:#F0F4F7;
	--clyx-line:#E3E9EE;
	--clyx-muted:#5B6B7F;
}

/* Keep light areas bright but no longer visually dead. */
.clyx-trust,
.clyx-proof,
.clyx-founders,
.clyx-system-lab,
.clyx-signals,
.clyx-services,
.clyx-get-started,
.clyx-contact-strip{
	position:relative;
	overflow:hidden;
	background:
		radial-gradient(900px 420px at 88% 8%, rgba(33,213,240,.105), transparent 62%),
		radial-gradient(780px 420px at 8% 80%, rgba(0,0,0,.055), transparent 64%),
		#F0F4F7 !important;
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
	border-top:1px solid #E3E9EE;
	border-bottom:1px solid #E3E9EE;
}

.clyx-founders,
.clyx-services,
.clyx-contact-strip{
	background:
		radial-gradient(900px 420px at 88% 8%, rgba(33,213,240,.095), transparent 62%),
		radial-gradient(780px 420px at 8% 80%, rgba(0,0,0,.05), transparent 64%),
		#FFFFFF !important;
}

/* Visible animated circuit surface on light sections */
.clyx-trust::before,
.clyx-proof::before,
.clyx-founders::before,
.clyx-system-lab::before,
.clyx-signals::before,
.clyx-services::before,
.clyx-get-started::before,
.clyx-contact-strip::before{
	content:"";
	position:absolute !important;
	inset:0 !important;
	width:auto !important;
	height:auto !important;
	border-radius:0 !important;
	filter:none !important;
	opacity:.58 !important;
	pointer-events:none;
	background:
		linear-gradient(90deg, transparent 0 18%, rgba(33,213,240,.22) 18.15%, transparent 18.55% 100%),
		linear-gradient(90deg, transparent 0 62%, rgba(0,0,0,.14) 62.15%, transparent 62.55% 100%),
		linear-gradient(0deg, transparent 0 32%, rgba(33,213,240,.14) 32.15%, transparent 32.55% 100%),
		linear-gradient(0deg, transparent 0 74%, rgba(0,0,0,.10) 74.15%, transparent 74.55% 100%);
	background-size:360px 220px, 440px 260px, 320px 210px, 480px 280px;
	background-position:0 0, 120px 80px, 60px 40px, 180px 120px;
	animation:clyxLightCircuitMove 18s linear infinite;
	z-index:0;
}

.clyx-trust::after,
.clyx-proof::after,
.clyx-founders::after,
.clyx-system-lab::after,
.clyx-signals::after,
.clyx-services::after,
.clyx-get-started::after,
.clyx-contact-strip::after{
	content:"";
	position:absolute !important;
	inset:0 !important;
	opacity:.52 !important;
	pointer-events:none;
	background:
		radial-gradient(circle at 18% 32%, rgba(33,213,240,.36) 0 2px, transparent 2.5px),
		radial-gradient(circle at 62% 74%, rgba(0,0,0,.26) 0 2px, transparent 2.5px),
		radial-gradient(circle at 84% 20%, rgba(33,213,240,.30) 0 2px, transparent 2.5px),
		linear-gradient(rgba(0,0,0,.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0,0,0,.035) 1px, transparent 1px);
	background-size:360px 220px, 440px 260px, 520px 280px, 72px 72px, 72px 72px;
	background-position:0 0, 120px 80px, 220px 20px, 0 0, 0 0;
	animation:clyxLightNodesMove 24s linear infinite;
	z-index:0;
}

/* Ensure content stays above the tech layer. */
.clyx-trust > .clyx-wrap,
.clyx-section > .clyx-wrap,
.clyx-proof > .clyx-wrap,
.clyx-founders > .clyx-wrap,
.clyx-system-lab > .clyx-wrap,
.clyx-signals > .clyx-wrap,
.clyx-services > .clyx-wrap,
.clyx-get-started > .clyx-wrap,
.clyx-contact-strip > .clyx-wrap{
	position:relative;
	z-index:2;
}

@keyframes clyxLightCircuitMove{
	0%{
		background-position:0 0, 120px 80px, 60px 40px, 180px 120px;
	}
	100%{
		background-position:360px 220px, -320px 340px, 380px 250px, -300px 400px;
	}
}

@keyframes clyxLightNodesMove{
	0%{
		background-position:0 0, 120px 80px, 220px 20px, 0 0, 0 0;
	}
	100%{
		background-position:360px 220px, -320px 340px, 740px 300px, 72px 72px, 72px 72px;
	}
}

/* More visible tech cards on white sections */
.clyx-proof-card:not(.clyx-proof-dark),
.clyx-founder-card,
.clyx-service-card,
.clyx-signal-card,
.clyx-pas-card,
.clyx-cta-card,
.clyx-lab-stack div,
.clyx-step,
.clyx-tabs-panel,
.clyx-contact-card,
.clyx-form-box,
.clyx-tab-button,
.clyx-metric-grid div{
	position:relative;
	background:rgba(255,255,255,.93) !important;
	border:1px solid rgba(0,0,0,.08) !important;
	box-shadow:0 24px 70px rgba(0,0,0,.075) !important;
	overflow:hidden;
}

.clyx-proof-card:not(.clyx-proof-dark)::before,
.clyx-founder-card::after,
.clyx-service-card::before,
.clyx-signal-card::before{
	box-shadow:0 16px 34px rgba(33,213,240,.18) !important;
}

/* Fix unreadable dark card text in the CFO proof block */
.clyx-proof-dark,
.clyx-proof-dark *{
	color:#FFFFFF !important;
}

.clyx-proof-dark p,
.clyx-proof-dark li,
.clyx-proof-dark .clyx-muted,
.clyx-proof-dark .clyx-proof-copy,
.clyx-proof-dark .clyx-proof-copy p{
	color:rgba(235,249,252,.78) !important;
}

.clyx-proof-dark .clyx-card-kicker,
.clyx-proof-dark .clyx-kicker{
	color:#3DE8FF !important;
}

/* Keep the global background dark and brand matched, not grey. */
.clyx-global-tech-bg{
	background:
		radial-gradient(1200px 600px at 18% 18%, rgba(33,213,240,.10), transparent 60%),
		radial-gradient(1000px 520px at 82% 28%, rgba(0,0,0,.12), transparent 62%),
		#050505 !important;
}

/* Use the background as an environment only in dark sections. Light sections get their own visible circuit layer above. */
.clyx-hero,
.clyx-platform,
.clyx-portfolio-home,
.clyx-agents,
.clyx-workflow,
.clyx-request,
.clyx-luna-section{
	background:rgba(0,0,0,.91) !important;
}

/* Extra readable button/card compatibility after new brand-system update */
.clyx-btn-primary,
.clyx-page .clyx-btn-primary,
.clyx-page .clyx-btn-ghost-dark{
	background:linear-gradient(135deg,#21D5F0,#3DE8FF) !important;
	color:#050505 !important;
}

@media(max-width: 768px){
	.clyx-trust::before,
	.clyx-proof::before,
	.clyx-founders::before,
	.clyx-system-lab::before,
	.clyx-signals::before,
	.clyx-services::before,
	.clyx-get-started::before,
	.clyx-contact-strip::before{
		opacity:.38 !important;
	}
}


/* v0.3.4 reference icons/colors + workflow repair */
:root{
	--clyx-midnight:#0A0A0A;
	--clyx-dark:#050505;
	--clyx-surface:#121212;
	--clyx-cyan:#21D5F0;
	--clyx-cyan-2:#3DE8FF;
	--clyx-blue:#111111;
	--clyx-light:#F0F4F7;
	--clyx-line:#E3E9EE;
	--clyx-muted:#5B6B7F;
	--clyx-gradient-brand:linear-gradient(135deg,#121212 0%,#235BCA 100%);
	--clyx-gradient-cyan:linear-gradient(120deg,#21D5F0,#111111);
}

/* Apply reference-style icons and surfaces to the Clyftic cards */
.clyx-signal-card::before,
.clyx-service-card::before,
.clyx-flow-card span,
.clyx-step span,
.clyx-pas-card .clyx-pas-letter,
.clyx-lab-stack div span,
.clyx-founder-num,
.clyx-trust .clyx-feature-icon-row span > i,
.clyx-trust .clyx-logo-row span > i{
	background:var(--clyx-gradient-brand) !important;
	box-shadow:0 14px 34px rgba(0,0,0,.20) !important;
}

.clyx-signal-card::after,
.clyx-service-card::after,
.clyx-trust .clyx-feature-icon-row span > i::before,
.clyx-trust .clyx-logo-row span > i::before{
	background:#FFFFFF !important;
}

.clyx-kicker,
.clyx-kicker.dark,
.clyx-card-kicker,
.clyx-founder-role,
.clyx-service-card span,
.clyx-signal-card span,
.clyx-flow-card span{
	color:#111111 !important;
}

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

.clyx-btn-primary,
.clyx-page .clyx-btn-primary,
.clyx-page .clyx-btn-ghost-dark,
.clywu-submit{
	background:#21D5F0 !important;
	color:#050505 !important;
	box-shadow:0 12px 28px -10px rgba(33,213,240,.55) !important;
}

.clyx-flow-card,
.clyx-service-card,
.clyx-signal-card,
.clyx-founder-card,
.clyx-proof-card:not(.clyx-proof-dark),
.clyx-pas-card{
	border:1px solid #E3E9EE !important;
	border-radius:14px !important;
	box-shadow:0 24px 48px -28px rgba(0,0,0,.20) !important;
}

/* Strong workflow override: fixes the broken white cards on dark background. */
.clyx-workflow{
	position:relative;
	color:#FFFFFF !important;
	background:
		radial-gradient(ellipse 900px 500px at 18% -10%, rgba(0,0,0,.30), transparent 60%),
		radial-gradient(ellipse 700px 500px at 100% 0%, rgba(33,213,240,.14), transparent 55%),
		#050505 !important;
	overflow:hidden;
}

.clyx-workflow::before{
	content:"";
	position:absolute;
	inset:0;
	background-image:radial-gradient(rgba(255,255,255,.075) 1px, transparent 1px);
	background-size:26px 26px;
	-webkit-mask-image:radial-gradient(ellipse 70% 90% at 50% 40%, #000 10%, transparent 75%);
	mask-image:radial-gradient(ellipse 70% 90% at 50% 40%, #000 10%, transparent 75%);
	opacity:.48;
	pointer-events:none;
}

.clyx-workflow .clyx-wrap{
	position:relative;
	z-index:2;
}

.clyx-workflow .clyx-section-head h2,
.clyx-workflow .clyx-section-head .clyx-title,
.clyx-workflow h2{
	color:#FFFFFF !important;
	opacity:1 !important;
	text-shadow:0 0 1px rgba(255,255,255,.25);
}

.clyx-workflow .clyx-section-head p:not(.clyx-kicker),
.clyx-workflow .clyx-section-head > p:not(.clyx-kicker){
	color:rgba(229,247,252,.72) !important;
	opacity:1 !important;
}

.clyx-workflow .clyx-pipeline{
	position:relative;
	z-index:2;
	align-items:stretch;
}

.clyx-workflow .clyx-pipeline-line{
	background:linear-gradient(90deg,rgba(33,213,240,.05),rgba(33,213,240,.58),rgba(0,0,0,.16)) !important;
	opacity:1 !important;
}

.clyx-workflow .clyx-step{
	position:relative;
	z-index:3;
	background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
	border:1px solid rgba(255,255,255,.12) !important;
	border-radius:14px !important;
	box-shadow:0 22px 70px rgba(0,0,0,.24) !important;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	color:#FFFFFF !important;
}

.clyx-workflow .clyx-step:hover{
	border-color:rgba(33,213,240,.38) !important;
	transform:translateY(-4px);
}

.clyx-workflow .clyx-step span{
	background:#21D5F0 !important;
	color:#050505 !important;
	box-shadow:0 12px 28px -10px rgba(33,213,240,.55) !important;
}

.clyx-workflow .clyx-step h4{
	color:#FFFFFF !important;
	opacity:1 !important;
	font-weight:800 !important;
	letter-spacing:-.02em !important;
}

.clyx-workflow .clyx-step p{
	color:rgba(229,247,252,.72) !important;
	opacity:1 !important;
}

@media(max-width:980px){
	.clyx-workflow .clyx-pipeline{
		grid-template-columns:repeat(2,1fr);
	}
	.clyx-workflow .clyx-pipeline-line{display:none;}
}

@media(max-width:620px){
	.clyx-workflow .clyx-pipeline{
		grid-template-columns:1fr;
	}
}


/* v0.3.5 cleanup: reference icons, founder numbers, section titles, workflow repair */
#clyftic-new-home{
	--clyx-midnight:#0A0A0A;
	--clyx-dark:#050505;
	--clyx-surface:#121212;
	--clyx-cyan:#21D5F0;
	--clyx-cyan-2:#3DE8FF;
	--clyx-blue:#111111;
	--clyx-light:#F0F4F7;
	--clyx-line:#E3E9EE;
	--clyx-muted:#5B6B7F;
	--clyx-gradient-brand:linear-gradient(135deg,#121212 0%,#235BCA 100%);
	--clyx-gradient-cyan:linear-gradient(120deg,#21D5F0,#111111);
}

/* 01/02/03 founder numbers should be watermark numbers, not blue blocks. */
#clyftic-new-home .clyx-founder-card{
	isolation:isolate;
}

#clyftic-new-home .clyx-founder-card > *{
	position:relative;
	z-index:2;
}

#clyftic-new-home .clyx-founder-num,
#clyftic-new-home .clyx-founder-card .clyx-founder-num{
	position:absolute !important;
	top:22px !important;
	right:24px !important;
	z-index:1 !important;
	display:block !important;
	width:auto !important;
	height:auto !important;
	padding:0 !important;
	margin:0 !important;
	border:0 !important;
	border-radius:0 !important;
	background:transparent !important;
	box-shadow:none !important;
	color:rgba(33,213,240,.22) !important;
	font-size:54px !important;
	line-height:1 !important;
	font-weight:950 !important;
	letter-spacing:-.08em !important;
	pointer-events:none !important;
}

/* Small numbered blocks in lab/workflow should follow the reference: dark pill + cyan number. */
#clyftic-new-home .clyx-lab-stack div span,
#clyftic-new-home .clyx-flow-card span{
	background:#0A0A0A !important;
	color:#21D5F0 !important;
	border:1px solid rgba(33,213,240,.18) !important;
	box-shadow:0 12px 28px rgba(0,0,0,.16) !important;
}

/* White section cards: keep the reference icon style without turning numbers into unreadable black-on-blue. */
#clyftic-new-home .clyx-service-card::before,
#clyftic-new-home .clyx-signal-card::before{
	background:linear-gradient(135deg,#121212 0%,#235BCA 100%) !important;
	box-shadow:0 14px 34px rgba(0,0,0,.20) !important;
}

#clyftic-new-home .clyx-service-card::after,
#clyftic-new-home .clyx-signal-card::after{
	background:#FFFFFF !important;
}

/* Dark section titles were too low contrast. */
#clyftic-new-home .clyx-portfolio-home .clyx-section-head,
#clyftic-new-home .clyx-workflow .clyx-section-head{
	position:relative !important;
	z-index:5 !important;
}

#clyftic-new-home .clyx-portfolio-home .clyx-section-head h2,
#clyftic-new-home .clyx-portfolio-home .clyx-section-head .clyx-title,
#clyftic-new-home .clyx-portfolio-home h2,
#clyftic-new-home .clyx-workflow .clyx-section-head h2,
#clyftic-new-home .clyx-workflow .clyx-section-head .clyx-title,
#clyftic-new-home .clyx-workflow h2{
	color:#FFFFFF !important;
	opacity:1 !important;
	visibility:visible !important;
	text-shadow:0 2px 18px rgba(0,0,0,.22) !important;
}

#clyftic-new-home .clyx-portfolio-home .clyx-section-head p:not(.clyx-kicker),
#clyftic-new-home .clyx-workflow .clyx-section-head p:not(.clyx-kicker){
	color:rgba(229,247,252,.78) !important;
	opacity:1 !important;
	visibility:visible !important;
}

#clyftic-new-home .clyx-portfolio-home .clyx-kicker,
#clyftic-new-home .clyx-workflow .clyx-kicker{
	color:#21D5F0 !important;
	opacity:1 !important;
	visibility:visible !important;
}

/* Portfolio cards: improve title/readability while preserving the dark premium look. */
#clyftic-new-home .clyx-portfolio-card{
	background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045)) !important;
	border:1px solid rgba(255,255,255,.13) !important;
	box-shadow:0 28px 80px rgba(0,0,0,.22) !important;
}

#clyftic-new-home .clyx-portfolio-body h3{
	color:#FFFFFF !important;
	text-shadow:0 2px 16px rgba(0,0,0,.22) !important;
}

#clyftic-new-home .clyx-portfolio-body h4,
#clyftic-new-home .clyx-portfolio-body .clyx-card-kicker,
#clyftic-new-home .clyx-case-strip small{
	color:#3DE8FF !important;
}

#clyftic-new-home .clyx-portfolio-body p:not(.clyx-card-kicker),
#clyftic-new-home .clyx-case-strip strong{
	color:#D7E8F0 !important;
}

/* Workflow hard reset: avoid white-card overrides and make it a clean dark section. */
#clyftic-new-home .clyx-workflow{
	position:relative !important;
	color:#FFFFFF !important;
	background:
		radial-gradient(ellipse 900px 500px at 18% -10%, rgba(0,0,0,.30), transparent 60%),
		radial-gradient(ellipse 700px 500px at 100% 0%, rgba(33,213,240,.14), transparent 55%),
		#050505 !important;
	overflow:hidden !important;
}

#clyftic-new-home .clyx-workflow::before{
	content:"" !important;
	position:absolute !important;
	inset:0 !important;
	width:auto !important;
	height:auto !important;
	border-radius:0 !important;
	background-image:radial-gradient(rgba(255,255,255,.075) 1px, transparent 1px) !important;
	background-size:26px 26px !important;
	-webkit-mask-image:radial-gradient(ellipse 70% 90% at 50% 40%, #000 10%, transparent 75%) !important;
	mask-image:radial-gradient(ellipse 70% 90% at 50% 40%, #000 10%, transparent 75%) !important;
	opacity:.48 !important;
	pointer-events:none !important;
	filter:none !important;
}

#clyftic-new-home .clyx-workflow::after{
	content:none !important;
}

#clyftic-new-home .clyx-workflow .clyx-wrap,
#clyftic-new-home .clyx-workflow .clyx-pipeline{
	position:relative !important;
	z-index:4 !important;
}

#clyftic-new-home .clyx-workflow .clyx-pipeline{
	display:grid !important;
	grid-template-columns:repeat(4,minmax(0,1fr)) !important;
	gap:18px !important;
	align-items:stretch !important;
}

#clyftic-new-home .clyx-workflow .clyx-pipeline-line{
	position:absolute !important;
	left:4% !important;
	right:4% !important;
	top:38px !important;
	height:2px !important;
	background:linear-gradient(90deg,rgba(33,213,240,.04),rgba(33,213,240,.58),rgba(0,0,0,.14)) !important;
	opacity:1 !important;
	pointer-events:none !important;
}

#clyftic-new-home .clyx-workflow .clyx-step,
#clyftic-new-home .clyx-workflow .clyx-pipeline .clyx-step{
	position:relative !important;
	z-index:5 !important;
	min-height:170px !important;
	padding:24px !important;
	border-radius:14px !important;
	background:linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.038)) !important;
	border:1px solid rgba(255,255,255,.13) !important;
	box-shadow:0 22px 70px rgba(0,0,0,.24) !important;
	backdrop-filter:blur(10px) !important;
	-webkit-backdrop-filter:blur(10px) !important;
	color:#FFFFFF !important;
	overflow:hidden !important;
}

#clyftic-new-home .clyx-workflow .clyx-step:hover{
	border-color:rgba(33,213,240,.40) !important;
	transform:translateY(-4px) !important;
}

#clyftic-new-home .clyx-workflow .clyx-step span{
	display:grid !important;
	place-items:center !important;
	width:42px !important;
	height:42px !important;
	border-radius:12px !important;
	background:#21D5F0 !important;
	color:#050505 !important;
	border:0 !important;
	box-shadow:0 12px 28px -10px rgba(33,213,240,.55) !important;
	font-size:13px !important;
	font-weight:950 !important;
	margin:0 0 18px !important;
}

#clyftic-new-home .clyx-workflow .clyx-step h4{
	margin:0 !important;
	color:#FFFFFF !important;
	opacity:1 !important;
	font-size:18px !important;
	line-height:1.25 !important;
	font-weight:850 !important;
	letter-spacing:-.02em !important;
	text-shadow:0 2px 14px rgba(0,0,0,.18) !important;
}

#clyftic-new-home .clyx-workflow .clyx-step p{
	margin:10px 0 0 !important;
	color:rgba(229,247,252,.76) !important;
	opacity:1 !important;
	font-size:14px !important;
	line-height:1.6 !important;
}

@media(max-width:980px){
	#clyftic-new-home .clyx-workflow .clyx-pipeline{
		grid-template-columns:repeat(2,minmax(0,1fr)) !important;
	}
	#clyftic-new-home .clyx-workflow .clyx-pipeline-line{
		display:none !important;
	}
}

@media(max-width:620px){
	#clyftic-new-home .clyx-workflow .clyx-pipeline{
		grid-template-columns:1fr !important;
	}
	#clyftic-new-home .clyx-founder-num{
		font-size:46px !important;
		opacity:.9 !important;
	}
}


/* v0.3.6 portfolio mockup visuals — removes wrong/duplicate screenshot images */
#clyftic-new-home .clyx-portfolio-image.clyx-system-mockup{
	position:relative !important;
	isolation:isolate;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:34px 24px 26px;
	background:
		radial-gradient(460px 220px at 50% 20%, rgba(33,213,240,.18), transparent 58%),
		radial-gradient(360px 240px at 82% 18%, rgba(0,0,0,.18), transparent 60%),
		linear-gradient(145deg,#050505,#0A0A0A 58%,#121212) !important;
}

#clyftic-new-home .clyx-portfolio-image.clyx-system-mockup::before{
	content:"";
	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:36px 36px;
	opacity:.42;
	mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 100%);
	z-index:-1;
}

#clyftic-new-home .clyx-portfolio-image.clyx-system-mockup::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.25));
	pointer-events:none;
	z-index:3;
}

#clyftic-new-home .clyx-system-mockup > span{
	z-index:5 !important;
}

#clyftic-new-home .clyx-mock-browser{
	position:relative;
	z-index:2;
	width:min(92%,370px);
	border-radius:22px;
	overflow:hidden;
	background:rgba(255,255,255,.065);
	border:1px solid rgba(255,255,255,.14);
	box-shadow:0 28px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}

#clyftic-new-home .clyx-mock-top{
	height:38px;
	display:flex;
	align-items:center;
	gap:7px;
	padding:0 14px;
	background:rgba(255,255,255,.075);
	border-bottom:1px solid rgba(255,255,255,.09);
}

#clyftic-new-home .clyx-mock-top i{
	width:7px;
	height:7px;
	border-radius:999px;
	background:rgba(61,232,255,.75);
	box-shadow:0 0 10px rgba(33,213,240,.35);
}

#clyftic-new-home .clyx-mock-top b{
	margin-left:auto;
	color:rgba(235,249,252,.78);
	font-size:11px;
	font-weight:900;
	letter-spacing:.08em;
	text-transform:uppercase;
}

#clyftic-new-home .clyx-mock-dashboard,
#clyftic-new-home .clyx-mock-market,
#clyftic-new-home .clyx-mock-flow{
	min-height:150px;
	padding:16px;
}

/* CRM dashboard mock */
#clyftic-new-home .clyx-mock-dashboard{
	display:grid;
	grid-template-columns:54px 1fr;
	gap:14px;
}

#clyftic-new-home .clyx-mock-sidebar{
	display:grid;
	gap:9px;
}

#clyftic-new-home .clyx-mock-sidebar em{
	display:block;
	height:22px;
	border-radius:9px;
	background:rgba(33,213,240,.14);
	border:1px solid rgba(33,213,240,.12);
}

#clyftic-new-home .clyx-mock-content{
	display:grid;
	gap:12px;
}

#clyftic-new-home .clyx-mock-stat-row{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:8px;
}

#clyftic-new-home .clyx-mock-stat-row em,
#clyftic-new-home .clyx-mock-kanban em{
	display:block;
	border-radius:12px;
	background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06));
	border:1px solid rgba(255,255,255,.10);
}

#clyftic-new-home .clyx-mock-stat-row em{height:38px;}
#clyftic-new-home .clyx-mock-kanban{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:8px;
}
#clyftic-new-home .clyx-mock-kanban em{height:82px;}

/* CEE platform mock */
#clyftic-new-home .clyx-mock-hero-line{
	width:64%;
	height:16px;
	border-radius:999px;
	background:linear-gradient(90deg,rgba(33,213,240,.58),rgba(61,232,255,.12));
	margin:6px 0 18px;
}

#clyftic-new-home .clyx-mock-opportunities{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:8px;
}

#clyftic-new-home .clyx-mock-opportunities em{
	display:block;
	height:54px;
	border-radius:14px;
	background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
	border:1px solid rgba(255,255,255,.10);
}

#clyftic-new-home .clyx-mock-chart{
	display:flex;
	align-items:flex-end;
	gap:8px;
	height:42px;
	margin-top:16px;
}

#clyftic-new-home .clyx-mock-chart i{
	width:24px;
	border-radius:8px 8px 0 0;
	background:linear-gradient(180deg,#3DE8FF,#111111);
	box-shadow:0 0 20px rgba(33,213,240,.20);
}
#clyftic-new-home .clyx-mock-chart i:nth-child(1){height:20px;}
#clyftic-new-home .clyx-mock-chart i:nth-child(2){height:34px;}
#clyftic-new-home .clyx-mock-chart i:nth-child(3){height:26px;}
#clyftic-new-home .clyx-mock-chart i:nth-child(4){height:40px;}

/* Ransavi operations flow mock */
#clyftic-new-home .clyx-mock-flow{
	display:grid;
	grid-template-columns:1fr 28px 1fr 28px 1fr;
	align-items:center;
	gap:6px;
}

#clyftic-new-home .clyx-mock-flow em{
	display:block;
	height:62px;
	border-radius:16px;
	background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
	border:1px solid rgba(255,255,255,.10);
}

#clyftic-new-home .clyx-mock-flow > i{
	display:block;
	height:2px;
	border-radius:999px;
	background:linear-gradient(90deg,#21D5F0,#3DE8FF);
	box-shadow:0 0 16px rgba(33,213,240,.35);
}

#clyftic-new-home .clyx-mock-tasks{
	grid-column:1 / -1;
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:8px;
	margin-top:14px;
}

#clyftic-new-home .clyx-mock-tasks b{
	display:block;
	height:18px;
	border-radius:999px;
	background:rgba(33,213,240,.14);
	border:1px solid rgba(33,213,240,.12);
}

#clyftic-new-home .clyx-mockup-crm .clyx-mock-browser{transform:rotate(-1.2deg);}
#clyftic-new-home .clyx-mockup-cee .clyx-mock-browser{transform:rotate(.8deg);}
#clyftic-new-home .clyx-mockup-ransavi .clyx-mock-browser{transform:rotate(-.4deg);}

#clyftic-new-home .clyx-portfolio-card:hover .clyx-mock-browser{
	transform:translateY(-3px) rotate(0deg);
	transition:transform .25s ease;
}


/* v0.3.8 emergency restore guard
   Restores full-width rendering if Elementor/theme wrappers constrain the shortcode after a bad update. */
.clyx-page,
#clyftic-new-home{
	width:100% !important;
	max-width:none !important;
	margin-left:0 !important;
	margin-right:0 !important;
	overflow:hidden;
}

.elementor-widget-shortcode .clyx-page,
.elementor-shortcode .clyx-page,
.entry-content .clyx-page,
.site-main .clyx-page{
	width:100vw !important;
	max-width:100vw !important;
	margin-left:calc(50% - 50vw) !important;
	margin-right:calc(50% - 50vw) !important;
}

.clyx-page .clyx-wrap{
	width:min(1280px,calc(100% - 44px));
	margin-left:auto;
	margin-right:auto;
}

.clyx-hero,
.clyx-section,
.clyx-trust{
	width:100%;
}


/* v0.3.9 platform shortcode compatibility */
.clyx-page .cly-platforms-home{
	width:100vw !important;
	max-width:100vw !important;
	margin-left:calc(50% - 50vw) !important;
	margin-right:calc(50% - 50vw) !important;
}

.clyx-page .cly-platforms-home *{
	box-sizing:border-box;
}

.clyx-page .cly-platforms-home h2,
.clyx-page .cly-platforms-home h3,
.clyx-page .cly-platforms-home h4,
.clyx-page .cly-platforms-home p{
	text-shadow:none;
}

.clyx-page .cly-platforms-home .cly-platform-home-card{
	text-align:left;
}

.clyx-page .cly-platforms-home .cly-platform-home-image span{
	color:#ffffff !important;
	background:linear-gradient(135deg,#6d28d9,#21D5F0) !important;
}


/* v0.3.10 - AI Systems dark section title/readability fix
   Later light-section rules were overriding the AI Systems title and subtitle. */
.clyx-page .clyx-agents{
	position:relative;
	color:#ffffff !important;
	background:
		radial-gradient(900px 420px at 18% 8%, rgba(33,213,240,.13), transparent 62%),
		radial-gradient(900px 460px at 84% 20%, rgba(0,0,0,.16), transparent 64%),
		linear-gradient(145deg,#050505 0%,#0A0A0A 100%) !important;
}

.clyx-page .clyx-agents .clyx-section-head,
.clyx-page .clyx-agents .clyx-section-head.clyx-light{
	position:relative;
	z-index:2;
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

.clyx-page .clyx-agents .clyx-kicker,
.clyx-page .clyx-agents .clyx-section-head .clyx-kicker{
	color:#21D5F0 !important;
	opacity:1 !important;
	text-shadow:0 0 18px rgba(33,213,240,.22);
}

.clyx-page .clyx-agents .clyx-section-head h2,
.clyx-page .clyx-agents .clyx-section-head.clyx-light h2{
	display:block !important;
	visibility:visible !important;
	opacity:1 !important;
	color:#ffffff !important;
	text-shadow:0 18px 44px rgba(0,0,0,.30);
}

.clyx-page .clyx-agents .clyx-section-head p:not(.clyx-kicker),
.clyx-page .clyx-agents .clyx-section-head.clyx-light p:not(.clyx-kicker){
	display:block !important;
	visibility:visible !important;
	opacity:1 !important;
	color:rgba(232,244,250,.76) !important;
	text-shadow:none !important;
}

.clyx-page .clyx-agents .clyx-agent-grid{
	position:relative;
	z-index:2;
}

.clyx-page .clyx-agents .clyx-agent-card{
	background:linear-gradient(180deg,rgba(255,255,255,.090),rgba(255,255,255,.038)) !important;
	border:1px solid rgba(227,233,238,.13) !important;
	box-shadow:0 28px 80px rgba(0,0,0,.22) !important;
}

.clyx-page .clyx-agents .clyx-agent-card span{
	color:#050505 !important;
	background:linear-gradient(135deg,#21D5F0,#3DE8FF) !important;
}

.clyx-page .clyx-agents .clyx-agent-card h3{
	color:#ffffff !important;
	opacity:1 !important;
}

.clyx-page .clyx-agents .clyx-agent-card p{
	color:rgba(232,244,250,.76) !important;
	opacity:1 !important;
}


/* v0.3.11 CFO dashboard showcase in landing hero */
.clyx-hero-product-stage{
	position:relative;
	width:min(620px,100%);
	min-height:520px;
	display:flex;
	align-items:center;
	justify-content:center;
	perspective:1200px;
}

.clyx-dashboard-showcase{
	position:relative;
	width:min(610px,100%);
	border-radius:30px;
	overflow:hidden;
	background:
		radial-gradient(circle at 18% 8%,rgba(33,213,240,.16),transparent 34%),
		linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
	border:1px solid rgba(227,233,238,.14);
	box-shadow:
		0 36px 110px rgba(0,0,0,.38),
		0 0 0 1px rgba(33,213,240,.05) inset,
		inset 0 1px 0 rgba(255,255,255,.10);
	transform:rotateX(4deg) rotateY(-7deg);
	transform-origin:center;
	animation:clyxDashboardFloat 6.5s ease-in-out infinite;
}

@keyframes clyxDashboardFloat{
	0%,100%{transform:rotateX(4deg) rotateY(-7deg) translateY(0);}
	50%{transform:rotateX(2deg) rotateY(-5deg) translateY(-12px);}
}

.clyx-dashboard-showcase::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:3;
	pointer-events:none;
	background:
		linear-gradient(90deg,rgba(255,255,255,.08),transparent 26%,transparent 72%,rgba(33,213,240,.06)),
		radial-gradient(circle at 50% 0,rgba(33,213,240,.16),transparent 34%);
	mix-blend-mode:screen;
}

.clyx-dashboard-showcase::after{
	content:"";
	position:absolute;
	left:-18%;
	top:-40%;
	width:38%;
	height:170%;
	z-index:4;
	pointer-events:none;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
	transform:rotate(18deg) translateX(-120%);
	animation:clyxDashboardShine 7s ease-in-out infinite;
}

@keyframes clyxDashboardShine{
	0%,50%{transform:rotate(18deg) translateX(-140%);opacity:0;}
	68%{opacity:.9;}
	100%{transform:rotate(18deg) translateX(360%);opacity:0;}
}

.clyx-dashboard-top{
	height:48px;
	display:flex;
	align-items:center;
	gap:8px;
	padding:0 18px;
	background:rgba(0,0,0,.72);
	border-bottom:1px solid rgba(227,233,238,.10);
	position:relative;
	z-index:5;
}

.clyx-dashboard-top span{
	width:9px;
	height:9px;
	border-radius:999px;
	background:#21D5F0;
	box-shadow:0 0 14px rgba(33,213,240,.55);
}

.clyx-dashboard-top b{
	margin-left:auto;
	color:rgba(232,244,250,.70);
	font-size:11px;
	font-weight:950;
	letter-spacing:.14em;
}

.clyx-dashboard-shot-wrap{
	position:relative;
	aspect-ratio:16/9;
	overflow:hidden;
	background:#050505;
}

.clyx-dashboard-shot{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top;
	display:block;
	filter:saturate(1.03) contrast(1.04) brightness(.92);
}

.clyx-dashboard-glass-label{
	position:absolute;
	left:22px;
	right:22px;
	bottom:22px;
	z-index:6;
	padding:16px 18px;
	border-radius:18px;
	background:rgba(0,0,0,.72);
	border:1px solid rgba(33,213,240,.18);
	box-shadow:0 18px 54px rgba(0,0,0,.24);
	backdrop-filter:blur(16px);
	-webkit-backdrop-filter:blur(16px);
}

.clyx-dashboard-glass-label span{
	display:block;
	color:#21D5F0;
	font-size:11px;
	font-weight:950;
	letter-spacing:.13em;
	text-transform:uppercase;
}

.clyx-dashboard-glass-label strong{
	display:block;
	margin-top:6px;
	color:#ffffff;
	font-size:14px;
	line-height:1.35;
	font-weight:800;
}

.clyx-mini-network-card{
	position:absolute;
	right:-12px;
	top:14px;
	width:142px;
	height:142px;
	border-radius:26px;
	display:grid;
	place-items:center;
	background:rgba(0,0,0,.70);
	border:1px solid rgba(33,213,240,.18);
	box-shadow:0 22px 70px rgba(0,0,0,.30);
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
	animation:clyxMiniFloat 5.8s ease-in-out infinite;
	z-index:8;
}

@keyframes clyxMiniFloat{
	0%,100%{transform:translateY(0) rotate(0deg);}
	50%{transform:translateY(-10px) rotate(1deg);}
}

.clyx-network-svg-mini{
	width:76%;
	filter:drop-shadow(0 0 20px rgba(33,213,240,.36));
}

.clyx-hero-proof-chip{
	position:absolute;
	z-index:9;
	min-width:150px;
	padding:14px 16px;
	border-radius:18px;
	background:rgba(255,255,255,.085);
	border:1px solid rgba(227,233,238,.14);
	box-shadow:0 20px 60px rgba(0,0,0,.26);
	backdrop-filter:blur(16px);
	-webkit-backdrop-filter:blur(16px);
}

.clyx-hero-proof-chip small{
	display:block;
	color:#9fb7c2;
	font-size:10px;
	font-weight:950;
	letter-spacing:.12em;
	text-transform:uppercase;
}

.clyx-hero-proof-chip b{
	display:block;
	margin-top:5px;
	color:#ffffff;
	font-size:14px;
	font-weight:950;
}

.clyx-chip-a{
	left:-18px;
	bottom:104px;
	animation:clyxChipFloatA 6.2s ease-in-out infinite;
}

.clyx-chip-b{
	right:20px;
	bottom:-2px;
	animation:clyxChipFloatB 7s ease-in-out infinite;
}

@keyframes clyxChipFloatA{
	0%,100%{transform:translateY(0);}
	50%{transform:translateY(-8px);}
}
@keyframes clyxChipFloatB{
	0%,100%{transform:translateY(0);}
	50%{transform:translateY(8px);}
}

/* Keep older network-card CSS available for standalone shortcode but do not affect the new landing mockup. */
.clyx-hero-visual .clyx-network-card{
	display:none;
}

@media(max-width: 1180px){
	.clyx-hero-grid{
		grid-template-columns:1fr;
		gap:58px;
	}

	.clyx-hero-copy{
		max-width:820px;
	}

	.clyx-hero-product-stage{
		width:min(720px,100%);
		margin:0 auto;
	}
}

@media(max-width: 760px){
	.clyx-hero-product-stage{
		min-height:auto;
		padding:28px 0 12px;
	}

	.clyx-dashboard-showcase{
		transform:none;
		animation:none;
		border-radius:24px;
	}

	.clyx-mini-network-card{
		width:96px;
		height:96px;
		right:8px;
		top:8px;
		border-radius:20px;
		opacity:.88;
	}

	.clyx-hero-proof-chip{
		position:relative;
		left:auto;
		right:auto;
		bottom:auto;
		min-width:0;
		margin-top:12px;
		width:calc(50% - 6px);
		display:inline-block;
		animation:none;
	}

	.clyx-chip-a,
	.clyx-chip-b{
		transform:none;
	}

	.clyx-dashboard-glass-label{
		position:relative;
		left:auto;
		right:auto;
		bottom:auto;
		border-radius:0;
		border-left:0;
		border-right:0;
		border-bottom:0;
		background:rgba(0,0,0,.84);
	}

	.clyx-dashboard-top b{
		font-size:9px;
	}
}


/* v0.3.12 - remove public model/provider wording from landing hero */
.clyx-chip-b small{
	color:#21D5F0 !important;
}

.clyx-chip-b b{
	color:#ffffff !important;
}

/* The uploaded dashboard screenshot includes an internal provider label in the top-right.
   This mask keeps the public landing hero product-safe without editing the original media file. */
.clyx-dashboard-shot-wrap::after{
	content:"Secure AI Layer";
	position:absolute;
	top:0;
	right:0;
	z-index:7;
	width:min(33%,220px);
	height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 16px;
	color:rgba(232,244,250,.72);
	font-size:10px;
	font-weight:950;
	letter-spacing:.13em;
	text-transform:uppercase;
	background:
		linear-gradient(90deg,rgba(0,0,0,.10),rgba(0,0,0,.92) 28%,rgba(0,0,0,.98));
	border-left:1px solid rgba(33,213,240,.08);
	pointer-events:none;
}

@media(max-width: 760px){
	.clyx-dashboard-shot-wrap::after{
		width:42%;
		height:34px;
		font-size:8px;
		padding:0 10px;
	}
}


/* v0.3.13 - restore logo landing visual + move CFO screenshot into Client Proof */
.clyx-hero-visual .clyx-network-card{
	display:grid !important;
}

/* The product screenshot now belongs in Client Proof, not the main landing hero. */
.clyx-hero-product-stage,
.clyx-dashboard-showcase,
.clyx-mini-network-card,
.clyx-hero-proof-chip{
	display:none !important;
}

.clyx-proof .clyx-section-head{
	margin-bottom:40px;
}

.clyx-cfo-proof-showcase{
	position:relative;
	margin:0 auto 34px;
	width:min(1060px,100%);
	border-radius:30px;
	overflow:hidden;
	background:
		radial-gradient(circle at 12% 0,rgba(33,213,240,.14),transparent 32%),
		linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.92));
	border:1px solid rgba(0,0,0,.08);
	box-shadow:0 30px 90px rgba(0,0,0,.13);
}

.clyx-cfo-proof-showcase::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:3;
	pointer-events:none;
	background:
		linear-gradient(180deg,rgba(255,255,255,.04),transparent 34%),
		radial-gradient(circle at 82% 10%,rgba(33,213,240,.11),transparent 34%);
}

.clyx-cfo-proof-shot-wrap{
	position:relative;
	aspect-ratio:16/7.4;
	overflow:hidden;
	background:#050505;
}

.clyx-cfo-proof-shot-wrap::before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:44px;
	z-index:5;
	background:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.48),transparent);
	pointer-events:none;
}

/* Hide internal provider/model wording in the public screenshot. */
.clyx-cfo-proof-shot-wrap::after{
	content:"Secure AI Layer";
	position:absolute;
	top:0;
	right:0;
	z-index:6;
	width:min(33%,240px);
	height:44px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 16px;
	color:rgba(232,244,250,.72);
	font-size:10px;
	font-weight:950;
	letter-spacing:.13em;
	text-transform:uppercase;
	background:
		linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.92) 28%,rgba(0,0,0,.98));
	border-left:1px solid rgba(33,213,240,.08);
	pointer-events:none;
}

.clyx-cfo-proof-shot{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center top;
	display:block;
	filter:saturate(1.03) contrast(1.04) brightness(.84);
	transform:scale(1.01);
}

.clyx-cfo-proof-caption{
	position:absolute;
	left:24px;
	right:24px;
	bottom:24px;
	z-index:7;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:22px;
	padding:16px 18px;
	border-radius:18px;
	background:rgba(0,0,0,.78);
	border:1px solid rgba(33,213,240,.17);
	box-shadow:0 18px 54px rgba(0,0,0,.22);
	backdrop-filter:blur(16px);
	-webkit-backdrop-filter:blur(16px);
}

.clyx-cfo-proof-caption span{
	flex:0 0 auto;
	color:#21D5F0;
	font-size:11px;
	font-weight:950;
	letter-spacing:.13em;
	text-transform:uppercase;
}

.clyx-cfo-proof-caption strong{
	color:#ffffff;
	font-size:14px;
	line-height:1.38;
	font-weight:800;
	text-align:right;
	max-width:620px;
}

@media(max-width: 900px){
	.clyx-cfo-proof-shot-wrap{
		aspect-ratio:16/9;
	}

	.clyx-cfo-proof-caption{
		position:relative;
		left:auto;
		right:auto;
		bottom:auto;
		border-left:0;
		border-right:0;
		border-bottom:0;
		border-radius:0;
		display:block;
	}

	.clyx-cfo-proof-caption strong{
		display:block;
		margin-top:8px;
		text-align:left;
	}

	.clyx-cfo-proof-shot-wrap::after{
		width:42%;
		height:36px;
		font-size:8px;
	}
}

@media(max-width: 640px){
	.clyx-cfo-proof-showcase{
		border-radius:24px;
	}

	.clyx-cfo-proof-shot-wrap{
		aspect-ratio:4/3;
	}

	.clyx-cfo-proof-shot{
		object-position:center top;
	}
}


/* v0.3.16 Luna basic website chat */
.clyx-luna-chat{
	position:fixed;
	right:22px;
	bottom:22px;
	z-index:999999;
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.clyx-chat-fab{
	display:inline-flex;
	align-items:center;
	gap:10px;
	min-height:58px;
	padding:0 18px 0 10px;
	border:1px solid rgba(33,213,240,.24);
	border-radius:999px;
	background:linear-gradient(135deg,rgba(0,0,0,.92),rgba(16,33,59,.90));
	color:#ffffff;
	box-shadow:0 22px 70px rgba(0,0,0,.28),0 0 42px rgba(33,213,240,.16);
	cursor:pointer;
	backdrop-filter:blur(16px);
	-webkit-backdrop-filter:blur(16px);
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.clyx-chat-fab:hover{
	transform:translateY(-3px);
	border-color:rgba(33,213,240,.42);
	box-shadow:0 26px 80px rgba(0,0,0,.34),0 0 54px rgba(33,213,240,.22);
}

.clyx-chat-fab-orb{
	width:42px;
	height:42px;
	border-radius:999px;
	display:grid;
	place-items:center;
	background:linear-gradient(135deg,#21D5F0,#3DE8FF);
	color:#050505;
	font-size:18px;
	font-weight:950;
	box-shadow:0 0 22px rgba(33,213,240,.38);
}

.clyx-chat-fab-text{
	font-size:14px;
	font-weight:950;
	letter-spacing:-.01em;
}

.clyx-chat-panel{
	position:absolute;
	right:0;
	bottom:74px;
	width:min(390px,calc(100vw - 32px));
	height:min(610px,calc(100vh - 124px));
	display:flex;
	flex-direction:column;
	overflow:hidden;
	border-radius:28px;
	background:
		radial-gradient(circle at 10% 0,rgba(33,213,240,.16),transparent 36%),
		linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,0,0,.96));
	border:1px solid rgba(227,233,238,.13);
	box-shadow:0 34px 120px rgba(0,0,0,.42);
	backdrop-filter:blur(18px);
	-webkit-backdrop-filter:blur(18px);
	transform:translateY(14px) scale(.96);
	opacity:0;
	pointer-events:none;
	transition:opacity .24s ease, transform .24s ease;
}

.clyx-luna-chat.is-open .clyx-chat-panel{
	opacity:1;
	pointer-events:auto;
	transform:translateY(0) scale(1);
}

.clyx-chat-head{
	min-height:74px;
	display:flex;
	align-items:center;
	gap:12px;
	padding:16px;
	border-bottom:1px solid rgba(227,233,238,.10);
	background:rgba(255,255,255,.035);
}

.clyx-chat-avatar{
	width:44px;
	height:44px;
	border-radius:16px;
	display:grid;
	place-items:center;
	background:linear-gradient(135deg,#21D5F0,#3DE8FF);
	color:#050505;
	font-size:20px;
	font-weight:950;
	box-shadow:0 0 28px rgba(33,213,240,.28);
}

.clyx-chat-head strong{
	display:block;
	color:#ffffff;
	font-size:16px;
	line-height:1.1;
	font-weight:950;
}

.clyx-chat-head span{
	display:block;
	margin-top:4px;
	color:#9fb7c2;
	font-size:12px;
	font-weight:700;
}

.clyx-chat-head button{
	margin-left:auto;
	width:38px;
	height:38px;
	border-radius:999px;
	border:1px solid rgba(255,255,255,.12);
	background:rgba(255,255,255,.055);
	color:#ffffff;
	font-size:24px;
	line-height:1;
	cursor:pointer;
}

.clyx-chat-body{
	flex:1;
	overflow:auto;
	padding:18px;
	scroll-behavior:smooth;
}

.clyx-chat-body::-webkit-scrollbar{
	width:6px;
}

.clyx-chat-body::-webkit-scrollbar-thumb{
	background:rgba(33,213,240,.26);
	border-radius:999px;
}

.clyx-chat-message{
	max-width:88%;
	margin:0 0 12px;
	padding:12px 14px;
	border-radius:18px;
	font-size:14px;
	line-height:1.55;
}

.clyx-chat-message p{
	margin:0;
}

.clyx-chat-message.luna{
	background:rgba(255,255,255,.075);
	border:1px solid rgba(227,233,238,.10);
	color:#e8f4fa;
	border-bottom-left-radius:7px;
}

.clyx-chat-message.user{
	margin-left:auto;
	background:linear-gradient(135deg,#21D5F0,#3DE8FF);
	color:#050505;
	font-weight:800;
	border-bottom-right-radius:7px;
}

.clyx-chat-message a{
	color:#3DE8FF;
	font-weight:900;
	text-decoration:none;
}

.clyx-chat-message.user a{
	color:#050505;
	text-decoration:underline;
}

.clyx-chat-quick{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:14px;
}

.clyx-chat-quick button{
	border:1px solid rgba(33,213,240,.18);
	border-radius:999px;
	background:rgba(33,213,240,.08);
	color:#c9f9ff;
	font-size:12px;
	font-weight:900;
	padding:9px 11px;
	cursor:pointer;
	transition:background .2s ease, transform .2s ease;
}

.clyx-chat-quick button:hover{
	background:rgba(33,213,240,.14);
	transform:translateY(-1px);
}

.clyx-chat-form{
	display:flex;
	gap:10px;
	padding:14px;
	border-top:1px solid rgba(227,233,238,.10);
	background:rgba(255,255,255,.035);
}

.clyx-chat-form input{
	flex:1;
	height:46px;
	min-width:0;
	border:1px solid rgba(227,233,238,.14);
	border-radius:999px;
	background:rgba(255,255,255,.07);
	color:#ffffff;
	padding:0 16px;
	outline:none;
	font-size:14px;
}

.clyx-chat-form input::placeholder{
	color:#8aa1ad;
}

.clyx-chat-form input:focus{
	border-color:rgba(33,213,240,.42);
	box-shadow:0 0 0 3px rgba(33,213,240,.08);
}

.clyx-chat-form button{
	width:46px;
	height:46px;
	border:0;
	border-radius:999px;
	background:linear-gradient(135deg,#21D5F0,#3DE8FF);
	color:#050505;
	font-size:20px;
	font-weight:950;
	cursor:pointer;
	box-shadow:0 14px 34px rgba(33,213,240,.20);
}

@media(max-width: 680px){
	.clyx-luna-chat{
		right:14px;
		bottom:14px;
	}

	.clyx-chat-fab-text{
		display:none;
	}

	.clyx-chat-fab{
		padding:8px;
		min-height:56px;
	}

	.clyx-chat-panel{
		right:-2px;
		bottom:68px;
		width:calc(100vw - 24px);
		height:min(620px,calc(100vh - 96px));
		border-radius:24px;
	}
}


/* v0.3.17 Luna chat visibility fix
   Rendered from wp_footer so it is outside Elementor/homepage wrappers. */
html body .clyx-luna-chat{
	position:fixed !important;
	right:22px !important;
	bottom:22px !important;
	z-index:2147483647 !important;
	display:block !important;
	visibility:visible !important;
	opacity:1 !important;
	pointer-events:auto !important;
	transform:none !important;
	contain:none !important;
}

html body.admin-bar .clyx-luna-chat{
	bottom:22px !important;
}

html body .clyx-luna-chat .clyx-chat-fab{
	display:inline-flex !important;
	visibility:visible !important;
	opacity:1 !important;
	pointer-events:auto !important;
}

html body .clyx-luna-chat .clyx-chat-panel{
	z-index:2147483647 !important;
}

@media(max-width:680px){
	html body .clyx-luna-chat{
		right:14px !important;
		bottom:14px !important;
	}
}


/* v0.3.18 - definitive Luna chat render/action fix */
html body .clyx-luna-chat{
	position:fixed !important;
	right:24px !important;
	bottom:24px !important;
	z-index:2147483647 !important;
	display:block !important;
	visibility:visible !important;
	opacity:1 !important;
	pointer-events:auto !important;
}

html body .clyx-chat-fab{
	display:inline-flex !important;
	position:relative !important;
	align-items:center !important;
	justify-content:center !important;
}

html body .clyx-chat-fab::after{
	content:"";
	position:absolute;
	inset:-7px;
	border-radius:999px;
	border:1px solid rgba(33,213,240,.22);
	animation:clyxChatPulse 2.3s ease-in-out infinite;
	pointer-events:none;
}

@keyframes clyxChatPulse{
	0%,100%{opacity:.28;transform:scale(1);}
	50%{opacity:.82;transform:scale(1.08);}
}


/* v0.3.19 - New Contact Page shortcode [cly_contact_page] */
.cly-contact-page *,
.cly-contact-page *::before,
.cly-contact-page *::after{
	box-sizing:border-box;
}

.cly-contact-page{
	--cly-light:#F0F4F7;
	--cly-white:#FFFFFF;
	--cly-ink:#0A0A0A;
	--cly-muted:#5B6B7F;
	--cly-dark:#050505;
	--cly-dark-2:#0A0A0A;
	--cly-cyan:#21D5F0;
	--cly-cyan-2:#3DE8FF;
	--cly-blue:#111111;
	width:100vw;
	max-width:100vw;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
	overflow:hidden;
	background:var(--cly-light);
	color:var(--cly-ink);
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.cly-contact-page .cly-wrap{
	width:min(1240px,calc(100% - 44px));
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:2;
}

.cly-contact-page .cly-section{
	position:relative;
	padding:110px 0;
}

.cly-contact-page .cly-kicker{
	display:inline-flex;
	align-items:center;
	gap:10px;
	margin:0 0 16px;
	color:var(--cly-blue);
	font-size:12px;
	font-weight:950;
	text-transform:uppercase;
	letter-spacing:.16em;
}

.cly-contact-page .cly-kicker::before{
	content:"";
	width:8px;
	height:8px;
	border-radius:999px;
	background:linear-gradient(135deg,var(--cly-cyan),var(--cly-blue));
	box-shadow:0 0 18px rgba(33,213,240,.55);
}

.cly-contact-page .cly-section-head{
	max-width:820px;
	margin:0 0 52px;
}

.cly-contact-page .cly-section-head.center{
	text-align:center;
	margin:0 auto 56px;
}

.cly-contact-page .cly-section-head h2,
.cly-contact-page .cly-info-copy h2,
.cly-contact-page .cly-contact-cta-card h2,
.cly-contact-page .cly-social-card h2{
	margin:0 0 18px;
	color:var(--cly-ink);
	font-size:clamp(36px,4.8vw,66px);
	line-height:.98;
	font-weight:950;
	letter-spacing:-.055em;
}

.cly-contact-page .cly-section-head p,
.cly-contact-page .cly-contact-cta-card p,
.cly-contact-page .cly-social-card p{
	margin:0;
	color:var(--cly-muted);
	font-size:17px;
	line-height:1.85;
}

.cly-contact-page .cly-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	padding:0 24px;
	border-radius:999px;
	text-decoration:none !important;
	font-size:14px;
	font-weight:950;
	transition:.28s ease;
	white-space:nowrap;
}

.cly-contact-page .cly-btn-primary{
	color:#050505 !important;
	background:linear-gradient(135deg,#21D5F0,#3DE8FF);
	box-shadow:0 18px 42px rgba(33,213,240,.22);
}

.cly-contact-page .cly-btn-secondary{
	color:var(--cly-ink) !important;
	background:#fff;
	border:1px solid rgba(0,0,0,.12);
	box-shadow:0 16px 38px rgba(0,0,0,.08);
}

.cly-contact-page .cly-btn:hover{
	transform:translateY(-3px);
}

/* Contact hero */
.cly-contact-page .cly-contact-hero{
	position:relative;
	overflow:hidden;
	padding:150px 0 110px;
	background:
		radial-gradient(circle at 12% 18%,rgba(33,213,240,.13),transparent 32%),
		radial-gradient(circle at 88% 20%,rgba(0,0,0,.14),transparent 36%),
		linear-gradient(135deg,#FFFFFF 0%,#F0F4F7 48%,#EAFBFF 100%);
}

.cly-contact-page .cly-contact-bg{
	position:absolute;
	inset:0;
	pointer-events:none;
	overflow:hidden;
}

.cly-contact-page .cly-contact-orb{
	position:absolute;
	width:440px;
	height:440px;
	border-radius:999px;
	filter:blur(60px);
	opacity:.42;
}

.cly-contact-page .orb-one{
	left:-140px;
	top:40px;
	background:rgba(33,213,240,.22);
}

.cly-contact-page .orb-two{
	right:-150px;
	top:110px;
	background:rgba(0,0,0,.18);
}

.cly-contact-page .cly-contact-grid-bg{
	position:absolute;
	inset:0;
	background-image:
		linear-gradient(rgba(33,213,240,.075) 1px, transparent 1px),
		linear-gradient(90deg,rgba(33,213,240,.075) 1px, transparent 1px);
	background-size:72px 72px;
	mask-image:linear-gradient(to bottom,black,transparent 80%);
	opacity:.7;
}

.cly-contact-page .cly-contact-hero-grid{
	display:grid;
	grid-template-columns:1.05fr .95fr;
	gap:64px;
	align-items:center;
}

.cly-contact-page .cly-contact-hero h1{
	margin:0 0 24px;
	color:var(--cly-ink);
	font-size:clamp(52px,7vw,96px);
	line-height:.92;
	font-weight:950;
	letter-spacing:-.075em;
}

.cly-contact-page .cly-contact-hero h1 span{
	display:block;
	background:linear-gradient(135deg,#0A0A0A 0%,#111111 42%,#21D5F0 100%);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}

.cly-contact-page .cly-page-intro{
	max-width:720px;
	margin:0 0 34px;
	color:var(--cly-muted);
	font-size:18px;
	line-height:1.9;
}

.cly-contact-page .cly-contact-hero-actions{
	display:flex;
	gap:14px;
	flex-wrap:wrap;
}

/* Contact console */
.cly-contact-page .cly-contact-console{
	position:relative;
	padding:24px;
	border-radius:42px;
	background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.58));
	border:1px solid rgba(33,213,240,.16);
	box-shadow:0 35px 100px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.8);
	overflow:hidden;
}

.cly-contact-page .cly-contact-console::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		radial-gradient(circle at 18% 15%,rgba(33,213,240,.16),transparent 30%),
		radial-gradient(circle at 85% 55%,rgba(0,0,0,.14),transparent 35%);
}

.cly-contact-page .cly-console-top,
.cly-contact-page .cly-console-main,
.cly-contact-page .cly-console-routes{
	position:relative;
	z-index:2;
}

.cly-contact-page .cly-console-top{
	display:flex;
	align-items:center;
	gap:7px;
	margin-bottom:18px;
}

.cly-contact-page .cly-console-top span{
	width:10px;
	height:10px;
	border-radius:50%;
	background:#21D5F0;
}

.cly-contact-page .cly-console-top span:nth-child(2){background:#3DE8FF}
.cly-contact-page .cly-console-top span:nth-child(3){background:#111111}

.cly-contact-page .cly-console-top p{
	margin:0 0 0 auto;
	color:#0A0A0A;
	font-size:11px;
	font-weight:950;
	letter-spacing:.12em;
	text-transform:uppercase;
}

.cly-contact-page .cly-console-main{
	padding:30px;
	border-radius:30px;
	background:linear-gradient(145deg,#050505,#0A0A0A);
	color:#fff;
	box-shadow:0 28px 70px rgba(0,0,0,.24);
}

.cly-contact-page .cly-console-main small{
	display:block;
	margin-bottom:12px;
	color:#3DE8FF;
	font-size:11px;
	font-weight:950;
	text-transform:uppercase;
	letter-spacing:.14em;
}

.cly-contact-page .cly-console-main h3{
	margin:0 0 12px;
	color:#fff;
	font-size:32px;
	line-height:1.04;
	font-weight:950;
	letter-spacing:-.045em;
}

.cly-contact-page .cly-console-main p{
	margin:0;
	color:rgba(232,244,250,.72);
	font-size:14px;
	line-height:1.75;
}

.cly-contact-page .cly-console-routes{
	display:grid;
	gap:12px;
	margin-top:16px;
}

.cly-contact-page .cly-console-routes div{
	padding:16px;
	border-radius:20px;
	background:rgba(255,255,255,.82);
	border:1px solid rgba(0,0,0,.08);
	box-shadow:0 14px 38px rgba(0,0,0,.08);
}

.cly-contact-page .cly-console-routes span{
	display:block;
	margin-bottom:8px;
	color:#111111;
	font-size:11px;
	font-weight:950;
}

.cly-contact-page .cly-console-routes strong{
	display:block;
	margin-bottom:6px;
	color:var(--cly-ink);
	font-size:16px;
	font-weight:950;
}

.cly-contact-page .cly-console-routes small{
	display:block;
	color:var(--cly-muted);
	font-size:12px;
	line-height:1.6;
}

/* Cards */
.cly-contact-page .cly-contact-paths{
	background:
		radial-gradient(circle at 90% 20%,rgba(33,213,240,.10),transparent 30%),
		linear-gradient(180deg,#F0F4F7,#FFFFFF);
}

.cly-contact-page .cly-contact-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:22px;
}

.cly-contact-page .cly-contact-card{
	position:relative;
	min-height:300px;
	padding:30px;
	border-radius:34px;
	background:rgba(255,255,255,.88);
	border:1px solid rgba(0,0,0,.08);
	box-shadow:0 24px 70px rgba(0,0,0,.09);
	overflow:hidden;
	transition:.28s ease;
}

.cly-contact-page .cly-contact-card::before{
	content:"";
	position:absolute;
	width:160px;
	height:160px;
	right:-54px;
	top:-54px;
	border-radius:999px;
	background:rgba(33,213,240,.16);
	filter:blur(18px);
}

.cly-contact-page .cly-contact-card.featured{
	background:
		radial-gradient(circle at 75% 0%,rgba(33,213,240,.13),transparent 34%),
		linear-gradient(180deg,#FFFFFF,#F8FCFF);
	border-color:rgba(33,213,240,.20);
}

.cly-contact-page .cly-contact-card:hover{
	transform:translateY(-7px);
	border-color:rgba(33,213,240,.26);
}

.cly-contact-page .cly-contact-icon{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	width:56px;
	height:56px;
	margin-bottom:22px;
	border-radius:18px;
	background:linear-gradient(135deg,rgba(33,213,240,.15),rgba(0,0,0,.12));
	border:1px solid rgba(33,213,240,.20);
	color:#050505;
	font-size:14px;
	font-weight:950;
	box-shadow:0 14px 34px rgba(0,0,0,.10);
}

.cly-contact-page .cly-contact-card h3{
	position:relative;
	margin:0 0 14px;
	color:var(--cly-ink);
	font-size:28px;
	font-weight:950;
	letter-spacing:-.035em;
}

.cly-contact-page .cly-contact-card p{
	position:relative;
	margin:0 0 22px;
	color:var(--cly-muted);
	line-height:1.85;
	font-size:15px;
}

.cly-contact-page .cly-contact-card-footer a{
	position:relative;
	display:inline-flex;
	align-items:center;
	min-height:38px;
	padding:0 14px;
	border-radius:999px;
	background:rgba(33,213,240,.10);
	color:#050505;
	font-size:12px;
	font-weight:950;
	text-decoration:none !important;
}

/* Info section */
.cly-contact-page .cly-contact-info-section{
	background:
		radial-gradient(circle at 50% 0%,rgba(33,213,240,.14),transparent 34%),
		linear-gradient(180deg,#050505,#050914);
	color:#fff;
}

.cly-contact-page .cly-contact-info-section .cly-kicker{
	color:#3DE8FF;
}

.cly-contact-page .cly-contact-info-grid{
	display:grid;
	grid-template-columns:.9fr 1.1fr;
	gap:54px;
	align-items:center;
}

.cly-contact-page .cly-info-copy h2{
	color:#fff;
}

.cly-contact-page .cly-info-copy p{
	margin:0;
	max-width:680px;
	color:rgba(232,244,250,.76);
	font-size:17px;
	line-height:1.85;
}

.cly-contact-page .cly-direct-contact{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:26px;
}

.cly-contact-page .cly-direct-contact a{
	display:inline-flex;
	align-items:center;
	min-height:40px;
	padding:0 14px;
	border-radius:999px;
	background:rgba(33,213,240,.08);
	border:1px solid rgba(33,213,240,.16);
	color:#d9fbff;
	font-size:13px;
	font-weight:850;
	text-decoration:none !important;
}

.cly-contact-page .cly-info-panel{
	display:grid;
	gap:14px;
}

.cly-contact-page .cly-info-row{
	display:grid;
	grid-template-columns:50px 1fr;
	gap:16px;
	padding:22px;
	border-radius:26px;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.10);
}

.cly-contact-page .cly-info-row > span{
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border-radius:16px;
	background:rgba(33,213,240,.10);
	color:#3DE8FF;
	font-size:12px;
	font-weight:950;
}

.cly-contact-page .cly-info-row strong{
	display:block;
	margin-bottom:6px;
	color:#fff;
	font-size:18px;
	font-weight:950;
}

.cly-contact-page .cly-info-row p{
	margin:0;
	color:rgba(232,244,250,.72);
	line-height:1.75;
	font-size:14px;
}

/* Social + CTA */
.cly-contact-page .cly-social-section,
.cly-contact-page .cly-contact-cta-section{
	background:
		radial-gradient(circle at 50% 0%,rgba(33,213,240,.10),transparent 32%),
		linear-gradient(180deg,#FFFFFF,#F0F4F7);
}

.cly-contact-page .cly-social-card,
.cly-contact-page .cly-contact-cta-card{
	max-width:980px;
	margin:0 auto;
	text-align:center;
	padding:60px 42px;
	border-radius:38px;
	background:
		radial-gradient(circle at 70% 0%,rgba(33,213,240,.11),transparent 34%),
		linear-gradient(145deg,rgba(255,255,255,.94),rgba(255,255,255,.76));
	border:1px solid rgba(0,0,0,.08);
	box-shadow:0 24px 70px rgba(0,0,0,.09);
}

.cly-contact-page .cly-social-card{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:34px;
	text-align:left;
}

.cly-contact-page .cly-social-actions,
.cly-contact-page .cly-contact-cta-actions{
	display:flex;
	justify-content:center;
	gap:14px;
	flex-wrap:wrap;
}

.cly-contact-page .cly-social-actions a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	padding:0 24px;
	border-radius:999px;
	background:linear-gradient(135deg,#21D5F0,#3DE8FF);
	color:#050505 !important;
	text-decoration:none !important;
	font-size:14px;
	font-weight:950;
	white-space:nowrap;
}

/* Responsive */
@media(max-width:1100px){
	.cly-contact-page .cly-contact-hero-grid,
	.cly-contact-page .cly-contact-info-grid{
		grid-template-columns:1fr;
	}

	.cly-contact-page .cly-contact-hero-copy{
		text-align:center;
	}

	.cly-contact-page .cly-page-intro,
	.cly-contact-page .cly-contact-hero-actions{
		margin-left:auto;
		margin-right:auto;
		justify-content:center;
	}
}

@media(max-width:980px){
	.cly-contact-page .cly-section{
		padding:85px 0;
	}

	.cly-contact-page .cly-contact-hero{
		padding:125px 0 85px;
	}

	.cly-contact-page .cly-contact-grid{
		grid-template-columns:1fr;
	}

	.cly-contact-page .cly-social-card{
		display:block;
		text-align:center;
	}
}

@media(max-width:680px){
	.cly-contact-page .cly-wrap{
		width:min(100% - 28px, 1240px);
	}

	.cly-contact-page .cly-contact-hero h1{
		font-size:clamp(42px,13vw,62px);
	}

	.cly-contact-page .cly-contact-hero-actions,
	.cly-contact-page .cly-contact-cta-actions,
	.cly-contact-page .cly-social-actions{
		flex-direction:column;
	}

	.cly-contact-page .cly-contact-console,
	.cly-contact-page .cly-contact-card,
	.cly-contact-page .cly-info-row,
	.cly-contact-page .cly-contact-cta-card,
	.cly-contact-page .cly-social-card{
		padding:24px;
		border-radius:28px;
	}

	.cly-contact-page .cly-console-main{
		padding:24px;
	}

	.cly-contact-page .cly-console-main h3{
		font-size:28px;
	}

	.cly-contact-page .cly-info-row{
		grid-template-columns:1fr;
	}
}


/* v0.3.20 - Luna chatbot behavior/content update */
.clyx-chat-message.luna{
	color:#e8f4fa;
}

.clyx-chat-message.luna p{
	white-space:normal;
}

.clyx-chat-quick button{
	text-align:left;
}


/* v0.3.21 Luna chat lead save messages */
.clyx-chat-message.luna strong{
	color:#ffffff;
	font-weight:950;
}


/* v0.3.22 - Luna conversation blueprint UI */
.clyx-chat-message.luna strong{
	color:#ffffff;
	font-weight:950;
}

.clyx-chat-main-paths{
	display:grid;
	grid-template-columns:1fr;
	gap:9px;
	margin-top:14px;
}

.clyx-chat-main-paths button,
.clyx-chat-inline-chips button{
	text-align:left;
}

.clyx-chat-quick button.is-primary-path,
.clyx-chat-inline-chips button.is-primary-path{
	background:linear-gradient(135deg,rgba(33,213,240,.16),rgba(0,0,0,.12));
	border-color:rgba(33,213,240,.28);
	color:#ffffff;
}

.clyx-chat-inline-chips{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:8px 0 14px;
}

.clyx-chat-inline-chips button{
	border:1px solid rgba(33,213,240,.18);
	border-radius:999px;
	background:rgba(33,213,240,.08);
	color:#c9f9ff;
	font-size:12px;
	font-weight:900;
	padding:9px 11px;
	cursor:pointer;
	transition:background .2s ease, transform .2s ease;
}

.clyx-chat-inline-chips button:hover{
	background:rgba(33,213,240,.14);
	transform:translateY(-1px);
}

.clyx-chat-faq{
	display:flex;
	gap:8px;
	padding:10px 14px;
	overflow-x:auto;
	border-top:1px solid rgba(227,233,238,.08);
	background:rgba(255,255,255,.025);
	scrollbar-width:thin;
}

.clyx-chat-faq button{
	flex:0 0 auto;
	border:1px solid rgba(227,233,238,.11);
	border-radius:999px;
	background:rgba(255,255,255,.055);
	color:#cfe6ee;
	font-size:11px;
	font-weight:900;
	padding:8px 10px;
	cursor:pointer;
	white-space:nowrap;
}

.clyx-chat-faq button:hover{
	border-color:rgba(33,213,240,.25);
	color:#ffffff;
	background:rgba(33,213,240,.08);
}


/* v0.3.26 - Aloka landing hero */
.clyx-aloka-hero{
	position:relative;
	min-height:820px;
	padding:140px 0 95px;
	overflow:hidden;
	background:
		radial-gradient(circle at 10% 45%, rgba(33,213,240,.17), transparent 32%),
		radial-gradient(circle at 88% 28%, rgba(0,0,0,.28), transparent 38%),
		linear-gradient(135deg, #070707 0%, #050505 42%, #0A0A0A 100%);
	isolation:isolate;
}

.clyx-aloka-hero::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		linear-gradient(rgba(33,213,240,.060) 1px, transparent 1px),
		linear-gradient(90deg, rgba(33,213,240,.060) 1px, transparent 1px);
	background-size:72px 72px;
	mask-image:linear-gradient(to bottom, rgba(0,0,0,.95), rgba(0,0,0,.40) 70%, transparent);
	pointer-events:none;
	z-index:0;
}

.clyx-aloka-hero::after{
	content:"";
	position:absolute;
	inset:auto -10% -40% -10%;
	height:44%;
	background:linear-gradient(to bottom, transparent, rgba(240,244,247,.98));
	pointer-events:none;
	z-index:1;
}

.clyx-aloka-hero .clyx-wrap{
	position:relative;
	z-index:3;
}

.clyx-aloka-hero-bg{
	position:absolute;
	inset:0;
	background:
		radial-gradient(circle at 72% 48%, rgba(33,213,240,.12), transparent 28%),
		radial-gradient(circle at 22% 70%, rgba(33,213,240,.08), transparent 34%);
	opacity:1;
	z-index:0;
}

.clyx-aloka-ambient,
.clyx-aloka-grid-bg,
.clyx-aloka-glow,
.clyx-aloka-ring,
.clyx-aloka-node{
	position:absolute;
	pointer-events:none;
	z-index:1;
}

.clyx-aloka-ambient{
	inset:0;
	overflow:hidden;
}

.clyx-aloka-glow{
	width:420px;
	height:420px;
	border-radius:999px;
	filter:blur(70px);
	opacity:.42;
	animation:clyxAlokaGlow 7s ease-in-out infinite;
}

.clyx-aloka-glow.glow-one{
	left:-160px;
	top:260px;
	background:rgba(33,213,240,.35);
}

.clyx-aloka-glow.glow-two{
	right:-120px;
	top:70px;
	background:rgba(0,0,0,.42);
	animation-delay:-2.6s;
}

.clyx-aloka-glow.glow-three{
	right:22%;
	bottom:0;
	background:rgba(33,213,240,.14);
	animation-delay:-4.4s;
}

.clyx-aloka-ring{
	border:1px solid rgba(33,213,240,.16);
	border-radius:999px;
	animation:clyxAlokaOrbit 15s linear infinite;
}

.clyx-aloka-ring.ring-one{
	width:590px;
	height:590px;
	right:8%;
	top:80px;
}

.clyx-aloka-ring.ring-two{
	width:340px;
	height:340px;
	left:-70px;
	bottom:20px;
	animation-duration:20s;
	animation-direction:reverse;
}

.clyx-aloka-node{
	width:13px;
	height:13px;
	border-radius:999px;
	background:#21D5F0;
	box-shadow:0 0 22px rgba(33,213,240,.85);
	animation:clyxAlokaFloat 5.8s ease-in-out infinite;
}

.clyx-aloka-node.node-one{
	right:23%;
	top:250px;
}

.clyx-aloka-node.node-two{
	left:12%;
	bottom:175px;
	animation-delay:-1.8s;
}

.clyx-aloka-node.node-three{
	right:12%;
	bottom:250px;
	animation-delay:-3.2s;
}

.clyx-aloka-hero-grid{
	display:grid;
	grid-template-columns:minmax(0,.94fr) minmax(440px,1.06fr);
	gap:70px;
	align-items:center;
}

.clyx-aloka-copy{
	max-width:760px;
}

.clyx-aloka-brand-lockup{
	display:inline-flex;
	align-items:center;
	max-width:min(520px, 100%);
	margin-bottom:32px;
	padding:17px 20px;
	border-radius:24px;
	background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,255,255,.82));
	border:1px solid rgba(255,255,255,.32);
	box-shadow:
		0 28px 85px rgba(0,0,0,.22),
		0 0 0 1px rgba(33,213,240,.10),
		inset 0 1px 0 rgba(255,255,255,.92);
}

.clyx-aloka-brand-lockup img{
	display:block;
	width:min(455px, 100%);
	height:auto;
	filter:drop-shadow(0 10px 18px rgba(6,21,40,.12));
}

.clyx-aloka-copy .clyx-kicker{
	color:#3DE8FF;
	margin-bottom:18px;
}

.clyx-aloka-copy h1{
	margin:0 0 24px;
	color:#fff;
	font-size:clamp(54px, 6vw, 104px);
	line-height:.88;
	letter-spacing:-.08em;
	font-weight:950;
	text-wrap:balance;
}

.clyx-aloka-copy h1 span{
	background:linear-gradient(135deg, #fff 0%, #dffbff 42%, #21D5F0 100%);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}

.clyx-aloka-copy .clyx-lead{
	max-width:720px;
	color:rgba(232,244,250,.84);
	font-size:clamp(18px, 1.35vw, 23px);
	line-height:1.58;
	margin:0 0 26px;
}

.clyx-aloka-signal-row{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:0 0 32px;
}

.clyx-aloka-signal-row span{
	display:inline-flex;
	align-items:center;
	min-height:38px;
	padding:0 14px;
	border-radius:999px;
	background:rgba(33,213,240,.075);
	border:1px solid rgba(33,213,240,.16);
	color:#d8fbff;
	font-size:12px;
	font-weight:900;
	letter-spacing:.015em;
}

.clyx-aloka-signal-row span::before{
	content:"";
	width:7px;
	height:7px;
	margin-right:8px;
	border-radius:999px;
	background:#21D5F0;
	box-shadow:0 0 16px rgba(33,213,240,.82);
}

.clyx-aloka-actions{
	align-items:center;
}

.clyx-aloka-visual{
	position:relative;
	min-height:570px;
	perspective:1200px;
}

.clyx-aloka-stage{
	position:relative;
	width:min(690px, 100%);
	height:570px;
	margin-left:auto;
	transform-style:preserve-3d;
}

.clyx-aloka-portal{
	position:absolute;
	right:8%;
	top:8%;
	width:410px;
	height:410px;
	border-radius:999px;
	background:
		radial-gradient(circle, rgba(255,255,255,.45) 0%, rgba(61,232,255,.26) 16%, rgba(33,213,240,.08) 42%, transparent 70%);
	box-shadow:
		0 0 70px rgba(33,213,240,.25),
		inset 0 0 50px rgba(255,255,255,.12);
	filter:blur(.2px);
	animation:clyxAlokaPortal 8s ease-in-out infinite;
}

.clyx-aloka-logo-plate{
	position:absolute;
	right:0;
	top:100px;
	width:560px;
	padding:30px;
	border-radius:42px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.17), rgba(255,255,255,.055)),
		linear-gradient(135deg, rgba(33,213,240,.08), rgba(0,0,0,.08));
	border:1px solid rgba(255,255,255,.16);
	box-shadow:
		0 40px 110px rgba(0,0,0,.34),
		inset 0 1px 0 rgba(255,255,255,.18);
	backdrop-filter:blur(18px);
	transform:rotateY(-10deg) rotateX(4deg);
	transform-origin:center;
	animation:clyxAlokaPlate 7s ease-in-out infinite;
}

.clyx-aloka-logo-plate::before{
	content:"";
	position:absolute;
	inset:13px;
	border-radius:32px;
	background:
		linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
	background-size:34px 34px;
	opacity:.65;
	pointer-events:none;
}

.clyx-aloka-logo-3d{
	position:relative;
	z-index:2;
	padding:34px 28px;
	border-radius:30px;
	background:linear-gradient(145deg, rgba(255,255,255,.98), rgba(234,251,255,.92));
	box-shadow:
		0 26px 60px rgba(0,0,0,.25),
		0 0 45px rgba(33,213,240,.15),
		inset 0 1px 0 rgba(255,255,255,.88);
	transform:translateZ(38px);
	overflow:hidden;
}

.clyx-aloka-logo-3d::after{
	content:"";
	position:absolute;
	inset:-60% -20%;
	background:linear-gradient(110deg, transparent 34%, rgba(255,255,255,.66) 48%, transparent 62%);
	opacity:.0;
	animation:clyxAlokaSweep 5.6s ease-in-out infinite;
}

.clyx-aloka-logo-3d img{
	position:relative;
	z-index:2;
	display:block;
	width:100%;
	height:auto;
	filter:
		drop-shadow(0 10px 0 rgba(2,46,90,.05))
		drop-shadow(0 22px 22px rgba(2,46,90,.16));
}

.clyx-aloka-logo-shadow{
	position:absolute;
	left:38px;
	right:38px;
	bottom:19px;
	height:20px;
	border-radius:999px;
	background:rgba(2,46,90,.16);
	filter:blur(18px);
	z-index:1;
}

.clyx-aloka-float-card{
	position:absolute;
	z-index:4;
	min-width:170px;
	padding:17px 18px;
	border-radius:22px;
	background:linear-gradient(145deg, rgba(255,255,255,.17), rgba(255,255,255,.075));
	border:1px solid rgba(255,255,255,.16);
	box-shadow:0 22px 55px rgba(0,0,0,.28);
	backdrop-filter:blur(18px);
	animation:clyxAlokaFloat 6s ease-in-out infinite;
}

.clyx-aloka-float-card small{
	display:block;
	margin-bottom:5px;
	color:#9CEFFC;
	font-size:10px;
	font-weight:950;
	text-transform:uppercase;
	letter-spacing:.13em;
}

.clyx-aloka-float-card strong{
	display:block;
	color:#fff;
	font-size:17px;
	font-weight:950;
}

.clyx-aloka-float-card.card-briefing{
	left:0;
	top:275px;
}

.clyx-aloka-float-card.card-risk{
	right:34px;
	bottom:50px;
	animation-delay:-2.8s;
}

.clyx-aloka-dashboard{
	position:absolute;
	left:56px;
	right:40px;
	bottom:78px;
	z-index:3;
	padding:18px;
	border-radius:28px;
	background:rgba(6,21,40,.78);
	border:1px solid rgba(33,213,240,.20);
	box-shadow:
		0 25px 75px rgba(0,0,0,.28),
		0 0 45px rgba(33,213,240,.10);
	backdrop-filter:blur(16px);
	transform:rotateY(-8deg) rotateX(3deg) translateZ(10px);
}

.clyx-aloka-dash-top{
	display:flex;
	align-items:center;
	gap:7px;
	margin-bottom:14px;
	color:#bceff6;
	font-size:11px;
	font-weight:900;
	letter-spacing:.09em;
	text-transform:uppercase;
}

.clyx-aloka-dash-top i{
	width:9px;
	height:9px;
	border-radius:50%;
	background:#21D5F0;
	box-shadow:0 0 14px rgba(33,213,240,.65);
}

.clyx-aloka-dash-top i:nth-child(2){
	background:#3DE8FF;
}

.clyx-aloka-dash-top i:nth-child(3){
	background:#111111;
}

.clyx-aloka-dash-top span{
	margin-left:auto;
	color:rgba(232,244,250,.62);
}

.clyx-aloka-metrics{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:10px;
}

.clyx-aloka-metrics div{
	padding:14px;
	border-radius:18px;
	background:rgba(255,255,255,.055);
	border:1px solid rgba(255,255,255,.08);
}

.clyx-aloka-metrics small{
	display:block;
	margin-bottom:7px;
	color:#8edce8;
	font-size:10px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:.10em;
}

.clyx-aloka-metrics b{
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:950;
}

.clyx-aloka-flow{
	display:flex;
	gap:9px;
	margin-top:12px;
}

.clyx-aloka-flow span{
	height:9px;
	border-radius:999px;
	background:linear-gradient(90deg, rgba(33,213,240,.20), rgba(61,232,255,.70));
	animation:clyxAlokaBars 2.8s ease-in-out infinite;
}

.clyx-aloka-flow span:nth-child(1){width:36%; animation-delay:-.7s;}
.clyx-aloka-flow span:nth-child(2){width:24%; animation-delay:-1.3s;}
.clyx-aloka-flow span:nth-child(3){width:32%; animation-delay:-2.0s;}

@keyframes clyxAlokaGlow{
	0%,100%{transform:translate3d(0,0,0) scale(1); opacity:.34;}
	50%{transform:translate3d(12px,-16px,0) scale(1.06); opacity:.56;}
}

@keyframes clyxAlokaOrbit{
	to{transform:rotate(360deg);}
}

@keyframes clyxAlokaFloat{
	0%,100%{transform:translate3d(0,0,0);}
	50%{transform:translate3d(0,-14px,0);}
}

@keyframes clyxAlokaPortal{
	0%,100%{transform:scale(1); opacity:.74;}
	50%{transform:scale(1.06); opacity:1;}
}

@keyframes clyxAlokaPlate{
	0%,100%{transform:rotateY(-10deg) rotateX(4deg) translateY(0);}
	50%{transform:rotateY(-7deg) rotateX(2deg) translateY(-10px);}
}

@keyframes clyxAlokaSweep{
	0%,35%{opacity:0; transform:translateX(-30%);}
	52%{opacity:.80;}
	70%,100%{opacity:0; transform:translateX(30%);}
}

@keyframes clyxAlokaBars{
	0%,100%{opacity:.45; transform:scaleX(.72);}
	50%{opacity:1; transform:scaleX(1);}
}

@media (max-width:1180px){
	.clyx-aloka-hero-grid{
		grid-template-columns:1fr;
		gap:54px;
	}

	.clyx-aloka-copy{
		max-width:900px;
		text-align:center;
		margin:0 auto;
	}

	.clyx-aloka-brand-lockup{
		margin-left:auto;
		margin-right:auto;
	}

	.clyx-aloka-signal-row,
	.clyx-aloka-actions{
		justify-content:center;
	}

	.clyx-aloka-visual{
		min-height:500px;
	}

	.clyx-aloka-stage{
		margin:0 auto;
		height:510px;
	}
}

@media (max-width:780px){
	.clyx-aloka-hero{
		min-height:auto;
		padding:118px 0 80px;
	}

	.clyx-aloka-brand-lockup{
		padding:12px 14px;
		border-radius:18px;
	}

	.clyx-aloka-copy h1{
		font-size:clamp(46px, 14vw, 72px);
	}

	.clyx-aloka-copy .clyx-lead{
		font-size:17px;
	}

	.clyx-aloka-stage{
		width:100%;
		height:auto;
		min-height:520px;
	}

	.clyx-aloka-logo-plate{
		left:0;
		right:0;
		width:auto;
		top:80px;
		padding:18px;
		border-radius:30px;
		transform:none;
	}

	.clyx-aloka-logo-3d{
		padding:24px 18px;
		border-radius:22px;
	}

	.clyx-aloka-dashboard{
		left:10px;
		right:10px;
		bottom:72px;
		transform:none;
	}

	.clyx-aloka-metrics{
		grid-template-columns:1fr;
	}

	.clyx-aloka-float-card.card-briefing{
		left:12px;
		top:12px;
	}

	.clyx-aloka-float-card.card-risk{
		right:12px;
		bottom:10px;
	}

	.clyx-aloka-portal{
		width:320px;
		height:320px;
		right:-40px;
		top:50px;
	}
}


/* v0.3.27 - Aloka cinematic landing hero */
.clyx-aloka-cinematic{
	position:relative;
	min-height:930px;
	padding:124px 0 80px;
	background:
		radial-gradient(circle at 12% 28%, rgba(33,213,240,.16), transparent 34%),
		radial-gradient(circle at 88% 26%, rgba(0,0,0,.24), transparent 40%),
		linear-gradient(135deg,#070707 0%,#071324 48%,#0b1c33 100%);
	overflow:hidden;
	isolation:isolate;
}

.clyx-aloka-cinematic::after{
	content:"";
	position:absolute;
	left:0;right:0;bottom:-1px;height:84px;
	background:linear-gradient(to bottom,transparent,#eef4f7);
	z-index:1;
	pointer-events:none;
}

.clyx-aloka-cinema-bg,
.clyx-aloka-cinema-bg span{
	position:absolute;
	inset:0;
	pointer-events:none;
}

.clyx-aloka-cinema-bg{z-index:0;overflow:hidden;}
.clyx-aloka-cinema-bg .grid{
	background:
		linear-gradient(rgba(33,213,240,.07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(33,213,240,.07) 1px, transparent 1px);
	background-size:68px 68px;
	mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.4) 76%,transparent);
	animation:clyxAlokaGridDrift 18s linear infinite;
}
.clyx-aloka-cinema-bg .aura{border-radius:999px;filter:blur(70px);opacity:.55;}
.clyx-aloka-cinema-bg .aura-left{width:480px;height:480px;left:-180px;top:210px;background:rgba(33,213,240,.24);}
.clyx-aloka-cinema-bg .aura-right{width:520px;height:520px;right:-160px;top:110px;background:rgba(0,0,0,.32);}
.clyx-aloka-cinema-bg .orbit{border:1px solid rgba(33,213,240,.12);border-radius:999px;animation:clyxAlokaOrbit 22s linear infinite;}
.clyx-aloka-cinema-bg .orbit-one{width:520px;height:520px;right:11%;top:92px;}
.clyx-aloka-cinema-bg .orbit-two{width:300px;height:300px;left:-80px;bottom:120px;animation-direction:reverse;}

.clyx-aloka-cinema-wrap{position:relative;z-index:2;}
.clyx-aloka-cinema-screen{
	position:relative;
	width:min(1500px,100%);
	margin:0 auto;
	min-height:720px;
	border-radius:32px;
	background:linear-gradient(145deg,rgba(3,14,28,.92),rgba(0,0,0,.96));
	border:1px solid rgba(97,232,255,.22);
	box-shadow:0 55px 150px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04) inset,0 0 90px rgba(33,213,240,.10);
	overflow:hidden;
	backdrop-filter:blur(14px);
}
.clyx-aloka-cinema-screen::before{
	content:"";position:absolute;inset:0;
	background:
		linear-gradient(90deg,rgba(255,255,255,.045),transparent 24%,transparent 74%,rgba(255,255,255,.045)),
		radial-gradient(circle at 56% 40%,rgba(33,213,240,.18),transparent 34%);
	pointer-events:none;
}

.clyx-aloka-screen-top{
	position:relative;z-index:5;
	display:flex;align-items:center;justify-content:space-between;
	padding:28px 36px 0;
}
.clyx-aloka-top-brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;font-size:15px;}
.clyx-aloka-top-brand img{width:148px;height:auto;display:block;filter:brightness(1.25) drop-shadow(0 0 18px rgba(33,213,240,.18));}
.clyx-aloka-top-brand span{color:rgba(255,255,255,.85);}
.clyx-aloka-mini-contact{
	display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 16px;border-radius:999px;
	background:#21D5F0;color:#070707;text-decoration:none;font-size:12px;font-weight:950;box-shadow:0 14px 35px rgba(33,213,240,.22);
}

.clyx-aloka-cinema-layout{position:relative;min-height:660px;padding:0 36px 38px;display:grid;grid-template-columns:360px minmax(380px,1fr) 300px;gap:28px;align-items:center;}

.clyx-aloka-copy-panel{
	position:relative;z-index:7;
	padding:38px 34px;border-radius:28px;
	background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.055));
	border:1px solid rgba(255,255,255,.18);
	box-shadow:0 35px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.14);
	backdrop-filter:blur(18px);
}
.clyx-aloka-copy-panel .clyx-kicker{margin:0 0 18px;color:#3DE8FF;font-size:11px;letter-spacing:.14em;}
.clyx-aloka-copy-panel h1{margin:0 0 22px;color:#fff;font-size:clamp(34px,3.05vw,54px);line-height:1.06;letter-spacing:-.055em;font-weight:950;}
.clyx-aloka-copy-panel h1 span{color:#43e9ff;}
.clyx-aloka-copy-panel h1 b{color:#21D5F0;font-weight:950;}
.clyx-aloka-copy-panel p{margin:0 0 28px;color:rgba(238,250,255,.84);font-size:16px;line-height:1.65;}
.clyx-aloka-cta-row{display:flex;flex-wrap:wrap;gap:12px;}
.clyx-aloka-cta-row .clyx-btn{min-height:50px;padding:0 22px;}

.clyx-aloka-chaos{position:absolute;left:0;top:70px;bottom:0;width:48%;z-index:1;background:radial-gradient(circle at 30% 45%,rgba(255,255,255,.08),transparent 32%);overflow:hidden;}
.clyx-aloka-chaos::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 80%);}
.clyx-aloka-chaos .paper,
.clyx-aloka-chaos .shard{position:absolute;display:block;opacity:.55;animation:clyxAlokaDebris 8s ease-in-out infinite;}
.clyx-aloka-chaos .paper{width:54px;height:74px;border-radius:5px;background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.10);transform:rotate(-18deg);}
.clyx-aloka-chaos .p1{left:36%;top:12%;}.clyx-aloka-chaos .p2{left:58%;top:22%;animation-delay:-1.2s;transform:rotate(16deg)}.clyx-aloka-chaos .p3{left:48%;bottom:21%;animation-delay:-2.4s}.clyx-aloka-chaos .p4{left:18%;bottom:32%;animation-delay:-3.6s;transform:rotate(26deg)}
.clyx-aloka-chaos .shard{width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:24px solid rgba(33,213,240,.38);filter:drop-shadow(0 0 12px rgba(33,213,240,.18));}
.clyx-aloka-chaos .s1{left:70%;top:30%;}.clyx-aloka-chaos .s2{left:64%;top:46%;animation-delay:-1.7s}.clyx-aloka-chaos .s3{left:78%;bottom:30%;animation-delay:-2.9s}.clyx-aloka-chaos .s4{left:36%;top:39%;animation-delay:-4s}.clyx-aloka-chaos .s5{left:28%;top:20%;animation-delay:-5s}
.clyx-aloka-chaos .tag{position:absolute;padding:8px 10px;border-radius:8px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.68);font-size:11px;font-style:normal;font-weight:800;box-shadow:0 12px 28px rgba(0,0,0,.18);}
.clyx-aloka-chaos .t1{left:52%;top:19%;}.clyx-aloka-chaos .t2{left:45%;top:31%;}.clyx-aloka-chaos .t3{left:61%;top:48%;}.clyx-aloka-chaos .t4{left:52%;bottom:27%;}.clyx-aloka-chaos .t5{left:68%;bottom:17%;}

.clyx-aloka-portal-line{position:absolute;left:49%;top:82px;bottom:38px;width:3px;z-index:4;background:linear-gradient(to bottom,transparent,#4fefff 18%,#111111 54%,#4fefff 82%,transparent);box-shadow:0 0 26px rgba(33,213,240,.85),0 0 90px rgba(0,0,0,.50);animation:clyxAlokaPulse 3.4s ease-in-out infinite;}

.clyx-aloka-executive{position:absolute;z-index:6;left:45.6%;bottom:70px;width:125px;height:365px;transform:translateX(-50%);filter:drop-shadow(0 0 28px rgba(33,213,240,.32));}
.clyx-aloka-executive .head{position:absolute;top:0;left:47px;width:38px;height:45px;border-radius:50% 50% 45% 45%;background:linear-gradient(145deg,#0c223e,#2f557c);box-shadow:inset 10px 0 18px rgba(0,0,0,.35),0 0 18px rgba(33,213,240,.23);}
.clyx-aloka-executive .body{position:absolute;top:47px;left:37px;width:58px;height:145px;border-radius:28px 28px 18px 18px;background:linear-gradient(90deg,rgba(7,15,28,.92) 0%,rgba(16,43,70,.92) 47%,rgba(31,222,255,.42) 100%);border:1px solid rgba(33,213,240,.28);}
.clyx-aloka-executive .arm,.clyx-aloka-executive .leg{position:absolute;background:linear-gradient(180deg,rgba(8,23,42,.96),rgba(33,213,240,.38));border-radius:999px;transform-origin:top;}
.clyx-aloka-executive .arm.left{top:68px;left:22px;width:18px;height:130px;transform:rotate(12deg)}.clyx-aloka-executive .arm.right{top:68px;right:12px;width:18px;height:135px;transform:rotate(-16deg)}
.clyx-aloka-executive .leg.left{top:180px;left:42px;width:20px;height:180px;transform:rotate(8deg)}.clyx-aloka-executive .leg.right{top:180px;left:73px;width:20px;height:183px;transform:rotate(-9deg)}
.clyx-aloka-executive .wire{position:absolute;right:16px;width:75px;height:1px;background:rgba(33,213,240,.7);box-shadow:0 0 14px rgba(33,213,240,.6);transform:rotate(-18deg);}
.clyx-aloka-executive .w1{top:92px}.clyx-aloka-executive .w2{top:132px;width:96px}.clyx-aloka-executive .w3{top:172px;width:60px}

.clyx-aloka-intel-zone{position:relative;z-index:3;grid-column:2/3;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:46px 20px 34px 96px;}
.clyx-aloka-main-title{max-width:520px;margin:0 0 24px auto;color:#fff;font-size:clamp(42px,3.8vw,70px);line-height:1.06;letter-spacing:-.045em;font-weight:950;text-transform:uppercase;}
.clyx-aloka-main-title span{display:block;color:#3DE8FF;text-shadow:0 0 35px rgba(33,213,240,.22);}

.clyx-aloka-dashboard-cluster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:520px;margin-left:auto;}
.clyx-aloka-dashboard-cluster .dash-card{min-height:122px;padding:16px;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045));border:1px solid rgba(142,244,255,.17);box-shadow:0 18px 44px rgba(0,0,0,.18);backdrop-filter:blur(12px);}
.clyx-aloka-dashboard-cluster small{display:block;margin-bottom:9px;color:#b7eff8;text-transform:uppercase;letter-spacing:.10em;font-size:9px;font-weight:950;}
.clyx-aloka-dashboard-cluster strong{display:block;color:#3DE8FF;font-size:26px;line-height:1;font-weight:950;}
.clyx-aloka-dashboard-cluster p{margin:8px 0 0;color:rgba(238,250,255,.68);font-size:12px;line-height:1.35;}
.clyx-aloka-dashboard-cluster span{color:rgba(238,250,255,.7);font-size:12px;font-weight:800;}
.clyx-aloka-dashboard-cluster .gauge{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#21D5F0 0 87%,rgba(255,255,255,.1) 87%);position:relative;margin-bottom:8px;}
.clyx-aloka-dashboard-cluster .gauge::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#0b1c33;}.clyx-aloka-dashboard-cluster .gauge b{position:relative;z-index:2;color:#fff;font-size:15px;}
.clyx-aloka-dashboard-cluster .bars{display:flex;gap:5px;align-items:end;height:42px;margin-top:14px;}.clyx-aloka-dashboard-cluster .bars i{flex:1;border-radius:999px 999px 0 0;background:linear-gradient(to top,#111111,#21D5F0);}.clyx-aloka-dashboard-cluster .bars i:nth-child(1){height:35%}.clyx-aloka-dashboard-cluster .bars i:nth-child(2){height:55%}.clyx-aloka-dashboard-cluster .bars i:nth-child(3){height:43%}.clyx-aloka-dashboard-cluster .bars i:nth-child(4){height:72%}.clyx-aloka-dashboard-cluster .bars i:nth-child(5){height:90%}
.clyx-aloka-dashboard-cluster .action{grid-column:1/-1;min-height:auto;}

.clyx-aloka-data-road{position:absolute;left:0;right:0;bottom:76px;height:90px;z-index:-1;opacity:.78;}
.clyx-aloka-data-road span{position:absolute;left:20%;right:0;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(33,213,240,.86),transparent);box-shadow:0 0 22px rgba(33,213,240,.75);transform:skewY(-7deg);animation:clyxAlokaRoad 3s ease-in-out infinite;}.clyx-aloka-data-road span:nth-child(2){top:28px;animation-delay:-1s}.clyx-aloka-data-road span:nth-child(3){top:56px;animation-delay:-2s}

.clyx-aloka-brand-tower{position:relative;z-index:6;grid-column:3/4;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 26px;border-left:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(5,18,36,.16),rgba(11,33,62,.54));}
.clyx-aloka-brand-tower::after{content:"";position:absolute;left:12px;right:12px;bottom:20px;height:120px;background:radial-gradient(ellipse at center,rgba(33,213,240,.14),transparent 65%);}
.clyx-aloka-brand-tower img{position:relative;z-index:2;width:min(235px,100%);height:auto;margin:26px 0 22px;filter:brightness(1.45) drop-shadow(0 0 28px rgba(33,213,240,.18));}
.clyx-aloka-brand-tower p{position:relative;z-index:2;color:rgba(238,250,255,.84);font-size:18px;line-height:1.35;text-align:center;margin:0;}
.clyx-aloka-3d-mark{position:relative;width:178px;height:178px;border-radius:42px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(33,213,240,.19),rgba(0,0,0,.07));box-shadow:0 30px 90px rgba(33,213,240,.12), inset 0 1px 0 rgba(255,255,255,.16);transform:perspective(620px) rotateY(-15deg) rotateX(8deg);}
.clyx-aloka-3d-mark .mark-core{font-size:118px;line-height:1;font-weight:950;color:transparent;-webkit-text-stroke:12px #21D5F0;text-shadow:0 0 28px rgba(33,213,240,.78),0 20px 35px rgba(0,0,0,.45);font-family:Inter,system-ui,sans-serif;}
.clyx-aloka-3d-mark i{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#fff;transform:translate(-50%,-50%) scale(.12);box-shadow:0 0 18px #fff,0 0 45px #21D5F0,0 0 95px #111111;animation:clyxAlokaSpark 2.4s ease-in-out infinite;}

@keyframes clyxAlokaGridDrift{to{background-position:68px 68px;}}
@keyframes clyxAlokaDebris{0%,100%{transform:translate3d(0,0,0) rotate(-8deg);opacity:.38}50%{transform:translate3d(12px,-18px,0) rotate(12deg);opacity:.72}}
@keyframes clyxAlokaPulse{0%,100%{opacity:.65;filter:brightness(1)}50%{opacity:1;filter:brightness(1.45)}}
@keyframes clyxAlokaRoad{0%,100%{opacity:.32;transform:translateX(-16px) skewY(-7deg)}50%{opacity:1;transform:translateX(12px) skewY(-7deg)}}
@keyframes clyxAlokaSpark{0%,100%{opacity:.72;transform:translate(-50%,-50%) scale(.10)}50%{opacity:1;transform:translate(-50%,-50%) scale(.18)}}

@media(max-width:1280px){
	.clyx-aloka-cinema-layout{grid-template-columns:340px 1fr;}
	.clyx-aloka-brand-tower{grid-column:1/-1;min-height:220px;display:grid;grid-template-columns:170px 1fr;gap:24px;text-align:left;border-left:0;border-top:1px solid rgba(255,255,255,.08);}
	.clyx-aloka-brand-tower img{margin:0;width:230px}.clyx-aloka-brand-tower p{text-align:left}.clyx-aloka-3d-mark{width:150px;height:150px}.clyx-aloka-3d-mark .mark-core{font-size:96px}
}
@media(max-width:980px){
	.clyx-aloka-cinematic{padding-top:110px;}
	.clyx-aloka-cinema-screen{border-radius:24px;}
	.clyx-aloka-cinema-layout{grid-template-columns:1fr;gap:30px;padding:28px;}
	.clyx-aloka-chaos,.clyx-aloka-executive,.clyx-aloka-portal-line{display:none;}
	.clyx-aloka-copy-panel{max-width:620px;margin:0 auto;text-align:center;}
	.clyx-aloka-cta-row{justify-content:center;}
	.clyx-aloka-intel-zone{grid-column:auto;padding:20px 0;text-align:center;}
	.clyx-aloka-main-title{margin:0 auto 22px;}
	.clyx-aloka-dashboard-cluster{margin:0 auto;}
	.clyx-aloka-brand-tower{grid-column:auto;grid-template-columns:1fr;justify-items:center;text-align:center;}.clyx-aloka-brand-tower p{text-align:center;}
}
@media(max-width:640px){
	.clyx-aloka-cinema-screen{min-height:auto;}
	.clyx-aloka-screen-top{padding:22px 20px 0;}
	.clyx-aloka-top-brand img{width:122px;}.clyx-aloka-top-brand span{display:none;}
	.clyx-aloka-cinema-layout{padding:22px 18px 34px;}
	.clyx-aloka-copy-panel{padding:28px 22px;}
	.clyx-aloka-copy-panel h1{font-size:38px;}
	.clyx-aloka-dashboard-cluster{grid-template-columns:1fr;}
	.clyx-aloka-dashboard-cluster .action{grid-column:auto;}
	.clyx-aloka-main-title{font-size:38px;}
}


/* v0.3.28 - Aloka image-backed hero */
.clyx-aloka-image-hero{
	position:relative;
	min-height:860px;
	padding:118px 0 92px;
	background:#050505;
	overflow:hidden;
	isolation:isolate;
}

.clyx-aloka-image-layer{
	position:absolute;
	inset:0;
	background-image:var(--clyx-aloka-bg);
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	transform:scale(1.02);
	z-index:0;
}

.clyx-aloka-hero-shade{
	position:absolute;
	inset:0;
	background:
		linear-gradient(90deg, rgba(4,12,24,.14) 0%, rgba(4,12,24,.06) 46%, rgba(4,12,24,.34) 100%),
		linear-gradient(180deg, rgba(4,12,24,.12) 0%, rgba(4,12,24,.05) 55%, rgba(4,12,24,.42) 100%);
	z-index:1;
	pointer-events:none;
}

.clyx-aloka-hero-noise{
	position:absolute;
	inset:0;
	background:
		radial-gradient(circle at 58% 38%, rgba(33,213,240,.16), transparent 28%),
		radial-gradient(circle at 24% 50%, rgba(33,213,240,.08), transparent 27%),
		linear-gradient(rgba(33,213,240,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(33,213,240,.045) 1px, transparent 1px);
	background-size:auto, auto, 76px 76px, 76px 76px;
	mix-blend-mode:screen;
	opacity:.72;
	z-index:2;
	pointer-events:none;
}

.clyx-aloka-image-hero-inner{
	position:relative;
	z-index:4;
	min-height:650px;
}

.clyx-aloka-left-panel{
	position:absolute;
	left:0;
	top:110px;
	width:min(420px, 92vw);
	padding:42px 40px;
	border-radius:30px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.17), rgba(255,255,255,.06)),
		radial-gradient(circle at 78% 20%, rgba(33,213,240,.10), transparent 44%);
	border:1px solid rgba(255,255,255,.26);
	box-shadow:
		0 34px 90px rgba(0,0,0,.36),
		inset 0 1px 0 rgba(255,255,255,.16);
	backdrop-filter:blur(18px);
}

.clyx-aloka-left-panel .clyx-kicker{
	color:#3DE8FF;
	margin:0 0 24px;
	letter-spacing:.14em;
}

.clyx-aloka-left-panel h1{
	margin:0 0 26px;
	color:#fff;
	font-size:clamp(42px, 4.3vw, 66px);
	line-height:.98;
	letter-spacing:-.065em;
	font-weight:950;
	text-shadow:0 14px 44px rgba(0,0,0,.32);
}

.clyx-aloka-left-panel h1 span{
	color:#31DDF1;
	text-shadow:0 0 28px rgba(49,221,241,.24);
}

.clyx-aloka-left-panel .clyx-lead{
	margin:0;
	color:rgba(242,249,252,.88);
	font-size:17px;
	line-height:1.62;
	max-width:100%;
}

.clyx-aloka-mini-line{
	width:42px;
	height:3px;
	border-radius:999px;
	background:#31DDF1;
	box-shadow:0 0 22px rgba(49,221,241,.7);
	margin:26px 0 28px;
}

.clyx-aloka-left-panel .clyx-actions{
	gap:14px;
}

.clyx-aloka-left-panel .clyx-btn{
	min-height:52px;
}

.clyx-aloka-right-panel{
	position:absolute;
	right:0;
	top:92px;
	width:305px;
	min-height:550px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	text-align:center;
	padding:36px 28px;
	border-left:1px solid rgba(255,255,255,.11);
	background:
		linear-gradient(180deg, rgba(8,28,55,.32), rgba(8,28,55,.10)),
		radial-gradient(circle at 50% 74%, rgba(33,213,240,.12), transparent 42%);
}

.clyx-aloka-mark-tile{
	width:164px;
	height:164px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 34px;
	border-radius:34px;
	background:linear-gradient(145deg, rgba(33,213,240,.20), rgba(0,0,0,.12));
	border:1px solid rgba(33,213,240,.22);
	box-shadow:
		0 0 70px rgba(33,213,240,.20),
		inset 0 1px 0 rgba(255,255,255,.16);
	backdrop-filter:blur(12px);
	animation:clyxAlokaTilePulse 5.4s ease-in-out infinite;
}

.clyx-aloka-mark-tile img{
	width:180px;
	max-width:150%;
	height:auto;
	filter:
		drop-shadow(0 12px 24px rgba(0,0,0,.35))
		drop-shadow(0 0 22px rgba(33,213,240,.38));
}

.clyx-aloka-right-panel p{
	margin:0;
	color:rgba(242,249,252,.86);
	font-size:21px;
	line-height:1.38;
	font-weight:750;
	text-shadow:0 14px 36px rgba(0,0,0,.28);
}

.clyx-aloka-floating-card{
	position:absolute;
	z-index:5;
	width:210px;
	padding:17px 18px;
	border-radius:17px;
	background:rgba(0,0,0,.42);
	border:1px solid rgba(255,255,255,.22);
	box-shadow:0 24px 70px rgba(0,0,0,.28);
	backdrop-filter:blur(10px);
	animation:clyxAlokaFloatCard 6s ease-in-out infinite;
}

.clyx-aloka-floating-card small{
	display:block;
	margin-bottom:6px;
	color:#98F2FF;
	font-size:10px;
	font-weight:950;
	text-transform:uppercase;
	letter-spacing:.11em;
}

.clyx-aloka-floating-card strong{
	display:block;
	color:#fff;
	font-size:18px;
	font-weight:950;
}

.clyx-aloka-floating-card span{
	display:block;
	margin-top:12px;
	height:7px;
	border-radius:999px;
	background:linear-gradient(90deg, rgba(33,213,240,.25), rgba(33,213,240,.88));
}

.clyx-aloka-card-one{
	left:51%;
	top:455px;
}

.clyx-aloka-card-two{
	left:63%;
	top:450px;
	animation-delay:-2.1s;
}

.clyx-aloka-card-three{
	left:54%;
	bottom:34px;
	width:360px;
	animation-delay:-3.6s;
}

@keyframes clyxAlokaTilePulse{
	0%,100%{transform:translateY(0) scale(1); box-shadow:0 0 70px rgba(33,213,240,.20), inset 0 1px 0 rgba(255,255,255,.16);}
	50%{transform:translateY(-8px) scale(1.025); box-shadow:0 0 94px rgba(33,213,240,.32), inset 0 1px 0 rgba(255,255,255,.20);}
}

@keyframes clyxAlokaFloatCard{
	0%,100%{transform:translate3d(0,0,0);}
	50%{transform:translate3d(0,-12px,0);}
}

@media(max-width:1220px){
	.clyx-aloka-image-hero{
		min-height:980px;
	}

	.clyx-aloka-image-layer{
		background-position:center center;
	}

	.clyx-aloka-left-panel{
		top:70px;
		left:24px;
	}

	.clyx-aloka-right-panel{
		right:24px;
		width:270px;
	}

	.clyx-aloka-card-one,
	.clyx-aloka-card-two{
		display:none;
	}

	.clyx-aloka-card-three{
		left:auto;
		right:48px;
		bottom:80px;
	}
}

@media(max-width:860px){
	.clyx-aloka-image-hero{
		min-height:980px;
		padding:104px 0 70px;
	}

	.clyx-aloka-image-layer{
		background-position:center center;
		filter:brightness(.86);
	}

	.clyx-aloka-left-panel{
		position:relative;
		left:auto;
		top:auto;
		margin:0 auto;
		width:min(520px, 92vw);
		padding:32px 26px;
	}

	.clyx-aloka-right-panel{
		position:relative;
		right:auto;
		top:auto;
		width:min(520px, 92vw);
		min-height:auto;
		margin:32px auto 0;
		padding:28px 24px;
		border:1px solid rgba(255,255,255,.14);
		border-radius:26px;
		background:rgba(0,0,0,.42);
		backdrop-filter:blur(12px);
	}

	.clyx-aloka-mark-tile{
		width:128px;
		height:128px;
		margin-bottom:20px;
	}

	.clyx-aloka-card-three{
		display:none;
	}
}

@media(max-width:560px){
	.clyx-aloka-left-panel h1{
		font-size:43px;
	}

	.clyx-aloka-left-panel .clyx-actions{
		flex-direction:column;
		align-items:stretch;
	}

	.clyx-aloka-left-panel .clyx-btn{
		width:100%;
	}
}


/* v0.3.29 - Aloka final background-image landing hero */
.clyx-aloka-final-hero{
	position:relative;
	min-height:940px;
	padding:118px 0 96px;
	background:#061426;
	overflow:hidden;
	isolation:isolate;
}

.clyx-aloka-final-bg{
	position:absolute;
	inset:0;
	background-image:var(--clyx-aloka-bg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	transform:scale(1.015);
	z-index:0;
}

.clyx-aloka-final-vignette{
	position:absolute;
	inset:0;
	background:
		linear-gradient(90deg, rgba(2,10,20,.20) 0%, rgba(2,10,20,.03) 43%, rgba(2,10,20,.42) 100%),
		linear-gradient(180deg, rgba(2,10,20,.22) 0%, rgba(2,10,20,.02) 45%, rgba(2,10,20,.56) 100%),
		radial-gradient(circle at 61% 43%, rgba(45,224,249,.18), transparent 22%),
		radial-gradient(circle at 82% 48%, rgba(0,0,0,.18), transparent 28%);
	z-index:1;
	pointer-events:none;
}

.clyx-aloka-final-gridlines{
	position:absolute;
	inset:0;
	background:
		linear-gradient(rgba(45,224,249,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(45,224,249,.045) 1px, transparent 1px);
	background-size:78px 78px;
	mix-blend-mode:screen;
	opacity:.62;
	z-index:2;
	pointer-events:none;
}

.clyx-aloka-final-wrap{
	position:relative;
	z-index:4;
	min-height:710px;
}

.clyx-aloka-final-topline{
	display:inline-flex;
	align-items:center;
	gap:18px;
	min-height:54px;
	padding:10px 16px;
	border-radius:18px;
	background:rgba(3,16,32,.36);
	border:1px solid rgba(255,255,255,.10);
	backdrop-filter:blur(14px);
	box-shadow:0 18px 50px rgba(0,0,0,.18);
}

.clyx-aloka-final-topline img{
	display:block;
	width:clamp(150px, 14vw, 230px);
	height:auto;
	filter:drop-shadow(0 0 18px rgba(45,224,249,.18));
}

.clyx-aloka-final-topline span{
	width:1px;
	height:30px;
	background:rgba(255,255,255,.25);
}

.clyx-aloka-final-topline strong{
	color:#fff;
	font-size:18px;
	font-weight:900;
	letter-spacing:-.02em;
}

.clyx-aloka-final-layout{
	position:relative;
	display:grid;
	grid-template-columns:minmax(360px, 450px) minmax(260px, 1fr) minmax(320px, 420px);
	gap:42px;
	align-items:center;
	min-height:650px;
	padding-top:64px;
}

.clyx-aloka-final-copy{
	position:relative;
	z-index:5;
	padding:44px 42px;
	border-radius:30px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.065)),
		radial-gradient(circle at 80% 18%, rgba(45,224,249,.10), transparent 45%);
	border:1px solid rgba(255,255,255,.28);
	box-shadow:
		0 34px 95px rgba(0,0,0,.42),
		inset 0 1px 0 rgba(255,255,255,.16);
	backdrop-filter:blur(20px);
}

.clyx-aloka-final-copy .clyx-kicker{
	margin:0 0 24px;
	color:#3DE8FF;
	font-size:12px;
	letter-spacing:.14em;
}

.clyx-aloka-final-copy h1{
	margin:0 0 22px;
	font-size:clamp(45px, 4.45vw, 70px);
	line-height:.99;
	letter-spacing:-.065em;
	font-weight:950;
	color:#fff;
	text-shadow:0 16px 44px rgba(0,0,0,.34);
}

.clyx-aloka-final-copy h1 span{
	color:#36DFF2;
	text-shadow:0 0 25px rgba(54,223,242,.30);
}

.clyx-aloka-final-copy .clyx-lead{
	max-width:100%;
	margin:0;
	color:rgba(245,250,252,.88);
	font-size:17px;
	line-height:1.64;
}

.clyx-aloka-final-rule{
	display:block;
	width:44px;
	height:3px;
	margin:26px 0 28px;
	border-radius:999px;
	background:#31DDF1;
	box-shadow:0 0 22px rgba(49,221,241,.72);
}

.clyx-aloka-final-actions{
	gap:14px;
	align-items:center;
}

.clyx-aloka-final-actions .clyx-btn{
	min-height:54px;
	padding-left:24px;
	padding-right:24px;
}

.clyx-aloka-final-actions .clyx-btn-primary span{
	margin-left:10px;
	font-size:18px;
}

.clyx-aloka-final-middle{
	position:relative;
	min-height:430px;
}

.clyx-aloka-final-mini{
	position:absolute;
	width:230px;
	padding:18px 19px;
	border-radius:18px;
	background:rgba(5,20,38,.50);
	border:1px solid rgba(255,255,255,.20);
	box-shadow:0 24px 70px rgba(0,0,0,.27);
	backdrop-filter:blur(12px);
	animation:clyxAlokaFinalFloat 6s ease-in-out infinite;
}

.clyx-aloka-final-mini small{
	display:block;
	margin-bottom:8px;
	color:#96F2FF;
	font-size:10px;
	font-weight:950;
	letter-spacing:.11em;
	text-transform:uppercase;
}

.clyx-aloka-final-mini strong{
	display:block;
	color:#fff;
	font-size:19px;
	font-weight:950;
}

.clyx-aloka-final-mini span{
	display:block;
	width:100%;
	height:7px;
	margin-top:14px;
	border-radius:999px;
	background:linear-gradient(90deg, rgba(54,223,242,.23), rgba(54,223,242,.92));
}

.clyx-aloka-mini-a{left:6%; bottom:126px;}
.clyx-aloka-mini-b{right:4%; bottom:132px; animation-delay:-2s;}
.clyx-aloka-mini-c{left:20%; bottom:38px; width:340px; animation-delay:-3.4s;}

.clyx-aloka-final-brand{
	position:relative;
	z-index:5;
	justify-self:end;
	width:min(410px, 100%);
	padding:34px 30px;
	border-radius:32px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.055)),
		radial-gradient(circle at 50% 18%, rgba(45,224,249,.12), transparent 44%);
	border:1px solid rgba(255,255,255,.18);
	box-shadow:0 35px 100px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.14);
	backdrop-filter:blur(18px);
	text-align:center;
}

.clyx-aloka-final-logo-card{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 24px;
	padding:24px 22px;
	min-height:150px;
	border-radius:28px;
	background:
		linear-gradient(145deg, rgba(255,255,255,.98), rgba(229,250,255,.90)),
		radial-gradient(circle at 28% 20%, rgba(54,223,242,.20), transparent 34%);
	border:1px solid rgba(255,255,255,.54);
	box-shadow:
		0 22px 64px rgba(0,0,0,.26),
		0 0 56px rgba(54,223,242,.16),
		inset 0 1px 0 rgba(255,255,255,.85);
	animation:clyxAlokaFinalLogoPulse 5.5s ease-in-out infinite;
}

.clyx-aloka-final-logo-card img{
	display:block;
	width:100%;
	max-width:315px;
	height:auto;
	filter:drop-shadow(0 14px 20px rgba(5,20,38,.16));
}

.clyx-aloka-final-brand p{
	margin:0 0 24px;
	color:rgba(244,250,252,.92);
	font-size:22px;
	font-weight:850;
	line-height:1.35;
	text-shadow:0 14px 34px rgba(0,0,0,.28);
}

.clyx-aloka-final-tags{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:8px;
}

.clyx-aloka-final-tags span{
	display:inline-flex;
	align-items:center;
	min-height:30px;
	padding:0 11px;
	border-radius:999px;
	background:rgba(54,223,242,.10);
	border:1px solid rgba(54,223,242,.18);
	color:#DDFBFF;
	font-size:11px;
	font-weight:900;
}

@keyframes clyxAlokaFinalFloat{
	0%,100%{transform:translate3d(0,0,0);}
	50%{transform:translate3d(0,-12px,0);}
}

@keyframes clyxAlokaFinalLogoPulse{
	0%,100%{transform:translateY(0); box-shadow:0 22px 64px rgba(0,0,0,.26), 0 0 56px rgba(54,223,242,.16), inset 0 1px 0 rgba(255,255,255,.85);}
	50%{transform:translateY(-7px); box-shadow:0 30px 78px rgba(0,0,0,.30), 0 0 72px rgba(54,223,242,.24), inset 0 1px 0 rgba(255,255,255,.90);}
}

@media(max-width:1240px){
	.clyx-aloka-final-hero{min-height:1040px;}
	.clyx-aloka-final-layout{grid-template-columns:minmax(340px, 450px) 1fr; align-items:start;}
	.clyx-aloka-final-brand{grid-column:2; grid-row:1; margin-top:22px;}
	.clyx-aloka-final-middle{grid-column:1 / -1; min-height:260px;}
	.clyx-aloka-mini-a{left:28%; bottom:110px;}
	.clyx-aloka-mini-b{right:20%; bottom:112px;}
	.clyx-aloka-mini-c{left:50%; transform:translateX(-50%); bottom:20px;}
}

@media(max-width:900px){
	.clyx-aloka-final-hero{min-height:auto; padding:106px 0 72px;}
	.clyx-aloka-final-bg{background-position:center center; filter:brightness(.82);}
	.clyx-aloka-final-layout{display:block; padding-top:36px; min-height:0;}
	.clyx-aloka-final-topline{margin-left:20px; margin-right:20px;}
	.clyx-aloka-final-copy,
	.clyx-aloka-final-brand{width:min(540px, calc(100vw - 40px)); margin:0 auto;}
	.clyx-aloka-final-copy{padding:34px 27px;}
	.clyx-aloka-final-brand{margin-top:28px;}
	.clyx-aloka-final-middle{display:none;}
}

@media(max-width:560px){
	.clyx-aloka-final-hero{padding-top:92px;}
	.clyx-aloka-final-topline{gap:12px; padding:9px 12px;}
	.clyx-aloka-final-topline img{width:145px;}
	.clyx-aloka-final-topline strong{font-size:15px;}
	.clyx-aloka-final-copy h1{font-size:42px;}
	.clyx-aloka-final-actions{flex-direction:column; align-items:stretch;}
	.clyx-aloka-final-actions .clyx-btn{width:100%;}
	.clyx-aloka-final-logo-card{min-height:118px; padding:18px;}
	.clyx-aloka-final-brand p{font-size:18px;}
}


/* v0.3.30 - Aloka hero viewport / screen-size fix */
:root{
	--clyx-site-header-height: 90px;
}

/* Keep hero inside one visible screen on desktop */
.clyx-aloka-stable-hero,
.clyx-aloka-image-hero{
	min-height: calc(100svh - var(--clyx-site-header-height)) !important;
	height: calc(100svh - var(--clyx-site-header-height)) !important;
	max-height: 900px;
	padding: 0 !important;
	display: flex;
	align-items: center;
	overflow: hidden !important;
}

/* Background should fill the hero neatly without awkward vertical crop */
.clyx-aloka-stable-hero .clyx-aloka-bg,
.clyx-aloka-image-hero .clyx-aloka-image-layer{
	inset: 0 !important;
	background-size: cover !important;
	background-position: center center !important;
	transform: scale(1.01) !important;
}

/* Main hero content area should not create extra vertical height */
.clyx-aloka-stable-hero .clyx-wrap,
.clyx-aloka-image-hero .clyx-wrap,
.clyx-aloka-stable-inner,
.clyx-aloka-image-hero-inner{
	width: min(1280px, calc(100% - 48px)) !important;
	min-height: auto !important;
	height: auto !important;
	margin: 0 auto !important;
	position: relative !important;
	display: grid !important;
	grid-template-columns: minmax(360px, 460px) 1fr minmax(260px, 340px);
	gap: 28px;
	align-items: center;
}

/* Brand strip should sit cleanly, not take too much vertical space */
.clyx-aloka-brand-strip,
.clyx-aloka-top-lockup{
	position: absolute !important;
	top: -86px !important;
	left: 0 !important;
	width: auto !important;
	max-width: 460px;
	padding: 18px 22px !important;
	border-radius: 22px !important;
	transform: none !important;
	z-index: 8;
}

/* Left card: make it desktop-viewport friendly */
.clyx-aloka-left-panel,
.clyx-aloka-hero-card,
.clyx-aloka-content-card{
	position: relative !important;
	left: auto !important;
	top: auto !important;
	bottom: auto !important;
	width: 100% !important;
	max-width: 460px !important;
	padding: clamp(26px, 3.1vh, 38px) clamp(28px, 2.5vw, 38px) !important;
	border-radius: 28px !important;
	transform: none !important;
	z-index: 5;
}

.clyx-aloka-left-panel .clyx-kicker,
.clyx-aloka-hero-card .clyx-kicker,
.clyx-aloka-content-card .clyx-kicker{
	font-size: clamp(10px, 1.1vh, 13px) !important;
	margin-bottom: clamp(14px, 1.7vh, 22px) !important;
}

.clyx-aloka-left-panel h1,
.clyx-aloka-hero-card h1,
.clyx-aloka-content-card h1{
	font-size: clamp(42px, 5.7vh, 64px) !important;
	line-height: .96 !important;
	letter-spacing: -.065em !important;
	margin-bottom: clamp(16px, 2.2vh, 24px) !important;
}

.clyx-aloka-left-panel .clyx-lead,
.clyx-aloka-hero-card .clyx-lead,
.clyx-aloka-content-card .clyx-lead{
	font-size: clamp(14px, 1.65vh, 17px) !important;
	line-height: 1.55 !important;
	margin-bottom: clamp(14px, 2vh, 22px) !important;
}

.clyx-aloka-mini-line{
	margin: clamp(16px, 2vh, 24px) 0 clamp(18px, 2.4vh, 26px) !important;
}

/* Buttons should remain visible inside the first screen */
.clyx-aloka-actions,
.clyx-aloka-left-panel .clyx-actions,
.clyx-aloka-hero-card .clyx-actions{
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

.clyx-aloka-actions .clyx-btn,
.clyx-aloka-left-panel .clyx-btn,
.clyx-aloka-hero-card .clyx-btn{
	min-height: clamp(44px, 5.2vh, 54px) !important;
	padding: 0 clamp(18px, 1.9vw, 25px) !important;
	font-size: clamp(13px, 1.5vh, 16px) !important;
}

/* Right logo card: keep it inside viewport and improve readability */
.clyx-aloka-right-panel,
.clyx-aloka-logo-panel,
.clyx-aloka-brand-panel{
	position: relative !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	width: 100% !important;
	max-width: 340px !important;
	min-height: auto !important;
	padding: clamp(24px, 3.2vh, 34px) !important;
	border-radius: 30px !important;
	transform: none !important;
	z-index: 5;
	align-self: center;
}

.clyx-aloka-mark-tile,
.clyx-aloka-logo-tile{
	width: min(100%, 260px) !important;
	height: auto !important;
	min-height: 120px !important;
	padding: 18px !important;
	margin: 0 auto clamp(18px, 2.2vh, 26px) !important;
	border-radius: 24px !important;
	background: rgba(244, 251, 253, .94) !important;
	box-shadow: 0 20px 70px rgba(0,0,0,.26), 0 0 50px rgba(33,213,240,.16) !important;
}

.clyx-aloka-mark-tile img,
.clyx-aloka-logo-tile img{
	width: 100% !important;
	max-width: 260px !important;
	height: auto !important;
	display: block !important;
	margin: 0 auto !important;
	opacity: 1 !important;
	filter: drop-shadow(0 12px 18px rgba(0,0,0,.16)) !important;
}

.clyx-aloka-right-panel p,
.clyx-aloka-logo-panel p,
.clyx-aloka-brand-panel p{
	font-size: clamp(17px, 2.2vh, 22px) !important;
	line-height: 1.28 !important;
	margin: 0 !important;
}

/* Floating cards should not cover the main person awkwardly */
.clyx-aloka-floating-card,
.clyx-aloka-stat-card{
	position: relative !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	width: min(100%, 230px) !important;
	z-index: 6;
}

.clyx-aloka-card-stack,
.clyx-aloka-center-cards{
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	align-self: end;
	margin-top: auto;
}

.clyx-aloka-card-one,
.clyx-aloka-card-two,
.clyx-aloka-card-three{
	position: absolute !important;
	left: 48% !important;
	top: auto !important;
	bottom: 34px !important;
	width: 220px !important;
}

.clyx-aloka-card-two{
	left: calc(48% + 235px) !important;
}

.clyx-aloka-card-three{
	left: calc(48% + 470px) !important;
	width: 280px !important;
}

/* Hide excessive cards on medium screens to protect hero composition */
@media (max-width: 1320px){
	.clyx-aloka-stable-inner,
	.clyx-aloka-image-hero-inner,
	.clyx-aloka-stable-hero .clyx-wrap,
	.clyx-aloka-image-hero .clyx-wrap{
		grid-template-columns: minmax(340px, 430px) 1fr minmax(240px, 300px);
		gap: 22px;
	}

	.clyx-aloka-brand-strip,
	.clyx-aloka-top-lockup{
		top: -74px !important;
		transform: scale(.92) !important;
		transform-origin: left top !important;
	}

	.clyx-aloka-card-three{
		display: none !important;
	}
}

/* Tablet/mobile: allow natural height, keep readable layout */
@media (max-width: 980px){
	.clyx-aloka-stable-hero,
	.clyx-aloka-image-hero{
		height: auto !important;
		max-height: none !important;
		min-height: auto !important;
		padding: 92px 0 70px !important;
		display: block;
	}

	.clyx-aloka-stable-inner,
	.clyx-aloka-image-hero-inner,
	.clyx-aloka-stable-hero .clyx-wrap,
	.clyx-aloka-image-hero .clyx-wrap{
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 24px !important;
		width: min(620px, calc(100% - 32px)) !important;
	}

	.clyx-aloka-brand-strip,
	.clyx-aloka-top-lockup{
		position: relative !important;
		top: auto !important;
		left: auto !important;
		max-width: 100% !important;
		margin-bottom: 18px !important;
		transform: none !important;
	}

	.clyx-aloka-left-panel,
	.clyx-aloka-hero-card,
	.clyx-aloka-content-card,
	.clyx-aloka-right-panel,
	.clyx-aloka-logo-panel,
	.clyx-aloka-brand-panel{
		max-width: 100% !important;
		margin: 0 auto !important;
	}

	.clyx-aloka-card-one,
	.clyx-aloka-card-two,
	.clyx-aloka-card-three{
		display: none !important;
	}

	.clyx-aloka-image-layer,
	.clyx-aloka-stable-hero .clyx-aloka-bg{
		background-position: center center !important;
		filter: brightness(.84) !important;
	}

	.clyx-aloka-left-panel h1,
	.clyx-aloka-hero-card h1,
	.clyx-aloka-content-card h1{
		font-size: clamp(42px, 12vw, 62px) !important;
	}
}

@media (max-height: 740px) and (min-width: 981px){
	:root{
		--clyx-site-header-height: 82px;
	}

	.clyx-aloka-brand-strip,
	.clyx-aloka-top-lockup{
		display: none !important;
	}

	.clyx-aloka-left-panel,
	.clyx-aloka-hero-card,
	.clyx-aloka-content-card{
		padding: 24px 30px !important;
	}

	.clyx-aloka-left-panel h1,
	.clyx-aloka-hero-card h1,
	.clyx-aloka-content-card h1{
		font-size: clamp(38px, 5.4vh, 54px) !important;
	}

	.clyx-aloka-left-panel .clyx-lead,
	.clyx-aloka-hero-card .clyx-lead,
	.clyx-aloka-content-card .clyx-lead{
		font-size: 14px !important;
	}

	.clyx-aloka-card-one,
	.clyx-aloka-card-two,
	.clyx-aloka-card-three{
		display: none !important;
	}
}


/* v0.3.31 - Aloka hero true viewport fit */
:root{
	--clyx-site-header-height: 88px;
}

/*
	The previous version centered the whole hero grid vertically.
	On laptop screens this pushed the Aloka card down and the CTA area went below the fold.
	This version makes the hero behave like a real above-the-fold section.
*/
.clyx-aloka-stable-hero,
.clyx-aloka-image-hero{
	position: relative !important;
	height: calc(100svh - var(--clyx-site-header-height)) !important;
	min-height: 660px !important;
	max-height: 840px !important;
	padding: 0 !important;
	display: flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	overflow: hidden !important;
}

/* WordPress admin bar safety */
body.admin-bar .clyx-aloka-stable-hero,
body.admin-bar .clyx-aloka-image-hero{
	height: calc(100svh - var(--clyx-site-header-height) - 32px) !important;
	min-height: 620px !important;
}

/* Background image should fill the hero frame, not create extra section height */
.clyx-aloka-stable-hero .clyx-aloka-bg,
.clyx-aloka-image-hero .clyx-aloka-image-layer{
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	transform: none !important;
}

/* Add a stronger readability shade while keeping the image visible */
.clyx-aloka-stable-hero::after,
.clyx-aloka-image-hero::after{
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	background:
		linear-gradient(90deg, rgba(3, 11, 22, .34) 0%, rgba(3, 11, 22, .12) 45%, rgba(3, 11, 22, .20) 100%),
		linear-gradient(180deg, rgba(3, 11, 22, .10) 0%, rgba(3, 11, 22, .06) 58%, rgba(3, 11, 22, .28) 100%) !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

/* Main content uses rows: brand strip on top, content below */
.clyx-aloka-stable-hero .clyx-wrap,
.clyx-aloka-image-hero .clyx-wrap,
.clyx-aloka-stable-inner,
.clyx-aloka-image-hero-inner{
	position: relative !important;
	z-index: 4 !important;
	width: min(1320px, calc(100% - 56px)) !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: clamp(20px, 3.2vh, 36px) 0 clamp(18px, 2.4vh, 26px) !important;
	display: grid !important;
	grid-template-columns: minmax(330px, 430px) 1fr minmax(260px, 330px) !important;
	grid-template-rows: auto 1fr !important;
	column-gap: clamp(18px, 2.4vw, 34px) !important;
	row-gap: clamp(16px, 2.2vh, 22px) !important;
	align-items: start !important;
	align-content: start !important;
}

/* Brand strip now lives in the layout instead of floating far down */
.clyx-aloka-brand-strip,
.clyx-aloka-top-lockup{
	position: relative !important;
	inset: auto !important;
	top: auto !important;
	left: auto !important;
	grid-column: 1 / 2 !important;
	grid-row: 1 !important;
	width: 100% !important;
	max-width: 430px !important;
	height: auto !important;
	margin: 0 !important;
	padding: clamp(12px, 1.6vh, 18px) clamp(14px, 1.8vw, 20px) !important;
	border-radius: 20px !important;
	transform: none !important;
	z-index: 7 !important;
}

/* Left glass card fits inside available viewport height */
.clyx-aloka-left-panel,
.clyx-aloka-hero-card,
.clyx-aloka-content-card{
	position: relative !important;
	inset: auto !important;
	grid-column: 1 / 2 !important;
	grid-row: 2 !important;
	width: 100% !important;
	max-width: 430px !important;
	max-height: calc(100svh - var(--clyx-site-header-height) - 148px) !important;
	margin: 0 !important;
	padding: clamp(22px, 3vh, 34px) clamp(24px, 2.4vw, 34px) !important;
	border-radius: 28px !important;
	overflow: visible !important;
	transform: none !important;
	z-index: 7 !important;
}

/* Admin bar adjusts card height too */
body.admin-bar .clyx-aloka-left-panel,
body.admin-bar .clyx-aloka-hero-card,
body.admin-bar .clyx-aloka-content-card{
	max-height: calc(100svh - var(--clyx-site-header-height) - 180px) !important;
}

/* Typography is scaled by viewport height, not only width */
.clyx-aloka-left-panel .clyx-kicker,
.clyx-aloka-hero-card .clyx-kicker,
.clyx-aloka-content-card .clyx-kicker{
	font-size: clamp(10px, 1.25vh, 12px) !important;
	letter-spacing: .14em !important;
	margin: 0 0 clamp(12px, 1.6vh, 18px) !important;
}

.clyx-aloka-left-panel h1,
.clyx-aloka-hero-card h1,
.clyx-aloka-content-card h1{
	font-size: clamp(36px, 5.25vh, 60px) !important;
	line-height: .955 !important;
	letter-spacing: -.065em !important;
	margin: 0 0 clamp(12px, 1.8vh, 20px) !important;
}

.clyx-aloka-left-panel .clyx-lead,
.clyx-aloka-hero-card .clyx-lead,
.clyx-aloka-content-card .clyx-lead{
	font-size: clamp(13px, 1.62vh, 16px) !important;
	line-height: 1.52 !important;
	margin: 0 0 clamp(12px, 1.6vh, 18px) !important;
}

.clyx-aloka-mini-line{
	width: 40px !important;
	height: 3px !important;
	margin: clamp(12px, 1.8vh, 20px) 0 clamp(13px, 1.9vh, 20px) !important;
}

/* CTAs should always remain visible */
.clyx-aloka-actions,
.clyx-aloka-left-panel .clyx-actions,
.clyx-aloka-hero-card .clyx-actions{
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 10px !important;
	margin: 0 !important;
}

.clyx-aloka-actions .clyx-btn,
.clyx-aloka-left-panel .clyx-btn,
.clyx-aloka-hero-card .clyx-btn{
	min-height: clamp(42px, 5vh, 50px) !important;
	padding: 0 clamp(16px, 1.8vw, 22px) !important;
	font-size: clamp(13px, 1.45vh, 15px) !important;
}

/* Right logo card sits in the second row and cannot fall below the fold */
.clyx-aloka-right-panel,
.clyx-aloka-logo-panel,
.clyx-aloka-brand-panel{
	position: relative !important;
	inset: auto !important;
	grid-column: 3 / 4 !important;
	grid-row: 2 !important;
	align-self: center !important;
	width: 100% !important;
	max-width: 330px !important;
	min-height: auto !important;
	max-height: calc(100svh - var(--clyx-site-header-height) - 190px) !important;
	margin: 0 !important;
	padding: clamp(22px, 3vh, 32px) !important;
	border-radius: 30px !important;
	transform: none !important;
	z-index: 7 !important;
}

.clyx-aloka-mark-tile,
.clyx-aloka-logo-tile{
	width: 100% !important;
	max-width: 250px !important;
	height: auto !important;
	min-height: 112px !important;
	padding: clamp(14px, 2vh, 18px) !important;
	margin: 0 auto clamp(14px, 2vh, 22px) !important;
	border-radius: 24px !important;
	background: rgba(244, 251, 253, .94) !important;
}

.clyx-aloka-mark-tile img,
.clyx-aloka-logo-tile img{
	display: block !important;
	width: 100% !important;
	max-width: 245px !important;
	height: auto !important;
	margin: 0 auto !important;
	opacity: 1 !important;
	filter: drop-shadow(0 10px 18px rgba(0,0,0,.18)) !important;
}

.clyx-aloka-right-panel p,
.clyx-aloka-logo-panel p,
.clyx-aloka-brand-panel p{
	font-size: clamp(16px, 2vh, 21px) !important;
	line-height: 1.25 !important;
	margin: 0 !important;
}

/* Floating cards move low/center but stay behind key content */
.clyx-aloka-card-one,
.clyx-aloka-card-two,
.clyx-aloka-card-three{
	position: absolute !important;
	z-index: 6 !important;
	top: auto !important;
	bottom: clamp(16px, 2.6vh, 28px) !important;
	width: 205px !important;
	max-width: 205px !important;
	padding: 14px 16px !important;
	border-radius: 17px !important;
}

.clyx-aloka-card-one{
	left: 43% !important;
}

.clyx-aloka-card-two{
	left: calc(43% + 220px) !important;
}

.clyx-aloka-card-three{
	display: none !important;
}

/* Short laptop screens: compact mode */
@media (max-height: 760px) and (min-width: 981px){
	:root{
		--clyx-site-header-height: 84px;
	}

	.clyx-aloka-stable-hero,
	.clyx-aloka-image-hero{
		min-height: 590px !important;
		max-height: none !important;
	}

	.clyx-aloka-stable-hero .clyx-wrap,
	.clyx-aloka-image-hero .clyx-wrap,
	.clyx-aloka-stable-inner,
	.clyx-aloka-image-hero-inner{
		padding-top: 16px !important;
		padding-bottom: 16px !important;
		row-gap: 12px !important;
	}

	.clyx-aloka-brand-strip,
	.clyx-aloka-top-lockup{
		transform: scale(.82) !important;
		transform-origin: left top !important;
		margin-bottom: -12px !important;
	}

	.clyx-aloka-left-panel,
	.clyx-aloka-hero-card,
	.clyx-aloka-content-card{
		padding: 20px 26px !important;
	}

	.clyx-aloka-left-panel h1,
	.clyx-aloka-hero-card h1,
	.clyx-aloka-content-card h1{
		font-size: clamp(32px, 5.1vh, 48px) !important;
		line-height: .96 !important;
	}

	.clyx-aloka-left-panel .clyx-lead,
	.clyx-aloka-hero-card .clyx-lead,
	.clyx-aloka-content-card .clyx-lead{
		font-size: 13px !important;
		line-height: 1.45 !important;
	}

	.clyx-aloka-card-one,
	.clyx-aloka-card-two{
		display: none !important;
	}

	.clyx-aloka-right-panel,
	.clyx-aloka-logo-panel,
	.clyx-aloka-brand-panel{
		transform: scale(.92) !important;
		transform-origin: center right !important;
	}
}

/* Medium desktop/tablet */
@media (max-width: 1180px){
	.clyx-aloka-stable-hero .clyx-wrap,
	.clyx-aloka-image-hero .clyx-wrap,
	.clyx-aloka-stable-inner,
	.clyx-aloka-image-hero-inner{
		grid-template-columns: minmax(320px, 420px) 1fr !important;
		grid-template-rows: auto auto auto !important;
	}

	.clyx-aloka-right-panel,
	.clyx-aloka-logo-panel,
	.clyx-aloka-brand-panel{
		grid-column: 2 / 3 !important;
		grid-row: 2 !important;
		max-width: 300px !important;
		justify-self: end !important;
	}

	.clyx-aloka-card-one,
	.clyx-aloka-card-two,
	.clyx-aloka-card-three{
		display: none !important;
	}
}

/* Mobile: normal page flow, no forced viewport height */
@media (max-width: 860px){
	.clyx-aloka-stable-hero,
	.clyx-aloka-image-hero{
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		padding: 84px 0 64px !important;
		display: block !important;
	}

	body.admin-bar .clyx-aloka-stable-hero,
	body.admin-bar .clyx-aloka-image-hero{
		height: auto !important;
		min-height: auto !important;
	}

	.clyx-aloka-stable-hero .clyx-wrap,
	.clyx-aloka-image-hero .clyx-wrap,
	.clyx-aloka-stable-inner,
	.clyx-aloka-image-hero-inner{
		display: grid !important;
		grid-template-columns: 1fr !important;
		grid-template-rows: auto !important;
		width: min(620px, calc(100% - 32px)) !important;
		height: auto !important;
		padding: 0 !important;
		gap: 18px !important;
	}

	.clyx-aloka-brand-strip,
	.clyx-aloka-top-lockup,
	.clyx-aloka-left-panel,
	.clyx-aloka-hero-card,
	.clyx-aloka-content-card,
	.clyx-aloka-right-panel,
	.clyx-aloka-logo-panel,
	.clyx-aloka-brand-panel{
		grid-column: 1 !important;
		grid-row: auto !important;
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 auto !important;
		transform: none !important;
		max-height: none !important;
	}

	.clyx-aloka-left-panel h1,
	.clyx-aloka-hero-card h1,
	.clyx-aloka-content-card h1{
		font-size: clamp(38px, 12vw, 58px) !important;
	}

	.clyx-aloka-card-one,
	.clyx-aloka-card-two,
	.clyx-aloka-card-three{
		display: none !important;
	}
}


/* v0.3.32 - REAL active Aloka final hero screen-fit fix
   The previous viewport CSS targeted older class names. This targets the active clyx-aloka-final-* hero. */
:root{
	--clyx-header-offset: 88px;
}

/* One-screen hero on desktop/laptop */
.clyx-aloka-final-hero{
	height: calc(100svh - var(--clyx-header-offset)) !important;
	min-height: 650px !important;
	max-height: 860px !important;
	padding: 0 !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: stretch !important;
	background: #061426 !important;
}

/* Account for WP admin bar when logged in */
body.admin-bar .clyx-aloka-final-hero{
	height: calc(100svh - var(--clyx-header-offset) - 32px) !important;
	min-height: 610px !important;
}

/* Background image fills the hero frame only */
.clyx-aloka-final-bg{
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	transform: none !important;
}

/* Make overlay lighter on right, darker under text */
.clyx-aloka-final-vignette{
	background:
		linear-gradient(90deg, rgba(2,10,20,.22) 0%, rgba(2,10,20,.06) 45%, rgba(2,10,20,.18) 100%),
		linear-gradient(180deg, rgba(2,10,20,.18) 0%, rgba(2,10,20,.02) 50%, rgba(2,10,20,.24) 100%),
		radial-gradient(circle at 60% 43%, rgba(45,224,249,.12), transparent 22%) !important;
}

/* Hero content now behaves like a proper above-the-fold grid */
.clyx-aloka-final-wrap{
	position: relative !important;
	z-index: 4 !important;
	width: min(1320px, calc(100% - 56px)) !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: clamp(18px, 2.6vh, 28px) 0 clamp(16px, 2.2vh, 24px) !important;
	display: grid !important;
	grid-template-columns: minmax(330px, 430px) minmax(260px, 1fr) minmax(260px, 330px) !important;
	grid-template-rows: auto 1fr !important;
	column-gap: clamp(18px, 2.4vw, 38px) !important;
	row-gap: clamp(14px, 2vh, 20px) !important;
	align-items: start !important;
	align-content: start !important;
}

/* Top product lockup: top row only, no extra vertical pushing */
.clyx-aloka-final-topline{
	grid-column: 1 / 2 !important;
	grid-row: 1 !important;
	width: 100% !important;
	max-width: 430px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: clamp(10px, 1.5vh, 16px) clamp(12px, 1.5vw, 18px) !important;
	border-radius: 18px !important;
	gap: clamp(10px, 1.2vw, 16px) !important;
	transform: none !important;
}

.clyx-aloka-final-topline img{
	width: clamp(150px, 14vw, 220px) !important;
	max-width: 62% !important;
}

.clyx-aloka-final-topline span{
	height: clamp(24px, 3vh, 30px) !important;
}

.clyx-aloka-final-topline strong{
	font-size: clamp(14px, 1.7vh, 18px) !important;
}

/* Main layout takes remaining vertical space */
.clyx-aloka-final-layout{
	grid-column: 1 / -1 !important;
	grid-row: 2 !important;
	display: grid !important;
	grid-template-columns: minmax(330px, 430px) minmax(260px, 1fr) minmax(260px, 330px) !important;
	gap: clamp(18px, 2.4vw, 38px) !important;
	align-items: center !important;
	min-height: 0 !important;
	height: 100% !important;
	padding-top: 0 !important;
}

/* Left card is compact enough for 768px laptop height */
.clyx-aloka-final-copy{
	width: 100% !important;
	max-width: 430px !important;
	padding: clamp(22px, 3vh, 34px) clamp(24px, 2.6vw, 36px) !important;
	border-radius: 28px !important;
	align-self: center !important;
	max-height: calc(100svh - var(--clyx-header-offset) - 165px) !important;
	overflow: hidden !important;
}

body.admin-bar .clyx-aloka-final-copy{
	max-height: calc(100svh - var(--clyx-header-offset) - 198px) !important;
}

.clyx-aloka-final-copy .clyx-kicker{
	margin: 0 0 clamp(12px, 1.8vh, 20px) !important;
	font-size: clamp(10px, 1.25vh, 12px) !important;
	line-height: 1.15 !important;
}

.clyx-aloka-final-copy h1{
	font-size: clamp(36px, 5.3vh, 58px) !important;
	line-height: .955 !important;
	letter-spacing: -.065em !important;
	margin: 0 0 clamp(12px, 1.8vh, 20px) !important;
}

.clyx-aloka-final-copy .clyx-lead{
	font-size: clamp(13px, 1.58vh, 16px) !important;
	line-height: 1.48 !important;
	margin: 0 !important;
}

.clyx-aloka-final-rule{
	width: 40px !important;
	height: 3px !important;
	margin: clamp(12px, 1.8vh, 20px) 0 clamp(13px, 2vh, 22px) !important;
}

.clyx-aloka-final-actions{
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	margin: 0 !important;
}

.clyx-aloka-final-actions .clyx-btn{
	min-height: clamp(42px, 5vh, 50px) !important;
	padding: 0 clamp(16px, 1.9vw, 24px) !important;
	font-size: clamp(13px, 1.45vh, 15px) !important;
}

/* Middle floating cards stay low and don't force section height */
.clyx-aloka-final-middle{
	position: relative !important;
	min-height: 0 !important;
	height: 100% !important;
	align-self: stretch !important;
}

.clyx-aloka-final-mini{
	padding: 13px 15px !important;
	border-radius: 16px !important;
	width: 205px !important;
}

.clyx-aloka-final-mini small{
	font-size: 9px !important;
	margin-bottom: 6px !important;
}

.clyx-aloka-final-mini strong{
	font-size: 16px !important;
}

.clyx-aloka-final-mini span{
	height: 6px !important;
	margin-top: 10px !important;
}

.clyx-aloka-mini-a{
	left: 4% !important;
	bottom: 118px !important;
}

.clyx-aloka-mini-b{
	right: 4% !important;
	bottom: 124px !important;
}

.clyx-aloka-mini-c{
	left: 17% !important;
	bottom: 38px !important;
	width: min(300px, 90%) !important;
}

/* Right brand card fits above the fold */
.clyx-aloka-final-brand{
	width: 100% !important;
	max-width: 330px !important;
	padding: clamp(22px, 3vh, 32px) !important;
	border-radius: 30px !important;
	align-self: center !important;
	justify-self: end !important;
	max-height: calc(100svh - var(--clyx-header-offset) - 165px) !important;
	overflow: hidden !important;
}

body.admin-bar .clyx-aloka-final-brand{
	max-height: calc(100svh - var(--clyx-header-offset) - 198px) !important;
}

.clyx-aloka-final-logo-card{
	min-height: 108px !important;
	padding: clamp(14px, 2vh, 20px) !important;
	margin-bottom: clamp(14px, 2vh, 22px) !important;
	border-radius: 24px !important;
}

.clyx-aloka-final-logo-card img{
	max-width: 250px !important;
	width: 100% !important;
}

.clyx-aloka-final-brand p{
	font-size: clamp(16px, 2.05vh, 21px) !important;
	line-height: 1.25 !important;
	margin: 0 0 clamp(14px, 2vh, 22px) !important;
}

.clyx-aloka-final-tags{
	gap: 7px !important;
}

.clyx-aloka-final-tags span{
	min-height: 27px !important;
	padding: 0 10px !important;
	font-size: 10px !important;
}

/* Standard laptop compact mode */
@media (max-height: 760px) and (min-width: 901px){
	:root{
		--clyx-header-offset: 84px;
	}

	.clyx-aloka-final-hero{
		min-height: 590px !important;
		max-height: none !important;
	}

	.clyx-aloka-final-wrap{
		padding-top: 14px !important;
		padding-bottom: 14px !important;
		row-gap: 10px !important;
	}

	.clyx-aloka-final-topline{
		transform: scale(.86) !important;
		transform-origin: left top !important;
		margin-bottom: -10px !important;
	}

	.clyx-aloka-final-copy{
		padding: 20px 26px !important;
		max-width: 410px !important;
	}

	.clyx-aloka-final-copy h1{
		font-size: clamp(32px, 5vh, 48px) !important;
		line-height: .95 !important;
		margin-bottom: 12px !important;
	}

	.clyx-aloka-final-copy .clyx-lead{
		font-size: 13px !important;
		line-height: 1.42 !important;
	}

	.clyx-aloka-final-rule{
		margin: 12px 0 14px !important;
	}

	.clyx-aloka-final-actions .clyx-btn{
		min-height: 42px !important;
	}

	.clyx-aloka-mini-a,
	.clyx-aloka-mini-b,
	.clyx-aloka-mini-c{
		display: none !important;
	}

	.clyx-aloka-final-brand{
		transform: scale(.92) !important;
		transform-origin: center right !important;
	}
}

/* Narrow desktop/tablet */
@media (max-width: 1240px){
	.clyx-aloka-final-hero{
		height: auto !important;
		min-height: auto !important;
		max-height: none !important;
		padding: 94px 0 70px !important;
	}

	.clyx-aloka-final-wrap{
		width: min(760px, calc(100% - 40px)) !important;
		height: auto !important;
		display: block !important;
		padding: 0 !important;
	}

	.clyx-aloka-final-topline{
		max-width: 100% !important;
		margin: 0 auto 22px !important;
		transform: none !important;
	}

	.clyx-aloka-final-layout{
		display: block !important;
		height: auto !important;
		min-height: 0 !important;
	}

	.clyx-aloka-final-copy,
	.clyx-aloka-final-brand{
		width: 100% !important;
		max-width: 560px !important;
		max-height: none !important;
		margin: 0 auto !important;
		overflow: visible !important;
	}

	.clyx-aloka-final-brand{
		margin-top: 26px !important;
		justify-self: center !important;
		transform: none !important;
	}

	.clyx-aloka-final-middle{
		display: none !important;
	}
}

/* Mobile */
@media (max-width: 600px){
	.clyx-aloka-final-hero{
		padding: 82px 0 58px !important;
	}

	.clyx-aloka-final-wrap{
		width: min(100% - 28px, 560px) !important;
	}

	.clyx-aloka-final-copy{
		padding: 30px 24px !important;
	}

	.clyx-aloka-final-copy h1{
		font-size: 42px !important;
	}

	.clyx-aloka-final-actions{
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.clyx-aloka-final-actions .clyx-btn{
		width: 100% !important;
	}
}


/* v0.3.33 - Aloka GLB hero update */
.clyx-aloka-glb-hero{
	height: calc(100svh - 88px) !important;
	min-height: 650px !important;
	max-height: 860px !important;
	padding: 0 !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: stretch !important;
}

/* Remove old top-left Aloka/Clyftic strip from layout entirely */
.clyx-aloka-glb-hero .clyx-aloka-final-topline,
.clyx-aloka-glb-hero .clyx-aloka-brand-strip,
.clyx-aloka-glb-hero .clyx-aloka-top-lockup{
	display: none !important;
}

/* Use full hero height because the top strip is gone */
.clyx-aloka-glb-wrap{
	width: min(1320px, calc(100% - 56px)) !important;
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: clamp(22px, 3.4vh, 42px) 0 clamp(18px, 2.6vh, 28px) !important;
	display: flex !important;
	align-items: center !important;
	position: relative !important;
	z-index: 4 !important;
}

.clyx-aloka-glb-layout{
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	display: grid !important;
	grid-template-columns: minmax(330px, 430px) minmax(260px, 1fr) minmax(310px, 410px) !important;
	gap: clamp(22px, 3vw, 44px) !important;
	align-items: center !important;
}

/* Make left card sit higher and fit cleanly */
.clyx-aloka-glb-hero .clyx-aloka-final-copy{
	width: 100% !important;
	max-width: 430px !important;
	padding: clamp(24px, 3.2vh, 36px) clamp(26px, 2.7vw, 38px) !important;
	border-radius: 28px !important;
	align-self: center !important;
	max-height: calc(100svh - 150px) !important;
	overflow: hidden !important;
}

body.admin-bar .clyx-aloka-glb-hero .clyx-aloka-final-copy{
	max-height: calc(100svh - 185px) !important;
}

.clyx-aloka-glb-hero .clyx-aloka-final-copy h1{
	font-size: clamp(38px, 5.6vh, 62px) !important;
	line-height: .96 !important;
	margin-bottom: clamp(14px, 1.9vh, 22px) !important;
}

.clyx-aloka-glb-hero .clyx-aloka-final-copy .clyx-lead{
	font-size: clamp(13px, 1.62vh, 16px) !important;
	line-height: 1.5 !important;
}

.clyx-aloka-glb-hero .clyx-aloka-final-rule{
	margin: clamp(14px, 2vh, 20px) 0 clamp(14px, 2.2vh, 22px) !important;
}

.clyx-aloka-glb-hero .clyx-aloka-final-actions .clyx-btn{
	min-height: clamp(42px, 5vh, 50px) !important;
}

/* GLB panel replaces the flat white logo card */
.clyx-aloka-glb-panel{
	position: relative !important;
	width: 100% !important;
	max-width: 410px !important;
	min-height: 470px !important;
	padding: clamp(22px, 3vh, 32px) !important;
	border-radius: 34px !important;
	background:
		radial-gradient(circle at 50% 24%, rgba(49,221,241,.20), transparent 34%),
		linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.055)) !important;
	border: 1px solid rgba(255,255,255,.22) !important;
	box-shadow:
		0 35px 100px rgba(0,0,0,.36),
		0 0 70px rgba(33,213,240,.12),
		inset 0 1px 0 rgba(255,255,255,.16) !important;
	backdrop-filter: blur(16px) !important;
	align-self: center !important;
	justify-self: end !important;
	overflow: hidden !important;
}

.clyx-aloka-glb-panel::before{
	content:"";
	position:absolute;
	inset:-30%;
	background:
		radial-gradient(circle at 50% 35%, rgba(33,213,240,.22), transparent 22%),
		conic-gradient(from 180deg, transparent, rgba(33,213,240,.14), transparent 28%, rgba(0,0,0,.12), transparent 56%);
	opacity:.72;
	animation:clyxAlokaGlbHalo 9s linear infinite;
	pointer-events:none;
}

.clyx-aloka-glb-stage{
	position: relative;
	z-index: 2;
	width: 100%;
	height: clamp(230px, 34vh, 320px);
	border-radius: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	background:
		radial-gradient(circle at 50% 48%, rgba(33,213,240,.22), transparent 44%),
		linear-gradient(145deg, rgba(4,16,32,.75), rgba(12,38,72,.30));
	border: 1px solid rgba(33,213,240,.22);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.10),
		0 22px 60px rgba(0,0,0,.22);
	overflow: hidden;
}

.clyx-aloka-glb-stage::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:20px;
	width:64%;
	height:28px;
	transform:translateX(-50%);
	border-radius:999px;
	background:rgba(33,213,240,.28);
	filter:blur(20px);
	opacity:.70;
	pointer-events:none;
}

.clyx-aloka-model{
	position:relative;
	z-index:2;
	width:100%;
	height:100%;
	--poster-color: transparent;
	background: transparent;
}

.clyx-aloka-glb-fallback{
	width:80%;
	max-width:260px;
	height:auto;
	display:block;
	margin:auto;
	filter:drop-shadow(0 0 22px rgba(33,213,240,.45));
}

.clyx-aloka-glb-copy{
	position: relative;
	z-index: 2;
	text-align: center;
	padding-top: clamp(18px, 2.6vh, 26px);
}

.clyx-aloka-glb-copy img{
	display:block;
	width:min(250px, 92%);
	height:auto;
	margin:0 auto 16px;
	filter:drop-shadow(0 14px 24px rgba(0,0,0,.32)) drop-shadow(0 0 18px rgba(33,213,240,.12));
}

.clyx-aloka-glb-copy p{
	margin:0 0 clamp(14px, 2vh, 20px) !important;
	color:rgba(244,250,252,.92);
	font-size:clamp(16px, 2.1vh, 21px) !important;
	line-height:1.25 !important;
	font-weight:900;
}

.clyx-aloka-glb-panel .clyx-aloka-final-tags{
	position:relative;
	z-index:2;
	justify-content:center;
}

/* Floating cards stay clear of the GLB */
.clyx-aloka-glb-hero .clyx-aloka-final-middle{
	position:relative !important;
	height:100% !important;
	min-height:440px !important;
}

.clyx-aloka-glb-hero .clyx-aloka-mini-a{
	left: 5% !important;
	bottom: 112px !important;
}

.clyx-aloka-glb-hero .clyx-aloka-mini-b{
	left: 38% !important;
	right:auto !important;
	bottom: 118px !important;
}

.clyx-aloka-glb-hero .clyx-aloka-mini-c{
	left: 15% !important;
	bottom: 38px !important;
	width: min(330px, 86%) !important;
}

@keyframes clyxAlokaGlbHalo{
	to{transform:rotate(360deg);}
}

/* Laptop compact mode */
@media (max-height: 760px) and (min-width: 981px){
	.clyx-aloka-glb-hero{
		height: calc(100svh - 84px) !important;
		min-height: 590px !important;
		max-height: none !important;
	}

	body.admin-bar .clyx-aloka-glb-hero{
		height: calc(100svh - 84px - 32px) !important;
	}

	.clyx-aloka-glb-wrap{
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}

	.clyx-aloka-glb-layout{
		grid-template-columns: minmax(315px, 405px) minmax(220px, 1fr) minmax(280px, 340px) !important;
		gap: 22px !important;
	}

	.clyx-aloka-glb-hero .clyx-aloka-final-copy{
		padding: 20px 26px !important;
		max-width: 405px !important;
	}

	.clyx-aloka-glb-hero .clyx-aloka-final-copy h1{
		font-size: clamp(32px, 5.1vh, 48px) !important;
	}

	.clyx-aloka-glb-hero .clyx-aloka-final-copy .clyx-lead{
		font-size: 13px !important;
		line-height: 1.43 !important;
	}

	.clyx-aloka-glb-panel{
		min-height: 390px !important;
		padding: 18px !important;
	}

	.clyx-aloka-glb-stage{
		height: 220px !important;
	}

	.clyx-aloka-glb-copy img{
		width: 210px !important;
		margin-bottom: 10px !important;
	}

	.clyx-aloka-glb-copy p{
		font-size: 16px !important;
		margin-bottom: 12px !important;
	}

	.clyx-aloka-glb-hero .clyx-aloka-mini-a,
	.clyx-aloka-glb-hero .clyx-aloka-mini-b,
	.clyx-aloka-glb-hero .clyx-aloka-mini-c{
		display:none !important;
	}
}

/* Medium widths: stack cleanly */
@media (max-width: 1180px){
	.clyx-aloka-glb-hero{
		height:auto !important;
		min-height:auto !important;
		max-height:none !important;
		padding: 92px 0 70px !important;
		display:block !important;
	}

	.clyx-aloka-glb-wrap{
		width:min(720px, calc(100% - 40px)) !important;
		height:auto !important;
		padding:0 !important;
		display:block !important;
	}

	.clyx-aloka-glb-layout{
		display:block !important;
	}

	.clyx-aloka-glb-hero .clyx-aloka-final-copy,
	.clyx-aloka-glb-panel{
		max-width:560px !important;
		width:100% !important;
		margin:0 auto !important;
		max-height:none !important;
		overflow:visible !important;
	}

	.clyx-aloka-glb-panel{
		margin-top:26px !important;
	}

	.clyx-aloka-glb-hero .clyx-aloka-final-middle{
		display:none !important;
	}
}

@media (max-width:600px){
	.clyx-aloka-glb-hero{
		padding: 82px 0 58px !important;
	}

	.clyx-aloka-glb-wrap{
		width:min(100% - 28px, 560px) !important;
	}

	.clyx-aloka-glb-hero .clyx-aloka-final-copy{
		padding:30px 24px !important;
	}

	.clyx-aloka-glb-hero .clyx-aloka-final-copy h1{
		font-size:42px !important;
	}

	.clyx-aloka-glb-hero .clyx-aloka-final-actions{
		flex-direction:column !important;
		align-items:stretch !important;
	}

	.clyx-aloka-glb-hero .clyx-aloka-final-actions .clyx-btn{
		width:100% !important;
	}

	.clyx-aloka-glb-panel{
		min-height:auto !important;
	}

	.clyx-aloka-glb-stage{
		height:240px !important;
	}
}


/* v0.3.34 - GLB only hero right panel fix */
.clyx-aloka-glb-only-hero .clyx-aloka-final-topline,
.clyx-aloka-glb-only-hero .clyx-aloka-brand-strip,
.clyx-aloka-glb-only-hero .clyx-aloka-top-lockup{
	display:none !important;
}

/* remove all old PNG logo displays inside the right GLB panel */
.clyx-aloka-glb-only-panel img,
.clyx-aloka-glb-only-panel .clyx-aloka-glb-copy,
.clyx-aloka-glb-only-panel .clyx-aloka-final-logo-card,
.clyx-aloka-glb-only-panel .clyx-aloka-logo-card,
.clyx-aloka-glb-only-panel .clyx-aloka-logo-tile,
.clyx-aloka-glb-only-panel .clyx-aloka-mark-tile{
	display:none !important;
}

.clyx-aloka-glb-only-panel{
	max-width:420px !important;
	min-height:500px !important;
	padding:clamp(22px,3vh,34px) !important;
	display:flex !important;
	flex-direction:column !important;
	justify-content:center !important;
	background:
		radial-gradient(circle at 50% 32%, rgba(49,221,241,.25), transparent 35%),
		radial-gradient(circle at 50% 78%, rgba(0,0,0,.18), transparent 45%),
		linear-gradient(145deg, rgba(255,255,255,.15), rgba(255,255,255,.05)) !important;
	border:1px solid rgba(255,255,255,.22) !important;
	box-shadow:
		0 36px 100px rgba(0,0,0,.38),
		0 0 85px rgba(33,213,240,.14),
		inset 0 1px 0 rgba(255,255,255,.14) !important;
	overflow:hidden !important;
}

.clyx-aloka-glb-only-stage{
	position:relative !important;
	width:100% !important;
	height:clamp(310px,44vh,410px) !important;
	min-height:310px !important;
	border-radius:30px !important;
	background:
		radial-gradient(circle at 50% 48%, rgba(33,213,240,.24), transparent 48%),
		linear-gradient(145deg, rgba(2,13,28,.84), rgba(12,44,78,.36)) !important;
	border:1px solid rgba(33,213,240,.24) !important;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.10),
		0 24px 70px rgba(0,0,0,.25),
		0 0 65px rgba(33,213,240,.12) !important;
	overflow:hidden !important;
}

.clyx-aloka-glb-only-stage::before{
	content:"";
	position:absolute;
	inset:20px;
	border-radius:26px;
	background:
		linear-gradient(rgba(33,213,240,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(33,213,240,.045) 1px, transparent 1px);
	background-size:38px 38px;
	opacity:.55;
	pointer-events:none;
	z-index:1;
}

.clyx-aloka-glb-only-stage::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:28px;
	width:68%;
	height:30px;
	transform:translateX(-50%);
	border-radius:999px;
	background:rgba(33,213,240,.36);
	filter:blur(22px);
	opacity:.82;
	pointer-events:none;
	z-index:1;
}

.clyx-aloka-glb-only-stage model-viewer,
.clyx-aloka-glb-only-stage .clyx-aloka-model{
	position:relative !important;
	z-index:2 !important;
	display:block !important;
	width:100% !important;
	height:100% !important;
	min-height:310px !important;
	background:transparent !important;
	--poster-color:transparent;
	--progress-bar-color:#31DDF1;
	--progress-bar-height:3px;
}

.clyx-aloka-model-loader{
	position:absolute;
	left:50%;
	bottom:18px;
	width:54%;
	height:4px;
	transform:translateX(-50%);
	border-radius:999px;
	overflow:hidden;
	background:rgba(255,255,255,.12);
}

.clyx-aloka-model-loader span{
	display:block;
	width:45%;
	height:100%;
	border-radius:999px;
	background:#31DDF1;
	box-shadow:0 0 18px rgba(49,221,241,.75);
	animation:clyxAlokaModelLoading 1.25s ease-in-out infinite;
}

.clyx-aloka-glb-caption{
	position:relative;
	z-index:2;
	text-align:center;
	padding-top:clamp(18px,2.6vh,26px);
}

.clyx-aloka-glb-caption p{
	margin:0 0 clamp(14px,2vh,20px) !important;
	color:rgba(244,250,252,.94);
	font-size:clamp(18px,2.25vh,23px) !important;
	line-height:1.25 !important;
	font-weight:950;
	text-shadow:0 12px 32px rgba(0,0,0,.28);
}

@keyframes clyxAlokaModelLoading{
	0%{transform:translateX(-120%);}
	50%{transform:translateX(80%);}
	100%{transform:translateX(230%);}
}

/* compact laptop mode */
@media (max-height:760px) and (min-width:981px){
	.clyx-aloka-glb-only-panel{
		min-height:400px !important;
		padding:18px !important;
	}
	.clyx-aloka-glb-only-stage{
		height:270px !important;
		min-height:270px !important;
	}
	.clyx-aloka-glb-only-stage model-viewer,
	.clyx-aloka-glb-only-stage .clyx-aloka-model{
		min-height:270px !important;
	}
	.clyx-aloka-glb-caption p{
		font-size:16px !important;
		margin-bottom:12px !important;
	}
}

/* stacked mode */
@media (max-width:1180px){
	.clyx-aloka-glb-only-panel{
		max-width:560px !important;
		min-height:auto !important;
	}
	.clyx-aloka-glb-only-stage{
		height:330px !important;
	}
}

@media (max-width:600px){
	.clyx-aloka-glb-only-stage{
		height:260px !important;
		min-height:260px !important;
	}
	.clyx-aloka-glb-only-stage model-viewer,
	.clyx-aloka-glb-only-stage .clyx-aloka-model{
		min-height:260px !important;
	}
}


/* v0.3.35 - Lightweight Aloka hero: remove heavy/shiny GLB */
.clyx-aloka-light-hero{
	height: calc(100svh - 88px) !important;
	min-height: 650px !important;
	max-height: 860px !important;
	padding: 0 !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: stretch !important;
	background:#061426 !important;
}

/* Remove any old GLB/model-viewer/old PNG areas left by previous CSS */
.clyx-aloka-light-hero model-viewer,
.clyx-aloka-light-hero .clyx-aloka-glb-stage,
.clyx-aloka-light-hero .clyx-aloka-glb-only-stage,
.clyx-aloka-light-hero .clyx-aloka-glb-copy,
.clyx-aloka-light-hero .clyx-aloka-glb-caption,
.clyx-aloka-light-hero .clyx-aloka-final-logo-card,
.clyx-aloka-light-hero .clyx-aloka-logo-card,
.clyx-aloka-light-hero .clyx-aloka-logo-tile,
.clyx-aloka-light-hero .clyx-aloka-mark-tile,
.clyx-aloka-light-hero .clyx-aloka-final-topline,
.clyx-aloka-light-hero .clyx-aloka-brand-strip,
.clyx-aloka-light-hero .clyx-aloka-top-lockup{
	display:none !important;
}

/* Hero background remains image-based and fast */
.clyx-aloka-light-hero .clyx-aloka-final-bg{
	position:absolute !important;
	inset:0 !important;
	background-size:cover !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	transform:none !important;
	filter:brightness(.92) saturate(1.02) !important;
}

.clyx-aloka-light-hero .clyx-aloka-final-vignette{
	background:
		linear-gradient(90deg, rgba(2,10,20,.18) 0%, rgba(2,10,20,.04) 46%, rgba(2,10,20,.20) 100%),
		linear-gradient(180deg, rgba(2,10,20,.13) 0%, rgba(2,10,20,.02) 52%, rgba(2,10,20,.22) 100%),
		radial-gradient(circle at 67% 45%, rgba(45,224,249,.10), transparent 24%) !important;
}

.clyx-aloka-light-wrap{
	width:min(1320px, calc(100% - 56px)) !important;
	height:100% !important;
	min-height:0 !important;
	margin:0 auto !important;
	padding:clamp(22px,3.4vh,42px) 0 clamp(18px,2.6vh,28px) !important;
	display:flex !important;
	align-items:center !important;
	position:relative !important;
	z-index:4 !important;
}

.clyx-aloka-light-layout{
	width:100% !important;
	height:auto !important;
	display:grid !important;
	grid-template-columns:minmax(330px,430px) minmax(260px,1fr) minmax(300px,390px) !important;
	gap:clamp(22px,3vw,44px) !important;
	align-items:center !important;
}

/* Compact left card */
.clyx-aloka-light-hero .clyx-aloka-final-copy{
	width:100% !important;
	max-width:430px !important;
	padding:clamp(24px,3.2vh,36px) clamp(26px,2.7vw,38px) !important;
	border-radius:28px !important;
	align-self:center !important;
	max-height:calc(100svh - 150px) !important;
	overflow:hidden !important;
}

.clyx-aloka-light-hero .clyx-aloka-final-copy h1{
	font-size:clamp(38px,5.6vh,62px) !important;
	line-height:.96 !important;
	margin-bottom:clamp(14px,1.9vh,22px) !important;
}

.clyx-aloka-light-hero .clyx-aloka-final-copy .clyx-lead{
	font-size:clamp(13px,1.62vh,16px) !important;
	line-height:1.5 !important;
}

.clyx-aloka-light-hero .clyx-aloka-final-actions .clyx-btn{
	min-height:clamp(42px,5vh,50px) !important;
}

/* Lightweight 3D-feeling right panel */
.clyx-aloka-light-panel{
	position:relative !important;
	width:100% !important;
	max-width:390px !important;
	min-height:430px !important;
	padding:clamp(24px,3.2vh,34px) !important;
	border-radius:34px !important;
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	justify-content:center !important;
	text-align:center !important;
	background:
		radial-gradient(circle at 50% 32%, rgba(49,221,241,.20), transparent 36%),
		radial-gradient(circle at 50% 82%, rgba(0,0,0,.14), transparent 45%),
		linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important;
	border:1px solid rgba(255,255,255,.20) !important;
	box-shadow:
		0 34px 90px rgba(0,0,0,.34),
		0 0 70px rgba(33,213,240,.12),
		inset 0 1px 0 rgba(255,255,255,.12) !important;
	backdrop-filter:blur(14px) !important;
	overflow:hidden !important;
}

.clyx-aloka-light-panel::before{
	content:"";
	position:absolute;
	inset:-35%;
	background:
		conic-gradient(from 0deg, transparent 0 18%, rgba(49,221,241,.16) 26%, transparent 38%, rgba(0,0,0,.12) 56%, transparent 76%),
		radial-gradient(circle at 50% 50%, rgba(49,221,241,.12), transparent 38%);
	opacity:.58;
	animation:clyxAlokaSoftRotate 18s linear infinite;
	pointer-events:none;
}

.clyx-aloka-light-orbit{
	position:absolute;
	width:72%;
	aspect-ratio:1;
	border-radius:999px;
	border:1px solid rgba(49,221,241,.16);
	box-shadow:inset 0 0 40px rgba(49,221,241,.06);
	opacity:.85;
	pointer-events:none;
}

.clyx-aloka-light-logo-stage{
	position:relative;
	z-index:2;
	width:min(300px,92%);
	min-height:170px;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto clamp(20px,2.8vh,28px);
	border-radius:30px;
	background:
		linear-gradient(145deg, rgba(238,250,253,.96), rgba(231,246,250,.88));
	border:1px solid rgba(255,255,255,.70);
	box-shadow:
		0 20px 50px rgba(0,0,0,.22),
		0 0 45px rgba(49,221,241,.12),
		inset 0 1px 0 rgba(255,255,255,.85);
	transform:perspective(800px) rotateY(-7deg) rotateX(3deg);
	animation:clyxAlokaLogoFloat 6.5s ease-in-out infinite;
	overflow:hidden;
}

.clyx-aloka-light-logo-stage::after{
	content:"";
	position:absolute;
	inset:-80% -25%;
	background:linear-gradient(110deg, transparent 35%, rgba(255,255,255,.58) 50%, transparent 64%);
	opacity:0;
	animation:clyxAlokaSoftSheen 5.8s ease-in-out infinite;
}

.clyx-aloka-light-depth{
	position:absolute;
	left:14%;
	right:14%;
	bottom:18px;
	height:18px;
	border-radius:999px;
	background:rgba(4,27,54,.17);
	filter:blur(16px);
}

.clyx-aloka-light-logo-stage img{
	position:relative;
	z-index:2;
	display:block !important;
	width:82% !important;
	max-width:250px !important;
	height:auto !important;
	margin:0 auto !important;
	opacity:1 !important;
	filter:
		drop-shadow(0 10px 16px rgba(4,27,54,.16))
		drop-shadow(0 0 14px rgba(49,221,241,.16)) !important;
}

.clyx-aloka-light-panel p{
	position:relative;
	z-index:2;
	margin:0 0 clamp(14px,2vh,20px) !important;
	color:rgba(244,250,252,.94);
	font-size:clamp(18px,2.25vh,23px) !important;
	line-height:1.25 !important;
	font-weight:950;
	text-shadow:0 12px 32px rgba(0,0,0,.28);
}

.clyx-aloka-light-panel .clyx-aloka-final-tags{
	position:relative;
	z-index:2;
	justify-content:center;
}

/* Cards lower/clean */
.clyx-aloka-light-hero .clyx-aloka-final-middle{
	position:relative !important;
	height:100% !important;
	min-height:420px !important;
}

.clyx-aloka-light-hero .clyx-aloka-mini-a{
	left:5% !important;
	bottom:112px !important;
}

.clyx-aloka-light-hero .clyx-aloka-mini-b{
	left:38% !important;
	right:auto !important;
	bottom:118px !important;
}

.clyx-aloka-light-hero .clyx-aloka-mini-c{
	left:15% !important;
	bottom:38px !important;
	width:min(330px,86%) !important;
}

@keyframes clyxAlokaSoftRotate{
	to{transform:rotate(360deg);}
}

@keyframes clyxAlokaLogoFloat{
	0%,100%{transform:perspective(800px) rotateY(-7deg) rotateX(3deg) translateY(0);}
	50%{transform:perspective(800px) rotateY(-4deg) rotateX(2deg) translateY(-8px);}
}

@keyframes clyxAlokaSoftSheen{
	0%,45%{opacity:0; transform:translateX(-26%);}
	57%{opacity:.65;}
	76%,100%{opacity:0; transform:translateX(26%);}
}

/* Laptop compact */
@media (max-height:760px) and (min-width:981px){
	.clyx-aloka-light-hero{
		height:calc(100svh - 84px) !important;
		min-height:590px !important;
		max-height:none !important;
	}

	.clyx-aloka-light-wrap{
		padding-top:16px !important;
		padding-bottom:16px !important;
	}

	.clyx-aloka-light-layout{
		grid-template-columns:minmax(315px,405px) minmax(220px,1fr) minmax(280px,340px) !important;
		gap:22px !important;
	}

	.clyx-aloka-light-hero .clyx-aloka-final-copy{
		padding:20px 26px !important;
		max-width:405px !important;
	}

	.clyx-aloka-light-hero .clyx-aloka-final-copy h1{
		font-size:clamp(32px,5.1vh,48px) !important;
	}

	.clyx-aloka-light-hero .clyx-aloka-final-copy .clyx-lead{
		font-size:13px !important;
		line-height:1.43 !important;
	}

	.clyx-aloka-light-panel{
		min-height:370px !important;
		padding:18px !important;
	}

	.clyx-aloka-light-logo-stage{
		min-height:140px !important;
		margin-bottom:14px !important;
	}

	.clyx-aloka-light-panel p{
		font-size:16px !important;
		margin-bottom:12px !important;
	}

	.clyx-aloka-light-hero .clyx-aloka-mini-a,
	.clyx-aloka-light-hero .clyx-aloka-mini-b,
	.clyx-aloka-light-hero .clyx-aloka-mini-c{
		display:none !important;
	}
}

/* Medium/mobile */
@media (max-width:1180px){
	.clyx-aloka-light-hero{
		height:auto !important;
		min-height:auto !important;
		max-height:none !important;
		padding:92px 0 70px !important;
		display:block !important;
	}

	.clyx-aloka-light-wrap{
		width:min(720px, calc(100% - 40px)) !important;
		height:auto !important;
		padding:0 !important;
		display:block !important;
	}

	.clyx-aloka-light-layout{
		display:block !important;
	}

	.clyx-aloka-light-hero .clyx-aloka-final-copy,
	.clyx-aloka-light-panel{
		max-width:560px !important;
		width:100% !important;
		margin:0 auto !important;
		max-height:none !important;
		overflow:visible !important;
	}

	.clyx-aloka-light-panel{
		margin-top:26px !important;
		min-height:auto !important;
	}

	.clyx-aloka-light-hero .clyx-aloka-final-middle{
		display:none !important;
	}
}

@media (max-width:600px){
	.clyx-aloka-light-hero{
		padding:82px 0 58px !important;
	}

	.clyx-aloka-light-wrap{
		width:min(100% - 28px, 560px) !important;
	}

	.clyx-aloka-light-hero .clyx-aloka-final-copy{
		padding:30px 24px !important;
	}

	.clyx-aloka-light-hero .clyx-aloka-final-copy h1{
		font-size:42px !important;
	}

	.clyx-aloka-light-hero .clyx-aloka-final-actions{
		flex-direction:column !important;
		align-items:stretch !important;
	}

	.clyx-aloka-light-hero .clyx-aloka-final-actions .clyx-btn{
		width:100% !important;
	}

	.clyx-aloka-light-logo-stage{
		min-height:135px !important;
	}
}


/* v0.3.37 - restore GLB viewer in the lightweight Aloka hero */
.clyx-aloka-light-hero .clyx-aloka-light-model-stage{
    position:relative;
    overflow:hidden;
    padding:0;
}

.clyx-aloka-light-hero .clyx-aloka-light-model-stage::after{
    content:'';
    position:absolute;
    inset:auto 14% 8% 14%;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg, rgba(255,255,255,.08) 0%, rgba(44,219,255,.92) 50%, rgba(255,255,255,.08) 100%);
    box-shadow:0 0 18px rgba(44,219,255,.35);
    pointer-events:none;
}

.clyx-aloka-light-hero .clyx-aloka-light-model-stage model-viewer,
.clyx-aloka-light-hero .clyx-aloka-light-model-stage .clyx-aloka-model,
.clyx-aloka-light-hero model-viewer.clyx-aloka-light-model{
    display:block !important;
    width:100%;
    height:100%;
    min-height:270px;
    background:transparent;
    --poster-color: transparent;
}

.clyx-aloka-light-hero .clyx-aloka-light-model-stage img{
    display:none !important;
}

.clyx-aloka-light-hero .clyx-aloka-light-model-stage .clyx-aloka-light-depth{
    display:none;
}

@media (max-width: 1120px){
    .clyx-aloka-light-hero .clyx-aloka-light-model-stage model-viewer,
    .clyx-aloka-light-hero .clyx-aloka-light-model-stage .clyx-aloka-model{
        min-height:240px;
    }
}

@media (max-width: 767px){
    .clyx-aloka-light-hero .clyx-aloka-light-model-stage model-viewer,
    .clyx-aloka-light-hero .clyx-aloka-light-model-stage .clyx-aloka-model{
        min-height:210px;
    }
}


/* v0.3.38 - fix empty Aloka GLB stage + graceful fallback */
.clyx-aloka-light-hero .clyx-aloka-light-model-stage{
	background:
		radial-gradient(circle at 50% 46%, rgba(49,221,241,.18), transparent 48%),
		linear-gradient(145deg, rgba(4,18,36,.86), rgba(10,42,74,.58)) !important;
	border: 1px solid rgba(49,221,241,.22) !important;
	box-shadow:
		0 20px 56px rgba(0,0,0,.26),
		0 0 50px rgba(49,221,241,.16),
		inset 0 1px 0 rgba(255,255,255,.14) !important;
	transform: perspective(800px) rotateY(-5deg) rotateX(2deg) !important;
}

/* Important: older CSS hid all images inside the light hero. Re-enable only the fallback image. */
.clyx-aloka-light-hero .clyx-aloka-light-model-stage .clyx-aloka-model-fallback,
.clyx-aloka-light-hero .clyx-aloka-light-model-stage .clyx-aloka-static-fallback{
	display: block !important;
	width: 80% !important;
	max-width: 260px !important;
	height: auto !important;
	margin: auto !important;
	filter:
		drop-shadow(0 16px 22px rgba(0,0,0,.26))
		drop-shadow(0 0 18px rgba(49,221,241,.22)) !important;
	opacity: 1 !important;
}

/* Static fallback is only used when model-viewer fails/not supported */
.clyx-aloka-light-hero .clyx-aloka-static-fallback{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:3;
	pointer-events:none;
	opacity:0 !important;
	visibility:hidden !important;
}

/* Model loaded = show 3D only */
.clyx-aloka-light-hero .clyx-aloka-model-loaded .clyx-aloka-static-fallback{
	opacity:0 !important;
	visibility:hidden !important;
}

/* Model failed = show fallback image instead of empty white card */
.clyx-aloka-light-hero .clyx-aloka-model-failed model-viewer{
	opacity:0 !important;
	visibility:hidden !important;
}

.clyx-aloka-light-hero .clyx-aloka-model-failed .clyx-aloka-static-fallback{
	opacity:1 !important;
	visibility:visible !important;
}

.clyx-aloka-light-hero .clyx-aloka-light-model-stage model-viewer,
.clyx-aloka-light-hero .clyx-aloka-light-model-stage .clyx-aloka-model{
	background: transparent !important;
	--poster-color: transparent;
}

/* reduce visual harshness of the GLB when it does load */
.clyx-aloka-light-hero model-viewer.clyx-aloka-light-model{
	filter:
		saturate(.82)
		brightness(.86)
		contrast(.94)
		drop-shadow(0 18px 28px rgba(0,0,0,.26))
		drop-shadow(0 0 16px rgba(49,221,241,.16));
}


/* v0.3.39 - live GLB only, no PNG fallback */
.clyx-aloka-live-glb-hero{
	height: calc(100svh - 88px) !important;
	min-height: 650px !important;
	max-height: 860px !important;
	padding: 0 !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: stretch !important;
	background:#061426 !important;
}

/* Stop older fallback/static logo CSS from showing PNG inside the hero model area */
.clyx-aloka-live-glb-hero .clyx-aloka-model-fallback,
.clyx-aloka-live-glb-hero .clyx-aloka-static-fallback,
.clyx-aloka-live-glb-hero .clyx-aloka-light-logo-stage img,
.clyx-aloka-live-glb-hero .clyx-aloka-final-logo-card,
.clyx-aloka-live-glb-hero .clyx-aloka-logo-card,
.clyx-aloka-live-glb-hero .clyx-aloka-logo-tile,
.clyx-aloka-live-glb-hero .clyx-aloka-mark-tile,
.clyx-aloka-live-glb-hero .clyx-aloka-final-topline,
.clyx-aloka-live-glb-hero .clyx-aloka-brand-strip,
.clyx-aloka-live-glb-hero .clyx-aloka-top-lockup{
	display:none !important;
}

/* Undo older CSS that hid model-viewer in the light hero */
.clyx-aloka-live-glb-hero model-viewer,
.clyx-aloka-live-glb-hero .clyx-aloka-live-model{
	display:block !important;
	visibility:visible !important;
	opacity:1 !important;
}

/* Hero structure stays like current approved layout */
.clyx-aloka-live-glb-hero .clyx-aloka-final-bg{
	position:absolute !important;
	inset:0 !important;
	background-size:cover !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	transform:none !important;
	filter:brightness(.92) saturate(1.02) !important;
}

.clyx-aloka-live-glb-hero .clyx-aloka-final-vignette{
	background:
		linear-gradient(90deg, rgba(2,10,20,.18) 0%, rgba(2,10,20,.04) 46%, rgba(2,10,20,.20) 100%),
		linear-gradient(180deg, rgba(2,10,20,.13) 0%, rgba(2,10,20,.02) 52%, rgba(2,10,20,.22) 100%),
		radial-gradient(circle at 67% 45%, rgba(45,224,249,.10), transparent 24%) !important;
}

.clyx-aloka-live-glb-hero .clyx-aloka-light-wrap{
	width:min(1320px, calc(100% - 56px)) !important;
	height:100% !important;
	min-height:0 !important;
	margin:0 auto !important;
	padding:clamp(22px,3.4vh,42px) 0 clamp(18px,2.6vh,28px) !important;
	display:flex !important;
	align-items:center !important;
	position:relative !important;
	z-index:4 !important;
}

.clyx-aloka-live-glb-hero .clyx-aloka-light-layout{
	width:100% !important;
	height:auto !important;
	display:grid !important;
	grid-template-columns:minmax(330px,430px) minmax(260px,1fr) minmax(300px,390px) !important;
	gap:clamp(22px,3vw,44px) !important;
	align-items:center !important;
}

.clyx-aloka-live-glb-hero .clyx-aloka-final-copy{
	width:100% !important;
	max-width:430px !important;
	padding:clamp(24px,3.2vh,36px) clamp(26px,2.7vw,38px) !important;
	border-radius:28px !important;
	align-self:center !important;
	max-height:calc(100svh - 150px) !important;
	overflow:hidden !important;
}

.clyx-aloka-live-glb-hero .clyx-aloka-final-copy h1{
	font-size:clamp(38px,5.6vh,62px) !important;
	line-height:.96 !important;
	margin-bottom:clamp(14px,1.9vh,22px) !important;
}

.clyx-aloka-live-glb-hero .clyx-aloka-final-copy .clyx-lead{
	font-size:clamp(13px,1.62vh,16px) !important;
	line-height:1.5 !important;
}

.clyx-aloka-live-glb-panel{
	position:relative !important;
	width:100% !important;
	max-width:390px !important;
	min-height:430px !important;
	padding:clamp(24px,3.2vh,34px) !important;
	border-radius:34px !important;
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	justify-content:center !important;
	text-align:center !important;
	background:
		radial-gradient(circle at 50% 32%, rgba(49,221,241,.18), transparent 36%),
		radial-gradient(circle at 50% 82%, rgba(0,0,0,.12), transparent 45%),
		linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.045)) !important;
	border:1px solid rgba(255,255,255,.20) !important;
	box-shadow:
		0 34px 90px rgba(0,0,0,.34),
		0 0 70px rgba(33,213,240,.12),
		inset 0 1px 0 rgba(255,255,255,.12) !important;
	backdrop-filter:blur(14px) !important;
	overflow:hidden !important;
}

.clyx-aloka-live-glb-stage{
	position:relative !important;
	z-index:2 !important;
	width:min(300px,92%) !important;
	height:clamp(210px,32vh,290px) !important;
	min-height:210px !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	margin:0 auto clamp(20px,2.8vh,28px) !important;
	border-radius:30px !important;
	background:
		radial-gradient(circle at 50% 46%, rgba(49,221,241,.18), transparent 48%),
		linear-gradient(145deg, rgba(4,18,36,.86), rgba(10,42,74,.58)) !important;
	border:1px solid rgba(49,221,241,.22) !important;
	box-shadow:
		0 20px 56px rgba(0,0,0,.26),
		0 0 50px rgba(49,221,241,.16),
		inset 0 1px 0 rgba(255,255,255,.14) !important;
	transform:perspective(800px) rotateY(-5deg) rotateX(2deg) !important;
	overflow:hidden !important;
}

.clyx-aloka-live-glb-stage::before{
	content:"";
	position:absolute;
	inset:20px;
	border-radius:26px;
	background:
		linear-gradient(rgba(49,221,241,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(49,221,241,.04) 1px, transparent 1px);
	background-size:34px 34px;
	opacity:.55;
	z-index:0;
	pointer-events:none;
}

.clyx-aloka-live-glb-stage::after{
	content:"";
	position:absolute;
	inset:auto 14% 8% 14%;
	height:2px;
	border-radius:999px;
	background:linear-gradient(90deg, rgba(255,255,255,.08) 0%, rgba(44,219,255,.92) 50%, rgba(255,255,255,.08) 100%);
	box-shadow:0 0 18px rgba(44,219,255,.35);
	pointer-events:none;
	z-index:4;
}

.clyx-aloka-live-model{
	position:relative !important;
	z-index:3 !important;
	width:100% !important;
	height:100% !important;
	min-height:210px !important;
	background:transparent !important;
	--poster-color:transparent;
	--progress-bar-color:#31DDF1;
	--progress-bar-height:3px;
	filter:
		saturate(.78)
		brightness(.82)
		contrast(.92)
		drop-shadow(0 18px 28px rgba(0,0,0,.26))
		drop-shadow(0 0 16px rgba(49,221,241,.16)) !important;
}

.clyx-aloka-glb-loading{
	position:absolute;
	inset:0;
	z-index:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:12px;
	color:rgba(225,246,250,.70);
	font-size:11px;
	font-weight:900;
	letter-spacing:.10em;
	text-transform:uppercase;
	pointer-events:none;
}

.clyx-aloka-glb-loading span{
	width:78px;
	height:3px;
	border-radius:999px;
	background:linear-gradient(90deg, transparent, #31DDF1, transparent);
	box-shadow:0 0 18px rgba(49,221,241,.45);
	animation:clyxAlokaGlbLine 1.35s ease-in-out infinite;
}

.clyx-aloka-live-glb-panel p{
	position:relative;
	z-index:2;
	margin:0 0 clamp(14px,2vh,20px) !important;
	color:rgba(244,250,252,.94);
	font-size:clamp(18px,2.25vh,23px) !important;
	line-height:1.25 !important;
	font-weight:950;
	text-shadow:0 12px 32px rgba(0,0,0,.28);
}

.clyx-aloka-live-glb-panel .clyx-aloka-final-tags{
	position:relative;
	z-index:2;
	justify-content:center;
}

@keyframes clyxAlokaGlbLine{
	0%,100%{transform:scaleX(.45); opacity:.55;}
	50%{transform:scaleX(1); opacity:1;}
}

@media (max-height:760px) and (min-width:981px){
	.clyx-aloka-live-glb-hero{
		height:calc(100svh - 84px) !important;
		min-height:590px !important;
		max-height:none !important;
	}

	.clyx-aloka-live-glb-hero .clyx-aloka-light-wrap{
		padding-top:16px !important;
		padding-bottom:16px !important;
	}

	.clyx-aloka-live-glb-hero .clyx-aloka-light-layout{
		grid-template-columns:minmax(315px,405px) minmax(220px,1fr) minmax(280px,340px) !important;
		gap:22px !important;
	}

	.clyx-aloka-live-glb-hero .clyx-aloka-final-copy{
		padding:20px 26px !important;
		max-width:405px !important;
	}

	.clyx-aloka-live-glb-hero .clyx-aloka-final-copy h1{
		font-size:clamp(32px,5.1vh,48px) !important;
	}

	.clyx-aloka-live-glb-panel{
		min-height:370px !important;
		padding:18px !important;
	}

	.clyx-aloka-live-glb-stage{
		height:210px !important;
		min-height:210px !important;
	}

	.clyx-aloka-live-model{
		min-height:210px !important;
	}
}

@media (max-width:1180px){
	.clyx-aloka-live-glb-hero{
		height:auto !important;
		min-height:auto !important;
		max-height:none !important;
		padding:92px 0 70px !important;
		display:block !important;
	}

	.clyx-aloka-live-glb-hero .clyx-aloka-light-wrap{
		width:min(720px, calc(100% - 40px)) !important;
		height:auto !important;
		padding:0 !important;
		display:block !important;
	}

	.clyx-aloka-live-glb-hero .clyx-aloka-light-layout{
		display:block !important;
	}

	.clyx-aloka-live-glb-hero .clyx-aloka-final-copy,
	.clyx-aloka-live-glb-panel{
		max-width:560px !important;
		width:100% !important;
		margin:0 auto !important;
		max-height:none !important;
		overflow:visible !important;
	}

	.clyx-aloka-live-glb-panel{
		margin-top:26px !important;
		min-height:auto !important;
	}

	.clyx-aloka-live-glb-hero .clyx-aloka-final-middle{
		display:none !important;
	}
}

@media (max-width:600px){
	.clyx-aloka-live-glb-hero{
		padding:82px 0 58px !important;
	}

	.clyx-aloka-live-glb-hero .clyx-aloka-light-wrap{
		width:min(100% - 28px, 560px) !important;
	}

	.clyx-aloka-live-glb-hero .clyx-aloka-final-copy{
		padding:30px 24px !important;
	}

	.clyx-aloka-live-glb-hero .clyx-aloka-final-copy h1{
		font-size:42px !important;
	}

	.clyx-aloka-live-glb-stage{
		height:230px !important;
		min-height:230px !important;
	}

	.clyx-aloka-live-model{
		min-height:230px !important;
	}
}


/* v0.3.40 - Aloka GLB readability fix */
.clyx-aloka-live-glb-hero .clyx-aloka-glb-loading,
.clyx-aloka-live-glb-hero .clyx-aloka-glb-loading span,
.clyx-aloka-live-glb-hero .clyx-aloka-glb-loading em{
	display:none !important;
	opacity:0 !important;
	visibility:hidden !important;
}

/* Remove the harsh bright strip that made the model card feel like it was still loading */
.clyx-aloka-live-glb-stage::after{
	opacity:.35 !important;
	height:1px !important;
	box-shadow:0 0 10px rgba(44,219,255,.18) !important;
}

/* Make the stage darker and less reflective-looking */
.clyx-aloka-live-glb-stage{
	background:
		radial-gradient(circle at 50% 46%, rgba(49,221,241,.10), transparent 48%),
		linear-gradient(145deg, rgba(3,14,30,.94), rgba(7,31,58,.70)) !important;
	border-color:rgba(49,221,241,.18) !important;
	box-shadow:
		0 20px 56px rgba(0,0,0,.28),
		0 0 38px rgba(49,221,241,.10),
		inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* Tone down the GLB itself: less shine, less saturation, more readable silhouette */
.clyx-aloka-live-model{
	filter:
		saturate(.50)
		brightness(.62)
		contrast(.86)
		drop-shadow(0 16px 24px rgba(0,0,0,.30))
		drop-shadow(0 0 10px rgba(49,221,241,.10)) !important;
	opacity:.92 !important;
}

/* Slightly reduce the panel glow so the 3D logo becomes the focus */
.clyx-aloka-live-glb-panel{
	background:
		radial-gradient(circle at 50% 32%, rgba(49,221,241,.12), transparent 36%),
		radial-gradient(circle at 50% 82%, rgba(0,0,0,.08), transparent 45%),
		linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.04)) !important;
}

/* Disable any old fallback classes from affecting the live GLB */
.clyx-aloka-live-glb-hero .clyx-aloka-model-failed model-viewer,
.clyx-aloka-live-glb-hero .clyx-aloka-model-loaded model-viewer{
	opacity:1 !important;
	visibility:visible !important;
}


/* v0.3.41 - lighter GLB stage for better logo visibility */
.clyx-aloka-live-glb-stage{
    background:
        radial-gradient(circle at 50% 46%, rgba(255,255,255,.92), rgba(210,245,252,.80) 34%, rgba(104,220,245,.18) 62%, rgba(4,18,36,.10) 100%),
        linear-gradient(145deg, rgba(234,247,252,.94), rgba(183,233,247,.80)) !important;
    border:1px solid rgba(255,255,255,.54) !important;
    box-shadow:
        0 22px 58px rgba(0,0,0,.24),
        0 0 34px rgba(49,221,241,.12),
        inset 0 1px 0 rgba(255,255,255,.72) !important;
}

.clyx-aloka-live-glb-stage::before{
    background:
        linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.18)) !important;
    border:1px solid rgba(255,255,255,.36) !important;
}

.clyx-aloka-live-glb-stage::after{
    opacity:.20 !important;
    background:linear-gradient(90deg, transparent, rgba(48,221,241,.32), transparent) !important;
    box-shadow:0 0 12px rgba(44,219,255,.10) !important;
}

.clyx-aloka-live-model{
    filter:
        saturate(.72)
        brightness(.78)
        contrast(.94)
        drop-shadow(0 10px 18px rgba(5,20,35,.18))
        drop-shadow(0 0 8px rgba(49,221,241,.08)) !important;
    opacity:.98 !important;
}


/* v0.3.42 - Aloka GLB true-color correction */
.clyx-aloka-live-glb-stage{
    background:
        radial-gradient(circle at 50% 40%, rgba(255,255,255,.95) 0%, rgba(243,251,255,.93) 30%, rgba(214,245,252,.88) 60%, rgba(174,232,245,.62) 100%) !important;
    border:1px solid rgba(255,255,255,.62) !important;
    box-shadow:
        0 20px 48px rgba(0,0,0,.18),
        0 0 34px rgba(49,221,241,.10),
        inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.clyx-aloka-live-glb-stage::before{
    background:
        linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.04)) !important;
    border:1px solid rgba(255,255,255,.28) !important;
    opacity:.45 !important;
}

.clyx-aloka-live-glb-stage::after{
    background:linear-gradient(90deg, transparent, rgba(44,219,255,.72), transparent) !important;
    box-shadow:0 0 10px rgba(44,219,255,.18) !important;
    opacity:.70 !important;
}

.clyx-aloka-live-model{
    filter:
        saturate(1.04)
        brightness(1.04)
        contrast(1.02)
        drop-shadow(0 10px 18px rgba(10,28,48,.12)) !important;
    opacity:1 !important;
}

.clyx-aloka-live-model::part(default-progress-mask),
.clyx-aloka-live-model::part(default-progress-bar),
.clyx-aloka-live-model::part(default-progress-bar-mask){
    background-color:#31DDF1 !important;
}


/* v0.3.44 - front-facing GLB start and smoother faster rotation */
.clyx-aloka-live-glb-stage{
    background:
        radial-gradient(circle at 50% 40%, rgba(255,255,255,.96) 0%, rgba(243,251,255,.94) 30%, rgba(214,245,252,.88) 60%, rgba(174,232,245,.62) 100%) !important;
    border:1px solid rgba(255,255,255,.64) !important;
    box-shadow:
        0 20px 48px rgba(0,0,0,.18),
        0 0 34px rgba(49,221,241,.10),
        inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.clyx-aloka-live-model{
    filter:
        saturate(1.04)
        brightness(1.04)
        contrast(1.02)
        drop-shadow(0 10px 18px rgba(10,28,48,.12)) !important;
    opacity:1 !important;
}

/* Keep old loader hidden */
.clyx-aloka-glb-loading,
.clyx-aloka-glb-loading span,
.clyx-aloka-glb-loading em{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
}


/* v0.3.45 - split long one-page layout into focused pages */
.clyx-page-split{
	position:relative;
	background:#f5f9fb;
	isolation:isolate;
}

.clyx-page-split .clyx-global-tech-bg{opacity:.65}

.clyx-split-page-hero{
	position:relative;
	padding:118px 0 72px;
	color:#fff;
	background:
		radial-gradient(circle at 20% 20%, rgba(33,213,240,.16), transparent 28%),
		radial-gradient(circle at 80% 10%, rgba(0,0,0,.18), transparent 30%),
		linear-gradient(135deg,#061426 0%,#071a30 54%,#0a2a3b 100%);
	overflow:hidden;
}

.clyx-split-page-hero::before{
	content:"";
	position:absolute;
	inset:0;
	background-image:
		linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
	background-size:72px 72px;
	mask-image:linear-gradient(to bottom,#000,transparent 92%);
	pointer-events:none;
}

.clyx-split-page-hero .clyx-wrap{position:relative;z-index:1;max-width:980px;text-align:center}
.clyx-split-page-hero h1{margin:0;color:#fff;font-size:clamp(46px,6vw,82px);line-height:.98;letter-spacing:-.07em;font-weight:950}
.clyx-split-page-hero p:not(.clyx-kicker){margin:24px auto 0;color:#c6d7e0;font-size:clamp(17px,1.6vw,22px);line-height:1.55;max-width:780px}

.clyx-split-overview{padding-top:96px}
.clyx-split-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:44px}
.clyx-split-card{display:block;min-height:270px;padding:28px;border-radius:26px;background:rgba(255,255,255,.82);border:1px solid rgba(6,25,32,.10);box-shadow:0 24px 70px rgba(6,25,32,.09);transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease}
.clyx-split-card:hover{transform:translateY(-6px);box-shadow:0 32px 90px rgba(6,25,32,.14);border-color:rgba(33,213,240,.45)}
.clyx-split-card span{display:inline-flex;width:42px;height:42px;border-radius:14px;align-items:center;justify-content:center;background:#d9fbff;color:#063a44;font-weight:950;font-size:13px;margin-bottom:24px}
.clyx-split-card h3{margin:0 0 12px;color:#050505;font-size:26px;line-height:1;font-weight:950;letter-spacing:-.04em}
.clyx-split-card p{margin:0;color:#607283;font-size:15px;line-height:1.62}

.clyx-home-proof-preview{background:rgba(255,255,255,.75)}
.clyx-home-proof-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.clyx-home-proof-grid .clyx-btn{margin-top:28px}

.clyx-page-request-access .clywu-request-shell{margin:0 auto}

@media (max-width:1100px){
	.clyx-split-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.clyx-home-proof-grid{grid-template-columns:1fr}
}

@media (max-width:680px){
	.clyx-split-page-hero{padding:86px 0 58px}
	.clyx-split-card-grid{grid-template-columns:1fr}
	.clyx-split-card{min-height:auto}
}


/* v0.3.46 - balanced split homepage + footer */
.clyx-home-balanced .clyx-section{position:relative;z-index:1}
.clyx-home-intel-summary{padding:96px 0;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(245,249,251,.88))}
.clyx-home-summary-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:44px;align-items:center}
.clyx-home-summary-grid .clyx-btn{margin-top:26px}
.clyx-home-signal-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.clyx-home-mini-card{min-height:205px;padding:24px;border-radius:24px;background:rgba(255,255,255,.86);border:1px solid rgba(6,25,32,.10);box-shadow:0 22px 65px rgba(6,25,32,.075)}
.clyx-home-mini-card span{display:inline-flex;width:38px;height:38px;border-radius:13px;align-items:center;justify-content:center;background:#d9fbff;color:#063a44;font-size:12px;font-weight:950;margin-bottom:20px}
.clyx-home-mini-card h3{margin:0 0 10px;color:#050505;font-size:22px;letter-spacing:-.045em;line-height:1;font-weight:950}
.clyx-home-mini-card p{margin:0;color:#607283;font-size:14px;line-height:1.58}
.clyx-home-platform-preview{padding:104px 0;background:rgba(255,255,255,.62)}
.clyx-home-platform-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}
.clyx-home-platform-grid .clyx-btn{margin-top:26px}
.clyx-home-luna-preview{padding:104px 0;background:#061426;color:#fff;overflow:hidden}
.clyx-home-luna-preview::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 40%,rgba(33,213,240,.14),transparent 26%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.16),transparent 30%);pointer-events:none}
.clyx-home-luna-grid{position:relative;z-index:1;display:grid;grid-template-columns:.76fr 1.24fr;gap:58px;align-items:center}
.clyx-home-luna-grid blockquote{margin:24px 0 26px;padding:18px 22px;border-left:3px solid #31DDF1;border-radius:16px;background:rgba(255,255,255,.08);color:#fff;font-weight:800}
.clyx-home-company-preview{padding:104px 0;background:rgba(255,255,255,.76)}
.clyx-home-company-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;align-items:center}
.clyx-home-company-grid .clyx-btn{margin-top:26px}
.clyx-split-card-grid-six{grid-template-columns:repeat(3,minmax(0,1fr))}
.clyx-split-card-grid-six .clyx-split-card{min-height:245px}

.clyx-site-footer{position:relative;z-index:2;background:#061426;color:#d8e7ee;padding:72px 0 28px;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}
.clyx-site-footer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 14%,rgba(49,221,241,.14),transparent 28%),radial-gradient(circle at 80% 0%,rgba(0,0,0,.12),transparent 30%);pointer-events:none}
.clyx-site-footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr 1fr 1.15fr;gap:48px;align-items:start}
.clyx-site-footer-brand strong{display:block;color:#fff;font-size:24px;font-weight:950;letter-spacing:-.04em;margin-bottom:6px}
.clyx-site-footer-brand span{display:block;color:#31DDF1;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:950;margin-bottom:18px}
.clyx-site-footer-brand p{margin:0;max-width:420px;color:#aebfc8;font-size:15px;line-height:1.7}
.clyx-site-footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px}
.clyx-site-footer a{color:#d8e7ee;text-decoration:none;font-weight:800;transition:color .2s ease, opacity .2s ease}
.clyx-site-footer a:hover{color:#31DDF1}
.clyx-site-footer-contact{display:flex;flex-direction:column;gap:12px}
.clyx-site-footer-socials{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}
.clyx-site-footer-socials a,.clyx-site-footer-bottom a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:999px;background:rgba(49,221,241,.10);border:1px solid rgba(49,221,241,.24);color:#eafcff}
.clyx-site-footer-bottom{position:relative;z-index:1;margin-top:52px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#879ca8;font-size:14px}

@media (max-width:1100px){
	.clyx-home-summary-grid,.clyx-home-platform-grid,.clyx-home-luna-grid,.clyx-home-company-grid{grid-template-columns:1fr}
	.clyx-split-card-grid-six{grid-template-columns:repeat(2,minmax(0,1fr))}
	.clyx-site-footer-grid{grid-template-columns:1fr 1fr}
	.clyx-site-footer-contact{grid-column:1/-1}
}
@media (max-width:680px){
	.clyx-home-intel-summary,.clyx-home-platform-preview,.clyx-home-luna-preview,.clyx-home-company-preview{padding:72px 0}
	.clyx-home-signal-mini-grid,.clyx-split-card-grid-six{grid-template-columns:1fr}
	.clyx-site-footer-grid{grid-template-columns:1fr;gap:32px}
	.clyx-site-footer-nav{grid-template-columns:1fr}
	.clyx-site-footer-bottom{display:block}.clyx-site-footer-bottom a{margin-top:16px;width:max-content}
}


/* v0.3.47 - Luna preview readability + request access home balance */
.clyx-luna-preview,
.clyx-luna-section,
.clyx-home-luna,
section[id="luna"],
section[id*="luna"]{
    position: relative;
}

/* Fix invisible Luna headline on dark background */
.clyx-luna-preview h1,
.clyx-luna-preview h2,
.clyx-luna-preview h3,
.clyx-luna-section h1,
.clyx-luna-section h2,
.clyx-luna-section h3,
.clyx-home-luna h1,
.clyx-home-luna h2,
.clyx-home-luna h3,
section[id="luna"] h1,
section[id="luna"] h2,
section[id="luna"] h3,
section[id*="luna"] h1,
section[id*="luna"] h2,
section[id*="luna"] h3{
    color: #F7FBFF !important;
    opacity: 1 !important;
    text-shadow: 0 18px 55px rgba(0, 0, 0, .45) !important;
}

/* Keep Luna body copy readable without washing out the premium dark section */
.clyx-luna-preview p,
.clyx-luna-section p,
.clyx-home-luna p,
section[id="luna"] p,
section[id*="luna"] p{
    color: rgba(226, 241, 248, .78) !important;
}

/* Make the Luna quote/card clearer */
.clyx-luna-preview blockquote,
.clyx-luna-section blockquote,
.clyx-home-luna blockquote,
.clyx-luna-preview .clyx-card,
.clyx-luna-section .clyx-card,
.clyx-home-luna .clyx-card{
    color: #F7FBFF !important;
}

/* Request access section spacing when restored to homepage */
.clyx-request-section,
.clyx-request-access,
section[id="request"],
section[id="request-access"]{
    scroll-margin-top: 110px;
}


/* v0.3.48 - Request Access restored to homepage + header button anchor */
.clyx-request-home-section,
section#request-access{
    position: relative;
    padding: clamp(86px, 10vw, 140px) 0;
    scroll-margin-top: 110px;
    background:
        radial-gradient(circle at 82% 20%, rgba(49, 221, 241, .16), transparent 34%),
        linear-gradient(135deg, #050505 0%, #0A0A0A 52%, #161616 100%);
    color: #F7FBFF;
    overflow: hidden;
}

.clyx-request-home-section::before,
section#request-access::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(49,221,241,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(49,221,241,.045) 1px, transparent 1px);
    background-size: 72px 72px;
    opacity: .55;
    pointer-events: none;
}

.clyx-request-home-card{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) auto;
    gap: 28px;
    align-items: center;
    padding: clamp(32px, 4vw, 56px);
    border-radius: 34px;
    background:
        radial-gradient(circle at 80% 20%, rgba(49,221,241,.18), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.045));
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 34px 110px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter: blur(14px);
}

.clyx-request-home-card h2{
    color: #fff !important;
    font-size: clamp(38px, 5vw, 72px);
    line-height: .96;
    letter-spacing: -.055em;
    margin: 0 0 18px;
}

.clyx-request-home-card p{
    color: rgba(226, 241, 248, .80) !important;
    max-width: 740px;
    font-size: clamp(16px, 1.45vw, 20px);
    line-height: 1.65;
    margin: 0;
}

.clyx-request-home-card .clyx-kicker{
    color: #31DDF1 !important;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin: 0 0 16px;
}

.clyx-request-home-actions{
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 230px;
}

.clyx-request-home-actions .clyx-btn{
    justify-content: center;
    white-space: nowrap;
}

@media (max-width: 860px){
    .clyx-request-home-card{
        grid-template-columns: 1fr;
    }

    .clyx-request-home-actions{
        min-width: 0;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media (max-width: 560px){
    .clyx-request-home-actions{
        flex-direction: column;
    }
}


/* v0.3.49 - request form restored, duplicate custom footer removed */
.clyx-site-footer{
    display:none !important;
}

/* Actual Request Access form section on homepage */
.clyx-home-request-access,
section#request-access.clyx-request{
    position: relative;
    padding: clamp(86px, 10vw, 140px) 0;
    scroll-margin-top: 110px;
    background:
        radial-gradient(circle at 16% 12%, rgba(49,221,241,.20), transparent 34%),
        radial-gradient(circle at 82% 18%, rgba(0,0,0,.22), transparent 36%),
        linear-gradient(145deg, #050505 0%, #0A0A0A 48%, #161616 100%) !important;
    color:#fff;
    overflow:hidden;
}

.clyx-home-request-access::before,
section#request-access.clyx-request::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(rgba(49,221,241,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(49,221,241,.045) 1px, transparent 1px);
    background-size:72px 72px;
    opacity:.45;
    pointer-events:none;
}

.clyx-home-request-access .clywu-request-shell,
section#request-access.clyx-request .clywu-request-shell{
    position:relative;
    z-index:2;
}

.clyx-home-request-access .clywu-request-copy h2,
section#request-access.clyx-request .clywu-request-copy h2{
    color:#fff !important;
}

.clyx-home-request-access .clywu-request-copy p,
section#request-access.clyx-request .clywu-request-copy p{
    color:rgba(226,241,248,.82) !important;
}

/* The cards above request access are only next-step cards now, not the anchor target */
#home-next-steps{
    scroll-margin-top:110px;
}


/* v0.3.50 - Clyftic custom cursor */
@media (pointer: fine) {
    html,
    body,
    .clyx-site,
    .clyx-site *,
    .clyx-hero,
    .clyx-hero *,
    .clyx-luna-widget,
    .clyx-luna-widget * {
        cursor: url('../images/cly-custom-cursor.svg') 2 2, auto !important;
    }

    a,
    button,
    input[type="submit"],
    input[type="button"],
    input[type="reset"],
    .clyx-btn,
    [role="button"],
    .clyx-luna-launcher,
    .clyx-luna-send,
    .clyx-video-open,
    .clyx-nav a {
        cursor: url('../images/cly-custom-cursor.svg') 2 2, pointer !important;
    }

    input,
    textarea,
    select,
    [contenteditable="true"] {
        cursor: text !important;
    }
}


/* v0.3.51 - inverse custom cursor that stays visible on light and dark sections */
@media (pointer: fine) {
    html.clyx-inverse-cursor-enabled,
    html.clyx-inverse-cursor-enabled body,
    html.clyx-inverse-cursor-enabled .clyx-site,
    html.clyx-inverse-cursor-enabled .clyx-site *,
    html.clyx-inverse-cursor-enabled .clyx-hero,
    html.clyx-inverse-cursor-enabled .clyx-hero *,
    html.clyx-inverse-cursor-enabled .clyx-luna-widget,
    html.clyx-inverse-cursor-enabled .clyx-luna-widget * {
        cursor: none !important;
    }

    html.clyx-inverse-cursor-enabled.clyx-native-text-cursor input,
    html.clyx-inverse-cursor-enabled.clyx-native-text-cursor textarea,
    html.clyx-inverse-cursor-enabled.clyx-native-text-cursor select,
    html.clyx-inverse-cursor-enabled.clyx-native-text-cursor [contenteditable="true"],
    html.clyx-inverse-cursor-enabled input,
    html.clyx-inverse-cursor-enabled textarea,
    html.clyx-inverse-cursor-enabled select,
    html.clyx-inverse-cursor-enabled [contenteditable="true"] {
        cursor: text !important;
    }

    .clyx-inverse-cursor {
        position: fixed;
        left: 0;
        top: 0;
        width: 30px;
        height: 30px;
        z-index: 2147483647;
        pointer-events: none;
        opacity: 0;
        transform: translate3d(-100px, -100px, 0);
        transition:
            opacity .16s ease,
            width .18s ease,
            height .18s ease,
            filter .18s ease;
        mix-blend-mode: difference;
        background: #ffffff;
        -webkit-mask: url('../images/cly-custom-cursor.svg') 0 0 / contain no-repeat;
        mask: url('../images/cly-custom-cursor.svg') 0 0 / contain no-repeat;
        filter:
            drop-shadow(0 0 1px rgba(255,255,255,.35))
            drop-shadow(0 0 10px rgba(49,221,241,.12));
        will-change: transform;
    }

    .clyx-inverse-cursor.is-visible {
        opacity: 1;
    }

    .clyx-inverse-cursor.is-hover {
        width: 36px;
        height: 36px;
        filter:
            drop-shadow(0 0 1px rgba(255,255,255,.40))
            drop-shadow(0 0 14px rgba(49,221,241,.24));
    }

    .clyx-inverse-cursor.is-down {
        width: 26px;
        height: 26px;
    }

    .clyx-inverse-cursor.is-text {
        opacity: 0;
    }
}

/* Fallback: when JS does not run, keep the normal SVG cursor from v0.3.50 */
@media (pointer: fine) {
    html:not(.clyx-inverse-cursor-enabled),
    html:not(.clyx-inverse-cursor-enabled) body {
        cursor: url('../images/cly-custom-cursor.svg') 2 2, auto;
    }
}


/* v0.3.52 - smooth scroll across Clyftic website */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 104px;
}

body {
    scroll-behavior: smooth;
}

.clyx-site,
.clyx-site main,
.clyx-site section {
    scroll-behavior: smooth;
}

.clyx-section,
.clyx-hero,
section[id] {
    scroll-margin-top: 104px;
}

@media (prefers-reduced-motion: reduce) {
    html,
    body,
    .clyx-site,
    .clyx-site main,
    .clyx-site section {
        scroll-behavior: auto !important;
    }
}


/* v0.3.53 - Lenis smooth scroll setup */
html {
    scroll-behavior: auto !important;
    scroll-padding-top: 104px;
}

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

.clyx-section,
.clyx-hero,
section[id] {
    scroll-margin-top: 104px;
}

/* Let native scrolling remain for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
    html,
    body {
        scroll-behavior: auto !important;
    }
}


/* Global public-site font and black palette lock — v1.4.13 */
:root{
	--cly-ink:#0A0A0A;
	--cly-dark:#050505;
	--cly-dark-2:#0A0A0A;
	--cly-blue:#111111;
	--clyx-midnight:#0A0A0A;
	--clyx-dark:#050505;
	--clyx-blue:#111111;
}
.cly-page h1,.cly-page h2,.cly-page h3,.cly-page h4,
.cly-contact-page h1,.cly-contact-page h2,.cly-contact-page h3,
.clyx-luna-chat h1,.clyx-luna-chat h2,.clyx-luna-chat h3,
.clyb-site-header,.clyb-site-footer{
	font-family:Satoshi,Inter,system-ui,sans-serif !important;
}
.cly-page,.cly-contact-page,.clyx-luna-chat,.clyb-site-header,.clyb-site-footer,
.cly-page p,.cly-contact-page p,.cly-page a,.cly-contact-page a,
.cly-page li,.cly-contact-page li,.cly-page input,.cly-contact-page input,
.cly-page textarea,.cly-contact-page textarea,.cly-page button,.cly-contact-page button{
	font-family:Inter,system-ui,sans-serif !important;
}


/* =========================================================
   Global neutral-black palette cleanup — v1.4.14
   ========================================================= */
:root{
	--clyx-midnight:#050505;
	--clyx-midnight-2:#000000;
	--clyx-midnight-3:#111111;
	--clyx-blue:#111111;
	--clyx-soft:#f3f3f1;
}
.clyx-hero,
.cly-contact-hero,
.cly-contact-band,
.cly-page-hero{
	background:
		radial-gradient(circle at 18% 18%,rgba(255,255,255,.04),transparent 28%),
		linear-gradient(135deg,#000000 0%,#070707 56%,#111111 100%) !important;
}
.clyx-hero-bg::after{background:rgba(255,255,255,.025) !important}
.clyx-section-soft,
.cly-contact-form-section,
.cly-contact-trust,
.cly-page-soft{background:#f3f3f1 !important}
.clyx-card,
.cly-contact-card{border-color:rgba(0,0,0,.10) !important}
.clyx-btn-primary,
.cly-contact-submit{background:#0A0A0A !important;color:#fff !important}
.clyx-btn-primary:hover,
.cly-contact-submit:hover{background:#202020 !important}
.clyb-site-footer{background:#000000 !important}


/* =========================================================
   Clyftic brand header shortcode — v1.5.1
   ========================================================= */
.cly-brand-header-v2{
	position:relative;
	z-index:70;
	width:100%;
	background:#fff;
	border-bottom:1px solid rgba(10,10,10,.08);
	font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
.cly-brand-header-v2__inner{
	width:min(calc(100% - 64px),1400px);
	min-height:76px;
	margin:0 auto;
	display:flex;
	align-items:center;
	gap:34px;
}
.cly-brand-header-v2__logo{
	display:flex;
	align-items:center;
	width:190px;
	min-width:190px;
	text-decoration:none;
}
.cly-brand-header-v2__logo img{
	display:block;
	width:100%;
	height:auto;
	max-height:48px;
	object-fit:contain;
	object-position:left center;
}
.cly-brand-header-v2__nav{
	margin-left:auto;
	display:flex;
	align-items:center;
	gap:44px;
}
.cly-brand-header-v2__nav a{
	position:relative;
	padding:27px 0;
	font-size:14px;
	font-weight:700;
	line-height:1;
	color:#1e293b;
	text-decoration:none;
	transition:color .2s ease;
}
.cly-brand-header-v2__nav a:hover,
.cly-brand-header-v2__nav a[aria-current='page']{color:#000;}
.cly-brand-header-v2__nav a[aria-current='page']::after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:18px;
	height:2px;
	background:#000;
}
.cly-brand-header-v2__cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	padding:0 26px;
	border-radius:999px;
	background:#050505;
	color:#fff !important;
	font-size:13px;
	font-weight:800;
	text-decoration:none;
	white-space:nowrap;
	transition:transform .2s ease,background .2s ease;
}
.cly-brand-header-v2__cta:hover{transform:translateY(-1px);background:#202020;}
.cly-brand-header-v2__mobile{display:none;position:relative;margin-left:auto;}
.cly-brand-header-v2__mobile summary{
	list-style:none;
	width:46px;
	height:46px;
	border:1px solid rgba(0,0,0,.12);
	border-radius:50%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:4px;
	cursor:pointer;
}
.cly-brand-header-v2__mobile summary::-webkit-details-marker{display:none;}
.cly-brand-header-v2__mobile summary i{display:block;width:18px;height:2px;background:#000;border-radius:999px;}
.cly-brand-header-v2__mobile nav{
	position:absolute;
	top:56px;
	right:0;
	width:min(310px,calc(100vw - 32px));
	padding:14px;
	border:1px solid rgba(0,0,0,.1);
	border-radius:20px;
	background:#fff;
	box-shadow:0 24px 60px rgba(0,0,0,.14);
	dis:grid;
	gap:4px;
}
.cly-brand-header-v2__mobile nav a{padding:13px 14px;border-radius:12px;color:#111;text-decoration:none;font-size:15px;font-weight:700;}
.cly-brand-header-v2__mobile nav a:hover{background:#f3f3f3;}
.cly-brand-header-v2__mobile nav .is-cta{margin-top:6px;background:#050505;color:#fff;text-align:center;}
@media(max-width:1050px){
	.cly-brand-header-v2__inner{width:min(calc(100% - 40px),1400px);gap:24px;}
	.cly-brand-header-v2__nav{gap:24px;}
	.cly-brand-header-v2__logo{width:175px;min-width:175px;}
}
@media(max-width:860px){
	.cly-brand-header-v2__inner{min-height:70px;}
	.cly-brand-header-v2__nav,.cly-brand-header-v2__cta{display:none;}
	.cly-brand-header-v2__mobile{display:block;}
	.cly-brand-header-v2__logo{width:170px;min-width:170px;}
}
@media(max-width:480px){
	.cly-brand-header-v2__inner{width:calc(100% - 28px);}
	.cly-brand-header-v2__logo{width:155px;min-width:155px;}
}


/* =========================================================
   v1.5.3 — branded footer shortcode + branded contact page
   ========================================================= */
.cly-brand-footer-v3,
.cly-brand-footer-v3 *{box-sizing:border-box;}
.cly-brand-footer-v3{
	position:relative;
	width:100vw;
	margin-left:calc(50% - 50vw);
	background:#050505;
	color:#fff;
	font-family:'Inter',system-ui,sans-serif;
	overflow:hidden;
}
.cly-brand-footer-v3::before{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	background:radial-gradient(circle at 82% 16%,rgba(255,255,255,.07),transparent 25%),radial-gradient(circle at 12% 92%,rgba(255,255,255,.04),transparent 28%);
}
.cly-brand-footer-v3__shell{position:relative;z-index:1;width:min(calc(100% - 64px),1360px);margin:0 auto;padding:78px 0 28px;}
.cly-brand-footer-v3__cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;padding:0 0 64px;border-bottom:1px solid rgba(255,255,255,.12);}
.cly-brand-footer-v3__cta p{margin:0 0 14px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.44);}
.cly-brand-footer-v3__cta h2{margin:0;max-width:720px;font-family:'Satoshi','Inter',sans-serif;font-size:clamp(44px,5vw,76px);font-weight:700;line-height:.94;letter-spacing:-.055em;color:#fff;}
.cly-brand-footer-v3__cta>a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:0 24px;border-radius:999px;background:#fff;color:#050505;text-decoration:none;font-size:14px;font-weight:800;transition:transform .25s ease,background .25s ease;}
.cly-brand-footer-v3__cta>a:hover{transform:translateY(-2px);background:#ececec;}
.cly-brand-footer-v3__cta>a span{font-size:20px;}
.cly-brand-footer-v3__grid{display:grid;grid-template-columns:minmax(300px,1.45fr) minmax(160px,.55fr) minmax(230px,.75fr);gap:78px;padding:58px 0;}
.cly-brand-footer-v3__brand>a{display:block;width:min(260px,100%);}
.cly-brand-footer-v3__brand img{display:block;width:100%;height:auto;filter:brightness(0) invert(1);}
.cly-brand-footer-v3__brand p{margin:24px 0 0;max-width:45ch;font-size:14px;line-height:1.72;color:rgba(255,255,255,.52);}
.cly-brand-footer-v3__nav,.cly-brand-footer-v3__contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px;}
.cly-brand-footer-v3__nav strong,.cly-brand-footer-v3__contact strong{margin-bottom:7px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.38);}
.cly-brand-footer-v3__nav a,.cly-brand-footer-v3__contact a,.cly-brand-footer-v3__contact span{color:rgba(255,255,255,.66);font-size:14px;font-weight:600;text-decoration:none;}
.cly-brand-footer-v3__nav a:hover,.cly-brand-footer-v3__contact a:hover{color:#fff;}
.cly-brand-footer-v3__bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:rgba(255,255,255,.36);}
.cly-brand-footer-v3__bottom>div{display:flex;gap:20px;flex-wrap:wrap;}
.cly-brand-footer-v3__bottom a{color:rgba(255,255,255,.52);text-decoration:none;}
.cly-brand-footer-v3__bottom a:hover{color:#fff;}

.cly-brand-contact-v3,
.cly-brand-contact-v3 *{box-sizing:border-box;}
.cly-brand-contact-v3{width:100vw;margin-left:calc(50% - 50vw);background:#fdfdfd;color:#080808;font-family:'Inter',system-ui,sans-serif;}
.cly-brand-contact-v3__shell{width:min(calc(100% - 64px),1360px);margin:0 auto;}
.cly-brand-contact-v3__hero{padding:clamp(100px,10vw,154px) 0 clamp(92px,9vw,132px);background:#fdfdfd;}
.cly-brand-contact-v3__hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr);gap:clamp(56px,8vw,120px);align-items:center;}
.cly-brand-contact-v3__eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 24px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(0,0,0,.48);}
.cly-brand-contact-v3__eyebrow i{display:block;width:22px;height:2px;background:#111;}
.cly-brand-contact-v3__eyebrow.is-light{color:rgba(255,255,255,.48);}
.cly-brand-contact-v3__eyebrow.is-light i{background:#fff;}
.cly-brand-contact-v3__intro h1,.cly-brand-contact-v3__paths h2,.cly-brand-contact-v3__form-copy h2{font-family:'Satoshi','Inter',sans-serif;}
.cly-brand-contact-v3__intro h1{margin:0;max-width:10ch;font-size:clamp(64px,7vw,108px);font-weight:700;line-height:.88;letter-spacing:-.065em;}
.cly-brand-contact-v3__intro>p:not(.cly-brand-contact-v3__eyebrow){margin:34px 0 0;max-width:58ch;font-size:18px;line-height:1.72;color:rgba(0,0,0,.62);}
.cly-brand-contact-v3__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:36px;}
.cly-brand-contact-v3__actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;color:#111;text-decoration:none;font-size:14px;font-weight:800;}
.cly-brand-contact-v3__actions .is-dark{background:#050505;color:#fff;}
.cly-brand-contact-v3__direct{padding:28px;border:1px solid rgba(0,0,0,.08);border-radius:28px;background:#050505;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.12);}
.cly-brand-contact-v3__direct-head{display:flex;justify-content:space-between;align-items:center;padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.12);}
.cly-brand-contact-v3__direct-head span{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.52);}
.cly-brand-contact-v3__direct-head i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 7px rgba(255,255,255,.08);}
.cly-brand-contact-v3__direct>a{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;}
.cly-brand-contact-v3__direct>a:last-child{border-bottom:0;padding-bottom:2px;}
.cly-brand-contact-v3__direct small{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.4);}
.cly-brand-contact-v3__direct strong{grid-column:1;font-size:18px;letter-spacing:-.02em;}
.cly-brand-contact-v3__direct>a span{grid-column:2;grid-row:1/3;align-self:center;font-size:22px;transition:transform .25s ease;}
.cly-brand-contact-v3__direct>a:hover span{transform:translateX(4px);}
.cly-brand-contact-v3__paths{padding:112px 0;background:#f2f2f0;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);}
.cly-brand-contact-v3__paths header{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);gap:70px;align-items:end;margin-bottom:52px;}
.cly-brand-contact-v3__paths h2{grid-column:1;margin:0;max-width:12ch;font-size:clamp(48px,5.4vw,76px);line-height:.94;letter-spacing:-.055em;}
.cly-brand-contact-v3__path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.cly-brand-contact-v3__path-grid article{min-height:310px;padding:28px;border-radius:24px;border:1px solid rgba(0,0,0,.08);background:#fff;display:flex;flex-direction:column;}
.cly-brand-contact-v3__path-grid article>span{font-size:12px;font-weight:800;color:rgba(0,0,0,.4);}
.cly-brand-contact-v3__path-grid h3{margin:54px 0 6px;font-family:'Satoshi','Inter',sans-serif;font-size:34px;line-height:1;letter-spacing:-.04em;}
.cly-brand-contact-v3__path-grid strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:rgba(0,0,0,.48);}
.cly-brand-contact-v3__path-grid p{margin:auto 0 0;padding-top:28px;font-size:15px;line-height:1.65;color:rgba(0,0,0,.62);}
.cly-brand-contact-v3__form-section{padding:118px 0;background:#050505;color:#fff;}
.cly-brand-contact-v3__form-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:clamp(60px,8vw,120px);align-items:start;}
.cly-brand-contact-v3__form-copy h2{margin:0;max-width:9ch;font-size:clamp(54px,6vw,86px);line-height:.92;letter-spacing:-.06em;}
.cly-brand-contact-v3__form-copy>p:last-child{margin:30px 0 0;max-width:50ch;font-size:16px;line-height:1.72;color:rgba(255,255,255,.58);}
.cly-brand-contact-v3__form-card{padding:30px;border-radius:28px;background:#fff;color:#111;box-shadow:0 26px 80px rgba(0,0,0,.24);}
.cly-brand-contact-v3__form label{display:block;margin-bottom:16px;}
.cly-brand-contact-v3__form label>span{display:block;margin-bottom:8px;font-size:12px;font-weight:800;color:rgba(0,0,0,.64);}
.cly-brand-contact-v3__form em{font-style:normal;color:#111;}
.cly-brand-contact-v3__two{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.cly-brand-contact-v3__form input,.cly-brand-contact-v3__form select,.cly-brand-contact-v3__form textarea{display:block;width:100%;min-height:50px;padding:14px 15px;border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#f7f7f6;color:#111;font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease;}
.cly-brand-contact-v3__form textarea{min-height:150px;resize:vertical;}
.cly-brand-contact-v3__form input:focus,.cly-brand-contact-v3__form select:focus,.cly-brand-contact-v3__form textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.08);}
.cly-brand-contact-v3__form button{display:inline-flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:54px;margin-top:4px;border:0;border-radius:999px;background:#050505;color:#fff;font:800 14px 'Inter',sans-serif;cursor:pointer;}
.cly-brand-contact-v3__form button span{font-size:20px;}
.cly-brand-contact-v3__note{margin:14px 0 0;text-align:center;font-size:11px;color:rgba(0,0,0,.46);}
.cly-brand-contact-v3__hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;}
.cly-brand-contact-v3 .clywu-message{margin-bottom:18px;border-radius:14px;}

@media (max-width:1050px){
	.cly-brand-footer-v3__grid{grid-template-columns:1.2fr .7fr;gap:50px;}
	.cly-brand-footer-v3__contact{grid-column:1/-1;}
	.cly-brand-contact-v3__hero-grid,.cly-brand-contact-v3__form-grid{grid-template-columns:1fr;}
	.cly-brand-contact-v3__intro h1{max-width:12ch;}
	.cly-brand-contact-v3__form-copy h2{max-width:12ch;}
	.cly-brand-contact-v3__path-grid{grid-template-columns:1fr;}
	.cly-brand-contact-v3__path-grid article{min-height:250px;}
}
@media (max-width:720px){
	.cly-brand-footer-v3__shell,.cly-brand-contact-v3__shell{width:min(calc(100% - 30px),1360px);}
	.cly-brand-footer-v3__cta{grid-template-columns:1fr;align-items:start;padding-bottom:48px;}
	.cly-brand-footer-v3__cta h2{font-size:46px;}
	.cly-brand-footer-v3__grid{grid-template-columns:1fr;gap:40px;padding:46px 0;}
	.cly-brand-footer-v3__contact{grid-column:auto;}
	.cly-brand-footer-v3__bottom{flex-direction:column;align-items:flex-start;}
	.cly-brand-contact-v3__hero{padding:82px 0 88px;}
	.cly-brand-contact-v3__intro h1{font-size:clamp(54px,15vw,76px);}
	.cly-brand-contact-v3__actions{align-items:stretch;flex-direction:column;}
	.cly-brand-contact-v3__actions a{width:100%;}
	.cly-brand-contact-v3__paths{padding:82px 0;}
	.cly-brand-contact-v3__paths header{display:block;margin-bottom:34px;}
	.cly-brand-contact-v3__paths h2{font-size:50px;}
	.cly-brand-contact-v3__form-section{padding:86px 0;}
	.cly-brand-contact-v3__form-copy h2{font-size:54px;}
	.cly-brand-contact-v3__form-card{padding:22px 18px;}
	.cly-brand-contact-v3__two{grid-template-columns:1fr;gap:0;}
}


/* =========================================================
   v1.6.8 — Aloka product logos in contact directions
   ========================================================= */
.cly-brand-contact-v3__path-grid article{
	position:relative;
	overflow:hidden;
	min-height:380px;
	transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s cubic-bezier(.2,.75,.25,1);
}
.cly-brand-contact-v3__path-grid article:hover{
	transform:translateY(-6px);
	box-shadow:0 24px 55px rgba(0,0,0,.08);
}
.cly-brand-contact-v3__path-grid article.is-product>span,
.cly-brand-contact-v3__path-grid article.is-general>span{
	position:relative;
	z-index:2;
}
.cly-brand-contact-v3__path-grid article.is-digital{
	background:radial-gradient(circle at 100% 100%,rgba(255,255,255,.08),transparent 34%),linear-gradient(155deg,#020202 0%,#0a0a0a 62%,#151515 100%);
	border-color:rgba(255,255,255,.1);
	color:#fff;
}
.cly-brand-contact-v3__path-grid article.is-digital::after,
.cly-brand-contact-v3__path-grid article.is-coach::after{
	content:"";
	position:absolute;
	right:-120px;
	bottom:-150px;
	width:300px;
	height:300px;
	border-radius:50%;
	pointer-events:none;
}
.cly-brand-contact-v3__path-grid article.is-digital::after{
	border:1px solid rgba(255,255,255,.08);
	box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.018);
}
.cly-brand-contact-v3__path-grid article.is-coach::after{
	border:1px solid rgba(0,0,0,.06);
	box-shadow:0 0 0 28px rgba(0,0,0,.018),0 0 0 56px rgba(0,0,0,.012);
}
.cly-brand-contact-v3__path-grid article.is-digital>span{color:rgba(255,255,255,.65);}
.cly-brand-contact-v3__path-brand{
	position:relative;
	z-index:2;
	margin-top:36px;
}
.cly-brand-contact-v3__path-brand small{
	display:block;
	margin-bottom:14px;
	font-family:'Satoshi','Inter',sans-serif;
	font-size:25px;
	font-weight:800;
	line-height:1;
	letter-spacing:-.03em;
}
.cly-brand-contact-v3__path-brand img{
	display:block;
	width:min(100%,310px);
	height:auto;
	max-height:92px;
	object-fit:contain;
	object-position:left center;
}
.cly-brand-contact-v3__path-brand strong{
	display:block;
	margin-top:18px;
	font-size:13px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.09em;
}
.cly-brand-contact-v3__path-grid article.is-digital .cly-brand-contact-v3__path-brand strong{
	color:#fff;
}
.cly-brand-contact-v3__path-grid article.is-coach .cly-brand-contact-v3__path-brand strong{
	color:#111;
}
.cly-brand-contact-v3__path-grid article.is-product>p{
	position:relative;
	z-index:2;
	margin-top:auto;
}
.cly-brand-contact-v3__path-grid article.is-digital>p{
	color:rgba(255,255,255,.72);
}
.cly-brand-contact-v3__path-grid article.is-general h3{
	margin-top:86px;
}
@media(max-width:1000px){
	.cly-brand-contact-v3__path-grid article{min-height:330px;}
	.cly-brand-contact-v3__path-brand img{width:min(100%,360px);}
}
@media(max-width:680px){
	.cly-brand-contact-v3__path-grid article{min-height:310px;padding:24px;}
	.cly-brand-contact-v3__path-brand{margin-top:28px;}
	.cly-brand-contact-v3__path-brand small{font-size:22px;}
	.cly-brand-contact-v3__path-brand img{max-height:78px;}
	.cly-brand-contact-v3__path-grid article.is-general h3{margin-top:58px;}
}