#mk4-hero{
  --ink:#0b1220; --ink-2:#334155; --muted:#5b6475; --soft:#737c8e;
  --line:rgba(15,23,42,.08); --bg:#f8fafc;
  --brand:#4865ce; --brand-500:#5b7fe0; --mor:#8b5cf6; --acik:#38bdf8; --turkuaz:#0ea5a4; --turuncu:#e0782f;
  --grad:linear-gradient(135deg,#4865ce,#7a6be6);
  --ease-out:cubic-bezier(.16,1,.3,1);
}
#mk4-hero *{box-sizing:border-box;margin:0;padding:0}
#mk4-hero a{color:inherit;text-decoration:none}
#mk4-hero button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
#mk4-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;isolation:isolate}
#mk4-hero .izgara{position:absolute;inset:0;z-index:-2;pointer-events:none;will-change:transform,filter;
  background-image:linear-gradient(to right,rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.045) 1px,transparent 1px);
  background-size:56px 56px;background-position:-1px -1px;
  -webkit-mask-image:radial-gradient(ellipse 75% 70% at 62% 45%,#000 30%,transparent 78%);
          mask-image:radial-gradient(ellipse 75% 70% at 62% 45%,#000 30%,transparent 78%)}
#mk4-hero .glow{position:absolute;z-index:-1;pointer-events:none;width:760px;height:760px;right:-120px;top:50%;margin-top:-360px;
  --g1:rgba(72,101,206,.16);--g2:rgba(139,92,246,.13);--g3:rgba(56,189,248,.12);
  background:radial-gradient(closest-side at 40% 45%,var(--g1),transparent 70%),
             radial-gradient(closest-side at 65% 60%,var(--g2),transparent 70%),
             radial-gradient(closest-side at 55% 30%,var(--g3),transparent 70%);
  filter:blur(10px)}
#mk4-hero .nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;
  max-width:1280px;width:100%;margin:0 auto;padding:18px 48px;height:76px}
#mk4-hero .logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;letter-spacing:-.035em}
#mk4-hero .logo img{width:34px;height:33px;display:block}
#mk4-hero .logo b{font-weight:900;color:var(--brand)}
#mk4-hero .nav-r{display:flex;align-items:center;gap:8px}
#mk4-hero .nav-r .giris{font-weight:600;font-size:15px;padding:10px 14px;border-radius:10px;color:var(--ink-2)}
#mk4-hero .nav-r .giris:hover{background:rgba(15,23,42,.05)}
#mk4-hero .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:12px;white-space:nowrap;transition:box-shadow .2s}
#mk4-hero .btn-dark{background:var(--ink);color:#fff;font-size:14.5px;padding:10px 16px}
#mk4-hero .btn-dark:hover{transform:translateY(-1px)}
#mk4-hero .wrap{flex:1;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:32px;
  max-width:1280px;width:100%;margin:0 auto;padding:0 48px 32px}
