/* v188 · نشان‌واژهٔ Hartly — فونت Baloo 2 (OFL، داخل خود ریپو: به CDN بیرونی وابسته نیست) */
@font-face{ font-family:"HartlyLogo"; src:url("../assets/fonts/baloo2-800-latin.woff2") format("woff2"); font-weight:800; font-style:normal; font-display:swap; unicode-range:U+0000-00FF }
.lg188{ position:relative; display:inline-flex; align-items:flex-start; margin:0; line-height:1; direction:ltr; user-select:none; -webkit-user-select:none }
.lg188 .w{ font-family:"HartlyLogo", "Baloo 2", system-ui, sans-serif; font-weight:800; font-size:33px; letter-spacing:-.3px; padding:2px 1px 0;
  background:linear-gradient(100deg,#FFB23D 0%,#FF4FA0 30%,#A43CF2 55%,#5B3BF0 70%,#FF4FA0 85%,#FFB23D 100%); background-size:220% 100%; background-position:0% 50%;
  -webkit-background-clip:text; background-clip:text; color:transparent; filter:drop-shadow(0 3px 6px rgba(180,60,242,.28));
  animation:lg188 9s ease-in-out infinite alternate }
.lg188 svg{ width:15px; height:15px; margin:-1px 0 0 1px; filter:drop-shadow(0 2px 3px rgba(255,79,160,.45)); animation:lh188 2.4s ease-in-out infinite; transform-origin:50% 70% }
@keyframes lg188{ to{ background-position:100% 50% } }
@keyframes lh188{ 0%,70%,100%{ transform:scale(1) } 80%{ transform:scale(1.22) } 90%{ transform:scale(.95) } }
html.night .lg188 .w, body.night .lg188 .w{ filter:drop-shadow(0 3px 8px rgba(255,79,160,.35)) }
@media (max-width:360px){ .lg188 .w{ font-size:29px } }
@media (prefers-reduced-motion:reduce){ .lg188 .w, .lg188 svg{ animation:none } }

/* نشان همیشه دقیقاً وسط سربرگ؛ دکمهٔ Language و نشان با عرض صفحه با هم کوچک می‌شوند تا هیچ‌وقت به هم نخورند */
.lg188{ position:absolute !important; left:50%; top:50%; transform:translate(-50%,-44%); z-index:1; pointer-events:none }
.lg188 .w{ font-size:29px }
.lg188 svg{ width:13px; height:13px }
html #hdrLang.lg177{ gap:3px; padding:0 !important }
html #hdrLang.lg177 .gb177, html #hdrLang.lg177 .gb177 > svg{ width:30px !important; height:30px !important }
html #hdrLang.lg177 > b{ font-size:12.5px }
html #hdrLang.lg177 .cv177{ width:9px; height:9px }
@media (max-width:374px){
  .lg188 .w{ font-size:26px }
  html #hdrLang.lg177 > b{ font-size:11px }
}
@media (max-width:339px){
  .lg188 .w{ font-size:23px }
  .lg188 svg{ width:11px; height:11px }
  html #hdrLang.lg177 .gb177, html #hdrLang.lg177 .gb177 > svg{ width:26px !important; height:26px !important }
  html #hdrLang.lg177 > b{ font-size:10.5px }
  html #hdrLang.lg177 .cv177{ display:none }
}

/* v190 · نشان تصویری Hartly (طرح نهایی) — تصویر با پس‌زمینهٔ شفاف + برق ملایم روی خود حروف */
.lg190{ transform:translate(-50%,-50%) }
.lg190 img{ display:block; height:33px; width:auto; filter:drop-shadow(0 3px 6px rgba(164,60,242,.22)); -webkit-user-drag:none }
.lg190::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 48%,rgba(255,255,255,.2) 55%,transparent 65%) no-repeat;
  background-size:250% 100%; background-position:130% 0;
  -webkit-mask:url("../assets/brand/hartly-logo.webp") center/contain no-repeat; mask:url("../assets/brand/hartly-logo.webp") center/contain no-repeat;
  animation:lg190 6s ease-in-out 1.2s infinite }
@keyframes lg190{ 0%{ background-position:130% 0 } 30%,100%{ background-position:-40% 0 } }
@media (max-width:374px){ .lg190 img{ height:30px } }
@media (max-width:339px){ .lg190 img{ height:26px } }
@media (prefers-reduced-motion:reduce){ .lg190::after{ animation:none; display:none } }