/* hizmetlerimiz — sayfaya ozel */

/* =====================================================================
   YEK DIJITAL — Hizmetlerimiz hub (shares homepage system; port-friendly)
   ===================================================================== */
:root{
  --yek-orange:#fd6903;--yek-orange-2:#ff9a3d;--yek-blue:#1d9bff;--yek-violet:#8b5cf6;
  --yek-cyan:#22c8e6;--yek-green:#22c55e;--yek-pink:#d946ef;
  --yek-text:#f6f9ff;--yek-muted:#c5d1e4;--yek-muted-2:#8ea0bd;
  --yek-border:rgba(255,255,255,.10);--yek-border-soft:rgba(255,255,255,.07);
  --yek-r-lg:26px;--yek-r-md:20px;--yek-r-sm:14px;
  --yek-shadow:0 30px 90px rgba(0,0,0,.45);
  --yek-container:1200px;--yek-pad:48px;
}

.yek-home{position:relative;isolation:isolate;overflow-x:clip;color:var(--yek-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;
  background:
    radial-gradient(820px 500px at 12% 20%, rgba(253,105,3,.06), transparent 72%),
    radial-gradient(900px 560px at 90% 34%, rgba(29,155,255,.055), transparent 74%),
    radial-gradient(760px 560px at 66% 80%, rgba(139,92,246,.045), transparent 78%),
    radial-gradient(700px 520px at 20% 96%, rgba(34,200,230,.03), transparent 80%),
    linear-gradient(160deg,#04070e 0%,#060b16 22%,#0a1120 42%,#05090f 60%,#0a1220 78%,#04070e 100%)}

.yek-home::after{content:"";position:absolute;inset:7vh -10% 0 -10%;z-index:0;pointer-events:none;opacity:.22;mix-blend-mode:screen;
  background:radial-gradient(520px 300px at 16% 20%,rgba(253,105,3,.075),transparent 74%),radial-gradient(640px 340px at 88% 33%,rgba(29,155,255,.065),transparent 76%),radial-gradient(520px 320px at 56% 82%,rgba(6,182,212,.038),transparent 78%);
  animation:yekAmbient 140s ease-in-out infinite alternate}

.yek-home__aura .a1{width:640px;height:640px;left:-7%;top:9%;background:radial-gradient(circle,rgba(253,105,3,.20),transparent 66%);animation:yekAuraA 36s ease-in-out infinite}

.yek-home__aura .a2{width:720px;height:720px;right:-9%;top:34%;background:radial-gradient(circle,rgba(29,155,255,.17),transparent 67%);animation:yekAuraB 44s ease-in-out infinite}

.yek-home__aura .a3{width:600px;height:600px;left:6%;top:64%;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 67%);animation:yekAuraA 40s ease-in-out infinite reverse}

.yek-section{position:relative;padding:82px 0}

.yek-head{max-width:640px;margin-bottom:44px}

.yek-head h2{font-size:clamp(30px,3.4vw,46px);margin:6px 0 14px;text-wrap:pretty}

.yek-head p{color:var(--yek-muted);font-size:16.5px;line-height:1.7}

.yek-head--center{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}

.yek-head--center p{max-width:620px;margin-left:auto;margin-right:auto}

.yek-eyebrow{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--yek-orange-2);margin-bottom:14px}

.yek-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:999px;border:1px solid rgba(253,105,3,.32);background:rgba(253,105,3,.08);color:#ffd6bd;font-size:12.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}

.yek-pill i{width:8px;height:8px;border-radius:50%;background:var(--yek-orange);box-shadow:0 0 16px var(--yek-orange);animation:yekDot 2.6s ease-in-out infinite}

.yek-btn-ghost{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(10px)}

.yek-btn-ghost:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28)}

.yek-actions{display:flex;flex-wrap:wrap;gap:14px}

.yek-header-cta b{font-size:15px}


/* ---------- HERO ---------- */
.yek-shero{position:relative;overflow:hidden;isolation:isolate;min-height:740px;display:flex;align-items:flex-start;padding:150px 0 40px}

.yek-shero__scene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 88%;z-index:-2}

.yek-shero__scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(1200px 700px at 78% 42%,transparent,rgba(2,4,10,.35) 62%,rgba(2,4,10,.72)),linear-gradient(90deg,rgba(2,4,10,.94) 0,rgba(2,4,10,.72) 34%,rgba(2,4,10,.12) 62%,transparent 80%),linear-gradient(0deg,rgba(2,4,10,.66),rgba(2,4,10,0) 42%)}

.yek-shero__inner{position:relative;z-index:1}

.yek-shero__copy{max-width:580px}

