/* Shared commerce styling for the selected Room direction. No launch configuration. */
@font-face{font-family:"Geist";src:url('/assets/fonts/geist-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Geist";src:url('/assets/fonts/geist-medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
:root{--bg:#090907;--fg:#eee8dc;--card:#12120e;--card-2:#191810;--accent:#d8b879;--focus:#edcc90;--line:rgba(216,184,121,.21);--line-strong:rgba(216,184,121,.55);--radius:3px;--wrap:1280px}
body{font-synthesis:none}.topbar{display:none}.nav{min-height:92px;border-bottom:1px solid var(--line)}.brand{font-size:14px;letter-spacing:.08em}.nav-links a[aria-current="page"]{color:var(--accent)}
h1,h2{font-weight:500;font-style:normal;line-height:1.08}.hero{padding:clamp(65px,8vw,110px) 0 56px}.hero h1{max-width:17ch;font-size:clamp(40px,5.3vw,76px)}.hero .lead{max-width:54ch;font-size:17px;margin-top:26px}
.section{padding:64px 0}.plans{gap:26px}.plan{border-radius:3px;background:transparent}.plan.featured{border-color:var(--accent);background:linear-gradient(145deg,#242014,#11110c)}.plan .price{font-weight:500;letter-spacing:-.045em}.plan .note{line-height:1.7}.plan .founder{color:var(--accent);background:#d8b87914;border-color:#d8b87955}
.btn{border-radius:2px;min-height:48px}.btn.primary{background:#dfc28e;border-color:#dfc28e;color:#15120b}.btn.primary:hover{background:#efd3a1}.notice{border-radius:2px;padding:24px}.notice.accent{border:1px solid var(--line-strong);background:#d8b8790c;color:var(--fg)}.notice strong{font-weight:500}
.form{max-width:780px;padding:32px;border:1px solid var(--line-strong);border-radius:3px}.form .field{margin-bottom:24px}.form .radio-list label{padding:14px;border-radius:2px}.form input{border-radius:2px}.steps li{border-color:var(--line)}.keybox{border-radius:2px;border-color:var(--line-strong)}
[hidden]{display:none!important}.footer{margin-top:44px;background:transparent}.footer .cols{padding-top:34px}.eyebrow{color:var(--accent);font-size:12px}.card .num{color:var(--accent);font-size:12px}.lang button{min-height:34px}
@media(max-width:700px){.nav{flex-wrap:wrap;padding:22px 0;gap:20px}.nav-links{order:3;width:100%;font-size:13px;gap:12px 18px}.brand{font-size:12px}.plans{gap:20px}.hero h1{font-size:clamp(36px,10vw,52px)}.hero .lead{font-size:16px}.form{padding:22px 18px}.section{padding:44px 0}.notice{padding:20px}.footer .cols{gap:28px}}
