/* CV Arsyfa Media Global — MEP landing page */
.mep-landing { --mep-navy:#061b2d; --mep-blue:#0868a6; --mep-cyan:#13b5d1; --mep-orange:#f28a35; --mep-ink:#10293c; --mep-muted:#667887; --mep-line:#dce7ed; background:#fff; color:var(--mep-ink); }
.mep-landing *, .mep-landing *::before, .mep-landing *::after { box-sizing:border-box; }
.mep-container { width:min(1180px, calc(100% - 40px)); margin:0 auto; }
.mep-kicker { display:inline-block; margin-bottom:12px; color:var(--mep-blue); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.mep-landing h1,.mep-landing h2,.mep-landing h3 { margin-top:0; font-family:'Manrope',sans-serif; }
.mep-landing h2 { color:var(--mep-navy); font-size:clamp(30px,4vw,48px); line-height:1.14; letter-spacing:-.04em; }
.mep-landing p { color:var(--mep-muted); }
.mep-btn { display:inline-flex; min-height:54px; padding:0 24px; align-items:center; justify-content:center; gap:10px; border-radius:9px; font-size:14px; font-weight:700; transition:.25s ease; }
.mep-btn:hover { transform:translateY(-2px); }
.mep-btn-primary { background:var(--mep-orange); color:#fff!important; box-shadow:0 14px 30px rgba(242,138,53,.28); }
.mep-btn-primary:hover { background:#ff9b4b; }
.mep-btn-ghost { border:1px solid rgba(255,255,255,.35); color:#fff!important; background:rgba(255,255,255,.07); }
.mep-btn-ghost:hover { background:rgba(255,255,255,.14); }

.ars-company-tools { align-items:center; justify-content:flex-end; gap:18px; text-align:left!important; }
.ars-company-tag { display:flex; flex-direction:column; line-height:1.25; }
.ars-company-tag small { color:#8293a1; font-size:10px; letter-spacing:.04em; }
.ars-company-tag strong { color:#10293c; font-size:13px; }
.ars-header-cta { display:inline-flex; align-items:center; gap:7px; padding:10px 17px; border-radius:8px; background:#0a77b7; color:#fff!important; font-size:13px; font-weight:700; white-space:nowrap; }
.ars-header-cta:hover { background:#075887; transform:translateY(-1px); }

.mep-hero { position:relative; min-height:690px; display:flex; align-items:center; overflow:hidden; background:var(--mep-navy); }
.mep-hero-backdrop { position:absolute; inset:0; background-image:linear-gradient(90deg,rgba(3,18,31,.98) 0%,rgba(4,27,46,.91) 35%,rgba(5,29,47,.28) 66%,rgba(5,29,47,.08) 100%),url('../../../img/banner/ars-mep-hero-v1.webp'); background-position:center; background-size:cover; }
.mep-hero::before { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(0deg,rgba(4,21,34,.42),transparent 40%); }
.mep-hero-content { position:relative; z-index:2; padding:90px 0; }
.mep-hero-copy { max-width:670px; }
.mep-eyebrow { display:inline-flex; align-items:center; gap:9px; margin-bottom:22px; padding:8px 12px; border:1px solid rgba(71,202,230,.35); border-radius:6px; background:rgba(6,84,121,.3); color:#8adcef; font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.mep-hero h1 { color:#fff; font-size:clamp(42px,5.3vw,72px); line-height:1.06; letter-spacing:-.055em; }
.mep-hero h1 span { color:#67d0e4; }
.mep-hero-copy>p { max-width:625px; margin:24px 0 32px; color:rgba(255,255,255,.72); font-size:18px; line-height:1.75; }
.mep-hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.mep-trust-row { display:flex; flex-wrap:wrap; gap:22px; margin-top:34px; color:rgba(255,255,255,.68); font-size:12px; }
.mep-trust-row i { margin-right:6px; color:#67d0e4; }
.mep-scroll { position:absolute; z-index:2; left:50%; bottom:25px; width:24px; height:38px; border:1px solid rgba(255,255,255,.35); border-radius:20px; }
.mep-scroll span { position:absolute; top:8px; left:10px; width:3px; height:7px; border-radius:3px; background:#fff; animation:mepScroll 1.7s infinite; }
@keyframes mepScroll { 0%{transform:translateY(0);opacity:1} 100%{transform:translateY(13px);opacity:0} }

.mep-intro { padding:100px 0 80px; }
.mep-intro-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:90px; align-items:end; }
.mep-intro-title h2 { margin-bottom:0; }
.mep-intro-copy p { margin-bottom:20px; font-size:17px; line-height:1.8; }
.mep-intro-copy strong { color:var(--mep-ink); }
.mep-text-link { display:inline-flex; align-items:center; gap:9px; color:var(--mep-blue)!important; font-weight:700; }
.mep-text-link i { font-size:11px; transition:.2s ease; }
.mep-text-link:hover i { transform:translateX(4px); }
.mep-metrics { display:grid; grid-template-columns:repeat(4,1fr); margin-top:70px; border-top:1px solid var(--mep-line); border-bottom:1px solid var(--mep-line); }
.mep-metrics>div { padding:28px 25px; border-right:1px solid var(--mep-line); }
.mep-metrics>div:first-child { padding-left:0; }
.mep-metrics>div:last-child { border-right:0; }
.mep-metrics strong { display:block; color:var(--mep-blue); font-family:'Manrope',sans-serif; font-size:25px; }
.mep-metrics span { color:var(--mep-muted); font-size:12px; }

.mep-services { padding:100px 0; background:#f3f7f9; }
.mep-section-head { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:50px; }
.mep-section-head h2 { max-width:710px; margin-bottom:0; }
.mep-section-head>p { max-width:390px; margin-bottom:8px; }
.mep-service-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.mep-service-card { position:relative; min-height:390px; padding:38px; overflow:hidden; border:1px solid var(--mep-line); border-radius:16px; background:#fff; transition:.3s ease; }
.mep-service-card:hover { transform:translateY(-5px); box-shadow:0 22px 45px rgba(8,48,74,.1); }
.mep-service-featured { border-color:#b9deea; background:linear-gradient(145deg,#fff,#eaf7fa); }
.mep-service-dark { background:var(--mep-navy); border-color:var(--mep-navy); }
.mep-service-number { position:absolute; top:25px; right:30px; color:#bfd0da; font-family:'Manrope'; font-size:42px; font-weight:800; opacity:.45; }
.mep-service-icon { width:58px; height:58px; margin-bottom:28px; display:grid; place-items:center; border-radius:12px; background:#e7f4f8; color:var(--mep-blue); font-size:24px; }
.mep-service-card h3 { color:var(--mep-navy); font-size:25px; }
.mep-service-card p { max-width:490px; }
.mep-service-card ul { margin:24px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:8px; list-style:none; }
.mep-service-card li { padding:6px 10px; border-radius:5px; background:#f0f5f7; color:#506574; font-size:11px; font-weight:600; }
.mep-service-dark h3,.mep-service-dark p,.mep-service-dark a { color:#fff!important; }
.mep-service-dark p { color:rgba(255,255,255,.65)!important; }
.mep-service-dark .mep-service-icon { background:rgba(255,255,255,.1); color:#5bcbe2; }
.mep-service-dark>a { position:absolute; left:38px; bottom:38px; font-weight:700; }

.mep-why { padding:110px 0; }
.mep-why-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; align-items:center; }
.mep-why-visual { min-height:560px; display:flex; align-items:end; padding:35px; border-radius:18px; background:linear-gradient(145deg,rgba(7,39,65,.2),rgba(6,27,45,.88)),url('../../../img/banner/ars-mep-hero-v1.webp') center/cover; box-shadow:0 25px 55px rgba(4,26,43,.18); }
.mep-blueprint { padding:24px; border:1px solid rgba(255,255,255,.22); border-radius:12px; background:rgba(5,25,42,.77); backdrop-filter:blur(8px); color:#fff; }
.mep-blueprint-mark { width:46px; height:46px; display:grid; place-items:center; margin-bottom:15px; border-radius:9px; background:var(--mep-orange); }
.mep-blueprint span { display:block; color:#73d5e8; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.mep-blueprint strong { display:block; margin-top:5px; font-family:'Manrope'; font-size:20px; }
.mep-why-content h2 { margin-bottom:38px; }
.mep-benefit { display:grid; grid-template-columns:48px 1fr; gap:20px; padding:22px 0; border-top:1px solid var(--mep-line); }
.mep-benefit>span { color:var(--mep-cyan); font-weight:800; }
.mep-benefit h3 { margin-bottom:6px; color:var(--mep-navy); font-size:17px; }
.mep-benefit p { margin:0; }

.mep-process { padding:95px 0 105px; background:var(--mep-navy); }
.mep-section-head-light h2 { color:#fff; }
.mep-section-head-light .mep-kicker { color:#62d0e5; }
.mep-process-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.16); }
.mep-process-grid>div { position:relative; padding:34px 25px 0; border-right:1px solid rgba(255,255,255,.13); }
.mep-process-grid>div:first-child { padding-left:0; }
.mep-process-grid>div:last-child { border-right:0; }
.mep-process-grid span { position:absolute; top:-14px; padding:3px 8px; background:var(--mep-navy); color:#66d1e5; font-size:11px; font-weight:800; }
.mep-process-grid i { display:block; margin:10px 0 25px; color:var(--mep-orange); font-size:28px; }
.mep-process-grid h3 { color:#fff; font-size:18px; }
.mep-process-grid p { color:rgba(255,255,255,.55); font-size:13px; }

.mep-projects { padding:100px 0; background:#fff; overflow:hidden; -webkit-transform:translateZ(0); transform:translateZ(0); }
.mep-project-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:18px; align-items:stretch; min-width:0; }
.mep-project-card { position:relative; display:block; width:100%; min-width:0; height:clamp(280px,30vw,360px); aspect-ratio:4/5; overflow:hidden; border-radius:14px; background:#0b263b; isolation:isolate; -webkit-transform:translateZ(0); transform:translateZ(0); }
.mep-project-card img { display:block; position:absolute; inset:0; z-index:0; width:100%; height:100%; min-height:100%; object-fit:cover; -webkit-object-fit:cover; transition:.45s ease; }
.mep-project-card:hover img { transform:scale(1.05); }
.mep-project-card::after { content:''; position:absolute; z-index:1; inset:0; background:linear-gradient(0deg,rgba(3,18,30,.94),rgba(3,18,30,.05) 65%); }
.mep-project-overlay { position:absolute; z-index:2; left:0; right:0; bottom:0; min-width:0; padding:clamp(18px,2.1vw,25px); color:#fff; }
.mep-project-overlay span { display:inline-block; margin-bottom:7px; color:#69d1e5; font-size:11px; font-weight:800; letter-spacing:.1em; }
.mep-project-overlay h3 { margin-bottom:4px; color:#fff; font-size:clamp(16px,1.6vw,18px); line-height:1.25; overflow-wrap:anywhere; }
.mep-project-overlay p { margin:0; color:rgba(255,255,255,.68); font-size:12px; line-height:1.45; }
.mep-project-placeholder { position:absolute; inset:0; z-index:0; width:100%; height:100%; display:grid; place-items:center; color:rgba(255,255,255,.2); font-size:60px; background:linear-gradient(135deg,#0c3552,#061b2d); }

.mep-insights { padding:100px 0; background:#f6f9fa; }
.mep-insight-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.mep-insight-card { overflow:hidden; border:1px solid var(--mep-line); border-radius:14px; background:#fff; transition:.25s ease; }
.mep-insight-card:hover { transform:translateY(-4px); box-shadow:0 18px 35px rgba(7,43,67,.09); }
.mep-insight-image { display:block; height:220px; overflow:hidden; }
.mep-insight-image img { width:100%; height:100%; object-fit:cover; transition:.4s ease; }
.mep-insight-card:hover img { transform:scale(1.04); }
.mep-insight-body { padding:25px; }
.mep-insight-body>span { color:#81919d; font-size:11px; }
.mep-insight-body h3 { margin:9px 0 18px; font-size:18px; line-height:1.45; }
.mep-insight-body h3 a { color:var(--mep-navy); }

.mep-cta { padding:75px 0; background:linear-gradient(120deg,#0870ab,#0aa2c2); }
.mep-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.mep-cta .mep-kicker { color:#bcecf4; }
.mep-cta h2 { max-width:690px; margin-bottom:12px; color:#fff; }
.mep-cta p { max-width:700px; margin:0; color:rgba(255,255,255,.72); }
.mep-cta-actions { min-width:260px; display:flex; flex-direction:column; align-items:stretch; gap:14px; }
.mep-btn-white { background:#fff; color:var(--mep-blue)!important; box-shadow:0 15px 30px rgba(0,0,0,.15); }
.mep-mail { color:#fff!important; font-size:12px; text-align:center; }

body.ars-site:has(.mep-landing) { background:#fff; }
body.ars-site:has(.mep-landing) .pengumuman { display:none; }
body.ars-site:has(.mep-landing) #linkterkait { margin-top:30px; }

@media(max-width:991px){
 .ars-company-tools{display:none!important}.mep-hero{min-height:650px}.mep-hero-backdrop{background-position:58% center}.mep-intro-grid,.mep-why-grid{grid-template-columns:1fr;gap:50px}.mep-intro-grid{align-items:start}.mep-metrics{grid-template-columns:repeat(2,1fr)}.mep-metrics>div:nth-child(2){border-right:0}.mep-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--mep-line)}.mep-service-grid{grid-template-columns:1fr}.mep-service-card{min-height:350px}.mep-why-visual{min-height:430px}.mep-process-grid{grid-template-columns:repeat(2,1fr);gap:45px 0}.mep-process-grid>div:nth-child(2){border-right:0}.mep-project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.mep-project-card{height:320px;aspect-ratio:auto}.mep-insight-grid{grid-template-columns:repeat(2,1fr)}.mep-cta-inner{align-items:flex-start;flex-direction:column}.mep-cta-actions{width:100%;max-width:350px}
}
@media(max-width:767px){
 .mep-container{width:min(100% - 28px,1180px)}.mep-hero{min-height:620px}.mep-hero-backdrop{background-image:linear-gradient(90deg,rgba(3,18,31,.97),rgba(4,27,46,.78)),url('../../../img/banner/ars-mep-hero-v1.webp');background-position:68% center}.mep-hero-content{padding:70px 0}.mep-hero h1{font-size:42px}.mep-hero-copy>p{font-size:15px}.mep-hero-actions{flex-direction:column;align-items:stretch}.mep-btn{width:100%}.mep-trust-row{gap:10px 18px}.mep-scroll{display:none}.mep-intro,.mep-services,.mep-why,.mep-projects,.mep-insights{padding:70px 0}.mep-intro-grid{gap:30px}.mep-metrics{margin-top:45px}.mep-metrics>div,.mep-metrics>div:first-child{padding:20px 10px}.mep-metrics strong{font-size:20px}.mep-section-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:35px}.mep-section-head h2,.mep-section-head>p{max-width:100%}.mep-service-card{min-height:0;padding:28px}.mep-service-dark{padding-bottom:28px}.mep-why-grid{gap:45px}.mep-why-visual{min-height:360px;padding:20px}.mep-process{padding:70px 0}.mep-process-grid{grid-template-columns:1fr;gap:35px}.mep-process-grid>div,.mep-process-grid>div:first-child{padding:30px 0 0;border-right:0}.mep-project-grid,.mep-insight-grid{grid-template-columns:1fr;gap:16px}.mep-project-card{height:280px;min-height:260px;aspect-ratio:auto}.mep-project-card img{position:absolute;width:100%;height:100%;min-height:100%}.mep-project-overlay{padding:20px}.mep-cta{padding:60px 0}.mep-cta-inner{gap:35px}
}
@media(max-width:420px){
 .mep-container{width:min(100% - 22px,1180px)}.mep-project-card{height:255px;min-height:240px;aspect-ratio:auto}.mep-project-overlay{padding:16px}.mep-project-overlay span{font-size:10px}.mep-project-overlay h3{font-size:16px}.mep-project-overlay p{font-size:11px}
}
@supports (-webkit-touch-callout:none){
 @media(max-width:767px){
  .mep-projects{background:#fff!important}
  .mep-project-grid{display:block}
  .mep-project-card{display:block;height:280px!important;margin-bottom:16px;border-radius:16px;-webkit-mask-image:-webkit-radial-gradient(white,black)}
  .mep-project-card img{position:absolute!important;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important;object-fit:cover!important}
 }
}
@media(prefers-reduced-motion:reduce){.mep-scroll span{animation:none}}