.oe-page{color:var(--text-main);background-color:var(--bg-body);padding-bottom:6rem}.section-badge{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);border:1px solid var(--primary);border-radius:100px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.oe-hero{border-bottom:1px solid var(--glass-border);padding:8rem 0;position:relative;overflow:hidden}.oe-hero-content{z-index:2;text-align:left;position:relative}.oe-hero .hero-heading{z-index:2;max-width:900px;margin-bottom:1.5rem;margin-left:0;margin-right:0;font-size:4rem;font-weight:700;line-height:1.1;position:relative}.oe-hero .hero-subtitle{color:var(--text-muted);z-index:2;max-width:700px;margin:0;font-size:1.35rem;line-height:1.6;position:relative}.oe-bg-graphics{z-index:1;opacity:.1;position:absolute;inset:0;overflow:hidden}.oe-line{background:var(--primary);opacity:.5;position:absolute}.oe-line-1{width:2px;height:100%;top:0;left:20%;transform:skew(-20deg)}.oe-line-2{width:2px;height:100%;top:0;left:50%;transform:skew(-20deg)}.oe-line-3{width:2px;height:100%;top:0;left:80%;transform:skew(-20deg)}.oe-transformation{background:var(--bg-card);border-bottom:1px solid var(--glass-border);padding:6rem 0}.oe-header h2{margin-bottom:1rem;font-size:2.5rem}.oe-header p{color:var(--text-muted);font-size:1.2rem}.transformation-grid{justify-content:center;align-items:center;gap:2rem;margin-top:4rem;display:flex}.trans-card{background:var(--bg-body);border:1px solid var(--glass-border);border-radius:12px;flex:1;max-width:450px;padding:3rem}.state-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--glass-border);margin-bottom:2rem;padding-bottom:1rem;font-size:.9rem;font-weight:600}.state-after{border-color:var(--primary);box-shadow:0 10px 30px #b8f60d0d}.state-after .state-label{color:var(--primary);border-bottom-color:#b8f60d33}.state-list{padding:0;list-style:none}.state-list li{color:var(--text-main);align-items:flex-start;gap:1rem;margin-bottom:1.2rem;font-size:1.05rem;display:flex}.state-before i{color:#f55;margin-top:.2rem}.state-after i{color:var(--primary);margin-top:.2rem}.trans-arrow{color:var(--text-muted);font-size:2rem}.oe-value-chain{padding:8rem 0}.oe-value-chain h2{text-align:center;margin-bottom:1.5rem;font-size:2.5rem}.section-desc{text-align:center;color:var(--text-muted);max-width:700px;margin:0 auto 4rem;font-size:1.15rem}.value-chain-diagram{justify-content:space-between;align-items:center;display:flex}.vc-step{text-align:center;background:var(--bg-card);border:1px solid var(--glass-border);z-index:2;border-radius:12px;flex:1;padding:2.5rem 1.5rem;position:relative}.vc-icon{width:60px;height:60px;color:var(--primary);background:#b8f60d1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.5rem;display:flex}.vc-step h4{margin-bottom:.5rem;font-size:1.2rem}.vc-step p{color:var(--text-muted);margin:0;font-size:.9rem}.vc-connector{background:var(--primary);opacity:.5;z-index:1;flex:0 0 40px;height:2px}.oe-pillars{background:var(--bg-card);border-top:1px solid var(--glass-border);padding:6rem 0}.pillar-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;display:grid}.pillar-card{background:var(--bg-body);border:1px solid var(--glass-border);border-radius:12px;padding:3rem;position:relative;overflow:hidden}.pillar-number{color:var(--glass-border);opacity:.5;font-size:4rem;font-weight:800;line-height:1;position:absolute;top:1.5rem;right:1.5rem}.pillar-card h3{z-index:2;margin-bottom:1.5rem;font-size:1.5rem;position:relative}.pillar-card p{color:var(--text-muted);z-index:2;line-height:1.7;position:relative}.oe-cta{border-top:1px solid var(--glass-border);background:linear-gradient(135deg, var(--bg-card) 0%, var(--bg-body) 100%);padding:8rem 0}.oe-cta h2{margin-bottom:1.5rem;font-size:2.5rem}.oe-cta p{color:var(--text-muted);margin-bottom:2rem;font-size:1.2rem}@media (width<=992px){.oe-hero .hero-heading{font-size:3rem}.transformation-grid{flex-direction:column}.trans-arrow{transform:rotate(90deg)}.value-chain-diagram{flex-direction:column;gap:2rem}.vc-connector{width:2px;height:40px}.pillar-grid{grid-template-columns:1fr}}