{"id":16,"date":"2026-04-07T12:49:25","date_gmt":"2026-04-07T12:49:25","guid":{"rendered":"http:\/\/seaspirithtml.notosweb.com\/aquaspirit\/"},"modified":"2026-04-07T20:58:31","modified_gmt":"2026-04-07T20:58:31","slug":"aquaspirit","status":"publish","type":"page","link":"https:\/\/seaspirithtml.notosweb.com\/en\/aquaspirit\/","title":{"rendered":"AquaSpirit"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a693cc5 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a693cc5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a227689\" data-id=\"a227689\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb8b9b5 elementor-widget elementor-widget-html\" data-id=\"bb8b9b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=Lora:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\n<style>\n@font-face {\n  font-family: 'Butler';\n  src: url('\/wp-content\/uploads\/seaspirit\/fonts\/Butler-Bold.otf') format('opentype');\n  font-weight: 700;\n  font-display: swap;\n}\n\n\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --gold: #EAC381;\n      --gold-dark: #C4924A;\n      --gold-deeper: #9A7030;\n      --gold-light: #F2D9A8;\n      --navy: #07101E;\n      --navy-2: #0D1828;\n      --card-bg: #0F1C2E;\n      --border: rgba(234,195,129,0.18);\n      --muted: rgba(255,255,255,0.55);\n      --white:       #FFFFFF;\n      --off-white:   #F5F0E8;\n      --navbar-scrolled-bg: rgba(7,16,30,0.95);\n      --popup-bg:    #060E1B;\n      --font-serif:  'Lora', Georgia, serif;\n      --font-display: 'Montserrat', sans-serif;\n      --font-sans:   'Inter', sans-serif;\n    }\n\n    html { scroll-behavior: smooth; }\n\n    body {\n      background: var(--navy);\n      color: #fff;\n      font-family: 'Inter', sans-serif;\n      font-weight: 400;\n      line-height: 1.6;\n      overflow-x: hidden;\n    }\n\n    \/* \u2500\u2500\u2500 NAVBAR \u2500\u2500\u2500 *\/\n    .navbar {\n      position: fixed; top: 0; left: 0; right: 0; z-index: 1000;\n      display: grid; grid-template-columns: 1fr auto 1fr;\n      align-items: center;\n      padding: 0 2.5rem;\n      height: 90px;\n      background: rgba(7,16,30,0.0);\n      border-bottom: 1px solid rgba(234,195,129,0.0);\n      backdrop-filter: blur(0px);\n      transition: all 0.5s ease;\n    }\n    .navbar.scrolled {\n      background: var(--navbar-scrolled-bg);\n      border-bottom: 1px solid var(--border);\n      backdrop-filter: blur(20px);\n      -webkit-backdrop-filter: blur(20px);\n      height: 72px;\n    }\n    .nav-logo {\n      grid-column: 2;\n      display: flex; justify-content: center;\n    }\n    .nav-logo img {\n      height: 52px; width: auto;\n      filter: drop-shadow(0 0 14px rgba(234,195,129,0.35));\n      transition: height 0.3s ease;\n    }\n    .navbar.scrolled .nav-logo img { height: 40px; }\n    .menu-trigger {\n      grid-column: 3;\n      justify-self: end;\n      display: flex; align-items: center; gap: 12px;\n      cursor: pointer; background: none; border: none;\n      padding: 0.6rem 1.2rem;\n      border: 1px solid rgba(234,195,129,0.35);\n      transition: all 0.3s ease;\n      color: var(--gold-light);\n    }\n    .menu-trigger:hover {\n      background: rgba(234,195,129,0.08);\n      border-color: rgba(234,195,129,0.65);\n    }\n    .menu-trigger-label {\n      font-family: 'Inter', sans-serif; font-size: 0.65rem;\n      font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase;\n      color: var(--gold-light);\n    }\n    .menu-trigger-bars {\n      display: flex; flex-direction: column; gap: 4px;\n    }\n    .menu-trigger-bars span {\n      display: block; height: 1.5px; background: var(--gold);\n      transition: all 0.35s ease;\n    }\n    .menu-trigger-bars span:nth-child(1) { width: 22px; }\n    .menu-trigger-bars span:nth-child(2) { width: 15px; }\n    .menu-trigger-bars span:nth-child(3) { width: 22px; }\n    .menu-trigger:hover .menu-trigger-bars span:nth-child(2) { width: 22px; }\n\n    @media (max-width: 1024px) {\n      .navbar {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0 1.5rem;\n      }\n      .nav-logo { grid-column: unset; flex: 1; justify-content: flex-start; }\n      .menu-trigger { grid-column: unset; order: 3; }\n    }\n    @media (max-width: 768px) {\n      .navbar { padding: 0 1.2rem; }\n      .menu-trigger-label { display: none; }\n    }\n\n    \/* \u2500\u2500\u2500 POPUP MENU \u2500\u2500\u2500 *\/\n    .popup-menu {\n      position: fixed; inset: 0; z-index: 2000;\n      display: flex;\n      pointer-events: none;\n      visibility: hidden;\n    }\n    .popup-panel {\n      position: relative;\n      width: 480px; max-width: 90vw;\n      background: var(--popup-bg);\n      border-right: 1px solid var(--border);\n      display: flex; flex-direction: column; justify-content: center;\n      padding: 5rem 4rem;\n      transform: translateX(-100%);\n      transition: transform 0.6s cubic-bezier(.16,1,.3,1);\n    }\n    .popup-overlay {\n      flex: 1;\n      background: rgba(7,16,30,0.65);\n      backdrop-filter: blur(8px);\n      opacity: 0;\n      transition: opacity 0.5s ease;\n      cursor: pointer;\n    }\n    .popup-menu.open { pointer-events: all; visibility: visible; }\n    .popup-menu.open .popup-panel  { transform: translateX(0); }\n    .popup-menu.open .popup-overlay { opacity: 1; }\n    .popup-close {\n      position: absolute; top: 2rem; right: 2rem;\n      width: 48px; height: 48px;\n      border: 1px solid var(--border); background: none; cursor: pointer;\n      display: flex; align-items: center; justify-content: center;\n      color: var(--gold); transition: all 0.3s;\n    }\n    .popup-close:hover { background: rgba(234,195,129,0.1); border-color: var(--gold); }\n    .popup-close svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 1.8; }\n    .popup-logo { margin-bottom: 3rem; }\n    .popup-logo img { height: 52px; width: auto; opacity: 0.9; }\n    .popup-nav { list-style: none; display: flex; flex-direction: column; gap: 0; }\n    .popup-nav li { border-bottom: 1px solid rgba(234,195,129,0.08); overflow: hidden; }\n    .popup-nav li:first-child { border-top: 1px solid rgba(234,195,129,0.08); }\n    .popup-nav a {\n      display: flex; align-items: center; justify-content: space-between;\n      padding: 1.35rem 0;\n      font-family: 'Lora', Georgia, serif;\n      font-size: clamp(1.4rem, 3vw, 1.9rem);\n      font-weight: 400; color: rgba(255,255,255,0.55);\n      transition: color 0.3s, padding-left 0.3s;\n      text-decoration: none;\n    }\n    .popup-nav a .nav-arrow {\n      width: 20px; height: 20px; stroke: var(--gold); fill: none;\n      stroke-width: 1.5; opacity: 0; transform: translateX(-6px);\n      transition: all 0.3s;\n    }\n    .popup-nav a:hover { color: var(--gold-light); padding-left: 10px; }\n    .popup-nav a:hover .nav-arrow { opacity: 1; transform: translateX(0); }\n    .popup-nav a::before {\n      content: attr(data-num);\n      font-family: 'Inter', sans-serif; font-size: 0.6rem;\n      letter-spacing: 0.15em; color: var(--gold-deeper);\n      margin-right: 1rem; flex-shrink: 0; margin-top: 4px;\n    }\n    .popup-footer {\n      margin-top: 3rem; padding-top: 2rem;\n      border-top: 1px solid var(--border);\n      display: flex; flex-direction: column; gap: 0;\n    }\n    .popup-footer-label {\n      font-size: 0.62rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--gold);\n      margin-bottom: 1rem; display: block;\n    }\n    .popup-contact-item {\n      display: flex; align-items: center; gap: 0.9rem;\n      padding: 0.65rem 0; border-bottom: 1px solid rgba(234,195,129,0.07);\n      text-decoration: none; transition: padding-left 0.3s;\n    }\n    .popup-contact-item:last-of-type { border-bottom: none; }\n    .popup-contact-item:hover { padding-left: 6px; }\n    .popup-contact-icon {\n      width: 32px; height: 32px; flex-shrink: 0;\n      border: 1px solid var(--border); border-radius: 2px;\n      display: flex; align-items: center; justify-content: center;\n      background: rgba(234,195,129,0.04);\n      transition: background 0.3s, border-color 0.3s;\n    }\n    .popup-contact-item:hover .popup-contact-icon { background: rgba(234,195,129,0.12); border-color: rgba(234,195,129,0.45); }\n    .popup-contact-icon svg { width: 14px; height: 14px; stroke: var(--gold); fill: none; stroke-width: 1.8; }\n    .popup-contact-text { font-size: 0.82rem; color: rgba(255,255,255,0.55); transition: color 0.3s; }\n    .popup-contact-item:hover .popup-contact-text { color: var(--gold-light); }\n    .popup-socials { display: flex; gap: 0.7rem; margin-top: 1.4rem; }\n    .popup-socials a {\n      display: flex; align-items: center; justify-content: center; gap: 0.5rem;\n      padding: 0.5rem 0.9rem;\n      border: 1px solid var(--border); border-radius: 2px;\n      font-size: 0.62rem; letter-spacing: 0.15em; text-transform: uppercase;\n      color: rgba(255,255,255,0.55); transition: all 0.3s;\n      background: rgba(234,195,129,0.02);\n    }\n    .popup-socials a svg { width: 13px; height: 13px; fill: currentColor; flex-shrink: 0; }\n    .popup-socials a:hover { color: var(--gold-light); border-color: rgba(234,195,129,0.45); background: rgba(234,195,129,0.08); }\n    .popup-menu.open .popup-nav li { animation: slideInLink 0.5s cubic-bezier(.16,1,.3,1) both; }\n    .popup-menu.open .popup-nav li:nth-child(1) { animation-delay: 0.15s; }\n    .popup-menu.open .popup-nav li:nth-child(2) { animation-delay: 0.22s; }\n    .popup-menu.open .popup-nav li:nth-child(3) { animation-delay: 0.29s; }\n    .popup-menu.open .popup-nav li:nth-child(4) { animation-delay: 0.36s; }\n    .popup-menu.open .popup-nav li:nth-child(5) { animation-delay: 0.43s; }\n    .popup-menu.open .popup-nav li:nth-child(6) { animation-delay: 0.50s; }\n    @keyframes slideInLink {\n      from { opacity: 0; transform: translateY(16px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    .hero {\n      min-height: 100vh;\n      background: #07101E;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      padding: 120px 2rem 80px;\n      position: relative;\n      overflow: hidden;\n    }\n    .hero-video-wrap {\n      position: absolute; inset: 0; z-index: 0;\n    }\n    .hero-video-wrap video {\n      width: 100%; height: 100%; object-fit: cover;\n    }\n    .hero-video-wrap::after {\n      content: '';\n      position: absolute; inset: 0;\n      background:\n        linear-gradient(to bottom,\n          rgba(7,16,30,0.55) 0%,\n          rgba(7,16,30,0.45) 40%,\n          rgba(7,16,30,0.75) 80%,\n          rgba(7,16,30,1)    100%\n        );\n    }\n\n    .hero::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n      animation: glow-line 3s ease-in-out infinite alternate;\n      z-index: 2;\n    }\n\n    @keyframes glow-line {\n      0%   { box-shadow: 0 0 6px var(--gold-dark); opacity: 0.7; }\n      100% { box-shadow: 0 0 18px var(--gold), 0 0 40px rgba(234,195,129,0.3); opacity: 1; }\n    }\n\n    .hero-label {\n      color: var(--gold);\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.7rem;\n      font-weight: 600;\n      letter-spacing: 0.35em;\n      text-transform: uppercase;\n      margin-bottom: 1.5rem;\n      opacity: 0.9;\n      position: relative; z-index: 2;\n    }\n\n    .hero-h1 {\n      font-family: 'Butler', Georgia, serif !important;\n      font-weight: 700;\n      font-size: clamp(3rem, 8vw, 6rem);\n      line-height: 1;\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      justify-content: center;\n      margin-bottom: 1.5rem;\n      position: relative; z-index: 2;\n    }\n\n    .hero-h1 .drop-icon {\n      width: clamp(2rem, 5vw, 4rem);\n      height: clamp(2rem, 5vw, 4rem);\n      flex-shrink: 0;\n    }\n\n    .hero-subtitle {\n      font-family: 'Inter', sans-serif;\n      font-weight: 300;\n      font-size: 1.1rem;\n      color: var(--muted);\n      max-width: 560px;\n      margin-bottom: 2rem;\n      position: relative; z-index: 2;\n    }\n\n    .hero-divider {\n      width: 60px;\n      height: 2px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n      margin: 0 auto 1.8rem;\n      position: relative; z-index: 2;\n    }\n\n    .hero-text {\n      font-size: 1rem;\n      color: rgba(255,255,255,0.7);\n      font-style: italic;\n      letter-spacing: 0.02em;\n      position: relative; z-index: 2;\n    }\n\n    \/* \u2500\u2500 SECTION TITLE \u2500\u2500 *\/\n    .section-title {\n      font-family: 'Lora', Georgia, serif;\n      font-weight: 700;\n      font-size: clamp(1.6rem, 3vw, 2.2rem);\n      margin-bottom: 0.5rem;\n    }\n    .section-sub {\n      color: var(--muted);\n      font-size: 0.95rem;\n      font-weight: 300;\n    }\n\n    \/* \u2500\u2500 MODELS GRID \u2500\u2500 *\/\n    .models-section {\n      padding: 100px 2rem;\n      max-width: 1280px;\n      margin: 0 auto;\n    }\n\n    .models-header {\n      text-align: center;\n      margin-bottom: 3.5rem;\n    }\n\n    .models-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 2px;\n    }\n\n    @media (max-width: 768px) {\n      .models-grid { grid-template-columns: 1fr; }\n    }\n\n    .model-card {\n      background: var(--card-bg);\n      border: 1px solid var(--border);\n      overflow: hidden;\n      position: relative;\n      cursor: pointer;\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .model-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 16px 48px rgba(0,0,0,0.5), 0 0 0 1px rgba(234,195,129,0.3);\n    }\n\n    .model-card::after {\n      content: '';\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      right: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--gold-deeper), var(--gold), var(--gold-deeper));\n      transform: scaleX(0);\n      transition: transform 0.35s ease;\n    }\n\n    .model-card:hover::after {\n      transform: scaleX(1);\n    }\n\n    .model-img-wrap {\n      position: relative;\n      aspect-ratio: 4\/3;\n      overflow: hidden;\n      display: block;\n      text-decoration: none;\n      color: inherit;\n      cursor: pointer;\n    }\n\n    .model-img-wrap img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.5s ease;\n      display: block;\n    }\n\n    .model-card:hover .model-img-wrap img {\n      transform: scale(1.04);\n    }\n\n    .model-img-overlay {\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to top, rgba(7,16,30,0.7) 0%, transparent 50%);\n      opacity: 0;\n      transition: opacity 0.35s ease;\n    }\n\n    .model-card:hover .model-img-overlay {\n      opacity: 1;\n    }\n\n    .model-badge {\n      position: absolute;\n      top: 1rem;\n      right: 1rem;\n      background: var(--gold);\n      color: var(--navy);\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.62rem;\n      font-weight: 700;\n      letter-spacing: 0.12em;\n      padding: 0.3rem 0.65rem;\n      text-transform: uppercase;\n    }\n\n    .model-content {\n      padding: 2rem;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .model-name {\n      display: flex;\n      flex-direction: row;\n      gap: 0.5rem;\n      align-items: baseline;\n      margin-bottom: 0.9rem;\n      line-height: 1;\n    }\n    .mn-brand {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 1.45rem;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n    }\n    .mn-variant {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 1.45rem;\n      font-weight: 700;\n      color: #fff;\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n    }\n\n    .model-desc {\n      font-family: 'Inter', sans-serif;\n      font-weight: 300;\n      font-size: 0.85rem;\n      color: var(--muted);\n      margin-bottom: 1.5rem;\n      line-height: 1.6;\n    }\n\n    .model-specs {\n      display: flex;\n      gap: 1.5rem;\n      margin-bottom: 1.8rem;\n      flex-wrap: wrap;\n    }\n\n    .spec-item {\n      display: flex;\n      align-items: center;\n      gap: 0.4rem;\n    }\n\n    .spec-icon {\n      width: 14px;\n      height: 14px;\n      flex-shrink: 0;\n    }\n\n    .spec-label {\n      font-size: 0.7rem;\n      color: var(--muted);\n      display: block;\n      line-height: 1.2;\n    }\n\n    .spec-value {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.8rem;\n      font-weight: 600;\n      color: var(--gold);\n      display: block;\n      line-height: 1.2;\n    }\n\n    .model-cta {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.5rem;\n      color: var(--gold);\n      font-family: 'Montserrat', sans-serif;\n      font-size: 0.82rem;\n      font-weight: 600;\n      letter-spacing: 0.05em;\n      text-decoration: none;\n      margin-top: auto;\n      border: 1px solid rgba(234,195,129,0.35);\n      padding: 0.65rem 1.2rem;\n      transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;\n    }\n\n    .model-cta:hover {\n      background: var(--gold);\n      color: var(--navy);\n      border-color: var(--gold);\n    }\n\n    \/* \u2500\u2500 WHY SECTION \u2500\u2500 *\/\n    .why-section {\n      background: #050D18;\n      border-top: 1px solid var(--border);\n      border-bottom: 1px solid var(--border);\n      padding: 100px 2rem;\n    }\n\n    .why-inner {\n      max-width: 100%;\n      margin: 0 auto;\n    }\n\n    .why-header {\n      text-align: center;\n      margin-bottom: 4rem;\n    }\n\n    .why-grid {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 2rem;\n    }\n\n    @media (max-width: 900px) {\n      .why-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n\n    @media (max-width: 540px) {\n      .why-grid { grid-template-columns: 1fr; }\n    }\n\n    .why-item {\n      text-align: center;\n      padding: 2rem 1rem;\n      border: 1px solid transparent;\n      transition: border-color 0.3s ease, background 0.3s ease;\n    }\n\n    .why-item:hover {\n      border-color: var(--border);\n      background: rgba(15,28,46,0.6);\n    }\n\n    .why-icon {\n      width: 56px;\n      height: 56px;\n      margin: 0 auto 1.2rem;\n      background: rgba(234,195,129,0.08);\n      border: 1px solid rgba(234,195,129,0.2);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .why-title {\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 600;\n      font-size: 1rem;\n      color: var(--gold);\n      margin-bottom: 0.6rem;\n    }\n\n    .why-text {\n      font-size: 0.85rem;\n      color: var(--muted);\n      line-height: 1.7;\n      font-weight: 300;\n    }\n\n    \/* \u2500\u2500 CTA BANNER \u2500\u2500 *\/\n    .cta-banner {\n      background: linear-gradient(135deg, var(--navy-2) 0%, #0A1520 100%);\n      border-top: 1px solid var(--border);\n      padding: 80px 2rem;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .cta-banner::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 200px;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    }\n\n    .cta-bg { position: absolute; inset: 0; z-index: 0; }\n    .cta-bg img { width: 100%; height: 100%; object-fit: cover; }\n    .cta-bg::after { content: ''; position: absolute; inset: 0; background: rgba(7,16,30,0.88); }\n\n    .cta-inner {\n      max-width: 700px;\n      margin: 0 auto;\n      position: relative;\n      z-index: 1;\n    }\n\n    .cta-title {\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 700;\n      font-size: clamp(1.4rem, 2.5vw, 2rem);\n      margin-bottom: 1rem;\n    }\n\n    .cta-text {\n      color: var(--muted);\n      font-size: 0.95rem;\n      font-weight: 300;\n      margin-bottom: 2.5rem;\n      line-height: 1.7;\n    }\n\n    .btn-gold {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.5rem;\n      background: var(--gold);\n      color: var(--navy);\n      font-family: 'Montserrat', sans-serif;\n      font-weight: 700;\n      font-size: 0.85rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      text-decoration: none;\n      padding: 0.85rem 2rem;\n      transition: background 0.25s ease, transform 0.2s ease;\n    }\n\n    .btn-gold:hover {\n      background: var(--gold-light);\n      transform: translateY(-2px);\n    }\n\n    \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n    .container { max-width: 100%; margin: 0 auto; padding: 0 2rem; }\n    .footer { background: #050D18; border-top: 1px solid var(--border); padding: 70px 0 0; }\n    .footer-grid {\n      display: grid; grid-template-columns: 2fr 1fr 1fr 1.5fr; gap: 4rem;\n      margin-bottom: 4rem;\n    }\n    .footer-brand img { height: 38px; width: auto; margin-bottom: 1.5rem; }\n    .footer-brand p { font-size: 0.82rem; line-height: 1.85; color: rgba(255,255,255,0.55); max-width: 280px; margin-bottom: 2rem; }\n    .footer-brand-tagline {\n      font-family: 'Lora', Georgia, serif; font-style: italic;\n      font-size: 0.9rem; color: #F2D9A8; line-height: 1.5; margin-bottom: 1.5rem;\n    }\n    .footer-socials { display: flex; gap: 0.8rem; }\n    .footer-social {\n      width: 38px; height: 38px; border: 1px solid var(--border); border-radius: 2px;\n      display: flex; align-items: center; justify-content: center;\n      color: rgba(255,255,255,0.55); transition: all 0.3s;\n    }\n    .footer-social:hover { background: rgba(234,195,129,0.1); border-color: var(--gold); color: #F2D9A8; }\n    .footer-social svg { width: 16px; height: 16px; fill: currentColor; }\n    .footer-col h5 {\n      font-size: 0.7rem; font-weight: 600; letter-spacing: 0.25em;\n      text-transform: uppercase; color: var(--gold);\n      margin-bottom: 1.5rem; padding-bottom: 0.8rem;\n      border-bottom: 1px solid var(--border);\n    }\n    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.6rem; }\n    .footer-col ul li a {\n      font-size: 0.82rem; color: rgba(255,255,255,0.55); transition: color 0.3s;\n      display: flex; align-items: center; gap: 6px; text-decoration: none;\n    }\n    .footer-col ul li a::before { content: '\u2014'; color: var(--gold-deeper); font-size: 0.7rem; }\n    .footer-col ul li a:hover { color: #F2D9A8; }\n    .footer-contact p { font-size: 0.82rem; color: rgba(255,255,255,0.55); line-height: 2; }\n    .footer-contact strong { color: #F5F0E8; }\n    .footer-bottom {\n      border-top: 1px solid var(--border); padding: 1.5rem 0;\n      display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;\n    }\n    .footer-bottom p { font-size: 0.72rem; color: rgba(255,255,255,0.55); }\n    .footer-bottom a { color: var(--gold); transition: color 0.3s; text-decoration: none; }\n    .footer-bottom a:hover { color: #F2D9A8; }\n    .footer-legal { display: flex; gap: 1.5rem; }\n    @media (max-width: 1024px) { .footer-grid { grid-template-columns: 1fr 1fr; gap: 3rem; } }\n    @media (max-width: 768px) { .footer-grid { grid-template-columns: 1fr; gap: 2.5rem; } .footer-bottom { flex-direction: column; text-align: center; } }\n\n    \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n    .reveal {\n      opacity: 0;\n      transform: translateY(28px);\n      transition: opacity 0.65s ease, transform 0.65s ease;\n    }\n\n    .reveal.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .reveal-delay-1 { transition-delay: 0.1s; }\n    .reveal-delay-2 { transition-delay: 0.2s; }\n    .reveal-delay-3 { transition-delay: 0.3s; }\n    .reveal-delay-4 { transition-delay: 0.4s; }\n  \nh1.hero-h1, h1.hero-h1 span, h1.hero-h1 em { font-family: 'Butler', Georgia, serif !important; }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1a1730 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d1a1730\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-35a3931\" data-id=\"35a3931\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f778840 elementor-widget elementor-widget-html\" data-id=\"f778840\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"popup-menu\" id=\"popupMenu\">\n    <div class=\"popup-panel\">\n      <button class=\"popup-close\" id=\"popupClose\">\n        <svg viewbox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n      <\/button>\n      <div class=\"popup-logo\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n      <\/div>\n      <ul class=\"popup-nav\">\n        <li><a href=\"\/en\/\" data-num=\"01\">Home<svg class=\"nav-arrow\" viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n        <li><a href=\"\/en\/about\/\" data-num=\"02\">\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u0395\u03bc\u03ac\u03c2<svg class=\"nav-arrow\" viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n        <li><a href=\"\/en\/services\/\" data-num=\"03\">\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<svg class=\"nav-arrow\" viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n        <li><a href=\"\/en\/aquaspirit\/\" data-num=\"04\">AquaSpirit<svg class=\"nav-arrow\" viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n        <li><a href=\"\/en\/contact\/\" data-num=\"05\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<svg class=\"nav-arrow\" viewbox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/li>\n      <\/ul>\n      <div class=\"popup-footer\">\n        <span class=\"popup-footer-label\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/span>\n        <a href=\"mailto:info@ssmarine.gr\" class=\"popup-contact-item\">\n          <div class=\"popup-contact-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/div>\n          <span class=\"popup-contact-text\">info@ssmarine.gr<\/span>\n        <\/a>\n        <a href=\"tel:+302109943580\" class=\"popup-contact-item\">\n          <div class=\"popup-contact-icon\"><svg viewbox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.89 9.81a19.79 19.79 0 01-3.07-8.67A2 2 0 012.81 1h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L6.91 8.72a16 16 0 006.29 6.29l1.08-1.08a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg><\/div>\n          <span class=\"popup-contact-text\">+30 210 9943580<\/span>\n        <\/a>\n        <div class=\"popup-socials\">\n          <a href=\"#\"><svg viewbox=\"0 0 24 24\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg>Facebook<\/a>\n          <a href=\"#\"><svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>Instagram<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"popup-overlay\" id=\"popupOverlay\"><\/div>\n  <\/div>\n\n  <!-- NAVBAR -->\n  <nav class=\"navbar\" id=\"navbar\">\n    <a href=\"\/en\/\" class=\"nav-logo\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n    <\/a>\n    <button class=\"menu-trigger\" id=\"menuTrigger\" aria-label=\"Open Menu\">\n      <span class=\"menu-trigger-label\">Menu<\/span>\n      <div class=\"menu-trigger-bars\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/div>\n    <\/button>\n  <\/nav>\n\n  <!-- HERO -->\n  <section class=\"hero\">\n    <div class=\"hero-video-wrap\">\n      <video autoplay muted loop playsinline>\n        <source src=\"\/wp-content\/uploads\/seaspirit\/sea-spirit-1-720p.mp4\" type=\"video\/mp4\">\n      <\/video>\n    <\/div>\n    <p class=\"hero-label\">Marine Desalination Systems<\/p>\n    <h1 class=\"hero-h1\">\n      AquaSpirit\n      <svg class=\"drop-icon\" viewbox=\"0 0 60 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path d=\"M30 4C30 4 6 30 6 48C6 62.36 17.64 74 32 74C46.36 74 58 62.36 58 48C58 30 34 4 34 4C32.7 2.5 31.3 2.5 30 4Z\" fill=\"url(#dropGrad)\" stroke=\"none\"\/>\n        <ellipse cx=\"22\" cy=\"44\" rx=\"5\" ry=\"8\" fill=\"rgba(255,255,255,0.18)\" transform=\"rotate(-20 22 44)\"\/>\n        <defs>\n          <lineargradient id=\"dropGrad\" x1=\"32\" y1=\"4\" x2=\"32\" y2=\"74\" gradientunits=\"userSpaceOnUse\">\n            <stop offset=\"0%\" stop-color=\"#F2D9A8\"\/>\n            <stop offset=\"100%\" stop-color=\"#C4924A\"\/>\n          <\/lineargradient>\n        <\/defs>\n      <\/svg>\n    <\/h1>\n    <p class=\"hero-subtitle\">\u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03b1\u03b9\u03c7\u03bc\u03ae\u03c2 \u03b3\u03b9\u03b1 \u03b1\u03bd\u03b5\u03be\u03b1\u03c1\u03c4\u03b7\u03c3\u03af\u03b1 \u03bd\u03b5\u03c1\u03bf\u03cd \u03c3\u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1<\/p>\n    <div class=\"hero-divider\"><\/div>\n    <p class=\"hero-text\">\u03a4\u03ad\u03c3\u03c3\u03b5\u03c1\u03b1 \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1. \u039c\u03af\u03b1 \u03c5\u03c0\u03cc\u03c3\u03c7\u03b5\u03c3\u03b7: \u03ba\u03b1\u03b8\u03b1\u03c1\u03cc \u03bd\u03b5\u03c1\u03cc \u03c3\u03b5 \u03ba\u03ac\u03b8\u03b5 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.<\/p>\n  <\/section>\n\n  <!-- MODELS GRID -->\n  <section class=\"models-section\">\n    <div class=\"models-header reveal\">\n      <p style=\"color:var(--gold);font-size:0.7rem;letter-spacing:0.3em;font-family:'Montserrat',sans-serif;font-weight:600;text-transform:uppercase;margin-bottom:0.6rem;\">\u0397 \u03a3\u03b5\u03b9\u03c1\u03ac \u03bc\u03b1\u03c2<\/p>\n      <h2 class=\"section-title\">\u03a4\u03b1 \u039c\u03bf\u03bd\u03c4\u03ad\u03bb\u03b1 AquaSpirit<\/h2>\n      <p class=\"section-sub\">\u0395\u03c0\u03b9\u03bb\u03ad\u03be\u03c4\u03b5 \u03c4\u03bf \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf \u03c0\u03bf\u03c5 \u03c4\u03b1\u03b9\u03c1\u03b9\u03ac\u03b6\u03b5\u03b9 \u03c3\u03c4\u03bf \u03c3\u03ba\u03ac\u03c6\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03c4\u03b9\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c3\u03b1\u03c2<\/p>\n    <\/div>\n\n    <div class=\"models-grid\">\n\n      <!-- PREMIUM -->\n      <div class=\"model-card reveal reveal-delay-1\">\n        <a href=\"\/en\/aquaspirit-premium\/\" class=\"model-img-wrap\" aria-label=\"\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/AQUASPLIT\/AquaSpirit%20Premium\/360_model_1_FINAL\/mike_20260319_2349_prob5\/360_model_1_00001.png\" alt=\"AquaSpirit Premium\" loading=\"lazy\">\n          <div class=\"model-img-overlay\"><\/div>\n          <span class=\"model-badge\">360\u00b0 View<\/span>\n        <\/a>\n        <div class=\"model-content\">\n          <h3 class=\"model-name\"><span class=\"mn-brand\">AquaSpirit<\/span><span class=\"mn-variant\">Premium<\/span><\/h3>\n          <p class=\"model-desc\">\u0397 \u03bd\u03b1\u03c5\u03b1\u03c1\u03c7\u03af\u03b4\u03b1 \u03c4\u03b7\u03c2 \u03c3\u03b5\u03b9\u03c1\u03ac\u03c2. \u0399\u03b4\u03b1\u03bd\u03b9\u03ba\u03cc \u03b3\u03b9\u03b1 \u03c3\u03ba\u03ac\u03c6\u03b7 \u03b1\u03bd\u03b1\u03c8\u03c5\u03c7\u03ae\u03c2 \u03ba\u03b1\u03b9 \u03b5\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03c7\u03c1\u03ae\u03c3\u03b7 \u03bc\u03b5 \u03c5\u03c8\u03b7\u03bb\u03ad\u03c2 \u03b1\u03c0\u03b1\u03b9\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2.<\/p>\n          <div class=\"model-specs\">\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <path d=\"M12 2a10 10 0 1 0 10 10H12V2z\"\/><path d=\"M12 2a10 10 0 0 1 10 10\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u03a0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae<\/span>\n                <span class=\"spec-value\">70\u2013280 L\/h<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u039a\u03b1\u03c4\u03b1\u03bd\u03ac\u03bb\u03c9\u03c3\u03b7<\/span>\n                <span class=\"spec-value\">1.9\u20132.6 KW<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u0392\u03ac\u03c1\u03bf\u03c2<\/span>\n                <span class=\"spec-value\">67\u201385 kg<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <a href=\"\/en\/aquaspirit-premium\/\" class=\"model-cta\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u039c\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- PRO -->\n      <div class=\"model-card reveal reveal-delay-2\">\n        <a href=\"\/en\/aquaspirit-pro\/\" class=\"model-img-wrap\" aria-label=\"\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/AQUASPLIT\/AquaSpirit%20Pro\/360%20model%202\/360%20model%202_00131.png\" alt=\"AquaSpirit Pro\" loading=\"lazy\">\n          <div class=\"model-img-overlay\"><\/div>\n          <span class=\"model-badge\">360\u00b0 View<\/span>\n        <\/a>\n        <div class=\"model-content\">\n          <h3 class=\"model-name\"><span class=\"mn-brand\">AquaSpirit<\/span><span class=\"mn-variant\">Pro<\/span><\/h3>\n          <p class=\"model-desc\">\u0395\u03c0\u03b1\u03b3\u03b3\u03b5\u03bb\u03bc\u03b1\u03c4\u03b9\u03ba\u03ae \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03c3\u03b5 compact \u03c3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03cc. \u0393\u03b9\u03b1 \u03bc\u03b5\u03b3\u03ac\u03bb\u03b1 \u03c3\u03ba\u03ac\u03c6\u03b7 \u03ba\u03b1\u03b9 \u03b1\u03c0\u03b1\u03b9\u03c4\u03b7\u03c4\u03b9\u03ba\u03ad\u03c2 \u03b1\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ad\u03c2.<\/p>\n          <div class=\"model-specs\">\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <path d=\"M12 2a10 10 0 1 0 10 10H12V2z\"\/><path d=\"M12 2a10 10 0 0 1 10 10\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u03a0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae<\/span>\n                <span class=\"spec-value\">70\u2013280 L\/h<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u039a\u03b1\u03c4\u03b1\u03bd\u03ac\u03bb\u03c9\u03c3\u03b7<\/span>\n                <span class=\"spec-value\">1.9\u20132.6 KW<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u0392\u03ac\u03c1\u03bf\u03c2<\/span>\n                <span class=\"spec-value\">67\u201385 kg<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <a href=\"\/en\/aquaspirit-pro\/\" class=\"model-cta\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u039c\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- SPLITLINE -->\n      <div class=\"model-card reveal reveal-delay-3\">\n        <a href=\"\/en\/aquaspirit-splitline\/\" class=\"model-img-wrap\" aria-label=\"\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/AQUASPLIT\/AquaSpirit%20Splitline\/DSC03595%20(0-00-00-00).png\" alt=\"AquaSpirit Splitline\" loading=\"lazy\">\n          <div class=\"model-img-overlay\"><\/div>\n          <span class=\"model-badge\" style=\"background:var(--gold-dark);\">Split Design<\/span>\n        <\/a>\n        <div class=\"model-content\">\n          <h3 class=\"model-name\"><span class=\"mn-brand\">AquaSpirit<\/span><span class=\"mn-variant\">Splitline<\/span><\/h3>\n          <p class=\"model-desc\">\u039a\u03b1\u03b9\u03bd\u03bf\u03c4\u03cc\u03bc\u03bf\u03c2 split-design \u03b3\u03b9\u03b1 \u03bc\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b5\u03c5\u03b5\u03bb\u03b9\u03be\u03af\u03b1 \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2. \u039a\u03b5\u03c6\u03b1\u03bb\u03ae \u03ba\u03b1\u03b9 \u03bc\u03b5\u03bc\u03b2\u03c1\u03ac\u03bd\u03b7 \u03c7\u03c9\u03c1\u03b9\u03c3\u03c4\u03ac.<\/p>\n          <div class=\"model-specs\">\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <path d=\"M12 2a10 10 0 1 0 10 10H12V2z\"\/><path d=\"M12 2a10 10 0 0 1 10 10\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u03a0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae<\/span>\n                <span class=\"spec-value\">70\u2013280 L\/h<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u039a\u03b1\u03c4\u03b1\u03bd\u03ac\u03bb\u03c9\u03c3\u03b7<\/span>\n                <span class=\"spec-value\">1.9\u20132.6 KW<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u0392\u03ac\u03c1\u03bf\u03c2<\/span>\n                <span class=\"spec-value\">67\u201385 kg<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <a href=\"\/en\/aquaspirit-splitline\/\" class=\"model-cta\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u039c\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- SPLITLINE S -->\n      <div class=\"model-card reveal reveal-delay-4\">\n        <a href=\"\/en\/aquaspirit-splitline-s\/\" class=\"model-img-wrap\" aria-label=\"\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf\">\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/AQUASPLIT\/AquaSpirit%20Splitline%20S\/DSC03567%20(0-00-00-00).png\" alt=\"AquaSpirit Splitline S\" loading=\"lazy\">\n          <div class=\"model-img-overlay\"><\/div>\n          <span class=\"model-badge\" style=\"background:#2a9d8f;color:#fff;\">New<\/span>\n        <\/a>\n        <div class=\"model-content\">\n          <h3 class=\"model-name\"><span class=\"mn-brand\">AquaSpirit<\/span><span class=\"mn-variant\">Splitline S<\/span><\/h3>\n          <p class=\"model-desc\">Compact split-design \u03b3\u03b9\u03b1 \u03bc\u03b9\u03ba\u03c1\u03cc\u03c4\u03b5\u03c1\u03b1 \u03c3\u03ba\u03ac\u03c6\u03b7. \u039c\u03ad\u03b3\u03b9\u03c3\u03c4\u03b7 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7 \u03c3\u03b5 \u03b5\u03bb\u03ac\u03c7\u03b9\u03c3\u03c4\u03bf \u03c7\u03ce\u03c1\u03bf \u03b5\u03b3\u03ba\u03b1\u03c4\u03ac\u03c3\u03c4\u03b1\u03c3\u03b7\u03c2.<\/p>\n          <div class=\"model-specs\">\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <path d=\"M12 2a10 10 0 1 0 10 10H12V2z\"\/><path d=\"M12 2a10 10 0 0 1 10 10\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u03a0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae<\/span>\n                <span class=\"spec-value\">70\u2013280 L\/h<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u039a\u03b1\u03c4\u03b1\u03bd\u03ac\u03bb\u03c9\u03c3\u03b7<\/span>\n                <span class=\"spec-value\">1.9\u20132.6 KW<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"spec-item\">\n              <svg class=\"spec-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"color:var(--gold)\">\n                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M3 9h18\"\/>\n              <\/svg>\n              <div>\n                <span class=\"spec-label\">\u0392\u03ac\u03c1\u03bf\u03c2<\/span>\n                <span class=\"spec-value\">67\u201385 kg<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n          <a href=\"\/en\/aquaspirit-splitline-s\/\" class=\"model-cta\">\u0394\u03b5\u03af\u03c4\u03b5 \u03c4\u03bf \u039c\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf \u2192<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- WHY AQUASPIRIT -->\n  <section class=\"why-section\">\n    <div class=\"why-inner\">\n      <div class=\"why-header reveal\">\n        <p style=\"color:var(--gold);font-size:0.7rem;letter-spacing:0.3em;font-family:'Montserrat',sans-serif;font-weight:600;text-transform:uppercase;margin-bottom:0.6rem;\">\u0393\u03b9\u03b1\u03c4\u03af AquaSpirit<\/p>\n        <h2 class=\"section-title\">\u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03c0\u03bf\u03c5 \u0391\u03c0\u03bf\u03b4\u03af\u03b4\u03b5\u03b9<\/h2>\n        <p class=\"section-sub\">\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03b1 \u03b1\u03c0\u03bf\u03ba\u03bb\u03b5\u03b9\u03c3\u03c4\u03b9\u03ba\u03ac \u03b3\u03b9\u03b1 \u03b8\u03b1\u03bb\u03ac\u03c3\u03c3\u03b9\u03bf \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd<\/p>\n      <\/div>\n\n      <div class=\"why-grid\">\n        <div class=\"why-item reveal reveal-delay-1\">\n          <div class=\"why-icon\">\n            <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\">\n              <path d=\"M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2v-4M9 21H5a2 2 0 0 1-2-2v-4m0 0h18\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"why-title\">\u0391\u03bd\u03c4\u03af\u03c3\u03c4\u03c1\u03bf\u03c6\u03b7 \u038c\u03c3\u03bc\u03c9\u03c3\u03b7<\/h3>\n          <p class=\"why-text\">\u03a4\u03b5\u03c7\u03bd\u03bf\u03bb\u03bf\u03b3\u03af\u03b1 \u03c5\u03c8\u03b7\u03bb\u03ae\u03c2 \u03b1\u03c0\u03cc\u03b4\u03bf\u03c3\u03b7\u03c2 \u03b3\u03b9\u03b1 \u03c0\u03b1\u03c1\u03b1\u03b3\u03c9\u03b3\u03ae \u03c0\u03cc\u03c3\u03b9\u03bc\u03bf\u03c5 \u03bd\u03b5\u03c1\u03bf\u03cd \u03b1\u03c0\u03cc \u03b8\u03b1\u03bb\u03b1\u03c3\u03c3\u03b9\u03bd\u03cc<\/p>\n        <\/div>\n\n        <div class=\"why-item reveal reveal-delay-2\">\n          <div class=\"why-icon\">\n            <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\">\n              <path d=\"M13 2L3 14h9l-1 8 10-12h-9l1-8z\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"why-title\">\u0395\u03bd\u03b5\u03c1\u03b3\u03b5\u03b9\u03b1\u03ba\u03ae \u0391\u03c0\u03bf\u03b4\u03bf\u03c4\u03b9\u03ba\u03cc\u03c4\u03b7\u03c4\u03b1<\/h3>\n          <p class=\"why-text\">\u03a7\u03b1\u03bc\u03b7\u03bb\u03ae \u03ba\u03b1\u03c4\u03b1\u03bd\u03ac\u03bb\u03c9\u03c3\u03b7 \u03c1\u03b5\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2 \u03b3\u03b9\u03b1 \u03bc\u03b5\u03b3\u03b1\u03bb\u03cd\u03c4\u03b5\u03c1\u03b7 \u03b1\u03c5\u03c4\u03bf\u03bd\u03bf\u03bc\u03af\u03b1 \u03b5\u03bd \u03c0\u03bb\u03c9<\/p>\n        <\/div>\n\n        <div class=\"why-item reveal reveal-delay-3\">\n          <div class=\"why-icon\">\n            <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\">\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"why-title\">\u0391\u03bd\u03b8\u03b5\u03ba\u03c4\u03b9\u03ba\u03ac \u03a5\u03bb\u03b9\u03ba\u03ac<\/h3>\n          <p class=\"why-text\">\u039a\u03b1\u03c4\u03b1\u03c3\u03ba\u03b5\u03c5\u03b1\u03c3\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03b8\u03b1\u03bb\u03ac\u03c3\u03c3\u03b9\u03bf \u03c0\u03b5\u03c1\u03b9\u03b2\u03ac\u03bb\u03bb\u03bf\u03bd \u2014 \u03bc\u03b1\u03ba\u03c1\u03ac\u03c2 \u03b4\u03b9\u03ac\u03c1\u03ba\u03b5\u03b9\u03b1\u03c2 \u03b6\u03c9\u03ae\u03c2<\/p>\n        <\/div>\n\n        <div class=\"why-item reveal reveal-delay-4\">\n          <div class=\"why-icon\">\n            <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--gold)\" stroke-width=\"1.5\">\n              <circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14\"\/><path d=\"M4.93 4.93a10 10 0 0 0 0 14.14\"\/>\n            <\/svg>\n          <\/div>\n          <h3 class=\"why-title\">\u0395\u03cd\u03ba\u03bf\u03bb\u03b7 \u03a3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7<\/h3>\n          <p class=\"why-text\">\u03a3\u03c7\u03b5\u03b4\u03b9\u03b1\u03c3\u03bc\u03ad\u03bd\u03b1 \u03b3\u03b9\u03b1 \u03b3\u03c1\u03ae\u03b3\u03bf\u03c1\u03b7 \u03c0\u03c1\u03cc\u03c3\u03b2\u03b1\u03c3\u03b7 \u03ba\u03b1\u03b9 \u03c3\u03ad\u03c1\u03b2\u03b9\u03c2 \u03b5\u03bd \u03c0\u03bb\u03c9 \u03c7\u03c9\u03c1\u03af\u03c2 \u03b5\u03be\u03b5\u03b9\u03b4\u03af\u03ba\u03b5\u03c5\u03c3\u03b7<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA BANNER -->\n  <section class=\"cta-banner\">\n    <div class=\"cta-bg\">\n      <img decoding=\"async\" src=\"\/wp-content\/uploads\/seaspirit\/C3253.00_02_38_94.Still043.jpg\" alt=\"\">\n    <\/div>\n    <div class=\"cta-inner reveal\">\n      <h2 class=\"cta-title\">\u03a7\u03c1\u03b5\u03b9\u03ac\u03b6\u03b5\u03c3\u03c4\u03b5 \u0392\u03bf\u03ae\u03b8\u03b5\u03b9\u03b1 \u03c3\u03c4\u03b7\u03bd \u0395\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae;<\/h2>\n      <p class=\"cta-text\">\u039f\u03b9 \u03b5\u03b9\u03b4\u03b9\u03ba\u03bf\u03af \u03bc\u03b1\u03c2 \u03b5\u03af\u03bd\u03b1\u03b9 \u03b5\u03b4\u03ce \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c3\u03b1\u03c2 \u03b2\u03bf\u03b7\u03b8\u03ae\u03c3\u03bf\u03c5\u03bd \u03bd\u03b1 \u03b5\u03c0\u03b9\u03bb\u03ad\u03be\u03b5\u03c4\u03b5 \u03c4\u03bf \u03ba\u03b1\u03c4\u03ac\u03bb\u03bb\u03b7\u03bb\u03bf \u03bc\u03bf\u03bd\u03c4\u03ad\u03bb\u03bf \u03b3\u03b9\u03b1 \u03c4\u03b9\u03c2 \u03b1\u03bd\u03ac\u03b3\u03ba\u03b5\u03c2 \u03c3\u03b1\u03c2.<\/p>\n      <a href=\"\/en\/contact\/\" class=\"btn-gold\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03ae\u03c3\u03c4\u03b5 \u039c\u03b1\u03b6\u03af \u03bc\u03b1\u03c2<\/a>\n    <\/div>\n  <\/section>\n\n  <!-- FOOTER -->\n  <style>\n.ss-footer{--ss-footer-bg:#050D18;--ss-border:rgba(234,195,129,0.18);--ss-muted:rgba(255,255,255,0.55);--ss-gold:#EAC381;--ss-gold-light:#F2D9A8;--ss-gold-deeper:#9A7030;--ss-off-white:#F5F0E8;--ss-font-serif:'Lora',Georgia,serif;background:var(--ss-footer-bg);border-top:1px solid var(--ss-border);padding:70px 0 0;color:#fff;font-family:'Inter',sans-serif;}\n.ss-footer .ss-container{max-width:1280px;margin:0 auto;padding:0 2rem;}\n.ss-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem;}\n.ss-footer-brand img{height:38px;width:auto;margin-bottom:1.5rem;}\n.ss-footer-brand p{font-size:0.82rem;line-height:1.85;color:var(--ss-muted);max-width:280px;margin-bottom:2rem;}\n.ss-footer-brand-tagline{font-family:var(--ss-font-serif);font-style:italic;font-size:0.9rem;color:var(--ss-gold-light);line-height:1.5;margin-bottom:1.5rem;}\n.ss-footer-socials{display:flex;gap:0.8rem;margin-top:1.5rem;}\n.ss-footer-social{width:38px;height:38px;border:1px solid var(--ss-border);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--ss-muted);transition:all 0.3s;text-decoration:none;}\n.ss-footer-social:hover{background:rgba(234,195,129,0.1);border-color:var(--ss-gold);color:var(--ss-gold-light);}\n.ss-footer-social svg{width:16px;height:16px;fill:currentColor;}\n.ss-footer-col h5{font-size:0.7rem;font-weight:600;letter-spacing:0.25em;text-transform:uppercase;color:var(--ss-gold);margin-bottom:1.5rem;padding-bottom:0.8rem;border-bottom:1px solid var(--ss-border);}\n.ss-footer-col ul{display:flex;flex-direction:column;gap:0.6rem;list-style:none;padding:0;margin:0;}\n.ss-footer-col ul li a{font-size:0.82rem;color:var(--ss-muted);transition:color 0.3s;display:flex;align-items:center;gap:6px;text-decoration:none;}\n.ss-footer-col ul li a::before{content:'\u2014';color:var(--ss-gold-deeper);font-size:0.7rem;}\n.ss-footer-col ul li a:hover{color:var(--ss-gold-light);}\n.ss-footer-contact p{font-size:0.82rem;color:var(--ss-muted);line-height:2;}\n.ss-footer-contact strong{color:var(--ss-off-white);}\n.ss-footer-bottom{border-top:1px solid var(--ss-border);padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}\n.ss-footer-bottom p{font-size:0.72rem;color:var(--ss-muted);}\n.ss-footer-bottom a{color:var(--ss-gold);transition:color 0.3s;text-decoration:none;}\n.ss-footer-bottom a:hover{color:var(--ss-gold-light);}\n.ss-footer-legal{display:flex;gap:1.5rem;}\n@media (max-width:1024px){.ss-footer-grid{grid-template-columns:1fr 1fr;gap:3rem;}}\n@media (max-width:768px){.ss-footer-grid{grid-template-columns:1fr;gap:2.5rem;}}\n@media (max-width:480px){.ss-footer-bottom{flex-direction:column;text-align:center;}}\n<\/style>\n<footer class=\"ss-footer\">\n  <div class=\"ss-container\">\n    <div class=\"ss-footer-grid\">\n      <div class=\"ss-footer-brand\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/04\/logo-horizontal-gold.png\" alt=\"Sea Spirit\">\n        <p class=\"ss-footer-brand-tagline\">\u00ab\u0391\u03ba\u03c1\u03af\u03b2\u03b5\u03b9\u03b1. \u03a3\u03c5\u03bd\u03ad\u03c0\u03b5\u03b9\u03b1. \u0391\u03be\u03b9\u03bf\u03c0\u03b9\u03c3\u03c4\u03af\u03b1 \u03c3\u03c4\u03b7 \u03b8\u03ac\u03bb\u03b1\u03c3\u03c3\u03b1.\u00bb<\/p>\n        \n        <div class=\"ss-footer-socials\">\n          <a href=\"https:\/\/www.instagram.com\/ssmarine_\/\" class=\"ss-footer-social\" aria-label=\"Instagram\" target=\"_blank\" rel=\"noopener\">\n            <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"ss-footer-col\">\n        <h5>\u03a5\u03c0\u03b7\u03c1\u03b5\u03c3\u03af\u03b5\u03c2<\/h5>\n        <ul>\n          <li><a href=\"\/en\/services\/\">\u0391\u03c6\u03b1\u03bb\u03ac\u03c4\u03c9\u03c3\u03b7 \u039d\u03b5\u03c1\u03bf\u03cd<\/a><\/li>\n          <li><a href=\"\/en\/services\/\">\u039a\u03bb\u03b9\u03bc\u03b1\u03c4\u03b9\u03c3\u03bc\u03cc\u03c2 HVAC<\/a><\/li>\n          <li><a href=\"\/en\/services\/\">\u03a8\u03c5\u03ba\u03c4\u03b9\u03ba\u03ac \u03a3\u03c5\u03c3\u03c4\u03ae\u03bc\u03b1\u03c4\u03b1<\/a><\/li>\n          <li><a href=\"\/en\/services\/\">\u03a5\u03b4\u03c1\u03b1\u03c5\u03bb\u03b9\u03ba\u03ac<\/a><\/li>\n          <li><a href=\"\/en\/services\/\">\u03a0\u03c1\u03bf\u03bb\u03b7\u03c0\u03c4\u03b9\u03ba\u03ae \u03a3\u03c5\u03bd\u03c4\u03ae\u03c1\u03b7\u03c3\u03b7<\/a><\/li>\n          <li><a href=\"\/en\/services\/\">\u03a4\u03b5\u03c7\u03bd\u03b9\u03ba\u03ac \u0394\u03b9\u03b1\u03b3\u03bd\u03c9\u03c3\u03c4\u03b9\u03ba\u03ac<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer-col\">\n        <h5>\u0395\u03c4\u03b1\u03b9\u03c1\u03b5\u03af\u03b1<\/h5>\n        <ul>\n          <li><a href=\"\/en\/about\/\">\u03a3\u03c7\u03b5\u03c4\u03b9\u03ba\u03ac \u03bc\u03b5 \u03b5\u03bc\u03ac\u03c2<\/a><\/li>\n          <li><a href=\"\/en\/aquaspirit\/\">AquaSpirit<\/a><\/li>\n          <li><a href=\"\/en\/contact\/\">\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/a><\/li>\n          <li><a href=\"\/en\/politiki-aporritou\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a><\/li>\n          <li><a href=\"\/en\/oroi-xrisis\/\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"ss-footer-col ss-footer-contact\">\n        <h5>\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1<\/h5>\n        <p><strong>Email<\/strong><br>info@ssmarine.gr<\/p>\n        <br>\n        <p><strong>\u03a4\u03b7\u03bb\u03ad\u03c6\u03c9\u03bd\u03bf<\/strong><br>+30 210 9943580<\/p>\n        <br>\n        <p><strong>\u039a\u03b9\u03bd\u03b7\u03c4\u03cc<\/strong><br>+30 698 0682588<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"ss-footer-bottom\">\n      <p>\u00a9 2026 Sea Spirit. Designed by <a href=\"https:\/\/notosweb.com\" target=\"_blank\" rel=\"noopener\">NotosWeb<\/a><\/p>\n      <div class=\"ss-footer-legal\">\n        <a href=\"\/en\/politiki-aporritou\/\">\u03a0\u03bf\u03bb\u03b9\u03c4\u03b9\u03ba\u03ae \u0391\u03c0\u03bf\u03c1\u03c1\u03ae\u03c4\u03bf\u03c5<\/a>\n        <a href=\"\/en\/oroi-xrisis\/\">\u038c\u03c1\u03bf\u03b9 \u03a7\u03c1\u03ae\u03c3\u03b7\u03c2<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\t\n\n  <script>\n    \/\/ --- Navbar scroll ---\n    var navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', function() {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n    \/\/ Always show scrolled state on inner pages (no hero)\n    navbar.classList.add('scrolled');\n\n    \/\/ --- Popup menu ---\n    var menuTrigger  = document.getElementById('menuTrigger');\n    var popupMenu    = document.getElementById('popupMenu');\n    var popupClose   = document.getElementById('popupClose');\n    var popupOverlay = document.getElementById('popupOverlay');\n    function openMenu()  { popupMenu.classList.add('open');    document.body.style.overflow = 'hidden'; }\n    function closeMenu() { popupMenu.classList.remove('open'); document.body.style.overflow = ''; }\n    menuTrigger.addEventListener('click', openMenu);\n    popupClose.addEventListener('click', closeMenu);\n    popupOverlay.addEventListener('click', closeMenu);\n    document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeMenu(); });\n\n    \/\/ Scroll Reveal\n    const reveals = document.querySelectorAll('.reveal');\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) {\n          e.target.classList.add('visible');\n          observer.unobserve(e.target);\n        }\n      });\n    }, { threshold: 0.12 });\n    reveals.forEach(el => observer.observe(el));\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-513c0f5 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"513c0f5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-da8ab60\" data-id=\"da8ab60\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c68fb0 elementor-widget elementor-widget-html\" data-id=\"6c68fb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\n    \/\/ --- Navbar scroll ---\n    var navbar = document.getElementById('navbar');\n    window.addEventListener('scroll', function() {\n      navbar.classList.toggle('scrolled', window.scrollY > 60);\n    });\n    \/\/ Always show scrolled state on inner pages (no hero)\n    navbar.classList.add('scrolled');\n\n    \/\/ --- Popup menu ---\n    var menuTrigger  = document.getElementById('menuTrigger');\n    var popupMenu    = document.getElementById('popupMenu');\n    var popupClose   = document.getElementById('popupClose');\n    var popupOverlay = document.getElementById('popupOverlay');\n    function openMenu()  { popupMenu.classList.add('open');    document.body.style.overflow = 'hidden'; }\n    function closeMenu() { popupMenu.classList.remove('open'); document.body.style.overflow = ''; }\n    menuTrigger.addEventListener('click', openMenu);\n    popupClose.addEventListener('click', closeMenu);\n    popupOverlay.addEventListener('click', closeMenu);\n    document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeMenu(); });\n\n    \/\/ Scroll Reveal\n    const reveals = document.querySelectorAll('.reveal');\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if (e.isIntersecting) {\n          e.target.classList.add('visible');\n          observer.unobserve(e.target);\n        }\n      });\n    }, { threshold: 0.12 });\n    reveals.forEach(el => observer.observe(el));\n  <\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":1,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":65,"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/65"}],"wp:attachment":[{"href":"https:\/\/seaspirithtml.notosweb.com\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}