.breadcrumb{margin-bottom:2rem;font-size:.9rem;color:#666}.breadcrumb a{color:#3498db;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.product-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8rem 0 4rem;text-align:center}.product-hero .hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;color:#fff}.product-hero .hero-subtitle{font-size:1.3rem;opacity:.9;max-width:600px;margin:0 auto}.product-overview{padding:5rem 0;background:#fff}.overview-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.overview-text h2{font-size:2.2rem;font-weight:600;margin-bottom:1.5rem;color:#2c3e50}.overview-text p{font-size:1.1rem;line-height:1.8;color:#666;margin-bottom:2rem}.key-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.benefit-item{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:10px}.benefit-item h4{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:#3498db}.benefit-item p{font-size:.9rem;color:#666;margin:0}.overview-image img{width:100%;height:auto;border-radius:10px;box-shadow:0 15px 35px #0000001a}.core-modules{padding:5rem 0;background:#f8f9fa}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem;margin-top:3rem}.module-card{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;position:relative}.module-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.module-card.featured{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.featured-badge{position:absolute;top:-10px;right:20px;background:#e74c3c;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.module-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.module-icon{width:60px;height:60px;background:#f8f9fa;border-radius:50%;display:flex;align-items:center;justify-content:center}.module-card.featured .module-icon{background:#fff3}.module-icon img{width:30px;height:30px}.module-header h3{font-size:1.5rem;font-weight:600;margin:0}.module-content p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;color:#666}.module-card.featured .module-content p{color:#ffffffe6}.feature-tabs{margin-top:2rem}.tab-buttons{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab-btn{padding:.5rem 1rem;border:2px solid #3498db;background:transparent;color:#3498db;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.tab-btn.active,.tab-btn:hover{background:#3498db;color:#fff}.module-card.featured .tab-btn{border-color:#fff;color:#fff}.module-card.featured .tab-btn.active,.module-card.featured .tab-btn:hover{background:#fff;color:#667eea}.tab-panel{display:none}.tab-panel.active{display:block}.feature-list{list-style:none;padding:0}.feature-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#555}.feature-list li:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:600}.module-card.featured .feature-list li{color:#ffffffe6}.module-card.featured .feature-list li:before{color:#fff}.matching-process{margin:2rem 0}.process-step{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.step-number{width:40px;height:40px;background:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.module-card.featured .step-number{background:#fff;color:#667eea}.step-content h4{font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.step-content p{font-size:.9rem;margin:0;color:#666}.module-card.featured .step-content p{color:#fffc}.matching-benefits h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.benefit-list{list-style:none;padding:0}.benefit-list li{padding:.3rem 0 .3rem 1.5rem;position:relative;font-size:.9rem}.benefit-list li:before{content:"→";position:absolute;left:0;color:#3498db;font-weight:600}.module-card.featured .benefit-list li:before{color:#fff}.automation-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.automation-item h4{font-size:1.1rem;font-weight:600;margin-bottom:.8rem;color:#3498db}.module-card.featured .automation-item h4{color:#fff}.automation-item ul{list-style:none;padding:0}.automation-item li{padding:.3rem 0 .3rem 1rem;position:relative;font-size:.9rem;color:#666}.automation-item li:before{content:"•";position:absolute;left:0;color:#3498db}.module-card.featured .automation-item li{color:#ffffffe6}.module-card.featured .automation-item li:before{color:#fff}.ai-features{padding:5rem 0;background:#fff}.ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.ai-item{text-align:center;padding:2rem;background:#f8f9fa;border-radius:15px;transition:all .3s ease}.ai-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.ai-icon{font-size:3rem;margin-bottom:1rem;display:block}.ai-item h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#2c3e50}.ai-item p{font-size:1rem;line-height:1.6;color:#666;margin-bottom:1.5rem}.ai-stats{display:flex;justify-content:center;align-items:baseline;gap:.5rem}.ai-stats .stat{font-size:1.8rem;font-weight:700;color:#3498db}.ai-stats .stat-label{font-size:.9rem;color:#666}.tech-architecture{padding:5rem 0;background:#f8f9fa}.architecture-content{display:grid;grid-template-columns:2fr 1fr;gap:4rem;margin-top:3rem}.architecture-diagram{display:flex;flex-direction:column;gap:1rem}.layer{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 5px 15px #0000001a;transition:all .3s ease}.layer:hover{transform:translate(10px);box-shadow:0 10px 25px #00000026}.layer h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#2c3e50}.layer-items{display:flex;flex-wrap:wrap;gap:.5rem}.layer-items span{background:#e3f2fd;color:#1976d2;padding:.3rem .8rem;border-radius:15px;font-size:.9rem;font-weight:500}.layer-presentation .layer-items span{background:#f3e5f5;color:#7b1fa2}.layer-business .layer-items span{background:#e8f5e8;color:#388e3c}.layer-data .layer-items span{background:#fff3e0;color:#f57c00}.layer-infrastructure .layer-items span{background:#fce4ec;color:#c2185b}.tech-highlights h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#2c3e50}.tech-highlights ul{list-style:none;padding:0}.tech-highlights li{padding:.8rem 0 .8rem 1.5rem;position:relative;line-height:1.6;color:#555}.tech-highlights li:before{content:"⚡";position:absolute;left:0;color:#3498db}.tech-highlights strong{color:#2c3e50}.deployment-options{padding:5rem 0;background:#fff}.deployment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:3rem}.deployment-card{background:#fff;border:2px solid #e1e1e1;border-radius:15px;padding:2rem;transition:all .3s ease;position:relative;text-align:center}.deployment-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a;border-color:#3498db}.deployment-card.featured{border-color:#3498db;background:linear-gradient(135deg,#f8f9ff,#e3f2fd)}.featured-label{position:absolute;top:-10px;right:20px;background:#3498db;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.deployment-header h3{font-size:1.4rem;font-weight:600;margin-bottom:.5rem;color:#2c3e50}.deployment-subtitle{color:#666;font-size:.9rem;margin-bottom:1.5rem}.deployment-features ul{list-style:none;padding:0;text-align:left;margin-bottom:2rem}.deployment-features li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#555}.deployment-features li:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:600}.deployment-price{border-top:1px solid #e1e1e1;padding-top:1.5rem;margin-top:1.5rem}.deployment-price .price{font-size:2rem;font-weight:700;color:#3498db}.deployment-price .price-unit{font-size:1rem;color:#666;margin-left:.5rem}.detailed-cases{padding:5rem 0;background:#f8f9fa}.case-detail{background:#fff;border-radius:15px;padding:3rem;box-shadow:0 10px 30px #0000001a;margin-top:3rem}.case-header h3{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;color:#2c3e50}.case-subtitle{color:#666;font-size:1.1rem;margin-bottom:2rem}.case-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.case-challenge h4,.case-solution h4,.case-results h4{font-size:1.3rem;font-weight:600;margin-bottom:1rem;color:#2c3e50}.case-challenge ul,.case-solution ul{list-style:none;padding:0}.case-challenge li,.case-solution li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#555;line-height:1.6}.case-challenge li:before{content:"⚠️";position:absolute;left:0;font-size:.8rem}.case-solution li:before{content:"💡";position:absolute;left:0;font-size:.8rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:1rem}.result-item{text-align:center;padding:1rem;background:#f8f9fa;border-radius:10px}.result-number{display:block;font-size:1.8rem;font-weight:700;color:#3498db;margin-bottom:.5rem}.result-label{font-size:.9rem;color:#666}.product-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4rem 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:600;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-buttons .btn-primary,.cta-buttons .btn-secondary{padding:1rem 2rem;font-size:1.1rem}.cta-buttons .btn-secondary{background:transparent;color:#fff;border:2px solid white}.cta-buttons .btn-secondary:hover{background:#fff;color:#667eea}@media (max-width: 768px){.product-hero .hero-title{font-size:2rem}.overview-content,.modules-grid,.architecture-content,.case-content{grid-template-columns:1fr}.cta-buttons,.tab-buttons{flex-direction:column}.tab-btn{text-align:center}}@media (max-width: 480px){.product-hero{padding:6rem 0 3rem}.module-card{padding:1.5rem}.case-detail{padding:2rem}}.nav-menu a.active{color:#3498db}.nav-menu a.active:after{width:100%}