/**/.graphicWidget{width:200px;height:200px;margin:10px auto;text-align:center}.graphicWidget svg.svg{width:100%;height:100%;color:#000;fill:#000}.graphicWidgetV2{width:60px;height:60px}.graphicWidgetV3{font-size:0}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}.dmNewParagraph[data-version] .text-align-right{text-align:right!important}
.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}
.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}
.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}
.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}
.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important}
.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}/**/#dm .dmDivider{display:block;min-height:2px;margin:0;border:0;color:gray;background:0}#dm .dmDividerWrapper{display:block;margin:10px 0}
/* Custom Widgets Styles */
.widget-d00c0a {
  background: transparent;
  font-family: inherit;
  color: #ffffff;
  padding: 0;
  border: none;
  box-shadow: none;

  * {
    box-sizing: border-box;
    font-family: inherit;
  }

  /* ── Wrapper ── */
  .pc-widget {
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
  }

  /* ── Toggle ── */
  .pc-toggle {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 32px;
    flex-wrap: nowrap;
  }

  .pc-toggle-opt {
    white-space: nowrap;
  }

  .pc-toggle-opt {
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    user-select: none;
  }

  .pc-toggle-opt.active {
    color: #ffffff;
  }

  .pc-toggle-sep {
    color: #444444;
    font-size: 14px;
    line-height: 1;
  }

  /* ── Price block ── */
  .pc-price-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 28px;
  }

  .pc-price {
    font-size: 42px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.03em;
    line-height: 1;
  }

  .pc-mo {
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
  }

  .pc-billing {
    font-size: 13px;
    color: #666666;
  }

  /* Period visibility — controlled by JS class on .pc-widget */
  .pc-monthly,
  .pc-annually {
    display: none;
  }

  .pc-widget.period-monthly .pc-monthly {
    display: inline;
  }

  .pc-widget.period-annually .pc-annually {
    display: inline;
  }

  /* ── Divider ── */
  .pc-divider {
    width: 100%;
    height: 1px;
    background: #2a2a2a;
    margin-bottom: 0;
  }

  /* ── Feature list ── */
  .pc-features {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .pc-feature-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid #2a2a2a;
    font-size: 14px;
  }

  .pc-feat-label {
    color: #666666;
  }

  .pc-feat-value {
    color: #ffffff;
    font-weight: 500;
  }

  /* ── CTA ── */
  .pc-cta {
    margin-top: 28px;
    width: 100%;
    display: block;
  }

  /* Ensure the anchor Duda wraps around the button is full width */
  .pc-cta > a,
  .pc-cta > span,
  .pc-cta > div {
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
  }

  .pc-cta a {
    text-decoration: none !important;
  }

  .pc-cta-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    height: 48px !important;
    background: #ffffff !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-align: center !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    font-family: inherit !important;
    /* hover effect setup */
    position: relative !important;
    overflow: hidden !important;
    z-index: 0 !important;
  }

  /* Sliding fill — starts covering the button, slides out on hover */
  .pc-cta-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e0e0e0;
    transform: translateX(0);
    transition: transform 0.4s ease;
    z-index: -1;
  }

  .pc-cta-btn:hover::before {
    transform: translateX(100%);
  }

  /* CTA label — static position, color change only */
  .pc-cta-label {
    display: block !important;
    transform: translateX(0) !important;
    transition: color 0.4s ease !important;
    color: #000000;
    text-decoration: none !important;
  }

  .pc-cta-btn:hover .pc-cta-label {
    transform: translateX(0) !important;
    color: #ffffff !important;
  }

  /* ── Mobile ── */
  @media (max-width: 767px) {
    .pc-price {
      font-size: 36px;
    }

    .pc-toggle {
      flex-wrap: wrap;
      gap: 8px;
    }

    .pc-toggle-opt {
      white-space: nowrap;
    }
  }
}


.logo-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 20px 0;
  box-sizing: border-box;
  background: transparent;
}

/* Edge fade — disabled when .no-fade is present */
.logo-carousel.show-fade {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}

.carousel-track {
  display: flex;
  align-items: center;
  will-change: transform;
  /* animation is set entirely via JS */
}

