*{box-sizing:border-box;margin:0;padding:0}
.wrap{font-family:'Segoe UI',system-ui,sans-serif;font-size:23px;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden}
.wrap{font-family:'Poppins',system-ui,sans-serif;font-size:23px;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);overflow:hidden}
.topbar{background:#1A3A5C;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:54px;gap:16px}
.logo{color:#fff;font-size:23px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap}
.parent-tag{font-size:19px;color:#A98418;border:0.5px solid rgba(200,168,75,.35);padding:2px 8px;border-radius:3px}
.nav-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.nl{color:#8aa8c4;font-size:21px;cursor:pointer}
.nl.active{color:#fff;border-bottom:1.5px solid #C8A84B;padding-bottom:2px}
.cta-pill{background:#C8A84B;color:#1A3A5C;font-size:20px;font-weight:500;padding:6px 14px;border-radius:3px;cursor:pointer;white-space:nowrap}
.bc{background:#EFF4F9;padding:8px 24px;font-size:20px;color:#5580a4;border-bottom:0.5px solid #d5e4f0}
.bc span{color:#2E6DA4}
.hero{background:#fff;padding:32px;position:relative;overflow:hidden}
.hero-pat{position:absolute;inset:0;pointer-events:none}
.hero-kicker{color:#A98418;font-size:19px;letter-spacing:2px;text-transform:uppercase;margin-bottom:7px;position:relative}
.hero-h{color:#1A3A5C;font-size:29px;font-weight:500;margin-bottom:9px;position:relative}
.hero-p{color:#333;font-size:19px;line-height:1.65;max-width:1000px;margin-bottom:20px;position:relative}
.hero-kicker, .hero-h, .hero-p {
    padding-left: 70px; /* move text slightly to the right */
    max-width: calc(100% - 70px);
}
.hero-img{width:100%;max-width:1100px;max-height:480px;height:auto;display:block;margin:12px auto 18px;border-radius:6px;object-fit:cover}
.hero-row{display:flex;gap:10px;position:relative;flex-wrap:wrap}
.btn-gold{background:#C8A84B;color:#1A3A5C;font-size:21px;font-weight:500;padding:11px 22px;border-radius:4px;cursor:pointer;border:none}
.btn-ghost{background:transparent;color:#8aa8c4;font-size:21px;padding:11px 22px;border-radius:4px;cursor:pointer;border:0.5px solid rgba(255,255,255,.18)}
.body{padding:24px}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.feat{padding:14px;border:0.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);border-top:2px solid #1A3A5C}
.feat-icon {
    width: 38px;
    height: 38px;
    background: #EFF4F9;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px;
}
.feat-title {
    color: var(--color-text-primary);
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px;
}
.feat-desc {
    color: var(--color-text-secondary);
    font-size: 20px;
    line-height: 1.5;
    margin: 0 auto 8px;
    text-align: center;
    width: 100%;
    word-break: normal;
    overflow-wrap: break-word;
}
.spec-box{background:#F7F9FC;border:2px solid var(--color-border-tertiary);border-radius:var(--border-radius-md);overflow:hidden;margin-bottom:24px}
.spec-head{background:#0d2238;color:#fff;font-size:21px;font-weight:500;padding:10px 14px}
.spec-t{width:100%;border-collapse:collapse}
.spec-t tr{border-bottom:0.5px solid var(--color-border-tertiary)}
.spec-t tr:last-child{border-bottom:none}
.spec-t td{padding:10px 14px;font-size:21px}
.spec-t td:first-child{color:var(--color-text-secondary);width:44%;font-weight:500}
.spec-t tr:nth-child(even) td{background:rgba(239,244,249,.5)}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.btn-navy{background:#1A3A5C;color:#fff;font-size:21px;font-weight:500;padding:11px 22px;border-radius:4px;border:none;cursor:pointer}
.btn-amber{background:#C8A84B;color:#1A3A5C;font-size:21px;font-weight:500;padding:11px 22px;border-radius:4px;border:none;cursor:pointer}
.btn-sec{background:var(--color-background-secondary);color:var(--color-text-primary);font-size:21px;padding:11px 22px;border-radius:4px;border:0.5px solid var(--color-border-secondary);cursor:pointer}

@media (max-width: 992px){
  .feats{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 576px){
  .topbar{padding:0 16px;height:auto;min-height:54px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
  .bc{padding:8px 16px}
  .hero{padding:24px 16px}
  .hero-img{width:100%;margin:12px 0 18px}
  .hero-kicker, .hero-h, .hero-p { padding-left: 16px; max-width: calc(100% - 32px); }
  .body{padding:16px}
  .feats{grid-template-columns:1fr}
  .spec-t td:first-child{width:auto}
}