:root{--bg:#05050d;--panel:#0c0c16;--line:rgba(255,255,255,.11);--gold:#ffd700;--magenta:#d633ff;--muted:#a6a6b8;--green:#56e58e;--red:#ff6e7d;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:#fff;font-family:Inter,Poppins,ui-sans-serif,system-ui,-apple-system,sans-serif}body{overflow-x:hidden;background:radial-gradient(circle at 16% 20%,rgba(255,215,0,.055),transparent 28%),radial-gradient(circle at 83% 75%,rgba(214,51,255,.07),transparent 30%),#05050d}
button,input{font:inherit}a{color:inherit;text-decoration:none}.ambient{position:fixed;width:430px;height:430px;border-radius:50%;filter:blur(100px);opacity:.12;pointer-events:none}.ambient-one{top:-240px;left:-180px;background:var(--gold)}.ambient-two{right:-250px;bottom:-250px;background:var(--magenta)}
.masthead{position:relative;z-index:2;width:min(1320px,calc(100% - 48px));height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:43px;height:43px;object-fit:contain}.brand strong{display:block;font-size:17px;letter-spacing:-.02em}.brand span{display:block;margin-top:3px;color:var(--gold);font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.secure{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.secure i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(86,229,142,.8)}
.shell{position:relative;z-index:1;width:min(1320px,calc(100% - 48px));min-height:calc(100vh - 92px);margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.58fr);gap:clamp(34px,7vw,100px);align-items:center;padding:54px 0 68px}.story{min-width:0}.story-copy{max-width:760px}.eyebrow,.card-eyebrow{color:var(--gold);font-size:9px;font-weight:950;letter-spacing:.19em;text-transform:uppercase}.story h1{font-size:clamp(58px,8vw,108px);line-height:.82;letter-spacing:-.075em;margin:17px 0 28px}.story h1 em{color:var(--gold);font-style:normal}.story-copy>p{max-width:640px;color:#d7d7e1;font-size:clamp(16px,2vw,20px);line-height:1.6;margin:0}
.live-floor{position:relative;max-width:760px;margin-top:38px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(17,17,29,.96),rgba(8,8,16,.96));box-shadow:0 35px 90px rgba(0,0,0,.4);overflow:hidden}.floor-top,.floor-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.floor-top{border-bottom:1px solid rgba(255,255,255,.07)}.floor-top b{display:flex;align-items:center;gap:6px;color:var(--green)}.floor-top b i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.floor-canvas{position:relative;height:260px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:25px 25px;background-position:-1px -1px}.fixture{position:absolute;display:grid;place-items:center;border:1px dashed rgba(214,51,255,.35);border-radius:11px;background:rgba(214,51,255,.06);color:#bfa3c5;font-size:8px;font-weight:900;letter-spacing:.12em}.fixture.bar{left:4%;top:10%;width:20%;height:28%}.fixture.kitchen{right:4%;bottom:10%;width:22%;height:25%}
.demo-table{position:absolute;width:72px;height:55px;border:2px solid rgba(255,255,255,.4);border-radius:9px;background:#ededeb;color:#101019;display:grid;place-items:center;align-content:center;font-weight:950;box-shadow:0 9px 18px rgba(0,0,0,.35)}.demo-table span{font-size:13px}.demo-table small{font-size:7px}.demo-table>i{position:absolute;width:18px;height:8px;border-radius:4px;background:#63344b;border:1px solid #ba688e}.demo-table>i:nth-of-type(1){left:8px;top:-9px}.demo-table>i:nth-of-type(2){right:8px;top:-9px}.demo-table>i:nth-of-type(3){left:8px;bottom:-9px}.demo-table>i:nth-of-type(4){right:8px;bottom:-9px}.demo-table>i:nth-of-type(5){left:-10px;top:23px;transform:rotate(90deg)}.demo-table>i:nth-of-type(6){right:-10px;top:23px;transform:rotate(90deg)}.demo-table.round{width:62px;height:62px;border-radius:50%}.demo-table.open{background:var(--gold)}.demo-table.bill{background:var(--magenta);color:#fff}.t1{left:32%;top:18%}.t2{left:55%;top:14%}.t3{left:30%;bottom:12%}.t4{left:52%;bottom:12%;width:96px}
.floor-foot{justify-content:flex-start;gap:18px;border-top:1px solid rgba(255,255,255,.07)}.floor-foot span{display:flex;align-items:center;gap:6px}.floor-foot i{width:7px;height:7px;border-radius:50%;background:#ededeb}.floor-foot i.occupied{background:var(--gold)}.floor-foot i.requested{background:var(--magenta)}
.product-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:760px;margin-top:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.08)}.product-proof div{padding:14px;background:#090911}.product-proof strong,.product-proof span{display:block}.product-proof strong{font-size:10px}.product-proof span{margin-top:4px;color:var(--muted);font-size:8px}
.access-card{position:relative;min-height:590px;padding:clamp(24px,4vw,38px);border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(160deg,rgba(16,16,28,.96),rgba(8,8,16,.98));box-shadow:0 40px 110px rgba(0,0,0,.55);overflow:hidden}.access-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--magenta),transparent)}.card-mark{display:flex;align-items:center;justify-content:space-between;margin-bottom:46px}.card-mark span{font-size:10px;font-weight:950;letter-spacing:.22em}.card-mark i{width:9px;height:9px;border:2px solid var(--gold);border-radius:50%;box-shadow:0 0 16px rgba(255,215,0,.5)}
.access-view{display:none;animation:enter .28s ease}.access-view.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.access-view h2{font-size:clamp(29px,4vw,39px);letter-spacing:-.045em;margin:8px 0 8px}.intro{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 25px}.access-view form{display:grid;gap:16px}.access-view label{display:grid;gap:7px;color:#d6d6df;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.access-view input{width:100%;height:50px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.045);color:#fff;outline:none}.access-view input:focus{border-color:rgba(255,215,0,.65);box-shadow:0 0 0 3px rgba(255,215,0,.07)}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:7px;top:7px;height:36px;padding:0 9px;border:0;border-radius:9px;background:rgba(255,255,255,.07);color:var(--muted);font-size:9px;font-weight:900;cursor:pointer}
.form-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.session-copy{color:var(--muted);font-size:8px;line-height:1.4}.text-action{border:0;background:none;color:var(--gold);font-size:10px;font-weight:800;cursor:pointer}
.primary-action,.secondary-action,.google-action{width:100%;min-height:50px;border-radius:13px;cursor:pointer;font-weight:900}.primary-action{display:flex;align-items:center;justify-content:space-between;padding:0 17px;border:0;background:var(--gold);color:#151000;box-shadow:0 15px 32px rgba(255,215,0,.13)}.primary-action b{font-size:19px}.primary-action:disabled{opacity:.56;cursor:wait}.secondary-action{margin-top:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff}.google-action{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);background:#fff;color:#15151d}.google-action img{width:17px;height:17px}.divider{display:flex;align-items:center;gap:10px;margin:20px 0;color:#747587;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.divider:before,.divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.08)}
.security-note{margin:20px 0 0;padding:12px;border-left:2px solid rgba(255,215,0,.5);background:rgba(255,215,0,.035);color:var(--muted);font-size:9px;line-height:1.55}.status{display:none;margin:0 0 16px;padding:11px 12px;border:1px solid rgba(255,110,125,.25);border-radius:11px;background:rgba(255,110,125,.07);color:#ffc2c9;font-size:10px;line-height:1.45}.status.show{display:block}.status.success{border-color:rgba(86,229,142,.25);background:rgba(86,229,142,.07);color:#b6f8cf}
.loading-orbit{width:74px;height:74px;margin:80px auto 28px;border:1px solid rgba(255,215,0,.18);border-radius:50%;display:grid;place-items:center;animation:rotate 1.7s linear infinite}.loading-orbit:after{content:"";width:42px;height:42px;border:2px solid transparent;border-top-color:var(--gold);border-radius:50%}.loading-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--magenta);transform:translateY(-37px)}@keyframes rotate{to{transform:rotate(360deg)}}#loadingView{text-align:center}#loadingView p{color:var(--muted);font-size:12px}
.venue-list{display:grid;gap:9px;margin:22px 0}.venue-choice{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;width:100%;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);color:#fff;text-align:left;cursor:pointer}.venue-choice:hover{border-color:rgba(255,215,0,.5);background:rgba(255,215,0,.055)}.venue-choice i{width:42px;height:42px;border-radius:12px;background:rgba(255,215,0,.1);color:var(--gold);display:grid;place-items:center;font-style:normal;font-weight:950}.venue-choice strong,.venue-choice small{display:block}.venue-choice small{margin-top:3px;color:var(--muted);font-size:9px}.venue-choice b{color:var(--gold)}
.activation-icon,.error-icon{width:55px;height:55px;margin-bottom:24px;display:grid;place-items:center;border-radius:16px;background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.25);color:var(--gold);font-size:22px;font-weight:950}.error-icon{background:rgba(255,110,125,.08);border-color:rgba(255,110,125,.25);color:var(--red)}.activation-note{display:grid;gap:6px;margin:22px 0;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}.activation-note strong{font-size:11px}.activation-note span{color:var(--muted);font-size:10px;line-height:1.5}
.access-card footer{position:absolute;left:38px;right:38px;bottom:22px;display:flex;gap:15px;color:#747587;font-size:8px}.access-card footer span{margin-right:auto}
@media(max-width:980px){.shell{grid-template-columns:1fr;max-width:720px}.story h1{font-size:72px}.story-copy{text-align:center;margin:auto}.story-copy>p{margin:auto}.live-floor,.product-proof{margin-left:auto;margin-right:auto}.access-card{min-height:570px}.story{order:2}.access-card{order:1}}
@media(max-width:600px){.masthead,.shell{width:min(100% - 28px,1320px)}.masthead{height:76px}.secure{display:none}.shell{padding:25px 0 42px}.access-card{padding:24px 20px;min-height:600px;border-radius:22px}.card-mark{margin-bottom:34px}.access-card footer{left:20px;right:20px}.story{display:none}.form-meta{align-items:flex-start}.product-proof{grid-template-columns:1fr}.venue-choice{grid-template-columns:38px 1fr auto}.venue-choice i{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}