:root { --gold:#f5bd39; --ink:#070707; --panel:#121212; --muted:#aaa49a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:#fff; font-family:Arial, Helvetica, sans-serif; }
button,a { -webkit-tap-highlight-color:transparent; }
main { min-height:100vh; overflow:hidden; position:relative; background:radial-gradient(circle at 50% 20%,#211909 0,transparent 34%),linear-gradient(180deg,#080808,#050505); }
.glow { position:absolute; border-radius:999px; filter:blur(90px); pointer-events:none; opacity:.16; background:var(--gold); }
.glow-one { width:340px;height:340px;right:-130px;top:120px; }
.glow-two { width:260px;height:260px;left:-150px;bottom:60px; }
.topbar { width:min(1120px,calc(100% - 40px)); margin:auto; padding:25px 0; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; border-bottom:1px solid #26231d; }
.brand { color:#fff;text-decoration:none;font-weight:900;letter-spacing:.08em;display:flex;align-items:center;gap:12px;font-size:14px; }
.brand-mark { width:38px;height:38px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;transform:rotate(-4deg);font-size:11px; }
.live-pill { color:#d1cdc4;font-size:10px;font-weight:800;letter-spacing:.17em;display:flex;align-items:center;gap:8px; }
.live-pill i,.bot-head span i { width:7px;height:7px;border-radius:50%;background:#43d17a;box-shadow:0 0 10px #43d17a;display:inline-block; }
.hero { width:min(960px,calc(100% - 36px)); margin:0 auto; text-align:center; padding:82px 0 32px; position:relative;z-index:1; }
.eyebrow { color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.28em;margin:0 0 19px; }
h1 { font-size:clamp(62px,10vw,120px);line-height:.79;letter-spacing:-.065em;margin:0;text-transform:uppercase;font-weight:950; }
h1 em { color:var(--gold);font-style:normal; }
.intro { max-width:630px;margin:30px auto 44px;color:#b8b3a9;font-size:17px;line-height:1.7; }
.bot-card { max-width:700px;margin:0 auto;background:rgba(18,18,18,.94);border:1px solid #332d20;border-radius:24px;padding:20px;box-shadow:0 28px 90px #000,0 0 0 1px rgba(245,189,57,.04);text-align:left; }
.bot-head { display:flex;align-items:center;gap:13px;padding:2px 2px 17px;border-bottom:1px solid #292929; }
.avatar { width:42px;height:42px;border-radius:12px;background:var(--gold);color:#090909;display:grid;place-items:center;font-weight:950; }
.bot-head strong { display:block;font-size:14px; }
.bot-head span { display:flex;align-items:center;gap:6px;color:#8f8b84;font-size:11px;margin-top:5px; }
.bot-head span i { width:6px;height:6px; }
.message { margin:18px 0;background:#1c1c1c;border-radius:4px 16px 16px 16px;padding:17px 18px;color:#e5e1da;line-height:1.55;font-size:14px;min-height:92px; }
.message p { margin:0; }
.message a { display:inline-flex;margin-top:12px;color:#090909;background:var(--gold);padding:9px 13px;border-radius:9px;text-decoration:none;font-weight:900;font-size:12px;gap:8px; }
.message small { display:block;color:#62dc91;margin-top:10px;font-weight:800; }
.actions { display:grid;grid-template-columns:repeat(5,1fr);gap:8px; }
.actions button { border:1px solid #39362f;background:#151515;color:#e8e3da;border-radius:11px;min-height:48px;padding:9px 7px;font-size:11px;font-weight:800;cursor:pointer;transition:.2s ease; }
.actions button:hover,.actions button:focus-visible { background:var(--gold);color:#080808;border-color:var(--gold);transform:translateY(-2px);outline:none; }
.socials { max-width:700px;margin:22px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px; }
.socials a { color:#fff;text-decoration:none;border:1px solid #242424;border-radius:14px;padding:15px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em; }
.socials span { display:block;color:#8f8b84;font-size:10px;text-transform:none;margin-top:5px;letter-spacing:0; }
.studio { width:min(1040px,calc(100% - 36px));margin:70px auto 30px;border-top:1px solid #28241b;padding:80px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;position:relative;z-index:1; }
.studio-copy { text-align:left; }
.studio-copy h2 { margin:0;font-size:clamp(44px,6vw,76px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase; }
.studio-copy h2 em { color:var(--gold);font-style:normal; }
.studio-copy>p:last-child { color:#9f9a91;line-height:1.7;max-width:430px;font-size:15px;margin-top:25px; }
.studio-panel { background:#111;border:1px solid #332d20;border-radius:24px;padding:23px;box-shadow:0 20px 70px #000; }
.studio-panel label { display:block;color:#a7a198;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.15em;margin:2px 0 10px; }
.platforms { display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:22px; }
.platforms button { border:1px solid #34312b;background:#181818;color:#c9c3b9;padding:11px 4px;border-radius:9px;font-size:11px;font-weight:900;cursor:pointer; }
.platforms button.selected { background:var(--gold);border-color:var(--gold);color:#090909; }
.studio-panel input { width:100%;background:#1a1a1a;border:1px solid #39352e;border-radius:11px;color:white;padding:14px 15px;font-size:14px;outline:none;margin-bottom:10px; }
.studio-panel input:focus { border-color:var(--gold); }
.generate,.copy-promo { width:100%;border:0;border-radius:11px;padding:14px;font-weight:950;cursor:pointer; }
.generate { background:var(--gold);color:#090909; }
.promo-output { margin:12px 0;background:#191919;border:1px dashed #39352e;border-radius:12px;min-height:112px;padding:16px;color:#6f6b65;white-space:pre-wrap;font-size:13px;line-height:1.55; }
.promo-output p { margin:0; }.promo-output.ready { color:#eee9df;border-style:solid; }
.copy-promo { background:#272727;color:#fff; }.copy-promo:disabled { opacity:.4;cursor:not-allowed; }
footer { color:#5f5b54;text-align:center;font-size:9px;font-weight:800;letter-spacing:.16em;padding:32px 15px 38px;position:relative; }
@media(max-width:680px){
  .topbar { width:calc(100% - 28px);padding:18px 0; }
  .brand { font-size:12px; }.live-pill { font-size:8px;letter-spacing:.1em; }
  .hero { padding-top:58px;width:calc(100% - 24px); }
  h1 { font-size:clamp(58px,21vw,88px); }
  .intro { font-size:14px;margin:25px auto 31px;padding:0 9px; }
  .bot-card { padding:14px;border-radius:19px; }
  .actions { grid-template-columns:repeat(2,1fr); }
  .actions button:last-child { grid-column:1/-1; }
  .socials { grid-template-columns:1fr; }
  .studio { grid-template-columns:1fr;gap:34px;padding:60px 0;margin-top:45px; }
  .studio-copy { text-align:center; }.studio-copy>p:last-child { margin-left:auto;margin-right:auto; }
  .platforms { grid-template-columns:repeat(2,1fr); }
}
:root{--gold:#c6a576}main{background:radial-gradient(ellipse at 5% 2%,#193140 0,transparent 48%),#090d10}.glow{display:none}.back{color:#dcc39c;font-size:13px;text-decoration:none}h1{font-family:Georgia,serif;font-size:clamp(49px,8vw,95px);line-height:.94;text-transform:none;letter-spacing:-.04em}.hero{padding-top:65px}.intro{margin-bottom:32px}.bot-card{max-width:820px;border-radius:8px;box-shadow:none;background:#10191f;border-color:#39434a}.mode-note{color:#c0c4c7;font-size:12px;line-height:1.65}.transcript{max-height:450px;overflow-y:auto;overscroll-behavior:contain}.message{min-height:0;background:#1b2932;border-radius:3px;font-size:15px}.message.you{background:#26251f;margin-left:25px}.message small{color:#d1b386;font-size:10px;margin-bottom:8px;display:block}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.message a{background:#d1b386;max-width:100%}.ask-form{text-align:left;margin:20px 0}.ask-form label{font-size:13px;color:#d2b68e}.ask-form>div{display:flex;gap:8px;margin-top:8px}.ask-form input{min-width:0;flex:1}.ask-form button{padding:12px 18px;background:var(--gold);color:#101010;font-weight:bold;border:0}.ask-form input,.studio-panel select,.studio-panel textarea{background:#0d1419;border:1px solid #53606a;border-radius:4px;color:#fff;padding:13px;width:100%;font:inherit}.actions{grid-template-columns:repeat(3,1fr)}.actions button{font-size:12px;border-radius:4px}.utility{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.utility button{background:none;border:1px solid #586570;color:#e0d3bf;padding:8px;font-size:12px;cursor:pointer}.studio-panel select,.studio-panel textarea{margin:0 0 18px}.studio-panel textarea{min-height:100px;resize:vertical}.studio-panel .draft{min-height:220px}.studio-panel label{color:#cbc3b8;line-height:1.5}.studio-panel{border-radius:8px}.studio-panel input{border-radius:4px}.studio-panel [role=status]{font-size:13px;color:#d6c3a7}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #efc88f;outline-offset:3px}footer a{color:#c8b18f}button{cursor:pointer}@media(max-width:680px){.actions{grid-template-columns:repeat(2,1fr)}.actions button:last-child{grid-column:auto}.brand{font-size:10px}.back{font-size:11px}.message{font-size:14px}.ask-form button{padding:12px}.topbar{gap:12px}.transcript{max-height:380px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
#assistant-mode{margin-bottom:8px}#ai-controls label{line-height:1.7}#ai-controls input[type=checkbox]{margin-right:8px}button:disabled{opacity:.5;cursor:not-allowed}.message p a{display:inline;background:transparent;color:#edd0a0;font:inherit;padding:0;margin:0;border-radius:0;text-decoration:underline}.transcript{scrollbar-gutter:stable}#ai-status{font-size:13px}