@charset "utf-8";
/* CSS Document */
    :root{
      --blue:#0b5ed7;
      --blue2:#0a4fb6;
      --orange:#ff7a00;
      --orange2:#ff9a3d;
      --ink:#0f172a;
      --muted:#475569;
      --muted2:#64748b;
      --bg:#f6f8fc;
      --card:#ffffff;
      --line:rgba(15,23,42,.10);
      --shadow:0 14px 30px rgba(15,23,42,.08);
      --radius:16px;
      --w:1290px;
      --focus:0 0 0 4px rgba(11,94,215,.18);
      --mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      --sans:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    }
   .trust-h1{    
       margin: 10px 0 10px;
        font-size: 38px;
        line-height: 1.08;
        letter-spacing: -.6px;
     }
   .trust-h2 {
        margin: 0;
        font-size: 22px;
        letter-spacing: -.25px;
    }
	.trust-container{max-width:var(--w); margin:0 auto; padding:0 20px}

    .trust-btn{
      display:inline-flex; align-items:center; justify-content:center;
      gap:10px;
      padding:12px 14px;
      border-radius:12px;
      font-weight:750;
      letter-spacing:.2px;
      text-decoration:none;
      border:1px solid transparent;
      transition:transform .06s ease, box-shadow .16s ease, background .16s ease;
      cursor:pointer;
      user-select:none;
      white-space:nowrap;
    }
    .trust-btn:focus{outline:none; box-shadow:var(--focus)}
    .trust-btn:hover{transform:translateY(-1px)}
    .trust-btn-primary{background:linear-gradient(180deg, var(--blue) 0%, var(--blue2) 100%); color:#fff; box-shadow:0 14px 24px rgba(11,94,215,.20)}
    .trust-btn-secondary{background:#fff; color:var(--blue2); border-color:rgba(11,94,215,.25)}
    .trust-btn-ghost{background:transparent; border-color:rgba(15,23,42,.14); color:var(--ink)}
    .trust-btn-small{padding:9px 11px; border-radius:11px; font-size:13px; font-weight:700}
    .trust-pill{
      display:inline-flex; align-items:center; gap:8px;
      padding:7px 10px; border-radius:999px;
      border:1px solid rgba(15,23,42,.12);
      background:rgba(255,255,255,.85);
      color:var(--muted);
      font-size:13px;
      white-space:nowrap;
    }
    .trust-pill b{color:var(--ink)}
    .trust-hero{
    }
    .trust-heroCard{
      border-radius:22px;
      border:1px solid rgba(11,94,215,.14);
      background:
        radial-gradient(1200px 400px at 20% 0%, rgba(255,122,0,.14) 0%, rgba(255,122,0,0) 70%),
        radial-gradient(1200px 520px at 90% 10%, rgba(11,94,215,.18) 0%, rgba(11,94,215,0) 65%),
        linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.92) 100%);
      box-shadow:var(--shadow);
      overflow:hidden;
    }
    .trust-heroGrid{
      display:grid;
      grid-template-columns: 1.15fr .85fr;
      gap:22px;
      padding:26px;
    }
    .trust-kicker{
      display:inline-flex; gap:10px; align-items:center;
      font-weight:800;
      color:var(--blue2);
      letter-spacing:.2px;
      font-size:13px;
      text-transform:uppercase;
    }
    .trust-dot{
      width:8px; height:8px; border-radius:999px;
      background:var(--orange);
      box-shadow:0 0 0 4px rgba(255,122,0,.14);
    }
    .trust-lead{
      margin:0 0 14px;
      color:#475569;
      font-size:16px;
      line-height:1.55;
    }
    .trust-heroCtas{display:flex; gap:10px; flex-wrap:wrap; margin:14px 0 12px}
    .trust-heroLinks{
      display:flex; gap:12px; flex-wrap:wrap;
      font-size:13px; color:var(--muted2);
      margin-top:6px;
    }
    .trust-heroLinks a{color:var(--muted2); text-decoration:none}
    .trust-heroLinks a:hover{color:var(--blue2); text-decoration:underline}
    .trust-proofGrid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      align-content:start;
    }
    .trust-tile{
      background:rgba(255,255,255,.92);
      border:1px solid rgba(15,23,42,.10);
      border-radius:16px;
      padding:14px 14px 12px;
      box-shadow:0 12px 22px rgba(15,23,42,.06);
      min-height:88px;
    }
    .trust-tile .trust-label{font-size:12px; color:var(--muted2); margin-bottom:6px}
    .trust-tile .trust-value{font-weight:900; letter-spacing:.2px;color: #0f172a;}
    .trust-tile .trust-meta{font-size:12px; color:var(--muted); margin-top:6px}
    .trust-layout{
      display:grid;
      grid-template-columns: 320px 1fr;
      gap:22px;
      padding:18px 0 46px;
    }
    .trust-toc{
      position:sticky; top:86px;
      align-self:start;
      background:rgba(255,255,255,.92);
      border:1px solid rgba(15,23,42,.10);
      border-radius:18px;
      padding:16px;
      box-shadow:0 14px 26px rgba(15,23,42,.06);
    }
    .trust-tocTitle{font-weight:900; font-size:14px; margin:2px 0 10px}
    .trust-toc a{
      display:block;
      padding:9px 10px;
      border-radius:12px;
      text-decoration:none;
      font-size:14px;
      border:1px solid transparent;
    }
    .trust-toc-color{color:#0f172a;}
    .trust-toc a:hover{background:rgba(11,94,215,.08); color:var(--blue2); border-color:rgba(11,94,215,.14)}
    .trust-toc .trust-mini{
      margin-top:12px;
      display:grid; gap:10px;
    }
     .trust-sectionCard{
      background:rgba(255,255,255,.92);
      border:1px solid rgba(15,23,42,.10);
      border-radius:22px;
      padding:22px;
      box-shadow:0 14px 26px rgba(15,23,42,.06);
    }
    .trust-sectionHead{
      display:flex; align-items:flex-end; justify-content:space-between; gap:10px; flex-wrap:wrap;
      margin-bottom:14px;
    }
     .trust-sub{
      margin:4px 0 0;
      color:var(--muted);
      font-size:14px;
      line-height:1.55;
      max-width:78ch;
    }
    .trust-divider{height:1px; background:var(--line); margin:14px 0 16px}
    .trust-grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
    .trust-grid2{display:grid; grid-template-columns:repeat(2,1fr); gap:14px}
    .trust-grid4{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}

.trust-card{
      background:var(--card);
      border:1px solid rgba(15,23,42,.10);
      border-radius:18px;
      padding:16px;
      box-shadow:0 12px 22px rgba(15,23,42,.06);
      position: relative;
      overflow: hidden;
      transform: translateZ(0);
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* soft highlight layer */
.trust-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: inherit;
  pointer-events:none;
  opacity:0;
  transition: opacity .22s ease;
}

/* thin gradient edge */
.trust-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
  opacity:0;
  padding:1px;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  transition: opacity .22s ease;
}

.trust-card:hover{
  transform: translateY(-6px) scale(1.01);
}

.trust-card:hover::before,
.trust-card:hover::after{
  opacity:1;
}

/* accessibility: reduce motion */
@media (prefers-reduced-motion: reduce){
  .trust-card{ transition: none; }
  .trust-card:hover{ transform:none; }
  .trust-card::before,
  .trust-card::after{ transition:none; }
}


    .trust-h3{
      font-size:16px;
      letter-spacing:-.2px;
    }
    .trust-metaRow{
      display:flex; flex-wrap:wrap; gap:8px;
      margin:10px 0 0;
    }
    .trust-muted{color:var(--muted); font-size:13px; line-height:1.55}
    .trust-mini{color:var(--muted2); font-size:12px; line-height:1.55}
    .trust-bullets{margin:10px 0 0; padding-left:16px}
    .trust-bullets li{margin:6px 0; color:var(--muted); font-size:13px; line-height:1.55}
    .trust-linkRow{display:flex; gap:12px; flex-wrap:wrap; margin-top:12px}
    .trust-linkRow a{font-size:13px; color:var(--blue2); text-decoration:none; font-weight:750}
    .trust-linkRow a:hover{text-decoration:underline}
    .trust-filters{
      display:flex; gap:8px; flex-wrap:wrap;
      align-items:center;
    }
    .trust-chip{
      padding:8px 10px;
      border-radius:999px;
      border:1px solid rgba(15,23,42,.14);
      background:#fff;
      font-size:13px;
      color:var(--muted);
      cursor:pointer;
      user-select:none;
    }
    .trust-chip.active{
      border-color:rgba(11,94,215,.28);
      box-shadow:0 10px 18px rgba(11,94,215,.10);
      color:var(--blue2);
      background:linear-gradient(180deg, rgba(11,94,215,.08), rgba(11,94,215,.02));
    }
    .trust-evidenceCard{
      position:relative;
      overflow:hidden;
    }
    .trust-badge{
      position:absolute; top:12px; right:12px;
      background:rgba(255,122,0,.12);
      border:1px solid rgba(255,122,0,.28);
      color:#9a3f00;
      padding:6px 10px;
      border-radius:999px;
      font-size:12px;
      font-weight:850;
    }
    details.drawer{
      margin-top:10px;
      border-top:1px dashed rgba(15,23,42,.18);
      padding-top:10px;
    }
    details.drawer summary{
      cursor:pointer;
      list-style:none;
      font-weight:800;
      color:var(--blue2);
      font-size:13px;
    }
    details.drawer summary::-webkit-details-marker{display:none}
    .trust-drawerBody{
      margin-top:10px;
      font-size:13px;
      color:var(--muted);
      line-height:1.6;
      background:rgba(11,94,215,.04);
      border:1px solid rgba(11,94,215,.10);
      border-radius:14px;
      padding:12px;
    }
    .trust-code{
      font-family:var(--mono);
      font-size:12px;
      color:#0b1220;
      background:rgba(255,255,255,.92);
      border:1px solid rgba(15,23,42,.12);
      border-radius:12px;
      padding:10px;
      overflow:auto;
      white-space:pre-wrap;
      word-break:break-word;
    }
    .trust-media{
      border-radius:18px;
      overflow:hidden;
      border:1px solid rgba(15,23,42,.10);
      background:linear-gradient(180deg, rgba(11,94,215,.10), rgba(255,122,0,.08));
      min-height:160px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:rgba(15,23,42,.75);
      font-weight:800;
      letter-spacing:.2px;
      text-align:center;
      padding:18px;
    }
    .trust-media small{display:block; font-weight:650; color:rgba(15,23,42,.62); margin-top:8px; line-height:1.45}
    .trust-timeline{
      display:grid;
      gap:10px;
    }
    .trust-step{
      display:grid;
      grid-template-columns: 46px 1fr;
      gap:12px;
      align-items:start;
      padding:12px;
      border-radius:16px;
      border:1px solid rgba(15,23,42,.10);
      background:#fff;
    }
    .trust-num{
      width:40px; height:40px; border-radius:14px;
      display:flex; align-items:center; justify-content:center;
      font-weight:950;
      color:#fff;
      background:linear-gradient(180deg, var(--orange) 0%, #ff5e00 100%);
      box-shadow:0 12px 22px rgba(255,122,0,.18);
    }
    .trust-step b{display:block; margin-bottom:4px}
    .trust-kv{
      display:grid;
      grid-template-columns: 220px 1fr;
      gap:10px;
      margin-top:10px;
    }
    .trust-kv .trust-k{color:var(--muted2); font-weight:850; font-size:13px}
    .trust-kv .trust-v{color:var(--muted); font-size:13px; line-height:1.55}
    .trust-accordion details{
      border:1px solid rgba(15,23,42,.10);
      border-radius:16px;
      padding:12px 14px;
      background:#fff;
    }
    .trust-accordion summary{
      cursor:pointer;
      list-style:none;
      font-weight:900;
      color:var(--ink);
    }
    .trust-accordion summary::-webkit-details-marker{display:none}
    .trust-accordion .trust-ans{margin-top:8px; color:var(--muted); font-size:13px; line-height:1.65}
    .trust-ctaBox{
      background:
        radial-gradient(900px 280px at 20% 0%, rgba(255,122,0,.20) 0%, rgba(255,122,0,0) 60%),
        radial-gradient(900px 320px at 90% 10%, rgba(11,94,215,.22) 0%, rgba(11,94,215,0) 62%),
        linear-gradient(180deg, rgba(11,94,215,.06) 0%, rgba(255,255,255,.96) 65%);
      border:1px solid rgba(11,94,215,.16);
    }
.trust-yt{
    grid-column: 1 / -1;   /* span all columns */ /* MDN: grid-column controls placement in grid */
    display: block;        
    position:relative;
    width:100%;
    padding-top:69.25%;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-radius:12px;
    overflow:hidden;
    align-items: unset;
    justify-content: unset;
    background: none;        /* 可选：避免渐变边缘影响观感 */
    min-height: 0;           /* 可选：让高度完全由 padding-top 比例控制 */
}
.trust-yt-v{
    display:block;
    height: 100%;
    position:absolute;
    inset:0;
    width:100%;
  object-fit: cover;       /* 关键：铺满并裁切 */
  object-position: center; /* 可选：裁切居中 */
}

.trust-playBtn{
  position:absolute;inset:0;margin:auto;
  width:64px;height:64px;border:0;border-radius:999px;
  background:rgba(0,0,0,.55);
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  display:flex;
  align-items:center;
  justify-content:center;
}

.trust-playBtn:before{
  content:"";
  width:0;
  height:0;
  border-left:18px solid #fff;
  border-top:11px solid transparent;
  border-bottom:11px solid transparent;
  transform:translateX(2px);
}

.trust-playBtn:focus{outline:2px solid rgba(255,255,255,.75);outline-offset:3px}
.trust-playBtn[hidden]{display:none}



    /* Responsive */
    @media (max-width: 1100px){
      .trust-layout{grid-template-columns:1fr}
      .trust-toc{position:relative; top:auto}
      .trust-heroGrid{grid-template-columns:1fr}
    }
    @media (max-width: 860px){
      h1{font-size:32px}
      .trust-grid3{grid-template-columns:1fr}
      .trust-grid2{grid-template-columns:1fr}
      .trust-grid4{grid-template-columns:1fr 1fr}
      .trust-kv{grid-template-columns:1fr}
      .nav{display:none}
    }
    @media (max-width: 520px){
      .topbar .trust-container{flex-direction:column; align-items:flex-start}
      .trust-grid4{grid-template-columns:1fr}
    }
    
.p-sum-crumbs {
  font-size: 14px;
  color: #475569;
  padding: 15px;
  justify-content: center;
  width: 100%;
}

.p-sum-crumbs a {
  text-decoration: none;
  color: #475569;
}

.p-sum-crumbs a:hover {
  text-decoration: none;
  color: #475569;
}
.all-sp-container{width:min(var(--all-sp-max), calc(100% - 40px)); margin:0 auto}

.laeyo-trust-center,.trust-toc a.trust-toc-color{display:block;padding:8px 12px 8px 16px;border-radius:10px;}
.trust-toc a.trust-toc-color:hover{background:rgba(15,23,42,.04);}
.trust-toc a.trust-toc-color.is-active{font-weight:800;text-decoration:none;background:rgba(15,23,42,.08);}
.trust-toc a.trust-toc-color.is-active::before
{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:3px;border-radius:999px;background:currentColor;opacity:.85;}
.trust-card .trust-evidenceMedia{border:none;border-radius:14px;overflow:hidden;background:none;min-height:220px;display:flex;align-items:center;justify-content:center;}
.trust-evidenceMedia img{width:100%;height:100%;object-fit:cover;display:block;}
.trust-card .trust-evidenceMedia.trust-evidenceMedia-empty{background:linear-gradient(135deg, rgba(15,23,42,.03), rgba(15,23,42,.06));}
.trust-card .trust-evidenceIntro{color:rgba(15,23,42,.72);font-size:13px;line-height:1.45;}
.trust-lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;z-index:99999;background:rgba(15,23,42,.72);}
.trust-lightbox.is-open{display:flex;}
.trust-lightbox img{max-width:95vw;max-height:92vh;width:auto;height:auto;display:block;border:none;}


.trust-layout{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}

/* Top navigation (TOC) becomes a sticky filter bar */
.trust-layout > .trust-toc{
  width:100% !important;
  position:sticky !important;
  top:12px !important;
  z-index:999!important;

  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px 10px !important;

  padding:12px 12px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.88) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(2,6,23,.08) !important;
}

