.elementor-5911 .elementor-element.elementor-element-635712cb{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5911 .elementor-element.elementor-element-635712cb:not(.elementor-motion-effects-element-type-background), .elementor-5911 .elementor-element.elementor-element-635712cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://akutechsolutions.com/wp-content/uploads/2026/04/Hero-kuva_1.14.1.jpg");background-size:cover;}.elementor-5911 .elementor-element.elementor-element-33515c11{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-5911 .elementor-element.elementor-element-5d014222{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-5911 .elementor-element.elementor-element-5d014222 .elementor-heading-title{font-family:"Satoshi", Sans-serif;font-size:80px;font-weight:300;color:#FFFFFF;}.elementor-5911 .elementor-element.elementor-element-6b1fe0c0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.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-5911 .elementor-element.elementor-element-59bd3aec{text-align:center;font-family:"Satoshi", Sans-serif;font-size:16px;font-weight:300;color:var( --e-global-color-secondary );}.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-5911 .elementor-element.elementor-element-23fbfd5e img{width:100px;border-radius:100px 100px 100px 100px;}.elementor-5911 .elementor-element.elementor-element-68932a0d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5911 .elementor-element.elementor-element-68932a0d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5911 .elementor-element.elementor-element-5432accd{--display:flex;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5911 .elementor-element.elementor-element-3e15471f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5911 .elementor-element.elementor-element-125bc3b7{z-index:1;}.elementor-5911 .elementor-element.elementor-element-39f31bf9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1366px){.elementor-5911 .elementor-element.elementor-element-635712cb{--min-height:100vh;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5911 .elementor-element.elementor-element-33515c11{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5911 .elementor-element.elementor-element-5d014222{--container-widget-width:40%;--container-widget-flex-grow:0;width:var( --container-widget-width, 40% );max-width:40%;}.elementor-5911 .elementor-element.elementor-element-5d014222 .elementor-heading-title{font-size:55px;}.elementor-5911 .elementor-element.elementor-element-6b1fe0c0{--justify-content:center;}.elementor-5911 .elementor-element.elementor-element-23fbfd5e img{width:50px;}.elementor-5911 .elementor-element.elementor-element-5432accd{--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5911 .elementor-element.elementor-element-5c3f0847 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5911 .elementor-element.elementor-element-3e15471f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-5911 .elementor-element.elementor-element-635712cb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5911 .elementor-element.elementor-element-33515c11{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5911 .elementor-element.elementor-element-5d014222{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-5911 .elementor-element.elementor-element-5d014222 .elementor-heading-title{font-size:30px;}.elementor-5911 .elementor-element.elementor-element-6b1fe0c0{--width:90%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5911 .elementor-element.elementor-element-59bd3aec{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;font-size:14px;}.elementor-5911 .elementor-element.elementor-element-59bd3aec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5911 .elementor-element.elementor-element-23fbfd5e img{width:50px;}.elementor-5911 .elementor-element.elementor-element-68932a0d{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5911 .elementor-element.elementor-element-5432accd{--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5911 .elementor-element.elementor-element-3e15471f{--width:100%;--min-height:75px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5911 .elementor-element.elementor-element-39f31bf9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-5911 .elementor-element.elementor-element-635712cb{--content-width:1366px;}.elementor-5911 .elementor-element.elementor-element-33515c11{--width:100%;}.elementor-5911 .elementor-element.elementor-element-6b1fe0c0{--width:35%;}.elementor-5911 .elementor-element.elementor-element-68932a0d{--width:100%;}.elementor-5911 .elementor-element.elementor-element-39f31bf9{--content-width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-5911 .elementor-element.elementor-element-6b1fe0c0{--width:50%;}.elementor-5911 .elementor-element.elementor-element-68932a0d{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-5c3f0847 */.elementor-5911 .elementor-element.elementor-element-5c3f0847 { --viivat-offset: 50px; }


@media (min-width: 1024px) {
  .elementor-5911 .elementor-element.elementor-element-5c3f0847 { --viivat-offset: -0px; }
}

@media (min-width: 1366px) {
  .elementor-5911 .elementor-element.elementor-element-5c3f0847 { --viivat-offset: -100px; }
}/* End custom CSS */
/* Start custom CSS */body {
    background-color: #000000;
    background-image: 
        /* 1. Maskaava gradientti - Erittäin sulava siirtymä */
        linear-gradient(
            90deg, 
            transparent 0%,
            rgba(0, 0, 0, 0) 5%,
            #000000 50%,
            #000000 60%,
            rgba(0, 0, 0, 0) 95%,
            transparent 100%
        ),
        /* 2. Ruudukko (vaakaviivat) */
        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        /* 3. Ruudukko (pystyviivat) */
        linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    
    background-size: 100% 100%, 60px 60px, 60px 60px;
    background-attachment: fixed;
    margin: 0;
    min-height: 100vh;
}

#moro{
    position: relative;
}
#lasiBanner {
    position: absolute;
    top:0;
    height: 100px;
    background: linear-gradient(
      135deg,
      rgba(0, 212, 180, 0.25) 0%,
      rgba(0, 212, 180, 0.10) 50%,
      rgba(0, 212, 180, 0.20) 100%
    );
    backdrop-filter: blur(4px) saturate(180%) brightness(1.1);
    -webkit-backdrop-filter: blur(18px) saturate(180%) brightness(1.05);
}

