.surface{background:#f9fafa;color:#0d273a;border:1px solid #E7E9EB;border-radius:16px;padding:24px}.surface--dark{background:#253d4e;color:#fff;border-color:#3d5261}.lp-title{text-align:center;margin:0 0 12px}.lp-subtitle{text-align:center;max-width:600px;margin:0 auto 40px;line-height:1.5}.lp-ai__grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 600px){.lp-ai__grid{grid-template-columns:repeat(2,1fr)}}.lp-ai__card{display:flex;flex-direction:column;align-items:flex-start}.lp-ai__card-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}.lp-ai__card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.lp-ai__card-icon--mcp{background:#fd633e}.lp-ai__card-icon--claude{background:#b87333}.lp-ai__card-icon--chatgpt{background:#10a37f}.lp-ai__card-icon--openapi{background:#566875}.lp-ai__card-title{font-size:1rem;line-height:1.15;margin-top:0;margin-bottom:2px}.lp-ai__card-badge{display:inline-block;font-size:.75rem;color:#6e7d89;background:#f3f4f5;padding:2px 8px;border-radius:4px}.lp-ai__card-text{color:#566875;font-size:.9rem;line-height:1.5;margin:0 0 12px}.lp-ai__card-platforms{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.lp-ai__card-platform{font-size:.78rem;background:#f3f4f5;padding:3px 8px;border-radius:4px;color:#566875}.lp-ai__card-link{font-size:.9rem;font-weight:600;color:#fd633e;margin:auto 0 0}.lp-ai__card-link:hover{opacity:.75}.lp-faq__title{text-align:center;margin-bottom:8px}.lp-faq__subtitle{text-align:center;margin:0 auto 32px}.lp-faq__accordion{display:flex;flex-direction:column;gap:8px;max-width:752px;margin:0 auto}.lp-faq__accordion a{text-decoration:underline}.code-section{display:grid;gap:16px}@media (min-width: 900px){.code-section{align-items:center;grid-template-columns:minmax(400px,1fr) minmax(0,1fr);gap:32px 56px;justify-content:space-between}}.code-section__title{text-align:center;margin:0}@media (min-width: 900px){.code-section__title{grid-column:1/3}.code-section--compact .code-section__title{grid-column:2;grid-row:1;text-align:left;margin-top:auto}}.code-section__code{max-width:560px;min-width:0;margin:0 auto;width:100%;font-size:14px;line-height:19px;display:flex;flex-direction:column}@media (min-width: 900px){.code-section__code{margin-left:0;grid-row:2/3}.code-section--compact .code-section__code{grid-row:1/3}}.code-section__note{text-align:center;font-size:11px;line-height:16px;margin-top:1em;color:#566875}@media (min-width: 900px){.code-section__note{text-align:left}}.code-section__text{text-align:center;display:flex;flex-direction:column;align-items:center}@media (min-width: 900px){.code-section__text{text-align:left;align-items:flex-start}.code-section--compact .code-section__text{margin-bottom:auto}}.code-section__subtitle{margin:0 0 20px;text-align:center}@media (min-width: 900px){.code-section__subtitle{text-align:left}}.code-section__desc{text-align:center;margin-top:0}@media (min-width: 900px){.code-section__desc{text-align:left}}.code-section__btns{display:flex;flex-wrap:wrap;place-content:center center;margin-top:16px;gap:16px}@media (min-width: 900px){.code-section__btns{justify-content:flex-start}}.code-section .btn{width:100%}@media (min-width: 512px){.code-section .btn{width:auto}}.home-ai{padding:44px 0}.home-ai__proof{font-size:14px;color:inherit;line-height:1.6;margin-top:32px}.home-ai__proof a{font-weight:500}.home-faq{padding:44px 0}.hero-footer{display:flex;align-items:center;flex-direction:column;gap:8px 12px;width:100%;margin:8px auto 0;padding:0 4px;justify-content:center}@media (min-width: 350px){.hero-footer{flex-flow:row wrap}}@media (min-width: 900px){.hero-footer{max-width:540px}}@media (min-width: 1100px){.hero-footer{justify-content:flex-end}}.hero-footer__link{display:inline-flex;align-items:center;gap:5px;color:#ffffffb3;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ffffff4d;font-size:12px;font-weight:500;letter-spacing:.3px;transition:color .2s,text-decoration-color .2s;text-shadow:0 0 4px rgba(13,39,58,.15)}.hero-footer__link:hover,.hero-footer__link:focus{color:#fff;text-decoration-color:#ffffffb3}.hero-footer__icon{flex-shrink:0;opacity:.8}.hero-footer__sep{display:none}@media (min-width: 350px){.hero-footer__sep{display:block;width:1px;height:12px;background:#ffffff40}}
