/* CreaLabs Premium Theme System v0.2.3
   Brand source: approved cyan / navy CreaLabs logo and CreaRobi.
   Loaded after public-site.css, cms.css and theme-system.css. */

:root {
    --cl-brand-cyan: #12a8d8;
    --cl-brand-cyan-deep: #087ea8;
    --cl-brand-navy: #394567;
    --cl-brand-purple: #7c3aed;
    --cl-brand-violet: #a13cff;
    --cl-brand-white: #f8fbff;
    --cl-premium-radius: 24px;
    --cl-header-height: 86px;
    --cl-card-shadow: 0 24px 70px color-mix(in srgb, var(--cl-shadow-color) 74%, transparent);
    --cl-card-shadow-hover: 0 34px 90px color-mix(in srgb, var(--cl-primary) 20%, var(--cl-shadow-color));
    --cl-glow-cyan: 0 0 34px color-mix(in srgb, var(--cl-primary) 26%, transparent);
    --cl-glow-purple: 0 0 34px color-mix(in srgb, var(--cl-secondary) 22%, transparent);
}

* { box-sizing: border-box; }
html { font-size: var(--cl-base-size); background: var(--cl-background); scroll-behavior: smooth; }
body.cl-body {
    min-width: 320px;
    margin: 0;
    color: var(--cl-text) !important;
    font-family: var(--cl-font-body) !important;
    font-size: 1rem;
    line-height: var(--cl-body-leading);
    letter-spacing: var(--cl-body-tracking);
    background:
        radial-gradient(circle at 12% 4%, color-mix(in srgb, var(--cl-primary) 16%, transparent), transparent 31%),
        radial-gradient(circle at 88% 5%, color-mix(in srgb, var(--cl-secondary) 14%, transparent), transparent 32%),
        linear-gradient(180deg, var(--cl-background), var(--cl-background-alt) 48%, var(--cl-background)) !important;
    overflow-x: clip;
}
body.cl-body main { position: relative; z-index: 1; background: transparent !important; }
body.cl-body h1, body.cl-body h2, body.cl-body h3, body.cl-body h4, body.cl-body h5, body.cl-body h6,
.cl-section-heading h2, .cl-cms-page-hero h1, .cl-inner-hero h1, .cl-detail-hero h1 {
    color: var(--cl-text) !important;
    font-family: var(--cl-font-heading) !important;
    line-height: var(--cl-heading-leading);
    letter-spacing: var(--cl-heading-tracking);
}
.cl-nav, .cl-button, .cl-mobile-nav { font-family: var(--cl-font-navigation) !important; letter-spacing: var(--cl-navigation-tracking); }
.cl-button { letter-spacing: var(--cl-button-tracking); }
p, li, small { color: var(--cl-muted); }
a { color: inherit; }
.cl-sr-only { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }

/* Remove old dimming layers. */
.cl-body::before, .cl-body::after { pointer-events: none; }
.cl-home-band, .cl-section, .cl-cms-section, .cl-cms-intro { color: var(--cl-text) !important; background-color: transparent; }
html[data-grid-pattern="0"] .cl-page-noise { display: none; }
.cl-page-noise { opacity: .18 !important; mix-blend-mode: normal !important; }
html[data-theme="light"] .cl-page-noise { opacity: .055 !important; }

/* Header */
.cl-header {
    position: sticky !important;
    top: 0;
    z-index: 5000 !important;
    width: 100%;
    height: var(--cl-header-height) !important;
    color: var(--cl-text) !important;
    background: color-mix(in srgb, var(--cl-header-bg) 76%, transparent) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--cl-border-color) 30%, transparent) !important;
    backdrop-filter: blur(24px) saturate(150%);
    -webkit-backdrop-filter: blur(24px) saturate(150%);
    transition: background .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.cl-header.is-scrolled {
    background: var(--cl-header-bg) !important;
    box-shadow: 0 16px 48px var(--cl-shadow-color) !important;
    border-color: color-mix(in srgb, var(--cl-border-color) 58%, transparent) !important;
}
.cl-header__inner { min-height: 100%; gap: clamp(20px, 3vw, 52px) !important; }
.cl-brand { flex: 0 0 auto; gap: 10px !important; }
.cl-brand img { width: 44px !important; height: 44px !important; object-fit: contain !important; filter: none !important; }
.cl-brand strong { color: var(--cl-text) !important; font-family: var(--cl-font-heading) !important; font-size: 15px !important; letter-spacing: -.03em; }
.cl-brand small { color: var(--cl-muted) !important; font-size: 9px !important; }
.cl-premium-nav { display:flex; align-items:center; justify-content:center; gap:2px; margin-inline:auto; }
.cl-premium-nav .cl-nav__link {
    position: relative;
    min-height: var(--cl-header-height);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px !important;
    border: 0;
    color: var(--cl-muted) !important;
    background: transparent;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}
.cl-premium-nav .cl-nav__link:hover, .cl-premium-nav .cl-nav__link.is-active, .cl-premium-dropdown.is-open > .cl-nav__link { color: var(--cl-text) !important; }
.cl-premium-nav .cl-nav__link::after { bottom: 17px !important; height: 2px !important; opacity: 0; transform: scaleX(.4); transition: .2s ease; }
.cl-premium-nav .cl-nav__link:hover::after, .cl-premium-nav .cl-nav__link.is-active::after, .cl-premium-dropdown.is-open > .cl-nav__link::after { opacity:1; transform:scaleX(1); }
.cl-premium-nav .cl-nav__link svg { transition: transform .2s ease; }
.cl-premium-dropdown.is-open > .cl-nav__link svg { transform: rotate(180deg); }
.cl-header__actions { gap: 10px !important; }
.cl-header__login { color: var(--cl-muted) !important; white-space:nowrap; }
.cl-header__login:hover { color:var(--cl-primary)!important; }
.cl-theme-toggle, .cl-mobile-toggle, .cl-mobile-close {
    display:inline-grid; place-items:center; width:42px; height:42px; padding:0;
    color:var(--cl-text)!important; background:color-mix(in srgb,var(--cl-surface) 82%,transparent)!important;
    border:1px solid color-mix(in srgb,var(--cl-border-color) 66%,transparent)!important;
    border-radius:14px!important; box-shadow:inset 0 1px rgba(255,255,255,.1); cursor:pointer;
}
.cl-theme-toggle:hover, .cl-mobile-toggle:hover, .cl-mobile-close:hover { border-color:var(--cl-primary)!important; transform:translateY(-1px); box-shadow:var(--cl-glow-cyan); }

