@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 {
    --cyan: #04c7d8;
    --cyan-light: #55e7ed;
    --pink: #f500a6;
    --navy: #07242a;
    --navy-2: #0d3138;
    --ink: #132d33;
    --paper: #f6f7f3;
    --white: #fff;
    --muted: #688085;
    --line: #dce4e2;
    --green: #2ead7d;
    --amber: #e5a12c;
    --red: #e45e6a;
    --content: 1240px;
    --sans: "DM Sans", "Segoe UI", sans-serif;
    --display: "Manrope", "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; font-family: var(--sans); }
button, a { color: inherit; font: inherit; }
a { text-decoration: none; }
button { cursor: pointer; }
img { display: block; max-width: 100%; }

.brand-logo { width: 195px; height: auto; }
.btn { min-height: 52px; padding: 0 23px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; border: 1px solid transparent; font-size: 13px; font-weight: 700; transition: transform .2s ease, background .2s ease, color .2s ease, border .2s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-small { min-height: 42px; padding-inline: 18px; font-size: 11px; }
.btn-dark { color: white; background: var(--navy); }
.btn-brand { color: #042127; background: var(--cyan-light); box-shadow: 7px 7px 0 rgba(245, 0, 166, .13); }
.btn-brand:hover { background: #7aeef2; }
.btn-ghost { color: var(--ink); background: rgba(255,255,255,.58); border-color: rgba(19,45,51,.22); }
.btn-white { color: var(--navy); background: white; }
.btn-neon { color: #021b20; background: var(--cyan-light); box-shadow: 7px 7px 0 rgba(245,0,166,.25); }
.btn-night-ghost { color: white; border-color: rgba(255,255,255,.28); background: rgba(7,36,42,.52); }

.site-header { height: 78px; padding: 0 max(28px, calc((100vw - var(--content)) / 2)); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; position: relative; z-index: 30; }
.site-menu { display: flex; align-items: center; gap: 30px; }
.site-menu a, .header-actions > a:first-child { font-size: 12px; font-weight: 600; opacity: .72; }
.site-menu a:hover, .header-actions > a:first-child:hover { opacity: 1; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 22px; }
.header-light { color: var(--ink); background: rgba(255,255,255,.9); border-bottom: 1px solid rgba(19,45,51,.11); backdrop-filter: blur(15px); }
.header-night { color: white; background: #061f25; border-bottom: 1px solid rgba(255,255,255,.1); }
.header-overlay { width: 100%; position: absolute; color: white; border-bottom: 1px solid rgba(255,255,255,.23); }
.menu-button { display: none; border: 0; background: transparent; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.hero-buttons { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: #5d767b; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow i { width: 24px; height: 2px; display: inline-block; background: var(--cyan); }

.site-footer { min-height: 108px; padding: 28px max(28px, calc((100vw - var(--content)) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 28px; font-size: 10px; }
.site-footer .brand-logo { width: 154px; }
.footer-flow { color: #6d8083; background: white; border-top: 1px solid var(--line); }
.footer-night { color: rgba(255,255,255,.52); background: #03181d; border-top: 1px solid rgba(255,255,255,.1); }
.footer-hospitality { color: rgba(255,255,255,.52); background: #151713; border-top: 1px solid rgba(255,255,255,.12); }
.concept-switch { position: fixed; right: 16px; bottom: 16px; z-index: 50; display: flex; padding: 4px; background: rgba(255,255,255,.92); border: 1px solid rgba(19,45,51,.14); box-shadow: 0 14px 40px rgba(7,36,42,.16); backdrop-filter: blur(14px); }
.concept-switch a { width: 38px; height: 38px; display: grid; place-items: center; color: #74868a; font-size: 10px; font-weight: 700; }
.concept-switch a[aria-current="page"] { color: white; background: var(--navy); }
.switch-dark { background: rgba(6,31,37,.9); border-color: rgba(255,255,255,.16); }
.switch-dark a { color: rgba(255,255,255,.55); }
.switch-dark a[aria-current="page"] { color: var(--navy); background: var(--cyan-light); }

/* Selector */
.review-page { color: var(--ink); background: #eef1ed; }
.review-header { height: 82px; padding: 0 max(24px, calc((100vw - 1320px) / 2)); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid rgba(19,45,51,.13); }
.review-header .brand-logo { width: 184px; }
.review-label { text-align: center; }
.review-label span, .review-label strong { display: block; }
.review-label span { color: #829194; font-size: 8px; font-weight: 700; letter-spacing: .17em; text-transform: uppercase; }
.review-label strong { margin-top: 4px; font-size: 12px; }
.small-link { justify-self: end; font-size: 11px; font-weight: 700; }
.review-main { max-width: 1320px; margin: 0 auto; padding: 90px 24px 70px; }
.review-intro { max-width: 870px; margin-bottom: 70px; }
.review-intro h1 { margin: 22px 0; font: 700 clamp(56px, 7.5vw, 104px)/.87 var(--display); letter-spacing: -.07em; }
.review-intro h1 em { color: var(--pink); font-weight: 400; }
.review-intro p { max-width: 720px; margin: 0; color: #63777b; font-size: 16px; line-height: 1.72; }
.review-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.review-card { background: white; border: 1px solid rgba(19,45,51,.11); }
.review-card-main { grid-column: 1 / -1; }
.live-preview { height: 315px; display: block; overflow: hidden; position: relative; background: #ccd3d1; }
.review-card-main .live-preview { height: 390px; }
.live-preview iframe { width: 260%; height: 260%; border: 0; pointer-events: none; transform: scale(.385); transform-origin: 0 0; }
.review-card-main .live-preview iframe { width: 200%; height: 200%; transform: scale(.5); }
.live-preview > span { position: absolute; right: 18px; bottom: 18px; padding: 10px 13px; color: white; background: rgba(7,36,42,.9); font-size: 9px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; opacity: 0; transform: translateY(4px); transition: .2s ease; }
.live-preview:hover > span { opacity: 1; transform: none; }
.review-copy { min-height: 168px; padding: 26px 28px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.review-copy h2 { margin: 7px 0 9px; font: 700 36px/1 var(--display); letter-spacing: -.045em; }
.review-copy p { max-width: 580px; margin: 0; color: #667a7e; font-size: 12px; line-height: 1.62; }
.review-copy > a { width: 46px; height: 46px; flex: 0 0 auto; display: grid; place-items: center; color: white; background: var(--navy); font-size: 19px; }
.direction-tag { color: var(--cyan); font-size: 8px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.direction-tag.is-recommended { color: var(--pink); }
.review-decision { margin-top: 26px; padding: 32px; display: grid; grid-template-columns: 1.05fr 1.3fr auto; align-items: center; gap: 34px; color: white; background: var(--navy); }
.review-decision span, .review-decision strong { display: block; }
.review-decision span { color: var(--cyan-light); font-size: 8px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.review-decision strong { margin-top: 7px; font: 700 21px/1.1 var(--display); }
.review-decision p { margin: 0; color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.6; }

/* Flow */
.flow-page { color: var(--ink); background: var(--paper); }
.flow-hero { min-height: 980px; padding: 104px 24px 0; position: relative; overflow: hidden; text-align: center; background: #f6fbfa; }
.flow-glow { width: 480px; height: 480px; position: absolute; border-radius: 50%; filter: blur(35px); opacity: .18; }
.flow-glow-cyan { top: 30px; left: -190px; background: var(--cyan); }
.flow-glow-pink { top: 210px; right: -260px; background: var(--pink); }
.flow-hero-copy { max-width: 930px; margin: 0 auto; position: relative; z-index: 2; }
.flow-hero-copy h1 { margin: 24px 0 22px; font: 700 clamp(62px, 7vw, 98px)/.9 var(--display); letter-spacing: -.075em; }
.flow-hero-copy h1 em { color: var(--pink); font: 700 1em/.9 var(--display); font-style: normal; }
.flow-hero-copy > p { max-width: 660px; margin: 0 auto 30px; color: #5f777c; font-size: 17px; line-height: 1.66; }
.flow-hero-copy .hero-buttons { justify-content: center; }
.hero-note { margin-top: 23px; display: flex; justify-content: center; flex-wrap: wrap; gap: 22px; color: #75898c; font-size: 9px; }
.hero-note span::first-letter { color: var(--green); }

.product-window { border: 1px solid #cfdad8; background: white; box-shadow: 0 40px 100px rgba(7,36,42,.18); }
.flow-window { width: min(var(--content), calc(100% - 36px)); height: 670px; margin: 74px auto 0; position: relative; z-index: 3; text-align: left; }
.window-bar { height: 38px; padding: 0 14px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: #7e8e90; background: #f4f6f4; border-bottom: 1px solid #dbe3e1; font-size: 7px; }
.traffic { display: flex; gap: 5px; }
.traffic i { width: 7px; height: 7px; border-radius: 50%; background: #ff7a91; }.traffic i:nth-child(2){background:#f5c85f}.traffic i:nth-child(3){background:#5fd3a4}
.window-profile { justify-self: end; display: flex; align-items: center; gap: 7px; }
.window-profile b { width: 23px; height: 23px; display: grid; place-items: center; color: white; background: var(--pink); border-radius: 50%; font-size: 6px; }
.app-layout { height: calc(100% - 38px); display: grid; grid-template-columns: 78px 1fr; }
.app-sidebar { padding: 14px 9px; display: flex; flex-direction: column; align-items: center; background: var(--navy); }
.app-sidebar > img { width: 34px; height: 34px; margin-bottom: 24px; object-fit: contain; }
.app-sidebar nav { width: 100%; display: grid; gap: 6px; }
.app-sidebar button { width: 100%; min-height: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; border: 0; color: rgba(255,255,255,.48); background: transparent; }
.app-sidebar button i { font-size: 14px; font-style: normal; }.app-sidebar button span{font-size:6px}
.app-sidebar button.is-active { color: var(--cyan-light); background: rgba(85,231,237,.11); }
.sidebar-settings { margin-top: auto; }
.app-main { min-width: 0; padding: 23px 25px; background: #f5f7f5; }
.app-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.app-heading small, .app-heading h2 { display: block; }.app-heading small{color:#829194;font-size:7px}.app-heading h2{margin:4px 0 0;font:600 22px/1.1 var(--display);letter-spacing:-.04em}
.service-live { display: flex; align-items: center; gap: 7px; padding: 8px 10px; color: #577074; background: white; border: 1px solid #dbe3e1; font-size: 7px; }
.service-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(46,173,125,.12); }
.service-live strong { color: var(--ink); font-size: 8px; }
.moment-tabs { display: flex; gap: 4px; }
.app-main > .moment-tabs { justify-content: flex-end; margin-top: -2px; }
.moment-tabs button { padding: 6px 9px; border: 0; color: #7b8d90; background: transparent; font-size: 7px; font-weight: 700; }
.moment-tabs button.is-active { color: var(--navy); background: #dff8f8; }
.app-metrics { margin: 13px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.app-metrics article { padding: 12px 13px; background: white; border: 1px solid #e0e6e4; }
.app-metrics span, .app-metrics strong, .app-metrics small { display: block; }
.app-metrics span { color: #7b8d90; font-size: 7px; }.app-metrics strong{margin:5px 0;font:700 22px/1 var(--display);letter-spacing:-.04em}.app-metrics small{color:#8d9b9d;font-size:6px}.app-metrics small b{color:var(--ink)}.app-metrics .up{color:var(--green);font-style:normal}.app-metrics .metric-alert{border-left:3px solid var(--pink)}.app-metrics .metric-alert strong{color:var(--pink)}
.operation-grid { min-height: 410px; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(210px, .65fr); gap: 10px; }
.room-panel, .agenda-panel { min-width: 0; background: white; border: 1px solid #dfe6e4; }
.room-panel > header, .agenda-panel > header { height: 48px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e2e7e5; }
.room-panel header strong, .room-panel header span, .agenda-panel header strong, .agenda-panel header span { display: block; }
.room-panel header strong, .agenda-panel header strong { font-size: 8px; }.room-panel header span,.agenda-panel header span{margin-top:3px;color:#8a999b;font-size:6px}
.room-panel header button, .agenda-panel header button { padding: 5px 7px; border: 1px solid #dce3e1; color: #6c7e81; background: white; font-size: 6px; }
.room-map { height: 360px; position: relative; overflow: hidden; background-color: #f2f5f2; background-image: linear-gradient(rgba(19,45,51,.035) 1px, transparent 1px), linear-gradient(90deg,rgba(19,45,51,.035) 1px,transparent 1px); background-size: 20px 20px; }
.zone-label { position: absolute; color: #8b999b; font-size: 6px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.zone-window { top: 15px; left: 18px; }
.zone-bar { width: 38px; height: 210px; right: 15px; top: 74px; display: grid; place-items: center; writing-mode: vertical-rl; color: #6f8184; background: #dbe2de; border: 1px solid #c8d1cd; }
.room-table { position: absolute; display: grid; place-items: center; align-content: center; gap: 2px; border: 2px solid currentColor; font-weight: 700; transition: transform .18s ease, color .22s ease, background .22s ease; }
.room-table:hover { transform: scale(1.06); }.room-table span{font-size:8px}.room-table small{font-size:5px;font-weight:600;opacity:.75}
.room-table.round { width: 48px; height: 48px; border-radius: 50%; }.room-table.square{width:51px;height:51px}.room-table.wide{width:82px;height:48px}
.room-table.free { color: #25956f; background: #e4f7ee; }.room-table.booked{color:#ce891e;background:#fff2d7}.room-table.seated{color:#0faebe;background:#dcf7f9}.room-table.attention{color:#db5362;background:#ffe8ea}
.table-1{left:9%;top:20%}.table-2{left:35%;top:16%}.table-3{left:57%;top:24%}.table-4{left:12%;top:55%}.table-5{left:34%;top:48%}.table-6{left:63%;top:55%}.table-7{left:28%;top:78%}.table-8{left:52%;top:78%}
[data-room="peak"] .table-1,[data-room="peak"] .table-4,[data-room="peak"] .table-7{color:#0faebe;background:#dcf7f9}[data-room="peak"] .table-3,[data-room="peak"] .table-8{color:#db5362;background:#ffe8ea}[data-room="late"] .room-table{color:#25956f;background:#e4f7ee}[data-room="late"] .table-5,[data-room="late"] .table-8{color:#0faebe;background:#dcf7f9}
.room-legend { position:absolute;left:13px;bottom:10px;display:flex;gap:11px }.room-legend span{display:flex;align-items:center;gap:4px;color:#7d8d8f;font-size:5px}.room-legend i{width:6px;height:6px;border-radius:50%;background:currentColor}.room-legend i.free{color:var(--green)}.room-legend i.booked{color:var(--amber)}.room-legend i.seated{color:var(--cyan)}.room-legend i.attention{color:var(--red)}
.agenda-panel article { min-height: 71px; padding: 10px 9px; display: grid; grid-template-columns: 35px 1fr; align-items: center; gap: 7px; position: relative; border-bottom: 1px solid #edf0ef; }
.agenda-panel time { color: #809093; font-size: 6px; }.agenda-panel article strong,.agenda-panel article span{display:block}.agenda-panel article strong{padding-right:42px;font-size:7px}.agenda-panel article span{margin-top:3px;color:#879698;font-size:6px}.agenda-panel article>b{position:absolute;right:7px;top:10px}
.chip { padding: 3px 4px; font-size: 5px; font-weight: 700; }.chip-green{color:#238664;background:#e4f5ed}.chip-amber{color:#a66d16;background:#fff0d4}.chip-cyan{color:#067f8b;background:#dff6f7}.chip-gray{color:#718083;background:#edf0ee}
.agenda-panel > a { height: 42px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; font-size: 6px; font-weight: 700; }
.trust-strip { min-height: 122px; padding: 30px max(28px, calc((100vw - var(--content))/2)); display: flex; align-items: center; justify-content: space-between; gap: 40px; background: white; border-block: 1px solid var(--line); }
.trust-strip > span { max-width: 150px; color: #7c8e91; font-size: 9px; line-height: 1.5; text-transform: uppercase; letter-spacing: .1em; }
.trust-strip div { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; }.trust-strip b{font:700 clamp(10px,1.2vw,14px)/1 var(--display);letter-spacing:.08em}.trust-strip i{width:4px;height:4px;border-radius:50%;background:var(--pink)}
.flow-benefits { max-width: var(--content); margin: 0 auto; padding: 130px 0; }
.section-title { max-width: 720px; margin-bottom: 60px; }.section-title h2{margin:22px 0;font:700 clamp(52px,5.5vw,76px)/.93 var(--display);letter-spacing:-.065em}.section-title h2 em{color:var(--pink);font:700 1em/.9 var(--display);font-style:normal}.section-title p{max-width:580px;margin:0;color:#647b7f;font-size:14px;line-height:1.7}
.benefit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }.benefit-card{min-height:430px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:white;border:1px solid var(--line)}.benefit-large{grid-column:1/-1;min-height:500px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px}.card-copy>span{color:var(--cyan);font-size:8px;font-weight:700;letter-spacing:.15em}.card-copy h3{margin:18px 0 14px;font:700 clamp(32px,3vw,43px)/1 var(--display);letter-spacing:-.05em}.card-copy p{max-width:470px;margin:0;color:#657a7e;font-size:13px;line-height:1.7}
.mini-shift{padding:28px;background:#f2f6f4;border:1px solid #dce4e1}.mini-shift header{padding-bottom:20px;display:flex;justify-content:space-between;border-bottom:1px solid #d8e0dd;font-size:9px}.mini-shift header b{color:var(--pink)}.shift-line{height:58px;display:grid;grid-template-columns:50px 1fr 30px;align-items:center;gap:12px;border-bottom:1px solid #dfe5e2}.shift-line span{color:#788a8d;font-size:8px}.shift-line i{height:8px;position:relative;background:#dbe4e1}.shift-line i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill);background:var(--cyan)}.shift-line b{font-size:9px;text-align:right}
.benefit-pink{background:#f9e7f2}.benefit-pink .card-copy>span{color:var(--pink)}.guest-mini{padding:24px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;background:white}.guest-mini>b{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;color:white;background:var(--pink)}.guest-mini strong,.guest-mini span{display:block}.guest-mini strong{font-size:12px}.guest-mini span{margin-top:4px;color:#7c8c8e;font-size:8px}.guest-mini ul{grid-column:1/-1;margin:10px 0 0;padding:14px 0 0;display:flex;gap:7px;list-style:none;border-top:1px solid var(--line)}.guest-mini li{padding:6px 8px;color:#9b497b;background:#fbe8f4;font-size:7px}
.benefit-cyan{background:#dff8f8}.insight-mini{padding:24px;color:white;background:var(--navy)}.insight-mini>span,.insight-mini>strong{display:block}.insight-mini>span{color:rgba(255,255,255,.55);font-size:8px}.insight-mini>strong{margin:8px 0 22px;color:var(--cyan-light);font:700 40px/1 var(--display)}.insight-mini>div{height:65px;display:flex;align-items:end;gap:8px}.insight-mini i{flex:1;background:var(--cyan)}.insight-mini i:nth-child(1){height:25%}.insight-mini i:nth-child(2){height:42%}.insight-mini i:nth-child(3){height:35%}.insight-mini i:nth-child(4){height:57%}.insight-mini i:nth-child(5){height:64%}.insight-mini i:nth-child(6){height:79%}.insight-mini i:nth-child(7){height:100%;background:var(--pink)}
.journey-section { padding: 120px max(28px, calc((100vw - var(--content))/2)); display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 110px; background: var(--navy); color: white; }
.journey-copy h2{margin:22px 0;font:700 clamp(52px,5vw,72px)/.92 var(--display);letter-spacing:-.065em}.journey-copy>p{max-width:530px;margin:0;color:rgba(255,255,255,.57);font-size:14px;line-height:1.7}.journey-copy .eyebrow{color:var(--cyan-light)}.journey-copy ol{margin:48px 0 0;padding:0;list-style:none}.journey-copy li{padding:18px 0;display:grid;grid-template-columns:34px 1fr;gap:13px;border-top:1px solid rgba(255,255,255,.13);opacity:.42}.journey-copy li.is-active{opacity:1}.journey-copy li>b{color:var(--cyan-light);font-size:8px}.journey-copy li strong,.journey-copy li span{display:block}.journey-copy li strong{font-size:12px}.journey-copy li span{margin-top:4px;color:rgba(255,255,255,.54);font-size:9px}
.booking-demo { max-width: 450px; padding: 38px; position: relative; color: var(--ink); background: white; box-shadow: 18px 18px 0 rgba(85,231,237,.16); }.booking-brand{font:700 11px/1 var(--display);letter-spacing:.13em}.booking-brand small{display:block;margin-top:5px;color:#849294;font:500 7px/1 var(--sans)}.booking-demo h3{margin:32px 0 24px;font:700 32px/1 var(--display);letter-spacing:-.04em}.booking-row{padding:14px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.booking-row span{color:#7c8d90;font-size:8px}.booking-row strong{font-size:9px}.booking-times{margin:12px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.booking-times button{height:38px;border:1px solid var(--line);color:#63787c;background:white;font-size:8px}.booking-times button.is-active{color:var(--navy);background:var(--cyan-light);border-color:var(--cyan-light);font-weight:700}.booking-cta{width:100%;height:46px;border:0;color:white;background:var(--navy);font-size:9px;font-weight:700}.booking-demo>small{display:block;margin-top:12px;color:#8b999b;font-size:7px;text-align:center}.booking-confirm{position:absolute;right:-38px;bottom:-46px;width:260px;padding:17px;display:grid;grid-template-columns:auto 1fr;gap:11px;color:var(--ink);background:#e6f7ef;border:1px solid #a5d8c1;box-shadow:0 15px 40px rgba(2,20,24,.2)}.booking-confirm>i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:white;background:var(--green);font-style:normal}.booking-confirm strong,.booking-confirm span{display:block}.booking-confirm strong{font-size:9px}.booking-confirm span{margin-top:4px;color:#667a75;font-size:7px}
.live-demo-section { max-width: var(--content); margin: 0 auto; padding: 130px 0; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(60px, 7vw, 105px); }
.live-demo-copy h2 { margin: 22px 0 26px; font: 700 clamp(50px, 4.8vw, 70px)/.94 var(--display); letter-spacing: -.065em; }
.live-demo-copy h2 em { color: var(--pink); font: inherit; font-style: normal; }
.live-demo-copy > p { max-width: 590px; margin: 0; color: #5b7378; font-size: 14px; line-height: 1.75; }
.live-demo-proof { margin: 38px 0 34px; border-block: 1px solid #cad8d6; }
.live-demo-proof article { min-height: 82px; padding: 17px 0; display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 10px; }
.live-demo-proof article + article { border-top: 1px solid #dce5e3; }
.live-demo-proof b { align-self: start; padding-top: 4px; color: var(--cyan); font-size: 8px; letter-spacing: .12em; }
.live-demo-proof strong, .live-demo-proof span { display: block; }
.live-demo-proof strong { color: var(--ink); font-size: 12px; }
.live-demo-proof span { margin-top: 5px; color: #718488; font-size: 10px; line-height: 1.5; }
.live-demo-cta { color: white; background: var(--navy); box-shadow: 8px 8px 0 #beecef; }
.live-demo-cta span { color: var(--cyan-light); font-size: 17px; }
.live-demo-cta:focus-visible { outline: 3px solid var(--pink); outline-offset: 4px; }
.live-demo-note { margin-top: 18px; display: block; color: #788b8e; font-size: 9px; }
.live-demo-visual { min-width: 0; position: relative; }
.live-demo-visual::before { content: ""; position: absolute; inset: 28px -22px -22px 28px; background: var(--cyan-light); opacity: .42; }
.live-demo-browser { min-height: 610px; position: relative; overflow: hidden; color: white; background: #111712; box-shadow: 0 30px 70px rgba(7,36,42,.2); }
.live-demo-browser-bar { height: 46px; padding: 0 17px; display: flex; align-items: center; gap: 6px; position: relative; z-index: 2; color: rgba(255,255,255,.5); background: #111712; }
.live-demo-browser-bar i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.25); }
.live-demo-browser-bar i:first-child { background: #f500a6; }
.live-demo-browser-bar span { margin-left: 8px; font-size: 8px; letter-spacing: .08em; }
.live-demo-browser > img { width: 100%; height: 564px; object-fit: cover; opacity: .88; }
.live-demo-browser::after { content: ""; position: absolute; inset: 46px 0 0; background: linear-gradient(180deg, rgba(4,14,13,.42), transparent 38%, rgba(4,14,13,.6)); pointer-events: none; }
.live-demo-brand { position: absolute; top: 84px; left: 34px; z-index: 2; }
.live-demo-brand span, .live-demo-brand small { display: block; }
.live-demo-brand span { font: 700 31px/1 var(--display); letter-spacing: -.055em; }
.live-demo-brand small { margin-top: 7px; color: var(--cyan-light); font-size: 7px; letter-spacing: .19em; }
.live-demo-status { min-width: 305px; padding: 19px 22px; display: grid; grid-template-columns: 36px 1fr; align-items: center; gap: 13px; position: absolute; right: 26px; bottom: 26px; z-index: 2; color: var(--ink); background: rgba(255,255,255,.95); box-shadow: 0 18px 45px rgba(0,0,0,.28); backdrop-filter: blur(8px); }
.live-demo-status > i { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; color: var(--navy); background: var(--cyan-light); font-style: normal; font-weight: 700; }
.live-demo-status small, .live-demo-status strong, .live-demo-status span { display: block; }
.live-demo-status small { color: var(--green); font-size: 7px; font-weight: 700; letter-spacing: .12em; }
.live-demo-status strong { margin-top: 5px; font-size: 11px; }
.live-demo-status span { margin-top: 4px; color: #718185; font-size: 8px; }
.live-demo-caption { margin-top: 16px; display: block; position: relative; color: #6b7f82; font-size: 9px; text-align: right; }
.price-section { max-width:var(--content);margin:0 auto;padding:130px 0;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:100px }.price-heading h2{margin:22px 0;font:700 clamp(48px,4.7vw,68px)/.95 var(--display);letter-spacing:-.06em}.price-heading p{max-width:520px;margin:0;color:#62797d;font-size:14px;line-height:1.7}.price-box{padding:36px;color:white;background:var(--navy);box-shadow:14px 14px 0 #beecef}.price-top{padding-bottom:25px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15)}.price-top span{color:var(--cyan-light);font-size:8px;font-weight:700;letter-spacing:.14em}.price-top strong{display:block;margin-top:12px;font:700 50px/1 var(--display);letter-spacing:-.06em}.price-top strong small{font:500 12px/1 var(--sans);color:rgba(255,255,255,.48);letter-spacing:0}.price-top>b{padding:7px 9px;color:#ff8bd5;background:rgba(245,0,166,.13);font-size:7px}.price-box ul{margin:0;padding:22px 0;list-style:none}.price-box li{padding:7px 0;font-size:10px}.price-box li i{margin-right:9px;color:var(--cyan-light);font-style:normal}.price-box>.btn{width:100%}.price-box>small{display:block;margin-top:13px;color:rgba(255,255,255,.33);font-size:6px;text-align:center}
.faq-section { max-width:var(--content);margin:0 auto;padding:0 0 130px;display:grid;grid-template-columns:.65fr 1.35fr;gap:90px }.faq-section h2{margin:18px 0;font:700 52px/1 var(--display);letter-spacing:-.06em}.faq-list{border-top:1px solid #cfdad8}.faq-list details{border-bottom:1px solid #cfdad8}.faq-list summary{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;font-size:13px;font-weight:700;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary b{font-size:20px;font-weight:400}.faq-list details p{max-width:650px;margin:-5px 0 25px;color:#62787c;font-size:12px;line-height:1.7}
.flow-final { min-height: 590px; padding: 90px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; color: white; text-align: center; background: var(--navy); }.flow-final>.final-glow{width:600px;height:600px;position:absolute;right:-200px;top:-330px;border-radius:50%;background:var(--pink);filter:blur(80px);opacity:.26}.flow-final>img{width:70px;height:70px;position:relative;object-fit:contain}.flow-final>span{margin-top:22px;position:relative;color:var(--cyan-light);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.flow-final h2{margin:24px 0 34px;position:relative;font:700 clamp(60px,6vw,88px)/.9 var(--display);letter-spacing:-.07em}.flow-final h2 em{color:#ff6dcb;font:700 1em/.9 var(--display);font-style:normal}.flow-final .btn{position:relative}

/* Night Shift */
.night-page { color: white; background: #061f25; }
.night-hero { min-height: 760px; padding: 110px max(28px, calc((100vw - var(--content))/2)); display: flex; align-items: center; position: relative; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.1); }
.night-grid { position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(85,231,237,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(85,231,237,.14) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,black,transparent 75%) }
.night-orb { width: 680px; height: 680px; position: absolute; right: -180px; top: -220px; border-radius: 50%; background: var(--pink); filter: blur(105px); opacity: .22; }
.night-copy { max-width: 850px; position: relative; z-index: 2; }
.night-kicker { display:inline-flex;align-items:center;gap:9px;color:var(--cyan-light);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.night-kicker i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(46,173,125,.12)}
.night-copy h1 { margin:26px 0;font:800 clamp(76px,9vw,132px)/.82 var(--display);letter-spacing:-.09em }.night-copy>p{max-width:570px;margin:0 0 34px;color:rgba(255,255,255,.62);font-size:16px;line-height:1.7}
.night-metrics { width: 320px; position:absolute;right:max(28px,calc((100vw - var(--content))/2));bottom:70px;z-index:2;border-top:1px solid rgba(255,255,255,.2) }.night-metrics article{padding:15px 0;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.14)}.night-metrics span{color:rgba(255,255,255,.45);font-size:8px;text-transform:uppercase;letter-spacing:.09em}.night-metrics strong{font:700 22px/1 var(--display);color:var(--cyan-light)}.night-metrics small{grid-column:1/-1;margin-top:4px;color:rgba(255,255,255,.3);font-size:6px}.night-scroll{position:absolute;left:max(28px,calc((100vw - var(--content))/2));bottom:35px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.35);font-size:7px;letter-spacing:.15em}.night-scroll i{width:40px;height:1px;background:var(--pink)}
.night-console-section { max-width: var(--content); margin: 0 auto; padding: 130px 0; }
.night-section-title { max-width: 780px; margin-bottom: 58px; }.night-section-title>span,.night-impact>div>span{color:var(--cyan-light);font-size:8px;font-weight:700;letter-spacing:.15em}.night-section-title h2{margin:20px 0;font:800 clamp(58px,6vw,86px)/.87 var(--display);letter-spacing:-.075em}.night-section-title h2 em{color:var(--pink);font-style:normal}.night-section-title p{max-width:560px;margin:0;color:rgba(255,255,255,.54);font-size:14px;line-height:1.7}
.night-console { min-height:620px;display:grid;grid-template-columns:62px 1fr;border:1px solid rgba(85,231,237,.23);background:#0b2b32;box-shadow:20px 20px 0 rgba(245,0,166,.1) }.night-sidebar{padding:14px 7px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#041a1f;border-right:1px solid rgba(255,255,255,.09)}.night-sidebar>img{width:34px;height:34px;margin-bottom:18px;object-fit:contain}.night-sidebar button{width:38px;height:38px;border:0;color:rgba(255,255,255,.42);background:transparent}.night-sidebar button.is-active{color:var(--cyan-light);background:rgba(85,231,237,.11)}.night-sidebar>b{width:30px;height:30px;margin-top:auto;display:grid;place-items:center;border-radius:50%;background:var(--pink);font-size:7px}
.night-workspace{min-width:0;padding:24px}.night-workspace>header{display:flex;align-items:center;justify-content:space-between}.night-workspace>header small,.night-workspace>header strong{display:block}.night-workspace>header small{margin-bottom:5px;color:rgba(255,255,255,.35);font-size:7px;letter-spacing:.12em}.night-workspace>header strong{font:600 23px/1 var(--display)}.night-workspace>header>span{color:rgba(255,255,255,.48);font-size:7px}.night-workspace>header>span i{width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%;background:var(--green)}
.night-stats{margin:20px 0 12px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:8px}.night-stats article{padding:12px 14px;background:#061f25;border:1px solid rgba(255,255,255,.08)}.night-stats article span,.night-stats article strong{display:block}.night-stats article span{color:rgba(255,255,255,.4);font-size:6px;letter-spacing:.11em}.night-stats article strong{margin-top:5px;color:var(--cyan-light);font:700 23px/1 var(--display)}.night-tabs{align-items:center;padding:0 8px;background:#061f25;border:1px solid rgba(255,255,255,.08)}.night-tabs button{color:rgba(255,255,255,.42)}.night-tabs button.is-active{color:var(--navy);background:var(--cyan-light)}
.night-operation{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.55fr);gap:10px}.night-room{height:445px;background-color:#061f25;background-image:linear-gradient(rgba(85,231,237,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(85,231,237,.045) 1px,transparent 1px)}.night-room .zone-label{color:rgba(255,255,255,.3)}.night-room .zone-bar{color:rgba(255,255,255,.42);background:#113940;border-color:#205059}.night-room .room-table.free{color:#4ad39f;background:#103c38}.night-room .room-table.booked{color:#f0b64f;background:#463c20}.night-room .room-table.seated{color:#55e7ed;background:#103e46}.night-room .room-table.attention{color:#ff6592;background:#4c2139}.night-room[data-room="peak"] .table-1,.night-room[data-room="peak"] .table-4,.night-room[data-room="peak"] .table-7{color:#55e7ed;background:#103e46}.night-room[data-room="peak"] .table-3,.night-room[data-room="peak"] .table-8{color:#ff6592;background:#4c2139}.night-room[data-room="late"] .room-table{color:#4ad39f;background:#103c38}.night-room[data-room="late"] .table-5,.night-room[data-room="late"] .table-8{color:#55e7ed;background:#103e46}
.night-feed{background:#061f25;border:1px solid rgba(255,255,255,.08)}.night-feed>header{height:45px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.night-feed>header strong{font-size:7px}.night-feed>header span{color:var(--pink);font-size:6px}.night-feed article{min-height:83px;padding:13px 9px;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:7px;position:relative;border-bottom:1px solid rgba(255,255,255,.08)}.night-feed article.urgent{border-left:3px solid var(--pink)}.night-feed time{color:rgba(255,255,255,.34);font-size:6px}.night-feed article strong,.night-feed article span{display:block}.night-feed article strong{padding-right:38px;font-size:7px}.night-feed article span{margin-top:4px;color:rgba(255,255,255,.36);font-size:6px}.night-feed article>b{position:absolute;right:8px;top:13px;color:var(--cyan-light);font-size:6px}.night-feed .urgent>b{color:var(--pink)}.night-feed>a{height:44px;padding:0 11px;display:flex;align-items:center;color:var(--cyan-light);font-size:6px;font-weight:700}
.night-marquee{height:70px;padding:0 35px;display:flex;align-items:center;justify-content:space-around;gap:25px;overflow:hidden;color:var(--navy);background:var(--cyan-light);font:800 clamp(15px,1.8vw,22px)/1 var(--display);white-space:nowrap}.night-marquee i{color:var(--pink);font-style:normal}
.night-flow{max-width:var(--content);margin:0 auto;padding:130px 0}.night-cards{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(255,255,255,.14)}.night-cards article{min-height:470px;padding:32px 26px;display:flex;flex-direction:column}.night-cards article+article{border-left:1px solid rgba(255,255,255,.14)}.night-cards article>span{color:var(--cyan-light);font-size:8px;font-weight:700;letter-spacing:.14em}.night-cards h3{margin:22px 0 14px;font:700 28px/1.04 var(--display);letter-spacing:-.045em}.night-cards p{margin:0;color:rgba(255,255,255,.46);font-size:12px;line-height:1.65}.night-card-ui{min-height:145px;margin-top:auto;padding:21px;background:#0d3138;border:1px solid rgba(255,255,255,.08)}.night-card-ui small,.night-card-ui strong,.night-card-ui b{display:block}.night-card-ui small{color:rgba(255,255,255,.37);font-size:6px;letter-spacing:.1em}.night-card-ui strong{margin:24px 0 10px;font-size:13px}.night-card-ui b{padding:8px;color:#8bedc6;background:rgba(46,173,125,.14);font-size:7px}.mini-table-ui{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px}.mini-table-ui>i{width:55px;height:55px;display:grid;place-items:center;border:2px solid var(--cyan-light);border-radius:50%;color:var(--cyan-light);font-style:normal;font-weight:700}.mini-table-ui strong{margin:0}.mini-table-ui b{grid-column:2;padding:0;color:rgba(255,255,255,.4);background:transparent}.mini-chart-ui>strong{margin:0;color:var(--cyan-light);font:700 32px/1 var(--display)}.mini-chart-ui>span{height:55px;margin:12px 0 7px;display:flex;align-items:end;gap:6px}.mini-chart-ui>span i{flex:1;background:var(--cyan)}.mini-chart-ui>span i:nth-child(1){height:25%}.mini-chart-ui>span i:nth-child(2){height:40%}.mini-chart-ui>span i:nth-child(3){height:34%}.mini-chart-ui>span i:nth-child(4){height:62%}.mini-chart-ui>span i:nth-child(5){height:78%}.mini-chart-ui>span i:nth-child(6){height:100%;background:var(--pink)}.mini-chart-ui>b{padding:0;color:rgba(255,255,255,.35);background:transparent}
.night-impact{padding:120px max(28px,calc((100vw - var(--content))/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;background:#0d3138}.night-impact h2{margin:22px 0;font:800 clamp(56px,5.5vw,80px)/.88 var(--display);letter-spacing:-.075em}.night-impact h2 em{color:var(--pink);font-style:normal}.night-impact p{max-width:520px;margin:0;color:rgba(255,255,255,.5);font-size:14px;line-height:1.7}.impact-table{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(255,255,255,.15)}.impact-table article{padding:30px 15px}.impact-table article+article{border-left:1px solid rgba(255,255,255,.15)}.impact-table strong,.impact-table span{display:block}.impact-table strong{color:var(--cyan-light);font:700 clamp(27px,3vw,42px)/1 var(--display);letter-spacing:-.05em}.impact-table span{margin-top:9px;color:rgba(255,255,255,.42);font-size:8px}.impact-table>small{grid-column:1/-1;padding:14px 15px;border-top:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.24);font-size:6px}
.night-final{min-height:620px;padding:90px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--pink)}.night-final>img{width:230px}.night-final h2{margin:45px 0 34px;font:800 clamp(64px,7vw,104px)/.84 var(--display);letter-spacing:-.08em}

/* Hospitality */
.hospitality-page{color:#28271f;background:#ebe7dd}
.hospitality-hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:center;color:white;background:#111}.hospitality-photo{position:absolute;inset:0;background:url("../demo_restaurante/assets/qitchen-casa.webp") center/cover no-repeat}.hospitality-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,7,.86),rgba(9,10,7,.58) 52%,rgba(9,10,7,.18) 75%,rgba(9,10,7,.5))}.hospitality-copy{width:var(--content);margin:0 auto;padding-top:45px;position:relative;z-index:2}.hospitality-copy>span{font-size:9px;font-weight:700;letter-spacing:.2em}.hospitality-copy h1{margin:28px 0 25px;font:400 clamp(70px,7vw,104px)/.84 var(--display);letter-spacing:-.055em}.hospitality-copy h1 em{color:#edca8b;font-weight:400}.hospitality-copy>p{max-width:520px;margin:0 0 32px;color:rgba(255,255,255,.68);font-size:15px;line-height:1.75}.circle-link{display:inline-flex;align-items:center;gap:12px}.circle-link>i{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;font-style:normal}.circle-link strong,.circle-link small{display:block}.circle-link strong{font-size:10px}.circle-link small{margin-top:3px;color:rgba(255,255,255,.44);font-size:8px}.hospitality-note{position:absolute;right:max(28px,calc((100vw - var(--content))/2));bottom:44px;z-index:2;display:flex;align-items:start;gap:17px}.hospitality-note b{color:#edca8b;font-size:8px}.hospitality-note p{margin:0;color:rgba(255,255,255,.6);font:400 14px/1.5 var(--display)}
.manifesto{max-width:var(--content);margin:0 auto;padding:130px 0;display:grid;grid-template-columns:.35fr 1.65fr;gap:70px;border-bottom:1px solid rgba(40,39,31,.2)}.manifesto>span,.hospitality-title>span,.hospitality-result .result-copy>span,.hospitality-steps>span{color:#7b7569;font-size:8px;font-weight:700;letter-spacing:.17em}.manifesto>div{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:60px}.manifesto h2{margin:0;font:400 clamp(48px,5vw,72px)/.98 var(--display);letter-spacing:-.04em}.manifesto h2 em{color:#946b42;font-weight:400}.manifesto p{margin:0;color:#716b60;font-size:13px;line-height:1.8}
.hospitality-product{max-width:var(--content);margin:0 auto;padding:130px 0}.hospitality-title{max-width:760px;margin-bottom:65px}.hospitality-title h2{margin:22px 0;font:400 clamp(62px,6vw,90px)/.88 var(--display);letter-spacing:-.05em}.hospitality-title h2 em{color:#946b42}.hospitality-title p{max-width:520px;margin:0;color:#6c675d;font-size:14px;line-height:1.7}.hospitality-dashboard{padding:26px;background:#faf8f2;box-shadow:0 35px 100px rgba(41,35,25,.18)}.hospitality-dashboard>header{padding-bottom:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border-bottom:1px solid #dcd9d0}.hospitality-dashboard>header img{width:145px}.hospitality-dashboard>header small,.hospitality-dashboard>header strong{display:block}.hospitality-dashboard>header small{color:#8b887e;font-size:6px;letter-spacing:.13em}.hospitality-dashboard>header strong{margin-top:4px;font:500 21px/1 var(--display)}.hospitality-dashboard>header>span{color:#737b73;font-size:7px}.hospitality-dashboard>header>span i{width:6px;height:6px;display:inline-block;margin-right:6px;border-radius:50%;background:var(--green)}.hospitality-tabs{height:50px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #dcd9d0}.hospitality-tabs button{height:50px;padding:0;border:0;border-bottom:2px solid transparent;color:#918e84;background:transparent;font-size:7px;font-weight:700}.hospitality-tabs button.is-active{color:#283e40;border-bottom-color:#283e40}.hospitality-workspace{padding-top:16px;display:grid;grid-template-columns:1.55fr .62fr;gap:16px}.hospitality-room{border:1px solid #dedbd3}.hospitality-kpis{display:grid;grid-template-columns:repeat(3,1fr) auto;border-bottom:1px solid #dedbd3}.hospitality-kpis article{padding:13px}.hospitality-kpis article+article{border-left:1px solid #dedbd3}.hospitality-kpis strong,.hospitality-kpis span{display:block}.hospitality-kpis strong{font:600 22px/1 var(--display)}.hospitality-kpis span{margin-top:4px;color:#888b84;font-size:6px;text-transform:uppercase;letter-spacing:.08em}.hospitality-moments{align-items:center;padding:0 10px;border-left:1px solid #dedbd3}.warm-room{height:390px;background-color:#f0efe9}.guest-card{padding:28px;color:white;background:#293c3e}.guest-card>span{color:#c5cbc6;font-size:6px;letter-spacing:.12em}.guest-card>strong{display:block;margin:34px 0 5px;font:400 35px/1 var(--display)}.guest-card>p{margin:0;color:#c6cbc6;font-size:8px}.guest-tags{margin:25px 0;padding:18px 0;display:flex;flex-wrap:wrap;gap:6px;border-block:1px solid rgba(255,255,255,.15)}.guest-tags b{padding:6px 8px;color:#f1d29a;background:rgba(237,202,139,.1);font-size:6px}.guest-card blockquote{margin:0 0 28px;color:rgba(255,255,255,.65);font:400 16px/1.4 var(--display)}.guest-card>a{color:#edca8b;font-size:7px;font-weight:700}
.hospitality-result{min-height:720px;display:grid;grid-template-columns:1fr 1fr;color:white;background:#191a16}.result-photo{min-height:620px;background:url("../demo_restaurante/assets/qitchen-hero.webp") center/cover no-repeat}.result-copy{padding:90px max(45px,calc((50vw - var(--content)/2) + 55px));display:flex;flex-direction:column;justify-content:center}.hospitality-result .result-copy>span{color:#edca8b}.result-copy blockquote{margin:35px 0 22px;font:400 clamp(43px,4.3vw,64px)/1.01 var(--display);letter-spacing:-.04em}.result-copy>p{max-width:470px;margin:0;color:rgba(255,255,255,.57);font-size:13px;line-height:1.75}.result-numbers{margin:45px 0 17px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(255,255,255,.15)}.result-numbers article{padding:22px 10px}.result-numbers article+article{border-left:1px solid rgba(255,255,255,.15)}.result-numbers strong,.result-numbers span{display:block}.result-numbers strong{color:#edca8b;font:400 29px/1 var(--display)}.result-numbers span{margin-top:7px;color:rgba(255,255,255,.46);font-size:7px}.result-copy>small{color:rgba(255,255,255,.25);font-size:6px}
.hospitality-steps{max-width:var(--content);margin:0 auto;padding:130px 0}.hospitality-step-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(40,39,31,.2)}.hospitality-step-grid article{padding:35px 30px}.hospitality-step-grid article+article{border-left:1px solid rgba(40,39,31,.2)}.hospitality-step-grid b{color:#946b42;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.hospitality-step-grid h3{margin:25px 0 13px;font:400 31px/1 var(--display)}.hospitality-step-grid p{margin:0;color:#6d685e;font-size:12px;line-height:1.7}.hospitality-final{min-height:570px;padding:90px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;background:#8d6741}.hospitality-final>img{width:240px}.hospitality-final h2{margin:40px 0 32px;font:400 clamp(62px,6vw,88px)/.9 var(--display);letter-spacing:-.05em}.hospitality-final h2 em{color:#f0d199;font-weight:400}

@media (max-width: 1180px) {
    .flow-benefits,.live-demo-section,.price-section,.faq-section,.night-console-section,.night-flow,.manifesto,.hospitality-product,.hospitality-steps { margin-inline:28px; }
    .hospitality-copy{width:auto;margin-inline:28px}.benefit-large{gap:40px}.journey-section{gap:60px}.price-section{gap:55px}.manifesto>div{gap:35px}
}

@media (max-width: 920px) {
    .site-header{height:70px;padding-inline:22px;grid-template-columns:1fr auto}.site-header .brand-logo{width:172px}.menu-button{display:block;justify-self:end}.header-actions{display:none}.site-menu{display:none;position:absolute;top:70px;left:0;right:0;padding:22px;flex-direction:column;align-items:flex-start;gap:18px;background:inherit;border-bottom:1px solid currentColor}.site-menu.is-open{display:flex}.header-overlay .site-menu{background:#171913;border-color:rgba(255,255,255,.2)}
    .review-header{grid-template-columns:1fr auto;padding-inline:20px}.review-label{display:none}.review-main{padding:65px 20px}.review-grid{grid-template-columns:1fr}.review-card-main{grid-column:auto}.live-preview,.review-card-main .live-preview{height:300px}.live-preview iframe,.review-card-main .live-preview iframe{width:260%;height:260%;transform:scale(.385)}.review-decision{grid-template-columns:1fr}.review-decision .btn{justify-self:start}
    .flow-hero{padding-top:80px}.flow-window{height:640px}.operation-grid{grid-template-columns:1fr}.agenda-panel{display:none}.app-metrics{grid-template-columns:repeat(2,1fr)}.flow-benefits{padding-block:95px}.benefit-large{grid-template-columns:1fr}.journey-section,.live-demo-section,.price-section,.faq-section,.night-impact,.manifesto{grid-template-columns:1fr}.journey-section{gap:70px}.booking-demo{justify-self:center}.live-demo-section{padding-block:95px;gap:65px}.live-demo-visual{width:min(100%,680px);justify-self:center}.price-section{padding-block:95px}.faq-section{gap:40px}.night-metrics{position:relative;right:auto;bottom:auto;margin:55px 0 0}.night-hero{min-height:800px;align-items:flex-start}.night-console-section,.night-flow{padding-block:95px}.night-operation{grid-template-columns:1fr}.night-feed{display:none}.night-cards{grid-template-columns:1fr}.night-cards article+article{border-left:0;border-top:1px solid rgba(255,255,255,.14)}.night-card-ui{max-width:500px}.night-impact{gap:60px}.manifesto>div{grid-template-columns:1fr}.hospitality-workspace{grid-template-columns:1fr}.hospitality-dashboard{padding:18px}.guest-card{min-height:310px}.hospitality-result{grid-template-columns:1fr}.result-photo{min-height:520px}.result-copy{padding:75px 28px}.hospitality-step-grid{grid-template-columns:1fr}.hospitality-step-grid article+article{border-left:0;border-top:1px solid rgba(40,39,31,.2)}
}

@media (max-width: 620px) {
    .brand-logo{width:165px}.btn{width:100%}.btn-small{width:auto}.hero-buttons{align-items:stretch;flex-direction:column}.site-footer{align-items:flex-start;flex-direction:column}.concept-switch{right:10px;bottom:10px}
    .review-intro h1{font-size:54px}.review-intro p{font-size:14px}.live-preview,.review-card-main .live-preview{height:210px}.live-preview iframe,.review-card-main .live-preview iframe{width:392%;height:392%;transform:scale(.255)}.review-copy{min-height:0;padding:22px}.review-copy h2{font-size:31px}.review-copy>a{width:42px;height:42px}.review-decision{padding:25px}
    .flow-hero{min-height:930px;padding-inline:14px}.flow-hero-copy h1{font-size:51px}.flow-hero-copy>p{font-size:14px}.hero-note{gap:8px 16px}.flow-window{width:100%;height:570px;margin-top:55px}.window-bar>span{display:none}.window-bar{grid-template-columns:1fr 1fr}.app-layout{grid-template-columns:42px 1fr}.app-sidebar{padding-inline:4px}.app-sidebar>img{width:27px;height:27px}.app-sidebar button{min-height:44px}.app-sidebar button span{display:none}.app-main{padding:14px 10px}.app-heading h2{font-size:17px}.service-live span{display:none}.app-main>.moment-tabs{margin-top:9px;justify-content:flex-start}.app-metrics{gap:5px}.app-metrics article{padding:9px 7px}.app-metrics strong{font-size:18px}.app-metrics small{white-space:nowrap;overflow:hidden}.operation-grid{min-height:340px}.room-map{height:330px}.room-panel>header{height:42px}.room-table.round{width:40px;height:40px}.room-table.square{width:43px;height:43px}.room-table.wide{width:66px;height:40px}.zone-bar{height:180px;right:8px}.table-6{left:59%}.table-3{left:54%}.table-8{left:47%}
    .trust-strip{align-items:flex-start;flex-direction:column}.trust-strip div{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.trust-strip i{display:none}.flow-benefits,.live-demo-section,.price-section,.faq-section,.night-console-section,.night-flow,.manifesto,.hospitality-product,.hospitality-steps{margin-inline:18px}.section-title h2,.price-heading h2{font-size:48px}.benefit-card{min-height:380px;padding:25px}.benefit-large{min-height:620px}.card-copy h3{font-size:32px}.journey-section{padding:85px 18px}.journey-copy h2{font-size:50px}.booking-demo{width:100%;padding:28px 20px}.booking-confirm{right:-5px;width:230px}.live-demo-section{padding-block:85px;gap:50px}.live-demo-copy h2{font-size:47px}.live-demo-proof article{grid-template-columns:31px 1fr}.live-demo-browser{min-height:500px}.live-demo-browser>img{height:454px}.live-demo-brand{top:75px;left:22px}.live-demo-brand span{font-size:25px}.live-demo-status{min-width:0;left:16px;right:16px;bottom:16px;padding:16px}.live-demo-visual::before{inset:16px -8px -12px 16px}.live-demo-caption{text-align:left}.price-section{grid-template-columns:1fr}.price-box{padding:27px;box-shadow:8px 8px 0 #beecef}.faq-section{padding-bottom:90px}.faq-section h2{font-size:44px}.flow-final{min-height:500px}.flow-final h2{font-size:53px}
    .night-hero{min-height:760px;padding:80px 18px}.night-copy h1{font-size:62px}.night-copy>p{font-size:14px}.night-metrics{width:100%}.night-console-section,.night-flow{padding-block:80px}.night-section-title h2,.night-impact h2{font-size:50px}.night-console{grid-template-columns:38px 1fr;margin-inline:-8px;min-height:0}.night-sidebar{padding-inline:2px}.night-sidebar>img{width:27px;height:27px}.night-sidebar button{width:29px;height:32px}.night-workspace{padding:11px}.night-workspace>header>span{display:none}.night-stats{grid-template-columns:repeat(3,1fr)}.night-tabs{grid-column:1/-1;justify-content:center;height:38px}.night-stats article{padding:9px 6px}.night-stats article strong{font-size:18px}.night-room{height:350px}.night-cards article{min-height:420px;padding-inline:20px}.night-impact{padding:80px 18px}.impact-table{grid-template-columns:1fr}.impact-table article+article{border-left:0;border-top:1px solid rgba(255,255,255,.15)}.night-final{min-height:500px}.night-final h2{font-size:57px}
    .hospitality-copy{margin-inline:18px}.hospitality-copy h1{font-size:57px}.hospitality-copy>p{font-size:14px}.hospitality-note{display:none}.manifesto,.hospitality-product,.hospitality-steps{padding-block:85px}.manifesto{gap:35px}.manifesto h2{font-size:45px}.hospitality-title h2{font-size:57px}.hospitality-dashboard{margin-inline:-8px;padding:11px}.hospitality-dashboard>header{grid-template-columns:1fr auto}.hospitality-dashboard>header img{display:none}.hospitality-dashboard>header>span{font-size:0}.hospitality-dashboard>header>span i{margin:0}.hospitality-tabs{gap:16px}.hospitality-workspace{padding-top:9px}.hospitality-kpis{grid-template-columns:repeat(3,1fr)}.hospitality-moments{grid-column:1/-1;padding:8px;justify-content:center;border-left:0;border-top:1px solid #dedbd3}.warm-room{height:330px}.guest-card{padding:24px}.result-copy blockquote{font-size:42px}.result-numbers{grid-template-columns:1fr}.result-numbers article+article{border-left:0;border-top:1px solid rgba(255,255,255,.15)}.hospitality-step-grid article{padding-inline:20px}.hospitality-final{min-height:500px}.hospitality-final h2{font-size:55px}
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}