/* stil-yenileme.css · 12 Eyl 2026 · roroweb.com yenileme
   Tek token seti: koyu lacivert zemin, amber vurgu, buz mavisi rozet, Manrope + Inter.
   Yalnizca DEGISKEN ve EK bilesenleri tanimlar; stil.css ve stil-derinlik.css oldugu gibi kalir,
   bu dosya onlardan SONRA yuklenir. Geri alma: bu <link> satirini kaldir. */

:root{
  --bg:#0B1526; --bg2:#111F36; --bg3:#16264A; --zemin:#0B1526;
  --ink:#F2F5F9; --ink2:#9AA8BD; --ink3:#9AA8BD;
  --acc:#FF7A1A; --acc2:#FF9448; --buz:#7CC7FF;
  --line:#22324D;
  --acik-bg:#F6F7FB; --acik-ink:#0B1526; --acik-ink2:#4B5768; --acik-line:#DDE3EE; --acik-kart:#FFFFFF;
  --parlak: 0 0 0 1px rgba(255,122,26,.35), 0 0 28px -6px rgba(255,122,26,.35);
  --yazi-baslik:"Manrope","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --yazi-govde:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:var(--yazi-govde);font-weight:400}
h1,h2,h3,.adim-no,.rakam b{font-family:var(--yazi-baslik);font-weight:800;letter-spacing:-.02em}
h2{font-size:2rem;line-height:1.1}
h3{font-weight:700}
a{color:var(--buz)}
.top{background:rgba(11,21,38,.92);border-bottom-color:var(--line)}
.menu-cta{background:var(--acc)!important;color:#0B1526!important;border-color:var(--acc)!important;font-weight:700}
.menu-cta:hover{background:var(--acc2)!important}
.dilsec>button{background:var(--bg2);border-color:var(--line)}
.dilsec ul{background:var(--bg2);border-color:var(--line)}
.dilsec li a.simdi{color:var(--acc)}

/* bolum ritmi */
section{padding:96px 0}
.hero{padding:64px 0 48px}
.hero h1{font-size:56px;line-height:1.05;letter-spacing:-.03em;max-width:18ch;margin-bottom:14px}
.hero h1 em{color:var(--acc)}
.hero p{font-size:1.12rem;line-height:1.55;color:var(--ink2);max-width:64ch;margin-bottom:18px}
.btn{border-radius:12px;padding:14px 24px;font-weight:700;font-family:var(--yazi-baslik)}
.btn1{background:var(--acc);color:#0B1526}.btn1:hover{background:var(--acc2);color:#0B1526}
.btn2{border:1px solid var(--line);color:var(--ink);background:transparent}.btn2:hover{border-color:var(--buz);color:var(--buz)}
.hero-serit{color:var(--ink2)}
.marka-donen{color:var(--buz)}

/* ulke rozetleri · emoji bayrak yerine */
.ulke{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;
  background:var(--bg3);border:1px solid var(--line);color:var(--buz);font:700 .62rem/1 var(--yazi-baslik);letter-spacing:.02em;margin-right:7px;vertical-align:middle}
.hero-ulke span{display:inline-flex;align-items:center;gap:0;color:var(--ink2);font-size:.92rem;margin-right:14px}
.dilsec .ulke{margin-right:0}
.dilsec li a,.dilsec>button{gap:8px}

/* rakam seridi · kolaj seridin USTUNDE biter, kutularin arkasina hicbir sey tasmaz */
.hero .wrap>.hero-mozaik{bottom:150px}
.hero .wrap>.rakamlar{max-width:none;width:100%;position:relative;z-index:3}
.rakamlar::before{content:"";position:absolute;left:-50vw;right:-50vw;top:-22px;bottom:-48px;background:var(--bg);z-index:-1}
.rakamlar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;order:99;position:relative;z-index:2}
.rakam{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.rakam b{display:block;font-size:2.2rem;line-height:1;color:var(--acc);margin-bottom:6px}
.rakam span{color:var(--ink2);font-size:.92rem}

/* kartlar (fark, sektor) */
.fark .f,.sk{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:24px}
.fark .f h3 i{background:var(--acc)}
.sk-ikon{background:var(--bg3);border:1px solid var(--line)}
.sk li.sk-asist{color:var(--buz);font-weight:500;margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);list-style:none;margin-left:-1.2em;padding-left:1.2em}
.sk li.sk-asist::before{content:"AI";display:inline-block;font:800 .62rem/1 var(--yazi-baslik);color:#0B1526;background:var(--buz);border-radius:5px;padding:3px 5px;margin-right:8px;vertical-align:middle}

/* iki yeni hizmet */
.hizmetler{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}
.hizmet{background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--y2,none)}
.hizmet:hover{border-color:rgba(255,122,26,.55)}
.hizmet .etiket{display:inline-block;align-self:flex-start;font:700 .72rem/1 var(--yazi-baslik);letter-spacing:.06em;text-transform:uppercase;color:var(--buz);background:rgba(124,199,255,.12);border:1px solid rgba(124,199,255,.35);border-radius:999px;padding:6px 10px}
.hizmet h3{font-size:1.35rem;line-height:1.2;margin:0}
.hizmet p{color:var(--ink2);margin:0;line-height:1.6}
.hizmet ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.hizmet li{padding-left:22px;position:relative;color:var(--ink)}
.hizmet li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--acc)}
.hizmet .not{color:var(--ink2);font-size:.88rem;border-top:1px solid var(--line);padding-top:12px;margin:0}
.hizmet .btn{align-self:flex-start;margin-top:auto}