#lasiBanner::before,
#lasiBanner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
      90deg,
      rgba(0, 212, 180, 0) 0%,
      rgba(0, 212, 180, 0.35) 50%,
      rgba(0, 212, 180, 0) 100%
    );
    box-shadow: 0 0 4px 0.5px rgba(0, 212, 180, 0.25);
}

#lasiBanner::before {
    top: 0;
}

#lasiBanner::after {
    bottom: 0;
}

@media (max-width: 768px) {
    #lasiBanner {
         position: absolute;
    top:0;
        height: 100px;
        backdrop-filter: blur(1px) saturate(180%) brightness(1.1);
        -webkit-backdrop-filter: blur(1px) saturate(180%) brightness(1.05);
    }

    #lasiBanner::before,
    #lasiBanner::after {
        background: linear-gradient(
          90deg,
          rgba(0, 212, 180, 0) 0%,
          rgba(0, 212, 180, 0.25) 50%,
          rgba(0, 212, 180, 0) 100%
        );
        box-shadow: 0 0 3px 0.5px rgba(0, 212, 180, 0.15);
    }
}
    




 .lasi-kortti {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.10) 0%,
    rgba(255, 255, 255, 0.03) 50%,
    rgba(255, 255, 255, 0.06) 100%
  );
  backdrop-filter: blur(22px) saturate(130%) brightness(1.08);
  -webkit-backdrop-filter: blur(22px) saturate(130%) brightness(1.08);

  border-top-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  border-left-color: rgba(255, 255, 255, 0.25);
  border-right-color: rgba(255, 255, 255, 0.25);

  border-radius: 16px;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.12),
    0 2px 8px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    inset 0 -1px 0 rgba(255, 255, 255, 0.08),
    inset 1px 0 0 rgba(255, 255, 255, 0.25),
    inset -1px 0 0 rgba(255, 255, 255, 0.25);

  position: relative;
  overflow: visible;
  isolation: isolate;
}

.lasi-kortti::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    125deg,
    rgba(0, 212, 180, 0.12) 0%,
    rgba(255, 255, 255, 0.06) 20%,
    transparent 45%
  );
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}

.lasi-kortti::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    -55deg,
    rgba(0, 212, 180, 0.10) 0%,
    rgba(255, 255, 255, 0.05) 20%,
    transparent 45%
  );
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}

