:root {
      --page: #101013;
      --panel: #1b181f;
      --panel-soft: #211d26;
      --card: #1a191d;
      --line: rgba(255, 255, 255, 0.12);
      --line-strong: rgba(238, 180, 255, 0.25);
      --text: #f5f1f7;
      --muted: #c8bcca;
      --soft: #a79aa9;
      --pink: #efa8ff;
      --purple: #c600ff;
      --cyan: #16e7ff;
      --rose: #f20583;
      --radius: 8px;
      --font: "Montserrat", "Trebuchet MS", Arial, sans-serif;
    }

* {
      box-sizing: border-box;
    }

html {
      scroll-behavior: smooth;
    }

body {
      margin: 0;
      min-width: 320px;
      background: #0f0f12;
      color: var(--text);
      font-family: var(--font);
      letter-spacing: 0;
    }

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

a {
      color: inherit;
      text-decoration: none;
    }

.site {
      width: 100%;
      margin: 0 auto;
      background: var(--page);
      overflow: hidden;
    }

.container {
      width: min(1240px, calc(100% - 160px));
      margin: 0 auto;
    }

.header {
      position: relative;
      z-index: 10;
      background: #111114;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      box-shadow: 0 8px 28px rgba(0, 0, 0, 0.34);
    }

.header-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 88px;
      gap: 28px;
    }

.logo {
      color: var(--pink);
      font-size: 32px;
      font-weight: 950;
      line-height: 1;
      letter-spacing: 0;
    }

.nav {
      display: flex;
      align-items: center;
      gap: 30px;
      color: #d9c9dd;
      font-size: 14px;
      font-weight: 900;
    }

.nav a {
      position: relative;
      padding: 12px 0;
    }

.nav a.active {
      color: var(--pink);
    }

.nav a.active::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 5px;
      height: 2px;
      background: var(--pink);
      border-radius: 2px;
    }

.hero {
      position: relative;
      min-height: 930px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding: 34px 0 78px;
      text-align: center;
      background: #101013;
    }

.hero-bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.18;
      filter: blur(1px) saturate(0.8);
      transform: scale(1.08);
    }

.hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 50% 20%, rgba(159, 54, 184, 0.3), transparent 34%),
        radial-gradient(circle at 50% 60%, rgba(92, 18, 118, 0.42), transparent 31%),
        linear-gradient(90deg, rgba(16, 16, 19, 0.92), rgba(16, 16, 19, 0.28) 50%, rgba(16, 16, 19, 0.92)),
        linear-gradient(180deg, rgba(16, 16, 19, 0.08), rgba(16, 16, 19, 0.72) 78%, #101013 100%);
      z-index: 1;
    }

.hero-inner {
      position: relative;
      z-index: 2;
      width: min(900px, calc(100% - 28px));
      margin: 0 auto;
    }

.hero-bear {
      width: min(455px, 86vw);
      margin: 0 auto -22px;
      filter: drop-shadow(0 28px 34px rgba(0, 0, 0, 0.48));
    }

.hero h1 {
      margin: 0;
      color: var(--text);
      font-size: clamp(46px, 6.5vw, 72px);
      line-height: 1.12;
      font-weight: 950;
      letter-spacing: 0;
      text-transform: uppercase;
    }

.hero h1 span {
      display: block;
      color: var(--pink);
    }

.hero p {
      width: min(760px, 100%);
      margin: 22px auto 0;
      color: #d4c6d7;
      font-size: 19px;
      line-height: 1.62;
      font-weight: 500;
    }

.hero-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-width: 318px;
      min-height: 76px;
      margin-top: 40px;
      border-radius: var(--radius);
      background: linear-gradient(180deg, #d500ff 0%, #b800f0 100%);
      color: #fff;
      box-shadow: 0 22px 48px rgba(194, 0, 255, 0.25);
      font-size: 33px;
      font-weight: 950;
      line-height: 1;
    }

