/* Opta Bilişim — index.html stilleri */
:root{--accent:#1C7C8C;}
*{box-sizing:border-box;}
html,body{margin:0;}
body{background:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#0E2E34;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
@keyframes barLive{0%,100%{transform:scaleY(.5)}45%{transform:scaleY(1)}72%{transform:scaleY(.7)}}
@keyframes termLine{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes codeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes livedot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}
@keyframes floatSlow{0%,100%{transform:translate(0,0)}50%{transform:translate(0,-14px)}}
@keyframes pulse{0%,100%{opacity:.28}50%{opacity:1}}
@keyframes travel{0%{left:6%}50%{left:86%}100%{left:6%}}
@keyframes dashmove{to{stroke-dashoffset:-320}}
@keyframes codeProgress{from{width:0}to{width:100%}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (max-width:860px){
  section, header, footer{padding-left:14px !important;padding-right:14px !important;}
  .rutil{padding-left:20px !important;padding-right:20px !important;gap:10px !important;font-size:10.5px !important;}
  .rc2{grid-template-columns:1fr !important;}
  .rc-ops{grid-template-columns:1fr 1fr !important;gap:18px !important;}
  .rc-refs{grid-template-columns:repeat(2,1fr) !important;}
  .rc-foot{grid-template-columns:1fr 1fr !important;}
  .rtrack{display:none !important;}
  .rc-proc{flex-wrap:wrap !important;gap:8px 0 !important;}
  .rc-proc > div{width:47% !important;margin-bottom:20px !important;}
  .rh1{font-size:33px !important;line-height:1.12 !important;}
  .rhide{display:none !important;}
  .rmenu{display:flex !important;}
  .rsticky{position:sticky !important;top:0 !important;z-index:200 !important;background:#fff !important;box-shadow:0 2px 14px -8px rgba(14,46,52,.25) !important;gap:12px !important;}
  .rnavright{gap:9px !important;}
  .rnavright a{padding:8px 12px !important;font-size:11.5px !important;}
  .rlogo{height:78px !important;}
  header.rsticky{padding-top:10px !important;padding-bottom:10px !important;}
  .rmenu{width:44px !important;height:44px !important;border-radius:8px !important;gap:5px !important;justify-content:center !important;}
  .rmenu span{width:22px !important;height:2px !important;}
}
@media (max-width:520px){
  .rc-refs{grid-template-columns:1fr 1fr !important;}
  .rh1{font-size:29px !important;}
}
.soldd:hover .soldd-panel{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;}
.soldd:hover .soldd-caret{opacity:1 !important;}
.soldd-panel a:hover{background:#F1F6F6;}
@media (prefers-reduced-motion: reduce){*{animation:none !important}}

@media (max-width:520px){
  header.rsticky{padding-left:14px !important;padding-right:14px !important;gap:8px !important;}
  header.rsticky .rnavright{gap:8px !important;}
  header.rsticky .rnavright > a{padding:9px 12px !important;font-size:11.5px !important;}
  header.rsticky .rnavright button{padding:6px 8px !important;}
}