:root{
--font:Onest,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

/* LeadVector typography system */
--fs-nav:15px;
--fs-btn:15px;
--fs-input:17px;
--fs-body:19px;
--fs-hint:15px;
--fs-suggest-section:15px;
--fs-suggest-name:18px;
--fs-suggest-meta:15px;
--fs-h1:clamp(40px,4.85vw,64px);
--lh-tight:1.08;
--lh-title:1.12;
--lh-body:1.58;
--lh-ui:1.32;
--fw-regular:400;
--fw-medium:500;
--fw-semibold:600;
--fw-display:650;--bg0:#060816;--bg1:#0B1230;--primary:#335CFF;--accent:#8A64FF;--r:6px;--btn-font:15px;--btn-line:21px;--auth-h:38px;--cta-h:52px}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}html,body{height:100%}body{margin:0;font-family:var(--font);background:linear-gradient(180deg,var(--bg0),var(--bg1));color:#fff;overflow-x:hidden}button,input,textarea,select{font-family:var(--font)}.hero{min-height:100vh;position:relative;overflow:visible}.bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(720px 340px at 45% 38%,color-mix(in srgb,var(--primary)55%,transparent),transparent 60%),radial-gradient(660px 340px at 100% 100%,color-mix(in srgb,var(--accent)40%,transparent),transparent 66%);filter:saturate(1.12)}.wrap{width:min(1160px,100%);margin:0 auto;padding:24px 22px 0}.top{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;height:42px;cursor:pointer}.brandLogo{display:block;width:168px;height:auto}
.brandLogo .logoVectorRest,
.brandLogo .logoArrow path{fill:color-mix(in srgb,var(--primary)85%,white);transition:fill .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
.brandLogo .logoArrow{transform-box:fill-box;transform-origin:center}
.brandLogo .logoArrowRight{transform-box:fill-box;transform-origin:50% 100%}
.brand:hover .brandLogo .logoVectorRest,
.brand:hover .brandLogo .logoArrow path{fill:var(--primary)}
.right{display:flex;align-items:center;gap:12px}.nav{display:flex;gap:18px;align-items:center;justify-content:flex-end}.nav a{color:rgba(255,255,255,.75);text-decoration:none;font-size:var(--fs-nav);font-weight:400;line-height:1.35;padding:7px 10px;border-radius:6px;letter-spacing:-.01em}.nav a:hover{color:#fff;background:rgba(255,255,255,.08)}.auth{display:flex;gap:10px;align-items:center}.pbtn{height:var(--auth-h);padding:0 15px;border-radius:6px;border:2px solid rgba(255,255,255,.20);background:transparent;font-size:var(--fs-btn);line-height:20px;font-weight:500;color:rgba(255,255,255,.88);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;letter-spacing:-.01em;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.pbtn:hover{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.04)}.pbtn.primary{border:0;background:var(--primary);color:#fff}.pbtn.primary:hover{background:color-mix(in srgb,var(--primary)92%,#fff)}.btn{height:var(--cta-h);padding:0 24px;border-radius:7px;border:0;font-size:16px;line-height:20px;font-weight:500;background:var(--primary);color:#fff;cursor:pointer;min-width:220px;display:inline-flex;align-items:center;justify-content:center;gap:10px;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;letter-spacing:-.012em;transition:background-color .16s ease,transform .16s ease}.btn:hover{background:color-mix(in srgb,var(--primary)92%,#fff)}.btn.secondary{background:color-mix(in srgb,var(--accent)55%,#0B1230)}.btn.secondary:hover{background:color-mix(in srgb,var(--accent)64%,#0B1230)}.center{min-height:calc(100vh - 70px);display:flex;align-items:center;justify-content:center;padding:0 0 44px}.block{max-width:900px;text-align:center}h1{margin:0 0 16px;font-size:var(--fs-h1);font-weight:650;line-height:var(--lh-title);letter-spacing:-.035em}.sub{margin:0 auto 28px;max-width:74ch;color:rgba(255,255,255,.82);font-size:var(--fs-body);font-weight:400;line-height:var(--lh-body);letter-spacing:-.012em}.searchArea{width:min(740px,100%);margin:0 auto;position:relative}.searchRow{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.searchBox{position:relative;width:100%}.input{width:100%;min-width:320px;padding:16px 62px 16px 18px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fff;color:#0B1220;font-size:var(--fs-input);line-height:1.35;font-weight:400;letter-spacing:-.01em}.input::placeholder{color:rgba(11,18,32,.45)}.input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary)22%,transparent);border-color:color-mix(in srgb,var(--primary)45%,rgba(0,0,0,.12));outline:none}.searchIcon{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:7px;background:linear-gradient(180deg,rgba(51,92,255,.12),rgba(138,100,255,.12));color:var(--primary);display:grid;place-items:center;cursor:pointer}.searchIcon svg{width:19px;height:19px;display:block}.searchIcon:hover{background:linear-gradient(180deg,rgba(51,92,255,.18),rgba(138,100,255,.18))}.examples{margin:12px 0 0;text-align:left;color:rgba(255,255,255,.62);font-size:15px;line-height:1.55;font-weight:400;letter-spacing:-.01em}.exampleLink{appearance:none;border:0;border-bottom:1px dashed rgba(255,255,255,.55);background:transparent;padding:0 1px 1px;color:rgba(255,255,255,.86);font:inherit;font-weight:400;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.exampleLink:hover{color:#fff;border-color:rgba(255,255,255,.95);background:rgba(255,255,255,.06)}.exampleLink:focus-visible{outline:2px solid color-mix(in srgb,var(--primary)55%,transparent);outline-offset:3px;border-radius:4px}/* Clean white suggestion dropdown */
/* Clean white suggestion dropdown */
.suggest{position:absolute;left:0;right:0;top:calc(100% + 12px);z-index:20;padding:20px;border:1px solid rgba(226,232,240,.96);border-radius:24px;background:#fff;box-shadow:0 34px 90px rgba(15,23,42,.16),0 6px 20px rgba(15,23,42,.06);text-align:left;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:50% 0;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),visibility .22s ease;color:#0B1220;font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;will-change:opacity,transform}.searchArea.is-open .suggest{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.suggestGroup{padding:2px 0}.suggestGroup+.suggestGroup{margin-top:16px;padding-top:16px;border-top:1px solid #EEF2F6}.suggestTitle{padding:0 10px 11px;color:#8792A3;font-size:var(--fs-suggest-section);line-height:1.15;font-weight:400;letter-spacing:-.012em;text-transform:none}.suggestItem{width:100%;border:0;border-radius:17px;background:transparent;color:#0B1220;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:15px;padding:12px 11px;text-align:left;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.suggestItem:after{content:"↵";font-size:13px;color:#A5ADBA;opacity:0;transition:opacity .14s ease}.suggestItem:hover,.suggestItem.is-active{background:#F7F9FC}.suggestItem:hover:after,.suggestItem.is-active:after{opacity:1}.suggestIcon{width:44px;height:44px;flex:0 0 44px;border-radius:999px;display:grid;place-items:center;background:#F3F6FB;border:0;color:#5D6878;box-shadow:none}.suggestIcon svg{width:23px;height:23px;display:block;stroke-width:1.75}.suggestIcon.favicon{background:#F3F6FB;color:#5D6878;overflow:hidden}.suggestIcon.favicon img{width:24px;height:24px;display:block;border-radius:5px;object-fit:contain}.suggestIcon.favicon.is-fallback{background:#F3F6FB;color:#5D6878}.suggestIcon.favicon.is-fallback:before{content:"</>";font-size:10px;font-weight:500;letter-spacing:-.04em}.suggestIcon.favicon.is-fallback img{display:none}.suggestItem[hidden],.suggestGroup[hidden]{display:none}.suggestEmpty{display:none;padding:17px 10px;color:#7B8494;font-size:16px;font-weight:400}.suggest.is-empty .suggestEmpty{display:block}.suggestText{min-width:0;display:flex;flex-direction:column;gap:4px}.suggestName{font-size:var(--fs-suggest-name);line-height:1.22;font-weight:400;color:#101828;letter-spacing:-.02em}.suggestMeta{font-size:var(--fs-suggest-meta);line-height:1.38;font-weight:400;color:#687386;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.008em}.actions{margin-top:18px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn .arrow{width:18px;height:18px;display:inline-flex;transition:transform .18s ease}.btn .arrow svg{width:18px;height:18px;display:block}.btn:hover .arrow{transform:translateX(2px)}.hl{position:relative;display:inline-block;padding:0 .12em;z-index:0}.hl:before{content:"";position:absolute;left:-.11em;right:-.11em;bottom:.09em;height:.84em;background:linear-gradient(90deg,color-mix(in srgb,var(--primary)82%,transparent) 0%,color-mix(in srgb,var(--accent)74%,transparent) 50%,color-mix(in srgb,var(--primary)82%,transparent) 100%);opacity:.72;border-radius:14px;transform:rotate(-1.1deg);filter:blur(.35px);z-index:-1}


.highlightsSection{position:relative;background:#F7F9FC;color:#0B1220;padding:92px 22px 108px;font-family:var(--font)}
.highlightsWrap{width:min(1160px,100%);margin:0 auto}
.highlightsHeader{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:42px;align-items:end;margin-bottom:30px}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:32px;
  padding:0 12px;
  border-radius:999px;
  background:#ECFDF3;
  color:#079455;
  font-size:14px;
  line-height:1;
  font-weight:500;
  letter-spacing:-.012em;
  margin-bottom:18px;
}
.eyebrowDot{
  width:7px;
  height:7px;
  border-radius:999px;
  background:#12B76A;
  box-shadow:0 0 0 5px rgba(18,183,106,.10);
  animation:lvPulse 1.6s infinite;
}
@keyframes lvPulse{
  0%{transform:scale(1);opacity:1}
  50%{transform:scale(1.4);opacity:.6}
  100%{transform:scale(1);opacity:1}
}
.highlightsTitle{margin:0;max-width:780px;font-size:clamp(34px,3.8vw,52px);line-height:1.08;font-weight:650;letter-spacing:-.04em;color:#0B1220}
.highlightsLead{margin:0 0 4px;color:#667085;font-size:18px;line-height:1.55;font-weight:400;letter-spacing:-.012em}
.tileGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.insightTile{position:relative;min-height:292px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;border:1px solid #E6EAF2;border-radius:26px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.035);text-decoration:none;color:#0B1220;overflow:hidden;isolation:isolate;transition:box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,background .28s ease}
.insightTile:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(420px 200px at 80% 0%,rgba(51,92,255,.06),transparent 65%);
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
  z-index:0;
}
.insightTile:hover{border-color:#D9E1F2;box-shadow:0 18px 56px rgba(15,23,42,.10),0 4px 14px rgba(15,23,42,.045);z-index:2}
.insightTile:hover:before{opacity:1}
.tileTop,.tileBottom{position:relative;z-index:1;transition:transform .30s cubic-bezier(.16,1,.3,1)}
.tileMeta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.tileTag{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 11px;border-radius:999px;background:#F3F6FB;color:#5D6878;font-size:14px;line-height:1;font-weight:400;letter-spacing:-.012em}
.tilePulse{width:8px;height:8px;border-radius:999px;background:#12B76A;box-shadow:0 0 0 5px rgba(18,183,106,.10)}
.tileUpdated{color:#98A2B3;font-size:13px;line-height:1;font-weight:400;white-space:nowrap}
.tileMetricRow{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.tileMetric{font-size:42px;line-height:.98;font-weight:500;letter-spacing:-.055em;color:#0B1220}
.tileDelta{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border-radius:999px;background:#ECFDF3;color:#079455;font-size:14px;font-weight:500;letter-spacing:-.012em}
.tileDelta.blue{background:#ECFDF3;color:#079455}
.tileChart{width:100%;height:82px;margin:22px 0 4px}
.sparkLine{fill:none;stroke:#335CFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.sparkArea{fill:url(#tileGrad);opacity:.9}
.barChart{display:flex;align-items:flex-end;gap:7px;height:84px;margin:20px 0 4px}
.barChart span{flex:1;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,rgba(51,92,255,.92),rgba(138,100,255,.56));min-height:16px;transform-origin:bottom;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s ease}
.insightTile:hover .barChart span{transform:scaleY(1.025)}
.tileText{margin:0 0 18px;color:#667085;font-size:16px;line-height:1.48;font-weight:400;letter-spacing:-.014em}
.tileCTA{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:17px;border-top:1px solid #EEF2F6}
.tileCTA strong{font-size:15px;line-height:1;font-weight:500;color:#079455;letter-spacing:-.014em}
.tileCTA span{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#F3F6FB;color:#079455;transition:transform .18s ease,background .18s ease}
.insightTile:hover .tileCTA span{transform:translateX(2px);background:#335CFF;color:#fff}
.tileCTA svg{width:16px;height:16px;stroke-width:2}
.filterPreview{display:none}
.insightTile:hover .filterPreview{display:none}
.filterChip{height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#F7F9FC;border:1px solid #E6EAF2;color:#596579;font-size:13px;font-weight:400;letter-spacing:-.012em}
.insightTile.featured{
  grid-column:span 2;
  background:#fff;
}
.insightTile.featured .tileMetric{font-size:56px}
.insightTile.dark{
  background:linear-gradient(180deg,#10182F,#0B1220);
  color:#fff;
  border-color:rgba(255,255,255,.10);
}
.insightTile.dark .tileMetric,.insightTile.dark .tileCTA strong{color:#fff}
.insightTile.dark .tileText{color:rgba(255,255,255,.68)}
.insightTile.dark .tileTag{background:rgba(255,255,255,.08);color:rgba(255,255,255,.74)}
.insightTile.dark .tileUpdated{color:rgba(255,255,255,.46)}
.insightTile.dark .tileCTA{border-top-color:rgba(255,255,255,.10)}
.insightTile.dark .tileCTA span{background:rgba(255,255,255,.10);color:#fff}
.insightTile.dark .filterChip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.10);color:rgba(255,255,255,.72)}
.insightTile.dark .tileDelta{background:rgba(18,183,106,.16);color:#7AE4AD}
.tableHint{margin-top:22px;display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid #E6EAF2;color:#667085;font-size:15px;line-height:1.45;letter-spacing:-.012em}
.tableHintIcon{width:34px;height:34px;flex:0 0 34px;border-radius:999px;display:grid;place-items:center;background:#ECFDF3;color:#079455}
.tableHintIcon svg{width:18px;height:18px}.tableHint b{color:#0B1220;font-weight:500}
@media(max-width:980px){.highlightsHeader{grid-template-columns:1fr;gap:18px}.tileGrid{grid-template-columns:1fr 1fr}.insightTile.featured{
  grid-column:span 2;
  background:#fff;
}}
@media(max-width:680px){.highlightsSection{padding:68px 18px 78px}.tileGrid{grid-template-columns:1fr}.insightTile.featured{
  grid-column:span 2;
  background:#fff;
}.insightTile.featured .tileMetric{font-size:44px}}

/* Typography hierarchy:
   H1 40–64 / 650
   Body lead 19 / 400
   Search input 17 / 400
   Suggest section 15 / 400
   Suggest title 18 / 400
   Suggest meta 15 / 400
   Nav/buttons 15–16 / 400–500
*/
@media(max-width:760px){.right{display:none}.sub br{display:none}.actions{margin-top:18px}.suggestMeta{white-space:normal}.input{min-width:0}}

.brandLogo .logoArrowMoving{
  transform-box:fill-box;
  transform-origin:50% 50%;
  transition:fill .2s ease,transform .28s cubic-bezier(.16,1,.3,1);
}
.brand:hover .brandLogo .logoArrowMoving{
  transform:translate(4px,-4px);
}


.searchArea.is-open .suggestGroup,
.searchArea.is-open .suggestItem{
  animation:suggestFadeUp .34s cubic-bezier(.16,1,.3,1) both;
}
.searchArea.is-open .suggestGroup:nth-of-type(1){animation-delay:.02s}
.searchArea.is-open .suggestGroup:nth-of-type(2){animation-delay:.05s}
.searchArea.is-open .suggestGroup:nth-of-type(3){animation-delay:.08s}
@keyframes suggestFadeUp{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion: reduce){
  .suggest,
  .suggestItem,
  .searchArea.is-open .suggestGroup,
  .searchArea.is-open .suggestItem{
    transition:none!important;
    animation:none!important;
  }
}


.insightTile:hover .tileTop{transform:translateY(-2px)}
.insightTile:hover .tileBottom{transform:translateY(-1px)}
.insightTile .tileCTA strong{transition:color .24s ease}
.insightTile:hover .tileCTA strong{color:#2448E8}
.insightTile.dark:hover .tileCTA strong{color:#fff}
.insightTile .sparkLine{transition:stroke-width .28s ease,filter .28s ease}
.insightTile:hover .sparkLine{stroke-width:3.2;filter:drop-shadow(0 7px 12px rgba(51,92,255,.16))}
.insightTile .tileTag,.insightTile .tileDelta{transition:transform .30s cubic-bezier(.16,1,.3,1),background-color .24s ease,color .24s ease}
.insightTile:hover .tileTag,.insightTile:hover .tileDelta{transform:translateY(-1px)}
.insightTile.dark:hover{box-shadow:0 20px 60px rgba(15,23,42,.20),0 5px 18px rgba(15,23,42,.10)}
.insightTile.dark:hover .tileCTA span{background:#fff;color:#079455}
@media (prefers-reduced-motion: reduce){
  .insightTile,.tileTop,.tileBottom,.barChart span,.tileCTA span,.sparkLine,.tileTag,.tileDelta,.tileCTA strong{transition:none!important;transform:none!important}
}


/* Chart redraw on hover */
.sparkLine{
  stroke-dasharray:520;
  stroke-dashoffset:0;
  transition:stroke-dashoffset .72s cubic-bezier(.16,1,.3,1),stroke-width .28s ease,filter .28s ease;
}
.insightTile:hover .sparkLine{
  stroke-dashoffset:520;
  animation:drawSpark .82s cubic-bezier(.16,1,.3,1) forwards;
}
.sparkArea{
  transform-origin:bottom;
  transition:opacity .22s ease,transform .42s cubic-bezier(.16,1,.3,1);
}
.insightTile:hover .sparkArea{
  opacity:.9;
  animation:fadeArea .82s cubic-bezier(.16,1,.3,1) forwards;
}
.barChart span{
  transform-origin:bottom;
}
.insightTile:hover .barChart span{
  animation:growBar .62s cubic-bezier(.16,1,.3,1) both;
}
.insightTile:hover .barChart span:nth-child(1){animation-delay:.02s}
.insightTile:hover .barChart span:nth-child(2){animation-delay:.05s}
.insightTile:hover .barChart span:nth-child(3){animation-delay:.08s}
.insightTile:hover .barChart span:nth-child(4){animation-delay:.11s}
.insightTile:hover .barChart span:nth-child(5){animation-delay:.14s}
.insightTile:hover .barChart span:nth-child(6){animation-delay:.17s}
.insightTile:hover .barChart span:nth-child(7){animation-delay:.20s}

@keyframes drawSpark{
  from{stroke-dashoffset:520}
  to{stroke-dashoffset:0}
}
@keyframes fadeArea{
  from{opacity:0;transform:translateY(10px) scaleY(.72)}
  to{opacity:.9;transform:translateY(0) scaleY(1)}
}
@keyframes growBar{
  from{transform:scaleY(.08);opacity:.55}
  to{transform:scaleY(1.025);opacity:1}
}
@media (prefers-reduced-motion: reduce){
  .insightTile:hover .sparkLine,
  .insightTile:hover .sparkArea,
  .insightTile:hover .barChart span{
    animation:none!important;
  }
}


/* v45 fix: unified 0.5s chart redraw without layout break */
.insightTile .sparkLine{
  stroke-dasharray:520 !important;
  stroke-dashoffset:0 !important;
  transition:stroke-width .25s ease,filter .25s ease !important;
}
.insightTile:hover .sparkLine{
  animation:lvDrawSparkFixed .5s cubic-bezier(.16,1,.3,1) both !important;
}

.insightTile .sparkArea{
  transform-origin:bottom !important;
}
.insightTile:hover .sparkArea{
  animation:lvFadeAreaFixed .5s cubic-bezier(.16,1,.3,1) both !important;
}

.insightTile:hover .barChart span{
  animation:lvGrowBarFixed .5s cubic-bezier(.16,1,.3,1) both !important;
}

/* remove old stagger delays from v43 */
.insightTile:hover .barChart span:nth-child(1),
.insightTile:hover .barChart span:nth-child(2),
.insightTile:hover .barChart span:nth-child(3),
.insightTile:hover .barChart span:nth-child(4),
.insightTile:hover .barChart span:nth-child(5),
.insightTile:hover .barChart span:nth-child(6),
.insightTile:hover .barChart span:nth-child(7){
  animation-delay:0s !important;
}

@keyframes lvDrawSparkFixed{
  from{stroke-dashoffset:520}
  to{stroke-dashoffset:0}
}
@keyframes lvFadeAreaFixed{
  from{opacity:0;transform:translateY(6px) scaleY(.82)}
  to{opacity:.9;transform:translateY(0) scaleY(1)}
}
@keyframes lvGrowBarFixed{
  from{transform:scaleY(.12);opacity:.62}
  to{transform:scaleY(1.025);opacity:1}
}


/* v46: reliable chart rebuild — normalized SVG line length + smoother unified timing */
.insightTile .sparkLine{
  stroke-dasharray:1 !important;
  stroke-dashoffset:0 !important;
  transition:stroke-width .22s ease,filter .22s ease !important;
}
.insightTile:hover .sparkLine{
  animation:lvDrawSparkNormalized .65s cubic-bezier(.22,1,.36,1) both !important;
}

.insightTile .sparkArea{
  transform-origin:bottom !important;
}
.insightTile:hover .sparkArea{
  animation:lvAreaRebuild .65s cubic-bezier(.22,1,.36,1) both !important;
}

.insightTile .barChart span{
  transform-origin:bottom !important;
  transition:none !important;
}
.insightTile:hover .barChart span{
  animation:lvBarRebuild .65s cubic-bezier(.22,1,.36,1) both !important;
}

.insightTile:hover .barChart span:nth-child(1),
.insightTile:hover .barChart span:nth-child(2),
.insightTile:hover .barChart span:nth-child(3),
.insightTile:hover .barChart span:nth-child(4),
.insightTile:hover .barChart span:nth-child(5),
.insightTile:hover .barChart span:nth-child(6),
.insightTile:hover .barChart span:nth-child(7){
  animation-delay:0s !important;
}

@keyframes lvDrawSparkNormalized{
  from{stroke-dashoffset:1}
  to{stroke-dashoffset:0}
}
@keyframes lvAreaRebuild{
  from{opacity:0;transform:translateY(8px) scaleY(.72)}
  to{opacity:.9;transform:translateY(0) scaleY(1)}
}
@keyframes lvBarRebuild{
  from{transform:scaleY(.08);opacity:.55}
  to{transform:scaleY(1);opacity:1}
}


/* v47: visible line redraw layer */
.sparkLine{
  opacity:.34;
  transition:opacity .22s ease,filter .22s ease;
}
.sparkLineDraw{
  fill:none;
  stroke:#335CFF;
  stroke-width:3.25;
  stroke-linecap:round;
  stroke-linejoin:round;
  path-length:1;
  stroke-dasharray:1;
  stroke-dashoffset:0;
  opacity:0;
  filter:none;
  pointer-events:none;
}
.insightTile:hover .sparkLine{
  opacity:.18;
}
.insightTile:hover .sparkLineDraw{
  opacity:1;
  animation:lvDrawLineVisible .65s cubic-bezier(.22,1,.36,1) both;
  filter:drop-shadow(0 7px 12px rgba(51,92,255,.16));
}
@keyframes lvDrawLineVisible{
  from{stroke-dashoffset:1}
  to{stroke-dashoffset:0}
}


/* v48: slower bar animation */
.insightTile:hover .barChart span{
  animation:lvBarRebuildSlow .9s cubic-bezier(.22,1,.36,1) both !important;
}

@keyframes lvBarRebuildSlow{
  from{transform:scaleY(.08);opacity:.5}
  60%{transform:scaleY(1.04);opacity:1}
  to{transform:scaleY(1);opacity:1}
}


/* v49: LeadVector radius system for highlight tiles */
:root{
  --lv-radius-card:8px;
  --lv-radius-inner:6px;
  --lv-radius-bar:6px;
}

.insightTile{
  border-radius:var(--lv-radius-card)!important;
}

.insightTile:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(420px 200px at 80% 0%,rgba(51,92,255,.06),transparent 65%);
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
  z-index:0;
}

.tileTag,
.tileDelta,
.filterChip,
.tableHint,
.tableHintIcon,
.tileCTA span{
  border-radius:var(--lv-radius-inner)!important;
}

.eyebrow{
  border-radius:var(--lv-radius-inner)!important;
}

.barChart span{
  border-radius:var(--lv-radius-bar) var(--lv-radius-bar) 2px 2px!important;
}

.insightTile.dark,
.insightTile.featured{
  grid-column:span 2;
  background:#fff;
}


.insightTile.dark{
  background:linear-gradient(180deg,#10182F,#0B1220);
  color:#fff;
  border-color:rgba(255,255,255,.08);
}
.insightTile.dark .tileMetric,
.insightTile.dark .tileCTA strong{
  color:#fff;
}
.insightTile.dark .tileText{
  color:rgba(255,255,255,.68);
}
.insightTile.dark .tileTag{
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.75);
}
.insightTile.dark .tileUpdated{
  color:rgba(255,255,255,.4);
}
.insightTile.dark .tileCTA{
  border-top-color:rgba(255,255,255,.08);
}
.insightTile.dark .tileCTA span{
  background:rgba(255,255,255,.08);
  color:#fff;
}


.insightTile.mid{
  background:linear-gradient(180deg,#EEF2FF,#E6ECFF);
  border-color:#D6DEFF;
}
.insightTile.mid .tileMetric{
  color:#1D2B6F;
}
.insightTile.mid .tileText{
  color:#4E5BA6;
}
.insightTile.mid .tileTag{
  background:#E0E7FF;
  color:#3B4CCA;
}
.insightTile.mid .tileCTA strong{
  color:#3B4CCA;
}
.insightTile.mid .tileCTA span{
  background:#DDE4FF;
  color:#3B4CCA;
}


/* v53: clean 3 palette: white / dark violet / dark blue */

/* DARK VIOLET */
.insightTile.violet{
  background:linear-gradient(180deg,#1A1333,#0E0A1F)!important;
  color:#fff;
  border-color:rgba(255,255,255,.06)!important;
}
.insightTile.violet .tileMetric,
.insightTile.violet .tileCTA strong{color:#fff!important;}
.insightTile.violet .tileText{color:rgba(255,255,255,.7)!important;}
.insightTile.violet .tileTag{background:rgba(255,255,255,.08)!important;color:#fff!important;}
.insightTile.violet .tileCTA span{background:rgba(255,255,255,.1)!important;color:#fff!important;}
.insightTile.violet:hover .tileCTA span{background:#fff!important;color:#6F4EFF!important;}
.insightTile.violet:before{
  background:radial-gradient(420px 220px at 78% 0%,rgba(138,100,255,.07),transparent 66%)!important;
}

/* DARK BLUE */
.insightTile.blue{
  background:linear-gradient(180deg,#0E1B2E,#0A1220)!important;
  color:#fff;
  border-color:rgba(255,255,255,.06)!important;
}
.insightTile.blue .tileMetric,
.insightTile.blue .tileCTA strong{color:#fff!important;}
.insightTile.blue .tileText{color:rgba(255,255,255,.7)!important;}
.insightTile.blue .tileTag{background:rgba(255,255,255,.08)!important;color:#fff!important;}
.insightTile.blue .tileCTA span{background:rgba(255,255,255,.1)!important;color:#fff!important;}
.insightTile.blue:hover .tileCTA span{background:#fff!important;color:#3B82F6!important;}
.insightTile.blue:before{
  background:radial-gradient(420px 220px at 78% 0%,rgba(59,130,246,.07),transparent 66%)!important;
}


/* v54: refined violet (lighter + slight burgundy tint) */
.insightTile.violet{
  background:linear-gradient(180deg,#2A1E3F,#140F24)!important;
  color:#fff;
  border-color:rgba(255,255,255,.06)!important;
}
.insightTile.violet:before{
  background:radial-gradient(420px 220px at 78% 0%,rgba(180,90,255,.10),rgba(120,40,90,.06),transparent 70%)!important;
}
.insightTile.violet:hover{
  box-shadow:0 22px 64px rgba(40,18,60,.28),0 6px 20px rgba(40,18,60,.14)!important;
}
.insightTile.violet:hover .tileCTA span{
  color:#A78BFA!important;
}


/* v55: premium solid bars — no gradient */
.barChart span{
  background:#6F4EFF!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.10);
}

/* semantic solid colors by tile type */
.insightTile.violet .barChart span{
  background:#8A64FF!important;
}

.insightTile.blue .barChart span{
  background:#3B82F6!important;
}

.insightTile:not(.violet):not(.blue) .barChart span{
  background:#335CFF!important;
}


/* v62: CTA blue on white tiles */
.insightTile:not(.violet):not(.blue) .tileCTA strong{
  color:#335CFF !important;
}
.insightTile:not(.violet):not(.blue) .tileCTA span{
  background:#EEF2FF !important;
  color:#335CFF !important;
}
.insightTile:not(.violet):not(.blue):hover .tileCTA span{
  background:#335CFF !important;
  color:#fff !important;
}


/* v63: unify typography across hero and highlights */
:root{
  --fs-h1:clamp(42px,5vw,66px);
  --fs-body:20px;
  --fs-input:18px;
}

h1{
  font-size:var(--fs-h1)!important;
  line-height:1.08!important;
  font-weight:650!important;
  letter-spacing:-.04em!important;
}

.sub{
  font-size:20px!important;
  line-height:1.55!important;
  letter-spacing:-.014em!important;
  color:rgba(255,255,255,.83)!important;
}

.input{
  font-size:18px!important;
  line-height:1.35!important;
  font-weight:400!important;
  letter-spacing:-.012em!important;
}

.examples{
  font-size:15.5px!important;
  line-height:1.55!important;
}

.highlightsTitle{
  font-size:clamp(36px,3.9vw,54px)!important;
  line-height:1.08!important;
  font-weight:650!important;
  letter-spacing:-.04em!important;
}

.highlightsLead{
  font-size:19px!important;
  line-height:1.52!important;
  letter-spacing:-.014em!important;
}

/* Suggest should always float over the next screen */
.hero,
.wrap,
.center,
.block,
.searchArea{
  z-index:10;
}

.searchArea{
  position:relative;
  z-index:100;
}

.suggest{
  z-index:9999!important;
}

/* Prevent the next section from covering the dropdown while it is open */
.highlightsSection{
  position:relative;
  z-index:1;
}



/* v77: clean explainer video block */
.videoSection{
  position:relative;
  background:#fff;
  color:#0B1220;
  padding:96px 22px 104px;
  font-family:var(--font);
  overflow:hidden;
}
.videoSection:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(720px 340px at 16% 10%,rgba(51,92,255,.055),transparent 62%),
    radial-gradient(620px 300px at 90% 78%,rgba(138,100,255,.055),transparent 64%);
  pointer-events:none;
}
.videoWrap{
  width:min(1160px,100%);
  margin:0 auto;
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,390px) minmax(0,1fr);
  gap:54px;
  align-items:center;
}
.videoEyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:32px;
  padding:0 12px;
  border-radius:8px;
  background:#F3F6FB;
  color:#5D6878;
  font-size:14px;
  line-height:1;
  font-weight:500;
  letter-spacing:-.012em;
  margin-bottom:18px;
}
.videoEyebrowDot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#335CFF;
  box-shadow:0 0 0 5px rgba(51,92,255,.10);
}
.videoTitle{
  margin:0;
  font-size:clamp(34px,3.7vw,52px);
  line-height:1.08;
  font-weight:650;
  letter-spacing:-.04em;
  color:#0B1220;
}
.videoLead{
  margin:18px 0 0;
  color:#667085;
  font-size:19px;
  line-height:1.52;
  font-weight:400;
  letter-spacing:-.014em;
}
.videoBullets{
  display:grid;
  gap:12px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.videoBullets li{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:10px;
  align-items:start;
  color:#475467;
  font-size:16px;
  line-height:1.45;
  letter-spacing:-.012em;
}
.videoBulletIcon{
  width:26px;
  height:26px;
  border-radius:8px;
  display:grid;
  place-items:center;
  background:#EEF2FF;
  color:#335CFF;
  margin-top:1px;
  align-self:start;
  flex-shrink:0;
}
.videoBulletIcon svg{
  width:15px;
  height:15px;
  stroke-width:2.2;
}
.videoNote{
  margin:24px 0 0;
  padding:14px 16px;
  border:1px solid #E6EAF2;
  border-radius:8px;
  background:#F8FAFC;
  color:#667085;
  font-size:14.5px;
  line-height:1.45;
  letter-spacing:-.012em;
}
.videoNote b{
  color:#0B1220;
  font-weight:500;
}
.videoPlayer{
  position:relative;
  border-radius:12px;
  border:1px solid #E2E8F0;
  background:#0B1220;
  box-shadow:0 26px 80px rgba(15,23,42,.16),0 5px 18px rgba(15,23,42,.07);
  overflow:hidden;
  aspect-ratio:16/9;
  cursor:pointer;
  isolation:isolate;
}
.videoPlayer:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%),
    radial-gradient(520px 260px at 72% 22%,rgba(51,92,255,.42),transparent 64%),
    radial-gradient(480px 240px at 26% 74%,rgba(138,100,255,.26),transparent 65%),
    linear-gradient(180deg,#10182F,#0A1020);
  z-index:0;
}
.videoPlayer:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.36));
  z-index:2;
  pointer-events:none;
}
.videoChrome{
  position:absolute;
  left:18px;
  right:18px;
  top:16px;
  height:34px;
  display:flex;
  align-items:center;
  gap:8px;
  z-index:3;
}
.videoDot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:rgba(255,255,255,.26);
}
.videoUrl{
  margin-left:8px;
  height:26px;
  min-width:210px;
  border-radius:7px;
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.62);
  display:flex;
  align-items:center;
  padding:0 10px;
  font-size:12px;
  letter-spacing:-.01em;
}
.videoMock{
  position:absolute;
  left:32px;
  right:32px;
  top:72px;
  bottom:72px;
  z-index:1;
  display:grid;
  grid-template-columns:180px 1fr;
  gap:18px;
  opacity:.92;
}
.videoMockPanel,
.videoMockTable{
  border-radius:10px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.videoMockPanel{
  padding:14px;
  display:grid;
  gap:10px;
  align-content:start;
}
.videoMockLine{
  height:9px;
  border-radius:99px;
  background:rgba(255,255,255,.18);
}
.videoMockLine.short{width:62%}
.videoMockLine.mid{width:78%}
.videoMockChip{
  height:26px;
  border-radius:7px;
  background:rgba(51,92,255,.35);
  border:1px solid rgba(255,255,255,.10);
}
.videoMockTable{
  padding:14px;
  display:grid;
  gap:10px;
}
.videoMockRow{
  height:28px;
  border-radius:7px;
  background:rgba(255,255,255,.10);
  display:grid;
  grid-template-columns:1.2fr .7fr .55fr;
  gap:8px;
  padding:8px;
}
.videoMockRow span{
  border-radius:99px;
  background:rgba(255,255,255,.18);
}
.videoMockRow:first-child{
  background:rgba(255,255,255,.16);
}
.videoPlay{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:76px;
  height:76px;
  border-radius:999px;
  background:#fff;
  color:#335CFF;
  display:grid;
  place-items:center;
  z-index:4;
  box-shadow:0 18px 42px rgba(0,0,0,.22),0 0 0 10px rgba(255,255,255,.14);
  transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease;
}
.videoPlayer:hover .videoPlay{
  transform:translate(-50%,-50%) scale(1.045);
  box-shadow:0 22px 48px rgba(0,0,0,.26),0 0 0 12px rgba(255,255,255,.16);
}
.videoPlay svg{
  width:28px;
  height:28px;
  margin-left:3px;
}
.videoDuration{
  position:absolute;
  right:18px;
  bottom:17px;
  z-index:4;
  height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:7px;
  background:rgba(0,0,0,.36);
  color:#fff;
  font-size:13px;
  line-height:1;
  font-weight:500;
  letter-spacing:-.012em;
}
.videoCaption{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:4;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1;
  letter-spacing:-.012em;
}
.videoModal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(6,8,22,.78);
  backdrop-filter:blur(12px);
}
.videoModal.is-open{
  display:flex;
}
.videoModalFrame{
  position:relative;
  width:min(1040px,100%);
  aspect-ratio:16/9;
  border-radius:14px;
  background:#050816;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 40px 110px rgba(0,0,0,.45);
  overflow:hidden;
}
.videoModalPlaceholder{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.72);
  text-align:center;
  padding:40px;
  background:
    radial-gradient(640px 320px at 50% 35%,rgba(51,92,255,.26),transparent 64%),
    linear-gradient(180deg,#10182F,#050816);
}
.videoModalPlaceholder strong{
  display:block;
  color:#fff;
  font-size:28px;
  line-height:1.15;
  letter-spacing:-.03em;
  margin-bottom:10px;
}
.videoClose{
  position:absolute;
  right:16px;
  top:16px;
  z-index:2;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  display:grid;
  place-items:center;
}
.videoClose svg{
  width:19px;
  height:19px;
}
@media(max-width:980px){
  .videoSection{padding:72px 18px 82px}
  .videoWrap{grid-template-columns:1fr;gap:34px}
  .videoMock{left:20px;right:20px;grid-template-columns:1fr;top:64px;bottom:64px}
  .videoMockPanel{display:none}
}
@media(max-width:620px){
  .videoPlayer{border-radius:10px}
  .videoPlay{width:62px;height:62px}
  .videoCaption{display:none}
  .videoUrl{min-width:160px}
}


/* v71: Data Flow integrated — symmetric disorder + middle entry + 5 dots */
.dataFlowSection{
  position:relative;
  background:#fff;
  color:#0B1220;
  padding:96px 22px 112px;
  font-family:var(--font);
  overflow:hidden;
}
.dataFlowSection:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(760px 360px at 18% 14%,rgba(138,100,255,.07),transparent 62%),
    radial-gradient(620px 300px at 86% 72%,rgba(51,92,255,.055),transparent 64%);
  pointer-events:none;
}
.dataFlowWrap{
  width:min(1160px,100%);
  margin:0 auto;
  position:relative;
  z-index:1;
}
.dataFlowHead{
  max-width:760px;
  margin:0 auto 54px;
  text-align:center;
}
.flowEyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:32px;
  padding:0 12px;
  border-radius:8px;
  background:#F3F6FB;
  color:#5D6878;
  font-size:14px;
  line-height:1;
  font-weight:500;
  letter-spacing:-.012em;
  margin-bottom:18px;
}
.flowEyebrowDot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#8A64FF;
  box-shadow:0 0 0 5px rgba(138,100,255,.10);
}
.dataFlowTitle{
  margin:0;
  font-size:clamp(36px,4vw,54px);
  line-height:1.08;
  font-weight:650;
  letter-spacing:-.04em;
  color:#0B1220;
}
.dataFlowLead{
  margin:16px auto 0;
  max-width:640px;
  color:#667085;
  font-size:19px;
  line-height:1.52;
  font-weight:400;
  letter-spacing:-.014em;
}
.flowCanvas{
  position:relative;
  min-height:540px;
}
.flowSvg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
  z-index:1;
}
.flowLine{
  fill:none;
  stroke:#7B3FE4;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.78;
}
.flowLineGhost{
  fill:none;
  stroke:#7B3FE4;
  stroke-width:7;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.09;
  filter:blur(.55px);
}
.flowPacket{
  fill:#8A64FF;
  filter:drop-shadow(0 0 9px rgba(138,100,255,.62));
}
.flowCard{
  position:absolute;
  z-index:2;
  width:280px;
  height:216px;
  padding:22px;
  border-radius:8px;
  background:#fff;
  border:1px solid #E6EAF2;
  box-shadow:0 10px 30px rgba(15,23,42,.07),0 1px 2px rgba(15,23,42,.035);
  transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease;
  overflow:hidden;
}
.flowCard:hover{
  transform:translateY(-3px);
  border-color:#D9E1F2;
  box-shadow:0 18px 48px rgba(15,23,42,.10),0 4px 12px rgba(15,23,42,.045);
}
.flowCardIcon{
  width:40px;
  height:40px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#F7F9FC,#EEF2F7);
  color:#536176;
  margin-bottom:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 1px 2px rgba(15,23,42,.04);
}
.flowCardIcon svg{
  width:21px;
  height:21px;
  stroke-width:1.85;
}
.flowCardIcon .rubleIcon{
  font-size:21px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.04em;
  transform:translateY(-1px);
}
.flowCard h3{
  margin:0 0 9px;
  color:#101828;
  font-size:20px;
  line-height:1.22;
  font-weight:500;
  letter-spacing:-.025em;
}
.flowCard p{
  margin:0;
  color:#667085;
  font-size:16px;
  line-height:1.47;
  letter-spacing:-.014em;
}

/* Симметричный беспорядок: 1 → 2 → 3 → 4 → 5 */
.flowCard.source{left:0;top:58px}
.flowCard.signal{left:196px;top:344px}
.flowCard.magic{left:392px;top:96px}
.flowCard.score{right:110px;top:0}
.flowCard.result{right:0;top:278px}

.flowCard.magic{
  color:#fff;
  background:
    radial-gradient(300px 160px at 84% 0%,rgba(138,100,255,.28),transparent 62%),
    linear-gradient(180deg,#2A1E3F,#140F24);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 18px 56px rgba(24,14,46,.22);
}
.flowCard.magic:before{
  content:"";
  position:absolute;
  inset:-40px;
  background-image:radial-gradient(circle,rgba(255,255,255,.20) 0 1px,transparent 1.6px);
  background-size:18px 18px;
  opacity:.12;
  animation:magicNoise 8s linear infinite;
}
.flowCard.magic>*{position:relative;z-index:1}
.flowCard.magic .flowCardIcon,
.flowCard.result .flowCardIcon{
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 2px rgba(0,0,0,.10);
}
.flowCard.magic h3,
.flowCard.result h3{color:#fff}
.flowCard.magic p{color:rgba(255,255,255,.72)}
.flowCard.result{
  color:#fff;
  background:
    radial-gradient(300px 160px at 84% 0%,rgba(59,130,246,.18),transparent 62%),
    linear-gradient(180deg,#0E1B2E,#0A1220);
  border-color:rgba(255,255,255,.08);
}
.flowCard.result p{color:rgba(255,255,255,.72)}

@keyframes magicNoise{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(18px,18px,0)}
}
@media(max-width:980px){
  .dataFlowSection{padding:72px 18px 84px}
  .flowCanvas{min-height:auto;display:grid;gap:14px}
  .flowSvg{display:none}
  .flowCard,
  .flowCard.source,
  .flowCard.signal,
  .flowCard.magic,
  .flowCard.score,
  .flowCard.result{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    width:100%;
    height:auto;
    min-height:168px;
  }
}
@media (prefers-reduced-motion: reduce){
  .flowCard{transition:none!important}
  .flowCard:hover{transform:none!important}
  .flowCard.magic:before{animation:none!important}
}



/* v79: centered intro */

.videoIntro{
  width:min(760px,100%);
  margin:0 auto 46px;
  text-align:center;
}

.videoTitleSingle{
  font-size:clamp(34px,3.3vw,48px);
}
.videoCopy .videoLead{
  margin-top:0;
  margin-bottom:2px;
}

.videoIntro .videoLead{
  margin-left:auto;
  margin-right:auto;
}

/* v78: video block balance + subtle animated preview */
.videoWrap{
  grid-template-columns:minmax(0,430px) minmax(0,1fr);
  gap:58px;
}
.videoCopy{
  min-height:430px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.videoBullets{
  gap:15px;
  margin-top:30px;
}
.videoNote{
  margin-top:28px;
}
.videoPlayer{
  max-height:430px;
}
.videoPlayer:before{
  animation:videoGlowDrift 9s ease-in-out infinite alternate;
}
.videoMockLine,
.videoMockChip,
.videoMockRow span{
  position:relative;
  overflow:hidden;
}
.videoMockLine:after,
.videoMockChip:after,
.videoMockRow span:after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-120%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  animation:videoShimmer 3.8s ease-in-out infinite;
}
.videoMockChip{
  animation:videoChipPulse 3.6s ease-in-out infinite;
}
.videoMockChip:nth-child(5){
  animation-delay:1.1s;
}
.videoMockRow{
  transform:translateY(0);
  animation:videoRowFloat 5.5s ease-in-out infinite;
}
.videoMockRow:nth-child(2){animation-delay:.4s}
.videoMockRow:nth-child(3){animation-delay:.8s}
.videoMockRow:nth-child(4){animation-delay:1.2s}
.videoMockTable{
  animation:videoTableBreath 7s ease-in-out infinite;
}
.videoPlayer:hover .videoMock{
  transform:translateY(-2px);
}
.videoMock{
  transition:transform .28s cubic-bezier(.16,1,.3,1);
}
@keyframes videoGlowDrift{
  from{
    background:
      linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%),
      radial-gradient(520px 260px at 70% 22%,rgba(51,92,255,.38),transparent 64%),
      radial-gradient(480px 240px at 26% 74%,rgba(138,100,255,.22),transparent 65%),
      linear-gradient(180deg,#10182F,#0A1020);
  }
  to{
    background:
      linear-gradient(180deg,rgba(255,255,255,.08),transparent 18%),
      radial-gradient(560px 280px at 76% 28%,rgba(51,92,255,.46),transparent 64%),
      radial-gradient(500px 260px at 20% 68%,rgba(138,100,255,.30),transparent 65%),
      linear-gradient(180deg,#10182F,#0A1020);
  }
}
@keyframes videoShimmer{
  0%,44%{transform:translateX(-120%);opacity:0}
  55%{opacity:1}
  86%,100%{transform:translateX(120%);opacity:0}
}
@keyframes videoChipPulse{
  0%,100%{background:rgba(51,92,255,.31);box-shadow:0 0 0 rgba(51,92,255,0)}
  50%{background:rgba(51,92,255,.43);box-shadow:0 0 20px rgba(51,92,255,.12)}
}
@keyframes videoRowFloat{
  0%,100%{transform:translateY(0);opacity:1}
  50%{transform:translateY(-1px);opacity:.94}
}
@keyframes videoTableBreath{
  0%,100%{opacity:.9}
  50%{opacity:1}
}
@media(max-width:980px){
  .videoCopy{
    min-height:auto;
    justify-content:flex-start;
  }
  .videoPlayer{
    max-height:none;
  }
}
@media (prefers-reduced-motion: reduce){
  .videoPlayer:before,
  .videoMockLine:after,
  .videoMockChip:after,
  .videoMockRow span:after,
  .videoMockChip,
  .videoMockRow,
  .videoMockTable{
    animation:none!important;
  }
  .videoPlayer:hover .videoMock{
    transform:none!important;
  }
}


/* v83: hero-native scroll CTA, no white peek */
.heroScrollCue{
  position:absolute;
  left:50%;
  bottom:28px;
  transform:translateX(-50%);
  z-index:12;
  height:46px;
  padding:0 9px 0 10px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.075);
  color:rgba(255,255,255,.84);
  backdrop-filter:blur(16px);
  box-shadow:0 18px 52px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10);
  cursor:pointer;
  user-select:none;
  transition:transform .22s cubic-bezier(.16,1,.3,1),background .22s ease,border-color .22s ease,color .22s ease;
}
.heroScrollCue:hover{
  transform:translateX(-50%) translateY(-2px);
  background:rgba(255,255,255,.105);
  border-color:rgba(255,255,255,.22);
  color:#fff;
}
.heroScrollPlay{
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#335CFF;
  box-shadow:0 0 0 5px rgba(255,255,255,.08);
}
.heroScrollPlay svg{
  width:14px;
  height:14px;
  margin-left:2px;
}
.heroScrollText{
  font-size:14.5px;
  line-height:1;
  font-weight:400;
  letter-spacing:-.012em;
  white-space:nowrap;
}
.heroScrollArrow{
  width:30px;
  height:30px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:rgba(255,255,255,.72);
  animation:heroScrollNudge 1.9s ease-in-out infinite;
}
.heroScrollArrow svg{
  width:22px;
  height:22px;
}
@keyframes heroScrollNudge{
  0%,100%{transform:translateY(-1px)}
  50%{transform:translateY(2px)}
}
@media(max-width:760px){
  .heroScrollCue{
    bottom:18px;
    max-width:calc(100% - 36px);
  }
  .heroScrollText{
    overflow:hidden;
    text-overflow:ellipsis;
  }
}
@media (prefers-reduced-motion: reduce){
  .heroScrollArrow{animation:none!important}
}


/* v84: features grid + big animated product screen */
.featuresSection{
  position:relative;
  background:#F7F9FC;
  color:#0B1220;
  padding:104px 22px 118px;
  font-family:var(--font);
  overflow:hidden;
}
.featuresSection:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(720px 340px at 12% 16%,rgba(51,92,255,.055),transparent 62%),
    radial-gradient(640px 300px at 90% 84%,rgba(138,100,255,.055),transparent 64%);
  pointer-events:none;
}
.featuresWrap{
  width:min(1160px,100%);
  margin:0 auto;
  position:relative;
  z-index:1;
}
.featuresHead{
  max-width:780px;
  margin:0 auto 54px;
  text-align:center;
}
.featuresTitle{
  margin:0;
  font-size:clamp(36px,4vw,54px);
  line-height:1.08;
  font-weight:650;
  letter-spacing:-.04em;
  color:#0B1220;
}
.featuresLead{
  margin:16px auto 0;
  max-width:660px;
  color:#667085;
  font-size:19px;
  line-height:1.52;
  font-weight:400;
  letter-spacing:-.014em;
}
/* v85: editorial features list */
.featuresGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px 34px;
  margin:0 0 34px;
}
.featureCard{
  position:relative;
  min-height:auto;
  padding:0 0 18px;
  background:transparent;
  border:none;
  border-radius:0;
  box-shadow:none;
  overflow:visible;
  transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s ease;
}
.featureCard:before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:56px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#335CFF,#8A64FF);
  opacity:.9;
}
.featureCard:hover{
  transform:translateY(-2px);
}
.featureCard:hover:before{
  width:74px;
  transition:width .24s ease;
}
.featureCard h3{
  margin:0 0 10px;
  color:#101828;
  font-size:21px;
  line-height:1.18;
  font-weight:600;
  letter-spacing:-.032em;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.featureCard p{
  margin:0;
  color:#667085;
  font-size:17px;
  line-height:1.62;
  letter-spacing:-.014em;
  max-width:94%;
}

.productDemo{
  position:relative;
  margin-top:26px;
  border-radius:14px;
  border:1px solid #E2E8F0;
  background:#0B1220;
  box-shadow:0 30px 90px rgba(15,23,42,.17),0 6px 18px rgba(15,23,42,.07);
  overflow:hidden;
  min-height:690px;
  isolation:isolate;
}
.productDemo:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(620px 300px at 72% 10%,rgba(51,92,255,.34),transparent 64%),
    radial-gradient(560px 260px at 12% 88%,rgba(138,100,255,.22),transparent 65%),
    linear-gradient(180deg,#10182F,#080D1A);
  animation:demoGlow 10s ease-in-out infinite alternate;
  z-index:0;
}
.demoChrome{
  position:relative;
  z-index:2;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
}
.demoDots{
  display:flex;
  gap:8px;
}
.demoDots span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.26);
}
.demoAddress{
  height:30px;
  min-width:310px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.58);
  font-size:12.5px;
  letter-spacing:-.01em;
}
.demoBadge{
  height:30px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  border-radius:7px;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.72);
  font-size:12.5px;
}
.demoBadgeDot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#12B76A;
  box-shadow:0 0 0 5px rgba(18,183,106,.10);
}
.demoWorkspace{
  position:relative;
  z-index:1;
  padding:22px;
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:18px;
}
.demoSidebar,
.demoMain{
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.demoSidebar{
  min-height:580px;
  padding:18px;
}
.demoLogoLine{
  width:132px;
  height:14px;
  border-radius:99px;
  background:rgba(255,255,255,.22);
  margin-bottom:22px;
}
.demoFilter{
  height:42px;
  border-radius:8px;
  background:rgba(255,255,255,.09);
  margin-bottom:10px;
  position:relative;
  overflow:hidden;
}
.demoFilter.active{
  background:rgba(51,92,255,.34);
  border:1px solid rgba(255,255,255,.10);
  animation:demoActiveFilter 3.6s ease-in-out infinite;
}
.demoFilter:after,
.demoMetric:after,
.demoRow span:after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-120%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  animation:demoShimmer 4s ease-in-out infinite;
}
.demoMain{
  min-height:580px;
  padding:18px;
}
.demoToolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px 120px;
  gap:10px;
  margin-bottom:14px;
}
.demoSearch,
.demoButton{
  height:40px;
  border-radius:8px;
  background:rgba(255,255,255,.10);
}
.demoButton{
  background:rgba(51,92,255,.42);
}
.demoMetrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.demoMetric{
  height:74px;
  border-radius:8px;
  background:rgba(255,255,255,.09);
  position:relative;
  overflow:hidden;
}
.demoTable{
  display:grid;
  gap:8px;
}
.demoRow{
  height:42px;
  border-radius:8px;
  background:rgba(255,255,255,.08);
  display:grid;
  grid-template-columns:1.3fr .65fr .55fr .7fr;
  gap:12px;
  padding:12px;
  animation:demoRowFloat 6s ease-in-out infinite;
}
.demoRow:nth-child(2){animation-delay:.25s}
.demoRow:nth-child(3){animation-delay:.5s}
.demoRow:nth-child(4){animation-delay:.75s}
.demoRow:nth-child(5){animation-delay:1s}
.demoRow:nth-child(6){animation-delay:1.25s}
.demoRow span{
  position:relative;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.17);
}
.demoCursor{
  position:absolute;
  z-index:4;
  left:50%;
  top:54%;
  width:18px;
  height:18px;
  color:#fff;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.28));
  animation:demoCursorMove 8s cubic-bezier(.65,0,.35,1) infinite;
}
.demoCursor svg{
  width:100%;
  height:100%;
}
.demoHint{
  position:absolute;
  z-index:4;
  right:34px;
  bottom:36px;
  width:270px;
  padding:14px 15px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.78);
  backdrop-filter:blur(14px);
  font-size:14px;
  line-height:1.42;
  letter-spacing:-.012em;
  box-shadow:0 16px 46px rgba(0,0,0,.16);
}
.demoHint b{
  display:block;
  color:#fff;
  font-weight:500;
  margin-bottom:4px;
}
@keyframes demoGlow{
  from{
    filter:saturate(1);
    transform:scale(1);
  }
  to{
    filter:saturate(1.12);
    transform:scale(1.015);
  }
}
@keyframes demoShimmer{
  0%,44%{transform:translateX(-120%);opacity:0}
  55%{opacity:1}
  86%,100%{transform:translateX(120%);opacity:0}
}
@keyframes demoActiveFilter{
  0%,100%{box-shadow:0 0 0 rgba(51,92,255,0)}
  50%{box-shadow:0 0 24px rgba(51,92,255,.16)}
}
@keyframes demoRowFloat{
  0%,100%{transform:translateY(0);opacity:.92}
  50%{transform:translateY(-1px);opacity:1}
}
@keyframes demoCursorMove{
  0%{transform:translate(-20px,20px)}
  22%{transform:translate(-240px,-170px)}
  38%{transform:translate(-235px,-170px)}
  58%{transform:translate(120px,-128px)}
  76%{transform:translate(160px,54px)}
  100%{transform:translate(-20px,20px)}
}
@media(max-width:980px){
  .featuresSection{padding:76px 18px 86px}
  .featuresGrid{grid-template-columns:1fr 1fr}
  .productDemo{min-height:auto}
  .demoWorkspace{grid-template-columns:1fr}
  .demoSidebar{min-height:auto}
  .demoFilter:nth-child(n+6){display:none}
  .demoHint{position:relative;right:auto;bottom:auto;margin:0 22px 22px;width:auto}
}
@media(max-width:680px){
  .featuresGrid{grid-template-columns:1fr}
  .demoAddress{min-width:0;width:170px}
  .demoBadge{display:none}
  .demoToolbar{grid-template-columns:1fr}
  .demoMetrics{grid-template-columns:1fr}
  .demoRow{grid-template-columns:1fr .7fr; height:auto}
  .demoRow span:nth-child(n+3){display:none}
}
@media (prefers-reduced-motion: reduce){
  .productDemo:before,
  .demoFilter.active,
  .demoFilter:after,
  .demoMetric:after,
  .demoRow span:after,
  .demoRow,
  .demoCursor{
    animation:none!important;
  }
}


/* v87: who / why / data sections */
.audienceSection{
  position:relative;
  background:#fff;
  padding:108px 22px 112px;
  overflow:hidden;
}
.audienceWrap,
.whyWrap,
.dataWrap{
  width:min(1160px,100%);
  margin:0 auto;
  position:relative;
  z-index:1;
}
.audienceHead{
  max-width:760px;
  margin:0 auto 56px;
  text-align:center;
}
.audienceTitle,
.whyTitle,
.dataTitle{
  margin:0;
  color:#0B1220;
  font-size:clamp(36px,4vw,54px);
  line-height:1.08;
  font-weight:650;
  letter-spacing:-.04em;
}
.audienceGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px 52px;
  max-width:1040px;
  margin:0 auto;
}
.audienceItem{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
.audienceIcon{
  width:56px;
  height:56px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(51,92,255,.08);
  color:#335CFF;
  border:1px solid rgba(51,92,255,.12);
}
.audienceIcon svg{
  width:26px;
  height:26px;
}
.audienceItem h3{
  margin:2px 0 10px;
  font-size:32px;
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:520;
  color:#101828;
}
.audienceItem p{
  margin:0;
  max-width:92%;
  color:#667085;
  font-size:18px;
  line-height:1.58;
  letter-spacing:-.014em;
}
.audienceOutro{
  max-width:760px;
  margin:78px auto 0;
  text-align:center;
}
.audienceOutro h3{
  margin:0 0 18px;
  font-size:42px;
  line-height:1.1;
  letter-spacing:-.04em;
  font-weight:600;
  color:#0B1220;
}
.audienceOutro p{
  margin:0 auto;
  max-width:680px;
  color:#667085;
  font-size:19px;
  line-height:1.62;
}

.whySection{
  position:relative;
  background:#090E1E;
  color:#fff;
  padding:112px 22px 118px;
  overflow:hidden;
}
.whySection:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(760px 320px at 10% 0%,rgba(51,92,255,.16),transparent 64%),
    radial-gradient(620px 260px at 90% 100%,rgba(138,100,255,.16),transparent 64%);
}
.whyHead{
  margin:0 auto 58px;
  text-align:center;
}
.whyTitle{
  color:#fff;
}
.whyGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:34px;
}
.whyItem{
  position:relative;
  padding:0 0 22px;
}
.whyItem:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:58px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,#4E7BFF,#8A64FF);
}
.whyIcon{
  width:56px;
  height:56px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:#7EA2FF;
  margin-bottom:22px;
}
.whyIcon svg{
  width:26px;
  height:26px;
}
.whyItem h3{
  margin:0 0 14px;
  font-size:31px;
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:520;
  color:#fff;
}
.whyItem p{
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:17px;
  line-height:1.62;
}

.dataSection{
  position:relative;
  background:#F7F9FC;
  padding:112px 22px 122px;
  overflow:hidden;
}
.dataSection:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(51,92,255,.08) 1px,transparent 1px);
  background-size:22px 22px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 100%);
  opacity:.35;
}
.dataHead{
  text-align:center;
  margin:0 auto 68px;
}
.dataGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:48px 40px;
}
.dataMetric{
  text-align:center;
}
.dataValue{
  display:block;
  color:#335CFF;
  font-size:clamp(62px,7vw,112px);
  line-height:.92;
  letter-spacing:-.06em;
  font-weight:620;
  margin-bottom:14px;
}
.dataLabel{
  display:block;
  color:#101828;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:520;
  margin-bottom:12px;
}
.dataDesc{
  max-width:320px;
  margin:0 auto;
  color:#667085;
  font-size:17px;
  line-height:1.58;
}
.footerSection{
  background:#090E1E;
  padding:48px 22px 54px;
  border-top:1px solid rgba(255,255,255,.06);
}
.footerWrap{
  width:min(1160px,100%);
  margin:0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:34px;
}
.footerBrand{
  max-width:420px;
}
.footerBrand h3{
  margin:0 0 14px;
  color:#fff;
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
}
.footerBrand p{
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:16px;
  line-height:1.62;
}
.footerCols{
  display:flex;
  gap:56px;
}
.footerCol h4{
  margin:0 0 16px;
  color:#fff;
  font-size:15px;
  letter-spacing:-.01em;
}
.footerCol a{
  display:block;
  margin-bottom:10px;
  color:rgba(255,255,255,.58);
  font-size:15px;
  text-decoration:none;
}
@media(max-width:980px){
  .audienceGrid,
  .whyGrid,
  .dataGrid{
    grid-template-columns:1fr 1fr;
  }
  .footerWrap{
    flex-direction:column;
  }
}
@media(max-width:720px){
  .audienceGrid,
  .whyGrid,
  .dataGrid{
    grid-template-columns:1fr;
  }
  .audienceItem h3,
  .whyItem h3{
    font-size:26px;
  }
  .audienceOutro h3{
    font-size:34px;
  }
  .footerCols{
    flex-wrap:wrap;
    gap:28px;
  }
}


/* v88: typography unification + dark violet data card */
.audienceItem h3,
.whyItem h3{
  font-size:21px !important;
  line-height:1.18 !important;
  font-weight:600 !important;
  letter-spacing:-.032em !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

.audienceItem p,
.whyItem p{
  font-size:17px !important;
  line-height:1.62 !important;
  letter-spacing:-.014em !important;
}

.audienceItem p{
  max-width:96%;
}

.audienceOutro h3{
  font-size:clamp(32px,3.4vw,44px) !important;
  line-height:1.1 !important;
  letter-spacing:-.04em !important;
}

.audienceOutro p{
  font-size:18px !important;
  line-height:1.62 !important;
}

.whyGrid{
  gap:40px;
}

.dataSection{
  background:#F7F9FC !important;
  padding:96px 22px 112px !important;
}

.dataSection:before{
  opacity:.18 !important;
}

.dataWrap{
  max-width:1160px;
  background:
    radial-gradient(720px 340px at 16% 8%,rgba(138,100,255,.26),transparent 62%),
    radial-gradient(620px 300px at 88% 86%,rgba(51,92,255,.22),transparent 64%),
    linear-gradient(180deg,#1A1333,#0B1024);
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:78px 64px 84px;
  box-shadow:0 30px 90px rgba(15,23,42,.18),0 8px 22px rgba(15,23,42,.08);
  overflow:hidden;
}

.dataTitle{
  color:#fff !important;
}

.dataValue{
  color:#8A64FF !important;
  text-shadow:0 0 34px rgba(138,100,255,.16);
}

.dataLabel{
  color:#fff !important;
  font-size:21px !important;
  line-height:1.18 !important;
  font-weight:600 !important;
  letter-spacing:-.032em !important;
}

.dataDesc{
  color:rgba(255,255,255,.66) !important;
  font-size:17px !important;
  line-height:1.62 !important;
}

@media(max-width:980px){
  .dataWrap{
    padding:62px 28px 68px;
  }
}

@media(max-width:720px){
  .dataWrap{
    padding:52px 20px 58px;
    border-radius:12px;
  }
}


/* v89: premium audience icons + live counters */
.audienceIcon{
  width:48px !important;
  height:48px !important;
  border-radius:12px !important;
  background:#F5F7FB !important;
  color:#335CFF !important;
  border:1px solid rgba(51,92,255,.10) !important;
  box-shadow:none !important;
}
.audienceIcon svg{
  width:23px !important;
  height:23px !important;
  stroke-width:1.85 !important;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.audienceItem{
  grid-template-columns:48px minmax(0,1fr) !important;
  gap:18px !important;
}

.dataValue{
  font-variant-numeric:tabular-nums;
}
.dataValue .countSuffix{
  display:inline-block;
  margin-left:.04em;
}
.dataValue.is-counting{
  animation:dataCounterGlow 1.15s ease-out both;
}
@keyframes dataCounterGlow{
  0%{filter:brightness(1.35);text-shadow:0 0 38px rgba(138,100,255,.28)}
  100%{filter:brightness(1);text-shadow:0 0 34px rgba(138,100,255,.16)}
}


/* v91: flat no-frame audience icons + gradient strokes */
.audienceIcon{
  background:#F5F7FB !important;
  border:0 !important;
  box-shadow:none !important;
}


.footerBrandLogo{
  height:auto !important;
  margin:0 0 18px !important;
  cursor:pointer;
}
.footerBrandLogo .brandLogo{
  width:178px;
  height:auto;
}
.footerBrandLogo .brandLogo .logoVectorRest,
.footerBrandLogo .brandLogo .logoArrow path{
  fill:color-mix(in srgb,var(--primary)85%,white);
}
.footerBrandLogo:hover .brandLogo .logoVectorRest,
.footerBrandLogo:hover .brandLogo .logoArrow path{
  fill:var(--primary);
}


/* v95: safe inline gradient icons, no layout side effects */
.audienceIcon{
  width:48px !important;
  height:48px !important;
  border-radius:12px !important;
  background:#F5F7FB !important;
  color:#335CFF !important;
  border:0 !important;
  box-shadow:none !important;
  position:relative;
}
.audienceIcon svg{
  width:23px !important;
  height:23px !important;
}


/* v96: stable large metrics in one line */
.dataStatValue{
  font-size:clamp(76px,6vw,118px);
  line-height:.88;
  letter-spacing:-.065em;
  font-weight:650;
  white-space:nowrap;
}

.dataStatValue.long{
  font-size:clamp(62px,5vw,96px);
  letter-spacing:-.07em;
}


/* v97: fix long data metrics wrapping in "Наши данные" */
.dataValue{
  white-space:nowrap !important;
}

.dataValue.long{
  font-size:clamp(54px,5.1vw,86px) !important;
  line-height:.9 !important;
  letter-spacing:-.075em !important;
}

.dataValue .countSuffix{
  display:inline !important;
  margin-left:.02em !important;
}

@media(max-width:980px){
  .dataValue.long{
    font-size:clamp(54px,8vw,82px) !important;
  }
}


/* v98: unified data stats typography — all big metrics same size */
.dataValue,
.dataValue.long{
  font-size:clamp(62px,5.15vw,92px) !important;
  line-height:.92 !important;
  letter-spacing:-.065em !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}

.dataValue .countSuffix{
  display:inline !important;
  margin-left:.015em !important;
}

@media(max-width:980px){
  .dataValue,
  .dataValue.long{
    font-size:clamp(56px,8vw,84px) !important;
  }
}


/* v99: final CTA block */
.finalCta{
  margin-top:56px;
  display:flex;
  justify-content:center;
}

.finalCtaInner{
  width:min(920px,100%);
  padding:54px 48px;
  border-radius:14px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(560px 220px at 20% 0%,rgba(138,100,255,.16),transparent 62%),
    radial-gradient(520px 240px at 100% 100%,rgba(51,92,255,.14),transparent 64%),
    linear-gradient(180deg,#10182F,#080D1A);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    0 26px 80px rgba(15,23,42,.18),
    0 6px 18px rgba(15,23,42,.08);
  text-align:center;
}

.finalCtaInner h2{
  margin:0;
  color:#fff;
  font-size:clamp(34px,3.8vw,52px);
  line-height:1.06;
  font-weight:650;
  letter-spacing:-.045em;
}

.finalCtaInner p{
  max-width:760px;
  margin:18px auto 0;
  color:rgba(255,255,255,.72);
  font-size:19px;
  line-height:1.55;
  letter-spacing:-.014em;
}

.finalCtaActions{
  margin-top:32px;
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

.finalCta .btn{
  min-width:220px;
}

@media(max-width:760px){
  .finalCtaInner{
    padding:42px 26px;
  }

  .finalCtaInner p{
    font-size:17px;
  }

  .finalCta .btn{
    width:100%;
  }
}



/* v101: inline CTA under "Наши данные" */
.simpleCta{
  padding:56px 0 0;
}

.simpleCtaWrap{
  width:min(1160px,100%);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.simpleCtaTitle{
  margin:0;
  color:#0B1220;
  font-size:clamp(34px,3.8vw,52px);
  line-height:1.08;
  font-weight:650;
  letter-spacing:-.045em;
  max-width:920px;
}

.simpleCtaActions{
  margin-top:30px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
}

.simpleCtaActions .btn{
  min-width:220px;
}

@media(max-width:760px){
  .simpleCta{
    padding-top:42px;
  }

  .simpleCtaActions{
    width:100%;
  }

  .simpleCtaActions .btn{
    width:100%;
  }
}



/* v102: CTA directly under "Наши данные" */
.simpleCta{
  padding:56px 0 0 !important;
  background:transparent !important;
}

.simpleCtaWrap{
  width:min(1160px,100%);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.simpleCtaTitle{
  margin:0 !important;
  color:#0B1220 !important;
  font-size:clamp(32px,3.4vw,48px) !important;
  line-height:1.08 !important;
  font-weight:650 !important;
  letter-spacing:-.045em !important;
  max-width:920px;
}

.simpleCtaActions{
  margin-top:28px !important;
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}


/* v103: visible inline CTA between data card and footer */
.simpleCta{
  display:block !important;
  background:#F7F9FC !important;
  padding:54px 22px 84px !important;
  margin:0 !important;
  color:#0B1220 !important;
}

.simpleCtaWrap{
  width:min(1160px,100%) !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.simpleCtaTitle{
  margin:0 !important;
  color:#0B1220 !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:clamp(34px,3.7vw,52px) !important;
  line-height:1.08 !important;
  font-weight:650 !important;
  letter-spacing:-.045em !important;
  max-width:920px !important;
}

.simpleCtaActions{
  margin-top:30px !important;
  display:flex !important;
  justify-content:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  opacity:1 !important;
  visibility:visible !important;
}

.simpleCtaActions .btn{
  min-width:220px !important;
}

@media(max-width:760px){
  .simpleCta{
    padding:46px 18px 66px !important;
  }
  .simpleCtaActions,
  .simpleCtaActions .btn{
    width:100% !important;
  }
}


/* v104: CTA spacing polish */
.simpleCta{
  padding:48px 22px 56px !important;
}

.simpleCtaTitle{
  margin:0 !important;
}

.simpleCtaActions{
  margin-top:26px !important;
}


/* v105: real CTA spacing balance — reduce previous section bottom gap, add footer breathing room */
.dataSection{
  padding-bottom:32px !important;
}

.simpleCta{
  padding:28px 22px 76px !important;
}

.simpleCtaTitle{
  margin:0 !important;
}

.simpleCtaActions{
  margin-top:26px !important;
}

@media(max-width:760px){
  .dataSection{
    padding-bottom:28px !important;
  }

  .simpleCta{
    padding:24px 18px 64px !important;
  }
}


/* v106: seamless transition from data card to CTA */
.dataSection{
  padding-bottom:0 !important;
  margin-bottom:0 !important;
}

.simpleCta{
  margin-top:-2px !important;
  padding:34px 22px 76px !important;
  background:#F5F6FA !important;
}

@media(max-width:760px){
  .simpleCta{
    padding:28px 18px 64px !important;
  }
}

/* ----------------------------------------------------------------------------------- */
/* -------------------------------- CUSTOM ------------------------------------------- */
.show-password-btn {
    position: relative;
    margin-top: -45px;
    padding: 10px;
    cursor: pointer;
    width: 60px;
    left: 90%;
}
.form-group {
    padding-bottom: 20px;
}
.form-control {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #6B7280;
    background-color: #fff;
    background-clip: padding-box;
    border: 0.125rem solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.5rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.hero {
    min-height: 850px;
    background-size: 100% 1024px;
}
.checkbox-line {
    width: 20px;
    height: 20px;
    outline: none;
    border-color: rgb(206, 212, 218);
    margin-right: 10px;
    accent-color: var(--primary);
}
.jsdo-error-message-line {
    text-align: left;
    color: #d45d5d;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding-bottom: 5px;
    display: block;
}
a {
    text-decoration: none;
    color: #667085;
}
a:not(.btn):not(.pbtn):hover {
    color: var(--primary);
}


.nav a:hover {
    color: rgba(255, 255, 255, .75) !important;
    background: rgba(255, 255, 255, .08);
}

.nav a {
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
    font-size: var(--fs-nav);
    font-weight: 400;
    line-height: 1.35;
    padding: 7px 10px;
    border-radius: 6px;
    letter-spacing: -.01em;
}

.form-control:focus {
  border-color: var(--primary);
  outline: none;
}




/* Service topbar — LeadVector design-system pass */
.top-actions.service-actions{
  gap:10px;
}
.service-plan,
.service-menu-trigger{
  height:38px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#344054;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font:600 13px/1 Onest,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.012em;
  white-space:nowrap;
}
.service-plan{
  color:#4450B2;
  background:transparent;
  border-color:transparent;
}
.service-plan strong{
  font-weight:700;
}
.service-plan > svg,
.service-menu-trigger > svg:not(.service-chevron){
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.service-menu-wrap{
  position:relative;
}
.service-menu-trigger{
  cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.service-menu-trigger:hover,
.service-menu-wrap.is-open .service-menu-trigger{
  color:#4450B2;
  background:transparent;
  border-color:transparent;
}
.service-menu-trigger:focus-visible{
  outline:none;
  outline:2px solid rgba(68,80,178,.12);
}
.service-chevron{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  transition:transform .16s ease;
}
.service-menu-wrap.is-open .service-chevron{
  transform:rotate(180deg);
}
.service-account-trigger{
  padding-right:6px;
}
.service-email{
  color:#202636;
  font-weight:650;
  letter-spacing:-.014em;
}
.service-menu-wrap.is-open .service-email,
.service-account-trigger:hover .service-email{
  color:#4450B2;
}
.service-account-trigger .avatar{
  width:24px;
  height:24px;
  flex:0 0 24px;
  background:#667085;
  font-size:9px;
}
.service-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  z-index:120;
  min-width:230px;
  padding:8px;
  border:1px solid #e3e8f1;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 42px rgba(15,23,42,.13),0 4px 12px rgba(15,23,42,.05);
  opacity:0;
  visibility:hidden;
  transform:translateY(-5px) scale(.99);
  transform-origin:100% 0;
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.service-menu-wrap.is-open .service-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
.support-dropdown{
  min-width:248px;
}
.service-dropdown a,
.service-dropdown button{
  width:100%;
  min-height:40px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#344054;
  padding:8px 10px;
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  text-align:left;
  cursor:pointer;
  font:550 13px/1.25 Onest,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.01em;
  transition:background .14s ease,color .14s ease;
}
.service-dropdown a:hover,
.service-dropdown button:hover{
  background:#f6f8fc;
  color:#4450B2;
}
.service-dropdown svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.service-dropdown .service-logout{
  margin-top:4px;
  padding-top:9px;
  border-top:1px solid #edf1f6;
  border-radius:0 0 8px 8px;
}
@media(max-width:1260px){
  .service-plan{display:none;}
}
@media(max-width:980px){
  .service-email{display:none;}
}
.service-email {
    color: #475467 !important;
    font-weight: 600 !important;
}
.service-support-menu {
    display: inline-flex !important;
}
.service-plan-subtle {
    color: #98A2B3 !important;
    font-weight: 500 !important;
    margin-left: 4px !important;
}
.profile-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #667085 !important;
}

.authpbtn:hover {
    color: rgba(255, 255, 255, .75) !important;
}