body.page-projects .hn-page--projects{--hn-navy:#061d36;--hn-navy2:#0a2947;--hn-blue:#079fe9;--hn-cyan:#0bb5fb;--hn-ink:#0b2440;--hn-muted:#687991;--hn-line:#e4eef6;--hn-pale:#f3faff;--hn-green:#15a579;--hn-shadow:0 8px 22px rgba(13,51,83,.07)}
body.page-projects .hn-page--projects{font-family:Vazir,sans-serif;direction:rtl;color:var(--hn-ink);font-size:15px;line-height:1.6;isolation:isolate}
body.page-projects .hn-page--projects *,
body.page-projects .hn-page--projects *::before,
body.page-projects .hn-page--projects *::after{box-sizing:border-box}
body.page-projects .hn-page--projects img{max-width:100%;display:block}
body.page-projects .hn-page--projects a{text-decoration:none}
body.page-projects .hn-page--projects h1,
body.page-projects .hn-page--projects h2,
body.page-projects .hn-page--projects h3,
body.page-projects .hn-page--projects p{margin:0}
body.page-projects .hn-page--projects button{font:inherit}
body.page-projects .hn-page--projects .hn-container{width:min(100% - 52px,1340px);margin-inline:auto}
body.page-projects .hn-page--projects .hn-icon{height:1.35em;width:1.35em;flex:none;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
body.page-projects .hn-page--projects .hn-icon--green{color:var(--hn-green)}
body.page-projects .hn-page--projects .hn-button{display:inline-flex;gap:10px;justify-content:center;align-items:center;border:1px solid transparent;white-space:nowrap;min-height:43px;border-radius:11px;padding:10px 21px;font-weight:700;font-size:14px;line-height:1.3;transition:background .17s ease,box-shadow .17s ease;cursor:pointer}
body.page-projects .hn-page--projects .hn-button--small{min-height:38px;font-size:12px;padding:8px 17px;border-radius:10px}
body.page-projects .hn-page--projects .hn-button--primary{background:linear-gradient(120deg,#04b6f5,#0794e9);color:#fff!important;box-shadow:0 6px 12px rgba(0,152,234,.17)}
body.page-projects .hn-page--projects .hn-button--primary:hover{background:#078dd4}
body.page-projects .hn-page--projects .hn-button--light{background:#fff;color:#082a46!important;border-color:#e8f0f7;box-shadow:0 5px 10px rgba(0,12,25,.1)}
body.page-projects .hn-page--projects .hn-button:focus-visible,
body.page-projects .hn-page--projects .hn-filter:focus-visible,
body.page-projects .hn-page--projects .hn-icon-button:focus-visible{outline:3px solid #ffcb4e;outline-offset:3px}
body.page-projects .hn-page--projects .hn-skip{position:absolute;top:-90px;right:20px;z-index:500;padding:12px;background:#fff}
body.page-projects .hn-page--projects .hn-skip:focus{top:5px}
body.page-projects .hn-page--projects .hn-icon-button{border:0;background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;width:35px;height:35px}
body.page-projects .hn-page--projects .hn-search{position:absolute;left:55px;top:70px;width:300px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #173d5e44;padding:16px;color:#0c3152}
body.page-projects .hn-page--projects .hn-search[hidden],
body.page-projects .hn-page--projects .hn-mobile-navigation[hidden]{display:none!important}
body.page-projects .hn-page--projects .hn-search label{display:block;font-size:12px;margin-bottom:5px}
body.page-projects .hn-page--projects .hn-search input{width:100%;padding:10px;border:1px solid #c5e0f2;border-radius:8px}
body.page-projects .hn-page--projects .hn-mobile-navigation{position:absolute;inset-inline:12px;top:66px;padding:14px;background:var(--hn-navy);display:grid;gap:8px;border-radius:12px}
body.page-projects .hn-page--projects .hn-mobile-navigation a{padding:8px 12px;border-radius:7px}
body.page-projects .hn-page--projects .hn-mobile-navigation a:hover{background:#103b63}
body.page-projects .hn-page--projects .hn-projects-hero{height:327px;position:relative;overflow:hidden;background:#071a31;color:#fff}
body.page-projects .hn-page--projects .hn-projects-hero__scene{position:absolute;inset:0;direction:ltr;overflow:hidden}
body.page-projects .hn-page--projects .hn-projects-hero__tile{position:absolute;height:100%;width:26%;top:0;overflow:hidden;filter:saturate(1.1)}
body.page-projects .hn-page--projects .hn-projects-hero__tile img{height:100%;width:100%;object-fit:cover}
body.page-projects .hn-page--projects .hn-projects-hero__tile:nth-child(1){left:0;clip-path:polygon(0 0,100% 0,77% 100%,0 100%)}
body.page-projects .hn-page--projects .hn-projects-hero__tile:nth-child(2){left:17.3%;clip-path:polygon(22% 0,100% 0,77% 100%,0 100%)}
body.page-projects .hn-page--projects .hn-projects-hero__tile:nth-child(3){left:34.6%;clip-path:polygon(22% 0,100% 0,77% 100%,0 100%)}
body.page-projects .hn-page--projects .hn-projects-hero__tile:nth-child(4){left:51.9%;clip-path:polygon(22% 0,100% 0,77% 100%,0 100%)}
body.page-projects .hn-page--projects .hn-projects-hero__tile:nth-child(5){left:69.2%;width:31%;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
body.page-projects .hn-page--projects .hn-projects-hero__tile--last img{object-position:center}
body.page-projects .hn-page--projects .hn-projects-hero__shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(3,21,42,.99) 0%,rgba(5,29,50,.95) 27%,rgba(5,28,50,.42) 49%,rgba(4,23,37,0) 83%);pointer-events:none}
body.page-projects .hn-page--projects .hn-projects-hero__inner{height:100%;position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start}
body.page-projects .hn-page--projects .hn-projects-hero__copy{text-align:right;width:min(440px,46%);padding:16px 4px 15px 0}
body.page-projects .hn-page--projects .hn-projects-hero__copy h1{font-size:clamp(30px,3.2vw,48px);font-weight:700;line-height:1.45;white-space:nowrap;letter-spacing:-.4px}
body.page-projects .hn-page--projects .hn-projects-hero__copy h1 span{color:var(--hn-cyan)}
body.page-projects .hn-page--projects .hn-projects-hero__copy p{font-size:14px;line-height:2.03;margin-top:12px;color:#f8fcff;max-width:435px}
body.page-projects .hn-page--projects .hn-projects-hero__actions{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}
body.page-projects .hn-page--projects .hn-projects-hero__actions .hn-button{font-size:13px;min-width:155px}
body.page-projects .hn-page--projects .hn-filters-wrap{padding:18px 0 16px;background:linear-gradient(#fff,#fbfdff);box-shadow:0 7px 18px #a5cfe313}
body.page-projects .hn-page--projects .hn-filter-list{display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:center}
body.page-projects .hn-page--projects .hn-filter{min-height:41px;border:1px solid #dfeaf3;box-shadow:0 2px 5px rgba(14,51,76,.05);background:#fff;color:#29415b;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
body.page-projects .hn-page--projects .hn-filter .hn-icon{width:21px;height:21px;color:#079ff4}
body.page-projects .hn-page--projects .hn-filter.is-active{background:#079df1;color:#fff;border-color:#089ee9;box-shadow:0 4px 14px #0d9cdd2f}
body.page-projects .hn-page--projects .hn-filter.is-active .hn-icon{color:#fff}
body.page-projects .hn-page--projects .hn-filter:hover:not(.is-active){border-color:#7fd2fb;background:#f4fbff}
body.page-projects .hn-page--projects .hn-section{padding:22px 0 26px}
body.page-projects .hn-page--projects .hn-featured-area{padding-top:8px;padding-bottom:0}
body.page-projects .hn-page--projects .hn-featured-project{display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);gap:22px;background:linear-gradient(110deg,#eef8fe 0%,#f5faff 65%,#f2faff 100%);border:1px solid #e8f1f8;border-radius:15px;padding:14px;min-height:340px}
body.page-projects .hn-page--projects .hn-featured-project__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:7px 10px 7px 10px}
body.page-projects .hn-page--projects .hn-eyebrow-pill{align-self:flex-start;background:#c6ebff;border-radius:99px;color:#098cd0;padding:5px 13px;font-size:12px;font-weight:700}
body.page-projects .hn-page--projects .hn-featured-project__copy h2{font-size:26px;line-height:1.4;margin-top:5px;font-weight:700}
body.page-projects .hn-page--projects .hn-featured-project__copy h3{font-size:17px;color:#078fe0;font-weight:700;line-height:1.5;margin-top:3px}
body.page-projects .hn-page--projects .hn-featured-project__copy>p{color:#536983;font-size:13px;line-height:1.95;margin-top:10px}
body.page-projects .hn-page--projects .hn-featured-project__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:15px;margin-bottom:11px}
body.page-projects .hn-page--projects .hn-stat{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#fff;border-radius:9px;min-height:80px;padding:6px 4px}
body.page-projects .hn-page--projects .hn-stat .hn-icon{color:#039deb;width:23px;height:23px}
body.page-projects .hn-page--projects .hn-stat strong{font-size:18px;color:#029ded;line-height:1.4;direction:ltr}
body.page-projects .hn-page--projects .hn-stat span{font-size:10px;color:#556d86;white-space:nowrap}
body.page-projects .hn-page--projects .hn-featured-project__media{border-radius:12px;overflow:hidden;position:relative;min-height:310px;align-self:stretch}
body.page-projects .hn-page--projects .hn-featured-project__media>img{width:100%;height:100%;object-fit:cover;object-position:center}
body.page-projects .hn-page--projects .hn-featured-project__tags{position:absolute;right:14px;top:13px;display:flex;gap:7px}
body.page-projects .hn-page--projects .hn-featured-project__tags span{background:#0c99eb;color:#fff;padding:5px 13px;font-size:12px;border-radius:8px}
body.page-projects .hn-page--projects .hn-featured-project__tags span:last-child{background:#d6f7e9;color:#149466}
body.page-projects .hn-page--projects .hn-catalog{padding-top:24px;padding-bottom:15px}
body.page-projects .hn-page--projects .hn-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
body.page-projects .hn-page--projects .hn-kicker{display:block;color:#0aa9eb;font-size:11px;font-weight:700;letter-spacing:1px;direction:ltr;text-align:right;margin-bottom:2px}
body.page-projects .hn-page--projects .hn-section-head h2{font-size:22px;font-weight:700;line-height:1.4}
body.page-projects .hn-page--projects .hn-section-head p{font-size:13px;color:#6c7d95;margin-top:4px}
body.page-projects .hn-page--projects .hn-text-link{color:#069bd9!important;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;white-space:nowrap}
body.page-projects .hn-page--projects .hn-text-link svg{width:16px;height:16px}
body.page-projects .hn-page--projects .hn-project-grid{display:flex;flex-wrap:wrap;gap:13px}
body.page-projects .hn-page--projects .hn-project-card{width:calc((100% - 52px)/5);min-width:0;border:1px solid #e2edf5;background:#fff;overflow:hidden;border-radius:11px;box-shadow:var(--hn-shadow);transition:transform .18s,box-shadow .18s}
body.page-projects .hn-page--projects .hn-project-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #05325516}
body.page-projects .hn-page--projects .hn-project-card:nth-child(n+11){width:calc((100% - 39px)/4)}
body.page-projects .hn-page--projects .hn-project-card[hidden]{display:none!important}
body.page-projects .hn-page--projects .hn-project-card__media{height:110px;overflow:hidden;background:#d9e8f2}
body.page-projects .hn-page--projects .hn-project-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .28s}
body.page-projects .hn-page--projects .hn-project-card:hover img{transform:scale(1.035)}
body.page-projects .hn-page--projects .hn-project-card__body{padding:8px 12px 10px;min-height:93px;display:flex;flex-direction:column;align-items:flex-start}
body.page-projects .hn-page--projects .hn-project-card__body h3{font-size:13px;line-height:1.45;font-weight:700;color:#0d2a48}
body.page-projects .hn-page--projects .hn-project-card__body p{font-size:11px;line-height:1.5;color:#738298;margin-top:2px}
body.page-projects .hn-page--projects .hn-project-type{margin-top:auto;margin-right:auto;display:inline-flex;border-radius:9px;padding:3px 10px;background:#e0f3ff;color:#078ed3;font-size:10px;font-weight:700}
body.page-projects .hn-page--projects .hn-project-type--product{background:#d9f8e9;color:#14996a}
body.page-projects .hn-page--projects .hn-catalog__empty{padding:35px 12px;background:#f3faff;border:1px dashed #91c6e3;border-radius:12px;text-align:center;color:#395876}
body.page-projects .hn-page--projects .hn-catalog__status{font-size:12px;color:#45607d}
body.page-projects .hn-page--projects .hn-domains{background:#f3faff;padding:24px 0}
body.page-projects .hn-page--projects .hn-domain-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
body.page-projects .hn-page--projects .hn-domain-card{min-height:145px;background:#fff;border:1px solid #e5f0f8;border-radius:10px;padding:15px 13px 10px;text-align:center;box-shadow:0 3px 10px #0c2e4510;display:flex;flex-direction:column;align-items:center}
body.page-projects .hn-page--projects .hn-domain-card>.hn-icon{color:#049fec;width:32px;height:32px}
body.page-projects .hn-page--projects .hn-domain-card:first-child>.hn-icon{color:#13a577}
body.page-projects .hn-page--projects .hn-domain-card h3{font-size:13px;margin:10px 0 4px;font-weight:700;line-height:1.5}
body.page-projects .hn-page--projects .hn-domain-card p{font-size:11px;line-height:1.7;color:#758398}
body.page-projects .hn-page--projects .hn-process{padding:24px 0}
body.page-projects .hn-page--projects .hn-process__steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px;padding:12px 0 0;margin:0}
body.page-projects .hn-page--projects .hn-step{position:relative;background:#fff;border:1px solid #e6eef7;min-height:92px;border-radius:12px;box-shadow:0 3px 8px #0c2e4508;padding:17px 58px 15px 12px}
body.page-projects .hn-page--projects .hn-step__badge{position:absolute;top:14px;right:13px;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:#04a4ed;background:#dcf5ff;outline:5px solid #f4faff;font-size:19px;font-weight:700}
body.page-projects .hn-page--projects .hn-step h3{font-size:12px;font-weight:700;line-height:1.6}
body.page-projects .hn-page--projects .hn-step p{font-size:11px;color:#71839b;line-height:1.6;margin-top:4px}
body.page-projects .hn-page--projects .hn-step:not(:last-child)::after{content:"←";color:#039deb;position:absolute;left:-22px;top:33px;font-size:27px}
body.page-projects .hn-page--projects .hn-advantages{padding:18px 0 23px;background:#f7fcff}
body.page-projects .hn-page--projects .hn-advantage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
body.page-projects .hn-page--projects .hn-advantage-card{border:1px solid #e2edf5;border-radius:9px;background:#fff;min-height:104px;padding:15px 11px;display:flex;gap:10px;align-items:flex-start}
body.page-projects .hn-page--projects .hn-advantage-card>.hn-icon{color:#00a4ed;width:30px;height:30px}
body.page-projects .hn-page--projects .hn-advantage-card h3{font-size:12px;font-weight:700;line-height:1.55}
body.page-projects .hn-page--projects .hn-advantage-card p{font-size:11px;color:#7788a0;line-height:1.65;margin-top:5px}
body.page-projects .hn-page--projects .hn-projects-cta{background-color:#0a2947;color:white;text-align:center;min-height:103px;display:flex;align-items:center;padding:15px 0}
body.page-projects .hn-page--projects .hn-projects-cta h2{font-size:20px;font-weight:700}
body.page-projects .hn-page--projects .hn-projects-cta p{font-size:12px;margin-top:3px;color:#effbff}
body.page-projects .hn-page--projects .hn-projects-cta__actions{display:flex;justify-content:center;gap:11px;margin-top:9px}
body.page-projects .hn-page--projects .hn-projects-cta .hn-button{min-height:33px;font-size:11px;padding:6px 15px;border-radius:8px}
@media(max-width:1100px){
body.page-projects .hn-page--projects .hn-container{width:min(100% - 36px,1340px)}
body.page-projects .hn-page--projects .hn-projects-hero__copy{width:52%}
body.page-projects .hn-page--projects .hn-projects-hero__copy h1{font-size:37px}
body.page-projects .hn-page--projects .hn-filter{font-size:11px;padding-inline:10px}
body.page-projects .hn-page--projects .hn-featured-project__copy h2{font-size:23px}
body.page-projects .hn-page--projects .hn-featured-project__copy h3{font-size:15px}
body.page-projects .hn-page--projects .hn-featured-project__stats{gap:4px}
body.page-projects .hn-page--projects .hn-stat span{white-space:normal}
body.page-projects .hn-page--projects .hn-project-card__media{height:95px}
body.page-projects .hn-page--projects .hn-project-card__body{padding:8px}
body.page-projects .hn-page--projects .hn-domain-card{padding-inline:7px}
body.page-projects .hn-page--projects .hn-step{padding-right:49px}
body.page-projects .hn-page--projects .hn-process__steps{gap:17px}
body.page-projects .hn-page--projects .hn-step:not(:last-child)::after{left:-17px;font-size:20px}
body.page-projects .hn-page--projects .hn-advantage-card{padding:10px 7px}
}
@media(max-width:820px){
body.page-projects .hn-page--projects .hn-projects-hero{height:375px}
body.page-projects .hn-page--projects .hn-projects-hero__tile{opacity:.8}
body.page-projects .hn-page--projects .hn-projects-hero__shade{background:linear-gradient(270deg,rgba(4,23,43,.98) 0%,rgba(5,24,45,.87) 45%,rgba(4,27,42,.36) 95%)}
body.page-projects .hn-page--projects .hn-projects-hero__copy{width:min(570px,82%)}
body.page-projects .hn-page--projects .hn-projects-hero__copy h1{font-size:36px}
body.page-projects .hn-page--projects .hn-featured-project{grid-template-columns:1fr 1fr}
body.page-projects .hn-page--projects .hn-featured-project__media{min-height:280px}
body.page-projects .hn-page--projects .hn-featured-project__stats{grid-template-columns:repeat(2,1fr)}
body.page-projects .hn-page--projects .hn-project-card,
body.page-projects .hn-page--projects .hn-project-card:nth-child(n+11){width:calc((100% - 26px)/3)}
body.page-projects .hn-page--projects .hn-project-card__media{height:105px}
body.page-projects .hn-page--projects .hn-domain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.page-projects .hn-page--projects .hn-process__steps{grid-template-columns:repeat(3,minmax(0,1fr))}
body.page-projects .hn-page--projects .hn-step:not(:last-child)::after{display:none}
body.page-projects .hn-page--projects .hn-advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
body.page-projects .hn-page--projects .hn-container{width:calc(100% - 28px)}
body.page-projects .hn-page--projects .hn-search{left:12px;right:12px;width:auto}
body.page-projects .hn-page--projects .hn-projects-hero{height:360px}
body.page-projects .hn-page--projects .hn-projects-hero__scene{filter:brightness(.8)}
body.page-projects .hn-page--projects .hn-projects-hero__tile{width:40%!important}
body.page-projects .hn-page--projects .hn-projects-hero__tile:nth-child(1){left:0}
body.page-projects .hn-page--projects .hn-projects-hero__tile:nth-child(2){left:28%}
body.page-projects .hn-page--projects .hn-projects-hero__tile:nth-child(3){left:56%}
body.page-projects .hn-page--projects .hn-projects-hero__tile:nth-child(n+4){display:none}
body.page-projects .hn-page--projects .hn-projects-hero__shade{background:linear-gradient(270deg,#061b32ed 0%,#061b32d8 70%,#061b324f 100%)}
body.page-projects .hn-page--projects .hn-projects-hero__copy{width:100%;text-align:right}
body.page-projects .hn-page--projects .hn-projects-hero__copy h1{font-size:32px}
body.page-projects .hn-page--projects .hn-projects-hero__copy p{font-size:12px;line-height:1.95}
body.page-projects .hn-page--projects .hn-projects-hero__actions{gap:8px}
body.page-projects .hn-page--projects .hn-projects-hero__actions .hn-button{font-size:11px;min-width:0;padding:10px 11px}
body.page-projects .hn-page--projects .hn-filters-wrap{padding:14px 0}
body.page-projects .hn-page--projects .hn-filter-list{justify-content:flex-start;gap:7px}
body.page-projects .hn-page--projects .hn-filter{font-size:10px;min-height:36px;border-radius:8px;padding:6px 9px}
body.page-projects .hn-page--projects .hn-filter .hn-icon{width:16px;height:16px}
body.page-projects .hn-page--projects .hn-featured-area{padding-top:16px}
body.page-projects .hn-page--projects .hn-featured-project{grid-template-columns:1fr;gap:12px;padding:12px}
body.page-projects .hn-page--projects .hn-featured-project__media{grid-row:1;min-height:0;height:205px}
body.page-projects .hn-page--projects .hn-featured-project__copy{padding:4px 2px}
body.page-projects .hn-page--projects .hn-featured-project__copy h2{font-size:22px}
body.page-projects .hn-page--projects .hn-featured-project__copy h3{font-size:14px}
body.page-projects .hn-page--projects .hn-featured-project__copy>p{font-size:12px}
body.page-projects .hn-page--projects .hn-featured-project__stats{grid-template-columns:repeat(4,1fr);gap:4px}
body.page-projects .hn-page--projects .hn-stat{min-height:72px}
body.page-projects .hn-page--projects .hn-stat strong{font-size:13px}
body.page-projects .hn-page--projects .hn-stat span{font-size:9px}
body.page-projects .hn-page--projects .hn-catalog{padding-top:22px}
body.page-projects .hn-page--projects .hn-section-head{gap:10px;align-items:flex-end}
body.page-projects .hn-page--projects .hn-section-head h2{font-size:20px}
body.page-projects .hn-page--projects .hn-section-head p{font-size:11px}
body.page-projects .hn-page--projects .hn-text-link{font-size:10px}
body.page-projects .hn-page--projects .hn-project-grid{gap:10px}
body.page-projects .hn-page--projects .hn-project-card,
body.page-projects .hn-page--projects .hn-project-card:nth-child(n+11){width:calc((100% - 10px)/2)}
body.page-projects .hn-page--projects .hn-project-card__media{height:110px}
body.page-projects .hn-page--projects .hn-project-card__body{min-height:102px}
body.page-projects .hn-page--projects .hn-project-card__body h3{font-size:12px}
body.page-projects .hn-page--projects .hn-project-card__body p{font-size:10px}
body.page-projects .hn-page--projects .hn-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.page-projects .hn-page--projects .hn-domain-card{min-height:141px}
body.page-projects .hn-page--projects .hn-process__steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body.page-projects .hn-page--projects .hn-step{padding:14px 49px 14px 8px}
body.page-projects .hn-page--projects .hn-step__badge{width:30px;height:30px;top:12px;right:10px;font-size:16px}
body.page-projects .hn-page--projects .hn-advantage-grid{grid-template-columns:1fr 1fr;gap:9px}
body.page-projects .hn-page--projects .hn-advantage-card{min-height:110px;display:block;text-align:center}
body.page-projects .hn-page--projects .hn-advantage-card>.hn-icon{height:27px;width:27px;margin:0 auto 4px}
body.page-projects .hn-page--projects .hn-projects-cta h2{font-size:17px}
body.page-projects .hn-page--projects .hn-projects-cta p{font-size:11px}
}
@media(max-width:360px){
body.page-projects .hn-page--projects .hn-projects-hero__copy h1{font-size:29px}
body.page-projects .hn-page--projects .hn-projects-hero__actions .hn-button{font-size:10px}
body.page-projects .hn-page--projects .hn-project-card__media{height:85px}
body.page-projects .hn-page--projects .hn-project-card__body{padding:8px 6px}
body.page-projects .hn-page--projects .hn-featured-project__stats{grid-template-columns:repeat(2,1fr)}
body.page-projects .hn-page--projects .hn-stat{min-height:65px}
body.page-projects .hn-page--projects .hn-filter{font-size:9px}
body.page-projects .hn-page--projects .hn-domain-card h3{font-size:11px}
body.page-projects .hn-page--projects .hn-domain-card p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
body.page-projects .hn-page--projects *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* Native Elementor icon boxes keep domain and advantage text editable. */
body.page-projects .hn-page--projects .hn-domain-card .elementor-icon-box-wrapper { display:flex; flex-direction:column; align-items:center; text-align:center; }
body.page-projects .hn-page--projects .hn-domain-card .elementor-icon { color:#049fec; background:transparent; border:0; padding:0; font-size:32px; }
body.page-projects .hn-page--projects .hn-domain-card:first-child .elementor-icon { color:#13a577; }
body.page-projects .hn-page--projects .hn-domain-card .elementor-icon-box-title { margin:10px 0 4px; font-size:13px; line-height:1.5; font-weight:700; }
body.page-projects .hn-page--projects .hn-domain-card .elementor-icon-box-description { margin:0; font-size:11px; line-height:1.7; color:#758398; }
body.page-projects .hn-page--projects .hn-advantage-card .elementor-icon-box-wrapper { display:flex; align-items:flex-start; gap:10px; text-align:right; }
body.page-projects .hn-page--projects .hn-advantage-card .elementor-icon { color:#00a4ed; background:transparent; border:0; padding:0; font-size:28px; }
body.page-projects .hn-page--projects .hn-advantage-card .elementor-icon-box-title { margin:0; font-size:12px; line-height:1.55; font-weight:700; }
body.page-projects .hn-page--projects .hn-advantage-card .elementor-icon-box-description { margin:5px 0 0; font-size:11px; line-height:1.65; color:#7788a0; }
body.page-projects .hn-page--projects .hn-process__steps > .e-con-inner { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:23px; }
body.page-projects .hn-page--projects .hn-step .hn-step__badge { margin:0; }
body.page-projects .hn-page--projects .hn-step .hn-step__badge h3 { margin:0; }
body.page-projects .hn-page--projects .hn-process__steps .elementor-widget-heading:not(.hn-step__badge) { margin:0; }
body.page-projects .hn-page--projects .hn-projects-cta { position:relative; background-color:#0a2947; }
body.page-projects .hn-page--projects .hn-projects-cta::before { content:""; position:absolute; inset:0; background:linear-gradient(rgba(4,28,48,.57),rgba(4,28,48,.68)); pointer-events:none; }
body.page-projects .hn-page--projects .hn-projects-cta > .e-con-inner { position:relative; z-index:1; width:min(100% - 52px,1340px); margin-inline:auto; }
body.page-projects .hn-page--projects .hn-projects-cta .elementor-widget-heading,
body.page-projects .hn-page--projects .hn-projects-cta .elementor-widget-text-editor { margin:0; color:#fff; }
body.page-projects .hn-page--projects .hn-projects-cta .elementor-widget-heading h2 { color:#fff; font-size:20px; }
body.page-projects .hn-page--projects .hn-projects-cta .elementor-widget-text-editor { font-size:12px; margin-top:3px; color:#effbff; }
body.page-projects .hn-page--projects .hn-projects-cta .hn-projects-cta__actions > .e-con-inner { display:flex; justify-content:center; gap:11px; }
body.page-projects .hn-page--projects .hn-projects-cta .elementor-button { border-radius:8px; min-height:33px; padding:6px 15px; background:#079fe9; color:#fff; font-size:11px; }
body.page-projects .hn-page--projects .hn-projects-cta .elementor-button:hover { background:#078dd4; }
body.page-projects .hn-page--projects .hn-catalog__status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:820px) { body.page-projects .hn-page--projects .hn-process__steps > .e-con-inner { grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; } }
@media(max-width:600px) { body.page-projects .hn-page--projects .hn-process__steps > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } body.page-projects .hn-page--projects .hn-projects-cta > .e-con-inner { width:calc(100% - 28px); } body.page-projects .hn-page--projects .hn-projects-cta .elementor-widget-heading h2 { font-size:17px; } }
/* Elementor 4.x widget wrappers and theme heading colors, scoped to this page. */
body.page-projects .hn-page--projects { font-synthesis:none; }
body.page-projects .hn-page--projects .hn-elementor-projects > .e-con-inner,
body.page-projects .hn-page--projects .hn-section > .e-con-inner,
body.page-projects .hn-page--projects .hn-container > .e-con-inner { gap:0; }
body.page-projects .hn-page--projects .hn-section-head { width:100%; }
body.page-projects .hn-page--projects .hn-section-head > .e-con-inner { width:100%; display:flex; flex-direction:column; align-items:flex-end; text-align:right; gap:0; }
body.page-projects .hn-page--projects .hn-section-head h2,
body.page-projects .hn-page--projects .hn-step h3,
body.page-projects .hn-page--projects .hn-domain-card .elementor-icon-box-title,
body.page-projects .hn-page--projects .hn-advantage-card .elementor-icon-box-title { color:var(--hn-ink)!important; }
body.page-projects .hn-page--projects .hn-domain-grid > .e-con-inner { display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr)); gap:11px; align-items:stretch; width:100%; }
body.page-projects .hn-page--projects .hn-domain-card { width:auto; min-height:145px; background:#fff; border:1px solid #e5f0f8; border-radius:10px; padding:15px 13px 10px; text-align:center; box-shadow:0 3px 10px #0c2e4510; }
body.page-projects .hn-page--projects .hn-domain-card .elementor-icon-box-wrapper { display:flex; flex-direction:column; align-items:center; text-align:center; gap:0; }
body.page-projects .hn-page--projects .hn-domain-card .elementor-icon-box-icon { margin:0; line-height:1; }
body.page-projects .hn-page--projects .hn-domain-card .elementor-icon { color:#049fec; background:transparent; border:0; padding:0; font-size:32px; }
body.page-projects .hn-page--projects .hn-domain-card:first-child .elementor-icon { color:#13a577; }
body.page-projects .hn-page--projects .hn-domain-card .elementor-icon-box-title { margin:10px 0 4px; font-size:13px; line-height:1.5; font-weight:700; }
body.page-projects .hn-page--projects .hn-domain-card .elementor-icon-box-description { margin:0; font-size:11px; line-height:1.7; color:#758398; }
body.page-projects .hn-page--projects .hn-process__steps > .e-con-inner { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:23px; width:100%; }
body.page-projects .hn-page--projects .hn-step > .e-con-inner { gap:0; }
body.page-projects .hn-page--projects .hn-step .hn-step__badge { position:absolute; top:14px; right:13px; display:grid; place-items:center; flex:0 0 35px; width:35px; min-width:35px; max-width:35px; height:35px; margin:0; }
body.page-projects .hn-page--projects .hn-step .hn-step__badge .elementor-heading-title { margin:0; text-align:center; color:#04a4ed; font-size:19px; line-height:35px; }
body.page-projects .hn-page--projects .hn-process__steps .elementor-widget-heading:not(.hn-step__badge) { margin:0; }
body.page-projects .hn-page--projects .hn-advantage-grid > .e-con-inner { display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; width:100%; }
body.page-projects .hn-page--projects .hn-advantage-card { width:auto; min-height:104px; border:1px solid #e2edf5; border-radius:9px; background:#fff; padding:15px 11px; }
body.page-projects .hn-page--projects .hn-advantage-card .elementor-icon-box-wrapper { display:flex; flex-direction:row; align-items:flex-start; gap:10px; text-align:right; }
body.page-projects .hn-page--projects .hn-advantage-card .elementor-icon-box-icon { margin:0; line-height:1; }
body.page-projects .hn-page--projects .hn-advantage-card .elementor-icon { color:#00a4ed; background:transparent; border:0; padding:0; font-size:28px; }
body.page-projects .hn-page--projects .hn-advantage-card .elementor-icon-box-title { margin:0; font-size:12px; line-height:1.55; font-weight:700; }
body.page-projects .hn-page--projects .hn-advantage-card .elementor-icon-box-description { margin:5px 0 0; font-size:11px; line-height:1.65; color:#7788a0; }
body.page-projects .hn-page--projects .hn-fixture-notice { margin:0 0 14px; padding:8px 12px; border-inline-start:3px solid #f0b24a; border-radius:6px; background:#fff8e8; color:#654c1d; font-size:11px; line-height:1.6; }
body.page-projects .hn-page--projects .hn-sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
@media(max-width:1100px) { body.page-projects .hn-page--projects .hn-domain-grid > .e-con-inner { grid-template-columns:repeat(3,minmax(0,1fr)); } body.page-projects .hn-page--projects .hn-advantage-grid > .e-con-inner { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:820px) { body.page-projects .hn-page--projects .hn-process__steps > .e-con-inner { grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; } }
@media(max-width:600px) { body.page-projects .hn-page--projects .hn-domain-grid > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } body.page-projects .hn-page--projects .hn-process__steps > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } body.page-projects .hn-page--projects .hn-advantage-grid > .e-con-inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } }
body.page-projects .hn-page--projects .hn-section-head > .e-con-inner { align-items:flex-start; }
body.page-projects .hn-page--projects .hn-step .hn-step__badge .elementor-heading-title { color:#04a4ed!important; }
body.page-projects .hn-page--projects .hn-section-head > .e-con-inner { align-items:stretch!important; }
body.page-projects .hn-page--projects .hn-section-head .elementor-widget-heading,
body.page-projects .hn-page--projects .hn-section-head .elementor-widget-text-editor { width:100%; text-align:right!important; }
body.page-projects .hn-page--projects .hn-section-head .elementor-heading-title,
body.page-projects .hn-page--projects .hn-section-head .elementor-widget-text-editor { text-align:right!important; }
body.page-projects .hn-page--projects .hn-projects-cta .elementor-widget-button.hn-button--light .elementor-button { background:#fff!important; color:#082a46!important; border:1px solid #e8f0f7!important; box-shadow:0 5px 10px rgba(0,12,25,.1); }
body.page-projects .hn-page--projects .hn-projects-cta .elementor-widget-button.hn-button--light .elementor-button:hover { background:#f4fbff!important; color:#082a46!important; }
body.page-projects .hn-page--projects.hn-elementor-projects > .e-con-inner { gap:0!important; }
/* Targeted V1.1 density fixes: keep editor-owned text flowing while removing
 * excess section padding in the five-step process, advantages row and CTA. */
body.page-projects .hn-page--projects .hn-process{padding:14px 0 16px}
body.page-projects .hn-page--projects .hn-process .hn-section-head{margin-bottom:8px}
body.page-projects .hn-page--projects .hn-process__steps{padding-top:4px}
body.page-projects .hn-page--projects .hn-step{min-height:76px;padding:11px 54px 10px 10px}
body.page-projects .hn-page--projects .hn-step__badge{top:11px;right:11px}
body.page-projects .hn-page--projects .hn-advantages{padding:12px 0 15px}
body.page-projects .hn-page--projects .hn-advantages .hn-section-head{margin-bottom:8px}
body.page-projects .hn-page--projects .hn-advantage-card{min-height:86px;padding:11px 9px}
body.page-projects .hn-page--projects .hn-projects-cta{min-height:96px;padding:10px 0}
