:root{
  --primary:#e63946; --dark:#b82d38; --light:#fde8ea; --accent:#457b9d;
  --bg:#fafafa; --bg-dark:#1d2d44; --text:#1d2d44; --text-light:#fff; --muted:#6b7280;
  --border-w:3px; --shadow: 6px 6px 0 var(--text); --shadow-lg: 9px 9px 0 var(--text);
  --ease-spring: cubic-bezier(0.34,1.56,0.64,1); --ease-smooth: cubic-bezier(0.25,0.46,0.45,0.94);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Outfit',sans-serif; color:var(--text); background:var(--bg);
  font-display:swap; overflow-x:hidden; position:relative;
}
body::after{
  content:''; position:fixed; inset:0; pointer-events:none; z-index:9999; opacity:0.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
::selection{background:var(--primary);color:#fff;}
h1,h2,h3,h4,.display{font-family:'Syne',sans-serif;font-weight:800;letter-spacing:-0.02em;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;}
.container{width:min(100% - 3rem, 1280px);margin-inline:auto;}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-weight:700;font-family:'Syne',sans-serif;padding:1rem 1.8rem;border-radius:8px;
  border:var(--border-w) solid var(--text);box-shadow:var(--shadow);
  transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-spring);
  min-height:44px;font-size:.95rem;
}
.btn:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg);}
.btn:active{transform:translate(0,0);box-shadow:0 0 0 var(--text);}
.btn-primary{background:var(--primary);color:#fff;}
.btn-outline{background:#fff;color:var(--text);}
.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px;}
section{padding:clamp(3.5rem,8vw,7rem) 0;position:relative;}
.eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;font-family:'Syne',sans-serif;font-weight:700;
  font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;padding:.4rem 1rem;
  border:2px solid var(--text);border-radius:99px;background:var(--light);
}
.section-head{max-width:640px;margin-bottom:3rem;}
.section-head h2{font-size:clamp(2rem,4.5vw,3.2rem);text-transform:uppercase;line-height:1.05;}
.section-head p{color:var(--muted);font-size:1.05rem;margin-top:1rem;}
[data-animate]{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease-smooth),transform .7s var(--ease-smooth);}
[data-animate].in-view{opacity:1;transform:translateY(0);}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}

