@charset "UTF-8";
:root{--green:#76b900;--green-dark:#4f8500;--ink:#18231c;--muted:#647168;--line:#e5eae5;--soft:#f5f8f5;--white:#fff;--dark:#17221b;--shadow:0 16px 44px rgba(23,43,27,.07);--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:#fff;color:var(--ink);font-family:"Vazirmatn",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.9;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit}
.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;top:-60px;right:12px;background:#111;color:#fff;padding:8px 14px;z-index:100}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(225,232,225,.85)}
.topline{width:min(1240px,calc(100% - 48px));height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900;font-size:15px;letter-spacing:-1px;box-shadow:0 7px 18px #76b90038}.brand b{display:block;font-size:16px;font-weight:900;line-height:1.5}.brand small{display:block;color:#89938a;font-size:10px;line-height:1.5}
.desktop-nav{display:flex;align-items:center;gap:26px}.desktop-nav a{font-size:12px;color:#536057;font-weight:700;transition:.2s}.desktop-nav a:hover{color:var(--green-dark)}
.header-call{display:flex;align-items:center;gap:12px;border:1px solid #dce6d9;border-radius:50px;padding:9px 15px;font-size:11px;color:#566257;white-space:nowrap}.header-call b{direction:ltr;color:var(--green-dark);font-size:13px}
.menu-toggle,.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:55px;align-items:center;padding-top:78px;padding-bottom:78px;min-height:590px}
.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:900;color:var(--green-dark);display:flex;align-items:center;gap:9px;direction:ltr;justify-content:flex-end}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #76b9001c}
.hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.42;letter-spacing:-1.6px;margin:18px 0 12px;font-weight:900;max-width:650px}
.hero-lead{font-size:18px;line-height:2;color:#35453a;font-weight:700;margin:0 0 10px}.hero-desc{font-size:13px;color:var(--muted);line-height:2.2;margin:0;max-width:650px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:12px;padding:12px 21px;font-size:12px;font-weight:800;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 10px 22px #76b90030}.btn-primary:hover{background:var(--green-dark)}.btn-ghost{border-color:#dfe6df;color:#3f4c42;background:#fff}.btn-outline{border-color:#cdd9ca;background:#fff;color:#314033}
.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}.hero-proof span{font-size:10px;color:#78837a}.hero-proof b{color:var(--green-dark);margin-left:6px;direction:ltr;display:inline-block}
.hero-art{height:410px;position:relative;border:1px solid #e5ece4;border-radius:32px;background:radial-gradient(circle at 50% 48%,#fff 0,#f7faf6 47%,#edf4ec 100%);overflow:hidden;display:grid;place-items:center;isolation:isolate}
.art-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:#76b9001c;filter:blur(36px)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#c9d7c822 1px,transparent 1px),linear-gradient(90deg,#c9d7c822 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.chip{position:relative;width:260px;height:260px;border:1px solid #b8c9b4;border-radius:28px;background:linear-gradient(145deg,#fff,#e8f0e6);box-shadow:0 30px 65px #334b3220,inset 0 0 0 9px #fff,inset 0 0 0 10px #d9e5d5;transform:rotate(-8deg);padding:23px;display:flex;flex-direction:column;justify-content:space-between}
.chip:before,.chip:after{content:"";position:absolute;inset:-15px;border:1px dashed #9db58f;border-radius:35px;z-index:-1}.chip:after{inset:-31px;border-color:#c9d8c2}
.chip-top,.chip-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.4px;color:#748471;font-weight:900;direction:ltr}.chip-led{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.chip-core{display:grid;place-items:center;line-height:1}.core-symbol{font-size:34px;color:var(--green)}.chip-core strong{font-size:60px;letter-spacing:-4px;color:#263a29}.chip-core small{font-size:8px;letter-spacing:2px;color:#7d8b7a;margin-top:8px;direction:ltr}
.art-tag{position:absolute;background:#fff;border:1px solid #e2e9df;border-radius:12px;padding:10px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;line-height:1.6}.art-tag b{font-size:11px;direction:ltr;color:#314332}.art-tag small{font-size:9px;color:#879187}.tag-a{top:70px;right:25px}.tag-b{bottom:62px;left:24px}.art-caption{position:absolute;bottom:20px;right:0;left:0;text-align:center;direction:ltr;font-size:8px;letter-spacing:2.2px;color:#94a28f;font-weight:900}
.trust-strip{background:#f7faf7;border-block:1px solid #edf1ec}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.trust-inner span{font-size:11px;font-weight:700;color:#657367}.trust-inner i{height:4px;width:4px;border-radius:50%;background:var(--green)}
.section{padding-top:90px;padding-bottom:90px}.section-soft{background:#f7f9f7}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head h2,.why-layout h2,.final-cta h2{font-size:clamp(24px,3vw,35px);line-height:1.6;letter-spacing:-.8px;margin:9px 0 0;font-weight:900}.section-head>p{max-width:370px;color:var(--muted);font-size:12px;margin:0 0 5px;line-height:2}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{position:relative;display:flex;flex-direction:column;min-height:295px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;transition:.25s}.category-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:#76b9000a;left:-65px;bottom:-85px;transition:.3s}.category-card:hover{transform:translateY(-5px);border-color:#b8d49e;box-shadow:var(--shadow)}.category-card:hover:after{transform:scale(1.4)}
.cat-icon{width:56px;height:56px;background:#f0f7eb;border-radius:16px;display:grid;place-items:center;margin-bottom:20px}.cat-icon svg{width:34px;height:34px;fill:none;stroke:var(--green-dark);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cat-kicker{font-size:9px;color:#93a08f;letter-spacing:1.5px;direction:ltr;text-align:right;font-weight:900}.category-card h3{font-size:19px;margin:5px 0 8px;font-weight:900}.category-card p{font-size:12px;color:var(--muted);line-height:2;margin:0 0 20px}.cat-link{margin-top:auto;color:var(--green-dark);font-size:11px;position:relative;z-index:1}.cat-link span,.product-link span{font-size:18px;margin-right:5px}
.all-category{margin-top:22px;text-align:center}.all-category a{font-size:12px;color:#566a51;font-weight:800;border-bottom:1px solid #b9cdb0;padding-bottom:4px}
.product-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-btn{border:1px solid #e0e8de;border-radius:30px;padding:7px 15px;background:#fff;color:#677268;font-size:10px;font-weight:700;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:#eaf4e3;color:#4e7e12;border-color:#cfe1c1}.product-count{font-size:10px;color:#89948a;white-space:nowrap}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{border:1px solid #e7ece6;border-radius:17px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:.22s;min-width:0}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c8d9bf}.product-card[hidden]{display:none!important}
.product-image{height:190px;background:#f7f9f6;display:grid;place-items:center;position:relative;overflow:hidden;padding:13px}.product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:.25s}.product-card:hover .product-image img{transform:scale(1.045)}.product-image>span{position:absolute;right:11px;top:11px;background:#fff;border:1px solid #e7ece6;border-radius:30px;padding:4px 9px;font-size:8px;color:#667365;font-weight:700}.product-info{padding:17px;display:flex;flex-direction:column;flex:1}.product-info>small{font-size:8px;color:var(--green-dark);letter-spacing:1.2px;direction:ltr;text-align:right;font-weight:900}.product-info h3{font-size:13px;line-height:1.8;margin:7px 0 6px;font-weight:900}.product-info h3 a:hover{color:var(--green-dark)}.product-info p{font-size:10px;line-height:2;color:#788278;margin:0 0 14px}.product-link{margin-top:auto;border-top:1px solid #eff2ee;padding-top:11px;font-size:10px;font-weight:800;color:var(--green-dark)}
.product-placeholder{background:linear-gradient(140deg,#f4f8f2,#e5eee2)}.placeholder-icon{width:88px;height:88px;border:1px solid #b6c9ad;border-radius:25px;display:grid;place-items:center;font-size:34px;font-weight:900;color:var(--green-dark);background:#ffffff8a;box-shadow:0 12px 30px #47683a13}
.center-action{text-align:center;margin-top:32px}
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.solution{padding:23px 20px;border:1px solid var(--line);border-radius:17px;background:#fff}.solution>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf5e8;color:var(--green-dark);font-size:10px;font-weight:900;direction:ltr}.solution h3{font-size:14px;margin:15px 0 8px}.solution p{font-size:11px;color:var(--muted);line-height:2.1;margin:0}
.why-section{background:#f5f8f4}.why-layout{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}.why-layout>div:first-child>p{font-size:13px;color:var(--muted);line-height:2.2;max-width:570px;margin:12px 0 22px}.why-points{display:grid;gap:12px}.why-points>div{display:flex;gap:17px;align-items:center;background:#fff;border:1px solid #e5ece2;border-radius:15px;padding:17px}.why-points>div>b{font-size:19px;color:var(--green);direction:ltr}.why-points strong,.why-points small{display:block}.why-points strong{font-size:12px}.why-points small{font-size:10px;color:#859086;margin-top:3px}
.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:18px 4px}.faq-list summary{cursor:pointer;font-size:13px;font-weight:800;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";width:25px;height:25px;border:1px solid #dce7d8;border-radius:50%;display:grid;place-items:center;color:var(--green-dark);font-size:17px;flex-shrink:0}.faq-list details[open] summary:after{content:"−"}.faq-list details p{font-size:12px;color:var(--muted);line-height:2.2;max-width:900px;margin:12px 0 0}
.final-cta{background:linear-gradient(110deg,#1b2a1e,#273b29);color:#fff;padding:52px 0}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.final-cta .eyebrow{color:#a8d47b}.final-cta h2{font-size:25px;margin:7px 0}.final-cta p{font-size:12px;color:#c1cec0;margin:0}.btn-light{background:#fff;color:#263a28;white-space:nowrap}
.site-footer{background:#111b14;color:#fff;padding:45px 0 25px}.footer-inner>p{font-size:11px;color:#aab7aa;max-width:620px;margin:20px 0}.footer-brand .brand-mark{background:#76b900}.footer-brand small{color:#9ba99c}.footer-links{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;padding:16px 0;margin:20px 0}.footer-links a{font-size:10px;color:#c4cec4}.copyright{font-size:9px;color:#879488}
.floating-call{display:none}
@media(max-width:1050px){.desktop-nav{gap:14px}.header-call{font-size:10px}.hero{gap:30px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.solution-grid{grid-template-columns:repeat(2,1fr)}.why-layout{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topline{width:calc(100% - 36px);height:68px}.desktop-nav,.header-call{display:none}.menu-toggle{display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:10px;width:40px;height:40px;color:#41503f;cursor:pointer}.mobile-nav{display:none;padding:0 18px 14px;background:#fff}.mobile-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-nav a{font-size:11px;padding:9px 12px;background:#f6f9f5;border-radius:9px;color:#52614f}
.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:35px;min-height:0}.hero h1{font-size:35px}.hero-lead{font-size:16px}.hero-art{height:330px;max-width:540px;width:100%;margin:auto}.chip{width:220px;height:220px}.chip-core strong{font-size:52px}.tag-a{top:48px;right:12px}.tag-b{bottom:48px;left:12px}.hero-proof{gap:10px 16px}.hero-proof span{font-size:9px}
.trust-inner{justify-content:center;flex-wrap:wrap;padding:15px 0;gap:7px 12px}.trust-inner span{font-size:9px}.trust-inner i{width:3px;height:3px}.section{padding-top:62px;padding-bottom:62px}.section-head{display:block;margin-bottom:24px}.section-head h2,.why-layout h2{font-size:25px}.section-head>p{margin-top:8px;font-size:11px}.category-grid{grid-template-columns:1fr;gap:12px}.category-card{min-height:0;padding:21px}.cat-icon{margin-bottom:13px}.category-card h3{font-size:17px}.category-card p{margin-bottom:13px}
.product-tools{display:block}.filter-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.filter-btn{white-space:nowrap}.product-count{display:block;margin-top:8px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:145px;padding:8px}.product-image>span{font-size:7px;right:7px;top:7px;padding:3px 7px}.product-info{padding:12px}.product-info h3{font-size:11px}.product-info p{font-size:9px}.product-link{font-size:9px}
.solution-grid{grid-template-columns:1fr 1fr;gap:9px}.solution{padding:16px 13px}.solution h3{font-size:12px}.solution p{font-size:10px}.why-layout{grid-template-columns:1fr;gap:25px}.why-points>div{padding:14px}.final-cta-inner{display:block}.final-cta h2{font-size:22px}.final-cta .btn{margin-top:20px}.footer-links{gap:12px 18px}
.floating-call{display:flex;position:fixed;bottom:14px;left:14px;z-index:40;background:var(--green);color:#fff;border-radius:50px;padding:9px 15px;font-size:10px;font-weight:900;box-shadow:0 7px 22px #1b3b1738;gap:8px}
}
@media(max-width:390px){.wrap{width:calc(100% - 30px)}.hero h1{font-size:31px}.hero-art{height:295px}.chip{width:195px;height:195px}.product-grid{gap:8px}.product-image{height:128px}.product-info{padding:10px}.product-info h3{font-size:10px}.solution{padding:13px 11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Readability refinement — larger supporting text and labels */
.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:10px;background:#496b4e;flex-shrink:0}
.official-invoice{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:9px 14px;border:1px solid #d8e8cf;border-radius:12px;background:#f5faef;color:#426d1b;font-size:13px;font-weight:800}
.invoice-check{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#76b900;color:#fff;font-size:13px;line-height:1;flex-shrink:0}
.hero-proof span{font-size:11px}
.cat-kicker{font-size:10px}
.cat-link{font-size:12px}
.section-head>p{font-size:13px}
.filter-btn{font-size:11px}
.product-count{font-size:11px}
.product-image>span{font-size:9px}
.product-info>small{font-size:9px}
.product-info h3{font-size:14px}
.product-info p{font-size:11px}
.product-link{font-size:11px}
.solution p{font-size:12px}
.why-points strong{font-size:13px}
.why-points small{font-size:11px}
.faq-list summary{font-size:14px}
.faq-list details p{font-size:13px}
.footer-inner>p{font-size:12px}
.footer-links a{font-size:11px}
.copyright{font-size:10px}
@media(max-width:760px){
  .brand-logo{width:42px;height:42px}
  .hero-proof span{font-size:10px}
  .section-head>p{font-size:12px}
  .cat-kicker{font-size:10px}
  .cat-link{font-size:12px}
  .product-image>span{font-size:8px}
  .product-info>small{font-size:8px}
  .product-info h3{font-size:12px;line-height:1.85}
  .product-info p{font-size:10px;line-height:2}
  .product-link{font-size:10px}
  .solution h3{font-size:13px}
  .solution p{font-size:11px}
  .faq-list summary{font-size:13px}
  .faq-list details p{font-size:12px}
  .official-invoice{font-size:12px}
}
@media(max-width:390px){
  .product-info h3{font-size:11px}
  .product-info p{font-size:10px}
}

/* Animated neon data network: fine gold + violet traces and softly pulsing nodes */
.hero-art{isolation:isolate}
.neon-network{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none;opacity:.9}
.neon-network .network-lines{fill:none;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 9;animation:neon-flow 18s linear infinite}
.neon-network .network-gold{stroke:#e5b900;filter:drop-shadow(0 0 3px rgba(242,198,0,.42));opacity:.68}
.neon-network .network-purple{stroke:#7a22c8;filter:drop-shadow(0 0 3px rgba(122,34,200,.42));opacity:.62;animation-direction:reverse;animation-duration:22s}
.neon-network .network-nodes circle{animation:node-pulse 3.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.neon-network .gold-nodes circle{fill:#f0c400;filter:drop-shadow(0 0 5px rgba(240,196,0,.8))}
.neon-network .purple-nodes circle{fill:#8b35d1;filter:drop-shadow(0 0 5px rgba(139,53,209,.75));animation-delay:-1.8s}
.chip{z-index:2}
.art-tag{z-index:3}
.art-caption{z-index:3}
@keyframes neon-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-280}}
@keyframes node-pulse{0%,100%{opacity:.38;transform:scale(.82)}50%{opacity:1;transform:scale(1.5)}}
.hero-art:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 17% 22%,rgba(240,196,0,.09),transparent 27%),radial-gradient(circle at 84% 76%,rgba(122,34,200,.08),transparent 29%);mix-blend-mode:multiply}
@media(prefers-reduced-motion:reduce){
  .neon-network .network-lines,.neon-network .network-nodes circle{animation:none!important}
}

/* FIX v4: neon network belongs to the complete hero background, not the artwork card */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero>.hero-copy,.hero>.hero-art{position:relative;z-index:2}
.hero>.hero-wide-network{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;opacity:.62}
.hero-wide-network .network-lines{fill:none!important;stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 11}
.hero-wide-network .network-lines path{fill:none!important;stroke-width:1.05!important}
.hero-wide-network .network-gold{stroke:#e1b900!important;filter:drop-shadow(0 0 2px rgba(225,185,0,.3));opacity:.42}
.hero-wide-network .network-purple{stroke:#7928bd!important;filter:drop-shadow(0 0 2px rgba(121,40,189,.3));opacity:.38}
.hero-wide-network .network-nodes circle{stroke:none!important}
.hero-wide-network .gold-nodes circle{fill:#e6bd00!important;filter:drop-shadow(0 0 4px rgba(230,189,0,.65))}
.hero-wide-network .purple-nodes circle{fill:#8131c3!important;filter:drop-shadow(0 0 4px rgba(129,49,195,.6))}
.hero-wide-network .network-lines{animation:neon-flow 24s linear infinite}
.hero-wide-network .network-purple{animation-direction:reverse;animation-duration:29s}
.hero-wide-network .network-nodes circle{animation:node-pulse 4.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.hero-wide-network .purple-nodes circle{animation-delay:-2s}
@media(max-width:760px){
  .hero-wide-network{opacity:.38!important}
  .hero-wide-network .network-lines{stroke-dasharray:2 14}
}
@media(prefers-reduced-motion:reduce){
  .hero-wide-network .network-lines,.hero-wide-network .network-nodes circle{animation:none!important}
}

/* V5 — CSS-only animated neon data field. No SVG paths or polygon fills. */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.8;
  background-image:
    radial-gradient(circle, rgba(238,190,0,.95) 0 1.6px, transparent 2.7px),
    radial-gradient(circle, rgba(132,55,205,.92) 0 1.5px, transparent 2.7px),
    linear-gradient(28deg, transparent 49.72%, rgba(229,185,0,.23) 49.9%, rgba(229,185,0,.23) 50.1%, transparent 50.28%),
    linear-gradient(151deg, transparent 49.72%, rgba(126,48,195,.20) 49.9%, rgba(126,48,195,.20) 50.1%, transparent 50.28%),
    linear-gradient(90deg, transparent 49.82%, rgba(229,185,0,.10) 50%, transparent 50.18%);
  background-size:
    173px 137px,
    211px 169px,
    230px 180px,
    260px 205px,
    310px 240px;
  background-position:
    12px 8px,
    85px 45px,
    0 0,
    70px 25px,
    35px 60px;
  mask-image:linear-gradient(90deg, transparent 1%, #000 16%, #000 86%, transparent 100%);
  animation:neon-field-drift 34s linear infinite;
}
.hero::after{
  content:"";
  position:absolute;
  inset:-12%;
  z-index:0;
  pointer-events:none;
  opacity:.48;
  background:
    radial-gradient(ellipse at 18% 25%, rgba(238,190,0,.10), transparent 30%),
    radial-gradient(ellipse at 82% 68%, rgba(132,55,205,.095), transparent 32%);
  animation:neon-field-glow 9s ease-in-out infinite alternate;
}
.hero>.hero-copy,
.hero>.hero-art{
  position:relative;
  z-index:1;
}
.hero-art{
  /* Keep the original AI illustration clearly visible above the background animation. */
  isolation:isolate;
}
@keyframes neon-field-drift{
  0%{background-position:12px 8px,85px 45px,0 0,70px 25px,35px 60px}
  50%{background-position:95px 70px,10px 120px,115px 90px,-35px 115px,130px -25px}
  100%{background-position:12px 8px,85px 45px,0 0,70px 25px,35px 60px}
}
@keyframes neon-field-glow{
  0%{opacity:.28;transform:translate3d(-.5%,.3%,0) scale(.99)}
  100%{opacity:.62;transform:translate3d(.5%,-.3%,0) scale(1.01)}
}
@media(max-width:760px){
  .hero::before{opacity:.48;background-size:190px 155px,230px 185px,260px 200px,280px 220px,340px 260px}
  .hero::after{opacity:.3}
}
@media(prefers-reduced-motion:reduce){
  .hero::before,.hero::after{animation:none!important}
}

/* V6 — interactive connected particles, inspired by the supplied reference */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.hero::before,
.hero::after{
  content:none!important;
  display:none!important;
}
.hero-network-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  z-index:0;
  pointer-events:none;
  opacity:1;
}
.hero>.hero-copy,
.hero>.hero-art{
  position:relative;
  z-index:1;
}
@media(prefers-reduced-motion:reduce){
  .hero-network-canvas{opacity:.72}
}

/* VERSION 7 — layout restoration, legible trust strip, product images and footer */
.hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
  grid-template-areas:"art copy";
  direction:ltr;
  gap:clamp(30px,4.5vw,66px);
  align-items:center;
  min-height:570px;
  padding-top:66px;
  padding-bottom:66px;
}
.hero-copy{
  grid-area:copy;
  direction:rtl;
  text-align:right;
  width:100%;
  min-width:0;
  position:relative;
  z-index:2;
}
.hero-art{
  grid-area:art;
  width:100%;
  max-width:560px;
  min-width:0;
  justify-self:start;
  position:relative;
  z-index:2;
}
.hero-network-canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  pointer-events:none!important;
}
.hero h1{max-width:100%;font-size:clamp(36px,3.7vw,52px);line-height:1.48}
.hero-lead{font-size:clamp(16px,1.35vw,19px)}
.hero-desc{font-size:14px;line-height:2.15}
.official-invoice{font-size:14px}
.hero-proof span{font-size:11px}
.trust-inner{
  min-height:78px;
  gap:clamp(10px,2vw,26px);
}
.trust-inner span{
  font-size:14px;
  font-weight:800;
  line-height:1.8;
  white-space:nowrap;
  letter-spacing:0;
}
.trust-inner span:nth-of-type(odd){color:#a27b00}
.trust-inner span:nth-of-type(even){color:#7028ad}
.trust-inner i{width:6px;height:6px;flex:0 0 6px;background:#e2b800;box-shadow:0 0 0 4px rgba(226,184,0,.10)}
.brand-logo{width:48px;height:48px;object-fit:contain;flex:0 0 auto}
.footer-logo{width:52px;height:52px}
.footer-inner{gap:18px}
.footer-description{font-size:14px;line-height:2.1;max-width:760px}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px}
.footer-links a{font-size:13px}
.copyright{font-size:12px;line-height:2}
.product-info h3{font-size:14px;line-height:1.9}
.product-info p{font-size:12px;line-height:2.05}
.product-info>small{font-size:10px}
.product-link{font-size:12px}
.product-image{height:195px}
.product-image>span{font-size:10px}
.section-head>p{font-size:13px;line-height:2.1}
.category-card p,.solution p,.faq-list details p{font-size:13px;line-height:2.1}
.faq-list summary{font-size:14px}
.why-points strong{font-size:14px}
.why-points small{font-size:12px}
@media(max-width:1050px) and (min-width:761px){
  .hero{gap:28px;min-height:520px}
  .hero h1{font-size:clamp(34px,4vw,44px)}
  .hero-art{height:360px}
  .trust-inner span{font-size:12px}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .hero{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"copy" "art";
    direction:rtl;
    gap:28px;
    min-height:0;
    padding-top:42px;
    padding-bottom:42px;
  }
  .hero-copy{width:100%;text-align:right}
  .hero h1{font-size:clamp(29px,7vw,36px);line-height:1.55;margin-top:13px}
  .hero-lead{font-size:15px;line-height:2}
  .hero-desc{font-size:12px;line-height:2.15}
  .official-invoice{font-size:12px}
  .hero-actions{gap:9px;margin-top:20px}
  .hero-proof{gap:8px 14px;margin-top:22px;padding-top:14px}
  .hero-proof span{font-size:10px}
  .hero-art{width:100%;max-width:540px;height:320px;justify-self:center;margin:0 auto}
  .trust-inner{min-height:0;padding:17px 0;gap:9px 12px;justify-content:center}
  .trust-inner span{font-size:12px;white-space:normal}
  .trust-inner i{width:5px;height:5px;flex-basis:5px}
  .section-head>p{font-size:12px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .product-image{height:150px}
  .product-info{padding:12px}
  .product-info h3{font-size:12px;line-height:1.9}
  .product-info p{font-size:11px;line-height:2}
  .product-info>small{font-size:9px}
  .product-link{font-size:11px}
  .product-image>span{font-size:9px}
  .footer-description{font-size:12px}
  .footer-links{gap:10px 16px}
  .footer-links a{font-size:12px}
  .copyright{font-size:11px}
}
@media(max-width:430px){
  .hero-art{height:275px}
  .chip{width:190px;height:190px;padding:18px}
  .chip-core strong{font-size:48px}
  .art-tag{padding:8px 10px}
  .tag-a{top:35px;right:9px}
  .tag-b{bottom:37px;left:9px}
  .trust-inner{gap:8px 10px}
  .trust-inner span{font-size:11px}
  .product-grid{gap:9px}
  .product-image{height:126px;padding:8px}
  .product-info{padding:10px}
  .product-info h3{font-size:11px}
  .product-info p{font-size:10px}
  .product-image>span{font-size:8px;right:7px;top:7px}
}

/* VERSION 8 — final visual refinements from the supplied screenshots */

/* 1) Force a reliable two-column hero: artwork LEFT, Persian copy RIGHT.
   Flex is used here to avoid grid-area / direction conflicts in RTL themes. */
.hero{
  display:flex!important;
  flex-direction:row!important;
  direction:ltr!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:clamp(30px,4.2vw,64px)!important;
  min-height:570px!important;
  padding-top:62px!important;
  padding-bottom:62px!important;
}
.hero>.hero-art{
  order:1!important;
  flex:0 1 49%!important;
  width:49%!important;
  max-width:560px!important;
  min-width:0!important;
  margin:0!important;
  justify-self:auto!important;
}
.hero>.hero-copy{
  order:2!important;
  flex:1 1 51%!important;
  width:51%!important;
  min-width:0!important;
  direction:rtl!important;
  text-align:right!important;
}
.hero h1{
  max-width:100%!important;
  font-size:clamp(38px,4vw,56px)!important;
  line-height:1.48!important;
}
.hero-proof{
  justify-content:flex-start;
  gap:clamp(15px,2vw,25px);
  margin-top:28px;
  padding-top:19px;
}
.hero-proof span{
  font-size:12px!important;
  line-height:1.9;
  white-space:nowrap;
}
.hero-proof b{
  font-size:14px!important;
  font-weight:900;
  margin-left:7px;
}

/* 2) Expertise strip: pale warm yellow with larger, clearer labels. */
.trust-strip{
  background:#fbf8e9!important;
  border-top:1px solid #f1e9c8!important;
  border-bottom:1px solid #f1e9c8!important;
}
.trust-inner{
  min-height:82px!important;
  gap:clamp(12px,2.1vw,28px)!important;
}
.trust-inner span{
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.9;
  color:#56604a!important;
}
.trust-inner span:nth-of-type(2n){
  color:#79601a!important;
}
.trust-inner i{
  width:6px!important;
  height:6px!important;
  flex:0 0 6px;
  background:#d9aa00!important;
  box-shadow:0 0 0 4px rgba(217,170,0,.10);
}

/* 3) Category cards: subtle depth, warm light and more lively hover states. */
.category-card{
  background:
    radial-gradient(ellipse at 100% 0%,rgba(118,185,0,.075),transparent 42%),
    linear-gradient(145deg,#fff 0%,#fff 62%,#fbfcf6 100%)!important;
  border-color:#e4e9dc!important;
  box-shadow:0 7px 24px rgba(29,51,30,.035);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease,background .28s ease!important;
}
.category-card:before{
  content:"";
  position:absolute;
  top:0;
  right:24px;
  width:52px;
  height:3px;
  border-radius:0 0 5px 5px;
  background:linear-gradient(90deg,#e4bd16,#76b900);
  opacity:.78;
  transition:width .28s ease,opacity .28s ease;
}
.category-card:after{
  width:210px!important;
  height:210px!important;
  left:-92px!important;
  bottom:-118px!important;
  background:radial-gradient(circle,rgba(118,185,0,.10),rgba(225,184,0,.045) 48%,transparent 72%)!important;
}
.category-card:hover{
  transform:translateY(-7px)!important;
  border-color:#c6d7a9!important;
  box-shadow:0 18px 42px rgba(48,75,35,.10)!important;
  background:
    radial-gradient(ellipse at 100% 0%,rgba(118,185,0,.12),transparent 48%),
    linear-gradient(145deg,#fff 0%,#fff 58%,#f8faef 100%)!important;
}
.category-card:hover:before{width:88px;opacity:1}
.cat-icon{
  box-shadow:0 7px 18px rgba(118,185,0,.08);
  border:1px solid rgba(118,185,0,.09);
  transition:transform .28s ease,background .28s ease;
}
.category-card:hover .cat-icon{
  transform:translateY(-3px) scale(1.04);
  background:#eaf4df;
}
.category-card h3{position:relative;z-index:1}
.category-card p{position:relative;z-index:1}
.cat-kicker{position:relative;z-index:1}

/* 4) Footer: reduce empty vertical gaps and balance the content. */
.final-cta{padding:38px 0!important}
.final-cta-inner{min-height:112px}
.final-cta h2{font-size:clamp(22px,2.2vw,27px)!important}
.site-footer{padding:30px 0 18px!important}
.footer-inner{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
}
.footer-brand{align-self:flex-start;margin-bottom:9px}
.footer-description{
  max-width:760px!important;
  font-size:13px!important;
  line-height:1.9!important;
  margin:5px 0 13px!important;
}
.footer-links{
  margin:5px 0 12px!important;
  padding:12px 0!important;
  gap:12px 26px!important;
}
.footer-links a{font-size:12px!important}
.copyright{font-size:11px!important;line-height:1.8}

/* Responsive layout: stack the hero cleanly, preserve breathing room and readable type. */
@media(max-width:1050px) and (min-width:761px){
  .hero{gap:26px!important;min-height:510px!important}
  .hero>.hero-art{flex-basis:47%!important;width:47%!important;height:360px!important}
  .hero>.hero-copy{flex-basis:53%!important;width:53%!important}
  .hero h1{font-size:clamp(34px,4.1vw,44px)!important}
  .hero-proof{gap:12px!important}
  .hero-proof span{font-size:11px!important}
  .trust-inner span{font-size:12px!important}
}
@media(max-width:760px){
  .hero{
    display:flex!important;
    flex-direction:column!important;
    direction:rtl!important;
    align-items:stretch!important;
    flex-wrap:nowrap!important;
    gap:25px!important;
    min-height:0!important;
    padding-top:40px!important;
    padding-bottom:38px!important;
  }
  .hero>.hero-copy{
    order:1!important;
    flex:0 0 auto!important;
    width:100%!important;
    text-align:right!important;
  }
  .hero>.hero-art{
    order:2!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:540px!important;
    height:310px!important;
    margin:0 auto!important;
  }
  .hero h1{font-size:clamp(30px,7.4vw,38px)!important}
  .hero-proof{justify-content:flex-start;gap:10px 18px;margin-top:22px;padding-top:15px}
  .hero-proof span{font-size:11px!important}
  .hero-proof b{font-size:13px!important}
  .trust-inner{min-height:0!important;padding:16px 0!important;gap:9px 12px!important;justify-content:center}
  .trust-inner span{font-size:12px!important}
  .trust-inner i{width:5px!important;height:5px!important;flex-basis:5px}
  .category-card{padding:21px!important}
  .category-card:hover{transform:translateY(-3px)!important}
  .final-cta{padding:32px 0!important}
  .final-cta-inner{min-height:0}
  .site-footer{padding:25px 0 16px!important}
  .footer-description{font-size:12px!important;margin:4px 0 10px!important}
  .footer-links{padding:10px 0!important;margin:3px 0 9px!important}
}
@media(prefers-reduced-motion:reduce){
  .category-card,.category-card:before,.cat-icon{transition:none!important}
}

/* V9 — cache-busted final layout rules */
.hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  grid-template-areas:"art copy"!important;
  direction:ltr!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:clamp(28px,4vw,62px)!important;
  min-height:560px!important;
  padding:62px 0!important;
  width:min(100% - 48px, 1200px)!important;
  margin-inline:auto!important;
}
.hero>.hero-network-canvas{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important}
.hero>.hero-art{
  grid-area:art!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:560px!important;
  min-width:0!important;
  height:410px!important;
  margin:0!important;
  justify-self:start!important;
}
.hero>.hero-copy{
  grid-area:copy!important;
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:620px!important;
  min-width:0!important;
  direction:rtl!important;
  text-align:right!important;
  justify-self:end!important;
}
.hero h1{font-size:clamp(38px,4vw,56px)!important;line-height:1.48!important;max-width:100%!important}
.hero-lead{font-size:clamp(16px,1.4vw,19px)!important;line-height:2!important}
.hero-desc{font-size:14px!important;line-height:2.15!important}
.hero-proof{display:flex!important;justify-content:flex-start!important;gap:16px 24px!important;margin-top:27px!important;padding-top:18px!important}
.hero-proof span{font-size:12px!important;white-space:nowrap!important}
.hero-proof b{font-size:15px!important;font-weight:900!important}

/* Warm yellow expertise strip */
.trust-strip{background:#fbf7e8!important;border-top:1px solid #f0e5bd!important;border-bottom:1px solid #f0e5bd!important}
.trust-inner{min-height:82px!important;gap:clamp(10px,2vw,26px)!important}
.trust-inner span{font-size:14px!important;font-weight:800!important;color:#6f612c!important;line-height:1.9!important}
.trust-inner i{width:6px!important;height:6px!important;flex:0 0 6px!important;background:#d9ad16!important;box-shadow:0 0 0 4px rgba(217,173,22,.11)!important}

/* More life in category cards */
.category-card{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#fff 0%,#fff 60%,#fafbef 100%)!important;
  border-color:#e4e9dc!important;
  box-shadow:0 8px 26px rgba(32,54,31,.045)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.category-card:before{
  content:""!important;position:absolute!important;top:0!important;right:24px!important;
  width:54px!important;height:3px!important;border-radius:0 0 5px 5px!important;
  background:linear-gradient(90deg,#e3bd28,#76b900)!important;opacity:.9!important;
  transition:width .28s ease!important;
}
.category-card:after{
  content:""!important;position:absolute!important;width:190px!important;height:190px!important;
  left:-90px!important;bottom:-115px!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(118,185,0,.12),rgba(227,189,40,.045) 52%,transparent 72%)!important;
  pointer-events:none!important;
}
.category-card:hover{transform:translateY(-6px)!important;border-color:#c9d9ad!important;box-shadow:0 18px 42px rgba(32,54,31,.11)!important}
.category-card:hover:before{width:88px!important}
.cat-icon{transition:transform .28s ease,background .28s ease!important}
.category-card:hover .cat-icon{transform:translateY(-3px) scale(1.04)!important;background:#edf5e4!important}

/* Footer: tighten vertical rhythm */
.final-cta{padding:34px 0!important}
.site-footer{padding:27px 0 16px!important}
.footer-inner{display:flex!important;flex-direction:column!important;gap:0!important;align-items:stretch!important}
.footer-brand{align-self:flex-start!important;margin-bottom:8px!important}
.footer-description{font-size:13px!important;line-height:1.9!important;margin:4px 0 10px!important}
.footer-links{margin:4px 0 10px!important;padding:11px 0!important;gap:10px 24px!important}
.footer-links a{font-size:12px!important}
.copyright{font-size:11px!important;line-height:1.8!important}

@media(max-width:1050px) and (min-width:761px){
 .hero{gap:24px!important;min-height:500px!important}
 .hero>.hero-art{height:350px!important}
 .hero h1{font-size:clamp(34px,4vw,44px)!important}
 .hero-proof{gap:10px 14px!important}
 .hero-proof span{font-size:11px!important}
 .trust-inner span{font-size:12px!important}
}
@media(max-width:760px){
 .hero{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;grid-template-areas:"copy" "art"!important;
  direction:rtl!important;gap:24px!important;min-height:0!important;
  width:calc(100% - 36px)!important;padding:38px 0!important;
 }
 .hero>.hero-copy{grid-area:copy!important;width:100%!important;max-width:none!important;justify-self:stretch!important}
 .hero>.hero-art{grid-area:art!important;width:100%!important;max-width:540px!important;height:300px!important;justify-self:center!important}
 .hero h1{font-size:clamp(29px,7vw,37px)!important}
 .hero-lead{font-size:15px!important}
 .hero-desc{font-size:12px!important}
 .hero-proof{flex-wrap:wrap!important;gap:9px 14px!important}
 .hero-proof span{font-size:11px!important}
 .trust-inner{min-height:0!important;padding:16px 0!important;justify-content:center!important;gap:9px 12px!important;flex-wrap:wrap!important}
 .trust-inner span{font-size:12px!important}
 .category-card{padding:20px!important}
 .final-cta{padding:28px 0!important}
 .site-footer{padding:23px 0 14px!important}
 .footer-description{font-size:12px!important}
 .footer-links{gap:9px 16px!important}
}
@media(max-width:430px){
 .hero{width:calc(100% - 30px)!important}
 .hero>.hero-art{height:265px!important}
 .trust-inner span{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
 .category-card,.category-card:before,.cat-icon{transition:none!important}
}


/* V10 — asymmetrical floating mini-card mosaic for the empty hero area */
.hero{
  grid-template-areas:
    "art copy"
    "mosaic copy" !important;
  grid-template-rows:auto auto !important;
  row-gap:18px !important;
  align-items:start !important;
  min-height:620px !important;
}
.hero > .hero-microcards{
  grid-area:mosaic;
  display:grid;
  grid-template-columns:1.2fr .8fr 1fr;
  grid-auto-rows:minmax(62px, auto);
  gap:12px;
  align-content:start;
  max-width:560px;
  width:100%;
  justify-self:start;
  position:relative;
  z-index:2;
  margin-top:-8px;
}
.microcard{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  min-width:0;
  border-radius:18px;
  padding:14px 16px;
  border:1px solid rgba(143,157,137,.20);
  box-shadow:0 10px 24px rgba(33,52,31,.055);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  overflow:hidden;
}
.microcard:before{
  content:"";
  position:absolute;
  inset:auto auto -28px -24px;
  width:88px;
  height:88px;
  border-radius:50%;
  background:rgba(255,255,255,.28);
}
.microcard:hover{
  transform:translateY(-6px) rotate(-1deg);
  box-shadow:0 18px 32px rgba(33,52,31,.11);
  border-color:rgba(118,185,0,.32);
}
.microcard strong{
  font-size:13px;
  font-weight:900;
  line-height:1.8;
  color:#223125;
}
.microcard small{
  font-size:10px;
  color:#6d786d;
  line-height:1.7;
}
.microcard-kicker{
  font-size:9px;
  letter-spacing:1.3px;
  font-weight:900;
  color:#6f7e6e;
  direction:ltr;
}
.microcard-lg{grid-column:1/span 1; grid-row:1/span 2; min-height:136px;}
.microcard-md{min-height:90px;}
.microcard-sm{min-height:70px;}
.microcard-xs{min-height:58px;}
.tone-gold{
  background:linear-gradient(145deg,#fffdf5 0%,#fbf5d7 100%);
}
.tone-green{
  background:linear-gradient(145deg,#fbfff8 0%,#eaf4df 100%);
}
.tone-violet{
  background:linear-gradient(145deg,#fbf9ff 0%,#efe8ff 100%);
}
.tone-ivory{
  background:linear-gradient(145deg,#ffffff 0%,#f2f3ed 100%);
}
.tone-mint{
  background:linear-gradient(145deg,#f8fffe 0%,#e3f5ef 100%);
}
.tone-warm{
  background:linear-gradient(145deg,#fffdfa 0%,#f7ecd9 100%);
}
.hero-microcards .microcard:nth-child(2){grid-column:2; grid-row:1;}
.hero-microcards .microcard:nth-child(3){grid-column:3; grid-row:1/span 2;}
.hero-microcards .microcard:nth-child(4){grid-column:2; grid-row:2;}
.hero-microcards .microcard:nth-child(5){grid-column:1; grid-row:3;}
.hero-microcards .microcard:nth-child(6){grid-column:2/span 2; grid-row:3;}
@media(max-width:1050px) and (min-width:761px){
  .hero{
    row-gap:14px !important;
    min-height:580px !important;
  }
  .hero > .hero-microcards{
    gap:10px;
    max-width:500px;
  }
  .microcard{
    padding:12px 13px;
  }
  .microcard strong{font-size:12px;}
}
@media(max-width:760px){
  .hero{
    grid-template-areas:
      "copy"
      "art"
      "mosaic" !important;
    grid-template-columns:minmax(0,1fr) !important;
    row-gap:18px !important;
    min-height:0 !important;
  }
  .hero > .hero-microcards{
    max-width:540px;
    margin:0 auto;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .microcard{
    padding:12px 12px;
    min-height:68px;
  }
  .microcard strong{font-size:12px;}
  .microcard small{font-size:9px;}
  .hero-microcards .microcard:nth-child(1){grid-column:1/span 2; grid-row:1;}
  .hero-microcards .microcard:nth-child(2){grid-column:1; grid-row:2;}
  .hero-microcards .microcard:nth-child(3){grid-column:2; grid-row:2;}
  .hero-microcards .microcard:nth-child(4){grid-column:1; grid-row:3;}
  .hero-microcards .microcard:nth-child(5){grid-column:2; grid-row:3;}
  .hero-microcards .microcard:nth-child(6){grid-column:1/span 2; grid-row:4;}
}
@media(prefers-reduced-motion:reduce){
  .microcard{transition:none !important;}
}


/* V10 — transparent brand mark, larger header and favicon-ready logo */
.brand-logo,
.brand-logo.footer-logo {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  object-fit: contain !important;
}
.topline {
  height: 88px !important;
}
.brand-logo {
  width: 58px !important;
  height: 58px !important;
}
.footer-logo {
  width: 56px !important;
  height: 56px !important;
}
@media (max-width: 760px) {
  .topline {
    height: 76px !important;
  }
  .brand-logo {
    width: 52px !important;
    height: 52px !important;
  }
  .footer-logo {
    width: 52px !important;
    height: 52px !important;
  }
}