/* RESET — scoped */ .umx-header, .umx-header * { box-sizing: border-box; } .umx-header button { background: none; border: 0; padding: 0; font: inherit; color: inherit; cursor: pointer; } .umx-header ul { list-style: none; margin: 0; padding: 0; } .umx-header a { text-decoration: none; color: inherit; }/* HEADER CONTAINER */ .umx-header { position: sticky; top: 0; z-index: 999; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }.umx-header__bar { background: rgba(2, 6, 23, 0.85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255, 255, 255, 0.06); }.umx-header__inner { max-width: 1320px; margin: 0 auto; padding: 0 32px; height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }/* LOGO */ .umx-header__logo { flex-shrink: 0; display: inline-flex; align-items: center; } .umx-header__logo img { height: 48px; width: auto; display: block; }/* NAV (DESKTOP) */ .umx-header__nav { flex: 1; display: flex; justify-content: center; }.umx-nav { display: flex; align-items: center; gap: 4px; }.umx-nav__item { position: relative; }.umx-nav__link { display: inline-flex; align-items: center; gap: 4px; padding: 12px 16px; color: #C7D2FE; font-size: 14px; font-weight: 500; letter-spacing: 0.01em; border-radius: 8px; transition: color .2s ease, background .2s ease; white-space: nowrap; }.umx-nav__link:hover { color: #fff; background: rgba(255, 255, 255, 0.04); }.umx-nav__arrow { width: 14px; height: 14px; transition: transform .25s ease; }.umx-nav__item--dropdown:hover .umx-nav__arrow, .umx-nav__item--mega:hover .umx-nav__arrow { transform: rotate(180deg); }/* SIMPLE DROPDOWN (Kurumsal) */ .umx-dropdown { position: absolute; top: calc(100% + 8px); left: 0; min-width: 220px; background: rgba(8, 14, 32, 0.96); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 14px; padding: 10px; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .25s ease, transform .25s ease, visibility .25s ease; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); }.umx-nav__item--dropdown:hover .umx-dropdown, .umx-nav__item--dropdown:focus-within .umx-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }.umx-dropdown__link { display: block; padding: 10px 14px; color: #A8B3CF; font-size: 14px; border-radius: 8px; transition: color .2s ease, background .2s ease; }.umx-dropdown__link:hover { color: #fff; background: rgba(59, 130, 246, 0.12); }/* MEGA MENU */ .umx-mega { position: absolute; top: calc(100% + 8px); left: 50%; transform: translateX(-50%) translateY(-8px); width: min(1100px, 95vw); background: rgba(8, 14, 32, 0.97); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 18px; padding: 32px; opacity: 0; visibility: hidden; transition: opacity .3s ease, transform .3s ease, visibility .3s ease; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5); }.umx-nav__item--mega:hover .umx-mega, .umx-nav__item--mega:focus-within .umx-mega { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }.umx-mega__inner { display: grid; grid-template-columns: 1.2fr 1fr 1.1fr; gap: 36px; }.umx-mega__col { min-width: 0; }.umx-mega__heading { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #60A5FA; }.umx-mega__heading-dot { width: 6px; height: 6px; border-radius: 50%; background: #60A5FA; box-shadow: 0 0 8px rgba(96, 165, 250, .6); }.umx-mega__list li { margin: 0; }.umx-mega__list a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 12px; margin-left: -12px; margin-right: -12px; border-radius: 8px; color: #C7D2FE; font-size: 14px; font-weight: 500; transition: color .2s ease, background .2s ease, padding-left .2s ease; }.umx-mega__list a:hover { color: #fff; background: rgba(59, 130, 246, 0.1); padding-left: 16px; }.umx-mega__count { font-size: 11px; font-weight: 600; color: #64748B; background: rgba(255, 255, 255, 0.06); padding: 2px 8px; border-radius: 999px; }.umx-mega__all { display: inline-flex; align-items: center; gap: 6px; margin-top: 18px; padding: 10px 14px; color: #60A5FA; font-size: 13px; font-weight: 600; border-radius: 8px; background: rgba(59, 130, 246, 0.08); border: 1px solid rgba(59, 130, 246, 0.15); transition: background .25s ease, transform .25s ease; }.umx-mega__all:hover { background: rgba(59, 130, 246, 0.15); transform: translateX(2px); }.umx-mega__all svg { width: 14px; height: 14px; }/* CTA box inside mega */ .umx-mega__cta-box { margin-top: 24px; padding: 18px; background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(96, 165, 250, 0.04)); border: 1px solid rgba(59, 130, 246, 0.2); border-radius: 12px; }.umx-mega__cta-box strong { display: block; color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 6px; }.umx-mega__cta-box p { color: #A8B3CF; font-size: 13px; line-height: 1.55; margin: 0 0 12px; }.umx-mega__cta-box a { display: inline-flex; color: #60A5FA; font-size: 13px; font-weight: 600; }.umx-mega__cta-box a:hover { color: #93C5FD; }/* Featured product */ .umx-mega__col--featured { background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(8, 14, 32, 0)); border-radius: 14px; padding: 20px; margin: -20px; }.umx-mega__featured { display: block; }.umx-mega__featured-image { height: 140px; background: rgba(255, 255, 255, 0.03); border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 14px; margin-bottom: 14px; overflow: hidden; }.umx-mega__featured-image img { max-height: 100%; width: auto; object-fit: contain; filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.4)); transition: transform .35s ease; }.umx-mega__featured:hover .umx-mega__featured-image img { transform: scale(1.05); }.umx-mega__featured-tag { display: inline-block; padding: 3px 10px; background: #10b981; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .04em; border-radius: 999px; margin-bottom: 8px; }.umx-mega__featured-title { margin: 0 0 6px; color: #fff; font-size: 16px; font-weight: 700; letter-spacing: -.01em; }.umx-mega__featured-desc { margin: 0 0 12px; color: #A8B3CF; font-size: 13px; line-height: 1.55; }.umx-mega__featured-cta { display: inline-flex; align-items: center; gap: 6px; color: #60A5FA; font-size: 13px; font-weight: 600; transition: gap .2s ease; }.umx-mega__featured:hover .umx-mega__featured-cta { gap: 10px; }.umx-mega__featured-cta svg { width: 14px; height: 14px; }/* RIGHT SIDE */ .umx-header__right { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }.umx-header__cta { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; background: linear-gradient(135deg, #3B82F6, #1D4ED8); color: #fff !important; font-size: 13.5px; font-weight: 700; letter-spacing: .02em; border-radius: 10px; box-shadow: 0 8px 20px rgba(37, 99, 235, .25); transition: transform .25s ease, box-shadow .25s ease; }.umx-header__cta:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(37, 99, 235, .35); }.umx-header__cta svg { width: 14px; height: 14px; }/* HAMBURGER */ .umx-header__burger { display: none; width: 48px; height: 48px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border-radius: 10px; }.umx-header__burger span { display: block; width: 22px; height: 2px; background: #fff; border-radius: 2px; transition: transform .3s ease, opacity .3s ease; }.umx-header__burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }.umx-header__burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }.umx-header__burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }/* MOBILE MENU OVERLAY */ .umx-mobile { position: fixed; top: 72px; left: 0; right: 0; bottom: 0; background: rgba(2, 6, 23, 0.98); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .3s ease, transform .3s ease, visibility .3s ease; overflow-y: auto; z-index: 998; }.umx-mobile.is-open { opacity: 1; visibility: visible; transform: translateY(0); }.umx-mobile__inner { padding: 24px 20px 40px; max-width: 600px; margin: 0 auto; }.umx-mobile__link { display: block; padding: 16px 4px; color: #fff; font-size: 16px; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.06); transition: color .2s ease; }.umx-mobile__link:hover { color: #60A5FA; }.umx-mobile__group { border-bottom: 1px solid rgba(255, 255, 255, 0.06); }.umx-mobile__group summary { list-style: none; cursor: pointer; } .umx-mobile__group summary::-webkit-details-marker { display: none; }.umx-mobile__group-trigger { display: flex; align-items: center; justify-content: space-between; padding: 16px 4px; color: #fff; font-size: 16px; font-weight: 600; }.umx-mobile__group-trigger svg { width: 16px; height: 16px; transition: transform .25s ease; color: #60A5FA; }.umx-mobile__group[open] .umx-mobile__group-trigger svg { transform: rotate(180deg); }.umx-mobile__group-body { padding: 4px 0 16px; }.umx-mobile__group-body a { display: block; padding: 12px 16px; color: #C7D2FE; font-size: 14.5px; border-radius: 8px; transition: color .2s ease, background .2s ease; }.umx-mobile__group-body a:hover { color: #fff; background: rgba(59, 130, 246, 0.08); }.umx-mobile__subheading { padding: 14px 16px 6px; color: #60A5FA; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }.umx-mobile__subheading:first-child { padding-top: 4px; }/* Mobile dropdown — overview link at top (hub/listing page shortcut) */ .umx-mobile__group-overview { display: block; margin: 4px 0 12px; padding: 14px 16px !important; background: linear-gradient(135deg, rgba(59, 130, 246, 0.18), rgba(59, 130, 246, 0.08)); border: 1px solid rgba(96, 165, 250, 0.25); border-radius: 10px; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.01em; transition: all .25s ease; }.umx-mobile__group-overview:hover { background: linear-gradient(135deg, rgba(59, 130, 246, 0.28), rgba(59, 130, 246, 0.14)); border-color: rgba(96, 165, 250, 0.4); transform: translateX(2px); }.umx-mobile__all { margin-top: 12px; background: rgba(59, 130, 246, 0.1); border-radius: 10px; color: #60A5FA !important; font-weight: 700; text-align: center; }.umx-mobile__bottom { margin-top: 32px; display: flex; flex-direction: column; gap: 12px; }.umx-mobile__cta { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 16px; background: linear-gradient(135deg, #3B82F6, #1D4ED8); color: #fff !important; font-size: 15px; font-weight: 700; border-radius: 12px; box-shadow: 0 8px 20px rgba(37, 99, 235, .25); }.umx-mobile__cta svg { width: 16px; height: 16px; }.umx-mobile__phone { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; color: #C7D2FE; font-size: 14.5px; font-weight: 600; }.umx-mobile__phone svg { width: 16px; height: 16px; }/* RESPONSIVE — HIDE DESKTOP NAV, SHOW HAMBURGER */ @media (max-width: 1100px) { .umx-header__inner { padding: 0 20px; height: 72px; gap: 16px; } .umx-header__nav { display: none; } .umx-header__burger { display: flex; } .umx-header__cta { display: none; } .umx-header__logo img { height: 40px; } }@media (max-width: 480px) { .umx-header__inner { padding: 0 16px; } .umx-mobile__inner { padding: 20px 16px 32px; } }/* BODY SCROLL LOCK when mobile menu open */ body.umx-no-scroll { overflow: hidden; }/* ═══════════════════════════════════════════════════ LANGUAGE SWITCHER ═══════════════════════════════════════════════════ */.umx-lang { display: inline-flex; align-items: center; gap: 2px; padding: 4px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 999px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }.umx-lang__btn { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; padding: 7px 11px; font-size: 11.5px; font-weight: 700; letter-spacing: 0.05em; color: rgba(229, 231, 235, 0.55); text-decoration: none; border-radius: 999px; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); position: relative; }.umx-lang__btn:hover { color: #FFFFFF; background: rgba(255, 255, 255, 0.05); }.umx-lang__btn--active { color: #FFFFFF; background: linear-gradient(135deg, rgba(59, 130, 246, 0.25) 0%, rgba(59, 130, 246, 0.12) 100%); border: 1px solid rgba(96, 165, 250, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 2px 6px rgba(59, 130, 246, 0.15); }.umx-lang__btn--active:hover { background: linear-gradient(135deg, rgba(59, 130, 246, 0.35) 0%, rgba(59, 130, 246, 0.18) 100%); }/* Tablet — biraz daha kompakt */ @media (max-width: 1100px) { .umx-lang:not(.umx-lang--mobile) { gap: 1px; padding: 3px; } .umx-lang:not(.umx-lang--mobile) .umx-lang__btn { min-width: 32px; padding: 6px 9px; font-size: 11px; } }/* Mobile menü içinde — full width versiyon */ .umx-mobile__lang-wrap { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.08); }.umx-mobile__lang-label { display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.16em; color: rgba(229, 231, 235, 0.5); text-transform: uppercase; margin-bottom: 12px; }.umx-lang--mobile { display: flex; width: 100%; }.umx-lang--mobile .umx-lang__btn { flex: 1; padding: 12px 8px; font-size: 12px; }/* Header right area — flex spacing */ .umx-header__right { gap: 12px !important; }@media (max-width: 1100px) { .umx-header__right { gap: 8px !important; } }(function() { var burger = document.querySelector('.umx-header__burger'); var mobile = document.querySelector('.umx-mobile'); var body = document.body;if (!burger || !mobile) return;burger.addEventListener('click', function() { var isOpen = mobile.classList.contains('is-open');if (isOpen) { mobile.classList.remove('is-open'); mobile.setAttribute('aria-hidden', 'true'); burger.setAttribute('aria-expanded', 'false'); body.classList.remove('umx-no-scroll'); } else { mobile.classList.add('is-open'); mobile.setAttribute('aria-hidden', 'false'); burger.setAttribute('aria-expanded', 'true'); body.classList.add('umx-no-scroll'); } });// Close menu on link click mobile.querySelectorAll('a').forEach(function(link) { link.addEventListener('click', function() { mobile.classList.remove('is-open'); mobile.setAttribute('aria-hidden', 'true'); burger.setAttribute('aria-expanded', 'false'); body.classList.remove('umx-no-scroll'); }); });// Close on ESC document.addEventListener('keydown', function(e) { if (e.key === 'Escape' && mobile.classList.contains('is-open')) { burger.click(); } }); })();
<!-- ================================================================================ ULUÇMAKSAN — KURUMSAL HUB SAYFASI v2 URL: /kurumsal ================================================================================ DEĞİŞİKLİK (v1 → v2): - Blog kartından "YAKINDA" turuncu badge KALDIRILDI (blog artık aktif) - 4 değişiklik: 1.
COMING SOON
HTML satırı silindi 2. Blog kartının class'ından "umx-kurumsal-card--blog" modifier kaldırıldı 3. CSS'ten .umx-kurumsal-card__badge bloğu silindi (gereksiz) 4. CSS'ten "BLOG KARTI — YAKINDA BADGE" yorum kaldırıldıKORUYAN: Diğer her şey birebir aynı (tüm 4 section, tüm CSS, responsive)YAPIŞTIRMA: WordPress → Pages → Kurumsal → Edit with Elementor → HTML widget'a tıkla → mevcut tüm kodu sil (Cmd+A → Delete) → bu dosyanın tüm içeriğini yapıştır → Update → Cloudways → Purge Site Cache ================================================================================ -->
COMPANY

40 years of engineering heritage, a corporate future.

From a small engineering workshop founded in Adapazari in 1985 to an industrial machinery manufacturer exporting to 50+ countries. Discover our company, our team and our understanding of quality on this page.

40+
YEARS OF EXPERIENCE
50+
COUNTRIES EXPORTED TO
3
ISO CERTIFICATES
2.
GENERATIONS OF FAMILY
AT A GLANCE

Industrial engineering from Türkiye to the world.

As Uluç Makina Gıda San. Tic. Ltd. Şti., from our production facility in Adapazari we export industrial nut processing machinery to 50+ countries . We manufacture machines engineered with precision for every stage of almond, hazelnut, pistachio and walnut processing.

We combine more than 40 years of accumulated knowledge with modern engineering principles and international quality standards. We build a bridge between the continuity that comes with being a family company and the reliability that comes with corporate discipline .

Detailed Story Product Portfolio
FOR MORE

Get in touch with us, let's produce together.

Your machinery requirements, technical questions, a facility visit or a career application — our door is open for all of them.

✓ 40+ years of experience ✓ Customers in 50+ countries ✓ ISO certified manufacturing
/* ═══════════════════════════════════════════════════ ULUÇMAKSAN — KURUMSAL HUB SAYFASI Namespace: .umx-kurumsal-* ═══════════════════════════════════════════════════ */.umx-kurumsal-hero, .umx-kurumsal-hero *, .umx-kurumsal-grid, .umx-kurumsal-grid *, .umx-kurumsal-story, .umx-kurumsal-story *, .umx-kurumsal-cta, .umx-kurumsal-cta * { box-sizing: border-box; min-width: 0; }/* Hello Theme override */ html body [class*="umx-kurumsal"] h1, html body [class*="umx-kurumsal"] h2, html body [class*="umx-kurumsal"] h3, html body [class*="umx-kurumsal"] h4 { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; font-style: normal !important; text-shadow: none !important; text-transform: none !important; margin-top: 0 !important; padding: 0 !important; }html body [class*="umx-kurumsal"] h1 { line-height: 1.06 !important; } html body [class*="umx-kurumsal"] h2 { line-height: 1.12 !important; } html body [class*="umx-kurumsal"] h3 { line-height: 1.25 !important; }html body .umx-kurumsal-hero h1.umx-kurumsal-hero__title { margin-bottom: 24px !important; } html body .umx-kurumsal-grid h2.umx-kurumsal-grid__title { margin-bottom: 16px !important; } html body .umx-kurumsal-grid h3.umx-kurumsal-card__title { margin-bottom: 12px !important; } html body .umx-kurumsal-story h2.umx-kurumsal-story__title { margin-bottom: 20px !important; } html body .umx-kurumsal-cta h2.umx-kurumsal-cta__title { margin-bottom: 20px !important; }/* Flex stack fix */ html body .umx-kurumsal-hero__strip-item, html body .umx-kurumsal-story__highlight { display: flex !important; flex-direction: column !important; gap: 4px !important; }html body .umx-kurumsal-hero__strip-item > div, html body .umx-kurumsal-story__highlight > div { display: block !important; line-height: 1.3 !important; margin: 0 !important; }html body .umx-kurumsal-cta__trust { display: flex !important; align-items: center !important; justify-content: center !important; gap: 24px !important; flex-wrap: wrap !important; }html body .umx-kurumsal-cta__trust span { display: inline-block !important; line-height: 1.4 !important; margin: 0 !important; }/* Overflow protection */ .umx-kurumsal-hero, .umx-kurumsal-grid, .umx-kurumsal-story, .umx-kurumsal-cta { overflow-x: clip; max-width: 100vw; }@keyframes umx-kurumsal-pulse { 0%, 100% { opacity: 0.7; transform: scale(1); } 50% { opacity: 1; transform: scale(1.3); } }/* ───────────────────────────────────────────────────── 1. HERO EDITORIAL (DARK) ───────────────────────────────────────────────────── */ .umx-kurumsal-hero { position: relative; padding: 100px 0 90px; background: radial-gradient(ellipse at 20% 0%, rgba(59, 130, 246, 0.14) 0%, transparent 55%), radial-gradient(ellipse at 80% 100%, rgba(96, 165, 250, 0.08) 0%, transparent 50%), linear-gradient(180deg, #060B1A 0%, #080E20 100%); font-family: 'Inter', -apple-system, sans-serif; overflow: hidden; }.umx-kurumsal-hero__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(59, 130, 246, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(59, 130, 246, 0.04) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%); -webkit-mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%); z-index: 0; pointer-events: none; }.umx-kurumsal-hero__container { position: relative; z-index: 2; max-width: 1280px; margin: 0 auto; padding: 0 32px; }.umx-kurumsal-hero__breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 32px; font-size: 13px; color: #94A3B8; flex-wrap: wrap; }.umx-kurumsal-hero__breadcrumb a { color: #94A3B8; text-decoration: none; transition: color 0.25s ease; } .umx-kurumsal-hero__breadcrumb a:hover { color: #FFFFFF; } .umx-kurumsal-hero__breadcrumb span[aria-current="page"] { color: #FFFFFF; font-weight: 500; }.umx-kurumsal-hero__eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(96, 165, 250, 0.25); border-radius: 999px; color: #93C5FD; font-size: 11.5px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 28px; }.umx-kurumsal-hero__eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: #60A5FA; box-shadow: 0 0 12px rgba(96, 165, 250, 0.8); animation: umx-kurumsal-pulse 2s ease-in-out infinite; }.umx-kurumsal-hero__title { font-size: clamp(38px, 5vw, 64px); font-weight: 800; letter-spacing: -0.035em; color: #FFFFFF; max-width: 960px; }.umx-kurumsal-hero__title-accent { background-image: linear-gradient(135deg, #60A5FA 0%, #3B82F6 50%, #93C5FD 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }.umx-kurumsal-hero__subtitle { margin: 0 0 48px; max-width: 720px; font-size: 17.5px; line-height: 1.65; color: #94A3B8; } .umx-kurumsal-hero__subtitle strong { color: #E5E7EB; font-weight: 600; }.umx-kurumsal-hero__strip { display: flex; align-items: stretch; gap: 28px; padding-top: 36px; border-top: 1px solid rgba(255, 255, 255, 0.08); flex-wrap: wrap; }.umx-kurumsal-hero__strip-num { font-size: 32px; font-weight: 800; letter-spacing: -0.02em; background-image: linear-gradient(135deg, #FFFFFF 0%, #93C5FD 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; font-feature-settings: 'tnum'; }.umx-kurumsal-hero__strip-label { font-size: 12px; font-weight: 600; letter-spacing: 0.05em; color: #94A3B8; }.umx-kurumsal-hero__strip-divider { width: 1px; background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.15), transparent); align-self: stretch; }/* ───────────────────────────────────────────────────── 2. 4 KART GRID (LIGHT) ───────────────────────────────────────────────────── */ .umx-kurumsal-grid { padding: 110px 0; background: linear-gradient(180deg, #FAFCFE 0%, #F1F5F9 100%); font-family: 'Inter', -apple-system, sans-serif; }.umx-kurumsal-grid__container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }.umx-kurumsal-grid__header { text-align: center; max-width: 720px; margin: 0 auto 64px; }.umx-kurumsal-grid__eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 6px 14px; background: rgba(37, 99, 235, 0.08); border: 1px solid rgba(37, 99, 235, 0.2); border-radius: 999px; color: #2563EB; font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 24px; }.umx-kurumsal-grid__eyebrow-dot { width: 5px; height: 5px; border-radius: 50%; background: #2563EB; animation: umx-kurumsal-pulse 2s ease-in-out infinite; }.umx-kurumsal-grid__title { font-size: clamp(30px, 4vw, 46px); font-weight: 800; letter-spacing: -0.03em; color: #0F172A; }.umx-kurumsal-grid__title-accent { background-image: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }.umx-kurumsal-grid__subtitle { margin: 0; font-size: 16px; line-height: 1.65; color: #64748B; }.umx-kurumsal-grid__cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }/* KARTLAR */ .umx-kurumsal-card { position: relative; display: flex; flex-direction: column; padding: 40px 36px; background: #FFFFFF; border: 1px solid rgba(15, 23, 42, 0.06); border-radius: 20px; text-decoration: none; color: inherit; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px -2px rgba(15, 23, 42, 0.03); overflow: hidden; }.umx-kurumsal-card::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.06) 0%, transparent 50%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; }.umx-kurumsal-card:hover { border-color: rgba(59, 130, 246, 0.25); transform: translateY(-8px); box-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.12), 0 32px 64px -20px rgba(59, 130, 246, 0.2); }.umx-kurumsal-card:hover::before { opacity: 1; }.umx-kurumsal-card__icon { width: 60px; height: 60px; border-radius: 16px; background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%); border: 1px solid rgba(59, 130, 246, 0.18); display: flex; align-items: center; justify-content: center; margin-bottom: 24px; position: relative; z-index: 1; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }.umx-kurumsal-card:hover .umx-kurumsal-card__icon { transform: scale(1.05) rotate(-4deg); }.umx-kurumsal-card__icon svg { width: 28px; height: 28px; color: #2563EB; }.umx-kurumsal-card__tag { display: inline-block; align-self: flex-start; padding: 4px 10px; background: rgba(37, 99, 235, 0.08); border: 1px solid rgba(37, 99, 235, 0.18); border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: 0.16em; color: #2563EB; text-transform: uppercase; margin-bottom: 14px; position: relative; z-index: 1; }.umx-kurumsal-card__title { font-size: 26px; font-weight: 800; color: #0F172A; letter-spacing: -0.025em; position: relative; z-index: 1; }.umx-kurumsal-card__desc { margin: 0 0 28px; font-size: 14.5px; line-height: 1.7; color: #475569; flex: 1; position: relative; z-index: 1; }.umx-kurumsal-card__cta { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: #2563EB; letter-spacing: 0.01em; position: relative; z-index: 1; transition: gap 0.3s ease; }.umx-kurumsal-card:hover .umx-kurumsal-card__cta { gap: 14px; color: #1D4ED8; }.umx-kurumsal-card__cta svg { width: 16px; height: 16px; }/* ───────────────────────────────────────────────────── 3. BRAND STORY (DARK) ───────────────────────────────────────────────────── */ .umx-kurumsal-story { position: relative; padding: 110px 0; background: radial-gradient(ellipse at 25% 30%, rgba(59, 130, 246, 0.12) 0%, transparent 55%), radial-gradient(ellipse at 75% 70%, rgba(96, 165, 250, 0.08) 0%, transparent 50%), linear-gradient(180deg, #040814 0%, #060B1A 100%); font-family: 'Inter', -apple-system, sans-serif; overflow: hidden; }.umx-kurumsal-story__glow { position: absolute; width: 600px; height: 600px; border-radius: 50%; background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%); filter: blur(100px); top: -200px; right: -150px; pointer-events: none; z-index: 0; }.umx-kurumsal-story__container { position: relative; z-index: 2; max-width: 1280px; margin: 0 auto; padding: 0 32px; }.umx-kurumsal-story__layout { display: grid; grid-template-columns: 1.4fr 1fr; gap: 64px; align-items: center; }.umx-kurumsal-story__eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 6px 14px; background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(96, 165, 250, 0.25); border-radius: 999px; color: #93C5FD; font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 24px; }.umx-kurumsal-story__eyebrow-dot { width: 5px; height: 5px; border-radius: 50%; background: #60A5FA; box-shadow: 0 0 8px rgba(96, 165, 250, 0.7); animation: umx-kurumsal-pulse 2s ease-in-out infinite; }.umx-kurumsal-story__title { font-size: clamp(28px, 3.8vw, 42px); font-weight: 800; letter-spacing: -0.03em; color: #FFFFFF; }.umx-kurumsal-story__title-accent { background-image: linear-gradient(135deg, #60A5FA 0%, #3B82F6 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }.umx-kurumsal-story__desc { margin: 0 0 18px; font-size: 15.5px; line-height: 1.75; color: #94A3B8; }.umx-kurumsal-story__desc strong { color: #E5E7EB; font-weight: 600; }.umx-kurumsal-story__buttons { display: flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; }.umx-kurumsal-story__btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; font-size: 14.5px; font-weight: 700; letter-spacing: 0.01em; border-radius: 11px; text-decoration: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid transparent; }.umx-kurumsal-story__btn svg { width: 15px; height: 15px; transition: transform 0.3s ease; }.umx-kurumsal-story__btn--primary { background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%); color: #FFFFFF; box-shadow: 0 8px 22px rgba(37, 99, 235, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); }.umx-kurumsal-story__btn--primary:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(37, 99, 235, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.2); }.umx-kurumsal-story__btn--primary:hover svg { transform: translateX(3px); }.umx-kurumsal-story__btn--ghost { background: rgba(255, 255, 255, 0.06); color: #FFFFFF; border-color: rgba(255, 255, 255, 0.15); }.umx-kurumsal-story__btn--ghost:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3); transform: translateY(-2px); }/* HIGHLIGHTS SIDE */ .umx-kurumsal-story__highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }.umx-kurumsal-story__highlight { padding: 28px 22px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 16px; backdrop-filter: blur(8px); transition: all 0.3s ease; }.umx-kurumsal-story__highlight:hover { background: rgba(59, 130, 246, 0.06); border-color: rgba(96, 165, 250, 0.3); transform: translateY(-3px); }.umx-kurumsal-story__highlight-num { font-size: 36px; font-weight: 800; line-height: 1; letter-spacing: -0.03em; background-image: linear-gradient(135deg, #FFFFFF 0%, #93C5FD 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; font-feature-settings: 'tnum'; margin-bottom: 8px !important; }.umx-kurumsal-story__highlight-label { font-size: 12px; font-weight: 600; color: #94A3B8; letter-spacing: 0.04em; text-transform: uppercase; }/* ───────────────────────────────────────────────────── 4. FINAL CTA (DARK) ───────────────────────────────────────────────────── */ .umx-kurumsal-cta { position: relative; padding: 130px 0; background: radial-gradient(ellipse at 30% 0%, rgba(59, 130, 246, 0.18) 0%, transparent 55%), radial-gradient(ellipse at 70% 100%, rgba(96, 165, 250, 0.1) 0%, transparent 50%), linear-gradient(180deg, #060B1A 0%, #080E20 100%); font-family: 'Inter', -apple-system, sans-serif; overflow: hidden; }.umx-kurumsal-cta__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(59, 130, 246, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(59, 130, 246, 0.05) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(ellipse at center, black 0%, transparent 60%); -webkit-mask-image: radial-gradient(ellipse at center, black 0%, transparent 60%); z-index: 0; pointer-events: none; }.umx-kurumsal-cta__glow { position: absolute; width: 800px; height: 800px; border-radius: 50%; background: radial-gradient(circle, rgba(59, 130, 246, 0.18) 0%, transparent 70%); filter: blur(120px); top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 0; }.umx-kurumsal-cta__container { position: relative; z-index: 2; max-width: 880px; margin: 0 auto; padding: 0 32px; text-align: center; }.umx-kurumsal-cta__eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(96, 165, 250, 0.25); border-radius: 999px; color: #93C5FD; font-size: 11.5px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; margin-bottom: 28px; }.umx-kurumsal-cta__eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: #60A5FA; box-shadow: 0 0 12px rgba(96, 165, 250, 0.8); animation: umx-kurumsal-pulse 2s ease-in-out infinite; }.umx-kurumsal-cta__title { font-size: clamp(34px, 4.5vw, 56px); font-weight: 800; letter-spacing: -0.035em; color: #FFFFFF; }.umx-kurumsal-cta__title-accent { background-image: linear-gradient(135deg, #60A5FA 0%, #3B82F6 50%, #93C5FD 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }.umx-kurumsal-cta__subtitle { margin: 0 0 44px; font-size: 17px; line-height: 1.65; color: #94A3B8; max-width: 640px; margin-left: auto; margin-right: auto; }.umx-kurumsal-cta__buttons { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; margin-bottom: 36px; }.umx-kurumsal-cta__btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 32px; font-size: 15px; font-weight: 700; letter-spacing: 0.01em; border-radius: 12px; text-decoration: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid transparent; }.umx-kurumsal-cta__btn svg { width: 16px; height: 16px; transition: transform 0.3s ease; }.umx-kurumsal-cta__btn--primary { background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%); color: #FFFFFF; box-shadow: 0 10px 28px rgba(37, 99, 235, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.1); }.umx-kurumsal-cta__btn--primary:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(37, 99, 235, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2); }.umx-kurumsal-cta__btn--primary:hover svg { transform: translateX(4px); }.umx-kurumsal-cta__btn--ghost { background: rgba(255, 255, 255, 0.06); color: #FFFFFF; border-color: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); }.umx-kurumsal-cta__btn--ghost:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3); transform: translateY(-2px); }.umx-kurumsal-cta__trust { padding-top: 32px; border-top: 1px solid rgba(255, 255, 255, 0.08); max-width: 640px; margin: 0 auto; }.umx-kurumsal-cta__trust span { font-size: 13px; font-weight: 600; color: #CBD5E1; letter-spacing: 0.01em; }/* ───────────────────────────────────────────────────── RESPONSIVE ───────────────────────────────────────────────────── */ @media (max-width: 1024px) { .umx-kurumsal-hero { padding: 80px 0 70px; } .umx-kurumsal-grid { padding: 80px 0; } .umx-kurumsal-grid__cards { grid-template-columns: 1fr; gap: 18px; max-width: 580px; margin: 0 auto; } .umx-kurumsal-story { padding: 80px 0; } .umx-kurumsal-story__layout { grid-template-columns: 1fr; gap: 48px; } .umx-kurumsal-cta { padding: 90px 0; } }@media (max-width: 768px) { .umx-kurumsal-hero { padding: 64px 0 56px; } .umx-kurumsal-hero__container, .umx-kurumsal-grid__container, .umx-kurumsal-story__container, .umx-kurumsal-cta__container { padding: 0 20px; }html body .umx-kurumsal-hero h1.umx-kurumsal-hero__title { font-size: 32px !important; } html body .umx-kurumsal-grid h2.umx-kurumsal-grid__title { font-size: 26px !important; } html body .umx-kurumsal-story h2.umx-kurumsal-story__title { font-size: 26px !important; } html body .umx-kurumsal-cta h2.umx-kurumsal-cta__title { font-size: 30px !important; }.umx-kurumsal-hero__subtitle { font-size: 15.5px; } .umx-kurumsal-hero__strip { gap: 18px; } .umx-kurumsal-hero__strip-num { font-size: 26px; } .umx-kurumsal-hero__strip-divider { display: none; }.umx-kurumsal-card { padding: 32px 28px; } .umx-kurumsal-card__title { font-size: 22px; }.umx-kurumsal-story__highlights { gap: 12px; } .umx-kurumsal-story__highlight { padding: 22px 18px; } .umx-kurumsal-story__highlight-num { font-size: 28px; }.umx-kurumsal-cta { padding: 80px 0; } .umx-kurumsal-cta__buttons { flex-direction: column; align-items: stretch; } .umx-kurumsal-cta__btn { width: 100%; justify-content: center; } .umx-kurumsal-cta__trust { gap: 12px 18px; font-size: 12.5px; } }@media (max-width: 480px) { .umx-kurumsal-hero__container, .umx-kurumsal-grid__container, .umx-kurumsal-story__container, .umx-kurumsal-cta__container { padding: 0 16px; }html body .umx-kurumsal-hero h1.umx-kurumsal-hero__title { font-size: 28px !important; } html body .umx-kurumsal-grid h2.umx-kurumsal-grid__title { font-size: 24px !important; } html body .umx-kurumsal-story h2.umx-kurumsal-story__title { font-size: 24px !important; } html body .umx-kurumsal-cta h2.umx-kurumsal-cta__title { font-size: 26px !important; }.umx-kurumsal-card { padding: 28px 22px; } .umx-kurumsal-card__icon { width: 52px; height: 52px; } .umx-kurumsal-card__title { font-size: 20px; }.umx-kurumsal-story__highlights { grid-template-columns: 1fr 1fr; } .umx-kurumsal-story__highlight-num { font-size: 26px; } }@media (prefers-reduced-motion: reduce) { .umx-kurumsal-hero *, .umx-kurumsal-grid *, .umx-kurumsal-story *, .umx-kurumsal-cta * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }