/* CRDigitalNetwork — Film Distribution landing
   Streaming Neon theme — scoped so the rest of the site stays untouched */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap');

body.page-film{
  --fd-bg:#0b0b0f;
  --fd-bg-2:#12121a;
  --fd-panel:#1a1a24;
  --fd-neon:#e50914;
  --fd-neon-glow:rgba(229,9,20,.45);
  --fd-green:#46d369;
  --fd-cyan:#00d4ff;
  --fd-text:#ffffff;
  --fd-muted:#b3b3b3;
  --fd-line:rgba(255,255,255,.08);
  background:var(--fd-bg);
  color:var(--fd-text);
  font-family:'Inter',system-ui,sans-serif;
  overflow-x:hidden;
  line-height:1.5;
}
body.page-film h1,
body.page-film h2{
  font-family:'Bebas Neue',Impact,sans-serif;
  letter-spacing:.04em;
  font-weight:400;
  text-transform:uppercase;
}
body.page-film h3{
  font-family:'Inter',system-ui,sans-serif;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}

/* Site chrome on this page only */
body.page-film .site-header{
  background:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.7));
  border-bottom:1px solid var(--fd-line);
  backdrop-filter:blur(12px);
}
body.page-film .nav-links a.active,
body.page-film .desktop-nav a.active{color:#fff!important;}
body.page-film .nav-cta{
  background:var(--fd-neon)!important;
  color:#fff!important;
  border:none!important;
  border-radius:4px!important;
  box-shadow:0 0 24px var(--fd-neon-glow)!important;
  font-weight:700!important;
}

.fd-wrap{max-width:1280px;margin:0 auto;padding:0 24px;}

/* Hero — solid Streaming Neon (no video / gif / veil) */
.fd-hero{
  position:relative;
  padding:64px 0 40px;
  min-height:0;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(11,11,15,.98) 0%,rgba(11,11,15,.72) 40%,rgba(11,11,15,.94) 100%),
    radial-gradient(640px 360px at 78% 48%,rgba(229,9,20,.26),transparent 62%),
    linear-gradient(180deg,#16080a 0%,#0b0b0f 55%,#08080c 100%);
}
.fd-hero > .fd-wrap{position:relative;z-index:2;}
.fd-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:28px;align-items:center;}
.fd-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--fd-neon);margin-bottom:14px;font-weight:700;
}
.fd-kicker::before{
  content:"";width:8px;height:8px;border-radius:50%;
  background:var(--fd-neon);box-shadow:0 0 12px var(--fd-neon);
  animation:fd-pulse 1.6s infinite;
}
@keyframes fd-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.fd-hero h1{
  font-size:clamp(3.2rem,7vw,5.6rem);line-height:.95;
  letter-spacing:.02em;margin:0 0 16px;text-transform:uppercase;
  text-shadow:0 2px 24px rgba(0,0,0,.65);
}
.fd-hero h1 em{
  font-style:normal;color:var(--fd-neon);
  text-shadow:0 0 40px rgba(229,9,20,.5);
}
.fd-lead{
  color:var(--fd-muted);font-size:1.05rem;max-width:480px;margin:0 0 24px;
  text-shadow:0 1px 12px rgba(0,0,0,.8);
}
.fd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;}
.fd-btn{
  display:inline-flex;align-items:center;gap:8px;padding:14px 28px;
  border-radius:4px;font-weight:700;font-size:.95rem;text-decoration:none;
  border:none;
}
.fd-btn-primary{
  background:var(--fd-neon);color:#fff;
  box-shadow:0 8px 32px var(--fd-neon-glow);
}
.fd-btn-primary:hover{filter:brightness(1.08);color:#fff;}
.fd-btn-ghost{
  background:rgba(255,255,255,.12);color:#fff;
  backdrop-filter:blur(8px);
}
.fd-btn-ghost:hover{background:rgba(255,255,255,.18);color:#fff;}
.fd-platforms{display:flex;flex-wrap:wrap;gap:8px;}
.fd-chip{
  font-size:.7rem;padding:6px 10px;border-radius:3px;
  background:rgba(255,255,255,.06);border:1px solid var(--fd-line);
  color:var(--fd-muted);font-weight:500;
  backdrop-filter:blur(6px);
}

/* Shared: full artwork on dark matte — never crop with cover */
.fd-poster-matte{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;
  background:#0a0a10;
  overflow:hidden;
}
.fd-poster-matte img{
  width:100%;height:100%;
  object-fit:contain;object-position:center;
  display:block;
}

/* Hero spotlight — Compact A: 1 featured + 4 small (2×2 strip), short height */
.fd-spotlight{
  position:relative;border-radius:14px;padding:12px;
  background:linear-gradient(165deg,#1a1a26 0%,#101016 100%);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 20px 50px rgba(0,0,0,.5),0 0 0 1px rgba(229,9,20,.1);
  overflow:hidden;
  max-height:520px;
}
.fd-spot-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:8px;padding:0 2px;
}
.fd-spot-head h2{
  font-family:'Bebas Neue',Impact,sans-serif;
  font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;
  margin:0;font-weight:400;
}
.fd-spot-tag{
  font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;
  padding:3px 8px;border-radius:3px;
  background:rgba(0,212,255,.12);border:1px solid rgba(0,212,255,.35);
  color:var(--fd-cyan);font-weight:700;
}
.fd-spot-layout{
  display:grid;grid-template-columns:1.15fr 1fr;gap:10px;
  align-items:stretch;height:448px;max-height:448px;
}
.fd-featured{
  position:relative;border-radius:10px;overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 28px rgba(0,0,0,.45);
  background:#0a0a10;height:100%;min-height:0;min-width:0;
  display:flex;align-items:center;justify-content:center;
}
.fd-featured .fd-poster-matte{
  position:absolute;inset:0;background:#0a0a10;
}
.fd-featured-cap{
  position:absolute;left:0;right:0;bottom:0;padding:26px 8px 7px;
  background:linear-gradient(transparent,rgba(0,0,0,.9));
  pointer-events:none;text-align:center;z-index:2;
}
.fd-featured-cap strong{
  display:block;font-family:'Bebas Neue',Impact,sans-serif;
  font-size:1.15rem;letter-spacing:.06em;font-weight:400;
}
.fd-featured-cap span{
  display:block;font-size:.55rem;color:rgba(255,255,255,.6);
  letter-spacing:.08em;text-transform:uppercase;
}
.fd-strip{
  display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;
  gap:8px;height:100%;min-height:0;
}
.fd-strip-poster{
  position:relative;border-radius:10px;overflow:hidden;min-height:0;min-width:0;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 28px rgba(0,0,0,.45);
  background:#0a0a10;
  display:flex;align-items:center;justify-content:center;
  transition:transform .2s,box-shadow .2s;
}
.fd-strip-poster .fd-poster-matte{
  position:absolute;inset:0;background:#0a0a10;
}
.fd-strip-poster:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,.55),0 0 16px rgba(229,9,20,.2);
}
.fd-strip-cap{
  position:absolute;left:0;right:0;bottom:0;padding:14px 4px 5px;
  background:linear-gradient(transparent,rgba(0,0,0,.9));
  font-family:'Bebas Neue',Impact,sans-serif;
  font-size:.68rem;font-weight:400;letter-spacing:.06em;
  text-align:center;text-transform:uppercase;
  pointer-events:none;z-index:2;
}

