:root{
  --ink:#0d0e10;
  --paper:#f3f1e9;
  --white:#fff;
  --acid:#dfff43;
  --lime:#dfff46;
  --muted:#6f7175;
  --line:rgba(13,14,16,.14);
  --r:30px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit}
.wrap{width:min(1220px,calc(100% - 44px));margin:auto}
.kicker,.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.kicker:before,.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(223,255,67,.12)}
.btn,.navbtn,.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:999px;padding:14px 21px;font-size:13px;font-weight:800;border:0;cursor:pointer;transition:transform .2s,background .2s}
.btn:hover,.navbtn:hover,.nav-cta:hover{transform:translateY(-2px)}
.btn-primary,.primary{background:var(--acid);color:#111}
.btn-ghost,.ghost{border:1px solid rgba(255,255,255,.27);color:#fff;background:transparent}
.btn-ink{background:var(--ink);color:#fff}
.textlink{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid;padding-bottom:5px}
.section-title{font:800 clamp(36px,5vw,72px)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:0}
.reveal{opacity:0;transform:translateY(22px);transition:.65s}
.reveal.visible{opacity:1;transform:none}

/* Nav â shared (anasayfa stili: koyu hero Ã¼zerinde beyaz overlay) */
.nav{z-index:40;left:0;right:0}
.nav .logo,.nav .brand img,.navin .logo{width:148px;height:auto}
.navin,.nav-inner{position:relative;height:88px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.links,.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}
.links>a:not(.navbtn),.nav-links>a:not(.nav-cta){opacity:.72}
.links>a:hover,.nav-links>a:hover{opacity:1}
.menu,.menu-btn{
  display:none;width:44px;height:44px;border:0;border-radius:50%;
  background:#fff;color:#111;font-size:20px;cursor:pointer;flex-shrink:0;z-index:45;
  line-height:1;padding:0;
}

.nav.nav--overlay,
.nav.nav--inner{
  position:absolute;
  top:0;
  z-index:20;
  background:transparent;
  color:#fff;
}
.nav.nav--overlay .navin,
.nav.nav--overlay .nav-inner,
.nav.nav--inner .navin,
.nav.nav--inner .nav-inner{
  border-bottom:1px solid rgba(255,255,255,.16);
}
.nav.nav--overlay .logo,
.nav.nav--overlay .brand img,
.nav.nav--inner .logo,
.nav.nav--inner .brand img{
  filter:brightness(0) invert(1);
}
.nav.nav--overlay .links>a:not(.navbtn),
.nav.nav--overlay .nav-links>a:not(.nav-cta),
.nav.nav--inner .links>a:not(.navbtn),
.nav.nav--inner .nav-links>a:not(.nav-cta){
  color:#fff;
  opacity:.78;
}
.nav.nav--overlay .links>a:hover,
.nav.nav--overlay .nav-links>a:hover,
.nav.nav--inner .links>a:hover,
.nav.nav--inner .nav-links>a:hover{opacity:1}
.nav.nav--overlay .navbtn,
.nav.nav--overlay .nav-cta,
.nav.nav--inner .navbtn,
.nav.nav--inner .nav-cta{
  background:var(--lime);
  color:#111;
  opacity:1;
}
.nav.nav--overlay .links>a.navbtn,
.nav.nav--overlay .nav-links>a.nav-cta,
.nav.nav--inner .links>a.navbtn,
.nav.nav--inner .nav-links>a.nav-cta{
  color:#111;
  opacity:1;
}
.nav.nav--overlay .menu,
.nav.nav--overlay .menu-btn,
.nav.nav--inner .menu,
.nav.nav--inner .menu-btn{
  background:#fff;
  color:#111;
}

/* Solid nav â light pages (KVKK / legal) */
.nav.nav--solid{
  position:sticky;
  top:0;
  z-index:30;
  background:var(--ink);
  color:#fff;
}
.nav.nav--solid .navin,
.nav.nav--solid .nav-inner{
  border-bottom:1px solid rgba(255,255,255,.16);
}
.nav.nav--solid .logo,
.nav.nav--solid .brand img{
  filter:brightness(0) invert(1);
}
.nav.nav--solid .links>a:not(.navbtn),
.nav.nav--solid .nav-links>a:not(.nav-cta){
  color:#fff;
  opacity:.78;
}
.nav.nav--solid .links>a:hover,
.nav.nav--solid .nav-links>a:hover{opacity:1}
.nav.nav--solid .navbtn,
.nav.nav--solid .nav-cta,
.nav.nav--solid .links>a.navbtn,
.nav.nav--solid .nav-links>a.nav-cta{
  background:var(--lime);
  color:#111;
  opacity:1;
}
.nav.nav--solid .menu,
.nav.nav--solid .menu-btn{
  background:#fff;
  color:#111;
}

/* Footer home variant */
.footer{padding:62px 0 28px;background:var(--ink);color:#fff}
.footer-main{display:grid;grid-template-columns:1.3fr .7fr .7fr .85fr;gap:55px;padding-bottom:58px}
.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:35px}
.footerlogo{width:154px;filter:brightness(0) invert(1)}
.availability{display:inline-flex;align-items:center;gap:9px;color:#c5c7ca;font-size:12px;font-weight:700}
.availability:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(223,255,67,.1)}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-col h3{font:800 11px Manrope;letter-spacing:.13em;text-transform:uppercase;color:#7f8287;margin:0 0 9px}
.footer-col a,.footer-col span{font-size:14px;color:#d7d8da}
.footer-col a:hover{color:var(--acid)}
.footer-email{font:700 clamp(17px,2vw,23px) Manrope!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:4px}
.footerbottom{border-top:1px solid rgba(255,255,255,.14);padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#777b81;font-size:11px}
.legal-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:35px;border-bottom:1px solid rgba(255,255,255,.14)}
.footer-logo{width:135px;filter:brightness(0) invert(1)}
.footer-links{display:flex;gap:24px;font-size:13px;font-weight:700}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:24px;color:#777;font-size:12px}

/* Offer modal — avoid Bootstrap `.modal` class collision; always dark text on light panel */
.mars-modal{position:fixed;inset:0;z-index:2000;display:none;place-items:center;padding:24px}
.mars-modal.open{display:grid}
.mars-modal-backdrop{position:absolute;inset:0;background:rgba(5,6,7,.78);backdrop-filter:blur(8px)}
.mars-modal-panel{
  position:relative;
  z-index:1;
  width:min(860px,100%);
  max-height:calc(100vh - 48px);
  overflow:auto;
  background:#f3f1e9;
  color:#0d0e10;
  border-radius:32px;
  padding:42px;
  box-shadow:0 35px 100px rgba(0,0,0,.42);
}
.mars-modal-close{
  position:absolute;right:22px;top:22px;width:44px;height:44px;
  border:1px solid rgba(13,14,16,.14);background:#fff;color:#0d0e10;
  border-radius:50%;font-size:24px;cursor:pointer;
}
.mars-modal-head{max-width:620px;margin-bottom:30px}
.mars-modal-head .kicker{color:#0d0e10}
.mars-modal-head h2{font:800 clamp(34px,5vw,55px)/1 Manrope;letter-spacing:-.045em;margin:12px 0;color:#0d0e10}
.mars-modal-head p{color:#6f7175;margin:0}
.offer-form,.mars-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field{display:grid;gap:8px}
.field.full{grid-column:1/-1}
.field label,.field legend{font-size:12px;font-weight:800;letter-spacing:.04em;color:#0d0e10}
.field legend span,.field label span{color:#6f7175}
.field input,.field textarea,.field select{
  width:100%;border:1px solid rgba(13,14,16,.14);background:#fff;color:#0d0e10;
  border-radius:14px;padding:15px 16px;font:inherit;outline:none;
}
.field input::placeholder,.field textarea::placeholder{color:#9a9da2}
.field textarea{min-height:125px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#111;box-shadow:0 0 0 3px rgba(223,255,67,.75)}
.services-choice{border:0;padding:0;margin:4px 0 0}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.choice{position:relative}
.choice input{position:absolute;opacity:0;pointer-events:none}
.choice label{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 15px;background:#fff;color:#0d0e10;border:1px solid rgba(13,14,16,.14);
  border-radius:14px;cursor:pointer;
}
.choice label:after{content:"+";font-size:20px;color:#0d0e10}
.choice input:checked+label{background:#0d0e10;color:#fff;border-color:#0d0e10}
.choice input:checked+label:after{content:"â";color:var(--acid)}
.form-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px}
.form-note{font-size:11px;color:#6f7175;max-width:380px}
.offer-kvkk{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.6;color:#6f7175;cursor:pointer;margin:4px 0 0;font-weight:400}
.offer-kvkk input{margin-top:2px;width:14px;height:14px;flex-shrink:0;accent-color:#0d0e10}
.offer-kvkk span{flex:1;min-width:0}
.offer-kvkk a{text-decoration:underline;color:#0d0e10;font-weight:inherit}
.submit{border:0;cursor:pointer;background:var(--acid);color:#111;padding:16px 24px}
.service-error,.form-error{display:none;color:#b22323;font-size:12px;font-weight:700;margin-top:8px}
.service-error.show,.form-error.show{display:block}
.form-alert{padding:14px 16px;border-radius:14px;margin-bottom:18px;font-size:14px;font-weight:600}
.form-alert--ok{background:#e8f8d8;color:#2a4a0a}
.form-alert--err{background:#fde8e8;color:#8a1f1f}
body.mars-modal-open{overflow:hidden}

@media(max-width:950px){
  .links,.nav-links{display:none}
  .menu,.menu-btn{display:grid;place-items:center}

  /* AÃ§Ä±k mobil menÃ¼ paneli â beyaz zemin + koyu yazÄ± (overlay beyaz linkleri ezer) */
  .links.is-open,
  .nav-links.is-open{
    display:flex !important;
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    z-index:50;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    padding:18px;
    background:#fff !important;
    color:#111 !important;
    border-radius:20px;
    box-shadow:0 22px 60px rgba(0,0,0,.28);
  }
  .nav.nav--overlay .links.is-open>a:not(.navbtn),
  .nav.nav--overlay .nav-links.is-open>a:not(.nav-cta),
  .nav.nav--inner .links.is-open>a:not(.navbtn),
  .nav.nav--inner .nav-links.is-open>a:not(.nav-cta),
  .nav.nav--solid .links.is-open>a:not(.navbtn),
  .nav.nav--solid .nav-links.is-open>a:not(.nav-cta),
  .links.is-open>a:not(.navbtn),
  .nav-links.is-open>a:not(.nav-cta){
    color:#111 !important;
    opacity:1 !important;
    padding:14px 12px;
    border-radius:12px;
  }
  .links.is-open>a:not(.navbtn):hover,
  .nav-links.is-open>a:not(.nav-cta):hover{
    background:rgba(13,14,16,.06);
  }
  .nav.nav--overlay .links.is-open>a.navbtn,
  .nav.nav--overlay .nav-links.is-open>a.nav-cta,
  .nav.nav--inner .links.is-open>a.navbtn,
  .nav.nav--inner .nav-links.is-open>a.nav-cta,
  .nav.nav--solid .links.is-open>a.navbtn,
  .nav.nav--solid .nav-links.is-open>a.nav-cta,
  .links.is-open>a.navbtn,
  .nav-links.is-open>a.nav-cta{
    margin-top:8px;
    justify-content:center;
    background:var(--lime) !important;
    color:#111 !important;
    opacity:1 !important;
  }

  .footer-main{grid-template-columns:1.25fr 1fr 1fr}
  .footer-brand{grid-column:1/-1;flex-direction:row;align-items:center}
}
@media(max-width:620px){
  .wrap{width:calc(100% - 26px)}
  .navin,.nav-inner{height:72px}
  .nav .logo,.nav .brand img{width:122px}
  .offer-form,.mars-form,.choice-grid{grid-template-columns:1fr}
  .form-bottom{flex-direction:column;align-items:stretch}
  .submit,.btn{width:100%}
  .footer-main{grid-template-columns:1fr 1fr;gap:40px 25px}
  .footer-brand,.footer-contact{grid-column:1/-1}
  .footerbottom,.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}
  .mars-modal{padding:10px}
  .mars-modal-panel{padding:30px 18px 24px;border-radius:24px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
}

/* Shared Mars site footer  wins over Bootstrap / page theme CSS */
.footer.mars-site-footer{
  padding:62px 0 28px !important;
  background:var(--ink,#101113) !important;
  color:#fff !important;
}
.footer.mars-site-footer .wrap{
  width:min(1220px,calc(100% - 44px));
  margin:auto;
}
.footer.mars-site-footer .footer-main{
  display:grid !important;
  grid-template-columns:1.3fr .7fr .7fr .85fr !important;
  gap:55px !important;
  padding-bottom:58px !important;
}
.footer.mars-site-footer .footer-brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:35px !important;
}
.footer.mars-site-footer .footerlogo{
  width:154px !important;
  height:auto !important;
  max-width:100%;
  filter:brightness(0) invert(1) !important;
}
.footer.mars-site-footer .availability{
  display:inline-flex !important;
  align-items:center;
  gap:9px;
  color:#c5c7ca !important;
  font:700 12px/1.4 Inter,system-ui,sans-serif !important;
}
.footer.mars-site-footer .availability:before{
  content:"";
  width:9px;height:9px;border-radius:50%;
  background:var(--acid,#dfff43);
  box-shadow:0 0 0 5px rgba(223,255,67,.1);
}
.footer.mars-site-footer .footer-col{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:10px !important;
}
.footer.mars-site-footer .footer-col h3,
.footer.mars-site-footer h3{
  font:800 11px/1.3 Manrope,sans-serif !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  color:#7f8287 !important;
  margin:0 0 9px !important;
}
.footer.mars-site-footer .footer-col a,
.footer.mars-site-footer .footer-col span{
  font:400 14px/1.5 Inter,system-ui,sans-serif !important;
  color:#d7d8da !important;
  text-decoration:none !important;
}
.footer.mars-site-footer .footer-col a:hover{
  color:var(--acid,#dfff43) !important;
}
.footer.mars-site-footer .footer-email{
  font:700 clamp(17px,2vw,23px)/1.3 Manrope,sans-serif !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.3) !important;
  padding-bottom:4px !important;
  text-decoration:none !important;
}
.footer.mars-site-footer .footerbottom{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:30px !important;
  flex-wrap:wrap !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
  padding-top:23px !important;
  margin-top:0 !important;
  font:400 11px/1.5 Inter,system-ui,sans-serif !important;
  color:#777b81 !important;
}
.footer.mars-site-footer .footerbottom a,
.footer.mars-site-footer .legal-links a{
  color:#777b81 !important;
  text-decoration:none !important;
  font-size:11px !important;
}
.footer.mars-site-footer .footerbottom a:hover,
.footer.mars-site-footer .legal-links a:hover{
  color:#fff !important;
}
.footer.mars-site-footer .legal-links{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}
@media(max-width:950px){
  .footer.mars-site-footer .footer-main{grid-template-columns:1.25fr 1fr 1fr !important}
  .footer.mars-site-footer .footer-brand{grid-column:1/-1;flex-direction:row !important;align-items:center !important}
}
@media(max-width:620px){
  .footer.mars-site-footer .wrap{width:calc(100% - 26px)}
  .footer.mars-site-footer .footer-main{grid-template-columns:1fr 1fr !important;gap:40px 25px !important}
  .footer.mars-site-footer .footer-brand,
  .footer.mars-site-footer .footer-contact{grid-column:1/-1}
  .footer.mars-site-footer .footerbottom{flex-direction:column !important;align-items:flex-start !important}
}
