/* =========================================================
   ENOFLIX — TWALIND
   Trust • Legal • Safety • Support • Corporate Pages
   Production Design System
   Version 1.0
   ========================================================= */


/* =========================================================
   1. DESIGN TOKENS
   ========================================================= */

:root{
  --tw-bg:#070914;
  --tw-bg-soft:#0c0f1d;
  --tw-panel:#111525;
  --tw-panel-2:#151a2c;

  --tw-text:#f8f8fb;
  --tw-text-soft:#bcc2d1;
  --tw-text-muted:#7f8799;

  --tw-line:rgba(255,255,255,.10);
  --tw-line-soft:rgba(255,255,255,.06);

  --tw-gold:#ffac00;
  --tw-gold-soft:#ffc342;

  --tw-blue:#377dff;
  --tw-cyan:#2bd9fe;
  --tw-green:#43d69e;
  --tw-red:#ff6363;
  --tw-purple:#a873ff;

  --tw-white:#fff;
  --tw-black:#000;

  --tw-shadow:
    0 24px 70px rgba(0,0,0,.32);

  --tw-radius-sm:12px;
  --tw-radius-md:18px;
  --tw-radius-lg:28px;
  --tw-radius-xl:40px;

  --tw-max:1180px;

  --tw-font:
    Inter,
    Onest,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}


/* =========================================================
   2. RESET / BASE
   ========================================================= */

html{
  scroll-behavior:smooth;
}

body.tw-page{
  margin:0;
  min-height:100vh;
  background:var(--tw-bg);
  color:var(--tw-text);
  font-family:var(--tw-font);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.tw-page *,
.tw-page *::before,
.tw-page *::after{
  box-sizing:border-box;
}

.tw-page img{
  display:block;
  max-width:100%;
}

.tw-page a{
  color:inherit;
}

.tw-page button,
.tw-page input,
.tw-page select,
.tw-page textarea{
  font:inherit;
}

.tw-page button,
.tw-page a{
  -webkit-tap-highlight-color:transparent;
}

.tw-page h1,
.tw-page h2,
.tw-page h3,
.tw-page h4,
.tw-page p{
  margin-top:0;
}


/* =========================================================
   3. ACCESSIBILITY
   ========================================================= */

.tw-skip-link{
  position:fixed;
  top:12px;
  left:12px;
  z-index:99999;
  padding:12px 16px;
  border-radius:10px;
  background:#fff;
  color:#080a12;
  font-weight:800;
  text-decoration:none;
  transform:translateY(-180%);
  transition:transform .18s ease;
}

.tw-skip-link:focus{
  transform:translateY(0);
}

.tw-page :focus-visible{
  outline:3px solid var(--tw-gold);
  outline-offset:4px;
}

.tw-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}


/* =========================================================
   4. LAYOUT
   ========================================================= */

.tw-shell{
  width:min(
    calc(100% - 40px),
    var(--tw-max)
  );
  margin-inline:auto;
}

.tw-section{
  padding:88px 0;
}

.tw-section--tight{
  padding:58px 0;
}

.tw-stack{
  display:grid;
  gap:22px;
}


/* =========================================================
   5. GLOBAL LEGAL / TRUST HEADER
   ========================================================= */

.tw-site-header{
  position:relative;
  z-index:100;
  border-bottom:1px solid var(--tw-line-soft);
  background:rgba(7,9,20,.88);
  backdrop-filter:blur(18px);
}

.tw-site-header__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:74px;
  gap:24px;
}

.tw-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}

.tw-brand__logo{
  width:118px;
  height:auto;
}

.tw-brand__fallback{
  font-size:22px;
  font-weight:900;
  letter-spacing:-.04em;
}

.tw-site-nav{
  display:flex;
  align-items:center;
  gap:6px;
}

.tw-site-nav a{
  padding:10px 12px;
  border-radius:10px;
  color:var(--tw-text-soft);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
}

.tw-site-nav a:hover{
  background:rgba(255,255,255,.05);
  color:#fff;
}


/* =========================================================
   6. BUTTONS
   ========================================================= */

.tw-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:46px;
  padding:11px 18px;
  border:1px solid transparent;
  border-radius:13px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.tw-btn:hover{
  transform:translateY(-1px);
}

.tw-btn--gold{
  background:var(--tw-gold);
  color:#111;
}

.tw-btn--ghost{
  border-color:var(--tw-line);
  background:rgba(255,255,255,.04);
  color:#fff;
}

.tw-btn--light{
  background:#fff;
  color:#111;
}


/* =========================================================
   7. TYPOGRAPHY
   ========================================================= */

.tw-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  color:var(--tw-gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.tw-display{
  max-width:850px;
  margin-bottom:22px;
  font-size:
    clamp(
      42px,
      7vw,
      84px
    );
  line-height:.98;
  letter-spacing:-.055em;
}

.tw-lead{
  max-width:720px;
  margin-bottom:0;
  color:var(--tw-text-soft);
  font-size:
    clamp(
      17px,
      2vw,
      21px
    );
  line-height:1.7;
}

.tw-section-title{
  margin-bottom:16px;
  font-size:
    clamp(
      28px,
      4vw,
      46px
    );
  line-height:1.05;
  letter-spacing:-.035em;
}


/* =========================================================
   8. COMMON CARDS
   ========================================================= */

.tw-card{
  border:1px solid var(--tw-line);
  border-radius:var(--tw-radius-md);
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.055),
      rgba(255,255,255,.025)
    );
}

.tw-card--padded{
  padding:26px;
}

.tw-card__icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  margin-bottom:20px;
  border-radius:14px;
  background:rgba(255,172,0,.10);
  color:var(--tw-gold);
}


/* =========================================================
   9. LEGAL DOCUMENT PRIMITIVES
   ========================================================= */

.tw-legal-grid{
  display:grid;
  grid-template-columns:
    270px
    minmax(0,1fr);
  gap:54px;
  align-items:start;
}

.tw-legal-nav{
  position:sticky;
  top:98px;
}

.tw-legal-nav__title{
  margin-bottom:14px;
  color:var(--tw-text-muted);
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.tw-legal-nav a{
  display:block;
  padding:9px 12px;
  border-left:2px solid transparent;
  color:var(--tw-text-soft);
  font-size:13px;
  line-height:1.4;
  text-decoration:none;
}

.tw-legal-nav a:hover{
  border-color:var(--tw-gold);
  color:#fff;
}

.tw-legal-content{
  max-width:780px;
}

.tw-legal-section{
  padding:
    0
    0
    44px;
  margin-bottom:44px;
  border-bottom:1px solid var(--tw-line-soft);
}

.tw-legal-section h2{
  margin-bottom:18px;
  font-size:
    clamp(
      25px,
      3vw,
      34px
    );
  line-height:1.14;
  letter-spacing:-.025em;
}

.tw-legal-section h3{
  margin:28px 0 12px;
  font-size:18px;
}

.tw-legal-section p,
.tw-legal-section li{
  color:var(--tw-text-soft);
  line-height:1.82;
}

.tw-legal-section li + li{
  margin-top:9px;
}

.tw-legal-note{
  padding:18px 20px;
  border-left:3px solid var(--tw-gold);
  border-radius:0 12px 12px 0;
  background:rgba(255,172,0,.07);
  color:var(--tw-text-soft);
}


/* =========================================================
   10. FOOTER
   ========================================================= */

.tw-footer{
  border-top:1px solid var(--tw-line-soft);
  padding:48px 0 34px;
}

.tw-footer__grid{
  display:grid;
  grid-template-columns:
    minmax(0,1.5fr)
    repeat(3,minmax(120px,1fr));
  gap:38px;
}

.tw-footer__brand p{
  max-width:380px;
  color:var(--tw-text-muted);
  line-height:1.7;
}

.tw-footer h3{
  margin-bottom:14px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.tw-footer a{
  display:block;
  margin:9px 0;
  color:var(--tw-text-soft);
  font-size:13px;
  text-decoration:none;
}

.tw-footer a:hover{
  color:#fff;
}

.tw-footer__bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:42px;
  padding-top:24px;
  border-top:1px solid var(--tw-line-soft);
  color:var(--tw-text-muted);
  font-size:12px;
}


/* =========================================================
   11. TERMS — EDITORIAL / DOCUMENT DESIGN
   ========================================================= */

.tw-terms{
  --terms-accent:#ffac00;
}

.tw-terms .tw-hero{
  position:relative;
  overflow:hidden;
  padding:115px 0 78px;
}

.tw-terms .tw-hero::before{
  content:"";
  position:absolute;
  inset:-30%;
  pointer-events:none;
  background:
    radial-gradient(
      circle at 65% 25%,
      rgba(255,172,0,.17),
      transparent 32%
    );
}

.tw-terms__meta{
  display:flex;
  flex-wrap:wrap;
  gap:14px 24px;
  margin-top:30px;
  color:var(--tw-text-muted);
  font-size:12px;
}

.tw-terms__number{
  color:rgba(255,172,0,.32);
  font-size:13px;
  font-weight:900;
}


/* =========================================================
   12. PRIVACY — DATA / TRANSPARENCY DESIGN
   ========================================================= */

.tw-privacy{
  --privacy-accent:#54d7ff;
}

.tw-privacy .tw-hero{
  padding:105px 0 72px;
  background:
    radial-gradient(
      circle at 84% 10%,
      rgba(43,217,254,.14),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #08111c,
      var(--tw-bg)
    );
}

.tw-privacy .tw-eyebrow{
  color:var(--privacy-accent);
}

.tw-privacy-dashboard{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:42px;
}

.tw-privacy-dashboard .tw-card{
  padding:22px;
}

.tw-privacy-dashboard strong{
  display:block;
  margin-bottom:8px;
  font-size:22px;
}

.tw-privacy-dashboard span{
  color:var(--tw-text-muted);
  font-size:12px;
}


/* =========================================================
   13. COOKIE — CONTROL / CATEGORY DESIGN
   ========================================================= */

.tw-cookie{
  --cookie-accent:#a873ff;
}

.tw-cookie .tw-hero{
  padding:105px 0 72px;
  background:
    linear-gradient(
      135deg,
      rgba(168,115,255,.12),
      transparent 45%
    );
}

.tw-cookie .tw-eyebrow{
  color:var(--cookie-accent);
}

.tw-cookie-category{
  display:grid;
  grid-template-columns:
    1fr
    160px;
  gap:20px;
  align-items:center;
  padding:22px;
  border-bottom:1px solid var(--tw-line-soft);
}

.tw-cookie-category__state{
  justify-self:end;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(67,214,158,.10);
  color:var(--tw-green);
  font-size:11px;
  font-weight:850;
}


/* =========================================================
   14. ACCOUNT TERMS — ACCOUNT / SERVICE DESIGN
   ========================================================= */

.tw-account-terms{
  --account-accent:#6f8cff;
}

.tw-account-terms .tw-hero{
  padding:100px 0 72px;
}

.tw-account-terms__steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:42px;
}

.tw-account-terms__step{
  padding:20px;
  border:1px solid var(--tw-line);
  border-radius:16px;
}

.tw-account-terms__step strong{
  display:block;
  margin-bottom:7px;
  color:var(--account-accent);
}


/* =========================================================
   15. COPYRIGHT — RIGHTS / OWNERSHIP DESIGN
   ========================================================= */

.tw-copyright{
  --copyright-accent:#ff7e67;
}

.tw-copyright .tw-hero{
  padding:100px 0 72px;
  background:
    radial-gradient(
      circle at 78% 20%,
      rgba(255,126,103,.13),
      transparent 32%
    );
}

.tw-copyright .tw-eyebrow{
  color:var(--copyright-accent);
}


/* =========================================================
   16. DMCA — FORMAL NOTICE DESIGN
   ========================================================= */

.tw-dmca{
  --dmca-accent:#ff6363;
}

.tw-dmca .tw-hero{
  padding:96px 0 68px;
}

.tw-dmca__notice{
  max-width:820px;
  padding:30px;
  border:
    1px solid
    rgba(255,99,99,.22);
  border-radius:22px;
  background:
    rgba(255,99,99,.055);
}


/* =========================================================
   17. ACCESSIBILITY — HUMAN / INCLUSIVE DESIGN
   ========================================================= */

.tw-accessibility{
  --access-accent:#43d69e;
}


/* =========================================================
   18. SAFETY — TRUST CENTRE DESIGN
   ========================================================= */

.tw-safety{
  --safety-accent:#55b8ff;
}


/* =========================================================
   19. TRADEMARK — BRAND RIGHTS DESIGN
   ========================================================= */

.tw-trademark{
  --trademark-accent:#ffac00;
}


/* =========================================================
   20. CAREERS — PEOPLE / CULTURE DESIGN
   ========================================================= */

.tw-careers{
  --careers-accent:#f8bd63;
}


/* =========================================================
   21. HELP CENTRE — SUPPORT HUB DESIGN
   ========================================================= */

.tw-help{
  --help-accent:#52b7ff;
}


/* =========================================================
   22. GIFT CARDS — COMMERCE DESIGN
   ========================================================= */

.tw-gift{
  --gift-accent:#ffac00;
}


/* =========================================================
   23. REDEEM — TRANSACTION FOCUS DESIGN
   ========================================================= */

.tw-redeem{
  --redeem-accent:#ffac00;
}


/* =========================================================
   24. RESPONSIVE
   ========================================================= */

@media (max-width:900px){

  .tw-site-nav{
    display:none;
  }

  .tw-legal-grid{
    grid-template-columns:1fr;
  }

  .tw-legal-nav{
    position:relative;
    top:auto;
    display:flex;
    gap:6px;
    overflow-x:auto;
    padding-bottom:8px;
  }

  .tw-legal-nav__title{
    display:none;
  }

  .tw-legal-nav a{
    flex:0 0 auto;
    border:
      1px solid
      var(--tw-line);
    border-radius:999px;
    white-space:nowrap;
  }

  .tw-privacy-dashboard{
    grid-template-columns:1fr;
  }

  .tw-account-terms__steps{
    grid-template-columns:
      repeat(2,1fr);
  }

  .tw-footer__grid{
    grid-template-columns:
      repeat(2,1fr);
  }
}


@media (max-width:600px){

  .tw-shell{
    width:min(
      calc(100% - 28px),
      var(--tw-max)
    );
  }

  .tw-section{
    padding:64px 0;
  }

  .tw-display{
    font-size:
      clamp(
        38px,
        13vw,
        58px
      );
  }

  .tw-account-terms__steps{
    grid-template-columns:1fr;
  }

  .tw-cookie-category{
    grid-template-columns:1fr;
  }

  .tw-cookie-category__state{
    justify-self:start;
  }

  .tw-footer__grid{
    grid-template-columns:1fr;
  }

  .tw-footer__bottom{
    flex-direction:column;
  }
}


/* =========================================================
   25. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion:reduce){

  html{
    scroll-behavior:auto;
  }

  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }

}


/* =========================================================
   ENOFLIX TERMS PAGE PRODUCTION V2
   ---------------------------------------------------------
   Page-specific layer only.
   Shared Twalind core remains untouched.
   ========================================================= */


/* =========================================================
   TERMS — PAGE ROOT
   ========================================================= */

.tw-terms{
  --tw-terms-accent:#ffac00;
  --tw-terms-accent-soft:#ffd06b;
  --tw-terms-surface:#0b0e1c;
  --tw-terms-surface-2:#101526;
}


/* =========================================================
   TERMS — HERO
   ========================================================= */

.tw-terms-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:112px 0 76px;
  border-bottom:1px solid var(--tw-line-soft);
  background:
    linear-gradient(
      180deg,
      rgba(8,10,24,.40),
      rgba(7,9,20,.98)
    ),
    url(
      "https://assets.enoflix.net/legal/terms/terms-hero.webp"
    )
    center / cover no-repeat;
}


.tw-terms-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:720px;
  height:720px;
  top:-410px;
  right:-100px;
  border-radius:50%;
  background:
    radial-gradient(
      circle,
      rgba(255,172,0,.23) 0%,
      rgba(255,172,0,.07) 37%,
      transparent 70%
    );
  pointer-events:none;
}


.tw-terms-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(
      90deg,
      rgba(7,9,20,.98) 0%,
      rgba(7,9,20,.80) 55%,
      rgba(7,9,20,.50) 100%
    );
  pointer-events:none;
}


.tw-terms-hero__content{
  position:relative;
  z-index:2;
  max-width:900px;
}


.tw-terms-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  color:var(--tw-terms-accent);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}


.tw-terms-hero__kicker::before{
  content:"";
  width:30px;
  height:2px;
  border-radius:999px;
  background:currentColor;
}


.tw-terms-hero h1{
  max-width:840px;
  margin:0 0 24px;
  font-size:
    clamp(
      46px,
      7vw,
      86px
    );
  line-height:.96;
  letter-spacing:-.055em;
}


.tw-terms-hero__lead{
  max-width:750px;
  margin:0;
  color:var(--tw-text-soft);
  font-size:
    clamp(
      17px,
      2vw,
      21px
    );
  line-height:1.72;
}


.tw-terms-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:31px;
}


.tw-terms-meta__item{
  display:inline-flex;
  align-items:center;
  min-height:33px;
  padding:7px 12px;
  border:1px solid var(--tw-line);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:var(--tw-text-muted);
  font-size:11px;
  font-weight:700;
}


/* =========================================================
   TERMS — CONSUMER RIGHTS NOTICE
   ========================================================= */

.tw-terms-rights{
  border-bottom:1px solid var(--tw-line-soft);
  background:
    linear-gradient(
      90deg,
      rgba(255,172,0,.045),
      transparent
    );
}


.tw-terms-rights__inner{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:16px;
  align-items:start;
  padding:22px 0;
}


.tw-terms-rights__icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,172,0,.20);
  border-radius:13px;
  background:rgba(255,172,0,.09);
  color:var(--tw-terms-accent);
  font-size:15px;
  font-weight:900;
}


.tw-terms-rights p{
  margin:2px 0 0;
  max-width:900px;
  color:var(--tw-text-soft);
  font-size:13px;
  line-height:1.7;
}


/* =========================================================
   TERMS — DOCUMENT LAYOUT
   ========================================================= */

.tw-terms-document{
  display:grid;
  grid-template-columns:
    250px
    minmax(0,780px);
  justify-content:space-between;
  gap:72px;
  align-items:start;
  padding:76px 0 20px;
}


.tw-terms-sidebar{
  position:sticky;
  top:32px;
  align-self:start;
  max-height:
    calc(100vh - 64px);
  overflow:auto;
  scrollbar-width:thin;
}


.tw-terms-sidebar__label{
  margin-bottom:14px;
  color:var(--tw-text-muted);
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}


.tw-terms-sidebar ol{
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:tw-terms-nav;
}


.tw-terms-sidebar li{
  counter-increment:tw-terms-nav;
}


.tw-terms-sidebar a{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:4px;
  align-items:start;
  padding:8px 10px;
  border-left:2px solid transparent;
  border-radius:0 10px 10px 0;
  color:var(--tw-text-muted);
  font-size:12px;
  line-height:1.35;
  text-decoration:none;
}


.tw-terms-sidebar a::before{
  content:
    counter(
      tw-terms-nav,
      decimal-leading-zero
    );
  padding-top:2px;
  color:rgba(255,172,0,.52);
  font-size:9px;
  font-weight:900;
}


.tw-terms-sidebar a:hover{
  border-left-color:var(--tw-terms-accent);
  background:rgba(255,255,255,.035);
  color:#fff;
}


/* =========================================================
   TERMS — ARTICLE
   ========================================================= */

.tw-terms-article{
  min-width:0;
}


.tw-terms-section{
  position:relative;
  padding-bottom:47px;
  margin-bottom:47px;
  border-bottom:1px solid var(--tw-line-soft);
  scroll-margin-top:40px;
}


.tw-terms-section:last-child{
  padding-bottom:0;
  border-bottom:0;
}


.tw-terms-section__index{
  margin-bottom:10px;
  color:rgba(255,172,0,.58);
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}


.tw-terms-section h2{
  max-width:690px;
  margin:0 0 18px;
  color:#fff;
  font-size:
    clamp(
      25px,
      3vw,
      35px
    );
  line-height:1.12;
  letter-spacing:-.03em;
}


.tw-terms-section h3{
  margin:29px 0 11px;
  color:#fff;
  font-size:18px;
  line-height:1.3;
}


.tw-terms-section p,
.tw-terms-section li{
  color:var(--tw-text-soft);
  font-size:15px;
  line-height:1.84;
}


.tw-terms-section p{
  margin-bottom:17px;
}


.tw-terms-section ul,
.tw-terms-section ol{
  padding-left:24px;
}


.tw-terms-section li + li{
  margin-top:9px;
}


.tw-terms-section strong{
  color:#fff;
}


.tw-terms-section a{
  color:var(--tw-terms-accent-soft);
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}


.tw-terms-section a:hover{
  color:#fff;
}


/* =========================================================
   TERMS — CALLOUTS
   ========================================================= */

.tw-terms-callout{
  margin:26px 0;
  padding:19px 21px;
  border-left:3px solid var(--tw-terms-accent);
  border-radius:0 13px 13px 0;
  background:
    linear-gradient(
      90deg,
      rgba(255,172,0,.075),
      rgba(255,172,0,.025)
    );
}


.tw-terms-callout strong{
  display:block;
  margin-bottom:7px;
}


.tw-terms-callout p{
  margin:0;
  font-size:13px;
}


.tw-terms-definition{
  display:grid;
  grid-template-columns:
    150px
    minmax(0,1fr);
  gap:18px;
  padding:16px 0;
  border-bottom:1px solid var(--tw-line-soft);
}


.tw-terms-definition:last-child{
  border-bottom:0;
}


.tw-terms-definition dt{
  color:#fff;
  font-size:13px;
  font-weight:800;
}


.tw-terms-definition dd{
  margin:0;
  color:var(--tw-text-soft);
  font-size:13px;
  line-height:1.68;
}


/* =========================================================
   TERMS — CONTACT
   ========================================================= */

.tw-terms-contact{
  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    auto;
  gap:25px;
  align-items:center;
  margin-top:30px;
  padding:25px;
  border:1px solid rgba(255,172,0,.18);
  border-radius:20px;
  background:
    linear-gradient(
      135deg,
      rgba(255,172,0,.085),
      rgba(255,172,0,.022)
    );
}


.tw-terms-contact h3{
  margin:0 0 7px;
}


.tw-terms-contact p{
  margin:0;
  font-size:13px;
}


.tw-terms-backtop{
  display:inline-flex;
  margin-top:18px;
  color:var(--tw-text-muted)!important;
  font-size:11px!important;
  font-weight:800;
  text-decoration:none!important;
}


.tw-terms-backtop:hover{
  color:#fff!important;
}


/* =========================================================
   TERMS — RESPONSIVE
   ========================================================= */

@media(max-width:900px){

  .tw-terms-document{
    grid-template-columns:1fr;
    gap:34px;
  }

  .tw-terms-sidebar{
    position:relative;
    top:auto;
    max-height:none;
    overflow-x:auto;
    padding-bottom:7px;
  }

  .tw-terms-sidebar__label{
    display:none;
  }

  .tw-terms-sidebar ol{
    display:flex;
    gap:7px;
  }

  .tw-terms-sidebar li{
    flex:0 0 auto;
  }

  .tw-terms-sidebar a{
    display:block;
    padding:8px 12px;
    border:1px solid var(--tw-line);
    border-radius:999px;
    white-space:nowrap;
  }

  .tw-terms-sidebar a::before{
    margin-right:7px;
  }

}


@media(max-width:600px){

  .tw-terms-hero{
    padding:78px 0 54px;
  }

  .tw-terms-document{
    padding-top:48px;
  }

  .tw-terms-definition{
    grid-template-columns:1fr;
    gap:6px;
  }

  .tw-terms-contact{
    grid-template-columns:1fr;
  }

}



/* =========================================================
   ENOFLIX PRIVACY PAGE PRODUCTION V1
   ---------------------------------------------------------
   Transparency • Data • Control Centre
   Page-specific layer only
   ========================================================= */


/* =========================================================
   PRIVACY ROOT
   ========================================================= */

.tw-privacy{
  --privacy-accent:#54d7ff;
  --privacy-accent-2:#5d8cff;
  --privacy-green:#55e6a5;
  --privacy-purple:#b38cff;

  background:
    radial-gradient(
      circle at 85% -10%,
      rgba(84,215,255,.08),
      transparent 28%
    ),
    var(--tw-bg);
}


/* =========================================================
   HERO
   ========================================================= */

.tw-privacy-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:96px 0 82px;
  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    linear-gradient(
      110deg,
      rgba(7,9,20,.98) 0%,
      rgba(8,16,30,.94) 50%,
      rgba(7,9,20,.88) 100%
    ),
    url(
      "https://assets.enoflix.net/legal/privacy/privacy-hero.webp"
    )
    center / cover no-repeat;
}


.tw-privacy-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:720px;
  height:720px;
  right:-250px;
  top:-230px;
  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(84,215,255,.19),
      rgba(93,140,255,.08) 38%,
      transparent 68%
    );
}


.tw-privacy-hero__grid{
  display:grid;
  grid-template-columns:
    minmax(0,1.1fr)
    minmax(340px,.9fr);
  gap:70px;
  align-items:center;
}


.tw-privacy-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:17px;

  color:
    var(--privacy-accent);

  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}


