:root{
  --bg:#0A1716; --surface:#0F2422; --surface2:#122B28; --line:#1E403C;
  --signal:#FF6B35; --node:#2FE6C8; --text:#EAF2F0; --muted:#7FA39D;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Almarai',Tahoma,sans-serif; background:var(--bg); color:var(--text); overflow-x:hidden;}
a{color:inherit; text-decoration:none;}
::selection{background:var(--signal); color:var(--bg);}
.wrap{max-width:900px; margin:0 auto; padding:0 24px;}
svg{display:block;}

header{position:fixed; top:0; left:0; right:0; z-index:60; background:rgba(10,23,22,.78); backdrop-filter:blur(10px); border-bottom:1px solid rgba(30,64,60,.6);}
.nav-inner{display:flex; align-items:center; justify-content:space-between; height:66px; max-width:1180px; margin:0 auto; padding:0 24px;}
.logo{display:flex; align-items:center; gap:9px; font-weight:800; font-size:18px; direction:ltr; unicode-bidi:isolate;}
.dot{width:7px; height:7px; border-radius:50%; background:var(--signal);}
.logo .accent{color:var(--signal);}
.links{display:flex; gap:30px; font-size:14px; color:var(--muted); align-items:center;}
.links a:hover{color:var(--text);}
.nav-status{display:flex; align-items:center; gap:6px; font-family:'JetBrains Mono',monospace; font-size:12px;}
.nav-status .dot2{width:6px; height:6px; border-radius:50%; background:var(--node); animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.55}50%{opacity:1}}
.btn{font-size:14px; font-weight:700; background:var(--signal); color:var(--bg); padding:10px 20px; border-radius:6px; display:inline-flex; align-items:center; gap:6px; transition:opacity .2s;}
.btn:hover{opacity:.9;}
.btn-outline{display:inline-flex; align-items:center; gap:8px; border:1px solid var(--line); padding:13px 22px; border-radius:6px; color:var(--muted); font-size:14.5px; transition:.2s;}
.btn-outline:hover{color:var(--text); border-color:rgba(47,230,200,.45);}
@media (max-width:820px){ .links{display:none;} }

.page-hero{padding:150px 24px 60px; border-bottom:1px solid rgba(30,64,60,.5); background-image:linear-gradient(rgba(47,230,200,0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(47,230,200,0.045) 1px, transparent 1px); background-size:44px 44px;}
.page-hero .eyebrow{font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--node); margin-bottom:14px; display:block;}
.page-hero h1{font-weight:800; font-size:36px; line-height:1.25;}
@media (min-width:768px){ .page-hero h1{font-size:46px;} }
.page-hero p{color:var(--muted); font-size:16px; margin-top:16px; max-width:600px; line-height:1.8;}

.content{padding:70px 24px;}
.content h2{font-weight:800; font-size:24px; margin:44px 0 16px;}
.content h2:first-child{margin-top:0;}
.content p{color:var(--muted); font-size:15px; line-height:1.9; margin-bottom:14px;}
.content ul{color:var(--muted); font-size:15px; line-height:1.9; margin:0 0 14px 0; padding-right:22px;}
.content li{margin-bottom:8px;}
.content strong{color:var(--text);}

.faq-item{border:1px solid var(--line); border-radius:10px; margin-bottom:14px; overflow:hidden; background:var(--surface);}
.faq-q{padding:20px 22px; font-weight:700; font-size:15.5px; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:12px;}
.faq-q svg{width:18px; height:18px; color:var(--node); flex-shrink:0; transition:transform .25s;}
.faq-item.open .faq-q svg{transform:rotate(180deg);}
.faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease, padding .3s ease;}
.faq-item.open .faq-a{max-height:300px; padding:0 22px 20px;}
.faq-a p{color:var(--muted); font-size:14.5px; line-height:1.8;}

.contact-grid{display:grid; grid-template-columns:1fr; gap:16px; margin-top:20px;}
@media (min-width:700px){ .contact-grid{grid-template-columns:1fr 1fr;} }
.contact-card{background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:24px;}
.contact-card svg{width:22px; height:22px; color:var(--node); margin-bottom:12px;}
.contact-card h3{font-weight:700; font-size:16px; margin-bottom:6px;}
.contact-card p{color:var(--muted); font-size:14px; margin:0;}

footer{border-top:1px solid rgba(30,64,60,.5); padding:36px 24px;}
.footer-inner{max-width:1180px; margin:0 auto; display:flex; flex-direction:column; gap:16px; align-items:center;}
@media (min-width:768px){ .footer-inner{flex-direction:row; justify-content:space-between;} }
.footer-links{display:flex; gap:18px; font-size:13px; color:var(--muted);}
.footer-links a:hover{color:var(--text);}
.footer-copy{font-size:12px; color:var(--muted);}