/* Tanıtım sayfası (Photolio düzeni, optimehr tipografi) */
.home .topbar{display:block}
.hero{padding:28px 0 64px;background:radial-gradient(1200px 500px at 85% -10%,var(--brand-soft),transparent 60%)}
.hero-grid{display:grid;gap:36px}
.hero h1{margin:14px 0 18px}.hl{color:var(--brand-ink)}
.hero-cta{margin:26px 0 30px}
.hero-stats{display:flex;gap:28px;flex-wrap:wrap}
.hero-stats b{display:block;font:800 26px/1.1 var(--font-head);letter-spacing:-.03em}.hero-stats span{font-size:13px;color:var(--muted)}
.hero-art{position:relative;aspect-ratio:1/1.05;max-width:560px;width:100%;justify-self:center}
.hero-art img{position:absolute;object-fit:cover;border-radius:var(--r-xl);box-shadow:var(--shadow-lg)}
.h1i{left:0;top:0;width:68%;height:78%}.h2i{right:0;top:10%;width:40%;height:40%}.h3i{right:4%;bottom:0;width:52%;height:44%;border:6px solid var(--bg)}
.hero-badge{position:absolute;left:6%;bottom:6%;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-lg);font:600 13px var(--font-body)}
.hero-badge .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--brand-soft)}
@media(min-width:960px){.hero{padding:56px 0 96px}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px}}
.section.alt{background:var(--bg-2);padding-top:96px}
.section{padding:72px 0}
@media(min-width:960px){.section{padding:120px 0}}
.sec-head{max-width:680px;margin-bottom:36px}.sec-head h2{margin:10px 0 12px}
.about{display:grid;gap:32px;align-items:center}
.about-img img{border-radius:var(--r-xl);aspect-ratio:4/5;object-fit:cover;width:100%;box-shadow:var(--shadow-lg)}
.about h2{margin:10px 0 14px}
@media(min-width:900px){.about{grid-template-columns:.9fr 1.1fr;gap:64px}}
.ticks{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}
.ticks li{position:relative;padding-left:32px;color:var(--text-2)}
.ticks li::before{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font:700 12px/22px var(--font-body);text-align:center}
.services{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:640px){.services{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.services{grid-template-columns:repeat(4,1fr)}.svc:first-child{grid-column:span 2;grid-row:span 2}.svc:first-child img{aspect-ratio:auto;height:100%;min-height:420px}}
.svc{position:relative;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.svc img{width:100%;aspect-ratio:4/3;object-fit:cover;flex:1}
.svc>div{padding:16px 18px 20px}.svc h3{margin:10px 0 6px}.svc p{color:var(--muted);font-size:15px;margin:0}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.process{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media(min-width:760px){.process{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.process{grid-template-columns:repeat(4,1fr)}}
.process li{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:24px;box-shadow:var(--shadow)}
.process b{font:800 14px var(--font-head);color:var(--brand-ink);background:var(--brand-soft);padding:6px 10px;border-radius:10px}
.process h3{margin:16px 0 6px}.process p{color:var(--muted);margin:0;font-size:15px}
.quotes{display:grid;gap:16px}@media(min-width:900px){.quotes{grid-template-columns:repeat(3,1fr)}}
.quotes blockquote{margin:0;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:26px;box-shadow:var(--shadow)}
.quotes p{font-size:17px;line-height:27px;color:var(--text-2)}.quotes cite{font:600 13px var(--font-body);font-style:normal;color:var(--brand-ink)}
.cta-band{position:relative;overflow:hidden;padding:96px 0;color:#fff;background:#0f172a}
.cta-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.cta-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,40,30,.85),rgba(4,40,30,.25))}
.cta-band .wrap{position:relative;z-index:1;max-width:1200px}
.cta-band h2{color:#fff;margin:10px 0 12px;max-width:620px}.cta-band p{color:rgba(255,255,255,.85);max-width:520px;margin-bottom:24px}
.contact{display:grid;gap:32px}@media(min-width:900px){.contact{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}
.contact h2{margin:10px 0 12px}
.contact-list{list-style:none;padding:0;margin:24px 0 0}
.contact-list li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border-2)}
.contact-list span{color:var(--muted)}
.contact-card form .small{margin-top:10px}
.footer{border-top:1px solid var(--border-2);padding:36px 0 96px}
.foot{display:flex;flex-direction:column;gap:16px}.foot nav{display:flex;gap:18px;flex-wrap:wrap}.foot nav a{color:var(--text-2);font-size:14px}
@media(min-width:760px){.foot{flex-direction:row;align-items:center;justify-content:space-between}.footer{padding-bottom:36px}}
.wa-float{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 14px 30px rgba(37,211,102,.35)}
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}
@media(max-width:759px){.home .top-actions .btn{padding:0 14px}}
/* Portföy: nizami eşit ızgara (masonry yok) */
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:100%}
@media(min-width:640px){.pgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(min-width:1024px){.pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.pgrid figure{margin:0;aspect-ratio:4/5;border-radius:16px;overflow:hidden;min-width:0;background:var(--surface-2);transform:translateZ(0)}
.pgrid figure[hidden]{display:none}
.pgrid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.pgrid figure:hover img{transform:scale(1.04)}

/* Ken Burns: video benzeri yavaş hareket */
@keyframes kb{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.1) translate(-2%,-1.5%)}100%{transform:scale(1.04) translate(1.5%,1%)}}
.kb,.kb-art img{will-change:transform;transform-origin:50% 50%}
.page-hero.has-img .ph-bg.kb{animation:kb 14s ease-in-out infinite alternate}
@media(hover:hover){.kb-art:hover img,.step-media:hover img.kb,.page-hero:hover .ph-bg.kb{animation:kb 10s ease-in-out infinite alternate}}
@media(hover:none){.kb-art.in img,.process li.in .step-media img.kb{animation:kb 12s ease-in-out infinite alternate}}
/* Süreç kartları: görsel/video alanı */
.process li{overflow:hidden;padding-top:0}
.step-media{position:relative;margin:0 -24px 18px;aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}
.step-media img,.step-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.step-media video{opacity:0;transition:opacity .4s}.step-media.playing video{opacity:1}
/* Hakkımda butonları */
.about-cta{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.about-cta .btn{width:100%}.btn.wa-btn{background:#25d366;border-color:#1ebe5a;color:#fff}
@media(min-width:640px){.about-cta{flex-direction:row;flex-wrap:wrap}.about-cta .btn{width:auto}}
.rich ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
@media(prefers-reduced-motion:reduce){.kb,.kb-art img,.ph-bg{animation:none!important}}
/* Mobil tipografi */
h1{font-size:clamp(1.75rem,6vw,3.5rem)}h2{font-size:clamp(1.4rem,5vw,2.5rem)}
@media(max-width:639px){body{font-size:15px;line-height:23px}.lead{font-size:16px;line-height:25px}.section{padding:48px 0}.section.alt{padding-top:56px}.hero{padding:28px 0 48px}.sec-head{margin-bottom:24px}.cta-band{padding:64px 0}}
html,body{overflow-x:hidden}
.pcwrap{display:flex;flex-direction:column;gap:8px;min-width:0}.pcwrap .pclink{flex:1}.pc-wa{width:100%}
.wa-btn svg{flex:none}
.rich ul li{position:relative;padding-left:32px;color:var(--text-2)}.rich ul li::before{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);font:700 12px/22px var(--font-body);text-align:center}