.yek-shero__copy .yek-pill{margin-bottom:22px}

.yek-shero h1{font-size:clamp(46px,6.4vw,94px);letter-spacing:-.055em;line-height:.94;margin-bottom:22px}

.yek-shero .yek-lead{color:rgba(226,235,248,.9);font-size:17.5px;line-height:1.8;max-width:520px;margin-bottom:32px}

.yek-shero .yek-lead b{color:#fff;font-weight:700}


/* ---------- SERVICES GRID (2 columns) ---------- */
.yek-svc-hub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}

.yek-svc-card{--tone:var(--yek-orange);position:relative;display:flex;flex-direction:column;padding:30px 30px 28px;border-radius:24px;min-height:236px;
  border:1px solid rgba(255,255,255,.10);overflow:hidden;
  background:radial-gradient(240px 150px at 14% 0%,color-mix(in srgb,var(--tone) 15%,transparent),transparent 70%),linear-gradient(180deg,rgba(16,24,42,.60),rgba(6,11,22,.78));
  box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(14px);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}

.yek-svc-card--orange{--tone:var(--yek-orange)}
.yek-svc-card--blue{--tone:var(--yek-blue)}
.yek-svc-card--green{--tone:var(--yek-green)}

.yek-svc-card--purple{--tone:var(--yek-violet)}
.yek-svc-card--pink{--tone:var(--yek-pink)}
.yek-svc-card--cyan{--tone:var(--yek-cyan)}

.yek-svc-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--tone) 42%,rgba(255,255,255,.12));box-shadow:0 30px 90px rgba(0,0,0,.40),0 0 0 1px color-mix(in srgb,var(--tone) 22%,transparent),0 24px 60px color-mix(in srgb,var(--tone) 15%,transparent)}

.yek-svc-card__glow{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;transition:opacity .35s;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,50%),color-mix(in srgb,var(--tone) 22%,transparent),transparent 60%)}

.yek-svc-card:hover .yek-svc-card__glow{opacity:.7}

.yek-svc-card > *{position:relative;z-index:1}

.yek-svc-card__icon{flex:0 0 auto;display:grid;place-items:center;width:60px;height:60px;border-radius:18px;
  background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--tone) 22%,transparent),rgba(255,255,255,.02));
  border:1px solid color-mix(in srgb,var(--tone) 34%,rgba(255,255,255,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 28px color-mix(in srgb,var(--tone) 20%,transparent);
  transition:transform .24s ease}

.yek-svc-card:hover .yek-svc-card__icon{transform:translateY(-2px) scale(1.05)}

.yek-svc-card__icon img{width:34px;height:34px;display:block;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--tone) 45%,transparent))}

.yek-svc-card__body{margin-top:22px}

.yek-svc-card__body h3{font-size:19.5px;letter-spacing:-.02em;line-height:1.2;color:#fff;margin-bottom:9px}

.yek-svc-card__body p{color:var(--yek-muted);font-size:14.5px;line-height:1.62}

.yek-svc-card__more{margin-top:auto;padding-top:20px;display:inline-flex;align-items:center;gap:7px;color:color-mix(in srgb,var(--tone) 66%,#ffffff);font-weight:800;font-size:13px;letter-spacing:.01em;opacity:.88;transition:gap .2s ease,opacity .2s ease}

.yek-svc-card__more b{font-size:15px;line-height:1}

.yek-svc-card:hover .yek-svc-card__more{gap:11px;opacity:1}


/* ---------- PROCESS ---------- */
.yek-hproc__panel{position:relative;border-radius:30px;padding:46px 40px 42px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(14,21,38,.56),rgba(6,11,22,.72));box-shadow:0 26px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(16px)}

.yek-hproc__eyebrow{display:block;text-align:center;margin-bottom:40px}

.yek-hproc__track{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}

.yek-hproc__track::before{content:"";position:absolute;top:34px;left:calc(12.5% + 8px);right:calc(12.5% + 8px);height:0;border-top:2px dashed color-mix(in srgb,var(--yek-orange) 60%,transparent);opacity:.55}

.yek-hproc__step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}

.yek-hproc__node{position:relative;z-index:1;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;color:var(--yek-orange);margin-bottom:16px;background:radial-gradient(circle at 50% 38%,rgba(253,105,3,.20),rgba(8,13,25,.94));border:1px solid rgba(253,105,3,.52);box-shadow:0 0 30px rgba(253,105,3,.18),inset 0 1px 0 rgba(255,255,255,.08)}

.yek-hproc__num{display:block;font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--yek-orange-2);margin-bottom:8px}

