/* Enrique Sites Hub — landing premium v2 */
.ehub-home-v2 {
  --v2-bg: #050507;
  --v2-surface: rgba(16, 16, 22, .72);
  --v2-surface-strong: #101016;
  --v2-line: rgba(255, 255, 255, .09);
  --v2-line-hover: rgba(133, 111, 255, .42);
  --v2-text: #f7f7fb;
  --v2-muted: #a1a1b0;
  --v2-purple: #8068ff;
  --v2-blue: #29a8ff;
  --v2-pink: #e75da8;
  --v2-green: #39d99a;
  --v2-ease-out: cubic-bezier(.23, 1, .32, 1);
  --v2-ease-move: cubic-bezier(.77, 0, .175, 1);
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  color: var(--v2-text);
  background:
    radial-gradient(circle at 50% -12%, rgba(103, 74, 255, .16), transparent 32rem),
    var(--v2-bg);
  font-family: Inter, Geist, "SF Pro Display", "Segoe UI", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  isolation: isolate;
}

.ehub-home-v2 *, .ehub-home-v2 *::before, .ehub-home-v2 *::after { box-sizing: border-box; }
.ehub-home-v2 a { color: inherit; text-decoration: none; }
.ehub-home-v2 img { display: block; max-width: 100%; }
.ehub-home-v2 button, .ehub-home-v2 a { -webkit-tap-highlight-color: transparent; }
.ehub-home-v2 :focus-visible { outline: 2px solid #9b8aff; outline-offset: 4px; }
.ehub-v2-icon { display: block; width: 1.15em; height: 1.15em; flex: 0 0 auto; }

.ehub-home-v2 > .ehub-v2-ambient { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.ehub-v2-ambient::before {
  content: ""; position: absolute; inset: 0; opacity: .17;
  background-image: radial-gradient(rgba(255,255,255,.22) .6px, transparent .6px);
  background-size: 22px 22px;
  mask-image: linear-gradient(to bottom, #000 0, transparent 44%);
}
.ehub-v2-ambient i { position: absolute; display: block; border-radius: 50%; filter: blur(90px); opacity: .16; }
.ehub-v2-ambient i:nth-child(1) { width: 32rem; height: 32rem; top: 8rem; left: -24rem; background: #6246ff; }
.ehub-v2-ambient i:nth-child(2) { width: 27rem; height: 27rem; top: 28rem; right: -17rem; background: #149aff; }
.ehub-v2-ambient i:nth-child(3) { width: 22rem; height: 22rem; top: 62rem; left: 36%; background: #bd4eff; opacity: .1; }

.ehub-v2-nav-wrap {
  position: relative; z-index: 50; width: min(1060px, calc(100% - 40px)); margin: 20px auto 0;
}
.ehub-v2-nav {
  position: relative;
  min-height: 66px; padding: 9px 10px 9px 18px; border: 1px solid var(--v2-line); border-radius: 18px;
  display: flex; align-items: center; justify-content: space-between; gap: 22px;
  background: rgba(10, 10, 14, .72); box-shadow: 0 18px 55px rgba(0,0,0,.28);
  backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%);
}
.ehub-v2-brand { display: inline-flex; align-items: center; min-width: 176px; }
.ehub-v2-brand img { width: 158px; height: auto; opacity: .98; }
.ehub-v2-nav nav { display: flex; align-items: center; gap: 5px; }
.ehub-v2-nav nav a { position: relative; padding: 10px 14px; color: #a7a7b5; font-size: 14px; font-weight: 600; transition: color 180ms ease; }
.ehub-v2-nav nav a::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 3px; height: 1px; transform: scaleX(0); background: #8a76ff; transition: transform 180ms var(--v2-ease-out); }
.ehub-v2-nav nav a.is-current, .ehub-v2-nav nav a:hover { color: #fff; }
.ehub-v2-nav nav a.is-current::after { transform: scaleX(1); }
.ehub-v2-nav-actions { display: flex; align-items: center; gap: 8px; }
.ehub-home-v2 .ehub-v2-nav .ehub-public-menu-toggle { display: none!important; }
.ehub-v2-login { padding: 10px 12px; color: #b6b6c2; font-size: 14px; font-weight: 700; transition: color 180ms ease; }
.ehub-v2-login:hover { color: #fff; }

.ehub-v2-button {
  position: relative; isolation: isolate; min-height: 48px; padding: 0 18px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.12); border-radius: 13px;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  color: #fff; background: rgba(255,255,255,.07); box-shadow: inset 0 1px rgba(255,255,255,.08);
  font-size: 14px; font-weight: 750; letter-spacing: -.01em;
  transition: transform 160ms ease, border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.ehub-v2-button.is-compact { min-height: 44px; padding-inline: 16px; background: linear-gradient(135deg, #735cff, #4d8dff); border-color: rgba(153,137,255,.6); }
.ehub-v2-button.is-primary {
  min-height: 54px; padding-inline: 22px; border-color: rgba(156,139,255,.65);
  background: linear-gradient(118deg, #6f55ff 0%, #4a86ff 52%, #7858ff 100%); background-size: 180% 100%;
  box-shadow: 0 16px 42px rgba(83,74,255,.26), inset 0 1px rgba(255,255,255,.2);
}
.ehub-v2-button.is-primary::before, .ehub-v2-button.is-compact::before {
  content: ""; position: absolute; z-index: -1; top: -50%; bottom: -50%; width: 38%; left: -60%;
  transform: skewX(-18deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
  animation: ehub-v2-shimmer 4.2s linear infinite;
}
.ehub-v2-button.is-ghost { min-height: 54px; color: #c8c8d2; background: rgba(255,255,255,.035); }
.ehub-v2-button.is-ghost .ehub-v2-icon { color: #8c7aff; }
.ehub-v2-button:active { transform: scale(.98); }
@keyframes ehub-v2-shimmer { 0%, 55% { transform: translateX(0) skewX(-18deg); } 100% { transform: translateX(470%) skewX(-18deg); } }

.ehub-v2-hero {
  position: relative; width: min(1060px, calc(100% - 40px)); min-height: 620px; margin: 0 auto;
  padding: 72px 0 76px; display: grid; grid-template-columns: minmax(0, .92fr) minmax(470px, 1.08fr); align-items: center; gap: 56px;
}
.ehub-v2-hero::after {
  content: ""; position: absolute; left: 50%; bottom: 0; width: 100vw; height: 1px; transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.13), transparent);
}
.ehub-v2-hero-copy { position: relative; z-index: 2; }
.ehub-v2-eyebrow {
  width: max-content; max-width: 100%; padding: 7px 11px 7px 8px; border: 1px solid rgba(130,111,255,.24); border-radius: 999px;
  display: flex; align-items: center; gap: 8px; color: #b8accf; background: rgba(101,77,255,.07);
  font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
}
.ehub-v2-eyebrow > span { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; color: #c5bbff; background: rgba(125,101,255,.17); }
.ehub-v2-eyebrow .ehub-v2-icon { width: 13px; height: 13px; }
.ehub-v2-hero h1 {
  max-width: 620px; margin: 22px 0 20px; color: #fbfbff; font-size: clamp(50px, 5.1vw, 68px); line-height: .97; letter-spacing: -.065em; font-weight: 750;
}
.ehub-v2-hero h1 span, .ehub-v2-section-head h2 span {
  color: transparent; background: linear-gradient(92deg, #a797ff 5%, #61b6ff 55%, #c288ff 98%); -webkit-background-clip: text; background-clip: text;
}
.ehub-v2-hero-text { max-width: 570px; margin: 0; color: #a9a9b8; font-size: clamp(17px, 1.7vw, 20px); line-height: 1.65; letter-spacing: -.015em; }
.ehub-v2-hero-actions { margin-top: 34px; display: flex; align-items: center; gap: 12px; }
.ehub-v2-proof { margin-top: 26px; display: flex; flex-wrap: wrap; gap: 18px; }
.ehub-v2-proof span { display: flex; align-items: center; gap: 6px; color: #898997; font-size: 12px; }
.ehub-v2-proof b { font-weight: 600; }
.ehub-v2-proof .ehub-v2-icon { width: 14px; height: 14px; color: var(--v2-green); }

.ehub-v2-product { position: relative; min-height: 510px; perspective: 1100px; }
.ehub-v2-product-glow {
  position: absolute; inset: 13% 6% 10%; border-radius: 50%; background: radial-gradient(circle, rgba(109,82,255,.28), rgba(30,151,255,.08) 42%, transparent 72%); filter: blur(34px); pointer-events: none;
}
.ehub-v2-browser {
  position: absolute; z-index: 2; top: 20px; right: 16px; width: 88%; overflow: hidden;
  border: 1px solid rgba(255,255,255,.13); border-radius: 21px; background: rgba(13,13,19,.86);
  box-shadow: 0 46px 90px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.08);
  transform: rotateY(-5deg) rotateX(2deg); transition: transform 420ms var(--v2-ease-out), border-color 220ms ease;
  backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px);
}
.ehub-v2-browser-bar { min-height: 48px; padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.08); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; background: rgba(255,255,255,.026); }
.ehub-v2-browser-bar > span { display: flex; gap: 6px; }
.ehub-v2-browser-bar > span i { width: 7px; height: 7px; border-radius: 50%; background: #3a3a45; }
.ehub-v2-browser-bar > span i:nth-child(1) { background: #ff6577; }.ehub-v2-browser-bar > span i:nth-child(2) { background: #f6bd4c; }.ehub-v2-browser-bar > span i:nth-child(3) { background: #48d391; }
.ehub-v2-browser-bar > div { min-width: 260px; padding: 7px 14px; border: 1px solid rgba(255,255,255,.065); border-radius: 8px; color: #767684; background: rgba(0,0,0,.22); text-align: center; font-size: 10px; }
.ehub-v2-browser-bar > div i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #46d592; }
.ehub-v2-browser-bar em { justify-self: end; color: #5bda9f; font-size: 9px; font-style: normal; font-weight: 750; text-transform: uppercase; }
.ehub-v2-browser-body { position: relative; min-height: 410px; padding: 30px 55px 21px; background: radial-gradient(circle at 50% 10%, rgba(119,83,255,.18), transparent 48%), linear-gradient(160deg, #11111a, #09090d 72%); }
.ehub-v2-profile { display: flex; flex-direction: column; align-items: center; text-align: center; }
.ehub-v2-profile-avatar { position: relative; width: 66px; height: 66px; border: 1px solid rgba(255,255,255,.2); border-radius: 21px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #896dff, #417fff); box-shadow: 0 13px 35px rgba(91,70,255,.3); font-size: 25px; font-weight: 800; }
.ehub-v2-profile-avatar span { position: absolute; right: -3px; bottom: -3px; width: 17px; height: 17px; border: 3px solid #111119; border-radius: 50%; background: #45d79b; }
.ehub-v2-profile strong { margin-top: 13px; font-size: 17px; letter-spacing: -.02em; }
.ehub-v2-profile small { margin-top: 3px; color: #7f7f8e; font-size: 10px; }
.ehub-v2-demo-links { max-width: 320px; margin: 21px auto 0; display: grid; gap: 9px; }
.ehub-v2-demo-links > a { min-height: 46px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 10px; background: rgba(255,255,255,.045); box-shadow: inset 0 1px rgba(255,255,255,.045); transition: transform 180ms var(--v2-ease-out), border-color 180ms ease, background-color 180ms ease; }
.ehub-v2-demo-links > a > i { width: 31px; height: 31px; border-radius: 9px; display: grid; place-items: center; font-size: 11px; font-style: normal; font-weight: 800; }
.ehub-v2-demo-links .is-blue { color: #8ed5ff; background: rgba(55,160,255,.14); }.ehub-v2-demo-links .is-violet { color: #c5b5ff; background: rgba(131,93,255,.15); }.ehub-v2-demo-links .is-pink { color: #ffafd5; background: rgba(237,83,161,.13); }
.ehub-v2-demo-links b { color: #d9d9e2; font-size: 11px; font-weight: 650; }.ehub-v2-demo-links .ehub-v2-icon { width: 13px; height: 13px; color: #777786; transition: transform 180ms var(--v2-ease-out), color 180ms ease; }
.ehub-v2-browser-foot { margin-top: 24px; display: flex; align-items: center; justify-content: center; gap: 5px; color: #656573; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }.ehub-v2-browser-foot b { color: #8878e8; font-size: 7px; }

.ehub-v2-floating { position: absolute; z-index: 4; border: 1px solid rgba(255,255,255,.13); background: rgba(15,15,22,.83); box-shadow: 0 30px 60px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.075); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); transition: transform 420ms var(--v2-ease-out); }
.ehub-v2-floating.is-analytics { left: -12px; bottom: 42px; width: 174px; padding: 15px 16px 13px; border-radius: 17px; transform: translate3d(0,0,0) rotate(-3deg); }
.ehub-v2-floating.is-analytics > div:first-child { display: flex; align-items: center; gap: 6px; color: #858594; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.ehub-v2-live-dot { width: 6px; height: 6px; border-radius: 50%; background: #42dc9b; box-shadow: 0 0 0 4px rgba(66,220,155,.1); }
.ehub-v2-floating.is-analytics > strong { display: block; margin-top: 7px; font-size: 28px; line-height: 1; letter-spacing: -.04em; }.ehub-v2-floating.is-analytics > small { display: block; margin-top: 5px; color: #747482; font-size: 9px; }
.ehub-v2-sparkline { height: 31px; margin-top: 10px; display: flex!important; align-items: end!important; gap: 4px!important; }
.ehub-v2-sparkline i { width: 100%; border-radius: 2px 2px 0 0; background: linear-gradient(#8068ff,#417dff); transform-origin: bottom; }
.ehub-v2-sparkline i:nth-child(1){height:24%}.ehub-v2-sparkline i:nth-child(2){height:39%}.ehub-v2-sparkline i:nth-child(3){height:34%}.ehub-v2-sparkline i:nth-child(4){height:52%}.ehub-v2-sparkline i:nth-child(5){height:47%}.ehub-v2-sparkline i:nth-child(6){height:68%}.ehub-v2-sparkline i:nth-child(7){height:62%}.ehub-v2-sparkline i:nth-child(8){height:92%}
.ehub-v2-floating.is-qr { right: -14px; bottom: 0; min-width: 220px; padding: 11px; border-radius: 16px; display: grid; grid-template-columns: 46px 1fr 25px; align-items: center; gap: 10px; transform: translate3d(0,0,0) rotate(2deg); }
.ehub-v2-floating.is-qr > span { display: flex; flex-direction: column; }.ehub-v2-floating.is-qr b { font-size: 11px; }.ehub-v2-floating.is-qr small { color: #777786; font-size: 9px; }.ehub-v2-floating.is-qr em { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; color: #42dca0; background: rgba(66,220,160,.11); }.ehub-v2-floating.is-qr em .ehub-v2-icon { width: 13px; height: 13px; }
.ehub-v2-fake-qr { width: 48px; height: 48px; padding: 5px; border-radius: 7px; display: grid; grid-template-columns: repeat(4,1fr); gap: 2px; background: #f5f5fa; }
.ehub-v2-fake-qr i { background: #11111b; }.ehub-v2-fake-qr i:nth-child(2),.ehub-v2-fake-qr i:nth-child(5),.ehub-v2-fake-qr i:nth-child(8),.ehub-v2-fake-qr i:nth-child(11),.ehub-v2-fake-qr i:nth-child(14){opacity:0}

.ehub-v2-signal { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 68px 0; display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: 80px; }
.ehub-v2-signal > p { margin: 0; color: #7f7f8d; font-size: 16px; line-height: 1.6; }.ehub-v2-signal > p b { color: #e7e7ec; font-weight: 650; }
.ehub-v2-signal > div { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.ehub-v2-signal > div > span { padding-left: 20px; border-left: 1px solid var(--v2-line); display: flex; flex-direction: column; }
.ehub-v2-signal strong { font-size: 27px; letter-spacing: -.045em; }.ehub-v2-signal small { margin-top: 3px; color: #767684; font-size: 10px; line-height: 1.45; }

.ehub-v2-features { position: relative; width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 112px 0 122px; }
.ehub-v2-section-head { max-width: 820px; margin: 0 auto 55px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.ehub-v2-section-head h2 { margin: 19px 0 18px; color: #f7f7fb; font-size: clamp(38px, 4.5vw, 59px); line-height: 1.08; letter-spacing: -.052em; }
.ehub-v2-section-head > p { max-width: 610px; margin: 0; color: #9191a0; font-size: 16px; line-height: 1.65; }
.ehub-v2-bento { display: grid; grid-template-columns: repeat(12,1fr); gap: 16px; }
.ehub-v2-bento-card {
  position: relative; min-height: 390px; padding: 34px; overflow: hidden; border: 1px solid var(--v2-line); border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.048), rgba(255,255,255,.018));
  box-shadow: inset 0 1px rgba(255,255,255,.04); transform: translate3d(0,0,0);
  transition: transform 220ms var(--v2-ease-out), border-color 220ms ease, box-shadow 220ms ease;
}
.ehub-v2-bento-card::before { content: ""; position: absolute; inset: -1px; z-index: -1; opacity: 0; border-radius: inherit; background: radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(116,94,255,.15), transparent 42%); transition: opacity 220ms ease; }
.ehub-v2-bento-card.is-bio { grid-column: span 7; min-height: 460px; }.ehub-v2-bento-card.is-qr { grid-column: span 5; min-height: 460px; }.ehub-v2-bento-card.is-analytics { grid-column: span 7; }.ehub-v2-bento-card.is-control { grid-column: span 5; }
.ehub-v2-card-copy { position: relative; z-index: 2; max-width: 520px; }.ehub-v2-card-icon { width: 44px; height: 44px; border: 1px solid rgba(139,119,255,.23); border-radius: 13px; display: grid; place-items: center; color: #aa9aff; background: rgba(113,84,255,.1); box-shadow: inset 0 1px rgba(255,255,255,.08); }.ehub-v2-card-icon .ehub-v2-icon { width: 20px; height: 20px; }
.ehub-v2-card-copy > p { margin: 20px 0 8px; color: #8172de; font-size: 10px; font-weight: 800; letter-spacing: .15em; }.ehub-v2-card-copy h3 { margin: 0; max-width: 480px; color: #f4f4f8; font-size: clamp(24px,2.5vw,34px); line-height: 1.16; letter-spacing: -.04em; }.ehub-v2-card-copy > small { display: block; max-width: 490px; margin-top: 13px; color: #898997; font-size: 14px; line-height: 1.6; }.ehub-v2-card-copy > a { margin-top: 22px; display: inline-flex; align-items: center; gap: 8px; color: #b4a8ff; font-size: 12px; font-weight: 750; }.ehub-v2-card-copy > a .ehub-v2-icon { width: 14px; height: 14px; transition: transform 180ms var(--v2-ease-out); }

.ehub-v2-bio-preview { position: absolute; right: -38px; bottom: -65px; width: 300px; min-height: 340px; padding: 24px 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 29px 29px 0 0; background: linear-gradient(165deg,#191625,#0d0d12); box-shadow: 0 30px 70px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.08); transform: rotate(-3deg); transition: transform 420ms var(--v2-ease-out); }
.ehub-v2-bio-preview > div { display: grid; grid-template-columns: 48px 1fr; grid-template-rows: 1fr 1fr; column-gap: 11px; margin-bottom: 20px; }.ehub-v2-bio-preview > div > i { grid-row: 1/3; width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg,#7f67ff,#3f8cff); font-style: normal; font-weight: 800; }.ehub-v2-bio-preview > div b { align-self: end; font-size: 13px; }.ehub-v2-bio-preview > div small { color: #737381; font-size: 9px; }
.ehub-v2-bio-preview > span { min-height: 48px; margin-top: 9px; padding: 0 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; display: flex; align-items: center; justify-content: space-between; color: #c9c9d2; background: rgba(255,255,255,.04); font-size: 10px; }.ehub-v2-bio-preview em { color: #7d6aff; font-style: normal; }

.ehub-v2-qr-visual { position: absolute; right: 31px; bottom: 29px; left: 31px; min-height: 170px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; display: grid; place-items: center; background: radial-gradient(circle at 50% 20%,rgba(109,83,255,.19),transparent 63%),rgba(4,4,7,.3); }
.ehub-v2-fake-qr.is-large { width: 112px; height: 112px; padding: 10px; border-radius: 13px; transform: rotate(3deg); box-shadow: 0 17px 40px rgba(0,0,0,.32); transition: transform 420ms var(--v2-ease-out); }.ehub-v2-qr-visual > span { position: absolute; right: 13px; top: 13px; padding: 6px 9px; border: 1px solid rgba(67,218,155,.18); border-radius: 999px; display: flex; align-items: center; gap: 5px; color: #55dca5; background: rgba(67,218,155,.075); font-size: 8px; font-weight: 750; text-transform: uppercase; }.ehub-v2-qr-visual > span i { width: 5px; height: 5px; border-radius: 50%; background: #46d99f; box-shadow: 0 0 0 3px rgba(70,217,159,.1); }

.ehub-v2-bento-card.is-analytics { display: grid; grid-template-columns: .86fr 1.14fr; align-items: center; gap: 30px; }.ehub-v2-chart { position: relative; z-index: 2; min-height: 270px; padding: 23px; border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(6,6,10,.38); box-shadow: inset 0 1px rgba(255,255,255,.035); }
.ehub-v2-chart-head { display: flex; align-items: start; justify-content: space-between; }.ehub-v2-chart-head > span { display: flex; flex-direction: column; }.ehub-v2-chart-head small { color: #747482; font-size: 9px; }.ehub-v2-chart-head b { margin-top: 2px; font-size: 23px; letter-spacing: -.035em; }.ehub-v2-chart-head em { padding: 5px 8px; border-radius: 999px; color: #4cdda4; background: rgba(70,220,160,.09); font-size: 8px; font-style: normal; font-weight: 800; }
.ehub-v2-chart-bars { height: 145px; margin-top: 18px; border-bottom: 1px solid rgba(255,255,255,.06); display: grid; grid-template-columns: repeat(10,1fr); align-items: end; gap: 7px; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px); background-size: 100% 36px; }.ehub-v2-chart-bars i { height: 100%; border-radius: 4px 4px 1px 1px; background: linear-gradient(180deg,#8f75ff,#426fff); box-shadow: 0 -7px 17px rgba(110,82,255,.12); transform: scaleY(.02); transform-origin: bottom; opacity: .48; }
.ehub-v2-chart.is-animated .ehub-v2-chart-bars i { transform: scaleY(var(--bar)); opacity: 1; transition: transform 720ms var(--v2-ease-out) calc(var(--i) * 55ms), opacity 240ms ease calc(var(--i) * 55ms); }
.ehub-v2-chart-axis { margin-top: 7px; display: flex; justify-content: space-between; color: #595965; font-size: 7px; font-weight: 700; }

.ehub-v2-bento-card.is-control { display: flex; flex-direction: column; justify-content: space-between; }.ehub-v2-control-list { position: relative; z-index: 2; margin-top: 24px; display: grid; gap: 8px; }.ehub-v2-control-list span { min-height: 49px; padding: 0 12px; border: 1px solid rgba(255,255,255,.075); border-radius: 12px; display: grid; grid-template-columns: 9px 1fr auto; align-items: center; gap: 9px; color: #bdbdc7; background: rgba(255,255,255,.027); font-size: 10px; }.ehub-v2-control-list > span > i { width: 7px; height: 7px; border-radius: 50%; }.ehub-v2-control-list .is-blue { background:#4c9cff;box-shadow:0 0 0 4px rgba(76,156,255,.09)}.ehub-v2-control-list .is-violet { background:#866bff;box-shadow:0 0 0 4px rgba(134,107,255,.09)}.ehub-v2-control-list .is-pink { background:#e75da8;box-shadow:0 0 0 4px rgba(231,93,168,.09)}.ehub-v2-control-list b { font-weight: 600; }.ehub-v2-control-list em { padding: 4px 6px; border-radius: 6px; color: #55dca5; background: rgba(70,220,160,.075); font-size: 7px; font-style: normal; text-transform: uppercase; }.ehub-v2-control-list span:last-child em { color:#868694;background:rgba(255,255,255,.05) }

.ehub-v2-cta { width: min(1180px, calc(100% - 40px)); margin: 0 auto 82px; padding: 1px; border-radius: 28px; background: linear-gradient(130deg,rgba(134,111,255,.55),rgba(255,255,255,.08) 45%,rgba(48,159,255,.4)); }
.ehub-v2-cta > div { position: relative; min-height: 390px; padding: 68px 30px; overflow: hidden; border-radius: 27px; display: flex; flex-direction: column; align-items: center; text-align: center; background: radial-gradient(circle at 50% 120%,rgba(65,130,255,.24),transparent 42%),radial-gradient(circle at 50% 0,rgba(116,84,255,.19),transparent 48%),#0a0a0f; }
.ehub-v2-cta > div::before { content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(rgba(255,255,255,.34) .6px,transparent .6px);background-size:20px 20px;mask-image:linear-gradient(to bottom,#000,transparent 75%) }
.ehub-v2-cta > div > span { position:relative;width:46px;height:46px;border:1px solid rgba(148,128,255,.23);border-radius:14px;display:grid;place-items:center;color:#ae9eff;background:rgba(109,83,255,.1) }.ehub-v2-cta > div > span .ehub-v2-icon{width:21px;height:21px}.ehub-v2-cta h2 { position:relative;margin:19px 0 13px;font-size:clamp(38px,4.8vw,62px);line-height:1.05;letter-spacing:-.052em }.ehub-v2-cta p { position:relative;max-width:560px;margin:0;color:#8f8f9d;font-size:15px }.ehub-v2-cta .ehub-v2-button { margin-top:27px }

.ehub-v2-footer { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 35px 0 44px; border-top: 1px solid var(--v2-line); display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 25px; color: #6f6f7d; }
.ehub-v2-footer .ehub-v2-brand { min-width: 0; }.ehub-v2-footer .ehub-v2-brand img { width: 130px; }.ehub-v2-footer p { margin:0;font-size:11px }.ehub-v2-footer nav { display:flex;gap:18px }.ehub-v2-footer nav a { font-size:11px;transition:color 180ms ease }.ehub-v2-footer nav a:hover{color:#fff}.ehub-v2-footer > small { grid-column:1/-1;color:#4f4f5a;font-size:9px }

.ehub-v2-reveal { opacity: 0; transform: translate3d(0,18px,0); }
.ehub-v2-reveal.is-visible { opacity: 1; transform: translate3d(0,0,0); transition: opacity 560ms var(--v2-ease-out) var(--delay,0ms), transform 560ms var(--v2-ease-out) var(--delay,0ms); }

@media (hover:hover) and (pointer:fine) {
  .ehub-v2-button:hover { transform: translate3d(0,-2px,0); border-color: rgba(163,147,255,.58); box-shadow: 0 14px 36px rgba(76,67,220,.22), inset 0 1px rgba(255,255,255,.16); }
  .ehub-v2-demo-links > a:hover { transform: translate3d(3px,0,0); border-color: rgba(139,119,255,.34); background: rgba(255,255,255,.07); }
  .ehub-v2-demo-links > a:hover .ehub-v2-icon { transform: translateX(2px); color: #a89aff; }
  .ehub-v2-button.is-ghost:hover { background: rgba(255,255,255,.07); }
  .ehub-v2-product:hover .ehub-v2-browser { transform: rotateY(-1deg) rotateX(0deg) translate3d(0,-4px,0); border-color: rgba(145,128,255,.3); }
  .ehub-v2-product:hover .ehub-v2-floating.is-analytics { transform: translate3d(-7px,-9px,0) rotate(-4deg); }
  .ehub-v2-product:hover .ehub-v2-floating.is-qr { transform: translate3d(8px,-5px,0) rotate(3deg); }
  .ehub-v2-bento-card:hover { transform: translate3d(0,-5px,0); border-color: var(--v2-line-hover); box-shadow: 0 28px 70px rgba(0,0,0,.3),0 0 45px rgba(91,69,255,.07),inset 0 1px rgba(255,255,255,.07); }
  .ehub-v2-bento-card:hover::before { opacity: 1; }
  .ehub-v2-bento-card.is-bio:hover .ehub-v2-bio-preview { transform: translate3d(-5px,-7px,0) rotate(-1deg); }
  .ehub-v2-bento-card.is-qr:hover .ehub-v2-fake-qr.is-large { transform: translate3d(0,-5px,0) rotate(0deg); }
  .ehub-v2-card-copy > a:hover .ehub-v2-icon { transform: translateX(4px); }
}

@media (max-width: 1020px) {
  .ehub-v2-hero { grid-template-columns: 1fr; gap: 52px; padding-top: 78px; }
  .ehub-v2-hero-copy { max-width: 760px; text-align: center; margin: 0 auto; display:flex;flex-direction:column;align-items:center }
  .ehub-v2-product { width: min(650px,100%); min-height: 560px; margin: 0 auto; }
  .ehub-v2-signal { grid-template-columns: 1fr; gap: 30px; text-align: center; }.ehub-v2-signal > div > span { text-align: left; }
  .ehub-v2-bento-card.is-bio,.ehub-v2-bento-card.is-analytics{grid-column:span 12}.ehub-v2-bento-card.is-qr,.ehub-v2-bento-card.is-control{grid-column:span 6}.ehub-v2-bento-card.is-analytics{grid-template-columns:1fr 1fr}
}

@media (max-width: 760px) {
  .ehub-v2-nav-wrap,.ehub-v2-hero,.ehub-v2-signal,.ehub-v2-features,.ehub-v2-cta,.ehub-v2-footer{width:min(100% - 24px,1180px)}
  .ehub-v2-nav-wrap{margin-top:10px}.ehub-v2-nav{min-height:58px;padding:7px 8px 7px 13px;border-radius:15px;flex-wrap:wrap;gap:0}.ehub-v2-brand img{width:146px;background:transparent!important;border:0!important;box-shadow:none!important}.ehub-v2-brand{min-width:146px}
  .ehub-v2-nav nav,.ehub-v2-login,.ehub-v2-nav-actions>.ehub-v2-button{display:none}.ehub-home-v2 .ehub-v2-nav .ehub-public-menu-toggle{width:44px!important;height:44px!important;padding:0!important;border:1px solid rgba(137,116,255,.46)!important;border-radius:13px!important;display:none;background:linear-gradient(145deg,rgba(111,85,255,.24),rgba(64,136,255,.16))!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 26px rgba(55,47,157,.18)!important}.ehub-home-v2 .ehub-v2-nav .ehub-public-menu-toggle span{width:19px!important;height:2px!important;margin:4px auto!important;border-radius:2px!important;background:#f4f3ff!important;transition:transform 180ms var(--v2-ease-out),opacity 150ms ease!important}.ehub-home-v2 .ehub-v2-nav .ehub-public-menu-toggle[aria-expanded="true"]{border-color:rgba(160,145,255,.78)!important;background:linear-gradient(145deg,rgba(121,96,255,.45),rgba(66,136,255,.33))!important}.ehub-home-v2 .ehub-v2-nav .ehub-public-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}.ehub-home-v2 .ehub-v2-nav .ehub-public-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}.ehub-home-v2 .ehub-v2-nav .ehub-public-menu-toggle{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
  .ehub-home-v2.is-public-menu-open .ehub-v2-nav nav { position:static;order:3;width:100%;margin:10px 0 0;padding:7px;border:1px solid rgba(137,116,255,.28);border-radius:13px;display:grid;grid-template-columns:1fr;background:linear-gradient(145deg,rgba(23,21,38,.96),rgba(10,13,24,.98));box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 36px rgba(0,0,0,.26);backdrop-filter:blur(18px) }.ehub-home-v2.is-public-menu-open .ehub-v2-nav nav a{padding:13px 14px;border-radius:9px;color:#d7d4e6!important}.ehub-home-v2.is-public-menu-open .ehub-v2-nav nav a.is-current{background:rgba(120,97,255,.14);color:#fff!important}.ehub-home-v2.is-public-menu-open .ehub-v2-nav nav a::after{display:none}
  .ehub-v2-hero{min-height:0;padding:68px 0 75px;gap:45px}.ehub-v2-hero h1{font-size:clamp(47px,13.5vw,68px)}.ehub-v2-hero-text{font-size:16px}.ehub-v2-hero-actions{width:100%;flex-direction:column}.ehub-v2-hero-actions .ehub-v2-button{width:100%}.ehub-v2-proof{justify-content:center;gap:10px 14px}
  .ehub-v2-product{min-height:470px}.ehub-v2-browser{top:0;right:3%;width:94%;transform:none}.ehub-v2-browser-bar{grid-template-columns:1fr auto}.ehub-v2-browser-bar>div{min-width:0}.ehub-v2-browser-bar>em{display:none}.ehub-v2-browser-body{min-height:390px;padding:29px 28px 20px}.ehub-v2-floating.is-analytics{left:-2px;bottom:22px;width:155px}.ehub-v2-floating.is-qr{right:-3px;bottom:-27px;min-width:190px;grid-template-columns:42px 1fr}.ehub-v2-floating.is-qr>em{display:none}.ehub-v2-fake-qr{width:42px;height:42px}
  .ehub-v2-signal{padding:58px 0}.ehub-v2-signal>div{gap:8px}.ehub-v2-signal>div>span{padding-left:11px}.ehub-v2-signal strong{font-size:22px}.ehub-v2-signal small{font-size:8px}
  .ehub-v2-features{padding:82px 0}.ehub-v2-section-head{margin-bottom:39px}.ehub-v2-section-head h2{font-size:38px}.ehub-v2-bento-card,.ehub-v2-bento-card.is-bio,.ehub-v2-bento-card.is-qr,.ehub-v2-bento-card.is-analytics,.ehub-v2-bento-card.is-control{grid-column:span 12;min-height:390px;padding:25px}.ehub-v2-bento-card.is-analytics{display:block;min-height:585px}.ehub-v2-chart{margin-top:28px}.ehub-v2-bio-preview{right:-58px;width:270px}.ehub-v2-qr-visual{left:24px;right:24px}
  .ehub-v2-cta{margin-bottom:55px}.ehub-v2-cta>div{min-height:365px;padding:58px 21px}.ehub-v2-cta h2{font-size:40px}
  .ehub-v2-footer{grid-template-columns:1fr auto}.ehub-v2-footer p{display:none}.ehub-v2-footer nav{gap:12px}
}

@media (max-width: 420px) {
  .ehub-v2-eyebrow{font-size:9px}.ehub-v2-hero h1{font-size:45px}.ehub-v2-proof{display:grid;grid-template-columns:1fr 1fr}.ehub-v2-product{min-height:450px}.ehub-v2-browser-body{padding-inline:17px}.ehub-v2-floating.is-analytics{bottom:10px}.ehub-v2-floating.is-qr{bottom:-38px}.ehub-v2-signal>div{grid-template-columns:1fr}.ehub-v2-signal>div>span{padding:12px 0;border-left:0;border-top:1px solid var(--v2-line);text-align:center}.ehub-v2-bento-card.is-bio{min-height:520px}.ehub-v2-bio-preview{right:-68px;bottom:-82px}.ehub-v2-footer{grid-template-columns:1fr}.ehub-v2-footer nav{justify-content:flex-start}
}

@media (prefers-reduced-motion: reduce) {
  .ehub-home-v2 *, .ehub-home-v2 *::before, .ehub-home-v2 *::after { scroll-behavior: auto!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; }
  .ehub-v2-reveal { opacity: 1; transform: none; }.ehub-v2-reveal.is-visible{transition:opacity 180ms ease}.ehub-v2-browser,.ehub-v2-floating,.ehub-v2-bio-preview,.ehub-v2-fake-qr.is-large,.ehub-v2-bento-card{transform:none!important;transition:opacity 180ms ease,border-color 180ms ease!important}
  .ehub-v2-chart-bars i,.ehub-v2-chart.is-animated .ehub-v2-chart-bars i{transform:scaleY(var(--bar));opacity:1;transition:opacity 180ms ease}
}