/* ---------- Reset-ish ---------- */
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
	margin: 0;
	font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
	color: #eaf0f7;
	background: #0b1220;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

/* ---------- Helpers ---------- */
:root{
	--container: 1140px;
	--radius: 16px;
	--glass: rgba(255,255,255,0.10);
	--glass2: rgba(255,255,255,0.14);
	--stroke: rgba(255,255,255,0.18);
	--muted: rgba(234,240,247,0.72);
	--muted2: rgba(234,240,247,0.55);
	--accent: #86b7d7;
	--accent2: #6ea8c8;
	--darkBtn: #52606b;
}
.container{
	width: min(var(--container), calc(100% - 40px));
	margin: 0 auto;
}
.page{
	min-height: 100%;
}

/* ---------- Flash ---------- */
.flash-wrap{
	position: fixed;
	top: 14px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
	width: min(760px, calc(100% - 24px));
}
.flash{
	padding: 12px 14px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.16);
	backdrop-filter: blur(10px);
	background: rgba(15, 25, 40, 0.70);
	margin-bottom: 10px;
}
.flash--success{
	border-color: rgba(90, 200, 120, 0.35);
}

/* ---------- Header ---------- */
.header{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	padding: 18px 0;
}
.header__inner{
	display: flex;
	align-items: center;
	gap: 18px;
}
.brand{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-width: 160px;
}
.brand__badge{
	width: 42px;
	height: 42px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	font-weight: 800;
	letter-spacing: 0.5px;
	background: rgba(255,255,255,0.16);
	border: 1px solid rgba(255,255,255,0.18);
	backdrop-filter: blur(10px);
}
.brand__text{ display: grid; line-height: 1.05; }
.brand__title{ font-weight: 800; opacity: 0.95; }
.brand__sub{ font-size: 12px; opacity: 0.6; letter-spacing: 1.4px; }

/* nav pill center */
.nav{
	flex: 1;
	display: flex;
	justify-content: center;
}
.nav__toggle{
	display: none;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	border: 1px solid rgba(255,255,255,0.18);
	background: rgba(255,255,255,0.10);
	backdrop-filter: blur(10px);
}
.nav__toggle span{
	display: block;
	width: 18px;
	height: 2px;
	background: rgba(255,255,255,0.75);
	margin: 5px auto;
	border-radius: 2px;
}
.nav__pill{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.18);
	background: rgba(255,255,255,0.10);
	backdrop-filter: blur(10px);
}
.nav__link{
	padding: 9px 12px;
	border-radius: 999px;
	font-size: 14px;
	color: rgba(234,240,247,0.88);
	transition: background .2s ease, color .2s ease;
}
.nav__link:hover{
	background: rgba(255,255,255,0.10);
}
.nav__link.is-active{
	background: rgba(255,255,255,0.16);
	color: #fff;
}
.nav__link--btn{
	border: 0;
	background: transparent;
	cursor: pointer;
}
.nav__dropdown{
	position: relative;
}
.nav__menu{
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	min-width: 180px;
	padding: 10px;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,0.18);
	background: rgba(15, 25, 40, 0.78);
	backdrop-filter: blur(12px);
	display: none;
}
.nav__menuItem{
	display: block;
	padding: 10px 10px;
	border-radius: 12px;
	color: rgba(234,240,247,0.9);
}
.nav__menuItem:hover{
	background: rgba(255,255,255,0.10);
}
.caret{ opacity: 0.8; }

/* actions right */
.header__actions{
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 240px;
	justify-content: flex-end;
}
.phone{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.18);
	background: rgba(255,255,255,0.10);
	backdrop-filter: blur(10px);
	font-size: 14px;
	color: rgba(234,240,247,0.9);
}
.phone__icon{ opacity: 0.9; }
.phone__text{ opacity: 0.9; }

.cta{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(255,255,255,0.16);
	border: 1px solid rgba(255,255,255,0.18);
	backdrop-filter: blur(10px);
	font-weight: 700;
}

/* ---------- Hero ---------- */
.hero{
	position: relative;
	min-height: 92vh;
	display: grid;
	align-items: center;
	padding: 110px 0 60px;
	overflow: hidden;
}
.hero__bg{
	position: absolute;
	inset: 0;
	background:
		url("/images/hero.jpg") center/cover no-repeat;
	filter: saturate(1.05);
	transform: scale(1.03);
}
.hero__overlay{
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(8,15,26,0.88) 0%, rgba(8,15,26,0.72) 45%, rgba(8,15,26,0.30) 100%),
		radial-gradient(900px 500px at 20% 20%, rgba(140,190,220,0.18), transparent 55%);
}

