:root{
  --ink:#12161C; --neon:#D7E02D; --paper:#F4F4EF; --white:#FFFFFF;
  --ink-2:#1B2029; --line:rgba(255,255,255,.12);
  --maxw:1160px; --pad:clamp(20px,5vw,64px);
  --font-ar:'Cairo',system-ui,sans-serif;
  --font-mark:'Anton',Impact,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  font-family:var(--font-ar); background:var(--ink); color:var(--white);
  line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; max-width:100%;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}
.mark{font-family:var(--font-mark);font-weight:400;letter-spacing:.01em;text-transform:uppercase;direction:ltr;unicode-bidi:isolate}
/* neon pill CTA */
.pill{
  display:inline-flex;align-items:center;gap:.5em;
  background:var(--neon);color:var(--ink);font-weight:800;
  padding:.85em 1.5em;border-radius:999px;transition:transform .15s ease,filter .15s ease;
}
.pill:hover{transform:translateY(-2px);filter:brightness(1.05)}
/* scroll reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* NAV */
.nav{position:fixed;inset-block-start:0;inset-inline:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px var(--pad);transition:background .3s ease,box-shadow .3s ease}
.nav--solid{background:rgba(18,22,28,.92);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
.nav-brand{display:flex;align-items:center}
.nav-logo{height:clamp(30px,5.5vw,40px);width:auto;display:block}
.nav-cta{padding:.6em 1.15em;font-size:14px}
/* HERO */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.hero-media{position:absolute;inset:0;background:#0c0e14 center/cover no-repeat}
.hero-media.has-img{background-image:url('img/hero.jpg')}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(18,22,28,.55) 0%,rgba(18,22,28,.35) 40%,rgba(18,22,28,.92) 100%)}
.grain{position:absolute;inset:0;opacity:.06;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-inner{position:relative;z-index:2;padding-block:120px 60px}
.eyebrow{color:var(--neon);font-size:clamp(13px,2.5vw,16px);letter-spacing:.12em;margin-bottom:18px}
.headline{font-weight:900;font-size:clamp(40px,9vw,104px);line-height:.98;letter-spacing:-.01em}
.headline .hl{color:var(--neon)}
.subhead{margin-top:22px;max-width:30ch;font-size:clamp(16px,2.5vw,20px);color:rgba(255,255,255,.82)}
.hero-actions{margin-top:34px}
/* TICKER */
.ticker{position:absolute;inset-block-end:0;inset-inline:0;z-index:2;background:var(--neon);color:var(--ink);
  direction:ltr;overflow:hidden;white-space:nowrap;padding-block:11px;
  font-family:var(--font-mark);letter-spacing:.03em;font-size:15px}
.ticker-track{display:inline-flex;animation:ticker 34s linear infinite}
.ticker-track span{padding-inline:4px}
.ticker .mark{font-size:1.1em}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}}

/* STATEMENT */
.statement{background:var(--neon);color:var(--ink);padding:clamp(56px,10vw,120px) var(--pad);text-align:center}
.statement-line{font-weight:900;font-size:clamp(44px,12vw,140px);line-height:.95;letter-spacing:-.02em}
/* VALUES */
.values{background:var(--ink);padding:clamp(56px,9vw,110px) 0}
.values-grid{display:grid;gap:36px;grid-template-columns:repeat(3,1fr)}
.value{border-top:2px solid var(--neon);padding-top:20px}
.value-num{display:block;color:var(--neon);font-size:clamp(40px,6vw,64px);line-height:1;margin-bottom:14px}
.value h3{font-size:clamp(20px,3vw,26px);font-weight:800;margin-bottom:8px}
.value p{color:rgba(255,255,255,.72);font-size:16px}
@media (max-width:720px){.values-grid{grid-template-columns:1fr}}

/* GALLERY MARQUEE */
.gallery{background:var(--ink);padding-block:0 clamp(40px,8vw,90px)}
.gallery-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;padding-inline:var(--pad);scrollbar-width:none}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-track img{height:clamp(220px,32vw,360px);width:auto;flex:none;object-fit:cover;
  border-radius:8px;filter:grayscale(.15) contrast(1.05);scroll-snap-align:start}

/* shared kicker */
.section-kicker{display:inline-block;color:var(--neon);font-size:13px;letter-spacing:.12em;margin-bottom:14px}
/* DISCLAIMER */
.disclaimer{background:var(--paper);color:var(--ink);padding:clamp(48px,8vw,96px) 0}
.disclaimer-inner{max-width:760px}
.disclaimer-title{font-size:clamp(26px,4vw,40px);font-weight:900;margin-bottom:14px}
.disclaimer-body{font-size:17px;line-height:1.9;color:#333}
/* SIGNUP */
.signup{background:var(--ink);padding:clamp(56px,9vw,110px) 0}
.form-wrap{max-width:560px}
.section-title{font-size:clamp(30px,5vw,52px);font-weight:900;line-height:1.02}
.form-sub{color:rgba(255,255,255,.7);margin:12px 0 30px}
#join-form{display:grid;gap:16px}
#join-form label{display:grid;gap:7px}
#join-form label>span{font-weight:700;font-size:14px}
#join-form input,#join-form select{
  width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--line);
  background:var(--ink-2);color:var(--white);font-family:inherit;font-size:16px;transition:border-color .15s ease,box-shadow .15s ease}
#join-form input:focus,#join-form select:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px rgba(215,224,45,.25)}
#join-form input.invalid{border-color:#ff6b6b}
.hp{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:0!important;inset-inline-start:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important;opacity:0;pointer-events:none}
.checkbox-label{grid-template-columns:auto 1fr;align-items:start;gap:12px;cursor:pointer;margin-top:4px}
.checkbox-label input{position:absolute;opacity:0;width:0;height:0}
.checkbox-box{width:24px;height:24px;border:2px solid var(--line);border-radius:7px;flex:none;transition:.15s;position:relative}
.checkbox-label input:checked+.checkbox-box{background:var(--neon);border-color:var(--neon)}
.checkbox-label input:checked+.checkbox-box::after{content:"";position:absolute;inset:5px 4px;border-inline-end:3px solid var(--ink);border-block-end:3px solid var(--ink);width:7px;height:12px;transform:rotate(45deg);inset-block-start:2px}
.checkbox-text{font-size:14px;color:rgba(255,255,255,.78);line-height:1.7}
.checkbox-label.invalid-check .checkbox-box{border-color:#ff6b6b;box-shadow:0 0 0 3px rgba(255,107,107,.25)}
.submit-btn{width:100%;justify-content:center;border:none;cursor:pointer;font-size:16px;margin-top:6px}
.submit-btn:disabled{opacity:.6;cursor:default}
.form-msg{min-height:1.4em;font-size:14px;margin-top:4px}
.form-msg.ok{color:var(--neon)} .form-msg.err{color:#ff6b6b}
/* FOOTER */
.footer{background:#0c0e14;text-align:center;padding:48px var(--pad);display:grid;gap:14px;justify-items:center}
.footer-logo{height:clamp(40px,7vw,52px);width:auto}
.footer-src{height:clamp(30px,5vw,38px);width:auto}
.footer p{color:rgba(255,255,255,.5);font-size:13px}