/* Desktop mega menu */
.cl-premium-dropdown { position: static !important; }
.cl-premium-mega {
    position: fixed !important;
    z-index: 5200 !important;
    top: var(--cl-mega-top, 86px) !important;
    left: 50% !important;
    width: min(980px, calc(100vw - 48px)) !important;
    display: grid !important;
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.6fr) !important;
    gap: 12px;
    padding: 16px !important;
    color: var(--cl-text) !important;
    background: color-mix(in srgb, var(--cl-surface) 94%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--cl-primary) 32%, var(--cl-border-color)) !important;
    border-radius: 26px !important;
    box-shadow: 0 34px 90px rgba(0,0,0,.36), 0 0 60px color-mix(in srgb,var(--cl-secondary) 10%,transparent) !important;
    backdrop-filter: blur(30px) saturate(150%);
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate(-50%, 18px) scale(.985) !important;
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease !important;
}
.cl-premium-dropdown.is-open .cl-premium-mega { visibility:visible!important; opacity:1!important; pointer-events:auto!important; transform:translate(-50%,10px) scale(1)!important; }
.cl-mega__intro { position:relative; overflow:hidden; padding:26px!important; border-radius:20px!important; background:linear-gradient(145deg,color-mix(in srgb,var(--cl-primary) 19%,var(--cl-surface)),color-mix(in srgb,var(--cl-secondary) 13%,var(--cl-surface)))!important; border:1px solid color-mix(in srgb,var(--cl-primary) 24%,transparent); }
.cl-mega__intro::after { content:""; position:absolute; width:180px;height:180px;right:-80px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cl-secondary) 45%,transparent),transparent 68%); }
.cl-mega__intro > span { color:var(--cl-primary)!important; }
.cl-mega__intro strong { color:var(--cl-text)!important;font-family:var(--cl-font-heading)!important;font-size:25px!important; }
.cl-mega__intro p { color:var(--cl-muted)!important;font-size:13px!important; }
.cl-mega__intro a { color:var(--cl-primary)!important; }
.cl-mega__links { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; padding:0!important; }
.cl-mega__links > a { position:relative; align-items:center; min-height:74px; padding:14px 15px!important; color:var(--cl-text)!important; border:1px solid transparent; border-radius:16px!important; background:color-mix(in srgb,var(--cl-surface-alt) 52%,transparent); }
.cl-mega__links > a:hover { transform:translateY(-2px); background:linear-gradient(135deg,color-mix(in srgb,var(--cl-primary) 11%,var(--cl-surface)),color-mix(in srgb,var(--cl-secondary) 8%,var(--cl-surface)))!important; border-color:color-mix(in srgb,var(--cl-primary) 28%,transparent); box-shadow:var(--cl-glow-cyan); }
.cl-mega__links strong { color:var(--cl-text)!important; }
.cl-mega__links small { color:var(--cl-muted)!important; }
.cl-mega__arrow { margin-left:auto; color:var(--cl-primary); }
.cl-mega-scrim { position:fixed;z-index:5100;inset:var(--cl-header-height) 0 0;background:rgba(2,8,23,.36);backdrop-filter:blur(2px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease; }
.cl-mega-scrim.is-open { opacity:1;visibility:visible;pointer-events:auto; }
html[data-theme="light"] .cl-mega-scrim { background:rgba(31,49,80,.16); }

/* Mobile navigation */
.cl-mobile-toggle { display:none; }
.cl-mobile-nav { position:fixed;z-index:9000;inset:0;visibility:hidden;pointer-events:none; }
.cl-mobile-nav__backdrop { position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(1,7,20,.66);backdrop-filter:blur(9px);opacity:0;transition:opacity .25s ease; }
.cl-mobile-nav__panel { position:absolute;top:0;right:0;width:min(92vw,430px);height:100dvh;display:flex;flex-direction:column;padding:18px;color:var(--cl-text);background:linear-gradient(180deg,color-mix(in srgb,var(--cl-surface) 98%,transparent),var(--cl-background-alt));border-left:1px solid color-mix(in srgb,var(--cl-primary) 26%,var(--cl-border-color));box-shadow:-30px 0 90px rgba(0,0,0,.34);transform:translateX(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);overflow:hidden; }
.cl-mobile-nav.is-open { visibility:visible;pointer-events:auto; }
.cl-mobile-nav.is-open .cl-mobile-nav__backdrop { opacity:1; }
.cl-mobile-nav.is-open .cl-mobile-nav__panel { transform:translateX(0); }
body.cl-mobile-lock { overflow:hidden!important; touch-action:none; }
.cl-mobile-menu__head { flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--cl-border-color) 55%,transparent); }
.cl-mobile-menu__head-actions { display:flex;gap:8px; }
.cl-mobile-menu__body { flex:1 1 auto;display:flex;flex-direction:column;gap:7px;margin:0!important;padding:18px 0;overflow-y:auto;overscroll-behavior:contain; }
.cl-mobile-menu__link, .cl-mobile-accordion__row { min-height:54px;display:flex;align-items:center;border:1px solid color-mix(in srgb,var(--cl-border-color) 45%,transparent);border-radius:16px;background:color-mix(in srgb,var(--cl-surface-alt) 55%,transparent); }
.cl-mobile-menu__link { justify-content:space-between;padding:0 16px;color:var(--cl-text)!important;font-size:15px;font-weight:750; }
.cl-mobile-menu__link svg { width:17px;height:17px;color:var(--cl-primary); }
.cl-mobile-accordion__row > a { flex:1;padding:14px 16px;color:var(--cl-text)!important;font-size:15px;font-weight:750; }
.cl-mobile-accordion__row > button { width:52px;align-self:stretch;border:0;border-left:1px solid color-mix(in srgb,var(--cl-border-color) 45%,transparent);color:var(--cl-primary);background:transparent;cursor:pointer; }
.cl-mobile-accordion__row > button svg { width:18px;height:18px;transition:transform .2s ease; }
.cl-mobile-accordion.is-open .cl-mobile-accordion__row > button svg { transform:rotate(180deg); }
.cl-mobile-menu__children { display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:8px 0 4px!important; }
.cl-mobile-menu__children[hidden] { display:none!important; }
.cl-mobile-menu__children a { min-height:48px;display:flex!important;align-items:center;justify-content:space-between;padding:10px 14px!important;color:var(--cl-muted)!important;background:color-mix(in srgb,var(--cl-primary) 7%,var(--cl-surface))!important;border:1px solid color-mix(in srgb,var(--cl-primary) 15%,transparent);border-radius:14px!important;font-size:13px!important; }
.cl-mobile-menu__children a:hover { color:var(--cl-text)!important;border-color:var(--cl-primary); }
.cl-mobile-menu__children svg { width:15px;height:15px;color:var(--cl-primary); }
.cl-mobile-nav__footer { flex:0 0 auto;display:grid;gap:9px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--cl-border-color) 55%,transparent); }

