:root{
    --bg:#03060e;
    --bg-2:#060b16;
    --panel:#0a1322;
    --line:#13233d;
    --line-glow:#1c3a63;
    --neon:#22d3ff;          /* ana neon mavi */
    --neon-soft:#5ee6ff;
    --neon-deep:#0a6ed1;     /* derin mavi */
    --fg:#eaf2fa;
    --steel:#94a8bf;
    --steel-dim:#5a6f88;
    --maxw:1280px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    background:var(--bg);
    color:var(--fg);
    font-family:'Source Sans 3',sans-serif;
    line-height:1.6;
    overflow-x:hidden;
    position:relative;
  }
  ::selection{background:var(--neon);color:#03060e}
  h1,h2,h3,h4,.display{font-family:'Saira',sans-serif;letter-spacing:.005em;line-height:1.15}
  .container{max-width:var(--maxw);margin:0 auto;padding:0 30px}
  a{color:inherit;text-decoration:none}
  .neon{color:var(--neon)}

  /* ---- starfield bg ---- */
  .stars{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
  .stars::before,.stars::after{
    content:"";position:absolute;inset:-50%;
    background-image:
      radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.8), transparent),
      radial-gradient(1px 1px at 60% 70%, rgba(94,230,255,.7), transparent),
      radial-gradient(1.5px 1.5px at 80% 20%, rgba(255,255,255,.6), transparent),
      radial-gradient(1px 1px at 40% 80%, rgba(255,255,255,.5), transparent),
      radial-gradient(1px 1px at 90% 60%, rgba(94,230,255,.6), transparent),
      radial-gradient(1.5px 1.5px at 15% 65%, rgba(255,255,255,.55), transparent),
      radial-gradient(1px 1px at 70% 45%, rgba(255,255,255,.5), transparent);
    background-size:600px 600px;
    animation:drift 90s linear infinite;
  }
  .stars::after{background-size:420px 420px;opacity:.5;animation-duration:140s;animation-direction:reverse}
  @keyframes drift{from{transform:translate(0,0)}to{transform:translate(-300px,-300px)}}
  .glow-orb{position:fixed;border-radius:50%;filter:blur(90px);z-index:0;pointer-events:none;opacity:.5}
  .orb1{width:520px;height:520px;background:radial-gradient(circle,rgba(34,211,255,.35),transparent 70%);top:-160px;right:-120px}
  .orb2{width:460px;height:460px;background:radial-gradient(circle,rgba(10,110,209,.32),transparent 70%);bottom:10%;left:-160px}

  .wrap{position:relative;z-index:2}

  /* ---- header ---- */
  header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:rgba(3,6,14,.7);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;height:76px}
  .brand{display:flex;align-items:center;gap:13px;font-family:'Saira';font-weight:600;font-size:1.25rem;letter-spacing:.08em}
  .brand .mark{
    width:54px;height:40px;flex:none;position:relative;display:grid;place-items:center;
  }
  .brand .mark img{width:54px;height:auto;object-fit:contain;filter:drop-shadow(0 0 8px rgba(34,211,255,.45))}
  .brand .sub{color:var(--neon);font-weight:400}
  nav ul{display:flex;gap:34px;list-style:none;font-size:.92rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:'Source Sans 3'}
  nav ul a{color:var(--steel);transition:color .2s,text-shadow .2s;position:relative;padding:5px 0}
  nav ul a:hover{color:var(--neon);text-shadow:0 0 12px rgba(34,211,255,.6)}
  nav ul a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1.5px;background:var(--neon);box-shadow:0 0 8px var(--neon);transition:width .25s}
  nav ul a:hover::after{width:100%}
  .menu-btn{display:none;background:none;border:none;color:var(--neon);font-size:1.7rem;cursor:pointer}

  /* ---- hero ---- */
  .hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
  .hero-grid{
    position:absolute;inset:0;z-index:0;
    background-image:linear-gradient(rgba(28,58,99,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(28,58,99,.5) 1px,transparent 1px);
    background-size:70px 70px;
    transform:perspective(500px) rotateX(58deg) scale(2.4);
    transform-origin:center 75%;
    mask-image:linear-gradient(180deg,transparent,#000 60%,transparent);
    opacity:.35;
  }
  .orbit{position:absolute;border:1px solid rgba(34,211,255,.16);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
  .orbit.o1{width:520px;height:520px}
  .orbit.o2{width:760px;height:760px;border-color:rgba(34,211,255,.1)}
  .orbit.o3{width:1040px;height:1040px;border-color:rgba(34,211,255,.06)}
  .orbit .sat{position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--neon);box-shadow:0 0 14px var(--neon),0 0 28px var(--neon)}
  .orbit.o1{animation:spin 18s linear infinite}
  .orbit.o2{animation:spin 34s linear infinite reverse}
  .orbit.o3{animation:spin 60s linear infinite}
  @keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}

  .hero-logo{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:min(560px,68vw);z-index:1;opacity:.14;pointer-events:none;
    filter:drop-shadow(0 0 30px rgba(34,211,255,.4));
  }

  .hero-inner{position:relative;z-index:3;width:100%}
  .eyebrow{
    display:inline-flex;align-items:center;gap:12px;
    font-family:'Saira';text-transform:uppercase;letter-spacing:.34em;
    font-size:.76rem;color:var(--neon);margin-bottom:28px;
    padding:8px 16px;border:1px solid var(--line-glow);border-radius:2px;
    background:rgba(34,211,255,.04);
    box-shadow:0 0 20px rgba(34,211,255,.08) inset;
    opacity:0;animation:fadeUp .7s .1s forwards;
  }
  .eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px var(--neon);animation:blink 1.6s infinite}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
  .hero h1{font-size:clamp(2.6rem,6vw,5.4rem);font-weight:700;text-transform:uppercase;max-width:16ch}
  .hero h1 .line{display:block;opacity:0;animation:fadeUp .85s forwards}
  .hero h1 .line:nth-child(1){animation-delay:.22s}
  .hero h1 .line:nth-child(2){animation-delay:.38s}
  .hero h1 .line.glow{
    color:var(--neon);
    text-shadow:0 0 22px rgba(34,211,255,.55),0 0 60px rgba(34,211,255,.25);
    animation-delay:.54s;
  }
  .hero p.lead{margin-top:30px;max-width:56ch;color:var(--steel);font-size:1.18rem;font-weight:400;opacity:0;animation:fadeUp .8s .72s forwards}
  .hero-cta{margin-top:42px;display:flex;gap:18px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .86s forwards}
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Saira';text-transform:uppercase;letter-spacing:.14em;font-size:.88rem;font-weight:600;
    padding:16px 32px;cursor:pointer;transition:all .25s;border:1px solid var(--neon);position:relative;overflow:hidden;
  }
  .btn.primary{background:var(--neon);color:#03060e;box-shadow:0 0 22px rgba(34,211,255,.4)}
  .btn.primary:hover{box-shadow:0 0 36px rgba(34,211,255,.7);transform:translateY(-2px)}
  .btn.ghost{border-color:var(--line-glow);color:var(--fg);background:rgba(34,211,255,.03)}
  .btn.ghost:hover{border-color:var(--neon);color:var(--neon);box-shadow:0 0 22px rgba(34,211,255,.25)}
  .hero-meta{
    position:absolute;bottom:40px;left:0;right:0;z-index:3;
    border-top:1px solid var(--line);padding-top:20px;
    display:flex;gap:54px;flex-wrap:wrap;
    font-family:'Saira';opacity:0;animation:fadeUp .8s 1.05s forwards;
  }
  .hero-meta div span{display:block;color:var(--steel-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.22em}
  .hero-meta div strong{font-size:1.45rem;font-weight:600;color:var(--fg)}
  @keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

  /* ---- section base ---- */
  .pad{padding:130px 0;position:relative}
  .sec-head{margin-bottom:68px;max-width:740px}
  .sec-tag{font-family:'Saira';text-transform:uppercase;letter-spacing:.32em;font-size:.74rem;color:var(--neon);display:flex;align-items:center;gap:13px;margin-bottom:22px}
  .sec-tag::before{content:"";width:30px;height:1px;background:var(--neon);box-shadow:0 0 8px var(--neon)}
  .sec-head h2{font-size:clamp(2.1rem,4.2vw,3.3rem);text-transform:uppercase;font-weight:700}
  .sec-head p{margin-top:18px;color:var(--steel);font-size:1.08rem;font-weight:400}

  /* ---- capabilities ---- */
  .caps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .cap{
    background:linear-gradient(160deg,var(--panel),var(--bg-2));
    border:1px solid var(--line);padding:40px 32px;position:relative;overflow:hidden;
    transition:border-color .3s,transform .3s,box-shadow .3s;
  }
  .cap::after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon),transparent);opacity:0;transition:opacity .3s}
  .cap:hover{border-color:var(--line-glow);transform:translateY(-6px);box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 30px rgba(34,211,255,.08)}
  .cap:hover::after{opacity:1}
  .cap .ico{width:52px;height:52px;margin-bottom:26px;color:var(--neon);filter:drop-shadow(0 0 8px rgba(34,211,255,.5))}
  .cap h3{font-size:1.45rem;text-transform:uppercase;margin-bottom:14px;font-weight:600}
  .cap p{color:var(--steel);font-weight:400;font-size:1rem}
  .cap .idx{position:absolute;bottom:22px;right:28px;font-family:'Saira';font-size:.78rem;letter-spacing:.2em;color:var(--steel-dim)}

  /* ---- about ---- */
  .about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(6,11,22,.6)}
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
  .about-vis{aspect-ratio:1/1;position:relative;display:grid;place-items:center}
  .about-vis .core{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,var(--neon),var(--neon-deep));box-shadow:0 0 50px rgba(34,211,255,.6),0 0 100px rgba(34,211,255,.3)}
  .about-vis .ar{position:absolute;border:1px solid rgba(34,211,255,.2);border-radius:50%}
  .about-vis .ar.a1{width:46%;height:46%;border-style:dashed;animation:spin 22s linear infinite}
  .about-vis .ar.a2{width:68%;height:68%;animation:spin 40s linear infinite reverse}
  .about-vis .ar.a3{width:90%;height:90%;border-color:rgba(34,211,255,.1)}
  .about-vis .ar.a2::before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;border-radius:50%;background:var(--neon-soft);box-shadow:0 0 16px var(--neon)}
  .about-text h2{font-size:clamp(1.9rem,3.6vw,2.9rem);text-transform:uppercase;margin-bottom:24px;font-weight:700}
  .about-text p{color:var(--steel);font-weight:400;margin-bottom:18px;font-size:1.05rem}
  .about-list{list-style:none;margin-top:30px;display:grid;gap:15px}
  .about-list li{display:flex;gap:14px;align-items:flex-start;font-size:1rem}
  .about-list li::before{content:"";flex:none;width:9px;height:9px;margin-top:9px;background:var(--neon);box-shadow:0 0 10px var(--neon);transform:rotate(45deg)}

  /* ---- stats ---- */
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .stat{background:linear-gradient(160deg,var(--panel),var(--bg-2));border:1px solid var(--line);padding:40px 26px;text-align:center;transition:border-color .3s}
  .stat:hover{border-color:var(--line-glow)}
  .stat strong{display:block;font-family:'Saira';font-size:2.7rem;font-weight:700;color:var(--neon);text-shadow:0 0 20px rgba(34,211,255,.4)}
  .stat span{color:var(--steel);font-size:.82rem;text-transform:uppercase;letter-spacing:.18em;font-family:'Saira';font-weight:500}

  /* ---- contact ---- */
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}
  .contact-info h2{font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;margin-bottom:26px;font-weight:700}
  .contact-info p{color:var(--steel);font-weight:400;margin-bottom:36px;max-width:46ch;font-size:1.05rem}
  .ci-row{display:flex;gap:18px;align-items:flex-start;padding:22px 0;border-top:1px solid var(--line)}
  .ci-row:last-child{border-bottom:1px solid var(--line)}
  .ci-row .ico{width:24px;height:24px;color:var(--neon);flex:none;margin-top:3px;filter:drop-shadow(0 0 6px rgba(34,211,255,.5))}
  .ci-row .k{font-family:'Saira';text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--steel-dim);margin-bottom:4px}
  .ci-row .v{font-size:1.05rem}
  form{background:linear-gradient(160deg,var(--panel),var(--bg-2));border:1px solid var(--line);padding:42px}
  .field{margin-bottom:22px}
  .field label{display:block;font-family:'Saira';text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--steel);margin-bottom:9px}
  .field input,.field textarea{width:100%;background:var(--bg);border:1px solid var(--line);color:var(--fg);padding:14px 15px;font-family:'Source Sans 3';font-size:1rem;transition:border-color .2s,box-shadow .2s}
  .field input:focus,.field textarea:focus{outline:none;border-color:var(--neon);box-shadow:0 0 16px rgba(34,211,255,.2)}
  .field textarea{resize:vertical;min-height:120px}
  .form-note{font-size:.82rem;color:var(--steel-dim);margin-top:14px}

  /* ---- footer ---- */
  footer{background:#02040a;border-top:1px solid var(--line);padding:56px 0 30px;position:relative;z-index:2}
  .foot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;padding-bottom:38px;border-bottom:1px solid var(--line)}
  .foot-brand{font-family:'Saira';font-size:1.5rem;font-weight:700;letter-spacing:.08em}
  .foot-brand .sub{color:var(--neon)}
  .foot-brand p{font-family:'Source Sans 3';font-weight:400;color:var(--steel-dim);font-size:.95rem;margin-top:12px;max-width:38ch}
  .foot-links{display:flex;gap:56px;flex-wrap:wrap}
  .foot-col h4{font-family:'Saira';text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:var(--steel);margin-bottom:16px}
  .foot-col a{display:block;color:var(--steel-dim);font-size:.95rem;margin-bottom:10px;transition:color .2s}
  .foot-col a:hover{color:var(--neon)}
  .foot-bot{padding-top:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--steel-dim);font-size:.82rem;font-family:'Saira';letter-spacing:.05em}

  /* ---- reveal ---- */
  .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s,transform .8s}
  .reveal.in{opacity:1;transform:none}

  /* ---- responsive ---- */
  @media(max-width:980px){
    .caps{grid-template-columns:1fr 1fr}
  }
  @media(max-width:860px){
    .menu-btn{display:block}
    nav ul{position:fixed;top:76px;right:0;background:var(--bg-2);flex-direction:column;gap:0;width:270px;height:calc(100vh - 76px);padding:20px;border-left:1px solid var(--line);transform:translateX(100%);transition:transform .3s}
    nav ul.open{transform:none}
    nav ul li{border-bottom:1px solid var(--line)}
    nav ul a{display:block;padding:17px 0}
    .about-grid,.contact-grid{grid-template-columns:1fr;gap:54px}
    .stats{grid-template-columns:repeat(2,1fr)}
    .pad{padding:88px 0}
    .about-vis{max-width:340px;margin:0 auto}
  }
  @media(max-width:520px){
    .caps,.stats{grid-template-columns:1fr}
    .hero-meta{gap:28px}
  }
  /* ---- çok sayfalı: aktif menü + iç sayfa başlığı ---- */
  nav ul a.active{color:var(--neon)}
  nav ul a.active::after{width:100%}
  .hero-home .hero-inner{padding-top:0}
  .page-head{
    position:relative;padding:170px 0 60px;border-bottom:1px solid var(--line);
    overflow:hidden;
  }
  .page-head .hero-grid{opacity:.22}
  .page-head .sec-tag{font-family:'Saira';text-transform:uppercase;letter-spacing:.3em;font-size:.72rem;color:var(--neon);display:flex;align-items:center;gap:13px;margin-bottom:18px}
  .page-head .sec-tag::before{content:"";width:30px;height:1px;background:var(--neon);box-shadow:0 0 8px var(--neon)}
  .page-head h1{font-size:clamp(2rem,4.6vw,3.4rem);text-transform:uppercase;font-weight:800}
  .page-head p{margin-top:16px;color:var(--steel);font-size:1.1rem;max-width:60ch}

  /* ==================== MEGA MENÜ ==================== */
  nav ul{align-items:center}
  nav ul li.has-mega{position:static}
  nav ul li.has-mega > a .caret{display:inline-block;margin-left:6px;font-size:.6rem;transition:transform .25s;vertical-align:middle}
  nav ul li.has-mega:hover > a .caret{transform:rotate(180deg)}

  /* açılır panel */
  .mega{
    position:absolute;left:0;right:0;top:100%;
    background:#070d18;
    border-top:1px solid var(--line-glow);
    border-bottom:1px solid var(--line);
    box-shadow:0 30px 60px rgba(0,0,0,.7);
    opacity:0;visibility:hidden;transform:translateY(-12px);
    transition:opacity .28s,transform .28s,visibility .28s;
    z-index:90;
  }
  nav ul li.has-mega:hover .mega{opacity:1;visibility:visible;transform:translateY(0)}
  .mega-inner{max-width:var(--maxw);margin:0 auto;padding:42px 30px;display:grid;gap:40px}

  /* kurumsal tipi: sadece link sütunu */
  .mega.cols .mega-inner{grid-template-columns:1fr 1fr 1fr}
  .mega-col h4{font-family:'Saira';font-size:.74rem;text-transform:uppercase;letter-spacing:.2em;color:var(--neon);margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
  .mega-col a{display:block;color:var(--steel);font-size:.98rem;padding:9px 0;transition:color .2s,padding-left .2s;border:none}
  .mega-col a::after{display:none}
  .mega-col a:hover{color:var(--neon);padding-left:8px}

  /* faaliyet tipi: kategoriler solda + görselli kartlar sağda */
  .mega.faal .mega-inner{display:block}
  .mega.faal .mega-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-right:none;padding-right:0}
  .mega-cats{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--line);padding-right:24px}
  .mega-cats a{font-family:'Source Sans 3';font-size:.98rem;font-weight:600;color:#b8c8da;padding:13px 14px;transition:all .2s;border:none;text-transform:none;letter-spacing:.01em}
  .mega-cats a::after{display:none}
  .mega-cats a:hover,.mega-cats a.on{color:var(--neon);background:rgba(34,211,255,.08);box-shadow:inset 2px 0 0 var(--neon)}
  .mega-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .mcard{
    position:relative;height:200px;border:1px solid var(--line);overflow:hidden;
    display:flex;align-items:flex-end;padding:22px;transition:border-color .3s,transform .3s;
  }
  .mcard:hover{border-color:var(--line-glow);transform:translateY(-4px)}
  .mcard .bg{position:absolute;inset:0;z-index:0;opacity:.85;transition:transform .5s}
  .mcard:hover .bg{transform:scale(1.06)}
  .mcard .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(3,6,14,.92))}
  /* soyut teknolojik gradient zeminler (telifsiz) */
  .bg-kara{background:radial-gradient(120% 120% at 20% 20%,#16314f,#060b16),repeating-linear-gradient(90deg,transparent 0 18px,rgba(34,211,255,.05) 18px 19px)}
  .bg-hava{background:radial-gradient(120% 120% at 80% 10%,#103a52,#060b16)}
  .bg-deniz{background:radial-gradient(120% 120% at 50% 90%,#0c2740,#060b16)}
  .bg-elektronik{background:linear-gradient(135deg,#0a2236,#060b16),repeating-linear-gradient(0deg,transparent 0 14px,rgba(34,211,255,.06) 14px 15px)}
  .bg-arge{background:radial-gradient(circle at 30% 40%,#143a55,#060b16)}
  .bg-tedarik{background:linear-gradient(160deg,#102a44,#060b16)}
  .mcard .label{position:relative;z-index:2;font-family:'Source Sans 3';font-weight:700;font-size:1.12rem;letter-spacing:.02em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.8)}
  .mcard .sub{position:relative;z-index:2;display:block;font-family:'Source Sans 3';font-weight:400;font-size:.86rem;color:var(--neon-soft);margin-top:5px;letter-spacing:0}

  /* mobil */
  @media(max-width:860px){
    nav ul li.has-mega{position:relative}
    .mega{position:static;opacity:1;visibility:visible;transform:none;display:none;background:transparent;border:none;box-shadow:none;backdrop-filter:none}
    nav ul li.has-mega.open-sub .mega{display:block}
    .mega-inner{padding:6px 0 14px;grid-template-columns:1fr!important;gap:18px}
    .mega.faal .mega-cats{border-right:none;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:12px}
    .mega-cards{grid-template-columns:1fr}
    .mcard{height:130px}
    nav ul li.has-mega > a .caret{float:right}
  }

  /* ---- vizyon & misyon kartları ---- */
  .vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:60px}
  .vm-card{
    background:linear-gradient(160deg,var(--panel),var(--bg-2));
    border:1px solid var(--line);padding:40px 36px;transition:border-color .3s,transform .3s;
  }
  .vm-card:hover{border-color:var(--line-glow);transform:translateY(-4px)}
  .vm-ico{width:54px;height:54px;color:var(--neon);margin-bottom:22px;filter:drop-shadow(0 0 8px rgba(34,211,255,.5))}
  .vm-ico svg{width:54px;height:54px}
  .vm-card h3{font-size:1.4rem;text-transform:uppercase;margin-bottom:14px}
  .vm-card p{color:var(--steel);font-size:1.02rem;line-height:1.75}
  .about-list-wrap{max-width:760px}
  .about-list.vals{grid-template-columns:1fr 1fr;display:grid;gap:14px}
  @media(max-width:760px){
    .vm-grid{grid-template-columns:1fr}
    .about-list.vals{grid-template-columns:1fr}
  }

  /* ---- politikalar ---- */
  .policy-list{display:flex;flex-direction:column;gap:20px;max-width:920px}
  .policy{
    display:flex;gap:26px;align-items:flex-start;
    background:linear-gradient(160deg,var(--panel),var(--bg-2));
    border:1px solid var(--line);padding:34px 36px;transition:border-color .3s,transform .3s;
  }
  .policy:hover{border-color:var(--line-glow);transform:translateY(-3px)}
  .policy-ico{width:46px;height:46px;flex:none;color:var(--neon);filter:drop-shadow(0 0 8px rgba(34,211,255,.5))}
  .policy-ico svg{width:46px;height:46px}
  .policy-body h3{font-size:1.3rem;text-transform:uppercase;margin-bottom:12px}
  .policy-body p{color:var(--steel);font-size:1.02rem;line-height:1.78}
  @media(max-width:640px){
    .policy{flex-direction:column;gap:16px;padding:28px 24px}
  }

  /* ---- faaliyet alanı detay sayfası ---- */
  .alan-wrap{max-width:860px}
  .alan-block{margin-bottom:44px}
  .alan-block h3{font-size:1.5rem;text-transform:uppercase;margin-bottom:16px;color:var(--fg);position:relative;padding-left:18px}
  .alan-block h3::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:var(--neon);box-shadow:0 0 10px var(--neon)}
  .alan-block p{color:var(--steel);font-size:1.08rem;line-height:1.8}
  .alan-list{list-style:none;display:grid;gap:13px;margin-top:6px}
  .alan-list li{display:flex;gap:13px;align-items:flex-start;color:var(--fg);font-size:1.05rem}
  .alan-list li::before{content:"";flex:none;width:9px;height:9px;margin-top:9px;background:var(--neon);box-shadow:0 0 10px var(--neon);transform:rotate(45deg)}
  .alan-cta{display:flex;gap:16px;flex-wrap:wrap;margin-top:50px;padding-top:36px;border-top:1px solid var(--line)}
  /* cap link olduğunda alt çizgi/efekt olmasın */
  a.cap{text-decoration:none}
  a.cap::after{display:none}