.tw-privacy-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;

  background:
    var(--privacy-accent);

  box-shadow:
    0 0 0 7px
    rgba(84,215,255,.08);
}


.tw-privacy-hero h1{
  max-width:760px;
  margin:0 0 22px;

  font-size:
    clamp(
      46px,
      7vw,
      82px
    );

  line-height:.97;
  letter-spacing:-.055em;
}


.tw-privacy-hero__lead{
  max-width:710px;
  margin:0;

  color:
    var(--tw-text-soft);

  font-size:
    clamp(
      17px,
      2vw,
      21px
    );

  line-height:1.7;
}


.tw-privacy-meta{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:28px;
}


.tw-privacy-meta span{
  padding:7px 11px;

  border:
    1px solid
    rgba(84,215,255,.13);

  border-radius:999px;

  background:
    rgba(84,215,255,.04);

  color:
    var(--tw-text-muted);

  font-size:11px;
  font-weight:700;
}


/* =========================================================
   HERO PRIVACY ORBIT
   ========================================================= */

.tw-privacy-orbit{
  position:relative;

  width:min(
    100%,
    440px
  );

  aspect-ratio:1;

  margin-left:auto;
}


.tw-privacy-orbit::before,
.tw-privacy-orbit::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:
    1px solid
    rgba(84,215,255,.12);
}


.tw-privacy-orbit::before{
  inset:7%;
}


.tw-privacy-orbit::after{
  inset:22%;
  border-color:
    rgba(93,140,255,.15);
}


.tw-privacy-orbit__core{
  position:absolute;
  inset:34%;

  display:grid;
  place-items:center;

  border:
    1px solid
    rgba(84,215,255,.20);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(84,215,255,.18),
      rgba(84,215,255,.04) 65%
    );

  box-shadow:
    0 0 70px
    rgba(84,215,255,.10);

  text-align:center;
}


.tw-privacy-orbit__core strong{
  display:block;
  color:#fff;
  font-size:15px;
}


.tw-privacy-orbit__core span{
  display:block;
  margin-top:4px;

  color:
    var(--tw-text-muted);

  font-size:10px;
}


.tw-privacy-orbit__node{
  position:absolute;

  min-width:116px;
  padding:12px 14px;

  border:
    1px solid
    var(--tw-line);

  border-radius:14px;

  background:
    rgba(10,14,28,.86);

  backdrop-filter:
    blur(14px);

  box-shadow:
    0 18px 40px
    rgba(0,0,0,.22);
}


.tw-privacy-orbit__node strong{
  display:block;
  margin-bottom:3px;

  color:#fff;
  font-size:11px;
}


.tw-privacy-orbit__node span{
  color:
    var(--tw-text-muted);

  font-size:9px;
}


.tw-privacy-orbit__node--1{
  top:4%;
  left:33%;
}


.tw-privacy-orbit__node--2{
  top:35%;
  right:0;
}


.tw-privacy-orbit__node--3{
  bottom:8%;
  right:20%;
}


.tw-privacy-orbit__node--4{
  bottom:13%;
  left:3%;
}


.tw-privacy-orbit__node--5{
  top:29%;
  left:0;
}


/* =========================================================
   PRIVACY DASHBOARD
   ========================================================= */

.tw-privacy-dashboard{
  position:relative;
  z-index:5;

  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:14px;

  margin-top:-34px;
}


.tw-privacy-dashboard__card{
  min-height:152px;
  padding:22px;

  border:
    1px solid
    var(--tw-line);

  border-radius:20px;

  background:
    linear-gradient(
      180deg,
      rgba(18,24,41,.96),
      rgba(11,15,29,.96)
    );

  box-shadow:
    0 20px 50px
    rgba(0,0,0,.22);
}


.tw-privacy-dashboard__icon{
  display:grid;
  place-items:center;

  width:38px;
  height:38px;

  margin-bottom:18px;

  border-radius:12px;

  background:
    rgba(84,215,255,.08);

  color:
    var(--privacy-accent);

  font-size:14px;
  font-weight:900;
}


.tw-privacy-dashboard__card strong{
  display:block;
  margin-bottom:7px;

  color:#fff;

  font-size:16px;
}


.tw-privacy-dashboard__card p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;
  line-height:1.6;
}


/* =========================================================
   SECTION BASICS
   ========================================================= */

.tw-privacy-section{
  padding:88px 0;
}


.tw-privacy-section--soft{
  border-top:
    1px solid
    var(--tw-line-soft);

  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    rgba(255,255,255,.018);
}


.tw-privacy-section__head{
  max-width:760px;
  margin-bottom:38px;
}


.tw-privacy-section__eyebrow{
  margin-bottom:10px;

  color:
    var(--privacy-accent);

  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}


.tw-privacy-section__head h2{
  margin:0 0 14px;

  font-size:
    clamp(
      30px,
      4vw,
      48px
    );

  line-height:1.05;
  letter-spacing:-.04em;
}


.tw-privacy-section__head p{
  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;
  line-height:1.75;
}


/* =========================================================
   DATA LIFECYCLE
   ========================================================= */

.tw-privacy-lifecycle{
  display:grid;

  grid-template-columns:
    repeat(5,minmax(0,1fr));

  border:
    1px solid
    var(--tw-line);

  border-radius:24px;

  overflow:hidden;

  background:
    rgba(255,255,255,.018);
}


.tw-privacy-lifecycle__step{
  position:relative;

  min-height:180px;
  padding:25px 22px;

  border-right:
    1px solid
    var(--tw-line);
}


.tw-privacy-lifecycle__step:last-child{
  border-right:0;
}


.tw-privacy-lifecycle__number{
  display:flex;
  align-items:center;
  justify-content:space-between;

  margin-bottom:24px;

  color:
    rgba(84,215,255,.52);

  font-size:10px;
  font-weight:900;
}


.tw-privacy-lifecycle__dot{
  width:8px;
  height:8px;

  border-radius:50%;

  background:
    var(--privacy-accent);

  box-shadow:
    0 0 0 6px
    rgba(84,215,255,.07);
}


.tw-privacy-lifecycle h3{
  margin:0 0 9px;
  font-size:16px;
}


.tw-privacy-lifecycle p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;
  line-height:1.65;
}


/* =========================================================
   INFORMATION CATEGORIES
   ========================================================= */

.tw-privacy-data-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:15px;
}


.tw-privacy-data-card{
  position:relative;

  min-height:220px;
  padding:24px;

  border:
    1px solid
    var(--tw-line);

  border-radius:20px;

  background:
    linear-gradient(
      160deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.016)
    );

  overflow:hidden;
}


.tw-privacy-data-card::after{
  content:"";
  position:absolute;

  width:140px;
  height:140px;

  top:-75px;
  right:-65px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(84,215,255,.10),
      transparent 70%
    );
}


.tw-privacy-data-card__tag{
  display:inline-flex;
  margin-bottom:30px;

  padding:6px 9px;

  border-radius:999px;

  background:
    rgba(84,215,255,.065);

  color:
    var(--privacy-accent);

  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}


.tw-privacy-data-card h3{
  margin:0 0 10px;
  font-size:19px;
}


.tw-privacy-data-card p{
  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;
  line-height:1.68;
}


/* =========================================================
   USE MATRIX
   ========================================================= */

.tw-privacy-use{
  display:grid;
  grid-template-columns:
    minmax(280px,.8fr)
    minmax(0,1.2fr);

  gap:55px;
  align-items:start;
}


.tw-privacy-use__intro{
  position:sticky;
  top:30px;
}


.tw-privacy-use__intro h2{
  margin-bottom:15px;

  font-size:
    clamp(
      32px,
      4vw,
      48px
    );

  line-height:1.05;
  letter-spacing:-.04em;
}


.tw-privacy-use__intro p{
  color:
    var(--tw-text-soft);

  line-height:1.75;
}


.tw-privacy-use__list{
  display:grid;
  gap:10px;
}


.tw-privacy-use__item{
  display:grid;

  grid-template-columns:
    44px
    minmax(0,1fr);

  gap:16px;

  padding:19px;

  border:
    1px solid
    var(--tw-line-soft);

  border-radius:16px;

  background:
    rgba(255,255,255,.02);
}


.tw-privacy-use__icon{
  display:grid;
  place-items:center;

  width:44px;
  height:44px;

  border-radius:13px;

  background:
    rgba(93,140,255,.08);

  color:
    var(--privacy-accent-2);

  font-size:12px;
  font-weight:900;
}


.tw-privacy-use__item h3{
  margin:0 0 5px;
  font-size:15px;
}


.tw-privacy-use__item p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;
  line-height:1.6;
}


/* =========================================================
   PERSONALIZATION
   ========================================================= */

.tw-privacy-personalization{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(320px,.8fr);

  gap:52px;
  align-items:center;
}


.tw-privacy-personalization__panel{
  position:relative;
  min-height:390px;

  border:
    1px solid
    rgba(179,140,255,.16);

  border-radius:28px;

  background:
    radial-gradient(
      circle at 50% 50%,
      rgba(179,140,255,.10),
      transparent 52%
    ),
    rgba(255,255,255,.018);

  overflow:hidden;
}


.tw-privacy-personalization__center{
  position:absolute;
  inset:50% auto auto 50%;

  transform:
    translate(-50%,-50%);

  display:grid;
  place-items:center;

  width:145px;
  height:145px;

  border:
    1px solid
    rgba(179,140,255,.20);

  border-radius:50%;

  background:
    rgba(179,140,255,.06);

  text-align:center;
}


.tw-privacy-personalization__center strong{
  color:#fff;
  font-size:13px;
}


.tw-privacy-personalization__pill{
  position:absolute;

  padding:9px 12px;

  border:
    1px solid
    var(--tw-line);

  border-radius:999px;

  background:
    rgba(8,11,22,.88);

  color:
    var(--tw-text-soft);

  font-size:10px;
}


.tw-privacy-personalization__pill--1{
  top:14%;
  left:14%;
}


.tw-privacy-personalization__pill--2{
  top:19%;
  right:9%;
}


.tw-privacy-personalization__pill--3{
  bottom:16%;
  left:10%;
}


.tw-privacy-personalization__pill--4{
  bottom:13%;
  right:12%;
}


/* =========================================================
   SHARING
   ========================================================= */

.tw-privacy-sharing{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:14px;
}


.tw-privacy-sharing__card{
  padding:22px;

  border:
    1px solid
    var(--tw-line);

  border-radius:18px;

  background:
    rgba(255,255,255,.02);
}


.tw-privacy-sharing__card strong{
  display:block;
  margin-bottom:8px;

  color:#fff;

  font-size:15px;
}


.tw-privacy-sharing__card p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;
  line-height:1.6;
}


/* =========================================================
   CONTROLS
   ========================================================= */

.tw-privacy-controls{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:16px;
}


.tw-privacy-control{
  display:grid;

  grid-template-columns:
    46px
    minmax(0,1fr);

  gap:18px;

  padding:24px;

  border:
    1px solid
    var(--tw-line);

  border-radius:20px;

  background:
    linear-gradient(
      145deg,
      rgba(85,230,165,.035),
      rgba(255,255,255,.015)
    );
}


.tw-privacy-control__icon{
  display:grid;
  place-items:center;

  width:46px;
  height:46px;

  border-radius:14px;

  background:
    rgba(85,230,165,.08);

  color:
    var(--privacy-green);

  font-size:14px;
  font-weight:900;
}


.tw-privacy-control h3{
  margin:0 0 7px;
  font-size:16px;
}


.tw-privacy-control p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;
  line-height:1.65;
}


/* =========================================================
   RIGHTS
   ========================================================= */

.tw-privacy-rights{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:13px;
}


.tw-privacy-right{
  padding:21px;

  border:
    1px solid
    rgba(84,215,255,.11);

  border-radius:17px;

  background:
    rgba(84,215,255,.025);
}


.tw-privacy-right__number{
  margin-bottom:20px;

  color:
    rgba(84,215,255,.45);

  font-size:10px;
  font-weight:900;
}


.tw-privacy-right strong{
  display:block;
  margin-bottom:7px;

  color:#fff;
  font-size:15px;
}


.tw-privacy-right p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;
  line-height:1.6;
}


/* =========================================================
   DEEP-DIVE PANELS
   ========================================================= */

.tw-privacy-panels{
  display:grid;
  gap:13px;
}


.tw-privacy-panel{
  display:grid;

  grid-template-columns:
    minmax(170px,.35fr)
    minmax(0,1fr);

  gap:28px;

  padding:25px;

  border:
    1px solid
    var(--tw-line-soft);

  border-radius:18px;

  background:
    rgba(255,255,255,.018);
}


.tw-privacy-panel h3{
  margin:0;
  font-size:17px;
}


.tw-privacy-panel__content p,
.tw-privacy-panel__content li{
  color:
    var(--tw-text-soft);

  font-size:13px;
  line-height:1.7;
}


.tw-privacy-panel__content p{
  margin-bottom:10px;
}


.tw-privacy-panel__content p:last-child{
  margin-bottom:0;
}


/* =========================================================
   PRIVACY REQUEST CTA
   ========================================================= */

.tw-privacy-request{
  position:relative;
  overflow:hidden;

  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:32px;
  align-items:center;

  padding:38px;

  border:
    1px solid
    rgba(84,215,255,.16);

  border-radius:28px;

  background:
    linear-gradient(
      135deg,
      rgba(84,215,255,.08),
      rgba(93,140,255,.035)
    );
}


.tw-privacy-request::after{
  content:"";
  position:absolute;

  width:300px;
  height:300px;

  right:-120px;
  bottom:-180px;

  border-radius:50%;

  background:
    rgba(84,215,255,.08);

  filter:
    blur(35px);

  pointer-events:none;
}


.tw-privacy-request h2{
  margin:0 0 10px;

  font-size:
    clamp(
      27px,
      4vw,
      42px
    );

  letter-spacing:-.035em;
}


.tw-privacy-request p{
  max-width:680px;
  margin:0;

  color:
    var(--tw-text-soft);

  line-height:1.7;
}


/* =========================================================
   NOTICE
   ========================================================= */

.tw-privacy-notice{
  margin-top:25px;
  padding:18px 20px;

  border-left:
    3px solid
    var(--privacy-accent);

  border-radius:
    0 12px 12px 0;

  background:
    rgba(84,215,255,.045);

  color:
    var(--tw-text-soft);

  font-size:12px;
  line-height:1.7;
}


/* =========================================================
   LINKS
   ========================================================= */

.tw-privacy a.tw-privacy-link{
  color:
    var(--privacy-accent);

  text-underline-offset:3px;
}


.tw-privacy a.tw-privacy-link:hover{
  color:#fff;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:980px){

  .tw-privacy-hero__grid{
    grid-template-columns:1fr;
    gap:44px;
  }

  .tw-privacy-orbit{
    margin-inline:auto;
  }

  .tw-privacy-dashboard{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .tw-privacy-lifecycle{
    grid-template-columns:1fr;
  }

  .tw-privacy-lifecycle__step{
    min-height:auto;
    border-right:0;
    border-bottom:
      1px solid
      var(--tw-line);
  }

  .tw-privacy-lifecycle__step:last-child{
    border-bottom:0;
  }

  .tw-privacy-data-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .tw-privacy-use{
    grid-template-columns:1fr;
  }

  .tw-privacy-use__intro{
    position:relative;
    top:auto;
  }

  .tw-privacy-personalization{
    grid-template-columns:1fr;
  }

  .tw-privacy-sharing{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .tw-privacy-rights{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

}


@media(max-width:650px){

  .tw-privacy-hero{
    padding:72px 0 70px;
  }

  .tw-privacy-orbit{
    width:100%;
  }

  .tw-privacy-orbit__node{
    min-width:95px;
    padding:9px 10px;
  }

  .tw-privacy-dashboard{
    grid-template-columns:1fr;
    margin-top:-22px;
  }

  .tw-privacy-section{
    padding:66px 0;
  }

  .tw-privacy-data-grid,
  .tw-privacy-sharing,
  .tw-privacy-controls,
  .tw-privacy-rights{
    grid-template-columns:1fr;
  }

  .tw-privacy-panel{
    grid-template-columns:1fr;
    gap:12px;
  }

  .tw-privacy-request{
    grid-template-columns:1fr;
    padding:27px;
  }

}



/* =========================================================
   ENOFLIX COOKIE POLICY PRODUCTION V1
   ---------------------------------------------------------
   Cookie Control Centre
   Page-specific layer only
   ========================================================= */


/* =========================================================
   COOKIE ROOT
   ========================================================= */

.tw-cookie{
  --cookie-accent:#b68cff;
  --cookie-accent-2:#7c9dff;
  --cookie-green:#65dda7;
  --cookie-yellow:#ffc75b;
  --cookie-red:#ff7b7b;

  background:
    radial-gradient(
      circle at 10% 0%,
      rgba(182,140,255,.07),
      transparent 25%
    ),
    var(--tw-bg);
}


/* =========================================================
   COOKIE HERO
   ========================================================= */

.tw-cookie-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    94px
    0
    88px;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    linear-gradient(
      125deg,
      #0c0c1c 0%,
      #101028 47%,
      #080a15 100%
    );
}


.tw-cookie-hero::before{
  content:"";

  position:absolute;
  z-index:-1;

  width:600px;
  height:600px;

  top:-330px;
  left:-120px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(182,140,255,.22),
      transparent 67%
    );
}


.tw-cookie-hero::after{
  content:"";

  position:absolute;
  z-index:-1;

  inset:0;

  opacity:.16;

  background-image:
    url(
      "https://assets.enoflix.net/legal/cookies/cookie-grid.svg"
    );

  background-size:cover;
  background-position:center;

  pointer-events:none;
}


.tw-cookie-hero__grid{
  display:grid;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(320px,.92fr);

  gap:70px;

  align-items:center;
}


.tw-cookie-kicker{
  display:inline-flex;

  align-items:center;

  gap:9px;

  margin-bottom:17px;

  color:
    var(--cookie-accent);

  font-size:11px;
  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-cookie-kicker::before{
  content:"";

  width:26px;
  height:2px;

  border-radius:999px;

  background:
    var(--cookie-accent);
}


.tw-cookie-hero h1{
  max-width:760px;

  margin:
    0
    0
    22px;

  font-size:
    clamp(
      45px,
      7vw,
      82px
    );

  line-height:.97;

  letter-spacing:-.055em;
}


.tw-cookie-hero__lead{
  max-width:720px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:
    clamp(
      17px,
      2vw,
      21px
    );

  line-height:1.72;
}


.tw-cookie-meta{
  display:flex;

  flex-wrap:wrap;

  gap:9px;

  margin-top:28px;
}


.tw-cookie-meta span{
  padding:
    7px
    11px;

  border:
    1px solid
    rgba(182,140,255,.15);

  border-radius:999px;

  background:
    rgba(182,140,255,.045);

  color:
    var(--tw-text-muted);

  font-size:11px;
  font-weight:700;
}


/* =========================================================
   COOKIE CONTROL VISUAL
   ========================================================= */

.tw-cookie-console{
  position:relative;

  max-width:430px;

  margin-left:auto;

  padding:20px;

  border:
    1px solid
    rgba(182,140,255,.18);

  border-radius:26px;

  background:
    linear-gradient(
      160deg,
      rgba(26,24,52,.88),
      rgba(10,12,25,.92)
    );

  box-shadow:
    0 35px 90px
    rgba(0,0,0,.35);
}


.tw-cookie-console__bar{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:15px;

  padding-bottom:17px;

  margin-bottom:17px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-cookie-console__bar strong{
  font-size:13px;
}


.tw-cookie-console__status{
  display:inline-flex;

  align-items:center;

  gap:6px;

  color:
    var(--cookie-green);

  font-size:9px;
  font-weight:900;

  letter-spacing:.07em;

  text-transform:uppercase;
}


.tw-cookie-console__status::before{
  content:"";

  width:7px;
  height:7px;

  border-radius:50%;

  background:
    var(--cookie-green);

  box-shadow:
    0
    0
    0
    5px
    rgba(101,221,167,.07);
}


.tw-cookie-console__list{
  display:grid;

  gap:8px;
}


.tw-cookie-console__row{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:15px;

  align-items:center;

  padding:
    13px
    14px;

  border:
    1px solid
    var(--tw-line-soft);

  border-radius:13px;

  background:
    rgba(255,255,255,.025);
}


.tw-cookie-console__row strong{
  display:block;

  margin-bottom:3px;

  font-size:12px;
}


.tw-cookie-console__row small{
  color:
    var(--tw-text-muted);

  font-size:9px;
}


.tw-cookie-switch{
  position:relative;

  width:38px;
  height:22px;

  flex:0 0 auto;

  border-radius:999px;

  background:
    rgba(255,255,255,.12);
}


.tw-cookie-switch::after{
  content:"";

  position:absolute;

  width:16px;
  height:16px;

  top:3px;
  left:3px;

  border-radius:50%;

  background:#fff;
}


.tw-cookie-switch--on{
  background:
    var(--cookie-green);
}


.tw-cookie-switch--on::after{
  left:19px;
}


.tw-cookie-switch--essential{
  background:
    var(--cookie-accent-2);
}


/* =========================================================
   CATEGORY OVERVIEW
   ========================================================= */

.tw-cookie-categories{
  position:relative;

  z-index:5;

  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:14px;

  margin-top:-35px;
}


.tw-cookie-card{
  min-height:245px;

  padding:23px;

  border:
    1px solid
    var(--tw-line);

  border-radius:21px;

  background:
    linear-gradient(
      180deg,
      rgba(20,23,39,.98),
      rgba(10,13,26,.98)
    );

  box-shadow:
    0
    22px
    50px
    rgba(0,0,0,.24);
}


.tw-cookie-card__top{
  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:15px;

  margin-bottom:35px;
}


.tw-cookie-card__icon{
  display:grid;

  place-items:center;

  width:39px;
  height:39px;

  border-radius:12px;

  background:
    rgba(182,140,255,.08);

  color:
    var(--cookie-accent);

  font-size:11px;
  font-weight:900;
}


.tw-cookie-card__badge{
  padding:
    6px
    9px;

  border-radius:999px;

  background:
    rgba(255,255,255,.05);

  color:
    var(--tw-text-muted);

  font-size:8px;
  font-weight:900;

  letter-spacing:.06em;

  text-transform:uppercase;
}


.tw-cookie-card__badge--required{
  background:
    rgba(124,157,255,.08);

  color:
    var(--cookie-accent-2);
}


.tw-cookie-card h2{
  margin:
    0
    0
    10px;

  font-size:18px;
}


.tw-cookie-card p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.66;
}


/* =========================================================
   SECTIONS
   ========================================================= */

.tw-cookie-section{
  padding:
    88px
    0;
}


.tw-cookie-section--soft{
  border-top:
    1px solid
    var(--tw-line-soft);

  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    rgba(255,255,255,.016);
}


.tw-cookie-section__head{
  max-width:760px;

  margin-bottom:38px;
}


.tw-cookie-section__eyebrow{
  margin-bottom:10px;

  color:
    var(--cookie-accent);

  font-size:10px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-cookie-section__head h2{
  margin:
    0
    0
    14px;

  font-size:
    clamp(
      30px,
      4vw,
      47px
    );

  line-height:1.05;

  letter-spacing:-.04em;
}


.tw-cookie-section__head p{
  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.75;
}


/* =========================================================
   COOKIE FLOW
   ========================================================= */

.tw-cookie-flow{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:0;

  overflow:hidden;

  border:
    1px solid
    var(--tw-line);

  border-radius:24px;

  background:
    rgba(255,255,255,.018);
}


.tw-cookie-flow__item{
  position:relative;

  min-height:190px;

  padding:25px;

  border-right:
    1px solid
    var(--tw-line);
}


.tw-cookie-flow__item:last-child{
  border-right:0;
}


.tw-cookie-flow__number{
  margin-bottom:30px;

  color:
    rgba(182,140,255,.50);

  font-size:10px;

  font-weight:900;
}


.tw-cookie-flow h3{
  margin:
    0
    0
    9px;

  font-size:16px;
}


.tw-cookie-flow p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.63;
}


/* =========================================================
   COOKIE MATRIX
   ========================================================= */

.tw-cookie-matrix{
  overflow:hidden;

  border:
    1px solid
    var(--tw-line);

  border-radius:22px;
}


.tw-cookie-matrix__row{
  display:grid;

  grid-template-columns:
    minmax(170px,.9fr)
    minmax(200px,1.3fr)
    minmax(120px,.6fr)
    minmax(120px,.6fr);

  gap:0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-cookie-matrix__row:last-child{
  border-bottom:0;
}


.tw-cookie-matrix__row > div{
  padding:
    18px
    20px;

  border-right:
    1px solid
    var(--tw-line-soft);
}


.tw-cookie-matrix__row > div:last-child{
  border-right:0;
}


.tw-cookie-matrix__head{
  background:
    rgba(182,140,255,.055);

  color:
    var(--tw-text-muted);

  font-size:9px;

  font-weight:900;

  letter-spacing:.08em;

  text-transform:uppercase;
}


.tw-cookie-matrix__body{
  background:
    rgba(255,255,255,.012);

  color:
    var(--tw-text-soft);

  font-size:12px;

  line-height:1.55;
}


.tw-cookie-matrix__body strong{
  color:#fff;

  font-size:13px;
}


/* =========================================================
   FIRST / THIRD PARTY
   ========================================================= */

.tw-cookie-parties{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:16px;
}


.tw-cookie-party{
  min-height:245px;

  padding:27px;

  border:
    1px solid
    var(--tw-line);

  border-radius:22px;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,.012)
    );
}


.tw-cookie-party__label{
  display:inline-flex;

  margin-bottom:35px;

  padding:
    6px
    10px;

  border-radius:999px;

  background:
    rgba(182,140,255,.07);

  color:
    var(--cookie-accent);

  font-size:9px;

  font-weight:900;

  text-transform:uppercase;
}


.tw-cookie-party h3{
  margin:
    0
    0
    11px;

  font-size:20px;
}


.tw-cookie-party p{
  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   DURATION
   ========================================================= */

.tw-cookie-duration{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:14px;
}


.tw-cookie-duration__card{
  padding:23px;

  border:
    1px solid
    var(--tw-line-soft);

  border-radius:18px;

  background:
    rgba(255,255,255,.018);
}


.tw-cookie-duration__time{
  display:block;

  margin-bottom:16px;

  color:
    var(--cookie-yellow);

  font-size:
    clamp(
      23px,
      3vw,
      35px
    );

  font-weight:800;

  letter-spacing:-.04em;
}


.tw-cookie-duration__card h3{
  margin:
    0
    0
    8px;

  font-size:15px;
}


.tw-cookie-duration__card p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.62;
}


/* =========================================================
   COOKIE CONTROLS
   ========================================================= */

.tw-cookie-controls{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:15px;
}


.tw-cookie-control{
  display:grid;

  grid-template-columns:
    47px
    minmax(0,1fr);

  gap:17px;

  padding:23px;

  border:
    1px solid
    var(--tw-line);

  border-radius:18px;

  background:
    rgba(255,255,255,.018);
}


.tw-cookie-control__icon{
  display:grid;

  place-items:center;

  width:47px;
  height:47px;

  border-radius:14px;

  background:
    rgba(182,140,255,.08);

  color:
    var(--cookie-accent);

  font-size:12px;
  font-weight:900;
}


.tw-cookie-control h3{
  margin:
    0
    0
    7px;

  font-size:16px;
}


.tw-cookie-control p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.65;
}


