*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:#F7D917;color:#000;font-family:Arial,Helvetica,sans-serif}
body{overflow:hidden}
.desktop-page,.mobile-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#F7D917}
.desktop-art{position:relative;width:min(100vw,126.666667vh);height:min(100vh,78.947368vw);max-width:1140px;max-height:900px;aspect-ratio:1140/900;background:#F7D917;overflow:hidden}
.d-logo{position:absolute;left:15.7895%;top:15%;width:68.4211%;height:auto;display:block}
.d-services{position:absolute;left:0;top:34.45%;width:100%;display:flex;justify-content:center;gap:6.93%;font-size:25px;line-height:1;letter-spacing:5px;font-weight:400;white-space:nowrap}
.d-message{position:absolute;left:0;top:54.95%;width:100%;text-align:center}
.d-message h1{margin:0;font-size:40px;line-height:1.15;font-weight:700;letter-spacing:-1.2px}
.d-message p{margin:15px 0 0;font-size:15px;line-height:1;letter-spacing:3.2px;font-weight:400}
.d-contacts{position:absolute;left:17.9%;bottom:15.25%;display:flex;align-items:center;gap:40px}
.d-contacts>a{display:flex;align-items:center;gap:17px;text-decoration:none;color:#000}
.d-contacts>a img{width:45px;height:45px;display:block;object-fit:contain}
.d-contacts>a span{display:flex;flex-direction:column;gap:4px;white-space:nowrap}
.d-contacts b{font-size:16px;line-height:1;font-weight:700}
.d-contacts small{font-size:14px;line-height:1;font-weight:400}
.d-contacts>i{width:2px;height:27px;background:#000;display:block}

.mobile-page{display:none}
@media(max-width:700px){
  body{overflow:hidden}
  .desktop-page{display:none}
  .mobile-page{display:flex}
  .mobile-art{position:relative;width:min(100vw,46.20853vh);height:min(100vh,216.41026vw);max-width:390px;max-height:844px;aspect-ratio:390/844;background:#F7D917;overflow:hidden}
  .m-logo{position:absolute;left:28.2051%;top:5.5687%;width:43.5897%;height:auto;display:block}
  .m-services{position:absolute;top:32.23%;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;font-size:16px;line-height:1;letter-spacing:4px;font-weight:400}
  .m-message{position:absolute;top:47.27%;left:0;width:100%;text-align:center}
  .m-message h1{margin:0;font-size:21px;line-height:1.15;font-weight:700;letter-spacing:-.45px}
  .m-message p{margin:15px 0 0;font-size:14px;line-height:1.85;letter-spacing:3px;font-weight:400}
  .m-contacts{position:absolute;left:0;bottom:5.0%;width:100%;display:flex;flex-direction:column;align-items:center;gap:26px}
  .m-contacts>a{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:#000}
  .m-contacts>a img{width:30px;height:30px;display:block;object-fit:contain}
  .m-contacts>a span{display:flex;flex-direction:column;align-items:center;gap:4px}
  .m-contacts b{font-size:14px;line-height:1;font-weight:700}
  .m-contacts small{font-size:12px;line-height:1;font-weight:400}
}