@scope (.page-esg){.hero{position:relative;overflow:hidden;padding:160px 0 100px;text-align:center}.hero__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(20,70,115,.45),transparent 60%),#0a1628}.hero .container{position:relative;z-index:1}.hero h1{font-size:clamp(32px,5vw,52px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px}.hero p{font-size:18px;color:rgba(255,255,255,.7);max-width:640px;margin:0 auto;line-height:1.7;font-style:italic}.pillar-section{padding:100px 0}.pillar-section:nth-child(2n){background:var(--surface-dim)}.pillar-section:nth-child(odd){background:var(--surface)}.pillar-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.pillar-header .material-icons-outlined{font-size:40px;color:var(--blue)}.pillar-header h2{font-size:clamp(26px,3.5vw,36px);font-weight:800;color:var(--ink)}.pillar-content{max-width:800px}.pillar-content p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:20px}.pillar-content h3{font-size:18px;font-weight:700;color:var(--ink);margin:32px 0 12px}.pillar-content ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.pillar-content ul li{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--muted);line-height:1.6}.pillar-content ul li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:7px}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.highlight-card{padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.highlight-card .material-icons-outlined{font-size:28px;color:var(--blue);margin-bottom:12px}.highlight-card h4{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px}.highlight-card p{font-size:14px;color:var(--muted);line-height:1.5}.dark-section{padding:100px 0;background:#0a1628;color:#fff}.dark-section h2{font-size:clamp(26px,3.5vw,36px);font-weight:800;margin-bottom:16px}.dark-section p{font-size:16px;color:rgba(255,255,255,.65);line-height:1.8;margin-bottom:20px;max-width:800px}.dark-section h3{font-size:18px;font-weight:700;color:#fff;margin:32px 0 12px}.dark-section ul li{color:rgba(255,255,255,.65)}.cta-section{padding:80px 0;background:var(--surface-dim);text-align:center}.cta-section h2{font-size:clamp(26px,3.5vw,36px);font-weight:800;color:var(--ink);margin-bottom:16px}.cta-section p{font-size:17px;color:var(--muted);margin-bottom:32px}@media (max-width:860px){.highlight-grid{grid-template-columns:1fr}}}