:root{--ref-navy:#031a31;--ref-red:#d92229;--ref-green:#1da554;--ref-blue:#1875d1;--ref-soft:#f7f8fa;--ref-shadow:0 8px 24px rgba(3,26,49,.09)}

.home-template{background:#fff;color:#06182b}
.home-template .topline{background:#021426;color:#d9e5ef}
.home-template .site-header{background:var(--ref-navy);border-bottom:0;color:#fff;box-shadow:0 4px 16px rgba(3,26,49,.12)}
.home-template .nav-wrap{height:76px}
.home-template .brand strong,.home-template .brand small,.home-template .main-nav a,.home-template .header-call strong{color:#fff}
.home-template .brand-mark{background:var(--ref-red);border-radius:50% 50% 50% 8px;box-shadow:none}
.home-template .header-call{border-left-color:#ffffff2b}
.home-template .header-call span{color:#9fb1c0}
.home-template .menu-toggle span{background:#fff}
.home-template .main-nav a::after{background:var(--ref-red)}

.ref-hero{background:#fff;overflow:hidden}
.ref-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;min-height:560px;padding:0!important;max-width:var(--container)}
.ref-hero-copy{padding:58px 46px 52px 0;align-self:center;min-width:0}
.ref-kicker{display:block;color:var(--ref-red);font-size:.73rem;font-weight:900;letter-spacing:.04em;margin-bottom:18px}
.ref-hero h1{font-size:clamp(2.8rem,4.6vw,4.85rem);line-height:1.05;letter-spacing:-.045em;color:var(--ref-navy);max-width:650px}
.ref-hero-copy>p{font-size:1rem;color:#364657;max-width:630px;margin-top:22px}
.ref-promises{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:27px}
.ref-promises span{display:flex;align-items:center;gap:8px;min-height:56px;padding:9px 10px;background:#fff;border:1px solid #e7ebef;border-radius:7px;box-shadow:0 4px 12px rgba(3,26,49,.06);font-size:.68rem;font-weight:800;line-height:1.25}
.ref-promises b{font-size:1.1rem;color:var(--ref-red)}
.ref-hero-actions{display:flex;gap:12px;margin-top:25px}
.ref-action{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;border-radius:7px;padding:9px 19px;color:#fff;font-weight:900;text-transform:uppercase;box-shadow:0 8px 18px rgba(3,26,49,.12);transition:transform .2s,filter .2s}
.ref-action:hover{transform:translateY(-2px);filter:brightness(.96)}
.ref-action.call{background:var(--ref-red)}
.ref-action.whatsapp{background:var(--ref-green)}
.ref-action>b{font-size:1.65rem;line-height:1}
.ref-action>span{display:grid;line-height:1.1}
.ref-action small{font-size:.66rem;font-weight:600;text-transform:none;opacity:.88;margin-top:4px}
.ref-hero-photo{min-width:0;position:relative;overflow:hidden;background:#eee}
.ref-hero-photo::after{content:"";position:absolute;inset:0 auto 0 0;width:16%;background:linear-gradient(90deg,#fff,transparent)}
.ref-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:67% center}

.ref-services{padding:58px 0 70px;background:#fff}
.ref-heading{text-align:center;margin-bottom:26px}
.ref-heading h2{font-size:1.25rem;letter-spacing:-.015em;text-transform:uppercase;color:var(--ref-navy);display:inline-block;position:relative}
.ref-heading h2::after{content:"";position:absolute;width:34px;height:3px;background:var(--ref-red);left:50%;bottom:-11px;transform:translateX(-50%);border-radius:4px}
.ref-heading.left{text-align:left}
.ref-heading.left h2::after{left:0;transform:none}
.ref-service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}
.ref-service-card{padding:24px 13px 19px;text-align:center;background:#fff;border:1px solid #e9edf0;border-radius:9px;box-shadow:var(--ref-shadow);min-height:265px;display:flex;flex-direction:column;align-items:center;transition:transform .2s,box-shadow .2s}
.ref-service-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(3,26,49,.13)}
.ref-service-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;font-weight:900;background:#feecee;color:#d92229;margin-bottom:14px}
.ref-service-card.blue .ref-service-icon{background:#eaf4ff;color:#1977d2}.ref-service-card.orange .ref-service-icon{background:#fff0e4;color:#ef751c}.ref-service-card.green .ref-service-icon{background:#e8f7ed;color:#1e994c}.ref-service-card.purple .ref-service-icon{background:#f3eaff;color:#8539c8}.ref-service-card.cyan .ref-service-icon{background:#e8f7ff;color:#2789c9}
.ref-service-card h3{font-size:.96rem;line-height:1.2;color:var(--ref-navy);min-height:39px;display:grid;place-items:center}
.ref-service-card p{font-size:.72rem;line-height:1.55;margin-top:12px;color:#5e6874;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.ref-more{font-size:.68rem;color:var(--ref-red);font-weight:800;margin-top:auto;padding-top:12px}

.ref-trust-section{padding:52px 0 58px;background:#fbfcfd}
.ref-trust-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.ref-why ul{list-style:none;padding:0;margin:33px 0 29px;display:grid;gap:13px}
.ref-why li{font-size:.88rem;color:#334354;position:relative;padding-left:26px}
.ref-why li::before{content:"✓";position:absolute;left:0;top:1px;width:16px;height:16px;border-radius:50%;background:var(--ref-red);color:#fff;display:grid;place-items:center;font-size:.64rem;font-weight:900}
.ref-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ref-stat-grid>div{background:#fff;border:1px solid #e8ecef;border-radius:7px;box-shadow:0 5px 16px rgba(3,26,49,.07);padding:15px 5px;text-align:center;display:grid}
.ref-stat-grid b{font-size:1.35rem;color:var(--ref-red)}
.ref-stat-grid strong{font-size:1rem;color:var(--ref-navy);margin-top:4px}
.ref-stat-grid span{font-size:.58rem;color:#667483;font-weight:700}
.ref-review-summary{display:flex;align-items:center;gap:12px;margin:29px 0 13px}
.ref-review-summary>strong{font-size:3.1rem;line-height:1;color:var(--ref-navy)}
.ref-review-summary>span{color:#ffb200;font-size:1.25rem;letter-spacing:1px;display:grid}
.ref-review-summary small{font-size:.66rem;letter-spacing:0;color:#5d6975;font-weight:700}
.ref-review-list{display:grid;gap:8px}
.ref-review-list article{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:start;background:#fff;border:1px solid #e8ecef;border-radius:7px;padding:12px 14px;box-shadow:0 4px 12px rgba(3,26,49,.05)}
.ref-avatar{width:34px;height:34px;border-radius:50%;background:#6850c9;color:#fff;display:grid;place-items:center;font-weight:900}
.ref-review-list article:nth-child(2) .ref-avatar{background:#15958e}.ref-review-list article:nth-child(3) .ref-avatar{background:#e05c13}
.ref-review-list article strong{font-size:.75rem}.ref-review-list article strong small{font-size:.55rem;color:#1769d2;border:1px solid #b9d3f5;padding:1px 5px;border-radius:10px;margin-left:4px}
.ref-review-list .stars{font-size:.67rem;color:#ffb200;line-height:1}
.ref-review-list p{font-size:.66rem;line-height:1.45;margin-top:5px}
.ref-google-mark{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;color:#4285f4;background:#fff;border:1px solid #e4e8ed;font:900 .78rem/1 Arial,sans-serif;box-shadow:0 2px 6px rgba(3,26,49,.08)}
.ref-all-reviews{width:max-content;max-width:100%;display:flex;align-items:center;gap:9px;margin:13px auto 0;padding:8px 17px;border:1px solid #dce3e9;border-radius:999px;background:#fff;color:var(--ref-navy);font-size:.69rem;font-weight:850;box-shadow:0 3px 10px rgba(3,26,49,.05)}
.ref-all-reviews:hover{border-color:#b9c7d2;color:var(--ref-blue)}
.ref-review-empty{background:#fff;border:1px solid #e8ecef;border-radius:8px;padding:28px;margin-top:32px}.ref-review-empty p{font-size:.8rem;margin-top:6px}

.ref-areas{padding:48px 0 38px;background:#fff}
.ref-area-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:32px}
.ref-area-grid a{min-height:46px;background:#fff;border:1px solid #e8ecef;border-radius:6px;box-shadow:0 4px 12px rgba(3,26,49,.06);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.73rem;font-weight:800;color:#293846}
.ref-area-grid a b{font-size:.62rem;color:var(--ref-navy)}
.ref-area-note{text-align:center;color:#5e6874;font-size:.82rem;font-weight:700;margin-top:24px}.ref-area-note::first-letter{color:var(--ref-red)}

.ref-cta-wrap{padding:0 0 20px;background:#fff}
.ref-cta{min-height:220px;background:var(--ref-navy);border-radius:12px;position:relative;overflow:hidden;display:grid;grid-template-columns:230px 1fr 320px;align-items:center;color:#fff;padding:25px 28px 22px 0}
.ref-cta::before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:#0a2b48;left:-70px;top:-120px}
.ref-cta>img{position:absolute;left:6px;bottom:-50px;width:220px;height:auto;z-index:1}
.ref-cta-copy{grid-column:2;padding:0 25px;position:relative;z-index:2}
.ref-cta-copy h2{font-size:1.65rem;text-transform:uppercase;letter-spacing:-.02em}.ref-cta-copy p{color:#d5e0e8;font-size:.83rem;margin-top:10px;max-width:480px}.ref-cta-copy small{display:block;color:#8fa5b7;font-size:.65rem;margin-top:9px}
.ref-cta-actions{grid-column:3;display:grid;gap:9px;position:relative;z-index:2}.ref-cta-actions .ref-action{justify-content:flex-start}
.home-template .site-footer{padding:48px 0 18px;background:#021426}.home-template .footer-grid{gap:34px}.home-template .footer-grid h2{font-size:.74rem;color:#fff}.home-template .footer-grid a,.home-template .footer-grid p{font-size:.76rem}.home-template .footer-bottom{margin-top:35px}

@media(max-width:1050px){
  .ref-service-grid{grid-template-columns:repeat(3,1fr)}
  .ref-trust-layout{gap:35px}
  .ref-area-grid{grid-template-columns:repeat(4,1fr)}
  .ref-cta{grid-template-columns:205px 1fr 280px}.ref-cta>img{width:200px}.ref-cta-copy{padding:0 14px}
}

@media(max-width:800px){
  .home-template .nav-wrap{height:68px}.home-template .main-nav{top:68px;background:var(--ref-navy);border-color:#ffffff20}.home-template .main-nav a{color:#fff}
  .ref-hero-grid{grid-template-columns:minmax(0,1fr);padding:0!important}
  .ref-hero-copy{padding:39px 18px 30px;order:1}
  .ref-hero h1{font-size:2.55rem}
  .ref-hero-copy>p{font-size:.9rem;margin-top:17px}
  .ref-hero-photo{height:330px;order:2}
  .ref-hero-photo::after{display:none}.ref-hero-photo img{object-position:67% 45%}
  .ref-promises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-bottom:0}.ref-promises span{min-width:0}
  .ref-services{padding:40px 0 48px}.ref-service-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ref-service-card{min-height:250px;padding:20px 11px 16px}
  .ref-trust-section{padding:42px 0}.ref-trust-layout{grid-template-columns:1fr;gap:44px}
  .ref-area-grid{grid-template-columns:repeat(2,1fr)}
  .ref-cta{min-height:455px;grid-template-columns:1fr;padding:29px 18px 20px;align-items:start}.ref-cta>img{width:205px;left:-22px;bottom:-30px}.ref-cta-copy{grid-column:1;padding:0 0 0 145px;min-height:165px}.ref-cta-copy h2{font-size:1.3rem}.ref-cta-actions{grid-column:1;align-self:end;margin-top:22px}.ref-cta-actions .ref-action{min-height:56px;padding-left:125px}
}

@media(max-width:520px){
  .home-template .brand strong{font-size:.96rem}.home-template .brand small{font-size:.57rem}.home-template .brand-mark{width:39px;height:39px}
  .ref-hero h1{font-size:2.25rem}.ref-hero-photo{height:300px}
  .ref-hero-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.ref-action{padding:9px 7px;font-size:.7rem;min-width:0}.ref-action>b{font-size:1.25rem}.ref-action>span{min-width:0}
  .ref-service-card h3{font-size:.88rem}.ref-service-card p{font-size:.68rem}
  .ref-stat-grid{grid-template-columns:repeat(2,1fr)}
  .ref-review-summary>strong{font-size:2.55rem}
  .ref-area-grid a{font-size:.68rem;padding:5px}
  .ref-cta{border-radius:8px}.ref-cta>img{width:185px;left:-38px}.ref-cta-copy{padding-left:118px}.ref-cta-actions .ref-action{padding-left:108px}
}

/* Ortak koyu navigasyon ve aksiyon butonları */
.site-header{background:var(--ref-navy);border-bottom:0;color:#fff;box-shadow:0 4px 18px rgba(3,26,49,.14)}
.site-header .topline{background:#021426;color:#b9c9d6;border-bottom:1px solid #ffffff12}
.site-header .nav-wrap{height:76px}
.site-header .brand img{width:auto;max-width:210px;height:52px;object-fit:contain}
.site-header .brand strong,.site-header .brand small,.site-header .main-nav a{color:#fff}
.site-header .brand-mark{background:var(--ref-red);border-radius:50% 50% 50% 8px;box-shadow:none}
.site-header .main-nav{gap:20px}
.site-header .main-nav a{font-size:.78rem;text-transform:uppercase;letter-spacing:.015em}
.site-header .main-nav a::after{background:var(--ref-red)}
.site-header .search-link{color:#fff}
.header-actions{display:flex;align-items:center;gap:7px;margin-left:2px}
.header-action{min-height:38px;padding:8px 13px;border-radius:6px;color:#fff;font-size:.67rem;font-weight:900;text-transform:uppercase;white-space:nowrap;box-shadow:0 5px 12px rgba(0,0,0,.12)}
.header-action span{font-size:.9rem;margin-right:3px}
.header-action.call{background:var(--ref-red)}
.header-action.whatsapp{background:var(--ref-green)}
.site-header .menu-toggle span{background:#fff}

/* Referanstaki tam genişlik ana sayfa hero düzeni */
.ref-hero{position:relative;min-height:535px;background:#fff;overflow:hidden}
.ref-hero-grid{position:relative;z-index:2;display:flex;align-items:center;min-height:535px;padding:0!important}
.ref-hero-copy{width:min(610px,52%);padding:64px 0 60px}
.ref-kicker{white-space:nowrap}
.ref-hero h1{max-width:610px;font-size:clamp(2.6rem,3.35vw,3.85rem);line-height:1.04}
.ref-hero-copy>p,.ref-promises,.ref-hero-actions{width:100%;max-width:610px}
.ref-hero-photo{position:absolute;inset:0;z-index:0;background:#fff;overflow:hidden}
.ref-hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 32%,rgba(255,255,255,.97) 41%,rgba(255,255,255,.56) 55%,transparent 72%);width:auto}
.ref-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center center}

.site-footer{background:#021426}
.site-footer .footer-logo{width:auto;max-width:230px;max-height:72px;object-fit:contain}

@media(max-width:1120px){
  .site-header .main-nav{gap:13px}.site-header .main-nav a{font-size:.7rem}.header-action{padding-inline:10px}
  .ref-hero-copy{width:min(570px,54%)}
}

@media(max-width:800px){
  .site-header .nav-wrap{height:68px}.site-header .main-nav{top:68px;background:var(--ref-navy);border-color:#ffffff20}.site-header .main-nav a{color:#fff;font-size:.78rem}.header-actions{display:none}
  .site-header .brand img{height:45px;max-width:180px}
  .ref-hero{display:flex;flex-direction:column;min-height:auto}.ref-hero-grid{order:1;display:block;min-height:auto}.ref-hero-copy{width:100%;padding:40px 0 31px}.ref-hero-photo{order:2;position:relative;inset:auto;width:100%;height:345px}.ref-hero-photo::after{display:none}.ref-hero-photo img{object-position:68% center}
}

@media(max-width:520px){
  .ref-hero-photo{height:300px}
}