#csapatepites-main { background: var(--color-canvas); }
#csapatepites-main .cp-hero { padding: clamp(4.5rem, 9vw, 8rem) 0 var(--space-24); }
#csapatepites-main .cp-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr); position: relative; align-items: center; gap: var(--space-6); }
#csapatepites-main .cp-hero__copy { grid-column: 1 / span 5; min-width: 0; max-width: 35rem; display: flex; flex-direction: column; gap: var(--space-4); }
#csapatepites-main .cp-hero__copy > * { margin: 0; }
#csapatepites-main .cp-hero__lead { max-width: 35rem; }
#csapatepites-main .cp-hero__promise { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding-top: var(--space-4); border-top: var(--border-default); }
#csapatepites-main .cp-hero__promise > * { margin: 0; }
#csapatepites-main .cp-meta-list { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); padding: 0; list-style: none; color: var(--color-sage-dark); font-size: var(--text-small); font-weight: 700; }
#csapatepites-main .cp-meta-list li { min-width: 0; }
#csapatepites-main .cp-meta-list li:not(:last-child)::after { content: '·'; margin-left: var(--space-2); color: var(--color-plum); }
#csapatepites-main .cp-hero__actions, #csapatepites-main .cp-poker__actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
#csapatepites-main .cp-hero__actions > *, #csapatepites-main .cp-poker__actions > * { min-width: 0; }
#csapatepites-main .cp-text-link { display: inline-flex; align-items: center; min-height: 2.75rem; font-weight: 700; text-underline-offset: .2em; }
#csapatepites-main .cp-text-link:hover { text-decoration-thickness: 2px; }
#csapatepites-main .cp-hero__media { grid-column: 3 / span 1; min-width: 0; margin: 0; border-radius: var(--radius-xl); }
#csapatepites-main .cp-hero__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform var(--transition-base); }
#csapatepites-main .image-frame:hover img { transform: scale(1.015); }
#csapatepites-main .cp-paper-note { position: absolute; right: 3%; bottom: -1.5rem; z-index: 1; transform: rotate(-3deg); border: var(--border-default); background: var(--color-apricot); padding: var(--space-2) var(--space-4); font-size: var(--text-small); font-weight: 700; }

#csapatepites-main .cp-values__intro { width: min(100%, 34rem); display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-10); }
#csapatepites-main .cp-values__intro > * { margin: 0; }
#csapatepites-main .cp-values__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-5, 1.25rem); }
#csapatepites-main .cp-value-card { min-width: 0; min-height: 15.625rem; display: flex; flex-direction: column; gap: var(--space-4); border: var(--border-default); padding: var(--space-8); }
#csapatepites-main .cp-value-card > * { margin: 0; }
#csapatepites-main .cp-value-card h3 { max-width: 20ch; }
#csapatepites-main .cp-value-card p { max-width: 48ch; }
#csapatepites-main .cp-value-card--sage { background: var(--color-sage); }
#csapatepites-main .cp-value-card--apricot { background: var(--color-surface-apricot); }
#csapatepites-main .cp-value-card--blue { grid-column: 1; background: var(--color-blue); }
#csapatepites-main .cp-value-card--paper { grid-column: 2; border-top: var(--border-strong); background: var(--color-surface); }

