/* Veyro public product and authentication experience — 1.3.12-RC3.3.11 */
:root {
  --vp-bg: #080913;
  --vp-bg-soft: #0d0f1b;
  --vp-panel: #11131f;
  --vp-panel-2: #171a29;
  --vp-white: #ffffff;
  --vp-ink: #11131d;
  --vp-muted: #697184;
  --vp-muted-dark: #9ba3b7;
  --vp-purple: #7c5cff;
  --vp-purple-2: #a78bfa;
  --vp-mint: #55e6d5;
  --vp-pink: #ff79b5;
  --vp-line-dark: rgba(255, 255, 255, .09);
  --vp-line-light: #e5e6ee;
  --vp-shadow: 0 35px 90px rgba(18, 20, 42, .13);
}

body.veyro-product-page,
body.veyro-auth-page {
  background: var(--vp-bg);
  color: var(--vp-white);
  overflow-x: hidden;
}

body.veyro-product-page main,
body.veyro-auth-page main { overflow: hidden; }

body.veyro-product-page .site-header,
body.veyro-auth-page .site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 120;
  background: rgba(8, 9, 19, .68);
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  backdrop-filter: blur(24px) saturate(135%);
}

body.veyro-product-page .header-inner,
body.veyro-auth-page .header-inner { height: 82px; }
body.veyro-product-page .brand,
body.veyro-auth-page .brand { color: #fff; }
body.veyro-product-page .main-nav a,
body.veyro-product-page .login-link,
body.veyro-auth-page .main-nav a,
body.veyro-auth-page .login-link { color: #b7bed0; }
body.veyro-product-page .main-nav a:hover,
body.veyro-product-page .login-link:hover,
body.veyro-auth-page .main-nav a:hover,
body.veyro-auth-page .login-link:hover { color: #fff; }
body.veyro-product-page .language-switch,
body.veyro-auth-page .language-switch { color: #778096; }
body.veyro-product-page .language-switch a.active,
body.veyro-auth-page .language-switch a.active { color: #fff; }
body.veyro-product-page .language-switch span,
body.veyro-auth-page .language-switch span { background: rgba(255, 255, 255, .13); }
body.veyro-product-page .mobile-menu-button span,
body.veyro-auth-page .mobile-menu-button span { background: #fff; }
body.veyro-product-page .site-footer,
body.veyro-auth-page .site-footer {
  position: relative;
  padding: 82px 0 28px;
  border-top: 1px solid rgba(255, 255, 255, .07);
  background: #070812;
  color: #fff;
}
body.veyro-product-page .footer-grid p,
body.veyro-product-page .footer-grid a:not(.brand),
body.veyro-product-page .footer-bottom,
body.veyro-auth-page .footer-grid p,
body.veyro-auth-page .footer-grid a:not(.brand),
body.veyro-auth-page .footer-bottom { color: #858da2; }
body.veyro-product-page .footer-grid strong,
body.veyro-auth-page .footer-grid strong { color: #fff; }
body.veyro-product-page .footer-bottom,
body.veyro-auth-page .footer-bottom { border-color: rgba(255, 255, 255, .08); }

.vp-grid-bg,
.vp-auth-grid-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.82), transparent 94%);
}

.vp-orb,
.vp-auth-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(16px);
  pointer-events: none;
}
.vp-orb-purple { width: 680px; height: 680px; right: -250px; top: -260px; background: radial-gradient(circle, rgba(124,92,255,.56), rgba(124,92,255,.08) 52%, transparent 72%); }
.vp-orb-mint { width: 560px; height: 560px; left: -270px; bottom: -280px; background: radial-gradient(circle, rgba(85,230,213,.2), transparent 70%); }

.vp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #c6cbe0;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.vp-eyebrow > i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--vp-mint);
  box-shadow: 0 0 0 6px rgba(85,230,213,.1), 0 0 22px rgba(85,230,213,.48);
}

.vp-hero {
  position: relative;
  min-height: 960px;
  display: flex;
  align-items: center;
  isolation: isolate;
  padding: 150px 0 105px;
  background: radial-gradient(circle at 72% 30%, rgba(124,92,255,.14), transparent 30%), linear-gradient(180deg, #080913, #0b0d18 70%, #101220);
}
.vp-hero-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 70px; align-items: center; }
.vp-hero-copy { position: relative; z-index: 4; }
.vp-hero-copy h1 {
  max-width: 700px;
  margin: 25px 0 24px;
  color: #fff;
  font-size: clamp(54px, 5.2vw, 82px);
  line-height: .99;
  letter-spacing: -.06em;
}
.vp-hero-copy > p { max-width: 620px; margin: 0; color: #9da5b9; font-size: 17px; line-height: 1.78; }
.vp-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.vp-inline-proof { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 30px; }
.vp-inline-proof span { display: inline-flex; align-items: center; gap: 8px; color: #838ca2; font-size: 12px; }
.vp-inline-proof b { color: #7458e8; font-size: 12px; }

/* Features hero application scene */
.vp-feature-scene { position: relative; min-height: 590px; transform-style: preserve-3d; }
.vp-scene-window {
  position: absolute;
  inset: 34px 0 25px 8px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 26px;
  background: #10121d;
  box-shadow: 0 55px 120px rgba(0,0,0,.48);
  transform: translateZ(15px) rotateX(2deg) rotateY(-3deg);
}
.vp-scene-window > header { height: 48px; display: flex; align-items: center; padding: 0 17px; border-bottom: 1px solid rgba(255,255,255,.07); color: #687085; font-size: 12px; }
.vp-scene-window > header > span { display: flex; gap: 6px; margin-right: 18px; }
.vp-scene-window > header > span i { width: 7px; height: 7px; border-radius: 50%; background: #343847; }
.vp-scene-window > header > span i:first-child { background: #ff7d89; }
.vp-scene-window > header > span i:nth-child(2) { background: #f7bd59; }
.vp-scene-window > header > span i:last-child { background: #51d39f; }
.vp-scene-window > header b { font-size: 12px; font-weight: 650; }
.vp-scene-window > header em { margin-left: auto; display: flex; align-items: center; gap: 7px; color: #7ddfc1; font-size: 12px; font-style: normal; }
.vp-scene-window > header em i { width: 6px; height: 6px; border-radius: 50%; background: #55dfa5; box-shadow: 0 0 0 5px rgba(85,223,165,.08); }
.vp-command-layout { height: calc(100% - 48px); display: grid; grid-template-columns: 54px 180px 1fr 155px; }
.vp-command-rail { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 15px 0; background: #171927; }
.vp-command-rail strong { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: linear-gradient(135deg,#8464f1,#6545d8); color: #fff; font-size: 13px; }
.vp-command-rail > i { width: 23px; height: 23px; border-radius: 7px; background: #292c3b; }
.vp-command-rail > i.active { background: linear-gradient(135deg,#7c5cff,#987df8); box-shadow: 0 8px 18px rgba(124,92,255,.32); }
.vp-command-rail > span { width: 29px; height: 29px; display: grid; place-items: center; margin-top: auto; border-radius: 50%; background: #f19c7d; color: #fff; font-size: 12px; font-weight: 900; }
.vp-command-list { padding: 17px 10px; border-right: 1px solid rgba(255,255,255,.065); background: #12141f; }
.vp-command-title { display: flex; justify-content: space-between; align-items: center; padding: 0 6px 12px; color: #d1d5df; font-size: 12px; font-weight: 800; }
.vp-command-title b { min-width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: rgba(124,92,255,.13); color: #a58df9; font-size: 12px; }
.vp-command-list article { display: grid; grid-template-columns: 32px 1fr auto; gap: 9px; align-items: center; min-height: 64px; padding: 9px; border-radius: 11px; }
.vp-command-list article.active { background: linear-gradient(90deg,rgba(124,92,255,.14),rgba(124,92,255,.035)); box-shadow: inset 2px 0 #7d5deb; }
.vp-command-list article > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: #ee9d81; color: #fff; font-size: 12px; font-style: normal; font-weight: 850; }
.vp-command-list article:nth-child(3) > i { background: #5dbda9; }
.vp-command-list article:nth-child(4) > i { background: #6595d7; }
.vp-command-list article span b,.vp-command-list article span small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vp-command-list article span b { color: #d9dce5; font-size: 12px; }
.vp-command-list article span small { max-width: 92px; margin-top: 4px; color: #676f82; font-size: 12px; }
.vp-command-list article em { align-self: start; color: #5d6476; font-size: 12px; font-style: normal; }
.vp-command-chat { position: relative; display: flex; flex-direction: column; background: radial-gradient(circle at 70% 0,rgba(124,92,255,.07),transparent 42%),#10121c; }
.vp-command-chat-head { height: 62px; display: flex; justify-content: space-between; align-items: center; padding: 0 14px; border-bottom: 1px solid rgba(255,255,255,.06); }
.vp-command-chat-head > span { display: flex; align-items: center; gap: 9px; }
.vp-command-chat-head > span > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #ee9d81; color: #fff; font-size: 12px; font-style: normal; font-weight: 850; }
.vp-command-chat-head b,.vp-command-chat-head small { display: block; color: #dfe2ea; font-size: 12px; }
.vp-command-chat-head small { margin-top: 3px; color: #657085; font-weight: 600; }
.vp-command-chat-head small em { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #50d7a2; }
.vp-command-chat-head button { border: 0; background: transparent; color: #697084; }
.vp-command-messages { flex: 1; padding: 35px 17px 20px; }
.vp-command-messages p { width: 76%; margin: 0 0 12px; padding: 11px 12px; border-radius: 5px 13px 13px 13px; background: #1b1e2c; color: #aab0c0; font-size: 12px; line-height: 1.55; }
.vp-command-messages p:nth-child(2) { margin-left: auto; border-radius: 13px 5px 13px 13px; background: linear-gradient(135deg,#7d5dea,#6748d8); color: #fff; }
.vp-command-messages p:nth-child(3) { width: 46%; }
.vp-command-input { display: flex; align-items: center; gap: 10px; height: 48px; margin: 0 12px 12px; padding: 0 7px 0 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: #151824; color: #646d80; font-size: 12px; }
.vp-command-input span { flex: 1; }
.vp-command-input i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: #7758e7; color: #fff; font-style: normal; }
.vp-command-context { padding: 22px 13px; border-left: 1px solid rgba(255,255,255,.065); text-align: center; background: #12141f; }
.vp-context-avatar { width: 52px; height: 52px; display: grid; place-items: center; margin: 0 auto 10px; border-radius: 50%; background: #ee9d81; color: #fff; font-size: 14px; font-weight: 900; }
.vp-command-context > b,.vp-command-context > small { display: block; color: #d7dbe5; font-size: 12px; }
.vp-command-context > small { margin-top: 4px; color: #687084; }
.vp-command-context dl { margin: 25px 0 0; text-align: left; }
.vp-command-context dl div { padding: 10px 0; border-top: 1px solid rgba(255,255,255,.06); }
.vp-command-context dt { color: #60687b; font-size: 12px; }
.vp-command-context dd { margin: 4px 0 0; color: #b9bfcc; font-size: 12px; }
.vp-scene-float { position: absolute; z-index: 6; display: flex; align-items: center; gap: 11px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: rgba(20,22,35,.84); box-shadow: 0 22px 50px rgba(0,0,0,.33); backdrop-filter: blur(18px); }
.vp-scene-float > i { width: 33px; height: 33px; display: grid; place-items: center; border-radius: 10px; background: rgba(124,92,255,.14); color: #a992ff; font-style: normal; }
.vp-scene-float span small,.vp-scene-float span b { display: block; font-size: 12px; }
.vp-scene-float span small { color: #737c91; }
.vp-scene-float span b { margin-top: 4px; color: #e4e7ee; }
.vp-scene-float em { color: #5cdda5; font-size: 12px; font-style: normal; font-weight: 800; }
.vp-scene-float-one { left: -22px; top: 5px; }
.vp-scene-float-two { right: -8px; bottom: 0; }

/* Shared page sections */
.vp-module-story,.vp-outcomes,.vp-pricing-plans { position: relative; padding: 120px 0; background: #f5f6fb; color: var(--vp-ink); }
.vp-capabilities-section,.vp-before-after,.vp-pricing-value,.vp-pricing-faq { position: relative; padding: 120px 0; background: #fff; color: var(--vp-ink); }
.vp-section-heading { display: grid; grid-template-columns: .7fr 1.15fr 1fr; gap: 32px; align-items: start; margin-bottom: 55px; }
.vp-section-heading.centered { display: block; max-width: 800px; margin: 0 auto 55px; text-align: center; }
.vp-section-index { color: #7458e6; font-size: 12px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.vp-section-heading h2 { margin: -8px 0 0; font-size: clamp(38px,4.2vw,60px); line-height: 1.02; letter-spacing: -.05em; }
.vp-section-heading p { margin: 0; color: var(--vp-muted); font-size: 15px; line-height: 1.8; }
.vp-section-heading.centered h2 { margin: 18px 0 16px; }
.vp-section-heading.centered p { max-width: 690px; margin: 0 auto; }

.vp-story-card { position: relative; overflow: hidden; min-height: 460px; margin-bottom: 20px; border: 1px solid var(--vp-line-light); border-radius: 28px; background: #fff; box-shadow: 0 30px 80px rgba(25,28,49,.07); }
.vp-story-inbox,.vp-story-intelligence { display: grid; grid-template-columns: .68fr 1.32fr; }
.vp-story-copy { position: relative; z-index: 3; padding: 50px; }
.vp-story-copy > span { color: #856bea; font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.vp-story-copy h3 { margin: 22px 0 15px; font-size: clamp(31px,3vw,44px); line-height: 1.05; letter-spacing: -.04em; }
.vp-story-copy p { margin: 0; color: var(--vp-muted); font-size: 14px; line-height: 1.78; }
.vp-story-copy ul { list-style: none; display: grid; gap: 12px; margin: 28px 0 0; padding: 0; }
.vp-story-copy li { position: relative; padding-left: 26px; color: #34394a; font-size: 13px; font-weight: 700; }
.vp-story-copy li:before { content: '✓'; position: absolute; left: 0; color: #29b98f; font-weight: 900; }
.vp-story-visual { position: relative; padding: 50px 45px 0 0; background: radial-gradient(circle at 75% 10%,rgba(124,92,255,.09),transparent 43%); }
.vp-mini-inbox { height: 100%; min-height: 410px; display: grid; grid-template-columns: 48px 170px 1fr; overflow: hidden; border: 1px solid #e4e5ed; border-radius: 20px 20px 0 0; background: #fafbfe; box-shadow: 0 35px 65px rgba(30,34,58,.13); transform: perspective(1200px) rotateY(-4deg) rotateX(2deg); transform-origin: right bottom; }
.vp-mini-inbox > aside { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 45px 0 15px; background: #171927; }
.vp-mini-inbox > aside span { width: 22px; height: 22px; border-radius: 7px; background: #2a2d3c; }
.vp-mini-inbox > aside span.active { background: #7556e5; }
.vp-mini-inbox > section { padding: 22px 10px; border-right: 1px solid #e7e8ef; }
.vp-mini-inbox > section > header { display: flex; justify-content: space-between; padding: 0 5px 15px; font-size: 12px; }
.vp-mini-inbox > section > header i { min-width: 23px; height: 23px; display: grid; place-items: center; border-radius: 7px; background: #efebff; color: #7255e0; font-style: normal; }
.vp-mini-inbox > section article { display: grid; grid-template-columns: 31px 1fr; gap: 8px; align-items: center; min-height: 60px; padding: 9px; border-radius: 10px; }
.vp-mini-inbox > section article.active { background: linear-gradient(90deg,#f0ecff,#faf9ff); box-shadow: inset 2px 0 #795ae7; }
.vp-mini-inbox > section article em { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; background: #ee9b7c; color: #fff; font-size: 12px; font-style: normal; font-weight: 850; }
.vp-mini-inbox > section article:nth-child(3) em { background: #62bba8; }
.vp-mini-inbox > section article:nth-child(4) em { background: #6893d3; }
.vp-mini-inbox > section article b,.vp-mini-inbox > section article small { display: block; font-size: 12px; }
.vp-mini-inbox > section article small { margin-top: 4px; color: #8b91a0; }
.vp-mini-inbox > main { display: flex; flex-direction: column; padding: 20px; }
.vp-mini-inbox > main > header { display: flex; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid #ececf1; }
.vp-mini-inbox > main > header b { font-size: 13px; }
.vp-mini-inbox > main > header span { color: #63b89e; font-size: 12px; }
.vp-mini-inbox > main > header span i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #54d49f; }
.vp-mini-inbox > main p { width: 73%; margin: 22px 0 0; padding: 11px; border-radius: 4px 12px 12px 12px; background: #eceef4; color: #686f80; font-size: 12px; line-height: 1.55; }
.vp-mini-inbox > main p.right { margin-left: auto; border-radius: 12px 4px 12px 12px; background: linear-gradient(135deg,#8060ef,#6748d9); color: #fff; }
.vp-mini-inbox > main footer { display: flex; align-items: center; gap: 8px; height: 46px; margin-top: auto; padding: 0 7px 0 12px; border: 1px solid #e4e5eb; border-radius: 11px; color: #a0a5b1; font-size: 12px; }
.vp-mini-inbox > main footer span { flex: 1; }
.vp-mini-inbox > main footer i { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 8px; background: #7354e3; color: #fff; font-style: normal; }
.vp-story-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.vp-story-pair .vp-story-card { min-height: 485px; }
.vp-story-automation { background: linear-gradient(145deg,#0e101a,#171a29); color: #fff; border-color: #292c3b; }
.vp-story-automation .vp-story-copy p { color: #8d95a8; }
.vp-flow-canvas { position: absolute; left: 42px; right: 42px; bottom: 44px; display: flex; align-items: center; justify-content: center; gap: 11px; }
.vp-flow-canvas > b { width: 130px; padding: 16px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: #1a1d2b; box-shadow: 0 20px 40px rgba(0,0,0,.18); }
.vp-flow-canvas > b i,.vp-flow-canvas > b span,.vp-flow-canvas > b small { display: block; font-style: normal; }
.vp-flow-canvas > b i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: rgba(124,92,255,.14); color: #a58efa; font-size: 12px; }
.vp-flow-canvas > b span { margin-top: 13px; color: #e7e9ef; font-size: 12px; }
.vp-flow-canvas > b small { margin-top: 5px; color: #687084; font-size: 12px; font-weight: 600; }
.vp-flow-canvas > em { position: relative; width: 26px; height: 1px; background: #7658e4; }
.vp-flow-canvas > em:after { content: ''; position: absolute; right: 0; top: -3px; width: 6px; height: 6px; border-top: 1px solid #7658e4; border-right: 1px solid #7658e4; transform: rotate(45deg); }
.vp-story-widget { background: linear-gradient(145deg,#f8f8fc,#fff); }
.vp-widget-canvas { position: absolute; left: 35px; right: 35px; bottom: 35px; height: 230px; overflow: hidden; border: 1px solid #e4e5ed; border-radius: 18px; background: linear-gradient(135deg,#11131f,#1c2030); }
.vp-color-stack { position: absolute; left: 24px; top: 25px; display: grid; gap: 9px; }
.vp-color-stack i { width: 42px; height: 42px; border-radius: 13px; background: #7557e4; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.vp-color-stack i:nth-child(2) { background: #55d7c6; }
.vp-color-stack i:nth-child(3) { background: #ff83b9; }
.vp-color-stack i:nth-child(4) { background: #f2b956; }
.vp-widget-phone { position: absolute; right: 25px; bottom: -12px; width: 250px; padding: 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px 20px 0 0; background: #0f111b; box-shadow: 0 25px 50px rgba(0,0,0,.34); }
.vp-widget-phone header { display: flex; align-items: center; gap: 9px; }
.vp-widget-phone header > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #7a5be8; color: #fff; font-size: 12px; font-weight: 850; }
.vp-widget-phone header b,.vp-widget-phone header small { display: block; color: #fff; font-size: 12px; }
.vp-widget-phone header small { margin-top: 3px; color: #737c91; }
.vp-widget-phone header small i { display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #55d99f; }
.vp-widget-phone p { margin: 18px 0; padding: 12px; border-radius: 11px; background: #1a1d2a; color: #aeb5c4; font-size: 12px; line-height: 1.55; }
.vp-widget-phone button { width: 100%; height: 38px; border: 0; border-radius: 10px; background: linear-gradient(135deg,#8060ef,#6748da); color: #fff; font-size: 12px; font-weight: 800; }
.vp-story-intelligence { margin-top: 0; background: linear-gradient(135deg,#fff,#faf9ff); }
.vp-story-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 28px; }
.vp-story-metrics b { padding: 13px; border: 1px solid #e7e5f0; border-radius: 13px; background: #fff; }
.vp-story-metrics strong,.vp-story-metrics span { display: block; }
.vp-story-metrics strong { font-size: 20px; }
.vp-story-metrics strong small { margin-left: 3px; color: #8b91a1; font-size: 12px; }
.vp-story-metrics span { margin-top: 5px; color: #8a91a1; font-size: 12px; }
.vp-report-canvas { align-self: center; margin: 40px 42px 40px 0; padding: 25px; border: 1px solid #e4e5ed; border-radius: 20px; background: #11131f; color: #fff; box-shadow: 0 35px 70px rgba(21,23,42,.2); }
.vp-report-canvas header { display: flex; justify-content: space-between; align-items: center; color: #d9dce4; font-size: 12px; }
.vp-report-canvas header b { color: #727b90; font-size: 12px; }
.vp-report-canvas header b i { display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: #55dfa5; }
.vp-report-bars { height: 240px; display: flex; align-items: flex-end; gap: 14px; padding: 28px 5px 0; border-bottom: 1px solid rgba(255,255,255,.08); background-image: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px); background-size: 100% 48px; }
.vp-report-bars i { flex: 1; height: var(--v); border-radius: 8px 8px 2px 2px; background: linear-gradient(180deg,#987cfa,#6544d8); box-shadow: 0 12px 20px rgba(101,68,216,.22); }
.vp-report-canvas footer { display: grid; grid-template-columns: repeat(7,1fr); gap: 14px; padding: 11px 5px 0; color: #666e82; font-size: 12px; text-align: center; }

.vp-capability-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.vp-capability-grid article { position: relative; min-height: 310px; padding: 30px; overflow: hidden; border: 1px solid #e5e6ee; border-radius: 22px; background: #fff; box-shadow: 0 20px 55px rgba(25,28,49,.055); transform-style: preserve-3d; }
.vp-capability-grid article:before { content: ''; position: absolute; width: 180px; height: 180px; right: -90px; top: -90px; border-radius: 50%; background: radial-gradient(circle,rgba(124,92,255,.1),transparent 68%); }
.vp-capability-top { display: flex; justify-content: space-between; align-items: center; }
.vp-capability-top > span { color: #b0b4c0; font-size: 12px; font-weight: 850; }
.vp-capability-icon { position: relative; width: 47px; height: 47px; border-radius: 14px; background: #f0ecff; }
.vp-capability-icon:before,.vp-capability-icon:after { content: ''; position: absolute; border-radius: 6px; border: 2px solid #7657e6; }
.vp-capability-icon:before { inset: 12px 10px 15px; }
.vp-capability-icon:after { width: 7px; height: 7px; right: 8px; bottom: 9px; background: #7657e6; }
.vp-capability-icon.icon-2 { background: #e9fbf7; }.vp-capability-icon.icon-2:before,.vp-capability-icon.icon-2:after { border-color:#26ae8f;background-color:#26ae8f; }
.vp-capability-icon.icon-3 { background: #fff3df; }.vp-capability-icon.icon-3:before,.vp-capability-icon.icon-3:after { border-color:#d99d2f;background-color:#d99d2f; }
.vp-capability-icon.icon-4 { background: #ffeef3; }.vp-capability-icon.icon-4:before,.vp-capability-icon.icon-4:after { border-color:#df6681;background-color:#df6681; }
.vp-capability-icon.icon-5 { background: #edf4ff; }.vp-capability-icon.icon-5:before,.vp-capability-icon.icon-5:after { border-color:#5f8fdb;background-color:#5f8fdb; }
.vp-capability-icon.icon-6 { background: #f3edff; }
.vp-capability-grid h3 { margin: 31px 0 12px; font-size: 21px; letter-spacing: -.025em; }
.vp-capability-grid p { margin: 0; color: var(--vp-muted); font-size: 13px; line-height: 1.75; }
.vp-capability-grid article > b { position: absolute; left: 30px; bottom: 28px; display: flex; align-items: center; gap: 8px; color: #697184; font-size: 12px; font-weight: 700; }
.vp-capability-grid article > b i { width: 7px; height: 7px; border-radius: 50%; background: #55d6a0; box-shadow: 0 0 0 5px rgba(85,214,160,.09); }

/* Advantages */
.vp-outcome-scene { position: relative; min-height: 580px; }
.vp-outcome-panel { position: absolute; inset: 28px 0 15px 35px; padding: 25px; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 26px; background: #11131f; box-shadow: 0 55px 120px rgba(0,0,0,.45); transform: translateZ(20px) rotateX(2deg) rotateY(-3deg); }
.vp-outcome-panel > header { display: flex; justify-content: space-between; align-items: center; color: #d5d9e3; font-size: 12px; }
.vp-outcome-panel > header span { display: flex; align-items: center; gap: 8px; font-weight: 800; }
.vp-outcome-panel > header span i { width: 7px; height: 7px; border-radius: 50%; background: #55dda4; box-shadow: 0 0 0 5px rgba(85,221,164,.08); }
.vp-outcome-panel > header em { padding: 7px 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 9px; color: #777f92; font-style: normal; }
.vp-outcome-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 25px; }
.vp-outcome-metrics article { position: relative; padding: 17px; border: 1px solid rgba(255,255,255,.07); border-radius: 15px; background: #171a27; }
.vp-outcome-metrics small,.vp-outcome-metrics strong { display: block; }
.vp-outcome-metrics small { color: #71798c; font-size: 12px; }
.vp-outcome-metrics strong { margin-top: 10px; color: #fff; font-size: 24px; }
.vp-outcome-metrics strong i { color: #858da1; font-size: 12px; font-style: normal; }
.vp-outcome-metrics b { position: absolute; top: 16px; right: 14px; color: #54d9a2; font-size: 12px; }
.vp-outcome-chart { position: relative; height: 330px; margin-top: 22px; overflow: hidden; border: 1px solid rgba(255,255,255,.065); border-radius: 17px; background: #141722; }
.vp-chart-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size: 100% 65px, 80px 100%; }
.vp-outcome-chart svg { position: absolute; inset: 30px 25px 20px; width: calc(100% - 50px); height: calc(100% - 50px); overflow: visible; }
.vp-outcome-chart path.area { fill: url(#vpArea); }
.vp-outcome-chart path.line { fill: none; stroke: #9173f5; stroke-width: 4; stroke-linecap: round; filter: drop-shadow(0 8px 12px rgba(124,92,255,.35)); }
.vp-chart-point { position: absolute; width: 11px; height: 11px; border: 3px solid #11131f; border-radius: 50%; background: #a58df9; box-shadow: 0 0 0 5px rgba(124,92,255,.16); }
.vp-chart-point.p1 { left: 24%; top: 57%; }.vp-chart-point.p2 { left: 60%; top: 31%; }.vp-chart-point.p3 { right: 9%; top: 13%; }
.vp-outcome-float { position: absolute; right: -20px; top: 0; z-index: 4; display: flex; align-items: center; gap: 12px; padding: 15px 17px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(22,24,37,.88); box-shadow: 0 25px 55px rgba(0,0,0,.3); backdrop-filter: blur(18px); }
.vp-outcome-float > i { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 10px; background: rgba(85,230,213,.1); color: #5bdcca; font-style: normal; }
.vp-outcome-float small,.vp-outcome-float strong { display: block; font-size: 12px; }
.vp-outcome-float small { color: #7c8498; }.vp-outcome-float strong { margin-top: 4px; color: #fff; font-size: 17px; }
.vp-benefit-stack { display: grid; gap: 20px; }
.vp-benefit-row { display: grid; grid-template-columns: 100px .78fr 1.22fr; min-height: 340px; overflow: hidden; border: 1px solid #e5e6ee; border-radius: 26px; background: #fff; box-shadow: 0 25px 70px rgba(25,28,49,.06); }
.vp-benefit-number { display: flex; flex-direction: column; align-items: center; padding-top: 43px; border-right: 1px solid #ececf2; }
.vp-benefit-number span { color: #7659e7; font-size: 13px; font-weight: 900; }
.vp-benefit-number i { width: 1px; flex: 1; margin-top: 20px; background: linear-gradient(#d8d2ef,transparent); }
.vp-benefit-copy { align-self: center; padding: 48px; }
.vp-benefit-copy h3 { margin: 0 0 15px; font-size: clamp(30px,3vw,43px); line-height: 1.05; letter-spacing: -.04em; }
.vp-benefit-copy p { max-width: 520px; margin: 0; color: var(--vp-muted); font-size: 14px; line-height: 1.78; }
.vp-benefit-copy > b { display: flex; align-items: center; gap: 9px; margin-top: 25px; color: #33394a; font-size: 12px; }
.vp-benefit-copy > b i { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; background: #e8faf5; color: #22aa86; font-style: normal; }
.vp-benefit-visual { position: relative; min-height: 340px; overflow: hidden; background: radial-gradient(circle at 50% 50%,rgba(124,92,255,.11),transparent 48%),#f7f7fb; }
.vp-speed-gauge { position: absolute; width: 245px; height: 245px; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid #ded9f2; border-radius: 50%; background: #fff; box-shadow: 0 30px 60px rgba(62,52,114,.11); }
.vp-speed-gauge:before,.vp-speed-gauge:after { content: ''; position: absolute; border-radius: 50%; border: 1px dashed #d8d2ef; }
.vp-speed-gauge:before { inset: 25px; }.vp-speed-gauge:after { inset: 52px; }
.vp-speed-gauge span { position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
.vp-speed-gauge strong { font-size: 54px; letter-spacing: -.06em; }.vp-speed-gauge small { color: #858c9c; font-size: 12px; }
.vp-speed-gauge > i { position: absolute; width: 14px; height: 14px; border: 4px solid #fff; border-radius: 50%; background: #7c5cff; box-shadow: 0 0 0 5px rgba(124,92,255,.12); }
.vp-speed-gauge > i:nth-of-type(1) { left: 36px; top: 47px; }.vp-speed-gauge > i:nth-of-type(2) { right: 25px; top: 93px; background:#55d8c6; }.vp-speed-gauge > i:nth-of-type(3) { left: 82px; bottom: 22px; background:#ff80b7; }
.vp-conversion-funnel { position: absolute; inset: 45px; display: flex; align-items: center; justify-content: center; gap: 15px; }
.vp-conversion-funnel span { min-width: 110px; padding: 18px; border: 1px solid #e2dff0; border-radius: 15px; background: #fff; box-shadow: 0 20px 40px rgba(44,37,84,.08); text-align: center; }
.vp-conversion-funnel span:nth-of-type(2) { min-width: 96px; }.vp-conversion-funnel span:nth-of-type(3) { min-width: 82px; background: linear-gradient(135deg,#8060ef,#6748da); color:#fff; }
.vp-conversion-funnel b,.vp-conversion-funnel small { display: block; font-size: 12px; }.vp-conversion-funnel b { font-size: 20px; }.vp-conversion-funnel small { margin-top: 5px; color: #8b91a0; }.vp-conversion-funnel span:nth-of-type(3) small { color:#d8d0fa; }
.vp-conversion-funnel > i { position: relative; width: 34px; height: 1px; background: #8b70ec; }.vp-conversion-funnel > i:after { content:''; position:absolute; right:0; top:-3px; width:6px; height:6px; border-top:1px solid #8b70ec; border-right:1px solid #8b70ec; transform:rotate(45deg); }
.vp-history-flow { position: absolute; inset: 44px; display: grid; gap: 13px; align-content: center; }
.vp-history-flow:before { content:''; position:absolute; left:23px; top:24%; bottom:24%; width:1px; background:linear-gradient(#7b5be9,#55d6c3); }
.vp-history-flow span { position: relative; z-index:2; display:grid; grid-template-columns:46px 1fr auto; align-items:center; gap:13px; padding:15px; border:1px solid #e5e3ee; border-radius:14px; background:#fff; box-shadow:0 16px 35px rgba(34,37,63,.06); }
.vp-history-flow i { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:#efebff; color:#7256df; font-size:12px; font-style:normal; }.vp-history-flow b,.vp-history-flow small { font-size:12px; }.vp-history-flow small { color:#9298a6; }
.vp-control-board { position:absolute; inset:42px; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.vp-control-board article { padding:18px; border:1px solid #e3e4ec; border-radius:15px; background:#fff; box-shadow:0 18px 40px rgba(32,35,60,.07); }
.vp-control-board article span { display:flex; align-items:center; gap:8px; color:#747c8f; font-size:12px; }.vp-control-board article span i { width:8px; height:8px; border-radius:3px; background:#7658e5; }.vp-control-board article:nth-child(2) span i { background:#55d6c4; }.vp-control-board article:nth-child(3) span i { background:#ff82b7; }.vp-control-board article:nth-child(4) span i { background:#e9b64f; }.vp-control-board article b { display:block; margin-top:22px; font-size:27px; }
.vp-language-orbit { position:absolute; width:270px; height:270px; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #ded9f2; border-radius:50%; }
.vp-language-orbit:before,.vp-language-orbit:after { content:''; position:absolute; border-radius:50%; border:1px dashed #d7d1ec; }.vp-language-orbit:before { inset:35px; }.vp-language-orbit:after { inset:73px; }
.vp-language-orbit span { position:absolute; width:58px; height:58px; display:grid; place-items:center; border-radius:18px; background:#fff; box-shadow:0 18px 38px rgba(36,39,67,.11); color:#7456e2; font-size:13px; font-weight:900; }.vp-language-orbit span:first-child { left:-10px; top:65px; }.vp-language-orbit span:nth-child(2) { right:-9px; bottom:55px; color:#22aa89; }.vp-language-orbit b { position:absolute; inset:0; display:grid; place-items:center; font-size:14px; letter-spacing:.12em; }.vp-language-orbit i { position:absolute; inset:-1px; border:2px solid transparent; border-top-color:#7658e5; border-right-color:#55d7c5; border-radius:50%; transform:rotate(25deg); }
.vp-scale-grid { position:absolute; inset:42px; display:flex; align-items:flex-end; gap:14px; padding:30px 30px 50px; border:1px solid #e2e3eb; border-radius:18px; background:#fff; box-shadow:0 20px 50px rgba(30,33,57,.08); }
.vp-scale-grid:before { content:''; position:absolute; inset:30px 30px 50px; background-image:linear-gradient(#eef0f4 1px,transparent 1px); background-size:100% 25%; }
.vp-scale-grid > span { position:relative; z-index:2; flex:1; height:var(--h); border-radius:8px 8px 2px 2px; background:linear-gradient(180deg,#987cf8,#6748da); }.vp-scale-grid > b { position:absolute; left:30px; bottom:17px; display:flex; align-items:center; gap:7px; color:#71798b; font-size:12px; }.vp-scale-grid > b i { width:7px; height:7px; border-radius:50%; background:#55d7a0; }
.vp-transformation-grid { display:grid; grid-template-columns:1fr 120px 1fr; align-items:center; }
.vp-transformation-grid article { min-height:390px; padding:32px; border:1px solid #e5e6ed; border-radius:24px; background:#f7f7fb; }
.vp-transformation-grid article.after { background:linear-gradient(145deg,#11131f,#181b2a); color:#fff; border-color:#292c3a; box-shadow:0 35px 80px rgba(20,22,39,.22); }
.vp-transformation-grid article header { display:flex; justify-content:space-between; gap:15px; padding-bottom:22px; border-bottom:1px solid #e3e4eb; }.vp-transformation-grid article.after header { border-color:rgba(255,255,255,.08); }
.vp-transformation-grid article header span { display:flex; align-items:center; gap:8px; color:#7a8192; font-size:12px; text-transform:uppercase; letter-spacing:.08em; font-weight:850; }.vp-transformation-grid article header span i { width:8px; height:8px; border-radius:50%; background:#e46b80; }.vp-transformation-grid article.after header span i { background:#55d7a1; }.vp-transformation-grid article header b { font-size:12px; }
.vp-transformation-grid ul { list-style:none; display:grid; gap:14px; margin:28px 0 0; padding:0; }.vp-transformation-grid li { display:flex; align-items:center; gap:12px; padding:15px; border-radius:13px; background:#fff; color:#555d6e; font-size:13px; }.vp-transformation-grid article.after li { background:rgba(255,255,255,.05); color:#b9c0ce; }.vp-transformation-grid li i { width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:#ffedf1; color:#d4536b; font-style:normal; font-weight:900; }.vp-transformation-grid article.after li i { background:rgba(85,215,161,.1); color:#5edaa8; }
.vp-transform-arrow { text-align:center; }.vp-transform-arrow span,.vp-transform-arrow i { display:block; }.vp-transform-arrow span { color:#7658e5; font-size:12px; font-weight:900; letter-spacing:.12em; }.vp-transform-arrow i { margin-top:9px; color:#7658e5; font-size:32px; font-style:normal; }

/* Pricing */
.vp-pricing-hero { position:relative; min-height:650px; padding:170px 0 115px; overflow:hidden; text-align:center; background:radial-gradient(circle at 50% 20%,rgba(124,92,255,.17),transparent 31%),linear-gradient(180deg,#080913,#0c0e19); }
.vp-pricing-hero .container { position:relative; z-index:2; }.vp-pricing-hero h1 { max-width:850px; margin:24px auto 18px; font-size:clamp(56px,6vw,88px); line-height:.98; letter-spacing:-.06em; }.vp-pricing-hero p { max-width:690px; margin:0 auto; color:#9da5b9; font-size:16px; line-height:1.75; }
.vp-billing-switch { display:inline-flex; gap:4px; margin-top:34px; padding:5px; border:1px solid rgba(255,255,255,.09); border-radius:14px; background:rgba(255,255,255,.055); }.vp-billing-switch button { min-width:126px; height:44px; border:0; border-radius:10px; background:transparent; color:#8c95a9; font-size:12px; font-weight:800; cursor:pointer; }.vp-billing-switch button.active { background:#fff; color:#171925; box-shadow:0 10px 24px rgba(0,0,0,.2); }.vp-billing-switch button span { margin-left:6px; padding:3px 6px; border-radius:6px; background:rgba(85,214,160,.1); color:#47c897; font-size:12px; }
.vp-pricing-proof { display:flex; flex-wrap:wrap; justify-content:center; gap:22px; margin-top:25px; color:#7d869b; font-size:12px; }.vp-pricing-proof span { display:flex; align-items:center; gap:7px; }.vp-pricing-proof i { color:#55d7a1; font-style:normal; }
.vp-plan-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; align-items:stretch; margin-top:-205px; position:relative; z-index:4; }.vp-plan-grid.many { grid-template-columns:repeat(auto-fit,minmax(270px,1fr)); }
.vp-plan-card { position:relative; display:flex; flex-direction:column; min-height:640px; padding:32px; overflow:visible; border:1px solid #e3e4ec; border-radius:25px; background:#fff; box-shadow:0 30px 80px rgba(22,25,45,.09); color:#171925; }.vp-plan-card.featured { border-color:#7658e5; box-shadow:0 35px 95px rgba(89,64,190,.18); transform:translateY(-16px); }.vp-popular { position:absolute; left:50%; top:-15px; display:flex; align-items:center; gap:7px; transform:translateX(-50%); padding:8px 13px; white-space:nowrap; border-radius:999px; background:linear-gradient(135deg,#8566ef,#6747d9); color:#fff; box-shadow:0 10px 25px rgba(103,71,217,.28); font-size:12px; font-weight:850; }.vp-popular i { width:6px; height:6px; border-radius:50%; background:#65e2c5; }
.vp-plan-card > header { display:flex; justify-content:space-between; align-items:center; }.vp-plan-card header span,.vp-plan-card header small { display:block; }.vp-plan-card header span { font-size:22px; font-weight:850; letter-spacing:-.03em; }.vp-plan-card header small { margin-top:5px; color:#969cab; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }.vp-plan-orb { position:relative; width:50px; height:50px; border-radius:16px; background:linear-gradient(135deg,#f0ecff,#faf9ff); }.vp-plan-orb:before,.vp-plan-orb:after { content:''; position:absolute; border:2px solid #7658e5; border-radius:50%; }.vp-plan-orb:before { width:25px; height:25px; left:8px; top:8px; }.vp-plan-orb:after { width:17px; height:17px; right:7px; bottom:7px; background:#fff; }
.vp-plan-card > p { min-height:70px; margin:25px 0 0; color:#747b8d; font-size:13px; line-height:1.72; }.vp-plan-price { display:flex; align-items:baseline; gap:7px; min-height:64px; margin-top:26px; }.vp-plan-price strong { font-size:clamp(34px,3vw,48px); letter-spacing:-.055em; }.vp-plan-price small { color:#8c93a2; font-size:12px; }.vp-plan-divider { height:1px; margin:22px 0; background:#ebecf1; }.vp-included { color:#a0a5b2; font-size:12px; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }.vp-plan-card ul { list-style:none; display:grid; gap:13px; margin:22px 0 30px; padding:0; flex:1; }.vp-plan-card li { display:flex; gap:10px; color:#4f5667; font-size:13px; line-height:1.4; }.vp-plan-card li i { width:20px; height:20px; flex:0 0 20px; display:grid; place-items:center; border-radius:7px; background:#e9faf5; color:#21a783; font-style:normal; font-size:12px; font-weight:900; }.vp-plan-button { height:50px; display:flex; justify-content:space-between; align-items:center; padding:0 17px; border:1px solid #dedfe7; border-radius:12px; background:#f8f8fb; color:#2e3342; font-size:13px; font-weight:850; }.vp-plan-button.primary { border-color:transparent; background:linear-gradient(135deg,#8262ed,#6748da); color:#fff; box-shadow:0 15px 30px rgba(103,72,218,.24); }.vp-plan-button.disabled { opacity:.55; cursor:not-allowed; }.vp-plan-button i { font-style:normal; }
.vp-pricing-value-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:80px; align-items:center; }.vp-pricing-value-copy h2 { margin:19px 0 16px; font-size:clamp(38px,4vw,59px); line-height:1.02; letter-spacing:-.05em; }.vp-pricing-value-copy p { color:#6d7587; font-size:14px; line-height:1.78; }.vp-pricing-value-copy a { display:inline-flex; align-items:center; gap:9px; margin-top:20px; color:#6749dc; font-size:13px; font-weight:850; }.vp-pricing-value-copy a i { font-style:normal; }
.vp-value-board { padding:18px; border:1px solid #e4e5ec; border-radius:24px; background:#f7f7fb; box-shadow:0 30px 70px rgba(25,28,49,.08); }.vp-value-board article { display:grid; grid-template-columns:180px 1fr auto; gap:18px; align-items:center; min-height:78px; padding:15px; border-bottom:1px solid #e5e6ed; }.vp-value-board article:last-child { border-bottom:0; }.vp-value-board article > span { display:flex; align-items:center; gap:12px; }.vp-value-board article > span i { width:35px; height:35px; display:grid; place-items:center; border-radius:10px; background:#ece7ff; color:#7052de; font-size:12px; font-style:normal; }.vp-value-board article > span b { font-size:13px; }.vp-value-board article em { color:#777f90; font-size:12px; font-style:normal; }.vp-value-board article > strong { min-width:54px; padding:8px 9px; border-radius:9px; background:#fff; color:#5d44c7; font-size:12px; text-align:center; box-shadow:0 8px 20px rgba(30,33,57,.06); }
.vp-faq-list { max-width:880px; margin:0 auto; border-top:1px solid #e4e5eb; }.vp-faq-list article { border-bottom:1px solid #e4e5eb; }.vp-faq-list button { width:100%; min-height:82px; display:flex; justify-content:space-between; align-items:center; gap:20px; border:0; background:transparent; color:#1e2130; font-size:16px; font-weight:800; text-align:left; cursor:pointer; }.vp-faq-list button i { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:#f0ecff; color:#7053dd; font-style:normal; transition:transform .25s ease; }.vp-faq-list article.open button i { transform:rotate(45deg); }.vp-faq-list article > div { display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease; }.vp-faq-list article > div > p { min-height:0; overflow:hidden; margin:0; color:#70788a; font-size:14px; line-height:1.75; }.vp-faq-list article.open > div { grid-template-rows:1fr; }.vp-faq-list article.open > div > p { padding:0 55px 26px 0; }

/* Auth */
body.veyro-auth-page .site-footer { display:none; }
.vp-auth-section { position:relative; min-height:100svh; padding:135px 0 70px; isolation:isolate; background:radial-gradient(circle at 20% 30%,rgba(124,92,255,.14),transparent 30%),linear-gradient(180deg,#080913,#0d0f1b); }
.vp-auth-layout { display:grid; grid-template-columns:1.08fr .92fr; gap:75px; align-items:center; min-height:calc(100svh - 205px); }
.vp-auth-orb.one { width:620px; height:620px; right:-260px; top:-250px; background:radial-gradient(circle,rgba(124,92,255,.47),rgba(124,92,255,.07) 54%,transparent 72%); }.vp-auth-orb.two { width:480px; height:480px; left:-250px; bottom:-260px; background:radial-gradient(circle,rgba(85,230,213,.18),transparent 70%); }
.vp-auth-showcase { position:relative; z-index:2; }.vp-auth-showcase h1 { max-width:680px; margin:24px 0 20px; font-size:clamp(49px,5vw,76px); line-height:.99; letter-spacing:-.06em; }.vp-auth-showcase > p { max-width:590px; margin:0; color:#9ba3b6; font-size:15px; line-height:1.75; }
.vp-auth-product { margin-top:38px; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:22px; background:#10121d; box-shadow:0 45px 100px rgba(0,0,0,.4); transform-style:preserve-3d; }.vp-auth-product > header { height:43px; display:flex; align-items:center; padding:0 14px; border-bottom:1px solid rgba(255,255,255,.07); color:#687185; font-size:12px; }.vp-auth-product > header > span { display:flex; gap:5px; margin-right:14px; }.vp-auth-product > header > span i { width:6px; height:6px; border-radius:50%; background:#353948; }.vp-auth-product > header > span i:first-child { background:#ff7e89; }.vp-auth-product > header > span i:nth-child(2) { background:#f4bd59; }.vp-auth-product > header > span i:last-child { background:#50d49e; }.vp-auth-product > header b { font-size:12px; }.vp-auth-product > header em { margin-left:auto; display:flex; align-items:center; gap:6px; color:#6fd5b7; font-size:12px; font-style:normal; }.vp-auth-product > header em i { width:5px; height:5px; border-radius:50%; background:#55d99f; }
.vp-auth-product-body { height:325px; display:grid; grid-template-columns:46px 155px 1fr; }.vp-auth-product-body > aside { display:flex; flex-direction:column; align-items:center; gap:15px; padding:14px 0; background:#171927; }.vp-auth-product-body > aside strong { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; background:#7657e5; font-size:12px; }.vp-auth-product-body > aside > i { width:20px; height:20px; border-radius:6px; background:#2a2d3c; }.vp-auth-product-body > aside > i.active { background:#7657e5; }.vp-auth-product-body > aside > span { width:26px; height:26px; display:grid; place-items:center; margin-top:auto; border-radius:50%; background:#ef9c7e; font-size:12px; font-weight:850; }
.vp-auth-product-body > section { padding:14px 9px; border-right:1px solid rgba(255,255,255,.06); }.vp-auth-product-body > section > div { display:flex; justify-content:space-between; padding:0 5px 10px; color:#d7dae3; font-size:12px; }.vp-auth-product-body > section > div b { color:#9c86ef; }.vp-auth-product-body > section article { display:grid; grid-template-columns:29px 1fr; gap:8px; align-items:center; min-height:57px; padding:8px; border-radius:9px; }.vp-auth-product-body > section article.active { background:linear-gradient(90deg,rgba(124,92,255,.14),rgba(124,92,255,.03)); box-shadow:inset 2px 0 #7657e5; }.vp-auth-product-body > section article > i { width:29px; height:29px; display:grid; place-items:center; border-radius:50%; background:#ee9c7e; color:#fff; font-size:12px; font-style:normal; font-weight:850; }.vp-auth-product-body > section article:nth-child(3) > i { background:#5db9a7; }.vp-auth-product-body > section article:nth-child(4) > i { background:#6894d2; }.vp-auth-product-body > section article b,.vp-auth-product-body > section article small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }.vp-auth-product-body > section article b { color:#d5d9e2; }.vp-auth-product-body > section article small { max-width:90px; margin-top:3px; color:#697185; }
.vp-auth-product-body > main { display:flex; flex-direction:column; padding:14px; }.vp-auth-product-body > main > header { display:flex; justify-content:space-between; align-items:center; padding-bottom:11px; border-bottom:1px solid rgba(255,255,255,.06); }.vp-auth-product-body > main > header > span { display:flex; align-items:center; gap:8px; }.vp-auth-product-body > main > header > span > i { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#ed9b7d; color:#fff; font-size:12px; font-style:normal; }.vp-auth-product-body > main header b,.vp-auth-product-body > main header small { display:block; color:#d8dce5; font-size:12px; }.vp-auth-product-body > main header small { color:#667084; }.vp-auth-product-body > main header small em { display:inline-block; width:5px; height:5px; margin-right:4px; border-radius:50%; background:#55d99f; }.vp-auth-product-body > main header button { border:0; background:transparent; color:#687084; }.vp-auth-product-body > main > div { flex:1; padding-top:18px; }.vp-auth-product-body > main p { width:72%; margin:0 0 9px; padding:9px 10px; border-radius:4px 11px 11px 11px; background:#1a1d2a; color:#a7aebb; font-size:12px; line-height:1.45; }.vp-auth-product-body > main p:nth-child(2) { margin-left:auto; border-radius:11px 4px 11px 11px; background:linear-gradient(135deg,#7d5dea,#6748d9); color:#fff; }.vp-auth-product-body > main p:nth-child(3) { width:45%; }.vp-auth-product-body > main footer { height:40px; display:flex; align-items:center; gap:7px; padding:0 6px 0 11px; border:1px solid rgba(255,255,255,.07); border-radius:10px; color:#636c80; font-size:12px; }.vp-auth-product-body > main footer span { flex:1; }.vp-auth-product-body > main footer i { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:#7657e5; color:#fff; font-style:normal; }
.vp-auth-points { display:flex; flex-wrap:wrap; gap:18px; margin-top:24px; }.vp-auth-points span { display:flex; align-items:center; gap:7px; color:#858da2; font-size:12px; }.vp-auth-points i { color:#55d7a0; font-style:normal; }
.vp-auth-card { position:relative; z-index:3; width:min(510px,100%); justify-self:end; padding:34px; border:1px solid rgba(255,255,255,.11); border-radius:26px; background:rgba(18,20,31,.9); box-shadow:0 45px 100px rgba(0,0,0,.4); backdrop-filter:blur(24px); }.vp-auth-card-register { width:min(590px,100%); }.vp-auth-card-top { display:flex; align-items:center; gap:11px; padding-bottom:23px; border-bottom:1px solid rgba(255,255,255,.075); }.vp-auth-card-top > .brand-mark { width:42px; height:42px; padding:9px; border-radius:12px; }.vp-auth-card-top > div { flex:1; }.vp-auth-card-top small,.vp-auth-card-top b { display:block; font-size:12px; }.vp-auth-card-top small { color:#6f778b; }.vp-auth-card-top b { margin-top:3px; color:#fff; }.vp-auth-card-top > i { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.08); border-radius:11px; }.vp-auth-card-top > i span { width:8px; height:8px; border-radius:50%; background:#55d7a0; box-shadow:0 0 0 6px rgba(85,215,160,.08); }
.vp-auth-heading { margin:30px 0 24px; }.vp-auth-heading > span { color:#856aeb; font-size:12px; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }.vp-auth-heading h2 { margin:12px 0 9px; font-size:32px; line-height:1.08; letter-spacing:-.045em; }.vp-auth-heading p { margin:0; color:#858da1; font-size:13px; line-height:1.65; }
.vp-form-alert { display:flex; align-items:center; gap:10px; margin-bottom:18px; padding:13px 14px; border:1px solid rgba(232,91,116,.18); border-radius:12px; background:rgba(232,91,116,.08); color:#f18aa0; font-size:12px; }.vp-form-alert span { width:22px; height:22px; display:grid; place-items:center; border-radius:7px; background:#dc5872; color:#fff; font-weight:900; }
.vp-auth-form { display:flex; flex-direction:column; gap:16px; }.vp-auth-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.vp-auth-form label > span { display:block; margin-bottom:8px; color:#c6cbd6; font-size:12px; font-weight:750; }.vp-input-wrap { position:relative; display:flex; align-items:center; height:52px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:#151824; transition:border-color .2s,box-shadow .2s; }.vp-input-wrap:focus-within { border-color:#795ae8; box-shadow:0 0 0 4px rgba(121,90,232,.11); }.vp-input-wrap > i { width:44px; flex:0 0 44px; color:#697185; font-size:13px; font-style:normal; text-align:center; }.vp-input-wrap input { width:100%; height:100%; min-width:0; padding:0 46px 0 0; border:0; outline:0; background:transparent; color:#fff; font-size:13px; }.vp-input-wrap input::placeholder { color:#596176; }.vp-input-wrap button { position:absolute; right:8px; width:34px; height:34px; border:0; border-radius:9px; background:transparent; cursor:pointer; }.vp-input-wrap button span { position:absolute; width:16px; height:10px; left:9px; top:12px; border:1px solid #697185; border-radius:50% / 60%; }.vp-input-wrap button span:after { content:''; position:absolute; width:4px; height:4px; left:5px; top:2px; border-radius:50%; background:#697185; }.vp-input-wrap button.visible span:before { content:''; position:absolute; width:20px; height:1px; left:-3px; top:4px; background:#a08bf4; transform:rotate(-40deg); }.vp-auth-form label > small { display:block; margin-top:6px; color:#687185; font-size:12px; }
.vp-auth-form-meta { display:flex; justify-content:space-between; align-items:center; gap:15px; }.vp-auth-form-meta span { display:flex; align-items:center; gap:7px; color:#6f788d; font-size:12px; }.vp-auth-form-meta span i { width:7px; height:7px; border-radius:50%; background:#55d7a0; }.vp-auth-form-meta a { color:#9d87f4; font-size:12px; font-weight:750; }.vp-auth-submit { height:54px; display:flex; justify-content:space-between; align-items:center; padding:0 18px; border:0; border-radius:12px; background:linear-gradient(135deg,#8464ef,#6748da); color:#fff; box-shadow:0 17px 35px rgba(103,72,218,.28); font-size:13px; font-weight:850; cursor:pointer; }.vp-auth-submit i { font-size:18px; font-style:normal; }.vp-auth-divider { display:flex; align-items:center; gap:13px; margin:22px 0; color:#60687c; font-size:12px; }.vp-auth-divider:before,.vp-auth-divider:after { content:''; flex:1; height:1px; background:rgba(255,255,255,.07); }.vp-auth-secondary { height:48px; display:flex; justify-content:space-between; align-items:center; padding:0 16px; border:1px solid rgba(255,255,255,.09); border-radius:12px; background:rgba(255,255,255,.035); color:#c7cbd6; font-size:12px; font-weight:800; }.vp-auth-secondary i { font-style:normal; }.vp-auth-legal { display:flex; justify-content:center; align-items:center; gap:7px; margin:18px 0 0; color:#646d80; font-size:12px; text-align:center; }.vp-auth-legal i { color:#55d7a0; font-style:normal; }.vp-auth-switch { margin:20px 0 0; color:#747d91; font-size:12px; text-align:center; }.vp-auth-switch a { color:#9d87f4; font-weight:800; }.vp-password-strength { display:flex; align-items:center; gap:10px; }.vp-password-strength > span { display:flex; flex:1; gap:5px; }.vp-password-strength > span i { flex:1; height:3px; border-radius:999px; background:#2b2e3d; }.vp-password-strength > span i.active { background:#55d7a0; }.vp-password-strength small { color:#697185; font-size:12px; }.vp-registration-closed { padding:28px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:#151824; text-align:center; }.vp-registration-closed > span { width:48px; height:48px; display:grid; place-items:center; margin:0 auto 15px; border-radius:15px; background:rgba(124,92,255,.12); color:#a58df7; font-size:20px; }.vp-registration-closed h3 { margin:0 0 8px; font-size:19px; }.vp-registration-closed p { margin:0; color:#7d869a; font-size:13px; line-height:1.6; }
.vp-onboarding-flow { margin-top:36px; padding:23px; border:1px solid rgba(255,255,255,.1); border-radius:22px; background:#11131f; box-shadow:0 40px 90px rgba(0,0,0,.36); }.vp-onboarding-flow > header { display:flex; justify-content:space-between; align-items:center; color:#d9dce5; font-size:12px; }.vp-onboarding-flow > header span { display:flex; align-items:center; gap:7px; font-weight:800; }.vp-onboarding-flow > header span i { width:7px; height:7px; border-radius:50%; background:#55d7a0; }.vp-onboarding-flow > header em { color:#7658e5; font-style:normal; font-weight:850; }.vp-onboarding-progress { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:20px 0; }.vp-onboarding-progress i { height:4px; border-radius:999px; background:#292c3b; }.vp-onboarding-progress i.active { background:linear-gradient(90deg,#7658e5,#55d7c5); }.vp-onboarding-card { display:flex; align-items:center; gap:12px; padding:15px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:#171a27; }.vp-onboarding-card > .brand-mark { width:38px; height:38px; padding:8px; border-radius:11px; }.vp-onboarding-card > div { flex:1; }.vp-onboarding-card small,.vp-onboarding-card strong { display:block; font-size:12px; }.vp-onboarding-card small { color:#70798d; }.vp-onboarding-card strong { margin-top:4px; }.vp-onboarding-card > i { width:27px; height:27px; display:grid; place-items:center; border-radius:9px; background:rgba(85,215,160,.1); color:#55d7a0; font-style:normal; }.vp-onboarding-code { display:flex; align-items:center; gap:10px; margin-top:12px; padding:12px; border:1px solid rgba(255,255,255,.07); border-radius:12px; background:#0d0f18; }.vp-onboarding-code span { flex:1; overflow:hidden; color:#70798c; font-family:monospace; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.vp-onboarding-code button { flex:0 0 auto; padding:8px 10px; border:0; border-radius:8px; background:rgba(124,92,255,.13); color:#a38cf5; font-size:12px; font-weight:750; }.vp-onboarding-result { display:flex; justify-content:space-between; align-items:center; margin-top:12px; padding:12px 14px; border-radius:12px; background:rgba(85,215,160,.055); }.vp-onboarding-result span { display:flex; align-items:center; gap:7px; color:#7bd9b4; font-size:12px; }.vp-onboarding-result span i { width:6px; height:6px; border-radius:50%; background:#55d7a0; }.vp-onboarding-result b { color:#9ca5b7; font-size:12px; }
.vp-verify-section { display:grid; place-items:center; }.vp-verify-card { position:relative; z-index:3; width:min(520px,calc(100% - 28px)); padding:40px; border:1px solid rgba(255,255,255,.11); border-radius:27px; background:rgba(18,20,31,.92); box-shadow:0 45px 100px rgba(0,0,0,.42); text-align:center; backdrop-filter:blur(24px); }.vp-verify-icon { position:relative; width:76px; height:76px; display:grid; place-items:center; margin:0 auto 22px; border-radius:24px; background:linear-gradient(145deg,rgba(124,92,255,.22),rgba(85,230,213,.08)); }.vp-verify-icon span { width:37px; height:31px; border:2px solid #9b84f3; border-radius:9px; }.vp-verify-icon span:before { content:''; position:absolute; width:22px; height:22px; left:27px; top:15px; border:2px solid #9b84f3; border-bottom:0; border-radius:50% 50% 0 0; }.vp-verify-icon > i { position:absolute; right:10px; bottom:9px; width:24px; height:24px; display:grid; place-items:center; border:3px solid #171925; border-radius:50%; background:#55d7a0; color:#0e1515; font-size:12px; font-style:normal; }.vp-verify-card h1 { margin:18px 0 10px; font-size:34px; letter-spacing:-.045em; }.vp-verify-card > p { margin:0 0 25px; color:#858da1; font-size:13px; line-height:1.65; }.vp-verify-card .vp-auth-form { text-align:left; }.vp-code-wrap input { text-align:center; letter-spacing:.3em; font-size:18px; }.vp-trust-device { display:grid!important; grid-template-columns:22px 1fr; gap:11px; align-items:start; cursor:pointer; }.vp-trust-device input { position:absolute; opacity:0; }.vp-trust-device > i { width:22px; height:22px; border:1px solid rgba(255,255,255,.13); border-radius:7px; background:#151824; }.vp-trust-device input:checked + i { background:#7456e3; box-shadow:inset 0 0 0 5px #151824; }.vp-trust-device strong,.vp-trust-device small { display:block; font-size:12px; }.vp-trust-device strong { color:#c9ced9; }.vp-trust-device small { margin-top:4px; color:#6f788c; line-height:1.5; }.vp-back-login { display:inline-flex; margin-top:18px; color:#947ef0; font-size:12px; font-weight:800; }

/* CTA */
.vp-page-cta { position:relative; min-height:590px; display:grid; place-items:center; overflow:hidden; isolation:isolate; background:radial-gradient(circle at 50% 25%,rgba(124,92,255,.18),transparent 34%),#080913; text-align:center; }.vp-page-cta .container { position:relative; z-index:2; }.vp-page-cta h2 { max-width:850px; margin:23px auto 16px; font-size:clamp(47px,5.5vw,78px); line-height:.99; letter-spacing:-.06em; }.vp-page-cta p { max-width:660px; margin:0 auto; color:#959eb2; font-size:15px; line-height:1.75; }.vp-page-cta .container > div:last-child { display:flex; justify-content:center; gap:12px; margin-top:30px; }

@media (max-width: 1120px) {
  .vp-hero { min-height:auto; }.vp-hero-layout,.vp-auth-layout { grid-template-columns:1fr; }.vp-hero-copy,.vp-auth-showcase { max-width:780px; margin:0 auto; text-align:center; }.vp-hero-copy > p,.vp-auth-showcase > p { margin-left:auto; margin-right:auto; }.vp-hero-actions,.vp-inline-proof,.vp-auth-points { justify-content:center; }.vp-feature-scene,.vp-outcome-scene { width:min(900px,100%); min-height:600px; margin:20px auto 0; }.vp-auth-card { justify-self:center; }.vp-auth-product { max-width:720px; margin-left:auto; margin-right:auto; }.vp-section-heading { grid-template-columns:1fr; gap:18px; }.vp-section-heading h2 { margin-top:0; }.vp-story-inbox,.vp-story-intelligence { grid-template-columns:1fr; }.vp-story-visual { min-height:470px; padding-left:45px; }.vp-report-canvas { margin:0 45px 45px; }.vp-benefit-row { grid-template-columns:80px 1fr 1fr; }.vp-pricing-value-grid { gap:45px; }.vp-plan-grid { grid-template-columns:repeat(2,1fr); }.vp-plan-card.featured { transform:none; }
}

@media (max-width: 820px) {
  body.veyro-product-page .site-header,body.veyro-auth-page .site-header { background:rgba(8,9,19,.94); }.veyro-product-page .main-nav.open,.veyro-product-page .header-actions.open,.veyro-auth-page .main-nav.open,.veyro-auth-page .header-actions.open { background:#11131e; border-color:rgba(255,255,255,.08); }.veyro-product-page .main-nav a,.veyro-product-page .login-link,.veyro-auth-page .main-nav a,.veyro-auth-page .login-link { color:#c7cbd7; }
  .vp-hero { padding-top:130px; }.vp-command-layout { grid-template-columns:50px 165px 1fr; }.vp-command-context { display:none; }.vp-scene-float-one { left:8px; }.vp-scene-float-two { right:8px; }.vp-story-pair { grid-template-columns:1fr; }.vp-story-pair .vp-story-card { min-height:510px; }.vp-capability-grid { grid-template-columns:repeat(2,1fr); }.vp-benefit-row { grid-template-columns:70px 1fr; }.vp-benefit-visual { grid-column:1/3; min-height:320px; }.vp-benefit-copy { padding:40px; }.vp-transformation-grid { grid-template-columns:1fr; gap:20px; }.vp-transform-arrow { transform:rotate(90deg); }.vp-plan-grid { grid-template-columns:1fr; max-width:660px; margin-left:auto; margin-right:auto; }.vp-pricing-value-grid { grid-template-columns:1fr; }.vp-pricing-value-copy { text-align:center; }.vp-pricing-value-copy p { max-width:620px; margin-left:auto; margin-right:auto; }.vp-auth-layout { gap:45px; }.vp-auth-showcase { display:none; }.vp-auth-card { margin:auto; }.vp-auth-section { padding-top:120px; }.vp-register-section .vp-auth-layout { display:block; }.vp-auth-form-grid { grid-template-columns:1fr; }
}

@media (max-width: 620px) {
  body.veyro-product-page .header-inner,body.veyro-auth-page .header-inner { height:72px; }
  .vp-hero { padding:115px 0 80px; }.vp-hero-copy h1 { font-size:clamp(43px,12vw,58px); }.vp-hero-copy > p { font-size:14px; }.vp-hero-actions,.vp-page-cta .container > div:last-child { flex-direction:column; }.vp-hero-actions .vh-button,.vp-page-cta .vh-button { width:100%; }.vp-inline-proof { gap:10px 15px; }.vp-feature-scene,.vp-outcome-scene { min-height:420px; margin-top:30px; }.vp-scene-window { width:760px; left:50%; right:auto; top:25px; bottom:auto; height:520px; transform:translateX(-50%) scale(.50)!important; transform-origin:center top; }.vp-scene-float { display:none; }.vp-outcome-panel { width:710px; left:50%; right:auto; top:22px; bottom:auto; height:525px; transform:translateX(-50%) scale(.52)!important; transform-origin:center top; }.vp-outcome-float { display:none; }
  .vp-module-story,.vp-outcomes,.vp-capabilities-section,.vp-before-after,.vp-pricing-value,.vp-pricing-faq { padding:80px 0; }.vp-section-heading,.vp-section-heading.centered { margin-bottom:38px; }.vp-section-heading h2 { font-size:38px; }.vp-story-card { border-radius:20px; }.vp-story-copy { padding:32px 27px; }.vp-story-copy h3 { font-size:31px; }.vp-story-visual { min-height:400px; padding:10px 0 0 18px; }.vp-mini-inbox { width:650px; transform:scale(.66); transform-origin:left top; }.vp-story-pair .vp-story-card { min-height:560px; }.vp-flow-canvas { left:24px; right:24px; bottom:28px; flex-direction:column; }.vp-flow-canvas > b { width:100%; }.vp-flow-canvas > em { width:1px; height:18px; }.vp-flow-canvas > em:after { right:-3px; top:auto; bottom:0; transform:rotate(135deg); }.vp-widget-canvas { left:22px; right:22px; }.vp-color-stack { left:15px; }.vp-widget-phone { right:14px; width:230px; }.vp-story-intelligence { display:block; }.vp-story-metrics { grid-template-columns:1fr; }.vp-report-canvas { margin:0 20px 30px; padding:17px; }.vp-report-bars { gap:7px; height:180px; }.vp-report-canvas footer { gap:7px; }.vp-capability-grid { grid-template-columns:1fr; }.vp-benefit-row { grid-template-columns:54px 1fr; border-radius:20px; }.vp-benefit-number { padding-top:34px; }.vp-benefit-copy { padding:32px 25px; }.vp-benefit-copy h3 { font-size:31px; }.vp-benefit-visual { grid-column:1/3; min-height:300px; }.vp-conversion-funnel { inset:30px 20px; gap:7px; }.vp-conversion-funnel span { min-width:0; flex:1; padding:12px 8px; }.vp-conversion-funnel > i { width:14px; }.vp-history-flow,.vp-control-board,.vp-scale-grid { inset:25px 18px; }.vp-language-orbit { transform:translate(-50%,-50%) scale(.82); }.vp-transformation-grid article { padding:24px; }.vp-transformation-grid li { padding:13px; }.vp-pricing-hero { min-height:600px; padding:145px 0 95px; }.vp-pricing-hero h1 { font-size:47px; }.vp-billing-switch { width:100%; }.vp-billing-switch button { min-width:0; flex:1; }.vp-pricing-proof { gap:10px 15px; }.vp-plan-grid { margin-top:-170px; }.vp-plan-card { min-height:610px; padding:26px; }.vp-value-board article { grid-template-columns:1fr auto; }.vp-value-board article em { grid-column:1/3; }.vp-faq-list button { font-size:14px; }.vp-page-cta { min-height:560px; padding:80px 0; }.vp-page-cta h2 { font-size:45px; }.vp-auth-section { padding:105px 0 35px; }.vp-auth-card { padding:25px 20px; border-radius:21px; }.vp-auth-heading h2 { font-size:29px; }.vp-auth-form-meta { align-items:flex-start; flex-direction:column; }.vp-verify-card { padding:30px 21px; }.vp-auth-legal { line-height:1.5; }
}

@media (prefers-reduced-motion: reduce) {
  .vp-outcome-chart path,.vp-chart-point,.vp-orb,.vp-auth-orb { animation:none!important; }
}

/* RC3.3.11 — section-by-section navigation for Features, Advantages and Pricing */
body.veyro-product-page main > section{scroll-margin-top:82px}
.vp-section-dots{
  position:fixed;
  z-index:92;
  right:25px;
  top:50%;
  display:flex;
  flex-direction:column;
  gap:10px;
  transform:translateY(-50%);
}
.vp-section-dots button{
  position:relative;
  width:34px;
  height:21px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.vp-section-dots button:before{
  content:"";
  position:absolute;
  right:0;
  top:9px;
  width:7px;
  height:3px;
  border-radius:999px;
  background:rgba(124,92,255,.28);
  transition:width .25s ease,background .25s ease,box-shadow .25s ease;
}
.vp-section-dots button:hover:before{width:17px;background:rgba(124,92,255,.65)}
.vp-section-dots button.active:before{width:25px;background:var(--vp-purple);box-shadow:0 0 14px rgba(124,92,255,.4)}
.vp-section-dots button span{
  position:absolute;
  right:39px;
  top:0;
  max-width:230px;
  overflow:hidden;
  padding:5px 8px;
  white-space:nowrap;
  text-overflow:ellipsis;
  border:1px solid rgba(124,92,255,.15);
  border-radius:8px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 28px rgba(20,22,45,.12);
  color:#4d5264;
  font-size:12px;
  font-weight:750;
  opacity:0;
  transform:translateX(6px);
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.vp-section-dots button:hover span,.vp-section-dots button:focus-visible span{opacity:1;transform:none}
.vp-snap-scrolling{cursor:progress}
@media(max-width:900px),(prefers-reduced-motion:reduce){.vp-section-dots{display:none}}

/* Canonical crypto footer */
.footer-crypto {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
  gap: 34px;
  align-items: center;
  margin-top: 42px;
  padding: 28px 30px;
  overflow: hidden;
  border: 1px solid #e3e5ee;
  border-radius: 22px;
  background:
    radial-gradient(circle at 5% 0%, rgba(124, 92, 255, .13), transparent 34%),
    linear-gradient(135deg, #ffffff, #f7f7fc);
  box-shadow: 0 22px 55px rgba(33, 36, 61, .08);
}
.footer-crypto::after {
  content: "";
  position: absolute;
  width: 280px;
  height: 280px;
  right: -135px;
  bottom: -185px;
  border: 1px solid rgba(124, 92, 255, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 38px rgba(124, 92, 255, .035), 0 0 0 78px rgba(85, 230, 213, .025);
  pointer-events: none;
}
.footer-crypto-copy,
.footer-crypto-list { position: relative; z-index: 1; }
.footer-crypto-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 10px;
  color: #7458e7;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.footer-crypto-eyebrow i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #56dfc8;
  box-shadow: 0 0 0 5px rgba(86, 223, 200, .1);
}
.footer-crypto-copy > strong {
  display: block;
  max-width: 430px;
  color: #191c2a;
  font-size: clamp(19px, 1.7vw, 25px);
  line-height: 1.22;
  letter-spacing: -.025em;
}
.footer-crypto-copy > p {
  max-width: 470px;
  margin: 10px 0 0;
  color: #747c8f;
  font-size: 13px;
  line-height: 1.65;
}
.footer-crypto-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
}
.footer-crypto-coin {
  min-width: 0;
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #e4e6ed;
  border-radius: 14px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 8px 22px rgba(31, 34, 55, .05);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.footer-crypto-coin:hover {
  transform: translateY(-2px);
  border-color: #d5cff5;
  box-shadow: 0 14px 28px rgba(38, 35, 73, .09);
}
.footer-crypto-coin img {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  object-fit: contain;
}
.footer-crypto-coin > span { min-width: 0; }
.footer-crypto-coin b,
.footer-crypto-coin small { display: block; }
.footer-crypto-coin b {
  overflow: hidden;
  color: #242735;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.footer-crypto-coin small {
  margin-top: 4px;
  overflow: hidden;
  color: #9198a8;
  font-size: 12px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.veyro-home .footer-crypto,
body.veyro-product-page .footer-crypto,
body.veyro-auth-page .footer-crypto {
  border-color: rgba(255, 255, 255, .08);
  background:
    radial-gradient(circle at 5% 0%, rgba(124, 92, 255, .2), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018));
  box-shadow: 0 26px 60px rgba(0, 0, 0, .18);
}
body.veyro-home .footer-crypto::after,
body.veyro-product-page .footer-crypto::after,
body.veyro-auth-page .footer-crypto::after { border-color: rgba(124, 92, 255, .16); }
body.veyro-home .footer-crypto-copy > strong,
body.veyro-product-page .footer-crypto-copy > strong,
body.veyro-auth-page .footer-crypto-copy > strong { color: #fff; }
body.veyro-home .footer-crypto-copy > p,
body.veyro-product-page .footer-crypto-copy > p,
body.veyro-auth-page .footer-crypto-copy > p { color: #8f97aa; }
body.veyro-home .footer-crypto-coin,
body.veyro-product-page .footer-crypto-coin,
body.veyro-auth-page .footer-crypto-coin {
  border-color: rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
}
body.veyro-home .footer-crypto-coin:hover,
body.veyro-product-page .footer-crypto-coin:hover,
body.veyro-auth-page .footer-crypto-coin:hover {
  border-color: rgba(139, 108, 255, .35);
  background: rgba(255, 255, 255, .055);
  box-shadow: 0 16px 30px rgba(0, 0, 0, .16);
}
body.veyro-home .footer-crypto-coin b,
body.veyro-product-page .footer-crypto-coin b,
body.veyro-auth-page .footer-crypto-coin b { color: #eef0f7; }
body.veyro-home .footer-crypto-coin small,
body.veyro-product-page .footer-crypto-coin small,
body.veyro-auth-page .footer-crypto-coin small { color: #737c90; }
.footer-crypto + .footer-bottom { margin-top: 26px; }
@media (max-width: 1050px) {
  .footer-crypto { grid-template-columns: 1fr; gap: 24px; }
  .footer-crypto-copy > strong,
  .footer-crypto-copy > p { max-width: 680px; }
}
@media (max-width: 820px) {
  .footer-crypto-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .footer-crypto {
    margin-top: 32px;
    padding: 23px 18px;
    border-radius: 18px;
  }
  .footer-crypto-copy > strong { font-size: 20px; }
  .footer-crypto-list { gap: 8px; }
  .footer-crypto-coin { min-height: 54px; padding: 9px 10px; border-radius: 12px; }
  .footer-crypto-coin img { width: 27px; height: 27px; flex-basis: 27px; }
}
@media (max-width: 390px) {
  .footer-crypto-list { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .footer-crypto-coin { transition: none; }
  .footer-crypto-coin:hover { transform: none; }
}

/* Veyro .68 legal and privacy center */
.veyro-legal-page{background:#080913}.legal-hero{position:relative;padding:150px 0 72px;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(115,87,255,.22),transparent 38%),linear-gradient(180deg,#0b0d18,#101220)}.legal-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;pointer-events:none}.legal-hero-inner{position:relative;z-index:1;max-width:900px}.legal-hero h1{max-width:820px;margin:20px 0 18px;color:#fff;font-size:clamp(42px,7vw,78px);line-height:1.02;letter-spacing:-.045em}.legal-hero p{max-width:760px;margin:0;color:#a8afc3;font-size:18px;line-height:1.75}.legal-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.legal-meta span{padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.04);color:#c6cada;font-size:12px}.legal-content-section{padding:74px 0 90px;background:#f6f6fb}.legal-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:38px;align-items:start}.legal-nav{position:sticky;top:100px;display:grid;gap:7px;padding:20px;border:1px solid #e2e1eb;border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(30,27,54,.07)}.legal-nav strong{margin-bottom:8px;color:#262238;font-size:13px}.legal-nav a{padding:11px 12px;border-radius:11px;color:#787386;font-size:13px;font-weight:700}.legal-nav a:hover,.legal-nav a.active{background:#eeebff;color:#5e46d5}.legal-document{display:grid;gap:16px}.legal-document>section{display:grid;grid-template-columns:54px minmax(0,1fr);gap:20px;padding:30px;border:1px solid #e3e1ea;border-radius:22px;background:#fff;box-shadow:0 16px 40px rgba(37,32,67,.055)}.legal-document>section>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f0edff;color:#674fd7;font-size:12px;font-weight:900}.legal-document h2{margin:2px 0 12px;color:#252033;font-size:22px}.legal-document p{margin:0;color:#716b7c;font-size:15px;line-height:1.8}.legal-document ul{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none}.legal-document li{position:relative;padding-left:21px;color:#686273;font-size:14px;line-height:1.65}.legal-document li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:3px;background:#7257ff}.legal-request-section{padding:90px 0;background:linear-gradient(135deg,#10121f,#17142d)}.legal-request-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:56px;align-items:start}.legal-request-grid h2{margin:18px 0 14px;color:#fff;font-size:42px;line-height:1.1}.legal-request-grid>div>p{margin:0;color:#a9aec0;font-size:16px;line-height:1.75}.legal-request-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:rgba(255,255,255,.055);backdrop-filter:blur(18px)}.legal-request-form label{display:grid;gap:7px}.legal-request-form label.full,.legal-request-form button,.legal-request-form>small,.legal-form-status{grid-column:1/-1}.legal-request-form label>span{color:#c7cada;font-size:12px;font-weight:800}.legal-request-form input,.legal-request-form select,.legal-request-form textarea{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#fff;color:#282331;font:inherit;padding:12px 13px;outline:none}.legal-request-form textarea{resize:vertical}.legal-request-form input:focus,.legal-request-form select:focus,.legal-request-form textarea:focus{border-color:#8c77ff;box-shadow:0 0 0 3px rgba(115,87,255,.18)}.legal-request-form button{border:0;justify-self:start}.legal-request-form>small{color:#8f95a8;font-size:12px;line-height:1.55}.legal-form-status{display:grid;gap:4px;padding:13px 15px;border-radius:13px}.legal-form-status.success{background:rgba(45,199,143,.14);color:#8ff1cb}.legal-form-status.error{background:rgba(230,87,108,.14);color:#ffadba}.legal-form-status span{font-size:12px;line-height:1.5}
@media(max-width:900px){.legal-layout,.legal-request-grid{grid-template-columns:1fr}.legal-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-nav strong{grid-column:1/-1}.legal-request-grid{gap:30px}.legal-request-form{grid-template-columns:1fr}}@media(max-width:560px){.legal-hero{padding:120px 0 55px}.legal-content-section,.legal-request-section{padding:54px 0}.legal-document>section{grid-template-columns:1fr;padding:22px}.legal-nav{grid-template-columns:1fr}.legal-request-form{padding:18px}.legal-request-grid h2{font-size:34px}}