:root{
      --turkuaz:#0d9e94;
      --turkuaz-2:#12b8ad;
      --turkuaz-soluk:#e8f7f6;
      --turkuaz-cizgi:#b2e2df;
      --murekkep:#0d1f2d;
      --murekkep-2:#1e3448;
      --kayrak:#4a6278;
      --soluk:#8fa3b3;
      --cizgi:#dce8f0;
      --beyaz:#ffffff;
      --kirik-beyaz:#f4f8fb;
      --kirik-beyaz-2:#eaf1f7;
    }

    *, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}
    html{scroll-behavior:smooth;}
    body{
      font-family:'Inter',sans-serif;
      background:var(--beyaz);
      color:var(--kayrak);
      overflow-x:hidden;
    }
    h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans',sans-serif;}

    ::-webkit-scrollbar{width:4px;}
    ::-webkit-scrollbar-thumb{background:var(--turkuaz);border-radius:2px;}

    /* ÜST MENÜ */
    #ustmenu{
      position:fixed;
      top:0;
      left:0;
      right:0;
      z-index:999;
      transition:all .45s cubic-bezier(.25,.46,.45,.94);
      padding:0;
    }

    .ustmenu-ic{
      position:relative;
      z-index:2;
      padding:16px 0;
      transition:padding .45s cubic-bezier(.25,.46,.45,.94);
    }

    #ustmenu.asagi-kaydi .ustmenu-ic{padding:10px 0;}

    .ustmenu-geo{
      position:absolute;
      inset:0;
      z-index:0;
      overflow:hidden;
      pointer-events:none;
      transition:opacity .45s;
    }

    .ustmenu-geo::before{
      content:'';
      position:absolute;
      top:-60%;
      right:-5%;
      width:600px;
      height:600px;
      background:conic-gradient(
        from 180deg at 50% 50%,
        rgba(13,158,148,.06) 0deg,
        transparent 60deg,
        rgba(13,158,148,.04) 120deg,
        transparent 180deg,
        rgba(13,158,148,.08) 240deg,
        transparent 300deg,
        rgba(13,158,148,.03) 360deg
      );
      animation:geoDon 40s linear infinite;
      border-radius:50%;
    }

    .ustmenu-geo::after{
      content:'';
      position:absolute;
      top:-40%;
      left:10%;
      width:400px;
      height:400px;
      border:1px solid rgba(13,158,148,.08);
      border-radius:50%;
      animation:geoDon 60s linear infinite reverse;
    }

    @keyframes geoDon{
      from{transform:rotate(0deg);}
      to{transform:rotate(360deg);}
    }

    .ustmenu-izgara{
      position:absolute;
      inset:0;
      z-index:0;
      overflow:hidden;
      pointer-events:none;
      opacity:1;
      transition:opacity .45s;
    }

    #ustmenu.asagi-kaydi .ustmenu-izgara{opacity:0;}

    .ustmenu-izgara::before{
      content:'';
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,rgba(13,158,148,.04) 1px,transparent 1px),
        linear-gradient(0deg,rgba(13,158,148,.04) 1px,transparent 1px);
      background-size:48px 48px;
      mask-image:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%);
      -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%);
    }

    .ustmenu-izgara::after{
      content:'';
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,rgba(13,31,45,.85) 0%,rgba(13,31,45,.3) 60%,transparent 100%);
    }

    .ustmenu-vurgu{
      position:absolute;
      z-index:0;
      pointer-events:none;
      transition:opacity .45s;
    }

    #ustmenu.asagi-kaydi .ustmenu-vurgu{opacity:0;}

    .ustmenu-vurgu-elmas{
      width:18px;
      height:18px;
      border:1.5px solid rgba(13,158,148,.25);
      transform:rotate(45deg);
      position:absolute;
      top:14px;
      left:12%;
      animation:vurguYuzdur 6s ease-in-out infinite;
    }

    .ustmenu-vurgu-nokta{
      width:5px;
      height:5px;
      background:var(--turkuaz);
      border-radius:50%;
      position:absolute;
      top:22px;
      right:18%;
      opacity:.4;
      animation:vurguYuzdur 4s ease-in-out infinite reverse;
    }

    .ustmenu-vurgu-cizgi{
      width:60px;
      height:1px;
      background:linear-gradient(90deg,transparent,rgba(13,158,148,.2),transparent);
      position:absolute;
      top:50%;
      left:34%;
      animation:vurguYuzdur 8s ease-in-out infinite;
    }

    .ustmenu-vurgu-altigen{
      width:24px;
      height:24px;
      border:1px solid rgba(13,158,148,.12);
      clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
      position:absolute;
      bottom:8px;
      right:32%;
      animation:vurguYuzdur 7s ease-in-out infinite;
    }

    @keyframes vurguYuzdur{
      0%,100%{transform:rotate(45deg) translateY(0);opacity:.3;}
      50%{transform:rotate(45deg) translateY(-4px);opacity:.6;}
    }

    #ustmenu.asagi-kaydi{
      background:rgba(255,255,255,.97);
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
      box-shadow:0 1px 0 rgba(220,232,240,.6),0 8px 40px rgba(13,31,45,.06);
    }

    #ustmenu.asagi-kaydi .ustmenu-geo{opacity:0;}

    .ustmenu-parlama{
      position:absolute;
      bottom:0;
      left:0;
      right:0;
      height:1px;
      z-index:1;
      background:linear-gradient(90deg,transparent 0%,rgba(13,158,148,0) 15%,rgba(13,158,148,.35) 50%,rgba(13,158,148,0) 85%,transparent 100%);
      transition:opacity .45s;
    }

    #ustmenu.asagi-kaydi .ustmenu-parlama{
      background:linear-gradient(90deg,transparent 0%,rgba(13,158,148,0) 20%,rgba(13,158,148,.15) 50%,rgba(13,158,148,0) 80%,transparent 100%);
    }

    .grikare{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:800;
      font-size:1.65rem;
      letter-spacing:-1px;
      color:#fff !important;
      text-decoration:none;
      position:relative;
      z-index:2;
      transition:color .35s;
      display:flex;
      align-items:center;
      gap:12px;
    }

    #ustmenu.asagi-kaydi .grikare{color:var(--murekkep) !important;}

    .grikare-logo{
      height:80px;
      width:auto;
      display:block;
      transition:opacity .25s ease;
    }
	
	  .upnet-logo{
	  width:50px;
      width:auto;
      display:block;

    }

    .menu-baglantilari{
      position:relative;
      z-index:2;
    }

    .menu-baglantilari a{
      font-size:.84rem;
      font-weight:600;
      color:rgba(255,255,255,.8);
      text-decoration:none;
      padding:8px 16px;
      border-radius:8px;
      transition:all .25s;
      white-space:nowrap;
      position:relative;
    }

    .menu-baglantilari a::after{
      content:'';
      position:absolute;
      bottom:2px;
      left:50%;
      width:0;
      height:2px;
      background:var(--turkuaz-2);
      border-radius:1px;
      transition:all .25s cubic-bezier(.25,.46,.45,.94);
      transform:translateX(-50%);
    }

    .menu-baglantilari a:hover{color:#fff;}
    .menu-baglantilari a:hover::after{width:20px;}
    .menu-baglantilari a.aktif{color:var(--turkuaz-2);}
    .menu-baglantilari a.aktif::after{width:20px;background:var(--turkuaz-2);}

    #ustmenu.asagi-kaydi .menu-baglantilari a{color:var(--kayrak);}
    #ustmenu.asagi-kaydi .menu-baglantilari a:hover{color:var(--turkuaz);}
    #ustmenu.asagi-kaydi .menu-baglantilari a:hover::after{background:var(--turkuaz);}
    #ustmenu.asagi-kaydi .menu-baglantilari a.aktif{color:var(--turkuaz);}
    #ustmenu.asagi-kaydi .menu-baglantilari a.aktif::after{background:var(--turkuaz);}

    .buton-vurgu{
      background:linear-gradient(135deg,var(--turkuaz) 0%,#0fbbb0 100%);
      color:#fff !important;
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:700;
      font-size:.84rem;
      letter-spacing:.2px;
      border-radius:10px;
      padding:11px 26px;
      text-decoration:none;
      transition:all .25s;
      box-shadow:0 4px 16px rgba(13,158,148,.35);
      white-space:nowrap;
      position:relative;
      z-index:2;
      border:none;
    }

    .buton-vurgu:hover{
      transform:translateY(-1px);
      box-shadow:0 6px 24px rgba(13,158,148,.5);
      filter:brightness(1.08);
    }

    .navbar-toggler{
      border:1.5px solid rgba(255,255,255,.25);
      background:rgba(255,255,255,.06);
      border-radius:8px;
      padding:6px 10px;
      position:relative;
      z-index:2;
      transition:all .3s;
    }

    #ustmenu.asagi-kaydi .navbar-toggler{
      border-color:var(--cizgi);
      background:transparent;
    }

    .navbar-toggler-icon{
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      width:22px;
      height:22px;
    }

    #ustmenu.asagi-kaydi .navbar-toggler-icon{
      background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230d1f2d' stroke-width='2.5' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    /* videolar ALANI */
    #videolar{
      min-height:100vh;
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:stretch;
    }

    .grikare-video-katmani{
      position:absolute;
      inset:0;
      z-index:0;
      background:var(--murekkep);
    }

    .grikare-video-kaydirici{position:absolute;inset:0;}

    .grikare-video{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      opacity:0;
      transition:opacity 1.2s ease-in-out;
    }

    .grikare-video.aktif{opacity:1;}

    .grikare-gecisleri{
      position:absolute;
      bottom:28px;
      right:40px;
      display:flex;
      gap:8px;
      z-index:15;
    }

    .gecis-noktasi{
      width:32px;
      height:3px;
      border-radius:2px;
      background:rgba(255,255,255,.2);
      cursor:pointer;
      transition:all .4s;
      position:relative;
      overflow:hidden;
    }

    .gecis-noktasi.aktif{background:rgba(255,255,255,.1);}

    .gecis-noktasi.aktif::after{
      content:'';
      position:absolute;
      inset:0;
      background:var(--turkuaz-2);
      border-radius:2px;
      animation:noktaIlerle var(--slayt-suresi) linear forwards;
      transform-origin:left;
    }

    @keyframes noktaIlerle{
      from{transform:scaleX(0);}
      to{transform:scaleX(1);}
    }

    .kahraman-katman{
      position:absolute;
      inset:0;
      z-index:1;
      background:linear-gradient(
        90deg,
        rgba(13,31,45,.97) 0%,
        rgba(13,31,45,.92) 38%,
        rgba(13,31,45,.55) 55%,
        rgba(13,31,45,.15) 72%,
        rgba(13,31,45,.08) 100%
      );
    }

    .kahraman-katman::after{
      content:'';
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,rgba(13,31,45,.3) 0%,transparent 20%,transparent 80%,rgba(13,31,45,.4) 100%);
      pointer-events:none;
    }

    .kahraman-icerik{
      position:relative;
      z-index:2;
      width:100%;
      max-width:1320px;
      margin:0 auto;
      padding:140px 40px 80px 40px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:100vh;
    }

    .kahraman-filigran{
      position:absolute;
      bottom:40px;
      right:-40px;
      font-family:'Plus Jakarta Sans',sans-serif;
      font-size:8rem;
      font-weight:800;
      color:rgba(255,255,255,.02);
      line-height:1;
      pointer-events:none;
      white-space:nowrap;
      z-index:2;
    }

    .kahraman-ust-etiket{
      display:inline-flex;
      align-items:center;
      gap:8px;
      background:rgba(13,158,148,.12);
      border:1px solid rgba(13,158,148,.25);
      color:#2dd4bf;
      border-radius:6px;
      padding:6px 16px;
      font-size:.72rem;
      font-weight:700;
      letter-spacing:1.5px;
      text-transform:uppercase;
      margin-bottom:32px;
      width:fit-content;
    }

    .kahraman-ust-etiket .isaret{
      width:6px;
      height:6px;
      background:#2dd4bf;
      border-radius:50%;
      animation:nabiz 1.5s ease infinite;
    }

    @keyframes nabiz{
      0%,100%{opacity:1;transform:scale(1);}
      50%{opacity:.3;transform:scale(1.8);}
    }

    .kahraman-baslik{
      font-size:clamp(2.6rem,4.2vw,4.4rem);
      font-weight:800;
      line-height:1.06;
      color:#fff;
      letter-spacing:-2px;
      margin-bottom:26px;
    }

    .kahraman-baslik .vurgu-yazi{
      color:transparent;
      -webkit-text-stroke:1.5px rgba(45,212,191,.55);
      display:block;
      margin-top:4px;
    }

    .kahraman-aciklama{
      font-size:1rem;
      line-height:1.85;
      color:rgba(200,218,234,.85);
      max-width:500px;
      margin-bottom:40px;
    }

    .kahraman-butonlar{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
    }

    .buton-kahraman-ana{
      background:linear-gradient(135deg,var(--turkuaz) 0%,#0fbbb0 100%);
      color:#fff;
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:700;
      font-size:.88rem;
      border-radius:10px;
      padding:14px 30px;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      gap:8px;
      transition:all .25s;
      box-shadow:0 6px 24px rgba(13,158,148,.4);
      border:none;
    }

    .buton-kahraman-ana:hover{
      transform:translateY(-2px);
      color:#fff;
      box-shadow:0 10px 32px rgba(13,158,148,.5);
    }

    .buton-kahraman-ikincil{
      background:rgba(255,255,255,.05);
      color:#c8daea;
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:600;
      font-size:.88rem;
      border-radius:10px;
      padding:14px 30px;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      gap:8px;
      border:1px solid rgba(255,255,255,.1);
      transition:all .25s;
    }

    .buton-kahraman-ikincil:hover{
      border-color:rgba(45,212,191,.4);
      color:#2dd4bf;
      background:rgba(13,158,148,.08);
    }

    .kahraman-istatistikleri{
      display:flex;
      gap:0;
      margin-top:56px;
      border-top:1px solid rgba(255,255,255,.07);
      padding-top:28px;
      max-width:500px;
    }

    .istatistik-karti{
      flex:1;
      padding-right:24px;
      border-right:1px solid rgba(255,255,255,.06);
    }

    .istatistik-karti:last-child{
      border:none;
      padding-left:24px;
      padding-right:0;
    }

    .istatistik-karti:not(:first-child){padding-left:24px;}

    .istatistik-karti .deger{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-size:2.2rem;
      font-weight:800;
      color:#fff;
      line-height:1;
    }

    .istatistik-karti .deger em{
      color:var(--turkuaz-2);
      font-style:normal;
    }

    .istatistik-karti .etiket{
      font-size:.72rem;
      color:#5a80a0;
      margin-top:4px;
      line-height:1.4;
    }

    @media(max-width:991px){
      .kahraman-icerik{padding:120px 24px 60px;min-height:auto;}
      .kahraman-katman{
        background:linear-gradient(180deg,rgba(13,31,45,.92) 0%,rgba(13,31,45,.75) 60%,rgba(13,31,45,.4) 100%);
      }
      #kahraman{min-height:100vh;}
      .kahraman-istatistikleri{flex-wrap:wrap;gap:16px;}
      .istatistik-karti{flex:none;width:calc(50% - 16px);padding:0 !important;border:none !important;}
    }

    /* AKAN BANT */
    #akan-bant{
      background:var(--murekkep);
      padding:0;
      overflow:hidden;
      border-top:1px solid rgba(13,158,148,.15);
      border-bottom:1px solid rgba(13,158,148,.08);
    }

    .akan-bant-ic{
      display:flex;
      gap:0;
      white-space:nowrap;
      animation:bantAkisi 28s linear infinite;
      padding:14px 0;
    }

    .akan-bant-ogesi{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:0 36px;
      font-size:.76rem;
      font-weight:600;
      color:rgba(13,158,148,.7);
      letter-spacing:.5px;
      border-right:1px solid rgba(255,255,255,.05);
      text-transform:uppercase;
    }

    .akan-bant-ogesi i{
      color:rgba(13,158,148,.4);
      font-size:.5rem;
    }

    @keyframes bantAkisi{
      from{transform:translateX(0);}
      to{transform:translateX(-50%);}
    }

    /* ORTAK BÖLÜM */
    .bolum{padding:120px 0;}

    .bolum-etiketi{
      display:inline-flex;
      align-items:center;
      gap:7px;
      font-size:.7rem;
      font-weight:700;
      letter-spacing:2px;
      text-transform:uppercase;
      color:var(--turkuaz);
      margin-bottom:14px;
    }

    .bolum-etiketi::before{
      content:'';
      width:20px;
      height:2px;
      background:var(--turkuaz);
      border-radius:1px;
    }

    .bolum-baslik{
      font-size:clamp(2rem,3.6vw,2.9rem);
      font-weight:800;
      color:var(--murekkep);
      letter-spacing:-0.8px;
      line-height:1.12;
      margin-bottom:14px;
    }

    .bolum-aciklama{
      font-size:.95rem;
      color:var(--kayrak);
      line-height:1.82;
      max-width:600px;
    }

    .bolum-cizgisi{
      width:44px;
      height:3px;
      background:linear-gradient(90deg,var(--turkuaz),var(--turkuaz-2));
      border-radius:2px;
      margin:16px 0;
    }

    /* HAKKIMIZDA */
    #hakkimizda{background:var(--beyaz);}

    .hakkimizda-kutu{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:0;
      min-height:620px;
      border-radius:20px;
      overflow:hidden;
      box-shadow:0 24px 80px rgba(13,31,45,.08);
      border:1px solid var(--cizgi);
    }

    .hakkimizda-gorsel{
      position:relative;
      background:var(--murekkep-2);
      overflow:hidden;
    }

    .hakkimizda-gorsel img{
      width:100%;
      height:100%;
      object-fit:cover;
      opacity:.65;
      display:block;
      min-height:480px;
    }

    .hakkimizda-gorsel-katmani{
      position:absolute;
      inset:0;
      background:linear-gradient(160deg,rgba(13,31,45,.2) 0%,rgba(13,31,45,.85) 100%);
    }

    .hakkimizda-gorsel-yazi{
      position:absolute;
      bottom:0;
      left:0;
      right:0;
      padding:36px;
    }

    .hakkimizda-sayi{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-size:3.6rem;
      font-weight:800;
      color:var(--turkuaz-2);
      line-height:1;
      opacity:.8;
    }

    .hakkimizda-sayi-etiketi{
      font-size:.78rem;
      color:rgba(255,255,255,.55);
      margin-top:2px;
    }

    .hakkimizda-icerik{
      background:#fff;
      padding:56px 52px;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .ozellik-satiri{
      display:flex;
      gap:16px;
      margin-bottom:24px;
      align-items:flex-start;
    }

    .ozellik-ikonu{
      width:42px;
      height:42px;
      flex-shrink:0;
      background:linear-gradient(135deg,var(--turkuaz-soluk),#d4f0ee);
      border-radius:11px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--turkuaz);
      font-size:.95rem;
    }

    .ozellik-satiri h6{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:700;
      color:var(--murekkep);
      margin-bottom:4px;
      font-size:.9rem;
    }

    .ozellik-satiri p{
      font-size:.83rem;
      color:var(--kayrak);
      line-height:1.7;
    }

    .kurumsal-bilgiler{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      margin-top:24px;
      padding-top:24px;
      border-top:1px solid var(--cizgi);
    }

    .kurumsal-rozet{
      background:var(--kirik-beyaz-2);
      border:1px solid var(--cizgi);
      border-radius:6px;
      padding:6px 12px;
      font-size:.72rem;
      font-weight:600;
      color:var(--kayrak);
    }

    .kurumsal-rozet span{
      color:var(--turkuaz);
      font-weight:700;
    }

    @media(max-width:768px){
      .hakkimizda-kutu{grid-template-columns:1fr;}
      .hakkimizda-icerik{padding:32px 24px;}
    }

    /* RAKAMLAR */
    #rakamlar{
      background:var(--murekkep);
      padding:80px 0;
      position:relative;
      overflow:hidden;
    }

    #rakamlar::before{
      content:'';
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,rgba(13,158,148,.02) 1px,transparent 1px),
        linear-gradient(0deg,rgba(13,158,148,.02) 1px,transparent 1px);
      background-size:80px 80px;
      pointer-events:none;
    }

    #rakamlar::after{
      content:'';
      position:absolute;
      right:-200px;
      top:-100px;
      width:600px;
      height:600px;
      background:radial-gradient(circle,rgba(13,158,148,.08) 0%,transparent 65%);
    }

    .rakam-izgarasi{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:0;
    }

    .rakam-karti{
      padding:32px 36px;
      border-right:1px solid rgba(255,255,255,.05);
      position:relative;
    }

    .rakam-karti:last-child{border-right:none;}

    .rakam-karti::after{
      content:'';
      position:absolute;
      top:0;
      left:36px;
      width:32px;
      height:2px;
      background:linear-gradient(90deg,var(--turkuaz),var(--turkuaz-2));
    }

    .rakam-buyuk{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-size:clamp(2.5rem,4vw,3.8rem);
      font-weight:800;
      color:#fff;
      line-height:1;
      letter-spacing:-1px;
      margin-bottom:8px;
    }

    .rakam-buyuk em{
      color:var(--turkuaz-2);
      font-style:normal;
    }

    .rakam-metni{
      font-size:.82rem;
      color:#5a80a0;
      line-height:1.55;
    }

    @media(max-width:768px){
      .rakam-izgarasi{grid-template-columns:1fr 1fr;}
      .rakam-karti{border-bottom:1px solid rgba(255,255,255,.05);}
    }

    /* HİZMETLER */
    #hizmetler{background:var(--kirik-beyaz);}

    .hizmet-sekmeleri{
      display:flex;
      gap:0;
      background:var(--beyaz);
      border:1px solid var(--cizgi);
      border-radius:12px;
      padding:6px;
      margin-bottom:40px;
      overflow-x:auto;
    }

    .sekme-dugmesi{
      flex:1;
      padding:12px 18px;
      border-radius:8px;
      font-family:'Plus Jakarta Sans',sans-serif;
      font-size:.82rem;
      font-weight:600;
      color:var(--soluk);
      cursor:pointer;
      transition:all .2s;
      text-align:center;
      white-space:nowrap;
      border:none;
      background:transparent;
    }

    .sekme-dugmesi.aktif{
      background:linear-gradient(135deg,var(--turkuaz),#0fbbb0);
      color:#fff;
      box-shadow:0 4px 14px rgba(13,158,148,.3);
    }

    .sekme-dugmesi:hover:not(.aktif){
      color:var(--turkuaz);
      background:var(--turkuaz-soluk);
    }

    .sekme-icerigi{display:none;}
    .sekme-icerigi.aktif{display:block;}

    .hizmet-kutu{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:28px;
      align-items:start;
    }

    .hizmet-gorseli{
      width:100%;
      height:420px;
      object-fit:cover;
      border-radius:16px;
      box-shadow:0 20px 56px rgba(13,31,45,.1);
      border:1px solid rgba(220,232,240,.5);
    }

    .hizmet-icerigi h3{
      font-size:1.6rem;
      font-weight:800;
      color:var(--murekkep);
      letter-spacing:-.5px;
      margin-bottom:14px;
    }

    .hizmet-tanimi{
      font-size:.92rem;
      color:var(--kayrak);
      line-height:1.8;
      margin-bottom:24px;
    }

    .hizmet-listesi{
      list-style:none;
      padding:0;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:0;
    }

    .hizmet-listesi li{
      display:flex;
      align-items:flex-start;
      gap:10px;
      padding:12px 0;
      border-bottom:1px solid var(--cizgi);
      font-size:.85rem;
      color:var(--kayrak);
    }

    .hizmet-listesi li:nth-last-child(-n+2){border-bottom:none;}

    .liste-ikonu{
      width:30px;
      height:30px;
      flex-shrink:0;
      background:linear-gradient(135deg,var(--turkuaz-soluk),#d4f0ee);
      border-radius:8px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--turkuaz);
      font-size:.7rem;
      margin-top:1px;
    }

    .hizmet-listesi li strong{
      font-weight:600;
      color:var(--murekkep);
      display:block;
      font-size:.82rem;
    }

    .hizmet-listesi li span{
      font-size:.76rem;
      color:var(--soluk);
    }

    @media(max-width:768px){
      .hizmet-kutu{grid-template-columns:1fr;}
      .hizmet-listesi{grid-template-columns:1fr;}
    }

    /* UPNET */
    #upnet-bolumu{
      background:var(--beyaz);
      padding:0;
    }

    .upnet-alani{
      display:grid;
      grid-template-columns:1fr 1fr;
      min-height:640px;
    }

    .upnet-sol{
      background:var(--murekkep-2);
      position:relative;
      overflow:hidden;
    }

    .upnet-sol img{
      width:100%;
      height:100%;
      display:block;
      min-height:400px;
      opacity:.4;
    }

    .upnet-sol-katmani{
      position:absolute;
      inset:0;
      background:linear-gradient(135deg,rgba(13,31,45,.94) 0%,rgba(13,158,148,.15) 100%);
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      padding:52px 48px;
    }

    .upnet-sol-katmani::before{
      content:'';
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,rgba(13,158,148,.03) 1px,transparent 1px),
        linear-gradient(0deg,rgba(13,158,148,.03) 1px,transparent 1px);
      background-size:40px 40px;
      mask-image:linear-gradient(135deg,rgba(0,0,0,.5) 0%,transparent 70%);
      -webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,.5) 0%,transparent 70%);
      pointer-events:none;
    }

    .upnet-logo-yazi{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-size:3.2rem;
      font-weight:800;
      color:#fff;
      letter-spacing:-2px;
      line-height:1;
      margin-bottom:4px;
      position:relative;
    }

    .upnet-logo-yazi em{color:var(--turkuaz-2);font-style:normal;}

    .upnet-aciklama{
      font-size:.88rem;
      color:#7da0b8;
      line-height:1.65;
      margin-bottom:28px;
      max-width:360px;
      position:relative;
    }

    .erisim-etiketi{
      display:inline-flex;
      align-items:center;
      gap:8px;
      background:rgba(13,158,148,.12);
      border:1px solid rgba(13,158,148,.2);
      color:#2dd4bf;
      border-radius:50px;
      padding:8px 18px;
      font-size:.75rem;
      font-weight:700;
      letter-spacing:.3px;
      position:relative;
    }

    .upnet-sag{
      background:var(--kirik-beyaz);
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding:72px 64px;
    }

    .upnet-ozellik-izgarasi{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
      margin-bottom:28px;
    }

    .upnet-karti{
      background:var(--beyaz);
      border:1px solid var(--cizgi);
      border-radius:14px;
      padding:22px 20px;
      transition:all .25s;
    }

    .upnet-karti:hover{
      border-color:var(--turkuaz-cizgi);
      box-shadow:0 8px 28px rgba(13,158,148,.08);
      transform:translateY(-2px);
    }

    .upnet-kart-ikonu{
      width:40px;
      height:40px;
      background:linear-gradient(135deg,var(--turkuaz-soluk),#d4f0ee);
      border-radius:10px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--turkuaz);
      font-size:.9rem;
      margin-bottom:12px;
    }

    .upnet-karti h6{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:700;
      color:var(--murekkep);
      margin-bottom:5px;
      font-size:.84rem;
    }

    .upnet-karti p{
      font-size:.77rem;
      color:var(--soluk);
      line-height:1.65;
    }

    @media(max-width:768px){
      .upnet-alani{grid-template-columns:1fr;}
      .upnet-sag{padding:40px 24px;}
      .upnet-ozellik-izgarasi{grid-template-columns:1fr;}
    }

    /* SÜREÇ */
    #surec{background:var(--kirik-beyaz-2);padding:120px 0;}

    .adimlar{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:0;
      position:relative;
      margin-top:56px;
    }

    .adimlar::before{
      content:'';
      position:absolute;
      top:28px;
      left:10%;
      right:10%;
      height:1px;
      background:linear-gradient(to right,var(--cizgi),var(--turkuaz-cizgi),var(--turkuaz),var(--turkuaz-cizgi),var(--cizgi));
      z-index:0;
    }

    .adim-karti{
      padding:0 20px;
      text-align:center;
      position:relative;
      z-index:1;
    }

    .adim-numarasi{
      width:56px;
      height:56px;
      margin:0 auto 22px;
      background:var(--beyaz);
      border:2px solid var(--cizgi);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      font-family:'Plus Jakarta Sans',sans-serif;
      font-size:1.1rem;
      font-weight:800;
      color:var(--soluk);
      transition:all .35s;
    }

    .adim-karti:hover .adim-numarasi{
      background:linear-gradient(135deg,var(--turkuaz),#0fbbb0);
      border-color:var(--turkuaz);
      color:#fff;
      box-shadow:0 0 0 8px rgba(13,158,148,.1);
    }

    .adim-karti h5{
      font-weight:700;
      color:var(--murekkep);
      margin-bottom:8px;
      font-size:.95rem;
    }

    .adim-karti p{
      font-size:.82rem;
      color:var(--kayrak);
      line-height:1.75;
    }

    @media(max-width:768px){
      .adimlar{grid-template-columns:1fr 1fr;gap:32px;}
      .adimlar::before{display:none;}
    }

    /* NEDEN BİZ */
    #neden-biz{background:var(--beyaz);}

    .neden-biz-kutu{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:64px;
      align-items:center;
    }

    .neden-biz-gorseller{
      position:relative;
      height:520px;
    }

    .neden-biz-gorsel-buyuk{
      position:absolute;
      top:0;
      left:0;
      width:78%;
      height:380px;
      object-fit:cover;
      border-radius:16px;
      box-shadow:0 24px 64px rgba(13,31,45,.12);
    }

    .neden-biz-gorsel-kucuk{
      position:absolute;
      bottom:0;
      right:0;
      width:56%;
      height:260px;
      object-fit:cover;
      border-radius:16px;
      box-shadow:0 16px 48px rgba(13,31,45,.1);
      border:5px solid #fff;
    }

    .neden-biz-yuzen-kart{
      position:absolute;
      top:200px;
      right:8px;
      background:#fff;
      border-radius:14px;
      padding:16px 20px;
      box-shadow:0 14px 36px rgba(13,31,45,.1);
      border:1px solid var(--cizgi);
      font-family:'Plus Jakarta Sans',sans-serif;
    }

    .neden-biz-kart-deger{
      font-size:1.8rem;
      font-weight:800;
      color:var(--turkuaz);
      line-height:1;
    }

    .neden-biz-kart-yazi{
      font-size:.7rem;
      color:var(--soluk);
    }

    .neden-maddesi{
      display:flex;
      gap:18px;
      padding:24px 0;
      border-bottom:1px solid var(--cizgi);
    }

    .neden-maddesi:last-child{border:none;}

    .neden-sira{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-size:1rem;
      font-weight:800;
      color:var(--turkuaz);
      opacity:.5;
      flex-shrink:0;
      width:28px;
      margin-top:2px;
    }

    .neden-maddesi h5{
      font-weight:700;
      color:var(--murekkep);
      margin-bottom:6px;
      font-size:1rem;
    }

    .neden-maddesi p{
      font-size:.88rem;
      color:var(--kayrak);
      line-height:1.75;
    }

    @media(max-width:768px){
      .neden-biz-kutu{grid-template-columns:1fr;}
      .neden-biz-gorseller{height:300px;margin-bottom:24px;}
    }

    /* İLETİŞİM */
    #iletisim{
      background:var(--kirik-beyaz);
      padding:120px 0 0;
    }

    .iletisim-haritasi{
      width:100%;
      height:400px;
      display:block;
      margin-top:80px;
      border:none;
      filter:saturate(.5) contrast(.95) brightness(.95);
    }

    .iletisim-kutu{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:36px;
      align-items:start;
    }

    .iletisim-bilgileri{padding-right:24px;}

    .iletisim-bilgi-karti{
      display:flex;
      gap:14px;
      align-items:flex-start;
      padding:18px 0;
      border-bottom:1px solid var(--cizgi);
    }

    .iletisim-bilgi-karti:last-child{border:none;}

    .iletisim-ikonu{
      width:44px;
      height:44px;
      flex-shrink:0;
      background:linear-gradient(135deg,var(--turkuaz-soluk),#d4f0ee);
      border-radius:11px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--turkuaz);
      font-size:.9rem;
    }

    .iletisim-bilgi-karti strong{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:700;
      color:var(--murekkep);
      font-size:.85rem;
      display:block;
      margin-bottom:2px;
    }

    .iletisim-bilgi-karti a,
    .iletisim-bilgi-karti p{
      font-size:.85rem;
      color:var(--kayrak);
      text-decoration:none;
      margin:0;
      line-height:1.6;
      transition:color .18s;
    }

    .iletisim-bilgi-karti a:hover{color:var(--turkuaz);}

    .iletisim-formu{
      background:var(--beyaz);
      border:1px solid var(--cizgi);
      border-radius:20px;
      padding:44px 40px;
      box-shadow:0 20px 56px rgba(13,31,45,.06);
    }

    .form-etiketi{
      font-size:.78rem;
      font-weight:600;
      color:var(--murekkep);
      letter-spacing:.3px;
      margin-bottom:6px;
      display:block;
    }

    .form-alani{
      background:var(--kirik-beyaz);
      border:1.5px solid var(--cizgi);
      border-radius:10px;
      padding:12px 16px;
      color:var(--murekkep);
      font-size:.88rem;
      font-family:'Inter',sans-serif;
      width:100%;
      outline:none;
      transition:border-color .2s,background .2s,box-shadow .2s;
      margin-bottom:14px;
    }

    .form-alani:focus{
      border-color:var(--turkuaz);
      background:#fff;
      box-shadow:0 0 0 3px rgba(13,158,148,.08);
    }

    .form-alani::placeholder{color:var(--soluk);}
    textarea.form-alani{resize:vertical;min-height:110px;}

    .buton-gonder{
      background:linear-gradient(135deg,var(--turkuaz),#0fbbb0);
      color:#fff;
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:700;
      font-size:.88rem;
      border-radius:10px;
      padding:14px 28px;
      width:100%;
      border:none;
      cursor:pointer;
      transition:all .25s;
      box-shadow:0 6px 20px rgba(13,158,148,.28);
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
    }

    .buton-gonder:hover{
      transform:translateY(-2px);
      box-shadow:0 10px 28px rgba(13,158,148,.4);
    }

    .iletisim-kvkk{
      font-size:.72rem;
      color:var(--soluk);
      margin-top:10px;
      text-align:center;
    }

    .iletisim-kvkk i{color:var(--turkuaz);}

    @media(max-width:768px){
      .iletisim-kutu{grid-template-columns:1fr;}
      .iletisim-bilgileri{padding-right:0;margin-bottom:16px;}
    }

    /* ALT BİLGİ */
    footer{
      background:var(--murekkep);
      padding:72px 0 28px;
      position:relative;
      overflow:hidden;
    }

    footer::before{
      content:'';
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,rgba(13,158,148,.015) 1px,transparent 1px),
        linear-gradient(0deg,rgba(13,158,148,.015) 1px,transparent 1px);
      background-size:60px 60px;
      pointer-events:none;
    }

    .altmarka{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:800;
      font-size:1.4rem;
      color:#fff;
      letter-spacing:-.5px;
    }

    .altmarka em{
      color:var(--turkuaz-2);
      font-style:normal;
    }

    .altmarka-aciklama{
      font-size:.82rem;
      color:#5a7890;
      line-height:1.8;
      margin-top:10px;
      max-width:280px;
    }

    .altbaslik{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:700;
      color:rgba(255,255,255,.35);
      font-size:.68rem;
      text-transform:uppercase;
      letter-spacing:1.5px;
      margin-bottom:16px;
    }

    .altbaglantilar{
      list-style:none;
      padding:0;
    }

    .altbaglantilar li{margin-bottom:10px;}

    .altbaglantilar a{
      font-size:.83rem;
      color:#5a7890;
      text-decoration:none;
      transition:color .18s;
    }

    .altbaglantilar a:hover{color:var(--turkuaz-2);}

    .sosyal-buton{
      width:38px;
      height:38px;
      border-radius:10px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.06);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#5a7890;
      text-decoration:none;
      margin-right:6px;
      transition:all .2s;
    }

    .sosyal-buton:hover{
      background:rgba(13,158,148,.12);
      border-color:rgba(13,158,148,.25);
      color:var(--turkuaz-2);
    }

    .alt-satir{
      margin-top:48px;
      padding-top:24px;
      border-top:1px solid rgba(255,255,255,.04);
      display:flex;
      justify-content:space-between;
      align-items:center;
      flex-wrap:wrap;
      gap:10px;
    }

    .alt-satir p{
      font-size:.73rem;
      color:#3d5568;
      margin:0;
    }

    /* GÖRÜNME ANİMASYONU */
    .belirme{
      opacity:0;
      transform:translateY(28px);
      transition:opacity .7s ease,transform .7s ease;
    }

    .belirme.gorundu{
      opacity:1;
      transform:none;
    }

    .gecikme-1{transition-delay:.1s;}
    .gecikme-2{transition-delay:.2s;}
    .gecikme-3{transition-delay:.3s;}
    .gecikme-4{transition-delay:.4s;}

    /* MOBİL MENÜ */
    .mobil-menu{
      position:absolute;
      top:100%;
      left:0;
      right:0;
      background:rgba(255,255,255,.98);
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
      border-bottom:1px solid var(--cizgi);
      box-shadow:0 16px 48px rgba(13,31,45,.1);
      padding:20px 24px 28px;
      transform:translateY(-10px);
      opacity:0;
      pointer-events:none;
      transition:all .3s cubic-bezier(.25,.46,.45,.94);
    }

    .mobil-menu.acik{
      transform:translateY(0);
      opacity:1;
      pointer-events:all;
    }

    .mobil-menu a{
      display:block;
      color:var(--murekkep);
      text-decoration:none;
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:600;
      font-size:.95rem;
      padding:12px 16px;
      border-radius:10px;
      transition:all .2s;
    }

    .mobil-menu a:hover{
      background:var(--turkuaz-soluk);
      color:var(--turkuaz);
    }

    .telefon-buton-kapsayici{
      width:fit-content;
      display:inline-flex;
      align-items:center;
      gap:8px;
    }

    .hero-telefon-simgesi,
    .telefon-simgesi-kucuk{
      font-size:.75rem;
    }

    .iletisim-giris-bolumu{
      margin-bottom:24px;
    }

    .iletisim-baslik{
      font-family:'Plus Jakarta Sans',sans-serif;
      font-weight:800;
      color:var(--murekkep);
      margin-bottom:4px;
    }

    .iletisim-form-aciklama{
      font-size:.83rem;
      color:var(--soluk);
      margin-bottom:24px;
    }

    .yan-bosluk-sag{padding-right:.5rem;}
    .yan-bosluk-sol{padding-left:.5rem;}

    .alt-iletisim-metin{
      font-size:.8rem;
      color:#5a7890;
      line-height:1.9;
    }

    .alt-iletisim-satiri{
      font-size:.8rem;
      color:#5a7890;
      margin-top:9px;
    }

    .alt-iletisim-link{
      color:#5a7890;
      text-decoration:none;
    }

    .alt-ikon-rengi{color:var(--turkuaz);}