:root{
  --siyah:#000;--komur:#141210;--kart:#1A1715;--cizgi:rgba(237,232,227,.13);
  --turuncu:#C2521B;--turuncu-acik:#E39160;--turuncu-koyu:#8A3A12;
  --kagit:#EDE8E3;--sonuk:#B7AFA9;--kul:#8C837C;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--siyah);color:var(--kagit);overflow-x:hidden;
  font:clamp(1rem,.9rem + .3vw,1.08rem)/1.62 'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--turuncu-acik);outline-offset:3px}
.kap{width:min(1180px,90vw);margin-inline:auto}

/* ---------- üst menü ---------- */
.tepe{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding:.85rem clamp(1rem,5vw,3rem);background:rgba(0,0,0,.86);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--cizgi)}
.logo{font-weight:800;letter-spacing:-.025em;font-size:1.02rem;line-height:1.15}
.logo span{display:block;font-weight:400;font-size:.76rem;color:var(--kul);letter-spacing:0}
.tepe nav{display:flex;align-items:center;gap:1.5rem}
.tepe nav a{font-size:.93rem;font-weight:500;color:var(--sonuk);padding:.25rem 0;
  border-bottom:2px solid transparent}
.tepe nav a:hover{color:var(--kagit)}
.tepe nav a.aktif{color:var(--kagit);border-bottom-color:var(--turuncu)}
.nav-tel{color:var(--turuncu-acik)!important;font-weight:700!important}
.nav-dugme{display:none;cursor:pointer;color:var(--kagit)}
@media(max-width:900px){
  .nav-dugme{display:flex}
  .tepe{flex-wrap:wrap}
  .tepe nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:0;padding-top:.6rem}
  #nav-ac:checked ~ .tepe nav{display:flex}
  .tepe nav a{width:100%;padding:.75rem 0;border-bottom:1px solid var(--cizgi)}
  .tepe nav a.aktif{border-bottom-color:var(--turuncu)}
}

/* ---------- hero ---------- */
.hero{position:relative;padding:clamp(4rem,11vw,8.5rem) 0 clamp(3rem,7vw,5.5rem)}
.hero::before{content:"";position:absolute;inset:0 auto 0 0;width:40vw;
  background:linear-gradient(115deg,rgba(194,82,27,.22),transparent 62%);pointer-events:none}
.hero .kap{position:relative}
.rol{color:var(--turuncu-acik);font-weight:600;margin-bottom:1.3rem;font-size:1.02rem}
.dev{font-weight:900;letter-spacing:-.045em;line-height:.87;font-size:clamp(3rem,11.5vw,9rem)}
.dev .b{display:block}
.dev .t{color:var(--turuncu)}
.cizgi{height:6px;width:min(100%,600px);margin:2.2rem 0 1.8rem;
  background:linear-gradient(90deg,var(--turuncu),var(--turuncu-koyu) 70%,transparent)}
.giris{max-width:58ch;font-size:clamp(1.05rem,1rem + .35vw,1.28rem);color:#CFC7C0}

/* ---------- düğmeler ---------- */
.eylemler{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.4rem}
.dg{display:inline-flex;align-items:center;gap:.5rem;padding:.92rem 1.65rem;font-weight:700;
  border:2px solid var(--turuncu);background:var(--turuncu);color:#0A0705;
  transition:background .18s,transform .18s,color .18s}
.dg:hover{background:var(--turuncu-acik);border-color:var(--turuncu-acik);transform:translateY(-2px)}
.dg.bos{background:transparent;color:var(--kagit);border-color:rgba(237,232,227,.32)}
.dg.bos:hover{border-color:var(--turuncu-acik);color:var(--turuncu-acik);background:transparent;transform:translateY(-2px)}

/* ---------- şerit ---------- */
.serit{background:var(--turuncu);color:#120A05}
.serit-ic{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:clamp(2.4rem,5vw,3.8rem) 0}
.rk{border-left:2px solid rgba(18,10,5,.35);padding-left:1.4rem}
.rk:first-child{border-left:0;padding-left:0}
.rk b{display:block;font-size:clamp(2.2rem,6.5vw,4.2rem);font-weight:900;letter-spacing:-.05em;line-height:1}
.rk p{font-weight:600;font-size:.96rem;margin-top:.45rem;max-width:22ch}
@media(max-width:820px){.serit-ic{grid-template-columns:1fr;gap:2rem}
  .rk{border-left:0;border-top:2px solid rgba(18,10,5,.35);padding:1.1rem 0 0}
  .rk:first-child{border-top:0;padding-top:0}}

/* ---------- bölümler ---------- */
section{padding:clamp(3.8rem,8vw,7rem) 0}
.sb{font-size:clamp(1.8rem,1.3rem + 2.2vw,3.1rem);font-weight:800;letter-spacing:-.035em;
  line-height:1.06;max-width:24ch;margin-bottom:1rem}
.sa{max-width:62ch;color:var(--sonuk)}
.koyu{background:var(--komur)}

/* ---------- hizmet listesi ---------- */
.hlist{margin-top:2.8rem;border-top:1px solid var(--cizgi)}
.hsat{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,9fr);gap:.8rem 3rem;
  padding:2rem 0;border-bottom:1px solid var(--cizgi);align-items:start}
.hsat h3{font-size:clamp(1.3rem,1.05rem + .9vw,1.85rem);font-weight:700;letter-spacing:-.03em;line-height:1.15}
.hsat p{color:var(--sonuk);max-width:62ch}
.hsat .fy{display:inline-block;margin-top:.6rem;color:var(--turuncu-acik);font-weight:600;font-size:.92rem}
@media(max-width:860px){.hsat{grid-template-columns:1fr}}

/* ---------- kart ızgarası ---------- */
.grid{display:grid;gap:1.1rem;margin-top:2.6rem}
.g3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.kart{background:var(--kart);border:1px solid var(--cizgi);padding:1.5rem;display:block}
.kart:hover{border-color:var(--turuncu-koyu)}
.kart h3{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}
.kart p{color:var(--sonuk);font-size:.96rem}
.kart .mrk{color:var(--turuncu-acik);font-weight:600;font-size:.88rem;margin-bottom:.4rem}
.olcum{display:flex;flex-wrap:wrap;gap:1.4rem;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--cizgi)}
.olcum div b{display:block;font-size:1.35rem;font-weight:800;letter-spacing:-.02em}
.olcum div span{color:var(--kul);font-size:.82rem}

