:root{--ink:#202b3a;--paper:#f5f6fa;--surface:#ffffff;--border:#e1e5ed;--muted:#596779;--soft:#eef1f7;--accent:#5752d5;--on-accent:#ffffff;--focus:#5752d5}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;font-size:16px}header,main,footer{max-width:1200px;margin:auto}header{height:105px;display:flex;justify-content:space-between;align-items:center;padding:0 32px}.brand{font-size:31px;letter-spacing:-2px;font-weight:700;text-decoration:none;color:var(--ink)}.brand span{color:var(--accent);margin-left:7px}nav{display:flex;align-items:center;gap:30px}nav a{color:var(--ink);text-decoration:none;font-size:14px}button{border:0;background:var(--ink);color:white;padding:17px 24px;border-radius:8px;font-size:15px;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.14)}button:disabled{opacity:.5;cursor:not-allowed}.small{padding:12px 18px}.secondary{background:var(--soft);color:var(--ink)}main{padding:0 32px}section{padding:64px 0;border-bottom:1px solid var(--border)}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding:70px 0 90px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--muted)}h1{font-size:72px;line-height:1.08;font-weight:500;letter-spacing:-4px;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--ink)}.lead{font-size:18px;line-height:1.7;max-width:500px;margin-bottom:28px}.muted{font-size:12px;line-height:1.7;color:var(--muted)}.demo{background:var(--soft);padding:26px;border-radius:24px;transform:rotate(2deg);box-shadow:0 25px 65px #233c3110}.demo-top{display:flex;align-items:center;gap:12px;margin-bottom:28px;font-size:14px}.avatar{background:var(--ink);color:white;padding:13px;border-radius:50%;font-weight:bold}.demo small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.dot{width:8px;height:8px;border-radius:50%;background:#7da75a;margin-left:auto}.bubble{padding:20px;line-height:1.65;font-size:15px;border-radius:14px;margin-bottom:17px}.you{background:var(--ink);color:white;margin-left:38px;border-bottom-right-radius:2px}.bot{background:white;margin-right:20px;border-bottom-left-radius:2px}.note{font-size:12px;padding:15px;text-align:center}.note span{font-size:25px;vertical-align:middle;margin-right:10px}h2{font-size:36px;letter-spacing:-1.3px;font-weight:500;margin:15px 0 30px}h3{font-size:22px;font-weight:500;margin:16px 0}.steps{display:flex;gap:24px}.steps article{flex:1;background:var(--soft);border-radius:12px;padding:28px}.steps article>span{font-size:11px;letter-spacing:1.5px;color:var(--muted)}.steps p{line-height:1.65;font-size:14px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.plan{border:1px solid var(--border);border-radius:14px;padding:30px}.plan:nth-child(2){background:var(--soft)}.plan h3{font-size:30px}.plan p{line-height:1.7}.plan .credits{font-size:24px}.workspace-title{display:flex;justify-content:space-between;align-items:center}label{display:block;font-size:13px;margin:15px 0}input,select{display:block;width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;background:white;margin-top:7px;font:inherit}form button{width:100%;margin-top:10px}.channel{min-width:50%}footer{padding:45px 32px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}dialog{border:1px solid var(--border);border-radius:16px;padding:38px;max-width:430px;width:90%;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#18261d88}.close{position:absolute;right:10px;top:5px;background:none;color:var(--ink);font-size:25px;padding:8px}.text-button{background:none;color:var(--ink);padding:18px 0;font-size:13px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:18px 24px;background:var(--ink);color:white;border-radius:10px;max-width:90%;z-index:5}#auth-error{font-size:13px;color:#a33324}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}@media(max-width:760px){header{height:85px}nav a{display:none}.hero{grid-template-columns:1fr;gap:40px;padding:30px 0 55px}h1{font-size:54px}.demo{transform:none}h2{font-size:29px}.steps{flex-direction:column}.plans{grid-template-columns:1fr}footer{display:block}section{padding:40px 0}.workspace-title{align-items:flex-start;gap:12px}}

button,.button-link{background:var(--accent);color:var(--on-accent)!important;transition:box-shadow .15s,transform .15s;min-height:44px}
button:hover{filter:none;box-shadow:0 4px 12px #18263b18;transform:translateY(-1px)}
button:disabled{transform:none;box-shadow:none}.secondary,.text-button,.close{background:var(--soft);color:var(--ink)!important}
.brand{letter-spacing:-1.2px}.brand span{color:var(--accent)}
input,select,textarea{color:var(--ink);background:var(--surface);border-color:var(--border);min-height:44px}
input:focus,select:focus,textarea:focus{border-color:var(--focus)}
a{color:var(--ink);text-underline-offset:4px}.plans{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.plan{background:var(--surface);box-shadow:0 5px 20px #18263b04}.plan:nth-child(2){background:var(--surface);border-top:3px solid var(--accent)}
.plan p{color:var(--muted)}.plan .credits{color:var(--ink)}.demo{transform:none;border:1px solid var(--border)}

.avatar,.bubble.you{background:var(--accent);color:var(--on-accent)}.avatar{display:grid;place-items:center;min-width:44px;min-height:44px}.demo{background:var(--soft)}

.legal-links{padding:22px;text-align:center;font-size:12px;color:var(--muted)}.session-logout{margin:16px}.legal-document{max-width:850px;padding:40px 24px;line-height:1.8}.legal-document h1{font-size:40px;letter-spacing:-1px}.legal-document h2{font-size:23px;margin-top:32px}.legal-draft{padding:18px;background:#fff3d6;border:1px solid #d6bc77;border-radius:10px;color:#49380d}.dashboard>.legal-links{margin-left:235px}@media(max-width:700px){.dashboard>.legal-links{margin-left:0}}

.consent-row{line-height:1.6}.consent-row input{display:inline-block;width:18px;min-height:18px;margin:0 6px 0 0;vertical-align:middle}#legal-consent{border:0;padding:0}