#csapatepites-main .cp-rhythms { padding-top: 0; }
#csapatepites-main .cp-rhythms__intro { width: min(100%, 37rem); display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-10); }
#csapatepites-main .cp-rhythms__intro > * { margin: 0; }
#csapatepites-main .cp-rhythm { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) minmax(0, 5fr) minmax(0, 3fr); align-items: start; gap: var(--space-5, 1.25rem); min-width: 0; margin-bottom: var(--space-4); border: var(--border-default); padding: clamp(var(--space-6), 4vw, var(--space-10)); }
#csapatepites-main .cp-rhythm h3 { grid-column: 1; min-width: 0; margin: 0; }
#csapatepites-main .cp-rhythm__copy { grid-column: 3; min-width: 0; }
#csapatepites-main .cp-rhythm__copy p { max-width: 58ch; margin: 0; }
#csapatepites-main .cp-rhythm__details, #csapatepites-main .cp-rhythm__annotation, #csapatepites-main .cp-rhythm__poker-details { grid-column: 4; min-width: 0; margin: 0; font-size: var(--text-small); font-weight: 700; line-height: 1.6; }
#csapatepites-main .cp-rhythm__details { padding: 0; list-style: none; }
#csapatepites-main .cp-rhythm__details li + li { margin-top: var(--space-2); }
#csapatepites-main .cp-rhythm--apricot { background: var(--color-apricot); }
#csapatepites-main .cp-rhythm--sage { background: var(--color-sage); }
#csapatepites-main .cp-rhythm--plum { min-height: 22.5rem; border-color: var(--color-plum); background: var(--color-plum); color: var(--color-white); }
#csapatepites-main .cp-rhythm--plum h3 { color: var(--color-white); }
#csapatepites-main .cp-rhythm--plum a { color: var(--color-white); }
#csapatepites-main .cp-rhythm--plum a:hover { color: var(--color-apricot); }

#csapatepites-main .cp-process { background: var(--color-blue); }
#csapatepites-main .cp-process__intro { width: min(100%, 34rem); margin: 0 auto var(--space-14); text-align: center; display: flex; flex-direction: column; gap: var(--space-4); }
#csapatepites-main .cp-process__intro > * { margin: 0; }
#csapatepites-main .cp-process__steps { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8); margin: 0; padding: 0; list-style: none; }
#csapatepites-main .cp-process__steps::before { content: ''; position: absolute; top: 1.125rem; left: 0; right: 0; height: 2px; background: var(--color-plum); }
#csapatepites-main .cp-process__steps li { position: relative; min-width: 0; padding-right: var(--space-8); }
#csapatepites-main .cp-process__steps h3 { margin-top: var(--space-6); }
#csapatepites-main .cp-process__steps p { max-width: 50ch; }
#csapatepites-main .cp-step-number { position: relative; z-index: 1; display: inline-grid; width: 2.25rem; min-width: 2.25rem; height: 2.25rem; place-items: center; border: 1px solid var(--color-plum); background: var(--color-surface-apricot); font-weight: 700; }

#csapatepites-main .cp-details__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 5fr); align-items: start; gap: var(--space-6); }
#csapatepites-main .cp-details__media { grid-column: 1; min-width: 0; margin: 0; }
#csapatepites-main .cp-details__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
#csapatepites-main .cp-details__copy { grid-column: 3; min-width: 0; max-width: 35rem; display: flex; flex-direction: column; gap: var(--space-6); }
#csapatepites-main .cp-details__copy > * { margin: 0; }
#csapatepites-main .cp-details__lead { max-width: 56ch; }
#csapatepites-main .cp-detail-block { display: flex; flex-direction: column; gap: var(--space-3); padding-top: var(--space-6); border-top: var(--border-strong); }
#csapatepites-main .cp-detail-block > * { margin: 0; }
#csapatepites-main .cp-detail-block p { max-width: 52ch; }