.game-icon {
      width: 22px;
      height: 16px;
      border: 2px solid currentColor;
      border-radius: 5px;
      position: relative;
      flex: 0 0 auto;
    }

.game-icon::before,
    .game-icon::after {
      content: "";
      position: absolute;
      top: 5px;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: currentColor;
    }

.game-icon::before {
      left: 4px;
    }

.game-icon::after {
      right: 4px;
    }

.genre-section {
      padding: 92px 0 74px;
      background: #101013;
    }

.genre-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 26px;
    }

.genre-card {
      position: relative;
      min-height: 430px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: #17171b;
    }

.genre-card img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: 0.82;
    }

.genre-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, transparent 22%, rgba(15, 15, 18, 0.22) 50%, rgba(15, 15, 18, 0.96) 100%);
    }

.genre-content {
      position: absolute;
      left: 34px;
      right: 28px;
      bottom: 38px;
      z-index: 2;
    }

.genre-kicker {
      display: block;
      margin-bottom: 10px;
      color: var(--pink);
      font-size: 13px;
      font-weight: 950;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

.genre-card:nth-child(2) .genre-kicker {
      color: var(--cyan);
    }

.genre-title {
      display: block;
      font-size: 34px;
      font-weight: 950;
      line-height: 1;
    }

.library {
      padding: 58px 0 104px;
      background: #101013;
    }

.section-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      gap: 28px;
      margin-bottom: 54px;
    }

.eyebrow {
      display: block;
      margin-bottom: 14px;
      color: var(--pink);
      font-size: 13px;
      font-weight: 950;
      letter-spacing: 1.7px;
      text-transform: uppercase;
    }

h2 {
      margin: 0;
      color: var(--text);
      font-size: clamp(42px, 5.2vw, 58px);
      line-height: 1.04;
      font-weight: 950;
      letter-spacing: 0;
    }

.library-link {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 8px;
      color: #d5c8d9;
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
    }

.arrow {
      position: relative;
      width: 18px;
      height: 18px;
      display: inline-block;
    }

.arrow::before {
      content: "";
      position: absolute;
      top: 8px;
      left: 0;
      width: 17px;
      height: 2px;
      background: currentColor;
    }

.arrow::after {
      content: "";
      position: absolute;
      right: 0;
      top: 3px;
      width: 10px;
      height: 10px;
      border-top: 2px solid currentColor;
      border-right: 2px solid currentColor;
      transform: rotate(45deg);
    }

.game-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 26px;
    }

.game-card {
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: linear-gradient(180deg, #1c1b20 0%, #16161a 100%);
      box-shadow: 0 28px 56px rgba(0, 0, 0, 0.18);
    }

.game-media {
      height: 205px;
      overflow: hidden;
      background: #222;
    }

.game-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.game-body {
      padding: 27px 26px 28px;
    }

.game-title-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }

.game-body h3 {
      margin: 0;
      color: #f7f4f8;
      font-size: 34px;
      line-height: 1.27;
      font-weight: 950;
      letter-spacing: 0;
    }

.badge {
      align-self: flex-start;
      padding: 8px 10px;
      border-radius: 3px;
      background: rgba(101, 28, 37, 0.62);
      color: #ffb6c6;
      font-size: 10px;
      font-weight: 950;
      letter-spacing: 0.6px;
      text-transform: uppercase;
    }

.game-body p {
      min-height: 55px;
      margin: 24px 0 24px;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.46;
      font-weight: 500;
    }

.play-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-height: 52px;
      border: 2px solid rgba(238, 180, 255, 0.36);
      border-radius: 7px;
      color: #f3edf5;
      font-size: 16px;
      font-weight: 950;
      text-transform: uppercase;
    }

.benefits {
      padding: 70px 0 108px;
      background: #101013;
    }

.benefit-panel {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 36px;
      padding: 52px 46px;
      border: 1px solid var(--line-strong);
      border-radius: 22px;
      background: #211d26;
    }

