.alis-page{max-width:1400px;margin:0 auto;padding:2rem}.hero-section{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:12px;margin-bottom:3rem;color:white}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-1px}.hero-subtitle{font-size:1.5rem;font-weight:400;opacity:.95;max-width:700px;margin:0 auto}.content-section{display:flex;flex-direction:column;gap:3rem}.overview-card{background:white;border-radius:8px;padding:2.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.section-title{font-size:2rem;font-weight:700;color:#1a1a2e;margin-bottom:1.5rem}.section-text{font-size:1.125rem;line-height:1.8;color:#555;margin-bottom:2rem}.advantages-title{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin-bottom:1.5rem;margin-top:2rem}.advantages-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.advantage-item{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #6c5ce7;transition:all .3s}.advantage-item:hover{background:#fafbff;transform:translateX(4px);box-shadow:0 2px 8px rgba(108,92,231,.1)}.advantage-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.advantage-content{flex:1 1}.advantage-content strong{display:block;font-size:1.125rem;font-weight:600;color:#1a1a2e;margin-bottom:.5rem}.advantage-content p{font-size:.9375rem;line-height:1.6;color:#666;margin:0}.architecture-diagram{background:white;border-radius:8px;padding:2.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.diagram-container{gap:0;margin-top:2rem;flex-wrap:wrap}.diagram-container,.diagram-node{display:flex;align-items:center;justify-content:center}.diagram-node{flex-direction:column;padding:2rem 2.5rem;background:#f8f9fa;border-radius:12px;border:3px solid #e5e7eb;min-width:180px;transition:all .3s}.diagram-node:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.diagram-node.highlight{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-color:#6c5ce7;transform:scale(1.1)}.diagram-node.highlight:hover{transform:scale(1.15) translateY(-4px)}.diagram-node.highlight .node-icon{font-size:3.5rem}.diagram-node.highlight .node-name{color:white}.diagram-node.highlight .node-description{color:rgba(255,255,255,.9)}.node-icon{font-size:3rem;margin-bottom:1rem}.node-logo{width:60px;height:60px;margin-bottom:1rem}.node-name{font-size:1.25rem;font-weight:700;color:#1a1a2e;margin-bottom:.5rem}.node-description{font-size:.875rem;color:#666;text-align:center}.diagram-arrow{display:flex;align-items:center;justify-content:center;margin:0 -10px;z-index:1}@media (max-width:968px){.diagram-container{flex-direction:column;gap:1rem}.diagram-arrow{transform:rotate(90deg);margin:-10px 0}.diagram-node.highlight{transform:scale(1.05)}.diagram-node.highlight:hover{transform:scale(1.1) translateY(-4px)}}.features-section{background:white;border-radius:8px;padding:2.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.feature-card{padding:2rem;background:#f8f9fa;border-radius:8px;border:2px solid #e5e7eb;transition:all .3s}.feature-card:hover{border-color:#6c5ce7;background:#fafbff;transform:translateY(-4px);box-shadow:0 4px 12px rgba(108,92,231,.15)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-logo{width:48px;height:48px;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:600;color:#1a1a2e;margin-bottom:.75rem}.feature-description{font-size:.9375rem;line-height:1.6;color:#666}.workflow-section{background:white;border-radius:8px;padding:2.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.workflow-steps{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.workflow-step{display:flex;gap:2rem;align-items:flex-start}.step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:white;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.step-content{flex:1 1;padding-top:.5rem}.step-title{font-size:1.375rem;font-weight:600;color:#1a1a2e;margin-bottom:.5rem}.step-description{font-size:1rem;line-height:1.7;color:#666}.tech-stack-section{background:white;border-radius:8px;padding:2.5rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.tech-item{padding:1.5rem;background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:8px;text-align:center;color:white}.tech-name{font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.tech-description{font-size:.875rem;opacity:.9}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.workflow-step{flex-direction:column;gap:1rem}.features-grid{grid-template-columns:1fr}}