*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09090b;color:#fff;font-family:Inter,Arial,Helvetica,sans-serif}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:72px;display:flex;align-items:center;gap:34px;padding:0 5vw;background:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.08));backdrop-filter:blur(8px)}.brand{font-weight:1000;font-size:25px;letter-spacing:-1px;text-decoration:none;color:#fff;white-space:nowrap}.brand-tv{color:#ff365e;margin-left:2px}.nav{display:flex;gap:24px;flex:1}.nav a,.footer-links a{color:#ddd;text-decoration:none;font-size:14px}.nav a:hover,.footer-links a:hover{color:#fff}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn,.signin-btn,.view-all{border:0;color:#fff;background:transparent;cursor:pointer}.icon-btn{font-size:28px}.signin-btn{border:1px solid rgba(255,255,255,.35);padding:9px 15px;border-radius:999px;font-weight:700}.hero{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden;padding:120px 6vw 80px}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 74% 34%,rgba(255,48,94,.52),transparent 23%),radial-gradient(circle at 79% 58%,rgba(99,26,255,.34),transparent 29%),linear-gradient(115deg,#050507 3%,#101016 42%,#230a14 76%,#09090b 100%)}.hero-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09090b 0%,rgba(9,9,11,.95) 25%,rgba(9,9,11,.35) 63%,rgba(9,9,11,.75) 100%),linear-gradient(0deg,#09090b 0%,transparent 35%)}.hero-noise{position:absolute;inset:0;opacity:.18;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.035) 3px)}.hero-content{position:relative;z-index:2;max-width:650px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:900;color:#ff466a}.hero h1{font-size:clamp(55px,8vw,112px);line-height:.78;margin:16px 0 24px;letter-spacing:-6px}.hero h1 span{color:#ff365e;text-shadow:0 8px 45px rgba(255,54,94,.32)}.hero-copy{font-size:18px;line-height:1.55;color:#d4d4d8;max-width:590px}.hero-meta{display:flex;gap:11px;color:#a1a1aa;font-size:13px;margin:20px 0}.hero-meta span:first-child{color:#6cff9c;font-weight:900}.hero-actions{display:flex;gap:12px}.primary-btn,.secondary-btn{border:0;border-radius:9px;padding:13px 20px;font-size:15px;font-weight:900;cursor:pointer}.primary-btn{background:#fff;color:#08080a}.primary-btn:hover{transform:translateY(-1px);background:#f4f4f5}.secondary-btn{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(9px)}.hero-badge{position:absolute;right:9vw;top:28%;z-index:2;width:230px;height:230px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:1000;font-size:56px;line-height:.65;background:radial-gradient(circle at 35% 30%,#ff6c88,#ff254e 44%,#6d0b25 100%);box-shadow:0 35px 120px rgba(255,37,78,.3),inset 0 0 45px rgba(255,255,255,.12);transform:rotate(-8deg);border:8px solid rgba(255,255,255,.08)}.hero-badge small{font-size:30px;letter-spacing:4px}.content-shell{position:relative;z-index:4;margin-top:-55px;padding:0 5vw 70px}.rail{margin:28px 0 48px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{font-size:24px;margin:0}.view-all{color:#a1a1aa}.card-row,.landscape-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:9px;scrollbar-width:none}.card-row::-webkit-scrollbar,.landscape-row::-webkit-scrollbar{display:none}.poster-card{min-width:180px;width:180px;cursor:pointer}.poster{height:270px;border-radius:12px;padding:14px;display:flex;align-items:flex-end;position:relative;overflow:hidden;box-shadow:inset 0 -90px 100px rgba(0,0,0,.72),0 10px 35px rgba(0,0,0,.2);transition:.25s}.poster-card:hover .poster{transform:scale(1.035)}.poster-title{font-weight:1000;font-size:24px;line-height:.85;letter-spacing:-1.5px;position:relative;z-index:2}.poster-card h3{font-size:14px;margin:11px 0 4px}.poster-card p{font-size:12px;color:#8b8b94;margin:0}.pill{position:absolute;top:12px;left:12px;background:#ff365e;padding:5px 7px;border-radius:6px;font-size:10px;font-weight:1000}.poster-1{background:linear-gradient(145deg,#17070d,#ff315b 60%,#2b0811)}.poster-2{background:linear-gradient(145deg,#0b1320,#243a58 55%,#06080c)}.poster-3{background:linear-gradient(145deg,#18120b,#9a6117 60%,#100a05)}.poster-4{background:linear-gradient(145deg,#08170f,#0d8a49 60%,#031008)}.poster-5{background:linear-gradient(145deg,#1b0f24,#7d2a9c 60%,#0b0610)}.poster-6{background:linear-gradient(145deg,#0e0e0f,#444 60%,#090909)}.poster-7{background:linear-gradient(145deg,#160809,#a41924 58%,#0a0505)}.poster-8{background:linear-gradient(145deg,#0c0d17,#262c70 60%,#070810)}.landscape-card{min-width:min(420px,82vw);width:420px}.land{height:230px;border-radius:14px;padding:22px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;overflow:hidden;font-weight:1000;font-size:27px;box-shadow:inset 0 -100px 110px rgba(0,0,0,.58)}.landscape-1{background:radial-gradient(circle at 75% 25%,#ff365e,transparent 32%),linear-gradient(135deg,#09090b,#380d18)}.landscape-2{background:radial-gradient(circle at 75% 30%,#335b8e,transparent 30%),linear-gradient(135deg,#09090b,#101b2a)}.landscape-3{background:radial-gradient(circle at 70% 30%,#9a6117,transparent 30%),linear-gradient(135deg,#09090b,#241706)}.mini-play{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.35);color:#fff}.land-meta{display:flex;justify-content:space-between;gap:10px;margin-top:10px}.land-meta small{color:#898992}.signup-banner{margin:70px 0 20px;padding:35px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 90% 0%,rgba(255,54,94,.25),transparent 35%),linear-gradient(135deg,#131318,#0c0c0e);border:1px solid rgba(255,255,255,.08)}.signup-banner h2{font-size:30px;margin:8px 0}.signup-banner p{color:#999;margin:0}footer{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:30px 5vw;border-top:1px solid rgba(255,255,255,.08);color:#777;font-size:12px}.footer-brand{font-size:18px}.footer-links{display:flex;gap:16px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.84);z-index:100;display:grid;place-items:center;padding:24px}.hidden{display:none!important}.modal-card{width:min(1000px,95vw);position:relative}.modal-close{position:absolute;right:-8px;top:-46px;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#000;font-size:25px;cursor:pointer}.player-wrap{aspect-ratio:16/9;background:#050505;border-radius:15px;overflow:hidden;box-shadow:0 40px 120px #000}.player-wrap iframe{width:100%;height:100%;border:0}.player-placeholder{height:100%;display:grid;place-content:center;text-align:center;padding:30px;color:#bdbdc4}.play-circle{font-size:45px}.search-panel{position:fixed;z-index:80;inset:72px 0 auto 0;background:rgba(7,7,9,.97);border-bottom:1px solid #27272a;padding:28px 6vw 36px}.search-inner{display:flex;gap:10px}.search-inner input{flex:1;background:#151518;border:1px solid #2f2f35;color:#fff;padding:15px 16px;border-radius:10px;font-size:18px}.search-inner button{width:48px;border:0;border-radius:10px;font-size:25px}.search-results{margin-top:15px;color:#aaa}@media(max-width:850px){.nav{display:none}.topbar{height:64px}.hero{min-height:78vh;padding-top:100px}.hero-badge{opacity:.28;right:-60px;top:30%;width:210px;height:210px}.hero h1{letter-spacing:-4px}.content-shell{margin-top:-30px}.signup-banner{align-items:flex-start;flex-direction:column}footer{align-items:flex-start;flex-direction:column}.poster-card{min-width:150px;width:150px}.poster{height:225px}.poster-title{font-size:20px}}
/* v2 — real GOTB logo */
.brand-image img{display:block;width:118px;max-height:54px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(0,0,0,.45))}
.hero-logo{display:block;width:min(610px,82vw);max-height:330px;object-fit:contain;object-position:left center;margin:8px 0 12px;filter:drop-shadow(0 20px 45px rgba(0,0,0,.55))}
.footer-brand img{width:100px;opacity:.88}
@media(max-width:850px){
  .brand-image img{width:92px;max-height:46px}
  .hero-logo{width:min(520px,92vw);max-height:280px}
}