.benefit {
      text-align: center;
    }

.benefit-icon {
      display: grid;
      place-items: center;
      width: 68px;
      height: 68px;
      margin: 0 auto 28px;
      border-radius: 50%;
      color: #fff;
      font-size: 30px;
      font-weight: 950;
      box-shadow: 0 18px 30px rgba(198, 0, 255, 0.24);
    }

.benefit-icon svg {
      width: 30px;
      height: 30px;
      stroke: currentColor;
      stroke-width: 2.4;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

.benefit:nth-child(1) .benefit-icon {
      background: var(--purple);
    }

.benefit:nth-child(2) .benefit-icon {
      background: var(--cyan);
      color: #09242a;
      box-shadow: 0 18px 30px rgba(22, 231, 255, 0.22);
    }

.benefit:nth-child(3) .benefit-icon {
      background: var(--rose);
      box-shadow: 0 18px 30px rgba(242, 5, 131, 0.24);
    }

.benefit h3 {
      margin: 0 0 20px;
      color: #f6f2f7;
      font-size: 32px;
      line-height: 1;
      font-weight: 950;
    }

.benefit p {
      max-width: 320px;
      margin: 0 auto;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.52;
      font-weight: 500;
    }

.echoes {
      padding: 64px 0 80px;
      background: #101013;
      text-align: center;
    }

.echoes h2 {
      font-size: clamp(42px, 5vw, 56px);
    }

.echoes-subtitle {
      margin: 20px 0 58px;
      color: var(--soft);
      font-size: 16px;
    }

.review-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 26px;
      text-align: left;
    }

.review-card {
      position: relative;
      min-height: 206px;
      padding: 54px 34px 28px;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      background: linear-gradient(140deg, #242328 0%, #17171b 100%);
    }

.avatar {
      position: absolute;
      top: -23px;
      left: 34px;
      width: 52px;
      height: 52px;
      padding: 3px;
      border-radius: 50%;
      background: var(--pink);
    }

.review-card:nth-child(2) .avatar {
      background: var(--cyan);
    }

.review-card:nth-child(3) .avatar {
      background: #ff9fc5;
    }

.avatar img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      object-fit: cover;
      background: #111;
    }

.review-card p {
      margin: 0 0 26px;
      color: #d7ccd9;
      font-size: 16px;
      line-height: 1.5;
      font-weight: 800;
    }

.review-foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
      color: var(--pink);
      font-size: 15px;
      font-weight: 950;
      text-transform: uppercase;
    }

.review-card:nth-child(2) .review-foot {
      color: var(--cyan);
    }

.review-card:nth-child(3) .review-foot {
      color: #ffabc8;
    }

.stars {
      font-size: 13px;
      letter-spacing: 0;
    }

.footer {
      padding: 84px 0 72px;
      background: #0d0d10;
    }

.footer-grid {
      display: grid;
      grid-template-columns: 1.3fr 0.45fr 0.58fr 1fr;
      gap: 50px;
    }

.footer-logo {
      margin-bottom: 24px;
      color: #f7f4f8;
      font-size: 32px;
      font-weight: 950;
      line-height: 1;
    }

.footer-address {
      margin: 0 0 24px;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.45;
    }

.socials {
      display: flex;
      gap: 14px;
    }

.footer .socials a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      margin-bottom: 0;
      border-radius: 50%;
      background: #273050;
      color: #dce6ff;
      line-height: 0;
    }

.footer .socials svg {
      width: 19px;
      height: 19px;
      fill: currentColor;
      display: block;
      flex: 0 0 auto;
    }

.cookie-banner {
      position: fixed;
      left: 50%;
      bottom: 24px;
      z-index: 50;
      display: grid;
      grid-template-columns: auto 1fr auto auto;
      align-items: center;
      gap: 16px;
      width: min(760px, calc(100% - 40px));
      padding: 20px;
      border: 1px solid rgba(238, 180, 255, 0.22);
      border-radius: var(--radius);
      background: #020203;
      box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
      transform: translateX(-50%);
    }

