/*
==================================================
Insurance With Antwan OS
Frontend Styles
Version 1.0
==================================================
*/

:root{

--iwa-primary:#0A2E6F;
--iwa-secondary:#1D4ED8;
--iwa-gold:#D4AF37;
--iwa-light:#F8FAFC;
--iwa-white:#FFFFFF;
--iwa-text:#1E293B;
--iwa-text-light:#64748B;
--iwa-border:#E2E8F0;
--iwa-success:#22C55E;

--iwa-radius:18px;
--iwa-radius-large:28px;

--iwa-shadow:
0 15px 40px rgba(15,23,42,.08);

--iwa-max-width:1280px;

}

*{
box-sizing:border-box;
}

body{
margin:0;
padding:0;
font-family:
Inter,
Segoe UI,
Roboto,
Arial,
sans-serif;
color:var(--iwa-text);
background:#F5F7FB;
}

img{
max-width:100%;
height:auto;
display:block;
}

a{
text-decoration:none;
}

.iwa-home{

width:100%;

}

.iwa-home-hero{

max-width:var(--iwa-max-width);

margin:auto;

padding:80px 30px;

display:grid;

grid-template-columns:
1.4fr
.8fr;

gap:50px;

align-items:center;

}

.iwa-home-content h1{

font-size:58px;

line-height:1.05;

margin:10px 0 20px;

font-weight:800;

color:var(--iwa-primary);

}

.iwa-home-content p{

font-size:20px;

line-height:1.8;

color:var(--iwa-text-light);

}

.iwa-eyebrow{

display:inline-block;

padding:8px 18px;

background:#EAF2FF;

border-radius:100px;

font-size:13px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:var(--iwa-secondary);

}

.iwa-home-actions{

display:flex;

gap:20px;

margin-top:40px;

flex-wrap:wrap;

}

.iwa-home-btn{

padding:18px 32px;

border-radius:100px;

font-weight:700;

transition:.3s;

}

.iwa-home-btn-primary{

background:var(--iwa-secondary);

color:#fff;

}

.iwa-home-btn-primary:hover{

transform:translateY(-3px);

}

.iwa-home-btn-secondary{

border:2px solid var(--iwa-secondary);

color:var(--iwa-secondary);

}

.iwa-home-card{

background:white;

border-radius:var(--iwa-radius-large);

padding:40px;

box-shadow:var(--iwa-shadow);

}

.iwa-home-card h2{

margin-top:0;

font-size:34px;

color:var(--iwa-primary);

}

.iwa-home-card ul{

margin-top:30px;

padding-left:20px;

line-height:2;

}

.iwa-home-section{

max-width:var(--iwa-max-width);

margin:auto;

padding:70px 30px;

}

.iwa-home-section h2{

font-size:42px;

margin-bottom:40px;

color:var(--iwa-primary);

}

.iwa-home-grid{

display:grid;

grid-template-columns:

repeat(3,1fr);

gap:30px;

}

.iwa-service-card{

background:white;

padding:35px;

border-radius:20px;

box-shadow:var(--iwa-shadow);

transition:.25s;

color:inherit;

}

.iwa-service-card:hover{

transform:translateY(-8px);

}

.iwa-service-card h3{

margin-top:0;

font-size:26px;

color:var(--iwa-primary);

}

.iwa-home-split{

display:grid;

grid-template-columns:

1.2fr

.8fr;

gap:50px;

align-items:start;

}

.iwa-steps{

display:grid;

gap:20px;

margin-top:30px;

}

.iwa-steps div{

background:white;

padding:24px;

border-radius:18px;

box-shadow:var(--iwa-shadow);

display:flex;

gap:25px;

align-items:center;

}

.iwa-steps strong{

width:52px;

height:52px;

border-radius:50%;

background:var(--iwa-secondary);

display:flex;

align-items:center;

justify-content:center;

color:white;

font-size:22px;

}

.iwa-trust-card{

background:white;

padding:40px;

border-radius:28px;

box-shadow:var(--iwa-shadow);

}

.iwa-trust-card h3{

font-size:34px;

margin-top:0;

color:var(--iwa-primary);

}

.iwa-page-shell{

padding:70px 25px;

}

.iwa-page-card{

max-width:1100px;

margin:auto;

background:white;

padding:60px;

border-radius:28px;

box-shadow:var(--iwa-shadow);

}

.iwa-page-card h1{

font-size:52px;

margin-bottom:25px;

color:var(--iwa-primary);

}

.iwa-page-card p{

font-size:20px;

line-height:1.8;

}

@media(max-width:1100px){

.iwa-home-hero{

grid-template-columns:1fr;

}

.iwa-home-grid{

grid-template-columns:repeat(2,1fr);

}

.iwa-home-split{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.iwa-home-content h1{

font-size:42px;

}

.iwa-home-grid{

grid-template-columns:1fr;

}

.iwa-home-section h2{

font-size:34px;

}

.iwa-page-card{

padding:30px;

}

.iwa-page-card h1{

font-size:38px;

}

.iwa-home-actions{

flex-direction:column;

}

.iwa-home-btn{

text-align:center;

}

}