#csapatepites-main .cp-situations { background: var(--color-sage); }
#csapatepites-main .cp-situations__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 6fr); gap: var(--space-6); align-items: start; }
#csapatepites-main .cp-situations__intro { grid-column: 1; min-width: 0; max-width: 34rem; display: flex; flex-direction: column; gap: var(--space-4); }
#csapatepites-main .cp-situations__intro > * { margin: 0; }
#csapatepites-main .cp-accordion { grid-column: 3; min-width: 0; }
#csapatepites-main .cp-accordion__item { border-top: var(--border-strong); }
#csapatepites-main .cp-accordion__item:last-child { border-bottom: var(--border-strong); }
#csapatepites-main .cp-accordion__item h3 { margin: 0; }
#csapatepites-main .cp-accordion__item button { display: grid; grid-template-columns: minmax(0, 1fr) auto; width: 100%; min-height: 4.75rem; gap: var(--space-4); border: 0; border-radius: 0; background: transparent; color: var(--color-plum); padding: var(--space-4) 0; text-align: left; }
#csapatepites-main .cp-accordion__icon { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid var(--color-plum); border-radius: 50%; font-size: 1.25rem; font-weight: 400; }
#csapatepites-main .cp-accordion__panel { overflow: hidden; opacity: 1; transition: opacity var(--transition-base); }
#csapatepites-main .cp-accordion__panel[hidden] { display: block; max-height: 0; opacity: 0; padding: 0; visibility: hidden; }
#csapatepites-main .cp-accordion__panel:not([hidden]) { max-height: 32rem; padding: 0 var(--space-8) var(--space-6) 0; }
#csapatepites-main .cp-accordion__panel p { max-width: 60ch; margin: 0; }

#csapatepites-main .cp-manifesto { background: var(--color-plum); color: var(--color-white); padding: clamp(var(--space-18), 10vw, var(--space-32)) 0; }
#csapatepites-main .cp-manifesto__statement { width: min(100%, 56rem); margin: 0 auto; text-align: center; }
#csapatepites-main .cp-manifesto__label { display: inline-block; margin-bottom: var(--space-6); color: var(--color-white); font-size: var(--text-label); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
#csapatepites-main .cp-manifesto h2 { margin: 0; color: var(--color-white); font-size: clamp(2.4rem, 5vw, 4.8rem); }
#csapatepites-main .cp-manifesto__explanation { width: min(100%, 35rem); margin: var(--space-10) auto 0; padding-top: var(--space-6); border-top: 1px solid var(--color-line); }
#csapatepites-main .cp-manifesto__explanation p { margin: 0; }

#csapatepites-main .cp-poker { background: var(--color-surface-apricot); }
#csapatepites-main .cp-poker__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 1fr) minmax(0, 5fr); gap: var(--space-6); align-items: center; }
#csapatepites-main .cp-poker__copy { grid-column: 1; min-width: 0; max-width: 35rem; display: flex; flex-direction: column; gap: var(--space-5, 1.25rem); }
#csapatepites-main .cp-poker__copy > * { margin: 0; }
#csapatepites-main .cp-poker__lead { max-width: 56ch; }
#csapatepites-main .cp-poker__microblocks { display: flex; flex-direction: column; min-width: 0; }
#csapatepites-main .cp-poker__microblocks > div { min-width: 0; padding: var(--space-4) 0; border-top: 1px solid var(--color-plum); }
#csapatepites-main .cp-poker__microblocks h3, #csapatepites-main .cp-poker__microblocks p { margin: 0; }
#csapatepites-main .cp-poker__microblocks p { max-width: 56ch; margin-top: var(--space-2); }
#csapatepites-main .cp-poker__media { grid-column: 3; min-width: 0; margin: 0; }
#csapatepites-main .cp-poker__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

