.elementor-5822 .elementor-element.elementor-element-f89a180{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5822 .elementor-element.elementor-element-3a83538{--display:flex;--min-height:100vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.25;--border-radius:0px 0px 0px 0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-5822 .elementor-element.elementor-element-3a83538::before, .elementor-5822 .elementor-element.elementor-element-3a83538 > .elementor-background-video-container::before, .elementor-5822 .elementor-element.elementor-element-3a83538 > .e-con-inner > .elementor-background-video-container::before, .elementor-5822 .elementor-element.elementor-element-3a83538 > .elementor-background-slideshow::before, .elementor-5822 .elementor-element.elementor-element-3a83538 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5822 .elementor-element.elementor-element-3a83538 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-88ea806 );--background-overlay:'';}.elementor-5822 .elementor-element.elementor-element-3a83538:not(.elementor-motion-effects-element-type-background), .elementor-5822 .elementor-element.elementor-element-3a83538 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://digisilta.fi/wp-content/uploads/2025/08/videoframe_0-8.png") 50% 50%;background-size:cover;}.elementor-5822 .elementor-element.elementor-element-8f4ede0{--display:flex;--padding-top:3rem;--padding-bottom:3rem;--padding-left:3rem;--padding-right:3rem;--z-index:9;}.elementor-5822 .elementor-element.elementor-element-9107116{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5822 .elementor-element.elementor-element-c497f26{--spacer-size:150px;}.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-5822 .elementor-element.elementor-element-7a26f68{width:initial;max-width:initial;padding:5px 010px 5px 10px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-5822 .elementor-element.elementor-element-7a26f68.elementor-element{--align-self:center;}.elementor-5822 .elementor-element.elementor-element-7a26f68 .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:1rem;font-weight:400;color:#FFFFFF;}.elementor-5822 .elementor-element.elementor-element-eeccef7{text-align:center;}.elementor-5822 .elementor-element.elementor-element-eeccef7 .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:5rem;font-weight:100;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-5822 .elementor-element.elementor-element-9a0f447{text-align:center;font-family:"NeueHaasGrotesk", Sans-serif;font-weight:400;}.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-5822 .elementor-element.elementor-element-c456f65 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-5822 .elementor-element.elementor-element-c456f65 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-5822 .elementor-element.elementor-element-c456f65{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5822 .elementor-element.elementor-element-c456f65 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-5822 .elementor-element.elementor-element-5ff0c4a{--spacer-size:50px;}.elementor-5822 .elementor-element.elementor-element-3c030db{--display:flex;}.elementor-5822 .elementor-element.elementor-element-3c030db.e-con{--align-self:center;}.elementor-5822 .elementor-element.elementor-element-e9d377c{--display:flex;}.elementor-5822 .elementor-element.elementor-element-451b889{text-align:start;}.elementor-5822 .elementor-element.elementor-element-451b889 .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-5822 .elementor-element.elementor-element-2c30f30 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-field-type-html{padding-bottom:0px;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-field-group .elementor-field{color:var( --e-global-color-secondary );}.elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-button[type="submit"]{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-5822 .elementor-element.elementor-element-2c30f30 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5822 .elementor-element.elementor-element-2c30f30{--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;}.elementor-5822 .elementor-element.elementor-element-8b36425{--spacer-size:50px;}.elementor-5822 .elementor-element.elementor-element-d25074e{text-align:center;}.elementor-5822 .elementor-element.elementor-element-d25074e .elementor-heading-title{font-family:"NeueHaasGrotesk", Sans-serif;font-size:2rem;font-weight:300;color:#FFFFFF;}.elementor-5822 .elementor-element.elementor-element-9b96d98{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5822 .elementor-element.elementor-element-9b96d98.e-con{--align-self:center;}.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-5822 .elementor-element.elementor-element-75c336e .elementor-button{background-color:#C0477600;border-radius:20px 20px 20px 20px;}.elementor-5822 .elementor-element.elementor-element-85bd968 .elementor-button{background-color:#C0477600;border-radius:20px 20px 20px 20px;}.elementor-5822 .elementor-element.elementor-element-8a26634 .elementor-button{background-color:#C0477600;border-radius:20px 20px 20px 20px;}.elementor-5822 .elementor-element.elementor-element-ffa1c56 .elementor-button{background-color:#C0477600;border-radius:20px 20px 20px 20px;}.elementor-5822 .elementor-element.elementor-element-d3eeb8c .elementor-button{background-color:#C0477600;border-radius:20px 20px 20px 20px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.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 );}.elementor-5822 .elementor-element.elementor-element-9b96d98{--grid-auto-flow:row;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-5822 .elementor-element.elementor-element-3a83538{--border-radius:0px 0px 0px 0px;}.elementor-5822 .elementor-element.elementor-element-8f4ede0{--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-5822 .elementor-element.elementor-element-7a26f68.elementor-element{--align-self:flex-start;}.elementor-5822 .elementor-element.elementor-element-7a26f68{text-align:start;}.elementor-5822 .elementor-element.elementor-element-eeccef7{text-align:start;}.elementor-5822 .elementor-element.elementor-element-eeccef7 .elementor-heading-title{font-size:2rem;}.elementor-5822 .elementor-element.elementor-element-9a0f447{text-align:start;}.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 );}.elementor-5822 .elementor-element.elementor-element-9b96d98{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-5822 .elementor-element.elementor-element-8f4ede0{--content-width:1600px;}.elementor-5822 .elementor-element.elementor-element-3c030db{--width:50%;}.elementor-5822 .elementor-element.elementor-element-9b96d98{--width:70%;}}/* 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 */