.elementor-25103 .elementor-element.elementor-element-16ae026{--display:flex;}.elementor-25103 .elementor-element.elementor-element-4250cda.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-25103 .elementor-element.elementor-element-8e1d3dc.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-25103 .elementor-element.elementor-element-8e1d3dc .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-25103 .elementor-element.elementor-element-e6a4a40{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-25103 .elementor-element.elementor-element-17e66be{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-25103 .elementor-element.elementor-element-1c96aac.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-25103 .elementor-element.elementor-element-8819070.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-25103 .elementor-element.elementor-element-8819070{text-align:justify;}.elementor-25103 .elementor-element.elementor-element-8819070 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;}.elementor-25103 .elementor-element.elementor-element-b71cb98{--display:flex;}.elementor-25103 .elementor-element.elementor-element-a5b3a0f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-25103 .elementor-element.elementor-element-0cf6988.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-25103 .elementor-element.elementor-element-0cf6988{text-align:justify;}.elementor-25103 .elementor-element.elementor-element-0cf6988 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;}.elementor-25103 .elementor-element.elementor-element-43273e7{--display:flex;}.elementor-25103 .elementor-element.elementor-element-c09e44d.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-25103 .elementor-element.elementor-element-f44acd1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-25103 .elementor-element.elementor-element-f44acd1{text-align:justify;}.elementor-25103 .elementor-element.elementor-element-f44acd1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;}.elementor-25103 .elementor-element.elementor-element-aa9006f{--display:flex;}.elementor-25103 .elementor-element.elementor-element-6f25135.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-25103 .elementor-element.elementor-element-e5c5d73.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-25103 .elementor-element.elementor-element-e5c5d73{text-align:justify;}.elementor-25103 .elementor-element.elementor-element-e5c5d73 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25103 .elementor-element.elementor-element-12524e6.xpro-widget-bg-overlay:before{transition:background 0.3s;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-25103 .elementor-element.elementor-element-e6a4a40{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-25103 .elementor-element.elementor-element-16ae026{--width:80%;}}@media(max-width:767px){.elementor-25103 .elementor-element.elementor-element-e6a4a40{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-4250cda *//* ===================================== */
/* ROOT */
/* ===================================== */

:root{

  /* COLORS */

  --color-primary:#00467e;
  --color-secondary:#ffffff;
  --color-accent:#d4af37;
  
  --color-bg:#f5f7fb;
  --color-text:#1f2937;
  --color-text-light:#4b5563;
  --color-border:#e5e7eb;

  /* TYPOGRAPHY */

  --text-h1:clamp(3rem,5vw,4.5rem);
  --text-h2:clamp(2rem,4vw,3rem);
  --text-h3:1.5rem;

  --text-body-large:1.25rem;
  --text-body:1rem;
  --text-small:.875rem;

  /* SPACING */

  --space-section:100px;
  --space-container:32px;

  --space-xl:48px;
  --space-lg:32px;
  --space-md:24px;
  --space-sm:16px;

  /* RADIUS */

  --radius-card:24px;
  --radius-button:18px;

  /* SHADOW */

  --shadow-soft:
    0 4px 24px rgba(0,0,0,.06);
}

/* ===================================== */
/* RESET */
/* ===================================== */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:
    Inter,
    Manrope,
    sans-serif;
  background:var(--color-bg);
  color:var(--color-text);
  line-height:1.7;
}

/* ===================================== */
/* GLOBAL TYPOGRAPHY */
/* ===================================== */

h1,h2,h3,h4{

  font-weight:700;

  line-height:1.1;

  letter-spacing:-0.03em;
}

h1{
  font-size:var(--text-h1);
}

h2{
  font-size:var(--text-h2);
}

h3{
  font-size:var(--text-h3);
}

p{
  font-size:var(--text-body-large);
  color:var(--color-text-light);
}

/* ===================================== */
/* CONTAINER */
/* ===================================== */

.container{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0 var(--space-container);
}

/* ===================================== */
/* BUTTONS */
/* ===================================== */

.btn,
.dashboard-btn,
.download-btn,
.footer-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:60px;
  padding:16px 32px;
  border-radius:var(--radius-button);
  background:var(--color-accent);
  color:var(--color-primary);
  text-decoration:none;
  font-weight:700;
  transition:.25s ease;
}

.btn:hover,
.dashboard-btn:hover,
.download-btn:hover,
.footer-cta-btn:hover{
  background:var(--color-accent);
  color:var(--color-primary);
  transform:translateY(-5px);
}

/* ===================================== */
/* HERO */
/* ===================================== */

.hero{
  background:var(--color-primary);
  padding:var(--space-container) 0;
  text-align:center;
  color:var(--color-secondary);
}

.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 20px;
  border-radius:999px;
  background:var(--color-accent);
  color:var(--color-primary);
  font-size:var(--text-small);
  font-weight:700;
  letter-spacing:.08em;
  margin-bottom:var(--space-lg);
}

