@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{font-family:'DM Sans',sans-serif;color:#f4f2ed;background:#101010;--gold:#e7b849;--muted:#aaa8a1;--line:#32322f}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}header{min-height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:48px;padding:0 max(5vw,20px)}.brand{display:flex;align-items:center;color:#fff;text-decoration:none;font-family:Manrope,sans-serif;letter-spacing:-1px;font-size:24px;font-weight:800;white-space:nowrap}.brand b{color:var(--gold)}.mark{display:grid;place-items:center;width:38px;height:42px;background:var(--gold);color:#101010;border-radius:12px;margin-right:12px;font-size:29px;transform:skew(-8deg)}nav{display:flex;gap:26px;align-self:stretch}nav button{font-weight:600;color:var(--muted);border-bottom:3px solid transparent;padding:0 2px}nav button.active{color:var(--gold);border-color:var(--gold)}.selectors{margin-left:auto;display:flex;gap:12px}select{background:#20201e;border:1px solid var(--line);border-radius:8px;color:#f4f2ed;padding:10px;font-size:14px}main{max-width:1440px;padding:26px max(5vw,20px) 0;margin:auto}.location{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);gap:20px}.location button{color:var(--gold);font-weight:600}.demo{font-size:12px;letter-spacing:.4px;color:#c8c2ae;background:#1c1b16;border:1px solid #3e3725;padding:10px 14px;border-radius:8px;margin:22px 0}.hero{display:grid;grid-template-columns:1.2fr 1fr;background:#20201d;border-radius:24px;overflow:hidden;min-height:300px;border:1px solid #37352d}.hero-copy{padding:36px 40px}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:2px;font-weight:700}.hero h1{font-family:Manrope,sans-serif;font-size:46px;line-height:1.12;letter-spacing:-1.5px;margin:18px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:#bdbbb3;max-width:420px;line-height:1.6;margin:0}.hero-image{background:#2a2924;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#20201d,transparent 40%)}.searchbar{display:flex;align-items:center;margin:28px 0 20px;background:#202020;border:1px solid var(--line);padding:0 18px;gap:14px;border-radius:12px}.searchbar input{padding:17px 0;background:transparent;border:0;color:white;width:100%;margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.chip{font-size:14px;border:1px solid var(--line);background:#191919;padding:10px 20px;border-radius:30px}.chip.active{background:var(--gold);color:#15130b;border-color:var(--gold);font-weight:700}.section-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px}.section-title h2{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.7px;margin:0}.section-title span{font-size:13px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{text-align:left;border:1px solid var(--line);background:#1b1b1b;border-radius:16px;padding:24px;transition:transform .2s,border-color .2s}.card:hover{border-color:var(--gold);transform:translateY(-3px)}.restaurant-logo{display:grid;place-items:center;width:62px;height:62px;border-radius:16px;background:#302b1c;color:var(--gold);font-family:Manrope;font-size:25px;font-weight:800;margin-bottom:24px}.card h3{font-size:19px;margin:0 0 8px}.card p{font-size:14px;color:var(--muted);margin:8px 0}.card .meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:14px}.goldtext,.tag{color:var(--gold)}.tag{font-size:12px}.ride-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:#1c1c1a;border:1px solid var(--line);border-radius:20px;padding:30px}.panel h1{font-family:Manrope,sans-serif;font-size:36px;letter-spacing:-1px;margin-top:12px}.panel p{color:var(--muted);line-height:1.6}label{display:block;font-size:14px;margin-bottom:9px}input{width:100%;border:1px solid #44433c;border-radius:10px;background:#131313;color:white;padding:15px;margin-bottom:19px}input[type=range]{accent-color:var(--gold);padding:0}.gold{background:var(--gold);color:#15130b;padding:14px 22px;border-radius:10px;font-weight:700}.wide{width:100%}.ride-option{display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;padding:20px;border:1px solid var(--line);border-radius:12px;margin:14px 0;background:#24231e}.ride-option.selected{border-color:var(--gold);background:#30291a}.ride-option b{display:block;font-size:18px}.ride-option small{color:var(--muted);font-size:14px}.metric{font-family:Manrope,sans-serif;font-size:52px;color:var(--gold);letter-spacing:-2px;overflow-wrap:anywhere}.note{font-size:14px;color:var(--muted);line-height:1.6}.empty{padding:50px;text-align:center;border:1px dashed #454136;border-radius:18px}.activity{display:flex;justify-content:space-between;gap:20px;padding:22px;background:#20201d;border-radius:12px;margin:14px 0}.activity p{color:var(--muted);overflow-wrap:anywhere}footer{margin-top:50px;padding:26px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:var(--muted);font-size:13px}.small{font-size:16px;color:var(--gold)}footer button{margin-left:auto;color:var(--gold)}dialog{background:#20201d;border:1px solid #575040;color:white;border-radius:20px;padding:32px;width:min(540px,calc(100% - 32px));max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.close{float:right;font-size:30px}.menuitem{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.menuitem div{flex:1}.menuitem p{font-size:14px;color:var(--muted)}.qty{font-size:18px;display:flex;align-items:center;gap:14px}.qty button{width:32px;height:32px;border:1px solid #726039;border-radius:7px;color:var(--gold)}.total{display:flex;justify-content:space-between;padding:22px 0;font-size:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;background:var(--gold);color:#16130a;padding:16px 24px;border-radius:12px;box-shadow:0 10px 40px #0008;display:none;z-index:10}
@media(max-width:900px){header{gap:18px;padding:20px;flex-wrap:wrap}.brand{font-size:20px}nav{order:3;width:100%;gap:24px;height:40px}.selectors{gap:6px}select{padding:8px}.hero{min-height:260px}.hero-copy{padding:26px}.hero h1{font-size:34px}.cards{grid-template-columns:1fr 1fr}.ride-layout{grid-template-columns:1fr}footer{flex-wrap:wrap;gap:15px}}@media(max-width:520px){main{padding:20px 16px 0}.location{font-size:12px;align-items:flex-start}.hero{grid-template-columns:1fr;position:relative}.hero-copy{position:relative;z-index:1;padding:28px 24px;background:linear-gradient(90deg,#20201df5,#20201d95)}.hero-image{position:absolute;inset:0;opacity:.35}.hero h1{font-size:38px}.hero p{font-size:15px}.cards{grid-template-columns:1fr}.card{padding:22px}.restaurant-logo{float:left;margin:0 18px 20px 0}.card .meta{clear:both}.section-title{align-items:start;gap:12px}.section-title h2{font-size:21px}.section-title span{max-width:110px;text-align:right}.panel{padding:22px}.panel h1{font-size:31px}.demo{line-height:1.5}.activity{flex-direction:column}footer button{margin-left:0}nav button{font-size:14px}nav{gap:20px}}