/* Pause scroll on hover */
.logo-carousel:hover .carousel-track {
  animation-play-state: paused !important;
}

.carousel-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
}

.carousel-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
}

.carousel-item img {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 80px;
  object-fit: contain;
  transition: filter 0.3s ease, opacity 0.3s ease;
}

/* Grayscale effect */
.logo-carousel.grayscale-logos .carousel-item img {
  filter: grayscale(100%);
  opacity: 0.65;
}
.logo-carousel.grayscale-logos .carousel-item:hover img {
  filter: grayscale(0%);
  opacity: 1;
}

/* Keyframes — direction is handled by JS setting the right animation name */
@keyframes scrollLeft {
  from { transform: translateX(0); }
  to   { transform: translateX(var(--total-width-neg)); }
}

@keyframes scrollRight {
  from { transform: translateX(var(--total-width-neg)); }
  to   { transform: translateX(0); }
}


.widget-4f2e63 {
  display: block;
  width: 100%;
  height: 100%;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;

  *,
  *::before,
  *::after {
    outline: none !important;
    box-sizing: border-box;
  }

  .arrow-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-width: 20px;
    min-height: 20px;
    overflow: hidden;
    cursor: pointer;
    background-color: #4361ee;
    outline: none !important;
    border: none;
  }

  /* Icon alignment */
  .arrow-btn.align-left {
    justify-content: flex-start;
  }
  .arrow-btn.align-center {
    justify-content: center;
  }
  .arrow-btn.align-right {
    justify-content: flex-end;
  }

  /* Wipe overlay: starts off-screen LEFT, slides IN on hover */
  .arrow-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    transform: translateX(-100%);
    transition: transform 0.4s ease;
    z-index: 0;
  }

  .arrow-btn:hover .arrow-bg {
    transform: translateX(0%);
  }

  .arrow-icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    padding: 0;
    transition: transform 0.4s ease;
    pointer-events: none;
  }

  /* Normal mode */
  .arrow-btn:not(.inverted) .arrow-icon {
    transform: rotate(0deg);
  }
  .arrow-btn:not(.inverted):hover .arrow-icon {
    transform: rotate(-30deg);
  }

  /* Inverted mode */
  .arrow-btn.inverted .arrow-icon {
    transform: rotate(-30deg);
  }
  .arrow-btn.inverted:hover .arrow-icon {
    transform: rotate(0deg);
  }

  /* SVG root — no hardcoded fill, design panel controls it via inline style */
  .arrow-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    stroke: none !important;
  }

  /* Children inherit fill from svg root, never their own fill/stroke */
  .arrow-icon svg * {
    fill: inherit !important;
    stroke: none !important;
  }

  a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-decoration: none;
    outline: none !important;
    border: none !important;
  }

  a:focus,
  a:focus-visible,
  a:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
  }
}


/* ── Widget mount: fully invisible, zero footprint ── */
.widget-412172 .gc-host {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  pointer-events: none !important;
  position: absolute !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

/* ══════════════════════════════════════════════════════
   GHOST CURSOR — Global styles injected on <body>
   All rules prefixed with body.gc-active for safety
   ══════════════════════════════════════════════════════ */

/* ── DOT — snaps instantly, smallest crisp core ── */
#gc-dot {
  position: fixed;
  top: 0; left: 0;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #fff;
  pointer-events: none;
  z-index: 2147483647;
  transform: translate(-50%, -50%);
  will-change: transform, width, height, opacity;
  /* GPU-only properties only — no layout transitions */
  transition:
    opacity 0.15s linear;
}

/* ── RING — physics lag handled by GSAP ticker ── */
#gc-ring {
  position: fixed;
  top: 0; left: 0;
  width: 40px; height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.45);
  background: transparent;
  pointer-events: none;
  z-index: 2147483646;
  transform: translate(-50%, -50%);
  will-change: transform;
  transition: opacity 0.2s linear;
  /* Inner glow */
  box-shadow: inset 0 0 8px rgba(255,255,255,0.04);
}

