:root{
  --gold:#D4A012;--gl:#F0C848;--gg:rgba(212,160,18,0.12);
  --teal:#2EC4B6;--tg:rgba(46,196,182,0.10);
  --bg:#050507;--bg2:#08080D;--card:#0F0F18;
  --text:#EDEBE6;--dim:#7C7C8A;--muted:#3E3E4A;--border:#1A1A28;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scrollbar-width:thin;scrollbar-color:var(--gold) var(--bg);scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::after{content:'';position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:0.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
#meshBg{position:fixed;inset:0;z-index:0;pointer-events:none}
a{text-decoration:none}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 3rem;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(20px);background:rgba(5,5,7,0.55);border-bottom:1px solid rgba(255,255,255,0.03)}
.logo{font-family:'Space Mono',monospace;font-weight:700;font-size:1.5rem;color:var(--text)}.logo span{color:var(--gold)}
.nav-links{display:flex;gap:2.5rem;list-style:none}
.nav-links a{color:var(--dim);text-decoration:none;font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:color .3s}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.nav-cta{padding:.6rem 1.8rem;background:var(--gold);color:#000;text-decoration:none;font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;transition:all .3s}
.nav-cta:hover{background:var(--gl);box-shadow:0 0 35px var(--gg)}
.btn-p{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.2rem;background:var(--gold);color:#000;text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;transition:all .35s}
.btn-p:hover{background:var(--gl);box-shadow:0 0 50px rgba(212,160,18,.2)}
.btn-g{padding:1rem 1.8rem;color:var(--dim);text-decoration:none;font-weight:500;font-size:.82rem;border:1px solid var(--border);transition:all .3s}
.btn-g:hover{color:var(--teal);border-color:rgba(46,196,182,.3)}
.btn-wa{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2.2rem;background:#25D366;color:#fff;text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;transition:all .35s}
.btn-wa:hover{background:#1ebe5d;box-shadow:0 0 40px rgba(37,211,102,.25)}
.wa-float{position:fixed;bottom:2rem;right:2rem;z-index:99;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.3);transition:all .3s;text-decoration:none}
.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,.4)}
.wa-float svg{width:30px;height:30px;fill:#fff}
.wa-float .wa-tip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:var(--card);border:1px solid var(--border);padding:.5rem 1rem;font-size:.72rem;color:var(--text);white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}
.wa-float:hover .wa-tip{opacity:1}
footer{border-top:1px solid var(--border);padding:3rem clamp(2rem,6vw,8rem);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
.f-l{font-family:'Space Mono',monospace;font-size:.72rem;color:var(--muted)}
.f-r{display:flex;gap:2rem}.f-r a{color:var(--dim);text-decoration:none;font-size:.78rem;transition:color .3s}.f-r a:hover{color:var(--gold)}
.s-tag{font-family:'Space Mono',monospace;font-size:.7rem;color:var(--teal);letter-spacing:.22em;text-transform:uppercase;margin-bottom:1rem}
.s-title{font-family:'Syne',sans-serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1rem}
.s-desc{color:var(--dim);font-size:1rem;line-height:1.7;max-width:600px;font-weight:300}
.page-hero{padding:10rem clamp(2rem,6vw,8rem) 5rem;position:relative;z-index:1}
.page-hero .s-title{font-size:clamp(2.2rem,5vw,3.5rem)}
.rv{opacity:0;transform:translateY(25px);transition:all .8s cubic-bezier(.16,1,.3,1)}.rv.vis{opacity:1;transform:translateY(0)}
@media(max-width:768px){nav{padding:1rem 1.5rem}.nav-links{display:none}footer{flex-direction:column;gap:1.5rem;text-align:center}.wa-float .wa-tip{display:none}}