.platform-overview{padding:60px 0}
.platform-overview .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.platform-visual{position:relative}
.platform-visual .mockup{background:var(--card);border-radius:20px;padding:30px;border:1px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,.06)}
.mockup-screen{background:var(--bg);border-radius:12px;padding:24px;margin-bottom:16px}
.mockup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.mockup-header .dots{display:flex;gap:6px}
.mockup-header .dots span{width:10px;height:10px;border-radius:50%;background:var(--border)}
.mockup-header .dots span:first-child{background:#FF5F57}
.mockup-header .dots span:nth-child(2){background:#FEBC2E}
.mockup-header .dots span:nth-child(3){background:#28C840}
.mockup-header .title{font-size:.9rem;color:var(--text-2)}
.mockup-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.mockup-stat{background:rgba(255,107,53,.04);border-radius:8px;padding:12px;text-align:center}
.mockup-stat .num{font-size:1.4rem;font-weight:700;color:var(--primary)}
.mockup-stat .lbl{font-size:.7rem;color:var(--text-2);margin-top:4px}
.mockup-chart{height:120px;background:rgba(255,107,53,.02);border-radius:8px;padding:16px;display:flex;align-items:flex-end;gap:8px}
.mockup-bar{flex:1;background:var(--primary);border-radius:4px 4px 0 0;transition:height .5s ease;min-height:10px}
.platform-info h2{font-size:2.2rem;font-weight:700;margin-bottom:16px;color:var(--text)}
.platform-info h2 .gradient{color:var(--primary)}
.platform-info .tagline{color:var(--primary);font-size:1.1rem;margin-bottom:24px;font-weight:500}
.platform-info .desc{color:var(--text-2);font-size:1.05rem;margin-bottom:32px}
.platform-features{list-style:none}
.platform-features li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}
.platform-features .pf-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,107,53,.08);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.platform-features .pf-text strong{display:block;color:var(--text)}
.platform-features .pf-text span{color:var(--text-2);font-size:.9rem}
.features-section{padding:80px 0;background:var(--bg-2)}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature-card{padding:32px}
.feature-card .icon{width:56px;height:56px;font-size:1.6rem;flex-shrink:0}
.feature-card h3{font-size:1.2rem;margin:0}
.feature-card p{font-size:.95rem}
.app-showcase{padding:80px 0}
.app-showcase .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.app-info h2{font-size:2.2rem;font-weight:700;margin-bottom:16px;color:var(--text)}
.app-info h2 .gradient{color:var(--primary)}
.app-info .desc{color:var(--text-2);font-size:1.05rem;margin-bottom:32px}
.app-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.app-feature{padding:20px;background:rgba(255,107,53,.04);border-radius:12px;border:1px solid rgba(255,107,53,.1);transition:var(--transition)}
.app-feature:hover{transform:translateY(-3px);background:rgba(255,107,53,.08)}
.af-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.app-feature .af-icon{font-size:2rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem}
.app-feature h4{font-size:1rem;font-weight:600;color:var(--text);margin:0;flex:1}
.app-feature p{font-size:.85rem;color:var(--text-2)}
.app-visual{position:relative}
.app-mockup{background:var(--card);border-radius:24px;padding:20px;border:1px solid var(--border);box-shadow:0 4px 20px rgba(0,0,0,.06)}
.app-screen{background:var(--bg);border-radius:16px;overflow:hidden}
.app-screen-header{background:var(--primary);padding:30px 20px;text-align:center}
.app-screen-header .avatar{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.2);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.app-screen-header h4{font-size:1.1rem;color:var(--white)}
.app-screen-header p{font-size:.85rem;color:rgba(255,255,255,.8)}
.app-screen-body{padding:20px}
.app-screen-body .menu-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;transition:var(--transition)}
.app-screen-body .menu-item:hover{border-color:var(--primary)}
.app-screen-body .menu-item .mi-icon{width:40px;height:40px;border-radius:10px;background:rgba(255,107,53,.08);display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.app-screen-body .menu-item .mi-text{flex:1}
.app-screen-body .menu-item .mi-text strong{font-size:.9rem;display:block;color:var(--text)}
.app-screen-body .menu-item .mi-text span{font-size:.8rem;color:var(--text-2)}
.app-screen-body .menu-item .mi-arrow{color:var(--text-2)}
@media(max-width:768px){
.platform-overview .container,.app-showcase .container{grid-template-columns:1fr;gap:30px}
.features-grid{grid-template-columns:1fr}
.app-features{grid-template-columns:1fr}
.platform-info h2,.app-info h2{font-size:1.8rem}
}