.topline{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#EF9F27 50%,transparent);z-index:5}

#sigil{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.85;pointer-events:none}

.about{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:0 22px 96px}
.about::before{content:"";position:absolute;left:0;right:0;top:0;height:300px;z-index:-1;
  background:linear-gradient(180deg,#060A0F 0%,#060A0F 38%,rgba(6,10,15,.82) 66%,rgba(6,10,15,0) 100%)}

.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:58px 0 30px}

.lang{display:flex;border:1px solid #232C3B;border-radius:6px;overflow:hidden;flex:0 0 auto}
.lang button{background:transparent;border:0;border-radius:0;color:#5B6675;font-family:var(--mono,'JetBrains Mono',monospace);
  font-size:11px;font-weight:400;padding:5px 9px;margin:0;cursor:pointer;transition:color .15s,background .15s}
.lang button.on{background:#EF9F27;color:#1a1205}

.eyebrow{font-family:var(--mono,'JetBrains Mono',monospace);font-size:11px;letter-spacing:3px;color:#EF9F27;margin:0 0 14px}

h1{font-size:38px;font-weight:800;line-height:1.18;margin:0 0 22px;max-width:20ch;
  background:linear-gradient(180deg,#FFFFFF 0%,#B9C2CE 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

.lead{font-size:17px;line-height:1.85;color:#9AA5B2;margin:0 0 34px}

.card{position:relative;background:rgba(10,13,18,.17);backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:26px 28px;margin:0 0 16px;
  transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}
.card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:transparent;transition:background .22s ease}
.card:hover{border-color:rgba(239,159,39,.34);box-shadow:0 0 30px rgba(239,159,39,.16);transform:translateY(-1px)}
.card:hover::before{background:#EF9F27}

h2{font-size:21px;font-weight:650;color:#F3F6FA;margin:0 0 14px;line-height:1.35}
p{font-size:15px;line-height:1.85;color:#9AA5B2;margin:0 0 15px}
p:last-child{margin-bottom:0}

.cases{margin:0 0 15px;padding:0;list-style:none}
.cases li{position:relative;padding-left:20px;margin:0 0 12px;font-size:15px;line-height:1.8;color:#9AA5B2}
.cases li::before{content:"–";position:absolute;left:0;color:#EF9F27}
.cases li:last-child{margin-bottom:0}

.lbl{font-family:var(--mono,'JetBrains Mono',monospace);font-size:11px;letter-spacing:1.4px;color:#EF9F27;margin:18px 0 10px}

.meta{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);font-size:14px;color:#7C8796;line-height:1.8}

blockquote{margin:0 0 16px;padding:20px 26px;border-left:3px solid #EF9F27;background:rgba(10,13,18,.17);
  backdrop-filter:blur(4px);border-radius:0 12px 12px 0;font-style:italic;font-size:17px;line-height:1.8;color:#D6DEE8}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 16px}
.stat{background:rgba(10,13,18,.17);backdrop-filter:blur(4px);border:1px solid rgba(239,159,39,.24);border-radius:12px;
  padding:22px 20px;text-align:center;font-family:var(--mono,'JetBrains Mono',monospace);font-size:12px;
  letter-spacing:.6px;color:#E6EBF2;line-height:1.6}

.btn{display:inline-block;margin-top:26px;background:#EF9F27;color:#1a1205;border-radius:6px;font-weight:700;font-size:15px;padding:14px 30px;text-decoration:none}
.btn:hover{filter:brightness(1.06)}

.about-foot{display:flex;flex-wrap:wrap;gap:18px;margin-top:44px;font-size:13px}
.about-foot a{color:#8B96A5;text-decoration:none}
.about-foot a:hover{color:#EF9F27}

@media (max-width:640px){
  h1{font-size:28px;max-width:100%}
  .stats{grid-template-columns:1fr}
  .card{padding:22px 20px}
  .page-head{padding:44px 0 24px}
  #sigil{opacity:.42}
  .about::before{height:380px}
}