.hero__grid{
	position: relative;
	z-index: 5;
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 30px;
	align-items: center;
}
.hero__left{ max-width: 680px; }

.pill{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.16);
	background: rgba(255,255,255,0.08);
	backdrop-filter: blur(10px);
	font-size: 14px;
	color: rgba(234,240,247,0.85);
}
.dot{
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: rgba(255,255,255,0.55);
}

.hero__title{
	margin: 16px 0 10px;
	font-size: clamp(40px, 5vw, 64px);
	line-height: 1.03;
	letter-spacing: -0.8px;
}
.accent{ color: var(--accent); }

.hero__lead{
	margin: 0 0 18px;
	color: var(--muted);
	max-width: 560px;
	line-height: 1.55;
}

.chips{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0 22px;
}
.chip{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.14);
	background: rgba(255,255,255,0.06);
	backdrop-filter: blur(10px);
	color: rgba(234,240,247,0.86);
	font-size: 13px;
}

.hero__buttons{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 10px 0 26px;
}

.btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.18);
	background: rgba(255,255,255,0.10);
	backdrop-filter: blur(10px);
	font-weight: 700;
	color: #fff;
	transition: transform .15s ease, background .2s ease;
}
.btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.14); }
.btn--primary{
	background: rgba(255,255,255,0.16);
}
.btn--ghost{
	background: rgba(255,255,255,0.08);
}
.btn__icon{ opacity: 0.9; }
.arrow{ opacity: 0.9; }

.stats{
	display: flex;
	gap: 26px;
	align-items: baseline;
	margin-top: 16px;
}
.stat__num{
	font-size: 32px;
	font-weight: 900;
	letter-spacing: -0.3px;
}
.stat__lbl{
	color: var(--muted2);
	font-size: 13px;
	margin-top: 4px;
}

/* right side floating cards */
.hero__right{
	position: relative;
	min-height: 520px;
}
.floatCard{
	position: absolute;
	right: 40px;
	top: 120px;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 18px;
	border: 1px solid rgba(255,255,255,0.18);
	background: rgba(255,255,255,0.16);
	backdrop-filter: blur(12px);
	color: rgba(15, 25, 40, 0.95);
}
.floatCard__icon{
	width: 34px;
	height: 34px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	background: rgba(15, 25, 40, 0.08);
	font-weight: 900;
}
.floatCard__title{ font-weight: 900; }
.floatCard__sub{ font-size: 12px; opacity: 0.75; margin-top: 2px; }

.calcCard{
	position: absolute;
	right: 0;
	bottom: 0;
	width: min(420px, 100%);
	padding: 18px;
	border-radius: 22px;
	border: 1px solid rgba(255,255,255,0.18);
	background: rgba(255,255,255,0.92);
	backdrop-filter: blur(14px);
	color: rgba(15, 25, 40, 0.95);
	box-shadow: 0 16px 60px rgba(0,0,0,0.28);
}
.calcCard__head{
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}
.calcCard__badge{
	width: 36px;
	height: 36px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: rgba(15, 25, 40, 0.06);
}
.calcCard__title{ font-weight: 900; }
.calcCard__sub{ font-size: 12px; opacity: 0.70; margin-top: 2px; }

.form{ margin-top: 10px; }
.field{ margin: 10px 0 12px; }
label{
	display: block;
	font-size: 12px;
	color: rgba(15, 25, 40, 0.70);
	margin-bottom: 6px;
}
.input{
	width: 100%;
	padding: 12px 12px;
	border-radius: 14px;
	border: 1px solid rgba(15, 25, 40, 0.12);
	background: rgba(255,255,255,1);
	outline: none;
}
.input:focus{
	border-color: rgba(110,168,200,0.8);
	box-shadow: 0 0 0 4px rgba(110,168,200,0.15);
}
.btn--dark{
	border: 0;
	background: var(--darkBtn);
	color: #fff;
	padding: 12px 14px;
	border-radius: 16px;
}
.btn--dark:hover{ background: #5f6e7a; transform: translateY(-1px); }
.btn--full{ width: 100%; }
.form__hint{
	font-size: 12px;
	color: rgba(15, 25, 40, 0.60);
	margin: 10px 0 0;
}

/* scroll icon bottom */
.scroll{
	position: absolute;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	opacity: 0.55;
	font-size: 20px;
}

/* ---------- Sections ---------- */
.section{
	padding: 72px 0;
	background: #0b1220;
}
.section--alt{
	background: #0c1526;
}
.section__title{
	margin: 0 0 10px;
	font-size: 34px;
	letter-spacing: -0.4px;
}
.section__lead{
	margin: 0 0 26px;
	color: var(--muted);
	max-width: 740px;
	line-height: 1.6;
}

.cards{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}
.card{
	border-radius: 18px;
	border: 1px solid rgba(255,255,255,0.14);
	background: rgba(255,255,255,0.06);
	backdrop-filter: blur(10px);
	padding: 18px;
}
.card h3{ margin: 0 0 8px; }
.card p{ margin: 0; color: var(--muted); line-height: 1.6; }

.split{
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 20px;
	align-items: center;
}
.list{
	margin: 14px 0 0;
	padding-left: 18px;
	color: var(--muted);
	line-height: 1.7;
}
.photo__inner{
	border-radius: 22px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.12);
	background: rgba(255,255,255,0.04);
}

