:root{
	--blue:#0b4f8a;
	--blue2:#083b68;
	--green:#04b;
	--bg:#f4f8fb;
	--text:#162331;
	--muted:#5d6b7a;
}
*{box-sizing:border-box}
body{
	margin:0;
	font-family:Arial,Helvetica,sans-serif;
	color:var(--text);
	background:var(--bg);
}
.header{
	background:linear-gradient(135deg,#f1f2f3,#d1d2d3);
	color:white;
	padding:28px 20px;
	border-radius:26px;
}
.nav{
	max-width:1120px;
	margin:auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.logo{
	font-size:24px;
	font-weight:bold;
	letter-spacing:-0.5px;
}
.badge{
	background:rgba(255,255,255,.6);
	border:1px solid rgba(255,255,255,.25);
	padding:9px 14px;
	border-radius:999px;
	font-size:14px;
}
.hero{
	max-width:1120px;
	margin:auto;
	padding:80px 20px 95px;
	display:grid;
	grid-template-columns:1.15fr .85fr;
	gap:50px;
	align-items:center;
}
.hero h1{
	font-size:52px;
	line-height:1.05;
	margin:0 0 22px;
	letter-spacing:-1.4px;
}
.hero p{
	font-size:20px;
	line-height:1.55;
	color:#162331;
	margin:0 0 34px;
}
.cta{
	display:inline-block;
	background:var(--green);
	color:white;
	text-decoration:none;
	font-weight:bold;
	font-size:19px;
	padding:18px 30px;
	border-radius:14px;
	box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.cta:hover{background:#48f}
.note{
	margin-top:18px;
	font-size:14px;
	color:#162331;
}
.card{
	background:white;
	color:var(--text);
	border-radius:26px;
	padding:30px;
	box-shadow:0 24px 70px rgba(0,0,0,.22);
}
.card h2{margin-top:0}
.steps{
	display:grid;
	gap:16px;
}
.step{
	display:flex;
	gap:14px;
	align-items:flex-start;
}
.num{
	min-width:34px;
	height:34px;
	border-radius:50%;
	background:#eaf4ff;
	color:var(--blue);
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
}
.section{
	max-width:1120px;
	margin:0 auto;
	padding:70px 20px;
}
.section h2{
	font-size:36px;
	text-align:center;
	margin:0 0 42px;
}
.features{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:22px;
}
.feature{
	background:white;
	border-radius:22px;
	padding:28px;
	box-shadow:0 10px 35px rgba(15,54,85,.08);
}
.feature h3{margin-top:0}
.feature p{
	color:var(--muted);
	line-height:1.55;
}
.disclaimer{
	background:#fff7e6;
	border:1px solid #f0d49a;
	border-radius:18px;
	padding:22px;
	color:#5d4619;
	margin-top:35px;
	line-height:1.5;
}
.final{
	background:white;
	text-align:center;
	padding:70px 20px;
}
.final h2{
	font-size:34px;
	margin:0 0 15px;
}
.final p{
	color:var(--muted);
	font-size:18px;
	margin-bottom:30px;
}
.footer{
	text-align:center;
	color:#718093;
	font-size:13px;
	padding:24px;
}
@media(max-width:850px){
	.hero{grid-template-columns:1fr;padding-top:50px}
	.hero h1{font-size:40px}
	.features{grid-template-columns:1fr}
}