:root{--navy:#173b67;--green:#9fbe35;--page:#eef3f6}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{
  min-height:100vh;
  background:
    radial-gradient(circle at 0% 100%,rgba(133,166,79,.10),transparent 25%),
    radial-gradient(circle at 100% 0%,rgba(80,120,156,.08),transparent 25%),
    linear-gradient(180deg,#fbfcfd,#edf2f5);
  color:var(--navy);
}
.site-header{
  min-height:112px;
  width:min(1480px,calc(100% - 48px));
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1.55fr 1fr;
  align-items:center;
  gap:20px;
}
.brand{display:flex;align-items:center;gap:13px}
.brand img{width:72px;height:72px}
.brand div{display:flex;flex-direction:column}
.brand strong{font-size:23px;letter-spacing:.09em}
.brand span{margin-top:4px;font-size:11px;color:#7d8996}
.tagline{text-align:center;font-size:12px;letter-spacing:.28em;color:#415a73;white-space:nowrap}
.tagline:before,.tagline:after{content:"";display:inline-block;width:52px;height:1px;background:#7b8ea1;vertical-align:middle;margin:0 18px}
.phone{justify-self:end;display:flex;align-items:center;gap:14px;color:var(--navy);text-decoration:none}
.phone span{font-size:10px;letter-spacing:.18em}.phone b{padding-left:14px;border-left:1px solid #8a9aaa;font-size:15px}

.services{
  width:min(1480px,calc(100% - 48px));
  margin:8px auto 28px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.service-card{
  position:relative;
  min-height:760px;
  overflow:hidden;
  border-radius:24px;
  box-shadow:0 16px 42px rgba(33,52,72,.09);
  isolation:isolate;
  background:#fff;
}
.photo{position:absolute;inset:0;z-index:-3;background-repeat:no-repeat;background-size:cover;background-position:center bottom;transform:scale(1.01);transition:transform .35s ease}
.estate-card .photo{background-image:url('assets/gayrimenkul.jpg')}
.insurance-card .photo{background-image:url('assets/sigorta.jpg')}
.build-card .photo{background-image:url('assets/yapi.jpg')}

.wash{position:absolute;inset:0;z-index:-2}
.estate-card .wash{background:linear-gradient(180deg,#3b83bd 0%,rgba(48,121,176,.94) 31%,rgba(38,91,132,.38) 62%,rgba(15,45,70,.20) 100%)}
.insurance-card .wash{background:linear-gradient(180deg,#8d9d4b 0%,rgba(115,132,52,.90) 32%,rgba(79,95,34,.40) 63%,rgba(29,42,17,.18) 100%)}
.build-card .wash{background:linear-gradient(180deg,#aeb5bc 0%,rgba(184,166,142,.80) 37%,rgba(111,89,68,.24) 68%,rgba(43,34,27,.16) 100%)}

.card-content{
  height:100%;
  min-height:760px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  color:#fff;
  padding:64px 36px 34px;
}
.icon{height:74px;width:74px;margin-bottom:18px;position:relative}






.card-content h1{margin:0;font-size:31px;letter-spacing:.08em;font-weight:850;text-shadow:0 2px 9px rgba(0,0,0,.08)}
.accent{width:54px;height:2px;background:var(--green);margin:17px 0}
.card-content p{margin:0;font-size:13px;line-height:1.8;letter-spacing:.15em;font-weight:650;text-shadow:0 2px 8px rgba(0,0,0,.10)}
.discover{
  margin-top:28px;
  min-width:160px;height:54px;
  border-radius:999px;
  border:1.5px solid rgba(255,255,255,.95);
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  color:#fff;text-decoration:none;
  font-size:13px;font-weight:850;letter-spacing:.13em;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(4px);
  transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.discover span{font-size:21px;transition:transform .18s ease}
.discover:hover{transform:scale(1.09);background:#fff;color:var(--navy);box-shadow:0 12px 26px rgba(20,40,60,.18)}
.discover:hover span{transform:translateX(4px)}
.service-card:has(.discover:hover) .photo{transform:scale(1.035)}

@media(max-width:1050px){
  .site-header{width:calc(100% - 28px);grid-template-columns:1fr auto}
  .tagline{display:none}
  .services{width:calc(100% - 28px);grid-template-columns:1fr}
  .service-card,.card-content{min-height:520px}
  .card-content{justify-content:center;padding:34px}
}
@media(max-width:620px){
  .site-header{min-height:88px}
  .brand img{width:54px;height:54px}.brand span{display:none}
  .phone span{display:none}.phone b{border:0;padding:0;font-size:13px}
  .services{gap:14px;margin-top:0}
  .service-card,.card-content{min-height:430px}
}

.icon{
  width:74px;
  height:74px;
  margin-bottom:18px;
  color:#fff;
  display:grid;
  place-items:center;
}
.icon svg{
  width:64px;
  height:64px;
  display:block;
}

.whatsapp-float{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:100;
  min-height:54px;
  padding:0 20px 0 15px;
  border-radius:999px;
  display:flex;
  align-items:center;
  gap:11px;
  background:#25D366;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.whatsapp-float:hover{
  transform:scale(1.06);
  box-shadow:0 16px 34px rgba(0,0,0,.23);
  filter:brightness(1.03);
}
.whatsapp-float:focus-visible{
  outline:3px solid #173b67;
  outline-offset:3px;
}
@media(max-width:620px){
  .whatsapp-float{
    right:14px;
    bottom:14px;
    min-height:52px;
    width:52px;
    padding:0;
    justify-content:center;
  }
  .whatsapp-float span{display:none}
}

.wa-mark{
  width:34px;
  height:34px;
  border-radius:50%;
  background:#fff;
  display:grid;
  place-items:center;
  flex:0 0 34px;
}
.wa-mark svg{
  width:22px;
  height:22px;
  display:block;
  fill:#25D366;
}
.wa-label{line-height:1}
@media(max-width:620px){
  .wa-mark{width:32px;height:32px;flex-basis:32px}
  .wa-mark svg{width:21px;height:21px}
  .wa-label{display:none}
}