:root{--ink:#162943;--blue:#216ac3;--muted:#63748a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.9 Tahoma,Arial,sans-serif;background:#f4f8ff url(network-continuous.png) center top/cover fixed no-repeat}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.icon{width:24px;height:24px;vertical-align:middle}.site-header{position:sticky;top:0;z-index:20;background:#fffffff0;backdrop-filter:blur(12px);box-shadow:0 2px 15px #142b481a}.header-inner{display:flex;align-items:center;gap:20px;min-height:78px}.brand{display:flex;align-items:center;gap:12px;min-width:180px}.brand img{object-fit:contain}.brand strong,.brand small{display:block;line-height:1.5}.brand small{font-size:10px;color:#71839b}.site-header nav{display:flex;gap:17px;margin:auto}.site-header nav a{font-size:13px;font-weight:bold;white-space:nowrap}.languages{display:flex;direction:ltr;gap:5px}.languages a{font-size:11px;padding:4px;color:#52647c}.languages [aria-current=page]{background:#102b50;color:white;border-radius:5px}.menu-toggle{display:none}.hero,.page-hero{background:linear-gradient(90deg,#081a36ed,#0d2b55a6),url(hero-network.png) center/cover;color:white}.hero{min-height:600px;display:flex;align-items:center}.hero-content{padding:90px 0}.hero h1{font-size:clamp(34px,4.5vw,64px);max-width:880px;line-height:1.5;margin:18px 0}.hero p{max-width:700px;color:#dceaff;font-size:18px}.hero-tag,.eyebrow{color:#568dd1;font-size:12px;font-weight:bold;letter-spacing:1.5px}.hero-tag{color:#b6d7ff}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;padding:10px 22px;border-radius:12px;border:1px solid #9ebee6;font:inherit;font-weight:bold;font-size:14px;cursor:pointer}.primary{background:#2878dc;color:white;border-color:#2878dc}.ghost{color:white}.outline{color:#145ba9;background:#f7fbff}.hero-meta{display:flex;gap:20px;justify-content:flex-end;direction:ltr;color:#b7ccec;font-size:11px;margin-top:55px}.section{padding:85px 0;scroll-margin-top:80px}.muted{background:#e9f1fac9}.section-head{max-width:850px;margin-bottom:35px}.section-head h2{font-size:clamp(27px,3vw,42px);line-height:1.5;margin:8px 0}.section-head p{color:var(--muted)}.service-band{display:grid;grid-template-columns:190px 1fr;gap:36px;align-items:center;background:#ffffffed;border:1px solid #dfebf7;border-radius:24px;padding:38px;margin:20px 0;box-shadow:0 15px 48px #15365714}.service-band-icon{height:165px;border-radius:22px;display:grid;place-items:center;background:#e8f2ff;color:#2169c1}.service-band-icon .icon{width:100px;height:100px}.service-band h3{font-size:27px;margin:8px 0}.service-band p{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.timeline{display:grid;gap:12px}.timeline-item{background:white;border:1px solid #e0e8f1;border-radius:15px;padding:17px 22px;display:flex;gap:22px;align-items:center}.timeline-item b{font-size:24px;color:#2169bd}.founder-card,.product-card,.detail-card{background:white;border:1px solid #e0e9f2;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #18304e12}.founder-card img{width:100%;height:310px;object-fit:cover;object-position:center 30%}.founder-card>div{padding:16px 23px}.founder-card strong,.founder-card small{display:block}.founder-card small{color:var(--muted)}.text-link{color:#1a61b8;font-weight:bold}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{transition:.25s}.product-card:hover{transform:translateY(-6px)}.product-art{height:165px;background:linear-gradient(135deg,#dcecff,#f1f7ff);display:grid;place-items:center}.product-art .icon{width:75px;height:75px;color:#256dc0}.product-art img{width:100%;height:100%;object-fit:contain;padding:12px}.art-1{background:#e9eaff}.art-2{background:#e3f5f2}.art-3{background:#e7f0fb}.product-content{padding:22px}.product-content h3{margin:7px 0}.product-content p{color:var(--muted);min-height:58px}.product-type{color:#5883b9;font-size:11px}.product-note{color:#8999a9;font-size:12px}.center{text-align:center;margin-top:30px}.client-types{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.client-type{display:grid;justify-items:center;text-align:center;gap:12px;padding:24px 12px;background:white;border-radius:16px;border:1px solid #dfe9f3}.client-type .icon{width:44px;height:44px;color:#246dc0}.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:white;padding:40px;border-radius:24px;border:1px solid #dce7f4}.contact-box p{color:#52667e}.contact-form{display:grid;gap:11px}.contact-form label{display:grid;font-weight:bold;font-size:13px}.contact-form input,.contact-form select,.contact-form textarea{font:inherit;border:1px solid #cbd8e8;border-radius:9px;padding:9px}.contact-form small{font-size:11px;color:var(--muted)}footer{background:#0a1d39;color:#d9e8fb;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1.3fr .8fr;gap:30px}.footer-grid p{color:#aec3de;font-size:13px}.foot-bottom{border-top:1px solid #334d6c;padding-top:15px;margin-top:25px;font-size:12px}.page-hero{padding:85px 0}.page-hero h1{font-size:clamp(32px,4vw,54px)}.page-hero p{max-width:830px;color:#d9e7fb}.light-link{color:#b7d8ff}.journeys{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.journey{display:flex;align-items:center;gap:10px;background:white;border:1px solid #e0eaf3;border-radius:16px;padding:18px}.journey .icon{width:42px;height:42px;color:#236dc4}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:21px}.detail-card{padding:28px}.icon-box{width:76px;height:76px;display:grid;place-items:center;background:#e8f3ff;color:#216bc1;border-radius:18px}.icon-box .icon{width:44px;height:44px}.detail-card h3{font-size:20px}.detail-card ul{padding-inline-start:23px;color:#53687f}.detail-card li{padding:4px 0}.reading{max-width:950px}.story-p{background:#fff;padding:23px;border-radius:15px}.reading .founder-card{max-width:430px;margin:30px auto}.back-top{position:fixed;bottom:25px;inset-inline-end:25px;width:45px;height:45px;border:0;border-radius:50%;background:#2369c1;color:white;font-size:24px;cursor:pointer;opacity:0;pointer-events:none}.back-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s;transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white}@media(max-width:960px){.site-header nav{gap:8px}.site-header nav a{font-size:11px}.product-grid{grid-template-columns:repeat(2,1fr)}.client-types{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){body{background-attachment:scroll}.header-inner{flex-wrap:wrap;min-height:70px}.menu-toggle{display:block;margin-inline-start:auto;background:none;border:0;font-size:25px}.site-header nav{display:none;order:4;width:100%;flex-direction:column;padding:12px}.site-header nav.open{display:flex}.site-header nav a{font-size:15px}.hero{min-height:520px}.hero h1{font-size:34px}.section{padding:60px 0}.service-band{grid-template-columns:1fr;padding:24px}.service-band-icon{height:125px}.service-band-icon .icon{width:75px;height:75px}.about-grid,.contact-box,.footer-grid,.detail-grid,.product-grid{grid-template-columns:1fr}.journeys,.client-types{grid-template-columns:repeat(2,1fr)}.contact-box{padding:24px}.container{width:calc(100% - 28px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Homepage: rich three-section overview */
.service-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 25px;padding-inline-start:22px;margin:14px 0 22px;line-height:1.9}.service-preview li{padding-inline-start:3px}.service-band{align-items:start}@media(max-width:650px){.service-preview{grid-template-columns:1fr}}
/* Reveal is progressive enhancement; content remains visible without JS */
.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(25px)}.js-motion .reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none}}

