:root {
  --ink: #020408; --ink-2: #080C14; --ink-3: #0F1420; --ink-4: #161D2C;
  --amber: #F59E0B; --amber-2: #FBB124;
  --amber-dim: rgba(245,158,11,.12); --amber-line: rgba(245,158,11,.18);
  --slate: #8A909E; --slate-2: #BEC3CE; --white: #F4F6FA;
  --red: #EF4444; --green: #22C55E;
  --r: 8px; --r-lg: 16px; --easing: cubic-bezier(.4,0,.2,1);
  --shadow: 0 20px 60px rgba(0,0,0,.5);
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:80px; font-size:16px; }
body { font-family:'Outfit', sans-serif; background:var(--ink); color:var(--white); line-height:1.65; overflow-x:hidden; -webkit-font-smoothing:antialiased; }
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; transition:color .25s var(--easing); }
button { cursor:pointer; font-family:inherit; border:none; }
::-webkit-scrollbar { width:5px; } ::-webkit-scrollbar-track { background:var(--ink); } ::-webkit-scrollbar-thumb { background:var(--amber); border-radius:99px; }
.urasys-brand { display: flex; align-items: center; text-decoration: none; transition: transform 0.3s var(--easing); }
.urasys-brand:hover { transform: scale(1.02); }
.urasys-brand img { height: 48px; width: auto; display: block; }
#mbCanvas { position:fixed; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
.tech-grid-overlay { position: fixed; inset: 0; width: 100%; height: 100%; background-image: linear-gradient(rgba(245, 158, 11, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(245, 158, 11, 0.03) 1px, transparent 1px); background-size: 100px 100px; z-index: 1; pointer-events: none; opacity: 0.5; }
header { position:fixed; top:0; left:0; right:0; z-index:900; height:72px; display:flex; align-items:center; justify-content:space-between; padding:0 5%; background:rgba(2, 4, 8, 0.85); backdrop-filter:blur(20px); border-bottom:1px solid var(--amber-line); }
header.scrolled { background:rgba(2, 4, 8, 0.98); box-shadow:0 4px 40px rgba(0,0,0,.5); }
.nav-group { display:flex; align-items:center; gap:24px; }
nav.links { display:flex; align-items:center; gap:28px; }
nav.links a { font-size:13px; font-weight:500; color:var(--slate); letter-spacing:.5px; text-transform:uppercase; }
nav.links a:hover { color:var(--white); }
.lang-menu { display:flex; align-items:center; gap:4px; margin-right: 8px; }
.lang-menu a { font-family:'Space Mono', monospace; font-size:11px; font-weight:700; color:var(--slate); padding:4px 6px; border-radius:4px; border:1px solid transparent; }
.lang-menu a:hover, .lang-menu a.active { color:var(--amber); border-color:var(--amber-line); background:var(--amber-dim); }
.mobile-lang { display:flex; justify-content:center; gap:8px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--amber-line); }
.btn-cta { font-size:12.5px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; padding:10px 22px; border-radius:var(--r); background:var(--amber); color:var(--ink); transition:all .2s; }
.btn-cta:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(245,158,11,.35); }
.hamburger { display:none; flex-direction:column; gap:5px; padding:4px; } .hamburger span { display:block; width:22px; height:2px; background:var(--white); transition:.3s; }
.hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); } .hamburger.open span:nth-child(2) { opacity:0; } .hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.mobile-nav { display:none; flex-direction:column; position:fixed; top:72px; left:0; right:0; z-index:899; background:rgba(2, 4, 8, 0.98); border-bottom:1px solid var(--amber-line); padding:20px 5%; }
.mobile-nav.open { display:flex; } .mobile-nav a.nav-link { padding:14px 0; border-bottom:1px solid rgba(255,255,255,.05); font-size:15px; color:var(--slate-2); }
.hero { position:relative; min-height:100svh; display:flex; flex-direction:column; justify-content:center; padding:140px 5% 100px; overflow:hidden; }
.hero-glow { position:absolute; top:-10%; right:-5%; width:700px; height:700px; background:radial-gradient(circle, rgba(245,158,11,.15) 0%, transparent 70%); pointer-events:none; }
.hero-tag { display:inline-flex; align-items:center; gap:8px; font-family:'Space Mono', monospace; font-size:11px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--amber); background:var(--amber-dim); border:1px solid var(--amber-line); padding:7px 14px; border-radius:99px; margin-bottom:32px; }
.hero h1 { font-size:clamp(36px,5.5vw,72px); font-weight:900; line-height:1.1; letter-spacing:-2px; margin-bottom:28px; max-width:1100px; }
.hero h1 .line-accent { color:var(--amber); }
.hero-desc { font-size:17px; font-weight:300; color:var(--slate-2); max-width:650px; line-height:1.85; margin-bottom:48px; }
.hero-btns { display:flex; gap:14px; flex-wrap:wrap; }
.btn-ghost { font-size:12.5px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; padding:10px 22px; border-radius:var(--r); background:transparent; color:var(--white); border:1px solid rgba(245,158,11,.3); transition:all .25s; }
.btn-ghost:hover { border-color:var(--amber); background:var(--amber-dim); }
.stats-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:80px; border:1px solid var(--amber-line); border-radius:var(--r-lg); overflow:hidden; background:var(--amber-line); }
.stat-cell { background:var(--ink-2); padding:28px 24px; }
.stat-num { font-family:'Space Mono', monospace; font-size:32px; font-weight:700; color:var(--amber); }
.stat-lbl { font-size:11px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:var(--slate); margin-top:8px; display:block; }
section { position:relative; padding:120px 5%; border-bottom:1px solid var(--amber-line); background: rgba(2, 4, 8, 0.40); backdrop-filter: blur(5px); }
.sec-tag { display:inline-block; font-family:'Space Mono', monospace; font-size:10.5px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--amber); margin-bottom:18px; padding-left:20px; position:relative; }
.sec-tag::before { content:''; position:absolute; left:0; top:50%; width:12px; height:2px; background:var(--amber); }
.sec-title { font-size:clamp(28px,3.5vw,48px); font-weight:900; line-height:1.15; letter-spacing:-1.5px; margin-bottom:20px; }
.reveal { opacity:0; transform:translateY(32px); transition:opacity .6s var(--easing), transform .6s var(--easing); }
.reveal.visible { opacity:1; transform:none; }
.about-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:64px; margin-top:60px; }
.about-text p { font-size:15.5px; color:var(--slate-2); font-weight:300; line-height:1.85; margin-bottom:20px; }
.focus-matrix { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:36px; }
.focus-chip { background:var(--ink-3); border:1px solid var(--amber-line); padding:16px; border-radius:var(--r); }
.focus-chip strong { display:block; font-size:13px; color:var(--amber); margin-bottom:4px; } .focus-chip span { font-size:12px; color:var(--slate); }
.philosophy-card { background:var(--ink-2); border:1px solid var(--amber-line); border-left:4px solid var(--amber); border-radius:var(--r-lg); padding:40px; position:sticky; top:100px; }
.services-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); gap:20px; margin-top:56px; }
.svc-card { background:var(--ink); border:1px solid rgba(245,158,11,.1); border-radius:var(--r-lg); padding:36px 30px; transition:all .35s; }
.svc-card:hover { border-color:var(--amber); transform:translateY(-6px); box-shadow:var(--shadow); }
.svc-icon { width:48px; height:48px; background:var(--amber-dim); border:1px solid var(--amber-line); border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:22px; }
.svc-icon i { color:var(--amber); font-size:18px; }
.svc-card h3 { font-size:18px; font-weight:700; margin-bottom:10px; } .svc-card p { font-size:13.5px; color:var(--slate); font-weight:300; }
.tech-layout { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; margin-top:56px; }
.tech-visual { height:400px; border:1px solid var(--amber-line); border-radius:var(--r-lg); background:var(--ink-2); display:flex; align-items:center; justify-content:center; }
.terminal { width:90%; height:85%; background:var(--ink); border:1px solid var(--amber-line); border-radius:10px; display:flex; flex-direction:column; font-family:'Space Mono', monospace; }
.terminal-bar { background:var(--ink-3); padding:10px 16px; border-bottom:1px solid var(--amber-line); display:flex; gap:6px; }
.t-dot { width:10px; height:10px; border-radius:50%; background:#EF4444; }
.terminal-body { padding:20px; font-size:12px; overflow:hidden; line-height:1.8; color:var(--slate-2); }
.t-prompt { color:var(--amber); } .t-ok { color:#22C55E; } .t-warn { color:#F59E0B; }
.tech-list { list-style:none; display:flex; flex-direction:column; gap:12px; }
.tech-item { display:flex; gap:16px; padding:16px; border-radius:var(--r); border:1px solid var(--amber-line); background:var(--ink-2); }
.process-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; margin-top:64px; }
.ps-item { display:flex; flex-direction:column; align-items:center; text-align:center; }
.ps-num { width:64px; height:64px; border:2px solid var(--amber); border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Space Mono', monospace; font-size:20px; color:var(--amber); margin-bottom:16px; }
.contact-wrap { display:grid; grid-template-columns:.85fr 1.15fr; gap:64px; margin-top:60px; }
.info-item { display:flex; gap:16px; padding:20px; background:var(--ink); border:1px solid var(--amber-line); border-radius:var(--r); margin-bottom:16px; }
.form-panel { background:var(--ink); border:1px solid var(--amber-line); border-radius:var(--r-lg); padding:40px; position:relative; }
.fp-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .fp-field { margin-bottom:14px; }
.fp-field label { display:block; font-size:11px; font-weight:700; color:var(--slate); margin-bottom:6px; text-transform:uppercase; }
.form-panel input, .form-panel select, .form-panel textarea { width:100%; background:var(--ink-2); border:1px solid var(--amber-line); border-radius:var(--r); padding:12px; color:var(--white); outline:none; font-family:inherit; }
.kvkk-row { display:flex; gap:10px; margin-bottom:20px; font-size:12px; color:var(--slate); }
.btn-submit { width:100%; background:var(--amber); color:var(--ink); font-size:13px; font-weight:800; padding:14px; border-radius:var(--r); text-transform:uppercase; }
#formMsg { margin-top:14px; font-size:13px; display:none; padding:12px; border-radius:var(--r); text-align:center; }
#formMsg.ok { display:block; background:rgba(34,197,94,.1); color:var(--green); border:1px solid rgba(34,197,94,.3); }
#formMsg.error { display:block; background:rgba(239,68,68,.1); color:var(--red); border:1px solid rgba(239,68,68,.3); }
footer { background:var(--ink); border-top:1px solid var(--amber-line); padding:64px 5% 32px; }
.footer-top { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:32px; padding-bottom:48px; border-bottom:1px solid var(--amber-line); }
.ft-col h4 { font-family:'Space Mono', monospace; font-size:11px; color:var(--amber); margin-bottom:16px; text-transform:uppercase; }
.ft-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; font-size:14px; color:var(--slate); }
.footer-bottom { display:flex; justify-content:space-between; padding-top:24px; font-size:12px; color:var(--slate); flex-wrap:wrap; gap:12px; }
@media (max-width: 900px) { nav.links, .lang-menu.desktop { display:none; } .hamburger { display:flex; } .stats-row { grid-template-columns:1fr 1fr; } .about-grid, .tech-layout, .contact-wrap, .process-steps { grid-template-columns:1fr; } }