.bookform .ok{display:none}
img{display:block;max-width:100%}
*{box-sizing:border-box;margin:0;padding:0}
a{color:inherit;text-decoration:none}

:root{--sky:#eaf5fa;--deep:#0d3a52;--aq:#27aebf;--muted:#5a7584}
body{font-family:Geologica,sans-serif;font-weight:300;background:var(--sky);color:var(--deep);line-height:1.6;font-size:17px}
h1,h2,h3{font-weight:200;letter-spacing:-.025em;line-height:1.1}
.side{position:fixed;inset:0 auto 0 0;width:260px;background:#fff;padding:34px 28px;display:flex;flex-direction:column;gap:34px;z-index:5}
.logo{font-weight:200;font-size:76px;line-height:.9;display:block}
.logo sub{font-size:30px;color:var(--aq);font-weight:400}
.logo small{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-top:10px;font-weight:400;color:var(--muted)}
.nav{display:grid;gap:4px}
.nav a{padding:10px 0;font-size:17px;display:flex;align-items:center;gap:12px;font-weight:400;color:var(--muted)}
.nav a:before{content:"";width:9px;height:9px;border:1.5px solid var(--aq);border-radius:50%}
.nav a.active{color:var(--deep)}
.nav a.active:before{background:var(--aq)}
.sinfo{margin-top:auto;font-size:14px;color:var(--muted)}
.sinfo a{display:block;font-size:19px;color:var(--deep);font-weight:400;margin-bottom:8px}
.main{margin-left:260px}
.demo{font-size:12px;color:var(--muted);padding:10px 48px}
.in{padding:0 48px;max-width:1120px}
.hero{min-height:88vh;position:relative;padding-top:40px;overflow:hidden}
.hero h1{font-size:clamp(44px,5.4vw,84px);max-width:60%}
.hero p{max-width:min(440px,56%);margin:28px 0;font-size:19px;color:var(--muted)}
.bubble{position:absolute;border-radius:50%;object-fit:cover;box-shadow:0 30px 60px rgba(13,58,82,.16)}
.b1{width:clamp(220px,27vw,380px);height:clamp(220px,27vw,380px);right:40px;top:12%;animation:fl 7s ease-in-out infinite}
.b2{width:clamp(120px,14vw,190px);height:clamp(120px,14vw,190px);right:29%;bottom:7%;animation:fl 9s ease-in-out infinite reverse}
.b3{width:clamp(80px,9vw,120px);height:clamp(80px,9vw,120px);right:48px;bottom:9%;animation:fl 6s ease-in-out infinite}
@keyframes fl{50%{transform:translateY(-14px)}}
.btn{display:inline-block;background:var(--deep);color:#fff;border:0;border-radius:40px;padding:17px 34px;font:400 16px Geologica,sans-serif;cursor:pointer}
section{padding:80px 0}
h2{font-size:clamp(34px,4.4vw,58px);margin-bottom:18px}
.lead{color:var(--muted);max-width:560px}
.stag{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.stag>*{background:#fff;border-radius:34px;padding:34px}
.stag>*:nth-child(even){transform:translateY(40px)}
.stag h3{font-size:30px;margin-bottom:10px}
.stag p{color:var(--muted);font-size:16px}
.nums{display:flex;gap:60px;flex-wrap:wrap;padding-top:70px}
.nums b{font-size:64px;font-weight:200;display:block;line-height:1}
.nums span{color:var(--muted);font-size:15px}
.ph{padding-top:50px;padding-bottom:20px}
.ph h1{font-size:clamp(44px,6.4vw,84px);margin-bottom:14px}
.row{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid #c9e0ea;font-weight:400}
.row span:last-child{color:var(--muted);font-weight:300;white-space:nowrap}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.g2 h3{font-size:28px;margin:30px 0 10px}
.step{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:30px 0;border-top:1px solid #c9e0ea}
.step i{font-style:normal;width:64px;height:64px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--aq);font-size:22px;font-weight:400}
.step h3{font-size:26px;margin-bottom:6px}
.bookform{background:#fff;border-radius:34px;padding:36px;display:grid;gap:14px}
.bookform h2{font-size:34px;margin:0}
.bookform label{display:grid;gap:5px;font-size:14px;font-weight:400}
.bookform input,.bookform select,.bookform textarea{font:inherit;padding:14px 18px;border:1px solid #cfe3ec;border-radius:24px;background:var(--sky);width:100%}
.bookform button{background:var(--aq);color:#fff;border:0;border-radius:30px;padding:16px;font:400 16px Geologica;cursor:pointer}
.map{height:300px;border-radius:34px;overflow:hidden;margin-top:20px}
.map iframe{width:100%;height:100%;border:0}
footer{padding:40px 0 34px;color:var(--muted);font-size:14px}
@media(max-width:1000px){.side{position:sticky;top:0;inset:auto;width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 16px;gap:8px 14px}
.logo{font-size:34px}.logo small{display:none}.logo sub{font-size:15px}.nav{display:flex;order:3;width:100%;gap:18px;overflow-x:auto;scrollbar-width:none}.nav a{white-space:nowrap;font-size:15px;padding:6px 0}.sinfo{margin:0 0 0 auto}.sinfo a{margin:0;font-size:16px}.sinfo span{display:none}
.main{margin-left:0}.in{padding:0 16px}.demo{padding:8px 16px}.hero{min-height:0;padding-bottom:30px}.hero h1,.hero p{max-width:none}.hero .btn{display:block;text-align:center}.bubble{position:static;display:inline-block;margin:24px 8px 0 0;animation:none}.b1{width:210px;height:210px}.b2{width:120px;height:120px}.b3{display:none}.stag,.g2{grid-template-columns:1fr}.stag>*:nth-child(even){transform:none}section{padding:50px 0}.nums{padding-top:40px;gap:30px}}