:root{color-scheme:light;--atlantic:#082454;--digital:#0877e8;--cyan:#18c5f4;--solar:#ffc400;--muted:#52647d}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:#f9fcff;color:var(--atlantic);font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased;position:relative;isolation:isolate}
.landscape{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 52%,#fff 25%,transparent 72%),linear-gradient(130deg,#f0faff,#fff 52%,#edf8ff)}
.orbit{position:absolute;width:1100px;height:1100px;border:1px solid #0877e810;border-radius:50%;right:-840px;top:8%}
.orbit-two{width:1350px;height:1350px;right:-965px;top:calc(8% - 125px)}
.sun-track{position:absolute;width:1100px;height:1100px;right:-840px;top:8%;transform:rotate(32deg);animation:orbit-sun 24s ease-in-out infinite alternate}
.sun{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--solar);left:0;top:50%;transform:translate(-50%,-50%)}
@keyframes orbit-sun{from{transform:rotate(32deg)}to{transform:rotate(-12deg)}}
.header{width:100%;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:28px 64px}
.brand{display:block;width:220px;line-height:0;border-radius:4px}
.brand img{display:block;width:100%;height:auto}
.header-note{font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--muted)}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px 88px}
h1{font-size:clamp(38px,5.1vw,70px);font-weight:800;line-height:1.13;letter-spacing:-.055em;margin:28px 0 24px}
h1 span{color:var(--digital)}
.intro{font-weight:600;font-size:17px;margin:0 0 11px;line-height:1.6}
.description{color:var(--muted);font-size:14px;line-height:1.9;margin:0}
.contact{margin-top:38px}
.contact p{color:var(--muted);font-size:12px;margin:0 0 15px}
.email{display:inline-flex;gap:12px;align-items:center;background:var(--digital);color:#fff;text-decoration:none;padding:18px 24px;border-radius:9px;font-size:14px;font-weight:600;box-shadow:0 7px 20px #0877e817;transition:background .2s,transform .2s}
.email svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6}
.arrow{font-size:21px;margin-left:14px;font-weight:400;line-height:1}
.email:hover{background:#0865c4;transform:translateY(-2px)}
a:focus-visible{outline:3px solid var(--atlantic);outline-offset:5px}
footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #08245412;padding:24px 0;margin:0 64px;font-size:10px;color:var(--muted)}
@media(min-width:1600px){footer{width:1312px;margin:0 auto}}
@media(max-width:600px){.header{padding:20px 24px;justify-content:center}.brand{width:200px}.header-note{display:none}main{padding:36px 22px 60px}h1{font-size:clamp(33px,8.5vw,48px);margin-top:25px}.intro{font-size:14px}.description{font-size:12px;max-width:320px}.desktop-break{display:none}.contact{margin-top:30px}.email{padding:17px 19px;font-size:13px}.arrow{margin-left:5px}footer{margin:0 24px;padding:21px 0;flex-direction:column;gap:9px}.sun{width:9px;height:9px}}
@media(prefers-reduced-motion:reduce){.sun-track{animation:none}.email{transition:none}.email:hover{transform:none}}