.ai-preview{--ai-blue:#2f6fed;--ai-muted:#626c79;--ai-line:#e3e7ed;--ai-soft:#f4f6f9}
.ai-preview h1,.ai-preview h2,.ai-preview h3{margin:0;line-height:1.08;letter-spacing:-.04em}
.ai-preview h1{font-size:clamp(40px,5.2vw,70px);max-width:540px}
.ai-preview h2{font-size:clamp(30px,3.6vw,48px)}
.ai-preview h3{font-size:26px}
.ai-preview p{margin:20px 0 0;color:var(--ai-muted);font-size:17px;line-height:1.65}
.ai-preview .ai-hero{background:#090909;color:#fff;padding:62px 0}
.ai-preview .ai-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ai-preview .ai-status{font-size:16px;color:#f2c94c;margin-top:24px}
.ai-preview .ai-lead{font-size:20px;color:#c8cdd5;margin:0}
.ai-preview .ai-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:26px}
.ai-preview .ai-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;border-radius:28px;font-weight:600;font-size:15px;text-align:center;border:1px solid transparent;line-height:1.5}
.ai-preview .ai-primary{background:var(--ai-blue);color:#fff}
.ai-preview .ai-outline{border-color:#7c828b;color:#fff}
.ai-preview .ai-white{background:#fff;color:#090909}
.ai-preview .ai-hero-link{font-size:15px;color:#fff;text-decoration:underline;text-underline-offset:5px}
.ai-preview a:hover{text-decoration:underline;text-underline-offset:4px}
.ai-preview a:focus-visible,.ai-preview summary:focus-visible{outline:3px solid #6f95f5;outline-offset:5px}
.ai-preview .ai-section{padding:72px 0;scroll-margin-top:24px}
.ai-preview .ai-heading{max-width:720px;margin-bottom:34px}
.ai-preview .ai-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ai-preview .ai-card{background:#fff;border:1px solid var(--ai-line);border-radius:24px;padding:32px;min-width:0}
.ai-preview .ai-card p{font-size:16px;margin-top:18px}
.ai-preview .ai-development{border-left:3px solid var(--ai-blue);padding-left:18px;margin-top:28px;color:#343e4c}
.ai-preview .ai-text-link{display:inline-block;margin-top:22px;color:#245bc5;font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:4px}
.ai-preview .ai-soft{background:var(--ai-soft)}
.ai-preview .ai-split{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:start}
.ai-preview .ai-split>div>p:first-child{margin-top:0}
.ai-preview .ai-list{padding-left:20px;margin:22px 0 0;display:grid;gap:12px}
.ai-preview .ai-list li::marker{color:var(--ai-blue)}
.ai-preview .ai-dark{background:#090909;color:#fff}
.ai-preview .ai-dark p{color:#c8cdd5}
.ai-preview .ai-scenarios{list-style:none;padding:0;margin:0;display:grid;gap:22px}
.ai-preview .ai-scenarios li{padding-bottom:22px;border-bottom:1px solid var(--ai-line)}
.ai-preview .ai-scenarios h3{font-size:22px}
.ai-preview .ai-scenarios p{font-size:16px;margin-top:10px}
.ai-preview .ai-faq{border-top:1px solid var(--ai-line)}
.ai-preview details{border-bottom:1px solid var(--ai-line);padding:20px 0}
.ai-preview summary{font-size:17px;font-weight:600;cursor:pointer;padding-right:8px}
.ai-preview details p{font-size:16px;margin-top:14px}
.ai-preview .ai-final{display:grid;grid-template-columns:1fr auto;gap:38px;align-items:center;background:var(--ai-blue);color:#fff;padding:48px;border-radius:28px}
.ai-preview .ai-final h2{font-size:clamp(30px,3vw,42px)}
.ai-preview .ai-final p{color:#fff;max-width:760px}
@media(max-width:980px){
  .ai-preview .ai-hero-grid,.ai-preview .ai-split{gap:32px}
  .ai-preview .ai-card{padding:26px}
  .ai-preview .ai-final{padding:32px;gap:28px}
}
@media(max-width:760px){
  .ai-preview .ai-hero{padding:40px 0}
  .ai-preview .ai-hero-grid,.ai-preview .ai-split,.ai-preview .ai-final,.ai-preview .ai-card-grid{grid-template-columns:1fr}
  .ai-preview .ai-hero-grid{gap:24px}
  .ai-preview .ai-lead{font-size:18px}
  .ai-preview .ai-status{margin-top:18px}
  .ai-preview .ai-section{padding:48px 0}
  .ai-preview .ai-final{padding:28px 24px}
  .ai-preview .ai-final .ai-button{justify-self:start}
}