:root {
  --bg: #0A0A0F;
  --surface: #16161F;
  --surface-2: #1E1E2D;
  --ink: #C8C8D4;
  --ink-soft: #7E7E92;
  --accent: #00E5A0;
  --accent-2: #8B5CF6;
  --accent-glow: rgba(0,229,160,0.12);
  --accent-2-glow: rgba(139,92,246,0.12);
  --line: rgba(200,200,212,0.1);
  --line-strong: rgba(200,200,212,0.2);
  --header-h: 72px;
  --container: 1240px;
  --radius: 10px;
  --radius-lg: 16px;
  interpolate-size: allow-keywords;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html,body{overflow-x:hidden;max-width:100vw}
body{
  font-family:'Inter',system-ui,sans-serif;
  font-weight:400;font-size:1rem;line-height:1.65;
  color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body::before{
  content:'';position:fixed;inset:0;
  background-image:radial-gradient(circle,var(--ink) 1px,transparent 1px);
  background-size:28px 28px;
  opacity:0.05;pointer-events:none;z-index:0;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent);text-decoration:none;transition:color 240ms cubic-bezier(.4,0,.2,1)}
a:hover{color:var(--accent-2)}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-weight:700;line-height:1.15;
  letter-spacing:-0.02em;color:#fff;
}
h1{font-size:clamp(2.5rem, 6vw, 4.5rem)}
h2{font-size:clamp(1.75rem,4vw,2.75rem)}
h3{font-size:clamp(1.25rem,3vw,1.75rem)}
h4{font-size:clamp(1rem,2.5vw,1.25rem)}
.mono{font-family:'JetBrains Mono',monospace;font-weight:500}

.container{
  width:100%;max-width:var(--container);
  margin:0 auto;
  padding-left:clamp(1rem,3.5vw,2.5rem);
  padding-right:clamp(1rem,3.5vw,2.5rem);
}
main{padding-top:var(--header-h)}
section{padding:clamp(3rem,8vw,6rem) 0}

.skip-link{
  position:absolute;top:-100%;left:16px;
  padding:8px 16px;background:var(--accent);color:var(--bg);
  font-weight:600;border-radius:0 0 6px 6px;z-index:10000;
  transition:top 200ms;
}
.skip-link:focus{top:0}

.eyebrow{
  display:inline-block;
  font-family:'JetBrains Mono',monospace;font-weight:500;
  font-size:0.8125rem;letter-spacing:0.18em;text-transform:uppercase;
  color:var(--accent);margin-bottom:1rem;
}

.btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 32px;border:none;border-radius:8px;
  background:var(--accent);color:var(--bg);
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1rem;
  cursor:pointer;transition:all 240ms cubic-bezier(.4,0,.2,1);
  text-decoration:none;
}
.btn-primary:hover,.btn-primary:focus-visible{
  background:#33EDBA;color:var(--bg);
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,229,160,0.25);
}
.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.btn-primary svg{width:18px;height:18px;flex-shrink:0}

.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 28px;border:1px solid var(--line-strong);border-radius:8px;
  background:transparent;color:var(--ink);
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:0.9375rem;
  cursor:pointer;transition:all 240ms cubic-bezier(.4,0,.2,1);
  text-decoration:none;
}
.btn-ghost:hover,.btn-ghost:focus-visible{
  background:var(--surface);color:var(--ink);
  border-color:var(--accent);
}
.btn-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.site-header{
  position:fixed;top:0;left:0;right:0;z-index:1080;
  background:rgba(10, 10, 15, 0.92);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:background 240ms ease,box-shadow 240ms ease,padding 240ms ease;
  padding:0;
}
.site-header.scrolled{
  background:rgba(10,10,15,0.98);
  box-shadow:0 8px 24px -16px rgba(0,0,0,0.18);
}
.header-inner{
  display:flex;align-items:center;justify-content:space-between;
  height:var(--header-h);
  max-width:var(--container);margin:0 auto;
  padding:0 clamp(1rem,3.5vw,2.5rem);
}
.logo{
  display:flex;align-items:center;gap:10px;
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:1.25rem;color:#fff;text-decoration:none;
  z-index:1100;
}
.logo svg{width:32px;height:32px;flex-shrink:0}
.logo span{color:var(--accent)}

.nav-desktop{display:flex;align-items:center;gap:28px}
.nav-desktop a{
  position:relative;
  font-size:0.875rem;font-weight:500;
  color:var(--ink-soft);text-decoration:none;
  transition:color 240ms;padding:4px 0;
}
.nav-desktop a::after{
  content:'';position:absolute;bottom:-2px;left:0;
  width:0;height:2px;background:var(--accent);
  transition:width 280ms cubic-bezier(.2,.7,.2,1);
}
.nav-desktop a:hover{color:#fff}
.nav-desktop a:hover::after,.nav-desktop a.is-active::after{width:100%}
.nav-desktop a.is-active{color:var(--accent)}
.nav-desktop .nav-cta{
  padding:8px 20px;border-radius:6px;
  background:var(--accent);color:var(--bg);
  font-weight:700;
}
.nav-desktop .nav-cta::after{display:none}
.nav-desktop .nav-cta:hover{
  background:#33EDBA;color:var(--bg);
  transform:translateY(-1px);
}

.nav-toggle{
  display:none;position:relative;z-index:1100;
  width:36px;height:36px;
  background:none;border:none;cursor:pointer;
  padding:6px;
}
.nav-toggle span{
  display:block;width:24px;height:2px;
  background:var(--ink);border-radius:2px;
  transition:all 280ms cubic-bezier(.2,.7,.2,1);
  position:absolute;left:6px;
}
.nav-toggle span:nth-child(1){top:10px}
.nav-toggle span:nth-child(2){top:17px}
.nav-toggle span:nth-child(3){top:24px}
.nav-toggle[aria-expanded="true"] span:nth-child(1){
  top:17px;transform:rotate(45deg);background:var(--accent);
}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){
  top:17px;transform:rotate(-45deg);background:var(--accent);
}