.gallery{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}
.thumb{
	height: 120px;
	border-radius: 18px;
	border: 1px solid rgba(255,255,255,0.14);
	background:
		linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
}

/* ---------- Footer ---------- */
.footer{
	padding: 56px 0 26px;
	background: #081020;
	border-top: 1px solid rgba(255,255,255,0.10);
}
.footer__grid{
	display: grid;
	grid-template-columns: 1.2fr 0.9fr 0.9fr;
	gap: 18px;
}
.footer__brand{
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.footer__title{ font-weight: 900; font-size: 18px; }
.footer__text{
	color: var(--muted);
	line-height: 1.6;
	max-width: 520px;
}
.footer__hdr{
	font-weight: 800;
	margin-bottom: 10px;
}
.footer__link{
	display: block;
	color: rgba(234,240,247,0.85);
	margin: 8px 0;
}
.footer__link:hover{ color: #fff; }
.footer__bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid rgba(255,255,255,0.10);
	color: rgba(234,240,247,0.65);
	font-size: 13px;
}
.footer__smallLink:hover{ color: #fff; }

/* ---------- Responsive ---------- */
@media (max-width: 980px){
	.header{ position: relative; }
	.hero{ padding-top: 24px; }
	.hero__grid{ grid-template-columns: 1fr; }
	.hero__right{ min-height: 420px; }
	.floatCard{ right: 10px; top: 20px; }
	.calcCard{ position: relative; margin-top: 16px; }
	.cards{ grid-template-columns: 1fr; }
	.split{ grid-template-columns: 1fr; }
	.gallery{ grid-template-columns: repeat(2, 1fr); }

	.nav{ justify-content: flex-end; }
	.nav__toggle{ display: inline-block; }
	.nav__pill{
		position: absolute;
		top: 68px;
		right: 20px;
		flex-direction: column;
		align-items: stretch;
		padding: 10px;
		border-radius: 18px;
		display: none;
	}
	.nav__pill.is-open{ display: flex; }
	.header__actions{ min-width: unset; }
	.phone__text{ display: none; }
}
/* ===== About V2 (white premium section) ===== */
.aboutV2{
	position: relative;
	background: #fff;
	color: #0b1220;
}

/* very subtle decoration without making it "colored background" */
.aboutV2::before{
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(700px 380px at 20% 10%, rgba(134,183,215,0.18), transparent 55%),
		radial-gradient(520px 320px at 85% 30%, rgba(134,183,215,0.12), transparent 60%);
	pointer-events: none;
}

.aboutV2__grid{
	position: relative;
	display: grid;
	grid-template-columns: 1.15fr 0.85fr;
	gap: 30px;
	align-items: center;
}

.aboutV2__kicker{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	border-radius: 999px;
	border: 1px solid rgba(11,18,32,0.10);
	background: rgba(11,18,32,0.02);
	font-weight: 700;
	font-size: 13px;
	color: rgba(11,18,32,0.80);
}
.aboutV2__kickerDot{
	width: 9px; height: 9px;
	border-radius: 999px;
	background: rgba(134,183,215,0.95);
	box-shadow: 0 0 0 6px rgba(134,183,215,0.18);
}

.aboutV2__title{
	margin: 12px 0 6px;
	font-size: 36px;
	letter-spacing: -0.4px;
	color: rgba(11,18,32,0.96);
}

.aboutV2__big{
	margin: 0 0 12px;
	font-size: 26px;
	line-height: 1.18;
	color: rgba(11,18,32,0.90);
}
.aboutV2__hl{
	color: rgba(11,18,32,0.98);
	position: relative;
}
.aboutV2__hl::after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 8px;
	border-radius: 999px;
	background: rgba(134,183,215,0.30);
	z-index: -1;
}

.aboutV2__lead{
	margin: 0;
	max-width: 720px;
	color: rgba(11,18,32,0.72);
	line-height: 1.65;
}

/* stats row */
.aboutV2__stats{
	margin-top: 18px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.aboutV2__stat{
	padding: 12px 14px;
	border-radius: 16px;
	border: 1px solid rgba(11,18,32,0.10);
	background: rgba(255,255,255,0.70);
	box-shadow: 0 10px 30px rgba(11,18,32,0.06);
}
.aboutV2__statTop{
	font-weight: 900;
	letter-spacing: -0.2px;
	font-size: 18px;
	color: rgba(11,18,32,0.95);
}
.aboutV2__statBot{
	margin-top: 3px;
	font-size: 12px;
	color: rgba(11,18,32,0.65);
}

/* feature cards */
.aboutV2__features{
	margin-top: 14px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.aboutV2__card{
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 14px;
	border-radius: 18px;
	border: 1px solid rgba(11,18,32,0.10);
	background: rgba(255,255,255,0.85);
	box-shadow: 0 14px 40px rgba(11,18,32,0.08);
	transition: transform .15s ease, box-shadow .2s ease;
}
.aboutV2__card:hover{
	transform: translateY(-2px);
	box-shadow: 0 18px 55px rgba(11,18,32,0.10);
}

.aboutV2__icon{
	width: 40px;
	height: 40px;
	border-radius: 14px;
	display: grid;
	place-items: center;
	background: rgba(134,183,215,0.18);
	border: 1px solid rgba(134,183,215,0.28);
}

.aboutV2__cardTitle{
	margin: 0;
	font-size: 15px;
	font-weight: 900;
	color: rgba(11,18,32,0.95);
}
.aboutV2__cardText{
	margin: 4px 0 0;
	font-size: 13px;
	color: rgba(11,18,32,0.68);
	line-height: 1.4;
}

.aboutV2__buttons{
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* image frame */
.aboutV2__media{
	display: flex;
	justify-content: flex-end;
}

.aboutV2__frame{
	position: relative;
	width: min(520px, 100%);
	border-radius: 26px;
	overflow: hidden;
	border: 1px solid rgba(11,18,32,0.10);
	background: rgba(11,18,32,0.02);
	box-shadow: 0 18px 70px rgba(11,18,32,0.14);
}

.aboutV2__frame::before{
	content: "";
	position: absolute;
	inset: -60px -40px auto auto;
	width: 220px;
	height: 220px;
	border-radius: 999px;
	background: rgba(134,183,215,0.20);
	filter: blur(0px);
	pointer-events: none;
}

.aboutV2__img{
	width: 100%;
	height: auto;
	display: block;
	transform: scale(1.02);
}

.aboutV2__caption{
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 14px;
	padding: 12px 14px;
	border-radius: 18px;
	border: 1px solid rgba(255,255,255,0.22);
	background: rgba(15,25,40,0.62);
	backdrop-filter: blur(12px);
	color: rgba(255,255,255,0.92);
}
.aboutV2__capTitle{
	font-weight: 900;
	letter-spacing: -0.2px;
}
.aboutV2__capText{
	margin-top: 3px;
	font-size: 12px;
	opacity: 0.8;
}

/* make sure outline button looks good on white */
.section--white .btn--outlineDark{
	background: rgba(255,255,255,0.65);
}

/* responsive */
@media (max-width: 980px){
	.aboutV2__grid{
		grid-template-columns: 1fr;
	}
	.aboutV2__media{
		justify-content: flex-start;
	}
	.aboutV2__features{
		grid-template-columns: 1fr;
	}
	.aboutV2__stats{
		grid-template-columns: 1fr;
	}
}
/* ===== Services V2 (white section like screenshot) ===== */
.servicesV2{
	position: relative;
	background: #fff;
	color: #0b1220;
}

/* subtle dotted paper background */
.servicesV2::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		radial-gradient(circle at 1px 1px, rgba(11,18,32,0.06) 1px, transparent 1px);
	background-size: 22px 22px;
	opacity: .45;
	pointer-events:none;
}

.servicesV2__grid{
	position: relative;
	display: grid;
	grid-template-columns: 1fr 0.95fr;
	gap: 28px;
	align-items: start;
}

.servicesV2__pill{
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	border: 1px solid rgba(11,18,32,0.10);
	background: rgba(255,255,255,0.75);
	font-weight: 700;
	font-size: 13px;
	color: rgba(11,18,32,0.70);
}

.servicesV2__title{
	margin: 14px 0 10px;
	font-size: clamp(34px, 4vw, 54px);
	line-height: 1.02;
	letter-spacing: -0.8px;
	color: rgba(11,18,32,0.95);
}
.servicesV2__title span{
	color: rgba(11,18,32,0.55);
	font-weight: 900;
}

.servicesV2__lead{
	margin: 0 0 18px;
	max-width: 560px;
	color: rgba(11,18,32,0.68);
	line-height: 1.7;
}

/* left image card */
.servicesV2__media{
	position: relative;
	width: min(560px, 100%);
	border-radius: 28px;
	overflow: hidden;
	border: 1px solid rgba(11,18,32,0.10);
	background: rgba(11,18,32,0.02);
	box-shadow: 0 18px 70px rgba(11,18,32,0.10);
}
.servicesV2__media img{
	width: 100%;
	height: auto;
	display: block;
	transform: scale(1.02);
}
.servicesV2__mediaBadge{
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	padding: 14px 16px;
	border-radius: 18px;
	border: 1px solid rgba(255,255,255,0.40);
	background: rgba(255,255,255,0.80);
	backdrop-filter: blur(10px);
	color: rgba(11,18,32,0.90);
}
.servicesV2__mediaTitle{
	font-weight: 900;
}
.servicesV2__mediaText{
	margin-top: 4px;
	font-size: 13px;
	color: rgba(11,18,32,0.65);
}

/* right stacked cards */
.servicesV2__right{
	display: grid;
	gap: 14px;
}

.svcCard{
	border-radius: 22px;
	border: 1px solid rgba(11,18,32,0.10);
	background: rgba(255,255,255,0.82);
	box-shadow: 0 16px 55px rgba(11,18,32,0.06);
	padding: 18px 18px;
}

.svcCard__top{
	display: grid;
	grid-template-columns: 52px 1fr;
	gap: 14px;
	align-items: start;
}

.svcIcon{
	width: 44px;
	height: 44px;
	border-radius: 16px;
	display: grid;
	place-items: center;
	background: rgba(11,18,32,0.04);
	border: 1px solid rgba(11,18,32,0.08);
	color: rgba(11,18,32,0.55);
}
.svcIcon svg{ width: 22px; height: 22px; }

.svcCard__title{
	margin: 0;
	font-size: 18px;
	font-weight: 900;
	color: rgba(11,18,32,0.92);
}
.svcCard__text{
	margin: 6px 0 10px;
	color: rgba(11,18,32,0.65);
	line-height: 1.55;
	font-size: 14px;
	max-width: 520px;
}

.svcCard__link{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 800;
	color: rgba(11,18,32,0.72);
}
.svcCard__link:hover{ color: rgba(11,18,32,0.92); }
.svcCard__arrow{ opacity: .8; }

/* featured (top) card */
.svcCard--featured{
	background: #6f8796;
	border-color: rgba(0,0,0,0.06);
	box-shadow: 0 22px 70px rgba(11,18,32,0.14);
	padding: 20px;
}
.svcCard--featured .svcCard__title,
.svcCard--featured .svcCard__text{
	color: rgba(255,255,255,0.92);
}
.svcCard--featured .svcCard__text{ opacity: .9; }
.svcIcon--featured{
	background: rgba(255,255,255,0.16);
	border-color: rgba(255,255,255,0.22);
	color: rgba(255,255,255,0.90);
}
.svcCard__link--featured{
	color: rgba(255,255,255,0.95);
}
.svcCard__link--featured:hover{
	color: #fff;
}

/* responsive */
@media (max-width: 980px){
	.servicesV2__grid{
		grid-template-columns: 1fr;
	}
	.servicesV2__media{
		width: 100%;
	}
}
/* ===== WHY section (Proč právě MJ UNI 70?) ===== */
.whyV1{
	position: relative;
	background: #fff;
	color: #0b1220;
}

/* subtle paper dots like screenshot */
.whyV1::before{
	content:"";
	position:absolute;
	inset:0;
	background: radial-gradient(circle at 1px 1px, rgba(11,18,32,0.06) 1px, transparent 1px);
	background-size: 24px 24px;
	opacity: .32;
	pointer-events:none;
}

.whyV1 .container{ position: relative; }

.whyV1__head{
	text-align: center;
	max-width: 860px;
	margin: 0 auto 26px;
	padding-top: 6px;
}

.whyV1__pill{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid rgba(11,18,32,0.10);
	background: rgba(255,255,255,0.80);
	font-weight: 800;
	font-size: 13px;
	color: rgba(11,18,32,0.70);
}

.whyV1__title{
	margin: 14px 0 10px;
	font-size: clamp(34px, 4.6vw, 58px);
	line-height: 1.05;
	letter-spacing: -0.9px;
	color: rgba(11,18,32,0.95);
}
.whyV1__title span{
	color: rgba(11,18,32,0.55);
	font-weight: 900;
}

.whyV1__sub{
	margin: 0;
	color: rgba(11,18,32,0.60);
	font-size: 16px;
	line-height: 1.6;
}

.whyV1__grid{
	margin-top: 36px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	justify-items: center;
}

.whyV1__item{
	position: relative;
	width: min(320px, 100%);
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 16px;
	border-radius: 18px;
	border: 1px solid rgba(11,18,32,0.12);
	background: rgba(255,255,255,0.85);
	box-shadow: 0 14px 50px rgba(11,18,32,0.06);
	transition: transform .15s ease, box-shadow .2s ease;
}
.whyV1__item:hover{
	transform: translateY(-2px);
	box-shadow: 0 18px 60px rgba(11,18,32,0.09);
}

.whyV1__icon{
	width: 46px;
	height: 46px;
	border-radius: 16px;
	display: grid;
	place-items: center;
	background: rgba(11,18,32,0.04);
	border: 1px solid rgba(11,18,32,0.08);
	color: rgba(84,110,128,0.95);
	flex: 0 0 auto;
}
.whyV1__icon svg{ width: 22px; height: 22px; }

.whyV1__text{
	font-weight: 900;
	color: rgba(11,18,32,0.88);
	font-size: 15px;
}

.whyV1__dot{
	position: absolute;
	right: 14px;
	top: 12px;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: rgba(11,18,32,0.55);
	opacity: .55;
}

/* responsive */
@media (max-width: 980px){
	.whyV1__grid{
		grid-template-columns: 1fr;
		margin-top: 24px;
	}
	.whyV1__item{
		width: 100%;
	}
}
/* ===== Process section (background image + 4 steps) ===== */
.processV1{
	position: relative;
	padding: 86px 0;
	overflow: hidden;
	color: #fff;
}

.processV1__bg{
	position: absolute;
	inset: 0;
	background: url("../images/process.jpg") center/cover no-repeat;
	transform: scale(1.03);
}

.processV1__overlay{
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(10,18,30,0.55) 0%, rgba(10,18,30,0.62) 40%, rgba(10,18,30,0.70) 100%),
		radial-gradient(900px 500px at 30% 20%, rgba(134,183,215,0.22), transparent 55%);
}

.processV1__inner{
	position: relative;
	z-index: 2;
}

.processV1__head{
	text-align: center;
	max-width: 860px;
	margin: 0 auto 26px;
}

.processV1__pill{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.22);
	background: rgba(255,255,255,0.12);
	backdrop-filter: blur(10px);
	font-weight: 800;
	font-size: 13px;
	color: rgba(255,255,255,0.92);
}

.processV1__title{
	margin: 14px 0 0;
	font-size: clamp(34px, 4.6vw, 56px);
	line-height: 1.05;
	letter-spacing: -0.9px;
}
.processV1__title span{
	color: rgba(134,183,215,0.95);
	font-weight: 900;
}

/* steps grid */
.processV1__grid{
	margin-top: 34px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	align-items: stretch;
}

.stepCard{
	position: relative;
	padding: 18px;
	border-radius: 22px;
	border: 1px solid rgba(255,255,255,0.22);
	background: rgba(255,255,255,0.16);
	backdrop-filter: blur(12px);
	box-shadow: 0 18px 70px rgba(0,0,0,0.22);
	min-height: 190px;
	transition: transform .15s ease, background .2s ease;
}
.stepCard:hover{
	transform: translateY(-2px);
	background: rgba(255,255,255,0.20);
}

.stepCard__icon{
	width: 44px;
	height: 44px;
	border-radius: 16px;
	display: grid;
	place-items: center;
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.18);
	color: rgba(255,255,255,0.92);
}
.stepCard__icon svg{ width: 22px; height: 22px; }

