/* ===== DiBlanco Premier™ CRM - Landing v600 (Sticky Header) ===== */
:root{
	--navy:#1E2A78;
	--dark-blue:#0F1C5C;
	--orange:#F15A24;
	--light-gray:#F4F6FB;
	--green:#16A34A;
	--red:#DC2626;
	--white:#FFFFFF;
	--text:#1F2937;
	--bg-dark:#0a0e27;
	--bg-darker:#050812;
}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{
	width:100%;
	min-height:100vh;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%);
	color:rgba(255,255,255,0.92);
	line-height:1.6;
}

/* Sticky header */
header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:20px 40px;
	background:rgba(15,28,92,0.4);
	backdrop-filter:blur(10px);
	border-bottom:1px solid rgba(241,90,36,0.2);
	position:sticky;
	top:0;
	z-index:100;
}
header .header-left{display:flex;align-items:center;gap:16px;}
header .logo{height:50px;width:auto;object-fit:contain;}
header .header-title{
	font-size:20px;
	font-weight:700;
	color:var(--white);
	text-shadow:0 2px 4px rgba(0,0,0,0.2);
}
header .nav-right{display:flex;align-items:center;gap:30px;}

.lang-switch{
	display:flex;
	gap:10px;
	background:rgba(255,255,255,0.08);
	padding:8px 12px;
	border-radius:6px;
	border:1px solid rgba(255,255,255,0.1);
}
.lang-link{
	color:rgba(255,255,255,0.6);
	text-decoration:none;
	font-size:13px;
	font-weight:600;
	padding:6px 10px;
	border-radius:4px;
	transition:all .2s ease;
}
.lang-link:hover{color:var(--orange);background:rgba(241,90,36,0.1);}
.lang-link.active{color:var(--orange);background:rgba(241,90,36,0.2);}

.btn-login{
	background:var(--orange);
	color:var(--white);
	padding:10px 24px;
	border-radius:6px;
	text-decoration:none;
	font-weight:600;
	font-size:14px;
	transition:all .2s ease;
}
.btn-login:hover{
	background:#E04A1A;
	transform:translateY(-2px);
	box-shadow:0 8px 20px rgba(241,90,36,0.3);
}

/* Layout */
main{max-width:1200px;margin:0 auto;padding:60px 40px;}
.hero{text-align:center;margin-bottom:80px;padding:40px 20px;}
.hero h2{font-size:48px;font-weight:700;margin-bottom:20px;}
.hero p{font-size:18px;color:rgba(255,255,255,0.75);max-width:700px;margin:0 auto;line-height:1.8;}

.features-section,.portal-section{margin-bottom:80px;}
.features-section h2,.portal-section h2{text-align:center;font-size:36px;font-weight:700;margin-bottom:40px;}

.features-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:16px;
}
.feature-item{
	display:flex;
	align-items:center;
	gap:10px;
	padding:16px 18px;
	background:rgba(255,255,255,0.06);
	border:1px solid rgba(255,255,255,0.08);
	border-radius:12px;
}
.check{color:var(--green);font-weight:800;}
.check-secondary{color:rgba(255,255,255,0.35);font-weight:800;}
.icon{opacity:0.95;}
.feature-item strong{font-weight:700;color:rgba(255,255,255,0.92);}

.cta-section{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:18px;
	margin-top:20px;
}
.cta-card{
	padding:22px;
	border-radius:14px;
	background:rgba(255,255,255,0.06);
	border:1px solid rgba(255,255,255,0.08);
}
.btn-primary,.btn-secondary{
	display:inline-block;
	margin-top:12px;
	padding:12px 18px;
	border-radius:10px;
	text-decoration:none;
	font-weight:700;
}
.btn-primary{background:var(--orange);color:var(--white);}
.btn-secondary{background:rgba(255,255,255,0.12);color:var(--white);border:1px solid rgba(255,255,255,0.12);}

footer{
	padding:28px 40px;
	border-top:1px solid rgba(255,255,255,0.08);
	color:rgba(255,255,255,0.65);
	font-size:13px;
}
.footer-note{margin-top:6px;color:rgba(255,255,255,0.5);}

/* Responsive */
@media (max-width: 900px){
	header{padding:16px 18px;}
	main{padding:40px 18px;}
	.features-grid{grid-template-columns:1fr;}
	.cta-section{grid-template-columns:1fr;}
	.hero h2{font-size:36px;}
}