.architecture-section{margin:0 auto;max-width:1280px;padding:0 16px 64px}.architecture-section .architecture-container{margin:0 auto;max-width:1152px}.architecture-section .architecture-header{margin-bottom:64px;text-align:center}.architecture-section .architecture-title{color:#111827;font-size:1.875rem;font-weight:700}.architecture-section .architecture-subtitle{color:#4b5563;margin-left:auto;margin-right:auto;margin-top:16px;max-width:768px}.architecture-section .architecture-diagram{position:relative}.architecture-section .layer-card{border-radius:16px;margin-bottom:24px;padding:32px;position:relative}.architecture-section .execution-layer{background-color:#fff;border-top:8px solid #2563eb;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);z-index:20}.architecture-section .layer-badge{border-radius:9999px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);font-size:.875rem;font-weight:700;left:50%;letter-spacing:.05em;padding:6px 24px;position:absolute;text-transform:uppercase;top:-16px;transform:translateX(-50%)}.architecture-section .badge-blue{background-color:#2563eb;color:#fff}.architecture-section .badge-gray{background-color:#64748b;color:#fff}.architecture-section .layer-subtitle{color:#64748b;font-style:italic;font-weight:500;margin-bottom:24px;margin-top:16px;text-align:center}.architecture-section .features-grid{display:grid;gap:16px;margin-bottom:16px}.architecture-section .features-grid-5{grid-template-columns:repeat(5,1fr)}.architecture-section .features-grid-3{grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:16px;max-width:768px}@media (max-width:768px){.architecture-section .features-grid-3,.architecture-section .features-grid-5{grid-template-columns:1fr}}.architecture-section .feature-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-align:center;transition:border-color .3s}.architecture-section .feature-card:hover{border-color:#93c5fd}.architecture-section .feature-icon{align-items:center;background-color:#fff;border-radius:9999px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);display:flex;height:40px;justify-content:center;margin:0 auto 12px;width:40px}.architecture-section .feature-icon svg{height:20px;width:20px}.architecture-section .icon-blue{color:#2563eb}.architecture-section .icon-green{color:#16a34a}.architecture-section .icon-purple{color:#9333ea}.architecture-section .feature-title{color:#111827;font-size:.875rem;font-weight:700}.architecture-section .connector-line{display:flex;justify-content:center;margin:-24px 0 8px;position:relative;z-index:10}.architecture-section .line{background-color:#cbd5e1;height:32px;width:2px}.architecture-section .integration-grid{display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:16px;position:relative;z-index:10}@media (min-width:768px){.architecture-section .integration-grid{grid-template-columns:1fr 1fr}}.architecture-section .integration-card{align-items:center;border-radius:12px;display:flex;justify-content:space-between;padding:24px}.architecture-section .sap-card{background-color:#1e3a8a;border:1px solid #1e40af;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.architecture-section .integration-card-content{align-items:center;display:flex;gap:16px}.architecture-section .sap-logo{align-items:center;background-color:#fff;border-radius:4px;color:#1e3a8a;display:flex;font-size:1.125rem;font-weight:700;height:40px;justify-content:center;width:64px}.architecture-section .integration-text h4{font-size:1rem;font-weight:700;margin-bottom:4px}.architecture-section .sap-card .integration-text h4{color:#fff}.architecture-section .sap-card .integration-text p{color:#bfdbfe;font-size:.875rem}.architecture-section .integration-icon{color:#60a5fa;height:24px;opacity:.5;width:24px}.architecture-section .middleware-card{background-color:#f1f5f9;border:2px dashed #cbd5e1}.architecture-section .middleware-icon{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);display:flex;height:40px;justify-content:center;width:40px}.architecture-section .middleware-icon svg{color:#475569;height:20px;width:20px}.architecture-section .middleware-text h4{color:#111827}.architecture-section .middleware-text p{color:#64748b;font-size:.875rem}.architecture-section .aws-card{background-color:#0f172a;border:1px solid #334155;border-radius:16px;margin-bottom:24px;padding:32px;position:relative;z-index:0}.architecture-section .aws-header{align-items:center;display:flex;gap:8px;margin-bottom:24px}.architecture-section .aws-header h3{align-items:center;color:#fff;display:flex;font-weight:700;gap:8px}.architecture-section .aws-header svg{color:#60a5fa;height:24px;width:24px}.architecture-section .aws-services-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.architecture-section .aws-service-card{background-color:rgba(30,41,59,.5);border:1px solid rgba(51,65,85,.5);border-radius:8px;padding:16px}.architecture-section .service-category{color:#60a5fa;display:block;font-size:.75rem;font-weight:700;margin-bottom:8px;text-transform:uppercase}.architecture-section .service-list{color:#cbd5e1;font-size:.875rem;list-style:none}.architecture-section .service-item{align-items:center;display:flex;gap:8px;margin-bottom:4px}.architecture-section .service-dot{border-radius:9999px;height:6px;width:6px}.architecture-section .dot-blue{background-color:#3b82f6}.architecture-section .dot-purple{background-color:#a855f7}.architecture-section .dot-green{background-color:#22c55e}.architecture-section .dot-red{background-color:#ef4444}.architecture-section .physical-layer{background:linear-gradient(90deg,#f1f5f9,#fff);border:1px solid #e2e8f0;border-radius:16px;box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);padding:24px;position:relative;z-index:10}.architecture-section .physical-grid{align-items:center;display:flex;flex-direction:column;gap:24px;margin-top:16px}@media (min-width:768px){.architecture-section .physical-grid{flex-direction:row;justify-content:space-around}}.architecture-section .physical-item{text-align:center;transition:transform .3s}.architecture-section .physical-item:hover{transform:scale(1.1)}.architecture-section .physical-icon{background-color:#fff;border-radius:9999px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);margin:0 auto 8px;padding:12px;width:fit-content}.architecture-section .physical-icon svg{color:#64748b;height:24px;width:24px}.architecture-section .physical-title{color:#334155;font-size:.875rem;font-weight:700}.architecture-section .physical-desc{color:#94a3b8;font-size:.75rem}