#mk4-hero .copy{max-width:600px}
#mk4-hero .wrap.ters{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}
#mk4-hero .wrap.ters .copy{order:2}
#mk4-hero .wrap.ters .stage-area{order:1}
#mk4-hero .dalga{display:none;align-items:center;gap:2.5px;height:20px;flex:none;margin-right:2px}
#mk4-hero .dalga i{width:3px;height:100%;border-radius:2px;background:#e5484d;transform:scaleY(.25);animation:dalga .8s ease-in-out infinite}
#mk4-hero .dalga i:nth-child(2){animation-delay:.1s}
#mk4-hero .dalga i:nth-child(3){animation-delay:.25s}
#mk4-hero .dalga i:nth-child(4){animation-delay:.05s}
#mk4-hero .dalga i:nth-child(5){animation-delay:.3s}
#mk4-hero .dalga i:nth-child(6){animation-delay:.15s}
#mk4-hero .dalga i:nth-child(7){animation-delay:.35s}
@keyframes dalga{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
#mk4-hero .mic.dinliyor{background:#e5484d;color:#fff;animation:micNabiz 1.2s ease-in-out infinite}
@keyframes micNabiz{0%,100%{box-shadow:0 0 0 0 rgba(229,72,77,.45)}50%{box-shadow:0 0 0 7px rgba(229,72,77,0)}}
#mk4-hero .tablo .th{display:flex;justify-content:space-between;padding:8px 14px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#8a93a6;background:#f6f8fd}
#mk4-hero .tablo .tr.uyari .v{color:#c2410c}
#mk4-hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink-2);
  background:#fff;border:1px solid var(--line);padding:6px 12px 6px 6px;border-radius:999px;box-shadow:0 1px 2px rgba(15,23,42,.04);margin-bottom:26px}
#mk4-hero .eyebrow img{width:22px;height:22px}
#mk4-hero .eyebrow .dot{width:4px;height:4px;border-radius:50%;background:#c3c9d6}
#mk4-hero .eyebrow .beta{color:var(--brand)}
#mk4-hero h1{font-weight:900;letter-spacing:-.035em;line-height:1.02;font-size:clamp(40px,4.9vw,72px)}
#mk4-hero h1 .l1,#mk4-hero h1 .l2{display:block}
#mk4-hero h1 .gizli{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
#mk4-hero .degisen{display:grid}
#mk4-hero .degisen>.panel{grid-area:1/1;align-self:start}
#mk4-hero .degisen>.panel:not([data-i="0"]){visibility:hidden;opacity:0}
#mk4-hero .p-bas{font-weight:900;letter-spacing:-.035em;line-height:1.02;font-size:clamp(40px,4.9vw,72px);color:var(--ink)}
#mk4-hero .p-bas .pl1,#mk4-hero .p-bas .pl2{display:block;text-wrap:balance}
#mk4-hero h1 .l1{color:var(--ink);text-wrap:balance}
#mk4-hero .del{position:relative;display:inline-block;color:#a3abbb}
#mk4-hero .del::after{content:"";position:absolute;left:-.04em;right:-.04em;top:54%;height:.075em;border-radius:.05em;
  background:var(--ink-2);transform-origin:0 50%;transform:scaleX(var(--s,1))}
#mk4-hero .grad{background:linear-gradient(90deg,#4865ce,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
#mk4-hero .l2.splitting .grad{background:none}
#mk4-hero .l2.splitting .ch{-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-clip:text}
#mk4-hero .l-mask{padding-bottom:.12em;margin-bottom:-.12em;padding-top:.04em;margin-top:-.04em}
#mk4-hero .lead{margin-top:24px;font-size:19px;line-height:1.55;color:var(--muted);max-width:520px}
#mk4-hero .lead strong{color:var(--ink);font-weight:600}
#mk4-hero .ctas{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}
#mk4-hero .btn-lg{font-size:16px;padding:15px 22px;border-radius:14px}
#mk4-hero .btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 24px -10px rgba(72,101,206,.65),inset 0 1px 0 rgba(255,255,255,.22)}
#mk4-hero .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(72,101,206,.7),inset 0 1px 0 rgba(255,255,255,.22)}
#mk4-hero .btn-ghost{background:#fff;color:var(--ink);border:1px solid rgba(15,23,42,.12);box-shadow:0 1px 2px rgba(15,23,42,.05)}
#mk4-hero .btn-ghost:hover{transform:translateY(-2px)}
#mk4-hero .btn-ghost img{width:20px;height:20px}
#mk4-hero .note{margin-top:22px;font-size:13.5px;color:var(--soft);display:flex;gap:14px;flex-wrap:wrap}
#mk4-hero .note span{display:inline-flex;align-items:center;gap:6px}
#mk4-hero .note svg{color:var(--turkuaz)}
#mk4-hero .stage-area{position:relative;height:100%;min-height:520px;display:flex;align-items:center;justify-content:center}
#mk4-hero .sizer{position:relative;perspective:1500px;perspective-origin:50% 45%}
#mk4-hero .fit{position:absolute;left:0;top:0;width:400px;height:620px;transform-origin:0 0;transform-style:preserve-3d}
#mk4-hero .parallax,#mk4-hero .camera{width:100%;height:100%;transform-style:preserve-3d}
#mk4-hero .camera{transform-origin:50% 62%;will-change:transform}
#mk4-hero .drawer{position:relative;width:400px;height:620px;background:#fff;border-radius:22px;border:1px solid rgba(15,23,42,.08);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 2px 4px rgba(15,23,42,.04),0 12px 24px -8px rgba(15,23,42,.08),0 40px 80px -24px rgba(40,56,120,.22);
  display:flex;flex-direction:column;overflow:hidden}
