/* ===== Yazı tipleri (yerel) ===== */
@font-face{font-family:'Inter';font-weight:100 900;font-display:swap;src:url('assets/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-weight:100 900;font-display:swap;src:url('assets/fonts/inter-latin-ext.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:'Figtree';font-weight:100 900;font-display:swap;src:url('assets/fonts/figtree-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-weight:100 900;font-display:swap;src:url('assets/fonts/figtree-latin-ext.woff2') format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ===== Belirteçler ===== */
:root{
  --bg:#F4F4F4;--card:#fff;--grey:#E9E9E9;--grey2:#DEDEDE;--ink:#0B0B0B;--text:#161616;--muted:#58585E;--line:#E4E4E4;
  --o:#FF4D00;--b:#2233FF;--p:#8A1CFF;--gr:#1FA855;--am:#FFB400;--cy:#12A8D6;
  --c-gonullu:#1FA855;--c-bagis:#FF4D00;--c-uyelik:#12A8D6;--c-burs:#2233FF;--c-etkinlik:#8A1CFF;--c-iletisim:#FFB400;--c-rapor:#2B2B2B;
  --r1:36px;--r2:26px;--r3:18px;
  --sh:0 1px 2px rgba(0,0,0,.04),0 8px 28px rgba(0,0,0,.06);
  --sh2:0 2px 4px rgba(0,0,0,.05),0 24px 56px rgba(0,0,0,.12);
  --w:1180px;
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body{font:400 17px/1.6 'Inter',system-ui,sans-serif;color:var(--text);background:var(--bg);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:'Inter',sans-serif;font-weight:600;letter-spacing:-.045em;line-height:1.08;color:var(--ink)}
h4,.d{font-family:'Figtree','Inter',sans-serif;letter-spacing:-.02em;line-height:1.15}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid #6B8CFF;outline-offset:3px;border-radius:10px}
.wrap{width:min(var(--w),100% - 40px);margin-inline:auto}
.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ilerleme{position:fixed;right:0;top:0;height:3px;width:0;background:var(--o);z-index:200}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ===== Reveal ===== */
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}*{animation:none!important;scroll-behavior:auto!important}}

/* ===== Düğmeler ve etiketler ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 28px;border-radius:999px;font-weight:600;font-size:16px;cursor:pointer;border:0;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap;letter-spacing:-.015em}
.btn:hover{transform:translateY(-2px)}
.btn .i{width:18px;height:18px;transition:transform .25s}
.btn:hover .i{transform:translateX(3px)}
.btn-k{background:var(--ink);color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.btn-w{background:#fff;color:var(--ink);box-shadow:var(--sh)}
.btn-g{background:#E4E4E4;color:var(--ink)}
.btn-o{background:var(--o);color:#111;box-shadow:0 8px 22px rgba(255,77,0,.32)}
.tag{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E3E3E3;border-radius:999px;padding:8px 20px;font-size:14px;font-weight:500;color:var(--text);margin-bottom:22px;letter-spacing:-.01em}
.tag.k{background:#1C1C1C;border-color:#2E2E2E;color:#E8E8E8}
.chips{display:flex;gap:12px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:8px;background:#E7E7E7;border-radius:999px;padding:11px 22px;font-weight:600;font-size:15px;letter-spacing:-.015em;color:#1A1A1A}

/* ===== Gezinme ===== */
.nav{position:fixed;top:20px;left:0;right:0;z-index:100;display:flex;justify-content:center;align-items:center;gap:10px;padding:0 16px;pointer-events:none}
.nav>*{pointer-events:auto}
.pill{background:#fff;border-radius:24px;box-shadow:var(--sh);height:64px;display:flex;align-items:center}
.logo{padding:0 22px 0 14px;gap:10px;font:700 22px 'Inter';letter-spacing:-.05em;color:var(--ink)}
.logo svg{width:40px;height:40px}
.links{padding:0 8px;gap:2px;list-style:none}
.links a{display:block;padding:12px 20px;border-radius:16px;font-size:15px;font-weight:500;color:#2A2A2A;transition:background .2s}
.links a:hover,.links a.on{background:#EBEBEB}
.acts{padding:0 8px}
.acts .btn{height:46px;padding:0 24px;font-size:15px;box-shadow:none}
.burger{display:none;width:64px;height:64px;border-radius:24px;background:#fff;box-shadow:var(--sh);border:0;cursor:pointer;align-items:center;justify-content:center}

/* ===== Kahraman ===== */
.hero{position:relative;padding:176px 0 0;text-align:center;overflow:hidden}
.hero h1{font-size:clamp(2.6rem,6.3vw,5.5rem);max-width:13.5em;margin:0 auto;letter-spacing:-.055em;line-height:1.06}
.kap{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:1.75em;height:.84em;border-radius:999px;overflow:hidden;margin:-.07em .1em 0;position:relative;top:-.02em}
.kap img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.kap.k2{width:1.08em;background:linear-gradient(135deg,#27D3F5,#2233FF)}
.kap .i{width:.5em;height:.5em;color:#fff;stroke-width:1.9}
.kap.k1{background:linear-gradient(135deg,#FF8A3D,#FF4D00)}
.hero .lead{color:var(--muted);font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:40em;margin:34px auto 26px;line-height:1.5;letter-spacing:-.02em}
.hero .chips{justify-content:center}
.hero .eylem{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.sahneh{position:relative;height:560px;margin-top:56px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent)}
.rayh{position:absolute;left:0;top:250px;display:flex;gap:18px;width:max-content;animation:ray 70s linear infinite;padding-left:18px}
.sahneh:hover .rayh{animation-play-state:paused}
@keyframes ray{to{transform:translateX(-50%)}}
.kutu{width:166px;height:166px;border-radius:28px;background:#fff;box-shadow:var(--sh);flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-weight:500;font-size:16px;color:#222;letter-spacing:-.02em;text-align:center;padding:12px;line-height:1.25}
.kutu.f{padding:0;overflow:hidden}
.kutu.f img{width:100%;height:100%;object-fit:cover;object-position:left top}
.dot{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--c);color:var(--ci,#111)}
.dot .i{width:26px;height:26px;stroke-width:2}
.phone{position:absolute;left:50%;top:0;transform:translateX(-50%);width:340px;height:700px;border-radius:52px;background:#0A0A0A;padding:9px;box-shadow:0 0 0 2px #2A2A2A,var(--sh2);z-index:2}
.phone .scr{position:relative;width:100%;height:100%;border-radius:44px;overflow:hidden;text-align:left}
.phone.dk .scr{background:#1B1B1B;color:#fff}
.phone .isl{position:absolute;left:50%;top:12px;transform:translateX(-50%);width:104px;height:30px;border-radius:16px;background:#050505;z-index:3}
.phone .sb{display:flex;justify-content:space-between;padding:16px 26px 0;font:600 13px 'Inter'}
.phone .sb span{letter-spacing:.1em;font-size:9px;align-self:center}
.phone .bs{padding:44px 20px 0}
.phone .bs h6{font:600 17px 'Inter';letter-spacing:-.03em}
.phone .bs small{display:block;font-size:11.5px;opacity:.7;margin-top:2px}
.pnl{margin:18px 14px 0;background:#262626;border-radius:20px;padding:14px 14px 10px}
.pnl .pr1{display:flex;justify-content:space-between;font-size:11.5px;font-weight:600;margin-bottom:6px}
.pnl .pr1 em{font-style:normal;background:#333;border-radius:8px;padding:3px 9px;font-weight:500;font-size:10.5px;color:#ddd}
.pnl svg{display:block;width:100%;height:auto}
.pnl .gun{display:flex;justify-content:space-between;font-size:9.5px;color:#8E8E8E;padding:6px 4px 2px}
.sheet{position:absolute;left:0;right:0;top:372px;bottom:0;background:#F4F4F4;border-radius:30px 30px 0 0;padding:20px 16px;color:var(--ink)}
.sheet .row{display:flex;gap:10px}
.sheet .mini{flex:1;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:var(--sh)}
.sheet .mini small{display:block;font-size:10.5px;color:var(--muted)}
.sheet .mini b{font:600 19px 'Inter';letter-spacing:-.04em}
.sheet h6{font:600 13px 'Inter';margin:18px 4px 10px;letter-spacing:-.02em}
.sheet .li{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:11px 12px;margin-bottom:8px;font-size:12px;font-weight:500;box-shadow:var(--sh)}
.sheet .li .dot{width:28px;height:28px}
.sheet .li .dot .i{width:14px;height:14px}
.sheet .li span{margin-left:auto;color:var(--muted);font-size:11px}

/* ===== Bölüm iskeleti ===== */
section{position:relative}
.bolum{padding:112px 0}
.basl{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:54px}
.basl h2{font-size:clamp(2.2rem,4.6vw,3.9rem);max-width:12em}
.basl p{color:var(--muted);font-size:1.1rem;max-width:34em;padding-bottom:6px;line-height:1.55}
.basl.orta{display:block;text-align:center}
.basl.orta h2{margin-inline:auto}
.basl.orta p{margin:20px auto 0}
.kart{background:#fff;border-radius:var(--r1);box-shadow:var(--sh);padding:36px}
.kart h3{font-size:1.75rem;margin-bottom:12px}
.kart>p,.kart .t>p{color:var(--muted);font-size:1.02rem;line-height:1.55;max-width:30em}
.ic{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--c);color:var(--ci,#111);margin-bottom:26px}
.ic .i{width:27px;height:27px;stroke-width:1.9}

/* ===== Sorun → çözüm ===== */
.uc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.uc .kart{display:flex;flex-direction:column;padding:38px}
.uc .kart>p{flex:1}
.uc .iyi{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:26px;background:#EFEFEF;border-radius:999px;padding:10px 18px;font-weight:600;font-size:14.5px}
.uc .iyi .i{color:var(--gr);width:18px;height:18px;stroke-width:2.4}

/* ===== Bento (modüller) ===== */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.bk{border-radius:var(--r1);padding:38px 38px 0;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:560px;background:#fff;box-shadow:var(--sh)}
.b6{grid-column:span 6}.b4{grid-column:span 4}
.bk h3{font-size:1.85rem;margin-bottom:12px}
.bk>p{color:var(--muted);line-height:1.55;max-width:29em}
.bk .mid{flex:1;display:flex;align-items:center;justify-content:center;padding:26px 0}
.bk .fc{display:flex;gap:10px;flex-wrap:wrap;padding:0 0 34px}
.bk .fc span{display:inline-flex;align-items:center;gap:9px;background:#fff;border-radius:999px;padding:9px 18px 9px 10px;font-weight:500;font-size:14.5px;box-shadow:var(--sh)}
.bk .fc span i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c);color:var(--ci,#111)}
.bk .fc span i .i{width:14px;height:14px;stroke-width:2.2}
.bk.gry{background:#E6E6E6;box-shadow:none}
.bk.blk{background:#0F0F0F;color:#fff}
.bk.blk h3{color:#fff}.bk.blk>p{color:#A7A7A7}
.bk.blk .fc span{background:#232323;color:#eee;box-shadow:none}
.bk.grn{background:radial-gradient(120% 90% at 20% 0%,#2A6A3F,#0F3A22 55%,#0A2616);color:#fff}
.bk.grn::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.14;mix-blend-mode:overlay;pointer-events:none}
.bk.grn>*{position:relative;z-index:1}
.bk.grn h3{color:#fff}.bk.grn>p{color:#B8D3C2}
.bk.grn .fc span{background:rgba(255,255,255,.1);color:#fff;box-shadow:none;border:1px solid rgba(255,255,255,.16)}
.m{width:100%;max-width:400px;background:#fff;border-radius:24px;box-shadow:var(--sh2);padding:20px 22px;color:var(--text);font-size:13px}
.bk.blk .m{background:#1A1A1A;color:#fff;box-shadow:none}
.bk.grn .m{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18);box-shadow:none;color:#fff;backdrop-filter:blur(6px)}
.m h5{display:flex;justify-content:space-between;align-items:center;font:600 15px 'Inter';letter-spacing:-.03em;margin-bottom:12px}
.m h5 em{font-style:normal;font-weight:600;font-size:11.5px;background:#111;color:#fff;border-radius:999px;padding:4px 11px}
.bk.blk .m h5 em{background:#fff;color:#111}
.m .rw{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #EFEFEF}
.m .rw:first-of-type{border-top:0}
.bk.blk .m .rw{border-color:#2E2E2E}
.m .rw .av{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--c,#111);color:var(--ci,#fff);font:700 11px 'Inter';flex:none}
.m .rw .av .i{width:16px;height:16px}
.m .rw b{display:block;font-weight:600;font-size:13.5px;letter-spacing:-.02em}
.m .rw small{display:block;color:var(--muted);font-size:11.5px}
.bk.blk .m .rw small{color:#9A9A9A}
.m .rw .sg{margin-left:auto;font-size:11.5px;font-weight:600;border-radius:999px;padding:4px 11px;background:#EFEFEF;white-space:nowrap}
.m .ok{background:#DDF6E6;color:#157A3A}.m .no{background:#FFE8DD;color:#B93800}.m .bl{background:#E5E8FF;color:#1F2BD0}.m .pu{background:#F0E4FF;color:#6B13C8}.m .am{background:#FFF1CC;color:#8A5E00}
.bar{height:8px;border-radius:99px;background:#EFEFEF;overflow:hidden;margin-top:6px}
.bar i{display:block;height:100%;border-radius:99px;background:var(--c,#111)}
.bk.grn .bar{background:rgba(255,255,255,.18)}
.bk.grn .m .sg{background:rgba(255,255,255,.16);color:#fff}
.bk.grn .m .rw{border-color:rgba(255,255,255,.14)}
.bk.grn .m .rw small{color:#A9C8B6}
.bk.grn .rw.pl{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px 14px;margin-top:8px}
.donut{width:116px;height:116px;border-radius:50%;background:conic-gradient(var(--c) 0 var(--p),#EFEFEF 0);display:grid;place-items:center;margin:2px auto 14px}
.donut b{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fff;font:600 26px 'Inter';letter-spacing:-.05em}
.donut b small{display:block;font:500 10.5px 'Inter';color:var(--muted);letter-spacing:0;margin-top:-6px}
.grafik{display:flex;align-items:flex-end;gap:9px;height:130px;margin:14px 0 8px}
.grafik i{flex:1;border-radius:10px 10px 4px 4px;display:block;background:#E4E4E4}
.grafik i.on{background:var(--o)}
.big{display:flex;gap:26px;margin-bottom:4px}
.big div small{display:block;color:var(--muted);font-size:11.5px}
.big div b{font:600 25px 'Inter';letter-spacing:-.05em}
.kod{display:flex;gap:7px;justify-content:center;margin:12px 0}
.kod span{width:36px;height:46px;border-radius:12px;background:#2A2A2A;display:grid;place-items:center;font:600 20px 'Inter';color:#fff}

/* ===== Cebinizden de ===== */
.cep{display:grid;grid-template-columns:1fr 360px 1fr;gap:56px;align-items:center}
.cep h2{font-size:clamp(2rem,3.6vw,3rem);margin-bottom:18px}
.cep p{color:var(--muted);margin-bottom:28px;max-width:26em}
.cep .eylem{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.cep .sol{text-align:left}
.cep .sag .kart{padding:26px 28px;border-radius:30px}
.cep .sag .kart+.kart{margin-top:14px}
.cep .sag h4{font:600 1.15rem 'Inter';letter-spacing:-.03em;margin-bottom:4px}
.cep .sag .kart p{margin:0;font-size:.98rem}
.cepf{position:relative;height:640px;overflow:hidden}
.cepf::before{content:"";position:absolute;left:50%;bottom:-120px;transform:translateX(-50%);width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#fff 0,rgba(255,255,255,0) 70%)}
.cepf .phone{top:20px;width:320px;height:660px}
.phone.lt .scr{background:#fff;color:var(--ink)}
.phone.lt .tp{position:absolute;left:0;right:0;top:0;height:200px;background:#161616;color:#fff;padding:46px 20px 0}
.phone.lt .tp h6{font:600 15px 'Inter';letter-spacing:-.03em}
.phone.lt .tp small{font-size:10.5px;opacity:.65;display:block}
.phone.lt .tp .gu{display:flex;gap:7px;margin-top:16px;justify-content:space-between}
.phone.lt .tp .gu span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2B2B2B;font-size:11px;font-weight:600}
.phone.lt .tp .gu span.d{background:#fff;color:#111}
.phone.lt .bd{position:absolute;left:0;right:0;top:158px;bottom:0;background:#F4F4F4;border-radius:28px 28px 0 0;padding:18px 14px}
.phone.lt .kt1{background:#fff;border-radius:18px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--sh)}
.phone.lt .kt1 b{font:600 17px 'Inter';letter-spacing:-.04em}.phone.lt .kt1 small{display:block;font-size:10.5px;color:var(--muted)}
.phone.lt .ring{width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--o) 0 65%,#EEE 0);display:grid;place-items:center}
.phone.lt .ring i{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font:600 10px 'Inter';font-style:normal}
.phone.lt .iki{display:flex;gap:9px;margin:10px 0}
.phone.lt .iki div{flex:1;border-radius:18px;padding:12px 14px;font-size:10px;color:#444}
.phone.lt .iki b{display:block;font:600 20px 'Inter';letter-spacing:-.05em;color:#111}
.phone.lt h6.s{font:600 12.5px 'Inter';margin:14px 4px 8px}
.phone.lt .it{display:flex;align-items:center;gap:9px;background:#DDF6E6;border-radius:14px;padding:11px 12px;margin-bottom:8px;font-size:11.5px;font-weight:600}
.phone.lt .it span{margin-left:auto;font-weight:500;color:#2E6B45;font-size:10.5px}
.phone.lt .it.w{background:#fff;box-shadow:var(--sh)}

/* ===== Rakamlar ===== */
.rk{text-align:center}
.rk h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:18px}
.dev{position:relative;display:inline-block;font:600 clamp(5rem,13vw,10rem)/1 'Inter';letter-spacing:-.07em;color:var(--o)}
.dev sup{font-size:.55em;vertical-align:.45em}
.dev .rz{position:absolute;right:-14%;bottom:8%;transform:rotate(7deg);background:#fff;border-radius:18px;box-shadow:var(--sh2);padding:11px 22px;font:600 clamp(.8rem,1.5vw,1.05rem) 'Inter';letter-spacing:-.025em;color:var(--ink);white-space:nowrap}
.orbit{position:relative;width:min(560px,100%);aspect-ratio:1;margin:70px auto 14px;container-type:inline-size}
.orbit .ring{position:absolute;inset:6%;border-radius:50%;border:1.5px dashed #CFCFCF}
.orbit .ring.r2{inset:25%;border-style:solid;border-color:#E2E2E2}
.orbit .core{position:absolute;left:50%;top:50%;width:21cqw;height:21cqw;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:var(--sh2);display:grid;place-items:center}
.orbit .core svg{width:62%;height:62%}
.orbit .nd{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-38.5cqw) rotate(calc(var(--a) * -1));display:flex;flex-direction:column;align-items:center;gap:9px;width:22cqw}
.orbit .nd .dot{width:11cqw;height:11cqw;box-shadow:var(--sh)}
.orbit .nd .dot .i{width:42%;height:42%}
.orbit .nd b{font:500 max(11px,2.5cqw) 'Inter';letter-spacing:-.02em;text-align:center;background:#fff;border-radius:999px;padding:4px 12px;box-shadow:var(--sh);white-space:nowrap}
.rak{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px}
.rak .s{font:600 clamp(3.2rem,6vw,5rem)/1 'Inter';letter-spacing:-.06em;color:var(--ink)}
.rak .s i{font-style:normal;color:var(--c)}
.rak p{margin-top:10px;font-weight:500;font-size:1.08rem;color:#333}

/* ===== Yapılandırıcı ===== */
.yp{display:grid;grid-template-columns:400px 1fr;gap:14px;background:#E8E8E8;border-radius:44px;padding:14px}
.kontrol{background:#fff;border-radius:32px;padding:32px;display:flex;flex-direction:column;gap:26px;box-shadow:var(--sh)}
.kontrol .t{display:block;font-weight:600;font-size:14px;color:#444;margin-bottom:12px;letter-spacing:-.01em}
.kontrol input[type=text]{width:100%;height:54px;border-radius:18px;border:0;background:#F1F1F1;padding:0 20px;font-weight:500;font-size:16px;transition:box-shadow .2s}
.kontrol input[type=text]:focus{outline:0;box-shadow:0 0 0 3px #111;background:#fff}
.renkler{display:flex;gap:12px;flex-wrap:wrap}
.renk{width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;background:var(--k);transition:transform .2s;position:relative}
.renk:hover{transform:scale(1.1)}
.renk[aria-pressed=true]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--k)}
.hazir{display:flex;gap:8px;flex-wrap:wrap}
.hz{padding:10px 18px;border-radius:999px;border:0;background:#F1F1F1;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.hz:hover{background:#E4E4E4}
.hz[aria-pressed=true]{background:var(--ink);color:#fff}
.mod{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mod button{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:999px;border:0;background:#F1F1F1;cursor:pointer;font-weight:500;font-size:14px;text-align:left;transition:all .2s;color:#555;line-height:1.2}
.mod button .ik{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#DDD;color:#888;transition:all .2s;flex:none}
.mod button .ik .i{width:15px;height:15px}
.mod button[aria-pressed=true]{background:#111;color:#fff}
.mod button[aria-pressed=true] .ik{background:var(--c);color:var(--ci,#111)}
.pencere{background:#F1F1F1;border-radius:32px;padding:26px;display:flex;align-items:center;position:relative}
.app{position:relative;width:100%;background:#F6F6F6;border-radius:22px;overflow:hidden;box-shadow:var(--sh2);display:grid;grid-template-columns:204px 1fr;min-height:480px;--b:#1F5F8B;--bf:#fff;--bs:#E4ECF2}
.app .yan{background:#fff;padding:18px 12px;display:flex;flex-direction:column;gap:3px}
.app .mrk{font:700 15px 'Inter';letter-spacing:-.04em;color:var(--b);padding:2px 8px 14px;line-height:1.15;min-height:46px;display:flex;align-items:center;gap:9px;word-break:break-word}
.app .mrk i{width:30px;height:30px;border-radius:50%;background:var(--b);color:var(--bf);display:grid;place-items:center;flex:none}
.app .mrk i .i{width:15px;height:15px}
.app .mn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;font-size:13px;font-weight:500;color:#555;transition:all .35s}
.app .mn .i{width:16px;height:16px}
.app .mn.act{background:var(--bs);color:var(--b);font-weight:600}
.app .mn.gizli{display:none}
.app .mn.yeni{animation:yeni .6s ease}
@keyframes yeni{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
.app .ic2{padding:22px 24px}
.app .ba{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.app .ba h6{font:600 19px 'Inter';letter-spacing:-.04em}
.app .ba .btn2{background:var(--b);color:var(--bf);font:600 12px 'Inter';padding:9px 16px;border-radius:999px;transition:background .3s,color .3s}
.app .kt{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.app .st{background:#fff;border-radius:18px;padding:14px;display:flex;gap:12px;align-items:center;animation:yeni .5s ease;box-shadow:var(--sh)}
.app .st .ik{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--bs);color:var(--b);flex:none;transition:all .3s}
.app .st small{display:block;font-size:11px;color:#777}
.app .st b{font:600 18px 'Inter';letter-spacing:-.04em}
.app .bos{margin-top:14px;background:#fff;border:1px dashed #CCC;border-radius:18px;padding:16px;font-size:12.5px;color:#777;display:flex;gap:10px;align-items:center}
.app .bos[hidden]{display:none}
.app .bos .i{color:var(--b)}

/* ===== Tek kayıt ===== */
.kisi{display:grid;grid-template-columns:1fr 1.05fr;gap:20px}
.kisi .sl{background:#E6E6E6;border-radius:var(--r1);padding:46px 44px;display:flex;flex-direction:column;justify-content:center}
.kisi h2{font-size:clamp(2rem,3.8vw,3.2rem);margin-bottom:20px}
.kisi p.l{color:#555;font-size:1.08rem;max-width:28em;margin-bottom:26px}
.kisi .liste{display:flex;flex-direction:column;gap:10px;list-style:none}
.kisi .liste li{display:flex;gap:12px;align-items:center;font-weight:500}
.kisi .liste .i{color:#fff;background:var(--gr);border-radius:50%;padding:4px;width:24px;height:24px;stroke-width:3}
.kartim{background:#fff;border-radius:var(--r1);box-shadow:var(--sh);padding:36px}
.kartim .ust2{display:flex;gap:16px;align-items:center;padding-bottom:22px;border-bottom:1px solid #EEE}
.kartim .avt{width:64px;height:64px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font:600 22px 'Inter';letter-spacing:-.04em}
.kartim h4{font:600 1.45rem 'Inter';letter-spacing:-.045em}
.kartim small{color:var(--muted)}
.roller{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.rol{display:flex;gap:12px;align-items:center;padding:12px;border-radius:20px;background:#F4F4F4}
.rol .dot{width:42px;height:42px}.rol .dot .i{width:20px;height:20px}
.rol b{display:block;font:600 15px 'Inter';letter-spacing:-.03em}
.rol small{font-size:12.5px;color:var(--muted)}
.zaman{margin-top:6px;padding-left:22px;border-left:2px solid #EEE;display:flex;flex-direction:column;gap:14px}
.zaman div{position:relative;font-size:14px;color:#555}
.zaman div::before{content:"";position:absolute;left:-29px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--c);border:3px solid #fff;box-shadow:0 0 0 1px #DDD}
.zaman b{color:#111;font-weight:600}

/* ===== Kurgular ===== */
.kurgu{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kg{background:#fff;border-radius:var(--r1);box-shadow:var(--sh);padding:36px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.kg:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.kg h3{font-size:1.5rem;margin-bottom:10px}
.kg p{color:var(--muted);font-size:1rem;margin-bottom:22px;flex:1}
.kg .tg{display:flex;flex-wrap:wrap;gap:8px}
.kg .c{font-size:13px;font-weight:600;background:#EFEFEF;border-radius:999px;padding:6px 14px}
.kg.son{background:#0F0F0F;color:#fff;justify-content:center}
.kg.son h3{color:#fff}.kg.son p{color:#A7A7A7;flex:0;margin-bottom:26px}
.kg.son .btn{align-self:flex-start}

/* ===== Güvenlik ===== */
.guv{background:#0C0C0C;border-radius:48px;padding:72px 64px;color:#fff;position:relative;overflow:hidden}
.guv::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.09;mix-blend-mode:screen;pointer-events:none}
.guv>*{position:relative;z-index:1}
.guv .basl h2{color:#fff}.guv .basl p{color:#A7A7A7}
.guv .basl{grid-template-columns:1fr auto;align-items:center}
.muhur{display:block;width:210px;height:210px;color:#DDD;fill:none;stroke:currentColor}
.muhur text{fill:currentColor;stroke:none;font:600 14px 'Inter'}
.muhur .don{transform-origin:200px 200px;animation:don 70s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}
.muhur .d1{stroke:#3A3A3A}.muhur .d3{stroke:var(--o);stroke-width:1.4}.muhur .ks{stroke:var(--o);stroke-width:.9}
.gl{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ogg{background:#181818;border-radius:28px;padding:30px}
.ogg .dot{margin-bottom:22px}
.ogg h4{font:600 1.2rem 'Inter';letter-spacing:-.035em;color:#fff;margin-bottom:8px}
.ogg p{font-size:.97rem;color:#9C9C9C;line-height:1.55}
.not{margin-top:26px;background:#181818;border-radius:24px;padding:22px 28px;color:#C9C9C9;font-size:1rem;display:flex;gap:14px;align-items:center}
.not .i{color:var(--am);width:24px;height:24px}

/* ===== Süreç ===== */
.surec{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ad{background:#fff;border-radius:30px;box-shadow:var(--sh);padding:28px 26px 30px}
.ad .n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#111;color:#fff;font:600 18px 'Inter';margin-bottom:46px}
.ad:nth-child(2) .n{background:var(--o)}.ad:nth-child(3) .n{background:var(--b)}.ad:nth-child(4) .n{background:var(--p)}.ad:nth-child(5) .n{background:var(--gr)}
.ad h4{font:600 1.15rem 'Inter';letter-spacing:-.035em;margin-bottom:8px}
.ad p{font-size:.95rem;color:var(--muted);line-height:1.5}

/* ===== Özel çözümler ===== */
.bulut{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:980px;margin-inline:auto}
.bulut span{background:#fff;border-radius:999px;padding:13px 24px;font-weight:500;font-size:15.5px;box-shadow:var(--sh);transition:background .2s,color .2s,transform .2s;cursor:default;letter-spacing:-.015em}
.bulut span:hover{background:#111;color:#fff;transform:translateY(-3px)}

/* ===== SSS ===== */
.ss{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:start}
.ss .sl{position:sticky;top:110px}
.ss h2{font-size:clamp(2.2rem,4.2vw,3.5rem);margin-bottom:34px;max-width:7em}
.ss .yrd{padding:34px 36px;max-width:440px}
.ss .yrd h4{font:600 1.35rem 'Inter';letter-spacing:-.04em;margin:0 0 20px}
.sss{display:flex;flex-direction:column;gap:12px}
.sss details{background:#fff;border-radius:26px;box-shadow:var(--sh);padding:0 28px;transition:box-shadow .25s}
.sss details[open]{box-shadow:var(--sh2)}
.sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font:600 1.12rem 'Inter';letter-spacing:-.03em}
.sss summary::-webkit-details-marker{display:none}
.sss summary i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#E8E8E8;flex:none;transition:transform .3s}
.sss summary i .i{width:17px;height:17px;stroke-width:2.2}
.sss details[open] summary i{transform:rotate(45deg)}
.sss .cv{padding:0 0 26px;color:var(--muted);max-width:44em;line-height:1.6}

/* ===== İletişim ===== */
.sonk{background:#E6E6E6;border-radius:48px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sonk .sl{padding:56px 46px}
.sonk h2{font-size:clamp(2.1rem,4vw,3.3rem);margin-bottom:20px}
.sonk p.l{color:#555;font-size:1.08rem;max-width:26em;margin-bottom:30px}
.sonk .chips .chip{background:#fff}
.form{background:#fff;border-radius:36px;padding:38px;box-shadow:var(--sh)}
.form h3{font-size:1.7rem;margin-bottom:6px}
.form p.k{color:var(--muted);font-size:15px;margin-bottom:24px}
.form .sat{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{display:block;font-weight:600;font-size:13.5px;margin-bottom:7px;color:#333}
.form input,.form textarea{width:100%;border-radius:18px;border:0;padding:15px 18px;background:#F1F1F1;font-size:15px;transition:box-shadow .2s}
.form textarea{resize:vertical;min-height:110px}
.form input:focus,.form textarea:focus{outline:0;box-shadow:0 0 0 3px #111;background:#fff}
.form .al{margin-bottom:14px}
.form .btn{width:100%;margin-top:6px}
.form small{display:block;text-align:center;margin-top:14px;color:#66666B;font-size:12.5px}

/* ===== Alt bilgi ===== */
footer{padding:64px 0 44px}
footer .ust3{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
footer .logo{padding:0;display:flex;align-items:center}
footer p{color:var(--muted);font-size:14.5px;max-width:340px;margin-top:10px}
footer ul{list-style:none;display:flex;gap:8px;flex-wrap:wrap}
footer ul a{display:block;padding:10px 18px;border-radius:999px;background:#fff;box-shadow:var(--sh);font-weight:500;font-size:14.5px;transition:background .2s,color .2s}
footer ul a:hover{background:#111;color:#fff}
footer .alt{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:44px;padding-top:24px;border-top:1px solid #DEDEDE;font-size:13.5px;color:var(--muted)}
.mcta{position:fixed;left:14px;right:14px;bottom:14px;z-index:90;display:none;transform:translateY(130%);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.mcta .btn{width:100%}
.mcta.g{transform:none}

/* ===== Duyarlı ===== */
@media (max-width:1180px){
  .links a{padding:12px 14px}
}
@media (max-width:1080px){
  .nav .links{display:none}
  .bento .b6,.bento .b4{grid-column:span 12}
  .bk{min-height:0}
  .basl{grid-template-columns:1fr;gap:18px}
  .uc,.kurgu,.gl{grid-template-columns:1fr 1fr}
  .cep{grid-template-columns:1fr;gap:30px}
  .cep .sol,.cep .sag{max-width:560px;margin-inline:auto;width:100%}
  .cepf{order:-1}
  .yp,.kisi,.ss,.sonk{grid-template-columns:1fr}
  .ss .sl{position:static}
  .surec{grid-template-columns:1fr 1fr}
  .guv{padding:48px 30px}
  .guv .basl{grid-template-columns:1fr}.muhur{width:150px;height:150px}
}
@media (max-width:760px){
  .nav .acts{display:none}
  .burger{display:flex}
  .nav{justify-content:space-between}
  .nav.ac .links{display:flex;flex-direction:column;position:absolute;top:84px;left:16px;right:16px;height:auto;padding:12px;border-radius:28px;align-items:stretch}
  .nav.ac .links a{padding:16px 18px}
  .bolum{padding:76px 0}
  .hero{padding-top:128px}
  .hero .lead{margin-top:24px}
  .sahneh{height:470px;margin-top:40px}
  .phone{width:290px;height:600px;border-radius:46px}
  .phone .sheet{top:330px}
  .rayh{top:220px}
  .kutu{width:136px;height:136px;font-size:14px;border-radius:24px}
  .uc,.kurgu,.gl,.surec,.roller,.form .sat,.rak{grid-template-columns:1fr}
  .bk{padding:28px 24px 0}
  .kart{padding:28px}
  .app{grid-template-columns:1fr}.app .yan{flex-direction:row;overflow-x:auto;padding:10px}.app .mrk{display:none}.app .mn span{display:none}
  .app .kt{grid-template-columns:1fr}
  .yp,.sonk{padding:10px;border-radius:34px}.kontrol,.pencere{padding:22px}
  .mod{grid-template-columns:1fr}
  .sonk .sl{padding:34px 24px 20px}.form{padding:28px 22px}
  .mcta{display:block}
  .chip{padding:9px 17px;font-size:14px}
  .dev .rz{right:-4%;bottom:-6%}
  footer{padding-bottom:96px}
  .ss .yrd{max-width:none}
}

/* ===== İletişim bilgileri ===== */
.ib{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:30px}
.ib a{display:inline-flex;align-items:center;gap:14px;background:#fff;border-radius:22px;padding:10px 24px 10px 10px;box-shadow:var(--sh);font-weight:600;font-size:1.05rem;letter-spacing:-.02em;transition:transform .2s,box-shadow .2s}
.ib a:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.ib small{display:block;font-weight:500;font-size:12px;color:var(--muted);letter-spacing:0}
.ib .dot{width:46px;height:46px}
.fk{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.fk a{display:inline-flex;align-items:center;gap:10px;font-weight:500;font-size:14.5px;color:#222}
.fk a:hover{color:var(--o)}
.fk .i{width:18px;height:18px;color:var(--o)}

/* ===== 404 sayfası ===== */
.e404{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:150px 20px 90px}
.e404 .num{display:flex;align-items:center;justify-content:center;gap:.03em;font:600 clamp(7rem,26vw,18rem)/.88 'Inter',sans-serif;letter-spacing:-.07em;color:var(--ink)}
.e404 .sf{display:inline-grid;place-items:center;width:.78em;height:.78em;border-radius:50%;background:#111;box-shadow:var(--sh2)}
.e404 .sf svg{width:58%;height:58%}
.e404 h1{font-size:clamp(1.8rem,4vw,3rem);margin:34px 0 14px}
.e404 p{color:var(--muted);font-size:1.1rem;max-width:34em;margin:0 auto}
.e404 .eylem{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.e404 .chips{justify-content:center;margin-top:30px}
.e404 .chip{transition:background .2s,color .2s}
.e404 .chip:hover{background:#111;color:#fff}

/* ===== Çok dar ekran (320 px) düzeltmeleri ===== */
@media (max-width:1080px){.sonk{grid-template-columns:minmax(0,1fr)}.sonk>*{min-width:0}}
@media (max-width:760px){
  .ib a{padding-right:16px;font-size:.98rem;max-width:100%}
  .ib a>span:last-child{min-width:0;overflow-wrap:anywhere}
  .m .rw>div{min-width:0}
  .m .rw .sg{flex:none}
}

/* ===== Dokunma hedefleri ≥44px, iOS'ta form yakınlaştırmasını önleyen 16px yazı ===== */
.renk{width:44px;height:44px}
.hz{min-height:44px}
.logo{min-height:44px}
footer ul a{min-height:44px;display:flex;align-items:center;padding:0 18px}
.fk a{min-height:44px}
a.chip{min-height:44px;display:inline-flex;align-items:center}
.form input,.form textarea{font-size:16px}

/* ===== Tablet ve yatay telefon (761–1080 px): bağlantılar gizliyken hamburger menü de görünür olmalı ===== */
@media (max-width:1080px){
  .burger{display:flex}
  .nav.ac .links{display:flex;flex-direction:column;position:absolute;top:84px;left:16px;right:16px;height:auto;padding:12px;border-radius:28px;align-items:stretch;max-width:560px;margin-inline:auto}
  .nav.ac .links a{padding:16px 18px}
}
@media (max-height:520px) and (orientation:landscape){.hero{padding-top:108px}}
/* Açık menü ekrandan taşarsa (yatay telefon) kendi içinde kayar ve sığacak kadar sıkılaşır */
.nav.ac .links{max-height:calc(100svh - 104px);overflow-y:auto;overscroll-behavior:contain}
.nav.ac .links a{min-height:44px;display:flex;align-items:center}
@media (max-height:520px){.nav.ac .links a{padding:8px 18px}}