/* about-us.css — 页面内容样式（banner 用 common/industry-hero.css） */
.aboutus-page {
  --bg:#ffffff;--bg-alt:#f8fafc;--bg-card:#ffffff;
  --blue:#00579c;--blue-dim:#004a85;--blue-deep:#003a6e;
  --blue-glow:rgba(0,87,156,0.22);--blue-faint:rgba(0,87,156,0.07);--blue-mid:rgba(0,87,156,0.14);
  --border:rgba(148,163,184,0.28);--border-hi:rgba(0,87,156,0.20);
  --t1:#0f172a;--t2:#475569;--t3:#94a3b8;
  --font:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;
  font-family: var(--font);
  color: var(--t1);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
}

.aboutus-page a { text-decoration: none; color: inherit; }
.aboutus-page ul { list-style: none; }
.aboutus-page img { display: block; max-width: 100%; }

.aboutus-page .section{padding:72px 0}
.aboutus-page .sec-header{margin-bottom:40px;text-align:center}
.aboutus-page .sec-header h2{font-size:clamp(28px,3.2vw,52px);font-weight:600;letter-spacing:-.03em;color:var(--t1);margin-bottom:10px}

.aboutus-page .lbl--white{background:rgba(255,255,255,.10);color:rgba(255,255,255,.85)}

.aboutus-page .btn{border-radius:10px;font-weight:600;transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:none;font-family:var(--font)}
.aboutus-page .btn--lg{font-size:15px;padding:13px 26px}
.aboutus-page .btn--md{font-size:14px;padding:11px 22px}
.aboutus-page .btn--sm{font-size:13px;padding:8px 18px}
.aboutus-page .btn--primary{background:var(--blue);color:#fff}
.aboutus-page .btn--primary:hover{background:var(--blue-dim);transform:translateY(-1px);box-shadow:0 6px 20px -6px var(--blue-glow)}
.aboutus-page .btn--ghost{background:transparent;color:var(--t1);border:1.5px solid var(--border)}
.aboutus-page .btn--ghost:hover{border-color:var(--blue);color:var(--blue)}
.aboutus-page .btn--outline-white{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.aboutus-page .btn--outline-white:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.7)}