.drawer-backdrop{
  position:fixed;inset:0;
  background:rgba(0,0,0,0.55);
  opacity:0;visibility:hidden;
  transition:opacity 240ms,visibility 240ms;
  z-index:1040;
}
.drawer-backdrop.is-open{opacity:1;visibility:visible}

.drawer{
  position:fixed;top:0;right:0;bottom:0;
  width:min(360px,92vw);
  background:var(--surface);
  transform:translateX(100%);
  transition:transform 320ms cubic-bezier(.2,.7,.2,1);
  z-index:1050;
  padding:calc(var(--header-h) + 24px) 32px 32px;
  display:flex;flex-direction:column;gap:8px;
  overflow-y:auto;
}
.drawer.is-open{transform:translateX(0)}
.drawer a{
  display:block;padding:14px 16px;
  font-size:1.0625rem;font-weight:500;
  color:var(--ink);border-radius:8px;
  transition:all 240ms;text-decoration:none;
}
.drawer a:hover,.drawer a.is-active{
  color:var(--accent);background:var(--accent-glow);
}
.drawer .drawer-cta{
  margin-top:auto;padding:14px 24px;
  background:var(--accent);color:var(--bg);
  font-weight:700;text-align:center;border-radius:8px;
}
.drawer .drawer-cta:hover{background:#33EDBA;color:var(--bg)}

#hero{
  position:relative;
  padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,6vw,4rem);
  overflow:hidden;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:clamp(2rem,4vw,4rem);
  align-items:center;
}
.hero-dashboard{
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.hero-dashboard svg{width:100%;height:auto;display:block}
.hero-content{display:flex;flex-direction:column;gap:1.25rem}
.hero-title{
  clip-path:inset(0 100% 0 0);
  animation:maskReveal 1.2s cubic-bezier(.2,.7,.2,1) 0.3s forwards;
}
.hero-sub{
  font-size:clamp(1rem,1.8vw,1.125rem);
  color:var(--ink-soft);line-height:1.7;
  max-width:440px;
  opacity:0;animation:fadeUp 0.8s cubic-bezier(.2,.7,.2,1) 0.8s forwards;
}
.hero-actions{
  display:flex;flex-wrap:wrap;gap:12px;
  opacity:0;animation:fadeUp 0.8s cubic-bezier(.2,.7,.2,1) 1s forwards;
}
.trust-strip{
  display:flex;flex-wrap:wrap;gap:8px;
  opacity:0;animation:fadeUp 0.8s cubic-bezier(.2,.7,.2,1) 1.2s forwards;
}
.trust-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:100px;
  background:var(--surface);border:1px solid var(--line);
  font-family:'JetBrains Mono',monospace;font-weight:500;
  font-size:0.6875rem;color:var(--ink-soft);
  letter-spacing:0.02em;
}
.trust-pill svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}

.hero-counters{
  display:flex;gap:clamp(16px,3vw,32px);
  margin-top:1.5rem;
  opacity:0;animation:fadeUp 0.8s cubic-bezier(.2,.7,.2,1) 1.4s forwards;
}
.counter-box{text-align:left}
.counter-val{
  font-family:'JetBrains Mono',monospace;font-weight:500;
  font-size:clamp(1.5rem,3vw,2.25rem);color:var(--accent);
  font-variant-numeric:tabular-nums;
}
.counter-label{
  font-size:0.75rem;color:var(--ink-soft);margin-top:2px;
  letter-spacing:0.04em;
}

.dashboard-panel{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);overflow:hidden;
}
.ecg-path{
  stroke:var(--accent);stroke-width:2;fill:none;
  stroke-dasharray:600;stroke-dashoffset:600;
  animation:ecgDraw 3s linear infinite;
}
.gauge-needle{
  transform-origin:50% 80%;
  animation:needleOsc 4s ease-in-out infinite;
}
.radar-area{fill:rgba(0,229,160,0.15);stroke:var(--accent);stroke-width:1.5}
.radar-grid{stroke:var(--line-strong);stroke-width:0.5;fill:none}
.radar-dot{fill:var(--accent);r:3}
.radar-dot-pulse{
  fill:var(--accent);opacity:0.4;
  animation:dotPulse 2s ease-in-out infinite;
}
.stat-bar{
  fill:var(--accent);opacity:0.7;
  transform-origin:bottom;transform:scaleY(0);
  animation:barGrow 0.8s cubic-bezier(.2,.7,.2,1) forwards;
}
.stat-bar:nth-child(1){animation-delay:1.6s}
.stat-bar:nth-child(2){animation-delay:1.7s}
.stat-bar:nth-child(3){animation-delay:1.8s}
.stat-bar:nth-child(4){animation-delay:1.9s}
.stat-bar:nth-child(5){animation-delay:2s}

