/* SaaSv121 · Framer-inspired interactions rebuilt natively for Boletera Digital. */
.bdh-mask-line{display:inline-block;overflow:hidden;vertical-align:bottom;padding:.08em .03em;margin:-.08em -.03em}
.bdh-mask-line>span{display:inline-block;transform:translate3d(0,112%,0);opacity:.01;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .64s ease;transition-delay:calc(var(--bdh-mask-index,0)*165ms);will-change:transform}
[data-bdh-mask-split].is-visible .bdh-mask-line>span{transform:translate3d(0,0,0);opacity:1}

.bdh-color-statement{margin-top:58px;padding:26px 0 0;border-top:1px solid var(--bdh-line);display:grid;gap:10px}
.bdh-color-statement>span{color:var(--bdh-muted);font-size:10px;font-weight:900;letter-spacing:.16em}
.bdh-color-statement>strong{max-width:900px;font-family:var(--bd-font-display,var(--bdh-font));font-size:clamp(30px,5vw,56px);line-height:.98;letter-spacing:-.045em;color:color-mix(in srgb,var(--bdh-text) 22%,transparent)}
.bdh-color-word{color:color-mix(in srgb,var(--bdh-text) 22%,transparent)}
[data-bdh-color-typer].is-visible .bdh-color-word{animation:bdh-color-type .74s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--bdh-color-index,0)*195ms)}
@keyframes bdh-color-type{0%{color:color-mix(in srgb,var(--bdh-text) 22%,transparent);filter:blur(1px)}100%{color:var(--bdh-blue-2);filter:none}}
html[data-bd-theme="dark"] .bdh-color-statement>strong,html.dark .bdh-color-statement>strong,html[data-theme="dark"] .bdh-color-statement>strong{color:rgba(255,255,255,.18)}
html[data-bd-theme="dark"] [data-bdh-color-typer].is-visible .bdh-color-word,html.dark [data-bdh-color-typer].is-visible .bdh-color-word,html[data-theme="dark"] [data-bdh-color-typer].is-visible .bdh-color-word{animation-name:bdh-color-type-dark}
@keyframes bdh-color-type-dark{0%{color:rgba(255,255,255,.18);filter:blur(1px)}100%{color:#7fa2ff;filter:none}}

.bdh-final{position:relative;isolation:isolate;overflow:hidden}
.bdh-final__inner{position:relative;z-index:2}
.bdh-text-wall{position:absolute;z-index:0;inset:12px -5vw;display:grid;align-content:center;gap:12px;overflow:hidden;opacity:.115;pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent);mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent)}
.bdh-text-wall::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--bdh-bg) 0 18%,color-mix(in srgb,var(--bdh-bg) 82%,transparent) 35%,transparent 66%)}
.bdh-text-wall__row{display:flex;width:max-content;white-space:nowrap;animation:bdh-wall-left calc(45s + var(--bdh-wall-row)*6s) linear infinite}
.bdh-text-wall__row:nth-child(even){animation-name:bdh-wall-right;transform:translateX(-22%)}
.bdh-text-wall__group{display:flex;align-items:center;gap:28px;padding-right:28px}
.bdh-text-wall__group span{font-family:var(--bd-font-display,var(--bdh-font));font-size:clamp(18px,2.3vw,34px);font-weight:900;letter-spacing:-.03em;color:var(--bdh-text)}
.bdh-text-wall__group span.is-accent{color:var(--bdh-blue-2)}
@keyframes bdh-wall-left{to{transform:translateX(-50%)}}
@keyframes bdh-wall-right{to{transform:translateX(28%)}}

.bdh-rotation-button{--bdh-rotation-bg:var(--bdh-button-bg);--bdh-rotation-fg:var(--bdh-button-text);display:inline-block;width:190px;height:46px;border-radius:12px;perspective:520px;text-decoration:none;outline:none}
.bdh-rotation-button__stage{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.8,.2,1.08);transform-origin:center center -23px}
.bdh-rotation-button__face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--bdh-rotation-fg) 12%,transparent);border-radius:12px;background:var(--bdh-rotation-bg);color:var(--bdh-rotation-fg);font-size:11px;font-weight:900;letter-spacing:.055em;backface-visibility:hidden;box-shadow:0 10px 24px rgba(0,0,0,.13)}
.bdh-rotation-button__face--front{transform:translateZ(23px)}
.bdh-rotation-button__face--back{transform:rotateX(-90deg) translateZ(23px);transform-origin:center bottom}
.bdh-rotation-button:is(:hover,:focus-visible) .bdh-rotation-button__stage,.bdh-rotation-button.is-pressed .bdh-rotation-button__stage{transform:rotateX(90deg)}
.bdh-rotation-button:focus-visible{outline:3px solid rgba(79,124,255,.32);outline-offset:4px}

@media(max-width:760px){
  .bdh-color-statement{margin-top:42px;padding-top:22px;gap:8px}
  .bdh-color-statement>strong{font-size:clamp(29px,9vw,41px)}
  .bdh-text-wall{inset:16px -34vw;gap:10px;opacity:.095}
  .bdh-text-wall__row:nth-child(n+4){display:none}
  .bdh-text-wall__group{gap:20px;padding-right:20px}
  .bdh-text-wall__group span{font-size:22px}
  .bdh-rotation-button{width:min(100%,330px);height:50px}
}
@media(prefers-reduced-motion:reduce){
  .bdh-mask-line>span{transform:none;opacity:1;transition:none}
  [data-bdh-color-typer].is-visible .bdh-color-word{animation:none;color:var(--bdh-blue-2);filter:none}
  html[data-bd-theme="dark"] [data-bdh-color-typer].is-visible .bdh-color-word,html.dark [data-bdh-color-typer].is-visible .bdh-color-word,html[data-theme="dark"] [data-bdh-color-typer].is-visible .bdh-color-word{color:#7fa2ff}
  .bdh-text-wall__row{animation:none!important;transform:none!important}
  .bdh-rotation-button__stage{transition:none}.bdh-rotation-button:is(:hover,:focus-visible) .bdh-rotation-button__stage,.bdh-rotation-button.is-pressed .bdh-rotation-button__stage{transform:none}
  .bdh-rotation-button__face--back{display:none}
}

/* Footer CTA gets one deliberate motion moment; the rest of the footer stays quiet. */
.bdh-footer__inner{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand nav cta" "copyright copyright copyright";row-gap:18px}
.bdh-footer__inner>.bdh-brand{grid-area:brand}.bdh-footer__inner>nav{grid-area:nav}.bdh-footer__inner>.bdh-rotation-button{grid-area:cta}.bdh-footer__copyright{grid-area:copyright;justify-self:end}
@media(max-width:760px){.bdh-footer__inner{grid-template-columns:1fr;grid-template-areas:"brand" "nav" "cta" "copyright";justify-items:center}.bdh-footer__copyright{justify-self:center}}
