:root{--black:#050505;--paper:#f3f1eb;--white:#fff;--gray:#a5a5a5;--line:#292929;--acid:#d8ff36;--container:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:"DM Sans",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--acid);outline-offset:4px}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(5,5,5,.86);border-bottom:1px solid transparent;backdrop-filter:blur(16px);transition:.2s}.site-header.scrolled{border-color:var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:13px;font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:-.03em}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:#000;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:cover}.desktop-nav{display:flex;gap:32px;margin-left:auto}.desktop-nav a{color:var(--gray);font-size:.84rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.desktop-nav a:hover{color:var(--acid)}.nav-cta{display:flex;align-items:center;gap:8px;padding:11px 16px;background:var(--paper);color:var(--black);font-size:.83rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;clip-path:polygon(0 0,100% 0,100% 72%,92% 100%,0 100%)}
.hero{position:relative;min-height:800px;padding:170px 0 110px;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(8.333% - 1px),rgba(255,255,255,.035) calc(8.333% - 1px),rgba(255,255,255,.035) 8.333%);pointer-events:none}.hero-glow{display:none}.hero-grid{position:relative;display:grid;grid-template-columns:1.22fr .78fr;gap:72px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;width:fit-content;margin-bottom:26px;color:var(--acid);font:700 .75rem/1 "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase}.status-dot{width:8px;height:8px;background:var(--acid);box-shadow:0 0 18px var(--acid)}h1,h2,h3{margin:0;font-family:"Manrope",sans-serif;line-height:1.02;letter-spacing:-.055em}h1{max-width:800px;font-size:clamp(3.7rem,7vw,6.7rem);text-transform:uppercase}h1 span{display:inline;color:var(--acid)}.hero-lead{max-width:650px;margin:30px 0 0;color:#b8b8b8;font-size:clamp(1rem,1.6vw,1.2rem);border-left:3px solid var(--acid);padding-left:19px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 21px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;transition:.2s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--acid);color:var(--black);clip-path:polygon(0 0,100% 0,100% 74%,93% 100%,0 100%)}.button.secondary{border:1px solid #444;background:#0b0b0b}.button.secondary:hover{border-color:var(--paper)}
.profile-card{position:relative;padding:15px;background:var(--paper);color:var(--black);transform:rotate(1.4deg);box-shadow:20px 20px 0 #141414}.profile-card:before{content:"";position:absolute;right:-18px;top:-18px;width:92px;height:92px;border-top:2px solid var(--acid);border-right:2px solid var(--acid)}.logo-frame{aspect-ratio:1;display:grid;place-items:center;background:#000;overflow:hidden}.logo-frame img{width:100%;height:100%;object-fit:cover}.logo-caption{display:flex;justify-content:space-between;gap:20px;padding:14px 3px 0;font:800 .66rem/1 "Manrope",sans-serif;letter-spacing:.1em}.logo-caption span{color:#777}
.stack-section{padding:74px 0;border-bottom:1px solid var(--line)}.section-kicker{margin-bottom:12px;color:var(--acid);font:800 .7rem/1 "Manrope",sans-serif;letter-spacing:.18em}.stack-title{margin-bottom:30px;font-size:clamp(1.8rem,3vw,2.7rem);text-transform:uppercase}.tech-list{display:flex;flex-wrap:wrap;gap:0;border-left:1px solid var(--line);border-top:1px solid var(--line)}.tech-list span{display:inline-flex;align-items:center;gap:9px;padding:13px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#c3c3c3;font-size:.8rem;font-weight:700;transition:.18s}.tech-list span:hover{background:var(--acid);color:var(--black)}.tech-list i{color:var(--acid)}.tech-list span:hover i{color:var(--black)}
.content-section{padding:116px 0;scroll-margin-top:40px}.packages-section{border-top:1px solid var(--line);background:#090909}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:44px}.section-head h2{font-size:clamp(2.7rem,5vw,4.5rem);text-transform:uppercase}.section-head p{margin:14px 0 0;color:var(--gray)}.text-link{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--acid);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-card{position:relative;min-height:350px;display:flex;flex-direction:column;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--black);transition:.2s}.packages-section .project-card{background:#090909}.project-card:after{content:"";position:absolute;right:0;top:0;width:0;height:0;border-top:22px solid var(--acid);border-left:22px solid transparent;opacity:0;transition:.2s}.project-card:hover{background:#101010}.project-card:hover:after{opacity:1}.card-top{display:flex;justify-content:space-between;gap:15px}.card-top h3{overflow-wrap:anywhere;font-size:1.2rem;text-transform:uppercase;letter-spacing:-.03em}.card-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid #383838;color:var(--acid)}.version-label{display:inline-block;margin-top:7px;color:var(--acid);font-size:.7rem;font-weight:800}.card-description{flex:1;margin:22px 0;color:#999;font-size:.88rem}.tag-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px}.card-tag{padding:4px 7px;background:#161616;color:#aaa;font-size:.64rem;font-weight:700;text-transform:uppercase}.repo-stats{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px;color:#737373;font-size:.7rem}.repo-stats span{display:inline-flex;align-items:center;gap:5px}.card-actions{display:flex;flex-wrap:wrap;gap:16px;padding-top:17px;border-top:1px solid var(--line)}.card-link{display:inline-flex;align-items:center;gap:5px;color:var(--paper);font-size:.72rem;font-weight:800;text-transform:uppercase}.card-link:hover{color:var(--acid)}.card-link.secondary{color:#777}.status-card{grid-column:1/-1;min-height:250px;display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#888}.pagination{min-height:38px;display:flex;justify-content:flex-end;gap:6px;margin-top:24px}.pagination-dot{width:38px;height:38px;border:1px solid var(--line);background:transparent;color:#888;font:800 .75rem "Manrope",sans-serif;cursor:pointer}.pagination-dot:hover,.pagination-dot.active{background:var(--acid);border-color:var(--acid);color:var(--black)}
.contact-section{padding:24px 0 110px}.contact-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:55px;background:var(--paper);color:var(--black);clip-path:polygon(0 0,96% 0,100% 20%,100% 100%,4% 100%,0 80%)}.contact-card:after{content:"AK";position:absolute;right:4%;bottom:-.27em;color:rgba(0,0,0,.05);font:800 12rem/1 "Manrope",sans-serif}.contact-card .section-kicker{color:#666}.contact-card h2{font-size:clamp(2.4rem,4.5vw,4.2rem);text-transform:uppercase}.contact-card p{max-width:640px;margin:14px 0 0;color:#555}.button.light{position:relative;z-index:1;flex:none;background:var(--black);color:var(--white)}footer{border-top:1px solid var(--line)}.footer-wrap{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#777;font-size:.8rem}.social-links{display:flex;gap:7px}.social-links a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);font-size:1.1rem}.social-links a:hover{background:var(--acid);color:var(--black);border-color:var(--acid)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:65px}.profile-card{max-width:520px;transform:none}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.container{width:min(100% - 28px,var(--container))}.desktop-nav{display:none}.nav-cta{font-size:0;padding:10px 13px}.nav-cta i{font-size:1rem}.hero{min-height:auto;padding:135px 0 80px}.hero-grid{gap:48px}.hero-actions .button{width:100%}.profile-card{box-shadow:10px 10px 0 #141414}.stack-section,.content-section{padding:78px 0}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:30px}.card-grid{grid-template-columns:1fr}.project-card{min-height:315px}.contact-section{padding-bottom:78px}.contact-card{width:calc(100% - 28px);padding:40px 24px;clip-path:polygon(0 0,94% 0,100% 10%,100% 100%,0 100%)}.button.light{width:100%;font-size:.72rem}.footer-wrap{padding:30px 0;align-items:flex-start;flex-direction:column}.footer-wrap p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.desktop-nav a{position:relative;transition:color .2s}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-12px;height:2px;background:var(--acid);transition:right .25s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--acid)}.desktop-nav a.active:after{right:0}

/* Hero taşma koruması ve responsive yerleşim.
   Not: body'ye overflow-x:hidden verildiğinde tarayıcı overflow-y'yi de
   auto'ya çevirip body'yi ikinci bir kaydırma alanı yapıyor; mobilde en
   alta inince footer'ın altında boş bir şerit bırakan sebep buydu.
   overflow-x:clip aynı yatay korumayı verir ama dikey eksene dokunmaz. */
html{overflow-x:clip;background:var(--black);overscroll-behavior-y:none}body{overflow-x:clip;min-height:100svh;display:flex;flex-direction:column}main{flex:1 0 auto}footer{flex:none}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:40px}.hero-copy{min-width:0}h1{max-width:760px;font-size:clamp(3.25rem,5.4vw,4.35rem);overflow-wrap:normal}.profile-card{width:100%;max-width:400px;justify-self:end;transform:translateX(28px) rotate(1.4deg)}
.hero-line{display:block;color:var(--paper)}.hero-line.accent{color:var(--acid)}
@media(max-width:1100px){.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:30px}h1{font-size:clamp(3rem,5.25vw,3.8rem)}.profile-card{max-width:350px;transform:translateX(14px) rotate(1deg)}}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:56px}h1{max-width:800px;font-size:clamp(3.2rem,8vw,4.8rem)}.profile-card{width:min(100%,480px);max-width:480px;justify-self:center;transform:none}}
@media(max-width:700px){.nav-wrap{height:70px;gap:14px}.brand{font-size:.9rem}.brand-mark{width:36px;height:36px}.hero{padding:118px 0 72px}.hero-grid{gap:42px}.eyebrow{font-size:.64rem;line-height:1.45;letter-spacing:.09em}h1{font-size:clamp(2.25rem,11.5vw,3.1rem);line-height:1.01;letter-spacing:-.06em}.hero-lead{margin-top:24px;padding-left:14px;font-size:.96rem}.hero-actions{margin-top:30px}.profile-card{width:min(92%,360px)}.logo-caption{font-size:.54rem}.section-head h2{overflow-wrap:anywhere}.contact-card:after{font-size:8rem}}
@media(max-width:390px){.brand>span:last-child{display:none}.nav-cta{margin-left:auto}h1{font-size:clamp(2.12rem,11.2vw,2.72rem)}.container{width:calc(100% - 24px)}.profile-card{width:90%;box-shadow:7px 7px 0 #141414}.logo-caption strong{font-size:.48rem}.contact-card{width:calc(100% - 24px)}}
@media(max-width:700px){h1{font-size:clamp(1.85rem,9.4vw,2.65rem);letter-spacing:-.065em}.hero-line{white-space:nowrap}.hero-copy{width:100%}.hero-actions{gap:10px}.hero-actions .button{max-width:100%}.profile-card{margin-top:4px}.logo-frame{width:100%}}
@media(max-width:360px){h1{font-size:9.1vw}.eyebrow{max-width:100%;align-items:flex-start}.hero-lead{font-size:.9rem}.button{padding-inline:15px}.logo-caption{gap:8px}}
.card-top h3{text-transform:none;letter-spacing:-.025em}
.card-tag{text-transform:none}
.footer-link{margin-left:14px;color:#999;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.footer-link:hover{color:var(--acid)}