/* Ensure main content stretches full width below */
.trust-layout > div{
  width:100% !important;
  min-width:0 !important;
}

/* Title */
.trust-toc .trust-tocTitle{
  flex:0 0 auto !important;
  margin:0 6px 0 0 !important;
  font-weight:900 !important;
  letter-spacing:.2px !important;
  font-size:13px !important;
  color:rgba(15,23,42,.78) !important;
  text-transform:uppercase !important;
}

/* Menu pills (page links / anchor links) */
.trust-toc > a.trust-toc-color{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:rgba(255,255,255,.70) !important;
  color:rgba(15,23,42,.86) !important;
  font-weight:800 !important;
  font-size:13px !important;
  white-space:nowrap !important;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.trust-toc > a.trust-toc-color:hover{
  background:rgba(255,255,255,.98) !important;
  border-color:rgba(15,23,42,.18) !important;
}
.trust-toc > a.trust-toc-color:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.18) !important;
}

/* Active page indicator (server-rendered) */
.trust-toc > a.trust-toc-color.is-active{
  background: linear-gradient(180deg, var(--blue) 0%, var(--blue2) 100%)!important;
  color: #fff!important;
}

/* Right-side mini CTA aligns to the end */
.trust-toc .trust-mini{
  margin-left:auto !important;
}