.data-pulse-line{
  position:absolute;left:0;right:0;height:2px;
  overflow:hidden;pointer-events:none;
}
.data-pulse-line::after{
  content:'';display:block;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  animation:pulseSweep 5s ease-in-out infinite;
}

.section-header{
  text-align:center;max-width:640px;margin:0 auto clamp(2rem,5vw,3.5rem);
}
.section-header p{margin-top:0.75rem;color:var(--ink-soft);font-size:1.0625rem}

.metrics-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:clamp(12px,2vw,20px);
}
.metric-card{
  position:relative;overflow:hidden;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:clamp(20px,3vw,28px);
  transition:all 280ms cubic-bezier(.4,0,.2,1);
}
.metric-card::after{
  content:'';position:absolute;top:0;left:-100%;
  width:50%;height:100%;
  background:linear-gradient(90deg,transparent,var(--accent-glow),transparent);
  transition:left 600ms ease;pointer-events:none;
}
.metric-card:hover::after{left:150%}
.metric-card:hover{
  transform:translateY(-6px);
  border-color:var(--accent);
  box-shadow:0 12px 32px rgba(0,229,160,0.08);
}
.metric-icon{
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  border-radius:12px;background:var(--accent-glow);
  margin-bottom:16px;
}
.metric-icon svg{width:24px;height:24px;color:var(--accent)}
.metric-card h3{font-size:1.125rem;margin-bottom:8px}
.metric-card p{font-size:0.875rem;color:var(--ink-soft);line-height:1.6}

#teknoloji{background:var(--surface)}
.tech-layout{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(2rem,5vw,4rem);align-items:start;
}
.tech-text{display:flex;flex-direction:column;gap:1rem}
.tech-text p{color:var(--ink-soft);font-size:1.0625rem;line-height:1.7}

.table-scroll{
  display:block;width:100%;max-width:100%;min-width:0;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  margin:18px 0;
  border:1px solid var(--line);border-radius:6px;
}
.table-scroll>table{margin:0!important;min-width:480px;width:100%}
:where(*:has(>.table-scroll),*:has(>*>.table-scroll),*:has(>*>*>.table-scroll)){min-width:0}

table{
  width:100%;border-collapse:collapse;
  font-family:'JetBrains Mono',monospace;font-weight:500;
  font-size:0.8125rem;
}
thead{background:var(--surface-2)}
thead th{
  padding:12px 16px;text-align:left;
  color:var(--accent);font-size:0.75rem;
  letter-spacing:0.08em;text-transform:uppercase;
  border-bottom:1px solid var(--line-strong);
}
tbody td{
  padding:12px 16px;border-bottom:1px solid var(--line);
  color:var(--ink);vertical-align:top;
}
tbody tr:last-child td{border-bottom:none}
tbody tr:hover{background:rgba(0,229,160,0.03)}
.tech-tag{
  display:inline-block;padding:2px 8px;
  border-radius:4px;background:var(--accent-glow);
  color:var(--accent);font-size:0.6875rem;
  margin-top:4px;
}

.program-tabs{
  display:flex;flex-wrap:wrap;gap:8px;
  justify-content:center;margin-bottom:clamp(1.5rem,3vw,2.5rem);
}
.program-tab{
  padding:8px 20px;border:1px solid var(--line);
  border-radius:100px;background:transparent;
  color:var(--ink-soft);font-family:'JetBrains Mono',monospace;
  font-weight:500;font-size:0.8125rem;cursor:pointer;
  transition:all 240ms;
}
.program-tab:hover,.program-tab.is-active{
  background:var(--accent);color:var(--bg);border-color:var(--accent);
}
.program-day{display:none}
.program-day.is-active{display:block}