/* ── AURA — large diffuse glow behind ring ── */
#gc-aura {
  position: fixed;
  top: 0; left: 0;
  width: 80px; height: 80px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
  pointer-events: none;
  z-index: 2147483645;
  transform: translate(-50%, -50%);
  will-change: transform;
  transition: opacity 0.3s linear;
  mix-blend-mode: screen;
}

/* ── TRAIL dots ── */
.gc-trail {
  position: fixed;
  top: 0; left: 0;
  border-radius: 50%;
  pointer-events: none;
  z-index: 2147483644;
  transform: translate(-50%, -50%);
  will-change: transform, opacity;
}

/* ══════════════════
   CURSOR STATES
   ══════════════════ */

/* DEFAULT — blend difference for universal color inversion */
body.gc-active #gc-dot  { mix-blend-mode: difference; }
body.gc-active #gc-ring { mix-blend-mode: normal; }

/* HOVER — hovering a link / button */
body.gc-hover #gc-dot {
  width: 5px; height: 5px;
  background: #fff;
  transition: width 0.18s cubic-bezier(0.34,1.56,0.64,1),
              height 0.18s cubic-bezier(0.34,1.56,0.64,1);
}
body.gc-hover #gc-ring {
  width: 56px; height: 56px;
  border-color: rgba(255,255,255,0.8);
  border-width: 1.5px;
  box-shadow:
    inset 0 0 12px rgba(255,255,255,0.06),
    0 0 18px rgba(255,255,255,0.08);
  transition:
    width 0.35s cubic-bezier(0.34,1.56,0.64,1),
    height 0.35s cubic-bezier(0.34,1.56,0.64,1),
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}
body.gc-hover #gc-aura {
  width: 110px; height: 110px;
  opacity: 0.7;
}

/* CLICK — mousedown squeeze */
body.gc-click #gc-dot {
  width: 12px; height: 12px;
  transition: width 0.08s ease, height 0.08s ease;
}
body.gc-click #gc-ring {
  width: 30px; height: 30px;
  border-color: rgba(255,255,255,0.95);
  transition: width 0.08s ease, height 0.08s ease;
}
body.gc-click #gc-aura {
  opacity: 1;
  width: 60px; height: 60px;
}

/* TEXT / INPUT — blinking I-beam */
body.gc-text #gc-dot {
  width: 2px;
  height: 20px;
  border-radius: 1px;
  mix-blend-mode: difference;
  animation: gc-blink 1s step-end infinite;
}
body.gc-text #gc-ring,
body.gc-text #gc-aura { opacity: 0; }

@keyframes gc-blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}

/* HIDDEN — mouse left the window */
body.gc-out #gc-dot,
body.gc-out #gc-ring,
body.gc-out #gc-aura,
body.gc-out .gc-trail {
  opacity: 0 !important;
  transition: opacity 0.25s linear !important;
}

/* DRAG — dragging something */
body.gc-drag #gc-dot {
  width: 6px; height: 6px;
}
body.gc-drag #gc-ring {
  width: 48px; height: 48px;
  border-style: dashed;
  border-color: rgba(255,255,255,0.6);
}

/* MEDIA — over img/video: crosshair-style */
body.gc-media #gc-dot {
  width: 3px; height: 3px;
  background: rgba(255,255,255,0.6);
}
body.gc-media #gc-ring {
  width: 44px; height: 44px;
  border-color: rgba(255,255,255,0.5);
  /* crosshair tick marks via box-shadow */
  box-shadow:
    0 -20px 0 0.5px rgba(255,255,255,0.35),
    0  20px 0 0.5px rgba(255,255,255,0.35),
   -20px 0  0 0.5px rgba(255,255,255,0.35),
    20px 0  0 0.5px rgba(255,255,255,0.35);
}


/* ============================================================
   Handwriting Reveal Widget
   ============================================================ */

.widget-77947d {
  width: 100%;
  display: block;
  position: relative;
}

/* Outer wrapper */
.widget-77947d .hw-outer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
  box-sizing: border-box;
}

/* Inner container */
.widget-77947d .hw-container {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  max-width: 100%;
}

