/* ============================================================
   Product landing pages (static SEO pages, /products/*.html)
   Loaded after style.css
   ============================================================ */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.lp-hero{background:linear-gradient(135deg,#081F44 0%,#123F8C 62%,#1B55B8 100%);color:#fff;padding:44px 0 54px}
.lp-hero .container{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}
.lp-crumb{color:#9FB4D4;font-size:13px;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lp-crumb a{color:#B9C7DE}
.lp-crumb a:hover{color:#F58220}
.lp-crumb span[aria-current]{color:#fff}
.lp-hero h1{font-size:40px;line-height:1.18;font-weight:800;letter-spacing:-.4px;margin-bottom:14px}
.lp-sub{color:#C6D3E9;font-size:17px;line-height:1.6;max-width:58ch}
.lp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.lp-hero-img img{border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.35);width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}

.lp-quickbar{background:#fff;border-bottom:1px solid #D7DEE8;box-shadow:0 6px 24px rgba(8,31,68,.06)}
.lp-quickgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.qp{padding:20px 8px;text-align:center;border-right:1px solid #EEF2F7}
.qp:last-child{border-right:none}
.qp span{display:block;font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:#7A869A;margin-bottom:5px}
.qp b{font-size:15.5px;color:#0B2A5B;font-weight:700}

.lp-section{padding:64px 0}
.lp-two-col{display:grid;grid-template-columns:1.55fr .95fr;gap:56px;align-items:start}
.lp-prose h2,.lp-h2{font-size:30px;font-weight:800;color:#081F44;line-height:1.25;margin-bottom:18px;letter-spacing:-.2px}
.lp-prose p{color:#4A5568;font-size:16.5px;line-height:1.8;margin-bottom:16px}
.lp-prose em{font-style:italic;color:#0B2A5B}
.lp-lead{color:#4A5568;max-width:76ch;margin-bottom:24px}
.lp-note{color:#7A869A;font-size:14px;margin-top:14px}
.lp-narrow{max-width:840px}

.lp-aside-card{background:#F4F8FD;border:1px solid #E8EFFA;border-radius:14px;padding:26px}
.lp-aside-card h3{font-size:19px;color:#081F44;margin-bottom:10px}
.lp-aside-card p{color:#4A5568;font-size:14.5px;line-height:1.7;margin-bottom:18px}
.lp-aside-card .btn{width:100%;margin-bottom:10px}
.lp-wa,.lp-mail{display:block;font-size:14px;color:#123F8C;text-align:center;padding:5px 0}

.table-wrap{overflow-x:auto;border:1px solid #D7DEE8;border-radius:12px;background:#fff}
.spec-table{width:100%;border-collapse:collapse;font-size:15px;min-width:460px}
.spec-table th,.spec-table td{padding:12px 18px;text-align:left;border-bottom:1px solid #EEF2F7;vertical-align:top}
.spec-table tbody tr:last-child th,.spec-table tbody tr:last-child td{border-bottom:none}
.spec-table th{width:34%;color:#081F44;font-weight:600;background:#F4F8FD}
.spec-table thead th{width:auto;background:#123F8C;color:#fff}
.spec-table td{color:#4A5568}
.pack-table thead th{background:#123F8C;color:#fff;font-weight:600;width:auto}
.pack-table tbody td:first-child{font-weight:600;color:#081F44}

.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.why-card{background:#fff;border:1px solid #D7DEE8;border-radius:12px;padding:22px 24px;border-left:4px solid #F58220}
.why-card h3{font-size:17.5px;color:#081F44;margin-bottom:8px}
.why-card p{color:#4A5568;font-size:14.8px;line-height:1.72}

.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.app-card{background:#fff;border-radius:12px;padding:20px 22px;box-shadow:0 1px 3px rgba(8,31,68,.08)}
.app-card h3{font-size:16px;color:#0B2A5B;margin-bottom:6px}
.app-card p{color:#4A5568;font-size:14.5px;line-height:1.7}

.lp-faq{background:#fff;border:1px solid #D7DEE8;border-radius:10px;margin-bottom:12px;overflow:hidden}
.lp-faq summary{cursor:pointer;padding:16px 44px 16px 20px;font-weight:600;color:#081F44;font-size:16px;list-style:none;position:relative}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";position:absolute;right:20px;top:14px;font-size:20px;color:#1B55B8;line-height:1}
.lp-faq[open] summary::after{content:"\2212"}
.lp-faq[open] summary{background:#F4F8FD}
.lp-faq-a{padding:4px 20px 18px;color:#4A5568;font-size:15px;line-height:1.8}

.lp-cta-band{background:linear-gradient(135deg,#0B2A5B,#123F8C);color:#fff;padding:52px 0}
.lp-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.lp-cta-inner h2{font-size:26px;font-weight:800;margin-bottom:6px}
.lp-cta-inner p{color:#C6D3E9}
.lp-cta-btns{display:flex;gap:12px;flex-wrap:wrap}

.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rel-card{display:block;border:1px solid #D7DEE8;border-radius:12px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}
.rel-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(8,31,68,.12)}
.rel-card img{width:100%;height:160px;object-fit:cover}
.rel-card span{display:block;padding:13px 16px;font-weight:600;color:#081F44;font-size:15px}

@media (max-width:960px){
  .lp-hero .container{grid-template-columns:1fr;gap:30px}
  .lp-hero h1{font-size:30px}
  .lp-hero-img{order:-1}
  .lp-quickgrid{grid-template-columns:repeat(2,1fr)}
  .qp:nth-child(2){border-right:none}
  .qp:nth-child(1),.qp:nth-child(2){border-bottom:1px solid #EEF2F7}
  .lp-two-col{grid-template-columns:1fr;gap:32px}
  .why-grid,.app-grid,.rel-grid{grid-template-columns:1fr 1fr}
  .lp-section{padding:46px 0}
  .lp-prose h2,.lp-h2{font-size:24px}
}
@media (max-width:600px){
  .lp-hero h1{font-size:25px}
  .why-grid,.app-grid,.rel-grid{grid-template-columns:1fr}
  .spec-table th{width:42%}
  .lp-cta-band{padding:38px 0}
  .lp-cta-inner h2{font-size:21px}
}