/*
 * Design system: Executive Editorial sections.
 * Generous editorial whitespace, restrained brass rules, and calm information hierarchy
 * extend the hero's premium consulting tone through each conversion step.
 */

:root {
  --ink: #0a182e;
  --ink-deep: #06111f;
  --ink-quiet: #132a4a;
  --paper: #f6f3ec;
  --paper-soft: rgba(246, 243, 236, 0.72);
  --paper-faint: rgba(246, 243, 236, 0.16);
  --brass: #c18a56;
  --brass-light: #dfb780;
  --brass-dark: #85522a;
  --slate: #d9d6ce;
  --ink-copy: #1a283a;
  --ink-muted: #435368;
  --page-gutter: 19px;
  --jp-sans: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", Meiryo, sans-serif;
  --latin-sans: Arial, Helvetica, sans-serif;
}

.section { position: relative; padding: 88px 0; overflow: hidden; }
.section[hidden] { display: none !important; }
.section-shell { width: min(100% - (var(--page-gutter) * 2), 1280px); margin: 0 auto; }
.section-index { margin: 0 0 13px; color: var(--brass-dark); font-family: var(--latin-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; }
.section-index--light { color: var(--brass-light); }
.section-kicker { margin: 0 0 13px; color: var(--brass-dark); font-size: 12px; font-weight: 700; letter-spacing: 0.045em; }
.section-kicker--light { color: var(--brass-light); }
.section h2 { margin: 0; color: var(--ink); font-size: clamp(29px, 8vw, 52px); font-weight: 900; letter-spacing: -0.085em; line-height: 1.32; }
.section h3 { margin: 0; color: var(--ink); font-size: 17px; font-weight: 800; letter-spacing: -0.035em; line-height: 1.45; }
.section p { color: var(--ink-muted); font-size: 14px; font-weight: 500; letter-spacing: 0.015em; line-height: 1.95; }
.section-copy { max-width: 565px; margin: 23px 0 0; }
.section-copy--light, .section--reframe h2, .section--themes h2, .section--experience h2, .section--profile h2, .section--consultation h2 { color: var(--paper) !important; }
.section-copy--light { color: var(--paper-soft) !important; }
.blueprint-route { position: relative; display: flex; align-items: center; height: 46px; margin-top: 34px; }
.blueprint-route::before { position: absolute; top: 50%; right: 0; left: 0; height: 1px; content: ""; background: rgba(10, 24, 46, 0.22); }
.blueprint-route span { position: relative; z-index: 1; display: block; width: 7px; height: 7px; margin-right: auto; border-radius: 50%; background: var(--ink); }
.blueprint-route span:nth-child(2) { margin-left: 24%; }
.blueprint-route span:nth-child(3) { margin-left: 24%; }
.blueprint-route i { position: relative; z-index: 1; display: block; width: 12px; height: 12px; margin-left: auto; border-radius: 50%; background: var(--brass); box-shadow: 0 0 0 7px rgba(193, 138, 86, 0.16); }

.section--diagnosis { background: var(--paper); }
.split-heading { display: grid; grid-template-columns: 1fr; gap: 7px; }
.diagnosis-layout { display: grid; gap: 42px; margin-top: 43px; }
.diagnosis-intro p { max-width: 570px; margin: 0; }
.diagnosis-intro .large-quote { margin-top: 34px; color: var(--ink); font-size: 22px; font-weight: 800; letter-spacing: -0.055em; line-height: 1.55; }
.diagnosis-list { border-top: 1px solid rgba(10, 24, 46, 0.2); }
.diagnosis-item { position: relative; padding: 24px 0 24px 42px; border-bottom: 1px solid rgba(10, 24, 46, 0.2); }
.diagnosis-item__number { position: absolute; top: 26px; left: 0; color: var(--brass-dark); font-family: var(--latin-sans); font-size: 11px; font-weight: 700; letter-spacing: 0.08em; }
.diagnosis-item p { margin: 8px 0 0; font-size: 13px; line-height: 1.85; }

.section--reframe { background: var(--ink); }
.reframe-grid { display: grid; gap: 42px; }
.reframe-grid h2 { color: var(--paper); }
.sequence-compare { display: grid; grid-template-columns: 1fr; gap: 12px; }
.sequence-compare__column { padding: 25px 23px; border: 1px solid rgba(246, 243, 236, 0.28); }
.sequence-compare__column--muted { opacity: 0.58; }
.sequence-label { margin: 0 !important; color: var(--brass-light) !important; font-family: var(--latin-sans); font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; line-height: 1.4 !important; }
.sequence-compare ol { display: grid; gap: 13px; margin: 22px 0 0; padding: 0; list-style: none; counter-reset: sequence; }
.sequence-compare li { position: relative; padding-left: 28px; color: var(--paper); font-size: 14px; font-weight: 700; line-height: 1.5; counter-increment: sequence; }
.sequence-compare li::before { position: absolute; left: 0; color: var(--brass-light); content: "0" counter(sequence); font-family: var(--latin-sans); font-size: 10px; letter-spacing: 0.07em; }

.section--outcomes { background: #e9e6de; }
.section-heading { max-width: 780px; }
.outcome-grid { display: grid; gap: 0; margin-top: 42px; border-top: 1px solid rgba(10, 24, 46, 0.18); }
.outcome-card { min-height: 164px; padding: 24px 0 24px 47px; border-bottom: 1px solid rgba(10, 24, 46, 0.18); background: transparent; }
.outcome-card span { position: absolute; margin-left: -47px; color: var(--brass-dark); font-family: var(--latin-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.1em; }
.outcome-card p { margin: 11px 0 0; font-size: 13px; line-height: 1.8; }

.section--process { background: var(--paper); }
.process-heading { display: grid; gap: 7px; }
.process-timeline { display: grid; gap: 0; margin-top: 43px; border-top: 1px solid rgba(10, 24, 46, 0.22); }
.process-step { position: relative; padding: 28px 0 29px 46px; border-bottom: 1px solid rgba(10, 24, 46, 0.22); }
.process-step::before { position: absolute; top: 31px; left: 0; width: 26px; height: 1px; content: ""; background: var(--brass); }
.process-step__number { color: var(--brass-dark); font-family: var(--latin-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.1em; }
.process-step h3 { margin-top: 8px; }
.process-step p { margin: 9px 0 0; font-size: 13px; line-height: 1.8; }
.process-note { display: grid; gap: 14px; margin-top: 33px; padding: 19px 0 0; border-top: 1px solid rgba(10, 24, 46, 0.19); }
.process-note span { color: var(--brass-dark); font-family: var(--latin-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.12em; }
.process-note p { margin: 0; font-size: 12px; line-height: 1.85; }

.section--deliverables { background: #d9d6ce; }
.deliverables-grid { display: grid; gap: 42px; }
.deliverables-copy { max-width: 560px; }
.deliverable-list { display: grid; gap: 0; border-top: 1px solid rgba(10, 24, 46, 0.23); }
.deliverable-list article { position: relative; padding: 21px 0 21px 40px; border-bottom: 1px solid rgba(10, 24, 46, 0.23); }
.deliverable-list span { position: absolute; top: 24px; left: 0; color: var(--brass-dark); font-family: var(--latin-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.1em; }
.deliverable-list p { margin: 7px 0 0; font-size: 13px; line-height: 1.8; }
.cta-band { display: flex; flex-direction: column; gap: 18px; margin-top: 46px; padding-top: 24px; border-top: 1px solid rgba(10, 24, 46, 0.24); }
.cta-band p { max-width: 500px; margin: 0; font-size: 12px; line-height: 1.75; }
.outline-cta { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; min-height: 56px; padding: 12px 17px; border: 1px solid var(--ink); color: var(--ink); font-size: 13px; font-weight: 800; transition: background 160ms var(--ease-out), color 160ms var(--ease-out), transform 160ms var(--ease-out); }
.outline-cta span { color: var(--brass-dark); font-family: var(--latin-sans); font-size: 18px; }
.outline-cta--dark { border-color: var(--paper); color: var(--paper); }

.section--themes { background: var(--ink); }
.theme-grid { display: grid; gap: 1px; margin-top: 43px; background: rgba(246, 243, 236, 0.24); border: 1px solid rgba(246, 243, 236, 0.24); }
.theme-grid article { min-height: 208px; padding: 25px; background: var(--ink); }
.theme-grid span { display: block; margin-bottom: 35px; color: var(--brass-light); font-family: var(--latin-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.12em; }
.theme-grid h3 { color: var(--paper); }
.theme-grid p { margin: 10px 0 0; color: var(--paper-soft); font-size: 12px; line-height: 1.8; }
.section-bridge { max-width: 700px; margin: 33px auto 0; padding: 17px 18px; border-left: 2px solid var(--brass-light); color: var(--paper-soft) !important; font-size: 12px !important; line-height: 1.85 !important; }

.section--collaboration { background: var(--paper); }
.collaboration-grid { display: grid; gap: 45px; }
.role-map { position: relative; display: grid; gap: 18px; min-height: 320px; padding: 26px; border: 1px solid rgba(10, 24, 46, 0.2); }
.role-card { position: relative; z-index: 2; padding: 17px; border: 1px solid rgba(10, 24, 46, 0.24); background: var(--paper); }
.role-card--advisor { border-color: var(--brass); background: #f0e8dc; }
.role-card span { display: block; color: var(--ink); font-size: 13px; font-weight: 800; }
.role-card p { margin: 6px 0 0; font-size: 11px; line-height: 1.7; }
.role-map__line { display: none; }

.section--experience { background: var(--ink-deep); }
.experience-heading { display: grid; gap: 7px; }
.experience-summary { max-width: 740px; margin-top: 28px; }
.experience-summary p { margin: 0; color: var(--paper-soft); }
.case-grid { display: grid; gap: 12px; margin-top: 43px; }
.case-card { min-height: 242px; padding: 25px; border: 1px solid rgba(246, 243, 236, 0.25); }
.case-card__tag { display: block; color: var(--brass-light); font-family: var(--latin-sans); font-size: 8px; font-weight: 700; letter-spacing: 0.12em; line-height: 1.5; }
.case-card h3 { margin-top: 28px; color: var(--paper); }
.case-card p { margin: 10px 0 0; color: var(--paper-soft); font-size: 12px; line-height: 1.8; }
.case-card small { display: block; margin-top: 16px; color: var(--brass-light); font-size: 10px; font-weight: 700; letter-spacing: 0.03em; }
.experience-disclaimer { margin-top: 18px; color: rgba(246, 243, 236, 0.72) !important; font-size: 10px !important; }

.section--pricing { background: #e9e6de; }
.pricing-heading { display: grid; gap: 7px; }
.pricing-layout { display: grid; gap: 12px; margin-top: 43px; }
.pricing-primary { padding: 29px; background: var(--ink); }
.pricing-eyebrow { margin: 0 !important; color: var(--brass-light) !important; font-family: var(--latin-sans); font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.12em !important; }
.pricing-amount { margin: 21px 0 12px !important; color: var(--paper) !important; font-size: 32px !important; font-weight: 900 !important; letter-spacing: -0.075em !important; line-height: 1.2 !important; }
.pricing-amount span { margin-right: 8px; color: var(--brass-light); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; }
.pricing-primary > p:not(.pricing-eyebrow):not(.pricing-amount) { margin: 0; color: var(--paper-soft); font-size: 12px; line-height: 1.85; }
.pricing-primary ul { display: grid; gap: 9px; margin: 22px 0 0; padding: 20px 0 0; border-top: 1px solid rgba(246, 243, 236, 0.24); list-style: none; }
.pricing-primary li { position: relative; padding-left: 15px; color: var(--paper); font-size: 12px; font-weight: 600; line-height: 1.6; }
.pricing-primary li::before { position: absolute; top: 8px; left: 0; width: 5px; height: 5px; border-radius: 50%; content: ""; background: var(--brass-light); }
.stripe-cta { display: flex; align-items: center; justify-content: space-between; min-height: 49px; margin-top: 23px; padding: 11px 14px; border: 1px solid var(--brass-light); color: var(--brass-light); font-size: 12px; font-weight: 800; transition: background 160ms var(--ease-out), color 160ms var(--ease-out); }
.stripe-cta span { font-family: var(--latin-sans); font-size: 17px; }
.pricing-notes { display: grid; gap: 1px; background: rgba(10, 24, 46, 0.18); }
.pricing-notes article { padding: 23px; background: #f6f3ec; }
.pricing-notes h3 { font-size: 15px; }
.pricing-notes p { margin: 9px 0 0; font-size: 12px; line-height: 1.8; }
.pricing-fit { max-width: 720px; margin: 27px auto 0; color: var(--ink-copy) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.85 !important; text-align: center; }

.section--fit { background: var(--paper); }
.fit-grid { display: grid; gap: 38px; }
.fit-list { border-top: 1px solid rgba(10, 24, 46, 0.23); }
.fit-list p { position: relative; margin: 0; padding: 17px 0 17px 23px; border-bottom: 1px solid rgba(10, 24, 46, 0.23); color: var(--ink-copy); font-size: 13px; font-weight: 700; line-height: 1.75; }
.fit-list p::before { position: absolute; top: 28px; left: 0; width: 8px; height: 1px; content: ""; background: var(--brass-dark); }
.fit-note { display: flex; flex-direction: column; gap: 18px; margin-top: 40px; padding-top: 22px; border-top: 1px solid rgba(10, 24, 46, 0.23); }
.fit-note p { max-width: 590px; margin: 0; font-size: 12px; line-height: 1.85; }
.fit-note strong { color: var(--ink); }

.section--profile { background: #10233d; }
.profile-grid { display: grid; gap: 35px; }
.profile-mark { display: grid; width: 100px; height: 100px; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; border: 1px solid rgba(246, 243, 236, 0.32); padding: 16px; }
.profile-mark span { display: block; background: var(--brass-light); }
.profile-mark span:nth-child(1) { grid-column: 1 / 3; width: 15px; justify-self: end; }
.profile-mark span:nth-child(2) { width: 36px; align-self: end; }
.profile-mark span:nth-child(3) { width: 15px; height: 36px; justify-self: end; }
.profile-grid .section-copy { max-width: 645px; }
.profile-signature { margin: 31px 0 0 !important; color: var(--brass-light) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; }

.section--faq { background: #e9e6de; }
.faq-heading { max-width: 700px; }
.faq-list { margin-top: 39px; border-top: 1px solid rgba(10, 24, 46, 0.24); }
.faq-list details { border-bottom: 1px solid rgba(10, 24, 46, 0.24); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 0; color: var(--ink); cursor: pointer; font-size: 14px; font-weight: 800; line-height: 1.55; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--brass-dark); font-family: var(--latin-sans); font-size: 22px; font-weight: 400; transition: transform 160ms var(--ease-out); }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 800px; margin: 0; padding: 0 0 21px; font-size: 13px; line-height: 1.85; }

.section--consultation { background: var(--ink-deep); }
.section--consultation .blueprint-route::before { background: rgba(246, 243, 236, 0.25); }
.section--consultation .blueprint-route span { background: var(--paper); }
.section--consultation .blueprint-route i { background: var(--brass-light); }
.consultation-grid { display: grid; gap: 45px; }
.consultation-copy > p:not(.section-index):not(.section-kicker) { max-width: 525px; margin: 22px 0 0; color: var(--paper-soft); font-size: 13px; line-height: 1.9; }
.consultation-steps { display: grid; gap: 10px; margin: 30px 0 0; padding: 0; list-style: none; }
.consultation-steps li { display: flex; align-items: center; gap: 11px; color: var(--paper); font-size: 12px; font-weight: 700; }
.consultation-steps span { color: var(--brass-light); font-family: var(--latin-sans); font-size: 10px; letter-spacing: 0.1em; }
.consultation-form { display: grid; gap: 16px; padding: 23px; border: 1px solid rgba(246, 243, 236, 0.27); background: rgba(246, 243, 236, 0.04); }
.form-row { display: grid; gap: 16px; }
.consultation-form label { display: grid; gap: 7px; color: var(--paper); font-size: 11px; font-weight: 700; letter-spacing: 0.02em; }
.consultation-form label > span { color: var(--brass-light); font-size: 9px; }
.consultation-form input, .consultation-form select, .consultation-form textarea { width: 100%; border: 1px solid rgba(246, 243, 236, 0.35); border-radius: 0; outline: none; background: transparent; color: var(--paper); font: inherit; font-size: 13px; font-weight: 500; line-height: 1.5; }
.consultation-form input, .consultation-form select { height: 46px; padding: 0 11px; }
.consultation-form textarea { min-height: 100px; padding: 11px; resize: vertical; }
.consultation-form option { background: var(--ink-deep); color: var(--paper); }
.consultation-form input:focus, .consultation-form select:focus, .consultation-form textarea:focus { border-color: var(--brass-light); box-shadow: 0 0 0 2px rgba(223, 183, 128, 0.14); }
.consultation-form input::placeholder, .consultation-form textarea::placeholder { color: rgba(246, 243, 236, 0.43); }
.form-check { display: flex !important; grid-template-columns: 16px 1fr; align-items: start; gap: 10px !important; color: var(--paper-soft) !important; font-size: 10px !important; font-weight: 500 !important; line-height: 1.65; }
.form-check input { width: 15px; height: 15px; margin: 1px 0 0; accent-color: var(--brass); }
.form-submit { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 59px; margin-top: 2px; border: 0; border-radius: 0; padding: 12px 17px; background: var(--brass); color: #17120e; cursor: pointer; font: inherit; font-size: 13px; font-weight: 900; transition: background 160ms var(--ease-out), transform 160ms var(--ease-out); }
.form-submit span { font-family: var(--latin-sans); font-size: 18px; }
.form-note { margin: 0 !important; color: rgba(246, 243, 236, 0.72) !important; font-size: 10px !important; line-height: 1.7 !important; }
.form-success { display: none; margin: 0 !important; padding: 12px; border-left: 2px solid var(--brass-light); background: rgba(223, 183, 128, 0.1); color: var(--paper) !important; font-size: 12px !important; }
.form-success.is-visible { display: block; }

.site-footer { border-top: 1px solid rgba(246, 243, 236, 0.2); background: #040b14; color: var(--paper); }
.site-footer__inner { display: flex; flex-direction: column; gap: 20px; padding-top: 30px; padding-bottom: calc(30px + env(safe-area-inset-bottom)); }
.site-footer__service { margin: 0; color: var(--brass-light); font-family: var(--latin-sans); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; }
.site-footer__meta { display: grid; gap: 5px; }
.site-footer__meta p { margin: 0; color: rgba(246, 243, 236, 0.72); font-size: 11px; line-height: 1.7; }

@media (min-width: 640px) {
  :root { --page-gutter: 40px; }
  .section { padding: 110px 0; }
  .section h2 { font-size: 43px; }
  .outcome-grid, .theme-grid, .case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .outcome-card:nth-child(odd) { border-right: 1px solid rgba(10, 24, 46, 0.18); }
  .process-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .process-step:nth-child(odd) { border-right: 1px solid rgba(10, 24, 46, 0.22); }
  .form-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .consultation-form { padding: 30px; }
}

@media (min-width: 1024px) {
  :root { --page-gutter: 56px; }
  .section { padding: 142px 0; }
  .section h2 { font-size: clamp(43px, 3.55vw, 57px); }
  .split-heading { grid-template-columns: 1fr 2fr; gap: 30px; }
  .diagnosis-layout { grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); gap: 9vw; }
  .reframe-grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: center; gap: 9vw; }
  .sequence-compare { grid-template-columns: 0.85fr 1.15fr; }
  .outcome-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .outcome-card { min-height: 210px; padding: 24px 20px 24px 0; border-bottom: 0; border-right: 1px solid rgba(10, 24, 46, 0.18); }
  .outcome-card:not(:first-child) { padding-left: 28px; }
  .outcome-card span { position: static; margin: 0 0 28px; }
  .outcome-card:last-child { border-right: 0; }
  .process-heading, .pricing-heading, .experience-heading { grid-template-columns: 1fr 2fr; gap: 30px; }
  .process-timeline { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .process-step { min-height: 262px; padding-right: 20px; }
  .process-step:not(:last-child) { border-right: 1px solid rgba(10, 24, 46, 0.22); }
  .process-step:nth-child(odd) { border-right: 1px solid rgba(10, 24, 46, 0.22); }
  .process-note { grid-template-columns: 1fr 3fr; }
  .deliverables-grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); align-items: start; gap: 9vw; }
  .cta-band { flex-direction: row; align-items: center; justify-content: space-between; }
  .outline-cta { width: auto; min-width: 340px; }
  .theme-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .collaboration-grid { grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); align-items: center; gap: 9vw; }
  .role-map { grid-template-columns: 1fr 1.3fr 1fr; align-items: center; min-height: 255px; padding: 35px; }
  .role-card--advisor { transform: translateY(-22px); }
  .role-map__line { position: absolute; z-index: 1; display: block; top: 50%; width: 14%; height: 1px; background: var(--brass); }
  .role-map__line--one { left: 25%; }.role-map__line--two { right: 25%; }
  .case-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pricing-layout { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); }
  .fit-grid { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); align-items: start; gap: 9vw; }
  .fit-note { flex-direction: row; align-items: center; justify-content: space-between; }
  .profile-grid { grid-template-columns: 0.42fr 1.58fr; align-items: start; gap: 9vw; }
  .profile-mark { width: 170px; height: 170px; padding: 27px; }
  .consultation-grid { grid-template-columns: minmax(0, 0.87fr) minmax(0, 1.13fr); gap: 9vw; }
  .consultation-form { padding: 37px; }
  .site-footer__inner { flex-direction: row; align-items: center; justify-content: space-between; gap: 40px; padding-top: 34px; padding-bottom: 34px; }
  .site-footer__meta { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px 18px; }
}

@media (hover: hover) {
  .outline-cta:hover { background: var(--ink); color: var(--paper); }
  .outline-cta--dark:hover { background: var(--paper); color: var(--ink); }
  .stripe-cta:hover { background: var(--brass-light); color: var(--ink-deep); }
  .form-submit:hover { background: var(--brass-light); transform: translateY(-2px); }
}
.outline-cta:active, .stripe-cta:active, .form-submit:active { transform: scale(0.98); }
.outline-cta:focus-visible, .stripe-cta:focus-visible, .form-submit:focus-visible, .faq-list summary:focus-visible { outline: 2px solid var(--brass-light); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .outline-cta, .form-submit, .faq-list summary span { transition: none; } }