#mk4-hero .d-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #eef1f6;height:60px;flex:none}
#mk4-hero .d-head img{width:30px;height:29px}
#mk4-hero .d-head .t{font-weight:800;font-size:15.5px;letter-spacing:-.015em}
#mk4-hero .badge-beta{font-size:11px;font-weight:700;color:var(--brand);background:linear-gradient(135deg,rgba(72,101,206,.1),rgba(139,92,246,.12));
  padding:3px 8px;border-radius:999px;letter-spacing:.02em}
#mk4-hero .d-head .ic{margin-left:auto;display:flex;gap:4px;color:#9aa3b5}
#mk4-hero .d-head .ic span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px}
#mk4-hero .d-body{flex:1;min-height:0;padding:16px;display:flex;flex-direction:column;gap:12px;overflow:hidden;background:linear-gradient(#fff,#fbfcfe)}
#mk4-hero .welcome{display:flex;flex-direction:column;gap:12px;padding-top:4px}
#mk4-hero .w-row{display:flex;gap:10px;align-items:flex-start}
#mk4-hero .av{width:28px;height:28px;flex:none;border-radius:50%;display:block}
#mk4-hero .w-txt{font-size:14.5px;line-height:1.5;color:var(--ink-2);padding-top:3px}
#mk4-hero .w-txt b{color:var(--ink);font-weight:700}
#mk4-hero .chips{display:flex;gap:6px;flex-wrap:wrap;padding-left:38px}
#mk4-hero .chip{font-size:12.5px;font-weight:600;color:var(--ink-2);border:1px solid #e3e7ef;background:#fff;padding:6px 10px;border-radius:999px}
#mk4-hero .msg-user{align-self:flex-end;max-width:86%;background:linear-gradient(135deg,#4865ce,#7a6be6);color:#fff;font-size:14.5px;line-height:1.4;
  padding:10px 14px;border-radius:18px 18px 6px 18px;box-shadow:0 6px 16px -8px rgba(72,101,206,.6);white-space:nowrap}
#mk4-hero .msg-user .ek{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);border-radius:9px;padding:3px 10px 3px 3px;margin-bottom:6px;font-size:12px;font-weight:600}
#mk4-hero .msg-user .ek img{width:24px;height:27px;object-fit:cover;object-position:top;border-radius:6px;background:#fff;display:block}
#mk4-hero .msg-user.anlasildi{margin-bottom:22px}
#mk4-hero .anla{position:relative;display:inline-block;border-radius:5px;padding:0 3px;margin:0 -1px;
  background:linear-gradient(rgba(255,255,255,.24),rgba(255,255,255,.24)) no-repeat 0 0/0% 100%;box-shadow:inset 0 -2px 0 var(--t)}
#mk4-hero .anla .et{position:absolute;left:50%;top:calc(100% + 11px);transform:translateX(-50%);font-size:9.5px;font-weight:700;letter-spacing:.02em;line-height:1;
  color:var(--ink-2);background:#fff;border:1px solid #e6eaf2;border-radius:999px;padding:3px 6px;white-space:nowrap;box-shadow:0 2px 6px -2px rgba(15,23,42,.15);opacity:0}
