.btn{position:relative;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease}
.card{position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease}
.card:hover .ico{transform:rotate(-8deg) scale(1.08);background:#1F6FB2 !important}
.tag{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid #DCE2E9;border-radius:999px;font-size:15px;font-weight:600;color:#18212C;background:#FFFFFF;transition:border-color .25s,color .25s}
.tag:hover{border-color:#1F6FB2;color:#1A5E99}
.rel{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #22344B;color:#FFFFFF;font-size:20px;font-weight:700;transition:padding-left .3s,color .3s}
.rel:hover{padding-left:12px;color:#5AA7E6}
.nav-glass{position:sticky;top:0;z-index:60;background:rgba(250,250,251,.8);-webkit-backdrop-filter:blur(30px) saturate(150%) brightness(1.15);backdrop-filter:blur(30px) saturate(150%) brightness(1.15);border-bottom:1px solid #E2E7ED}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}
@supports (animation-timeline: view()){.reveal{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.cam{transform-box:view-box;transform-origin:455px 130px;animation:camPan 9s ease-in-out infinite alternate}
@keyframes camPan{from{transform:rotate(8deg)}to{transform:rotate(-10deg)}}
.hero-h1{font-size:42px !important}
@media (max-width: 560px){.stack2{grid-template-columns:minmax(0,1fr) !important}}
@media (max-width: 1180px){.mainnav{gap:4px 20px !important}.navlink{font-size:14px}}
@media (max-width: 1080px){.burger{display:flex}.mainnav{display:none !important;order:3;width:100%;flex-direction:column;align-items:stretch !important;gap:0 !important;padding:6px 0 4px;border-top:1px solid #E2E7ED}.mainnav.open{display:flex !important}.mainnav .navlink{padding:14px 0;font-size:17px;border-bottom:1px solid #EBEFF3}.mainnav .navlink::after{display:none}}
@media (max-width: 560px){.hdr-cta{display:none !important}}
/* FOTOĞRAFLI HERO */
.hero-photo{position:relative;background:#08111C}
.hero-photo .hp-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:65% 45%;animation:hpZoom 22s ease-out both}
.hero-photo .hp-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,28,.94) 0%,rgba(8,17,28,.82) 38%,rgba(8,17,28,.35) 72%,rgba(8,17,28,.15) 100%),linear-gradient(0deg,rgba(8,17,28,.55) 0%,rgba(8,17,28,0) 35%)}
@keyframes hpZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.hero-photo .hp-bg{animation:none}}
@media (max-width:900px){.hero-photo .hp-shade{background:linear-gradient(0deg,rgba(8,17,28,.95) 0%,rgba(8,17,28,.8) 60%,rgba(8,17,28,.55) 100%)}.hero-photo .hp-inner{padding-top:72px !important;padding-bottom:80px !important}}
/* === YENİ GÖRÜNÜM === */
h1,h2,h3,h4{letter-spacing:-0.02em}
.eyebrow::before{display:none !important}
.hero-grid{background-image:none !important;background-color:#0F1B2B !important}
.pnum{width:34px;height:34px;border-radius:50%;background:#E8F1FA;color:#1A5E99;font-size:15px !important;font-weight:700;display:flex !important;align-items:center;justify-content:center;flex:none;padding:0 !important;line-height:1 !important}
.foot a{color:#C3CEDB;transition:color .2s}.foot a:hover{color:#FFFFFF}
.social{transition:background-color .25s,border-color .25s}.social:hover{background:#1F6FB2;border-color:#1F6FB2}
.relc{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.relc-i{display:flex;flex-direction:column;background:#FFFFFF;border-radius:10px;overflow:hidden;color:#18212C;box-shadow:0 1px 0 #E2E7ED;transition:box-shadow .4s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.relc-i:hover{box-shadow:0 30px 60px -34px rgba(15,27,43,.45);transform:translateY(-3px)}
.relc-img{display:block;height:150px;overflow:hidden;background:#0F1B2B}
.relc-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.relc-i:hover .relc-img img{transform:scale(1.06)}
.relc-t{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-size:17px;font-weight:700}
.relc-t svg{color:#1F6FB2;flex:none;transition:transform .25s}
.relc-i:hover .relc-t svg{transform:translateX(4px)}
@media (max-width: 700px){.relc{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.relc-img{height:96px}.relc-t{padding:12px 14px;font-size:14px;line-height:1.3}.relc-t svg{display:none}}