:root{--blue:#0b56d5;--navy:#10274f;--text:#243653;--muted:#60718d;--line:#e1e9f4;--soft:#eef6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}.container{max-width:1180px;margin:auto;padding:0 22px}.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e7edf5;box-shadow:0 2px 12px #153c7410}.nav{height:70px;display:flex;align-items:center;gap:25px;justify-content:space-between}.brand{font-size:20px;font-weight:850;color:var(--navy);white-space:nowrap;letter-spacing:-.7px}.brand-icon{color:var(--blue);font-size:27px;vertical-align:-2px}.nav nav,.nav-actions{display:flex;align-items:center;gap:22px}.nav nav a{font-size:13px;font-weight:650}.nav nav a:hover,.footer-grid a:hover{color:var(--blue)}.nav-phone{font-size:12px;white-space:nowrap;color:var(--blue);font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:14px 23px;font-weight:750;font-size:14px;transition:.2s;border:1px solid var(--blue);white-space:nowrap}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0b56d52a}.btn-primary{background:var(--blue);color:white}.btn-outline{background:white;color:var(--blue)}.btn-sm{padding:10px 16px;font-size:12px}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--navy)}.hero{background:linear-gradient(110deg,#fff 0%,#f4f9ff 55%,#dcecff 100%);padding:80px 0 76px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:46% 54%;align-items:center;gap:15px}.eyebrow,.kicker{display:inline-block;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:1.4px}.eyebrow{padding:9px 13px;background:#e3efff;border-radius:30px;letter-spacing:.3px}.hero h1{font-size:clamp(35px,4.5vw,59px);line-height:1.09;color:var(--navy);letter-spacing:-2px;margin:21px 0}.hero h1 span{color:var(--blue)}.lead{font-size:17px;line-height:1.75;color:#52647f;max-width:560px}.hero-benefits{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:700;margin:25px 0;color:#1a4d98}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.micro{font-size:11px;color:#72819b;margin-top:18px}.laptop{padding:12px 8px 0;filter:drop-shadow(0 20px 25px #29446a2a)}.screen{background:#fff;border:11px solid #151d2b;border-radius:17px 17px 5px 5px;overflow:hidden;min-height:340px}.screen-top{display:flex;justify-content:space-between;align-items:center;padding:11px;font-size:10px;border-bottom:1px solid #e7edf6;color:#69809b}.screen-top b{color:var(--blue)}.screen-top span{background:#f3f6fb;padding:6px 14px;border-radius:5px}.screen-body{display:grid;grid-template-columns:95px 1fr;min-height:310px}.screen-body aside{background:#f1f6ff;padding:9px 5px;display:flex;flex-direction:column;gap:5px}.screen-body aside>*{font-size:9px;padding:8px 6px;border-radius:4px;color:#54708e}.screen-body aside strong{background:var(--blue);color:#fff}.dash{padding:12px;min-width:0}.dash-stats,.rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.dash-stats>div{border:1px solid #e5ecf6;padding:9px 6px;border-radius:5px}.dash-stats small{display:block;color:#73839a;font-size:8px}.dash-stats b{display:block;font-size:14px;color:var(--navy);margin-top:4px}.dash h4{font-size:10px;margin:16px 0 8px}.rooms>div{font-size:10px;padding:10px 5px;border-radius:5px;font-weight:800}.rooms small{display:block;font-weight:500;font-size:8px;margin-top:4px}.occupied{background:#ffe2df;color:#b54b42}.available{background:#d8f7e7;color:#1d8d62}.reserved{background:#fff0cc;color:#a67a13}.cleaning{background:#e5e7f4;color:#5d6495}.mini-table{width:100%;font-size:9px;border-collapse:collapse;text-align:left}.mini-table td,.mini-table th{padding:7px;border-bottom:1px solid #edf1f6}.mini-table em{font-style:normal;background:#d8f7e7;color:#198b5a;padding:3px;border-radius:4px}.laptop-base{height:14px;background:linear-gradient(#d8dde6,#9aa6b8);border-radius:0 0 55% 55%;margin:0 -25px}.mock-note{text-align:center;font-size:10px;color:#7d8ba2;margin-top:16px}.section{padding:80px 0}.soft{background:linear-gradient(110deg,#eaf4ff,#f8fbff)}.section-head{text-align:center;margin-bottom:36px}.section-head h2{font-size:clamp(25px,3vw,36px);letter-spacing:-1px;color:var(--navy);margin:10px 0}.section-head p{color:var(--muted);margin:0;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{border:1px solid var(--line);border-radius:11px;text-align:center;padding:28px 17px;background:white;box-shadow:0 5px 20px #173a6a08}.feature-icon{font-size:32px;color:var(--blue);font-weight:800}.feature h3{font-size:14px;color:var(--navy);margin:15px 0 9px}.feature p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.dashboard-info{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.preview-panel{background:#fff;border:1px solid #dce8f5;border-radius:12px;padding:22px;box-shadow:0 16px 30px #21476b17}.preview-tabs{text-align:center;margin-bottom:20px}.tab{border:1px solid #c9ddfa;background:white;color:var(--blue);padding:10px 18px;font-weight:700;font-size:12px}.tab:first-child{border-radius:7px 0 0 7px}.tab:last-child{border-radius:0 7px 7px 0}.tab.active{background:var(--blue);color:white}.stat-row,.graph-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-row>div,.graph-stats>div{padding:15px 8px;background:#eff6ff;border-radius:7px;font-size:11px;color:#5b7291}.stat-row b,.graph-stats b{display:block;font-size:23px;color:var(--navy);margin-top:8px}.sample-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.sample-card{background:#f7faff;border:1px solid #e0eaf6;border-radius:7px;padding:17px;font-size:12px}.sample-card b{display:block;margin-top:7px;color:var(--blue)}.preview-foot{margin-top:15px;font-size:11px;text-align:center;color:#6d8099}.graph-stats{grid-template-columns:repeat(3,1fr)}.bars{height:180px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #b9cbe2;margin-top:20px}.bars i{width:9%;background:linear-gradient(#5fa5ff,#0b56d5);border-radius:5px 5px 0 0}.benefit-list{display:grid;gap:26px}.benefit-list>div{display:flex;align-items:center;gap:16px}.benefit-list>div>span{display:grid;place-items:center;flex:none;width:54px;height:54px;background:#e0eeff;border:1px solid #bad7ff;border-radius:50%;color:var(--blue);font-size:23px}.benefit-list h3{font-size:16px;color:var(--navy);margin:0 0 5px}.benefit-list p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.steps{display:flex;align-items:center;justify-content:center;gap:35px;text-align:center}.steps>div:not(.step-arrow){flex:1;max-width:240px}.step-number{background:var(--blue);color:white;font-weight:800;border-radius:50%;width:30px;height:30px;display:inline-grid;place-items:center;margin-right:5px}.step-icon{display:inline-grid;place-items:center;background:#e8f3ff;border:1px solid #cce1fc;border-radius:50%;width:65px;height:65px;font-size:30px;color:var(--blue)}.steps h3{color:var(--navy);font-size:16px}.steps p{color:var(--muted);font-size:13px;line-height:1.6}.step-arrow{color:#a6bedc;font-size:30px}.price-card{max-width:365px;margin:auto;background:white;border:1px solid #dce8f6;box-shadow:0 14px 35px #1b4a8319;border-radius:12px;overflow:hidden;text-align:center;padding-bottom:20px}.price-ribbon{background:var(--blue);color:white;font-size:12px;font-weight:800;padding:11px}.price{margin-top:25px;color:var(--navy)}.price b{font-size:49px;letter-spacing:-2px}.price span{font-size:16px;font-weight:700}.price-sub{color:#667b96;font-size:12px}.price-card ul{list-style:none;text-align:left;margin:24px 40px;padding:0;font-size:13px;line-height:2.2;color:#42556e}.price-card li::first-letter{color:#14a36e}.price-card .btn{width:calc(100% - 45px)}.price-card small{display:block;color:#8090a6;font-size:10px;line-height:1.5;padding:15px 25px 0}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why-grid>div{padding:12px}.why-grid span{display:grid;place-items:center;width:52px;height:52px;background:#e5f1ff;color:var(--blue);border-radius:50%;font-size:27px;font-weight:800}.why-grid h3{color:var(--navy);font-size:16px}.why-grid p{color:var(--muted);font-size:13px;line-height:1.6}.faq-section{background:#f9fbff}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.faq-grid details{background:white;border:1px solid #dce5f2;border-radius:7px;padding:15px 18px}.faq-grid summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--navy)}.faq-grid p{font-size:13px;color:var(--muted);line-height:1.7}.contact-section{background:linear-gradient(110deg,#082957,#0752b8);padding:62px 0;color:white}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.kicker.light{color:#a9cfff}.contact-section h2{font-size:35px;line-height:1.2;margin:12px 0}.contact-section p{color:#d4e6ff}.btn-white{background:white;color:#0b56d5;border-color:white}.btn-light-outline{color:white;border-color:#8cbaff;background:transparent}.contact-card{background:#ffffff14;border:1px solid #ffffff44;border-radius:12px;padding:24px}.contact-card h3{margin-top:0}.contact-card a{display:block;padding:10px 0;color:#e5f0ff;overflow-wrap:anywhere}footer{padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:35px}.footer-grid h4{color:var(--navy);font-size:13px}.footer-grid p,.footer-grid a:not(.brand){display:block;color:#687d99;font-size:12px;line-height:1.9}.footer-grid a{overflow-wrap:anywhere}.footer-bottom{border-top:1px solid #e6edf6;padding-top:18px;margin-top:40px;color:#7c8ba1;font-size:11px;display:flex;justify-content:space-between}.float-whatsapp{position:fixed;right:20px;bottom:20px;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#19bb68;color:white;font-size:29px;box-shadow:0 6px 20px #123c5c40;z-index:60}section{scroll-margin-top:75px}[hidden]{display:none!important}@media(max-width:1050px){.nav-phone{display:none}.nav nav{gap:13px}.nav{gap:12px}.hero-grid{grid-template-columns:1fr 1fr}.screen-body{grid-template-columns:70px 1fr}.screen-body aside>*{font-size:7px}.dash{padding:7px}.dash-stats b{font-size:11px}.feature-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.nav{height:64px}.menu-toggle{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:64px;left:0;right:0;background:white;padding:18px 25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);box-shadow:0 10px 15px #1233}.nav nav.open{display:flex}.nav-actions{gap:6px}.nav-actions .btn{padding:8px;font-size:11px}.hero{padding:55px 0}.hero-grid,.dashboard-info,.contact-grid{grid-template-columns:1fr;gap:35px}.hero h1{letter-spacing:-1px}.laptop{max-width:620px;margin:auto;width:100%}.feature-grid{grid-template-columns:repeat(2,1fr)}.section{padding:55px 0}.why-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.steps{gap:12px}.step-arrow{font-size:19px}.contact-section h2{font-size:28px}}@media(max-width:450px){.container{padding:0 16px}.brand{font-size:16px}.nav-actions .btn-outline{display:none}.hero h1{font-size:36px}.lead{font-size:15px}.screen{border-width:7px;min-height:250px}.screen-body{min-height:240px;grid-template-columns:58px 1fr}.screen-body aside>*{font-size:6px;padding:6px 3px}.screen-top{font-size:7px}.screen-top span{display:none}.dash-stats,.rooms{gap:3px}.dash-stats>div{padding:5px 3px}.dash-stats small{font-size:6px}.dash-stats b{font-size:9px}.rooms>div{font-size:8px;padding:6px 3px}.rooms small{font-size:6px}.mini-table{font-size:7px}.feature{padding:20px 10px}.feature h3{font-size:12px}.feature p{font-size:11px}.steps{display:grid;grid-template-columns:1fr;justify-items:center}.step-arrow{transform:rotate(90deg)}.faq-grid{grid-template-columns:1fr}.why-grid{gap:5px}.footer-grid{gap:18px}.footer-bottom{display:block}.stat-row b,.graph-stats b{font-size:17px}.stat-row>div,.graph-stats>div{font-size:9px;padding:10px 5px}.preview-panel{padding:12px}}