.widget-77947d .hw-container.hw-align-left   { align-items: flex-start; }
.widget-77947d .hw-container.hw-align-center { align-items: center; }
.widget-77947d .hw-container.hw-align-right  { align-items: flex-end; }

/* Text wrapper */
.widget-77947d .hw-text-wrapper {
  position: relative;
  display: inline-block;
}

/*
  .hw-text is applied to whichever tag is rendered (h1/h2/h3/h4/p).
  We keep margin/padding at 0 so the widget layout is clean,
  and let the site's global heading/paragraph styles provide
  font-family, font-size, color, weight automatically.
*/
.widget-77947d .hw-text {
  display: inline;
  position: relative;
  margin: 0 !important;
  padding: 0;
  line-height: var(--hw-line-height, 1.4);
}

/* ── Individual characters ── */
.widget-77947d .char-item {
  display: inline;
  opacity: 0;
  /*
    letter-spacing must live on each char-item, not on .hw-text,
    because the text is split into individual spans. We inherit
    it from .hw-text so the theme cascade (and any design-panel
    override) flows through automatically.
  */
  letter-spacing: inherit;
}

.widget-77947d .char-item.is-space {
  display: inline-block;
  width: 0.28em;
}

/* ── Animation keyframes ── */
@keyframes hw-fadeIn {
  from { opacity: 0; transform: translateY(5px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes hw-typePop {
  0%   { opacity: 0; transform: scaleX(0.5); }
  70%  { opacity: 1; transform: scaleX(1.06); }
  100% { opacity: 1; transform: scaleX(1); }
}

@keyframes hw-slideUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes hw-inkBleed {
  0%   { opacity: 0; filter: blur(5px); }
  50%  { opacity: 0.8; filter: blur(1px); }
  100% { opacity: 1; filter: blur(0); }
}

.widget-77947d .char-item.anim-fade  { animation: hw-fadeIn   0.35s ease-out forwards; }
.widget-77947d .char-item.anim-type  { animation: hw-typePop  0.18s ease-out forwards; }
.widget-77947d .char-item.anim-slide { animation: hw-slideUp  0.35s ease-out forwards; }
.widget-77947d .char-item.anim-ink   { animation: hw-inkBleed 0.45s ease-out forwards; }

/* ── Pen cursor (SVG-based, colorable) ── */
.widget-77947d .hw-cursor {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: left 0.07s linear, top 0.07s linear, opacity 0.18s ease;
  filter: drop-shadow(1px 2px 3px rgba(0,0,0,0.2));
  top: 0;
  left: 0;
  line-height: 1;
  z-index: 10;
  color: var(--hw-cursor-color, currentColor);
  display: inline-flex;
  align-items: flex-start;
  animation: hw-penBounce 0.5s ease-in-out infinite alternate;
}

.widget-77947d .hw-cursor svg {
  display: block;
}

@keyframes hw-penBounce {
  from { transform: rotate(-8deg)  translateY(0px); }
  to   { transform: rotate(-13deg) translateY(-2px); }
}

/* ── Underline ── */
.widget-77947d .hw-underline {
  height: 2px;
  width: 0;
  margin-top: 6px;
  background: currentColor;
  opacity: 0.55;
  border-radius: 2px;
  align-self: stretch;
  transition: width 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}

.widget-77947d .hw-underline.is-visible {
  width: 100%;
}

/* ── Sub text ── */
.widget-77947d .hw-subtext {
  margin: 10px 0 0 0;
  padding: 0;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  text-align: inherit;
  line-height: var(--hw-subtext-line-height, 1.5);
}

.widget-77947d .hw-subtext.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ── Clickable state ── */
.widget-77947d .hw-container.is-clickable {
  cursor: pointer;
}

.widget-77947d .hw-container.is-clickable:hover .hw-underline {
  opacity: 0.85;
}

/* ── Responsive ── */
@media (max-width: 767px) {
  .widget-77947d .hw-outer {
    padding: 20px 14px;
  }
  .widget-77947d .hw-cursor {
    font-size: 1em;
  }
}


.widget-1f5975 .copyright {
    font-size: 13px;
    display: flex;
    text-align: left;
    justify-content: flex-start;
}
