.areas-hero{padding:var(--spacing-20) 0 var(--spacing-12);background:var(--bg-light)}.areas-hero-content{max-width:860px;margin:0 auto}.areas-hero h1{font-size:clamp(2.1rem,4.5vw,3rem);font-weight:800;margin:var(--spacing-4) 0}.areas-hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);line-height:1.7}.areas-summary{padding:var(--spacing-8) 0;background:#fff;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.areas-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-5);max-width:1100px;margin:0 auto}.areas-summary-card{display:flex;gap:var(--spacing-4);padding:var(--spacing-6);background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-xl)}.areas-summary-card svg{flex-shrink:0;color:var(--green-primary);margin-top:4px}.areas-summary-card h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.areas-summary-card p{color:var(--text-secondary);line-height:1.65}.areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-5);max-width:1100px;margin:0 auto}.area-card{padding:var(--spacing-6);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);scroll-margin-top:96px}.area-mode{display:inline-block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 10px;border-radius:var(--radius-full);margin-bottom:var(--spacing-3)}.area-mode.on-site{background:#16a34a1f;color:var(--green-primary-hover)}.area-mode.remote{background:#2563eb1a;color:#1d4ed8}.area-card h2,.area-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);line-height:1.3}.area-summary{color:var(--text-primary);line-height:1.65;margin-bottom:var(--spacing-3)}.area-detail{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.65}.areas-cta h2{color:#fff;margin-bottom:var(--spacing-3)}.areas-cta p{color:#ffffffd9;margin-bottom:var(--spacing-6)}