:root{--navy:#142c3a;--teal:#1b7b78;--mint:#e8f2ee;--cream:#f7f6f1;--ink:#243640;--muted:#68777c;--gold:#d7a85c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}.site-header{height:84px;padding:0 7%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 3px 18px #142c3a0c}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--navy);letter-spacing:1.2px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--teal);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{font-size:10px;letter-spacing:4px;margin-top:4px}.site-header nav{display:flex;gap:27px}.site-header nav a{font-size:13px;text-decoration:none;color:var(--ink)}.site-header nav a:hover,.text-link:hover{color:var(--teal)}.header-call{background:var(--navy);color:#fff;text-decoration:none;padding:13px 18px;border-radius:6px;font-size:13px}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{min-height:570px;padding:90px 10%;display:flex;align-items:center;justify-content:space-between;gap:55px;background:linear-gradient(110deg,#f3f6f1 0%,#e6f0eb 62%,#d6e7df 100%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #1b7b7825;border-radius:50%;right:-110px;top:-170px}.hero-content{max-width:590px;z-index:1}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--teal);font-weight:700}.hero h1,.section-heading h2,.about h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,66px);line-height:1.08;color:var(--navy);font-weight:400;margin:20px 0}.hero h1 em,.section-heading h2 em,.about h2 em{color:var(--teal);font-weight:400}.hero-content>p,.section-heading>p,.about-copy>p{max-width:510px;color:var(--muted);line-height:1.8;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;border-radius:5px;text-decoration:none;font-weight:700;font-size:13px;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--teal);color:#fff}.button-outline{border:1px solid #9eaeaa;color:var(--navy)}.hero-note{margin-top:28px;font-size:12px;color:#64766f}.check{color:var(--teal);font-weight:bold;margin-right:7px}.hero-card{z-index:1;width:300px;min-height:330px;background:var(--navy);color:white;padding:35px;border-radius:4px;box-shadow:18px 18px 0 #1b7b7825}.moving-icon{font-size:48px;color:var(--gold);margin-bottom:35px}.card-kicker{font-size:9px;letter-spacing:2px;color:#b9d2ca}.hero-card h2{font:36px/1.12 Georgia,serif;margin:18px 0}.hero-card p{font-size:13px;color:#c2d0d1;line-height:1.6}.hero-card a{display:inline-block;margin-top:18px;color:#e8c17e;text-decoration:none;font-size:13px}.search-strip{padding:28px 10%;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative}.search-strip>div strong,.search-strip>div span{display:block}.search-strip>div strong{font:22px Georgia,serif}.search-strip>div span{font-size:11px;color:#b6c8c9;margin-top:6px}.search-strip form{display:flex;width:min(440px,48%)}.search-strip input{min-width:0;flex:1;padding:14px;border:0;border-radius:4px 0 0 4px;outline:none}.search-strip button{border:0;background:var(--gold);color:var(--navy);font-weight:bold;padding:0 24px;border-radius:0 4px 4px 0;cursor:pointer}.search-strip #search-message{position:absolute;right:10%;bottom:2px;font-size:11px;color:#f1d39d}.section{padding:95px 10%}.section-heading{text-align:center;margin:0 auto 48px;max-width:600px}.section-heading h2,.about h2{font-size:46px}.section-heading>p{margin:0 auto}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{border:1px solid #e5ebe7;padding:27px 23px;min-height:245px;position:relative;background:#fff;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #142c3a12;border-color:#c5dbd2}.service-number{position:absolute;right:20px;top:18px;color:#c4d1cc;font-size:12px}.service-icon{font-size:30px;color:var(--teal);margin:18px 0 20px}.service-card h3{font:21px Georgia,serif;color:var(--navy)}.service-card p{font-size:13px;line-height:1.7;color:var(--muted)}.no-results{text-align:center;color:var(--teal);padding:20px}.about{background:var(--cream);padding:85px 13%;display:flex;align-items:center;justify-content:center;gap:100px}.about-badge{width:230px;height:260px;background:var(--teal);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font:52px Georgia,serif;transform:rotate(-4deg);box-shadow:14px 14px 0 #d5e4dc}.about-badge strong{font:12px Arial;letter-spacing:5px;margin-top:12px}.about-copy{max-width:490px}.about h2{margin:17px 0}.text-link{display:inline-block;margin-top:16px;color:var(--teal);font-size:13px;font-weight:bold;text-decoration:none}.contact{background:#fff}.contact-panel{max-width:850px;margin:auto;padding:35px 40px;background:var(--mint);display:flex;align-items:center;justify-content:space-between;gap:25px}.contact-label,.contact-hint{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.phone-number{display:block;font:32px Georgia,serif;color:var(--navy);text-decoration:none;margin:12px 0}.contact-hint{letter-spacing:0;font-size:12px}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.button-dark{background:var(--navy);color:white}footer{padding:28px 8%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0ed;color:var(--muted);font-size:11px}.footer-brand .brand-mark{width:35px;height:35px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:20;background:#20b866;color:white;text-decoration:none;border-radius:30px;padding:13px 18px;box-shadow:0 5px 18px #0002;font-weight:bold;font-size:14px}.whatsapp-float:first-letter{font-size:18px}@media(max-width:900px){.site-header{padding:0 5%}.site-header nav{gap:13px}.header-call{padding:11px;font-size:11px}.hero{padding:75px 7%}.hero-card{width:260px}.service-grid{grid-template-columns:repeat(2,1fr)}.about{gap:55px;padding:75px 8%}.section{padding:80px 7%}}@media(max-width:650px){.site-header{height:72px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px 7%;flex-direction:column;box-shadow:0 10px 15px #0001}.site-header nav.open{display:flex}.header-call{margin-left:auto;margin-right:12px}.menu-toggle{display:block}.hero{padding:65px 7%;display:block}.hero h1{font-size:48px}.hero-card{margin:55px auto 0;width:min(100%,330px);min-height:270px}.search-strip{padding:25px 7%;display:block}.search-strip form{width:100%;margin-top:18px}.search-strip #search-message{position:static;margin:8px 0 0}.section{padding:70px 7%}.section-heading h2,.about h2{font-size:39px}.service-grid{grid-template-columns:1fr}.service-card{min-height:205px}.about{padding:65px 8%;display:block}.about-badge{width:170px;height:190px;margin:0 auto 55px;font-size:42px}.contact-panel{padding:28px 23px;display:block}.contact-actions{margin-top:25px}.phone-number{font-size:29px}footer{padding:25px 7%;display:block}footer>span{display:block;margin-top:18px}.whatsapp-float{right:14px;bottom:14px}.whatsapp-float span{display:none}.whatsapp-float{width:52px;height:52px;padding:0;display:grid;place-items:center;font-size:23px}}
/* Mobil duzenlemeleri: masaustu tasarimi korunur */
@media (max-width: 650px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
  body { overflow-wrap: break-word; }
  .site-header {
    height: auto;
    min-height: 72px;
    padding: 10px 4%;
    gap: 8px;
  }
  .brand { gap: 7px; min-width: 0; flex: 1 1 auto; letter-spacing: .5px; }
  .brand-mark { width: 36px; height: 36px; flex: 0 0 36px; font-size: 22px; }
  .brand strong { font-size: 11px; white-space: nowrap; }
  .brand small { font-size: 9px; letter-spacing: 3px; }
  .header-call {
    flex: 0 0 auto;
    margin: 0 2px 0 auto;
    padding: 10px 9px;
    font-size: 10px;
    white-space: nowrap;
    border-radius: 5px;
  }
  .menu-toggle { flex: 0 0 34px; width: 34px; padding: 3px; line-height: 1; font-size: 24px; }
  .site-header nav {
    top: 100%;
    padding: 16px 6%;
    gap: 0;
  }
  .site-header nav a { display: block; padding: 12px 0; font-size: 15px; border-bottom: 1px solid #edf0ed; }
  .site-header nav a:last-child { border-bottom: 0; }

  .hero { padding: 48px 6% 42px; min-height: 0; }
  .hero-content { width: 100%; max-width: none; }
  .eyebrow { font-size: 10px; letter-spacing: 2px; line-height: 1.6; }
  .hero h1 { font-size: clamp(34px, 9vw, 44px); line-height: 1.13; margin: 15px 0; overflow-wrap: normal; }
  .hero-content > p, .section-heading > p, .about-copy > p { font-size: 14px; line-height: 1.75; }
  .hero-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 22px; }
  .hero-actions .button { width: 100%; min-height: 48px; padding: 13px 14px; text-align: center; white-space: normal; line-height: 1.35; }
  .hero-note { font-size: 11px; line-height: 1.7; margin-top: 19px; }
  .hero-card { width: 100%; max-width: 360px; min-height: 0; margin: 34px auto 0; padding: 26px; }
  .moving-icon { margin-bottom: 20px; }
  .card-kicker { font-size: 9px; line-height: 1.6; letter-spacing: 1.5px; }
  .hero-card h2 { font-size: 31px; line-height: 1.2; }

  .search-strip { padding: 25px 6%; }
  .search-strip > div strong { font-size: 20px; line-height: 1.3; }
  .search-strip > div span { font-size: 12px; line-height: 1.5; }
  .search-strip form { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0; }
  .search-strip input { width: 100%; min-width: 0; padding: 13px 11px; font-size: 14px; }
  .search-strip button { padding: 0 17px; min-height: 46px; }

  .section { padding: 58px 6%; }
  .section-heading { margin-bottom: 32px; }
  .section-heading h2, .about h2 { font-size: clamp(30px, 8vw, 37px); line-height: 1.16; margin: 14px 0; }
  .service-grid { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .service-card { min-height: 0; padding: 22px 20px; }
  .service-card h3 { font-size: 20px; line-height: 1.3; margin: 12px 0 8px; }
  .service-card p { font-size: 13px; line-height: 1.7; margin-bottom: 3px; }

  .about { padding: 55px 7%; display: flex; flex-direction: column; gap: 30px; }
  .about-badge { width: 150px; height: 165px; margin: 0 auto; font-size: 38px; }
  .about-copy { width: 100%; max-width: none; }
  .about h2 br, .section-heading h2 br { display: none; }

  .contact-panel { padding: 24px 20px; display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
  .phone-number { font-size: clamp(25px, 7vw, 30px); line-height: 1.25; white-space: nowrap; }
  .contact-hint { line-height: 1.6; }
  .contact-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0; }
  .contact-actions .button { width: 100%; min-height: 46px; white-space: normal; text-align: center; }

  footer { padding: 23px 6%; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; line-height: 1.6; }
  footer > span { display: block; margin: 0; }
  .whatsapp-float { right: 14px; bottom: 14px; width: 54px; height: 54px; padding: 0; display: grid; place-items: center; font-size: 23px; }
  .whatsapp-float span { display: none; }
}

@media (max-width: 360px) {
  .site-header { padding-left: 3%; padding-right: 3%; gap: 5px; }
  .brand strong { font-size: 10px; }
  .brand small { letter-spacing: 2px; }
  .header-call { font-size: 9px; padding: 9px 7px; }
  .hero h1 { font-size: 33px; }
  .phone-number { font-size: 24px; }
}