@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#080a0d; --panel:#0d1117; --text:#e8edf3; --muted:#8c96a5;
  --line:#222a35; --accent:#a7ff5c; --accent2:#66d9ff; --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
.grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 28px;position:relative;z-index:5}
.brand{display:flex;gap:12px;align-items:center;font:600 13px "JetBrains Mono",monospace;letter-spacing:.02em}
.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid #506071;border-radius:8px;color:var(--accent);font-size:10px}
nav{display:flex;gap:27px;color:var(--muted);font-size:13px}
nav a:hover{color:var(--text)}
.lang{border:1px solid var(--line);background:transparent;color:var(--accent);padding:7px 10px;border-radius:6px;font:600 11px "JetBrains Mono",monospace;cursor:pointer}
.hero{max-width:var(--max);margin:auto;min-height:calc(100vh - 76px);padding:100px 28px 110px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}
.eyebrow,.section-label{font:600 11px "JetBrains Mono",monospace;letter-spacing:.16em;color:#748091;text-transform:uppercase}
.eyebrow{color:var(--accent);display:flex;align-items:center;gap:9px;margin-bottom:28px}
.pulse{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 16px var(--accent)}
h1{font-size:clamp(48px,6.3vw,82px);line-height:1.02;letter-spacing:-.055em;margin:0 0 28px;font-weight:800}
h1 em,h2 em{font-style:normal;color:var(--accent)}
.lead{max-width:650px;color:#aeb7c4;font-size:17px;line-height:1.85}
.hero-actions{display:flex;gap:12px;margin-top:34px}
.button{display:inline-flex;padding:12px 18px;border-radius:7px;font-size:13px;font-weight:700}
.primary{background:var(--accent);color:#091008}
.ghost{border:1px solid var(--line);color:#dce3eb}
.ghost:hover{border-color:#536173}
.hero-visual{display:grid;place-items:center}
.scope{width:min(100%,420px);aspect-ratio:1.25;border:1px solid #2a3543;background:radial-gradient(circle at 50% 40%,#11231c,#0b1015 60%);box-shadow:0 25px 80px #0008;position:relative;padding:22px;font:11px "JetBrains Mono",monospace}
.scope:before,.scope:after{content:"";position:absolute;width:18px;height:18px;border-color:#4d5d6d;border-style:solid}
.scope:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.scope:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.scope-top{display:flex;justify-content:space-between;color:#728093;border-bottom:1px solid #23303b;padding-bottom:12px}
.scope-top span:last-child{color:var(--accent)}
.wave{height:210px;display:flex;align-items:center;justify-content:center;gap:4px;border-bottom:1px solid #1c2831}
.wave i{display:block;width:7px;height:25px;background:var(--accent);opacity:.7;box-shadow:0 0 9px #a7ff5c44}
.wave i:nth-child(2n){height:70px}.wave i:nth-child(3n){height:145px}.wave i:nth-child(4n){height:48px}.wave i:nth-child(5n){height:110px}
.scope-readout{display:flex;flex-direction:column;gap:5px;padding-top:14px;color:#718090}
.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px 28px;text-align:center}
.statement p{max-width:850px;margin:auto;font-size:21px;color:#b9c2ce}
.section{max-width:var(--max);margin:auto;padding:125px 28px;display:grid;grid-template-columns:180px 1fr;gap:50px}
.section h2{font-size:clamp(34px,4.2vw,55px);line-height:1.08;letter-spacing:-.04em;margin:0 0 34px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:45px;color:#99a4b3}
.two-col p{margin:0}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.card{background:var(--bg);padding:32px;min-height:245px;transition:background .2s,transform .2s}
.card:hover{background:#0c1117;transform:translateY(-2px)}
.num,.project-index{font:500 11px "JetBrains Mono",monospace;color:#657285}
.card h3{font-size:21px;margin:26px 0 10px}.card p{color:#8994a3;font-size:14px;max-width:380px}
.tags{display:flex;gap:7px;margin-top:25px}.tags b{font:500 10px "JetBrains Mono",monospace;color:#758295;border:1px solid var(--line);padding:4px 7px;border-radius:4px}
.project-list{border-top:1px solid var(--line)}
.project{display:grid;grid-template-columns:60px 1fr 30px;align-items:center;gap:15px;padding:25px 0;border-bottom:1px solid var(--line);transition:padding .2s;color:#dfe5ec}
.project:hover{padding-left:12px;color:var(--accent)}
.project h3{font:600 17px "JetBrains Mono",monospace;margin:0 0 4px}.project p{margin:0;color:#778394;font-size:13px}
.zaxis{display:block}
.zaxis-card{display:grid;grid-template-columns:130px 1fr;gap:45px;padding:55px;border:1px solid var(--line);background:linear-gradient(135deg,#0e1514,#0b0e12)}
.zaxis-mark{width:90px;height:90px;border-radius:18px;background:var(--accent);color:#091008;display:grid;place-items:center;font:800 44px Manrope}
.zaxis-card h2{margin-bottom:20px}.zaxis-card p{max-width:700px;color:#919baa}
.text-link{display:inline-block;color:var(--accent);font:600 12px "JetBrains Mono",monospace;margin-top:14px}
.now{padding-top:80px}.now-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.now-content h2{margin:0}.now-content p{color:#929dac;margin:0}
.contact{border-top:1px solid var(--line);background:#0b0f14;padding:110px 28px}
.contact-inner{max-width:var(--max);margin:auto}
.contact h2{font-size:clamp(52px,7vw,94px);line-height:.98;letter-spacing:-.055em;margin:28px 0 50px}
.contact-links{display:flex;gap:10px}.contact-links a{border:1px solid var(--line);padding:12px 17px;font:600 12px "JetBrains Mono",monospace;color:#bbc5d2}.contact-links a:hover{border-color:#607081;color:var(--accent)}
.contact-links span{margin-left:25px;color:var(--accent)}
footer{max-width:var(--max);margin:auto;padding:28px;color:#5f6a78;font:10px "JetBrains Mono",monospace;display:flex;justify-content:space-between;border-top:1px solid var(--line)}
[dir="rtl"] body{font-family:Manrope,system-ui,sans-serif}
[dir="rtl"] nav{font-family:Manrope,system-ui,sans-serif}
[dir="rtl"] .section-label,[dir="rtl"] .eyebrow,[dir="rtl"] .brand,[dir="rtl"] .project h3,[dir="rtl"] .text-link,[dir="rtl"] .contact-links a{font-family:Manrope,system-ui,sans-serif;letter-spacing:0}
[dir="rtl"] .project:hover{padding-left:0;padding-right:12px}
@media(max-width:820px){
  nav{display:none}.hero{grid-template-columns:1fr;padding-top:75px}.hero-visual{order:-1;justify-content:start}.scope{width:100%;max-width:390px}.section{grid-template-columns:1fr;gap:30px;padding:85px 22px}.two-col,.cards,.now-content{grid-template-columns:1fr}.zaxis-card{grid-template-columns:1fr;padding:32px}.zaxis-mark{width:70px;height:70px;font-size:32px}.statement{padding:30px 22px}.statement p{font-size:17px}footer{margin:0 22px;gap:15px;flex-wrap:wrap}.site-header{padding:0 22px}.hero{padding-left:22px;padding-right:22px}.card{min-height:auto}.contact{padding:85px 22px}}