.phone-partner { width: min(100%, var(--phone-content-width)); margin: 0 auto; }
.phone-partner h1, .phone-partner h2, .phone-partner h3, .phone-partner p { margin: 0; }
.phone-partner-hero { min-height: clamp(270px, 68vw, 510px); padding: clamp(96px, 21vw, 158px) clamp(20px, 6vw, 45px) clamp(38px, 8vw, 60px); background-color: #d9efff; background-position: center; background-size: cover; text-align: center; }
.phone-partner-hero h1 { color: var(--phone-ink); font-size: clamp(29px, 6.6vw, 49px); font-weight: 700; line-height: 1.24; }
.phone-partner-hero h1 span, .phone-partner-hero p strong { color: var(--phone-blue); }
.phone-partner-hero p { margin-top: 18px; color: #334256; font-size: clamp(14px, 3.333vw, 25px); line-height: 1.55; }
.phone-partner-hero .phone-partner-stock { margin-top: 10px; }
.phone-partner-shell { display: flex; flex-direction: column; gap: clamp(14px, 4vw, 30px); padding: clamp(14px, 4vw, 30px) 0 clamp(20px, 5vw, 38px); }
.phone-partner-card, .phone-partner-benefits { width: calc(100% - clamp(24px, 7.2vw, 54px)); margin: 0 auto; padding: clamp(23px, 5.6vw, 42px); border-radius: clamp(18px, 4.2vw, 30px); background: #fff; }
.phone-partner-heading { text-align: center; }
.phone-partner-heading h2 { color: #263043; font-size: clamp(22px, 4.8vw, 36px); font-weight: 500; line-height: 1.3; }
.phone-partner-heading p { margin-top: 10px; color: #7a8594; font-size: clamp(14px, 3.067vw, 23px); line-height: 1.55; }
.phone-partner-metric-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
.phone-partner-metric-grid article { display: grid; min-height: clamp(126px, 29vw, 217px); align-content: center; justify-items: center; gap: 6px; padding: 13px 8px; border-radius: 10px; background: #f4f5f7; text-align: center; }
.phone-partner-metric-grid img { width: clamp(42px, 10vw, 75px); height: clamp(42px, 10vw, 75px); padding: clamp(7px, 1.6vw, 12px); border-radius: clamp(8px, 2vw, 15px); background: #ccecff; object-fit: contain; }
.phone-partner-metric-grid strong { color: #283246; font-size: clamp(20px, 4.4vw, 33px); line-height: 1.25; }
.phone-partner-metric-grid span { color: #7a8594; font-size: clamp(14px, 3vw, 22px); line-height: 1.4; }
.phone-partner-benefits { background: linear-gradient(180deg, #d8eaff 0%, #eef7ff 100%); }
.phone-partner-benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
.phone-partner-benefit-grid article { display: grid; min-height: clamp(138px, 31vw, 232px); align-content: start; justify-items: center; padding: clamp(14px, 3.6vw, 27px) clamp(8px, 2vw, 15px); border-radius: 8px; background: #fff; text-align: center; }
.phone-partner-benefit-grid img { width: clamp(46px, 10.4vw, 78px); height: clamp(46px, 10.4vw, 78px); object-fit: contain; }
.phone-partner-benefit-grid h3 { margin-top: 8px; color: #334057; font-size: clamp(16px, 3.6vw, 27px); font-weight: 600; line-height: 1.35; }
.phone-partner-benefit-grid p { margin-top: 7px; color: #7b8797; font-size: clamp(14px, 2.933vw, 22px); line-height: 1.45; }
.phone-partner-condition-track, .phone-partner-process-track { display: flex; gap: 12px; margin-top: 23px; padding: 0 0 10px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; touch-action: auto; -webkit-overflow-scrolling: touch; }
.phone-partner-condition-track::-webkit-scrollbar, .phone-partner-process-track::-webkit-scrollbar { display: none; }
.phone-partner-condition-track article { display: flex; flex: 0 0 min(68vw, 340px); align-items: center; gap: 12px; padding: 13px; border-radius: 11px; background: #f7fbff; scroll-snap-align: start; scroll-snap-stop: always; }
.phone-partner-condition-track img { width: clamp(42px, 10vw, 75px); height: clamp(42px, 10vw, 75px); flex: 0 0 auto; object-fit: contain; }
.phone-partner-condition-track p { color: #657286; font-size: clamp(14px, 3.067vw, 23px); line-height: 1.45; }
.phone-partner-condition-track span { color: #8a95a3; }
.phone-partner-process-track article { display: flex; min-height: clamp(194px, 45vw, 338px); flex: 0 0 min(63vw, 315px); flex-direction: column; padding: clamp(16px, 4vw, 30px); border-radius: 9px; background: linear-gradient(145deg, #b6e4ff, #e3f5ff); scroll-snap-align: start; scroll-snap-stop: always; }
.phone-partner-process-track article > div { display: flex; align-items: start; justify-content: space-between; }
.phone-partner-process-track img { width: clamp(52px, 12vw, 90px); height: clamp(52px, 12vw, 90px); object-fit: contain; }
.phone-partner-process-track strong { color: #7fc6f5; font-size: clamp(28px, 6.4vw, 48px); font-weight: 500; line-height: 1; }
.phone-partner-process-track h3 { margin-top: auto; color: var(--phone-blue); font-size: clamp(16px, 3.6vw, 27px); font-weight: 600; line-height: 1.35; }
.phone-partner-process-track p { margin-top: 7px; color: #596d85; font-size: clamp(14px, 2.933vw, 22px); line-height: 1.5; }
.phone-partner-apply, .phone-partner-more-cases summary { display: flex; width: max-content; max-width: 100%; align-items: center; justify-content: center; gap: 7px; margin: 18px auto 0; padding: 11px clamp(17px, 4vw, 30px); border: 0; border-radius: 7px; background: #e0f3ff; color: var(--phone-blue); font-size: clamp(14px, 3.2vw, 24px); line-height: 1.4; text-align: center; text-decoration: none; cursor: pointer; }
.phone-partner-apply span, .phone-partner-more-cases summary span { font-size: 1.35em; line-height: 1; }
.phone-partner-customers { padding-bottom: clamp(24px, 6vw, 45px); }
.phone-partner-featured-case { margin-top: 23px; padding: clamp(17px, 4.2vw, 32px); border-radius: 8px; background: #f4f5f7; }
.phone-partner-featured-case h3 { color: #2a3447; font-size: clamp(16px, 3.667vw, 28px); line-height: 1.4; }
.phone-partner-featured-case strong { display: block; margin-top: 5px; color: #3b475c; font-size: clamp(14px, 3.067vw, 23px); font-weight: 600; line-height: 1.5; }
.phone-partner-featured-case p { margin-top: 9px; color: #788496; font-size: clamp(14px, 2.8vw, 21px); line-height: 1.55; }
.phone-partner-featured-case img { display: block; width: clamp(100px, 22vw, 165px); height: clamp(38px, 8vw, 60px); margin-top: 14px; object-fit: contain; object-position: left center; }
.phone-partner-logo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 10px; }
.phone-partner-logo-grid img { width: 100%; height: clamp(60px, 14vw, 105px); padding: 6px; border-radius: 7px; background: #f4f5f7; object-fit: contain; filter: grayscale(1); }
.phone-partner-more-cases { margin-top: 17px; text-align: center; }
.phone-partner-more-cases summary { list-style: none; }
.phone-partner-more-cases summary::-webkit-details-marker { display: none; }
.phone-partner-more-cases[open] summary span { transform: rotate(90deg); }
.phone-partner-logo-grid-more { margin-top: 15px; }

@media (max-width: 359px) {
  .phone-partner-metric-grid, .phone-partner-benefit-grid { grid-template-columns: 1fr; }
  .phone-partner-benefit-grid article { min-height: 0; grid-template-columns: 56px 1fr; justify-items: start; column-gap: 12px; text-align: left; }
  .phone-partner-benefit-grid h3 { align-self: end; margin: 0; }
  .phone-partner-benefit-grid p { grid-column: 2; margin: 0; }
}