#csapatepites-main .cp-form-section__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 1fr) minmax(0, 3fr); gap: var(--space-6); align-items: stretch; }
#csapatepites-main .cp-form-section__content { grid-column: 1; min-width: 0; max-width: 50rem; display: flex; flex-direction: column; gap: var(--space-6); }
#csapatepites-main .cp-form-section__content > * { margin: 0; }
#csapatepites-main .cp-form-section__lead { max-width: 58ch; }
#csapatepites-main .cp-contact-form { display: flex; min-width: 0; flex-direction: column; gap: var(--space-6); border: var(--border-default); background: var(--color-surface); padding: clamp(var(--space-6), 4vw, var(--space-8)); }
#csapatepites-main .cp-contact-form fieldset { display: flex; min-width: 0; flex-direction: column; gap: var(--space-6); }
#csapatepites-main .cp-contact-form legend { width: 100%; background: var(--color-surface-apricot); padding: var(--space-4) var(--space-6); font-family: var(--font-heading); font-size: var(--text-h5); font-weight: 700; }
#csapatepites-main .cp-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5, 1.25rem); }
#csapatepites-main .cp-field { min-width: 0; }
#csapatepites-main .cp-field--full { grid-column: 1 / -1; }
#csapatepites-main .cp-field-error { min-height: 1.2em; margin: var(--space-1) 0 0; color: #8a2d2d; font-size: var(--text-small); font-weight: 700; }
#csapatepites-main .cp-optional { color: var(--color-blue-dark); font-weight: 500; }
#csapatepites-main .cp-form-error-summary { border: 2px solid #8a2d2d; background: var(--color-surface-apricot); padding: var(--space-4); font-weight: 700; }
#csapatepites-main .cp-form-submit { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
#csapatepites-main .cp-form-submit > * { margin: 0; }
#csapatepites-main .cp-privacy { max-width: 60ch; font-size: var(--text-small); }
#csapatepites-main .cp-form-success { min-height: 1.5em; color: var(--color-sage-dark); font-weight: 700; }
#csapatepites-main .cp-form-section__motif { grid-column: 3; min-width: 0; display: flex; align-items: center; justify-content: center; gap: var(--space-3); border-left: var(--border-default); }
#csapatepites-main .cp-form-section__motif span { display: block; width: 2.5rem; height: 2.5rem; border: 2px solid var(--color-plum); border-radius: 50%; }
#csapatepites-main .cp-form-section__motif span:nth-child(2) { transform: translateY(-2rem); background: var(--color-apricot); }
#csapatepites-main .cp-form-section__motif span:nth-child(3) { transform: translateY(2rem); background: var(--color-sage); }

#csapatepites-main .cp-final-cta { background: var(--color-blue); padding: clamp(var(--space-18), 8vw, 6.5rem) 0; }
#csapatepites-main .cp-final-cta__content { width: min(100%, 38.75rem); margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: var(--space-6); text-align: center; }
#csapatepites-main .cp-final-cta__content > * { margin: 0; }
#csapatepites-main .cp-final-cta__content p { max-width: 56ch; }

@media (max-width: 63.75rem) {
  #csapatepites-main .cp-values__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #csapatepites-main .cp-value-card--blue, #csapatepites-main .cp-value-card--paper { grid-column: auto; }
  #csapatepites-main .cp-rhythm { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
  #csapatepites-main .cp-rhythm h3 { grid-column: 1; }
  #csapatepites-main .cp-rhythm__copy { grid-column: 2; }
  #csapatepites-main .cp-rhythm__details, #csapatepites-main .cp-rhythm__annotation, #csapatepites-main .cp-rhythm__poker-details { grid-column: 2; }
  #csapatepites-main .cp-situations__grid { grid-template-columns: minmax(0, 1fr); }
  #csapatepites-main .cp-situations__intro, #csapatepites-main .cp-accordion { grid-column: 1; }
  #csapatepites-main .cp-accordion { width: min(100%, 50rem); }
  #csapatepites-main .cp-form-section__grid { grid-template-columns: minmax(0, 10fr) minmax(0, 2fr); }
  #csapatepites-main .cp-form-section__content { grid-column: 1; max-width: none; }
  #csapatepites-main .cp-form-section__motif { grid-column: 2; }
}

@media (max-width: 61.25rem) {
  #csapatepites-main .cp-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); }
  #csapatepites-main .cp-hero__copy { grid-column: 1; }
  #csapatepites-main .cp-hero__media { grid-column: 2; }
  #csapatepites-main .cp-paper-note { display: none; }
  #csapatepites-main .cp-details__grid, #csapatepites-main .cp-poker__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #csapatepites-main .cp-details__media, #csapatepites-main .cp-poker__copy { grid-column: 1; }
  #csapatepites-main .cp-details__copy, #csapatepites-main .cp-poker__media { grid-column: 2; }
}

