@charset "utf-8";
/* CSS Document */
 body {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#ffffff;min-height:100vh;color:#333;margin:0;padding:0;overflow-x:hidden;}
  .hero {position:relative;text-align:center;padding:60px 20px 40px;overflow:hidden;background:#fff;}
  .hero::before {content:'';position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:600px;height:200px;background:radial-gradient(ellipse,rgba(240,177,0,0.1) 0%,transparent 70%);pointer-events:none;}
  .accent-bar {width:60px;height:4px;background:linear-gradient(90deg,#f0b100,#d49a00);border-radius:2px;margin:0 auto 40px;}
  .svg-banner {width:100%;background:linear-gradient(90deg,#f0b100,#d49a00);padding:14px 0;text-align:center;}
  .cards {display:flex;flex-wrap:wrap;gap:24px;max-width:1200px;margin:0 auto;padding:40px 24px 80px;justify-content:center;}
  .card {flex:1 1 320px;max-width:380px;background:#fff;border:1px solid rgba(240,177,0,0.2);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.06);}
  .card:hover {border-color:rgba(240,177,0,0.5);box-shadow:0 12px 40px rgba(240,177,0,0.15);}
  .card-img {width:100%;height:180px;object-fit:cover;display:block;}
  .card-body {padding:28px;}
  .card-icon-top {width:48px;height:48px;background:linear-gradient(135deg,#f0b100,#d49a00);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 4px 16px rgba(240,177,0,0.25);}
  .card-features {margin-top:14px;padding-top:12px;border-top:1px solid rgba(240,177,0,0.12);}
  .feat {font-size:14px;color:#666;padding:5px 0;padding-left:22px;position:relative;}
  @media(max-width:768px){.cards{flex-direction:column;padding:20px 16px 60px;}.card{max-width:100%;width:100%;}.card-img{height:150px;}}