.yek-hproc__step h3{font-size:17px;letter-spacing:-.01em;color:#fff;margin-bottom:8px}

.yek-hproc__step p{color:var(--yek-muted-2);font-size:13.5px;line-height:1.6;max-width:230px}


/* ---------- FINAL CTA ---------- */
@property --yek-ang{syntax:'<angle>';inherits:false;initial-value:0deg}

.yek-hcta__card::after{content:"";position:absolute;inset:0;z-index:3;border-radius:30px;padding:1.5px;pointer-events:none;opacity:.78;
  background:conic-gradient(from var(--yek-ang),transparent 0 60%,rgba(253,105,3,.85) 72%,rgba(29,155,255,.75) 84%,transparent 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:yekBorder 9s linear infinite}

.yek-motion-calm .yek-hcta__card::after{animation:none}

.yek-hcta__card{position:relative;overflow:hidden;border-radius:30px;padding:60px 56px;min-height:300px;display:flex;flex-direction:column;justify-content:center;gap:22px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(14,21,38,.60),rgba(6,11,22,.80));box-shadow:0 30px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05)}

.yek-hcta__bg{position:absolute;inset:0 0 0 auto;width:62%;z-index:0;pointer-events:none}

.yek-hcta__bg img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:.8;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56%);mask-image:linear-gradient(90deg,transparent 0,#000 56%);animation:yekTrailDrift 16s ease-in-out infinite}

.yek-hcta__copy{position:relative;z-index:1;max-width:560px}

.yek-hcta__copy h2{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.03em;line-height:1.06;margin:6px 0 14px}

.yek-hcta__copy p{color:var(--yek-muted);font-size:16.5px;line-height:1.7;max-width:520px}

.yek-hcta__actions{position:relative;z-index:1}


/* footer */
.yek-footer{position:relative;margin-top:20px;padding:44px 0 26px;background:rgba(2,5,11,.6);border-top:1px solid var(--yek-border-soft)}

.yek-footer__brand{max-width:420px}

.yek-footer__brand img{width:160px;margin-bottom:12px}

.yek-footer__brand p{color:var(--yek-muted-2);font-size:13.5px;line-height:1.6}

.yek-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px;color:var(--yek-muted-2);font-size:13px}

.yek-footer__cta{display:inline-flex;align-items:center;gap:7px;color:#ffb98a;font-weight:800}

.yek-footer__cta:hover{color:#fff}

.yek-motion-calm .yek-hcta__bg img{animation:none}
@media (prefers-reduced-motion:reduce){
  .yek-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .yek-home__aura span,.yek-hcta__bg img,.yek-hcta__card::after{animation:none!important}}

@keyframes yekAmbient{0%{transform:translate3d(-1%,0,0) scale(1);opacity:.18}50%{transform:translate3d(1.2%,.8%,0) scale(1.018);opacity:.25}100%{transform:translate3d(2%,-.6%,0) scale(1.01);opacity:.2}}

@keyframes yekTrailDrift{0%,100%{transform:translateX(0) scale(1)}50%{transform:translateX(-2.5%) scale(1.03)}}


/* responsive */
@media (max-width:1080px){
  .yek-nav{display:none}
  .yek-menu-toggle{display:flex}
  .yek-header.is-menu-open .yek-nav{display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;align-items:stretch;padding:12px;border-radius:24px;border:1px solid var(--yek-border);background:rgba(6,11,22,.96);backdrop-filter:blur(20px);box-shadow:0 30px 70px rgba(0,0,0,.5)}
  .yek-header.is-menu-open .yek-nav a{padding:13px 16px;border-radius:14px}
}
@media (max-width:900px){
  .yek-shero{min-height:0;padding:150px 0 76px}
  .yek-shero__scene{object-fit:cover;object-position:70% center}
  .yek-shero__scrim{background:linear-gradient(180deg,rgba(2,4,10,.55),rgba(2,4,10,.82)),linear-gradient(90deg,rgba(2,4,10,.72),rgba(2,4,10,.2) 74%)}
  .yek-svc-hub__grid{grid-template-columns:1fr;gap:16px}
  .yek-hproc__track{grid-template-columns:repeat(2,1fr);gap:34px 24px}
  .yek-hproc__track::before{display:none}
  .yek-hcta__card{padding:44px 30px}
  .yek-hcta__bg{width:100%;opacity:.5}}
@media (max-width:560px){
  :root{--yek-pad:32px}
  .yek-shero{padding:132px 0 60px}
  .yek-shero h1{font-size:clamp(40px,13vw,58px)}
  .yek-hproc__panel{padding:36px 20px 30px}
  .yek-hproc__track{grid-template-columns:1fr;gap:26px}
  .yek-svc-card{padding:26px 24px}}


/* ===== ekstra hareket katmani (prefers-reduced-motion guvenli) ===== */
@media (prefers-reduced-motion:no-preference){
  .yek-svc-card:hover .yek-svc-card__icon svg{animation:yekIconPop .8s cubic-bezier(.16,1,.3,1)}
  @keyframes yekIconPop{0%{transform:scale(.86) rotate(-7deg)}55%{transform:scale(1.14) rotate(3deg)}100%{transform:none}}
  .yek-btn-primary{position:relative;overflow:hidden}
  .yek-btn-primary::after{content:"";position:absolute;top:0;left:-65%;width:42%;height:100%;transform:skewX(-18deg);pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:yekSheen 5s ease-in-out infinite}
  @keyframes yekSheen{0%,70%{left:-65%}86%{left:130%}100%{left:130%}}
}
@media (prefers-reduced-motion:no-preference){
  .yek-ec-card[data-tilt],.yek-svc-card[data-tilt],.yek-cmethod[data-tilt],.yek-about-values__grid article[data-tilt],.yek-about-thinking__card[data-tilt]{transform-style:preserve-3d;will-change:transform}
  .yek-ec-card[data-tilt]:hover,.yek-svc-card[data-tilt]:hover,.yek-cmethod[data-tilt]:hover,.yek-about-values__grid article[data-tilt]:hover,.yek-about-thinking__card[data-tilt]:hover{transform:perspective(900px) rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg)) translateY(-5px)}.yek-shero__copy > *{animation:yekRise .85s cubic-bezier(.16,1,.3,1) both}.yek-shero__copy > *:nth-child(1){animation-delay:0.050s}.yek-shero__copy > *:nth-child(2){animation-delay:0.125s}.yek-shero__copy > *:nth-child(3){animation-delay:0.200s}.yek-shero__copy > *:nth-child(4){animation-delay:0.275s}.yek-shero__copy > *:nth-child(5){animation-delay:0.350s}.yek-shero__copy > *:nth-child(6){animation-delay:0.425s}.yek-shero__copy > *:nth-child(7){animation-delay:0.500s}.yek-shero__copy > *:nth-child(8){animation-delay:0.575s}
  @keyframes yekRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}