#mk4-hero .anla .et::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--n);margin-right:4px;vertical-align:1px}
#mk4-hero .ek-cip{display:none;align-items:center;gap:6px;flex:none;font-size:12px;font-weight:600;color:var(--ink-2);background:#f3f5f9;border:1px solid #e3e7ef;border-radius:9px;padding:3px 8px 3px 3px}
#mk4-hero .ek-cip img{width:22px;height:25px;object-fit:cover;object-position:top;border-radius:5px;display:block}
#mk4-hero .tablo{margin-left:38px;border:1px solid #e6eaf2;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04),0 14px 30px -14px rgba(40,56,120,.22)}
#mk4-hero .tablo .tr{display:flex;justify-content:space-between;padding:10px 14px;font-size:13.5px;border-top:1px solid #eef1f6}
#mk4-hero .tablo .tr:first-child{border-top:0}
#mk4-hero .tablo .tr .k{color:#737c8e}
#mk4-hero .tablo .tr .v{font-weight:700;font-variant-numeric:tabular-nums}
#mk4-hero .tablo .tr.net{background:#f6f8fd}
#mk4-hero .tablo .tr.net .v{color:#0f7a55}
#mk4-hero .tablo-not{margin-left:38px;font-size:13px;color:var(--muted)}
#mk4-hero .grafik{margin-left:38px;border:1px solid #e6eaf2;border-radius:14px;background:#fff;padding:11px 12px 9px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 14px 30px -14px rgba(40,56,120,.22)}
#mk4-hero .grafik .g-bas{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
#mk4-hero .grafik .g-bas b{font-size:13.5px;font-weight:800;letter-spacing:-.01em}
#mk4-hero .grafik .g-bas span{font-size:11px;color:#8a93a6}
#mk4-hero .grafik svg{display:block;width:100%;height:auto;overflow:visible}
#mk4-hero .grafik svg text{font-size:9.5px;fill:#8a93a6;font-family:inherit}
#mk4-hero .g-lej{display:flex;gap:14px;font-size:11.5px;color:#6b7385;margin-top:2px}
#mk4-hero .g-lej i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}
#mk4-hero .akis-ic{display:flex;flex-direction:column;gap:12px}
#mk4-hero .ornekler{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 14px -6px rgba(15,23,42,.15);backdrop-filter:blur(8px);z-index:4;white-space:nowrap}
#mk4-hero .ornekler button{position:relative;overflow:hidden;font-size:12.5px;font-weight:600;color:#6b7385;padding:7px 12px;border-radius:999px;transition:color .25s,background .25s}
#mk4-hero .ornekler button:hover{color:var(--ink)}
#mk4-hero .ornekler button.aktif{color:var(--ink);background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.1)}
#mk4-hero .ornekler button i{position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,#4865ce,#8b5cf6);transform-origin:0 50%;transform:scaleX(0)}
#mk4-hero .steps{display:flex;flex-direction:column;gap:8px;padding-left:2px}
#mk4-hero .step{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:#8a93a6}
#mk4-hero .step .si{width:16px;height:16px;flex:none;position:relative}
#mk4-hero .spin{position:absolute;inset:1px;border-radius:50%;border:2px solid rgba(72,101,206,.18);border-top-color:var(--brand);animation:spin .8s linear infinite}
#mk4-hero .tick{position:absolute;inset:0;border-radius:50%;background:#e4f6f1;color:var(--turkuaz);display:grid;place-items:center;transform:scale(0)}
#mk4-hero .shimmer{background:linear-gradient(90deg,#8a93a6 0%,#8a93a6 35%,#4865ce 50%,#8a93a6 65%,#8a93a6 100%);background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 1.5s linear infinite}
@keyframes sh{from{background-position:100% 0}to{background-position:0 0}}
@keyframes spin{to{transform:rotate(360deg)}}
#mk4-hero .steps-sum{display:none;align-self:flex-start;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#7b8497;background:#f3f5f9;border-radius:999px;padding:5px 10px 5px 7px}
#mk4-hero .steps-sum .tick{position:static;width:16px;height:16px;transform:none}
#mk4-hero .reply{display:none;gap:10px;align-items:flex-start}
#mk4-hero .reply .r-txt{font-size:14.5px;line-height:1.5;color:var(--ink-2);padding-top:3px}
#mk4-hero .card{display:none;position:relative;background:#fff;border-radius:16px;border:1px solid #e6eaf2;overflow:hidden;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 14px 30px -14px rgba(40,56,120,.25);margin-left:38px}
#mk4-hero .card .stripe{height:3px;background:linear-gradient(90deg,#4865ce,#8b5cf6,#38bdf8);transform-origin:0 50%}
#mk4-hero .c-in{padding:13px 14px 14px}
#mk4-hero .c-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
#mk4-hero .c-head .ct{font-weight:800;font-size:15px;letter-spacing:-.015em}
#mk4-hero .c-badge{position:relative;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;color:#9a6b16;background:#fbf1dd;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
#mk4-hero .c-badge.ok{color:#0f7a55;background:#dcf5ea}
#mk4-hero .rows{display:flex;flex-direction:column;gap:6px}
#mk4-hero .row{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:10px;background:#f6f8fd;border-radius:10px;padding:8px 11px;font-size:13.5px;overflow:hidden}
#mk4-hero .row .k{color:#737c8e;flex:none}
#mk4-hero .row .v{font-weight:600;color:var(--ink);text-align:right}
#mk4-hero .row .v small{font-weight:500;color:#8a93a6;font-size:12px}
#mk4-hero .row .hl{position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 0 0 1.5px rgba(72,101,206,.55);background:rgba(72,101,206,.07);opacity:0;pointer-events:none}
#mk4-hero .acts{display:flex;gap:8px;margin-top:12px}
#mk4-hero .acts button{flex:1;height:38px;border-radius:11px;font-weight:700;font-size:14px;position:relative;overflow:hidden}
#mk4-hero .b-vaz{background:#fff;border:1px solid #dfe3ec;color:var(--ink-2)}
#mk4-hero .b-kay{background:linear-gradient(135deg,#4865ce,#7a6be6);color:#fff;box-shadow:0 6px 14px -6px rgba(72,101,206,.6)}
#mk4-hero .b-kay .lbl{display:inline-flex;align-items:center;gap:7px}
#mk4-hero .b-kay .mini-spin{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite;display:none}
#mk4-hero .done{display:none;margin-top:12px;align-items:center;gap:9px;font-size:13px;color:#0f7a55;font-weight:600;background:#effaf5;border-radius:11px;padding:10px 12px;height:38px}
#mk4-hero .done .k2{color:#5d8f7a;font-weight:500}
#mk4-hero .d-foot{flex:none;padding:12px 14px 14px;border-top:1px solid #eef1f6;background:#fff}
#mk4-hero .composer{position:relative;display:flex;align-items:center;gap:8px;border:1px solid #e1e5ee;border-radius:14px;padding:6px 6px 6px 14px;height:50px;transition:border-color .3s,box-shadow .3s;background:#fff}
#mk4-hero .composer.focus{border-color:rgba(72,101,206,.55);box-shadow:0 0 0 4px rgba(72,101,206,.1)}
#mk4-hero .ci{flex:1;min-width:0;font-size:14.5px;position:relative;height:22px;line-height:22px;white-space:nowrap;overflow:hidden}
#mk4-hero .ci .ph{color:#a1a9b8;position:absolute;left:0;top:0}
#mk4-hero .ci .tx{color:var(--ink)}
#mk4-hero .caret{display:inline-block;width:1.5px;height:17px;background:var(--brand);vertical-align:-3px;margin-left:1px;opacity:0}
#mk4-hero .caret.on{animation:blink 1s steps(1) infinite}
@keyframes blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
#mk4-hero .mic{width:34px;height:34px;display:grid;place-items:center;color:#9aa3b5;border-radius:10px;flex:none}
#mk4-hero .send{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#e9ecf3;color:#a1a9b8;flex:none;transition:background .25s,color .25s}
#mk4-hero .send.on{background:linear-gradient(135deg,#4865ce,#7a6be6);color:#fff;box-shadow:0 6px 14px -6px rgba(72,101,206,.7)}
#mk4-hero .foot-note{font-size:11px;color:#a1a9b8;text-align:center;margin-top:8px}
#mk4-hero .cursor{position:absolute;left:0;top:0;width:22px;height:22px;z-index:20;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
#mk4-hero .ripple{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.55);pointer-events:none;transform:translate(-50%,-50%) scale(0)}
#mk4-hero .sonuc-cip{position:absolute;top:452px;left:292px;min-width:228px;display:flex;align-items:center;gap:11px;padding:12px 14px 12px 12px;border-radius:16px;
  background:rgba(255,255,255,.94);border:1px solid rgba(15,23,42,.07);opacity:0;visibility:hidden;pointer-events:none;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 40px -14px rgba(40,56,120,.35),0 4px 10px -4px rgba(15,23,42,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#mk4-hero .sonuc-cip .sc-ik{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;color:#fff;background:var(--sc,#0ea5a4)}
#mk4-hero .sonuc-cip .sc-bas{font-size:12px;font-weight:600;color:#737c8e;white-space:nowrap}
#mk4-hero .sonuc-cip .sc-deg{display:flex;align-items:baseline;gap:7px;margin-top:1px;white-space:nowrap}
#mk4-hero .sonuc-cip .sc-deg b{font-size:17px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
#mk4-hero .sonuc-cip .sc-deg em{font-style:normal;font-size:12px;font-weight:700;color:var(--sc,#0ea5a4)}
#mk4-hero .fis-ucan{position:absolute;left:0;top:0;width:150px;border-radius:6px;opacity:0;visibility:hidden;pointer-events:none;
  box-shadow:0 30px 50px -18px rgba(15,23,42,.45),0 6px 14px -6px rgba(15,23,42,.2)}