.stepCard__num{
	position: absolute;
	right: 16px;
	top: 16px;
	font-weight: 900;
	letter-spacing: -0.2px;
	opacity: 0.20;
	font-size: 28px;
}

.stepCard__title{
	margin: 12px 0 8px;
	font-weight: 900;
	font-size: 16px;
}

.stepCard__text{
	margin: 0;
	color: rgba(255,255,255,0.78);
	line-height: 1.55;
	font-size: 13.5px;
}

/* make last card slightly muted like screenshot */
.stepCard--muted{
	background: rgba(255,255,255,0.10);
	opacity: 0.82;
}

/* CTA button */
.processV1__cta{
	display: flex;
	justify-content: center;
	margin-top: 26px;
}

.processV1__btn{
	background: rgba(255,255,255,0.16);
	border: 1px solid rgba(255,255,255,0.22);
	backdrop-filter: blur(10px);
	padding: 12px 18px;
}
.processV1__btn:hover{
	background: rgba(255,255,255,0.22);
}

/* responsive */
@media (max-width: 1100px){
	.processV1__grid{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 640px){
	.processV1{
		padding: 70px 0;
	}
	.processV1__grid{
		grid-template-columns: 1fr;
	}
}
/* ===== Trust + FAQ section ===== */
.trustFaqV1{
	position: relative;
	background: #fff;
	color: #0b1220;
}

/* subtle paper dots */
.trustFaqV1::before{
	content:"";
	position:absolute;
	inset:0;
	background: radial-gradient(circle at 1px 1px, rgba(11,18,32,0.06) 1px, transparent 1px);
	background-size: 26px 26px;
	opacity: .26;
	pointer-events:none;
}

.trustFaqV1__grid{
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
	align-items: start;
}

.trustFaqV1__pill{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid rgba(11,18,32,0.10);
	background: rgba(255,255,255,0.80);
	font-weight: 800;
	font-size: 13px;
	color: rgba(11,18,32,0.70);
}

.trustFaqV1__title{
	margin: 14px 0 18px;
	font-size: clamp(34px, 4.4vw, 56px);
	line-height: 1.05;
	letter-spacing: -0.9px;
	color: rgba(11,18,32,0.95);
}
.trustFaqV1__title span{
	color: rgba(11,18,32,0.55);
	font-weight: 900;
}

/* Trust cards */
.trustFaqV1__trustCards{
	display: grid;
	gap: 14px;
	max-width: 620px;
}

.trustCard{
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 14px;
	align-items: center;
	padding: 18px;
	border-radius: 22px;
	border: 1px solid rgba(11,18,32,0.10);
	background: rgba(255,255,255,0.85);
	box-shadow: 0 16px 55px rgba(11,18,32,0.06);
}

.trustCard__icon{
	width: 52px;
	height: 52px;
	border-radius: 18px;
	display: grid;
	place-items: center;
	background: rgba(11,18,32,0.04);
	border: 1px solid rgba(11,18,32,0.08);
	color: rgba(84,110,128,0.95);
}
.trustCard__icon svg{ width: 24px; height: 24px; }

.trustCard__title{
	font-weight: 900;
	color: rgba(11,18,32,0.92);
	font-size: 16px;
}
.trustCard__text{
	margin-top: 6px;
	color: rgba(11,18,32,0.62);
	line-height: 1.55;
	font-size: 14px;
}

/* FAQ accordion */
.faq{
	display: grid;
	gap: 14px;
	max-width: 640px;
}

.faqItem{
	border-radius: 22px;
	border: 1px solid rgba(11,18,32,0.10);
	background: rgba(255,255,255,0.85);
	box-shadow: 0 16px 55px rgba(11,18,32,0.06);
	overflow: hidden;
}

.faqItem__q{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 18px 18px;
	background: transparent;
	border: 0;
	cursor: pointer;
	text-align: left;
	font-weight: 900;
	color: rgba(11,18,32,0.90);
	font-size: 15px;
}

.faqItem__icon{
	width: 38px;
	height: 38px;
	border-radius: 999px;
	display: grid;
	place-items: center;
	background: rgba(11,18,32,0.06);
	border: 1px solid rgba(11,18,32,0.08);
	position: relative;
	flex: 0 0 auto;
}
.faqItem__icon::before,
.faqItem__icon::after{
	content:"";
	position:absolute;
	width: 14px;
	height: 2px;
	background: rgba(11,18,32,0.65);
	border-radius: 2px;
}
.faqItem__icon::after{
	transform: rotate(90deg);
	transition: transform .18s ease, opacity .18s ease;
}

.faqItem__a{
	padding: 0 18px 18px;
	color: rgba(11,18,32,0.62);
	line-height: 1.6;
	font-size: 14px;
	display: none;
}

.faqItem.is-open .faqItem__a{ display: block; }
.faqItem.is-open .faqItem__icon::after{
	transform: rotate(90deg);
	opacity: 0; /* turns plus into minus */
}

/* responsive */
@media (max-width: 980px){
	.trustFaqV1__grid{
		grid-template-columns: 1fr;
	}
	.trustFaqV1__trustCards,
	.faq{
		max-width: 100%;
	}
}
/* ===== Contact section (background + form card) ===== */
.contactV1{
	position: relative;
	padding: 90px 0;
	overflow: hidden;
	color: #fff;
}

.contactV1__bg{
	position: absolute;
	inset: 0;
	background: url("../images/hero.jpg") center/cover no-repeat;
	transform: scale(1.03);
}

.contactV1__overlay{
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(10,18,30,0.70) 0%, rgba(10,18,30,0.55) 45%, rgba(10,18,30,0.35) 100%),
		radial-gradient(900px 500px at 22% 25%, rgba(134,183,215,0.22), transparent 60%);
}