.hero-title{
  max-width:1100px;
  margin:
    0 auto
    var(--space-lg);
  color:var(--color-secondary);
}

.hero-subtitle{
  max-width:900px;
  margin:
    0 auto
    var(--space-xl);
  color:var(--color-secondary);
}

.metrics{
  display:flex;
  justify-content:center;
  gap:120px;
  flex-wrap:wrap;
  margin-bottom:var(--space-xl);
}

.metric{
  text-align:center;
}

.metric-value{
  display:block;
  font-size:var(--text-h2);
  font-weight:700;
  color:var(--color-accent);
}

.metric-label{
  font-size:var(--text-body-large);
  color:var(--color-secondary);
}



/* ===================================== */
/* TRUST BAR */
/* ===================================== */

.trust-bar{
  padding:20px 0;
  background:var(--color-bg);
}

.trust-bar-inner{
  display:flex;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}

.trust-item{
  font-size:var(--text-body);
  font-weight:600;
  color:var(--color-text);
}



/* ===================================== */
/* WHY SECTION */
/* ===================================== */

.why-section{
  padding:var(--space-section) 0;
  background:var(--color-secondary);
}

.why-layout{
  display:flex;
  align-items:center;
  gap:48px;
  flex-wrap:wrap;
}

.why-text{
  flex:1 1 55%;    
  color:var(--color-text);
}

.why-card-column{
  flex:1 1 35%;
}

.highlight-card{
  padding:40px;
  border-radius:var(--radius-card);
  background:var(--color-primary);
  color:var(--color-secondary);
  box-shadow:var(--shadow-soft);
}

.highlight-stat{
  display:block;
  font-size:var(--text-h2);
  font-weight:700;
  color:var(--color-accent);
  margin-bottom:var(--space-sm);
}

.highlight-text{
  font-size:var(--text-body-large);
  color:var(--color-secondary);
}



/* ===================================== */
/* METHODOLOGY */
/* ===================================== */

.methodology{
  padding:var(--space-section) 0;
  background:var(--color-bg);
}

.methodology-steps{
  display:grid;
  grid-template-columns:
    repeat(auto-fit,minmax(200px,1fr));
  gap:var(--space-lg);
  margin-top:var(--space-xl);
}

.step{
  padding:32px;
  border-radius:var(--radius-card);
  background:var(--color-bg);
  text-align:center;
}

