*{box-sizing:border-box}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f7f8;color:#172026}
body{margin:0}
a{color:inherit;text-decoration:none}
.wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.header{height:76px;border-bottom:1px solid #dde3e6;background:rgba(255,255,255,.88);backdrop-filter:blur(10px)}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:750;font-size:21px;letter-spacing:-.5px}
nav{display:flex;gap:28px;font-size:14px;color:#52616a}
nav a:hover{color:#111}
.hero{min-height:600px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#75858e}
h1{font-size:64px;line-height:1.02;letter-spacing:-3px;margin:18px 0 24px;max-width:720px}
h2{font-size:36px;letter-spacing:-1.5px}
h3{font-size:20px;margin:18px 0 10px}
.lead{font-size:20px;line-height:1.65;color:#52616a;max-width:650px}
.actions{display:flex;gap:12px;margin-top:34px}
.button{padding:13px 20px;border-radius:9px;background:#172026;color:#fff;font-weight:650;font-size:14px}
.button.secondary{background:#e6ebed;color:#172026}
.visual{height:380px;position:relative;display:grid;place-items:center}
.panel{position:relative;z-index:3;width:300px;padding:32px;background:rgba(255,255,255,.88);border:1px solid #d8e0e4;border-radius:18px;box-shadow:0 24px 70px rgba(30,50,60,.12)}
.panel span,.panel small{display:block;color:#768790}
.panel strong{display:block;font-size:24px;margin:10px 0 36px}
.orb{position:absolute;border-radius:50%;filter:blur(1px)}
.orb1{width:260px;height:260px;background:#dfe8eb;left:30px;top:30px}
.orb2{width:210px;height:210px;background:#cddadd;right:20px;bottom:20px}
.section{padding:100px 0}
.section-heading{max-width:620px;margin-bottom:48px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards article,.contact-card{background:#fff;border:1px solid #dde4e7;border-radius:15px;padding:30px}
.cards p,.content p{color:#64747c;line-height:1.7}
.icon{font-size:12px;font-weight:700;color:#88969d}
.quote{background:#172026;color:#fff;padding:80px 0;margin-top:40px}
.quote p{font-size:32px;line-height:1.4;max-width:800px}
.page{min-height:650px;padding:110px 0}
.content{max-width:720px;margin-top:60px}
.contact-card{max-width:470px;margin-top:50px}
.contact-card span{display:block;color:#77868e;font-size:13px}
.contact-card strong{display:block;margin-top:12px;font-size:19px}
footer{border-top:1px solid #dde3e6;background:#fff}
.footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;color:#6d7c84;font-size:13px}
.footer div{display:flex;gap:22px}
@media(max-width:760px){
.hero{grid-template-columns:1fr;padding:80px 0}
.visual{display:none}
h1{font-size:46px}
.cards{grid-template-columns:1fr}
nav{gap:14px}
}