.elementor-3743 .elementor-element.elementor-element-3534e4d{--display:flex;--min-height:50vh;--justify-content:flex-end;--overlay-opacity:1;}.elementor-3743 .elementor-element.elementor-element-3534e4d::before, .elementor-3743 .elementor-element.elementor-element-3534e4d > .elementor-background-video-container::before, .elementor-3743 .elementor-element.elementor-element-3534e4d > .e-con-inner > .elementor-background-video-container::before, .elementor-3743 .elementor-element.elementor-element-3534e4d > .elementor-background-slideshow::before, .elementor-3743 .elementor-element.elementor-element-3534e4d > .e-con-inner > .elementor-background-slideshow::before, .elementor-3743 .elementor-element.elementor-element-3534e4d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010185 88%, var( --e-global-color-secondary ) 100%);}.elementor-3743 .elementor-element.elementor-element-3534e4d:not(.elementor-motion-effects-element-type-background), .elementor-3743 .elementor-element.elementor-element-3534e4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://digisilta.fi/wp-content/uploads/2025/08/videoframe_0-13-1.jpg") 50% 50%;background-size:cover;}.elementor-3743 .elementor-element.elementor-element-14fb2f0{--spacer-size:150px;}.elementor-3743 .elementor-element.elementor-element-be97eff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3743 .elementor-element.elementor-element-452f0da{--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-3743 .elementor-element.elementor-element-46a634f{text-align:start;}.elementor-3743 .elementor-element.elementor-element-46a634f .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:3rem;font-weight:400;color:var( --e-global-color-text );}.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-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-3743 .elementor-element.elementor-element-02988f6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3743 .elementor-element.elementor-element-02988f6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3743 .elementor-element.elementor-element-02988f6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3743 .elementor-element.elementor-element-02988f6 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3743 .elementor-element.elementor-element-73229fd{--spacer-size:50px;}.elementor-3743 .elementor-element.elementor-element-a09c2fa{--display:flex;}.elementor-3743 .elementor-element.elementor-element-a9eab0e{--spacer-size:50px;}.elementor-3743 .elementor-element.elementor-element-9f75bfe{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3743 .elementor-element.elementor-element-377d03f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-3743 .elementor-element.elementor-element-8ad2b3c{text-align:center;}.elementor-3743 .elementor-element.elementor-element-8ad2b3c img{width:80%;border-radius:20px 20px 20px 20px;}.elementor-3743 .elementor-element.elementor-element-8280e27{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3743 .elementor-element.elementor-element-29288a4 .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:2rem;font-weight:400;color:#FFFFFF;}.elementor-3743 .elementor-element.elementor-element-0143c75 .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:1.5rem;font-weight:400;color:#FFFFFF;}.elementor-3743 .elementor-element.elementor-element-34b90c3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3743 .elementor-element.elementor-element-34b90c3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3743 .elementor-element.elementor-element-34b90c3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3743 .elementor-element.elementor-element-34b90c3 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3743 .elementor-element.elementor-element-ed2327d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3743 .elementor-element.elementor-element-f1db231{text-align:center;}.elementor-3743 .elementor-element.elementor-element-f1db231 img{width:80%;border-radius:20px 20px 20px 20px;}.elementor-3743 .elementor-element.elementor-element-3ef1e4a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3743 .elementor-element.elementor-element-015fa1a .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:2rem;font-weight:400;color:#FFFFFF;}.elementor-3743 .elementor-element.elementor-element-3c0b678 .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:1.5rem;font-weight:400;color:#FFFFFF;}.elementor-3743 .elementor-element.elementor-element-268e8a0 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3743 .elementor-element.elementor-element-268e8a0 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3743 .elementor-element.elementor-element-268e8a0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3743 .elementor-element.elementor-element-268e8a0 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-3743 .elementor-element.elementor-element-458c42d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3743 .elementor-element.elementor-element-552a9f2{text-align:center;}.elementor-3743 .elementor-element.elementor-element-552a9f2 img{width:80%;border-radius:20px 20px 20px 20px;}.elementor-3743 .elementor-element.elementor-element-bea38f5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3743 .elementor-element.elementor-element-7a50cd2 .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:2rem;font-weight:400;color:#FFFFFF;}.elementor-3743 .elementor-element.elementor-element-26968dc .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:1.5rem;font-weight:400;color:#FFFFFF;}.elementor-3743 .elementor-element.elementor-element-0a66f67{--display:flex;}.elementor-3743 .elementor-element.elementor-element-8bdffb3{--spacer-size:50px;}.elementor-3743 .elementor-element.elementor-element-90c67fb{--display:flex;}.elementor-3743 .elementor-element.elementor-element-bdc372f{text-align:center;}.elementor-3743 .elementor-element.elementor-element-23838bd{--display:flex;}.elementor-3743 .elementor-element.elementor-element-b57bde0 .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:3rem;font-weight:400;color:#FFFFFF;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{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-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{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-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{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-3743 .elementor-element.elementor-element-5797136 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-3743 .elementor-element.elementor-element-5797136 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-3743 .elementor-element.elementor-element-5797136 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3743 .elementor-element.elementor-element-5797136 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3743 .elementor-element.elementor-element-5797136 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3743 .elementor-element.elementor-element-5797136 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3743 .elementor-element.elementor-element-5797136 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3743 .elementor-element.elementor-element-5797136 .elementor-field-type-html{padding-bottom:0px;}.elementor-3743 .elementor-element.elementor-element-5797136 .elementor-field-group .elementor-field{color:var( --e-global-color-secondary );}.elementor-3743 .elementor-element.elementor-element-5797136 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3743 .elementor-element.elementor-element-5797136 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3743 .elementor-element.elementor-element-5797136 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-3743 .elementor-element.elementor-element-5797136 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-3743 .elementor-element.elementor-element-5797136 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3743 .elementor-element.elementor-element-5797136 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3743 .elementor-element.elementor-element-5797136 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3743 .elementor-element.elementor-element-5797136 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3743 .elementor-element.elementor-element-5797136 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3743 .elementor-element.elementor-element-5797136 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3743 .elementor-element.elementor-element-5797136{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:768px){.elementor-3743 .elementor-element.elementor-element-be97eff{--content-width:1600px;}.elementor-3743 .elementor-element.elementor-element-452f0da{--width:50%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3743 .elementor-element.elementor-element-9f75bfe{--grid-auto-flow:row;}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3743 .elementor-element.elementor-element-9f75bfe{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-form .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{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; } /* 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; }/* 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 */