{"id":83,"date":"2026-03-05T00:52:06","date_gmt":"2026-03-05T00:52:06","guid":{"rendered":"https:\/\/mikazone.store\/?page_id=83"},"modified":"2026-04-30T03:47:26","modified_gmt":"2026-04-30T03:47:26","slug":"our-story-timeline","status":"publish","type":"page","link":"https:\/\/mikazone.store\/es\/company\/our-story-timeline\/","title":{"rendered":"Our Story &#038; Timeline"},"content":{"rendered":"<p><!-- ========== STORY HERO \u2014 V4 ========== --><\/p>\n<style>\n<p>  #storyHero4 {\n    position: relative;\n    width: 100%;\n    height: 50vh;\n    min-height: 360px;\n    max-height: 480px;\n    background: #0a0a0a;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n  }<\/p>\n<p>  #storyHero4 *,#storyHero4 *::before,#storyHero4 *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  \/* \u2500\u2500 Top accent line \u2500\u2500 *\/\n  #storyHero4::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #8B1A1A, #D44040, #8B1A1A);\n    z-index: 50;\n  }<\/p>\n<p>  \/* \u2500\u2500 Background image \u2500\u2500 *\/\n  #storyHero4 .s4-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/radisson-blu-waterfront-hotel-stockholm-waterfron-2026-03-25-02-23-17-utc.jpg');\n    background-size: cover;\n    background-position: center 40%;\n    z-index: 0;\n  }<\/p>\n<p>  \/* \u2500\u2500 Overlays \u2500\u2500 *\/\n  #storyHero4 .s4-ov1 {\n    position: absolute; inset: 0; z-index: 1;\n    background: linear-gradient(\n      to right,\n      rgba(0,0,0,0.93) 0%,\n      rgba(0,0,0,0.78) 45%,\n      rgba(0,0,0,0.35) 100%\n    );\n  }\n  #storyHero4 .s4-ov2 {\n    position: absolute; inset: 0; z-index: 2;\n    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 50%);\n  }\n  #storyHero4 .s4-ov-red {\n    position: absolute;\n    bottom: 0; left: 0;\n    width: 45%; height: 65%;\n    background: radial-gradient(ellipse at bottom left,\n      rgba(139,26,26,0.18) 0%, transparent 70%);\n    z-index: 3;\n    pointer-events: none;\n  }<\/p>\n<p>  \/* \u2500\u2500 Layout \u2500\u2500 *\/\n  #storyHero4 .s4-wrap {\n    position: relative;\n    z-index: 10;\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 48px;\n  }<\/p>\n<p>  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     LEFT \u2014 TEXT\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #storyHero4 .s4-left {\n    flex: 1;\n    max-width: 580px;\n  }<\/p>\n<p>  \/* Eyebrow *\/\n  #storyHero4 .s4-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 16px;\n    opacity: 0;\n    animation: s4up 0.6s cubic-bezier(0.22,1,0.36,1) forwards 0.1s;\n  }\n  #storyHero4 .s4-eyebrow-bar {\n    width: 32px; height: 2px;\n    background: #D44040;\n    flex-shrink: 0;\n  }\n  #storyHero4 .s4-eyebrow-text {\n    font-size: 11px;\n    font-weight: 600;\n    color: #D44040;\n    text-transform: uppercase;\n    letter-spacing: 2.5px;\n  }<\/p>\n<p>  \/* Headline *\/\n  #storyHero4 .s4-h1 {\n    font-size: clamp(30px, 3.6vw, 48px);\n    font-weight: 800;\n    color: #fff;\n    line-height: 1.1;\n    letter-spacing: -1.5px;\n    margin-bottom: 14px;\n    opacity: 0;\n    animation: s4up 0.8s cubic-bezier(0.22,1,0.36,1) forwards 0.22s;\n  }\n  #storyHero4 .s4-h1 span {\n    color: #D44040;\n  }<\/p>\n<p>  \/* Sub *\/\n  #storyHero4 .s4-sub {\n    font-size: 14px;\n    color: rgba(255,255,255,0.55);\n    line-height: 1.75;\n    max-width: 520px;\n    margin-bottom: 24px;\n    opacity: 0;\n    animation: s4up 0.7s cubic-bezier(0.22,1,0.36,1) forwards 0.36s;\n  }<\/p>\n<p>  \/* CTAs *\/\n  #storyHero4 .s4-ctas {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n    opacity: 0;\n    animation: s4up 0.6s cubic-bezier(0.22,1,0.36,1) forwards 0.5s;\n  }<\/p>\n<p>  #storyHero4 .s4-btn-solid {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 13px 28px;\n    background: #8B1A1A;\n    color: #fff;\n    border: none;\n    border-radius: 5px;\n    font-size: 13.5px;\n    font-weight: 600;\n    text-decoration: none;\n    cursor: pointer;\n    font-family: inherit;\n    line-height: 1;\n    transition: background 0.3s, transform 0.3s, box-shadow 0.3s;\n  }\n  #storyHero4 .s4-btn-solid:hover {\n    background: #A52020;\n    transform: translateY(-2px);\n    box-shadow: 0 10px 30px rgba(139,26,26,0.5);\n    color: #fff;\n    text-decoration: none;\n  }\n  #storyHero4 .s4-btn-solid i { font-size: 11px; }<\/p>\n<p>  #storyHero4 .s4-btn-ghost {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 26px;\n    background: transparent;\n    color: rgba(255,255,255,0.6);\n    border: 1px solid rgba(255,255,255,0.16);\n    border-radius: 5px;\n    font-size: 13.5px;\n    font-weight: 500;\n    text-decoration: none;\n    cursor: pointer;\n    font-family: inherit;\n    line-height: 1;\n    transition: all 0.3s;\n  }\n  #storyHero4 .s4-btn-ghost:hover {\n    border-color: rgba(212,64,64,0.5);\n    color: #D44040;\n    background: rgba(139,26,26,0.08);\n    transform: translateY(-2px);\n    text-decoration: none;\n  }\n  #storyHero4 .s4-btn-ghost i { font-size: 11px; }<\/p>\n<p>  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RIGHT \u2014 PILLS\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  #storyHero4 .s4-right {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    flex-shrink: 0;\n    opacity: 0;\n    animation: s4fade 0.8s ease forwards 0.5s;\n  }<\/p>\n<p>  #storyHero4 .s4-pill {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 13px 18px;\n    background: rgba(10,10,10,0.72);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-left: 2px solid rgba(139,26,26,0.5);\n    border-radius: 6px;\n    backdrop-filter: blur(12px);\n    min-width: 280px;\n    transition: border-left-color 0.3s, background 0.3s;\n    cursor: default;\n  }\n  #storyHero4 .s4-pill:hover {\n    border-left-color: #D44040;\n    background: rgba(20,10,10,0.82);\n  }\n  #storyHero4 .s4-pill-icon {\n    width: 28px; height: 28px;\n    background: rgba(139,26,26,0.18);\n    border-radius: 6px;\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0;\n  }\n  #storyHero4 .s4-pill-icon i {\n    font-size: 11px;\n    color: #D44040;\n  }\n  #storyHero4 .s4-pill-text {\n    font-size: 13px;\n    font-weight: 500;\n    color: rgba(255,255,255,0.72);\n    line-height: 1.4;\n  }<\/p>\n<p>  \/* \u2500\u2500 Bottom bar \u2500\u2500 *\/\n  #storyHero4::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 1px;\n    background: linear-gradient(90deg,\n      transparent,\n      rgba(139,26,26,0.4) 30%,\n      rgba(212,64,64,0.6) 50%,\n      rgba(139,26,26,0.4) 70%,\n      transparent\n    );\n    z-index: 50;\n  }<\/p>\n<p>  \/* \u2500\u2500 Keyframes \u2500\u2500 *\/\n  @keyframes s4up {\n    from { opacity: 0; transform: translateY(20px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes s4fade {\n    from { opacity: 0; transform: translateX(16px); }\n    to   { opacity: 1; transform: translateX(0); }\n  }<\/p>\n<p>  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n  @media (max-width: 960px) {\n    #storyHero4 { max-height: none; height: auto; min-height: 0; }\n    #storyHero4 .s4-wrap {\n      flex-direction: column;\n      align-items: flex-start;\n      padding: 52px 36px;\n      gap: 32px;\n    }\n    #storyHero4 .s4-right {\n      width: 100%;\n    }\n    #storyHero4 .s4-pill { min-width: 0; width: 100%; }\n  }\n  @media (max-width: 480px) {\n    #storyHero4 .s4-wrap { padding: 44px 20px; }\n    #storyHero4 .s4-h1 { letter-spacing: -1px; }\n    #storyHero4 .s4-ctas { flex-direction: column; width: 100%; }\n    #storyHero4 .s4-btn-solid,#storyHero4 .s4-btn-ghost { width: 100%; justify-content: center; }\n  }<\/p>\n<\/style>\n<section id=\"storyHero4\">\n<div class=\"s4-bg\"><\/div>\n<div class=\"s4-ov1\"><\/div>\n<div class=\"s4-ov2\"><\/div>\n<div class=\"s4-ov-red\"><\/div>\n<div class=\"s4-wrap\">\n<p>    <!-- LEFT --><\/p>\n<div class=\"s4-left\">\n<div class=\"s4-eyebrow\">\n        <span class=\"s4-eyebrow-bar\"><\/span><br \/>\n        <span class=\"s4-eyebrow-text\">Venezuela \u00b7 Aditivos para la construcci\u00f3n<\/span>\n      <\/div>\n<h1 class=\"s4-h1\">\n        Our Story &amp; <span>Timeline<\/span><br \/>\n      <\/h1>\n<p class=\"s4-sub\">\n        From building a reliable import foundation to expanding technical support and solution coverage\u2014Mandalas is growing to help customers in Venezuela achieve more stable production and more predictable jobsite performance.\n      <\/p>\n<div class=\"s4-ctas\">\n        <a href=\"#\" class=\"s4-btn-solid\"><br \/>\n          <i class=\"fas fa-envelope\"><\/i> Cont\u00e1ctenos<br \/>\n        <\/a><br \/>\n        <a href=\"#\" class=\"s4-btn-ghost\"><br \/>\n          <i class=\"fas fa-flask-vial\"><\/i> Env\u00eda tu f\u00f3rmula<br \/>\n        <\/a>\n      <\/div>\n<\/p><\/div>\n<p>    <!-- RIGHT --><\/p>\n<div class=\"s4-right\">\n<div class=\"s4-pill\">\n<div class=\"s4-pill-icon\"><i class=\"fas fa-location-dot\"><\/i><\/div>\n<p>        <span class=\"s4-pill-text\">Local service in Caracas, focused on customer success<\/span>\n      <\/div>\n<div class=\"s4-pill\">\n<div class=\"s4-pill-icon\"><i class=\"fas fa-cubes\"><\/i><\/div>\n<p>        <span class=\"s4-pill-text\">Solutions for dry-mix and premixed systems<\/span>\n      <\/div>\n<div class=\"s4-pill\">\n<div class=\"s4-pill-icon\"><i class=\"fas fa-handshake\"><\/i><\/div>\n<p>        <span class=\"s4-pill-text\">Partnership-backed know-how and application guidance<\/span>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><br \/>\n<!-- SECTION 1 \u2014 OUR STORY                      --><br \/>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<style>\n  \/* \u2500\u2500 Section 1: Our Story \u2500\u2500 *\/\n  .ms-story {\n    position: relative;\n    background: #fff;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n  .ms-story *,.ms-story *::before,.ms-story *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  .ms-story-wrap {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 96px 64px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 72px;\n    align-items: center;\n  }<\/p>\n<p>  \/* Tag *\/\n  .ms-tag {\n    display: inline-flex; align-items: center; gap: 10px;\n    margin-bottom: 16px;\n  }\n  .ms-tag-line { width: 28px; height: 2px; background: #D44040; flex-shrink: 0; }\n  .ms-tag-text {\n    font-size: 10.5px; font-weight: 600;\n    color: #D44040; text-transform: uppercase; letter-spacing: 2.5px;\n  }<\/p>\n<p>  \/* Titles (light bg) *\/\n  .ms-title-light {\n    font-size: 36px; font-weight: 800;\n    color: #111; line-height: 1.18;\n    letter-spacing: -1px; margin-bottom: 22px;\n    border: none; padding: 0; text-transform: none;\n  }<\/p>\n<p>  \/* Prose (light bg) *\/\n  .ms-prose-light {\n    font-size: 15.5px; color: #555;\n    line-height: 1.82; font-weight: 400;\n    border: none; padding: 0;\n  }\n  .ms-prose-light + .ms-prose-light { margin-top: 16px; }<\/p>\n<p>  \/* Image frame *\/\n  .ms-img-col { position: relative; }\n  .ms-img-wrap {\n    position: relative;\n    border-radius: 10px;\n    overflow: hidden;\n    aspect-ratio: 4 \/ 3;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.10);\n  }\n  .ms-img-wrap img {\n    width: 100%; height: 100%;\n    object-fit: cover; display: block;\n    transition: transform 6s ease;\n  }\n  .ms-img-wrap:hover img { transform: scale(1.04); }<\/p>\n<p>  \/* Red corner accents *\/\n  .ms-accent-tr {\n    position: absolute; top: -8px; right: -8px;\n    width: 52px; height: 52px;\n    border-top: 3px solid #D44040;\n    border-right: 3px solid #D44040;\n    border-radius: 0 10px 0 0;\n    pointer-events: none; z-index: 2;\n  }\n  .ms-accent-bl {\n    position: absolute; bottom: -8px; left: -8px;\n    width: 52px; height: 52px;\n    border-bottom: 3px solid #D44040;\n    border-left: 3px solid #D44040;\n    border-radius: 0 0 0 10px;\n    pointer-events: none; z-index: 2;\n  }<\/p>\n<p>  \/* Subtle bg pattern for story *\/\n  .ms-story::before {\n    content: '';\n    position: absolute;\n    top: 0; right: 0;\n    width: 40%; height: 100%;\n    background: radial-gradient(ellipse at top right,\n      rgba(212,64,64,0.03) 0%, transparent 70%);\n    pointer-events: none;\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Divider                                   *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .ms-div-light {\n    max-width: 1200px; margin: 0 auto;\n    padding: 0 64px;\n  }\n  .ms-div-light-inner {\n    height: 1px;\n    background: linear-gradient(to right, #D44040 0%, #eee 20%, #eee 80%, transparent 100%);\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Section 2: MikaZone Foundation (off-white) *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .ms-mika {\n    position: relative;\n    background: #f7f7f7;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n  .ms-mika *,.ms-mika *::before,.ms-mika *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  .ms-mika::before {\n    content: '';\n    position: absolute; bottom: 0; left: 0;\n    width: 50%; height: 60%;\n    background: radial-gradient(ellipse at bottom left,\n      rgba(139,26,26,0.03) 0%, transparent 65%);\n    pointer-events: none;\n  }<\/p>\n<p>  .ms-mika-intro {\n    max-width: 1200px; margin: 0 auto;\n    padding: 96px 64px 64px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 72px;\n    align-items: center;\n  }<\/p>\n<p>  \/* Cards *\/\n  .ms-mika-cards {\n    max-width: 1200px; margin: 0 auto;\n    padding: 0 64px 96px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }<\/p>\n<p>  .ms-card {\n    position: relative;\n    background: #fff;\n    border: 1px solid #eee;\n    border-radius: 10px;\n    overflow: hidden;\n    transition: border-color 0.35s, transform 0.35s, box-shadow 0.35s;\n  }\n  .ms-card:hover {\n    border-color: rgba(212,64,64,0.3);\n    transform: translateY(-6px);\n    box-shadow: 0 16px 48px rgba(0,0,0,0.08);\n  }<\/p>\n<p>  .ms-card .mc-img-wrap {\n    overflow: hidden; position: relative;\n    height: 200px;\n  }\n  .ms-card .mc-img {\n    width: 100%; height: 100%;\n    object-fit: cover; display: block;\n    transition: transform 5s ease;\n  }\n  .ms-card:hover .mc-img { transform: scale(1.04); }\n  .ms-card .mc-img-wrap::after {\n    content: '';\n    position: absolute; bottom: 0; left: 0; right: 0;\n    height: 48px;\n    background: linear-gradient(to top, #fff, transparent);\n    pointer-events: none;\n  }<\/p>\n<p>  .ms-card .mc-body { padding: 24px 24px 28px; }\n  .ms-card .mc-icon {\n    width: 40px; height: 40px;\n    background: rgba(139,26,26,0.08);\n    border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    margin-bottom: 16px;\n  }\n  .ms-card .mc-icon i { font-size: 15px; color: #D44040; }\n  .ms-card .mc-t {\n    font-size: 16px; font-weight: 700;\n    color: #111; margin-bottom: 10px; line-height: 1.35;\n  }\n  .ms-card .mc-d {\n    font-size: 13.5px; color: #777;\n    line-height: 1.72;\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Section 3: Timeline (white)               *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .ms-timeline {\n    position: relative;\n    background: #fff;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n    padding: 96px 64px 112px;\n  }\n  .ms-timeline *,.ms-timeline *::before,.ms-timeline *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  .ms-timeline .tl-head {\n    max-width: 1200px; margin: 0 auto 56px;\n    text-align: center; position: relative; z-index: 2;\n  }\n  .ms-timeline .tl-head .ms-tag { justify-content: center; }<\/p>\n<p>  \/* Track *\/\n  .ms-timeline .tl-track {\n    position: relative;\n    max-width: 1200px;\n    margin: 0 auto; z-index: 2;\n  }\n  .ms-timeline .tl-track::before {\n    content: '';\n    position: absolute;\n    left: 50%; top: 0; bottom: 0;\n    width: 2px;\n    background: linear-gradient(to bottom,\n      transparent, #e0e0e0 8%, #e0e0e0 92%, transparent);\n    transform: translateX(-1px);\n  }<\/p>\n<p>  \/* Row *\/\n  .ms-tl-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    position: relative;\n    margin-bottom: 0;\n  }<\/p>\n<p>  \/* Center dot *\/\n  .ms-tl-row::before {\n    content: '';\n    position: absolute;\n    left: 50%; top: 36px;\n    width: 14px; height: 14px;\n    background: #fff;\n    border: 2.5px solid #D44040;\n    border-radius: 50%;\n    transform: translateX(-7px);\n    z-index: 3;\n    transition: all 0.3s;\n  }\n  .ms-tl-row:hover::before {\n    background: #D44040;\n    box-shadow: 0 0 0 5px rgba(212,64,64,0.12);\n  }<\/p>\n<p>  \/* Alternation *\/\n  .ms-tl-row:nth-child(odd) .tl-text { grid-column: 1; padding: 24px 52px 24px 0; text-align: right; }\n  .ms-tl-row:nth-child(odd) .tl-media { grid-column: 2; padding: 24px 0 24px 52px; }\n  .ms-tl-row:nth-child(even) .tl-media { grid-column: 1; grid-row: 1; padding: 24px 52px 24px 0; }\n  .ms-tl-row:nth-child(even) .tl-text { grid-column: 2; grid-row: 1; padding: 24px 0 24px 52px; text-align: left; }<\/p>\n<p>  .ms-tl-row .tl-year {\n    display: inline-block;\n    font-size: 11px; font-weight: 700;\n    color: #fff;\n    background: #8B1A1A;\n    padding: 4px 12px;\n    border-radius: 100px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n  }\n  .ms-tl-row .tl-t {\n    font-size: 17px; font-weight: 700;\n    color: #111; line-height: 1.35;\n    margin-bottom: 8px;\n  }\n  .ms-tl-row .tl-d {\n    font-size: 13.5px; color: #777;\n    line-height: 1.72;\n  }<\/p>\n<p>  \/* Image thumbnail *\/\n  .ms-tl-row .tl-thumb {\n    border-radius: 8px;\n    overflow: hidden;\n    aspect-ratio: 16 \/ 9;\n    position: relative;\n    box-shadow: 0 8px 32px rgba(0,0,0,0.07);\n  }\n  .ms-tl-row .tl-thumb img {\n    width: 100%; height: 100%;\n    object-fit: cover; display: block;\n    transition: transform 5s ease;\n  }\n  .ms-tl-row:hover .tl-thumb img { transform: scale(1.04); }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Responsive                                *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .ms-story-wrap,\n    .ms-mika-intro {\n      grid-template-columns: 1fr;\n      gap: 40px;\n      padding: 72px 36px;\n    }\n    .ms-mika-cards {\n      grid-template-columns: 1fr;\n      padding: 0 36px 72px;\n      max-width: 520px;\n    }\n    .ms-timeline { padding: 72px 36px 80px; }\n    .ms-div-light { padding: 0 36px; }<\/p>\n<p>    \/* Reorder: image first on mobile for story *\/\n    .ms-story-wrap .ms-img-col { order: -1; }<\/p>\n<p>    \/* Timeline single col *\/\n    .ms-timeline .tl-track::before { left: 0; }\n    .ms-tl-row { grid-template-columns: 1fr; padding-left: 36px; }\n    .ms-tl-row::before { left: 0; transform: translateX(-7px); top: 30px; }\n    .ms-tl-row:nth-child(odd) .tl-text,\n    .ms-tl-row:nth-child(even) .tl-text {\n      grid-column: 1; grid-row: 1;\n      padding: 16px 0; text-align: left;\n    }\n    .ms-tl-row:nth-child(odd) .tl-media,\n    .ms-tl-row:nth-child(even) .tl-media {\n      grid-column: 1; grid-row: 2;\n      padding: 0 0 24px;\n    }\n  }<\/p>\n<p>  @media (max-width: 640px) {\n    .ms-story-wrap,.ms-mika-intro { padding: 56px 24px; }\n    .ms-title-light { font-size: 28px; }\n    .ms-mika-cards { padding: 0 24px 56px; }\n    .ms-timeline { padding: 56px 24px 64px; }\n    .ms-div-light { padding: 0 24px; }\n    .ms-timeline .tl-head .ms-title-light { font-size: 28px; }\n  }\n<\/style>\n<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><br \/>\n<!-- SECTION 1 \u2014 OUR STORY (White bg)           --><br \/>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"ms-story\">\n<div class=\"ms-story-wrap\">\n<p>    <!-- Text --><\/p>\n<div>\n<div class=\"ms-tag\">\n        <span class=\"ms-tag-line\"><\/span><br \/>\n        <span class=\"ms-tag-text\">Nuestra historia<\/span>\n      <\/div>\n<h2 class=\"ms-title-light\">Built for Reliable Results,<br \/>Not Just Supply<\/h2>\n<p class=\"ms-prose-light\">\n        Mandalas was created to solve a real challenge in building materials: sourcing additives is only the first step. Customers need the right selection, repeatable performance, and stable supply planning to keep production consistent and jobsite results predictable.\n      <\/p>\n<p class=\"ms-prose-light\">\n        As we grew, we strengthened our solution approach\u2014supporting customers across tile adhesives, wall putty, mortars, ETICS, waterproofing, and coatings\u2014by combining local responsiveness with deeper technical support.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Image --><\/p>\n<div class=\"ms-img-col\">\n<div class=\"ms-accent-tr\"><\/div>\n<div class=\"ms-img-wrap\">\n        <img height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/Redlemon_hong-kong-business-building-closed-up-black-and-g-2026-03-26-06-52-30-utc_compressed.jpg\" alt=\"Construction site with building materials and workers\" loading=\"lazy\">\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><br \/>\n<!-- SECTION 2 \u2014 MIKAZONE FOUNDATION (Off-white)--><br \/>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"ms-mika\">\n<div class=\"ms-mika-intro\">\n<p>    <!-- Image --><\/p>\n<div class=\"ms-img-col\">\n<div class=\"ms-accent-bl\"><\/div>\n<div class=\"ms-img-wrap\">\n        <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC2903-scaled.jpg\" alt=\"Modern chemical manufacturing facility\" loading=\"lazy\">\n      <\/div>\n<\/p><\/div>\n<p>    <!-- Text --><\/p>\n<div>\n<div class=\"ms-tag\">\n        <span class=\"ms-tag-line\"><\/span><br \/>\n        <span class=\"ms-tag-text\">The MikaZone Foundation<\/span>\n      <\/div>\n<h2 class=\"ms-title-light\">Why MikaZone Strengthens Mandalas<\/h2>\n<p class=\"ms-prose-light\">\n        MikaZone is presented as a brand of Shandong Meikai Chemical Technology Co., Ltd., focused on cellulose ethers (HPMC\/HEMC\/HEC) and a broader construction additives portfolio.\n      <\/p>\n<p class=\"ms-prose-light\">\n        What this means for customers in Venezuela is practical: stronger product insight, clearer selection logic, and better application matching\u2014supported by manufacturer-level capability.\n      <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>  <!-- Capability Cards --><\/p>\n<div class=\"ms-mika-cards\">\n<div class=\"ms-card\">\n<div class=\"mc-img-wrap\">\n        <img height=\"2557\" width=\"1920\" decoding=\"async\" class=\"mc-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC04074.jpg\" alt=\"Industrial production line with quality control\" loading=\"lazy\">\n      <\/div>\n<div class=\"mc-body\">\n<div class=\"mc-icon\"><i class=\"fas fa-industry\"><\/i><\/div>\n<div class=\"mc-t\">Manufacturing &amp; Product Capability<\/div>\n<div class=\"mc-d\">MikaZone states it has its own production bases for cellulose ethers, RDP, and other construction additives and emphasizes compliance and quality control.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ms-card\">\n<div class=\"mc-img-wrap\">\n        <img height=\"1080\" width=\"1920\" decoding=\"async\" class=\"mc-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/C0070.MP4_20240920_155318062.jpg\" alt=\"Chemical laboratory testing environment\" loading=\"lazy\">\n      <\/div>\n<div class=\"mc-body\">\n<div class=\"mc-icon\"><i class=\"fas fa-flask-vial\"><\/i><\/div>\n<div class=\"mc-t\">Technical &amp; Application Support<\/div>\n<div class=\"mc-d\">MikaZone describes technical support supported by chemical and application laboratories, with testing that includes metrics such as open time, water retention, adhesive strength, slip\/sag resistance, setting time, and workability.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ms-card\">\n<div class=\"mc-img-wrap\">\n        <img height=\"1707\" width=\"2560\" decoding=\"async\" class=\"mc-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC35021-scaled.jpg\" alt=\"Worker applying tile adhesive at construction site\" loading=\"lazy\">\n      <\/div>\n<div class=\"mc-body\">\n<div class=\"mc-icon\"><i class=\"fas fa-layer-group\"><\/i><\/div>\n<div class=\"mc-t\">Application Coverage<\/div>\n<div class=\"mc-d\">MikaZone publishes application pages for systems like tile adhesive and ETICS\/EIFS, highlighting performance goals such as consistency, anti-sag behavior, and practical application feel.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><br \/>\n<!-- SECTION 3 \u2014 TIMELINE (White bg)            --><br \/>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"ms-timeline\">\n<div class=\"tl-head\">\n<div class=\"ms-tag\">\n      <span class=\"ms-tag-line\"><\/span><br \/>\n      <span class=\"ms-tag-text\">Timeline<\/span>\n    <\/div>\n<h2 class=\"ms-title-light\">Key Milestones<\/h2>\n<\/p><\/div>\n<div class=\"tl-track\">\n<p>    <!-- 2015 --><\/p>\n<div class=\"ms-tl-row\">\n<div class=\"tl-text\">\n        <span class=\"tl-year\">2015<\/span><\/p>\n<div class=\"tl-t\">The Manufacturer Base Takes Shape<\/div>\n<div class=\"tl-d\">Shandong Meikai Chemical Technology Co., Ltd. is described as established in 2015, with MikaZone developed as a brand for industrial-grade cellulose ether products.<\/div>\n<\/p><\/div>\n<div class=\"tl-media\">\n<div class=\"tl-thumb\">\n          <img height=\"720\" width=\"1280\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/Redlemon_C0445T01_compressed.jpg\" alt=\"Industrial chemical plant establishing operations\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- 2022 --><\/p>\n<div class=\"ms-tl-row\">\n<div class=\"tl-text\">\n        <span class=\"tl-year\">2022<\/span><\/p>\n<div class=\"tl-t\">Mandalas Starts Import Operations in Venezuela<\/div>\n<div class=\"tl-d\">Mandalas begins operations to support local customers with construction additive supply and practical selection support\u2014focused on performance and reliability.<\/div>\n<\/p><\/div>\n<div class=\"tl-media\">\n<div class=\"tl-thumb\">\n          <img height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/Redlemon_DSC04233_compressed.jpg\" alt=\"Shipping containers at port for international trade\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- 2023 --><\/p>\n<div class=\"ms-tl-row\">\n<div class=\"tl-text\">\n        <span class=\"tl-year\">2023<\/span><\/p>\n<div class=\"tl-t\">Portfolio Expansion &amp; Broader Application Support<\/div>\n<div class=\"tl-d\">Mandalas expands supported systems and improves application matching across high-demand categories such as tile adhesives, putty\/skim coat, and mortar systems\u2014supporting repeatable jobsite performance.<\/div>\n<\/p><\/div>\n<div class=\"tl-media\">\n<div class=\"tl-thumb\">\n          <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC35021-scaled.jpg\" alt=\"Tile installation with adhesive application\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- 2024 --><\/p>\n<div class=\"ms-tl-row\">\n<div class=\"tl-text\">\n        <span class=\"tl-year\">2024<\/span><\/p>\n<div class=\"tl-t\">Stronger Technical Workflow<\/div>\n<div class=\"tl-d\">We strengthen our support structure: clearer requirement intake, faster recommendations, and more practical troubleshooting\u2014reducing trial cycles and improving stability in production and application.<\/div>\n<\/p><\/div>\n<div class=\"tl-media\">\n<div class=\"tl-thumb\">\n          <img height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/C0070.MP4_20240920_155318062.jpg\" alt=\"Laboratory quality testing and analysis\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Dec 2025 --><\/p>\n<div class=\"ms-tl-row\">\n<div class=\"tl-text\">\n        <span class=\"tl-year\">December 2025<\/span><\/p>\n<div class=\"tl-t\">Partnership Strengthening with MikaZone<\/div>\n<div class=\"tl-d\">We strengthen cooperation to bring more manufacturer-level product insight and application guidance into local support\u2014helping customers reach stable results faster through better system matching.<\/div>\n<\/p><\/div>\n<div class=\"tl-media\">\n<div class=\"tl-thumb\">\n          <img height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/Redlemon_closeup-two-people-diverse-multiracial-man-woman-s-2026-03-24-11-39-36-utc_compressed.jpg\" alt=\"Business partnership handshake\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- 2026 --><\/p>\n<div class=\"ms-tl-row\">\n<div class=\"tl-text\">\n        <span class=\"tl-year\">2026<\/span><\/p>\n<div class=\"tl-t\">Building a Stronger Local Support Model<\/div>\n<div class=\"tl-d\">We continue improving response speed, solution coverage, and supply coordination\u2014so customers can plan more confidently and deliver consistent performance across batches and seasons.<\/div>\n<\/p><\/div>\n<div class=\"tl-media\">\n<div class=\"tl-thumb\">\n          <img height=\"1280\" width=\"1920\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/skyward-view-of-towering-skyscrapers-against-a-cle-2026-03-25-00-52-13-utc.jpg\" alt=\"Modern construction project in progress\" loading=\"lazy\">\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><br \/>\n<!-- SECTION 4 \u2014 BENEFITS FOR CUSTOMERS         --><br \/>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<style>\n  \/* \u2500\u2500 Section 4: Benefits \u2500\u2500 *\/\n  .ms-benefits {\n    position: relative;\n    background: #f7f7f7;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n  .ms-benefits *,.ms-benefits *::before,.ms-benefits *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  .ms-benefits::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    background: radial-gradient(ellipse at 80% 0%,\n      rgba(212,64,64,0.025) 0%, transparent 55%);\n    pointer-events: none;\n  }<\/p>\n<p>  .ms-ben-wrap {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 96px 64px;\n    position: relative; z-index: 2;\n  }<\/p>\n<p>  .ms-ben-header {\n    max-width: 560px;\n    margin-bottom: 48px;\n  }<\/p>\n<p>  .ms-ben-header .ms-tag {\n    display: inline-flex; align-items: center; gap: 10px;\n    margin-bottom: 16px;\n  }\n  .ms-ben-header .ms-tag-line { width: 28px; height: 2px; background: #D44040; flex-shrink: 0; }\n  .ms-ben-header .ms-tag-text {\n    font-size: 10.5px; font-weight: 600;\n    color: #D44040; text-transform: uppercase; letter-spacing: 2.5px;\n  }\n  .ms-ben-header .ms-title-light {\n    font-size: 36px; font-weight: 800;\n    color: #111; line-height: 1.18;\n    letter-spacing: -1px; margin-bottom: 16px;\n    border: none; padding: 0; text-transform: none;\n  }\n  .ms-ben-header .ms-prose-light {\n    font-size: 15.5px; color: #555;\n    line-height: 1.82; font-weight: 400;\n    border: none; padding: 0;\n  }<\/p>\n<p>  \/* Benefit cards \u2014 2x2 grid *\/\n  .ms-ben-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n  }<\/p>\n<p>  .ms-ben-card {\n    background: #fff;\n    border: 1px solid #eee;\n    border-radius: 10px;\n    padding: 32px 30px;\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;\n  }\n  .ms-ben-card:hover {\n    border-color: rgba(212,64,64,0.25);\n    box-shadow: 0 12px 40px rgba(0,0,0,0.06);\n    transform: translateY(-3px);\n  }<\/p>\n<p>  .ms-ben-card .bc-num {\n    flex-shrink: 0;\n    width: 42px; height: 42px;\n    background: rgba(139,26,26,0.07);\n    border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 15px; font-weight: 800;\n    color: #D44040;\n  }<\/p>\n<p>  .ms-ben-card .bc-title {\n    font-size: 16px; font-weight: 700;\n    color: #111; margin-bottom: 8px;\n    line-height: 1.35;\n  }\n  .ms-ben-card .bc-desc {\n    font-size: 14px; color: #666;\n    line-height: 1.72;\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Divider                                   *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .ms-div-f7 {\n    background: #f7f7f7;\n  }\n  .ms-div-white {\n    background: #fff;\n  }\n  .ms-div-inner {\n    max-width: 1200px; margin: 0 auto;\n    padding: 0 64px;\n  }\n  .ms-div-inner-line {\n    height: 1px;\n    background: linear-gradient(to right, #D44040 0%, #eee 15%, #eee 85%, transparent 100%);\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Section 5: What We're Building Next        *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .ms-next {\n    position: relative;\n    background: #fff;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n  .ms-next *,.ms-next *::before,.ms-next *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  .ms-next::before {\n    content: '';\n    position: absolute; bottom: 0; right: 0;\n    width: 45%; height: 70%;\n    background: radial-gradient(ellipse at bottom right,\n      rgba(139,26,26,0.025) 0%, transparent 60%);\n    pointer-events: none;\n  }<\/p>\n<p>  .ms-next-wrap {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 96px 64px;\n    position: relative; z-index: 2;\n  }<\/p>\n<p>  .ms-next-header {\n    text-align: center;\n    max-width: 520px;\n    margin: 0 auto 56px;\n  }\n  .ms-next-header .ms-tag {\n    display: inline-flex; align-items: center; gap: 10px;\n    margin-bottom: 16px; justify-content: center;\n  }\n  .ms-next-header .ms-tag-line { width: 28px; height: 2px; background: #D44040; flex-shrink: 0; }\n  .ms-next-header .ms-tag-text {\n    font-size: 10.5px; font-weight: 600;\n    color: #D44040; text-transform: uppercase; letter-spacing: 2.5px;\n  }\n  .ms-next-header .ms-title-light {\n    font-size: 36px; font-weight: 800;\n    color: #111; line-height: 1.18;\n    letter-spacing: -1px;\n    border: none; padding: 0; text-transform: none;\n  }<\/p>\n<p>  \/* Three direction columns *\/\n  .ms-next-cols {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n  }<\/p>\n<p>  .ms-next-col {\n    position: relative;\n    padding: 36px 32px;\n    background: #f7f7f7;\n    border-radius: 10px;\n    border: 1px solid transparent;\n    transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;\n  }\n  .ms-next-col:hover {\n    border-color: rgba(212,64,64,0.2);\n    box-shadow: 0 12px 40px rgba(0,0,0,0.05);\n    transform: translateY(-4px);\n  }<\/p>\n<p>  \/* Top red bar on each card *\/\n  .ms-next-col::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 24px; right: 24px;\n    height: 3px;\n    background: linear-gradient(90deg, #8B1A1A, #D44040);\n    border-radius: 0 0 2px 2px;\n    opacity: 0;\n    transition: opacity 0.3s;\n  }\n  .ms-next-col:hover::before { opacity: 1; }<\/p>\n<p>  .ms-next-col .nc-icon {\n    width: 44px; height: 44px;\n    background: rgba(139,26,26,0.07);\n    border-radius: 9px;\n    display: flex; align-items: center; justify-content: center;\n    margin-bottom: 20px;\n  }\n  .ms-next-col .nc-icon i { font-size: 16px; color: #D44040; }<\/p>\n<p>  .ms-next-col .nc-title {\n    font-size: 17px; font-weight: 700;\n    color: #111; margin-bottom: 10px;\n    line-height: 1.35;\n  }\n  .ms-next-col .nc-desc {\n    font-size: 14px; color: #666;\n    line-height: 1.75;\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Closing CTA                               *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .ms-cta {\n    position: relative;\n    background: #111;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n  .ms-cta *,.ms-cta *::before,.ms-cta *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  \/* Top red line *\/\n  .ms-cta::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #8B1A1A, #D44040, #8B1A1A);\n    z-index: 10;\n  }<\/p>\n<p>  \/* Subtle grid *\/\n  .ms-cta .cta-grid {\n    position: absolute; inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);\n    background-size: 64px 64px;\n    pointer-events: none;\n  }<\/p>\n<p>  \/* Red ambient glow *\/\n  .ms-cta .cta-glow {\n    position: absolute;\n    top: 50%; left: 50%;\n    width: 600px; height: 400px;\n    background: radial-gradient(ellipse,\n      rgba(139,26,26,0.12) 0%, transparent 70%);\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n  }<\/p>\n<p>  .ms-cta-wrap {\n    max-width: 720px;\n    margin: 0 auto;\n    padding: 88px 64px;\n    text-align: center;\n    position: relative; z-index: 5;\n  }<\/p>\n<p>  .ms-cta-wrap .cta-headline {\n    font-size: 34px; font-weight: 800;\n    color: #fff; line-height: 1.2;\n    letter-spacing: -1px;\n    margin-bottom: 18px;\n    border: none; padding: 0; text-transform: none;\n  }\n  .ms-cta-wrap .cta-headline span { color: #D44040; }<\/p>\n<p>  .ms-cta-wrap .cta-text {\n    font-size: 15.5px;\n    color: rgba(255,255,255,0.50);\n    line-height: 1.8;\n    margin-bottom: 36px;\n    border: none; padding: 0;\n  }<\/p>\n<p>  .ms-cta-wrap .cta-btns {\n    display: flex; gap: 12px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }<\/p>\n<p>  .ms-cta-wrap .cta-btn1 {\n    display: inline-flex; align-items: center; gap: 10px;\n    padding: 15px 32px;\n    background: #8B1A1A; color: #fff;\n    border: none; border-radius: 6px;\n    font-size: 14.5px; font-weight: 600;\n    text-decoration: none; cursor: pointer;\n    transition: all 0.3s; font-family: inherit;\n    line-height: 1; outline: none;\n  }\n  .ms-cta-wrap .cta-btn1:hover {\n    background: #A52A2A;\n    box-shadow: 0 10px 32px rgba(139,26,26,0.5);\n    transform: translateY(-2px);\n    color: #fff; text-decoration: none;\n  }\n  .ms-cta-wrap .cta-btn1 i { font-size: 11px; transition: transform 0.3s; }\n  .ms-cta-wrap .cta-btn1:hover i { transform: translateX(4px); }<\/p>\n<p>  .ms-cta-wrap .cta-btn2 {\n    display: inline-flex; align-items: center; gap: 10px;\n    padding: 15px 32px;\n    background: transparent;\n    color: rgba(255,255,255,0.68);\n    border: 1.5px solid rgba(255,255,255,0.15);\n    border-radius: 6px;\n    font-size: 14.5px; font-weight: 500;\n    text-decoration: none; cursor: pointer;\n    transition: all 0.3s; font-family: inherit;\n    line-height: 1; outline: none;\n  }\n  .ms-cta-wrap .cta-btn2:hover {\n    border-color: rgba(255,255,255,0.40);\n    color: #fff;\n    background: rgba(255,255,255,0.04);\n    transform: translateY(-2px);\n    text-decoration: none;\n  }\n  .ms-cta-wrap .cta-btn2 i { font-size: 11px; }<\/p>\n<p>  \/* Bottom red line *\/\n  .ms-cta::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #8B1A1A, #D44040, #8B1A1A);\n    opacity: 0.45;\n    z-index: 10;\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Responsive for all new sections           *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .ms-ben-wrap { padding: 72px 36px; }\n    .ms-ben-grid { grid-template-columns: 1fr; max-width: 560px; }\n    .ms-next-wrap { padding: 72px 36px; }\n    .ms-next-cols { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }\n    .ms-cta-wrap { padding: 72px 36px; }\n    .ms-div-inner { padding: 0 36px; }\n  }<\/p>\n<p>  @media (max-width: 640px) {\n    .ms-ben-wrap { padding: 56px 24px; }\n    .ms-ben-header .ms-title-light { font-size: 28px; }\n    .ms-ben-card { flex-direction: column; gap: 14px; padding: 24px 22px; }\n    .ms-next-wrap { padding: 56px 24px; }\n    .ms-next-header .ms-title-light { font-size: 28px; }\n    .ms-next-col { padding: 28px 24px; }\n    .ms-cta-wrap { padding: 56px 24px; }\n    .ms-cta-wrap .cta-headline { font-size: 26px; }\n    .ms-cta-wrap .cta-btns { flex-direction: column; }\n    .ms-cta-wrap .cta-btn1,.ms-cta-wrap .cta-btn2 { width: 100%; justify-content: center; }\n    .ms-div-inner { padding: 0 24px; }\n  }\n<\/style>\n<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><br \/>\n<!-- SECTION 4 \u2014 BENEFITS (Off-white #f7f7f7)   --><br \/>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"ms-benefits\">\n<div class=\"ms-ben-wrap\">\n<div class=\"ms-ben-header\">\n<div class=\"ms-tag\">\n        <span class=\"ms-tag-line\"><\/span><br \/>\n        <span class=\"ms-tag-text\">Customer Impact<\/span>\n      <\/div>\n<h2 class=\"ms-title-light\">What Our Growth Means for You<\/h2>\n<p class=\"ms-prose-light\">Our progress is designed to reduce risk for customers and improve predictability:<\/p>\n<\/p><\/div>\n<div class=\"ms-ben-grid\">\n<div class=\"ms-ben-card\">\n<div class=\"bc-num\">01<\/div>\n<div>\n<div class=\"bc-title\">Faster Selection<\/div>\n<div class=\"bc-desc\">Clearer product-to-application matching so you spend less time evaluating and more time producing.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ms-ben-card\">\n<div class=\"bc-num\">02<\/div>\n<div>\n<div class=\"bc-title\">More Stable Performance<\/div>\n<div class=\"bc-desc\">Better control of open time, sag resistance, workability, and system stability across your production batches.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ms-ben-card\">\n<div class=\"bc-num\">03<\/div>\n<div>\n<div class=\"bc-title\">Fewer Trial Cycles<\/div>\n<div class=\"bc-desc\">Structured recommendation and optimization support to reduce trial-and-error and reach target performance faster.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ms-ben-card\">\n<div class=\"bc-num\">04<\/div>\n<div>\n<div class=\"bc-title\">More Reliable Operations<\/div>\n<div class=\"bc-desc\">Better supply planning and delivery coordination so you can maintain stable production without interruption.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><br \/>\n<!-- SECTION 5 \u2014 WHAT'S NEXT (White #fff)       --><br \/>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"ms-next\">\n<div class=\"ms-next-wrap\">\n<div class=\"ms-next-header\">\n<div class=\"ms-tag\">\n        <span class=\"ms-tag-line\"><\/span><br \/>\n        <span class=\"ms-tag-text\">Looking Ahead<\/span>\n      <\/div>\n<h2 class=\"ms-title-light\">What&#8217;s Next<\/h2>\n<\/p><\/div>\n<div class=\"ms-next-cols\">\n<div class=\"ms-next-col\">\n<div class=\"nc-icon\"><i class=\"fas fa-route\"><\/i><\/div>\n<div class=\"nc-title\">Clearer Solution Paths<\/div>\n<div class=\"nc-desc\">More structured selection by system (dry-mix vs premix) and by application (tile adhesive, putty, ETICS, waterproofing, coatings, etc.).<\/div>\n<\/p><\/div>\n<div class=\"ms-next-col\">\n<div class=\"nc-icon\"><i class=\"fas fa-microscope\"><\/i><\/div>\n<div class=\"nc-title\">Deeper Technical Support<\/div>\n<div class=\"nc-desc\">Better troubleshooting workflows and more practical trial guidance\u2014aligned with the performance metrics commonly tested in manufacturer-level application labs.<\/div>\n<\/p><\/div>\n<div class=\"ms-next-col\">\n<div class=\"nc-icon\"><i class=\"fas fa-boxes-stacked\"><\/i><\/div>\n<div class=\"nc-title\">More Predictable Supply Coordination<\/div>\n<div class=\"nc-desc\">Improved planning support so customers can reduce downtime risk and maintain stable operations.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><br \/>\n<!-- CLOSING CTA (Dark #111)                    --><br \/>\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 --><\/p>\n<section class=\"ms-cta\">\n<div class=\"cta-grid\"><\/div>\n<div class=\"cta-glow\"><\/div>\n<div class=\"ms-cta-wrap\">\n<h2 class=\"cta-headline\">Let&#8217;s build stable, repeatable<br \/>performance\u2014<span>together.<\/span><\/h2>\n<p class=\"cta-text\">Tell us your application and target results. We&#8217;ll recommend a suitable solution and dosage guidance, and support your trial and optimization.<\/p>\n<div class=\"cta-btns\">\n      <a href=\"https:\/\/mikazone.store\/es\/contacto\/envia-tu-formula\/\" class=\"cta-btn1\"><i class=\"fas fa-flask-vial\"><\/i> Env\u00eda tu f\u00f3rmula<\/a><br \/>\n      <a href=\"https:\/\/mikazone.store\/es\/contacto\/\" class=\"cta-btn2\"><i class=\"fas fa-envelope\"><\/i> Cont\u00e1ctenos<\/a>\n    <\/div>\n<\/p><\/div>\n<\/section>\n<style data-lemonx-boosted=\"true\">\n\/* Lemonx: User CSS ,Theme\/Elementor GlobalStyle *\/\n.lemonx-visual-root #storyHero4 {\n    position: relative;\n    width: 100%;\n    height: 50vh;\n    min-height: 360px;\n    max-height: 480px;\n    background: #0a0a0a;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n  }<\/p>\n<p>  .lemonx-visual-root #storyHero4 *, .lemonx-visual-root #storyHero4 *::before, .lemonx-visual-root #storyHero4 *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  \/* \u2500\u2500 Top accent line \u2500\u2500 *\/\n  .lemonx-visual-root #storyHero4::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #8B1A1A, #D44040, #8B1A1A);\n    z-index: 50;\n  }<\/p>\n<p>  \/* \u2500\u2500 Background image \u2500\u2500 *\/\n  .lemonx-visual-root #storyHero4 .s4-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/radisson-blu-waterfront-hotel-stockholm-waterfron-2026-03-25-02-23-17-utc.jpg');\n    background-size: cover;\n    background-position: center 40%;\n    z-index: 0;\n  }<\/p>\n<p>  \/* \u2500\u2500 Overlays \u2500\u2500 *\/\n  .lemonx-visual-root #storyHero4 .s4-ov1 {\n    position: absolute; inset: 0; z-index: 1;\n    background: linear-gradient(\n      to right,\n      rgba(0,0,0,0.93) 0%,\n      rgba(0,0,0,0.78) 45%,\n      rgba(0,0,0,0.35) 100%\n    );\n  }\n  .lemonx-visual-root #storyHero4 .s4-ov2 {\n    position: absolute; inset: 0; z-index: 2;\n    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%, transparent 50%);\n  }\n  .lemonx-visual-root #storyHero4 .s4-ov-red {\n    position: absolute;\n    bottom: 0; left: 0;\n    width: 45%; height: 65%;\n    background: radial-gradient(ellipse at bottom left,\n      rgba(139,26,26,0.18) 0%, transparent 70%);\n    z-index: 3;\n    pointer-events: none;\n  }<\/p>\n<p>  \/* \u2500\u2500 Layout \u2500\u2500 *\/\n  .lemonx-visual-root #storyHero4 .s4-wrap {\n    position: relative;\n    z-index: 10;\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 64px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 48px;\n  }<\/p>\n<p>  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     LEFT \u2014 TEXT\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .lemonx-visual-root #storyHero4 .s4-left {\n    flex: 1;\n    max-width: 580px;\n  }<\/p>\n<p>  \/* Eyebrow *\/\n  .lemonx-visual-root #storyHero4 .s4-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 16px;\n    opacity: 0;\n    animation: s4up 0.6s cubic-bezier(0.22,1,0.36,1) forwards 0.1s;\n  }\n  .lemonx-visual-root #storyHero4 .s4-eyebrow-bar {\n    width: 32px; height: 2px;\n    background: #D44040;\n    flex-shrink: 0;\n  }\n  .lemonx-visual-root #storyHero4 .s4-eyebrow-text {\n    font-size: 11px;\n    font-weight: 600;\n    color: #D44040;\n    text-transform: uppercase;\n    letter-spacing: 2.5px;\n  }<\/p>\n<p>  \/* Headline *\/\n  .lemonx-visual-root #storyHero4 .s4-h1 {\n    font-size: clamp(30px, 3.6vw, 48px);\n    font-weight: 800;\n    color: #fff;\n    line-height: 1.1;\n    letter-spacing: -1.5px;\n    margin-bottom: 14px;\n    opacity: 0;\n    animation: s4up 0.8s cubic-bezier(0.22,1,0.36,1) forwards 0.22s;\n  }\n  .lemonx-visual-root #storyHero4 .s4-h1 span {\n    color: #D44040;\n  }<\/p>\n<p>  \/* Sub *\/\n  .lemonx-visual-root #storyHero4 .s4-sub {\n    font-size: 14px;\n    color: rgba(255,255,255,0.55);\n    line-height: 1.75;\n    max-width: 520px;\n    margin-bottom: 24px;\n    opacity: 0;\n    animation: s4up 0.7s cubic-bezier(0.22,1,0.36,1) forwards 0.36s;\n  }<\/p>\n<p>  \/* CTAs *\/\n  .lemonx-visual-root #storyHero4 .s4-ctas {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n    opacity: 0;\n    animation: s4up 0.6s cubic-bezier(0.22,1,0.36,1) forwards 0.5s;\n  }<\/p>\n<p>  .lemonx-visual-root #storyHero4 .s4-btn-solid {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 13px 28px;\n    background: #8B1A1A;\n    color: #fff;\n    border: none;\n    border-radius: 5px;\n    font-size: 13.5px;\n    font-weight: 600;\n    text-decoration: none;\n    cursor: pointer;\n    font-family: inherit;\n    line-height: 1;\n    transition: background 0.3s, transform 0.3s, box-shadow 0.3s;\n  }\n  .lemonx-visual-root #storyHero4 .s4-btn-solid:hover {\n    background: #A52020;\n    transform: translateY(-2px);\n    box-shadow: 0 10px 30px rgba(139,26,26,0.5);\n    color: #fff;\n    text-decoration: none;\n  }\n  .lemonx-visual-root #storyHero4 .s4-btn-solid i { font-size: 11px; }<\/p>\n<p>  .lemonx-visual-root #storyHero4 .s4-btn-ghost {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 26px;\n    background: transparent;\n    color: rgba(255,255,255,0.6);\n    border: 1px solid rgba(255,255,255,0.16);\n    border-radius: 5px;\n    font-size: 13.5px;\n    font-weight: 500;\n    text-decoration: none;\n    cursor: pointer;\n    font-family: inherit;\n    line-height: 1;\n    transition: all 0.3s;\n  }\n  .lemonx-visual-root #storyHero4 .s4-btn-ghost:hover {\n    border-color: rgba(212,64,64,0.5);\n    color: #D44040;\n    background: rgba(139,26,26,0.08);\n    transform: translateY(-2px);\n    text-decoration: none;\n  }\n  .lemonx-visual-root #storyHero4 .s4-btn-ghost i { font-size: 11px; }<\/p>\n<p>  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     RIGHT \u2014 PILLS\n  \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  .lemonx-visual-root #storyHero4 .s4-right {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    flex-shrink: 0;\n    opacity: 0;\n    animation: s4fade 0.8s ease forwards 0.5s;\n  }<\/p>\n<p>  .lemonx-visual-root #storyHero4 .s4-pill {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 13px 18px;\n    background: rgba(10,10,10,0.72);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-left: 2px solid rgba(139,26,26,0.5);\n    border-radius: 6px;\n    backdrop-filter: blur(12px);\n    min-width: 280px;\n    transition: border-left-color 0.3s, background 0.3s;\n    cursor: default;\n  }\n  .lemonx-visual-root #storyHero4 .s4-pill:hover {\n    border-left-color: #D44040;\n    background: rgba(20,10,10,0.82);\n  }\n  .lemonx-visual-root #storyHero4 .s4-pill-icon {\n    width: 28px; height: 28px;\n    background: rgba(139,26,26,0.18);\n    border-radius: 6px;\n    display: flex; align-items: center; justify-content: center;\n    flex-shrink: 0;\n  }\n  .lemonx-visual-root #storyHero4 .s4-pill-icon i {\n    font-size: 11px;\n    color: #D44040;\n  }\n  .lemonx-visual-root #storyHero4 .s4-pill-text {\n    font-size: 13px;\n    font-weight: 500;\n    color: rgba(255,255,255,0.72);\n    line-height: 1.4;\n  }<\/p>\n<p>  \/* \u2500\u2500 Bottom bar \u2500\u2500 *\/\n  .lemonx-visual-root #storyHero4::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 1px;\n    background: linear-gradient(90deg,\n      transparent,\n      rgba(139,26,26,0.4) 30%,\n      rgba(212,64,64,0.6) 50%,\n      rgba(139,26,26,0.4) 70%,\n      transparent\n    );\n    z-index: 50;\n  }<\/p>\n<p>  \/* \u2500\u2500 Keyframes \u2500\u2500 *\/\n  @keyframes s4up {\n    from { opacity: 0; transform: translateY(20px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes s4fade {\n    from { opacity: 0; transform: translateX(16px); }\n    to   { opacity: 1; transform: translateX(0); }\n  }<\/p>\n<p>  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n  @media (max-width: 960px) {\n    .lemonx-visual-root #storyHero4 { max-height: none; height: auto; min-height: 0; }\n    .lemonx-visual-root #storyHero4 .s4-wrap {\n      flex-direction: column;\n      align-items: flex-start;\n      padding: 52px 36px;\n      gap: 32px;\n    }\n    .lemonx-visual-root #storyHero4 .s4-right {\n      width: 100%;\n    }\n    .lemonx-visual-root #storyHero4 .s4-pill { min-width: 0; width: 100%; }\n  }\n  @media (max-width: 480px) {\n    .lemonx-visual-root #storyHero4 .s4-wrap { padding: 44px 20px; }\n    .lemonx-visual-root #storyHero4 .s4-h1 { letter-spacing: -1px; }\n    .lemonx-visual-root #storyHero4 .s4-ctas { flex-direction: column; width: 100%; }\n    .lemonx-visual-root #storyHero4 .s4-btn-solid, .lemonx-visual-root #storyHero4 .s4-btn-ghost { width: 100%; justify-content: center; }\n  }\n\/* \u2500\u2500 Section 1: Our Story \u2500\u2500 *\/\n  .lemonx-visual-root .ms-story {\n    position: relative;\n    background: #fff;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n  .lemonx-visual-root .ms-story *, .lemonx-visual-root .ms-story *::before, .lemonx-visual-root .ms-story *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-story-wrap {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 96px 64px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 72px;\n    align-items: center;\n  }<\/p>\n<p>  \/* Tag *\/\n  .lemonx-visual-root .ms-tag {\n    display: inline-flex; align-items: center; gap: 10px;\n    margin-bottom: 16px;\n  }\n  .lemonx-visual-root .ms-tag-line { width: 28px; height: 2px; background: #D44040; flex-shrink: 0; }\n  .lemonx-visual-root .ms-tag-text {\n    font-size: 10.5px; font-weight: 600;\n    color: #D44040; text-transform: uppercase; letter-spacing: 2.5px;\n  }<\/p>\n<p>  \/* Titles (light bg) *\/\n  .lemonx-visual-root .ms-title-light {\n    font-size: 36px; font-weight: 800;\n    color: #111; line-height: 1.18;\n    letter-spacing: -1px; margin-bottom: 22px;\n    border: none; padding: 0; text-transform: none;\n  }<\/p>\n<p>  \/* Prose (light bg) *\/\n  .lemonx-visual-root .ms-prose-light {\n    font-size: 15.5px; color: #555;\n    line-height: 1.82; font-weight: 400;\n    border: none; padding: 0;\n  }\n  .lemonx-visual-root .ms-prose-light + .ms-prose-light { margin-top: 16px; }<\/p>\n<p>  \/* Image frame *\/\n  .lemonx-visual-root .ms-img-col { position: relative; }\n  .lemonx-visual-root .ms-img-wrap {\n    position: relative;\n    border-radius: 10px;\n    overflow: hidden;\n    aspect-ratio: 4 \/ 3;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.10);\n  }\n  .lemonx-visual-root .ms-img-wrap img {\n    width: 100%; height: 100%;\n    object-fit: cover; display: block;\n    transition: transform 6s ease;\n  }\n  .lemonx-visual-root .ms-img-wrap:hover img { transform: scale(1.04); }<\/p>\n<p>  \/* Red corner accents *\/\n  .lemonx-visual-root .ms-accent-tr {\n    position: absolute; top: -8px; right: -8px;\n    width: 52px; height: 52px;\n    border-top: 3px solid #D44040;\n    border-right: 3px solid #D44040;\n    border-radius: 0 10px 0 0;\n    pointer-events: none; z-index: 2;\n  }\n  .lemonx-visual-root .ms-accent-bl {\n    position: absolute; bottom: -8px; left: -8px;\n    width: 52px; height: 52px;\n    border-bottom: 3px solid #D44040;\n    border-left: 3px solid #D44040;\n    border-radius: 0 0 0 10px;\n    pointer-events: none; z-index: 2;\n  }<\/p>\n<p>  \/* Subtle bg pattern for story *\/\n  .lemonx-visual-root .ms-story::before {\n    content: '';\n    position: absolute;\n    top: 0; right: 0;\n    width: 40%; height: 100%;\n    background: radial-gradient(ellipse at top right,\n      rgba(212,64,64,0.03) 0%, transparent 70%);\n    pointer-events: none;\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Divider                                   *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .lemonx-visual-root .ms-div-light {\n    max-width: 1200px; margin: 0 auto;\n    padding: 0 64px;\n  }\n  .lemonx-visual-root .ms-div-light-inner {\n    height: 1px;\n    background: linear-gradient(to right, #D44040 0%, #eee 20%, #eee 80%, transparent 100%);\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Section 2: MikaZone Foundation (off-white) *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .lemonx-visual-root .ms-mika {\n    position: relative;\n    background: #f7f7f7;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n  .lemonx-visual-root .ms-mika *, .lemonx-visual-root .ms-mika *::before, .lemonx-visual-root .ms-mika *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-mika::before {\n    content: '';\n    position: absolute; bottom: 0; left: 0;\n    width: 50%; height: 60%;\n    background: radial-gradient(ellipse at bottom left,\n      rgba(139,26,26,0.03) 0%, transparent 65%);\n    pointer-events: none;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-mika-intro {\n    max-width: 1200px; margin: 0 auto;\n    padding: 96px 64px 64px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 72px;\n    align-items: center;\n  }<\/p>\n<p>  \/* Cards *\/\n  .lemonx-visual-root .ms-mika-cards {\n    max-width: 1200px; margin: 0 auto;\n    padding: 0 64px 96px;\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-card {\n    position: relative;\n    background: #fff;\n    border: 1px solid #eee;\n    border-radius: 10px;\n    overflow: hidden;\n    transition: border-color 0.35s, transform 0.35s, box-shadow 0.35s;\n  }\n  .lemonx-visual-root .ms-card:hover {\n    border-color: rgba(212,64,64,0.3);\n    transform: translateY(-6px);\n    box-shadow: 0 16px 48px rgba(0,0,0,0.08);\n  }<\/p>\n<p>  .lemonx-visual-root .ms-card .mc-img-wrap {\n    overflow: hidden; position: relative;\n    height: 200px;\n  }\n  .lemonx-visual-root .ms-card .mc-img {\n    width: 100%; height: 100%;\n    object-fit: cover; display: block;\n    transition: transform 5s ease;\n  }\n  .lemonx-visual-root .ms-card:hover .mc-img { transform: scale(1.04); }\n  .lemonx-visual-root .ms-card .mc-img-wrap::after {\n    content: '';\n    position: absolute; bottom: 0; left: 0; right: 0;\n    height: 48px;\n    background: linear-gradient(to top, #fff, transparent);\n    pointer-events: none;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-card .mc-body { padding: 24px 24px 28px; }\n  .lemonx-visual-root .ms-card .mc-icon {\n    width: 40px; height: 40px;\n    background: rgba(139,26,26,0.08);\n    border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    margin-bottom: 16px;\n  }\n  .lemonx-visual-root .ms-card .mc-icon i { font-size: 15px; color: #D44040; }\n  .lemonx-visual-root .ms-card .mc-t {\n    font-size: 16px; font-weight: 700;\n    color: #111; margin-bottom: 10px; line-height: 1.35;\n  }\n  .lemonx-visual-root .ms-card .mc-d {\n    font-size: 13.5px; color: #777;\n    line-height: 1.72;\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Section 3: Timeline (white)               *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .lemonx-visual-root .ms-timeline {\n    position: relative;\n    background: #fff;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n    padding: 96px 64px 112px;\n  }\n  .lemonx-visual-root .ms-timeline *, .lemonx-visual-root .ms-timeline *::before, .lemonx-visual-root .ms-timeline *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-timeline .tl-head {\n    max-width: 1200px; margin: 0 auto 56px;\n    text-align: center; position: relative; z-index: 2;\n  }\n  .lemonx-visual-root .ms-timeline .tl-head .ms-tag { justify-content: center; }<\/p>\n<p>  \/* Track *\/\n  .lemonx-visual-root .ms-timeline .tl-track {\n    position: relative;\n    max-width: 1200px;\n    margin: 0 auto; z-index: 2;\n  }\n  .lemonx-visual-root .ms-timeline .tl-track::before {\n    content: '';\n    position: absolute;\n    left: 50%; top: 0; bottom: 0;\n    width: 2px;\n    background: linear-gradient(to bottom,\n      transparent, #e0e0e0 8%, #e0e0e0 92%, transparent);\n    transform: translateX(-1px);\n  }<\/p>\n<p>  \/* Row *\/\n  .lemonx-visual-root .ms-tl-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    position: relative;\n    margin-bottom: 0;\n  }<\/p>\n<p>  \/* Center dot *\/\n  .lemonx-visual-root .ms-tl-row::before {\n    content: '';\n    position: absolute;\n    left: 50%; top: 36px;\n    width: 14px; height: 14px;\n    background: #fff;\n    border: 2.5px solid #D44040;\n    border-radius: 50%;\n    transform: translateX(-7px);\n    z-index: 3;\n    transition: all 0.3s;\n  }\n  .lemonx-visual-root .ms-tl-row:hover::before {\n    background: #D44040;\n    box-shadow: 0 0 0 5px rgba(212,64,64,0.12);\n  }<\/p>\n<p>  \/* Alternation *\/\n  .lemonx-visual-root .ms-tl-row:nth-child(odd) .tl-text { grid-column: 1; padding: 24px 52px 24px 0; text-align: right; }\n  .lemonx-visual-root .ms-tl-row:nth-child(odd) .tl-media { grid-column: 2; padding: 24px 0 24px 52px; }\n  .lemonx-visual-root .ms-tl-row:nth-child(even) .tl-media { grid-column: 1; grid-row: 1; padding: 24px 52px 24px 0; }\n  .lemonx-visual-root .ms-tl-row:nth-child(even) .tl-text { grid-column: 2; grid-row: 1; padding: 24px 0 24px 52px; text-align: left; }<\/p>\n<p>  .lemonx-visual-root .ms-tl-row .tl-year {\n    display: inline-block;\n    font-size: 11px; font-weight: 700;\n    color: #fff;\n    background: #8B1A1A;\n    padding: 4px 12px;\n    border-radius: 100px;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    margin-bottom: 10px;\n  }\n  .lemonx-visual-root .ms-tl-row .tl-t {\n    font-size: 17px; font-weight: 700;\n    color: #111; line-height: 1.35;\n    margin-bottom: 8px;\n  }\n  .lemonx-visual-root .ms-tl-row .tl-d {\n    font-size: 13.5px; color: #777;\n    line-height: 1.72;\n  }<\/p>\n<p>  \/* Image thumbnail *\/\n  .lemonx-visual-root .ms-tl-row .tl-thumb {\n    border-radius: 8px;\n    overflow: hidden;\n    aspect-ratio: 16 \/ 9;\n    position: relative;\n    box-shadow: 0 8px 32px rgba(0,0,0,0.07);\n  }\n  .lemonx-visual-root .ms-tl-row .tl-thumb img {\n    width: 100%; height: 100%;\n    object-fit: cover; display: block;\n    transition: transform 5s ease;\n  }\n  .lemonx-visual-root .ms-tl-row:hover .tl-thumb img { transform: scale(1.04); }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Responsive                                *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .lemonx-visual-root .ms-story-wrap, .lemonx-visual-root .ms-mika-intro {\n      grid-template-columns: 1fr;\n      gap: 40px;\n      padding: 72px 36px;\n    }\n    .lemonx-visual-root .ms-mika-cards {\n      grid-template-columns: 1fr;\n      padding: 0 36px 72px;\n      max-width: 520px;\n    }\n    .lemonx-visual-root .ms-timeline { padding: 72px 36px 80px; }\n    .lemonx-visual-root .ms-div-light { padding: 0 36px; }<\/p>\n<p>    \/* Reorder: image first on mobile for story *\/\n    .lemonx-visual-root .ms-story-wrap .ms-img-col { order: -1; }<\/p>\n<p>    \/* Timeline single col *\/\n    .lemonx-visual-root .ms-timeline .tl-track::before { left: 0; }\n    .lemonx-visual-root .ms-tl-row { grid-template-columns: 1fr; padding-left: 36px; }\n    .lemonx-visual-root .ms-tl-row::before { left: 0; transform: translateX(-7px); top: 30px; }\n    .lemonx-visual-root .ms-tl-row:nth-child(odd) .tl-text, .lemonx-visual-root .ms-tl-row:nth-child(even) .tl-text {\n      grid-column: 1; grid-row: 1;\n      padding: 16px 0; text-align: left;\n    }\n    .lemonx-visual-root .ms-tl-row:nth-child(odd) .tl-media, .lemonx-visual-root .ms-tl-row:nth-child(even) .tl-media {\n      grid-column: 1; grid-row: 2;\n      padding: 0 0 24px;\n    }\n  }<\/p>\n<p>  @media (max-width: 640px) {\n    .lemonx-visual-root .ms-story-wrap, .lemonx-visual-root .ms-mika-intro { padding: 56px 24px; }\n    .lemonx-visual-root .ms-title-light { font-size: 28px; }\n    .lemonx-visual-root .ms-mika-cards { padding: 0 24px 56px; }\n    .lemonx-visual-root .ms-timeline { padding: 56px 24px 64px; }\n    .lemonx-visual-root .ms-div-light { padding: 0 24px; }\n    .lemonx-visual-root .ms-timeline .tl-head .ms-title-light { font-size: 28px; }\n  }\n\/* \u2500\u2500 Section 4: Benefits \u2500\u2500 *\/\n  .lemonx-visual-root .ms-benefits {\n    position: relative;\n    background: #f7f7f7;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n  .lemonx-visual-root .ms-benefits *, .lemonx-visual-root .ms-benefits *::before, .lemonx-visual-root .ms-benefits *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-benefits::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0;\n    width: 100%; height: 100%;\n    background: radial-gradient(ellipse at 80% 0%,\n      rgba(212,64,64,0.025) 0%, transparent 55%);\n    pointer-events: none;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-ben-wrap {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 96px 64px;\n    position: relative; z-index: 2;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-ben-header {\n    max-width: 560px;\n    margin-bottom: 48px;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-ben-header .ms-tag {\n    display: inline-flex; align-items: center; gap: 10px;\n    margin-bottom: 16px;\n  }\n  .lemonx-visual-root .ms-ben-header .ms-tag-line { width: 28px; height: 2px; background: #D44040; flex-shrink: 0; }\n  .lemonx-visual-root .ms-ben-header .ms-tag-text {\n    font-size: 10.5px; font-weight: 600;\n    color: #D44040; text-transform: uppercase; letter-spacing: 2.5px;\n  }\n  .lemonx-visual-root .ms-ben-header .ms-title-light {\n    font-size: 36px; font-weight: 800;\n    color: #111; line-height: 1.18;\n    letter-spacing: -1px; margin-bottom: 16px;\n    border: none; padding: 0; text-transform: none;\n  }\n  .lemonx-visual-root .ms-ben-header .ms-prose-light {\n    font-size: 15.5px; color: #555;\n    line-height: 1.82; font-weight: 400;\n    border: none; padding: 0;\n  }<\/p>\n<p>  \/* Benefit cards \u2014 2x2 grid *\/\n  .lemonx-visual-root .ms-ben-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-ben-card {\n    background: #fff;\n    border: 1px solid #eee;\n    border-radius: 10px;\n    padding: 32px 30px;\n    display: flex;\n    gap: 20px;\n    align-items: flex-start;\n    transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;\n  }\n  .lemonx-visual-root .ms-ben-card:hover {\n    border-color: rgba(212,64,64,0.25);\n    box-shadow: 0 12px 40px rgba(0,0,0,0.06);\n    transform: translateY(-3px);\n  }<\/p>\n<p>  .lemonx-visual-root .ms-ben-card .bc-num {\n    flex-shrink: 0;\n    width: 42px; height: 42px;\n    background: rgba(139,26,26,0.07);\n    border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 15px; font-weight: 800;\n    color: #D44040;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-ben-card .bc-title {\n    font-size: 16px; font-weight: 700;\n    color: #111; margin-bottom: 8px;\n    line-height: 1.35;\n  }\n  .lemonx-visual-root .ms-ben-card .bc-desc {\n    font-size: 14px; color: #666;\n    line-height: 1.72;\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Divider                                   *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .lemonx-visual-root .ms-div-f7 {\n    background: #f7f7f7;\n  }\n  .lemonx-visual-root .ms-div-white {\n    background: #fff;\n  }\n  .lemonx-visual-root .ms-div-inner {\n    max-width: 1200px; margin: 0 auto;\n    padding: 0 64px;\n  }\n  .lemonx-visual-root .ms-div-inner-line {\n    height: 1px;\n    background: linear-gradient(to right, #D44040 0%, #eee 15%, #eee 85%, transparent 100%);\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Section 5: What We're Building Next        *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .lemonx-visual-root .ms-next {\n    position: relative;\n    background: #fff;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n  .lemonx-visual-root .ms-next *, .lemonx-visual-root .ms-next *::before, .lemonx-visual-root .ms-next *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-next::before {\n    content: '';\n    position: absolute; bottom: 0; right: 0;\n    width: 45%; height: 70%;\n    background: radial-gradient(ellipse at bottom right,\n      rgba(139,26,26,0.025) 0%, transparent 60%);\n    pointer-events: none;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-next-wrap {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 96px 64px;\n    position: relative; z-index: 2;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-next-header {\n    text-align: center;\n    max-width: 520px;\n    margin: 0 auto 56px;\n  }\n  .lemonx-visual-root .ms-next-header .ms-tag {\n    display: inline-flex; align-items: center; gap: 10px;\n    margin-bottom: 16px; justify-content: center;\n  }\n  .lemonx-visual-root .ms-next-header .ms-tag-line { width: 28px; height: 2px; background: #D44040; flex-shrink: 0; }\n  .lemonx-visual-root .ms-next-header .ms-tag-text {\n    font-size: 10.5px; font-weight: 600;\n    color: #D44040; text-transform: uppercase; letter-spacing: 2.5px;\n  }\n  .lemonx-visual-root .ms-next-header .ms-title-light {\n    font-size: 36px; font-weight: 800;\n    color: #111; line-height: 1.18;\n    letter-spacing: -1px;\n    border: none; padding: 0; text-transform: none;\n  }<\/p>\n<p>  \/* Three direction columns *\/\n  .lemonx-visual-root .ms-next-cols {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 32px;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-next-col {\n    position: relative;\n    padding: 36px 32px;\n    background: #f7f7f7;\n    border-radius: 10px;\n    border: 1px solid transparent;\n    transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;\n  }\n  .lemonx-visual-root .ms-next-col:hover {\n    border-color: rgba(212,64,64,0.2);\n    box-shadow: 0 12px 40px rgba(0,0,0,0.05);\n    transform: translateY(-4px);\n  }<\/p>\n<p>  \/* Top red bar on each card *\/\n  .lemonx-visual-root .ms-next-col::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 24px; right: 24px;\n    height: 3px;\n    background: linear-gradient(90deg, #8B1A1A, #D44040);\n    border-radius: 0 0 2px 2px;\n    opacity: 0;\n    transition: opacity 0.3s;\n  }\n  .lemonx-visual-root .ms-next-col:hover::before { opacity: 1; }<\/p>\n<p>  .lemonx-visual-root .ms-next-col .nc-icon {\n    width: 44px; height: 44px;\n    background: rgba(139,26,26,0.07);\n    border-radius: 9px;\n    display: flex; align-items: center; justify-content: center;\n    margin-bottom: 20px;\n  }\n  .lemonx-visual-root .ms-next-col .nc-icon i { font-size: 16px; color: #D44040; }<\/p>\n<p>  .lemonx-visual-root .ms-next-col .nc-title {\n    font-size: 17px; font-weight: 700;\n    color: #111; margin-bottom: 10px;\n    line-height: 1.35;\n  }\n  .lemonx-visual-root .ms-next-col .nc-desc {\n    font-size: 14px; color: #666;\n    line-height: 1.75;\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Closing CTA                               *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  .lemonx-visual-root .ms-cta {\n    position: relative;\n    background: #111;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n  .lemonx-visual-root .ms-cta *, .lemonx-visual-root .ms-cta *::before, .lemonx-visual-root .ms-cta *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  \/* Top red line *\/\n  .lemonx-visual-root .ms-cta::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #8B1A1A, #D44040, #8B1A1A);\n    z-index: 10;\n  }<\/p>\n<p>  \/* Subtle grid *\/\n  .lemonx-visual-root .ms-cta .cta-grid {\n    position: absolute; inset: 0;\n    background-image:\n      linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);\n    background-size: 64px 64px;\n    pointer-events: none;\n  }<\/p>\n<p>  \/* Red ambient glow *\/\n  .lemonx-visual-root .ms-cta .cta-glow {\n    position: absolute;\n    top: 50%; left: 50%;\n    width: 600px; height: 400px;\n    background: radial-gradient(ellipse,\n      rgba(139,26,26,0.12) 0%, transparent 70%);\n    transform: translate(-50%, -50%);\n    pointer-events: none;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-cta-wrap {\n    max-width: 720px;\n    margin: 0 auto;\n    padding: 88px 64px;\n    text-align: center;\n    position: relative; z-index: 5;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-cta-wrap .cta-headline {\n    font-size: 34px; font-weight: 800;\n    color: #fff; line-height: 1.2;\n    letter-spacing: -1px;\n    margin-bottom: 18px;\n    border: none; padding: 0; text-transform: none;\n  }\n  .lemonx-visual-root .ms-cta-wrap .cta-headline span { color: #D44040; }<\/p>\n<p>  .lemonx-visual-root .ms-cta-wrap .cta-text {\n    font-size: 15.5px;\n    color: rgba(255,255,255,0.50);\n    line-height: 1.8;\n    margin-bottom: 36px;\n    border: none; padding: 0;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-cta-wrap .cta-btns {\n    display: flex; gap: 12px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }<\/p>\n<p>  .lemonx-visual-root .ms-cta-wrap .cta-btn1 {\n    display: inline-flex; align-items: center; gap: 10px;\n    padding: 15px 32px;\n    background: #8B1A1A; color: #fff;\n    border: none; border-radius: 6px;\n    font-size: 14.5px; font-weight: 600;\n    text-decoration: none; cursor: pointer;\n    transition: all 0.3s; font-family: inherit;\n    line-height: 1; outline: none;\n  }\n  .lemonx-visual-root .ms-cta-wrap .cta-btn1:hover {\n    background: #A52A2A;\n    box-shadow: 0 10px 32px rgba(139,26,26,0.5);\n    transform: translateY(-2px);\n    color: #fff; text-decoration: none;\n  }\n  .lemonx-visual-root .ms-cta-wrap .cta-btn1 i { font-size: 11px; transition: transform 0.3s; }\n  .lemonx-visual-root .ms-cta-wrap .cta-btn1:hover i { transform: translateX(4px); }<\/p>\n<p>  .lemonx-visual-root .ms-cta-wrap .cta-btn2 {\n    display: inline-flex; align-items: center; gap: 10px;\n    padding: 15px 32px;\n    background: transparent;\n    color: rgba(255,255,255,0.68);\n    border: 1.5px solid rgba(255,255,255,0.15);\n    border-radius: 6px;\n    font-size: 14.5px; font-weight: 500;\n    text-decoration: none; cursor: pointer;\n    transition: all 0.3s; font-family: inherit;\n    line-height: 1; outline: none;\n  }\n  .lemonx-visual-root .ms-cta-wrap .cta-btn2:hover {\n    border-color: rgba(255,255,255,0.40);\n    color: #fff;\n    background: rgba(255,255,255,0.04);\n    transform: translateY(-2px);\n    text-decoration: none;\n  }\n  .lemonx-visual-root .ms-cta-wrap .cta-btn2 i { font-size: 11px; }<\/p>\n<p>  \/* Bottom red line *\/\n  .lemonx-visual-root .ms-cta::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, #8B1A1A, #D44040, #8B1A1A);\n    opacity: 0.45;\n    z-index: 10;\n  }<\/p>\n<p>  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  \/* Responsive for all new sections           *\/\n  \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .lemonx-visual-root .ms-ben-wrap { padding: 72px 36px; }\n    .lemonx-visual-root .ms-ben-grid { grid-template-columns: 1fr; max-width: 560px; }\n    .lemonx-visual-root .ms-next-wrap { padding: 72px 36px; }\n    .lemonx-visual-root .ms-next-cols { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }\n    .lemonx-visual-root .ms-cta-wrap { padding: 72px 36px; }\n    .lemonx-visual-root .ms-div-inner { padding: 0 36px; }\n  }<\/p>\n<p>  @media (max-width: 640px) {\n    .lemonx-visual-root .ms-ben-wrap { padding: 56px 24px; }\n    .lemonx-visual-root .ms-ben-header .ms-title-light { font-size: 28px; }\n    .lemonx-visual-root .ms-ben-card { flex-direction: column; gap: 14px; padding: 24px 22px; }\n    .lemonx-visual-root .ms-next-wrap { padding: 56px 24px; }\n    .lemonx-visual-root .ms-next-header .ms-title-light { font-size: 28px; }\n    .lemonx-visual-root .ms-next-col { padding: 28px 24px; }\n    .lemonx-visual-root .ms-cta-wrap { padding: 56px 24px; }\n    .lemonx-visual-root .ms-cta-wrap .cta-headline { font-size: 26px; }\n    .lemonx-visual-root .ms-cta-wrap .cta-btns { flex-direction: column; }\n    .lemonx-visual-root .ms-cta-wrap .cta-btn1, .lemonx-visual-root .ms-cta-wrap .cta-btn2 { width: 100%; justify-content: center; }\n    .lemonx-visual-root .ms-div-inner { padding: 0 24px; }\n  }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>Venezuela \u00b7 Construction Additives Our Story &amp; Timeline From building a reliable import foundation to expanding technical support and solution coverage\u2014Mandalas is growing to help customers in Venezuela achieve more stable production and more predictable jobsite performance. Contact Us Send Your Formula Local service in Caracas, focused on customer success Solutions for dry-mix and premixed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":49,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mikazone.store\/es\/wp-json\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mikazone.store\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mikazone.store\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mikazone.store\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mikazone.store\/es\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":12,"href":"https:\/\/mikazone.store\/es\/wp-json\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":1197,"href":"https:\/\/mikazone.store\/es\/wp-json\/wp\/v2\/pages\/83\/revisions\/1197"}],"up":[{"embeddable":true,"href":"https:\/\/mikazone.store\/es\/wp-json\/wp\/v2\/pages\/49"}],"wp:attachment":[{"href":"https:\/\/mikazone.store\/es\/wp-json\/wp\/v2\/media?parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}