:root{--navy:#101923;--ink:#1a2531;--silver:#aeb4bb;--ice:#a9cee2}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--navy);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:3px solid #78b8e0;outline-offset:5px}
em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#c9d6e0}
.hold{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
.bg,.shade,.light{position:absolute;inset:0;z-index:-1}
.bg img{width:100%;height:100%;object-fit:cover;object-position:70% center;transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1.08);transition:transform .9s cubic-bezier(.2,.7,.2,1);animation:drift 26s ease-in-out infinite alternate}
.shade{background:linear-gradient(90deg,#09121df2 0%,#09121dc4 42%,#09121d55 80%),linear-gradient(0deg,#09121de0,transparent 45%)}
.light{mix-blend-mode:screen;opacity:.5;pointer-events:none;background:radial-gradient(520px circle at var(--lx,72%) var(--ly,40%),rgba(169,206,226,.35),rgba(169,206,226,.08) 40%,transparent 62%)}
.top{display:flex;align-items:center;justify-content:space-between;padding:28px 6%;border-bottom:1px solid #ffffff22}
.brand{width:165px;height:auto;display:block}
.lang{background:none;border:1px solid #ffffff55;color:#fff;font:inherit;font-size:.8rem;letter-spacing:.08em;padding:7px 14px;cursor:pointer}
.lang:hover{background:#ffffff14}
.copy{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 6% 70px;max-width:980px}
.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.16em;color:#c3ccd4;margin:0 0 26px}
h1{font-weight:400;font-size:clamp(3.4rem,9vw,8.4rem);line-height:.98;letter-spacing:-.06em;margin:0 0 30px}
.intro{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#d0d8df;max-width:640px;margin:0 0 30px}
.tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 38px}
.tags li{border:1px solid #ffffff38;padding:7px 14px;font-size:.8rem;color:#d3dbe2;background:#10192355}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.mail{display:inline-block;background:#fff;color:var(--ink);font-weight:600;font-size:.95rem;padding:14px 24px;transition:background .2s}
.mail:hover{background:#d8e5ed}
.soon{font-size:.9rem;color:#aebcc9}
.foot{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;padding:22px 6%;border-top:1px solid #ffffff20;font-size:.8rem;color:#aebcc9;background:#0b131bcc}
.foot nav{margin-left:auto;display:flex;gap:22px}
.foot a:hover{text-decoration:underline;text-underline-offset:4px}
@keyframes drift{from{scale:1}to{scale:1.05}}
@media(max-width:680px){
  .top{padding:22px 16px}.brand{width:138px}
  .copy{padding:48px 16px 56px}
  .bg img{object-position:70% center}
  .shade{background:linear-gradient(90deg,#09121df0,#09121d99),linear-gradient(0deg,#09121de6,transparent 55%)}
  .foot{padding:18px 16px}.foot nav{margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){.bg img{animation:none;transition:none}}