body{
    /* font-family:'Mulish',-apple-system,BlinkMacSystemFont,sans-serif; */
    color:#1d2433;
    background:#fff;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{line-height:1.2;letter-spacing:-.01em}
  a{color:#1a73e8;text-decoration:none}

  .link,.link:hover {
    text-decoration: underline;
    color: #1a73e8;
  }

  
  /* ---------- HERO ---------- */
  .hero{
    padding: 95px 0 60px;
    position:relative;
    overflow:hidden;
    background-color:#e9f2fe;
    border-bottom:1px solid #cddff5;
    background-image: url('https://cdn.systweak.com/content/wp/systweak_com/v2/img/trust-and-safety/bannner1.png');
    background-position: center center;
    background-size: 2000px auto;
    background-repeat: no-repeat;
  }
  .hero .wrap{padding:62px 22px 56px;position:relative;z-index:2}
  .shield-pill{
    display:inline-flex;
    align-items:center;
    /* gap:8px; */
    background:#c8e3fe;
    color:#1a73e8;
    font-weight:700;
    font-size:15px;
    /* letter-spacing:.02em; */
    padding:7px 12px;
    border-radius:18px;
    text-transform:uppercase;
  }
  .shield-pill svg{width:14px;height:17px;margin-right: 10px;}
  .hero h1{font-size:45px;font-weight:800;margin:23px 0 6px;max-width:14ch;color: #000;}
  .hero h1 .accent{color:#1a73e8}
  .hero p.lead{font-size:18px;color:#3d3d3d;font-weight: 400; line-height: 27px;}
  .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
  .btn{
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-weight: 700;
    font-size: 16px;
    padding: 17px 24px;
    border-radius: 10px;
    transition: transform .15s,box-shadow .15s;
  }
  .btn-primary{background:#1a73e8;color:#fff;box-shadow:0 5px 7px rgba(22, 111, 234, 0.35)}
  .btn-primary:hover{background:#1559b8;text-decoration:none;}
  .btn-ghost{background:#fff;color:#1d2433;border:1px solid #e6e9f0;min-width: 220px;justify-content: center;}
  .btn-ghost:hover{border-color:#1a73e8;color:#1a73e8;text-decoration:none}
  .hero-deco{
    position:absolute;right:-40px;top:50%;transform:translateY(-50%);
    width:340px;height:340px;opacity:.9;z-index:1;pointer-events:none;
  }
  /* @media(max-width:900px){.hero-deco{display:none}} */

  .badge-block img {
    cursor: pointer;
  }

  /* ---------- SECTION SHELL ---------- */
  section.block{padding:80px 0}
  .sec-head{max-width:100%;text-align: center; margin-bottom:57px}
  .sec-head .eyebrow{padding: 6px 0;color:#1a73e8;font-weight:700;font-size:15px;text-transform:uppercase;display:inline-block;margin-bottom:10px; min-width: 225px;border-radius: 18px;background-color: #e5f0ff;}
  .sec-head h2{font-size:40px;font-weight:700;margin-top: 0;}
  .sec-head p{color:#3d3d3d;font-size:20px;margin-top:12px;font-weight: 400;}

  /* ---------- PROMISE GRID ---------- */
  .grid{display:grid;gap:20px;max-width: 1170px; margin: 0 auto;}
  .grid.cols-2{grid-template-columns:1fr 1fr}
  .grid.cols-3{grid-template-columns:repeat(3,1fr)}
  @media(max-width:820px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}
  .card{
    background:#fff;border:1px solid #d5dcf2;border-radius:14px;
    padding:35px 35px 25px;box-shadow:0 1px 3px rgba(20,30,55,.06),0 8px 24px rgba(20,30,55,.05);transition:transform .18s,box-shadow .18s;
  }
  .card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(20,30,55,.10)}
  .card .ic{
    width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:16px;
  }
  .card.bad .ic{background:#fdecec}
  .card.good .ic{background:#e8f6ee}
  .card .ic svg{width:24px;height:24px}
  .card h3{font-size:20px;font-weight:700;margin-bottom:8px;color: #000;margin-top: 5px;}
  .card p{color:#3d3d3d;font-size:16px;line-height: 20px;}

  /* ---------- TWO-COL (never/always) ---------- */
  .nevalways{display:flex;margin-left: -15px;margin-right: -15px; max-width: 1170px; justify-content: center; margin: 0 auto;max-width: 1170px;}
  .collam {
    padding: 0 15px;
    width: 50%;
  }

 
  /* @media(max-width:820px){.nevalways{grid-template-columns:1fr}} */

  .panel{border-radius:14px;padding: 0 34px 60px ;border:1px solid #e6e9f0;position: relative;}
  .panel:before {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #f7dddc;
    z-index: -1;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .panel.always:before {
    background-color: #d2eddc;
  }
  .panel.never{background-color:#fdf4f4;border-color:#f6d9d9}
  .panel.always{background-color:#e8f6ee;border-color:#cdebd9}
  .panel h3{display:inline-block;font-size:18px;font-weight:700;margin-bottom:18px;margin-top: 0; text-align: center; width: 100%;padding-bottom: 25px;}
  .panel ul{list-style:none;display:flex;flex-direction:column;gap:13px}
  .panel .title {
    display: inline-block;
    min-width: 225px;
    background-color: #b54c4c;
    color: #fff;
    position: relative;
    top: -1px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    padding: 7px 0;
  }
  .panel .title img {margin-top: -4px; margin-right: 8px;}
  .panel li{display:flex;font-size:16px;align-items:flex-start;color: #141414;line-height: 22px;}
  .panel li .tick{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;margin-top:4px}
  .never li .tick{background:#f3c2c2;color:#a32020}
  .always li .tick{background:#b6e3c8;color:#16804b}
  .panel li .tick svg{width:12px;height:12px}
  .panel li .tick {margin-right: 17px;}

  .panel.always .title {
    background-color: #16804b;
  }
  .panel li .link {margin:0 5px;}

  .verify-sec {
    background-color: #f8fafc;
  }

  /* ---------- VERIFY STEPS ---------- */
  .steps{display:flex; max-width: 1170px; margin: 0 auto; flex-wrap: wrap;}
  .steps-wrap {display: flex;counter-reset: s; flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}
  .step-col {padding: 0 15px;width: 33.333%;}
  /* @media(max-width:820px){.steps{grid-template-columns:1fr}} */
  .step{position:relative;background:#fff;border:1px solid #d5dcf2;border-radius:10px;padding:35px 33px 20px;box-shadow:0 1px 3px rgba(20,30,55,.06),0 8px 24px rgba(20,30,55,.05)}
  .step::before{
    counter-increment:s;content:counter(s);
    position:static;top:-16px;left:24px;
    width:44px;height:44px;border-radius:10px;background:#1a73e8;color:#fff;
    font-weight:700;font-size:18px;display:grid;place-items:center;
    box-shadow:0 6px 14px rgba(26,115,232,.3);
  }
  .step h3{font-size:20px;font-weight: 700; margin:20px 0 8px}
  .step p{color:#3d3d3d;font-size:16px;line-height: 20px;}
  .step code{background:#f6f8fc;padding:2px 7px;border-radius:6px;font-size:13.5px;color:#1559b8;font-weight:600}

  /* ---------- REPORT BANNER ---------- */
  .report{
    background-image: url('https://cdn.systweak.com/content/wp/systweak_com/v2/img/trust-and-safety/bg-blue.png');
    background-size: cover;
    background-position: center center;
    border-radius:18px;color:#fff;padding:46px 44px 36px;
    display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
    position:relative;overflow:hidden;
    max-width: 1170px;
    margin: 0 auto;
  }
  .report::after{
    content:"";position:absolute;right:-60px;bottom:-60px;width:230px;height:230px;
    background:radial-gradient(circle,rgba(26,115,232,.45),transparent 70%);
  }
  .report .rt{position:relative;z-index:2;max-width:63ch}
  .report h2{color:#fff;font-size:35px;margin-bottom:10px;font-weight: 700; margin-top: 0;}
  .report p{font-size:18px;line-height: 28px;color: #c8ddf9;}
  .report .btn-report{
    position:relative;z-index:2;background:#fff;color:#1a73e8;
    font-weight:700;padding:15px 28px;border-radius:11px;white-space:nowrap;font-size:16px;
    display:inline-flex;align-items:center;gap:10px;
  }
  .report .btn-report svg {
    position: relative;
    top: 2px;
  }
  .report .btn-report:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.25)}

  /* ---------- TRUST BADGES ---------- */
  .badges{background:#f4f8ff;/*border-top:1px solid #e6e9f0;*/border-bottom:1px solid #cddff5}
  .badge-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:20px 0}
  .badge-row img{height:46px;width:auto;filter:grayscale(1);opacity:.72;transition:filter .2s,opacity .2s}
  .badge-row img:hover{filter:grayscale(0);opacity:1}

  /* ---------- FAQ ---------- */
  .faq{max-width:1140px;margin:0 auto}
  details.q{border:1px solid #e6e9f0;border-radius:12px;background:#fff;margin-bottom:25px;overflow:hidden}
  details.q summary{
    cursor:pointer;list-style:none;padding:14px 18px;font-weight:600;font-size:18px;
    color: #1a1b1d;
    display: inline-block;
    width: 100%;
  }
  details.q summary .plus {float: right;top: 3px;}
  details.q summary::-webkit-details-marker{display:none}
  details.q summary .plus{flex-shrink:0;width:24px;height:24px;position:relative;transition:transform .25s}
  details.q summary .plus::before,details.q summary .plus::after{
    content:"";position:absolute;background:#1a73e8;border-radius:2px;
  }
  details.q summary .plus::before{top:11px;left:3px;width:18px;height:2px}
  details.q summary .plus::after{top:3px;left:11px;width:2px;height:18px;transition:transform .25s}
  details.q[open] summary .plus::after{transform:rotate(90deg)}
  details.q .a{padding:0 70px 55px;color:#3d3d3d;font-size:16px;line-height: 24px;}
details.q summary img {margin-right: 25px;}
  .faq-sec {
    background-color: #f8fafc;
  }
  details.q:last-child {margin-bottom: 0;}



@media screen and (max-width:1630px) {
  .btn-ghost {min-width: 180px;}
  .panel {min-height: 390px;}
}
  @media screen and (max-width:1199px) {
    .badge-row{padding: 20px 0;}
    .hero h1 {font-size: 38px;}
    .hero p.lead {font-size: 16px;line-height: 25px;}
    .sec-head h2 {font-size: 36px;}
    .step {padding: 20px 15px; min-height: 251px;}
    .sec-head p {font-size: 18px;}
    .step p {font-size: 15px;}
    .step h3 {font-size: 18px;}
    .card {padding: 25px 25px 20px;}
    .card p {font-size: 15px;}
    .report h2 {font-size: 30px;}
    .report p {font-size: 16px;line-height: 25px;}
    .report .rt {max-width: 60ch;}
  }
  @media screen and (max-width:991px) {
    .badge-block {
        width: 25%;
        text-align: center;
        padding: 10px 0;
    }
    .badge-row {justify-content: center;}
    .hero {background-image: none; padding: 80px 0 40px;}
    .hero h1 {max-width: 100%;}
    .sec-head h2 {font-size: 30px;}
    .panel li {display: inline-block;font-size: 14px;}
    .panel li .tick {float: left; margin-bottom: 1px; margin-right: 10px;}
    .panel {padding: 0 15px 60px;}
    .step-col {width: 50%; margin-bottom: 30px;}
    .grid.cols-2, .grid.cols-3 {grid-template-columns: 1fr 1fr;}
    .report .rt {max-width: 100%;}
  }
  @media screen and (max-width:767px) {
     .hero-deco {
        display: none;
    }
    .hero h1 {font-size: 34px;}
    section.block {padding: 40px 0;}
    .sec-head h2 {font-size: 28px;}
    .sec-head p br {display: none;}
    .sec-head p {font-size: 16px;line-height: 24px;}
    .collam {width: 100%;}
    .nevalways {flex-wrap: wrap;}
    .panel {min-height: auto; margin-bottom: 25px; padding: 0 15px 25px;}
    .report h2 {font-size: 26px;}
    .report {padding: 25px;gap:15px;}
    details.q summary img {display: none;}
    details.q .a {padding: 0 20px 25px;}
    details.q summary {line-height: normal; padding-right: 40px; position: relative; font-size: 16px;}
    details.q summary .plus {position: absolute;top: 13px;right: 15px;}
    .sec-head .eyebrow {font-size: 14px;}
    .step-col {width: 100%;}
    .step {min-height: auto;}
    .step-col:last-child{margin-bottom: 0;}
    .grid.cols-2, .grid.cols-3 {grid-template-columns: 1fr;}
    .sec-head {margin-bottom: 30px;}
    .card {padding: 20px 15px 15px;}
    .step-col {margin-bottom: 15px;}
    .panel.always {margin-bottom: 0;}
    .collam {padding: 0;}
    .btn {font-size: 15px;padding: 12px 15px;}
  }
  @media screen and (max-width:575px) {
    .sec-head h2 {font-size: 24px;}
    .report h2 {font-size: 24px;}
    .card h3 {font-size: 18px;}
  }

  @media screen and (max-width:385px) {
    .panel li .tick {margin-bottom: 23px;}
  }