/* chatapp.ai-sns.io legal + company content (tools/legal.py) in the ai-sns.io look */
.cl{position:relative;z-index:1}
.cl .container{max-width:960px;margin:0 auto;padding:0 var(--gutter,24px)}
.cl .hero{padding:clamp(120px,14vw,170px) 0 clamp(24px,4vw,40px) !important;text-align:start;min-height:0;display:block}
.cl .eyebrow{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.cl h1{font-family:var(--font-display);font-size:clamp(2.1rem,5.4vw,3.6rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 16px}
.cl .gradient-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl .lead{font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.7;color:var(--ink-dim);max-width:760px;margin:0 !important}
.cl .center .lead,.cl .section-head .lead{margin:0 auto !important}
.cl .meta{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);margin:14px 0 0}
.cl .section,.cl .section-sm{padding:clamp(16px,3vw,32px) 0 clamp(60px,8vw,100px)}
.cl .center{text-align:center}
.cl .section-head{max-width:720px;margin:0 auto clamp(24px,4vw,40px);text-align:center}
.cl .center{text-align:center}
.cl .card.center,.cl .grid .card{text-align:start}
.cl h2{font-family:var(--font-display);font-size:clamp(1.35rem,2.6vw,1.8rem);line-height:1.25;margin:clamp(34px,5vw,48px) 0 14px;scroll-margin-top:96px}
.cl h3{font-size:1.15rem;margin:26px 0 10px}
.cl h4,.cl .card h3{font-size:1rem;margin:0 0 8px;color:var(--ink)}
.cl--contact h2{font-size:1.15rem;margin:0 0 16px}
.cl p,.cl li{line-height:1.8;color:var(--ink-dim)}
.cl p{margin:0 0 14px}
.cl ul,.cl ol{padding-inline-start:1.3em;margin:0 0 16px}
.cl a{color:var(--cyan);text-underline-offset:3px}
.cl a:hover{text-decoration:underline}
.cl strong,.cl b{color:var(--ink)}
.cl .legal,.cl .card{border-radius:var(--m3d-radius,22px);border:1px solid var(--m3d-edge);background:var(--m3d-glass),rgba(12,12,24,.6);
  box-shadow:var(--m3d-shadow);padding:clamp(20px,3.5vw,40px)}
.cl .legal > h2:first-child,.cl .legal > *:first-child{margin-top:0}
.cl .card{padding:22px 24px}
.cl .card p:last-child{margin-bottom:0}
.cl .toc{border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.02);padding:18px 22px;margin:0 0 28px}
.cl .toc ol,.cl .toc ul{columns:2;column-gap:28px;margin:0}
.cl .toc li{break-inside:avoid;font-size:14px;line-height:1.7}
.cl .note{border-inline-start:3px solid var(--violet);background:rgba(139,92,255,.07);padding:14px 18px;border-radius:0 12px 12px 0;margin:0 0 22px}
.cl table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:15px}
.cl th,.cl td{text-align:start;vertical-align:top;padding:14px 16px;border-bottom:1px solid var(--line-2);line-height:1.7}
.cl th{width:30%;color:var(--ink);font-weight:600;background:rgba(255,255,255,.025)}
.cl td{color:var(--ink-dim)}
.cl thead th{width:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.cl .grid{display:grid;gap:18px}
.cl .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cl .grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cl .mt-3{margin-top:14px}
.cl .btn{display:inline-flex}
.cl .field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.cl .field label{font-size:13px;color:var(--ink-dim)}
.cl .input,.cl .select,.cl .textarea{font:inherit;font-size:16px;color:var(--ink);background:rgba(7,7,13,.6);border:1px solid var(--line);border-radius:14px;padding:12px 14px;width:100%;outline:none}
.cl .textarea{min-height:140px;resize:vertical}
.cl .input:focus,.cl .select:focus,.cl .textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(31,227,255,.12)}
.cl--contact .container{max-width:1040px !important}
@media (max-width:860px){.cl .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .cl .grid-2,.cl .grid-4{grid-template-columns:1fr}
  .cl .toc ol,.cl .toc ul{columns:1}
  .cl table,.cl tbody,.cl tr,.cl th,.cl td{display:block;width:100%}
  .cl th{border-bottom:0;padding-bottom:4px;background:none}
  .cl td{padding-top:0}
  .cl tr{border-bottom:1px solid var(--line-2);padding:10px 0}
  .cl thead{display:none}
}
.cl a.btn{text-decoration:none}
.cl a.btn--primary,.cl a.btn--primary:hover{color:#07070d}
.cl a.btn--ghost{color:var(--ink)}