html{scroll-behavior:smooth}
body{background:linear-gradient(180deg,#d4d4d7 0%,#c2c2c5 45%,#abaaad 100%);color:#010710;font-family:'Inter',sans-serif;min-height:100vh}

/* Fırçalanmış çelik — koyu ink dominant, ince gümüş yansıması */
.text-chrome{background:linear-gradient(180deg,#1a1f27 0%,#010710 25%,#5b6067 48%,#010710 70%,#1a1f27 92%,#010710 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35)) drop-shadow(0 2px 6px rgba(1,7,16,.5))}

/* Fırçalanmış çelik (koyu varyant) — açık zeminler için, tamamen okunur */
.text-chrome-dark{background:linear-gradient(180deg,#010710 0%,#010710 40%,#3a3f47 52%,#010710 62%,#010710 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35)) drop-shadow(0 2px 6px rgba(1,7,16,.55))}

/* Koyu kırmızı gloss — logo REAL tonu */
.text-red-gloss{background:linear-gradient(180deg,#8B0203 0%,#660102 30%,#3D0101 65%,#1a0001 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.3)) drop-shadow(0 2px 6px rgba(61,1,1,.55))}

/* Hero — fırçalanmış metalik gümüş + hafif koyu kırmızı radial */
.hero-bg{background:radial-gradient(ellipse at 22% 32%,rgba(102,1,2,.14) 0%,transparent 48%),radial-gradient(ellipse at 82% 72%,rgba(1,7,16,.18) 0%,transparent 52%),linear-gradient(180deg,#d4d4d7 0%,#c2c2c5 45%,#abaaad 100%)}
.hero-bg::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(1,7,16,.05) 0 1px,transparent 1px 3px),linear-gradient(90deg,transparent 0%,rgba(255,255,255,.10) 50%,transparent 100%);opacity:.7;pointer-events:none}

/* Header — sabit #abaaad metalik */
.header-metal{background:linear-gradient(180deg,#b8b7ba 0%,#abaaad 55%,#9e9da0 100%);border-bottom:1px solid rgba(1,7,16,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 18px -8px rgba(1,7,16,.28)}

/* Header scroll durumu — mobilde logo solar, ortada başlık gelir */
.header-brand-text{font-family:'Bebas Neue',Impact,sans-serif;font-size:20px;letter-spacing:.15em;text-transform:uppercase;color:#010710;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;line-height:1}
.header-brand-sub{font-family:'Oswald',sans-serif;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:rgba(1,7,16,.55);opacity:0;transform:translateY(4px);transition:opacity .3s ease .05s,transform .3s ease .05s;margin-top:2px}
#rg-header.scrolled .header-brand-text,
#rg-header.scrolled .header-brand-sub{opacity:1;transform:translateY(0)}
@media (max-width:767px){
  #rg-header{transform:translateY(-100%);transition:transform .32s ease}
  #rg-header.scrolled{transform:translateY(0)}
  #rg-header .nav-logo{transition:opacity .3s ease,transform .3s ease}
  #rg-header.scrolled .nav-logo{opacity:0;transform:translateX(-8px);pointer-events:none}
}

/* Preloader — logo etrafında dönen halka */
.rg-preloader{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:linear-gradient(180deg,#d4d4d7 0%,#c2c2c5 45%,#abaaad 100%);transition:opacity .5s ease,visibility .5s ease}
.rg-preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.rg-preloader-stack{position:relative;width:132px;height:132px;display:flex;align-items:center;justify-content:center}
.rg-preloader-logo{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(1,7,16,.35))}
.rg-preloader-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(1,7,16,.12);border-top-color:#660102;border-right-color:rgba(102,1,2,.55);animation:rg-spin 1.05s linear infinite}
.rg-preloader-text{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.35em;font-size:11px;color:#3a3f47;animation:rg-fade 1.5s ease-in-out infinite}
@keyframes rg-spin{to{transform:rotate(360deg)}}
@keyframes rg-fade{0%,100%{opacity:.45}50%{opacity:1}}

/* Mobil intro — tam ekran logo + tagline + aşağı kaydır (sadece <768px) */
@media (min-width:768px){.mobile-intro{display:none !important}}
.mobile-intro{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:112px 20px 80px;background:radial-gradient(ellipse at 50% 30%,rgba(102,1,2,.10) 0%,transparent 55%),linear-gradient(180deg,#d4d4d7 0%,#c2c2c5 55%,#abaaad 100%);overflow:hidden}
.mobile-intro::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(1,7,16,.04) 0 1px,transparent 1px 3px);opacity:.6;pointer-events:none}
.mobile-intro-inner{position:relative;text-align:center;max-width:360px}
.mobile-intro-logo{width:min(200px,54vw);height:auto;object-fit:contain;margin:0 auto;filter:drop-shadow(0 20px 40px rgba(1,7,16,.35));animation:rg-float 4.5s ease-in-out infinite}
.mobile-intro-title{margin-top:22px;font-family:'Oswald',sans-serif;letter-spacing:.32em;font-size:11px;color:#010710}
.mobile-intro-lang{margin-top:22px;display:inline-flex;align-items:center;gap:4px;font-family:'Oswald',sans-serif;letter-spacing:.28em;font-size:12px}
.mobile-intro-lang .lang-link-m{background:none;border:0;padding:6px 10px;color:rgba(1,7,16,.55);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:uppercase;text-decoration:none}
.mobile-intro-lang-sep{color:rgba(1,7,16,.30)}
.mobile-intro-lang .lang-link-m.active{color:#660102;font-weight:600}
.mobile-intro-headline{margin-top:22px;font-size:clamp(30px,9.2vw,44px);line-height:.98;letter-spacing:.02em}
.mobile-intro-headline span{display:block}
.mobile-intro-scroll{display:inline-flex;flex-direction:column;align-items:center;gap:14px;margin-top:40px;color:rgba(1,7,16,.65);text-decoration:none}
.mobile-intro-scroll-text{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.3em;font-size:10px}
.mobile-intro-scroll-arrow{position:relative;width:1px;height:44px;background:linear-gradient(to bottom,rgba(1,7,16,.45),transparent);animation:rg-scroll-bounce 1.8s ease-in-out infinite}
.mobile-intro-scroll-arrow::after{content:"";position:absolute;left:50%;bottom:0;width:7px;height:7px;border-right:1px solid rgba(1,7,16,.55);border-bottom:1px solid rgba(1,7,16,.55);transform:translate(-50%,4px) rotate(45deg)}
@keyframes rg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes rg-scroll-bounce{0%,100%{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){
  .mobile-intro-logo,.mobile-intro-scroll-arrow,.rg-preloader-text,.rg-preloader-ring{animation:none}
}

/* Koyu kırmızı diyagonal aksana */
.stripe-accent{background:repeating-linear-gradient(135deg,#660102 0 4px,transparent 4px 12px)}

/* Service card — parlak metalik yüzey, koyu kırmızı hover */
.service-card{background:linear-gradient(160deg,#d4d4d7 0%,#b3b3b7 100%);border:1px solid rgba(1,7,16,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 18px -12px rgba(1,7,16,.35);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.service-card:hover{transform:translateY(-6px);border-color:rgba(102,1,2,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 24px 50px -20px rgba(1,7,16,.4),0 8px 20px -12px rgba(102,1,2,.3)}

/* Before/After slider */
.ba-slider{position:relative;overflow:hidden;user-select:none;border-radius:12px;border:1px solid rgba(1,7,16,.22);box-shadow:0 12px 32px -12px rgba(1,7,16,.5)}
.ba-slider img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba-after{position:absolute;inset:0;clip-path:inset(0 0 0 50%);transition:clip-path 0s}
.ba-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#c2c2c5;box-shadow:0 0 12px rgba(1,7,16,.6);cursor:ew-resize;z-index:5}
.ba-handle::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#010710;border:2px solid #660102;box-shadow:0 0 20px rgba(102,1,2,.55),0 4px 12px rgba(1,7,16,.45)}
.ba-handle::after{content:"‹ ›";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:monospace;font-weight:700;color:#c2c2c5;letter-spacing:-2px;font-size:18px;z-index:2}
.ba-label{position:absolute;top:12px;padding:4px 10px;font-family:'Oswald',sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;background:rgba(194,194,197,.92);border:1px solid rgba(1,7,16,.3);z-index:4;color:#010710}
.ba-label.before{left:12px;color:#3a3f47}
.ba-label.after{right:12px;color:#660102;border-color:rgba(102,1,2,.6)}

/* Buttons */
.btn-primary{background:linear-gradient(180deg,#8B0203 0%,#660102 55%,#3D0101 100%);box-shadow:0 8px 24px -8px rgba(102,1,2,.55),inset 0 1px 0 rgba(255,255,255,.25);color:#FFFFFF;transition:transform .2s ease,box-shadow .2s ease}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(102,1,2,.8),inset 0 1px 0 rgba(255,255,255,.3)}
.btn-ghost{border:1px solid rgba(1,7,16,.35);color:#010710;transition:border-color .2s ease,background .2s ease,color .2s ease}
.btn-ghost:hover{border-color:#660102;background:rgba(102,1,2,.08);color:#660102}

/* Bölüm başlığı altı */
.section-underline{position:relative;display:inline-block;padding-bottom:14px}
.section-underline::after{content:"";position:absolute;left:50%;bottom:0;width:60px;height:3px;background:#660102;transform:translateX(-50%);box-shadow:0 0 12px rgba(102,1,2,.55)}

/* Hero alt yazısındaki vurgular */
[data-i18n="hero.sub"] strong{color:#660102;font-weight:700}

/* Mobile menu — fullscreen overlay */
.mobile-menu{display:none;position:fixed;inset:0;z-index:70;flex-direction:column;justify-content:center;align-items:center;gap:22px;background:radial-gradient(ellipse at 50% 30%,rgba(102,1,2,.08) 0%,transparent 60%),linear-gradient(180deg,#d4d4d7 0%,#c2c2c5 55%,#abaaad 100%);padding:80px 24px 40px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:16px}
.mobile-menu.open{display:flex}
.mobile-menu a{color:#010710;text-decoration:none;padding:12px 0;border-bottom:1px solid rgba(1,7,16,.12);width:min(280px,80%);text-align:center;transition:color .2s ease}
.mobile-menu a:hover,.mobile-menu a:active{color:#660102}
.mobile-menu-close{position:absolute;top:18px;right:18px;width:44px;height:44px;background:rgba(255,255,255,.4);border:1px solid rgba(1,7,16,.2);border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.mobile-menu-lang{display:flex;gap:10px;margin-top:14px}
.mobile-menu-lang .lang-btn-m{padding:8px 22px;background:transparent;border:1px solid rgba(1,7,16,.25);color:rgba(1,7,16,.65);font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.28em;font-size:12px;cursor:pointer;transition:border-color .2s ease,color .2s ease}
.mobile-menu-lang .lang-btn-m.active{border-color:#660102;color:#660102;font-weight:600}

.reveal{opacity:0;transform:translateY(6px);transition:opacity .35s ease-out,transform .35s ease-out}
.reveal.visible{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1 !important;transform:none !important;transition:none !important}}

/* WhatsApp float — sabit yeşil buton, kalp atışı ritmi */
.wa-float{position:fixed;right:20px;bottom:20px;width:64px;height:64px;z-index:60;display:flex;align-items:center;justify-content:center}
.wa-float-inner{position:relative;width:64px;height:64px;border-radius:50%;background:linear-gradient(180deg,#25D366 0%,#128C4A 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px -8px rgba(18,140,74,.65),inset 0 1px 0 rgba(255,255,255,.35);animation:wa-heartbeat 1.6s ease-in-out infinite;transition:transform .2s ease}
.wa-float:hover .wa-float-inner{transform:scale(1.08)}
.wa-float-ring{position:absolute;inset:0;border-radius:50%;background:rgba(37,211,102,.5);animation:wa-pulse-ring 1.6s ease-out infinite;pointer-events:none}
.wa-float-ring::after{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(37,211,102,.35);animation:wa-pulse-ring 1.6s ease-out .4s infinite}

@keyframes wa-heartbeat{
  0%,100%{transform:scale(1)}
  14%{transform:scale(1.12)}
  28%{transform:scale(1)}
  42%{transform:scale(1.12)}
  56%{transform:scale(1)}
}
@keyframes wa-pulse-ring{
  0%{transform:scale(1);opacity:.7}
  80%{transform:scale(2);opacity:0}
  100%{transform:scale(2);opacity:0}
}
@media (max-width:640px){
  .wa-float{width:56px;height:56px;right:14px;bottom:14px}
  .wa-float-inner{width:56px;height:56px}
}
@media (prefers-reduced-motion:reduce){
  .wa-float-inner{animation:none}
  .wa-float-ring,.wa-float-ring::after{animation:none;opacity:0}
}