/* Buttons */
.cl-button { border-radius:14px!important; font-weight:800; }
.cl-button--primary { position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(105deg,var(--cl-primary),#247cf5 48%,var(--cl-secondary))!important;box-shadow:0 14px 36px color-mix(in srgb,var(--cl-primary) 30%,transparent),inset 0 1px rgba(255,255,255,.28)!important; }
.cl-button--primary::after { content:"";position:absolute;inset:-2px auto -2px -42%;width:36%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-20deg);transition:left .55s ease; }
.cl-button--primary:hover::after { left:112%; }
.cl-button--ghost { color:var(--cl-text)!important;background:color-mix(in srgb,var(--cl-surface) 72%,transparent)!important;border-color:color-mix(in srgb,var(--cl-primary) 35%,var(--cl-border-color))!important; }

/* Unified premium cards */
.cl-eco-card,.cl-service-card,.cl-benefit-card,.cl-process-step,.cl-cms-card,.cl-cms-metric,.cl-cms-step,.cl-cms-price,.cl-cms-cta-card,.cl-cms-image-frame,.cl-cms-dashboard-frame,.cl-catalog-card,.cl-feature-card,.cl-form-card,.cl-float-card,.cl-contact-cards > * {
    position:relative; isolation:isolate; overflow:hidden;
    color:var(--cl-text)!important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--cl-surface) 96%,transparent),color-mix(in srgb,var(--cl-surface-alt) 80%,transparent))!important;
    border:1px solid color-mix(in srgb,var(--cl-border-color) 72%,transparent)!important;
    border-radius:var(--cl-premium-radius)!important;
    box-shadow:var(--cl-card-shadow)!important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,background .28s ease!important;
}
.cl-eco-card::before,.cl-service-card::before,.cl-benefit-card::before,.cl-process-step::before,.cl-cms-card::before,.cl-cms-metric::before,.cl-cms-step::before,.cl-cms-price::before,.cl-catalog-card::before,.cl-feature-card::before {
    content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,color-mix(in srgb,var(--cl-primary) 10%,transparent),transparent 36%,color-mix(in srgb,var(--cl-secondary) 8%,transparent));opacity:.75;pointer-events:none;
}
html[data-card-shine="1"] .cl-eco-card::after,html[data-card-shine="1"] .cl-service-card::after,html[data-card-shine="1"] .cl-benefit-card::after,html[data-card-shine="1"] .cl-process-step::after,html[data-card-shine="1"] .cl-cms-card::after {
    content:"";position:absolute;z-index:3;top:-140%;left:-65%;width:50%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:rotate(20deg);transition:left .7s ease;pointer-events:none;
}
html[data-card-shine="1"] .cl-eco-card:hover::after,html[data-card-shine="1"] .cl-service-card:hover::after,html[data-card-shine="1"] .cl-benefit-card:hover::after,html[data-card-shine="1"] .cl-process-step:hover::after,html[data-card-shine="1"] .cl-cms-card:hover::after { left:130%; }
html[data-hover-style="lift"] .cl-eco-card:hover,html[data-hover-style="lift"] .cl-service-card:hover,html[data-hover-style="lift"] .cl-benefit-card:hover,html[data-hover-style="lift"] .cl-process-step:hover,html[data-hover-style="lift"] .cl-cms-card:hover,html[data-hover-style="lift"] .cl-cms-metric:hover,html[data-hover-style="lift"] .cl-cms-step:hover,html[data-hover-style="lift"] .cl-catalog-card:hover,html[data-hover-style="lift"] .cl-feature-card:hover { transform:translateY(-8px)!important;border-color:color-mix(in srgb,var(--cl-primary) 62%,var(--cl-secondary))!important;box-shadow:var(--cl-card-shadow-hover),var(--cl-glow-cyan)!important; }
html[data-hover-style="glow"] .cl-eco-card:hover,html[data-hover-style="glow"] .cl-service-card:hover,html[data-hover-style="glow"] .cl-benefit-card:hover,html[data-hover-style="glow"] .cl-process-step:hover,html[data-hover-style="glow"] .cl-cms-card:hover { border-color:var(--cl-primary)!important;box-shadow:var(--cl-card-shadow-hover),var(--cl-glow-cyan),var(--cl-glow-purple)!important; }
html[data-hover-style="tilt"] .cl-eco-card:hover,html[data-hover-style="tilt"] .cl-service-card:hover,html[data-hover-style="tilt"] .cl-benefit-card:hover,html[data-hover-style="tilt"] .cl-process-step:hover,html[data-hover-style="tilt"] .cl-cms-card:hover { transform:perspective(700px) rotateX(1.8deg) rotateY(-1.8deg) translateY(-5px)!important; }

