@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");

.platform-page{
  background:#dff0fb;
  min-height:100vh;
  padding-bottom:0;
}

.platform-hero{
  position:relative;
  overflow:hidden;
  padding:36px 0;
  color:#fff;
  background:var(--platform-a);
}
.platform-hero:before,
.platform-hero:after{display:none}

.platform-hero-inner,
.platform-services-wrap{
  width:calc(100% - 120px);
  max-width:1380px;
  margin:0 auto;
}

.platform-hero-inner{
  display:flex;
  align-items:center;
  gap:24px;
  position:relative;
  z-index:1;
}

.platform-hero-icon{
  width:82px;
  height:82px;
  border-radius:8px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:none;
  flex:0 0 auto;
}
.platform-hero-icon i{font-size:42px;color:var(--platform-icon)}

.platform-hero-copy h1{
  font-size:30px;
  line-height:1.15;
  margin:0 0 8px;
  font-weight:600;
  letter-spacing:-.35px;
}
.platform-hero-copy p{
  max-width:760px;
  font-size:14px;
  line-height:1.55;
  color:rgba(255,255,255,.96);
  margin:0;
  font-weight:400;
}

.platform-services-wrap{
  margin:38px auto 0;
  padding:0 0 26px;
  min-height:510px;
  background:transparent;
  border:none;
  box-shadow:none;
}

.platform-section-head,
.platform-note{display:none}

.platform-services-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px 20px;
}

.platform-service-item{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  min-height:86px;
  background:#fff;
  border:1px solid color-mix(in srgb,var(--platform-a) 58%,#ffd3e3);
  border-radius:4px;
  padding:12px 16px 12px 0;
  box-shadow:none;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.platform-service-item:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--platform-a) 78%,#ffc0d7);
  box-shadow:0 10px 24px rgba(35,56,96,.05);
}

.platform-service-icon{
  width:58px;
  height:62px;
  border-radius:0 30px 30px 0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--platform-a) 90%,#fff),color-mix(in srgb,var(--platform-b) 92%,#fff));
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:22px;
  box-shadow:none;
}

.platform-service-copy{
  min-width:0;
}
.platform-service-copy strong{
  display:block;
  color:#13254f;
  font-size:15.5px;
  margin-bottom:6px;
  line-height:1.22;
  font-weight:600;
  letter-spacing:-.15px;
}
.platform-service-copy span{
  display:block;
  color:#8d9bb0;
  font-size:12.5px;
  line-height:1.5;
  font-weight:400;
}

.platform-service-btn{
  min-width:158px;
  height:50px;
  padding:0 20px;
  border-radius:3px;
  background:linear-gradient(90deg,var(--platform-a),var(--platform-b));
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:12.8px;
  font-weight:600;
  box-shadow:0 10px 20px color-mix(in srgb,var(--platform-a) 20%,transparent);
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
  white-space:nowrap;
}
.platform-service-btn:hover{
  filter:brightness(.99);
  transform:translateY(-1px);
  box-shadow:0 12px 24px color-mix(in srgb,var(--platform-a) 24%,transparent);
}

@media(max-width:1100px){
  .platform-hero-inner,
  .platform-services-wrap{width:calc(100% - 40px);min-height:0}
  .platform-services-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
  .platform-hero{padding:26px 0}
  .platform-hero-inner{width:calc(100% - 28px);align-items:flex-start;gap:16px}
  .platform-hero-icon{width:68px;height:68px;border-radius:8px}
  .platform-hero-icon i{font-size:31px}
  .platform-hero-copy h1{font-size:24px}
  .platform-hero-copy p{font-size:13px;line-height:1.5}
  .platform-services-wrap{width:calc(100% - 28px);margin-top:24px;min-height:0}
  .platform-services-grid{gap:14px}
  .platform-service-item{grid-template-columns:auto 1fr;gap:14px;padding:10px 10px 12px 0;min-height:auto}
  .platform-service-icon{width:48px;height:54px}
  .platform-service-copy strong{font-size:15px}
  .platform-service-copy span{font-size:12.5px}
  .platform-service-btn{grid-column:1/-1;width:calc(100% - 10px);margin-left:10px;height:46px}
}


.platform-trust-strip{
  width:calc(100% - 120px);
  max-width:1380px;
  margin:34px auto 42px;
  background:var(--platform-a);
  color:#fff;
  border-radius:4px;
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px 28px;
  box-shadow:0 12px 28px color-mix(in srgb,var(--platform-a) 14%, transparent);
}
.platform-trust-strip p{
  margin:0;
  font-size:16px;
  line-height:1.55;
  font-weight:500;
  letter-spacing:-.15px;
}
.platform-trust-strip strong{font-weight:700}

@media(max-width:1100px){
  .platform-trust-strip{width:calc(100% - 40px)}
}

@media(max-width:700px){
  .platform-trust-strip{
    width:calc(100% - 28px);
    margin:22px auto 28px;
    padding:16px 18px;
    min-height:auto;
  }
  .platform-trust-strip p{font-size:14px; line-height:1.55}
}


.platform-stats-strip{
  background:linear-gradient(90deg, #66c2ff 0%, #45abf7 38%, #2b97ea 68%, #1f85db 100%);
  padding:22px 0 24px;
}
.platform-stats-inner{
  width:calc(100% - 120px);
  max-width:1380px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
}
.platform-stat-box{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:78px;
}
.platform-stat-icon{
  width:68px;
  height:68px;
  border-radius:8px;
  background:rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:29px;
  flex:0 0 auto;
}
.platform-stat-text{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.platform-stat-text strong{
  color:#fff;
  font-size:23px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.35px;
}
.platform-stat-text span{
  color:rgba(255,255,255,.88);
  font-size:15px;
  line-height:1.25;
  font-weight:400;
}
@media(max-width:1100px){
  .platform-stats-inner{width:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px}
}
@media(max-width:700px){
  .platform-stats-strip{padding:18px 0 20px}
  .platform-stats-inner{width:calc(100% - 28px);grid-template-columns:1fr;gap:16px}
  .platform-stat-box{min-height:70px;gap:14px}
  .platform-stat-icon{width:56px;height:56px;font-size:24px}
  .platform-stat-text strong{font-size:20px}
  .platform-stat-text span{font-size:13.5px}
}


/* Mobil ve tablet: platform istatistik alanını gizle */
@media (max-width: 1024px){
  .platform-stats-strip{display:none !important;}
}