/* Callix CAM · SedatCaglak — https://sedatcaglak.com */
@font-face{font-family:"Schibsted Grotesk";src:url(./yazitipi/schibsted-grotesk-latin-ext.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Schibsted Grotesk";src:url(./yazitipi/schibsted-grotesk-latin.woff2) format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";src:url(./yazitipi/geist-mono-latin-ext.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist Mono";src:url(./yazitipi/geist-mono-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --vurgu:#1DE9B6; --vurgu-bas:#17c99c;
  --zemin:#fbfbfd; --zemin2:#f5f5f7; --kart:#ffffff;
  --metin:#1d1d1f; --ikincil:#6e6e73; --cizgi:#d2d2d7;
  --gece:#000000; --kart-koyu:#111113; --cizgi-koyu:#2a2a2d; --gece-ikincil:#a1a1a6;
  --kayit:#ff453a;
  --e:cubic-bezier(.16,1,.3,1);
  --e2:cubic-bezier(.3,0,.2,1);
  --sans:"Schibsted Grotesk",ui-sans-serif,system-ui,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --kap:1280px; --yan:40px;
}
*,*::before,*::after{box-sizing:border-box}
html{background-color:#000;overscroll-behavior-y:none;overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--metin);font-family:var(--sans);font-size:17px;line-height:1.55;overscroll-behavior-y:none;overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px;border-radius:2px}
.acik :focus-visible{outline-color:var(--metin)}
.kap{max-width:var(--kap);margin:0 auto;padding:0 var(--yan)}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
section[id]{scroll-margin-top:64px}

/* yazı */
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
h1,h2,h3{font-weight:800;letter-spacing:-.05em;line-height:.95;margin:0}
h1{font-size:clamp(40px,6.4vw,96px)}
h2{font-size:clamp(34px,5.2vw,72px)}
h3{font-size:20px;letter-spacing:-.02em;line-height:1.15;font-weight:700}
.an{background:linear-gradient(90deg,#1DE9B6,#1DC4E9);-webkit-background-clip:text;background-clip:text;color:transparent}
.giris{font-size:19px;line-height:1.5;max-width:34ch;margin:24px 0 0}
.gece .giris{color:var(--gece-ikincil)}
.acik .giris{color:var(--ikincil)}

/* düğme */
.btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:2px;font:600 15px/1 var(--sans);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .25s var(--e2),border-color .25s var(--e2),color .25s var(--e2)}
.btn-ana{background:var(--vurgu);color:#000}
.btn-ana:hover{background:var(--vurgu-bas)}
.btn-cizgi{border-color:#3a3a3d;color:#fff;background:transparent}
.btn-cizgi:hover{border-color:#fff}
.btn .ok{font-family:var(--mono);font-size:13px}

/* menü */
.ust{position:sticky;top:0;z-index:50;background:#000;color:#fff;border-bottom:1px solid #1c1c1e}
.ust .kap{display:flex;align-items:center;height:60px;gap:32px}
.marka{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em;font-size:18px;text-decoration:none}
.marka .kam{width:24px;height:24px;color:var(--vurgu);flex:none}
.menu{display:flex;gap:28px;margin-left:auto;list-style:none;padding:0;margin-top:0;margin-bottom:0}
.menu a{text-decoration:none;font-size:14px;color:#d2d2d7;transition:color .25s var(--e2)}
.menu a:hover{color:#fff}
.ust .btn{height:38px;padding:0 16px;font-size:14px}

/* bölüm iskeleti */
.bolum{padding:120px 0}
.gece{background:var(--gece);color:#f5f5f7}
.acik{background:var(--zemin)}
.acik2{background:var(--zemin2)}
.bas{display:flex;align-items:center;gap:14px;border-top:1px solid var(--cizgi);padding-top:14px;margin-bottom:56px;color:var(--ikincil)}
.gece .bas{border-color:var(--cizgi-koyu);color:var(--gece-ikincil)}
.bas::before{content:"";width:8px;height:8px;background:var(--vurgu);flex:none}
.bas .sag{margin-left:auto}
.ornek{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ikincil)}
.gece .ornek{color:var(--gece-ikincil)}
.iki{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.iki > *{min-width:0}

/* kart + köşe karesi */
.kart{position:relative;background:var(--kart);border:1px solid var(--cizgi);border-radius:2px;padding:24px}
.kart-koyu{position:relative;background:var(--kart-koyu);border:1px solid var(--cizgi-koyu);border-radius:2px;padding:24px}
.kose::before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;background:var(--vurgu)}
.kart .mono,.kart-koyu .mono{color:var(--ikincil)}
.kart-koyu .mono{color:var(--gece-ikincil)}

/* görünür olunca */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity 1s var(--e),transform 1s var(--e)}
.js .rv.in{opacity:1;transform:none}

/* HERO */
.hero{padding:56px 0 56px;overflow:clip}
.hero .ust-etiket{color:var(--vurgu);display:flex;gap:12px;align-items:center;margin-bottom:28px}
.hero .ust-etiket span{color:var(--gece-ikincil)}
.hero h1{max-width:13ch}
.hero-alt{display:grid;grid-template-columns:4fr 8fr;gap:48px;margin-top:40px;align-items:start}
.hero-alt > *{min-width:0}
.hero .giris{margin-top:0;font-size:18px}
.dugmeler{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-veri{margin-top:40px;border-top:1px solid var(--cizgi-koyu);display:grid;grid-template-columns:1fr 1fr;}
.hero-veri div{padding:16px 0}
.hero-veri div + div{border-left:1px solid var(--cizgi-koyu);padding-left:16px}
.hero-veri b{display:block;font-size:28px;letter-spacing:-.03em;font-weight:800}
.hero-veri span{color:var(--gece-ikincil)}

.sahne{position:relative;border:1px solid var(--cizgi-koyu);background:#050506}
.sahne canvas{width:100%;height:auto;aspect-ratio:760/520}
.kose4 i{position:absolute;width:14px;height:14px;border-color:var(--vurgu);border-style:solid;border-width:0}
.kose4 i:nth-child(1){top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}
.kose4 i:nth-child(2){top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}
.kose4 i:nth-child(3){bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}
.kose4 i:nth-child(4){bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}
.hud-ust{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;gap:12px;color:#d2d2d7;font-size:11px;pointer-events:none}
.kayit{display:inline-flex;align-items:center;gap:8px}
.kayit::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kayit);animation:kirp 1.4s steps(2,jump-none) infinite}
@keyframes kirp{50%{opacity:.15}}
.cipler{position:absolute;left:14px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}
.cip{background:rgba(0,0,0,.72);border:1px solid #2c2c30;padding:7px 10px;color:#f5f5f7;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;white-space:nowrap}
.cip b{color:var(--vurgu);font-weight:600;margin-left:6px;font-variant-numeric:tabular-nums}
.sahne-not{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;margin-top:10px;color:var(--gece-ikincil);font-size:11px}
.cip b.prs{color:#FFB547}
.cip b.prs .bos{color:var(--kayit)}
.lejant{display:inline-flex;align-items:center;white-space:nowrap}
.lejant i{display:inline-block;flex:none;width:8px;height:8px;margin:0 5px 0 0;vertical-align:0}
.lejant i + i{margin-left:10px}

/* şerit */
.serit{background:#000;color:#f5f5f7;border-top:1px solid #1c1c1e;border-bottom:1px solid #1c1c1e}
.serit ul{list-style:none;margin:0 auto;padding:0 var(--yan);max-width:var(--kap);display:grid;grid-template-columns:repeat(3,1fr)}
.serit li{padding:22px 0;display:flex;align-items:center;gap:12px}
.serit li + li{border-left:1px solid #1c1c1e;padding-left:24px}
.serit li::before{content:"";width:6px;height:6px;background:var(--vurgu);flex:none}

/* demografi */
.panel-ust{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--cizgi);padding-bottom:14px;margin-bottom:20px;gap:12px}
.demo-izgara{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}
.demo-izgara > *{min-width:0}
.cubuk{display:grid;grid-template-columns:52px 1fr 40px;gap:10px;align-items:center;margin:0 0 12px;font-variant-numeric:tabular-nums}
.cubuk .yol{height:14px;background:var(--zemin2);position:relative;overflow:hidden}
.cubuk .yol i{position:absolute;inset:0;background:var(--metin);transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--e)}
.cubuk.tepe .yol i{background:var(--vurgu)}
.in .cubuk .yol i{transform:scaleX(var(--v))}
.cubuk .deger{font-family:var(--mono);font-size:12px;text-align:right}
.halka{display:flex;align-items:center;gap:18px}
.halka circle{transition:stroke-dasharray 1.6s var(--e)}
.lejant{list-style:none;padding:0;margin:0;font-size:14px}
.lejant li{display:flex;align-items:center;gap:8px;margin:4px 0}
.lejant i{width:10px;height:10px;display:block}
.isi{margin-top:24px}
.isi-tablo{display:grid;grid-template-columns:34px repeat(12,1fr);gap:3px;font-family:var(--mono);font-size:10px;color:var(--ikincil)}
.isi-tablo span{display:flex;align-items:center}
.isi-tablo .h{height:16px;border-radius:1px;background:var(--zemin2);transition:background-color .8s var(--e)}
.icgoru{display:flex;gap:12px;align-items:flex-start;margin-top:20px;padding:14px 16px;border:1px solid var(--metin);font-size:15px;line-height:1.4}
.icgoru::before{content:"";width:8px;height:8px;background:var(--vurgu);margin-top:6px;flex:none}

/* kitle */
.kumeler{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cizgi);border:1px solid var(--cizgi);margin-top:56px}
.kume{background:var(--kart);padding:28px;position:relative;min-width:0}
.kume .oran{font-size:64px;font-weight:800;letter-spacing:-.05em;line-height:.95;margin:18px 0 6px}
.kume svg{margin-top:22px;width:100%;height:auto}
.kume .alt{display:flex;justify-content:space-between;border-top:1px solid var(--cizgi);margin-top:18px;padding-top:12px;color:var(--ikincil)}
.kitle-ust{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:end}
.kitle-ust > *{min-width:0}

/* satış */
.satis-izgara{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:56px}
.satis-izgara > *{min-width:0}
.g8{grid-column:span 8}.g4{grid-column:span 4}.g5{grid-column:span 5}.g7{grid-column:span 7}.g3{grid-column:span 3}
.grafik svg{width:100%;height:auto}
.cizim{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s var(--e)}
.in .cizim{stroke-dashoffset:0}
.tahmin{opacity:0;transition:opacity 1s var(--e) 1.8s}
.in .tahmin{opacity:1}
.lejant-koyu{display:flex;gap:18px;flex-wrap:wrap;color:var(--gece-ikincil)}
.lejant-koyu span{display:inline-flex;align-items:center;gap:8px}
.lejant-koyu i{width:14px;height:2px;display:block}
.kutucuk{display:flex;flex-direction:column;gap:6px}
.kutucuk b{font-size:44px;letter-spacing:-.05em;font-weight:800;line-height:1}
.kutucuk p{margin:0;color:var(--gece-ikincil);font-size:14px}
.oneri{border-color:var(--vurgu)}
.oneri p{font-size:20px;line-height:1.35;margin:14px 0 0;letter-spacing:-.01em}
.oneri p strong{color:var(--vurgu);font-weight:700}
.plan svg{width:100%;height:auto}

/* mağazalar */
.magaza-izgara{display:grid;grid-template-columns:8fr 4fr;gap:48px;margin-top:56px;align-items:center}
.magaza-izgara > *{min-width:0}
.tablo-kap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--ikincil);text-align:left;padding:0 12px 12px 0;border-bottom:1px solid var(--metin)}
td{padding:16px 12px 16px 0;border-bottom:1px solid var(--cizgi);font-size:16px}
td:first-child{font-weight:700}
td.dus{color:#b3261e}
td svg{width:96px;height:24px}
.telefon{width:240px;max-width:100%;margin:0 auto;aspect-ratio:9/18.5;border:10px solid #1d1d1f;border-radius:34px;background:#000;position:relative;overflow:hidden;padding:44px 12px 12px}
.telefon::before{content:"";position:absolute;top:10px;left:50%;width:70px;height:18px;margin-left:-35px;border-radius:10px;background:#1d1d1f}
.tel-saat{color:#fff;text-align:center;font-size:44px;font-weight:700;letter-spacing:-.03em;margin:8px 0 18px}
.bildirim{background:#1c1c1e;color:#f5f5f7;border-radius:14px;padding:12px;font-size:13px;line-height:1.35;transform:translateY(-130%);opacity:0;transition:transform .9s var(--e),opacity .6s var(--e)}
.bildirim.var{transform:none;opacity:1}
.bildirim .kim{display:flex;justify-content:space-between;align-items:center;color:var(--gece-ikincil);font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.bildirim .kim i{width:8px;height:8px;background:var(--vurgu);display:inline-block;margin-right:6px}
.bildirim b{display:block}

/* adımlar */
.adimlar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--metin);margin-top:56px}
.adim{padding:28px 28px 8px 0;min-width:0}
.adim + .adim{border-left:1px solid var(--cizgi);padding-left:28px}
.adim .no{font-family:var(--mono);font-size:14px;color:var(--ikincil)}
.adim h3{font-size:32px;letter-spacing:-.04em;margin:40px 0 12px;line-height:1}
.adim p{margin:0;color:var(--ikincil)}

/* gizlilik */
.gizlilik-liste{list-style:none;padding:0;margin:0;border-top:1px solid var(--cizgi)}
.gizlilik-liste li{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--cizgi);font-size:22px;font-weight:700;letter-spacing:-.02em;align-items:center}
.gizlilik-liste svg{width:28px;height:28px}

/* form */
.form-izgara{display:grid;grid-template-columns:5fr 7fr;gap:64px}
.form-izgara > *{min-width:0}
form{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}
.alan{display:flex;flex-direction:column;gap:8px;min-width:0}
.alan.tam{grid-column:1/-1}
label{font-size:14px;color:#d2d2d7}
label .z{color:var(--vurgu)}
input,select,textarea{font:inherit;font-size:16px;color:#f5f5f7;background:var(--kart-koyu);border:1px solid #2c2c30;border-radius:2px;padding:12px 14px;width:100%;transition:border-color .3s var(--e)}
select{appearance:none;background-image:none}
.secim{position:relative}
.secim::after{content:"▾";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--gece-ikincil);pointer-events:none;font-size:12px}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--vurgu);outline:none;box-shadow:0 0 0 1px var(--vurgu)}
.hata-yazi{font-size:13px;color:#ff8a80;min-height:0}
.alan.hatali input,.alan.hatali select{border-color:#ff8a80}
.onay{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#d2d2d7}
.onay input{width:20px;height:20px;padding:0;margin:2px 0 0;accent-color:var(--vurgu);flex:none}
.onay a{color:#fff}
.bal{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.gonder{grid-column:1/-1;display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.gonder .not{color:var(--gece-ikincil);font-size:13px}
.durum{grid-column:1/-1;display:none;padding:20px;border:1px solid var(--cizgi-koyu);border-radius:2px;align-items:flex-start;gap:14px}
.durum.var{display:flex}
.durum::before{content:"";width:10px;height:10px;margin-top:7px;flex:none}
.durum.tamam{border-color:var(--vurgu)}
.durum.tamam::before{background:var(--vurgu)}
.durum.olmadi{border-color:#ff8a80}
.durum.olmadi::before{background:#ff8a80}
.durum b{display:block;font-size:20px;letter-spacing:-.02em}
.durum p{margin:4px 0 0;color:var(--gece-ikincil)}
.form-yan ul{list-style:none;padding:0;margin:40px 0 0;border-top:1px solid var(--cizgi-koyu)}
.form-yan li{padding:14px 0;border-bottom:1px solid var(--cizgi-koyu);display:flex;justify-content:space-between;gap:12px;color:var(--gece-ikincil)}
.form-yan li b{color:#f5f5f7;font-weight:600}

/* altbilgi */
footer{background:#000;color:var(--gece-ikincil);border-top:1px solid #1c1c1e;padding:56px 0 40px;font-size:14px}
.alt-ust{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-start}
.alt-ust nav{display:flex;gap:24px;flex-wrap:wrap}
.alt-ust a{text-decoration:none}
.alt-ust a:hover{color:#fff}
.kvkk{margin-top:40px;border-top:1px solid #1c1c1e;padding-top:20px;max-width:80ch;scroll-margin-top:80px}
.kvkk h2{font-size:15px;letter-spacing:0;line-height:1.3;color:#f5f5f7;font-weight:700;margin-bottom:8px}
.kvkk p{margin:0 0 8px;line-height:1.55}
.imza{margin-top:32px;padding-top:20px;border-top:1px solid #1c1c1e;font-size:13px}
.imza a{text-decoration:none}

/* yönetim paneli */
.pn-izgara{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;margin-top:56px;align-items:start}
.pn{border:1px solid var(--cizgi-koyu);background:#0b0b0d;border-radius:2px;position:relative;min-width:0}
.pn-ust{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--cizgi-koyu);color:var(--gece-ikincil)}
.pn-ust b{color:#f5f5f7;font-weight:600}
.pn-ust .sag{margin-left:auto;display:flex;gap:14px;align-items:center}
.pn-tur{display:inline-flex;align-items:center;gap:8px;color:var(--gece-ikincil)}
.pn-tur::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--vurgu)}
.pn-tur.dur::before{background:#FFB547}
.pn-govde{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:440px}
.pn-menu{list-style:none;margin:0;padding:10px 0;border-right:1px solid var(--cizgi-koyu)}
.pn-menu button{all:unset;box-sizing:border-box;display:block;width:100%;padding:11px 18px;font-size:14px;color:var(--gece-ikincil);cursor:pointer;position:relative;transition:color .25s var(--e2),background-color .25s var(--e2)}
.pn-menu button:hover{color:#f5f5f7}
.pn-menu button:focus-visible{outline:2px solid var(--vurgu);outline-offset:-2px}
.pn-menu button[aria-selected="true"]{color:#f5f5f7;background:#141417}
.pn-menu button[aria-selected="true"]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--vurgu)}
.pn-menu .ilerle{position:absolute;left:18px;right:18px;bottom:4px;height:1px;background:var(--vurgu);transform:scaleX(0);transform-origin:left}
.pn-sayfa{padding:22px;min-width:0;display:none}
.pn-sayfa.gor{display:block;animation:pnGir .6s var(--e)}
@keyframes pnGir{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pn-sayfa h3{font-size:22px;color:#f5f5f7;margin:0 0 4px}
.pn-alt{color:var(--gece-ikincil);font-size:14px;margin:0 0 20px}
.pn-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cizgi-koyu);border:1px solid var(--cizgi-koyu)}
.pn-kpi div{background:#0b0b0d;padding:14px;min-width:0}
.pn-kpi span{display:block;color:var(--gece-ikincil);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.pn-kpi b{display:block;font-size:28px;letter-spacing:-.04em;font-weight:800;color:#f5f5f7;margin-top:6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pn-kpi em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--vurgu)}
.pn-kpi em.eksi{color:#ff8a80}
.pn-iki{display:grid;grid-template-columns:3fr 2fr;gap:16px;margin-top:16px}
.pn-iki > *{min-width:0}
.pn-kutu{border:1px solid var(--cizgi-koyu);padding:14px;min-width:0}
.pn-kutu > .mono{color:var(--gece-ikincil);font-size:10px;display:block;margin-bottom:10px}
.pn-kutu svg{width:100%;height:auto}
.pn-liste{list-style:none;margin:0;padding:0;font-size:14px;color:#d2d2d7}
.pn-liste li{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #1c1c1e;align-items:baseline}
.pn-liste li:last-child{border-bottom:0}
.pn-liste li::before{content:"";width:6px;height:6px;background:var(--vurgu);flex:none;transform:translateY(-1px)}
.pn-liste li.uyari::before{background:#FFB547}
.pn table{font-size:14px}
.pn th{color:var(--gece-ikincil);border-bottom-color:#3a3a3e;font-size:10px}
.pn td{color:#d2d2d7;border-bottom-color:#1c1c1e;padding:11px 12px 11px 0;font-size:14px}
.pn td:first-child{color:#f5f5f7}
.pn td .nokta{display:inline-block;width:7px;height:7px;margin-right:8px;background:var(--vurgu)}
.pn td .nokta.sari{background:#FFB547}
.pn td.dus{color:#ff8a80}
.pn-bar{display:grid;grid-template-columns:70px 1fr 44px;gap:10px;align-items:center;margin-bottom:10px;font-size:13px;color:#d2d2d7;font-variant-numeric:tabular-nums}
.pn-bar .yol{height:10px;background:#1c1c1e;position:relative;overflow:hidden}
.pn-bar .yol i{position:absolute;inset:0;background:#f5f5f7;transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--e)}
.pn-bar.vurgu .yol i{background:var(--vurgu)}
.pn-bar.sari .yol i{background:#FFB547}
.pn-bar span:last-child{text-align:right;font-family:var(--mono);font-size:12px}
.pn-sayfa.gor .pn-bar .yol i{transform:scaleX(var(--v))}
.pn-kume{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--cizgi-koyu);border:1px solid var(--cizgi-koyu)}
.pn-kume div{background:#0b0b0d;padding:16px;min-width:0}
.pn-kume b{display:block;font-size:40px;font-weight:800;letter-spacing:-.05em;color:#f5f5f7;line-height:1;margin:8px 0}
.pn-kume p{margin:0;color:#d2d2d7;font-size:14px}
.pn-kume .mono{color:var(--gece-ikincil);font-size:10px}
.pn-oneri{border:1px solid var(--vurgu);padding:16px;font-size:17px;line-height:1.4;color:#f5f5f7}
.pn-oneri strong{color:var(--vurgu);font-weight:700}
.pn-dur{position:absolute;right:16px;bottom:14px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#FFB547;background:rgba(0,0,0,.8);border:1px solid #3a3a3e;padding:6px 10px;opacity:0;transform:translateY(6px);transition:opacity .3s var(--e2),transform .3s var(--e2);pointer-events:none}
.pn-dur.var{opacity:1;transform:none}
/* müdür telefonu */
.pn-tel{width:260px;max-width:100%;margin:0 auto;aspect-ratio:9/18.5;border:10px solid #1d1d1f;border-radius:36px;background:#000;position:relative;overflow:hidden;padding:40px 10px 10px}
.pn-tel::before{content:"";position:absolute;top:10px;left:50%;width:70px;height:18px;margin-left:-35px;border-radius:10px;background:#1d1d1f;z-index:2}
.pn-tel .ts{color:#fff;text-align:center;font-size:40px;font-weight:700;letter-spacing:-.03em;margin:6px 0 2px;font-variant-numeric:tabular-nums}
.pn-tel .tk{color:var(--gece-ikincil);text-align:center;font-size:11px;margin:0 0 14px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase}
.pn-akis{display:flex;flex-direction:column;gap:8px}
.pn-not{background:#1c1c1e;color:#f5f5f7;border-radius:14px;padding:10px 11px;font-size:12px;line-height:1.35;animation:notGir .7s var(--e)}
@keyframes notGir{from{opacity:0;transform:translateY(-18px) scale(.97)}to{opacity:1;transform:none}}
.pn-not .kim{display:flex;justify-content:space-between;color:var(--gece-ikincil);font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.pn-not .kim i{width:7px;height:7px;background:var(--vurgu);display:inline-block;margin-right:5px}
.pn-not b{display:block;font-size:12.5px;margin-bottom:2px}
.pn-tel-alt{text-align:center;margin-top:14px;color:var(--gece-ikincil)}

/* duyarlı */
@media (max-width:1080px){
  .iki,.form-izgara,.kitle-ust{grid-template-columns:1fr;gap:40px}
  .hero-alt{grid-template-columns:1fr}
  .magaza-izgara{grid-template-columns:1fr}
  .pn-izgara{grid-template-columns:1fr}
  .g8,.g4,.g5,.g7{grid-column:span 12}
  .g3{grid-column:span 6}
}
@media (max-width:760px){
  :root{--yan:20px}
  .ust .btn{margin-left:auto}
  .bolum{padding:80px 0}
  .hero{padding:48px 0 40px}
  .serit ul{grid-template-columns:1fr}
  .serit li{padding:14px 0}
  .serit li + li{border-left:0;padding-left:0;border-top:1px solid #1c1c1e}
  .demo-izgara{grid-template-columns:1fr}
  .kumeler,.adimlar{grid-template-columns:1fr}
  .pn-govde{grid-template-columns:1fr;min-height:0}
  .pn-menu{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--cizgi-koyu);padding:0;scrollbar-width:none}
  .pn-menu li{flex:none}
  .pn-menu button{padding:12px 14px;font-size:13px;white-space:nowrap}
  .pn-menu button[aria-selected="true"]::before{top:auto;right:0;width:auto;height:2px}
  .pn-sayfa{padding:16px}
  .pn-kpi{grid-template-columns:1fr 1fr}
  .pn-kpi b{font-size:22px}
  .pn-iki,.pn-kume{grid-template-columns:1fr}
  .pn-dur{left:12px;right:12px;bottom:10px;text-align:center}
  .pn{padding-bottom:46px}
  .pn-bar{grid-template-columns:84px 1fr 40px}
  .adim + .adim{border-left:0;padding-left:0;border-top:1px solid var(--cizgi)}
  .adim h3{margin-top:20px}
  form{grid-template-columns:1fr}
  .cipler{position:static;padding:10px;border-top:1px solid var(--cizgi-koyu)}
  .hud-ust{font-size:9px;top:8px;left:10px;right:10px;white-space:nowrap}
  .hero-alt figure{order:-1}
  .hero-alt{margin-top:28px;gap:28px}
  .m-gizle{display:none}
  .bas .sag{display:none}
  .g3{grid-column:span 12}
  .kutucuk b{font-size:38px}
  .gizlilik-liste li{font-size:19px}
  .kume .oran{font-size:52px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none;transition:none}
  .cubuk .yol i{transform:scaleX(var(--v));transition:none}
  .cizim{stroke-dashoffset:0;transition:none}
  .tahmin{opacity:1;transition:none}
  .halka circle,.isi-tablo .h,.bildirim{transition:none}
  .kayit::before{animation:none}
}

/* ---------- kullanım alanları (ana sayfa) ---------- */
.alan-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:56px}
.alan-kart{display:flex;flex-direction:column;gap:18px;text-decoration:none;color:inherit;padding:28px;transition:border-color .25s var(--e2)}
.alan-kart:hover{border-color:var(--metin)}
.alan-kart .ust-sat{display:flex;justify-content:space-between;gap:12px;color:var(--ikincil)}
.alan-kart h3{font-size:32px;letter-spacing:-.04em;line-height:1}
.alan-kart > p{margin:0;color:var(--ikincil);max-width:44ch}
.alan-kart .git{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--metin)}
.alan-kart .git::after{content:"→";transition:transform .25s var(--e2)}
.alan-kart:hover .git::after{transform:translateX(4px)}
.alan-ortak{display:flex;flex-wrap:wrap;gap:10px 28px;margin:28px 0 0;padding:18px 0 0;border-top:1px solid var(--cizgi);list-style:none;color:var(--ikincil)}
.alan-ortak li{display:flex;align-items:center;gap:10px}
.alan-ortak li::before{content:"";width:6px;height:6px;background:var(--vurgu);flex:none}

/* küçük ekran gösterimi */
.mini{background:#0b0b0d;border:1px solid var(--cizgi-koyu);color:#d2d2d7;font-size:13px;line-height:1.4;border-radius:2px;overflow:hidden}
.mini-ust{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--cizgi-koyu);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--gece-ikincil);white-space:nowrap}
.mini-ust b{color:#f5f5f7;font-weight:600}
.mini-ust .kayit{color:#d2d2d7}
.mini-kpi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--cizgi-koyu);border-bottom:1px solid var(--cizgi-koyu)}
.mini-kpi div{background:#0b0b0d;padding:10px 12px;min-width:0}
.mini-kpi span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--gece-ikincil)}
.mini-kpi b{display:block;font-size:24px;font-weight:800;letter-spacing:-.04em;color:#f5f5f7;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px}
.mini-kpi b small{font-size:12px;letter-spacing:0;font-weight:600;color:var(--vurgu);margin-left:6px}
.mini-olay{padding:11px 12px 8px;display:flex;gap:10px;align-items:baseline}
.mini-olay::before{content:"";width:6px;height:6px;background:#FFB547;flex:none;transform:translateY(-1px)}
.mini-olay.tamam::before{background:var(--vurgu)}
.mini-olay b{color:#f5f5f7;font-weight:600}
.yanit{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}
.yanit span{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid #3a3a3e;padding:5px 8px;color:#d2d2d7;border-radius:2px;transition:background-color .3s var(--e2),border-color .3s var(--e2),color .3s var(--e2)}
.yanit span.ana{background:var(--vurgu);border-color:var(--vurgu);color:#000}

/* ---------- sektör sayfaları ---------- */
.menu a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--vurgu);padding-bottom:4px}
.alan-serit{background:#000;border-bottom:1px solid #1c1c1e}
.alan-serit .kap{display:flex;align-items:center;gap:20px}
.alan-serit .mono{color:#6e6e73;flex:none}
.alan-serit ul{display:flex;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;min-width:0}
.alan-serit a{display:flex;align-items:center;min-height:46px;padding:0 14px;color:var(--gece-ikincil);font-size:14px;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;transition:color .25s var(--e2)}
.alan-serit a:hover{color:#fff}
.alan-serit a[aria-current="page"]{color:#fff;border-bottom-color:var(--vurgu)}
.sahne svg.plan{width:100%;height:auto;aspect-ratio:760/520}
.kullanim{margin-top:56px}
.kullanim .kume h3{font-size:26px;letter-spacing:-.04em;margin:28px 0 10px;line-height:1.05}
.kullanim .kume p{margin:0;color:var(--ikincil)}
.kullanim .kume .ust-sat{display:flex;justify-content:space-between;gap:12px;color:var(--ikincil)}
.tur{display:inline-flex;align-items:center;gap:6px}
.tur::before{content:"";width:6px;height:6px;background:var(--vurgu)}
.tur.olay::before{background:#FFB547}
.adimlar.dort{grid-template-columns:repeat(4,1fr)}
.adim .sure{display:block;margin-top:16px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--metin)}
.yer-liste{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}
.yer-liste li{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px dashed #8e8e93;padding:8px 10px;color:var(--metin);border-radius:2px}
.sinir-yan{display:flex;flex-direction:column;gap:28px}
.sinir-yan .kart p{margin:10px 0 0;color:var(--ikincil)}
.sinir-yan .kart b{font-size:19px;letter-spacing:-.02em}
.saklama{display:flex;align-items:baseline;gap:12px;margin-top:12px}
.sinir-yan .saklama b{font-size:56px;font-weight:800;letter-spacing:-.05em;line-height:1}
.pn td .nokta.kirmizi{background:#ff8a80}
.pn td .durum-y{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.pn td .durum-y.acik{color:#FFB547}
.pn td .durum-y.bitti{color:var(--vurgu)}
.pn td .durum-y.yanlis{color:var(--gece-ikincil)}
.zincir{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}
.zincir span{border:1px solid var(--cizgi-koyu);padding:8px 10px;font-size:13px;color:#f5f5f7}
.zincir i{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--gece-ikincil)}
.olay-kart{background:#1c1c1e;border-radius:14px;padding:12px 11px;color:#f5f5f7;font-size:12.5px;line-height:1.4}
.olay-kart .kim{display:flex;justify-content:space-between;color:var(--gece-ikincil);font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.olay-kart .kim i{width:7px;height:7px;background:#FFB547;display:inline-block;margin-right:5px}
.olay-kart b{display:block;font-size:14px;margin-bottom:4px}
.olay-kart ol{list-style:none;margin:8px 0 0;padding:0;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:#d2d2d7}
.olay-kart ol li{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-top:1px solid #2c2c30}
.olay-kart .yanit{padding:10px 0 0}
.olay-kart .yanit span{font-size:9px;padding:6px 7px}
.tel-tirman{margin-top:10px;background:#111113;border:1px solid #2c2c30;border-radius:12px;padding:10px 11px;font-size:11.5px;color:#d2d2d7}
.tel-tirman .mono{display:block;font-size:9px;color:var(--gece-ikincil);margin-bottom:6px}
.tel-tirman ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.tel-tirman li{display:flex;justify-content:space-between;gap:8px;opacity:.45;transition:opacity .4s var(--e2)}
.tel-tirman li.simdi{opacity:1;color:#fff}
.tel-tirman li.simdi::after{content:"●";color:#FFB547;font-size:9px}
.pilot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--cizgi-koyu);border:1px solid var(--cizgi-koyu);margin-top:40px}
.pilot div{background:#000;padding:22px;min-width:0}
.pilot b{display:block;font-size:30px;font-weight:800;letter-spacing:-.04em;color:#f5f5f7;margin:10px 0 6px;line-height:1.05}
.pilot p{margin:0;color:var(--gece-ikincil);font-size:15px}
.pilot .mono{color:var(--gece-ikincil)}

@media (max-width:1180px){
  .menu{gap:20px}
  .menu .m-dar{display:none}
}
@media (max-width:1080px){
  .alan-izgara{grid-template-columns:1fr}
  .adimlar.dort{grid-template-columns:1fr 1fr}
  .adimlar.dort .adim:nth-child(3){border-left:0;padding-left:0}
  .pilot{grid-template-columns:1fr}
}
@media (max-width:760px){
  .alan-kart{padding:22px}
  .alan-kart h3{font-size:28px}
  .alan-serit .mono{display:none}
  .alan-serit .kap{padding:0 6px}
  .adimlar.dort{grid-template-columns:1fr}
  .adimlar.dort .adim:nth-child(3){border-top:1px solid var(--cizgi)}
  .sinir-yan .saklama b{font-size:46px}
  .kullanim .kume h3{margin-top:20px}
}
@media (prefers-reduced-motion:reduce){
  .yanit span,.tel-tirman li,.alan-kart .git::after{transition:none}
}
.olay-kart .olay-durum{margin:8px 0 0;color:var(--vurgu);font-size:10px;letter-spacing:.06em;text-transform:uppercase;min-height:1.4em}
.kullanim .kume{display:flex;flex-direction:column}
.kullanim .kume .alt{margin-top:auto}
.kullanim .kume p{margin-bottom:18px}

/* Panel demosuna giriş */
.pn-dene{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:40px}
.pn-dene .mono{font-size:12px;color:#8a8a8e;letter-spacing:.04em}

/* ---------- mobil menü (ana sayfa + sektör sayfaları ortak) ---------- */
.menu-ac{display:none;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;margin:0 -10px 0 0;padding:0;background:transparent;border:0;border-radius:2px;color:#fff;cursor:pointer;order:3}
.menu-ac span{display:block;width:20px;height:2px;background:currentColor;transition:transform .25s var(--e2)}
.ust.acik .menu-ac span:first-child{transform:translateY(4px) rotate(45deg)}
.ust.acik .menu-ac span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media (max-width:760px){
  .ust .kap{gap:8px}
  .ust .btn{padding:0 14px}
  .menu-ac{display:inline-flex}
  .ust .menu{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:0;margin:0;padding:8px var(--yan) 24px;background:#000;border-top:1px solid #1c1c1e;height:calc(100vh - 60px);height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s var(--e2),transform .25s var(--e2),visibility 0s linear .25s}
  .ust.acik .menu{visibility:visible;opacity:1;transform:none;transition:opacity .25s var(--e2),transform .25s var(--e2),visibility 0s}
  .ust .menu li,.ust .menu .m-dar{display:block;border-bottom:1px solid #1c1c1e}
  .ust .menu a{display:flex;align-items:center;min-height:52px;font-size:18px;color:#f5f5f7}
  .ust .menu a[aria-current="page"]{box-shadow:none;padding-bottom:0;color:var(--vurgu)}
}
@media (prefers-reduced-motion:reduce){
  .ust .menu,.ust.acik .menu,.menu-ac span{transition:none}
}

/* ---------- kesinti kartları ---------- */
.kumeler.dort{grid-template-columns:repeat(4,minmax(0,1fr))}
.kumeler.dort .kume h3{font-size:26px;letter-spacing:-.04em;line-height:1.05;margin:28px 0 10px}
.kume p.metin{margin:0;color:var(--ikincil)}
@media (max-width:1080px){.kumeler.dort{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.kumeler.dort{grid-template-columns:1fr}.kumeler.dort .kume h3{margin-top:20px}}

/* personel halkası: 116. satırdaki tek satırlık lejant kuralı halkayı 0 genişliğe eziyordu */
.halka svg{flex:none}
.halka .lejant{display:block;white-space:normal}