/* ============================================ 99 DIGITAL - Base Styles Reset,Typography,Canvas,Layout ============================================ */*{ margin:0; padding:0; box-sizing:border-box;}
*::before,*::after{ box-sizing:border-box;}
html{ scroll-behavior:smooth; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x:hidden; width:100%; max-width:100vw;}
body{ font-family:var(--font-primary); background:var(--bg); color:var(--text); overflow-x:hidden; width:100%; max-width:100vw; line-height:1.7; direction:rtl; text-align:right;}
::selection{ background:var(--accent); color:var(--bg);}
canvas#pt{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; pointer-events:none;}
img,video,iframe,svg,canvas{ max-width:100%; height:auto;}
img{ display:block;}
ul,ol{ list-style:none;}
a{ color:var(--accent); text-decoration:none; transition:color 0.2s ease;}
a:hover{ color:var(--accent);}
.sec{ position:relative; z-index:1; padding:100px 60px;}
.sl{ font-size:13px; text-transform:uppercase; letter-spacing:5px; margin-bottom:14px; text-align:center;}
.sl.g{color:var(--accent);}
.sl.r{color:var(--red);}
.sl.go{color:var(--gold);}
.st{ font-size:clamp(32px,5vw,56px); font-weight:800; margin-bottom:16px; text-align:center; letter-spacing:-.5px; color:var(--text);}
.sd{ font-size:18px; color:var(--dim); max-width:600px; margin:0 auto 48px; text-align:center;}
.hl-r{color:var(--red);font-weight:600;}
.hl-g{color:var(--accent);font-weight:600;}
::-webkit-scrollbar{ width:8px;}
::-webkit-scrollbar-track{ background:var(--bg);}
::-webkit-scrollbar-thumb{ background:var(--surface); border-radius:4px;}
::-webkit-scrollbar-thumb:hover{ background:var(--accent);}
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border-width:0;}
@media (max-width:768px){ .sec{ padding:70px 20px;}
 .sd{ font-size:16px; padding:0 10px;}
  input,select,textarea{ font-size:16px !important;}
  .scrollable-container{ -webkit-overflow-scrolling:touch;}
}
@media (max-width:480px){ .sec{ padding:50px 16px;}
}