.cookie-banner.is-hidden {
      display: none;
    }

.cookie-icon {
      display: grid;
      place-items: center;
      width: 28px;
      height: 28px;
      color: var(--pink);
    }

.cookie-icon svg {
      width: 26px;
      height: 26px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

.cookie-copy strong {
      display: block;
      margin-bottom: 5px;
      color: #fff;
      font-size: 15px;
      font-weight: 950;
    }

.cookie-copy span {
      color: #d5cad8;
      font-size: 13px;
      line-height: 1.45;
    }

.cookie-btn {
      min-height: 42px;
      padding: 0 20px;
      border: 0;
      border-radius: 7px;
      background: transparent;
      color: #fff;
      font: 950 12px var(--font);
      letter-spacing: 0.8px;
      text-transform: uppercase;
      cursor: pointer;
    }

.cookie-btn.accept {
      min-width: 130px;
      background: var(--pink);
      color: #40124b;
    }

.footer-title {
      display: block;
      margin-bottom: 24px;
      color: var(--pink);
      font-size: 13px;
      font-weight: 950;
      letter-spacing: 1.5px;
      text-transform: uppercase;
    }

.footer a,
    .footer-copy {
      display: block;
      margin-bottom: 20px;
      color: var(--muted);
      font-size: 17px;
      line-height: 1.2;
    }

.footer-copy {
      color: #dffaff;
      font-size: 13px;
      font-weight: 950;
      letter-spacing: 1px;
    }

@media (max-width: 1050px) {
      .hero {
        min-height: 820px;
      }

      .genre-grid,
      .game-grid,
      .benefit-panel,
      .review-grid {
        grid-template-columns: 1fr 1fr;
      }

      .benefit-panel {
        gap: 48px 28px;
      }

      .footer-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

@media (max-width: 720px) {
      .container {
        width: min(100% - 28px, 1240px);
      }

      .header-row {
        min-height: 76px;
      }

      .logo {
        font-size: 25px;
      }

      .nav {
        gap: 16px;
        font-size: 12px;
      }

      .hero {
        min-height: auto;
        padding: 18px 0 64px;
      }

      .hero-bear {
        width: min(330px, 94vw);
        margin-bottom: -8px;
      }

      .hero h1 {
        font-size: clamp(38px, 12vw, 54px);
      }

      .hero p {
        margin-top: 20px;
        font-size: 16px;
      }

      .hero-button {
        min-width: 0;
        width: 100%;
        min-height: 64px;
        font-size: 28px;
      }

      .genre-section,
      .library,
      .benefits,
      .echoes,
      .footer {
        padding-left: 0;
        padding-right: 0;
      }

      .genre-grid,
      .game-grid,
      .benefit-panel,
      .review-grid,
      .footer-grid {
        grid-template-columns: 1fr;
      }

      .genre-card {
        min-height: 340px;
      }

      .section-head {
        display: block;
        margin-bottom: 34px;
      }

      .library-link {
        margin-top: 18px;
      }

      .game-body h3 {
        font-size: 30px;
      }

      .benefit-panel {
        padding: 40px 22px;
        border-radius: 16px;
      }

      .cookie-banner {
        grid-template-columns: 1fr;
        justify-items: start;
        width: min(304px, calc(100% - 28px));
        right: 14px;
        left: auto;
        transform: none;
      }

      .cookie-btn.accept {
        width: 100%;
      }
    }

:root{--bg:#101013;--deep:#0d0d10;--head:#111114;--card:#1b1a1f;--line:rgba(255,255,255,.12);--pink:#efa8ff;--purple:#c600ff;--text:#f5f1f7;--muted:#c8bcca;--font:"Montserrat","Trebuchet MS",Arial,sans-serif}

*{box-sizing:border-box}

body{margin:0;min-width:320px;background:#202020;color:var(--text);font-family:var(--font);letter-spacing:0}

a{color:inherit;text-decoration:none}

img,svg{display:block}

.site{width:100%;margin:0 auto;background:var(--bg);overflow:hidden}

.container{width:min(1110px,calc(100% - 112px));margin:0 auto}

.header{background:var(--head);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 8px 28px rgba(0,0,0,.34)}

.header-row{display:flex;align-items:center;justify-content:space-between;min-height:74px}

.logo{color:var(--pink);font-size:28px;font-weight:950;line-height:1}

.nav{display:flex;gap:26px;font-size:13px;font-weight:900}

.nav a{position:relative;padding:12px 0}

.nav .active{color:var(--pink)}

.nav .active:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--pink);border-radius:2px}

.footer{padding:74px 0 70px;background:var(--deep)}

.footer-grid{display:grid;grid-template-columns:1.35fr .45fr .62fr 1.05fr;gap:54px}

.footer-logo{margin-bottom:22px;font-size:29px;font-weight:950}

.footer-address{margin:0 0 22px;color:var(--muted);font-size:15px;line-height:1.45}

.socials{display:flex;gap:14px}

.footer-title{display:block;margin-bottom:22px;color:var(--pink);font-size:12px;font-weight:950;letter-spacing:1.5px;text-transform:uppercase}

.footer a,.footer-copy{display:block;margin-bottom:18px;color:var(--muted);font-size:15px}

.footer .socials a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:0;border-radius:50%;background:#273050;color:#dce6ff;line-height:0}

.footer .socials svg{width:19px;height:19px;fill:currentColor;flex:0 0 auto}

.footer-copy{color:#dffaff;font-size:12px;font-weight:950;letter-spacing:1px}

.play{display:inline-flex;align-items:center;justify-content:center;min-width:190px;min-height:56px;border-radius:7px;background:linear-gradient(180deg,#d500ff,#b800f0);color:#fff;font-size:16px;font-weight:500;letter-spacing:.8px;text-transform:uppercase}

.pill{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:20px;padding:0 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(112,133,138,.7);color:#fff;font-size:11px;font-weight:950;letter-spacing:1px;text-transform:uppercase}

.cookie-banner{position:fixed;left:50%;bottom:24px;z-index:50;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;width:min(760px,calc(100% - 40px));padding:20px;border:1px solid rgba(238,180,255,.22);border-radius:8px;background:#020203;box-shadow:0 24px 70px rgba(0,0,0,.42);transform:translateX(-50%)}

.cookie-banner.is-hidden{display:none}

.cookie-icon{display:grid;place-items:center;width:28px;height:28px;color:var(--pink)}

.cookie-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.cookie-copy strong{display:block;margin-bottom:5px;color:#fff;font-size:15px;font-weight:950}

.cookie-copy span{color:#d5cad8;font-size:13px;line-height:1.45}

.cookie-btn{min-height:42px;padding:0 20px;border:0;border-radius:7px;background:transparent;color:#fff;font:950 12px var(--font);letter-spacing:.8px;text-transform:uppercase;cursor:pointer}

.cookie-btn.accept{min-width:130px;background:var(--pink);color:#40124b}

@media(max-width:760px){.site{width:100%}.container{width:calc(100% - 42px)}.header-row{min-height:78px;flex-direction:column;justify-content:center;gap:8px}.logo{font-size:26px}.nav{gap:22px;font-size:12px}.footer{padding:62px 0 36px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 28px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-copy{margin-top:0}.play{width:100%;min-width:0}.socials a{width:36px;height:36px}.cookie-banner{grid-template-columns:1fr;justify-items:start;width:min(304px,calc(100% - 28px));right:14px;left:auto;transform:none}.cookie-btn.accept{width:100%}}

.games-page{padding:84px 0 92px;background:#101013}

.intro{max-width:690px;margin-bottom:48px}

.eyebrow{display:block;margin-bottom:14px;color:var(--pink);font-size:12px;font-weight:950;letter-spacing:1.6px;text-transform:uppercase}

.intro h1{margin:0 0 12px;font-size:46px;line-height:1.05;font-weight:950}

.intro p{margin:0;color:var(--muted);font-size:17px;line-height:1.55}

.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.game-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#1c1b20,#16161a)}

.game-media{height:178px;overflow:hidden}

.game-media img{width:100%;height:100%;object-fit:cover}

.game-body{padding:24px}

.game-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}

.game-body h3{margin:0;font-size:30px;line-height:1.24;font-weight:950}

.badge{padding:7px 9px;border-radius:3px;background:rgba(101,28,37,.62);color:#ffb6c6;font-size:9px;font-weight:950;letter-spacing:.6px;text-transform:uppercase}

.game-body p{min-height:48px;margin:20px 0 22px;color:var(--muted);font-size:15px;line-height:1.45}

.card-btn{display:flex;align-items:center;justify-content:center;min-height:46px;border:2px solid rgba(238,180,255,.36);border-radius:7px;color:#f3edf5;font-size:14px;font-weight:950;text-transform:uppercase}

@media(max-width:980px){.game-grid{grid-template-columns:1fr 1fr}}

@media(max-width:640px){.games-page{padding:54px 0 66px}.intro h1{font-size:38px}.game-grid{grid-template-columns:1fr}.game-media{height:166px}}

.detail{position:relative;min-height:640px;display:flex;align-items:center;background:#101013;overflow:hidden}

.detail-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;filter:saturate(.7)}

.detail:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,16,19,.95),rgba(16,16,19,.58) 52%,rgba(16,16,19,.88)),linear-gradient(180deg,rgba(16,16,19,.15),rgba(16,16,19,.92) 92%)}

.detail-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 310px;align-items:center;gap:64px}

.detail-copy h1{margin:26px 0 22px;font-size:64px;line-height:1.05;font-weight:950;text-transform:uppercase}

.detail-copy p{max-width:680px;margin:0 0 34px;color:#d4c8d6;font-size:17px;line-height:1.52}

.detail-icon{width:230px;height:230px;border-radius:22px;object-fit:cover;justify-self:center;box-shadow:0 26px 70px rgba(0,0,0,.38)}

.detail-footer-wrap{background:#101013}

@media(max-width:760px){.detail{min-height:auto;padding:36px 0 64px;align-items:start}.detail:before{background:linear-gradient(180deg,rgba(16,16,19,.68),rgba(16,16,19,.94) 82%)}.detail-inner{grid-template-columns:1fr;gap:24px}.detail-icon{order:-1;width:128px;height:128px;justify-self:start}.detail-copy h1{font-size:42px;margin:16px 0 18px}.detail-copy p{font-size:15px}.pill{margin-top:8px}}

.legal{padding:92px 0 120px;min-height:980px;background:#101013}

.legal-card{max-width:1110px}

.legal h1{margin:0 0 10px;color:#e9edf9;font-size:56px;line-height:1.04;font-weight:950}

.effective{display:block;margin-bottom:14px;color:var(--pink);font-size:14px;font-weight:950;letter-spacing:1.7px;text-transform:uppercase}

.legal h2{margin:7px 0 4px;color:#d1c5d3;font-size:22px;line-height:1.2;font-weight:500}

.legal p{margin:0;color:#cfc3d0;font-size:22px;line-height:1.45;font-weight:400}

.legal ul{margin:2px 0 4px;padding-left:30px;color:#cfc3d0;font-size:22px;line-height:1.45}

.legal li{padding-left:2px}

@media(max-width:760px){.legal{padding:56px 0 78px;min-height:auto}.legal h1{font-size:40px}.legal h2{font-size:18px}.legal p,.legal ul{font-size:17px}.legal-card{max-width:100%}}

html, body { width: 100%; }
.site { width: 100% !important; max-width: none !important; }