/* =========================================================
   INFO PANELS
   ========================================================= */

.tw-cookie-panels{
  display:grid;

  gap:13px;
}


.tw-cookie-panel{
  display:grid;

  grid-template-columns:
    minmax(180px,.38fr)
    minmax(0,1fr);

  gap:30px;

  padding:25px;

  border:
    1px solid
    var(--tw-line-soft);

  border-radius:18px;

  background:
    rgba(255,255,255,.016);
}


.tw-cookie-panel h3{
  margin:0;

  font-size:17px;
}


.tw-cookie-panel__body p,
.tw-cookie-panel__body li{
  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.7;
}


.tw-cookie-panel__body p{
  margin-bottom:10px;
}


.tw-cookie-panel__body p:last-child{
  margin-bottom:0;
}


/* =========================================================
   COOKIE SETTINGS CTA
   ========================================================= */

.tw-cookie-settings{
  position:relative;

  overflow:hidden;

  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:30px;

  align-items:center;

  padding:38px;

  border:
    1px solid
    rgba(182,140,255,.18);

  border-radius:28px;

  background:
    linear-gradient(
      135deg,
      rgba(182,140,255,.10),
      rgba(124,157,255,.035)
    );
}


.tw-cookie-settings::after{
  content:"";

  position:absolute;

  width:300px;
  height:300px;

  right:-140px;
  bottom:-180px;

  border-radius:50%;

  background:
    rgba(182,140,255,.11);

  filter:blur(35px);

  pointer-events:none;
}


.tw-cookie-settings h2{
  margin:
    0
    0
    10px;

  font-size:
    clamp(
      28px,
      4vw,
      43px
    );

  letter-spacing:-.04em;
}


.tw-cookie-settings p{
  max-width:680px;

  margin:0;

  color:
    var(--tw-text-soft);

  line-height:1.7;
}


/* =========================================================
   NOTICE
   ========================================================= */

.tw-cookie-notice{
  margin-top:22px;

  padding:
    17px
    19px;

  border-left:
    3px solid
    var(--cookie-accent);

  border-radius:
    0
    12px
    12px
    0;

  background:
    rgba(182,140,255,.045);

  color:
    var(--tw-text-soft);

  font-size:12px;

  line-height:1.7;
}


/* =========================================================
   COOKIE LINKS
   ========================================================= */

.tw-cookie-link{
  color:
    var(--cookie-accent);

  text-underline-offset:3px;
}


.tw-cookie-link:hover{
  color:#fff;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:980px){

  .tw-cookie-hero__grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  .tw-cookie-console{
    margin-inline:auto;
  }

  .tw-cookie-categories{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .tw-cookie-flow{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .tw-cookie-flow__item{
    border-bottom:
      1px solid
      var(--tw-line);
  }

  .tw-cookie-matrix{
    overflow-x:auto;
  }

  .tw-cookie-matrix__row{
    min-width:800px;
  }

}


@media(max-width:700px){

  .tw-cookie-hero{
    padding:
      72px
      0
      68px;
  }

  .tw-cookie-categories{
    grid-template-columns:1fr;
    margin-top:-22px;
  }

  .tw-cookie-section{
    padding:
      66px
      0;
  }

  .tw-cookie-flow{
    grid-template-columns:1fr;
  }

  .tw-cookie-flow__item{
    min-height:auto;
    border-right:0;
  }

  .tw-cookie-parties,
  .tw-cookie-duration,
  .tw-cookie-controls{
    grid-template-columns:1fr;
  }

  .tw-cookie-panel{
    grid-template-columns:1fr;
    gap:12px;
  }

  .tw-cookie-settings{
    grid-template-columns:1fr;
    padding:27px;
  }

}



/* =========================================================
   ENOFLIX ACCOUNT TERMS PRODUCTION V1
   ---------------------------------------------------------
   Account Governance • Lifecycle • Membership
   No card-based layout
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.tw-account-terms{
  --account-accent:#8fa7ff;
  --account-accent-soft:#becaff;
  --account-line:rgba(143,167,255,.20);

  background:
    linear-gradient(
      180deg,
      #080a14 0%,
      #070914 100%
    );
}


/* =========================================================
   HERO
   ========================================================= */

.tw-account-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    105px
    0
    82px;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    linear-gradient(
      90deg,
      rgba(7,9,20,.98) 0%,
      rgba(10,13,30,.91) 58%,
      rgba(7,9,20,.85) 100%
    ),
    url(
      "https://assets.enoflix.net/legal/account/account-terms-hero.webp"
    )
    center / cover no-repeat;
}


.tw-account-hero::after{
  content:"";

  position:absolute;
  z-index:-1;

  width:760px;
  height:760px;

  right:-300px;
  top:-440px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(143,167,255,.20),
      rgba(143,167,255,.05) 42%,
      transparent 70%
    );

  pointer-events:none;
}


.tw-account-hero__content{
  max-width:930px;
}


