/* CbiGPT site chrome: footer under the chat + About / Terms / Disclaimer pages */
:root{--gold:#C9A84C;--gold-bright:#E6D08A;--bg:#0c0c0e;--bg2:#121215;--surface:#17171b;--border:#2a2a31;
  --text:#ece9e2;--text2:#aca99f;--muted:#7d7a72;
  --display:'Cormorant Garamond',Georgia,serif;--body:'Roboto',system-ui,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 var(--body);-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-bright)}

/* footer */
.cf{display:flex;align-items:center;gap:18px;padding:10px 20px;border-top:1px solid var(--border);
  background:linear-gradient(180deg,#0e0e10,#0b0b0d);font-size:12px;line-height:1.45;color:var(--muted)}
.cf-logo{flex:none;display:flex}.cf-logo img{height:26px;width:auto;display:block}
.cf-disc{flex:1;min-width:0;margin:0}
.cf nav{flex:none;display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center}
.cf nav a{color:var(--text2)}.cf nav a:hover{color:var(--gold-bright)}
.cf-copy{color:var(--muted)}
@media (max-width:760px){
  .cf{flex-wrap:wrap;gap:6px 14px;padding:8px 16px calc(8px + env(safe-area-inset-bottom))}
  .cf-logo img{height:20px}
  .cf-disc{order:3;flex-basis:100%;font-size:11px}
  .cf nav{margin-left:auto;gap:4px 12px}
  .cf-copy{display:none}
}

/* content pages */
body.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body.page .pg{flex:1 0 auto;width:100%}
body.page .pg-top{width:100%}
.pg-top{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:880px;margin:0 auto;padding:22px 20px}
.pg-top img{height:34px;width:auto;display:block}
.pg-back{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-weight:600;font-size:14px;
  color:#1c1608;background:linear-gradient(135deg,#F3E2A4 0%,#E2C26E 38%,#C9A84C 68%,#A8842F 100%)}
.pg-back:hover{color:#1c1608;filter:brightness(1.06)}
.pg{max-width:880px;margin:0 auto;padding:12px 20px 56px;
  background-image:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(201,168,76,.07),transparent)}
.pg h1{font-family:var(--display);font-weight:600;font-size:44px;line-height:1.1;margin:18px 0 6px;color:#fff}
.pg .upd{color:var(--muted);font-size:13px;margin:0 0 28px}
.pg h2{font-family:var(--display);font-weight:600;font-size:26px;line-height:1.2;margin:36px 0 8px;color:var(--gold-bright)}
.pg p,.pg li{color:var(--text);max-width:72ch}
.pg ul{padding-left:20px}
.pg .lead{font-size:17px;color:var(--text2)}

.brands{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:18px 0 8px}
.brand{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--border);border-radius:14px;
  background:var(--surface);color:var(--text);transition:border-color .2s,transform .2s}
.brand:hover{border-color:#9A7B2E;transform:translateY(-2px);color:var(--text)}
.brand .lg{height:44px;display:flex;align-items:center;gap:10px}
.brand .lg img{height:40px;width:auto}
.brand .wm{font-family:var(--display);font-size:26px;font-weight:600;color:#fff;letter-spacing:.005em;white-space:nowrap}
.brand .wm b,.brand .wm em{font-style:normal;font-weight:700;color:var(--gold-bright)}
.brand p{margin:0;color:var(--text2);font-size:14px}
.brand .url{font-size:13px;color:var(--gold)}
@media (max-width:600px){.pg h1{font-size:34px}.pg-top img{height:28px}}