.elementor-4985 .elementor-element.elementor-element-46ca599{--display:flex;}.elementor-4985 .elementor-element.elementor-element-96cddf7{--spacer-size:150px;}.elementor-4985 .elementor-element.elementor-element-fcdeb59{--display:flex;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4985 .elementor-element.elementor-element-257fcf2{text-align:center;}.elementor-4985 .elementor-element.elementor-element-257fcf2 .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:3rem;font-weight:600;color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4985 .elementor-element.elementor-element-d978968 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4985 .elementor-element.elementor-element-d978968 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4985 .elementor-element.elementor-element-d978968{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4985 .elementor-element.elementor-element-d978968 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-4985 .elementor-element.elementor-element-d978968 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-text );}.elementor-widget-theme-post-excerpt{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-4985 .elementor-element.elementor-element-6e60e35{text-align:center;}.elementor-4985 .elementor-element.elementor-element-1c64597{--spacer-size:20px;}.elementor-4985 .elementor-element.elementor-element-3d8a93c{--display:flex;}.elementor-widget-theme-post-featured-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-4985 .elementor-element.elementor-element-675a862 img{width:100%;height:500px;object-fit:contain;object-position:center center;border-radius:20px 20px 20px 20px;}.elementor-4985 .elementor-element.elementor-element-76c1ec9{--display:flex;}.elementor-4985 .elementor-element.elementor-element-25bc68e{--spacer-size:50px;}.elementor-4985 .elementor-element.elementor-element-4e140fe{--display:flex;}.elementor-4985 .elementor-element.elementor-element-7eb2b94{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-widget-theme-post-content{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-4985 .elementor-element.elementor-element-40e043b{font-family:"NeueHaasGrotesk", Sans-serif;font-weight:400;letter-spacing:0.3px;}.elementor-4985 .elementor-element.elementor-element-eacb7ea{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-widget-post-navigation span.post-navigation__prev--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__next--label{color:var( --e-global-color-text );}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4985 .elementor-element.elementor-element-1113c2b span.post-navigation__prev--title, .elementor-4985 .elementor-element.elementor-element-1113c2b span.post-navigation__next--title{color:var( --e-global-color-primary );}.elementor-4985 .elementor-element.elementor-element-7d56f71{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4985 .elementor-element.elementor-element-58cff8d{text-align:center;}.elementor-4985 .elementor-element.elementor-element-58cff8d .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:3rem;font-weight:300;color:var( --e-global-color-text );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4985 .elementor-element.elementor-element-aaf1f8a{--grid-columns:4;--grid-row-gap:0px;--grid-column-gap:2rem;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4985 .elementor-element.elementor-element-e2c32c2 .elementor-button{background-color:#C0477600;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-4985 .elementor-element.elementor-element-e2c32c2.elementor-element{--align-self:center;}.elementor-4985 .elementor-element.elementor-element-e2c32c2 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(min-width:768px){.elementor-4985 .elementor-element.elementor-element-7d56f71{--content-width:1149px;}}@media(max-width:1024px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );} .elementor-4985 .elementor-element.elementor-element-7eb2b94{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;} .elementor-4985 .elementor-element.elementor-element-eacb7ea{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-4985 .elementor-element.elementor-element-aaf1f8a{--grid-columns:2;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-theme-post-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4985 .elementor-element.elementor-element-257fcf2 .elementor-heading-title{font-size:2rem;}.elementor-4985 .elementor-element.elementor-element-675a862 img{height:250px;}.elementor-4985 .elementor-element.elementor-element-25bc68e{--spacer-size:20px;} .elementor-4985 .elementor-element.elementor-element-7eb2b94{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;} .elementor-4985 .elementor-element.elementor-element-eacb7ea{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-widget-post-navigation span.post-navigation__prev--label, .elementor-widget-post-navigation span.post-navigation__next--label{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-post-navigation span.post-navigation__prev--title, .elementor-widget-post-navigation span.post-navigation__next--title{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-4985 .elementor-element.elementor-element-aaf1f8a{--grid-columns:1;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS */body.elementor-page::before{
  content:"";
  position: fixed; inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(40vmax 40vmax at 85% 30%, rgba(38,115,255,0.35), transparent 60%),
    radial-gradient(46vmax 46vmax at 70% 75%, rgba(34,68,173,0.30), transparent 65%),
    radial-gradient(36vmax 36vmax at 15% 60%, rgba(21,58,145,0.25), transparent 65%);
  background-repeat: no-repeat;
  background-size: 160% 160%;
  animation: bg-pan 22s ease-in-out infinite alternate;
  opacity: .85;
}
@keyframes bg-pan {
  0%   { background-position: 100% 50%, 120% 80%, 0% 60%; }
  100% { background-position: 0% 50%,   20%  40%, 80% 60%; }
}
@media (prefers-reduced-motion: reduce){
  body.elementor-page::before{ animation: none; }
}

:root {
    
    --card-radius: 20px; 
      --ds-pink:  #ff3cac;   /* pinkki */
  --ds-purple:#8b5cf6;   /* liila */
    
}

/* Pinkki/violetti häivytys-tausta */
.metric-card{
  position: relative;
  border-radius: var(--card-radius);
  padding: clamp(20px, 3.2vw, 28px);
  color: #fff;
  overflow: hidden;

  /* Tumma pohja + pehmeä liila→pinkki häivytys */
  background:
    radial-gradient(80% 120% at 90% 20%, rgba(236,72,153,0.25) 0%, rgba(236,72,153,0) 60%),
    radial-gradient(100% 150% at 20% 80%, rgba(126,58,242,0.25) 0%, rgba(126,58,242,0) 65%),
    linear-gradient(180deg, #0f1220 0%, #151a32 40%, #1b2b5a 100%);
}

/* Jos käytät samalla .ds-glow tai .outline-fade */
.metric-card.ds-glow,
.metric-card.outline-fade{
  border-radius: var(--card-radius) !important;
}
.metric-card.outline-fade::before{
  border-radius: inherit; /* myös gradienttireuna pyöristyy */
}

/* Elementor-rakenteet: leikkaa sisäisen wrapperin kulmat */
.metric-card > .elementor-widget-container,
.metric-card > .e-con-inner,
.metric-card > .elementor-widget-wrap{
  border-radius: inherit;
  overflow: hidden;
}


/* DigiSilta: paksumpi gradienttireuna kaikille sivuille */
.outline-fade{
  --r: 22px;           /* kulmat */
  --stroke: 2px;       /* reunan paksuus (kasvata esim. 3px, jos haluat lisää) */
  --violet: #7e3af2;   /* DigiSilta liila */
  --pink:   #ec4899;   /* DigiSilta pinkki */
  position: relative;
  border-radius: var(--r);
  
}

/* Reuna piirtyy pseudo-elementillä ja maskilla -> tasainen rengas joka kiertää kaikki sivut */
.outline-fade::before{
  content: "";
  position: absolute;
  inset: 0;
  padding: var(--stroke);            /* paksuus */
  border-radius: inherit;
  /* Liila → pinkki -häivytys taustana; maski leikkaa siitä vain “renkaan” */
  background: linear-gradient(90deg, var(--violet), var(--pink)) border-box;
  /* Näytä vain kehyksen rengas (ei täyttöä) */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;       /* Safari */
          mask-composite: exclude;   /* Chrome/Firefox/Edge */
  pointer-events: none;
}

/* Suunta pystyyn tarvittaessa */
/* .outline-fade::before{ background: linear-gradient(180deg, var(--c1), var(--c2), var(--c3), var(--c4)) border-box; } */


/* 2) Hehku – värikäs box-shadow DigiSilta-väreillä */
.ds-glow{
  border-radius: 22px; /* sama kuin yllä */
  /* tumma korttipinta näyttää hehkun parhaiten */

  box-shadow:
    0 0 0 0 rgba(0,0,0,0),                 /* placeholder */
    0 14px 36px rgba(126,58,242,.25),      /* liilan pehmeä hohde */
    0 0 42px 12px rgba(126,58,242,.35),    /* ulompi liila hehku */
    0 0 84px 24px rgba(236,72,153,.28);    /* pinkki “halo” */
}
.ds-glow:hover{
  box-shadow:
    0 16px 44px rgba(126,58,242,.30),
    0 0 50px 16px rgba(126,58,242,.40),
    0 0 100px 32px rgba(236,72,153,.32);
  transition: box-shadow .25s ease;
}


/* (Valinnainen) 3) Tumma, hienovarainen sisägradientti sisällölle */
.ds-card-solid{
  border-radius: 22px;
  background: linear-gradient(180deg,#0f1220 0%, #11172e 35%, #142a57 100%);
  color:#fff;
  /* Ei hairline-borderia, ei inset-viivaa */
  overflow: hidden;
}


/* Normaali otsikko (perusväri) */
.ds-hover-fade-title{
  transition: background .4s ease, -webkit-text-fill-color .4s ease;
  color: #ffffff; /* esim. valkoinen normaalitilassa */
}

/* Hoverissa gradienttiteksti */
.ds-hover-fade-title:hover,
.ds-hover-fade-title:focus-visible{
  background: linear-gradient(90deg, var(--ds-pink), var(--ds-purple));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'NeueHaasGrotesk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://digisilta.fi/wp-content/uploads/2025/07/NeueHaasDisplayBlack.ttf') format('truetype');
}
@font-face {
	font-family: 'NeueHaasGrotesk';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://digisilta.fi/wp-content/uploads/2025/07/NeueHaasDisplayBold.ttf') format('truetype');
}
@font-face {
	font-family: 'NeueHaasGrotesk';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://digisilta.fi/wp-content/uploads/2025/07/NeueHaasDisplayThin.ttf') format('truetype');
}
@font-face {
	font-family: 'NeueHaasGrotesk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://digisilta.fi/wp-content/uploads/2025/07/NeueHaasDisplayRoman.ttf') format('truetype');
}
/* End Custom Fonts CSS */