/* Values page styles */
.hero-values { background: linear-gradient(180deg, var(--color-primary-50), #fff); padding-block: var(--space-12); }
.hero-grid { display: grid; gap: var(--space-9); grid-template-columns: 1.1fr .9fr; align-items: center; }
.hero-copy p { color: var(--gray-700); }
.hero-cta { display: flex; gap: var(--space-5); flex-wrap: wrap; margin-top: var(--space-6); }
.hero-figure { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--gray-200); }
.hero-figure img { height: 100%; width: 100%; object-fit: cover; }
@media (max-width: 960px) { .hero-grid { grid-template-columns: 1fr; } }

.inpage-nav { background: #fff; }
.pill-list { display: flex; flex-wrap: wrap; gap: var(--space-4); padding-block: var(--space-5); }
.pill { display: inline-block; padding: 8px 14px; border: 1px solid var(--gray-300); border-radius: var(--radius-pill); text-decoration: none; color: var(--gray-800); background: #fff; transition: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); }
.pill:hover { background: var(--color-primary-50); border-color: var(--color-primary-300); color: var(--color-primary-700); }

.section-values { padding-block: var(--space-12); }
.section-head { margin-bottom: var(--space-8); }
.values-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.value-card { height: 100%; }
@media (max-width: 1080px) { .values-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 640px) { .values-grid { grid-template-columns: 1fr; } }

.section-accordion { padding-block: var(--space-12); background: var(--gray-50); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.accordion-list { display: grid; gap: var(--space-6); }
.accordion-item { background: #fff; border: 1px solid var(--gray-200); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); overflow: hidden; }
.accordion-item + .accordion-item { margin-top: 0; }
.accordion-item > summary { list-style: none; cursor: pointer; padding: var(--space-7) var(--space-8); display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); }
.accordion-item > summary::-webkit-details-marker { display: none; }
.accordion-item > summary h3 { margin: 0; font-size: clamp(1.1rem, 1.2vw + 0.6rem, 1.5rem); }
.accordion-item > summary:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; border-radius: var(--radius-sm); }
.accordion-item > summary::after { content: '\25bc'; color: var(--gray-600); font-size: .95rem; transition: transform var(--dur-fast) var(--ease-out); }
.accordion-item[open] > summary::after { transform: rotate(-180deg); }
.accordion-panel { padding: 0 var(--space-8) var(--space-8); }
.accordion-panel ul { padding-left: 1.1rem; margin: 0; }
.accordion-panel li { margin: 0 0 var(--space-3); color: var(--gray-700); }
.section-image { margin-top: var(--space-6); border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--gray-200); box-shadow: var(--shadow-xs); }
.section-image img { width: 100%; height: auto; object-fit: cover; }

.cta-band { padding-block: var(--space-12); background: linear-gradient(180deg, #fff, var(--success-50)); }
.cta-inner { display: grid; gap: var(--space-7); grid-template-columns: 1.3fr .7fr; align-items: center; }
.cta-actions { display: flex; gap: var(--space-5); flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 900px) { .cta-inner { grid-template-columns: 1fr; } .cta-actions { justify-content: flex-start; } }