{"id":37,"date":"2026-09-14T14:56:44","date_gmt":"2026-09-14T14:56:44","guid":{"rendered":"https:\/\/elektran.ee\/?page_id=37"},"modified":"2026-09-15T18:17:58","modified_gmt":"2026-09-15T18:17:58","slug":"elektran","status":"publish","type":"page","link":"https:\/\/elektran.ee\/","title":{"rendered":"Elektran"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37\" class=\"elementor elementor-37\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dffd436 e-con e-atomic-element e-flexbox-base e-e7921b3 \" data-id=\"dffd436\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dffd436\">\n    \t\t<div class=\"elementor-element elementor-element-6eff632 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"6eff632\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"elx-site\" id=\"avaleht\">\n\n  <style>\n    \n\n    .elx-site {\n      --elx-dark: #0c0f0e;\n      --elx-dark-soft: #151918;\n      --elx-cream: #f3f0e8;\n      --elx-cream-dark: #e8e3d8;\n      --elx-white: #ffffff;\n      --elx-text: #171a19;\n      --elx-muted: #686d69;\n      --elx-yellow: #f5be32;\n      --elx-yellow-light: #ffdb74;\n      --elx-orange: #e9812c;\n      --elx-line: rgba(15, 18, 17, 0.12);\n      --elx-radius: 28px;\n      --elx-shadow: 0 24px 70px rgba(8, 12, 10, 0.14);\n\n      position: relative;\n      isolation: isolate;\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      overflow: hidden;\n      background: var(--elx-cream);\n      color: var(--elx-text);\n      font-family: Inter, Manrope, system-ui, -apple-system, BlinkMacSystemFont,\n        \"Segoe UI\", sans-serif;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .elx-site,\n    .elx-site *,\n    .elx-site *::before,\n    .elx-site *::after {\n      box-sizing: border-box;\n    }\n\n    .elx-site img {\n      display: block;\n      max-width: 100%;\n    }\n\n    .elx-site a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    .elx-site button {\n      font: inherit;\n    }\n\n    .elx-site h1,\n    .elx-site h2,\n    .elx-site h3,\n    .elx-site p {\n      padding: 0;\n      margin: 0;\n      color: inherit;\n      font-family: inherit;\n    }\n\n    .elx-site section {\n      scroll-margin-top: 115px;\n    }\n\n    .elx-container {\n      width: min(calc(100% - 40px), 1200px);\n      margin: 0 auto;\n    }\n\n    .elx-section {\n      position: relative;\n      padding: 112px 0;\n    }\n\n    .elx-section-head {\n      display: grid;\n      grid-template-columns: minmax(0, 0.78fr) minmax(280px, 0.42fr);\n      align-items: end;\n      gap: 60px;\n      margin-bottom: 58px;\n    }\n\n    .elx-section-label,\n    .elx-eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      width: fit-content;\n      margin-bottom: 20px;\n      font-size: 12px;\n      line-height: 1;\n      font-weight: 800;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n    }\n\n    .elx-section-label::before,\n    .elx-eyebrow::before {\n      width: 25px;\n      height: 2px;\n      content: \"\";\n      border-radius: 20px;\n      background: var(--elx-yellow);\n      box-shadow: 0 0 16px rgba(245, 190, 50, 0.6);\n    }\n\n    .elx-title {\n      max-width: 820px;\n      font-size: clamp(38px, 5vw, 66px);\n      line-height: 0.98;\n      font-weight: 800;\n      letter-spacing: -0.055em;\n    }\n\n    .elx-lead {\n      max-width: 600px;\n      font-size: 17px;\n      line-height: 1.75;\n      color: var(--elx-muted);\n    }\n\n    .elx-button {\n      display: inline-flex;\n      min-height: 54px;\n      align-items: center;\n      justify-content: center;\n      gap: 11px;\n      padding: 0 24px;\n      border: 1px solid transparent;\n      border-radius: 999px;\n      font-size: 14px;\n      font-weight: 800;\n      letter-spacing: -0.01em;\n      cursor: pointer;\n      transition:\n        transform 0.25s ease,\n        background 0.25s ease,\n        border-color 0.25s ease,\n        color 0.25s ease,\n        box-shadow 0.25s ease;\n    }\n\n    .elx-button:hover {\n      transform: translateY(-3px);\n    }\n\n    .elx-button--primary {\n      color: var(--elx-dark);\n      background: var(--elx-yellow);\n      box-shadow: 0 14px 35px rgba(245, 190, 50, 0.18);\n    }\n\n    .elx-button--primary:hover {\n      color: var(--elx-dark);\n      background: var(--elx-yellow-light);\n      box-shadow: 0 18px 45px rgba(245, 190, 50, 0.26);\n    }\n\n    .elx-button--ghost {\n      color: var(--elx-white);\n      border-color: rgba(255, 255, 255, 0.19);\n      background: rgba(255, 255, 255, 0.06);\n      backdrop-filter: blur(12px);\n    }\n\n    .elx-button--ghost:hover {\n      color: var(--elx-white);\n      border-color: rgba(255, 255, 255, 0.4);\n      background: rgba(255, 255, 255, 0.11);\n    }\n\n    .elx-button svg {\n      width: 18px;\n      height: 18px;\n      transition: transform 0.25s ease;\n    }\n\n    .elx-button:hover svg {\n      transform: translateX(3px);\n    }\n\n    \/* HEADER *\/\n\n    .elx-header {\n      position: fixed;\n      z-index: 99999;\n      top: 18px;\n      right: 0;\n      left: 0;\n      pointer-events: none;\n    }\n\n    .elx-header-shell {\n      display: flex;\n      width: min(calc(100% - 34px), 1200px);\n      min-height: 72px;\n      align-items: center;\n      justify-content: space-between;\n      gap: 26px;\n      margin: 0 auto;\n      padding: 9px 10px 9px 18px;\n      border: 1px solid rgba(255, 255, 255, 0.14);\n      border-radius: 999px;\n      background: rgba(12, 15, 14, 0.68);\n      box-shadow: 0 12px 45px rgba(0, 0, 0, 0.16);\n      backdrop-filter: blur(20px) saturate(140%);\n      pointer-events: auto;\n      transition:\n        min-height 0.3s ease,\n        background 0.3s ease,\n        box-shadow 0.3s ease;\n    }\n\n    .elx-header.is-scrolled .elx-header-shell {\n      min-height: 64px;\n      background: rgba(12, 15, 14, 0.92);\n      box-shadow: 0 16px 50px rgba(0, 0, 0, 0.24);\n    }\n\n    .elx-logo {\n      display: inline-flex;\n      flex-shrink: 0;\n      align-items: center;\n      gap: 11px;\n      color: var(--elx-white) !important;\n    }\n\n    .elx-logo-mark {\n      position: relative;\n      display: grid;\n      width: 42px;\n      height: 42px;\n      place-items: center;\n      overflow: hidden;\n      border-radius: 50%;\n      color: var(--elx-dark);\n      background: var(--elx-yellow);\n      box-shadow: 0 0 25px rgba(245, 190, 50, 0.22);\n    }\n\n    .elx-logo-mark::after {\n      position: absolute;\n      width: 45px;\n      height: 10px;\n      content: \"\";\n      transform: rotate(-38deg) translateY(-18px);\n      background: rgba(255, 255, 255, 0.34);\n    }\n\n    .elx-logo-mark svg {\n      position: relative;\n      z-index: 1;\n      width: 22px;\n      height: 22px;\n    }\n\n    .elx-logo-text {\n      font-size: 19px;\n      line-height: 1;\n      font-weight: 900;\n      letter-spacing: 0.11em;\n    }\n\n    .elx-nav {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n    }\n\n    .elx-nav a {\n      position: relative;\n      padding: 12px 14px;\n      border-radius: 999px;\n      color: rgba(255, 255, 255, 0.7);\n      font-size: 13px;\n      font-weight: 700;\n      transition:\n        color 0.25s ease,\n        background 0.25s ease;\n    }\n\n    .elx-nav a:hover,\n    .elx-nav a.is-active {\n      color: var(--elx-white);\n      background: rgba(255, 255, 255, 0.08);\n    }\n\n    .elx-header-cta {\n      min-height: 50px;\n      padding: 0 21px;\n    }\n\n    .elx-menu-button {\n      display: none;\n      width: 50px;\n      height: 50px;\n      align-items: center;\n      justify-content: center;\n      padding: 0;\n      border: 0;\n      border-radius: 50%;\n      color: var(--elx-white);\n      background: rgba(255, 255, 255, 0.09);\n      cursor: pointer;\n    }\n\n    .elx-menu-button-lines {\n      position: relative;\n      width: 21px;\n      height: 14px;\n    }\n\n    .elx-menu-button-lines span {\n      position: absolute;\n      left: 0;\n      display: block;\n      width: 21px;\n      height: 2px;\n      border-radius: 10px;\n      background: currentColor;\n      transition:\n        top 0.25s ease,\n        transform 0.25s ease,\n        opacity 0.2s ease;\n    }\n\n    .elx-menu-button-lines span:first-child {\n      top: 1px;\n    }\n\n    .elx-menu-button-lines span:nth-child(2) {\n      top: 7px;\n    }\n\n    .elx-menu-button-lines span:last-child {\n      top: 13px;\n    }\n\n    .elx-menu-button.is-open span:first-child {\n      top: 7px;\n      transform: rotate(45deg);\n    }\n\n    .elx-menu-button.is-open span:nth-child(2) {\n      opacity: 0;\n    }\n\n    .elx-menu-button.is-open span:last-child {\n      top: 7px;\n      transform: rotate(-45deg);\n    }\n\n    .elx-mobile-menu {\n      position: fixed;\n      z-index: 99990;\n      inset: 0;\n      display: flex;\n      align-items: flex-start;\n      justify-content: center;\n      padding: 108px 17px 24px;\n      visibility: hidden;\n      opacity: 0;\n      background: rgba(6, 8, 7, 0.82);\n      backdrop-filter: blur(18px);\n      pointer-events: none;\n      transition:\n        opacity 0.3s ease,\n        visibility 0.3s ease;\n    }\n\n    .elx-mobile-menu.is-open {\n      visibility: visible;\n      opacity: 1;\n      pointer-events: auto;\n    }\n\n    .elx-mobile-menu-inner {\n      width: min(100%, 520px);\n      padding: 32px;\n      border: 1px solid rgba(255, 255, 255, 0.13);\n      border-radius: 28px;\n      background: var(--elx-dark-soft);\n      box-shadow: 0 30px 100px rgba(0, 0, 0, 0.36);\n      transform: translateY(-16px);\n      transition: transform 0.35s ease;\n    }\n\n    .elx-mobile-menu.is-open .elx-mobile-menu-inner {\n      transform: translateY(0);\n    }\n\n    .elx-mobile-nav {\n      display: grid;\n      gap: 4px;\n      margin-bottom: 26px;\n    }\n\n    .elx-mobile-nav a {\n      padding: 14px 4px;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.09);\n      color: var(--elx-white);\n      font-size: 26px;\n      line-height: 1.15;\n      font-weight: 750;\n      letter-spacing: -0.04em;\n    }\n\n    .elx-mobile-menu .elx-button {\n      width: 100%;\n    }\n\n    html.elx-menu-open,\n    html.elx-menu-open body {\n      overflow: hidden;\n    }\n\n    \/* HERO *\/\n\n    .elx-hero {\n      position: relative;\n      display: flex;\n      min-height: 100svh;\n      align-items: center;\n      overflow: hidden;\n      padding: 145px 0 88px;\n      color: var(--elx-white);\n      background:\n        radial-gradient(circle at 80% 30%, rgba(245, 190, 50, 0.13), transparent 26%),\n        radial-gradient(circle at 15% 85%, rgba(233, 129, 44, 0.09), transparent 28%),\n        var(--elx-dark);\n    }\n\n    .elx-hero::before {\n      position: absolute;\n      inset: 0;\n      content: \"\";\n      opacity: 0.11;\n      background-image:\n        linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, transparent 1px);\n      background-size: 72px 72px;\n      mask-image: linear-gradient(to bottom, black, transparent 88%);\n    }\n\n    .elx-hero-glow {\n      position: absolute;\n      right: -140px;\n      bottom: -180px;\n      width: 520px;\n      height: 520px;\n      border: 1px solid rgba(245, 190, 50, 0.15);\n      border-radius: 50%;\n      box-shadow:\n        0 0 0 70px rgba(245, 190, 50, 0.025),\n        0 0 0 140px rgba(245, 190, 50, 0.018);\n    }\n\n    .elx-hero-grid {\n      position: relative;\n      z-index: 2;\n      display: grid;\n      grid-template-columns: minmax(0, 1.03fr) minmax(400px, 0.79fr);\n      align-items: center;\n      gap: clamp(45px, 7vw, 96px);\n    }\n\n    .elx-hero-copy {\n      max-width: 720px;\n    }\n\n    .elx-eyebrow {\n      color: var(--elx-yellow-light);\n    }\n\n    .elx-hero h1 {\n      max-width: 780px;\n      margin-bottom: 28px;\n      font-size: clamp(50px, 7.2vw, 96px);\n      line-height: 0.91;\n      font-weight: 850;\n      letter-spacing: -0.068em;\n    }\n\n    .elx-hero h1 span {\n      color: var(--elx-yellow);\n    }\n\n    .elx-hero-copy > p {\n      max-width: 610px;\n      color: rgba(255, 255, 255, 0.69);\n      font-size: clamp(17px, 1.5vw, 20px);\n      line-height: 1.7;\n    }\n\n    .elx-hero-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 37px;\n    }\n\n    .elx-hero-points {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 20px 30px;\n      margin-top: 42px;\n    }\n\n    .elx-hero-point {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      color: rgba(255, 255, 255, 0.73);\n      font-size: 13px;\n      font-weight: 650;\n    }\n\n    .elx-hero-point span {\n      display: grid;\n      width: 22px;\n      height: 22px;\n      flex: 0 0 22px;\n      place-items: center;\n      border-radius: 50%;\n      color: var(--elx-dark);\n      background: var(--elx-yellow);\n    }\n\n    .elx-hero-point svg {\n      width: 12px;\n      height: 12px;\n    }\n\n    .elx-hero-media {\n      position: relative;\n      min-height: 610px;\n    }\n\n    .elx-hero-image {\n      position: absolute;\n      inset: 0 0 28px 0;\n      overflow: hidden;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 34px;\n      background: #202422;\n      box-shadow: 0 35px 100px rgba(0, 0, 0, 0.34);\n    }\n\n    .elx-hero-image::after {\n      position: absolute;\n      inset: 0;\n      content: \"\";\n      background:\n        linear-gradient(to top, rgba(7, 9, 8, 0.58), transparent 45%),\n        linear-gradient(135deg, rgba(245, 190, 50, 0.1), transparent 40%);\n      pointer-events: none;\n    }\n\n    .elx-hero-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      object-position: center;\n      filter: saturate(0.78) contrast(1.08);\n      transition: transform 1.2s cubic-bezier(0.2, 0.75, 0.3, 1);\n    }\n\n    .elx-hero-media:hover .elx-hero-image img {\n      transform: scale(1.035);\n    }\n\n    .elx-image-label {\n      position: absolute;\n      z-index: 3;\n      right: -18px;\n      bottom: 0;\n      display: flex;\n      max-width: 285px;\n      align-items: center;\n      gap: 15px;\n      padding: 18px 20px;\n      border: 1px solid rgba(255, 255, 255, 0.15);\n      border-radius: 20px;\n      color: var(--elx-white);\n      background: rgba(21, 25, 24, 0.88);\n      box-shadow: 0 22px 55px rgba(0, 0, 0, 0.25);\n      backdrop-filter: blur(16px);\n    }\n\n    .elx-image-label-icon {\n      display: grid;\n      width: 46px;\n      height: 46px;\n      flex: 0 0 46px;\n      place-items: center;\n      border-radius: 15px;\n      color: var(--elx-dark);\n      background: var(--elx-yellow);\n    }\n\n    .elx-image-label-icon svg {\n      width: 23px;\n      height: 23px;\n    }\n\n    .elx-image-label strong {\n      display: block;\n      margin-bottom: 4px;\n      font-size: 14px;\n    }\n\n    .elx-image-label small {\n      display: block;\n      color: rgba(255, 255, 255, 0.55);\n      font-size: 11px;\n      line-height: 1.4;\n    }\n\n    \/* TRUST STRIP *\/\n\n    .elx-trust {\n      position: relative;\n      z-index: 5;\n      margin-top: -1px;\n      color: var(--elx-white);\n      background: var(--elx-dark);\n    }\n\n    .elx-trust-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      overflow: hidden;\n      border-top: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .elx-trust-item {\n      display: flex;\n      min-height: 112px;\n      align-items: center;\n      gap: 17px;\n      padding: 26px 34px;\n      border-right: 1px solid rgba(255, 255, 255, 0.1);\n    }\n\n    .elx-trust-item:last-child {\n      border-right: 0;\n    }\n\n    .elx-trust-number {\n      font-size: 34px;\n      line-height: 1;\n      font-weight: 850;\n      letter-spacing: -0.05em;\n      color: var(--elx-yellow);\n    }\n\n    .elx-trust-item strong {\n      display: block;\n      margin-bottom: 3px;\n      font-size: 14px;\n    }\n\n    .elx-trust-item p {\n      color: rgba(255, 255, 255, 0.5);\n      font-size: 12px;\n      line-height: 1.45;\n    }\n\n    \/* ABOUT *\/\n\n    .elx-about {\n      background:\n        radial-gradient(circle at 8% 90%, rgba(245, 190, 50, 0.13), transparent 23%),\n        var(--elx-cream);\n    }\n\n    .elx-about-grid {\n      display: grid;\n      grid-template-columns: minmax(360px, 0.86fr) minmax(0, 1fr);\n      align-items: center;\n      gap: clamp(55px, 8vw, 110px);\n    }\n\n    .elx-about-media {\n      position: relative;\n      min-height: 590px;\n    }\n\n    .elx-about-image {\n      position: absolute;\n      inset: 0 45px 52px 0;\n      overflow: hidden;\n      border-radius: var(--elx-radius);\n      box-shadow: var(--elx-shadow);\n    }\n\n    .elx-about-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      filter: saturate(0.84);\n    }\n\n    .elx-about-card {\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      width: min(280px, 72%);\n      padding: 28px;\n      border-radius: 24px;\n      color: var(--elx-white);\n      background: var(--elx-dark);\n      box-shadow: 0 25px 60px rgba(0, 0, 0, 0.22);\n    }\n\n    .elx-about-card svg {\n      width: 34px;\n      height: 34px;\n      margin-bottom: 24px;\n      color: var(--elx-yellow);\n    }\n\n    .elx-about-card strong {\n      display: block;\n      margin-bottom: 8px;\n      font-size: 22px;\n      line-height: 1.15;\n      letter-spacing: -0.04em;\n    }\n\n    .elx-about-card p {\n      color: rgba(255, 255, 255, 0.58);\n      font-size: 13px;\n      line-height: 1.6;\n    }\n\n    .elx-about-content .elx-title {\n      margin-bottom: 28px;\n    }\n\n    .elx-about-content .elx-lead + .elx-lead {\n      margin-top: 16px;\n    }\n\n    .elx-check-list {\n      display: grid;\n      gap: 14px;\n      margin-top: 34px;\n    }\n\n    .elx-check {\n      display: flex;\n      align-items: center;\n      gap: 13px;\n      font-size: 15px;\n      font-weight: 750;\n    }\n\n    .elx-check-icon {\n      display: grid;\n      width: 30px;\n      height: 30px;\n      flex: 0 0 30px;\n      place-items: center;\n      border-radius: 50%;\n      color: var(--elx-dark);\n      background: var(--elx-yellow);\n    }\n\n    .elx-check-icon svg {\n      width: 15px;\n      height: 15px;\n    }\n\n    \/* SERVICES *\/\n\n    .elx-services {\n      background: var(--elx-white);\n    }\n\n    .elx-services-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 16px;\n    }\n\n    .elx-service-card {\n      position: relative;\n      min-height: 345px;\n      overflow: hidden;\n      padding: 34px;\n      border: 1px solid var(--elx-line);\n      border-radius: 24px;\n      background: #faf9f5;\n      transition:\n        transform 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease,\n        background 0.35s ease;\n    }\n\n    .elx-service-card::after {\n      position: absolute;\n      right: -55px;\n      bottom: -70px;\n      width: 160px;\n      height: 160px;\n      content: \"\";\n      border: 1px solid rgba(245, 190, 50, 0.34);\n      border-radius: 50%;\n      opacity: 0;\n      transition:\n        opacity 0.35s ease,\n        transform 0.5s ease;\n    }\n\n    .elx-service-card:hover {\n      z-index: 2;\n      transform: translateY(-8px);\n      border-color: rgba(245, 190, 50, 0.48);\n      background: var(--elx-white);\n      box-shadow: 0 25px 60px rgba(20, 25, 22, 0.1);\n    }\n\n    .elx-service-card:hover::after {\n      opacity: 1;\n      transform: scale(1.15);\n    }\n\n    .elx-service-top {\n      display: flex;\n      align-items: flex-start;\n      justify-content: space-between;\n      gap: 20px;\n      margin-bottom: 68px;\n    }\n\n    .elx-service-icon {\n      display: grid;\n      width: 58px;\n      height: 58px;\n      place-items: center;\n      border: 1px solid rgba(15, 18, 17, 0.08);\n      border-radius: 18px;\n      color: var(--elx-dark);\n      background: var(--elx-yellow);\n      box-shadow: 0 12px 30px rgba(245, 190, 50, 0.16);\n    }\n\n    .elx-service-icon svg {\n      width: 28px;\n      height: 28px;\n    }\n\n    .elx-service-index {\n      color: rgba(15, 18, 17, 0.24);\n      font-size: 12px;\n      font-weight: 850;\n      letter-spacing: 0.12em;\n    }\n\n    .elx-service-card h3 {\n      margin-bottom: 14px;\n      font-size: 24px;\n      line-height: 1.1;\n      font-weight: 800;\n      letter-spacing: -0.045em;\n    }\n\n    .elx-service-card p {\n      max-width: 330px;\n      color: var(--elx-muted);\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    \/* PROCESS *\/\n\n    .elx-process-wrap {\n      margin-top: 72px;\n      overflow: hidden;\n      border-radius: var(--elx-radius);\n      color: var(--elx-white);\n      background:\n        linear-gradient(115deg, rgba(245, 190, 50, 0.08), transparent 40%),\n        var(--elx-dark);\n    }\n\n    .elx-process-head {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 30px;\n      padding: 40px 42px 28px;\n    }\n\n    .elx-process-head h3 {\n      font-size: clamp(28px, 4vw, 44px);\n      font-weight: 800;\n      letter-spacing: -0.05em;\n    }\n\n    .elx-process-head p {\n      max-width: 410px;\n      color: rgba(255, 255, 255, 0.55);\n      font-size: 14px;\n      line-height: 1.65;\n    }\n\n    .elx-process-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      border-top: 1px solid rgba(255, 255, 255, 0.11);\n    }\n\n    .elx-process-item {\n      min-height: 230px;\n      padding: 34px 42px;\n      border-right: 1px solid rgba(255, 255, 255, 0.11);\n    }\n\n    .elx-process-item:last-child {\n      border-right: 0;\n    }\n\n    .elx-process-number {\n      display: grid;\n      width: 38px;\n      height: 38px;\n      margin-bottom: 38px;\n      place-items: center;\n      border-radius: 50%;\n      color: var(--elx-dark);\n      background: var(--elx-yellow);\n      font-size: 12px;\n      font-weight: 900;\n    }\n\n    .elx-process-item h3 {\n      margin-bottom: 10px;\n      font-size: 19px;\n      font-weight: 800;\n    }\n\n    .elx-process-item p {\n      color: rgba(255, 255, 255, 0.53);\n      font-size: 13px;\n      line-height: 1.65;\n    }\n\n    \/* SOLUTIONS \/ IMAGES *\/\n\n    .elx-solutions {\n      color: var(--elx-white);\n      background: var(--elx-dark);\n    }\n\n    .elx-solutions .elx-lead {\n      color: rgba(255, 255, 255, 0.58);\n    }\n\n    .elx-solutions-grid {\n      display: grid;\n      grid-template-columns: 1.3fr 0.7fr;\n      grid-template-rows: repeat(2, 320px);\n      gap: 16px;\n    }\n\n    .elx-solution-card {\n      position: relative;\n      overflow: hidden;\n      border: 1px solid rgba(255, 255, 255, 0.09);\n      border-radius: 25px;\n      background: var(--elx-dark-soft);\n    }\n\n    .elx-solution-card:first-child {\n      grid-row: 1 \/ 3;\n    }\n\n    .elx-solution-card img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      filter: saturate(0.72) contrast(1.06);\n      transition: transform 0.7s cubic-bezier(0.2, 0.75, 0.3, 1);\n    }\n\n    .elx-solution-card:hover img {\n      transform: scale(1.045);\n    }\n\n    .elx-solution-card::after {\n      position: absolute;\n      inset: 0;\n      content: \"\";\n      background: linear-gradient(to top, rgba(7, 9, 8, 0.92), transparent 68%);\n    }\n\n    .elx-solution-info {\n      position: absolute;\n      z-index: 2;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      display: flex;\n      align-items: flex-end;\n      justify-content: space-between;\n      gap: 20px;\n      padding: 30px;\n    }\n\n    .elx-solution-info small {\n      display: block;\n      margin-bottom: 8px;\n      color: var(--elx-yellow);\n      font-size: 10px;\n      font-weight: 850;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n    }\n\n    .elx-solution-info h3 {\n      font-size: clamp(21px, 3vw, 31px);\n      font-weight: 800;\n      letter-spacing: -0.045em;\n    }\n\n    .elx-solution-arrow {\n      display: grid;\n      width: 45px;\n      height: 45px;\n      flex: 0 0 45px;\n      place-items: center;\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      border-radius: 50%;\n      backdrop-filter: blur(10px);\n    }\n\n    .elx-solution-arrow svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    \/* PRICING *\/\n\n    .elx-pricing {\n      background:\n        radial-gradient(circle at 90% 5%, rgba(245, 190, 50, 0.14), transparent 24%),\n        var(--elx-cream);\n    }\n\n    .elx-price-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 15px;\n    }\n\n    .elx-price-card {\n      position: relative;\n      display: flex;\n      min-height: 310px;\n      flex-direction: column;\n      padding: 30px;\n      border: 1px solid var(--elx-line);\n      border-radius: 23px;\n      background: rgba(255, 255, 255, 0.7);\n      transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n    }\n\n    .elx-price-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 22px 55px rgba(20, 25, 22, 0.1);\n    }\n\n    .elx-price-card--featured {\n      color: var(--elx-white);\n      border-color: var(--elx-dark);\n      background: var(--elx-dark);\n      box-shadow: 0 25px 65px rgba(12, 15, 14, 0.2);\n    }\n\n    .elx-price-badge {\n      width: fit-content;\n      margin-bottom: 48px;\n      padding: 7px 11px;\n      border-radius: 999px;\n      color: var(--elx-muted);\n      background: rgba(15, 18, 17, 0.06);\n      font-size: 10px;\n      font-weight: 850;\n      letter-spacing: 0.11em;\n      text-transform: uppercase;\n    }\n\n    .elx-price-card--featured .elx-price-badge {\n      color: var(--elx-dark);\n      background: var(--elx-yellow);\n    }\n\n    .elx-price-card h3 {\n      margin-bottom: 13px;\n      font-size: 20px;\n      font-weight: 800;\n      letter-spacing: -0.035em;\n    }\n\n    .elx-price {\n      margin-bottom: 17px;\n      font-size: 38px;\n      line-height: 1;\n      font-weight: 850;\n      letter-spacing: -0.06em;\n    }\n\n    .elx-price small {\n      font-size: 13px;\n      font-weight: 700;\n      letter-spacing: 0;\n      color: var(--elx-muted);\n    }\n\n    .elx-price-card--featured .elx-price small {\n      color: rgba(255, 255, 255, 0.48);\n    }\n\n    .elx-price-card p {\n      margin-top: auto;\n      color: var(--elx-muted);\n      font-size: 13px;\n      line-height: 1.62;\n    }\n\n    .elx-price-card--featured p {\n      color: rgba(255, 255, 255, 0.56);\n    }\n\n    .elx-price-note {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      margin-top: 25px;\n      color: var(--elx-muted);\n      font-size: 12px;\n      line-height: 1.6;\n    }\n\n    .elx-price-note svg {\n      width: 18px;\n      height: 18px;\n      flex: 0 0 18px;\n      margin-top: 1px;\n      color: var(--elx-orange);\n    }\n\n    \/* CONTACT *\/\n\n    .elx-contact {\n      padding-top: 0;\n      background: var(--elx-cream);\n    }\n\n    .elx-contact-shell {\n      position: relative;\n      overflow: hidden;\n      padding: clamp(45px, 7vw, 85px);\n      border-radius: 34px;\n      color: var(--elx-white);\n      background:\n        radial-gradient(circle at 100% 0, rgba(245, 190, 50, 0.2), transparent 32%),\n        linear-gradient(135deg, #101412, #090b0a);\n      box-shadow: var(--elx-shadow);\n    }\n\n    .elx-contact-shell::before {\n      position: absolute;\n      top: -130px;\n      right: -70px;\n      width: 390px;\n      height: 390px;\n      content: \"\";\n      border: 1px solid rgba(245, 190, 50, 0.18);\n      border-radius: 50%;\n      box-shadow:\n        0 0 0 55px rgba(245, 190, 50, 0.025),\n        0 0 0 110px rgba(245, 190, 50, 0.015);\n    }\n\n    .elx-contact-grid {\n      position: relative;\n      z-index: 2;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) minmax(340px, 0.68fr);\n      align-items: center;\n      gap: 70px;\n    }\n\n    .elx-contact-copy h2 {\n      max-width: 680px;\n      margin-bottom: 23px;\n      font-size: clamp(42px, 6vw, 76px);\n      line-height: 0.96;\n      font-weight: 850;\n      letter-spacing: -0.065em;\n    }\n\n    .elx-contact-copy h2 span {\n      color: var(--elx-yellow);\n    }\n\n    .elx-contact-copy > p {\n      max-width: 570px;\n      color: rgba(255, 255, 255, 0.59);\n      font-size: 16px;\n      line-height: 1.7;\n    }\n\n    .elx-contact-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-top: 32px;\n    }\n\n    .elx-contact-list {\n      display: grid;\n      overflow: hidden;\n      border: 1px solid rgba(255, 255, 255, 0.12);\n      border-radius: 24px;\n      background: rgba(255, 255, 255, 0.055);\n      backdrop-filter: blur(15px);\n    }\n\n    .elx-contact-item {\n      display: grid;\n      grid-template-columns: 46px 1fr;\n      align-items: center;\n      gap: 15px;\n      padding: 22px;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n      transition: background 0.25s ease;\n    }\n\n    .elx-contact-item:last-child {\n      border-bottom: 0;\n    }\n\n    a.elx-contact-item:hover {\n      color: var(--elx-white);\n      background: rgba(255, 255, 255, 0.07);\n    }\n\n    .elx-contact-icon {\n      display: grid;\n      width: 46px;\n      height: 46px;\n      place-items: center;\n      border-radius: 15px;\n      color: var(--elx-dark);\n      background: var(--elx-yellow);\n    }\n\n    .elx-contact-icon svg {\n      width: 21px;\n      height: 21px;\n    }\n\n    .elx-contact-item small {\n      display: block;\n      margin-bottom: 4px;\n      color: rgba(255, 255, 255, 0.42);\n      font-size: 10px;\n      font-weight: 800;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .elx-contact-item strong {\n      display: block;\n      font-size: 15px;\n      line-height: 1.35;\n    }\n\n    \/* FOOTER *\/\n\n    .elx-footer {\n      position: relative;\n      overflow: hidden;\n      padding: 88px 0 28px;\n      color: var(--elx-white);\n      background: #070908;\n    }\n\n    .elx-footer-spark {\n      position: absolute;\n      top: 50%;\n      right: 7%;\n      width: min(420px, 42vw);\n      color: var(--elx-yellow);\n      opacity: 0.055;\n      transform: translateY(-50%) rotate(8deg);\n      pointer-events: none;\n    }\n\n    .elx-footer-spark svg {\n      width: 100%;\n      height: auto;\n    }\n\n    .elx-footer-grid {\n      position: relative;\n      z-index: 2;\n      display: grid;\n      grid-template-columns: 1fr 0.42fr 0.42fr;\n      gap: 70px;\n      padding-bottom: 70px;\n    }\n\n    .elx-footer-brand .elx-logo {\n      margin-bottom: 26px;\n    }\n\n    .elx-footer-brand > p {\n      max-width: 450px;\n      color: rgba(255, 255, 255, 0.48);\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    .elx-footer-column h3 {\n      margin-bottom: 22px;\n      color: rgba(255, 255, 255, 0.38);\n      font-size: 10px;\n      font-weight: 850;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n    }\n\n    .elx-footer-links {\n      display: grid;\n      gap: 12px;\n    }\n\n    .elx-footer-links a {\n      width: fit-content;\n      color: rgba(255, 255, 255, 0.74);\n      font-size: 14px;\n      transition:\n        color 0.25s ease,\n        transform 0.25s ease;\n    }\n\n    .elx-footer-links a:hover {\n      color: var(--elx-yellow);\n      transform: translateX(4px);\n    }\n\n    .elx-footer-bottom {\n      position: relative;\n      z-index: 2;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 25px;\n      padding-top: 26px;\n      border-top: 1px solid rgba(255, 255, 255, 0.09);\n      color: rgba(255, 255, 255, 0.34);\n      font-size: 11px;\n    }\n\n    .elx-footer-bottom a {\n      color: rgba(255, 255, 255, 0.48);\n      transition: color 0.25s ease;\n    }\n\n    .elx-footer-bottom a:hover {\n      color: var(--elx-yellow);\n    }\n\n    \/* REVEAL ANIMATION *\/\n\n    .elx-site.elx-js [data-reveal] {\n      opacity: 0;\n      transform: translateY(24px);\n      transition:\n        opacity 0.75s ease,\n        transform 0.75s cubic-bezier(0.2, 0.75, 0.3, 1);\n      transition-delay: var(--elx-delay, 0ms);\n    }\n\n    .elx-site.elx-js [data-reveal].is-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* RESPONSIVE *\/\n\n    @media (max-width: 1020px) {\n      .elx-nav,\n      .elx-header-cta {\n        display: none;\n      }\n\n      .elx-menu-button {\n        display: inline-flex;\n      }\n\n      .elx-hero-grid {\n        grid-template-columns: 1fr 0.78fr;\n        gap: 40px;\n      }\n\n      .elx-hero-media {\n        min-height: 540px;\n      }\n\n      .elx-services-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n\n      .elx-price-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 820px) {\n      .elx-section {\n        padding: 84px 0;\n      }\n\n      .elx-section-head {\n        grid-template-columns: 1fr;\n        gap: 22px;\n        margin-bottom: 40px;\n      }\n\n      .elx-hero {\n        min-height: auto;\n        padding-top: 128px;\n      }\n\n      .elx-hero-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .elx-hero-copy {\n        max-width: 680px;\n      }\n\n      .elx-hero-media {\n        min-height: 560px;\n      }\n\n      .elx-about-grid {\n        grid-template-columns: 1fr;\n        gap: 55px;\n      }\n\n      .elx-about-media {\n        min-height: 560px;\n      }\n\n      .elx-about-content {\n        max-width: 700px;\n      }\n\n      .elx-trust-item {\n        padding: 24px 20px;\n      }\n\n      .elx-process-head {\n        display: grid;\n      }\n\n      .elx-process-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .elx-process-item {\n        min-height: 0;\n        border-right: 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.11);\n      }\n\n      .elx-process-item:last-child {\n        border-bottom: 0;\n      }\n\n      .elx-solutions-grid {\n        grid-template-columns: 1fr 1fr;\n        grid-template-rows: 500px 290px;\n      }\n\n      .elx-solution-card:first-child {\n        grid-column: 1 \/ 3;\n        grid-row: auto;\n      }\n\n      .elx-contact-grid {\n        grid-template-columns: 1fr;\n        gap: 45px;\n      }\n\n      .elx-footer-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n\n      .elx-footer-brand {\n        grid-column: 1 \/ 3;\n      }\n    }\n\n    @media (max-width: 620px) {\n      .elx-container {\n        width: min(calc(100% - 28px), 1200px);\n      }\n\n      .elx-header {\n        top: 10px;\n      }\n\n      .elx-header-shell {\n        width: calc(100% - 20px);\n        min-height: 64px;\n        padding: 7px 7px 7px 14px;\n      }\n\n      .elx-logo-mark {\n        width: 40px;\n        height: 40px;\n      }\n\n      .elx-logo-text {\n        font-size: 17px;\n      }\n\n      .elx-hero {\n        padding: 112px 0 65px;\n      }\n\n      .elx-hero h1 {\n        font-size: clamp(47px, 14vw, 68px);\n      }\n\n      .elx-hero-copy > p {\n        font-size: 16px;\n      }\n\n      .elx-hero-actions {\n        display: grid;\n      }\n\n      .elx-hero-actions .elx-button {\n        width: 100%;\n      }\n\n      .elx-hero-points {\n        display: grid;\n        gap: 13px;\n      }\n\n      .elx-hero-media {\n        min-height: 470px;\n      }\n\n      .elx-hero-image {\n        right: 0;\n        bottom: 42px;\n      }\n\n      .elx-image-label {\n        right: 10px;\n        left: 10px;\n        max-width: none;\n      }\n\n      .elx-trust-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .elx-trust-item {\n        min-height: 92px;\n        border-right: 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n      }\n\n      .elx-trust-item:last-child {\n        border-bottom: 0;\n      }\n\n      .elx-about-media {\n        min-height: 480px;\n      }\n\n      .elx-about-image {\n        right: 24px;\n        bottom: 70px;\n      }\n\n      .elx-about-card {\n        width: min(270px, 85%);\n        padding: 23px;\n      }\n\n      .elx-services-grid,\n      .elx-price-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .elx-service-card {\n        min-height: 310px;\n        padding: 28px;\n      }\n\n      .elx-service-top {\n        margin-bottom: 54px;\n      }\n\n      .elx-process-head {\n        padding: 32px 27px 24px;\n      }\n\n      .elx-process-item {\n        padding: 30px 27px;\n      }\n\n      .elx-solutions-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        grid-template-rows: none;\n      }\n\n      .elx-solution-card,\n      .elx-solution-card:first-child {\n        grid-column: auto;\n        min-height: 330px;\n      }\n\n      .elx-contact-shell {\n        padding: 42px 22px;\n        border-radius: 26px;\n      }\n\n      .elx-contact-actions {\n        display: grid;\n      }\n\n      .elx-contact-actions .elx-button {\n        width: 100%;\n      }\n\n      .elx-footer {\n        padding-top: 70px;\n      }\n\n      .elx-footer-grid {\n        grid-template-columns: 1fr;\n        gap: 42px;\n      }\n\n      .elx-footer-brand {\n        grid-column: auto;\n      }\n\n      .elx-footer-bottom {\n        align-items: flex-start;\n        flex-direction: column;\n      }\n\n      .elx-footer-spark {\n        right: -60px;\n        width: 340px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      html {\n        scroll-behavior: auto !important;\n      }\n\n      .elx-site *,\n      .elx-site *::before,\n      .elx-site *::after {\n        scroll-behavior: auto !important;\n        transition-duration: 0.01ms !important;\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n      }\n    }\n  <\/style>\n\n  <!-- HEADER -->\n  <header class=\"elx-header\" id=\"elx-header\">\n    <div class=\"elx-header-shell\">\n\n      <a class=\"elx-logo\" href=\"#avaleht\" aria-label=\"Elektran avaleht\">\n        <span class=\"elx-logo-mark\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <path d=\"M13.6 2.5 5.8 13h5.4l-.8 8.5L18.3 10h-5.2l.5-7.5Z\"\n              fill=\"currentColor\"\/>\n          <\/svg>\n        <\/span>\n        <span class=\"elx-logo-text\">ELEKTRAN<\/span>\n      <\/a>\n\n      <nav class=\"elx-nav\" aria-label=\"Peamen\u00fc\u00fc\">\n        <a href=\"#avaleht\">Esileht<\/a>\n        <a href=\"#meist\">Meist<\/a>\n        <a href=\"#teenused\">Teenused<\/a>\n        <a href=\"#lahendused\">Lahendused<\/a>\n        <a href=\"#hinnakiri\">Hinnakiri<\/a>\n        <a href=\"#kontakt\">Kontakt<\/a>\n      <\/nav>\n\n      <a class=\"elx-button elx-button--primary elx-header-cta\" href=\"#kontakt\">\n        K\u00fcsi pakkumist\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n          <path d=\"m9 5 7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\"\n            stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/a>\n\n      <button class=\"elx-menu-button\" type=\"button\"\n        aria-label=\"Ava men\u00fc\u00fc\" aria-expanded=\"false\">\n        <span class=\"elx-menu-button-lines\" aria-hidden=\"true\">\n          <span><\/span><span><\/span><span><\/span>\n        <\/span>\n      <\/button>\n\n    <\/div>\n  <\/header>\n\n  <!-- MOBILE MENU -->\n  <div class=\"elx-mobile-menu\" aria-hidden=\"true\">\n    <div class=\"elx-mobile-menu-inner\">\n      <nav class=\"elx-mobile-nav\" aria-label=\"Mobiilimen\u00fc\u00fc\">\n        <a href=\"#avaleht\">Esileht<\/a>\n        <a href=\"#meist\">Meist<\/a>\n        <a href=\"#teenused\">Teenused<\/a>\n        <a href=\"#lahendused\">Lahendused<\/a>\n        <a href=\"#hinnakiri\">Hinnakiri<\/a>\n        <a href=\"#kontakt\">Kontakt<\/a>\n      <\/nav>\n\n      <a class=\"elx-button elx-button--primary\" href=\"#kontakt\">\n        K\u00fcsi pakkumist\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <main>\n\n    <!-- HERO -->\n    <section class=\"elx-hero\">\n      <div class=\"elx-hero-glow\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"elx-container elx-hero-grid\">\n\n        <div class=\"elx-hero-copy\">\n          <div class=\"elx-eyebrow\" data-reveal>\n            Elektrit\u00f6\u00f6d kodudele ja ettev\u00f5tetele\n          <\/div>\n\n          <h1 data-reveal style=\"--elx-delay: 80ms;\">\n            Kindel vool.<br>\n            Puhas t\u00f6\u00f6.<br>\n            <span>Rahulik meel.<\/span>\n          <\/h1>\n\n          <p data-reveal style=\"--elx-delay: 150ms;\">\n            Elektran pakub l\u00e4bim\u00f5eldud elektrilahendusi alates v\u00e4ikestest\n            parandust\u00f6\u00f6dest kuni terviklike elektripaigaldiste ja kilbit\u00f6\u00f6deni.\n          <\/p>\n\n          <div class=\"elx-hero-actions\" data-reveal style=\"--elx-delay: 220ms;\">\n            <a class=\"elx-button elx-button--primary\" href=\"#kontakt\">\n              K\u00fcsi hinnapakkumist\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                <path d=\"m9 5 7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/a>\n\n            <a class=\"elx-button elx-button--ghost\" href=\"#teenused\">\n              Vaata teenuseid\n            <\/a>\n          <\/div>\n\n          <div class=\"elx-hero-points\" data-reveal style=\"--elx-delay: 290ms;\">\n            <div class=\"elx-hero-point\">\n              <span>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"m6 12 4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2.4\"\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n              Selge kokkulepe\n            <\/div>\n\n            <div class=\"elx-hero-point\">\n              <span>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"m6 12 4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2.4\"\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n              Korralik teostus\n            <\/div>\n\n            <div class=\"elx-hero-point\">\n              <span>\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"m6 12 4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2.4\"\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n              Ohutus ennek\u00f5ike\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"elx-hero-media\" data-reveal style=\"--elx-delay: 160ms;\">\n          <div class=\"elx-hero-image\">\n            <img decoding=\"async\"\n              src=\"https:\/\/images.unsplash.com\/photo-1544724569-5f546fd6f2b5?auto=format&fit=crop&w=1600&q=86\"\n              alt=\"Elektrikilbi komponendid ja korrastatud juhtmestik\"\n              loading=\"eager\"\n              fetchpriority=\"high\">\n          <\/div>\n\n          <div class=\"elx-image-label\">\n            <span class=\"elx-image-label-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M13.6 2.5 5.8 13h5.4l-.8 8.5L18.3 10h-5.2l.5-7.5Z\"\n                  fill=\"currentColor\"\/>\n              <\/svg>\n            <\/span>\n            <span>\n              <strong>Elektrilahendus algusest l\u00f5puni<\/strong>\n              <small>Planeerimine \u00b7 Paigaldus \u00b7 Kontroll<\/small>\n            <\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- TRUST STRIP -->\n    <div class=\"elx-trust\">\n      <div class=\"elx-container elx-trust-grid\">\n        <div class=\"elx-trust-item\">\n          <span class=\"elx-trust-number\">01<\/span>\n          <div>\n            <strong>Kiire reageerimine<\/strong>\n            <p>V\u00f5tame \u00fchendust esimesel v\u00f5imalusel.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"elx-trust-item\">\n          <span class=\"elx-trust-number\">02<\/span>\n          <div>\n            <strong>Selge hinnastus<\/strong>\n            <p>T\u00f6\u00f6 sisu ja hind lepitakse enne kokku.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"elx-trust-item\">\n          <span class=\"elx-trust-number\">03<\/span>\n          <div>\n            <strong>Korralik tulemus<\/strong>\n            <p>Ohutu, puhas ja l\u00e4bim\u00f5eldud teostus.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- MEIST -->\n    <section class=\"elx-section elx-about\" id=\"meist\">\n      <div class=\"elx-container elx-about-grid\">\n\n        <div class=\"elx-about-media\" data-reveal>\n          <div class=\"elx-about-image\">\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1635335874521-7987db781153?auto=format&fit=crop&w=1400&q=84\"\n              alt=\"Kaasaegse elektripaigaldise detail\"\n              loading=\"lazy\"\n              decoding=\"async\">\n          <\/div>\n\n          <div class=\"elx-about-card\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n              <path d=\"M12 3 4.5 6v5.2c0 4.7 3.2 8.9 7.5 9.8 4.3-.9 7.5-5.1 7.5-9.8V6L12 3Z\"\n                stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n              <path d=\"m8.7 12 2.1 2.1 4.5-5\" stroke=\"currentColor\"\n                stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n            <strong>Ohutus ei ole lisav\u00f5imalus.<\/strong>\n            <p>\n              Iga lahendus peab olema turvaline, loogiline ja hiljem lihtsalt\n              hooldatav.\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"elx-about-content\">\n          <div class=\"elx-section-label\" data-reveal>Meist<\/div>\n\n          <h2 class=\"elx-title\" data-reveal style=\"--elx-delay: 70ms;\">\n            Elektrit\u00f6\u00f6 peab lihtsalt toimima.\n          <\/h2>\n\n          <p class=\"elx-lead\" data-reveal style=\"--elx-delay: 130ms;\">\n            Elektran aitab kodu- ja \u00e4riklientidel lahendada elektrit\u00f6\u00f6d\n            l\u00e4bim\u00f5eldult \u2013 alates v\u00e4ikesest rikkest kuni uue paigaldiseni.\n          <\/p>\n\n          <p class=\"elx-lead\" data-reveal style=\"--elx-delay: 170ms;\">\n            Enne alustamist r\u00e4\u00e4gime t\u00f6\u00f6 sisu l\u00e4bi, pakume sobiva lahenduse ning\n            hoiame suhtluse kogu protsessi jooksul selge ja arusaadavana.\n          <\/p>\n\n          <div class=\"elx-check-list\" data-reveal style=\"--elx-delay: 220ms;\">\n            <div class=\"elx-check\">\n              <span class=\"elx-check-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"m6 12 4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2.5\"\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n              Selge kokkulepe enne t\u00f6\u00f6 alustamist\n            <\/div>\n\n            <div class=\"elx-check\">\n              <span class=\"elx-check-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"m6 12 4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2.5\"\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n              Ohutus ja n\u00f5uetele vastavus esikohal\n            <\/div>\n\n            <div class=\"elx-check\">\n              <span class=\"elx-check-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"m6 12 4 4 8-9\" stroke=\"currentColor\" stroke-width=\"2.5\"\n                    stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n              Puhas t\u00f6\u00f6koht ja arusaadav \u00fcleandmine\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- TEENUSED -->\n    <section class=\"elx-section elx-services\" id=\"teenused\">\n      <div class=\"elx-container\">\n\n        <div class=\"elx-section-head\">\n          <div>\n            <div class=\"elx-section-label\" data-reveal>Teenused<\/div>\n            <h2 class=\"elx-title\" data-reveal style=\"--elx-delay: 70ms;\">\n              Elektrit\u00f6\u00f6d \u00fchest kontaktist.\n            <\/h2>\n          <\/div>\n\n          <p class=\"elx-lead\" data-reveal style=\"--elx-delay: 130ms;\">\n            V\u00e4ikesed parandused, uued paigaldised ja terviklikud lahendused nii\n            kodudele kui ka \u00e4ripindadele.\n          <\/p>\n        <\/div>\n\n        <div class=\"elx-services-grid\">\n\n          <article class=\"elx-service-card\" data-reveal>\n            <div class=\"elx-service-top\">\n              <div class=\"elx-service-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M5 20V8l7-5 7 5v12H5Z\" stroke=\"currentColor\"\n                    stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n                  <path d=\"M9 20v-6h6v6M9 10h6\" stroke=\"currentColor\"\n                    stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <span class=\"elx-service-index\">01<\/span>\n            <\/div>\n            <h3>Elektripaigaldised<\/h3>\n            <p>\n              Kaabeldus, pistikupesad, l\u00fclitid ja terviklikud elektrilahendused\n              uutes ning renoveeritavates ruumides.\n            <\/p>\n          <\/article>\n\n          <article class=\"elx-service-card\" data-reveal style=\"--elx-delay: 70ms;\">\n            <div class=\"elx-service-top\">\n              <div class=\"elx-service-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M8 3v6M16 3v6M6 9h12v2a6 6 0 0 1-12 0V9Z\"\n                    stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                  <path d=\"M12 17v4\" stroke=\"currentColor\" stroke-width=\"1.8\"\n                    stroke-linecap=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <span class=\"elx-service-index\">02<\/span>\n            <\/div>\n            <h3>Rikete k\u00f5rvaldamine<\/h3>\n            <p>\n              Voolukatkestused, \u00fclekoormused, vigased \u00fchendused ja muud\n              elektris\u00fcsteemi probleemid.\n            <\/p>\n          <\/article>\n\n          <article class=\"elx-service-card\" data-reveal style=\"--elx-delay: 140ms;\">\n            <div class=\"elx-service-top\">\n              <div class=\"elx-service-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <rect x=\"5\" y=\"3\" width=\"14\" height=\"18\" rx=\"2\"\n                    stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n                  <path d=\"M9 8h6M9 12h2M14 12h1M9 16h1M13 16h2\"\n                    stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <span class=\"elx-service-index\">03<\/span>\n            <\/div>\n            <h3>Elektrikilbid<\/h3>\n            <p>\n              Kilpide paigaldus, uuendamine, korrastamine ning kaitseautomaatide\n              ja rikkevoolukaitsmete vahetus.\n            <\/p>\n          <\/article>\n\n          <article class=\"elx-service-card\" data-reveal>\n            <div class=\"elx-service-top\">\n              <div class=\"elx-service-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M9 18h6M10 21h4M8.5 15.5A6 6 0 1 1 15.5 15.5c-.8.6-1.2 1.2-1.3 2.5h-4.4c-.1-1.3-.5-1.9-1.3-2.5Z\"\n                    stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <span class=\"elx-service-index\">04<\/span>\n            <\/div>\n            <h3>Valgustus<\/h3>\n            <p>\n              Sise- ja v\u00e4lisvalgustuse paigaldus, LED-lahendused, liikumisandurid\n              ning olemasoleva valgustuse uuendamine.\n            <\/p>\n          <\/article>\n\n          <article class=\"elx-service-card\" data-reveal style=\"--elx-delay: 70ms;\">\n            <div class=\"elx-service-top\">\n              <div class=\"elx-service-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M4 9a12 12 0 0 1 16 0M7 12a8 8 0 0 1 10 0M10 15a4 4 0 0 1 4 0\"\n                    stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                  <circle cx=\"12\" cy=\"19\" r=\"1.2\" fill=\"currentColor\"\/>\n                <\/svg>\n              <\/div>\n              <span class=\"elx-service-index\">05<\/span>\n            <\/div>\n            <h3>N\u00f5rkvool ja andmeside<\/h3>\n            <p>\n              V\u00f5rgukaablid, internetipesad, signalisatsioonide ettevalmistus ja\n              muud madalpingelahendused.\n            <\/p>\n          <\/article>\n\n          <article class=\"elx-service-card\" data-reveal style=\"--elx-delay: 140ms;\">\n            <div class=\"elx-service-top\">\n              <div class=\"elx-service-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"M7 4h10v14H7V4Z\" stroke=\"currentColor\"\n                    stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n                  <path d=\"M10 8h4M9 18v2M15 18v2\" stroke=\"currentColor\"\n                    stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n                  <path d=\"m13 10-2 3h2l-1 2\" stroke=\"currentColor\"\n                    stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/div>\n              <span class=\"elx-service-index\">06<\/span>\n            <\/div>\n            <h3>Laadimislahendused<\/h3>\n            <p>\n              Elektriautode laadijate paigaldus, vajaliku kaabelduse ettevalmistus\n              ja olemasoleva s\u00fcsteemi hindamine.\n            <\/p>\n          <\/article>\n\n        <\/div>\n\n        <div class=\"elx-process-wrap\" data-reveal>\n          <div class=\"elx-process-head\">\n            <h3>Lihtne protsess. Selge tulemus.<\/h3>\n            <p>\n              Sa ei pea teadma tehnilisi termineid. Kirjelda olukorda ja leiame\n              koos sobiva lahenduse.\n            <\/p>\n          <\/div>\n\n          <div class=\"elx-process-grid\">\n            <div class=\"elx-process-item\">\n              <span class=\"elx-process-number\">01<\/span>\n              <h3>Kirjelda t\u00f6\u00f6d<\/h3>\n              <p>\n                Saada l\u00fchike kirjeldus, pildid ja v\u00f5imalusel objekti asukoht.\n              <\/p>\n            <\/div>\n\n            <div class=\"elx-process-item\">\n              <span class=\"elx-process-number\">02<\/span>\n              <h3>Lepime kokku<\/h3>\n              <p>\n                T\u00e4psustame lahenduse, eeldatava hinna ja sobiva t\u00f6\u00f6aja.\n              <\/p>\n            <\/div>\n\n            <div class=\"elx-process-item\">\n              <span class=\"elx-process-number\">03<\/span>\n              <h3>Teostame t\u00f6\u00f6<\/h3>\n              <p>\n                T\u00f6\u00f6 saab tehtud korrektselt ning tulemus antakse selgelt \u00fcle.\n              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- LAHENDUSED \/ PILDID -->\n    <section class=\"elx-section elx-solutions\" id=\"lahendused\">\n      <div class=\"elx-container\">\n\n        <div class=\"elx-section-head\">\n          <div>\n            <div class=\"elx-section-label\" data-reveal>Lahendused<\/div>\n            <h2 class=\"elx-title\" data-reveal style=\"--elx-delay: 70ms;\">\n              Elekter, mis sobib sinu ruumi ja vajadustega.\n            <\/h2>\n          <\/div>\n\n          <p class=\"elx-lead\" data-reveal style=\"--elx-delay: 130ms;\">\n            L\u00e4bim\u00f5eldud lahendused kodudesse, \u00e4ripindadele ning uutesse v\u00f5i\n            renoveeritavatesse hoonetesse.\n          <\/p>\n        <\/div>\n\n        <div class=\"elx-solutions-grid\">\n\n          <article class=\"elx-solution-card\" data-reveal>\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1660330589487-39cc0177ba89?auto=format&fit=crop&w=1600&q=84\"\n              alt=\"Kaasaegne energialahendus\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n            <div class=\"elx-solution-info\">\n              <div>\n                <small>Kodud<\/small>\n                <h3>Mugav ja turvaline igap\u00e4ev<\/h3>\n              <\/div>\n\n              <span class=\"elx-solution-arrow\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"m8 16 8-8M9 8h7v7\" stroke=\"currentColor\"\n                    stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"elx-solution-card\" data-reveal style=\"--elx-delay: 80ms;\">\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1563456019560-2b37aa7ad890?auto=format&fit=crop&w=1200&q=84\"\n              alt=\"Elektritaristu ja tehniline paigaldis\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n            <div class=\"elx-solution-info\">\n              <div>\n                <small>\u00c4ripinnad<\/small>\n                <h3>T\u00f6\u00f6kindel taristu<\/h3>\n              <\/div>\n\n              <span class=\"elx-solution-arrow\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"m8 16 8-8M9 8h7v7\" stroke=\"currentColor\"\n                    stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/div>\n          <\/article>\n\n          <article class=\"elx-solution-card\" data-reveal style=\"--elx-delay: 140ms;\">\n            <img\n              src=\"https:\/\/images.unsplash.com\/photo-1661864359698-fcfe5fef9917?auto=format&fit=crop&w=1200&q=84\"\n              alt=\"Elektris\u00fcsteemi tehniline lahendus\"\n              loading=\"lazy\"\n              decoding=\"async\">\n\n            <div class=\"elx-solution-info\">\n              <div>\n                <small>Renoveerimine<\/small>\n                <h3>Vana s\u00fcsteemi uus elu<\/h3>\n              <\/div>\n\n              <span class=\"elx-solution-arrow\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                  <path d=\"m8 16 8-8M9 8h7v7\" stroke=\"currentColor\"\n                    stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                <\/svg>\n              <\/span>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- HINNAKIRI -->\n    <section class=\"elx-section elx-pricing\" id=\"hinnakiri\">\n      <div class=\"elx-container\">\n\n        <div class=\"elx-section-head\">\n          <div>\n            <div class=\"elx-section-label\" data-reveal>Hinnakiri<\/div>\n            <h2 class=\"elx-title\" data-reveal style=\"--elx-delay: 70ms;\">\n              Selge alguspunkt.\n            <\/h2>\n          <\/div>\n\n          <p class=\"elx-lead\" data-reveal style=\"--elx-delay: 130ms;\">\n            L\u00f5plik hind s\u00f5ltub t\u00f6\u00f6 mahust, ligip\u00e4\u00e4sust, materjalidest ja objekti\n            asukohast.\n          <\/p>\n        <\/div>\n\n        <!-- MUUDA SIIN HINDU -->\n        <div class=\"elx-price-grid\">\n\n          <article class=\"elx-price-card\" data-reveal>\n            <span class=\"elx-price-badge\">V\u00e4ljakutse<\/span>\n            <h3>Kohaletulek<\/h3>\n            <div class=\"elx-price\">35 \u20ac <small>alates<\/small><\/div>\n            <p>\n              Kohaletulek ja olukorra esmane hindamine kokkulepitud piirkonnas.\n            <\/p>\n          <\/article>\n\n          <article class=\"elx-price-card elx-price-card--featured\"\n            data-reveal style=\"--elx-delay: 70ms;\">\n            <span class=\"elx-price-badge\">Enim k\u00fcsitud<\/span>\n            <h3>Elektriku t\u00f6\u00f6tund<\/h3>\n            <div class=\"elx-price\">40 \u20ac <small>\/ tund<\/small><\/div>\n            <p>\n              Tavap\u00e4rased paigaldus-, hooldus- ja parandust\u00f6\u00f6d.\n            <\/p>\n          <\/article>\n\n          <article class=\"elx-price-card\" data-reveal style=\"--elx-delay: 140ms;\">\n            <span class=\"elx-price-badge\">Paigaldus<\/span>\n            <h3>Pistik v\u00f5i l\u00fcliti<\/h3>\n            <div class=\"elx-price\">25 \u20ac <small>alates<\/small><\/div>\n            <p>\n              Olemasoleva punkti vahetus v\u00f5i paigaldus. Materjal lisandub.\n            <\/p>\n          <\/article>\n\n          <article class=\"elx-price-card\" data-reveal style=\"--elx-delay: 210ms;\">\n            <span class=\"elx-price-badge\">Kilbit\u00f6\u00f6d<\/span>\n            <h3>Kilbi hooldus<\/h3>\n            <div class=\"elx-price\">120 \u20ac <small>alates<\/small><\/div>\n            <p>\n              Elektrikilbi kontroll, korrastamine v\u00f5i komponentide vahetus.\n            <\/p>\n          <\/article>\n\n        <\/div>\n\n        <div class=\"elx-price-note\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n            <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n            <path d=\"M12 11v5M12 8h.01\" stroke=\"currentColor\" stroke-width=\"2\"\n              stroke-linecap=\"round\"\/>\n          <\/svg>\n          <span>\n            Hinnad on indikatiivsed. Materjalid, transport ja mahukamate t\u00f6\u00f6de\n            t\u00e4pne hind lepitakse enne t\u00f6\u00f6 alustamist eraldi kokku.\n          <\/span>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n    <!-- KONTAKT -->\n    <section class=\"elx-section elx-contact\" id=\"kontakt\">\n      <div class=\"elx-container\">\n\n        <div class=\"elx-contact-shell\">\n          <div class=\"elx-contact-grid\">\n\n            <div class=\"elx-contact-copy\">\n              <div class=\"elx-eyebrow\" data-reveal>\n                V\u00f5ta \u00fchendust\n              <\/div>\n\n              <h2 data-reveal style=\"--elx-delay: 70ms;\">\n                Paneme sinu projekti <span>voolu alla.<\/span>\n              <\/h2>\n\n              <p data-reveal style=\"--elx-delay: 130ms;\">\n                Kirjelda l\u00fchidalt t\u00f6\u00f6 sisu ja lisa v\u00f5imalusel m\u00f5ned pildid.\n                V\u00f5tame \u00fchendust, t\u00e4psustame lahenduse ning lepime kokku sobiva aja.\n              <\/p>\n\n              <div class=\"elx-contact-actions\" data-reveal\n                style=\"--elx-delay: 190ms;\">\n\n                <!-- MUUDA TELEFON -->\n                <a class=\"elx-button elx-button--primary\"\n                  href=\"tel:+37255555555\">\n                  Helista kohe\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"m9 5 7 7-7 7\" stroke=\"currentColor\"\n                      stroke-width=\"2\" stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/a>\n\n                <!-- MUUDA E-POST -->\n                <a class=\"elx-button elx-button--ghost\"\n                  href=\"mailto:info@elektran.ee?subject=Elektrit\u00f6\u00f6de%20pakkumisp\u00e4ring\">\n                  Saada e-kiri\n                <\/a>\n              <\/div>\n            <\/div>\n\n            <!-- MUUDA KONTAKTANDMED -->\n            <div class=\"elx-contact-list\" data-reveal style=\"--elx-delay: 130ms;\">\n\n              <a class=\"elx-contact-item\" href=\"tel:+37255555555\">\n                <span class=\"elx-contact-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M7.2 3.8 10 7.5 8.4 9.4c1.2 2.5 3.2 4.5 5.7 5.7l1.9-1.6 3.7 2.8-.7 3.1c-.2.9-1.1 1.5-2 1.4C9.6 20 4 14.4 3.2 7c-.1-.9.5-1.8 1.4-2l2.6-1.2Z\"\n                      stroke=\"currentColor\" stroke-width=\"1.7\"\n                      stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n                <span>\n                  <small>Telefon<\/small>\n                  <strong>+372 5555 5555<\/strong>\n                <\/span>\n              <\/a>\n\n              <a class=\"elx-contact-item\" href=\"mailto:info@elektran.ee\">\n                <span class=\"elx-contact-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\n                      stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n                    <path d=\"m4 7 8 6 8-6\" stroke=\"currentColor\"\n                      stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n                <span>\n                  <small>E-post<\/small>\n                  <strong>info@elektran.ee<\/strong>\n                <\/span>\n              <\/a>\n\n              <div class=\"elx-contact-item\">\n                <span class=\"elx-contact-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"\n                      stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n                    <circle cx=\"12\" cy=\"10\" r=\"2.5\"\n                      stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n                  <\/svg>\n                <\/span>\n                <span>\n                  <small>Teeninduspiirkond<\/small>\n                  <strong>Tallinn ja Harjumaa<\/strong>\n                <\/span>\n              <\/div>\n\n              <div class=\"elx-contact-item\">\n                <span class=\"elx-contact-icon\">\n                  <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                    <circle cx=\"12\" cy=\"12\" r=\"9\"\n                      stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n                    <path d=\"M12 7v5l3 2\" stroke=\"currentColor\"\n                      stroke-width=\"1.8\" stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\/>\n                  <\/svg>\n                <\/span>\n                <span>\n                  <small>T\u00f6\u00f6aeg<\/small>\n                  <strong>E\u2013R 08:00\u201318:00<\/strong>\n                <\/span>\n              <\/div>\n\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/section>\n\n  <\/main>\n\n  <!-- FOOTER -->\n  <footer class=\"elx-footer\">\n\n    <div class=\"elx-footer-spark\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 300 420\" fill=\"none\">\n        <path d=\"M186 12 48 230h96l-24 178 137-245h-91l20-151Z\"\n          stroke=\"currentColor\" stroke-width=\"7\"\n          stroke-linejoin=\"round\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"elx-container\">\n\n      <div class=\"elx-footer-grid\">\n\n        <div class=\"elx-footer-brand\">\n          <a class=\"elx-logo\" href=\"#avaleht\">\n            <span class=\"elx-logo-mark\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M13.6 2.5 5.8 13h5.4l-.8 8.5L18.3 10h-5.2l.5-7.5Z\"\n                  fill=\"currentColor\"\/>\n              <\/svg>\n            <\/span>\n            <span class=\"elx-logo-text\">ELEKTRAN<\/span>\n          <\/a>\n\n          <p>\n            Kindlad ja l\u00e4bim\u00f5eldud elektrilahendused kodudele ning ettev\u00f5tetele.\n            Selge suhtlus, korrektne teostus ja ohutus igas t\u00f6\u00f6etapis.\n          <\/p>\n        <\/div>\n\n        <div class=\"elx-footer-column\">\n          <h3>Men\u00fc\u00fc<\/h3>\n          <div class=\"elx-footer-links\">\n            <a href=\"#meist\">Meist<\/a>\n            <a href=\"#teenused\">Teenused<\/a>\n            <a href=\"#lahendused\">Lahendused<\/a>\n            <a href=\"#hinnakiri\">Hinnakiri<\/a>\n            <a href=\"#kontakt\">Kontakt<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"elx-footer-column\">\n          <h3>Kontakt<\/h3>\n          <div class=\"elx-footer-links\">\n            <a href=\"tel:+37255555555\">+372 5555 5555<\/a>\n            <a href=\"mailto:info@elektran.ee\">info@elektran.ee<\/a>\n            <span>Tallinn ja Harjumaa<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"elx-footer-bottom\">\n        <span>\n          \u00a9 <span data-elx-year><\/span> Elektran. K\u00f5ik \u00f5igused kaitstud.\n        <\/span>\n\n        <span>\n          Veebilehe valmistas\n          <a href=\"https:\/\/akvamariin.com\" target=\"_blank\" rel=\"noopener\">\n            Akvamariin Design\n          <\/a>\n        <\/span>\n      <\/div>\n\n    <\/div>\n  <\/footer>\n\n  <script>\n    (() => {\n      const root = document.querySelector(\".elx-site\");\n      if (!root) return;\n\n      root.classList.add(\"elx-js\");\n\n      const header = root.querySelector(\".elx-header\");\n      const menuButton = root.querySelector(\".elx-menu-button\");\n      const mobileMenu = root.querySelector(\".elx-mobile-menu\");\n      const mobileMenuInner = root.querySelector(\".elx-mobile-menu-inner\");\n      const year = root.querySelector(\"[data-elx-year]\");\n      const prefersReducedMotion = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n      if (year) {\n        year.textContent = new Date().getFullYear();\n      }\n\n      const setMenuState = (open) => {\n        if (!menuButton || !mobileMenu) return;\n\n        menuButton.classList.toggle(\"is-open\", open);\n        mobileMenu.classList.toggle(\"is-open\", open);\n        menuButton.setAttribute(\"aria-expanded\", String(open));\n        menuButton.setAttribute(\n          \"aria-label\",\n          open ? \"Sulge men\u00fc\u00fc\" : \"Ava men\u00fc\u00fc\"\n        );\n        mobileMenu.setAttribute(\"aria-hidden\", String(!open));\n        document.documentElement.classList.toggle(\"elx-menu-open\", open);\n      };\n\n      if (menuButton) {\n        menuButton.addEventListener(\"click\", () => {\n          const open = !mobileMenu.classList.contains(\"is-open\");\n          setMenuState(open);\n        });\n      }\n\n      if (mobileMenu) {\n        mobileMenu.addEventListener(\"click\", (event) => {\n          if (\n            event.target === mobileMenu ||\n            event.target.closest(\"a[href^='#']\")\n          ) {\n            setMenuState(false);\n          }\n        });\n      }\n\n      if (mobileMenuInner) {\n        mobileMenuInner.addEventListener(\"click\", (event) => {\n          event.stopPropagation();\n\n          if (event.target.closest(\"a[href^='#']\")) {\n            setMenuState(false);\n          }\n        });\n      }\n\n      document.addEventListener(\"keydown\", (event) => {\n        if (event.key === \"Escape\") {\n          setMenuState(false);\n        }\n      });\n\n      root.querySelectorAll('a[href^=\"#\"]').forEach((link) => {\n        link.addEventListener(\"click\", (event) => {\n          const selector = link.getAttribute(\"href\");\n\n          if (!selector || selector === \"#\") return;\n\n          const target = root.querySelector(selector);\n          if (!target) return;\n\n          event.preventDefault();\n\n          const headerOffset = header\n            ? header.getBoundingClientRect().height + 34\n            : 95;\n\n          const targetPosition =\n            target.getBoundingClientRect().top +\n            window.scrollY -\n            headerOffset;\n\n          window.scrollTo({\n            top: targetPosition,\n            behavior: prefersReducedMotion ? \"auto\" : \"smooth\"\n          });\n\n          setMenuState(false);\n        });\n      });\n\n      const updateHeader = () => {\n        if (!header) return;\n        header.classList.toggle(\"is-scrolled\", window.scrollY > 35);\n      };\n\n      updateHeader();\n      window.addEventListener(\"scroll\", updateHeader, { passive: true });\n\n      const revealItems = root.querySelectorAll(\"[data-reveal]\");\n\n      if (prefersReducedMotion || !(\"IntersectionObserver\" in window)) {\n        revealItems.forEach((item) => item.classList.add(\"is-visible\"));\n      } else {\n        const revealObserver = new IntersectionObserver(\n          (entries, observer) => {\n            entries.forEach((entry) => {\n              if (entry.isIntersecting) {\n                entry.target.classList.add(\"is-visible\");\n                observer.unobserve(entry.target);\n              }\n            });\n          },\n          {\n            threshold: 0.12,\n            rootMargin: \"0px 0px -45px 0px\"\n          }\n        );\n\n        revealItems.forEach((item) => revealObserver.observe(item));\n      }\n\n      const navigationLinks = root.querySelectorAll(\n        \".elx-nav a[href^='#']\"\n      );\n\n      const sections = Array.from(navigationLinks)\n        .map((link) => {\n          const target = root.querySelector(link.getAttribute(\"href\"));\n          return target ? { link, target } : null;\n        })\n        .filter(Boolean);\n\n      if (\"IntersectionObserver\" in window) {\n        const sectionObserver = new IntersectionObserver(\n          (entries) => {\n            entries.forEach((entry) => {\n              if (!entry.isIntersecting) return;\n\n              navigationLinks.forEach((link) =>\n                link.classList.remove(\"is-active\")\n              );\n\n              const activeItem = sections.find(\n                (item) => item.target === entry.target\n              );\n\n              if (activeItem) {\n                activeItem.link.classList.add(\"is-active\");\n              }\n            });\n          },\n          {\n            threshold: 0.25,\n            rootMargin: \"-25% 0px -60% 0px\"\n          }\n        );\n\n        sections.forEach((item) => sectionObserver.observe(item.target));\n      }\n    })();\n  <\/script>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ELEKTRAN Esileht Meist Teenused Lahendused Hinnakiri Kontakt K\u00fcsi pakkumist Esileht Meist Teenused Lahendused&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elektrit\u00f6\u00f6d kodudele ja ettev\u00f5tetele | Elektran<\/title>\n<meta name=\"description\" content=\"Elektran pakub elektrit\u00f6id kodudele ja ettev\u00f5tetele. Paigaldus, remont, rikete k\u00f5rvaldamine ja hooldus. K\u00fcsi hinnapakkumist.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elektran.ee\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elektrit\u00f6\u00f6d kodudele ja ettev\u00f5tetele | Elektran\" \/>\n<meta property=\"og:description\" content=\"Elektran pakub elektrit\u00f6id kodudele ja ettev\u00f5tetele. Paigaldus, remont, rikete k\u00f5rvaldamine ja hooldus. K\u00fcsi hinnapakkumist.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elektran.ee\/\" \/>\n<meta property=\"og:site_name\" content=\"Elektran O\u00dc\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-15T18:17:58+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elektran.ee\\\/\",\"url\":\"https:\\\/\\\/elektran.ee\\\/\",\"name\":\"Elektrit\u00f6\u00f6d kodudele ja ettev\u00f5tetele | Elektran\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elektran.ee\\\/#website\"},\"datePublished\":\"2026-09-14T14:56:44+00:00\",\"dateModified\":\"2026-09-15T18:17:58+00:00\",\"description\":\"Elektran pakub elektrit\u00f6id kodudele ja ettev\u00f5tetele. Paigaldus, remont, rikete k\u00f5rvaldamine ja hooldus. K\u00fcsi hinnapakkumist.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elektran.ee\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elektran.ee\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elektran.ee\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/elektran.ee\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elektran\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elektran.ee\\\/#website\",\"url\":\"https:\\\/\\\/elektran.ee\\\/\",\"name\":\"Elektran O\u00dc\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/elektran.ee\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elektran.ee\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/elektran.ee\\\/#organization\",\"name\":\"Elektran O\u00dc\",\"url\":\"https:\\\/\\\/elektran.ee\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elektran.ee\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/elektran.ee\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Elektran_Icon.png\",\"contentUrl\":\"https:\\\/\\\/elektran.ee\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Elektran_Icon.png\",\"width\":1254,\"height\":1254,\"caption\":\"Elektran O\u00dc\"},\"image\":{\"@id\":\"https:\\\/\\\/elektran.ee\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elektrit\u00f6\u00f6d kodudele ja ettev\u00f5tetele | Elektran","description":"Elektran pakub elektrit\u00f6id kodudele ja ettev\u00f5tetele. Paigaldus, remont, rikete k\u00f5rvaldamine ja hooldus. K\u00fcsi hinnapakkumist.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elektran.ee\/","og_locale":"en_US","og_type":"article","og_title":"Elektrit\u00f6\u00f6d kodudele ja ettev\u00f5tetele | Elektran","og_description":"Elektran pakub elektrit\u00f6id kodudele ja ettev\u00f5tetele. Paigaldus, remont, rikete k\u00f5rvaldamine ja hooldus. K\u00fcsi hinnapakkumist.","og_url":"https:\/\/elektran.ee\/","og_site_name":"Elektran O\u00dc","article_modified_time":"2026-09-15T18:17:58+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elektran.ee\/","url":"https:\/\/elektran.ee\/","name":"Elektrit\u00f6\u00f6d kodudele ja ettev\u00f5tetele | Elektran","isPartOf":{"@id":"https:\/\/elektran.ee\/#website"},"datePublished":"2026-09-14T14:56:44+00:00","dateModified":"2026-09-15T18:17:58+00:00","description":"Elektran pakub elektrit\u00f6id kodudele ja ettev\u00f5tetele. Paigaldus, remont, rikete k\u00f5rvaldamine ja hooldus. K\u00fcsi hinnapakkumist.","breadcrumb":{"@id":"https:\/\/elektran.ee\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elektran.ee\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elektran.ee\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elektran.ee\/"},{"@type":"ListItem","position":2,"name":"Elektran"}]},{"@type":"WebSite","@id":"https:\/\/elektran.ee\/#website","url":"https:\/\/elektran.ee\/","name":"Elektran O\u00dc","description":"","publisher":{"@id":"https:\/\/elektran.ee\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elektran.ee\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elektran.ee\/#organization","name":"Elektran O\u00dc","url":"https:\/\/elektran.ee\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elektran.ee\/#\/schema\/logo\/image\/","url":"https:\/\/elektran.ee\/wp-content\/uploads\/2026\/09\/Elektran_Icon.png","contentUrl":"https:\/\/elektran.ee\/wp-content\/uploads\/2026\/09\/Elektran_Icon.png","width":1254,"height":1254,"caption":"Elektran O\u00dc"},"image":{"@id":"https:\/\/elektran.ee\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/elektran.ee\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elektran.ee\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elektran.ee\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elektran.ee\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elektran.ee\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":10,"href":"https:\/\/elektran.ee\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/elektran.ee\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/elektran.ee\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}