/* Yeni tasarımın header'ı ve footer'ı, kendi tasarımını koruyan sayfalarda (hukuk sayfaları): kuralları .site-hdr ve .n4b-ftr altına kapsanır. Üretilmiş dosya; canli.js yazar. */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/tema/fraunces-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/tema/fraunces-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/tema/plus-jakarta-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/tema/plus-jakarta-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
.n4b-ftr,.site-hdr{
  --navy: #213343;
  --navy-2: #2d4357;
  --slate: #33475b;
  --muted: #516f90;
  --faint: #7c98b6;
  --line: #dfe3eb;
  --line-2: #cbd6e2;
  --canvas: #fcf6ef;
  --peach: #fbe9d6;
  --gray: #f5f8fa;
  --white: #fff;

  --orange: #d98020;
  --orange-600: #b4661a;
  --orange-300: #f0a95b;
  --blue: #008bb3;
  --blue-600: #00779a;
  --blue-700: #005f7c;
  --teal: #00a4bd;
  --green: #85b367;
  --green-600: #567f3b;

  
  --ink: var(--navy);
  --ink-2: var(--slate);
  --sand: #fbefdf;
  --sky: #e5f5f8;
  --leaf: #e6f1dc;
  --mist-2: #e6ebee;
  --petrol: var(--navy);
  --gap: 12px;
  --hdr-h: 78px;
  --r: 12px;
  --r-lg: 20px;
  --shadow: 0 1px 3px rgba(33, 51, 67, .08), 0 8px 24px -10px rgba(33, 51, 67, .2);
  --shadow-lg: 0 2px 8px rgba(33, 51, 67, .08), 0 24px 56px -24px rgba(33, 51, 67, .35);

  --font: 'Lexend Deca', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --display: var(--font);
  --wrap: 1180px;
  --gutter: 32px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}
.n4b-ftr *,.n4b-ftr *::before,.n4b-ftr *::after{ box-sizing: border-box; }


