body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#eef2fb;color:#17356e}
a{text-decoration:none;color:inherit}*{box-sizing:border-box}img{max-width:100%;display:block}
.topbar{max-width:1320px;margin:0 auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand-logo{width:270px;max-width:100%}.nav{display:flex;gap:34px;font-size:18px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:22px;padding:16px 26px;font-size:18px;font-weight:700}
.btn-primary{color:#fff;background:linear-gradient(180deg,#1e4fbf,#123a9f)}
.page-wrap{max-width:1500px;margin:0 auto;padding:18px 28px 34px}
.page-panel{background:#fff;border:1px solid #d8def0;border-radius:32px;padding:28px;box-shadow:0 10px 30px rgba(23,53,110,.07)}
.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;margin-bottom:20px}
.page-head h1{margin:0;font-size:52px}.page-head p{margin:10px 0 0;font-size:20px;color:#5f6f90;max-width:820px;line-height:1.5}
.note{background:#eef4ff;border:1px solid #bfd0ff;border-radius:18px;padding:14px 18px;max-width:420px;line-height:1.5;color:#17356e}
.product-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #d8def0;border-radius:24px;overflow:hidden}
.product-table th,.product-table td{vertical-align:top;border-right:1px solid #d8def0;border-bottom:1px solid #d8def0}
.product-table th:last-child,.product-table td:last-child{border-right:none}
.product-table tr:last-child td{border-bottom:none}
.product-table th{text-align:left;padding:16px;background:#f8fbff}
.product-cell{padding:14px}
.poster-link{display:block;border-radius:18px;overflow:hidden;border:1px solid #d8def0;user-select:none;-webkit-user-select:none}
.poster-link img{width:100%;display:block;pointer-events:none;-webkit-user-drag:none;user-drag:none}
.title-cell{padding:18px;font-size:28px;font-weight:800;line-height:1.15;min-width:220px}
.desc-cell{padding:18px;font-size:18px;line-height:1.55}.desc-cell ul{margin:0;padding-left:20px}.desc-cell li{margin-bottom:8px}
.footer{text-align:center;color:#5f6f90;padding:24px 18px 34px}
@media (max-width:1100px){.page-head h1{font-size:40px}.page-head p{font-size:18px}.product-table,.product-table thead,.product-table tbody,.product-table tr,.product-table th,.product-table td{display:block;width:100%}.product-table thead{display:none}.product-table{border:none;background:transparent}.product-table tr{background:#fff;border:1px solid #d8def0;border-radius:24px;margin-bottom:18px;overflow:hidden}.product-table td{border-right:none!important;border-bottom:none!important}}
@media (max-width:820px){.topbar{flex-wrap:wrap;justify-content:center}.nav{order:3;width:100%;justify-content:center;gap:20px}.brand-logo{width:230px}.page-wrap{padding:12px 16px 28px}.page-panel{padding:20px}.page-head h1{font-size:34px}}
/* ===== HERO LAYOUT ===== */
.hero-wrap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 28px 40px;
}

.hero-panel {
  background: #ffffff;
  border-radius: 32px;
  padding: 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  box-shadow: 0 15px 40px rgba(23,53,110,.08);
}

/* LEFT SIDE */
.hero-left h1 {
  font-size: 56px;
  margin-bottom: 20px;
  line-height: 1.1;
}

.hero-left p {
  font-size: 20px;
  color: #5f6f90;
  margin-bottom: 24px;
}

.hero-actions {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}

.btn-large {
  padding: 18px 28px;
  font-size: 18px;
}

/* FEATURES */
.feature-strip {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.feature-item {
  background: #eef4ff;
  padding: 12px;
  border-radius: 14px;
  font-weight: 600;
  font-size: 14px;
}

/* RIGHT SIDE PRODUCTS */
.hero-right {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.product-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid #d8def0;
  background: #fff;
  transition: 0.2s;
}

.product-card:hover {
  border-color: #1e4fbf;
  transform: translateY(-2px);
}

.icon-box {
  font-size: 24px;
  background: #eef4ff;
  padding: 12px;
  border-radius: 12px;
}

.product-copy h3 {
  margin: 0;
  font-size: 18px;
}

.product-copy p {
  margin: 4px 0 0;
  font-size: 14px;
  color: #5f6f90;
}

.arrow {
  margin-left: auto;
  font-size: 20px;
  color: #1e4fbf;
}

/* MOBILE FIX */
@media (max-width: 900px) {
  .hero-panel {
    grid-template-columns: 1fr;
  }

  .hero-left h1 {
    font-size: 38px;
  }

  .feature-strip {
    grid-template-columns: 1fr;
  }
}
.topbar {
  max-width: 1400px;
  margin: 0 auto;
  padding: 18px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.brand-logo {
  width: 220px;
}

.nav a {
  opacity: 0.85;
  transition: 0.2s;
}

.nav a:hover {
  opacity: 1;
  color: #1e4fbf;
}