/* The three plan cards — the same markup + CSS as the pricing section on www.aoconnectnow.com (fetched 2026-10-03),
   scoped under .plans so nothing else on these pages is touched. plan-cards.js renders them. */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
@media(max-width:900px){.plans{grid-template-columns:1fr;max-width:460px;margin:0 auto}}
.plan{position:relative;display:flex;flex-direction:column;background:var(--card,#fff);border:1px solid var(--line,#e3e9f6);border-radius:24px;padding:30px 26px 26px;box-shadow:var(--sh,0 1px 2px rgba(11,18,32,.04),0 4px 16px rgba(11,18,32,.05));color:var(--ink,#0b1220);text-align:left}
/* Pro + Unlimited is THE card: accent border + glow, raised and a little taller on desktop, first on phones; the other two sit back (muted border, flat). */
.plan:not(.featured){border-color:var(--line2,#edf1fa);box-shadow:none;background:#fbfcfe}
.plan.featured{background:linear-gradient(180deg,#f6f4ff 0%,#fff 38%);box-shadow:0 34px 80px -24px rgba(79,70,229,.5),0 0 0 4px rgba(124,58,237,.08);z-index:1}
@media(min-width:901px){.plan.featured{margin:-20px -8px;padding:46px 30px 40px}.plans+.enterprise{margin-top:44px}}
@media(max-width:900px){.plan.featured{order:-1}}
.plan.featured::before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1.5px;background:var(--grad,linear-gradient(120deg,#2563eb,#7c3aed));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.plan .ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad,linear-gradient(120deg,#2563eb,#7c3aed));color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:5px 14px;white-space:nowrap;box-shadow:0 6px 16px -6px rgba(79,70,229,.6)}
.plan .pname{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3,#8891a5)}
.plan.featured .pname{color:var(--blue,#2563eb)}
.plan .amount{font-size:46px;font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-top:8px;font-family:Inter,system-ui,sans-serif}
.plan .amount span{font-size:15px;font-weight:600;color:var(--ink3,#8891a5);letter-spacing:0}
.plan .tag{font-size:13.5px;color:var(--ink2,#495468);margin-top:6px;min-height:21px}
.plan .trial{align-self:flex-start;background:#eef2ff;color:var(--blue,#2563eb);font-size:11.5px;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:5px 13px;margin-top:12px}
.plan .trial.muted{background:var(--line2,#edf1fa);color:var(--ink3,#8891a5)}
.plan .trial.accent{background:var(--grad,linear-gradient(120deg,#2563eb,#7c3aed));color:#fff}
.plan .pctas{display:flex;flex-direction:column;gap:10px;margin:20px 0 22px}
.plan .pbtn{width:100%;margin:0}
.plan .pbtn.sec{box-shadow:none;border-style:dashed}
.plan.selected{outline:3px solid var(--blue,#2563eb);outline-offset:3px}
.plan h4{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3,#8891a5);margin:0 0 10px;font-family:Inter,system-ui,sans-serif}
.plan ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0 0 20px;padding:0}
.plan li{display:flex;gap:10px;font-size:13.8px;color:var(--ink2,#495468);align-items:flex-start;line-height:1.45}
.plan li b{color:var(--ink,#0b1220);font-weight:700}
.plan li small{display:block;font-size:12px;color:var(--ink3,#8891a5)}
.plan .svc{margin-top:auto;border-top:1px solid var(--line2,#edf1fa);padding-top:18px}
.plan .svc ul{margin:0}
.plan .ck{width:18px;height:18px;border-radius:6px;background:#eef2ff;color:var(--blue,#2563eb);display:grid;place-items:center;flex:none;font-size:10px;font-weight:900;margin-top:2.5px}
.plan .dash{width:18px;height:18px;border-radius:6px;background:var(--line2,#edf1fa);color:var(--ink3,#8891a5);display:grid;place-items:center;flex:none;font-size:10px;font-weight:900;margin-top:2.5px}
/* Enterprise — a full-width strip under the three cards, as on the landing (#enterprise). */
.enterprise{margin-top:18px;background:var(--card,#fff);border:1px solid var(--line,#e3e9f6);border-radius:24px;padding:30px 30px;box-shadow:var(--sh,0 1px 2px rgba(11,18,32,.04),0 4px 16px rgba(11,18,32,.05));display:grid;grid-template-columns:minmax(200px,.9fr) 1.6fr auto;gap:28px;align-items:center;color:var(--ink,#0b1220);text-align:left}
.enterprise .pname{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3,#8891a5)}
.enterprise .amount{font-size:34px;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-top:8px;font-family:Inter,system-ui,sans-serif}
.enterprise .tag{font-size:13.5px;color:var(--ink2,#495468);margin-top:6px}
.enterprise ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px 24px;margin:0;padding:0}
.enterprise li{display:flex;gap:10px;font-size:13.8px;color:var(--ink2,#495468);align-items:flex-start;line-height:1.45}
.enterprise li b{color:var(--ink,#0b1220);font-weight:700}
.enterprise .ck{width:18px;height:18px;border-radius:6px;background:#eef2ff;color:var(--blue,#2563eb);display:grid;place-items:center;flex:none;font-size:10px;font-weight:900;margin-top:2.5px}
.enterprise .btn{white-space:normal;text-align:center}
@media(max-width:900px){.enterprise{grid-template-columns:1fr;gap:20px;max-width:460px;margin-left:auto;margin-right:auto;padding:28px 26px}.enterprise ul{grid-template-columns:1fr}.enterprise .btn{width:100%}}
.plans-sec{padding:56px 0 64px}
.plans-sec .plans-h{text-align:center;margin:0 0 44px}
.plans-sec .plans-h .kicker{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--blue,#2563eb)}
.plans-sec .plans-h h2{font-size:clamp(26px,3.4vw,38px);font-weight:900;letter-spacing:-.03em;margin:10px 0 0}