/* Dublin Book Publishing — consolidated stylesheet
 * Original CSS from both uploads combined without duplicating shared blocks.
 * Unique rules from each file are retained. Responsive and hover rules preserved.
 * Newer declarations from Pasted markdown (2) take precedence where the files differ.
 */

:root {
      --paper: #FFFFFF;
      --soft: #F5F7F3;
      --sage: #E6EDE4;
      --ink: #1B2235;
      --muted: #5A6275;
      --green: #441e89;
      --green-deep: #441e89;
      --red: #7463FF;
      --red-dark: #441e89;
      --brass: #7463FF;
      --line: #E1E5DD;
      --serif: "Libre Caslon Text", Georgia, "Times New Roman", serif;
      --sans: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      --wrap: 1200px;
      --shadow: 0 20px 45px -25px rgba(13, 52, 40, .35);
      color-scheme: light;
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box
    }

    html {
      scroll-behavior: smooth
    }

    body {
      margin: 0;
      background: var(--paper);
      color: var(--ink);
      font-family: var(--sans);
      font-size: 16.5px;
      line-height: 1.7;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden
    }
    
    .oc-info li a {
        font-family: 'Inter';
        font-weight: 500;
    }
    
    .offcanvas p {
        font-family: 'Inter';
        font-size: 15px;
    }
    
    footer ul li a {
        font-weight: 500;
    }
    
    .bottom span a {
        font-weight: 500;
        color: #fff;
    }
    
    footer ul li {
        padding-bottom: 5px;
    }

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

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

    h1,
    h2,
    h3,
    h4 {
      font-family: var(--serif);
      font-weight: 400;
      line-height: 1.2;
      margin: 0 0 .55em;
      color: var(--ink)
    }

    h1 {
      font-size: clamp(2.4rem, 4.6vw, 3.7rem)
    }

    h2 {
      font-size: clamp(1.85rem, 3.2vw, 2.6rem)
    }

    h3 {
      font-size: 1.25rem
    }

    p {
      margin: 0 0 1em;
      color: var(--muted)
    }

    .wrap {
      width: min(100% - 40px, var(--wrap));
      margin-inline: auto
    }

    section {
      padding: clamp(70px, 8vw, 70px) 0
    }

    .bg-soft {
      background: var(--soft)
    }

    .center {
      text-align: center
    }

    .center .sub {
      margin-inline: auto
    }

    .sub {
      max-width: 62ch
    }

    :focus-visible {
      outline: 3px solid var(--brass);
      outline-offset: 3px
    }

    /* small section tag, matches the original "About our Agency" style */
    .tag {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      font-family: var(--serif);
      font-style: italic;
      color: var(--red);
      font-size: 1.05rem;
      margin-bottom: .7rem
    }

    .tag::before {
      content: "";
      width: 28px;
      height: 2px;
      background: var(--brass)
    }

    .center .tag::after {
      content: "";
      width: 28px;
      height: 2px;
      background: var(--brass)
    }

    /* buttons */
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .55rem;
      padding: .95rem 1.7rem;
      border-radius: 50px;
      font-weight: 600;
      font-size: .97rem;
      border: 2px solid transparent;
      cursor: pointer;
      font-family: var(--sans);
      transition: background .25s, color .25s, border-color .25s, transform .25s
    }

    .btn:hover {
      transform: translateY(-2px)
    }

    .btn svg {
      width: 18px;
      height: 18px
    }

    .btn-red {
      background: var(--red);
      color: #fff
    }

    .btn-red:hover {
      background: var(--red-dark);
      color: #fff;
    }

    .btn-green {
      background: var(--green);
      color: #fff
    }

    .btn-green:hover {
      background: var(--green-deep)
    }

    .btn-line {
      border-color: var(--green);
      color: var(--green);
      background: #fff
    }

    .btn-line:hover {
      background: var(--green);
      color: #fff
    }

    .btn-white {
      background: #fff;
      color: var(--red)
    }

    .btn-white:hover {
      background: var(--brass);
      color: #fff
    }

    .btns {
      display: flex;
      gap: 1rem;
      flex-wrap: wrap
    }

    /* ================== HEADER ================== */
    header.site {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255, 255, 255, .96);
      backdrop-filter: blur(8px);
      border-bottom: 1px solid var(--line);
      transition: box-shadow .3s
    }

    header.site.scrolled {
      box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .25)
    }

    header.site .wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 86px;
      gap: 1rem
    }

    .logo img {
      height: 54px;
      width: auto
    }

    nav.main ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      gap: 1.7rem;
      align-items: center
    }

    nav.main a,
    .dd-btn {
      font-weight: 500;
      font-size: .96rem;
      color: var(--ink);
      background: none;
      border: 0;
      font-family: var(--sans);
      cursor: pointer;
      padding: .4rem 0;
      transition: color .2s
    }

    nav.main a:hover,
    .dd-btn:hover,
    nav.main a.active {
      color: var(--red)
    }

    .has-dd {
      position: relative
    }

    .dd {
      position: absolute;
      top: calc(100% + 22px);
      left: -20px;
      background: #fff;
      border-radius: 10px;
      min-width: 520px;
      padding: 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: .1rem 1rem;
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: .25s;
      box-shadow: 0 25px 50px -20px rgba(13, 52, 40, .35);
      border-top: 3px solid var(--red)
    }

    .has-dd:hover .dd,
    .has-dd.open .dd {
      opacity: 1;
      visibility: visible;
      transform: none
    }

    .dd a {
      display: block;
      padding: .5rem .7rem;
      border-radius: 6px;
      font-size: .92rem
    }

    .dd a:hover {
      background: var(--soft);
      color: var(--green)
    }

    .head-right {
      display: flex;
      align-items: center;
      gap: .9rem
    }

    .burger {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border: 1px solid var(--line);
      background: #fff;
      display: grid;
      place-items: center;
      cursor: pointer;
      color: var(--ink)
    }

    .burger svg {
      width: 22px;
      height: 22px
    }

    @media (max-width:1100px) {
      nav.main {
        display: none
      }
    }

    @media (max-width:560px) {
      .head-cta {
        display: none
      }

      .logo img {
        height: 46px
      }
    }

    /* offcanvas "Hello there" panel (same idea as the live site) */
    .oc-overlay {
      position: fixed;
      inset: 0;
      background: rgba(13, 30, 24, .55);
      opacity: 0;
      visibility: hidden;
      transition: .3s;
      z-index: 80
    }

    .offcanvas {
      position: fixed;
      top: 0;
      right: 0;
      height: 100%;
      width: min(420px, 92vw);
      background: #fff;
      z-index: 90;
      transform: translateX(100%);
      transition: transform .4s cubic-bezier(.7, 0, .2, 1);
      overflow-y: auto;
      padding: 2rem 2rem 3rem;
      visibility: visible;
    }

    body.oc-open .oc-overlay {
      opacity: 1;
      visibility: visible
    }

    body.oc-open .offcanvas {
      transform: none
    }

    .offcanvas .top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 2rem
    }

    .offcanvas .top img {
      height: 46px;
      width: auto
    }

    .oc-close {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      border: 1px solid var(--line);
      background: #fff;
      cursor: pointer;
      font-size: 1.1rem
    }

    .offcanvas h4 {
      font-size: 1.4rem;
      margin-bottom: .4rem
    }

    .oc-nav {
      display: none;
      border-top: 1px solid var(--line);
      margin: 1.4rem 0
    }

    .oc-nav a,
    .oc-nav button {
      display: block;
      width: 100%;
      text-align: left;
      padding: .8rem 0;
      border-bottom: 1px solid var(--line);
      font-weight: 500;
      background: none;
      border-left: 0;
      border-right: 0;
      border-top: 0;
      font: inherit;
      cursor: pointer;
      color: var(--ink)
    }

    .oc-sub {
      display: none;
      padding: .4rem 0 .6rem 1rem
    }

    .oc-sub.open {
      display: block
    }

    .oc-sub a {
      border: 0;
      padding: .4rem 0;
      font-size: .92rem;
      color: var(--muted)
    }

    @media (max-width:1100px) {
      .oc-nav {
        display: block
      }
    }

    .oc-info {
      list-style: none;
      padding: 0;
      margin: 1.4rem 0;
      display: grid;
      gap: .8rem
    }

    .oc-info li {
      display: flex;
      gap: .8rem;
      align-items: flex-start;
      font-size: .95rem
    }

    .oc-info svg {
      width: 20px;
      height: 20px;
      color: var(--red);
      flex: none;
      margin-top: 4px
    }

    .social {
      display: flex;
      gap: .6rem;
      flex-wrap: wrap
    }

    .social a {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      border: 1px solid var(--line);
      color: var(--green);
      transition: .25s
    }

    .social a:hover {
      background: var(--green);
      color: #fff;
      border-color: var(--green)
    }

    .social svg {
      width: 17px;
      height: 17px;
      fill: currentColor
    }

    /* ================== HERO ================== */
    .hero {
      position: relative;
      padding: clamp(50px, 6vw, 80px) 0 clamp(80px, 8vw, 110px);
      background: linear-gradient(180deg, #F5F7F3 0%, #FFFFFF 100%);
      overflow: hidden
    }

    .hero::before {
      content: "";
      position: absolute;
      right: -180px;
      top: -180px;
      width: 560px;
      height: 560px;
      border-radius: 50%;
      border: 1px solid var(--line)
    }

    .hero::after {
      content: "";
      position: absolute;
      left: -120px;
      bottom: -160px;
      width: 380px;
      height: 380px;
      border-radius: 50%;
      background: var(--sage);
      opacity: .6
    }

    .hero .wrap {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: clamp(30px, 5vw, 70px);
      align-items: center
    }

    .hero .tag {
      color: var(--green)
    }

    .hero p.sub {
      font-size: 1.04rem
    }

    .hero .btns {
      margin: 1.8rem 0 2.2rem
    }

    .hero-points {
      display: flex;
      gap: 1.6rem;
      flex-wrap: wrap
    }

    .hero-points span {
      display: flex;
      align-items: center;
      gap: .5rem;
      font-weight: 600;
      font-size: .93rem;
      color: var(--ink)
    }

    .hero-points svg {
      width: 20px;
      height: 20px;
      color: var(--green)
    }

    .hero-media {
      position: relative
    }

    .hero-main {
      position: relative;
      z-index: 1
    }

    .hero-book {
      position: absolute;
      left: -40px;
      bottom: -30px;
      width: 46%;
      background: #fff;
      border-radius: 14px;
      padding: 10px;
      box-shadow: var(--shadow);
      z-index: 2
    }

    .float-card {
      position: absolute;
      z-index: 3;
      background: #fff;
      border-radius: 12px;
      padding: .8rem 1rem;
      box-shadow: var(--shadow);
      display: flex;
      align-items: center;
      gap: .75rem
    }

    .float-card b {
      display: block;
      font-family: var(--serif);
      font-size: 1.35rem;
      line-height: 1.1;
      color: var(--green)
    }

    .float-card small {
      display: block;
      color: var(--muted);
      font-size: .8rem;
      line-height: 1.25
    }

    .float-card .ic {
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: var(--sage);
      display: grid;
      place-items: center;
      color: var(--green);
      flex: none
    }

    .float-card .ic svg {
      width: 22px;
      height: 22px
    }

    .fc-1 {
      right: -6px;
      top: 30px
    }

    .fc-2 {
      right: 20px;
      bottom: 60px
    }

    @media (max-width:960px) {
      .hero .wrap {
        grid-template-columns: 1fr
      }

      .hero-media {
        max-width: 520px;
        margin: 20px auto 0
      }

      .hero-book {
        left: -10px
      }

      .btn_set {
        flex-wrap: wrap;
      }

      .btn_set .secondColor_btn {
        margin: 5px 0px;
      }

      .newHero {
        padding: 50px 15px 0 !important;
      }
    }

    .services p a {
      color: #594ad3;
      text-wrap: pretty;
    }


    /* All styles are scoped to .dbp-journey to avoid changing the rest of your website. */
    .dbp-journey,
    .dbp-journey * {
      box-sizing: border-box;
    }

    .dbp-journey {
      --dbp-ink: #211b35;
      --dbp-purple: #6c4df6;
      --dbp-purple-dark: #5134d6;
      --dbp-muted: #696575;
      --dbp-border: #e9e6f0;
      color: var(--dbp-ink);
      font-family: Arial, Helvetica, sans-serif;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      padding: 96px 22px 88px;
      background: #f8f9f7;
    }

    .dbp-journey::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: -235px;
      left: calc(50% - 370px);
      width: 740px;
      height: 460px;
      border-radius: 50%;
      background: radial-gradient(ellipse, rgba(108, 77, 246, .08), rgba(108, 77, 246, 0) 68%);
      pointer-events: none;
    }

    .dbp-journey__inner {
      max-width: 1220px;
      margin: 0 auto;
    }

    .dbp-journey__intro {
      max-width: 810px;
      margin: 0 auto 49px;
      text-align: center;
    }

    .dbp-journey__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 11px;
      margin-bottom: 18px;
      color: var(--dbp-purple-dark);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 2.2px;
      text-transform: uppercase;
    }

    .dbp-journey__eyebrow::before,
    .dbp-journey__eyebrow::after {
      content: "";
      display: block;
      width: 26px;
      height: 1px;
      background: #ae9efb;
    }

    .dbp-journey h2 {
      font-family: Georgia, 'Times New Roman', serif;
      font-weight: 400;
      line-height: 1.14;
      font-size: clamp(34px, 3.8vw, 52px);
      letter-spacing: -1.55px;
      color: var(--dbp-ink);
      margin: 0 0 20px;
    }

    .dbp-journey h2 em {
      font-weight: 400;
      color: var(--dbp-purple-dark);
    }

    .dbp-journey__description {
      margin: 0 auto;
      max-width: 650px;
      font-size: 15px;
      line-height: 1.85;
      color: #686476;
    }

    .dbp-journey__steps {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 17px;
      margin: 0;
      padding: 0;
    }

    .dbp-journey__step {
      min-width: 0;
      position: relative;
    }

    .dbp-journey__card {
      background: #fff;
      border: 1px solid var(--dbp-border);
      border-radius: 18px;
      padding: 29px 24px 27px;
      height: 100%;
      min-height: 363px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 9px 26px rgba(30, 22, 63, .035);
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

    .dbp-journey__card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 24px;
      width: 57px;
      height: 3px;
      border-radius: 0 0 4px 4px;
      background: var(--dbp-purple);
    }

    .dbp-journey__card:hover {
      transform: translateY(-5px);
      border-color: #d7cffd;
      box-shadow: 0 18px 40px rgba(47, 30, 104, .10);
    }

    .dbp-journey__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin-bottom: 33px;
    }

    .dbp-journey__icon {
      display: grid;
      place-items: center;
      width: 50px;
      height: 50px;
      flex: 0 0 50px;
      border-radius: 14px;
      background: #f0edff;
      color: var(--dbp-purple);
    }

    .dbp-journey__icon svg {
      width: 24px;
      height: 24px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .dbp-journey__number {
      font-family: Georgia, 'Times New Roman', serif;
      font-size: 38px;
      line-height: 1;
      color: #e3dff1;
      letter-spacing: -2px;
    }

    .dbp-journey__label {
      display: block;
      color: var(--dbp-purple-dark);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: 1.8px;
      text-transform: uppercase;
      margin: 0 0 10px;
    }

    .dbp-journey h3 {
      font-family: Georgia, 'Times New Roman', serif;
      color: var(--dbp-ink);
      font-weight: 500;
      letter-spacing: -.4px;
      line-height: 1.22;
      font-size: 23px;
      margin: 0 0 15px;
    }

    .dbp-journey__card p {
      font-size: 13px;
      color: #686478;
      line-height: 1.75;
      margin: 0;
    }

    .dbp-journey__card strong {
      color: #39304f;
      font-weight: 700;
    }

    .dbp-journey__step:last-child .dbp-journey__card {
      background: linear-gradient(145deg, #29233f 0%, #1c192d 100%);
      border-color: #29243e;
      box-shadow: 0 17px 31px rgba(29, 23, 54, .13);
    }

    .dbp-journey__step:last-child .dbp-journey__card::before {
      background: #a18bff;
    }

    .dbp-journey__step:last-child .dbp-journey__icon {
      color: #fff;
      background: rgba(119, 92, 247, .25);
    }

    .dbp-journey__step:last-child .dbp-journey__number {
      color: rgba(255, 255, 255, .18);
    }

    .dbp-journey__step:last-child .dbp-journey__label {
      color: #b8a9ff;
    }

    .dbp-journey__step:last-child h3,
    .dbp-journey__step:last-child .dbp-journey__card strong {
      color: #fff;
    }

    .dbp-journey__step:last-child p {
      color: #d2cede;
    }

    .dbp-journey__foot {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      margin-top: 30px;
      padding: 27px 32px;
      border-radius: 17px;
      border: 1px solid #e8e3f6;
      background: #f0edfb;
    }

    .dbp-journey__foot-copy {
      display: flex;
      align-items: center;
      gap: 15px;
      min-width: 0;
    }

    .dbp-journey__foot-icon {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: white;
      color: var(--dbp-purple);
      display: grid;
      place-items: center;
      flex: 0 0 auto;
    }

    .dbp-journey__foot-icon svg {
      width: 21px;
      height: 21px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .dbp-journey__foot h4 {
      font-family: Georgia, 'Times New Roman', serif;
      font-size: 20px;
      line-height: 1.25;
      font-weight: 500;
      margin: 0 0 4px;
      color: var(--dbp-ink);
    }

    .dbp-journey__foot p {
      font-size: 12.5px;
      color: #68627b;
      margin: 0;
      line-height: 1.55;
    }

    .dbp-journey__button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      flex: 0 0 auto;
      min-height: 47px;
      padding: 0 22px;
      border-radius: 100px;
      background: var(--dbp-purple);
      color: white !important;
      text-decoration: none !important;
      font-size: 12px;
      font-weight: 700;
      transition: background .2s ease, transform .2s ease;
    }

    .dbp-journey__button:hover {
      background: var(--dbp-purple-dark);
      transform: translateY(-2px);
    }

    .dbp-journey__button:focus-visible {
      outline: 3px solid #ada0ff;
      outline-offset: 3px;
    }

    .dbp-journey__button svg {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      stroke-width: 2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    @media (max-width: 1020px) {
      .dbp-journey__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
      }

      .dbp-journey__card {
        min-height: 296px;
      }
    }

    @media (max-width: 640px) {
      .dbp-journey {
        padding: 67px 17px 60px;
      }

      .dbp-journey__intro {
        margin-bottom: 31px;
      }

      .dbp-journey h2 {
        font-size: 35px;
        letter-spacing: -.9px;
      }

      .dbp-journey__description {
        font-size: 13px;
        line-height: 1.8;
      }

      .dbp-journey__steps {
        grid-template-columns: 1fr;
        gap: 12px;
      }

      .dbp-journey__card {
        min-height: auto;
        padding: 24px;
      }

      .dbp-journey__top {
        margin-bottom: 22px;
      }

      .dbp-journey h3 {
        font-size: 23px;
      }

      .dbp-journey__card p {
        font-size: 13px;
      }

      .dbp-journey__foot {
        margin-top: 21px;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 22px;
      }

      .dbp-journey__button {
        width: 100%;
      }
    }

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

      .dbp-journey__card,
      .dbp-journey__button {
        transition: none;
      }

      .dbp-journey__card:hover,
      .dbp-journey__button:hover {
        transform: none;
      }
    }





    /* ================== ABOUT ================== */
    .about .wrap {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(30px, 6vw, 80px);
      align-items: center
    }

    .about-media {
      position: relative
    }

    .about-media .main {
      border-radius: 200px 200px 16px 16px;
      overflow: hidden
    }

    .about-badge {
      position: absolute;
      right: -20px;
      bottom: 40px;
      background: var(--red);
      color: #fff;
      border-radius: 14px;
      padding: 1.2rem 1.4rem;
      text-align: center;
      box-shadow: var(--shadow)
    }

    .about-badge b {
      display: block;
      font-family: var(--serif);
      font-size: 2.6rem;
      line-height: 1
    }

    .about-badge span {
      font-size: .85rem;
      opacity: .9
    }

    .check {
      list-style: none;
      padding: 0;
      margin: 1.4rem 0 2rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: .8rem
    }

    .check li {
      display: flex;
      gap: .6rem;
      align-items: flex-start;
      font-weight: 500;
      font-size: .96rem
    }

    .check svg {
      width: 22px;
      height: 22px;
      flex: none;
      color: #fff;
      background: var(--green);
      border-radius: 50%;
      padding: 4px;
      margin-top: 2px
    }

    .platforms {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: .8rem;
      margin-top: 2.2rem
    }

    .platforms div {
      background: var(--soft);
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: .7rem;
      display: grid;
      place-items: center;
      height: 64px
    }

    .platforms img {
      max-height: 34px;
      width: auto
    }

    @media (max-width:960px) {
      .about .wrap {
        grid-template-columns: 1fr
      }

      .about-media {
        max-width: 480px
      }

      .about-badge {
        right: 0
      }
    }

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

      .platforms {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    /* ================== SERVICES ================== */
    .sec-head {
      margin-bottom: 3rem
    }

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

    .svc {
      display: flex;
      flex-direction: column;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 2rem 1.8rem;
      position: relative;
      overflow: hidden;
      transition: transform .35s, box-shadow .35s, border-color .35s ;
      transform: translate(0px, 22px) !important;
    }

    .svc::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 4px;
      background: var(--red);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .4s
    }

    .svc:hover {
      transform: translateY(-6px);
      box-shadow: var(--shadow);
      border-color: transparent
    }

    .svc:hover::before {
      transform: scaleX(1)
    }

    .svc .ic {
      width: 64px;
      height: 64px;
      border-radius: 16px;
      background: var(--sage);
      display: grid;
      place-items: center;
      color: var(--green);
      margin-bottom: 1.3rem;
      transition: .35s
    }

    .svc:hover .ic {
      background: var(--green);
      color: #fff
    }

    .svc .ic svg {
      width: 30px;
      height: 30px
    }

    .svc p {
      font-size: .95rem
    }

    .svc .more {
      margin-top: auto;
      align-self: flex-start;
      display: inline-flex;
      align-items: center;
      gap: .4rem;
      font-weight: 600;
      color: var(--red);
      font-size: .92rem
    }

    .svc .more svg {
      width: 16px;
      height: 16px;
      transition: transform .25s
    }

    .svc:hover .more svg {
      transform: translateX(4px)
    }

    .svc-btns {
      justify-content: center;
      margin-top: 5rem
    }

    .svc-grid .svc {
      position: relative;
      overflow: hidden;
    }

    .svc-grid .svc::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 4px;
      background: #805bff;
      opacity: 0;
      transform: scaleX(.25);
      transform-origin: center;
      transition: opacity .22s ease, transform .27s ease;
    }

    .svc-grid .svc:hover::before,
    .svc-grid .svc:focus-within::before {
      opacity: 1;
      transform: scaleX(1);
    }

    .svc-grid .svc .ic {
      width: 64px;
      height: 64px;
      border-radius: 15px;
      background: #e6ede4;
      color: #451d8b;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      transition: background-color .24s ease, color .24s ease, transform .24s ease;
    }

    .svc-grid .svc .ic svg {
      display: block;
      width: 28px;
      height: 28px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.7;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .svc-grid .svc:hover .ic,
    .svc-grid .svc:focus-within .ic {
      background: #451d8b;
      color: #fff;
      transform: translateY(-1px);
    }

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

      .svc-grid .svc::before,
      .svc-grid .svc .ic {
        transition: none;
        transform: none;
      }
    }

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

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

    /* ================== ISBN ================== */
    .isbn-top {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 2.5rem;
      align-items: end;
      margin-bottom: 3rem
    }

    .isbn-top .btn {
      justify-self: end
    }

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

    .isbn-card {
      background: #fff;
      border-radius: 16px;
      padding: 2.2rem 1.9rem;
      border: 1px solid var(--line);
      position: relative
    }

    .isbn-card .num {
      font-family: var(--serif);
      font-size: 3.2rem;
      line-height: 1;
      color: transparent;
      -webkit-text-stroke: 1.5px var(--brass);
      margin-bottom: 1rem;
      display: block
    }

    .isbn-card:nth-child(2) {
      background: #140828;
      border-color: #140828;
    }

    .isbn-card:nth-child(2) h3 {
      color: #fff
    }

    .isbn-card:nth-child(2) p {
      color: #CFE0D6
    }

    .isbn-card p {
      margin: 0;
      font-size: .95rem
    }

    @media (max-width:960px) {
      .isbn-top {
        grid-template-columns: 1fr
      }

      .isbn-top .btn {
        justify-self: start
      }

      .isbn-grid {
        grid-template-columns: 1fr
      }
    }

    /* ================== PUBLISHED BOOKS ================== */
    .books-head {
      display: flex;
      justify-content: space-between;
      align-items: end;
      gap: 1.5rem;
      flex-wrap: wrap;
      margin-bottom: 2.6rem
    }

    .books-head h2 {
      margin: 0
    }

    .arrows {
      display: flex;
      gap: .6rem
    }

    .arrows button {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border: 1px solid var(--line);
      background: #fff;
      cursor: pointer;
      color: var(--ink);
      display: grid;
      place-items: center;
      transition: .25s
    }

    .arrows button:hover {
      background: var(--red);
      color: #fff;
      border-color: var(--red)
    }

    .arrows svg {
      width: 20px;
      height: 20px
    }

    .book-track {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: calc((100% - 4*24px)/5);
      gap: 24px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      padding: 10px 0 20px
    }

    .book-track::-webkit-scrollbar {
      display: none
    }

    .book-track a {
      scroll-snap-align: start;
      display: block;
      border-radius: 6px;
      overflow: hidden;
      box-shadow: 0 14px 28px -14px rgba(0, 0, 0, .4);
      transition: transform .35s
    }

    .book-track a:hover {
      transform: translateY(-8px)
    }

    .book-track img {
      width: 100%;
      aspect-ratio: 2/3;
      object-fit: cover
    }

    @media (max-width:1000px) {
      .book-track {
        grid-auto-columns: calc((100% - 2*24px)/3)
      }
    }

    @media (max-width:600px) {
      .book-track {
        grid-auto-columns: 60%
      }
    }

    /* ================== CTA ================== */
    .cta.dbp-cta {
      padding: clamp(44px, 5.4vw, 80px) 20px clamp(30px, 4vw, 56px);
      background: #fff;
      font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    }

    .dbp-cta,
    .dbp-cta * {
      box-sizing: border-box;
    }

    .dbp-cta .dbp-cta__wrap {
      width: min(100%, 1140px);
      margin-inline: auto;
    }

    .dbp-cta .dbp-cta__box {
      position: relative;
      isolation: isolate;
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(270px, .9fr);
      align-items: center;
      gap: 12px;
      min-height: 290px;
      padding: 38px clamp(34px, 4vw, 76px);
      overflow: hidden;
      border-radius: 16px;
      background:
        radial-gradient(ellipse 70% 100% at 72% 30%, rgba(105, 24, 114, .48) 0%, transparent 80%),
        linear-gradient(110deg, #180519 0%, #270729 52%, #120316 100%);
      box-shadow: 0 18px 42px rgba(32, 7, 46, .14);
    }

    .dbp-cta .dbp-cta__box::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: repeating-linear-gradient(155deg, transparent 0 23px, rgba(190, 100, 206, .035) 30px, transparent 53px);
      mix-blend-mode: screen;
      z-index: -1;
    }

    .dbp-cta .dbp-cta__waves {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      filter: blur(7px);
      pointer-events: none;
    }

    .dbp-cta .dbp-cta__content {
      position: relative;
      z-index: 2;
      max-width: 650px;
    }

    .dbp-cta .dbp-cta__content h2 {
      color: #fff;
      margin: 0 0 15px;
      font-size: clamp(23px, 2.65vw, 36px);
      line-height: 1.22;
      letter-spacing: -.038em;
      font-weight: 800;
      max-width: 520px;
    }

    .dbp-cta .dbp-cta__content p {
      color: #eee5ef;
      margin: 0;
      max-width: 540px;
      font-size: clamp(12px, 1.1vw, 14px);
      line-height: 1.7;
      font-weight: 400;
    }

    .dbp-cta .dbp-cta__actions {
      display: flex;
      gap: 15px 28px;
      flex-wrap: wrap;
      align-items: center;
      margin-top: 22px;
    }

    .dbp-cta .dbp-cta__action {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      text-decoration: none !important;
      color: #fff !important;
      font-size: 12px;
      font-weight: 750;
      line-height: 1.35;
      white-space: nowrap;
      transition: transform .2s ease, opacity .2s ease;
    }

    .dbp-cta .dbp-cta__action:hover {
      transform: translateY(-2px);
    }

    .dbp-cta .dbp-cta__action:focus-visible {
      outline: 2px solid #fff;
      outline-offset: 5px;
      border-radius: 5px;
    }

    .dbp-cta .dbp-cta__icon {
      flex: 0 0 34px;
      width: 34px;
      height: 34px;
      background: #fff;
      color: #42126e;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 6px 15px rgba(0, 0, 0, .15);
      transition: background .2s ease, color .2s ease;
    }

    .dbp-cta .dbp-cta__icon svg {
      width: 16px;
      height: 16px;
    }

    .dbp-cta .dbp-cta__action:hover .dbp-cta__icon {
      background: #e9dbff;
      color: #481c88;
    }

    .dbp-cta .dbp-cta__visual {
      position: relative;
      z-index: 1;
      justify-self: end;
      width: min(100%, 390px);
      margin: -26px -20px -33px 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .dbp-cta .dbp-cta__visual img {
      display: block;
      width: 100%;
      height: auto;
      max-width: none;
      transform: none;
      border-radius: 0;
      box-shadow: none;
      filter: drop-shadow(0 13px 14px rgba(0, 0, 0, .1));
    }

    @media (max-width: 820px) {
      .dbp-cta .dbp-cta__box {
        grid-template-columns: minmax(0, 1fr) minmax(200px, .7fr);
        min-height: 255px;
        padding: 34px 32px;
      }

      .dbp-cta .dbp-cta__content h2 {
        font-size: clamp(22px, 3vw, 28px);
      }

      .dbp-cta .dbp-cta__visual {
        width: 280px;
        margin: -12px -30px -20px 0;
      }
    }

    @media (max-width: 620px) {
      .cta.dbp-cta {
        padding: 35px 16px 32px;
      }

      .dbp-cta .dbp-cta__box {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 30px 24px 0;
        min-height: auto;
        border-radius: 14px;
      }

      .dbp-cta .dbp-cta__content h2 {
        max-width: 340px;
        font-size: clamp(23px, 6vw, 29px);
      }

      .dbp-cta .dbp-cta__content p {
        font-size: 12px;
        line-height: 1.65;
      }

      .dbp-cta .dbp-cta__actions {
        margin-top: 19px;
        gap: 13px 22px;
      }

      .dbp-cta .dbp-cta__action {
        font-size: 11px;
      }

      .dbp-cta .dbp-cta__icon {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
      }

      .dbp-cta .dbp-cta__visual {
        justify-self: center;
        width: min(100%, 335px);
        margin: 0 auto -5px;
      }
    }

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

      .dbp-cta .dbp-cta__action,
      .dbp-cta .dbp-cta__icon {
        transition: none;
      }
    }

    /* ================== LOGO STRIP ================== */
   .logos {
        padding: 60px 0;
        background: #ffffff;
    }

    .logos .vp {
      overflow: hidden;
      -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
      mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent)
    }

    .logos .track {
      display: flex;
      gap: 56px;
      align-items: center;
      width: max-content;
      animation: marquee 40s linear infinite
    }

    .logos img {
      height: 40px;
      width: auto;
      opacity: .75;
      transition: opacity .3s
    }

    .logos img:hover {
      opacity: 1
    }

    @keyframes marquee {
      to {
        transform: translateX(-50%)
      }
    }

    /* ================== TESTIMONIALS ================== */
    .t-grid {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: clamp(30px, 5vw, 60px);
      align-items: center
    }

    .t-grid>div {
      min-width: 0
    }

    .vid-head {
      margin-top: clamp(60px, 7vw, 90px)
    }

    .vid-head h2 {
      margin: 0
    }

    .tp {
      display: flex;
      align-items: center;
      gap: .6rem;
      margin: 1.2rem 0 1.8rem;
      font-weight: 600;
      font-size: .95rem
    }

    .tp .stars {
      color: #00B67A;
      letter-spacing: 2px;
      font-size: 1.2rem
    }

    .t-slider {
      overflow: hidden
    }

    .t-track {
      display: flex;
      transition: transform .6s cubic-bezier(.65, 0, .25, 1)
    }

    .t-card {
      flex: 0 0 100%;
      padding: 2.4rem;
      background: #fff;
      border-radius: 18px;
      border: 1px solid var(--line);
      position: relative
    }

    .t-card .q {
      position: absolute;
      right: 2rem;
      top: 1.4rem;
      font-family: var(--serif);
      font-size: 6rem;
      line-height: 1;
      color: var(--sage)
    }

    .t-card .stars {
      color: #00B67A;
      letter-spacing: 2px;
      margin-bottom: .8rem
    }

    .t-card h3 {
      font-size: 1.3rem;
      position: relative
    }

    .t-card p {
      font-size: 1.02rem;
      position: relative
    }

    .t-who {
      display: flex;
      align-items: center;
      gap: .9rem;
      margin-top: 1.4rem;
      padding-top: 1.4rem;
      border-top: 1px solid var(--line)
    }

    .t-who img {
      width: 52px;
      height: 52px;
      border-radius: 50%
    }

    .t-who b {
      display: block;
      font-family: var(--serif);
      font-weight: 400;
      font-size: 1.08rem
    }

    .t-who a {
      font-size: .85rem;
      color: var(--green);
      font-weight: 600
    }

    .t-ctrl {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 1.4rem
    }

    .dots {
      display: flex;
      gap: .5rem
    }

    .dots button {
      width: 10px;
      height: 10px;
      border-radius: 50px;
      border: 0;
      background: var(--line);
      cursor: pointer;
      transition: .3s;
      padding: 0
    }

    .dots button.on {
      width: 30px;
      background: var(--red)
    }

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

    /* video testimonials */
    .vids {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      margin-top: 3rem
    }

    .vid {
      position: relative;
      border-radius: 16px;
      overflow: hidden;
      cursor: pointer;
      background: #000
    }

    .vid img {
      width: 100%;
      aspect-ratio: 16/21;
      object-fit: cover;
      transition: transform .5s, opacity .3s;
    }

    .vid:hover img {
      transform: scale(1.05);
      opacity: .85
    }

    .vid .play {
      position: absolute;
      left: 50%;
      top: 42%;
      translate: -50% -50%;
      width: 66px;
      height: 66px;
      border-radius: 50%;
      background: #fff;
      display: grid;
      place-items: center;
      color: var(--red);
      box-shadow: 0 0 0 10px rgba(255, 255, 255, .25)
    }

    .vid .play svg {
      width: 24px;
      height: 24px;
      margin-left: 4px
    }

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

    /* ================== PROCESS ================== */
    .process-grid {
      display: grid;
      grid-template-columns: 1fr 1.05fr 1fr;
      gap: 2rem;
      align-items: center
    }
    
    section.process {
        background: #ffffff;
    }

    .p-col {
      display: grid;
      gap: 3.2rem
    }

    .p-step {
      display: flex;
      gap: 1.1rem;
      align-items: flex-start
    }

    .p-col.left .p-step {
      flex-direction: row-reverse;
      text-align: right
    }

    .p-step .n {
      flex: none;
      width: 58px;
      height: 58px;
      border-radius: 50%;
      background: #fff;
      border: 2px solid var(--green);
      display: grid;
      place-items: center;
      font-family: var(--serif);
      font-size: 1.15rem;
      color: var(--green);
      transition: .3s
    }

    .p-step:hover .n {
      background: var(--green);
      color: #fff
    }

    .p-step p {
      margin: 0;
      font-size: .95rem
    }

    .p-center {
      position: relative
    }

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

      .p-center {
        order: -1;
        max-width: 380px;
        margin: 0 auto 1rem
      }

      .p-col {
        gap: 1.8rem
      }

      .p-col.left .p-step {
        flex-direction: row;
        text-align: left
      }
    }

    /* ================== WHY ================== */
    .why .wrap {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: clamp(30px, 6vw, 80px);
      align-items: center
    }

    .why-media {
      position: relative
    }

    .why-media .main {
      border-radius: 20px;
      overflow: hidden
    }

    .why-media .stat {
      position: absolute;
      left: -24px;
      bottom: -24px;
      background: var(--green);
      color: #fff;
      border-radius: 16px;
      padding: 1.3rem 1.6rem;
      box-shadow: var(--shadow)
    }

    .why-media .stat b {
      display: block;
      font-family: var(--serif);
      font-size: 2.4rem;
      line-height: 1
    }

    .why-media .stat span {
      font-size: .88rem;
      color: #CFE0D6
    }

    .why-list {
      display: grid;
      gap: .9rem;
      margin-top: 1.6rem
    }

    .why-item {
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fff;
      overflow: hidden
    }

    .why-item button {
      width: 100%;
      display: flex;
      align-items: center;
      gap: 1rem;
      padding: 1.1rem 1.3rem;
      background: none;
      border: 0;
      cursor: pointer;
      font-family: var(--serif);
      font-size: 1.12rem;
      text-align: left;
      color: var(--ink)
    }

    .why-item .ic {
      width: 44px;
      height: 44px;
      flex: none;
      border-radius: 12px;
      background: var(--sage);
      color: var(--green);
      display: grid;
      place-items: center;
      transition: .3s
    }

    .why-item .ic svg {
      width: 22px;
      height: 22px
    }

    .why-item.open .ic {
      background: var(--red);
      color: #fff
    }

    .why-item .body {
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows .4s
    }

    .why-item.open .body {
      grid-template-rows: 1fr
    }

    .why-item .body>div {
      overflow: hidden
    }

    .why-item .body p {
      padding: 0 1.3rem 1.2rem 4.6rem;
      margin: 0;
      font-size: .95rem
    }

    @media (max-width:960px) {
      .why .wrap {
        grid-template-columns: 1fr
      }

      .why-media {
        max-width: 480px
      }

      .why-media .stat {
        left: 10px
      }
    }

    @media (max-width:520px) {
      .why-item .body p {
        padding-left: 1.3rem
      }
    }

    /* ================== FAQ ================== */
    .faq .wrap {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: clamp(30px, 6vw, 80px);
      align-items: center
    }

    .faq-media {
      border-radius: 20px;
      overflow: hidden
    }

    .acc details {
      border: 1px solid var(--line);
      border-radius: 12px;
      margin-bottom: .8rem;
      background: #fff;
      transition: border-color .3s
    }

    .acc details[open] {
      border-color: var(--green)
    }

    .acc summary {
      list-style: none;
      cursor: pointer;
      padding: 1.1rem 1.3rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
      font-weight: 600;
      font-size: 1rem
    }

    .acc summary::-webkit-details-marker {
      display: none
    }

    .acc .pm {
      flex: none;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: var(--soft);
      position: relative;
      transition: .3s
    }

    .acc .pm::before,
    .acc .pm::after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 12px;
      height: 2px;
      background: var(--ink);
      translate: -50% -50%;
      transition: .3s
    }

    .acc .pm::after {
      rotate: 90deg
    }

    .acc details[open] .pm {
      background: var(--green)
    }

    .acc details[open] .pm::before,
    .acc details[open] .pm::after {
      background: #fff
    }

    .acc details[open] .pm::after {
      rotate: 0deg
    }

    .acc .ans p {
      padding: 0 1.3rem 1.2rem;
      margin: 0;
      font-size: .95rem
    }

    @media (max-width:960px) {
      .faq .wrap {
        grid-template-columns: 1fr
      }

      .faq-media {
        max-width: 440px
      }
    }

    /* ================== CONTACT ================== */
    .contact-box {
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      border-radius: 24px;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 30px 60px -30px rgba(13, 52, 40, .35);
      border: 1px solid var(--line)
    }

    .contact-media {
      position: relative;
      background: var(--sage)
    }

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

    .contact-media .info {
      position: absolute;
      left: 20px;
      right: 20px;
      bottom: 20px;
      background: #fff;
      border-radius: 14px;
      padding: 1.1rem 1.3rem;
      display: grid;
      gap: .4rem;
      font-size: .92rem;
      box-shadow: var(--shadow)
    }

    .contact-media .info a:hover {
      color: var(--red)
    }

    .contact-form {
      padding: clamp(1.6rem, 4vw, 3rem)
    }

    .form {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
      margin-top: 1.4rem
    }

    .f {
      display: flex;
      flex-direction: column;
      gap: .35rem
    }

    .f.full {
      grid-column: 1/-1
    }

    .f label {
      font-size: .85rem;
      font-weight: 600
    }

    .f input,
    .f select,
    .f textarea {
      font: inherit;
      font-size: .96rem;
      padding: .85rem 1rem;
      border: 1px solid var(--line);
      border-radius: 10px;
      background: var(--soft);
      color: var(--ink);
      width: 100%;
      transition: border-color .2s, box-shadow .2s, background .2s;
      height: 50px;
    }
    
    .process {
        background: #faf8ff;
    }

    .f input:focus,
    .f select:focus,
    .f textarea:focus {
      outline: none;
      border-color: var(--green);
      background: #fff;
      box-shadow: 0 0 0 3px rgba(20, 81, 61, .15)
    }

    .f textarea {
      min-height: 120px;
      resize: vertical
    }

    .form .btn {
      grid-column: 1/-1
    }

    @media (max-width:900px) {
      .contact-box {
        grid-template-columns: 1fr
      }

      .contact-media {
        height: 320px
      }
    }

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

    /* ================== FOOTER ================== */
    footer {
      background: #000000;
      color: #C5D3CA;
      padding: 80px 0 0;
      font-size: .94rem;
      margin-top: clamp(0px, 8vw, 0px)
    }

    footer .grid {
      display: grid;
      grid-template-columns: 1.3fr 1fr 1.2fr 1.3fr;
      gap: 2.5rem;
      padding-bottom: 3rem;
      height: auto !important;
    }

    footer h4 {
      color: #fff;
      font-size: 1.2rem;
      margin-bottom: 1.1rem
    }

    footer ul {
      list-style: none;
      margin: 0;
      padding: 0;
      /*display: grid;*/
      gap: .55rem
    }

    footer a:hover {
      color: var(--brass)
    }

    footer p {
      color: #C5D3CA
    }

    footer .f-logo {
      height: 56px;
      width: auto;
      margin-bottom: 1.2rem
    }

    footer .social a {
      border-color: rgba(255, 255, 255, .2);
      color: #fff
    }

    footer .social a:hover {
      background: var(--brass);
      border-color: var(--brass)
    }

    .powered {
      display: inline-flex;
      align-items: center;
      gap: .8rem;
      margin-top: 1.4rem;
      font-size: .85rem;
      background: rgba(255, 255, 255, .06);
      padding: .6rem .9rem;
      border-radius: 10px
    }

    .bottom {
      border-top: 1px solid rgba(255, 255, 255, .12);
      padding: 1.3rem 0;
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
      font-size: .86rem
    }

    .bottom ul {
      display: flex;
      gap: 1.4rem
    }

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

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

    /* ================== FLOATING / POPUP ================== */
    .wa {
      position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 60;
      width: 58px;
      height: 58px;
      border-radius: 50%;
      background: #25D366;
      display: grid;
      place-items: center;
      box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .45);
      transition: transform .25s
    }

    .wa:hover {
      transform: scale(1.07)
    }

    .wa svg {
      width: 30px;
      height: 30px;
      fill: #fff
    }

    .to-top {
      position: fixed;
      right: 28px;
      bottom: 92px;
      z-index: 60;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: var(--green);
      color: #fff;
      border: 0;
      cursor: pointer;
      display: grid;
      place-items: center;
      opacity: 0;
      visibility: hidden;
      transition: .3s
    }

    .to-top.show {
      opacity: 1;
      visibility: visible
    }

    .to-top svg {
      width: 20px;
      height: 20px
    }

    dialog.offer {
      border: 0;
      padding: 0;
      border-radius: 18px;
      max-width: 460px;
      width: calc(100% - 32px);
      background: #fff;
      color: var(--ink);
      overflow: hidden
    }

    dialog.offer::backdrop {
      background: rgba(13, 30, 24, .6)
    }

    .offer .head {
      background: var(--red);
      color: #fff;
      padding: 1.8rem 1.8rem 1.5rem;
      position: relative
    }

    .offer .head small {
      display: inline-block;
      background: rgba(255, 255, 255, .15);
      padding: .25rem .7rem;
      border-radius: 50px;
      font-size: .78rem;
      font-weight: 600;
      letter-spacing: .05em
    }

    .offer .head h3 {
      margin: .7rem 0 0;
      font-size: 1.45rem;
      color: #fff
    }

    .offer .x {
      position: absolute;
      top: 12px;
      right: 12px;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 0;
      background: rgba(255, 255, 255, .18);
      color: #fff;
      cursor: pointer;
      font-size: 1rem
    }

    .offer form {
      padding: 1.5rem 1.8rem 1.8rem;
      display: grid;
      gap: .85rem
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto
      }

      .logos .track {
        animation: none
      }

      * {
        transition: none !important
      }
    }

    /*table-home-sec*/
    /*table-section-css*/
    .dbp-rights-2026,
    .dbp-rights-2026 * {
      box-sizing: border-box;
    }

    .dbp-rights-2026 {
      --dbpr-bg: #181923;
      --dbpr-deep: #10111a;
      --dbpr-pane: #252535;
      --dbpr-purple: #7860ff;
      --dbpr-purple-strong: #6348f3;
      --dbpr-border: rgba(235, 233, 255, .105);
      --dbpr-white: #fafaff;
      --dbpr-muted: #c0c0d0;
      position: relative;
      isolation: isolate;
      width: 100%;
      padding: clamp(25px, 5vw, 74px) 18px;
      color: var(--dbpr-white);
      background: #f7f7fb;
      font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      line-height: 1.55;
    }

    .dbp-rights-2026 .dbpr-frame {
      position: relative;
      max-width: 1264px;
      margin: auto;
      overflow: hidden;
      border-radius: clamp(20px, 2.5vw, 34px);
      border: 1px solid rgba(27, 20, 68, .09);
      background: radial-gradient(ellipse at 89% 9%, rgba(97, 75, 220, .19), transparent 37%), linear-gradient(120deg, #171821 0%, #1c1c29 53%, #171822 100%);
      box-shadow: 0 25px 65px rgba(28, 23, 71, .17), 0 3px 8px rgba(28, 23, 71, .07);
    }

    .dbp-rights-2026 .dbpr-frame:before {
      content: "";
      position: absolute;
      pointer-events: none;
      inset: 0;
      background: repeating-linear-gradient(90deg, transparent 0, transparent 98px, rgba(255, 255, 255, .018) 99px, transparent 100px);
      opacity: .3;
    }

    .dbp-rights-2026 .dbpr-orb {
      position: absolute;
      z-index: 0;
      pointer-events: none;
      border-radius: 50%;
      filter: blur(4px);
      width: 380px;
      height: 380px;
      right: -180px;
      top: -210px;
      background: radial-gradient(circle, rgba(126, 105, 255, .25) 0%, rgba(126, 105, 255, .045) 48%, transparent 70%);
      animation: dbpr-float 11s ease-in-out infinite alternate;
    }

    .dbp-rights-2026 .dbpr-inner {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(260px, 0.86fr) minmax(0, 1.5fr);
      gap: clamp(30px, 5.3vw, 30px);
      padding: clamp(32px, 5.3vw, 50px);
      align-items: center;
    }

    .dbp-rights-2026 .dbpr-text {
      max-width: 420px;
    }

    .dbp-rights-2026 .dbpr-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 23px;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: .14em;
      text-transform: uppercase;
      font-family: "Libre Caslon Text", Georgia, "Times New Roman", serif;
      color: #d5ceff;
    }

    .dbp-rights-2026 .dbpr-eyebrow-icon {
      display: grid;
      place-items: center;
      width: 27px;
      height: 27px;
      border-radius: 9px;
      color: #b7a8ff;
      border: 1px solid rgba(174, 159, 255, .27);
      background: rgba(120, 96, 255, .14);
    }

    .dbp-rights-2026 .dbpr-eyebrow-line {
      width: 25px;
      height: 1px;
      background: rgba(177, 164, 255, .4)
    }

    .dbp-rights-2026 h2 {
      margin: 0 0 20px;
      color: #fff;
      font-size: clamp(29px, 3.35vw, 36px);
      line-height: 1.11;
      letter-spacing: 0;
      font-weight: 500;
      text-wrap: balance;
      max-width: 100%;
    }

    .dbp-rights-2026 h2 .dbpr-accent {
      display: inline;
      background: linear-gradient(100deg, #fff 2%, #c5baff 28%, #987eff 90%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }

    .dbp-rights-2026 .dbpr-description {
      margin: 0;
      max-width: 390px;
      color: #bbbcca;
      font-size: clamp(14px, 1.08vw, 16px);
      line-height: 1.8;
    }

    .dbp-rights-2026 .dbpr-ctas {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 13px 18px;
      margin-top: 32px
    }

    .dbp-rights-2026 .dbpr-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
      border: 0;
      background: #fff;
      color: #181823;
      text-decoration: none;
      border-radius: 100px;
      min-height: 47px;
      padding: 6px 6px 6px 19px;
      font-size: 12px;
      line-height: 1.1;
      font-weight: 750;
      letter-spacing: -.005em;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, .7), 0 14px 30px rgba(6, 5, 25, .2);
      transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
    }

    .dbp-rights-2026 .dbpr-btn:hover,
    .dbp-rights-2026 .dbpr-btn:focus-visible {
      transform: translateY(-3px);
      box-shadow: 0 14px 32px rgba(115, 92, 255, .33);
      background: #f7f6ff;
    }

    .dbp-rights-2026 .dbpr-btn svg {
      display: block;
      width: 33px;
      height: 33px;
      padding: 8px;
      border-radius: 50%;
      color: white;
      background: linear-gradient(135deg, #917aff, #583af0);
      transition: transform .25s ease;
    }

    .dbp-rights-2026 .dbpr-btn:hover svg {
      transform: translateX(2px) rotate(-35deg)
    }

    .dbp-rights-2026 .dbpr-call {
      font-size: 12px;
      font-weight: 630;
      color: #cbcad8;
      text-decoration: none;
      border-bottom: 1px solid #706c92;
      padding-bottom: 3px;
      transition: color .2s ease
    }

    .dbp-rights-2026 .dbpr-call:hover {
      color: white
    }

    .dbp-rights-2026 .dbpr-rule {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 35px;
      color: #898ba4;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: .01em
    }

    .dbp-rights-2026 .dbpr-rule:before {
      content: "";
      width: 24px;
      height: 1px;
      background: #69617b
    }

    .dbp-rights-2026 .dbpr-table-wrap {
      position: relative;
      min-width: 0;
    }

    .dbp-rights-2026 .dbpr-table-kicker {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 13px
    }

    .dbp-rights-2026 .dbpr-table-kicker strong {
      font-size: 12px;
      letter-spacing: .01em;
      color: #f4f3ff;
      font-weight: 700
    }

    .dbp-rights-2026 .dbpr-table-kicker span {
      font-size: 10px;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: #a29eba
    }

    .dbp-rights-2026 .dbpr-comparison {
      width: 100%;
      overflow: hidden;
      border-radius: 17px;
      border: 1px solid rgba(223, 214, 255, .17);
      box-shadow: 0 23px 49px rgba(8, 8, 23, .15);
      background: #232431;
    }

    .dbp-rights-2026 table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      table-layout: fixed;
      margin: 0;
      color: #f5f4fe;
      font-size: 12px
    }

    .dbp-rights-2026 table th,
    .dbp-rights-2026 table td {
      box-sizing: border-box;
      border: 0;
    }

    .dbp-rights-2026 thead th {
      padding: 18px 12px;
      color: #d9d9e6;
      text-align: center;
      line-height: 1.34;
      font-size: 14px;
      font-weight: 690;
      border-bottom: 1px solid rgba(255, 255, 255, .11);
      background: #2a2a39;
      font-family: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    .dbp-rights-2026 thead th:first-child {
      width: 34%;
      text-align: left;
      padding-left: 20px;
      color: #a2a1b4;
      font-family: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    .dbp-rights-2026 thead th:nth-child(2) {
      width: 26%;
    }

    .dbp-rights-2026 thead th:nth-child(3) {
      width: 20%
    }

    .dbp-rights-2026 thead th:nth-child(4) {
      width: 20%
    }

    .dbp-rights-2026 thead th.dbpr-featured {
      background: linear-gradient(145deg, #8068ff, #6248eb);
      color: #fff;
      border-bottom-color: rgba(255, 255, 255, .24);
    }

    .dbp-rights-2026 tbody tr {
      transition: background .25s ease
    }

    .dbp-rights-2026 tbody tr>* {
      padding: 16px 12px;
      line-height: 1.44;
      border-bottom: 1px solid rgba(255, 255, 255, .072);
      transition: background .25s ease;
      vertical-align: middle;
    }

    .dbp-rights-2026 tbody tr:last-child>* {
      border-bottom: 0
    }

    .dbp-rights-2026 tbody th {
      text-align: left;
      font-size: 14px;
      font-weight: 600;
      padding-left: 20px;
      font-family: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color: #edeefa;
      background: rgba(255, 255, 255, .007);
    }

    .dbp-rights-2026 tbody td {
      text-align: center;
      color: #bebdcc;
      font-size: 14px;
      font-family: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    .dbp-rights-2026 tbody td.dbpr-featured {
      background: #403575;
      border-left: 1px solid rgba(170, 148, 255, .22);
      border-right: 1px solid rgba(170, 148, 255, .22)
    }

    .dbp-rights-2026 tbody tr:nth-child(even) td.dbpr-featured {
      background: #3a326b
    }

    .dbp-rights-2026 tbody tr:hover>th,
    .dbp-rights-2026 tbody tr:hover>td:not(.dbpr-featured) {
      background: #2f3040
    }

    .dbp-rights-2026 tbody tr:hover>td.dbpr-featured {
      background: #534497
    }

    .dbp-rights-2026 .dbpr-check {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 29px;
      height: 28px;
      border-radius: 50%;
      background: rgba(159, 144, 255, .16);
      color: #d5cbff;
      border: 1px solid rgba(190, 179, 255, .14);
      vertical-align: middle;
    }

    .dbp-rights-2026 .dbpr-check svg {
      width: 20px;
      height: 20px;
    }

    .dbp-rights-2026 .dbpr-featured .dbpr-check {
      background: rgba(255, 255, 255, .20);
      color: white;
      border-color: rgba(255, 255, 255, .22)
    }

    .dbp-rights-2026 .dbpr-value--featured {
      font-weight: 800;
      font-size: 13px;
      color: #fff;
      letter-spacing: .01em;
      font-family: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    }

    .dbp-rights-2026 .dbpr-foot {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 9px;
      margin-top: 14px;
      font-size: 14px;
      color: #85869d
    }

    .dbp-rights-2026 .dbpr-foot svg {
      color: #9e8bff
    }

    .dbp-rights-2026 .dbpr-mobile-list {
      display: none
    }

    .dbp-rights-2026 .dbpr-spotlight {
      position: absolute;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      pointer-events: none;
      right: -100px;
      bottom: -130px;
      background: rgba(115, 95, 245, .10);
      filter: blur(40px)
    }

    .dbp-rights-2026 a:focus-visible {
      outline: 3px solid #c8bbff;
      outline-offset: 4px
    }

    @media(min-width:951px) {
      .dbp-rights-2026.dbpr-ready .dbpr-text {
        opacity: 0;
        transform: translateY(18px);
        transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1)
      }

      .dbp-rights-2026.dbpr-ready .dbpr-table-wrap {
        opacity: 0;
        transform: translateY(24px) scale(.986);
        transition: opacity .85s ease .13s, transform .85s cubic-bezier(.2, .7, .2, 1) .13s
      }

      .dbp-rights-2026.dbpr-ready.dbpr-inview .dbpr-text,
      .dbp-rights-2026.dbpr-ready.dbpr-inview .dbpr-table-wrap {
        opacity: 1;
        transform: none
      }
    }

    @media(max-width:1100px) {
      .dbp-rights-2026 .dbpr-inner {
        gap: 30px;
        padding: 40px 31px
      }

      .dbp-rights-2026 h2 {
        font-size: 37px
      }

      .dbp-rights-2026 tbody th,
      .dbp-rights-2026 tbody td {
        font-size: 11px
      }
    }

    @media(max-width:950px) {
      .dbp-rights-2026 .dbpr-inner {
        grid-template-columns: 1fr;
        gap: 35px;
        padding: 42px
      }

      .dbp-rights-2026 .dbpr-text {
        max-width: 680px
      }

      .dbp-rights-2026 h2 {
        max-width: 650px;
        font-size: clamp(31px, 5vw, 49px)
      }

      .dbp-rights-2026 .dbpr-description {
        max-width: 650px
      }
    }

    @media(max-width:680px) {
      .dbp-rights-2026 {
        padding: 28px 13px
      }

      .dbp-rights-2026 .dbpr-frame {
        border-radius: 21px
      }

      .dbp-rights-2026 .dbpr-inner {
        padding: 31px 20px 26px;
        gap: 34px
      }

      .dbp-rights-2026 h2 {
        font-size: clamp(30px, 8vw, 41px);
        margin-bottom: 16px;
        letter-spacing: -.045em
      }

      .dbp-rights-2026 .dbpr-description {
        font-size: 14px;
        line-height: 1.72
      }

      .dbp-rights-2026 .dbpr-eyebrow {
        margin-bottom: 18px
      }

      .dbp-rights-2026 .dbpr-ctas {
        margin-top: 25px
      }

      .dbp-rights-2026 .dbpr-rule {
        margin-top: 24px
      }

      .dbp-rights-2026 .dbpr-comparison {
        display: none
      }

      .dbp-rights-2026 .dbpr-mobile-list {
        display: grid;
        gap: 11px
      }

      .dbp-rights-2026 .dbpr-mobile-card {
        padding: 16px;
        border: 1px solid rgba(211, 205, 255, .11);
        border-radius: 14px;
        background: #292936;
        transition: transform .25s ease, border-color .25s ease
      }

      .dbp-rights-2026 .dbpr-mobile-card:hover {
        transform: translateY(-2px);
        border-color: rgba(169, 155, 255, .35)
      }

      .dbp-rights-2026 .dbpr-mobile-card h3 {
        margin: 0 0 13px;
        color: #fff;
        font-size: 13px;
        font-weight: 690;
        letter-spacing: -.01em;
        line-height: 1.3
      }

      .dbp-rights-2026 .dbpr-mini-cols {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px
      }

      .dbp-rights-2026 .dbpr-mini-col {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 0;
        gap: 8px;
        min-height: 76px;
        padding: 10px 7px;
        border-radius: 9px;
        background: #22232e;
        text-align: center
      }

      .dbp-rights-2026 .dbpr-mini-col--featured {
        background: linear-gradient(145deg, #6a53ec, #4738a2)
      }

      .dbp-rights-2026 .dbpr-mini-col span:first-child {
        font-size: 9px;
        line-height: 1.25;
        color: #a6a5bb;
        letter-spacing: .005em
      }

      .dbp-rights-2026 .dbpr-mini-col--featured span:first-child {
        color: #ece7ff;
        font-weight: 670
      }

      .dbp-rights-2026 .dbpr-mini-col strong {
        font-weight: 630;
        font-size: 14px;
        line-height: 1.25;
        color: #e3e2ed;
        overflow-wrap: anywhere
      }

      .dbp-rights-2026 .dbpr-mini-col--featured strong {
        color: #fff
      }

      .dbp-rights-2026 .dbpr-mini-col .dbpr-check {
        width: 21px;
        height: 21px
      }

      .dbp-rights-2026 .dbpr-table-kicker {
        margin-bottom: 11px
      }

      .dbp-rights-2026 .dbpr-foot {
        margin-top: 15px;
        justify-content: flex-start
      }
    }

    @media(max-width:360px) {
      .dbp-rights-2026 .dbpr-inner {
        padding: 26px 15px
      }

      .dbp-rights-2026 .dbpr-btn {
        font-size: 11px
      }

      .dbp-rights-2026 .dbpr-mini-col {
        padding: 9px 4px
      }

      .dbp-rights-2026 .dbpr-mini-col span:first-child {
        font-size: 8px
      }
    }

    @keyframes dbpr-float {
      to {
        transform: translate(-25px, 35px) scale(1.08)
      }
    }

    @media(prefers-reduced-motion:reduce) {
      .dbp-rights-2026 .dbpr-orb {
        animation: none !important
      }

      .dbp-rights-2026 *,
      .dbp-rights-2026 *::before,
      .dbp-rights-2026 *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important
      }

      .dbp-rights-2026.dbpr-ready .dbpr-text,
      .dbp-rights-2026.dbpr-ready .dbpr-table-wrap {
        opacity: 1 !important;
        transform: none !important
      }
    }


    /*mapsection*/
    .dbp-office {
      --dbpo-purple: #7358ee;
      --dbpo-purple-dark: #5940dc;
      --dbpo-ink: #211b36;
      --dbpo-muted: #716b83;
      --dbpo-line: #edeaf5;
      position: relative;
      isolation: isolate;
      overflow: hidden;
      background: radial-gradient(ellipse at 96% 0%, #f4f0ff 0%, transparent 33%),
        radial-gradient(ellipse at 0% 100%, #f7f4ff 0%, transparent 31%), #fff;
      color: var(--dbpo-ink);
      padding: clamp(56px, 7vw, 92px) 22px;
      font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    }

    .dbp-office,
    .dbp-office * {
      box-sizing: border-box;
    }

    .dbp-office a {
      text-decoration: none;
      font-family: Georgia, 'Times New Roman', serif;
    }

    .dbp-office a:focus-visible {
      outline: 3px solid #b6a8ff;
      outline-offset: 4px;
    }

    .dbp-office__wrap {
      position: relative;
      max-width: 1150px;
      margin: 0 auto;
    }

    .dbp-office__book {
      position: absolute;
      z-index: -1;
      top: -38px;
      right: 5px;
      width: 180px;
      height: auto;
      color: #c5b9f9;
      opacity: .42;
      pointer-events: none;
    }

    .dbp-office__eyebrow {
      margin: 0 0 14px;
      display: flex;
      align-items: center;
      gap: 11px;
      color: var(--dbpo-purple);
      text-transform: uppercase;
      letter-spacing: .16em;
      font-weight: 800;
      font-size: 11px;
    }

    .dbp-office__eyebrow::before {
      content: "";
      display: block;
      width: 26px;
      height: 3px;
      border-radius: 10px;
      background: currentColor;
    }

    .dbp-office__heading {
      margin: 0 0 12px;
      font: 400 clamp(35px, 4.5vw, 46px) / 1.15 Georgia, "Times New Roman", serif;
      letter-spacing: 0px;
    }

    .dbp-office__heading em {
      font-weight: 400;
    }

    .dbp-office__intro {
      max-width: 600px;
      margin: 0;
      color: var(--dbpo-muted);
      font-size: clamp(13px, 1.25vw, 15px);
      line-height: 1.8;
    }

    .dbp-office__grid {
      display: grid;
      grid-template-columns: minmax(0, 1.38fr) minmax(330px, 1fr);
      gap: 23px;
      align-items: stretch;
      margin-top: 34px;
    }

    .dbp-office__map {
      min-height: 480px;
      position: relative;
      overflow: hidden;
      border: 1px solid #e9e6f3;
      border-radius: 24px;
      background: #ececf3;
      box-shadow: 0 17px 38px rgba(32, 22, 59, .07);
    }

    .dbp-office__map-art {
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      display: block;
      pointer-events: none;
    }

    .dbp-office__pin {
      position: absolute;
      z-index: 2;
      left: 53%;
      top: 50%;
      transform: translate(-50%, -25%);
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 9px;
      color: var(--dbpo-purple);
      filter: drop-shadow(0 8px 9px rgba(66, 44, 154, .18));
    }

    .dbp-office__pin-label {
      border-radius: 999px;
      padding: 11px 17px;
      background: white;
      color: var(--dbpo-ink);
      font: 600 13px/1.2 Georgia, "Times New Roman", serif;
      box-shadow: 0 5px 19px rgba(38, 32, 79, .12);
      white-space: nowrap;
    }

    .dbp-office__map-tag,
    .dbp-office__map-link {
      position: absolute;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      border-radius: 999px;
      background: #fff;
      box-shadow: 0 6px 24px rgba(39, 28, 72, .16);
      font-size: 12px;
      font-weight: 750;
      color: var(--dbpo-ink);
    }

    .dbp-office__map-tag {
      top: 22px;
      left: 22px;
      padding: 12px 17px;
      pointer-events: none;
    }

    .dbp-office__map-tag svg {
      color: var(--dbpo-purple);
    }

    .dbp-office__map-link {
      right: 20px;
      bottom: 20px;
      padding: 13px 17px;
      transition: transform .2s ease, box-shadow .2s ease;
    }

    .dbp-office__map-link:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 28px rgba(39, 28, 72, .22);
    }

    .dbp-office__aside {
      display: flex;
      flex-direction: column;
      gap: 16px;
      min-width: 0;
    }

    .dbp-office__details {
      position: relative;
      overflow: hidden;
      flex: 1;
      border: 1px solid #302a48;
      border-radius: 23px;
      padding: clamp(23px, 2.9vw, 36px);
      background: linear-gradient(145deg, #2e2646 0%, #211b37 54%, #1c182f 100%);
      color: #fff;
      box-shadow: 0 15px 34px rgba(34, 27, 61, .15);
    }

    .dbp-office__details::before {
      content: "";
      position: absolute;
      top: -150px;
      right: -110px;
      width: 320px;
      height: 320px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(120, 91, 231, .16), transparent 64%);
      pointer-events: none;
    }

    .dbp-office__label {
      margin: 0 0 10px;
      color: #b6a4ff;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .dbp-office__address {
      max-width: 390px;
      margin: 0;
      font: 400 clamp(20px, 2.15vw, 26px)/1.3 Georgia, "Times New Roman", serif;
      letter-spacing: -.015em;
      color: #fff;
    }

    .dbp-office__rule {
      height: 1px;
      background: rgba(255, 255, 255, .2);
      margin: 20px 0;
    }

    .dbp-office__contact {
      display: grid;
      gap: 13px;
      margin: 0;
    }

    .dbp-office__contact-row {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 14px;
      font-size: 12px;
    }

    .dbp-office__contact dt {
      display: flex;
      align-items: center;
      gap: 10px;
      color: #c8c2da;
      flex-shrink: 0;
    }

    .dbp-office__contact dt svg {
      align-self: center;
      flex-shrink: 0;
    }

    .dbp-office__contact dd {
      margin: 0;
      text-align: right;
      font-weight: 650;
      color: white;
      overflow-wrap: anywhere;
    }

    .dbp-office__contact a {
      color: white;
      font-family: Georgia, 'Times New Roman', serif;
      font-size: 13px;
      letter-spacing: 0.80px;
    }

    .dbp-office__contact a:hover {
      color: #c7baff;
    }

    .dbp-office__actions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      margin-top: 27px;
    }

    .dbp-office__btn {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: 11px;
      min-height: 46px;
      padding: 12px 19px;
      border-radius: 999px;
      font-size: 12px;
      font-weight: 750;
      transition: transform .2s ease, background .2s ease;
    }

    .dbp-office__btn:hover {
      transform: translateY(-2px);
    }

    .dbp-office__btn--primary {
      color: #fff;
      background: linear-gradient(135deg, #8568ff, #6246e5);
      box-shadow: 0 6px 16px rgba(111, 80, 229, .22);
    }

    .dbp-office__btn--primary:hover {
        background: linear-gradient(135deg, #957cff, #6c4bf5);
        color: #fff;
    }

    .dbp-office__btn--outline {
      color: #fff;
      border: 1px solid #928aa9;
    }

    .dbp-office__btn--outline:hover {
      background: rgba(255, 255, 255, .08);
      color: #fff;
    }

    .dbp-office__cork {
      position: relative;
      overflow: hidden;
      min-height: 110px;
      padding: 21px 25px;
      border: 1px solid #ebe6f7;
      border-radius: 21px;
      background: linear-gradient(115deg, #f6f3ff, #fcfbff);
      box-shadow: 0 8px 23px rgba(34, 27, 61, .045);
    }

    .dbp-office__cork .dbp-office__label {
      margin-bottom: 5px;
      color: #654ce1;
    }

    .dbp-office__cork-note {
      margin: 0 0 11px;
      color: #716b83;
      font-size: 12px;
    }

    .dbp-office__cork-phone {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      font-size: 15px;
      font-weight: 750;
      color: var(--dbpo-ink);
    }

    .dbp-office__cork-phone:hover {
      color: var(--dbpo-purple);
    }

    .dbp-office__cork-art {
      position: absolute;
      bottom: -10px;
      right: 0;
      width: 140px;
      color: #c8bdfa;
      opacity: .48;
      pointer-events: none;
    }

    @media (max-width: 890px) {
      .dbp-office__grid {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .9fr);
        gap: 15px;
      }

      .dbp-office__details {
        padding: 24px;
      }

      .dbp-office__map {
        min-height: 460px;
      }

      .dbp-office__contact-row {
        gap: 8px;
        font-size: 11px;
      }
    }

    @media (max-width: 720px) {
      .dbp-office {
        padding: 58px 18px;
      }

      .dbp-office__grid {
        grid-template-columns: 1fr;
        gap: 17px;
        margin-top: 27px;
      }

      .dbp-office__map {
        min-height: 360px;
      }

      .dbp-office__details {
        padding: 27px;
      }

      .dbp-office__book {
        width: 112px;
        top: -14px;
        opacity: .22;
      }
    }

    @media (max-width: 430px) {
      .dbp-office__heading {
        font-size: 34px;
      }

      .dbp-office__map {
        min-height: 300px;
        border-radius: 19px;
      }

      .dbp-office__map-tag {
        top: 14px;
        left: 14px;
        padding: 10px 12px;
      }

      .dbp-office__map-link {
        bottom: 14px;
        right: 14px;
        padding: 11px 13px;
        font-size: 11px;
      }

      .dbp-office__details {
        padding: 23px 19px;
      }

      .dbp-office__contact-row {
        flex-wrap: wrap;
        align-items: center;
        font-size: 12px;
      }

      .dbp-office__contact dd {
        margin-left: auto;
      }

      .dbp-office__actions {
        flex-direction: column;
      }

      .dbp-office__btn {
        width: 100%;
      }

      .dbp-office__cork {
        padding: 20px;
      }
    }

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

      .dbp-office__btn,
      .dbp-office__map-link {
        transition: none;
      }
    }


    /*counter-css*/
      /* Dublin Book Publishing Counter + Distribution / scoped v3 stylesheet */
      .dbp-proof {
        --dbp-primary: #7358ee;
        --dbp-ink: #211b36;
        --dbp-dark: #241c3d;
        --dbp-muted: #777084;
        --dbp-border: #ebe6f2;
        --dbp-soft: #faf9fc;
        font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
        background: #fff;
        color: var(--dbp-ink);
        padding: 68px 20px 76px;
        isolation: isolate;
      }

      .dbp-proof,
      .dbp-proof * {
        box-sizing: border-box;
      }

      .dbp-proof p,
      .dbp-proof h2,
      .dbp-proof h3 {
        margin: 0;
      }

      .dbp-proof__container {
        width: min(100%, 1180px);
        margin-inline: auto;
      }

      .dbp-proof__intro {
        display: flex;
        gap: 24px;
        align-items: end;
        justify-content: space-between;
        margin-bottom: 27px;
      }

      .dbp-proof__eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 11px;
        letter-spacing: .16em;
        line-height: 1.4;
        color: #7051dc;
        font-weight: 800;
        font-family: "Libre Caslon Text", Georgia, "Times New Roman", serif;
        margin-bottom: 11px !important;
      }

      .dbp-proof__eyebrow-line {
        width: 25px;
        height: 2px;
        display: inline-block;
        flex: none;
        border-radius: 3px;
        background: #967aff;
      }

      .dbp-proof__intro h2 {
        font-family: Georgia, 'Times New Roman', serif;
        font-weight: 500;
        font-size: clamp(31px, 3.4vw, 44px);
        letter-spacing: 0px;
        line-height: 1.15;
      }

      .dbp-proof__intro h2 span {
        color: #5b4199;
      }

      .dbp-proof__intro-note {
        color: #786f88;
        text-align: right;
        font-size: 14px;
        line-height: 1.65;
        padding-bottom: 5px;
        flex: none;
      }

      .dbp-proof__stats {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }

      .dbp-proof__stat {
        overflow: hidden;
        background: #fbfafc;
        border: 1px solid var(--dbp-border);
        border-radius: 16px;
        min-height: 176px;
        padding: 18px 20px 20px;
        position: relative;
        box-shadow: 0 8px 24px rgba(36, 22, 61, .025);
        transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
      }

      .dbp-proof__stat:hover {
        transform: translateY(-3px);
        border-color: #d8cbee;
        box-shadow: 0 12px 26px rgba(44, 26, 78, .07);
      }

      .dbp-proof__stat-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }

      .dbp-proof__stat-icon {
        width: 36px;
        height: 36px;
        background: #efebfb;
        border-radius: 10px;
        color: #7557d7;
        display: grid;
        place-items: center;
      }

      .dbp-proof__stat-icon svg {
        width: 20px;
        height: 20px;
      }

      .dbp-proof__stat-index {
        font-size: 10px;
        letter-spacing: .09em;
        color: #bbb4c7;
        font-weight: 700;
      }

      .dbp-proof__number {
        font-size: clamp(34px, 3.4vw, 36px);
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: 0px;
        margin-top: 15px !important;
        color: #211b36;
        font-family: "Libre Caslon Text", Georgia, "Times New Roman", serif;
        font-variant-numeric: tabular-nums;
      }

      .dbp-proof__stat-label {
        color: #6f667e;
        margin-top: 5px !important;
        font-size: 14px;
        line-height: 1.45;
      }

      .dbp-proof__stat--spotlight {
        background: linear-gradient(130deg, #332749 0%, #211a39 100%);
        border-color: #33294b;
        box-shadow: 0 13px 27px rgba(40, 25, 66, .12);
      }

      .dbp-proof__stat--spotlight:after {
        content: '';
        position: absolute;
        right: -72px;
        bottom: -97px;
        width: 185px;
        height: 185px;
        border: 30px solid rgba(172, 145, 255, .065);
        border-radius: 50%;
        pointer-events: none;
      }

      .dbp-proof__stat--spotlight:hover {
        border-color: #4d3e64;
        box-shadow: 0 14px 28px rgba(40, 25, 66, .16);
      }

      .dbp-proof__stat--spotlight .dbp-proof__stat-icon {
        background: rgba(177, 151, 255, .14);
        color: #d0bfff;
      }

      .dbp-proof__stat--spotlight .dbp-proof__stat-index {
        color: #9588ae;
      }

      .dbp-proof__stat--spotlight .dbp-proof__number {
        color: #fff;
      }

      .dbp-proof__stat--spotlight .dbp-proof__stat-label {
        color: #ddd4e9;
        max-width: 235px;
      }

      .dbp-proof__distribution {
        display: grid;
        grid-template-columns: 38% minmax(0, 62%);
        border: 1px solid #e9e4f1;
        box-shadow: 0 13px 45px rgba(43, 29, 66, .055);
        border-radius: 21px;
        overflow: hidden;
        margin-top: 24px;
        background: white;
      }

      .dbp-proof__distribution-story {
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 390px;
        padding: 31px 34px 26px;
        background: radial-gradient(circle at 96% 5%, #4b3967 0, transparent 47%), linear-gradient(150deg, #36284f 0%, #211a37 78%);
        color: #fff;
      }

      .dbp-proof__distribution-story:before {
        position: absolute;
        content: '';
        height: 380px;
        width: 380px;
        border: 1px solid rgba(197, 172, 251, .09);
        border-radius: 50%;
        right: -214px;
        top: -225px;
        pointer-events: none;
      }

      .dbp-proof__distribution-content,
      .dbp-proof__story-bottom {
        z-index: 1;
        position: relative;
      }

      .dbp-proof__small-heading {
        display: flex;
        gap: 9px;
        align-items: center;
        font-size: 9px;
        color: #ded5ff;
        font-weight: 600;
        letter-spacing: .15em;
        line-height: 1.5;
        font-family: "Libre Caslon Text", Georgia, "Times New Roman", serif;
      }

      .dbp-proof__small-dot {
        width: 6px;
        height: 6px;
        background: #b59aff;
        border-radius: 50%;
        box-shadow: 0 0 0 4px rgba(181, 154, 255, .12);
      }

      .dbp-proof__distribution-story h3 {
        color: #fff;
        font-family: "Libre Caslon Text", Georgia, "Times New Roman", serifserif;
        font-size: clamp(27px, 2.65vw, 32px);
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 1.22;
        margin-top: 22px !important;
      }

      .dbp-proof__distribution-story h3 em {
        color: #cdbdff;
        font-style: normal;
      }

      .dbp-proof__story-description {
        max-width: 90%;
        color: #c8bfd5;
        font-size: 13px;
        line-height: 1.75;
        margin-top: 15px !important;
        font-family: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      }

      .dbp-proof__book-art {
        position: absolute;
        left: 0;
        bottom: 29px;
        width: 100%;
        max-height: 150px;
        pointer-events: none;
        opacity: .86;
      }

      .dbp-proof__story-bottom {
        display: flex;
        align-items: center;
        font-family: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        gap: 9px;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .13em;
        color: #d4cafa;
        margin-top: 0px !important;
      }

      .dbp-proof__story-bottom-line {
        width: 19px;
        height: 1px;
        background: #b8a3fc;
      }

      .dbp-proof__distribution-platforms {
        padding: 29px 30px 24px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
      }

      .dbp-proof__platform-heading-row {
        display: flex;
        align-items: start;
        justify-content: space-between;
        gap: 10px;
      }

      .dbp-proof__platform-eyebrow {
        margin-bottom: 9px !important;
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        font-family: var(--serif);
        font-style: italic;
        color: var(--red);
        font-size: 14px;
        letter-spacing: 0.70px;
      }

      .dbp-proof__platform-heading-row h3 {
        font-family: "Libre Caslon Text", Georgia, "Times New Roman", serif;
        font-size: clamp(25px, 2.4vw, 26px);
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.15;
      }

      .dbp-proof__platform-heading-row h3 span {
        color: #7152ca;
      }

      .dbp-proof__platform-head-icon {
        height: 38px;
        width: 38px;
        flex: none;
        border-radius: 11px;
        background: #f3effc;
        color: #8666db;
        display: grid;
        place-items: center;
      }

      .dbp-proof__platform-head-icon svg {
        height: 20px;
        width: 20px;
      }

      .dbp-proof__platform-subhead {
        color: #5A6275;
        font-size: 13px;
        margin-top: 8px !important;
        line-height: 1.55;
        font-family: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      }

     
/* Original platform grid, card hover and legacy-logo rules retained.
   These classes are not duplicates of the newer inline SVG logo styles. */
      .dbp-proof__platform-grid {
              display: grid;
              grid-template-columns: repeat(2, minmax(0, 1fr));
              list-style: none;
              margin: 22px 0 0;
              padding: 0;
              gap: 10px;
            }
      .dbp-proof__platform {
              display: flex;
              align-items: center;
              gap: 11px;
              min-width: 0;
              min-height: 69px;
              padding: 11px;
              border-radius: 12px;
              border: 1px solid #eae5f0;
              background: #fcfbfd;
              transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
            }
      .dbp-proof__platform:hover {
              background: #f7f3ff;
              border-color: #d7c9ed;
              transform: translateY(-2px);
            }
      .dbp-proof__platform-logo svg {
                  width: 70px;
                  height: 34px;
              }
      .dbp-proof__platform-logo--amazon {
              background: #fff4e8;
              color: #332536;
              font-family: Georgia, serif;
              padding-bottom: 5px;
              font-size: 27px;
            }
      .dbp-proof__amazon-smile {
              position: absolute;
              width: 18px;
              height: 5px;
              border-bottom: 2px solid #ef9c3a;
              border-radius: 0 0 70% 70%;
              bottom: 8px;
              left: 12px;
              transform: rotate(-8deg);
            }
      .dbp-proof__platform-logo--apple {
              background: #eee8ff;
              color: #7f5ce8;
            }
      .dbp-proof__platform-logo--bn {
              background: #e9f5ec;
              color: #36684b;
              font-family: Georgia, serif;
              font-size: 13px;
              letter-spacing: -.06em;
            }
      .dbp-proof__platform-logo--kobo {
              background: #f5eaf6;
              color: #90419a;
              font-family: Georgia, serif;
              font-size: 27px;
            }
      .dbp-proof__platform-logo--google {
              background: #eaf1ff;
            }
      .dbp-proof__platform-logo--ingram {
              background: #eeeafa;
              color: #6547b2;
              font-family: Georgia, serif;
              font-style: italic;
              font-size: 27px;
            }

/* Publishing platform brand logos */


/* Platform logo SVG fix */

.dbp-proof__platform-grid .dbp-proof__platform-logo {
  width: 112px;
  min-width: 112px;
  height: 64px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #eeeaf7;
  border-radius: 11px;
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
}

.dbp-proof__platform-grid .dbp-proof__platform-logo svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 96px;
  max-height: 48px;
  flex-shrink: 0;
}



@media (max-width: 540px) {
  .dbp-proof__platform-grid .dbp-proof__platform-logo {
    width: 88px;
    min-width: 88px;
    height: 56px;
    padding: 6px;
  }

  .dbp-proof__platform-grid .dbp-proof__platform-logo svg {
    max-width: 76px;
    max-height: 44px;
  }
}

/* Card alignment */

.dbp-proof__platform-grid .dbp-proof__platform {
  display: flex;
  align-items: center;
  gap: 13px;
}



/* Responsive */

@media (max-width: 480px) {
  .dbp-proof__platform .dbp-proof__platform-logo {
    width: 76px;
    min-width: 76px;
    height: 52px;
  }

  .dbp-proof__platform .dbp-brand-logo {
    max-width: 70px;
  }

  .dbp-proof__platform .dbp-brand-logo--apple,
  .dbp-proof__platform .dbp-brand-logo--google {
    max-width: 38px;
  }
}


      .dbp-proof__platform-text {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
      }

      .dbp-proof__platform-text strong {
        font-size: 14px;
        color: #282039;
        line-height: 1.2;
        font-weight: 700;
        font-family: "Libre Caslon Text", Georgia, "Times New Roman", serifserif;
      }

      .dbp-proof__platform-text small {
        font-size: 13px;
        color: #323232;
        line-height: 1.2;
        font-family: "Libre Caslon Text", Georgia, "Times New Roman", serifserif;
        padding-top: 0px;
        font-weight: 500;
        line-height: 16px;
      }

      .dbp-proof__platform-foot {
        display: flex;
        gap: 9px;
        align-items: flex-start;
        padding-top: 16px;
        margin-top: 19px;
        border-top: 1px solid #eeeaf2;
      }

      .dbp-proof__foot-dash {
        width: 12px;
        height: 2px;
        margin-top: 7px;
        background: #9275ee;
        flex: none;
      }

      .dbp-proof__platform-foot p {
        color: #5A6275;
        font-size: 14px;
        line-height: 1.5;
        font-family: "Figtree", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      }

      @media (max-width: 1000px) {
        .dbp-proof {
          padding: 56px 20px 65px;
        }

        .dbp-proof__stats {
          gap: 11px;
        }

        .dbp-proof__stat {
          padding: 17px 15px 19px;
        }

        .dbp-proof__distribution {
          grid-template-columns: 36% minmax(0, 64%);
        }

        .dbp-proof__distribution-story {
          padding-inline: 25px;
        }

        .dbp-proof__distribution-platforms {
          padding: 25px 20px;
        }

        .dbp-proof__platform-grid {
          gap: 8px;
        }

        .dbp-proof__platform {
          padding: 9px;
          gap: 8px;
        }

        .dbp-proof__platform-logo {
                  width: 36px;
                  height: 36px;
                }

        .dbp-proof__platform-text strong {
          font-size: 11.7px;
        }
      }

      @media (max-width: 760px) {
        .dbp-proof {
          padding: 46px 18px 57px;
        }

        .dbp-proof__intro {
          align-items: start;
        }

        .dbp-proof__intro h2 {
          font-size: clamp(28px, 5vw, 38px);
        }

        .dbp-proof__intro-note {
          font-size: 12px;
        }

        .dbp-proof__stats {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 12px;
        }

        .dbp-proof__stat {
          min-height: 170px;
          padding: 18px;
        }

        .dbp-proof__number {
          font-size: 40px;
        }

        .dbp-proof__distribution {
          grid-template-columns: minmax(0, 1fr);
        }

        .dbp-proof__distribution-story {
          min-height: 315px;
          padding: 28px 30px 23px;
        }

        .dbp-proof__distribution-story h3 {
          font-size: 32px;
        }

        .dbp-proof__book-art {
          left: 28%;
          width: 72%;
          bottom: 0;
        }

        .dbp-proof__story-bottom {
          margin-top: 50px !important;
        }

        .dbp-proof__distribution-platforms {
          padding: 27px 28px 25px;
        }

        .dbp-proof__platform {
          min-height: 70px;
        }

        .dbp-proof__platform-text strong {
          font-size: 12.5px;
        }
      }

      @media (max-width: 480px) {
        .dbp-proof {
          padding: 38px 15px 49px;
        }

        .dbp-proof__intro {
          margin-bottom: 22px;
        }

        .dbp-proof__intro h2 {
          font-size: 31px;
          line-height: 1.14;
        }

        .dbp-proof__intro-note {
          display: none;
        }

        .dbp-proof__eyebrow {
          font-size: 9.5px;
          gap: 8px;
        }

        .dbp-proof__eyebrow-line {
          width: 18px;
        }

        .dbp-proof__stats {
          gap: 9px;
        }

        .dbp-proof__stat {
          min-height: 153px;
          padding: 14px 13px;
          border-radius: 13px;
        }

        .dbp-proof__stat-icon {
          height: 30px;
          width: 30px;
          border-radius: 8px;
        }

        .dbp-proof__stat-icon svg {
          height: 17px;
          width: 17px;
        }

        .dbp-proof__stat-index {
          font-size: 8.5px;
        }

        .dbp-proof__number {
          font-size: clamp(31px, 8vw, 39px);
          margin-top: 15px !important;
        }

        .dbp-proof__stat-label {
          font-size: 11.7px;
        }

        .dbp-proof__distribution {
          border-radius: 16px;
          margin-top: 16px;
        }

        .dbp-proof__distribution-story {
          min-height: 296px;
          padding: 26px 23px 22px;
        }

        .dbp-proof__distribution-story h3 {
          font-size: 29px;
          margin-top: 17px !important;
        }

        .dbp-proof__story-description {
          max-width: 265px;
          font-size: 12.4px;
        }

        .dbp-proof__book-art {
          width: 92%;
          left: 20%;
          bottom: 8px;
          opacity: .6;
        }

        .dbp-proof__story-bottom {
          font-size: 9px;
          margin-top: 53px !important;
        }

        .dbp-proof__distribution-platforms {
          padding: 25px 18px 21px;
        }

        .dbp-proof__platform-heading-row h3 {
          font-size: 26px;
        }

        .dbp-proof__platform-eyebrow {
          font-size: 9px;
        }

        .dbp-proof__platform-grid {
          gap: 8px;
          margin-top: 17px;
        }

        .dbp-proof__platform {
          min-height: 65px;
          padding: 8px;
          gap: 7px;
        }

        .dbp-proof__platform-logo {
          width: 32px;
          height: 32px;
          border-radius: 8px;
          font-size: 19px;
        }

        .dbp-proof__platform-logo svg {
          width: 21px;
          height: 21px;
        }

        .dbp-proof__amazon-smile {
          bottom: 5px;
          left: 9px;
        }

        .dbp-proof__platform-logo--bn {
          font-size: 11px;
        }

        .dbp-proof__platform-text strong {
          font-size: 10.8px;
        }

        .dbp-proof__platform-text small {
          font-size: 9px;
        }

        .dbp-proof__platform-arrow {
          display: none;
        }

        .dbp-proof__platform-foot {
          margin-top: 15px;
          padding-top: 13px;
        }
      }

      @media (max-width: 360px) {
        .dbp-proof__stat {
          padding: 12px 10px;
        }

        .dbp-proof__stat-label {
          font-size: 10.8px;
        }

        .dbp-proof__platform-grid {
          grid-template-columns: 1fr;
        }

        .dbp-proof__platform-text strong {
          font-size: 12px;
        }

        .dbp-proof__platform-text small {
          font-size: 10px;
        }
      }

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

        .dbp-proof__stat,
        .dbp-proof__platform {
          transition: none;
        }

        .dbp-proof__stat:hover,
        .dbp-proof__platform:hover {
          transform: none;
        }
      }


      /************BUTTONS CSS*/
      .btn_set {
        display: flex;
        column-gap: 15px;
        align-items: center;
        margin-bottom: 20px;
      }

      .primeColor_btn {
        display: inline-block;
        background-color: #7463ff;
        color: var(--black);
        padding: 10px 25px;
        transition: .5s ease-out;
        text-transform: capitalize;
        border-radius: 10px;
        border: none;
        text-align: center;
        font-family: 'Figtree';
        font-weight: 600;
        color: #fff;
      }

      .primeColor_btn:hover {
        background-color: #462d7b;
        color: #fff !important;
      }

      .secondColor_btn {
        display: inline-block;
        background-color: #462d7b;
        color: var(--white);
        padding: 8px 23px;
        transition: .5s ease-out;
        text-transform: capitalize;
        border-radius: 10px;
        border: none;
        text-align: center;
        border: 2px solid #462d7b;
        font-family: sans-serif;
        font-weight: 600;
        color: #fff;
        font-family: 'Figtree';
      }

      .secondColor_btn:hover {
        background-color: #7463ff;
        border: 2px solid #7463ff;
        color: #fff !important;
      }

      .numberBtn {
        --number-btn-line-height: 20px;
        background-color: #fff !important;
        border-radius: 50px !important;
        color: var(--black);
        display: flex !important;
        gap: 5px !important;
        justify-content: center;
        align-items: center;
        padding: 3px 13px 3px 3px !important;
        border: 2px solid #EBEBEB;
      }

      .numberBtn .phone_icom_wrap {
        display: flex;
        width: 33px;
        height: 33px;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        background-image: linear-gradient(0deg, #AE690D, var(--primeColor));
        border-radius: 50%;
        color: var(--white);
      }

      .numberBtn span.num_wrap {
        transition: .5s;
        transform: translateY(0);
        display: inline-block;
        text-align: center;
        line-height: var(--number-btn-line-height);
      }

      .numberBtn span.animated_span {
        display: inline-block;
        height: var(--number-btn-line-height);
        line-height: var(--number-btn-line-height);
        overflow: hidden;
      }

      .numberBtn:hover span.num_wrap {
        transform: translateY(calc(var(--number-btn-line-height) * -1));
      }

      .primeBtn {
        background-color: var(--primeColor);
        border-radius: 10px !important;
        color: var(--black);
        display: flex !important;
        padding: 10px 20px;
        border: none;
        font-weight: 400;
        font-family: 'PP Editorial New';
      }

      .primeBtn span.txt_wrap {
        transition: .5s;
        transform: translate(0px, 3px);
        display: inline-block;
      }

      .primeBtn span.animated_span {
        display: inline-block;
        height: 30px;
        overflow: hidden;
        width: 100%;
      }

      .primeBtn:hover span.txt_wrap {
        transform: translate(0px, -21px);
      }

      /************BUTTONS CSS*/

      /* Override nav colors for light hero background on homepage */
      .home-page header nav ul li a {
        color: #123F36 !important;
      }

      .home-page header nav ul li a:hover,
      .home-page header nav ul li a.active {
        color: #123F36 !important;
      }

      .home-page header .top_nav ul.navigation {
        background-color: rgba(255, 255, 255, .75);
        border: 1.5px solid #C6CFD7;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }

      .home-page header .top_nav ul.navigation li a {
        background-color: transparent;
      }

      .home-page header .top_nav ul.navigation li a:hover {
        background-color: rgba(38, 87, 131, .08);
      }

      .home-page .numberBtn {
        border-color: #123F36 !important;
        color: #123F36 !important;
      }

      .home-page .numberBtn .phone_icom_wrap {
        background-color: #123F36 !important;
      }

      .home-page .megaMenu {
        background-color: #ffffffff;
      }

      .newHero {
        position: relative;
        overflow: hidden;
        padding: 150px 0 0px;
        text-align: center;
        background-color: #fdf6e8;
      }

      .newHero__bg {
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        overflow: hidden;
      }

      .newHero__bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
      }

      .newHero>.container,
      .newHero>.newHero__books {
        position: relative;
        z-index: 1;
      }

      .newHero__heading {
        font-size: 72px;
        font-weight: 400;
        line-height: 1.1;
        color: #242424ff;
        margin-bottom: 5px;
        font-family: 'Playfair Display', serif;
      }

      .newHero__heading .italic-accent {
        font-style: italic;
        color: #123F36;
      }

      .newHero__subheading {
        font-size: 45px;
        font-weight: 400;
        color: #242424ff;
        margin-bottom: 20px;
        line-height: 1.3;
        letter-spacing: -1px;
      }

      .newHero__subheading strong {
        font-weight: 700;
        font-style: italic;
      }

      .newHero__desc {
        font-size: 16px;
        color: #555;
        max-width: 880px;
        margin: 0 auto 25px;
        line-height: 1.6;
      }

      /* Trust badges row */
      .newHero__trust {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
        margin-bottom: 30px;
      }

      .newHero__trust img {
        height: 50px;
        width: auto;
        object-fit: contain;
      }

      /* Search bar */
      .newHero__search {
        max-width: 580px;
        margin: 0 auto 15px;
        position: relative;
      }

      .newHero__search input {
        width: 100%;
        padding: 16px 55px 16px 45px;
        border: 1.5px solid #C6CFD7;
        border-radius: 50px;
        font-size: 15px;
        color: #123F36;
        background: #fff;
        outline: none;
        transition: border-color .3s;
        font-family: inherit;
      }

      .newHero__search input:focus {
        border-color: #123F36;
      }

      .newHero__search input::placeholder {
        color: #999;
      }

      .newHero__search .search-icon {
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        opacity: .45;
        pointer-events: none;
      }

      .newHero__search .arrow-btn {
        position: absolute;
        right: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1.5px solid #C6CFD7;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all .3s;
      }

      .newHero__search .arrow-btn:hover {
        background: #123F36;
        border-color: #123F36;
      }

      .newHero__search .arrow-btn:hover svg {
        stroke: #fff;
      }

      .newHero__search .arrow-btn svg {
        width: 16px;
        height: 16px;
        stroke: #123F36;
        transition: stroke .3s;
      }

      /* Quick suggestion tags */
      .newHero__tags {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
        max-width: 700px;
        margin: 0 auto 40px;
        position: relative;
        z-index: 1;
      }

      .newHero__tags a {
        padding: 7px 16px;
        border: 1px solid #C6CFD7;
        border-radius: 50px;
        font-size: 12px;
        color: #555;
        background: #fff;
        text-decoration: none;
        transition: all .3s;
        white-space: nowrap;
      }

      .newHero__tags a:hover {
        border-color: #123F36;
        color: #123F36;
        background: #eef4fa;
      }

      /* Book covers marquee */
      .newHero__books {
        position: relative;
        padding: 20px 0;
        margin-top: 50px;
        overflow: clip;
        overflow-clip-margin: 0px;
        width: 100%;
      }

      .newHero__books-track {
        display: flex;
        gap: 25px;
        align-items: flex-end;
        width: max-content;
        animation: marqueeScroll var(--marquee-duration, 60s) linear infinite;
      }

      .newHero__books-track:hover {
        animation-play-state: paused;
      }

      .newHero__books-track a {
        display: block;
        flex-shrink: 0;
        line-height: 0;
      }

      .newHero__books-track .book-cover {
        width: 200px;
        flex-shrink: 0;
        border-radius: 8px;
        box-shadow: 0 8px 30px rgba(0, 0, 0, .12);
        transition: transform .4s ease;
      }

      .newHero__books-track .book-cover:hover {
        transform: translateY(-10px) scale(1.08);
        z-index: 3;
      }

      @keyframes marqueeScroll {
        0% {
          transform: translateX(0);
        }

        100% {
          transform: translateX(-50%);
        }
      }

      /* Fade edges for book strip */
      .newHero__books::before,
      .newHero__books::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 120px;
        z-index: 2;
        pointer-events: none;
      }

      .newHero__books::before {
        left: 0;
        background: linear-gradient(90deg, rgba(244, 247, 252, 1) 0%, transparent 100%);
      }

      .newHero__books::after {
        right: 0;
        background: linear-gradient(-90deg, rgba(244, 247, 252, 1) 0%, transparent 100%);
      }

      /* ===== RESPONSIVE ===== */
      @media (max-width: 991px) {
        .newHero__heading {
          font-size: 52px;
        }

        .newHero__subheading {
          font-size: 28px;
        }

        .newHero__books-track .book-cover {
          width: 110px;
        }
      }

      @media (max-width: 767px) {
        .newHero {
          padding: 170px 0 0;
        }

        .newHero__heading {
          font-size: 38px;
        }

        .newHero__subheading {
          font-size: 22px;
        }

        .newHero__trust {
          gap: 15px;
        }

        .newHero__trust img {
          height: 27px;
        }

        .newHero__books-track .book-cover {
          width: 90px;
        }

        .newHero__books-track {
          gap: 10px;
        }

        .newHero__tags a {
          font-size: 11px;
          padding: 5px 12px;
        }
      }

      @media (max-width: 575px) {
        .newHero__heading {
          font-size: 40px;
        }

        .newHero__subheading {
          font-size: 23px;
        }

        .newHero__desc {
          font-size: 14px;
        }

        .newHero__books-track .book-cover {
          width: 75px;
        }
      }

      /* ===== HERO LIVE SEARCH DROPDOWN ===== */
      #heroSearchWrap {
        position: relative;
        z-index: 200;
      }



      #heroSearchInput {
        cursor: text;
      }

      .heroSearch__dropdown {
        display: none;
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        background: #fff;
        border: 1.5px solid #C6CFD7;
        border-radius: 18px;
        box-shadow: 0 16px 48px rgba(22, 82, 137, .14);
        overflow: hidden;
        z-index: 9999;
        text-align: left;
        animation: dropdownIn .18s ease;
      }

      .heroSearch__dropdown.is-open {
        display: block;
      }

      @keyframes dropdownIn {
        from {
          opacity: 0;
          transform: translateY(-6px);
        }

        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .heroSearch__results {
        max-height: 340px;
        overflow-y: auto;
        padding: 8px 0;
      }

      .heroSearch__results::-webkit-scrollbar {
        width: 4px;
      }

      .heroSearch__results::-webkit-scrollbar-track {
        background: transparent;
      }

      .heroSearch__results::-webkit-scrollbar-thumb {
        background: #C6CFD7;
        border-radius: 4px;
      }

      .heroSearch__item {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 11px 18px;
        cursor: pointer;
        transition: background .15s;
        text-decoration: none;
        color: #123F36;
        border-radius: 0;
      }

      .heroSearch__item:hover,
      .heroSearch__item.is-active {
        background: #eef4fa;
        color: #123F36;
      }

      .heroSearch__item .heroSearch__icon {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        background: #eef4fa;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        font-size: 16px;
      }

      .heroSearch__item.is-active .heroSearch__icon,
      .heroSearch__item:hover .heroSearch__icon {
        background: #123F36;
      }

      .heroSearch__item.is-active .heroSearch__icon svg,
      .heroSearch__item:hover .heroSearch__icon svg {
        stroke: #fff;
      }

      .heroSearch__item__body {
        flex: 1;
        min-width: 0;
      }

      .heroSearch__item__title {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .heroSearch__item__title mark {
        background: none;
        color: #123F36;
        font-weight: 700;
        padding: 0;
      }

      .heroSearch__item__badge {
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .6px;
        padding: 2px 8px;
        border-radius: 50px;
        flex-shrink: 0;
        white-space: nowrap;
      }

      .badge-service {
        background: #e8f4ff;
        color: #123F36;
      }

      .badge-page {
        background: #edfbf3;
        color: #1a7a45;
      }

      .badge-blog {
        background: #fff5e8;
        color: #b85c00;
      }

      .heroSearch__empty {
        display: none;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        padding: 28px 16px;
        color: #aaa;
        font-size: 14px;
      }

      .heroSearch__empty.is-visible {
        display: flex;
      }

      /* Tag styles override */
      .heroSearch__tag {
        padding: 7px 16px;
        border: 1px solid #C6CFD7;
        border-radius: 50px;
        font-size: 12px;
        color: #555;
        background: #fff;
        text-decoration: none;
        transition: all .3s;
        white-space: nowrap;
      }

      button.submit_btn {
        width: 50px;
        height: 50px;
        background: #462d7b;
        border-radius: 50%;
        border: none !important;
        color: white;
        flex-shrink: 0;
      }

      .heroSearch__tag:hover {
        border-color: #123F36;
        color: #123F36;
        background: #eef4fa;
      }

      .input {
        width: 100%;
        font-size: 14px;
        padding: 12px 12px;
        margin-bottom: 15px;
        border-radius: 10px;
        border: 1px solid #0000001f;
      }

      form.banner_form {
        bottom: 0px;
        right: 30px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        background-color: #7463ff17;
        border-radius: 100px;
        overflow: hidden;
        padding: 25px;
        width: 100%;
      }

      .newHero form.banner_form {
        max-width: 1200px;
        margin: 0 auto 34px;
        border-radius: 50px;
        padding: 24px;
        overflow: visible;
      }

      form.banner_form input:not([type="checkbox"]) {
        margin: 0;
        border-radius: 100px;
        padding: 10px 20px;
        outline: none !important;
        color: #ddd;
        background: #fff;
        border: 1px solid #0000001f;
    }
    
    input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=password]:focus, input[type=url]:focus, textarea:focus {
        color: #000 !IMPORTANT;
    }
    
    section.isbn {
        background: #fff !important;
    }
    
    section.contact {
        background: #fff !important;
        padding-bottom: 80px !important;
    }
    
    section.about {
        background: #fff !important;
    }
    
    section.faq {
        background: #fff !important;
    }
    
    .newHero form.banner_form input:placeholder{
        color: #000 !important;
    }

      .newHero .form-inputs-wrapper {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        display: flex;
      }

      .newHero form.banner_form input:not([type="checkbox"]) {
        flex: 1 1 0;
        min-width: 0;
        height: 44px;
      }

      .newHero button.submit_btn {
        width: 54px;
        height: 54px;
      }

      @media (max-width: 1199px) {
        .newHero form.banner_form {
          max-width: 860px;
          border-radius: 28px;
        }

        .newHero .form-inputs-wrapper {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr)) 62px;
        }

        .newHero button.submit_btn {
          grid-column: 3;
          grid-row: 1 / span 2;
          align-self: center;
          justify-self: center;
        }
      }

      @media (max-width: 767px) {
        .newHero form.banner_form {
          padding: 18px;
          border-radius: 22px;
        }

        .newHero .form-inputs-wrapper {
          display: flex;
          flex-direction: column;
        }

        .newHero form.banner_form input:not([type="checkbox"]) {
          width: 100%;
        }
      }