.cl-eco-card h3,.cl-eco-card strong,.cl-service-card h3,.cl-benefit-card h3,.cl-process-step h3,.cl-cms-card h3,.cl-cms-step h3,.cl-cms-price h3,.cl-catalog-card h3,.cl-feature-card h3 { color:var(--cl-text)!important; }
.cl-eco-card p,.cl-service-card p,.cl-benefit-card p,.cl-process-step p,.cl-cms-card p,.cl-cms-step p,.cl-catalog-card p,.cl-feature-card p { color:var(--cl-muted)!important; }
.cl-eco-card__icon,.cl-service-card__icon,.cl-process-step__icon,.cl-cms-card__icon,.cl-cms-stat-icon,.cl-cms-process-icon {
    color:var(--cl-primary)!important;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--cl-primary) 27%,var(--cl-surface)),color-mix(in srgb,var(--cl-secondary) 15%,var(--cl-surface)))!important;border:1px solid color-mix(in srgb,var(--cl-primary) 42%,transparent)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),var(--cl-glow-cyan)!important;
}
.cl-process-step:nth-child(even) .cl-process-step__icon,.cl-cms-step:nth-child(even) .cl-cms-process-icon { color:var(--cl-secondary)!important;border-color:color-mix(in srgb,var(--cl-secondary) 48%,transparent)!important;box-shadow:inset 0 1px rgba(255,255,255,.16),var(--cl-glow-purple)!important; }

/* Sections and typography contrast */
.cl-section-heading > span,.cl-section-label,.cl-cms-eyebrow { color:var(--cl-primary)!important;text-shadow:0 0 20px color-mix(in srgb,var(--cl-primary) 38%,transparent); }
.cl-section-heading p,.cl-cms-section-lead,.cl-cms-copy,.cl-cms-prose { color:var(--cl-muted)!important; }
.cl-cms-prose strong,.cl-cms-checklist strong { color:var(--cl-text)!important; }
.cl-cms-checklist li { color:color-mix(in srgb,var(--cl-text) 86%,var(--cl-muted))!important; }

