/* ─── RESET & BASE ─── */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      color-scheme: dark light;
      forced-color-adjust: none;
      -webkit-forced-color-adjust: none;
      --acc:       #f0a800;   /* ana sarı: butonlar, bar, vurgular */
      --acc-dark:  #d29200;   /* hover */
      --acc-deep:  #9c6f00;   /* beyaz zeminde kucuk sari metin (kontrast icin koyu) */
      --acc-light: #f7c14d;   /* koyu zeminde sari metin */
      --ink:       #262b33;   /* basliklar (yumusak koyu gri) */
      --body:      #49515c;   /* govde metni */
      --mute:      #6e7681;   /* ikincil metin */
      --paper:     #ffffff;
      --paper2:    #f6f7f9;
      --field:     #eef0f3;
      --dark:      #272c34;   /* koyu bolumler: antrasit gri (siyah degil) */
      --dark2:     #31373f;
      --line:      rgba(38,43,51,.1);
      --line-dark: rgba(255,255,255,.12);
      --r:         8px;
      --ease:      cubic-bezier(.22,.61,.36,1);
      --transition: .4s var(--ease);
    }
    html { scroll-behavior: smooth; overflow-x: hidden; forced-color-adjust: none; }
    body {
      font-family: 'Source Sans 3', sans-serif;
      font-size: 16px;
      line-height: 1.6;
      background-color: #ffffff;
      background: var(--paper);
      color: #49515c;
      color: var(--body);
      overflow-x: hidden;
      -webkit-text-size-adjust: 100%;
      forced-color-adjust: none;
    }
    a, button, select, input, textarea { touch-action: manipulation; }
    a:focus-visible, button:focus-visible, select:focus-visible,
    input:focus-visible, textarea:focus-visible {
      outline: 2px solid var(--acc-deep);
      outline-offset: 3px;
    }
    .skip-link {
      position: absolute; top: -60px; left: 16px; z-index: 1001;
      background: var(--acc); color: var(--ink); padding: 10px 20px;
      border-radius: var(--r); text-decoration: none;
      font-family: 'Lexend', sans-serif; font-weight: 600;
      transition: top .2s;
    }
    .skip-link:focus { top: 16px; }

    /* ─── REDUCED MOTION ───
       Hareket azaltma tercihinde: donen/zıplayan süslemeler kapanır,
       içerik geçişleri hareketsiz yumuşak solmaya döner (tamamen kapanmaz). */
    @keyframes softFade { from{opacity:0} to{opacity:1} }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      #wa-float, .hero-scroll-line::after, .hero-grid, .hero-glow { animation: none !important; }
      .reveal, .reveal-left, .reveal-right, .reveal-scale,
      .hero-slide .anim { transform: none !important; transition: opacity .5s ease !important; }
      .machine-panel { transform: none !important; transition: opacity .5s ease !important; }
      .sv-img { transform: none !important; transition: opacity .5s ease !important; }
    }

    /* ─── SCROLLBAR ─── */
    ::-webkit-scrollbar { width:5px; }
    ::-webkit-scrollbar-track { background:var(--paper2); }
    ::-webkit-scrollbar-thumb { background:var(--acc); border-radius:3px; }

    /* ─── NAV ─── */
    #nav {
      position:fixed;top:0;left:0;right:0;z-index:500;
      padding:20px 60px;
      display:flex;align-items:center;justify-content:space-between;
      transition: var(--transition);
    }
    #nav.scrolled {
      background: rgba(255,255,255,.96);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      padding:12px 60px;
      border-bottom: 1px solid var(--line);
      box-shadow: 0 6px 30px rgba(38,43,51,.07);
    }
    .nav-logo {
      display:flex;align-items:center;gap:12px;
      text-decoration:none;
      margin-left:22px;
    }
    .nav-logo img { height:36px;width:auto;display:block; }
    .nav-logo img.logo-dark { display:none; }
    #nav.scrolled img.logo-light { display:none; }
    #nav.scrolled img.logo-dark { display:block; }
    .nav-links { display:flex;align-items:center;gap:32px; }
    .nav-links a {
      font-family:'Lexend',sans-serif;font-size:14.5px;font-weight:600;
      text-decoration:none;
      color:#ffffff;
      text-shadow:0 1px 4px rgba(0,0,0,.85), 0 2px 10px rgba(0,0,0,.6);
      transition:color .25s, text-shadow .25s;position:relative;
    }
    .nav-links a::after {
      content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;
      background:var(--acc);transition:width .3s;
      box-shadow:0 2px 6px rgba(0,0,0,.5);
    }
    .nav-links a:hover { color:var(--acc-light); }
    .nav-links a:hover::after { width:100%; }
    /* öğeler arası dikey ayraç çizgisi */
    .nav-links a:not(:first-child)::before {
      content:'';position:absolute;left:-16px;top:50%;transform:translateY(-50%);
      width:1px;height:15px;background:#ffffff;opacity:.55;
      box-shadow:0 1px 3px rgba(0,0,0,.8);
    }
    #nav.scrolled .nav-links a { color:var(--body);text-shadow:none; }
    #nav.scrolled .nav-links a:hover { color:var(--ink); }
    #nav.scrolled .nav-links a:not(:first-child)::before { background:currentColor;opacity:.3;box-shadow:none; }
    .nav-cta {
      font-family:'Lexend',sans-serif;font-size:14px;font-weight:600;
      text-decoration:none;
      background:var(--acc);color:var(--ink);padding:10px 24px;
      border-radius:var(--r);transition:background .25s,transform .2s;
      margin-right:22px;
    }
    .nav-cta:hover { background:var(--acc-dark);transform:translateY(-1px); }
    .nav-hamburger { display:none;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:10px;background:none;border:none;min-width:44px;min-height:44px; }
    .nav-hamburger span { display:block;width:24px;height:2px;background:#fff;transition:var(--transition); }
    #nav.scrolled .nav-hamburger span { background:var(--ink); }

    /* ─── HERO (entegre slider) ─── */
    #hero {
      position:relative;
      height:100vh;height:100dvh;
      min-height:640px;
      background:var(--dark);
      overflow:hidden;
    }
    .hero-slides { position:absolute;inset:0; }
    .hero-slide {
      position:absolute;inset:0;
      display:flex;align-items:center;
      opacity:0;visibility:hidden;
      transition:opacity .8s ease, visibility 0s linear .8s;
    }
    .hero-slide.active {
      opacity:1;visibility:visible;z-index:2;
      transition:opacity .8s ease;
    }
    .hero-slide-bg {
      position:absolute;top:0;bottom:0;right:0;width:58%;
      background:linear-gradient(135deg, var(--dark2), #3d434c);
    }
    .hero-slide-bg img {
      width:100%;height:100%;object-fit:cover;object-position:center;display:block;
    }
    .hero-slide-bg::after {
      content:'';position:absolute;inset:0;z-index:2;
      background:
        linear-gradient(to right, var(--dark) 0%, rgba(39,44,52,.22) 18%, transparent 45%, rgba(39,44,52,.08) 100%),
        linear-gradient(to top, rgba(39,44,52,.25) 0%, transparent 20%);
    }
    .hero-grid {
      position:absolute;inset:0;z-index:1;pointer-events:none;
      background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
      background-size:80px 80px;
    }
    .hero-glow {
      position:absolute;left:-180px;bottom:-180px;z-index:1;
      width:560px;height:560px;
      background:radial-gradient(circle, rgba(240,168,0,.14) 0%, transparent 70%);
      border-radius:50%;pointer-events:none;
    }
    .hero-slide-inner {
      position:relative;z-index:3;
      padding:140px 60px 110px;
      max-width:760px;
    }
    .hero-eyebrow {
      display:inline-flex;align-items:center;gap:10px;
      font-family:'Lexend',sans-serif;font-size:12px;font-weight:600;
      letter-spacing:2px;text-transform:uppercase;color:var(--acc-light);
      margin-bottom:16px;
    }
    .hero-eyebrow::before { content:'';width:32px;height:2px;background:var(--acc); }
    .hero-h1 {
      font-family:'Lexend',sans-serif;
      font-size:clamp(34px,4.4vw,60px);
      font-weight:800;
      line-height:1.12;
      color:#fff;
      letter-spacing:-.5px;
      margin-bottom:16px;
    }
    .hero-h1 em { color:var(--acc-light);font-style:normal; }
    .hero-sub {
      font-size:17px;font-weight:400;line-height:1.65;
      color:#c3c9d1;max-width:480px;margin-bottom:22px;
    }
    .hero-sub strong { color:#fff;font-weight:600; }
    .hero-chips { display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px; }
    .hero-chip {
      display:inline-flex;align-items:baseline;gap:6px;
      border:1px solid var(--line-dark);border-radius:100px;
      padding:8px 18px;
      font-size:13px;color:#aab0b9;
      background:rgba(255,255,255,.04);
    }
    .hero-chip strong {
      font-family:'Lexend',sans-serif;font-size:16px;font-weight:700;
      color:var(--acc-light);
    }
    .hero-ctas { display:flex;gap:14px;flex-wrap:wrap; }
    .btn-primary {
      display:inline-flex;align-items:center;gap:10px;
      font-family:'Lexend',sans-serif;font-size:15px;font-weight:600;
      text-decoration:none;
      background:var(--acc);color:var(--ink);padding:13px 28px;
      border-radius:var(--r);transition:all .25s;border:none;cursor:pointer;
    }
    .btn-primary:hover { background:var(--acc-dark);transform:translateY(-2px);box-shadow:0 12px 40px rgba(240,168,0,.35); }
    .btn-secondary {
      display:inline-flex;align-items:center;gap:10px;
      font-family:'Lexend',sans-serif;font-size:15px;font-weight:500;
      text-decoration:none;
      background:transparent;color:#fff;padding:13px 28px;
      border:1px solid rgba(255,255,255,.3);border-radius:var(--r);
      transition:all .25s;
    }
    .btn-secondary:hover { border-color:var(--acc-light);color:var(--acc-light);transform:translateY(-2px); }

    /* slide content entrance */
    .hero-slide .anim { opacity:0;transform:translateY(26px);transition:opacity .6s var(--ease),transform .6s var(--ease); }
    .hero-slide.active .anim { opacity:1;transform:none; }
    .hero-slide.active .anim.d1 { transition-delay:.15s; }
    .hero-slide.active .anim.d2 { transition-delay:.28s; }
    .hero-slide.active .anim.d3 { transition-delay:.4s; }
    .hero-slide.active .anim.d4 { transition-delay:.52s; }
    .hero-slide.active .anim.d5 { transition-delay:.64s; }

    /* slider controls */
    .hero-slider-arrow {
      position:absolute;bottom:24px;
      width:44px;height:44px;border-radius:50%;
      background:rgba(255,255,255,.07);backdrop-filter:blur(8px);
      border:1px solid rgba(255,255,255,.18);
      display:flex;align-items:center;justify-content:center;
      color:#fff;font-size:14px;cursor:pointer;z-index:20;
      padding:0;
      transition:background .25s,border-color .25s,color .25s;
    }
    .hero-slider-arrow:hover { background:var(--acc);border-color:var(--acc);color:var(--ink); }
    .hero-slider-arrow.prev { right:168px; }
    .hero-slider-arrow.next { right:110px; }
    .hero-slider-dots {
      position:absolute;bottom:14px;left:50%;transform:translateX(-50%);
      display:flex;gap:0;z-index:20;
    }
    .hsd {
      width:44px;height:44px;border-radius:50%;
      background:transparent;border:none;cursor:pointer;padding:0;
      display:flex;align-items:center;justify-content:center;
    }
    .hsd::after {
      content:'';width:26px;height:4px;border-radius:2px;
      background:rgba(255,255,255,.28);
      transition:background .3s,width .3s;
    }
    .hsd.active::after { background:var(--acc);width:38px; }
    .hero-scroll {
      position:absolute;bottom:36px;left:60px;z-index:15;
      display:flex;align-items:center;gap:14px;
      font-family:'Lexend',sans-serif;font-size:11px;font-weight:500;letter-spacing:2px;
      text-transform:uppercase;color:#98a0aa;
    }
    .hero-scroll-line {
      width:48px;height:1px;background:#5b636e;
      position:relative;overflow:hidden;
    }
    .hero-scroll-line::after {
      content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
      background:var(--acc);animation:scanLine 2s ease-in-out infinite;
    }
    @keyframes scanLine { 0%{left:-100%} 100%{left:100%} }

    @media (max-width:900px) {
      .hero-slide-bg { width:100%; }
      .hero-slide-bg::after {
        background:linear-gradient(to bottom, rgba(39,44,52,.65) 0%, rgba(39,44,52,.35) 48%, rgba(39,44,52,.12) 100%);
      }
    }

    /* ─── STATS BAR ─── */
    #stats {
      background-color:#f0a800;
      background:var(--acc);
      padding:0 60px;
      display:grid;grid-template-columns:repeat(4,1fr);
      forced-color-adjust:none;
    }
    .stat-item {
      padding:20px 10px;
      border-right:1px solid rgba(38,43,51,.15);
      text-align:center;
      transition:background .25s;
    }
    .stat-item:last-child { border-right:none; }
    .stat-item:hover { background:rgba(38,43,51,.06); }
    .stat-num {
      font-family:'Lexend',sans-serif;font-size:30px;font-weight:800;
      color:#262b33;color:var(--ink);line-height:1;margin-bottom:4px;
      display:flex;align-items:baseline;justify-content:center;gap:2px;
    }
    .stat-unit { font-size:17px;font-weight:700; }
    .stat-label {
      font-family:'Lexend',sans-serif;font-size:11.5px;font-weight:700;
      letter-spacing:0.8px;text-transform:uppercase;color:#262b33;
      line-height:1.35;
    }

    /* ─── SECTION SHARED ─── */
    section { padding:64px 60px; }
    .section-tag {
      display:inline-flex;align-items:center;gap:10px;
      font-family:'Lexend',sans-serif;font-size:12px;font-weight:600;
      letter-spacing:2px;text-transform:uppercase;color:var(--acc-deep);
      margin-bottom:10px;
    }
    .section-tag::before { content:'';width:24px;height:2px;background:var(--acc); }
    .section-h2 {
      font-family:'Lexend',sans-serif;
      font-size:clamp(26px,3vw,40px);
      font-weight:800;
      line-height:1.18;color:var(--ink);letter-spacing:-.5px;
      margin-bottom:12px;
    }
    .section-lead {
      font-size:16px;line-height:1.7;
      color:var(--mute);max-width:560px;
    }

    /* ─── SCROLL REVEAL ─── */
    .reveal { opacity:0;transform:translateY(44px);transition:opacity .8s var(--ease),transform .8s var(--ease); }
    .reveal.visible { opacity:1;transform:none; }
    .reveal-left { opacity:0;transform:translateX(-56px);transition:opacity .8s var(--ease),transform .8s var(--ease); }
    .reveal-left.visible { opacity:1;transform:none; }
    .reveal-right { opacity:0;transform:translateX(56px);transition:opacity .8s var(--ease),transform .8s var(--ease); }
    .reveal-right.visible { opacity:1;transform:none; }
    .reveal-scale { opacity:0;transform:scale(.9) translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease); }
    .reveal-scale.visible { opacity:1;transform:none; }
    .delay-1 { transition-delay:.12s; }
    .delay-2 { transition-delay:.24s; }
    .delay-3 { transition-delay:.36s; }
    .delay-4 { transition-delay:.48s; }
    .delay-5 { transition-delay:.6s; }
    .delay-6 { transition-delay:.72s; }

    /* ─── ABOUT ─── */
    #about {
      background:var(--paper);
      display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;
    }
    .about-visual { position:relative; }
    .about-img-wrap {
      position:relative;
      aspect-ratio:3/2;
      border-radius:14px;
      overflow:hidden;
      background:linear-gradient(135deg, var(--field), var(--paper2));
      box-shadow:0 24px 60px rgba(38,43,51,.12);
    }
    .about-badge {
      position:absolute;bottom:-16px;right:-16px;
      width:92px;height:92px;
      background:var(--acc);border-radius:50%;
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      font-family:'Lexend',sans-serif;
      box-shadow:0 12px 32px rgba(240,168,0,.4);
    }
    .about-badge-num { font-size:24px;font-weight:800;color:var(--ink);line-height:1; }
    .about-badge-txt { font-size:9px;font-weight:600;color:rgba(38,43,51,.7);letter-spacing:1px;text-transform:uppercase; }
    .about-accent-line {
      position:absolute;top:40px;left:-30px;width:3px;height:60%;
      background:linear-gradient(to bottom, var(--acc), transparent);
    }
    .about-list { list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:11px; }
    .about-list li {
      display:flex;align-items:flex-start;gap:12px;
      font-size:15px;line-height:1.55;color:var(--body);
    }
    .about-list li::before {
      content:'';width:8px;height:8px;background:var(--acc);
      border-radius:50%;flex-shrink:0;margin-top:8px;
    }

    /* ─── FEATURES ─── */
    #features { background:var(--paper2); }
    .features-header { max-width:600px;margin-bottom:30px; }
    .features-grid {
      display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
    }
    .feature-card {
      position:relative;overflow:hidden;
      background:var(--paper);
      border:1px solid var(--line);
      border-radius:14px;
      padding:26px 22px;
      transition:border-color .3s,transform .3s,box-shadow .3s;
      cursor:default;
    }
    .feature-card::before {
      content:'';position:absolute;top:0;left:0;right:0;height:3px;
      background:linear-gradient(90deg,transparent,var(--acc),transparent);
      transform:scaleX(0);transition:transform .4s;
    }
    .feature-card:hover { border-color:rgba(240,168,0,.45);transform:translateY(-6px);box-shadow:0 24px 60px rgba(38,43,51,.12); }
    .feature-card:hover::before { transform:scaleX(1); }
    .feature-icon {
      width:44px;height:44px;
      background:rgba(240,168,0,.14);border-radius:10px;
      display:flex;align-items:center;justify-content:center;
      font-size:17px;color:var(--acc-deep);margin-bottom:14px;
      transition:background .3s;
    }
    .feature-card:hover .feature-icon { background:rgba(240,168,0,.24); }
    .feature-title {
      font-family:'Lexend',sans-serif;font-size:16px;font-weight:700;
      color:var(--ink);margin-bottom:7px;
    }
    .feature-desc { font-size:14.5px;line-height:1.6;color:var(--mute); }
    .feature-num {
      position:absolute;bottom:14px;right:18px;
      font-family:'Lexend',sans-serif;font-size:44px;font-weight:800;
      color:rgba(38,43,51,.05);line-height:1;
      pointer-events:none;
    }

    /* ─── SPECS ─── */
    #specs { background:var(--paper); }
    .specs-header { max-width:700px;margin-bottom:26px; }
    .machine-tabs {
      display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px;
    }
    .machine-tab {
      font-family:'Lexend',sans-serif;font-size:14px;font-weight:600;
      padding:10px 22px;border-radius:var(--r);cursor:pointer;
      border:1px solid var(--line);background:var(--paper2);color:var(--ink);
      transition:all .25s;
    }
    .machine-tab:hover { border-color:rgba(240,168,0,.5);color:var(--acc-deep); }
    .machine-tab.active { background:var(--acc);color:var(--ink);border-color:var(--acc); }
    /* Paneller üst üste durur; geçiş gerçek çapraz solmadır (boşluk oluşmaz) */
    .machine-panels { display:grid; }
    .machine-panel {
      grid-area:1/1;
      display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;
      opacity:0;visibility:hidden;transform:translateX(36px);
      transition:opacity .4s var(--ease), transform .4s var(--ease), visibility 0s linear .45s;
      pointer-events:none;
    }
    .machine-panel.active {
      opacity:1;visibility:visible;transform:none;pointer-events:auto;
      position:relative;z-index:2;
      transition:opacity .6s var(--ease) .12s, transform .6s var(--ease) .12s;
    }
    .machine-panel-title {
      font-family:'Lexend',sans-serif;font-size:clamp(22px,2.4vw,30px);font-weight:800;
      color:var(--ink);letter-spacing:-.3px;margin-bottom:8px;line-height:1.2;
    }
    .machine-panel-desc { font-size:15px;line-height:1.7;color:var(--body);max-width:440px; }
    .specs-grid {
      margin-top:18px;
      display:grid;grid-template-columns:1fr 1fr;gap:2px;
    }
    .spec-row {
      background:var(--paper2);padding:14px 18px;
      border:1px solid var(--line);
      transition:background .25s;
    }
    .spec-row:hover { background:var(--field); }
    .spec-row:nth-child(1) { border-radius:12px 0 0 0; }
    .spec-row:nth-child(2) { border-radius:0 12px 0 0; }
    .spec-row:nth-last-child(2) { border-radius:0 0 0 12px; }
    .spec-row:last-child { border-radius:0 0 12px 0; }
    .spec-key {
      font-family:'Lexend',sans-serif;font-size:11px;font-weight:600;
      letter-spacing:1.2px;text-transform:uppercase;color:var(--mute);margin-bottom:5px;
    }
    .spec-val {
      font-family:'Lexend',sans-serif;font-size:19px;font-weight:700;color:var(--ink);
    }
    .spec-val span { font-size:11.5px;color:var(--acc-deep);margin-left:4px;font-weight:600;letter-spacing:.5px; }
    /* Makine animasyonu: cercevesiz, beyaz zemine karisir */
    .specs-visual {
      position:relative;
      aspect-ratio:4/3;
      display:flex;align-items:center;justify-content:center;
    }
    .sv-img {
      position:absolute;inset:0;width:100%;height:100%;
      object-fit:contain;object-position:center;
      background:#fff;
      opacity:0;
      transition:opacity .65s var(--ease);
      pointer-events:none; /* fare kontrollerini (PiP vb.) tamamen kapatir */
    }
    .sv-img.active { opacity:1; }
    @media (max-width:1100px) {
      .machine-panel { display:flex; flex-direction:column; gap:16px; width:100%; }
      .machine-panel-info { display:contents; }
      .machine-panel-desc { order:1; width:100%; max-width:100%; text-align:center; margin-left:auto; margin-right:auto; }
      .specs-visual { order:2; width:100%; aspect-ratio:4/3; max-height:360px; margin:8px 0 16px; }
      .specs-grid { order:3; width:100%; max-width:100%; }
    }
    @media (max-width:768px) {
      .specs-grid { grid-template-columns:1fr 1fr; gap:6px; width:100%; margin-left:0; margin-right:0; }
      .spec-row { padding:12px 14px; }
      .spec-val { font-size:16px; }
      .machine-tab { font-size:13px; padding:8px 16px; }
    }

    /* ─── WHY US ─── */
    #whyus {
      background:var(--paper2);
      position:relative;overflow:hidden;
    }
    #whyus::before {
      content:'';position:absolute;top:-200px;right:-200px;
      width:600px;height:600px;
      background:radial-gradient(circle, rgba(240,168,0,.07) 0%, transparent 70%);
      pointer-events:none;
    }
    .whyus-grid {
      display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;
      position:relative;z-index:1;
    }
    .whyus-list { display:flex;flex-direction:column;gap:0; }
    .whyus-item {
      display:grid;grid-template-columns:52px 1fr;gap:16px;
      padding:17px 0;border-bottom:1px solid var(--line);
      transition:padding-left .3s;
    }
    .whyus-item:first-child { border-top:1px solid var(--line); }
    .whyus-item:hover { padding-left:12px; }
    .whyus-num {
      font-family:'Lexend',sans-serif;font-size:28px;font-weight:800;
      color:rgba(240,168,0,.4);line-height:1;
      transition:color .3s;
      align-self:center;
    }
    .whyus-item:hover .whyus-num { color:var(--acc-deep); }
    .whyus-title {
      font-family:'Lexend',sans-serif;font-size:16px;font-weight:600;
      color:var(--ink);margin-bottom:4px;
    }
    .whyus-desc { font-size:14.5px;line-height:1.6;color:var(--mute); }
    .whyus-cta-block {
      padding:34px;background:var(--dark);border:1px solid var(--dark2);
      border-radius:18px;display:flex;flex-direction:column;gap:16px;
      position:relative;overflow:hidden;
    }
    .whyus-cta-block::after {
      content:'';position:absolute;bottom:-60px;right:-60px;
      width:200px;height:200px;background:var(--acc);
      border-radius:50%;opacity:.15;
    }
    .whyus-cta-q {
      font-family:'Lexend',sans-serif;font-size:25px;font-weight:800;color:#fff;line-height:1.25;letter-spacing:-.3px;
    }
    .whyus-cta-q em { color:var(--acc-light);font-style:normal; }
    .whyus-cta-p { font-size:15px;line-height:1.65;color:#c3c9d1; }
    .whyus-cta-contacts { display:flex;flex-direction:column;gap:11px;margin-top:4px; }
    .whyus-contact-row {
      display:flex;align-items:center;gap:12px;
      font-size:15px;color:#dde1e6;text-decoration:none;
      transition:color .25s;
    }
    a.whyus-contact-row:hover { color:var(--acc-light); }
    .whyus-contact-row i { color:var(--acc-light);width:18px;text-align:center; }

    /* ─── CONTACT ─── */
    #contact { background:var(--paper); }
    .contact-grid {
      display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start;
    }
    .contact-info-cards { display:flex;flex-direction:column;gap:10px;margin-top:20px; }
    .contact-card {
      background:var(--paper);border:1px solid var(--line);border-radius:12px;
      padding:15px 18px;display:flex;gap:14px;align-items:flex-start;
      transition:border-color .25s,transform .25s,box-shadow .25s;
    }
    .contact-card:hover { border-color:rgba(240,168,0,.5);transform:translateX(6px);box-shadow:0 10px 30px rgba(38,43,51,.08); }
    .contact-card-icon {
      width:38px;height:38px;background:rgba(240,168,0,.14);border-radius:9px;
      display:flex;align-items:center;justify-content:center;
      color:var(--acc-deep);font-size:14px;flex-shrink:0;
    }
    .contact-card-label {
      font-family:'Lexend',sans-serif;font-size:11px;font-weight:600;
      letter-spacing:1.2px;text-transform:uppercase;color:var(--mute);margin-bottom:4px;
    }
    .contact-card-value { font-size:15.5px;color:var(--ink);font-weight:500; }
    .contact-card-value a { color:var(--ink);text-decoration:none;transition:color .2s; }
    .contact-card-value a:hover { color:var(--acc-deep); }

    .contact-form-wrap {
      background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:30px;
      box-shadow:0 20px 60px rgba(38,43,51,.08);
    }
    .form-title {
      font-family:'Lexend',sans-serif;font-size:22px;font-weight:800;color:var(--ink);margin-bottom:18px;letter-spacing:-.3px;
    }
    .form-row { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px; }
    .form-group { display:flex;flex-direction:column;gap:6px;margin-bottom:12px; }
    .form-group label {
      font-family:'Lexend',sans-serif;font-size:12.5px;font-weight:600;
      color:var(--body);
    }
    .form-group input, .form-group textarea, .form-group select {
      background:var(--field);border:1px solid var(--line);border-radius:var(--r);
      padding:11px 14px;font-family:'Source Sans 3',sans-serif;font-size:15.5px;color:var(--ink);
      outline:none;transition:border-color .25s,background .25s;
      -webkit-appearance:none;
    }
    .form-group input:focus, .form-group textarea:focus, .form-group select:focus {
      border-color:var(--acc);background:#fff;
    }
    .form-group textarea { min-height:80px;resize:vertical; }
    .form-group select option { background:#fff;color:var(--ink); }
    .form-submit {
      width:100%;
      font-family:'Lexend',sans-serif;font-size:15px;font-weight:600;
      background:var(--acc);color:var(--ink);padding:13px;
      border:none;border-radius:var(--r);cursor:pointer;
      transition:background .25s,transform .2s;
      display:flex;align-items:center;justify-content:center;gap:10px;
    }
    .form-submit:hover { background:var(--acc-dark);transform:translateY(-2px); }
    .form-submit:disabled { opacity:.5;cursor:not-allowed;transform:none; }
    .map-wrap {
      margin-top:14px;border-radius:12px;overflow:hidden;
      border:1px solid var(--line);height:200px;
      background:var(--paper2);display:flex;align-items:center;justify-content:center;
    }
    .map-wrap iframe { width:100%;height:100%;border:0;display:block; }
    .map-placeholder {
      text-align:center;color:var(--mute);
      font-family:'Lexend',sans-serif;font-size:13px;font-weight:500;
    }
    .map-placeholder i { font-size:30px;color:var(--acc);display:block;margin-bottom:10px; }

    /* ─── FOOTER ─── */
    footer {
      background:var(--dark);
      border-top:3px solid var(--acc);
      padding:40px 60px 24px;
    }
    .footer-top {
      display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;
      padding-bottom:28px;border-bottom:1px solid var(--line-dark);
      margin-bottom:20px;
    }
    .footer-brand p { font-size:14.5px;line-height:1.7;color:#a7aeb7;margin-top:12px;max-width:260px; }
    .footer-col-title {
      font-family:'Lexend',sans-serif;font-size:12px;font-weight:600;
      letter-spacing:1.5px;text-transform:uppercase;color:var(--acc-light);margin-bottom:14px;
    }
    .footer-links { display:flex;flex-direction:column;gap:10px; }
    .footer-links a {
      font-size:14.5px;color:#a7aeb7;text-decoration:none;transition:color .2s;
    }
    .footer-links a:hover { color:#fff; }
    .footer-social { display:flex;gap:12px;margin-top:4px; }
    .social-btn {
      width:42px;height:42px;
      background:var(--dark2);border:1px solid var(--line-dark);border-radius:10px;
      display:flex;align-items:center;justify-content:center;
      color:#a7aeb7;font-size:16px;text-decoration:none;
      transition:background .25s,color .25s,border-color .25s,transform .2s;
    }
    .social-btn:hover { background:var(--acc);color:var(--ink);border-color:var(--acc);transform:translateY(-3px); }
    .footer-bottom {
      display:flex;flex-direction:column;align-items:center;justify-content:center;
      gap:12px;text-align:center;
      font-size:13.5px;color:#959ca6;
    }
    .footer-bottom a { color:#959ca6;text-decoration:none; }
    .footer-bottom a:hover { color:var(--acc-light); }
    .dev-badge {
      display:inline-flex;align-items:center;gap:8px;
      background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);
      padding:8px 20px;border-radius:100px;
      font-size:13px;color:#c3c9d1;text-decoration:none!important;
      transition:all .3s ease;margin-top:2px;
    }
    .dev-badge i.fa-code { color:var(--acc-light);font-size:12px; }
    .dev-badge strong { color:#fff;font-weight:700;letter-spacing:.3px; }
    .dev-badge i.wa-icon { color:#25d366;font-size:15px;transition:transform .25s ease; }
    .dev-badge:hover {
      background:rgba(37,211,102,.16);border-color:#25d366;color:#fff!important;
      box-shadow:0 6px 24px rgba(37,211,102,.3);transform:translateY(-2px);
    }
    .dev-badge:hover strong { color:#25d366!important; }
    .dev-badge:hover i.wa-icon { transform:scale(1.25); }

    /* ─── WHATSAPP FLOAT ─── */
    #wa-float {
      position:fixed;bottom:32px;right:32px;z-index:400;
      width:58px;height:58px;border-radius:50%;
      background:#25d366;
      display:flex;align-items:center;justify-content:center;
      font-size:26px;color:#fff;text-decoration:none;
      box-shadow:0 8px 32px rgba(37,211,102,.4);
      transition:transform .25s,box-shadow .25s;
      animation: waBounce 3s ease-in-out infinite;
    }
    #wa-float:hover { transform:scale(1.12);box-shadow:0 12px 48px rgba(37,211,102,.6); }
    @keyframes waBounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }

    /* ─── MOBILE ─── */
    @media (max-width:1100px) {
      #features .features-grid { grid-template-columns:repeat(2,1fr); }
      #about { grid-template-columns:1fr; gap:60px; }
      .whyus-grid { grid-template-columns:1fr; gap:60px; }
      .contact-grid { grid-template-columns:1fr; gap:60px; }
      .footer-top { grid-template-columns:1fr 1fr; gap:40px; }
    }
    @media (max-width:768px) {
      #nav { padding:14px 20px; }
      #nav.scrolled { padding:10px 20px; }
      .nav-logo { margin-left:6px; }
      .nav-cta { margin-right:6px; }
      .nav-links { display:none; }
      .nav-links.open {
        display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;
        background:rgba(255,255,255,.98);backdrop-filter:blur(20px);
        padding:20px;gap:16px;border-bottom:1px solid var(--line);
        box-shadow:0 20px 40px rgba(38,43,51,.1);
      }
      .nav-links.open a { color:var(--body); }
      .nav-links.open a:hover { color:var(--ink); }
      .nav-links.open a::before { display:none; }
      .nav-hamburger { display:flex; }
      section { padding:44px 20px; }
      #stats { padding:0 20px;grid-template-columns:repeat(2,1fr); }
      .stat-item:nth-child(2) { border-right:none; }
      .stat-item:nth-child(1), .stat-item:nth-child(2) { border-bottom:1px solid rgba(38,43,51,.15); }
      .hero-slide { align-items:flex-start; justify-content:center; }
      .hero-slide-inner {
        padding:112px 20px 70px;
        text-align:center;
        margin:0 auto;
        display:flex;
        flex-direction:column;
        align-items:center;
        max-width:520px;
      }
      .hero-eyebrow { justify-content:center; margin-bottom:12px; font-size:12px; }
      .hero-h1 { font-size:clamp(27px, 7vw, 34px); line-height:1.2; margin-bottom:14px; }
      .hero-sub { font-size:15.5px; line-height:1.6; margin-bottom:18px; max-width:440px; }
      .hero-chips { justify-content:center; gap:8px; margin-bottom:22px; }
      .hero-chip { padding:6px 14px; font-size:12.5px; }
      .hero-chip strong { font-size:15px; }
      .hero-ctas { justify-content:center; gap:10px; width:100%; }
      .btn-primary, .btn-secondary { padding:12px 22px; font-size:14.5px; }
      .hero-scroll { display:none !important; }
      .hero-slider-arrow {
        position:absolute; bottom:18px; top:auto; transform:none;
        width:38px; height:38px; font-size:13px; z-index:25;
        background:rgba(24,27,34,.75); backdrop-filter:blur(8px);
        border:1px solid rgba(255,255,255,.25);
      }
      .hero-slider-arrow.prev { left:14px; right:auto; }
      .hero-slider-arrow.next { left:56px; right:auto; }
      .hero-slider-dots { left:50%; bottom:24px; transform:translateX(-50%); gap:0; z-index:20; }
      .hsd { width:20px; height:24px; }
      .hsd::after { width:12px; height:3px; }
      .hsd.active::after { width:18px; }
      #wa-float { bottom:14px; right:14px; width:48px; height:48px; font-size:22px; z-index:400; }
      .features-grid { grid-template-columns:1fr!important; }
      .form-row { grid-template-columns:1fr; }
      .footer-top { grid-template-columns:1fr; gap:24px; }
      .footer-bottom { flex-direction:column;gap:12px;text-align:center;align-items:center; }
      .dev-badge { margin-right:0;margin-bottom:36px; }
      .section-tag { justify-content: center; margin-left: auto; margin-right: auto; width: fit-content; display: flex; }
      .section-h2 { text-align: center; }
      .section-lead { text-align: center; margin-left: auto; margin-right: auto; }
      .specs-header, .features-header, .faq-header { text-align: center; margin-left: auto; margin-right: auto; }
      .machine-tabs { justify-content: center; }
      .specs-grid { grid-template-columns:1fr 1fr; gap:6px; width:100%; }
      .contact-form-wrap { padding:20px 16px; }
    }

    /* success toast */
    .toast {
      position:fixed;bottom:110px;right:32px;z-index:600;
      background:#fff;border:1px solid rgba(37,211,102,.5);
      border-radius:12px;padding:16px 24px;
      font-size:14.5px;color:var(--ink);
      box-shadow:0 16px 48px rgba(38,43,51,.18);
      display:flex;align-items:center;gap:10px;
      transform:translateY(20px);opacity:0;
      transition:all .35s;pointer-events:none;
    }
    .toast.show { transform:none;opacity:1; }
    .toast i { color:#1eb658; }
  
    /* ===== GALERI SAYFASI ===== */
    .page-hero {
      background:var(--dark);
      padding:150px 60px 64px;
      position:relative;overflow:hidden;
    }
    .page-hero-glow {
      position:absolute;right:-160px;top:-160px;
      width:480px;height:480px;border-radius:50%;
      background:radial-gradient(circle, rgba(240,168,0,.13) 0%, transparent 70%);
      pointer-events:none;
    }
    .page-hero h1 {
      font-family:'Lexend',sans-serif;
      font-size:clamp(30px,4vw,48px);font-weight:800;
      color:#fff;letter-spacing:-.5px;margin-bottom:10px;
    }
    .page-hero h1 em { color:var(--acc-light);font-style:normal; }
    .page-hero p { color:#c3c9d1;font-size:16px;line-height:1.65;max-width:600px; }
    .gallery-section { background:var(--paper); }
    .gallery-grid {
      display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;
    }
    .gallery-item {
      position:relative;aspect-ratio:4/3;
      border-radius:12px;overflow:hidden;
      border:1px solid var(--line);cursor:pointer;padding:0;
      background:var(--paper2);
    }
    .gallery-item img {
      width:100%;height:100%;object-fit:cover;display:block;
      transition:transform .5s var(--ease);
    }
    .gallery-item:hover img { transform:scale(1.05); }
    .gi-zoom {
      position:absolute;right:10px;bottom:10px;
      width:34px;height:34px;border-radius:8px;
      background:rgba(24,27,32,.55);backdrop-filter:blur(8px);
      color:#fff;display:flex;align-items:center;justify-content:center;
      font-size:13px;opacity:0;transition:opacity .3s;
    }
    .gallery-item:hover .gi-zoom { opacity:1; }
    .gallery-empty { text-align:center;padding:60px 20px;color:var(--mute);display:none; }
    .gallery-empty i { font-size:40px;color:var(--acc);margin-bottom:14px;display:block; }

    /* lightbox */
    .lightbox {
      position:fixed;inset:0;z-index:800;
      background:rgba(17,19,23,.93);
      backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
      display:none;align-items:center;justify-content:center;
    }
    .lightbox.open { display:flex; }
    .lightbox img {
      max-width:90vw;max-height:82vh;border-radius:8px;
      box-shadow:0 30px 80px rgba(0,0,0,.5);
    }
    .lb-btn {
      position:absolute;width:46px;height:46px;border-radius:50%;
      background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);
      color:#fff;font-size:15px;cursor:pointer;padding:0;
      display:flex;align-items:center;justify-content:center;
      transition:background .25s,color .25s,border-color .25s;
    }
    .lb-btn:hover { background:var(--acc);color:var(--ink);border-color:var(--acc); }
    .lb-prev { left:18px;top:50%;transform:translateY(-50%); }
    .lb-next { right:18px;top:50%;transform:translateY(-50%); }
    .lb-close { top:18px;right:18px; }
    .lb-count {
      position:absolute;bottom:18px;left:50%;transform:translateX(-50%);
      color:#c3c9d1;font-family:'Lexend',sans-serif;font-size:13px;letter-spacing:1px;
    }
    body.lb-lock { overflow:hidden; }
    @media (max-width:768px) {
      .page-hero { padding:120px 20px 44px; }
      .gallery-grid { grid-template-columns:repeat(2,1fr);gap:10px; }
      .lb-prev { left:8px; } .lb-next { right:8px; }
    }

    /* ============================================================
       Nav bölümleri: her biri tam 1 ekran yüksekliğinde (masaüstü)
       Anasayfa=hero (zaten 100vh), Hakkımızda, Hizmetler, Makine, İletişim
       ============================================================ */
    /* ===== YASAL SAYFA (KVKK / Çerez) ===== */
    .legal-section { background:var(--paper); padding:56px 60px 72px; }
    .legal-wrap { max-width:820px;margin:0 auto; }
    .legal-wrap h2 {
      font-family:'Lexend',sans-serif;font-size:clamp(20px,2.4vw,28px);font-weight:800;
      color:var(--ink);letter-spacing:-.3px;margin:34px 0 12px;padding-top:20px;
      border-top:2px solid var(--acc);
    }
    .legal-wrap h2:first-child { margin-top:0;padding-top:0;border-top:none; }
    .legal-wrap h3 {
      font-family:'Lexend',sans-serif;font-size:17px;font-weight:700;
      color:var(--ink);margin:22px 0 8px;
    }
    .legal-wrap p { font-size:15.5px;line-height:1.75;color:var(--body);margin-bottom:14px; }
    .legal-wrap a { color:var(--acc-deep);text-decoration:underline;text-underline-offset:2px; }
    .legal-wrap strong { color:var(--ink);font-weight:600; }
    @media (max-width:768px){ .legal-section{ padding:40px 20px 56px; } }

    /* ===== ÇEREZ & KVKK ALT BİLGİLENDİRME ŞERİDİ (FULL-WIDTH SLIM BAR) ===== */
    .cookie-banner {
      position:fixed;left:0;right:0;bottom:0;z-index:900;
      width:100%;
      background:rgba(20,23,29,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
      border-top:1px solid rgba(240,168,0,.4);
      box-shadow:0 -6px 24px rgba(0,0,0,.4);
      padding:11px 28px;
      display:none;align-items:center;justify-content:space-between;gap:16px;
      animation:cookieSlideUp .35s var(--ease);
    }
    @keyframes cookieSlideUp {
      from { opacity:0; transform:translateY(100%); }
      to { opacity:1; transform:translateY(0); }
    }
    .cookie-banner.show { display:flex; }
    .cookie-text {
      flex:1;font-size:13.5px;line-height:1.5;color:#cfd4da;
      display:flex;align-items:center;flex-wrap:wrap;gap:6px;
    }
    .cookie-text a {
      color:var(--acc-light);text-decoration:underline;text-underline-offset:3px;font-weight:600;
      transition:color .2s ease;
    }
    .cookie-text a:hover { color:#fff; }
    .cookie-close {
      flex-shrink:0;width:34px;height:34px;border-radius:50%;
      background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);
      color:#c3c9d1;cursor:pointer;font-size:14px;
      display:flex;align-items:center;justify-content:center;
      transition:all .2s ease;
    }
    .cookie-close:hover {
      background:var(--acc);color:var(--ink);border-color:var(--acc);transform:scale(1.08);
    }
    @media (max-width:768px){
      .cookie-banner { padding:10px 16px;gap:10px; }
      .cookie-text { font-size:12.5px; }
    }

    @media (min-width:1101px) {
      #about, #features, #specs, #contact {
        min-height:100vh;
        padding-top:96px;
        padding-bottom:48px;
      }
      #features, #specs, #contact {
        display:flex;
        flex-direction:column;
        justify-content:center;
      }
      #about { align-content:center; }

      /* Makine bölümü ekrana sığsın: animasyon büyük ama viewport'a bağlı */
      #specs { padding-top:84px; padding-bottom:40px; }
      #specs .specs-header { margin-bottom:16px; }
      #specs .specs-header .section-h2 { margin-bottom:0; }
      #specs .machine-tabs { margin-bottom:20px; }
      #specs .machine-panel { align-items:start; }   /* açıklama sekmelerin hemen altında, boşluksuz */
      #specs .specs-visual {
        aspect-ratio:auto;
        height:clamp(380px,60vh,660px);
        align-self:center;                            /* animasyon dikeyde ortalı dursun */
      }

      /* İletişim bölümü ekrana sığsın: form ve harita hafif sıkı */
      #contact { padding-top:84px; padding-bottom:40px; }
      #contact > div:first-child { margin-bottom:18px !important; }
      #contact .map-wrap { height:100px; }
      #contact .contact-info-cards { gap:8px;margin-top:14px; }
      #contact .contact-card { padding:11px 18px; }
      #contact .form-group { margin-bottom:9px; }
      #contact .form-group input,
      #contact .form-group textarea,
      #contact .form-group select { padding:9px 14px; }
      #contact .form-group textarea { min-height:56px; }
      #contact .form-title { margin-bottom:12px; }
    }

    /* ─── FAQ / SSS ─── */
    #faq { background: var(--paper2); }
    .faq-header { max-width: 640px; margin-bottom: 24px; }
    .faq-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }
    .faq-card {
      background: var(--paper);
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 24px;
      transition: border-color .3s, box-shadow .3s, transform .3s;
    }
    .faq-card:hover {
      border-color: rgba(240,168,0,.5);
      box-shadow: 0 12px 36px rgba(38,43,51,.08);
      transform: translateY(-3px);
    }
    .faq-q {
      font-family: 'Lexend', sans-serif;
      font-size: 16px;
      font-weight: 700;
      color: var(--ink);
      margin-bottom: 10px;
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }
    .faq-q i {
      color: var(--acc-deep);
      font-size: 16px;
      margin-top: 3px;
      flex-shrink: 0;
    }
    .faq-a {
      font-size: 14.5px;
      line-height: 1.65;
      color: var(--mute);
    }
    @media (max-width: 900px) {
      .faq-grid { grid-template-columns: 1fr; }
    }