/* ===== ENG CARD ===== */
.aboutus-page .eng-card{--accent:#00579c;background-color:var(--bg-card);background-image:radial-gradient(circle,rgba(0,87,156,.06) 1px,transparent 1.3px);background-size:22px 22px;border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border-color .35s ease,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.aboutus-page .eng-card::before{content:'';position:absolute;top:10px;left:10px;width:14px;height:14px;border-top:1.5px solid var(--accent);border-left:1.5px solid var(--accent);border-top-left-radius:4px;opacity:.3;transition:opacity .35s,transform .35s}
.aboutus-page .eng-card::after{content:'';position:absolute;bottom:10px;right:10px;width:14px;height:14px;border-bottom:1.5px solid var(--accent);border-right:1.5px solid var(--accent);border-bottom-right-radius:4px;opacity:.3;transition:opacity .35s,transform .35s}
.aboutus-page .eng-card:hover{border-color:rgba(0,87,156,.32);transform:translateY(-5px);box-shadow:0 22px 40px -18px rgba(0,87,156,.22),inset 0 1px 0 rgba(255,255,255,.7)}
.aboutus-page .eng-card:hover::before{opacity:1;transform:translate(-2px,-2px)}
.aboutus-page .eng-card:hover::after{opacity:1;transform:translate(2px,2px)}

/* Banner：页面按需引入 common/industry-hero.css */

/* hero ticker — light stats row */
.aboutus-page .hero-ticker-section {
  flex-shrink: 0;
  background: var(--bg);
  padding: clamp(28px, calc(100vw * 36 / 1440), 36px) var(--space-gutter);
}
.aboutus-page .hero-ticker {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
  gap: var(--space-card);
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  backdrop-filter: none;
}
.aboutus-page .hero-ticker-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 0 var(--space-card);
  text-align: center;
}
.aboutus-page .hero-ticker-item::before { display: none; content: none; }
.aboutus-page .hero-ticker-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aboutus-page .hero-ticker-num {
  font-size: clamp(var(--font-size-5xl), 3vw, var(--font-size-8xl));
  font-weight: 700;
  color: var(--color-title);
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.aboutus-page .hero-ticker-num em {
  font-style: normal;
  color: inherit;
  font-size: inherit;
  margin-left: 0;
}
.aboutus-page .hero-ticker-label {
  margin-top: 8px;
  font-size: var(--font-size-body);
  font-weight: 400;
  color: var(--color-block-dec);
  line-height: 1.4;
}
@media (max-width: 960px) {
  .aboutus-page .hero-ticker-section {
    padding: var(--space-card) var(--space-gutter) var(--space-module);
  }
  .aboutus-page .hero-ticker {
    grid-template-columns: repeat(2, 1fr);
    row-gap: var(--space-module);
  }
}
@media (max-width: 640px) {
  .aboutus-page .hero-ticker-section {
    padding: var(--space-module) var(--space-gutter);
  }
  .aboutus-page .hero-ticker {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-card);
    row-gap: var(--space-module);
  }
  .aboutus-page .hero-ticker-item { padding: 0; }
  .aboutus-page .hero-ticker-num {
    font-size: clamp(var(--font-size-3xl), 7vw, var(--font-size-6xl));
  }
  .aboutus-page .hero-ticker-label {
    font-size: var(--font-size-caption);
  }
}

    /* ── OVERVIEW ── */
    .aboutus-page .overview-section {
      background: var(--bg);
      padding: var(--space-section) 0;
    }
    .aboutus-page .overview-section .wrap {
      display: flex;
      flex-direction: column;
      gap: var(--space-module);
      background: url("/static/skin/images/aboutus/OVERVIEW-title-bg.png") no-repeat center top;
      background-size: auto 200px;
    }
    .aboutus-page .overview-section .sec-header {
      position: relative;
      text-align: center;
      margin: 0 auto;
      padding: 0 var(--space-card);
      
    }
    .aboutus-page .overview-section .sec-header .h2,
    .aboutus-page .why-section .sec-header .h2,
    .aboutus-page .milestones-section .sec-header .h2,
    .aboutus-page .cta-section .cta-title {
      font-size: var(--font-size-page-title);
      font-weight: 500;
      letter-spacing: -0.03em;
      line-height: 1.2;
      color: var(--color-title);
      margin: 0;
   
    }
    .aboutus-page .sec-lbl {
      display: inline-flex;
      align-items: center;
      font-size: var(--font-size-caption);
      font-weight: 500;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--color-primary);
      background: rgba(255, 255, 255, 0.01);
      border-radius: var(--radius-pill);
      box-shadow: inset 0px -7px 12px 0px rgba(0, 87, 156, 0.12);
      padding: 8px 18px;
      margin-bottom: var(--space-card);
      gap: 0 5px;
    }
    .aboutus-page .sec-lbl::before { content: "- "; }
    .aboutus-page .sec-lbl::after { content: " -"; }

    .aboutus-page .overview-proof {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--space-card);
      align-items: center;
      background: linear-gradient(99deg, #023d73 0%, #02569b 64%, #014a86 97%);
      border-radius: var(--radius-md);
      padding: var(--space-module) var(--space-card);
      text-align: center;
    }
    .aboutus-page .overview-proof-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }
    .aboutus-page .overview-proof-num {
      font-size: clamp(var(--font-size-3xl), 3.2vw, var(--font-size-display));
      font-weight: 700;
      color: var(--color-text-on-dark);
      letter-spacing: -0.02em;
      line-height: 1;
    }
    .aboutus-page .overview-proof-num em {
      font-style: normal;
      font-size: inherit;
      color: inherit;
      margin-left: 0;
    }
    .aboutus-page .overview-proof-label {
      font-size: var(--font-size-body);
      color: var(--color-text-on-dark-muted);
      line-height: 1.4;
    }

    .aboutus-page .overview-main {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-md);
      padding: var(--space-module);
      background-color: var(--bg-alt);
      background-image:
        url("/static/skin/images/aboutus/OVERVIEW-bg.png"),
        var(--gradient-2);
      background-position: right center, center;
      background-repeat: no-repeat, no-repeat;
      background-size: auto 100%, cover;
    }
    .aboutus-page .overview-kicker {
      font-size: var(--font-size-subtitle);
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      font-family: var(--font);
      color: var(--color-title);
      margin-bottom: var(--space-card);
    }
    .aboutus-page .overview-main p {
      max-width: 80%;
      margin: 0;
      font-size: var(--font-size-base);
      color: var( --color-title);
      line-height: 1.8;
    }

    @media (max-width: 960px) {
      .aboutus-page .overview-proof {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: var(--space-module);
        padding: var(--space-module) var(--space-card);
      }
      .aboutus-page .overview-main {
        background-size: min(420px, 70%) auto, cover;
        background-position: right bottom, center;
      }
      .aboutus-page .overview-main p { max-width: 72%; }
    }
    @media (max-width: 640px) {
      .aboutus-page .overview-section .sec-header {
        padding: var(--space-card) 0;
        background-size: min(100%, 520px) auto;
      }
      .aboutus-page .overview-section .sec-header .h2 {
        font-size: var(--font-size-page-title);
      }
      .aboutus-page .overview-proof {
        gap: var(--space-card);
        padding: var(--space-module) var(--space-card);
      }
      .aboutus-page .overview-proof-num {
        font-size: var(--font-size-5xl);
      }
      .aboutus-page .overview-proof-label {
        font-size: var(--font-size-caption);
      }
      .aboutus-page .overview-main {
        padding: var(--space-module) var(--space-card);
        background-size: min(280px, 55%) auto, cover;
        background-position: right -10% bottom -10%, center;
      }
      .aboutus-page .overview-main p {
        max-width: 100%;
        font-size: var(--font-size-body);
      }
    }

    /* ── WHY · 4S ── */
    .aboutus-page .why-section {
      background: var(--bg);
      padding: 0 0 var(--space-section) 0;
    }
    .aboutus-page .why-section .sec-header {
      text-align: center;
      max-width: 820px;
      margin: 0 auto var(--space-module);
      padding: 0 var(--space-card);
    }
    .aboutus-page .why-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: var(--space-card);
    }
    .aboutus-page .why-card {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      position: relative;
      background-color: var(--bg-card);
      background-image: var(--gradient-2);
      border: 1px solid var(--color-border);
      border-radius: var(--radius-md);
      padding: var(--space-module) var(--space-card) var(--space-card);
      transition:
        transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1),
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        background-color 0.3s ease,
        background-image 0.3s ease;
    }
    .aboutus-page .why-card:hover {
      background-color: #02569b;
      background-image:
        url('/static/skin/images/aboutus/hover-bg-make.png'),
        linear-gradient(132deg, #023d73 0%, #02569b 64%, #014a86 97%);
      background-repeat: no-repeat, no-repeat;
      background-position: center, center;
      background-size: cover, cover;
      border-color: var(--color-border);
      transform: translateY(-4px);
      box-shadow: var(--shadow-selected);
    }
    .aboutus-page .why-card:hover .why-card-title,
    .aboutus-page .why-card:hover .why-card-title-letter {
      color: var(--color-text-on-dark);
    }
    .aboutus-page .why-card:hover .why-card-list li {
      color: var(--color-text-on-dark-muted);
    }
    .aboutus-page .why-card-icon {
      width: 46px;
      height: 46px;
      margin: 0 auto var(--space-card);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .aboutus-page .why-card-icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .aboutus-page .why-card-title {
      font-size: var(--font-size-2xl);
      font-weight: 700;
      color: var(--color-title);
      letter-spacing: -0.02em;
      line-height: 1.2;
      margin: 0 0 var(--space-card);
    }
    .aboutus-page .why-card-title-letter { color: var(--color-primary); }
    .aboutus-page .why-card-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 2px 10px;
      width: 100%;
      margin: 0;
      padding: 0;
    }
    .aboutus-page .why-card-list li {
      font-size: var(--font-size-body);
      color: var(--color-text-secondary);
      line-height: 1.5;
    }
    @media (max-width: 960px) {
      .aboutus-page .why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-card);
      }
      .aboutus-page .why-card {
        padding: var(--space-module) var(--space-card);
      }
      .aboutus-page .why-card-icon {
        width: 84px;
        height: 84px;
      }
    }
    @media (max-width: 640px) {
      .aboutus-page .why-grid {
        grid-template-columns: 1fr;
        max-width: 420px;
        margin: 0 auto;
      }
      .aboutus-page .why-card-title {
        font-size: var(--font-size-xl);
      }
      .aboutus-page .why-card-list li {
        font-size: var(--font-size-body);
      }
    }
	/* ── MILESTONES (year rail + content cards) ── */
	.aboutus-page .milestones-section {
    background: #F8F9FD;
	  padding: var(--space-section) 0;
	}
	.aboutus-page .milestones-section .sec-header {
	  text-align: center;
	  max-width: 820px;
	  margin: 0 auto var(--space-module);
	  padding: 0 var(--space-card);
	}
	.aboutus-page .tl {
	  position: relative;
    background: #FFFFFF;
    border: 1px solid #E7EAF0;
    border-radius: var(--radius-md);
	  margin: 0 auto;
    padding: var(--space-card);
	}
	.aboutus-page .tl-scroll {
	  position: relative;
	  max-height: 900px;
	  overflow-y: auto;
	  padding: 8px 12px 8px 0;
	  scrollbar-width: thin;
	  scrollbar-color: var(--border-hi) transparent;
   
	}
	.aboutus-page .tl-scroll::-webkit-scrollbar { width: 6px; }
	.aboutus-page .tl-scroll::-webkit-scrollbar-thumb {
	  background: var(--border-hi);
	  border-radius: var(--radius-sm);
	}
	.aboutus-page .tl-scroll::-webkit-scrollbar-track { background: transparent; }
	.aboutus-page .tl-track {
	  --tl-year-w: 96px;
	  --tl-gap: 40px;
	  --tl-line-x: calc(var(--tl-year-w) + (var(--tl-gap) / 2));
	  position: relative;
	}
	.aboutus-page .tl-track::before {
	  content: "";
	  position: absolute;
	  left: var(--tl-line-x);
	  top: 14px;
	  bottom: 14px;
	  width: 2px;
	  transform: translateX(-50%);
	  background: var(--blue-mid);
	}
	.aboutus-page .tl-row {
	  position: relative;
	  display: grid;
	  grid-template-columns: var(--tl-year-w) minmax(0, 1fr);
	  column-gap: var(--tl-gap);
	  align-items: start;
	  padding-bottom: var(--space-card);
	}
	.aboutus-page .tl-row:last-child { padding-bottom: 0; }
	.aboutus-page .tl-row::before {
	  content: "";
	  position: absolute;
	  left: var(--tl-line-x);
	  top: 14px;
	  width: 12px;
	  height: 12px;
	  border-radius: var(--radius-pill);
	  background: var(--bg);
	  border: 2px solid var(--color-border);
	  transform: translateX(-50%);
	  z-index: 1;
	  transition: background 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease;
	}
	.aboutus-page .tl-rail {
	  padding: 6px 0 0;
	  text-align: right;
	}
	.aboutus-page .tl-year {
	  font-size: var(--font-size-base);
	  font-weight: 700;
	  color: var(--t3);
	  letter-spacing: -0.03em;
	  line-height: 1.1;
	  transition: color 0.28s ease, font-size 0.28s ease;
	}
	.aboutus-page .tl-card {
	  background-color: var(--bg-alt);
	  background-image: var(--gradient-2);
	  border: 1px solid var(--color-border);
	  border-radius: var(--radius-md);
	  padding: var(--space-card) calc(var(--space-card) + 6px);
	  transition:
	    background-color 0.28s ease,
	    background-image 0.28s ease,
	    border-color 0.28s ease,
	    box-shadow 0.28s ease,
	    transform 0.28s ease;
	}
	.aboutus-page .tl-events {
	  list-style: none;
	  display: flex;
	  flex-direction: column;
	  gap: 14px;
	  margin: 0;
	  padding: 0;
	}
	.aboutus-page .timeline-event {
	  font-size: var(--font-size-body);
	  color: var(--color-text-secondary);
	  line-height: 1.6;
	}
	.aboutus-page .timeline-event strong {
	  color: var(--color-title);
	  font-weight: 600;
	}
	.aboutus-page .timeline-event-action {
	  display: inline-flex;
	  align-items: center;
	  margin-right: 8px;
	  padding: 2px 10px;
	  border-radius: var(--radius-sm);
	  font-size: var(--font-size-caption);
	  letter-spacing: 0.04em;
	  text-transform: uppercase;
	  font-family: var(--font);
	  color: var(--color-primary);
    background: linear-gradient(94deg, #d2e7ff4d 15%, #d2e7ff1a 90%);
    border: 1px solid #E7EAF0;
	  vertical-align: 1px;
	}
	.aboutus-page .timeline-event-action--awarded,
	.aboutus-page .timeline-event-action--release,
	.aboutus-page .timeline-event-action--funded,
	.aboutus-page .timeline-event-action--partner {
	  color: var(--color-primary);
	}
	.aboutus-page .timeline-event-meta {
	  display: block;
	  margin-top: 6px;
	  font-size: var(--font-size-caption);
	  color: var(--t3);
	  line-height: 1.5;
	}

	/* Active — blue card (toggled by hover / default is-current) */
	.aboutus-page .tl-row.is-current .tl-year {
	  color: var(--color-primary);
	  font-size: var(--font-size-4xl);
	}
	.aboutus-page .tl-row.is-current::before {
	  background: var(--color-primary);
	  border-color: var(--color-primary);
	  box-shadow: 0 0 0 4px var(--blue-mid);
	}
	.aboutus-page .tl-row.is-current .tl-card {
	  background-color: #02569b;
	  background-image:
	    url('/static/skin/images/aboutus/hover-bg-make.png'),
	    linear-gradient(132deg, #023d73 0%, #02569b 64%, #014a86 97%);
	  background-repeat: no-repeat, no-repeat;
	  background-position: center, center;
	  background-size: cover, cover;
	  border-color: transparent;
	  box-shadow: var(--shadow-selected);
	  transform: translateY(-2px);
	}
	.aboutus-page .tl-row.is-current .timeline-event {
	  color: var(--color-text-on-dark-muted);
	}
	.aboutus-page .tl-row.is-current .timeline-event strong {
	  color: var(--color-text-on-dark);
	}
	.aboutus-page .tl-row.is-current .timeline-event-action {
	  color: var(--color-text-on-dark);
	  background: rgba(255, 255, 255, 0.01);

box-shadow: inset 0px -7px 12px 0px rgba(255, 255, 255, 0.12),inset 0px -7px 12px 0px rgba(0, 87, 156, 0.12);
border-color: transparent;
	}
	.aboutus-page .tl-row.is-current .timeline-event-meta {
	  color: var(--color-text-on-dark-muted);
	}

	@media (max-width: 680px) {
	  .aboutus-page .tl-track {
	    --tl-year-w: 64px;
	    --tl-gap: 28px;
	  }
	  .aboutus-page .tl-scroll {
	    max-height: none;
	    overflow: visible;
	    padding-right: 0;
	  }
	  .aboutus-page .tl-year {
	    font-size: var(--font-size-xl);
	  }
	  .aboutus-page .tl-row.is-current .tl-year {
	    font-size: var(--font-size-2xl);
	  }
	  .aboutus-page .tl-card {
	    padding: var(--space-card);
	  }
	  .aboutus-page .timeline-event {
	    font-size: var(--font-size-body);
	  }
	}
	/* ── RESPONSIVE (shared) ── */

/* ══ TRUST BAR ════════════════════════════════════════════════════ */
    .trust-bar { background: var(--bg-alt); padding: 56px 0; }
    .trust-bar-inner { display: flex; align-items: center; justify-content: center; gap: 28px; flex-wrap: wrap; }
    .trust-card {
      display: flex; align-items: center; gap: 20px;
      background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius);
      box-shadow: 0 1px 2px rgba(15,23,42,0.03);
      padding: 20px 28px; flex: 1; min-width: 280px; max-width: 420px;
      transition: border-color .2s;
    }
    .trust-card:hover { border-color: var(--border-hi); }
    .trust-org { font-size: 18px; font-weight: 900; letter-spacing: -0.02em; color: var(--blue); flex-shrink: 0; font-family: var(--font); min-width: 56px; text-align: center; }
    .trust-logo { height: 26px; width: auto; display: block; }
    .trust-divider { width: 1px; height: 40px; background: var(--border); flex-shrink: 0; }
    .trust-report { font-size: 13.5px; font-weight: 600; color: var(--t1); line-height: 1.4; margin-bottom: 4px; }
    .trust-meta { font-size: 11.5px; color: var(--t3); font-family: var(--font); }

    /* ══ CARD BASE — flat white, no texture / no border / no accent wash ══ */
    .why-card,.uc-card {
      --accent:#00579c;
      background: var(--bg-card);
      border: 1px solid var(--border);
      position: relative; overflow: hidden;
      box-shadow: 0 1px 2px rgba(15,23,42,0.03);
      transition: border-color .35s ease, transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;
    }
    .why-card:hover,.uc-card:hover {
      border-color: var(--border-hi); transform: translateY(-5px);
      box-shadow: 0 18px 40px -22px rgba(15,23,42,0.20);
    }

    /* ══ INFRASTRUCTURE CHALLENGES (2×2 — clean editorial w/ watermark) ══ */
    .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 56px; }
    .why-card { border-radius: var(--radius); padding: 30px 32px 28px; display: flex; flex-direction: column; min-height: 196px; }
    .why-card:nth-child(1) { --accent:#0277bd; }
    .why-card:nth-child(2) { --accent:#00579c; }
    .why-card:nth-child(3) { --accent:#0288d1; }
    .why-card:nth-child(4) { --accent:#004a85; }
    .why-title { font-size: 18.5px; font-weight: 800; letter-spacing: -0.02em; color: var(--t1); line-height: 1.25; margin-bottom: 11px; position: relative; z-index: 1; }
    .why-txt { font-size: 13.5px; color: var(--t2); line-height: 1.65; position: relative; z-index: 1; }
    .why-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 20px; position: relative; z-index: 1; }
    .why-tag { font-size: 11.5px; color: var(--t2); background: #e9edf9;
      border: none; border-radius: 100px; padding: 4px 12px; }
    .why-tag b { color: var(--blue); font-weight: 700; }
    .why-mark { position: absolute; right: -16px; bottom: -16px; width: 124px; height: 124px; color: var(--accent);
      opacity: .07; pointer-events: none; transition: opacity .4s ease, transform .5s cubic-bezier(.2,.7,.2,1); }
    .why-mark svg { width: 100%; height: 100%; }
    .why-card:hover .why-mark { opacity: .16; transform: translate(-6px,-6px); }

    /* ══ PLATFORM ARCHITECTURE — spacious layered cards ══ */
    .arch-banner {
      background: var(--blue-faint); border: 1px solid var(--border-hi); border-radius: 12px;
      padding: 13px 24px; margin-bottom: 22px;
      display: flex; align-items: center; justify-content: center; gap: 12px;
      font-size: 12.5px; font-weight: 600; color: var(--blue); font-family: var(--font); letter-spacing: .02em;
    }
    .arch-banner-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); animation: pulse 2.4s ease-in-out infinite; }
    .arch-layers { display: flex; flex-direction: column; gap: 18px; }
    .alayer {
      --accent:#0277bd; border-radius: 16px; position: relative; overflow: hidden;
      background: var(--bg-card); border: 1px solid var(--border);
      box-shadow: 0 1px 2px rgba(15,23,42,0.03);
      transition: border-color .35s ease, transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease;
    }
    .alayer:hover { border-color: var(--border-hi); transform: translateY(-3px);
      box-shadow: 0 18px 40px -22px rgba(15,23,42,0.20); }
    .alayer--top  { --accent:#0277bd; }
    .alayer--mid  { --accent:#00579c; }
    .alayer--base { --accent:#003c6e; }
    .alayer-in { padding: 30px 34px; }
    .alayer-head { display: flex; align-items: center; gap: 18px; }
    .alayer-ic { width: 54px; height: 54px; flex-shrink: 0; display: grid; place-items: center;
      color: var(--accent); }
    .alayer-ic svg { width: 30px; height: 30px; stroke-width: 1.4; }
    .alayer-eyebrow { font-family: var(--font); font-size: 10.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-bottom: 5px; }
    .alayer-name { font-size: 21px; font-weight: 800; letter-spacing: -.025em; color: var(--t1); line-height: 1.15; }
    .alayer-tags { margin-left: auto; display: flex; flex-wrap: wrap; gap: 6px; justify-content: flex-end; max-width: 330px; }
    .alayer-tag { font-size: 10.5px; font-weight: 600; font-family: var(--font); border-radius: 5px; padding: 3px 9px;
      color: var(--blue); background: #e9edf9; border: none; }
    .alayer-lead { font-size: 15px; color: var(--t1); font-weight: 500; line-height: 1.6; margin: 18px 0 0; max-width: 780px; }
    .alayer-detail { margin-top: 20px; padding-top: 20px; border-top: 1px dashed var(--border); }
    .alayer-detail-k { font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-family: var(--font); color: var(--t3); margin-bottom: 14px; }
    .alayer-feats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 36px; }
    .alayer-feat { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; color: var(--t2); line-height: 1.55; }
    .alayer-feat::before { content: ''; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); margin-top: 7px; }
    @media (max-width: 760px) {
      .alayer-head { flex-wrap: wrap; }
      .alayer-tags { margin-left: 0; justify-content: flex-start; max-width: none; width: 100%; }
      .alayer-feats { grid-template-columns: 1fr; }
    }

    /* ══ PRODUCT ADVANTAGES — auto carousel ══ */
    .adv-carousel { --accent:#0277bd; max-width: 1000px; margin: 56px auto 0; }
    .adv-tabs { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; }
    .adv-tab { font-size: 17px; font-weight: 600; letter-spacing: -.015em; color: var(--t2); background: var(--bg-alt); border: none;
      border-radius: 100px; padding: 13px 30px; cursor: pointer; transition: color .3s ease, background .3s ease, box-shadow .3s ease; }
    .adv-tab:hover { color: var(--t1); background: #e9edf9; }
    .adv-tab.active { color: #fff; border-color: transparent; background: var(--blue);
      box-shadow: 0 6px 16px -8px rgba(0,87,156,0.5); }
    .adv-stage { position: relative; border: 1px solid var(--border); border-radius: 18px; overflow: hidden; min-height: 232px;
      background: var(--bg-card);
      box-shadow: 0 1px 2px rgba(15,23,42,0.03); }
    .adv-rail { display: none; }
    .adv-prog { position: absolute; left: 0; top: 0; height: 3px; width: 100%; background: var(--accent); transform: scaleX(0); transform-origin: left; z-index: 3; }
    .adv-slide { position: absolute; inset: 0; display: flex; align-items: center; gap: 36px; padding: 44px 50px;
      opacity: 0; visibility: hidden; transform: translateY(10px);
      transition: opacity .5s ease, transform .5s ease, visibility .5s ease; }
    .adv-slide.active { opacity: 1; visibility: visible; transform: none; position: relative; }
    .adv-slide-ic { flex-shrink: 0; color: var(--accent); display: grid; place-items: center; }
    .adv-slide-ic svg { width: 78px; height: 78px; }
    .adv-slide-body { flex: 1; }
    .adv-slide-k { font-family: var(--font); font-size: 10.5px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; }
    .adv-slide-title { font-size: 24px; font-weight: 800; letter-spacing: -.025em; color: var(--t1); margin-bottom: 12px; line-height: 1.15; }
    .adv-slide-txt { font-size: 14.5px; color: var(--t2); line-height: 1.7; max-width: 560px; }
    @media (max-width: 640px) {
      .adv-slide { flex-direction: column; align-items: flex-start; gap: 18px; padding: 30px 26px; }
      .adv-slide-ic svg { width: 54px; height: 54px; }
      .adv-slide-title { font-size: 20px; }
    }
/* ══ USE CASES ════════════════════════════════════════════════════ */
    .uc-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 0 20px; margin-top: 56px; grid-template-rows: auto auto auto 1fr auto; }
    .uc-card { border-radius: var(--radius); padding: 32px 28px; display: grid; grid-template-rows: subgrid; grid-row: span 5; }
    .uc-card:nth-child(1) { --accent:#00579c; }
    .uc-card:nth-child(2) { --accent:#0277bd; }
    .uc-card:nth-child(3) { --accent:#003c6e; }
    .uc-eyebrow { font-family: var(--font); font-size: 10px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; position: relative; z-index: 1; }
    .uc-title { font-size: 21px; font-weight: 800; letter-spacing: -0.02em; color: var(--t1); margin-bottom: 6px; position: relative; z-index: 1; }
    .uc-for { font-size: 13.5px; font-weight: 600; font-style: italic; line-height: 1.4; color: var(--accent); margin-bottom: 16px; min-height: 40px; position: relative; z-index: 1; }
    .uc-txt { font-size: 13.5px; color: var(--t2); line-height: 1.68; position: relative; z-index: 1; }
    .uc-tags { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding-top: 16px; border-top: 1px dashed var(--border); position: relative; z-index: 1; }
    .uc-tag { font-size: 11px; font-weight: 600; color: var(--blue); background: #e9edf9; border: none; border-radius: 6px; padding: 5px 10px; text-align: center; font-family: var(--font); white-space: nowrap; }
    .uc-mark { position: absolute; right: -14px; bottom: -16px; width: 142px; height: 142px; color: var(--accent); opacity: .09; pointer-events: none; animation: uc-drift 14s ease-in-out infinite; }
    .uc-mark svg { width: 100%; height: 100%; }
    .uc-card:hover .uc-mark { opacity: .24; animation: uc-spin 18s linear infinite; }
    @keyframes uc-drift { 0%,100%{transform:rotate(-4deg) translate(0,0)} 50%{transform:rotate(4deg) translate(-4px,-4px)} }
    @keyframes uc-spin { from{transform:rotate(0) scale(1.08)} to{transform:rotate(360deg) scale(1.08)} }
    @media (max-width: 760px) {
      .uc-grid { grid-template-rows: none; gap: 20px; }
      .uc-card { display: flex; flex-direction: column; grid-row: auto; }
    }

    /* ══ COMPATIBILITY ════════════════════════════════════════════════ */
    .compat-panel { background: var(--bg-card); border: 1px solid var(--border); border-radius: 16px; padding: 32px; margin-bottom: 20px; box-shadow: 0 1px 2px rgba(15,23,42,0.03); }
    .compat-panel-title { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--t3); font-family: var(--font); margin-bottom: 24px; display: flex; align-items: center; gap: 10px; }
    .compat-panel-title::after { content: ''; flex: 1; height: 1px; background: var(--border); }
    .compat-grid-3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
    .compat-grid-4 { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
    .compat-card { background: var(--bg-alt); border: 1px solid var(--border); border-radius: var(--radius); padding: 22px 20px; transition: border-color .2s, transform .2s; }
    .compat-card:hover { border-color: var(--border-hi); transform: translateY(-2px); }
    .compat-head { display: flex; align-items: center; gap: 13px; margin-bottom: 14px; }
    .compat-icon { flex-shrink: 0; color: var(--blue); display: grid; place-items: center; transition: color .3s ease, transform .3s ease; }
    .compat-icon svg { width: 30px; height: 30px; }
    .compat-card:hover .compat-icon { color: var(--blue-dim); transform: translateY(-1px); }
    .compat-name { font-size: 15px; font-weight: 700; color: var(--t1); line-height: 1.25; }
    .compat-models { font-size: 12px; color: var(--t3); line-height: 1.55; margin-bottom: 12px; }
    .compat-status { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; font-family: var(--font); }
    .compat-status-dot { width: 6px; height: 6px; border-radius: 50%; }
    .compat-status--ok  { color: var(--blue); }
    .compat-status--ok  .compat-status-dot { background: var(--blue); }
    .compat-status--beta { color: #b45309; }
    .compat-status--beta .compat-status-dot { background: #f59e0b; }
    /* Platform cards */
    .platform-card { background: var(--bg-alt); border: 1px solid var(--border); border-radius: var(--radius); padding: 22px 20px; transition: border-color .2s, transform .2s; }
    .platform-card:hover { border-color: var(--border-hi); transform: translateY(-2px); }
    .platform-card--overlay { background: linear-gradient(135deg,var(--blue-faint),rgba(0,137,123,0.05)); border-color: var(--border-hi); box-shadow: 0 4px 16px rgba(0,87,156,0.08); }
    .platform-tag { font-size: 12px; font-weight: 800; letter-spacing: 0.06em; font-family: var(--font); border-radius: 6px; padding: 4px 10px; display: inline-block; margin-bottom: 10px; }
    .platform-tag--blue { background: var(--blue);  color: #fff; }
    .platform-tag--teal { background: var(--teal);  color: #fff; }
    .platform-tag--dark { background: #1a2744;      color: #fff; }
    .platform-name { font-size: 14px; font-weight: 700; color: var(--t1); margin-bottom: 4px; }
    .platform-desc { font-size: 12px; color: var(--t3); line-height: 1.55; }

    /* ══ CUSTOMER STORIES ═════════════════════════════════════════════ */
    .stories-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 56px; }
    .story-card { border-radius: var(--radius); padding: 30px 28px; display: flex; flex-direction: column; gap: 16px;
      background: var(--bg-card); border: 1px solid var(--border); position: relative; overflow: hidden;
      box-shadow: 0 1px 2px rgba(15,23,42,0.03);
      transition: border-color .35s ease, transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease; }
    .story-card:hover { border-color: var(--border-hi); transform: translateY(-5px); box-shadow: 0 18px 40px -22px rgba(15,23,42,0.20); }
    .story-card:nth-child(1) { --accent:#00579c; }
    .story-card:nth-child(2) { --accent:#0277bd; }
    .story-card:nth-child(3) { --accent:#003c6e; }
    .story-industry { font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); font-family: var(--font); display: inline-flex; align-items: center; gap: 7px; position: relative; z-index: 1; }
    .story-industry::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
    .story-quote { font-size: 14.5px; color: var(--t2); line-height: 1.72; flex: 1; position: relative; z-index: 1; padding-top: 16px; }
    .story-quote::before { content: '\201C'; position: absolute; top: -8px; left: -3px; font-family: var(--font); font-size: 50px; line-height: 1; color: var(--accent); opacity: .16; }
    .story-divider { height: 1px; background: var(--border); position: relative; z-index: 1; }
    .story-org { display: flex; align-items: stretch; gap: 13px; position: relative; z-index: 1; }
    .story-spine { width: 3px; flex-shrink: 0; min-height: 36px; border-radius: 3px; background: var(--blue); }
    .story-name { font-size: 14px; font-weight: 700; color: var(--t1); }
    .story-type { font-size: 11.5px; color: var(--t3); font-family: var(--font); margin-top: 3px; }
    .story-link { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; color: var(--accent); transition: gap .25s; position: relative; z-index: 1; }
    .story-card:hover .story-link { gap: 9px; }
    .story-mark { position: absolute; right: -8px; top: -4px; width: 90px; height: 90px; color: var(--accent); opacity: .07; pointer-events: none; }
    .story-mark svg { width: 100%; height: 100%; }
	/* ===== CTA ===== */
	.aboutus-page .cta-section {
	  padding: var(--space-section) 0;
	  position: relative;
	  overflow: hidden;
	  background: var(--bg);
	}
	.aboutus-page .cta-inner {
	  position: relative;
	  z-index: 2;
	  text-align: center;
	}
	.aboutus-page .cta-section .sec-header {
	  text-align: center;
	  max-width: 720px;
	  margin: 0 auto var(--space-module);
	  padding: 0 var(--space-card);
	}
	.aboutus-page .cta-sub {
	  font-size: var(--font-size-base);
	  color: var(--color-text-secondary);
	  margin: var(--space-card) auto 0;
	  line-height: 1.65;
	}
	.aboutus-page .cta-cards {
	  display: grid;
	  grid-template-columns: repeat(3, minmax(0, 1fr));
	  gap: var(--space-card);
	  margin: 0 auto;
	  text-align: left;
	}
	.aboutus-page .cta-card {
	  display: flex;
	  flex-direction: column;
	  align-items: flex-start;
    padding: calc(var(--space-card) + 12px) calc(var(--space-card) + 8px);
	  border-radius: var(--radius-md);
	  border: 1px solid var(--color-border);
	  background-color: var(--bg-card);
	  background-image: var(--gradient-2);
	  transition:
	    transform 0.28s ease,
	    box-shadow 0.28s ease,
	    background-color 0.28s ease,
	    background-image 0.28s ease,
	    border-color 0.28s ease;
	}
	.aboutus-page .cta-card-label {
	  display: inline-flex;
	  align-items: center;
	  font-size: var(--font-size-caption);
	  font-weight: 600;
	  letter-spacing: 0.14em;
	  text-transform: uppercase;
	  color: var(--color-primary);
	  background: rgba(255, 255, 255, 0.01);
	  box-shadow: inset 0 -7px 12px 0 rgba(0, 87, 156, 0.12);
	  border-radius: var(--radius-pill);
	  padding: 6px 14px;
	  margin-bottom: var(--space-card);
	}
	.aboutus-page .cta-card-label::before { content: "- "; }
	.aboutus-page .cta-card-label::after { content: " -"; }
	.aboutus-page .cta-card-title {
	  font-size: var(--font-size-xl);
	  font-weight: 700;
	  letter-spacing: -0.02em;
	  line-height: 1.25;
	  color: var(--color-title);
	  margin: 0 0 12px;
	}
	.aboutus-page .cta-card-body {
	  font-size: var(--font-size-body);
	  color: var(--color-text-secondary);
	  line-height: 1.65;
	  margin: 0 0 var(--space-card);
	  flex: 1;
	}
	.aboutus-page .cta-btn {
	  display: inline-flex;
	  align-items: center;
	  gap: 9px;
	  height: 41px;
	  min-height: 41px;
	  margin-top: auto;
	  padding: 4px 20px 4px 4px;
	  font-size: var(--font-size-body);
	  font-weight: 600;
	  line-height: 1;
	  color: var(--color-text-on-dark);
	  background: var(--color-primary);
	  border-radius: 100px;
	  text-decoration: none;
	  box-sizing: border-box;
	  transition: background 0.28s ease, color 0.28s ease;
	}
	.aboutus-page .cta-btn-ic {
	  width: 33px;
	  height: 33px;
	  border-radius: 50%;
	  background: var(--bg);
	  color: var(--color-primary);
	  display: inline-flex;
	  align-items: center;
	  justify-content: center;
	  flex-shrink: 0;
	  transition: background 0.28s ease, color 0.28s ease;
	}
	.aboutus-page .cta-btn-ic svg {
	  width: 14px;
	  height: 14px;
	  display: block;
	}

	/* Featured card (Most popular) */
	.aboutus-page .cta-card--featured {
	  background-color: #02569b;
	  background-image:
	    url('/static/skin/images/aboutus/hover-bg-make.png'),
	    linear-gradient(132deg, #023d73 0%, #02569b 64%, #014a86 97%);
	  background-repeat: no-repeat, no-repeat;
	  background-position: center, center;
	  background-size: cover, cover;
	  border-color: transparent;
	  box-shadow: var(--shadow-selected);
	}
	.aboutus-page .cta-card--featured .cta-card-label {
	  color: var(--color-text-on-dark);
	  box-shadow: inset 0 -7px 12px 0 rgba(255, 255, 255, 0.12), inset 0 -7px 12px 0 rgba(0, 87, 156, 0.12);
	}
	.aboutus-page .cta-card--featured .cta-card-title {
	  color: var(--color-text-on-dark);
	}
	.aboutus-page .cta-card--featured .cta-card-body {
	  color: var(--color-text-on-dark-muted);
	}
	.aboutus-page .cta-card--featured .cta-btn {
	  background: var(--bg);
	  color: var(--color-primary);
	}
	.aboutus-page .cta-card--featured .cta-btn-ic {
	  background: var(--color-primary);
	  color: var(--color-text-on-dark);
	}

	/* Standard cards — blue hover */
	.aboutus-page .cta-card:not(.cta-card--featured):hover {
	  background-color: #02569b;
	  background-image:
	    url('/static/skin/images/aboutus/hover-bg-make.png'),
	    linear-gradient(132deg, #023d73 0%, #02569b 64%, #014a86 97%);
	  background-repeat: no-repeat, no-repeat;
	  background-position: center, center;
	  background-size: cover, cover;
	  border-color: transparent;
	  transform: translateY(-4px);
	  box-shadow: var(--shadow-selected);
	}
	.aboutus-page .cta-card:not(.cta-card--featured):hover .cta-card-label {
	  color: var(--color-text-on-dark);
	  box-shadow: inset 0 -7px 12px 0 rgba(255, 255, 255, 0.12), inset 0 -7px 12px 0 rgba(0, 87, 156, 0.12);
	}
	.aboutus-page .cta-card:not(.cta-card--featured):hover .cta-card-title {
	  color: var(--color-text-on-dark);
	}
	.aboutus-page .cta-card:not(.cta-card--featured):hover .cta-card-body {
	  color: var(--color-text-on-dark-muted);
	}
	.aboutus-page .cta-card:not(.cta-card--featured):hover .cta-btn {
	  background: var(--bg);
	  color: var(--color-primary);
	}
	.aboutus-page .cta-card:not(.cta-card--featured):hover .cta-btn-ic {
	  background: var(--color-primary);
	  color: var(--color-text-on-dark);
	}

	@media (max-width: 960px) {
	  .aboutus-page .cta-cards {
	    grid-template-columns: 1fr;
	    max-width: 480px;
	  }
	  .aboutus-page .cta-card {
	    min-height: 0;
	  }
	}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .pricing-grid{gap:0}
  .pricing-col--featured{transform:scale(1)}
  .pricing-col--featured:hover{transform:translateY(-4px)}
  .adv-grid{grid-template-columns:repeat(3,1fr)}
  .usecase-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .section{padding:64px 0}
  .sec-header{margin-bottom:32px}
  .sec-header h2{font-size: 36px}
  .sec-header p{font-size: 18px;line-height:1.65;padding:0 4px}
  .why-card{padding:24px 20px}
  .why-card-head{align-items:flex-start}
  .why-card-title{font-size: 21px;line-height:1.35}
  .pricing-grid{grid-template-columns:1fr}
  .pricing-col,.pricing-col:first-child,.pricing-col:last-child{border-radius:16px;border:1px solid var(--border);margin-bottom:16px}
  .pricing-col--featured{border:2px solid var(--blue);transform:none}
  .pricing-col--featured:hover{transform:translateY(-4px)}
  .pricing-head{padding:28px 24px 20px}
  .pricing-body{padding:20px 24px}
  .pricing-footer{padding:0 24px 24px}
  .sla-table-wrap{-webkit-overflow-scrolling:touch}
  .sla-card{padding:24px 20px!important}
  .process-grid{grid-template-columns:1fr;gap:14px}
  .process-card{padding:22px 20px;text-align:left}
  .assure-panels{grid-template-columns:1fr;gap:14px}
  .assure-panel-head{padding:18px 20px 14px}
  .assure-panel-body{padding:0 20px 18px}
  .usecase-grid{grid-template-columns:1fr;gap:14px}
  .usecase-card{padding:26px 22px}
  .adv-grid{grid-template-columns:1fr;gap:12px}
  .why-grid{grid-template-columns:1fr;gap:14px}
  .cta-cards{grid-template-columns:1fr}
}
@media(max-width:640px){
.section{padding:52px 0}
  .sec-header{margin-bottom:28px}
  .sec-header h2{font-size: 28px;margin-bottom:8px}
  .sec-header p{font-size:14px}
  .why-grid{gap:12px}
  .why-card{padding:20px 18px}
  .why-card-head{gap:10px;margin-bottom:10px}
  .why-icon{width:32px;height:32px;border-radius:8px}
  .why-icon svg{width:16px;height:16px}
  .why-card-title{font-size: 21px}
  .why-card-desc{font-size: 14px;line-height:1.65}
  .pricing-col{margin-bottom:12px!important}
  .pricing-head{padding:24px 20px 18px}
  .pricing-name{font-size:20px}
  .pricing-sla-value{font-size:28px}
  .pricing-body{padding:18px 20px}
  .pricing-footer{padding:0 20px 20px}
  .pricing-feature{font-size:13px;margin-bottom:12px;gap:8px}
  .sla-card{padding:16px 14px!important}
  .sla-table{min-width:480px;font-size:12px}
  .sla-table thead th{padding:11px 10px;font-size:11px}
  .sla-table td{padding:10px;font-size:12px}
  .sla-note{font-size:11px;margin-top:10px}
  .process-grid{gap:12px}
  .process-card{padding:20px 18px;border-radius:12px}
  .process-num{width:36px;height:36px;font-size:14px;margin-bottom:12px;border-radius:10px}
  .process-title{font-size:14px;margin-bottom:4px}
  .process-desc{font-size:12px;line-height:1.55}
  .assure-panels{gap:12px}
  .assure-panel{border-radius:12px}
  .assure-panel-head{padding:16px 18px 12px;gap:12px}
  .assure-panel-icon{width:40px;height:40px;border-radius:10px}
  .assure-panel-icon svg{width:18px;height:18px}
  .assure-panel-title{font-size: 18px}
  .assure-panel-sub{font-size:11px}
  .assure-panel-body{padding:0 18px 16px}
  .assure-panel-body p{font-size:13px;line-height:1.65}
  .assure-chip{font-size:9px;padding:3px 8px}
  .usecase-grid{grid-template-columns:1fr;gap:12px}
  .usecase-card{padding:22px 18px;border-radius:12px}
  .usecase-title{font-size: 18px;margin-bottom:8px}
  .usecase-sub{font-size:12px;margin-bottom:12px}
  .usecase-tags{padding-top:12px;margin-top:0}
  .usecase-mark{width:96px;height:96px;right:-8px;bottom:-10px}
  .adv-grid{grid-template-columns:1fr;gap:10px}
  .adv-card{padding:20px 18px;border-radius:12px}
  .adv-card-title{font-size:14px}
  .adv-card-desc{font-size: 14px}
  .faq-q{padding:16px 44px 16px 18px;font-size:14px}
  .faq-a p{padding:14px 18px;font-size:13px}
  .nav-links{display:none}
}