.contactV1__grid{
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 26px;
	align-items: start;
}

.contactV1__pill{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,0.22);
	background: rgba(255,255,255,0.12);
	backdrop-filter: blur(10px);
	font-weight: 800;
	font-size: 13px;
	color: rgba(255,255,255,0.92);
}

.contactV1__title{
	margin: 14px 0 10px;
	font-size: clamp(36px, 4.8vw, 64px);
	line-height: 1.02;
	letter-spacing: -0.9px;
}
.contactV1__title span{
	color: rgba(134,183,215,0.95);
	font-weight: 900;
}

.contactV1__lead{
	margin: 0 0 18px;
	color: rgba(255,255,255,0.78);
	line-height: 1.7;
	max-width: 520px;
}

/* left list */
.contactV1__list{
	margin-top: 18px;
	display: grid;
	gap: 14px;
	max-width: 520px;
}

.cInfo{
	display: grid;
	grid-template-columns: 46px 1fr;
	gap: 14px;
	align-items: center;
	padding: 12px 14px;
	border-radius: 18px;
	border: 1px solid rgba(255,255,255,0.18);
	background: rgba(255,255,255,0.10);
	backdrop-filter: blur(12px);
}

.cInfo__icon{
	width: 46px;
	height: 46px;
	border-radius: 16px;
	display: grid;
	place-items: center;
	background: rgba(255,255,255,0.12);
	border: 1px solid rgba(255,255,255,0.18);
	color: rgba(255,255,255,0.92);
}
.cInfo__icon svg{ width: 22px; height: 22px; }

