@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;800&display=swap');
:root{font-family:Inter,Arial,sans-serif;color:#17212b;background:#f2f5f7;font-synthesis:none;--red:#df1222;--muted:#697586}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.header{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:25px max(4%,calc((100vw - 1280px)/2));gap:24px;border-bottom:1px solid #edf0f3}.brand{display:flex;flex-direction:column;gap:4px}.brand strong{font-size:25px;color:var(--red);letter-spacing:-.7px}.brand span{font-size:13px;color:#536071}nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.contact{background:var(--red);color:#fff;padding:13px 20px;border-radius:8px;font-size:14px;margin-left:20px}.contact span{margin-left:12px}main{max-width:1360px;margin:auto;padding:30px 40px 35px;display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.65fr);gap:44px}.intro{padding-top:32px}.eyebrow{color:var(--red);font-weight:700;font-size:10px;letter-spacing:1.8px}h1{font-size:clamp(32px,3.1vw,46px);line-height:1.14;letter-spacing:-1.8px;margin:17px 0}h1 em{font-style:normal;color:var(--red)}.intro>p{font-size:15px;color:#5a6575;line-height:1.7;max-width:340px}.benefits{padding:0;list-style:none;margin-top:28px}.benefits li{display:flex;align-items:center;gap:16px;margin:18px 0;font-size:14px;line-height:1.5;color:#536071}.benefits span{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;color:var(--red);background:#fff;font-size:26px}.art{position:relative;overflow:hidden;padding:42px 25px;margin-top:45px;border-radius:12px;background:linear-gradient(155deg,#fff,#e9edf1);border-bottom:5px solid var(--red)}.art:after{content:'';position:absolute;width:180px;height:350px;background:#df122215;transform:rotate(52deg);right:-130px;top:-60px}.art>span{font-size:9px;letter-spacing:2px;color:var(--red);font-weight:700}.art strong{display:block;font-size:31px;font-style:italic;line-height:1.2;letter-spacing:-1px;margin-top:17px}.art p{font-size:12px;color:var(--muted)}.notice{border:0;background:transparent;border-radius:0;padding:17px 19px;display:flex;gap:17px;align-items:center;margin-bottom:16px}.calendar{font-size:35px;color:var(--red)}.notice strong{font-size:13px;color:#bc101e}.notice p{font-size:12px;margin:6px 0 0;line-height:1.5}.card{background:#fff;border:1px solid #e7edf2;border-radius:13px;padding:25px;box-shadow:0 4px 15px #243a5510;scroll-margin-top:15px}.card-heading{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:21px;letter-spacing:-.6px;margin:0}.preview{font-size:8px;letter-spacing:.8px;font-weight:700;white-space:nowrap;color:#6a7280;background:#f0f3f5;padding:6px;border-radius:4px}.demo-note{font-size:11px;color:var(--muted);margin:10px 0 20px}fieldset{border:0;border-top:1px solid #e9edf2;padding:15px 0 22px;margin:0;min-width:0}legend{float:left;width:100%;font-size:15px;font-weight:700;margin-bottom:15px;padding:0}legend span{display:inline-block;width:24px;font-size:21px;vertical-align:middle}.grid{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:17px 24px}label,.field-label{font-size:12px;font-weight:500}i{font-style:normal;color:var(--red)}input,select{display:block;width:100%;height:42px;margin-top:8px;border:1px solid #d5dfe9;border-radius:6px;background:#fff;color:#26313e;padding:0 12px;font:inherit;font-size:12px;min-width:0}input::placeholder{color:#7b8798}input:focus,select:focus{border-color:var(--red)}:focus-visible{outline:3px solid #ed667970;outline-offset:3px}select:disabled{background:#f5f7f9;color:#7b8798}small{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:6px;font-weight:400}.plate{text-transform:uppercase}.plate::placeholder{text-transform:none}.slots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.slot{cursor:pointer;text-align:center}.slot input{position:absolute;opacity:0;width:1px;height:1px}.slot strong{display:block;padding:10px 5px;border:1px solid #d5dfe9;border-radius:7px;font-size:17px;background:#fff}.slot input:checked+strong{border-color:var(--red);background:#fff0f1;color:#c31020;box-shadow:0 0 0 1px var(--red)}.slot input:focus-visible+strong{outline:3px solid #ed667970;outline-offset:2px}.slot input:disabled+strong{background:#e5e8ec;color:#818994;cursor:not-allowed}.slot small{color:#157548}.slot:has(input:disabled) small{color:#697586}.terms{background:#f0f4f7;border-radius:8px;padding:15px}.terms h3{font-size:14px;margin:0 0 11px}.terms ol{padding-left:20px;margin:0;font-size:11px;line-height:1.6;color:#46515e}.terms li+li{margin-top:5px}.submit{width:100%;background:var(--red);border:0;border-radius:7px;color:#fff;padding:13px;font:600 14px Inter,Arial,sans-serif;cursor:pointer}.submit:hover,.contact:hover{background:#bf0d1b}.submit span{margin-right:10px}.error{font-size:12px;color:#b01121;margin:10px 0}.error:empty{margin:12px 0 0}footer{background:#fff;max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 40px}footer .brand strong{font-size:16px}footer p{font-size:11px;color:#697586;line-height:1.6}.footer-tag{border-left:2px solid var(--red);padding-left:20px}dialog{border:1px solid #a6dfbf;border-radius:14px;padding:32px;max-width:420px;width:calc(100% - 32px);text-align:center;box-shadow:0 15px 70px #17212b30}dialog::backdrop{background:#17212b75}dialog p{font-size:13px;color:#536071;line-height:1.7}.check{margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:#009c50;width:48px;height:48px;color:white;font-size:30px}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:27px;color:#697586;cursor:pointer}
@media(min-width:1500px){main{padding-top:45px}}@media(max-width:1000px){main{gap:25px;padding:25px;grid-template-columns:minmax(210px,.7fr) minmax(0,1.5fr)}.header{padding:22px 25px}.brand strong{font-size:21px}nav{gap:20px}.contact{display:none}.card{padding:21px}.grid{gap:16px}.intro{padding-top:25px}.art{padding:30px 18px}.art strong{font-size:25px}}
@media(max-width:720px){.header{padding:21px 20px}.brand strong{font-size:21px}nav a{display:none}nav a[href='#reservasi']{display:block;font-size:12px;color:var(--red);font-weight:600}.intro{display:none}main{display:block;padding:16px 15px 25px}.notice{padding:13px;gap:12px;margin-bottom:14px}.notice strong{font-size:12px}.notice p{font-size:11px}.calendar{font-size:31px}.card{padding:19px 16px}.card-heading h2{font-size:18px}.preview{font-size:7px}.demo-note{line-height:1.6;font-size:10px}.grid{grid-template-columns:1fr;gap:17px}label,.field-label{font-size:12px}input,select{height:45px;font-size:13px}fieldset{padding-bottom:22px}legend{font-size:14px}.terms{padding:13px}.submit-wrap{position:sticky;bottom:0;background:#fff;padding:12px 0 3px;margin-top:5px}.submit{min-height:46px}footer{padding:24px 20px;align-items:flex-start;flex-direction:column;gap:8px}.footer-tag{display:none}}

#availability-status{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 8px}.refresh{border:0;background:none;color:var(--red);font:inherit;font-size:12px;padding:6px 0;margin-bottom:18px;cursor:pointer;text-decoration:underline}.submit:disabled,.refresh:disabled{opacity:.55;cursor:wait}input:disabled{background:#f5f7f9;color:#697586}.receipt strong{overflow-wrap:anywhere;color:#17212b}