.cm-hero{position:relative!important;display:block!important;width:100%!important;min-height:800px!important;height:800px;overflow:hidden;background:#0c0c0c;isolation:isolate}.cm-hero>.cm-slide{position:absolute!important;inset:0;width:100%!important;height:100%;display:flex!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s;background-size:cover!important;background-position:center!important}.cm-hero>.cm-slide:first-child,.cm-hero>.cm-slide.cm-active{opacity:1;visibility:visible;pointer-events:auto}.cm-hero:has(.cm-slide.cm-active)>.cm-slide:not(.cm-active){opacity:0;visibility:hidden;pointer-events:none}.cm-slide:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0c0c0c);pointer-events:none;z-index:0}.cm-brand{position:absolute!important;top:22%;left:50%;transform:translateX(-50%);z-index:1;white-space:nowrap;width:auto!important}.cm-brand .elementor-heading-title{font:400 clamp(110px,22vw,300px)/1 "Arial Black",Arial,sans-serif!important;color:rgba(255,255,255,.4)!important;letter-spacing:-.05em}.cm-device{position:absolute!important;left:50%;bottom:6%;transform:translateX(-50%);z-index:2;width:470px!important;max-width:50%!important}.cm-device img{width:100%!important;height:auto!important;object-fit:contain;display:block;filter:drop-shadow(0 20px 30px #0004)}.cm-device-2{width:547px!important}.cm-device-3{width:370px!important;left:calc(50% + 35px)}.cm-left,.cm-right{position:absolute!important;top:45%;z-index:3;width:209px!important;max-width:22%!important}.cm-left{left:max(5%,calc(50% - 530px))}.cm-right{right:max(5%,calc(50% - 530px));width:181px!important}.cm-left .elementor-heading-title{font:600 24px/1.3 "Source Code Pro",monospace!important;color:#1a5e2b!important}.cm-right .elementor-heading-title{font:600 24px/1.3 "Source Code Pro",monospace!important;color:#000!important}.cm-arrows .elementor-heading-title{font:600 20px/1.4 monospace!important;color:#1a5e2b!important;letter-spacing:.12em}.cm-right .elementor-button{font:700 15px/1.4 monospace!important;color:#fffd!important;background:#1a5e2b;border-radius:30px;padding:15px 23px}.cm-slider-nav{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;z-index:8;padding:6px 12px;border-radius:30px;background:#0c0c0c88}.cm-slider-nav button{border:1px solid #ffffff60;background:transparent;color:#fff;min-width:30px;min-height:30px;border-radius:50%;cursor:pointer;padding:0}.cm-slider-nav .cm-dot{min-width:11px;min-height:11px;width:11px;height:11px}.cm-slider-nav .cm-dot[aria-current=true]{background:#fff}.cm-slider-nav button:last-child{font:12px Arial;min-width:70px;border-radius:20px}.cm-slider-nav button:focus-visible,.cm-guide a:focus-visible{outline:3px solid #64c88c;outline-offset:3px}
@media(max-width:1024px){.cm-hero{height:960px;min-height:960px!important}.cm-brand{top:28%}.cm-device{bottom:10%;max-width:62%!important}.cm-left,.cm-right{top:16%;max-width:35%!important}.cm-left{left:6%}.cm-right{right:6%}.cm-left .elementor-heading-title,.cm-right .elementor-heading-title{font-size:20px!important}}
@media(max-width:767px){.cm-hero{height:720px;min-height:720px!important}.cm-brand{top:31%}.cm-brand .elementor-heading-title{font-size:clamp(83px,23vw,165px)!important}.cm-device{bottom:9%;width:350px!important;max-width:calc(100% - 44px)!important}.cm-device-2{width:390px!important}.cm-device-3{width:280px!important;left:50%}.cm-left{top:7%;left:24px;max-width:calc(100% - 48px)!important;width:calc(100% - 48px)!important}.cm-left .elementor-heading-title{font-size:14px!important;max-width:310px}.cm-right{top:22%;left:24px;right:auto;max-width:calc(100% - 48px)!important;width:calc(100% - 48px)!important;display:flex;align-items:center;gap:14px}.cm-right .elementor-heading-title{font-size:14px!important;max-width:180px}.cm-right .elementor-button{font-size:12px!important;padding:11px 17px}.cm-arrows{display:none}.cm-slider-nav{bottom:10px}.cm-guide{padding:26px 20px!important}.cm-cta{padding:25px!important}.cm-tools-grid{grid-template-columns:1fr!important}}
.elementor-editor-active .cm-hero{height:auto;min-height:0!important}.elementor-editor-active .cm-hero>.cm-slide{position:relative!important;min-height:800px;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.cm-guide{max-width:1000px;margin:38px auto 60px;padding:38px;border:1px solid #e2e9e4;border-radius:18px;background:#fff;color:#21372a;line-height:1.85}.cm-guide h2{font-size:clamp(22px,3vw,30px);line-height:1.3;color:#153e25;margin:32px 0 18px}.cm-guide p{margin:0 0 18px}.cm-guide section{scroll-margin-top:110px}.cm-answer{padding:24px;border-left:4px solid #1a5e2b;border-radius:12px;background:#f1f7f3}.cm-answer p{margin:8px 0 0}.cm-toc{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0;border-bottom:1px solid #dce6df;padding-bottom:20px}.cm-toc a{font-weight:600;text-decoration:underline;color:#1a5e2b}.cm-guide details{border:1px solid #dfe8e2;border-radius:10px;padding:18px;margin:12px 0}.cm-guide summary{font-weight:600;cursor:pointer}.cm-guide details p{margin:14px 0 0}.cm-related a{display:inline-block;margin:0 16px 10px 0;text-decoration:underline}.cm-cta{margin-top:30px;background:#174d29;color:#fff;padding:32px;border-radius:14px}.cm-cta h2{color:#fff;margin-top:0}.cm-cta a{display:inline-block;background:#fff;color:#174d29;border-radius:8px;padding:12px 17px;margin:5px;font-weight:700}.cm-editorial{font-size:13px;color:#5d7063;margin-top:22px!important}.cm-table-scroll{overflow-x:auto;border:1px solid #d8e4dc;border-radius:12px;margin:24px 0}.cm-compare{min-width:650px;width:100%;border-collapse:collapse;margin:0}.cm-compare th,.cm-compare td{padding:15px;border-bottom:1px solid #dce6df;text-align:left}.cm-compare thead{background:#174d29;color:white}.cm-compare tbody tr:nth-child(even){background:#f4f8f5}.cm-calculator{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#f1f7f3;padding:24px;border-radius:12px}.cm-calculator label{font-weight:600}.cm-calculator input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #aebdb3;border-radius:6px}.cm-calculator button{background:#174d29;color:#fff;padding:13px;border:0;border-radius:6px}.cm-calculator output{grid-column:1/-1;font-weight:600}.cm-tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:30px auto;padding:0 20px}.cm-tools-grid a{display:block;padding:22px;border:1px solid #dce6df;border-radius:12px;background:#f3f8f4;font-weight:700;color:#174d29}.cm-product-note{margin-top:30px;padding:24px;background:#f2f7f3;border-left:4px solid #1a5e2b}.cm-product-note h2{font-size:22px}
@media(max-width:600px){.cm-calculator{grid-template-columns:1fr}.cm-compare th,.cm-compare td{padding:12px}}
@media(prefers-reduced-motion:reduce){.cm-hero>.cm-slide{transition:none!important}*,*:before,*:after{scroll-behavior:auto!important}}

/* Porto tam genislik konteyner boslugunu slider icinde tekrarlama. */
.cm-hero{width:calc(100% + 40px)!important;max-width:none!important}.cm-hero>.cm-slide{margin:0!important;padding:0!important}

@font-face{font-family:"Host Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("host-grotesk-500.ttf") format("truetype")}

/* Eski sayfa onbelleginde kalmis acilis katmanini da gosterme. */
#cm-preloader{display:none!important}
/* Önceki slayt, yenisinin altında görünür kalır. */
body:not(.elementor-editor-active)
.cm-hero > .cm-slide.cm-leaving {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1;
  pointer-events: none;
  animation: none;
  transform: none;
  transition: none;
}

body:not(.elementor-editor-active)
.cm-hero > .cm-slide.cm-active {
  z-index: 2;
  transform: none;
  transition: none;
  animation: cm-premium-fade 1.2s ease-in-out both;
}

@keyframes cm-premium-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .cm-hero > .cm-slide.cm-active {
    animation: none !important;
  }
}
@keyframes cm-thrace-drift {
  0%, 100% { transform: translateX(-22px); }
  50%      { transform: translateX(22px); }
}

@media (prefers-reduced-motion: no-preference) {
  body:not(.elementor-editor-active)
  .cm-brand .elementor-heading-title {
    animation: cm-thrace-drift 9s ease-in-out infinite;
    will-change: transform;
  }
}

@media (max-width: 767px) {
  @keyframes cm-thrace-drift {
    0%, 100% { transform: translateX(-16px); }
    50%      { transform: translateX(16px); }
  }
}