.agb {
  --agb-card:#fff; --agb-navy-1:#0c1b31; --agb-navy-2:#12294e; --agb-brand:#0b5fd9;
  --agb-brand-soft:#e7effc; --agb-ink:#16212e; --agb-ink-2:#55637a; --agb-ink-3:#8593a6; --agb-line:#e3e9f1;
  --agb-weak:#d95926; --agb-weak-track:#f6ddd2; --agb-base:#c98500; --agb-base-track:#f2e4c4;
  --agb-solid:#008300; --agb-solid-track:#d3ead3; --agb-comfort:#2a78d6; --agb-comfort-track:#d7e6f9;
  --agb-max-1:#7c3aed; --agb-max-2:#a855f7; --agb-max-track:#eadcfc;
  display:block; width:100%; max-width:1060px; margin:0 auto; color:var(--agb-ink);
  font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.agb div,.agb section,.agb details,.agb summary,.agb table,.agb button,.agb span,.agb p,.agb h1,.agb h2,.agb h3 { box-sizing:border-box; }
.agb .card,.agb .proof,.agb .hero { margin:0 0 14px; border:0; border-radius:16px; box-shadow:0 1px 3px rgba(16,38,74,.06); }
.agb .card { padding:22px 24px; background:var(--agb-card); }
.agb .card h2,.agb .proof h2 { margin:0 0 4px; font-size:19px; line-height:1.3; }
.agb .sub { margin:0 0 14px; color:var(--agb-ink-2); font-size:13.5px; }
.agb .note-line { margin-top:10px; color:var(--agb-ink-3); font-size:12px; }

.agb .hero { padding:26px 28px; color:#fff; background:linear-gradient(135deg,var(--agb-navy-1),var(--agb-navy-2)); }
.agb .hero-top { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.agb .hero h1 { margin:0; color:#fff; font-size:30px; line-height:1.2; letter-spacing:.5px; }
.agb .cat { margin-bottom:6px; color:#9fc0f5; font-size:12px; text-transform:uppercase; letter-spacing:1.2px; }
.agb .hero-warranty { align-self:flex-start; padding:7px 12px; border:1px solid rgba(255,255,255,.2); border-radius:999px; color:#dbe6f6; font-size:12px; font-weight:700; white-space:nowrap; }
.agb .badges { display:flex; gap:8px; flex-wrap:wrap; margin:14px 0 4px; }
.agb .badge { padding:6px 12px; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(255,255,255,.1); color:#fff; font-size:12.5px; font-weight:700; }
.agb .badge.pro { border-color:#4b8fe0; background:rgba(42,120,214,.28); }
.agb .badge.max { border:0; background:linear-gradient(90deg,var(--agb-max-1),var(--agb-max-2)); box-shadow:0 0 14px rgba(168,85,247,.55); }
.agb .snippet { max-width:780px; margin:14px 0 0; color:#dbe6f6; font-size:15px; line-height:1.55; }
.agb .specs { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; margin-top:18px; }
.agb .spec { padding:10px 14px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:rgba(255,255,255,.07); }
.agb .spec .k { color:#93aed6; font-size:10.5px; text-transform:uppercase; letter-spacing:1px; }
.agb .spec .v { margin-top:3px; color:#fff; font-size:14.5px; font-weight:700; }

.agb .legend { display:flex; align-items:center; gap:14px; flex-wrap:wrap; color:var(--agb-ink-2); font-size:12.5px; }
.agb .legend .dot { display:inline-block; width:10px; height:10px; margin-right:5px; border-radius:3px; vertical-align:-1px; }
.agb .dot.weak { background:var(--agb-weak); }.agb .dot.base { background:var(--agb-base); }
.agb .dot.solid { background:var(--agb-solid); }.agb .dot.comfort { background:var(--agb-comfort); }
.agb .dot.max { background:linear-gradient(90deg,var(--agb-max-1),var(--agb-max-2)); }

.agb .fps-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; }
.agb .fps { padding:12px 14px; border:1px solid var(--agb-line); border-radius:12px; background:#fff; }
.agb .fps .g { font-size:14px; font-weight:700; }.agb .fps .m { margin:2px 0 8px; color:var(--agb-ink-3); font-size:11.5px; }
.agb .fps .v { display:inline-block; padding:3px 10px; border-radius:999px; background:var(--agb-brand); color:#fff; font-size:13px; font-weight:800; }

.agb .grp { margin:0 0 8px; overflow:hidden; border:1px solid var(--agb-line); border-radius:12px; background:#fff; }
.agb .grp summary { display:grid; grid-template-columns:minmax(150px,240px) 1fr 46px 122px 16px; gap:12px; align-items:center; padding:12px 16px; list-style:none; cursor:pointer; }
.agb .grp summary::-webkit-details-marker,.agb .faq summary::-webkit-details-marker { display:none; }
.agb .grp[open] summary { border-bottom:1px solid var(--agb-line); background:#fafcff; }
.agb .grp .rows { padding:8px 16px 12px; }
.agb .prow { display:grid; grid-template-columns:minmax(150px,240px) 1fr 46px 122px; gap:12px; align-items:center; padding:6px 0; }
.agb .name { color:var(--agb-ink-2); font-size:13.5px; }.agb summary .name { color:var(--agb-ink); font-size:14.5px; font-weight:700; }
.agb .track { height:10px; overflow:hidden; border-radius:999px; background:#eef1f5; }
.agb .track.weak { background:var(--agb-weak-track); }.agb .track.base { background:var(--agb-base-track); }
.agb .track.solid { background:var(--agb-solid-track); }.agb .track.comfort { background:var(--agb-comfort-track); }.agb .track.max { background:var(--agb-max-track); }
.agb .fill { display:block; height:100%; min-width:10px; border-radius:999px; }.agb .fill.weak { background:var(--agb-weak); }.agb .fill.base { background:var(--agb-base); }
.agb .fill.solid { background:var(--agb-solid); }.agb .fill.comfort { background:var(--agb-comfort); }
.agb .fill.max { background:linear-gradient(90deg,var(--agb-max-1),var(--agb-max-2)); box-shadow:0 0 10px rgba(168,85,247,.6); }
.agb .score { font-size:14px; font-weight:800; text-align:right; font-variant-numeric:tabular-nums; }.agb .score.dash { color:var(--agb-ink-3); }
.agb .tier { padding:3px 8px; border-radius:999px; font-size:11px; font-weight:700; text-align:center; white-space:nowrap; }
.agb .tier.none { color:var(--agb-ink-3); background:#eef1f5; }.agb .tier.weak { color:var(--agb-weak); background:var(--agb-weak-track); }
.agb .tier.base { color:#8a5c00; background:var(--agb-base-track); }.agb .tier.solid { color:var(--agb-solid); background:var(--agb-solid-track); }
.agb .tier.comfort { color:#1c5cab; background:var(--agb-comfort-track); }.agb .tier.max { color:#fff; background:linear-gradient(90deg,var(--agb-max-1),var(--agb-max-2)); }
.agb .arrow { color:var(--agb-ink-3); font-size:12px; text-align:center; transition:transform .15s; }.agb .grp[open] .arrow { transform:rotate(180deg); }

.agb .scen { display:grid; grid-template-columns:minmax(150px,230px) 1fr 46px 122px; gap:12px; align-items:center; padding:9px 0; border-bottom:1px dashed var(--agb-line); }
.agb .scen:last-child { border-bottom:0; }.agb .scen .name { color:var(--agb-ink); font-weight:700; }
.agb .scen .expl { grid-column:1/-1; margin-top:-4px; padding-bottom:4px; color:var(--agb-ink-2); font-size:12.5px; }

.agb .up-grid { display:flex; gap:10px; flex-wrap:wrap; }
.agb .up { display:flex; align-items:baseline; gap:5px; flex-wrap:wrap; padding:10px 14px; border:1px dashed #b9cdea; border-radius:12px; background:var(--agb-brand-soft); color:var(--agb-ink); font:inherit; font-size:13.5px; text-align:left; cursor:pointer; transition:border-color .15s,background .15s,transform .15s; }
.agb .up:hover,.agb .up:focus-visible { border-color:var(--agb-brand); background:#dce9fc; outline:0; transform:translateY(-1px); }
.agb .up b { color:var(--agb-brand); }.agb .up.is-current { border-style:solid; border-color:#65a0ec; background:#d5e6ff; }
.agb .up.is-current::after { content:"Поточна"; margin-left:3px; color:#47709f; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; }
.agb .up-performance { width:100%; color:#1d5fbe; font-size:11.5px; font-weight:700; }
.agb .up.is-option-missing { border-color:#c9ced6; background:#f1f3f6; color:var(--agb-ink-3); }
.agb .agb-option-highlight { outline:3px solid rgba(11,95,217,.28); outline-offset:4px; }

.agb .proof { padding:22px 24px; color:#dbe6f6; background:linear-gradient(135deg,var(--agb-navy-1),var(--agb-navy-2)); }
.agb .proof h2 { margin-bottom:12px; color:#fff; }.agb .proof-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px; }
.agb .pf { padding:12px 14px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:rgba(255,255,255,.07); font-size:13.5px; }
.agb .pf b { display:block; margin-bottom:3px; color:#fff; font-size:16px; }
.agb table.vram { width:100%; border-collapse:collapse; font-size:13.5px; }.agb table.vram th { padding:8px 12px; background:#f3f7fc; color:var(--agb-ink-2); font-size:12px; text-align:left; text-transform:uppercase; letter-spacing:.6px; }
.agb table.vram td { padding:9px 12px; border-top:1px solid var(--agb-line); color:var(--agb-ink-2); }.agb table.vram td:first-child { color:var(--agb-ink); font-weight:700; white-space:nowrap; }
.agb .local-ai-copy { margin:0; color:var(--agb-ink-2); font-size:14px; line-height:1.65; }

.agb .faq { border-bottom:1px solid var(--agb-line); }.agb .faq:last-child { border-bottom:0; }
.agb .faq summary { padding:12px 4px; list-style:none; cursor:pointer; color:var(--agb-ink); font-size:14.5px; font-weight:700; }
.agb .faq p { margin:0; padding:0 4px 12px; color:var(--agb-ink-2); font-size:14px; line-height:1.55; }

@media (max-width:768px) {
  .agb { font-size:14.5px; }
  .agb .hero { padding:22px; }.agb .card,.agb .proof { padding:20px; }
  .agb .specs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .agb .grp summary,.agb .prow { grid-template-columns:minmax(130px,1fr) 1fr 42px 112px; gap:9px; }
  .agb .grp summary .arrow { display:none; }
}
@media (max-width:480px) {
  .agb .hero,.agb .card,.agb .proof { padding:18px 16px; border-radius:12px; }
  .agb .hero h1 { font-size:25px; }.agb .hero-warranty { white-space:normal; }
  .agb .specs { grid-template-columns:1fr; }.agb .fps-grid { grid-template-columns:1fr 1fr; }
  .agb .grp summary,.agb .prow { grid-template-columns:1fr 42px 108px; }.agb .grp summary .track,.agb .prow .track { display:none; }
  .agb .scen { grid-template-columns:1fr 42px 108px; }.agb .scen .track { display:none; }
  .agb .up { width:100%; }.agb table.vram { display:block; overflow-x:auto; }.agb table.vram td:first-child { white-space:normal; }
}
@media (max-width:375px) {
  .agb .hero,.agb .card,.agb .proof { padding:16px 13px; }
  .agb .fps-grid { grid-template-columns:1fr; }
  .agb .grp summary,.agb .prow,.agb .scen { grid-template-columns:1fr 36px 92px; gap:6px; }
  .agb .tier { padding:3px 5px; font-size:10px; }
}
@media (max-width:320px) {
  .agb .hero h1 { font-size:22px; }.agb .badge { padding:5px 9px; font-size:11.5px; }
  .agb .grp summary,.agb .grp .rows { padding-left:10px; padding-right:10px; }
  .agb .score { font-size:13px; }
}