*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#fff;font-family:Helvetica,Arial,sans-serif}button,a,input{font:inherit}button,a{cursor:pointer;color:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid #ffda00;outline-offset:4px}.showcase{display:flex;align-items:center;justify-content:center;min-height:100svh;gap:50px;padding:40px 24px}.phone{position:relative;aspect-ratio:393/852;height:95svh;max-height:900px;border-radius:54px;border:8px solid #2a2a2a;box-shadow:0 0 0 2px #0a0a0a,0 40px 80px #0009,0 20px 40px #0006,inset 0 0 0 2px #3a3a3a;background:#1a1a1a;flex-shrink:0;overflow:hidden}.island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:126px;height:36px;background:#000;border-radius:20px;z-index:200}.home{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;background:#ffffff4d;border-radius:3px;z-index:200}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;scrollbar-width:none;border-radius:46px}.info{min-height:100%;padding:70px 20px 40px;background:linear-gradient(#c8c7b3,#f0b172 50%,#ea7c58);color:#1a1a1a}h1{font-family:Barlow Condensed,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:.9}.info h1{font-size:58px;color:#fff}.tagline{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:8px 0 32px}.map{position:relative;aspect-ratio:435/340;margin:0 -20px 30px}.map>img:first-child{width:100%;height:100%;object-fit:contain}.map>svg{position:absolute;left:10%;top:18%;width:80%;overflow:visible}.map img.transport{position:absolute;width:16%;aspect-ratio:1;border-radius:50%;background:#fff;padding:5px;object-fit:contain;box-shadow:0 4px 20px #0003}.t0{left:26%;top:28.9%}.t1{left:70.8%;top:15.6%;rotate:9.73deg}.t2{left:55.2%;top:52.1%;rotate:180deg}.stat{display:flex;align-items:center;gap:16px;margin-bottom:40px}.stat b{font:800 72px/.9 Barlow Condensed;color:#fff}.stat p{font-size:17px;line-height:1.3}.stat.second{margin-left:60px}.hero{height:100%;min-height:730px;background:#06181b;position:relative;display:flex;flex-direction:column;justify-content:flex-end}.hero>video{position:absolute;top:0;left:0;width:100%;height:63%;object-fit:cover}.hero:before{content:"";position:absolute;left:0;right:0;top:30%;height:40%;background:linear-gradient(transparent,#06181b 92%,#06181b)}.hero header{position:absolute;top:60px;left:24px;right:24px;display:flex;justify-content:space-between;z-index:100}.hero header a{text-decoration:none;font:800 32px/.9 Barlow Condensed,sans-serif}.hero header span{color:#ffda00}.hero header button{background:none;width:40px;height:40px;display:grid;place-items:center}.herocopy{position:relative;padding:0 20px 28px;z-index:10}.hero h1{font-size:67px;line-height:.82;margin-bottom:22px}.hero h1 span{display:block;animation:slide .85s both}.hero h1 span:nth-child(2){color:#ffda00;text-align:right;animation-delay:.13s}.hero h1 span:nth-child(3){font-size:57px;animation-delay:.26s}.cta{width:100%;height:56px;border-radius:40px;background:#ffda00;color:#002a35;display:flex;align-items:center;justify-content:center;position:relative;padding-right:40px;font-size:20px;transition:transform .2s}.cta:hover{transform:translateY(-2px) scale(1.03)}.cta i{position:absolute;right:-2px;top:0;width:56px;height:56px;border-radius:50%;background:#06181b;border:4px solid #ffda00;display:grid;place-items:center;color:#fff}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#6682c2;z-index:99;display:flex;flex-direction:column;justify-content:center;gap:30px;padding:30px}.overlay button{text-align:left;background:none;font-size:24px}.contact{min-height:100%;padding:72px 20px 36px;background:#0a1f2b}.contact h1{font-size:58px}.contact h1 span{color:#ffda00}.subtitle{font-size:18px;line-height:1.4;color:#b0b8bc;margin:20px 0 60px}.contact form{display:flex;flex-direction:column;gap:16px;margin-bottom:44px}.contact input{padding:18px 24px;border-radius:40px;border:0;background:#ffffff14;color:#fff;font-size:16px;width:100%;transition:all .2s}.contact input:focus{background:#ffffff24;scale:1.01;outline:1px solid #ffda00}.contact input::placeholder{color:#b0b8bc}.contact form button{width:100%;padding:18px;border-radius:40px;background:#ffda00;color:#0a1f2b;font-size:20px;font-weight:700}.contact form button:hover{background:#ffe84d}.contact form>p{font-size:12px;line-height:1.5;color:#ffda00}.contacts{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.contacts a{text-decoration:none;font-size:17px;color:#b0b8bc}.contact footer{display:flex;justify-content:space-between;margin-bottom:32px}.contact footer>div{display:flex;gap:8px}.contact footer button{width:40px;height:40px;display:grid;place-items:center;background:#fff;color:#0a1f2b;border-radius:50%;transition:transform .2s}.contact footer button:hover{transform:translateY(-3px) scale(1.1)}.contact>small{font-size:12px;color:#6b7a80}dialog{margin:auto;background:#0a1f2b;color:#fff;padding:32px;border:1px solid #ffda00;border-radius:24px;max-width:min(500px,90vw)}dialog::backdrop{background:#000b}dialog button{float:right;background:none}dialog h2{font-family:Barlow Condensed;font-size:36px;margin:20px 0}dialog p{line-height:1.7;color:#b0b8bc}@keyframes slide{0%{opacity:0;translate:-100% 0}to{opacity:1;translate:0 0}}@media(min-width:901px)and (max-width:1200px){.phone{height:90svh;max-height:800px}.showcase{gap:24px;padding:30px 16px}.hero h1{font-size:60px}.hero h1 span:nth-child(3){font-size:50px}}@media(max-width:900px){.showcase{flex-direction:column;padding:20px;gap:50px}.phone{width:min(393px,calc(100vw - 40px));height:auto;max-height:none}.hero{min-height:100%}.contact h1{font-size:58px}.herocopy{padding-bottom:28px}}@media(max-width:400px){.hero h1{font-size:58px}.hero h1 span:nth-child(3){font-size:48px}.info h1{font-size:50px}.tagline{font-size:21px}.contact h1{font-size:50px}.stat.second{margin-left:40px}.hero header{top:60px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.herocopy h1 span{animation:none}.hero h1{overflow:hidden}.map svg{overflow:visible}