#fiyat{background:var(--surface)}
.pricing-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(12px,2vw,24px);align-items:start;
}
.price-card{
  background:var(--bg);border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:clamp(24px,3vw,32px);
  transition:all 280ms cubic-bezier(.4,0,.2,1);
  display:flex;flex-direction:column;
}
.price-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 40px rgba(0,0,0,0.3);
}
.price-card.is-featured{
  border-color:var(--accent);
  box-shadow:0 0 0 1px var(--accent),0 16px 40px rgba(0,229,160,0.1);
  position:relative;
}
.price-card.is-featured::before{
  content:'Popüler';position:absolute;top:-12px;right:20px;
  padding:4px 14px;border-radius:100px;
  background:var(--accent);color:var(--bg);
  font-family:'JetBrains Mono',monospace;font-weight:500;
  font-size:0.6875rem;letter-spacing:0.06em;
}
.price-card h3{font-size:1.25rem;margin-bottom:4px}
.price-card .price-desc{font-size:0.8125rem;color:var(--ink-soft);margin-bottom:1.25rem}
.price-amount{
  font-family:'JetBrains Mono',monospace;font-weight:500;
  font-size:clamp(1.75rem,3vw,2.25rem);
  color:var(--accent);margin-bottom:0.25rem;
  font-variant-numeric:tabular-nums;
}
.price-period{
  font-size:0.75rem;color:var(--ink-soft);
  margin-bottom:1.5rem;padding-bottom:1.5rem;
  border-bottom:1px solid var(--line);
}
.price-features{flex:1;margin-bottom:1.5rem}
.price-features li{
  display:flex;align-items:flex-start;gap:10px;
  padding:6px 0;font-size:0.875rem;color:var(--ink);
}
.price-features li svg{width:16px;height:16px;flex-shrink:0;margin-top:3px}
.price-features .included svg{color:var(--accent)}
.price-features .excluded{color:var(--ink-soft)}
.price-features .excluded svg{color:#e54;opacity:0.7}
.price-disclaimer{
  text-align:center;margin-top:clamp(1.5rem,3vw,2.5rem);
  font-family:'JetBrains Mono',monospace;
  font-size:0.75rem;color:var(--ink-soft);
}

#iletisim .form-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(2rem,5vw,4rem);align-items:start;
}
.form-wrap{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:clamp(24px,4vw,36px);
}
.contact-aside{display:flex;flex-direction:column;gap:1.5rem}
.contact-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);padding:20px;
  display:flex;align-items:flex-start;gap:14px;
  transition:all 240ms cubic-bezier(.4,0,.2,1);
}
.contact-card:hover{
  border-color:var(--accent);
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(0,229,160,0.06);
}
.contact-icon{
  width:44px;height:44px;min-width:44px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;background:var(--accent-glow);
}
.contact-icon svg{width:20px;height:20px;color:var(--accent)}
.contact-card h4{font-size:0.875rem;margin-bottom:4px}
.contact-card p,.contact-card a{
  font-size:0.8125rem;color:var(--ink-soft);
  word-break:break-all;overflow-wrap:anywhere;
}
.contact-card a:hover{color:var(--accent)}

.field{margin-bottom:18px}
.field label{
  display:block;
  font-size:0.8125rem;font-weight:500;
  color:var(--ink-soft);margin-bottom:6px;
}
.field input,.field select,.field textarea{
  width:100%;padding:12px 16px;
  background:var(--bg);border:1px solid var(--line-strong);
  border-radius:8px;color:var(--ink);
  font-family:'Inter',sans-serif;font-size:0.9375rem;
  transition:border-color 240ms;
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px var(--accent-glow);
}
.field textarea{resize:vertical;min-height:100px}
.field select{appearance:auto;-webkit-appearance:auto}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field input[type="checkbox"]{
  appearance:auto;-webkit-appearance:auto;
  width:18px;height:18px;min-width:18px;min-height:18px;
  padding:0;border:0;margin:2px 0 0;
  accent-color:var(--accent);
}
.field-check{
  display:flex;align-items:flex-start;gap:10px;
  margin-bottom:18px;
}
.field-check label{
  font-size:0.8125rem;color:var(--ink-soft);
  margin-bottom:0;cursor:pointer;line-height:1.5;
}
.form-submit{width:100%;margin-top:8px}
.honeypot{position:absolute;left:-9999px;opacity:0}

.process-timeline{
  position:relative;
  display:grid;gap:0;
  padding-left:40px;
}
.process-timeline::before{
  content:'';position:absolute;left:15px;top:0;bottom:0;
  width:2px;background:var(--line-strong);
}
.process-step{
  position:relative;
  padding:0 0 clamp(2rem,4vw,3rem) 24px;
}
.process-step::before{
  content:attr(data-step);
  position:absolute;left:-40px;top:0;
  width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:var(--accent);color:var(--bg);
  font-family:'JetBrains Mono',monospace;font-weight:500;
  font-size:0.75rem;
  z-index:1;
}
.process-step h3{font-size:1.125rem;margin-bottom:6px}
.process-step .step-time{
  font-family:'JetBrains Mono',monospace;
  font-size:0.75rem;color:var(--accent);
  margin-bottom:8px;
}
.process-step p{font-size:0.875rem;color:var(--ink-soft);line-height:1.6}

.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,24px)}
.team-card{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:clamp(20px,3vw,28px);
  text-align:center;
  transition:all 280ms cubic-bezier(.4,0,.2,1);
}
.team-card:hover{
  transform:translateY(-6px);
  border-color:var(--accent-2);
  box-shadow:0 12px 32px rgba(139,92,246,0.1);
}
.team-avatar{
  width:72px;height:72px;margin:0 auto 16px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--accent-glow),var(--accent-2-glow));
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:1.25rem;color:var(--accent);
}
.team-card h3{font-size:1.0625rem;margin-bottom:4px}
.team-card .team-role{
  font-family:'JetBrains Mono',monospace;
  font-size:0.75rem;color:var(--accent);
  margin-bottom:12px;
}
.team-card p{font-size:0.8125rem;color:var(--ink-soft);line-height:1.6;text-align:left}