.lasi-kortti-korostettu {
  background: linear-gradient(
    135deg,
    rgba(0, 212, 180, 0.22) 0%,
    rgba(255, 255, 255, 0.06) 50%,
    rgba(0, 212, 180, 0.14) 100%
  );
  backdrop-filter: blur(18px) saturate(220%) brightness(1.05);
  -webkit-backdrop-filter: blur(18px) saturate(220%) brightness(1.05);

  border-top-color: rgba(255, 255, 255, 0.12);
  border-bottom-color: rgba(255, 255, 255, 0.12);
  border-left-color: rgba(0, 212, 180, 0.5);
  border-right-color: rgba(0, 212, 180, 0.5);

  border-radius: 16px;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.18),
    0 2px 8px rgba(0, 0, 0, 0.1),
    0 0 24px rgba(0, 212, 180, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 1px 0 0 rgba(0, 212, 180, 0.4),
    inset -1px 0 0 rgba(0, 212, 180, 0.4);

  position: relative;
  overflow: visible;
  isolation: isolate;
}

.lasi-kortti-korostettu::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    125deg,
    rgba(0, 212, 180, 0.55) 0%,
    rgba(0, 212, 180, 0.2) 30%,
    transparent 65%
  );
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}

.lasi-kortti-korostettu::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    -55deg,
    rgba(0, 212, 180, 0.55) 0%,
    rgba(0, 212, 180, 0.2) 30%,
    transparent 65%
  );
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}


/* HOHTAVA NAPPI */
.hohtava-nappi {
  overflow: visible !important;
}

.hohtava-nappi .elementor-button {
  box-shadow: 0 0 30px #21C8B8;
  position: relative;
  overflow: visible;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  will-change: transform, box-shadow;
}

.hohtava-nappi .elementor-button::before {
  content: '';
  position: absolute;
  inset: -8px;
  border-radius: inherit;
  background: radial-gradient(ellipse at center, #21C8B8 0%, transparent 70%);
  opacity: 0;
  filter: blur(18px);
  transform: scaleX(0.8) scaleY(0.6);
  transition: opacity 0.4s ease, transform 0.4s ease;
  z-index: -1;
  will-change: opacity, transform;
}

.hohtava-nappi .elementor-button::after {
  content: '';
  position: absolute;
  inset: -20px;
  border-radius: inherit;
  background: radial-gradient(ellipse at center, #00D4B4 0%, transparent 65%);
  opacity: 0;
  filter: blur(30px);
  transform: scaleX(0.6) scaleY(0.4);
  transition: opacity 0.5s ease 0.05s, transform 0.5s ease;
  z-index: -1;
  will-change: opacity, transform;
}

.hohtava-nappi .elementor-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 50px #21C8B8, 0 10px 40px rgba(33, 200, 184, 0.4);
}

.hohtava-nappi .elementor-button:hover::before {
  opacity: 0.6;
  transform: scaleX(1.1) scaleY(0.9);
}

.hohtava-nappi .elementor-button:hover::after {
  opacity: 0.35;
  transform: scaleX(1.2) scaleY(1);
}

.hohtava-nappi .elementor-button:not(:hover) {
  will-change: auto;
}

.hohtava-nappi .elementor-button:not(:hover)::before,
.hohtava-nappi .elementor-button:not(:hover)::after {
  will-change: auto;
}

/* LASI NAPPI */
.lasi-nappi .elementor-button {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(255, 255, 255, 0.05) 50%,
    rgba(255, 255, 255, 0.10) 100%
  );
  backdrop-filter: blur(18px) saturate(180%) brightness(1.05);
  -webkit-backdrop-filter: blur(18px) saturate(180%) brightness(1.05);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-bottom-color: rgba(255, 255, 255, 0.1);
  border-right-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.18),
    0 2px 8px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 1px 0 0 rgba(255, 255, 255, 0.35);
}