@media (max-width:560px){.yek-actions .yek-btn{padding-inline:12px;font-size:12.5px}.yek-actions{gap:7px}}
@media (max-width:400px){.yek-actions .yek-btn{padding-inline:10px;font-size:11.8px}}
@media (max-width:560px){
  .yek-container{--yek-pad:30px}.yek-svc-card{padding:20px 18px!important}
  .yek-actions .yek-btn{flex:1 1 100%;font-size:14.5px}
  .yek-logo img{height:26px}}
@media (max-width:560px){
  .yek-container{width:min(100%,calc(100% - 28px))}
  .yek-section{padding:46px 0}
  .yek-home h2{font-size:clamp(23px,7vw,28px)!important}
  .yek-home .yek-body p,.yek-home .yek-body li{font-size:16px}
  .yek-actions .yek-btn{flex:0 1 auto;justify-content:center;white-space:nowrap}.yek-pill{font-size:11.5px}}
@media (max-width:560px){.yek-shero{padding-top:86px!important}}
@media (max-width:900px){
  .yek-shero{display:flex!important;flex-direction:column;padding-top:92px!important}
  .yek-shero__scene{position:static!important;order:-1;z-index:auto!important;display:block;
    width:150vw!important;max-width:none!important;height:auto!important;margin:0 0 8px calc(50% - 112vw)!important;object-fit:contain;opacity:1!important}
  .yek-shero__scrim{display:none!important}
  .yek-shero__inner{order:0}}
@media (max-width:560px){.yek-shero__scene{width:168vw!important;margin-left:calc(50% - 124vw)!important}}
@media (max-width:380px){.yek-svc-hub__grid{grid-template-columns:1fr!important}}
@media (max-width:900px){.yek-shero .yek-actions{gap:8px}.yek-shero .yek-actions .yek-btn{font-size:12.2px!important;padding:11px 11px!important;letter-spacing:0}
  .yek-shero .yek-actions .yek-btn b{display:none}}
@media (max-width:900px){
  .yek-svc-hub__grid{grid-template-columns:1fr!important;gap:14px!important}
  .yek-svc-hub__grid .yek-svc-card{padding:22px 18px!important}
  .yek-svc-hub__grid h3{font-size:17px!important}
  .yek-svc-hub__grid p{font-size:13.5px!important}}