.testimonials-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(16px,3vw,24px);
}
.testimonial{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:clamp(20px,3vw,28px);
  display:flex;flex-direction:column;
}
.testimonial:first-child{grid-row:span 2}
.testimonial blockquote{
  font-size:0.9375rem;line-height:1.7;color:var(--ink);
  flex:1;margin-bottom:1rem;
  font-style:italic;
}
.testimonial blockquote::before{
  content:'\201C';display:block;
  font-family:Georgia,serif;font-size:3rem;
  color:var(--accent);line-height:1;margin-bottom:8px;
}
.testimonial-author{
  font-family:'JetBrains Mono',monospace;
  font-size:0.75rem;color:var(--ink-soft);
}
.testimonial-author strong{color:var(--ink);font-weight:500}

.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.faq-item{
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;
}
.faq-item summary{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;cursor:pointer;
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:0.9375rem;color:#fff;
  list-style:none;
  transition:color 240ms;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::marker{display:none;content:''}
.faq-item summary::after{
  content:'+';font-size:1.25rem;color:var(--accent);
  transition:transform 320ms cubic-bezier(.4,0,.2,1);
  flex-shrink:0;margin-left:12px;
}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item[open] summary{color:var(--accent)}
.faq-item>.faq-body{
  height:0;
  padding:0 20px;
  overflow:hidden;
  transition:height 360ms cubic-bezier(.4,0,.2,1),
             padding-block-end 360ms cubic-bezier(.4,0,.2,1);
}
.faq-item[open]>.faq-body{
  height:auto;
  padding-block-end:20px;
}
.faq-body p{font-size:0.875rem;color:var(--ink-soft);line-height:1.7}
@media(prefers-reduced-motion:reduce){
  .faq-item>.faq-body{transition:none}
}

.news-block{margin-top:2rem}
.news-block h4{
  font-size:0.875rem;margin-bottom:12px;
  color:var(--accent);
  font-family:'JetBrains Mono',monospace;
}
.news-item{
  display:flex;gap:12px;align-items:baseline;
  padding:8px 0;border-bottom:1px solid var(--line);
  font-size:0.8125rem;
}
.news-date{
  font-family:'JetBrains Mono',monospace;
  color:var(--ink-soft);white-space:nowrap;font-size:0.75rem;
}
.news-text{color:var(--ink)}

.site-footer{
  background:var(--surface);
  border-top:1px solid var(--line);
  padding:clamp(2.5rem,6vw,4rem) 0 0;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:clamp(1.5rem,4vw,3rem);
  padding-bottom:clamp(2rem,4vw,3rem);
}
.footer-brand{display:flex;flex-direction:column;gap:12px}
.footer-brand .logo{margin-bottom:4px}
.footer-brand p{font-size:0.8125rem;color:var(--ink-soft);line-height:1.6;max-width:280px}
.footer-col h4{
  font-size:0.8125rem;letter-spacing:0.1em;text-transform:uppercase;
  color:var(--accent);margin-bottom:16px;
  font-family:'JetBrains Mono',monospace;
}
.footer-col a{
  display:block;padding:4px 0;
  font-size:0.8125rem;color:var(--ink-soft);
  transition:color 240ms;text-decoration:none;
}
.footer-col a:hover{color:var(--accent)}
.footer-bottom{
  border-top:1px solid var(--line);
  padding:20px 0;
  display:flex;flex-wrap:wrap;justify-content:space-between;
  gap:12px;
  font-size:0.75rem;color:var(--ink-soft);
}
.footer-bottom a{color:var(--ink-soft);text-decoration:none}
.footer-bottom a:hover{color:var(--accent)}
.footer-legal{display:flex;flex-wrap:wrap;gap:16px}

.cookie-banner{
  position:fixed;bottom:16px;left:16px;right:16px;
  max-width:520px;margin:0 auto;
  background:var(--surface);border:1px solid var(--line-strong);
  border-radius:var(--radius-lg);
  padding:20px 24px;
  transform:translateY(140%);opacity:0;
  transition:transform 280ms cubic-bezier(.2,.7,.2,1),opacity 240ms;
  z-index:9999;
  box-shadow:0 16px 48px rgba(0,0,0,0.4);
}
.cookie-banner.is-visible{transform:translateY(0);opacity:1}
.cookie-banner h3{font-size:0.9375rem;margin-bottom:8px}
.cookie-banner p{font-size:0.8125rem;color:var(--ink-soft);line-height:1.6;margin-bottom:16px}
.cookie-actions{display:flex;flex-wrap:wrap;gap:8px}
.cookie-actions button{
  flex:1;min-width:100px;min-height:44px;
  padding:10px 16px;border-radius:8px;
  font-family:'Space Grotesk',sans-serif;font-weight:700;
  font-size:0.8125rem;cursor:pointer;
  border:1px solid var(--line-strong);
  transition:all 240ms;
}
.cookie-actions .cookie-accept{
  background:var(--accent);color:var(--bg);border-color:var(--accent);
}
.cookie-actions .cookie-accept:hover{background:#33EDBA;color:var(--bg)}
.cookie-actions .cookie-reject{
  background:transparent;color:var(--ink);
}
.cookie-actions .cookie-reject:hover{background:var(--surface-2);color:var(--ink)}
.cookie-actions .cookie-settings{
  background:transparent;color:var(--ink-soft);
}
.cookie-actions .cookie-settings:hover{background:var(--surface-2);color:var(--ink)}
@media(min-width:640px){
  .cookie-banner{left:24px;right:auto;max-width:420px}
}

.reveal{
  opacity:0;transform:translateY(28px);
  transition:opacity 600ms cubic-bezier(.2,.7,.2,1),
             transform 600ms cubic-bezier(.2,.7,.2,1);
  transition-delay:calc(var(--i,0) * 80ms);
}
.reveal.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
}
html.no-js .reveal{opacity:1;transform:none}

.page-hero{
  padding:clamp(3rem,8vw,5rem) 0 clamp(2rem,5vw,3rem);
  text-align:center;
}
.page-hero .eyebrow{margin-bottom:0.75rem}
.page-hero h1{margin-bottom:1rem}
.page-hero p{
  max-width:560px;margin:0 auto;
  font-size:1.0625rem;color:var(--ink-soft);
}
.page-content{padding:clamp(2rem,5vw,3.5rem) 0}
.page-content h2{margin:2rem 0 1rem}
.page-content h3{margin:1.5rem 0 0.75rem}
.page-content p{margin-bottom:1rem;max-width:720px;line-height:1.7}
.page-content ul,.page-content ol{
  margin:0.75rem 0 1rem 1.5rem;
  list-style:disc;
}
.page-content li{margin-bottom:0.5rem;font-size:0.9375rem;color:var(--ink-soft)}
.page-content ol{list-style:decimal}

.contact-channels{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:clamp(12px,2vw,20px);
  margin-bottom:clamp(2rem,5vw,3rem);
}

.hours-grid{
  display:grid;grid-template-columns:auto 1fr;gap:4px 16px;
  font-variant-numeric:tabular-nums;
}
.hours-grid .day{font-size:0.8125rem;font-weight:500;color:var(--ink)}
.hours-grid .time{font-size:0.8125rem;color:var(--ink-soft)}
.hours-grid .today .day,.hours-grid .today .time{color:var(--accent)}

.ty-center{
  text-align:center;
  padding:clamp(4rem,10vw,8rem) 0;
  min-height:60vh;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1.5rem;
}
.ty-center svg{width:64px;height:64px;color:var(--accent)}
.ty-center h1{font-size:clamp(1.75rem, 4vw, 2.5rem)}
.ty-center p{color:var(--ink-soft);max-width:440px;font-size:1.0625rem}

.not-found{
  text-align:center;
  padding:clamp(4rem,10vw,8rem) 0;
  min-height:60vh;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1rem;
}
.not-found .error-code{
  font-family:'JetBrains Mono',monospace;
  font-size:clamp(4rem,12vw,8rem);
  color:var(--accent);opacity:0.3;line-height:1;
}

.sitemap-links{
  columns:2;column-gap:2rem;
}
.sitemap-links a{
  display:block;padding:6px 0;
  font-size:0.9375rem;color:var(--ink);
}

@media(max-width:1280px){
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr}
  .footer-grid>div:last-child{grid-column:1/-1}
}
@media(max-width:1024px){
  .nav-desktop{display:none}
  .nav-toggle{display:block}
  .hero-grid{grid-template-columns:1fr;gap:2rem}
  .hero-content{order:-1}
  .tech-layout{grid-template-columns:1fr}
  .pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}
  #iletisim .form-grid{grid-template-columns:1fr}
  .contact-aside{order:-1}
  .team-grid{grid-template-columns:1fr 1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .testimonial:first-child{grid-row:auto}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  :root{--header-h:64px}
  .metrics-grid{grid-template-columns:1fr 1fr}
  .sitemap-links{columns:1}
}
@media(max-width:640px){
  .metrics-grid{grid-template-columns:1fr}
  .team-grid{grid-template-columns:1fr}
  .field-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .footer-legal{justify-content:center}
  .hero-counters{flex-direction:column;gap:12px}
  .pricing-grid{max-width:100%}
  .program-tabs{gap:6px}
  .program-tab{padding:6px 14px;font-size:0.75rem}
  .contact-channels{grid-template-columns:1fr}
  .cookie-banner{left:10px;right:10px;bottom:10px;padding:16px 18px}
  .cookie-actions{flex-direction:column}
  .cookie-actions button{flex:none;width:100%}
}
@media(max-width:390px){
  body{font-size:0.9375rem}
  .metric-card{padding:16px}
  .metric-icon{width:40px;height:40px}
  .metric-icon svg{width:20px;height:20px}
  .trust-strip{gap:6px}
  .trust-pill{padding:4px 8px;font-size:0.625rem}
}
@media(min-width:1440px){
  :root{--container:1320px}
}

