*{box-sizing:border-box;margin:0}body{font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;background:#000;color:#e7e9ea;padding-bottom:90px}
a{color:inherit}h1{font-size:clamp(34px,8vw,56px);letter-spacing:-.03em;line-height:1.05}h2{font-size:20px;margin:28px 0 12px}
main{max-width:960px;margin:0 auto;padding:0 16px}
.demo-bar{background:#1d9bf0;color:#fff;font-size:13px;padding:8px 16px;text-align:center}.demo-bar a{font-weight:700;white-space:nowrap}
.tierbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;padding:10px;border-bottom:1px solid #2f3336;font-size:13px;color:#71767b}
.tierbar button,.tabs button,.chips button{background:#16181c;color:#e7e9ea;border:1px solid #2f3336;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.tierbar button.on{background:#e7e9ea;color:#000;border-color:#e7e9ea;font-weight:700}
.tabs{display:flex;max-width:960px;margin:0 auto;position:sticky;top:0;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);z-index:5;border-bottom:1px solid #2f3336}
.tabs button{flex:1;border:0;border-radius:0;background:none;padding:14px 4px;font-size:15px;color:#71767b;border-bottom:3px solid transparent}
.tabs button.on{color:#e7e9ea;font-weight:700;border-color:#1d9bf0}.tabs button.lock::after,.btn.lock::after{content:" 🔒"}
.view{display:none;padding-top:16px}.view.on{display:block}
.hero{padding:28px 0 8px}.hero p{color:#71767b;margin:10px 0 18px;max-width:520px}.pill{display:inline-block;font-size:13px;border:1px solid #2f3336;border-radius:999px;padding:4px 10px;margin-bottom:14px;color:#71767b}
.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.btn{display:inline-block;background:#e7e9ea;color:#000;border:0;border-radius:999px;padding:11px 20px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.btn.ghost{background:none;color:#e7e9ea;border:1px solid #536471}.btn:disabled{opacity:.35;cursor:default}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.card{background:#16181c;border:1px solid #2f3336;border-radius:16px;padding:16px}
.svc{display:flex;justify-content:space-between;gap:8px;align-items:center;text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}
.svc b{color:#1d9bf0;white-space:nowrap}.svc small{display:block;color:#71767b}.svc.sel{border-color:#1d9bf0;background:#0b1a26}
.hours div,.list div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #2f3336}.hours div:last-child,.list div:last-child{border:0}.hours span,.list span{color:#a0a5aa}
.rev p{margin:6px 0}.rev small,.muted,.foot{color:#71767b;font-size:13px}.foot{margin:28px 0}
.steps{display:flex;gap:6px;font-size:12px;color:#71767b}.steps span{flex:1;border-top:3px solid #2f3336;padding-top:6px}.steps span.on{border-color:#1d9bf0;color:#e7e9ea}
.step{display:none}.step.on{display:block}
label{display:block;margin:10px 0;color:#a0a5aa;font-size:14px}select,input{display:block;width:100%;margin-top:4px;background:#000;color:#e7e9ea;border:1px solid #2f3336;border-radius:10px;padding:12px;font:inherit}
.days,.slots{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.slots{flex-wrap:wrap;margin-top:12px}
.days button,.slots button{flex:0 0 auto;background:#16181c;color:#e7e9ea;border:1px solid #2f3336;border-radius:12px;padding:10px 14px;font:inherit;cursor:pointer}
.days button.sel,.slots button.sel{border-color:#1d9bf0;background:#0b1a26}.slots button:disabled{opacity:.3;text-decoration:line-through}
.done{text-align:center;margin-top:12px}.done p{margin:10px 0}.check{width:56px;height:56px;border-radius:50%;background:#00ba7c;color:#000;font-size:30px;line-height:56px;margin:0 auto 10px}
.sample{background:#3a2a00;color:#ffd400;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}@media(min-width:760px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tile small{color:#71767b}.tile b{display:block;font-size:28px;letter-spacing:-.02em}.ok{color:#00ba7c}
.fab{position:fixed;right:16px;bottom:84px;z-index:8;background:#1d9bf0;color:#fff;border:0;border-radius:999px;padding:12px 18px;font:inherit;font-weight:700;box-shadow:0 6px 24px rgba(29,155,240,.4);cursor:pointer}
.chat{position:fixed;right:16px;bottom:84px;width:min(370px,calc(100vw - 32px));height:min(520px,calc(100vh - 120px));background:#000;border:1px solid #2f3336;border-radius:20px;display:none;flex-direction:column;z-index:9;box-shadow:0 10px 40px rgba(255,255,255,.08)}
.chat.on{display:flex}.chead{padding:12px 14px;border-bottom:1px solid #2f3336;position:relative}.chead small{display:block;color:#71767b}.chead button{position:absolute;right:10px;top:12px;background:none;border:0;color:#e7e9ea;font-size:18px;cursor:pointer}
.cbody{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.m{max-width:85%;padding:9px 13px;border-radius:18px;font-size:15px}.m.bot{background:#16181c;align-self:flex-start}.m.me{background:#1d9bf0;color:#fff;align-self:flex-end}
.chips{display:flex;gap:6px;overflow-x:auto;padding:0 12px 8px}.chips button{flex:0 0 auto}
#cform{display:flex;gap:6px;padding:10px;border-top:1px solid #2f3336}#cform input{margin:0}
.locked{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:20;padding:16px}.locked.on{display:flex}.locked .card{max-width:380px}.locked p{color:#a0a5aa;margin:8px 0 14px}
.cta{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:rgba(0,0,0,.9);backdrop-filter:blur(12px);border-top:1px solid #2f3336;z-index:7}.cta span{display:block;color:#71767b;font-size:13px}
.cta .btn{white-space:nowrap;flex:0 0 auto}.tabs button{font-size:14px}@media(max-width:420px){.tabs button{font-size:13px}}