#mk4-hero .msg-user .ek{position:relative;overflow:hidden}
#mk4-hero .tarama{position:absolute;left:0;right:0;top:0;height:40%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(56,189,248,.55) 85%,#fff);mix-blend-mode:screen}
#mk4-hero .replay{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;
  color:var(--ink-2);background:rgba(255,255,255,.85);border:1px solid rgba(15,23,42,.1);border-radius:999px;padding:7px 13px;
  backdrop-filter:blur(6px);box-shadow:0 2px 8px rgba(15,23,42,.06);opacity:0;visibility:hidden;z-index:4}
#mk4-hero .replay:hover{color:var(--brand)}
@media (max-width:960px){#mk4-hero .nav{padding:14px 20px;height:64px}
#mk4-hero .logo{font-size:20px}
#mk4-hero .nav-r .giris{display:none}
#mk4-hero .wrap{grid-template-columns:1fr;gap:6px;padding:4px 20px 12px;align-items:start;grid-template-rows:auto 1fr}
#mk4-hero .copy{max-width:none}
#mk4-hero .eyebrow{margin-bottom:14px;font-size:12.5px}
#mk4-hero h1,#mk4-hero .p-bas{font-size:clamp(34px,9.6vw,58px)}
#mk4-hero .lead{font-size:16px;margin-top:14px}
#mk4-hero .ctas{margin-top:18px;gap:8px}
#mk4-hero .ctas{flex-wrap:nowrap}
#mk4-hero .btn-lg{font-size:14.5px;padding:13px 12px;flex:1 1 auto;border-radius:12px}
#mk4-hero .btn-lg svg,#mk4-hero .btn-ghost img{display:none}
#mk4-hero .note{display:none}
#mk4-hero .stage-area{min-height:0;height:auto;padding-bottom:52px;margin-top:24px}
#mk4-hero .ornekler button{padding:6px 8px;font-size:11px}
#mk4-hero .ornekler{max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none}
#mk4-hero .glow{width:520px;height:520px;right:-180px;top:auto;bottom:-120px;margin-top:0}
#mk4-hero .sonuc-cip{top:64px;left:86px}}
#mk4-hero .hikaye,#mk4-hero .magaza,#mk4-hero .ipucu{display:none}
@media (max-width:960px){#mk4-hero .hikaye{display:flex;gap:4px;margin:0 0 14px}
#mk4-hero .hikaye i{flex:1;height:3px;border-radius:3px;background:rgba(15,23,42,.12);overflow:hidden;position:relative}
#mk4-hero .hikaye i b{position:absolute;inset:0;border-radius:3px;background:linear-gradient(90deg,#4865ce,#8b5cf6);transform-origin:0 50%;transform:scaleX(0)}
#mk4-hero .eyebrow{display:none}
#mk4-hero .lead{display:none}
#mk4-hero h1,#mk4-hero .p-bas{font-size:clamp(30px,8.6vw,46px)}
#mk4-hero .ornekler{display:none}
#mk4-hero .stage-area{margin-top:14px !important;padding-bottom:30px !important;touch-action:pan-y;user-select:none;-webkit-user-select:none}
#mk4-hero .ipucu{display:flex;position:absolute;left:50%;bottom:4px;transform:translateX(-50%);align-items:center;gap:8px;font-size:11.5px;font-weight:600;color:#8a93a6;white-space:nowrap;transition:opacity .5s}
#mk4-hero .ipucu span{font-size:16px;line-height:1;color:#b4bccb}
#mk4-hero .ipucu.gizli{opacity:0}
#mk4-hero .ctas{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0 !important;padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:8px;
    background:rgba(248,250,252,.88);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-top:1px solid rgba(15,23,42,.07);
    transition:transform .4s cubic-bezier(.2,.9,.3,1)}
#mk4-hero .ctas.gizli{transform:translateY(115%)}
#mk4-hero .ctas .btn-ghost{display:none}
#mk4-hero .ctas .btn-primary{flex:1 1 auto;padding:14px 12px}
#mk4-hero .magaza{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:13px;background:#0b1220;color:#fff}
#mk4-hero .ctas{display:none !important}}
/* 11-04 performans: başlık ilk boyamada görünür (LCP); yalnız sahne JS bekler */
#mk4-hero:not(.ready) .stage-area{visibility:hidden}
html.s4-js #mk4-hero .del{--s:0;color:#0b1220}
@media (prefers-reduced-motion:reduce){#mk4-hero .shimmer,#mk4-hero .spin,#mk4-hero .caret.on{animation:none}}
#mk4-hero{min-height:calc(100vh - 72px);min-height:calc(100svh - 72px);font-family:"DM Sans",system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
#mk4-hero .wrap{padding-top:24px}