/* NAV */
nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:var(--border-w) solid var(--text);
  background:var(--bg);transition:transform .4s var(--ease-smooth), background .3s, backdrop-filter .3s;
}
nav.scrolled{background:rgba(250,250,250,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
nav.nav-hidden{transform:translateY(-100%);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;}
.nav-brand{display:flex;align-items:center;gap:.7rem;font-family:'Syne',sans-serif;font-weight:800;text-transform:uppercase;font-size:1.1rem;}
.nav-links{display:flex;gap:2rem;list-style:none;}
.nav-links a{font-weight:700;font-size:.95rem;position:relative;padding:.3rem 0;}
.nav-links a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:3px;background:var(--primary);transition:width .3s var(--ease-smooth);}
.nav-links a:hover::after{width:100%;}
.nav-cta{display:none;}
.burger{display:flex;flex-direction:column;gap:5px;background:none;border:none;padding:.5rem;min-width:44px;min-height:44px;align-items:center;justify-content:center;}
.burger span{width:26px;height:3px;background:var(--text);border-radius:2px;transition:transform .3s,opacity .3s;}
.mobile-menu{position:fixed;top:0;right:-100%;width:min(80%,320px);height:100vh;background:var(--bg-dark);z-index:1001;transition:right .4s var(--ease-smooth);padding:6rem 2rem 2rem;}
.mobile-menu.open{right:0;}
.mobile-menu a{display:block;color:#fff;font-weight:700;font-size:1.2rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.15);}
.mobile-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#fff;font-size:1.8rem;min-width:44px;min-height:44px;}
@media(min-width:900px){.nav-links{display:flex;}.nav-cta{display:inline-flex;}.burger{display:none;}}
@media(max-width:899px){.nav-links{display:none;}}

/* HERO */
.hero{
  padding-top:calc(6rem + 3rem);padding-bottom:5rem;position:relative;
  background-image:linear-gradient(rgba(29,45,68,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(29,45,68,.045) 1px,transparent 1px);
  background-size:44px 44px;
}
.hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;align-items:start;}
.hero-content{grid-column:1/8;}
.hero-content .eyebrow{margin-bottom:1.5rem;}
.hero-content h1{font-size:clamp(2.8rem,7.5vw,6rem);text-transform:uppercase;line-height:.95;margin-bottom:1.5rem;}
.hero-content h1 span{background:var(--primary);color:#fff;padding:0 .2rem;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.hero-content p{font-size:1.15rem;color:var(--muted);max-width:520px;margin-bottom:2.2rem;}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;}
.hero-visual{grid-column:8/13;position:relative;margin-top:-1rem;}
.hero-frame{
  border:var(--border-w) solid var(--text);border-radius:10px;box-shadow:var(--shadow-lg);
  overflow:hidden;aspect-ratio:3/4;background:var(--light);
}
.hero-frame img{width:100%;height:100%;object-fit:cover;}
.hero-badge{
  position:absolute;bottom:-1.8rem;left:-2.5rem;background:var(--accent);color:#fff;
  border:var(--border-w) solid var(--text);border-radius:10px;box-shadow:var(--shadow);
  padding:1rem 1.3rem;font-family:'Syne',sans-serif;font-weight:800;transform:rotate(-6deg);
  max-width:180px;font-size:.95rem;
}
@media(max-width:899px){
  .hero-content,.hero-visual{grid-column:1/13;}
  .hero-visual{margin-top:2.5rem;max-width:380px;margin-inline:auto;}
  .hero-badge{left:-1rem;bottom:-1.5rem;}
}

/* MARKA SERIT */
.marquee-wrap{background:var(--text);border-top:var(--border-w) solid var(--text);border-bottom:var(--border-w) solid var(--text);overflow:hidden;padding:1.1rem 0;}
.marquee{display:flex;gap:3rem;width:max-content;animation:scroll-left 22s linear infinite;}
.marquee span{color:#fff;font-family:'Syne',sans-serif;font-weight:700;text-transform:uppercase;font-size:1rem;white-space:nowrap;display:flex;align-items:center;gap:.8rem;}
.marquee span::before{content:'★';color:var(--primary);}
@keyframes scroll-left{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* STATS */
.stats-wrap{background:var(--bg-dark);}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center;}
.stat-item h3{color:#fff;font-size:clamp(2.4rem,5vw,3.5rem);}
.stat-item p{color:rgba(255,255,255,.65);font-weight:500;margin-top:.4rem;}

/* SERVICES CAROUSEL */
.services-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.5rem;padding:.5rem .5rem 1.5rem;scrollbar-width:none;}
.services-carousel::-webkit-scrollbar{display:none;}
.service-card{
  scroll-snap-align:start;min-width:min(85%,360px);flex-shrink:0;background:#fff;
  border:var(--border-w) solid var(--text);border-radius:10px;box-shadow:var(--shadow);
  padding:2rem;transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-spring);
}
.service-card:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-lg);}
.service-icon{
  width:56px;height:56px;border-radius:8px;background:var(--light);border:2px solid var(--text);
  display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;color:var(--primary);
}
.service-icon svg{width:28px;height:28px;}
.service-card h3{font-size:1.3rem;text-transform:uppercase;margin-bottom:.7rem;}
.service-card p{color:var(--muted);font-size:.95rem;margin-bottom:1.2rem;}
.service-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;}
.service-list li{display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:500;}
.service-list li::before{content:'✓';color:#fff;background:var(--primary);width:18px;height:18px;flex-shrink:0;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;}
.carousel-dots{display:flex;justify-content:center;gap:.6rem;margin-top:.5rem;}
.carousel-dots button{width:12px;height:12px;border-radius:50%;border:2px solid var(--text);background:transparent;padding:0;min-width:auto;min-height:auto;}
.carousel-dots button.active{background:var(--primary);}

/* NEDEN BIZ */
.neden-list{display:flex;flex-direction:column;gap:1.5rem;}
.neden-item{
  display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;
  border:var(--border-w) solid var(--text);border-radius:10px;padding:1.8rem;box-shadow:var(--shadow);
  transition:transform .3s var(--ease-spring);
}
.neden-item:nth-child(1){background:var(--light);}
.neden-item:nth-child(2){background:#fff;}
.neden-item:nth-child(3){background:var(--light);}
.neden-item:nth-child(4){background:#fff;}
.neden-item:nth-child(even){margin-left:clamp(0px,4vw,3rem);}
.neden-item:nth-child(odd){margin-right:clamp(0px,4vw,3rem);}
.neden-item:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg);}
.neden-num{font-family:'Syne',sans-serif;font-weight:800;font-size:2.6rem;color:var(--primary);line-height:1;}
.neden-item h4{font-size:1.2rem;text-transform:uppercase;margin-bottom:.4rem;}
.neden-item p{color:var(--muted);font-size:.95rem;}
@media(max-width:640px){.neden-item{grid-template-columns:1fr;text-align:left;}.neden-item:nth-child(even),.neden-item:nth-child(odd){margin-left:0;margin-right:0;}}

/* ABOUT */
.about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}
.about-img{border:var(--border-w) solid var(--text);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden;aspect-ratio:4/5;}
.about-img img{width:100%;height:100%;object-fit:cover;}
.about-text .eyebrow{margin-bottom:1.2rem;}
.about-text h2{font-size:clamp(1.9rem,4vw,2.6rem);text-transform:uppercase;margin-bottom:1.2rem;}
.about-text p{color:var(--muted);margin-bottom:1rem;line-height:1.7;}
.about-badges{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.5rem;}
.badge-item{
  display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:.9rem;
  border:2px solid var(--text);border-radius:8px;padding:.7rem .9rem;background:var(--light);
}
.badge-item::before{content:'✓';background:var(--accent);color:#fff;width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;}
@media(max-width:850px){.about-wrap{grid-template-columns:1fr;}.about-img{order:-1;max-width:400px;margin-inline:auto;}}

/* SSS */
.faq-list{max-width:800px;margin-inline:auto;display:flex;flex-direction:column;gap:1rem;}
.faq-item{border:var(--border-w) solid var(--text);border-radius:10px;background:#fff;overflow:hidden;}
.faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.3rem 1.5rem;
  background:none;border:none;font-family:'Syne',sans-serif;font-weight:700;font-size:1.05rem;text-align:left;
  min-height:44px;
}
.faq-q .plus{width:28px;height:28px;border:2px solid var(--text);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s var(--ease-smooth);font-size:1.1rem;}
.faq-item.open .faq-q .plus{transform:rotate(45deg);background:var(--primary);color:#fff;border-color:var(--text);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s var(--ease-smooth);}
.faq-a p{padding:0 1.5rem 1.5rem;color:var(--muted);line-height:1.7;font-size:.95rem;}

/* YORUMLAR */
.testi-wrap{max-width:780px;margin-inline:auto;text-align:center;}
.testi-quote-mark{font-family:'Syne',sans-serif;font-size:6rem;color:var(--primary);line-height:1;height:3rem;}
.testi-text{font-family:'Syne',sans-serif;font-size:clamp(1.3rem,3vw,2rem);font-weight:600;line-height:1.4;min-height:160px;transition:opacity .4s;}
.testi-author{margin-top:1.5rem;font-weight:700;color:var(--muted);}
.testi-avatars{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem;}
.testi-avatars button{
  width:56px;height:56px;border-radius:50%;border:3px solid var(--text);background:var(--light);
  display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;color:var(--text);
  transition:transform .3s var(--ease-spring),background .3s;min-width:44px;min-height:44px;
}
.testi-avatars button.active{background:var(--primary);color:#fff;transform:scale(1.15);}

/* CTA STRIP */
.cta-strip{background:var(--primary);border-top:var(--border-w) solid var(--text);border-bottom:var(--border-w) solid var(--text);text-align:center;}
.cta-strip h2{color:#fff;font-size:clamp(2rem,5vw,3.5rem);text-transform:uppercase;margin-bottom:1rem;}
.cta-strip p{color:rgba(255,255,255,.9);max-width:500px;margin:0 auto 2rem;font-size:1.05rem;}
.cta-strip .btn{background:#fff;color:var(--text);}

/* CONTACT */
.contact-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;}
.contact-form{display:flex;flex-direction:column;gap:1.2rem;background:#fff;border:var(--border-w) solid var(--text);border-radius:10px;box-shadow:var(--shadow);padding:2.2rem;}
.form-group{display:flex;flex-direction:column;gap:.4rem;}
.form-group label{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;}
.form-group input,.form-group textarea{
  border:2px solid var(--text);border-radius:8px;padding:.9rem 1rem;font-family:'Outfit',sans-serif;font-size:1rem;
  background:var(--bg);transition:box-shadow .25s;
}
.form-group input:focus,.form-group textarea:focus{outline:none;box-shadow:4px 4px 0 var(--primary);}
.contact-info{display:flex;flex-direction:column;gap:1.5rem;}
.info-card{border:var(--border-w) solid var(--text);border-radius:10px;background:var(--light);padding:1.5rem;box-shadow:var(--shadow);display:flex;gap:1rem;align-items:flex-start;}
.info-card svg{width:26px;height:26px;color:var(--primary);flex-shrink:0;margin-top:.2rem;}
.info-card h4{font-size:1rem;text-transform:uppercase;margin-bottom:.3rem;}
.info-card p,.info-card a{color:var(--muted);font-size:.95rem;}
@media(max-width:850px){.contact-wrap{grid-template-columns:1fr;}}

/* FOOTER */
footer{background:var(--bg-dark);color:#fff;padding-top:4rem;position:relative;overflow:hidden;}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.15);position:relative;z-index:2;}
.footer-brand{display:flex;align-items:center;gap:.8rem;font-family:'Syne',sans-serif;font-weight:800;font-size:1.2rem;text-transform:uppercase;margin-bottom:1rem;}
.footer-top p{color:rgba(255,255,255,.6);font-size:.95rem;max-width:320px;}
.footer-col h5{font-family:'Syne',sans-serif;text-transform:uppercase;margin-bottom:1rem;font-size:.95rem;letter-spacing:.05em;}
.footer-col a{display:block;color:rgba(255,255,255,.65);padding:.4rem 0;font-size:.95rem;transition:color .2s,transform .2s;}
.footer-col a:hover{color:var(--primary);transform:translateX(4px);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;color:rgba(255,255,255,.5);font-size:.85rem;flex-wrap:wrap;gap:1rem;position:relative;z-index:2;}
.watermark{
  font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(4rem,16vw,11rem);color:rgba(255,255,255,.04);
  text-align:center;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;user-select:none;line-height:1;margin-top:1rem;
}
@media(max-width:750px){.footer-top{grid-template-columns:1fr;}}

/* FLOATING BUTTONS */
.float-btn{
  position:fixed;right:1.5rem;z-index:900;width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;border:var(--border-w) solid var(--text);
  box-shadow:var(--shadow);transition:transform .3s var(--ease-spring),opacity .3s;
}
.wa-btn{bottom:1.5rem;background:#25D366;color:#fff;}
.wa-btn:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg);}
.wa-btn svg{width:28px;height:28px;}
.top-btn{bottom:6.5rem;background:var(--text);color:#fff;opacity:0;pointer-events:none;}
.top-btn.show{opacity:1;pointer-events:auto;}
.top-btn:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg);}