@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#173b35;--muted:#6c7974;--cream:#f8f9f3;--lime:#d3ef89;--line:#dfe5da}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{max-width:1320px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:flex;align-items:center;font-size:27px;font-weight:800;letter-spacing:-1.4px;gap:8px}.logo{width:34px;height:37px;border-radius:10px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:36px;line-height:1;font-style:italic}.brand-dot{font-size:12px;align-self:flex-start;margin-top:8px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:#729b34}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:white;padding:18px 24px;border-radius:7px;border:0;font-weight:600;font-size:14px}.button span{font-size:20px}.button:hover{background:#2b584c}.button.small{padding:11px 19px;font-size:12px}.hero{max-width:1320px;margin:auto;padding:55px 5% 70px;display:grid;grid-template-columns:1.08fr 1fr;gap:45px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:7px;height:7px;background:#82a952;border-radius:50%}h1,h2,h3,p{margin:0}h1{font-family:Manrope,sans-serif;font-size:clamp(40px,4.6vw,65px);line-height:1.14;letter-spacing:-3.5px;font-weight:600;margin:24px 0}em{font-family:Georgia,serif;font-weight:400}h1 em{display:block}p{color:var(--muted);line-height:1.8}.hero-copy>p{font-size:14px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-button{font-size:12px;display:flex;align-items:center;gap:8px}.play{border:1px solid #bcc8b7;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:9px}.hero-note{display:flex;gap:20px;font-size:10px;color:var(--muted);margin-top:26px}.hero-art{position:relative;background:#e6eadc;border-radius:130px 130px 12px 12px;padding:38px 30px 10px;min-height:445px}.art-label{text-align:center;font-size:9px;font-weight:700;letter-spacing:2px;line-height:1.8;margin-bottom:25px}.photo{height:295px;position:relative;overflow:hidden;border-radius:110px 110px 5px 5px;background:linear-gradient(110deg,transparent 20%,#dfd6c67a 21%,transparent 60%),linear-gradient(90deg,#c8bc9f,#e5dfd2 65%,#a69b85)}.window{position:absolute;left:22px;top:40px;width:72px;height:180px;background:linear-gradient(90deg,#8f9d7c77,#dfedcb);border:8px solid #a79778;box-shadow:18px 0 0 #f0e8d280}.window:after{content:'';height:100%;width:2px;background:#a79778;position:absolute;left:50%}.bed{position:absolute;bottom:-20px;right:0;width:255px;height:120px;background:linear-gradient(#f5f1e5,#d2c7b2);border-radius:15px 20px 0 0;transform:rotate(-6deg);box-shadow:0 -33px 0 -12px #8c775e,0 -40px 0 -12px #8c775e}.bed i{display:inline-block;width:75px;height:35px;margin:5px;background:#fffdf6;border-radius:10px}.bed:after{content:'';position:absolute;bottom:0;left:0;right:0;height:55px;background:#64806b}.lamp{position:absolute;right:25px;top:40px;width:45px;height:35px;background:#eee5cc;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.plant{position:absolute;left:15px;bottom:25px;color:#486348;font-size:90px}.room-tag{position:absolute;bottom:15px;left:20px;color:white;font-size:8px;letter-spacing:2px}.float{position:absolute;background:#fffef8;box-shadow:0 12px 35px #173b3510;display:flex;align-items:center;gap:12px;border-radius:9px;padding:16px;font-size:11px}.float small{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.float b{display:block;font-size:11px}.occupancy{left:-35px;top:150px}.mini-icon{font-size:24px;background:#e9f3d6;padding:5px;border-radius:6px}.green-dot{width:6px;height:6px;background:#85ad4a;border-radius:50%;margin-left:15px}.checkin{right:-20px;bottom:67px}.checkin>span{background:var(--lime);border-radius:50%;padding:8px}.checkin small{margin-top:6px}.art-bottom{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.2px;margin-top:12px}.art-bottom span{font-size:29px}.strip{border-block:1px solid var(--line);padding:25px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px}.strip>span{font-size:11px;color:var(--muted)}.strip i{color:#7b9561}.section{max-width:1190px;margin:auto;padding:85px 30px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}h2{font-family:Manrope,sans-serif;font-weight:500;font-size:43px;line-height:1.2;letter-spacing:-1.9px;margin:18px 0} .section-heading>p{font-size:13px}.solutions{display:grid;grid-template-columns:1fr 1fr;gap:22px}.solution{padding:33px 35px;position:relative;overflow:hidden;border-radius:10px}.hotel{background:#e9eddc}.pg{background:#ece7dc}.pill{font-size:8px;letter-spacing:1px;border:1px solid #b7c3ae;border-radius:20px;padding:7px 10px;display:inline-block}.solution h3{font-size:28px;line-height:1.25;letter-spacing:-1px;margin:45px 0 16px;font-weight:500}.solution p{font-size:12px;max-width:305px}.round-link{background:transparent;border:0;border-top:1px solid #bdc6b6;margin-top:25px;padding:18px 0 0;color:var(--ink);display:flex;justify-content:space-between;width:100%;text-align:left;font-size:12px}.line-art{position:absolute;right:35px;top:75px;font-size:100px;font-weight:400;opacity:.18}.workspace{background:#eef1e7;border-radius:16px;padding:60px 40px}.toggle{display:flex;background:#e1e6d7;padding:4px;border-radius:7px;margin-top:14px}.toggle button{border:0;background:transparent;padding:10px 20px;border-radius:5px;font-size:11px;color:var(--ink)}.toggle .active{background:var(--ink);color:white}.dashboard{display:flex;border:1px solid #d9e0d2;border-radius:10px;overflow:hidden;background:white;box-shadow:0 20px 40px #173b3509}aside{width:185px;flex-shrink:0;background:#f9faf6;border-right:1px solid #e2e7de;padding:22px 16px;display:flex;flex-direction:column;gap:22px;font-size:10px}aside .brand{font-size:21px}aside>small{font-size:6px;letter-spacing:1px}aside>b{background:#e6eedb;padding:10px;margin:-10px;border-radius:5px}aside>span{color:var(--muted)}.sidebar-bottom{margin-top:auto;font-size:8px;line-height:2}.sidebar-bottom small{color:var(--muted)}.dash-main{padding:25px;flex:1;min-width:0}.dash-top{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:var(--muted);margin-bottom:25px}.dash-main h3{font-size:22px;font-weight:500;letter-spacing:-.5px}.dash-sub{font-size:10px;margin-top:7px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.metrics>div{border:1px solid #e1e6db;border-radius:6px;padding:15px}.metrics>div:first-child{background:#eef5e4}.metrics small,.metrics span{display:block;font-size:8px;color:var(--muted)}.metrics b{display:block;font-size:29px;font-weight:500;margin:10px 0;letter-spacing:-1px}.metrics sup{font-size:16px}.table-head{display:flex;align-items:center;justify-content:space-between}.table-head h4{font-size:12px;font-weight:500}.table-head .pill{font-size:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:9px;text-align:left;white-space:nowrap}th{font-size:7px;color:#899286;font-weight:500}td,th{padding:13px 8px;border-bottom:1px solid #eef0eb}td:first-child{font-weight:600}.status{padding:5px 8px;border-radius:4px;background:#edf3e4;color:#4a6a32;font-size:8px}.caption{text-align:center;font-size:10px;margin-top:22px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.features article{border-top:1px solid #bfcbb7;padding-top:20px}.features article>span{font-size:12px;color:#6c8562}.features h3{font-size:17px;font-weight:500;margin:28px 0 12px}.features p{font-size:12px}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;border-top:1px solid var(--line)}.pricing p{font-size:13px;max-width:360px}.plan{background:#edf1e5;border-radius:10px;padding:35px}.plan h3{font-size:23px;margin:22px 0 10px;font-weight:500}.plan ul{list-style:'✓  ';padding-left:18px;font-size:12px;line-height:2.5;margin:22px 0}.contact{background:var(--ink);color:#f5f8ec;border-radius:14px;padding:60px;display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.contact p{color:#b9c7b8;font-size:12px}.contact .eyebrow{color:var(--lime)}.contact h2{font-size:40px}.contact-mark{font-size:85px;color:var(--lime);display:block;margin-top:25px}form label{display:block;font-size:10px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{display:block;width:100%;border:1px solid #6d8777;border-radius:4px;padding:12px;background:#ffffff08;color:white;font-size:11px;margin-top:9px}select option{color:var(--ink)}input::placeholder,textarea::placeholder{color:#acbdad}textarea{resize:vertical}.consent{display:flex;align-items:center;gap:8px;color:#c6d2c1}.consent input{width:auto;margin:0}.contact .button{background:var(--lime);color:var(--ink);width:100%}#form-status{font-size:9px;margin-top:13px}footer{max-width:1190px;margin:40px auto 0;padding:25px 30px 35px;display:flex;align-items:center;gap:35px}footer .brand{font-size:23px}footer p{font-size:11px}footer>a:last-of-type{margin-left:auto;font-size:12px}footer small{font-size:9px;color:var(--muted)}@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:90px}}@media(max-width:850px){nav{gap:16px}h1{font-size:45px}.hero{gap:25px}.hero-art{min-height:380px;padding:25px 20px 10px}.photo{height:270px}.occupancy{left:-15px;padding:10px}.checkin{right:-10px;padding:10px}.actions{gap:12px;flex-wrap:wrap}.hero-note{flex-wrap:wrap;gap:8px}.features{grid-template-columns:1fr 1fr}.contact{padding:35px;gap:30px}.pricing{gap:35px}.strip{flex-wrap:wrap;justify-content:center}footer{flex-wrap:wrap}}@media(max-width:600px){header{height:80px}nav{display:none}.hero{grid-template-columns:1fr;padding-top:30px;gap:40px}.hero h1{font-size:49px}.hero-art{margin:0 15px}.hero-note{margin-top:20px}.section{padding:55px 22px}.section-heading{display:block}.section-heading>p{margin-top:20px}h2{font-size:35px}.solutions,.pricing,.contact{grid-template-columns:1fr}.solution{padding:28px}.workspace{margin:0 10px;padding:35px 14px}.dashboard aside{display:none}.dash-main{padding:18px 12px}.metrics{gap:5px}.metrics>div{padding:10px 7px}.metrics b{font-size:23px}.metrics span{font-size:7px}.features{gap:22px}.contact{margin:0 10px;padding:30px 22px}.contact-mark{display:none}.form-row{grid-template-columns:1fr;gap:0}.contact h2{font-size:36px}.hero-copy>p br{display:none}.strip i{display:none}.strip{font-size:11px}.strip>span{width:100%;text-align:center}.hero-art{min-height:410px}.art-label{margin-bottom:20px}footer{gap:20px}footer small{width:100%}.section-heading h2{margin-bottom:22px}}