*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;
min-height:100vh;
background:#fafafa;
color:#151515;
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
a{text-decoration:none;color:inherit}
.container{width:min(1080px,calc(100% - 40px));margin:auto}

header{
height:76px;
display:flex;
align-items:center;
border-bottom:1px solid #e8e8e8;
background:rgba(255,255,255,.94);
backdrop-filter:blur(14px);
position:sticky;
top:0;
z-index:20
}

.nav{
width:100%;
display:flex;
align-items:center;
justify-content:space-between
}

.logo{
display:flex;
align-items:center;
gap:11px;
font-size:19px;
font-weight:750;
letter-spacing:-.5px
}

.logo-icon{
width:35px;
height:35px;
display:grid;
place-items:center;
border-radius:10px;
background:#f5c542;
color:#111;
font-size:15px;
font-weight:900;
box-shadow:0 5px 16px rgba(245,197,66,.24)
}

.links{
display:flex;
gap:26px;
color:#707070;
font-size:14px
}

.links a:hover,.links .active{
color:#111
}

.links .active{font-weight:650}

.hero{
padding:105px 0 90px
}

.eyebrow{
display:flex;
align-items:center;
gap:8px;
margin-bottom:22px;
color:#917516;
font-size:11px;
font-weight:750;
letter-spacing:.16em;
text-transform:uppercase
}

.eyebrow:before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:#f5c542
}

h1{
margin:0;
max-width:820px;
font-size:clamp(46px,7vw,80px);
line-height:.98;
letter-spacing:-4px;
font-weight:760
}

h1 span{color:#999}

.lead{
max-width:640px;
margin:27px 0 0;
font-size:18px;
line-height:1.75;
color:#6f6f6f
}

.buttons{
display:flex;
gap:12px;
margin-top:38px
}

.button{
padding:13px 19px;
border-radius:10px;
border:1px solid #ddd;
background:#fff;
font-size:14px;
font-weight:650;
transition:.2s
}

.button:hover{
transform:translateY(-2px);
box-shadow:0 8px 24px rgba(0,0,0,.06)
}

.button.primary{
background:#f5c542;
border-color:#f5c542;
color:#111
}

.cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
margin-top:65px
}

.card{
padding:25px;
border:1px solid #e5e5e5;
border-radius:17px;
background:#fff;
transition:.25s
}

.card:hover{
transform:translateY(-3px);
box-shadow:0 14px 35px rgba(0,0,0,.06)
}

.number{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:11px;
background:#fff7d6;
color:#806a14;
font-size:12px;
font-weight:750;
margin-bottom:20px
}

.card h3{
margin:0 0 9px;
font-size:16px
}

.card p{
margin:0;
color:#777;
font-size:14px;
line-height:1.65
}

.section{
padding:75px 0
}

.title{
margin:0;
font-size:42px;
letter-spacing:-2px;
line-height:1.05
}

.subtitle{
max-width:650px;
margin:18px 0 0;
color:#707070;
line-height:1.75
}

.line{
width:48px;
height:3px;
margin-top:22px;
border-radius:10px;
background:#f5c542
}

.box{
margin-top:35px;
padding:28px;
border:1px solid #e5e5e5;
border-radius:18px;
background:#fff
}

.row{
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 0;
border-bottom:1px solid #eee
}

.row:first-child{padding-top:0}
.row:last-child{
padding-bottom:0;
border-bottom:0
}

.row-left{
display:flex;
align-items:center;
gap:11px;
font-size:14px;
font-weight:600
}

.dot{
width:9px;
height:9px;
border-radius:50%;
background:#2ab77a;
box-shadow:0 0 0 5px rgba(42,183,122,.08)
}

.green{
color:#299b6d;
font-size:13px;
font-weight:650
}

.two{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
margin-top:35px
}

.info{
padding:30px;
border:1px solid #e5e5e5;
border-radius:18px;
background:#fff
}

.info h3{
margin:0 0 12px;
font-size:18px
}

.info p{
margin:0;
color:#737373;
font-size:14px;
line-height:1.75
}

.contact{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
padding:30px;
margin-top:35px;
border:1px solid #e5e5e5;
border-radius:18px;
background:#fff
}

.contact strong{font-size:17px}
.contact p{
margin:8px 0 0;
color:#777;
font-size:14px
}

footer{
margin-top:65px;
padding:25px 0;
border-top:1px solid #e8e8e8;
color:#999;
font-size:12px
}

.footer-inner{
display:flex;
justify-content:space-between
}

@media(max-width:720px){
.container{width:min(100% - 28px,1080px)}
.links{gap:14px;font-size:13px}
.hero{padding:70px 0 55px}
h1{font-size:47px;letter-spacing:-2.5px}
.lead{font-size:16px}
.cards,.two{grid-template-columns:1fr}
.contact{align-items:flex-start;flex-direction:column}
.footer-inner{gap:10px;flex-direction:column}
}