/* MOBILE OPTIMIZATION */
@media (max-width: 768px) {
  .hohtava-nappi .elementor-button::before {
    filter: blur(10px);
  }

  .hohtava-nappi .elementor-button::after {
    filter: blur(16px);
  }

  .lasi-nappi .elementor-button {
    backdrop-filter: blur(10px) saturate(160%);
    -webkit-backdrop-filter: blur(10px) saturate(160%);
  }
}

 .purppura-kortti {
    background: linear-gradient(
      135deg,
      rgba(0, 75, 70, 0.8) 0%,
      rgba(0, 40, 38, 0.85) 50%,
      rgba(0, 110, 100, 0.7) 100%
    );
    backdrop-filter: blur(50px) saturate(180%) brightness(0.35);
    -webkit-backdrop-filter: blur(50px) saturate(180%) brightness(0.35);
    border: 1px solid rgba(0, 210, 190, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    
    border-radius: 16px;
    
    box-shadow:
      0 20px 50px rgba(0, 0, 0, 0.8),
      0 0 30px rgba(0, 200, 180, 0.15),
      inset 0 2px 10px rgba(255, 255, 255, 0.1),
      inset 0 -2px 15px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.purppura-kortti::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        90deg, 
        transparent, 
        rgba(255, 255, 255, 0.2), 
        transparent
    );
    z-index: 2;
}


.purppura-kortti-tumma {
    background: linear-gradient(
      135deg,
      rgba(75, 0, 70, 0.8) 0%,
      rgba(40, 0, 38, 0.85) 50%,
      rgba(110, 0, 100, 0.7) 100%
    );
    backdrop-filter: blur(50px) saturate(180%) brightness(0.35);
    -webkit-backdrop-filter: blur(50px) saturate(180%) brightness(0.35);
    border: 1px solid rgba(210, 0, 190, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 1px solid rgba(255, 255, 255, 0.15);

    border-radius: 16px;

    box-shadow:
      0 20px 50px rgba(0, 0, 0, 0.8),
      0 0 30px rgba(200, 0, 180, 0.15),
      inset 0 2px 10px rgba(255, 255, 255, 0.1),
      inset 0 -2px 15px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.purppura-kortti-tumma::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    z-index: 2;
}

#kasvu {
    position: relative;
    border-radius: 16px;
    z-index: 5;
}

#kasvu::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: 17px;
    padding: 1px;
    background: conic-gradient(
        from var(--angle),
        transparent 0%,
        transparent 60%,
        rgba(0, 210, 190, 0.9) 75%,
        rgba(150, 255, 240, 1) 80%,
        rgba(0, 210, 190, 0.9) 85%,
        transparent 100%
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    animation: kierto 6s linear infinite;
    z-index: -1;
}

@property --angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@keyframes kierto {
    to {
        --angle: 360deg;
    }
}



.lasi-kortti-korostettu {
  background: linear-gradient(
    135deg,
    rgba(0, 212, 180, 0.22) 0%,
    rgba(255, 255, 255, 0.06) 50%,
    rgba(0, 212, 180, 0.14) 100%
  );
  backdrop-filter: blur(18px) saturate(220%) brightness(1.05);
  -webkit-backdrop-filter: blur(18px) saturate(220%) brightness(1.05);

  border-top-color: rgba(255, 255, 255, 0.12);
  border-bottom-color: rgba(255, 255, 255, 0.12);
  border-left-color: rgba(0, 212, 180, 0.5);
  border-right-color: rgba(0, 212, 180, 0.5);

  border-radius: 16px;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.18),
    0 2px 8px rgba(0, 0, 0, 0.1),
    0 0 24px rgba(0, 212, 180, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 1px 0 0 rgba(0, 212, 180, 0.4),
    inset -1px 0 0 rgba(0, 212, 180, 0.4);

  position: relative;
  overflow: visible;
  isolation: isolate;
}

.lasi-kortti-korostettu::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    125deg,
    rgba(0, 212, 180, 0.55) 0%,
    rgba(0, 212, 180, 0.2) 30%,
    transparent 65%
  );
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}

.lasi-kortti-korostettu::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    -55deg,
    rgba(0, 212, 180, 0.55) 0%,
    rgba(0, 212, 180, 0.2) 30%,
    transparent 65%
  );
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Satoshi';
	font-display: auto;
	src: url('https://akutechsolutions.com/wp-content/uploads/2026/03/Satoshi-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */