:root{
  --bg:#0b0e13;--bg-alt:#0f1318;--bg-card:#131820;--bg-card-hov:#192130;
  --border:rgba(255,255,255,.07);--border-acc:rgba(0,200,150,.35);
  --accent:#00c896;--accent-dim:rgba(0,200,150,.12);--accent-glow:rgba(0,200,150,.22);
  --tp:#e8edf4;--ts:#7f8ea0;--tm:#3a4a5c;
  --ff:'Syne',sans-serif;--fm:'JetBrains Mono',monospace;
  --nav:68px;--r:10px;--tr:220ms ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 1.5rem)}
body{background:var(--bg);color:var(--tp);font-family:var(--fm);font-size:.92rem;line-height:1.75;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}
main{flex:1;padding-top:var(--nav)}
a{color:var(--accent);text-decoration:none}
a:hover{opacity:.8}
.accent{color:var(--accent)}

/* NAV */
nav.site-nav{position:fixed;top:0;left:0;right:0;height:var(--nav);z-index:1050;background:rgba(11,14,19,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center}
nav.site-nav .inner{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1rem}
.brand{font-family:var(--fm);font-weight:700;font-size:1.05rem;color:var(--tp);white-space:nowrap}
.brand span{color:var(--accent)}
.nav-links{display:flex;align-items:center;gap:.25rem;flex:1}
.nav-pill{font-family:var(--fm);font-size:.82rem;color:var(--ts);padding:.32rem .8rem;border-radius:6px;cursor:pointer;border:none;background:transparent;transition:background var(--tr),color var(--tr)}
.nav-pill:hover,.nav-pill.active{background:var(--accent-dim);color:var(--accent)}
.dropdown-wrap{position:relative}
.dropdown-menu-custom{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);padding:.4rem;min-width:180px;display:none;z-index:200;box-shadow:0 16px 40px rgba(0,0,0,.55)}
.dropdown-wrap:hover .dropdown-menu-custom,.dropdown-wrap:focus-within .dropdown-menu-custom{display:block}
.dd-item{display:flex;align-items:center;gap:.6rem;font-family:var(--fm);font-size:.82rem;color:var(--ts);padding:.5rem .85rem;border-radius:6px;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background var(--tr),color var(--tr)}
.dd-item:hover{background:var(--accent-dim);color:var(--accent)}
.lang-wrap{margin-left:auto;position:relative}
.lang-btn{font-family:var(--fm);font-size:.78rem;color:var(--ts);border:1px solid var(--border);background:transparent;border-radius:6px;padding:.28rem .65rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:border-color var(--tr),color var(--tr)}
.lang-btn:hover{border-color:var(--accent);color:var(--accent)}
.lang-menu{right:0;left:auto}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.3rem;margin-left:auto}
.hbar{display:block;width:22px;height:2px;background:var(--ts);border-radius:2px;transition:background var(--tr)}
.hamburger:hover .hbar{background:var(--accent)}
.mobile-nav{display:none;position:fixed;top:var(--nav);left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border);padding:1rem 1.5rem;z-index:1049;flex-direction:column;gap:.25rem}
.mobile-nav.open{display:flex}
.mobile-nav .nav-pill{text-align:left}

/* SECTIONS */
section{padding:5.5rem 0}
.container-main{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.eyebrow{font-family:var(--fm);font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:.9rem}
.sh{font-family:var(--ff);font-weight:800;font-size:clamp(1.75rem,3.5vw,2.4rem);color:var(--tp);display:inline-block}
.sh::after{content:'';display:block;margin-top:.4rem;width:36px;height:3px;background:var(--accent);border-radius:2px}
.section-sub{color:var(--ts);font-size:.9rem;margin-top:.65rem}

/* FOOTER */
footer{background:var(--bg-card);border-top:1px solid var(--border);padding:1.75rem 0}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.footer-copy{font-family:var(--fm);font-size:.78rem;color:var(--tm)}
.footer-icons a{color:var(--tm);font-size:1.05rem;margin-left:.85rem;transition:color var(--tr)}
.footer-icons a:hover{color:var(--accent)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}
.reveal.show{opacity:1;transform:none}

/* MOBILE OPTIMIZATION */
@media(max-width:900px){
  .hero-inner{flex-direction:column;text-align:center}
  .hero-body{margin:0 auto 1.5rem}
  .btns{justify-content:center}
  .avatar-wrap{width:200px;height:200px}
  .avatar-circle{font-size:4rem}
}
@media(max-width:700px){
  .nav-links,.lang-wrap{display:none}
  .hamburger{display:flex}
  section{padding:3.5rem 0}
  table.pt thead th,table.pt tbody td{padding:.6rem .7rem}
}