/* One-page layout */
.history-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr);gap:32px;align-items:start}.history-copy{background:#ffffffdd;border:1px solid #dbe6f4;border-radius:22px;padding:30px;line-height:2.15}.history-copy p{margin:0 0 18px}.timeline-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:26px;color:#24538b;font-weight:bold}.timeline-row span{background:#fff;border:1px solid #dce8f6;padding:8px 18px;border-radius:30px}.service-deep{padding-top:65px}.service-deep-head{display:flex;align-items:center;gap:28px;margin-bottom:35px;padding:30px;border-radius:24px;background:linear-gradient(110deg,#123a68,#235a99);color:white}.service-deep-head h2{font-size:clamp(25px,3vw,39px);margin:8px 0}.service-deep-head p{max-width:780px;margin:0;color:#e4f1ff}.service-big-icon{display:grid;place-items:center;width:112px;height:112px;flex:0 0 112px;border-radius:26px;background:#ffffff1c}.service-big-icon .icon{width:66px;height:66px;stroke-width:1.3}.detail-card .icon-box .icon{width:38px;height:38px}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}section{scroll-margin-top:82px}@media(max-width:900px){.history-layout{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.detail-grid{grid-template-columns:1fr}.service-deep-head{flex-direction:column;align-items:flex-start;padding:22px}.service-big-icon{width:84px;height:84px;flex-basis:84px}.service-big-icon .icon{width:48px;height:48px}}

/* V11: unified three-service anchor navigation */
.services-jump-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.service-jump-card{min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;background:#ffffffeb;border:1px solid #d9e6f5;border-top:4px solid #2b77c5;border-radius:20px;padding:28px 18px;box-shadow:0 16px 36px #16365b15;transition:transform .25s,box-shadow .25s,border-color .25s}
.service-jump-card:hover,.service-jump-card:focus-visible{transform:translateY(-6px);box-shadow:0 24px 45px #16365b26;border-color:#2370c2;outline-offset:3px}
.service-jump-card h3{font-size:clamp(17px,1.6vw,23px);line-height:1.7;margin:0;color:#163b66}
.jump-icon{width:88px;height:88px;display:grid;place-items:center;border-radius:23px;background:#e7f2ff;color:#216dbb}
.jump-icon svg{width:51px;height:51px}.jump-arrow{color:#2778c7;font-size:23px;line-height:1}
@media(max-width:760px){.services-jump-grid{grid-template-columns:1fr;gap:14px}.service-jump-card{min-height:155px;padding:20px}.jump-icon{width:65px;height:65px}.jump-icon svg{width:39px;height:39px}}

/* V12: centered showcase carousel, inspired by the Damash consortium section */
#products{background:radial-gradient(ellipse at 50% 22%,#18243e 0%,#0a0d17 58%,#080b12 100%);color:#f5f7ff;overflow:hidden;position:relative}
#products::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,20,.8),transparent 25%,transparent 75%,rgba(7,11,20,.8));pointer-events:none}
#products .container{position:relative;z-index:1}
#products .section-head h2{color:#fff}
#products .section-head p{color:#d2d8e9}
#products .eyebrow{color:#a9b8ee}
.portfolio-carousel{position:relative;max-width:1180px;margin:28px auto 0;min-height:440px}
.portfolio-stage{position:relative;height:360px;perspective:1000px}
.portfolio-slide{position:absolute;top:8px;left:50%;width:min(320px,74vw);height:326px;display:flex;flex-direction:column;background:#101420;border:1px solid #393150;border-radius:26px;overflow:hidden;box-shadow:0 16px 55px rgba(0,0,0,.35);transform:translateX(-50%) scale(.7);opacity:0;visibility:hidden;pointer-events:none;transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .5s,filter .5s,visibility .5s;filter:brightness(.55);text-align:start}
.portfolio-slide[data-position="0"]{transform:translateX(-50%) scale(1);opacity:1;visibility:visible;pointer-events:auto;z-index:4;filter:none;border-color:#7252ad}
.portfolio-slide[data-position="-1"]{transform:translateX(calc(-50% - 285px)) scale(.82) rotateY(-8deg);opacity:.68;visibility:visible;pointer-events:auto;z-index:3}
.portfolio-slide[data-position="1"]{transform:translateX(calc(-50% + 285px)) scale(.82) rotateY(8deg);opacity:.68;visibility:visible;pointer-events:auto;z-index:3}
.portfolio-slide[data-position="-2"]{transform:translateX(calc(-50% - 495px)) scale(.65) rotateY(-12deg);opacity:.24;visibility:visible;z-index:2}
.portfolio-slide[data-position="2"]{transform:translateX(calc(-50% + 495px)) scale(.65) rotateY(12deg);opacity:.24;visibility:visible;z-index:2}
.portfolio-slide .product-art{height:145px;min-height:145px;border-radius:0;display:flex;align-items:center;justify-content:center;background:#f3f1ed}
.portfolio-slide .product-art img{width:110px;height:110px;object-fit:contain}
.portfolio-slide .product-art svg{height:76px;width:76px;color:#254b7a}
.portfolio-slide .product-content{padding:15px 19px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.portfolio-slide .product-type{color:#a88de4;font-size:10px;letter-spacing:1.3px}
.portfolio-slide h3{color:#fff;margin:7px 0;font-size:19px}
.portfolio-slide p{color:#c2c9da;margin:0;font-size:13px;line-height:1.8}
.portfolio-visit{color:#c5b3ff;font-weight:700;font-size:12px;margin-top:auto;text-decoration:none}
.portfolio-visit:hover{text-decoration:underline;color:#fff}
.portfolio-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:8px auto 0}
.portfolio-prev,.portfolio-next{border:1px solid #4c5065;background:#171b29;color:#fff;border-radius:50%;width:46px;height:46px;cursor:pointer;font-size:30px;line-height:1;flex-shrink:0}
.portfolio-prev:hover,.portfolio-next:hover{background:#edeef5;color:#101827}
.portfolio-dots{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:370px}
.portfolio-dot{border:0;background:#545263;width:8px;height:8px;padding:0;border-radius:50%;cursor:pointer}
.portfolio-dot[aria-current="true"]{background:#b69aff;width:19px;border-radius:6px}
.portfolio-slide:focus-within{outline:2px solid #c1a4ff;outline-offset:2px}
@media(max-width:720px){.portfolio-carousel{min-height:415px}.portfolio-stage{height:345px}.portfolio-slide{width:min(270px,72vw);height:315px}.portfolio-slide[data-position="-1"]{transform:translateX(calc(-50% - 185px)) scale(.76)}.portfolio-slide[data-position="1"]{transform:translateX(calc(-50% + 185px)) scale(.76)}.portfolio-slide[data-position="-2"],.portfolio-slide[data-position="2"]{opacity:0;visibility:hidden}.portfolio-slide .product-art{height:130px;min-height:130px}}
@media(prefers-reduced-motion:reduce){.portfolio-slide{transition:none}}


/* V13 — editorial corporate refinement, based on original website design */
:root{--ink:#19314b;--blue:#23618f;--muted:#64758a;--paper:#f5f3f0;--line:#e3e7e9;--warm:#e8e1d9}
html{scroll-padding-top:80px}
body{background:#f5f3f0;color:var(--ink);position:relative;isolation:isolate}
/* One uninterrupted low-contrast background mesh, with a very gentle parallax */
body::before{content:"";position:fixed;z-index:-1;inset:-10vh 0;pointer-events:none;background-image:url('original-network-mesh.png');background-repeat:no-repeat;background-size:auto 112vh;background-position:right bottom;opacity:.095;filter:saturate(.7);transform:translate3d(0,var(--mesh-offset,0px),0);will-change:transform}
body::after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 22%,#fff9 0%,transparent 60%)}
.site-header{background:#ffffffed;box-shadow:0 1px 14px #1d344515;border-bottom:1px solid #e5e8ea}
.header-inner{min-height:70px}
.site-header nav a{color:#263c55}.site-header nav a:hover{color:#1f6c9e}
.container{width:min(1160px,calc(100% - 48px))}
.section{padding:48px 0;scroll-margin-top:76px}
.section-head{margin-bottom:20px}.section-head h2{font-size:clamp(25px,2.6vw,36px);margin:4px 0 8px;letter-spacing:-.45px}.section-head p{margin:0}
.hero{min-height:480px}.hero-content{padding:66px 0}.hero h1{font-size:clamp(32px,4.1vw,54px)}.hero p{font-size:17px}.hero-meta{margin-top:30px}
.hero,.page-hero{background:linear-gradient(90deg,#091a2ed9,#0c2c50a8),url(hero-network.png) center/cover}
.muted{background:rgba(246,245,243,.72)}
.history-layout{gap:24px}.history-copy{background:#fffffff0;border-color:#e6e8e8;padding:27px 30px;box-shadow:0 10px 32px #182e4510}
.timeline-row{gap:8px;margin-top:17px}.timeline-row span{padding:5px 12px;font-size:12px;border-color:#e2e8ed}
.founder-card,.detail-card,.client-type{border:1px solid #e2e7ea;box-shadow:0 10px 30px #152b4110}
.founder-card img{height:290px}
.services-jump-grid{gap:16px}.service-jump-card{min-height:190px;padding:21px 14px;background:#fff;border:1px solid #e0e6ea;border-top:3px solid #2d719d;border-radius:17px;box-shadow:0 8px 22px #183d5c10}
.service-jump-card:hover{transform:translateY(-4px);box-shadow:0 14px 26px #1a39521b}
.jump-icon{height:75px;width:75px;border-radius:18px;background:#edf4f8;color:#286f9c}
.jump-icon .icon{height:44px;width:44px}
.service-deep{padding-top:38px}.service-deep-head{padding:22px 27px;margin-bottom:18px;gap:22px;border-radius:18px;background:linear-gradient(115deg,#173957,#265b80)}
.service-big-icon{height:94px;width:94px;flex-basis:94px;border-radius:18px}.service-big-icon .icon{height:55px;width:55px}
.service-deep-head h2{font-size:clamp(24px,2.5vw,32px);margin:3px 0}.service-deep-head p{font-size:14px;line-height:1.95}
.detail-grid{gap:14px}.detail-card{padding:20px 21px;border-radius:15px;background:#fffefa}.detail-card h3{font-size:17px;margin:12px 0 8px}.detail-card ul{font-size:13px;line-height:1.85;margin:0;padding-inline-start:20px}.detail-card li{padding:2px 0}
.icon-box{width:63px;height:63px;border-radius:15px;background:#eaf2f6;color:#286d97}.detail-card .icon-box .icon{height:34px;width:34px}
#products{padding:58px 0;background:radial-gradient(ellipse at 45% 0%,#1c2c41 0%,#101b2a 55%,#0c1623 100%)}
#products .section-head{margin-bottom:10px}#products .eyebrow{color:#9cc4dc}
.portfolio-carousel{margin-top:15px;min-height:420px}.portfolio-slide[data-position="0"]{border-color:#648ca6}.portfolio-dot[aria-current="true"]{background:#9bc4df}.portfolio-visit{color:#9ccbe8}
.client-types{gap:10px}.client-type{padding:18px 10px;border-radius:13px}
.contact-box{gap:28px;padding:28px;border-color:#e1e6e9;border-radius:18px;box-shadow:0 12px 30px #16324b12}
.contact-form{gap:8px}.contact-form input,.contact-form select,.contact-form textarea{background:#fdfdfc;border-color:#d6dfe4}
footer{padding:32px 0 15px;background:#122a40}.foot-bottom{margin-top:18px}
.reveal{transition-duration:.65s;transform:translateY(17px)}
@media(max-width:760px){body::before{background-size:auto 90vh;background-position:right bottom;opacity:.07;transform:none}.container{width:calc(100% - 28px)}.section{padding:36px 0}.hero{min-height:430px}.hero-content{padding:52px 0}.service-deep{padding-top:26px}.service-deep-head{padding:18px}.service-jump-card{min-height:145px}.history-copy{padding:20px}.detail-card{padding:18px}.contact-box{padding:20px}#products{padding:42px 0}}
@media(prefers-reduced-motion:reduce){body::before{transform:none!important}.reveal{opacity:1!important;transform:none!important}}

/* V14: unified premium dark corporate design */
:root{--ink:#ecf3fb;--blue:#78b6df;--muted:#b1c2d5;--paper:#091624;--line:#28435b;--warm:#172b3f}
html{scroll-padding-top:74px}body{background:#091624!important;color:#e9f1f9!important;font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:2.05;letter-spacing:0;text-rendering:optimizeLegibility}
body::before{background-image:url('original-network-mesh.png');background-size:auto 105vh;background-position:right bottom;opacity:.19;filter:brightness(1.2) saturate(.7);z-index:-1}
body::after{background:linear-gradient(90deg,#09162488,#09162430 50%,#09162420)}
.site-header{background:#0a1929f5!important;border-bottom:1px solid #2b4156!important;box-shadow:0 4px 18px #0004}.site-header nav a,.brand strong{color:#e9f1f9!important}.brand small{color:#9aafc5!important}.languages a{color:#a5b9ce}.languages [aria-current=page]{background:#32628a;color:#fff}.menu-toggle{color:#fff}.site-header nav a:hover{color:#9bd0f0!important}
.hero{min-height:445px;background:linear-gradient(90deg,#081727eb,#0a213ec2),url(hero-network.png) center/cover!important}.hero-content{padding:58px 0}.hero h1{font-size:clamp(31px,3.65vw,49px);line-height:1.65;letter-spacing:-.2px}.hero p{font-size:16px;color:#d1e1ef}.hero-tag,.eyebrow{color:#8ebfe4!important;letter-spacing:1.2px}.hero-actions{margin-top:20px}.button{border-radius:9px}.primary{background:#377ca8;border-color:#377ca8;color:#fff}.primary:hover{background:#4c95c2}.ghost{border-color:#8ba8c0}.outline{background:#152b3e;color:#dceaf6;border-color:#38546b}
.section,.section.muted,.muted{background:transparent!important;color:#e9f1f9}.section{padding:39px 0!important}.section-head{margin-bottom:19px}.section-head h2{color:#f1f6fd;font-weight:750;line-height:1.65;font-size:clamp(25px,2.5vw,35px)}.section-head p{color:#b8cadb!important}.section-head .eyebrow{font-size:11px}
.history-layout{gap:18px}.history-copy{background:#11263bdf!important;color:#dce8f3;border:1px solid #30465c!important;box-shadow:0 9px 26px #0003;padding:24px 27px;line-height:2.12}.history-copy p{margin-bottom:13px}.founder-card,.detail-card,.client-type{background:#12273b!important;color:#e8f1f9;border:1px solid #30485f!important;box-shadow:0 8px 22px #0003}.founder-card>div{background:#102236}.founder-card small{color:#afc2d4}.timeline-row{margin-top:13px}.timeline-row span{background:#152d42;color:#a8d0ec;border:1px solid #34536a;padding:5px 13px}
.services-jump-grid{gap:14px;margin-top:16px}.service-jump-card{min-height:178px;background:#132a40!important;border:1px solid #36556d!important;border-top:3px solid #5d9ac5!important;box-shadow:0 10px 23px #0004;padding:18px 14px}.service-jump-card h3{color:#e9f3fc!important;font-size:clamp(16px,1.45vw,21px)}.service-jump-card:hover{background:#1b354d!important;box-shadow:0 16px 32px #0006}.jump-icon,.icon-box{background:#1d405b!important;color:#a4d9f4!important}.jump-icon{width:73px;height:73px}.jump-icon svg{width:44px;height:44px}.jump-arrow{color:#87bce0}
.service-deep{padding-top:28px!important}.service-deep-head{background:linear-gradient(115deg,#153653,#1c4563)!important;border:1px solid #39617b;padding:20px 24px;margin-bottom:14px}.service-deep-head h2{color:#f0f7ff;font-size:clamp(23px,2.35vw,31px)}.service-deep-head p{color:#d2e3f0}.service-big-icon{background:#ffffff15}.detail-grid{gap:12px}.detail-card{padding:18px 20px}.detail-card h3{color:#f1f7fd;font-size:17px;margin:10px 0 7px}.detail-card ul{color:#c0d0df;font-size:13px;line-height:1.9}.detail-card li{padding:1px 0}.icon-box{width:62px;height:62px}.icon-box .icon{width:36px;height:36px}
#products{background:linear-gradient(180deg,#0b1727,#0b1727)!important;border-block:1px solid #29425a;padding:46px 0!important}#products::before{background:radial-gradient(ellipse at 50% 15%,#27517b40,transparent 67%)}#products .section-head p{color:#b8c9da!important}.portfolio-carousel{margin-top:12px;min-height:410px}.portfolio-slide{background:#13283b;border-color:#35546b;box-shadow:0 16px 45px #0007}.portfolio-slide[data-position="0"]{border-color:#79b0d5}.portfolio-slide .product-art{background:#e8edf0}.portfolio-slide .product-content{background:#142a3e}.portfolio-slide .product-type{color:#a1cce8}.portfolio-slide h3{color:#f4f8fd}.portfolio-slide p{color:#c3d2df}.portfolio-visit{color:#9bd2f2}.portfolio-dot[aria-current="true"]{background:#8fc9ea}.portfolio-prev,.portfolio-next{background:#18334a;border-color:#44647d}
.client-type{padding:17px 9px}.client-type .icon{color:#8fc7e7}.contact-box{background:#11283de8!important;border:1px solid #34546a!important;box-shadow:0 12px 30px #0004;padding:26px;gap:25px}.contact-box p,.contact-box a{color:#d1e0ed}.contact-form label{color:#e5f0fa}.contact-form input,.contact-form select,.contact-form textarea{background:#eaf0f5;color:#13263b;border:1px solid #9eb5c8}.contact-form small{color:#a8bdcf}footer{background:#07131f;border-top:1px solid #284358;padding:30px 0 14px}footer p{color:#b5c8da!important}footer strong{color:#f1f7fc}.foot-bottom{border-color:#30465c}
.reveal{transition-duration:.58s}.back-top{background:#316d98}
@media(max-width:760px){body::before{opacity:.11;background-size:auto 85vh}.section{padding:28px 0!important}.hero{min-height:405px}.hero-content{padding:45px 0}.service-deep{padding-top:23px!important}.detail-card{padding:17px}.history-copy{padding:19px}.contact-box{padding:18px}.site-header nav{background:#0c1e30}#products{padding:37px 0!important}}
@media(prefers-reduced-motion:reduce){body::before{transform:none!important}}

/* V15: approved corporate network identity, continuous quiet background */
html{background:#081725}
body{background:#081725!important;isolation:isolate;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url('legacy-network-lines.png');background-repeat:no-repeat;background-size:auto min(145vh,1500px);background-position:right bottom;opacity:.50;filter:none;transform:translate3d(0,0,0)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,rgba(6,17,29,.66),rgba(7,21,36,.32) 58%,rgba(8,23,39,.05));}
.hero{background-image:linear-gradient(90deg,rgba(5,17,30,.94) 0%,rgba(8,26,45,.82) 36%,rgba(9,32,57,.22) 100%),url('hero-network-approved.png')!important;background-size:cover!important;background-position:center center!important;min-height:470px;border-bottom:1px solid #294863}
.hero h1,.hero p,.hero-tag,.hero-actions{position:relative;z-index:1;text-shadow:0 2px 15px rgba(0,0,0,.28)}
.hero-content{padding-block:64px!important}
.section,.section.muted,.muted{background:transparent!important}
.section-head,.service-deep-head,.history-copy,.detail-card,.contact-box{position:relative}
.service-deep-head{background:linear-gradient(105deg,rgba(19,51,79,.94),rgba(22,65,95,.93))!important}
.history-copy,.detail-card,.founder-card,.client-type,.contact-box{backdrop-filter:blur(4px)}
@media(max-width:760px){body::before{background-size:auto 120vh;background-position:right bottom;opacity:.38}.hero{min-height:440px;background-position:57% center!important}.hero-content{padding-block:48px!important}.hero h1{font-size:clamp(29px,8vw,38px)}}
@media(prefers-reduced-motion:reduce){body::before{transform:none}}

/* V17: full, uncropped portrait in the founder/CEO card */
.founder-card img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:contain;
  object-position:center center;
  background:#102236;
}
@media (max-width:760px) {
  .founder-card img {height:auto;aspect-ratio:1 / 1;object-fit:contain;}
}

/* V18: semantic icons and per-service visual cues */
.semantic-icon{display:block;overflow:visible;vector-effect:non-scaling-stroke}
.service-jump-card[data-service="code"]{--service-color:#74b9f0;--service-surface:#183e5e}
.service-jump-card[data-service="consulting"]{--service-color:#83d4bc;--service-surface:#183f43}
.service-jump-card[data-service="commerce"]{--service-color:#f2bb70;--service-surface:#4b3927}
.service-jump-card[data-service]{border-top-color:var(--service-color)!important}
.service-jump-card[data-service] .jump-icon{color:var(--service-color)!important;background:var(--service-surface)!important}
.service-jump-card[data-service] .jump-arrow{color:var(--service-color)}
#software{--service-color:#74b9f0;--service-surface:#183e5e}
#consulting{--service-color:#83d4bc;--service-surface:#183f43}
#ecommerce{--service-color:#f2bb70;--service-surface:#4b3927}
.service-deep[data-service] .service-deep-head{border-inline-start:4px solid var(--service-color)}
.service-deep[data-service] .service-big-icon{color:var(--service-color);background:color-mix(in srgb,var(--service-color) 12%,transparent)}
.service-deep[data-service] .icon-box{color:var(--service-color)!important;background:var(--service-surface)!important}
.detail-card[data-icon="megaphone"] .icon-box{box-shadow:0 0 0 1px #f2bb7040,0 8px 22px #0002}
.portfolio-slide .product-art[data-icon]{color:#1f5678;background:linear-gradient(145deg,#f6fafc,#dbe8ee)}
.portfolio-slide .product-art[data-icon] .semantic-icon{width:78px;height:78px;stroke-width:1.45}
.client-type[data-icon]{position:relative;overflow:hidden}
.client-type[data-icon]::after{content:"";position:absolute;inset-inline-end:-24px;bottom:-29px;width:72px;height:72px;border-radius:50%;background:#71b7df12;pointer-events:none}
.client-type .semantic-icon{position:relative;z-index:1}
.timeline-row span{display:inline-flex;align-items:center;gap:7px}
.timeline-row .semantic-icon{width:16px;height:16px;color:#8bc8ec;flex:0 0 auto}
.contact-box>div>p>.semantic-icon{display:inline-block;width:20px;height:20px;vertical-align:-5px;margin-inline-end:7px;color:#8fcbea}
@supports not (background:color-mix(in srgb,white,black)){
  .service-deep[data-service] .service-big-icon{background:#ffffff15}
}

/* V19: embedded Persian typography — reliable on desktop and mobile */
@font-face{
  font-family:"Sarmad B Yekan";
  src:url("fonts/b-yekan.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:"Sarmad B Titr";
  src:url("fonts/b-titr-bold.ttf") format("truetype");
  font-style:normal;
  font-weight:700;
  font-display:swap;
}
html[lang="fa"] body,
html[lang="ar"] body{
  font-family:"Sarmad B Yekan","B Yekan",Tahoma,Arial,sans-serif;
  font-size:17px;
}
html[lang="fa"] h1,
html[lang="fa"] h2,
html[lang="ar"] h1,
html[lang="ar"] h2{
  font-family:"Sarmad B Titr","B Titr",Tahoma,Arial,sans-serif;
  font-weight:700;
  letter-spacing:0;
}
html[lang="fa"] .brand strong,
html[lang="ar"] .brand strong{
  font-family:"Sarmad B Titr","B Titr",Tahoma,Arial,sans-serif;
  font-weight:700;
}

/* V20: supplied 30x30 primary-section icon set */
.section-icon{
  display:block;
  width:30px!important;
  height:30px!important;
  min-width:30px;
  object-fit:contain;
  flex:0 0 30px;
  filter:drop-shadow(0 4px 9px rgba(50,140,255,.2));
}
.jump-icon.has-attached-icon{
  width:58px;
  height:58px;
  border-radius:15px;
  background:#142d45!important;
}
.service-big-icon.has-attached-icon{
  width:64px;
  height:64px;
  flex-basis:64px;
  border-radius:15px;
  background:#102b43!important;
}
.section-title-with-icon{
  display:flex;
  align-items:center;
  gap:11px;
}
#products .section-title-with-icon .section-icon,
#clients .section-title-with-icon .section-icon{
  margin-top:2px;
}
@media(max-width:600px){
  .jump-icon.has-attached-icon{width:54px;height:54px}
  .service-big-icon.has-attached-icon{width:56px;height:56px;flex-basis:56px}
}

/* V21: supplied 20x20 software-subservice icon set */
.subservice-icon{
  display:block;
  width:20px!important;
  height:20px!important;
  min-width:20px;
  object-fit:contain;
  filter:drop-shadow(0 3px 7px rgba(50,140,255,.22));
}
.detail-card .icon-box.has-subservice-icon{
  width:48px;
  height:48px;
  border-radius:13px;
  background:#122e48!important;
  box-shadow:inset 0 0 0 1px rgba(79,166,255,.12);
}

/* V23: premium split homepage hero; all content remains editable HTML */
.site-header{
  background:linear-gradient(90deg,rgba(5,20,35,.98),rgba(8,35,60,.95))!important;
  border-bottom:1px solid rgba(91,159,210,.24)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px) saturate(1.15);
}
.header-inner{min-height:72px}
.site-header nav a{position:relative;padding-block:7px;transition:color .2s ease}
.site-header nav a::after{
  content:"";
  position:absolute;
  inset-inline:50%;
  bottom:1px;
  height:2px;
  border-radius:2px;
  background:#46aef3;
  transition:inset-inline .2s ease;
}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after{inset-inline:8%}
.languages a{border:1px solid transparent;border-radius:7px;transition:background .2s,border-color .2s}
.languages a:hover{background:#173a57;border-color:#315c7d;color:#fff}
.site-header a:focus-visible,.menu-toggle:focus-visible{outline:2px solid #68c3ff;outline-offset:4px;border-radius:7px}

.hero.hero-enhanced{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(610px,calc(100svh - 72px),760px);
  border-bottom:1px solid rgba(69,144,199,.32);
  background:
    radial-gradient(circle at 19% 35%,rgba(39,149,237,.18),transparent 34%),
    radial-gradient(circle at 76% 15%,rgba(34,92,154,.2),transparent 31%),
    linear-gradient(112deg,rgba(4,20,37,.98) 0%,rgba(6,31,55,.96) 48%,rgba(7,28,50,.91) 100%),
    url('hero-network-approved.png') center/cover!important;
}
.hero.hero-enhanced::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.26;
  background-image:
    radial-gradient(circle at 12% 22%,#65c4ff 0 1.5px,transparent 2px),
    radial-gradient(circle at 27% 68%,#4f9fe4 0 1px,transparent 1.7px),
    radial-gradient(circle at 45% 18%,#785fff 0 1px,transparent 1.8px),
    radial-gradient(circle at 63% 77%,#43d5e8 0 1.3px,transparent 2px),
    radial-gradient(circle at 88% 42%,#5597e9 0 1.2px,transparent 2px);
  background-size:360px 270px,420px 310px,520px 390px,460px 330px,390px 290px;
}
.hero.hero-enhanced::after{
  content:"";
  position:absolute;
  inset:auto -18% -55% -18%;
  height:74%;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(39,149,237,.14),transparent 66%);
}
.hero-layout{
  width:min(1240px,calc(100% - 48px));
  min-height:inherit;
  padding-block:68px!important;
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(380px,.84fr);
  align-items:center;
  gap:clamp(26px,4vw,62px);
  position:relative;
  z-index:2;
}
.hero-copy{max-width:700px;position:relative;z-index:3}
html[dir="rtl"] .hero-copy{justify-self:end;text-align:right}
html[dir="ltr"] .hero-copy{justify-self:start;text-align:left}
.hero-enhanced .hero-tag{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:7px 12px;
  border:1px solid rgba(105,184,239,.28);
  border-radius:999px;
  background:rgba(10,43,71,.64);
  color:#b9ddf7!important;
  font-size:11px;
  letter-spacing:.55px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.hero-enhanced .hero-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#38b6ff;box-shadow:0 0 14px #38b6ff}
.hero-enhanced h1{
  max-width:720px;
  margin:19px 0 14px;
  color:#f5f9ff;
  font-size:clamp(39px,4.55vw,65px);
  line-height:1.47;
  letter-spacing:-.3px;
  text-wrap:balance;
}
.hero-accent{color:#3aa9f4;text-shadow:0 0 28px rgba(39,149,237,.27)}
.hero-enhanced .hero-copy>p{max-width:650px;margin:0;color:#c7d9e8;font-size:clamp(16px,1.35vw,18px);line-height:2.05}
.hero-enhanced .hero-actions{gap:12px;margin-top:27px}
.hero-enhanced .hero-actions .button{min-width:142px;text-align:center;padding:10px 22px;border-radius:10px;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.hero-enhanced .hero-actions .primary{background:linear-gradient(135deg,#238bd7,#3aa9f4);border-color:#58b8f7;box-shadow:0 10px 25px rgba(35,139,215,.28)}
.hero-enhanced .hero-actions .primary:hover{transform:translateY(-2px);box-shadow:0 14px 29px rgba(35,139,215,.4)}
.hero-enhanced .hero-actions .ghost{background:rgba(7,27,46,.35);border-color:#6e9dbd;color:#e6f3fb}
.hero-enhanced .hero-actions .ghost:hover{transform:translateY(-2px);background:rgba(31,83,119,.48);border-color:#8bc9ef}

.hero-visual{position:relative;min-height:470px;width:100%;max-width:510px;justify-self:center;direction:rtl}
.hero-visual::before{
  content:"";
  position:absolute;
  inset:12% 8% 10%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(45,153,232,.18),transparent 67%);
  filter:blur(12px);
}
.hero-visual-core{position:absolute;left:50%;top:51%;width:360px;height:310px;transform:translate(-50%,-50%)}
.hero-globe{
  position:absolute;
  left:50%;
  top:-38px;
  width:190px;
  height:190px;
  transform:translateX(-50%);
  border:1px solid rgba(95,192,255,.62);
  border-radius:50%;
  background:
    radial-gradient(circle at 36% 31%,rgba(91,197,255,.42),transparent 17%),
    radial-gradient(circle at 50% 52%,rgba(29,123,202,.34),rgba(5,31,57,.12) 64%,transparent 66%);
  box-shadow:0 0 45px rgba(39,149,237,.25),inset 0 0 34px rgba(55,171,241,.2);
}
.hero-globe::before,.hero-globe::after{content:"";position:absolute;inset:13%;border:1px solid rgba(95,192,255,.31);border-radius:50%}
.hero-globe::before{transform:scaleX(.42)}
.hero-globe::after{transform:scaleY(.43)}
.hero-globe i{position:absolute;width:5px;height:5px;border-radius:50%;background:#6ed4ff;box-shadow:0 0 12px #4bbdff}
.hero-globe i:nth-child(1){left:21%;top:33%}.hero-globe i:nth-child(2){left:67%;top:23%}.hero-globe i:nth-child(3){left:45%;top:55%}.hero-globe i:nth-child(4){left:75%;top:62%}.hero-globe i:nth-child(5){left:28%;top:71%}.hero-globe i:nth-child(6){left:51%;top:12%}.hero-globe i:nth-child(7){left:12%;top:52%}.hero-globe i:nth-child(8){left:59%;top:79%}
.hero-laptop{position:absolute;left:50%;bottom:5px;width:330px;transform:translateX(-50%);filter:drop-shadow(0 24px 28px rgba(0,0,0,.45))}
.hero-laptop-screen{
  height:205px;
  border:5px solid #163a56;
  border-bottom-width:9px;
  border-radius:13px 13px 7px 7px;
  background:linear-gradient(145deg,rgba(7,31,54,.97),rgba(10,53,84,.96));
  box-shadow:inset 0 0 35px rgba(38,146,221,.13),0 0 0 1px rgba(94,179,234,.25);
  display:grid;
  grid-template-columns:72px 1fr;
  align-items:center;
  gap:17px;
  padding:28px;
  overflow:hidden;
}
.hero-screen-symbol{display:grid;place-items:center;width:66px;height:66px;color:#62c8ff;filter:drop-shadow(0 0 18px rgba(69,170,239,.28))}
.hero-screen-symbol svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.hero-code-lines{display:grid;gap:11px}.hero-code-lines i{display:block;height:5px;border-radius:4px;background:linear-gradient(90deg,#3caaf1,var(--line-end,#345c79));opacity:.72}
.hero-code-lines i:nth-child(1){width:85%}.hero-code-lines i:nth-child(2){width:62%;--line-end:#8658df}.hero-code-lines i:nth-child(3){width:94%}.hero-code-lines i:nth-child(4){width:53%;--line-end:#3ccfc8}.hero-code-lines i:nth-child(5){width:76%}
.hero-laptop-base{width:370px;height:18px;margin-left:-20px;border-radius:2px 2px 15px 15px;background:linear-gradient(180deg,#57768b,#18394f 48%,#0a2133);clip-path:polygon(5% 0,95% 0,100% 58%,84% 100%,16% 100%,0 58%)}
.hero-service-chip{
  position:absolute;
  z-index:4;
  min-width:145px;
  max-width:185px;
  min-height:47px;
  padding:9px 11px;
  display:flex;
  align-items:center;
  gap:9px;
  color:#eaf6ff;
  font-size:12px;
  line-height:1.55;
  border:1px solid rgba(117,194,240,.26);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(20,62,91,.78),rgba(11,38,63,.62));
  box-shadow:0 13px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(10px);
  animation:hero-chip-float 5.5s ease-in-out var(--float-delay,0s) infinite;
}
.hero-service-chip img{width:20px;height:20px;flex:0 0 20px;object-fit:contain}
.hero-service-chip[data-position="1"]{top:9%;inset-inline-start:1%}.hero-service-chip[data-position="2"]{top:16%;inset-inline-end:-2%}.hero-service-chip[data-position="3"]{top:43%;inset-inline-start:-4%}.hero-service-chip[data-position="4"]{top:49%;inset-inline-end:-5%}.hero-service-chip[data-position="5"]{bottom:10%;inset-inline-start:5%}.hero-service-chip[data-position="6"]{bottom:2%;inset-inline-end:1%}
@keyframes hero-chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

@media(max-width:1199px){
  .hero-layout{grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:24px;padding-block:55px!important}
  .hero-enhanced h1{font-size:clamp(36px,4.6vw,52px)}
  .hero-visual{min-height:420px;transform:scale(.9);transform-origin:center}
}
@media(max-width:767px){
  .hero.hero-enhanced{min-height:auto}
  .hero-layout{width:calc(100% - 28px);grid-template-columns:1fr;gap:18px;padding-block:44px 26px!important}
  .hero-copy{max-width:none}
  .hero-enhanced h1{font-size:clamp(31px,9vw,42px);line-height:1.55;margin-top:16px}
  .hero-enhanced .hero-copy>p{font-size:16px;line-height:1.95}
  .hero-visual{min-height:315px;max-width:460px;order:2;transform:none}
  .hero-visual-core{top:53%;transform:translate(-50%,-50%) scale(.78)}
  .hero-service-chip{min-width:130px;max-width:158px;min-height:43px;padding:7px 9px;font-size:11px}
  .hero-service-chip[data-position="4"],.hero-service-chip[data-position="5"],.hero-service-chip[data-position="6"]{display:none}
  .hero-service-chip[data-position="1"]{top:2%;inset-inline-start:0}.hero-service-chip[data-position="2"]{top:18%;inset-inline-end:0}.hero-service-chip[data-position="3"]{top:auto;bottom:5%;inset-inline-start:2%}
}
@media(max-width:480px){
  .hero-enhanced .hero-tag{font-size:10px;padding:6px 9px}
  .hero-enhanced h1{font-size:clamp(29px,9.4vw,37px)}
  .hero-enhanced .hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .hero-enhanced .hero-actions .button{width:100%}
  .hero-visual{min-height:285px}
  .hero-visual-core{transform:translate(-50%,-50%) scale(.68)}
  .hero-service-chip{min-width:122px;max-width:145px;font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){.hero-service-chip{animation:none}.site-header nav a,.hero-enhanced .button{transition:none}}

/* V24: header/Hero rebuilt against the user-supplied visual reference */
.site-header.reference-header{
  position:sticky;
  top:0;
  overflow:visible;
  background:linear-gradient(90deg,#071b30 0%,#061a2e 52%,#061b31 100%)!important;
  border-bottom:1px solid rgba(83,156,211,.16)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(1.08);
}
.reference-header .header-inner{
  width:min(1320px,calc(100% - 48px));
  min-height:92px;
  direction:ltr;
  gap:clamp(18px,2vw,34px);
}
.reference-header .brand{
  min-width:285px;
  gap:14px;
  direction:ltr;
  flex-shrink:0;
}
.reference-header .brand img{
  width:60px;
  height:60px;
  filter:brightness(0) invert(1) drop-shadow(0 0 16px rgba(56,157,231,.2));
}
.reference-header .brand-copy{display:flex;flex-direction:column;align-items:flex-end;text-align:right;direction:rtl;line-height:1.2}
.reference-header .brand strong{font-family:"Sarmad B Titr","B Titr",Tahoma,sans-serif;font-size:24px;line-height:1.25;color:#fff;white-space:nowrap}
.reference-header .brand-english{font-family:"Segoe UI",Arial,sans-serif;font-size:13px;line-height:1.35;color:#dbeafa;direction:ltr;letter-spacing:.1px}
.reference-header .brand-motto{display:block;margin-top:5px;padding-top:4px;border-top:1px solid rgba(121,183,228,.22);font-family:"Sarmad B Yekan","B Yekan",Tahoma,sans-serif;font-size:9.5px;font-style:normal;font-weight:400;color:#a9c6dc;white-space:nowrap}
.reference-header nav{direction:rtl;gap:clamp(15px,1.7vw,28px);margin:auto}
html[dir="ltr"] .reference-header nav{direction:ltr}
.reference-header nav a{font-family:"Sarmad B Yekan","B Yekan",Tahoma,sans-serif;font-size:14px;color:#e2edf7!important;font-weight:700;padding:11px 0}
.reference-header nav a::after{bottom:4px;background:#2c9ff2}
.reference-header nav a[href="#top"]::after{inset-inline:12%}
.header-tools{display:flex;align-items:center;gap:10px;direction:ltr;flex-shrink:0}
.reference-header .languages{gap:2px;padding-inline-end:5px}
.reference-header .languages a{display:grid;place-items:center;min-width:26px;height:30px;padding:0 4px;font-size:9px;color:#8ba6bd;border-radius:6px}
.reference-header .languages [aria-current="page"]{background:rgba(31,126,192,.45);border-color:rgba(92,179,237,.36);color:#fff}
.header-search-toggle,.header-contact{
  height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#edf7ff;
  border:1px solid rgba(120,183,228,.42);
  background:rgba(7,31,54,.44);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  transition:background .2s,border-color .2s,transform .2s;
}
.header-search-toggle{width:50px;padding:0;border-radius:50%;cursor:pointer}
.header-contact{min-width:148px;gap:10px;padding:0 17px;border-radius:13px;font-family:"Sarmad B Yekan","B Yekan",Tahoma,sans-serif;font-size:13px;font-weight:700;direction:rtl}
.header-search-toggle svg,.header-contact svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-contact svg{width:21px;height:21px}
.header-search-toggle:hover,.header-contact:hover{background:rgba(31,105,158,.42);border-color:#66b8ef;transform:translateY(-1px)}
.header-search-toggle:focus-visible,.header-contact:focus-visible{outline:2px solid #69c5ff;outline-offset:3px}
.site-search-panel{
  position:absolute;
  top:calc(100% + 1px);
  inset-inline-end:max(24px,calc((100% - 1320px)/2));
  width:min(420px,calc(100% - 28px));
  display:grid;
  grid-template-columns:1fr 46px;
  gap:8px;
  padding:12px;
  border:1px solid rgba(113,180,226,.34);
  border-radius:0 0 14px 14px;
  background:rgba(6,28,48,.98);
  box-shadow:0 20px 45px rgba(0,0,0,.35);
  direction:rtl;
}
.site-search-panel[hidden]{display:none}
.site-search-panel input{min-width:0;height:42px;padding:7px 12px;border:1px solid #385c78;border-radius:9px;background:#0d2940;color:#fff;font:13px "Sarmad B Yekan","B Yekan",Tahoma,sans-serif;outline:none}
.site-search-panel input:focus{border-color:#54ade8;box-shadow:0 0 0 3px rgba(55,157,224,.13)}
.site-search-panel button{border:0;border-radius:9px;background:#228dd9;color:#fff;font-size:24px;cursor:pointer}
.site-search-status{grid-column:1/-1;color:#efc27b;font-size:11px;min-height:0}

.hero.hero-reference{
  display:block;
  min-height:690px;
  background:
    radial-gradient(circle at 20% 45%,rgba(28,137,218,.26),transparent 30%),
    linear-gradient(101deg,rgba(5,22,39,.98) 0%,rgba(5,27,48,.91) 45%,rgba(4,24,43,.97) 100%),
    url('hero-network-approved.png') center/cover!important;
}
.hero-reference .hero-layout{
  width:min(1320px,calc(100% - 48px));
  min-height:690px;
  grid-template-columns:minmax(520px,1.02fr) minmax(520px,.98fr);
  gap:clamp(24px,3vw,54px);
  padding-block:46px 150px!important;
}
.hero-reference .hero-copy{max-width:650px}
.hero-reference .hero-tag{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#2c9ff2!important;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:6px;
  direction:ltr;
}
.hero-reference .hero-tag::before{display:none}
.hero-reference h1{max-width:650px;margin:18px 0 14px;font-size:clamp(45px,4.15vw,62px);line-height:1.4;letter-spacing:-.6px}
.hero-reference .hero-copy>p{max-width:620px;font-size:17px;line-height:2.1;color:#d4e2ee}
.hero-reference .hero-actions{margin-top:25px;gap:14px}
.hero-reference .hero-actions .button{min-width:168px;padding:11px 25px;border-radius:12px}
.hero-reference .hero-actions .primary::after{content:"←";display:inline-block;margin-inline-start:11px;font-family:Arial,sans-serif;font-size:20px;vertical-align:-1px}

.hero-reference .hero-visual{min-height:485px;max-width:630px;justify-self:center;direction:ltr}
.hero-reference .hero-visual::before{inset:6% 0 3%;background:radial-gradient(circle,rgba(42,163,240,.22),transparent 66%)}
.hero-reference .hero-visual-core{left:31%;top:59%;width:440px;height:360px}
.hero-reference .hero-globe{left:43%;top:-46px;width:235px;height:235px;border-color:rgba(79,190,255,.7);box-shadow:0 0 58px rgba(30,153,233,.3),inset 0 0 42px rgba(49,166,237,.22)}
.hero-reference .hero-laptop{left:42%;bottom:-2px;width:405px}
.hero-reference .hero-laptop-screen{height:252px;border-width:6px;border-bottom-width:11px;border-radius:15px 15px 8px 8px;grid-template-columns:90px 1fr;padding:34px;gap:22px;background:linear-gradient(142deg,rgba(5,27,48,.98),rgba(9,62,96,.96))}
.hero-reference .hero-screen-symbol{width:86px;height:86px;color:#69cbff;filter:drop-shadow(0 0 22px rgba(57,171,240,.3))}
.hero-reference .hero-code-lines{gap:14px}.hero-reference .hero-code-lines i{height:6px}
.hero-reference .hero-laptop-base{width:455px;height:21px;margin-left:-25px}
.hero-reference .hero-service-chip{
  inset:auto;
  min-width:122px;
  max-width:122px;
  min-height:112px;
  padding:14px 8px 11px;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  gap:9px;
  border-color:rgba(102,193,248,.58);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(28,93,136,.56),rgba(8,38,65,.76));
  box-shadow:0 0 0 1px rgba(35,139,209,.12),inset 0 0 26px rgba(37,152,225,.16),0 16px 28px rgba(0,0,0,.2);
  font-size:12px;
  line-height:1.45;
}
.hero-reference .hero-service-chip img{width:34px;height:34px;flex-basis:34px;filter:brightness(1.35)}
.hero-reference .hero-service-chip[data-position="1"]{top:7%;left:35%}
.hero-reference .hero-service-chip[data-position="2"]{top:7%;left:57%}
.hero-reference .hero-service-chip[data-position="3"]{top:7%;left:79%}
.hero-reference .hero-service-chip[data-position="4"]{top:34%;left:35%}
.hero-reference .hero-service-chip[data-position="5"]{top:34%;left:57%}
.hero-reference .hero-service-chip[data-position="6"]{top:34%;left:79%}
.hero-trustbar{
  position:absolute;
  z-index:4;
  inset-inline:0;
  bottom:0;
  min-height:112px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  padding-inline:max(28px,calc((100% - 1320px)/2));
  border-top:1px solid rgba(87,169,225,.27);
  background:linear-gradient(90deg,rgba(13,52,82,.9),rgba(5,31,54,.96));
  backdrop-filter:blur(12px);
}
.hero-trust-item{display:flex;align-items:center;justify-content:center;gap:11px;padding:17px 12px;border-inline-end:1px solid rgba(118,173,211,.24)}
.hero-trust-item:last-child{border-inline-end:0}
.hero-trust-item img{width:34px;height:34px;object-fit:contain;filter:brightness(1.25);flex:0 0 34px}
.hero-trust-item span,.hero-trust-item strong,.hero-trust-item small{display:block}
.hero-trust-item strong{color:#f1f8ff;font-family:"Sarmad B Yekan","B Yekan",Tahoma,sans-serif;font-size:12.5px;line-height:1.6}
.hero-trust-item small{color:#a9c3d8;font-size:10.5px;line-height:1.55}
.hero-trust-message{padding-inline:18px;background:linear-gradient(135deg,rgba(33,122,183,.18),rgba(7,37,62,.08));text-align:start}
.hero-trust-message strong{color:#77c8ff;font-size:13px}
.hero-trust-message small{color:#b9d5e9;font-size:11px}

@media(max-width:1199px){
  .reference-header .header-inner{width:calc(100% - 34px);gap:15px}
  .reference-header .brand{min-width:235px}.reference-header .brand strong{font-size:21px}.reference-header .brand img{width:53px;height:53px}.reference-header .brand-motto{display:none}
  .reference-header nav{gap:13px}.reference-header nav a{font-size:12px}.header-contact{min-width:118px;padding-inline:13px}.reference-header .languages{display:none}
  .hero-reference .hero-layout{width:calc(100% - 36px);grid-template-columns:minmax(420px,1.04fr) minmax(390px,.96fr);gap:18px}
  .hero-reference h1{font-size:clamp(40px,4.8vw,54px)}
  .hero-reference .hero-visual{transform:scale(.86);transform-origin:center}
}
@media(max-width:900px){
  .reference-header .header-inner{min-height:76px;flex-wrap:wrap}
  .reference-header .brand{min-width:210px}.reference-header .brand img{width:48px;height:48px}.reference-header .brand strong{font-size:19px}.reference-header .brand-english{font-size:11px}
  .reference-header .menu-toggle{display:block;order:3;margin:0;color:#fff;border:1px solid rgba(104,175,224,.35);border-radius:10px;width:44px;height:44px;line-height:1;cursor:pointer}
  .reference-header nav{display:none;order:4;position:absolute;top:100%;left:14px;right:14px;width:auto;margin:0;padding:14px 18px;border:1px solid #31536e;border-radius:0 0 14px 14px;background:rgba(5,27,47,.98);box-shadow:0 18px 35px rgba(0,0,0,.35);flex-direction:column;gap:2px}
  .reference-header nav.open{display:flex}.reference-header nav a{font-size:14px;padding:7px 5px}
  .header-tools{margin-left:auto}.reference-header .languages{display:flex}.header-contact{min-width:50px;width:50px;padding:0}.header-contact span{display:none}
  .hero-reference .hero-layout{grid-template-columns:1fr;min-height:auto;padding-block:58px 40px!important;gap:22px}
  .hero-reference .hero-copy{max-width:720px;justify-self:center!important;text-align:center!important}
  .hero-reference .hero-copy>p{margin-inline:auto}.hero-reference .hero-actions{justify-content:center}
  .hero-reference .hero-visual{width:min(630px,100%);order:2;transform:none}
  .hero-trustbar{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:16px}
  .hero-trust-item:nth-child(even){border-inline-end:0}.hero-trust-item{min-height:94px}
}
@media(max-width:600px){
  .reference-header .header-inner{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding-block:8px}
  .reference-header .brand{min-width:0}.reference-header .brand img{width:43px;height:43px}.reference-header .brand strong{font-size:17px}.reference-header .brand-english{font-size:9.5px}
  .reference-header .menu-toggle{grid-column:2;grid-row:1}.header-tools{grid-column:1/-1;grid-row:2;width:100%;justify-content:center;margin:0}.reference-header .languages{display:flex}
  .reference-header nav{top:100%}
  .hero-reference .hero-layout{width:calc(100% - 28px);padding-block:46px 24px!important}
  .hero-reference .hero-tag{font-size:9px;letter-spacing:3.6px}
  .hero-reference h1{font-size:clamp(31px,9.6vw,42px);line-height:1.52}
  .hero-reference .hero-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-reference .hero-actions .button{width:100%}
  .hero-reference .hero-visual{min-height:405px;max-width:400px;overflow:hidden}
  .hero-reference .hero-visual-core{left:36%;top:66%;transform:translate(-50%,-50%) scale(.72)}
  .hero-reference .hero-service-chip{min-width:112px;max-width:112px;min-height:83px;padding:9px 6px;font-size:10px}
  .hero-reference .hero-service-chip img{width:25px;height:25px;flex-basis:25px}
  .hero-reference .hero-service-chip[data-position="1"]{top:1%;left:2%}.hero-reference .hero-service-chip[data-position="2"]{top:1%;left:34%}.hero-reference .hero-service-chip[data-position="3"]{top:1%;left:66%}
  .hero-reference .hero-service-chip[data-position="4"]{top:25%;left:2%}.hero-reference .hero-service-chip[data-position="5"]{top:25%;left:34%}.hero-reference .hero-service-chip[data-position="6"]{top:25%;left:66%}
  .hero-trustbar{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:8px}.hero-trust-item{justify-content:flex-start;min-height:82px;border-bottom:1px solid rgba(118,173,211,.18);padding:12px 10px;gap:8px}.hero-trust-item:nth-child(even){border-inline-end:0}.hero-trust-item img{width:29px;height:29px;flex-basis:29px}.hero-trust-item strong{font-size:11.5px}.hero-trust-item small{font-size:9.5px}.hero-trust-message{justify-content:center;text-align:center}.hero-trust-item:last-child{border-bottom:0}
}
@media(prefers-reduced-motion:reduce){.header-search-toggle,.header-contact{transition:none}.hero-reference .hero-service-chip{animation:none}}

/* V25: compact vertical rhythm and simplified section introductions */
.section{padding-block:30px!important}
.section-head{margin-bottom:14px}
#history.section{padding-block:32px!important}
.history-copy{padding-block:22px}
.timeline-row{margin-top:12px}
#services.section{padding-block:26px 22px!important}
#services .section-head{margin-bottom:8px}
#services .services-jump-grid{margin-top:10px}
.service-deep{padding-block:23px 26px!important}
.service-deep-head{margin-bottom:13px;padding-block:18px}
#products{padding-block:34px!important}
#products .portfolio-carousel{margin-top:8px}
#clients.section{padding-block:28px!important}
#contact.section{padding-block:28px!important}
#contact .section-head{margin-bottom:10px}
#contact .contact-box{padding-block:23px}
footer{padding-top:26px}
@media(max-width:760px){
  .section{padding-block:23px!important}
  #history.section,#services.section,#clients.section,#contact.section{padding-block:23px!important}
  .service-deep{padding-block:20px 23px!important}
  .service-deep-head{margin-bottom:11px;padding-block:15px}
  #products{padding-block:28px!important}
  #contact .contact-box{padding-block:18px}
}

/* V26: supplied product and brand artwork */
#products .portfolio-slide[data-brand]{
  border-color:color-mix(in srgb,var(--brand-accent) 34%,#35546b);
}
#products .portfolio-slide[data-brand][data-position="0"]{
  border-color:color-mix(in srgb,var(--brand-accent) 70%,#b9dbef);
  box-shadow:0 18px 52px #0008,0 0 30px color-mix(in srgb,var(--brand-accent) 22%,transparent);
}
#products .portfolio-slide .brand-pack-art{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(145deg,#f9fbfc,#e6edf1);
}
#products .portfolio-slide .brand-pack-art::before{
  content:"";
  position:absolute;
  inset:12% 20%;
  z-index:-1;
  border-radius:50%;
  background:color-mix(in srgb,var(--brand-accent) 18%,transparent);
  filter:blur(24px);
  transform:scale(.82);
}
#products .portfolio-slide .brand-pack-icon{
  width:112px!important;
  height:112px!important;
  padding:0!important;
  object-fit:contain;
  filter:drop-shadow(0 8px 12px #1b2d3a1f);
  transition:transform .35s ease,filter .35s ease;
}
#products .portfolio-slide[data-position="0"] .brand-pack-icon{
  transform:scale(1.05);
  filter:drop-shadow(0 10px 15px #1b2d3a2e);
}
@media(max-width:720px){
  #products .portfolio-slide .brand-pack-icon{width:100px!important;height:100px!important}
}
@media(prefers-reduced-motion:reduce){
  #products .portfolio-slide .brand-pack-icon{transition:none}
}

/* V27: compact, always-visible products and brands showcase */
#products .section-head .eyebrow{display:none}
#products .section-head{max-width:none;margin-bottom:18px;text-align:center}
#products .section-head h2{justify-content:center;margin-block:0 5px}
#products .section-head p{margin:0}
#products .brand-showcase{
  max-width:none;
  min-height:0;
  margin-block-start:20px;
}
#products .brand-showcase-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  height:auto;
  perspective:none;
}
#products .brand-showcase-card{
  position:relative;
  inset:auto;
  width:auto;
  height:100%;
  min-height:230px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--brand-accent) 30%,#3b5871);
  border-radius:20px;
  background:linear-gradient(180deg,#142c42,#102438);
  box-shadow:0 12px 28px #0000002b;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  filter:none;
  transform:none;
  text-align:center;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
#products .brand-showcase-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--brand-accent) 64%,#8ec3e2);
  box-shadow:0 15px 34px #0006,0 0 20px color-mix(in srgb,var(--brand-accent) 16%,transparent);
}
#products .brand-showcase-card:has(.portfolio-visit){cursor:pointer}
#products .brand-showcase-card:has(.portfolio-visit:focus-visible){
  outline:3px solid #8fd3fa;
  outline-offset:3px;
  border-color:#a8ddfa;
}
#products .brand-showcase-card .brand-pack-art{
  height:108px;
  min-height:108px;
  padding-block:14px 7px;
  background:transparent;
}
#products .brand-showcase-card .brand-pack-art::before{
  inset:22% 28%;
  background:color-mix(in srgb,var(--brand-accent) 16%,transparent);
  filter:blur(25px);
}
#products .brand-showcase-card .brand-authentic-icon,
#products .brand-showcase-card[data-position="0"] .brand-authentic-icon{
  width:min(160px,82%)!important;
  height:100px!important;
  padding:5px!important;
  transform:none;
  border:1px solid #dce4e9;
  border-radius:10px;
  background:#f6f8f9;
  object-fit:contain;
  filter:drop-shadow(0 7px 10px #0004);
}
#products .brand-showcase-card .product-content{
  position:static;
  flex:1;
  align-items:center;
  padding:8px 20px 18px;
  background:transparent;
  text-align:center;
}
#products .brand-showcase-card .product-type{display:none}
#products .brand-showcase-card h3{
  margin:0 0 5px;
  font-size:18px;
  line-height:1.65;
}
#products .brand-showcase-card p{
  min-height:3.6em;
  margin:0;
  display:-webkit-box;
  overflow:hidden;
  color:#c5d5e3;
  font-size:12.5px;
  line-height:1.8;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#products .brand-showcase-card .portfolio-visit,
#products .brand-showcase-card .product-note{
  margin-block-start:auto;
  padding-block-start:9px;
  color:#9ed6f4;
  font-size:11.5px;
}
#products .brand-showcase-card .portfolio-visit::after{
  content:"";
  position:absolute;
  inset:0;
}
#products .brand-showcase-card .portfolio-visit:focus-visible{outline:none}
#products .brand-showcase .portfolio-controls{display:none}
@media(max-width:1199px){
  #products .brand-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  #products .brand-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(max-width:767px){
  #products .section-head{margin-bottom:14px}
  #products .brand-showcase{margin-block-start:14px}
  #products .brand-showcase-grid{gap:12px}
  #products .brand-showcase-card{min-height:210px;border-radius:18px}
  #products .brand-showcase-card .brand-pack-art{height:92px;min-height:92px;padding-block:11px 5px}
  #products .brand-showcase-card .brand-authentic-icon,
  #products .brand-showcase-card[data-position="0"] .brand-authentic-icon{width:min(132px,86%)!important;height:82px!important;padding:4px!important}
  #products .brand-showcase-card .product-content{padding:7px 13px 14px}
  #products .brand-showcase-card h3{font-size:16px}
  #products .brand-showcase-card p{font-size:11.5px}
}
@media(max-width:374px){
  #products .brand-showcase-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  #products .brand-showcase-card{transition:none}
  #products .brand-showcase-card:hover{transform:none}
}

/* V28: restore the original site's connected network motif behind the brand showcase */
#products::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:url("legacy-network-lines.png");
  background-repeat:no-repeat;
  background-size:max(1100px,88vw) auto;
  background-position:center 64%;
  opacity:.95;
  filter:none;
}
#products .container{position:relative;z-index:1}
@media(max-width:767px){
  #products::before{
    background-size:900px auto;
    background-position:58% 64%;
    opacity:.78;
  }
}

/* V30: lightweight, consistent star field across all sections */
body::before,
#products::before{
  background-image:
    radial-gradient(circle,rgba(135,216,255,.86) 0 1.2px,rgba(122,207,255,.28) 1.8px,transparent 3.8px),
    radial-gradient(circle,rgba(255,255,255,.58) 0 1.1px,rgba(255,255,255,.12) 1.8px,transparent 3px),
    radial-gradient(circle,rgba(82,174,239,.68) 0 1.4px,rgba(75,158,221,.20) 2.2px,transparent 4.8px);
  background-repeat:repeat;
  background-size:127px 113px,193px 179px,277px 251px;
  background-position:17px 23px,71px 41px,139px 97px;
  filter:none;
}
body::before{opacity:.72}
#products::before{opacity:.76}
@media(max-width:767px){
  body::before{opacity:.60}
  #products::before{opacity:.64}
}

/* V31: organizational trust wall — distinct from Damash's moving marquee */
#clients .section-head{max-width:790px}
.client-logo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.client-logo-card{
  --client-accent:#49b4ed;
  position:relative;
  min-width:0;
  min-height:174px;
  margin:0;
  padding:13px;
  display:grid;
  grid-template-rows:116px auto;
  gap:10px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--client-accent) 45%,#2e4b63);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(21,52,77,.96),rgba(13,35,55,.96));
  box-shadow:0 10px 24px rgba(0,0,0,.24);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.client-logo-card:nth-child(4n+2){--client-accent:#6cd3cb}
.client-logo-card:nth-child(4n+3){--client-accent:#8fa8ff}
.client-logo-card:nth-child(4n+4){--client-accent:#e3bd71}
.client-logo-card::before{
  content:attr(data-index);
  position:absolute;
  top:5px;
  inset-inline-start:10px;
  z-index:2;
  color:color-mix(in srgb,var(--client-accent) 78%,white);
  font:700 10px/1 Tahoma,Arial,sans-serif;
  letter-spacing:1px;
}
.client-logo-card::after{
  content:"";
  position:absolute;
  width:74px;
  height:74px;
  inset-inline-end:-28px;
  bottom:-34px;
  border-radius:50%;
  background:color-mix(in srgb,var(--client-accent) 13%,transparent);
  pointer-events:none;
}
.client-logo-frame{
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:9px;
  border-radius:12px;
  background:#f8fafc;
  box-shadow:inset 0 0 0 1px #d9e1e7,0 5px 14px rgba(0,0,0,.16);
}
.client-logo-frame img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.client-logo-card figcaption{
  position:relative;
  z-index:1;
  align-self:center;
  color:#d8e8f4;
  font-size:12px;
  line-height:1.75;
  text-align:center;
}
.client-logo-card:hover{
  transform:translateY(-3px);
  border-color:var(--client-accent);
  box-shadow:0 15px 30px rgba(0,0,0,.34),0 0 22px color-mix(in srgb,var(--client-accent) 12%,transparent);
}
@supports not (background:color-mix(in srgb,white,black)){
  .client-logo-card{border-color:#3f7597}
  .client-logo-card::after{background:rgba(73,180,237,.10)}
}
@media(max-width:960px){
  .client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .client-logo-grid{grid-template-columns:1fr;gap:11px}
  .client-logo-card{min-height:159px;grid-template-rows:103px auto;padding:11px}
}
@media(prefers-reduced-motion:reduce){
  .client-logo-card{transition:none}
  .client-logo-card:hover{transform:none}
}

/* V32: contact form faithfully restored from the archived website */
@font-face{
  font-family:"Sarmad Captcha";
  src:url("fonts/babylonica-regular.ttf") format("truetype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}

/* V33: compact corporate footer based on the approved reference */
.site-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:48px 0 0;
  color:#d9e7f3;
  background:
    radial-gradient(circle at 88% 18%,rgba(32,137,216,.12),transparent 30%),
    linear-gradient(135deg,#071827 0%,#091d30 52%,#061421 100%);
  border-top:1px solid rgba(82,157,207,.28)
}
.site-footer::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -7% -34% auto;
  width:52%;
  height:62%;
  opacity:.17;
  transform:rotate(-8deg);
  background-image:radial-gradient(circle,#2aa8f4 1.2px,transparent 1.8px);
  background-size:14px 14px;
  mask-image:linear-gradient(100deg,transparent 5%,#000 45%,transparent 96%);
  -webkit-mask-image:linear-gradient(100deg,transparent 5%,#000 45%,transparent 96%);
  border-radius:50%
}
.site-footer .footer-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.15fr .72fr 1.18fr;
  gap:clamp(36px,5vw,78px);
  align-items:start
}
.site-footer h2{
  margin:0 0 20px;
  color:#fff;
  font-size:18px;
  line-height:1.5
}
.footer-company p{
  max-width:440px;
  margin:18px 0 13px;
  color:#b8cada!important;
  font-size:14px!important;
  line-height:2
}
.footer-brand{
  display:inline-flex;
  align-items:center;
  gap:15px;
  color:#fff;
  font-size:clamp(22px,2.2vw,31px);
  font-weight:800;
  line-height:1.4
}
.footer-brand img{
  width:76px;
  height:48px;
  object-fit:contain;
  filter:brightness(0) invert(1);
  opacity:.96
}
.footer-motto{
  color:#39aaf2;
  font-size:14px;
  font-weight:700;
  word-spacing:6px
}
.footer-motto span{color:#6e8ba4;word-spacing:0}
.footer-nav{display:grid;align-content:start;gap:2px}
.footer-nav a{
  width:max-content;
  max-width:100%;
  min-height:35px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#c2d2df;
  font-size:14px;
  transition:color .2s ease,transform .2s ease
}
.footer-nav a svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:#7d9ab1;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:stroke .2s ease
}
html[dir="ltr"] .footer-nav a svg{transform:rotate(180deg)}
.footer-nav a:hover{color:#45b7ff;transform:translateX(-3px)}
html[dir="ltr"] .footer-nav a:hover{transform:translateX(3px)}
.footer-nav a:hover svg{stroke:#45b7ff}
.footer-contact{min-width:0}
.footer-contact-item{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  align-items:start;
  margin:0 0 12px;
  color:#e4edf5;
  font-size:14px
}
.footer-contact-item>div{min-width:0;display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:center}
.footer-contact-item>div>span{color:#9eb4c7}
.footer-contact-item a,.footer-contact-item bdi{color:#e6f1fa;overflow-wrap:anywhere}
.footer-contact-item a:hover{color:#45b7ff}
.footer-contact-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:#eaf6ff;
  background:rgba(42,115,169,.2);
  border:1px solid rgba(98,172,225,.12);
  border-radius:50%
}
.footer-contact-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.footer-address{margin-top:2px}
.footer-address>div{align-items:start}
.footer-address address{margin:0;color:#c5d4e0;font:inherit;line-height:1.9}
.footer-rule{height:1px;margin-top:36px;background:linear-gradient(90deg,transparent,rgba(106,160,199,.36) 12%,rgba(106,160,199,.36) 88%,transparent)}
.footer-bottom{
  min-height:64px;
  display:flex;
  align-items:center
}
.footer-bottom p{
  margin:0;
  color:#9fb4c5!important;
  font-size:12px!important
}
.site-footer a:focus-visible{
  outline:2px solid #54bafa;
  outline-offset:4px;
  border-radius:4px
}
@media(max-width:1000px){
  .site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:34px 54px}
  .footer-company{grid-column:1/-1}
  .footer-company p{max-width:720px}
}
@media(max-width:680px){
  .site-footer{padding-top:38px}
  .site-footer::after{width:110%;height:38%;opacity:.12}
  .site-footer .footer-grid{grid-template-columns:1fr;gap:34px}
  .footer-company{grid-column:auto}
  .footer-brand img{width:65px;height:42px}
  .footer-company p{margin-top:15px}
  .footer-contact-item>div{grid-template-columns:68px minmax(0,1fr)}
  .footer-rule{margin-top:30px}
  .footer-bottom{min-height:58px}
}
@media(prefers-reduced-motion:reduce){
  .footer-nav a,.footer-nav a svg{transition:none}
  .footer-nav a:hover{transform:none}
}
#contact.section.legacy-contact{padding-block:38px!important}
.legacy-contact-head{
  max-width:900px;
  margin:0 auto 20px;
  text-align:center;
}
.legacy-contact-head h2{
  margin:0 0 12px;
  color:#f2f7fc;
  font-size:clamp(25px,2.6vw,36px);
  line-height:1.55;
}
.legacy-contact-head p{
  max-width:850px;
  margin:0 auto;
  color:#c6d6e5;
  font-size:16px;
  line-height:2;
}
.legacy-contact-form{
  width:min(930px,100%);
  margin:0 auto;
  padding:34px 34px 30px 50px;
  display:flex;
  flex-direction:column;
  gap:2px;
  overflow:hidden;
  border:1px solid #3b607d;
  border-radius:10px;
  background-color:#102b43;
  background-image:linear-gradient(115deg,rgba(13,41,65,.97),rgba(17,52,79,.90)),url("old-contact-mask.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  box-shadow:0 12px 34px rgba(0,0,0,.34),0 0 22px rgba(80,153,204,.12);
}
.legacy-contact-field{
  display:grid;
  grid-template-columns:minmax(0,1fr) 165px;
  gap:15px;
  align-items:center;
  direction:ltr;
}
.legacy-contact-field label{
  grid-column:2;
  grid-row:1;
  margin:12px 0;
  padding-inline:8px;
  color:#f1efec;
  font-family:"Sarmad B Yekan","B Yekan",Tahoma,Arial,sans-serif;
  font-size:17px;
  line-height:1.6;
  text-align:right;
  direction:rtl;
}
.legacy-contact-field input,
.legacy-contact-field textarea{
  grid-column:1;
  grid-row:1;
  width:100%;
  min-width:0;
  margin:11px 0;
  padding:7px 12px;
  border:1px solid transparent;
  border-radius:6px;
  outline:none;
  background:#f1efec;
  color:#10253a;
  font:16px/1.8 "Sarmad B Yekan","B Yekan",Tahoma,Arial,sans-serif;
  text-align:right;
  direction:rtl;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.legacy-contact-field input{height:42px}
.legacy-contact-field textarea{
  min-height:165px;
  resize:vertical;
}
.legacy-contact-field input:focus,
.legacy-contact-field textarea:focus{
  border-color:#68b7ea;
  box-shadow:0 0 8px 2px rgba(104,163,255,.35);
}
.legacy-contact-field input.input-error,
.legacy-contact-field textarea.input-error{border-color:#ff6783;box-shadow:0 0 0 2px rgba(255,56,96,.16)}
.legacy-captcha-field{align-items:start}
.legacy-captcha-controls{
  grid-column:1;
  grid-row:1;
  display:grid;
  grid-template-columns:minmax(170px,1fr) 145px;
  gap:10px;
  align-items:start;
  margin:11px 0 5px;
  direction:ltr;
}
.legacy-captcha-controls>input{
  grid-column:1;
  grid-row:1;
  margin:0;
  width:100%;
  direction:ltr;
  text-align:center;
  letter-spacing:2px;
}
.legacy-captcha-box{
  grid-column:2;
  grid-row:1;
  height:42px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-radius:6px;
  background:#d7e1e8;
}
.legacy-captcha-code{
  flex:1;
  min-width:0;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:#17283a;
  font-family:"Sarmad Captcha","Courier New",monospace;
  font-size:25px;
  letter-spacing:-2px;
  line-height:1;
  text-shadow:1px 1px 2px rgba(0,0,0,.28);
  user-select:none;
  direction:ltr;
  background-image:
    linear-gradient(45deg,transparent 48%,rgba(0,0,0,.08) 49%,rgba(0,0,0,.08) 51%,transparent 52%),
    linear-gradient(-45deg,transparent 48%,rgba(0,0,0,.08) 49%,rgba(0,0,0,.08) 51%,transparent 52%);
  background-size:6px 6px;
}
.legacy-captcha-code span{
  display:inline-block;
  margin-inline:1px;
  transform:rotate(calc(var(--r) * 1deg)) scale(var(--s));
}
.legacy-captcha-refresh{
  width:38px;
  height:42px;
  display:grid;
  place-items:center;
  border:0;
  border-inline-start:1px solid #b2c3cf;
  background:transparent;
  color:#16344e;
  cursor:pointer;
}
.legacy-captcha-refresh svg{width:18px;height:18px;transition:transform .3s ease}
.legacy-captcha-refresh:hover svg{transform:rotate(90deg)}
.legacy-captcha-error{
  min-height:20px;
  color:#ff7890;
  font-size:13px;
  line-height:1.5;
  text-align:left;
}
.legacy-contact-submit{
  position:relative;
  width:170px;
  height:48px;
  margin-top:12px;
  margin-inline-start:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  overflow:hidden;
  border:0;
  border-radius:9999px;
  background:#d4c9be;
  color:#1f387e;
  font:600 16px/1 "Sarmad B Yekan","B Yekan",Tahoma,sans-serif;
  cursor:pointer;
  transition:color .6s cubic-bezier(.23,1,.32,1),box-shadow .6s cubic-bezier(.23,1,.32,1);
}
.legacy-contact-submit svg{
  position:absolute;
  z-index:2;
  width:24px;
  fill:#1f387e;
  transition:all .8s cubic-bezier(.23,1,.32,1);
}
.legacy-contact-submit .arr-1{right:16px}
.legacy-contact-submit .arr-2{left:-25%}
.legacy-contact-submit .circle{
  position:absolute;
  top:50%;
  left:50%;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#c5e5e4;
  opacity:0;
  transform:translate(-50%,-50%);
  transition:all .8s cubic-bezier(.23,1,.32,1);
}
.legacy-contact-submit .text{position:relative;z-index:1;transform:translateX(-12px);transition:transform .8s cubic-bezier(.23,1,.32,1)}
.legacy-contact-submit:hover .arr-1{right:-25%}
.legacy-contact-submit:hover .arr-2{left:16px}
.legacy-contact-submit:hover .text{transform:translateX(12px)}
.legacy-contact-submit:hover .circle{width:220px;height:220px;opacity:1}
.legacy-contact-submit:active{transform:scale(.96);box-shadow:0 0 0 4px rgba(197,229,228,.24)}
.legacy-contact-submit:focus-visible{outline:2px solid #8bd5ff;outline-offset:3px}
.legacy-contact-status{
  min-height:22px;
  margin-top:6px;
  color:#a9d5ef;
  font-size:12px;
  text-align:left;
}
@media(max-width:760px){
  #contact.section.legacy-contact{padding-block:27px!important}
  .legacy-contact-head{margin-bottom:15px}
  .legacy-contact-head p{font-size:14px;line-height:1.9}
  .legacy-contact-form{padding:20px 16px 18px}
  .legacy-contact-field{grid-template-columns:1fr;gap:0}
  .legacy-contact-field label{grid-column:1;grid-row:1;margin:6px 0 0;padding:0;font-size:15px}
  .legacy-contact-field input,
  .legacy-contact-field textarea{grid-column:1;grid-row:2;margin:6px 0 8px}
  .legacy-captcha-controls{grid-column:1;grid-row:2;grid-template-columns:1fr;margin-top:6px}
  .legacy-captcha-controls>input{grid-column:1;grid-row:2}
  .legacy-captcha-box{grid-column:1;grid-row:1;width:min(190px,100%)}
  .legacy-contact-submit{width:160px;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){
  .legacy-contact-submit,.legacy-contact-submit *,.legacy-captcha-refresh svg{transition:none!important}
}

/* V34: transparent project attribution in the footer */
.site-footer .footer-bottom{
  justify-content:space-between;
  gap:16px 28px;
  flex-wrap:wrap
}
.site-footer .footer-credit{text-align:end}
.site-footer .footer-credit a{
  color:#6ec7ff;
  font-weight:700;
  text-underline-offset:3px
}
.site-footer .footer-credit a:hover{text-decoration:underline}
@media(max-width:760px){
  .site-footer .footer-bottom{padding-block:14px;align-items:flex-start}
  .site-footer .footer-bottom p{width:100%}
  .site-footer .footer-credit{text-align:start}
}

/* V36: isolated footer rebuild; intentionally independent from legacy footer rules */
.dsf{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:46px 0 0;
  color:#dbe8f3;
  background:
    radial-gradient(circle at 84% 12%,rgba(31,145,220,.13),transparent 28%),
    linear-gradient(135deg,#061521,#0a2033 55%,#061522);
  border-top:1px solid rgba(87,163,215,.3)
}
.dsf::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto -8% -38% auto;
  width:55%;
  height:70%;
  border-radius:50%;
  opacity:.14;
  background-image:radial-gradient(circle,#34adf2 1.25px,transparent 1.8px);
  background-size:14px 14px;
  transform:rotate(-8deg);
  -webkit-mask-image:linear-gradient(95deg,transparent,#000 45%,transparent 96%);
  mask-image:linear-gradient(95deg,transparent,#000 45%,transparent 96%)
}
.dsf .dsf__main{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(180px,.7fr) minmax(0,1.22fr);
  gap:clamp(34px,5vw,76px);
  align-items:start
}
.dsf h2{
  margin:0 0 18px;
  color:#fff;
  font-size:18px;
  line-height:1.6
}
.dsf__brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:#fff;
  line-height:1.4
}
.dsf__brand img{
  width:74px;
  height:47px;
  object-fit:contain;
  filter:brightness(0) invert(1)
}
.dsf__brand strong{font-size:clamp(22px,2.1vw,30px);font-weight:800}
.dsf__intro{
  max-width:450px;
  margin-top:17px;
  color:#b9cbda;
  font-size:14px;
  line-height:2
}
.dsf__motto{margin-top:10px;color:#42b4f8;font-size:14px;font-weight:700;word-spacing:5px}
.dsf__motto span{color:#6f8ca3}
.dsf__nav{display:grid;align-content:start;gap:2px}
.dsf__nav a{
  width:max-content;
  max-width:100%;
  min-height:35px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#c7d6e2;
  font-size:14px;
  transition:color .2s ease,transform .2s ease
}
.dsf__nav svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:#7595ad;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
html[dir="ltr"] .dsf__nav svg{transform:rotate(180deg)}
.dsf__nav a:hover{color:#55bdff;transform:translateX(-3px)}
html[dir="ltr"] .dsf__nav a:hover{transform:translateX(3px)}
.dsf__contact ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.dsf__contact li{
  display:grid;
  grid-template-columns:38px 68px minmax(0,1fr);
  gap:10px;
  align-items:center;
  min-width:0;
  color:#e7f0f7;
  font-size:14px
}
.dsf__icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:#eff8ff;
  background:rgba(43,126,184,.2);
  border:1px solid rgba(102,183,238,.14);
  border-radius:50%
}
.dsf__icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.dsf__label{color:#9eb5c7}
.dsf__contact a,.dsf__contact bdi{color:#eaf3fa;overflow-wrap:anywhere}
.dsf__contact a:hover{color:#55bdff}
.dsf__address{align-items:start!important}
.dsf__address address{margin:0;color:#c7d6e1;font:inherit;line-height:1.9}
.dsf__rule{
  height:1px;
  margin-top:34px;
  background:linear-gradient(90deg,transparent,rgba(107,166,207,.36) 12%,rgba(107,166,207,.36) 88%,transparent)
}
.dsf .dsf__bottom{
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 28px;
  color:#9fb5c6;
  font-size:12px
}
.dsf__credit{text-align:end}
.dsf__credit a{color:#6dc8ff;font-weight:700;text-underline-offset:3px}
.dsf__credit a:hover{text-decoration:underline}
.dsf a:focus-visible{outline:2px solid #5bc0ff;outline-offset:4px;border-radius:4px}
@media(max-width:960px){
  .dsf .dsf__main{grid-template-columns:1fr 1fr;gap:34px 52px}
  .dsf__company{grid-column:1/-1}
  .dsf__intro{max-width:760px}
}
@media(max-width:680px){
  .dsf{padding-top:36px}
  .dsf::after{width:110%;height:42%;opacity:.1}
  .dsf .dsf__main{grid-template-columns:1fr;gap:32px}
  .dsf__company{grid-column:auto}
  .dsf__brand img{width:64px;height:41px}
  .dsf__contact li{grid-template-columns:38px 64px minmax(0,1fr)}
  .dsf__rule{margin-top:28px}
  .dsf .dsf__bottom{padding-block:14px;align-items:flex-start}
  .dsf__bottom>span{width:100%}
  .dsf__credit{text-align:start}
}
@media(prefers-reduced-motion:reduce){
  .dsf__nav a{transition:none}
  .dsf__nav a:hover{transform:none}
}

/* Corporate logo refresh v38 — preserve the approved teal vector artwork. */
.reference-header .brand img{
  width:76px;
  height:48px;
  object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(34,207,215,.18))
}
.dsf__brand img{
  object-fit:contain;
  filter:drop-shadow(0 0 12px rgba(34,207,215,.14))
}
@media(max-width:1199px){
  .reference-header .brand img{width:68px;height:44px}
}
@media(max-width:900px){
  .reference-header .brand img{width:64px;height:42px}
}
@media(max-width:600px){
  .reference-header .brand img{width:60px;height:40px}
}

/* Outlined Persian wordmark v39 — matches the approved formal logo. */
.reference-header .brand>img{
  width:76px;
  height:48px
}
.reference-header .brand .brand-wordmark{
  display:block;
  width:160px;
  height:27px;
  margin:0 0 1px;
  object-fit:contain;
  object-position:right center;
  filter:none
}
.dsf__brand>img{
  width:74px;
  height:47px
}
.dsf__brand .dsf__wordmark{
  display:block;
  width:188px;
  height:36px;
  object-fit:contain;
  filter:none
}
@media(max-width:1199px){
  .reference-header .brand>img{width:68px;height:44px}
  .reference-header .brand .brand-wordmark{width:144px;height:25px}
}
@media(max-width:900px){
  .reference-header .brand>img{width:64px;height:42px}
  .reference-header .brand .brand-wordmark{width:132px;height:23px}
}
@media(max-width:680px){
  .dsf__brand>img{width:64px;height:41px}
  .dsf__brand .dsf__wordmark{width:164px;height:32px}
}
@media(max-width:600px){
  .reference-header .brand>img{width:60px;height:40px}
  .reference-header .brand .brand-wordmark{width:124px;height:22px}
}

/* Exact ChatGPT-supplied raster wordmark v40; no redrawing or tracing. */
.reference-header .brand .brand-wordmark,
.dsf__brand .dsf__wordmark{
  object-fit:cover;
  object-position:center;
  mix-blend-mode:normal;
  filter:url("logo-system/wordmark-luminance-filter.svg#white-on-transparent")
}

/* Supplied transparent identity assets v43; preserve each PNG's native ratio. */
.reference-header .brand>img{
  width:auto;
  height:48px;
  max-width:88px;
  object-fit:contain;
  filter:none
}
.reference-header .brand .brand-wordmark{
  width:auto;
  height:27px;
  max-width:160px;
  object-fit:contain;
  object-position:center;
  filter:none
}
.dsf__brand>img{
  width:auto;
  height:47px;
  max-width:86px;
  object-fit:contain;
  filter:none
}
.dsf__brand .dsf__wordmark{
  width:auto;
  height:36px;
  max-width:202px;
  object-fit:contain;
  object-position:center;
  filter:none
}
@media(max-width:1199px){
  .reference-header .brand>img{width:auto;height:44px}
  .reference-header .brand .brand-wordmark{width:auto;height:25px}
}
@media(max-width:900px){
  .reference-header .brand>img{width:auto;height:42px}
  .reference-header .brand .brand-wordmark{width:auto;height:23px}
}
@media(max-width:680px){
  .dsf__brand>img{width:auto;height:41px}
  .dsf__brand .dsf__wordmark{width:auto;height:32px}
}
@media(max-width:600px){
  .reference-header .brand>img{width:auto;height:40px}
  .reference-header .brand .brand-wordmark{width:auto;height:22px}
}