/* Legacy mosaic / posters inert if leftover */
.fd-mosaic-wrap,.fd-mosaic,.fd-tile-m,.fd-posters{display:none!important;}

/* SEPARATE mid-page distribution billboard — typographic wordmarks */
.fd-billboard{padding:28px 0 8px;}
.fd-bb{
  position:relative;min-height:250px;border-radius:10px;overflow:hidden;
  background:linear-gradient(105deg,#1a0003 0%,#3a0508 28%,#0a0a0c 55%,#120003 100%);
  border:1px solid rgba(229,9,20,.45);
  box-shadow:0 0 0 1px rgba(0,0,0,.8),0 24px 60px rgba(229,9,20,.18),inset 0 1px 0 rgba(255,255,255,.08);
}
.fd-bb::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,transparent,transparent 80px,rgba(229,9,20,.04) 80px,rgba(229,9,20,.04) 81px),
    radial-gradient(ellipse at 15% 50%,rgba(229,9,20,.35),transparent 45%),
    radial-gradient(ellipse at 85% 40%,rgba(229,9,20,.2),transparent 40%);
}
.fd-bb-inner{
  position:relative;z-index:2;height:100%;
  display:flex;flex-direction:column;justify-content:center;
  padding:28px 32px;padding-right:160px;
}
.fd-bb-kicker{
  font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;
  color:#ff6b73;font-weight:800;margin-bottom:6px;
}
.fd-bb-title{
  font-family:'Bebas Neue',Impact,sans-serif;
  font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:.06em;line-height:1;
  margin:0 0 4px;text-transform:uppercase;font-weight:400;
}
.fd-bb-title span{
  color:var(--fd-neon);text-shadow:0 0 30px rgba(229,9,20,.6);
}
.fd-bb-sub{
  color:rgba(255,255,255,.55);font-size:.78rem;margin:0 0 16px;max-width:520px;
}
.fd-logo-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;}
.fd-wm{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:108px;height:44px;padding:0 14px;border-radius:6px;
  background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.16);
  font-weight:800;letter-spacing:.02em;color:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}
