*{box-sizing:border-box}
body{margin:0;display:grid;grid-template-columns:minmax(0,1fr) 420px;min-height:100vh;color:#0f172a;background:#f5f5f5;font-family:'Source Sans Pro','Segoe UI',sans-serif}
.site{overflow:hidden;position:relative;padding:46px 6vw}
.site header{display:flex;justify-content:space-between;align-items:center}
.site-mark{font-size:28px;font-weight:800;letter-spacing:-2px}
.site-mark span{color:#0274be}
.site nav{font-size:12px}
.site-label{font-size:10px;letter-spacing:2px;margin-top:85px;color:#64748b}
h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(52px,6.1vw,92px);font-weight:500;line-height:1.03;letter-spacing:-4px;margin:28px 0}
h1 em{font-family:Georgia,serif;font-weight:normal}
p{font-size:14px;line-height:1.7;color:#64748b}
.site-button{border-bottom:1px solid;width:max-content;padding:18px 0;font-size:13px}
.geometry{position:absolute;width:400px;height:400px;right:-100px;bottom:-120px;transform:rotate(-25deg);opacity:.3}
.geometry i{position:absolute;border:45px solid #0274be;border-radius:50%;width:100%;height:100%}
.geometry i:nth-child(2){transform:translateX(65px)}
.geometry i:nth-child(3){transform:translateX(130px)}
.geometry i:nth-child(4){transform:translateX(195px)}
footer{margin-top:65px;font-size:10px;color:#64748b}
aside{height:100vh;position:sticky;top:0;border-left:1px solid #e2e8f0;box-shadow:-12px 0 40px #0f172a0a}
iframe{width:100%;height:100%;border:0}
@media(max-width:800px){body{grid-template-columns:1fr}
.site{display:none}
aside{width:min(100%,480px);margin:auto}
}