:root{--ink:#18332f;--muted:#667773;--teal:#0e655f;--teal-dark:#064943;--mint:#e8f5f1;--cream:#f7f4ed;--paper:#fff;--line:#dfe7e4;--terracotta:#cf6b4f}*{box-sizing:border-box}html{background:var(--cream)}body{background:var(--cream);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.guest-shell{background:#fbfcfb;width:100%;max-width:940px;min-height:100vh;margin:auto;box-shadow:0 18px 60px #14332f24}.hero{color:#fff;background:linear-gradient(#051f1c94,#051f1c14 42%,#051f1cc7),url(https://res-5.cloudinary.com/bookingsync/image/upload/f_auto%2Cg_center%2Cw_1400%2Car_3%3A2%2Cq_90%2Cc_fill/v1720024590/4slu_01b4d015-da68-40a2-9d39-5b5abfd78a3a.jpg) 50% 44%/cover;min-height:390px;padding:28px 44px 52px}.topbar{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:9px;display:flex}.logo b{border:1px solid #ffffff80;border-radius:12px;place-items:center;width:39px;height:39px;font:600 24px Georgia,serif;display:grid}.logo span{text-transform:lowercase;font-size:17px}.languages{gap:7px;display:flex}.languages button{cursor:pointer;background:#14312d80;border:1px solid #ffffff6b;border-radius:50%;place-items:center;width:39px;height:39px;transition:all .2s;display:grid}.languages button:hover{transform:translateY(-1px)}.languages button.active{background:#fff;border-color:#fff;box-shadow:0 6px 16px #00000024}.demo-badge{letter-spacing:.08em;text-transform:uppercase;background:#052d2857;border:1px solid #ffffff59;border-radius:99px;margin-top:26px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.greeting{margin-top:91px}.greeting p,.section-title small,.stay-card small,.dialog>small{letter-spacing:.13em;font-size:10px;font-weight:800}.greeting p{color:#d5f0e9}.greeting h1{letter-spacing:-.045em;margin:0;font:500 clamp(42px,7vw,64px)/1 Georgia,serif}.greeting span{color:#e2ece9;margin-top:10px;font-size:17px;display:block}.content{padding:0 44px 54px}.stay-card{background:#fff;border-radius:19px;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px;margin:-31px 0 28px;padding:21px 24px;display:grid;box-shadow:0 15px 40px #193a3526}.stay-card>div{flex-direction:column;gap:6px;display:flex}.stay-card small{color:#8a9995}.stay-card strong{font-size:17px}.stay-card>span,.section-title>span{color:var(--teal);background:var(--mint);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.phases{background:#edf2f0;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:38px;padding:5px;display:grid}.phases button{color:#71807c;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:12px;font-weight:750}.phases .active{color:var(--teal);background:#fff;box-shadow:0 4px 14px #113a3417}section+section{margin-top:38px}h2{margin:0 0 17px;font-size:23px}.section-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.section-title small,.dialog>small{color:var(--teal)}.section-title h2{margin:4px 0 0}.section-title p{color:var(--muted);margin:7px 0 0}.task{border:1px solid var(--line);border-left:4px solid var(--terracotta);background:#fff;border-radius:18px;gap:16px;margin-top:14px;padding:20px;display:flex}.task>b,.actions b,.services>article>b,.guide-grid>article>b,.after-list>article>b{width:45px;height:45px;color:var(--teal);background:var(--mint);border-radius:14px;flex:none;place-items:center;display:grid}h3{margin:0 0 5px;font-size:16px}.task p,.services p,.guide-grid p,.after-list p{color:var(--muted);margin:0 0 9px;font-size:13px;line-height:1.55}.task button{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.actions{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.actions button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:17px;flex-direction:column;align-items:center;gap:10px;padding:18px 8px;font-weight:750;transition:all .2s;display:flex}.actions button:hover{border-color:#9cc4ba;transform:translateY(-2px);box-shadow:0 10px 24px #113a3414}.services,.guide-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.services article,.guide-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;flex-wrap:wrap;gap:15px;padding:18px;display:flex}.services article>div,.guide-grid article>div{flex:1}.services article>button{color:#fff;background:var(--teal);cursor:pointer;border:0;border-radius:12px;margin-left:60px;padding:10px 14px;font-weight:800}.guide-grid article>button{color:var(--teal);background:0 0;border:0;align-self:center;font-size:20px}.after-list{flex-direction:column;gap:12px;display:flex}.after-list article{border:1px solid var(--line);background:#fff;border-radius:17px;gap:15px;padding:18px;display:flex}.after-list p{margin-bottom:0}footer{text-align:center;color:#71807c;background:var(--cream);padding:22px;font-size:13px}footer strong{color:var(--teal)}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#091f1ca3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:22px;width:min(100%,500px);padding:29px;position:relative;box-shadow:0 25px 80px #00000040}.dialog h2{margin:7px 0 15px;font-family:inherit;font-size:26px;font-weight:750;line-height:1.25}.dialog p{color:var(--muted);line-height:1.65}.dialog__close{width:36px;height:36px;color:var(--ink);cursor:pointer;background:#f1f5f3;border:0;border-radius:50%;font-size:23px;position:absolute;top:16px;right:16px}.dialog__primary{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:13px;width:100%;margin-top:12px;padding:13px;font-weight:800}@media (max-width:650px){.guest-shell{box-shadow:none}.hero{min-height:335px;padding:20px 19px 42px}.demo-badge{margin-top:20px}.greeting{margin-top:70px}.greeting h1{font-size:44px}.greeting span{font-size:15px}.content{padding:0 18px 38px}.languages{gap:3px}.languages button{width:32px;height:32px;font-size:13px}.stay-card{grid-template-columns:1fr 1fr;padding:18px}.stay-card>span{grid-column:1/3;justify-self:start}.actions{grid-template-columns:1fr 1fr}.services,.guide-grid{grid-template-columns:1fr}.section-title{align-items:flex-start}.dialog{padding:25px 21px}.dialog h2{font-size:24px}}
