@font-face{font-family:Outfit;src:url(/assets/Outfit-VariableFont_wght-B6lQlNBM.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Medium-Cxde2ZoM.ttf) format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-SemiBold-B_fPDAUb.ttf) format("truetype");font-weight:600;font-display:swap}:root{--blue: #1c6eae;--blue-dark: #0f3f68;--ink: #1d1d1f;--muted: #6e6e73;--line: #d2d2d7;--bg: #f5f5f7;--card: #ffffff;--header: 56px;--page: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 12px)}body{margin:0;color:var(--ink);background:var(--bg);font-family:Poppins,Segoe UI,Tahoma,sans-serif;font-size:15px;line-height:1.65}h1,h2,h3,nav,.button,.langs button,#menu,.num,#iletisim a[href^=tel]{font-family:Outfit,Segoe UI,Tahoma,sans-serif}main{width:min(var(--page),calc(100% - 40px));margin:0 auto}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:20px;min-height:var(--header);padding:4px max(20px,calc((100% - var(--page)) / 2));background:#fffffff0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}header>a{display:flex;align-items:center;height:44px;overflow:hidden}.logo{height:119px;width:auto;display:block}nav{display:flex;align-items:center;gap:8px 22px;margin-inline-start:auto}nav a{color:var(--ink);font-size:.92rem;font-weight:550;text-decoration:none}nav a:hover{color:var(--blue)}#menu{display:none;min-height:42px;padding:8px 14px;border:1px solid var(--line);background:#fff;color:var(--blue-dark);font-size:.88rem;font-weight:600;cursor:pointer}.langs{display:flex;gap:6px;margin-inline-start:8px}.langs button{min-width:40px;padding:6px 8px;border:1px solid var(--line);background:#fff;color:var(--blue-dark);font-weight:650;cursor:pointer}.langs button.on{border-color:var(--blue);background:var(--blue);color:#fff}.hero{padding:72px 0 20px}h1{max-width:16ch;margin:0 0 14px;color:var(--ink);font-size:clamp(30px,4vw,46px);font-weight:650;letter-spacing:-.035em;line-height:1.05}h1 .lead{color:var(--blue)}h2{margin:0 0 22px;color:var(--ink);font-size:clamp(28px,3.4vw,40px);font-weight:650;letter-spacing:-.035em;line-height:1.08}h3{margin:0;font-size:19px;font-weight:620;letter-spacing:-.025em;line-height:1.18}p{margin:0 0 14px}.hero p{max-width:36rem;color:var(--muted);font-size:13px;line-height:1.55}section{padding:36px 0}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps article{background:var(--card);padding:28px 24px 32px}.num{margin:0 0 10px;color:var(--muted);font-family:Outfit,Segoe UI,Tahoma,sans-serif;font-size:11px;font-weight:600;letter-spacing:.08em}.steps p{color:var(--muted);font-size:13px;line-height:1.55}.page-head{max-width:680px;margin:0 auto 46px;text-align:center}.kicker{margin:0 0 10px;font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.page-intro{margin:14px auto 0;max-width:560px;font-size:13px;line-height:1.55;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project{min-width:0;background:var(--card);display:flex;flex-direction:column}.visual-link{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#111214;border-bottom:1px solid var(--line)}.visual-placeholder{position:absolute;inset:0;display:grid;place-items:center}.brand-logo{width:39%;height:39%;object-fit:contain;mix-blend-mode:screen}.icon{width:16px;height:16px;object-fit:contain;flex:none}h2 .icon{width:22px;height:22px;margin-inline-end:8px}.project-link,#iletisim address a,#iletisim .links a{display:inline-flex;align-items:center;gap:6px}.project-body{flex:1;min-height:190px;padding:24px 24px 26px;display:flex;flex-direction:column;align-items:center;text-align:center}.meta{margin:0 0 9px;font-size:10px;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:var(--muted)}.description{margin:12px 0 0;max-width:292px;font-size:12px;line-height:1.55;color:var(--muted)}.project-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:14px}.project-link{font-size:11px;line-height:1.2;color:#515154;text-decoration:none;border-bottom:1px solid #b6b6ba;padding-bottom:2px}.kit{margin:16px 0 0}.net .project-body{background:color-mix(in srgb,#2450e8 10%,#fff)}.social .project-body{background:color-mix(in srgb,#3eb6f2 12%,#fff)}.trend .project-body{background:color-mix(in srgb,#ff5c93 10%,#fff)}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:#111;border:1px solid var(--line)}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.links{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}address{margin:0 0 14px;font-style:normal}.links a,.button{display:inline-flex;align-items:center;text-decoration:none;font-weight:600}.links a{padding:6px 10px;border:1px solid var(--line);background:#f7fbfe;color:var(--blue-dark);font-size:.82rem}.links a:hover{color:var(--ink)}.button{padding:10px 16px;background:var(--blue);color:#fff;font-size:.92rem}.button:hover{background:var(--blue-dark);color:#fff}#iletisim{margin:12px 0 28px;padding:48px 28px;background:var(--card);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}#projeler h2{margin:0;font-size:clamp(30px,4vw,46px)}#video h2{display:flex;align-items:center}#iletisim h2,#iletisim p,#iletisim address{margin-inline:auto}#iletisim address a{color:#515154;text-decoration:none;border-bottom:1px solid #b6b6ba}#iletisim p,#iletisim address{max-width:36rem;color:var(--muted);font-size:13px}#iletisim small{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}#iletisim a[href^=tel]{color:var(--ink);font-size:clamp(1.4rem,2.4vw,1.85rem);font-weight:650;letter-spacing:-.03em;text-decoration:none}#iletisim .button{background:transparent;color:#515154;border-bottom:1px solid #b6b6ba;padding:0 0 2px;font-size:11px;font-weight:400}#iletisim .button:hover{background:transparent;color:var(--ink)}#iletisim .links{justify-content:center}#iletisim .links a{padding:0 0 2px;border:0;border-bottom:1px solid #b6b6ba;background:transparent;color:#515154;font-size:11px;font-weight:400}#iletisim .links a:hover,#iletisim a:hover{color:var(--ink)}footer{width:100%;margin:0;padding:10px max(20px,calc((100% - var(--page)) / 2));border-top:1px solid var(--line);background:#fff;color:var(--muted);font-family:Outfit,Segoe UI,Tahoma,sans-serif;font-size:.75rem;font-weight:500}footer p{margin:0}.skip{position:absolute;inset-inline-start:12px;top:-48px;z-index:20;padding:8px 12px;background:#fff;color:var(--blue-dark);font-weight:600}.skip:focus{top:12px}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img,iframe{max-width:100%}body{overflow-x:clip}:focus-visible{outline:2px solid #0b2a44;outline-offset:3px}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}::selection{background:#d3e8f8}@media(max-width:860px){.steps,.grid{grid-template-columns:1fr}.visual-link{aspect-ratio:16 / 8.7}.project-body{min-height:166px}#iletisim{padding:36px 20px}}@media(max-width:520px){.page-head{margin-bottom:32px}.visual-link{aspect-ratio:4 / 3}.project-body{padding:22px 18px 24px}}@media(max-width:760px){:root{--header: 48px}main{width:min(var(--page),calc(100% - 28px))}header{gap:8px;padding-block:4px;padding-inline:max(12px,env(safe-area-inset-left))}header>a{height:36px;max-width:68%}.logo{height:97px}h1{font-size:clamp(30px,8vw,40px)}.hero{padding-top:32px}#menu{display:block;margin-inline-start:auto;min-height:36px;padding:6px 12px}nav{display:none;position:absolute;top:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;background:#fff;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a{min-height:44px;padding:12px 0;border-bottom:1px solid var(--line)}.langs{margin:12px 0 0}.langs button,.links a,.button{min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}