*{box-sizing:border-box}
:root{
--navy:#102C43;--teal:#17627A;--azure:#82D0F7;
--ice:#F4F8FA;--white:#fff;
}
body{
margin:0;min-height:100vh;
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
background:var(--ice);color:var(--navy);overflow:hidden;
}
.background{
min-height:100vh;padding:42px 6vw;
position:relative;
background:radial-gradient(circle at 70% 45%,rgba(130,208,247,.18),transparent 30%),linear-gradient(135deg,#fff,#f4f8fa);
}
.grid{
position:absolute;inset:0;opacity:.25;
background-image:linear-gradient(rgba(16,44,67,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,44,67,.06) 1px,transparent 1px);
background-size:60px 60px;
}
.orb{position:absolute;border-radius:50%;filter:blur(1px)}
.orb1{width:500px;height:500px;right:-180px;top:-150px;background:rgba(130,208,247,.15)}
.orb2{width:350px;height:350px;left:-180px;bottom:-150px;background:rgba(23,98,122,.08)}
header,main,footer{position:relative;z-index:2}
header{display:flex;justify-content:space-between;align-items:center}
header img{width:220px}
header span{font-size:10px;letter-spacing:.25em;color:var(--teal)}
header i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--azure);margin-right:12px}
main{height:75vh;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.eyebrow{font-size:11px;letter-spacing:.3em;color:var(--teal)}
h1{font-size:clamp(60px,7vw,120px);font-weight:300;line-height:.86;letter-spacing:-.06em;margin:30px 0}
h1 em{font-family:Georgia,serif;color:var(--teal)}
.text{max-width:550px;font-size:18px;line-height:1.7;color:#607887}
.line{display:flex;align-items:center;gap:18px;margin-top:50px;font-size:10px;letter-spacing:.25em}
.line b{width:120px;height:1px;background:var(--azure)}
aside{height:600px;position:relative;display:flex;align-items:center;justify-content:center}
.core{width:130px;height:130px;border-radius:35px;background:linear-gradient(145deg,#fff,#dcecf2);box-shadow:0 30px 80px #102c4322;display:grid;place-items:center;font-size:55px;font-weight:200}
.circle{position:absolute;border:1px solid #17627a22;border-radius:50%}
.c1{width:330px;height:330px}.c2{width:500px;height:500px;border-style:dashed}
.infinity{position:absolute;right:8%;font-size:120px;color:#17627a44;font-weight:200}
.particles i{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--azure)}
.particles i:nth-child(1){top:20%;left:35%}.particles i:nth-child(2){top:35%;right:15%}.particles i:nth-child(3){bottom:20%;left:25%}
.particles i:nth-child(4){bottom:30%;right:25%}.particles i:nth-child(5){top:10%;right:35%}
.particles i:nth-child(6){bottom:10%;right:45%}.particles i:nth-child(7){left:10%;top:45%}.particles i:nth-child(8){right:5%;bottom:45%}
footer{display:flex;justify-content:space-between;border-top:1px solid #102c4320;padding-top:25px;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
footer a{color:var(--teal);text-decoration:none}
@media(max-width:900px){main{grid-template-columns:1fr;height:auto}aside{height:350px}h1{font-size:60px}header img{width:150px}}