/* guide-deploy.css — download gate modal for guide pages */

#guideDlModal{display: none; position: fixed; inset: 0; z-index: 1000; align-items: center; justify-content: center; padding: 20px;}
#guideDlModal.is-open{display: flex;}
#guideDlOverlay{position: absolute; inset: 0; background: rgba(0,0,0,0.75); backdrop-filter: blur(8px);}
#guideDlBox{position: relative; background: rgb(13,14,19); border: 1px solid rgba(255,255,255,0.1); border-radius: 24px; padding: 44px 40px 40px; max-width: 460px; width: 100%; z-index: 1; box-shadow: 0 32px 80px rgba(0,0,0,0.6);}
#guideDlClose{position: absolute; top: 18px; right: 18px; background: none; border: none; color: rgba(255,255,255,0.35); cursor: pointer; padding: 6px; display: flex; align-items: center; border-radius: 6px; transition: color 0.2s;}
#guideDlClose:hover{color: #fff;}

#guideDlBadge{display: inline-flex; align-items: center; gap: 8px; margin: 0 0 20px; background: rgba(36,71,255,0.12); border: 1px solid rgba(36,71,255,0.28); border-radius: 999px; padding: 5px 14px;}
#guideDlBadge span{font-family: "Fixel Display:Medium", sans-serif; font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase; color: rgb(130,158,255);}

#guideDlModalTitle{font-family: "Fixel Display:SemiBold", sans-serif; font-size: 26px; letter-spacing: -0.02em; color: #fff; margin: 0 0 8px; line-height: 1.15;}
#guideDlDesc{font-family: "Fixel Display:Light", sans-serif; font-size: 14px; line-height: 1.65; color: rgba(255,255,255,0.45); margin: 0 0 28px;}

#guideDlEmail{display: block; width: 100%; box-sizing: border-box; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 12px; padding: 14px 16px; font-family: "Fixel Display:Regular", sans-serif; font-size: 15px; color: #fff; outline: none; transition: border-color 0.2s; margin: 0 0 8px;}
#guideDlEmail::placeholder{color: rgba(255,255,255,0.28);}
#guideDlEmail:focus{border-color: rgba(36,71,255,0.65);}

#guideDlError{display: block; font-family: "Fixel Display:Light", sans-serif; font-size: 13px; color: rgba(255,90,90,0.9); min-height: 18px; margin: 0 0 14px; line-height: 1.4;}

#guideDlSubmit{display: flex; align-items: center; justify-content: center; width: 100%; padding: 15px 24px; background: #fff; color: #121417; font-family: "Fixel Display:Medium", sans-serif; font-size: 15px; border: none; border-radius: 12px; cursor: pointer; transition: background 0.2s, opacity 0.2s; letter-spacing: -0.01em;}
#guideDlSubmit:hover{background: #e9e6f5;}
#guideDlSubmit:disabled{opacity: 0.6; cursor: default;}

#guideDlPrivacy{font-family: "Fixel Display:Light", sans-serif; font-size: 12px; color: rgba(255,255,255,0.28); margin: 14px 0 0; line-height: 1.65;}
#guideDlPrivacy a{color: rgba(255,255,255,0.4); text-decoration: underline;}

#guideDlSuccess{text-align: center; padding: 12px 0;}
#guideDlSuccess > svg{display: block; margin: 0 auto 16px;}
#guideDlSuccess p{font-family: "Fixel Display:Light", sans-serif; font-size: 16px; color: rgba(255,255,255,0.8); margin: 0 0 24px; line-height: 1.5;}
#guideDlOpenNow{display: inline-flex; align-items: center; gap: 10px; background: rgb(36,71,255); color: #fff; padding: 14px 26px; border-radius: 12px; text-decoration: none; font-family: "Fixel Display:Medium", sans-serif; font-size: 14px; transition: background 0.2s; box-shadow: 0 8px 28px -4px rgba(36,71,255,0.5);}
#guideDlOpenNow:hover{background: rgb(56,91,255);}
#guideDlOpenNow svg{display: block; flex-shrink: 0;}

/* static shapes strip — override marquee animation */
.nl-shapes .ab-marquee-track{animation: none; width: 100%; justify-content: space-around;}
.nl-shapes .nl-shapes-row + .nl-shapes-row{display: none;}

@media (max-width: 700px) {
  #guideDlBox{padding: 36px 24px 28px;}
  #guideDlModalTitle{font-size: 22px;}
}