/* tek koyu tema · bolum ayrimi TONLA: ana zemin #0B1526, her ikinci bolum #0F1B30, arada 1px cizgi */
section{background:var(--bg);border-top:1px solid var(--line);border-bottom:0}
section#hizmetler,section#sektor,section#iletisim{background:#0F1B30}
.hero{border-bottom:1px solid var(--line)}
/* portfoy kartlari · diger kartlarla ayni */
#isler .r{background:var(--bg2);border:1px solid var(--line);border-radius:16px;color:var(--ink);box-shadow:var(--y1,none)}
#isler .r:hover{border-color:var(--acc);box-shadow:var(--y2,none)}
#isler .r .rg{border-bottom:1px solid var(--line)}
#isler .r .ad{color:#FFFFFF;font-family:var(--yazi-baslik);font-weight:700}
#isler .r .ne{color:var(--ink2)}
#isler .r .et span{background:var(--bg3);color:var(--ink2);border:1px solid var(--line)}
#isler .r .git{color:var(--acc)}
#isler .kat,#isler .kat-alt{color:var(--ink2)}
/* surec */
#surec .adim{background:var(--bg2);border:1px solid var(--line);border-radius:16px}
#surec .adim-no{color:var(--acc);font-family:var(--yazi-baslik);font-weight:800}
#surec .adim p{color:var(--ink2)}

/* iletisim formu */
.rw-form input,.rw-form select,.rw-form textarea{background:var(--bg2);border:1px solid var(--line);color:var(--ink);border-radius:10px}
.rw-form input:focus,.rw-form select:focus,.rw-form textarea:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px rgba(255,122,26,.18)}
.rw-gonder{background:var(--acc);color:#0B1526;font-weight:700;border-radius:12px;font-family:var(--yazi-baslik)}
.rw-gonder:hover{background:var(--acc2)}
.ile .k{color:var(--ink2)}
footer{border-top:1px solid var(--line);color:var(--ink2)}

/* mobil */
@media (max-width:760px){
  section{padding:64px 0}
  .hero{padding:56px 0 44px}
  .hero h1{font-size:36px;max-width:none}
  h2{font-size:1.6rem}
  .rakamlar{grid-template-columns:1fr 1fr;gap:10px}
  .rakam{padding:16px}
  .rakam b{font-size:1.6rem}
  .hizmetler{grid-template-columns:1fr}
  .hizmet{padding:22px}
  .hero-ulke span{margin-right:10px;font-size:.86rem}
  .hero .wrap>.rakamlar{order:99;margin-top:28px}
  .hero .wrap>.hero-mozaik{bottom:230px}
  .rakamlar::before{top:-28px;bottom:-44px}
}
@media (prefers-reduced-motion:reduce){.hizmet,.btn{transition:none}}