.n4b-ftr,.site-hdr{ margin: 0; font: 300 16px/1.65 var(--font); color: var(--slate); background: var(--white); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

.n4b-ftr a{ color: var(--blue-600); text-decoration: none; }
.n4b-ftr a:hover{ text-decoration: underline; text-underline-offset: 3px; }

.n4b-ftr ul,.n4b-ftr ol{ margin: 0; padding: 0; list-style: none; }

.n4b-ftr h3{ margin: 0; color: var(--navy); font-weight: 500; line-height: 1.2; overflow-wrap: break-word; }


.n4b-ftr .i{ width: 1.1em; height: 1.1em; flex: none; stroke-width: 1.75; }



.n4b-ftr .wrap{ width: 100%; max-width: calc(var(--wrap) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter); }

























































































































































































































































.n4b-ftr.end{ background: var(--canvas); padding: clamp(20px, 3vw, 32px) 0 0; overflow: hidden; }


















@media (max-width: 860px){

}

.n4b-ftr .ftr{ padding-top: 0; padding-bottom: clamp(20px, 3vw, 32px); font-size: 14.5px; }
.n4b-ftr .f-card{ background: #fff; border-radius: 28px; padding: clamp(28px, 4vw, 48px); box-shadow: 0 1px 2px rgba(33, 51, 67, .05); position: relative; z-index: 1; }
.n4b-ftr .f-top{ display: grid; grid-template-columns: 1.3fr repeat(3, 1fr); gap: 0; }
.n4b-ftr .f-brand{ padding-right: 32px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.n4b-ftr .f-brand img{ width: 132px; }
.n4b-ftr .f-brand p{ margin: 0; font: 500 21px/1.3 var(--serif); color: var(--navy); max-width: 240px; }
.n4b-ftr .f-lang{ margin-top: auto; display: inline-flex; align-items: center; gap: 2px; padding: 4px; border-radius: 999px; border: 1px solid var(--line); color: var(--muted); font-size: 13px; text-decoration: none !important; }
.n4b-ftr .f-lang .i{ width: 16px; height: 16px; margin: 0 4px 0 6px; }
.n4b-ftr .f-lang b,.n4b-ftr .f-lang span{ padding: 4px 10px; border-radius: 999px; }
.n4b-ftr .f-lang b{ background: var(--navy); color: #fff; font-weight: 500; }
.n4b-ftr .f-lang:hover span{ background: var(--gray); }
.n4b-ftr .f-col{ border-left: 1px solid var(--line); padding: 0 24px; }
.n4b-ftr .f-col h3{ font-size: 12.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--faint); margin-bottom: 14px; }
.n4b-ftr .f-col li{ margin: 8px 0; }
.n4b-ftr .f-col a{ color: var(--navy); }
.n4b-ftr .f-col a:hover{ color: var(--orange-600); text-decoration: none; }
.n4b-ftr .f-bottom{ margin-top: clamp(28px, 4vw, 44px); padding-top: 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; flex-wrap: wrap; font-size: 13px; color: var(--muted); }
.n4b-ftr .f-bottom p{ margin: 0; }
.n4b-ftr .f-legal{ display: flex; flex-wrap: wrap; gap: 6px 18px; }
.n4b-ftr .f-legal a{ color: var(--muted); }
.n4b-ftr .f-legal a:hover{ color: var(--navy); }
@media (max-width: 1080px){.n4b-ftr .f-top{ grid-template-columns: repeat(3, 1fr); row-gap: 32px; }
.n4b-ftr .f-brand{ grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 0 0 24px; border-bottom: 1px solid var(--line); }
.n4b-ftr .f-brand p{ max-width: none; }
.n4b-ftr .f-lang{ margin: 0 0 0 auto; }
.n4b-ftr .f-col:nth-child(2){ border-left: 0; padding-left: 0; }}
@media (max-width: 560px){.n4b-ftr .f-top{ grid-template-columns: 1fr 1fr; }
.n4b-ftr .f-col{ border-left: 0; padding: 0; }
.n4b-ftr .f-col:last-child{ grid-column: 1 / -1; }
.n4b-ftr .f-lang{ margin: 0; }
.n4b-ftr .f-card{ border-radius: 22px; }}

@media (max-width: 1080px){









}
@media (max-width: 860px){.n4b-ftr,.site-hdr{ --gutter: 20px; }












}
@media (max-width: 560px){











}







































































@media (max-width: 560px){

}




@media (max-width: 860px){

}
















































@media (max-width: 560px){



}






































@media (max-width: 640px){

}






























@media (max-width: 960px){
}








@media (max-width: 560px){




}

































@media (prefers-reduced-motion: reduce){
}





























@media (max-width: 1080px){






























}
@media (max-width: 420px){
}
@media (prefers-reduced-motion: reduce){
}

@media (max-width: 1080px){


}
@media (max-width: 640px){














}














































































@media (max-width: 960px){

}
@media (max-width: 600px){
}







































@media (max-width: 960px){
}










































@media (max-width: 960px){

}
@media (max-width: 600px){
}
























































@media (max-width: 1080px){

}
@media (max-width: 760px){
}
@media (max-width: 600px){
}



















































































@media (max-width: 960px){



}
@media (max-width: 600px){

}





























@media (max-width: 760px){
}

















@media (max-width: 1080px){
}



















































































@media (max-width: 1080px){
}
@media (max-width: 760px){


}
























































@media (max-width: 960px){

}





















































































































@media (max-width: 960px){




}
@media (max-width: 640px){





}
























@media (max-width: 960px){
}

















@media (max-width: 1080px){

}
@media (max-width: 640px){

}






































































@media (max-width: 1080px){
}
@media (max-width: 760px){

}
@media (max-width: 600px){
}






















































































@media (max-width: 1080px){

}
@media (max-width: 860px){



}
@media (max-width: 600px){
}








@media (max-width: 900px){
}


























@media (max-width: 900px){
}

































































































@media (max-width: 1023px){




}
@media (max-width: 700px){







}















































































@media (max-width: 1100px){


}
@media (max-height: 820px) and (min-width: 1101px){




}

@media (min-width: 1024px){





















}
@media (max-width: 700px){


}
.n4b-ftr,.site-hdr{ --wrap: calc(1600px - 4rem); --gutter: 2rem; }
@media (max-width: 860px){.n4b-ftr,.site-hdr{ --gutter: 2rem; }}
@media (max-width: 640px){.n4b-ftr,.site-hdr{ --gutter: 1.1rem; }}























@media (max-width: 860px){



}



































.n4b-ftr .f-top{ grid-template-columns: 1.3fr repeat(4, 1fr); }
@media (max-width: 1080px){.n4b-ftr .f-top{ grid-template-columns: repeat(4, 1fr); }}
@media (max-width: 760px){.n4b-ftr .f-top{ grid-template-columns: 1fr 1fr; }
.n4b-ftr .f-col:nth-child(4){ border-left: 0; padding-left: 0; }}
@media (max-width: 560px){.n4b-ftr .f-col:last-child{ grid-column: auto; }}















































































@media (max-width: 760px){
}
























@media (max-width: 860px){
}
.n4b-ftr,.site-hdr{
  
  --navy: #525252;
  --navy-2: #525252;
  --slate: #334155;
  --muted: #64748b;
  --faint: #94a3b8;
  --line: #e5e7eb;
  --line-2: #cbd5e1;
  
  --canvas: #f8fafc;
  --gray: #f1f5f9;
  --peach: #fde8d7;
  --sand: #fef3e9;
  --sky: #e6f6fb;
  --leaf: #f3f6e9;
  
  --orange: #d98020;
  --orange-600: #b4661a;
  --orange-300: #f0a95b;
  --blue: #008bb3;
  --blue-600: #00779a;
  --blue-700: #005f7c;
  --teal: #008bb3;
  --green: #85b367;
  --green-600: #567f3b;
  
  --btn-orange: #d98020;
  --btn-turq: #2C9F95;
  --btn-green: #85b367;
  
  --band-blue: #00a0c7;
  
  --band-grad: linear-gradient(135deg, var(--blue) 0%, var(--btn-turq) 55%, var(--btn-green) 100%);
  
  --band-blue-grad: linear-gradient(135deg, #0087a8 0%, var(--band-blue) 50%, #3dbad8 100%);
  
  --hero: #f8e8d7;
  
  --font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --serif: 'Fraunces', Georgia, serif;
  --display: var(--font);
}
.n4b-ftr,.site-hdr{ font-weight: 400; }





.site-hdr .nav-desktop a[href*="csm-demo-planla"],.site-hdr .nav-desktop a[href*="csm-demo-booking"]{ background: var(--btn-orange) !important; border-color: var(--btn-orange) !important; color: #fff !important; }
.site-hdr .nav-desktop a[href*="customer-testimonials"]{ background: var(--btn-turq) !important; border-color: var(--btn-turq) !important; color: #fff !important; }






















.n4b-ftr,.site-hdr{letter-spacing:normal}
.site-hdr,.site-hdr *,.site-hdr :after,.site-hdr :before{box-sizing:border-box;border:0 solid #e5e7eb}.site-hdr,.site-hdr *,.site-hdr :after,.site-hdr :before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.site-hdr .fixed,.site-hdr.fixed{position:fixed}.site-hdr .sticky,.site-hdr.sticky{position:sticky}.site-hdr .inset-0,.site-hdr.inset-0{inset:0}.site-hdr .inset-x-0,.site-hdr.inset-x-0{left:0;right:0}.site-hdr .top-0,.site-hdr.top-0{top:0}.site-hdr .top-20,.site-hdr.top-20{top:5rem}.site-hdr .z-40,.site-hdr.z-40{z-index:40}.site-hdr .z-50,.site-hdr.z-50{z-index:50}.site-hdr .mx-auto,.site-hdr.mx-auto{margin-left:auto;margin-right:auto}.site-hdr .ml-auto,.site-hdr.ml-auto{margin-left:auto}.site-hdr .mr-16,.site-hdr.mr-16{margin-right:4rem}.site-hdr .flex,.site-hdr.flex{display:flex}.site-hdr .inline-flex,.site-hdr.inline-flex{display:inline-flex}.site-hdr .grid,.site-hdr.grid{display:grid}.site-hdr .h-14,.site-hdr.h-14{height:3.5rem}.site-hdr .h-20,.site-hdr.h-20{height:5rem}.site-hdr .h-5,.site-hdr.h-5{height:1.25rem}.site-hdr .w-5,.site-hdr.w-5{width:1.25rem}.site-hdr .w-auto,.site-hdr.w-auto{width:auto}.site-hdr .items-center,.site-hdr.items-center{align-items:center}.site-hdr .justify-center,.site-hdr.justify-center{justify-content:center}.site-hdr .gap-2,.site-hdr.gap-2{gap:.5rem}.site-hdr .gap-3,.site-hdr.gap-3{gap:.75rem}.site-hdr .gap-6,.site-hdr.gap-6{gap:1.5rem}.site-hdr .gap-8,.site-hdr.gap-8{gap:2rem}.site-hdr .overflow-y-auto,.site-hdr.overflow-y-auto{overflow-y:auto}.site-hdr .rounded-2xl,.site-hdr.rounded-2xl{border-radius:1rem}.site-hdr .rounded-lg,.site-hdr.rounded-lg{border-radius:.5rem}.site-hdr .rounded-xl,.site-hdr.rounded-xl{border-radius:.75rem}.site-hdr .border,.site-hdr.border{border-width:1px}.site-hdr .border-b,.site-hdr.border-b{border-bottom-width:1px}.site-hdr .border-t,.site-hdr.border-t{border-top-width:1px}.site-hdr .border-slate-200,.site-hdr.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity))}.site-hdr .bg-white,.site-hdr.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.site-hdr .p-2,.site-hdr.p-2{padding:.5rem}.site-hdr .px-3,.site-hdr.px-3{padding-left:.75rem;padding-right:.75rem}.site-hdr .px-4,.site-hdr.px-4{padding-left:1rem;padding-right:1rem}.site-hdr .px-5,.site-hdr.px-5{padding-left:1.25rem;padding-right:1.25rem}.site-hdr .py-2,.site-hdr.py-2{padding-top:.5rem;padding-bottom:.5rem}.site-hdr .py-2\.5,.site-hdr.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.site-hdr .py-4,.site-hdr.py-4{padding-top:1rem;padding-bottom:1rem}.site-hdr .text-base,.site-hdr.text-base{font-size:1rem;line-height:1.5rem}.site-hdr .text-lg,.site-hdr.text-lg{font-size:1.125rem;line-height:1.75rem}.site-hdr .text-sm,.site-hdr.text-sm{font-size:.875rem;line-height:1.25rem}.site-hdr .font-medium,.site-hdr.font-medium{font-weight:500}.site-hdr .font-semibold,.site-hdr.font-semibold{font-weight:600}.site-hdr .text-slate-300,.site-hdr.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.site-hdr .text-slate-700,.site-hdr.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity))}.site-hdr .text-white,.site-hdr.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.site-hdr .shadow-lg,.site-hdr.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.site-hdr .shadow-lg,.site-hdr.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.site-hdr .shadow-sm,.site-hdr.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.site-hdr .shadow-sm,.site-hdr.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.site-hdr .backdrop-blur-md,.site-hdr.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.site-hdr .backdrop-blur-md,.site-hdr.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.site-hdr .transition,.site-hdr.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.site-hdr .transition-all,.site-hdr.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.site-hdr .hover\:bg-slate-50:hover,.site-hdr.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.site-hdr .hover\:underline:hover,.site-hdr.hover\:underline:hover{text-decoration-line:underline}.site-hdr .hover\:opacity-90:hover,.site-hdr.hover\:opacity-90:hover{opacity:.9}@media (min-width:1280px){.site-hdr .xl\:px-8,.site-hdr.xl\:px-8{padding-left:2rem;padding-right:2rem}}.site-hdr{--brand-cyan:#00a6ce;--brand-gray:#928f90;font-family:var(--font,'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif);font-size:16px;font-weight:400;line-height:1.5;color:#4a4848}.site-hdr a,.site-hdr a:hover{color:inherit;text-decoration:inherit;text-underline-offset:auto}.site-hdr button{background:transparent;color:inherit}.site-hdr .maxw{max-width:1600px}