{
    "id": 49,
    "date": "2026-03-03T01:07:03",
    "date_gmt": "2026-03-03T01:07:03",
    "guid": {
        "rendered": "https:\/\/mikazone.store\/?page_id=49"
    },
    "modified": "2026-04-30T03:44:20",
    "modified_gmt": "2026-04-30T03:44:20",
    "slug": "company",
    "status": "publish",
    "type": "page",
    "link": "https:\/\/mikazone.store\/en\/company\/",
    "title": {
        "rendered": "Company"
    },
    "content": {
        "rendered": "<p><!-- ========== ABOUT HERO V3 ========== --><\/p>\n<style>\n  #aboutHero {\n    position: relative;\n    width: 100%;\n    height: 66vh;\n    min-height: 420px;\n    max-height: 640px;\n    overflow: hidden;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    background: #0a0a0a;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }<\/p>\n<p>  #aboutHero *,#aboutHero *::before,#aboutHero *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  \/* === TOP ACCENT === *\/\n  #aboutHero::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #8B1A1A, #D44040, #8B1A1A, transparent);\n    z-index: 60;\n  }<\/p>\n<p>  \/* === BACKGROUND IMAGE === *\/\n  #aboutHero .ah-bg {\n    position: absolute;\n    inset: 0;\n    background: url('https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/EmblemaGrafico_NegativoB_Mandalas.png') center\/cover no-repeat;\n    filter: saturate(0.3) brightness(0.25);\n    transform: scale(1.08);\n    animation: ahBgScale 20s ease-out forwards;\n  }<\/p>\n<p>  @keyframes ahBgScale {\n    to { transform: scale(1); }\n  }<\/p>\n<p>  \/* === NOISE TEXTURE === *\/\n  #aboutHero .ah-noise {\n    position: absolute;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n    z-index: 2;\n    pointer-events: none;\n  }<\/p>\n<p>  \/* === GRADIENT OVERLAYS === *\/\n  #aboutHero .ah-grad {\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse 80% 60% at 50% 50%, transparent 0%, rgba(10,10,10,0.7) 100%),\n      linear-gradient(180deg, rgba(10,10,10,0.4) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.9) 100%);\n    z-index: 3;\n  }<\/p>\n<p>  \/* === RED GLOW === *\/\n  #aboutHero .ah-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(139,26,26,0.12) 0%, transparent 70%);\n    border-radius: 50%;\n    z-index: 3;\n    filter: blur(60px);\n    animation: ahPulse 6s ease-in-out infinite alternate;\n  }<\/p>\n<p>  @keyframes ahPulse {\n    0% { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }\n    100% { opacity: 1; transform: translate(-50%, -50%) scale(1.15); }\n  }<\/p>\n<p>  \/* === CONTENT === *\/\n  #aboutHero .ah-content {\n    position: relative;\n    z-index: 20;\n    text-align: center;\n    max-width: 860px;\n    padding: 0 40px;\n  }<\/p>\n<p>  \/* Tag line *\/\n  #aboutHero .ah-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 24px;\n    animation: ahReveal 0.8s 0.2s ease both;\n  }<\/p>\n<p>  #aboutHero .ah-eyebrow-line {\n    width: 32px;\n    height: 1px;\n    background: #D44040;\n  }<\/p>\n<p>  #aboutHero .ah-eyebrow-text {\n    font-size: 11px;\n    font-weight: 600;\n    color: #D44040;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n  }<\/p>\n<p>  \/* Main heading *\/\n  #aboutHero .ah-title {\n    font-size: 64px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 0.95;\n    letter-spacing: -3px;\n    margin-bottom: 12px;\n    border: none;\n    text-transform: none;\n    animation: ahRevealUp 1s 0.35s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }<\/p>\n<p>  #aboutHero .ah-title span {\n    display: inline-block;\n    background: linear-gradient(135deg, #D44040 0%, #ff6b6b 50%, #D44040 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: ahShimmer 4s linear infinite;\n  }<\/p>\n<p>  @keyframes ahShimmer {\n    to { background-position: 200% center; }\n  }<\/p>\n<p>  \/* Company line *\/\n  #aboutHero .ah-company {\n    font-size: 12px;\n    font-weight: 500;\n    color: rgba(255,255,255,0.25);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 28px;\n    animation: ahRevealUp 0.8s 0.55s ease both;\n  }<\/p>\n<p>  \/* Separator *\/\n  #aboutHero .ah-sep {\n    width: 48px;\n    height: 2px;\n    background: linear-gradient(90deg, #8B1A1A, #D44040);\n    margin: 0 auto 28px;\n    border-radius: 2px;\n    animation: ahRevealUp 0.7s 0.65s ease both;\n  }<\/p>\n<p>  \/* Description *\/\n  #aboutHero .ah-desc {\n    font-size: 15px;\n    color: rgba(255,255,255,0.45);\n    line-height: 1.8;\n    margin-bottom: 32px;\n    font-weight: 400;\n    max-width: 680px;\n    margin-left: auto;\n    margin-right: auto;\n    border: none;\n    animation: ahRevealUp 0.8s 0.75s ease both;\n  }<\/p>\n<p>  \/* Highlights *\/\n  #aboutHero .ah-highlights {\n    display: flex;\n    justify-content: center;\n    gap: 36px;\n    margin-bottom: 36px;\n    list-style: none;\n    animation: ahRevealUp 0.7s 0.9s ease both;\n  }<\/p>\n<p>  #aboutHero .ah-hi {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 12px;\n    color: rgba(255,255,255,0.5);\n    font-weight: 500;\n    white-space: nowrap;\n  }<\/p>\n<p>  #aboutHero .ah-hi-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #D44040;\n    flex-shrink: 0;\n    box-shadow: 0 0 8px rgba(212,64,64,0.4);\n  }<\/p>\n<p>  \/* Buttons *\/\n  #aboutHero .ah-btns {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    animation: ahRevealUp 0.7s 1.05s ease both;\n  }<\/p>\n<p>  #aboutHero .ah-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 15px 38px;\n    background: #8B1A1A;\n    color: #fff;\n    border: none;\n    border-radius: 60px;\n    font-size: 13px;\n    font-weight: 600;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    font-family: inherit;\n    line-height: 1;\n    outline: none;\n    letter-spacing: 0.5px;\n    position: relative;\n    overflow: hidden;\n  }<\/p>\n<p>  #aboutHero .ah-btn-primary::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);\n    opacity: 0;\n    transition: opacity 0.4s;\n  }<\/p>\n<p>  #aboutHero .ah-btn-primary:hover::after {\n    opacity: 1;\n  }<\/p>\n<p>  #aboutHero .ah-btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow:\n      0 20px 50px rgba(139,26,26,0.45),\n      0 0 0 1px rgba(212,64,64,0.2);\n    color: #fff;\n    text-decoration: none;\n  }<\/p>\n<p>  #aboutHero .ah-btn-primary i {\n    font-size: 11px;\n    transition: transform 0.3s;\n    position: relative;\n    z-index: 1;\n  }<\/p>\n<p>  #aboutHero .ah-btn-primary span {\n    position: relative;\n    z-index: 1;\n    -webkit-text-fill-color: #fff;\n    background: none;\n  }<\/p>\n<p>  #aboutHero .ah-btn-primary:hover i {\n    transform: translateX(4px);\n  }<\/p>\n<p>  #aboutHero .ah-btn-ghost {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 15px 38px;\n    background: rgba(255,255,255,0.03);\n    color: rgba(255,255,255,0.6);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 60px;\n    font-size: 13px;\n    font-weight: 500;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    font-family: inherit;\n    line-height: 1;\n    outline: none;\n    letter-spacing: 0.5px;\n    backdrop-filter: blur(8px);\n  }<\/p>\n<p>  #aboutHero .ah-btn-ghost:hover {\n    color: #fff;\n    border-color: rgba(212,64,64,0.35);\n    background: rgba(139,26,26,0.1);\n    transform: translateY(-3px);\n    text-decoration: none;\n  }<\/p>\n<p>  \/* === BOTTOM STATS === *\/\n  #aboutHero .ah-stats {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 30;\n    border-top: 1px solid rgba(255,255,255,0.04);\n    background: rgba(10,10,10,0.6);\n    backdrop-filter: blur(24px);\n  }<\/p>\n<p>  #aboutHero .ah-stats-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n  }<\/p>\n<p>  #aboutHero .ah-stat {\n    text-align: center;\n    padding: 20px 16px;\n    position: relative;\n    transition: background 0.3s;\n  }<\/p>\n<p>  #aboutHero .ah-stat:hover {\n    background: rgba(139,26,26,0.06);\n  }<\/p>\n<p>  #aboutHero .ah-stat:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    top: 25%; bottom: 25%; right: 0;\n    width: 1px;\n    background: rgba(255,255,255,0.04);\n  }<\/p>\n<p>  #aboutHero .ah-stat-val {\n    font-size: 26px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 1;\n    margin-bottom: 4px;\n    letter-spacing: -1px;\n    display: block;\n  }<\/p>\n<p>  #aboutHero .ah-stat-val i {\n    font-size: 14px;\n    color: #D44040;\n    font-style: normal;\n    font-weight: 400;\n    margin-left: 2px;\n  }<\/p>\n<p>  #aboutHero .ah-stat-label {\n    font-size: 10px;\n    color: rgba(255,255,255,0.25);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 500;\n    display: block;\n  }<\/p>\n<p>  \/* === SIDE DECORATION === *\/\n  #aboutHero .ah-side-left,#aboutHero .ah-side-right {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 20;\n    writing-mode: vertical-rl;\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    color: rgba(255,255,255,0.08);\n    font-weight: 600;\n  }<\/p>\n<p>  #aboutHero .ah-side-left { left: 32px; }\n  #aboutHero .ah-side-right { right: 32px; transform: translateY(-50%) rotate(180deg); }<\/p>\n<p>  \/* === ANIMATIONS === *\/\n  @keyframes ahReveal {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }<\/p>\n<p>  @keyframes ahRevealUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }<\/p>\n<p>  \/* === RESPONSIVE === *\/\n  @media (max-width: 1024px) {\n    #aboutHero .ah-title { font-size: 48px; letter-spacing: -2px; }\n    #aboutHero .ah-highlights { gap: 24px; flex-wrap: wrap; }\n    #aboutHero .ah-side-left, #aboutHero .ah-side-right { display: none; }\n    #aboutHero .ah-stat { padding: 18px 14px; }\n    #aboutHero .ah-stat-val { font-size: 22px; }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    #aboutHero { max-height: none; height: 60vh; min-height: 400px; }\n    #aboutHero .ah-title { font-size: 36px; letter-spacing: -1.5px; }\n    #aboutHero .ah-company { letter-spacing: 2px; font-size: 10px; }\n    #aboutHero .ah-desc { font-size: 14px; }\n    #aboutHero .ah-highlights { flex-direction: column; align-items: center; gap: 10px; }\n    #aboutHero .ah-stats-inner { grid-template-columns: repeat(2, 1fr); }\n    #aboutHero .ah-stat:nth-child(2)::after { display: none; }\n  }<\/p>\n<p>  @media (max-width: 480px) {\n    #aboutHero .ah-content { padding: 0 20px; }\n    #aboutHero .ah-title { font-size: 30px; letter-spacing: -1px; }\n    #aboutHero .ah-eyebrow-text { font-size: 10px; letter-spacing: 3px; }\n    #aboutHero .ah-btns { flex-direction: column; width: 100%; }\n    #aboutHero .ah-btn-primary,#aboutHero .ah-btn-ghost { width: 100%; justify-content: center; }\n    #aboutHero .ah-stats-inner { grid-template-columns: repeat(2, 1fr); }\n    #aboutHero .ah-stat-val { font-size: 20px; }\n    #aboutHero .ah-stat-label { font-size: 9px; }\n  }\n<\/style>\n<p><!-- ========== ABOUT HERO HTML ========== --><\/p>\n<section id=\"aboutHero\">\n<p>  <!-- Background layers --><\/p>\n<div class=\"ah-bg\"><\/div>\n<div class=\"ah-noise\"><\/div>\n<div class=\"ah-grad\"><\/div>\n<div class=\"ah-glow\"><\/div>\n<p>  <!-- Side text decoration --><br \/>\n  <span class=\"ah-side-left\">Importadora Mandalas C.A.<\/span><br \/>\n  <span class=\"ah-side-right\">Caracas \u00b7 Venezuela<\/span><\/p>\n<p>  <!-- Center content --><\/p>\n<div class=\"ah-content\">\n<div class=\"ah-eyebrow\">\n      <span class=\"ah-eyebrow-line\"><\/span><br \/>\n      <span class=\"ah-eyebrow-text\">Who We Are<\/span><br \/>\n      <span class=\"ah-eyebrow-line\"><\/span>\n    <\/div>\n<h1 class=\"ah-title\">About <span>Mandalas<\/span><\/h1>\n<p class=\"ah-company\">Importadora Mandalas C.A. \u2014 Caracas, Venezuela<\/p>\n<div class=\"ah-sep\"><\/div>\n<p class=\"ah-desc\">A Venezuela-based importer and distributor of construction additives, supplying cellulose ether and performance modifiers with fast technical support and reliable supply for local manufacturers and projects.<\/p>\n<div class=\"ah-highlights\">\n<div class=\"ah-hi\"><span class=\"ah-hi-dot\"><\/span> Local support in Caracas<\/div>\n<div class=\"ah-hi\"><span class=\"ah-hi-dot\"><\/span> Dry-mix &amp; premixed solutions<\/div>\n<div class=\"ah-hi\"><span class=\"ah-hi-dot\"><\/span> TDS \/ SDS documentation<\/div>\n<\/p><\/div>\n<div class=\"ah-btns\">\n      <a href=\"https:\/\/mikazone.store\/en\/contact\/\" class=\"ah-btn-primary\"><span>Contact Us<\/span> <i class=\"fas fa-arrow-right\"><\/i><\/a><br \/>\n      <a href=\"https:\/\/mikazone.store\/en\/contact\/send-your-formula\/\" class=\"ah-btn-ghost\"><i class=\"fas fa-flask-vial\"><\/i> Send Your Formula<\/a>\n    <\/div>\n<\/p><\/div>\n<p>  <!-- Bottom stats bar --><\/p>\n<div class=\"ah-stats\">\n<div class=\"ah-stats-inner\">\n<div class=\"ah-stat\">\n        <span class=\"ah-stat-val\">8<i>+<\/i><\/span><br \/>\n        <span class=\"ah-stat-label\">Years Experience<\/span>\n      <\/div>\n<div class=\"ah-stat\">\n        <span class=\"ah-stat-val\">50<i>+<\/i><\/span><br \/>\n        <span class=\"ah-stat-label\">Active Clients<\/span>\n      <\/div>\n<div class=\"ah-stat\">\n        <span class=\"ah-stat-val\">24<i>h<\/i><\/span><br \/>\n        <span class=\"ah-stat-label\">Response Time<\/span>\n      <\/div>\n<div class=\"ah-stat\">\n        <span class=\"ah-stat-val\">100<i>%<\/i><\/span><br \/>\n        <span class=\"ah-stat-label\">Quality Assured<\/span>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ========== SECTION 1: WHO WE ARE ========== --><\/p>\n<style>\n  #whoWeAre {\n    position: relative;\n    width: 100%;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    background: #f7f5f2;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    overflow: hidden;\n  }<\/p>\n<p>  #whoWeAre *,#whoWeAre *::before,#whoWeAre *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  \/* Subtle warm texture *\/\n  #whoWeAre::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'\/%3E%3C\/svg%3E\");\n    pointer-events: none;\n    z-index: 0;\n  }<\/p>\n<p>  \/* === WRAPPER === *\/\n  #whoWeAre .ww-wrap {\n    position: relative;\n    z-index: 1;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 100px 60px;\n  }<\/p>\n<p>  \/* === TOP ROW: text + image === *\/\n  #whoWeAre .ww-top {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n    margin-bottom: 80px;\n  }<\/p>\n<p>  \/* --- LEFT TEXT --- *\/\n  #whoWeAre .ww-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n  }<\/p>\n<p>  #whoWeAre .ww-eyebrow-line {\n    width: 32px;\n    height: 1.5px;\n    background: #C03030;\n  }<\/p>\n<p>  #whoWeAre .ww-eyebrow-text {\n    font-size: 11px;\n    font-weight: 700;\n    color: #C03030;\n    text-transform: uppercase;\n    letter-spacing: 3.5px;\n  }<\/p>\n<p>  #whoWeAre .ww-title {\n    font-size: 42px;\n    font-weight: 800;\n    color: #1a1a1a;\n    line-height: 1.1;\n    letter-spacing: -1.5px;\n    margin-bottom: 32px;\n    border: none;\n    text-transform: none;\n  }<\/p>\n<p>  #whoWeAre .ww-title span {\n    color: #B02828;\n  }<\/p>\n<p>  #whoWeAre .ww-para {\n    font-size: 16px;\n    color: #666;\n    line-height: 1.85;\n    margin-bottom: 20px;\n    font-weight: 400;\n    border: none;\n  }<\/p>\n<p>  #whoWeAre .ww-para:last-of-type {\n    margin-bottom: 0;\n  }<\/p>\n<p>  \/* --- RIGHT IMAGE COMPOSITION --- *\/\n  #whoWeAre .ww-right {\n    position: relative;\n    display: flex;\n    justify-content: flex-end;\n  }<\/p>\n<p>  #whoWeAre .ww-img-stack {\n    position: relative;\n    width: 100%;\n    max-width: 520px;\n  }<\/p>\n<p>  #whoWeAre .ww-img-main {\n    position: relative;\n    width: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 30px 80px rgba(0,0,0,0.1);\n  }<\/p>\n<p>  #whoWeAre .ww-img-main img {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    display: block;\n    transition: transform 6s ease;\n  }<\/p>\n<p>  #whoWeAre .ww-img-main:hover img {\n    transform: scale(1.04);\n  }<\/p>\n<p>  \/* Floating secondary image *\/\n  #whoWeAre .ww-img-float {\n    position: absolute;\n    bottom: -32px;\n    left: -48px;\n    width: 200px;\n    height: 150px;\n    border-radius: 14px;\n    overflow: hidden;\n    border: 4px solid #f7f5f2;\n    box-shadow: 0 16px 48px rgba(0,0,0,0.12);\n    z-index: 10;\n  }<\/p>\n<p>  #whoWeAre .ww-img-float img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }<\/p>\n<p>  \/* Red accent badge *\/\n  #whoWeAre .ww-badge {\n    position: absolute;\n    top: -18px;\n    right: -18px;\n    z-index: 15;\n    background: linear-gradient(135deg, #8B1A1A, #D44040);\n    border-radius: 14px;\n    padding: 14px 20px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    box-shadow: 0 12px 36px rgba(139,26,26,0.3);\n  }<\/p>\n<p>  #whoWeAre .ww-badge-icon {\n    width: 36px;\n    height: 36px;\n    background: rgba(255,255,255,0.15);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    font-size: 15px;\n  }<\/p>\n<p>  #whoWeAre .ww-badge-val {\n    font-size: 20px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 1;\n  }<\/p>\n<p>  #whoWeAre .ww-badge-label {\n    font-size: 10px;\n    color: rgba(255,255,255,0.65);\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    line-height: 1.2;\n  }<\/p>\n<p>  \/* Decorative dashed border behind image *\/\n  #whoWeAre .ww-img-deco {\n    position: absolute;\n    top: 16px;\n    right: -16px;\n    bottom: -16px;\n    left: 16px;\n    border: 2px dashed rgba(176,40,40,0.15);\n    border-radius: 18px;\n    z-index: -1;\n  }<\/p>\n<p>  \/* === KEY POINTS: 3 Cards === *\/\n  #whoWeAre .ww-points {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 28px;\n    margin-bottom: 56px;\n  }<\/p>\n<p>  #whoWeAre .ww-point {\n    position: relative;\n    background: #fff;\n    border: 1px solid rgba(0,0,0,0.06);\n    border-radius: 16px;\n    padding: 0;\n    transition: all 0.4s ease;\n    overflow: hidden;\n    box-shadow: 0 2px 12px rgba(0,0,0,0.03);\n  }<\/p>\n<p>  #whoWeAre .ww-point:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 20px 60px rgba(139,26,26,0.08), 0 4px 16px rgba(0,0,0,0.06);\n    border-color: rgba(176,40,40,0.12);\n  }<\/p>\n<p>  \/* Card image *\/\n  #whoWeAre .ww-point-img {\n    width: 100%;\n    height: 180px;\n    overflow: hidden;\n    position: relative;\n  }<\/p>\n<p>  #whoWeAre .ww-point-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 5s ease;\n  }<\/p>\n<p>  #whoWeAre .ww-point:hover .ww-point-img img {\n    transform: scale(1.08);\n  }<\/p>\n<p>  \/* Gradient fade from image to white card *\/\n  #whoWeAre .ww-point-img-fade {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 50px;\n    background: linear-gradient(180deg, transparent, #fff);\n  }<\/p>\n<p>  \/* Card text body *\/\n  #whoWeAre .ww-point-body {\n    padding: 24px 28px 32px;\n  }<\/p>\n<p>  \/* Icon circle *\/\n  #whoWeAre .ww-point-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 14px;\n    background: linear-gradient(135deg, rgba(139,26,26,0.08), rgba(212,64,64,0.06));\n    border: 1px solid rgba(176,40,40,0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 18px;\n    color: #B02828;\n    font-size: 18px;\n    transition: all 0.4s;\n  }<\/p>\n<p>  #whoWeAre .ww-point:hover .ww-point-icon {\n    background: linear-gradient(135deg, #8B1A1A, #D44040);\n    border-color: transparent;\n    color: #fff;\n    box-shadow: 0 8px 28px rgba(139,26,26,0.25);\n  }<\/p>\n<p>  \/* Card title *\/\n  #whoWeAre .ww-point-title {\n    font-size: 17px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin-bottom: 10px;\n    line-height: 1.35;\n  }<\/p>\n<p>  \/* Card desc *\/\n  #whoWeAre .ww-point-desc {\n    font-size: 14px;\n    color: #888;\n    line-height: 1.75;\n    font-weight: 400;\n  }<\/p>\n<p>  \/* === BUTTONS === *\/\n  #whoWeAre .ww-btns {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n  }<\/p>\n<p>  #whoWeAre .ww-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 40px;\n    background: #8B1A1A;\n    color: #fff;\n    border: none;\n    border-radius: 60px;\n    font-size: 14px;\n    font-weight: 600;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    font-family: inherit;\n    line-height: 1;\n    outline: none;\n    letter-spacing: 0.3px;\n  }<\/p>\n<p>  #whoWeAre .ww-btn-primary:hover {\n    background: #A52A2A;\n    transform: translateY(-3px);\n    box-shadow: 0 16px 44px rgba(139,26,26,0.35);\n    color: #fff;\n    text-decoration: none;\n  }<\/p>\n<p>  #whoWeAre .ww-btn-primary i {\n    font-size: 11px;\n    transition: transform 0.3s;\n  }<\/p>\n<p>  #whoWeAre .ww-btn-primary:hover i {\n    transform: translateX(4px);\n  }<\/p>\n<p>  #whoWeAre .ww-btn-outline {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 40px;\n    background: transparent;\n    color: #555;\n    border: 1.5px solid rgba(0,0,0,0.12);\n    border-radius: 60px;\n    font-size: 14px;\n    font-weight: 500;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    font-family: inherit;\n    line-height: 1;\n    outline: none;\n    letter-spacing: 0.3px;\n  }<\/p>\n<p>  #whoWeAre .ww-btn-outline:hover {\n    color: #8B1A1A;\n    border-color: rgba(139,26,26,0.3);\n    background: rgba(139,26,26,0.03);\n    transform: translateY(-3px);\n    text-decoration: none;\n  }<\/p>\n<p>  \/* === BOTTOM DIVIDER === *\/\n  #whoWeAre .ww-divider {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(0,0,0,0.06), transparent);\n  }<\/p>\n<p>  \/* === RESPONSIVE === *\/\n  @media (max-width: 1024px) {\n    #whoWeAre .ww-wrap { padding: 72px 32px; }\n    #whoWeAre .ww-top { grid-template-columns: 1fr; gap: 50px; }\n    #whoWeAre .ww-title { font-size: 34px; }\n    #whoWeAre .ww-img-float { left: 0; bottom: -24px; width: 170px; height: 120px; }\n    #whoWeAre .ww-badge { top: -14px; right: -10px; padding: 12px 16px; }\n    #whoWeAre .ww-badge-val { font-size: 18px; }\n    #whoWeAre .ww-img-deco { right: -10px; bottom: -10px; }\n    #whoWeAre .ww-points { grid-template-columns: 1fr; }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    #whoWeAre .ww-wrap { padding: 56px 24px; }\n    #whoWeAre .ww-top { gap: 40px; margin-bottom: 56px; }\n    #whoWeAre .ww-title { font-size: 28px; letter-spacing: -1px; }\n    #whoWeAre .ww-para { font-size: 15px; }\n    #whoWeAre .ww-img-main img { height: 280px; }\n    #whoWeAre .ww-img-float { display: none; }\n    #whoWeAre .ww-badge { top: -10px; right: -6px; padding: 10px 14px; }\n    #whoWeAre .ww-badge-icon { width: 30px; height: 30px; font-size: 13px; }\n    #whoWeAre .ww-badge-val { font-size: 16px; }\n    #whoWeAre .ww-img-deco { display: none; }\n    #whoWeAre .ww-points { margin-bottom: 44px; }\n  }<\/p>\n<p>  @media (max-width: 480px) {\n    #whoWeAre .ww-title { font-size: 26px; }\n    #whoWeAre .ww-btns { flex-direction: column; }\n    #whoWeAre .ww-btn-primary,#whoWeAre .ww-btn-outline { width: 100%; justify-content: center; }\n    #whoWeAre .ww-point-img { height: 150px; }\n  }\n<\/style>\n<p><!-- ========== SECTION 1: WHO WE ARE HTML ========== --><\/p>\n<section id=\"whoWeAre\">\n<div class=\"ww-wrap\">\n<p>    <!-- ====== TOP: Text + Image ====== --><\/p>\n<div class=\"ww-top\">\n<p>      <!-- Left text --><\/p>\n<div class=\"ww-left\">\n<div class=\"ww-eyebrow\">\n          <span class=\"ww-eyebrow-line\"><\/span><br \/>\n          <span class=\"ww-eyebrow-text\">Who We Are<\/span>\n        <\/div>\n<h2 class=\"ww-title\">A Local Team Backed by <span>Global Know-How<\/span><\/h2>\n<p class=\"ww-para\">Importadora Mandalas C.A. is a Venezuela-based importer and distributor focused on construction additives for building material performance. We support manufacturers, contractors, and project teams with reliable supply, practical product selection, and fast technical response.<\/p>\n<p class=\"ww-para\">Our portfolio covers key performance materials such as cellulose ether and polymer modifiers used in both dry-mix powder and premixed paste\/liquid systems\u2014helping customers achieve consistent workability, stable production, and durable results on-site.<\/p>\n<\/p><\/div>\n<p>      <!-- Right image composition --><\/p>\n<div class=\"ww-right\">\n<div class=\"ww-img-stack\">\n<div class=\"ww-img-deco\"><\/div>\n<p>          <!-- Badge --><\/p>\n<div class=\"ww-badge\">\n<div class=\"ww-badge-icon\"><i class=\"fas fa-handshake\"><\/i><\/div>\n<div>\n<div class=\"ww-badge-val\">8+ Years<\/div>\n<div class=\"ww-badge-label\">Trusted Partner<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>          <!-- Main image --><\/p>\n<div class=\"ww-img-main\">\n            <img height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC40101-scaled.jpg\" alt=\"Construction site with workers and building in progress\">\n          <\/div>\n<p>          <!-- Float image --><\/p>\n<div class=\"ww-img-float\">\n            <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC99741-scaled.jpg\" alt=\"Worker applying wall finish on construction site\">\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- ====== KEY POINTS: 3 Cards ====== --><\/p>\n<div class=\"ww-points\">\n<p>      <!-- Card 1 --><\/p>\n<div class=\"ww-point\">\n<div class=\"ww-point-img\">\n          <img loading=\"lazy\" height=\"720\" width=\"1280\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/C0012T01.jpg\" alt=\"Worker applying tile adhesive on construction wall\"><\/p>\n<div class=\"ww-point-img-fade\"><\/div>\n<\/p><\/div>\n<div class=\"ww-point-body\">\n<div class=\"ww-point-icon\"><i class=\"fas fa-crosshairs\"><\/i><\/div>\n<div class=\"ww-point-title\">Application-Focused Support<\/div>\n<p class=\"ww-point-desc\">Selection guidance based on your system, raw materials, and target performance\u2014matched to real formulation needs.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Card 2 --><\/p>\n<div class=\"ww-point\">\n<div class=\"ww-point-img\">\n          <img loading=\"lazy\" height=\"1080\" width=\"1920\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/C0027.MP4_20240920_151929443.jpg\" alt=\"Shipping containers at port for logistics and import supply\"><\/p>\n<div class=\"ww-point-img-fade\"><\/div>\n<\/p><\/div>\n<div class=\"ww-point-body\">\n<div class=\"ww-point-icon\"><i class=\"fas fa-truck-fast\"><\/i><\/div>\n<div class=\"ww-point-title\">Reliable Supply Planning<\/div>\n<p class=\"ww-point-desc\">Import coordination and delivery scheduling designed to keep your production running without interruption.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Card 3 --><\/p>\n<div class=\"ww-point\">\n<div class=\"ww-point-img\">\n          <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC2821-scaled.jpg\" alt=\"Business professionals reviewing technical documentation in office\"><\/p>\n<div class=\"ww-point-img-fade\"><\/div>\n<\/p><\/div>\n<div class=\"ww-point-body\">\n<div class=\"ww-point-icon\"><i class=\"fas fa-file-lines\"><\/i><\/div>\n<div class=\"ww-point-title\">Documentation Ready<\/div>\n<p class=\"ww-point-desc\">TDS\/SDS and handling guidance readily available for your purchasing and safety compliance teams.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- ====== BUTTONS ====== --><\/p>\n<div class=\"ww-btns\">\n      <a href=\"https:\/\/mikazone.store\/en\/contact\/\" class=\"ww-btn-primary\">Contact Us <i class=\"fas fa-arrow-right\"><\/i><\/a><br \/>\n      <a href=\"https:\/\/mikazone.store\/en\/contact\/send-your-formula\/\" class=\"ww-btn-outline\"><i class=\"fas fa-flask-vial\"><\/i> Send Your Formula<\/a>\n    <\/div>\n<\/p><\/div>\n<div class=\"ww-divider\"><\/div>\n<\/section>\n<p><!-- ========== MODULES 3\u20138 ========== --><\/p>\n<style>\n<p>\/* ============================================================\n   SHARED BASE\n   ============================================================ *\/\n.sec-light,.sec-dark {\n  position: relative;\n  width: 100%;\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.sec-light *,.sec-light *::before,.sec-light *::after,.sec-dark *,.sec-dark *::before,.sec-dark *::after {\n  margin: 0; padding: 0; box-sizing: border-box;\n}<\/p>\n<p>\/* Alternating backgrounds *\/\n.sec-light { background: #F7F5F3; }\n.sec-dark { background: #141414; }<\/p>\n<p>\/* Shared inner container *\/\n.sec-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 88px 60px;\n}<\/p>\n<p>\/* Divider between sections *\/\n.sec-divider {\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(139,26,26,0.45), rgba(212,64,64,0.35), rgba(139,26,26,0.45), transparent);\n}<\/p>\n<p>\/* \u2500\u2500 Eyebrow \u2500\u2500 *\/\n.sec-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 16px;\n}\n.sec-eyebrow-line {\n  width: 32px; height: 2px;\n  background: #D44040;\n  flex-shrink: 0;\n  display: block;\n}\n.sec-eyebrow-text {\n  font-size: 11px; font-weight: 600;\n  color: #D44040;\n  text-transform: uppercase;\n  letter-spacing: 2.5px;\n}<\/p>\n<p>\/* \u2500\u2500 Section title \u2500\u2500 *\/\n.sec-title-dark {\n  font-size: 36px; font-weight: 800;\n  color: #1a1a1a;\n  line-height: 1.1; letter-spacing: -1px;\n  margin-bottom: 16px;\n  border: none; text-transform: none; padding: 0;\n}\n.sec-title-light {\n  font-size: 36px; font-weight: 800;\n  color: #fff;\n  line-height: 1.1; letter-spacing: -1px;\n  margin-bottom: 16px;\n  border: none; text-transform: none; padding: 0;\n}\n.sec-title-dark span,.sec-title-light span { color: #D44040; }<\/p>\n<p>\/* \u2500\u2500 Intro paragraph \u2500\u2500 *\/\n.sec-intro-dark {\n  font-size: 15px; color: #666;\n  line-height: 1.8; font-weight: 400;\n  margin-bottom: 14px;\n  border: none; padding: 0;\n}\n.sec-intro-light {\n  font-size: 15px; color: rgba(255,255,255,0.48);\n  line-height: 1.8; font-weight: 400;\n  margin-bottom: 14px;\n  border: none; padding: 0;\n}<\/p>\n<p>\/* \u2500\u2500 You'll find list \u2500\u2500 *\/\n.sec-finds {\n  list-style: none;\n  margin-bottom: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n.sec-finds li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 14px;\n  line-height: 1.6;\n}\n.sec-finds li::before {\n  content: '';\n  width: 6px; height: 6px;\n  background: #D44040;\n  border-radius: 50%;\n  flex-shrink: 0;\n  margin-top: 6px;\n}\n.finds-dark li { color: #555; }\n.finds-light li { color: rgba(255,255,255,0.5); }<\/p>\n<p>\/* \u2500\u2500 CTA buttons \u2500\u2500 *\/\n.sec-btn-red {\n  display: inline-flex; align-items: center; gap: 10px;\n  padding: 14px 30px;\n  background: #8B1A1A; color: #fff;\n  border: none; border-radius: 6px;\n  font-size: 14px; 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.sec-btn-red:hover {\n  background: #A52A2A;\n  box-shadow: 0 8px 28px rgba(139,26,26,0.4);\n  transform: translateY(-2px);\n  color: #fff; text-decoration: none;\n}\n.sec-btn-red i { font-size: 11px; transition: transform 0.3s; }\n.sec-btn-red:hover i { transform: translateX(4px); }<\/p>\n<p>.sec-btn-outline-dark {\n  display: inline-flex; align-items: center; gap: 10px;\n  padding: 14px 30px;\n  background: transparent; color: #555;\n  border: 1.5px solid rgba(0,0,0,0.15);\n  border-radius: 6px;\n  font-size: 14px; 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.sec-btn-outline-dark:hover {\n  border-color: #8B1A1A; color: #8B1A1A;\n  background: rgba(139,26,26,0.04);\n  transform: translateY(-2px); text-decoration: none;\n}<\/p>\n<p>.sec-btn-outline-light {\n  display: inline-flex; align-items: center; gap: 10px;\n  padding: 14px 30px;\n  background: transparent; color: rgba(255,255,255,0.6);\n  border: 1.5px solid rgba(255,255,255,0.15);\n  border-radius: 6px;\n  font-size: 14px; 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.sec-btn-outline-light:hover {\n  border-color: rgba(255,255,255,0.4); color: #fff;\n  background: rgba(255,255,255,0.05);\n  transform: translateY(-2px); text-decoration: none;\n}<\/p>\n<p>\/* ============================================================\n   MODULE 3 \u2014 Our Story & Timeline  (LIGHT)\n   ============================================================ *\/\n#mod3 .m3-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n}<\/p>\n<p>#mod3 .m3-img-wrap {\n  position: relative;\n}<\/p>\n<p>#mod3 .m3-img {\n  width: 100%; height: 380px;\n  object-fit: cover; border-radius: 10px;\n  display: block;\n}<\/p>\n<p>\/* Red accent block *\/\n#mod3 .m3-img-accent {\n  position: absolute;\n  top: -14px; left: -14px;\n  width: 64px; height: 64px;\n  background: linear-gradient(135deg, #8B1A1A, #D44040);\n  border-radius: 8px;\n  z-index: 0;\n}<\/p>\n<p>\/* Year badge *\/\n#mod3 .m3-badge {\n  position: absolute;\n  bottom: 20px; right: 20px;\n  background: rgba(255,255,255,0.97);\n  border: 1px solid rgba(0,0,0,0.08);\n  box-shadow: 0 8px 28px rgba(0,0,0,0.12);\n  border-radius: 8px;\n  padding: 14px 18px;\n  display: flex; align-items: center; gap: 12px;\n  z-index: 2;\n}\n#mod3 .m3-badge-icon {\n  width: 36px; height: 36px;\n  background: rgba(139,26,26,0.1);\n  border-radius: 6px;\n  display: flex; align-items: center; justify-content: center;\n}\n#mod3 .m3-badge-icon i { font-size: 14px; color: #D44040; }\n#mod3 .m3-badge strong {\n  display: block; font-size: 16px; font-weight: 700;\n  color: #1a1a1a; line-height: 1; margin-bottom: 3px;\n}\n#mod3 .m3-badge span {\n  font-size: 11px; color: #999;\n  text-transform: uppercase; letter-spacing: 1px;\n}<\/p>\n<p>\/* Timeline mini preview *\/\n#mod3 .m3-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  margin-top: 8px;\n}<\/p>\n<p>#mod3 .m3-tl-item {\n  display: flex;\n  gap: 18px;\n  align-items: flex-start;\n  padding: 16px 0;\n  border-bottom: 1px solid rgba(0,0,0,0.07);\n  transition: all 0.25s;\n}\n#mod3 .m3-tl-item:last-child { border-bottom: none; }\n#mod3 .m3-tl-item:hover .m3-tl-year { color: #D44040; }\n#mod3 .m3-tl-item:hover .m3-tl-dot { background: #D44040; }<\/p>\n<p>#mod3 .m3-tl-year {\n  font-size: 13px; font-weight: 700;\n  color: #bbb; min-width: 42px;\n  transition: color 0.25s;\n  padding-top: 1px;\n}<\/p>\n<p>#mod3 .m3-tl-connector {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0;\n  padding-top: 4px;\n}\n#mod3 .m3-tl-dot {\n  width: 10px; height: 10px;\n  border-radius: 50%;\n  background: rgba(139,26,26,0.3);\n  flex-shrink: 0;\n  transition: background 0.25s;\n}\n#mod3 .m3-tl-line {\n  width: 2px; flex: 1;\n  min-height: 28px;\n  background: rgba(0,0,0,0.07);\n  margin-top: 4px;\n}\n#mod3 .m3-tl-item:last-child .m3-tl-line { display: none; }<\/p>\n<p>#mod3 .m3-tl-text {\n  font-size: 13.5px; color: #555;\n  line-height: 1.55; padding-top: 0;\n}\n#mod3 .m3-tl-text strong {\n  display: block; font-size: 14px;\n  font-weight: 700; color: #1a1a1a;\n  margin-bottom: 2px;\n}<\/p>\n<p>#mod3 .m3-btns {\n  display: flex; gap: 12px;\n  flex-wrap: wrap; margin-top: 28px;\n}<\/p>\n<p>\/* ============================================================\n   MODULE 4 \u2014 Mikazone Partnership  (DARK)\n   ============================================================ *\/\n#mod4 .m4-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n}<\/p>\n<p>#mod4 .m4-text { order: 1; }\n#mod4 .m4-visual { order: 2; }<\/p>\n<p>#mod4 .m4-img-wrap { position: relative; }\n#mod4 .m4-img {\n  width: 100%; height: 380px;\n  object-fit: cover; border-radius: 10px;\n  display: block;\n  filter: brightness(0.82);\n}<\/p>\n<p>\/* Glow overlay *\/\n#mod4 .m4-img-wrap::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: 10px;\n  background: linear-gradient(to top, rgba(139,26,26,0.35) 0%, transparent 50%);\n  pointer-events: none;\n}<\/p>\n<p>#mod4 .m4-badge {\n  position: absolute;\n  top: 20px; left: 20px;\n  background: rgba(10,10,10,0.88);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(139,26,26,0.35);\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex; align-items: center; gap: 10px;\n  z-index: 2;\n}\n#mod4 .m4-badge i { font-size: 16px; color: #D44040; }\n#mod4 .m4-badge span {\n  font-size: 13px; font-weight: 600; color: #fff;\n}<\/p>\n<p>\/* 4 feature rows *\/\n#mod4 .m4-features {\n  display: flex; flex-direction: column; gap: 0;\n  margin-bottom: 32px;\n}\n#mod4 .m4-feat {\n  display: flex; gap: 16px; align-items: flex-start;\n  padding: 18px 0;\n  border-bottom: 1px solid rgba(255,255,255,0.06);\n  transition: all 0.25s;\n}\n#mod4 .m4-feat:first-child { padding-top: 0; }\n#mod4 .m4-feat:hover .m4-feat-icon {\n  background: rgba(139,26,26,0.3);\n  border-color: rgba(212,64,64,0.5);\n}\n#mod4 .m4-feat-icon {\n  width: 40px; height: 40px;\n  background: rgba(139,26,26,0.12);\n  border: 1px solid rgba(139,26,26,0.25);\n  border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  transition: all 0.25s;\n}\n#mod4 .m4-feat-icon i { font-size: 14px; color: #D44040; }\n#mod4 .m4-feat-body {}\n#mod4 .m4-feat-title {\n  font-size: 14px; font-weight: 600;\n  color: rgba(255,255,255,0.85);\n  margin-bottom: 3px;\n}\n#mod4 .m4-feat-desc {\n  font-size: 13px; color: rgba(255,255,255,0.4);\n  line-height: 1.6;\n}<\/p>\n<p>#mod4 .m4-btns { display: flex; gap: 12px; flex-wrap: wrap; }<\/p>\n<p>\/* ============================================================\n   MODULE 5 \u2014 Warehousing & Logistics  (LIGHT)\n   ============================================================ *\/\n#mod5 .m5-top {\n  display: grid;\n  grid-template-columns: 1.05fr 1fr;\n  gap: 72px;\n  align-items: center;\n  margin-bottom: 60px;\n  padding-bottom: 60px;\n  border-bottom: 1px solid rgba(0,0,0,0.08);\n}<\/p>\n<p>#mod5 .m5-img-wrap { position: relative; }\n#mod5 .m5-img {\n  width: 100%; height: 360px;\n  object-fit: cover; border-radius: 10px;\n  display: block;\n}\n#mod5 .m5-img-accent {\n  position: absolute;\n  bottom: -14px; right: -14px;\n  width: 64px; height: 64px;\n  background: linear-gradient(135deg, #8B1A1A, #D44040);\n  border-radius: 8px; z-index: 0;\n}<\/p>\n<p>#mod5 .m5-stats {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 12px;\n}\n#mod5 .m5-stat {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,0.07);\n  border-radius: 10px;\n  padding: 24px 18px;\n  text-align: center;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n  transition: all 0.3s;\n}\n#mod5 .m5-stat:hover {\n  box-shadow: 0 8px 28px rgba(0,0,0,0.1);\n  border-color: rgba(139,26,26,0.2);\n  transform: translateY(-3px);\n}\n#mod5 .m5-stat-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: 0 auto 12px;\n}\n#mod5 .m5-stat-icon i { font-size: 16px; color: #D44040; }\n#mod5 .m5-stat-label {\n  font-size: 12px; font-weight: 600;\n  color: #888; text-transform: uppercase;\n  letter-spacing: 1px; line-height: 1.4;\n}<\/p>\n<p>\/* 4 feature cards bottom row *\/\n#mod5 .m5-cards {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 14px;\n  margin-bottom: 48px;\n}\n#mod5 .m5-card {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,0.07);\n  border-radius: 10px;\n  padding: 22px 18px;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n  transition: all 0.3s;\n  border-top: 3px solid transparent;\n}\n#mod5 .m5-card:hover {\n  box-shadow: 0 10px 32px rgba(0,0,0,0.09);\n  border-top-color: #D44040;\n  transform: translateY(-3px);\n}\n#mod5 .m5-card-icon {\n  width: 36px; height: 36px;\n  background: rgba(139,26,26,0.08);\n  border-radius: 7px;\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 14px;\n}\n#mod5 .m5-card-icon i { font-size: 14px; color: #D44040; }\n#mod5 .m5-card-title {\n  font-size: 14px; font-weight: 700;\n  color: #1a1a1a; margin-bottom: 6px; line-height: 1.3;\n}\n#mod5 .m5-card-desc {\n  font-size: 12.5px; color: #888; line-height: 1.6;\n}<\/p>\n<p>#mod5 .m5-btns { display: flex; gap: 12px; flex-wrap: wrap; }<\/p>\n<p>\/* ============================================================\n   MODULE 6 \u2014 Why Choose Us  (DARK)\n   ============================================================ *\/\n#mod6 .m6-head {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n  margin-bottom: 60px;\n  padding-bottom: 60px;\n  border-bottom: 1px solid rgba(255,255,255,0.07);\n}<\/p>\n<p>#mod6 .m6-img-wrap { position: relative; }\n#mod6 .m6-img {\n  width: 100%; height: 340px;\n  object-fit: cover; border-radius: 10px;\n  display: block; filter: brightness(0.8);\n}\n#mod6 .m6-img-wrap::after {\n  content: '';\n  position: absolute; inset: 0;\n  border-radius: 10px;\n  background: linear-gradient(to right, rgba(139,26,26,0.3) 0%, transparent 60%);\n  pointer-events: none;\n}<\/p>\n<p>#mod6 .m6-text {}<\/p>\n<p>\/* 4 advantage cards *\/\n#mod6 .m6-grid {\n  display: grid;\n  grid-template-columns: repeat(2,1fr);\n  gap: 2px;\n  margin-bottom: 48px;\n}\n#mod6 .m6-card {\n  background: rgba(255,255,255,0.02);\n  border: 1px solid rgba(255,255,255,0.06);\n  border-radius: 10px;\n  padding: 28px 24px;\n  transition: all 0.3s;\n}\n#mod6 .m6-card:hover {\n  background: rgba(139,26,26,0.08);\n  border-color: rgba(139,26,26,0.3);\n  transform: translateY(-3px);\n}\n#mod6 .m6-card-top {\n  display: flex; align-items: center; gap: 12px;\n  margin-bottom: 12px;\n}\n#mod6 .m6-card-icon {\n  width: 40px; height: 40px;\n  background: rgba(139,26,26,0.15);\n  border: 1px solid rgba(139,26,26,0.3);\n  border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  transition: all 0.3s;\n}\n#mod6 .m6-card:hover .m6-card-icon {\n  background: rgba(139,26,26,0.3);\n  border-color: rgba(212,64,64,0.5);\n}\n#mod6 .m6-card-icon i { font-size: 15px; color: #D44040; }\n#mod6 .m6-card-title {\n  font-size: 14.5px; font-weight: 700;\n  color: rgba(255,255,255,0.85);\n}\n#mod6 .m6-card-desc {\n  font-size: 13px; color: rgba(255,255,255,0.4);\n  line-height: 1.65;\n}<\/p>\n<p>#mod6 .m6-btns { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }<\/p>\n<p>\/* ============================================================\n   MODULE 7 \u2014 News & Updates  (LIGHT)\n   ============================================================ *\/\n#mod7 .m7-head {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n  margin-bottom: 56px;\n}<\/p>\n<p>#mod7 .m7-img-wrap { position: relative; order: 2; }\n#mod7 .m7-text { order: 1; }\n#mod7 .m7-img {\n  width: 100%; height: 320px;\n  object-fit: cover; border-radius: 10px;\n  display: block;\n}\n#mod7 .m7-img-accent {\n  position: absolute;\n  top: -14px; right: -14px;\n  width: 64px; height: 64px;\n  background: linear-gradient(135deg, #8B1A1A, #D44040);\n  border-radius: 8px; z-index: 0;\n}<\/p>\n<p>\/* News category cards *\/\n#mod7 .m7-cats {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 14px;\n  margin-bottom: 48px;\n}\n#mod7 .m7-cat {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,0.07);\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n  transition: all 0.3s;\n}\n#mod7 .m7-cat:hover {\n  box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n  transform: translateY(-3px);\n  border-color: rgba(139,26,26,0.2);\n}\n#mod7 .m7-cat-img {\n  width: 100%; height: 130px;\n  object-fit: cover; display: block;\n  transition: transform 0.4s;\n}\n#mod7 .m7-cat:hover .m7-cat-img { transform: scale(1.05); }\n#mod7 .m7-cat-img-wrap { overflow: hidden; }<\/p>\n<p>#mod7 .m7-cat-body {\n  padding: 16px;\n  border-top: 3px solid transparent;\n  transition: border-color 0.3s;\n}\n#mod7 .m7-cat:hover .m7-cat-body { border-top-color: #D44040; }\n#mod7 .m7-cat-tag {\n  font-size: 10px; font-weight: 600;\n  color: #D44040; text-transform: uppercase;\n  letter-spacing: 1.5px; margin-bottom: 6px;\n  display: block;\n}\n#mod7 .m7-cat-title {\n  font-size: 13.5px; font-weight: 700;\n  color: #1a1a1a; line-height: 1.35;\n}<\/p>\n<p>#mod7 .m7-btns { display: flex; gap: 12px; flex-wrap: wrap; }<\/p>\n<p>\/* ============================================================\n   MODULE 8 \u2014 Careers  (DARK)\n   ============================================================ *\/\n#mod8 .m8-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n}<\/p>\n<p>#mod8 .m8-img-wrap { position: relative; }\n#mod8 .m8-img {\n  width: 100%; height: 400px;\n  object-fit: cover; border-radius: 10px;\n  display: block; filter: brightness(0.78);\n}\n#mod8 .m8-img-wrap::after {\n  content: '';\n  position: absolute; inset: 0;\n  border-radius: 10px;\n  background: linear-gradient(to bottom, transparent 40%, rgba(20,20,20,0.6) 100%);\n  pointer-events: none;\n}\n#mod8 .m8-badge {\n  position: absolute;\n  bottom: 20px; left: 20px;\n  background: rgba(10,10,10,0.9);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(139,26,26,0.35);\n  border-radius: 8px;\n  padding: 14px 18px;\n  display: flex; align-items: center; gap: 12px;\n  z-index: 2;\n}\n#mod8 .m8-badge-icon {\n  width: 36px; height: 36px;\n  background: rgba(139,26,26,0.2);\n  border-radius: 6px;\n  display: flex; align-items: center; justify-content: center;\n}\n#mod8 .m8-badge-icon i { font-size: 14px; color: #D44040; }\n#mod8 .m8-badge strong {\n  display: block; font-size: 15px; font-weight: 700;\n  color: #fff; line-height: 1; margin-bottom: 3px;\n}\n#mod8 .m8-badge span {\n  font-size: 11px; color: rgba(255,255,255,0.4);\n  text-transform: uppercase; letter-spacing: 1px;\n}<\/p>\n<p>\/* Values + roles *\/\n#mod8 .m8-values {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n  margin-bottom: 28px;\n}\n#mod8 .m8-val {\n  background: rgba(255,255,255,0.02);\n  border: 1px solid rgba(255,255,255,0.06);\n  border-radius: 8px;\n  padding: 18px 16px;\n  transition: all 0.3s;\n}\n#mod8 .m8-val:hover {\n  background: rgba(139,26,26,0.08);\n  border-color: rgba(139,26,26,0.3);\n}\n#mod8 .m8-val-icon {\n  width: 32px; height: 32px;\n  background: rgba(139,26,26,0.12);\n  border-radius: 6px;\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 10px;\n}\n#mod8 .m8-val-icon i { font-size: 12px; color: #D44040; }\n#mod8 .m8-val-title {\n  font-size: 13.5px; font-weight: 700;\n  color: rgba(255,255,255,0.82); margin-bottom: 4px;\n}\n#mod8 .m8-val-desc {\n  font-size: 12px; color: rgba(255,255,255,0.38);\n  line-height: 1.55;\n}<\/p>\n<p>#mod8 .m8-btns { display: flex; gap: 12px; flex-wrap: wrap; }<\/p>\n<p>\/* ============================================================\n   SHARED RESPONSIVE\n   ============================================================ *\/\n@media (max-width: 1024px) {\n  .sec-inner { padding: 64px 32px; }\n  .sec-title-dark, .sec-title-light { font-size: 30px; }<\/p>\n<p>  #mod3 .m3-layout,\n  #mod4 .m4-layout,\n  #mod5 .m5-top,\n  #mod6 .m6-head,\n  #mod7 .m7-head,\n  #mod8 .m8-layout {\n    grid-template-columns: 1fr; gap: 40px;\n  }\n  #mod4 .m4-text { order: 2; }\n  #mod4 .m4-visual { order: 1; }\n  #mod7 .m7-text { order: 1; }\n  #mod7 .m7-img-wrap { order: 2; }<\/p>\n<p>  #mod5 .m5-cards { grid-template-columns: repeat(2,1fr); }\n  #mod6 .m6-grid  { grid-template-columns: 1fr; }\n  #mod7 .m7-cats  { grid-template-columns: repeat(2,1fr); }\n  #mod8 .m8-values { grid-template-columns: 1fr; }\n}<\/p>\n<p>@media (max-width: 640px) {\n  .sec-inner { padding: 48px 24px; }\n  .sec-title-dark,.sec-title-light { font-size: 26px; letter-spacing: -0.5px; }\n  #mod5 .m5-cards { grid-template-columns: 1fr; }\n  #mod5 .m5-stats { grid-template-columns: repeat(3,1fr); }\n  #mod7 .m7-cats { grid-template-columns: 1fr; }\n  #mod8 .m8-values { grid-template-columns: 1fr 1fr; }\n}<\/p>\n<\/style>\n<p><!-- ====================================================\n     MODULE 3 \u2014 Our Story & Timeline  [ LIGHT ]\n     ==================================================== --><\/p>\n<div class=\"sec-divider\"><\/div>\n<section id=\"mod3\" class=\"sec-light\">\n<div class=\"sec-inner\">\n<div class=\"m3-layout\">\n<p>      <!-- Left: image --><\/p>\n<div class=\"m3-img-wrap\">\n<div class=\"m3-img-accent\"><\/div>\n<p>        <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" class=\"m3-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/low-angle-view-of-singapore-city-buildings-2026-03-16-06-15-08-utc.jpg\" alt=\"Company growth journey\"><\/p>\n<div class=\"m3-badge\">\n<div class=\"m3-badge-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n<div>\n            <strong>Growing Since Day 1<\/strong><br \/>\n            <span>Milestones \u00b7 Portfolio \u00b7 Capability<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Right: text + timeline preview --><\/p>\n<div>\n<div class=\"sec-eyebrow\">\n          <span class=\"sec-eyebrow-line\"><\/span><br \/>\n          <span class=\"sec-eyebrow-text\">Our Story<\/span>\n        <\/div>\n<h2 class=\"sec-title-dark\">Our Story &amp; <span>Timeline<\/span><\/h2>\n<p class=\"sec-intro-dark\">Explore the growth journey of Mandalas\u2014from starting import operations to expanding product coverage and strengthening technical capability.<\/p>\n<ul class=\"sec-finds finds-dark\">\n<li>Key milestones by year: foundation, portfolio expansion, capability upgrades<\/li>\n<li>How our product portfolio and supported applications have evolved<\/li>\n<li>Why we strengthened technical support and documentation readiness<\/li>\n<li>Where we are going: expanding solution coverage and local service capability<\/li>\n<\/ul>\n<p>        <!-- Timeline preview --><\/p>\n<div class=\"m3-timeline\">\n<div class=\"m3-tl-item\">\n            <span class=\"m3-tl-year\">2018<\/span><\/p>\n<div class=\"m3-tl-connector\">\n              <span class=\"m3-tl-dot\"><\/span><br \/>\n              <span class=\"m3-tl-line\"><\/span>\n            <\/div>\n<div class=\"m3-tl-text\">\n              <strong>Company Founded<\/strong><br \/>\n              Import operations launched in Caracas\n            <\/div>\n<\/p><\/div>\n<div class=\"m3-tl-item\">\n            <span class=\"m3-tl-year\">2020<\/span><\/p>\n<div class=\"m3-tl-connector\">\n              <span class=\"m3-tl-dot\"><\/span><br \/>\n              <span class=\"m3-tl-line\"><\/span>\n            <\/div>\n<div class=\"m3-tl-text\">\n              <strong>Portfolio Expansion<\/strong><br \/>\n              Cellulose ether &amp; RDP range extended\n            <\/div>\n<\/p><\/div>\n<div class=\"m3-tl-item\">\n            <span class=\"m3-tl-year\">2023<\/span><\/p>\n<div class=\"m3-tl-connector\">\n              <span class=\"m3-tl-dot\"><\/span><br \/>\n              <span class=\"m3-tl-line\"><\/span>\n            <\/div>\n<div class=\"m3-tl-text\">\n              <strong>Mikazone Partnership<\/strong><br \/>\n              Technical capability &amp; documentation upgraded\n            <\/div>\n<\/p><\/div>\n<div class=\"m3-tl-item\">\n            <span class=\"m3-tl-year\">Now<\/span><\/p>\n<div class=\"m3-tl-connector\">\n              <span class=\"m3-tl-dot\"><\/span>\n            <\/div>\n<div class=\"m3-tl-text\">\n              <strong>Expanding Coverage<\/strong><br \/>\n              Broader solutions &amp; stronger local service\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"m3-btns\">\n          <a href=\"https:\/\/mikazone.store\/en\/company\/our-story-timeline\/\" class=\"sec-btn-red\">View Our Timeline <i class=\"fas fa-arrow-right\"><\/i><\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ====================================================\n     MODULE 4 \u2014 Mikazone Partnership  [ DARK ]\n     ==================================================== --><\/p>\n<div class=\"sec-divider\"><\/div>\n<section id=\"mod4\" class=\"sec-dark\">\n<div class=\"sec-inner\">\n<div class=\"m4-layout\">\n<p>      <!-- Left: text --><\/p>\n<div class=\"m4-text\">\n<div class=\"sec-eyebrow\">\n          <span class=\"sec-eyebrow-line\"><\/span><br \/>\n          <span class=\"sec-eyebrow-text\">Partnership<\/span>\n        <\/div>\n<h2 class=\"sec-title-light\"><span>Mikazone<\/span> Partnership<\/h2>\n<p class=\"sec-intro-light\">Discover how our partnership strengthens the way we serve customers in Venezuela\u2014product know-how, application guidance, and a stronger support model.<\/p>\n<div class=\"m4-features\">\n<div class=\"m4-feat\">\n<div class=\"m4-feat-icon\"><i class=\"fas fa-handshake\"><\/i><\/div>\n<div class=\"m4-feat-body\">\n<div class=\"m4-feat-title\">What the Partnership Delivers<\/div>\n<div class=\"m4-feat-desc\">Product insight, application support, and selection guidance backed by Mikazone expertise.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"m4-feat\">\n<div class=\"m4-feat-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n<div class=\"m4-feat-body\">\n<div class=\"m4-feat-title\">Faster Consistency, Less Trial Time<\/div>\n<div class=\"m4-feat-desc\">Partnership-backed knowledge improves formulation consistency and reduces development cycles.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"m4-feat\">\n<div class=\"m4-feat-icon\"><i class=\"fas fa-paper-plane\"><\/i><\/div>\n<div class=\"m4-feat-body\">\n<div class=\"m4-feat-title\">How to Request Support<\/div>\n<div class=\"m4-feat-desc\">Share your application, formula, and target performance\u2014we respond with tailored guidance.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"m4-feat\">\n<div class=\"m4-feat-icon\"><i class=\"fas fa-star\"><\/i><\/div>\n<div class=\"m4-feat-body\">\n<div class=\"m4-feat-title\">Value to Customers<\/div>\n<div class=\"m4-feat-desc\">Faster recommendation, better system matching, and stronger on-site outcomes.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"m4-btns\">\n          <a href=\"#\" class=\"sec-btn-red\">Learn About the Partnership <i class=\"fas fa-arrow-right\"><\/i><\/a>\n        <\/div>\n<\/p><\/div>\n<p>      <!-- Right: image --><\/p>\n<div class=\"m4-visual\">\n<div class=\"m4-img-wrap\">\n          <img loading=\"lazy\" height=\"1280\" width=\"1920\" decoding=\"async\" class=\"m4-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/side-view-and-close-up-of-professional-handshake-o-2026-01-11-08-45-09-utc.jpg\" alt=\"Business partnership handshake\"><\/p>\n<div class=\"m4-badge\">\n            <i class=\"fas fa-link\"><\/i><br \/>\n            <span>Mandalas \u00d7 Mikazone<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ====================================================\n     MODULE 5 \u2014 Warehousing & Logistics  [ LIGHT ]\n     ==================================================== --><\/p>\n<div class=\"sec-divider\"><\/div>\n<section id=\"mod5\" class=\"sec-light\">\n<div class=\"sec-inner\">\n<p>    <!-- Top: image + stats --><\/p>\n<div class=\"m5-top\">\n<div class=\"m5-img-wrap\">\n        <img loading=\"lazy\" height=\"2557\" width=\"1920\" decoding=\"async\" class=\"m5-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC04060.jpg\" alt=\"Warehouse and logistics\"><\/p>\n<div class=\"m5-img-accent\"><\/div>\n<\/p><\/div>\n<div>\n<div class=\"sec-eyebrow\">\n          <span class=\"sec-eyebrow-line\"><\/span><br \/>\n          <span class=\"sec-eyebrow-text\">Logistics<\/span>\n        <\/div>\n<h2 class=\"sec-title-dark\">Warehousing &amp; <span>Logistics<\/span><\/h2>\n<p class=\"sec-intro-dark\">Reliable supply is critical for continuous production and project timelines. Mandalas coordinates import supply and supports local delivery planning\u2014helping you reduce downtime risk.<\/p>\n<ul class=\"sec-finds finds-dark\">\n<li>Supply coordination: planning, availability checks, and delivery scheduling<\/li>\n<li>Handling guidance: storage, moisture protection, and shelf-life management<\/li>\n<li>Delivery considerations for construction materials and jobsite constraints<\/li>\n<li>Volume planning, lead time discussion, and delivery coordination support<\/li>\n<\/ul>\n<div class=\"m5-btns\">\n          <a href=\"https:\/\/mikazone.store\/en\/company\/warehousing-logistics\/\" class=\"sec-btn-red\">Explore Logistics Capability <i class=\"fas fa-arrow-right\"><\/i><\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Bottom: 4 feature cards --><\/p>\n<div class=\"m5-cards\">\n<div class=\"m5-card\">\n<div class=\"m5-card-icon\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\n<div class=\"m5-card-title\">Supply Coordination<\/div>\n<div class=\"m5-card-desc\">Import planning, availability checks, and delivery scheduling support.<\/div>\n<\/p><\/div>\n<div class=\"m5-card\">\n<div class=\"m5-card-icon\"><i class=\"fas fa-box-open\"><\/i><\/div>\n<div class=\"m5-card-title\">Handling Guidance<\/div>\n<div class=\"m5-card-desc\">Storage recommendations, moisture protection, and shelf-life management.<\/div>\n<\/p><\/div>\n<div class=\"m5-card\">\n<div class=\"m5-card-icon\"><i class=\"fas fa-truck\"><\/i><\/div>\n<div class=\"m5-card-title\">Delivery Planning<\/div>\n<div class=\"m5-card-desc\">Practical logistics for construction materials and jobsite constraints.<\/div>\n<\/p><\/div>\n<div class=\"m5-card\">\n<div class=\"m5-card-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\n<div class=\"m5-card-title\">Logistics Support<\/div>\n<div class=\"m5-card-desc\">Volume planning, lead time discussion, and delivery coordination on request.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ====================================================\n     MODULE 6 \u2014 Why Choose Us  [ DARK ]\n     ==================================================== --><\/p>\n<div class=\"sec-divider\"><\/div>\n<section id=\"mod6\" class=\"sec-dark\">\n<div class=\"sec-inner\">\n<p>    <!-- Head: image + intro text --><\/p>\n<div class=\"m6-head\">\n<div class=\"m6-img-wrap\">\n        <img loading=\"lazy\" height=\"2557\" width=\"1920\" decoding=\"async\" class=\"m6-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC04068.jpg\" alt=\"Professional team at work\">\n      <\/div>\n<div class=\"m6-text\">\n<div class=\"sec-eyebrow\">\n          <span class=\"sec-eyebrow-line\"><\/span><br \/>\n          <span class=\"sec-eyebrow-text\">Our Advantage<\/span>\n        <\/div>\n<h2 class=\"sec-title-light\">Why Choose <span>Mandalas<\/span><\/h2>\n<p class=\"sec-intro-light\">Understand why customers choose Mandalas as a construction additives partner\u2014from fast technical response and broad application coverage to reliable supply and documentation support.<\/p>\n<ul class=\"sec-finds finds-light\">\n<li>Fast technical response: selection guidance, dosage range, and troubleshooting<\/li>\n<li>Broad application coverage: dry-mix and premix across key use cases<\/li>\n<li>Reliability: stable supply coordination and consistent support approach<\/li>\n<li>Documentation support: TDS\/SDS and handling guidance for all teams<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<p>    <!-- 4 advantage cards --><\/p>\n<div class=\"m6-grid\">\n<div class=\"m6-card\">\n<div class=\"m6-card-top\">\n<div class=\"m6-card-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n<div class=\"m6-card-title\">Fast Technical Response<\/div>\n<\/p><\/div>\n<div class=\"m6-card-desc\">Selection guidance, dosage recommendations, and troubleshooting support delivered quickly.<\/div>\n<\/p><\/div>\n<div class=\"m6-card\">\n<div class=\"m6-card-top\">\n<div class=\"m6-card-icon\"><i class=\"fas fa-layer-group\"><\/i><\/div>\n<div class=\"m6-card-title\">Broad Application Coverage<\/div>\n<\/p><\/div>\n<div class=\"m6-card-desc\">Dry-mix and premix systems across tile adhesive, putty, mortar, waterproofing, and coatings.<\/div>\n<\/p><\/div>\n<div class=\"m6-card\">\n<div class=\"m6-card-top\">\n<div class=\"m6-card-icon\"><i class=\"fas fa-shield-halved\"><\/i><\/div>\n<div class=\"m6-card-title\">Reliable Supply<\/div>\n<\/p><\/div>\n<div class=\"m6-card-desc\">Stable import coordination and consistent supply planning to keep your production running.<\/div>\n<\/p><\/div>\n<div class=\"m6-card\">\n<div class=\"m6-card-top\">\n<div class=\"m6-card-icon\"><i class=\"fas fa-file-lines\"><\/i><\/div>\n<div class=\"m6-card-title\">Documentation Support<\/div>\n<\/p><\/div>\n<div class=\"m6-card-desc\">TDS\/SDS and handling guidance ready for purchasing, QA, and safety teams on request.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"m6-btns\">\n      <a href=\"https:\/\/mikazone.store\/en\/company\/why-choose-us\/\" class=\"sec-btn-red\">See Why Mandalas <i class=\"fas fa-arrow-right\"><\/i><\/a>\n    <\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ====================================================\n     MODULE 7 \u2014 News & Updates  [ LIGHT ]\n     ==================================================== --><\/p>\n<div class=\"sec-divider\"><\/div>\n<section id=\"mod7\" class=\"sec-light\">\n<div class=\"sec-inner\">\n<p>    <!-- Head --><\/p>\n<div class=\"m7-head\">\n<div class=\"m7-text\">\n<div class=\"sec-eyebrow\">\n          <span class=\"sec-eyebrow-line\"><\/span><br \/>\n          <span class=\"sec-eyebrow-text\">News &amp; Updates<\/span>\n        <\/div>\n<h2 class=\"sec-title-dark\">Latest <span>News &amp; Updates<\/span><\/h2>\n<p class=\"sec-intro-dark\">Stay updated with company news, product updates, and practical application insights\u2014announcements, new resources, and helpful notes for better formulation and jobsite performance.<\/p>\n<ul class=\"sec-finds finds-dark\">\n<li>Company updates and service improvements<\/li>\n<li>Product and portfolio highlights: new items, availability notes<\/li>\n<li>Practical tips: selection notes, common issues, troubleshooting ideas<\/li>\n<li>Resource updates: new catalogs, guides, FAQ additions, documentation<\/li>\n<\/ul>\n<div class=\"m7-btns\">\n          <a href=\"https:\/\/mikazone.store\/en\/company\/mikazone-partnership\/\" class=\"sec-btn-red\">Read Latest Updates <i class=\"fas fa-arrow-right\"><\/i><\/a>\n        <\/div>\n<\/p><\/div>\n<div class=\"m7-img-wrap\">\n<div class=\"m7-img-accent\"><\/div>\n<p>        <img loading=\"lazy\" height=\"1440\" width=\"1920\" decoding=\"async\" class=\"m7-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/radisson-blu-waterfront-hotel-stockholm-waterfron-2026-03-25-02-23-17-utc.jpg\" alt=\"News and updates\">\n      <\/div>\n<\/p><\/div>\n<p>    <!-- Category preview cards --><\/p>\n<div class=\"m7-cats\">\n<div class=\"m7-cat\">\n<div class=\"m7-cat-img-wrap\">\n          <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" class=\"m7-cat-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC40382-scaled.jpg\" alt=\"Company updates\">\n        <\/div>\n<div class=\"m7-cat-body\">\n          <span class=\"m7-cat-tag\">Company<\/span><\/p>\n<div class=\"m7-cat-title\">Service &amp; Company Updates<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"m7-cat\">\n<div class=\"m7-cat-img-wrap\">\n          <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" class=\"m7-cat-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/03\/DSC8654.jpg\" alt=\"Product highlights\">\n        <\/div>\n<div class=\"m7-cat-body\">\n          <span class=\"m7-cat-tag\">Products<\/span><\/p>\n<div class=\"m7-cat-title\">Product &amp; Portfolio Highlights<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"m7-cat\">\n<div class=\"m7-cat-img-wrap\">\n          <img loading=\"lazy\" height=\"1080\" width=\"1920\" decoding=\"async\" class=\"m7-cat-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/C0070.MP4_20240920_155318062.jpg\" alt=\"Practical tips\">\n        <\/div>\n<div class=\"m7-cat-body\">\n          <span class=\"m7-cat-tag\">Tips<\/span><\/p>\n<div class=\"m7-cat-title\">Selection Notes &amp; Troubleshooting<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"m7-cat\">\n<div class=\"m7-cat-img-wrap\">\n          <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" class=\"m7-cat-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC2829-scaled.jpg\" alt=\"Resources\">\n        <\/div>\n<div class=\"m7-cat-body\">\n          <span class=\"m7-cat-tag\">Resources<\/span><\/p>\n<div class=\"m7-cat-title\">Catalogs, Guides &amp; Documentation<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ====================================================\n     MODULE 8 \u2014 Careers  [ DARK ]\n     ==================================================== --><\/p>\n<div class=\"sec-divider\"><\/div>\n<section id=\"mod8\" class=\"sec-dark\">\n<div class=\"sec-inner\">\n<div class=\"m8-layout\">\n<p>      <!-- Left: image --><\/p>\n<div class=\"m8-img-wrap\">\n        <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" class=\"m8-img\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC40301-scaled.jpg\" alt=\"Team collaboration careers\"><\/p>\n<div class=\"m8-badge\">\n<div class=\"m8-badge-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n<div>\n            <strong>Join Our Team<\/strong><br \/>\n            <span>Caracas \u00b7 Venezuela<\/span>\n          <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>      <!-- Right: text + value cards --><\/p>\n<div>\n<div class=\"sec-eyebrow\">\n          <span class=\"sec-eyebrow-line\"><\/span><br \/>\n          <span class=\"sec-eyebrow-text\">Careers<\/span>\n        <\/div>\n<h2 class=\"sec-title-light\">Join the <span>Mandalas Team<\/span><\/h2>\n<p class=\"sec-intro-light\">Join a team focused on delivering long-term value through reliability, service, and performance support. We hire for sales support, operations, and technical roles.<\/p>\n<ul class=\"sec-finds finds-light\" style=\"margin-bottom:28px;\">\n<li>Open roles: sales support, operations, technical support<\/li>\n<li>We value responsiveness, integrity, and customer-first collaboration<\/li>\n<li>Growth: product knowledge, market exposure, and skill development<\/li>\n<li>How to apply: required information and contact method<\/li>\n<\/ul>\n<div class=\"m8-values\">\n<div class=\"m8-val\">\n<div class=\"m8-val-icon\"><i class=\"fas fa-user-tie\"><\/i><\/div>\n<div class=\"m8-val-title\">Sales Support<\/div>\n<div class=\"m8-val-desc\">Customer communication and order coordination<\/div>\n<\/p><\/div>\n<div class=\"m8-val\">\n<div class=\"m8-val-icon\"><i class=\"fas fa-gears\"><\/i><\/div>\n<div class=\"m8-val-title\">Operations<\/div>\n<div class=\"m8-val-desc\">Logistics, import planning, and delivery coordination<\/div>\n<\/p><\/div>\n<div class=\"m8-val\">\n<div class=\"m8-val-icon\"><i class=\"fas fa-flask-vial\"><\/i><\/div>\n<div class=\"m8-val-title\">Technical Support<\/div>\n<div class=\"m8-val-desc\">Application guidance and documentation readiness<\/div>\n<\/p><\/div>\n<div class=\"m8-val\">\n<div class=\"m8-val-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n<div class=\"m8-val-title\">Growth Path<\/div>\n<div class=\"m8-val-desc\">Product knowledge, market exposure, skill building<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"m8-btns\">\n          <a href=\"https:\/\/mikazone.store\/en\/contact\/\" class=\"sec-btn-red\">View Open Roles <i class=\"fas fa-arrow-right\"><\/i><\/a>\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- ================================================================\n     SECTION 2 \u2013 WHAT WE STAND FOR  (Dark)\n     ================================================================ --><\/p>\n<style>\n  #secValues {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#0d0d0d;overflow:hidden;box-sizing:border-box}\n  #secValues *,#secValues *::before,#secValues *::after {margin:0;padding:0;box-sizing:border-box}\n  #secValues .sv-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px}<\/p>\n<p>  \/* header *\/\n  #secValues .sv-header {text-align:center;max-width:740px;margin:0 auto 64px}\n  #secValues .sv-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  #secValues .sv-eyebrow-line {width:32px;height:1.5px;background:#D44040}\n  #secValues .sv-eyebrow-label {font-size:11px;font-weight:700;color:#D44040;text-transform:uppercase;letter-spacing:3.5px}\n  #secValues .sv-title {font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px;border:none}\n  #secValues .sv-title span {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n  #secValues .sv-desc {font-size:16px;color:rgba(255,255,255,.45);line-height:1.85;border:none}<\/p>\n<p>  \/* 4-card *\/\n  #secValues .sv-cards {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:56px}\n  #secValues .sv-card {background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:40px 28px;text-align:center;transition:all .4s;position:relative;overflow:hidden}\n  #secValues .sv-card::after {content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#D44040,transparent);opacity:0;transition:opacity .4s}\n  #secValues .sv-card:hover {transform:translateY(-6px);background:rgba(139,26,26,.04);border-color:rgba(139,26,26,.15);box-shadow:0 20px 50px rgba(0,0,0,.3)}\n  #secValues .sv-card:hover::after {opacity:1}<\/p>\n<p>  #secValues .sv-card-num {font-size:48px;font-weight:900;background:linear-gradient(135deg,rgba(212,64,64,.15),rgba(212,64,64,.05));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:16px;display:block}\n  #secValues .sv-card:hover .sv-card-num {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}<\/p>\n<p>  #secValues .sv-card-title {font-size:18px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3}\n  #secValues .sv-card-desc {font-size:13.5px;color:rgba(255,255,255,.38);line-height:1.75}<\/p>\n<p>  \/* highlight strip *\/\n  #secValues .sv-highlight {text-align:center;padding:28px 40px;background:linear-gradient(135deg,rgba(139,26,26,.08),rgba(139,26,26,.03));border:1px solid rgba(139,26,26,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:14px}\n  #secValues .sv-highlight-icon {width:36px;height:36px;background:linear-gradient(135deg,#8B1A1A,#D44040);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}\n  #secValues .sv-highlight-text {font-size:16px;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.3px;font-style:italic}<\/p>\n<p>  #secValues .sv-div {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,64,64,.15),transparent)}<\/p>\n<p>  @media(max-width:1024px){#secValues .sv-wrap {padding:72px 32px}#secValues .sv-title {font-size:32px}#secValues .sv-cards {grid-template-columns:repeat(2,1fr)}}\n  @media(max-width:640px){#secValues .sv-wrap {padding:56px 24px}#secValues .sv-title {font-size:28px}#secValues .sv-cards {grid-template-columns:1fr}#secValues .sv-highlight {flex-direction:column;text-align:center;padding:24px}}\n<\/style>\n<section id=\"secValues\">\n<div class=\"sv-wrap\">\n<div class=\"sv-header\">\n<div class=\"sv-eyebrow\"><span class=\"sv-eyebrow-line\"><\/span><span class=\"sv-eyebrow-label\">Our Values<\/span><span class=\"sv-eyebrow-line\"><\/span><\/div>\n<h2 class=\"sv-title\">What We <span>Stand For<\/span><\/h2>\n<p class=\"sv-desc\">We believe customers don&#8217;t just buy raw materials\u2014they buy reliable results. Our mission is to make additive selection easier and performance more repeatable, so manufacturers and project teams can deliver consistent quality across batches, seasons, and jobsite conditions.<\/p>\n<\/p><\/div>\n<div class=\"sv-cards\">\n<div class=\"sv-card\">\n        <span class=\"sv-card-num\">01<\/span><\/p>\n<div class=\"sv-card-title\">Reliability<\/div>\n<p class=\"sv-card-desc\">Stable supply planning and clear communication\u2014so you always know where things stand.<\/p>\n<\/p><\/div>\n<div class=\"sv-card\">\n        <span class=\"sv-card-num\">02<\/span><\/p>\n<div class=\"sv-card-title\">Performance<\/div>\n<p class=\"sv-card-desc\">Recommendations based on application needs and measurable outcomes, not guesswork.<\/p>\n<\/p><\/div>\n<div class=\"sv-card\">\n        <span class=\"sv-card-num\">03<\/span><\/p>\n<div class=\"sv-card-title\">Practical Support<\/div>\n<p class=\"sv-card-desc\">Solutions that work in real production and on real jobsites\u2014not just in theory.<\/p>\n<\/p><\/div>\n<div class=\"sv-card\">\n        <span class=\"sv-card-num\">04<\/span><\/p>\n<div class=\"sv-card-title\">Long-Term Partnership<\/div>\n<p class=\"sv-card-desc\">Continuous improvement through feedback, trials, and optimization over time.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sv-highlight\">\n<div class=\"sv-highlight-icon\"><i class=\"fas fa-quote-right\"><\/i><\/div>\n<div class=\"sv-highlight-text\">Built for stability, backed by know-how, delivered locally.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sv-div\"><\/div>\n<\/section>\n<p><!-- ================================================================\n     SECTION 3 \u2013 WHAT WE DELIVER  (Light)\n     ================================================================ --><\/p>\n<style>\n  #secDeliver {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#f7f5f2;overflow:hidden;box-sizing:border-box}\n  #secDeliver *,#secDeliver *::before,#secDeliver *::after {margin:0;padding:0;box-sizing:border-box}\n  #secDeliver .sd-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px}<\/p>\n<p>  \/* header *\/\n  #secDeliver .sd-header {max-width:740px;margin-bottom:56px}\n  #secDeliver .sd-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  #secDeliver .sd-eyebrow-line {width:32px;height:1.5px;background:#C03030}\n  #secDeliver .sd-eyebrow-label {font-size:11px;font-weight:700;color:#C03030;text-transform:uppercase;letter-spacing:3.5px}\n  #secDeliver .sd-title {font-size:40px;font-weight:800;color:#1a1a1a;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;border:none}\n  #secDeliver .sd-title span {color:#B02828}\n  #secDeliver .sd-desc {font-size:16px;color:#666;line-height:1.85;border:none}<\/p>\n<p>  \/* 6-card grid: 3x2 *\/\n  #secDeliver .sd-cards {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px}\n  #secDeliver .sd-card {background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:32px 28px;transition:all .4s;position:relative;overflow:hidden}\n  #secDeliver .sd-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8B1A1A,#D44040);opacity:0;transition:opacity .4s}\n  #secDeliver .sd-card:hover {transform:translateY(-6px);box-shadow:0 20px 60px rgba(139,26,26,.06),0 4px 16px rgba(0,0,0,.05);border-color:rgba(176,40,40,.1)}\n  #secDeliver .sd-card:hover::before {opacity:1}<\/p>\n<p>  #secDeliver .sd-card-icon {width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(139,26,26,.07),rgba(212,64,64,.05));border:1px solid rgba(176,40,40,.1);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#B02828;font-size:18px;transition:all .4s}\n  #secDeliver .sd-card:hover .sd-card-icon {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;color:#fff;box-shadow:0 8px 28px rgba(139,26,26,.25)}<\/p>\n<p>  #secDeliver .sd-card-title {font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:10px;line-height:1.35}\n  #secDeliver .sd-card-desc {font-size:13.5px;color:#888;line-height:1.75}<\/p>\n<p>  \/* buttons *\/\n  #secDeliver .sd-btns {display:flex;gap:16px;flex-wrap:wrap}\n  #secDeliver .sd-btn-primary {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  #secDeliver .sd-btn-primary:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.35);color:#fff;text-decoration:none}\n  #secDeliver .sd-btn-primary i {font-size:11px;transition:transform .3s}\n  #secDeliver .sd-btn-primary:hover i {transform:translateX(4px)}\n  #secDeliver .sd-btn-outline {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:transparent;color:#555;border:1.5px solid rgba(0,0,0,.12);border-radius:60px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  #secDeliver .sd-btn-outline:hover {color:#8B1A1A;border-color:rgba(139,26,26,.3);background:rgba(139,26,26,.03);transform:translateY(-3px);text-decoration:none}<\/p>\n<p>  #secDeliver .sd-divider {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}<\/p>\n<p>  @media(max-width:1024px){#secDeliver .sd-wrap {padding:72px 32px}#secDeliver .sd-title {font-size:32px}#secDeliver .sd-cards {grid-template-columns:repeat(2,1fr)}}\n  @media(max-width:640px){#secDeliver .sd-wrap {padding:56px 24px}#secDeliver .sd-title {font-size:28px}#secDeliver .sd-cards {grid-template-columns:1fr}#secDeliver .sd-btns {flex-direction:column}#secDeliver .sd-btn-primary,#secDeliver .sd-btn-outline {width:100%;justify-content:center}}\n<\/style>\n<section id=\"secDeliver\">\n<div class=\"sd-wrap\">\n<div class=\"sd-header\">\n<div class=\"sd-eyebrow\"><span class=\"sd-eyebrow-line\"><\/span><span class=\"sd-eyebrow-label\">What We Deliver<\/span><\/div>\n<h2 class=\"sd-title\">What We Deliver to <span>Customers<\/span><\/h2>\n<p class=\"sd-desc\">Mandalas provides both the materials and the support required to achieve stable performance in building material systems\u2014especially when raw materials change, weather shifts, or production conditions vary.<\/p>\n<\/p><\/div>\n<div class=\"sd-cards\">\n<div class=\"sd-card\">\n<div class=\"sd-card-icon\"><i class=\"fas fa-boxes-stacked\"><\/i><\/div>\n<div class=\"sd-card-title\">Product Portfolio Coverage<\/div>\n<p class=\"sd-card-desc\">Cellulose ether, polymer modifiers, fibers, and functional admixtures for comprehensive system needs.<\/p>\n<\/p><\/div>\n<div class=\"sd-card\">\n<div class=\"sd-card-icon\"><i class=\"fas fa-crosshairs\"><\/i><\/div>\n<div class=\"sd-card-title\">Selection Guidance<\/div>\n<p class=\"sd-card-desc\">Match products to system type, application, and target performance for accurate first recommendations.<\/p>\n<\/p><\/div>\n<div class=\"sd-card\">\n<div class=\"sd-card-icon\"><i class=\"fas fa-sliders\"><\/i><\/div>\n<div class=\"sd-card-title\">Dosage Recommendations<\/div>\n<p class=\"sd-card-desc\">Provide a practical starting range for trials and scale-up based on real application conditions.<\/p>\n<\/p><\/div>\n<div class=\"sd-card\">\n<div class=\"sd-card-icon\"><i class=\"fas fa-wrench\"><\/i><\/div>\n<div class=\"sd-card-title\">Troubleshooting Support<\/div>\n<p class=\"sd-card-desc\">Help resolve sagging, short open time, poor workability, instability, foam, and finish issues.<\/p>\n<\/p><\/div>\n<div class=\"sd-card\">\n<div class=\"sd-card-icon\"><i class=\"fas fa-file-lines\"><\/i><\/div>\n<div class=\"sd-card-title\">Documentation Support<\/div>\n<p class=\"sd-card-desc\">TDS\/SDS and handling guidance to support purchasing and safety compliance teams.<\/p>\n<\/p><\/div>\n<div class=\"sd-card\">\n<div class=\"sd-card-icon\"><i class=\"fas fa-truck-fast\"><\/i><\/div>\n<div class=\"sd-card-title\">Supply Coordination<\/div>\n<p class=\"sd-card-desc\">Availability planning and delivery scheduling to reduce downtime risk and maintain continuity.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sd-btns\">\n      <a href=\"https:\/\/mikazone.store\/en\/products\/\" class=\"sd-btn-primary\">Explore Products <i class=\"fas fa-arrow-right\"><\/i><\/a><br \/>\n      <a href=\"https:\/\/mikazone.store\/en\/service\/technical-support-fast-response\/\" class=\"sd-btn-outline\"><i class=\"fas fa-headset\"><\/i> Get Technical Support<\/a>\n    <\/div>\n<\/p><\/div>\n<div class=\"sd-divider\"><\/div>\n<\/section>\n<p><!-- ================================================================\n     SECTION 4 \u2013 HOW WE SUPPORT CUSTOMERS  (Dark - Steps)\n     ================================================================ --><\/p>\n<style>\n  #secProcess {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#0d0d0d;overflow:hidden;box-sizing:border-box}\n  #secProcess *,#secProcess *::before,#secProcess *::after {margin:0;padding:0;box-sizing:border-box}\n  #secProcess .sp2-grid {position:absolute;inset:0;background-image:linear-gradient(rgba(212,64,64,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(212,64,64,.02) 1px,transparent 1px);background-size:72px 72px;z-index:0}\n  #secProcess .sp2-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px}<\/p>\n<p>  \/* header centered *\/\n  #secProcess .sp2-header {text-align:center;max-width:700px;margin:0 auto 64px}\n  #secProcess .sp2-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  #secProcess .sp2-eyebrow-line {width:32px;height:1.5px;background:#D44040}\n  #secProcess .sp2-eyebrow-label {font-size:11px;font-weight:700;color:#D44040;text-transform:uppercase;letter-spacing:3.5px}\n  #secProcess .sp2-title {font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;border:none}\n  #secProcess .sp2-title span {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n  #secProcess .sp2-desc {font-size:16px;color:rgba(255,255,255,.45);line-height:1.85;border:none}<\/p>\n<p>  \/* steps: 4 columns with connector *\/\n  #secProcess .sp2-steps {display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:56px;position:relative}<\/p>\n<p>  \/* horizontal line behind steps *\/\n  #secProcess .sp2-steps::before {content:'';position:absolute;top:44px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#8B1A1A,#D44040,#8B1A1A);opacity:.25;z-index:0}<\/p>\n<p>  #secProcess .sp2-step {text-align:center;padding:0 20px;position:relative;z-index:1}<\/p>\n<p>  #secProcess .sp2-step-circle {width:88px;height:88px;border-radius:50%;background:rgba(139,26,26,.08);border:2px solid rgba(139,26,26,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all .4s;position:relative}\n  #secProcess .sp2-step-circle span {font-size:28px;font-weight:900;background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}<\/p>\n<p>  #secProcess .sp2-step:hover .sp2-step-circle {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;box-shadow:0 12px 36px rgba(139,26,26,.4)}\n  #secProcess .sp2-step:hover .sp2-step-circle span {background:none;-webkit-text-fill-color:#fff}<\/p>\n<p>  #secProcess .sp2-step-title {font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3}\n  #secProcess .sp2-step-desc {font-size:13px;color:rgba(255,255,255,.38);line-height:1.75}<\/p>\n<p>  \/* buttons *\/\n  #secProcess .sp2-btns {display:flex;justify-content:center;gap:16px;flex-wrap:wrap}\n  #secProcess .sp2-btn-primary {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  #secProcess .sp2-btn-primary:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.45);color:#fff;text-decoration:none}\n  #secProcess .sp2-btn-primary i {font-size:11px;transition:transform .3s}\n  #secProcess .sp2-btn-primary:hover i {transform:translateX(4px)}\n  #secProcess .sp2-btn-ghost {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.08);border-radius:60px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px;backdrop-filter:blur(8px)}\n  #secProcess .sp2-btn-ghost:hover {color:#fff;border-color:rgba(212,64,64,.35);background:rgba(139,26,26,.1);transform:translateY(-3px);text-decoration:none}<\/p>\n<p>  #secProcess .sp2-div {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,64,64,.15),transparent)}<\/p>\n<p>  @media(max-width:1024px){#secProcess .sp2-wrap {padding:72px 32px}#secProcess .sp2-title {font-size:32px}#secProcess .sp2-steps {grid-template-columns:repeat(2,1fr);gap:40px}#secProcess .sp2-steps::before {display:none}}\n  @media(max-width:640px){#secProcess .sp2-wrap {padding:56px 24px}#secProcess .sp2-title {font-size:28px}#secProcess .sp2-steps {grid-template-columns:1fr;gap:36px}#secProcess .sp2-btns {flex-direction:column}#secProcess .sp2-btn-primary,#secProcess .sp2-btn-ghost {width:100%;justify-content:center}}\n<\/style>\n<section id=\"secProcess\">\n<div class=\"sp2-grid\"><\/div>\n<div class=\"sp2-wrap\">\n<div class=\"sp2-header\">\n<div class=\"sp2-eyebrow\"><span class=\"sp2-eyebrow-line\"><\/span><span class=\"sp2-eyebrow-label\">Our Process<\/span><span class=\"sp2-eyebrow-line\"><\/span><\/div>\n<h2 class=\"sp2-title\">How We Support <span>Customers<\/span><\/h2>\n<p class=\"sp2-desc\">A simple, reliable process designed for speed and accuracy\u2014so you can reach stable results with fewer trial cycles.<\/p>\n<\/p><\/div>\n<div class=\"sp2-steps\">\n<div class=\"sp2-step\">\n<div class=\"sp2-step-circle\"><span>01<\/span><\/div>\n<div class=\"sp2-step-title\">Define the Target<\/div>\n<p class=\"sp2-step-desc\">Share your application, system type (dry-mix or premix), and performance goals\u2014open time, sag resistance, workability, bonding, durability.<\/p>\n<\/p><\/div>\n<div class=\"sp2-step\">\n<div class=\"sp2-step-circle\"><span>02<\/span><\/div>\n<div class=\"sp2-step-title\">Share Formula or Issues<\/div>\n<p class=\"sp2-step-desc\">Send formulation details, raw materials, and current issues. No full formula? Describe the problem and conditions.<\/p>\n<\/p><\/div>\n<div class=\"sp2-step\">\n<div class=\"sp2-step-circle\"><span>03<\/span><\/div>\n<div class=\"sp2-step-title\">Receive Recommendation<\/div>\n<p class=\"sp2-step-desc\">We recommend a suitable product and dosage range, plus usage notes and practical tips for trial setup.<\/p>\n<\/p><\/div>\n<div class=\"sp2-step\">\n<div class=\"sp2-step-circle\"><span>04<\/span><\/div>\n<div class=\"sp2-step-title\">Trial &amp; Optimization<\/div>\n<p class=\"sp2-step-desc\">We support trial evaluation and make adjustments until performance becomes stable and repeatable.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sp2-btns\">\n      <a href=\"https:\/\/mikazone.store\/en\/contact\/send-your-formula\/\" class=\"sp2-btn-primary\">Send Your Formula <i class=\"fas fa-arrow-right\"><\/i><\/a><br \/>\n      <a href=\"https:\/\/mikazone.store\/en\/contact\/request-a-quote\/\" class=\"sp2-btn-ghost\"><i class=\"fas fa-file-invoice\"><\/i> Request a Quote<\/a>\n    <\/div>\n<\/p><\/div>\n<div class=\"sp2-div\"><\/div>\n<\/section>\n<p><!-- ================================================================\n     SECTION 5 \u2013 CAPABILITIES AT A GLANCE  (Light)\n     ================================================================ --><\/p>\n<style>\n  #secCap {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#f7f5f2;overflow:hidden;box-sizing:border-box}\n  #secCap *,#secCap *::before,#secCap *::after {margin:0;padding:0;box-sizing:border-box}\n  #secCap .sc2-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px}<\/p>\n<p>  #secCap .sc2-header {text-align:center;max-width:700px;margin:0 auto 56px}\n  #secCap .sc2-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  #secCap .sc2-eyebrow-line {width:32px;height:1.5px;background:#C03030}\n  #secCap .sc2-eyebrow-label {font-size:11px;font-weight:700;color:#C03030;text-transform:uppercase;letter-spacing:3.5px}\n  #secCap .sc2-title {font-size:40px;font-weight:800;color:#1a1a1a;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;border:none}\n  #secCap .sc2-title span {color:#B02828}\n  #secCap .sc2-desc {font-size:16px;color:#666;line-height:1.85;border:none}<\/p>\n<p>  \/* 6-block grid: 3x2 with side border accent *\/\n  #secCap .sc2-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px}\n  #secCap .sc2-block {background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:0;overflow:hidden;transition:all .4s;position:relative}\n  #secCap .sc2-block::before {content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#8B1A1A,#D44040);border-radius:4px 0 0 4px;opacity:0;transition:opacity .4s}\n  #secCap .sc2-block:hover {transform:translateY(-6px);box-shadow:0 20px 60px rgba(139,26,26,.06),0 4px 16px rgba(0,0,0,.05);border-color:rgba(176,40,40,.1)}\n  #secCap .sc2-block:hover::before {opacity:1}<\/p>\n<p>  #secCap .sc2-block-inner {padding:32px 28px 32px 32px}\n  #secCap .sc2-block-icon {width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(139,26,26,.07),rgba(212,64,64,.05));border:1px solid rgba(176,40,40,.1);display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#B02828;font-size:17px;transition:all .4s}\n  #secCap .sc2-block:hover .sc2-block-icon {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;color:#fff;box-shadow:0 8px 24px rgba(139,26,26,.2)}<\/p>\n<p>  #secCap .sc2-block-title {font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.35}\n  #secCap .sc2-block-desc {font-size:13.5px;color:#888;line-height:1.75}<\/p>\n<p>  \/* cta *\/\n  #secCap .sc2-cta {text-align:center}\n  #secCap .sc2-btn {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  #secCap .sc2-btn:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.35);color:#fff;text-decoration:none}\n  #secCap .sc2-btn i {font-size:11px;transition:transform .3s}\n  #secCap .sc2-btn:hover i {transform:translateX(4px)}<\/p>\n<p>  #secCap .sc2-divider {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}<\/p>\n<p>  @media(max-width:1024px){#secCap .sc2-wrap {padding:72px 32px}#secCap .sc2-title {font-size:32px}#secCap .sc2-grid {grid-template-columns:repeat(2,1fr)}}\n  @media(max-width:640px){#secCap .sc2-wrap {padding:56px 24px}#secCap .sc2-title {font-size:28px}#secCap .sc2-grid {grid-template-columns:1fr}#secCap .sc2-btn {width:100%;justify-content:center}}\n<\/style>\n<section id=\"secCap\">\n<div class=\"sc2-wrap\">\n<div class=\"sc2-header\">\n<div class=\"sc2-eyebrow\"><span class=\"sc2-eyebrow-line\"><\/span><span class=\"sc2-eyebrow-label\">Capabilities<\/span><span class=\"sc2-eyebrow-line\"><\/span><\/div>\n<h2 class=\"sc2-title\">Capabilities at <span>a Glance<\/span><\/h2>\n<p class=\"sc2-desc\">Built to support both manufacturers and project teams\u2014covering the most common construction systems used in Venezuela.<\/p>\n<\/p><\/div>\n<div class=\"sc2-grid\">\n<div class=\"sc2-block\">\n<div class=\"sc2-block-inner\">\n<div class=\"sc2-block-icon\"><i class=\"fas fa-layer-group\"><\/i><\/div>\n<div class=\"sc2-block-title\">System Coverage<\/div>\n<p class=\"sc2-block-desc\">Dry-mix powders and premixed paste\/liquid systems for building materials.<\/p>\n<\/p><\/div>\n<\/div>\n<div class=\"sc2-block\">\n<div class=\"sc2-block-inner\">\n<div class=\"sc2-block-icon\"><i class=\"fas fa-th-large\"><\/i><\/div>\n<div class=\"sc2-block-title\">Application Coverage<\/div>\n<p class=\"sc2-block-desc\">Tile adhesives, wall putty, mortars, ETICS, waterproofing, coatings, primers, sealants, repair mixes, and more.<\/p>\n<\/p><\/div>\n<\/div>\n<div class=\"sc2-block\">\n<div class=\"sc2-block-inner\">\n<div class=\"sc2-block-icon\"><i class=\"fas fa-bullseye\"><\/i><\/div>\n<div class=\"sc2-block-title\">Performance Focus<\/div>\n<p class=\"sc2-block-desc\">Workability, water retention, open time, sag control, bonding enhancement, crack control, and durability.<\/p>\n<\/p><\/div>\n<\/div>\n<div class=\"sc2-block\">\n<div class=\"sc2-block-inner\">\n<div class=\"sc2-block-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\n<div class=\"sc2-block-title\">Technical Support<\/div>\n<p class=\"sc2-block-desc\">Selection guidance, dosage recommendations, troubleshooting, and trial optimization.<\/p>\n<\/p><\/div>\n<\/div>\n<div class=\"sc2-block\">\n<div class=\"sc2-block-inner\">\n<div class=\"sc2-block-icon\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\n<div class=\"sc2-block-title\">Supply Planning<\/div>\n<p class=\"sc2-block-desc\">Import coordination, availability planning, and delivery scheduling aligned with customer timelines.<\/p>\n<\/p><\/div>\n<\/div>\n<div class=\"sc2-block\">\n<div class=\"sc2-block-inner\">\n<div class=\"sc2-block-icon\"><i class=\"fas fa-file-shield\"><\/i><\/div>\n<div class=\"sc2-block-title\">Documentation Readiness<\/div>\n<p class=\"sc2-block-desc\">TDS\/SDS support and handling guidance for purchasing and safety teams.<\/p>\n<\/p><\/div>\n<\/div><\/div>\n<div class=\"sc2-cta\"><a href=\"https:\/\/mikazone.store\/en\/applications\/putty-paste-solutions\/\" class=\"sc2-btn\">View Solutions <i class=\"fas fa-arrow-right\"><\/i><\/a><\/div>\n<\/p><\/div>\n<div class=\"sc2-divider\"><\/div>\n<\/section>\n<p><!-- ================================================================\n     SECTION 6 \u2013 WAREHOUSING & LOGISTICS HIGHLIGHTS  (Dark)\n     ================================================================ --><\/p>\n<style>\n  #secWare {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#0d0d0d;overflow:hidden;box-sizing:border-box}\n  #secWare *,#secWare *::before,#secWare *::after {margin:0;padding:0;box-sizing:border-box}\n  #secWare .sw2-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}<\/p>\n<p>  \/* left text *\/\n  #secWare .sw2-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  #secWare .sw2-eyebrow-line {width:32px;height:1.5px;background:#D44040}\n  #secWare .sw2-eyebrow-label {font-size:11px;font-weight:700;color:#D44040;text-transform:uppercase;letter-spacing:3.5px}\n  #secWare .sw2-title {font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px;border:none}\n  #secWare .sw2-title span {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n  #secWare .sw2-desc {font-size:16px;color:rgba(255,255,255,.45);line-height:1.85;margin-bottom:32px;border:none}<\/p>\n<p>  \/* icon list *\/\n  #secWare .sw2-items {display:flex;flex-direction:column;gap:20px;margin-bottom:32px}\n  #secWare .sw2-item {display:flex;align-items:flex-start;gap:16px}\n  #secWare .sw2-item-icon {width:40px;height:40px;border-radius:12px;background:rgba(139,26,26,.1);border:1px solid rgba(139,26,26,.2);display:flex;align-items:center;justify-content:center;color:#D44040;font-size:15px;flex-shrink:0;transition:all .3s}\n  #secWare .sw2-item:hover .sw2-item-icon {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;color:#fff;box-shadow:0 6px 20px rgba(139,26,26,.3)}\n  #secWare .sw2-item-text {}\n  #secWare .sw2-item-title {font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3}\n  #secWare .sw2-item-desc {font-size:13px;color:rgba(255,255,255,.38);line-height:1.7}<\/p>\n<p>  \/* CTA line *\/\n  #secWare .sw2-cta-line {font-size:14px;color:rgba(255,255,255,.35);line-height:1.7;margin-bottom:36px;padding-left:16px;border-left:3px solid rgba(212,64,64,.3);font-style:italic}<\/p>\n<p>  \/* buttons *\/\n  #secWare .sw2-btns {display:flex;gap:16px;flex-wrap:wrap}\n  #secWare .sw2-btn-primary {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  #secWare .sw2-btn-primary:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.45);color:#fff;text-decoration:none}\n  #secWare .sw2-btn-primary i {font-size:11px;transition:transform .3s}\n  #secWare .sw2-btn-primary:hover i {transform:translateX(4px)}\n  #secWare .sw2-btn-ghost {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.08);border-radius:60px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px;backdrop-filter:blur(8px)}\n  #secWare .sw2-btn-ghost:hover {color:#fff;border-color:rgba(212,64,64,.35);background:rgba(139,26,26,.1);transform:translateY(-3px);text-decoration:none}<\/p>\n<p>  \/* right image *\/\n  #secWare .sw2-visual {position:relative}\n  #secWare .sw2-img {width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}\n  #secWare .sw2-img img {width:100%;height:520px;object-fit:cover;display:block;filter:brightness(.65) saturate(.8);transition:transform 6s ease}\n  #secWare .sw2-img:hover img {transform:scale(1.04)}\n  #secWare .sw2-glow {position:absolute;bottom:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(139,26,26,.1) 0%,transparent 70%);border-radius:50%;filter:blur(50px);z-index:0}<\/p>\n<p>  #secWare .sw2-div {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,64,64,.15),transparent)}<\/p>\n<p>  @media(max-width:1024px){#secWare .sw2-wrap {grid-template-columns:1fr;gap:48px;padding:72px 32px}#secWare .sw2-title {font-size:32px}#secWare .sw2-img img {height:340px}}\n  @media(max-width:640px){#secWare .sw2-wrap {padding:56px 24px}#secWare .sw2-title {font-size:28px}#secWare .sw2-btns {flex-direction:column}#secWare .sw2-btn-primary,#secWare .sw2-btn-ghost {width:100%;justify-content:center}#secWare .sw2-img img {height:260px}}\n<\/style>\n<section id=\"secWare\">\n<div class=\"sw2-wrap\">\n<div class=\"sw2-text\">\n<div class=\"sw2-eyebrow\"><span class=\"sw2-eyebrow-line\"><\/span><span class=\"sw2-eyebrow-label\">Warehousing &amp; Logistics<\/span><\/div>\n<h2 class=\"sw2-title\">Supply Stability as a <span>Performance Advantage<\/span><\/h2>\n<p class=\"sw2-desc\">Stable supply is a performance advantage. We support customers with practical logistics coordination designed to reduce disruption and keep production moving.<\/p>\n<div class=\"sw2-items\">\n<div class=\"sw2-item\">\n<div class=\"sw2-item-icon\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\n<div class=\"sw2-item-text\">\n<div class=\"sw2-item-title\">Supply Planning Support<\/div>\n<p class=\"sw2-item-desc\">Align purchasing and replenishment with production cycles.<\/p>\n<\/div><\/div>\n<div class=\"sw2-item\">\n<div class=\"sw2-item-icon\"><i class=\"fas fa-truck-ramp-box\"><\/i><\/div>\n<div class=\"sw2-item-text\">\n<div class=\"sw2-item-title\">Delivery Coordination<\/div>\n<p class=\"sw2-item-desc\">Scheduling support to match project timing and site readiness.<\/p>\n<\/div><\/div>\n<div class=\"sw2-item\">\n<div class=\"sw2-item-icon\"><i class=\"fas fa-temperature-low\"><\/i><\/div>\n<div class=\"sw2-item-text\">\n<div class=\"sw2-item-title\">Storage Guidance<\/div>\n<p class=\"sw2-item-desc\">Moisture protection and shelf-life management recommendations.<\/p>\n<\/div><\/div>\n<div class=\"sw2-item\">\n<div class=\"sw2-item-icon\"><i class=\"fas fa-box-open\"><\/i><\/div>\n<div class=\"sw2-item-text\">\n<div class=\"sw2-item-title\">Practical Handling Tips<\/div>\n<p class=\"sw2-item-desc\">Packaging and handling notes for safe transportation.<\/p>\n<\/div><\/div>\n<div class=\"sw2-item\">\n<div class=\"sw2-item-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n<div class=\"sw2-item-text\">\n<div class=\"sw2-item-title\">Responsive Communication<\/div>\n<p class=\"sw2-item-desc\">Quick updates to support purchasing and operations decisions.<\/p>\n<\/div><\/div>\n<\/p><\/div>\n<p class=\"sw2-cta-line\">Need planning support for an upcoming order? We can help you coordinate availability and delivery scheduling.<\/p>\n<div class=\"sw2-btns\">\n        <a href=\"https:\/\/mikazone.store\/en\/company\/warehousing-logistics\/\" class=\"sw2-btn-primary\">Explore Logistics Capability <i class=\"fas fa-arrow-right\"><\/i><\/a><br \/>\n        <a href=\"https:\/\/mikazone.store\/en\/contact\/\" class=\"sw2-btn-ghost\"><i class=\"fas fa-envelope\"><\/i> Contact Us<\/a>\n      <\/div>\n<\/p><\/div>\n<div class=\"sw2-visual\">\n<div class=\"sw2-glow\"><\/div>\n<div class=\"sw2-img\"><img loading=\"lazy\" height=\"2557\" width=\"1920\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC04074.jpg\" alt=\"Shipping containers and logistics at port\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sw2-div\"><\/div>\n<\/section>\n<p><!-- ================================================================\n     SECTION 7 \u2013 QUALITY & DOCUMENTATION  (Light)\n     ================================================================ --><\/p>\n<style>\n  #secQuality {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#f7f5f2;overflow:hidden;box-sizing:border-box}\n  #secQuality *,#secQuality *::before,#secQuality *::after {margin:0;padding:0;box-sizing:border-box}\n  #secQuality .sq-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}<\/p>\n<p>  \/* left: image *\/\n  #secQuality .sq-visual {position:relative}\n  #secQuality .sq-img {width:100%;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.08)}\n  #secQuality .sq-img img {width:100%;height:440px;object-fit:cover;display:block;transition:transform 6s ease}\n  #secQuality .sq-img:hover img {transform:scale(1.04)}\n  #secQuality .sq-deco {position:absolute;top:16px;right:-16px;bottom:-16px;left:16px;border:2px dashed rgba(176,40,40,.12);border-radius:18px;z-index:-1}<\/p>\n<p>  \/* right: text *\/\n  #secQuality .sq-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  #secQuality .sq-eyebrow-line {width:32px;height:1.5px;background:#C03030}\n  #secQuality .sq-eyebrow-label {font-size:11px;font-weight:700;color:#C03030;text-transform:uppercase;letter-spacing:3.5px}\n  #secQuality .sq-title {font-size:40px;font-weight:800;color:#1a1a1a;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px;border:none}\n  #secQuality .sq-title span {color:#B02828}\n  #secQuality .sq-desc {font-size:16px;color:#666;line-height:1.85;margin-bottom:32px;border:none}<\/p>\n<p>  #secQuality .sq-list {list-style:none;margin-bottom:40px;display:flex;flex-direction:column;gap:16px}\n  #secQuality .sq-list li {display:flex;align-items:flex-start;gap:14px;font-size:14px;color:#777;line-height:1.7}\n  #secQuality .sq-list-icon {width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(139,26,26,.07),rgba(212,64,64,.04));border:1px solid rgba(176,40,40,.1);display:flex;align-items:center;justify-content:center;color:#B02828;font-size:14px;flex-shrink:0;transition:all .3s}\n  #secQuality .sq-list li:hover .sq-list-icon {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;color:#fff;box-shadow:0 4px 16px rgba(139,26,26,.2)}<\/p>\n<p>  #secQuality .sq-btns {display:flex;gap:16px;flex-wrap:wrap}\n  #secQuality .sq-btn-primary {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  #secQuality .sq-btn-primary:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.35);color:#fff;text-decoration:none}\n  #secQuality .sq-btn-primary i {font-size:11px;transition:transform .3s}\n  #secQuality .sq-btn-primary:hover i {transform:translateX(4px)}\n  #secQuality .sq-btn-outline {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:transparent;color:#555;border:1.5px solid rgba(0,0,0,.12);border-radius:60px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  #secQuality .sq-btn-outline:hover {color:#8B1A1A;border-color:rgba(139,26,26,.3);background:rgba(139,26,26,.03);transform:translateY(-3px);text-decoration:none}<\/p>\n<p>  #secQuality .sq-divider {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}<\/p>\n<p>  @media(max-width:1024px){#secQuality .sq-wrap {grid-template-columns:1fr;gap:48px;padding:72px 32px}#secQuality .sq-title {font-size:32px}#secQuality .sq-img img {height:300px}#secQuality .sq-deco {display:none}}\n  @media(max-width:640px){#secQuality .sq-wrap {padding:56px 24px}#secQuality .sq-title {font-size:28px}#secQuality .sq-btns {flex-direction:column}#secQuality .sq-btn-primary,#secQuality .sq-btn-outline {width:100%;justify-content:center}}\n<\/style>\n<section id=\"secQuality\">\n<div class=\"sq-wrap\">\n<div class=\"sq-visual\">\n<div class=\"sq-deco\"><\/div>\n<div class=\"sq-img\"><img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/DSC34991-scaled.jpg\" alt=\"Business professionals reviewing technical documentation\"><\/div>\n<\/p><\/div>\n<div class=\"sq-text\">\n<div class=\"sq-eyebrow\"><span class=\"sq-eyebrow-line\"><\/span><span class=\"sq-eyebrow-label\">Quality &amp; Documentation<\/span><\/div>\n<h2 class=\"sq-title\">Quality &amp; Documentation <span>Support<\/span><\/h2>\n<p class=\"sq-desc\">Consistency matters. We help customers maintain stable performance with the right documentation and practical guidance for storage, handling, and selection.<\/p>\n<ul class=\"sq-list\">\n<li><span class=\"sq-list-icon\"><i class=\"fas fa-check-double\"><\/i><\/span>Batch Consistency Mindset \u2014 selection and usage guidance aimed at repeatable results<\/li>\n<li><span class=\"sq-list-icon\"><i class=\"fas fa-temperature-low\"><\/i><\/span>Storage &amp; Shelf-Life Guidance \u2014 practical advice to protect materials and performance<\/li>\n<li><span class=\"sq-list-icon\"><i class=\"fas fa-file-shield\"><\/i><\/span>TDS \/ SDS Availability \u2014 support for purchasing, training, and site communication<\/li>\n<li><span class=\"sq-list-icon\"><i class=\"fas fa-hand-holding-droplet\"><\/i><\/span>Handling Notes \u2014 moisture control and packaging best practices<\/li>\n<li><span class=\"sq-list-icon\"><i class=\"fas fa-wand-magic-sparkles\"><\/i><\/span>Application Guidance \u2014 tips that improve success rate during trials and production<\/li>\n<\/ul>\n<div class=\"sq-btns\">\n        <a href=\"https:\/\/mikazone.store\/en\/contact\/\" class=\"sq-btn-primary\">Download Center <i class=\"fas fa-arrow-right\"><\/i><\/a><br \/>\n        <a href=\"https:\/\/mikazone.store\/en\/service\/technical-support-fast-response\/\" class=\"sq-btn-outline\"><i class=\"fas fa-microscope\"><\/i> View Technical Center<\/a>\n      <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sq-divider\"><\/div>\n<\/section>\n<p><!-- ================================================================\n     SECTION 8 \u2013 MIKAZONE PARTNERSHIP HIGHLIGHT  (Dark)\n     ================================================================ --><\/p>\n<style>\n  #secMika {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#0d0d0d;overflow:hidden;box-sizing:border-box}\n  #secMika *,#secMika *::before,#secMika *::after {margin:0;padding:0;box-sizing:border-box}\n  #secMika .sm-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px}<\/p>\n<p>  \/* header *\/\n  #secMika .sm-header {text-align:center;max-width:740px;margin:0 auto 56px}\n  #secMika .sm-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  #secMika .sm-eyebrow-line {width:32px;height:1.5px;background:#D44040}\n  #secMika .sm-eyebrow-label {font-size:11px;font-weight:700;color:#D44040;text-transform:uppercase;letter-spacing:3.5px}\n  #secMika .sm-title {font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;border:none}\n  #secMika .sm-title span {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n  #secMika .sm-desc {font-size:16px;color:rgba(255,255,255,.45);line-height:1.85;border:none}<\/p>\n<p>  \/* 4 benefit cards \u2013 horizontal layout *\/\n  #secMika .sm-cards {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:56px}\n  #secMika .sm-card {background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:36px 24px;text-align:center;transition:all .4s;position:relative;overflow:hidden}\n  #secMika .sm-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8B1A1A,#D44040);opacity:0;transition:opacity .4s}\n  #secMika .sm-card:hover {transform:translateY(-6px);background:rgba(139,26,26,.04);border-color:rgba(139,26,26,.15);box-shadow:0 20px 50px rgba(0,0,0,.3)}\n  #secMika .sm-card:hover::before {opacity:1}<\/p>\n<p>  #secMika .sm-card-icon {width:52px;height:52px;border-radius:50%;background:rgba(139,26,26,.1);border:1px solid rgba(139,26,26,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#D44040;font-size:20px;transition:all .4s}\n  #secMika .sm-card:hover .sm-card-icon {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;color:#fff;box-shadow:0 10px 30px rgba(139,26,26,.35)}<\/p>\n<p>  #secMika .sm-card-title {font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.35}\n  #secMika .sm-card-desc {font-size:13px;color:rgba(255,255,255,.38);line-height:1.75}<\/p>\n<p>  #secMika .sm-cta {text-align:center}\n  #secMika .sm-btn {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  #secMika .sm-btn:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.45);color:#fff;text-decoration:none}\n  #secMika .sm-btn i {font-size:11px;transition:transform .3s}\n  #secMika .sm-btn:hover i {transform:translateX(4px)}<\/p>\n<p>  #secMika .sm-div {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,64,64,.15),transparent)}<\/p>\n<p>  @media(max-width:1024px){#secMika .sm-wrap {padding:72px 32px}#secMika .sm-title {font-size:32px}#secMika .sm-cards {grid-template-columns:repeat(2,1fr)}}\n  @media(max-width:640px){#secMika .sm-wrap {padding:56px 24px}#secMika .sm-title {font-size:28px}#secMika .sm-cards {grid-template-columns:1fr}#secMika .sm-btn {width:100%;justify-content:center}}\n<\/style>\n<section id=\"secMika\">\n<div class=\"sm-wrap\">\n<div class=\"sm-header\">\n<div class=\"sm-eyebrow\"><span class=\"sm-eyebrow-line\"><\/span><span class=\"sm-eyebrow-label\">Partnership<\/span><span class=\"sm-eyebrow-line\"><\/span><\/div>\n<h2 class=\"sm-title\">Mikazone <span>Partnership<\/span><\/h2>\n<p class=\"sm-desc\">Our partnership strengthens the way we serve customers locally\u2014bringing deeper product understanding, clearer selection logic, and better system matching for real performance outcomes.<\/p>\n<\/p><\/div>\n<div class=\"sm-cards\">\n<div class=\"sm-card\">\n<div class=\"sm-card-icon\"><i class=\"fas fa-bullseye\"><\/i><\/div>\n<div class=\"sm-card-title\">Better Selection Confidence<\/div>\n<p class=\"sm-card-desc\">Clearer matching of solutions to system and application needs.<\/p>\n<\/p><\/div>\n<div class=\"sm-card\">\n<div class=\"sm-card-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n<div class=\"sm-card-title\">Faster Recommendation<\/div>\n<p class=\"sm-card-desc\">Reduce trial time by starting with a more suitable option.<\/p>\n<\/p><\/div>\n<div class=\"sm-card\">\n<div class=\"sm-card-icon\"><i class=\"fas fa-flask\"><\/i><\/div>\n<div class=\"sm-card-title\">Stronger Technical Guidance<\/div>\n<p class=\"sm-card-desc\">Practical notes for dosage and performance control.<\/p>\n<\/p><\/div>\n<div class=\"sm-card\">\n<div class=\"sm-card-icon\"><i class=\"fas fa-map-pin\"><\/i><\/div>\n<div class=\"sm-card-title\">Local Service, Backed by Know-How<\/div>\n<p class=\"sm-card-desc\">Support that combines local response with stronger technical insight.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"sm-cta\"><a href=\"https:\/\/mikazone.store\/en\/company\/mikazone-partnership\/\" class=\"sm-btn\">Learn About the Partnership <i class=\"fas fa-arrow-right\"><\/i><\/a><\/div>\n<\/p><\/div>\n<div class=\"sm-div\"><\/div>\n<\/section>\n<p><!-- ================================================================\n     SECTION 11 \u2013 CONTACT CTA STRIP\n     ================================================================ --><\/p>\n<style>\n  #secCTA {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;overflow:hidden;box-sizing:border-box;background:linear-gradient(135deg,#0a0808 0%,#1a0e0e 50%,#0a0808 100%)}\n  #secCTA *,#secCTA *::before,#secCTA *::after {margin:0;padding:0;box-sizing:border-box}<\/p>\n<p>  \/* top red line *\/\n  #secCTA::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#8B1A1A,#D44040,#8B1A1A,transparent);z-index:10}<\/p>\n<p>  \/* glow *\/\n  #secCTA .ct-glow {position:absolute;top:50%;left:50%;width:600px;height:300px;background:radial-gradient(ellipse,rgba(139,26,26,.12) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);filter:blur(60px);z-index:0}<\/p>\n<p>  #secCTA .ct-wrap {position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:80px 60px;text-align:center}<\/p>\n<p>  #secCTA .ct-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}\n  #secCTA .ct-eyebrow-line {width:32px;height:1.5px;background:#D44040}\n  #secCTA .ct-eyebrow-label {font-size:11px;font-weight:700;color:#D44040;text-transform:uppercase;letter-spacing:3.5px}<\/p>\n<p>  #secCTA .ct-title {font-size:36px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-1px;margin-bottom:16px;border:none}\n  #secCTA .ct-title span {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}<\/p>\n<p>  #secCTA .ct-desc {font-size:16px;color:rgba(255,255,255,.42);line-height:1.8;max-width:680px;margin:0 auto 36px;border:none}<\/p>\n<p>  #secCTA .ct-btns {display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:32px}\n  #secCTA .ct-btn-primary {display:inline-flex;align-items:center;gap:10px;padding:18px 44px;background:linear-gradient(135deg,#8B1A1A,#b82020);color:#fff;border:none;border-radius:60px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  #secCTA .ct-btn-primary:hover {transform:translateY(-3px);box-shadow:0 20px 50px rgba(139,26,26,.5),0 0 0 1px rgba(212,64,64,.2);color:#fff;text-decoration:none}\n  #secCTA .ct-btn-primary i {font-size:12px;transition:transform .3s}\n  #secCTA .ct-btn-primary:hover i {transform:translateX(4px)}<\/p>\n<p>  #secCTA .ct-btn-ghost {display:inline-flex;align-items:center;gap:10px;padding:18px 44px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1);border-radius:60px;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px;backdrop-filter:blur(8px)}\n  #secCTA .ct-btn-ghost:hover {color:#fff;border-color:rgba(212,64,64,.35);background:rgba(139,26,26,.1);transform:translateY(-3px);text-decoration:none}<\/p>\n<p>  \/* contact info *\/\n  #secCTA .ct-info {display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap}\n  #secCTA .ct-info-item {display:inline-flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.3);font-weight:500}\n  #secCTA .ct-info-item i {color:#D44040;font-size:13px}\n  #secCTA .ct-info-item a {color:rgba(255,255,255,.45);text-decoration:none;transition:color .3s}\n  #secCTA .ct-info-item a:hover {color:#D44040}\n  #secCTA .ct-info-sep {width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.1)}<\/p>\n<p>  \/* bottom line *\/\n  #secCTA .ct-bottom {position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#8B1A1A,#D44040,#8B1A1A,transparent)}<\/p>\n<p>  @media(max-width:768px){#secCTA .ct-wrap {padding:60px 24px}#secCTA .ct-title {font-size:28px}#secCTA .ct-btns {flex-direction:column}#secCTA .ct-btn-primary,#secCTA .ct-btn-ghost {width:100%;justify-content:center}#secCTA .ct-info {flex-direction:column;gap:12px}#secCTA .ct-info-sep {display:none}}\n<\/style>\n<section id=\"secCTA\">\n<div class=\"ct-glow\"><\/div>\n<div class=\"ct-wrap\">\n<div class=\"ct-eyebrow\"><span class=\"ct-eyebrow-line\"><\/span><span class=\"ct-eyebrow-label\">Get Started<\/span><span class=\"ct-eyebrow-line\"><\/span><\/div>\n<h2 class=\"ct-title\">Ready to Improve <span>Performance &amp; Consistency<\/span>?<\/h2>\n<p class=\"ct-desc\">Tell us your application and target results. We&#8217;ll recommend a suitable solution and dosage guidance\u2014and support you through trials and optimization.<\/p>\n<div class=\"ct-btns\">\n      <a href=\"https:\/\/mikazone.store\/en\/contact\/send-your-formula\/\" class=\"ct-btn-primary\">Send Your Formula <i class=\"fas fa-arrow-right\"><\/i><\/a><br \/>\n      <a href=\"https:\/\/mikazone.store\/en\/contact\/\" class=\"ct-btn-ghost\"><i class=\"fas fa-envelope\"><\/i> Contact Us<\/a>\n    <\/div>\n<div class=\"ct-info\">\n<div class=\"ct-info-item\"><i class=\"fas fa-phone\"><\/i> <a href=\"tel:+582129632011\">+58 212 963 2011<\/a><\/div>\n<p>      <span class=\"ct-info-sep\"><\/span><\/p>\n<div class=\"ct-info-item\"><i class=\"fas fa-envelope\"><\/i> <a href=\"mailto:info@mandalasproductos.com\">info@mandalasproductos.com<\/a><\/div>\n<p>      <span class=\"ct-info-sep\"><\/span><\/p>\n<div class=\"ct-info-item\"><i class=\"fas fa-location-dot\"><\/i> Caracas, Venezuela<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ct-bottom\"><\/div>\n<\/section>\n<style data-lemonx-boosted=\"true\">\n\/* Lemonx: User CSS ,Theme\/Elementor GlobalStyle *\/\n.lemonx-visual-root #aboutHero {\n    position: relative;\n    width: 100%;\n    height: 66vh;\n    min-height: 420px;\n    max-height: 640px;\n    overflow: hidden;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    background: #0a0a0a;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero *, .lemonx-visual-root #aboutHero *::before, .lemonx-visual-root #aboutHero *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  \/* === TOP ACCENT === *\/\n  .lemonx-visual-root #aboutHero::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, #8B1A1A, #D44040, #8B1A1A, transparent);\n    z-index: 60;\n  }<\/p>\n<p>  \/* === BACKGROUND IMAGE === *\/\n  .lemonx-visual-root #aboutHero .ah-bg {\n    position: absolute;\n    inset: 0;\n    background: url('https:\/\/mikazone.store\/wp-content\/uploads\/2026\/04\/EmblemaGrafico_NegativoB_Mandalas.png') center\/cover no-repeat;\n    filter: saturate(0.3) brightness(0.25);\n    transform: scale(1.08);\n    animation: ahBgScale 20s ease-out forwards;\n  }<\/p>\n<p>  @keyframes ahBgScale {\n    to { transform: scale(1); }\n  }<\/p>\n<p>  \/* === NOISE TEXTURE === *\/\n  .lemonx-visual-root #aboutHero .ah-noise {\n    position: absolute;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n    z-index: 2;\n    pointer-events: none;\n  }<\/p>\n<p>  \/* === GRADIENT OVERLAYS === *\/\n  .lemonx-visual-root #aboutHero .ah-grad {\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse 80% 60% at 50% 50%, transparent 0%, rgba(10,10,10,0.7) 100%),\n      linear-gradient(180deg, rgba(10,10,10,0.4) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.9) 100%);\n    z-index: 3;\n  }<\/p>\n<p>  \/* === RED GLOW === *\/\n  .lemonx-visual-root #aboutHero .ah-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 500px;\n    height: 500px;\n    background: radial-gradient(circle, rgba(139,26,26,0.12) 0%, transparent 70%);\n    border-radius: 50%;\n    z-index: 3;\n    filter: blur(60px);\n    animation: ahPulse 6s ease-in-out infinite alternate;\n  }<\/p>\n<p>  @keyframes ahPulse {\n    0% { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }\n    100% { opacity: 1; transform: translate(-50%, -50%) scale(1.15); }\n  }<\/p>\n<p>  \/* === CONTENT === *\/\n  .lemonx-visual-root #aboutHero .ah-content {\n    position: relative;\n    z-index: 20;\n    text-align: center;\n    max-width: 860px;\n    padding: 0 40px;\n  }<\/p>\n<p>  \/* Tag line *\/\n  .lemonx-visual-root #aboutHero .ah-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 24px;\n    animation: ahReveal 0.8s 0.2s ease both;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-eyebrow-line {\n    width: 32px;\n    height: 1px;\n    background: #D44040;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-eyebrow-text {\n    font-size: 11px;\n    font-weight: 600;\n    color: #D44040;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n  }<\/p>\n<p>  \/* Main heading *\/\n  .lemonx-visual-root #aboutHero .ah-title {\n    font-size: 64px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 0.95;\n    letter-spacing: -3px;\n    margin-bottom: 12px;\n    border: none;\n    text-transform: none;\n    animation: ahRevealUp 1s 0.35s cubic-bezier(0.16, 1, 0.3, 1) both;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-title span {\n    display: inline-block;\n    background: linear-gradient(135deg, #D44040 0%, #ff6b6b 50%, #D44040 100%);\n    background-size: 200% auto;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: ahShimmer 4s linear infinite;\n  }<\/p>\n<p>  @keyframes ahShimmer {\n    to { background-position: 200% center; }\n  }<\/p>\n<p>  \/* Company line *\/\n  .lemonx-visual-root #aboutHero .ah-company {\n    font-size: 12px;\n    font-weight: 500;\n    color: rgba(255,255,255,0.25);\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    margin-bottom: 28px;\n    animation: ahRevealUp 0.8s 0.55s ease both;\n  }<\/p>\n<p>  \/* Separator *\/\n  .lemonx-visual-root #aboutHero .ah-sep {\n    width: 48px;\n    height: 2px;\n    background: linear-gradient(90deg, #8B1A1A, #D44040);\n    margin: 0 auto 28px;\n    border-radius: 2px;\n    animation: ahRevealUp 0.7s 0.65s ease both;\n  }<\/p>\n<p>  \/* Description *\/\n  .lemonx-visual-root #aboutHero .ah-desc {\n    font-size: 15px;\n    color: rgba(255,255,255,0.45);\n    line-height: 1.8;\n    margin-bottom: 32px;\n    font-weight: 400;\n    max-width: 680px;\n    margin-left: auto;\n    margin-right: auto;\n    border: none;\n    animation: ahRevealUp 0.8s 0.75s ease both;\n  }<\/p>\n<p>  \/* Highlights *\/\n  .lemonx-visual-root #aboutHero .ah-highlights {\n    display: flex;\n    justify-content: center;\n    gap: 36px;\n    margin-bottom: 36px;\n    list-style: none;\n    animation: ahRevealUp 0.7s 0.9s ease both;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-hi {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 12px;\n    color: rgba(255,255,255,0.5);\n    font-weight: 500;\n    white-space: nowrap;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-hi-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: #D44040;\n    flex-shrink: 0;\n    box-shadow: 0 0 8px rgba(212,64,64,0.4);\n  }<\/p>\n<p>  \/* Buttons *\/\n  .lemonx-visual-root #aboutHero .ah-btns {\n    display: flex;\n    justify-content: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    animation: ahRevealUp 0.7s 1.05s ease both;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 15px 38px;\n    background: #8B1A1A;\n    color: #fff;\n    border: none;\n    border-radius: 60px;\n    font-size: 13px;\n    font-weight: 600;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    font-family: inherit;\n    line-height: 1;\n    outline: none;\n    letter-spacing: 0.5px;\n    position: relative;\n    overflow: hidden;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-btn-primary::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);\n    opacity: 0;\n    transition: opacity 0.4s;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-btn-primary:hover::after {\n    opacity: 1;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow:\n      0 20px 50px rgba(139,26,26,0.45),\n      0 0 0 1px rgba(212,64,64,0.2);\n    color: #fff;\n    text-decoration: none;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-btn-primary i {\n    font-size: 11px;\n    transition: transform 0.3s;\n    position: relative;\n    z-index: 1;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-btn-primary span {\n    position: relative;\n    z-index: 1;\n    -webkit-text-fill-color: #fff;\n    background: none;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-btn-primary:hover i {\n    transform: translateX(4px);\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-btn-ghost {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 15px 38px;\n    background: rgba(255,255,255,0.03);\n    color: rgba(255,255,255,0.6);\n    border: 1px solid rgba(255,255,255,0.08);\n    border-radius: 60px;\n    font-size: 13px;\n    font-weight: 500;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    font-family: inherit;\n    line-height: 1;\n    outline: none;\n    letter-spacing: 0.5px;\n    backdrop-filter: blur(8px);\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-btn-ghost:hover {\n    color: #fff;\n    border-color: rgba(212,64,64,0.35);\n    background: rgba(139,26,26,0.1);\n    transform: translateY(-3px);\n    text-decoration: none;\n  }<\/p>\n<p>  \/* === BOTTOM STATS === *\/\n  .lemonx-visual-root #aboutHero .ah-stats {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 30;\n    border-top: 1px solid rgba(255,255,255,0.04);\n    background: rgba(10,10,10,0.6);\n    backdrop-filter: blur(24px);\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-stats-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-stat {\n    text-align: center;\n    padding: 20px 16px;\n    position: relative;\n    transition: background 0.3s;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-stat:hover {\n    background: rgba(139,26,26,0.06);\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-stat:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    top: 25%; bottom: 25%; right: 0;\n    width: 1px;\n    background: rgba(255,255,255,0.04);\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-stat-val {\n    font-size: 26px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 1;\n    margin-bottom: 4px;\n    letter-spacing: -1px;\n    display: block;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-stat-val i {\n    font-size: 14px;\n    color: #D44040;\n    font-style: normal;\n    font-weight: 400;\n    margin-left: 2px;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-stat-label {\n    font-size: 10px;\n    color: rgba(255,255,255,0.25);\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 500;\n    display: block;\n  }<\/p>\n<p>  \/* === SIDE DECORATION === *\/\n  .lemonx-visual-root #aboutHero .ah-side-left, .lemonx-visual-root #aboutHero .ah-side-right {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    z-index: 20;\n    writing-mode: vertical-rl;\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    color: rgba(255,255,255,0.08);\n    font-weight: 600;\n  }<\/p>\n<p>  .lemonx-visual-root #aboutHero .ah-side-left { left: 32px; }\n  .lemonx-visual-root #aboutHero .ah-side-right { right: 32px; transform: translateY(-50%) rotate(180deg); }<\/p>\n<p>  \/* === ANIMATIONS === *\/\n  @keyframes ahReveal {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }<\/p>\n<p>  @keyframes ahRevealUp {\n    from { opacity: 0; transform: translateY(30px); }\n    to { opacity: 1; transform: translateY(0); }\n  }<\/p>\n<p>  \/* === RESPONSIVE === *\/\n  @media (max-width: 1024px) {\n    .lemonx-visual-root #aboutHero .ah-title { font-size: 48px; letter-spacing: -2px; }\n    .lemonx-visual-root #aboutHero .ah-highlights { gap: 24px; flex-wrap: wrap; }\n    .lemonx-visual-root #aboutHero .ah-side-left, .lemonx-visual-root #aboutHero .ah-side-right { display: none; }\n    .lemonx-visual-root #aboutHero .ah-stat { padding: 18px 14px; }\n    .lemonx-visual-root #aboutHero .ah-stat-val { font-size: 22px; }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    .lemonx-visual-root #aboutHero { max-height: none; height: 60vh; min-height: 400px; }\n    .lemonx-visual-root #aboutHero .ah-title { font-size: 36px; letter-spacing: -1.5px; }\n    .lemonx-visual-root #aboutHero .ah-company { letter-spacing: 2px; font-size: 10px; }\n    .lemonx-visual-root #aboutHero .ah-desc { font-size: 14px; }\n    .lemonx-visual-root #aboutHero .ah-highlights { flex-direction: column; align-items: center; gap: 10px; }\n    .lemonx-visual-root #aboutHero .ah-stats-inner { grid-template-columns: repeat(2, 1fr); }\n    .lemonx-visual-root #aboutHero .ah-stat:nth-child(2)::after { display: none; }\n  }<\/p>\n<p>  @media (max-width: 480px) {\n    .lemonx-visual-root #aboutHero .ah-content { padding: 0 20px; }\n    .lemonx-visual-root #aboutHero .ah-title { font-size: 30px; letter-spacing: -1px; }\n    .lemonx-visual-root #aboutHero .ah-eyebrow-text { font-size: 10px; letter-spacing: 3px; }\n    .lemonx-visual-root #aboutHero .ah-btns { flex-direction: column; width: 100%; }\n    .lemonx-visual-root #aboutHero .ah-btn-primary, .lemonx-visual-root #aboutHero .ah-btn-ghost { width: 100%; justify-content: center; }\n    .lemonx-visual-root #aboutHero .ah-stats-inner { grid-template-columns: repeat(2, 1fr); }\n    .lemonx-visual-root #aboutHero .ah-stat-val { font-size: 20px; }\n    .lemonx-visual-root #aboutHero .ah-stat-label { font-size: 9px; }\n  }\n.lemonx-visual-root #whoWeAre {\n    position: relative;\n    width: 100%;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    background: #f7f5f2;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    overflow: hidden;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre *, .lemonx-visual-root #whoWeAre *::before, .lemonx-visual-root #whoWeAre *::after {\n    margin: 0; padding: 0; box-sizing: border-box;\n  }<\/p>\n<p>  \/* Subtle warm texture *\/\n  .lemonx-visual-root #whoWeAre::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'\/%3E%3C\/svg%3E\");\n    pointer-events: none;\n    z-index: 0;\n  }<\/p>\n<p>  \/* === WRAPPER === *\/\n  .lemonx-visual-root #whoWeAre .ww-wrap {\n    position: relative;\n    z-index: 1;\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 100px 60px;\n  }<\/p>\n<p>  \/* === TOP ROW: text + image === *\/\n  .lemonx-visual-root #whoWeAre .ww-top {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 80px;\n    align-items: center;\n    margin-bottom: 80px;\n  }<\/p>\n<p>  \/* --- LEFT TEXT --- *\/\n  .lemonx-visual-root #whoWeAre .ww-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-eyebrow-line {\n    width: 32px;\n    height: 1.5px;\n    background: #C03030;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-eyebrow-text {\n    font-size: 11px;\n    font-weight: 700;\n    color: #C03030;\n    text-transform: uppercase;\n    letter-spacing: 3.5px;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-title {\n    font-size: 42px;\n    font-weight: 800;\n    color: #1a1a1a;\n    line-height: 1.1;\n    letter-spacing: -1.5px;\n    margin-bottom: 32px;\n    border: none;\n    text-transform: none;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-title span {\n    color: #B02828;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-para {\n    font-size: 16px;\n    color: #666;\n    line-height: 1.85;\n    margin-bottom: 20px;\n    font-weight: 400;\n    border: none;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-para:last-of-type {\n    margin-bottom: 0;\n  }<\/p>\n<p>  \/* --- RIGHT IMAGE COMPOSITION --- *\/\n  .lemonx-visual-root #whoWeAre .ww-right {\n    position: relative;\n    display: flex;\n    justify-content: flex-end;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-img-stack {\n    position: relative;\n    width: 100%;\n    max-width: 520px;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-img-main {\n    position: relative;\n    width: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n    box-shadow: 0 30px 80px rgba(0,0,0,0.1);\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-img-main img {\n    width: 100%;\n    height: 400px;\n    object-fit: cover;\n    display: block;\n    transition: transform 6s ease;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-img-main:hover img {\n    transform: scale(1.04);\n  }<\/p>\n<p>  \/* Floating secondary image *\/\n  .lemonx-visual-root #whoWeAre .ww-img-float {\n    position: absolute;\n    bottom: -32px;\n    left: -48px;\n    width: 200px;\n    height: 150px;\n    border-radius: 14px;\n    overflow: hidden;\n    border: 4px solid #f7f5f2;\n    box-shadow: 0 16px 48px rgba(0,0,0,0.12);\n    z-index: 10;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-img-float img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }<\/p>\n<p>  \/* Red accent badge *\/\n  .lemonx-visual-root #whoWeAre .ww-badge {\n    position: absolute;\n    top: -18px;\n    right: -18px;\n    z-index: 15;\n    background: linear-gradient(135deg, #8B1A1A, #D44040);\n    border-radius: 14px;\n    padding: 14px 20px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    box-shadow: 0 12px 36px rgba(139,26,26,0.3);\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-badge-icon {\n    width: 36px;\n    height: 36px;\n    background: rgba(255,255,255,0.15);\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: #fff;\n    font-size: 15px;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-badge-val {\n    font-size: 20px;\n    font-weight: 800;\n    color: #fff;\n    line-height: 1;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-badge-label {\n    font-size: 10px;\n    color: rgba(255,255,255,0.65);\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    line-height: 1.2;\n  }<\/p>\n<p>  \/* Decorative dashed border behind image *\/\n  .lemonx-visual-root #whoWeAre .ww-img-deco {\n    position: absolute;\n    top: 16px;\n    right: -16px;\n    bottom: -16px;\n    left: 16px;\n    border: 2px dashed rgba(176,40,40,0.15);\n    border-radius: 18px;\n    z-index: -1;\n  }<\/p>\n<p>  \/* === KEY POINTS: 3 Cards === *\/\n  .lemonx-visual-root #whoWeAre .ww-points {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 28px;\n    margin-bottom: 56px;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-point {\n    position: relative;\n    background: #fff;\n    border: 1px solid rgba(0,0,0,0.06);\n    border-radius: 16px;\n    padding: 0;\n    transition: all 0.4s ease;\n    overflow: hidden;\n    box-shadow: 0 2px 12px rgba(0,0,0,0.03);\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-point:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 20px 60px rgba(139,26,26,0.08), 0 4px 16px rgba(0,0,0,0.06);\n    border-color: rgba(176,40,40,0.12);\n  }<\/p>\n<p>  \/* Card image *\/\n  .lemonx-visual-root #whoWeAre .ww-point-img {\n    width: 100%;\n    height: 180px;\n    overflow: hidden;\n    position: relative;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-point-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 5s ease;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-point:hover .ww-point-img img {\n    transform: scale(1.08);\n  }<\/p>\n<p>  \/* Gradient fade from image to white card *\/\n  .lemonx-visual-root #whoWeAre .ww-point-img-fade {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 50px;\n    background: linear-gradient(180deg, transparent, #fff);\n  }<\/p>\n<p>  \/* Card text body *\/\n  .lemonx-visual-root #whoWeAre .ww-point-body {\n    padding: 24px 28px 32px;\n  }<\/p>\n<p>  \/* Icon circle *\/\n  .lemonx-visual-root #whoWeAre .ww-point-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 14px;\n    background: linear-gradient(135deg, rgba(139,26,26,0.08), rgba(212,64,64,0.06));\n    border: 1px solid rgba(176,40,40,0.1);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 18px;\n    color: #B02828;\n    font-size: 18px;\n    transition: all 0.4s;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-point:hover .ww-point-icon {\n    background: linear-gradient(135deg, #8B1A1A, #D44040);\n    border-color: transparent;\n    color: #fff;\n    box-shadow: 0 8px 28px rgba(139,26,26,0.25);\n  }<\/p>\n<p>  \/* Card title *\/\n  .lemonx-visual-root #whoWeAre .ww-point-title {\n    font-size: 17px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin-bottom: 10px;\n    line-height: 1.35;\n  }<\/p>\n<p>  \/* Card desc *\/\n  .lemonx-visual-root #whoWeAre .ww-point-desc {\n    font-size: 14px;\n    color: #888;\n    line-height: 1.75;\n    font-weight: 400;\n  }<\/p>\n<p>  \/* === BUTTONS === *\/\n  .lemonx-visual-root #whoWeAre .ww-btns {\n    display: flex;\n    gap: 16px;\n    flex-wrap: wrap;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 40px;\n    background: #8B1A1A;\n    color: #fff;\n    border: none;\n    border-radius: 60px;\n    font-size: 14px;\n    font-weight: 600;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    font-family: inherit;\n    line-height: 1;\n    outline: none;\n    letter-spacing: 0.3px;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-btn-primary:hover {\n    background: #A52A2A;\n    transform: translateY(-3px);\n    box-shadow: 0 16px 44px rgba(139,26,26,0.35);\n    color: #fff;\n    text-decoration: none;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-btn-primary i {\n    font-size: 11px;\n    transition: transform 0.3s;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-btn-primary:hover i {\n    transform: translateX(4px);\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-btn-outline {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 16px 40px;\n    background: transparent;\n    color: #555;\n    border: 1.5px solid rgba(0,0,0,0.12);\n    border-radius: 60px;\n    font-size: 14px;\n    font-weight: 500;\n    text-decoration: none;\n    cursor: pointer;\n    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n    font-family: inherit;\n    line-height: 1;\n    outline: none;\n    letter-spacing: 0.3px;\n  }<\/p>\n<p>  .lemonx-visual-root #whoWeAre .ww-btn-outline:hover {\n    color: #8B1A1A;\n    border-color: rgba(139,26,26,0.3);\n    background: rgba(139,26,26,0.03);\n    transform: translateY(-3px);\n    text-decoration: none;\n  }<\/p>\n<p>  \/* === BOTTOM DIVIDER === *\/\n  .lemonx-visual-root #whoWeAre .ww-divider {\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(0,0,0,0.06), transparent);\n  }<\/p>\n<p>  \/* === RESPONSIVE === *\/\n  @media (max-width: 1024px) {\n    .lemonx-visual-root #whoWeAre .ww-wrap { padding: 72px 32px; }\n    .lemonx-visual-root #whoWeAre .ww-top { grid-template-columns: 1fr; gap: 50px; }\n    .lemonx-visual-root #whoWeAre .ww-title { font-size: 34px; }\n    .lemonx-visual-root #whoWeAre .ww-img-float { left: 0; bottom: -24px; width: 170px; height: 120px; }\n    .lemonx-visual-root #whoWeAre .ww-badge { top: -14px; right: -10px; padding: 12px 16px; }\n    .lemonx-visual-root #whoWeAre .ww-badge-val { font-size: 18px; }\n    .lemonx-visual-root #whoWeAre .ww-img-deco { right: -10px; bottom: -10px; }\n    .lemonx-visual-root #whoWeAre .ww-points { grid-template-columns: 1fr; }\n  }<\/p>\n<p>  @media (max-width: 768px) {\n    .lemonx-visual-root #whoWeAre .ww-wrap { padding: 56px 24px; }\n    .lemonx-visual-root #whoWeAre .ww-top { gap: 40px; margin-bottom: 56px; }\n    .lemonx-visual-root #whoWeAre .ww-title { font-size: 28px; letter-spacing: -1px; }\n    .lemonx-visual-root #whoWeAre .ww-para { font-size: 15px; }\n    .lemonx-visual-root #whoWeAre .ww-img-main img { height: 280px; }\n    .lemonx-visual-root #whoWeAre .ww-img-float { display: none; }\n    .lemonx-visual-root #whoWeAre .ww-badge { top: -10px; right: -6px; padding: 10px 14px; }\n    .lemonx-visual-root #whoWeAre .ww-badge-icon { width: 30px; height: 30px; font-size: 13px; }\n    .lemonx-visual-root #whoWeAre .ww-badge-val { font-size: 16px; }\n    .lemonx-visual-root #whoWeAre .ww-img-deco { display: none; }\n    .lemonx-visual-root #whoWeAre .ww-points { margin-bottom: 44px; }\n  }<\/p>\n<p>  @media (max-width: 480px) {\n    .lemonx-visual-root #whoWeAre .ww-title { font-size: 26px; }\n    .lemonx-visual-root #whoWeAre .ww-btns { flex-direction: column; }\n    .lemonx-visual-root #whoWeAre .ww-btn-primary, .lemonx-visual-root #whoWeAre .ww-btn-outline { width: 100%; justify-content: center; }\n    .lemonx-visual-root #whoWeAre .ww-point-img { height: 150px; }\n  }\n\/* ============================================================\n   SHARED BASE\n   ============================================================ *\/\n.lemonx-visual-root .sec-light, .lemonx-visual-root .sec-dark {\n  position: relative;\n  width: 100%;\n  font-family: 'Inter', system-ui, -apple-system, sans-serif;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.lemonx-visual-root .sec-light *, .lemonx-visual-root .sec-light *::before, .lemonx-visual-root .sec-light *::after, .lemonx-visual-root .sec-dark *, .lemonx-visual-root .sec-dark *::before, .lemonx-visual-root .sec-dark *::after {\n  margin: 0; padding: 0; box-sizing: border-box;\n}<\/p>\n<p>\/* Alternating backgrounds *\/\n.lemonx-visual-root .sec-light { background: #F7F5F3; }\n.lemonx-visual-root .sec-dark { background: #141414; }<\/p>\n<p>\/* Shared inner container *\/\n.lemonx-visual-root .sec-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 88px 60px;\n}<\/p>\n<p>\/* Divider between sections *\/\n.lemonx-visual-root .sec-divider {\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(139,26,26,0.45), rgba(212,64,64,0.35), rgba(139,26,26,0.45), transparent);\n}<\/p>\n<p>\/* \u2500\u2500 Eyebrow \u2500\u2500 *\/\n.lemonx-visual-root .sec-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 16px;\n}\n.lemonx-visual-root .sec-eyebrow-line {\n  width: 32px; height: 2px;\n  background: #D44040;\n  flex-shrink: 0;\n  display: block;\n}\n.lemonx-visual-root .sec-eyebrow-text {\n  font-size: 11px; font-weight: 600;\n  color: #D44040;\n  text-transform: uppercase;\n  letter-spacing: 2.5px;\n}<\/p>\n<p>\/* \u2500\u2500 Section title \u2500\u2500 *\/\n.lemonx-visual-root .sec-title-dark {\n  font-size: 36px; font-weight: 800;\n  color: #1a1a1a;\n  line-height: 1.1; letter-spacing: -1px;\n  margin-bottom: 16px;\n  border: none; text-transform: none; padding: 0;\n}\n.lemonx-visual-root .sec-title-light {\n  font-size: 36px; font-weight: 800;\n  color: #fff;\n  line-height: 1.1; letter-spacing: -1px;\n  margin-bottom: 16px;\n  border: none; text-transform: none; padding: 0;\n}\n.lemonx-visual-root .sec-title-dark span, .lemonx-visual-root .sec-title-light span { color: #D44040; }<\/p>\n<p>\/* \u2500\u2500 Intro paragraph \u2500\u2500 *\/\n.lemonx-visual-root .sec-intro-dark {\n  font-size: 15px; color: #666;\n  line-height: 1.8; font-weight: 400;\n  margin-bottom: 14px;\n  border: none; padding: 0;\n}\n.lemonx-visual-root .sec-intro-light {\n  font-size: 15px; color: rgba(255,255,255,0.48);\n  line-height: 1.8; font-weight: 400;\n  margin-bottom: 14px;\n  border: none; padding: 0;\n}<\/p>\n<p>\/* \u2500\u2500 You'll find list \u2500\u2500 *\/\n.lemonx-visual-root .sec-finds {\n  list-style: none;\n  margin-bottom: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n.lemonx-visual-root .sec-finds li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 14px;\n  line-height: 1.6;\n}\n.lemonx-visual-root .sec-finds li::before {\n  content: '';\n  width: 6px; height: 6px;\n  background: #D44040;\n  border-radius: 50%;\n  flex-shrink: 0;\n  margin-top: 6px;\n}\n.lemonx-visual-root .finds-dark li { color: #555; }\n.lemonx-visual-root .finds-light li { color: rgba(255,255,255,0.5); }<\/p>\n<p>\/* \u2500\u2500 CTA buttons \u2500\u2500 *\/\n.lemonx-visual-root .sec-btn-red {\n  display: inline-flex; align-items: center; gap: 10px;\n  padding: 14px 30px;\n  background: #8B1A1A; color: #fff;\n  border: none; border-radius: 6px;\n  font-size: 14px; 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 .sec-btn-red:hover {\n  background: #A52A2A;\n  box-shadow: 0 8px 28px rgba(139,26,26,0.4);\n  transform: translateY(-2px);\n  color: #fff; text-decoration: none;\n}\n.lemonx-visual-root .sec-btn-red i { font-size: 11px; transition: transform 0.3s; }\n.lemonx-visual-root .sec-btn-red:hover i { transform: translateX(4px); }<\/p>\n<p>.lemonx-visual-root .sec-btn-outline-dark {\n  display: inline-flex; align-items: center; gap: 10px;\n  padding: 14px 30px;\n  background: transparent; color: #555;\n  border: 1.5px solid rgba(0,0,0,0.15);\n  border-radius: 6px;\n  font-size: 14px; 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 .sec-btn-outline-dark:hover {\n  border-color: #8B1A1A; color: #8B1A1A;\n  background: rgba(139,26,26,0.04);\n  transform: translateY(-2px); text-decoration: none;\n}<\/p>\n<p>.lemonx-visual-root .sec-btn-outline-light {\n  display: inline-flex; align-items: center; gap: 10px;\n  padding: 14px 30px;\n  background: transparent; color: rgba(255,255,255,0.6);\n  border: 1.5px solid rgba(255,255,255,0.15);\n  border-radius: 6px;\n  font-size: 14px; 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 .sec-btn-outline-light:hover {\n  border-color: rgba(255,255,255,0.4); color: #fff;\n  background: rgba(255,255,255,0.05);\n  transform: translateY(-2px); text-decoration: none;\n}<\/p>\n<p>\/* ============================================================\n   MODULE 3 \u2014 Our Story & Timeline  (LIGHT)\n   ============================================================ *\/\n.lemonx-visual-root #mod3 .m3-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n}<\/p>\n<p>.lemonx-visual-root #mod3 .m3-img-wrap {\n  position: relative;\n}<\/p>\n<p>.lemonx-visual-root #mod3 .m3-img {\n  width: 100%; height: 380px;\n  object-fit: cover; border-radius: 10px;\n  display: block;\n}<\/p>\n<p>\/* Red accent block *\/\n.lemonx-visual-root #mod3 .m3-img-accent {\n  position: absolute;\n  top: -14px; left: -14px;\n  width: 64px; height: 64px;\n  background: linear-gradient(135deg, #8B1A1A, #D44040);\n  border-radius: 8px;\n  z-index: 0;\n}<\/p>\n<p>\/* Year badge *\/\n.lemonx-visual-root #mod3 .m3-badge {\n  position: absolute;\n  bottom: 20px; right: 20px;\n  background: rgba(255,255,255,0.97);\n  border: 1px solid rgba(0,0,0,0.08);\n  box-shadow: 0 8px 28px rgba(0,0,0,0.12);\n  border-radius: 8px;\n  padding: 14px 18px;\n  display: flex; align-items: center; gap: 12px;\n  z-index: 2;\n}\n.lemonx-visual-root #mod3 .m3-badge-icon {\n  width: 36px; height: 36px;\n  background: rgba(139,26,26,0.1);\n  border-radius: 6px;\n  display: flex; align-items: center; justify-content: center;\n}\n.lemonx-visual-root #mod3 .m3-badge-icon i { font-size: 14px; color: #D44040; }\n.lemonx-visual-root #mod3 .m3-badge strong {\n  display: block; font-size: 16px; font-weight: 700;\n  color: #1a1a1a; line-height: 1; margin-bottom: 3px;\n}\n.lemonx-visual-root #mod3 .m3-badge span {\n  font-size: 11px; color: #999;\n  text-transform: uppercase; letter-spacing: 1px;\n}<\/p>\n<p>\/* Timeline mini preview *\/\n.lemonx-visual-root #mod3 .m3-timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  margin-top: 8px;\n}<\/p>\n<p>.lemonx-visual-root #mod3 .m3-tl-item {\n  display: flex;\n  gap: 18px;\n  align-items: flex-start;\n  padding: 16px 0;\n  border-bottom: 1px solid rgba(0,0,0,0.07);\n  transition: all 0.25s;\n}\n.lemonx-visual-root #mod3 .m3-tl-item:last-child { border-bottom: none; }\n.lemonx-visual-root #mod3 .m3-tl-item:hover .m3-tl-year { color: #D44040; }\n.lemonx-visual-root #mod3 .m3-tl-item:hover .m3-tl-dot { background: #D44040; }<\/p>\n<p>.lemonx-visual-root #mod3 .m3-tl-year {\n  font-size: 13px; font-weight: 700;\n  color: #bbb; min-width: 42px;\n  transition: color 0.25s;\n  padding-top: 1px;\n}<\/p>\n<p>.lemonx-visual-root #mod3 .m3-tl-connector {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0;\n  padding-top: 4px;\n}\n.lemonx-visual-root #mod3 .m3-tl-dot {\n  width: 10px; height: 10px;\n  border-radius: 50%;\n  background: rgba(139,26,26,0.3);\n  flex-shrink: 0;\n  transition: background 0.25s;\n}\n.lemonx-visual-root #mod3 .m3-tl-line {\n  width: 2px; flex: 1;\n  min-height: 28px;\n  background: rgba(0,0,0,0.07);\n  margin-top: 4px;\n}\n.lemonx-visual-root #mod3 .m3-tl-item:last-child .m3-tl-line { display: none; }<\/p>\n<p>.lemonx-visual-root #mod3 .m3-tl-text {\n  font-size: 13.5px; color: #555;\n  line-height: 1.55; padding-top: 0;\n}\n.lemonx-visual-root #mod3 .m3-tl-text strong {\n  display: block; font-size: 14px;\n  font-weight: 700; color: #1a1a1a;\n  margin-bottom: 2px;\n}<\/p>\n<p>.lemonx-visual-root #mod3 .m3-btns {\n  display: flex; gap: 12px;\n  flex-wrap: wrap; margin-top: 28px;\n}<\/p>\n<p>\/* ============================================================\n   MODULE 4 \u2014 Mikazone Partnership  (DARK)\n   ============================================================ *\/\n.lemonx-visual-root #mod4 .m4-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n}<\/p>\n<p>.lemonx-visual-root #mod4 .m4-text { order: 1; }\n.lemonx-visual-root #mod4 .m4-visual { order: 2; }<\/p>\n<p>.lemonx-visual-root #mod4 .m4-img-wrap { position: relative; }\n.lemonx-visual-root #mod4 .m4-img {\n  width: 100%; height: 380px;\n  object-fit: cover; border-radius: 10px;\n  display: block;\n  filter: brightness(0.82);\n}<\/p>\n<p>\/* Glow overlay *\/\n.lemonx-visual-root #mod4 .m4-img-wrap::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: 10px;\n  background: linear-gradient(to top, rgba(139,26,26,0.35) 0%, transparent 50%);\n  pointer-events: none;\n}<\/p>\n<p>.lemonx-visual-root #mod4 .m4-badge {\n  position: absolute;\n  top: 20px; left: 20px;\n  background: rgba(10,10,10,0.88);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(139,26,26,0.35);\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex; align-items: center; gap: 10px;\n  z-index: 2;\n}\n.lemonx-visual-root #mod4 .m4-badge i { font-size: 16px; color: #D44040; }\n.lemonx-visual-root #mod4 .m4-badge span {\n  font-size: 13px; font-weight: 600; color: #fff;\n}<\/p>\n<p>\/* 4 feature rows *\/\n.lemonx-visual-root #mod4 .m4-features {\n  display: flex; flex-direction: column; gap: 0;\n  margin-bottom: 32px;\n}\n.lemonx-visual-root #mod4 .m4-feat {\n  display: flex; gap: 16px; align-items: flex-start;\n  padding: 18px 0;\n  border-bottom: 1px solid rgba(255,255,255,0.06);\n  transition: all 0.25s;\n}\n.lemonx-visual-root #mod4 .m4-feat:first-child { padding-top: 0; }\n.lemonx-visual-root #mod4 .m4-feat:hover .m4-feat-icon {\n  background: rgba(139,26,26,0.3);\n  border-color: rgba(212,64,64,0.5);\n}\n.lemonx-visual-root #mod4 .m4-feat-icon {\n  width: 40px; height: 40px;\n  background: rgba(139,26,26,0.12);\n  border: 1px solid rgba(139,26,26,0.25);\n  border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  transition: all 0.25s;\n}\n.lemonx-visual-root #mod4 .m4-feat-icon i { font-size: 14px; color: #D44040; }\n.lemonx-visual-root #mod4 .m4-feat-body {}\n.lemonx-visual-root #mod4 .m4-feat-title {\n  font-size: 14px; font-weight: 600;\n  color: rgba(255,255,255,0.85);\n  margin-bottom: 3px;\n}\n.lemonx-visual-root #mod4 .m4-feat-desc {\n  font-size: 13px; color: rgba(255,255,255,0.4);\n  line-height: 1.6;\n}<\/p>\n<p>.lemonx-visual-root #mod4 .m4-btns { display: flex; gap: 12px; flex-wrap: wrap; }<\/p>\n<p>\/* ============================================================\n   MODULE 5 \u2014 Warehousing & Logistics  (LIGHT)\n   ============================================================ *\/\n.lemonx-visual-root #mod5 .m5-top {\n  display: grid;\n  grid-template-columns: 1.05fr 1fr;\n  gap: 72px;\n  align-items: center;\n  margin-bottom: 60px;\n  padding-bottom: 60px;\n  border-bottom: 1px solid rgba(0,0,0,0.08);\n}<\/p>\n<p>.lemonx-visual-root #mod5 .m5-img-wrap { position: relative; }\n.lemonx-visual-root #mod5 .m5-img {\n  width: 100%; height: 360px;\n  object-fit: cover; border-radius: 10px;\n  display: block;\n}\n.lemonx-visual-root #mod5 .m5-img-accent {\n  position: absolute;\n  bottom: -14px; right: -14px;\n  width: 64px; height: 64px;\n  background: linear-gradient(135deg, #8B1A1A, #D44040);\n  border-radius: 8px; z-index: 0;\n}<\/p>\n<p>.lemonx-visual-root #mod5 .m5-stats {\n  display: grid;\n  grid-template-columns: repeat(3,1fr);\n  gap: 12px;\n}\n.lemonx-visual-root #mod5 .m5-stat {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,0.07);\n  border-radius: 10px;\n  padding: 24px 18px;\n  text-align: center;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n  transition: all 0.3s;\n}\n.lemonx-visual-root #mod5 .m5-stat:hover {\n  box-shadow: 0 8px 28px rgba(0,0,0,0.1);\n  border-color: rgba(139,26,26,0.2);\n  transform: translateY(-3px);\n}\n.lemonx-visual-root #mod5 .m5-stat-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: 0 auto 12px;\n}\n.lemonx-visual-root #mod5 .m5-stat-icon i { font-size: 16px; color: #D44040; }\n.lemonx-visual-root #mod5 .m5-stat-label {\n  font-size: 12px; font-weight: 600;\n  color: #888; text-transform: uppercase;\n  letter-spacing: 1px; line-height: 1.4;\n}<\/p>\n<p>\/* 4 feature cards bottom row *\/\n.lemonx-visual-root #mod5 .m5-cards {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 14px;\n  margin-bottom: 48px;\n}\n.lemonx-visual-root #mod5 .m5-card {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,0.07);\n  border-radius: 10px;\n  padding: 22px 18px;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n  transition: all 0.3s;\n  border-top: 3px solid transparent;\n}\n.lemonx-visual-root #mod5 .m5-card:hover {\n  box-shadow: 0 10px 32px rgba(0,0,0,0.09);\n  border-top-color: #D44040;\n  transform: translateY(-3px);\n}\n.lemonx-visual-root #mod5 .m5-card-icon {\n  width: 36px; height: 36px;\n  background: rgba(139,26,26,0.08);\n  border-radius: 7px;\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 14px;\n}\n.lemonx-visual-root #mod5 .m5-card-icon i { font-size: 14px; color: #D44040; }\n.lemonx-visual-root #mod5 .m5-card-title {\n  font-size: 14px; font-weight: 700;\n  color: #1a1a1a; margin-bottom: 6px; line-height: 1.3;\n}\n.lemonx-visual-root #mod5 .m5-card-desc {\n  font-size: 12.5px; color: #888; line-height: 1.6;\n}<\/p>\n<p>.lemonx-visual-root #mod5 .m5-btns { display: flex; gap: 12px; flex-wrap: wrap; }<\/p>\n<p>\/* ============================================================\n   MODULE 6 \u2014 Why Choose Us  (DARK)\n   ============================================================ *\/\n.lemonx-visual-root #mod6 .m6-head {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n  margin-bottom: 60px;\n  padding-bottom: 60px;\n  border-bottom: 1px solid rgba(255,255,255,0.07);\n}<\/p>\n<p>.lemonx-visual-root #mod6 .m6-img-wrap { position: relative; }\n.lemonx-visual-root #mod6 .m6-img {\n  width: 100%; height: 340px;\n  object-fit: cover; border-radius: 10px;\n  display: block; filter: brightness(0.8);\n}\n.lemonx-visual-root #mod6 .m6-img-wrap::after {\n  content: '';\n  position: absolute; inset: 0;\n  border-radius: 10px;\n  background: linear-gradient(to right, rgba(139,26,26,0.3) 0%, transparent 60%);\n  pointer-events: none;\n}<\/p>\n<p>.lemonx-visual-root #mod6 .m6-text {}<\/p>\n<p>\/* 4 advantage cards *\/\n.lemonx-visual-root #mod6 .m6-grid {\n  display: grid;\n  grid-template-columns: repeat(2,1fr);\n  gap: 2px;\n  margin-bottom: 48px;\n}\n.lemonx-visual-root #mod6 .m6-card {\n  background: rgba(255,255,255,0.02);\n  border: 1px solid rgba(255,255,255,0.06);\n  border-radius: 10px;\n  padding: 28px 24px;\n  transition: all 0.3s;\n}\n.lemonx-visual-root #mod6 .m6-card:hover {\n  background: rgba(139,26,26,0.08);\n  border-color: rgba(139,26,26,0.3);\n  transform: translateY(-3px);\n}\n.lemonx-visual-root #mod6 .m6-card-top {\n  display: flex; align-items: center; gap: 12px;\n  margin-bottom: 12px;\n}\n.lemonx-visual-root #mod6 .m6-card-icon {\n  width: 40px; height: 40px;\n  background: rgba(139,26,26,0.15);\n  border: 1px solid rgba(139,26,26,0.3);\n  border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  flex-shrink: 0;\n  transition: all 0.3s;\n}\n.lemonx-visual-root #mod6 .m6-card:hover .m6-card-icon {\n  background: rgba(139,26,26,0.3);\n  border-color: rgba(212,64,64,0.5);\n}\n.lemonx-visual-root #mod6 .m6-card-icon i { font-size: 15px; color: #D44040; }\n.lemonx-visual-root #mod6 .m6-card-title {\n  font-size: 14.5px; font-weight: 700;\n  color: rgba(255,255,255,0.85);\n}\n.lemonx-visual-root #mod6 .m6-card-desc {\n  font-size: 13px; color: rgba(255,255,255,0.4);\n  line-height: 1.65;\n}<\/p>\n<p>.lemonx-visual-root #mod6 .m6-btns { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }<\/p>\n<p>\/* ============================================================\n   MODULE 7 \u2014 News & Updates  (LIGHT)\n   ============================================================ *\/\n.lemonx-visual-root #mod7 .m7-head {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n  margin-bottom: 56px;\n}<\/p>\n<p>.lemonx-visual-root #mod7 .m7-img-wrap { position: relative; order: 2; }\n.lemonx-visual-root #mod7 .m7-text { order: 1; }\n.lemonx-visual-root #mod7 .m7-img {\n  width: 100%; height: 320px;\n  object-fit: cover; border-radius: 10px;\n  display: block;\n}\n.lemonx-visual-root #mod7 .m7-img-accent {\n  position: absolute;\n  top: -14px; right: -14px;\n  width: 64px; height: 64px;\n  background: linear-gradient(135deg, #8B1A1A, #D44040);\n  border-radius: 8px; z-index: 0;\n}<\/p>\n<p>\/* News category cards *\/\n.lemonx-visual-root #mod7 .m7-cats {\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 14px;\n  margin-bottom: 48px;\n}\n.lemonx-visual-root #mod7 .m7-cat {\n  background: #fff;\n  border: 1px solid rgba(0,0,0,0.07);\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.04);\n  transition: all 0.3s;\n}\n.lemonx-visual-root #mod7 .m7-cat:hover {\n  box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n  transform: translateY(-3px);\n  border-color: rgba(139,26,26,0.2);\n}\n.lemonx-visual-root #mod7 .m7-cat-img {\n  width: 100%; height: 130px;\n  object-fit: cover; display: block;\n  transition: transform 0.4s;\n}\n.lemonx-visual-root #mod7 .m7-cat:hover .m7-cat-img { transform: scale(1.05); }\n.lemonx-visual-root #mod7 .m7-cat-img-wrap { overflow: hidden; }<\/p>\n<p>.lemonx-visual-root #mod7 .m7-cat-body {\n  padding: 16px;\n  border-top: 3px solid transparent;\n  transition: border-color 0.3s;\n}\n.lemonx-visual-root #mod7 .m7-cat:hover .m7-cat-body { border-top-color: #D44040; }\n.lemonx-visual-root #mod7 .m7-cat-tag {\n  font-size: 10px; font-weight: 600;\n  color: #D44040; text-transform: uppercase;\n  letter-spacing: 1.5px; margin-bottom: 6px;\n  display: block;\n}\n.lemonx-visual-root #mod7 .m7-cat-title {\n  font-size: 13.5px; font-weight: 700;\n  color: #1a1a1a; line-height: 1.35;\n}<\/p>\n<p>.lemonx-visual-root #mod7 .m7-btns { display: flex; gap: 12px; flex-wrap: wrap; }<\/p>\n<p>\/* ============================================================\n   MODULE 8 \u2014 Careers  (DARK)\n   ============================================================ *\/\n.lemonx-visual-root #mod8 .m8-layout {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 72px;\n  align-items: center;\n}<\/p>\n<p>.lemonx-visual-root #mod8 .m8-img-wrap { position: relative; }\n.lemonx-visual-root #mod8 .m8-img {\n  width: 100%; height: 400px;\n  object-fit: cover; border-radius: 10px;\n  display: block; filter: brightness(0.78);\n}\n.lemonx-visual-root #mod8 .m8-img-wrap::after {\n  content: '';\n  position: absolute; inset: 0;\n  border-radius: 10px;\n  background: linear-gradient(to bottom, transparent 40%, rgba(20,20,20,0.6) 100%);\n  pointer-events: none;\n}\n.lemonx-visual-root #mod8 .m8-badge {\n  position: absolute;\n  bottom: 20px; left: 20px;\n  background: rgba(10,10,10,0.9);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(139,26,26,0.35);\n  border-radius: 8px;\n  padding: 14px 18px;\n  display: flex; align-items: center; gap: 12px;\n  z-index: 2;\n}\n.lemonx-visual-root #mod8 .m8-badge-icon {\n  width: 36px; height: 36px;\n  background: rgba(139,26,26,0.2);\n  border-radius: 6px;\n  display: flex; align-items: center; justify-content: center;\n}\n.lemonx-visual-root #mod8 .m8-badge-icon i { font-size: 14px; color: #D44040; }\n.lemonx-visual-root #mod8 .m8-badge strong {\n  display: block; font-size: 15px; font-weight: 700;\n  color: #fff; line-height: 1; margin-bottom: 3px;\n}\n.lemonx-visual-root #mod8 .m8-badge span {\n  font-size: 11px; color: rgba(255,255,255,0.4);\n  text-transform: uppercase; letter-spacing: 1px;\n}<\/p>\n<p>\/* Values + roles *\/\n.lemonx-visual-root #mod8 .m8-values {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n  margin-bottom: 28px;\n}\n.lemonx-visual-root #mod8 .m8-val {\n  background: rgba(255,255,255,0.02);\n  border: 1px solid rgba(255,255,255,0.06);\n  border-radius: 8px;\n  padding: 18px 16px;\n  transition: all 0.3s;\n}\n.lemonx-visual-root #mod8 .m8-val:hover {\n  background: rgba(139,26,26,0.08);\n  border-color: rgba(139,26,26,0.3);\n}\n.lemonx-visual-root #mod8 .m8-val-icon {\n  width: 32px; height: 32px;\n  background: rgba(139,26,26,0.12);\n  border-radius: 6px;\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 10px;\n}\n.lemonx-visual-root #mod8 .m8-val-icon i { font-size: 12px; color: #D44040; }\n.lemonx-visual-root #mod8 .m8-val-title {\n  font-size: 13.5px; font-weight: 700;\n  color: rgba(255,255,255,0.82); margin-bottom: 4px;\n}\n.lemonx-visual-root #mod8 .m8-val-desc {\n  font-size: 12px; color: rgba(255,255,255,0.38);\n  line-height: 1.55;\n}<\/p>\n<p>.lemonx-visual-root #mod8 .m8-btns { display: flex; gap: 12px; flex-wrap: wrap; }<\/p>\n<p>\/* ============================================================\n   SHARED RESPONSIVE\n   ============================================================ *\/\n@media (max-width: 1024px) {\n  .lemonx-visual-root .sec-inner { padding: 64px 32px; }\n  .lemonx-visual-root .sec-title-dark, .lemonx-visual-root .sec-title-light { font-size: 30px; }<\/p>\n<p>  .lemonx-visual-root #mod3 .m3-layout, .lemonx-visual-root #mod4 .m4-layout, .lemonx-visual-root #mod5 .m5-top, .lemonx-visual-root #mod6 .m6-head, .lemonx-visual-root #mod7 .m7-head, .lemonx-visual-root #mod8 .m8-layout {\n    grid-template-columns: 1fr; gap: 40px;\n  }\n  .lemonx-visual-root #mod4 .m4-text { order: 2; }\n  .lemonx-visual-root #mod4 .m4-visual { order: 1; }\n  .lemonx-visual-root #mod7 .m7-text { order: 1; }\n  .lemonx-visual-root #mod7 .m7-img-wrap { order: 2; }<\/p>\n<p>  .lemonx-visual-root #mod5 .m5-cards { grid-template-columns: repeat(2,1fr); }\n  .lemonx-visual-root #mod6 .m6-grid { grid-template-columns: 1fr; }\n  .lemonx-visual-root #mod7 .m7-cats { grid-template-columns: repeat(2,1fr); }\n  .lemonx-visual-root #mod8 .m8-values { grid-template-columns: 1fr; }\n}<\/p>\n<p>@media (max-width: 640px) {\n  .lemonx-visual-root .sec-inner { padding: 48px 24px; }\n  .lemonx-visual-root .sec-title-dark, .lemonx-visual-root .sec-title-light { font-size: 26px; letter-spacing: -0.5px; }\n  .lemonx-visual-root #mod5 .m5-cards { grid-template-columns: 1fr; }\n  .lemonx-visual-root #mod5 .m5-stats { grid-template-columns: repeat(3,1fr); }\n  .lemonx-visual-root #mod7 .m7-cats { grid-template-columns: 1fr; }\n  .lemonx-visual-root #mod8 .m8-values { grid-template-columns: 1fr 1fr; }\n}\n.lemonx-visual-root #secValues {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#0d0d0d;overflow:hidden;box-sizing:border-box}\n  .lemonx-visual-root #secValues *, .lemonx-visual-root #secValues *::before, .lemonx-visual-root #secValues *::after {margin:0;padding:0;box-sizing:border-box}\n  .lemonx-visual-root #secValues .sv-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px}<\/p>\n<p>  \/* header *\/\n  .lemonx-visual-root #secValues .sv-header {text-align:center;max-width:740px;margin:0 auto 64px}\n  .lemonx-visual-root #secValues .sv-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  .lemonx-visual-root #secValues .sv-eyebrow-line {width:32px;height:1.5px;background:#D44040}\n  .lemonx-visual-root #secValues .sv-eyebrow-label {font-size:11px;font-weight:700;color:#D44040;text-transform:uppercase;letter-spacing:3.5px}\n  .lemonx-visual-root #secValues .sv-title {font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px;border:none}\n  .lemonx-visual-root #secValues .sv-title span {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n  .lemonx-visual-root #secValues .sv-desc {font-size:16px;color:rgba(255,255,255,.45);line-height:1.85;border:none}<\/p>\n<p>  \/* 4-card *\/\n  .lemonx-visual-root #secValues .sv-cards {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:56px}\n  .lemonx-visual-root #secValues .sv-card {background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:40px 28px;text-align:center;transition:all .4s;position:relative;overflow:hidden}\n  .lemonx-visual-root #secValues .sv-card::after {content:'';position:absolute;bottom:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,#D44040,transparent);opacity:0;transition:opacity .4s}\n  .lemonx-visual-root #secValues .sv-card:hover {transform:translateY(-6px);background:rgba(139,26,26,.04);border-color:rgba(139,26,26,.15);box-shadow:0 20px 50px rgba(0,0,0,.3)}\n  .lemonx-visual-root #secValues .sv-card:hover::after {opacity:1}<\/p>\n<p>  .lemonx-visual-root #secValues .sv-card-num {font-size:48px;font-weight:900;background:linear-gradient(135deg,rgba(212,64,64,.15),rgba(212,64,64,.05));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:16px;display:block}\n  .lemonx-visual-root #secValues .sv-card:hover .sv-card-num {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}<\/p>\n<p>  .lemonx-visual-root #secValues .sv-card-title {font-size:18px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3}\n  .lemonx-visual-root #secValues .sv-card-desc {font-size:13.5px;color:rgba(255,255,255,.38);line-height:1.75}<\/p>\n<p>  \/* highlight strip *\/\n  .lemonx-visual-root #secValues .sv-highlight {text-align:center;padding:28px 40px;background:linear-gradient(135deg,rgba(139,26,26,.08),rgba(139,26,26,.03));border:1px solid rgba(139,26,26,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:14px}\n  .lemonx-visual-root #secValues .sv-highlight-icon {width:36px;height:36px;background:linear-gradient(135deg,#8B1A1A,#D44040);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}\n  .lemonx-visual-root #secValues .sv-highlight-text {font-size:16px;font-weight:600;color:rgba(255,255,255,.6);letter-spacing:.3px;font-style:italic}<\/p>\n<p>  .lemonx-visual-root #secValues .sv-div {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,64,64,.15),transparent)}<\/p>\n<p>  @media(max-width:1024px){.lemonx-visual-root #secValues .sv-wrap {padding:72px 32px}.lemonx-visual-root #secValues .sv-title {font-size:32px}.lemonx-visual-root #secValues .sv-cards {grid-template-columns:repeat(2,1fr)}}\n  @media(max-width:640px){.lemonx-visual-root #secValues .sv-wrap {padding:56px 24px}.lemonx-visual-root #secValues .sv-title {font-size:28px}.lemonx-visual-root #secValues .sv-cards {grid-template-columns:1fr}.lemonx-visual-root #secValues .sv-highlight {flex-direction:column;text-align:center;padding:24px}}\n.lemonx-visual-root #secDeliver {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#f7f5f2;overflow:hidden;box-sizing:border-box}\n  .lemonx-visual-root #secDeliver *, .lemonx-visual-root #secDeliver *::before, .lemonx-visual-root #secDeliver *::after {margin:0;padding:0;box-sizing:border-box}\n  .lemonx-visual-root #secDeliver .sd-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px}<\/p>\n<p>  \/* header *\/\n  .lemonx-visual-root #secDeliver .sd-header {max-width:740px;margin-bottom:56px}\n  .lemonx-visual-root #secDeliver .sd-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  .lemonx-visual-root #secDeliver .sd-eyebrow-line {width:32px;height:1.5px;background:#C03030}\n  .lemonx-visual-root #secDeliver .sd-eyebrow-label {font-size:11px;font-weight:700;color:#C03030;text-transform:uppercase;letter-spacing:3.5px}\n  .lemonx-visual-root #secDeliver .sd-title {font-size:40px;font-weight:800;color:#1a1a1a;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;border:none}\n  .lemonx-visual-root #secDeliver .sd-title span {color:#B02828}\n  .lemonx-visual-root #secDeliver .sd-desc {font-size:16px;color:#666;line-height:1.85;border:none}<\/p>\n<p>  \/* 6-card grid: 3x2 *\/\n  .lemonx-visual-root #secDeliver .sd-cards {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px}\n  .lemonx-visual-root #secDeliver .sd-card {background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:32px 28px;transition:all .4s;position:relative;overflow:hidden}\n  .lemonx-visual-root #secDeliver .sd-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8B1A1A,#D44040);opacity:0;transition:opacity .4s}\n  .lemonx-visual-root #secDeliver .sd-card:hover {transform:translateY(-6px);box-shadow:0 20px 60px rgba(139,26,26,.06),0 4px 16px rgba(0,0,0,.05);border-color:rgba(176,40,40,.1)}\n  .lemonx-visual-root #secDeliver .sd-card:hover::before {opacity:1}<\/p>\n<p>  .lemonx-visual-root #secDeliver .sd-card-icon {width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(139,26,26,.07),rgba(212,64,64,.05));border:1px solid rgba(176,40,40,.1);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#B02828;font-size:18px;transition:all .4s}\n  .lemonx-visual-root #secDeliver .sd-card:hover .sd-card-icon {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;color:#fff;box-shadow:0 8px 28px rgba(139,26,26,.25)}<\/p>\n<p>  .lemonx-visual-root #secDeliver .sd-card-title {font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:10px;line-height:1.35}\n  .lemonx-visual-root #secDeliver .sd-card-desc {font-size:13.5px;color:#888;line-height:1.75}<\/p>\n<p>  \/* buttons *\/\n  .lemonx-visual-root #secDeliver .sd-btns {display:flex;gap:16px;flex-wrap:wrap}\n  .lemonx-visual-root #secDeliver .sd-btn-primary {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  .lemonx-visual-root #secDeliver .sd-btn-primary:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.35);color:#fff;text-decoration:none}\n  .lemonx-visual-root #secDeliver .sd-btn-primary i {font-size:11px;transition:transform .3s}\n  .lemonx-visual-root #secDeliver .sd-btn-primary:hover i {transform:translateX(4px)}\n  .lemonx-visual-root #secDeliver .sd-btn-outline {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:transparent;color:#555;border:1.5px solid rgba(0,0,0,.12);border-radius:60px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  .lemonx-visual-root #secDeliver .sd-btn-outline:hover {color:#8B1A1A;border-color:rgba(139,26,26,.3);background:rgba(139,26,26,.03);transform:translateY(-3px);text-decoration:none}<\/p>\n<p>  .lemonx-visual-root #secDeliver .sd-divider {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}<\/p>\n<p>  @media(max-width:1024px){.lemonx-visual-root #secDeliver .sd-wrap {padding:72px 32px}.lemonx-visual-root #secDeliver .sd-title {font-size:32px}.lemonx-visual-root #secDeliver .sd-cards {grid-template-columns:repeat(2,1fr)}}\n  @media(max-width:640px){.lemonx-visual-root #secDeliver .sd-wrap {padding:56px 24px}.lemonx-visual-root #secDeliver .sd-title {font-size:28px}.lemonx-visual-root #secDeliver .sd-cards {grid-template-columns:1fr}.lemonx-visual-root #secDeliver .sd-btns {flex-direction:column}.lemonx-visual-root #secDeliver .sd-btn-primary, .lemonx-visual-root #secDeliver .sd-btn-outline {width:100%;justify-content:center}}\n.lemonx-visual-root #secProcess {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#0d0d0d;overflow:hidden;box-sizing:border-box}\n  .lemonx-visual-root #secProcess *, .lemonx-visual-root #secProcess *::before, .lemonx-visual-root #secProcess *::after {margin:0;padding:0;box-sizing:border-box}\n  .lemonx-visual-root #secProcess .sp2-grid {position:absolute;inset:0;background-image:linear-gradient(rgba(212,64,64,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(212,64,64,.02) 1px,transparent 1px);background-size:72px 72px;z-index:0}\n  .lemonx-visual-root #secProcess .sp2-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px}<\/p>\n<p>  \/* header centered *\/\n  .lemonx-visual-root #secProcess .sp2-header {text-align:center;max-width:700px;margin:0 auto 64px}\n  .lemonx-visual-root #secProcess .sp2-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  .lemonx-visual-root #secProcess .sp2-eyebrow-line {width:32px;height:1.5px;background:#D44040}\n  .lemonx-visual-root #secProcess .sp2-eyebrow-label {font-size:11px;font-weight:700;color:#D44040;text-transform:uppercase;letter-spacing:3.5px}\n  .lemonx-visual-root #secProcess .sp2-title {font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;border:none}\n  .lemonx-visual-root #secProcess .sp2-title span {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n  .lemonx-visual-root #secProcess .sp2-desc {font-size:16px;color:rgba(255,255,255,.45);line-height:1.85;border:none}<\/p>\n<p>  \/* steps: 4 columns with connector *\/\n  .lemonx-visual-root #secProcess .sp2-steps {display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:56px;position:relative}<\/p>\n<p>  \/* horizontal line behind steps *\/\n  .lemonx-visual-root #secProcess .sp2-steps::before {content:'';position:absolute;top:44px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#8B1A1A,#D44040,#8B1A1A);opacity:.25;z-index:0}<\/p>\n<p>  .lemonx-visual-root #secProcess .sp2-step {text-align:center;padding:0 20px;position:relative;z-index:1}<\/p>\n<p>  .lemonx-visual-root #secProcess .sp2-step-circle {width:88px;height:88px;border-radius:50%;background:rgba(139,26,26,.08);border:2px solid rgba(139,26,26,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all .4s;position:relative}\n  .lemonx-visual-root #secProcess .sp2-step-circle span {font-size:28px;font-weight:900;background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}<\/p>\n<p>  .lemonx-visual-root #secProcess .sp2-step:hover .sp2-step-circle {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;box-shadow:0 12px 36px rgba(139,26,26,.4)}\n  .lemonx-visual-root #secProcess .sp2-step:hover .sp2-step-circle span {background:none;-webkit-text-fill-color:#fff}<\/p>\n<p>  .lemonx-visual-root #secProcess .sp2-step-title {font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3}\n  .lemonx-visual-root #secProcess .sp2-step-desc {font-size:13px;color:rgba(255,255,255,.38);line-height:1.75}<\/p>\n<p>  \/* buttons *\/\n  .lemonx-visual-root #secProcess .sp2-btns {display:flex;justify-content:center;gap:16px;flex-wrap:wrap}\n  .lemonx-visual-root #secProcess .sp2-btn-primary {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  .lemonx-visual-root #secProcess .sp2-btn-primary:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.45);color:#fff;text-decoration:none}\n  .lemonx-visual-root #secProcess .sp2-btn-primary i {font-size:11px;transition:transform .3s}\n  .lemonx-visual-root #secProcess .sp2-btn-primary:hover i {transform:translateX(4px)}\n  .lemonx-visual-root #secProcess .sp2-btn-ghost {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.08);border-radius:60px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px;backdrop-filter:blur(8px)}\n  .lemonx-visual-root #secProcess .sp2-btn-ghost:hover {color:#fff;border-color:rgba(212,64,64,.35);background:rgba(139,26,26,.1);transform:translateY(-3px);text-decoration:none}<\/p>\n<p>  .lemonx-visual-root #secProcess .sp2-div {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,64,64,.15),transparent)}<\/p>\n<p>  @media(max-width:1024px){.lemonx-visual-root #secProcess .sp2-wrap {padding:72px 32px}.lemonx-visual-root #secProcess .sp2-title {font-size:32px}.lemonx-visual-root #secProcess .sp2-steps {grid-template-columns:repeat(2,1fr);gap:40px}.lemonx-visual-root #secProcess .sp2-steps::before {display:none}}\n  @media(max-width:640px){.lemonx-visual-root #secProcess .sp2-wrap {padding:56px 24px}.lemonx-visual-root #secProcess .sp2-title {font-size:28px}.lemonx-visual-root #secProcess .sp2-steps {grid-template-columns:1fr;gap:36px}.lemonx-visual-root #secProcess .sp2-btns {flex-direction:column}.lemonx-visual-root #secProcess .sp2-btn-primary, .lemonx-visual-root #secProcess .sp2-btn-ghost {width:100%;justify-content:center}}\n.lemonx-visual-root #secCap {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#f7f5f2;overflow:hidden;box-sizing:border-box}\n  .lemonx-visual-root #secCap *, .lemonx-visual-root #secCap *::before, .lemonx-visual-root #secCap *::after {margin:0;padding:0;box-sizing:border-box}\n  .lemonx-visual-root #secCap .sc2-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px}<\/p>\n<p>  .lemonx-visual-root #secCap .sc2-header {text-align:center;max-width:700px;margin:0 auto 56px}\n  .lemonx-visual-root #secCap .sc2-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  .lemonx-visual-root #secCap .sc2-eyebrow-line {width:32px;height:1.5px;background:#C03030}\n  .lemonx-visual-root #secCap .sc2-eyebrow-label {font-size:11px;font-weight:700;color:#C03030;text-transform:uppercase;letter-spacing:3.5px}\n  .lemonx-visual-root #secCap .sc2-title {font-size:40px;font-weight:800;color:#1a1a1a;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;border:none}\n  .lemonx-visual-root #secCap .sc2-title span {color:#B02828}\n  .lemonx-visual-root #secCap .sc2-desc {font-size:16px;color:#666;line-height:1.85;border:none}<\/p>\n<p>  \/* 6-block grid: 3x2 with side border accent *\/\n  .lemonx-visual-root #secCap .sc2-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:56px}\n  .lemonx-visual-root #secCap .sc2-block {background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:0;overflow:hidden;transition:all .4s;position:relative}\n  .lemonx-visual-root #secCap .sc2-block::before {content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#8B1A1A,#D44040);border-radius:4px 0 0 4px;opacity:0;transition:opacity .4s}\n  .lemonx-visual-root #secCap .sc2-block:hover {transform:translateY(-6px);box-shadow:0 20px 60px rgba(139,26,26,.06),0 4px 16px rgba(0,0,0,.05);border-color:rgba(176,40,40,.1)}\n  .lemonx-visual-root #secCap .sc2-block:hover::before {opacity:1}<\/p>\n<p>  .lemonx-visual-root #secCap .sc2-block-inner {padding:32px 28px 32px 32px}\n  .lemonx-visual-root #secCap .sc2-block-icon {width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(139,26,26,.07),rgba(212,64,64,.05));border:1px solid rgba(176,40,40,.1);display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#B02828;font-size:17px;transition:all .4s}\n  .lemonx-visual-root #secCap .sc2-block:hover .sc2-block-icon {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;color:#fff;box-shadow:0 8px 24px rgba(139,26,26,.2)}<\/p>\n<p>  .lemonx-visual-root #secCap .sc2-block-title {font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.35}\n  .lemonx-visual-root #secCap .sc2-block-desc {font-size:13.5px;color:#888;line-height:1.75}<\/p>\n<p>  \/* cta *\/\n  .lemonx-visual-root #secCap .sc2-cta {text-align:center}\n  .lemonx-visual-root #secCap .sc2-btn {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  .lemonx-visual-root #secCap .sc2-btn:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.35);color:#fff;text-decoration:none}\n  .lemonx-visual-root #secCap .sc2-btn i {font-size:11px;transition:transform .3s}\n  .lemonx-visual-root #secCap .sc2-btn:hover i {transform:translateX(4px)}<\/p>\n<p>  .lemonx-visual-root #secCap .sc2-divider {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}<\/p>\n<p>  @media(max-width:1024px){.lemonx-visual-root #secCap .sc2-wrap {padding:72px 32px}.lemonx-visual-root #secCap .sc2-title {font-size:32px}.lemonx-visual-root #secCap .sc2-grid {grid-template-columns:repeat(2,1fr)}}\n  @media(max-width:640px){.lemonx-visual-root #secCap .sc2-wrap {padding:56px 24px}.lemonx-visual-root #secCap .sc2-title {font-size:28px}.lemonx-visual-root #secCap .sc2-grid {grid-template-columns:1fr}.lemonx-visual-root #secCap .sc2-btn {width:100%;justify-content:center}}\n.lemonx-visual-root #secWare {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#0d0d0d;overflow:hidden;box-sizing:border-box}\n  .lemonx-visual-root #secWare *, .lemonx-visual-root #secWare *::before, .lemonx-visual-root #secWare *::after {margin:0;padding:0;box-sizing:border-box}\n  .lemonx-visual-root #secWare .sw2-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}<\/p>\n<p>  \/* left text *\/\n  .lemonx-visual-root #secWare .sw2-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  .lemonx-visual-root #secWare .sw2-eyebrow-line {width:32px;height:1.5px;background:#D44040}\n  .lemonx-visual-root #secWare .sw2-eyebrow-label {font-size:11px;font-weight:700;color:#D44040;text-transform:uppercase;letter-spacing:3.5px}\n  .lemonx-visual-root #secWare .sw2-title {font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px;border:none}\n  .lemonx-visual-root #secWare .sw2-title span {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n  .lemonx-visual-root #secWare .sw2-desc {font-size:16px;color:rgba(255,255,255,.45);line-height:1.85;margin-bottom:32px;border:none}<\/p>\n<p>  \/* icon list *\/\n  .lemonx-visual-root #secWare .sw2-items {display:flex;flex-direction:column;gap:20px;margin-bottom:32px}\n  .lemonx-visual-root #secWare .sw2-item {display:flex;align-items:flex-start;gap:16px}\n  .lemonx-visual-root #secWare .sw2-item-icon {width:40px;height:40px;border-radius:12px;background:rgba(139,26,26,.1);border:1px solid rgba(139,26,26,.2);display:flex;align-items:center;justify-content:center;color:#D44040;font-size:15px;flex-shrink:0;transition:all .3s}\n  .lemonx-visual-root #secWare .sw2-item:hover .sw2-item-icon {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;color:#fff;box-shadow:0 6px 20px rgba(139,26,26,.3)}\n  .lemonx-visual-root #secWare .sw2-item-text {}\n  .lemonx-visual-root #secWare .sw2-item-title {font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.3}\n  .lemonx-visual-root #secWare .sw2-item-desc {font-size:13px;color:rgba(255,255,255,.38);line-height:1.7}<\/p>\n<p>  \/* CTA line *\/\n  .lemonx-visual-root #secWare .sw2-cta-line {font-size:14px;color:rgba(255,255,255,.35);line-height:1.7;margin-bottom:36px;padding-left:16px;border-left:3px solid rgba(212,64,64,.3);font-style:italic}<\/p>\n<p>  \/* buttons *\/\n  .lemonx-visual-root #secWare .sw2-btns {display:flex;gap:16px;flex-wrap:wrap}\n  .lemonx-visual-root #secWare .sw2-btn-primary {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  .lemonx-visual-root #secWare .sw2-btn-primary:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.45);color:#fff;text-decoration:none}\n  .lemonx-visual-root #secWare .sw2-btn-primary i {font-size:11px;transition:transform .3s}\n  .lemonx-visual-root #secWare .sw2-btn-primary:hover i {transform:translateX(4px)}\n  .lemonx-visual-root #secWare .sw2-btn-ghost {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.08);border-radius:60px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px;backdrop-filter:blur(8px)}\n  .lemonx-visual-root #secWare .sw2-btn-ghost:hover {color:#fff;border-color:rgba(212,64,64,.35);background:rgba(139,26,26,.1);transform:translateY(-3px);text-decoration:none}<\/p>\n<p>  \/* right image *\/\n  .lemonx-visual-root #secWare .sw2-visual {position:relative}\n  .lemonx-visual-root #secWare .sw2-img {width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}\n  .lemonx-visual-root #secWare .sw2-img img {width:100%;height:520px;object-fit:cover;display:block;filter:brightness(.65) saturate(.8);transition:transform 6s ease}\n  .lemonx-visual-root #secWare .sw2-img:hover img {transform:scale(1.04)}\n  .lemonx-visual-root #secWare .sw2-glow {position:absolute;bottom:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(139,26,26,.1) 0%,transparent 70%);border-radius:50%;filter:blur(50px);z-index:0}<\/p>\n<p>  .lemonx-visual-root #secWare .sw2-div {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,64,64,.15),transparent)}<\/p>\n<p>  @media(max-width:1024px){.lemonx-visual-root #secWare .sw2-wrap {grid-template-columns:1fr;gap:48px;padding:72px 32px}.lemonx-visual-root #secWare .sw2-title {font-size:32px}.lemonx-visual-root #secWare .sw2-img img {height:340px}}\n  @media(max-width:640px){.lemonx-visual-root #secWare .sw2-wrap {padding:56px 24px}.lemonx-visual-root #secWare .sw2-title {font-size:28px}.lemonx-visual-root #secWare .sw2-btns {flex-direction:column}.lemonx-visual-root #secWare .sw2-btn-primary, .lemonx-visual-root #secWare .sw2-btn-ghost {width:100%;justify-content:center}.lemonx-visual-root #secWare .sw2-img img {height:260px}}\n.lemonx-visual-root #secQuality {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#f7f5f2;overflow:hidden;box-sizing:border-box}\n  .lemonx-visual-root #secQuality *, .lemonx-visual-root #secQuality *::before, .lemonx-visual-root #secQuality *::after {margin:0;padding:0;box-sizing:border-box}\n  .lemonx-visual-root #secQuality .sq-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}<\/p>\n<p>  \/* left: image *\/\n  .lemonx-visual-root #secQuality .sq-visual {position:relative}\n  .lemonx-visual-root #secQuality .sq-img {width:100%;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.08)}\n  .lemonx-visual-root #secQuality .sq-img img {width:100%;height:440px;object-fit:cover;display:block;transition:transform 6s ease}\n  .lemonx-visual-root #secQuality .sq-img:hover img {transform:scale(1.04)}\n  .lemonx-visual-root #secQuality .sq-deco {position:absolute;top:16px;right:-16px;bottom:-16px;left:16px;border:2px dashed rgba(176,40,40,.12);border-radius:18px;z-index:-1}<\/p>\n<p>  \/* right: text *\/\n  .lemonx-visual-root #secQuality .sq-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  .lemonx-visual-root #secQuality .sq-eyebrow-line {width:32px;height:1.5px;background:#C03030}\n  .lemonx-visual-root #secQuality .sq-eyebrow-label {font-size:11px;font-weight:700;color:#C03030;text-transform:uppercase;letter-spacing:3.5px}\n  .lemonx-visual-root #secQuality .sq-title {font-size:40px;font-weight:800;color:#1a1a1a;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px;border:none}\n  .lemonx-visual-root #secQuality .sq-title span {color:#B02828}\n  .lemonx-visual-root #secQuality .sq-desc {font-size:16px;color:#666;line-height:1.85;margin-bottom:32px;border:none}<\/p>\n<p>  .lemonx-visual-root #secQuality .sq-list {list-style:none;margin-bottom:40px;display:flex;flex-direction:column;gap:16px}\n  .lemonx-visual-root #secQuality .sq-list li {display:flex;align-items:flex-start;gap:14px;font-size:14px;color:#777;line-height:1.7}\n  .lemonx-visual-root #secQuality .sq-list-icon {width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(139,26,26,.07),rgba(212,64,64,.04));border:1px solid rgba(176,40,40,.1);display:flex;align-items:center;justify-content:center;color:#B02828;font-size:14px;flex-shrink:0;transition:all .3s}\n  .lemonx-visual-root #secQuality .sq-list li:hover .sq-list-icon {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;color:#fff;box-shadow:0 4px 16px rgba(139,26,26,.2)}<\/p>\n<p>  .lemonx-visual-root #secQuality .sq-btns {display:flex;gap:16px;flex-wrap:wrap}\n  .lemonx-visual-root #secQuality .sq-btn-primary {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  .lemonx-visual-root #secQuality .sq-btn-primary:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.35);color:#fff;text-decoration:none}\n  .lemonx-visual-root #secQuality .sq-btn-primary i {font-size:11px;transition:transform .3s}\n  .lemonx-visual-root #secQuality .sq-btn-primary:hover i {transform:translateX(4px)}\n  .lemonx-visual-root #secQuality .sq-btn-outline {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:transparent;color:#555;border:1.5px solid rgba(0,0,0,.12);border-radius:60px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  .lemonx-visual-root #secQuality .sq-btn-outline:hover {color:#8B1A1A;border-color:rgba(139,26,26,.3);background:rgba(139,26,26,.03);transform:translateY(-3px);text-decoration:none}<\/p>\n<p>  .lemonx-visual-root #secQuality .sq-divider {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent)}<\/p>\n<p>  @media(max-width:1024px){.lemonx-visual-root #secQuality .sq-wrap {grid-template-columns:1fr;gap:48px;padding:72px 32px}.lemonx-visual-root #secQuality .sq-title {font-size:32px}.lemonx-visual-root #secQuality .sq-img img {height:300px}.lemonx-visual-root #secQuality .sq-deco {display:none}}\n  @media(max-width:640px){.lemonx-visual-root #secQuality .sq-wrap {padding:56px 24px}.lemonx-visual-root #secQuality .sq-title {font-size:28px}.lemonx-visual-root #secQuality .sq-btns {flex-direction:column}.lemonx-visual-root #secQuality .sq-btn-primary, .lemonx-visual-root #secQuality .sq-btn-outline {width:100%;justify-content:center}}\n.lemonx-visual-root #secMika {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;background:#0d0d0d;overflow:hidden;box-sizing:border-box}\n  .lemonx-visual-root #secMika *, .lemonx-visual-root #secMika *::before, .lemonx-visual-root #secMika *::after {margin:0;padding:0;box-sizing:border-box}\n  .lemonx-visual-root #secMika .sm-wrap {position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:100px 60px}<\/p>\n<p>  \/* header *\/\n  .lemonx-visual-root #secMika .sm-header {text-align:center;max-width:740px;margin:0 auto 56px}\n  .lemonx-visual-root #secMika .sm-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}\n  .lemonx-visual-root #secMika .sm-eyebrow-line {width:32px;height:1.5px;background:#D44040}\n  .lemonx-visual-root #secMika .sm-eyebrow-label {font-size:11px;font-weight:700;color:#D44040;text-transform:uppercase;letter-spacing:3.5px}\n  .lemonx-visual-root #secMika .sm-title {font-size:40px;font-weight:800;color:#fff;line-height:1.1;letter-spacing:-1.5px;margin-bottom:20px;border:none}\n  .lemonx-visual-root #secMika .sm-title span {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}\n  .lemonx-visual-root #secMika .sm-desc {font-size:16px;color:rgba(255,255,255,.45);line-height:1.85;border:none}<\/p>\n<p>  \/* 4 benefit cards \u2013 horizontal layout *\/\n  .lemonx-visual-root #secMika .sm-cards {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:56px}\n  .lemonx-visual-root #secMika .sm-card {background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:36px 24px;text-align:center;transition:all .4s;position:relative;overflow:hidden}\n  .lemonx-visual-root #secMika .sm-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8B1A1A,#D44040);opacity:0;transition:opacity .4s}\n  .lemonx-visual-root #secMika .sm-card:hover {transform:translateY(-6px);background:rgba(139,26,26,.04);border-color:rgba(139,26,26,.15);box-shadow:0 20px 50px rgba(0,0,0,.3)}\n  .lemonx-visual-root #secMika .sm-card:hover::before {opacity:1}<\/p>\n<p>  .lemonx-visual-root #secMika .sm-card-icon {width:52px;height:52px;border-radius:50%;background:rgba(139,26,26,.1);border:1px solid rgba(139,26,26,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#D44040;font-size:20px;transition:all .4s}\n  .lemonx-visual-root #secMika .sm-card:hover .sm-card-icon {background:linear-gradient(135deg,#8B1A1A,#D44040);border-color:transparent;color:#fff;box-shadow:0 10px 30px rgba(139,26,26,.35)}<\/p>\n<p>  .lemonx-visual-root #secMika .sm-card-title {font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.35}\n  .lemonx-visual-root #secMika .sm-card-desc {font-size:13px;color:rgba(255,255,255,.38);line-height:1.75}<\/p>\n<p>  .lemonx-visual-root #secMika .sm-cta {text-align:center}\n  .lemonx-visual-root #secMika .sm-btn {display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#8B1A1A;color:#fff;border:none;border-radius:60px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  .lemonx-visual-root #secMika .sm-btn:hover {background:#A52A2A;transform:translateY(-3px);box-shadow:0 16px 44px rgba(139,26,26,.45);color:#fff;text-decoration:none}\n  .lemonx-visual-root #secMika .sm-btn i {font-size:11px;transition:transform .3s}\n  .lemonx-visual-root #secMika .sm-btn:hover i {transform:translateX(4px)}<\/p>\n<p>  .lemonx-visual-root #secMika .sm-div {position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,64,64,.15),transparent)}<\/p>\n<p>  @media(max-width:1024px){.lemonx-visual-root #secMika .sm-wrap {padding:72px 32px}.lemonx-visual-root #secMika .sm-title {font-size:32px}.lemonx-visual-root #secMika .sm-cards {grid-template-columns:repeat(2,1fr)}}\n  @media(max-width:640px){.lemonx-visual-root #secMika .sm-wrap {padding:56px 24px}.lemonx-visual-root #secMika .sm-title {font-size:28px}.lemonx-visual-root #secMika .sm-cards {grid-template-columns:1fr}.lemonx-visual-root #secMika .sm-btn {width:100%;justify-content:center}}\n.lemonx-visual-root #secCTA {position:relative;width:100%;font-family:'Inter',system-ui,-apple-system,sans-serif;overflow:hidden;box-sizing:border-box;background:linear-gradient(135deg,#0a0808 0%,#1a0e0e 50%,#0a0808 100%)}\n  .lemonx-visual-root #secCTA *, .lemonx-visual-root #secCTA *::before, .lemonx-visual-root #secCTA *::after {margin:0;padding:0;box-sizing:border-box}<\/p>\n<p>  \/* top red line *\/\n  .lemonx-visual-root #secCTA::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#8B1A1A,#D44040,#8B1A1A,transparent);z-index:10}<\/p>\n<p>  \/* glow *\/\n  .lemonx-visual-root #secCTA .ct-glow {position:absolute;top:50%;left:50%;width:600px;height:300px;background:radial-gradient(ellipse,rgba(139,26,26,.12) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);filter:blur(60px);z-index:0}<\/p>\n<p>  .lemonx-visual-root #secCTA .ct-wrap {position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:80px 60px;text-align:center}<\/p>\n<p>  .lemonx-visual-root #secCTA .ct-eyebrow {display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}\n  .lemonx-visual-root #secCTA .ct-eyebrow-line {width:32px;height:1.5px;background:#D44040}\n  .lemonx-visual-root #secCTA .ct-eyebrow-label {font-size:11px;font-weight:700;color:#D44040;text-transform:uppercase;letter-spacing:3.5px}<\/p>\n<p>  .lemonx-visual-root #secCTA .ct-title {font-size:36px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-1px;margin-bottom:16px;border:none}\n  .lemonx-visual-root #secCTA .ct-title span {background:linear-gradient(135deg,#D44040,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}<\/p>\n<p>  .lemonx-visual-root #secCTA .ct-desc {font-size:16px;color:rgba(255,255,255,.42);line-height:1.8;max-width:680px;margin:0 auto 36px;border:none}<\/p>\n<p>  .lemonx-visual-root #secCTA .ct-btns {display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:32px}\n  .lemonx-visual-root #secCTA .ct-btn-primary {display:inline-flex;align-items:center;gap:10px;padding:18px 44px;background:linear-gradient(135deg,#8B1A1A,#b82020);color:#fff;border:none;border-radius:60px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px}\n  .lemonx-visual-root #secCTA .ct-btn-primary:hover {transform:translateY(-3px);box-shadow:0 20px 50px rgba(139,26,26,.5),0 0 0 1px rgba(212,64,64,.2);color:#fff;text-decoration:none}\n  .lemonx-visual-root #secCTA .ct-btn-primary i {font-size:12px;transition:transform .3s}\n  .lemonx-visual-root #secCTA .ct-btn-primary:hover i {transform:translateX(4px)}<\/p>\n<p>  .lemonx-visual-root #secCTA .ct-btn-ghost {display:inline-flex;align-items:center;gap:10px;padding:18px 44px;background:rgba(255,255,255,.03);color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1);border-radius:60px;font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .4s;font-family:inherit;line-height:1;outline:none;letter-spacing:.3px;backdrop-filter:blur(8px)}\n  .lemonx-visual-root #secCTA .ct-btn-ghost:hover {color:#fff;border-color:rgba(212,64,64,.35);background:rgba(139,26,26,.1);transform:translateY(-3px);text-decoration:none}<\/p>\n<p>  \/* contact info *\/\n  .lemonx-visual-root #secCTA .ct-info {display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap}\n  .lemonx-visual-root #secCTA .ct-info-item {display:inline-flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,.3);font-weight:500}\n  .lemonx-visual-root #secCTA .ct-info-item i {color:#D44040;font-size:13px}\n  .lemonx-visual-root #secCTA .ct-info-item a {color:rgba(255,255,255,.45);text-decoration:none;transition:color .3s}\n  .lemonx-visual-root #secCTA .ct-info-item a:hover {color:#D44040}\n  .lemonx-visual-root #secCTA .ct-info-sep {width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.1)}<\/p>\n<p>  \/* bottom line *\/\n  .lemonx-visual-root #secCTA .ct-bottom {position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#8B1A1A,#D44040,#8B1A1A,transparent)}<\/p>\n<p>  @media(max-width:768px){.lemonx-visual-root #secCTA .ct-wrap {padding:60px 24px}.lemonx-visual-root #secCTA .ct-title {font-size:28px}.lemonx-visual-root #secCTA .ct-btns {flex-direction:column}.lemonx-visual-root #secCTA .ct-btn-primary, .lemonx-visual-root #secCTA .ct-btn-ghost {width:100%;justify-content:center}.lemonx-visual-root #secCTA .ct-info {flex-direction:column;gap:12px}.lemonx-visual-root #secCTA .ct-info-sep {display:none}}\n<\/style>",
        "protected": false
    },
    "excerpt": {
        "rendered": "<p>Importadora Mandalas C.A. Caracas \u00b7 Venezuela Who We Are About Mandalas Importadora Mandalas C.A. \u2014 Caracas, Venezuela A Venezuela-based importer and distributor of construction additives, supplying cellulose ether and performance modifiers with fast technical support and reliable supply for local manufacturers and projects. Local support in Caracas Dry-mix &amp; premixed solutions TDS \/ SDS documentation [&hellip;]<\/p>",
        "protected": false
    },
    "author": 1,
    "featured_media": 0,
    "parent": 0,
    "menu_order": 0,
    "comment_status": "closed",
    "ping_status": "closed",
    "template": "",
    "meta": {
        "footnotes": ""
    },
    "class_list": [
        "post-49",
        "page",
        "type-page",
        "status-publish",
        "hentry"
    ],
    "_links": {
        "self": [
            {
                "href": "https:\/\/mikazone.store\/en\/wp-json\/wp\/v2\/pages\/49",
                "targetHints": {
                    "allow": [
                        "GET"
                    ]
                }
            }
        ],
        "collection": [
            {
                "href": "https:\/\/mikazone.store\/en\/wp-json\/wp\/v2\/pages"
            }
        ],
        "about": [
            {
                "href": "https:\/\/mikazone.store\/en\/wp-json\/wp\/v2\/types\/page"
            }
        ],
        "author": [
            {
                "embeddable": true,
                "href": "https:\/\/mikazone.store\/en\/wp-json\/wp\/v2\/users\/1"
            }
        ],
        "replies": [
            {
                "embeddable": true,
                "href": "https:\/\/mikazone.store\/en\/wp-json\/wp\/v2\/comments?post=49"
            }
        ],
        "version-history": [
            {
                "count": 15,
                "href": "https:\/\/mikazone.store\/en\/wp-json\/wp\/v2\/pages\/49\/revisions"
            }
        ],
        "predecessor-version": [
            {
                "id": 1196,
                "href": "https:\/\/mikazone.store\/en\/wp-json\/wp\/v2\/pages\/49\/revisions\/1196"
            }
        ],
        "wp:attachment": [
            {
                "href": "https:\/\/mikazone.store\/en\/wp-json\/wp\/v2\/media?parent=49"
            }
        ],
        "curies": [
            {
                "name": "wp",
                "href": "https:\/\/api.w.org\/{rel}",
                "templated": true
            }
        ]
    }
}