/* AIOMIX — WordPress plugins landing pages, isolated component styles */
.amx-plugs .amx-comparison{overflow-x:auto;margin:28px 0;border:1px solid #394038;border-radius:9px}
.amx-plugs .amx-comparison:focus-visible{outline:2px solid #d8ff45;outline-offset:4px}
.amx-plugs .amx-comparison table{width:100%;min-width:720px;border-collapse:collapse;text-align:left;font-size:15px}
.amx-plugs .amx-comparison caption{padding:18px;text-align:left;color:#b4bcb2;font-size:13px}
.amx-plugs .amx-comparison th,.amx-plugs .amx-comparison td{padding:18px 20px;border-top:1px solid #394038;vertical-align:top;line-height:1.65}
.amx-plugs .amx-comparison thead th{background:#1c231b;color:#d8ff45;font-size:13px}
.amx-plugs .amx-comparison tbody th{min-width:160px}
.amx-plugs .amx-comparison td{color:#c1c8bc}
.amx-plugs .amx-comparison a,.amx-plugs .amx-feature a,.amx-plugs .amx-intro a,.amx-plugs .amx-faq a{color:#d8ff45;text-decoration:underline;text-underline-offset:3px}
.amx-plugs .amx-comparison tbody tr:hover{background:#151915}
.amx-plugs .amx-cardgrid + .amx-intro,.amx-plugs .amx-featuregrid + .amx-intro{margin-top:28px}
.amx-plugs section[id]{scroll-margin-top:100px}

.amx-plugs{font-family:Manrope,system-ui,sans-serif;color:#14221d;background:#f6f7f1;overflow:hidden}
.amx-plugs *{box-sizing:border-box}
.amx-plugs a{text-decoration:none}
.amx-plugs .amx-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.amx-plugs .amx-hero{padding:156px 0 82px;color:#eef7e9;background:radial-gradient(circle at 86% 25%,rgba(191,246,92,.15),transparent 35%),linear-gradient(130deg,#121d1a,#1d352b 65%,#13251e)}
.amx-plugs .amx-bread{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#bdcabb;font-size:12px;letter-spacing:.03em;margin-bottom:45px}
.amx-plugs .amx-bread a{color:#dce9df}
.amx-plugs .amx-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#c6f27c;font-weight:800;margin:0 0 18px}
.amx-plugs .amx-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}
.amx-plugs .amx-hero h1{font-weight:800;letter-spacing:-.05em;line-height:1.12;font-size:clamp(34px,5.2vw,66px);margin:0 0 26px;color:#fff}
.amx-plugs .amx-lead{font-size:18px;line-height:1.85;color:#d2dfd5;max-width:690px;margin:0 0 31px}
.amx-plugs .amx-actions{display:flex;gap:14px;flex-wrap:wrap}
.amx-plugs .amx-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 24px;border-radius:10px;background:#cbf878;color:#14221d;font-weight:800;font-size:14px;transition:transform .15s}
.amx-plugs .amx-cta:hover{transform:translateY(-2px);color:#14221d}
.amx-plugs .amx-cta-secondary{background:transparent;color:#eef7e9;border:1px solid #526b5e}
.amx-plugs .amx-cta-secondary:hover{color:#fff}
.amx-plugs .amx-visual{min-height:310px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(232,255,225,.15);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:0 28px 75px rgba(0,0,0,.18);overflow:hidden}
.amx-plugs .amx-visual:before{content:'';position:absolute;width:300px;height:300px;border:1px solid rgba(210,255,150,.14);border-radius:50%;box-shadow:0 0 0 48px rgba(210,255,150,.035),0 0 0 100px rgba(210,255,150,.018)}
.amx-plugs .amx-mark{position:relative;text-align:center;padding:30px;z-index:1}
.amx-plugs .amx-symbol{font-size:50px;line-height:1;color:#cbf878;margin-bottom:22px;font-weight:800}
.amx-plugs .amx-mark strong{display:block;font-size:clamp(28px,3vw,41px);letter-spacing:-.05em;color:#fff}
.amx-plugs .amx-mark small{display:block;color:#b3cbb6;margin-top:10px;font-size:14px}
.amx-plugs .amx-section{padding:76px 0}
.amx-plugs .amx-section.alt{background:#eaf0e7}
.amx-plugs .amx-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#39704b;margin-bottom:13px}
.amx-plugs h2{font-size:clamp(28px,3.4vw,42px);line-height:1.22;font-weight:800;letter-spacing:-.043em;color:#13241a;margin:0 0 20px}
.amx-plugs .amx-intro{font-size:17px;line-height:1.8;color:#4d6458;max-width:760px;margin:0 0 33px}
.amx-plugs h3{font-size:21px;line-height:1.35;font-weight:800;letter-spacing:-.028em;color:#14251c;margin:0 0 14px}
.amx-plugs p{line-height:1.8}
.amx-plugs .amx-cardgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.amx-plugs .amx-card{background:#fff;border:1px solid #d9e4d9;border-radius:17px;padding:32px;display:flex;flex-direction:column;box-shadow:0 12px 34px rgba(22,48,28,.045)}
.amx-plugs .amx-card .amx-flag{display:inline-block;align-self:flex-start;color:#35703e;background:#e7f4dd;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:8px 12px;margin-bottom:24px}
.amx-plugs .amx-card p{color:#52645b;font-size:15px;margin:0 0 22px}
.amx-plugs .amx-card a.amx-link{display:inline-flex;color:#185a39;font-size:14px;font-weight:800;margin-top:auto;align-self:flex-start;border-bottom:1px solid #b2d7b3;padding-bottom:5px}
.amx-plugs .amx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.amx-plugs .amx-stat{padding:27px;background:#fff;border:1px solid #e0e8dd;border-radius:15px}
.amx-plugs .amx-stat b{display:block;margin-bottom:8px;font-size:15px}
.amx-plugs .amx-stat p{font-size:14px;color:#58695f;margin:0;line-height:1.65}
.amx-plugs .amx-featuregrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.amx-plugs .amx-feature{border-radius:17px;background:#fff;border:1px solid #dee9df;padding:27px}
.amx-plugs .amx-index{display:inline-block;color:#3e6b48;font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:18px}
.amx-plugs .amx-feature h3{font-size:18px}
.amx-plugs .amx-feature p{color:#596c61;font-size:14px;margin:0;line-height:1.7}
.amx-plugs .amx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.amx-plugs .amx-step{padding:25px;border-left:3px solid #8cca7b;background:#f8fbf5}
.amx-plugs .amx-step b{color:#123b25;display:block;margin-bottom:9px}
.amx-plugs .amx-step p{margin:0;font-size:14px;color:#4f6558}
.amx-plugs .amx-note{border-left:4px solid #87bd65;background:#f3f9eb;padding:20px 25px;border-radius:0 12px 12px 0;color:#3c5845;font-size:15px}
.amx-plugs .amx-note p{margin:0}
.amx-plugs .amx-faq{max-width:860px}
.amx-plugs details{border-bottom:1px solid #d5e0d5;padding:23px 0}
.amx-plugs details summary{cursor:pointer;font-weight:800;color:#1a3525;line-height:1.4}
.amx-plugs details p{font-size:15px;color:#4b6153;margin:13px 0 0}
.amx-plugs .amx-footer-cta{padding:64px 0 72px;background:#182b21;color:#fff}
.amx-plugs .amx-footer-cta h2{color:#fff}
.amx-plugs .amx-footer-cta p{color:#c8d9cd;max-width:700px;margin-bottom:25px}
.amx-plugs .amx-crosslinks{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.amx-plugs .amx-crosslinks a{font-size:13px;color:#ceecd0;border-bottom:1px solid #6b936e}

/*
 * AIOMIX design alignment — dark graphite + vivid acid,
 * matched to the existing aiomix-studio theme palette.
 * Scoped to product landing pages only.
 */
.amx-plugs {
  --amx-bg: #0b0d0c;
  --amx-raised: #151915;
  --amx-paper: #f3f1e8;
  --amx-acid: #d8ff45;
  --amx-muted: #b4bcb2;
  --amx-line: #2b302b;
  background: var(--amx-bg);
  color: var(--amx-paper);
}
.amx-plugs .amx-hero {
  background-color: var(--amx-bg);
  background-image:
    linear-gradient(rgba(216,255,69,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,255,69,.055) 1px, transparent 1px),
    radial-gradient(circle at 78% 24%, rgba(216,255,69,.12), transparent 28%),
    radial-gradient(circle at 12% 80%, rgba(142,197,255,.055), transparent 26%);
  background-size: 54px 54px, 54px 54px, auto, auto;
  border-bottom: 1px solid var(--amx-line);
  color: var(--amx-paper);
}
.amx-plugs .amx-bread {color:#c5ccc1}
.amx-plugs .amx-bread a {color:var(--amx-paper)}
.amx-plugs .amx-bread a:hover {color:var(--amx-acid)}
.amx-plugs .amx-kicker,
.amx-plugs .amx-eyebrow {
  color: var(--amx-acid);
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
}
.amx-plugs .amx-kicker::before {
  content:"";
  display:inline-block;
  height:9px;width:9px;
  border-radius:50%;
  background: var(--amx-acid);
  box-shadow:0 0 0 5px rgba(216,255,69,.09);
  margin-right:13px;
  vertical-align:baseline;
}
.amx-plugs .amx-hero h1 {
  color: var(--amx-paper);
  letter-spacing: -.058em;
}
.amx-plugs .amx-lead,
.amx-plugs .amx-intro {
  color: #c1c8bc;
}
.amx-plugs .amx-cta {
  background: var(--amx-acid);
  color: var(--amx-bg);
  border: 1px solid var(--amx-acid);
  border-radius: 9px;
  box-shadow: none;
  min-height: 46px;
}
.amx-plugs .amx-cta:hover,
.amx-plugs .amx-cta:focus-visible {
  background: #ebff9b;
  color:var(--amx-bg);
}
.amx-plugs .amx-cta-secondary {
  background: rgba(255,255,255,.02);
  border-color: rgba(243,241,232,.30);
  color: var(--amx-paper);
}
.amx-plugs .amx-cta-secondary:hover {
  background: rgba(216,255,69,.08);
  border-color: var(--amx-acid);
  color: var(--amx-paper);
}
.amx-plugs .amx-visual {
  background:
    linear-gradient(rgba(216,255,69,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,255,69,.035) 1px, transparent 1px),
    #101511;
  background-size: 32px 32px,32px 32px,auto;
  border: 1px solid rgba(216,255,69,.17);
  border-radius: 6px;
  box-shadow: none;
}
.amx-plugs .amx-visual::before {
  width: 230px;
  height: 230px;
  border: 1px solid rgba(216,255,69,.22);
  border-radius: 3px;
  transform: rotate(-8deg);
  box-shadow: 0 0 0 44px rgba(216,255,69,.016);
}
.amx-plugs .amx-symbol,
.amx-plugs .amx-mark small {color:var(--amx-acid)}
.amx-plugs .amx-mark strong {color:var(--amx-paper)}
.amx-plugs .amx-section {
  background:var(--amx-bg);
  border-top: 1px solid var(--amx-line);
}
.amx-plugs .amx-section.alt {
  background:#101410;
  border-top: 1px solid var(--amx-line);
}
.amx-plugs h2,
.amx-plugs h3 {
  color:var(--amx-paper);
}
.amx-plugs .amx-card,
.amx-plugs .amx-feature,
.amx-plugs .amx-stat {
  background:#151915;
  border:1px solid #303830;
  border-radius: 9px;
  box-shadow:none;
  color:var(--amx-paper);
}
.amx-plugs .amx-card:hover,
.amx-plugs .amx-feature:hover {
  border-color:rgba(216,255,69,.45);
}
.amx-plugs .amx-card .amx-flag {
  color:var(--amx-acid);
  background:rgba(216,255,69,.085);
  border:1px solid rgba(216,255,69,.18);
  border-radius: 4px;
  font-family:"IBM Plex Mono",monospace;
}
.amx-plugs .amx-card p,
.amx-plugs .amx-stat p,
.amx-plugs .amx-feature p {
  color:var(--amx-muted);
}
.amx-plugs .amx-card a.amx-link {
  color:var(--amx-acid);
  border-bottom-color:rgba(216,255,69,.55);
}
.amx-plugs .amx-index {color:var(--amx-acid)}
.amx-plugs .amx-stat b {color:var(--amx-paper)}
.amx-plugs .amx-step {
  background: #151915;
  border-left:3px solid var(--amx-acid);
}
.amx-plugs .amx-step b {color:var(--amx-paper)}
.amx-plugs .amx-step p {color:var(--amx-muted)}
.amx-plugs .amx-note {
  border-left:4px solid var(--amx-acid);
  background:#191f18;
  color:#d7ddd3;
  border-radius:0 6px 6px 0;
}
.amx-plugs .amx-note p {color:#d7ddd3}
.amx-plugs details {border-bottom:1px solid #394038}
.amx-plugs details summary {color:var(--amx-paper)}
.amx-plugs details[open] summary {color:var(--amx-acid)}
.amx-plugs details p {color:var(--amx-muted)}
.amx-plugs .amx-footer-cta {
  background:#0b0d0c;
  border-top:1px solid rgba(216,255,69,.24);
}
.amx-plugs .amx-footer-cta h2 {color:var(--amx-paper)}
.amx-plugs .amx-footer-cta p {color:#bbc4b9}
.amx-plugs .amx-crosslinks a {
  color:var(--amx-acid);
  border-bottom-color:rgba(216,255,69,.35);
}
.amx-plugs :is(a,summary):focus-visible {
  outline:2px solid var(--amx-acid);
  outline-offset:4px;
}
@media (prefers-reduced-motion:reduce) {
  .amx-plugs .amx-cta {transition:none}
}

@media(max-width:850px){.amx-plugs .amx-hero{padding:118px 0 58px}.amx-plugs .amx-hero-grid{grid-template-columns:1fr;gap:35px}.amx-plugs .amx-visual{min-height:200px}.amx-plugs .amx-featuregrid,.amx-plugs .amx-stats,.amx-plugs .amx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.amx-plugs .amx-section{padding:55px 0}}
@media(max-width:600px){.amx-plugs .amx-wrap{width:min(100% - 32px,1180px)}.amx-plugs .amx-cardgrid,.amx-plugs .amx-featuregrid,.amx-plugs .amx-stats,.amx-plugs .amx-steps{grid-template-columns:1fr}.amx-plugs .amx-card{padding:25px}.amx-plugs .amx-lead{font-size:16px}.amx-plugs .amx-actions{display:grid;grid-template-columns:1fr}.amx-plugs .amx-visual{display:none}}