.fd-wm.netflix{color:#e50914;font-family:'Bebas Neue',Impact,sans-serif;font-size:1.35rem;letter-spacing:.05em;font-weight:400;}
.fd-wm.prime{font-size:.72rem;font-weight:600}.fd-wm.prime b{color:#00a8e1;font-size:.95rem}
.fd-wm.hulu{color:#1ce783;font-size:1.05rem;letter-spacing:.12em}
.fd-wm.apple{font-size:.85rem;font-weight:600}
.fd-wm.tubi{color:#fa382f;font-size:1.1rem}
.fd-wm.freevee{font-size:.78rem;letter-spacing:.04em}
.fd-wm.yt{font-size:.72rem}.fd-wm.yt b{color:#ff0000}
.fd-wm.peacock{color:#ff6a00;font-size:.95rem;letter-spacing:.04em}
.fd-bb-side{
  position:absolute;right:24px;top:50%;transform:translateY(-50%);
  text-align:right;z-index:2;
}
.fd-bb-side .big{
  font-family:'Bebas Neue',Impact,sans-serif;
  font-size:4.2rem;line-height:.9;color:rgba(255,255,255,.08);letter-spacing:.04em;
}
.fd-bb-side .tag{
  font-size:.7rem;color:rgba(255,255,255,.45);margin-top:4px;
  letter-spacing:.1em;text-transform:uppercase;
}

/* Stats */
.fd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px;}
.fd-stat{
  background:rgba(26,26,36,.82);border:none;border-left:3px solid var(--fd-neon);
  padding:16px 14px;border-radius:0 6px 6px 0;text-align:left;
  backdrop-filter:blur(8px);
}
.fd-stat b{
  display:block;font-family:'Bebas Neue',Impact,sans-serif;
  font-size:1.5rem;letter-spacing:.04em;margin-bottom:2px;color:var(--fd-text);
  font-weight:400;text-transform:uppercase;
}
.fd-stat span{color:var(--fd-muted);font-size:.75rem;}

/* Sections */
.fd-sec{padding:64px 0;}
.fd-sec-alt{background:var(--fd-bg-2);}
.fd-sec h2{
  font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:.04em;
  margin:0 0 8px;text-transform:uppercase;
}
.fd-sec .sub{color:var(--fd-muted);margin:0 0 28px;max-width:560px;}

/* How it works */
.fd-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.fd-step{
  background:var(--fd-panel);border-radius:8px;padding:20px 14px;
  border:1px solid var(--fd-line);
  box-shadow:none;transform:none;
  transition:border-color .2s,transform .2s;
}
.fd-step:hover{
  border-color:rgba(229,9,20,.5);transform:translateY(-4px);
  box-shadow:none;
}
.fd-ico{
  width:42px;height:42px;border-radius:6px;display:grid;place-items:center;
  background:rgba(229,9,20,.15);color:var(--fd-neon);
  font-family:'Bebas Neue',Impact,sans-serif;font-size:1.2rem;
  margin-bottom:12px;border:none;
}
.fd-step small{
  color:var(--fd-neon);font-size:.65rem;letter-spacing:.12em;font-weight:800;
}
.fd-step h3{font-size:.92rem;margin:6px 0 8px;font-weight:700;}
.fd-step p{color:var(--fd-muted);font-size:.78rem;line-height:1.45;margin:0;}

/* Deliverables */
.fd-deliv{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.fd-dcard{
  background:linear-gradient(180deg,#22222e,#16161e);
  border:1px solid var(--fd-line);border-radius:10px;padding:22px 16px;
  position:relative;overflow:hidden;
  box-shadow:none;transition:transform .2s;
}
.fd-dcard::after{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--fd-neon),var(--fd-cyan));
}
.fd-dcard:hover{transform:translateY(-4px);}
.fd-dcard .fd-ico{
  width:42px;height:42px;border-radius:6px;
  background:rgba(0,212,255,.12);color:var(--fd-cyan);font-size:1.1rem;
}
.fd-dcard h3{font-size:1rem;margin:10px 0 6px;font-weight:700;}
.fd-dcard p{color:var(--fd-muted);font-size:.8rem;margin:0;}

/* Catalog tiles — 5x2 = 10 titles, no empty cells; full artwork contain */
.fd-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.fd-tile{
  position:relative;border-radius:6px;overflow:hidden;aspect-ratio:2/3;
  border:none;box-shadow:0 8px 24px rgba(0,0,0,.5);
  transition:transform .25s,box-shadow .25s;text-decoration:none;color:inherit;
  background:#0a0a0e;display:block;
}
.fd-tile:hover{
  transform:scale(1.04);z-index:2;
  box-shadow:0 12px 40px rgba(229,9,20,.35);
}
.fd-tile .fd-poster-matte{
  position:absolute;inset:0;
}
.fd-tile .fd-poster-matte img,
.fd-tile img{
  width:100%;height:100%;object-fit:contain;object-position:center;display:block;
}
.fd-tile-cap,
.fd-tile > span:not(.fd-poster-matte){
  position:absolute;left:0;right:0;bottom:0;padding:40px 8px 10px;
  background:linear-gradient(transparent,rgba(0,0,0,.95));
  font-size:.7rem;font-weight:700;color:#fff;text-shadow:none;
  z-index:2;pointer-events:none;
}

/* Features */
.fd-feats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.fd-feat{
  background:var(--fd-panel);border-radius:8px;padding:16px 12px;
  border:1px solid var(--fd-line);
}
.fd-feat .fd-ico{width:36px;height:36px;font-size:.9rem;}
.fd-feat h3{font-size:.85rem;margin:8px 0 4px;font-weight:700;}
.fd-feat p{color:var(--fd-muted);font-size:.74rem;line-height:1.45;margin:0;}

/* Rights / ownership */
.fd-own{
  background:linear-gradient(135deg,#1f0a0c,#12121a 50%,#0a1a1f);
  border:1px solid var(--fd-line);border-radius:12px;padding:32px 28px;
  position:relative;
}
.fd-own::before{
  content:"";position:absolute;inset:0;border-radius:12px;padding:1px;
  background:linear-gradient(135deg,var(--fd-neon),transparent 40%,var(--fd-cyan));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;
}
.fd-own h2{
  font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:.04em;
  margin:0 0 10px;text-transform:uppercase;
}
.fd-own p{color:var(--fd-muted);max-width:720px;margin:0;}
.fd-policies{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:18px;}
.fd-policies a{
  color:var(--fd-cyan);font-size:.84rem;font-weight:500;
  text-decoration:none;border-bottom:1px solid transparent;
}
.fd-policies a:hover{border-bottom-color:var(--fd-cyan);color:var(--fd-cyan);}

/* FAQ */
.fd-faq details{border-bottom:1px solid var(--fd-line);padding:14px 0;}
.fd-faq summary{
  cursor:pointer;font-weight:700;list-style:none;
  display:flex;justify-content:space-between;gap:16px;
}
.fd-faq summary::-webkit-details-marker{display:none;}
.fd-faq summary:after{content:'+';color:var(--fd-neon);}
.fd-faq details[open] summary:after{content:'–';}
.fd-faq p{color:var(--fd-muted);margin:10px 0 0;font-size:.9rem;line-height:1.65;}
.fd-faq a{color:var(--fd-cyan);}

/* CTA */
.fd-cta{
  text-align:center;padding:56px 24px;border-radius:12px;
  background:radial-gradient(600px 200px at 50% 0,rgba(229,9,20,.35),transparent 70%),var(--fd-panel);
  border:1px solid rgba(229,9,20,.3);
}
.fd-cta h2{
  font-size:clamp(2rem,4vw,3rem);letter-spacing:.04em;
  margin:0 0 8px;text-transform:uppercase;
}
.fd-cta p{color:var(--fd-muted);margin:0 0 20px;}

/* Footer on this page */
body.page-film .site-footer{
  background:#000;border-top:1px solid var(--fd-line);color:var(--fd-muted);
}
body.page-film .site-footer a{color:var(--fd-muted);}
body.page-film .site-footer a:hover{color:var(--fd-neon);}
body.page-film .site-footer h4{
  color:#fff;font-family:'Bebas Neue',Impact,sans-serif;
  font-size:1.15rem;letter-spacing:.06em;font-weight:400;text-transform:uppercase;
}
.fd-foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;padding:40px 0 24px;font-size:.82rem;}
.fd-foot ul{list-style:none;padding:0;margin:0;}
.fd-foot li{margin-bottom:7px;}

/* Responsive */
@media(max-width:1100px){
  .fd-steps,.fd-feats{grid-template-columns:repeat(3,1fr);}
  .fd-deliv{grid-template-columns:repeat(2,1fr);}
  .fd-row{grid-template-columns:repeat(4,1fr);}
  .fd-stats{grid-template-columns:repeat(2,1fr);}
  .fd-spot-layout{height:400px;max-height:400px;}
}

@media(max-width:900px){
  .fd-wrap{padding:0 18px;}
  .fd-hero{padding:72px 0 40px;min-height:0;}
  .fd-hero-grid{grid-template-columns:1fr;gap:28px;}
  .fd-spotlight{max-width:640px;margin:0 auto;width:100%;}
  .fd-spot-layout{height:380px;max-height:380px;grid-template-columns:1.15fr 1fr;}
  .fd-bb-inner{padding-right:32px;}
  .fd-bb-side{display:none;}
  .fd-sec{padding:48px 0;}
  .fd-foot{grid-template-columns:1fr 1fr;gap:22px;}
  .fd-cta{padding:36px 18px;}
}

@media(max-width:600px){
  .fd-hero{padding:64px 0 32px;}
  .fd-hero h1{font-size:2.6rem;}
  .fd-lead{font-size:.95rem;}
  .fd-actions .fd-btn{width:100%;justify-content:center;}
  .fd-steps,.fd-deliv,.fd-feats,.fd-stats{grid-template-columns:1fr 1fr;}
  .fd-row{grid-template-columns:repeat(2,1fr);}
  .fd-foot{grid-template-columns:1fr 1fr;}
  .fd-own{padding:22px 16px;}
  .fd-cta h2{font-size:2rem;}
  .fd-spotlight{padding:12px;}
  .fd-spotlight{max-height:none;}
  .fd-spot-layout{height:300px;max-height:300px;gap:8px;}
  .fd-featured-cap strong{font-size:1rem;}
  .fd-wm{min-width:90px;height:40px;padding:0 10px;font-size:.75rem;}
  .fd-bb-title{font-size:1.7rem;}
}

@media(max-width:400px){
  .fd-steps,.fd-deliv,.fd-feats,.fd-stats,.fd-row,.fd-foot{grid-template-columns:1fr;}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .fd-kicker::before{animation:none!important;}
  .fd-strip-poster{transition:none;}
}