/* ============================================================
   DİJİTASYON V2 — PREMIUM PURPLE DESIGN SYSTEM
   Sıfırdan; Bootstrap/ThemeForest bağımsız. Prefix: dj2-
   ============================================================ */

/* ---------- Tokens ---------- */
:root{
  /* Mor sistem */
  --v-p:#6C2CFF; --v-p2:#8B5CF6; --v-p3:#A855F7; --v-deep:#4C1D95;
  --v-ground:#140B22; --v-ground2:#0B0711; --v-lav:#C9B8FF;
  --v-paper:#F8F7FB; --v-paper2:#F1EEFF;
  /* Nötr */
  --v-ink:#171226; --v-ink2:#5B5470; --v-ink3:#8B84A0; --v-line:#E9E4F5; --v-white:#fff;
  /* Efekt */
  --v-grad:linear-gradient(135deg,#6C2CFF 0%,#A855F7 100%);
  --v-grad-deep:linear-gradient(135deg,#4C1D95 0%,#6C2CFF 60%,#A855F7 100%);
  --v-glow:0 24px 60px -22px rgba(108,44,255,.55);
  --v-shadow:0 18px 50px -28px rgba(23,18,38,.32);
  --v-shadow-sm:0 4px 16px -8px rgba(23,18,38,.22);
  /* Tipografi */
  --v-display:'Space Grotesk','Inter',system-ui,sans-serif;
  --v-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  /* Ölçü */
  --v-container:1240px; --v-radius:16px; --v-radius-lg:24px; --v-radius-sm:11px;
  --v-ease:cubic-bezier(.22,1,.36,1);
  --v-head-h:74px;
}

/* ---------- Reset-lite ---------- */
*,*::before,*::after{box-sizing:border-box}
.dj2, .dj2 *{margin:0}
.dj2{ font-family:var(--v-body); color:var(--v-ink); background:var(--v-paper); line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; }
.dj2 img{max-width:100%;height:auto;display:block}
.dj2 a{color:inherit;text-decoration:none}
.dj2 h1,.dj2 h2,.dj2 h3,.dj2 h4{font-family:var(--v-display);font-weight:600;line-height:1.04;letter-spacing:-.025em;color:var(--v-ink)}
.dj2 button{font-family:inherit;cursor:pointer}
.dj2 ::selection{background:var(--v-p);color:#fff}
.dj2 :focus-visible{outline:2px solid var(--v-p);outline-offset:3px;border-radius:6px}

/* ---------- Layout ---------- */
.dj2-container{width:100%;max-width:var(--v-container);margin:0 auto;padding:0 24px}
.dj2-section{padding:clamp(64px,9vw,132px) 0}
.dj2-hairline{height:1px;background:var(--v-line);border:0}

/* ---------- Eyebrow ---------- */
.dj2-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--v-body);font-size:12px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;color:var(--v-p);}
.dj2-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--v-p);box-shadow:0 0 0 4px rgba(108,44,255,.16)}
.dj2-eyebrow--light{color:var(--v-lav)} .dj2-eyebrow--light::before{background:var(--v-p3);box-shadow:0 0 0 4px rgba(168,85,247,.22)}

/* ---------- Buttons ---------- */
.dj2-btn{display:inline-flex;align-items:center;gap:9px;height:54px;padding:0 26px;border-radius:999px;border:1px solid transparent;
  font-family:var(--v-body);font-size:15px;font-weight:600;transition:transform .3s var(--v-ease),box-shadow .3s,background .25s,color .25s;white-space:nowrap}
.dj2-btn:hover{transform:translateY(-2px)}
.dj2-btn--p{background:var(--v-grad);color:#fff;box-shadow:var(--v-glow)}
.dj2-btn--p:hover{color:#fff;box-shadow:0 26px 66px -20px rgba(108,44,255,.75)}
.dj2-btn--ghost{background:transparent;border-color:var(--v-line);color:var(--v-ink)}
.dj2-btn--ghost:hover{border-color:var(--v-p);color:var(--v-p);background:rgba(108,44,255,.04)}
.dj2-btn--glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(12px)}
.dj2-btn--glass:hover{background:rgba(255,255,255,.16);color:#fff}
.dj2-btn--sm{height:44px;padding:0 18px;font-size:14px}
.dj2-btn .ar{transition:transform .3s var(--v-ease)} .dj2-btn:hover .ar{transform:translateX(4px)}

/* ---------- Motion ---------- */
.dj2-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--v-ease),transform .8s var(--v-ease)}
.dj2-reveal.is-in{opacity:1;transform:none}
[data-dj2-stagger]>*{opacity:0;transform:translateY(20px);transition:opacity .65s var(--v-ease),transform .65s var(--v-ease)}
[data-dj2-stagger].is-in>*{opacity:1;transform:none}
[data-dj2-stagger].is-in>*:nth-child(2){transition-delay:.07s}[data-dj2-stagger].is-in>*:nth-child(3){transition-delay:.14s}
[data-dj2-stagger].is-in>*:nth-child(4){transition-delay:.21s}[data-dj2-stagger].is-in>*:nth-child(5){transition-delay:.28s}
[data-dj2-stagger].is-in>*:nth-child(6){transition-delay:.35s}

/* ============================================================
   HEADER (dj2-hd)
   ============================================================ */
.dj2-hd{position:sticky;top:0;z-index:900;background:rgba(248,247,251,.72);backdrop-filter:saturate(160%) blur(16px);
  border-bottom:1px solid transparent;transition:background .3s,border-color .3s,box-shadow .3s}
.dj2-hd.is-scrolled{background:rgba(255,255,255,.9);border-bottom-color:var(--v-line);box-shadow:0 6px 24px -18px rgba(23,18,38,.4)}
.dj2-hd__bar{display:flex;align-items:center;justify-content:space-between;height:var(--v-head-h);gap:20px}
.dj2-logo{font-family:var(--v-display);font-weight:700;font-size:23px;letter-spacing:-.03em;color:var(--v-ink)}
.dj2-logo b{color:var(--v-p)}
.dj2-nav{display:none;align-items:center;gap:6px}
.dj2-nav__link{position:relative;padding:10px 15px;border-radius:10px;font-size:15px;font-weight:500;color:var(--v-ink2);transition:color .2s,background .2s}
.dj2-nav__link:hover{color:var(--v-p);background:rgba(108,44,255,.06)}
.dj2-hd__cta{display:flex;align-items:center;gap:10px}
.dj2-hd__login{display:none;font-size:15px;font-weight:500;color:var(--v-ink2);padding:8px 6px}
.dj2-hd__login:hover{color:var(--v-p)}
.dj2-burger{display:inline-flex;flex-direction:column;gap:5px;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--v-line);border-radius:11px}
.dj2-burger span{width:20px;height:2px;background:var(--v-ink);border-radius:2px;transition:.3s var(--v-ease)}
.dj2-hd__cta .dj2-btn{height:44px;padding:0 20px;font-size:14px}
@media(min-width:1024px){.dj2-nav{display:flex}.dj2-hd__login{display:inline-flex}.dj2-burger{display:none}}

/* mega dropdown */
.dj2-nav__item{position:relative}
.dj2-mega{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%) translateY(8px);min-width:300px;background:#fff;
  border:1px solid var(--v-line);border-radius:18px;box-shadow:var(--v-shadow);padding:12px;opacity:0;visibility:hidden;transition:.25s var(--v-ease);z-index:5}
.dj2-nav__item:hover .dj2-mega{opacity:1;visibility:visible;transform:translateX(-50%)}
.dj2-mega__link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;transition:background .2s}
.dj2-mega__link:hover{background:var(--v-paper2)}
.dj2-mega__ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--v-grad);font-size:18px;flex-shrink:0}
.dj2-mega__t{font-weight:600;font-size:14.5px;color:var(--v-ink)}

/* mobile drawer */
.dj2-drawer{position:fixed;inset:0 0 0 auto;width:min(360px,86vw);background:#fff;z-index:1000;transform:translateX(100%);
  transition:transform .34s var(--v-ease);display:flex;flex-direction:column;padding:22px;box-shadow:-20px 0 60px -30px rgba(0,0,0,.4);overflow-y:auto}
.dj2-drawer.open{transform:none}
.dj2-drawer__ov{position:fixed;inset:0;background:rgba(11,7,17,.5);z-index:999;opacity:0;visibility:hidden;transition:.3s}
.dj2-drawer__ov.open{opacity:1;visibility:visible}
.dj2-drawer a{padding:13px 12px;border-radius:11px;font-weight:500;color:var(--v-ink);font-size:16px}
.dj2-drawer a:hover{background:var(--v-paper2);color:var(--v-p)}
body.dj2-lock{overflow:hidden}

/* ============================================================
   HERO (dj2-hero)
   ============================================================ */
.dj2-hero{position:relative;overflow:hidden;background:var(--v-ground);color:#fff;isolation:isolate}
.dj2-hero__canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%}
.dj2-hero__glow{position:absolute;z-index:0;width:720px;height:720px;border-radius:50%;pointer-events:none;filter:blur(50px);
  background:radial-gradient(circle,rgba(108,44,255,.5),transparent 66%);right:-10%;top:-16%}
.dj2-hero__glow2{left:-12%;bottom:-20%;background:radial-gradient(circle,rgba(168,85,247,.32),transparent 62%);width:560px;height:560px}
.dj2-hero__inner{position:relative;z-index:2;min-height:calc(100svh - var(--v-head-h));display:flex;flex-direction:column;justify-content:center;
  padding:80px 0 70px}