@keyframes maskReveal{
  to{clip-path:inset(0 0 0 0)}
}
@keyframes fadeUp{
  from{opacity:0;transform:translateY(20px)}
  to{opacity:1;transform:none}
}
@keyframes ecgDraw{
  0%{stroke-dashoffset:600}
  100%{stroke-dashoffset:-600}
}
@keyframes needleOsc{
  0%,100%{transform:rotate(-8deg)}
  50%{transform:rotate(4deg)}
}
@keyframes dotPulse{
  0%,100%{r:3;opacity:0.4}
  50%{r:6;opacity:0.8}
}
@keyframes barGrow{
  from{transform:scaleY(0)}
  to{transform:scaleY(1)}
}
@keyframes pulseSweep{
  0%{transform:translateX(-100%);opacity:0}
  40%{opacity:0.6}
  100%{transform:translateX(300%);opacity:0}
}
@keyframes dataGlow{
  0%,100%{box-shadow:0 0 0 rgba(0,229,160,0)}
  50%{box-shadow:0 0 20px rgba(0,229,160,0.15)}
}
@keyframes scanPulse{
  0%{opacity:0.03}
  50%{opacity:0.08}
  100%{opacity:0.03}
}
@media(prefers-reduced-motion:reduce){
  .hero-title{clip-path:none;animation:none}
  .hero-sub,.hero-actions,.trust-strip,.hero-counters{opacity:1;animation:none}
  .ecg-path{animation:none;stroke-dashoffset:0}
  .gauge-needle{animation:none}
  .radar-dot-pulse{animation:none}
  .stat-bar{animation:none;transform:none}
  .data-pulse-line::after{animation:none}
  .metric-card::after{animation:none;display:none}
}

