/* Pricing card and integrations marquee, shared by index.html, lead-reactivation.html and affiliate.html (the marquee). */
/* lead-reactivation.html runs its own page palette; these sections opt into the site palette (tokens.css) with .site-palette. */
.integ { margin-top:0; }
.integ .ilab { text-align:center; font-size:24px; color:var(--ink-2); font-weight:700; letter-spacing:-0.02em; }
.marquee { margin-top:36px; overflow:hidden; position:relative; padding:14px 0;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.mtrack { display:flex; gap:22px; width:max-content; animation:marq 34s linear infinite; }
@keyframes marq { from{transform:translateX(0);} to{transform:translateX(-50%);} }
@media (prefers-reduced-motion:reduce){ .mtrack{ animation:none; } }
.mlogo { display:flex; align-items:center; gap:15px; white-space:nowrap;
    background:linear-gradient(180deg,#1F2C24,#141C17); border:1px solid #273529;
    border-radius:16px; padding:15px 30px 15px 15px; box-shadow:0 10px 26px rgba(0,0,0,0.30);
    transition:transform .2s ease, border-color .2s ease; }
.mlogo:hover { transform:translateY(-3px); border-color:var(--sink); }
.mlogo .mi { width:46px; height:46px; border-radius:var(--r); flex:none; display:flex; align-items:center; justify-content:center;
    background:var(--deep); border:1px solid var(--line); box-shadow:inset 0 1px 0 rgba(255,255,255,0.03); }
.mlogo .mi img { height:25px; max-width:27px; width:auto; object-fit:contain; display:block; }
.mlogo .mi svg { color:var(--mint); }
.mlogo .mn { font-size:19px; font-weight:800; color:var(--ink-2); letter-spacing:-0.02em; }
.mlogo .mn b { color:var(--mint); font-weight:800; }
.integ-cta { text-align:center; margin-top:48px; }
.integ-cta a { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); color:var(--paper); font-weight:700; font-size:14px; padding:14px 26px; border-radius:12px; transition:border-color .2s, color .2s, background .2s; }
.integ-cta a:hover { border-color:var(--green); color:var(--green); background:rgba(11,216,115,0.05); }
.pricing { background:var(--pine); border-top:1px solid var(--line); }
.p-head { text-align:center; margin:0 auto 50px; }
.p-head h2 { letter-spacing:-0.018em; }
.p-head .lead { margin:16px auto 0; }
.ptiers { display:grid; grid-template-columns:1fr; max-width:480px; margin:0 auto; }
.ptier { position:relative; display:flex; flex-direction:column; background:#131B16; border:1px solid var(--line); border-radius:22px; padding:34px 30px; transition:border-color .2s ease, transform .2s ease; }
.ptier:hover { border-color:var(--sink); transform:translateY(-3px); }
.ptier.featured { background:#141F19; border-color:rgba(11,216,115,0.45); box-shadow:0 22px 60px rgba(0,0,0,0.34), 0 0 50px rgba(11,216,115,0.07); }
.ptier-name { font-family:inherit; font-size:12px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--mint); }
.pprice { margin-top:16px; min-height:48px; display:flex; align-items:baseline; font-weight:800; letter-spacing:-0.015em; font-size:42px; line-height:1.05; color:var(--paper); }
.pprice .cur { font-size:0.62em; font-weight:800; color:var(--paper); margin-right:1px; }
.pprice .unit { font-size:14px; font-weight:500; color:var(--dim); letter-spacing:0; margin-left:8px; }
.ptier-desc { margin-top:14px; font-size:14px; color:var(--mut); line-height:1.55; font-weight:500; min-height:44px; }
.ptier-cta { display:block; text-align:center; margin-top:22px; padding:14px; border-radius:var(--r); font-size:15px; font-weight:800; cursor:pointer; transition:background .15s ease, border-color .2s, color .2s; }
.ptier-cta.solid { background:var(--green); color:var(--on-accent); }
.ptier-cta.solid:hover { background:var(--mint); }
.ptier-cta.ghost { border:1px solid var(--line); color:var(--paper); font-size:14px; font-weight:700; }
.ptier-cta.ghost:hover { border-color:var(--green); color:var(--green); }
.pfeatures { list-style:none; margin:26px 0 0; padding:26px 0 0; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:14px; }
.pfeatures li { display:flex; align-items:center; gap:12px; font-size:14px; font-weight:500; color:var(--ink-2); }
.pchk { width:19px; height:19px; border-radius:50%; background:rgba(11,216,115,0.13); color:var(--mint); display:inline-flex; align-items:center; justify-content:center; font-size:10.5px; font-weight:800; flex:none; }