/* Tema renkleri kayıtlıdır: html.eco gibi bir sınıf eklenince renkler yumuşakça geçiş yapar */
@property --gold{syntax:'<color>';inherits:true;initial-value:#b8935a}
@property --gold-2{syntax:'<color>';inherits:true;initial-value:#d4b27a}
@property --gold-3{syntax:'<color>';inherits:true;initial-value:#ffd98a}
@property --shine-a{syntax:'<color>';inherits:true;initial-value:#f0be64}
@property --shine-b{syntax:'<color>';inherits:true;initial-value:#ffd47a}
html{--gold-3:#ffd98a;--shine-a:#f0be64;--shine-b:#ffd47a;transition:--gold 1.8s ease,--gold-2 1.8s ease,--gold-3 1.8s ease,--shine-a 1.8s ease,--shine-b 1.8s ease}
/* Avin Grup — ortak stiller (kurumsal, ilerleme, blog sayfaları) */
:root{--navy:#0e1a2b;--navy-2:#16263d;--gold:#b8935a;--gold-2:#d4b27a;--ink:#1b2430;--muted:#6b7686;--bg:#f6f4ef;--white:#fff;--line:#e4e0d6}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Barlow,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
h1,h2,h3{font-family:'Outfit',sans-serif;font-weight:600;line-height:1.1}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.eyebrow{font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:12px}
.eyebrow:before{content:"";width:36px;height:1px;background:var(--gold)}
.btn{display:inline-block;padding:15px 34px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;transition:.3s;border:1px solid var(--gold);background:var(--gold);color:#fff;cursor:pointer;font-family:inherit}
.btn:hover{background:transparent;color:var(--gold)}
.btn.line{background:transparent;color:#fff}.btn.line:hover{background:var(--gold)}


.page-hero{background:linear-gradient(105deg,rgba(14,26,43,.95),rgba(14,26,43,.72)),var(--hero,url(alan-1.jpg)) center/cover;color:#fff;padding:160px 0 80px}
.page-hero .eyebrow{color:var(--gold-2)}.page-hero .eyebrow:before{background:var(--gold-2)}
.page-hero h1{font-size:clamp(2.6rem,5.5vw,4.4rem);margin:18px 0 14px}
.page-hero p{max-width:580px;color:#cbd3de;font-weight:300}
.crumb{font-size:.78rem;color:#9aa6b6;margin-bottom:6px}.crumb a:hover{color:var(--gold-2)}

section{padding:100px 0}
.sec-head{max-width:640px;margin-bottom:56px}
.sec-head h2{font-size:clamp(2.1rem,4vw,3.2rem);margin:16px 0}
.sec-head p{color:var(--muted)}
.alt{background:var(--bg)}

.cta{background:linear-gradient(rgba(184,147,90,.92),rgba(150,115,64,.95));color:#fff;text-align:center;padding:84px 0}
.cta h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}.cta p{margin-bottom:26px;opacity:.9}
.cta .btn{background:var(--navy);border-color:var(--navy)}.cta .btn:hover{background:transparent;border-color:#fff;color:#fff}


.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s,transform 1s}
.reveal.in{opacity:1;transform:none}

.lb{position:fixed;inset:0;background:rgba(8,14,24,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.lb.on{display:flex}.lb img{max-width:100%;max-height:100%;object-fit:contain}

@media(max-width:720px){section{padding:72px 0}.page-hero{padding:130px 0 56px}}