/* v3 — supplied GOTB316 emblem fills the hero's right side */
.hero-feature-art{
  position:absolute;
  z-index:2;
  right:4.5vw;
  top:50%;
  transform:translateY(-47%);
  width:min(38vw,520px);
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  pointer-events:none;
}
.hero-feature-art img{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:50%;
  filter:drop-shadow(0 28px 70px rgba(0,0,0,.72));
}
.hero-art-glow{
  position:absolute;
  width:78%;
  height:78%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,45,82,.28) 0%,rgba(62,176,255,.14) 36%,rgba(98,32,255,.1) 55%,transparent 74%);
  filter:blur(34px);
}
@media(max-width:1000px){
  .hero-content{max-width:55%}
  .hero-feature-art{right:1vw;width:min(42vw,430px)}
}
@media(max-width:760px){
  .hero{align-items:flex-end;padding-bottom:70px}
  .hero-content{max-width:100%}
  .hero-feature-art{
    width:68vw;
    right:-18vw;
    top:38%;
    opacity:.32;
  }
}

/* v4 — Don Black cinematic hero artwork */
.hero-feature-art{
  position:absolute;
  z-index:2;
  right:0;
  top:0;
  width:52%;
  height:100%;
  transform:none;
  display:block;
  pointer-events:none;
  overflow:hidden;
}
.hero-feature-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 18%;
  border-radius:0;
  filter:none;
}
.hero-feature-art:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#09090b 0%,rgba(9,9,11,.9) 14%,rgba(9,9,11,.42) 38%,rgba(9,9,11,.08) 70%,rgba(9,9,11,.08) 100%),
    linear-gradient(0deg,#09090b 0%,rgba(9,9,11,.1) 28%,rgba(9,9,11,0) 58%);
}
.hero-art-glow{display:none}
@media(max-width:1000px){
  .hero-content{max-width:58%}
  .hero-feature-art{width:50%;right:0}
}
@media(max-width:760px){
  .hero-feature-art{
    width:100%;
    height:68%;
    top:0;
    right:0;
    opacity:.42;
  }
  .hero-feature-art:after{
    background:
      linear-gradient(90deg,rgba(9,9,11,.72),rgba(9,9,11,.15)),
      linear-gradient(0deg,#09090b 0%,rgba(9,9,11,.2) 45%,rgba(9,9,11,.05) 100%);
  }
}

/* v5 — Netflix-inspired featured-card home layout */
.netflix-home-hero{
  min-height:auto;
  padding:98px 5vw 16px;
  display:block;
  background:
    radial-gradient(circle at 50% -10%,rgba(255,54,94,.10),transparent 32%),
    #09090b;
}
.netflix-card-shell{
  max-width:1180px;
  margin:0 auto;
}
.featured-card-stage{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  min-height:610px;
  border:1px solid rgba(255,255,255,.10);
  background:#101014;
  box-shadow:0 28px 90px rgba(0,0,0,.38);
}
.featured-card-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
}
.featured-card-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(0deg,rgba(7,7,9,.98) 0%,rgba(7,7,9,.72) 24%,rgba(7,7,9,.16) 58%,rgba(7,7,9,.05) 100%),
    linear-gradient(90deg,rgba(7,7,9,.20),rgba(7,7,9,0) 55%);
}
.featured-card-topline{
  position:absolute;
  top:28px;
  left:32px;
  z-index:3;
}
.featured-card-copy{
  position:absolute;
  z-index:3;
  left:34px;
  right:34px;
  bottom:30px;
}
.featured-title-logo{
  width:min(520px,68vw);
  max-height:220px;
  object-fit:contain;
  object-position:left bottom;
  display:block;
  margin-bottom:8px;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.55));
}
.featured-card-copy p{
  max-width:720px;
  margin:0 0 18px;
  color:#eee;
  font-size:18px;
  line-height:1.45;
  text-shadow:0 2px 14px rgba(0,0,0,.7);
}
.featured-card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  max-width:620px;
}
.netflix-play,.netflix-list{
  min-height:58px;
  font-size:20px;
  border-radius:10px;
}
.netflix-list{
  background:rgba(55,55,60,.88);
}
.sound-toggle{
  position:absolute;
  z-index:4;
  right:26px;
  bottom:28px;
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(0,0,0,.42);
  color:#fff;
  cursor:pointer;
  font-size:20px;
}
.content-shell{
  margin-top:0;
  padding-top:12px;
}
@media(max-width:760px){
  .netflix-home-hero{padding:78px 18px 8px}
  .featured-card-stage{
    min-height:650px;
    border-radius:22px;
  }
  .featured-card-image{
    object-position:center 12%;
  }
  .featured-card-topline{top:20px;left:20px}
  .featured-card-copy{left:20px;right:20px;bottom:20px}
  .featured-title-logo{width:86vw;max-height:190px}
  .featured-card-copy p{font-size:16px}
  .featured-card-actions{grid-template-columns:1fr 1fr;gap:10px}
  .netflix-play,.netflix-list{font-size:17px;min-height:54px}
  .sound-toggle{right:18px;top:18px;bottom:auto}
}

/* v6 — full cast movie cover in the Netflix-style featured card */
.featured-card-image{
  object-fit:cover;
  object-position:center center;
}
.featured-card-shade{
  background:
    linear-gradient(0deg,rgba(7,7,9,.94) 0%,rgba(7,7,9,.58) 18%,rgba(7,7,9,.08) 48%,rgba(7,7,9,.02) 100%),
    linear-gradient(90deg,rgba(7,7,9,.20) 0%,rgba(7,7,9,.02) 38%,rgba(7,7,9,.02) 100%);
}
.featured-title-logo{
  width:min(390px,58vw);
  max-height:150px;
}
.featured-card-copy p{
  max-width:640px;
}
@media(max-width:760px){
  .featured-card-image{
    object-position:center top;
  }
  .featured-title-logo{
    width:72vw;
    max-height:130px;
  }
}

.poster-1 img{
  width:104%;
  height:104%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.04);
}