/* /ai-assistants — connecting ChatGPT or Claude to an Edilab account (generated by gen_company.py).
   Builds on home.css, svc.css and company.css; only what this page adds. */
.ai-hero .hero-copy{padding-bottom:clamp(56px,8vh,92px)}

.ai-whats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ai-what{display:flex;flex-direction:column;gap:12px;padding:24px}
.ai-what h3,.ai-need h3,.ai-url h3,.ai-control h3{margin:0;font-size:18px;font-weight:400;letter-spacing:-.015em;line-height:1.3}
.ai-what p,.ai-need p,.ai-url p,.ai-control p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink2)}

.ai-before{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.ai-need{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:18px}
.ai-need li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.ai-need .n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#f1e9fe;color:var(--brand-ink);font-size:14px}
.ai-need p{margin-top:4px}
.ai-url{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,3vw,32px)}
.ai-url code{display:block;padding:14px 16px;border-radius:14px;background:var(--lav);border:1px solid rgba(124,92,190,.14);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;color:var(--ink);overflow-wrap:anywhere;user-select:all;-webkit-user-select:all}

.ai-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.ai-guide{padding:clamp(22px,3vw,32px);scroll-margin-top:110px}
.ai-guide-h{display:flex;align-items:center;gap:14px}
.ai-guide-h h3{margin:0;font-size:22px;font-weight:400;letter-spacing:-.02em}
.ai-guide-h small{font-size:13px;color:var(--ink3)}
.ai-mark{flex:none;width:46px;height:46px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;color:#fff;background:var(--brand-ink)}
.ai-mark-chatgpt{background:#14111c}
.ai-mark-claude{background:#b4532f}
.ai-mark-gemini{background:#3d6fd8}
.ai-plans{margin:18px 0 0;padding:14px 16px;border-radius:14px;background:var(--lav);font-size:14px;line-height:1.6;color:var(--ink2)}
.ai-plans b{font-weight:400;color:var(--ink)}
.ai-steps{margin:20px 0 0;padding:0;list-style:none;counter-reset:ai;display:grid;gap:14px}
.ai-steps li{counter-increment:ai;position:relative;padding-left:44px;font-size:15px;line-height:1.6;color:var(--ink2)}
.ai-steps li::before{content:counter(ai);position:absolute;left:0;top:-2px;width:30px;height:30px;border-radius:50%;background:#f1e9fe;color:var(--brand-ink);font-size:13px;display:flex;align-items:center;justify-content:center}
.ai-steps b,.ai-note b{font-weight:400;color:var(--ink)}
.ai-note{margin:16px 0 0;font-size:14px;line-height:1.6;color:var(--ink2)}
.ai-src{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:13px;line-height:1.55;color:var(--ink3)}
.ai-src a,.ai-perms a,.faq-l a{color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.ai-soon{display:flex;align-items:center;gap:14px;margin-top:16px;padding:18px 22px}
.ai-soon p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink2)}
.ai-soon b{font-weight:400;color:var(--ink)}

.ai-prompts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.ai-prompt{grid-column:span 2;display:flex;flex-direction:column;gap:10px;padding:22px}
.ai-prompt:nth-child(4){grid-column:2 / span 2}
.ai-prompt q{font-size:18px;line-height:1.4;letter-spacing:-.015em;color:var(--ink)}
.ai-prompt p{margin:0;font-size:14px;line-height:1.6;color:var(--ink2);flex:1}
.ai-prompt small{font-size:12.5px;line-height:1.5;color:var(--ink3)}
.ai-prompt small b{font-weight:400;color:var(--brand-ink)}

.ai-perms{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:start}
.ai-perms .ticks{margin-top:22px}
.ai-table-wrap{padding:6px 0;overflow-x:auto}
.ai-table{width:100%;border-collapse:collapse;font-size:14px}
.ai-table th,.ai-table td{padding:12px 18px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.ai-table thead th{border-top:0;font-size:12px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.ai-table tbody th{font-weight:400;color:var(--ink);width:30%}
.ai-table td b{font-weight:400;color:var(--ink)}
.ai-table td small{display:block;margin-top:3px;line-height:1.5;color:var(--ink2)}
.ai-table td small.ai-warn{color:#87560c}
.ai-tag{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:999px;font-size:11.5px;background:#eef1f6;color:var(--ink2);vertical-align:1px}
.ai-tag-w{background:#f1e9fe;color:var(--brand-ink)}
.ai-def{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12.5px;background:#f3f2f5;color:var(--ink2)}
.ai-def.on{background:#e6f4ec;color:#1f7a4e}

.ai-control{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ai-control li{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r);background:#fff;border:1px solid rgba(124,92,190,.07);box-shadow:var(--card-sh)}
.ai-after{max-width:760px;margin:24px auto 0;text-align:center;font-size:14.5px;line-height:1.65;color:var(--ink2)}

@media (max-width:1080px){
  .ai-control{grid-template-columns:1fr 1fr}
  .ai-prompts{grid-template-columns:1fr 1fr}
  .ai-prompt,.ai-prompt:nth-child(4){grid-column:auto}
}
@media (max-width:900px){
  .ai-whats,.ai-guides,.ai-before,.ai-perms{grid-template-columns:1fr}
}
@media (max-width:760px){
  .ai-prompts,.ai-control{grid-template-columns:1fr}
  .ai-table th,.ai-table td{padding:11px 14px}
  .ai-table tbody th{width:auto}
}
@media (max-width:560px){
  /* phones: the area becomes a label above its permissions instead of a column */
  .ai-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .ai-table,.ai-table tbody,.ai-table tr{display:block}
  .ai-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;border-top:1px solid var(--line)}
  .ai-table tbody th{grid-column:1 / -1;border-top:0;padding-bottom:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-ink)}
  .ai-table td{border-top:0}
}