*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#070b14;color:#ebebeb;-webkit-font-smoothing:antialiased}

@keyframes hdrSlide{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.hdr-slide-in{animation:hdrSlide .35s cubic-bezier(.22,1,.36,1) forwards}
@keyframes blob{0%,100%{transform:translate(0px,0px) scale(1)}33%{transform:translate(100px,-50px) scale(1.05)}66%{transform:translate(-50px,50px) scale(0.95)}}
@keyframes wave-flow{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.animate-dairesel-hareket{animation:blob 20s infinite alternate ease-in-out}
.animate-spin-slow{animation:spin 50s linear infinite}
.animate-wave-flow{animation:wave-flow 12s linear infinite}
.animation-delay-2000{animation-delay:2s}

.glass-nav{background:rgba(153,213,26,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,0,0,.12);box-shadow:0 4px 24px rgba(153,213,26,.25),0 1px 0 rgba(0,0,0,.08)}

.mega-panel{opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;pointer-events:none}
.mega-panel.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}

.dd-menu{opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.dd-menu.open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}

[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
[data-reveal].vis{opacity:1;transform:translateY(0)}

.card{border:1px solid #142035;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.card:hover{transform:translateY(-5px);border-color:rgba(153,213,26,.45);box-shadow:0 0 0 1px rgba(153,213,26,.07),0 24px 60px rgba(0,0,0,.55),0 0 48px rgba(153,213,26,.1)}

.btn-p{background:#99d51a;color:#040404;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}
.btn-p:hover{background:#a3e635;transform:translateY(-2px);box-shadow:0 0 0 4px rgba(153,213,26,.2),0 8px 28px rgba(153,213,26,.38)}
.btn-g{border:1px solid rgba(255,255,255,.12);color:#e2e2e2;transition:border-color .2s,color .2s,transform .2s,background .2s}
.btn-g:hover{border-color:rgba(153,213,26,.5);color:#99d51a;transform:translateY(-2px);background:rgba(153,213,26,.04)}

.nav-a{color:#0a0e17;font-size:11.5px;font-weight:700;letter-spacing:.05em;transition:color .2s;cursor:pointer}
.nav-a:hover{color:#000000}
.nav-cta{background:#070b14;color:#ffffff;font-size:11.5px;font-weight:600;letter-spacing:.05em}
.nav-cta:hover{background:#0b1120}

.badge-ec{background:rgba(153,213,26,.1);border:1px solid rgba(153,213,26,.22);color:#99d51a}
.badge-crm{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.22);color:#60a5fa}
.badge-qr{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.22);color:#c084fc}

.feat-blk{transition:opacity .3s;opacity:.3}
.feat-blk.on{opacity:1}
.feat-blk.on .feat-dot{background:#99d51a;box-shadow:0 0 10px rgba(153,213,26,.55)}
.feat-dot{width:8px;height:8px;border-radius:50%;background:#2e2e2e;flex-shrink:0;margin-top:5px;transition:background .3s,box-shadow .3s}

.db-panel{transition:opacity .4s cubic-bezier(.22,1,.36,1)}

.int-card{opacity:.45;position:relative;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1),border-color .5s,box-shadow .5s}
.int-card.active{opacity:1;transform:scale(1.06) translateY(-7px);z-index:5;border-color:rgba(153,213,26,.38)!important;box-shadow:0 0 0 1px rgba(153,213,26,.1),0 0 22px rgba(153,213,26,.22)}
.int-card .icon-wrap{filter:grayscale(1) brightness(.35);transition:filter .5s}
.int-card.active .icon-wrap{filter:none}
.int-card .badge-ec,.int-card .badge-crm,.int-card .badge-qr{display:inline-flex;align-items:center;font-size:9px;font-weight:700;letter-spacing:.07em;padding:2px 7px;border-radius:100px;filter:grayscale(1) brightness(.4);transition:filter .5s}
.int-card.active .badge-ec,.int-card.active .badge-crm,.int-card.active .badge-qr{filter:none}
.int-dot{width:6px;height:6px;border-radius:50%;background:#2e2e2e;transition:background .3s,transform .3s;cursor:pointer}
.int-dot.active{background:#99d51a;transform:scale(1.4)}

.acc-body{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.22,1,.36,1)}
.acc-body.open{max-height:400px}
.acc-chev{transition:transform .3s}
.acc-chev.open{transform:rotate(180deg)}

.soc{color:#3a3a3a;transition:color .2s,filter .2s}
.soc:hover{color:#99d51a;filter:drop-shadow(0 0 7px rgba(153,213,26,.6))}

.mob-panel{transform:translateX(100%);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.mob-panel.open{transform:translateX(0)}
.mob-back{opacity:0;pointer-events:none;transition:opacity .35s}
.mob-back.open{opacity:1;pointer-events:auto}
.ham span{display:block;width:20px;height:1.5px;background:#0a0e17;border-radius:1px;transition:transform .3s,opacity .3s}
.ham span+span{margin-top:5px}
.ham.open span:nth-child(1){transform:rotate(45deg) translate(3.5px,3.5px)}
.ham.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.ham.open span:nth-child(3){transform:rotate(-45deg) translate(3.5px,-3.5px)}

.price-ft{border-color:#99d51a!important;box-shadow:0 0 50px rgba(153,213,26,.12);position:relative}
.price-ft::before{content:'En Popüler';position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#99d51a;color:#040404;font-size:10px;font-weight:800;padding:3px 14px;border-radius:100px;letter-spacing:.08em;text-transform:uppercase}

.rd-done{border-color:rgba(153,213,26,.3)}
.rd-soon{border:1px dashed rgba(250,204,21,.28);opacity:.75}
.rd-plan{border:1px dashed #1c1c1c;opacity:.4}

.sect-lbl{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#99d51a}
.check{color:#99d51a}
.cross{color:#1e3050}

::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:#0a0a0a}
::-webkit-scrollbar-thumb{background:#222;border-radius:2px}
::-webkit-scrollbar-thumb:hover{background:#99d51a}

.mega-link{transition:color .15s,background .15s;border-radius:.75rem}
.mega-link:hover{background:rgba(255,255,255,.04)}

/* Blog article prose styles */
.prose-blog{color:#9ca3af;line-height:1.8;font-size:1rem}
.prose-blog h1,.prose-blog h2,.prose-blog h3,.prose-blog h4{color:#fff;font-weight:700;margin-top:2em;margin-bottom:.75em;line-height:1.3}
.prose-blog h2{font-size:1.5rem}
.prose-blog h3{font-size:1.25rem}
.prose-blog h4{font-size:1.05rem}
.prose-blog p{margin-bottom:1.25em}
.prose-blog a{color:#99d51a;text-decoration:underline;text-underline-offset:3px}
.prose-blog a:hover{color:#a3e635}
.prose-blog ul,.prose-blog ol{padding-left:1.5rem;margin-bottom:1.25em}
.prose-blog li{margin-bottom:.4em}
.prose-blog ul li{list-style:disc}
.prose-blog ol li{list-style:decimal}
.prose-blog blockquote{border-left:3px solid rgba(153,213,26,.4);padding-left:1.25rem;margin:1.5em 0;color:#6b7280;font-style:italic}
.prose-blog code{font-family:ui-monospace,monospace;font-size:.875em;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:.1em .4em;border-radius:.35rem;color:#e5e7eb}
.prose-blog pre{background:#0b1120;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem;overflow-x:auto;margin-bottom:1.5em}
.prose-blog pre code{background:none;border:none;padding:0;font-size:.875rem}
.prose-blog img{border-radius:.75rem;margin:1.5em 0;max-width:100%}
.prose-blog hr{border:none;border-top:1px solid rgba(255,255,255,.07);margin:2.5em 0}
.prose-blog table{width:100%;border-collapse:collapse;margin-bottom:1.5em;font-size:.9rem}
.prose-blog th{background:rgba(255,255,255,.04);color:#e5e7eb;font-weight:600;padding:.6rem .85rem;text-align:left;border:1px solid rgba(255,255,255,.07)}
.prose-blog td{padding:.6rem .85rem;border:1px solid rgba(255,255,255,.06);color:#9ca3af}

/* Cookie consent toggle */
.cookie-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}
.cookie-toggle input:checked+.toggle-track{background:#99d51a}
.toggle-track{display:block;width:36px;height:20px;background:rgba(255,255,255,.12);border-radius:100px;transition:background .2s;position:relative}
.toggle-track::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s}
.cookie-toggle input:checked+.toggle-track::after{transform:translateX(16px)}
.lang-btn{cursor:pointer;background:transparent;border:none;padding:0}
.lang-active{color:#ffffff}
.lang-inactive{color:rgba(255,255,255,0.35)}
.lang-inactive:hover{color:rgba(255,255,255,0.65)}
.lang-sep{color:rgba(255,255,255,0.2)}

/* Legal pages */
.legal-heading{font-size:1.125rem;font-weight:700;color:#fff;margin-top:2.5rem;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(255,255,255,0.06)}
.legal-subheading{font-size:0.9375rem;font-weight:600;color:#e5e7eb;margin-top:1.5rem;margin-bottom:0.5rem}
.legal-body p{color:#9ca3af;line-height:1.8;margin-bottom:1rem;font-size:0.9375rem}
.legal-body ul{list-style:disc;padding-left:1.5rem;color:#9ca3af;margin-bottom:1rem}
.legal-body ul li{margin-bottom:0.375rem;line-height:1.7;font-size:0.9375rem}
.legal-body a{color:#99d51a;text-decoration:underline}

/* Slogan accent letters */
.slogan-accent{color:#99d51a}
.slogan-rest{color:#4b5563}

/* Header slogan — light modda yeşil bg üstünde */
.slogan-accent-hdr{color:#99d51a}
.slogan-rest-hdr{color:#4b5563}

/* Text reveal animation (replaces typewriter for sections) */
@keyframes textReveal {
  0%   { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
.text-reveal { animation: textReveal 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }
.text-reveal-delay { animation: textReveal 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both; }

/* Shimmer for neon accents */
@keyframes neonShimmer {
  0%, 100% { text-shadow: 0 0 0 rgba(153,213,26,0); }
  50% { text-shadow: 0 0 30px rgba(153,213,26,0.4); }
}
.neon-shimmer { animation: neonShimmer 3s ease-in-out infinite; }