.elementor-kit-5{--e-global-color-primary:#F2C200;--e-global-color-secondary:#0B0A08;--e-global-color-text:#BFB7A3;--e-global-color-accent:#F6EFDC;--e-global-color-hr_bg_alt:#0E0C09;--e-global-color-hr_card:#12100C;--e-global-color-hr_footer:#080705;--e-global-color-hr_gold_light:#F5C400;--e-global-color-hr_gold_pale:#FFF0A8;--e-global-color-hr_gold_cream:#FFF3B8;--e-global-color-hr_gold_dark:#A67F00;--e-global-color-hr_gold_deep:#D9A800;--e-global-color-hr_text2:#D9D1BD;--e-global-color-hr_text_badge:#E8DFC6;--e-global-color-hr_muted:#A39C8A;--e-global-color-hr_muted2:#8A8372;--e-global-color-hr_muted3:#6F6858;--e-global-color-hr_error:#FF9B7A;--e-global-color-hr_line_06:#F6EFDC0F;--e-global-color-hr_line_09:#F6EFDC17;--e-global-color-hr_line_10:#F6EFDC1A;--e-global-color-hr_line_14:#F6EFDC24;--e-global-color-hr_line_20:#F6EFDC33;--e-global-color-hr_gold_line_18:#F2C2002E;--e-global-color-hr_gold_line_40:#F2C20066;--e-global-color-hr_gold_line_45:#F2C20073;--e-global-typography-primary-font-family:"Doran";--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.6em;--e-global-typography-secondary-font-family:"IRANSans";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"IRANSans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:2;--e-global-typography-accent-font-family:"IRANSans";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:800;--e-global-typography-hr_h1-font-family:"Doran";--e-global-typography-hr_h1-font-size:clamp(34px,4.4vw,64px);--e-global-typography-hr_h1-font-weight:800;--e-global-typography-hr_h1-line-height:1.6em;--e-global-typography-hr_h1-letter-spacing:-0.01em;--e-global-typography-hr_h2-font-family:"Doran";--e-global-typography-hr_h2-font-size:clamp(28px,3.3vw,46px);--e-global-typography-hr_h2-font-weight:800;--e-global-typography-hr_h2-line-height:1.6em;--e-global-typography-hr_h2_xl-font-family:"Doran";--e-global-typography-hr_h2_xl-font-size:clamp(32px,4vw,58px);--e-global-typography-hr_h2_xl-font-weight:800;--e-global-typography-hr_h2_xl-line-height:1.6em;--e-global-typography-hr_h3-font-family:"Doran";--e-global-typography-hr_h3-font-size:clamp(21px,1.9vw,27px);--e-global-typography-hr_h3-font-weight:800;--e-global-typography-hr_h3-line-height:1.6em;--e-global-typography-hr_h3_step-font-family:"Doran";--e-global-typography-hr_h3_step-font-size:clamp(20px,1.8vw,26px);--e-global-typography-hr_h3_step-font-weight:800;--e-global-typography-hr_h3_step-line-height:1.6em;--e-global-typography-hr_h3_work-font-family:"Doran";--e-global-typography-hr_h3_work-font-size:24px;--e-global-typography-hr_h3_work-font-weight:800;--e-global-typography-hr_h3_work-line-height:1.6em;--e-global-typography-hr_h3_plan-font-family:"Doran";--e-global-typography-hr_h3_plan-font-size:30px;--e-global-typography-hr_h3_plan-font-weight:800;--e-global-typography-hr_h3_plan-line-height:1.6em;--e-global-typography-hr_h3_footer-font-family:"Doran";--e-global-typography-hr_h3_footer-font-size:clamp(24px,2.4vw,34px);--e-global-typography-hr_h3_footer-font-weight:800;--e-global-typography-hr_h3_footer-line-height:1.6em;--e-global-typography-hr_cta_big-font-family:"Doran";--e-global-typography-hr_cta_big-font-size:clamp(28px,3vw,42px);--e-global-typography-hr_cta_big-font-weight:800;--e-global-typography-hr_cta_big-line-height:1.35em;--e-global-typography-hr_bignum-font-family:"Doran";--e-global-typography-hr_bignum-font-size:clamp(40px,4.2vw,62px);--e-global-typography-hr_bignum-font-weight:800;--e-global-typography-hr_bignum-line-height:1em;--e-global-typography-hr_cardnum-font-family:"Doran";--e-global-typography-hr_cardnum-font-size:56px;--e-global-typography-hr_cardnum-font-weight:300;--e-global-typography-hr_cardnum-line-height:1em;--e-global-typography-hr_marquee-font-family:"Doran";--e-global-typography-hr_marquee-font-size:clamp(22px,2.4vw,34px);--e-global-typography-hr_marquee-font-weight:800;--e-global-typography-hr_phone-font-family:"Doran";--e-global-typography-hr_phone-font-size:28px;--e-global-typography-hr_phone-font-weight:800;--e-global-typography-hr_phone-line-height:1.6em;--e-global-typography-hr_formtitle-font-family:"Doran";--e-global-typography-hr_formtitle-font-size:22px;--e-global-typography-hr_formtitle-font-weight:800;--e-global-typography-hr_formtitle-line-height:1.6em;--e-global-typography-hr_footer_title-font-family:"Doran";--e-global-typography-hr_footer_title-font-size:18px;--e-global-typography-hr_footer_title-font-weight:800;--e-global-typography-hr_footer_title-line-height:1.6em;--e-global-typography-hr_menu-font-family:"Doran";--e-global-typography-hr_menu-font-size:26px;--e-global-typography-hr_menu-font-weight:800;--e-global-typography-hr_menu-line-height:1.6em;--e-global-typography-hr_lead-font-family:"IRANSans";--e-global-typography-hr_lead-font-size:clamp(17px,1.35vw,20px);--e-global-typography-hr_lead-font-weight:400;--e-global-typography-hr_lead-line-height:2;--e-global-typography-hr_body-font-family:"IRANSans";--e-global-typography-hr_body-font-size:16px;--e-global-typography-hr_body-font-weight:400;--e-global-typography-hr_body-line-height:2;--e-global-typography-hr_small-font-family:"IRANSans";--e-global-typography-hr_small-font-size:15px;--e-global-typography-hr_small-font-weight:400;--e-global-typography-hr_small-line-height:1.9;--e-global-typography-hr_note-font-family:"IRANSans";--e-global-typography-hr_note-font-size:14px;--e-global-typography-hr_note-font-weight:400;--e-global-typography-hr_note-line-height:1.8;--e-global-typography-hr_eyebrow-font-family:"IRANSans";--e-global-typography-hr_eyebrow-font-size:14px;--e-global-typography-hr_eyebrow-font-weight:700;--e-global-typography-hr_eyebrow-line-height:1.6;--e-global-typography-hr_eyebrow-letter-spacing:0.04em;--e-global-typography-hr_badge-font-family:"IRANSans";--e-global-typography-hr_badge-font-size:12px;--e-global-typography-hr_badge-font-weight:700;--e-global-typography-hr_badge-line-height:1.6;--e-global-typography-hr_button-font-family:"IRANSans";--e-global-typography-hr_button-font-size:17px;--e-global-typography-hr_button-font-weight:800;--e-global-typography-hr_button-line-height:1.2;--e-global-typography-hr_faq_q-font-family:"IRANSans";--e-global-typography-hr_faq_q-font-size:clamp(17px,1.4vw,20px);--e-global-typography-hr_faq_q-font-weight:700;--e-global-typography-hr_faq_q-line-height:1.7;--e-global-typography-hr_latin-font-family:"Bodoni Moda";--e-global-typography-hr_latin-font-size:18px;--e-global-typography-hr_latin-font-weight:500;--e-global-typography-hr_latin-font-style:italic;--e-global-typography-hr_latin-line-height:1.4;--e-global-typography-hr_footer_word-font-family:"Bodoni Moda";--e-global-typography-hr_footer_word-font-size:clamp(44px,11vw,180px);--e-global-typography-hr_footer_word-font-weight:700;--e-global-typography-hr_footer_word-line-height:.85;--e-global-typography-hr_footer_word-letter-spacing:-0.02em;--e-global-typography-hr_lead2-font-family:"IRANSans";--e-global-typography-hr_lead2-font-size:clamp(16px,1.3vw,19px);--e-global-typography-hr_lead2-font-weight:400;--e-global-typography-hr_lead2-line-height:2;--e-global-typography-hr_mstat-font-family:"Doran";--e-global-typography-hr_mstat-font-size:clamp(20px,1.8vw,26px);--e-global-typography-hr_mstat-font-weight:800;--e-global-typography-hr_mstat-line-height:1.6em;--e-global-typography-hr_label13-font-family:"IRANSans";--e-global-typography-hr_label13-font-size:13px;--e-global-typography-hr_label13-font-weight:400;--e-global-typography-hr_label13-line-height:1.7;--e-global-typography-hr_body15-font-family:"IRANSans";--e-global-typography-hr_body15-font-size:15px;--e-global-typography-hr_body15-font-weight:400;--e-global-typography-hr_body15-line-height:2;--e-global-typography-hr_cardnum_sm-font-family:"Doran";--e-global-typography-hr_cardnum_sm-font-size:48px;--e-global-typography-hr_cardnum_sm-font-weight:300;--e-global-typography-hr_cardnum_sm-line-height:1em;--e-global-typography-hr_h3_type-font-family:"Doran";--e-global-typography-hr_h3_type-font-size:clamp(24px,2.2vw,32px);--e-global-typography-hr_h3_type-font-weight:800;--e-global-typography-hr_h3_type-line-height:1.6em;--e-global-typography-hr_h3_sm-font-family:"Doran";--e-global-typography-hr_h3_sm-font-size:20px;--e-global-typography-hr_h3_sm-font-weight:800;--e-global-typography-hr_h3_sm-line-height:1.6em;--e-global-typography-hr_h3_card21-font-family:"Doran";--e-global-typography-hr_h3_card21-font-size:21px;--e-global-typography-hr_h3_card21-font-weight:800;--e-global-typography-hr_h3_card21-line-height:1.6em;--e-global-typography-hr_h3_band-font-family:"Doran";--e-global-typography-hr_h3_band-font-size:clamp(20px,1.7vw,24px);--e-global-typography-hr_h3_band-font-weight:800;--e-global-typography-hr_h3_band-line-height:1.6em;--e-global-typography-hr_bandnum-font-family:"Doran";--e-global-typography-hr_bandnum-font-size:44px;--e-global-typography-hr_bandnum-font-weight:300;--e-global-typography-hr_bandnum-line-height:1em;--e-global-typography-hr_incl_num-font-family:"Doran";--e-global-typography-hr_incl_num-font-size:15px;--e-global-typography-hr_incl_num-font-weight:700;--e-global-typography-hr_incl_num-line-height:1.6;--e-global-typography-hr_h3_feat-font-family:"Doran";--e-global-typography-hr_h3_feat-font-size:clamp(26px,2.6vw,38px);--e-global-typography-hr_h3_feat-font-weight:800;--e-global-typography-hr_h3_feat-line-height:1.6em;--e-global-typography-hr_h3_pf-font-family:"Doran";--e-global-typography-hr_h3_pf-font-size:clamp(20px,1.8vw,24px);--e-global-typography-hr_h3_pf-font-weight:800;--e-global-typography-hr_h3_pf-line-height:1.6em;--e-global-typography-hr_pfstat-font-family:"Doran";--e-global-typography-hr_pfstat-font-size:clamp(22px,2vw,30px);--e-global-typography-hr_pfstat-font-weight:800;--e-global-typography-hr_pfstat-line-height:1.4;--e-global-typography-hr_tech-font-family:"Bodoni Moda";--e-global-typography-hr_tech-font-size:clamp(34px,3.4vw,52px);--e-global-typography-hr_tech-font-weight:500;--e-global-typography-hr_tech-font-style:italic;--e-global-typography-hr_tech-line-height:1.2;--e-global-typography-hr_manifesto-font-family:"Doran";--e-global-typography-hr_manifesto-font-size:clamp(26px,3.2vw,46px);--e-global-typography-hr_manifesto-font-weight:800;--e-global-typography-hr_manifesto-line-height:1.8;--e-global-typography-hr_quote-font-family:"Doran";--e-global-typography-hr_quote-font-size:clamp(19px,1.7vw,24px);--e-global-typography-hr_quote-font-weight:700;--e-global-typography-hr_quote-line-height:1.8;--e-global-typography-hr_sig-font-family:"Bodoni Moda";--e-global-typography-hr_sig-font-size:40px;--e-global-typography-hr_sig-font-weight:500;--e-global-typography-hr_sig-font-style:italic;--e-global-typography-hr_sig-line-height:1.2;--e-global-typography-hr_year-font-family:"Doran";--e-global-typography-hr_year-font-size:clamp(28px,2.6vw,38px);--e-global-typography-hr_year-font-weight:300;--e-global-typography-hr_year-line-height:1em;--e-global-typography-hr_contact_val-font-family:"Doran";--e-global-typography-hr_contact_val-font-size:clamp(19px,1.7vw,24px);--e-global-typography-hr_contact_val-font-weight:800;--e-global-typography-hr_contact_val-line-height:1.5;--e-global-typography-hr_good-font-family:"Doran";--e-global-typography-hr_good-font-size:clamp(20px,2vw,28px);--e-global-typography-hr_good-font-weight:800;--e-global-typography-hr_good-line-height:1.6;--e-global-typography-hr_report_num-font-family:"Doran";--e-global-typography-hr_report_num-font-size:clamp(24px,2.2vw,32px);--e-global-typography-hr_report_num-font-weight:800;--e-global-typography-hr_report_num-line-height:1.2;--e-global-typography-hr_rating-font-family:"Doran";--e-global-typography-hr_rating-font-size:clamp(64px,7vw,96px);--e-global-typography-hr_rating-font-weight:800;--e-global-typography-hr_rating-line-height:1em;--e-global-typography-hr_h1_article-font-family:"Doran";--e-global-typography-hr_h1_article-font-size:clamp(30px,3.8vw,54px);--e-global-typography-hr_h1_article-font-weight:800;--e-global-typography-hr_h1_article-line-height:1.6em;--e-global-typography-hr_h2_feat-font-family:"Doran";--e-global-typography-hr_h2_feat-font-size:clamp(24px,2.5vw,36px);--e-global-typography-hr_h2_feat-font-weight:800;--e-global-typography-hr_h2_feat-line-height:1.6em;--e-global-typography-hr_h2_nl-font-family:"Doran";--e-global-typography-hr_h2_nl-font-size:clamp(26px,3vw,40px);--e-global-typography-hr_h2_nl-font-weight:800;--e-global-typography-hr_h2_nl-line-height:1.6em;--e-global-typography-hr_h2_story-font-family:"Doran";--e-global-typography-hr_h2_story-font-size:clamp(24px,2.4vw,34px);--e-global-typography-hr_h2_story-font-weight:800;--e-global-typography-hr_h2_story-line-height:1.6em;--e-global-typography-hr_h3_blog-font-family:"Doran";--e-global-typography-hr_h3_blog-font-size:clamp(19px,1.6vw,22px);--e-global-typography-hr_h3_blog-font-weight:800;--e-global-typography-hr_h3_blog-line-height:1.6em;--e-global-typography-hr_h3_cta-font-family:"Doran";--e-global-typography-hr_h3_cta-font-size:clamp(19px,1.7vw,23px);--e-global-typography-hr_h3_cta-font-weight:800;--e-global-typography-hr_h3_cta-line-height:1.6em;--e-global-typography-hr_story_num-font-family:"Doran";--e-global-typography-hr_story_num-font-size:clamp(48px,5vw,72px);--e-global-typography-hr_story_num-font-weight:300;--e-global-typography-hr_story_num-line-height:1em;--e-global-typography-hr_story_txt-font-family:"IRANSans";--e-global-typography-hr_story_txt-font-size:clamp(17px,1.4vw,20px);--e-global-typography-hr_story_txt-font-weight:400;--e-global-typography-hr_story_txt-line-height:2.1;--e-global-typography-hr_cs_quote-font-family:"Doran";--e-global-typography-hr_cs_quote-font-size:clamp(24px,2.8vw,40px);--e-global-typography-hr_cs_quote-font-weight:800;--e-global-typography-hr_cs_quote-line-height:1.8;--e-global-typography-hr_latin_lg-font-family:"Bodoni Moda";--e-global-typography-hr_latin_lg-font-size:clamp(18px,1.6vw,22px);--e-global-typography-hr_latin_lg-font-weight:500;--e-global-typography-hr_latin_lg-font-style:italic;--e-global-typography-hr_latin_lg-line-height:1.4;background-color:#0B0A08;color:#F6EFDC;font-family:"IRANSans", Sans-serif;font-size:16px;font-weight:400;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:transparent;font-family:"IRANSans", Sans-serif;font-size:17px;font-weight:800;line-height:1.2;color:#0B0A08;background-image:linear-gradient(135deg, #F5C400 0%, #F2C200 100%);box-shadow:0px 14px 40px 0px rgba(242,194,0,0.27);border-style:none;border-radius:999px 999px 999px 999px;padding:18px 30px 18px 30px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:transparent;color:#0B0A08;background-image:linear-gradient(135deg, #F5C400 0%, #F2C200 100%);box-shadow:0px 20px 50px 0px rgba(242,194,0,0.35);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#F2C200;}.elementor-kit-5 a:hover{color:#F5C400;}.elementor-kit-5 h1{color:#F6EFDC;font-family:"Doran", Sans-serif;font-weight:800;}.elementor-kit-5 h2{color:#F6EFDC;font-family:"Doran", Sans-serif;font-weight:800;}.elementor-kit-5 h3{color:#F6EFDC;font-family:"Doran", Sans-serif;font-weight:800;}.elementor-kit-5 h4{color:#F6EFDC;}.elementor-kit-5 h5{color:#F6EFDC;}.elementor-kit-5 h6{color:#F6EFDC;}.elementor-kit-5 label{color:#BFB7A3;font-family:"IRANSans", Sans-serif;font-size:14px;font-weight:400;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{font-family:"IRANSans", Sans-serif;font-size:16px;color:#F6EFDC;accent-color:#F2C200;background-color:#0B0A08;border-style:solid;border-width:1px 1px 1px 1px;border-color:#78838E;border-radius:14px 14px 14px 14px;transition:300ms;padding:16px 18px 16px 18px;}.elementor-kit-5 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea:focus,.elementor-kit-5 .elementor-field-textual:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:#F2C200;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:clamp(20px,4vw,48px);--container-default-padding-bottom:0px;--container-default-padding-left:clamp(20px,4vw,48px);}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
HR Webdesign — Kit custom CSS (Site Settings > Custom CSS)
Source of truth: project/HR Webdesign.dc.html
All component hooks use hr-* classes set on containers/widgets.
Selectors are prefixed with `body` where they must beat Elementor's
widget/kit defaults (0,2,0) without !important.
========================================================================== */
/* ---------- keyframes (verbatim from the design) ---------- */
@keyframes hrMarquee{from{transform:translateX(0)}to{transform:translateX(50%)}}
@keyframes hrShimmer{0%{background-position:200% 50%}100%{background-position:-200% 50%}}
@keyframes hrSpin{to{transform:rotate(360deg)}}
@keyframes hrSpinR{to{transform:rotate(-360deg)}}
@keyframes hrFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes hrPulse{0%{box-shadow:0 0 0 0 rgba(245,196,0,.55)}100%{box-shadow:0 0 0 12px rgba(245,196,0,0)}}
@keyframes hrLift{0%,100%{transform:translateZ(0)}50%{transform:translateZ(22px)}}
@keyframes hrBar{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
@keyframes hrScroll{0%{transform:translateY(0);opacity:1}100%{transform:translateY(12px);opacity:0}}
/* FAQ answer fade/slide (design: opacity 0→1, translateY -10px→0) */
@keyframes hrFaqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* ---------- base ---------- */
:root{
--hr-bg:#0B0A08;--hr-bg-rgb:11,10,8;
--hr-bg-alt:#0E0C09;--hr-surface:#12100C;--hr-surface-rgb:18,16,12;
--hr-footer:#080705;--hr-ink:#F6EFDC;--hr-ink-rgb:246,239,220;
--hr-text:#BFB7A3;--hr-muted:#A39C8A;
--hr-gold:#F2C200;--hr-gold-rgb:242,194,0;
--hr-gold-light:#F5C400;--hr-gold-deep:#A67F00;
}
html{scroll-behavior:smooth;background:var(--hr-bg)}
body{background:var(--hr-bg);color:var(--hr-ink);-webkit-font-smoothing:antialiased;overflow-x:clip}
::selection{background:var(--hr-gold);color:var(--hr-bg)}
input::placeholder,textarea::placeholder{color:var(--hr-muted)}
input,button,textarea,select{font-family:inherit}
body .elementor-widget-text-editor p:last-child{margin-bottom:0}
body .elementor-widget-text-editor p{margin-top:0}
/* ---------- utilities ---------- */
.hr-gold{color:var(--hr-gold)}
.hr-muted{color:var(--hr-muted)}
.hr-shimmer{background:linear-gradient(100deg,var(--hr-gold-deep) 20%,var(--hr-gold-light) 40%,var(--hr-gold-light) 50%,var(--hr-gold-light) 60%,var(--hr-gold-deep) 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:hrShimmer 7s linear infinite}
.hr-latin{font-family:'Bodoni Moda',serif;font-style:italic;letter-spacing:.02em}
body .hr-ltr .elementor-heading-title{direction:ltr;text-align:right}
body .hr-balance .elementor-heading-title{text-wrap:balance}
body .e-con.hr-auto{--width:auto;width:auto;flex:0 1 auto}
body .elementor-widget.hr-auto{width:auto;flex:0 1 auto}
/* must beat Elementor's `.elementor.elementor .e-con > .elementor-widget{max-width:100%}` (0,4,0) */
body .elementor .e-con .elementor-widget.hr-mw-760{max-width:760px}
body .elementor .e-con .elementor-widget.hr-mw-720{max-width:720px}
body .elementor .e-con .elementor-widget.hr-mw-380{max-width:380px}
body .e-con.hr-bt{border-top:1px solid rgba(var(--hr-ink-rgb),.12)}
body :is(a,button,input,select,textarea,summary,[role="button"],[tabindex]):focus-visible{outline:2px solid var(--hr-gold);outline-offset:3px}
#services,#process,#plans,#faq{scroll-margin-top:80px}
#contact{scroll-margin-top:60px}
#work{scroll-margin-top:0}
/* eyebrow: gold 32px line + label */
body .hr-eyebrow .elementor-heading-title{display:flex;align-items:center;gap:12px}
body .hr-eyebrow .elementor-heading-title::before{content:"";width:32px;height:1px;background:var(--hr-gold);flex:none}
body .hr-eyebrow--center .elementor-heading-title{justify-content:center}
body .hr-eyebrow--center .elementor-heading-title::after{content:"";width:32px;height:1px;background:var(--hr-gold);flex:none}
/* ---------- buttons (native Button widget + class) ---------- */
body .elementor-button .elementor-button-text{display:inline-flex;align-items:center;gap:10px}
body .hr-btn-primary .elementor-button,
body .hr-btn-ghost .elementor-button,
body .hr-btn-header .elementor-button,
body .hr-btn-outline .elementor-button,
body .hr-btn-plan .elementor-button,
body .hr-btn-menu .elementor-button,
body .hr-btn-small .elementor-button,
body .hr-pill-social .elementor-button,
body .hr-fab-call .elementor-button,
body .hr-fab-cta .elementor-button,
body .hr-link .elementor-button{border-radius:999px;font-family:IRANSans,IRANSansX,Vazirmatn,Tahoma,sans-serif;line-height:1.2;transition:transform .3s,box-shadow .3s,background .3s,border-color .3s,color .3s}
/* primary (gradient) — colours come from Site Settings > Buttons */
body .hr-btn-primary .elementor-button{font-size:17px;font-weight:800;padding:18px 30px}
body .hr-btn-primary .elementor-button:hover{transform:translateY(-3px)}
body .hr-btn-primary .elementor-button .elementor-button-text{gap:14px}
.hr-arrow-dot{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--hr-bg);color:var(--hr-gold);font-size:14px}
/* ghost */
body .hr-btn-ghost .elementor-button{background:transparent;box-shadow:none;border:1px solid rgba(var(--hr-ink-rgb),.38);color:var(--hr-text);font-size:17px;font-weight:600;padding:18px 28px}
body .hr-btn-ghost .elementor-button:hover,body .hr-btn-ghost .elementor-button:focus{background:rgba(var(--hr-gold-rgb),.06);border-color:var(--hr-gold);color:var(--hr-ink);box-shadow:none}
/* header CTA */
body .hr-btn-header .elementor-button{background:var(--hr-gold);box-shadow:none;color:var(--hr-bg);font-size:15px;font-weight:700;padding:12px 22px;white-space:nowrap}
body .hr-btn-header .elementor-button:hover,body .hr-btn-header .elementor-button:focus{background:var(--hr-gold);color:var(--hr-bg);transform:translateY(-2px);box-shadow:0 10px 30px rgba(var(--hr-gold-rgb),.35)}
/* gold outline */
body .hr-btn-outline .elementor-button{background:transparent;box-shadow:none;border:1px solid rgba(var(--hr-gold-rgb),.4);color:var(--hr-gold);font-size:16px;font-weight:700;padding:14px 24px}
body .hr-btn-outline .elementor-button:hover,body .hr-btn-outline .elementor-button:focus{background:rgba(var(--hr-gold-rgb),.08);color:var(--hr-gold);box-shadow:none}
/* plain text link */
body .hr-link .elementor-button{display:inline-flex;align-items:center;min-height:44px;background:transparent;box-shadow:none;border:0;padding:8px 0;border-radius:0;color:var(--hr-gold);font-size:15px;font-weight:700}
body .hr-link .elementor-button:hover,body .hr-link .elementor-button:focus{background:transparent;color:var(--hr-gold-light);box-shadow:none}
/* plans */
body .elementor-widget.hr-btn-plan{margin-top:auto}
body .hr-btn-plan .elementor-button{display:block;width:100%;text-align:center;background:transparent;box-shadow:none;border:1px solid rgba(var(--hr-ink-rgb),.2);color:var(--hr-ink);font-size:16px;font-weight:700;padding:16px}
body .hr-btn-plan .elementor-button:hover,body .hr-btn-plan .elementor-button:focus{background:transparent;border-color:var(--hr-gold);color:var(--hr-ink);box-shadow:none}
body .hr-btn-plan--gold .elementor-button{background:var(--hr-gold);border-color:var(--hr-gold);color:var(--hr-bg);font-weight:800}
body .hr-btn-plan--gold .elementor-button:hover,body .hr-btn-plan--gold .elementor-button:focus{background:var(--hr-gold);border-color:var(--hr-gold);color:var(--hr-bg);box-shadow:0 12px 36px rgba(var(--hr-gold-rgb),.4)}
body .hr-btn-plan .elementor-button-content-wrapper{justify-content:center}
/* full-screen menu CTA */
body .elementor-widget.hr-btn-menu{margin-top:32px}
body .hr-btn-menu .elementor-button{display:block;width:100%;text-align:center;background:var(--hr-gold);box-shadow:none;color:var(--hr-bg);font-size:16px;font-weight:800;padding:18px}
body .hr-btn-menu .elementor-button-content-wrapper{justify-content:center}
/* footer small CTA */
body .elementor-widget.hr-btn-small{align-self:flex-start;width:auto;margin-top:6px}
body .hr-btn-small .elementor-button{background:var(--hr-gold);box-shadow:none;color:var(--hr-bg);font-size:14px;font-weight:800;padding:12px 20px}
body .hr-btn-small .elementor-button:hover,body .hr-btn-small .elementor-button:focus{background:var(--hr-gold);color:var(--hr-bg);box-shadow:none}
/* social pills */
body .elementor-widget.hr-pill-social{width:auto;flex:0 0 auto}
body .hr-pill-social .elementor-button{background:transparent;box-shadow:none;border:1px solid rgba(var(--hr-ink-rgb),.14);color:var(--hr-text);font-size:14px;font-weight:400;padding:10px 18px}
body .hr-pill-social .elementor-button:hover,body .hr-pill-social .elementor-button:focus{background:var(--hr-gold);border-color:var(--hr-gold);color:var(--hr-bg);box-shadow:none}
/* ---------- header ---------- */
body .e-con.hr-header{position:fixed;top:0;right:0;left:0;z-index:80;border-bottom:1px solid transparent;background:transparent;transition:background .4s,border-color .4s,backdrop-filter .4s,-webkit-backdrop-filter .4s}
/* Elementor wraps every flex row on mobile; the header bar must stay on one line */
body .e-con.hr-header,body .e-con.hr-header-actions{--flex-wrap:nowrap;--flex-wrap-mobile:nowrap}
body .e-con.hr-header-actions{flex:none}
body.admin-bar .e-con.hr-header{top:32px}
@media (max-width:782px){body.admin-bar .e-con.hr-header{top:46px}}
body .e-con.hr-header.hr-scrolled{background:rgba(var(--hr-bg-rgb),.72);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom-color:rgba(var(--hr-ink-rgb),.08)}
/* logo crop (header 112x76, footer 160x108) — same offsets as the design */
body .elementor-widget.hr-logo{width:112px;height:76px;overflow:hidden;position:relative;flex:none}
body .elementor-widget.hr-logo img{position:absolute;width:148px;height:148px;max-width:none;left:-23px;top:-34px;mix-blend-mode:screen;border-radius:0}
body .elementor-widget.hr-logo--footer{width:160px;height:108px}
body .elementor-widget.hr-logo--footer img{width:213px;height:213px;left:-33px;top:-49px}
/* desktop nav */
body .elementor-widget.hr-nav{flex:0 1 auto;width:auto}
body .hr-nav .elementor-nav-menu--main .elementor-item{position:relative;transition:color .3s}
body .hr-nav .elementor-nav-menu--main .elementor-item:hover{color:var(--hr-gold)}
/* burger */
body button.hr-burger{display:grid;place-items:center;width:48px;height:48px;padding:0;border-radius:50%;border:1px solid rgba(var(--hr-ink-rgb),.2);background:rgba(var(--hr-surface-rgb),.6);color:var(--hr-ink);cursor:pointer;font-size:20px;line-height:1;box-shadow:none}
body button.hr-burger:hover,body button.hr-burger:focus{background:rgba(var(--hr-surface-rgb),.6);color:var(--hr-ink);border-color:var(--hr-gold);box-shadow:none}
.hr-burger .hr-burger-close{display:none}
body.hr-menu-open .hr-burger .hr-burger-open{display:none}
body.hr-menu-open .hr-burger .hr-burger-close{display:inline}
/* Pro: `.elementor-widget-nav-menu:not(:has(...)):not([class*=elementor-hidden])` is (0,3,0) */
@media (max-width:1119.98px){body .elementor .elementor-widget.hr-nav.hr-nav{display:none}}
@media (min-width:1120px){body .elementor-widget.hr-burger-wrap{display:none}}
/* Three header controls cannot fit at 320px; the hero retains the primary CTA. */
@media (max-width:359px){body .elementor-widget.hr-btn-header{display:none}}
/* full-screen menu */
body .e-con.hr-menu{position:fixed;inset:0;z-index:79;background:rgba(var(--hr-bg-rgb),.96);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;opacity:0;transform:translateY(-16px);pointer-events:none;visibility:hidden;transition:opacity .45s,transform .55s cubic-bezier(.2,.7,.2,1),visibility 0s .55s}
body.hr-menu-open .e-con.hr-menu{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .45s,transform .55s cubic-bezier(.2,.7,.2,1),visibility 0s}
@media (min-width:1120px){body .e-con.hr-menu{display:none}}
body.hr-menu-open{overflow:hidden}
body .hr-menu-nav .elementor-nav-menu--main .elementor-nav-menu{counter-reset:hrm;flex-direction:column}
body .hr-menu-nav .elementor-nav-menu--main .elementor-nav-menu>li{counter-increment:hrm;width:100%}
body .hr-menu-nav .elementor-nav-menu--main .elementor-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid rgba(var(--hr-ink-rgb),.08)}
/* IRANSans FaNum renders the Latin counter digits (01…07) as Persian (۰۱…۰۷) */
body .hr-menu-nav .elementor-nav-menu--main .elementor-item::after{content:counter(hrm,decimal-leading-zero);position:static;opacity:1;background:none;width:auto;height:auto;font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:13px;color:var(--hr-muted);font-weight:400}
/* editor: show the hidden overlays inline so they can be edited */
/* only when the header/footer template itself is the document being edited */
body.elementor-editor-active .elementor-edit-area-active .e-con.hr-menu{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto;visibility:visible;display:flex}
body.elementor-editor-active .e-con.hr-header{background:rgba(var(--hr-bg-rgb),.72)}
body.elementor-editor-active .elementor-edit-area-active .e-con.hr-header{position:relative;top:auto}
/* ---------- hero ---------- */
body .e-con.hr-hero{overflow:hidden;align-items:stretch}
body .e-con.hr-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(var(--hr-ink-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--hr-ink-rgb),.05) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 20%,transparent 75%);z-index:0}
.hr-hero-glow{position:absolute;width:760px;height:760px;left:-8%;top:4%;border-radius:50%;background:radial-gradient(circle,rgba(var(--hr-gold-rgb),.22),rgba(166,127,0,.08) 45%,transparent 70%);filter:blur(30px);pointer-events:none;z-index:0}
.hr-hero-spot{position:absolute;top:0;left:0;width:800px;height:800px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(255,240,168,.08),transparent 60%);transform:translate3d(-2000px,0,0);transition:transform .25s ease-out;z-index:1}
body .e-con.hr-hero-grid{position:relative;z-index:2}
body .hr-hero-badge .elementor-heading-title{display:inline-flex;align-items:center;gap:12px;padding:8px 18px 8px 16px;border:1px solid rgba(var(--hr-gold-rgb),.28);border-radius:999px;background:rgba(var(--hr-gold-rgb),.05);font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:14px;font-weight:400;line-height:1.6;color:#e8dfc6}
.hr-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--hr-gold);animation:hrPulse 1.8s infinite;flex:none}
.hr-avatars{display:flex}
.hr-avatars span{width:40px;height:40px;border-radius:50%;border:2px solid var(--hr-bg);background:repeating-linear-gradient(135deg,#2a241a 0 4px,#342c1f 4px 8px)}
.hr-avatars span+span{margin-right:-12px}
.hr-avatars span:nth-child(2){background:repeating-linear-gradient(135deg,#3a3122 0 4px,#443a28 4px 8px)}
.hr-avatars .hr-avatars-more{background:var(--hr-gold);color:var(--hr-bg);display:grid;place-items:center;font-size:12px;font-weight:800}
.hr-stars{color:var(--hr-gold);letter-spacing:2px}
body .hr-hero-visual{position:relative}
/* hero: tablet keeps 2 columns with a shorter stage; mobile = 1 column, copy centered */
@media (min-width:768px) and (max-width:1024px){body .e-con.hr-hero-grid{gap:32px}body .hr-hero-stage{min-height:420px!important}}
@media (max-width:767px){
body .e-con.hr-hero-grid{gap:40px}
body .e-con.hr-hero-copy{align-items:center;text-align:center}
body .e-con.hr-hero-copy>.elementor-widget,body .e-con.hr-hero-copy>.e-con{margin-inline:auto}
body .e-con.hr-hero-copy .elementor-heading-title,body .e-con.hr-hero-copy .elementor-widget-text-editor{text-align:center!important}
body .e-con.hr-hero-copy .e-con.hr-btn-row,body .e-con.hr-hero-copy .e-con.hr-btn-row>.e-con-inner{justify-content:center}
body .e-con.hr-hero-copy>.e-con:last-child,body .e-con.hr-hero-copy>.e-con:last-child>.e-con-inner{justify-content:center}
body .hr-hero-stage{min-height:400px!important}
body .hr-hero-badge .elementor-heading-title{flex-wrap:wrap;justify-content:center;gap:4px 8px;padding:8px 16px;font-size:13px}
body .hr-hero-badge .hr-latin{white-space:nowrap}
}
.hr-scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--hr-muted);font-size:12px;z-index:3}
.hr-scroll-cue>span{width:24px;height:38px;border-radius:14px;border:1px solid rgba(var(--hr-ink-rgb),.25);display:flex;justify-content:center;padding-top:7px}
.hr-scroll-cue>span>span{width:3px;height:8px;border-radius:2px;background:var(--hr-gold);animation:hrScroll 1.6s infinite}
body .elementor-widget.hr-scroll-cue-wrap{position:static;width:0;height:0}
/* ---------- marquee ---------- */
body .e-con.hr-marquee{border-top:1px solid rgba(var(--hr-ink-rgb),.08);border-bottom:1px solid rgba(var(--hr-ink-rgb),.08);overflow:hidden}
.hr-marquee-track{display:flex;width:max-content;animation:hrMarquee 38s linear infinite}
.hr-marquee-group{display:flex;gap:48px;padding-left:48px;font-family:Doran,sans-serif;font-size:clamp(22px,2.4vw,34px);font-weight:800;white-space:nowrap;align-items:center;color:var(--hr-ink);line-height:1.6}
.hr-mq-sep{color:var(--hr-gold);font-size:.5em}
.hr-mq-latin{font-family:'Bodoni Moda',serif;font-style:italic;font-weight:500;color:var(--hr-text)}
/* ---------- services ---------- */
body .e-con.hr-card{height:100%;border-radius:28px;border:1px solid rgba(var(--hr-ink-rgb),.16);background:radial-gradient(520px circle at var(--x,-999px) var(--y,-999px),rgba(var(--hr-gold-rgb),.09),transparent 45%),var(--hr-surface);box-shadow:0 10px 32px rgba(0,0,0,.12);transition:border-color .4s,transform .4s}
body .e-con.hr-card:hover{border-color:rgba(var(--hr-gold-rgb),.45);transform:translateY(-4px)}
body .hr-pill-outline .elementor-heading-title{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid rgba(var(--hr-gold-rgb),.3);color:var(--hr-gold);font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:12px;font-weight:700;line-height:1.6}
body .elementor-widget.hr-tags{margin-top:auto}
body .hr-tags .elementor-icon-list-items.elementor-inline-items{display:flex;flex-wrap:wrap;gap:8px;margin:0}
body .hr-tags .elementor-icon-list-item,body .hr-tags .elementor-inline-items .elementor-icon-list-item{margin:0;padding:8px 14px;border-radius:999px;background:rgba(var(--hr-ink-rgb),.05)}
body .hr-tags .elementor-icon-list-item::after{display:none}
body .hr-tags .elementor-icon-list-text{font-size:13px;line-height:1.6;color:var(--hr-text);padding:0}
/* ---------- process ---------- */
body .e-con.hr-sticky{position:sticky;top:130px}
body .elementor-widget.hr-btn-outline{width:auto;align-self:flex-start}
body .e-con.hr-process{position:relative}
body .e-con.hr-process::before,body .e-con.hr-process::after{content:"";position:absolute;right:11px;top:8px;bottom:8px;width:2px;pointer-events:none}
body .e-con.hr-process::before{background:rgba(var(--hr-ink-rgb),.08)}
body .e-con.hr-process::after{background:var(--hr-gold);transform:scaleY(var(--hr-fill,0));transform-origin:top}
body .e-con.hr-step{position:relative;transition:opacity .5s}
body .e-con.hr-step.hr-dim{opacity:.82}
body .e-con.hr-step::after{content:"";position:absolute;right:-44px;top:14px;width:24px;height:24px;border-radius:50%;border:2px solid var(--hr-gold);background:var(--hr-bg-alt);transition:background .4s;box-sizing:border-box}
body .e-con.hr-step.hr-active::after{background:var(--hr-gold)}
body .hr-step-meta .elementor-heading-title{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;line-height:1.6;font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif}
.hr-step-no{font-size:15px;color:var(--hr-gold);font-weight:700}
.hr-step-time{font-size:13px;color:var(--hr-muted);font-weight:400}
/* ---------- portfolio (pinned horizontal scroll) ---------- */
body .e-con.hr-work{position:relative}
body .e-con.hr-work-sticky{position:relative;overflow-x:auto;overflow-y:hidden}
body .e-con.hr-work-track{--width:max-content;width:max-content;max-width:none;flex-wrap:nowrap;will-change:transform}
body .e-con.hr-work-card{--width:min(78vw,560px,calc((100vh - 300px)*1.6));width:min(78vw,560px,calc((100vh - 300px)*1.6));flex:none}
.hr-shot{aspect-ratio:16/10;border-radius:24px;border:1px solid rgba(var(--hr-ink-rgb),.08);background:repeating-linear-gradient(135deg,var(--hr-bg-alt) 0 12px,#1a1610 12px 24px);display:grid;place-items:center;font-family:ui-monospace,monospace;font-size:13px;color:var(--hr-muted);direction:ltr}
body .elementor-widget-image.hr-shot-img img{aspect-ratio:16/10;object-fit:cover;border-radius:24px;border:1px solid rgba(var(--hr-ink-rgb),.08);width:100%}
body .hr-pill-gold .elementor-heading-title{display:inline-block;padding:8px 14px;border-radius:999px;background:rgba(var(--hr-gold-rgb),.1);color:var(--hr-gold);font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:13px;font-weight:700;line-height:1.6;white-space:nowrap}
body .e-con.hr-work-cta{--width:min(78vw,420px);width:min(78vw,420px);flex:none;aspect-ratio:16/13;align-self:flex-start;border-radius:24px;background:var(--hr-gold);color:var(--hr-bg);transition:transform .4s;text-decoration:none}
body .e-con.hr-work-cta:hover{transform:scale(.98);color:var(--hr-bg)}
body .hr-arrow-circle .elementor-heading-title{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--hr-bg);color:var(--hr-gold);font-size:22px;line-height:1;font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif}
.hr-work-progress{width:200px;height:2px;background:rgba(var(--hr-ink-rgb),.1);border-radius:2px;overflow:hidden}
.hr-work-bar{height:100%;background:var(--hr-gold);transform:scaleX(0);transform-origin:right}
/* Elementor sets flex-wrap:wrap on every container below 767px; keep the track and its cards unwrapped */
body .e-con.hr-work-track{--flex-wrap:nowrap;--flex-wrap-mobile:nowrap;align-items:flex-start}
body .e-con.hr-work-card{--flex-wrap:nowrap;--flex-wrap-mobile:nowrap}
body .e-con.hr-work-card>.elementor-widget{flex-shrink:0}
/* ---------- stats + comparison ---------- */
body .e-con.hr-stats{border-top:1px solid rgba(var(--hr-ink-rgb),.1);border-bottom:1px solid rgba(var(--hr-ink-rgb),.1)}
body .hr-counter .elementor-counter{flex-direction:column;align-items:flex-start}
body .hr-counter .elementor-counter-number-wrapper{justify-content:flex-start;align-items:baseline;line-height:1}
body .hr-counter .elementor-counter-number-prefix,body .hr-counter .elementor-counter-number-suffix{flex-grow:0;text-align:start}
body .hr-counter-unit .elementor-counter-number-suffix{font-size:.4em;font-weight:700;margin-inline-start:.25em}
.hr-compare{border-radius:28px;border:1px solid rgba(var(--hr-ink-rgb),.16);background:var(--hr-surface);overflow:hidden}
.hr-cmp-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid rgba(var(--hr-ink-rgb),.06)}
.hr-cmp-row.hr-cmp-last{border-bottom:0}
.hr-cmp-head{font-size:14px;font-weight:700;color:var(--hr-muted);border-bottom-color:rgba(var(--hr-ink-rgb),.08)}
.hr-cmp-c{padding:18px 24px;line-height:1.6}
.hr-cmp-head .hr-cmp-c{padding-top:20px;padding-bottom:20px}
.hr-cmp-x{padding-left:12px;padding-right:12px;text-align:center}
.hr-cmp-hr{background:rgba(var(--hr-gold-rgb),.08);color:var(--hr-gold)}
.hr-cmp-no{color:var(--hr-muted)}
.hr-cmp-mid{color:var(--hr-muted);font-size:13px}
/* ---------- plans ---------- */
body .e-con.hr-plans-head{max-width:720px}
body .e-con.hr-plan{position:relative;border-radius:28px;border:1px solid rgba(var(--hr-ink-rgb),.16);background:var(--hr-surface);box-shadow:0 10px 32px rgba(0,0,0,.12)}
body .e-con.hr-plan--featured{border-color:var(--hr-gold);background:linear-gradient(180deg,rgba(var(--hr-gold-rgb),.12),rgba(var(--hr-gold-rgb),.02) 60%),var(--hr-surface);box-shadow:0 18px 48px rgba(var(--hr-gold-rgb),.12)}
body .elementor-widget.hr-plan-badge{position:absolute;top:-14px;right:32px;width:auto;z-index:2}
body .hr-plan-badge .elementor-heading-title{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--hr-gold);color:var(--hr-bg);font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:12px;font-weight:800;line-height:1.6}
body .hr-feats .elementor-icon-list-items{display:flex;flex-direction:column;gap:14px}
body .hr-feats .elementor-icon-list-item{padding:0;margin:0}
body .hr-feats .elementor-icon-list-item::after{display:none}
body .hr-feats .elementor-icon-list-text{font-size:15px;line-height:1.6;color:var(--hr-text);padding:0}
body .hr-feats .elementor-icon-list-text::before{content:"◆ 0a0 ";color:inherit}
body .hr-plan--featured .hr-feats .elementor-icon-list-text{color:var(--hr-ink)}
body .hr-plan--featured .hr-feats .elementor-icon-list-text::before{color:var(--hr-gold)}
/* ---------- testimonials ---------- */
body button.hr-video{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;margin:0;border-radius:24px;overflow:hidden;border:1px solid rgba(var(--hr-ink-rgb),.09);background:repeating-linear-gradient(135deg,var(--hr-bg-alt) 0 12px,#1a1610 12px 24px);cursor:pointer;color:var(--hr-ink);text-align:right;font-family:IRANSans,IRANSansX,Vazirmatn,Tahoma,sans-serif;font-size:16px;font-weight:400;line-height:1.6;box-shadow:none;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .4s}
body button.hr-video:hover,body button.hr-video:focus{transform:translateY(-6px);border-color:rgba(var(--hr-gold-rgb),.5);background:repeating-linear-gradient(135deg,var(--hr-bg-alt) 0 12px,#1a1610 12px 24px);color:var(--hr-ink);box-shadow:none}
.hr-video-top{position:absolute;top:18px;right:18px;left:18px;display:flex;justify-content:space-between;align-items:center;direction:ltr}
.hr-video-ph{font-family:ui-monospace,monospace;font-size:12px;color:var(--hr-muted)}
.hr-video-dur{padding:5px 12px;border-radius:999px;background:rgba(var(--hr-bg-rgb),.75);font-size:12px;color:var(--hr-ink);font-family:Doran,sans-serif}
.hr-video-play{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:var(--hr-gold);color:var(--hr-bg);display:grid;place-items:center;font-size:22px;animation:hrPulse 2s infinite}
.hr-video-info{position:absolute;right:0;left:0;bottom:0;padding:70px 22px 22px;background:linear-gradient(transparent,rgba(var(--hr-bg-rgb),.96));display:flex;flex-direction:column;gap:6px}
.hr-video-name{font-size:18px;font-weight:700}
.hr-video-role{color:var(--hr-muted);font-size:14px}
.hr-video-pill{margin-top:8px;align-self:flex-start;padding:6px 12px;border-radius:999px;background:rgba(var(--hr-gold-rgb),.14);color:var(--hr-gold);font-size:12px;font-weight:700}
body .e-con.hr-quote{border-radius:24px;border:1px solid rgba(var(--hr-ink-rgb),.16);background:var(--hr-surface)}
body .hr-quote-stars .elementor-heading-title{color:var(--hr-gold);letter-spacing:3px;font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:16px;line-height:1.6}
/* Testimonial quotes: 4 columns need ~1200px; use 2 columns on small laptops (Elementor tablet breakpoint handles <=1024) */
@media (min-width:1025px) and (max-width:1199px){body .e-con.hr-quotes{--e-con-grid-template-columns:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* ---------- FAQ (Nested Accordion) ---------- */
body .elementor-widget-n-accordion.hr-faq{--n-accordion-border-width:0px;--n-accordion-padding:26px 0;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-font-size:clamp(17px,1.4vw,20px);--n-accordion-title-normal-color:var(--hr-ink);--n-accordion-title-hover-color:var(--hr-ink);--n-accordion-title-active-color:var(--hr-ink);--n-accordion-border-radius:0px}
body .hr-faq .e-n-accordion-item{border-top:1px solid rgba(var(--hr-ink-rgb),.1);margin:0}
body .hr-faq .e-n-accordion-item:last-child{border-bottom:1px solid rgba(var(--hr-ink-rgb),.1)}
body .hr-faq .e-n-accordion-item-title{justify-content:space-between;gap:20px;padding:26px 0;border:0;background:none;color:var(--hr-ink)}
body .hr-faq .e-n-accordion-item-title-text{font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:clamp(17px,1.4vw,20px);font-weight:700;line-height:1.7;color:var(--hr-ink)}
body .hr-faq .e-n-accordion-item-title::after{content:"+";flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(var(--hr-gold-rgb),.4);color:var(--hr-gold);display:grid;place-items:center;font-size:20px;font-weight:300;line-height:1;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
body .hr-faq .e-n-accordion-item[open]>.e-n-accordion-item-title::after{transform:rotate(45deg)}
body .hr-faq .e-n-accordion-item>.e-con{border:0;background:none}
body .hr-faq .e-n-accordion-item[open]>.e-con{animation:hrFaqIn .3s cubic-bezier(.22,.61,.36,1)}
body .hr-faq-a .elementor-widget-text-editor{max-width:620px}
/* ---------- contact ---------- */
body .e-con.hr-contact{overflow:hidden}
body .e-con.hr-contact::after{content:"";position:absolute;width:900px;height:900px;right:-300px;bottom:-400px;border-radius:50%;background:radial-gradient(circle,rgba(var(--hr-gold-rgb),.18),transparent 65%);filter:blur(20px);pointer-events:none;z-index:0}
body .e-con.hr-contact>.e-con-inner{position:relative;z-index:1}
body .hr-dots .elementor-icon-list-items{display:flex;flex-direction:column;gap:14px}
body .hr-dots .elementor-icon-list-item{padding:0;margin:0}
body .hr-dots .elementor-icon-list-item::after{display:none}
body .hr-dots .elementor-icon-list-text{display:flex;gap:12px;align-items:center;font-size:16px;line-height:1.6;color:var(--hr-ink);padding:0}
body .hr-dots .elementor-icon-list-text::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hr-gold);flex:none}
body .elementor-widget.hr-phone{width:auto;align-self:flex-start}
body .hr-phone .elementor-heading-title,body .hr-phone .elementor-heading-title a{display:inline-flex;flex-direction:column;gap:4px;line-height:1.6}
.hr-phone-label{color:var(--hr-muted);font-size:14px;font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-weight:400}
.hr-phone-num{font-family:Doran,sans-serif;font-size:28px;font-weight:800;color:var(--hr-ink);direction:ltr;text-align:right}
body .e-con.hr-consult-card{border-radius:32px;background:rgba(var(--hr-surface-rgb),.8);border:1px solid rgba(var(--hr-gold-rgb),.25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 40px 120px rgba(0,0,0,.5)}
/* consultation form (Elementor Pro Form) */
body .hr-consult .elementor-field-group{margin-bottom:22px}
body .hr-consult .elementor-field-group .elementor-field-label{display:block;line-height:1.6;padding-bottom:10px;margin:0}
body .hr-consult .elementor-field-group .elementor-field-textual{padding:16px 18px;min-height:0;border-radius:14px;border:1px solid #78838e;background:var(--hr-bg);color:var(--hr-ink);font-size:16px;line-height:1.6;box-shadow:none;transition:border-color .3s}
body .hr-consult .elementor-field-group .elementor-field-textual:focus{border-color:var(--hr-gold)}
body .hr-consult .elementor-field-type-tel .elementor-field-textual{text-align:right;direction:rtl}
body .hr-consult .elementor-field-subgroup{display:flex;flex-wrap:wrap;gap:8px}
body .hr-consult .elementor-field-subgroup .elementor-field-option{position:relative;margin:0;padding:0}
body .hr-consult .elementor-field-subgroup .elementor-field-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
body .hr-consult .elementor-field-subgroup .elementor-field-option label{display:inline-block;padding:10px 16px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;line-height:1.4;color:var(--hr-ink);background:transparent;border:1px solid #78838e;transition:all .25s;margin:0}
body .hr-consult .elementor-field-subgroup .elementor-field-option label:hover{border-color:rgba(var(--hr-gold-rgb),.6)}
body .hr-consult .elementor-field-subgroup .elementor-field-option input:checked+label{background:var(--hr-gold);color:var(--hr-bg);border-color:var(--hr-gold)}
body .hr-consult .elementor-field-subgroup .elementor-field-option input:focus-visible+label{outline:2px solid var(--hr-gold-light);outline-offset:2px}
body .hr-consult .elementor-field-group .elementor-field-textual:focus-visible{outline:2px solid var(--hr-gold);outline-offset:2px}
body .hr-consult .e-form__buttons,body .hr-consult .elementor-field-type-submit{margin-top:6px;margin-bottom:0}
body .hr-consult .elementor-field-type-submit .elementor-button{background-image:linear-gradient(135deg,var(--hr-gold-light),var(--hr-gold));width:100%;padding:18px;font-size:17px;font-weight:800;border-radius:999px;box-shadow:none}
body .hr-consult .elementor-field-type-submit .elementor-button:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(var(--hr-gold-rgb),.4)}
body .hr-consult .elementor-button-content-wrapper{justify-content:center}
body .hr-consult .elementor-message,body .hr-audit-form .elementor-message{font-size:14px;line-height:1.8;margin-top:10px}
body .hr-consult .elementor-message.elementor-message-danger,body .hr-audit-form .elementor-message.elementor-message-danger,body .elementor-form .elementor-help-inline{color:#ff9b7a}
body .hr-consult .elementor-message.elementor-message-success,body .hr-audit-form .elementor-message.elementor-message-success{color:var(--hr-gold)}
/* success state (built by custom-code JS from the Pro success event) */
.hr-sent{text-align:center;padding:40px 0;display:flex;flex-direction:column;align-items:center;gap:18px}
.hr-sent-ok{width:72px;height:72px;border-radius:50%;background:var(--hr-gold);color:var(--hr-bg);display:grid;place-items:center;font-size:32px;font-weight:900}
.hr-sent-title{font-family:Doran,sans-serif;font-size:26px;font-weight:800;line-height:1.6}
.hr-sent p{margin:0;color:var(--hr-text);line-height:2;max-width:340px}
body .e-con.hr-consult-card.hr-is-sent>.elementor-widget{display:none}
/* ---------- footer ---------- */
body .e-con.hr-footer{position:relative;overflow:hidden;border-top:1px solid rgba(var(--hr-gold-rgb),.18)}
body .e-con.hr-footer::after{content:"";position:absolute;top:0;left:50%;width:70%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--hr-gold),transparent);pointer-events:none}
/* glow painted first (::before) and without z-index so the logo's mix-blend-mode:screen still sees the footer background */
body .e-con.hr-footer-main::before{content:"";position:absolute;width:700px;height:700px;left:-250px;top:-300px;border-radius:50%;border:0;opacity:1;mix-blend-mode:normal;background:radial-gradient(circle,rgba(var(--hr-gold-rgb),.1),transparent 65%);pointer-events:none}
body .e-con.hr-audit{border-radius:32px;border:1px solid rgba(var(--hr-ink-rgb),.09);background:linear-gradient(135deg,rgba(var(--hr-gold-rgb),.1),rgba(var(--hr-gold-rgb),.02) 50%),var(--hr-surface)}
/* inline pill audit form */
body .hr-audit-form .elementor-form-fields-wrapper{display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;margin:0;padding:8px;border-radius:999px;background:var(--hr-bg);border:1px solid rgba(var(--hr-ink-rgb),.14)}
body .hr-audit-form .elementor-field-group{position:relative;flex:1 1 auto;width:auto;min-width:0;max-width:none;margin:0;padding:0}
body .hr-audit-form .elementor-field-group input.elementor-field{height:100%;min-height:0;padding:0 18px;border:0;border-radius:0;background:transparent;color:var(--hr-ink);font-size:15px;box-shadow:none;outline:none}
body .hr-audit-form .elementor-field-group.elementor-field-type-submit{flex:0 0 auto;width:auto}
body .hr-audit-form .elementor-field-type-submit .elementor-button{background:var(--hr-gold);box-shadow:none;color:var(--hr-bg);padding:14px 24px;font-size:15px;font-weight:800;border-radius:999px;white-space:nowrap}
body .hr-audit-form .elementor-field-type-submit .elementor-button:hover{background:var(--hr-gold);color:var(--hr-bg);box-shadow:none}
/* two inputs (site + contact) in the pill, thin divider between them; stacked card below 600px */
body .hr-audit-form .elementor-field-group.elementor-field-group-contact{border-right:1px solid rgba(var(--hr-ink-rgb),.14)}
body .hr-audit-form .elementor-field-group input.elementor-field{min-height:48px}
@media (max-width:600px){
body .hr-audit-form .elementor-form-fields-wrapper{flex-wrap:wrap;border-radius:24px;padding:10px}
body .hr-audit-form .elementor-field-group{flex:1 1 100%}
body .hr-audit-form .elementor-field-group.elementor-field-group-contact{border-right:0;border-top:1px solid rgba(var(--hr-ink-rgb),.14)}
body .hr-audit-form .elementor-field-group.elementor-field-type-submit{flex:1 1 100%}
body .hr-audit-form .elementor-field-type-submit .elementor-button{width:100%}
}
body .hr-audit-form .elementor-field-group .elementor-help-inline{position:absolute;top:calc(100% + 14px);right:18px;white-space:nowrap}
/* columns */
body .e-con.hr-footer-brand{grid-column:span 2}
@media (max-width:479px){body .e-con.hr-footer-brand{grid-column:auto}}
body .hr-flinks .elementor-icon-list-items{display:flex;flex-direction:column;gap:14px}
body .hr-flinks .elementor-icon-list-item{padding:0;margin:0}
body .hr-flinks .elementor-icon-list-item::after{display:none}
body .hr-flinks .elementor-icon-list-item a{display:inline-flex;align-items:center;gap:8px;transition:color .3s,transform .3s}
body .hr-flinks .elementor-icon-list-text{color:var(--hr-muted);font-size:15px;line-height:1.6;padding:0;transition:color .3s}
body .hr-flinks .elementor-icon-list-item a:hover{transform:translateX(-4px)}
body .hr-flinks .elementor-icon-list-item a:hover .elementor-icon-list-text{color:var(--hr-gold)}
body .hr-footer-contact .elementor-heading-title a{color:inherit}
body .elementor-widget.hr-footer-word{position:relative;margin-top:clamp(40px,6vw,72px)}
body .hr-footer-word .elementor-heading-title{text-align:center;direction:ltr;white-space:nowrap;background:linear-gradient(180deg,rgba(var(--hr-gold-rgb),.35),rgba(var(--hr-gold-rgb),0) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none}
body .e-con.hr-footer-bottom{border-top:1px solid rgba(var(--hr-ink-rgb),.06)}
body .elementor-widget.hr-totop{width:auto}
body .hr-totop .elementor-heading-title a{display:flex;align-items:center;gap:10px;color:var(--hr-text)}
.hr-totop-i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(var(--hr-gold-rgb),.4);color:var(--hr-gold);transition:transform .3s;font-size:16px}
body .hr-totop a:hover .hr-totop-i{transform:translateY(-4px)}
/* ---------- sticky CTA (FAB) ---------- */
body .e-con.hr-fab{position:fixed;bottom:22px;left:22px;z-index:85;width:auto;--width:auto;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .4s,transform .4s}
body .e-con.hr-fab.hr-show{opacity:1;transform:none;pointer-events:auto}
body .elementor-widget.hr-fab-call,body .elementor-widget.hr-fab-cta{width:auto;flex:none}
body .hr-fab-call .elementor-button{width:54px;height:54px;padding:0;display:grid;place-items:center;border-radius:50%;background:rgba(var(--hr-surface-rgb),.85);border:1px solid rgba(var(--hr-gold-rgb),.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--hr-gold);font-size:13px;font-weight:700;box-shadow:none}
body .hr-fab-call .elementor-button:hover,body .hr-fab-call .elementor-button:focus{background:rgba(var(--hr-surface-rgb),.85);color:var(--hr-gold);box-shadow:none}
body .hr-fab-cta .elementor-button{height:54px;display:flex;align-items:center;padding:0 24px;background:var(--hr-gold);color:var(--hr-bg);font-size:15px;font-weight:800;box-shadow:0 12px 36px rgba(var(--hr-gold-rgb),.35)}
body .hr-fab-cta .elementor-button:hover,body .hr-fab-cta .elementor-button:focus{background:var(--hr-gold);color:var(--hr-bg)}
body.elementor-editor-active .elementor-edit-area-active .e-con.hr-fab{position:relative;bottom:auto;left:auto;opacity:1;transform:none;pointer-events:auto}
/* ---------- JS-injected: progress bar, grain, cursor, reveal ---------- */
.hr-progress{position:fixed;top:0;right:0;left:0;height:2px;z-index:100;background:linear-gradient(90deg,var(--hr-gold-deep),var(--hr-gold-light),var(--hr-gold-light));transform:scaleX(0);transform-origin:right center;pointer-events:none}
.hr-grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,")}
.hr-cur-ring{position:fixed;top:0;left:0;z-index:120;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:1px solid rgba(var(--hr-gold-rgb),.7);pointer-events:none;display:grid;place-items:center;transition:width .35s cubic-bezier(.2,.7,.2,1),height .35s cubic-bezier(.2,.7,.2,1),margin .35s cubic-bezier(.2,.7,.2,1),background .35s,border-color .35s,opacity .3s;font-size:12px;font-weight:800;color:var(--hr-bg);will-change:transform;font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif}
.hr-cur-dot{position:fixed;top:0;left:0;z-index:121;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--hr-gold);pointer-events:none;box-shadow:0 0 12px var(--hr-gold);will-change:transform;transition:opacity .3s}
html.hr-has-cursor,html.hr-has-cursor *{cursor:none!important}
.hr-reveal-hide{opacity:0}
/* ---------- reduced motion ---------- */
/* ---------- 1-column layouts: center the section intro (title + text under it) ----------
.hr-stacked is added by the Custom Code script when the children of a .hr-stackable layout sit one under
another. Below 768px every stackable layout is 1 column, so CSS applies the same rules without waiting for JS. */
body .hr-stacked.hr-center-all{justify-content:center;align-items:center}
body .hr-stacked .hr-intro,body .hr-stacked.hr-center-all>*{align-items:center;text-align:center}
body .hr-stacked .hr-intro .elementor-heading-title,body .hr-stacked.hr-center-all>* .elementor-heading-title,body .hr-stacked .hr-intro .elementor-widget-text-editor,body .hr-stacked.hr-center-all>* .elementor-widget-text-editor,body .hr-stacked .hr-intro .elementor-button-wrapper,body .hr-stacked.hr-center-all>* .elementor-button-wrapper,body .hr-stacked .hr-intro.elementor-widget-text-editor,body .hr-stacked.hr-center-all>*.elementor-widget-text-editor,body .hr-stacked .hr-intro.elementor-widget-button .elementor-button-wrapper,body .hr-stacked.hr-center-all>*.elementor-widget-button .elementor-button-wrapper{text-align:center!important}
body .hr-stacked .hr-intro .hr-eyebrow .elementor-heading-title,body .hr-stacked.hr-center-all>* .hr-eyebrow .elementor-heading-title,body .hr-stacked .hr-intro.hr-eyebrow .elementor-heading-title,body .hr-stacked.hr-center-all>*.hr-eyebrow .elementor-heading-title{justify-content:center}
body .hr-stacked .hr-intro .hr-eyebrow .elementor-heading-title::after,body .hr-stacked.hr-center-all>* .hr-eyebrow .elementor-heading-title::after{content:"";width:32px;height:1px;background:var(--hr-gold);flex:none}
body .hr-stacked .hr-intro .elementor-widget-text-editor,body .hr-stacked.hr-center-all>* .elementor-widget-text-editor{margin-inline:auto}
body .hr-stacked .hr-intro .hr-dots .elementor-icon-list-items,body .hr-stacked.hr-center-all>* .hr-dots .elementor-icon-list-items{align-items:center}
body .hr-stacked .hr-intro .elementor-widget.hr-phone,body .hr-stacked.hr-center-all>* .elementor-widget.hr-phone{align-self:center}
body .hr-stacked .hr-intro .hr-phone .elementor-heading-title,body .hr-stacked.hr-center-all>* .hr-phone .elementor-heading-title,body .hr-stacked .hr-intro .hr-phone .elementor-heading-title a,body .hr-stacked.hr-center-all>* .hr-phone .elementor-heading-title a{align-items:center}
body .hr-stacked .hr-intro .hr-phone-num,body .hr-stacked.hr-center-all>* .hr-phone-num{text-align:center}
@media (max-width:767px){
body .hr-stackable.hr-center-all{justify-content:center;align-items:center}
body .hr-stackable .hr-intro,body .hr-stackable.hr-center-all>*{align-items:center;text-align:center}
body .hr-stackable .hr-intro .elementor-heading-title,body .hr-stackable.hr-center-all>* .elementor-heading-title,body .hr-stackable .hr-intro .elementor-widget-text-editor,body .hr-stackable.hr-center-all>* .elementor-widget-text-editor,body .hr-stackable .hr-intro .elementor-button-wrapper,body .hr-stackable.hr-center-all>* .elementor-button-wrapper,body .hr-stackable .hr-intro.elementor-widget-text-editor,body .hr-stackable.hr-center-all>*.elementor-widget-text-editor,body .hr-stackable .hr-intro.elementor-widget-button .elementor-button-wrapper,body .hr-stackable.hr-center-all>*.elementor-widget-button .elementor-button-wrapper{text-align:center!important}
body .hr-stackable .hr-intro .hr-eyebrow .elementor-heading-title,body .hr-stackable.hr-center-all>* .hr-eyebrow .elementor-heading-title,body .hr-stackable .hr-intro.hr-eyebrow .elementor-heading-title,body .hr-stackable.hr-center-all>*.hr-eyebrow .elementor-heading-title{justify-content:center}
body .hr-stackable .hr-intro .hr-eyebrow .elementor-heading-title::after,body .hr-stackable.hr-center-all>* .hr-eyebrow .elementor-heading-title::after{content:"";width:32px;height:1px;background:var(--hr-gold);flex:none}
body .hr-stackable .hr-intro .elementor-widget-text-editor,body .hr-stackable.hr-center-all>* .elementor-widget-text-editor{margin-inline:auto}
body .hr-stackable .hr-intro .hr-dots .elementor-icon-list-items,body .hr-stackable.hr-center-all>* .hr-dots .elementor-icon-list-items{align-items:center}
body .hr-stackable .hr-intro .elementor-widget.hr-phone,body .hr-stackable.hr-center-all>* .elementor-widget.hr-phone{align-self:center}
body .hr-stackable .hr-intro .hr-phone .elementor-heading-title,body .hr-stackable.hr-center-all>* .hr-phone .elementor-heading-title,body .hr-stackable .hr-intro .hr-phone .elementor-heading-title a,body .hr-stackable.hr-center-all>* .hr-phone .elementor-heading-title a{align-items:center}
body .hr-stackable .hr-intro .hr-phone-num,body .hr-stackable.hr-center-all>* .hr-phone-num{text-align:center}
}
/* ---------- scrollbar (site-wide, black + gold) ----------
Firefox and Chrome 121+ use scrollbar-color/-width (solid colors only);
Safari and older Chromium use the ::-webkit-scrollbar rules with the gold gradient. */
html{scrollbar-color:#A67F00 var(--hr-bg);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--hr-bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--hr-gold-light),var(--hr-gold-deep));border-radius:999px;border:2px solid var(--hr-bg)}
::-webkit-scrollbar-thumb:hover{background:var(--hr-gold)}
::-webkit-scrollbar-corner{background:var(--hr-bg)}
/* ==========================================================================
Phase 2 — header dropdown + inner pages (web-design, seo, portfolio, about, contact)
========================================================================== */
@keyframes hrIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes hrBlink{50%{opacity:0}}
body .elementor .e-con .elementor-widget.hr-mw-400{max-width:400px}
.hr-muted2{color:var(--hr-muted)}
body .elementor-widget.hr-mt-28{margin-top:28px}
/* ---------- nav: current page gold (not «خانه», not in-page anchors) + «خدمات» ▾ ---------- */
body .hr-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--hr-gold)}
body .hr-nav .elementor-nav-menu--main .hr-mi-home>.elementor-item.elementor-item-active,
body .hr-nav .elementor-nav-menu--main .elementor-item-anchor.elementor-item-active{color:var(--hr-text)}
body .hr-nav .elementor-nav-menu--main .elementor-item-anchor.elementor-item-active:hover{color:var(--hr-gold)}
body .hr-nav .elementor-nav-menu--main .hr-mi-services>.elementor-item{gap:6px}
body .hr-nav .elementor-nav-menu--main .hr-mi-services>.elementor-item::after{content:"▾";position:static;display:inline-block;width:auto;height:auto;opacity:1!important;background:none;font-size:10px;line-height:1;transition:transform .3s}
body .hr-nav .elementor-nav-menu--main .hr-mi-services.hr-dd-open>.elementor-item::after{transform:rotate(180deg)}
/* ---------- services dropdown panel (moved into the «خدمات» by the custom code) ---------- */
body .e-con.hr-dd{position:absolute;top:100%;right:-24px;left:auto;z-index:20;--width:auto;width:auto;opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s .45s}
body .e-con.hr-dd.hr-open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1),visibility 0s}
body .e-con.hr-dd-box{--width:340px;width:340px;border-radius:22px;background:rgba(var(--hr-surface-rgb),.97);border:1px solid rgba(var(--hr-ink-rgb),.1);box-shadow:0 30px 80px rgba(0,0,0,.6)}
/* Pro gives every in the menu padding:13px 20px — the panel rows keep the design's 14px */
body .elementor-nav-menu .e-con.hr-dd-item,body .elementor-nav-menu .e-con.hr-dd-cta{padding:14px}
body .elementor-nav-menu .e-con.hr-dd-item,body .e-con.hr-dd-item{display:flex;border-radius:14px;color:var(--hr-ink);line-height:normal;text-decoration:none;transition:background .3s}
body .elementor-nav-menu .e-con.hr-dd-item:hover,body .elementor-nav-menu .e-con.hr-dd-item:focus-visible,body .e-con.hr-dd-item:hover{background:rgba(var(--hr-gold-rgb),.08);color:var(--hr-ink)}
body .hr-dd-num .elementor-heading-title{width:32px;font-family:Doran,sans-serif;font-size:22px;font-weight:300;line-height:1.4;color:var(--hr-gold)}
body .hr-dd-title .elementor-heading-title{font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:15px;font-weight:700;line-height:1.5;color:var(--hr-ink)}
body .hr-dd-sub .elementor-heading-title{font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:12px;font-weight:400;line-height:1.5;color:var(--hr-muted)}
body .elementor-nav-menu .e-con.hr-dd-cta,body .e-con.hr-dd-cta{display:flex;margin-top:6px;border-radius:14px;background:rgba(var(--hr-gold-rgb),.1);line-height:normal;text-decoration:none;transition:background .3s}
body .elementor-nav-menu .e-con.hr-dd-cta:hover,body .elementor-nav-menu .e-con.hr-dd-cta:focus-visible,body .e-con.hr-dd-cta:hover{background:rgba(var(--hr-gold-rgb),.18)}
body .hr-dd-cta-t .elementor-heading-title,body .hr-dd-cta-a .elementor-heading-title{font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:14px;font-weight:700;line-height:1.5;color:var(--hr-gold)}
@media (max-width:1119.98px){body .e-con.hr-dd{display:none}}
body.elementor-editor-active .elementor-edit-area-active .e-con.hr-dd{position:relative;top:auto;right:auto;opacity:1;visibility:visible;transform:none;pointer-events:auto}
/* ---------- inner-page hero ---------- */
body .hr-hero--inner .hr-hero-glow{background:radial-gradient(circle,rgba(var(--hr-gold-rgb),.2),rgba(166,127,0,.07) 45%,transparent 70%)}
body .hr-hero--contact .hr-hero-glow{width:900px;height:900px;left:-300px;top:auto;bottom:-400px;background:radial-gradient(circle,rgba(var(--hr-gold-rgb),.18),transparent 65%);filter:blur(20px)}
body .hr-hero--contact .hr-hero-spot{background:radial-gradient(circle,rgba(255,240,168,.07),transparent 60%)}
body .e-con.hr-hero--contact::after{-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%)}
body .hr-crumbs nav{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;line-height:1.7;color:var(--hr-muted)}
body .hr-crumbs nav a{color:var(--hr-muted);transition:color .3s}
body .hr-crumbs nav a:hover{color:var(--hr-gold)}
.hr-crumb-cur{color:var(--hr-gold)}
body .e-con.hr-mstats{max-width:560px;border-top:1px solid rgba(var(--hr-ink-rgb),.1)}
body .hr-hero-badge.hr-online .elementor-heading-title{border-color:rgba(var(--hr-ink-rgb),.14);background:rgba(var(--hr-ink-rgb),.03)}
.hr-online-dot{width:8px;height:8px;border-radius:50%;background:#7fd6a0;box-shadow:0 0 12px #7fd6a0;flex:none}
.hr-online.is-off .hr-online-dot{background:var(--hr-gold);box-shadow:0 0 12px var(--hr-gold)}
/* 1-column: center the hero copy extras too (buttons row, mini stats, breadcrumb) */
body .hr-stacked .hr-intro .e-con.hr-btn-row,body .hr-stacked .hr-intro .e-con.hr-btn-row>.e-con-inner{justify-content:center}
body .hr-stacked .hr-intro .e-con.hr-mstats{margin-inline:auto}
body .hr-stacked .hr-intro .hr-crumbs nav{justify-content:center}
body .hr-stacked .hr-intro .hr-crows .elementor-heading-title{text-align:start!important}
@media (max-width:767px){
body .hr-stackable .hr-intro .e-con.hr-btn-row,body .hr-stackable .hr-intro .e-con.hr-btn-row>.e-con-inner{justify-content:center}
body .hr-stackable .hr-intro .e-con.hr-mstats{margin-inline:auto}
body .hr-stackable .hr-intro .hr-crumbs nav{justify-content:center}
body .hr-stackable .hr-intro .hr-crows .elementor-heading-title{text-align:start!important}
}
/* ---------- image slots (design ) ---------- */
/* Elementor wraps flex columns on mobile, which lets a widget shrink to 0 height — slots never shrink */
body .elementor-widget.hr-slot-wrap{flex-shrink:0}
body .e-con.hr-pcard,body .e-con.hr-pcard-media,body .e-con.hr-wcard,body .e-con.hr-member{--flex-wrap:nowrap;--flex-wrap-mobile:nowrap}
body .e-con:has(>.elementor-widget.hr-slot-wrap){--flex-wrap:nowrap;--flex-wrap-mobile:nowrap}
.hr-slot{position:relative;width:100%;overflow:hidden;border-radius:24px;border:1px solid rgba(var(--hr-ink-rgb),.08);background:repeating-linear-gradient(135deg,var(--hr-bg-alt) 0 12px,#1a1610 12px 24px)}
.hr-slot-ph{position:absolute;inset:14px;display:grid;place-items:center;padding:8px;border:1.5px dashed rgba(var(--hr-ink-rgb),.2);border-radius:14px;color:var(--hr-muted);font-size:13px;line-height:1.6;text-align:center}
.hr-hero-visual .hr-slot-ph{inset:14px;border-radius:inherit}
body .hr-slot--r20 .hr-slot{border-radius:20px}
body .hr-slot--r22 .hr-slot{border-radius:22px}
body .hr-slot--r28 .hr-slot{border-radius:28px;border-color:rgba(var(--hr-ink-rgb),.1)}
body .hr-slot--hover .hr-slot{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
body .hr-slot--hover .hr-slot:hover{transform:scale(.98)}
body .hr-slot--logo .hr-slot{border:0;border-radius:0;background:none}
body .hr-slot--logo .hr-slot-ph{border-radius:8px}
body .elementor-widget-image.hr-slot-img img{width:100%;object-fit:cover;border-radius:24px;border:1px solid rgba(var(--hr-ink-rgb),.08)}
/* ---------- web design: site types (Nested Tabs) ---------- */
body .elementor-widget-n-tabs.hr-types{--n-tabs-title-background-color:transparent;--n-tabs-title-background-color-hover:transparent;--n-tabs-title-background-color-active:rgba(var(--hr-gold-rgb),.1);--n-tabs-title-color:var(--hr-muted);--n-tabs-title-color-hover:var(--hr-ink);--n-tabs-title-color-active:var(--hr-ink);--n-tabs-border-width:0px;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-font-size:clamp(17px,1.4vw,20px)}
body .hr-types .e-n-tabs-heading{counter-reset:hrt}
body .hr-types .e-n-tab-title{counter-increment:hrt;display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:20px 22px;border-radius:18px;border:1px solid rgba(var(--hr-ink-rgb),.08);background:transparent;color:var(--hr-muted);text-align:start;transition:all .35s;box-shadow:none}
body .hr-types .e-n-tab-title:hover{border-color:rgba(var(--hr-gold-rgb),.3)}
body .hr-types .e-n-tab-title[aria-selected="true"]{background:rgba(var(--hr-gold-rgb),.1);border-color:rgba(var(--hr-gold-rgb),.5);color:var(--hr-ink)}
body .hr-types .e-n-tab-title::before{content:counter(hrt,decimal-leading-zero);flex:none;width:32px;font-family:Doran,sans-serif;font-size:22px;font-weight:300;line-height:1.2;color:var(--hr-muted);transition:color .35s}
body .hr-types .e-n-tab-title[aria-selected="true"]::before{color:var(--hr-gold)}
body .hr-types .e-n-tab-title::after{content:"←";margin-inline-start:auto;color:var(--hr-gold);opacity:0;transition:opacity .3s}
body .hr-types .e-n-tab-title[aria-selected="true"]::after{opacity:1}
body .hr-types .e-n-tab-title-text{flex:1;font-family:Doran,sans-serif;font-size:clamp(17px,1.4vw,20px);font-weight:800;line-height:1.5}
body .hr-types .e-n-tabs-content>.e-con{border:0;padding:0;background:none}
body .hr-types .e-n-tabs-content>.e-con.e-active{animation:hrIn .6s cubic-bezier(.2,.7,.2,1)}
body .e-con.hr-type-card{border-radius:28px;border:1px solid rgba(var(--hr-gold-rgb),.25);background:radial-gradient(600px circle at var(--x,-999px) var(--y,-999px),rgba(var(--hr-gold-rgb),.1),transparent 45%),var(--hr-surface)}
body .hr-feats--2col .elementor-icon-list-items{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body .hr-feats--2col .elementor-icon-list-text{font-size:14px}
body .hr-feats--12 .elementor-icon-list-items{gap:12px}
body .hr-type-meta .elementor-heading-title{display:flex;flex-wrap:wrap;gap:24px;padding-top:16px;border-top:1px solid rgba(var(--hr-ink-rgb),.08)}
body .elementor-widget.hr-btn-gold-sm{align-self:flex-start;width:auto;margin-top:6px}
body .hr-btn-gold-sm .elementor-button{border-radius:999px;background:var(--hr-gold);box-shadow:none;color:var(--hr-bg);font-size:15px;font-weight:800;padding:14px 24px;transition:box-shadow .3s}
body .hr-btn-gold-sm .elementor-button:hover,body .hr-btn-gold-sm .elementor-button:focus{background:var(--hr-gold);color:var(--hr-bg);box-shadow:0 12px 32px rgba(var(--hr-gold-rgb),.35)}
/* ---------- included (hairline grid) ---------- */
body .e-con.hr-incl{border-top:1px solid rgba(var(--hr-ink-rgb),.1);border-right:1px solid rgba(var(--hr-ink-rgb),.1)}
body .e-con.hr-incl-cell{border-left:1px solid rgba(var(--hr-ink-rgb),.1);border-bottom:1px solid rgba(var(--hr-ink-rgb),.1);transition:background .4s}
body .e-con.hr-incl-cell:hover{background:rgba(var(--hr-gold-rgb),.05)}
/* ---------- cards / tags / plans / band ---------- */
body .e-con.hr-card--nolift:hover{transform:none}
.hr-h3-sub{font-size:.6em;font-weight:500;color:var(--hr-muted)}
body .hr-tags--ltr .elementor-icon-list-items.elementor-inline-items{direction:ltr;justify-content:flex-end}
body .e-con.hr-plans-head--760{max-width:760px}
body .hr-feats--gold .elementor-icon-list-text::before{color:var(--hr-gold)}
body .hr-plan-note .elementor-heading-title{padding-top:18px;border-top:1px solid rgba(var(--hr-ink-rgb),.08)}
body .e-con.hr-band{position:relative;overflow:hidden;border-radius:36px;background:linear-gradient(135deg,var(--hr-gold-light),#F2C200);color:var(--hr-bg)}
body .e-con.hr-band::after{content:"HR";position:absolute;left:-2%;bottom:-18%;font-family:'Bodoni Moda',serif;font-style:italic;font-weight:700;font-size:clamp(180px,26vw,380px);line-height:1;color:rgba(var(--hr-bg-rgb),.07);direction:ltr;pointer-events:none;z-index:0}
body .e-con.hr-band>.e-con{position:relative;z-index:1}
body .e-con.hr-band-head{grid-column:1/-1}
body .e-con.hr-band-item{border-top:1px solid rgba(var(--hr-bg-rgb),.2)}
body .hr-eyebrow--dark .elementor-heading-title::before,body .hr-eyebrow--dark .elementor-heading-title::after{background:var(--hr-bg)!important}
body .hr-band .elementor-heading-title u{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:10px}
/* ---------- work cards (4:3) ---------- */
body .hr-wcard .hr-slot{border-radius:22px}
body .hr-pill-gold--sm .elementor-heading-title{padding:7px 12px;font-size:12px}
/* ---------- seo: problems, good news, report, SERP ---------- */
body .e-con.hr-prob{border-radius:24px;border:1px solid rgba(var(--hr-ink-rgb),.09);background:var(--hr-surface)}
body .elementor-widget.hr-x-icon{width:auto;align-self:flex-start}
body .hr-x-icon .elementor-heading-title{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,155,122,.4);color:#ff9b7a;font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:18px;line-height:1}
body .hr-good .elementor-heading-title{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.hr-ok-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--hr-gold);color:var(--hr-bg);font-size:18px;line-height:1;font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif}
body .hr-good .elementor-heading-title a{font-size:.7em;color:var(--hr-gold)}
body .hr-dots--15 .elementor-icon-list-text{font-size:15px}
body .e-con.hr-report{border-radius:28px;border:1px solid rgba(var(--hr-gold-rgb),.22);background:linear-gradient(170deg,var(--hr-surface),var(--hr-bg-alt));box-shadow:0 40px 100px rgba(0,0,0,.5)}
body .e-con.hr-metric{border-radius:16px;background:rgba(var(--hr-ink-rgb),.04);border:1px solid rgba(var(--hr-ink-rgb),.06)}
.hr-bars{margin-top:24px;height:170px;display:flex;align-items:flex-end;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(var(--hr-ink-rgb),.1)}
.hr-bars .hr-grow{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--hr-gold-light),var(--hr-gold-deep));transform-origin:bottom}
.hr-bars-axis{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:var(--hr-muted)}
.hr-kws{margin-top:22px;display:flex;flex-direction:column}
.hr-kw{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:12px 0;border-top:1px solid rgba(var(--hr-ink-rgb),.06);font-size:14px}
.hr-kw-name{color:var(--hr-text)}
.hr-kw-up{color:#7fd6a0;font-size:12px}
.hr-kw-pos{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(var(--hr-gold-rgb),.12);color:var(--hr-gold);font-family:Doran,sans-serif}
.hr-report-note{margin-top:12px;font-size:11px;color:var(--hr-muted)}
.hr-serp-row{position:absolute;right:0;left:0;z-index:1;height:64px;padding:0 16px;display:flex;align-items:center;gap:14px;border-radius:14px;border:1px solid rgba(var(--hr-ink-rgb),.07);background:rgba(var(--hr-ink-rgb),.03);transition:top .8s cubic-bezier(.2,.7,.2,1),background .5s,border-color .5s,box-shadow .5s}
.hr-serp-row--gold{z-index:2;border-color:rgba(var(--hr-gold-rgb),.55);background:linear-gradient(90deg,rgba(var(--hr-gold-rgb),.16),rgba(var(--hr-gold-rgb),.04));box-shadow:0 14px 40px rgba(var(--hr-gold-rgb),.18)}
.hr-serp-pos{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(var(--hr-ink-rgb),.08);color:var(--hr-muted);font-size:12px;font-weight:800;transition:background .5s}
.hr-serp-row--gold .hr-serp-pos{background:var(--hr-gold);color:var(--hr-bg)}
.hr-serp-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.hr-serp-url{font-size:11px;color:var(--hr-muted);direction:ltr;text-align:right}
.hr-serp-title{font-family:Doran,sans-serif;font-size:16px;font-weight:700;color:var(--hr-gold);white-space:nowrap}
.hr-serp-bars{flex:1;display:flex;flex-direction:column;gap:8px}
.hr-serp-bars span{display:block;height:6px;width:34%;border-radius:4px;background:rgba(var(--hr-ink-rgb),.1)}
.hr-serp-bars span+span{height:9px;background:rgba(var(--hr-ink-rgb),.16)}
/* ---------- portfolio ---------- */
body .e-con.hr-featured{border-radius:32px;border:1px solid rgba(var(--hr-gold-rgb),.25);background:linear-gradient(135deg,rgba(var(--hr-gold-rgb),.08),transparent 50%),var(--hr-surface)}
body .hr-pill-solid .elementor-heading-title{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--hr-gold);color:var(--hr-bg);font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:12px;font-weight:800;line-height:1.6}
body .elementor-widget.hr-pill-solid{align-self:flex-start;width:auto}
body .hr-feat-text b{color:var(--hr-ink)}
body .e-con.hr-feat-stats{border-top:1px solid rgba(var(--hr-ink-rgb),.08);border-bottom:1px solid rgba(var(--hr-ink-rgb),.08)}
.hr-filter{display:flex;flex-wrap:wrap;gap:10px}
body button.hr-filter-btn{margin:0;padding:12px 22px;border-radius:999px;border:1px solid rgba(var(--hr-ink-rgb),.16);background:transparent;color:var(--hr-text);font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:15px;font-weight:700;line-height:1.4;cursor:pointer;box-shadow:none;transition:all .3s}
body button.hr-filter-btn:hover,body button.hr-filter-btn:focus{background:transparent;color:var(--hr-ink);border-color:rgba(var(--hr-gold-rgb),.6);box-shadow:none}
body button.hr-filter-btn[aria-pressed="true"],body button.hr-filter-btn[aria-pressed="true"]:hover{background:var(--hr-gold);color:var(--hr-bg);border-color:var(--hr-gold)}
body button.hr-filter-btn:focus-visible{outline:2px solid var(--hr-gold-light);outline-offset:2px}
body .e-con.hr-pcard.hr-hidden{display:none}
body .e-con.hr-pcard.hr-in{animation:hrIn .6s cubic-bezier(.2,.7,.2,1)}
/* content is 1280 wide, so 3 cards fit: let the tags drop under the title instead of squeezing it */
body .e-con.hr-pcard .e-con.hr-work-meta{--flex-wrap:wrap;flex-wrap:wrap}
body .e-con.hr-pcard .e-con.hr-work-meta>.e-con.hr-auto{flex:1 1 200px}
body .e-con.hr-pcard-media{position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(var(--hr-ink-rgb),.08);transition:transform .6s cubic-bezier(.2,.7,.2,1),border-color .4s}
body .e-con.hr-pcard-media:hover{transform:scale(.985);border-color:rgba(var(--hr-gold-rgb),.45)}
body .hr-pcard-media .hr-slot{border:0;border-radius:0}
body .elementor-widget.hr-pcard-pill{position:absolute;top:16px;right:16px;z-index:2;width:auto;pointer-events:none}
body .hr-pcard-pill .elementor-heading-title{padding:7px 12px;border-radius:999px;background:rgba(var(--hr-bg-rgb),.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--hr-gold);font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:12px;font-weight:700;line-height:1.6}
body .e-con.hr-logos{border-top:1px solid rgba(var(--hr-ink-rgb),.08);border-right:1px solid rgba(var(--hr-ink-rgb),.08)}
body .e-con.hr-logo-cell{border-left:1px solid rgba(var(--hr-ink-rgb),.08);border-bottom:1px solid rgba(var(--hr-ink-rgb),.08);transition:background .4s}
body .e-con.hr-logo-cell:hover{background:rgba(var(--hr-gold-rgb),.05)}
/* ---------- about ---------- */
body .hr-manifesto p{margin:0;text-wrap:pretty}
.hr-manifesto .hr-w{opacity:.16;transition:opacity .35s}
.hr-manifesto .hr-w.on{opacity:1}
body .hr-quote-line .elementor-heading-title{padding-right:22px;border-right:2px solid var(--hr-gold)}
body .e-con.hr-journey{position:relative}
body .e-con.hr-journey::before{content:"";position:absolute;top:11px;right:0;left:0;width:auto;height:1px;border:0;border-radius:0;opacity:1;mix-blend-mode:normal;background:linear-gradient(270deg,var(--hr-gold),rgba(var(--hr-gold-rgb),.1));pointer-events:none}
body .e-con.hr-jstep{position:relative}
body .e-con.hr-jstep::after{content:"";position:absolute;top:0;right:0;width:22px;height:22px;box-sizing:border-box;border-radius:50%;border:2px solid var(--hr-gold);background:var(--hr-bg-alt);box-shadow:0 0 0 6px var(--hr-bg-alt)}
body .e-con.hr-jstep--now::after{background:var(--hr-gold)}
body .hr-member .hr-slot{border-radius:24px;transition:transform .6s cubic-bezier(.2,.7,.2,1),border-color .4s}
body .hr-member .hr-slot:hover{transform:translateY(-6px);border-color:rgba(var(--hr-gold-rgb),.45)}
/* ---------- contact page ---------- */
body #contact.hr-contact-anchor{scroll-margin-top:110px}
body .e-con.hr-crows{max-width:560px}
body .e-con.hr-crow{border-top:1px solid rgba(var(--hr-ink-rgb),.1);color:var(--hr-ink);text-decoration:none;transition:padding .4s cubic-bezier(.2,.7,.2,1)}
body .e-con.hr-crow:hover{padding-inline-start:14px;color:var(--hr-ink)}
body .e-con.hr-crow--last{border-bottom:1px solid rgba(var(--hr-ink-rgb),.1)}
body .hr-crow-arrow .elementor-heading-title{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(var(--hr-gold-rgb),.4);color:var(--hr-gold);font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:16px;line-height:1}
.hr-hours{display:flex;flex-direction:column}
.hr-hours-row{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid rgba(var(--hr-ink-rgb),.08);font-size:15px}
.hr-hours-row span{color:var(--hr-muted)}
.hr-hours-row b{font-weight:700}
body .elementor-widget.hr-notice{padding:16px 20px;border-radius:16px;background:rgba(var(--hr-gold-rgb),.08);border:1px solid rgba(var(--hr-gold-rgb),.25)}
/* ==========================================================================
Phase 3 — support, site-admin, testimonials, blog (archive + loop), article (single post), case study (hr_project)
========================================================================== */
@keyframes hrDash{from{stroke-dashoffset:1400}to{stroke-dashoffset:0}}
/* centered stat cells (portfolio, testimonials, case study results) */
body .hr-stats--center .e-con.hr-stat{align-items:center;text-align:center}
body .hr-stats--center .hr-stat .elementor-heading-title{text-align:center}
body .hr-stats--center .hr-counter .elementor-counter{align-items:center}
body .hr-stats--center .hr-counter .elementor-counter-number-wrapper{justify-content:center}
/* ---------- support: SLA table ---------- */
#calc,#videos{scroll-margin-top:80px}
.hr-sla{border-radius:28px;border:1px solid rgba(var(--hr-ink-rgb),.09);background:var(--hr-surface);overflow:hidden}
.hr-sla-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch;border-bottom:1px solid rgba(var(--hr-ink-rgb),.06)}
.hr-sla-row.hr-sla-last{border-bottom:0}
.hr-sla-head{font-size:13px;font-weight:700;color:var(--hr-muted);border-bottom-color:rgba(var(--hr-ink-rgb),.08)}
.hr-sla-head .hr-sla-c{padding:18px 22px}
.hr-sla-head .hr-sla-x{padding:18px 10px;text-align:center}
.hr-sla-c.hr-sla-gold{background:rgba(var(--hr-gold-rgb),.08);color:var(--hr-gold)}
.hr-sla-name{padding:20px 22px;display:flex;gap:12px;align-items:center;line-height:1.6}
.hr-sla-dot{flex:none;width:10px;height:10px;border-radius:50%}
.hr-sla-sub{font-size:13px;color:var(--hr-muted)}
.hr-sla-v{padding:20px 10px;display:grid;place-items:center;font-family:Doran,sans-serif;font-size:18px;font-weight:700;line-height:1.6;text-align:center}
.hr-sla-v.hr-sla-gold{font-weight:800}
/* ---------- admin: hero task list ---------- */
.hr-adm-task{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(var(--hr-ink-rgb),.07);background:transparent;transition:all .5s}
.hr-adm-task.is-cur{border-color:rgba(var(--hr-ink-rgb),.2)}
.hr-adm-task.is-done{border-color:rgba(var(--hr-gold-rgb),.3);background:rgba(var(--hr-gold-rgb),.06)}
.hr-adm-box{flex:none;width:24px;height:24px;border-radius:8px;border:1.5px solid rgba(var(--hr-ink-rgb),.25);background:transparent;color:var(--hr-bg);display:grid;place-items:center;font-size:13px;font-weight:900;transition:all .4s}
.hr-adm-task.is-done .hr-adm-box{border-color:var(--hr-gold);background:var(--hr-gold)}
.hr-adm-task.is-done .hr-adm-box::after{content:"✓"}
.hr-adm-txt{flex:1;font-size:14px;color:var(--hr-ink);transition:color .4s;line-height:1.6}
.hr-adm-task.is-done .hr-adm-txt{color:var(--hr-muted);text-decoration:line-through}
.hr-adm-st{font-size:11px;color:var(--hr-muted);white-space:nowrap}
/* ---------- admin: time calculator ---------- */
body .e-con.hr-calc-card{border-radius:32px;border:1px solid rgba(var(--hr-gold-rgb),.25);background:linear-gradient(170deg,var(--hr-surface),var(--hr-bg-alt));box-shadow:0 40px 100px rgba(0,0,0,.5)}
.hr-calc-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.hr-calc-q{font-size:16px;color:var(--hr-text);line-height:1.8}
.hr-calc-hw{font-family:Doran,sans-serif;font-size:28px;font-weight:800;color:var(--hr-gold);line-height:1.4}
body input.hr-calc-range{display:block;width:100%;height:28px;margin:0;padding:0;border:0;background:transparent;accent-color:var(--hr-gold);cursor:pointer;box-shadow:none}
.hr-calc-out{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hr-calc-box{padding:22px;border-radius:20px;background:rgba(var(--hr-ink-rgb),.04);border:1px solid rgba(var(--hr-ink-rgb),.08)}
.hr-calc-box--gold{background:rgba(var(--hr-gold-rgb),.1);border-color:rgba(var(--hr-gold-rgb),.3)}
.hr-calc-num{font-family:Doran,sans-serif;font-size:clamp(34px,3.6vw,48px);font-weight:800;color:var(--hr-ink);line-height:1.1}
.hr-calc-box--gold .hr-calc-num{color:var(--hr-gold)}
.hr-calc-cap{margin-top:6px;font-size:14px;color:var(--hr-muted);line-height:1.6}
.hr-calc-box--gold .hr-calc-cap{color:var(--hr-text)}
.hr-calc-msg{margin:20px 0 0;font-size:14px;color:var(--hr-muted);line-height:1.9}
/* full-width gold pill button */
body .elementor-widget.hr-btn-gold-block{width:100%}
body .hr-btn-gold-block .elementor-button{display:flex;justify-content:center;width:100%;padding:16px;border-radius:999px;background:var(--hr-gold);box-shadow:none;color:var(--hr-bg);font-size:16px;font-weight:800;line-height:1.2}
body .hr-btn-gold-block .elementor-button:hover,body .hr-btn-gold-block .elementor-button:focus{background:var(--hr-gold);color:var(--hr-bg);box-shadow:0 12px 36px rgba(var(--hr-gold-rgb),.4)}
body .hr-btn-gold-block .elementor-button-content-wrapper{justify-content:center}
/* ---------- admin: weekly rhythm ---------- */
body .e-con.hr-day{min-height:190px;border-radius:22px;border:1px solid rgba(var(--hr-ink-rgb),.09);background:var(--hr-surface);transition:transform .4s,border-color .4s}
body .e-con.hr-day:hover{transform:translateY(-6px);border-color:rgba(var(--hr-gold-rgb),.5)}
body .e-con.hr-day--gold{border-color:var(--hr-gold);background:linear-gradient(180deg,rgba(var(--hr-gold-rgb),.14),rgba(var(--hr-gold-rgb),.03))}
body .elementor-widget.hr-day-txt{margin-top:auto}
/* ---------- testimonials ---------- */
.hr-tq{display:none}
.hr-tq.is-on{display:block;animation:hrIn .7s cubic-bezier(.2,.7,.2,1)}
.hr-tq-dot{width:6px;height:6px;border-radius:3px;background:rgba(var(--hr-ink-rgb),.2);transition:all .4s}
.hr-tq-dot.is-on{width:22px;background:var(--hr-gold)}
body .hr-rating-stars .elementor-heading-title{color:var(--hr-gold);font-size:22px;letter-spacing:3px;line-height:1.4;font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif}
body .hr-stacked .hr-intro .e-con.hr-rating,body .hr-stacked .hr-intro .e-con.hr-rating>.e-con-inner{justify-content:center}
@media (max-width:767px){body .hr-stackable .hr-intro .e-con.hr-rating,body .hr-stackable .hr-intro .e-con.hr-rating>.e-con-inner{justify-content:center}}
body .hr-tfilter button.hr-filter-btn{padding:11px 20px;font-size:14px}
body .e-con.hr-titem.hr-hidden,body .elementor-widget.hr-titem.hr-hidden{display:none}
body .e-con.hr-titem.hr-in,body .elementor-widget.hr-titem.hr-in{animation:hrIn .6s cubic-bezier(.2,.7,.2,1)}
body .elementor-widget.hr-tempty{display:none;padding:56px 20px;border:1px dashed rgba(var(--hr-ink-rgb),.15);border-radius:28px}
body .elementor-widget.hr-tempty.is-empty{display:block}
/* written reviews: CSS columns masonry (design columns:3 320px) */
body .e-con.hr-reviews{display:block;columns:3 320px;column-gap:20px}
body .e-con.hr-reviews>.e-con.hr-review{display:flex;width:100%;margin:0 0 20px;break-inside:avoid;transition:border-color .4s}
body .e-con.hr-review:hover{border-color:rgba(var(--hr-gold-rgb),.4)}
body .e-con.hr-review-top{--flex-wrap:nowrap;--flex-wrap-mobile:nowrap}
body .hr-review-txt p{line-height:2.05;font-size:15px}
body .hr-review-txt--lg p{font-size:17px}
body .hr-review-who .elementor-heading-title{display:flex;align-items:center;gap:12px;line-height:1.6;font-size:14px}
.hr-review-av{flex:none;width:40px;height:40px;border-radius:50%;background:repeating-linear-gradient(135deg,#2a241a 0 4px,#342c1f 4px 8px)}
/* video modal (built by the custom code for videos inside .hr-tvideos) */
.hr-vmodal{position:fixed;inset:0;z-index:95;background:rgba(5,4,3,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;place-items:center;padding:24px;animation:hrIn .35s ease-out}
.hr-vmodal-box{position:relative;width:min(100%,960px)}
.hr-vmodal-media{aspect-ratio:16/9;border-radius:24px;overflow:hidden;border:1px solid rgba(var(--hr-gold-rgb),.3);background:repeating-linear-gradient(135deg,var(--hr-bg-alt) 0 12px,#1a1610 12px 24px);display:grid;place-items:center;font-family:ui-monospace,monospace;font-size:13px;color:var(--hr-muted);direction:ltr}
.hr-vmodal-media iframe,.hr-vmodal-media video{width:100%;height:100%;border:0;display:block}
.hr-vmodal-bar{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.hr-vmodal-bar b{font-size:15px;color:var(--hr-ink)}
.hr-vmodal-bar a{padding:12px 22px;border-radius:999px;background:var(--hr-gold);color:var(--hr-bg);font-weight:800;font-size:14px}
.hr-vmodal-bar a:hover{color:var(--hr-bg)}
body button.hr-vmodal-x{position:absolute;top:-56px;left:0;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(var(--hr-ink-rgb),.25);background:transparent;color:var(--hr-ink);font-size:18px;cursor:pointer;box-shadow:none}
body button.hr-vmodal-x:hover,body button.hr-vmodal-x:focus{background:transparent;color:var(--hr-ink);border-color:var(--hr-gold)}
/* ---------- shared: image slots filled from WordPress (featured image / meta) ---------- */
.hr-slot.hr-slot--img{background:var(--hr-bg-alt)}
.hr-slot.hr-slot--img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block;border-radius:0}
ul.hr-ptags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;direction:ltr;justify-content:flex-end}
ul.hr-ptags li{margin:0;padding:8px 14px;border-radius:999px;background:rgba(var(--hr-ink-rgb),.05);font-size:13px;line-height:1.6;color:var(--hr-text)}
.hr-meta-sep{opacity:.8}
/* ---------- Loop Grid: pagination + nothing-found ---------- */
body .elementor-widget-loop-grid .elementor-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:64px;font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif}
body .elementor-widget-loop-grid .elementor-pagination .page-numbers{display:grid;place-items:center;min-width:48px;height:48px;margin:0;padding:0 6px;border-radius:999px;border:1px solid rgba(var(--hr-ink-rgb),.16);color:var(--hr-text);font-size:15px;font-weight:700;line-height:1;transition:border-color .3s,color .3s}
body .elementor-widget-loop-grid .elementor-pagination a.page-numbers:hover{border-color:var(--hr-gold);color:var(--hr-gold)}
body .elementor-widget-loop-grid .elementor-pagination .page-numbers.current{background:var(--hr-gold);border-color:var(--hr-gold);color:var(--hr-bg)}
body .elementor-widget-loop-grid .elementor-pagination .page-numbers.prev,body .elementor-widget-loop-grid .elementor-pagination .page-numbers.next{padding:0 22px}
body .elementor-widget-loop-grid .elementor-pagination .page-numbers.dots{border-color:transparent}
body .elementor-widget-loop-grid .e-loop-nothing-found-message{padding:72px 20px;text-align:center;border:1px dashed rgba(var(--hr-ink-rgb),.15);border-radius:28px;color:var(--hr-muted);font-family:Doran,sans-serif;font-size:24px;font-weight:800}
body .e-loop-item.hr-hidden{display:none}
body .e-loop-item.hr-in{animation:hrIn .6s cubic-bezier(.2,.7,.2,1)}
/* ---------- blog card (loop item tpl-loop-post) ---------- */
body .e-con.hr-lp{color:var(--hr-ink);text-decoration:none}
body .e-con.hr-lp:hover{color:var(--hr-ink)}
body .e-con.hr-lp-media{position:relative;border-radius:22px;overflow:hidden;border:1px solid rgba(var(--hr-ink-rgb),.08);transition:transform .6s cubic-bezier(.2,.7,.2,1),border-color .4s;--flex-wrap:nowrap;--flex-wrap-mobile:nowrap}
body .e-con.hr-lp:hover .e-con.hr-lp-media{transform:scale(.985);border-color:rgba(var(--hr-gold-rgb),.45)}
body .hr-lp-media .hr-slot{border:0;border-radius:0}
body .elementor-widget.hr-lp-pill{position:absolute;top:14px;right:14px;z-index:2;width:auto;pointer-events:none}
body .hr-lp-pill .elementor-heading-title{padding:6px 12px;border-radius:999px;background:rgba(var(--hr-bg-rgb),.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--hr-gold);font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:12px;font-weight:700;line-height:1.6}
.hr-pmeta{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;line-height:1.7;color:var(--hr-muted)}
body .elementor-widget.hr-lp-catread{display:none}
body .hr-lp-title .elementor-heading-title{text-wrap:balance}
body .hr-lp-excerpt p{margin:0}
/* related posts: smaller card (category · reading time + title) */
body .hr-related .elementor-widget.hr-lp-meta:not(.hr-lp-catread),body .hr-related .elementor-widget.hr-lp-excerpt,body .hr-related .elementor-widget.hr-lp-more,body .hr-related .elementor-widget.hr-lp-pill{display:none}
body .hr-related .elementor-widget.hr-lp-catread{display:block}
body .hr-related .e-con.hr-lp{gap:14px}
body .hr-related .hr-lp-title .elementor-heading-title{font-size:20px}
/* ---------- featured post (loop item tpl-loop-post-featured) ---------- */
body .e-con.hr-lpf{border-radius:32px;border:1px solid rgba(var(--hr-gold-rgb),.25);background:linear-gradient(135deg,rgba(var(--hr-gold-rgb),.08),transparent 55%),var(--hr-surface);color:var(--hr-ink);text-decoration:none;transition:border-color .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
body .e-con.hr-lpf:hover{color:var(--hr-ink);border-color:rgba(var(--hr-gold-rgb),.6);transform:translateY(-4px)}
body .hr-lpf .hr-slot{border:0;border-radius:22px}
body .e-con.hr-lpf-pills{--flex-wrap-mobile:wrap}
body .hr-lpf-pills .hr-pill-outline .elementor-heading-title{font-size:12px}
.hr-byline--card{display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid rgba(var(--hr-ink-rgb),.08);font-size:13px;line-height:1.8;color:var(--hr-muted)}
.hr-byline--card b{color:var(--hr-ink)}
.hr-byline-av{position:relative;flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;background:repeating-linear-gradient(135deg,#2a241a 0 4px,#342c1f 4px 8px)}
.hr-byline-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.hr-byline-go{margin-right:auto;flex:none;width:48px;height:48px;border-radius:50%;background:var(--hr-gold);color:var(--hr-bg);display:grid;place-items:center;font-size:18px}
/* ---------- blog archive (tpl-archive-blog) ---------- */
body .e-con.hr-hero--blog,body .e-con.hr-hero--article,body .e-con.hr-hero--case{min-height:0}
body .hr-hero--blog .hr-hero-glow,body .hr-hero--article .hr-hero-glow{left:-10%;top:-10%;background:radial-gradient(circle,rgba(var(--hr-gold-rgb),.18),transparent 65%)}
body .hr-hero--blog .hr-hero-spot,body .hr-hero--article .hr-hero-spot{background:radial-gradient(circle,rgba(255,240,168,.07),transparent 60%)}
body .e-con.hr-hero--blog::after,body .e-con.hr-hero--article::after{-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%)}
body .hr-hero--blog>.e-con-inner>*,body .hr-hero--article>.e-con-inner>*,body .hr-hero--case>.e-con-inner>*{position:relative;z-index:2}
body .e-con.hr-bhead-copy{max-width:760px}
body .elementor-widget.hr-bsearch-wrap{flex:0 1 380px;width:auto;max-width:100%}
.hr-bsearch{display:flex;align-items:center;gap:12px;margin:0;padding:6px 8px 6px 20px;border-radius:999px;border:1px solid rgba(var(--hr-ink-rgb),.16);background:rgba(var(--hr-surface-rgb),.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s}
.hr-bsearch:focus-within{border-color:var(--hr-gold)}
.hr-bsearch-i{flex:none;width:44px;height:44px;border-radius:50%;background:var(--hr-gold);color:var(--hr-bg);display:grid;place-items:center;font-size:18px}
body .hr-bsearch input[type="search"]{flex:1;min-width:0;height:auto;margin:0;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--hr-ink);font-size:15px;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}
.hr-bsearch-go{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
body.blog .elementor-widget.hr-archive-title{display:none}
body .hr-archive-title .elementor-heading-title{font-size:15px}
body.paged .e-con.hr-blog-featured,body.archive .e-con.hr-blog-featured,body.search .e-con.hr-blog-featured{display:none}
body .hr-bfilter button.hr-filter-btn{padding:11px 20px;font-size:14px}
.hr-blog-count-wrap{font-size:14px;line-height:1.6;color:var(--hr-muted)}
body .elementor-widget.hr-blog-empty{display:none}
body .elementor-widget.hr-blog-empty.is-empty{display:block}
.hr-empty-box{padding:72px 20px;text-align:center;border:1px dashed rgba(var(--hr-ink-rgb),.15);border-radius:28px}
.hr-empty-t{font-family:Doran,sans-serif;font-size:24px;font-weight:800;line-height:1.6}
.hr-empty-box p{margin:10px 0 0;color:var(--hr-muted)}
body .hr-stacked .elementor-widget.hr-bsearch-wrap{align-self:stretch;flex-basis:auto}
@media (max-width:767px){body .hr-stackable .elementor-widget.hr-bsearch-wrap{align-self:stretch;flex-basis:auto}}
/* ---------- newsletter band (blog + article) ---------- */
body .e-con.hr-band--nl::after{bottom:-30%;font-size:clamp(160px,22vw,320px)}
body .e-con.hr-band>.elementor-widget{position:relative;z-index:1}
body .hr-nl-form .elementor-field-group input.elementor-field{direction:ltr;text-align:right}
/* ---------- single post (tpl-single-post) ---------- */
body .e-con.hr-art-head{max-width:980px;margin-inline:auto;align-items:center;text-align:center}
body .hr-art-crumbs nav,body .hr-art-crumbs .hr-crumbs-nav{justify-content:center}
body .elementor-widget.hr-art-lead{max-width:680px;margin-inline:auto}
.hr-kicker{display:inline-flex;padding:7px 16px;border-radius:999px;border:1px solid rgba(var(--hr-gold-rgb),.35);color:var(--hr-gold);font-size:13px;font-weight:700;line-height:1.6}
.hr-byline{margin-top:30px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;font-size:14px;line-height:1.7;color:var(--hr-muted)}
.hr-byline b{color:var(--hr-ink)}
.hr-byline .hr-byline-av{width:44px;height:44px}
body .elementor-widget.hr-art-cover{width:100%;max-width:1180px;margin:clamp(40px,5vw,64px) auto 0}
body .hr-art-cover .hr-slot{border-radius:28px;border-color:rgba(var(--hr-ink-rgb),.1)}
/* reading area: dark / sepia theme through CSS variables (the custom code toggles .hr-sepia and --hr-fs) */
body .e-con.hr-reading{--rbg:var(--hr-bg);--rfg:var(--hr-text);--rh:var(--hr-ink);--rmut:var(--hr-text);--rbd:rgba(var(--hr-ink-rgb),.16);--rcard:var(--hr-surface);--racc:var(--hr-gold);--hr-fs:18px;background:var(--rbg);transition:background .5s}
body .e-con.hr-reading.hr-sepia{--rbg:#f3ecdc;--rfg:#3b3427;--rh:#1a1610;--rmut:#6e6552;--rbd:rgba(26,22,16,.12);--rcard:rgba(26,22,16,.04);--racc:#A67F00}
body .e-con.hr-aside{--width:auto;width:auto;flex:0 1 240px;max-width:100%}
body .e-con.hr-article{--width:auto;width:auto;flex:1 1 560px;max-width:700px;min-width:0}
@media (min-width:981px){body .e-con.hr-aside{position:sticky;top:110px}body.admin-bar .e-con.hr-aside{top:142px}}
.hr-aside-label{font-size:13px;font-weight:700;line-height:1.6;color:var(--rmut,var(--hr-muted));margin-bottom:12px}
.hr-rs-group{display:flex;gap:6px;margin-top:12px;padding:5px;border-radius:999px;border:1px solid var(--rbd);background:var(--rcard)}
body .hr-rs-group button{flex:1;height:38px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--rh);cursor:pointer;font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:13px;font-weight:700;line-height:1;box-shadow:none;transition:all .3s}
body .hr-rs-group button:hover,body .hr-rs-group button:focus{background:transparent;color:var(--rh)}
body .hr-rs-group button[data-hr-fs]{font-size:14px}
body .hr-rs-group button.hr-rs-big{font-size:18px}
body .hr-rs-group button[data-hr-theme="dark"].is-on{background:var(--hr-gold);color:var(--hr-bg)}
body .hr-rs-group button[data-hr-theme="sepia"].is-on{background:#1a1610;color:#f3ecdc}
body .hr-rs-group button:focus-visible{outline:2px solid var(--hr-gold);outline-offset:2px}
.hr-toc[hidden]{display:none}
.hr-toc-list{display:flex;flex-direction:column;gap:2px}
.hr-toc-list a{display:flex;gap:10px;align-items:flex-start;padding:9px 12px 9px 0;border-right:2px solid var(--rbd);color:var(--rmut);font-size:14px;line-height:1.8;transition:all .3s}
.hr-toc-list a.hr-toc-h3{padding-right:24px;font-size:13px}
.hr-toc-list a:hover{color:var(--hr-gold)}
.hr-toc-list a.is-active{color:var(--racc);border-right-color:var(--hr-gold)}
.hr-share-row{display:flex;flex-wrap:wrap;gap:8px}
body .hr-share-btn,body button.hr-share-btn{display:inline-block;margin:0;padding:8px 14px;border-radius:999px;border:1px solid var(--rbd);background:transparent;color:var(--rfg);font-family:IRANSans,IRANSansX,Vazirmatn,sans-serif;font-size:13px;font-weight:400;line-height:1.6;cursor:pointer;box-shadow:none;transition:all .3s}
body .hr-share-btn:hover,body button.hr-share-btn:hover,body button.hr-share-btn:focus{background:transparent;border-color:var(--hr-gold);color:var(--hr-gold)}
/* article typography (Post Content) */
body .hr-article-body{color:var(--rfg)}
body .hr-article-body p{margin:0 0 1.7em;font-size:var(--hr-fs);line-height:2.15;color:var(--rfg);text-wrap:pretty}
body .hr-article-body p.hr-art-intro{font-size:calc(var(--hr-fs) + 3px);line-height:2.05;color:var(--rh);font-weight:500}
body .hr-article-body h2,body .hr-article-body h3{font-family:Doran,sans-serif;scroll-margin-top:110px;margin:2.1em 0 .75em;line-height:1.6em;font-weight:800;color:var(--rh);text-wrap:balance}
body .hr-article-body h2{font-size:clamp(23px,2.1vw,29px)}
body .hr-article-body h3{font-size:clamp(19px,1.7vw,23px)}
.hr-h2-num{color:var(--racc);font-weight:300;margin-left:10px}
body .hr-article-body strong,body .hr-article-body b{color:var(--rh);font-weight:700}
body .hr-article-body a{color:var(--racc);text-decoration:underline;text-underline-offset:4px}
body .hr-article-body ul,body .hr-article-body ol{margin:0 0 1.7em;padding:0 1.2em 0 0;display:flex;flex-direction:column;gap:.7em;font-size:var(--hr-fs);line-height:2.05;color:var(--rfg)}
body .hr-article-body li{padding-right:.4em}
body .hr-article-body blockquote{font-family:Doran,sans-serif;margin:1.2em 0 1.9em;padding:4px 26px 4px 0;border:0;border-right:3px solid var(--hr-gold);font-size:calc(var(--hr-fs) + 6px);line-height:1.9;font-weight:700;color:var(--rh);font-style:normal}
body .hr-article-body blockquote p{margin:0;font:inherit;color:inherit}
body .hr-article-body img{max-width:100%;height:auto;border-radius:20px}
.hr-callout{margin:0 0 1.9em;padding:22px 24px;border-radius:18px;background:var(--rcard);border:1px solid var(--rbd);display:flex;gap:16px;align-items:flex-start;font-size:calc(var(--hr-fs) - 1px);line-height:2;color:var(--rfg)}
.hr-callout-i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--hr-gold);color:var(--hr-bg);display:grid;place-items:center;font-weight:800;line-height:1}
.hr-art-fig{margin:.6em 0 2em}
.hr-art-fig .hr-slot{border-radius:20px}
.hr-art-fig figcaption{margin-top:12px;font-size:14px;color:var(--rmut);text-align:center}
.hr-summary{margin:2.4em 0 0;padding:clamp(22px,3vw,30px);border-radius:22px;background:var(--rcard);border:1px solid var(--rbd)}
.hr-summary-t{font-family:Doran,sans-serif;font-size:20px;font-weight:800;line-height:1.6;color:var(--rh)}
body .hr-article-body .hr-summary ul{margin:14px 0 0}
body .hr-article-body .hr-summary p{margin:14px 0 0}
/* CTA, tags, author box */
body .e-con.hr-art-cta{margin-top:2.4em;border-radius:24px;background:linear-gradient(135deg,rgba(var(--hr-gold-rgb),.16),rgba(var(--hr-gold-rgb),.04));border:1px solid rgba(var(--hr-gold-rgb),.4)}
body .e-con.hr-art-cta-copy{--width:auto;width:auto;flex:1 1 300px}
body .hr-r-h .elementor-heading-title{color:var(--rh)}
body .hr-r-mut .elementor-heading-title,body .elementor-widget.hr-r-mut{color:var(--rmut)}
body .elementor-widget.hr-r-fg{color:var(--rfg)}
body .hr-r-acc .elementor-button,body .hr-r-acc .elementor-button:hover{color:var(--racc)}
body .elementor-widget.hr-art-tags{margin-top:44px;padding-top:32px;border-top:1px solid var(--rbd)}
.hr-ptags-row{display:flex;flex-wrap:wrap;gap:10px}
.hr-ptag{padding:8px 14px;border-radius:999px;background:var(--rcard);border:1px solid var(--rbd);color:var(--rfg);font-size:13px;line-height:1.6;transition:all .3s}
.hr-ptag:hover{border-color:var(--hr-gold);color:var(--hr-gold)}
body .e-con.hr-author-box{margin-top:32px;border-radius:24px;background:var(--rcard);border:1px solid var(--rbd)}
body .e-con.hr-author-copy{--width:auto;width:auto;flex:1 1 260px}
.hr-author-av{position:relative;display:block;width:80px;height:80px;border-radius:50%;overflow:hidden;background:repeating-linear-gradient(135deg,#2a241a 0 4px,#342c1f 4px 8px)}
.hr-author-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
/* ---------- case study (tpl-single-project) ---------- */
body .e-con.hr-cs-pills{--flex-wrap-mobile:wrap}
body .hr-cs-pills .hr-pill-solid .elementor-heading-title,body .hr-cs-pills .hr-pill-outline .elementor-heading-title{padding:7px 16px;font-size:13px}
body .e-con.hr-facts{background:rgba(var(--hr-ink-rgb),.1);border:1px solid rgba(var(--hr-ink-rgb),.1);border-radius:24px;overflow:hidden}
body .e-con.hr-fact{background:var(--hr-surface)}
body .elementor-widget.hr-cs-cover{margin-top:clamp(48px,6vw,80px)}
body .hr-cs-cover .hr-slot{border-radius:32px;border-color:rgba(var(--hr-ink-rgb),.1)}
body .e-con.hr-story-k{--flex-wrap:nowrap;--flex-wrap-mobile:nowrap}
body .hr-story-txt p{margin:0;text-wrap:pretty}
.hr-cs-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.hr-cs-g--wide{grid-column:1/-1}
.hr-cs-gallery .hr-slot{border:0}
.hr-cs-kit{margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:20px}
.hr-cs-kit-card{padding:clamp(24px,3vw,36px);border-radius:28px;border:1px solid rgba(var(--hr-ink-rgb),.09);background:var(--hr-surface)}
.hr-cs-kit-label{font-size:13px;color:var(--hr-muted);margin-bottom:18px}
.hr-sws{display:flex;gap:10px}
.hr-sw{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.hr-sw span{aspect-ratio:1;border-radius:16px;border:1px solid rgba(var(--hr-ink-rgb),.12)}
.hr-sw code{font-size:11px;color:var(--hr-muted);direction:ltr;text-align:center;font-family:ui-monospace,monospace;background:none;padding:0;overflow:hidden;text-overflow:ellipsis}
.hr-cs-kit-typo{display:flex;flex-direction:column;gap:10px}
.hr-cs-kit-typo .hr-cs-kit-label{margin-bottom:0}
.hr-cs-aa{font-family:'Bodoni Moda',serif;font-style:italic;font-size:clamp(44px,4.4vw,64px);line-height:1.1;color:var(--hr-gold);direction:ltr;text-align:right}
.hr-cs-kit-note{font-size:15px;color:var(--hr-text);line-height:1.8}
/* before / after slider */
.hr-ba-stage{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;border:1px solid rgba(var(--hr-ink-rgb),.1);direction:ltr}
.hr-ba-after,.hr-ba-before{position:absolute;inset:0}
.hr-ba-before{clip-path:inset(0 var(--hr-ba-r,50%) 0 0)}
.hr-ba .hr-slot{position:absolute;inset:0;border:0;border-radius:0}
.hr-ba-before .hr-slot{filter:grayscale(1)}
.hr-ba-tag{position:absolute;top:18px;z-index:2;padding:7px 14px;border-radius:999px;font-size:13px;line-height:1.6;pointer-events:none}
.hr-ba-tag--before{left:18px;background:rgba(var(--hr-bg-rgb),.8);color:var(--hr-ink);font-weight:700}
.hr-ba-tag--after{right:18px;background:var(--hr-gold);color:var(--hr-bg);font-weight:800}
.hr-ba-line{position:absolute;top:0;bottom:0;left:var(--hr-ba-l,50%);z-index:2;width:2px;margin-left:-1px;background:var(--hr-gold);box-shadow:0 0 20px rgba(var(--hr-gold-rgb),.6);pointer-events:none}
.hr-ba-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--hr-gold);color:var(--hr-bg);display:grid;place-items:center;font-size:18px;font-weight:900}
body input.hr-ba-range{display:block;width:100%;height:28px;margin:20px 0 0;padding:0;border:0;background:transparent;accent-color:var(--hr-gold);direction:ltr;cursor:ew-resize;box-shadow:none}
/* client quote */
body .e-con.hr-cs-quote{max-width:1000px;margin-inline:auto;align-items:center;text-align:center}
body .hr-cs-qmark .elementor-heading-title{font-family:'Bodoni Moda',serif;font-size:120px;line-height:.5;color:var(--hr-gold)}
body .e-con.hr-cs-qby{--flex-wrap:nowrap;--flex-wrap-mobile:nowrap;text-align:right}
body .hr-cs-qby .elementor-heading-title{text-align:right}
.hr-review-av.hr-cs-av{display:block;width:56px;height:56px}
/* next project */
body .e-con.hr-cs-next-bar{border-top:1px solid rgba(var(--hr-ink-rgb),.08)}
.hr-next{position:relative;display:block;border-radius:32px;overflow:hidden;border:1px solid rgba(var(--hr-ink-rgb),.1);color:var(--hr-ink);transition:border-color .4s}
.hr-next:hover{color:var(--hr-ink);border-color:rgba(var(--hr-gold-rgb),.5)}
.hr-next .hr-slot{border:0;border-radius:0;min-height:260px}
.hr-next-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--hr-bg-rgb),.2),rgba(var(--hr-bg-rgb),.92));pointer-events:none}
.hr-next-txt{position:absolute;top:50%;right:clamp(24px,5vw,64px);left:clamp(110px,14vw,160px);transform:translateY(-50%);display:flex;flex-direction:column;pointer-events:none}
.hr-next-k{font-size:14px;color:var(--hr-gold);font-weight:700}
.hr-next-t{margin-top:8px;font-family:Doran,sans-serif;font-size:clamp(26px,3.6vw,52px);font-weight:800;line-height:1.5}
.hr-next-m{margin-top:6px;color:var(--hr-text)}
.hr-next-go{position:absolute;top:50%;left:clamp(24px,5vw,64px);transform:translateY(-50%);width:72px;height:72px;border-radius:50%;background:var(--hr-gold);color:var(--hr-bg);display:grid;place-items:center;font-size:26px;pointer-events:none}
@media (max-width:600px){.hr-next-go{width:52px;height:52px;font-size:20px}.hr-next-txt{left:96px}}
/* ---------- portfolio: Loop Grid cards (tpl-loop-project) ---------- */
body .hr-pcard-title .elementor-heading-title a{color:var(--hr-ink);transition:color .3s}
body .hr-pcard-title .elementor-heading-title a:hover{color:var(--hr-gold)}
body .elementor-widget.hr-pthumb{flex-shrink:0}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
body .hr-tbox .hr-tf{border-right-color:var(--hr-gold)}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Doran';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/DoranFaNum-Light.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/DoranFaNum-Light.woff') format('woff');
}
@font-face {
font-family: 'Doran';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/DoranFaNum-Regular.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/DoranFaNum-Regular.woff') format('woff');
}
@font-face {
font-family: 'Doran';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/DoranFaNum-Medium.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/DoranFaNum-Medium.woff') format('woff');
}
@font-face {
font-family: 'Doran';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/DoranFaNum-Bold.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/DoranFaNum-Bold.woff') format('woff');
}
@font-face {
font-family: 'Doran';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/DoranFaNum-ExtraBold.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/DoranFaNum-ExtraBold.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'IRANSans';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Thin.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Thin.woff') format('woff');
}
@font-face {
font-family: 'IRANSans';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-UltraLight.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-UltraLight.woff') format('woff');
}
@font-face {
font-family: 'IRANSans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Light.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Light.woff') format('woff');
}
@font-face {
font-family: 'IRANSans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Regular.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Regular.woff') format('woff');
}
@font-face {
font-family: 'IRANSans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Medium.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Medium.woff') format('woff');
}
@font-face {
font-family: 'IRANSans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-DemiBold.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-DemiBold.woff') format('woff');
}
@font-face {
font-family: 'IRANSans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Bold.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Bold.woff') format('woff');
}
@font-face {
font-family: 'IRANSans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-ExtraBold.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-ExtraBold.woff') format('woff');
}
@font-face {
font-family: 'IRANSans';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Black.woff2') format('woff2'),
url('https://hrwebdesign.ir/wp-content/uploads/2026/09/IRANSansXFaNum-Black.woff') format('woff');
}
/* End Custom Fonts CSS */