*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--brand-stays-color-text);background:#fff;font-family:var(--brand-stays-font-body);line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f2a65a;outline-offset:5px}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:100px;display:flex;align-items:center;gap:36px}.logo{margin-right:auto;width:170px}.desktop-nav{display:flex;gap:30px;font-size:14px;font-weight:600}.desktop-nav a:hover{color:var(--brand-stays-color-primary)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-radius:7px;background:var(--brand-stays-color-primary-dark);color:white;padding:17px 25px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:var(--brand-stays-color-primary);transform:translateY(-2px)}.button.small{padding:12px 18px;gap:20px}.button.warm{background:var(--brand-stays-color-accent);color:#17324d}.button.warm:hover{background:#ffbe7c}.mobile-menu{display:none}.skip{position:absolute;left:15px;top:-80px;background:white;padding:12px;z-index:20}.skip:focus{top:12px}.hero{position:relative;min-height:670px;color:white;isolation:isolate;display:flex;flex-direction:column;justify-content:center}.hero>img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero>img{object-position:50% 56%}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(7,39,41,.84),rgba(7,39,41,.5) 48%,rgba(7,39,41,.03)),linear-gradient(0deg,rgba(7,39,41,.55),transparent 35%)}.hero-inner{padding:72px 0 94px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--brand-stays-color-primary-dark);margin-bottom:22px}.eyebrow.light{color:#e9f2ec}h1{font-size:clamp(48px,5.7vw,82px);letter-spacing:-3.5px;line-height:1.08;font-weight:600;max-width:950px}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1 em{color:#f4dfbf}.hero-lead{font-size:18px;max-width:580px;line-height:1.7;margin:30px 0}.hero-link{display:inline-flex;gap:22px;margin-left:28px;font-size:14px;border-bottom:1px solid #ffffff77;padding:10px 0}.hero-foot{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#e9f2ec}.intro{padding-block:112px;display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}h2{font-size:clamp(32px,3.4vw,48px);line-height:1.2;letter-spacing:-1.7px;font-weight:600}h2 em{color:var(--brand-stays-color-primary-dark)}.intro-copy p{color:var(--brand-stays-color-muted);margin-bottom:20px;font-size:17px}.text-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.text-tags span{font-size:12px;padding:6px 14px;border:1px solid #dce6ef;border-radius:99px}.workspace-section{padding:85px 0 94px;background:var(--brand-stays-color-background)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:42px}.section-heading>p{max-width:360px;color:var(--brand-stays-color-muted);font-size:15px}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);background:#fff;border:1px solid #dce6ef;border-radius:16px;overflow:hidden;box-shadow:0 20px 70px #17324d0a}.workspace aside{padding:30px 20px;background:#eaf2f3;border-right:1px solid #dce6ef}.workspace-brand{font-size:23px;font-weight:700;color:#075a61}.workspace-brand small{font-size:9px;letter-spacing:1px;color:#60758a}.demo-tabs{display:grid;gap:10px;margin-top:35px}.demo-tabs button{border:0;background:transparent;text-align:left;display:flex;gap:10px;align-items:center;padding:13px 11px;border-radius:7px;font-size:10px;color:#60758a}.demo-tabs button span{font-size:13px;margin-right:auto;color:#17324d}.demo-tabs button[aria-selected=true]{background:#fff;box-shadow:0 3px 10px #17324d08;color:#0c7c86}.workspace aside p{font-size:11px;line-height:1.8;margin-top:48px;color:#60758a}.workspace-main{padding:30px 36px;min-height:395px}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e5ebef;padding-bottom:18px;font-weight:700;font-size:14px}.workspace-top small{display:block;font-size:8px;letter-spacing:1.5px;color:#60758a;margin-top:4px}.badge{font-size:10px;font-weight:600;white-space:nowrap;border-radius:50px;padding:5px 10px;background:#e5f3ed;color:#24684a}.badge.sand{background:#fff0dc;color:#805625}.panel-title{margin:22px 0}.panel-title h3{font-size:19px;letter-spacing:-.4px}.panel-title p{font-size:12px;color:#60758a;margin-top:3px}.calendar{font-size:11px}.calendar-head,.calendar-row{display:grid;grid-template-columns:110px repeat(5,1fr);align-items:center;gap:5px;min-height:45px;border-bottom:1px solid #edf1f4}.calendar-head{font-size:9px;color:#60758a;min-height:26px}.calendar-head span:not(:first-child){text-align:center}.calendar-row strong{font-size:11px;font-weight:500}.booking{padding:6px 12px;border-radius:4px;background:#dcefeb;color:#075a61;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.booking.first{grid-column:2/5}.booking.second{grid-column:4/7;background:#dfebf5;color:#325b7e}.booking.blocked{grid-column:3/5;background:#f7ead8;color:#805625}.panel-note{font-size:10px;color:#60758a;margin-top:20px}.task-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #edf1f4;padding:16px 0}.task-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:8px;background:#f0f5f7;color:#0c7c86;font-size:11px;flex-shrink:0}.task-row>div{margin-right:auto}.task-row strong{font-size:12px;display:block}.task-row small{display:block;font-size:10px;color:#60758a;margin-top:3px}.features{padding-block:105px 65px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 32px}.feature-grid article{overflow:hidden;border-radius:12px;border:1px solid #e4eaee;background:white}.feature-grid img{width:100%;aspect-ratio:1.65;object-fit:cover}.card-copy{padding:30px}.card-copy .eyebrow{font-size:10px;margin-bottom:12px;display:block}.card-copy h3{font-size:24px;line-height:1.25;letter-spacing:-.7px;margin-bottom:16px}.card-copy p{font-size:15px;color:#60758a;max-width:480px}.card-copy a{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;color:#075a61;margin-top:25px;padding-top:20px;border-top:1px solid #e4eaee}.card-copy a:hover{text-decoration:underline}.ical{display:flex;gap:30px;align-items:center;border-top:1px solid #dce6ef;padding-block:35px 70px}.ical-mark{width:70px;height:70px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:35px;background:#eaf2f3;color:#075a61}.ical h2{font-size:29px;letter-spacing:-.8px}.ical .eyebrow{margin-bottom:10px}.ical p:not(.eyebrow){font-size:13px;color:#60758a;max-width:680px;margin-top:12px}.text-link{white-space:nowrap;font-size:12px;font-weight:700;margin-left:auto;border-bottom:1px solid #17324d;padding-bottom:5px}.team-section{background:#f4f8fb;padding:90px 0}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.team-grid figure{position:relative;border-radius:12px;overflow:hidden}.team-grid figure img{width:100%;height:620px;object-fit:cover;object-position:46%}.team-grid figcaption{position:absolute;bottom:0;padding:45px 26px 24px;background:linear-gradient(0deg,#052e30aa,transparent);color:white;width:100%;font-family:Georgia,serif;font-size:20px}.team-copy>p:not(.eyebrow){color:#60758a;font-size:16px;margin-top:25px}.steps{list-style:none;padding:0;margin:32px 0 0}.steps li{display:flex;gap:20px;padding:17px 0;border-top:1px solid #dce6ef}.steps li>span{color:#0c7c86;font-size:12px;padding-top:4px}.steps h3{font-size:17px}.steps p{font-size:13px;color:#60758a;margin-top:3px}.faq{padding-block:100px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.faq details{border-bottom:1px solid #dce6ef}.faq summary{cursor:pointer;list-style:none;font-size:15px;font-weight:600;padding:21px 24px 21px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;color:#0c7c86;font-size:20px;top:16px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:#60758a;padding:0 25px 22px 0}.contact{background:#075a61;border-radius:16px;padding:68px 45px;text-align:center;color:white;position:relative;overflow:hidden}.contact .eyebrow{color:#c5e1df}.contact h2{font-size:clamp(33px,4vw,56px)}.contact h2 em{color:#f4dfbf}.contact p:not(.eyebrow){margin:25px 0 28px;color:#e1efef;font-size:16px}.contact small{display:block;margin-top:14px;font-size:11px;color:#c5e1df}.footer{display:flex;justify-content:space-between;gap:30px;padding-block:60px 40px}.footer p{font-size:12px;color:#60758a;margin-top:12px}.footer>div:last-child{text-align:right}.footer a:not(:has(img)){font-size:13px;font-weight:600}.footer small{color:#60758a;font-size:11px}.demo-panel[hidden]{display:none}
@media(min-width:1600px){.hero{min-height:760px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{gap:22px}.desktop-nav{gap:18px;font-size:12px}.hero{min-height:630px}.intro{gap:45px}.section-heading{gap:30px}.section-heading>p{max-width:290px}.team-grid{gap:40px}.workspace{grid-template-columns:195px minmax(0,1fr)}.workspace-main{padding:24px}.ical{flex-wrap:wrap}.ical .text-link{margin-left:100px}.team-grid figure img{height:580px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px;gap:16px}.logo{width:140px}.desktop-nav{display:none}.button.small{font-size:11px;padding:10px 12px;gap:12px}.mobile-menu{display:block;position:relative;font-size:11px}.mobile-menu summary{cursor:pointer;white-space:nowrap}.mobile-menu nav{position:absolute;right:0;top:35px;min-width:190px;padding:15px;background:white;border-radius:8px;box-shadow:0 10px 35px #17324d22;z-index:10;display:grid;gap:14px;font-size:14px}.hero{min-height:640px}.hero-inner{padding:60px 0 95px}.hero>img{object-position:64%}.hero-shade{background:linear-gradient(90deg,#072729d9,#07272966),linear-gradient(0deg,#07272988,transparent)}h1{font-size:58px;letter-spacing:-2.7px}.hero-lead{font-size:16px;max-width:420px;margin:26px 0}.hero-lead br{display:none}.hero-foot{font-size:8px;letter-spacing:.8px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero-link{margin-left:22px;font-size:12px}.intro{grid-template-columns:1fr;gap:30px;padding-block:70px}h2{font-size:36px}.intro-copy p{font-size:16px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;margin-top:22px}.workspace-section{padding:60px 0}.workspace{grid-template-columns:1fr}.workspace aside{border-right:0;border-bottom:1px solid #dce6ef;padding:18px}.workspace-brand{font-size:20px}.demo-tabs{display:flex;gap:6px;margin-top:16px}.demo-tabs button{flex:1;justify-content:center;padding:10px 5px;font-size:0;gap:0}.demo-tabs button span{font-size:12px;margin:0}.workspace aside p{display:none}.workspace-main{padding:22px 18px;min-height:375px}.calendar-head,.calendar-row{grid-template-columns:80px repeat(5,1fr);gap:3px}.calendar-row strong{font-size:9px}.calendar-head{font-size:8px}.booking{font-size:9px;padding:7px 5px}.workspace-top small{font-size:7px}.badge{font-size:9px;padding:4px 8px}.features{padding-block:65px 45px}.feature-grid{gap:26px;grid-template-columns:1fr}.card-copy{padding:24px}.feature-grid img{aspect-ratio:1.5}.ical{display:grid;grid-template-columns:45px 1fr;gap:18px;padding-bottom:55px}.ical-mark{width:45px;height:45px;font-size:25px}.ical h2{font-size:26px}.ical .text-link{grid-column:2;margin:0;justify-self:start}.team-section{padding:55px 0}.team-grid{grid-template-columns:1fr;gap:40px}.team-grid figure img{height:auto;aspect-ratio:1.2}.faq{grid-template-columns:1fr;gap:25px;padding-block:60px}.contact{padding:50px 24px}.contact h2{font-size:35px}.contact p:not(.eyebrow){font-size:15px}.footer{padding-block:40px;flex-direction:column}.footer>div:last-child{text-align:left}.footer img{width:150px}.task-row{gap:8px}.task-row strong{font-size:11px}.task-row small{font-size:9px}.task-icon{width:30px;height:30px}}
@media(max-width:390px){.header{gap:10px}.logo{width:116px}.button.small{font-size:10px;gap:7px}.wrap{width:calc(100% - 32px)}h1{font-size:49px;letter-spacing:-2.3px}.hero-link{display:table;margin:16px 0 0}.hero{min-height:650px}.hero-foot span:last-child{display:none}.hero .button{font-size:12px;padding:16px 20px;gap:25px}h2{font-size:31px}.workspace-main{padding:18px 12px}.workspace-top{gap:8px}.workspace-top .badge{font-size:8px}.task-row{flex-wrap:wrap}.task-row .badge{margin-left:38px}.contact h2{font-size:30px}.contact .button{font-size:12px;padding:15px;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
