/* v13: focused changes on the v12 light visual system. */
.desktop-nav { gap: 20px; white-space: nowrap; }
.hero-lead { max-width: 530px; }
.hero-image { mask-image: linear-gradient(to right, transparent, #000 9%, #000 93%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 88%, transparent); mask-composite: intersect; }
.direction-heading { color: var(--blue); font-size: 20px; }
.license-offer { display: grid; grid-template-columns: .85fr 1.45fr auto; align-items: center; gap: 32px; padding: 30px 0; border-block: 1px solid var(--line); }
.license-offer h3 { font-size: 26px; line-height: 1.25; }
.license-offer p { font-size: 20px; line-height: 1.6; color: var(--muted); }
.license-offer .text-link { color: var(--blue); }
.competency-list { min-height: 540px; grid-template-columns: minmax(350px, .9fr) minmax(0, 1.45fr); column-gap: 56px; }
.competency summary { font-size: 24px; gap: 18px; }
.competency summary svg { flex-shrink: 0; }
.competency-content { position: relative; isolation: isolate; overflow: hidden; padding-top: 28px; }
.competency-content::before { content: ''; position: absolute; z-index: -1; inset: 0; background: var(--capability-art) no-repeat right center / 110% auto; opacity: .065; mask-image: linear-gradient(to right, transparent 20%, #000); pointer-events: none; }
.competency-content h3 { max-width: 630px; font-size: 34px; }
.competency-content > p { color: #4c575f; max-width: 660px; font-size: 21px; }
.capability-examples { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .85fr); align-items: center; gap: 20px; margin-top: 26px; }
.capability-examples ul { list-style: none; margin: 0; padding: 0; }
.capability-examples li { padding: 8px 0 8px 20px; position: relative; font-size: 20px; line-height: 1.5; }
.capability-examples li::before { content: ''; position: absolute; left: 0; top: 20px; width: 6px; height: 6px; background: var(--blue); border-radius: 50%; }
.capability-examples img { width: 100%; height: 240px; object-fit: contain; mix-blend-mode: multiply; mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent); mask-composite: intersect; }
.process .section-heading { align-items: center; }
.process h2 { max-width: 710px; }
.budget-intro { display: grid; grid-template-columns: 1.1fr 1fr; align-items: start; gap: 70px; }
.budget-intro > p { font-size: 22px; line-height: 1.6; color: var(--muted); }
.pricing-options { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; margin: 48px 0 34px; }
.pricing-options > div { border-top: 1px solid var(--ink); padding-top: 26px; }
.pricing-options h3 { font-size: 30px; line-height: 1.2; margin-bottom: 20px; }
.pricing-options p { max-width: 560px; font-size: 22px; line-height: 1.6; color: var(--muted); }
.sale-journey li::before, .sale-journey li::after { display: none; }
.sale-journey li { border-top: 1px solid #9bb9ec; }
.sale-journey h3 { font-size: 25px; }
.journey-index { font-size: 22px; }
.contact-copy h2 { max-width: 600px; }
.button-blue { background: var(--blue); color: white; }
.button-blue:hover { background: #1546bc; color: white; }
@media (max-width: 1320px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: grid; }
}
@media (max-width: 1190px) {
  .hero-lead { max-width: 470px; }
  .license-offer { grid-template-columns: .8fr 1.2fr; gap: 20px 35px; }
  .license-offer .text-link { grid-column: 2; }
  .competency-list { grid-template-columns: minmax(310px, .85fr) minmax(0, 1.2fr); column-gap: 34px; min-height: 670px; }
  .competency summary { font-size: 22px; }
  .competency-content h3 { font-size: 30px; }
  .capability-examples { grid-template-columns: 1fr 150px; gap: 12px; }
  .capability-examples img { height: 190px; }
  .budget-intro { gap: 44px; }
  .pricing-options { gap: 44px; }
}
@media (max-width: 900px) {
  .hero-lead { max-width: 650px; }
  .competency-list { min-height: 0; }
  .competency-content { padding: 12px 0 30px; }
  .competency-content::before { background-size: 75% auto; }
  .capability-examples { grid-template-columns: 1fr 240px; gap: 24px; }
  .capability-examples img { height: 210px; }
  .budget-intro { grid-template-columns: 1fr; gap: 26px; }
  .budget-intro > p { max-width: 700px; }
  .pricing-options { margin-top: 34px; }
}
@media (max-width: 560px) {
  .hero-image { height: 190px; object-fit: cover; }
  .license-offer { grid-template-columns: 1fr; gap: 18px; }
  .license-offer .text-link { grid-column: auto; }
  .license-offer h3 { font-size: 26px; }
  .competency summary { font-size: 22px; }
  .competency-content h3 { font-size: 28px; }
  .competency-content > p { font-size: 20px; }
  .competency-content::before { background-position: right bottom; background-size: 160% auto; }
  .capability-examples { grid-template-columns: 1fr; gap: 8px; }
  .capability-examples img { width: 240px; height: 155px; justify-self: center; }
  .pricing-options { grid-template-columns: 1fr; gap: 30px; }
  .pricing-options h3 { font-size: 28px; }
  .pricing-options p, .budget-intro > p { font-size: 20px; }
  .sale-journey h3 { font-size: 24px; }
  .journey-index { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .competency[open] .competency-content { animation: none; }
}