*,*::before,*::after{box-sizing:border-box}
  html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
  body{position:relative;background:#c3d9ff;color:#1a1a2e}
  .skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
  .skip-link:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;padding:12px 18px;background:#1a1a2e;color:#fff;font-weight:700;font-size:14px;text-decoration:none;border-radius:6px;z-index:1000;box-shadow:0 4px 14px rgba(0,0,0,0.35);outline:2px solid #f59e0b;outline-offset:2px}
  body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30' preserveAspectRatio='none'><rect width='60' height='30' fill='%23012169'/><path d='M0,0 L60,30 M60,0 L0,30' stroke='%23ffffff' stroke-width='6'/><path d='M0,0 L60,30 M60,0 L0,30' stroke='%23C8102E' stroke-width='2'/><path d='M30,0 v30 M0,15 h60' stroke='%23ffffff' stroke-width='10'/><path d='M30,0 v30 M0,15 h60' stroke='%23C8102E' stroke-width='6'/></svg>");background-size:100% 100%;background-repeat:no-repeat;opacity:0.13;z-index:-1;pointer-events:none}
  .bg-header{background:#3266cc}
  .bg-nav{background:#1a1a2e}
  .gold{color:#d4af37}
  .green{color:#16a34a}
  table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid #9999cc;margin:14px 0}
  table th{text-align:left;padding:10px 12px;font-weight:700;background:#eef1f8;color:#1a1a2e;border-bottom:2px solid #9999cc;border-right:1px solid #d8dbe8}
  table td{padding:10px 12px;color:#374151;border-bottom:1px solid #e5e7eb;border-right:1px solid #eef0f5}
  table th:last-child,table td:last-child{border-right:none}
  table tr:last-child td{border-bottom:none}
  table .num{text-align:right;font-variant-numeric:tabular-nums}
  table .name{font-weight:700;color:#1a1a2e}
  table .pos{color:#16a34a;font-weight:700}
  table .neg{color:#b12627;font-weight:700}
  .review img.shot{width:100%;border-radius:6px;border:1px solid #9999cc;margin-bottom:18px;display:block}
  .review .head{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
  .review .rank{background:#3266cc;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;padding:5px 13px;border-radius:14px;flex:none;line-height:1}
  .review h3{margin:0;font-size:20px;font-weight:700;color:#1a1a2e;flex:1;min-width:240px}
  .review .stars{position:relative;display:inline-block;font-size:14px;line-height:1;color:#d1d5db}
  .review .stars .inner{position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap;color:#d4af37}
  .review .ratenum{font-weight:700;color:#1a1a2e;font-size:14px;margin-left:4px}
  .pcgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
  .pros,.cons{padding:14px;border-radius:6px}
  .pros{background:#f0fdf4;border:1px solid #bbf7d0}
  .cons{background:#fef2f2;border:1px solid #fecaca}
  .pros p,.cons p{font-weight:700;font-size:13px;margin:0 0 8px}
  .pros p{color:#15803d}
  .cons p{color:#b91c1c}
  .pros ul,.cons ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.5}
  .pros ul{color:#166534}
  .cons ul{color:#991b1b}
  .pros li,.cons li{margin-bottom:5px}
  .review .scoreline{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;font-size:13.5px;color:#374151;padding:12px 0;border-top:1px solid #e5e7eb;margin-top:14px}
  .review p{margin:0 0 12px;font-size:15px;line-height:1.65;color:#374151}
  .stat-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 18px;background:#f9fafb;padding:12px 14px;border-radius:6px;margin:14px 0;font-size:13.5px}
  .stat-block .lab{color:#6b7280;font-size:12px;display:block}
  .stat-block .val{font-weight:700;color:#1a1a2e}
  .cta{display:inline-block;padding:14px 28px;background:#b12627;color:#fff;font-weight:700;font-size:16px;border-radius:6px;text-decoration:none;text-align:center}
  .cta:hover{background:#8f1f20}
  .cta-row{text-align:center;margin-top:14px;padding-top:14px;border-top:1px solid #e5e7eb}
  h1{font-size:30px;line-height:1.2;font-weight:800;color:#1a1a2e;margin:0 0 14px}
  h2{font-size:24px;line-height:1.25;font-weight:700;color:#1a1a2e;margin:0 0 16px}
  h4{font-size:15px;font-weight:700;color:#1a1a2e;margin:14px 0 6px}
  .card{background:#fff;border:1px solid #9999cc;border-radius:6px;padding:20px;margin-bottom:20px}
  @media(min-width:768px){.card{padding:28px}}
  .byline-card{display:flex;align-items:center;gap:16px;background:#dbe7f5;border:1px solid #9999cc;border-radius:8px;padding:14px 16px;margin-bottom:18px;color:inherit;text-decoration:none;transition:background 0.15s,border-color 0.15s}
  a.byline-card:hover{background:#cfdcec;border-color:#3266cc}
  .byline-card img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid #3266cc;flex:none;background:#fff}
  .byline-card .nm{font-weight:700;color:#1a1a2e;font-size:15px;text-shadow:0 1px 0 rgba(255,255,255,0.6)}
  .byline-card .meta{font-size:12px;color:#3f4a5e;margin-top:2px}
  .byline-card .meta a{color:#3266cc}
  ol,ul{margin:0 0 14px;padding-left:22px;color:#374151;line-height:1.65;font-size:15px}
  ol li,ul li{margin-bottom:6px}
  p{margin:0 0 14px;font-size:15px;line-height:1.65;color:#374151}
  p strong{color:#1a1a2e}
  .container{max-width:1280px;margin:0 auto;padding:24px 16px 60px}
  .intro-text .show-more{display:none}
  @media(max-width:760px){
    .intro-text.js-collapsed .intro-more{display:none}
    .intro-text.js-collapsed .show-more{display:inline-flex;align-items:center;gap:6px;background:#dbe7f5;border:1px solid #9999cc;color:#1a4799;font-weight:700;font-size:14px;padding:8px 14px;border-radius:6px;cursor:pointer;margin-top:6px;font-family:inherit}
    .intro-text.js-collapsed .show-more:hover{background:#cfdcec}
    .intro-text.js-collapsed.expanded .intro-more{display:block}
    .intro-text.js-collapsed.expanded .show-more{display:none}
    .intro-text.js-collapsed .intro-lead{margin-bottom:6px}
    .card table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
    .card table th,.card table td{white-space:nowrap}
    .card table td.name,.card table th{white-space:normal}
  }
  @media(max-width:680px){
    .pcgrid{grid-template-columns:1fr}
    h1{font-size:22px;line-height:1.2;letter-spacing:-0.01em;text-wrap:balance;margin:0 0 10px}
    h2{font-size:20px}
    .review h3{font-size:18px}
    .byline-card{gap:12px;padding:10px 12px;margin-bottom:14px}
    .byline-card img{width:56px;height:56px;border-width:2px}
    .byline-card .nm{font-size:14px;line-height:1.3}
    .byline-card .meta{font-size:11px;line-height:1.35;margin-top:1px}
  }
  @media(max-width:380px){
    h1{font-size:20px}
    .byline-card img{width:48px;height:48px}
  }
  nav.primary{position:relative}
  nav.primary > ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}
  nav.primary > ul > li{position:relative}
  nav.primary > ul > li > a{color:#fff;font-weight:600;padding:14px 18px;display:block;text-decoration:none;font-size:14px;letter-spacing:0.2px;border-radius:4px}
  nav.primary > ul > li > a:hover,nav.primary > ul > li > a.active{background:rgba(255,255,255,0.12)}
  nav.primary li.has-dropdown{display:flex;flex-wrap:wrap;align-items:center}
  nav.primary li.has-dropdown > a{flex:0 0 auto}
  nav.primary .dd-toggle{background:transparent;border:0;color:#fff;cursor:pointer;padding:6px 8px;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.15s,transform 0.2s}
  nav.primary .dd-toggle:hover{background:rgba(255,255,255,0.18)}
  nav.primary li.has-dropdown.open .dd-toggle{transform:rotate(180deg)}
  nav.primary .dropdown{position:absolute;top:100%;left:0;list-style:none;margin:0;padding:6px 0;background:#3266cc;border-radius:6px;min-width:180px;box-shadow:0 6px 18px rgba(0,0,0,0.22);display:none;z-index:50;border:1px solid rgba(255,255,255,0.18)}
  nav.primary li.has-dropdown:hover .dropdown,nav.primary li.has-dropdown:focus-within .dropdown{display:block}
  nav.primary .dropdown a{color:#fff;text-decoration:none;display:block;padding:9px 16px;font-size:13.5px;font-weight:500}
  nav.primary .dropdown a:hover{background:rgba(255,255,255,0.18)}
  nav.primary li.mobile-only{display:none}
  .nav-burger{display:none;width:44px;height:44px;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.25);padding:0;cursor:pointer;position:relative;border-radius:6px;color:#fff}
  .nav-burger:hover{background:rgba(255,255,255,0.18)}
  .nav-burger span,.nav-burger span::before,.nav-burger span::after{content:'';display:block;position:absolute;left:50%;width:22px;height:2.5px;background:#fff;border-radius:2px;transform:translateX(-50%);transition:transform 0.2s,top 0.2s,bottom 0.2s,opacity 0.2s}
  .nav-burger span{top:50%;margin-top:-1.25px}
  .nav-burger span::before{top:-7px}
  .nav-burger span::after{top:7px}
  .nav-burger[aria-expanded="true"] span{background:transparent}
  .nav-burger[aria-expanded="true"] span::before{top:0;transform:translateX(-50%) rotate(45deg)}
  .nav-burger[aria-expanded="true"] span::after{top:0;transform:translateX(-50%) rotate(-45deg)}
  @media(max-width:1100px){nav.primary > ul > li > a{padding:11px 13px;font-size:13px}}
  @media(max-width:880px){
    .nav-burger{display:block}
    nav.primary li.mobile-only{display:list-item}
    header .container{position:relative}
    nav.primary{position:static}
    nav.primary > ul{display:none;flex-direction:column;width:auto;background:#3266cc;border-radius:0 0 8px 8px;padding:8px 0;margin:0;box-shadow:0 10px 22px rgba(0,0,0,0.28);position:absolute;top:100%;left:0;right:0;z-index:60;border:1px solid rgba(255,255,255,0.18);border-top:none}
    nav.primary[aria-expanded="true"] > ul{display:flex}
    nav.primary > ul > li{width:100%}
    nav.primary > ul > li > a{padding:13px 22px;border-radius:0;font-size:15px}
    nav.primary > ul > li > a:hover,nav.primary > ul > li > a.active{background:rgba(255,255,255,0.18)}
    nav.primary li.has-dropdown{position:relative;flex-wrap:wrap}
    nav.primary li.has-dropdown > a{flex:1 1 auto;width:auto}
    nav.primary .dd-toggle{flex:0 0 auto;width:48px;height:46px;padding:0;font-size:14px;border-radius:0;border-left:1px solid rgba(255,255,255,0.18)}
    nav.primary li.has-dropdown .dropdown{flex:1 0 100%;width:100%}
    nav.primary .dd-toggle:hover,nav.primary .dd-toggle[aria-expanded="true"]{background:rgba(255,255,255,0.22)}
    nav.primary .dropdown,nav.primary li.has-dropdown:hover .dropdown,nav.primary li.has-dropdown:focus-within .dropdown{position:static;display:none;background:rgba(0,0,0,0.10);box-shadow:none;border:0;border-radius:0;padding:4px 0;margin:0;min-width:0;width:100%}
    nav.primary li.has-dropdown.open .dropdown{display:block}
    nav.primary .dropdown a{padding:10px 22px 10px 38px;font-size:13.5px;color:#e0e9ff;font-weight:500}
    nav.primary .dropdown a:hover{background:rgba(255,255,255,0.18);color:#fff}
  }
  .footer{background:#1a1a2e;color:#cbd5e1;padding:24px 16px;font-size:13.5px;line-height:1.55;text-align:center;margin-top:40px}
  .footer a{color:#93c5fd}
  .tl{display:flex;flex-direction:column;gap:10px}
  .tl-row{position:relative;border:1px solid #9999cc;border-radius:8px;background:#fff;display:grid;grid-template-columns:62px 150px minmax(180px,1.1fr) minmax(180px,1.2fr) 110px 170px;align-items:stretch;overflow:hidden}
  .tl-row > *{padding-top:18px;padding-bottom:18px}
  .tl-row .num{display:inline-flex;align-items:center;justify-content:center;background:#3266cc;color:#fff;font-weight:700;font-size:14px;padding:5px 13px;border-radius:14px;line-height:1;justify-self:center;align-self:center;width:auto}
  .tl-row .lg{display:flex;align-items:center;justify-content:center;padding-left:6px;padding-right:18px;border-right:1px solid rgba(50,102,204,0.18)}
  .tl-row .lg img{width:120px;height:80px;object-fit:contain;background:#fff;padding:6px;border:2px solid #cc4400;border-radius:4px;display:block}
  .tl-row .lg-placeholder{width:120px;height:80px;background:#fff;border:2px solid #cc4400;border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:14px;color:#cc4400;text-decoration:none;letter-spacing:0.3px;padding:6px;line-height:1.1;font-family:Inter,system-ui,sans-serif;text-transform:uppercase}
  .tl-row .descriptor{font-size:15px;font-weight:700;color:#1a1a2e;line-height:1.3;padding-left:18px;padding-right:18px;border-right:1px solid rgba(50,102,204,0.18);display:flex;flex-direction:column;justify-content:center}
  .tl-row .descriptor .lbl,.tl-row .bonus .lbl{display:block;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:0.6px;margin-bottom:4px}
  .tl-row .descriptor .body{display:block}
  .tl-row .bonus{font-size:19px;font-weight:800;line-height:1.2;text-align:center;padding-left:18px;padding-right:18px;display:flex;flex-direction:column;justify-content:center;background:#dbe7f5;border-right:1px solid rgba(50,102,204,0.22)}
  .tl-row .bonus .lbl{color:#3266cc !important}
  .tl-row .bonus .body{display:block;color:#1a1a2e;text-shadow:0 1px 0 rgba(255,255,255,0.7),0 2px 4px rgba(26,26,46,0.22)}
  .tl-row .rating{text-align:center;padding-left:14px;padding-right:14px;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;gap:4px}
  .tl-row .rating .stars-row{position:relative;display:inline-block;font-size:18px;line-height:1;letter-spacing:1px;color:#d1d5db;white-space:nowrap}
  .tl-row .rating .stars-row .stars-fg{position:absolute;top:0;left:0;white-space:nowrap;color:#f59e0b;overflow:hidden}
  .tl-row .rating .rate{display:block;font-weight:800;font-size:20px;color:#1a1a2e;line-height:1}
  .tl-row .tl-cta{background:#b12627;color:#fff;font-weight:700;font-size:15px;letter-spacing:0.6px;text-transform:uppercase;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:0 18px;border-radius:0;align-self:stretch;transition:background 0.15s}
  .tl-row .tl-cta:hover{background:#8f1f20}
  @media(max-width:1100px){.tl-row{grid-template-columns:48px 110px minmax(140px,1fr) minmax(140px,1fr) 86px 130px}.tl-row > *{padding-top:14px;padding-bottom:14px}.tl-row .lg img{width:96px;height:64px}.tl-row .lg{padding-right:12px}.tl-row .descriptor,.tl-row .bonus{padding-left:12px;padding-right:12px}.tl-row .bonus{font-size:16px}.tl-row .descriptor{font-size:13px}.tl-row .tl-cta{font-size:14px}}
  @media(max-width:760px){
    .tl-row{grid-template-columns:1fr 1fr;grid-template-areas:"num rating" "lg lg" "descriptor descriptor" "bonus bonus" "cta cta";column-gap:0;row-gap:0;overflow:hidden}
    .tl-row > *{padding-top:8px;padding-bottom:8px;border-right:none !important;border-left:none !important}
    .tl-row .num{grid-area:num;justify-self:flex-start;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;background:#3266cc;border-radius:14px;padding:4px 12px;margin:14px 0 4px 16px;width:auto}
    .tl-row .rating{grid-area:rating;justify-self:flex-end;align-self:flex-start;display:inline-flex;flex-direction:row;align-items:center;gap:6px;padding:0;margin:18px 16px 4px 0}
    .tl-row .rating .stars-row{font-size:14px;letter-spacing:1px}
    .tl-row .rating .rate{display:inline-block;margin:0;font-size:14px;font-weight:800}
    .tl-row .lg{grid-area:lg;justify-content:center;padding:6px 18px}
    .tl-row .lg img{width:128px;height:80px}
    .tl-row .descriptor{grid-area:descriptor;text-align:center;padding:6px 18px 10px}
    .tl-row .descriptor .lbl{margin-bottom:2px}
    .tl-row .bonus{grid-area:bonus;text-align:center;padding:14px 18px;font-size:18px}
    .tl-row .bonus .lbl{margin-bottom:3px}
    .tl-row .tl-cta{grid-area:cta;align-self:stretch;padding:24px 18px;font-size:17px;letter-spacing:0.7px;border-radius:0;width:100%;justify-content:center;min-height:62px}
  }
  .factsheet{width:100%;border-collapse:collapse;font-size:14px;margin:14px 0;background:#fff;border:1px solid #9999cc;border-radius:6px;overflow:hidden}
  .factsheet td{padding:9px 14px;border-bottom:1px solid #e5e7eb;vertical-align:top;line-height:1.45}
  .factsheet tr:last-child td{border-bottom:none}
  .factsheet td.lab{color:#6b7280;font-size:13px;font-weight:500;width:42%;background:#f9fafb}
  .factsheet td.val{font-weight:700;color:#1a1a2e}