.page-header{padding:140px 0 60px;text-align:center;position:relative;overflow:hidden}
.page-header .container{position:relative;z-index:1}
.scene-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:rgba(255,107,53,.08);border:1px solid rgba(255,107,53,.2);border-radius:30px;font-size:.85rem;color:var(--primary);margin-bottom:20px}
.scene-badge>svg,.scene-badge>i{width:16px;height:16px}
.page-header h1{font-size:3rem;font-weight:700;margin-bottom:16px;color:var(--text)}
.page-header h1 .gradient{color:var(--primary)}
.page-header p{color:var(--text-2);font-size:1.15rem}
.scene-intro{padding:80px 0}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.intro-text h2{font-size:2rem;font-weight:700;margin-bottom:20px;color:var(--text)}
.intro-text h2 .gradient{color:var(--primary)}
.intro-text p{color:var(--text-2);font-size:1.05rem;line-height:1.8;margin-bottom:16px}
.intro-visual img{width:100%;border-radius:var(--radius);box-shadow:0 8px 32px rgba(0,0,0,.08)}
.scene-challenges{padding:80px 0;background:var(--bg-2)}
.section-header{text-align:center;margin-bottom:50px}
.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:var(--text)}
.section-header h2 .gradient{color:var(--primary)}
.section-header p{color:var(--text-2);font-size:1.1rem}
.challenges-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.challenge-card{background:var(--card);border-radius:var(--radius);padding:32px;border:1px solid var(--border);transition:var(--transition)}
.challenge-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.challenge-icon{width:52px;height:52px;border-radius:12px;background:rgba(255,107,53,.08);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--primary)}
.challenge-icon>svg,.challenge-icon>i{width:24px;height:24px}
.challenge-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px;color:var(--text)}
.challenge-card p{color:var(--text-2);font-size:.95rem;line-height:1.7}
.scene-solution{padding:80px 0}
.solution-list{display:flex;flex-direction:column;gap:24px}
.solution-item{display:flex;gap:24px;align-items:flex-start;background:var(--card);border-radius:var(--radius);padding:32px;border:1px solid var(--border);transition:var(--transition)}
.solution-item:hover{box-shadow:var(--shadow-hover)}
.solution-num{font-size:2rem;font-weight:800;color:var(--primary);opacity:.3;flex-shrink:0;line-height:1}
.solution-content h3{font-size:1.15rem;font-weight:700;margin-bottom:10px;color:var(--text)}
.solution-content p{color:var(--text-2);font-size:.95rem;line-height:1.7}
.scene-features{padding:80px 0;background:var(--bg-2)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-item{background:var(--card);border-radius:var(--radius);padding:24px;border:1px solid var(--border);display:flex;align-items:center;gap:16px;transition:var(--transition)}
.feature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.feature-item>svg,.feature-item>i{width:28px;height:28px;color:var(--primary);flex-shrink:0}
.feature-item strong{display:block;font-size:.95rem;color:var(--text);margin-bottom:4px}
.feature-item span{font-size:.85rem;color:var(--text-2)}
.scene-faq{padding:80px 0}
.faq-list{max-width:800px;margin:0 auto}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden;transition:var(--transition)}
.faq-item:hover{box-shadow:var(--shadow-hover)}
.faq-question{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:16px}
.faq-question h3{font-size:1.05rem;font-weight:600;color:var(--text);margin:0;flex:1}
.faq-toggle{width:24px;height:24px;color:var(--text-2);transition:transform .3s ease;flex-shrink:0}
.faq-item.open .faq-toggle{transform:rotate(180deg)}
.faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.faq-item.open .faq-answer{max-height:500px;padding:0 24px 20px}
.faq-answer p{color:var(--text-2);font-size:.95rem;line-height:1.7}
.faq-more{text-align:center;margin-top:24px;color:var(--text-2);font-size:.95rem}
.scene-cta{padding:80px 0;background:var(--bg-2);text-align:center}
.scene-cta h2{font-size:2rem;margin-bottom:16px;color:var(--text)}
.scene-cta h2 .gradient{color:var(--primary)}
.scene-cta p{color:var(--text-2);font-size:1.1rem;margin-bottom:32px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
@media(max-width:768px){
.page-header{padding:120px 0 40px}
.page-header h1{font-size:2rem}
.intro-grid{grid-template-columns:1fr;gap:30px}
.challenges-grid{grid-template-columns:1fr}
.features-grid{grid-template-columns:1fr}
.solution-item{flex-direction:column;gap:12px;padding:24px 16px}
.solution-num{font-size:1.5rem}
.faq-question{padding:16px 10px}
.faq-question h3{font-size:.95rem}
.faq-answer{padding:0 10px}
.faq-item.open .faq-answer{padding:0 10px 16px}
.section-header h2{font-size:1.8rem}
}