/* Compact cooperation pathway with prototype-style vector icons. */
.about-cta p{font-size:clamp(14px,1.15vw,18px);margin:0 0 12px;line-height:1.8}
.about-cta h2{font-size:clamp(20px,1.65vw,28px)}
.about-main{height:auto;grid-template-rows:auto;gap:20px}
.about-hero{min-height:350px}
.about-capabilities{display:block;padding:22px 28px}
.team-experience-panel{display:grid;grid-template-columns:1fr;gap:8px;padding:0;align-items:start}
.team-experience-panel .experience-title{margin-bottom:6px}
.team-experience-panel .company-position{grid-column:1;margin:0}
.team-experience-panel .experience-grid{grid-column:1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;gap:28px}
.team-experience-panel .experience-grid article{align-content:start;align-items:center;gap:10px;padding-right:28px}
.team-experience-panel .experience-grid article:last-child{padding-right:0}
.team-experience-panel .experience-grid h3{grid-column:1/-1;margin:2px 0 0;font-size:clamp(16px,1.1vw,20px);line-height:1.45;color:#10264e}
.team-experience-panel .experience-grid p{font-size:14px;line-height:1.7;margin:0}
.experience-phases{grid-column:1/-1;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.experience-phases li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:start}
.experience-phases li>b{color:#1478dc;font-size:14px;line-height:1.6}
.experience-phases h4{margin:0 0 2px;font-size:14px;line-height:1.6;color:#10264e}
.team-experience-panel .experience-phases p{font-size:13px;line-height:1.6}
@media(max-width:800px){.team-experience-panel .experience-grid{grid-template-columns:1fr;gap:20px}.team-experience-panel .experience-grid article{grid-template-columns:24px minmax(0,1fr);border-right:0;border-bottom:1px solid #e2eaf2;padding:0 0 20px}.team-experience-panel .experience-grid article:last-child{border-bottom:0;padding-bottom:0}.team-experience-panel .experience-grid svg{display:block}}
.cooperation-roadmap{padding:clamp(24px,2.6vw,44px);background:#fff;border:1px solid #e0e8f0;border-radius:14px;color:#0a2149;min-width:0}
.roadmap-kicker{margin:0 0 12px;display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600;color:#425d7e}
.roadmap-kicker:before{content:"";width:28px;height:3px;background:#ff681e}
.cooperation-roadmap h2{margin:0;font-size:clamp(24px,2.4vw,40px);line-height:1.4;letter-spacing:-.025em}
.roadmap-lead{margin:10px 0 24px;font-size:clamp(14px,1.15vw,18px);line-height:1.8;color:#566d8b}
.roadmap-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.stage-card{position:relative;border:1px solid #cddff5;border-radius:7px;padding:22px;display:flex;flex-direction:column;min-width:0;background:#fff;transition:border-color .2s,background .2s}
.stage-card:not(:last-child):after{content:'→';position:absolute;right:-20px;top:43%;color:#076afa;font-size:22px}
.stage-card.is-selected{background:linear-gradient(120deg,#edf7ff,#f4faff);border-color:#066bff;box-shadow:inset 0 0 0 1px #066bff}
.stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#0668ee}
.stage-number{font-size:clamp(28px,2.6vw,42px);font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums}
.stage-top svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.stage-card h3{font-size:clamp(19px,1.6vw,26px);margin:0 0 12px;line-height:1.4}
.stage-description{color:#536b8a;font-size:15px;line-height:1.8;margin:0 0 18px;flex:1}
.stage-outcome{border-top:1px solid #d0e0f4;padding-top:12px}
.stage-outcome>span{display:block;font-size:12px;color:#7a8fac;margin-bottom:6px}
.stage-outcome strong{font-size:15px;line-height:1.7;display:block;min-height:3.4em}
.stage-card button{align-self:flex-end;border:0;background:transparent;color:#0065e9;cursor:pointer;font:inherit;font-size:13px;padding:12px 0 0;display:flex;gap:10px;align-items:center}
.stage-card button:hover{text-decoration:underline}.stage-card button:focus-visible{outline:2px solid #076aff;outline-offset:5px;border-radius:2px}
.roadmap-detail{position:relative;margin-top:18px;border:1px solid #c4ddfc;background:linear-gradient(110deg,#edf7ff,#f1f8ff);border-radius:6px;padding:20px 26px}
.roadmap-detail[hidden]{display:none}
.roadmap-detail:before{content:'';position:absolute;top:-7px;left:calc((var(--selected-stage) + .5)*25% - 7px);width:12px;height:12px;background:#edf7ff;border-top:1px solid #c4ddfc;border-left:1px solid #c4ddfc;transform:rotate(45deg)}
.detail-heading{display:flex;align-items:center;gap:18px;margin-bottom:14px}.detail-heading>span{font-size:30px;font-weight:650;color:#076afa}.detail-heading h3{margin:0;font-size:22px}.detail-heading small{margin-left:auto;color:#7188a3;font-size:13px}
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.detail-grid>div+div{border-left:1px solid #c5dcf5;padding-left:24px}.detail-grid h4{margin:0 0 6px;font-size:16px}.detail-grid p{margin:0;color:#526b8a;font-size:14px;line-height:1.8}
.roadmap-gate{display:flex;align-items:center;gap:12px;margin:16px 0 22px;font-size:13px;color:#6a7f9b;line-height:1.7}.roadmap-gate span{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;background:#0869ee;color:white}
.roadmap-value{border-top:1px solid #cbd9e9;padding-top:20px}.roadmap-value h3{margin:0 0 18px;font-size:clamp(19px,1.7vw,27px)}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.value-grid article{display:flex;align-items:center;gap:18px}.value-grid article+article{border-left:1px solid #dbe5f1;padding-left:24px}.value-grid svg{width:34px;height:34px;flex:none;stroke:#076afa;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.value-grid h4{margin:0 0 5px;font-size:16px}.value-grid p{margin:0;color:#697e99;font-size:13px;line-height:1.7}.value-note{font-size:12px;color:#7a8ba2;margin:18px 0 0}
@media(min-width:1600px){.stage-description{font-size:17px}.stage-outcome strong{font-size:17px}.detail-grid p{font-size:16px}.value-grid p{font-size:15px}}
@media(max-width:1100px){.stage-card{padding:16px}.roadmap-stages{gap:16px}.stage-card:not(:last-child):after{right:-16px;font-size:18px}.stage-description{font-size:13px}.stage-outcome strong{font-size:14px}}
@media(max-width:800px){.team-experience-panel{display:block}.team-experience-panel .company-position{margin-bottom:18px}.roadmap-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-card:not(:last-child):after,.roadmap-detail:before{display:none}.stage-description{font-size:15px}.detail-grid,.value-grid{grid-template-columns:1fr;gap:16px}.detail-grid>div+div,.value-grid article+article{border-left:0;border-top:1px solid #d0e0f4;padding:16px 0 0}.about-hero{min-height:0}}
@media(max-width:480px){.cooperation-roadmap{padding:20px}.roadmap-stages{grid-template-columns:1fr;gap:12px}.stage-card{padding:20px}.stage-outcome strong{min-height:0}.roadmap-detail{padding:20px}.detail-heading{gap:12px}.detail-heading h3{font-size:20px}.detail-heading small{font-size:11px}.about-capabilities{padding:22px}.roadmap-lead{font-size:14px}}

/* Reference proportions: 220px cards, 14px gutters, 18px insets.
   Scale typography with the section, not the full viewport. */
.cooperation-roadmap{container-type:inline-size}
.roadmap-stages{--stage-gap:clamp(24px,1.8cqi,32px);gap:var(--stage-gap);font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.stage-card{padding:1.9cqi 1.9cqi 2.2cqi;border-radius:4px;box-shadow:none}
.stage-card:first-child{background:#fff;border-color:#cddff5;box-shadow:none}
.stage-top{margin-bottom:.25cqi;align-items:center}
.stage-number{font-size:3cqi;line-height:1.12;font-weight:700;letter-spacing:-.04em}
.stage-top svg{width:3.25cqi;height:3.25cqi;stroke-width:1.65}
.stage-card h3{font-size:1.75cqi;line-height:1.35;font-weight:700;margin:0 0 1cqi;letter-spacing:0}
.stage-description{font-size:1.22cqi;line-height:1.65;letter-spacing:0;margin:0 0 1.2cqi;min-height:3.3em;flex:none}
.stage-outcome{padding-top:.85cqi;border-color:#d0e2f8}
.stage-outcome>span{font-size:1.12cqi;line-height:1.5;margin:0 0 .4cqi}
.stage-outcome strong{font-size:1.3cqi;line-height:1.55;min-height:0;font-weight:650;letter-spacing:-.015em}
.stage-card:not(:last-child):after{content:"";position:absolute;left:calc(100% + 1px + var(--stage-gap)/2);right:auto;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2 10h15m-5-5 5 5-5 5' stroke='%231b73e8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.cooperation-roadmap{padding:clamp(22px,2vw,32px)}
.cooperation-roadmap h2{font-size:clamp(22px,1.9vw,32px)}
.roadmap-kicker{font-size:12px;margin-bottom:10px}
.roadmap-lead{font-size:clamp(13px,.95vw,15px);margin:8px 0 18px}
.stage-card{padding:1.5cqi 1.5cqi 1.7cqi}
.stage-number{font-size:2.4cqi}
.stage-icon{display:block;width:clamp(24px,2.3cqi,29px);height:auto;object-fit:contain;mix-blend-mode:multiply}
.stage-card h3{font-size:1.4cqi;margin-bottom:.8cqi}
.stage-description{font-size:max(12px,.98cqi);margin-bottom:1cqi}
.stage-outcome{padding-top:.7cqi}
.stage-outcome>span{font-size:max(11px,.9cqi)}
.stage-outcome strong{font-size:max(12px,1.04cqi)}
@media(max-width:800px){
  .roadmap-stages{gap:14px}
  .stage-card{padding:20px;border-radius:5px}
  .stage-top{margin-bottom:4px}
  .stage-number{font-size:30px}
  .stage-top svg{width:32px;height:32px}
  .stage-card h3{font-size:20px;margin-bottom:12px}
  .stage-description{font-size:14px;min-height:0;margin-bottom:16px;flex:1}
  .stage-outcome{padding-top:12px}
  .stage-outcome>span{font-size:12px;margin-bottom:5px}
  .stage-outcome strong{font-size:14px}
}