.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: #1d2233; 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(16px, 4.8vw, 36px)); margin: 0 auto; padding: clamp(16px, 3.9vw, 29px); border-radius: clamp(12px, 2.8vw, 20px); background: #fff; }
.phone-partner-heading { text-align: center; }
.phone-partner-heading h2 { color: #1d2233; font-size: clamp(22px, 4.8vw, 36px); font-weight: 500; line-height: 1.3; }
.phone-partner-heading h2 span { color: var(--phone-blue); }
.phone-partner-heading p { margin-top: 10px; color: #697181; 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: 6px; background: #0d99ff1a; text-align: center; }
.phone-partner-metric-grid img { width: clamp(42px, 10vw, 75px); height: clamp(42px, 10vw, 75px); padding: clamp(4px, 1vw, 8px); border-radius: clamp(8px, 2vw, 15px); background: #ccecff; object-fit: contain; }
.phone-partner-metric-grid strong { color: #1d2233; font-size: clamp(20px, 4.4vw, 33px); line-height: 1.25; }
.phone-partner-metric-grid span { color: #697181; 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(16px, 4vw, 28px) 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: #1d2233; font-size: clamp(16px, 3.6vw, 27px); font-weight: 400; line-height: 1.35; }
.phone-partner-benefit-grid p { margin-top: 7px; color: #697181; 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: 24px; 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 16px 13px 13px; border-radius: 11px; background: #f7fbff; scroll-snap-align: start; scroll-snap-stop: always; }
.phone-partner-condition-track img:not(.phone-partner-condition-arrow) { width: clamp(42px, 10vw, 75px); height: clamp(42px, 10vw, 75px); flex: 0 0 auto; object-fit: contain; }
.phone-partner-condition-arrow { width: clamp(12px, 3vw, 18px); height: clamp(12px, 3vw, 18px); margin-left: auto; flex: 0 0 auto; }
.phone-partner-condition-track p { color: #1d2233d8; font-size: clamp(14px, 3.067vw, 23px); line-height: 1.45; }
.phone-partner-condition-track span { color: #1d223399; }
.phone-partner-process-track article { display: flex; min-height: clamp(164px, 38vw, 286px); 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: #697181; font-size: clamp(14px, 2.933vw, 22px); line-height: 1.5; }
.phone-partner-apply { display: flex; width: max-content; max-width: 100%; align-items: center; justify-content: center; gap: 7px; margin: 24px auto 0; padding: 11px clamp(17px, 4vw, 30px); border: 0; border-radius: 6px; 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 { font-size: 1.35em; line-height: 1; }
.phone-partner-customers { padding-bottom: clamp(24px, 6vw, 45px); }
.phone-partner-featured-case { margin-top: 24px; padding: clamp(16px, 4.2vw, 32px); border-radius: 8px; background: #f5f6f7; }
.phone-partner-featured-case h3 { color: #1d2233d8; font-size: clamp(20px, 4.133vw, 31px); line-height: 1.4; }
.phone-partner-featured-case strong { display: block; margin-top: 8px; color: #3b475c; font-size: clamp(16px, 3.4vw, 28px); font-weight: 500; line-height: 1.55; }
.phone-partner-featured-case p { margin-top: 8px; color: #626a78; font-size: clamp(14px, 2.533vw, 19px); line-height: 1.65; }
.phone-partner-case-signature { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; }
.phone-partner-case-signature img { display: block; width: clamp(80px, 12vw, 90px); height: auto; object-fit: contain; }
.phone-partner-case-signature span { color: #626a78; font-size: clamp(14px, 2.5333vw, 19px); white-space: nowrap; }
.phone-partner-logo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 2.533vw, 19px); margin-top: 20px; }
.phone-partner-logo-grid img { width: 100%; height: clamp(74px, 12.267vw, 92px); padding: 5px; border-radius: 8px; background: #f5f6f7; object-fit: contain; }
.phone-partner-more-link { display: block; width: max-content; max-width: 100%; margin: 20px auto 0; padding: 13px clamp(20px, 4.533vw, 34px); border: 0; border-radius: 8px; background: #d1edff; color: var(--phone-blue); font-size: clamp(14px, 2.5333vw, 19px); line-height: 1.35; text-align: center; text-decoration: none; }

@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; }
}