*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}img{max-width:100%}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #00ad36;outline-offset:4px}

    :root{
      --pdx-white:#ffffff;
      --pdx-black:#000000;
      --pdx-green:#8cda03;
      --pdx-green2:#00ad36;

      --pdx-text:#0b0b0b;
      --pdx-muted:#6b7280;
      --pdx-line:rgba(0,0,0,.08);
      --pdx-soft:rgba(140,218,3,.12);
      --pdx-soft2:rgba(0,173,54,.10);
      --pdx-shadow: 0 12px 30px rgba(0,0,0,.08);
      --pdx-shadow2: 0 18px 45px rgba(0,0,0,.12);
      --pdx-radius: 22px;
      --pdx-radius2: 16px;

      --pdx-max: 1280px;
      --pdx-pad: 22px;
      --pdx-gap: 18px;

      --pdx-hoverY: -2px;
      --pdx-hoverScale: 1.01;
      --pdx-tr: 180ms cubic-bezier(.2,.8,.2,1);
      --pdx-tr2: 260ms cubic-bezier(.2,.8,.2,1);
    }

    .pdx-page{ background:var(--pdx-white); color:var(--pdx-text); font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
    .pdx-bleed{ width:100vw; margin-left:calc(50% - 50vw); background:var(--pdx-white); }
    .pdx-wrap{ max-width:var(--pdx-max); margin:0 auto; padding: 0 18px; }
    .pdx-section{ padding: 26px 0; }
    .pdx-section-tight{ padding: 18px 0; }

    .pdx-card{
      background: var(--pdx-white);
      border: 1px solid var(--pdx-line);
      border-radius: var(--pdx-radius);
      box-shadow: 0 8px 22px rgba(0,0,0,.06);
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), border-color var(--pdx-tr);
    }
    .pdx-card:hover{
      transform: translateY(var(--pdx-hoverY)) scale(var(--pdx-hoverScale));
      box-shadow: var(--pdx-shadow);
      border-color: rgba(0,0,0,.14);
    }

    .pdx-h1{ font-size: clamp(28px, 3.2vw, 46px); line-height:1.08; margin:0 0 8px; letter-spacing:-.02em; }
    .pdx-h2{ font-size: clamp(22px, 2.2vw, 34px); line-height:1.15; margin:0 0 14px; letter-spacing:-.02em; }
    .pdx-sub{ color:var(--pdx-muted); font-size: 15px; margin:0; }
    .pdx-kicker{ font-size: 12px; letter-spacing:.12em; text-transform:uppercase; color: var(--pdx-muted); margin: 0 0 10px; }

    .pdx-row{ display:flex; gap: var(--pdx-gap); }
    .pdx-col{ display:flex; flex-direction:column; gap: var(--pdx-gap); }

    .pdx-pill{
      display:inline-flex; align-items:center; gap:8px;
      padding: 7px 12px;
      border-radius: 999px;
      border: 1px solid var(--pdx-line);
      background: #fff;
      font-size: 13px;
      color: #111;
      white-space:nowrap;
    }
    .pdx-pill-dot{ width:8px; height:8px; border-radius:999px; background:var(--pdx-green2); }
    .pdx-pill-soft{ background: var(--pdx-soft); border-color: rgba(140,218,3,.25); }
    .pdx-pill-soft2{ background: var(--pdx-soft2); border-color: rgba(0,173,54,.25); }

    .pdx-btn{
      display:inline-flex; align-items:center; justify-content:center; gap:10px;
      padding: 14px 18px;
      border-radius: 16px;
      border: 1px solid rgba(0,0,0,.10);
      background: var(--pdx-white);
      font-weight: 800;
      color: var(--pdx-black);
      cursor:pointer;
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), background var(--pdx-tr), border-color var(--pdx-tr);
      text-decoration:none;
      user-select:none;
    }
    .pdx-btn:hover{ transform: translateY(-1px); box-shadow: 0 14px 32px rgba(0,0,0,.10); }
    .pdx-btn:active{ transform: translateY(0px); }

    .pdx-btn-primary{
      background: linear-gradient(135deg, var(--pdx-green), var(--pdx-green2));
      border-color: rgba(0,0,0,.06);
      color: var(--pdx-black);
    }
    .pdx-btn-primary:hover{ box-shadow: 0 18px 44px rgba(0,173,54,.22); }

    .pdx-btn-ghost{
      background:#fff;
      border-color: rgba(0,0,0,.12);
      color:#111;
    }

    .pdx-mini{ font-size: 12px; color: var(--pdx-muted); }
    .pdx-divider{ height:1px; background: var(--pdx-line); margin: 6px 0; }

    .pdx-hero{ padding: 26px 0 6px; }
    .pdx-hero-grid{
      display:grid;
      grid-template-columns: 1.25fr .85fr;
      gap: 18px;
      align-items:stretch;
    }
    .pdx-hero-left, .pdx-hero-right{ padding: 22px; }
    .pdx-hero-left{ border-radius: var(--pdx-radius); }
    .pdx-hero-right{ border-radius: var(--pdx-radius); position: sticky; top: 16px; align-self:start; }

    .pdx-hero-meta{ display:flex; flex-wrap:wrap; gap:10px; margin: 10px 0 6px; }
    .pdx-hero-stats{ display:flex; flex-wrap:wrap; gap: 14px; align-items:center; color: var(--pdx-muted); font-size: 13px; margin-top: 10px; }
    .pdx-hero-stat{ display:inline-flex; gap:8px; align-items:center; }
    .pdx-ico{ width:16px; height:16px; display:inline-block; vertical-align:middle; }

    .pdx-imgwrap{
      display:flex; align-items:center; justify-content:center;
      background: #fff;
      border: 1px solid var(--pdx-line);
      border-radius: var(--pdx-radius2);
      padding: 16px;
      min-height: 460px;
    }
    .pdx-paddle-img{
      width: 400px;
      height: 400px;
      object-fit: contain;
      max-width: 100%;
      max-height: 100%;
      transition: transform var(--pdx-tr2);
    }
    .pdx-imgwrap:hover .pdx-paddle-img{ transform: translateY(-2px) scale(1.01); }

    .pdx-right-top{
      display:flex; align-items:flex-start; justify-content:space-between; gap: 14px;
      margin-bottom: 10px;
    }
    .pdx-rating{ display:flex; flex-direction:column; gap:6px; }
    .pdx-stars{ display:flex; gap:4px; }
    .pdx-star svg{ width:18px; height:18px; }
    .pdx-score{ display:flex; gap:10px; align-items:center; font-weight:800; }
    .pdx-score span{ color: var(--pdx-muted); font-weight:600; }

    .pdx-pricebox{ text-align:right; }
    .pdx-pricebox .pdx-kicker{ margin:0 0 6px; }
    .pdx-price{ font-size: 44px; font-weight: 900; letter-spacing:-.02em; margin:0; }

    .pdx-codebox{
      margin-top: 14px;
      background: var(--pdx-soft2);
      border: 1px solid rgba(0,173,54,.20);
      border-radius: 18px;
      padding: 14px;
    }
    .pdx-codehead{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
    .pdx-codepill{
      display:flex; align-items:center; justify-content:space-between; gap: 10px;
      background:#fff;
      border: 1px solid rgba(0,0,0,.12);
      border-radius: 14px;
      padding: 10px 12px;
      font-weight: 900;
    }
    .pdx-codepill button{
      border: 0;
      background: transparent;
      cursor:pointer;
      display:inline-flex; align-items:center; justify-content:center;
      width: 36px; height: 36px;
      border-radius: 12px;
      transition: background var(--pdx-tr), transform var(--pdx-tr);
    }
    .pdx-codepill button:hover{ background: var(--pdx-soft); transform: translateY(-1px); }

    .pdx-ctaStack{ display:flex; flex-direction:column; gap:12px; margin-top: 14px; }
    .pdx-ctaRow{ display:flex; gap:12px; }
    .pdx-ctaRow .pdx-btn{ flex:1; }

    .pdx-jumpwrap{ padding: 18px 0 8px; }
    .pdx-jump{
      padding: 18px;
      border-radius: var(--pdx-radius);
      border: 1px solid var(--pdx-line);
      box-shadow: 0 10px 26px rgba(0,0,0,.06);
      background: #fff;
    }
    .pdx-jump-head{
      display:flex; align-items:center; justify-content:space-between; gap: 14px;
      margin-bottom: 14px;
    }
    .pdx-jump-track{
      height: 10px;
      border-radius: 999px;
      background: rgba(0,0,0,.06);
      flex: 1;
      max-width: 520px;
      overflow:hidden;
    }
    .pdx-jump-track > span{
      display:block; height:100%; width: 40%;
      background: linear-gradient(90deg, var(--pdx-green), var(--pdx-green2));
      border-radius:999px;
    }

    .pdx-jump-row{
      display:flex;
      gap: 14px;
      flex-wrap: nowrap;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 6px;
    }
    .pdx-jump-row::-webkit-scrollbar{ height: 8px; }
    .pdx-jump-row::-webkit-scrollbar-thumb{ background: rgba(0,0,0,.12); border-radius: 999px; }
    .pdx-jump-row::-webkit-scrollbar-track{ background: rgba(0,0,0,.06); border-radius: 999px; }

    .pdx-jump-card{
      min-width: 190px;
      flex: 0 0 auto;
      display:flex; align-items:center; gap: 12px;
      padding: 14px 14px;
      border-radius: 18px;
      border: 1px solid rgba(0,0,0,.10);
      background: #fff;
      cursor:pointer;
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), border-color var(--pdx-tr), background var(--pdx-tr);
      user-select:none;
    }
    .pdx-jump-card:hover{
      transform: translateY(-2px);
      box-shadow: 0 14px 34px rgba(0,0,0,.10);
      border-color: rgba(0,0,0,.16);
    }
    .pdx-jump-ico{
      width: 44px; height: 44px;
      border-radius: 999px;
      background: var(--pdx-soft);
      border: 1px solid rgba(140,218,3,.25);
      display:flex; align-items:center; justify-content:center;
      flex: 0 0 auto;
    }
    .pdx-jump-ico svg{ width: 22px; height: 22px; }
    .pdx-jump-txt{ display:flex; flex-direction:column; line-height:1.15; }
    .pdx-jump-txt b{ font-size: 16px; }
    .pdx-jump-txt span{ font-size: 13px; color: var(--pdx-muted); margin-top: 3px; }

    .pdx-grid-2{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      align-items:stretch;
    }
    .pdx-qs-card{ padding: 18px; }
    .pdx-qs-left{ display:flex; flex-direction:column; gap: 14px; }
    .pdx-qs-item{
      display:flex; gap: 12px; align-items:center;
      padding: 14px;
      border-radius: 18px;
      border: 1px solid var(--pdx-line);
      background:#fff;
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), border-color var(--pdx-tr);
    }
    .pdx-qs-item:hover{
      transform: translateY(-2px);
      box-shadow: 0 14px 34px rgba(0,0,0,.08);
      border-color: rgba(0,0,0,.14);
    }
    .pdx-qs-ico{
      width: 46px; height: 46px;
      border-radius: 999px;
      display:flex; align-items:center; justify-content:center;
      flex: 0 0 auto;
      margin: 0;
    }
    .pdx-qs-ico svg{ width: 22px; height: 22px; }
    .pdx-qs-title{ font-weight: 900; font-size: 18px; margin:0; }
    .pdx-qs-desc{ margin: 2px 0 0; color: var(--pdx-muted); font-size: 15px; }

    .pdx-qs-ico.best{ background: rgba(140,218,3,.14); border: 1px solid rgba(140,218,3,.35); }
    .pdx-qs-ico.stand{ background: rgba(0,173,54,.12); border: 1px solid rgba(0,173,54,.30); }
    .pdx-qs-ico.watch{ background: rgba(255,59,48,.10); border: 1px solid rgba(255,59,48,.25); }

    .pdx-buypass{
      display:grid;
      grid-template-rows: 1fr 1fr;
      gap: 14px;
    }
    .pdx-decision{
      padding: 16px;
      border-radius: 18px;
      border: 1px solid rgba(0,0,0,.10);
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), border-color var(--pdx-tr);
    }
    .pdx-decision:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.08); }
    .pdx-decision.buy{ background: rgba(0,173,54,.08); border-color: rgba(0,173,54,.22); }
    .pdx-decision.pass{ background: rgba(255,59,48,.07); border-color: rgba(255,59,48,.18); }

    .pdx-decision h3{ margin:0 0 10px; font-size: 22px; letter-spacing:-.01em; }
    .pdx-list{ display:flex; flex-direction:column; gap:10px; margin:0; padding:0; list-style:none; }
    .pdx-li{ display:flex; gap: 12px; align-items:flex-start; }
    .pdx-round-ico{
      width: 34px; height: 34px;
      border-radius: 999px;
      display:flex; align-items:center; justify-content:center;
      flex: 0 0 auto;
      margin-top: 1px;
    }
    .pdx-round-ico svg{ width: 18px; height: 18px; }
    .pdx-round-ico.ok{ background: rgba(0,173,54,.18); border: 1px solid rgba(0,173,54,.35); }
    .pdx-round-ico.no{ background: rgba(255,59,48,.14); border: 1px solid rgba(255,59,48,.30); }
    .pdx-li p{ margin:0; color: var(--pdx-muted); font-size: 15px; line-height:1.35; }
    .pdx-li p b{ color:#111; }

    .pdx-specs{ padding: 20px; }
    .pdx-spec-head{ display:flex; align-items:center; justify-content:space-between; gap: 14px; }
    .pdx-toggle{
      display:inline-flex;
      padding: 6px;
      border-radius: 999px;
      border: 1px solid rgba(0,0,0,.12);
      background:#fff;
      gap: 6px;
    }
    .pdx-toggle button{
      border:0; cursor:pointer;
      padding: 10px 14px;
      border-radius: 999px;
      font-weight: 900;
      background: transparent;
      transition: background var(--pdx-tr), color var(--pdx-tr), transform var(--pdx-tr);
    }
    .pdx-toggle button:hover{ transform: translateY(-1px); }
    .pdx-toggle button.is-on{
      background: var(--pdx-soft);
      color: #0b0b0b;
      border: 1px solid rgba(140,218,3,.25);
    }

    .pdx-spec-grid{
      margin-top: 14px;
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .pdx-spec{
      padding: 14px;
      border-radius: 18px;
      border: 1px solid var(--pdx-line);
      background:#fff;
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), border-color var(--pdx-tr);
      min-height: 86px;
    }
    .pdx-spec:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.08); border-color: rgba(0,0,0,.14); }
    .pdx-spec small{ color: var(--pdx-muted); display:block; font-size: 12px; letter-spacing:.06em; text-transform: uppercase; }
    .pdx-spec b{ display:block; margin-top: 6px; font-size: 16px; }

    .pdx-performance{ padding: 22px; }
    .pdx-perf-grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      margin-top: 14px;
    }
    .pdx-donut{
      border: 1px solid var(--pdx-line);
      border-radius: 18px;
      padding: 14px;
      background:#fff;
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), border-color var(--pdx-tr);
    }
    .pdx-donut:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.08); border-color: rgba(0,0,0,.14); }
    .pdx-donut-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom: 12px; }
    .pdx-donut-top b{ font-size: 14px; }
    .pdx-donut-top span{ font-size: 12px; color: var(--pdx-muted); }
    .pdx-ring{
      width: 86px; height: 86px;
      border-radius: 999px;
      background:
        conic-gradient(var(--pdx-green2) calc(var(--val)*1%), rgba(0,0,0,.08) 0);
      display:flex; align-items:center; justify-content:center;
      margin: 0 auto;
      position: relative;
    }
    .pdx-ring:before{
      content:"";
      width: 64px; height: 64px;
      border-radius: 999px;
      background: #fff;
      position:absolute;
      box-shadow: inset 0 0 0 1px var(--pdx-line);
    }
    .pdx-ring > i{
      position: relative;
      font-style: normal;
      font-weight: 900;
      font-size: 16px;
    }
    .pdx-ring > i small{ font-weight: 700; color: var(--pdx-muted); font-size: 11px; }

    .pdx-proscons{ padding: 20px; }
    .pdx-pc-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 12px; }
    .pdx-pc{
      border-radius: 18px;
      padding: 16px;
      border: 1px solid rgba(0,0,0,.10);
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), border-color var(--pdx-tr);
    }
    .pdx-pc:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.08); }
    .pdx-pc.pro{ background: rgba(0,173,54,.06); border-color: rgba(0,173,54,.22); }
    .pdx-pc.con{ background: rgba(255,59,48,.06); border-color: rgba(255,59,48,.18); }
    .pdx-pc h3{ margin:0 0 10px; font-size: 20px; }
    .pdx-pc .pdx-li p{ font-size: 15px; }

    .pdx-tech{ padding: 22px; }
    .pdx-tech-list{ display:flex; flex-direction:column; gap: 12px; margin-top: 12px; }
    .pdx-tech-item{
      display:flex; gap: 12px; align-items:center;
      padding: 14px;
      border-radius: 18px;
      border: 1px solid var(--pdx-line);
      background:#fff;
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), border-color var(--pdx-tr);
    }
    .pdx-tech-item:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.08); border-color: rgba(0,0,0,.14); }
    .pdx-tech-ico{
      width: 46px; height: 46px;
      border-radius: 999px;
      background: var(--pdx-soft);
      border: 1px solid rgba(140,218,3,.25);
      display:flex; align-items:center; justify-content:center;
      flex: 0 0 auto;
    }
    .pdx-tech-ico svg{ width: 22px; height: 22px; }
    .pdx-tech-body b{ display:block; font-size: 18px; margin:0; }
    .pdx-tech-body p{ margin: 2px 0 0; color: var(--pdx-muted); }

    .pdx-callouts{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px; }
    .pdx-callout{
      padding: 16px;
      border-radius: 18px;
      border: 1px solid var(--pdx-line);
      background:#fff;
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), border-color var(--pdx-tr);
    }
    .pdx-callout:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.08); border-color: rgba(0,0,0,.14); }
    .pdx-callout h4{ margin:0 0 8px; font-size: 16px; }
    .pdx-callout p{ margin:0; color: var(--pdx-muted); }

    .pdx-play{ padding: 22px; }
    .pdx-note-grid{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-top: 12px;
    }
    .pdx-note{
      padding: 14px;
      border-radius: 18px;
      border: 1px solid var(--pdx-line);
      background:#fff;
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), border-color var(--pdx-tr);
    }
    .pdx-note:hover{
      transform: translateY(-3px);
      box-shadow: 0 16px 40px rgba(0,0,0,.10);
      border-color: rgba(0,0,0,.14);
    }
    .pdx-note b{ display:block; font-size: 16px; }
    .pdx-note p{ margin: 6px 0 0; color: var(--pdx-muted); }

    .pdx-alt{ padding: 22px; }
    .pdx-faq{ padding: 22px; }

    .pdx-acc{ display:flex; flex-direction:column; gap: 12px; margin-top: 12px; }
    .pdx-q{
      width:100%;
      display:flex; align-items:center; justify-content:space-between; gap:12px;
      padding: 14px 16px;
      border-radius: 18px;
      border: 1px solid var(--pdx-line);
      background:#fff;
      cursor:pointer;
      font-weight: 900;
      transition: transform var(--pdx-tr), box-shadow var(--pdx-tr2), border-color var(--pdx-tr);
    }
    .pdx-q:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.08); border-color: rgba(0,0,0,.14); }
    .pdx-a{
      display:none;
      padding: 0 16px 16px;
      color: var(--pdx-muted);
      line-height:1.5;
    }
    .pdx-item.is-open .pdx-a{ display:block; }
    .pdx-chevron{ transition: transform var(--pdx-tr); }
    .pdx-item.is-open .pdx-chevron{ transform: rotate(180deg); }

    .pdx-ready{
      padding: 22px;
      border-radius: var(--pdx-radius);
      border: 1px solid var(--pdx-line);
      box-shadow: 0 10px 26px rgba(0,0,0,.06);
      background:#fff;
    }
    .pdx-ready-grid{
      display:grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 14px;
      align-items:center;
      margin-top: 12px;
    }
    .pdx-copybox{
      display:flex; align-items:center; justify-content:space-between; gap: 10px;
      border: 1px solid rgba(0,0,0,.12);
      border-radius: 16px;
      padding: 14px 14px;
      background:#fff;
      font-weight: 900;
    }
    .pdx-copybox button{
      border: 0;
      background: transparent;
      cursor:pointer;
      width: 42px; height: 42px;
      border-radius: 14px;
      transition: background var(--pdx-tr), transform var(--pdx-tr);
      display:flex; align-items:center; justify-content:center;
    }
    .pdx-copybox button:hover{ background: var(--pdx-soft); transform: translateY(-1px); }

    @media (max-width: 980px){
      .pdx-hero-grid{ grid-template-columns: 1fr; }
      .pdx-hero-right{ position: relative; top:auto; }
      .pdx-imgwrap{ min-height: 420px; }
      .pdx-spec-grid{ grid-template-columns: repeat(2, 1fr); }
      .pdx-perf-grid{ grid-template-columns: repeat(2, 1fr); }
      .pdx-note-grid{ grid-template-columns: repeat(2, 1fr); }
      .pdx-ready-grid{ grid-template-columns: 1fr; }
      .pdx-grid-2{ grid-template-columns: 1fr; }
      .pdx-buypass{ grid-template-rows: auto; grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 560px){
      .pdx-spec-grid{ grid-template-columns: 1fr; }
      .pdx-perf-grid{ grid-template-columns: 1fr; }
      .pdx-note-grid{ grid-template-columns: 1fr; }
      .pdx-buypass{ grid-template-columns: 1fr; }
      .pdx-price{ font-size: 40px; }
    }
  
.site-header{height:95px;background:#000;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:24px}.brand img{display:block}.site-header nav{display:flex;gap:22px;font-size:14px;font-weight:700}.nav-group{position:relative}.nav-group>a{display:block;padding:24px 0}.dropdown{display:none;position:absolute;top:100%;left:0;background:white;color:black;min-width:220px;box-shadow:0 8px 24px #0002;z-index:10;padding:10px}.dropdown a{display:block;padding:10px}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:block}.dropdown a:hover{background:#edf9f0}.header-tools{display:flex;gap:20px;font-size:14px;font-weight:700}.header-tools span{color:#8cda03}.menu-toggle{display:none}.article-header{text-align:center;padding:48px 18px 8px}.article-header h1{font-size:36px;line-height:1.2;margin-bottom:24px}.article-header>div{display:flex;justify-content:center;gap:24px;color:#666;font-size:16px}.article-header span+span{border-left:1px solid #222;padding-left:24px}.site-footer{background:#000;color:white;padding:65px 0 0;margin-top:0}.footer-grid{max-width:1170px;margin:auto;display:grid;grid-template-columns:2.5fr .7fr .7fr 1fr;gap:40px;padding:0 12px 80px;font-size:16px;line-height:1.45}.footer-grid h3{font-size:22px;margin-bottom:18px}.footer-grid a{display:block;margin-bottom:10px}.footer-intro{max-width:340px}.footer-intro img{width:150px;height:auto}.social-links{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.social-links a{font-size:13px}#newsletter label{display:block}#newsletter input{display:block;width:290px;max-width:100%;padding:8px;margin:8px 0;border-radius:4px;border:1px solid #ccc}#newsletter button{background:#82ca00;color:white;font-weight:bold;border:0;padding:9px 24px;cursor:pointer}#newsletter-status{margin-top:10px}.copyright{border-top:1px solid #555;text-align:center;padding:18px;font-size:14px;max-width:1170px;margin:auto}#copy-feedback{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#111;color:#fff;border-radius:8px;padding:12px 22px;z-index:30;display:none}.pdx-bleed{width:100%;margin-left:0}.pdx-faq .pdx-a{transition:opacity .18s}.pdx-paddle-img{height:auto}@media(max-width:980px){.site-header{padding:0 20px;height:80px}.menu-toggle{display:block;background:none;border:1px solid #555;color:white;padding:6px 12px;cursor:pointer}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#111;padding:18px;z-index:20;flex-wrap:wrap}.site-header nav.is-open{display:flex}.nav-group>a{padding:10px}.header-tools{margin-left:auto}.article-header h1{font-size:30px}.footer-grid{grid-template-columns:2fr 1fr;gap:30px;padding:0 24px 50px}}@media(max-width:560px){.brand img{width:125px;height:auto}.header-tools{display:none}.article-header{padding-top:32px}.article-header h1{font-size:27px}.article-header>div{flex-direction:column;gap:8px;font-size:13px}.article-header span+span{border:0;padding:0}.footer-grid{grid-template-columns:1fr 1fr;font-size:14px}.footer-intro{grid-column:1/-1}.footer-grid h3{font-size:19px}.pdx-imgwrap{min-height:320px}.pdx-page .pdx-paddle-img{max-height:360px}.pdx-wrap{padding:0 16px}.pdx-copybox{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.social-links svg{width:28px;height:28px;fill:currentColor}.social-links a:hover{color:#8cda03}
.pdx-grid-2>*,.pdx-pc-grid>*{min-width:0}.pdx-pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.pdx-pc-grid{grid-template-columns:minmax(0,1fr)}}
.site-header .brand img {
  width: 94px;
  height: 70px;
  object-fit: contain;
  background: #fff;
  border-radius: 4px;
}

.footer-intro img {
  width: 150px;
  height: auto;
  display: block;
  border-radius: 4px;
}

@media (max-width: 560px) {
  .site-header .brand img {
    width: 80px;
    height: 60px;
  }
}