/* Rekhi Hero Slides v2.3.1 — refined premium B2B slider */
.rekhi-hero-slider{
	position:relative;width:100%;height:88vh;min-height:620px;max-height:900px;overflow:hidden;
	background:#080a0e;color:#fff;
	--rh-accent:var(--rekhi-accent,#ff6600);
	--rh-muted:rgba(255,255,255,.72);
	--rh-line:rgba(255,255,255,.14);
	--rh-panel:rgba(255,255,255,.06);
}
.rekhi-hero-track{display:flex;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1);will-change:transform}
.rekhi-hero-slide{flex:0 0 100%;position:relative;overflow:hidden;display:flex;align-items:center}
.rekhi-hero-slide video,.rekhi-hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scale(1.03)}
.rekhi-hero-overlay{
	position:absolute;inset:0;z-index:1;
	background:linear-gradient(90deg,rgba(6,8,12,.94) 0%,rgba(6,8,12,.74) 40%,rgba(6,8,12,.28) 78%,rgba(6,8,12,.05) 100%),
		linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.62) 100%);
}
.rekhi-hero-content{
	position:relative;z-index:2;width:min(1180px,100%);margin:0 auto;
	padding:0 clamp(20px,5vw,72px);display:grid;justify-items:start;text-align:left;gap:20px;
}

/* Eyebrow badge */
.rekhi-hero-badge{
	display:inline-flex;align-items:center;gap:9px;min-height:30px;padding:0 15px;border-radius:999px;
	background:rgba(255,102,0,.14);border:1px solid rgba(255,102,0,.42);color:#ffd9c2;
	font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0;
}
.rekhi-hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--rh-accent);box-shadow:0 0 10px var(--rh-accent)}

/* Headline */
.rekhi-hero-content h1{
	max-width:17ch;color:#fff;font-size:clamp(2.4rem,5.2vw,4.9rem);font-weight:900;line-height:1.03;
	letter-spacing:-.02em;margin:0;text-wrap:balance;
}
.rekhi-hero-title-main{color:#fff}
.rekhi-hero-title-accent{color:var(--rh-accent);text-shadow:0 8px 44px rgba(255,102,0,.3)}

/* Sub copy */
.rekhi-hero-description{max-width:56ch;color:var(--rh-muted);font-size:clamp(1rem,1.25vw,1.2rem);font-weight:500;line-height:1.6;margin:0}

/* Capability tags — slim, uniform, subtle */
.rekhi-hero-keywords{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 0}
.rekhi-hero-keywords span{
	display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;
	background:var(--rh-panel);border:1px solid var(--rh-line);color:#eef2f7;
	font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
	-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s,color .2s;
}
.rekhi-hero-keywords span:hover{border-color:rgba(255,102,0,.5);color:#fff}

/* Actions — refined pill buttons */
.rekhi-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.rekhi-hero-actions a{
	display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;
	border-radius:var(--rh-button-radius,12px);font-size:.96rem;font-weight:800;letter-spacing:.01em;text-decoration:none;
	transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;
}
.rekhi-hero-buttons--square{--rh-button-radius:0}
.rekhi-hero-buttons--soft{--rh-button-radius:12px}
.rekhi-hero-buttons--rounded{--rh-button-radius:22px}
.rekhi-hero-buttons--pill{--rh-button-radius:999px}
.rekhi-hero-primary{background:var(--rh-accent);color:#fff;box-shadow:0 14px 34px rgba(255,102,0,.34)}
.rekhi-hero-primary:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(255,102,0,.46)}
.rekhi-hero-primary .rekhi-hero-btn-arrow{font-size:1.05rem;transition:transform .22s ease}
.rekhi-hero-primary:hover .rekhi-hero-btn-arrow{transform:translateX(4px)}
.rekhi-hero-secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.24);color:#fff}
.rekhi-hero-secondary:hover{transform:translateY(-2px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.48)}

/* Trust facts — slim inline pills with a single accent dot (no rainbow boxes) */
.rekhi-hero-trust-grid{display:flex;flex-wrap:wrap;gap:8px 10px;width:100%;max-width:760px;margin-top:6px}
.rekhi-hero-trust-chip{
	display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 15px;border-radius:10px;
	background:var(--rh-panel);border:1px solid var(--rh-line);color:#e8edf3;
	font-size:.82rem;font-weight:700;box-shadow:0 8px 22px rgba(0,0,0,.18);
}
.rekhi-hero-trust-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rh-accent);flex:0 0 auto}
.rekhi-hero-chip-2:before{background:#46d94c}
.rekhi-hero-chip-3:before{background:#4ea3ff}
.rekhi-hero-chip-4:before{background:#f2b84b}
.rekhi-hero-chip-5:before{background:#ff5f5f}
.rekhi-hero-chip-6:before{background:#c9b8ff}

/* Arrows */
.rekhi-hero-arrow{
	position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;
	background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
	border:1px solid rgba(255,255,255,.18);color:#fff;font-size:26px;line-height:1;cursor:pointer;
	display:flex;align-items:center;justify-content:center;transition:all .2s;
}
.rekhi-hero-arrow:hover{background:var(--rh-accent);border-color:var(--rh-accent);box-shadow:0 10px 30px rgba(255,102,0,.42)}
.rekhi-hero-prev{left:22px}
.rekhi-hero-next{right:22px}

/* Dots */
.rekhi-hero-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:8px}
.rekhi-hero-dots button{width:26px;height:4px;border-radius:999px;background:rgba(255,255,255,.28);border:0;cursor:pointer;transition:all .25s;padding:0}
.rekhi-hero-dots button.is-active{width:46px;background:var(--rh-accent);box-shadow:0 0 14px rgba(255,102,0,.5)}
.rekhi-hero-dots button:hover{background:rgba(255,255,255,.55)}

@media(max-width:980px){
	.rekhi-hero-slider{height:auto;min-height:720px;max-height:none}
	.rekhi-hero-slide{align-items:flex-end;padding:96px 0 68px}
	.rekhi-hero-content{gap:16px}
	.rekhi-hero-trust-grid{max-width:100%}
	.rekhi-hero-description{font-size:1rem}
	.rekhi-hero-arrow{display:none}
}
@media(max-width:560px){
	.rekhi-hero-slider{min-height:680px}
	.rekhi-hero-slide{padding:80px 0 60px}
	.rekhi-hero-content h1{font-size:2.2rem}
	.rekhi-hero-keywords span{font-size:.7rem;height:28px;padding:0 11px}
	.rekhi-hero-trust-chip{min-height:36px;font-size:.76rem}
	.rekhi-hero-actions{width:100%}
	.rekhi-hero-actions a{flex:1 1 auto;min-width:0;height:50px}
	.rekhi-hero-dots{bottom:18px}
	.rekhi-hero-dots button{width:20px}
	.rekhi-hero-dots button.is-active{width:34px}
}