/* Creator campaigns on sub-v2 pages (inc/subv2-creators.php, first: /social-media-marketing/influencer-marketing/,
   2026-09-30). Hero campaign visual (.icph, above the fold marker: inlined in <head>), creator post rail (.icp), campaign
   steps windows (.icps). Scoped class prefixes only. Hovers 150ms; nothing hidden on load. */

/* hero.campaign: our own drawing of a creator-post phone (assets/img/creators/creator-posts-stage.webp, a 2x render of
   the .svg next to it, eager: the hero LCP image) + the campaign result card in HTML text. No creator content. */
.icph{display:flex;justify-content:center;align-items:center;min-width:0}
.icph__f{position:relative;margin:0;width:100%;max-width:560px;padding-bottom:28px}
.icph__stage{display:block;width:100%;height:auto;aspect-ratio:520/440}
.icph__card{position:absolute;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;width:min(290px,56%);padding:20px 22px;border-radius:20px;background:#fff;color:var(--ink,#0b2c48);box-shadow:0 30px 60px -18px rgba(0,0,0,.55)}
.icph__k{font-size:13px;font-weight:700;line-height:1.3}
.icph__k span{font-weight:500;color:#51637a}
.icph__big{font-size:15px;font-weight:600;line-height:1.1}
.icph__big b{display:block;font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1.05;color:var(--navy,#0b2c48)}
.icph__st{display:flex;gap:18px;font-size:14px;color:#33475e}
.icph__st b{font-size:18px;color:var(--navy,#0b2c48)}
.icph__note{padding-top:8px;border-top:1px solid #e3e8ee;font-size:12px;line-height:1.4;color:#51637a}
@media (max-width:1000px){.icph__f{max-width:480px}.icph__big b{font-size:34px}}
@media (max-width:560px){.icph__f{padding-bottom:92px}.icph__card{width:72%;padding:14px 16px;bottom:0}.icph__big b{font-size:28px}.icph__st{gap:12px;font-size:13px}.icph__st b{font-size:16px}}

/* ==== below the fold ==== */

/* creator post rail: full-bleed track with the shared rail tokens, fixed-width 9:16 tiles */
.icp .ssub-head{margin-bottom:28px}
.icp-rail{position:relative}
.icp-track{display:flex;gap:24px;margin:0 var(--ss-rail-out,0);padding:14px var(--ss-rail-gut,24px) 18px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ss-rail-peek,64px);scrollbar-width:none;justify-content:safe center}
.icp-track::-webkit-scrollbar{display:none;height:0}
.icp-track:focus-visible{outline:3px solid var(--gold,#f5b915);outline-offset:-3px}
.icp-track.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.icp-track.is-drag a{pointer-events:none}
.icp-t{flex:0 0 var(--icp-w,320px);width:var(--icp-w,320px);margin:0;scroll-snap-align:start;display:flex;flex-direction:column}
.icp-m{position:relative;aspect-ratio:9/16;border-radius:18px;background:#fff;overflow:visible;contain:layout}
.icp-m::after{content:"";position:absolute;inset:0;border-radius:18px;box-shadow:0 0 0 1px rgba(11,44,72,.12),0 22px 44px -22px rgba(11,44,72,.45);pointer-events:none}
.icp-if{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:18px;background:#fff;opacity:0;transition:opacity .15s}
.icp-m.is-live .icp-if{opacity:1}
.icp-m[data-icp="tiktok"] .icp-if{background:#000}
.icp-m.is-live .icp-ph{visibility:hidden}
.icp-ph{position:absolute;inset:0;display:block;border-radius:18px;color:#fff;text-decoration:none}
.icp-ph:hover,.icp-ph:focus{text-decoration:none}
.icp-ph__in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border-radius:18px;overflow:hidden;background:radial-gradient(120% 70% at 30% 18%,#2b6ea3 0%,#123b61 48%,#071d33 100%)}
.icp-ph__top{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700}
.icp-ph__top img{width:22px;height:22px;padding:3px;border-radius:7px;background:#fff}
.icp-ph__top em{margin-left:auto;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.14);font-size:11px;font-style:normal;letter-spacing:.06em;text-transform:uppercase}
.icp-ph__play{align-self:center;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--ss-gold-grad,#f5bf3e);box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .15s ease-out,box-shadow .15s ease-out}
.icp-ph__play svg{fill:#0b1a2e;margin-left:3px}
.icp-ph__tier{font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.86)}
.icp-ph__open{display:none;font-size:14px;font-weight:700;text-decoration:underline;text-decoration-color:var(--gold,#f5b915);text-underline-offset:3px}
.icp-m.is-failed .icp-ph__play{display:none}
.icp-m.is-failed .icp-ph__open{display:block}
@media (hover:hover) and (pointer:fine){.icp-ph:hover .icp-ph__play{transform:scale(1.06);box-shadow:0 0 0 6px rgba(var(--ss-gold-rgb,245,185,21),.3),0 10px 24px rgba(0,0,0,.35)}}
.icp-ph:focus-visible .icp-ph__play{transform:scale(1.06)}
html body a.icp-ph.icp-ph:focus-visible{outline:none!important}
.icp-m.is-live .icp-ph__in,.icp-m.is-loading .icp-ph__in{transform:none!important;outline-color:transparent!important}
.icp-b{display:flex;flex-direction:column;gap:6px;padding:18px 2px 0}
.icp-c{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font-size:14px;line-height:1.35}
.icp-c b,.icp-c a{font-weight:700;color:inherit}
.icp-c a{text-decoration:underline;text-decoration-color:var(--gold,#f5b915);text-underline-offset:3px}
.icp-c span{color:#51637a}
.icp-h{margin:2px 0 4px;font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.005em}
.icp-s{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.4;color:#33475e}
.icp-s b{font-size:16px;color:var(--navy,#0b2c48)}
.icp-tier{margin:2px 0 0;font-size:13px;line-height:1.4;color:#51637a}
.icp-v{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:14px;font-weight:700;color:inherit;border-bottom:2px solid var(--gold,#f5b915);text-decoration:none}
.icp-v:hover{text-decoration:none;color:var(--navy,#0b2c48)}
.icp-ext{fill:currentColor}
.icp-note{max-width:760px;margin:22px auto 0;text-align:center;font-size:13px;line-height:1.5;color:#51637a}
.icp.sv2-dark .icp-c span,.icp.sv2-dark .icp-s,.icp.sv2-dark .icp-tier,.icp.sv2-dark .icp-note{color:var(--on-navy,rgba(255,255,255,.75))}
.icp.sv2-dark .icp-s b{color:#fff}
/* arrows: the shared rail arrow look (ss-rail.css), placed on the track's edges */
.icp-arr{position:absolute;top:calc(var(--icp-w,320px) * 16 / 18 + 14px);z-index:5;display:grid;place-items:center;width:48px;height:48px;margin:0;padding:0;border:1px solid var(--ss-line-strong,#c9d2db);border-radius:50%;background:#fff;color:var(--ss-navy,#0b2c48);box-shadow:0 6px 18px rgba(var(--ss-navy-deep-rgb,0,27,46),.18);cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .15s,background-color .15s,border-color .15s}
.icp-arr svg{width:18px;height:18px}
.icp-arr--prev{left:calc(var(--ss-rail-out,0px) + 76px)}
.icp-arr--prev svg{transform:rotate(180deg)}
.icp-arr--next{right:calc(var(--ss-rail-out,0px) + 76px)}
.icp-rail:hover .icp-arr,.icp-rail:focus-within .icp-arr{opacity:1}
.icp-arr:hover:not(:disabled){background:var(--ss-gold,#f5b915);border-color:var(--ss-gold,#f5b915)}
.icp-arr:focus-visible{outline:3px solid var(--ss-gold,#f5b915);outline-offset:2px}
.icp-arr:disabled{opacity:0!important;pointer-events:none}
@media (hover:none),(max-width:760px){.icp-arr{display:none}}
@media (max-width:560px){.icp{--icp-w:min(78vw,300px)}.icp-track{gap:16px}.icp-h{font-size:18px}}
@media (prefers-reduced-motion:reduce){.icp-track{scroll-behavior:auto}.icp-if,.icp-ph__play{transition:none}}

/* report table (tile media for a campaign without public posts + the step 3 window) */
.icp-rep{font-size:13px;line-height:1.35}
.icp-rep__t{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold,#f5b915)}
.icp-rep__tb{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.icp-rep__tb th,.icp-rep__tb td{padding:8px 0;text-align:left;font-weight:500;border-bottom:1px solid rgba(255,255,255,.1)}
.icp-rep__tb thead th{padding-top:0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.icp-rep__tb td{white-space:nowrap}
.icp-rep__tb td:nth-child(2){width:22%}
.icp-rep__tb td:last-child,.icp-rep__tb th:last-child{text-align:right;width:42%}
.icp-rep__tb td:last-child{position:relative}
.icp-rep__bar{display:block;height:4px;margin:0 0 5px auto;width:var(--w);max-width:100%;border-radius:2px;background:var(--ss-gold-grad,#f5bf3e)}
.icp-rep__tb tfoot th,.icp-rep__tb tfoot td{border-bottom:0;padding-top:10px;font-weight:700;font-size:14px;color:#fff}
.icp-m--rep{display:flex;flex-direction:column;justify-content:center;padding:22px 18px;border-radius:18px;background:radial-gradient(120% 70% at 30% 10%,#123b61 0%,#0a2540 55%,#061a2c 100%);color:#fff}

/* campaign steps: numbered steps, each over a product-style window */
.icps__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:20px 28px;margin:0;padding:0;list-style:none;counter-reset:none}
.icps__step{display:grid;grid-row:span 2;grid-template-rows:subgrid;gap:20px;min-width:0;align-content:start}
.icps__txt{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start;align-content:start}
.icps__n{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ss-gold-grad,#f5bf3e);color:#0b1a2e;font-weight:700;font-size:17px}
.icps__txt h3{margin:4px 0 0;font-size:20px;font-weight:700;line-height:1.3}
.icps__txt p{margin:0;font-size:15.5px;line-height:1.55}
.sv2-dark .icps__txt p{color:var(--on-navy,rgba(255,255,255,.75))}
.icps__win{margin:0;align-self:start;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#062339;color:#fff;overflow:hidden;box-shadow:0 30px 60px -28px rgba(0,0,0,.6)}
.icps__bar{display:flex;align-items:center;gap:10px;margin:0;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:#0a2d48;font-size:12.5px;font-weight:600;line-height:1.3;color:rgba(255,255,255,.82)}
.icps__dots{display:flex;gap:5px}
.icps__dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22)}
.icps__bt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icps__badge{margin-left:auto;padding:3px 9px;border-radius:999px;background:rgba(var(--ss-gold-rgb,245,185,21),.16);color:var(--ss-gold,#f5b915);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.icps__body{padding:16px}
.icps__tb{width:100%;border-collapse:collapse;font-size:13px;line-height:1.3;font-variant-numeric:tabular-nums}
.icps__tb th,.icps__tb td{padding:8px 4px;text-align:left;font-weight:500;border-bottom:1px solid rgba(255,255,255,.09);white-space:nowrap}
.icps__tb thead th{padding-top:0;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.icps__tb tbody th{font-weight:700}
.icps__tb tr:last-child th,.icps__tb tr:last-child td{border-bottom:0}
.icps__pill{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.1);font-size:11.5px;font-weight:600;color:rgba(255,255,255,.8)}
.icps__pill.is-on{background:rgba(52,199,120,.18);color:#6fe0a3}
.icps__draft{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start}
.icps__dm{display:grid;place-items:center;aspect-ratio:9/16;border-radius:12px;background:radial-gradient(120% 70% at 30% 18%,#2b6ea3 0%,#123b61 48%,#071d33 100%)}
.icps__dplay{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ss-gold-grad,#f5bf3e)}
.icps__dplay svg{fill:#0b1a2e;margin-left:2px}
.icps__dt{display:flex;flex-direction:column;gap:8px;min-width:0}
.icps__who{margin:0;font-size:13px;font-weight:700}
.icps__cap{margin:0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.78)}
.icps__acts{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0}
.icps__act{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font-size:12.5px;font-weight:700}
.icps__act.is-go{background:var(--ss-gold-grad,#f5bf3e);border-color:transparent;color:#0b1a2e}
.icps__foot{padding:0 16px 14px;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.66)}
.icps__more{margin-top:36px;text-align:center}
.icps:not(.sv2-dark) .icps__txt p{color:#33475e}
@media (max-width:1000px){.icps__list{grid-template-columns:1fr;grid-template-rows:none;max-width:560px;margin-inline:auto;gap:44px}.icps__step{grid-row:auto;grid-template-rows:none}}
@media (max-width:420px){.icps__tb th:nth-child(2),.icps__tb td:nth-child(2){display:none}.icps__draft{grid-template-columns:80px 1fr}}