/* ---------- influencer kartı ---------- */
.inf{background:var(--kart);border:1px solid var(--cizgi);padding:1.3rem}
.inf b{font-size:1.05rem;font-weight:700;display:block}
.inf .ku{color:var(--turuncu-acik);font-size:.9rem}
.inf .sat{display:flex;gap:1.3rem;margin-top:.9rem}
.inf .sat div b{font-size:1.15rem}
.inf .sat div span{color:var(--kul);font-size:.8rem}
.etkt{display:inline-block;margin-top:.75rem;font-size:.78rem;font-weight:600;color:#F0A97A;
  border:1px solid var(--turuncu-koyu);background:rgba(194,82,27,.14);padding:.18rem .55rem;border-radius:99px}

/* ---------- adımlar ---------- */
.adimlar{display:grid;gap:1px;margin-top:2.6rem;background:var(--cizgi)}
.adim{background:var(--komur);padding:1.9rem clamp(1.1rem,3vw,2.2rem);
  display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:baseline}
.adim .no{font-size:2.5rem;font-weight:900;color:var(--turuncu);letter-spacing:-.05em;line-height:1;min-width:2.2ch}
.adim h4{font-size:1.18rem;font-weight:700;margin-bottom:.35rem;letter-spacing:-.02em}
.adim p{color:var(--sonuk);max-width:58ch}
@media(max-width:700px){.adim{grid-template-columns:1fr;gap:.45rem}}

/* ---------- yazı ---------- */
.yazi{max-width:68ch}
.yazi p{margin-bottom:1.15rem;color:#CFC7C0}
.yazi h2{font-size:1.5rem;font-weight:700;margin:2rem 0 .8rem;letter-spacing:-.02em}

/* ---------- form ---------- */
.form{display:grid;gap:1.1rem;max-width:660px;margin-top:2.2rem}
.form .cift{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
@media(max-width:600px){.form .cift{grid-template-columns:1fr}}
label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}
input,select,textarea{width:100%;padding:.82rem .95rem;background:#0E0C0B;border:1px solid var(--cizgi);
  color:var(--kagit);font:inherit;border-radius:4px}
textarea{min-height:130px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--turuncu);outline:2px solid rgba(227,145,96,.3)}
button{cursor:pointer;font:inherit}
.uyari{padding:.95rem 1.15rem;border-left:3px solid;margin-bottom:1.4rem;font-weight:600}
.uyari.ok{background:rgba(31,86,55,.2);border-color:#2E7D50;color:#A8E0C0}
.uyari.hata{background:rgba(107,42,38,.25);border-color:#B04A42;color:#F0B5B0}

/* ---------- iletişim bandı ---------- */
.cta{background:var(--turuncu-koyu);color:#FBF4EF}
.cta .sb{margin-bottom:1.2rem}
.cta p{max-width:56ch;color:#F6E3D8}
.tel-dev{display:inline-block;margin-top:2.2rem;font-size:clamp(1.9rem,1.1rem + 4.2vw,4.2rem);
  font-weight:900;letter-spacing:-.04em;line-height:1;border-bottom:5px solid rgba(251,244,239,.4);padding-bottom:.13em}
.tel-dev:hover{border-bottom-color:#FBF4EF}
.cta .dg{background:#FBF4EF;border-color:#FBF4EF;color:#4A1D06}
.cta .dg:hover{background:#0A0705;border-color:#0A0705;color:#FBF4EF}
.cta .dg.bos{background:transparent;color:#FBF4EF;border-color:rgba(251,244,239,.5)}
.cta .dg.bos:hover{background:#FBF4EF;color:#4A1D06}

/* ---------- dip ---------- */
.dip{border-top:1px solid var(--cizgi);padding:2.6rem 0 1.6rem;color:var(--kul);font-size:.93rem}
.dip-ic{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:space-between}
.dip b{color:var(--kagit);font-size:1.05rem;font-weight:800;letter-spacing:-.02em}
.dip-bag{display:flex;flex-wrap:wrap;gap:1.3rem}
.dip-bag a:hover{color:var(--turuncu-acik)}
.dip-son{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;
  margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid var(--cizgi);font-size:.85rem}

/* ---------- WhatsApp düğmesi ---------- */
.wa{position:fixed;right:1.1rem;bottom:1.1rem;z-index:60;width:54px;height:54px;border-radius:50%;
  background:var(--turuncu);color:#0A0705;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 22px rgba(0,0,0,.5)}
.wa:hover{background:var(--turuncu-acik)}

.geri-bag{color:var(--kul);display:inline-block;margin-bottom:1rem}
.geri-bag:hover{color:var(--turuncu-acik)}
.bosluk{padding:4rem 0;color:var(--kul);text-align:center}
.bosluk b{display:block;color:var(--kagit);font-size:1.15rem;margin-bottom:.4rem}