/* Market filter chips are links; keep them visually identical to buttons */
.trust-filters a.trust-chip{
  text-decoration:none !important;
  color:inherit !important;
}
.trust-filters a.trust-chip:focus{
  outline:none !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.18) !important;
}

/* Note moves to a new row and stays readable */
.trust-toc .trust-tocNote{
  flex: 1 0 100% !important;
  margin-top:2px !important;
  padding-top:2px !important;
  color: rgba(15,23,42,.62) !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

/* Mobile: reduce stickiness offset + allow horizontal scroll if too many pills */
@media (max-width: 640px){
  .trust-layout > .trust-toc{
    top:8px !important;
    border-radius:14px !important;
    padding:10px 10px !important;
    gap:8px 8px !important;
  }
  .trust-toc .trust-tocTitle{
    font-size:12px !important;
  }
  .trust-toc > a.trust-toc-color{
    padding:7px 10px !important;
    font-size:12px !important;
  }
  .trust-toc .trust-tocNote{
    display:none !important;
  }
}


/* trust-case-studies-media-fix */
/* 1) Make all evidence media covers the same visual height (no more uneven tiles) */
.trust-grid3 .trust-evidenceMedia{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:16px;
  background:rgba(15,23,42,.04);
}
@supports not (aspect-ratio: 4 / 3){
  .trust-grid3 .trust-evidenceMedia{ height:240px; }
}

.trust-grid3 .trust-evidenceMedia > video,
.trust-grid3 .trust-evidenceMedia > iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

/* 2) Show a clear play button overlay on video covers in the grid */
.trust-grid3 .trust-evidenceMedia[data-media="video"]{
  cursor:pointer;
}
.trust-grid3 .trust-evidenceMedia[data-media="video"]::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:64px;
  height:64px;
  border-radius:999px;
  transform:translate(-50%,-50%);
  background:rgba(2,6,23,.55);
  box-shadow:0 12px 30px rgba(2,6,23,.25);
  pointer-events:none;
}
.trust-grid3 .trust-evidenceMedia[data-media="video"]::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-35%,-50%);
  width:0;
  height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:18px solid rgba(255,255,255,.95);
  pointer-events:none;
}
.trust-grid3 .trust-evidenceMedia[data-media="video"]:hover::before{
  background:rgba(2,6,23,.65);
}