.step-number{
  font-size:var(--text-body-large);
  width:48px;
  height:48px;
  margin:
    0 auto
    var(--space-md);
  border-radius:50%;
  background:var(--color-accent);
  color:var(--color-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}

/* ===================================== */
/* DOWNLOADS */
/* ===================================== */

.downloads{
  background:var(--color-secondary);
  padding:var(--space-section) 0;
}

.downloads-inner{
  text-align:center;
}

.download-buttons{
  display:flex;
  justify-content:center;
  gap:72px;  
  flex-wrap:wrap;
  margin-top:var(--space-xl);
}

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



/* ===================================== */
/* KEY INSIGHTS */
/* ===================================== */

.key-insights{
    background:var(--color-bg);
    padding:var(--space-section) 0;
}

.insights-grid{
  display:grid;
  grid-template-columns:
    repeat(auto-fit,minmax(260px,1fr));
  gap:var(--space-lg);
  margin-top:var(--space-xl);
}

.insight-card{
  padding:32px;
  border-radius:var(--radius-card);
  background:var(--color-secondary);
  box-shadow:var(--shadow-soft);
}

/* ===================================== */
/* DASHBOARD */
/* ===================================== */

.interactive-dashboard{
  padding:var(--space-section) 0;
  background:var(--color-secondary);
}

.dashboard-layout{
  display:flex;
  align-items:center;
  gap:64px;
  flex-wrap:wrap;
}

.dashboard-text{
  flex:1 1 60%;
}

.dashboard-action{
  flex:1 1 30%;
  display:flex;
  justify-content:flex-end;
}

.dashboard-card{
  width:100%;
  max-width:340px;
  padding:40px;
  border-radius:var(--radius-card);
  background:var(--color-bg);
  box-shadow:var(--shadow-soft);
  text-align:center;
}

.dashboard-label{
  display:block;
  margin-bottom:var(--space-md);
  font-size:var(--text-small);
  font-weight:700;
  letter-spacing:.08em;
}

/* ===================================== */
/* DATA COVERAGE */
/* ===================================== */

.data-coverage{
  background:var(--color-bg);
  padding:var(--space-section) 0;
}

.coverage-list{
    list-style:none;
    margin-top:var(--space-xl);
}

.coverage-list li{
    display:grid;
    grid-template-columns:110px 1fr;
    gap:24px;
    align-items:start;
    margin-bottom:var(--space-md);
    font-size:var(--text-body-large);
}

/* left column */
.coverage-label{
    font-weight:700;
    color:var(--color-text);
    font-size:var(--text-body-large);
}

/* right column */
.coverage-value{
    color:var(--color-text);
    font-size:var(--text-body-large);
    line-height:1.6;
}



/* ===================================== */
/* FOOTER CTA */
/* ===================================== */

.footer-cta{
  padding:var(--space-container) 0;
  background:var(--color-primary);
  text-align:center;
}

.footer-cta-inner{
  max-width:900px;
  margin:0 auto;
}

.footer-cta-title{
  color:var(--color-secondary);
  margin-bottom:var(--space-md);
}

.footer-cta-text{
  color:var(--color-secondary);
  margin-bottom:var(--space-xl);
}

/* ===================================== */
/* MOBILE */
/* ===================================== */

@media(max-width:768px){

  .hero{
    padding:80px 0;
  }

  .metrics{
    gap:32px;
  }

  .hero-cta{
    flex-direction:column;
  }

  .why-layout,
  .dashboard-layout{

    flex-direction:column;
  }

  .dashboard-action{

    justify-content:flex-start;
  }

  .download-buttons{

    flex-direction:column;
  }

  .download-btn{

    width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17e66be *//* прибираємо underline */
.elementor-25103 .elementor-element.elementor-element-17e66be a,
.elementor-25103 .elementor-element.elementor-element-17e66be a:hover,
.elementor-25103 .elementor-element.elementor-element-17e66be a:focus,
.elementor-25103 .elementor-element.elementor-element-17e66be a:visited {
    text-decoration: none;
    border: none;
    box-shadow: none;
}

/* твій hover */
.elementor-25103 .elementor-element.elementor-element-17e66be {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.elementor-25103 .elementor-element.elementor-element-17e66be img {
    transition: transform 0.5s ease;
}

.elementor-25103 .elementor-element.elementor-element-17e66be:hover img {
    transform: scale(1.05);
}

.elementor-25103 .elementor-element.elementor-element-17e66be::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0);
    transition: background 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.elementor-25103 .elementor-element.elementor-element-17e66be:hover::after {
    background: rgba(0,0,0,0.2);
}

.elementor-25103 .elementor-element.elementor-element-17e66be .elementor-widget,
.elementor-25103 .elementor-element.elementor-element-17e66be .elementor-heading-title {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b71cb98 *//* прибираємо underline */
.elementor-25103 .elementor-element.elementor-element-b71cb98 a,
.elementor-25103 .elementor-element.elementor-element-b71cb98 a:hover,
.elementor-25103 .elementor-element.elementor-element-b71cb98 a:focus,
.elementor-25103 .elementor-element.elementor-element-b71cb98 a:visited {
    text-decoration: none;
    border: none;
    box-shadow: none;
}

/* твій hover */
.elementor-25103 .elementor-element.elementor-element-b71cb98 {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.elementor-25103 .elementor-element.elementor-element-b71cb98 img {
    transition: transform 0.5s ease;
}

.elementor-25103 .elementor-element.elementor-element-b71cb98:hover img {
    transform: scale(1.05);
}

.elementor-25103 .elementor-element.elementor-element-b71cb98::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0);
    transition: background 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.elementor-25103 .elementor-element.elementor-element-b71cb98:hover::after {
    background: rgba(0,0,0,0.2);
}

.elementor-25103 .elementor-element.elementor-element-b71cb98 .elementor-widget,
.elementor-25103 .elementor-element.elementor-element-b71cb98 .elementor-heading-title {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43273e7 *//* прибираємо underline */
.elementor-25103 .elementor-element.elementor-element-43273e7 a,
.elementor-25103 .elementor-element.elementor-element-43273e7 a:hover,
.elementor-25103 .elementor-element.elementor-element-43273e7 a:focus,
.elementor-25103 .elementor-element.elementor-element-43273e7 a:visited {
    text-decoration: none;
    border: none;
    box-shadow: none;
}

/* твій hover */
.elementor-25103 .elementor-element.elementor-element-43273e7 {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.elementor-25103 .elementor-element.elementor-element-43273e7 img {
    transition: transform 0.5s ease;
}

.elementor-25103 .elementor-element.elementor-element-43273e7:hover img {
    transform: scale(1.05);
}

.elementor-25103 .elementor-element.elementor-element-43273e7::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0);
    transition: background 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.elementor-25103 .elementor-element.elementor-element-43273e7:hover::after {
    background: rgba(0,0,0,0.2);
}

.elementor-25103 .elementor-element.elementor-element-43273e7 .elementor-widget,
.elementor-25103 .elementor-element.elementor-element-43273e7 .elementor-heading-title {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa9006f *//* прибираємо underline */
.elementor-25103 .elementor-element.elementor-element-aa9006f a,
.elementor-25103 .elementor-element.elementor-element-aa9006f a:hover,
.elementor-25103 .elementor-element.elementor-element-aa9006f a:focus,
.elementor-25103 .elementor-element.elementor-element-aa9006f a:visited {
    text-decoration: none;
    border: none;
    box-shadow: none;
}

/* твій hover */
.elementor-25103 .elementor-element.elementor-element-aa9006f {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.elementor-25103 .elementor-element.elementor-element-aa9006f img {
    transition: transform 0.5s ease;
}

.elementor-25103 .elementor-element.elementor-element-aa9006f:hover img {
    transform: scale(1.05);
}

.elementor-25103 .elementor-element.elementor-element-aa9006f::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0);
    transition: background 0.4s ease;
    z-index: 1;
    pointer-events: none;
}

.elementor-25103 .elementor-element.elementor-element-aa9006f:hover::after {
    background: rgba(0,0,0,0.2);
}

.elementor-25103 .elementor-element.elementor-element-aa9006f .elementor-widget,
.elementor-25103 .elementor-element.elementor-element-aa9006f .elementor-heading-title {
    position: relative;
    z-index: 2;
}/* End custom CSS */