/* Copernicus: Trade Guide Library walkthrough video, placement drafts (A feature / B split / C card + lightbox). */
.cicv{--ink:#0B0908;--ink2:#55514C;--red:#E5391C;--red-deep:#9E2221;--panel:#F3F1F2;--frame:#E9E7E8;--line:rgba(25,24,24,.13);--ease:cubic-bezier(.22,1,.36,1);--disp:'Overused Grotesk',Inter,system-ui,sans-serif;--sans:Inter,system-ui,sans-serif;
  display:block;box-sizing:border-box;color:var(--ink);font:400 17px/1.45 var(--sans)}
.cicv *,.cicv *::before,.cicv *::after{box-sizing:border-box}
.cicv .cicv-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 18px;font:400 14.5px/1 var(--disp);text-transform:uppercase;color:var(--red-deep)}
.cicv .cicv-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red)}
.cicv .cicv-h{margin:0;font:400 clamp(32px,3.2vw,46px)/1.08 var(--disp);color:var(--ink);letter-spacing:0;text-wrap:balance}
.cicv .cicv-lead{margin:16px 0 0;color:var(--ink2);max-width:46ch;text-wrap:pretty}
.cicv .cicv-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.cicv .cicv-cta{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 24px;border-radius:36px;background:#191818;color:#fff!important;font:400 16px/1 var(--disp);text-decoration:none;transition:background .2s linear}
.cicv .cicv-ghost{display:inline-flex;align-items:center;height:46px;padding:0 4px;color:var(--ink)!important;font:400 16px/1 var(--disp);text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(11,9,8,.35);transition:text-decoration-color .2s linear}

/* ---------- player: first 6 s loop silently as the thumbnail; click = from the start, with sound ---------- */
.cicv-player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--frame);isolation:isolate;border:1px solid var(--line)}
.cicv-player video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--frame);display:block}
.cicv-player.is-on video{object-fit:contain}
.cicv-start{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}
/* glass play button with a soft pulse */
.cicv-glass{position:relative;display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;
  background:rgba(25,24,24,.34);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);
  border:1px solid rgba(255,255,255,.45);color:#fff;transition:transform .35s var(--ease),background .25s linear}
.cicv-glass::before,.cicv-glass::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1.5px solid rgba(25,24,24,.32);animation:cicv-pulse 2.6s var(--ease) infinite;pointer-events:none}
.cicv-glass::after{animation-delay:1.3s}
.cicv-glass svg{width:28px;height:28px;margin-left:4px}
.cicv-start:focus-visible .cicv-glass{outline:2px solid #fff;outline-offset:6px}
@keyframes cicv-pulse{0%{transform:scale(1);opacity:.85}80%,100%{transform:scale(1.55);opacity:0}}
.cicv-player.is-on .cicv-start{opacity:0;pointer-events:none;transition:opacity .25s linear}
.cicv-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- A: feature band (homepage) ---------- */
.cicv.cicv--feature{padding:160px 0 170px;text-align:center}
.cicv--feature .cicv-eyebrow{justify-content:center}
.cicv--feature .cicv-h{text-align:center;margin:0 auto;max-width:none}
.cicv--feature .cicv-lead{margin-left:auto;margin-right:auto;text-align:center;max-width:none}
@media (min-width:901px){.cicv--feature .cicv-h,.cicv--feature .cicv-lead{white-space:nowrap}}
.cicv--feature .cicv-player{max-width:1040px;margin:48px auto 0}
.cicv--feature .cicv-actions{justify-content:center;margin-top:36px}

/* ---------- B: split (service page) ---------- */
.cicv.cicv--split{padding:160px 0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:center}
.cicv--split .cicv-h{max-width:12ch}
.cicv .cicv-ticks{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px}
.cicv .cicv-ticks li{display:flex;align-items:center;gap:10px;font-size:16px;margin:0}
.cicv .cicv-ticks li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:#191818 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5.5 9.2l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}

/* ---------- C: compact card + lightbox (service page, after Free Resources) ---------- */
.cicv.cicv--card{padding:40px 0 140px}
.cicv-card{display:grid;grid-template-columns:320px minmax(0,1fr) auto;gap:32px;align-items:center;padding:16px 32px 16px 16px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.cicv-card .cicv-player{border-radius:12px}
.cicv-card .cicv-glass{width:52px;height:52px}.cicv-card .cicv-glass svg{width:18px;height:18px;margin-left:3px}
.cicv-card .cicv-h3{margin:0;font:400 26px/1.15 var(--disp);text-wrap:balance}
.cicv-card .cicv-p{margin:8px 0 0;color:var(--ink2);font-size:16px;text-wrap:pretty}

.cicv-lb{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:4vw;background:rgba(11,9,8,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s linear}
.cicv-lb.is-in{opacity:1}
.cicv-lb .cicv-player{width:min(1100px,100%);transform:scale(.96);transition:transform .45s var(--ease)}
.cicv-lb.is-in .cicv-player{transform:none}
.cicv-lb-x{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s linear}

@media (max-width:900px){
  .cicv.cicv--split{grid-template-columns:1fr;padding:100px 0}
  .cicv--split .cicv-h{max-width:none}
  .cicv.cicv--feature{padding:100px 0 110px}
  .cicv.cicv--card{padding:24px 0 100px}
  .cicv-card{grid-template-columns:1fr;padding:14px 14px 22px;gap:20px}
  .cicv-card > div{padding:0 6px}
  .cicv-card .cicv-cta{justify-self:start;margin-left:6px}
}
@media (max-width:600px){
  .cicv-glass{width:64px;height:64px}.cicv-glass svg{width:22px;height:22px;margin-left:3px}
}
@media (prefers-reduced-motion:reduce){.cicv-glass::before,.cicv-glass::after{animation:none;opacity:0}.cicv *{transition:none!important}}

/* No hover effects anywhere; neutralise the theme's pink button hover/focus. */
.cicv .cicv-start:hover,.cicv .cicv-start:focus,.cicv .cicv-start:active,.cicv .cicv-start:focus-visible,.cicv-lb .cicv-start:hover,.cicv-lb .cicv-start:focus,.cicv-lb .cicv-start:active,.cicv-lb .cicv-start:focus-visible{background:transparent;color:inherit;outline:none}
.cicv-lb .cicv-lb-x:hover,.cicv-lb .cicv-lb-x:focus,.cicv-lb .cicv-lb-x:active,.cicv-lb .cicv-lb-x:focus-visible{background:rgba(255,255,255,.12);color:#fff}
.cicv .cicv-cta:focus,.cicv .cicv-cta:active{background:#191818;color:#fff}
.cicv .cicv-cta:hover,.cicv .cicv-cta:focus-visible{background:#FF620D;color:#fff}
.cicv .cicv-ghost:focus,.cicv .cicv-ghost:active{color:var(--ink);text-decoration-color:rgba(11,9,8,.35)}
.cicv .cicv-ghost:hover,.cicv .cicv-ghost:focus-visible{color:#FF620D;text-decoration-color:#FF620D}
.cicv .cicv-start,.cicv-lb .cicv-start{color:inherit}