{"id":17,"date":"2024-10-14T09:19:58","date_gmt":"2024-10-14T09:19:58","guid":{"rendered":"https:\/\/demo.casethemes.net\/agenzio\/?page_id=17"},"modified":"2026-05-18T17:31:33","modified_gmt":"2026-05-18T17:31:33","slug":"home","status":"publish","type":"page","link":"https:\/\/akvamariin.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17\" class=\"elementor elementor-17\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13822b0 e-con-full e-flex e-con e-parent \" data-id=\"13822b0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-772aa8e elementor-widget elementor-widget-html\" data-id=\"772aa8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"akv-hero-v3\" id=\"home\">\n  <div class=\"akv-hero-v3-word\" aria-hidden=\"true\">AKVAMARIIN<\/div>\n\n  <div class=\"akv-hero-v3-shell\">\n    <div class=\"akv-hero-v3-copy\">\n      <h1>Websites, branding and visuals built with clarity.<\/h1>\n\n      <p>We help businesses look clear, consistent and professional.<\/p>\n\n      <div class=\"akv-hero-v3-actions\">\n        <a href=\"https:\/\/akvamariin.com\/contact\/\" class=\"akv-hero-v3-btn akv-hero-v3-btn-main\">\n          Start a project\n        <\/a>\n\n        <a href=\"#services\" class=\"akv-hero-v3-btn akv-hero-v3-btn-ghost\">\n          View services\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"akv-hero-v3-fade\" aria-hidden=\"true\"><\/div>\n<\/section>\n\n<style>\n.akv-hero-v3 {\n  --green: #20c997;\n  --white: #f5f5f2;\n\n  position: relative;\n  width: 100vw;\n  min-height: 100svh;\n  margin-left: calc(50% - 50vw);\n  color: var(--white);\n  overflow: hidden;\n  isolation: isolate;\n  font-family: inherit;\n  background:\n    radial-gradient(circle at 76% 18%, rgba(32,201,151,.12), transparent 30%),\n    radial-gradient(circle at 16% 82%, rgba(32,201,151,.07), transparent 32%),\n    linear-gradient(135deg, #171717 0%, #202522 48%, #1a1a1a 100%);\n}\n\n.akv-hero-v3,\n.akv-hero-v3 * {\n  box-sizing: border-box;\n}\n\n.akv-hero-v3::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 1;\n  pointer-events: none;\n  background:\n    linear-gradient(115deg, rgba(255,255,255,.045), transparent 34%),\n    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),\n    linear-gradient(180deg, rgba(255,255,255,.022) 1px, transparent 1px);\n  background-size: auto, 120px 120px, 120px 120px;\n  opacity: .55;\n  mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 92%);\n}\n\n.akv-hero-v3-shell {\n  position: relative;\n  z-index: 5;\n  width: min(1540px, 100%);\n  min-height: 100svh;\n  margin: 0 auto;\n  padding: clamp(120px, 10vw, 160px) clamp(24px, 5vw, 72px) clamp(78px, 7vw, 116px);\n  display: flex;\n  align-items: center;\n}\n\n.akv-hero-v3-copy {\n  width: 100%;\n  max-width: 1120px;\n}\n\n.akv-hero-v3 h1 {\n  margin: 0;\n  max-width: 1080px;\n  color: var(--white);\n  font-size: clamp(54px, 7.8vw, 90px);\n  line-height: .89;\n  letter-spacing: -.05em;\n  font-weight: 900;\n  text-shadow: 0 18px 70px rgba(0,0,0,.24);\n  text-wrap: balance;\n}\n\n.akv-hero-v3-copy p {\n  max-width: 700px;\n  margin: clamp(22px, 2.6vw, 36px) 0 0;\n  color: rgba(255,255,255,.78);\n  font-size: clamp(21px, 1.8vw, 31px);\n  line-height: 1.18;\n  letter-spacing: -.045em;\n  font-weight: 620;\n}\n\n.akv-hero-v3-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 14px;\n  margin-top: clamp(28px, 3.6vw, 48px);\n}\n\n.akv-hero-v3-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 52px;\n  padding: 15px 28px;\n  border-radius: 999px;\n  color: #fff !important;\n  text-decoration: none !important;\n  font-size: 15px;\n  line-height: 1;\n  font-weight: 850;\n  transition: transform .2s ease, background-color .2s ease, border-color .2s ease;\n}\n\n.akv-hero-v3-btn-main {\n  border: 1px solid rgba(32,201,151,.62);\n  background: rgba(32,201,151,.13);\n  box-shadow: 0 0 26px rgba(32,201,151,.10);\n}\n\n.akv-hero-v3-btn-ghost {\n  border: 1px solid rgba(255,255,255,.18);\n  background: rgba(255,255,255,.045);\n}\n\n.akv-hero-v3-btn:hover {\n  transform: translateY(-2px);\n}\n\n.akv-hero-v3-word {\n  position: absolute;\n  left: 50%;\n  bottom: -0.11em;\n  transform: translateX(-50%);\n  color: rgba(255,255,255,.026);\n  font-size: clamp(90px, 17vw, 330px);\n  line-height: .75;\n  letter-spacing: -.1em;\n  font-weight: 950;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n  z-index: 2;\n}\n\n.akv-hero-v3-fade {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: -1px;\n  height: 86px;\n  z-index: 4;\n  pointer-events: none;\n  background: linear-gradient(\n    180deg,\n    rgba(25,25,25,0) 0%,\n    rgba(31,37,34,.34) 55%,\n    rgba(31,37,34,1) 100%\n  );\n}\n\n\/* TABLET *\/\n@media (max-width: 1100px) {\n  .akv-hero-v3-shell {\n    align-items: center;\n    padding-top: 122px;\n  }\n}\n\n\/* MOBILE *\/\n@media (max-width: 620px) {\n  .akv-hero-v3 {\n    min-height: auto;\n  }\n\n  .akv-hero-v3-shell {\n    min-height: auto;\n    padding: 112px 26px 66px;\n    align-items: flex-start;\n  }\n\n  .akv-hero-v3 h1 {\n    font-size: clamp(43px, 11.6vw, 50px);\n    line-height: .94;\n    letter-spacing: -.062em;\n    max-width: 100%;\n    text-wrap: auto;\n  }\n\n  .akv-hero-v3-copy p {\n    margin-top: 18px;\n    font-size: 20px;\n    line-height: 1.22;\n    letter-spacing: -.04em;\n    max-width: 100%;\n  }\n\n  .akv-hero-v3-actions {\n    display: grid;\n    grid-template-columns: 1fr;\n    width: 100%;\n    gap: 12px;\n    margin-top: 26px;\n  }\n\n  .akv-hero-v3-btn {\n    width: 100%;\n    min-height: 54px;\n    padding: 15px 18px;\n    font-size: 16px;\n  }\n\n  .akv-hero-v3-word {\n    bottom: -0.04em;\n    font-size: clamp(76px, 23vw, 135px);\n    letter-spacing: -.09em;\n  }\n\n  .akv-hero-v3-fade {\n    height: 72px;\n  }\n}\n\n\/* SMALL MOBILE *\/\n@media (max-width: 380px) {\n  .akv-hero-v3-shell {\n    padding-left: 22px;\n    padding-right: 22px;\n  }\n\n  .akv-hero-v3 h1 {\n    font-size: 40px;\n  }\n\n  .akv-hero-v3-copy p {\n    font-size: 19px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .akv-hero-v3-btn {\n    transition: none !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-c2a5e09 e-con-full akv-home-flow e-flex e-con e-parent \" data-id=\"c2a5e09\" data-element_type=\"container\" data-e-type=\"container\">\t\t<div class=\"elementor-element elementor-element-a8d2bbd elementor-widget elementor-widget-html\" data-id=\"a8d2bbd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"akv-about\" id=\"about\">\n  <div class=\"akv-about-word\" aria-hidden=\"true\">About<\/div>\n\n  <div class=\"akv-about-shell\">\n    <div class=\"akv-about-left\">\n      <div class=\"akv-about-top\">\n        <span class=\"akv-about-kicker\">About us<\/span>\n        <span class=\"akv-about-pill\"><i><\/i>Since 2022<\/span>\n      <\/div>\n\n      <h2>We\u2019re a small creative studio focused on websites, branding and visual design.<\/h2>\n    <\/div>\n\n    <div class=\"akv-about-right\">\n      <p class=\"akv-about-lead\">\n        While we may not have hundreds of projects to show yet, we care deeply about creating work that feels clear, polished and genuinely useful for every client.\n      <\/p>\n\n      \n    <\/div>\n\n    <div class=\"akv-about-signals\">\n      <div class=\"akv-signal akv-signal-main\">\n        <span>01<\/span>\n        <strong>Websites<\/strong>\n      <\/div>\n\n      <div class=\"akv-signal\">\n        <span>02<\/span>\n        <strong>Branding<\/strong>\n      <\/div>\n\n      <div class=\"akv-signal\">\n        <span>03<\/span>\n        <strong>Print Design<\/strong>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.akv-about {\n  --green: #20c997;\n  --white: #f5f5f2;\n  --muted: rgba(255,255,255,.68);\n  --line: rgba(255,255,255,.13);\n\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  color: var(--white);\n  overflow: hidden;\n  font-family: inherit;\n  background: transparent;\n}\n\n.akv-about,\n.akv-about * {\n  box-sizing: border-box;\n}\n\n.akv-about-word {\n  position: absolute;\n  right: -0.08em;\n  top: -0.12em;\n  color: rgba(255,255,255,.03);\n  font-size: clamp(90px, 16vw, 300px);\n  line-height: .75;\n  letter-spacing: -.07em;\n  font-weight: 950;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n  z-index: 1;\n}\n\n.akv-about-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1540px, 100%);\n  margin: 0 auto;\n  padding: clamp(64px, 7vw, 96px) clamp(24px, 5vw, 72px);\n  display: grid;\n  grid-template-columns: .95fr 1.05fr;\n  gap: clamp(34px, 6vw, 90px);\n  align-items: center;\n}\n\n.akv-about-top {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n  margin-bottom: 20px;\n}\n\n.akv-about-kicker {\n  color: var(--green);\n  font-size: clamp(13px, 1vw, 18px);\n  font-weight: 850;\n  line-height: 1;\n  text-transform: uppercase;\n  letter-spacing: .045em;\n  text-decoration: underline;\n  text-underline-offset: 5px;\n}\n\n.akv-about-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 32px;\n  padding: 7px 13px;\n  border-radius: 999px;\n  border: 1px solid rgba(255,255,255,.12);\n  background: rgba(255,255,255,.05);\n  color: rgba(255,255,255,.72);\n  font-size: 13px;\n  font-weight: 700;\n}\n\n.akv-about-pill i {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--green);\n  box-shadow: 0 0 12px rgba(32,201,151,.7);\n  display: block;\n}\n\n.akv-about-left h2 {\n  margin: 0;\n  max-width: 780px;\n  color: var(--white);\n  font-size: clamp(40px, 4.8vw, 76px);\n  line-height: .96;\n  letter-spacing: -.065em;\n  font-weight: 900;\n}\n\n.akv-about-right {\n  max-width: 700px;\n  padding-top: 42px;\n}\n\n.akv-about-lead {\n  margin: 0 0 18px;\n  color: #fff;\n  font-size: clamp(22px, 1.9vw, 32px);\n  line-height: 1.2;\n  letter-spacing: -.045em;\n  font-weight: 720;\n}\n\n.akv-about-text {\n  margin: 0;\n  max-width: 640px;\n  color: var(--muted);\n  font-size: clamp(17px, 1.2vw, 21px);\n  line-height: 1.52;\n  letter-spacing: -.025em;\n  font-weight: 520;\n}\n\n.akv-about-signals {\n  grid-column: 1 \/ -1;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 14px;\n  margin-top: clamp(34px, 4.5vw, 64px);\n}\n\n.akv-signal {\n  min-height: 190px;\n  padding: clamp(22px, 2.4vw, 34px);\n  border: 1px solid var(--line);\n  background:\n    radial-gradient(circle at 100% 0%, rgba(32,201,151,.10), transparent 34%),\n    rgba(255,255,255,.035);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: hidden;\n  position: relative;\n}\n\n.akv-signal-main {\n  background:\n    radial-gradient(circle at 100% 0%, rgba(32,201,151,.16), transparent 36%),\n    linear-gradient(135deg, rgba(32,201,151,.10), rgba(255,255,255,.025));\n}\n\n.akv-signal span {\n  position: relative;\n  display: block;\n  color: var(--green);\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 850;\n  letter-spacing: .05em;\n  text-transform: uppercase;\n}\n\n.akv-signal strong {\n  position: relative;\n  display: block;\n  color: #fff;\n  font-size: clamp(30px, 3vw, 54px);\n  line-height: .95;\n  letter-spacing: -.065em;\n  font-weight: 850;\n}\n\n@media (max-width: 1100px) {\n  .akv-about-shell {\n    grid-template-columns: 1fr;\n    gap: 28px;\n    align-items: start;\n  }\n\n  .akv-about-right {\n    padding-top: 0;\n  }\n\n  .akv-about-signals {\n    grid-template-columns: 1fr 1fr 1fr;\n  }\n}\n\n@media (max-width: 620px) {\n  .akv-about-shell {\n    padding: 54px 24px 64px;\n    gap: 24px;\n  }\n\n  .akv-about-top {\n    margin-bottom: 16px;\n  }\n\n  .akv-about-left h2 {\n    font-size: 38px;\n    line-height: .98;\n    letter-spacing: -.055em;\n    max-width: 100%;\n  }\n\n  .akv-about-lead {\n    font-size: 22px;\n    line-height: 1.18;\n    margin-bottom: 14px;\n  }\n\n  .akv-about-text {\n    font-size: 17px;\n    line-height: 1.45;\n  }\n\n  .akv-about-signals {\n    grid-template-columns: 1fr;\n    gap: 10px;\n    margin-top: 8px;\n  }\n\n  .akv-signal {\n    min-height: auto;\n    padding: 20px;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .akv-signal span {\n    font-size: 12px;\n  }\n\n  .akv-signal strong {\n    font-size: 27px;\n    line-height: .98;\n    text-align: right;\n  }\n\n  .akv-about-word {\n    right: -0.25em;\n    top: .02em;\n    font-size: 118px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0305628 elementor-widget elementor-widget-html\" data-id=\"0305628\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"akv-services-v2\" id=\"services\">\n  <div class=\"akv-services-word\" aria-hidden=\"true\">Services<\/div>\n\n  <div class=\"akv-services-shell\">\n    <div class=\"akv-services-head\">\n      <div>\n        <span class=\"akv-services-kicker\">Our Services<\/span>\n        <h2>Everything your brand needs to look clear and professional.<\/h2>\n      <\/div>\n\n      <div class=\"akv-services-intro\">\n        <p>\n          From a first logo to a complete website setup, we help shape the visual side of your business so it feels consistent, modern and ready to use.\n        <\/p>\n\n        <a href=\"https:\/\/akvamariin.com\/contact\/\" class=\"akv-services-cta\">\n          Start a project\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"akv-services-grid\">\n      <a class=\"akv-service-card is-active\" href=\"https:\/\/akvamariin.com\/service\/logo-design\/\">\n        <div class=\"akv-service-top\">\n          <span>01<\/span>\n          <span class=\"akv-service-arrow\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <path d=\"M7 17L17 7M10 7h7v7\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <div class=\"akv-service-content\">\n          <h3>Logo Design<\/h3>\n          <p>A clean, memorable logo that gives your brand a stronger first impression.<\/p>\n        <\/div>\n\n        <div class=\"akv-service-tags\" aria-label=\"Logo Design tags\">\n          <span>Logo<\/span>\n          <span>Brand Mark<\/span>\n          <span>Visual Style<\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"akv-service-card\" href=\"https:\/\/akvamariin.com\/service\/website-redesign\/\">\n        <div class=\"akv-service-top\">\n          <span>02<\/span>\n          <span class=\"akv-service-arrow\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <path d=\"M7 17L17 7M10 7h7v7\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <div class=\"akv-service-content\">\n          <h3>Website Redesign<\/h3>\n          <p>For businesses with an existing site that needs to look sharper, feel clearer and work smoother.<\/p>\n        <\/div>\n\n        <div class=\"akv-service-tags\" aria-label=\"Website Redesign tags\">\n          <span>Refresh<\/span>\n          <span>Structure<\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"akv-service-card akv-service-feature\" href=\"https:\/\/akvamariin.com\/service\/complete-web-setup\/\">\n        <div class=\"akv-service-top\">\n          <span>03<\/span>\n          <span class=\"akv-service-arrow\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <path d=\"M7 17L17 7M10 7h7v7\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <div class=\"akv-service-content\">\n          <h3>Complete Website Setup<\/h3>\n          <p>A new website built from zero including structure, design, setup and launch support.<\/p>\n        <\/div>\n\n        <div class=\"akv-service-tags\" aria-label=\"Complete Website Setup tags\">\n          <span>Domain<\/span>\n          <span>Website<\/span>\n          <span>Setup<\/span>\n          <span>Launch<\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"akv-service-card\" href=\"https:\/\/akvamariin.com\/service\/print-graphic-design\/\">\n        <div class=\"akv-service-top\">\n          <span>04<\/span>\n          <span class=\"akv-service-arrow\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <path d=\"M7 17L17 7M10 7h7v7\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <div class=\"akv-service-content\">\n          <h3>Print & Graphic Design<\/h3>\n          <p>Posters, roll-ups, flyers and other visuals that keep your brand consistent offline too.<\/p>\n        <\/div>\n\n        <div class=\"akv-service-tags\" aria-label=\"Print and Graphic Design tags\">\n          <span>Posters<\/span>\n          <span>Roll-ups<\/span>\n          <span>Flyers<\/span>\n        <\/div>\n      <\/a>\n\n      <a class=\"akv-service-card\" href=\"https:\/\/akvamariin.com\/service\/website-care-maintenance\/\">\n        <div class=\"akv-service-top\">\n          <span>05<\/span>\n          <span class=\"akv-service-arrow\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\" focusable=\"false\">\n              <path d=\"M7 17L17 7M10 7h7v7\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/div>\n\n        <div class=\"akv-service-content\">\n          <h3>Website Care & Maintenance<\/h3>\n          <p>Ongoing updates, fixes and support to keep your website healthy, secure and up to date.<\/p>\n        <\/div>\n\n        <div class=\"akv-service-tags\" aria-label=\"Website Care and Maintenance tags\">\n          <span>Updates<\/span>\n          <span>Fixes<\/span>\n          <span>Support<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.akv-services-v2 {\n  --green: #20c997;\n  --white: #f5f5f2;\n  --muted: rgba(255,255,255,.66);\n  --line: rgba(255,255,255,.13);\n\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  color: var(--white);\n  overflow: hidden;\n  font-family: inherit;\n  background: transparent;\n}\n\n.akv-services-v2,\n.akv-services-v2 * {\n  box-sizing: border-box;\n}\n\n.akv-services-word {\n  position: absolute;\n  left: 70%;\n  top: clamp(14px,4vw,54px);\n  transform: translate3d(-50%,0,0);\n  color: rgba(255,255,255,.03);\n  font-size: clamp(92px,17vw,330px);\n  line-height: .75;\n  letter-spacing: -.05em;\n  font-weight: 900;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n  z-index: 1;\n}\n\n.akv-services-shell {\n  position: relative;\n  z-index: 2;\n  width: min(1540px,100%);\n  margin: 0 auto;\n  padding: clamp(58px,6vw,88px) clamp(18px,5vw,72px);\n}\n\n.akv-services-head {\n  display: grid;\n  grid-template-columns: 1fr .82fr;\n  gap: clamp(34px,6vw,96px);\n  align-items: end;\n  margin-bottom: clamp(34px,5vw,68px);\n}\n\n.akv-services-kicker {\n  display: inline-block;\n  margin-bottom: 20px;\n  color: var(--green);\n  font-size: clamp(13px,1vw,18px);\n  font-weight: 850;\n  line-height: 1;\n  text-transform: uppercase;\n  letter-spacing: .04em;\n  text-decoration: underline;\n  text-underline-offset: 5px;\n}\n\n.akv-services-head h2 {\n  margin: 0;\n  max-width: 940px;\n  color: var(--white);\n  font-size: clamp(44px,6.1vw,102px);\n  line-height: .91;\n  letter-spacing: -.078em;\n  font-weight: 850;\n  text-wrap: balance;\n}\n\n.akv-services-intro p {\n  margin: 0 0 26px;\n  max-width: 620px;\n  color: rgba(255,255,255,.75);\n  font-size: clamp(19px,1.55vw,27px);\n  line-height: 1.24;\n  letter-spacing: -.045em;\n  font-weight: 600;\n}\n\n.akv-services-cta {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 50px;\n  padding: 15px 25px;\n  border: 1px solid rgba(32,201,151,.52);\n  border-radius: 999px;\n  color: #fff !important;\n  text-decoration: none !important;\n  font-size: 15px;\n  font-weight: 850;\n  background: rgba(32,201,151,.1);\n  box-shadow: 0 0 22px rgba(32,201,151,.09);\n  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;\n}\n\n.akv-services-cta:hover,\n.akv-services-cta:focus-visible {\n  transform: translate3d(0,-2px,0);\n  background: rgba(32,201,151,.17);\n  border-color: rgba(32,201,151,.82);\n}\n\n.akv-services-grid {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  border-top: 1px solid var(--line);\n  border-left: 1px solid var(--line);\n}\n\n.akv-service-card {\n  position: relative;\n  min-height: 360px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: clamp(24px,2.8vw,42px);\n  border-right: 1px solid var(--line);\n  border-bottom: 1px solid var(--line);\n  background: rgba(255,255,255,.018);\n  overflow: hidden;\n  text-decoration: none !important;\n  color: var(--white) !important;\n  cursor: pointer;\n  transform: translate3d(0,0,0);\n  transition: background-color .18s ease, transform .18s ease;\n  will-change: auto;\n}\n\n.akv-service-card::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  opacity: 0;\n  pointer-events: none;\n  background: linear-gradient(180deg,rgba(32,201,151,0),rgba(32,201,151,.115));\n  transition: opacity .22s ease;\n}\n\n.akv-service-card::after {\n  content: \"\";\n  position: absolute;\n  width: 230px;\n  height: 230px;\n  right: -118px;\n  bottom: -118px;\n  border-radius: 50%;\n  opacity: 0;\n  pointer-events: none;\n  background: radial-gradient(circle,rgba(32,201,151,.18) 0%,rgba(32,201,151,.08) 34%,rgba(32,201,151,0) 70%);\n  transition: opacity .22s ease;\n}\n\n.akv-service-card:hover,\n.akv-service-card:focus-visible,\n.akv-service-card.is-active {\n  transform: translate3d(0,-2px,0);\n}\n\n.akv-service-card:hover::before,\n.akv-service-card:focus-visible::before,\n.akv-service-card.is-active::before,\n.akv-service-card:hover::after,\n.akv-service-card:focus-visible::after,\n.akv-service-card.is-active::after {\n  opacity: 1;\n}\n\n.akv-service-feature {\n  grid-column: 1 \/ -1;\n  min-height: 330px;\n}\n\n.akv-service-top,\n.akv-service-content,\n.akv-service-tags {\n  position: relative;\n  z-index: 1;\n}\n\n.akv-service-top {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.akv-service-top > span:first-child {\n  color: rgba(255,255,255,.36);\n  font-size: clamp(18px,1.4vw,26px);\n  line-height: 1;\n  font-weight: 850;\n  letter-spacing: -.04em;\n  transition: color .18s ease;\n}\n\n.akv-service-card:hover .akv-service-top > span:first-child,\n.akv-service-card:focus-visible .akv-service-top > span:first-child,\n.akv-service-card.is-active .akv-service-top > span:first-child {\n  color: var(--green);\n}\n\n.akv-service-arrow {\n  display: grid;\n  place-items: center;\n  width: 46px;\n  height: 46px;\n  border: 1px solid rgba(255,255,255,.14);\n  border-radius: 50%;\n  background: rgba(255,255,255,.035);\n  color: rgba(255,255,255,.7);\n  transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease;\n}\n\n.akv-service-arrow svg {\n  width: 21px;\n  height: 21px;\n  transition: transform .2s ease;\n}\n\n.akv-service-arrow path {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.akv-service-card:hover .akv-service-arrow,\n.akv-service-card:focus-visible .akv-service-arrow,\n.akv-service-card.is-active .akv-service-arrow {\n  color: var(--green);\n  border-color: rgba(32,201,151,.48);\n  background: rgba(32,201,151,.1);\n  transform: translate3d(0,-2px,0);\n}\n\n.akv-service-card:hover .akv-service-arrow svg,\n.akv-service-card:focus-visible .akv-service-arrow svg,\n.akv-service-card.is-active .akv-service-arrow svg {\n  transform: translate3d(3px,-3px,0);\n}\n\n.akv-service-content {\n  margin-top: auto;\n  padding-top: clamp(46px,5vw,86px);\n}\n\n.akv-service-content h3 {\n  margin: 0 0 18px;\n  max-width: 620px;\n  color: #fff;\n  font-size: clamp(34px,3.8vw,68px);\n  line-height: .92;\n  letter-spacing: -.075em;\n  font-weight: 850;\n  text-wrap: balance;\n}\n\n.akv-service-feature .akv-service-content h3 {\n  max-width: 760px;\n  font-size: clamp(42px,5vw,90px);\n}\n\n.akv-service-content p {\n  max-width: 560px;\n  margin: 0;\n  color: var(--muted);\n  font-size: clamp(16px,1.16vw,20px);\n  line-height: 1.45;\n}\n\n.akv-service-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 34px;\n}\n\n.akv-service-tags span {\n  display: inline-flex;\n  align-items: center;\n  min-height: 34px;\n  padding: 8px 13px;\n  border: 1px solid rgba(255,255,255,.13);\n  border-radius: 999px;\n  color: rgba(255,255,255,.68);\n  font-size: 13px;\n  line-height: 1;\n  font-weight: 750;\n  background: rgba(255,255,255,.035);\n  transition: color .18s ease, border-color .18s ease, background-color .18s ease;\n}\n\n.akv-service-card:hover .akv-service-tags span,\n.akv-service-card:focus-visible .akv-service-tags span,\n.akv-service-card.is-active .akv-service-tags span {\n  color: #fff;\n  border-color: rgba(32,201,151,.34);\n  background: rgba(32,201,151,.08);\n}\n\n@media (max-width: 900px) {\n  .akv-services-head {\n    grid-template-columns: 1fr;\n    align-items: start;\n  }\n\n  .akv-services-intro p {\n    max-width: 760px;\n  }\n}\n\n@media (max-width: 620px) {\n  .akv-services-shell {\n    padding: 52px 16px;\n  }\n\n  .akv-services-head {\n    margin-bottom: 36px;\n  }\n\n  .akv-services-head h2 {\n    font-size: 43px;\n    line-height: .96;\n    letter-spacing: -.06em;\n  }\n\n  .akv-services-intro p {\n    font-size: 22px;\n  }\n\n  .akv-services-cta {\n    width: 100%;\n  }\n\n  .akv-services-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .akv-service-card,\n  .akv-service-feature {\n    grid-column: span 1;\n    min-height: 285px;\n    padding: 28px 22px;\n  }\n\n  .akv-service-content {\n    padding-top: 54px;\n  }\n\n  .akv-service-content h3,\n  .akv-service-feature .akv-service-content h3 {\n    font-size: 40px;\n    line-height: .95;\n    letter-spacing: -.065em;\n  }\n\n  .akv-service-arrow {\n    width: 42px;\n    height: 42px;\n  }\n\n  .akv-services-word {\n    left: 58%;\n    top: 20px;\n    font-size: clamp(74px,24vw,150px);\n    letter-spacing: -.05em;\n  }\n}\n\n@media (hover: none) {\n  .akv-service-card:hover {\n    transform: translate3d(0,0,0);\n  }\n\n  .akv-service-card:hover::before,\n  .akv-service-card:hover::after {\n    opacity: 0;\n  }\n\n  .akv-service-card.is-active::before,\n  .akv-service-card.is-active::after {\n    opacity: 1;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .akv-services-cta,\n  .akv-service-card,\n  .akv-service-card::before,\n  .akv-service-card::after,\n  .akv-service-arrow,\n  .akv-service-arrow svg,\n  .akv-service-tags span,\n  .akv-service-top > span:first-child {\n    transition: none !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-300a1fa elementor-widget elementor-widget-html\" data-id=\"300a1fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"akv-process-pro\" data-akv-process>\n  <div class=\"akv-process-shell\">\n    <div class=\"akv-process-top\">\n      <div>\n        <div class=\"akv-services-word\" aria-hidden=\"true\">Process<\/div>\n        <span class=\"akv-process-kicker\">Our Process<\/span>\n        <h2>Built with clarity.<br>Launched with intent.<\/h2>\n      <\/div>\n\n      <p>No guesswork. A structured process from first idea to a finished digital experience.<\/p>\n    <\/div>\n\n    <div class=\"akv-process-grid\">\n      <article class=\"akv-step is-active\">\n        <span>01<\/span>\n        <div>\n          <h3>Discover<\/h3>\n          <p>We define the goal, audience and direction before making design decisions.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"akv-step\">\n        <span>02<\/span>\n        <div>\n          <h3>Plan<\/h3>\n          <p>We shape the structure, content flow and key actions for the site.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"akv-step\">\n        <span>03<\/span>\n        <div>\n          <h3>Design<\/h3>\n          <p>We create a clean visual system that feels premium and easy to use.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"akv-step\">\n        <span>04<\/span>\n        <div>\n          <h3>Build<\/h3>\n          <p>We turn the approved direction into a responsive, polished experience.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"akv-step\">\n        <span>05<\/span>\n        <div>\n          <h3>Refine<\/h3>\n          <p>We test the flow, details, responsiveness and final usability.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"akv-step\">\n        <span>06<\/span>\n        <div>\n          <h3>Launch<\/h3>\n          <p>We publish, check the setup and make sure everything is ready.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <div class=\"akv-process-bottom\">\n      <p>Strategy \u2192 Design \u2192 Build \u2192 Launch<\/p>\n      <a href=\"https:\/\/akvamariin.com\/contact\/\">Start a project<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.akv-process-pro{\n  --green:#20c997;\n  --white:#f5f5f2;\n  --muted:rgba(255,255,255,.62);\n  --line:rgba(255,255,255,.13);\n\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  color:var(--white);\n  overflow:hidden;\n  font-family:inherit;\n  background:transparent;\n\n  contain:layout paint style;\n  content-visibility:auto;\n  contain-intrinsic-size:920px;\n}\n\n.akv-process-pro,\n.akv-process-pro *{\n  box-sizing:border-box;\n}\n\n.akv-process-shell{\n  width:min(1540px,100%);\n  margin:0 auto;\n  padding:clamp(58px,6vw,88px) clamp(18px,5vw,72px);\n  position:relative;\n}\n\n.akv-services-word{\n  position:absolute;\n  left:70%;\n  top:clamp(14px,4vw,54px);\n  transform:translate3d(-50%,0,0);\n  color:rgba(255,255,255,.032);\n  font-size:clamp(92px,17vw,330px);\n  line-height:.75;\n  letter-spacing:-.05em;\n  font-weight:900;\n  white-space:nowrap;\n  pointer-events:none;\n  user-select:none;\n  z-index:0;\n}\n\n.akv-process-top{\n  display:grid;\n  grid-template-columns:1.05fr .95fr;\n  gap:clamp(32px,7vw,120px);\n  align-items:end;\n  margin-bottom:clamp(42px,6vw,86px);\n  position:relative;\n  z-index:1;\n}\n\n.akv-process-kicker{\n  display:inline-block;\n  margin-bottom:18px;\n  color:var(--green);\n  font-size:clamp(13px,1vw,18px);\n  font-weight:850;\n  line-height:1;\n  text-transform:uppercase;\n  letter-spacing:.04em;\n  text-decoration:underline;\n  text-underline-offset:5px;\n}\n\n.akv-process-top h2{\n  margin:0;\n  max-width:880px;\n  color:var(--white);\n  text-shadow:0 14px 46px rgba(32,201,151,.08);\n  font-size:clamp(46px,6.8vw,112px);\n  line-height:.91;\n  letter-spacing:-.075em;\n  font-weight:850;\n  text-wrap:balance;\n}\n\n.akv-process-top p{\n  margin:0;\n  max-width:720px;\n  color:rgba(255,255,255,.88);\n  font-size:clamp(26px,3.4vw,58px);\n  line-height:1.05;\n  letter-spacing:-.06em;\n  font-weight:650;\n  text-wrap:balance;\n}\n\n\/* Desktop\/tablet grid *\/\n.akv-process-grid{\n  display:grid;\n  grid-template-columns:repeat(6,minmax(0,1fr));\n  border-top:1px solid var(--line);\n  border-left:1px solid var(--line);\n  position:relative;\n  z-index:1;\n}\n\n.akv-step{\n  position:relative;\n  min-height:430px;\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  padding:clamp(24px,2.6vw,42px);\n  border-right:1px solid var(--line);\n  border-bottom:1px solid var(--line);\n  background:rgba(255,255,255,.014);\n  isolation:isolate;\n  overflow:hidden;\n  transform:translate3d(0,0,0);\n  contain:layout paint style;\n}\n\n.akv-step::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-2;\n  opacity:0;\n  background:linear-gradient(180deg,rgba(32,201,151,0),rgba(32,201,151,.12));\n  transition:opacity .28s ease;\n}\n\n.akv-step::after{\n  content:\"\";\n  position:absolute;\n  width:240px;\n  height:240px;\n  right:-130px;\n  bottom:-130px;\n  z-index:-1;\n  opacity:0;\n  background:radial-gradient(circle,rgba(32,201,151,.22) 0%,rgba(32,201,151,.12) 30%,rgba(32,201,151,0) 68%);\n  transition:opacity .22s ease;\n  pointer-events:none;\n}\n\n.akv-step.is-active::before,\n.akv-step:hover::before,\n.akv-step.is-active::after,\n.akv-step:hover::after{\n  opacity:1;\n}\n\n.akv-step > span{\n  color:rgba(255,255,255,.34);\n  font-size:clamp(18px,1.7vw,28px);\n  line-height:1;\n  font-weight:850;\n  letter-spacing:-.04em;\n  transition:color .2s ease;\n}\n\n.akv-step.is-active > span,\n.akv-step:hover > span{\n  color:var(--green);\n}\n\n.akv-step div{\n  transform:translate3d(0,0,0);\n  transition:transform .24s ease;\n}\n\n.akv-step:hover div,\n.akv-step.is-active div{\n  transform:translate3d(0,-10px,0);\n}\n\n.akv-step h3{\n  margin:0 0 16px;\n  color:#fff;\n  font-size:clamp(27px,2.55vw,48px);\n  line-height:.96;\n  letter-spacing:-.065em;\n  font-weight:850;\n}\n\n.akv-step p{\n  margin:0;\n  max-width:330px;\n  color:var(--muted);\n  font-size:clamp(15px,1vw,17px);\n  line-height:1.55;\n}\n\n.akv-process-bottom{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:24px;\n  padding-top:clamp(24px,3vw,44px);\n  position:relative;\n  z-index:1;\n}\n\n.akv-process-bottom p{\n  margin:0;\n  color:rgba(255,255,255,.72);\n  font-size:clamp(16px,1.2vw,20px);\n}\n\n.akv-process-bottom a{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:48px;\n  padding:14px 24px;\n  border:1px solid rgba(32,201,151,.5);\n  border-radius:999px;\n  color:#fff!important;\n  text-decoration:none!important;\n  font-size:15px;\n  font-weight:800;\n  background:rgba(32,201,151,.1);\n  box-shadow:0 0 26px rgba(32,201,151,.1);\n  transition:transform .2s ease,background-color .2s ease,border-color .2s ease;\n}\n\n.akv-process-bottom a:hover{\n  transform:translate3d(0,-2px,0);\n  background:rgba(32,201,151,.18);\n  border-color:rgba(32,201,151,.85);\n}\n\n@media(max-width:1180px){\n  .akv-process-pro{\n    contain-intrinsic-size:1050px;\n  }\n\n  .akv-process-grid{\n    grid-template-columns:repeat(3,minmax(0,1fr));\n  }\n\n  .akv-step{\n    min-height:330px;\n  }\n}\n\n@media(max-width:860px){\n  .akv-process-pro{\n    contain-intrinsic-size:1250px;\n  }\n\n  .akv-process-top{\n    grid-template-columns:1fr;\n    align-items:start;\n  }\n\n  .akv-process-top p{\n    font-size:clamp(27px,6vw,48px);\n  }\n\n  .akv-process-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n}\n\n\/* Phone timeline *\/\n@media(max-width:560px){\n  .akv-process-pro{\n    contain-intrinsic-size:1120px;\n  }\n\n  .akv-process-shell{\n    padding:52px 16px;\n  }\n\n  .akv-services-word{\n    left:58%;\n    top:20px;\n    font-size:clamp(74px,24vw,150px);\n  }\n\n  .akv-process-top{\n    margin-bottom:38px;\n  }\n\n  .akv-process-top h2{\n    font-size:43px;\n    line-height:.96;\n    letter-spacing:-.06em;\n  }\n\n  .akv-process-top p{\n    font-size:24px;\n    line-height:1.13;\n    letter-spacing:-.045em;\n  }\n\n  .akv-process-grid{\n    grid-template-columns:1fr;\n    gap:0;\n    border:0;\n    padding:8px 0 4px;\n  }\n\n  .akv-process-grid::before{\n    content:\"\";\n    position:absolute;\n    left:28px;\n    top:32px;\n    bottom:32px;\n    width:1px;\n    background:linear-gradient(180deg,rgba(32,201,151,.1),rgba(32,201,151,.65),rgba(32,201,151,.1));\n    z-index:0;\n  }\n\n  .akv-step{\n    min-height:auto;\n    display:grid;\n    grid-template-columns:56px 1fr;\n    gap:16px;\n    align-items:start;\n    padding:0 0 30px;\n    border:0;\n    background:transparent;\n    overflow:visible;\n  }\n\n  .akv-step:last-child{\n    padding-bottom:0;\n  }\n\n  .akv-step::before,\n  .akv-step::after{\n    display:none;\n  }\n\n  .akv-step > span{\n  position:relative;\n  z-index:2;\n  width:56px;\n  height:56px;\n  display:grid;\n  place-items:center;\n  border:1px solid rgba(255,255,255,.14);\n  border-radius:999px;\n  color:rgba(255,255,255,.58);\n  background:rgba(255,255,255,.025);\n  font-size:15px;\n  line-height:1;\n  font-weight:850;\n  letter-spacing:-.04em;\n  box-shadow:none;\n}\n\n\n  .akv-step.is-active > span{\n  color:var(--green);\n  border-color:rgba(255,255,255,.14);\n  background:rgba(255,255,255,.025);\n  box-shadow:none;\n}\n\n  .akv-step div{\n    min-height:92px;\n    padding:18px 18px 20px;\n    border:1px solid var(--line);\n    border-radius:22px;\n    background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));\n    transform:none!important;\n    position:relative;\n    overflow:hidden;\n  }\n\n  .akv-step div::after{\n    content:\"\";\n    position:absolute;\n    width:190px;\n    height:190px;\n    right:-110px;\n    bottom:-120px;\n    background:radial-gradient(circle,rgba(32,201,151,.18) 0%,rgba(32,201,151,.08) 34%,rgba(32,201,151,0) 70%);\n    opacity:0;\n    pointer-events:none;\n    transition:opacity .22s ease;\n  }\n\n  .akv-step.is-active div::after{\n    opacity:1;\n  }\n\n  .akv-step h3{\n    margin:0 0 9px;\n    font-size:28px;\n    line-height:.96;\n    letter-spacing:-.055em;\n  }\n\n  .akv-step p{\n    max-width:none;\n    font-size:14.5px;\n    line-height:1.42;\n    color:rgba(255,255,255,.64);\n  }\n\n  .akv-process-bottom{\n    align-items:flex-start;\n    flex-direction:column;\n    padding-top:34px;\n  }\n\n  .akv-process-bottom p{\n    font-size:15px;\n    line-height:1.3;\n  }\n\n  .akv-process-bottom a{\n    width:100%;\n  }\n}\n\n@media(hover:none){\n  .akv-step:hover div{\n    transform:none;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .akv-step,\n  .akv-step::before,\n  .akv-step::after,\n  .akv-step div,\n  .akv-step div::after,\n  .akv-step > span,\n  .akv-process-bottom a{\n    transition:none!important;\n  }\n}\n<\/style>\n\n<script>\n(function(){\n  const sections = document.querySelectorAll(\"[data-akv-process]\");\n  if (!sections.length) return;\n\n  sections.forEach(function(section){\n    const steps = Array.prototype.slice.call(section.querySelectorAll(\".akv-step\"));\n    let active = section.querySelector(\".akv-step.is-active\") || steps[0];\n    let frame = null;\n\n    function setActive(step){\n      if (!step || step === active) return;\n\n      if (frame) cancelAnimationFrame(frame);\n\n      frame = requestAnimationFrame(function(){\n        if (active) active.classList.remove(\"is-active\");\n        step.classList.add(\"is-active\");\n        active = step;\n        frame = null;\n      });\n    }\n\n    section.addEventListener(\"pointerover\", function(event){\n      const step = event.target.closest(\".akv-step\");\n      if (step && section.contains(step)) setActive(step);\n    }, { passive:true });\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-020eb97 elementor-widget elementor-widget-html\" data-id=\"020eb97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"akv-testimonials-lite\">\n  <div class=\"akv-t-shell\">\n    <div class=\"akv-t-head\">\n      <span>Testimonials<\/span>\n      <h2>Client feedback<\/h2>\n      <p>Short notes from people we have worked with.<\/p>\n    <\/div>\n\n    <div class=\"akv-t-slider\">\n      <div class=\"akv-t-track\">\n        <article class=\"akv-t-card\">\n          <p>\u201cOur website feels like us. Clean, simple and easier for clients.\u201d<\/p>\n          <div>\n            <strong>Maarja P.<\/strong>\n            <span>Beauty Salon<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"akv-t-card\">\n          <p>\u201cNo endless back and forth. They understood the problem and made the site sharper.\u201d<\/p>\n          <div>\n            <strong>Martin K.<\/strong>\n            <span>Local Company<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"akv-t-card\">\n          <p>\u201cThe whole process felt calm and structured.\u201d<\/p>\n          <div>\n            <strong>Jan M.<\/strong>\n            <span>Local Company<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"akv-t-card\">\n          <p>\u201cThe site is easier to use, faster to update and looks much more serious now.\u201d<\/p>\n          <div>\n            <strong>Oliver R.<\/strong>\n            <span>Consulting Company<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"akv-t-card\" aria-hidden=\"true\">\n          <p>\u201cOur website feels like us. Clean, simple and easier for clients.\u201d<\/p>\n          <div>\n            <strong>Maarja P.<\/strong>\n            <span>Beauty Salon<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"akv-t-card\" aria-hidden=\"true\">\n          <p>\u201cNo endless back and forth. They understood the problem and made the site sharper.\u201d<\/p>\n          <div>\n            <strong>Martin K.<\/strong>\n            <span>Local Company<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"akv-t-card\" aria-hidden=\"true\">\n          <p>\u201cThe whole process felt calm and structured.\u201d<\/p>\n          <div>\n            <strong>Jan M.<\/strong>\n            <span>Local Company<\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"akv-t-card\" aria-hidden=\"true\">\n          <p>\u201cThe site is easier to use, faster to update and looks much more serious now.\u201d<\/p>\n          <div>\n            <strong>Oliver R.<\/strong>\n            <span>Consulting Company<\/span>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n.akv-testimonials-lite {\n  --green: #20c997;\n  --white: #f5f5f2;\n  --muted: rgba(255,255,255,.62);\n  --line: rgba(255,255,255,.12);\n  --card-width: clamp(300px,30vw,480px);\n  --gap: 18px;\n  --speed: 42s;\n\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  color: var(--white);\n  overflow: hidden;\n  font-family: inherit;\n  background: transparent;\n  contain: layout paint;\n}\n\n.akv-testimonials-lite * {\n  box-sizing: border-box;\n}\n\n.akv-t-shell {\n  width: min(1540px,100%);\n  margin: 0 auto;\n  padding: clamp(58px,6vw,88px) clamp(18px,5vw,72px);\n  position: relative;\n}\n\n.akv-t-head {\n  max-width: 760px;\n  margin-bottom: clamp(30px,4vw,52px);\n}\n\n.akv-t-head span {\n  display: inline-block;\n  margin-bottom: 14px;\n  color: var(--green);\n  font-size: clamp(13px,1vw,17px);\n  font-weight: 850;\n  text-transform: uppercase;\n  letter-spacing: .04em;\n  text-decoration: underline;\n  text-underline-offset: 5px;\n}\n\n.akv-t-head h2 {\n  margin: 0;\n  color: var(--white);\n  font-size: clamp(42px,5vw,76px);\n  line-height: .95;\n  letter-spacing: -.065em;\n  font-weight: 850;\n}\n\n.akv-t-head p {\n  margin: 16px 0 0;\n  max-width: 560px;\n  color: var(--muted);\n  font-size: clamp(17px,1.4vw,22px);\n  line-height: 1.45;\n}\n\n.akv-t-slider {\n  position: relative;\n  width: 100vw;\n  margin-left: calc(50% - 50vw);\n  overflow: hidden;\n  contain: paint;\n}\n\n.akv-t-slider::before,\n.akv-t-slider::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  width: clamp(42px,8vw,150px);\n  height: 100%;\n  z-index: 2;\n  pointer-events: none;\n}\n\n.akv-t-slider::before {\n  left: 0;\n  background: linear-gradient(90deg,#1f2d28,rgba(31,45,40,0));\n}\n\n.akv-t-slider::after {\n  right: 0;\n  background: linear-gradient(270deg,#202020,rgba(32,32,32,0));\n}\n\n.akv-t-track {\n  display: flex;\n  gap: var(--gap);\n  width: max-content;\n  padding: 0 clamp(18px,5vw,72px);\n  animation: akvTestimonialsMove var(--speed) linear infinite;\n  will-change: transform;\n  transform: translate3d(0,0,0);\n  backface-visibility: hidden;\n}\n\n.akv-t-slider:hover .akv-t-track {\n  animation-play-state: paused;\n}\n\n.akv-t-card {\n  flex: 0 0 var(--card-width);\n  min-height: 235px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: clamp(24px,2.6vw,38px);\n  border: 1px solid var(--line);\n  background: rgba(255,255,255,.045);\n  box-shadow: 0 18px 45px rgba(0,0,0,.13);\n  transform: translateZ(0);\n  backface-visibility: hidden;\n}\n\n.akv-t-card p {\n  margin: 0;\n  color: rgba(255,255,255,.84);\n  font-size: clamp(21px,1.55vw,27px);\n  line-height: 1.22;\n  letter-spacing: -.045em;\n  font-weight: 620;\n}\n\n.akv-t-card strong {\n  display: block;\n  margin-top: 34px;\n  color: #fff;\n  font-size: clamp(21px,1.7vw,29px);\n  line-height: 1;\n  letter-spacing: -.05em;\n  font-weight: 850;\n}\n\n.akv-t-card span {\n  display: block;\n  margin-top: 8px;\n  color: var(--green);\n  font-size: clamp(14px,1vw,17px);\n  line-height: 1.2;\n}\n\n@keyframes akvTestimonialsMove {\n  from {\n    transform: translate3d(0,0,0);\n  }\n  to {\n    transform: translate3d(calc(-1 * ((var(--card-width) * 4) + (var(--gap) * 4))),0,0);\n  }\n}\n\n@media (max-width: 560px) {\n  .akv-testimonials-lite {\n    --card-width: 82vw;\n    --gap: 14px;\n    --speed: 38s;\n  }\n\n  .akv-t-shell {\n    padding: 52px 16px;\n  }\n\n  .akv-t-head h2 {\n    font-size: 44px;\n  }\n\n  .akv-t-card {\n    min-height: 230px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .akv-t-track {\n    animation: none !important;\n    transform: none !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AKVAMARIIN Websites, branding and visuals built with clarity. We help businesses look clear, consistent and professional. Start a project View services About About us Since 2022 We\u2019re a small creative studio focused on websites, branding and visual design. While we may not have hundreds of projects to show yet, we care deeply about creating work [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Akvamariin Design<\/title>\n<meta name=\"description\" content=\"Akvamariin Design \u2013 a creative agency combining design and strategy to build standout brands with logo design, web development, digital marketing and visual identity solutions.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/akvamariin.com\/es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Akvamariin Design\" \/>\n<meta property=\"og:description\" content=\"Akvamariin Design \u2013 a creative agency combining design and strategy to build standout brands with logo design, web development, digital marketing and visual identity solutions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/akvamariin.com\/es\/\" \/>\n<meta property=\"og:site_name\" content=\"Akvamariin Design\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-18T17:31:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"13 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/akvamariin.com\\\/\",\"url\":\"https:\\\/\\\/akvamariin.com\\\/\",\"name\":\"Home - Akvamariin Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/akvamariin.com\\\/#website\"},\"datePublished\":\"2024-10-14T09:19:58+00:00\",\"dateModified\":\"2026-05-18T17:31:33+00:00\",\"description\":\"Akvamariin Design \u2013 a creative agency combining design and strategy to build standout brands with logo design, web development, digital marketing and visual identity solutions.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/akvamariin.com\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/akvamariin.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/akvamariin.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/akvamariin.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/akvamariin.com\\\/#website\",\"url\":\"https:\\\/\\\/akvamariin.com\\\/\",\"name\":\"Akvamariin Design\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/akvamariin.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/akvamariin.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/akvamariin.com\\\/#organization\",\"name\":\"Akvamariin Design\",\"url\":\"https:\\\/\\\/akvamariin.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/akvamariin.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/akvamariin.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/LogoWPFooter2B.png\",\"contentUrl\":\"https:\\\/\\\/akvamariin.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/LogoWPFooter2B.png\",\"width\":633,\"height\":231,\"caption\":\"Akvamariin Design\"},\"image\":{\"@id\":\"https:\\\/\\\/akvamariin.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Akvamariin Design","description":"Akvamariin Design \u2013 a creative agency combining design and strategy to build standout brands with logo design, web development, digital marketing and visual identity solutions.","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:\/\/akvamariin.com\/es\/","og_locale":"es_ES","og_type":"article","og_title":"Home - Akvamariin Design","og_description":"Akvamariin Design \u2013 a creative agency combining design and strategy to build standout brands with logo design, web development, digital marketing and visual identity solutions.","og_url":"https:\/\/akvamariin.com\/es\/","og_site_name":"Akvamariin Design","article_modified_time":"2026-05-18T17:31:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"13 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/akvamariin.com\/","url":"https:\/\/akvamariin.com\/","name":"Home - Akvamariin Design","isPartOf":{"@id":"https:\/\/akvamariin.com\/#website"},"datePublished":"2024-10-14T09:19:58+00:00","dateModified":"2026-05-18T17:31:33+00:00","description":"Akvamariin Design \u2013 a creative agency combining design and strategy to build standout brands with logo design, web development, digital marketing and visual identity solutions.","breadcrumb":{"@id":"https:\/\/akvamariin.com\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/akvamariin.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/akvamariin.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/akvamariin.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/akvamariin.com\/#website","url":"https:\/\/akvamariin.com\/","name":"Akvamariin Design","description":"","publisher":{"@id":"https:\/\/akvamariin.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/akvamariin.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/akvamariin.com\/#organization","name":"Akvamariin Design","url":"https:\/\/akvamariin.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/akvamariin.com\/#\/schema\/logo\/image\/","url":"https:\/\/akvamariin.com\/wp-content\/uploads\/2024\/11\/LogoWPFooter2B.png","contentUrl":"https:\/\/akvamariin.com\/wp-content\/uploads\/2024\/11\/LogoWPFooter2B.png","width":633,"height":231,"caption":"Akvamariin Design"},"image":{"@id":"https:\/\/akvamariin.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/akvamariin.com\/es\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/akvamariin.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/akvamariin.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/akvamariin.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/akvamariin.com\/es\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":204,"href":"https:\/\/akvamariin.com\/es\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":5812,"href":"https:\/\/akvamariin.com\/es\/wp-json\/wp\/v2\/pages\/17\/revisions\/5812"}],"wp:attachment":[{"href":"https:\/\/akvamariin.com\/es\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}