.dj2-hero__grid-line{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:70px 70px;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000,transparent 78%);mask-image:radial-gradient(circle at 50% 42%,#000,transparent 78%)}
.dj2 h1.dj2-h1{font-size:clamp(44px,7vw,104px);line-height:.98;letter-spacing:-.045em;font-weight:600;max-width:17ch;margin:22px 0 0;color:#fff}
.dj2-h1 .g{background:linear-gradient(100deg,#fff 0%,var(--v-lav) 60%,var(--v-p3) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dj2-hero__kinetic{display:inline-block;position:relative;color:var(--v-p3)}
.dj2-hero__sub{margin:26px 0 0;font-size:clamp(16px,1.6vw,21px);line-height:1.6;color:rgba(255,255,255,.72);max-width:56ch}
.dj2-hero__cta{margin-top:38px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.dj2-hero__meta{margin-top:auto;padding-top:44px;display:flex;flex-wrap:wrap;gap:26px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.dj2-hero__meta b{color:#fff;font-weight:600}

/* ---------- Stats / trust ---------- */
.dj2-stats{background:var(--v-ground2);color:#fff;border-top:1px solid rgba(255,255,255,.06)}
.dj2-stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;padding:44px 0}
.dj2-stat__n{font-family:var(--v-display);font-weight:700;font-size:clamp(30px,4vw,50px);letter-spacing:-.03em;
  background:linear-gradient(100deg,#fff,var(--v-lav));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dj2-stat__l{margin-top:6px;font-size:13.5px;color:rgba(255,255,255,.55)}
@media(min-width:820px){.dj2-stats__grid{grid-template-columns:repeat(4,1fr)}}

/* tech marquee */
.dj2-marquee{overflow:hidden;padding:18px 0;border-top:1px solid rgba(255,255,255,.06);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.dj2-marquee__t{display:flex;gap:50px;width:max-content;align-items:center;animation:dj2marq 34s linear infinite}
.dj2-marquee:hover .dj2-marquee__t{animation-play-state:paused}
.dj2-marquee__i{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.5);font-weight:600;font-size:15px;white-space:nowrap}
.dj2-marquee__i i{font-size:21px}
@keyframes dj2marq{to{transform:translateX(-50%)}}

/* ---------- Manifesto ---------- */
.dj2-manifesto{font-size:clamp(26px,3.8vw,52px);line-height:1.12;letter-spacing:-.03em;font-family:var(--v-display);font-weight:500;max-width:22ch}
.dj2-manifesto .muted{color:var(--v-ink3)} .dj2-manifesto .g{color:var(--v-p)}

/* ---------- Section head ---------- */
.dj2-shead{max-width:640px;margin-bottom:52px}
.dj2-shead h2{font-size:clamp(30px,4vw,54px);margin:16px 0 0}
.dj2-shead p{margin-top:16px;font-size:17px;line-height:1.7;color:var(--v-ink2)}
.dj2-shead--between{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}

/* ---------- Services explorer ---------- */
.dj2-svc{border-top:1px solid var(--v-line)}
.dj2-svc__row{display:flex;align-items:center;gap:22px;padding:26px 6px;border-bottom:1px solid var(--v-line);transition:padding .3s var(--v-ease),background .3s}
.dj2-svc__row:hover{padding-left:20px;background:linear-gradient(90deg,rgba(108,44,255,.05),transparent)}
.dj2-svc__no{font-size:13px;font-weight:700;color:var(--v-ink3);width:34px;flex-shrink:0}
.dj2-svc__name{flex:1;font-family:var(--v-display);font-weight:600;font-size:clamp(22px,2.7vw,38px);letter-spacing:-.02em;transition:transform .3s var(--v-ease);color:var(--v-ink)}
.dj2-svc__row:hover .dj2-svc__name{transform:translateX(8px);color:var(--v-p)}
.dj2-svc__desc{display:none;max-width:34ch;font-size:15px;color:var(--v-ink2)}
.dj2-svc__ar{color:var(--v-p);opacity:0;transition:opacity .3s;font-size:20px}
.dj2-svc__row:hover .dj2-svc__ar{opacity:1}
@media(min-width:900px){.dj2-svc__desc{display:block}}

/* ---------- Cards (generic) ---------- */
.dj2-card{background:#fff;border:1px solid var(--v-line);border-radius:var(--v-radius-lg);padding:28px;transition:transform .3s var(--v-ease),box-shadow .3s,border-color .3s}
.dj2-card:hover{transform:translateY(-4px);box-shadow:var(--v-shadow);border-color:rgba(108,44,255,.24)}
.dj2-card__ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--v-grad);font-size:24px;margin-bottom:20px;box-shadow:0 12px 26px -10px rgba(108,44,255,.5)}
.dj2-card h3{font-size:20px;margin:0 0 9px}
.dj2-card p{font-size:14.5px;line-height:1.65;color:var(--v-ink2);margin:0}
.dj2-grid{display:grid;gap:18px}
@media(min-width:640px){.dj2-grid--2{grid-template-columns:repeat(2,1fr)}.dj2-grid--3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.dj2-grid--3{grid-template-columns:repeat(3,1fr)}.dj2-grid--4{grid-template-columns:repeat(4,1fr)}}

/* web focus (dark feature) */
.dj2-webfocus{background:var(--v-ground);color:#fff;border-radius:var(--v-radius-lg);padding:clamp(30px,4vw,56px);position:relative;overflow:hidden}
.dj2-webfocus::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(108,44,255,.4),transparent 66%);filter:blur(30px)}
.dj2-webfocus h2{color:#fff}
.dj2-chips{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}
.dj2-chip{padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);font-size:13.5px;font-weight:600;color:#fff;transition:background .2s,transform .2s}
.dj2-chip:hover{background:rgba(168,85,247,.24);transform:translateY(-2px)}

/* products */
.dj2-prod{display:flex;flex-direction:column;background:#fff;border:1px solid var(--v-line);border-radius:var(--v-radius-lg);overflow:hidden;transition:transform .3s var(--v-ease),box-shadow .3s}
.dj2-prod:hover{transform:translateY(-5px);box-shadow:var(--v-shadow)}
.dj2-prod__media{aspect-ratio:16/11;background:var(--v-paper2);position:relative;overflow:hidden}
.dj2-prod__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--v-ease)}
.dj2-prod:hover .dj2-prod__media img{transform:scale(1.05)}
.dj2-prod__media .ph{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--v-display);font-weight:700;font-size:38px;color:var(--v-p3)}
.dj2-prod__b{padding:22px;display:flex;flex-direction:column;flex:1}
.dj2-prod__cat{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--v-p)}
.dj2-prod__t{font-size:18px;font-weight:600;margin:8px 0 0;letter-spacing:-.01em}
.dj2-prod__price{margin-top:auto;padding-top:16px;font-family:var(--v-display);font-weight:700;font-size:21px;color:var(--v-p)}
.dj2-prod__price s{color:var(--v-ink3);font-size:14px;font-weight:400;margin-left:8px}

/* AI audit */
.dj2-audit{background:var(--v-grad-deep);color:#fff;border-radius:var(--v-radius-lg);padding:clamp(30px,4vw,58px);position:relative;overflow:hidden}
.dj2-audit__form{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;position:relative;z-index:1}
.dj2-audit__in{flex:1;min-width:220px;height:56px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-family:inherit;font-size:15px}
.dj2-audit__in::placeholder{color:rgba(255,255,255,.6)}
.dj2-audit__scores{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;max-width:420px}
.dj2-audit__sc{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px;text-align:center}
.dj2-audit__sc b{display:block;font-family:var(--v-display);font-size:24px;color:#fff}
.dj2-audit__sc span{font-size:11px;color:rgba(255,255,255,.6)}

/* local SEO */
.dj2-ilce{display:flex;flex-wrap:wrap;gap:11px}
.dj2-ilce a{padding:11px 18px;border-radius:999px;border:1px solid var(--v-line);background:#fff;font-weight:600;font-size:14.5px;color:var(--v-deep);transition:.2s var(--v-ease)}
.dj2-ilce a:hover{background:var(--v-p);color:#fff;border-color:var(--v-p);transform:translateY(-2px)}

/* blog magazine */
.dj2-blog{display:grid;gap:20px}
@media(min-width:900px){.dj2-blog{grid-template-columns:1.5fr 1fr}}
.dj2-post{display:block;border:1px solid var(--v-line);border-radius:var(--v-radius-lg);overflow:hidden;background:#fff;transition:transform .3s var(--v-ease),box-shadow .3s}
.dj2-post:hover{transform:translateY(-3px);box-shadow:var(--v-shadow)}
.dj2-post__media{aspect-ratio:16/9;overflow:hidden;background:var(--v-paper2)}
.dj2-post__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--v-ease)}
.dj2-post:hover .dj2-post__media img{transform:scale(1.05)}
.dj2-post__b{padding:20px}
.dj2-post__meta{font-size:12.5px;color:var(--v-ink3)}
.dj2-post__t{font-family:var(--v-display);font-weight:600;font-size:19px;letter-spacing:-.01em;margin:8px 0 0;line-height:1.3}
.dj2-blog__side{display:flex;flex-direction:column;gap:20px}
.dj2-blog__side .dj2-post{display:grid;grid-template-columns:120px 1fr}
.dj2-blog__side .dj2-post__media{aspect-ratio:auto;height:100%}

/* testimonial */
.dj2-testi{text-align:center;max-width:900px;margin:0 auto}
.dj2-testi__q{font-family:var(--v-display);font-size:clamp(22px,2.7vw,34px);font-weight:500;line-height:1.34;letter-spacing:-.02em}
.dj2-testi__mark{font-family:Georgia,serif;font-size:80px;line-height:.4;color:var(--v-p3);opacity:.3}
.dj2-testi__who{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:13px}
.dj2-testi__av{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;background:var(--v-grad)}

/* FAQ */
.dj2-faq{max-width:860px;margin:0 auto}
.dj2-faq details{border-bottom:1px solid var(--v-line);padding:22px 0}
.dj2-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;
  font-family:var(--v-display);font-weight:600;font-size:clamp(17px,2vw,22px);letter-spacing:-.01em}
.dj2-faq summary::-webkit-details-marker{display:none}
.dj2-faq summary .pm{color:var(--v-p);font-size:26px;transition:transform .3s var(--v-ease);line-height:1}
.dj2-faq details[open] summary .pm{transform:rotate(45deg)}
.dj2-faq p{margin-top:14px;color:var(--v-ink2);font-size:15.5px;line-height:1.7;max-width:64ch}

/* big CTA */
.dj2-cta{position:relative;overflow:hidden;background:var(--v-ground);color:#fff;border-radius:var(--v-radius-lg);padding:clamp(48px,6vw,96px) 24px;text-align:center}
.dj2-cta__orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:720px;height:720px;border-radius:50%;
  background:radial-gradient(circle,rgba(108,44,255,.4),transparent 66%);filter:blur(60px);pointer-events:none}
.dj2-cta h2{position:relative;color:#fff;font-size:clamp(32px,5vw,68px)}
.dj2-cta__actions{position:relative;margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* footer */
.dj2-ft{background:var(--v-ground2);color:#fff;padding:80px 0 34px}
.dj2-ft__grid{display:grid;gap:40px;grid-template-columns:1fr}
@media(min-width:820px){.dj2-ft__grid{grid-template-columns:1.6fr 1fr 1fr 1fr}}
.dj2-ft__brand .dj2-logo{color:#fff;font-size:28px}
.dj2-ft p{color:rgba(255,255,255,.5);font-size:14.5px;line-height:1.7;max-width:34ch;margin-top:14px}
.dj2-ft h4{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--v-lav);margin-bottom:18px;font-family:var(--v-body);font-weight:700}
.dj2-ft__links{display:flex;flex-direction:column;gap:11px}
.dj2-ft__links a{color:rgba(255,255,255,.66);font-size:14.5px;transition:color .2s}
.dj2-ft__links a:hover{color:#fff}
.dj2-ft__bottom{margin-top:56px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;
  color:rgba(255,255,255,.4);font-size:13px}

@media (prefers-reduced-motion:reduce){
  .dj2-reveal,[data-dj2-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}
  .dj2-marquee__t{animation:none}
  .dj2-hero__canvas{display:none}
}

/* ============================================================
   DİJİTASYON V3 — PREMIUM SaaS + DIGITAL AGENCY (light-first)
   Ref: Linear / Stripe / Attio / Vercel. Prefix: dj3- , djn- , djf-
   ============================================================ */
:root{
  --d-bg:#FAFAFC; --d-surface:#FFFFFF; --d-dark:#0D0715; --d-deep:#160B2A;
  --d-p:#6D3DF5; --d-p2:#7C3AED; --d-accent:#A970FF; --d-soft:#F4F0FF;
  --d-line:rgba(30,20,50,.08); --d-line2:rgba(30,20,50,.13); --d-line-dk:rgba(255,255,255,.09);
  --d-ink:#16101f; --d-ink2:#3b3448; --d-muted:#686272;
  --d-grad:linear-gradient(120deg,#6D3DF5,#A970FF);
  --d-grad-txt:linear-gradient(105deg,#7C3AED 0%,#A970FF 55%,#6D3DF5 100%);
  --d-sh-xs:0 1px 2px rgba(20,12,40,.05);
  --d-sh-sm:0 1px 2px rgba(20,12,40,.05),0 4px 14px -6px rgba(20,12,40,.10);
  --d-sh:0 2px 6px -2px rgba(20,12,40,.08),0 16px 40px -18px rgba(30,18,70,.18);
  --d-sh-lg:0 30px 70px -28px rgba(55,28,120,.30),0 6px 18px -10px rgba(20,12,40,.14);
  --d-glow:0 20px 46px -18px rgba(109,61,245,.55);
  --d-cont:1200px; --d-cont-wide:1272px;
  --d-r:14px; --d-r-lg:22px; --d-r-sm:10px; --d-r-xl:28px;
  --d-e:cubic-bezier(.22,1,.36,1); --d-nav-h:70px;
}

/* ---- base canvas ---- */
.dj3{background:var(--d-bg);color:var(--d-ink);font-family:var(--v-body);line-height:1.6;
  font-feature-settings:"cv02","cv03","cv04","ss01";letter-spacing:-.006em}
.dj3 h1,.dj3 h2,.dj3 h3,.dj3 h4{color:var(--d-ink);letter-spacing:-.028em;line-height:1.06}
.dj3 p{color:var(--d-ink2)}
.dj3 img{display:block;max-width:100%}
.dj3 *::selection{background:var(--d-p);color:#fff}

/* ---- layout ---- */
.dj3-wrap{width:100%;max-width:var(--d-cont);margin:0 auto;padding:0 24px}
.dj3-wrap--wide{max-width:var(--d-cont-wide)}
.dj3-sec{padding:clamp(60px,7.4vw,96px) 0;position:relative}
.dj3-sec--tight{padding:clamp(48px,5.5vw,72px) 0}
.dj3-sec--soft{background:var(--d-soft)}
.dj3-sec--surface{background:var(--d-surface)}
.dj3-sec--dark{background:var(--d-dark);color:#fff}
.dj3-sec--dark h2,.dj3-sec--dark h3,.dj3-sec--dark h4{color:#fff}
.dj3-sec--dark p{color:rgba(255,255,255,.66)}
.dj3-hr{height:1px;background:var(--d-line);border:0;margin:0}

/* ---- eyebrow / badges / chips ---- */
.dj3-eb{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:650;letter-spacing:.12em;
  text-transform:uppercase;color:var(--d-p);font-family:var(--v-body)}
.dj3-eb::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--d-p);box-shadow:0 0 0 4px rgba(109,61,245,.14)}
.dj3-sec--dark .dj3-eb{color:var(--d-accent)} .dj3-sec--dark .dj3-eb::before{background:var(--d-accent);box-shadow:0 0 0 4px rgba(169,112,255,.18)}
.dj3-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 13px 7px 11px;border-radius:999px;
  background:var(--d-surface);border:1px solid var(--d-line);box-shadow:var(--d-sh-xs);
  font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--d-ink2)}
.dj3-badge b{color:var(--d-p);font-weight:700}
.dj3-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--d-p);position:relative}
.dj3-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:var(--d-surface);
  border:1px solid var(--d-line);font-size:13.5px;font-weight:550;color:var(--d-ink2);transition:.22s var(--d-e)}
.dj3-chip:hover{border-color:var(--d-p);color:var(--d-p);box-shadow:var(--d-sh-sm);transform:translateY(-1px)}
.dj3-chip i{color:var(--d-p);font-size:15px}

/* ---- section head ---- */
.dj3-head{max-width:640px}
.dj3-head--center{margin:0 auto;text-align:center}
.dj3-head h2{font-size:clamp(28px,3.4vw,46px);margin:14px 0 0;font-weight:640}
.dj3-head p{font-size:clamp(15.5px,1.4vw,17.5px);margin:14px 0 0;line-height:1.62;max-width:56ch}
.dj3-head--center p{margin-left:auto;margin-right:auto}
.dj3-headrow{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.dj3-grad{background:var(--d-grad-txt);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---- buttons ---- */
.dj3-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 22px;border-radius:11px;
  font-family:var(--v-body);font-size:14.5px;font-weight:600;border:1px solid transparent;cursor:pointer;
  transition:transform .2s var(--d-e),box-shadow .2s,background .2s,color .2s,border-color .2s;white-space:nowrap;line-height:1}
.dj3-btn .ar{transition:transform .2s var(--d-e)} .dj3-btn:hover .ar{transform:translateX(3px)}
.dj3-btn--p{background:var(--d-p);color:#fff;box-shadow:0 1px 2px rgba(20,12,40,.14),0 10px 24px -12px rgba(109,61,245,.7)}
.dj3-btn--p:hover{background:#5a2ce0;color:#fff;box-shadow:0 2px 4px rgba(20,12,40,.18),0 16px 34px -12px rgba(109,61,245,.85);transform:translateY(-1px)}
.dj3-btn--dark{background:var(--d-ink);color:#fff}
.dj3-btn--dark:hover{background:#000;color:#fff;transform:translateY(-1px)}
.dj3-btn--ghost{background:var(--d-surface);border-color:var(--d-line2);color:var(--d-ink)}
.dj3-btn--ghost:hover{border-color:var(--d-p);color:var(--d-p);box-shadow:var(--d-sh-sm);transform:translateY(-1px)}
.dj3-btn--soft{background:var(--d-soft);color:var(--d-p)}
.dj3-btn--soft:hover{background:#ebe3ff}
.dj3-btn--on-dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(8px)}
.dj3-btn--on-dark:hover{background:rgba(255,255,255,.16);color:#fff;transform:translateY(-1px)}
.dj3-btn--sm{height:40px;padding:0 15px;font-size:13.5px;border-radius:10px}
.dj3-btn--lg{height:52px;padding:0 26px;font-size:15px}
.dj3-tlink{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;color:var(--d-p)}
.dj3-tlink .ar{transition:transform .2s var(--d-e)} .dj3-tlink:hover .ar{transform:translateX(3px)}

/* ---- reveal ---- */
[data-rv]{opacity:0;transform:translateY(18px);transition:opacity .5s var(--d-e),transform .55s var(--d-e)}
[data-rv].in{opacity:1;transform:none}
[data-rv-st]>*{opacity:0;transform:translateY(16px);transition:opacity .45s var(--d-e),transform .5s var(--d-e)}
[data-rv-st].in>*{opacity:1;transform:none}
[data-rv-st].in>*:nth-child(2){transition-delay:.05s}[data-rv-st].in>*:nth-child(3){transition-delay:.1s}
[data-rv-st].in>*:nth-child(4){transition-delay:.15s}[data-rv-st].in>*:nth-child(5){transition-delay:.2s}
[data-rv-st].in>*:nth-child(6){transition-delay:.25s}

/* ============================================================
   NAVBAR (global .djn)
   ============================================================ */
.djn{position:sticky;top:0;z-index:1000;background:rgba(250,250,252,.85);
  border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s;
  -webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px)}
.djn.is-stuck{background:rgba(255,255,255,.82);border-bottom-color:var(--d-line);box-shadow:0 1px 0 rgba(20,12,40,.02),0 8px 30px -20px rgba(20,12,40,.25)}
.djn__bar{height:var(--d-nav-h);display:flex;align-items:center;gap:22px;max-width:var(--d-cont-wide);margin:0 auto;padding:0 24px}
.djn__logo{font-family:var(--v-display);font-weight:700;font-size:22px;letter-spacing:-.03em;color:var(--d-ink);display:flex;align-items:center}
.djn__logo b{color:var(--d-p)}
.djn__menu{display:none;align-items:center;gap:2px;margin-left:6px}
.djn__item{position:relative}
.djn__link{display:inline-flex;align-items:center;gap:5px;height:38px;padding:0 13px;border-radius:9px;font-size:14.5px;
  font-weight:550;color:var(--d-ink2);transition:.18s;cursor:pointer;background:none;border:0;font-family:inherit}
.djn__link:hover{color:var(--d-ink);background:rgba(20,12,40,.045)}
.djn__link .cx{font-size:10px;opacity:.5;transition:transform .2s}
.djn__item:hover .djn__link .cx{transform:rotate(180deg)}
.djn__panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);min-width:520px;
  background:var(--d-surface);border:1px solid var(--d-line);border-radius:18px;box-shadow:var(--d-sh-lg);padding:14px;
  opacity:0;visibility:hidden;transition:opacity .2s var(--d-e),transform .2s var(--d-e);display:grid;grid-template-columns:1fr 1fr;gap:4px}
.djn__panel--solo{min-width:300px;grid-template-columns:1fr}
.djn__item:hover .djn__panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.djn__mi{display:flex;gap:12px;padding:11px 12px;border-radius:12px;transition:background .16s}
.djn__mi:hover{background:var(--d-soft)}
.djn__mi .ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--d-soft);color:var(--d-p);display:grid;place-items:center;font-size:19px}
.djn__mi:hover .ic{background:var(--d-p);color:#fff}
.djn__mi h5{font-size:14px;font-weight:640;color:var(--d-ink);margin:0 0 2px}
.djn__mi span{font-size:12.5px;color:var(--d-muted);line-height:1.45;display:block}
.djn__right{margin-left:auto;display:flex;align-items:center;gap:8px}
.djn__live{display:none;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:9px;font-size:14px;font-weight:550;color:var(--d-ink2)}
.djn__live:hover{color:var(--d-ink);background:rgba(20,12,40,.045)}
.djn__live .ld{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18);position:relative}
.djn__live .ld::after{content:"";position:absolute;inset:0;border-radius:50%;background:#22c55e;animation:djpulse 1.8s ease-out infinite}
@keyframes djpulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(3);opacity:0}}
.djn__login{display:none;height:38px;align-items:center;padding:0 13px;border-radius:9px;font-size:14px;font-weight:550;color:var(--d-ink2)}
.djn__login:hover{color:var(--d-ink);background:rgba(20,12,40,.045)}
.djn__burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border-radius:10px;
  border:1px solid var(--d-line);background:var(--d-surface);cursor:pointer;padding:0 11px}
.djn__burger span{height:2px;background:var(--d-ink);border-radius:2px;transition:.2s}
@media(min-width:1080px){.djn__menu{display:flex}.djn__live{display:inline-flex}.djn__login{display:inline-flex}.djn__burger{display:none}}
/* drawer */
.djn-ov{position:fixed;inset:0;background:rgba(13,7,21,.4);opacity:0;visibility:hidden;transition:.25s;z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.djn-ov.open{opacity:1;visibility:visible}
.djn-dr{position:fixed;top:0;right:0;height:100%;width:min(340px,86vw);background:var(--d-surface);z-index:1101;
  transform:translateX(100%);transition:transform .3s var(--d-e);padding:18px;overflow-y:auto;box-shadow:-20px 0 60px -30px rgba(20,12,40,.4)}
.djn-dr.open{transform:none}
.djn-dr__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.djn-dr a{display:block;padding:13px 12px;border-radius:11px;font-size:15.5px;font-weight:550;color:var(--d-ink);border-bottom:1px solid var(--d-line)}
.djn-dr a:hover{background:var(--d-soft);color:var(--d-p)}
.djn-dr__cta{display:flex;flex-direction:column;gap:10px;margin-top:16px}
body.dj-lock{overflow:hidden}

/* ============================================================
   UI KIT — dashboard/interface mockup primitives (DEMO UI)
   ============================================================ */
.ui-win{background:var(--d-surface);border:1px solid var(--d-line);border-radius:16px;box-shadow:var(--d-sh-lg);overflow:hidden}
.ui-win__bar{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-bottom:1px solid var(--d-line);background:linear-gradient(180deg,#fff,#fbfaff)}
.ui-win__dots{display:flex;gap:6px}.ui-win__dots i{width:10px;height:10px;border-radius:50%;background:#e2ddec}
.ui-win__dots i:nth-child(1){background:#ff5f57}.ui-win__dots i:nth-child(2){background:#febc2e}.ui-win__dots i:nth-child(3){background:#28c840}
.ui-win__url{flex:1;height:22px;border-radius:6px;background:var(--d-bg);border:1px solid var(--d-line);display:flex;align-items:center;
  gap:6px;padding:0 9px;font-size:11px;color:var(--d-muted);max-width:340px;margin:0 auto}
.ui-win__url i{font-size:12px;color:#22c55e}
.ui-win__tag{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--d-muted);margin-left:auto}
.ui-demo-note{font-size:11px;color:var(--d-muted);display:inline-flex;align-items:center;gap:6px}
.ui-demo-note::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--d-accent)}

/* dark variant of window (for dark sections) */
.ui-win--dark{background:#150d24;border-color:rgba(255,255,255,.08)}
.ui-win--dark .ui-win__bar{background:linear-gradient(180deg,#1a1030,#150d24);border-bottom-color:rgba(255,255,255,.07)}
.ui-win--dark .ui-win__url{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}
.ui-win--dark .ui-win__dots i{background:rgba(255,255,255,.2)}

/* CRM board */
.ui-crm{padding:16px}
.ui-crm__hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ui-crm__hi{font-size:12px;color:var(--d-muted)}
.ui-crm__hi b{display:block;font-family:var(--v-display);font-size:16px;color:var(--d-ink);font-weight:650;letter-spacing:-.02em;margin-top:1px}
.ui-crm__seg{display:flex;gap:4px;background:var(--d-bg);border:1px solid var(--d-line);border-radius:9px;padding:3px}
.ui-crm__seg span{font-size:11px;font-weight:600;color:var(--d-muted);padding:4px 9px;border-radius:6px}
.ui-crm__seg span.on{background:var(--d-surface);color:var(--d-ink);box-shadow:var(--d-sh-xs)}
.ui-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.ui-tile{background:var(--d-bg);border:1px solid var(--d-line);border-radius:12px;padding:11px 12px}
.ui-tile .k{font-size:11px;color:var(--d-muted);font-weight:550;display:flex;align-items:center;gap:5px}
.ui-tile .v{font-family:var(--v-display);font-size:22px;font-weight:650;color:var(--d-ink);letter-spacing:-.03em;margin-top:5px;line-height:1}
.ui-tile .d{font-size:11px;font-weight:650;margin-top:5px;display:inline-flex;align-items:center;gap:3px}
.ui-tile .d.up{color:#16a34a}.ui-tile .d.dn{color:#dc2626}
.ui-tile--accent{background:linear-gradient(135deg,#6D3DF5,#8250f0);border-color:transparent}
.ui-tile--accent .k,.ui-tile--accent .v{color:#fff}.ui-tile--accent .k{color:rgba(255,255,255,.8)}
.ui-tile--accent .d.up{color:#c9f5d6}
/* bar chart */
.ui-chart{background:var(--d-bg);border:1px solid var(--d-line);border-radius:12px;padding:12px 13px;margin-bottom:12px}
.ui-chart__t{font-size:11.5px;font-weight:600;color:var(--d-ink2);display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}
.ui-chart__t em{font-style:normal;font-size:11px;color:#16a34a;font-weight:650}
.ui-bars{display:flex;align-items:flex-end;gap:7px;height:66px}
.ui-bars i{flex:1;background:linear-gradient(180deg,#c9b6ff,#8a63f2);border-radius:5px 5px 3px 3px;min-height:8px;transition:height .8s var(--d-e)}
.ui-bars i:last-child{background:linear-gradient(180deg,#6D3DF5,#A970FF);box-shadow:0 6px 14px -6px rgba(109,61,245,.7)}
/* lead / list rows */
.ui-list__t{font-size:11.5px;font-weight:650;color:var(--d-ink2);margin:0 0 9px;display:flex;justify-content:space-between}
.ui-list__t span{color:var(--d-p);font-weight:600}
.ui-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--d-line)}
.ui-row:first-of-type{border-top:0}
.ui-av{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#7C3AED,#A970FF)}
.ui-av--2{background:linear-gradient(135deg,#f0883e,#f5b14a)}.ui-av--3{background:linear-gradient(135deg,#3ba7f0,#4ad0d0)}
.ui-av--4{background:linear-gradient(135deg,#22c55e,#7dd47f)}
.ui-row .nm{flex:1;min-width:0}
.ui-row .nm b{display:block;font-size:12.5px;font-weight:600;color:var(--d-ink);line-height:1.2}
.ui-row .nm span{font-size:11px;color:var(--d-muted)}
.ui-pill{font-size:10px;font-weight:700;letter-spacing:.03em;padding:4px 8px;border-radius:6px;white-space:nowrap}
.ui-pill--new{background:#eef7ee;color:#16a34a}.ui-pill--warm{background:#fef3e7;color:#d97706}
.ui-pill--purple{background:var(--d-soft);color:var(--d-p)}

/* status dot */
.ui-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.ui-dot--live{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.ui-dot--p{background:var(--d-p);box-shadow:0 0 0 3px rgba(109,61,245,.16)}

/* progress */
.ui-prog{height:7px;border-radius:99px;background:var(--d-line);overflow:hidden}
.ui-prog i{display:block;height:100%;border-radius:99px;background:var(--d-grad);transition:width 1s var(--d-e)}

/* floating cards on hero */
.ui-float{position:absolute;background:rgba(255,255,255,.9);border:1px solid var(--d-line);border-radius:13px;
  box-shadow:var(--d-sh);padding:10px 13px;display:flex;align-items:center;gap:10px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3}
.ui-float .ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:16px;color:#fff;flex:none}
.ui-float b{font-size:12.5px;font-weight:650;color:var(--d-ink);display:block;line-height:1.25}
.ui-float span{font-size:11px;color:var(--d-muted);display:block}

/* kanban */
.ui-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.ui-kcol{background:var(--d-bg);border:1px solid var(--d-line);border-radius:11px;padding:9px;min-height:150px}
.ui-kcol__t{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--d-muted);
  display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.ui-kcol__t em{font-style:normal;background:var(--d-surface);border:1px solid var(--d-line);border-radius:6px;padding:1px 6px;color:var(--d-ink2)}
.ui-kcard{background:var(--d-surface);border:1px solid var(--d-line);border-radius:9px;padding:9px 10px;margin-bottom:8px;box-shadow:var(--d-sh-xs);transition:transform .5s var(--d-e),box-shadow .3s}
.ui-kcard b{font-size:12px;font-weight:600;color:var(--d-ink);display:block;letter-spacing:-.01em}
.ui-kcard .mt{display:flex;align-items:center;justify-content:space-between;margin-top:7px}
.ui-kcard .mt small{font-size:10.5px;color:var(--d-muted)}
.ui-kcard--move{box-shadow:var(--d-glow);border-color:rgba(109,61,245,.4)}

/* chat */
.ui-chat{padding:14px;display:flex;flex-direction:column;gap:10px;min-height:200px}
.ui-bub{max-width:80%;padding:9px 12px;border-radius:14px;font-size:12.5px;line-height:1.45}
.ui-bub--in{align-self:flex-start;background:var(--d-bg);border:1px solid var(--d-line);color:var(--d-ink);border-bottom-left-radius:4px}
.ui-bub--out{align-self:flex-end;background:var(--d-p);color:#fff;border-bottom-right-radius:4px}
.ui-bub small{display:block;font-size:10px;opacity:.6;margin-top:3px}
.ui-typing{display:inline-flex;gap:3px;align-self:flex-start;background:var(--d-bg);border:1px solid var(--d-line);padding:11px 13px;border-radius:14px;border-bottom-left-radius:4px}
.ui-typing i{width:5px;height:5px;border-radius:50%;background:var(--d-muted);animation:djtype 1.2s infinite}
.ui-typing i:nth-child(2){animation-delay:.15s}.ui-typing i:nth-child(3){animation-delay:.3s}
@keyframes djtype{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

/* portal tabs */
.ui-tabs{display:flex;gap:4px;padding:10px 12px 0}
.ui-tabs span{font-size:12px;font-weight:600;color:var(--d-muted);padding:8px 12px;border-radius:8px 8px 0 0;position:relative}
.ui-tabs span.on{color:var(--d-p)}
.ui-tabs span.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--d-p);border-radius:2px}
.ui-steps{display:flex;flex-direction:column;gap:0}
.ui-step{display:flex;align-items:center;gap:11px;padding:10px 0;position:relative}
.ui-step .mk{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;border:2px solid var(--d-line);color:var(--d-muted);background:var(--d-surface);z-index:1}
.ui-step.done .mk{background:#22c55e;border-color:#22c55e;color:#fff}
.ui-step.now .mk{background:var(--d-p);border-color:var(--d-p);color:#fff;box-shadow:0 0 0 4px rgba(109,61,245,.16)}
.ui-step .lb{font-size:13px;font-weight:550;color:var(--d-ink2)}
.ui-step.now .lb{color:var(--d-ink);font-weight:650}
.ui-step:not(:last-child)::before{content:"";position:absolute;left:10px;top:26px;bottom:-6px;width:2px;background:var(--d-line)}
.ui-step.done:not(:last-child)::before{background:#22c55e}

/* ============================================================
   HERO
   ============================================================ */
.dj3-hero{position:relative;overflow:hidden;background:var(--d-bg);
  border-bottom:1px solid var(--d-line);padding-top:clamp(34px,5vw,58px);padding-bottom:clamp(48px,6vw,80px)}
.dj3-hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.dj3-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(109,61,245,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(109,61,245,.05) 1px,transparent 1px);
  background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 70% 8%,#000,transparent 72%);mask-image:radial-gradient(ellipse 90% 70% at 70% 8%,#000,transparent 72%)}
.dj3-hero__glow{position:absolute;border-radius:50%;filter:blur(72px);opacity:.6}
.dj3-hero__glow--1{width:520px;height:520px;right:-80px;top:-160px;background:radial-gradient(circle,rgba(124,58,237,.28),transparent 66%)}
.dj3-hero__glow--2{width:440px;height:440px;left:-140px;bottom:-180px;background:radial-gradient(circle,rgba(169,112,255,.20),transparent 68%)}
.dj3-hero__grid-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:clamp(34px,5vw,56px);align-items:center}
@media(min-width:1000px){.dj3-hero__grid-wrap{grid-template-columns:1.02fr 1.18fr}}
.dj3-hero__h1{font-size:clamp(34px,5vw,62px);font-weight:640;letter-spacing:-.035em;line-height:1.02;margin:20px 0 0}
.dj3-hero__sub{font-size:clamp(16px,1.55vw,19px);color:var(--d-ink2);line-height:1.6;margin:20px 0 0;max-width:52ch}
.dj3-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.dj3-hero__trust{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:26px;font-size:13.5px;color:var(--d-muted);font-weight:500}
.dj3-hero__trust span{display:inline-flex;align-items:center;gap:7px}
.dj3-hero__trust i{color:var(--d-p);font-size:16px}
.dj3-hero__trust .sep{width:4px;height:4px;border-radius:50%;background:var(--d-line2);padding:0}
/* stage (right dashboard) */
.dj3-hero__stage{position:relative;perspective:1600px}
.dj3-hero__stageInner{position:relative;transform-style:preserve-3d;transition:transform .3s var(--d-e);will-change:transform}
.dj3-hero__crm{position:relative;z-index:2}
.dj3-hero__crm .ui-win{max-width:none}
.hf-lead{top:-22px;left:-14px;--c1:#22c55e;--c2:#7dd47f}
.hf-live{top:32%;right:-26px;--c1:#3ba7f0;--c2:#4ad0d0}
.hf-proj{bottom:64px;left:-30px;--c1:#7C3AED;--c2:#A970FF}
.hf-seo{bottom:-20px;right:6%;--c1:#f0883e;--c2:#f5b14a}
.ui-float .ic{background:linear-gradient(135deg,var(--c1),var(--c2))}
.dj3-float-anim{animation:djfloat 6s ease-in-out infinite}
.dj3-float-anim.d2{animation-delay:-2s;animation-duration:7s}
.dj3-float-anim.d3{animation-delay:-3.5s;animation-duration:6.6s}
.dj3-float-anim.d4{animation-delay:-1.2s;animation-duration:7.4s}
@keyframes djfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:600px){.ui-float{display:none}.ui-float.hf-keep{display:flex}}

/* ============================================================
   TRUST STRIP
   ============================================================ */
.dj3-trust{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:22px 0}
.dj3-trust__stats{display:flex;flex-wrap:wrap;gap:26px 40px}
.dj3-trust__s .n{font-family:var(--v-display);font-size:clamp(24px,2.6vw,30px);font-weight:650;letter-spacing:-.03em;color:var(--d-ink);line-height:1}
.dj3-trust__s .l{font-size:12.5px;color:var(--d-muted);margin-top:5px;font-weight:500}
.dj3-trust__logos{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.dj3-trust__logos span{font-size:14px;font-weight:600;color:#9891a6;display:inline-flex;align-items:center;gap:7px}
.dj3-trust__logos i{font-size:19px}

/* ============================================================
   BENTO
   ============================================================ */
.dj3-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:38px}
.bento{grid-column:span 6;background:var(--d-surface);border:1px solid var(--d-line);border-radius:var(--d-r-lg);
  padding:22px;position:relative;overflow:hidden;box-shadow:var(--d-sh-xs);transition:transform .25s var(--d-e),box-shadow .25s,border-color .25s;min-height:210px;display:flex;flex-direction:column}
.bento:hover{transform:translateY(-3px);box-shadow:var(--d-sh);border-color:var(--d-line2)}
@media(min-width:720px){.bento{grid-column:span 3}.bento--wide{grid-column:span 4}.bento--sm{grid-column:span 2}}
.bento__ic{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:20px;background:var(--d-soft);color:var(--d-p);margin-bottom:14px}
.bento__k{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--d-p);margin-bottom:9px}
.bento h3{font-size:19px;font-weight:640;margin:0 0 7px;letter-spacing:-.02em}
.bento p{font-size:13.5px;line-height:1.55;color:var(--d-muted);margin:0}
.bento__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.bento__tags span{font-size:11.5px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--d-bg);border:1px solid var(--d-line);color:var(--d-ink2)}
.bento__vis{margin-top:auto;padding-top:16px}
.bento--dark{background:var(--d-dark);border-color:transparent;color:#fff}
.bento--dark h3{color:#fff}.bento--dark p{color:rgba(255,255,255,.6)}
.bento--dark .bento__ic{background:rgba(255,255,255,.08);color:var(--d-accent)}
.bento--dark .bento__k{color:var(--d-accent)}
.bento--dark .bento__tags span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:rgba(255,255,255,.72)}
.bento--purple{background:linear-gradient(150deg,#6D3DF5,#4c1d95 92%);border-color:transparent;color:#fff}
.bento--purple h3{color:#fff}.bento--purple p{color:rgba(255,255,255,.78)}
.bento--purple .bento__ic{background:rgba(255,255,255,.16);color:#fff}
.bento--purple .bento__k{color:rgba(255,255,255,.85)}
.bento--purple .bento__tags span{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.16);color:#fff}
/* code preview mini */
.ui-code{font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:11.5px;line-height:1.7;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px}
.ui-code .ln{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(255,255,255,.5)}
.ui-code .k{color:#c4a6ff}.ui-code .s{color:#7fd6a0}.ui-code .f{color:#66b3ff}
/* browser mini preview strip */
.ui-mini{border:1px solid var(--d-line);border-radius:11px;overflow:hidden;background:var(--d-bg)}
.ui-mini__bar{height:26px;display:flex;align-items:center;gap:5px;padding:0 10px;background:var(--d-surface);border-bottom:1px solid var(--d-line)}
.ui-mini__bar i{width:7px;height:7px;border-radius:50%;background:#e2ddec}
.ui-mini__body{height:78px;background:
  radial-gradient(circle at 20% 30%,rgba(109,61,245,.14),transparent 40%),
  radial-gradient(circle at 80% 60%,rgba(169,112,255,.14),transparent 45%),
  repeating-linear-gradient(180deg,transparent 0 14px,rgba(20,12,40,.03) 14px 15px);position:relative}
.ui-mini__body::before{content:"";position:absolute;left:12px;top:12px;width:44%;height:9px;border-radius:3px;background:rgba(20,12,40,.14)}
.ui-mini__body::after{content:"";position:absolute;left:12px;top:28px;width:66%;height:6px;border-radius:3px;background:rgba(20,12,40,.08)}
/* analytics sparkline */
.ui-spark{height:60px;display:flex;align-items:flex-end;gap:5px}
.ui-spark i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,rgba(169,112,255,.85),rgba(109,61,245,.45))}
.bento--dark .ui-spark i{background:linear-gradient(180deg,#A970FF,rgba(109,61,245,.35))}

/* ============================================================
   SPLIT FEATURE (text + UI)
   ============================================================ */
.dj3-split{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,54px);align-items:center;margin-top:14px}
@media(min-width:940px){.dj3-split{grid-template-columns:1fr 1.12fr}.dj3-split--rev .dj3-split__media{order:-1}}
.dj3-split__body h2{font-size:clamp(26px,3vw,40px);font-weight:640;margin:14px 0 0}
.dj3-split__body p{font-size:16px;line-height:1.62;margin:14px 0 0}
.dj3-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:24px 0 26px}
.dj3-feat{display:flex;gap:10px;align-items:flex-start}
.dj3-feat i{flex:none;width:26px;height:26px;border-radius:8px;background:var(--d-soft);color:var(--d-p);display:grid;place-items:center;font-size:14px;margin-top:1px}
.dj3-sec--dark .dj3-feat i{background:rgba(255,255,255,.08);color:var(--d-accent)}
.dj3-feat b{font-size:14.5px;font-weight:600;color:inherit;display:block;line-height:1.3}
.dj3-feat span{font-size:12.5px;color:var(--d-muted)}
.dj3-sec--dark .dj3-feat span{color:rgba(255,255,255,.5)}
.dj3-metricrow{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--d-line);flex-wrap:wrap}
.ui-score{display:flex;align-items:center;gap:8px;background:var(--d-bg);border:1px solid var(--d-line);border-radius:9px;padding:7px 11px}
.ui-score .ring{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff}
.ui-score .ring.g{background:conic-gradient(#22c55e var(--p,96%),#e6efe6 0)}
.ui-score .ring.g i{width:20px;height:20px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#16a34a;font-style:normal}
.ui-score b{font-size:12px;color:var(--d-ink);font-weight:650}.ui-score span{font-size:10.5px;color:var(--d-muted);display:block}

/* ============================================================
   WORK / PORTFOLIO
   ============================================================ */
.dj3-work{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:38px}
.work{grid-column:span 6;border-radius:var(--d-r-lg);overflow:hidden;position:relative;background:var(--d-surface);
  border:1px solid var(--d-line);display:block;box-shadow:var(--d-sh-xs);transition:box-shadow .25s,transform .25s var(--d-e)}
@media(min-width:760px){.work{grid-column:span 3}.work--wide{grid-column:span 6}}
.work:hover{box-shadow:var(--d-sh);transform:translateY(-2px)}
.work__media{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--d-soft)}
.work--wide .work__media{aspect-ratio:21/9}
.work__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--d-e)}
.work:hover .work__media img{transform:scale(1.05)}
.work__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(13,7,21,.5));opacity:0;transition:.3s}
.work:hover .work__media::after{opacity:1}
.work__ph{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--v-display);font-size:34px;font-weight:700;color:var(--d-p);background:linear-gradient(135deg,#f4f0ff,#ede6ff)}
.work__b{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.work__cat{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--d-p)}
.work__t{font-size:16px;font-weight:640;color:var(--d-ink);letter-spacing:-.02em;margin-top:3px}
.work__go{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--d-line);display:grid;place-items:center;color:var(--d-ink);transition:.2s}
.work:hover .work__go{background:var(--d-p);border-color:var(--d-p);color:#fff}
/* view cursor */
.dj3-vcursor{position:fixed;top:0;left:0;width:64px;height:64px;border-radius:50%;background:var(--d-p);color:#fff;
  display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.05em;pointer-events:none;z-index:900;
  transform:translate(-50%,-50%) scale(0);transition:transform .2s var(--d-e);mix-blend-mode:normal}
.dj3-vcursor.on{transform:translate(-50%,-50%) scale(1)}

/* ============================================================
   SOLUTIONS ("Ne büyütmek istiyorsunuz?")
   ============================================================ */
.dj3-solve{display:grid;grid-template-columns:1fr;gap:12px;margin-top:34px}
@media(min-width:720px){.dj3-solve{grid-template-columns:1fr 1fr}}
.solve{text-align:left;background:var(--d-surface);border:1px solid var(--d-line);border-radius:var(--d-r-lg);padding:22px 22px;
  cursor:pointer;transition:.22s var(--d-e);box-shadow:var(--d-sh-xs)}
.solve:hover,.solve.open{border-color:var(--d-p);box-shadow:var(--d-sh)}
.solve__hd{display:flex;align-items:center;gap:14px}
.solve__ic{width:44px;height:44px;border-radius:12px;background:var(--d-soft);color:var(--d-p);display:grid;place-items:center;font-size:22px;flex:none}
.solve.open .solve__ic{background:var(--d-p);color:#fff}
.solve__hd h3{font-size:18px;font-weight:640;flex:1;letter-spacing:-.02em}
.solve__hd .cx{font-size:20px;color:var(--d-muted);transition:transform .25s}
.solve.open .solve__hd .cx{transform:rotate(45deg);color:var(--d-p)}
.solve__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--d-e);margin-top:0}
.solve.open .solve__body{grid-template-rows:1fr;margin-top:16px}
.solve__inner{overflow:hidden}
.solve__flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.solve__flow a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--d-ink);background:var(--d-bg);
  border:1px solid var(--d-line);border-radius:999px;padding:7px 13px;transition:.18s}
.solve__flow a:hover{background:var(--d-p);color:#fff;border-color:var(--d-p)}
.solve__flow .arr{color:var(--d-muted);font-size:12px}

/* ============================================================
   SHOP (digital products)
   ============================================================ */
.dj3-shop{display:grid;grid-template-columns:1fr;gap:14px;margin-top:34px}
@media(min-width:640px){.dj3-shop{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.dj3-shop{grid-template-columns:repeat(4,1fr)}}
.shopc{background:var(--d-surface);border:1px solid var(--d-line);border-radius:var(--d-r-lg);overflow:hidden;
  display:flex;flex-direction:column;box-shadow:var(--d-sh-xs);transition:transform .22s var(--d-e),box-shadow .22s,border-color .22s}
.shopc:hover{transform:translateY(-3px);box-shadow:var(--d-sh);border-color:var(--d-line2)}
.shopc__media{aspect-ratio:16/10;background:linear-gradient(135deg,#f4f0ff,#ece4ff);position:relative;display:grid;place-items:center;overflow:hidden}
.shopc__media img{width:100%;height:100%;object-fit:cover}
.shopc__media .ph{font-family:var(--v-display);font-size:30px;font-weight:700;color:var(--d-p)}
.shopc__disc{position:absolute;top:11px;left:11px;background:var(--d-p);color:#fff;font-size:11px;font-weight:700;padding:4px 9px;border-radius:7px}
.shopc__b{padding:15px 16px;display:flex;flex-direction:column;flex:1}
.shopc__cat{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--d-p)}
.shopc__t{font-size:16px;font-weight:640;color:var(--d-ink);letter-spacing:-.02em;margin:6px 0 5px}
.shopc__d{font-size:12.5px;color:var(--d-muted);line-height:1.5;margin:0 0 14px;flex:1}
.shopc__ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.shopc__price{font-family:var(--v-display);font-size:18px;font-weight:650;color:var(--d-ink)}
.shopc__price s{font-size:12px;color:var(--d-muted);font-weight:500;margin-left:5px}

/* ============================================================
   TECH STACK strip
   ============================================================ */
.dj3-tech{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:28px}
.dj3-tech__i{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:11px;background:var(--d-surface);
  border:1px solid var(--d-line);font-size:14px;font-weight:600;color:var(--d-ink2);box-shadow:var(--d-sh-xs)}
.dj3-tech__i i{font-size:19px;color:var(--d-p)}

/* ============================================================
   LOCAL SEO (compact)
   ============================================================ */
.dj3-local{display:grid;grid-template-columns:1fr;gap:34px;align-items:center}
@media(min-width:900px){.dj3-local{grid-template-columns:.9fr 1.1fr}}
.dj3-local__chips{display:flex;flex-wrap:wrap;gap:10px}
.dj3-ilchip{position:relative;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:12px;background:var(--d-surface);
  border:1px solid var(--d-line);font-size:14.5px;font-weight:600;color:var(--d-ink);transition:.2s var(--d-e);box-shadow:var(--d-sh-xs)}
.dj3-ilchip i{color:var(--d-p);font-size:15px}
.dj3-ilchip:hover{border-color:var(--d-p);color:var(--d-p);transform:translateY(-2px);box-shadow:var(--d-sh-sm)}
.dj3-ilchip--main{background:var(--d-p);color:#fff;border-color:var(--d-p)}
.dj3-ilchip--main i{color:#fff}.dj3-ilchip--main:hover{color:#fff;background:#5a2ce0}
.dj3-ilchip__tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(4px);white-space:nowrap;
  background:var(--d-ink);color:#fff;font-size:11.5px;font-weight:600;padding:6px 11px;border-radius:8px;opacity:0;visibility:hidden;transition:.18s;pointer-events:none;letter-spacing:0}
.dj3-ilchip__tip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--d-ink)}
.dj3-ilchip:hover .dj3-ilchip__tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* ============================================================
   INSIGHTS (blog)
   ============================================================ */
.dj3-ins{display:grid;grid-template-columns:1fr;gap:16px;margin-top:38px}
@media(min-width:900px){.dj3-ins{grid-template-columns:1.5fr 1fr}}
.dj3-ins__side{display:flex;flex-direction:column;gap:16px}
.post{display:block;background:var(--d-surface);border:1px solid var(--d-line);border-radius:var(--d-r-lg);overflow:hidden;
  box-shadow:var(--d-sh-xs);transition:transform .22s var(--d-e),box-shadow .22s;height:100%}
.post:hover{transform:translateY(-2px);box-shadow:var(--d-sh)}
.post--feat{display:flex;flex-direction:column}
.post--feat .post__media{aspect-ratio:16/9}
.post__media{overflow:hidden;background:var(--d-soft);position:relative}
.post__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--d-e)}
.post:hover .post__media img{transform:scale(1.04)}
.post__b{padding:16px 18px}
.post--feat .post__b{padding:20px 22px}
.post__meta{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:var(--d-p);text-transform:uppercase;letter-spacing:.05em}
.post__meta .rt{color:var(--d-muted);text-transform:none;letter-spacing:0;font-weight:500}
.post__t{font-size:16px;font-weight:640;color:var(--d-ink);letter-spacing:-.02em;margin-top:9px;line-height:1.3}
.post--feat .post__t{font-size:23px}
.dj3-ins__side .post{display:grid;grid-template-columns:96px 1fr}
.dj3-ins__side .post__media{aspect-ratio:auto}
.dj3-ins__side .post__b{padding:13px 15px;display:flex;flex-direction:column;justify-content:center}
.dj3-ins__side .post__t{font-size:14.5px;margin-top:7px}

/* ============================================================
   FAQ
   ============================================================ */
.dj3-faqwrap{display:grid;grid-template-columns:1fr;gap:34px;margin-top:14px}
@media(min-width:900px){.dj3-faqwrap{grid-template-columns:.8fr 1.2fr;gap:56px}}
.dj3-faqcta{background:var(--d-soft);border:1px solid var(--d-line);border-radius:var(--d-r-lg);padding:22px;margin-top:22px}
.dj3-faqcta b{display:block;font-family:var(--v-display);font-size:16px;color:var(--d-ink);font-weight:640}
.dj3-faqcta p{font-size:13.5px;color:var(--d-muted);margin:6px 0 14px}
.dj3-faq{display:flex;flex-direction:column}
.dj3-faq details{border-bottom:1px solid var(--d-line)}
.dj3-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:19px 2px;font-size:16px;font-weight:600;color:var(--d-ink);letter-spacing:-.01em}
.dj3-faq summary::-webkit-details-marker{display:none}
.dj3-faq summary .pm{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid var(--d-line);display:grid;place-items:center;
  font-size:16px;color:var(--d-p);transition:.25s}
.dj3-faq details[open] summary .pm{transform:rotate(45deg);background:var(--d-p);color:#fff;border-color:var(--d-p)}
.dj3-faq details p{margin:0;padding:0 2px 20px;font-size:14.5px;color:var(--d-ink2);line-height:1.65;max-width:66ch}

/* ============================================================
   BIG CTA
   ============================================================ */
.dj3-ctablk{position:relative;overflow:hidden;background:linear-gradient(160deg,#160B2A 0%,#0D0715 60%);border-radius:var(--d-r-xl);
  padding:clamp(44px,6vw,72px) clamp(24px,4vw,60px);text-align:center;color:#fff}
.dj3-ctablk__glow{position:absolute;width:640px;height:640px;border-radius:50%;left:50%;top:-60%;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(124,58,237,.4),transparent 62%);filter:blur(30px);pointer-events:none}
.dj3-ctablk__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 75%)}
.dj3-ctablk>*{position:relative;z-index:2}
.dj3-ctablk h2{font-size:clamp(28px,3.6vw,46px);font-weight:640;color:#fff;letter-spacing:-.03em;margin:16px 0 0}
.dj3-ctablk p{color:rgba(255,255,255,.68);font-size:16.5px;margin:14px auto 0;max-width:52ch}
.dj3-ctablk__act{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}

/* ============================================================
   AI AUDIT widget
   ============================================================ */
.dj3-audit{background:linear-gradient(155deg,#160B2A,#0D0715);border-radius:var(--d-r-xl);overflow:hidden;position:relative;
  display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:900px){.dj3-audit{grid-template-columns:1.05fr 1fr}}
.dj3-audit__glow{position:absolute;width:460px;height:460px;border-radius:50%;right:-10%;top:-40%;background:radial-gradient(circle,rgba(124,58,237,.34),transparent 64%);filter:blur(20px)}
.dj3-audit__l{padding:clamp(30px,4vw,52px);position:relative;z-index:2}
.dj3-audit__l h2{color:#fff;font-size:clamp(26px,3vw,40px);font-weight:640;margin:16px 0 0;letter-spacing:-.03em}
.dj3-audit__l p{color:rgba(255,255,255,.66);font-size:15.5px;margin:14px 0 0;line-height:1.6}
.dj3-audit__form{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.dj3-audit__in{flex:1;min-width:200px;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);
  color:#fff;padding:0 16px;font-size:15px;font-family:inherit;transition:.2s}
.dj3-audit__in::placeholder{color:rgba(255,255,255,.4)}
.dj3-audit__in:focus{outline:none;border-color:var(--d-accent);background:rgba(255,255,255,.1)}
.dj3-audit__note{font-size:12px;color:rgba(255,255,255,.45);margin-top:14px;display:flex;align-items:center;gap:7px}
.dj3-audit__note i{color:var(--d-accent)}
.dj3-audit__r{background:rgba(255,255,255,.03);border-left:1px solid rgba(255,255,255,.08);padding:clamp(24px,3vw,38px);position:relative;z-index:2;min-height:280px;display:flex;flex-direction:column;justify-content:center}
.dj3-audit__scores{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.aud-sc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:15px 16px}
.aud-sc__k{font-size:12px;color:rgba(255,255,255,.6);font-weight:550;display:flex;align-items:center;gap:7px}
.aud-sc__k i{color:var(--d-accent)}
.aud-sc__v{font-family:var(--v-display);font-size:30px;font-weight:650;color:#fff;letter-spacing:-.03em;margin-top:8px;line-height:1}
.aud-sc__bar{height:5px;border-radius:99px;background:rgba(255,255,255,.1);margin-top:11px;overflow:hidden}
.aud-sc__bar i{display:block;height:100%;border-radius:99px;background:var(--d-grad);width:0;transition:width .9s var(--d-e)}
.aud-idle{text-align:center;color:rgba(255,255,255,.5)}
.aud-idle .ic{width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;font-size:28px;color:var(--d-accent);margin:0 auto 16px}
.aud-idle b{color:#fff;font-family:var(--v-display);font-size:16px;font-weight:600;display:block;margin-bottom:6px}
.aud-scan{color:rgba(255,255,255,.8);font-size:14px}
.aud-scan .ln{display:flex;align-items:center;gap:10px;padding:8px 0;opacity:.3;transition:opacity .3s}
.aud-scan .ln.on{opacity:1}.aud-scan .ln.done .sp{border-color:transparent;background:#22c55e}
.aud-scan .sp{width:16px;height:16px;border-radius:50%;border:2px solid var(--d-accent);border-top-color:transparent;flex:none;display:grid;place-items:center;font-size:9px;color:#fff}
.aud-scan .ln.on:not(.done) .sp{animation:djspin .7s linear infinite}
@keyframes djspin{to{transform:rotate(360deg)}}
.dj3-audit__cta{margin-top:20px}

/* ============================================================
   FOOTER (global .djf)
   ============================================================ */
.djf{background:var(--d-dark);color:#fff;padding:clamp(52px,6vw,76px) 0 30px;position:relative;overflow:hidden}
.djf__glow{position:absolute;width:600px;height:400px;border-radius:50%;left:-10%;top:-40%;background:radial-gradient(circle,rgba(109,61,245,.16),transparent 66%);filter:blur(30px);pointer-events:none}
.djf__wrap{max-width:var(--d-cont-wide);margin:0 auto;padding:0 24px;position:relative;z-index:2}
.djf__grid{display:grid;grid-template-columns:1fr;gap:34px}
@media(min-width:640px){.djf__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.djf__grid{grid-template-columns:1.7fr 1fr 1fr 1fr 1fr}}
.djf__brand .lg{font-family:var(--v-display);font-weight:700;font-size:26px;color:#fff;letter-spacing:-.03em;display:inline-flex}
.djf__brand .lg b{color:var(--d-accent)}
.djf__brand p{color:rgba(255,255,255,.55);font-size:14px;line-height:1.65;margin:14px 0 0;max-width:34ch}
.djf__soc{display:flex;gap:9px;margin-top:20px}
.djf__soc a{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);color:#fff;font-size:17px;transition:.2s}
.djf__soc a:hover{background:var(--d-p);border-color:var(--d-p);transform:translateY(-2px)}
.djf__col h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--d-accent);font-weight:700;margin:0 0 16px}
.djf__col a{display:block;color:rgba(255,255,255,.62);font-size:14px;padding:6px 0;transition:color .18s}
.djf__col a:hover{color:#fff}
.djf__bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09);display:flex;flex-wrap:wrap;gap:14px 22px;
  align-items:center;justify-content:space-between;color:rgba(255,255,255,.42);font-size:13px}
.djf__legal{display:flex;flex-wrap:wrap;gap:16px}
.djf__legal a{color:rgba(255,255,255,.55)}.djf__legal a:hover{color:#fff}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:939px){
  .ui-tiles{grid-template-columns:repeat(3,1fr)}
  .dj3-hero__stage{margin-top:8px}
}
@media(max-width:719px){
  .dj3-feats{grid-template-columns:1fr}
  .ui-kanban{grid-template-columns:repeat(2,1fr)}
  .dj3-trust{flex-direction:column;align-items:flex-start}
}
@media(max-width:520px){
  .dj3-hero__h1{font-size:34px}
  .ui-tiles{grid-template-columns:1fr 1fr}
  .dj3-bento{gap:12px}.dj3-work{gap:12px}
  .dj3-ins__side .post{grid-template-columns:80px 1fr}
}
@media (prefers-reduced-motion:reduce){
  [data-rv],[data-rv-st]>*{opacity:1!important;transform:none!important;transition:none!important}
  .dj3-float-anim{animation:none}
  .djn__live .ld::after{animation:none}
}

/* ================================================================
   DİJİTASYON V4 — CREATIVE TECHNOLOGY PLATFORM
   Editorial + technical. Motifs: DIJITAL FLOW + D-GRID.
   Scope: body.dj4 ; global shell: .d4nav / .d4foot / .d4cursor
   ================================================================ */
:root{
  --ink:#0C0812; --ink-soft:#171020;
  --p900:#261144; --p800:#381465; --p700:#51208E; --p600:#7137D8;
  --p500:#8B4DFF; --p400:#A66CFF; --p300:#C29AFF;
  --lav:#EEE8FF; --mist:#F6F3FA; --paper:#FBFAFC; --white:#FFFFFF;
  --line:rgba(12,8,18,.10); --line-2:rgba(12,8,18,.16); --line-dk:rgba(255,255,255,.12);
  --muted:#6B6478; --muted-dk:rgba(255,255,255,.52);
  --acid:#C6FF3D;
  --fx-disp:'Space Grotesk','Manrope',system-ui,sans-serif;
  --fx-sans:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fx-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
  --fx-serif:'Instrument Serif',Georgia,serif;
  --flow:linear-gradient(180deg,var(--p500),var(--p300));
  --e4:cubic-bezier(.19,1,.22,1); --e4b:cubic-bezier(.65,.05,.36,1);
  --d4-max:1280px; --d4-pad:clamp(20px,4.4vw,64px);
}
.dj4{background:var(--paper);color:var(--ink);font-family:var(--fx-sans);line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;letter-spacing:-.01em}
.dj4 h1,.dj4 h2,.dj4 h3{font-family:var(--fx-disp);color:var(--ink);letter-spacing:-.03em;line-height:1}
.dj4 p{color:var(--ink-soft)}
.dj4 ::selection{background:var(--p500);color:#fff}
.dj4 a{color:inherit;text-decoration:none}
.dj4 img{display:block;max-width:100%}
.dj4 :focus-visible{outline:2px solid var(--p600);outline-offset:3px}

/* ---- layout ---- */
.d4-wrap{width:100%;max-width:var(--d4-max);margin:0 auto;padding:0 var(--d4-pad)}
.d4-wrap--bleed{max-width:1600px}
.d4-wrap--narrow{max-width:960px}
.d4-sec{padding:clamp(58px,8vw,108px) 0;position:relative}
.d4-sec--sm{padding:clamp(44px,5vw,72px) 0}
.d4-ink{background:var(--ink);color:#fff}
.d4-ink h1,.d4-ink h2,.d4-ink h3{color:#fff} .d4-ink p{color:var(--muted-dk)}
.d4-mist{background:var(--mist)} .d4-lav{background:var(--lav)} .d4-white{background:var(--white)}

/* ---- typographic building blocks ---- */
.d4-kick{font-family:var(--fx-mono);font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--p600);
  display:inline-flex;align-items:center;gap:9px}
.d4-ink .d4-kick,.d4-lav .d4-kick{color:var(--p300)} .d4-lav .d4-kick{color:var(--p700)}
.d4-kick i.ln{width:26px;height:1px;background:currentColor;opacity:.5;display:inline-block}
.d4-index{font-family:var(--fx-mono);font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--muted)}
.d4-serif{font-family:var(--fx-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.d4-outline{-webkit-text-stroke:1.4px var(--ink);color:transparent}
.d4-ink .d4-outline{-webkit-text-stroke-color:#fff}
.d4-avail{display:inline-flex;align-items:center;gap:8px;font-family:var(--fx-mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.d4-avail .d{width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 0 rgba(198,255,61,.7);animation:d4beat 2.6s ease-out infinite}
@keyframes d4beat{0%{box-shadow:0 0 0 0 rgba(198,255,61,.6)}70%{box-shadow:0 0 0 7px rgba(198,255,61,0)}100%{box-shadow:0 0 0 0 rgba(198,255,61,0)}}

.d4-h2{font-size:clamp(30px,4.2vw,58px);font-weight:600;letter-spacing:-.035em;line-height:.98}
.d4-h2 .lt{font-weight:300} .d4-h2 em{font-family:var(--fx-serif);font-style:italic;font-weight:400}
.d4-lead{font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--muted);max-width:46ch}
.d4-ink .d4-lead{color:var(--muted-dk)}

/* ---- buttons (squared, editorial — no pill spam) ---- */
.d4-btn{display:inline-flex;align-items:center;gap:11px;height:52px;padding:0 24px;border-radius:6px;border:1px solid transparent;
  font-family:var(--fx-sans);font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;
  transition:transform .3s var(--e4),background .25s,color .25s,border-color .25s,box-shadow .3s;white-space:nowrap}
.d4-btn .a{font-family:var(--fx-mono);font-size:15px;transition:transform .3s var(--e4)}
.d4-btn:hover .a{transform:translate(3px,-3px)}
.d4-btn--fill{background:var(--ink);color:#fff}
.d4-btn--fill:hover{background:var(--p700);color:#fff;transform:translateY(-2px)}
.d4-btn--p{background:var(--p600);color:#fff}
.d4-btn--p:hover{background:var(--p500);color:#fff;transform:translateY(-2px);box-shadow:0 14px 34px -14px rgba(113,55,216,.7)}
.d4-btn--line{background:transparent;border-color:var(--line-2);color:var(--ink)}
.d4-btn--line:hover{border-color:var(--ink);transform:translateY(-2px)}
.d4-ink .d4-btn--line,.d4-btn--line.on-dark{border-color:var(--line-dk);color:#fff}
.d4-ink .d4-btn--line:hover,.d4-btn--line.on-dark:hover{border-color:#fff;background:rgba(255,255,255,.05)}
.d4-lnk{display:inline-flex;align-items:center;gap:8px;font-family:var(--fx-mono);font-size:13px;font-weight:500;letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink);position:relative;padding-bottom:3px}
.d4-lnk::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(.001);transform-origin:left;transition:transform .35s var(--e4)}
.d4-lnk:hover::after{transform:scaleX(1)} .d4-lnk .a{transition:transform .3s var(--e4)} .d4-lnk:hover .a{transform:translate(3px,-3px)}
.d4-ink .d4-lnk{color:#fff}

/* ---- D-GRID texture + grain ---- */
.d4-dgrid{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(currentColor 1px,transparent 1.4px);background-size:24px 24px;color:rgba(113,55,216,.14);
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000,transparent 78%);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000,transparent 78%)}
.d4-ink .d4-dgrid{color:rgba(166,108,255,.16)}
.d4-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---- FLOW spine (left gutter journey rail) ---- */
.d4-spine{position:fixed;left:26px;top:0;bottom:0;width:2px;z-index:60;display:none;pointer-events:none}
@media(min-width:1180px){.dj4 .d4-spine{display:block}}
.d4-spine__track{position:absolute;left:0;top:12vh;bottom:12vh;width:1px;background:var(--line-2)}
.d4-spine__fill{position:absolute;left:-.5px;top:12vh;width:2px;height:0;background:var(--flow);border-radius:2px;box-shadow:0 0 12px rgba(139,77,255,.6)}
.d4-spine__nodes{position:absolute;left:-3.5px;top:12vh;bottom:12vh;display:flex;flex-direction:column;justify-content:space-between}
.d4-spine__n{position:relative;width:9px;height:9px;border-radius:50%;background:var(--paper);border:1px solid var(--line-2);transition:.3s var(--e4)}
.d4-spine__n[data-on="1"]{background:var(--p500);border-color:var(--p500);box-shadow:0 0 0 4px rgba(139,77,255,.14)}
.d4-spine__n b{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-family:var(--fx-mono);font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);white-space:nowrap;opacity:0;transition:.3s}
.d4-spine__n[data-on="1"] b{opacity:1;color:var(--p700)}

/* pointer-events for the whole main so cursor works */
.dj4 main{position:relative}

/* ================= NAV (global .d4nav) ================= */
.d4nav{position:sticky;top:0;z-index:500;background:rgba(251,250,252,.72);
  -webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);
  border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.d4nav.is-stuck{border-bottom-color:var(--line);background:rgba(251,250,252,.86)}
.d4nav__bar{max-width:1600px;margin:0 auto;height:72px;display:flex;align-items:center;gap:26px;padding:0 clamp(20px,4vw,54px)}
.d4nav__logo{font-family:var(--fx-disp);font-weight:700;font-size:23px;letter-spacing:-.04em;color:var(--ink);display:flex;align-items:center}
.d4nav__logo b{color:var(--p600)}
.d4nav__logo .dot{width:7px;height:7px;border-radius:50%;background:var(--p500);margin-left:2px;align-self:flex-end;margin-bottom:5px}
.d4nav__menu{display:none;align-items:center;gap:3px}
.d4nav__lnk{font-family:var(--fx-sans);font-size:14.5px;font-weight:550;color:var(--ink-soft);padding:9px 13px;border-radius:6px;transition:.18s;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.d4nav__lnk:hover{color:var(--ink);background:rgba(12,8,18,.05)}
.d4nav__lnk .cx{font-family:var(--fx-mono);font-size:10px;opacity:.5}
.d4nav__item{position:relative}
.d4nav__pop{position:absolute;top:calc(100% + 8px);left:0;min-width:300px;background:var(--white);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 30px 60px -30px rgba(12,8,18,.35);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s var(--e4)}
.d4nav__item:hover .d4nav__pop,.d4nav__item:focus-within .d4nav__pop{opacity:1;visibility:visible;transform:none}
.d4nav__mi{display:flex;align-items:baseline;gap:12px;padding:10px 12px;border-radius:8px;transition:.15s}
.d4nav__mi:hover{background:var(--mist)}
.d4nav__mi span.no{font-family:var(--fx-mono);font-size:11px;color:var(--p400)}
.d4nav__mi span.t{font-size:14px;font-weight:600;color:var(--ink)}
.d4nav__mi span.d{font-size:12px;color:var(--muted);display:block;margin-top:1px}
.d4nav__right{margin-left:auto;display:flex;align-items:center;gap:6px}
.d4nav__live{display:none;align-items:center;gap:8px;font-family:var(--fx-mono);font-size:12px;letter-spacing:.06em;color:var(--ink-soft);padding:9px 12px;border-radius:6px;cursor:pointer;background:none;border:0}
.d4nav__live:hover{background:rgba(12,8,18,.05)} .d4nav__live .d{width:7px;height:7px;border-radius:50%;background:var(--muted)}
.d4nav__live .d.on{background:var(--acid);box-shadow:0 0 0 3px rgba(198,255,61,.22)}
.d4nav__login{display:none;font-size:14px;font-weight:550;color:var(--ink-soft);padding:9px 12px}
.d4nav__login:hover{color:var(--p600)}
.d4nav__burger{display:inline-flex;flex-direction:column;gap:5px;justify-content:center;width:46px;height:46px;border:1px solid var(--line-2);border-radius:8px;background:var(--white);cursor:pointer;padding:0 12px}
.d4nav__burger span{height:1.6px;background:var(--ink);transition:.25s}
@media(min-width:1080px){.d4nav__menu,.d4nav__live,.d4nav__login{display:inline-flex}.d4nav__burger{display:none}}
@media(max-width:1079px){.d4nav__right .d4-btn{display:none}}
/* full-screen drawer */
.d4dr{position:fixed;inset:0;z-index:600;background:var(--ink);color:#fff;transform:translateY(-100%);transition:transform .5s var(--e4);
  display:flex;flex-direction:column;padding:22px clamp(20px,6vw,54px) 26px;overflow-y:auto}
.d4dr.open{transform:none}
.d4dr__top{display:flex;align-items:center;justify-content:space-between}
.d4dr__logo{font-family:var(--fx-disp);font-size:22px;font-weight:700;color:#fff}.d4dr__logo b{color:var(--p400)}
.d4dr__x{width:46px;height:46px;border:1px solid var(--line-dk);border-radius:8px;background:none;color:#fff;font-size:22px;cursor:pointer}
.d4dr__nav{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;gap:2px}
.d4dr__nav a{font-family:var(--fx-disp);font-size:clamp(30px,9vw,52px);font-weight:500;letter-spacing:-.03em;color:#fff;padding:8px 0;
  display:flex;align-items:baseline;gap:14px;transition:.2s;opacity:.85}
.d4dr__nav a .no{font-family:var(--fx-mono);font-size:13px;color:var(--p400);font-weight:500}
.d4dr__nav a:hover,.d4dr__nav a:active{color:var(--p300);opacity:1;padding-left:8px}
.d4dr__act{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:22px}
.d4dr__act a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:15px 8px;border:1px solid var(--line-dk);border-radius:10px;color:#fff;font-size:12.5px;font-weight:600}
.d4dr__act a i{font-size:22px;color:var(--p300)}
body.dj-lock{overflow:hidden}

/* ================= HERO ================= */
.d4hero{position:relative;overflow:hidden;background:var(--paper);padding-top:clamp(30px,4vw,52px);padding-bottom:clamp(40px,5vw,64px)}
.d4hero__bg{position:absolute;inset:0;pointer-events:none}
.d4hero__grid-wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:clamp(30px,4vw,40px);align-items:end}
@media(min-width:1000px){.d4hero__grid-wrap{grid-template-columns:1.04fr 1.12fr;align-items:center}}
.d4hero__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(20px,3vw,34px)}
.d4hero__h1{font-family:var(--fx-disp);font-weight:300;letter-spacing:-.045em;line-height:.94;
  font-size:clamp(40px,6.6vw,88px);color:var(--ink);text-wrap:balance}
.d4hero__h1 .b{font-weight:700} .d4hero__h1 .s{font-family:var(--fx-serif);font-style:italic;font-weight:400;letter-spacing:-.02em}
.d4hero__h1 .grad{background:linear-gradient(100deg,var(--p700),var(--p400) 60%,var(--p300));-webkit-background-clip:text;background-clip:text;color:transparent}
.d4hero__sub{font-size:clamp(15.5px,1.4vw,18px);color:var(--muted);line-height:1.6;max-width:50ch;margin-top:clamp(18px,2.4vw,26px)}
.d4hero__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:clamp(22px,3vw,32px)}
.d4hero__tags{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:26px}
.d4hero__tags span{font-family:var(--fx-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  border:1px solid var(--line);border-radius:5px;padding:6px 10px}
/* collage */
.d4coll{position:relative;min-height:clamp(360px,44vw,540px)}
.d4coll__layer{position:absolute;border-radius:10px;overflow:hidden;background:var(--ink);
  box-shadow:0 30px 70px -34px rgba(12,8,18,.5);will-change:transform}
.d4coll__layer img{width:100%;height:100%;object-fit:cover}
.d4coll__l1{width:70%;right:0;top:4%;z-index:2;border-radius:12px;aspect-ratio:16/10}
.d4coll__l2{width:46%;left:0;top:30%;z-index:3;border:1px solid rgba(255,255,255,.1);aspect-ratio:4/3}
.d4coll__frag{position:absolute;z-index:4;background:var(--white);border:1px solid var(--line);border-radius:9px;box-shadow:0 18px 40px -20px rgba(12,8,18,.34);
  padding:11px 13px;font-family:var(--fx-sans);will-change:transform}
.d4coll__lead{left:2%;bottom:6%;display:flex;align-items:center;gap:10px}
.d4coll__lead .ic{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,var(--p600),var(--p400));color:#fff;display:grid;place-items:center;font-size:16px}
.d4coll__lead b{font-size:12.5px;font-weight:700;color:var(--ink);display:block}.d4coll__lead span{font-size:11px;color:var(--muted)}
.d4coll__chat{right:6%;bottom:-2%;max-width:200px;font-size:12.5px;color:var(--ink);line-height:1.4}
.d4coll__chat .m{font-family:var(--fx-mono);font-size:9.5px;letter-spacing:.1em;color:var(--p600);text-transform:uppercase;margin-bottom:5px}
.d4coll__code{right:-3%;top:-4%;background:var(--ink);color:#c9b7ff;border-color:rgba(255,255,255,.12);font-family:var(--fx-mono);font-size:11px;line-height:1.7;max-width:190px}
.d4coll__code .g{color:#7ee0a6}.d4coll__code .b{color:#6cb6ff}
.d4coll__search{left:-2%;top:8%;max-width:210px}
.d4coll__search .q{font-family:var(--fx-mono);font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:6px}
.d4coll__search .r b{font-size:12px;color:var(--p700);display:block}.d4coll__search .r span{font-size:10.5px;color:var(--muted)}

/* hero entrance orchestration — content visible without JS; hidden only once body.dj4-anim */
.dj4-anim [data-enter]{opacity:0}
.dj4-anim.loaded [data-enter]{opacity:1;transition:opacity .7s var(--e4),transform .8s var(--e4)}
.dj4-anim [data-enter="up"]{transform:translateY(26px)} .dj4-anim.loaded [data-enter="up"]{transform:none}
.dj4-anim [data-enter="mask"]{clip-path:inset(0 0 100% 0)} .dj4-anim.loaded [data-enter="mask"]{clip-path:inset(0 0 0 0);transition:clip-path .9s var(--e4),opacity .5s}
.dj4-anim [data-enter="scale"]{transform:scale(.94)} .dj4-anim.loaded [data-enter="scale"]{transform:none}
.dj4-anim.loaded [data-delay="1"]{transition-delay:.12s}.dj4-anim.loaded [data-delay="2"]{transition-delay:.24s}
.dj4-anim.loaded [data-delay="3"]{transition-delay:.38s}.dj4-anim.loaded [data-delay="4"]{transition-delay:.52s}
.dj4-anim.loaded [data-delay="5"]{transition-delay:.66s}.dj4-anim.loaded [data-delay="6"]{transition-delay:.8s}

/* ================= MANIFESTO ================= */
.d4mani{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:860px){.d4mani{grid-template-columns:.4fr 1.6fr;gap:clamp(30px,5vw,64px)}}
.d4mani__no{font-family:var(--fx-mono);font-size:12px;letter-spacing:.1em;color:var(--p600);text-transform:uppercase}
.d4mani__t{font-family:var(--fx-disp);font-weight:400;font-size:clamp(24px,3.2vw,44px);line-height:1.12;letter-spacing:-.03em;color:var(--ink)}
.d4mani__t b{font-weight:700} .d4mani__t em{font-family:var(--fx-serif);font-style:italic}
.d4mani__t .w{transition:color .5s var(--e4)}
.d4mani__meta{display:flex;flex-wrap:wrap;gap:14px 40px;margin-top:30px}
.d4mani__stat .n{font-family:var(--fx-disp);font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.03em;color:var(--ink);line-height:1}
.d4mani__stat .l{font-family:var(--fx-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:6px}

/* ================= SERVICE STAGE ================= */
.d4svc{display:grid;grid-template-columns:1fr;gap:26px}
@media(min-width:940px){.d4svc{grid-template-columns:1fr 1.1fr;gap:clamp(30px,4vw,60px);align-items:start}}
.d4svc__list{display:flex;flex-direction:column}
.d4svc__row{display:flex;align-items:center;gap:16px;padding:clamp(12px,1.6vw,18px) 0;border-top:1px solid var(--line);cursor:pointer;
  text-align:left;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;transition:.3s var(--e4)}
.d4svc__row:last-child{border-bottom:1px solid var(--line)}
.d4svc__row .no{font-family:var(--fx-mono);font-size:12px;color:var(--muted);width:26px;flex:none}
.d4svc__row .nm{font-family:var(--fx-disp);font-size:clamp(22px,2.7vw,34px);font-weight:500;letter-spacing:-.03em;color:var(--muted);transition:.3s var(--e4);flex:1}
.d4svc__row .go{font-family:var(--fx-mono);font-size:12px;color:var(--p600);opacity:0;transform:translateX(-6px);transition:.3s var(--e4)}
.d4svc__row:hover .nm,.d4svc__row[aria-selected="true"] .nm{color:var(--ink)}
.d4svc__row[aria-selected="true"] .no{color:var(--p600)}
.d4svc__row[aria-selected="true"] .go{opacity:1;transform:none}
.d4svc__row[aria-selected="true"]{padding-left:8px}
.d4svc__stage{position:relative;min-height:clamp(320px,32vw,420px);border-radius:14px;overflow:hidden;background:var(--ink);
  border:1px solid var(--line);box-shadow:0 40px 80px -50px rgba(12,8,18,.5)}
.d4svc__panel{position:absolute;inset:0;padding:clamp(18px,2.4vw,30px);opacity:0;visibility:hidden;transform:scale(1.02);transition:.5s var(--e4);
  display:flex;flex-direction:column}
.d4svc__panel.on{opacity:1;visibility:visible;transform:none}
.d4svc__panel .pt{font-family:var(--fx-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--p300);margin-bottom:14px}
.d4svc__panel h3{font-size:clamp(22px,2.4vw,30px);color:#fff;font-weight:600;letter-spacing:-.03em;margin-bottom:10px}
.d4svc__panel p{color:var(--muted-dk);font-size:14.5px;line-height:1.55;max-width:42ch}
.d4svc__vis{margin-top:auto;padding-top:20px}

/* mini visual primitives reused across dark stages */
.vx-win{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}
.vx-win__bar{height:30px;display:flex;align-items:center;gap:6px;padding:0 11px;border-bottom:1px solid rgba(255,255,255,.08)}
.vx-win__bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22)}
.vx-win__url{margin-left:8px;font-family:var(--fx-mono);font-size:10px;color:rgba(255,255,255,.5)}
.vx-lines{padding:14px}.vx-lines i{display:block;height:9px;border-radius:3px;background:rgba(255,255,255,.1);margin-bottom:9px}
.vx-lines i.p{background:linear-gradient(90deg,var(--p500),var(--p300))}
.vx-code{font-family:var(--fx-mono);font-size:12px;line-height:1.8;color:rgba(255,255,255,.6)}
.vx-code .k{color:#c9a6ff}.vx-code .g{color:#7ee0a6}.vx-code .b{color:#6cb6ff}
.vx-bars{display:flex;align-items:flex-end;gap:9px;height:120px}
.vx-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--p400),rgba(139,77,255,.3))}
.vx-bars i:last-child{background:linear-gradient(180deg,var(--acid),rgba(198,255,61,.3))}
.vx-search{font-family:var(--fx-mono);color:rgba(255,255,255,.75)}
.vx-search .q{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:11px 13px;font-size:13px}
.vx-search .r{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}
.vx-search .r b{color:var(--acid);font-weight:700}
.vx-chips{display:flex;flex-wrap:wrap;gap:8px}
.vx-chips span{font-family:var(--fx-mono);font-size:11px;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:7px 11px}
.vx-type{font-family:var(--fx-disp);color:#fff;line-height:.9}
.vx-type .a{font-weight:700;font-size:46px}.vx-type .b{font-weight:300;font-size:46px}.vx-type .c{-webkit-text-stroke:1.4px #fff;color:transparent;font-size:46px}
.vx-phone{width:120px;margin:0 auto;border:2px solid rgba(255,255,255,.16);border-radius:20px;height:100%;min-height:180px;padding:10px;background:rgba(255,255,255,.03)}
.vx-phone .n{height:5px;width:36px;background:rgba(255,255,255,.2);border-radius:3px;margin:0 auto 12px}

/* ================= WEB SHOWCASE ================= */
.d4web{position:relative}
.d4web__stack{position:relative;margin-top:36px;display:grid;place-items:center}
.d4web__browser{position:relative;width:min(100%,940px);z-index:3;border-radius:12px;overflow:hidden;background:var(--white);
  border:1px solid var(--line);box-shadow:0 50px 100px -50px rgba(12,8,18,.5)}
.d4web__browser .bar{height:40px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid var(--line);background:var(--mist)}
.d4web__browser .bar i{width:10px;height:10px;border-radius:50%;background:#dcd6e8}
.d4web__browser .bar .u{margin:0 auto;font-family:var(--fx-mono);font-size:11px;color:var(--muted);background:var(--white);border:1px solid var(--line);border-radius:6px;padding:4px 40px}
.d4web__shot{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ink)}
.d4web__shot img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:0;transition:opacity .6s var(--e4),transform 8s linear}
.d4web__shot img.on{opacity:1}
.d4web__back{position:absolute;width:78%;height:70%;border-radius:12px;background:var(--lav);border:1px solid var(--line);z-index:1}
.d4web__back.b1{transform:translate(-8%,-12%) rotate(-3deg)}.d4web__back.b2{transform:translate(9%,12%) rotate(2.5deg);background:var(--p900)}
.d4web__ann{position:absolute;font-family:var(--fx-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--p700);display:none;align-items:center;gap:8px;z-index:4}
@media(min-width:1080px){.d4web__ann{display:flex}}
.d4web__ann .ln{width:60px;height:1px;background:var(--p500)}
.d4web__ann .dt{width:7px;height:7px;border-radius:50%;background:var(--p500)}
.d4web__ann.a1{top:14%;left:-2%}.d4web__ann.a2{top:44%;right:-3%;flex-direction:row-reverse}
.d4web__ann.a3{bottom:16%;left:0}.d4web__ann.a4{bottom:32%;right:-1%;flex-direction:row-reverse}

/* ================= PROJECTS (editorial) ================= */
.d4proj{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,1.6vw,22px);margin-top:40px}
.d4pj{position:relative;overflow:hidden;display:block;background:var(--ink);grid-column:span 12}
.d4pj img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--e4)}
.d4pj:hover img{transform:scale(1.045)}
.d4pj__media{position:relative;overflow:hidden}
.d4pj__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,8,18,.72));opacity:.5;transition:.3s}
.d4pj:hover .d4pj__media::after{opacity:1}
.d4pj__meta{position:absolute;left:0;right:0;bottom:0;padding:clamp(14px,1.6vw,22px);z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  transform:translateY(8px);opacity:.92;transition:.35s var(--e4)}
.d4pj:hover .d4pj__meta{transform:none;opacity:1}
.d4pj__cat{font-family:var(--fx-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--p300)}
.d4pj__t{font-family:var(--fx-disp);font-size:clamp(17px,1.7vw,23px);font-weight:600;color:#fff;letter-spacing:-.02em;margin-top:5px}
.d4pj__yr{font-family:var(--fx-mono);font-size:11px;color:rgba(255,255,255,.6)}
/* editorial spans + radii */
@media(min-width:820px){
  .d4pj--a{grid-column:span 7;border-radius:2px 18px 2px 18px}
  .d4pj--b{grid-column:span 5;border-radius:18px 2px 18px 2px}
  .d4pj--c{grid-column:span 5;border-radius:12px}
  .d4pj--d{grid-column:span 7;border-radius:2px}
  .d4pj--full{grid-column:span 12;border-radius:12px}
  .d4pj--a .d4pj__media,.d4pj--d .d4pj__media{aspect-ratio:16/10}
  .d4pj--b .d4pj__media,.d4pj--c .d4pj__media{aspect-ratio:4/3}
  .d4pj--full .d4pj__media{aspect-ratio:21/8}
}
.d4pj__media{aspect-ratio:16/10}

/* ================= GROWTH / ADS ================= */
.d4grow{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
@media(min-width:920px){.d4grow{grid-template-columns:1.1fr .9fr;gap:clamp(30px,4vw,56px)}}
.d4funnel{display:flex;flex-direction:column;gap:10px}
.d4funnel__row{display:flex;align-items:center;gap:14px}
.d4funnel__bar{height:clamp(38px,4vw,52px);border-radius:4px;background:linear-gradient(90deg,var(--p700),var(--p400));display:flex;align-items:center;padding:0 16px;
  font-family:var(--fx-mono);font-size:12px;color:#fff;letter-spacing:.04em}
.d4funnel__row:nth-child(2) .d4funnel__bar{width:82%;opacity:.92}.d4funnel__row:nth-child(3) .d4funnel__bar{width:60%;opacity:.84}
.d4funnel__row:nth-child(4) .d4funnel__bar{width:38%;background:linear-gradient(90deg,var(--p600),var(--acid))}
.d4funnel__n{font-family:var(--fx-disp);font-weight:600;font-size:18px;color:var(--ink)}

/* ================= CRM (dark layered) ================= */
.d4crm{position:relative;display:grid;grid-template-columns:1fr;gap:34px;align-items:center}
@media(min-width:960px){.d4crm{grid-template-columns:.92fr 1.08fr;gap:clamp(30px,4vw,56px)}}
.d4crm__stage{position:relative;min-height:clamp(360px,34vw,460px)}
.d4card{position:absolute;background:#1b1230;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;
  box-shadow:0 30px 60px -34px rgba(0,0,0,.7);will-change:transform}
.d4card__t{font-family:var(--fx-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--p300);display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.d4crm__pipe{left:0;top:4%;width:64%;z-index:2}
.d4crm__cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.d4crm__cols .c{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px;min-height:110px}
.d4crm__cols .c .h{font-family:var(--fx-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:8px}
.d4lead{background:#241a3a;border:1px solid rgba(255,255,255,.09);border-radius:7px;padding:8px 9px;margin-bottom:7px;transition:transform .6s var(--e4)}
.d4lead b{font-size:11.5px;color:#fff;font-weight:600;display:block;letter-spacing:-.01em}
.d4lead span{font-family:var(--fx-mono);font-size:9.5px;color:rgba(255,255,255,.45)}
.d4lead--move{border-color:var(--p400);box-shadow:0 0 0 1px var(--p500),0 10px 24px -10px rgba(139,77,255,.6)}
.d4crm__profile{right:0;top:0;width:44%;z-index:4}
.d4crm__profile .av{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--p500),var(--p300));display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}
.d4crm__profile .nm{font-size:13px;color:#fff;font-weight:600;margin-top:10px}.d4crm__profile .rl{font-family:var(--fx-mono);font-size:10px;color:rgba(255,255,255,.5)}
.d4crm__profile .kv{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.6);padding:6px 0;border-top:1px solid rgba(255,255,255,.07);margin-top:8px}
.d4crm__profile .kv b{color:#fff;font-weight:600}
.d4crm__timeline{right:8%;bottom:0;width:52%;z-index:5}
.d4dotrow{display:flex;align-items:center;gap:9px;font-size:11px;color:rgba(255,255,255,.65);padding:5px 0}
.d4dotrow .d{width:7px;height:7px;border-radius:50%;background:var(--p400);flex:none}
.d4crm__note{left:10%;bottom:8%;z-index:6;background:var(--p600);border-color:transparent;display:flex;align-items:center;gap:9px;padding:11px 13px}
.d4crm__note i{font-size:17px;color:#fff}.d4crm__note b{font-size:12px;color:#fff}.d4crm__note span{display:block;font-family:var(--fx-mono);font-size:9.5px;color:rgba(255,255,255,.75)}

/* ================= CHAT → CRM → PROJECT FLOW ================= */
.d4flow{display:grid;grid-template-columns:1fr;gap:14px;margin-top:38px;position:relative}
@media(min-width:820px){.d4flow{grid-template-columns:repeat(5,1fr);align-items:center;gap:0}}
.d4flow__node{position:relative;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px;z-index:2;
  opacity:.5;transform:translateY(10px);transition:.5s var(--e4)}
.d4flow__node.on{opacity:1;transform:none;border-color:var(--p400);box-shadow:0 20px 46px -26px rgba(113,55,216,.5)}
.d4flow__node .lbl{font-family:var(--fx-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--p600);margin-bottom:9px}
.d4flow__node b{font-size:14px;color:var(--ink);font-weight:650;display:block;letter-spacing:-.01em}
.d4flow__node span{font-size:12px;color:var(--muted)}
.d4flow__node .bub{font-size:12px;background:var(--mist);border:1px solid var(--line);border-radius:9px;border-bottom-left-radius:3px;padding:8px 10px;color:var(--ink);margin-top:8px}
.d4flow__conn{display:none}
@media(min-width:820px){.d4flow__conn{display:block;height:2px;background:var(--line-2);position:relative;overflow:hidden}
  .d4flow__conn i{position:absolute;inset:0;background:var(--flow);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--e4)}
  .d4flow__conn.on i{transform:scaleX(1)}}

/* ================= CUSTOMER PORTAL ================= */
.d4portal{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
@media(min-width:960px){.d4portal{grid-template-columns:1.08fr .92fr;gap:clamp(30px,4vw,56px)}}
.d4portal__ui{position:relative;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 40px 90px -50px rgba(12,8,18,.4);overflow:hidden}
.d4portal__tabs{display:flex;gap:2px;padding:12px 14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.d4portal__tabs span{font-family:var(--fx-mono);font-size:11.5px;color:var(--muted);padding:8px 11px;position:relative}
.d4portal__tabs span.on{color:var(--p700)}.d4portal__tabs span.on::after{content:"";position:absolute;left:11px;right:11px;bottom:-1px;height:2px;background:var(--p600)}
.d4portal__body{padding:clamp(16px,2vw,22px)}
.d4portal__prog{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.d4portal__prog b{font-size:15px;color:var(--ink);font-weight:650}.d4portal__prog span{font-family:var(--fx-mono);font-size:13px;color:var(--p600);font-weight:700}
.d4bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin-bottom:18px}.d4bar i{display:block;height:100%;background:var(--flow);width:0;transition:width 1.1s var(--e4)}
.d4steps{display:flex;flex-direction:column}
.d4step{display:flex;align-items:center;gap:12px;padding:9px 0;position:relative}
.d4step .mk{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:11px;border:2px solid var(--line);background:var(--white);color:var(--muted);z-index:1}
.d4step.done .mk{background:var(--p600);border-color:var(--p600);color:#fff}.d4step.now .mk{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 0 0 4px rgba(12,8,18,.08)}
.d4step .lb{font-size:13.5px;color:var(--muted)}.d4step.now .lb,.d4step.done .lb{color:var(--ink)}.d4step.now .lb{font-weight:650}
.d4step:not(:last-child)::before{content:"";position:absolute;left:10px;top:24px;bottom:-4px;width:2px;background:var(--line)}.d4step.done:not(:last-child)::before{background:var(--p500)}
.d4portal__float{position:absolute;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:0 20px 44px -22px rgba(12,8,18,.34);padding:10px 12px;font-size:12px;display:flex;align-items:center;gap:9px}
.d4portal__float i{width:30px;height:30px;border-radius:8px;background:var(--lav);color:var(--p700);display:grid;place-items:center;font-size:15px}
.d4portal__float b{font-size:12px;color:var(--ink);font-weight:650;display:block}.d4portal__float span{font-family:var(--fx-mono);font-size:10px;color:var(--muted)}

/* ================= AI AUDIT (editorial) ================= */
.d4audit{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(160deg,var(--ink-soft),var(--ink) 70%);color:#fff;
  display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:920px){.d4audit{grid-template-columns:1fr 1fr}}
.d4audit__l{padding:clamp(28px,3.4vw,52px);position:relative;z-index:2}
.d4audit__l h2{color:#fff;font-size:clamp(26px,3vw,42px);font-weight:600;letter-spacing:-.03em;margin:14px 0 0}
.d4audit__l h2 em{font-family:var(--fx-serif);font-style:italic}
.d4audit__l p{color:var(--muted-dk);font-size:15px;line-height:1.6;margin:14px 0 0}
.d4audit__form{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.d4audit__in{flex:1;min-width:200px;height:52px;border-radius:7px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;
  padding:0 16px;font-family:var(--fx-mono);font-size:14px}
.d4audit__in::placeholder{color:rgba(255,255,255,.4)}.d4audit__in:focus{outline:none;border-color:var(--p400);background:rgba(255,255,255,.09)}
.d4audit__note{font-family:var(--fx-mono);font-size:11px;color:rgba(255,255,255,.42);margin-top:14px}
.d4audit__r{position:relative;z-index:2;padding:clamp(24px,3vw,44px);border-left:1px solid rgba(255,255,255,.08);min-height:300px;display:flex;flex-direction:column;justify-content:center}
.d4audit__idle .n{font-family:var(--fx-mono);font-size:12px;color:rgba(255,255,255,.4);letter-spacing:.08em}
.d4audit__idle .rows{margin-top:18px}
.d4arow{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.d4arow .k{font-family:var(--fx-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);width:120px;flex:none}
.d4arow .track{flex:1;height:1px;background:rgba(255,255,255,.12);position:relative;top:-3px}
.d4arow .track i{position:absolute;left:0;top:0;height:1px;background:var(--acid);width:0;transition:width 1s var(--e4)}
.d4arow .v{font-family:var(--fx-disp);font-size:26px;font-weight:600;color:#fff;width:56px;text-align:right;flex:none}
.d4scan{font-family:var(--fx-mono);font-size:13px}
.d4scan .ln{display:flex;align-items:center;gap:12px;padding:9px 0;color:rgba(255,255,255,.4);transition:color .3s}
.d4scan .ln.on{color:#fff}.d4scan .no{color:var(--p300)}.d4scan .st{margin-left:auto;color:rgba(255,255,255,.3)}.d4scan .ln.done .st{color:var(--acid)}

/* ================= DIGITAL SHELF (products) ================= */
.d4shelf{display:grid;grid-template-columns:1fr;gap:clamp(16px,2vw,26px);margin-top:38px}
@media(min-width:640px){.d4shelf{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.d4shelf{grid-template-columns:repeat(4,1fr)}}
.d4prod{display:flex;flex-direction:column;position:relative}
.d4prod__poster{aspect-ratio:3/4;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(155deg,var(--p800),var(--ink));display:flex;flex-direction:column;justify-content:space-between;padding:18px}
.d4prod__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.d4prod:hover .d4prod__poster img{transform:scale(1.04);transition:transform .6s var(--e4)}
.d4prod__poster .top{position:relative;z-index:2;font-family:var(--fx-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--p300)}
.d4prod__poster .big{position:relative;z-index:2;font-family:var(--fx-disp);font-weight:600;font-size:23px;color:#fff;letter-spacing:-.02em;line-height:1.05}
.d4prod__poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,8,18,.1),rgba(12,8,18,.55));z-index:1}
.d4prod__disc{position:absolute;top:12px;right:12px;z-index:3;background:var(--acid);color:var(--ink);font-family:var(--fx-mono);font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px}
.d4prod__b{padding:14px 2px 0;display:flex;flex-direction:column;flex:1}
.d4prod__t{font-size:15.5px;font-weight:650;color:var(--ink);letter-spacing:-.01em}
.d4prod__d{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.45;flex:1}
.d4prod__ft{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
.d4prod__price{font-family:var(--fx-disp);font-size:17px;font-weight:600;color:var(--ink)}.d4prod__price s{font-family:var(--fx-sans);font-size:12px;color:var(--muted);margin-left:5px}

/* ================= SAMSUN LOCAL (type grid) ================= */
.d4local{position:relative}
.d4local__grid{position:relative;margin-top:20px;display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(6px,1vw,14px);align-items:center}
.d4ilce{font-family:var(--fx-disp);font-weight:500;letter-spacing:-.03em;color:var(--muted);position:relative;transition:color .25s var(--e4);
  font-size:clamp(20px,3.4vw,44px);line-height:1;padding:6px 2px;display:inline-block}
.d4ilce:hover{color:var(--p600)}
.d4ilce--main{color:var(--ink);font-weight:700}
.d4ilce .tip{position:absolute;left:0;top:-6px;transform:translateY(-100%);font-family:var(--fx-mono);font-size:11px;letter-spacing:.04em;text-transform:none;
  color:#fff;background:var(--ink);padding:5px 9px;border-radius:5px;white-space:nowrap;opacity:0;visibility:hidden;transition:.2s;pointer-events:none}
.d4ilce:hover .tip{opacity:1;visibility:visible;transform:translateY(-100%) translateY(-4px)}
.d4local__grid .c1{grid-column:span 3}.d4local__grid .c2{grid-column:span 2}.d4local__grid .c3{grid-column:span 4}
.d4local__grid .c4{grid-column:span 3}.d4local__grid .c5{grid-column:span 2}.d4local__grid .c6{grid-column:span 3}.d4local__grid .c7{grid-column:span 3}
@media(max-width:680px){.d4local__grid{grid-template-columns:repeat(2,1fr)}.d4local__grid>*{grid-column:span 1!important}}

/* ================= INSIGHTS (magazine) ================= */
.d4mag{display:grid;grid-template-columns:1fr;gap:clamp(16px,2vw,26px);margin-top:38px}
@media(min-width:900px){.d4mag{grid-template-columns:1.5fr .9fr}}
.d4mag__side{display:flex;flex-direction:column;gap:18px}
.d4story{display:block;position:relative}
.d4story--big .d4story__media{aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:var(--lav)}
.d4story__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e4)}
.d4story:hover .d4story__media img{transform:scale(1.04)}
.d4story__meta{font-family:var(--fx-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--p600);margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.d4story__meta .rt{color:var(--muted)}
.d4story__t{font-family:var(--fx-disp);font-weight:600;letter-spacing:-.025em;color:var(--ink);margin-top:9px;line-height:1.12}
.d4story--big .d4story__t{font-size:clamp(22px,2.6vw,32px)}.d4story--big .d4story__t em{font-family:var(--fx-serif);font-style:italic;font-weight:400}
.d4story--row{display:grid;grid-template-columns:96px 1fr;gap:15px;align-items:center}
.d4story--row .d4story__media{aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--lav)}
.d4story--row .d4story__meta{margin-top:0}.d4story--row .d4story__t{font-size:15px;margin-top:7px}
.d4quote{background:var(--ink);color:#fff;border-radius:10px;padding:22px;font-family:var(--fx-serif);font-style:italic;font-size:20px;line-height:1.35}
.d4quote span{display:block;font-family:var(--fx-mono);font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--p300);margin-top:14px}

/* ================= FINAL CTA (canvas) ================= */
.d4cta{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:16px;padding:clamp(48px,8vw,120px) clamp(20px,4vw,60px);text-align:center}
.d4cta__big{font-family:var(--fx-disp);font-weight:600;letter-spacing:-.04em;line-height:.92;font-size:clamp(44px,10vw,150px);color:#fff;display:block;position:relative;z-index:2}
.d4cta__big .a{font-family:var(--fx-mono);font-weight:500;font-size:.4em;vertical-align:super;color:var(--p300)}
.d4cta__big .let{display:inline-block;transition:transform .3s var(--e4),color .3s}
.d4cta__sub{position:relative;z-index:2;color:var(--muted-dk);font-size:16px;margin-top:22px}
.d4cta__act{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.d4cta a.hit{position:absolute;inset:0;z-index:5}

/* ================= FOOTER (status + live time) ================= */
.d4foot{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.d4foot__wrap{max-width:1600px;margin:0 auto;padding:clamp(40px,5vw,64px) clamp(20px,4vw,54px) 30px;position:relative;z-index:2}
.d4foot__status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-bottom:clamp(30px,4vw,48px);border-bottom:1px solid var(--line-dk)}
.d4foot__status h3{font-family:var(--fx-disp);font-weight:400;font-size:clamp(24px,3.4vw,44px);letter-spacing:-.03em;color:#fff;max-width:20ch;line-height:1.05}
.d4foot__status h3 b{font-weight:700}
.d4foot__clock{font-family:var(--fx-mono);font-size:12px;color:var(--muted-dk);text-align:right;letter-spacing:.04em}
.d4foot__clock b{display:block;font-size:26px;color:#fff;font-weight:500;letter-spacing:.02em}
.d4foot__grid{display:grid;grid-template-columns:1fr;gap:30px;padding:clamp(30px,4vw,48px) 0}
@media(min-width:760px){.d4foot__grid{grid-template-columns:repeat(4,1fr)}}
.d4foot__col h4{font-family:var(--fx-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--p300);margin-bottom:15px}
.d4foot__col a{display:block;color:var(--muted-dk);font-size:14px;padding:6px 0;transition:color .18s}.d4foot__col a:hover{color:#fff}
.d4foot__bottom{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:26px;border-top:1px solid var(--line-dk)}
.d4foot__logo{font-family:var(--fx-disp);font-weight:700;font-size:clamp(48px,9vw,110px);letter-spacing:-.05em;color:#fff;line-height:.8}
.d4foot__logo b{color:var(--p500)}
.d4foot__legal{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--fx-mono);font-size:11px;color:var(--muted-dk);letter-spacing:.04em}
.d4foot__legal a:hover{color:#fff}
.d4foot__soc{display:flex;gap:9px;margin-top:14px}
.d4foot__soc a{width:38px;height:38px;border:1px solid var(--line-dk);border-radius:8px;display:grid;place-items:center;color:#fff;font-size:16px;transition:.2s}
.d4foot__soc a:hover{background:var(--p600);border-color:var(--p600)}

/* ================= CONTEXTUAL CURSOR ================= */
.d4cursor{position:fixed;top:0;left:0;width:74px;height:74px;border-radius:50%;background:var(--p600);color:#fff;display:grid;place-items:center;
  font-family:var(--fx-mono);font-size:11px;font-weight:600;letter-spacing:.08em;pointer-events:none;z-index:900;
  transform:translate(-50%,-50%) scale(0);transition:transform .25s var(--e4),background .2s}
.d4cursor.on{transform:translate(-50%,-50%) scale(1)}
.d4cursor.cta{background:var(--acid);color:var(--ink)}

/* ================= MOBILE STICKY ACTION ================= */
.d4mbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:400;display:none;gap:8px;
  background:rgba(12,8,18,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-dk);border-radius:12px;padding:8px}
.d4mbar a,.d4mbar button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;height:44px;border-radius:8px;border:0;font-family:var(--fx-sans);font-size:13px;font-weight:600;cursor:pointer}
.d4mbar .call{background:rgba(255,255,255,.08);color:#fff}.d4mbar .wa{background:#1faf5a;color:#fff}.d4mbar .chat{background:var(--p600);color:#fff}
@media(max-width:768px){.dj4 .d4mbar{display:flex}.dj4 main{padding-bottom:0}.dj4 .d4end{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}}

/* ================= REVEAL (mixed) — hidden states only under .dj4-anim ================= */
.dj4 [data-r]{transition:opacity .6s var(--e4),transform .7s var(--e4),clip-path .8s var(--e4)}
.dj4-anim [data-r]{opacity:0}
.dj4-anim [data-r="up"]{transform:translateY(30px)} .dj4 [data-r="up"].in{opacity:1;transform:none}
.dj4 [data-r="fade"].in{opacity:1}
.dj4-anim [data-r="mask"]{clip-path:inset(0 0 100% 0)} .dj4 [data-r="mask"].in{opacity:1;clip-path:inset(0 0 0 0)}
.dj4-anim [data-r="left"]{transform:translateX(-36px)} .dj4 [data-r="left"].in{opacity:1;transform:none}
.dj4-anim [data-r="right"]{transform:translateX(36px)} .dj4 [data-r="right"].in{opacity:1;transform:none}
.dj4-anim [data-r="scale"]{transform:scale(.95)} .dj4 [data-r="scale"].in{opacity:1;transform:none}
.dj4-anim [data-rst]>*{opacity:0;transform:translateY(22px);transition:opacity .5s var(--e4),transform .6s var(--e4)}
.dj4 [data-rst].in>*{opacity:1;transform:none}
.dj4 [data-rst].in>*:nth-child(2){transition-delay:.06s}.dj4 [data-rst].in>*:nth-child(3){transition-delay:.12s}
.dj4 [data-rst].in>*:nth-child(4){transition-delay:.18s}.dj4 [data-rst].in>*:nth-child(5){transition-delay:.24s}
.dj4 [data-rst].in>*:nth-child(6){transition-delay:.3s}.dj4 [data-rst].in>*:nth-child(7){transition-delay:.36s}
.dj4 [data-rst].in>*:nth-child(8){transition-delay:.42s}

/* ================= RESPONSIVE ================= */
@media(max-width:999px){
  .d4coll{min-height:380px;margin-top:6px}
  .d4hero__grid-wrap{align-items:stretch}
}
@media(max-width:820px){
  .d4crm__stage{min-height:520px}
  .d4pj{grid-column:span 12!important;border-radius:10px!important}
  .d4pj__media{aspect-ratio:16/10!important}
}
@media(max-width:600px){
  .d4coll__code,.d4coll__search{display:none}
  .d4hero__h1{font-size:clamp(36px,11vw,52px)}
  .d4crm__stage{min-height:600px}
}

@media (prefers-reduced-motion:reduce){
  .dj4 [data-r],.dj4 [data-rst]>*,.dj4 [data-enter]{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
  .dj4 .d4-avail .d,.d4nav__live .d{animation:none}
  .d4web__shot img{transition:opacity .3s}
  .d4cursor{display:none}
}
html.dj-qa-freeze *,html.dj-qa-freeze *::before,html.dj-qa-freeze *::after{animation:none!important;transition:none!important}

/* ================================================================
   DİJİTASYON V4.1 — POLISH: header morph/mega · works carousel ·
   editorial magazine (sticky preview) · final-brand footer
   ================================================================ */

/* ---------- HEADER morph + mega ---------- */
.d4nav__bar{transition:height .3s var(--e4),max-width .32s var(--e4),margin .32s var(--e4),border-radius .32s var(--e4),background .3s,box-shadow .32s,border-color .3s;border:1px solid transparent}
.d4nav.is-float{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.d4nav.is-float .d4nav__bar{height:62px;max-width:min(1360px,calc(100vw - 44px));margin:11px auto;border-radius:15px;
  background:rgba(251,250,252,.82);-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px);
  border-color:var(--line);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 14px 40px -22px rgba(12,8,18,.4)}
.d4nav.is-float .d4nav__logo{font-size:20px}
.d4nav__logo{transition:font-size .3s var(--e4)}
.d4nav__logoimg{height:32px;width:auto;display:block;transition:height .3s var(--e4)}
.d4nav.is-float .d4nav__logoimg{height:27px}
@media(max-width:520px){.d4nav__logoimg{height:27px}}
/* refined hover: underline draws L→R */
.d4nav__lnk{position:relative}
.d4nav__lnk::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:1.5px;background:var(--p600);transform:scaleX(0);transform-origin:left;transition:transform .32s var(--e4)}
.d4nav__lnk:hover::after,.d4nav__item:hover>.d4nav__lnk::after{transform:scaleX(1)}
.d4nav__lnk:hover{background:none;color:var(--ink)}
/* active state: small dot marker (not pill) */
.d4nav__lnk[aria-current="page"]{color:var(--ink)}
.d4nav__lnk[aria-current="page"]::after{transform:scaleX(1)}
.d4nav__dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--p500);margin-left:2px}
/* mega menu */
.d4nav__mega{position:absolute;top:calc(100% + 6px);left:0;transform:translateY(8px);width:min(720px,90vw);
  background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 40px 80px -40px rgba(12,8,18,.4);
  padding:22px;display:grid;grid-template-columns:1.3fr 1fr;gap:22px;opacity:0;visibility:hidden;transition:.24s var(--e4);z-index:20}
.d4nav__item:hover .d4nav__mega,.d4nav__item:focus-within .d4nav__mega{opacity:1;visibility:visible;transform:translateY(0)}
.d4nav__megaL{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;align-content:start}
.d4nav__megaItem{display:flex;align-items:baseline;gap:10px;padding:9px 10px;border-radius:9px;transition:.15s}
.d4nav__megaItem:hover{background:var(--mist)}
.d4nav__megaItem .no{font-family:var(--fx-mono);font-size:10.5px;color:var(--p400)}
.d4nav__megaItem .t{font-size:14px;font-weight:600;color:var(--ink)}
.d4nav__megaR{background:linear-gradient(165deg,var(--p800),var(--ink));border-radius:12px;padding:20px;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}
.d4nav__megaR .k{font-family:var(--fx-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--p300)}
.d4nav__megaR h5{font-family:var(--fx-disp);font-size:20px;font-weight:600;color:#fff;letter-spacing:-.02em;margin:10px 0 8px}
.d4nav__megaR p{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.72);margin:0 0 16px}
.d4nav__megaR .go{margin-top:auto;font-family:var(--fx-mono);font-size:12px;color:#fff;display:inline-flex;align-items:center;gap:7px}
.d4nav__megaR .subs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.d4nav__megaR .subs a{font-family:var(--fx-mono);font-size:10.5px;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.16);border-radius:5px;padding:5px 9px}
.d4nav__megaR .subs a:hover{color:#fff;border-color:var(--p400)}
/* CTA magnetic-ish */
.d4nav__right .d4-btn--fill{transition:transform .2s var(--e4),background .25s}

/* ---------- SELECTED WORKS carousel ---------- */
.d4wrk{position:relative}
.d4wrk__bg{position:absolute;inset:0;pointer-events:none}
.d4wrk__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(22px,3vw,34px)}
.d4wrk__view{overflow:hidden;margin:0 calc(var(--d4-pad) * -1);padding:6px var(--d4-pad) 42px}
.d4wrk__track{display:flex;gap:clamp(14px,1.8vw,24px);transition:transform .62s var(--e4);will-change:transform;cursor:grab;touch-action:pan-y}
.d4wrk__track.drag{cursor:grabbing;transition:none}
.d4wrk__slide{flex:0 0 auto;width:min(84%,880px)}
@media(min-width:1000px){.d4wrk__slide{width:min(70%,900px)}}
.d4card2{display:grid;grid-template-columns:1fr;background:var(--white);border:1px solid var(--line);border-radius:6px 20px 6px 20px;overflow:hidden;box-shadow:0 30px 70px -44px rgba(12,8,18,.4);height:100%}
@media(min-width:760px){.d4card2{grid-template-columns:2.5fr 1fr}}
.d4card2__media{position:relative;overflow:hidden;background:var(--ink);aspect-ratio:16/10}
.d4card2__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e4),clip-path .7s var(--e4)}
.d4wrk__slide[aria-hidden="false"] .d4card2__media img{transform:scale(1.001)}
.d4card2:hover .d4card2__media img{transform:scale(1.05)}
.d4card2__media::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 60%,rgba(109,55,216,.18));opacity:0;transition:.4s}
.d4card2:hover .d4card2__media::after{opacity:1}
.d4card2__info{padding:clamp(18px,1.8vw,26px);display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-width:0}
.d4card2__no{font-family:var(--fx-mono);font-size:12px;color:var(--p600);letter-spacing:.08em}
.d4card2__name{font-family:var(--fx-disp);font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.03em;color:var(--ink);line-height:1.02;margin-top:8px}
.d4card2__cat{font-family:var(--fx-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.d4card2__desc{font-size:13.5px;line-height:1.55;color:var(--ink-soft);margin-top:12px}
.d4card2__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.d4card2__tags span{font-family:var(--fx-mono);font-size:10.5px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:4px 8px}
.d4card2__go{margin-top:auto;font-family:var(--fx-mono);font-size:12px;color:var(--ink);display:inline-flex;align-items:center;gap:8px}
.d4card2__go .a{color:var(--p600);transition:transform .3s var(--e4)} .d4card2:hover .d4card2__go .a{transform:translate(3px,-3px)}
.d4wrk__foot{display:flex;align-items:center;gap:20px;margin-top:clamp(20px,2.4vw,30px)}
.d4wrk__prog{display:flex;align-items:center;gap:14px;font-family:var(--fx-mono);font-size:12px;color:var(--muted)}
.d4wrk__prog .cur{color:var(--ink);font-weight:700}
.d4wrk__bar{width:clamp(80px,14vw,160px);height:1.5px;background:var(--line-2);position:relative}
.d4wrk__bar i{position:absolute;left:0;top:0;height:1.5px;background:var(--p600);transition:width .5s var(--e4)}
.d4wrk__btns{margin-left:auto;display:flex;gap:10px}
.d4wrk__btn{width:48px;height:48px;border:1px solid var(--line-2);border-radius:7px;background:var(--white);color:var(--ink);cursor:pointer;
  display:grid;place-items:center;font-size:17px;transition:.2s var(--e4)}
.d4wrk__btn:hover:not(:disabled){border-color:var(--ink);transform:translateY(-2px)}
.d4wrk__btn:disabled{opacity:.32;cursor:not-allowed}

/* ---------- BLOG editorial magazine + sticky preview ---------- */
.d4mag2{display:grid;grid-template-columns:1fr;gap:clamp(24px,3vw,40px);margin-top:clamp(26px,3vw,38px)}
@media(min-width:920px){.d4mag2{grid-template-columns:1.12fr .88fr;gap:clamp(34px,4vw,64px);align-items:start}}
.d4mag2__list{display:flex;flex-direction:column}
.d4art{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px 18px;align-items:baseline;padding:clamp(15px,1.8vw,20px) 4px;border-top:1px solid var(--line);transition:.25s var(--e4);position:relative}
.d4art:last-child{border-bottom:1px solid var(--line)}
.d4art .cat{font-family:var(--fx-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--p600);width:82px;flex:none}
.d4art .t{font-family:var(--fx-disp);font-size:clamp(16px,1.5vw,20px);font-weight:500;letter-spacing:-.02em;color:var(--ink);line-height:1.15}
.d4art .rt{font-family:var(--fx-mono);font-size:11px;color:var(--muted);white-space:nowrap}
.d4art .go{font-family:var(--fx-mono);font-size:14px;color:var(--p600);opacity:0;transform:translateX(-6px);transition:.25s var(--e4)}
.d4art:hover{padding-left:14px}
.d4art:hover .t{color:var(--p700)} .d4art:hover .go{opacity:1;transform:none}
.d4art.is-active .t{color:var(--p700)}
.d4art--feat{grid-template-columns:1fr;gap:12px;border-top:0;padding-top:0}
.d4art--feat .head{display:flex;align-items:center;gap:12px}
.d4art--feat .cat{width:auto}
.d4art--feat .t{font-size:clamp(24px,2.6vw,36px);font-weight:600}
.d4art--feat .t em{font-family:var(--fx-serif);font-style:italic;font-weight:400}
.d4art--feat .ex{font-size:14.5px;line-height:1.6;color:var(--muted);max-width:52ch}
.d4art--feat .go{opacity:1;transform:none;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}
.d4mag2__preview{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--lav);border:1px solid var(--line)}
@media(min-width:920px){.d4mag2__preview{position:sticky;top:110px}}
.d4mag2__preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .5s var(--e4),transform .7s var(--e4)}
.d4mag2__preview img.on{opacity:1;transform:none}
.d4mag2__preview .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px;background:linear-gradient(0deg,rgba(12,8,18,.7),transparent);
  font-family:var(--fx-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#fff;opacity:0;transition:.3s}
.d4mag2__preview .cap.on{opacity:1}

/* ---------- FINAL BRAND FOOTER (.d4end replaces old footer look) ---------- */
.d4end{position:relative;overflow:hidden;background:var(--ink);color:#fff}
.d4end__flow{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--p500),transparent);opacity:.5}
.d4end__wrap{position:relative;z-index:2;max-width:1360px;margin:0 auto;padding:clamp(52px,7vw,104px) clamp(20px,4vw,54px) 28px}
.d4end__cta{position:relative}
.d4end__k{font-family:var(--fx-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--p300);display:inline-flex;align-items:center;gap:10px}
.d4end__k i{width:30px;height:1px;background:currentColor;opacity:.6}
.d4end .d4end__h{font-family:var(--fx-disp);font-weight:500;letter-spacing:-.035em;line-height:.98;font-size:clamp(38px,6vw,82px);color:#fff;margin:22px 0 0;max-width:16ch}
.d4end__h em{font-family:var(--fx-serif);font-style:italic;font-weight:400}
.d4end__h .lt{font-weight:300}
.d4end__act{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:clamp(26px,3vw,38px)}
.d4end__act .d4-lnk{color:#fff}
.d4end__grid{display:grid;grid-template-columns:1fr;gap:34px;margin-top:clamp(48px,6vw,84px);padding-top:clamp(34px,4vw,52px);border-top:1px solid var(--line-dk)}
@media(min-width:720px){.d4end__grid{grid-template-columns:1.7fr 1fr 1fr 1fr}}
.d4end__brand p{color:var(--muted-dk);font-size:14px;line-height:1.65;margin:14px 0 0;max-width:30ch}
.d4end__brand .loc{font-family:var(--fx-mono);font-size:11.5px;letter-spacing:.06em;color:rgba(255,255,255,.5);margin-top:16px;display:block}
.d4end__soc{display:flex;gap:9px;margin-top:18px}
.d4end__soc a{width:38px;height:38px;border:1px solid var(--line-dk);border-radius:8px;display:grid;place-items:center;color:#fff;font-size:16px;transition:.2s}
.d4end__soc a:hover{background:var(--p600);border-color:var(--p600);transform:translateY(-2px)}
.d4end__col h4{font-family:var(--fx-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--p300);margin:0 0 15px}
.d4end__col a{display:block;color:var(--muted-dk);font-size:14px;padding:6px 0;transition:color .18s}
.d4end__col a:hover{color:#fff}
.d4end__col .reg{margin-top:14px}
.d4end__legal{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:clamp(30px,4vw,44px);font-family:var(--fx-mono);font-size:11px;color:var(--muted-dk);letter-spacing:.04em}
.d4end__legal a:hover{color:#fff}
.d4end__mark{position:relative;margin-top:clamp(30px,4vw,52px);height:clamp(80px,15vw,190px);overflow:hidden}
.d4end__mark span{position:absolute;left:-.01em;bottom:-0.24em;font-family:var(--fx-disp);font-weight:700;letter-spacing:-.04em;line-height:.8;
  font-size:clamp(42px,12.8vw,164px);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.16);white-space:nowrap}
.d4end__mark b{color:var(--p500);-webkit-text-stroke:0}
.d4end__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 22px;margin-top:clamp(24px,3vw,36px);
  padding-top:24px;border-top:1px solid var(--line-dk);font-family:var(--fx-mono);font-size:11.5px;color:var(--muted-dk);letter-spacing:.03em}
.d4end__bottom .craft{color:var(--muted-dk)}
.d4end__clock b{color:#fff}

@media(max-width:919px){
  .d4wrk__slide{width:88%}
  .d4mag2__preview{aspect-ratio:16/10}
}
@media(max-width:600px){
  .d4wrk__slide{width:90%}
  .d4card2{grid-template-columns:1fr}
  .d4art{grid-template-columns:auto 1fr;gap:6px 14px}
  .d4art .rt{grid-column:2;font-size:10.5px}
  .d4art:not(.d4art--feat) .go{display:none}
}
@media (prefers-reduced-motion:reduce){
  .d4wrk__track{transition:none}
  .d4card2__media img,.d4mag2__preview img{transition:opacity .3s}
  .d4nav__bar,.d4nav.is-float .d4nav__bar,.d4nav__logo,.d4nav__logoimg{transition:none}
}

/* ================================================================
   HİZMET LANDING (d4lp) — dj4 tabanlı; servise özgü hero teması
   ================================================================ */
.d4lp-hero{position:relative;overflow:hidden;background:var(--paper);border-bottom:1px solid var(--line);padding:clamp(26px,4vw,44px) 0 clamp(44px,6vw,72px)}
.d4lp-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,48px);align-items:center}
@media(min-width:940px){.d4lp-hero__grid{grid-template-columns:1.05fr .95fr}}
.d4lp-bc{font-family:var(--fx-mono);font-size:12px;letter-spacing:.04em;color:var(--muted);margin-bottom:16px;display:flex;gap:8px;flex-wrap:wrap}
.d4lp-bc a{color:var(--muted)}.d4lp-bc a:hover{color:var(--p600)}.d4lp-bc .cur{color:var(--ink)}
.d4lp-hero h1{font-family:var(--fx-disp);font-weight:600;letter-spacing:-.035em;line-height:1.0;font-size:clamp(32px,4.6vw,58px);color:var(--ink);margin:14px 0 0;max-width:17ch}
.d4lp-hero__sub{font-size:clamp(15.5px,1.4vw,18px);color:var(--muted);line-height:1.6;max-width:52ch;margin:18px 0 0}
.d4lp-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.d4lp-hero__stats{display:flex;flex-wrap:wrap;gap:22px 36px;margin-top:30px}
.d4lp-hero__stats .n{font-family:var(--fx-disp);font-size:clamp(24px,2.6vw,32px);font-weight:650;color:var(--ink);letter-spacing:-.03em;line-height:1}
.d4lp-hero__stats .l{font-family:var(--fx-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.d4lp-stage{position:relative;border-radius:16px;overflow:hidden;background:var(--ink);border:1px solid var(--line);
  box-shadow:0 40px 90px -50px rgba(12,8,18,.5);padding:clamp(18px,2.4vw,28px);min-height:clamp(280px,26vw,360px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.d4lp-stage .pt{font-family:var(--fx-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--p300);margin-bottom:6px}
.d4lp-stage .vx-win{background:rgba(255,255,255,.04)}
.d4lp-sec{padding:clamp(46px,6vw,86px) 0;position:relative}
.d4lp-grid{display:grid;grid-template-columns:1fr;gap:clamp(14px,1.6vw,20px);margin-top:32px}
@media(min-width:640px){.d4lp-grid{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.d4lp-grid--3{grid-template-columns:1fr 1fr 1fr}.d4lp-grid--4{grid-template-columns:repeat(4,1fr)}}
.d4lp-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 1px 2px rgba(20,12,40,.05);transition:transform .22s var(--e4),box-shadow .22s,border-color .22s}
.d4lp-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px -18px rgba(30,18,70,.18);border-color:var(--line-2)}
.d4lp-card__ic{width:42px;height:42px;border-radius:11px;background:var(--lav);color:var(--p600);display:grid;place-items:center;font-size:20px;margin-bottom:14px}
.d4lp-card h3{font-size:18px;font-weight:640;letter-spacing:-.02em;margin:0 0 7px}
.d4lp-card p{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0}
.d4lp-card__no{font-family:var(--fx-disp);font-weight:700;font-size:30px;color:var(--p500);letter-spacing:-.03em;line-height:1}
.d4lp-price{display:grid;grid-template-columns:1fr;gap:16px;margin-top:32px}
@media(min-width:860px){.d4lp-price{grid-template-columns:repeat(3,1fr);align-items:start}}
.d4lp-pk{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;position:relative}
.d4lp-pk.pop{border-color:var(--p500);box-shadow:0 24px 60px -30px rgba(113,55,216,.4)}
.d4lp-pk__tag{align-self:flex-start;font-family:var(--fx-mono);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--p600);padding:5px 11px;border-radius:6px;margin-bottom:14px}
.d4lp-pk h3{font-size:20px;font-weight:640;margin:0}
.d4lp-pk__desc{font-size:13px;color:var(--muted);margin:6px 0 0;min-height:38px}
.d4lp-pk__price{font-family:var(--fx-disp);font-weight:650;font-size:34px;color:var(--ink);letter-spacing:-.03em;margin:14px 0 2px}
.d4lp-pk__price span{font-size:15px;color:var(--muted)}
.d4lp-pk__sure{font-family:var(--fx-mono);font-size:11.5px;color:var(--muted)}
.d4lp-pk ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:10px;flex:1}
.d4lp-pk li{display:flex;gap:10px;font-size:13.5px;color:var(--ink-soft);line-height:1.4}
.d4lp-pk li i{color:var(--p600);margin-top:2px;flex:none}
.d4lp-pk .d4-btn{justify-content:center;margin-top:22px}
.d4lp-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.d4lp-chips span{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;background:var(--white);border:1px solid var(--line);font-size:13.5px;font-weight:550;color:var(--ink-soft)}
.d4lp-chips i{color:var(--p600);font-size:14px}
.d4lp-faqwrap{display:grid;grid-template-columns:1fr;gap:32px;margin-top:14px}
@media(min-width:900px){.d4lp-faqwrap{grid-template-columns:.8fr 1.2fr;gap:56px}}

/* ================================================================
   YASAL / BANKA / GÜVEN MERKEZİ (d4lg / d4bank) — dj4
   ================================================================ */
.d4lg-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:520;background:transparent;pointer-events:none}
.d4lg-progress i{display:block;height:100%;width:0;background:var(--flow);box-shadow:0 0 10px rgba(139,77,255,.6)}
.d4lg-hero{position:relative;overflow:hidden;background:var(--paper);border-bottom:1px solid var(--line);padding:clamp(26px,4vw,44px) 0 clamp(30px,4vw,48px)}
.d4lg-hero h1{font-family:var(--fx-disp);font-weight:600;letter-spacing:-.03em;font-size:clamp(30px,4vw,52px);color:var(--ink);margin:14px 0 0;position:relative;z-index:2}
.d4lg-lead{position:relative;z-index:2;font-size:clamp(15px,1.4vw,17.5px);color:var(--muted);line-height:1.6;max-width:60ch;margin:14px 0 0}
.d4lg-meta{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:20px;font-family:var(--fx-mono);font-size:12px;color:var(--muted);align-items:center}
.d4lg-meta i{color:var(--p600);margin-right:5px}
.d4lg-print{font-family:var(--fx-mono);font-size:12px;color:var(--ink);background:var(--white);border:1px solid var(--line-2);border-radius:7px;padding:7px 12px;cursor:pointer;transition:.2s}
.d4lg-print:hover{border-color:var(--p600);color:var(--p600)}
.d4lg-body{padding:clamp(36px,5vw,64px) 0 clamp(48px,6vw,88px)}
.d4lg-grid{display:grid;grid-template-columns:1fr;gap:clamp(24px,3vw,44px);align-items:start}
@media(min-width:860px){.d4lg-grid{grid-template-columns:230px 1fr}}
.d4lg-toc{position:relative}
@media(min-width:860px){.d4lg-toc{position:sticky;top:96px}}
.d4lg-toc__box{border:1px solid var(--line);border-radius:14px;background:var(--white);padding:16px 16px 8px}
.d4lg-toc__t{font-family:var(--fx-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:10px}
.d4lg-toc nav{display:flex;flex-direction:column;max-height:52vh;overflow:auto}
.d4lg-toc nav a{font-size:12.5px;color:var(--ink-soft);padding:6px 10px;border-left:2px solid transparent;line-height:1.35;transition:.15s;border-radius:0 6px 6px 0}
.d4lg-toc nav a:hover{color:var(--p700);background:var(--mist)}
.d4lg-toc nav a.on{color:var(--p700);border-left-color:var(--p600);background:var(--soft,var(--lav))}
.d4lg-toc__docs{border-top:1px solid var(--line);margin-top:10px;padding-top:12px;display:flex;flex-direction:column;gap:2px;padding-bottom:8px}
.d4lg-toc__docs a{font-size:12.5px;color:var(--muted);padding:5px 10px;border-radius:6px}
.d4lg-toc__docs a:hover{color:var(--p600);background:var(--mist)}
/* legal prose */
.d4lg-content{max-width:74ch;font-size:15.5px;line-height:1.72;color:var(--ink-soft)}
.d4lg-content > p:first-child{font-size:16.5px;color:var(--ink2);border-left:3px solid var(--p400);padding-left:16px}
.d4lg-content h2{font-family:var(--fx-disp);font-weight:640;font-size:clamp(19px,1.9vw,24px);letter-spacing:-.02em;color:var(--ink);margin:34px 0 10px;scroll-margin-top:96px}
.d4lg-content p{margin:0 0 14px}
.d4lg-content ul{margin:0 0 16px;padding-left:20px}.d4lg-content li{margin:0 0 7px}
.d4lg-content a{color:var(--p700);text-decoration:underline;text-underline-offset:2px}
.d4lg-content strong{color:var(--ink)}
.d4lg-note{background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13.5px;color:var(--muted);margin-top:26px}
.d4lg-note i{color:var(--p600);margin-right:6px}
.d4lg-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:34px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--soft,var(--lav))}
.d4lg-cta strong{display:block;font-size:16px;color:var(--ink)}.d4lg-cta span{font-size:13.5px;color:var(--muted)}

/* bank */
.d4bank-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:720px){.d4bank-grid{grid-template-columns:1fr 1fr}}
.d4bank-card{border:1px solid var(--line);border-radius:16px;background:var(--white);padding:22px;box-shadow:0 1px 2px rgba(20,12,40,.05)}
.d4bank-card__hd{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.d4bank-card__logo{height:34px;width:auto;object-fit:contain}
.d4bank-card__mark{width:40px;height:40px;border-radius:10px;background:var(--lav);color:var(--p700);display:grid;place-items:center;font-weight:700;font-size:14px}
.d4bank-card__bank{font-family:var(--fx-disp);font-weight:650;font-size:17px;color:var(--ink);letter-spacing:-.01em}
.d4bank-card__cur{font-family:var(--fx-mono);font-size:11px;color:var(--muted)}
.d4bank-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}
.d4bank-row .k,.d4bank-iban .k{font-family:var(--fx-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.d4bank-row .v{color:var(--ink);font-weight:550;text-align:right}
.d4bank-iban{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.d4bank-iban .v{display:block;font-family:var(--fx-mono);font-size:15px;color:var(--ink);font-weight:600;margin-top:3px;letter-spacing:.02em;word-break:break-all}
.d4bank-copy{flex:none;font-family:var(--fx-mono);font-size:12px;color:#fff;background:var(--p600);border:0;border-radius:8px;padding:9px 13px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.d4bank-copy:hover{background:var(--p500)}.d4bank-copy.ok{background:#16a34a}
.d4bank-sub{display:flex;flex-wrap:wrap;gap:6px 22px;padding:10px 0 0;font-size:13px;color:var(--ink-soft)}
.d4bank-sub .k{font-family:var(--fx-mono);font-size:10.5px;text-transform:uppercase;color:var(--muted);margin-right:5px}
.d4bank-desc{font-size:12.5px;color:var(--muted);margin:12px 0 0}
.d4bank-empty{text-align:center;border:1px dashed var(--line-2);border-radius:18px;padding:44px 24px;background:var(--white)}
.d4bank-empty i{font-size:40px;color:var(--p500)}
.d4bank-empty b{display:block;font-family:var(--fx-disp);font-size:19px;color:var(--ink);margin:12px 0 6px}
.d4bank-empty span{display:block;font-size:14px;color:var(--muted);max-width:46ch;margin:0 auto}
.d4bank-warn{margin-top:22px;border:1px solid var(--line);border-left:3px solid var(--p500);border-radius:12px;background:var(--mist);padding:18px 20px}
.d4bank-warn b{font-size:15px;color:var(--ink)}.d4bank-warn b i{color:var(--p600);margin-right:7px}
.d4bank-warn p{font-size:13.5px;color:var(--ink-soft);line-height:1.6;margin:8px 0 0}.d4bank-warn a{color:var(--p700);text-decoration:underline}
.d4bank-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;padding:12px 20px;border-radius:10px;box-shadow:0 20px 44px -18px rgba(12,8,18,.5);opacity:0;visibility:hidden;transition:.28s var(--e4);z-index:600}
.d4bank-toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
@media print{.d4nav,.d4end,.d4mbar,.djcw,.d4lg-toc,.d4lg-progress,.d4lg-print,.d4lg-cta{display:none!important}.d4lg-grid{grid-template-columns:1fr}.d4lg-content{max-width:none}}

/* ================================================================
   ÜRÜN DETAY V2 (d4pd) — dj4 SERVICE COMMERCE EXPERIENCE
   ================================================================ */
.d4nav__cart{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9px;color:var(--ink);transition:.18s}
.d4nav__cart:hover{background:rgba(12,8,18,.05);color:var(--p600)} .d4nav__cart i{font-size:21px}
.d4nav__cartbadge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--p600);color:#fff;font-family:var(--fx-mono);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.d4nav__search{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9px;color:var(--ink);transition:.18s}
.d4nav__search:hover{background:rgba(12,8,18,.05);color:var(--p600)} .d4nav__search i{font-size:20px}
@media(min-width:1080px){.d4nav__search{display:inline-flex}}

.d4pd-hero{position:relative;overflow:hidden;background:var(--paper);border-bottom:1px solid var(--line);padding:clamp(18px,2.4vw,30px) 0 clamp(40px,5vw,64px)}
.d4pd-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,52px);align-items:start;margin-top:18px}
@media(min-width:960px){.d4pd-hero__grid{grid-template-columns:1.35fr 1fr}}
.d4pd-stage{position:relative}
.d4pd-shot{position:relative;overflow:hidden;background:var(--ink);aspect-ratio:16/10}
.d4pd-shot img{width:100%;height:100%;object-fit:cover;object-position:top}
.d4pd-mock{position:relative;padding:6px}
.d4pd-store{background:#fff;padding:14px}
.d4pd-store__hero{height:96px;border-radius:8px;background:linear-gradient(120deg,var(--p600),var(--p400));margin-bottom:12px;position:relative;overflow:hidden}
.d4pd-store__hero::after{content:"";position:absolute;left:16px;top:24px;width:44%;height:12px;border-radius:3px;background:rgba(255,255,255,.7);box-shadow:0 22px 0 -4px rgba(255,255,255,.4)}
.d4pd-store__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:10px}
.d4pd-store__row span{aspect-ratio:1;border-radius:8px;background:var(--mist);border:1px solid var(--line);position:relative}
.d4pd-store__row span::after{content:"";position:absolute;left:8px;right:8px;bottom:8px;height:8px;border-radius:3px;background:var(--lav)}
.d4pd-poster{aspect-ratio:16/11;border-radius:14px;background:linear-gradient(150deg,var(--p800),var(--ink));display:flex;flex-direction:column;justify-content:flex-end;padding:26px;position:relative;overflow:hidden}
.d4pd-poster__k{font-family:var(--fx-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--p300);position:relative;z-index:2}
.d4pd-poster__t{font-family:var(--fx-disp);font-weight:650;font-size:clamp(24px,3vw,38px);color:#fff;letter-spacing:-.03em;margin-top:8px;position:relative;z-index:2}
.d4pd-stage .ui-float{position:absolute}
.hf-phone{--c1:#7C3AED;--c2:#A970FF}

.d4pd-buy{display:flex;flex-direction:column}
.d4pd-buy__tax{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--fx-mono);font-size:11px;letter-spacing:.08em}
.d4pd-buy__tax a{color:var(--p600)} .d4pd-buy__sold{color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.d4pd-buy__sold::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--acid)}
.d4pd-buy__title{font-family:var(--fx-disp);font-weight:640;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.03em;line-height:1.02;color:var(--ink);margin:12px 0 0}
.d4pd-buy__value{font-size:16px;line-height:1.55;color:var(--muted);margin:14px 0 0;max-width:46ch}
.d4pd-buy__rating{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;color:var(--muted)}
.d4pd-stars{display:inline-flex;gap:1px;color:#e3ddec}.d4pd-stars .on{color:#f5b301}.d4pd-buy__rating strong{color:var(--ink)}.d4pd-buy__rating a{color:var(--p600)}
.d4pd-buy__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.d4pd-buy__price .now{font-family:var(--fx-disp);font-weight:650;font-size:clamp(30px,3.6vw,44px);letter-spacing:-.03em;color:var(--ink)}
.d4pd-buy__price .now--ask{font-size:clamp(22px,2.4vw,30px);color:var(--p700)}
.d4pd-buy__price .old{font-size:17px;color:var(--muted);text-decoration:line-through}
.d4pd-buy__price .off{font-family:var(--fx-mono);font-size:11px;font-weight:700;color:var(--p700);background:var(--lav);border:1px solid var(--line);border-radius:6px;padding:4px 8px}
.d4pd-buy__note{flex-basis:100%;font-size:12.5px;color:var(--muted);margin-top:6px}
.d4pd-inc{margin-top:22px}
.d4pd-inc__t{font-family:var(--fx-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:12px}
.d4pd-inc ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}
.d4pd-inc li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--ink-soft);line-height:1.4}
.d4pd-inc li i{color:var(--p600);margin-top:2px;flex:none}
@media(max-width:520px){.d4pd-inc ul{grid-template-columns:1fr}}
.d4pd-buy__actions{margin-top:24px;display:flex;flex-direction:column;gap:10px}
.d4pd-buy__cart{justify-content:center;height:54px;font-size:15px}
.d4pd-buy__row{display:flex;gap:10px}.d4pd-buy__row .d4-btn{flex:1;justify-content:center}
.d4pd-trust{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;font-family:var(--fx-mono);font-size:11.5px;color:var(--muted)}
.d4pd-trust i.sep{width:4px;height:4px;border-radius:50%;background:var(--line-2)}
.d4pd-trust span{display:inline-flex;align-items:center;gap:6px}.d4pd-trust span i{color:var(--p600);font-size:15px}
.d4pd-quick{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:var(--white);padding:16px;box-shadow:0 20px 44px -26px rgba(12,8,18,.3)}
.d4pd-quick__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.d4pd-quick__head b{font-size:14px;color:var(--ink)}.d4pd-quick__head b i{color:var(--p600)}
.d4pd-quick__head button{border:0;background:var(--mist);width:28px;height:28px;border-radius:7px;cursor:pointer;color:var(--muted)}
.d4pd-quick__two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:520px){.d4pd-quick__two{grid-template-columns:1fr}}
.d4pd-quick__f{margin-bottom:12px}.d4pd-quick__f label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:5px}
.d4pd-quick__f input,.d4pd-quick__f textarea{width:100%;border:1px solid var(--line-2);border-radius:9px;padding:11px 13px;font-family:var(--fx-sans);font-size:14px;background:var(--paper);color:var(--ink)}
.d4pd-quick__f input:focus,.d4pd-quick__f textarea:focus{outline:none;border-color:var(--p500);box-shadow:0 0 0 3px rgba(139,77,255,.12)}
.d4pd-quick__ssl{font-family:var(--fx-mono);font-size:11px;color:var(--muted);text-align:center;margin:10px 0 0}

.d4pd-nav{position:sticky;top:0;z-index:60;background:rgba(251,250,252,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.d4pd-nav__in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px}
.d4pd-nav__links{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.d4pd-nav__links::-webkit-scrollbar{display:none}
.d4pd-nav__links a{font-family:var(--fx-sans);font-size:13.5px;font-weight:550;color:var(--muted);padding:8px 12px;border-radius:7px;white-space:nowrap;position:relative;transition:.18s}
.d4pd-nav__links a:hover{color:var(--ink)}.d4pd-nav__links a.on{color:var(--p700)}
.d4pd-nav__links a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--p600);border-radius:2px}
.d4pd-nav__buy{display:none;align-items:center;gap:12px;flex:none}@media(min-width:880px){.d4pd-nav__buy{display:flex}}
.d4pd-nav__buy strong{font-family:var(--fx-disp);font-size:16px;color:var(--ink)}

.d4pd-sec{padding:clamp(44px,6vw,84px) 0;position:relative}
.d4pd-story{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:900px){.d4pd-story{grid-template-columns:.85fr 1.15fr;gap:clamp(30px,4vw,56px)}}
.d4pd-story__body{max-width:none}
.d4pd-board{display:grid;grid-template-columns:1fr;gap:14px;margin-top:34px}
@media(min-width:640px){.d4pd-board{grid-template-columns:1fr 1fr}}@media(min-width:980px){.d4pd-board{grid-template-columns:1fr 1fr 1fr}}
.d4pd-board__i{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px;transition:.2s var(--e4)}
.d4pd-board__i:hover{border-color:var(--line-2);box-shadow:0 14px 34px -20px rgba(30,18,70,.16);transform:translateY(-2px)}
.d4pd-board__i .no{font-family:var(--fx-mono);font-size:12px;color:var(--p400);flex:none}
.d4pd-board__i b{font-size:15.5px;color:var(--ink);font-weight:640;letter-spacing:-.01em;display:block}
.d4pd-board__i span{font-size:13px;color:var(--muted);display:block;margin-top:4px;line-height:1.5}
@media(min-width:980px){.d4pd-board__i--big{grid-column:span 3;background:linear-gradient(120deg,var(--lav),var(--mist));border-color:transparent}.d4pd-board__i--big b{font-size:19px}}

.d4pd-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:36px}
.d4pd-flow__n{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;opacity:.4;transform:translateY(8px);transition:.5s var(--e4);flex:none}
.d4pd-flow__n.on{opacity:1;transform:none}
.d4pd-flow__n .ic{width:52px;height:52px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;font-size:22px;color:var(--p300)}
.d4pd-flow__n.on .ic{background:linear-gradient(135deg,var(--p600),var(--p400));border-color:transparent;color:#fff}
.d4pd-flow__n b{font-size:12.5px;color:#fff;font-weight:600}
.d4pd-flow__c{flex:1;min-width:22px;height:2px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.d4pd-flow__c i{position:absolute;inset:0;background:var(--flow);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--e4)}
.d4pd-flow__c.on i{transform:scaleX(1)}
@media(max-width:700px){.d4pd-flow__c{min-width:14px}.d4pd-flow__n .ic{width:44px;height:44px;font-size:18px}}

.d4pd-split{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}@media(min-width:920px){.d4pd-split{grid-template-columns:1fr 1.05fr;gap:clamp(30px,4vw,56px)}.d4pd-split--rev .d4pd-split__media{order:-1}}
.d4pd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.d4pd-chips span{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:550;color:var(--ink-soft);background:var(--white);border:1px solid var(--line);border-radius:999px;padding:8px 13px}
.d4pd-chips span i{color:var(--p600)}
.d4-ink .d4pd-chips span{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
.d4pd-admin{display:grid;grid-template-columns:54px 1fr;min-height:220px}
.d4pd-admin__side{background:rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.08);padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:12px}
.d4pd-admin__side span{width:22px;height:22px;border-radius:6px;background:rgba(255,255,255,.1)}.d4pd-admin__side span.on{background:var(--p500)}
.d4pd-admin__main{padding:16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-content:start}
.d4pd-admin__stat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:11px}
.d4pd-admin__stat i{font-family:var(--fx-mono);font-size:9.5px;color:rgba(255,255,255,.5);font-style:normal;text-transform:uppercase;letter-spacing:.06em}
.d4pd-admin__stat b{display:block;font-family:var(--fx-disp);font-size:20px;color:#fff;margin-top:5px}
.d4pd-admin__bars{grid-column:1/-1;display:flex;align-items:flex-end;gap:8px;height:90px;padding-top:8px}
.d4pd-admin__bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--p400),rgba(139,77,255,.3))}
.d4pd-admin__bars i:last-child{background:linear-gradient(180deg,var(--acid),rgba(198,255,61,.3))}
.d4pd-pay{padding:20px}
.d4pd-pay__card{background:linear-gradient(135deg,var(--p700),var(--ink));border-radius:12px;padding:18px;color:#fff;position:relative;min-height:130px;display:flex;flex-direction:column;justify-content:space-between}
.d4pd-pay__card .chip{width:34px;height:24px;border-radius:5px;background:linear-gradient(135deg,#e9c46a,#d4a017)}
.d4pd-pay__card .no{font-family:var(--fx-mono);font-size:15px;letter-spacing:.12em}
.d4pd-pay__card .lbl{position:absolute;top:16px;right:16px;font-family:var(--fx-mono);font-size:10px;color:rgba(255,255,255,.7)}
.d4pd-pay__row{display:flex;justify-content:space-between;align-items:center;padding:14px 2px 0;font-size:14px;color:var(--ink-soft)}.d4pd-pay__row b{font-family:var(--fx-disp);font-size:18px;color:var(--ink)}
.d4pd-pay__ok{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:#16a34a;font-weight:600}.d4pd-pay__ok i{font-size:16px}
.d4pd-grid3{display:grid;grid-template-columns:1fr;gap:14px;margin-top:32px}@media(min-width:640px){.d4pd-grid3{grid-template-columns:1fr 1fr}}@media(min-width:980px){.d4pd-grid3{grid-template-columns:1fr 1fr 1fr}}
.d4pd-mini{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px}
.d4pd-mini .ic{width:38px;height:38px;border-radius:10px;background:var(--lav);color:var(--p600);display:grid;place-items:center;font-size:18px;margin-bottom:12px}
.d4pd-mini b{font-size:15px;color:var(--ink);font-weight:640;display:block}.d4pd-mini span{font-size:13px;color:var(--muted);display:block;margin-top:4px;line-height:1.5}
.d4pd-steps{display:grid;grid-template-columns:1fr;gap:14px;margin-top:32px}@media(min-width:640px){.d4pd-steps{grid-template-columns:1fr 1fr}}@media(min-width:980px){.d4pd-steps{grid-template-columns:1fr 1fr 1fr}}
.d4pd-step{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px;position:relative}
.d4pd-step .no{font-family:var(--fx-disp);font-weight:700;font-size:26px;color:var(--p500);letter-spacing:-.03em}
.d4pd-step b{display:block;font-size:15.5px;color:var(--ink);font-weight:640;margin-top:8px}.d4pd-step span{display:block;font-size:13px;color:var(--muted);margin-top:5px;line-height:1.5}
.d4pd-reviews{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}@media(min-width:720px){.d4pd-reviews{grid-template-columns:1fr 1fr}}
.d4pd-review{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px}
.d4pd-review__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.d4pd-review__top .who{font-size:12.5px;color:var(--muted)}
.d4pd-review p{font-size:14px;color:var(--ink-soft);line-height:1.6;margin:0}
.d4pd-empty{text-align:center;border:1px dashed var(--line-2);border-radius:16px;padding:40px 24px;background:var(--white);margin-top:24px}
.d4pd-empty b{display:block;font-family:var(--fx-disp);font-size:18px;color:var(--ink)}.d4pd-empty span{color:var(--muted);font-size:14px}
.d4pd-form{margin-top:28px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,2.4vw,28px)}
.d4pd-form h3{font-family:var(--fx-disp);font-size:18px;font-weight:640;margin:0 0 16px;color:var(--ink)}
.d4pd-rate{display:flex;align-items:center;gap:4px}.d4pd-rate i{font-size:24px;color:#e3ddec;cursor:pointer;transition:color .15s}.d4pd-rate i.on{color:#f5b301}.d4pd-rate span{margin-left:8px;font-size:13px;color:var(--muted)}
.d4pd-note{font-size:12.5px;color:var(--muted);margin:12px 0 0}.d4pd-note i{color:var(--p600)}
.d4pd-loginbox{margin-top:24px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--mist);border:1px solid var(--line);border-radius:14px;padding:20px}
.d4pd-loginbox i{font-size:22px;color:var(--muted)}.d4pd-loginbox span{flex:1;color:var(--ink-soft);font-size:14px}
.d4pd-alert{border-radius:9px;padding:11px 14px;font-size:13.5px;margin-bottom:12px}.d4pd-alert.ok{background:#eef7ee;color:#16a34a;border:1px solid #cfe9cf}.d4pd-alert.err{background:#fdecec;color:#b91c1c;border:1px solid #f3cdcd}
.d4pd-qa{margin-top:24px;display:flex;flex-direction:column;gap:14px}
.d4pd-qa__i{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--white)}
.d4pd-qa__q,.d4pd-qa__a{display:flex;gap:12px;align-items:flex-start}.d4pd-qa__a{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.d4pd-qa .b{flex:none;width:26px;height:26px;border-radius:8px;background:var(--lav);color:var(--p700);display:grid;place-items:center;font-family:var(--fx-mono);font-size:12px;font-weight:700}
.d4pd-qa .b--a{background:var(--p600);color:#fff}
.d4pd-qa__q b{font-size:14.5px;color:var(--ink);font-weight:600;display:block}.d4pd-qa__q span{font-size:12px;color:var(--muted)}
.d4pd-qa__a p{font-size:14px;color:var(--ink-soft);margin:0 0 6px;line-height:1.6}.d4pd-qa__a .team{font-size:12px;color:var(--p700);font-weight:600}.d4pd-qa__a .team i{color:#16a34a}
.d4pd-rel{display:grid;grid-template-columns:1fr;gap:16px;margin-top:34px}
@media(min-width:520px){.d4pd-rel{grid-template-columns:1fr 1fr}}@media(min-width:900px){.d4pd-rel{grid-template-columns:repeat(3,1fr)}}@media(min-width:1200px){.d4pd-rel{grid-template-columns:repeat(4,1fr)}}
.d4pd-relc{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:.2s var(--e4)}
.d4pd-relc:hover{transform:translateY(-3px);box-shadow:0 16px 40px -20px rgba(30,18,70,.18);border-color:var(--line-2)}
.d4pd-relc__media{aspect-ratio:16/11;background:linear-gradient(135deg,var(--lav),#ece4ff);display:grid;place-items:center;overflow:hidden}
.d4pd-relc__media img{width:100%;height:100%;object-fit:cover}.d4pd-relc__media .ph{font-family:var(--fx-disp);font-weight:700;font-size:26px;color:var(--p600)}
.d4pd-relc__b{padding:14px;display:flex;flex-direction:column;flex:1}
.d4pd-relc__b .cat{font-family:var(--fx-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--p600)}
.d4pd-relc__b .t{font-size:14.5px;font-weight:640;color:var(--ink);letter-spacing:-.01em;margin:6px 0 0;line-height:1.3}
.d4pd-relc__b .ft{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px}
.d4pd-relc__b .price{font-family:var(--fx-disp);font-weight:650;font-size:16px;color:var(--ink)}
.d4pd-relc__add{width:38px;height:38px;border-radius:9px;border:0;background:var(--p600);color:#fff;cursor:pointer;font-size:17px;display:grid;place-items:center;transition:.18s}.d4pd-relc__add:hover{background:var(--p500)}
.d4pd-sticky{position:fixed;left:0;right:0;bottom:0;z-index:400;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(100%);transition:transform .3s var(--e4)}
.d4pd-sticky.show{transform:none}
.d4pd-sticky__info{display:flex;flex-direction:column;min-width:0}.d4pd-sticky__info .nm{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d4pd-sticky__info .pr{font-family:var(--fx-disp);font-weight:650;color:var(--ink)}.d4pd-sticky__info del{font-family:var(--fx-sans);font-weight:400;font-size:12px;color:var(--muted)}
.d4pd-sticky .d4-btn{flex:none;height:46px}
@media(max-width:879px){.dj4-pdp .d4pd-sticky{display:flex}.dj4-pdp .d4pd-sec:last-of-type{padding-bottom:96px}}

/* ================================================================
   BLOG LİSTE (d4bl) — dj4 editorial magazine + sidebar
   ================================================================ */
.d4bl-search{display:flex;align-items:center;gap:8px;margin-top:22px;max-width:520px;background:var(--white);border:1px solid var(--line-2);border-radius:10px;padding:6px 6px 6px 14px}
.d4bl-search i{color:var(--muted);font-size:18px}
.d4bl-search input{flex:1;border:0;outline:none;background:transparent;font-family:var(--fx-sans);font-size:14.5px;color:var(--ink);padding:8px 4px}
.d4bl-wrap{display:grid;grid-template-columns:1fr;gap:clamp(28px,3vw,44px)}
@media(min-width:960px){.d4bl-wrap{grid-template-columns:1fr 320px}}
.d4bl-feat{display:block;position:relative;border-radius:16px;overflow:hidden;min-height:clamp(300px,34vw,420px);background:var(--ink)}
.d4bl-feat__media{position:absolute;inset:0}.d4bl-feat__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e4)}
.d4bl-feat:hover .d4bl-feat__media img{transform:scale(1.04)}
.d4bl-feat__media .ph{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--p700),var(--p400))}.d4bl-feat__media .ph i{font-size:64px;color:rgba(255,255,255,.3)}
.d4bl-feat__ov{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(22px,3vw,34px);background:linear-gradient(to top,rgba(12,8,18,.92),rgba(12,8,18,.5) 45%,transparent 80%)}
.d4bl-feat__tags{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.d4bl-feat__tags .flag{display:inline-flex;align-items:center;gap:5px;font-family:var(--fx-mono);font-size:11px;font-weight:700;color:var(--ink);background:var(--acid);padding:5px 11px;border-radius:6px}
.d4bl-feat__tags .cat{font-family:var(--fx-mono);font-size:11px;font-weight:600;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);padding:5px 11px;border-radius:6px}
.d4bl-feat__t{font-family:var(--fx-disp);font-weight:640;font-size:clamp(22px,2.6vw,32px);color:#fff;letter-spacing:-.02em;line-height:1.15;margin:0}
.d4bl-feat__ex{color:rgba(255,255,255,.82);font-size:14.5px;line-height:1.55;margin:12px 0 0;max-width:60ch}
.d4bl-feat__meta{font-family:var(--fx-mono);font-size:11.5px;color:rgba(255,255,255,.72);margin-top:14px;display:inline-flex;align-items:center;gap:6px}
.d4bl-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}@media(min-width:560px){.d4bl-grid{grid-template-columns:1fr 1fr}}
.d4bl-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .22s var(--e4),box-shadow .22s,border-color .22s}
.d4bl-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px -22px rgba(30,18,70,.2);border-color:var(--line-2)}
.d4bl-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--lav)}
.d4bl-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--e4)}.d4bl-card:hover .d4bl-card__media img{transform:scale(1.05)}
.d4bl-card__media .ph{width:100%;height:100%;display:grid;place-items:center}.d4bl-card__media .ph i{font-size:38px;color:var(--p400)}
.d4bl-card__media .cat{position:absolute;top:12px;left:12px;font-family:var(--fx-mono);font-size:10.5px;font-weight:600;color:#fff;background:var(--p600);padding:5px 10px;border-radius:6px}
.d4bl-card__b{padding:16px 18px;display:flex;flex-direction:column;flex:1}
.d4bl-card__b .meta{font-family:var(--fx-mono);font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.d4bl-card__b .t{font-family:var(--fx-disp);font-weight:640;font-size:16.5px;letter-spacing:-.02em;color:var(--ink);margin:10px 0 0;line-height:1.3}
.d4bl-card__b .ex{font-size:13px;color:var(--muted);line-height:1.55;margin:8px 0 0}
.d4bl-card__b .read{margin-top:auto;padding-top:12px;font-family:var(--fx-mono);font-size:12px;color:var(--p600);display:inline-flex;align-items:center;gap:6px}
.d4bl-card:hover .read i{transform:translateX(3px);transition:transform .2s}
.d4bl-pager{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.d4bl-pager__a{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line-2);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--fx-mono);font-size:13px;color:var(--ink-soft);transition:.18s}
.d4bl-pager__a:hover{border-color:var(--p600);color:var(--p600)}.d4bl-pager__a.on{background:var(--p600);border-color:var(--p600);color:#fff}
.d4bl-pager__dot{align-self:flex-end;color:var(--muted);padding:0 4px}
.d4bl-side{display:flex;flex-direction:column;gap:20px}
@media(min-width:960px){.d4bl-side{position:sticky;top:96px;align-self:start}}
.d4bl-w{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px}
.d4bl-w h4{font-family:var(--fx-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--p600);margin:0 0 14px}
.d4bl-w__cat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--ink-soft);transition:.15s}
.d4bl-w__cat:hover{background:var(--mist);color:var(--p700)}.d4bl-w__cat.on{background:var(--lav);color:var(--p700);font-weight:600}
.d4bl-w__cat em{font-family:var(--fx-mono);font-size:11px;font-style:normal;background:var(--mist);border-radius:6px;padding:2px 8px;color:var(--muted)}
.d4bl-w__cat.on em{background:var(--p600);color:#fff}
.d4bl-w__pop{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.d4bl-w__pop:first-of-type{border-top:0}
.d4bl-w__pop .th{width:60px;height:60px;flex:none;border-radius:9px;overflow:hidden;background:var(--lav);display:grid;place-items:center}.d4bl-w__pop .th img{width:100%;height:100%;object-fit:cover}.d4bl-w__pop .th i{color:var(--p400);font-size:18px}
.d4bl-w__pop .tx{display:flex;flex-direction:column;justify-content:center;min-width:0}.d4bl-w__pop .tx b{font-size:13px;font-weight:600;color:var(--ink);line-height:1.35}.d4bl-w__pop:hover .tx b{color:var(--p700)}
.d4bl-w__pop .tx em{font-family:var(--fx-mono);font-size:10.5px;font-style:normal;color:var(--muted);margin-top:4px;display:inline-flex;align-items:center;gap:4px}
.d4bl-w__tags{display:flex;flex-wrap:wrap;gap:7px}
.d4bl-w__tags a{font-family:var(--fx-mono);font-size:11.5px;color:var(--ink-soft);background:var(--mist);border:1px solid var(--line);border-radius:999px;padding:6px 12px;transition:.18s}
.d4bl-w__tags a:hover{background:var(--lav);color:var(--p700);border-color:var(--p300)}
.d4bl-w--cta{background:linear-gradient(150deg,var(--p700),var(--ink));border-color:transparent;color:#fff}
.d4bl-w--cta b{font-family:var(--fx-disp);font-size:17px;color:#fff}.d4bl-w--cta p{font-size:13px;color:rgba(255,255,255,.75);margin:6px 0 14px}

/* ================================================================
   BLOG DETAY (d4bd) — dj4; vote/progress/copy hook sınıfları korunur
   ================================================================ */
.d4bd-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:520;background:var(--flow);box-shadow:0 0 10px rgba(139,77,255,.6);transition:width .1s linear}
.d4bd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px;font-family:var(--fx-mono);font-size:12px;color:var(--muted)}
.d4bd-meta span{display:inline-flex;align-items:center;gap:6px}.d4bd-meta i{color:var(--p600)}
.d4bd-meta__cat{font-weight:700;color:#fff;background:var(--p600);border-radius:6px;padding:4px 10px;font-size:11px}
.d4bd-title{font-family:var(--fx-disp);font-weight:640;letter-spacing:-.03em;line-height:1.08;font-size:clamp(28px,4vw,50px);color:var(--ink);margin:14px 0 0;max-width:22ch}
.d4bd-author{display:flex;align-items:center;gap:12px;margin-top:20px}
.d4bd-author .av{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,var(--p600),var(--p400));color:#fff;display:grid;place-items:center;font-family:var(--fx-disp);font-weight:700}
.d4bd-author b{display:block;font-size:14px;color:var(--ink)}.d4bd-author span{font-family:var(--fx-mono);font-size:11px;color:var(--muted)}
.d4bd-cover{border-radius:16px;overflow:hidden;margin-bottom:26px;aspect-ratio:16/8;background:var(--lav)}
.d4bd-cover img{width:100%;height:100%;object-fit:cover}
.d4bd-article{max-width:none;font-size:16.5px;line-height:1.8;color:var(--ink-soft)}
.d4bd-article h2{font-family:var(--fx-disp);font-weight:640;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.02em;color:var(--ink);margin:34px 0 12px}
.d4bd-article h3{font-family:var(--fx-disp);font-weight:640;font-size:20px;color:var(--ink);margin:26px 0 10px}
.d4bd-article p{margin:0 0 16px}.d4bd-article ul,.d4bd-article ol{margin:0 0 18px;padding-left:22px}.d4bd-article li{margin:0 0 8px}
.d4bd-article a{color:var(--p700);text-decoration:underline;text-underline-offset:2px}
.d4bd-article img{border-radius:12px;margin:18px 0;max-width:100%;height:auto}
.d4bd-article blockquote{border-left:3px solid var(--p500);background:var(--mist);padding:14px 18px;border-radius:0 10px 10px 0;margin:18px 0;color:var(--ink)}
.d4bd-faq{margin-top:36px}
.d4bd-faq h3{font-family:var(--fx-disp);font-weight:640;font-size:20px;color:var(--ink);margin:0 0 14px;display:flex;align-items:center;gap:8px}.d4bd-faq h3 i{color:var(--p600)}
.d4bd-vote{margin-top:36px;text-align:center;background:var(--mist);border:1px solid var(--line);border-radius:16px;padding:26px}
.d4bd-vote__t{font-family:var(--fx-disp);font-size:17px;font-weight:640;color:var(--ink);margin:0 0 16px}
.d4bd-vote__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.blog-vote-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fx-sans);font-size:14px;font-weight:600;color:var(--ink-soft);background:var(--white);border:1px solid var(--line-2);border-radius:10px;padding:11px 20px;cursor:pointer;transition:.2s var(--e4)}
.blog-vote-btn i{font-size:18px}
.blog-vote-btn:hover:not(.disabled){border-color:var(--p600);color:var(--p600);transform:translateY(-2px)}
.blog-vote-btn.vote-up.active{background:#16a34a;border-color:#16a34a;color:#fff}
.blog-vote-btn.vote-down.active{background:#b91c1c;border-color:#b91c1c;color:#fff}
.blog-vote-btn.disabled{opacity:.6;cursor:default;pointer-events:none}
.blog-vote-count{font-family:var(--fx-mono);font-size:12px;opacity:.8}
.blog-vote-thanks{font-size:13px;color:#16a34a;font-weight:600;margin:14px 0 0;opacity:0;max-height:0;overflow:hidden;transition:.3s}
.blog-vote-thanks.show{opacity:1;max-height:40px}
.d4bd-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.d4bd-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.d4bd-tags .lbl{color:var(--muted)}
.d4bd-tags a{font-family:var(--fx-mono);font-size:11.5px;color:var(--ink-soft);background:var(--mist);border:1px solid var(--line);border-radius:999px;padding:6px 12px;transition:.18s}
.d4bd-tags a:hover{background:var(--lav);color:var(--p700);border-color:var(--p300)}
.d4bd-share{display:flex;gap:8px}
.d4bd-share a,.d4bd-copy{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid var(--line-2);background:var(--white);color:var(--ink);display:grid;place-items:center;font-size:18px;cursor:pointer;transition:.2s}
.d4bd-share a:hover,.d4bd-copy:hover{border-color:var(--p600);color:var(--p600);transform:translateY(-2px)}
.copy-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-family:var(--fx-mono);font-size:10.5px;padding:5px 9px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:.2s;pointer-events:none}
.copy-tooltip.show{opacity:1;visibility:visible}

/* ================================================================
   REFERANSLAR (d4rf) — dj4 editorial portfolio grid
   ================================================================ */
.d4rf-grid{display:grid;grid-template-columns:1fr;gap:clamp(16px,1.8vw,26px)}
@media(min-width:640px){.d4rf-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1080px){.d4rf-grid{grid-template-columns:1fr 1fr 1fr}}
.d4rf-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .28s var(--e4),box-shadow .28s,border-color .28s}
.d4rf-card:hover{transform:translateY(-5px);box-shadow:0 26px 60px -30px rgba(30,18,70,.28);border-color:var(--line-2)}
.d4rf-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--lav)}
.d4rf-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e4)}
.d4rf-card:hover .d4rf-card__media img{transform:scale(1.05)}
.d4rf-card__media .ph{width:100%;height:100%;display:grid;place-items:center;font-family:var(--fx-disp);font-weight:700;font-size:34px;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,var(--p700),var(--p400))}
.d4rf-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,8,18,.16),transparent 42%);opacity:0;transition:opacity .28s}
.d4rf-card:hover .d4rf-card__media::after{opacity:1}
.d4rf-card__b{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px}
.d4rf-card__b .cat{font-family:var(--fx-mono);font-size:11px;color:var(--muted);letter-spacing:.02em}
.d4rf-card__b .t{font-family:var(--fx-disp);font-weight:640;font-size:16px;letter-spacing:-.02em;color:var(--ink);margin-top:4px;line-height:1.28}
.d4rf-card__b .go{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink);font-size:17px;transition:.22s var(--e4)}
.d4rf-card:hover .d4rf-card__b .go{background:var(--p600);border-color:var(--p600);color:#fff;transform:rotate(-45deg)}

/* ================================================================
   SERTİFİKALAR (d4ct) — dj4 Google Skillshop showcase
   ================================================================ */
.d4ct-gdots{display:inline-flex;gap:4px;margin-right:2px}
.d4ct-gdots i{width:8px;height:8px;border-radius:50%;display:inline-block}
.d4ct-stats{display:flex;flex-wrap:wrap;gap:18px 34px;margin-top:28px}
.d4ct-stat b{display:block;font-family:var(--fx-disp);font-size:clamp(24px,2.6vw,32px);font-weight:650;color:var(--ink);letter-spacing:-.03em;line-height:1}
.d4ct-stat span{display:block;font-family:var(--fx-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:7px}
.d4ct-benefits{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:820px){.d4ct-benefits{grid-template-columns:repeat(3,1fr)}}
.d4ct-benefit{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:20px}
.d4ct-benefit .ic{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;color:var(--gc);background:color-mix(in srgb,var(--gc) 12%,var(--white))}
.d4ct-benefit h4{font-family:var(--fx-disp);font-size:15.5px;font-weight:640;color:var(--ink);margin:0 0 5px}
.d4ct-benefit p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}
.d4ct-shead{max-width:620px;margin:0 0 34px}
.d4ct-shead h2{font-family:var(--fx-disp);font-weight:640;letter-spacing:-.03em;font-size:clamp(24px,3vw,38px);color:var(--ink);margin:12px 0 0}
.d4ct-shead p{font-size:15px;line-height:1.65;color:var(--muted);margin:12px 0 0}
.d4ct-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:560px){.d4ct-grid{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.d4ct-grid{grid-template-columns:repeat(4,1fr)}}
.d4ct-card{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px 20px 18px;overflow:hidden;transition:transform .26s var(--e4),box-shadow .26s,border-color .26s}
.d4ct-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px -30px color-mix(in srgb,var(--gc) 40%,rgba(30,18,70,.4));border-color:color-mix(in srgb,var(--gc) 40%,var(--line))}
.d4ct-card__rule{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4285F4,#EA4335 34%,#F9AB00 67%,#34A853);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--e4)}
.d4ct-card:hover .d4ct-card__rule{transform:scaleX(1)}
.d4ct-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px}
.d4ct-badge{width:52px;height:52px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:26px;color:var(--gc);background:color-mix(in srgb,var(--gc) 13%,var(--white));border:1px solid color-mix(in srgb,var(--gc) 22%,var(--line));transition:transform .4s var(--e4)}
.d4ct-card:hover .d4ct-badge{transform:rotate(-6deg) scale(1.04)}
.d4ct-card__seal{display:inline-flex;align-items:center;gap:4px;font-family:var(--fx-mono);font-size:10px;font-weight:600;color:#16a34a;background:rgba(22,163,74,.09);border:1px solid rgba(22,163,74,.18);border-radius:999px;padding:4px 9px;white-space:nowrap}
.d4ct-card__seal i{font-size:12px}
.d4ct-card__k{font-family:var(--fx-mono);font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gc)}
.d4ct-card__t{font-family:var(--fx-disp);font-weight:640;font-size:15.5px;letter-spacing:-.02em;color:var(--ink);line-height:1.35;margin:8px 0 0;min-height:42px;flex:1}
.d4ct-card__f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line-2)}
.d4ct-gword{font-family:var(--fx-mono);font-size:10.5px;color:var(--muted);letter-spacing:.01em}
.d4ct-gword b{font-weight:700}
.d4ct-gword b:nth-child(1){color:#4285F4}.d4ct-gword b:nth-child(2){color:#EA4335}.d4ct-gword b:nth-child(3){color:#F9AB00}.d4ct-gword b:nth-child(4){color:#4285F4}.d4ct-gword b:nth-child(5){color:#34A853}.d4ct-gword b:nth-child(6){color:#EA4335}
.d4ct-card__f .go{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink);font-size:14px;transition:.22s var(--e4)}
.d4ct-card:hover .d4ct-card__f .go{background:var(--gc);border-color:var(--gc);color:#fff}
@supports not (background:color-mix(in srgb,red,blue)){
  .d4ct-benefit .ic,.d4ct-badge{background:var(--lav)}
  .d4ct-card:hover{border-color:var(--line-2)}
}

/* ================================================================
   İLETİŞİM (d4co) — dj4 contact
   ================================================================ */
.d4co-grid{display:grid;grid-template-columns:1fr;gap:clamp(18px,2vw,26px);align-items:start}
@media(min-width:900px){.d4co-grid{grid-template-columns:.82fr 1.18fr}}
.d4co-aside{position:relative;overflow:hidden;border-radius:18px;background:var(--ink);color:#fff;padding:clamp(24px,2.6vw,34px)}
.d4co-aside__in{position:relative;z-index:2}
.d4co-aside__t{font-family:var(--fx-disp);font-weight:640;letter-spacing:-.02em;font-size:22px;color:#fff;margin:0}
.d4co-aside__d{font-size:14px;line-height:1.6;color:rgba(255,255,255,.66);margin:10px 0 24px}
.d4co-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.d4co-list li{display:flex;gap:13px;align-items:flex-start}
.d4co-list .ic{flex:none;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:19px;color:var(--p300);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.d4co-list em{display:block;font-family:var(--fx-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:3px;font-style:normal}
.d4co-list a,.d4co-list .txt{font-family:var(--fx-sans);font-size:15.5px;font-weight:600;color:#fff;line-height:1.4;word-break:break-word}
.d4co-list a:hover{color:var(--p300)}
.d4co-soc{display:flex;gap:9px;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
.d4co-soc a{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:18px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:.2s var(--e4)}
.d4co-soc a:hover{background:var(--p600);border-color:var(--p600);transform:translateY(-2px)}
.d4co-form{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:clamp(24px,2.6vw,34px);box-shadow:0 2px 4px rgba(20,12,40,.04)}
.d4co-form__t{font-family:var(--fx-disp);font-weight:640;letter-spacing:-.02em;font-size:22px;color:var(--ink);margin:0}
.d4co-form__d{font-size:14px;line-height:1.6;color:var(--muted);margin:9px 0 22px}
.d4co-row{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:560px){.d4co-row{grid-template-columns:1fr 1fr}}
.d4co-field{display:flex;flex-direction:column}
.d4co-field--full{grid-column:1/-1}
.d4co-field label{font-family:var(--fx-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;font-weight:600}
.d4co-inp{width:100%;font-family:var(--fx-sans);font-size:15px;color:var(--ink);background:var(--mist);border:1px solid var(--line-2);border-radius:11px;padding:13px 15px;transition:border-color .18s,box-shadow .18s,background .18s}
.d4co-inp::placeholder{color:var(--muted);opacity:.75}
.d4co-inp:focus{outline:none;background:var(--white);border-color:var(--p500);box-shadow:0 0 0 4px rgba(113,55,216,.12)}
textarea.d4co-inp{resize:vertical;min-height:120px;line-height:1.6}
.contact-message{margin-top:14px;font-size:14px;line-height:1.5;border-radius:11px;padding:0;max-height:0;overflow:hidden;transition:.25s}
.contact-message.is-ok,.contact-message.is-err{padding:13px 16px;max-height:200px}
.contact-message.is-ok{background:rgba(22,163,74,.09);border:1px solid rgba(22,163,74,.22);color:#15803d}
.contact-message.is-err{background:rgba(185,28,28,.07);border:1px solid rgba(185,28,28,.2);color:#b91c1c}
.d4co-map{border:1px solid var(--line);border-radius:18px;overflow:hidden;aspect-ratio:16/6;background:var(--lav)}
.d4co-map iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:600px){.d4co-map{aspect-ratio:4/3}}

/* ================================================================
   MAĞAZA / ÜRÜNLER (d4sh) — dj4 shop listing
   ================================================================ */
.d4sh-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:clamp(24px,3vw,36px)}
.d4sh-cats{display:flex;flex-wrap:wrap;gap:8px}
.d4sh-cats a{font-family:var(--fx-sans);font-size:13.5px;font-weight:600;color:var(--ink-soft);background:var(--white);border:1px solid var(--line-2);border-radius:999px;padding:9px 15px;display:inline-flex;align-items:center;gap:7px;transition:.18s var(--e4)}
.d4sh-cats a:hover{border-color:var(--p500);color:var(--p700)}
.d4sh-cats a.on{background:var(--p600);border-color:var(--p600);color:#fff}
.d4sh-cats a .n{font-family:var(--fx-mono);font-size:10.5px;opacity:.6}
.d4sh-cats a.on .n{opacity:.85}
.d4sh-search{display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--line-2);border-radius:999px;padding:5px 5px 5px 14px}
.d4sh-search i{color:var(--muted);font-size:17px}
.d4sh-search input{border:0;outline:none;background:transparent;font-family:var(--fx-sans);font-size:14px;color:var(--ink);padding:8px 2px;min-width:150px}
.d4sh-grid{display:grid;grid-template-columns:1fr;gap:clamp(16px,1.8vw,22px)}
@media(min-width:520px){.d4sh-grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.d4sh-grid{grid-template-columns:1fr 1fr 1fr}}
@media(min-width:1200px){.d4sh-grid{grid-template-columns:repeat(4,1fr)}}
.d4sh-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .24s var(--e4),box-shadow .24s,border-color .24s}
.d4sh-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px -26px rgba(30,18,70,.24);border-color:var(--line-2)}
.d4sh-card__media{position:relative;display:block;aspect-ratio:16/11;overflow:hidden;background:var(--lav)}
.d4sh-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--e4)}
.d4sh-card:hover .d4sh-card__media img{transform:scale(1.05)}
.d4sh-card__media .ph{width:100%;height:100%;display:grid;place-items:center;font-family:var(--fx-disp);font-weight:700;font-size:30px;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,var(--p700),var(--p400))}
.d4sh-card__flag{position:absolute;left:11px;top:11px;font-family:var(--fx-mono);font-size:10.5px;font-weight:700;color:#fff;background:var(--p600);padding:5px 11px;border-radius:999px}
.d4sh-card__b{display:flex;flex-direction:column;flex:1;padding:15px 17px 16px}
.d4sh-card__cat{font-family:var(--fx-mono);font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.d4sh-card__t{font-family:var(--fx-disp);font-weight:640;font-size:16px;letter-spacing:-.02em;color:var(--ink);line-height:1.3;margin:7px 0 0;transition:color .15s}
.d4sh-card__t:hover{color:var(--p700)}
.d4sh-card__ex{font-size:13px;line-height:1.5;color:var(--muted);margin:8px 0 0}
.d4sh-card__meta{font-family:var(--fx-mono);font-size:11.5px;color:var(--muted);margin-top:12px;display:flex;align-items:center;gap:6px}
.d4sh-card__meta i{color:var(--p500)}.d4sh-card__meta em{font-style:normal;opacity:.7}
.d4sh-card__ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}
.d4sh-card__ft .price{font-family:var(--fx-disp);font-weight:700;font-size:17px;color:var(--ink);letter-spacing:-.02em;display:inline-flex;align-items:baseline;gap:8px}
.d4sh-card__ft .price s{font-family:var(--fx-sans);font-weight:500;font-size:12.5px;color:var(--muted)}
.d4sh-card__ft .price--q{color:var(--p700);font-size:15px}
.d4sh-card__add{flex:none;width:40px;height:40px;border-radius:11px;border:1px solid var(--p600);background:var(--p600);color:#fff;display:grid;place-items:center;font-size:18px;cursor:pointer;transition:.18s var(--e4)}
.d4sh-card__add:hover{background:var(--p700);border-color:var(--p700);transform:translateY(-2px)}
.d4sh-card__add:disabled{opacity:.7;cursor:default}

/* ================================================================
   ARAMA (d4ar) — dj4 search results
   ================================================================ */
.d4ar-form{display:flex;align-items:center;gap:8px;margin-top:22px;max-width:620px;background:var(--white);border:1px solid var(--line-2);border-radius:12px;padding:7px 7px 7px 16px;box-shadow:0 2px 4px rgba(20,12,40,.04)}
.d4ar-form i{color:var(--muted);font-size:19px}
.d4ar-form input{flex:1;border:0;outline:none;background:transparent;font-family:var(--fx-sans);font-size:15.5px;color:var(--ink);padding:9px 4px}
.d4ar-count{font-family:var(--fx-mono);font-size:12.5px;color:var(--muted);margin-top:16px}
.d4ar-count strong{color:var(--p700)}
.d4ar-group{margin-bottom:clamp(34px,4vw,52px)}
.d4ar-ghead{display:flex;align-items:center;gap:11px;margin-bottom:20px}
.d4ar-ghead .ic{width:38px;height:38px;flex:none;border-radius:10px;background:var(--lav);color:var(--p600);display:grid;place-items:center;font-size:18px}
.d4ar-ghead h2{font-family:var(--fx-disp);font-weight:640;letter-spacing:-.02em;font-size:20px;color:var(--ink);margin:0}
.d4ar-ghead em{font-family:var(--fx-mono);font-style:normal;font-size:12px;color:#fff;background:var(--p600);border-radius:999px;padding:3px 10px}
.d4ar-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:560px){.d4ar-grid{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.d4ar-grid{grid-template-columns:1fr 1fr 1fr}}
.d4ar-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .22s var(--e4),box-shadow .22s,border-color .22s}
.d4ar-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px -24px rgba(30,18,70,.22);border-color:var(--line-2)}
.d4ar-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--lav)}
.d4ar-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--e4)}
.d4ar-card:hover .d4ar-card__media img{transform:scale(1.05)}
.d4ar-card__media .ph{width:100%;height:100%;display:grid;place-items:center;font-family:var(--fx-disp);font-weight:700;font-size:26px;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,var(--p700),var(--p400))}
.d4ar-card__media .ph.blog i{font-size:30px;color:rgba(255,255,255,.5)}
.d4ar-card__b{display:flex;flex-direction:column;flex:1;padding:14px 16px 15px}
.d4ar-card__b .tag{font-family:var(--fx-mono);font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.d4ar-card__b .t{font-family:var(--fx-disp);font-weight:640;font-size:15.5px;letter-spacing:-.02em;color:var(--ink);line-height:1.3;margin:6px 0 0}
.d4ar-card:hover .d4ar-card__b .t{color:var(--p700)}
.d4ar-card__b .ex{font-size:12.5px;line-height:1.5;color:var(--muted);margin:7px 0 0}
.d4ar-card__b .ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px}
.d4ar-card__b .price{font-family:var(--fx-disp);font-weight:700;font-size:15.5px;color:var(--ink);letter-spacing:-.02em}
.d4ar-card__b .price--q{color:var(--p700);font-size:14px}
.d4ar-card__b .date{font-family:var(--fx-mono);font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.d4ar-card__b .go{font-family:var(--fx-mono);font-size:11.5px;color:var(--p600);white-space:nowrap}
.d4ar-card:hover .d4ar-card__b .go{color:var(--p700)}
.d4ar-rows{display:flex;flex-direction:column;gap:10px}
.d4ar-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 18px;transition:border-color .18s,transform .18s,box-shadow .18s}
.d4ar-row:hover{border-color:var(--p300);transform:translateX(3px);box-shadow:0 10px 30px -20px rgba(30,18,70,.2)}
.d4ar-row .t{font-family:var(--fx-disp);font-weight:640;font-size:15.5px;color:var(--ink);margin:0}
.d4ar-row:hover .t{color:var(--p700)}
.d4ar-row .ex{font-size:12.5px;color:var(--muted);line-height:1.5;margin:5px 0 0}
.d4ar-row i{flex:none;color:var(--p500);font-size:20px}

/* ================================================================
   BUTON BOYUT/AKSAN VARYANTLARI (global) + SAYFA/SEO (d4pg)
   ================================================================ */
.d4-btn--sm{height:42px;padding:0 16px;font-size:13.5px;gap:8px}
.d4-btn--lg{height:56px;padding:0 30px;font-size:16px}
.d4-btn--acid{background:var(--acid);color:var(--ink);border-color:var(--acid)}
.d4-btn--acid:hover{filter:brightness(1.04);transform:translateY(-2px);color:var(--ink);box-shadow:0 14px 34px -16px rgba(198,255,61,.6)}

/* Dinamik sayfa + SEO landing */
.d4pg-wrap{max-width:860px}
.d4pg-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;font-family:var(--fx-mono);font-size:12.5px;color:var(--muted)}
.d4pg-meta span{display:inline-flex;align-items:center;gap:7px}
.d4pg-meta i{color:var(--p600);font-size:15px}
.d4pg-info{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.d4pg-info li{display:flex;gap:11px;align-items:flex-start;font-size:14px}
.d4pg-info li i{flex:none;width:34px;height:34px;border-radius:9px;background:var(--lav);color:var(--p600);display:grid;place-items:center;font-size:16px}
.d4pg-info li span{display:flex;flex-direction:column;line-height:1.4;min-width:0}
.d4pg-info li em{font-family:var(--fx-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-style:normal;margin-bottom:2px}
.d4pg-info li a,.d4pg-info li span{color:var(--ink);word-break:break-word}
.d4pg-info li a:hover{color:var(--p700)}
.d4pg-links{display:flex;flex-direction:column;gap:2px}
.d4pg-links a{display:flex;align-items:center;gap:8px;padding:9px 0;font-size:13.5px;color:var(--ink-soft);border-bottom:1px solid var(--line);transition:.15s}
.d4pg-links a:last-child{border-bottom:0}
.d4pg-links a:hover{color:var(--p700);padding-left:4px}
.d4pg-links a i{color:var(--p500);font-size:14px}
/* SEO landing gövde tipografisi d4bd-article'ı miras alır; ek düzeltmeler */
.seo-main-content h2{border-bottom:1px solid var(--line);padding-bottom:8px}

/* ================================================================
   ÜRÜN LANDING (d4pr) — dj4, aksan --pa/--pa2 ile parametrik
   (flavor-tema, wpdijitasyon)
   ================================================================ */
.d4pr{--pa:#7137D8;--pa2:#5a29b0}
.d4pr-hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:clamp(26px,3.6vw,44px) 0 clamp(46px,6vw,78px);border-bottom:1px solid rgba(255,255,255,.08)}
.d4pr-hero__glow{position:absolute;top:-30%;right:-12%;width:640px;height:640px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,color-mix(in srgb,var(--pa) 34%,transparent) 0%,transparent 68%);filter:blur(10px)}
.d4pr-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,44px);align-items:start;margin-top:22px}
@media(min-width:960px){.d4pr-hero__grid{grid-template-columns:1.15fr .85fr}}
.d4pr-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--fx-mono);font-size:12px;font-weight:600;letter-spacing:.02em;
  color:color-mix(in srgb,var(--pa) 55%,#fff);background:color-mix(in srgb,var(--pa) 16%,transparent);border:1px solid color-mix(in srgb,var(--pa) 34%,transparent);border-radius:999px;padding:7px 15px}
.d4pr-badge i{color:var(--pa)}
.d4pr-h1{font-family:var(--fx-disp);font-weight:680;letter-spacing:-.04em;line-height:.98;font-size:clamp(46px,8vw,104px);color:#fff;margin:16px 0 0;
  background:linear-gradient(120deg,#fff 30%,color-mix(in srgb,var(--pa) 70%,#fff));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.d4pr-slogan{font-family:var(--fx-disp);font-weight:500;font-size:clamp(17px,1.8vw,21px);color:color-mix(in srgb,var(--pa) 40%,#fff);margin:14px 0 0;max-width:32ch}
.d4pr-desc{font-size:15px;line-height:1.7;color:rgba(255,255,255,.66);margin:14px 0 0;max-width:54ch}
.d4pr-checks{display:flex;flex-wrap:wrap;gap:10px 20px;margin:20px 0 0;font-size:13px;color:rgba(255,255,255,.7)}
.d4pr-checks span{display:inline-flex;align-items:center;gap:6px}
.d4pr-checks i{color:#34d399}
.d4pr-hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.d4pr-btn{background:var(--pa);color:#fff;border-color:var(--pa)}
.d4pr-btn:hover{background:var(--pa2);border-color:var(--pa2);color:#fff;transform:translateY(-2px);box-shadow:0 16px 38px -16px color-mix(in srgb,var(--pa) 75%,transparent)}
.d4pr-card{background:var(--ink-soft);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:clamp(22px,2.4vw,30px);position:relative}
.d4pr-card__kick{display:block;text-align:center;font-family:var(--fx-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.d4pr-card__price{text-align:center;font-family:var(--fx-disp);font-weight:750;font-size:clamp(38px,5vw,52px);color:#fff;line-height:1;margin:6px 0 0;letter-spacing:-.03em}
.d4pr-card__price small{font-family:var(--fx-sans);font-size:16px;font-weight:500;color:color-mix(in srgb,var(--pa) 45%,#fff)}
.d4pr-card__per{display:block;text-align:center;font-size:12.5px;color:rgba(255,255,255,.55);margin-top:4px}
.d4pr-card__albl{font-family:var(--fx-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--pa) 45%,#fff);margin:22px 0 10px;display:flex;align-items:center;gap:6px}
.d4pr-addon{display:flex;align-items:center;gap:10px;padding:11px 13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:11px;margin-bottom:8px;cursor:pointer;transition:.18s var(--e4)}
.d4pr-addon:hover{border-color:color-mix(in srgb,var(--pa) 40%,transparent);background:color-mix(in srgb,var(--pa) 8%,transparent)}
.d4pr-addon.active{border-color:var(--pa);background:color-mix(in srgb,var(--pa) 14%,transparent)}
.d4pr-addon input{width:17px;height:17px;flex:none;accent-color:var(--pa);cursor:pointer}
.d4pr-addon .t{flex:1;font-size:13.5px;color:rgba(255,255,255,.85)}
.d4pr-addon .t em{font-style:normal;color:rgba(255,255,255,.5);font-size:12px}
.d4pr-addon .p{font-family:var(--fx-mono);font-weight:600;font-size:13px;color:color-mix(in srgb,var(--pa) 50%,#fff);white-space:nowrap}
.d4pr-card__total{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid rgba(255,255,255,.1);margin:12px 0 0}
.d4pr-card__total span:first-child{font-size:14px;font-weight:600;color:color-mix(in srgb,var(--pa) 40%,#fff)}
.d4pr-card__total span:last-child{font-family:var(--fx-disp);font-weight:750;font-size:22px;color:#fff}
.d4pr-card__buy{width:100%;justify-content:center;margin-top:6px;height:52px}
.d4pr-incl{list-style:none;padding:16px 0 0;margin:0;display:flex;flex-direction:column;gap:7px}
.d4pr-incl li{font-size:12.5px;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:8px}
.d4pr-incl li i{color:#34d399;font-size:12px}
.d4pr-shead{max-width:640px;margin:0 auto clamp(28px,3.4vw,44px);text-align:center}
.d4pr-shead .d4-kick{justify-content:center}
.d4pr-shead h2{font-family:var(--fx-disp);font-weight:640;letter-spacing:-.03em;font-size:clamp(26px,3.4vw,40px);color:var(--ink);margin:12px 0 0}
.d4pr-shead p{font-size:15px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.d4pr-feat{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:600px){.d4pr-feat{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.d4pr-feat{grid-template-columns:repeat(3,1fr)}}
.d4pr-feat__card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:24px 22px;transition:transform .24s var(--e4),box-shadow .24s,border-color .24s}
.d4pr-feat__card:hover{transform:translateY(-4px);box-shadow:0 18px 44px -24px color-mix(in srgb,var(--pa) 30%,rgba(30,18,70,.3));border-color:color-mix(in srgb,var(--pa) 25%,var(--line))}
.d4pr-feat__card .ic{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;font-size:23px;color:#fff;margin-bottom:15px;background:linear-gradient(135deg,var(--pa),var(--pa2))}
.d4pr-feat__card h3{font-family:var(--fx-disp);font-weight:640;font-size:16.5px;letter-spacing:-.02em;color:var(--ink);margin:0 0 7px}
.d4pr-feat__card p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.d4pr-mock{max-width:940px;margin:0 auto}
.d4pr-mock__bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:var(--ink-soft);border-radius:14px 14px 0 0}
.d4pr-mock__bar .d{width:10px;height:10px;border-radius:50%}
.d4pr-mock__bar .d.r{background:#f87171}.d4pr-mock__bar .d.y{background:#fbbf24}.d4pr-mock__bar .d.g{background:#34d399}
.d4pr-mock__bar .url{flex:1;margin-left:8px;background:rgba(255,255,255,.07);border-radius:6px;padding:5px 12px;color:color-mix(in srgb,var(--pa) 40%,#fff);font-family:var(--fx-mono);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d4pr-mock__screen{height:520px;overflow:hidden;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px}
.d4pr-mock__screen iframe{width:100%;height:100%;border:0;display:block}
.d4pr-mock__screen--img{overflow-y:auto}
.d4pr-mock__screen--img img{width:100%;display:block}
@media(max-width:600px){.d4pr-mock__screen{height:340px}}
.d4pr-mock__ph{height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--ink-soft);border-radius:0 0 14px 14px;color:color-mix(in srgb,var(--pa) 40%,#fff)}
.d4pr-mock__ph i{font-size:44px;opacity:.5}
.d4pr-cta{position:relative;overflow:hidden;border-radius:20px;padding:clamp(40px,5vw,64px) 28px;text-align:center;background:linear-gradient(135deg,var(--ink) 0%,var(--pa2) 130%);color:#fff}
.d4pr-cta h2{font-family:var(--fx-disp);font-weight:680;letter-spacing:-.03em;font-size:clamp(26px,3.6vw,42px);color:#fff;margin:0;position:relative;z-index:2}
.d4pr-cta p{color:rgba(255,255,255,.72);font-size:15.5px;margin:12px auto 24px;max-width:52ch;position:relative;z-index:2}

/* ================================================================
   ANA SAYFA POLISH v2 (d4hp2) — 2026-09 final polish
   Yön/renk korunur; yoğunluk + gerçek iş + hareket + kanıt.
   ================================================================ */

/* ---- Densify: bölüm boşluklarını azalt ---- */
.d4-sec{padding:clamp(44px,5.4vw,84px) 0}
.d4-sec--sm{padding:clamp(30px,3.6vw,52px) 0}

/* ============ SELECTED WORKS carousel — büyük görsel + altında editorial meta ============ */
.d4card2{display:flex;flex-direction:column;grid-template-columns:none!important;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;height:100%}
.d4card2__media{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--ink);box-shadow:0 34px 74px -46px rgba(12,8,18,.5)}
.d4card2__ov{position:absolute;left:14px;top:12px;z-index:3;font-family:var(--fx-mono);font-size:11px;font-weight:700;letter-spacing:.05em;color:#fff;background:rgba(12,8,18,.46);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 12px}
.d4card2__live{position:absolute;right:14px;top:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;font-family:var(--fx-mono);font-size:10.5px;font-weight:600;color:#fff;background:rgba(12,8,18,.46);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 11px}
.d4card2__live i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid)}
.d4card2__meta{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:15px 4px 0;background:transparent;border:0}
.d4card2__meta .tx{min-width:0}
.d4card2__name{font-family:var(--fx-disp);font-size:clamp(21px,2vw,29px);font-weight:600;letter-spacing:-.03em;color:var(--ink);line-height:1.04;margin:0}
.d4card2__cat{font-family:var(--fx-mono);font-size:11.5px;letter-spacing:.01em;color:var(--muted);margin-top:9px;text-transform:none;line-height:1.4}
.d4card2__cat .sep{opacity:.5;margin:0 3px}
.d4card2__go{flex:none;margin:0!important;white-space:nowrap;font-family:var(--fx-mono);font-size:12px;color:var(--ink);display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:999px;padding:10px 16px;transition:.2s var(--e4)}
.d4card2:hover .d4card2__go{border-color:var(--ink);background:var(--ink);color:#fff}
.d4wrk__slide{width:min(84%,720px)}
@media(min-width:1000px){.d4wrk__slide{width:min(77%,860px)}}
@media(max-width:640px){.d4card2__go{padding:8px 12px;font-size:11px}.d4card2__cat .desc-hide{display:none}}

/* ============ GROWTH FLOW (Ads → Landing → CRM → Lead → Sale) ============ */
.d4gflow{position:relative;display:flex;flex-direction:column;gap:10px}
.d4gflow__spine{position:absolute;left:42px;top:34px;bottom:34px;width:2px;background:var(--line-2);z-index:0}
.d4gflow__spine i{position:absolute;left:0;top:0;width:100%;height:0;background:linear-gradient(180deg,var(--p700),var(--p400));transition:height 1.2s var(--e4) .2s}
.d4gflow.in .d4gflow__spine i{height:100%}
.d4gflow__step{position:relative;z-index:2;display:flex;align-items:center;gap:15px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:15px 17px;box-shadow:0 1px 2px rgba(20,12,40,.05);opacity:0;transform:translateX(16px);transition:opacity .5s var(--e4),transform .5s var(--e4)}
.d4gflow.in .d4gflow__step{opacity:1;transform:none}
.d4gflow.in .d4gflow__step[data-gs="1"]{transition-delay:.1s}
.d4gflow.in .d4gflow__step[data-gs="2"]{transition-delay:.2s}
.d4gflow.in .d4gflow__step[data-gs="3"]{transition-delay:.3s}
.d4gflow.in .d4gflow__step[data-gs="4"]{transition-delay:.4s}
.d4gflow__step .ic{width:44px;height:44px;flex:none;border-radius:12px;background:var(--lav);color:var(--p600);display:grid;place-items:center;font-size:21px}
.d4gflow__step:last-child .ic{background:var(--p600);color:#fff}
.d4gflow__step .tx{flex:1;min-width:0}
.d4gflow__step .tx b{display:block;font-family:var(--fx-disp);font-size:16px;font-weight:640;color:var(--ink);letter-spacing:-.01em}
.d4gflow__step .tx span{font-size:12.5px;color:var(--muted)}
.d4gflow__step .no{font-family:var(--fx-mono);font-size:11px;color:var(--muted)}
.d4gflow__step:last-child{border-color:var(--p300);box-shadow:0 18px 44px -26px rgba(113,55,216,.4)}

/* ============ CHAT → LEAD → CRM → PROJECT — gerçek UI componentleri ============ */
.d4flow{display:flex;flex-direction:column;gap:12px;grid-template-columns:none}
.d4flow__conn{display:flex!important;align-items:center;justify-content:center}
.d4flow__conn i{display:none}
.d4flow__conn .ar{font-size:18px;color:var(--p400);opacity:0;transform:translateY(-4px);transition:.4s var(--e4)}
.d4flow__conn.on .ar{opacity:1;transform:none}
@media(min-width:940px){
  .d4flow{flex-direction:row;align-items:stretch;gap:0;margin-top:34px}
  .d4flow__node{flex:1 1 0;min-width:0}
  .d4flow__conn{flex:0 0 30px}
}
.d4fui{margin:11px 0 12px;border:1px solid var(--line);border-radius:11px;background:var(--mist);padding:11px}
.d4fui--chat .row{display:flex;gap:8px;align-items:flex-start}
.d4fui--chat .av{width:26px;height:26px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--p600),var(--p400));color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
.d4fui--chat .bub{background:var(--white);border:1px solid var(--line);border-radius:9px;border-top-left-radius:3px;padding:7px 10px;font-size:12px;color:var(--ink);line-height:1.4}
.d4fui--chat .typing{display:flex;gap:5px;margin:9px 0 2px 34px}
.d4fui--chat .typing i{width:6px;height:6px;border-radius:50%;background:var(--p400);animation:d4type 1.3s infinite}
.d4fui--chat .typing i:nth-child(2){animation-delay:.2s}.d4fui--chat .typing i:nth-child(3){animation-delay:.4s}
@keyframes d4type{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.d4fui--inbox{padding:6px}
.d4fui--inbox .ir{display:flex;align-items:center;gap:9px;padding:8px;border-radius:8px}
.d4fui--inbox .ir.on{background:var(--lav)}
.d4fui--inbox .ir .dot{width:8px;height:8px;border-radius:50%;background:var(--p500);flex:none}
.d4fui--inbox .ir .dot.g{background:#16a34a}
.d4fui--inbox .ir .t b{display:block;font-size:12px;color:var(--ink);font-weight:600}
.d4fui--inbox .ir .t span{font-size:10.5px;color:var(--muted)}
.d4fui--lead .lh{display:flex;align-items:center;gap:9px}
.d4fui--lead .lh .ic{width:30px;height:30px;flex:none;border-radius:8px;background:linear-gradient(135deg,var(--p600),var(--p400));color:#fff;display:grid;place-items:center;font-size:15px}
.d4fui--lead .t b{display:block;font-size:12.5px;color:var(--ink);font-weight:650}.d4fui--lead .t span{font-size:11px;color:var(--muted)}
.d4fui--lead .tg{display:flex;gap:6px;margin-top:10px}
.d4fui--lead .tg span{font-family:var(--fx-mono);font-size:9.5px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 8px}
.d4fui--lead .tg .hot{color:#c2410c;border-color:#fed7aa;background:#fff7ed}
.d4fui--crm{display:flex;gap:6px}
.d4fui--crm .col{flex:1;background:var(--white);border:1px solid var(--line);border-radius:7px;padding:6px;display:flex;flex-direction:column;gap:5px;min-height:52px}
.d4fui--crm .col .h{height:5px;border-radius:3px;background:var(--line-2)}
.d4fui--crm .col .c{height:18px;border-radius:4px;background:var(--mist);border:1px solid var(--line)}
.d4fui--crm .col.win{border-color:var(--p400);background:var(--lav)}
.d4fui--crm .col.win .h{background:var(--p400)}
.d4fui--crm .col.win .c{background:var(--p600);border-color:var(--p600)}
.d4fui--proj .ph{display:flex;flex-direction:column;gap:6px}
.d4fui--proj .ph span{height:8px;border-radius:3px;background:var(--line-2)}
.d4fui--proj .ph .b1{width:72%;background:linear-gradient(90deg,var(--p500),var(--p300))}
.d4fui--proj .ph .b2{width:92%}.d4fui--proj .ph .b3{width:56%}
.d4fui--proj .st{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-family:var(--fx-mono);font-size:10.5px;color:#16a34a}
.d4fui--proj .st .dot{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 8px rgba(22,163,74,.5)}

/* ============ SERVICE STAGE — zenginleştirilmiş görseller (dark panel) ============ */
.vx-web{display:flex;flex-direction:column;gap:10px}
.vx-web .nav{display:flex;gap:6px}
.vx-web .nav i{height:6px;border-radius:3px;background:rgba(255,255,255,.14);flex:1}
.vx-web .nav i:first-child{flex:0 0 24px;background:var(--p400)}
.vx-web .hero{height:70px;border-radius:9px;background:linear-gradient(120deg,rgba(139,77,255,.4),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.1)}
.vx-dash{display:flex;flex-direction:column;gap:12px}
.vx-dash__top{display:flex;align-items:center;justify-content:space-between;font-family:var(--fx-mono);font-size:11px;color:rgba(255,255,255,.62)}
.vx-dash__top .live{display:inline-flex;align-items:center;gap:6px;color:var(--acid)}
.vx-dash__top .live i{width:6px;height:6px;border-radius:50%;background:var(--acid)}
.vx-dash__kpi{display:flex;gap:8px}
.vx-dash__kpi .k{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:7px}
.vx-dash__kpi .k b{height:6px;width:56%;border-radius:3px;background:rgba(255,255,255,.28)}
.vx-dash__kpi .k em{height:13px;width:80%;border-radius:3px;background:linear-gradient(90deg,var(--p400),var(--p300))}
.vx-dash__chart{display:flex;align-items:flex-end;gap:7px;height:66px}
.vx-dash__chart i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--p400),rgba(139,77,255,.25))}
.vx-dash__chart i:last-child{background:linear-gradient(180deg,var(--acid),rgba(198,255,61,.25))}
.vx-shop{display:flex;flex-direction:column;gap:12px}
.vx-shop__grid{display:flex;gap:10px}
.vx-shop__grid .pc{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:8px;display:flex;flex-direction:column;gap:9px}
.vx-shop__grid .im{height:54px;border-radius:6px;background:linear-gradient(135deg,rgba(139,77,255,.42),rgba(255,255,255,.06))}
.vx-shop__grid .pr{height:9px;width:54px;border-radius:3px;background:rgba(255,255,255,.3)}
.vx-shop__cart{display:inline-flex;align-items:center;gap:8px;font-family:var(--fx-mono);font-size:12px;color:#fff;background:var(--p600);border-radius:9px;padding:10px 12px}
.vx-shop__cart span{background:var(--acid);color:var(--ink);border-radius:5px;padding:1px 7px;font-weight:700}
.vx-shop__cart em{margin-left:auto;font-style:normal;color:rgba(255,255,255,.72);font-size:10.5px}
.vx-search .r.on{background:rgba(198,255,61,.06);border-radius:6px;margin:0 -6px;padding-left:8px;padding-right:8px}
.vx-search .r span b{color:#fff;font-weight:700;display:block;font-size:12px}
.vx-search .r span em{font-style:normal;color:rgba(255,255,255,.45);font-size:10px}
.vx-search .rk{color:rgba(255,255,255,.45);font-weight:700}
.vx-search .r.on .rk{color:var(--acid)}
.vx-camp{display:flex;flex-direction:column;gap:11px}
.vx-camp__h{display:flex;gap:8px}
.vx-camp__h span{flex:1;display:inline-flex;align-items:center;gap:6px;font-family:var(--fx-mono);font-size:10.5px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:8px 10px}
.vx-camp .vx-bars{height:82px}
.vx-camp__f{font-family:var(--fx-mono);font-size:10.5px;color:var(--p300)}
.vx-post{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:11px;overflow:hidden}
.vx-post__h{display:flex;align-items:center;gap:9px;padding:10px 11px}
.vx-post__h .av{width:28px;height:28px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--p500),var(--acid))}
.vx-post__h .nm b{display:block;font-size:11.5px;color:#fff}
.vx-post__h .nm span{font-size:9.5px;color:rgba(255,255,255,.5)}
.vx-post__h i{margin-left:auto;color:rgba(255,255,255,.4)}
.vx-post__im{height:84px;background:linear-gradient(135deg,rgba(139,77,255,.45),rgba(198,255,61,.18));position:relative}
.vx-post__im .tag{position:absolute;left:9px;top:9px;font-family:var(--fx-mono);font-size:9px;color:var(--ink);background:var(--acid);border-radius:4px;padding:2px 8px;font-weight:700}
.vx-post__act{display:flex;gap:16px;padding:10px 12px;color:rgba(255,255,255,.72);font-size:16px}
.vx-board{display:flex;flex-direction:column;gap:14px}
.vx-board__logo{width:54px;height:54px;border-radius:13px;background:var(--p600);color:#fff;display:grid;place-items:center;font-family:var(--fx-disp);font-weight:700;font-size:27px;position:relative}
.vx-board__logo span{position:absolute;right:-5px;bottom:-5px;width:18px;height:18px;border-radius:50%;background:var(--acid)}
.vx-board__sw{display:flex;gap:9px}
.vx-board__sw i{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.16)}
.vx-board__type{display:flex;align-items:baseline;gap:12px;color:#fff;font-family:var(--fx-disp)}
.vx-board__type .a{font-size:36px;font-weight:700}
.vx-board__type .b{font-size:15px;font-weight:300;color:rgba(255,255,255,.6)}
.vx-phone__app{display:flex;flex-direction:column;gap:7px;margin-top:2px}
.vx-phone__app .hd{height:24px;border-radius:6px;background:linear-gradient(120deg,var(--p500),var(--p300))}
.vx-phone__app .card{height:32px;border-radius:6px;background:rgba(255,255,255,.09)}
.vx-phone__app .row{display:flex;gap:6px}
.vx-phone__app .row i{flex:1;height:22px;border-radius:5px;background:rgba(255,255,255,.06)}
.vx-phone__tab{display:flex;gap:11px;justify-content:center;margin-top:11px}
.vx-phone__tab i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.2)}
.vx-phone__tab i.on{background:var(--acid)}

/* ============ CUSTOMER PORTAL — milestone / dosya / destek ============ */
.d4portal__mile{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.d4portal__mrow{display:flex;align-items:center;gap:11px;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.d4portal__mrow .ic{width:32px;height:32px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:15px}
.d4portal__mrow .ic.mk-file{background:var(--lav);color:var(--p600)}
.d4portal__mrow .ic.mk-now{background:#fff7ed;color:#c2410c}
.d4portal__mrow .ic.mk-sup{background:#eff6ff;color:#2563eb}
.d4portal__mrow .t{flex:1;min-width:0}
.d4portal__mrow .t b{display:block;font-size:12.5px;color:var(--ink);font-weight:600;line-height:1.3}
.d4portal__mrow .t span{font-size:11px;color:var(--muted)}
.d4portal__mrow .tag{font-family:var(--fx-mono);font-size:9.5px;font-weight:600;border-radius:999px;padding:4px 9px;white-space:nowrap}
.d4portal__mrow .tag.ok{color:#16a34a;background:rgba(22,163,74,.1)}
.d4portal__mrow .tag.now{color:#c2410c;background:#fff7ed}
.d4portal__mrow .tag.sup{color:#2563eb;background:#eff6ff}

/* ============ CRM — kanban hareketi zenginleştirme ============ */
.d4lead{transition:transform .5s var(--e4),opacity .4s var(--e4),box-shadow .4s,border-color .4s}
.d4lead--move{box-shadow:0 16px 34px -14px rgba(139,77,255,.75)!important;border-color:var(--p400)!important;position:relative;z-index:9;transform:scale(1.03)}
.d4crm__cols .c.is-target{border-color:var(--p400)!important;background:rgba(139,77,255,.08)!important;transition:.4s}

/* ================================================================
   WPDIJITASYON — haber kimliği (d4pr--news) : farklı tasarım aksanı
   ================================================================ */
.d4pr--news .d4pr-h1{background:linear-gradient(120deg,#fff 34%,#ff8a8f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.d4pr-ticker{position:relative;z-index:2;display:flex;align-items:stretch;gap:0;margin:6px 0 22px;border:1px solid rgba(255,255,255,.12);border-radius:9px;overflow:hidden;background:rgba(255,255,255,.03);max-width:640px}
.d4pr-ticker .lbl{flex:none;display:inline-flex;align-items:center;gap:7px;background:var(--pa);color:#fff;font-family:var(--fx-mono);font-size:11px;font-weight:700;letter-spacing:.08em;padding:9px 14px;white-space:nowrap;position:relative}
.d4pr-ticker .lbl::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation:wpdBlink 1.1s steps(2) infinite}
@keyframes wpdBlink{50%{opacity:.25}}
.d4pr-ticker .track{display:flex;align-items:center;gap:26px;padding:0 16px;white-space:nowrap;animation:wpdTicker 18s linear infinite}
.d4pr-ticker .track span{font-family:var(--fx-mono);font-size:11.5px;color:rgba(255,255,255,.7);position:relative}
.d4pr-ticker .track span::before{content:"•";position:absolute;left:-15px;color:var(--pa)}
@keyframes wpdTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.d4pr-ticker .track{animation:none}.d4pr-ticker .lbl::before{animation:none}}
.d4pr--news .d4pr-feat__card .ic{border-radius:12px}
.d4pr--news .d4pr-cta{background:linear-gradient(135deg,var(--ink) 0%,#7a1418 128%)}

/* ================================================================
   SEPET / ÖDEME (d4cart) — dj4 checkout
   ================================================================ */
/* Adım göstergesi (cart_breadcrumb) */
.d4cart-head__t{font-family:var(--fx-disp);font-weight:640;letter-spacing:-.03em;font-size:clamp(26px,3.4vw,44px);color:var(--ink);margin:12px 0 0}
.d4steps4{list-style:none;display:flex;align-items:center;gap:0;margin:24px 0 0;padding:0;flex-wrap:wrap}
.d4steps4__i{display:flex;align-items:center;flex:1;min-width:0}
.d4steps4__i .wrap{display:inline-flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}
.d4steps4__i::after{content:"";flex:1;height:2px;margin:0 12px;background:var(--line-2);min-width:20px}
.d4steps4__i:last-child{flex:0 0 auto}
.d4steps4__i:last-child::after{display:none}
.d4steps4__i .n{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--fx-mono);font-size:13px;font-weight:700;background:var(--white);border:1px solid var(--line-2);color:var(--muted);transition:.25s var(--e4)}
.d4steps4__i .t{font-family:var(--fx-mono);font-size:12px;letter-spacing:.03em;color:var(--muted)}
.d4steps4__i.done .n{background:var(--p600);border-color:var(--p600);color:#fff}
.d4steps4__i.done .t{color:var(--ink-soft)}
.d4steps4__i.done::after{background:var(--p500)}
.d4steps4__i.now .n{background:var(--white);border-color:var(--p600);color:var(--p700);box-shadow:0 0 0 4px rgba(113,55,216,.14)}
.d4steps4__i.now .t{color:var(--ink);font-weight:600}
@media(max-width:640px){.d4steps4__i .t{display:none}.d4steps4__i::after{margin:0 6px}}

/* Sepet düzeni */
.d4cart{display:grid;grid-template-columns:1fr;gap:clamp(20px,2.4vw,32px);align-items:start}
@media(min-width:940px){.d4cart{grid-template-columns:1fr 360px}}
.d4cart__items{display:flex;flex-direction:column;gap:14px}
.d4cart__item{display:flex;gap:16px;align-items:flex-start;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px;transition:box-shadow .2s,border-color .2s}
.d4cart__item:hover{box-shadow:0 14px 40px -26px rgba(30,18,70,.24);border-color:var(--line-2)}
.d4cart__img{width:88px;height:88px;flex:none;object-fit:cover;border-radius:11px;background:var(--lav)}
.d4cart__img--ph{display:grid;place-items:center;font-family:var(--fx-disp);font-weight:700;font-size:24px;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,var(--p700),var(--p400))}
.d4cart__info{flex:1;min-width:0}
.d4cart__t{display:block;font-family:var(--fx-disp);font-size:16.5px;font-weight:640;letter-spacing:-.02em;color:var(--ink);text-decoration:none;line-height:1.3}
.d4cart__t:hover{color:var(--p700)}
.d4cart__pu{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.d4cart__ctl{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px}
.d4cart__qty{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:9px;overflow:hidden}
.d4cart__qty .q{width:34px;height:34px;border:0;background:var(--mist);color:var(--ink);font-size:15px;cursor:pointer;display:grid;place-items:center;transition:.18s}
.d4cart__qty .q:hover:not(:disabled){background:var(--p600);color:#fff}
.d4cart__qty .q:disabled{opacity:.4;cursor:not-allowed}
.d4cart__qty .v{min-width:42px;text-align:center;font-weight:700;font-size:14.5px;color:var(--ink);padding:0 6px;line-height:34px;border-left:1px solid var(--line-2);border-right:1px solid var(--line-2)}
.d4cart__lt{font-family:var(--fx-disp);font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.d4cart__rm{margin-left:auto}
.d4cart__rm .rm{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#b91c1c;border:1px solid rgba(185,28,28,.22);border-radius:9px;padding:8px 13px;font-family:var(--fx-sans);font-size:13px;font-weight:600;cursor:pointer;transition:.18s}
.d4cart__rm .rm:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}
@media(max-width:480px){.d4cart__rm .rm span{display:none}}
.d4cart__acts{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:8px}
.d4cart__clear{display:inline-flex;align-items:center;gap:7px;background:transparent;color:#b91c1c;border:1px solid rgba(185,28,28,.3);border-radius:999px;padding:10px 20px;font-family:var(--fx-sans);font-size:13.5px;font-weight:600;cursor:pointer;transition:.18s}
.d4cart__clear:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}
/* Özet */
.d4cart__sum{position:static}
@media(min-width:940px){.d4cart__sum{position:sticky;top:100px}}
.d4cart__sumcard{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 2px 4px rgba(20,12,40,.04)}
.d4cart__sumt{font-family:var(--fx-disp);font-weight:640;letter-spacing:-.02em;font-size:19px;color:var(--ink);margin:0 0 18px}
.d4cart__lines{display:flex;flex-direction:column;gap:9px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.d4cart__lines .ln{display:flex;justify-content:space-between;gap:12px;font-size:13.5px}
.d4cart__lines .nm{color:var(--ink-soft)}.d4cart__lines .nm em{font-style:normal;color:var(--muted);font-size:12px}
.d4cart__lines .pr{font-weight:600;color:var(--ink);white-space:nowrap}
.d4cart__sub{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);padding:16px 0 0}
.d4cart__grand{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 4px}
.d4cart__grand span:first-child{font-family:var(--fx-disp);font-weight:640;font-size:18px;color:var(--ink)}
.d4cart__grand span:last-child{font-family:var(--fx-disp);font-weight:750;font-size:22px;color:var(--ink);letter-spacing:-.02em}
.d4cart__note{font-size:11.5px;color:var(--muted);text-align:center;margin:12px 0 0;line-height:1.5}
.d4cart__reg{display:block;text-align:center;font-family:var(--fx-mono);font-size:12px;color:var(--p700);margin-top:10px}
.d4cart__reg:hover{text-decoration:underline}
/* Ödeme formu (bilgi.php) + iyzico kapsayıcı ortak */
.d4co-note{font-size:13px;color:var(--muted);line-height:1.6}
.d4pay-box{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,2.4vw,30px);box-shadow:0 2px 4px rgba(20,12,40,.04)}
.d4pay-err{background:rgba(185,28,28,.06);border:1px solid rgba(185,28,28,.2);color:#b91c1c;border-radius:12px;padding:18px 20px;display:flex;gap:12px;align-items:flex-start}
.d4pay-err i{font-size:22px}

/* ---- Ödeme (odeme.php) ek parçalar ---- */
.d4pay-secure{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.d4pay-secure .ic{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;font-size:20px;color:#16a34a;background:rgba(22,163,74,.1)}
.d4pay-secure b{display:block;font-family:var(--fx-disp);font-weight:640;font-size:15px;color:var(--ink)}
.d4pay-secure span{font-size:12px;color:var(--muted)}
.d4pay-secure__badge{margin-left:auto;font-family:var(--fx-mono);font-size:11px;font-weight:700;color:var(--p700);background:var(--lav);border-radius:6px;padding:5px 11px}
.d4pay-ord{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.d4pay-ord span{font-size:12px;color:var(--muted);font-family:var(--fx-mono)}
.d4pay-ord strong{font-family:var(--fx-disp);font-size:15px;color:var(--ink)}
.d4pay-buyer{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px}
.d4pay-buyer p{margin:0;font-size:12.5px;color:var(--ink-soft);display:flex;align-items:center;gap:8px}
.d4pay-buyer p i{color:var(--p500);font-size:14px}

/* ---- Teşekkür / sipariş sonucu (d4ty) ---- */
.d4ty-status{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:clamp(30px,4vw,48px) 28px;text-align:center;box-shadow:0 2px 4px rgba(20,12,40,.04)}
.d4ty-status .ic{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:50px;margin:0 auto 20px}
.d4ty-status--ok .ic{color:#16a34a;background:rgba(22,163,74,.1)}
.d4ty-status--err .ic{color:#b91c1c;background:rgba(185,28,28,.09)}
.d4ty-status--warn .ic{color:#c2410c;background:#fff7ed}
.d4ty-status h1{font-family:var(--fx-disp);font-weight:640;letter-spacing:-.03em;font-size:clamp(24px,3vw,36px);color:var(--ink);margin:0}
.d4ty-status p{font-size:14.5px;line-height:1.65;color:var(--muted);max-width:52ch;margin:12px auto 0}
.d4ty-acts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}
.d4ty-acts--center{margin-top:32px}
.d4ty-wa{display:flex;flex-wrap:wrap;align-items:center;gap:16px;background:linear-gradient(135deg,#e7f9ee,#d8f5e4);border:1px solid #25D366;border-radius:16px;padding:18px 22px;margin-top:16px}
.d4ty-wa .ic{font-size:40px;color:#25D366;flex:none}
.d4ty-wa .tx{flex:1;min-width:200px}
.d4ty-wa .tx b{display:block;font-family:var(--fx-disp);font-weight:640;font-size:15px;color:#0f5132;margin-bottom:3px}
.d4ty-wa .tx span{font-size:13px;color:#166534;line-height:1.5}
.d4ty-wa .wabtn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;font-family:var(--fx-sans);font-weight:600;font-size:14px;border-radius:999px;padding:12px 20px;white-space:nowrap;transition:.18s}
.d4ty-wa .wabtn:hover{background:#1da851;transform:translateY(-2px)}
.d4ty-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,2.4vw,28px);margin-top:16px;box-shadow:0 2px 4px rgba(20,12,40,.04)}
.d4ty-kv{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(min-width:640px){.d4ty-kv{grid-template-columns:repeat(4,1fr)}}
.d4ty-kv>div{display:flex;flex-direction:column;gap:5px}
.d4ty-kv span{font-family:var(--fx-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.d4ty-kv strong{font-family:var(--fx-disp);font-size:15px;color:var(--ink);letter-spacing:-.01em}
.d4ty-kv strong.hi{color:var(--p700)}
.d4ty-kv strong.ok{display:inline-flex;align-items:center;gap:5px;color:#16a34a;font-family:var(--fx-sans);font-size:13px;font-weight:700}
.d4ty-h{font-family:var(--fx-disp);font-weight:640;letter-spacing:-.02em;font-size:16px;color:var(--ink);margin:24px 0 14px}
.d4ty-tblwrap{overflow-x:auto}
.d4ty-tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.d4ty-tbl th{text-align:left;font-family:var(--fx-mono);font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 14px;background:var(--mist);border-bottom:1px solid var(--line)}
.d4ty-tbl th:nth-child(n+2),.d4ty-tbl td:nth-child(n+2){text-align:right}
.d4ty-tbl td{padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink-soft)}
.d4ty-tbl td.nm{color:var(--ink);font-weight:600}
.d4ty-tbl td.tt{font-family:var(--fx-disp);font-weight:700;color:var(--ink)}
.d4ty-tbl tfoot td{border-bottom:0;font-weight:600;color:var(--ink);padding-top:14px}
.d4ty-tbl tfoot td.tt{font-size:16px;color:var(--p700)}
.d4ty-inv{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:560px){.d4ty-inv{grid-template-columns:1fr 1fr}}
.d4ty-inv>div{display:flex;flex-direction:column;gap:4px}
.d4ty-inv .full{grid-column:1/-1}
.d4ty-inv span{font-family:var(--fx-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.d4ty-inv b{font-size:14px;color:var(--ink);font-weight:600}

/* ---- V4.3 header ince ayar ---- */
.d4nav.is-float .d4nav__bar{border-radius:14px}
.d4nav__logoimg{height:34px}
.d4nav.is-float .d4nav__logoimg{height:28px}
.d4nav__logo{font-size:24px}
.d4nav.is-float .d4nav__logo{font-size:21px}
@media(min-width:1080px){.d4nav__login{display:inline-flex;align-items:center;gap:6px}}
.d4nav__login i{font-size:17px;opacity:.75}
.d4nav__dot{width:5px;height:5px;border-radius:50%;background:var(--p500);box-shadow:0 0 0 3px rgba(113,55,216,.14);margin-left:1px}
.d4nav__lnk[aria-current="page"]{color:var(--ink);font-weight:650}
.d4nav__mega .subs{margin-top:16px}

/* ================================================================
   CLIENT PROOF STRIP (d4proof) — gerçek müşteri adları, sakin akış
   ================================================================ */
.d4proof{display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}
.d4proof__lbl{flex:none;font-family:var(--fx-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);max-width:118px;line-height:1.45}
.d4proof__vp{flex:1;min-width:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.d4proof__track{display:flex;align-items:center;gap:40px;width:max-content;animation:d4proofflow 52s linear infinite}
.d4proof:hover .d4proof__track{animation-play-state:paused}
@keyframes d4proofflow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.d4proof__c{font-family:var(--fx-disp);font-weight:600;font-size:clamp(15px,1.5vw,19px);letter-spacing:-.02em;color:var(--muted);opacity:.5;white-space:nowrap;transition:color .25s var(--e4),opacity .25s var(--e4)}
.d4proof__c:hover{color:var(--p700);opacity:1}
@media(prefers-reduced-motion:reduce){.d4proof__track{animation:none;flex-wrap:wrap;width:auto;gap:14px 28px}}
@media(max-width:640px){.d4proof{flex-direction:column;align-items:stretch;gap:14px}.d4proof__lbl{max-width:none}.d4proof__vp{width:100%}}
.d4card2__cat .pcat{color:var(--p700);font-weight:600}

/* ---- V4.3.1: Selected Works — daha küçük, ~5 kart görünür (kullanıcı isteği) ---- */
.d4wrk__slide{width:min(82%,320px)}
@media(min-width:600px){.d4wrk__slide{width:calc(50% - 12px)}}
@media(min-width:900px){.d4wrk__slide{width:calc(33.333% - 16px)}}
@media(min-width:1300px){.d4wrk__slide{width:calc(20% - 20px)}}
.d4card2__media{aspect-ratio:16/11;border-radius:12px}
.d4card2__meta{padding-top:12px;gap:8px}
.d4card2__name{font-size:clamp(15px,1.05vw,17px)}
.d4card2__cat{font-size:10.5px;margin-top:5px;letter-spacing:0}
.d4card2__go{display:none}
.d4card2__ov,.d4card2__live{font-size:10px;padding:4px 9px;top:10px}
.d4card2__ov{left:10px}.d4card2__live{right:10px}

/* ================================================================
   SAMSUN ÇİZGİLİ HARİTA (d4map) — ilçe düğümleri + Dijital Flow
   ================================================================ */
.d4map-wrap{display:grid;grid-template-columns:1fr;gap:clamp(24px,3vw,44px);align-items:center}
@media(min-width:940px){.d4map-wrap{grid-template-columns:.82fr 1.18fr}}
.d4map-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.d4map-chips a{font-family:var(--fx-mono);font-size:12px;color:var(--ink-soft);background:var(--white);border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;transition:.18s var(--e4)}
.d4map-chips a:hover{border-color:var(--p500);color:var(--p700);transform:translateY(-1px)}
.d4map-chips a.on{background:var(--p600);border-color:var(--p600);color:#fff}
.d4map{position:relative;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--paper),var(--mist));padding:clamp(10px,1.6vw,20px);overflow:hidden}
.d4map svg{width:100%;height:auto;display:block;overflow:visible}
.d4map__land{fill:rgba(113,55,216,.05);stroke:var(--p300);stroke-width:1.5;stroke-linejoin:round}
.d4map__coast{fill:none;stroke:var(--p400);stroke-width:1.4;stroke-dasharray:2 7;stroke-linecap:round;opacity:.75}
.d4map__sea{fill:var(--muted);font-family:var(--fx-mono);font-size:11px;letter-spacing:.32em;text-anchor:middle;opacity:.6}
.d4map__flows line{stroke:var(--p400);stroke-width:1.1;stroke-dasharray:1.5 6;stroke-linecap:round;opacity:.5}
.d4map__node{cursor:pointer}
.d4map__node circle{fill:var(--p600);transition:transform .22s var(--e4),fill .2s;transform-box:fill-box;transform-origin:center}
.d4map__node text{fill:var(--ink);font-family:var(--fx-mono);font-size:12px;font-weight:600;text-anchor:middle;transition:fill .2s}
.d4map__node:hover circle{fill:var(--p700);transform:scale(1.35)}
.d4map__node:hover text{fill:var(--p700)}
.d4map__node.is-hub circle{fill:var(--ink);stroke:var(--acid);stroke-width:3}
.d4map__node.is-hub text{fill:var(--ink);font-family:var(--fx-disp);font-size:15px;font-weight:700;letter-spacing:-.01em}
.d4map__node:focus-visible{outline:none}
.d4map__node:focus-visible circle{stroke:var(--p600);stroke-width:3}
@media(max-width:560px){.d4map__node text{font-size:14px}.d4map__sea{font-size:13px}}

/* ---- "Ne yapıyoruz" (d4svc) liste/panel dengesi — kullanıcı: liste uzun, panel küçük ---- */
@media(min-width:940px){.d4svc{grid-template-columns:.85fr 1.15fr;align-items:stretch;gap:clamp(26px,3.2vw,48px)}}
.d4svc__row{padding:clamp(8px,1vw,12px) 0}
.d4svc__row .nm{font-size:clamp(16px,1.7vw,21px)}
.d4svc__stage{min-height:clamp(300px,26vw,360px);height:100%}

/* ================================================================
   SAMSUN & İLÇELERİ — bölge kutuları (d4loc) — harita kaldırıldı
   ================================================================ */
.d4loc{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:clamp(28px,3.4vw,42px)}
@media(min-width:640px){.d4loc{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.d4loc{grid-template-columns:repeat(4,1fr)}}
.d4loc__box{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px 22px;overflow:hidden;transition:transform .24s var(--e4),box-shadow .24s,border-color .24s}
.d4loc__box:hover{transform:translateY(-4px);box-shadow:0 22px 50px -28px rgba(30,18,70,.26);border-color:var(--p300)}
.d4loc__n{font-family:var(--fx-disp);font-weight:640;font-size:19px;letter-spacing:-.02em;color:var(--ink);transition:color .18s}
.d4loc__box:hover .d4loc__n{color:var(--p700)}
.d4loc__d{font-family:var(--fx-mono);font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.d4loc__arr{position:absolute;top:18px;right:18px;font-family:var(--fx-mono);color:var(--line-2);font-size:16px;transition:.24s var(--e4)}
.d4loc__box:hover .d4loc__arr{color:var(--p600);transform:translate(3px,-3px)}
.d4loc__box--main{grid-column:span 2;grid-row:span 2;justify-content:flex-end;background:linear-gradient(150deg,var(--p800),var(--ink));border-color:transparent;color:#fff;min-height:210px}
.d4loc__box--main .d4-dgrid{position:absolute;inset:0;color:rgba(166,108,255,.18);opacity:.6}
.d4loc__k{position:relative;font-family:var(--fx-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--p300)}
.d4loc__box--main .d4loc__n{position:relative;font-size:clamp(30px,4vw,46px);color:#fff;line-height:1;margin-top:6px}
.d4loc__box--main:hover .d4loc__n{color:#fff}
.d4loc__box--main .d4loc__d{position:relative;color:rgba(255,255,255,.72);margin-top:9px}
.d4loc__go{position:relative;margin-top:18px;font-family:var(--fx-mono);font-size:12px;color:#fff;display:inline-flex;align-items:center;gap:8px}
.d4loc__go .a{transition:transform .3s var(--e4)}.d4loc__box--main:hover .d4loc__go .a{transform:translate(3px,-3px)}
@media(max-width:639px){.d4loc__box--main{grid-row:auto;min-height:150px}}

/* ── Mobil yatay-taşma düzeltmesi: yandan gelen reveal animasyonlarını dikeye çevir ──
   ([data-r=left/right] ±36px translateX ve d4gflow adımı, mobilde sayfa genişliğini taşırıp
    tarayıcının tüm sayfayı küçültmesine yol açıyordu; dikey reveal yatay taşma yapmaz.) */
@media (max-width:768px){
  .dj4-anim [data-r="left"], .dj4-anim [data-r="right"]{ transform:translateY(24px); }
  .d4gflow__step{ transform:translateY(16px); }
}

/* ── PDP uzun açıklama "Devamını Oku" katlaması (d4pd-story) ── */
.d4pd-story__body.d4pd-clamp{ max-height:380px; overflow:hidden; -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 99%); mask-image:linear-gradient(180deg,#000 72%,transparent 99%); }
.d4pd-more{ display:inline-flex; align-items:center; gap:8px; margin-top:20px; background:#fff; border:1px solid var(--line-2,#ddd6ea); border-radius:8px; padding:11px 20px; font-family:var(--fx-sans,'Manrope',sans-serif); font-weight:600; font-size:14px; color:var(--p700,#5a29b0); cursor:pointer; transition:border-color .2s,background .2s,color .2s; }
.d4pd-more:hover{ border-color:var(--p600,#7137d8); background:var(--lav,#efe9ff); }
.d4pd-more i{ font-size:16px; transition:transform .2s; }