:root{--bg: #000000;--fg: #ffffff;--muted: #cfcfcf}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:var(--bg);color:var(--fg);font-family:Helvetica Neue,Arial,sans-serif;overflow-x:hidden}body{overflow-x:hidden;overflow-y:hidden}.page{position:relative;width:100%;max-width:100vw;height:100vh;overflow:hidden}.logo{position:absolute;top:clamp(16px,3vw,32px);left:clamp(16px,3vw,40px);z-index:20}.logo img{height:clamp(40px,5vw,60px)!important;width:auto!important}.hero{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none;z-index:5}.right{position:absolute;right:clamp(20px,5vw,80px);bottom:clamp(24px,8vh,80px);max-width:min(460px,42vw);font-size:clamp(13px,1.1vw,18px);line-height:1.5;color:var(--muted);z-index:15;overflow-wrap:break-word;word-wrap:break-word}.right .lead{margin-bottom:14px;color:#fff;font-weight:700;font-size:clamp(15px,1.5vw,22px);line-height:1.35}.right .contacts{margin-bottom:10px;font-weight:300;font-size:clamp(12px,1vw,16px);line-height:1.5}.contacts a{color:#fff;text-decoration:underline}.contacts a:hover{opacity:.8}@media (max-width: 1024px){html,body,#root{height:auto;min-height:100%}body{overflow-y:auto}.page{height:auto;min-height:100vh;display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;padding:clamp(20px,4vw,32px) clamp(20px,4vw,32px) clamp(32px,6vw,56px);overflow:visible;gap:clamp(40px,6vw,64px)}.logo{position:relative;top:auto;left:auto;align-self:flex-start}.hero{position:relative;inset:auto;width:100%;height:clamp(380px,56vh,520px);margin:0}.right{position:relative;right:auto;bottom:auto;max-width:min(640px,100%);margin:0 auto;text-align:center;font-size:clamp(14px,2vw,18px);padding-inline:4px}.right .lead{font-size:clamp(12px,2vw,18px);margin-bottom:clamp(10px,2vw,16px)}.right .contacts{font-size:clamp(10px,1.5vw,16px);margin-bottom:8px}.contacts a{color:#fff;text-decoration:underline}.contacts a:hover{opacity:.8}}@media (max-width: 640px){.page{padding:20px 18px 36px;gap:40px}.hero{height:clamp(340px,52vh,440px)}.right{line-height:1.55}.right .lead{font-size:clamp(12px,3.5vw,16px)}.right .contacts{font-size:clamp(10px,2.5vw,13px)}.contacts a{color:#fff;text-decoration:underline}.contacts a:hover{opacity:.8}}@media (max-width: 380px){.hero{height:clamp(300px,48vh,360px)}.logo img{height:36px!important}.contacts a{color:#fff;text-decoration:underline}.contacts a:hover{opacity:.8}}