/* Light mode: deliberate premium palette, never a grey overlay. */
html[data-theme="light"] body.cl-body {
    background:
        radial-gradient(circle at 8% 1%,rgba(18,168,216,.13),transparent 30%),
        radial-gradient(circle at 92% 2%,rgba(124,58,237,.10),transparent 31%),
        linear-gradient(180deg,#f8fbff 0%,var(--cl-background) 40%,#edf4fd 100%)!important;
}
html[data-theme="light"] .cl-header { background:rgba(248,251,255,.88)!important;border-color:rgba(57,69,103,.12)!important;box-shadow:0 10px 35px rgba(57,69,103,.08); }
html[data-theme="light"] .cl-header.is-scrolled { background:rgba(248,251,255,.96)!important;box-shadow:0 18px 46px rgba(57,69,103,.14)!important; }
html[data-theme="light"] .cl-eco-card,html[data-theme="light"] .cl-service-card,html[data-theme="light"] .cl-benefit-card,html[data-theme="light"] .cl-process-step,html[data-theme="light"] .cl-cms-card,html[data-theme="light"] .cl-cms-metric,html[data-theme="light"] .cl-cms-step,html[data-theme="light"] .cl-cms-price,html[data-theme="light"] .cl-cms-cta-card,html[data-theme="light"] .cl-cms-image-frame,html[data-theme="light"] .cl-catalog-card,html[data-theme="light"] .cl-feature-card,html[data-theme="light"] .cl-form-card {
    background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,255,.92))!important;
    border-color:rgba(57,69,103,.15)!important;
    box-shadow:0 20px 55px rgba(57,69,103,.11),inset 0 1px rgba(255,255,255,.95)!important;
}
html[data-theme="light"] .cl-eco-card:hover,html[data-theme="light"] .cl-service-card:hover,html[data-theme="light"] .cl-benefit-card:hover,html[data-theme="light"] .cl-process-step:hover,html[data-theme="light"] .cl-cms-card:hover { border-color:rgba(18,168,216,.52)!important;box-shadow:0 28px 70px rgba(57,69,103,.16),0 0 32px rgba(18,168,216,.12)!important; }
html[data-theme="light"] .cl-eco-card__icon,html[data-theme="light"] .cl-service-card__icon,html[data-theme="light"] .cl-process-step__icon,html[data-theme="light"] .cl-cms-card__icon,html[data-theme="light"] .cl-cms-stat-icon,html[data-theme="light"] .cl-cms-process-icon { background:linear-gradient(145deg,#e7f7fc,#eef0ff)!important;box-shadow:0 12px 28px rgba(18,168,216,.13),inset 0 1px #fff!important; }
html[data-theme="light"] .cl-section--dark-panel,html[data-theme="light"] .cl-section--benefits,html[data-theme="light"] .cl-section--process,html[data-theme="light"] .cl-section--services,html[data-theme="light"] .cl-section--ecosystem { background:linear-gradient(180deg,rgba(232,242,253,.72),rgba(248,251,255,.88))!important; }
html[data-theme="light"] .cl-cms-page-hero { background:radial-gradient(circle at 76% 22%,rgba(124,58,237,.13),transparent 34%),radial-gradient(circle at 18% 8%,rgba(18,168,216,.14),transparent 34%),linear-gradient(118deg,#f9fcff,#eef5fd 52%,#f2edff)!important; }
html[data-theme="light"] .cl-cms-page-hero__overlay { background:linear-gradient(90deg,rgba(249,252,255,.93),rgba(240,247,255,.72),rgba(241,237,255,.36))!important; }
html[data-theme="light"] .cl-button--ghost { background:rgba(255,255,255,.74)!important; }
html[data-theme="light"] .cl-mobile-nav__panel { background:linear-gradient(180deg,#fbfdff,#edf4fd)!important; }

/* CreaRobi / logo: preserve approved colors everywhere. */
img[src*="crealabs-robot"], [data-theme-robot], .cl-hero-robot, .cl-cms-page-hero__robot, .cl-cms-cta-robot, .cl-cta__robot { filter:drop-shadow(0 26px 34px rgba(3,18,42,.28)) drop-shadow(0 0 26px rgba(18,168,216,.16))!important; opacity:1!important; mix-blend-mode:normal!important; }
img[src*="crealabs-logo"], [data-theme-logo] { filter:none!important;opacity:1!important;mix-blend-mode:normal!important; }

/* Footer */
.cl-footer { position:relative;isolation:isolate;overflow:hidden;color:var(--cl-text)!important;background:linear-gradient(180deg,var(--cl-background-alt),var(--cl-background))!important;border-top:1px solid color-mix(in srgb,var(--cl-primary) 20%,var(--cl-border-color))!important; }
.cl-footer__aurora { position:absolute;z-index:-1;width:430px;height:430px;border-radius:50%;filter:blur(110px);opacity:.13; }
.cl-footer__aurora--cyan { left:-170px;top:-170px;background:var(--cl-primary); }
.cl-footer__aurora--purple { right:-180px;bottom:-200px;background:var(--cl-secondary); }
.cl-footer__brand p,.cl-footer__column a,.cl-footer__contact span { color:var(--cl-muted)!important; }
.cl-footer__column h3 { color:var(--cl-text)!important;font-family:var(--cl-font-heading)!important; }
.cl-footer__column > a { display:flex!important;align-items:center;gap:7px;transition:color .2s ease,transform .2s ease; }
.cl-footer__column > a svg { width:13px;height:13px;color:var(--cl-primary);opacity:0;transform:translateX(-5px);transition:.2s ease; }
.cl-footer__column > a:hover { color:var(--cl-text)!important;transform:translateX(4px); }
.cl-footer__column > a:hover svg { opacity:1;transform:translateX(0); }
.cl-footer__socials { display:flex!important;flex-wrap:wrap;gap:9px!important; }
.cl-social-link { --social-color:var(--cl-primary); position:relative;display:grid!important;place-items:center;width:42px!important;height:42px!important;padding:0!important;color:var(--cl-muted)!important;background:color-mix(in srgb,var(--cl-surface) 74%,transparent)!important;border:1px solid color-mix(in srgb,var(--cl-border-color) 62%,transparent)!important;border-radius:14px!important;box-shadow:inset 0 1px rgba(255,255,255,.08);transition:transform .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease!important; }
.cl-social-link svg { width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.7; }
.cl-social-link svg rect,.cl-social-link svg circle,.cl-social-link svg path:not(:first-child) { fill:none; }
.cl-social-link svg .is-fill { fill:currentColor!important;stroke:none!important; }
.cl-social-link:hover { color:#fff!important;background:var(--social-color)!important;border-color:var(--social-color)!important;transform:translateY(-5px) scale(1.04);box-shadow:0 14px 30px color-mix(in srgb,var(--social-color) 34%,transparent),0 0 22px color-mix(in srgb,var(--social-color) 22%,transparent)!important; }
.cl-social-link--linkedin { --social-color:#0a66c2; }.cl-social-link--instagram { --social-color:#d62976; }.cl-social-link--x { --social-color:#101216; }.cl-social-link--youtube { --social-color:#ff0033; }.cl-social-link--facebook { --social-color:#1877f2; }.cl-social-link--github { --social-color:#5b6475; }.cl-social-link--behance { --social-color:#1769ff; }.cl-social-link--whatsapp { --social-color:#25d366; }.cl-social-link--tiktok { --social-color:#111827; }.cl-social-link--dribbble { --social-color:#ea4c89; }.cl-social-link--telegram { --social-color:#229ed9; }
html[data-theme="light"] .cl-footer { background:linear-gradient(180deg,#eef5fd,#e6effa)!important; }
html[data-theme="light"] .cl-social-link { background:rgba(255,255,255,.84)!important; }
html[data-theme="light"] .cl-social-link:hover { color:#fff!important;background:var(--social-color)!important; }

/* Premium FX */
html[data-ambient-glow="1"] .cl-section::before,html[data-ambient-glow="1"] .cl-cms-section::before { pointer-events:none; }
html[data-animated-gradient="1"] .cl-button--primary { background-size:180% 180%!important;animation:cl-premium-gradient 7s ease infinite; }
@keyframes cl-premium-gradient { 0%,100%{background-position:0 50%}50%{background-position:100% 50%} }

@media (max-width: 1240px) {
    .cl-premium-nav .cl-nav__link { padding-inline:10px!important;font-size:11px; }
    .cl-header__cta { display:none!important; }
}
@media (max-width: 1080px) {
    :root { --cl-header-height:76px; }
    .cl-premium-nav,.cl-header__login,.cl-header__cta { display:none!important; }
    .cl-mobile-toggle { display:inline-grid!important; }
    .cl-header { height:var(--cl-header-height)!important; }
    .cl-header__inner { width:calc(100% - 28px)!important; }
    .cl-brand img { width:40px!important;height:40px!important; }
    .cl-mega-scrim { display:none!important; }
}
@media (max-width: 680px) {
    :root { --cl-premium-radius:20px; }
    .cl-container,.cl-cms-container { width:calc(100% - 28px)!important; }
    .cl-header__actions { gap:7px!important; }
    .cl-header > .cl-container .cl-theme-toggle { display:none!important; }
    .cl-mobile-nav__panel { width:100%;border-left:0; }
    .cl-mobile-nav__backdrop { display:none; }
    .cl-brand strong { font-size:14px!important; }
    .cl-process-line,.cl-cms-process-grid { grid-template-columns:1fr!important;gap:15px!important; }
    .cl-process-step,.cl-cms-step { width:100%!important;max-width:none!important;min-height:auto!important;padding:22px 18px!important; }
    .cl-process-step__icon,.cl-cms-process-icon { width:76px!important;height:76px!important;margin-inline:auto!important; }
    .cl-eco-card,.cl-service-card,.cl-benefit-card,.cl-cms-card,.cl-catalog-card,.cl-feature-card { border-radius:20px!important; }
    .cl-footer__top { grid-template-columns:1fr!important;gap:30px!important; }
    .cl-footer__brand { grid-column:auto!important; }
}
@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important; }
}

/* ========================================================================
   CreaLabs Premium FX UI Hotfix v0.2.4
   - Stable mega menu without page dimming
   - Strict light/dark theme contrast
   - Process step badge clipping fix
   - Premium ecosystem / service / benefit FX
   - Centered CreaRobi and right-aligned CTA actions
   ======================================================================== */

:root {
    --cl-font-body: "Inter", "Segoe UI", Arial, sans-serif;
    --cl-font-heading: "Manrope", "Inter", "Segoe UI", Arial, sans-serif;
    --cl-font-navigation: "Inter", "Segoe UI", Arial, sans-serif;
    --cl-fx-cyan: #12a8d8;
    --cl-fx-blue: #247cf5;
    --cl-fx-purple: #7c3aed;
    --cl-fx-violet: #a13cff;
    --cl-fx-ease: cubic-bezier(.2,.8,.2,1);
}

/* Mega menu: do not fade or blur the page. The panel itself stays vivid. */
.cl-mega-scrim,
.cl-mega-scrim.is-open {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.cl-premium-dropdown:not(.is-open) .cl-premium-mega,
.cl-nav__dropdown:not(.is-open):hover .cl-premium-mega {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate(-50%, 12px) scale(.985) !important;
}

.cl-premium-dropdown.is-open .cl-premium-mega,
.cl-premium-dropdown.is-open:hover .cl-premium-mega {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate(-50%, 8px) scale(1) !important;
}

.cl-premium-mega {
    background:
        radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--cl-primary) 15%, transparent), transparent 34%),
        radial-gradient(circle at 94% 10%, color-mix(in srgb, var(--cl-secondary) 13%, transparent), transparent 33%),
        color-mix(in srgb, var(--cl-surface) 98%, transparent) !important;
    border-color: color-mix(in srgb, var(--cl-primary) 44%, var(--cl-border-color)) !important;
    box-shadow:
        0 34px 90px rgba(0,0,0,.38),
        0 0 0 1px color-mix(in srgb, var(--cl-secondary) 12%, transparent),
        0 0 48px color-mix(in srgb, var(--cl-primary) 12%, transparent) !important;
    backdrop-filter: blur(30px) saturate(165%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(165%) !important;
}

.cl-mega__links > a {
    opacity: 1 !important;
    filter: none !important;
    transition: transform .22s var(--cl-fx-ease), border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
}

.cl-mega__links > a:hover,
.cl-mega__links > a:focus-visible {
    color: var(--cl-text) !important;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--cl-primary) 14%, var(--cl-surface)),
            color-mix(in srgb, var(--cl-secondary) 11%, var(--cl-surface))) !important;
    border-color: color-mix(in srgb, var(--cl-primary) 56%, var(--cl-secondary)) !important;
    box-shadow: 0 12px 30px color-mix(in srgb, var(--cl-primary) 14%, transparent), inset 0 1px rgba(255,255,255,.11) !important;
}

html[data-theme="light"] .cl-premium-mega {
    background:
        radial-gradient(circle at 8% 10%, rgba(18,168,216,.11), transparent 34%),
        radial-gradient(circle at 94% 10%, rgba(124,58,237,.08), transparent 33%),
        rgba(255,255,255,.985) !important;
    border-color: rgba(18,168,216,.32) !important;
    box-shadow: 0 30px 75px rgba(38,57,91,.18), 0 0 0 1px rgba(124,58,237,.06) !important;
}

html[data-theme="light"] .cl-mega__intro {
    background: linear-gradient(145deg, rgba(226,247,255,.98), rgba(241,235,255,.96)) !important;
    border-color: rgba(18,168,216,.22) !important;
}

html[data-theme="light"] .cl-mega__links > a {
    background: linear-gradient(145deg, rgba(250,253,255,.99), rgba(241,247,255,.96)) !important;
    border-color: rgba(57,69,103,.10) !important;
}

html[data-theme="light"] .cl-mega__links > a:hover,
html[data-theme="light"] .cl-mega__links > a:focus-visible {
    background: linear-gradient(135deg, rgba(224,247,255,.98), rgba(239,234,255,.98)) !important;
    border-color: rgba(18,168,216,.48) !important;
    box-shadow: 0 15px 34px rgba(57,69,103,.13), 0 0 24px rgba(18,168,216,.10) !important;
}

/* The settings value is authoritative. JS also removes the button when disabled. */
html[data-theme-switch="0"] [data-theme-toggle] {
    display: none !important;
}

/* More deliberate typography. */
body.cl-body {
    font-family: var(--cl-font-body) !important;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body.cl-body h1,
body.cl-body h2,
body.cl-body h3,
body.cl-body h4,
.cl-section-heading h2,
.cl-cms-page-hero h1 {
    font-family: var(--cl-font-heading) !important;
    font-weight: 800;
}

.cl-premium-nav,
.cl-button,
.cl-mobile-nav {
    font-family: var(--cl-font-navigation) !important;
}

/* Section heading FX. */
.cl-section-heading {
    position: relative;
    isolation: isolate;
}

.cl-section-heading::after {
    content: "";
    width: 92px;
    height: 2px;
    display: block;
    margin: 18px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, var(--cl-primary), var(--cl-secondary), transparent);
    box-shadow: 0 0 18px color-mix(in srgb, var(--cl-primary) 35%, transparent);
    opacity: .85;
}

/* Premium FX for the highlighted home-page card areas. */
.cl-ecosystem-grid,
.cl-service-grid,
.cl-benefit-grid,
.cl-process-line {
    position: relative;
    isolation: isolate;
}

.cl-eco-card,
.cl-service-card,
.cl-benefit-card,
.cl-process-step {
    --cl-card-accent: var(--cl-primary);
    --cl-card-accent-2: var(--cl-fx-blue);
    overflow: hidden;
    transform: translateZ(0);
}

.cl-eco-card:nth-child(n+5),
.cl-service-card:nth-child(3n),
.cl-service-card:nth-child(5),
.cl-benefit-card:nth-child(n+4),
.cl-process-step:nth-child(even) {
    --cl-card-accent: var(--cl-secondary);
    --cl-card-accent-2: var(--cl-fx-violet);
}

.cl-eco-card::before,
.cl-service-card::before,
.cl-benefit-card::before,
.cl-process-step::before {
    background:
        radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--cl-card-accent) 19%, transparent), transparent 38%),
        linear-gradient(135deg, color-mix(in srgb, var(--cl-card-accent) 9%, transparent), transparent 44%, color-mix(in srgb, var(--cl-card-accent-2) 8%, transparent)) !important;
    opacity: 1 !important;
}

.cl-eco-card::after,
.cl-service-card::after,
.cl-benefit-card::after,
.cl-process-step::after {
    content: "";
    position: absolute;
    z-index: 4;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
        linear-gradient(110deg, transparent 0 34%, rgba(255,255,255,.13) 44%, transparent 54%) -220% 0 / 65% 100% no-repeat,
        linear-gradient(90deg, color-mix(in srgb, var(--cl-card-accent) 0%, transparent), color-mix(in srgb, var(--cl-card-accent) 62%, transparent), color-mix(in srgb, var(--cl-card-accent-2) 35%, transparent), transparent) 0 100% / 100% 1px no-repeat;
    opacity: .75;
    transition: background-position .75s var(--cl-fx-ease), opacity .25s ease;
}

.cl-eco-card:hover::after,
.cl-service-card:hover::after,
.cl-benefit-card:hover::after,
.cl-process-step:hover::after {
    background-position: 240% 0, 0 100%;
    opacity: 1;
}

.cl-eco-card:hover,
.cl-service-card:hover,
.cl-benefit-card:hover,
.cl-process-step:hover {
    transform: translateY(-9px) scale(1.012) !important;
    border-color: color-mix(in srgb, var(--cl-card-accent) 68%, var(--cl-card-accent-2)) !important;
    box-shadow:
        0 30px 70px color-mix(in srgb, var(--cl-shadow-color) 65%, transparent),
        0 0 34px color-mix(in srgb, var(--cl-card-accent) 20%, transparent),
        inset 0 1px rgba(255,255,255,.12) !important;
}

.cl-eco-card__icon,
.cl-benefit-card > span,
.cl-process-step__icon {
    position: relative;
    isolation: isolate;
}

.cl-eco-card__icon::after,
.cl-benefit-card > span::after,
.cl-process-step__icon::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -13px;
    border-radius: 50%;
    background: radial-gradient(circle, color-mix(in srgb, currentColor 24%, transparent), transparent 68%);
    filter: blur(7px);
    opacity: .7;
    transition: transform .35s var(--cl-fx-ease), opacity .35s ease;
}

.cl-eco-card:hover .cl-eco-card__icon::after,
.cl-benefit-card:hover > span::after,
.cl-process-step:hover .cl-process-step__icon::after {
    transform: scale(1.22);
    opacity: 1;
}

/* Process card badge must be fully visible. */
.cl-process-step {
    overflow: visible !important;
    padding-top: 30px !important;
}

.cl-process-step::before,
.cl-process-step::after {
    border-radius: inherit;
}

.cl-process-step__icon {
    overflow: visible !important;
    z-index: 5;
}

.cl-process-step__icon > span {
    top: -13px !important;
    left: 50% !important;
    z-index: 8 !important;
    min-width: 31px;
    min-height: 22px;
    display: inline-grid;
    place-items: center;
    padding: 3px 8px !important;
    border: 1px solid color-mix(in srgb, currentColor 48%, transparent);
    border-radius: 999px !important;
    color: #eff8ff !important;
    background: linear-gradient(135deg, #071731, #101f42) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.32), 0 0 16px color-mix(in srgb, currentColor 24%, transparent) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    transform: translateX(-50%) !important;
}

html[data-theme="light"] .cl-process-step__icon > span {
    color: #fff !important;
    background: linear-gradient(135deg, #253757, #344b74) !important;
    border-color: rgba(255,255,255,.28) !important;
}

/* CMS process block badge correction. */
.cl-cms-process-grid > article {
    position: relative;
    overflow: visible !important;
    padding-top: 22px;
}

.cl-cms-process-grid > article > .cl-cms-process-number {
    position: absolute !important;
    z-index: 6;
    top: 8px !important;
    left: 50% !important;
    width: auto !important;
    min-width: 31px;
    height: 22px !important;
    display: inline-grid !important;
    place-items: center;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #071731, #17284c) !important;
    border: 1px solid rgba(68,171,255,.45) !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.28), 0 0 14px rgba(18,168,216,.19) !important;
    transform: translate(-50%, -50%) !important;
}

/* CTA: content left, CreaRobi centered, actions right. */
.cl-section--cta {
    overflow: visible !important;
    padding-top: 78px !important;
}

.cl-cta {
    min-height: 220px !important;
    grid-template-columns: minmax(0, 1.3fr) minmax(210px, .58fr) minmax(230px, .48fr) !important;
    align-items: center !important;
    gap: clamp(18px, 2.2vw, 42px) !important;
    padding: 38px clamp(28px, 4vw, 62px) !important;
    overflow: visible !important;
    border-radius: 24px !important;
    isolation: isolate;
    box-shadow:
        0 36px 90px rgba(0,0,0,.34),
        0 0 42px rgba(18,168,216,.11),
        inset 0 1px rgba(255,255,255,.12) !important;
}

.cl-cta::before {
    border-radius: inherit !important;
    clip-path: inset(0 round 24px);
}

.cl-cta::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background:
        linear-gradient(110deg, transparent 0 35%, rgba(255,255,255,.10) 46%, transparent 57%) -180% 0 / 55% 100% no-repeat,
        linear-gradient(90deg, rgba(18,168,216,.42), rgba(124,58,237,.50), rgba(18,168,216,.15)) 0 100% / 100% 1px no-repeat;
    animation: cl-cta-sheen 8s ease-in-out infinite;
}

.cl-cta__content {
    grid-column: 1;
    z-index: 3 !important;
    max-width: 760px;
}

.cl-cta__robot {
    grid-column: 2;
    justify-self: center !important;
    align-self: end !important;
    z-index: 5 !important;
    width: clamp(235px, 18vw, 315px) !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    margin-top: -100px !important;
    margin-bottom: -48px !important;
    object-fit: contain !important;
    object-position: center bottom !important;
    transform: translateX(0) !important;
    filter: drop-shadow(0 28px 30px rgba(0,0,0,.38)) drop-shadow(0 0 30px rgba(18,168,216,.21)) !important;
}

.cl-cta__actions {
    grid-column: 3;
    justify-self: stretch !important;
    align-self: center !important;
    z-index: 4 !important;
    display: grid !important;
    gap: 12px !important;
    min-width: 220px;
}

.cl-cta__actions .cl-button {
    width: 100%;
    min-height: 52px;
    justify-content: center;
    border-radius: 15px !important;
    transition: transform .24s var(--cl-fx-ease), box-shadow .24s ease, border-color .24s ease !important;
}

.cl-cta__actions .cl-button:hover {
    transform: translateX(6px) translateY(-2px) !important;
}

@keyframes cl-cta-sheen {
    0%, 34%, 100% { background-position: -180% 0, 0 100%; }
    58%, 72% { background-position: 230% 0, 0 100%; }
}

/* Premium light-mode card palette. */
html[data-theme="light"] .cl-eco-card,
html[data-theme="light"] .cl-service-card,
html[data-theme="light"] .cl-benefit-card,
html[data-theme="light"] .cl-process-step {
    color: #17233f !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(18,168,216,.10), transparent 38%),
        linear-gradient(145deg, #ffffff 0%, #f3f8ff 62%, #eef3ff 100%) !important;
    border-color: rgba(57,69,103,.16) !important;
    box-shadow: 0 22px 55px rgba(43,64,100,.12), inset 0 1px rgba(255,255,255,.98) !important;
}

html[data-theme="light"] .cl-eco-card strong,
html[data-theme="light"] .cl-service-card h3,
html[data-theme="light"] .cl-benefit-card h3,
html[data-theme="light"] .cl-process-step h3 {
    color: #17233f !important;
}

html[data-theme="light"] .cl-eco-card p,
html[data-theme="light"] .cl-service-card p,
html[data-theme="light"] .cl-benefit-card p,
html[data-theme="light"] .cl-process-step p {
    color: #5b6b85 !important;
}

html[data-theme="light"] .cl-section--ecosystem,
html[data-theme="light"] .cl-section--services,
html[data-theme="light"] .cl-section--benefits,
html[data-theme="light"] .cl-section--process {
    border-color: rgba(57,69,103,.08) !important;
    background:
        radial-gradient(circle at 12% 12%, rgba(18,168,216,.10), transparent 31%),
        radial-gradient(circle at 88% 15%, rgba(124,58,237,.08), transparent 32%),
        linear-gradient(180deg, #f8fbff 0%, #edf4fd 100%) !important;
}

html[data-theme="light"] .cl-cta {
    color: #fff !important;
    border-color: rgba(18,168,216,.46) !important;
    background:
        radial-gradient(circle at 17% 56%, rgba(18,168,216,.38), transparent 36%),
        radial-gradient(circle at 88% 45%, rgba(124,58,237,.37), transparent 38%),
        linear-gradient(105deg, #07529e 0%, #173675 51%, #5b2188 100%) !important;
    box-shadow: 0 32px 75px rgba(57,69,103,.22), 0 0 30px rgba(18,168,216,.13) !important;
}

html[data-theme="light"] .cl-cta h2,
html[data-theme="light"] .cl-cta p {
    color: #fff !important;
}

/* Mobile menu stays fully within viewport and does not leave a ghost layer. */
.cl-mobile-nav:not(.is-open) {
    visibility: hidden !important;
    pointer-events: none !important;
}

.cl-mobile-nav.is-open {
    visibility: visible !important;
    pointer-events: auto !important;
}

@media (max-width: 1080px) {
    .cl-premium-mega { display: none !important; }

    .cl-cta {
        grid-template-columns: minmax(0, 1fr) minmax(190px, .42fr) !important;
        padding: 34px 30px !important;
    }

    .cl-cta__content { grid-column: 1; }
    .cl-cta__robot { grid-column: 2; grid-row: 1; width: 230px !important; margin-top: -78px !important; margin-bottom: -44px !important; }
    .cl-cta__actions { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; min-width: 0; }
}

@media (max-width: 680px) {
    .cl-section--cta { padding-top: 58px !important; }

    .cl-cta {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding: 34px 22px 24px !important;
        text-align: center;
        border-radius: 21px !important;
    }

    .cl-cta__content,
    .cl-cta__robot,
    .cl-cta__actions {
        grid-column: 1 !important;
    }

    .cl-cta__robot {
        grid-row: 2 !important;
        width: min(220px, 66vw) !important;
        margin: -10px auto -35px !important;
    }

    .cl-cta__actions {
        grid-row: 3 !important;
        grid-template-columns: 1fr !important;
        width: 100%;
    }

    .cl-cta__actions .cl-button:hover {
        transform: translateY(-2px) !important;
    }

    .cl-process-step {
        padding-top: 34px !important;
    }

    .cl-process-step__icon > span {
        top: -12px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cl-cta::after { animation: none !important; }
}