/* ============ About page ============ */
:root{
  --accent: #3B6EE0;
  --accent-soft: #5B89F0;
  --accent-dark: #2755C7;
}

/* Mission section */
.mission{padding:140px 0;position:relative;background:linear-gradient(180deg,transparent,var(--bg-2),transparent)}
.mission-block{
  background:var(--surface);border:1px solid var(--border);border-radius:24px;
  padding:64px;box-shadow:var(--sh-card-hi);position:relative;overflow:hidden;
  text-align:center;
}
.mission-block::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(at 30% 20%,rgba(91,137,240,.16),transparent 50%),
    radial-gradient(at 70% 80%,rgba(255,109,122,.12),transparent 50%);
  filter:blur(40px);pointer-events:none;
}
.mission-block > *{position:relative}
.mission-quote{
  font-size:clamp(28px,3.4vw,44px);font-weight:700;line-height:1.3;letter-spacing:-.018em;
  color:var(--text);max-width:880px;margin:24px auto 0;
}
.mission-quote .chip{
  display:inline-block;padding:0 .12em;border-radius:.14em;
  background:linear-gradient(135deg,var(--b1),var(--b1-dark));color:#fff;
  box-shadow:0 12px 28px -10px rgba(59,110,224,.45);transform:rotate(-1.5deg);
}
.mission-quote .chip-red{
  background:linear-gradient(135deg,var(--b2),var(--b2-dark));
  box-shadow:0 12px 28px -10px rgba(232,68,85,.45);transform:rotate(1deg);
}

/* Origin wall */
.origin{padding:120px 0}
.origin-grid{
  margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
.org-cell{
  aspect-ratio:1.4/1;border-radius:14px;background:var(--surface);border:1px solid var(--border);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  box-shadow:var(--sh-card);transition:transform .25s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
  padding:14px;
}
.org-cell:hover{transform:translateY(-2px);border-color:var(--border-2);box-shadow:var(--sh-card-hi)}
.org-logo{
  width:42px;height:42px;border-radius:11px;display:grid;place-items:center;
  font-family:var(--mono);font-weight:700;font-size:14px;color:#fff;letter-spacing:-.02em;
}
.org-name{font-size:12px;font-weight:600;color:var(--text);letter-spacing:-.005em;text-align:center}
.org-cell .l-ali  {background:linear-gradient(135deg,#FF6A00,#D14F00)}
.org-cell .l-ant  {background:linear-gradient(135deg,#1677FF,#0B4EB3)}
.org-cell .l-bd   {background:linear-gradient(135deg,#0F172A,#1E293B)}
.org-cell .l-tx   {background:linear-gradient(135deg,#1E88E5,#0D5DAA)}
.org-cell .l-bidu {background:linear-gradient(135deg,#2932E1,#1d2392)}
.org-cell .l-mt   {background:linear-gradient(135deg,#FFD100,#E5B800);color:#0A0D1F}
.org-cell .l-jd   {background:linear-gradient(135deg,#E1251B,#A50E08)}
.org-cell .l-pdd  {background:linear-gradient(135deg,#E02020,#A91414)}
.org-cell .l-net  {background:linear-gradient(135deg,#D81E06,#A41805)}
.org-cell .l-ms   {background:linear-gradient(135deg,#7C3AED,#5B21B6)}
.org-cell .l-amz  {background:linear-gradient(135deg,#FF9900,#CC7700)}
.org-cell .l-goog {background:linear-gradient(135deg,#4285F4,#1A6FE0)}
.org-cell .l-meta {background:linear-gradient(135deg,#0866FF,#1546B0)}

/* Values */
.values{padding:120px 0}
.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.val{
  padding:32px;border-radius:20px;background:var(--surface);border:1px solid var(--border);
  box-shadow:var(--sh-card);transition:transform .25s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);
  display:flex;flex-direction:column;
}
.val:hover{transform:translateY(-3px);box-shadow:var(--sh-card-hi);border-color:var(--border-2)}
.val-icon{
  width:48px;height:48px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--surface-2),var(--surface));border:1px solid var(--border);
  margin-bottom:22px;box-shadow:inset 0 1px 0 #fff,0 4px 12px -4px rgba(15,23,42,.06);
}
.val-icon svg{width:22px;height:22px}
.val-icon.b1 {color:var(--b1)}
.val-icon.geo{color:var(--geo-1)}
.val-icon.cs {color:var(--cs)}
.val-icon.b2 {color:var(--b2)}
.val-t{font-size:18px;font-weight:700;color:var(--text);letter-spacing:-.012em}
.val-d{margin-top:10px;font-size:14px;line-height:1.65;color:var(--text-2)}

@media (max-width:960px){
  .mission-block{padding:32px}
  .origin-grid{grid-template-columns:repeat(3,1fr)}
  .val-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:480px){
  .origin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}