:root{color-scheme:dark;--ink:#f1f6f8;--muted:#a9bbc8;--blue:#8bd4ed;--orange:#f58220}*{box-sizing:border-box}body{margin:0;background:#081a2c;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.page{min-height:100svh;display:flex;flex-direction:column;padding:30px 5vw 22px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#15395070,transparent 65%)}header{display:flex;align-items:center;justify-content:space-between;z-index:2}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:27px;font-weight:650;letter-spacing:-1.2px}.logo-frame{display:grid;place-items:center;background:white;width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid #ffffff30}.logo-frame img{display:block;object-fit:contain}.languages{display:flex;align-items:center;gap:9px;font-size:10px;color:#526d82}.languages button{border:0;background:none;padding:12px 5px;color:#8a9eb0;font:inherit;letter-spacing:1px;cursor:pointer}.languages button[aria-pressed=true]{color:#fff}.languages button:hover{color:var(--blue)}main{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:620px;padding:75px 0 125px}.scene{position:absolute;width:min(930px,94vw);height:520px;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.lens{position:absolute;inset:30px 60px;border-radius:50%;overflow:hidden;background:#16425b;border:1px solid #9ad8ec2b;box-shadow:0 0 80px #28577113}.sky{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 54%,#abd5d133,transparent 55%),linear-gradient(#0a2136 8%,#224a60 45%,#5692a0 58%,#b8c9b0 60%,#1b5366 61%,#092b43 85%)}.water{position:absolute;overflow:hidden;inset:61% 0 0;background:linear-gradient(#144a60,#0a253c)}.ripples{position:absolute;inset:-70px -20%;background:repeating-radial-gradient(ellipse at 65% -150%,transparent 0 13px,#9bd4e46b 14px 16px,transparent 17px 28px);background-size:100% 100%;animation:water 4s linear infinite alternate}.reflection{position:absolute;left:57%;top:0;width:21%;height:85%;background:repeating-linear-gradient(0deg,transparent 0 7px,#e6e4c975 8px 10px,transparent 10px 15px);clip-path:polygon(40% 0,65% 0,100% 100%,0 100%);filter:blur(1px);animation:glimmer 3s ease-in-out infinite alternate}.horizon{position:absolute;top:60.7%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#c5ded3aa,transparent)}.shade{position:absolute;inset:0;background:radial-gradient(ellipse,transparent 10%,#06152695 80%),linear-gradient(0deg,#081a2c99,transparent 60%,#081a2c77)}.halo{position:absolute;inset:-50px;background:radial-gradient(ellipse,#3c91b022,transparent 65%)}.orbit{position:absolute;border:1px solid #87bddc16;border-radius:50%}.outer{inset:0}.inner{inset:14px 30px;border-style:dashed;border-color:#87bddc12}.marker{position:absolute;background:#719aaf77}.north,.south{height:13px;width:1px;left:50%}.north{top:-6px}.south{bottom:-6px}.east,.west{width:13px;height:1px;top:50%}.east{right:-6px}.west{left:-6px}.hero{text-align:center;position:relative;z-index:1;padding-bottom:30px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:9px;letter-spacing:3px;margin:0 0 27px;color:#acd0e0}.eyebrow>span:first-child{width:5px;height:5px;background:var(--orange);border-radius:50%}h1{font-size:clamp(66px,7.7vw,112px);font-weight:500;letter-spacing:-5px;line-height:1.04;margin:0;text-shadow:0 4px 35px #061729aa}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#b8e1ee;letter-spacing:-4px}.lead{font-size:14px;line-height:1.85;color:#c1d4df;margin:29px 0 0;text-shadow:0 1px 12px #081a2c}.next{position:absolute;bottom:35px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2px;color:#a1b6c5;margin:0}.accent{width:25px;height:1px;background:var(--orange)}footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-top:1px solid #aac9de20;padding-top:16px;z-index:1;font-size:10px;color:#889fb2}.footer-brand{justify-self:end;letter-spacing:2px;font-size:8px}.motion{background:none;border:0;color:#9db6c7;padding:9px;font:inherit;font-size:9px;display:flex;gap:10px;align-items:center;cursor:pointer;min-height:36px}.motion[hidden]{display:none}.motion:hover{color:#fff}:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.paused .ripples,.paused .reflection{animation-play-state:paused}@keyframes water{to{transform:translate(50px,48px) scale(1.08)}}@keyframes glimmer{to{transform:translateX(-36px);opacity:.55}}@media(max-width:650px){.page{padding:23px 6vw 18px}.brand{font-size:24px;gap:11px}.logo-frame{width:51px;height:51px}.logo-frame img{width:44px;height:39px}main{min-height:570px;padding:90px 0 125px}.scene{width:140vw;height:430px}.lens{inset:25px 40px}.hero{padding-bottom:20px}h1{font-size:clamp(48px,10vw,66px);letter-spacing:-2.5px}h1 em{letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:2px}.lead{font-size:13px;margin-top:27px}.next{font-size:8px;letter-spacing:1.4px;bottom:42px}footer{grid-template-columns:1fr auto;gap:10px}.footer-brand{display:none}.footer-note{font-size:9px;max-width:170px;line-height:1.5}}@media(prefers-reduced-motion:reduce){:root:not(.motion-enabled) .ripples,:root:not(.motion-enabled) .reflection{animation:none}}