@media (max-width: 56.25rem) {
  #csapatepites-main .cp-process__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #csapatepites-main .cp-process__steps li:nth-child(3) { grid-column: 1 / -1; width: min(100%, 50%); }
  #csapatepites-main .cp-form-grid { grid-template-columns: minmax(0, 1fr); }
  #csapatepites-main .cp-field--full { grid-column: 1; }
}

@media (max-width: 52.5rem) {
  #csapatepites-main .cp-hero { padding-top: var(--space-18); }
  #csapatepites-main .cp-hero__grid, #csapatepites-main .cp-details__grid, #csapatepites-main .cp-poker__grid { grid-template-columns: minmax(0, 1fr); }
  #csapatepites-main .cp-hero__copy, #csapatepites-main .cp-hero__media, #csapatepites-main .cp-details__media, #csapatepites-main .cp-details__copy, #csapatepites-main .cp-poker__copy, #csapatepites-main .cp-poker__media { grid-column: 1; }
  #csapatepites-main .cp-hero__copy, #csapatepites-main .cp-details__copy, #csapatepites-main .cp-poker__copy { max-width: none; }
  #csapatepites-main .cp-hero__media { order: 2; }
  #csapatepites-main .cp-details__media, #csapatepites-main .cp-poker__media { order: 2; }
  #csapatepites-main .cp-values__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  #csapatepites-main .cp-value-card { min-height: 12.5rem; padding: var(--space-6); }
  #csapatepites-main .cp-rhythm { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); padding: var(--space-6); }
  #csapatepites-main .cp-rhythm h3, #csapatepites-main .cp-rhythm__copy, #csapatepites-main .cp-rhythm__details, #csapatepites-main .cp-rhythm__annotation, #csapatepites-main .cp-rhythm__poker-details { grid-column: 1; }
  #csapatepites-main .cp-rhythm--plum { min-height: 0; }
  #csapatepites-main .cp-process__intro { width: 100%; margin-inline: 0; text-align: left; }
  #csapatepites-main .cp-process__steps { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  #csapatepites-main .cp-process__steps::before { top: 0; bottom: 0; left: 1.0625rem; right: auto; width: 2px; height: auto; }
  #csapatepites-main .cp-process__steps li, #csapatepites-main .cp-process__steps li:nth-child(3) { grid-column: 1; width: 100%; padding: 0 0 0 3.25rem; }
  #csapatepites-main .cp-step-number { position: absolute; top: 0; left: 0; }
  #csapatepites-main .cp-process__steps h3 { margin-top: 0; }
  #csapatepites-main .cp-situations__intro, #csapatepites-main .cp-accordion { width: 100%; max-width: none; }
  #csapatepites-main .cp-manifesto { padding: var(--space-14) 0; }
  #csapatepites-main .cp-manifesto__statement, #csapatepites-main .cp-manifesto__explanation { width: 100%; margin-inline: 0; text-align: left; }
  #csapatepites-main .cp-manifesto h2 { font-size: clamp(2.4rem, 10vw, 2.9rem); }
  #csapatepites-main .cp-form-section__grid { grid-template-columns: minmax(0, 1fr); }
  #csapatepites-main .cp-form-section__content { grid-column: 1; }
  #csapatepites-main .cp-form-section__motif { display: none; }
  #csapatepites-main .cp-contact-form { padding: var(--space-6); }
  #csapatepites-main .cp-contact-form legend { padding: var(--space-4); }
  #csapatepites-main .cp-form-submit { align-items: stretch; }
  #csapatepites-main .cp-form-submit button { width: 100%; }
  #csapatepites-main .cp-final-cta__content { width: 100%; margin: 0; align-items: flex-start; text-align: left; }
}
