.concepts-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px;display:grid}@media (min-width:992px){.concepts-grid{grid-template-columns:repeat(3,1fr)}}.concept-card{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:32px;transition:all .3s}.concept-card:hover{border-color:#502d80;transform:translateY(-2px);box-shadow:0 4px 12px #502d801a}.concept-icon-wrapper{justify-content:center;margin-bottom:24px;display:flex}.concept-card h3{color:#000;margin-bottom:16px;font-size:20px;font-weight:600}.concept-card p{color:#666;margin-bottom:20px;line-height:1.6}.concept-example{color:#333;text-align:left;background:#f5f5f5;border-radius:8px;padding:16px;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:14px}.process-steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:48px;display:grid}@media (min-width:768px){.process-steps-grid{grid-template-columns:repeat(3,1fr)}}.process-step{text-align:center;padding:24px}.step-number{color:#fff;background:#502d80;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;font-weight:700;display:inline-flex}.process-step h3{color:#000;margin-bottom:12px;font-size:18px;font-weight:600}.process-step p{color:#666;font-size:15px;line-height:1.5}.api-flow-card{background:#f8f6fe;border-radius:16px;margin-top:48px;padding:48px}.api-flow-card h3{text-align:center;color:#000;margin-bottom:32px;font-size:24px;font-weight:600}.api-flow-diagram{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:32px;display:grid}@media (max-width:768px){.api-flow-diagram{grid-template-columns:1fr;gap:24px}}.api-flow-item{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:32px;transition:all .3s;position:relative}.api-flow-item:hover{border-color:#502d80;transform:translateY(-2px);box-shadow:0 4px 12px #502d801a}.api-flow-item:before{content:attr(data-step);color:#fff;background:#502d80;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;position:absolute;top:-12px;left:24px}.api-flow-icon{justify-content:center;margin-bottom:20px;display:flex}.api-flow-item h4{color:#000;margin-bottom:12px;font-size:18px;font-weight:600}.api-flow-item p{color:#666;font-size:15px;line-height:1.5}.api-flow-arrow{display:none}.workflow-steps-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:48px;display:grid}@media (min-width:992px){.workflow-steps-grid{grid-template-columns:repeat(3,1fr)}}.workflow-step{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:32px;transition:all .3s}.workflow-step-icon{justify-content:center;margin-bottom:24px;display:flex}.workflow-step h3{color:#000;margin-bottom:16px;font-size:20px;font-weight:600}.workflow-step p{color:#666;line-height:1.6}.ai-features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:48px;display:grid}@media (min-width:768px){.ai-features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.ai-features-grid{grid-template-columns:repeat(4,1fr)}}.ai-feature-card{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:32px;transition:all .3s}.ai-feature-card:hover{border-color:#502d80;transform:translateY(-2px);box-shadow:0 4px 12px #502d801a}.ai-feature-icon{justify-content:center;margin-bottom:24px;display:flex}.ai-feature-card h3{color:#000;margin-bottom:16px;font-size:20px;font-weight:600}.ai-feature-card p{color:#666;font-size:15px;line-height:1.6}.ai-example-card{background:#f8f6fe;border-radius:16px;margin-bottom:0;padding:48px;margin-top:80px!important}.section-home-practices{margin-top:-60px}.ai-example-card h3{color:#000;text-align:center;margin-bottom:32px;font-size:24px;font-weight:600}.ai-conversation{max-width:800px;margin:0 auto}.ai-message{border-radius:12px;margin-bottom:24px;padding:20px}.ai-message.user{background:#e6f7ff;border:1px solid #91d5ff}.ai-message.assistant{background:#f0f0f0;border:1px solid #d9d9d9}.ai-message strong{color:#000;margin-bottom:8px;display:block}.ai-code{color:#22c55e;background:#1a1a1a;border-radius:8px;margin:16px 0;padding:16px;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:14px;line-height:1.6}.practices-component{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:48px}.practices-content-wrapper h2{margin-bottom:32px}.practices-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.practice-item{align-items:flex-start;gap:12px;display:flex}.practice-icon{background:#22c55e20;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.practice-item strong{color:#000;font-weight:600}.practice-item div:last-child{color:#666;flex:1;line-height:1.6}.code-example-wrapper{background:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.code-example-header{background:#2a2a2a;border-bottom:1px solid #3a3a3a;padding:12px 20px}.code-example-header span{color:#a0a0a0;font-size:14px;font-weight:500}.code-example{color:#e0e0e0;margin:0;padding:20px;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.feature-list{flex-direction:column;gap:24px;margin-top:32px;display:flex}.feature-item{align-items:flex-start;gap:16px;display:flex}.feature-item-icon-wrapper{flex-shrink:0}.feature-item-content-wrapper h3{color:#000;margin-bottom:8px;font-size:18px;font-weight:600}.feature-item-content-wrapper p{color:#666;line-height:1.5}.section-home-workflow{background:#f8f9fa}.workflow-steps{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px;display:grid}@media (max-width:768px){.workflow-steps{grid-template-columns:1fr;gap:24px}}.workflow-step{text-align:center;background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:32px;transition:all .3s;position:relative}.workflow-step:hover{border-color:#502d80;transform:translateY(-2px);box-shadow:0 4px 12px #502d801a}.workflow-step-number{color:#fff;background:#502d80;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:24px;font-weight:700;display:inline-flex}.workflow-step-content h3{color:#000;margin-bottom:12px;font-size:20px;font-weight:600}.workflow-step-content p{color:#666;font-size:15px;line-height:1.6}.workflow-connector{display:none}