@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500;600&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Inter",Arial,sans-serif;color:#10263b;background:#f7f7f5}
h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:500}
a{text-decoration:none}

.header{
position:absolute;top:0;left:0;width:100%;height:82px;padding:0 56px;
display:flex;justify-content:space-between;align-items:center;z-index:99;
border-bottom:1px solid rgba(255,255,255,.12)
}

.logo{display:flex;align-items:center;gap:14px;color:#fff}
.logo-mark{
width:34px;height:34px;background:#d5ad62;color:#071b2c;
display:flex;align-items:center;justify-content:center;font-size:12px;
clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)
}
.logo-text strong{display:block;font-size:12px;letter-spacing:2px}
.logo-text span{display:block;font-size:8px;letter-spacing:3px;opacity:.7}

nav{display:flex;align-items:center;gap:32px}
nav a{color:#d5dde5;font-size:12px}
nav a:hover{color:#83dce5}
.language{color:#83dce5;font-size:12px}

.hero{
height:820px;position:relative;overflow:hidden;background:#061b2e;color:#fff
}
.hero-bg{
position:absolute;inset:0;
background-image:linear-gradient(90deg,rgba(3,20,35,.78),rgba(3,20,35,.18)),url("../images/hero.jpg");
background-position:72% center
}
.hero-bg:after{
content:"";position:absolute;width:650px;height:650px;right:-180px;top:-80px;
border-radius:50%;border:1px solid rgba(120,220,230,.18)
}
.hero-content{
position:absolute;
left:56px;
top:120px;
max-width:700px;
}
.eyebrow{display:flex;align-items:center;color:#83dce5;font-size:11px;letter-spacing:5px;margin-bottom:45px}
.eyebrow span{width:32px;height:1px;background:#83dce5;margin-right:16px}
.hero h1{
font-size:78px;
line-height:.95;
letter-spacing:-1px;
margin-bottom:45px;
}
.hero-content p{max-width:560px;color:#c5d0d8;font-size:14px;line-height:2;margin-bottom:45px}
.btn{
height:46px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;
border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;letter-spacing:.5px;margin-right:12px
}
.btn.primary{background:#82d9df;color:#082033;border-color:#82d9df}

.hero-stats{
position:absolute;left:56px;right:56px;bottom:0;height:95px;
display:grid;grid-template-columns:repeat(3,1fr);
background:transparent;border-top:1px solid rgba(255,255,255,.12)
}
.hero-stats div{display:flex;align-items:center;gap:18px;padding-left:25px;border-right:1px solid rgba(255,255,255,.12)}
.hero-stats b{color:#83dce5;font-size:16px}
.hero-stats span{font-size:12px;color:#b7c3cc}

.about{padding:120px 80px;background:#f5f4ef}
.section-label{display:flex;align-items:center;gap:18px;color:#2ca8bf;letter-spacing:4px;font-size:10px;font-weight:600;margin-bottom:45px}
.section-label:before{content:"";width:44px;height:1px;background:#2ca8bf}
.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:80px}
.about h2{font-size:76px;line-height:.98;color:#0d2238}
.about-copy{font-size:17px;line-height:1.9;color:#607284}
.about blockquote{margin-top:45px;padding-left:25px;border-left:3px solid #d4b06b;font-family:"Cormorant Garamond";font-style:italic;font-size:30px;line-height:1.4;color:#233e56}

.business{background:#061c30;color:#fff;padding:120px 80px}
.business h2{font-size:62px;margin-bottom:60px}
.business-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.business-card{min-height:340px;padding:40px;border:1px solid rgba(255,255,255,.15);background:transparent}
.business-card .number{color:#758899;font-size:20px}
.business-card small{color:#82d9df;letter-spacing:3px}
.business-card h3{font-size:38px;margin:25px 0}
.business-card p{color:#b7c3cc;line-height:2;font-size:13px}

.advantages{padding:120px 80px}
.advantages h2{font-size:62px;margin-bottom:70px}
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.adv-grid div{padding:40px 25px;border-right:1px solid #ddd;color:#2ca8bf}
.adv-grid h4{margin-top:30px;color:#152b3d;font-family:"Cormorant Garamond";font-size:24px}
.adv-grid p{color:#758592;font-size:12px;line-height:1.8;margin-top:15px}

.contact{background:#072137;color:white;padding:100px 80px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px}
.contact h2{font-size:70px;line-height:1.05}
.contact-info{padding-left:40px;border-left:1px solid rgba(255,255,255,.15)}
.contact-info p{padding:25px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;line-height:2}

footer{height:90px;background:#031522;color:#788895;display:flex;align-items:center;padding:0 80px;font-size:11px;letter-spacing:2px}

@media(max-width:900px){
.header{padding:0 25px}
nav a{display:none}
.hero{height:760px}
.hero-content{left:25px;top:120px}
.hero h1{font-size:48px}
.hero-stats{left:25px;right:25px}
.about,.business,.advantages,.contact{padding:70px 25px}
.about-grid,.business-cards,.contact,.adv-grid{grid-template-columns:1fr}
.about h2,.business h2,.advantages h2{font-size:42px}
.contact h2{font-size:45px}
}

@media(min-width:1600px){
    .hero-bg{
        background-size:125% auto;
        background-position:76% center;
    }
}