:root{
      --bg:#0b1220;
      --card:#0f1a2f;
      --muted:#a9b4c7;
      --text:#eef3ff;
      --accent:#ff3b3b;
      --accent2:#ffb703;
      --line:rgba(255,255,255,.10);
      --shadow: 0 18px 50px rgba(0,0,0,.35);
      --radius:18px;
      --container: 1160px;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{
      font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
      color:var(--text);
      background:
        radial-gradient(900px 420px at 15% 15%, rgba(255,59,59,.22), transparent 60%),
        radial-gradient(700px 360px at 90% 10%, rgba(255,183,3,.18), transparent 55%),
        linear-gradient(180deg, #070c16 0%, #0b1220 30%, #070c16 100%);
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    .container{width:min(var(--container), calc(100% - 40px)); margin-inline:auto;}
    /* Header */
    header{
      position:sticky; top:0; z-index:50;
      background:rgba(7,12,22,.72);
      backdrop-filter: blur(10px);
      border-bottom:1px solid var(--line);
    }
    header .container{
      display:flex; align-items:center; justify-content:space-between;
      padding:14px 0;
      gap:14px;
    }
    .logo{
      font-family:Montserrat, Poppins, sans-serif;
      font-weight:800;
      letter-spacing:.4px;
      font-size:20px;
      display:flex; align-items:center;
    }
    .logo::before{
      content:"";
      width:10px;height:10px;border-radius:999px;
      background:linear-gradient(135deg,var(--accent),var(--accent2));
      display:inline-block; margin-right:10px;
      box-shadow:0 0 0 6px rgba(255,59,59,.10);
    }
    nav{display:flex; align-items:center; gap:10px}
    .nav-links{
      list-style:none; margin:0; padding:0;
      display:flex; align-items:center; gap:16px;
    }
    .nav-links a{
      font-size:14px;
      color:rgba(238,243,255,.85);
      padding:10px 10px;
      border-radius:999px;
      transition: .2s ease;
    }
    .nav-links a:hover{background:rgba(255,255,255,.06)}
    .nav-links a.active{
      background:rgba(255,59,59,.14);
      color:var(--text);
      border:1px solid rgba(255,59,59,.25);
    }
    .mobile-menu-btn{
      display:none;
      background:transparent;
      border:1px solid var(--line);
      color:var(--text);
      border-radius:12px;
      padding:10px 12px;
      cursor:pointer;
    }
    .btn{
      display:inline-flex; align-items:center; justify-content:center;
      gap:10px;
      padding:12px 16px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.06);
      color:var(--text);
      box-shadow:0 10px 30px rgba(0,0,0,.22);
      transition:.2s ease;
      font-weight:700;
    }
    .btn:hover{transform: translateY(-1px); background:rgba(255,255,255,.09)}
    .btn-fire{
      border:none;
      background:linear-gradient(135deg, var(--accent) 0%, #ff6b6b 40%, var(--accent2) 120%);
      box-shadow:0 14px 40px rgba(255,59,59,.20);
    }
    .btn-outline{
      background:transparent;
      border:1px solid rgba(255,255,255,.18);
    }
    .header-phone{white-space:nowrap}

    /* Hero */
    .hero{padding:84px 0 40px; position:relative;}
    .hero:before{
      content:"";
      position:absolute; inset:-1px 0 auto 0;
      height:520px;
      background:
        radial-gradient(520px 220px at 20% 30%, rgba(255,59,59,.18), transparent 70%),
        radial-gradient(520px 240px at 80% 10%, rgba(255,183,3,.15), transparent 70%);
      pointer-events:none;
    }
    .hero-content{
      width:min(860px, 100%);
      margin-inline:auto;
      text-align:center;
      position:relative;
      padding:36px 18px;
      border-radius:calc(var(--radius) + 6px);
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.12);
      box-shadow:var(--shadow);
    }
    .hero h1{
      margin:0 0 14px;
      font-family:Montserrat, Poppins, sans-serif;
      font-weight:800;
      font-size:clamp(30px, 4.2vw, 54px);
      line-height:1.05;
    }
    .highlight{
      background:linear-gradient(135deg, var(--accent), var(--accent2));
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }
    .hero p{
      margin:0 auto 22px;
      color:rgba(238,243,255,.82);
      font-size:16px;
      line-height:1.65;
      max-width:720px;
    }
    .hero-buttons{
      display:flex;
      justify-content:center;
      gap:12px;
      flex-wrap:wrap;
    }

    /* Sections */
    .section-title{
      font-family:Montserrat, Poppins, sans-serif;
      font-weight:800;
      text-align:center;
      margin:0 0 22px;
      font-size:clamp(22px, 2.5vw, 32px);
    }
    .guven, .hizmetler, .filo, .nasil-calisir, .yorumlar, .sss{padding:54px 0;}
    .guven .cards-container{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap:14px;
    }
    .card{
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.10);
      border-radius:var(--radius);
      padding:18px 16px;
      box-shadow:0 12px 36px rgba(0,0,0,.28);
      min-height:160px;
      transition:.2s ease;
    }
    .card:hover{transform:translateY(-2px)}
    .card i{
      font-size:20px;
      color:#fff;
      width:44px;height:44px;border-radius:14px;
      display:flex;align-items:center;justify-content:center;
      background:linear-gradient(135deg, rgba(255,59,59,.22), rgba(255,183,3,.18));
      border:1px solid rgba(255,255,255,.12);
    }
    .card h3{margin:12px 0 8px; font-size:16px}
    .card p{margin:0; color:rgba(238,243,255,.78); font-size:14px; line-height:1.6}

    /* Services */
    .hizmet-item{
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.10);
      border-radius:var(--radius);
      padding:18px 18px;
      margin:12px 0;
    }
    .hizmet-text h3{margin:0 0 8px; font-size:18px}
    .hizmet-text p{margin:0; color:rgba(238,243,255,.78); line-height:1.7}

    /* Fleet */
    .filo-list{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap:14px;
    }
    .filo-arac{
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.10);
      border-radius:var(--radius);
      padding:18px 16px;
      box-shadow:0 12px 36px rgba(0,0,0,.28);
    }
    .filo-arac h4{margin:0 0 8px; font-size:16px}
    .filo-arac p{margin:0; color:rgba(238,243,255,.78); line-height:1.7}

    /* Steps */
    .steps-container{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap:14px;
    }
    .step{
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.10);
      border-radius:var(--radius);
      padding:18px 16px;
    }
    .step i{
      font-size:18px;
      width:44px;height:44px;border-radius:14px;
      display:flex;align-items:center;justify-content:center;
      background:linear-gradient(135deg, rgba(255,59,59,.22), rgba(255,183,3,.18));
      border:1px solid rgba(255,255,255,.12);
    }
    .step h3{margin:12px 0 8px; font-size:16px}
    .step p{margin:0; color:rgba(238,243,255,.78); line-height:1.7}
    code{
      background:rgba(0,0,0,.22);
      border:1px solid rgba(255,255,255,.12);
      padding:2px 8px;
      border-radius:999px;
      color:rgba(238,243,255,.92);
    }

    /* Reviews */
    .yorum-slider{
      display:grid;
      grid-template-columns: repeat(3, 1fr);
      gap:14px;
    }
    .yorum-item{
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.10);
      border-radius:var(--radius);
      padding:18px 16px;
    }
    .yorum-item p{margin:0 0 12px; color:rgba(238,243,255,.84); line-height:1.7}
    .musteri-bilgi{font-weight:700}
    .rating i{color:rgba(255,183,3,.95); margin-right:2px}

    /* FAQ */
    .accordion-item{
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.10);
      border-radius:var(--radius);
      margin:10px 0;
      overflow:hidden;
    }
    .accordion-header{
      padding:16px 16px;
      cursor:pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      font-weight:700;
    }
    .accordion-header i{transition:.2s ease}
    .accordion-item.active .accordion-header i{transform:rotate(180deg)}
    .accordion-content{
      max-height:0;
      overflow:hidden;
      transition:max-height .25s ease;
      border-top:1px solid rgba(255,255,255,.08);
    }
    .accordion-content p{
      margin:0;
      padding:14px 16px 16px;
      color:rgba(238,243,255,.78);
      line-height:1.7;
    }

    /* CTA */
    .cta{
      padding:62px 0;
      background:linear-gradient(180deg, rgba(255,59,59,.10), rgba(255,183,3,.08));
      border-top:1px solid rgba(255,255,255,.10);
      border-bottom:1px solid rgba(255,255,255,.10);
    }
    .cta .container{text-align:center}
    .cta h2{
      margin:0 0 10px;
      font-family:Montserrat, Poppins, sans-serif;
      font-weight:800;
    }
    .cta p{margin:0 0 16px; color:rgba(238,243,255,.82); line-height:1.7}
    .cta .btn{padding:14px 18px}
    .cta-phone{
      margin-top:12px;
      color:rgba(238,243,255,.82);
    }
    .cta-phone a{
      font-weight:800;
      color:rgba(255,255,255,.95);
      text-decoration:underline;
      text-underline-offset:4px;
    }

    /* Footer */
    footer{padding:44px 0 22px;}
    .footer-container{
      display:grid;
      grid-template-columns: 1.2fr 1fr 1fr 1fr;
      gap:14px;
    }
    .footer-col{
      background:rgba(255,255,255,.02);
      border:1px solid rgba(255,255,255,.08);
      border-radius:var(--radius);
      padding:18px 16px;
    }
    .footer-col h4{margin:0 0 10px; font-family:Montserrat, Poppins, sans-serif;}
    .footer-col p{margin:0; color:rgba(238,243,255,.78); line-height:1.7;}
    .footer-col ul{list-style:none;margin:0;padding:0}
    .footer-col li{
      display:flex; gap:8px; align-items:flex-start;
      margin:10px 0;
      color:rgba(238,243,255,.78);
    }
    .footer-col li i{margin-top:3px; opacity:.9}
    .footer-col li a{color:rgba(238,243,255,.92)}
    .footer-col li a:hover{text-decoration:underline; text-underline-offset:4px}
    .footer-bottom{
      text-align:center;
      margin-top:16px;
      color:rgba(238,243,255,.60);
      font-size:13px;
    }

    /* Mobile sticky buttons */
    .mobile-sticky-buttons{
      position:fixed;
      left:50%;
      transform:translateX(-50%);
      bottom:14px;
      z-index:60;
      display:none;
      gap:10px;
      width:min(520px, calc(100% - 22px));
    }
    .btn-whatsapp, .btn-call{
      flex:1;
      display:inline-flex;
      justify-content:center;
      align-items:center;
      gap:10px;
      padding:14px 14px;
      border-radius:999px;
      font-weight:800;
      border:1px solid rgba(255,255,255,.14);
      box-shadow:0 18px 40px rgba(0,0,0,.35);
    }
    .btn-whatsapp{
      background:linear-gradient(135deg, #25D366, #11b155);
      color:#071016;
    }
    .btn-call{
      background:linear-gradient(135deg, var(--accent), #ff6b6b);
      color:#071016;
    }

    /* AOS mimic */
    [data-aos]{opacity:0; transform: translateY(10px); transition: .45s ease}
    [data-aos].aos-animate{opacity:1; transform:none}

    /* Responsive */
    @media (max-width: 980px){
      .guven .cards-container{grid-template-columns: repeat(2, 1fr)}
      .filo-list{grid-template-columns: 1fr}
      .steps-container{grid-template-columns: 1fr}
      .yorum-slider{grid-template-columns: 1fr}
      .footer-container{grid-template-columns: 1fr}
      .header-phone{display:none}
      .mobile-menu-btn{display:inline-flex}
      .nav-links{
        position:absolute;
        right:20px;
        top:64px;
        flex-direction:column;
        align-items:stretch;
        width:min(320px, calc(100% - 40px));
        background:rgba(7,12,22,.92);
        border:1px solid rgba(255,255,255,.12);
        border-radius:16px;
        padding:10px;
        box-shadow:var(--shadow);
        display:none;
      }
      nav{position:relative}
      .nav-links.active{display:flex}
      .nav-links a{padding:12px 12px}
      .mobile-sticky-buttons{display:flex}
      .hero{padding-top:76px}
    }