@media print{
  body::before{display:none}
  .site-header,.drawer,.drawer-backdrop,.cookie-banner,.nav-toggle,
  .skip-link,.data-pulse-line{display:none!important}
  main{padding-top:0}
  body{color:#000;background:#fff}
  a{color:#000;text-decoration:underline}
  .reveal{opacity:1!important;transform:none!important}
  section{page-break-inside:avoid}
}

.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:9998;transition:width 80ms linear;pointer-events:none}

/* footer-contrast-guard */
.site-footer, footer, .footer {
  border-top: 1px solid rgba(255,255,255,0.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  position: relative;
}
.site-footer::before, footer::before, .footer::before {
  content:"";
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  width: 64px; height: 2px;
  background: currentColor;
  opacity: 0.35;
  border-radius: 2px;
}


/* contact-card-icon-fix */
.contact-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(var(--accent-rgb, 0, 229, 160), 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  flex-shrink: 0;
}
.contact-card-icon svg {
  width: 22px;
  height: 22px;
  color: var(--accent);
  flex-shrink: 0;
}

/* thankyou-block-fix */
.thankyou-block {
  text-align: center;
  padding: clamp(80px, 14vw, 160px) 0;
  max-width: 540px;
  margin: 0 auto;
}
.thankyou-block svg {
  width: 64px;
  height: 64px;
  color: var(--accent);
  margin: 0 auto 24px;
}

/* sahaverisi-iletisim-form-fix */
main .form-grid:not(.contact-card),
.form-section .form-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.form-grid .field-full {
  grid-column: 1 / -1;
}
@media (max-width: 768px) {
  main .form-grid:not(.contact-card),
  .form-section .form-grid {
    grid-template-columns: 1fr;
  }
}
.form-grid .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-grid input, .form-grid select, .form-grid textarea {
  width: 100%;
  padding: 10px 14px;
  background: var(--surface, #161b2e);
  border: 1px solid var(--line, rgba(255,255,255,0.1));
  border-radius: 8px;
  color: var(--ink, #e4e8f0);
  font-family: inherit;
  font-size: 14px;
}
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus {
  outline: 2px solid var(--accent, #00e5a0);
  outline-offset: 1px;
}
.form-grid textarea { min-height: 110px; resize: vertical; }
.form-grid .btn-primary, .form-grid button[type=submit] {
  background: var(--accent, #00e5a0);
  color: var(--bg, #0a0a0f);
  border: none;
  padding: 14px 32px;
  border-radius: 8px;
  font-weight: 700;
  cursor: pointer;
  font-size: 15px;
  text-transform: none;
  letter-spacing: 0;
}

/* iletisim-form-responsive-guard v2 */
main form, .form-section form, .contact-form, .iletisim-form, form#contact-form, form[id*="iletisim"], form[class*="iletisim"], form[class*="contact"] {
  display: block;
  max-width: 720px;
  margin: 24px auto;
  padding: clamp(20px, 4vw, 36px);
  background: var(--surface, rgba(255,255,255,0.04));
  border: 1px solid var(--line, rgba(127,127,127,0.18));
  border-radius: 16px;
  box-shadow: 0 8px 32px -12px rgba(0,0,0,0.25);
  box-sizing: border-box;
}
main form .form-grid,
main form > .grid,
.contact-form .form-grid,
form[class*="contact"] .form-grid,
form[class*="iletisim"] .form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
  width: 100%;
}
@media (max-width: 640px) {
  main form .form-grid,
  main form > .grid,
  .contact-form .form-grid,
  form[class*="contact"] .form-grid,
  form[class*="iletisim"] .form-grid {
    grid-template-columns: 1fr;
  }
}
main form .form-grid > .field-full,
main form .form-grid > .col-full,
main form .form-grid > [class*="full"] {
  grid-column: 1 / -1;
}
main form .field, main form label,
.contact-form .field, .contact-form label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
main form input[type="text"],
main form input[type="email"],
main form input[type="tel"],
main form input[type="number"],
main form input[type="date"],
main form input[type="url"],
main form input[type="search"],
main form input:not([type]),
main form select,
main form textarea,
.contact-form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),
.contact-form select,
.contact-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 14px;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  font-family: inherit;
  border: 1px solid var(--line, rgba(127,127,127,0.22));
  border-radius: 10px;
  background: var(--input-bg, rgba(0,0,0,0.04));
  color: inherit;
  appearance: none;
  -webkit-appearance: none;
}
main form textarea, .contact-form textarea {
  min-height: 120px;
  resize: vertical;
}
main form input:focus, main form select:focus, main form textarea:focus,
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {
  outline: 2px solid var(--accent, #5a8dee);
  outline-offset: 1px;
  border-color: transparent;
}
main form .checkbox, main form label.checkbox,
.contact-form .checkbox {
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.5;
}
main form input[type="checkbox"], main form input[type="radio"],
.contact-form input[type="checkbox"], .contact-form input[type="radio"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin-top: 2px;
  flex-shrink: 0;
  accent-color: var(--accent, #5a8dee);
}
main form button[type="submit"],
main form input[type="submit"],
main form .btn-submit,
.contact-form button[type="submit"],
.contact-form .btn-submit {
  width: 100%;
  min-height: 48px;
  padding: 14px 28px;
  background: var(--accent, #5a8dee);
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  margin-top: 8px;
  transition: filter 200ms ease, transform 120ms ease;
}
@media (min-width: 640px) {
  main form button[type="submit"],
  main form input[type="submit"],
  .contact-form button[type="submit"] {
    width: auto;
    min-width: 220px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
main form button[type="submit"]:hover,
.contact-form button[type="submit"]:hover {
  filter: brightness(1.05);
}
main form button[type="submit"]:active,
.contact-form button[type="submit"]:active {
  transform: translateY(1px);
}


/* honeypot-hide */
.form-honeypot, input[name="web_site"], input[name="honeypot"], input[name="hp_url"], input[name="trap"], input[aria-hidden="true"][tabindex="-1"] {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* sahaverisi-overflow-x-guard */
html, body { overflow-x: hidden; max-width: 100vw; }

/* form-reveal-opacity-fix */
main form.reveal, .form-section form.reveal, .contact-form.reveal, form[id*='iletisim'].reveal, form[class*='contact'].reveal { opacity: 1 !important; transform: none !important; translate: none !important; }
main form, .form-section form, .contact-form, form[id*='iletisim'], form[class*='contact'] { opacity: 1 !important; }

/* consent-checkbox-inline-fix */
main form label.checkbox, main form .form-checkbox, main form .consent, main form .kvkk, .contact-form label.checkbox, .contact-form .checkbox-group { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 10px !important; font-size: 14px !important; line-height: 1.5 !important; flex-wrap: nowrap !important; }
main form label.checkbox span, main form label.checkbox a, main form .form-checkbox span, main form .form-checkbox a, .contact-form label.checkbox span, .contact-form label.checkbox a { display: inline !important; flex: 1 1 auto; }
main form label.checkbox input[type='checkbox'], main form .form-checkbox input[type='checkbox'] { flex-shrink: 0 !important; width: 18px !important; height: 18px !important; margin-top: 3px !important; }


/* contacts-grid-v2 */
/* Contact cards in responsive grid */
.contact-grid, .contacts-grid, .iletisim-grid, .contact-cards, .contact-cards-grid,
.contact-list, main .contact-wrap, section[id*="iletisim"] > .container > div:has(> .contact-card) {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 20px !important;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 8px 16px;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .contact-grid, .contacts-grid, .iletisim-grid, .contact-cards, .contact-cards-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 720px) {
  .contact-grid, .contacts-grid, .iletisim-grid, .contact-cards, .contact-cards-grid {
    grid-template-columns: 1fr !important;
  }
}
.contact-card { min-height: 0; box-sizing: border-box; }

/* Checkbox row alignment — override .field-checkbox column layout */
form .field.field-checkbox,
form .field-checkbox,
form .checkbox-field,
form .form-field--checkbox,
form .form-row--checkbox,
form .kvkk-field,
form .consent-field,
.contact-form .field.field-checkbox {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100%;
}
form .field.field-checkbox > input[type="checkbox"],
form .field-checkbox > input[type="checkbox"],
form .checkbox-field > input[type="checkbox"],
form .kvkk-field > input[type="checkbox"],
form .consent-field > input[type="checkbox"] {
  flex-shrink: 0 !important;
  width: 18px !important;
  height: 18px !important;
  margin: 3px 0 0 0 !important;
  accent-color: var(--accent, currentColor);
}
form .field.field-checkbox > label,
form .field-checkbox > label,
form .checkbox-field > label,
form .kvkk-field > label,
form .consent-field > label {
  flex: 1 1 auto !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  display: inline !important;
  cursor: pointer;
}
form .field.field-checkbox > label a,
form .field-checkbox > label a {
  text-decoration: underline;
}

/* field-full inside form grid spans both columns */
form .form-grid > .field-full,
form .form-grid > .field.field-full,
form .form-grid > .col-full,
form .form-grid > .full,
form .form-grid > [class*="--full"] {
  grid-column: 1 / -1;
}