.cInfo__lbl{
	font-size: 12px;
	opacity: 0.78;
	font-weight: 700;
}
.cInfo__val{
	margin-top: 4px;
	font-weight: 900;
	color: rgba(255,255,255,0.92);
}
a.cInfo__val:hover{ color: #fff; text-decoration: underline; }

/* right form card */
.contactFormCard{
	width: min(620px, 100%);
	margin-left: auto;
	padding: 22px;
	border-radius: 26px;
	border: 1px solid rgba(255,255,255,0.22);
	background: rgba(255,255,255,0.92);
	color: rgba(11,18,32,0.95);
	box-shadow: 0 22px 80px rgba(0,0,0,0.28);
}

.contactFormCard__title{
	font-weight: 900;
	font-size: 22px;
	letter-spacing: -0.2px;
}
.contactFormCard__sub{
	margin-top: 6px;
	color: rgba(11,18,32,0.60);
	font-size: 14px;
}

/* form styles */
.cForm{ margin-top: 14px; }

.cForm__row2{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.cField{ margin: 10px 0 12px; }

.cField label{
	display: block;
	font-size: 12px;
	color: rgba(11,18,32,0.70);
	margin-bottom: 6px;
	font-weight: 700;
}

.cInput{
	width: 100%;
	padding: 12px 12px;
	border-radius: 14px;
	border: 1px solid rgba(11,18,32,0.14);
	background: #fff;
	outline: none;
}

.cTextarea{
	width: 100%;
	padding: 12px 12px;
	border-radius: 14px;
	border: 1px solid rgba(11,18,32,0.14);
	background: #fff;
	outline: none;
	resize: vertical;
	min-height: 120px;
}

.cInput:focus,
.cTextarea:focus{
	border-color: rgba(110,168,200,0.85);
	box-shadow: 0 0 0 4px rgba(110,168,200,0.15);
}

.cSubmit{
	margin-top: 10px;
	width: 100%;
	border: 0;
	border-radius: 16px;
	padding: 14px 16px;
	background: #536371;
	color: #fff;
	font-weight: 900;
	cursor: pointer;
	box-shadow: 0 10px 30px rgba(11,18,32,0.14);
}
.cSubmit:hover{
	background: #5f7180;
	transform: translateY(-1px);
}

.cForm__note{
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
	color: rgba(11,18,32,0.55);
}

/* responsive */
@media (max-width: 980px){
	.contactV1{
		padding: 70px 0;
	}
	.contactV1__grid{
		grid-template-columns: 1fr;
	}
	.contactFormCard{
		margin-left: 0;
	}
	.cForm__row2{
		grid-template-columns: 1fr;
	}
}