/* Typography and base */
:root{
	--blue:#0a285c;
	--blue-2:#f0d16b;
	--orange:#f4a73b;
	--text:#1c2230;
	--muted:#5a6980;
	--bg:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
	font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
	color:var(--text);
	background:var(--bg);
	line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{
	width:min(1100px,92%);
	margin:0 auto;
}

/* Header */
.site-header{
	position:sticky;top:0;z-index:50;
	background:linear-gradient(90deg,var(--blue) 0%, var(--blue-2) 100%);
	color:#fff;
	box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.header-inner{
	display:flex;align-items:center;justify-content:space-between;
	padding:12px 0;
}
.brand{display:flex;gap:10px;align-items:center;color:#fff}
.brand-text{display:flex;flex-direction:column;font-size:12px;opacity:.9}
.brand-text strong{font-size:16px;opacity:1}
.nav{display:flex;gap:20px;align-items:center}
.nav a{padding:8px 10px;border-radius:6px;color:#e8eef7}
.nav a.active,.nav a:hover{background:rgb(255 201 0 / 12%);color:#fff}
.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:22px}

@media (max-width:768px){
	.nav{position:absolute;right:0;top:56px;background:var(--blue-2);flex-direction:column;align-items:flex-start;gap:0;min-width:220px;transform:scaleY(0);transform-origin:top;transition:.2s;box-shadow:0 8px 24px rgba(0,0,0,.15)}
	.nav a{display:block;width:100%;padding:12px 16px;border-radius:0}
	.nav.open{transform:scaleY(1)}
	.nav-toggle{display:inline-flex}
}

/* Hero */
.hero{position:relative;color:#fff}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.hero-bg .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,47,83,.6),rgba(25,63,107,.4))}
.hero-content{position:relative;padding:88px 0 72px}
.hero h1{margin:0 0 8px;font-size:38px;font-weight:700}
.tagline{margin:0 0 18px;font-size:18px;opacity:.95}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:10px 16px;border-radius:8px;border:2px solid transparent;font-weight:600; cursor: pointer;}
.btn-primary{background:var(--orange);color:#1b202a}
.btn-outline{border-color:#2c2c2c;color:#2c2c2c}
.btn-outline1{border-color:#ffffff;color:#ffffff}
.btn:hover{filter:brightness(.95)}

/* Sections */
section{padding:56px 0}
h2{font-size:26px;margin:0 0 18px;color:var(--blue)}
.grid{display:grid;gap:18px}
.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.grid.four{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid.four,.grid.three{grid-template-columns:1fr}}

.info-card{
	border:1px solid #e6edf5;border-radius:12px;padding:18px;background:#fffcf8;
	box-shadow:0 2px 6px rgba(20,35,60,.04)
}
.info-card .icon{font-size:22px;color:var(--orange);margin-bottom:8px}
.bullet{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;background:#ffffff;border:1px solid #e6edf5}
.risk.small{font-size:13px;color:#0f0f0f;margin-top:14px}

/* Footer */
.site-footer{background:#0d213a;color:#cfe2ff}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;padding:28px 0;border-top:1px solid rgba(255,255,255,.08)}
.footer-top h5{margin:0 0 10px;color:#fff}
.footer-top ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer-top a{color:#cfe2ff}
.footer-bottom{padding:14px 0;border-top:1px solid rgba(255,255,255,.08);font-size:13px;opacity:.9}
@media (max-width:768px){.footer-top{grid-template-columns:1fr}}


:root{
	--bg: #ffffff;
	--panel: #0f0f0f;
	--text: #0f0f0f;
	--muted: #3c3a3a;
	--gold: #f0c36a;
	--gold1: #0a285c;
	--gold-strong: #ffdd88;
	--card: #fff0dc;
	--card-accent: #171307;
	--border: #cfa010;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
	margin:0;
	font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;
	background:var(--bg);
	color:var(--text);
}

.container{
	width:min(1200px, 92%);
	margin-inline:auto;
}

/* Header */
.site-header{
	position:sticky;
	top:0;
	z-index:20;
	background:#06132f;
	border-bottom:1px solid var(--border);
	backdrop-filter:saturate(160%) blur(6px);
}
.header-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:24px 0;
}
.brand{
	display:flex;
	align-items:center;
	gap:10px;
	text-decoration:none;
	color:var(--text);
}
.brand img{width:36px;height:36px;border-radius:6px}
.brand-text{
	display:flex;
	flex-direction:column;
	line-height:1.05;
}
.brand-text strong{
	font-weight:700;
	color:var(--gold);
	letter-spacing:.3px;
}
.brand-text span{
	color:var(--muted);
	font-size:12px;
}
.nav{
	display:flex;
	gap:26px;
}
.nav a{
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	letter-spacing:.3px;
	transition:color .2s ease;
}
.nav a:hover,.nav a.active{color:var(--gold)}
.nav-toggle{
	display:none;
	color:var(--text);
	font-size:20px;
	background:none;
	border:0;
}
/* Hero */
.hero{
	position:relative;
	min-height:80vh;
	display:grid;
	place-items:center;
}
.hero-bg{
	position:absolute;
	inset:0;
	overflow:hidden;
}
.hero-bg img{
	width:100%;
	height:100%;
	object-fit:cover;
	filter:saturate(120%) contrast(110%);
}
.hero-bg .overlay{
	position:absolute;
	inset:0;
	/* background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.75) 70%, #0a0a0a 95%); */
}
.fa-solid, .fas {
    color: #f4a73b;
    font-weight: 900;
}
.hero-content{
	position:relative;
	text-align:left;
	align-self:end;
	padding-bottom:48px;
}
.hero h1{
	font-size:clamp(28px, 4.8vw, 46px);
	line-height:1.15;
	color:#fff;
	text-shadow:0 8px 28px rgba(0,0,0,.6);
	max-width:780px;
}

/* Three cards */
.features-row{
	padding:36px 0 10px;
	background:linear-gradient(180deg, rgba(240,195,106,.06), rgba(240,195,106,0) 40%);
}
.cards{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:22px;
}
.card{
	background:var(--card);
	border:1px solid var(--border);
	border-radius:12px;
	padding:28px 22px;
	min-height:160px;
	display:flex;
	flex-direction:column;
	gap:12px;
	justify-content:center;
	align-items:flex-start;
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.card:hover{
	transform:translateY(-4px);
	box-shadow:0 16px 40px rgba(0,0,0,.35);
	border-color:#262626;
}
.card-accent{
	/* background:linear-gradient(180deg, rgba(240,195,106,.08), rgba(240,195,106,.02)), var(--card-accent); */
	box-shadow:0 0 0 1px rgba(240,195,106,.18) inset, 0 14px 40px rgba(240,195,106,.08);
}
.card .icon{
	width:44px;height:44px;border-radius:10px;
	display:grid;place-items:center;
	background:rgba(240,195,106,.12);
	color:var(--gold-strong);
}
.card h3{
	margin:0;
	font-size:16px;
	font-weight:500;
	color:#474747;
}

/* What's New */
.whats-new{
	padding:40px 0 66px;
}
.whats-new h2{
	color:var(--gold);
	font-size:22px;
	font-weight:700;
	letter-spacing:1.6px;
	margin:10px 0 26px;
}
.whats-new .grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:24px 42px;
}
.wn-item{
	display:flex;
	gap:14px;
	padding:16px 8px;
	border-bottom:1px dashed #2a2a2a;
}
.wn-icon{
	min-width:42px;height:42px;border-radius:50%;
	display:grid;place-items:center;
	color:var(--gold);background:rgba(240,195,106,.12);
}
.wn-body h4{
	margin:2px 0 6px;
	font-size:15px;color:#e7e7e7
}
.wn-body p{
	margin:0;
	font-size:13px;color:var(--muted);line-height:1.6
}

/* Footer */
.site-footer{
	background:#fffcf8;
	border-top:1px solid var(--border);
}
.footer-top{
	display:grid;
	grid-template-columns:1.2fr .9fr 1.1fr;
	gap:40px;
	padding:36px 0;
}
.footer-top h5{
	color:var(--gold);
	margin:0 0 12px;
	letter-spacing:.6px;
}
.footer-links ul,
.footer-location ul{
	list-style:none;
	padding:0;margin:0;
	display:grid;gap:8px;
}
.footer-links a{
	color:#000000;text-decoration:none;font-size:14px
}
.footer-links a:hover{color:var(--gold)}
.footer-location li{
	color:#000000;font-size:14px;display:flex;gap:10px;align-items:flex-start
}
.footer-bottom{
	border-top:1px solid var(--border);
	padding:12px 0 22px;
	text-align:center;
	color:#000000;
	font-size:13px;
}

.fa-location-dot{
margin-top: 5px !important;
}

.fa-envelope{
margin-top: 5px !important;
}
/* Responsive */
@media (max-width: 900px){
	.nav{display:none;position:absolute;right:4%;top:58px;background:#0d0d0d;border:1px solid var(--border);padding:12px 16px;border-radius:10px;flex-direction:column;gap:14px}
	.nav.open{display:flex}
	.nav-toggle{display:inline-flex}
	.cards{grid-template-columns:1fr;gap:14px}
	.whats-new .grid{grid-template-columns:1fr}
	.footer-top{grid-template-columns:1fr;gap:18px}
	.hero{min-height:54vh}
}