(function(){
var css = `
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
html, body{
overflow-x:hidden !important;
background:#050506 !important;
}
#hyperessV5{
--text:#f5f5ef;
--soft:rgba(255,255,255,.68);
--muted:rgba(255,255,255,.42);
--line:rgba(255,255,255,.10);
--line2:rgba(255,255,255,.16);
--green:#c8ff12;
--blue:#426bff;
--max:1180px;
position:relative !important;
width:100vw !important;
max-width:100vw !important;
margin-left:calc(50% - 50vw) !important;
overflow:hidden !important;
isolation:isolate;
color:var(--text);
background:
radial-gradient(circle at 74% 0%, rgba(66,107,255,.13), transparent 28%),
radial-gradient(circle at 16% 14%, rgba(200,255,18,.10), transparent 30%),
radial-gradient(circle at 12% 64%, rgba(0,255,100,.07), transparent 30%),
linear-gradient(180deg,#050506 0%,#060609 42%,#050506 100%);
font-family:'Manrope', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#hyperessV5 *{
box-sizing:border-box;
}
#hyperessV5 a{
color:inherit;
text-decoration:none;
}
#hyperessV5 strong{
color:#fff;
font-weight:700;
}
#hyperessV5::before{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:
linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px);
background-size:78px 78px;
opacity:.16;
-webkit-mask-image:linear-gradient(180deg, black, transparent 62%);
mask-image:linear-gradient(180deg, black, transparent 62%);
}
.hx-wrap{
width:min(calc(100% - 40px), var(--max));
margin:0 auto;
position:relative;
z-index:2;
}
.hx-section{
position:relative;
z-index:2;
padding:96px 0;
}
.hx-kicker{
display:inline-flex;
align-items:center;
gap:9px;
margin-bottom:18px;
color:rgba(255,255,255,.58);
font-size:11px;
font-weight:600;
letter-spacing:.16em;
text-transform:uppercase;
}
.hx-kicker::before{
content:"";
width:7px;
height:7px;
border-radius:999px;
background:var(--green);
box-shadow:0 0 18px rgba(200,255,18,.78);
flex:0 0 auto;
}
.hx-title{
margin:0;
max-width:900px;
color:#f7f7f0;
font-size:clamp(42px,6vw,86px);
line-height:.98;
letter-spacing:-.075em;
font-weight:300;
}
.hx-title strong{
font-weight:650;
}
.hx-sub{
margin:20px 0 0;
max-width:660px;
color:var(--soft);
font-size:clamp(15px,1.25vw,18px);
line-height:1.72;
font-weight:400;
}
.hx-btn{
min-height:52px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 24px;
border-radius:999px;
border:1px solid var(--line2);
font-size:14px;
font-weight:700;
cursor:pointer;
font-family:inherit;
}
.hx-btn-primary{
background:#fff;
color:#050506 !important;
border-color:#fff;
box-shadow:0 12px 40px rgba(255,255,255,.10);
}
.hx-btn-green{
background:var(--green);
color:#050506 !important;
border-color:var(--green);
box-shadow:0 12px 40px rgba(200,255,18,.16);
}
/* HERO */
.hx-hero{
position:relative;
z-index:2;
min-height:calc(100vh - 72px);
padding:82px 0 54px;
display:flex;
align-items:center;
overflow:hidden;
}
.hx-hero-bg{
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:
radial-gradient(circle at 52% 18%, rgba(255,255,255,.08), transparent 18%),
radial-gradient(circle at 52% 28%, rgba(200,255,18,.13), transparent 35%),
radial-gradient(circle at 12% 78%, rgba(0,255,100,.10), transparent 30%),
radial-gradient(circle at 88% 28%, rgba(66,107,255,.15), transparent 30%),
linear-gradient(180deg,#050506 0%,#060609 100%);
}
.hx-hero-bg::after{
content:"";
position:absolute;
left:50%;
top:19%;
width:min(86vw,1180px);
height:580px;
transform:translateX(-50%);
border-top:1px solid rgba(200,255,18,.38);
border-radius:50% 50% 0 0;
opacity:.78;
}
.hx-hero-content{
position:relative;
z-index:3;
text-align:center;
padding-top:10px;
}
.hx-hero-title{
margin:0 auto;
max-width:1180px;
color:#f8f8f2;
font-size:clamp(54px,9.2vw,132px);
line-height:.90;
letter-spacing:-.08em;
font-weight:300;
}
.hx-hero-title .line{
display:block;
overflow:hidden;
padding-bottom:.04em;
}
.hx-hero-title .line span{
display:block;
transform:translateY(115%);
opacity:0;
filter:blur(12px);
transition:transform 1.05s cubic-bezier(.16,1,.3,1), opacity 1.05s ease, filter 1.05s ease;
}
#hyperessV5.is-loaded .hx-hero-title .line:nth-child(1) span{
transform:translateY(0);
opacity:1;
filter:blur(0);
transition-delay:.12s;
}
#hyperessV5.is-loaded .hx-hero-title .line:nth-child(2) span{
transform:translateY(0);
opacity:1;
filter:blur(0);
transition-delay:.28s;
}
.hx-hero-sub{
margin:28px auto 0;
max-width:760px;
color:rgba(255,255,255,.70);
font-size:clamp(15px,1.45vw,20px);
line-height:1.7;
font-weight:400;
opacity:0;
transform:translateY(18px);
transition:opacity .8s ease .72s, transform .8s ease .72s;
}
#hyperessV5.is-loaded .hx-hero-sub{
opacity:1;
transform:translateY(0);
}
.hx-hero-form{
width:min(100%,610px);
margin:38px auto 0;
display:flex;
gap:10px;
padding:8px;
border-radius:999px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.11);
backdrop-filter:blur(16px);
-webkit-backdrop-filter:blur(16px);
box-shadow:0 20px 70px rgba(0,0,0,.26);
opacity:0;
transform:translateY(18px);
transition:opacity .8s ease .9s, transform .8s ease .9s;
}
#hyperessV5.is-loaded .hx-hero-form{
opacity:1;
transform:translateY(0);
}
.hx-hero-form input{
flex:1;
min-width:0;
height:52px;
border:0;
outline:0;
border-radius:999px;
padding:0 20px;
background:rgba(0,0,0,.34);
color:#fff;
font-size:15px;
font-family:inherit;
}
.hx-hero-form input::placeholder{
color:rgba(255,255,255,.40);
}
.hx-hero-form button{
border:0;
height:52px;
border-radius:999px;
padding:0 24px;
background:var(--green);
color:#050506;
font-weight:750;
cursor:pointer;
white-space:nowrap;
font-family:inherit;
}
.hx-hero-note{
margin-top:22px;
color:rgba(255,255,255,.38);
font-size:13px;
opacity:0;
transform:translateY(16px);
transition:opacity .8s ease 1.02s, transform .8s ease 1.02s;
}
#hyperessV5.is-loaded .hx-hero-note{
opacity:1;
transform:translateY(0);
}
/* JOURNEY */
.hx-journey{
--jp:0;
position:relative;
margin:72px auto 0;
width:min(100%,980px);
height:210px;
}
.hx-journey::before{
content:"";
position:absolute;
left:8%;
right:8%;
top:74px;
height:1px;
background:rgba(255,255,255,.11);
}
.hx-journey-line{
position:absolute;
left:8%;
top:74px;
height:2px;
width:calc(84% * var(--jp));
background:linear-gradient(90deg, rgba(255,255,255,.18), var(--green), rgba(255,255,255,.85));
box-shadow:0 0 22px rgba(200,255,18,.46);
border-radius:999px;
}
.hx-journey-pulse{
position:absolute;
left:calc(8% + (84% * var(--jp)));
top:74px;
width:12px;
height:12px;
border-radius:50%;
transform:translate(-50%,-50%);
background:var(--green);
box-shadow:0 0 18px rgba(200,255,18,.95), 0 0 42px rgba(200,255,18,.35);
}
.hx-journey-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:repeat(5,1fr);
gap:14px;
}
.hx-journey-step{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
color:rgba(255,255,255,.36);
transition:color .28s ease, transform .28s ease;
}
.hx-journey-icon{
width:64px;
height:64px;
display:grid;
place-items:center;
border-radius:999px;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.10);
color:rgba(255,255,255,.46);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
box-shadow:0 16px 48px rgba(0,0,0,.25);
transition:all .28s ease;
}
.hx-icon{
width:24px;
height:24px;
stroke:currentColor;
stroke-width:1.7;
fill:none;
stroke-linecap:round;
stroke-linejoin:round;
}
.hx-journey-step span{
margin-top:14px;
display:block;
color:inherit;
font-size:12px;
line-height:1.35;
font-weight:500;
}
.hx-journey-step.is-active{
color:rgba(255,255,255,.78);
transform:translateY(-4px);
}
.hx-journey-step.is-active .hx-journey-icon{
color:var(--green);
background:rgba(200,255,18,.10);
border-color:rgba(200,255,18,.28);
box-shadow:0 0 30px rgba(200,255,18,.15), 0 18px 58px rgba(0,0,0,.26);
}
/* ANIMATIONS */
.hx-anim{
opacity:0;
transform:translateY(24px);
filter:blur(5px);
will-change:opacity, transform, filter;
}
/* CONTENT */
.hx-statement{
padding-top:58px;
padding-bottom:70px;
}
.hx-statement-text{
max-width:1050px;
margin:0 auto;
text-align:center;
color:#f7f7f0;
font-size:clamp(36px,6vw,92px);
line-height:1;
letter-spacing:-.08em;
font-weight:300;
}
.hx-statement-text strong{
font-weight:680;
}
.hx-statement-sub{
margin:24px auto 0;
max-width:720px;
text-align:center;
color:var(--soft);
font-size:18px;
line-height:1.75;
}
.hx-split{
display:grid;
grid-template-columns:.84fr 1.16fr;
gap:54px;
align-items:center;
}
.hx-market-map{
position:relative;
min-height:560px;
border-radius:36px;
overflow:hidden;
background:
radial-gradient(circle at 78% 18%, rgba(66,107,255,.22), transparent 28%),
radial-gradient(circle at 20% 80%, rgba(200,255,18,.13), transparent 32%),
linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.018));
border:1px solid rgba(255,255,255,.10);
box-shadow:0 28px 90px rgba(0,0,0,.34);
}
.hx-market-map::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(90deg, rgba(255,255,255,.040) 1px, transparent 1px),
linear-gradient(rgba(255,255,255,.040) 1px, transparent 1px);
background-size:80px 80px;
opacity:.24;
}
.hx-map-svg{
position:absolute;
inset:0;
width:100%;
height:100%;
}
.hx-map-label{
position:absolute;
left:34px;
top:32px;
color:rgba(255,255,255,.50);
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
font-weight:700;
}
.hx-map-core{
position:absolute;
right:12%;
top:19%;
width:150px;
height:150px;
border-radius:999px;
background:radial-gradient(circle, rgba(255,255,255,.82) 0%, rgba(210,255,110,.32) 38%, transparent 70%);
filter:blur(2px);
opacity:.72;
}
.hx-map-cards{
position:absolute;
left:24px;
right:24px;
bottom:24px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
}
.hx-map-card{
min-height:124px;
padding:18px;
border-radius:22px;
background:rgba(10,10,14,.50);
border:1px solid rgba(255,255,255,.10);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.hx-map-card.active{
background:rgba(66,107,255,.76);
border-color:rgba(255,255,255,.18);
}
.hx-map-card span{
display:inline-flex;
margin-bottom:14px;
padding:6px 10px;
border-radius:999px;
background:#fff;
color:#07070a;
font-size:11px;
font-weight:700;
}
.hx-map-card h3{
margin:0;
font-size:18px;
font-weight:500;
letter-spacing:-.03em;
}
.hx-map-card p{
margin:8px 0 0;
color:rgba(255,255,255,.72);
font-size:12px;
line-height:1.5;
}
/* SERVICES */
.hx-service-grid{
margin-top:42px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:16px;
}
.hx-service-block{
min-height:165px;
padding:24px;
border-radius:24px;
background:rgba(255,255,255,.025);
border:1px solid rgba(255,255,255,.08);
transition:border-color .3s ease, transform .3s ease, background .3s ease;
}
.hx-service-block:hover{
border-color:rgba(200,255,18,.22);
transform:translateY(-2px);
background:rgba(255,255,255,.04);
}
.hx-service-num{
color:var(--green);
font-size:12px;
font-weight:700;
}
.hx-service-block h3{
margin:16px 0 10px;
color:#fff;
font-size:28px;
line-height:1;
letter-spacing:-.05em;
font-weight:400;
}
.hx-service-block p{
margin:0;
color:var(--soft);
font-size:14px;
line-height:1.6;
}
/* FLOW */
.hx-flow{
--fp:0;
position:relative;
margin-top:58px;
padding:26px 0 0;
}
.hx-flow-line{
position:absolute;
left:0;
right:0;
top:52px;
height:1px;
background:rgba(255,255,255,.10);
}
.hx-flow-fill{
position:absolute;
left:0;
top:52px;
height:2px;
width:calc(var(--fp) * 100%);
background:linear-gradient(90deg, var(--green), rgba(255,255,255,.84));
box-shadow:0 0 18px rgba(200,255,18,.55);
}
.hx-flow-pulse{
position:absolute;
top:52px;
left:calc(var(--fp) * 100%);
width:12px;
height:12px;
border-radius:999px;
transform:translate(-50%,-50%);
background:var(--green);
box-shadow:0 0 24px rgba(200,255,18,.80);
}
.hx-flow-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
}
.hx-flow-icon{
width:50px;
height:50px;
display:grid;
place-items:center;
margin-bottom:18px;
border-radius:999px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.10);
color:#fff;
transition:all .35s ease;
}
.hx-flow-item.is-active .hx-flow-icon{
background:rgba(200,255,18,.12);
border-color:rgba(200,255,18,.28);
color:var(--green);
box-shadow:0 0 30px rgba(200,255,18,.10);
}
.hx-flow-item small{
color:var(--green);
font-size:12px;
font-weight:600;
}
.hx-flow-item h3{
margin:9px 0 10px;
color:#fff;
font-size:21px;
font-weight:400;
}
.hx-flow-item p{
margin:0;
color:var(--muted);
font-size:14px;
line-height:1.58;
}
/* FORM */
.hx-form-area{
padding-bottom:110px;
}
.hx-form-shell{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:48px;
align-items:start;
padding:54px;
border-radius:36px;
background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
border:1px solid rgba(255,255,255,.10);
}
.hx-form-copy h2{
margin:0;
color:#f7f7f0;
font-size:clamp(36px,5vw,72px);
line-height:.98;
letter-spacing:-.07em;
font-weight:300;
}
.hx-form-copy p{
margin:20px 0 0;
color:var(--soft);
font-size:16px;
line-height:1.72;
}
.hx-form{
display:grid;
gap:14px;
}
.hx-form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
.hx-field{
display:grid;
gap:8px;
}
.hx-field.full{
grid-column:1/-1;
}
.hx-field label{
color:rgba(255,255,255,.54);
font-size:11px;
font-weight:600;
letter-spacing:.12em;
text-transform:uppercase;
}
.hx-field input,
.hx-field select,
.hx-field textarea{
width:100%;
min-height:52px;
border:1px solid rgba(255,255,255,.11);
outline:0;
border-radius:16px;
padding:0 16px;
background:rgba(0,0,0,.24);
color:#fff;
font-size:14px;
font-family:inherit;
}
.hx-field textarea{
min-height:110px;
padding:14px 16px;
}
.hx-field select option{
background:#101014;
color:#fff;
}
.hx-status{
min-height:22px;
color:var(--muted);
font-size:13px;
}
.hx-status.success{
color:var(--green);
}
.hx-status.error{
color:#ff6b6b;
}
/* FINAL */
.hx-final{
padding:90px 0 42px;
text-align:center;
}
.hx-clarity-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:24px;
}
.hx-clarity-toggle{
display:inline-flex;
align-items:center;
gap:14px;
color:rgba(255,255,255,.62);
font-size:14px;
}
.hx-switch{
position:relative;
width:70px;
height:38px;
border-radius:999px;
background:rgba(255,255,255,.10);
border:1px solid rgba(255,255,255,.12);
cursor:pointer;
}
.hx-switch::after{
content:"";
position:absolute;
top:4px;
left:4px;
width:28px;
height:28px;
border-radius:999px;
background:#fff;
transition:all .3s ease;
}
.hx-switch.is-on{
background:rgba(200,255,18,.22);
border-color:rgba(200,255,18,.36);
}
.hx-switch.is-on::after{
left:36px;
background:var(--green);
}
.hx-final-message{
transition:filter .45s ease, opacity .45s ease, transform .45s ease;
}
.hx-final-message.is-blurred{
filter:blur(10px);
opacity:.46;
transform:scale(.985);
}
.hx-final-message h2{
margin:0 auto;
max-width:900px;
font-size:clamp(42px,6vw,88px);
line-height:.98;
letter-spacing:-.075em;
font-weight:300;
}
.hx-final-message p{
margin:22px auto 34px;
max-width:620px;
color:var(--soft);
font-size:17px;
line-height:1.72;
}
.hx-footer{
padding:24px 0;
border-top:1px solid rgba(255,255,255,.08);
color:rgba(255,255,255,.38);
font-size:12px;
}
.hx-footer .hx-wrap{
display:flex;
justify-content:space-between;
gap:16px;
}
/* RESPONSIVE */
@media(max-width:980px){
.hx-split,
.hx-form-shell{
grid-template-columns:1fr;
}
.hx-map-cards,
.hx-service-grid,
.hx-flow-grid{
grid-template-columns:1fr;
}
.hx-flow-line,
.hx-flow-fill,
.hx-flow-pulse{
display:none;
}
.hx-flow-item{
border-bottom:1px solid var(--line);
padding-bottom:22px;
}
}
@media(max-width:680px){
.hx-wrap{
width:min(calc(100% - 28px), var(--max));
}
.hx-section{
padding:72px 0;
}
.hx-hero{
padding:58px 0 36px;
}
.hx-hero-title{
font-size:clamp(42px,14vw,68px);
letter-spacing:-.07em;
}
.hx-hero-form{
flex-direction:column;
border-radius:24px;
}
.hx-hero-form input,
.hx-hero-form button{
width:100%;
}
.hx-journey{
height:auto;
margin-top:50px;
}
.hx-journey::before,
.hx-journey-line,
.hx-journey-pulse{
display:none;
}
.hx-journey-grid{
grid-template-columns:1fr;
gap:16px;
}
.hx-journey-step{
flex-direction:row;
justify-content:flex-start;
text-align:left;
gap:14px;
}
.hx-journey-step span{
margin-top:0;
}
.hx-market-map{
min-height:640px;
}
.hx-form-shell{
padding:26px 18px;
}
.hx-form-grid{
grid-template-columns:1fr;
}
.hx-footer .hx-wrap{
flex-direction:column;
align-items:flex-start;
}
}
`;
var style = document.createElement('style');
style.setAttribute('data-hyperess','v5');
style.appendChild(document.createTextNode(css));
document.head.appendChild(style);
})();
Disponible para proyectos selectos
Más que contenido.
Sistemas de crecimiento.
Hyperess construye sistemas de captación para empresas high ticket que necesitan
más leads calificados , ejecución más rápida y crecimiento medible.
Iniciar diagnóstico
Para empresas que ya venden y quieren convertir atención en oportunidades reales.
El marketing que impacta no se mide en publicaciones.
Se mide en oportunidades, seguimiento, decisiones comerciales y crecimiento que puede explicarse con datos.
El problema real
Tu publicidad no falla sola. Falla el sistema detrás.
Muchas empresas invierten en anuncios, diseño y contenido sin una ruta clara entre atención,
seguimiento y venta. El resultado: métricas que se ven bien, pero pocas oportunidades reales.
Del ruido a la oportunidad
01 · Research
Detectar
Mercado, oferta, audiencia y puntos de fuga.
02 · Sistema
Conectar
Campaña, landing, formulario y seguimiento.
03 · Optimizar
Escalar
Mejoras semanales con datos reales.
Qué construimos
Piezas conectadas para convertir atención en demanda.
01
Paid Media
Campañas en Meta Ads y Google Ads con lectura comercial, no solo métricas de vanidad.
02
Landing Pages
Páginas limpias y directas que reducen fricción y llevan al prospecto al siguiente paso.
03
Creative Ads
Mensajes visuales con ángulo, dolor, diferenciación y una intención clara de conversión.
04
Automatización
Flujos para recibir, ordenar y responder leads con mayor velocidad.
Sistema Hyperess
Un ciclo de 90 días para crecer con menos improvisación.
Insight
Insight
Analizamos oferta, mercado, audiencia y embudo actual.
Strategy
Strategy
Definimos objetivo, ángulo comercial y ruta de conversión.
Build
Build
Creamos campañas, landing, copies, formularios y flujo.
Launch
Launch
Activamos con medición clara desde el primer día.
Optimize
Optimize
Ajustamos con datos reales, no con suposiciones.
Sin Hyperess
Con Hyperess
El marketing no debería sentirse lento, confuso ni improvisado.
Construyamos una ruta más clara entre atención, leads y crecimiento medible.
Aplicar a diagnóstico
document.addEventListener("DOMContentLoaded", function(){
var root = document.getElementById("hyperessV5");
if(root){
var parent = root.parentElement;
var levels = 0;
while(parent && parent !== document.body && levels .92){ p = 1; }
if(p .55 ? 0 : (1 - (p / .55)) * 5;
var y = 0;
var scale = 1;
if(type === "up"){
y = (1 - eased) * 24;
}
if(type === "scale"){
y = (1 - eased) * 14;
scale = .98 + eased * .02;
}
el.style.opacity = eased.toFixed(3);
el.style.filter = "blur(" + blur.toFixed(2) + "px)";
el.style.transform = "translate3d(0," + y.toFixed(2) + "px,0) scale(" + scale.toFixed(3) + ")";
});
if(journey){
var jp = progressByTop(journey, .88, .34);
if(jp > .96){ jp = 1; }
if(jp = threshold - .03){
step.classList.add("is-active");
}else{
step.classList.remove("is-active");
}
});
}
if(flow){
var fp = progressByTop(flow, .86, .34);
if(fp > .96){ fp = 1; }
if(fp = threshold - .04){
item.classList.add("is-active");
}else{
item.classList.remove("is-active");
}
});
}
window.requestAnimationFrame(animateScroll);
}
window.requestAnimationFrame(animateScroll);
var heroForm = document.getElementById("hxHeroEmailForm");
var heroEmail = document.getElementById("hxHeroEmail");
var businessEmail = document.getElementById("businessEmail");
var leadFormSection = document.getElementById("lead-form");
if(heroForm && heroEmail){
heroForm.addEventListener("submit", function(e){
e.preventDefault();
var emailValue = heroEmail.value.trim();
if(!emailValue){ return; }
try{
sessionStorage.setItem("hyperess_email", emailValue);
}catch(err){}
if(businessEmail){
businessEmail.value = emailValue;
}
if(leadFormSection){
leadFormSection.scrollIntoView({
behavior:"smooth",
block:"center"
});
}
});
}
var claritySwitch = document.getElementById("hxClaritySwitch");
var finalMessage = document.getElementById("hxFinalMessage");
if(claritySwitch && finalMessage){
claritySwitch.addEventListener("click", function(){
var isOn = claritySwitch.classList.toggle("is-on");
if(isOn){
finalMessage.classList.remove("is-blurred");
}else{
finalMessage.classList.add("is-blurred");
}
});
}
});