.vakif-hero{padding:72px 0 96px;color:#fff;background:radial-gradient(circle at 75% 25%,rgba(200,164,93,.18),transparent 30%),linear-gradient(145deg,#0b101c,#172033);overflow:hidden}.vakif-hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:center}.vakif-hero h1{font-size:clamp(2.2rem,4vw,3.55rem);max-width:620px}.vakif-hero .lead{max-width:600px}.vakif-proof{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;color:#abb4c5;font-size:.82rem}.vakif-proof span:before{content:"✓";color:#dec68f;margin-right:6px}.vakif-hero-visual,.shot-stage{position:relative}.vakif-shot{position:relative;padding:9px;background:#172033;border:1px solid #3b465b;border-radius:17px;box-shadow:0 32px 85px rgba(0,0,0,.35);overflow:hidden}.vakif-shot img{width:100%;border-radius:10px}.hero-shot{margin-right:-10vw;animation:shotBreathe 6s ease-in-out infinite}.vakif-alert{position:absolute;z-index:3;min-width:205px;padding:12px 14px 12px 37px;border:1px solid #44506a;border-radius:12px;background:rgba(14,20,34,.96);box-shadow:0 18px 45px rgba(0,0,0,.35);animation:alertFloat 4.5s ease-in-out infinite}.vakif-alert i{position:absolute;left:15px;top:18px;width:8px;height:8px;border-radius:50%;background:#c8a45d;animation:alertPulse 1.8s infinite}.vakif-alert b,.vakif-alert small{display:block}.vakif-alert b{font-size:.83rem}.vakif-alert small{font-size:.7rem;color:#aeb7c8}.a1{left:-38px;top:10%}.a2{right:-55px;bottom:5%;animation-delay:.7s}.a3{right:-75px;top:28%;animation-delay:1.3s}@keyframes shotBreathe{50%{transform:translateY(-5px)}}@keyframes alertFloat{50%{transform:translateY(-8px)}}@keyframes alertPulse{70%{box-shadow:0 0 0 9px rgba(200,164,93,0)}}
.vakif-pillars{padding:82px 0;background:#f7f6f2}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pillar-grid article{position:relative;min-height:245px;padding:21px;border:1px solid #ded9cd;border-radius:16px;background:#fff;overflow:hidden;transition:.25s}.pillar-grid article:hover{transform:translateY(-6px);border-color:#c8a45d;box-shadow:0 18px 40px rgba(23,32,51,.1)}.pillar-grid article>span{font-size:.7rem;font-weight:900;color:#8d7442}.pillar-grid h3{margin-top:21px}.pillar-grid p{color:#687083}.pillar-grid article>i{position:absolute;bottom:18px;left:21px;font-size:.7rem;font-style:normal;font-weight:800;color:#725a27}.pillar-glyph{position:absolute;right:18px;top:17px;width:47px;height:47px;display:grid;place-items:center;border-radius:13px;background:#172033;color:#dec68f;font-size:1.3rem;animation:glyphHover 3.5s ease-in-out infinite}.pillar-grid article:nth-child(2) .pillar-glyph{animation-delay:.5s}.pillar-grid article:nth-child(3) .pillar-glyph{animation-delay:1s}.pillar-grid article:nth-child(4) .pillar-glyph{animation-delay:1.5s}@keyframes glyphHover{50%{transform:translateY(-4px) rotate(3deg)}}
.story-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:64px}.story-grid.reverse{grid-template-columns:1.18fr .82fr}.story-copy .lead{font-size:1rem}.story-callout{display:flex;gap:12px;align-items:center;margin-top:24px;padding:14px 16px;border:1px solid #e0d4b6;border-radius:12px;background:#fffaf0}.story-callout>i{width:10px;height:10px;border-radius:50%;background:#c8a45d;animation:alertPulse 1.7s infinite}.story-callout b,.story-callout span{display:block}.story-callout span{font-size:.8rem;color:#687083}.screen-chip{position:absolute;z-index:2;padding:10px 13px;border-radius:10px;box-shadow:0 14px 35px rgba(16,22,36,.25);animation:alertFloat 4s ease-in-out infinite}.screen-chip span,.screen-chip b{display:block}.screen-chip span{font-size:.65rem}.screen-chip b{font-size:.82rem}.chip-gold{left:-28px;bottom:13%;background:#dec68f;color:#172033}.chip-dark{right:-28px;top:14%;background:#172033;color:#fff;border:1px solid #3b465b;animation-delay:.8s}.vakif-finance{color:#fff;background:linear-gradient(145deg,#0b101c,#172033)}.vakif-finance .section-head .lead{color:#abb4c5}.dual-screens{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dual-screens article{position:relative}.dual-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:.8rem}.dual-label span{color:#dec68f;font-weight:900}.dual-label b{color:#c4cad5}.dual-screens article:hover .vakif-shot{transform:translateY(-6px);border-color:#c8a45d}.dual-screens .vakif-shot{transition:.25s}.float-stat{position:absolute;right:18px;bottom:-18px;padding:10px 13px;border:1px solid #d9c38f;border-radius:10px;background:#fff;color:#172033;box-shadow:0 14px 35px rgba(0,0,0,.25);animation:alertFloat 4.4s ease-in-out infinite}.float-stat small,.float-stat b{display:block}.float-stat small{font-size:.66rem;color:#747b88}.float-stat b{font-size:.78rem}
.vakif-evlat{background:#f7f6f2}.evlat-live{position:absolute;left:20px;right:20px;bottom:-20px;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid #d9c38f;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(23,32,51,.15)}.evlat-live small,.evlat-live b{display:block}.evlat-live small{font-size:.65rem;color:#747b88}.evlat-live b{font-size:.82rem}.evlat-live strong{margin-left:auto;font-size:.65rem;color:#4e9a70;letter-spacing:.1em}.live-dot{width:9px;height:9px;border-radius:50%;background:#4fc987;animation:alertPulse 1.7s infinite}.evlat-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.evlat-metrics div{padding:13px;border:1px solid #ded9cd;border-radius:11px;background:#fff}.evlat-metrics b,.evlat-metrics span{display:block}.evlat-metrics b{font-size:1.15rem;color:#172033}.evlat-metrics span{font-size:.7rem;color:#747b88}.command-shell{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:48px;border-radius:24px;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(200,164,93,.14),transparent 26%),#0e1422;overflow:hidden}.command-shell:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(200,164,93,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(200,164,93,.25) 1px,transparent 1px);background-size:44px 44px;animation:gridMove 12s linear infinite}.command-copy,.command-feed{position:relative;z-index:1}.command-copy p{color:#abb4c5}.command-feed{padding:16px;border:1px solid #354158;border-radius:16px;background:rgba(23,32,51,.87);box-shadow:0 25px 60px rgba(0,0,0,.3)}.feed-head{display:flex;justify-content:space-between;padding:6px 5px 14px;color:#aeb7c8;font-size:.7rem}.feed-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4fc987;margin-right:7px;animation:alertPulse 1.7s infinite}.feed-head b{color:#4fc987;letter-spacing:.1em}.command-feed article{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:12px 8px;border-top:1px solid #344056;animation:feedSlide 5s ease-in-out infinite}.feed-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(200,164,93,.12);color:#dec68f;font-weight:900}.command-feed small,.command-feed b{display:block}.command-feed small,.command-feed time{font-size:.65rem;color:#8f99aa}.command-feed b{font-size:.78rem}@keyframes gridMove{to{background-position:44px 44px,44px 44px}}@keyframes feedSlide{50%{transform:translateX(4px);background:rgba(200,164,93,.05)}}
@media(max-width:900px){.vakif-hero-grid,.story-grid,.story-grid.reverse,.command-shell{grid-template-columns:1fr}.hero-shot{margin-right:0}.pillar-grid{grid-template-columns:1fr 1fr}.dual-screens{grid-template-columns:1fr;gap:55px}.reverse .shot-stage{order:2}.reverse .story-copy{order:1}}@media(max-width:600px){.vakif-hero{padding:52px 0 70px}.vakif-alert{position:relative;display:inline-block;inset:auto!important;min-width:0;width:calc(33.33% - 7px);padding:9px;margin-top:8px;vertical-align:top}.vakif-alert i,.vakif-alert small{display:none}.pillar-grid{grid-template-columns:1fr}.story-grid{gap:40px}.screen-chip{position:relative;display:inline-block;inset:auto!important;margin:8px 3px 0}.evlat-live{position:relative;inset:auto;margin-top:9px}.command-shell{padding:30px 20px}.dual-label{align-items:flex-start;gap:10px}.dual-label b{text-align:right}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}}