.tw-account-hero__eyebrow{
  display:flex;

  align-items:center;

  gap:12px;

  margin-bottom:20px;

  color:
    var(--account-accent);

  font-size:11px;

  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-account-hero__eyebrow::before{
  content:"";

  width:36px;
  height:1px;

  background:
    var(--account-accent);
}


.tw-account-hero h1{
  max-width:900px;

  margin:
    0
    0
    24px;

  font-size:
    clamp(
      46px,
      7vw,
      84px
    );

  line-height:.97;

  letter-spacing:-.055em;
}


.tw-account-hero__lead{
  max-width:740px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:
    clamp(
      17px,
      2vw,
      21px
    );

  line-height:1.72;
}


.tw-account-hero__meta{
  display:flex;

  flex-wrap:wrap;

  gap:
    12px
    30px;

  margin-top:31px;

  color:
    var(--tw-text-muted);

  font-size:11px;
}


.tw-account-hero__meta span{
  position:relative;
}


.tw-account-hero__meta span + span::before{
  content:"";

  position:absolute;

  width:3px;
  height:3px;

  left:-17px;
  top:6px;

  border-radius:50%;

  background:
    var(--account-accent);
}


/* =========================================================
   ACCOUNT LIFECYCLE
   ========================================================= */

.tw-account-lifecycle{
  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-account-lifecycle__inner{
  display:grid;

  grid-template-columns:
    repeat(5,minmax(0,1fr));

  min-height:98px;
}


.tw-account-lifecycle__step{
  position:relative;

  display:flex;

  align-items:center;

  gap:12px;

  padding:
    20px
    22px;

  border-right:
    1px solid
    var(--tw-line-soft);
}


.tw-account-lifecycle__step:first-child{
  border-left:
    1px solid
    var(--tw-line-soft);
}


.tw-account-lifecycle__number{
  color:
    rgba(143,167,255,.47);

  font-size:10px;

  font-weight:900;
}


.tw-account-lifecycle__step strong{
  color:#fff;

  font-size:12px;

  letter-spacing:.07em;

  text-transform:uppercase;
}


/* =========================================================
   DOCUMENT LAYOUT
   ========================================================= */

.tw-account-document{
  display:grid;

  grid-template-columns:
    300px
    minmax(0,780px);

  justify-content:space-between;

  gap:82px;

  align-items:start;

  padding:
    82px
    0
    40px;
}


/* =========================================================
   REDESIGNED SIDEBAR / ACCOUNT RAIL
   ========================================================= */

.tw-account-rail{
  position:sticky;

  top:32px;

  align-self:start;

  padding-left:28px;
}


.tw-account-rail::before{
  content:"";

  position:absolute;

  left:5px;
  top:0;
  bottom:0;

  width:1px;

  background:
    linear-gradient(
      180deg,
      var(--account-accent),
      rgba(143,167,255,.15) 55%,
      transparent
    );
}


.tw-account-rail::after{
  content:"";

  position:absolute;

  left:1px;
  top:3px;

  width:9px;
  height:9px;

  border-radius:50%;

  background:
    var(--account-accent);

  box-shadow:
    0
    0
    0
    6px
    rgba(143,167,255,.07);
}


.tw-account-rail__heading{
  margin-bottom:23px;

  color:
    var(--tw-text-muted);

  font-size:9px;

  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-account-rail ol{
  margin:0;
  padding:0;

  list-style:none;

  counter-reset:
    account-navigation;
}


.tw-account-rail li{
  counter-increment:
    account-navigation;
}


.tw-account-rail a{
  position:relative;

  display:grid;

  grid-template-columns:
    31px
    minmax(0,1fr);

  gap:8px;

  align-items:start;

  padding:
    8px
    0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.35;

  text-decoration:none;

  transition:
    color .18s ease,
    transform .18s ease;
}


.tw-account-rail a::before{
  content:
    counter(
      account-navigation,
      decimal-leading-zero
    );

  color:
    rgba(143,167,255,.45);

  font-size:9px;

  font-weight:900;

  padding-top:2px;
}


.tw-account-rail a:hover{
  color:#fff;

  transform:
    translateX(4px);
}


.tw-account-rail a:hover::before{
  color:
    var(--account-accent);
}


/* =========================================================
   ARTICLE
   ========================================================= */

.tw-account-content{
  min-width:0;
}


.tw-account-intro{
  padding-bottom:54px;

  margin-bottom:12px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-account-intro__label{
  display:block;

  margin-bottom:14px;

  color:
    var(--account-accent);

  font-size:10px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-account-intro h2{
  max-width:680px;

  margin:
    0
    0
    17px;

  font-size:
    clamp(
      29px,
      4vw,
      47px
    );

  line-height:1.06;

  letter-spacing:-.04em;
}


.tw-account-intro p{
  max-width:720px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.78;
}


/* =========================================================
   ACCOUNT SECTIONS
   ========================================================= */

.tw-account-section{
  display:grid;

  grid-template-columns:
    78px
    minmax(0,1fr);

  gap:24px;

  padding:
    52px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  scroll-margin-top:40px;
}


.tw-account-section:last-child{
  border-bottom:0;
}


.tw-account-section__number{
  color:
    rgba(143,167,255,.29);

  font-size:
    clamp(
      26px,
      3vw,
      38px
    );

  font-weight:800;

  letter-spacing:-.04em;

  line-height:1;
}


.tw-account-section__body{
  min-width:0;
}


.tw-account-section h2{
  margin:
    0
    0
    17px;

  color:#fff;

  font-size:
    clamp(
      24px,
      3vw,
      34px
    );

  line-height:1.13;

  letter-spacing:-.03em;
}


.tw-account-section h3{
  margin:
    29px
    0
    10px;

  color:#fff;

  font-size:17px;

  line-height:1.3;
}


.tw-account-section p,
.tw-account-section li{
  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.82;
}


.tw-account-section p{
  margin-bottom:17px;
}


.tw-account-section ul,
.tw-account-section ol{
  padding-left:23px;
}


.tw-account-section li + li{
  margin-top:9px;
}


.tw-account-section strong{
  color:#fff;
}


.tw-account-section a{
  color:
    var(--account-accent-soft);

  text-underline-offset:3px;
}


/* =========================================================
   INLINE RULE
   ========================================================= */

.tw-account-rule{
  position:relative;

  margin:
    26px
    0;

  padding:
    18px
    0
    18px
    28px;

  border-left:
    2px solid
    var(--account-accent);
}


.tw-account-rule::before{
  content:"";

  position:absolute;

  width:7px;
  height:7px;

  top:24px;
  left:-5px;

  border-radius:50%;

  background:
    var(--account-accent);
}


.tw-account-rule strong{
  display:block;

  margin-bottom:6px;

  font-size:13px;
}


.tw-account-rule p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.68;
}


/* =========================================================
   ACCOUNT DEFINITION ROWS
   ========================================================= */

.tw-account-definition{
  display:grid;

  grid-template-columns:
    175px
    minmax(0,1fr);

  gap:28px;

  padding:
    17px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-account-definition:last-child{
  border-bottom:0;
}


.tw-account-definition dt{
  color:#fff;

  font-size:13px;

  font-weight:800;
}


.tw-account-definition dd{
  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.68;
}


/* =========================================================
   CLOSE ACCOUNT STRIP
   ========================================================= */

.tw-account-close{
  position:relative;

  margin-top:52px;

  padding:
    37px
    0;

  border-top:
    1px solid
    var(--account-line);

  border-bottom:
    1px solid
    var(--account-line);
}


.tw-account-close__inner{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:32px;

  align-items:center;
}


.tw-account-close__eyebrow{
  margin-bottom:9px;

  color:
    var(--account-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-account-close h2{
  margin:
    0
    0
    9px;

  font-size:
    clamp(
      25px,
      4vw,
      39px
    );

  letter-spacing:-.035em;
}


.tw-account-close p{
  max-width:650px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   CONTACT
   ========================================================= */

.tw-account-contact{
  margin-top:55px;

  padding-top:40px;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-account-contact__label{
  margin-bottom:10px;

  color:
    var(--account-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-account-contact h2{
  margin:
    0
    0
    12px;

  font-size:
    clamp(
      26px,
      4vw,
      40px
    );

  letter-spacing:-.035em;
}


.tw-account-contact p{
  max-width:670px;

  margin:
    0
    0
    21px;

  color:
    var(--tw-text-soft);

  line-height:1.7;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:940px){

  .tw-account-lifecycle__inner{
    overflow-x:auto;

    grid-template-columns:
      repeat(5,180px);
  }


  .tw-account-document{
    grid-template-columns:1fr;

    gap:42px;
  }


  .tw-account-rail{
    position:relative;

    top:auto;

    padding:
      0
      0
      18px;

    overflow-x:auto;
  }


  .tw-account-rail::before,
  .tw-account-rail::after{
    display:none;
  }


  .tw-account-rail__heading{
    margin-bottom:12px;
  }


  .tw-account-rail ol{
    display:flex;

    gap:8px;
  }


  .tw-account-rail li{
    flex:0 0 auto;
  }


  .tw-account-rail a{
    display:block;

    padding:
      9px
      13px;

    border-bottom:
      1px solid
      var(--account-line);

    white-space:nowrap;
  }


  .tw-account-rail a::before{
    margin-right:7px;
  }


  .tw-account-rail a:hover{
    transform:none;
  }

}


@media(max-width:650px){

  .tw-account-hero{
    padding:
      76px
      0
      58px;
  }


  .tw-account-document{
    padding-top:50px;
  }


  .tw-account-section{
    grid-template-columns:1fr;

    gap:13px;

    padding:
      42px
      0;
  }


  .tw-account-section__number{
    font-size:18px;
  }


  .tw-account-definition{
    grid-template-columns:1fr;

    gap:7px;
  }


  .tw-account-close__inner{
    grid-template-columns:1fr;
  }

}



/* =========================================================
   ENOFLIX ACCESSIBILITY PRODUCTION V1
   ---------------------------------------------------------
   Inclusive Experience • Accessibility Standards
   Structural layout — no card grid
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.tw-accessibility{
  --access-accent:#65dfa8;
  --access-accent-soft:#a8f2cf;
  --access-blue:#76b9ff;
  --access-yellow:#ffd46b;
  --access-line:rgba(101,223,168,.18);

  background:
    linear-gradient(
      180deg,
      #07100d 0%,
      #070914 44%,
      #070914 100%
    );
}


/* =========================================================
   HERO
   ========================================================= */

.tw-accessibility-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    106px
    0
    88px;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    linear-gradient(
      90deg,
      rgba(5,15,12,.97) 0%,
      rgba(6,13,20,.93) 60%,
      rgba(7,9,20,.82) 100%
    ),
    url(
      "https://assets.enoflix.net/accessibility/accessibility-hero.webp"
    )
    center / cover no-repeat;
}


.tw-accessibility-hero::before{
  content:"";

  position:absolute;
  z-index:-1;

  width:760px;
  height:760px;

  right:-290px;
  top:-420px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(101,223,168,.18),
      rgba(101,223,168,.045) 42%,
      transparent 70%
    );

  pointer-events:none;
}


.tw-accessibility-hero__content{
  max-width:920px;
}


.tw-accessibility-hero__eyebrow{
  display:flex;

  align-items:center;

  gap:11px;

  margin-bottom:20px;

  color:
    var(--access-accent);

  font-size:11px;
  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-accessibility-hero__eyebrow::before{
  content:"";

  width:10px;
  height:10px;

  border:
    2px solid
    currentColor;

  border-radius:50%;
}


.tw-accessibility-hero h1{
  max-width:900px;

  margin:
    0
    0
    24px;

  font-size:
    clamp(
      48px,
      7vw,
      88px
    );

  line-height:.96;

  letter-spacing:-.055em;
}


.tw-accessibility-hero__lead{
  max-width:760px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:
    clamp(
      18px,
      2vw,
      22px
    );

  line-height:1.72;
}


.tw-accessibility-hero__meta{
  display:flex;

  flex-wrap:wrap;

  gap:
    12px
    30px;

  margin-top:31px;

  color:
    var(--tw-text-muted);

  font-size:11px;
}


.tw-accessibility-hero__meta span{
  position:relative;
}


.tw-accessibility-hero__meta span + span::before{
  content:"";

  position:absolute;

  left:-17px;
  top:6px;

  width:3px;
  height:3px;

  border-radius:50%;

  background:
    var(--access-accent);
}


/* =========================================================
   ACCESSIBILITY PRINCIPLE STRIP
   ========================================================= */

.tw-accessibility-principles{
  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-principles__inner{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));
}


.tw-accessibility-principle{
  min-height:104px;

  padding:
    23px
    24px;

  border-right:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-principle:first-child{
  border-left:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-principle span{
  display:block;

  margin-bottom:8px;

  color:
    rgba(101,223,168,.45);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-accessibility-principle strong{
  color:#fff;

  font-size:14px;
}


/* =========================================================
   PAGE LAYOUT
   ========================================================= */

.tw-accessibility-layout{
  display:grid;

  grid-template-columns:
    320px
    minmax(0,790px);

  justify-content:space-between;

  gap:86px;

  align-items:start;

  padding:
    84px
    0
    40px;
}


/* =========================================================
   ACCESSIBILITY INDEX
   ========================================================= */

.tw-accessibility-index{
  position:sticky;

  top:30px;

  align-self:start;
}


.tw-accessibility-index__header{
  margin-bottom:27px;
}


.tw-accessibility-index__header span{
  display:block;

  margin-bottom:8px;

  color:
    var(--access-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-accessibility-index__header strong{
  display:block;

  max-width:250px;

  font-size:22px;

  line-height:1.15;

  letter-spacing:-.025em;
}


.tw-accessibility-index ol{
  margin:0;
  padding:0;

  list-style:none;

  counter-reset:
    access-index;
}


.tw-accessibility-index li{
  counter-increment:
    access-index;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-index li:last-child{
  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-index a{
  display:grid;

  grid-template-columns:
    42px
    minmax(0,1fr);

  gap:12px;

  align-items:center;

  min-height:49px;

  color:
    var(--tw-text-muted);

  font-size:12px;

  text-decoration:none;

  transition:
    color .18s ease,
    padding-left .18s ease;
}


.tw-accessibility-index a::before{
  content:
    counter(
      access-index,
      decimal-leading-zero
    );

  color:
    rgba(101,223,168,.40);

  font-size:9px;

  font-weight:900;
}


.tw-accessibility-index a:hover{
  padding-left:5px;

  color:#fff;
}


.tw-accessibility-index a:hover::before{
  color:
    var(--access-accent);
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.tw-accessibility-content{
  min-width:0;
}


.tw-accessibility-intro{
  padding-bottom:58px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-intro__eyebrow{
  margin-bottom:12px;

  color:
    var(--access-accent);

  font-size:10px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-accessibility-intro h2{
  max-width:720px;

  margin:
    0
    0
    18px;

  font-size:
    clamp(
      31px,
      4vw,
      49px
    );

  line-height:1.05;

  letter-spacing:-.04em;
}


.tw-accessibility-intro p{
  max-width:740px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.8;
}


/* =========================================================
   STANDARD CONTENT SECTIONS
   ========================================================= */

.tw-accessibility-section{
  padding:
    58px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  scroll-margin-top:34px;
}


.tw-accessibility-section:last-child{
  border-bottom:0;
}


.tw-accessibility-section__number{
  display:block;

  margin-bottom:12px;

  color:
    rgba(101,223,168,.48);

  font-size:10px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-accessibility-section h2{
  max-width:690px;

  margin:
    0
    0
    18px;

  color:#fff;

  font-size:
    clamp(
      25px,
      3vw,
      36px
    );

  line-height:1.12;

  letter-spacing:-.03em;
}


.tw-accessibility-section h3{
  margin:
    30px
    0
    11px;

  color:#fff;

  font-size:17px;
}


.tw-accessibility-section p,
.tw-accessibility-section li{
  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.82;
}


.tw-accessibility-section p{
  margin-bottom:17px;
}


.tw-accessibility-section ul{
  padding-left:23px;
}


.tw-accessibility-section li + li{
  margin-top:9px;
}


.tw-accessibility-section strong{
  color:#fff;
}


.tw-accessibility-section a{
  color:
    var(--access-accent-soft);

  text-underline-offset:3px;
}


/* =========================================================
   KEYBOARD DEMONSTRATION
   ========================================================= */

.tw-accessibility-keyboard{
  margin:
    31px
    0;

  padding:
    30px
    0;

  border-top:
    1px solid
    var(--access-line);

  border-bottom:
    1px solid
    var(--access-line);
}


.tw-accessibility-keyboard__title{
  margin-bottom:21px;

  color:
    var(--tw-text-muted);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-accessibility-keyboard__sequence{
  display:flex;

  flex-wrap:wrap;

  align-items:center;

  gap:13px;
}


.tw-accessibility-key{
  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-width:68px;
  min-height:44px;

  padding:
    9px
    16px;

  border:
    1px solid
    rgba(255,255,255,.19);

  border-bottom-width:3px;

  border-radius:8px;

  background:
    rgba(255,255,255,.045);

  color:#fff;

  font-size:11px;

  font-weight:850;

  letter-spacing:.07em;

  text-transform:uppercase;
}


.tw-accessibility-key--focus{
  border-color:
    var(--access-accent);

  box-shadow:
    0
    0
    0
    4px
    rgba(101,223,168,.08);
}


.tw-accessibility-keyboard__arrow{
  color:
    rgba(101,223,168,.52);

  font-size:16px;
}


/* =========================================================
   FOCUS DEMONSTRATION
   ========================================================= */

.tw-accessibility-focus-demo{
  display:flex;

  flex-wrap:wrap;

  gap:18px;

  align-items:center;

  margin:
    29px
    0;

  padding:
    23px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-focus-demo__item{
  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-height:47px;

  padding:
    10px
    18px;

  border:
    1px solid
    var(--tw-line);

  border-radius:10px;

  color:
    var(--tw-text-soft);

  font-size:12px;
}


.tw-accessibility-focus-demo__item--active{
  outline:
    3px solid
    var(--access-accent);

  outline-offset:4px;

  color:#fff;
}


/* =========================================================
   TYPOGRAPHY DEMONSTRATION
   ========================================================= */

.tw-accessibility-type{
  margin:
    30px
    0;

  padding:
    28px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-type__sample{
  max-width:720px;

  margin-bottom:18px;

  color:#fff;

  font-size:
    clamp(
      29px,
      5vw,
      52px
    );

  line-height:1.12;

  letter-spacing:-.035em;
}


.tw-accessibility-type__body{
  max-width:660px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:17px;

  line-height:1.78;
}


/* =========================================================
   CAPTIONS / AUDIO TRACK LINES
   ========================================================= */

.tw-accessibility-media-list{
  margin:
    28px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-media-row{
  display:grid;

  grid-template-columns:
    180px
    minmax(0,1fr);

  gap:30px;

  padding:
    20px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-media-row strong{
  color:#fff;

  font-size:13px;
}


.tw-accessibility-media-row span{
  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.65;
}


/* =========================================================
   CONTRAST TEST
   ========================================================= */

.tw-accessibility-contrast{
  display:grid;

  grid-template-columns:
    1fr
    1fr;

  margin:
    30px
    0;

  border:
    1px solid
    var(--tw-line-soft);

  overflow:hidden;
}


.tw-accessibility-contrast__dark,
.tw-accessibility-contrast__light{
  min-height:180px;

  padding:28px;
}


.tw-accessibility-contrast__dark{
  background:#080b14;

  color:#fff;
}


.tw-accessibility-contrast__light{
  background:#f5f7fb;

  color:#10131a;
}


.tw-accessibility-contrast span{
  display:block;

  margin-bottom:26px;

  font-size:9px;

  font-weight:900;

  letter-spacing:.12em;

  text-transform:uppercase;
}


.tw-accessibility-contrast strong{
  display:block;

  margin-bottom:8px;

  font-size:25px;

  letter-spacing:-.03em;
}


.tw-accessibility-contrast p{
  margin:0;

  color:inherit;

  opacity:.78;

  font-size:13px;

  line-height:1.6;
}


/* =========================================================
   MOTION DEMONSTRATION
   ========================================================= */

.tw-accessibility-motion{
  display:grid;

  grid-template-columns:
    170px
    minmax(0,1fr);

  gap:28px;

  align-items:center;

  margin:
    28px
    0;

  padding:
    24px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-motion__switch{
  position:relative;

  width:88px;
  height:42px;

  border-radius:999px;

  background:
    rgba(101,223,168,.18);

  border:
    1px solid
    rgba(101,223,168,.30);
}


.tw-accessibility-motion__switch::after{
  content:"";

  position:absolute;

  width:32px;
  height:32px;

  right:4px;
  top:4px;

  border-radius:50%;

  background:
    var(--access-accent);
}


.tw-accessibility-motion strong{
  display:block;

  margin-bottom:6px;

  font-size:14px;
}


.tw-accessibility-motion p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.6;
}


/* =========================================================
   DEVICE SUPPORT
   ========================================================= */

.tw-accessibility-devices{
  margin:
    30px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-device{
  display:grid;

  grid-template-columns:
    160px
    minmax(0,1fr)
    auto;

  gap:26px;

  align-items:center;

  min-height:69px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-accessibility-device strong{
  font-size:13px;
}


.tw-accessibility-device p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.55;
}


.tw-accessibility-device__status{
  color:
    var(--access-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.09em;

  text-transform:uppercase;
}


/* =========================================================
   FEEDBACK SECTION
   ========================================================= */

.tw-accessibility-feedback{
  margin-top:58px;

  padding:
    46px
    0;

  border-top:
    1px solid
    var(--access-line);

  border-bottom:
    1px solid
    var(--access-line);
}


.tw-accessibility-feedback__inner{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:34px;

  align-items:center;
}


.tw-accessibility-feedback__eyebrow{
  margin-bottom:10px;

  color:
    var(--access-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-accessibility-feedback h2{
  margin:
    0
    0
    10px;

  font-size:
    clamp(
      27px,
      4vw,
      43px
    );

  letter-spacing:-.04em;
}


.tw-accessibility-feedback p{
  max-width:680px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   ACCESSIBILITY STATEMENT NOTE
   ========================================================= */

.tw-accessibility-statement{
  margin-top:34px;

  padding-left:25px;

  border-left:
    2px solid
    var(--access-accent);
}


.tw-accessibility-statement strong{
  display:block;

  margin-bottom:7px;

  color:#fff;

  font-size:13px;
}


.tw-accessibility-statement p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.68;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:960px){

  .tw-accessibility-principles__inner{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  .tw-accessibility-layout{
    grid-template-columns:1fr;

    gap:45px;
  }


  .tw-accessibility-index{
    position:relative;

    top:auto;

    overflow-x:auto;

    padding-bottom:10px;
  }


  .tw-accessibility-index__header strong{
    max-width:none;
  }


  .tw-accessibility-index ol{
    display:flex;

    gap:8px;
  }


  .tw-accessibility-index li{
    flex:0 0 auto;

    border:0;
  }


  .tw-accessibility-index li:last-child{
    border:0;
  }


  .tw-accessibility-index a{
    display:block;

    min-height:auto;

    padding:
      9px
      13px;

    border-bottom:
      1px solid
      var(--access-line);

    white-space:nowrap;
  }


  .tw-accessibility-index a::before{
    margin-right:7px;
  }


  .tw-accessibility-index a:hover{
    padding-left:13px;
  }

}


@media(max-width:650px){

  .tw-accessibility-hero{
    padding:
      76px
      0
      60px;
  }


  .tw-accessibility-principles__inner{
    grid-template-columns:1fr;
  }


  .tw-accessibility-principle{
    border-left:
      1px solid
      var(--tw-line-soft);
  }


  .tw-accessibility-layout{
    padding-top:52px;
  }


  .tw-accessibility-media-row{
    grid-template-columns:1fr;

    gap:7px;
  }


  .tw-accessibility-contrast{
    grid-template-columns:1fr;
  }


  .tw-accessibility-motion{
    grid-template-columns:1fr;

    gap:16px;
  }


  .tw-accessibility-device{
    grid-template-columns:1fr;

    gap:7px;

    padding:
      18px
      0;
  }


  .tw-accessibility-feedback__inner{
    grid-template-columns:1fr;
  }

}



/* =========================================================
   ENOFLIX SAFETY CENTRE PRODUCTION V1
   ---------------------------------------------------------
   Safety Operations • Security • Reporting
   Structural layout — no card grid
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.tw-safety{
  --safety-accent:#58b9ff;
  --safety-accent-soft:#a9d9ff;
  --safety-safe:#5be0a6;
  --safety-warn:#ffcf66;
  --safety-danger:#ff7272;
  --safety-line:rgba(88,185,255,.18);

  background:
    linear-gradient(
      180deg,
      #06101a 0%,
      #070914 45%,
      #070914 100%
    );
}


/* =========================================================
   HERO
   ========================================================= */

.tw-safety-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    104px
    0
    86px;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    linear-gradient(
      90deg,
      rgba(5,15,26,.98) 0%,
      rgba(6,16,30,.91) 58%,
      rgba(7,9,20,.84) 100%
    ),
    url(
      "https://assets.enoflix.net/trust/safety/safety-centre-hero.webp"
    )
    center / cover no-repeat;
}


.tw-safety-hero::before{
  content:"";

  position:absolute;
  z-index:-1;

  width:760px;
  height:760px;

  right:-280px;
  top:-430px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(88,185,255,.20),
      rgba(88,185,255,.05) 42%,
      transparent 70%
    );

  pointer-events:none;
}


.tw-safety-hero__content{
  max-width:930px;
}


.tw-safety-hero__eyebrow{
  display:flex;

  align-items:center;

  gap:11px;

  margin-bottom:19px;

  color:
    var(--safety-accent);

  font-size:11px;
  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-safety-hero__eyebrow::before{
  content:"";

  width:28px;
  height:2px;

  background:
    var(--safety-accent);
}


.tw-safety-hero h1{
  max-width:900px;

  margin:
    0
    0
    24px;

  font-size:
    clamp(
      47px,
      7vw,
      86px
    );

  line-height:.96;

  letter-spacing:-.055em;
}


.tw-safety-hero__lead{
  max-width:760px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:
    clamp(
      18px,
      2vw,
      22px
    );

  line-height:1.72;
}


.tw-safety-hero__meta{
  display:flex;

  flex-wrap:wrap;

  gap:
    12px
    30px;

  margin-top:31px;

  color:
    var(--tw-text-muted);

  font-size:11px;
}


.tw-safety-hero__meta span{
  position:relative;
}


.tw-safety-hero__meta span + span::before{
  content:"";

  position:absolute;

  left:-17px;
  top:6px;

  width:3px;
  height:3px;

  border-radius:50%;

  background:
    var(--safety-accent);
}


/* =========================================================
   SAFETY STATUS STRIP
   ========================================================= */

.tw-safety-status{
  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-safety-status__inner{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));
}


.tw-safety-status__item{
  min-height:98px;

  padding:
    22px
    24px;

  border-right:
    1px solid
    var(--tw-line-soft);
}


.tw-safety-status__item:first-child{
  border-left:
    1px solid
    var(--tw-line-soft);
}


.tw-safety-status__item span{
  display:block;

  margin-bottom:8px;

  color:
    rgba(88,185,255,.48);

  font-size:9px;
  font-weight:900;

  letter-spacing:.12em;

  text-transform:uppercase;
}


.tw-safety-status__item strong{
  color:#fff;

  font-size:14px;
}


/* =========================================================
   PAGE LAYOUT
   ========================================================= */

.tw-safety-layout{
  display:grid;

  grid-template-columns:
    310px
    minmax(0,790px);

  justify-content:space-between;

  gap:88px;

  align-items:start;

  padding:
    84px
    0
    40px;
}


/* =========================================================
   SAFETY OPERATIONS RAIL
   ========================================================= */

.tw-safety-rail{
  position:sticky;

  top:30px;

  align-self:start;
}


.tw-safety-rail__header{
  padding-bottom:20px;

  margin-bottom:6px;

  border-bottom:
    1px solid
    var(--safety-line);
}


.tw-safety-rail__header span{
  display:block;

  margin-bottom:8px;

  color:
    var(--safety-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-safety-rail__header strong{
  display:block;

  max-width:250px;

  font-size:22px;

  line-height:1.15;

  letter-spacing:-.025em;
}


.tw-safety-rail ol{
  margin:0;
  padding:0;

  list-style:none;

  counter-reset:
    safety-navigation;
}


.tw-safety-rail li{
  counter-increment:
    safety-navigation;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-safety-rail a{
  display:grid;

  grid-template-columns:
    39px
    minmax(0,1fr);

  gap:10px;

  align-items:center;

  min-height:51px;

  color:
    var(--tw-text-muted);

  font-size:12px;

  text-decoration:none;

  transition:
    color .18s ease,
    padding-left .18s ease;
}


.tw-safety-rail a::before{
  content:
    counter(
      safety-navigation,
      decimal-leading-zero
    );

  color:
    rgba(88,185,255,.42);

  font-size:9px;

  font-weight:900;
}


.tw-safety-rail a:hover{
  color:#fff;

  padding-left:5px;
}


.tw-safety-rail a:hover::before{
  color:
    var(--safety-accent);
}


/* =========================================================
   MAIN CONTENT
   ========================================================= */

.tw-safety-content{
  min-width:0;
}


.tw-safety-intro{
  padding-bottom:58px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-safety-intro__eyebrow{
  margin-bottom:11px;

  color:
    var(--safety-accent);

  font-size:10px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-safety-intro h2{
  max-width:720px;

  margin:
    0
    0
    17px;

  font-size:
    clamp(
      31px,
      4vw,
      49px
    );

  line-height:1.05;

  letter-spacing:-.04em;
}


.tw-safety-intro p{
  max-width:740px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.8;
}


/* =========================================================
   SECTIONS
   ========================================================= */

.tw-safety-section{
  padding:
    58px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  scroll-margin-top:34px;
}


.tw-safety-section:last-child{
  border-bottom:0;
}


.tw-safety-section__number{
  display:block;

  margin-bottom:12px;

  color:
    rgba(88,185,255,.48);

  font-size:10px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-safety-section h2{
  max-width:700px;

  margin:
    0
    0
    18px;

  color:#fff;

  font-size:
    clamp(
      25px,
      3vw,
      36px
    );

  line-height:1.12;

  letter-spacing:-.03em;
}


.tw-safety-section h3{
  margin:
    30px
    0
    11px;

  color:#fff;

  font-size:17px;
}


.tw-safety-section p,
.tw-safety-section li{
  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.82;
}


.tw-safety-section p{
  margin-bottom:17px;
}


.tw-safety-section ul,
.tw-safety-section ol{
  padding-left:23px;
}


.tw-safety-section li + li{
  margin-top:9px;
}


.tw-safety-section strong{
  color:#fff;
}


.tw-safety-section a{
  color:
    var(--safety-accent-soft);

  text-underline-offset:3px;
}


/* =========================================================
   ALERT BANDS
   ========================================================= */

.tw-safety-alert{
  position:relative;

  margin:
    28px
    0;

  padding:
    21px
    0
    21px
    28px;

  border-left:
    3px solid
    var(--safety-warn);
}


.tw-safety-alert--danger{
  border-left-color:
    var(--safety-danger);
}


.tw-safety-alert--safe{
  border-left-color:
    var(--safety-safe);
}


.tw-safety-alert__label{
  display:block;

  margin-bottom:7px;

  color:
    var(--safety-warn);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-safety-alert--danger
.tw-safety-alert__label{
  color:
    var(--safety-danger);
}


.tw-safety-alert--safe
.tw-safety-alert__label{
  color:
    var(--safety-safe);
}


.tw-safety-alert strong{
  display:block;

  margin-bottom:7px;

  font-size:15px;
}


.tw-safety-alert p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.68;
}


/* =========================================================
   RESPONSE SEQUENCE
   ========================================================= */

.tw-safety-response{
  margin:
    31px
    0;

  border-top:
    1px solid
    var(--safety-line);
}


.tw-safety-response__step{
  display:grid;

  grid-template-columns:
    58px
    minmax(0,1fr);

  gap:22px;

  padding:
    21px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-safety-response__number{
  color:
    rgba(88,185,255,.42);

  font-size:24px;

  font-weight:800;

  letter-spacing:-.04em;
}


.tw-safety-response__step strong{
  display:block;

  margin-bottom:6px;

  font-size:14px;
}


.tw-safety-response__step p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.65;
}


/* =========================================================
   PHISHING / SCAM SIGNALS
   ========================================================= */

.tw-safety-signals{
  margin:
    28px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-safety-signal{
  display:grid;

  grid-template-columns:
    34px
    minmax(0,1fr);

  gap:17px;

  align-items:start;

  padding:
    18px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-safety-signal__mark{
  display:grid;

  place-items:center;

  width:28px;
  height:28px;

  border:
    1px solid
    rgba(255,114,114,.30);

  border-radius:50%;

  color:
    var(--safety-danger);

  font-size:10px;

  font-weight:900;
}


.tw-safety-signal strong{
  display:block;

  margin-bottom:5px;

  font-size:14px;
}


.tw-safety-signal p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.62;
}


/* =========================================================
   SAFETY CHECKLIST
   ========================================================= */

.tw-safety-checklist{
  margin:
    28px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-safety-check{
  display:grid;

  grid-template-columns:
    38px
    minmax(0,1fr);

  gap:16px;

  align-items:start;

  padding:
    18px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-safety-check__mark{
  display:grid;

  place-items:center;

  width:28px;
  height:28px;

  border:
    1px solid
    rgba(91,224,166,.25);

  border-radius:50%;

  color:
    var(--safety-safe);

  font-size:10px;

  font-weight:900;
}


.tw-safety-check strong{
  display:block;

  margin-bottom:5px;

  font-size:14px;
}


.tw-safety-check p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.62;
}


/* =========================================================
   REPORTING ROUTES
   ========================================================= */

.tw-safety-report{
  margin:
    30px
    0;

  border-top:
    1px solid
    var(--safety-line);
}


.tw-safety-report__row{
  display:grid;

  grid-template-columns:
    190px
    minmax(0,1fr)
    auto;

  gap:26px;

  align-items:center;

  min-height:78px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-safety-report__row strong{
  font-size:13px;
}


.tw-safety-report__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.55;
}


.tw-safety-report__action{
  color:
    var(--safety-accent);

  font-size:10px;

  font-weight:900;

  letter-spacing:.08em;

  text-decoration:none;

  text-transform:uppercase;
}


/* =========================================================
   FAMILY SAFETY
   ========================================================= */

.tw-safety-family{
  margin:
    30px
    0;

  padding:
    31px
    0;

  border-top:
    1px solid
    var(--safety-line);

  border-bottom:
    1px solid
    var(--safety-line);
}


.tw-safety-family__row{
  display:grid;

  grid-template-columns:
    190px
    minmax(0,1fr);

  gap:28px;

  padding:
    16px
    0;
}


.tw-safety-family__row strong{
  font-size:13px;
}


.tw-safety-family__row p{
  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.66;
}


/* =========================================================
   EMERGENCY / EXTERNAL HELP
   ========================================================= */

.tw-safety-emergency{
  margin-top:58px;

  padding:
    42px
    0;

  border-top:
    1px solid
    rgba(255,114,114,.25);

  border-bottom:
    1px solid
    rgba(255,114,114,.25);
}


.tw-safety-emergency__label{
  margin-bottom:10px;

  color:
    var(--safety-danger);

  font-size:9px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-safety-emergency h2{
  max-width:700px;

  margin:
    0
    0
    12px;

  font-size:
    clamp(
      27px,
      4vw,
      43px
    );

  letter-spacing:-.04em;
}


.tw-safety-emergency p{
  max-width:710px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.72;
}


/* =========================================================
   SUPPORT CTA
   ========================================================= */

.tw-safety-support{
  margin-top:56px;

  padding:
    44px
    0;

  border-top:
    1px solid
    var(--safety-line);

  border-bottom:
    1px solid
    var(--safety-line);
}


.tw-safety-support__inner{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:34px;

  align-items:center;
}


.tw-safety-support__eyebrow{
  margin-bottom:9px;

  color:
    var(--safety-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-safety-support h2{
  margin:
    0
    0
    10px;

  font-size:
    clamp(
      27px,
      4vw,
      42px
    );

  letter-spacing:-.04em;
}


.tw-safety-support p{
  max-width:680px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:960px){

  .tw-safety-status__inner{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  .tw-safety-layout{
    grid-template-columns:1fr;

    gap:45px;
  }


  .tw-safety-rail{
    position:relative;

    top:auto;

    overflow-x:auto;

    padding-bottom:10px;
  }


  .tw-safety-rail ol{
    display:flex;

    gap:8px;
  }


  .tw-safety-rail li{
    flex:0 0 auto;

    border:0;
  }


  .tw-safety-rail a{
    display:block;

    min-height:auto;

    padding:
      9px
      13px;

    border-bottom:
      1px solid
      var(--safety-line);

    white-space:nowrap;
  }


  .tw-safety-rail a::before{
    margin-right:7px;
  }


  .tw-safety-rail a:hover{
    padding-left:13px;
  }

}


@media(max-width:650px){

  .tw-safety-hero{
    padding:
      76px
      0
      60px;
  }


  .tw-safety-status__inner{
    grid-template-columns:1fr;
  }


  .tw-safety-status__item{
    border-left:
      1px solid
      var(--tw-line-soft);
  }


  .tw-safety-layout{
    padding-top:52px;
  }


  .tw-safety-response__step{
    grid-template-columns:
      42px
      minmax(0,1fr);
  }


  .tw-safety-report__row{
    grid-template-columns:1fr;

    gap:7px;

    padding:
      18px
      0;
  }


  .tw-safety-family__row{
    grid-template-columns:1fr;

    gap:7px;
  }


  .tw-safety-support__inner{
    grid-template-columns:1fr;
  }

}



/* =========================================================
   ENOFLIX TRADEMARK PRODUCTION V1
   ---------------------------------------------------------
   Brand Rights • Identity • Usage Guidance
   Structural layout — no card grid
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.tw-trademark{
  --tm-gold:#ffac00;
  --tm-gold-soft:#ffd47a;
  --tm-blue:#5f8cff;
  --tm-line:rgba(255,172,0,.18);
  --tm-red:#ff7373;
  --tm-green:#64dda6;

  background:
    linear-gradient(
      180deg,
      #0b0b12 0%,
      #070914 42%,
      #070914 100%
    );
}


/* =========================================================
   HERO
   ========================================================= */

.tw-trademark-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    108px
    0
    88px;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    linear-gradient(
      90deg,
      rgba(8,8,14,.98) 0%,
      rgba(16,12,8,.91) 58%,
      rgba(7,9,20,.84) 100%
    ),
    url(
      "https://assets.enoflix.net/brand/trademark/trademark-hero.webp"
    )
    center / cover no-repeat;
}


.tw-trademark-hero::before{
  content:"";

  position:absolute;
  z-index:-1;

  width:780px;
  height:780px;

  right:-300px;
  top:-440px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,172,0,.20),
      rgba(255,172,0,.045) 42%,
      transparent 70%
    );

  pointer-events:none;
}


.tw-trademark-hero__content{
  max-width:950px;
}


.tw-trademark-hero__eyebrow{
  display:flex;
  align-items:center;
  gap:12px;

  margin-bottom:20px;

  color:
    var(--tm-gold);

  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}


.tw-trademark-hero__eyebrow::before{
  content:"";

  width:38px;
  height:1px;

  background:
    var(--tm-gold);
}


.tw-trademark-hero h1{
  max-width:920px;

  margin:
    0
    0
    24px;

  font-size:
    clamp(
      48px,
      7vw,
      88px
    );

  line-height:.96;
  letter-spacing:-.055em;
}


.tw-trademark-hero__lead{
  max-width:760px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:
    clamp(
      18px,
      2vw,
      22px
    );

  line-height:1.72;
}


.tw-trademark-hero__meta{
  display:flex;
  flex-wrap:wrap;

  gap:
    12px
    30px;

  margin-top:31px;

  color:
    var(--tw-text-muted);

  font-size:11px;
}


.tw-trademark-hero__meta span{
  position:relative;
}


.tw-trademark-hero__meta span + span::before{
  content:"";

  position:absolute;

  left:-17px;
  top:6px;

  width:3px;
  height:3px;

  border-radius:50%;

  background:
    var(--tm-gold);
}


/* =========================================================
   BRAND SPECIMEN STRIP
   ========================================================= */

.tw-trademark-specimen{
  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-trademark-specimen__inner{
  display:grid;

  grid-template-columns:
    minmax(260px,.8fr)
    minmax(0,1.2fr);

  min-height:170px;
}


.tw-trademark-specimen__label{
  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:
    30px
    34px
    30px
    0;

  border-right:
    1px solid
    var(--tw-line-soft);
}


.tw-trademark-specimen__label span{
  display:block;

  margin-bottom:8px;

  color:
    rgba(255,172,0,.50);

  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}


.tw-trademark-specimen__label strong{
  font-size:
    clamp(
      22px,
      3vw,
      34px
    );

  line-height:1.06;

  letter-spacing:-.035em;
}


.tw-trademark-specimen__brand{
  display:flex;
  align-items:center;

  padding-left:48px;

  font-size:
    clamp(
      48px,
      8vw,
      92px
    );

  font-weight:950;

  letter-spacing:-.065em;

  color:#fff;
}


.tw-trademark-specimen__brand span{
  color:
    var(--tm-gold);
}


/* =========================================================
   PAGE LAYOUT
   ========================================================= */

.tw-trademark-layout{
  display:grid;

  grid-template-columns:
    315px
    minmax(0,790px);

  justify-content:space-between;

  gap:88px;

  align-items:start;

  padding:
    84px
    0
    40px;
}


/* =========================================================
   BRAND INDEX
   ========================================================= */

.tw-trademark-index{
  position:sticky;

  top:30px;

  align-self:start;
}


.tw-trademark-index__header{
  padding-bottom:22px;

  margin-bottom:5px;

  border-bottom:
    1px solid
    var(--tm-line);
}


.tw-trademark-index__header span{
  display:block;

  margin-bottom:8px;

  color:
    var(--tm-gold);

  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}


.tw-trademark-index__header strong{
  display:block;

  max-width:260px;

  font-size:22px;
  line-height:1.15;
  letter-spacing:-.025em;
}


.tw-trademark-index ol{
  margin:0;
  padding:0;

  list-style:none;

  counter-reset:
    trademark-navigation;
}


.tw-trademark-index li{
  counter-increment:
    trademark-navigation;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-trademark-index a{
  display:grid;

  grid-template-columns:
    40px
    minmax(0,1fr);

  gap:10px;

  align-items:center;

  min-height:51px;

  color:
    var(--tw-text-muted);

  font-size:12px;

  text-decoration:none;

  transition:
    color .18s ease,
    padding-left .18s ease;
}


.tw-trademark-index a::before{
  content:
    counter(
      trademark-navigation,
      decimal-leading-zero
    );

  color:
    rgba(255,172,0,.42);

  font-size:9px;
  font-weight:900;
}


.tw-trademark-index a:hover{
  color:#fff;

  padding-left:5px;
}


.tw-trademark-index a:hover::before{
  color:
    var(--tm-gold);
}


/* =========================================================
   CONTENT
   ========================================================= */

.tw-trademark-content{
  min-width:0;
}


.tw-trademark-intro{
  padding-bottom:58px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-trademark-intro__eyebrow{
  margin-bottom:11px;

  color:
    var(--tm-gold);

  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}


.tw-trademark-intro h2{
  max-width:720px;

  margin:
    0
    0
    18px;

  font-size:
    clamp(
      31px,
      4vw,
      49px
    );

  line-height:1.05;
  letter-spacing:-.04em;
}


.tw-trademark-intro p{
  max-width:740px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;
  line-height:1.8;
}


/* =========================================================
   SECTIONS
   ========================================================= */

.tw-trademark-section{
  padding:
    58px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  scroll-margin-top:34px;
}


.tw-trademark-section:last-child{
  border-bottom:0;
}


.tw-trademark-section__number{
  display:block;

  margin-bottom:12px;

  color:
    rgba(255,172,0,.47);

  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}


.tw-trademark-section h2{
  max-width:700px;

  margin:
    0
    0
    18px;

  color:#fff;

  font-size:
    clamp(
      25px,
      3vw,
      36px
    );

  line-height:1.12;
  letter-spacing:-.03em;
}


.tw-trademark-section h3{
  margin:
    30px
    0
    11px;

  color:#fff;

  font-size:17px;
}


.tw-trademark-section p,
.tw-trademark-section li{
  color:
    var(--tw-text-soft);

  font-size:15px;
  line-height:1.82;
}


.tw-trademark-section p{
  margin-bottom:17px;
}


.tw-trademark-section ul,
.tw-trademark-section ol{
  padding-left:23px;
}


.tw-trademark-section li + li{
  margin-top:9px;
}


.tw-trademark-section strong{
  color:#fff;
}


.tw-trademark-section a{
  color:
    var(--tm-gold-soft);

  text-underline-offset:3px;
}


/* =========================================================
   BRAND NAME SPECIMENS
   ========================================================= */

.tw-trademark-name-specimen{
  margin:
    31px
    0;

  border-top:
    1px solid
    var(--tm-line);

  border-bottom:
    1px solid
    var(--tm-line);
}


.tw-trademark-name-row{
  display:grid;

  grid-template-columns:
    180px
    minmax(0,1fr)
    auto;

  gap:28px;

  align-items:center;

  min-height:88px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-trademark-name-row:last-child{
  border-bottom:0;
}


.tw-trademark-name-row__label{
  color:
    var(--tw-text-muted);

  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}


.tw-trademark-name-row__example{
  color:#fff;

  font-size:
    clamp(
      22px,
      3vw,
      31px
    );

  font-weight:850;
  letter-spacing:-.035em;
}


.tw-trademark-name-row__status{
  font-size:9px;
  font-weight:900;

  letter-spacing:.08em;
  text-transform:uppercase;
}


.tw-trademark-name-row__status--good{
  color:
    var(--tm-green);
}


.tw-trademark-name-row__status--bad{
  color:
    var(--tm-red);
}


/* =========================================================
   LOGO CLEAR SPACE
   ========================================================= */

.tw-trademark-clearspace{
  margin:
    30px
    0;

  padding:
    42px;

  border:
    1px solid
    var(--tm-line);

  background:
    linear-gradient(
      135deg,
      rgba(255,172,0,.035),
      rgba(255,255,255,.012)
    );
}


.tw-trademark-clearspace__field{
  position:relative;

  display:grid;
  place-items:center;

  min-height:230px;

  border:
    1px dashed
    rgba(255,172,0,.28);
}


.tw-trademark-clearspace__logo{
  padding:
    30px
    44px;

  border:
    1px solid
    rgba(255,255,255,.14);

  font-size:
    clamp(
      34px,
      6vw,
      62px
    );

  font-weight:950;

  letter-spacing:-.06em;
}


.tw-trademark-clearspace__measure{
  position:absolute;

  color:
    rgba(255,172,0,.62);

  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}


.tw-trademark-clearspace__measure--top{
  top:13px;
  left:50%;

  transform:
    translateX(-50%);
}


.tw-trademark-clearspace__measure--bottom{
  bottom:13px;
  left:50%;

  transform:
    translateX(-50%);
}


.tw-trademark-clearspace__measure--left{
  left:14px;
  top:50%;

  transform:
    translateY(-50%);
}


.tw-trademark-clearspace__measure--right{
  right:14px;
  top:50%;

  transform:
    translateY(-50%);
}


/* =========================================================
   PERMITTED / PROHIBITED SPLIT
   ========================================================= */

.tw-trademark-boundaries{
  display:grid;

  grid-template-columns:
    1fr
    1fr;

  margin:
    31px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-trademark-boundary{
  padding:
    30px
    30px
    30px
    0;
}


.tw-trademark-boundary + .tw-trademark-boundary{
  padding-left:30px;
  padding-right:0;

  border-left:
    1px solid
    var(--tw-line-soft);
}


.tw-trademark-boundary__label{
  display:block;

  margin-bottom:24px;

  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}


.tw-trademark-boundary--allowed
.tw-trademark-boundary__label{
  color:
    var(--tm-green);
}


.tw-trademark-boundary--restricted
.tw-trademark-boundary__label{
  color:
    var(--tm-red);
}


.tw-trademark-boundary ul{
  margin:0;
  padding-left:20px;
}


.tw-trademark-boundary li{
  color:
    var(--tw-text-soft);

  font-size:13px;
  line-height:1.7;
}


.tw-trademark-boundary li + li{
  margin-top:10px;
}


/* =========================================================
   ATTRIBUTION / REFERENCE ROWS
   ========================================================= */

.tw-trademark-reference{
  margin:
    30px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-trademark-reference__row{
  display:grid;

  grid-template-columns:
    180px
    minmax(0,1fr);

  gap:30px;

  padding:
    19px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-trademark-reference__row strong{
  font-size:13px;
}


.tw-trademark-reference__row p{
  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;
  line-height:1.65;
}


/* =========================================================
   BRAND MISUSE WARNING
   ========================================================= */

.tw-trademark-warning{
  margin:
    30px
    0;

  padding:
    22px
    0
    22px
    28px;

  border-left:
    3px solid
    var(--tm-red);
}


.tw-trademark-warning__label{
  display:block;

  margin-bottom:7px;

  color:
    var(--tm-red);

  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}


.tw-trademark-warning strong{
  display:block;

  margin-bottom:7px;

  font-size:15px;
}


.tw-trademark-warning p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;
  line-height:1.68;
}


/* =========================================================
   MEDIA / PARTNER BAND
   ========================================================= */

.tw-trademark-partner{
  margin:
    30px
    0;

  border-top:
    1px solid
    var(--tm-line);
}


.tw-trademark-partner__row{
  display:grid;

  grid-template-columns:
    190px
    minmax(0,1fr)
    auto;

  gap:28px;

  align-items:center;

  min-height:78px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-trademark-partner__row strong{
  font-size:13px;
}


.tw-trademark-partner__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;
  line-height:1.55;
}


.tw-trademark-partner__status{
  color:
    var(--tm-gold);

  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}


/* =========================================================
   PERMISSION REQUEST
   ========================================================= */

.tw-trademark-permission{
  margin-top:58px;

  padding:
    44px
    0;

  border-top:
    1px solid
    var(--tm-line);

  border-bottom:
    1px solid
    var(--tm-line);
}


.tw-trademark-permission__inner{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:34px;

  align-items:center;
}


.tw-trademark-permission__eyebrow{
  margin-bottom:9px;

  color:
    var(--tm-gold);

  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}


.tw-trademark-permission h2{
  margin:
    0
    0
    10px;

  font-size:
    clamp(
      27px,
      4vw,
      43px
    );

  letter-spacing:-.04em;
}


.tw-trademark-permission p{
  max-width:680px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;
  line-height:1.7;
}


/* =========================================================
   LEGAL NOTE
   ========================================================= */

.tw-trademark-note{
  margin-top:36px;

  padding-left:26px;

  border-left:
    2px solid
    var(--tm-gold);
}


.tw-trademark-note strong{
  display:block;

  margin-bottom:7px;

  font-size:13px;
}


.tw-trademark-note p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;
  line-height:1.68;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:960px){

  .tw-trademark-specimen__inner{
    grid-template-columns:1fr;
  }


  .tw-trademark-specimen__label{
    border-right:0;

    border-bottom:
      1px solid
      var(--tw-line-soft);

    padding-right:0;
  }


  .tw-trademark-specimen__brand{
    min-height:150px;

    padding-left:0;
  }


  .tw-trademark-layout{
    grid-template-columns:1fr;

    gap:45px;
  }


  .tw-trademark-index{
    position:relative;

    top:auto;

    overflow-x:auto;

    padding-bottom:10px;
  }


  .tw-trademark-index ol{
    display:flex;

    gap:8px;
  }


  .tw-trademark-index li{
    flex:0 0 auto;

    border:0;
  }


  .tw-trademark-index a{
    display:block;

    min-height:auto;

    padding:
      9px
      13px;

    border-bottom:
      1px solid
      var(--tm-line);

    white-space:nowrap;
  }


  .tw-trademark-index a::before{
    margin-right:7px;
  }


  .tw-trademark-index a:hover{
    padding-left:13px;
  }

}


@media(max-width:650px){

  .tw-trademark-hero{
    padding:
      76px
      0
      60px;
  }


  .tw-trademark-layout{
    padding-top:52px;
  }


  .tw-trademark-name-row{
    grid-template-columns:1fr;

    gap:8px;

    padding:
      18px
      0;
  }


  .tw-trademark-clearspace{
    padding:20px;
  }


  .tw-trademark-clearspace__field{
    min-height:190px;
  }


  .tw-trademark-clearspace__logo{
    padding:
      22px
      28px;
  }


  .tw-trademark-boundaries{
    grid-template-columns:1fr;
  }


  .tw-trademark-boundary{
    padding:
      25px
      0;
  }


  .tw-trademark-boundary + .tw-trademark-boundary{
    padding:
      25px
      0;

    border-left:0;

    border-top:
      1px solid
      var(--tw-line-soft);
  }


  .tw-trademark-reference__row{
    grid-template-columns:1fr;

    gap:7px;
  }


  .tw-trademark-partner__row{
    grid-template-columns:1fr;

    gap:7px;

    padding:
      18px
      0;
  }


  .tw-trademark-permission__inner{
    grid-template-columns:1fr;
  }

}



/* =========================================================
   ENOFLIX CAREERS PRODUCTION V1
   ---------------------------------------------------------
   Cinematic Recruitment • People • Culture
   Editorial / image-led / no card-grid architecture
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.tw-careers{
  --career-gold:#ffac00;
  --career-gold-soft:#ffd17a;
  --career-blue:#6b91ff;
  --career-green:#65dda7;
  --career-line:rgba(255,255,255,.10);

  background:
    #070914;
}


/* =========================================================
   HERO
   ========================================================= */

.tw-careers-hero{
  position:relative;
  isolation:isolate;

  min-height:
    min(
      860px,
      88vh
    );

  display:flex;

  align-items:flex-end;

  overflow:hidden;

  border-bottom:
    1px solid
    var(--career-line);

  background:
    #06070d;
}


.tw-careers-hero__media{
  position:absolute;
  z-index:-3;

  inset:0;

  background:
    url(
      "https://assets.enoflix.net/company/careers/careers-hero.webp"
    )
    center 35% / cover no-repeat;
}


.tw-careers-hero__media::before{
  content:"";

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(4,5,10,.90) 0%,
      rgba(4,5,10,.58) 48%,
      rgba(4,5,10,.15) 78%
    );
}


.tw-careers-hero__media::after{
  content:"";

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      180deg,
      rgba(7,9,20,.16) 0%,
      rgba(7,9,20,.04) 37%,
      rgba(7,9,20,.96) 100%
    );
}


.tw-careers-hero__glow{
  position:absolute;
  z-index:-2;

  width:700px;
  height:700px;

  left:-250px;
  top:-340px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,172,0,.16),
      transparent 68%
    );

  pointer-events:none;
}


.tw-careers-hero__inner{
  width:100%;

  padding:
    120px
    0
    78px;
}


.tw-careers-hero__content{
  max-width:960px;
}


.tw-careers-hero__eyebrow{
  display:flex;

  align-items:center;

  gap:13px;

  margin-bottom:21px;

  color:
    var(--career-gold);

  font-size:11px;

  font-weight:900;

  letter-spacing:.16em;

  text-transform:uppercase;
}


.tw-careers-hero__eyebrow::before{
  content:"";

  width:41px;
  height:1px;

  background:
    var(--career-gold);
}


.tw-careers-hero h1{
  max-width:960px;

  margin:
    0
    0
    25px;

  color:#fff;

  font-size:
    clamp(
      52px,
      8.5vw,
      106px
    );

  font-weight:850;

  line-height:.90;

  letter-spacing:-.067em;
}


.tw-careers-hero__lead{
  max-width:680px;

  margin:0;

  color:
    rgba(255,255,255,.77);

  font-size:
    clamp(
      18px,
      2vw,
      22px
    );

  line-height:1.7;
}


.tw-careers-hero__actions{
  display:flex;

  flex-wrap:wrap;

  gap:12px;

  margin-top:33px;
}


.tw-careers-hero__note{
  margin-top:20px;

  color:
    rgba(255,255,255,.47);

  font-size:11px;
}


/* =========================================================
   FILM STRIP / VALUES TICKER
   ========================================================= */

.tw-careers-strip{
  overflow:hidden;

  border-bottom:
    1px solid
    var(--career-line);

  background:
    #0a0b13;
}


.tw-careers-strip__track{
  display:flex;

  width:max-content;

  min-width:100%;

  align-items:center;

  min-height:78px;
}


.tw-careers-strip__item{
  display:flex;

  align-items:center;

  flex:0 0 auto;

  color:#fff;

  font-size:
    clamp(
      14px,
      1.7vw,
      20px
    );

  font-weight:750;

  letter-spacing:-.02em;

  white-space:nowrap;
}


.tw-careers-strip__item::after{
  content:"";

  width:6px;
  height:6px;

  margin:
    0
    38px;

  border-radius:50%;

  background:
    var(--career-gold);
}


/* =========================================================
   MANIFESTO
   ========================================================= */

.tw-careers-manifesto{
  padding:
    120px
    0
    115px;
}


.tw-careers-manifesto__layout{
  display:grid;

  grid-template-columns:
    minmax(170px,.38fr)
    minmax(0,1.62fr);

  gap:72px;

  align-items:start;
}


.tw-careers-manifesto__label{
  padding-top:12px;

  color:
    var(--career-gold);

  font-size:10px;
  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-careers-manifesto__statement{
  max-width:940px;

  margin:0;

  color:#fff;

  font-size:
    clamp(
      34px,
      5.2vw,
      66px
    );

  font-weight:670;

  line-height:1.08;

  letter-spacing:-.048em;
}


.tw-careers-manifesto__statement em{
  color:
    var(--career-gold-soft);

  font-style:normal;
}


/* =========================================================
   PHOTOGRAPHY BAND
   ========================================================= */

.tw-careers-photo-band{
  position:relative;

  min-height:620px;

  overflow:hidden;

  border-top:
    1px solid
    var(--career-line);

  border-bottom:
    1px solid
    var(--career-line);

  background:
    #0c0d14
    url(
      "https://assets.enoflix.net/company/careers/team-culture-wide.webp"
    )
    center / cover no-repeat;
}


.tw-careers-photo-band::before{
  content:"";

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(7,9,20,.90) 0%,
      rgba(7,9,20,.30) 55%,
      rgba(7,9,20,.10) 100%
    );
}


.tw-careers-photo-band::after{
  content:"";

  position:absolute;

  inset:auto 0 0;

  height:50%;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(7,9,20,.75)
    );
}


.tw-careers-photo-band__content{
  position:relative;
  z-index:2;

  display:flex;

  align-items:flex-end;

  min-height:620px;

  padding:
    75px
    0;
}


.tw-careers-photo-band__copy{
  max-width:650px;
}


.tw-careers-photo-band__eyebrow{
  margin-bottom:15px;

  color:
    var(--career-gold);

  font-size:10px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-careers-photo-band h2{
  margin:
    0
    0
    16px;

  color:#fff;

  font-size:
    clamp(
      38px,
      5vw,
      67px
    );

  line-height:.99;

  letter-spacing:-.05em;
}


.tw-careers-photo-band p{
  max-width:600px;

  margin:0;

  color:
    rgba(255,255,255,.75);

  font-size:16px;

  line-height:1.75;
}


/* =========================================================
   SECTION BASELINE
   ========================================================= */

.tw-careers-section{
  padding:
    105px
    0;
}


.tw-careers-section--border{
  border-bottom:
    1px solid
    var(--career-line);
}


.tw-careers-section__head{
  display:grid;

  grid-template-columns:
    180px
    minmax(0,780px);

  gap:60px;

  margin-bottom:54px;
}


.tw-careers-section__eyebrow{
  padding-top:9px;

  color:
    var(--career-gold);

  font-size:10px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-careers-section__title h2{
  margin:
    0
    0
    16px;

  color:#fff;

  font-size:
    clamp(
      34px,
      4.7vw,
      61px
    );

  line-height:1;

  letter-spacing:-.047em;
}


.tw-careers-section__title p{
  max-width:680px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.78;
}


/* =========================================================
   DEPARTMENTS — EDITORIAL ROWS
   ========================================================= */

.tw-careers-departments{
  border-top:
    1px solid
    var(--career-line);
}


.tw-careers-department{
  display:grid;

  grid-template-columns:
    85px
    minmax(220px,.70fr)
    minmax(0,1.30fr)
    auto;

  gap:26px;

  align-items:center;

  min-height:112px;

  border-bottom:
    1px solid
    var(--career-line);

  transition:
    padding-left .2s ease,
    background .2s ease;
}


.tw-careers-department:hover{
  padding-left:12px;

  background:
    linear-gradient(
      90deg,
      rgba(255,172,0,.035),
      transparent 60%
    );
}


.tw-careers-department__number{
  color:
    rgba(255,172,0,.42);

  font-size:12px;

  font-weight:900;
}


.tw-careers-department h3{
  margin:0;

  color:#fff;

  font-size:
    clamp(
      19px,
      2.3vw,
      27px
    );

  letter-spacing:-.03em;
}


.tw-careers-department p{
  max-width:500px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.62;
}


.tw-careers-department__arrow{
  color:
    var(--career-gold);

  font-size:20px;
}


/* =========================================================
   CULTURE PRINCIPLES
   ========================================================= */

.tw-careers-principles{
  border-top:
    1px solid
    var(--career-line);
}


.tw-careers-principle{
  display:grid;

  grid-template-columns:
    minmax(230px,.65fr)
    minmax(0,1.35fr);

  gap:72px;

  padding:
    48px
    0;

  border-bottom:
    1px solid
    var(--career-line);
}


.tw-careers-principle__title{
  color:#fff;

  font-size:
    clamp(
      25px,
      3.2vw,
      42px
    );

  font-weight:700;

  line-height:1.04;

  letter-spacing:-.04em;
}


.tw-careers-principle__body{
  max-width:620px;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.8;
}


.tw-careers-principle__body p{
  margin:
    0
    0
    14px;
}


.tw-careers-principle__body p:last-child{
  margin-bottom:0;
}


/* =========================================================
   HIRING TIMELINE
   ========================================================= */

.tw-careers-hiring{
  position:relative;

  margin-top:15px;
}


.tw-careers-hiring::before{
  content:"";

  position:absolute;

  left:32px;
  top:32px;
  bottom:32px;

  width:1px;

  background:
    linear-gradient(
      180deg,
      var(--career-gold),
      rgba(255,172,0,.10)
    );
}


.tw-careers-hiring__step{
  position:relative;

  display:grid;

  grid-template-columns:
    65px
    minmax(0,1fr);

  gap:32px;

  padding:
    32px
    0;
}


.tw-careers-hiring__number{
  position:relative;
  z-index:2;

  display:grid;

  place-items:center;

  width:65px;
  height:65px;

  border:
    1px solid
    rgba(255,172,0,.30);

  border-radius:50%;

  background:
    #070914;

  color:
    var(--career-gold);

  font-size:11px;

  font-weight:900;
}


.tw-careers-hiring__content{
  padding-top:4px;

  border-bottom:
    1px solid
    var(--career-line);

  padding-bottom:35px;
}


.tw-careers-hiring__content h3{
  margin:
    0
    0
    9px;

  color:#fff;

  font-size:
    clamp(
      20px,
      2.5vw,
      29px
    );

  letter-spacing:-.03em;
}


.tw-careers-hiring__content p{
  max-width:660px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.72;
}


/* =========================================================
   GLOBAL WORK
   ========================================================= */

.tw-careers-global{
  position:relative;

  overflow:hidden;

  border-top:
    1px solid
    var(--career-line);

  border-bottom:
    1px solid
    var(--career-line);

  background:
    linear-gradient(
      110deg,
      rgba(13,17,37,.92),
      rgba(7,9,20,.98)
    );
}


.tw-careers-global__inner{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(300px,.88fr);

  gap:80px;

  align-items:center;

  min-height:600px;

  padding:
    90px
    0;
}


.tw-careers-global__eyebrow{
  margin-bottom:13px;

  color:
    var(--career-blue);

  font-size:10px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-careers-global h2{
  max-width:690px;

  margin:
    0
    0
    17px;

  font-size:
    clamp(
      37px,
      5vw,
      66px
    );

  line-height:1;

  letter-spacing:-.05em;
}


.tw-careers-global p{
  max-width:620px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.78;
}


.tw-careers-global__visual{
  position:relative;

  min-height:410px;
}


.tw-careers-global__orb{
  position:absolute;

  width:330px;
  height:330px;

  top:40px;
  left:50%;

  transform:
    translateX(-50%);

  border:
    1px solid
    rgba(107,145,255,.24);

  border-radius:50%;

  background:
    radial-gradient(
      circle at 38% 32%,
      rgba(107,145,255,.22),
      rgba(107,145,255,.035) 48%,
      transparent 72%
    );

  box-shadow:
    inset
    0
    0
    80px
    rgba(107,145,255,.05);
}


.tw-careers-global__orb::before,
.tw-careers-global__orb::after{
  content:"";

  position:absolute;

  border:
    1px solid
    rgba(255,255,255,.10);

  border-radius:50%;
}


.tw-careers-global__orb::before{
  inset:45px;
}


.tw-careers-global__orb::after{
  top:0;
  bottom:0;

  left:50%;

  width:108px;

  transform:
    translateX(-50%);
}


.tw-careers-global__line{
  position:absolute;

  left:50%;

  width:330px;
  height:1px;

  transform:
    translateX(-50%);

  background:
    rgba(255,255,255,.10);
}


.tw-careers-global__line--1{
  top:140px;
}


.tw-careers-global__line--2{
  top:245px;
}


.tw-careers-global__point{
  position:absolute;

  display:flex;

  align-items:center;

  gap:8px;

  color:
    rgba(255,255,255,.75);

  font-size:10px;

  font-weight:800;
}


.tw-careers-global__point::before{
  content:"";

  width:8px;
  height:8px;

  flex:0 0 auto;

  border-radius:50%;

  background:
    var(--career-gold);

  box-shadow:
    0
    0
    0
    5px
    rgba(255,172,0,.08);
}


.tw-careers-global__point--1{
  top:80px;
  left:8%;
}


.tw-careers-global__point--2{
  top:200px;
  right:0;
}


.tw-careers-global__point--3{
  bottom:58px;
  left:5%;
}


/* =========================================================
   CANDIDATE EXPERIENCE
   ========================================================= */

.tw-careers-candidate{
  border-top:
    1px solid
    var(--career-line);
}


.tw-careers-candidate__row{
  display:grid;

  grid-template-columns:
    90px
    minmax(220px,.68fr)
    minmax(0,1.32fr);

  gap:30px;

  align-items:start;

  padding:
    34px
    0;

  border-bottom:
    1px solid
    var(--career-line);
}


.tw-careers-candidate__number{
  color:
    rgba(255,172,0,.45);

  font-size:11px;

  font-weight:900;
}


.tw-careers-candidate__row strong{
  color:#fff;

  font-size:17px;
}


.tw-careers-candidate__row p{
  max-width:600px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   FAQ
   ========================================================= */

.tw-careers-faq{
  border-top:
    1px solid
    var(--career-line);
}


.tw-careers-faq details{
  border-bottom:
    1px solid
    var(--career-line);
}


.tw-careers-faq summary{
  position:relative;

  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    32px;

  gap:25px;

  align-items:center;

  min-height:86px;

  color:#fff;

  cursor:pointer;

  list-style:none;

  font-size:
    clamp(
      17px,
      2vw,
      22px
    );

  font-weight:650;

  letter-spacing:-.02em;
}


.tw-careers-faq summary::-webkit-details-marker{
  display:none;
}


.tw-careers-faq summary::after{
  content:"+";

  display:grid;
  place-items:center;

  width:30px;
  height:30px;

  color:
    var(--career-gold);

  font-size:23px;
  font-weight:300;
}


.tw-careers-faq details[open] summary::after{
  content:"−";
}


.tw-careers-faq__answer{
  max-width:720px;

  padding:
    0
    0
    31px;

  color:
    var(--tw-text-soft);

  font-size:14px;

  line-height:1.76;
}


.tw-careers-faq__answer p{
  margin:
    0
    0
    12px;
}


.tw-careers-faq__answer p:last-child{
  margin-bottom:0;
}


/* =========================================================
   FINAL RECRUITMENT CTA
   ========================================================= */

.tw-careers-cta{
  position:relative;
  isolation:isolate;

  overflow:hidden;

  padding:
    110px
    0;

  border-top:
    1px solid
    rgba(255,172,0,.18);

  background:
    linear-gradient(
      115deg,
      rgba(255,172,0,.10),
      rgba(7,9,20,.94) 50%,
      rgba(107,145,255,.08)
    );
}


.tw-careers-cta::after{
  content:"";

  position:absolute;
  z-index:-1;

  width:500px;
  height:500px;

  right:-180px;
  bottom:-270px;

  border-radius:50%;

  background:
    rgba(255,172,0,.10);

  filter:
    blur(30px);
}


.tw-careers-cta__inner{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:50px;

  align-items:end;
}


.tw-careers-cta__eyebrow{
  margin-bottom:14px;

  color:
    var(--career-gold);

  font-size:10px;

  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-careers-cta h2{
  max-width:800px;

  margin:
    0
    0
    17px;

  color:#fff;

  font-size:
    clamp(
      42px,
      6vw,
      78px
    );

  line-height:.96;

  letter-spacing:-.055em;
}


.tw-careers-cta p{
  max-width:680px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.75;
}


.tw-careers-cta__action{
  padding-bottom:6px;
}


/* =========================================================
   SMALL EDITORIAL NOTE
   ========================================================= */

.tw-careers-note{
  margin-top:31px;

  padding:
    22px
    0
    0;

  border-top:
    1px solid
    var(--career-line);

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.7;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:980px){

  .tw-careers-manifesto__layout{
    grid-template-columns:1fr;

    gap:24px;
  }


  .tw-careers-section__head{
    grid-template-columns:1fr;

    gap:20px;
  }


  .tw-careers-department{
    grid-template-columns:
      60px
      minmax(180px,.65fr)
      minmax(0,1.35fr)
      auto;
  }


  .tw-careers-principle{
    grid-template-columns:1fr;

    gap:18px;
  }


  .tw-careers-global__inner{
    grid-template-columns:1fr;

    gap:40px;
  }


  .tw-careers-global__visual{
    max-width:520px;

    width:100%;

    margin-inline:auto;
  }


  .tw-careers-cta__inner{
    grid-template-columns:1fr;
  }

}


@media(max-width:700px){

  .tw-careers-hero{
    min-height:720px;
  }


  .tw-careers-hero__inner{
    padding:
      100px
      0
      55px;
  }


  .tw-careers-strip__track{
    min-height:66px;
  }


  .tw-careers-strip__item::after{
    margin:
      0
      24px;
  }


  .tw-careers-manifesto{
    padding:
      80px
      0;
  }


  .tw-careers-photo-band,
  .tw-careers-photo-band__content{
    min-height:500px;
  }


  .tw-careers-photo-band__content{
    padding:
      55px
      0;
  }


  .tw-careers-section{
    padding:
      76px
      0;
  }


  .tw-careers-department{
    grid-template-columns:
      42px
      minmax(0,1fr);

    gap:
      10px
      16px;

    padding:
      23px
      0;
  }


  .tw-careers-department p{
    grid-column:
      2;
  }


  .tw-careers-department__arrow{
    display:none;
  }


  .tw-careers-hiring::before{
    left:24px;
  }


  .tw-careers-hiring__step{
    grid-template-columns:
      49px
      minmax(0,1fr);

    gap:20px;
  }


  .tw-careers-hiring__number{
    width:49px;
    height:49px;
  }


  .tw-careers-global__inner{
    min-height:auto;

    padding:
      75px
      0;
  }


  .tw-careers-global__visual{
    min-height:360px;
  }


  .tw-careers-global__orb{
    width:280px;
    height:280px;
  }


  .tw-careers-global__line{
    width:280px;
  }


  .tw-careers-candidate__row{
    grid-template-columns:
      42px
      minmax(0,1fr);

    gap:
      8px
      15px;

    padding:
      27px
      0;
  }


  .tw-careers-candidate__row p{
    grid-column:
      2;
  }


  .tw-careers-cta{
    padding:
      80px
      0;
  }

}


@media(max-width:480px){

  .tw-careers-global__visual{
    min-height:320px;
  }


  .tw-careers-global__orb{
    width:240px;
    height:240px;
  }


  .tw-careers-global__line{
    width:240px;
  }

}



/* =========================================================
   ENOFLIX HELP CENTRE PRODUCTION V1
   ---------------------------------------------------------
   Support Command Centre
   Search • Routing • Troubleshooting • Escalation
   Structural layout — no card grid
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.tw-help{
  --help-accent:#55b8ff;
  --help-accent-soft:#a9dcff;
  --help-green:#59dda4;
  --help-yellow:#ffc85e;
  --help-red:#ff7373;
  --help-line:rgba(85,184,255,.18);

  background:
    linear-gradient(
      180deg,
      #06101a 0%,
      #070914 38%,
      #070914 100%
    );
}


/* =========================================================
   HERO
   ========================================================= */

.tw-help-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;

  padding:
    105px
    0
    92px;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    linear-gradient(
      105deg,
      rgba(4,13,23,.98) 0%,
      rgba(7,15,28,.94) 48%,
      rgba(7,9,20,.88) 100%
    ),
    url(
      "https://assets.enoflix.net/support/help-centre/help-centre-hero.webp"
    )
    center / cover no-repeat;
}


.tw-help-hero::before{
  content:"";

  position:absolute;
  z-index:-1;

  width:760px;
  height:760px;

  right:-280px;
  top:-430px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(85,184,255,.20),
      rgba(85,184,255,.045) 42%,
      transparent 70%
    );

  pointer-events:none;
}


.tw-help-hero__content{
  max-width:980px;
}


.tw-help-hero__eyebrow{
  display:flex;

  align-items:center;

  gap:12px;

  margin-bottom:20px;

  color:
    var(--help-accent);

  font-size:11px;
  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-help-hero__eyebrow::before{
  content:"";

  width:34px;
  height:1px;

  background:
    var(--help-accent);
}


.tw-help-hero h1{
  max-width:900px;

  margin:
    0
    0
    23px;

  color:#fff;

  font-size:
    clamp(
      48px,
      7vw,
      86px
    );

  line-height:.96;

  letter-spacing:-.055em;
}


.tw-help-hero__lead{
  max-width:720px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:
    clamp(
      18px,
      2vw,
      22px
    );

  line-height:1.72;
}


/* =========================================================
   SEARCH COMMAND
   ========================================================= */

.tw-help-search{
  max-width:880px;

  margin-top:38px;
}


.tw-help-search__shell{
  display:grid;

  grid-template-columns:
    58px
    minmax(0,1fr)
    auto;

  align-items:center;

  min-height:76px;

  padding:
    0
    10px
    0
    0;

  border:
    1px solid
    rgba(85,184,255,.24);

  border-radius:18px;

  background:
    rgba(255,255,255,.055);

  box-shadow:
    0
    28px
    70px
    rgba(0,0,0,.28);

  backdrop-filter:
    blur(18px);
}


.tw-help-search__icon{
  display:grid;
  place-items:center;

  color:
    var(--help-accent);

  font-size:20px;

  font-weight:300;
}


.tw-help-search__input{
  min-width:0;

  padding:
    0
    14px;

  color:#fff;

  font-size:
    clamp(
      15px,
      2vw,
      18px
    );
}


.tw-help-search__input strong{
  display:block;

  margin-bottom:3px;

  font-size:15px;
}


.tw-help-search__input span{
  display:block;

  color:
    rgba(255,255,255,.48);

  font-size:10px;
}


.tw-help-search__action{
  white-space:nowrap;
}


.tw-help-search__note{
  margin-top:12px;

  color:
    rgba(255,255,255,.44);

  font-size:10px;

  line-height:1.6;
}


/* =========================================================
   STATUS BAR
   ========================================================= */

.tw-help-status{
  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    #080b14;
}


.tw-help-status__inner{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));
}


.tw-help-status__item{
  min-height:90px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  padding:
    20px
    24px;

  border-right:
    1px solid
    var(--tw-line-soft);
}


.tw-help-status__item:first-child{
  border-left:
    1px solid
    var(--tw-line-soft);
}


.tw-help-status__label{
  display:flex;

  align-items:center;

  gap:7px;

  margin-bottom:7px;

  color:
    var(--tw-text-muted);

  font-size:9px;

  font-weight:900;

  letter-spacing:.11em;

  text-transform:uppercase;
}


.tw-help-status__label::before{
  content:"";

  width:7px;
  height:7px;

  border-radius:50%;

  background:
    var(--help-green);

  box-shadow:
    0
    0
    0
    5px
    rgba(89,221,164,.06);
}


.tw-help-status__item strong{
  color:#fff;

  font-size:13px;
}


/* =========================================================
   SECTION BASE
   ========================================================= */

.tw-help-section{
  padding:
    92px
    0;
}


.tw-help-section--border{
  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-help-section__head{
  display:grid;

  grid-template-columns:
    190px
    minmax(0,760px);

  gap:60px;

  margin-bottom:46px;
}


.tw-help-section__eyebrow{
  padding-top:8px;

  color:
    var(--help-accent);

  font-size:10px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-help-section__title h2{
  margin:
    0
    0
    15px;

  color:#fff;

  font-size:
    clamp(
      32px,
      4.5vw,
      56px
    );

  line-height:1.02;

  letter-spacing:-.045em;
}


.tw-help-section__title p{
  max-width:690px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.76;
}


/* =========================================================
   START HERE ROUTING
   ========================================================= */

.tw-help-start{
  border-top:
    1px solid
    var(--help-line);
}


.tw-help-start__row{
  display:grid;

  grid-template-columns:
    70px
    minmax(190px,.62fr)
    minmax(0,1.38fr)
    auto;

  gap:28px;

  align-items:center;

  min-height:112px;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  transition:
    background .2s ease,
    padding-left .2s ease;
}


.tw-help-start__row:hover{
  padding-left:10px;

  background:
    linear-gradient(
      90deg,
      rgba(85,184,255,.035),
      transparent 60%
    );
}


.tw-help-start__number{
  color:
    rgba(85,184,255,.45);

  font-size:11px;

  font-weight:900;
}


.tw-help-start__row h3{
  margin:0;

  color:#fff;

  font-size:
    clamp(
      18px,
      2.4vw,
      27px
    );

  letter-spacing:-.03em;
}


.tw-help-start__row p{
  max-width:510px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.65;
}


.tw-help-start__action{
  color:
    var(--help-accent);

  font-size:10px;

  font-weight:900;

  letter-spacing:.08em;

  text-decoration:none;

  text-transform:uppercase;

  white-space:nowrap;
}


/* =========================================================
   SUPPORT LANES
   ========================================================= */

.tw-help-lanes{
  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-help-lane{
  display:grid;

  grid-template-columns:
    170px
    minmax(220px,.65fr)
    minmax(0,1.35fr);

  gap:35px;

  align-items:start;

  padding:
    39px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-help-lane__code{
  color:
    var(--help-accent);

  font-size:10px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-help-lane h3{
  margin:0;

  color:#fff;

  font-size:
    clamp(
      22px,
      3vw,
      34px
    );

  line-height:1.08;

  letter-spacing:-.035em;
}


.tw-help-lane__body{
  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.72;
}


.tw-help-lane__body p{
  margin:
    0
    0
    12px;
}


.tw-help-lane__body p:last-child{
  margin-bottom:0;
}


.tw-help-lane__links{
  display:flex;

  flex-wrap:wrap;

  gap:
    8px
    18px;

  margin-top:15px;
}


.tw-help-lane__links a{
  color:
    var(--help-accent-soft);

  font-size:11px;

  text-decoration:none;

  border-bottom:
    1px solid
    rgba(169,220,255,.28);

  padding-bottom:2px;
}


/* =========================================================
   ISSUE DIRECTORY
   ========================================================= */

.tw-help-directory{
  border-top:
    1px solid
    var(--help-line);
}


.tw-help-directory__row{
  display:grid;

  grid-template-columns:
    58px
    minmax(220px,.65fr)
    minmax(0,1.35fr)
    auto;

  gap:25px;

  align-items:center;

  min-height:82px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-help-directory__symbol{
  color:
    rgba(85,184,255,.46);

  font-size:12px;

  font-weight:900;
}


.tw-help-directory__row strong{
  color:#fff;

  font-size:14px;
}


.tw-help-directory__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.55;
}


.tw-help-directory__route{
  color:
    var(--help-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.08em;

  text-decoration:none;

  text-transform:uppercase;

  white-space:nowrap;
}


/* =========================================================
   TROUBLESHOOTING SEQUENCE
   ========================================================= */

.tw-help-troubleshoot{
  position:relative;

  margin-top:10px;
}


.tw-help-troubleshoot::before{
  content:"";

  position:absolute;

  left:31px;
  top:33px;
  bottom:33px;

  width:1px;

  background:
    linear-gradient(
      180deg,
      var(--help-accent),
      rgba(85,184,255,.08)
    );
}


.tw-help-troubleshoot__step{
  position:relative;

  display:grid;

  grid-template-columns:
    63px
    minmax(0,1fr);

  gap:30px;

  padding:
    29px
    0;
}


.tw-help-troubleshoot__number{
  position:relative;
  z-index:2;

  display:grid;
  place-items:center;

  width:63px;
  height:63px;

  border:
    1px solid
    rgba(85,184,255,.30);

  border-radius:50%;

  background:
    #070914;

  color:
    var(--help-accent);

  font-size:11px;

  font-weight:900;
}


.tw-help-troubleshoot__body{
  padding:
    4px
    0
    31px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-help-troubleshoot__body h3{
  margin:
    0
    0
    8px;

  color:#fff;

  font-size:
    clamp(
      19px,
      2.5vw,
      28px
    );

  letter-spacing:-.03em;
}


.tw-help-troubleshoot__body p{
  max-width:680px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   DIAGNOSTIC STRIP
   ========================================================= */

.tw-help-diagnostic{
  margin:
    35px
    0;

  border-top:
    1px solid
    var(--help-line);

  border-bottom:
    1px solid
    var(--help-line);
}


.tw-help-diagnostic__row{
  display:grid;

  grid-template-columns:
    180px
    minmax(0,1fr);

  gap:30px;

  padding:
    18px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-help-diagnostic__row:last-child{
  border-bottom:0;
}


.tw-help-diagnostic__row strong{
  color:#fff;

  font-size:13px;
}


.tw-help-diagnostic__row span{
  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.65;
}


/* =========================================================
   SECURITY WARNING
   ========================================================= */

.tw-help-warning{
  margin:
    34px
    0;

  padding:
    23px
    0
    23px
    29px;

  border-left:
    3px solid
    var(--help-yellow);
}


.tw-help-warning--danger{
  border-left-color:
    var(--help-red);
}


.tw-help-warning__label{
  display:block;

  margin-bottom:7px;

  color:
    var(--help-yellow);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-help-warning--danger
.tw-help-warning__label{
  color:
    var(--help-red);
}


.tw-help-warning strong{
  display:block;

  margin-bottom:7px;

  color:#fff;

  font-size:15px;
}


.tw-help-warning p{
  max-width:690px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.68;
}


/* =========================================================
   ESCALATION LADDER
   ========================================================= */

.tw-help-escalation{
  border-top:
    1px solid
    var(--help-line);
}


.tw-help-escalation__level{
  display:grid;

  grid-template-columns:
    90px
    minmax(220px,.6fr)
    minmax(0,1.4fr);

  gap:30px;

  align-items:start;

  padding:
    31px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-help-escalation__level-number{
  color:
    rgba(85,184,255,.45);

  font-size:11px;

  font-weight:900;

  letter-spacing:.08em;
}


.tw-help-escalation__level strong{
  color:#fff;

  font-size:16px;
}


.tw-help-escalation__level p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.67;
}


/* =========================================================
   WHAT TO INCLUDE
   ========================================================= */

.tw-help-report-data{
  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-help-report-data__row{
  display:grid;

  grid-template-columns:
    170px
    minmax(0,1fr);

  gap:30px;

  padding:
    18px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-help-report-data__row strong{
  color:#fff;

  font-size:13px;
}


.tw-help-report-data__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.65;
}


/* =========================================================
   FAQ
   ========================================================= */

.tw-help-faq{
  border-top:
    1px solid
    var(--help-line);
}


.tw-help-faq details{
  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-help-faq summary{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    36px;

  gap:24px;

  align-items:center;

  min-height:84px;

  color:#fff;

  cursor:pointer;

  list-style:none;

  font-size:
    clamp(
      16px,
      2vw,
      21px
    );

  font-weight:650;

  letter-spacing:-.02em;
}


.tw-help-faq summary::-webkit-details-marker{
  display:none;
}


.tw-help-faq summary::after{
  content:"+";

  display:grid;
  place-items:center;

  width:32px;
  height:32px;

  color:
    var(--help-accent);

  font-size:23px;

  font-weight:300;
}


.tw-help-faq details[open]
summary::after{
  content:"−";
}


.tw-help-faq__answer{
  max-width:720px;

  padding:
    0
    0
    30px;

  color:
    var(--tw-text-soft);

  font-size:14px;

  line-height:1.76;
}


.tw-help-faq__answer p{
  margin:
    0
    0
    12px;
}


.tw-help-faq__answer p:last-child{
  margin-bottom:0;
}


/* =========================================================
   SUPPORT HANDOFF
   ========================================================= */

.tw-help-handoff{
  position:relative;
  isolation:isolate;

  overflow:hidden;

  padding:
    100px
    0;

  border-top:
    1px solid
    var(--help-line);

  background:
    linear-gradient(
      115deg,
      rgba(85,184,255,.11),
      rgba(7,9,20,.96) 50%,
      rgba(89,221,164,.055)
    );
}


.tw-help-handoff::after{
  content:"";

  position:absolute;
  z-index:-1;

  width:500px;
  height:500px;

  right:-190px;
  bottom:-280px;

  border-radius:50%;

  background:
    rgba(85,184,255,.10);

  filter:
    blur(35px);
}


.tw-help-handoff__inner{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:50px;

  align-items:end;
}


.tw-help-handoff__eyebrow{
  margin-bottom:13px;

  color:
    var(--help-accent);

  font-size:10px;

  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-help-handoff h2{
  max-width:780px;

  margin:
    0
    0
    16px;

  color:#fff;

  font-size:
    clamp(
      40px,
      5.8vw,
      74px
    );

  line-height:.97;

  letter-spacing:-.055em;
}


.tw-help-handoff p{
  max-width:680px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.74;
}


/* =========================================================
   SUPPORT NOTE
   ========================================================= */

.tw-help-note{
  margin-top:29px;

  padding-top:20px;

  border-top:
    1px solid
    var(--tw-line-soft);

  color:
    var(--tw-text-muted);

  font-size:11px;

  line-height:1.7;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:980px){

  .tw-help-status__inner{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  .tw-help-section__head{
    grid-template-columns:1fr;

    gap:19px;
  }


  .tw-help-start__row{
    grid-template-columns:
      55px
      minmax(180px,.7fr)
      minmax(0,1.3fr)
      auto;
  }


  .tw-help-lane{
    grid-template-columns:
      135px
      minmax(190px,.65fr)
      minmax(0,1.35fr);

    gap:25px;
  }


  .tw-help-directory__row{
    grid-template-columns:
      45px
      minmax(170px,.6fr)
      minmax(0,1.4fr)
      auto;
  }


  .tw-help-handoff__inner{
    grid-template-columns:1fr;
  }

}


@media(max-width:700px){

  .tw-help-hero{
    padding:
      76px
      0
      64px;
  }


  .tw-help-search__shell{
    grid-template-columns:
      45px
      minmax(0,1fr);

    gap:0;

    padding:
      13px
      14px
      13px
      0;
  }


  .tw-help-search__action{
    grid-column:
      1 / -1;

    margin:
      12px
      0
      0
      14px;
  }


  .tw-help-status__inner{
    grid-template-columns:1fr;
  }


  .tw-help-status__item{
    border-left:
      1px solid
      var(--tw-line-soft);
  }


  .tw-help-section{
    padding:
      72px
      0;
  }


  .tw-help-start__row{
    grid-template-columns:
      40px
      minmax(0,1fr);

    gap:
      9px
      14px;

    padding:
      23px
      0;
  }


  .tw-help-start__row p,
  .tw-help-start__action{
    grid-column:
      2;
  }


  .tw-help-start__row:hover{
    padding-left:0;
  }


  .tw-help-lane{
    grid-template-columns:1fr;

    gap:10px;

    padding:
      30px
      0;
  }


  .tw-help-directory__row{
    grid-template-columns:
      35px
      minmax(0,1fr);

    gap:
      8px
      13px;

    padding:
      19px
      0;
  }


  .tw-help-directory__row p,
  .tw-help-directory__route{
    grid-column:
      2;
  }


  .tw-help-troubleshoot::before{
    left:24px;
  }


  .tw-help-troubleshoot__step{
    grid-template-columns:
      49px
      minmax(0,1fr);

    gap:20px;
  }


  .tw-help-troubleshoot__number{
    width:49px;
    height:49px;
  }


  .tw-help-diagnostic__row,
  .tw-help-report-data__row{
    grid-template-columns:1fr;

    gap:7px;
  }


  .tw-help-escalation__level{
    grid-template-columns:
      45px
      minmax(0,1fr);

    gap:
      8px
      15px;
  }


  .tw-help-escalation__level p{
    grid-column:
      2;
  }


  .tw-help-handoff{
    padding:
      78px
      0;
  }

}



/* =========================================================
   ENOFLIX COPYRIGHT POLICY PRODUCTION V1
   ---------------------------------------------------------
   Rights Management Workspace
   Reuses Account Terms structural architecture
   No card grid
   ========================================================= */


/* =========================================================
   COPYRIGHT ROOT
   ========================================================= */

.tw-copyright{
  --copyright-accent:#ffb321;
  --copyright-accent-soft:#ffda88;
  --copyright-blue:#74a7ff;
  --copyright-green:#69dda7;
  --copyright-red:#ff7777;

  background:
    linear-gradient(
      180deg,
      #0d0b07 0%,
      #070914 39%,
      #070914 100%
    );
}


/* =========================================================
   ACCOUNT DESIGN OVERRIDES
   ========================================================= */

.tw-copyright
.tw-account-hero{
  background:
    linear-gradient(
      90deg,
      rgba(13,10,4,.98) 0%,
      rgba(16,12,7,.93) 56%,
      rgba(7,9,20,.86) 100%
    ),
    url(
      "https://assets.enoflix.net/legal/copyright/copyright-policy-hero.webp"
    )
    center / cover no-repeat;
}


.tw-copyright
.tw-account-hero::before{
  background:
    radial-gradient(
      circle,
      rgba(255,179,33,.18),
      rgba(255,179,33,.04) 42%,
      transparent 70%
    );
}


.tw-copyright
.tw-account-hero__eyebrow{
  color:
    var(--copyright-accent);
}


.tw-copyright
.tw-account-lifecycle{
  border-color:
    rgba(255,179,33,.13);
}


.tw-copyright
.tw-account-lifecycle__step span{
  color:
    rgba(255,179,33,.46);
}


.tw-copyright
.tw-account-rail__header span,
.tw-copyright
.tw-account-intro__eyebrow,
.tw-copyright
.tw-account-section__number,
.tw-copyright
.tw-account-contact__eyebrow{
  color:
    var(--copyright-accent);
}


.tw-copyright
.tw-account-rail a::before{
  color:
    rgba(255,179,33,.42);
}


.tw-copyright
.tw-account-rail a:hover::before{
  color:
    var(--copyright-accent);
}


.tw-copyright
.tw-account-rule{
  border-left-color:
    var(--copyright-accent);
}


.tw-copyright
.tw-account-section a,
.tw-copyright
.tw-account-contact a{
  color:
    var(--copyright-accent-soft);
}


/* =========================================================
   RIGHTS PATHS
   ========================================================= */

.tw-copyright-paths{
  margin:
    34px
    0;

  border-top:
    1px solid
    rgba(255,179,33,.20);
}


.tw-copyright-path{
  display:grid;

  grid-template-columns:
    72px
    minmax(210px,.63fr)
    minmax(0,1.37fr);

  gap:28px;

  align-items:start;

  padding:
    28px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-copyright-path__number{
  color:
    rgba(255,179,33,.48);

  font-size:11px;

  font-weight:900;

  letter-spacing:.08em;
}


.tw-copyright-path h3{
  margin:0;

  color:#fff;

  font-size:
    clamp(
      18px,
      2.3vw,
      26px
    );

  line-height:1.12;

  letter-spacing:-.025em;
}


.tw-copyright-path__body{
  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.72;
}


.tw-copyright-path__body p{
  margin:
    0
    0
    12px;
}


.tw-copyright-path__body p:last-child{
  margin-bottom:0;
}


/* =========================================================
   RIGHTS WORKFLOW
   ========================================================= */

.tw-copyright-workflow{
  position:relative;

  margin:
    34px
    0;
}


.tw-copyright-workflow::before{
  content:"";

  position:absolute;

  left:31px;

  top:32px;
  bottom:32px;

  width:1px;

  background:
    linear-gradient(
      180deg,
      var(--copyright-accent),
      rgba(255,179,33,.08)
    );
}


.tw-copyright-workflow__step{
  position:relative;

  display:grid;

  grid-template-columns:
    63px
    minmax(0,1fr);

  gap:29px;

  padding:
    28px
    0;
}


.tw-copyright-workflow__number{
  position:relative;
  z-index:2;

  display:grid;

  place-items:center;

  width:63px;
  height:63px;

  border:
    1px solid
    rgba(255,179,33,.33);

  border-radius:50%;

  background:
    #070914;

  color:
    var(--copyright-accent);

  font-size:10px;

  font-weight:900;
}


.tw-copyright-workflow__body{
  padding:
    3px
    0
    31px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-copyright-workflow__body h3{
  margin:
    0
    0
    8px;

  color:#fff;

  font-size:
    clamp(
      19px,
      2.4vw,
      28px
    );

  letter-spacing:-.03em;
}


.tw-copyright-workflow__body p{
  max-width:680px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.72;
}


/* =========================================================
   EVIDENCE CHECKLIST
   ========================================================= */

.tw-copyright-evidence{
  margin:
    32px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-copyright-evidence__row{
  display:grid;

  grid-template-columns:
    42px
    minmax(190px,.62fr)
    minmax(0,1.38fr);

  gap:22px;

  align-items:start;

  padding:
    20px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-copyright-evidence__mark{
  display:grid;

  place-items:center;

  width:29px;
  height:29px;

  border:
    1px solid
    rgba(255,179,33,.28);

  border-radius:50%;

  color:
    var(--copyright-accent);

  font-size:9px;

  font-weight:900;
}


.tw-copyright-evidence__row strong{
  padding-top:4px;

  color:#fff;

  font-size:13px;
}


.tw-copyright-evidence__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.67;
}


/* =========================================================
   RIGHTS / LICENSING LINES
   ========================================================= */

.tw-copyright-rights{
  margin:
    32px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-copyright-rights__row{
  display:grid;

  grid-template-columns:
    190px
    minmax(0,1fr);

  gap:30px;

  padding:
    21px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-copyright-rights__row strong{
  color:#fff;

  font-size:13px;
}


.tw-copyright-rights__row p{
  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.68;
}


/* =========================================================
   CLAIM REQUIREMENTS
   ========================================================= */

.tw-copyright-requirements{
  margin:
    32px
    0;

  counter-reset:
    copyright-requirement;

  border-top:
    1px solid
    rgba(255,179,33,.18);
}


.tw-copyright-requirement{
  counter-increment:
    copyright-requirement;

  display:grid;

  grid-template-columns:
    55px
    minmax(0,1fr);

  gap:21px;

  padding:
    20px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-copyright-requirement::before{
  content:
    counter(
      copyright-requirement,
      decimal-leading-zero
    );

  color:
    rgba(255,179,33,.46);

  font-size:10px;

  font-weight:900;
}


.tw-copyright-requirement strong{
  display:block;

  margin-bottom:5px;

  color:#fff;

  font-size:13px;
}


.tw-copyright-requirement p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.65;
}


/* =========================================================
   ACTION / OUTCOME MATRIX
   ========================================================= */

.tw-copyright-outcomes{
  margin:
    32px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-copyright-outcome{
  display:grid;

  grid-template-columns:
    175px
    minmax(0,1fr)
    auto;

  gap:27px;

  align-items:center;

  min-height:77px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-copyright-outcome strong{
  color:#fff;

  font-size:13px;
}


.tw-copyright-outcome p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.58;
}


.tw-copyright-outcome__status{
  color:
    var(--copyright-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.08em;

  text-transform:uppercase;
}


/* =========================================================
   WARNING / FALSE CLAIMS
   ========================================================= */

.tw-copyright-warning{
  margin:
    31px
    0;

  padding:
    23px
    0
    23px
    28px;

  border-left:
    3px solid
    var(--copyright-red);
}


.tw-copyright-warning--notice{
  border-left-color:
    var(--copyright-accent);
}


.tw-copyright-warning__label{
  display:block;

  margin-bottom:7px;

  color:
    var(--copyright-red);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-copyright-warning--notice
.tw-copyright-warning__label{
  color:
    var(--copyright-accent);
}


.tw-copyright-warning strong{
  display:block;

  margin-bottom:7px;

  color:#fff;

  font-size:15px;
}


.tw-copyright-warning p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.68;
}


/* =========================================================
   DMCA CONNECTION BAND
   ========================================================= */

.tw-copyright-dmca{
  margin:
    38px
    0;

  padding:
    34px
    0;

  border-top:
    1px solid
    rgba(116,167,255,.22);

  border-bottom:
    1px solid
    rgba(116,167,255,.22);
}


.tw-copyright-dmca__inner{
  display:grid;

  grid-template-columns:
    155px
    minmax(0,1fr)
    auto;

  gap:32px;

  align-items:center;
}


.tw-copyright-dmca__label{
  color:
    var(--copyright-blue);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-copyright-dmca h3{
  margin:
    0
    0
    7px;

  color:#fff;

  font-size:
    clamp(
      19px,
      2.4vw,
      27px
    );

  letter-spacing:-.03em;
}


.tw-copyright-dmca p{
  max-width:560px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.67;
}


.tw-copyright-dmca__link{
  color:
    var(--copyright-blue);

  font-size:10px;

  font-weight:900;

  letter-spacing:.08em;

  text-decoration:none;

  text-transform:uppercase;

  white-space:nowrap;
}


/* =========================================================
   REPEAT INFRINGEMENT
   ========================================================= */

.tw-copyright-repeat{
  margin:
    31px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-copyright-repeat__row{
  display:grid;

  grid-template-columns:
    65px
    minmax(210px,.64fr)
    minmax(0,1.36fr);

  gap:24px;

  padding:
    23px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-copyright-repeat__number{
  color:
    rgba(255,179,33,.45);

  font-size:10px;

  font-weight:900;
}


.tw-copyright-repeat__row strong{
  color:#fff;

  font-size:13px;
}


.tw-copyright-repeat__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.65;
}


/* =========================================================
   CONTACT / RIGHTS CTA
   ========================================================= */

.tw-copyright-contact{
  margin-top:58px;

  padding:
    43px
    0;

  border-top:
    1px solid
    rgba(255,179,33,.20);

  border-bottom:
    1px solid
    rgba(255,179,33,.20);
}


.tw-copyright-contact__inner{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:35px;

  align-items:center;
}


.tw-copyright-contact__eyebrow{
  margin-bottom:9px;

  color:
    var(--copyright-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-copyright-contact h2{
  margin:
    0
    0
    10px;

  font-size:
    clamp(
      27px,
      4vw,
      43px
    );

  letter-spacing:-.04em;
}


.tw-copyright-contact p{
  max-width:670px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:850px){

  .tw-copyright-path{
    grid-template-columns:
      50px
      minmax(170px,.62fr)
      minmax(0,1.38fr);

    gap:20px;
  }


  .tw-copyright-outcome{
    grid-template-columns:
      160px
      minmax(0,1fr);
  }


  .tw-copyright-outcome__status{
    grid-column:
      2;
  }


  .tw-copyright-dmca__inner{
    grid-template-columns:
      120px
      minmax(0,1fr);
  }


  .tw-copyright-dmca__link{
    grid-column:
      2;
  }


  .tw-copyright-contact__inner{
    grid-template-columns:1fr;
  }

}


@media(max-width:650px){

  .tw-copyright-path{
    grid-template-columns:
      38px
      minmax(0,1fr);

    gap:
      8px
      14px;
  }


  .tw-copyright-path__body{
    grid-column:
      2;
  }


  .tw-copyright-workflow::before{
    left:24px;
  }


  .tw-copyright-workflow__step{
    grid-template-columns:
      49px
      minmax(0,1fr);

    gap:20px;
  }


  .tw-copyright-workflow__number{
    width:49px;
    height:49px;
  }


  .tw-copyright-evidence__row{
    grid-template-columns:
      35px
      minmax(0,1fr);

    gap:
      8px
      13px;
  }


  .tw-copyright-evidence__row p{
    grid-column:
      2;
  }


  .tw-copyright-rights__row{
    grid-template-columns:1fr;

    gap:7px;
  }


  .tw-copyright-outcome{
    grid-template-columns:1fr;

    gap:7px;

    padding:
      18px
      0;
  }


  .tw-copyright-outcome__status{
    grid-column:auto;
  }


  .tw-copyright-dmca__inner{
    grid-template-columns:1fr;

    gap:10px;
  }


  .tw-copyright-dmca__link{
    grid-column:auto;
  }


  .tw-copyright-repeat__row{
    grid-template-columns:
      38px
      minmax(0,1fr);

    gap:
      8px
      13px;
  }


  .tw-copyright-repeat__row p{
    grid-column:
      2;
  }

}



/* =========================================================
   ENOFLIX DMCA PRODUCTION V1
   ---------------------------------------------------------
   Statutory Copyright Procedure
   Notice • Review • Counter-Notice • Restoration
   Reuses Account Terms structural architecture
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.tw-dmca{
  --dmca-accent:#78a8ff;
  --dmca-accent-soft:#b8d1ff;
  --dmca-gold:#ffb321;
  --dmca-green:#65dda7;
  --dmca-red:#ff7777;
  --dmca-line:rgba(120,168,255,.20);

  background:
    linear-gradient(
      180deg,
      #080d18 0%,
      #070914 40%,
      #070914 100%
    );
}


/* =========================================================
   ACCOUNT TERMS FAMILY OVERRIDES
   ========================================================= */

.tw-dmca
.tw-account-hero{
  background:
    linear-gradient(
      90deg,
      rgba(5,10,21,.98) 0%,
      rgba(8,14,29,.94) 58%,
      rgba(7,9,20,.87) 100%
    ),
    url(
      "https://assets.enoflix.net/legal/dmca/dmca-hero.webp"
    )
    center / cover no-repeat;
}


.tw-dmca
.tw-account-hero::before{
  background:
    radial-gradient(
      circle,
      rgba(120,168,255,.18),
      rgba(120,168,255,.04) 42%,
      transparent 70%
    );
}


.tw-dmca
.tw-account-hero__eyebrow,
.tw-dmca
.tw-account-rail__header span,
.tw-dmca
.tw-account-intro__eyebrow,
.tw-dmca
.tw-account-section__number,
.tw-dmca
.tw-account-contact__eyebrow{
  color:
    var(--dmca-accent);
}


.tw-dmca
.tw-account-lifecycle__step span{
  color:
    rgba(120,168,255,.46);
}


.tw-dmca
.tw-account-rail a::before{
  color:
    rgba(120,168,255,.42);
}


.tw-dmca
.tw-account-rail a:hover::before{
  color:
    var(--dmca-accent);
}


.tw-dmca
.tw-account-rule{
  border-left-color:
    var(--dmca-accent);
}


.tw-dmca
.tw-account-section a,
.tw-dmca
.tw-account-contact a{
  color:
    var(--dmca-accent-soft);
}


/* =========================================================
   PROCEDURE STRIP
   ========================================================= */

.tw-dmca-procedure{
  margin:
    34px
    0;

  border-top:
    1px solid
    var(--dmca-line);
}


.tw-dmca-procedure__step{
  display:grid;

  grid-template-columns:
    64px
    minmax(210px,.64fr)
    minmax(0,1.36fr);

  gap:27px;

  align-items:start;

  padding:
    25px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-procedure__number{
  color:
    rgba(120,168,255,.45);

  font-size:11px;

  font-weight:900;

  letter-spacing:.08em;
}


.tw-dmca-procedure__step strong{
  color:#fff;

  font-size:14px;
}


.tw-dmca-procedure__step p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.68;
}


/* =========================================================
   STATUTORY FIELD LIST
   ========================================================= */

.tw-dmca-fields{
  margin:
    32px
    0;

  counter-reset:
    dmca-field;

  border-top:
    1px solid
    var(--dmca-line);
}


.tw-dmca-field{
  counter-increment:
    dmca-field;

  display:grid;

  grid-template-columns:
    57px
    minmax(200px,.61fr)
    minmax(0,1.39fr);

  gap:24px;

  align-items:start;

  padding:
    22px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-field::before{
  content:
    counter(
      dmca-field,
      decimal-leading-zero
    );

  color:
    rgba(120,168,255,.46);

  font-size:10px;

  font-weight:900;
}


.tw-dmca-field strong{
  color:#fff;

  font-size:13px;

  line-height:1.5;
}


.tw-dmca-field p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.68;
}


/* =========================================================
   NOTICE WORKFLOW
   ========================================================= */

.tw-dmca-flow{
  position:relative;

  margin:
    34px
    0;
}


.tw-dmca-flow::before{
  content:"";

  position:absolute;

  left:31px;

  top:31px;
  bottom:31px;

  width:1px;

  background:
    linear-gradient(
      180deg,
      var(--dmca-accent),
      rgba(120,168,255,.08)
    );
}


.tw-dmca-flow__step{
  position:relative;

  display:grid;

  grid-template-columns:
    63px
    minmax(0,1fr);

  gap:29px;

  padding:
    27px
    0;
}


.tw-dmca-flow__number{
  position:relative;
  z-index:2;

  display:grid;

  place-items:center;

  width:63px;
  height:63px;

  border:
    1px solid
    rgba(120,168,255,.32);

  border-radius:50%;

  background:
    #070914;

  color:
    var(--dmca-accent);

  font-size:10px;

  font-weight:900;
}


.tw-dmca-flow__body{
  padding:
    3px
    0
    30px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-flow__body h3{
  margin:
    0
    0
    8px;

  color:#fff;

  font-size:
    clamp(
      19px,
      2.5vw,
      29px
    );

  letter-spacing:-.03em;
}


.tw-dmca-flow__body p{
  max-width:690px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   STATUTORY LABEL
   ========================================================= */

.tw-dmca-statutory{
  display:inline-flex;

  align-items:center;

  gap:8px;

  margin:
    5px
    0
    20px;

  padding:
    7px
    11px;

  border:
    1px solid
    rgba(120,168,255,.22);

  border-radius:999px;

  color:
    var(--dmca-accent-soft);

  font-size:9px;

  font-weight:900;

  letter-spacing:.09em;

  text-transform:uppercase;
}


.tw-dmca-statutory::before{
  content:"";

  width:6px;
  height:6px;

  border-radius:50%;

  background:
    var(--dmca-accent);
}


/* =========================================================
   GOOD-FAITH / PERJURY STATEMENTS
   ========================================================= */

.tw-dmca-statement{
  margin:
    29px
    0;

  padding:
    25px
    0
    25px
    28px;

  border-left:
    3px solid
    var(--dmca-accent);
}


.tw-dmca-statement__label{
  display:block;

  margin-bottom:8px;

  color:
    var(--dmca-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-dmca-statement strong{
  display:block;

  margin-bottom:8px;

  color:#fff;

  font-size:15px;
}


.tw-dmca-statement p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   LEGAL WARNING
   ========================================================= */

.tw-dmca-warning{
  margin:
    30px
    0;

  padding:
    24px
    0
    24px
    28px;

  border-left:
    3px solid
    var(--dmca-red);
}


.tw-dmca-warning--gold{
  border-left-color:
    var(--dmca-gold);
}


.tw-dmca-warning__label{
  display:block;

  margin-bottom:7px;

  color:
    var(--dmca-red);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-dmca-warning--gold
.tw-dmca-warning__label{
  color:
    var(--dmca-gold);
}


.tw-dmca-warning strong{
  display:block;

  margin-bottom:7px;

  color:#fff;

  font-size:15px;
}


.tw-dmca-warning p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.68;
}


/* =========================================================
   AGENT INFORMATION
   ========================================================= */

.tw-dmca-agent{
  margin:
    32px
    0;

  border-top:
    1px solid
    var(--dmca-line);

  border-bottom:
    1px solid
    var(--dmca-line);
}


.tw-dmca-agent__header{
  padding:
    23px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-agent__header span{
  display:block;

  margin-bottom:7px;

  color:
    var(--dmca-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-dmca-agent__header strong{
  color:#fff;

  font-size:
    clamp(
      18px,
      2.4vw,
      26px
    );

  letter-spacing:-.025em;
}


.tw-dmca-agent__row{
  display:grid;

  grid-template-columns:
    180px
    minmax(0,1fr);

  gap:28px;

  padding:
    18px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-agent__row:last-child{
  border-bottom:0;
}


.tw-dmca-agent__row strong{
  color:#fff;

  font-size:12px;
}


.tw-dmca-agent__value{
  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.6;
}


.tw-dmca-agent__pending{
  color:
    var(--dmca-gold);

  font-size:9px;

  font-weight:900;

  letter-spacing:.08em;

  text-transform:uppercase;
}


/* =========================================================
   COUNTER-NOTICE
   ========================================================= */

.tw-dmca-counter{
  margin:
    32px
    0;

  border-top:
    1px solid
    rgba(101,221,167,.22);
}


.tw-dmca-counter__row{
  display:grid;

  grid-template-columns:
    55px
    minmax(195px,.61fr)
    minmax(0,1.39fr);

  gap:24px;

  align-items:start;

  padding:
    22px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-counter__number{
  color:
    rgba(101,221,167,.48);

  font-size:10px;

  font-weight:900;
}


.tw-dmca-counter__row strong{
  color:#fff;

  font-size:13px;
}


.tw-dmca-counter__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.67;
}


/* =========================================================
   RESTORATION TIMELINE
   ========================================================= */

.tw-dmca-timing{
  margin:
    32px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-timing__row{
  display:grid;

  grid-template-columns:
    155px
    minmax(0,1fr);

  gap:30px;

  padding:
    21px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-timing__time{
  color:
    var(--dmca-accent);

  font-size:11px;

  font-weight:900;

  letter-spacing:.04em;
}


.tw-dmca-timing__row strong{
  display:block;

  margin-bottom:5px;

  color:#fff;

  font-size:13px;
}


.tw-dmca-timing__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.67;
}


/* =========================================================
   COURT ACTION BAND
   ========================================================= */

.tw-dmca-court{
  margin:
    32px
    0;

  padding:
    31px
    0;

  border-top:
    1px solid
    rgba(255,179,33,.22);

  border-bottom:
    1px solid
    rgba(255,179,33,.22);
}


.tw-dmca-court__inner{
  display:grid;

  grid-template-columns:
    150px
    minmax(0,1fr);

  gap:32px;
}


.tw-dmca-court__label{
  color:
    var(--dmca-gold);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-dmca-court h3{
  margin:
    0
    0
    8px;

  color:#fff;

  font-size:
    clamp(
      19px,
      2.4vw,
      27px
    );

  letter-spacing:-.03em;
}


.tw-dmca-court p{
  max-width:620px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.68;
}


/* =========================================================
   NOTICE VS GENERAL REPORT
   ========================================================= */

.tw-dmca-compare{
  margin:
    32px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-compare__row{
  display:grid;

  grid-template-columns:
    180px
    minmax(0,1fr);

  gap:29px;

  padding:
    21px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-compare__row strong{
  color:#fff;

  font-size:13px;
}


.tw-dmca-compare__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.67;
}


/* =========================================================
   REPEAT INFRINGEMENT
   ========================================================= */

.tw-dmca-repeat{
  margin:
    32px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-repeat__row{
  display:grid;

  grid-template-columns:
    60px
    minmax(200px,.63fr)
    minmax(0,1.37fr);

  gap:24px;

  padding:
    22px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-repeat__number{
  color:
    rgba(120,168,255,.45);

  font-size:10px;

  font-weight:900;
}


.tw-dmca-repeat__row strong{
  color:#fff;

  font-size:13px;
}


.tw-dmca-repeat__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.65;
}


/* =========================================================
   FORMATTED STATUTORY TEXT
   ========================================================= */

.tw-dmca-language{
  margin:
    30px
    0;

  padding:
    28px
    0;

  border-top:
    1px solid
    var(--dmca-line);

  border-bottom:
    1px solid
    var(--dmca-line);
}


.tw-dmca-language__label{
  margin-bottom:13px;

  color:
    var(--dmca-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-dmca-language blockquote{
  margin:0;

  padding:
    0
    0
    0
    24px;

  border-left:
    2px solid
    rgba(120,168,255,.32);

  color:
    var(--tw-text-soft);

  font-size:14px;

  line-height:1.78;
}


/* =========================================================
   CONTACT / PROCEDURAL CTA
   ========================================================= */

.tw-dmca-contact{
  margin-top:58px;

  padding:
    44px
    0;

  border-top:
    1px solid
    var(--dmca-line);

  border-bottom:
    1px solid
    var(--dmca-line);
}


.tw-dmca-contact__inner{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:35px;

  align-items:center;
}


.tw-dmca-contact__eyebrow{
  margin-bottom:9px;

  color:
    var(--dmca-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-dmca-contact h2{
  margin:
    0
    0
    10px;

  font-size:
    clamp(
      27px,
      4vw,
      43px
    );

  letter-spacing:-.04em;
}


.tw-dmca-contact p{
  max-width:690px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:850px){

  .tw-dmca-procedure__step,
  .tw-dmca-field,
  .tw-dmca-counter__row,
  .tw-dmca-repeat__row{
    grid-template-columns:
      48px
      minmax(180px,.62fr)
      minmax(0,1.38fr);

    gap:20px;
  }


  .tw-dmca-contact__inner{
    grid-template-columns:1fr;
  }

}


@media(max-width:650px){

  .tw-dmca-procedure__step,
  .tw-dmca-field,
  .tw-dmca-counter__row,
  .tw-dmca-repeat__row{
    grid-template-columns:
      38px
      minmax(0,1fr);

    gap:
      8px
      14px;
  }


  .tw-dmca-procedure__step p,
  .tw-dmca-field p,
  .tw-dmca-counter__row p,
  .tw-dmca-repeat__row p{
    grid-column:
      2;
  }


  .tw-dmca-flow::before{
    left:24px;
  }


  .tw-dmca-flow__step{
    grid-template-columns:
      49px
      minmax(0,1fr);

    gap:20px;
  }


  .tw-dmca-flow__number{
    width:49px;
    height:49px;
  }


  .tw-dmca-agent__row,
  .tw-dmca-timing__row,
  .tw-dmca-compare__row{
    grid-template-columns:1fr;

    gap:7px;
  }


  .tw-dmca-court__inner{
    grid-template-columns:1fr;

    gap:10px;
  }

}



/* =========================================================
   ENOFLIX DMCA MULTI JURISDICTION V1
   ---------------------------------------------------------
   United States • Canada • Uganda
   Jurisdiction-aware copyright procedure
   ========================================================= */


/* =========================================================
   JURISDICTION INDEX
   ========================================================= */

.tw-dmca-jurisdictions{
  margin:
    34px
    0;

  border-top:
    1px solid
    var(--dmca-line);
}


.tw-dmca-jurisdiction{
  display:grid;

  grid-template-columns:
    82px
    minmax(180px,.56fr)
    minmax(0,1.44fr)
    auto;

  gap:26px;

  align-items:center;

  min-height:103px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-jurisdiction__code{
  color:
    rgba(120,168,255,.50);

  font-size:11px;

  font-weight:900;

  letter-spacing:.10em;
}


.tw-dmca-jurisdiction h3{
  margin:0;

  color:#fff;

  font-size:
    clamp(
      18px,
      2.3vw,
      27px
    );

  letter-spacing:-.03em;
}


.tw-dmca-jurisdiction p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.65;
}


.tw-dmca-jurisdiction__law{
  color:
    var(--dmca-accent);

  font-size:9px;

  font-weight:900;

  letter-spacing:.07em;

  text-align:right;

  text-transform:uppercase;
}


/* =========================================================
   COUNTRY HEADING
   ========================================================= */

.tw-dmca-country{
  margin:
    40px
    0
    24px;

  padding:
    25px
    0;

  border-top:
    1px solid
    var(--dmca-line);

  border-bottom:
    1px solid
    var(--dmca-line);
}


.tw-dmca-country__top{
  display:flex;

  flex-wrap:wrap;

  justify-content:space-between;

  gap:14px;

  align-items:center;

  margin-bottom:11px;
}


.tw-dmca-country__code{
  color:
    var(--dmca-accent);

  font-size:10px;

  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-dmca-country__citation{
  color:
    var(--tw-text-muted);

  font-size:10px;
}


.tw-dmca-country h3{
  margin:
    0
    0
    8px;

  color:#fff;

  font-size:
    clamp(
      23px,
      3vw,
      35px
    );

  letter-spacing:-.035em;
}


.tw-dmca-country p{
  max-width:700px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   CODE / STATUTE ROWS
   ========================================================= */

.tw-dmca-codebook{
  margin:
    28px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-codebook__row{
  display:grid;

  grid-template-columns:
    170px
    minmax(190px,.58fr)
    minmax(0,1.42fr);

  gap:27px;

  align-items:start;

  padding:
    21px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-codebook__section{
  color:
    var(--dmca-accent);

  font-size:10px;

  font-weight:900;

  letter-spacing:.04em;
}


.tw-dmca-codebook__row strong{
  color:#fff;

  font-size:13px;
}


.tw-dmca-codebook__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.67;
}


/* =========================================================
   CANADA
   ========================================================= */

.tw-dmca-country--canada{
  border-color:
    rgba(255,119,119,.22);
}


.tw-dmca-country--canada
.tw-dmca-country__code{
  color:
    #ff8b8b;
}


/* =========================================================
   UGANDA
   ========================================================= */

.tw-dmca-country--uganda{
  border-color:
    rgba(255,179,33,.22);
}


.tw-dmca-country--uganda
.tw-dmca-country__code{
  color:
    var(--dmca-gold);
}


/* =========================================================
   CROSS-REFERENCE WARNING
   ========================================================= */

.tw-dmca-crossref{
  margin:
    29px
    0;

  padding:
    24px
    0
    24px
    28px;

  border-left:
    3px solid
    var(--dmca-gold);
}


.tw-dmca-crossref__label{
  display:block;

  margin-bottom:7px;

  color:
    var(--dmca-gold);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-dmca-crossref strong{
  display:block;

  margin-bottom:7px;

  color:#fff;

  font-size:15px;
}


.tw-dmca-crossref p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.68;
}


/* =========================================================
   REGIONAL ROUTING TABLE
   ========================================================= */

.tw-dmca-routing{
  margin:
    32px
    0;

  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-routing__row{
  display:grid;

  grid-template-columns:
    145px
    minmax(200px,.58fr)
    minmax(0,1.42fr);

  gap:26px;

  padding:
    21px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-dmca-routing__row strong{
  color:#fff;

  font-size:13px;
}


.tw-dmca-routing__law{
  color:
    var(--dmca-accent-soft);

  font-size:11px;

  line-height:1.55;
}


.tw-dmca-routing__row p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:12px;

  line-height:1.66;
}


/* =========================================================
   VERIFIED LAW LINK
   ========================================================= */

.tw-dmca-law-link{
  display:inline-flex;

  align-items:center;

  gap:7px;

  margin-top:12px;

  color:
    var(--dmca-accent-soft);

  font-size:10px;

  font-weight:850;

  text-decoration:none;

  text-underline-offset:3px;
}


.tw-dmca-law-link::after{
  content:"↗";

  font-size:11px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:850px){

  .tw-dmca-jurisdiction{
    grid-template-columns:
      60px
      minmax(160px,.55fr)
      minmax(0,1.45fr);
  }


  .tw-dmca-jurisdiction__law{
    grid-column:
      2 / -1;

    padding-bottom:18px;

    text-align:left;
  }


  .tw-dmca-codebook__row,
  .tw-dmca-routing__row{
    grid-template-columns:
      140px
      minmax(180px,.58fr)
      minmax(0,1.42fr);
  }

}


@media(max-width:650px){

  .tw-dmca-jurisdiction{
    grid-template-columns:
      42px
      minmax(0,1fr);

    gap:
      8px
      13px;

    padding:
      19px
      0;
  }


  .tw-dmca-jurisdiction p,
  .tw-dmca-jurisdiction__law{
    grid-column:
      2;
  }


  .tw-dmca-jurisdiction__law{
    padding-bottom:0;
  }


  .tw-dmca-codebook__row,
  .tw-dmca-routing__row{
    grid-template-columns:1fr;

    gap:7px;
  }

}



/* =========================================================
   ENOFLIX GIFT CARDS PRODUCTION V1
   ---------------------------------------------------------
   Premium gifting experience
   No card-grid architecture
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.tw-gift{
  --gift-gold:#ffac00;
  --gift-gold-soft:#ffd274;
  --gift-blue:#799cff;
  --gift-pink:#ff7fa9;
  --gift-green:#6addaa;
  --gift-line:rgba(255,172,0,.16);

  background:
    linear-gradient(
      180deg,
      #100b03 0%,
      #090914 35%,
      #070914 100%
    );
}


/* =========================================================
   HERO
   ========================================================= */

.tw-gift-hero{
  position:relative;
  isolation:isolate;

  min-height:
    min(
      820px,
      88vh
    );

  display:flex;
  align-items:center;

  overflow:hidden;

  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    linear-gradient(
      90deg,
      rgba(11,7,2,.97) 0%,
      rgba(13,9,5,.85) 48%,
      rgba(7,9,20,.38) 100%
    ),
    url(
      "https://assets.enoflix.net/gift-cards/gift-cards-hero.webp"
    )
    72% center / cover no-repeat;
}


.tw-gift-hero::before{
  content:"";

  position:absolute;
  z-index:-1;

  width:720px;
  height:720px;

  left:-300px;
  top:-320px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(255,172,0,.18),
      transparent 68%
    );
}


.tw-gift-hero__content{
  max-width:790px;

  padding:
    105px
    0
    95px;
}


.tw-gift-hero__eyebrow{
  display:flex;

  align-items:center;

  gap:12px;

  margin-bottom:20px;

  color:
    var(--gift-gold);

  font-size:10px;

  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-gift-hero__eyebrow::before{
  content:"";

  width:37px;
  height:1px;

  background:
    var(--gift-gold);
}


.tw-gift-hero h1{
  margin:
    0
    0
    24px;

  color:#fff;

  font-size:
    clamp(
      50px,
      7.6vw,
      94px
    );

  line-height:.93;

  letter-spacing:-.06em;
}


.tw-gift-hero__lead{
  max-width:650px;

  margin:0;

  color:
    rgba(255,255,255,.76);

  font-size:
    clamp(
      18px,
      2vw,
      22px
    );

  line-height:1.7;
}


.tw-gift-hero__actions{
  display:flex;

  flex-wrap:wrap;

  gap:12px;

  margin-top:32px;
}


.tw-gift-hero__note{
  max-width:620px;

  margin-top:18px;

  color:
    rgba(255,255,255,.46);

  font-size:10px;

  line-height:1.6;
}


/* =========================================================
   GIFT MESSAGE STRIP
   ========================================================= */

.tw-gift-strip{
  border-bottom:
    1px solid
    var(--tw-line-soft);

  background:
    #0b0b14;
}


.tw-gift-strip__inner{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));
}


.tw-gift-strip__item{
  min-height:105px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  padding:
    22px
    26px;

  border-right:
    1px solid
    var(--tw-line-soft);
}


.tw-gift-strip__item:first-child{
  border-left:
    1px solid
    var(--tw-line-soft);
}


.tw-gift-strip__item span{
  margin-bottom:5px;

  color:
    var(--gift-gold);

  font-size:9px;

  font-weight:900;

  letter-spacing:.11em;

  text-transform:uppercase;
}


.tw-gift-strip__item strong{
  color:#fff;

  font-size:14px;

  line-height:1.4;
}


/* =========================================================
   SECTION BASE
   ========================================================= */

.tw-gift-section{
  padding:
    100px
    0;
}


.tw-gift-section--border{
  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-gift-section__head{
  display:grid;

  grid-template-columns:
    185px
    minmax(0,760px);

  gap:60px;

  margin-bottom:48px;
}


.tw-gift-section__eyebrow{
  padding-top:8px;

  color:
    var(--gift-gold);

  font-size:10px;

  font-weight:900;

  letter-spacing:.14em;

  text-transform:uppercase;
}


.tw-gift-section__title h2{
  margin:
    0
    0
    15px;

  color:#fff;

  font-size:
    clamp(
      34px,
      4.7vw,
      60px
    );

  line-height:1.01;

  letter-spacing:-.048em;
}


.tw-gift-section__title p{
  max-width:680px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.76;
}


/* =========================================================
   GIFT VISUAL / SPLIT
   ========================================================= */

.tw-gift-feature{
  display:grid;

  grid-template-columns:
    minmax(0,.92fr)
    minmax(0,1.08fr);

  gap:70px;

  align-items:center;
}


.tw-gift-feature__visual{
  position:relative;

  min-height:520px;

  overflow:hidden;

  border:
    1px solid
    rgba(255,172,0,.15);

  border-radius:34px;

  background:
    #12111a
    url(
      "https://assets.enoflix.net/gift-cards/gift-card-feature.webp"
    )
    center / cover no-repeat;
}


.tw-gift-feature__visual::after{
  content:"";

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      180deg,
      transparent 42%,
      rgba(6,7,14,.72)
    );
}


.tw-gift-feature__copy h2{
  margin:
    0
    0
    18px;

  color:#fff;

  font-size:
    clamp(
      36px,
      4.8vw,
      62px
    );

  line-height:1;

  letter-spacing:-.05em;
}


.tw-gift-feature__copy p{
  margin:
    0
    0
    18px;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.78;
}


.tw-gift-feature__line{
  margin-top:30px;

  padding:
    22px
    0;

  border-top:
    1px solid
    var(--gift-line);

  border-bottom:
    1px solid
    var(--gift-line);

  color:
    var(--gift-gold-soft);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   HOW IT WORKS
   ========================================================= */

.tw-gift-steps{
  position:relative;

  margin-top:15px;
}


.tw-gift-steps::before{
  content:"";

  position:absolute;

  top:31px;
  left:31px;
  bottom:31px;

  width:1px;

  background:
    linear-gradient(
      180deg,
      var(--gift-gold),
      rgba(255,172,0,.08)
    );
}


.tw-gift-step{
  position:relative;

  display:grid;

  grid-template-columns:
    63px
    minmax(0,1fr);

  gap:30px;

  padding:
    28px
    0;
}


.tw-gift-step__number{
  position:relative;
  z-index:2;

  display:grid;

  place-items:center;

  width:63px;
  height:63px;

  border:
    1px solid
    rgba(255,172,0,.32);

  border-radius:50%;

  background:
    #070914;

  color:
    var(--gift-gold);

  font-size:10px;

  font-weight:900;
}


.tw-gift-step__body{
  padding:
    4px
    0
    31px;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-gift-step__body h3{
  margin:
    0
    0
    8px;

  color:#fff;

  font-size:
    clamp(
      20px,
      2.5vw,
      29px
    );

  letter-spacing:-.03em;
}


.tw-gift-step__body p{
  max-width:680px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   OCCASIONS
   ========================================================= */

.tw-gift-occasions{
  border-top:
    1px solid
    var(--gift-line);
}


.tw-gift-occasion{
  display:grid;

  grid-template-columns:
    80px
    minmax(200px,.62fr)
    minmax(0,1.38fr);

  gap:28px;

  align-items:start;

  padding:
    30px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-gift-occasion__number{
  color:
    rgba(255,172,0,.45);

  font-size:11px;

  font-weight:900;
}


.tw-gift-occasion h3{
  margin:0;

  color:#fff;

  font-size:
    clamp(
      20px,
      2.5vw,
      29px
    );

  letter-spacing:-.03em;
}


.tw-gift-occasion p{
  max-width:570px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.67;
}


/* =========================================================
   RECIPIENT EXPERIENCE
   ========================================================= */

.tw-gift-recipient{
  border-top:
    1px solid
    var(--tw-line-soft);
}


.tw-gift-recipient__row{
  display:grid;

  grid-template-columns:
    165px
    minmax(0,1fr);

  gap:32px;

  padding:
    22px
    0;

  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-gift-recipient__row strong{
  color:#fff;

  font-size:13px;
}


.tw-gift-recipient__row p{
  margin:0;

  color:
    var(--tw-text-soft);

  font-size:13px;

  line-height:1.68;
}


/* =========================================================
   AVAILABILITY / POLICY
   ========================================================= */

.tw-gift-availability{
  margin:
    34px
    0;

  padding:
    28px
    0
    28px
    29px;

  border-left:
    3px solid
    var(--gift-gold);
}


.tw-gift-availability__label{
  display:block;

  margin-bottom:7px;

  color:
    var(--gift-gold);

  font-size:9px;

  font-weight:900;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.tw-gift-availability strong{
  display:block;

  margin-bottom:7px;

  color:#fff;

  font-size:15px;
}


.tw-gift-availability p{
  max-width:700px;

  margin:0;

  color:
    var(--tw-text-muted);

  font-size:13px;

  line-height:1.7;
}


/* =========================================================
   FAQ
   ========================================================= */

.tw-gift-faq{
  border-top:
    1px solid
    var(--gift-line);
}


.tw-gift-faq details{
  border-bottom:
    1px solid
    var(--tw-line-soft);
}


.tw-gift-faq summary{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    35px;

  gap:23px;

  align-items:center;

  min-height:84px;

  color:#fff;

  cursor:pointer;

  list-style:none;

  font-size:
    clamp(
      16px,
      2vw,
      21px
    );

  font-weight:650;

  letter-spacing:-.02em;
}


.tw-gift-faq summary::-webkit-details-marker{
  display:none;
}


.tw-gift-faq summary::after{
  content:"+";

  display:grid;
  place-items:center;

  width:31px;
  height:31px;

  color:
    var(--gift-gold);

  font-size:23px;

  font-weight:300;
}


.tw-gift-faq details[open]
summary::after{
  content:"−";
}


.tw-gift-faq__answer{
  max-width:720px;

  padding:
    0
    0
    30px;

  color:
    var(--tw-text-soft);

  font-size:14px;

  line-height:1.76;
}


.tw-gift-faq__answer p{
  margin:
    0
    0
    12px;
}


.tw-gift-faq__answer p:last-child{
  margin-bottom:0;
}


/* =========================================================
   REDEEM BAND
   ========================================================= */

.tw-gift-redeem{
  position:relative;
  isolation:isolate;

  overflow:hidden;

  padding:
    105px
    0;

  border-top:
    1px solid
    var(--gift-line);

  background:
    linear-gradient(
      112deg,
      rgba(255,172,0,.11),
      rgba(7,9,20,.96) 52%,
      rgba(121,156,255,.08)
    );
}


.tw-gift-redeem::after{
  content:"";

  position:absolute;
  z-index:-1;

  width:530px;
  height:530px;

  right:-210px;
  bottom:-300px;

  border-radius:50%;

  background:
    rgba(255,172,0,.11);

  filter:
    blur(35px);
}


.tw-gift-redeem__inner{
  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:50px;

  align-items:end;
}


.tw-gift-redeem__eyebrow{
  margin-bottom:13px;

  color:
    var(--gift-gold);

  font-size:10px;

  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-gift-redeem h2{
  max-width:760px;

  margin:
    0
    0
    16px;

  color:#fff;

  font-size:
    clamp(
      41px,
      5.8vw,
      74px
    );

  line-height:.97;

  letter-spacing:-.055em;
}


.tw-gift-redeem p{
  max-width:660px;

  margin:0;

  color:
    var(--tw-text-soft);

  font-size:15px;

  line-height:1.75;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:980px){

  .tw-gift-strip__inner{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  .tw-gift-section__head{
    grid-template-columns:1fr;

    gap:18px;
  }


  .tw-gift-feature{
    grid-template-columns:1fr;

    gap:40px;
  }


  .tw-gift-feature__visual{
    min-height:430px;
  }


  .tw-gift-redeem__inner{
    grid-template-columns:1fr;
  }

}


@media(max-width:700px){

  .tw-gift-hero{
    min-height:690px;
  }


  .tw-gift-hero__content{
    padding:
      85px
      0
      65px;
  }


  .tw-gift-strip__inner{
    grid-template-columns:1fr;
  }


  .tw-gift-strip__item{
    border-left:
      1px solid
      var(--tw-line-soft);
  }


  .tw-gift-section{
    padding:
      74px
      0;
  }


  .tw-gift-feature__visual{
    min-height:360px;

    border-radius:24px;
  }


  .tw-gift-steps::before{
    left:24px;
  }


  .tw-gift-step{
    grid-template-columns:
      49px
      minmax(0,1fr);

    gap:20px;
  }


  .tw-gift-step__number{
    width:49px;
    height:49px;
  }


  .tw-gift-occasion{
    grid-template-columns:
      40px
      minmax(0,1fr);

    gap:
      8px
      14px;
  }


  .tw-gift-occasion p{
    grid-column:
      2;
  }


  .tw-gift-recipient__row{
    grid-template-columns:1fr;

    gap:7px;
  }


  .tw-gift-redeem{
    padding:
      78px
      0;
  }

}



/* =========================================================
   ENOFLIX REDEEM PRODUCTION V1
   ---------------------------------------------------------
   Secure redemption shell
   Minimal • Focused • Backend-ready
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.tw-redeem{
  --redeem-gold:#ffac00;
  --redeem-gold-soft:#ffd173;
  --redeem-blue:#729cff;
  --redeem-green:#65dda7;
  --redeem-red:#ff7777;
  --redeem-line:rgba(255,255,255,.10);

  min-height:100vh;

  background:
    radial-gradient(
      circle at 50% -10%,
      rgba(255,172,0,.13),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #0d0a05 0%,
      #070914 42%,
      #060711 100%
    );
}


/* =========================================================
   PAGE SHELL
   ========================================================= */

.tw-redeem-main{
  position:relative;

  min-height:
    calc(100vh - 82px);

  display:flex;

  align-items:center;

  justify-content:center;

  overflow:hidden;

  padding:
    85px
    24px
    100px;
}


.tw-redeem-main::before{
  content:"";

  position:absolute;

  width:700px;
  height:700px;

  left:50%;
  top:48%;

  transform:
    translate(-50%,-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(114,156,255,.075),
      rgba(114,156,255,.02) 42%,
      transparent 70%
    );

  pointer-events:none;
}


/* =========================================================
   REDEEM PANEL
   ========================================================= */

.tw-redeem-panel{
  position:relative;
  z-index:2;

  width:min(
    100%,
    670px
  );

  text-align:center;
}


.tw-redeem-panel__eyebrow{
  display:flex;

  justify-content:center;
  align-items:center;

  gap:11px;

  margin-bottom:18px;

  color:
    var(--redeem-gold);

  font-size:10px;

  font-weight:900;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.tw-redeem-panel__eyebrow::before,
.tw-redeem-panel__eyebrow::after{
  content:"";

  width:29px;
  height:1px;

  background:
    rgba(255,172,0,.60);
}


.tw-redeem-panel h1{
  max-width:640px;

  margin:
    0
    auto
    18px;

  color:#fff;

  font-size:
    clamp(
      42px,
      6vw,
      68px
    );

  line-height:.98;

  letter-spacing:-.055em;
}


.tw-redeem-panel__lead{
  max-width:530px;

  margin:
    0
    auto;

  color:
    var(--tw-text-soft);

  font-size:
    clamp(
      16px,
      2vw,
      19px
    );

  line-height:1.7;
}


/* =========================================================
   FORM AREA
   ========================================================= */

.tw-redeem-form{
  margin-top:38px;

  text-align:left;
}


.tw-redeem-form__label{
  display:block;

  margin-bottom:10px;

  color:
    rgba(255,255,255,.80);

  font-size:11px;

  font-weight:800;

  letter-spacing:.03em;
}


.tw-redeem-form__field{
  position:relative;
}


.tw-redeem-form__input{
  width:100%;
  height:68px;

  padding:
    0
    142px
    0
    22px;

  border:
    1px solid
    rgba(255,255,255,.14);

  border-radius:17px;

  outline:0;

  background:
    rgba(255,255,255,.055);

  color:#fff;

  font:inherit;

  font-size:
    clamp(
      15px,
      2vw,
      18px
    );

  font-weight:700;

  letter-spacing:.08em;

  text-transform:uppercase;

  box-shadow:
    0
    24px
    65px
    rgba(0,0,0,.22);

  transition:
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}


.tw-redeem-form__input::placeholder{
  color:
    rgba(255,255,255,.31);

  letter-spacing:.05em;

  text-transform:none;
}


.tw-redeem-form__input:hover{
  border-color:
    rgba(255,172,0,.25);
}


.tw-redeem-form__input:focus{
  border-color:
    rgba(255,172,0,.72);

  background:
    rgba(255,255,255,.07);

  box-shadow:
    0
    0
    0
    4px
    rgba(255,172,0,.08),
    0
    24px
    65px
    rgba(0,0,0,.23);
}


.tw-redeem-form__input[aria-invalid="true"]{
  border-color:
    rgba(255,119,119,.72);

  box-shadow:
    0
    0
    0
    4px
    rgba(255,119,119,.07);
}


/* =========================================================
   BUTTON
   ========================================================= */

.tw-redeem-form__submit{
  position:absolute;

  top:8px;
  right:8px;

  height:52px;

  padding:
    0
    22px;

  border:0;

  border-radius:12px;

  background:
    var(--redeem-gold);

  color:
    #171005;

  cursor:pointer;

  font:inherit;

  font-size:12px;

  font-weight:900;

  letter-spacing:.02em;

  transition:
    transform .18s ease,
    opacity .18s ease,
    background .18s ease;
}


.tw-redeem-form__submit:hover:not(:disabled){
  transform:
    translateY(-1px);

  background:
    var(--redeem-gold-soft);
}


.tw-redeem-form__submit:focus-visible{
  outline:
    3px solid
    rgba(255,255,255,.90);

  outline-offset:3px;
}


.tw-redeem-form__submit:disabled{
  cursor:not-allowed;

  opacity:.42;
}


/* =========================================================
   FIELD HELP
   ========================================================= */

.tw-redeem-form__help{
  display:flex;

  justify-content:space-between;

  gap:20px;

  margin-top:10px;

  color:
    rgba(255,255,255,.42);

  font-size:10px;

  line-height:1.55;
}


.tw-redeem-form__help strong{
  color:
    rgba(255,255,255,.64);

  font-weight:700;
}


/* =========================================================
   BACKEND STATUS
   ========================================================= */

.tw-redeem-status{
  margin-top:22px;

  padding:
    18px
    0
    0;

  border-top:
    1px solid
    var(--redeem-line);

  text-align:left;
}


.tw-redeem-status[hidden]{
  display:none;
}


.tw-redeem-status__line{
  display:flex;

  align-items:flex-start;

  gap:11px;
}


.tw-redeem-status__icon{
  display:grid;

  place-items:center;

  width:24px;
  height:24px;

  flex:0 0 auto;

  border-radius:50%;

  border:
    1px solid
    rgba(255,255,255,.15);

  font-size:10px;

  font-weight:900;
}


.tw-redeem-status__body strong{
  display:block;

  margin-bottom:4px;

  color:#fff;

  font-size:12px;
}


.tw-redeem-status__body p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:11px;

  line-height:1.6;
}


/* SUCCESS */

.tw-redeem-status--success
.tw-redeem-status__icon{
  border-color:
    rgba(101,221,167,.30);

  color:
    var(--redeem-green);
}


/* ERROR */

.tw-redeem-status--error
.tw-redeem-status__icon{
  border-color:
    rgba(255,119,119,.34);

  color:
    var(--redeem-red);
}


/* INFO */

.tw-redeem-status--info
.tw-redeem-status__icon{
  border-color:
    rgba(114,156,255,.34);

  color:
    var(--redeem-blue);
}


/* =========================================================
   ACCOUNT / SECURITY NOTE
   ========================================================= */

.tw-redeem-account{
  display:grid;

  grid-template-columns:
    34px
    minmax(0,1fr);

  gap:13px;

  align-items:start;

  margin-top:28px;

  padding:
    22px
    0;

  border-top:
    1px solid
    var(--redeem-line);

  border-bottom:
    1px solid
    var(--redeem-line);

  text-align:left;
}


.tw-redeem-account__icon{
  display:grid;

  place-items:center;

  width:31px;
  height:31px;

  border:
    1px solid
    rgba(255,172,0,.22);

  border-radius:50%;

  color:
    var(--redeem-gold);

  font-size:11px;

  font-weight:900;
}


.tw-redeem-account strong{
  display:block;

  margin-bottom:5px;

  color:#fff;

  font-size:12px;
}


.tw-redeem-account p{
  margin:0;

  color:
    var(--tw-text-muted);

  font-size:11px;

  line-height:1.65;
}


/* =========================================================
   BACKEND PENDING STATE
   ========================================================= */

.tw-redeem-pending{
  display:flex;

  align-items:center;

  gap:8px;

  margin-top:16px;

  color:
    rgba(255,255,255,.42);

  font-size:10px;

  line-height:1.55;
}


.tw-redeem-pending::before{
  content:"";

  width:6px;
  height:6px;

  flex:0 0 auto;

  border-radius:50%;

  background:
    var(--redeem-gold);
}


/* =========================================================
   HELP LINKS
   ========================================================= */

.tw-redeem-help{
  display:flex;

  flex-wrap:wrap;

  justify-content:center;

  gap:
    9px
    22px;

  margin-top:29px;
}


.tw-redeem-help a{
  color:
    rgba(255,255,255,.66);

  font-size:11px;

  font-weight:700;

  text-decoration:none;

  border-bottom:
    1px solid
    rgba(255,255,255,.19);

  padding-bottom:2px;
}


.tw-redeem-help a:hover{
  color:#fff;

  border-bottom-color:
    var(--redeem-gold);
}


/* =========================================================
   SAFETY MESSAGE
   ========================================================= */

.tw-redeem-safety{
  max-width:570px;

  margin:
    28px
    auto
    0;

  color:
    rgba(255,255,255,.38);

  font-size:10px;

  line-height:1.65;

  text-align:center;
}


.tw-redeem-safety strong{
  color:
    rgba(255,255,255,.66);
}


/* =========================================================
   SMALL FOOTER
   ========================================================= */

.tw-redeem-footer{
  padding:
    27px
    0;

  border-top:
    1px solid
    var(--redeem-line);
}


.tw-redeem-footer__inner{
  display:flex;

  justify-content:space-between;

  gap:25px;

  color:
    rgba(255,255,255,.38);

  font-size:10px;
}


.tw-redeem-footer__links{
  display:flex;

  flex-wrap:wrap;

  gap:18px;
}


.tw-redeem-footer a{
  color:
    rgba(255,255,255,.56);

  text-decoration:none;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:700px){

  .tw-redeem-main{
    min-height:
      calc(100vh - 70px);

    align-items:flex-start;

    padding:
      72px
      18px
      80px;
  }


  .tw-redeem-form__input{
    height:62px;

    padding:
      0
      19px;

    text-align:left;
  }


  .tw-redeem-form__submit{
    position:static;

    width:100%;
    height:54px;

    margin-top:12px;
  }


  .tw-redeem-form__help{
    flex-direction:column;

    gap:4px;
  }


  .tw-redeem-footer__inner{
    flex-direction:column;

    align-items:center;

    text-align:center;
  }

}