:root{
--blue:#0b3c5d;
--blue2:#1c6ea4;
--light:#f5f8fb;
--dark:#0e1621;
--gold:#d4af37;
}

*{box-sizing:border-box;margin:0;padding:0;}

body{
font-family:Inter,system-ui;
background:var(--light);
color:#1a1a1a;
line-height:1.75;
}

h1,h2,h3{
font-family:"Playfair Display",serif;
color:var(--dark);
}

section{padding:90px 20px;}
.container{max-width:1180px;margin:auto;}

.hero{
background:linear-gradient(135deg,#071b2f,#0b3c5d,#1c6ea4);
color:#fff;
text-align:center;
}

.hero h1{
font-size:52px;
margin-bottom:25px;
color:white;
}

.hero p{
font-size:20px;
max-width:760px;
margin:auto;
opacity:.9;
}

.badges{
display:flex;
gap:18px;
justify-content:center;
margin-top:35px;
flex-wrap:wrap;
}

.badge{
border:1px solid rgba(255,255,255,.4);
padding:10px 22px;
border-radius:40px;
font-size:14px;
}

.grid-3{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:35px;
margin-top:60px;
}

.card{
background:white;
padding:40px;
border-radius:20px;
box-shadow:0 15px 45px rgba(0,0,0,.08);
}

.card h3{
margin-bottom:12px;
font-size:22px;
}

.price{
font-size:34px;
color:var(--blue);
font-weight:600;
margin-bottom:12px;
}

.dark-section{
background:#0b1624;
color:white;
}

.dark-section h2,.dark-section h3{color:white;}

.table-wrap{
overflow-x:auto;
margin-top:40px;
}

table{
width:100%;
border-collapse:collapse;
background:white;
border-radius:14px;
overflow:hidden;
}

th,td{
padding:16px;
text-align:center;
border-bottom:1px solid #eee;
}

th{
background:#0b3c5d;
color:white;
}

ul{
padding-left:22px;
margin-top:15px;
}

li{margin-bottom:10px;}

.highlight{
background:linear-gradient(135deg,#eaf4ff,#ffffff);
border-left:6px solid var(--blue2);
padding:40px;
border-radius:18px;
margin-top:40px;
}

.cta{
background:linear-gradient(135deg,#0b3c5d,#1c6ea4);
color:white;
border-radius:26px;
padding:70px 40px;
text-align:center;
}

.cta a{
display:inline-block;
margin-top:25px;
background:white;
color:#0b3c5d;
padding:16px 42px;
border-radius:40px;
font-weight:600;
text-decoration:none;
}

.faq-item{
margin-top:35px;
}

.faq-item h3{
font-size:20px;
margin-bottom:8px;
}

@media(max-width:768px){
.hero h1{font-size:36px;}
}