:root {
  --navy:#0D2F7A;
  --blue:#1C4FB6;
  --blue-2:#2F68D8;
  --gold:#D7B06A;
  --gold-soft:#F5E8CF;
  --gray:#5F6B7A;
  --ink:#13213A;
  --muted:#6D7888;
  --bg:#F7F9FC;
  --line:#E7EBF1;
  --white:#fff;
  --success:#13A36F;
  --shadow:0 24px 60px rgba(13,47,122,.10);
  --shadow-sm:0 14px 34px rgba(13,47,122,.08);
  --radius:28px;
  --radius-md:22px;
  --radius-sm:16px;
  --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--white);
  font-family:"IRANSansX","IRANSans","Vazirmatn",Tahoma,Arial,sans-serif;
  line-height:1.9;
  -webkit-font-smoothing:antialiased;
}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{color:inherit}
img{max-width:100%;display:block}
svg{width:1.15em;height:1.15em;stroke-width:1.8}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.section{padding:104px 0}
.section-pad{padding:78px 0 88px}

.skip-link{position:fixed;right:20px;top:-100px;z-index:9999;background:var(--navy);color:#fff;padding:10px 16px;border-radius:0 0 12px 12px}
.skip-link:focus{top:0}

.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(231,235,241,.72)}
.nav-wrap{height:82px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;margin-left:auto}
.brand img{width:128px;height:58px;object-fit:cover;object-position:50% 72%;border-radius:12px}
.desktop-nav{display:flex;align-items:center;gap:30px}
.desktop-nav a{font-size:14px;font-weight:700;color:#35445E;position:relative}
.desktop-nav a:after{content:"";position:absolute;right:0;bottom:-9px;width:0;height:2px;border-radius:99px;background:var(--blue);transition:.25s}
.desktop-nav a:hover{color:var(--navy)}
.desktop-nav a:hover:after{width:100%}
.nav-call{margin-right:auto}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0;border-radius:99px;transition:.25s}
.mobile-menu{background:#fff;border-top:1px solid var(--line);box-shadow:0 20px 40px rgba(13,47,122,.08)}
.mobile-menu-inner{display:grid;gap:4px;padding:16px 0 20px}
.mobile-menu a:not(.btn){padding:12px 6px;font-weight:700;color:#32425C}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 12px 28px rgba(28,79,182,.24)}
.btn-primary:hover{box-shadow:0 16px 34px rgba(28,79,182,.30)}
.btn-ghost{background:#fff;color:var(--navy);border:1px solid #DDE5F1;box-shadow:0 8px 24px rgba(13,47,122,.06)}
.btn-light{background:#fff;color:var(--navy)}
.btn-gold{background:linear-gradient(135deg,#F0CF93,var(--gold));color:#2C2417;box-shadow:0 12px 28px rgba(215,176,106,.24)}
.btn-sm{padding:9px 14px;font-size:13px;border-radius:12px}
.btn-lg{padding:14px 22px;border-radius:16px}

.hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at 14% 12%,rgba(215,176,106,.14),transparent 26%),
  radial-gradient(circle at 92% 22%,rgba(28,79,182,.14),transparent 30%),
  linear-gradient(180deg,#FCFDFF 0%,#F7F9FC 100%)}
.hero:before{content:"";position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(13,47,122,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(13,47,122,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.hero-glow-1{width:300px;height:300px;left:-130px;top:80px;border:54px solid rgba(28,79,182,.06)}
.hero-glow-2{width:220px;height:220px;right:36%;bottom:-110px;border:44px solid rgba(215,176,106,.08)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:66px;align-items:center;min-height:610px}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:-.2px;margin-bottom:14px}
.eyebrow{background:#EEF4FF;border:1px solid #DCE7FB;padding:8px 12px;border-radius:99px}
.eyebrow .dot{width:8px;height:8px;background:var(--success);border-radius:50%;box-shadow:0 0 0 5px rgba(19,163,111,.11)}
.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.27;letter-spacing:-2.8px;margin:0 0 22px;font-weight:900;color:#12213C;max-width:720px}
.hero h1 span{position:relative;color:var(--blue);white-space:nowrap}
.hero h1 span:after{content:"";position:absolute;height:12px;right:0;left:0;bottom:1px;background:rgba(215,176,106,.42);z-index:-1;border-radius:20px;transform:rotate(-1deg)}
.hero-lead{font-size:18px;color:#5C697D;max-width:650px;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.hero-points{display:flex;gap:18px;flex-wrap:wrap;color:#45546B;font-size:13px;font-weight:700}
.hero-points span{display:inline-flex;gap:7px;align-items:center}.hero-points svg{color:var(--blue)}

.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;direction:rtl}
.main-panel{width:min(100%,480px);background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);box-shadow:0 34px 90px rgba(13,47,122,.16);backdrop-filter:blur(18px);border-radius:34px;padding:24px;transform:rotate(-1.2deg)}
.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}
.panel-head small{display:block;color:#8190A6;font-size:11px;margin-bottom:3px}.panel-head strong{display:block;font-size:16px}.status-pill{display:inline-flex;align-items:center;gap:7px;background:#EAF8F2;color:#15825E;padding:6px 9px;border-radius:99px;font-size:11px;font-weight:800;white-space:nowrap}.status-pill span{width:7px;height:7px;border-radius:50%;background:#24B47E}
.support-card{display:flex;gap:16px;align-items:center;margin:22px 0;background:linear-gradient(135deg,#0D2F7A,#1C4FB6);color:#fff;padding:20px;border-radius:24px;box-shadow:0 18px 32px rgba(28,79,182,.18)}
.support-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.13);flex:none}.support-icon svg{width:28px;height:28px}.support-card small{opacity:.72;font-size:11px}.support-card strong{display:block;font-size:16px;margin:3px 0}.support-card p{margin:0;opacity:.75;font-size:11px;line-height:1.8}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-card{min-height:116px;background:#F8FAFD;border:1px solid #EDF1F6;border-radius:20px;padding:16px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-size:11px;font-weight:800;color:#42516A}.mini-card svg{width:24px;height:24px;color:var(--blue)}
.floating-card{position:absolute;background:#fff;border:1px solid rgba(222,229,240,.8);box-shadow:0 18px 42px rgba(13,47,122,.12);border-radius:18px;padding:12px 14px;display:flex;align-items:center;gap:10px;z-index:2}
.float-call{right:-20px;bottom:58px}.float-call small{display:block;color:#8C98AA;font-size:10px}.float-call strong{display:block;color:var(--navy);font-size:13px}.icon-bubble{width:38px;height:38px;border-radius:13px;background:var(--gold-soft);color:#A37420;display:grid;place-items:center}.float-secure{left:-12px;top:64px;font-weight:800;font-size:11px;color:#394B66}.float-secure svg{color:var(--success)}

.trust-strip{border-top:1px solid #EDF1F6;border-bottom:1px solid #EDF1F6;background:#fff}.trust-inner{min-height:76px;display:flex;align-items:center;justify-content:center;gap:26px;color:#647287;font-size:13px;font-weight:700}.trust-sep{width:5px;height:5px;border-radius:50%;background:var(--gold)}

.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-head h2,.about-copy h2,.why-copy h2,.faq-intro h2,.contact-head h2{font-size:clamp(30px,3.2vw,46px);line-height:1.42;letter-spacing:-1.5px;margin:0;color:#142441}.section-head>div{max-width:720px}.section-head>p{max-width:430px;color:var(--muted);margin:0;font-size:14px}.section-kicker{margin-bottom:9px}.section-kicker:before{content:"";width:24px;height:3px;border-radius:99px;background:var(--gold)}
.section-services{background:#fff}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;min-height:270px;transition:.28s;overflow:hidden}.service-card:after{content:"";position:absolute;width:90px;height:90px;left:-32px;top:-38px;border-radius:50%;background:rgba(28,79,182,.05);transition:.28s}.service-card:hover{transform:translateY(-6px);border-color:#CAD7EC;box-shadow:var(--shadow-sm)}.service-card:hover:after{transform:scale(1.4)}.card-icon{width:50px;height:50px;border-radius:16px;background:#EEF4FF;color:var(--blue);display:grid;place-items:center;margin-bottom:22px}.card-icon svg{width:25px;height:25px}.service-card h3{font-size:17px;margin:0 0 8px}.service-card p{font-size:13px;color:#6C7889;margin:0 0 24px;line-height:2}.card-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:13px;font-weight:900}.card-link svg{transition:.2s}.service-card:hover .card-link svg{transform:translateX(-4px)}

.about{background:linear-gradient(180deg,#F8FAFD 0%,#F4F7FB 100%)}
.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.about-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.about-logo-card{width:min(100%,450px);height:410px;background:#fff;border:1px solid #E8EDF4;border-radius:38px;box-shadow:var(--shadow);padding:34px;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-logo-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(28,79,182,.06);z-index:-1}.about-logo-card img{width:340px;max-height:310px;object-fit:cover;object-position:50% 53%;border-radius:24px}.about-floating{position:absolute;background:#fff;border:1px solid #E5EAF2;border-radius:16px;padding:11px 14px;box-shadow:0 14px 32px rgba(13,47,122,.1);font-size:11px;font-weight:800;display:flex;align-items:center;gap:8px;color:#42516A}.about-floating svg{color:var(--blue)}.about-floating.one{right:-5px;top:72px}.about-floating.two{left:2px;bottom:72px}
.about-copy>p{color:#647287;font-size:15px;margin:15px 0}.about-list{margin-top:28px;display:grid;gap:14px}.about-list>div{display:flex;gap:12px;align-items:flex-start}.about-list>div>span{width:30px;height:30px;border-radius:10px;background:#EAF2FF;color:var(--blue);display:grid;place-items:center;flex:none;margin-top:3px}.about-list p{margin:0}.about-list strong{display:block;font-size:14px}.about-list small{display:block;color:#8490A1;font-size:12px;margin-top:1px}

.shop{background:#fff}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;transition:.28s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:#D6DFED}.product-art{height:210px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-art:before,.product-art:after{content:"";position:absolute;border-radius:50%}.product-art:before{width:150px;height:150px;background:rgba(255,255,255,.16);top:-54px;right:-40px}.product-art:after{width:100px;height:100px;border:20px solid rgba(255,255,255,.10);bottom:-30px;left:-18px}.product-art svg{width:74px;height:74px;stroke-width:1.25;position:relative;z-index:2}.product-art>span{position:absolute;bottom:14px;right:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);padding:5px 9px;border-radius:10px;font-size:10px;font-weight:900;color:#273A58;z-index:3}.fingerprint-art{background:linear-gradient(135deg,#DCE9FF,#B8D0FF);color:#174EA6}.scanner-art{background:linear-gradient(135deg,#E8EDF4,#CFD8E6);color:#45566F}.token-art{background:linear-gradient(135deg,#F8EFD9,#E7C986);color:#9B7025}.printer-art{background:linear-gradient(135deg,#DCE8FB,#C1D6F9);color:#214B92}.product-body{padding:20px}.product-tag{display:inline-block;background:#F1F5FB;color:#61718A;border-radius:99px;padding:4px 9px;font-size:9px;font-weight:900}.product-body h3{font-size:16px;margin:8px 0 5px}.product-body p{color:#768296;font-size:11px;min-height:46px;margin:0 0 16px}.btn-product{width:100%;background:#F4F7FC;color:var(--navy);font-size:11px;padding:10px 8px;border:1px solid #E4EAF3}.btn-product:hover{background:var(--navy);color:#fff}

.why{background:linear-gradient(145deg,#0B2868 0%,#0D2F7A 42%,#173E8F 100%);color:#fff;position:relative;overflow:hidden}.why:after{content:"";position:absolute;width:480px;height:480px;border:90px solid rgba(255,255,255,.035);border-radius:50%;left:-180px;bottom:-240px}.why-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;position:relative;z-index:2}.section-kicker.gold{color:#F1D69F}.why-copy h2{color:#fff}.why-copy>p{color:rgba(255,255,255,.66);font-size:14px;margin:16px 0 26px}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.why-card{position:relative;min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.075);backdrop-filter:blur(8px);border-radius:24px}.why-card>span{position:absolute;left:18px;top:14px;font-size:11px;color:rgba(255,255,255,.35);font-weight:900}.why-card svg{width:27px;height:27px;color:#F1D394;margin-bottom:30px}.why-card h3{font-size:16px;margin:0 0 6px}.why-card p{font-size:11px;color:rgba(255,255,255,.62);margin:0}

.faq{background:#F8FAFD}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px;align-items:start}.faq-intro{position:sticky;top:120px}.faq-intro p{font-size:14px;color:var(--muted)}.text-phone{margin-top:24px;display:flex;align-items:center;gap:12px}.text-phone>svg{width:42px;height:42px;padding:10px;border-radius:14px;background:#EAF1FF;color:var(--blue)}.text-phone small{display:block;font-size:10px;color:#8792A4}.text-phone span{font-weight:900;color:var(--navy)}.accordion{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:right;background:#fff;border:0;padding:19px 20px;font-weight:800;cursor:pointer}.faq-question svg{flex:none;transition:.25s;color:var(--blue)}.faq-item.open .faq-question svg{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.faq-answer>p{overflow:hidden;margin:0;padding:0 20px;color:#6D7888;font-size:12px;line-height:2}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-item.open .faq-answer>p{padding-bottom:18px}

.blog{background:#fff}.all-posts{display:inline-flex;gap:7px;align-items:center;color:var(--blue);font-size:12px;font-weight:900}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;transition:.28s}.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}.post-cover{height:210px;position:relative;display:grid;place-items:center;overflow:hidden}.post-cover:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;border:42px solid rgba(255,255,255,.16);right:-70px;top:-85px}.post-cover svg{width:62px;height:62px;stroke-width:1.3}.post-cover span{position:absolute;bottom:14px;right:14px;background:rgba(255,255,255,.88);padding:5px 9px;border-radius:10px;font-size:9px;font-weight:900}.cover-1{background:linear-gradient(135deg,#DDE8FB,#BCCFF0);color:#1A4B9B}.cover-2{background:linear-gradient(135deg,#F4E8CF,#E2C183);color:#92671C}.cover-3{background:linear-gradient(135deg,#DDE7F4,#C6D4E5);color:#415A78}.post-body{padding:20px}.post-meta{display:flex;justify-content:space-between;color:#919BAB;font-size:9px}.post-body h3{font-size:15px;line-height:1.9;margin:9px 0 18px;min-height:58px}.post-body>a{display:inline-flex;gap:5px;align-items:center;color:var(--blue);font-size:11px;font-weight:900}

.contact{background:linear-gradient(180deg,#F8FAFD,#F4F7FB)}.contact-head{text-align:center;max-width:760px;margin:0 auto 40px}.contact-head p{color:#738095;font-size:14px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social-card{position:relative;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:20px;border-radius:22px;text-align:right;cursor:pointer;transition:.25s;overflow:hidden}.social-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;left:-38px;bottom:-42px;background:rgba(28,79,182,.05)}.social-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.social-card .social-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;flex:none}.social-icon svg{width:25px;height:25px}.social-card small{display:block;color:#8C97A8;font-size:10px}.social-card strong{display:block;font-size:15px;color:#263B5C}.social-card p{margin:0;color:#8A95A5;font-size:10px}.social-arrow{margin-right:auto;color:#9AA5B4}.whatsapp .social-icon{background:#E9F8F1;color:#1D9D6B}.phone .social-icon{background:#EAF1FF;color:var(--blue)}.telegram .social-icon{background:#EAF6FF;color:#229ED9}.telegram{width:100%;font:inherit;color:inherit}

.cta-strip{padding:0 0 90px;background:linear-gradient(180deg,#F4F7FB 0%,#fff 100%)}.cta-inner{background:linear-gradient(135deg,#0D2F7A,#1C4FB6);border-radius:30px;color:#fff;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 28px 60px rgba(13,47,122,.2)}.cta-inner small{color:rgba(255,255,255,.6);font-size:11px}.cta-inner h2{font-size:25px;margin:5px 0 0}

.site-footer{background:#071C4B;color:#fff;padding:72px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr .75fr .75fr 1fr;gap:50px}.footer-brand img{width:145px;height:74px;object-fit:cover;object-position:50% 74%;background:#fff;border-radius:14px;margin-bottom:16px}.footer-brand p{color:rgba(255,255,255,.55);font-size:12px;max-width:360px}.footer-col,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-col h3,.footer-contact h3{font-size:13px;margin:0 0 8px}.footer-col a,.footer-contact a{color:rgba(255,255,255,.62);font-size:11px;display:inline-flex;align-items:center;gap:7px}.footer-col a:hover,.footer-contact a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);margin-top:42px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.45);font-size:10px}.footer-bottom a{display:flex;gap:6px;align-items:center}

.mobile-sticky-call{display:none;position:fixed;bottom:14px;right:14px;left:14px;z-index:999}.mobile-sticky-call a{height:54px;border-radius:17px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;box-shadow:0 18px 42px rgba(13,47,122,.28);border:1px solid rgba(255,255,255,.2)}
.toast{position:fixed;left:50%;bottom:30px;z-index:2000;transform:translate(-50%,20px);background:#152541;color:#fff;padding:12px 16px;border-radius:12px;font-size:11px;box-shadow:0 16px 40px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}

@media (max-width:1050px){
  .desktop-nav{gap:18px}.nav-call{display:none}.hero-grid{gap:30px}.service-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-contact{grid-column:2/4}
}
@media (max-width:860px){
  .desktop-nav{display:none}.menu-toggle{display:block;margin-right:auto}.brand{margin-left:0}.nav-wrap{height:72px}.brand img{width:112px;height:52px}.section{padding:80px 0}.section-pad{padding:56px 0 70px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{text-align:center}.hero-copy .eyebrow{margin-inline:auto}.hero h1{max-width:760px;margin-inline:auto}.hero-lead{margin-inline:auto}.hero-actions,.hero-points{justify-content:center}.hero-visual{min-height:500px}.main-panel{max-width:520px}.about-grid,.why-wrap,.faq-grid{grid-template-columns:1fr}.about-grid{gap:30px}.about-visual{order:2}.why-wrap{gap:35px}.faq-intro{position:static}.social-grid{grid-template-columns:1fr}.section-head{align-items:start}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-contact{grid-column:auto}.mobile-sticky-call{display:none}.site-footer{padding-bottom:24px}
}
@media (max-width:620px){
  .container{width:min(100% - 28px,var(--container))}.section{padding:68px 0}.hero{padding-top:34px}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero-lead{font-size:15px}.hero-actions .btn{width:100%}.hero-points{gap:10px}.hero-points span{font-size:11px}.hero-visual{min-height:420px}.main-panel{padding:17px;border-radius:26px}.panel-head strong{font-size:13px}.support-card{padding:15px}.mini-card{min-height:100px;padding:12px 10px}.float-call{right:-2px;bottom:22px}.float-secure{left:0;top:36px}.trust-inner{gap:10px;flex-wrap:wrap;padding:15px 0;font-size:10px}.trust-sep{display:none}.section-head{display:block}.section-head>p{margin-top:12px}.section-head h2,.about-copy h2,.why-copy h2,.faq-intro h2,.contact-head h2{font-size:31px}.service-grid,.product-grid,.blog-grid,.why-grid{grid-template-columns:1fr}.service-card{min-height:auto}.about-visual{min-height:390px}.about-logo-card{height:330px;border-radius:28px}.about-logo-card img{width:270px}.about-floating{font-size:9px}.about-floating.one{right:0;top:45px}.about-floating.two{left:0;bottom:45px}.product-art{height:190px}.why-card{min-height:190px}.cta-inner{padding:26px 22px;display:block;text-align:center}.cta-inner h2{font-size:21px;margin-bottom:18px}.cta-inner .btn{width:100%}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-brand{grid-column:auto}.footer-contact{grid-column:auto}.footer-bottom{display:block;text-align:center}.footer-bottom a{justify-content:center;margin-top:8px}.social-card{padding:16px}.toast{bottom:82px;width:calc(100% - 32px);text-align:center}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.service-card,.product-card,.post-card,.social-card{transition:none}}

/* === v2 motion + mobile header refinements === */
.desktop-nav a{font-weight:850;letter-spacing:-.15px}.mobile-menu-inner>a:not(.btn){font-weight:850}
.mobile-call-btn{display:none;width:42px;height:42px;border-radius:13px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 10px 25px rgba(13,47,122,.2);transition:.2s}.mobile-call-btn:active{transform:scale(.94)}

.hero{isolation:isolate}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(13,47,122,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(13,47,122,.028) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,#000,transparent 78%);z-index:-2}
.hero-glow{animation:glowDrift 9s ease-in-out infinite alternate}.hero-glow-2{animation-delay:-3.5s}
.hero-visual{perspective:1100px;transform-style:preserve-3d}.main-panel{transform:translate3d(var(--px,0),var(--py,0),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out;animation:panelFloat 6s ease-in-out infinite;will-change:transform}
.hero-panel{overflow:hidden}.panel-live-line{position:absolute;height:1px;width:44%;top:0;left:-48%;background:linear-gradient(90deg,transparent,rgba(215,176,106,.95),transparent);box-shadow:0 0 18px rgba(215,176,106,.55);animation:liveScan 4.5s linear infinite;z-index:5}
.status-pill span{animation:statusPulse 1.55s ease-out infinite}
.float-call{animation:bob 4.4s ease-in-out infinite}.float-secure{animation:bob 5.2s ease-in-out infinite reverse}
.hero-orbit{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.orbit-one{width:420px;height:420px;border:1px solid rgba(28,79,182,.12);right:5%;top:5%;animation:orbitSpin 24s linear infinite}.orbit-one:before,.orbit-two:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 8px rgba(215,176,106,.12);top:12%;left:18%}.orbit-two{width:290px;height:290px;border:1px dashed rgba(13,47,122,.12);right:17%;top:17%;animation:orbitSpin 18s linear infinite reverse}.orbit-two:before{background:var(--blue);box-shadow:0 0 0 7px rgba(28,79,182,.10);top:65%;left:4%}
.hero-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(28,79,182,.24);box-shadow:0 0 0 7px rgba(28,79,182,.05);animation:particleFloat 5.8s ease-in-out infinite;pointer-events:none}.hero-particle.p1{right:4%;top:20%}.hero-particle.p2{left:7%;top:29%;width:6px;height:6px;animation-delay:-1.4s}.hero-particle.p3{right:18%;bottom:8%;background:rgba(215,176,106,.5);animation-delay:-2.8s}.hero-particle.p4{left:18%;bottom:18%;width:5px;height:5px;animation-delay:-4s}
.mini-card{position:relative;overflow:hidden}.mini-card:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.65) 47%,transparent 64%);transform:translateX(-130%);animation:miniShine 6s ease-in-out infinite}.mini-card:nth-child(2):after{animation-delay:1.2s}.mini-card:nth-child(3):after{animation-delay:2.4s}

[data-spotlight]{position:relative;overflow:hidden;isolation:isolate}[data-spotlight]:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(28,79,182,.085),transparent 60%);opacity:0;transition:opacity .25s}[data-spotlight]:hover:before{opacity:1}
.service-card,.product-card,.post-card,.social-card,.why-card{will-change:transform}.service-card:hover,.product-card:hover,.post-card:hover,.social-card:hover{transform:translateY(-7px)}.why-card{transition:transform .28s,border-color .28s,background .28s}.why-card:hover{transform:translateY(-6px);border-color:rgba(215,176,106,.32);background:rgba(255,255,255,.105)}
.card-icon{transition:transform .3s ease,box-shadow .3s}.service-card:hover .card-icon{transform:translateY(-3px) rotate(-4deg) scale(1.05);box-shadow:0 12px 24px rgba(28,79,182,.12)}
.product-art svg,.post-cover svg{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-art svg,.post-card:hover .post-cover svg{transform:scale(1.08) rotate(-5deg)}
.reveal{transition-delay:var(--delay,0ms)}

@keyframes glowDrift{to{transform:translate3d(30px,-18px,0) scale(1.08)}}
@keyframes panelFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes statusPulse{0%{box-shadow:0 0 0 0 rgba(19,163,111,.4)}70%{box-shadow:0 0 0 8px rgba(19,163,111,0)}100%{box-shadow:0 0 0 0 rgba(19,163,111,0)}}
@keyframes liveScan{0%{left:-48%}60%,100%{left:108%}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes particleFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-14px)}}
@keyframes miniShine{0%,64%{transform:translateX(-140%)}82%,100%{transform:translateX(140%)}}

@media (max-width:860px){
  .mobile-call-btn{display:flex;margin-right:auto}.menu-toggle{margin-right:0;margin-left:0}.nav-wrap{gap:8px}.mobile-sticky-call{display:none!important}.site-footer{padding-bottom:24px}
  .orbit-one{width:350px;height:350px;right:3%}.orbit-two{width:240px;height:240px;right:18%}
}
@media (max-width:620px){
  .mobile-call-btn{width:40px;height:40px}.brand{margin-left:0}.hero-visual{min-height:440px}.orbit-one{width:310px;height:310px;right:-4%;top:9%}.orbit-two{width:220px;height:220px;right:17%;top:22%}.float-call{bottom:14px}.float-secure{top:24px}
  .toast{bottom:24px}
}
@media (prefers-reduced-motion:reduce){.hero-glow,.main-panel,.float-call,.float-secure,.orbit-one,.orbit-two,.hero-particle,.panel-live-line,.mini-card:after{animation:none!important}}

/* === v3 catalog, blog pages, new brand lockup & desktop typography === */
.brand img{width:176px;height:58px;object-fit:contain;object-position:center;border-radius:0}
.about-logo-card img{width:min(100%,390px);max-height:280px;object-fit:contain;object-position:center;border-radius:0}
.footer-brand img{width:190px;height:72px;object-fit:contain;object-position:center;background:#fff;border-radius:14px;padding:7px 10px;margin-bottom:16px}
.btn-outline{background:#fff;color:var(--navy);border:1px solid #D9E2F0;box-shadow:0 8px 22px rgba(13,47,122,.06)}
.btn-outline:hover{border-color:#B7C8E2;box-shadow:0 12px 30px rgba(13,47,122,.1)}
.section-more{display:flex;justify-content:center;margin-top:30px}.section-all-products{min-width:180px}
.footer-owner{margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.62);font-size:12px;max-width:360px}.footer-owner strong{color:#F0D49A;font-weight:850}
.tag-row{display:flex;gap:6px;flex-wrap:wrap;min-height:26px}.blog-tags{margin:0 0 16px}.post-excerpt{color:#738095;font-size:13px;line-height:1.9;margin:0 0 14px;min-height:50px}

@media (min-width:861px){
  .desktop-nav a{font-size:15px;font-weight:900}
  .panel-head small,.support-card small,.support-card p,.mini-card,.float-call small,.float-secure{font-size:12.5px}
  .service-card p{font-size:14px}.service-card h3{font-size:18px}.card-link{font-size:14px}
  .about-floating{font-size:12px}.about-list small{font-size:13px}
  .product-tag{font-size:11px}.product-body h3{font-size:17px}.product-body p{font-size:13px}.btn-product{font-size:13px}
  .why-copy>p{font-size:15px}.why-card h3{font-size:17px}.why-card p{font-size:13px}.why-card>span{font-size:12px}
  .faq-intro p{font-size:15px}.text-phone small{font-size:12px}.faq-question{font-size:15px}.faq-answer>p{font-size:14px}
  .all-posts{font-size:14px}.post-cover span{font-size:11px}.post-meta{font-size:11px}.post-body h3{font-size:17px}.post-body>a{font-size:13px}
  .social-card small{font-size:12px}.social-card strong{font-size:16px}.social-card p{font-size:12px}
  .footer-brand p{font-size:13px}.footer-col h3,.footer-contact h3{font-size:14px}.footer-col a,.footer-contact a{font-size:13px}.footer-bottom{font-size:12px}
}

.inner-page{background:#F7F9FC}
.inner-page .site-header{background:rgba(255,255,255,.94)}
.page-hero{position:relative;overflow:hidden;padding:72px 0 76px;background:linear-gradient(145deg,#F9FBFF,#EEF4FF);border-bottom:1px solid #E3EAF4}
.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(13,47,122,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(13,47,122,.026) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,#000,transparent)}
.page-hero-inner{position:relative;z-index:2;max-width:900px;margin-inline:auto;text-align:center}
.page-hero .breadcrumb{display:inline-flex;align-items:center;gap:6px;color:#718099;font-size:13px;font-weight:700;margin-bottom:16px}.page-hero .breadcrumb:hover{color:var(--blue)}
.page-hero .section-kicker{justify-content:center;margin-bottom:10px}.page-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.35;letter-spacing:-2px;margin:0;color:#10254D;font-weight:900}.page-hero p{max-width:760px;margin:14px auto 0;color:#68768B;font-size:16px;line-height:2}
.page-hero-orb{position:absolute;border-radius:50%;pointer-events:none}.page-hero-orb.orb-a{width:280px;height:280px;border:54px solid rgba(28,79,182,.055);right:-90px;top:-110px}.page-hero-orb.orb-b{width:190px;height:190px;border:36px solid rgba(215,176,106,.09);left:8%;bottom:-100px}
.page-hero-blog{background:linear-gradient(145deg,#FBFCFF,#F5F0E7)}

.catalog-section{padding:58px 0 100px;background:#fff;min-height:560px}.catalog-toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:20px}.search-box{height:54px;flex:1;max-width:600px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#F8FAFD;border:1px solid #DDE5F0;border-radius:17px;transition:.22s}.search-box:focus-within{background:#fff;border-color:#AFC3E5;box-shadow:0 0 0 4px rgba(28,79,182,.07)}.search-box svg{color:#7A879A;flex:none}.search-box input{border:0;outline:0;background:transparent;width:100%;color:#1D2C46;font-size:14px}.search-box input::placeholder{color:#9AA4B2}.catalog-count{font-size:13px;font-weight:800;color:#66758B;white-space:nowrap}
.filter-wrap{background:#F8FAFD;border:1px solid #E8EDF4;border-radius:20px;padding:15px 16px;margin-bottom:28px}.filter-title{display:flex;align-items:center;gap:7px;color:#6A788C;font-size:12px;font-weight:800;margin-bottom:10px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid #DDE5EF;background:#fff;color:#56657A;padding:8px 13px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:800;transition:.2s}.filter-chip:hover{border-color:#B7C8E2;color:var(--navy)}.filter-chip.active{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(28,79,182,.18)}
.catalog-grid{grid-template-columns:repeat(4,1fr)}.catalog-card{animation:catalogIn .45s both;animation-delay:var(--delay,0ms)}
.empty-state{text-align:center;padding:90px 20px;border:1px dashed #D8E1ED;border-radius:26px;background:#FBFCFE}.empty-state>span,.not-found-page>div>span{width:64px;height:64px;border-radius:20px;background:#EAF1FF;color:var(--blue);display:grid;place-items:center;margin:0 auto 16px}.empty-state>span svg,.not-found-page>div>span svg{width:28px;height:28px}.empty-state h2{margin:0 0 6px;font-size:22px}.empty-state p{margin:0 0 20px;color:#7B8798;font-size:14px}
.catalog-blog-grid{grid-template-columns:repeat(3,1fr)}.catalog-blog-grid .post-body h3{min-height:auto}.catalog-blog-grid .post-card{display:flex;flex-direction:column}.catalog-blog-grid .post-body{display:flex;flex-direction:column;flex:1}.catalog-blog-grid .post-body>a{margin-top:auto}
@keyframes catalogIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.article-head{padding:66px 0 54px;background:linear-gradient(145deg,#F8FBFF,#F1F5FB);border-bottom:1px solid #E4EAF2}.article-head-inner{max-width:940px}.article-breadcrumbs{display:flex;align-items:center;gap:7px;color:#7D899A;font-size:12px;font-weight:700;margin-bottom:22px}.article-breadcrumbs a:hover{color:var(--blue)}.article-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.article-tags a{font-size:11px;font-weight:900;background:#EAF1FF;color:#2557B5;border-radius:999px;padding:6px 10px}.article-head h1{font-size:clamp(34px,4.7vw,58px);line-height:1.55;letter-spacing:-1.8px;margin:0;color:#132746;max-width:1000px}.article-excerpt{max-width:850px;color:#69778B;font-size:16px;margin:15px 0 20px}.article-meta{display:flex;gap:16px;flex-wrap:wrap;color:#8490A0;font-size:12px;font-weight:700}.article-meta span{display:inline-flex;align-items:center;gap:6px}.article-meta svg{color:var(--blue)}
.article-section{padding:54px 0 100px;background:#fff}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.article-card{border:1px solid #E4EAF2;border-radius:28px;background:#fff;overflow:hidden;box-shadow:0 18px 50px rgba(13,47,122,.055)}.article-cover{height:360px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.article-cover:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:70px solid rgba(255,255,255,.16);right:-100px;top:-150px}.article-cover svg{width:104px;height:104px;stroke-width:1.15;position:relative;z-index:2}.article-cover>span{position:absolute;right:26px;bottom:22px;background:rgba(255,255,255,.9);padding:7px 12px;border-radius:12px;font-weight:900;font-size:12px;color:#2E405E}.article-content{padding:42px 48px;color:#384A63;font-size:16px;line-height:2.25}.article-content p{margin:0 0 22px}.article-content h2{font-size:25px;line-height:1.7;color:#17345F;margin:34px 0 10px;position:relative}.article-content h2:before{content:"";display:inline-block;width:18px;height:4px;border-radius:10px;background:var(--gold);margin-left:8px;vertical-align:middle}.article-content ul{margin:0 0 24px;padding:0 22px 0 0}.article-content li{margin-bottom:8px}.article-cta{margin:0 38px 38px;padding:24px;background:linear-gradient(135deg,#EDF4FF,#F9FBFF);border:1px solid #DCE7F8;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.article-cta small{display:block;color:#76859A;font-size:11px}.article-cta strong{display:block;color:#163465;font-size:18px;margin-top:2px}
.article-aside{position:sticky;top:108px;display:grid;gap:16px}.aside-card{border:1px solid #E3E9F2;border-radius:22px;padding:22px;background:#FAFCFF}.aside-icon{width:48px;height:48px;border-radius:15px;background:#EAF1FF;color:var(--blue);display:grid;place-items:center;margin-bottom:14px}.aside-card h2{font-size:18px;margin:0 0 6px}.aside-card p{font-size:13px;color:#748195;margin:0 0 16px}.aside-card .btn{width:100%;font-size:12px}.aside-card.compact{background:#fff}.aside-card.compact>strong{display:block;margin-bottom:12px;font-size:14px;color:#263A5A}.related-post{position:relative;display:block;padding:12px 0;border-top:1px solid #EDF1F6}.related-post:first-child{border-top:0}.related-post span{font-size:9px;color:#8894A4}.related-post strong{display:block;font-size:12px;line-height:1.8;padding-left:22px}.related-post svg{position:absolute;left:0;bottom:15px;color:var(--blue)}
.not-found-page{padding:120px 0;background:#fff;text-align:center}.not-found-page h1{font-size:34px;margin:0 0 6px}.not-found-page p{color:#7B8798;margin:0 0 22px}

@media (max-width:1050px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:minmax(0,1fr) 260px}.article-content{padding:36px}.article-cover{height:310px}}
@media (max-width:860px){
  .brand img{width:148px;height:48px}.page-hero{padding:54px 0 58px}.page-hero p{font-size:15px}.catalog-section{padding:40px 0 80px}.catalog-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none;width:100%}.catalog-count{padding:0 4px}.article-layout{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:1fr 1fr}.article-head{padding:48px 0 42px}.article-section{padding:38px 0 80px}.article-cover{height:280px}.article-cta{margin:0 26px 30px}.footer-brand img{width:190px}
}
@media (max-width:620px){
  .brand img{width:132px;height:42px}.page-hero h1{font-size:35px}.page-hero{padding:42px 0 48px}.page-hero p{font-size:14px}.filter-wrap{padding:13px}.filter-chip{font-size:11px;padding:7px 11px}.catalog-grid,.catalog-blog-grid{grid-template-columns:1fr}.catalog-section{padding:32px 0 68px}.catalog-count{font-size:12px}.search-box{height:50px}.article-head h1{font-size:32px}.article-excerpt{font-size:14px}.article-meta{gap:10px}.article-cover{height:220px}.article-cover svg{width:72px;height:72px}.article-content{padding:26px 20px;font-size:15px}.article-content h2{font-size:21px}.article-cta{margin:0 16px 20px;display:block;text-align:center}.article-cta .btn{width:100%;margin-top:14px}.article-aside{grid-template-columns:1fr}.footer-owner{font-size:11px}
}

/* ===== V4: global search, document bank and smart assistant navigation ===== */
.nav-wrap{gap:16px}
.desktop-nav{gap:18px;min-width:0}
.desktop-nav>a,.nav-drop-trigger{font-size:14px;font-weight:900}
.nav-regular{white-space:nowrap}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-drop-trigger{border:0;background:transparent;color:#35445E;display:inline-flex;align-items:center;gap:5px;padding:12px 2px;cursor:pointer;font-family:inherit;white-space:nowrap}
.nav-drop-trigger>svg,.assistant-trigger>svg{width:14px;height:14px;transition:.2s}
.nav-dropdown.open .nav-drop-trigger>svg,.nav-dropdown:hover .nav-drop-trigger>svg,.nav-dropdown.open .assistant-trigger>svg,.nav-dropdown:hover .assistant-trigger>svg{transform:rotate(180deg)}
.nav-drop-trigger:hover{color:var(--navy)}
.nav-drop-panel{position:absolute;top:calc(100% + 16px);right:50%;transform:translate(50%,10px);width:620px;background:rgba(255,255,255,.985);border:1px solid rgba(216,225,239,.95);border-radius:24px;box-shadow:0 26px 70px rgba(18,39,77,.16);padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease;z-index:1200}
.nav-dropdown:hover>.nav-drop-panel,.nav-dropdown.open>.nav-drop-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(50%,0)}
.nav-drop-panel:before{content:"";position:absolute;top:-8px;right:50%;width:16px;height:16px;background:#fff;border-right:1px solid #D8E1EF;border-top:1px solid #D8E1EF;transform:translateX(50%) rotate(-45deg)}
.nav-drop-heading{display:flex;align-items:center;gap:11px;padding:6px 6px 14px;border-bottom:1px solid #EDF1F6;margin-bottom:12px}
.nav-drop-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#EAF1FF;color:var(--blue)}
.nav-drop-heading strong{display:block;font-size:15px;color:#19345F}.nav-drop-heading small{display:block;font-size:11px;color:#8A96A6;margin-top:2px}
.nav-drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.nav-drop-grid>a{display:grid;grid-template-columns:38px 1fr 18px;gap:9px;align-items:center;padding:10px;border-radius:14px;color:#30415D;transition:.18s}
.nav-drop-grid>a:hover{background:#F4F7FC;color:var(--navy);transform:translateY(-1px)}
.nav-drop-grid>a>span{width:38px;height:38px;border-radius:11px;background:#F2F6FC;color:#3460B1;display:grid;place-items:center}.nav-drop-grid>a>span svg{width:18px}
.nav-drop-grid>a>svg{width:15px;color:#91A0B4}.nav-drop-grid strong{display:block;font-size:12px;line-height:1.6}.nav-drop-grid small{display:block;font-size:9px;color:#8A96A6;margin-top:1px}
.nav-drop-all{margin-top:11px;padding:10px 12px 2px;display:flex;align-items:center;justify-content:flex-end;gap:6px;color:var(--blue);font-size:11px!important;font-weight:900!important}.nav-drop-all svg{width:14px}

.assistant-trigger{position:relative;border:0;background:linear-gradient(135deg,#102F70,#315FC5);color:#fff;display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:13px;font-family:inherit;font-weight:900;font-size:12px;cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px rgba(28,79,182,.19);overflow:hidden}
.assistant-trigger:before{content:"";position:absolute;inset:-1px;background:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.22) 44%,transparent 60%);transform:translateX(140%);animation:aiNavShine 4.5s ease-in-out infinite}
.assistant-trigger>*{position:relative;z-index:1}.assistant-trigger b{font-size:8px;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.17);font-weight:800}.assistant-spark{color:#FFD78C;font-size:14px;animation:aiSpark 2s ease-in-out infinite}
.nav-drop-panel-ai{width:720px;padding:20px;background:linear-gradient(160deg,rgba(255,255,255,.99),rgba(247,249,255,.99))}
.ai-menu-head{display:flex;gap:12px;align-items:center;padding:4px 4px 16px}.ai-orb{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0D2F7A,#496FD0);box-shadow:0 10px 25px rgba(28,79,182,.22);position:relative}.ai-orb:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(49,95,197,.18);border-radius:20px;animation:aiPulse 2.8s ease-in-out infinite}.ai-menu-head small{display:block;color:#78869B;font-size:10px}.ai-menu-head strong{display:block;color:#19345F;font-size:15px;margin-top:2px}
.ai-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ai-menu-grid>a{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;padding:11px;border:1px solid transparent;border-radius:15px;transition:.18s}.ai-menu-grid>a:hover{background:#fff;border-color:#DCE6F5;box-shadow:0 8px 22px rgba(13,47,122,.06);transform:translateY(-1px)}
.ai-menu-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#315FC5;background:linear-gradient(135deg,#EEF3FF,#F8FAFF)}.ai-menu-grid strong{display:block;font-size:12px;color:#263D61}.ai-menu-grid small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:9px;color:#8A96A6;margin-top:2px;line-height:1.8}
.ai-menu-all{margin-top:12px;border-radius:14px;background:#EEF3FF;color:#214B9E!important;padding:11px 13px!important;display:flex;align-items:center;justify-content:space-between;font-size:11px!important;font-weight:900!important}.ai-menu-all span{display:flex;align-items:center;gap:7px}.ai-menu-all svg{width:15px}
@keyframes aiNavShine{0%,55%{transform:translateX(140%)}75%,100%{transform:translateX(-140%)}}
@keyframes aiSpark{0%,100%{transform:rotate(-8deg) scale(.94);opacity:.72}50%{transform:rotate(9deg) scale(1.15);opacity:1}}
@keyframes aiPulse{0%,100%{transform:scale(.96);opacity:.25}50%{transform:scale(1.06);opacity:.7}}

.header-search-btn{width:40px;height:40px;border:1px solid #DCE4EF;background:#fff;color:#294367;border-radius:13px;display:grid;place-items:center;cursor:pointer;transition:.22s;opacity:0;visibility:hidden;transform:translateY(-5px) scale(.9);flex:none}
.header-search-btn.visible,.inner-page .header-search-btn{opacity:1;visibility:visible;transform:none}.header-search-btn:hover{border-color:#B9C9E0;color:var(--blue);box-shadow:0 8px 18px rgba(13,47,122,.08)}.header-search-btn svg{width:19px}

.hero-global-search{max-width:690px;margin:4px 0 20px;position:relative;z-index:30}
.hero-search-shell{position:relative;height:64px;display:flex;align-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(194,207,227,.9);box-shadow:0 15px 40px rgba(13,47,122,.10);border-radius:20px;padding:6px 7px 6px 14px;transition:.22s;backdrop-filter:blur(12px)}
.hero-search-shell:focus-within{border-color:#9EB6DB;box-shadow:0 17px 45px rgba(13,47,122,.14),0 0 0 4px rgba(28,79,182,.05);transform:translateY(-1px)}
.hero-search-icon{width:42px;display:grid;place-items:center;color:#6E7E95}.hero-search-icon svg{width:21px}.hero-search-shell input{height:100%;flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:13px;font-weight:650;color:#1E3150;padding:0 4px}.hero-search-shell input::placeholder{color:#9AA5B3;font-weight:500}
.hero-search-submit{height:50px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;padding:0 18px;display:flex;align-items:center;gap:7px;font-family:inherit;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 9px 22px rgba(28,79,182,.18)}.hero-search-submit svg{width:15px}
.hero-search-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 4px 0;color:#8491A3;font-size:10px}.hero-search-shortcut{display:flex;align-items:center;gap:4px;white-space:nowrap}.hero-search-shortcut kbd{font-family:inherit;border:1px solid #DCE4EF;background:#fff;border-bottom-width:2px;border-radius:6px;padding:1px 5px;color:#607087}
.hero-search-suggestions{position:absolute;top:calc(100% + 8px);right:0;left:0;background:rgba(255,255,255,.985);border:1px solid #DDE6F2;border-radius:18px;padding:8px;box-shadow:0 24px 55px rgba(13,47,122,.16);z-index:40;max-height:360px;overflow:auto;text-align:right}.hero-search-suggestions>a{display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:9px;padding:9px;border-radius:12px;transition:.18s}.hero-search-suggestions>a:hover{background:#F3F7FC}.hero-search-suggestions>a>span{width:38px;height:38px;border-radius:11px;background:#EDF3FF;color:#315FC5;display:grid;place-items:center}.hero-search-suggestions>a>span svg{width:18px}.hero-search-suggestions small{display:block;font-size:9px;color:#8895A8}.hero-search-suggestions strong{display:block;font-size:12px;color:#293D5B}.hero-search-suggestions>a>svg{width:14px;color:#90A0B5}.hero-search-empty{display:flex;align-items:center;gap:8px;padding:14px;color:#77869A;font-size:11px}.hero-search-empty svg{width:18px}

.global-search-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding:9vh 18px 30px;opacity:0;visibility:hidden;transition:.2s}.global-search-overlay.open{opacity:1;visibility:visible}.global-search-backdrop{position:absolute;inset:0;background:rgba(11,24,48,.44);backdrop-filter:blur(7px)}.global-search-dialog{position:relative;width:min(760px,100%);max-height:82vh;overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:26px;padding:22px;box-shadow:0 35px 100px rgba(5,21,48,.3);transform:translateY(-12px) scale(.985);transition:.2s}.global-search-overlay.open .global-search-dialog{transform:none}.search-open{overflow:hidden}
.global-search-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.global-search-top small{display:block;font-size:10px;color:#7D8B9F}.global-search-top strong{font-size:19px;color:#19345F}.search-close-btn{width:38px;height:38px;border:1px solid #E1E7F0;background:#FAFBFD;border-radius:12px;color:#53657F;display:grid;place-items:center;cursor:pointer}.search-close-btn svg{width:18px}
.global-search-form{height:58px;border:1px solid #CCD9EA;background:#F9FBFE;border-radius:17px;display:flex;align-items:center;padding:5px 6px 5px 14px;gap:8px}.global-search-form>span{color:#7A899E;display:grid;place-items:center}.global-search-form input{border:0;outline:0;background:transparent;flex:1;min-width:0;font:inherit;font-size:13px;color:#263A59}.global-search-form button{height:46px;border:0;border-radius:13px;background:var(--navy);color:#fff;padding:0 18px;font-family:inherit;font-weight:900;cursor:pointer}
.global-search-hints{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 2px 15px;font-size:10px;color:#8491A3}.global-search-hints button{font-family:inherit;border:1px solid #E0E7F1;background:#fff;border-radius:999px;padding:5px 9px;color:#617086;cursor:pointer;font-size:9px}.global-search-hints button:hover{color:var(--blue);border-color:#C6D5EA}
.global-search-results{display:grid;gap:5px}.global-result{display:grid;grid-template-columns:44px 1fr 22px;gap:10px;align-items:center;padding:10px;border-radius:14px;transition:.18s}.global-result:hover{background:#F5F8FC}.global-result-icon{width:44px;height:44px;border-radius:13px;background:#EEF3FF;color:#315FC5;display:grid;place-items:center}.global-result-icon svg{width:19px}.global-result small{display:block;color:#8A96A7;font-size:9px}.global-result strong{display:block;color:#293D5C;font-size:13px}.global-result p{margin:2px 0 0;font-size:10px;color:#8793A4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-result>svg{width:15px;color:#9AA6B5}.search-welcome,.search-empty{text-align:center;padding:34px 15px;color:#78869A}.search-welcome svg,.search-empty svg{width:32px;height:32px;color:#456CBF;margin-bottom:8px}.search-welcome p,.search-empty p{font-size:11px;margin:4px 0}.search-empty strong{display:block;color:#314660}.search-all-results{margin-top:12px;border-radius:14px;background:#F0F5FF;color:#2954A7;padding:11px 13px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:900}.search-all-results svg{width:14px}

.mobile-submenu{border-top:1px solid #EDF1F6}.mobile-submenu summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:12px 6px;font-weight:900;color:#32425C;cursor:pointer}.mobile-submenu summary::-webkit-details-marker{display:none}.mobile-submenu summary>span{display:flex;align-items:center;gap:7px}.mobile-submenu summary>span>svg{width:17px;color:#315FC5}.mobile-submenu summary>svg{width:15px;transition:.2s}.mobile-submenu[open] summary>svg{transform:rotate(180deg)}.mobile-submenu>div{display:grid;gap:3px;padding:4px 6px 10px 14px}.mobile-submenu>div>a{display:flex!important;align-items:center;gap:8px;padding:9px 11px!important;border-radius:11px;background:#F7F9FC;font-size:11px!important}.mobile-submenu>div>a svg{width:15px;color:#456CBF}.mobile-submenu-all{color:#2453A9!important;font-weight:900!important}.mobile-ai summary{margin:8px 0 0;border-radius:13px;background:linear-gradient(135deg,#102F70,#315FC5);color:#fff!important;padding:11px 12px}.mobile-ai summary>span>svg{color:#fff}.mobile-ai summary em{font-style:normal;font-size:8px;padding:3px 6px;border-radius:999px;background:rgba(255,255,255,.16)}.mobile-ai-spark{color:#FFD78C}.mobile-direct-call{margin-top:8px!important}

/* Resource and AI hub pages */
.hub-section{padding:54px 0 100px;background:#fff}.hub-intro-row{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.hub-intro-row h2{font-size:30px;margin:0;color:#17345F}.hub-intro-row p{max-width:620px;margin:0;color:#718096;font-size:13px}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hub-card{position:relative;border:1px solid #E2E9F3;background:#fff;border-radius:23px;padding:22px;min-height:230px;overflow:hidden;transition:.25s;scroll-margin-top:110px}.hub-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(13,47,122,.08);border-color:#CBD8EB}.hub-card:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#F2F6FC;left:-46px;top:-54px}.hub-card-icon{position:relative;width:52px;height:52px;border-radius:16px;background:#EDF3FF;color:#315FC5;display:grid;place-items:center;margin-bottom:18px}.hub-card-icon svg{width:25px}.hub-card .product-tag{display:inline-flex;margin-bottom:8px}.hub-card h3{position:relative;margin:0 0 8px;color:#243A5D;font-size:17px}.hub-card p{position:relative;margin:0 0 18px;color:#718097;font-size:12px;line-height:2}.hub-card>a{position:relative;display:inline-flex;align-items:center;gap:6px;color:#2B59AE;font-size:11px;font-weight:900}.hub-card>a svg{width:14px}
.ai-hub-grid{grid-template-columns:repeat(2,1fr)}.ai-tool-card{min-height:250px;background:linear-gradient(145deg,#fff,#F9FBFF)}.ai-tool-card .hub-card-icon{background:linear-gradient(135deg,#102F70,#456BC6);color:#fff;box-shadow:0 10px 24px rgba(28,79,182,.17)}.ai-tool-state{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:900;color:#2B59AE;background:#EAF1FF;border-radius:999px;padding:5px 8px;margin-bottom:10px}.ai-tool-state span{width:6px;height:6px;border-radius:50%;background:#5B7ED0;box-shadow:0 0 0 4px rgba(91,126,208,.1)}
.search-page-section{padding:44px 0 100px;background:#fff}.search-page-form{max-width:850px;margin:0 auto 26px}.search-page-form .global-search-form{height:64px}.search-page-results{display:grid;gap:9px;max-width:900px;margin:0 auto}.search-page-results .global-result{border:1px solid #E7ECF3;padding:13px}.search-page-summary{max-width:900px;margin:0 auto 12px;color:#6E7C90;font-size:12px;font-weight:800}

@media(max-width:1180px){.nav-call{display:none}.desktop-nav{gap:13px}.assistant-trigger{padding:0 10px}.nav-wrap{gap:12px}}
@media(max-width:1020px){.desktop-nav{display:none}.menu-toggle{display:block;margin-right:0}.mobile-call-btn{display:flex;margin-right:auto}.header-search-btn{display:grid!important;opacity:1;visibility:visible;transform:none;margin-right:0}.nav-wrap{height:72px;gap:8px}.brand{margin-left:0}.brand img{width:118px;height:52px}.hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.hero-global-search{margin-inline:auto}.hero-search-meta{justify-content:center}.hero-search-shortcut{display:none}.ai-hub-grid{grid-template-columns:1fr}.hub-intro-row{display:block}.hub-intro-row p{margin-top:8px}}
@media(max-width:620px){.hero-global-search{width:100%;margin-bottom:18px}.hero-search-shell{height:58px;border-radius:17px;padding:5px 6px 5px 9px}.hero-search-icon{width:34px}.hero-search-shell input{font-size:11px}.hero-search-submit{width:46px;height:46px;padding:0;justify-content:center;border-radius:13px}.hero-search-submit span{display:none}.hero-search-meta{margin-top:7px;text-align:center}.hero-search-hint{font-size:9px}.hero-search-suggestions{left:-2px;right:-2px}.global-search-overlay{padding:18px 10px;align-items:flex-start}.global-search-dialog{border-radius:21px;padding:15px;max-height:90vh}.global-search-top strong{font-size:16px}.global-search-form{height:54px;padding-left:5px}.global-search-form input{font-size:11px}.global-search-form button{height:44px;padding:0 12px;font-size:10px}.global-search-hints{display:none}.global-result{grid-template-columns:38px 1fr 16px;padding:8px}.global-result-icon{width:38px;height:38px}.global-result strong{font-size:11px}.global-result p{display:none}.hub-section{padding:36px 0 72px}.hub-grid{grid-template-columns:1fr}.hub-card{min-height:auto;padding:19px}.hub-intro-row h2{font-size:25px}.hub-intro-row p{font-size:12px}.search-page-section{padding:28px 0 70px}}

@media(prefers-reduced-motion:reduce){.assistant-trigger:before,.assistant-spark,.ai-orb:after{animation:none!important}}
.desktop-nav .nav-drop-panel a:after{display:none!important}.desktop-nav .nav-drop-panel a{font-size:inherit;font-weight:inherit}.desktop-nav .assistant-trigger:after,.desktop-nav .nav-drop-trigger:after{display:none}
/* Search button should enter the header only after the hero search leaves view. */
.header-search-btn{display:none}
.header-search-btn.visible,.inner-page .header-search-btn{display:grid}
@media(max-width:1020px){body:not(.inner-page) .header-search-btn:not(.visible){display:none!important}.header-search-btn.visible,.inner-page .header-search-btn{display:grid!important}}


/* ===== V5: usability, typography, clients carousel and SEO-friendly UI ===== */
:root{--text-base:16px;--text-small:13px;--text-xs:12px;--title-card:18px}
body{font-size:var(--text-base);line-height:1.85;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.btn-outline{background:transparent;color:var(--navy);border:1.5px solid #AFC2DF;box-shadow:none}.btn-outline:hover{background:#F2F6FC;border-color:#7D9BC8;box-shadow:0 9px 22px rgba(13,47,122,.08)}
.nav-call{background:transparent!important;color:var(--navy)!important;border:1.5px solid #AFC2DF!important;box-shadow:none!important}.nav-call:hover{background:#F3F7FC!important;border-color:#7D9BC8!important}
.mobile-call-btn{border:1.5px solid #AFC2DF!important;background:#fff!important;color:var(--navy)!important;box-shadow:none!important}
.mobile-assistant-cta{display:none;position:relative;align-items:center;justify-content:center;gap:5px;height:40px;padding:0 10px;border-radius:12px;background:linear-gradient(135deg,#102F70,#315FC5);color:#fff;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;box-shadow:0 8px 20px rgba(28,79,182,.18)}
.mobile-assistant-cta:before{content:"";position:absolute;inset:-1px;background:linear-gradient(100deg,transparent 28%,rgba(255,255,255,.25) 44%,transparent 60%);transform:translateX(140%);animation:aiNavShine 4.5s ease-in-out infinite}.mobile-assistant-cta>*{position:relative;z-index:1}
/* Keep hover path continuous between dropdown trigger and panel. */
.nav-dropdown:before{content:"";position:absolute;right:-28px;left:-28px;top:100%;height:20px;z-index:1198}
.nav-drop-panel{top:calc(100% + 10px)}
.nav-drop-grid strong,.ai-menu-grid strong{font-size:14px;line-height:1.65}.nav-drop-grid small,.ai-menu-grid small{font-size:11.5px;line-height:1.7}.nav-drop-heading small,.ai-menu-head small{font-size:12px}.nav-drop-all,.ai-menu-all{font-size:13px!important}
.mobile-submenu>div>a{font-size:13px!important}.mobile-submenu summary{font-size:14px}

/* Standard type scale */
.desktop-nav>a,.nav-drop-trigger{font-size:15px}.assistant-trigger{font-size:13px}.btn{font-size:14px}.hero-lead{font-size:17px}.hero-points span{font-size:13px}
.panel-head small,.support-card small{font-size:12px}.support-card p,.mini-card{font-size:12.5px}.status-pill{font-size:11.5px}.float-call small{font-size:11px}.float-call strong{font-size:14px}.float-secure{font-size:12px}
.section-head>p,.about-copy>p,.why-copy>p,.faq-intro>p,.contact-head>p{font-size:15px}.service-card h3,.product-body h3,.post-body h3{font-size:18px}.service-card p,.product-body p,.post-excerpt{font-size:14px}.card-link,.product-tag,.post-body>a,.all-posts{font-size:13px}.why-card p,.faq-answer>p{font-size:14px}.faq-question{font-size:15px}.post-meta{font-size:12px}
.footer-brand p{font-size:13px}.footer-col h3,.footer-contact h3{font-size:15px}.footer-col a,.footer-contact a{font-size:13px}.footer-bottom{font-size:12px}.footer-owner{font-size:12px}
.global-search-top small,.global-search-hints,.global-result small,.hero-search-meta{font-size:11.5px}.global-result strong,.hero-search-suggestions strong{font-size:13px}.global-result p{font-size:12px}.hero-search-shell input,.global-search-form input{font-size:14px}.hero-search-submit,.global-search-form button{font-size:13px}

/* Mobile header: phone + AI + search + hamburger */
@media(max-width:1020px){.mobile-assistant-cta{display:inline-flex}.nav-wrap{gap:7px}.mobile-call-btn{margin-right:0}.menu-toggle{margin-right:0}.brand{margin-left:auto}}
@media(max-width:430px){.nav-wrap{gap:5px}.brand img{width:94px!important;height:44px!important}.mobile-assistant-cta{height:38px;padding:0 8px;font-size:11px}.mobile-call-btn,.header-search-btn{width:38px;height:38px}.menu-toggle{width:40px;height:40px;padding:9px}}
@media(max-width:365px){.brand img{width:84px!important}.mobile-assistant-cta{padding:0 7px}.mobile-assistant-cta span:nth-child(2){max-width:62px;overflow:hidden;text-overflow:ellipsis}.nav-wrap{gap:4px}}

/* Subpage back-to-home position */
.page-hero-inner{padding-top:34px}.page-hero .breadcrumb{position:absolute;top:0;right:0;margin:0;background:rgba(255,255,255,.8);border:1px solid #DCE5F1;border-radius:12px;padding:8px 11px;color:#4B607D;font-size:13px;box-shadow:0 8px 24px rgba(13,47,122,.05);backdrop-filter:blur(8px)}.page-hero .breadcrumb svg{width:16px}.page-hero .breadcrumb:hover{background:#fff;border-color:#BFD0E7;color:var(--blue)}
.article-navigation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.article-navigation .breadcrumb{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #DDE6F1;border-radius:12px;padding:8px 11px;color:#50637F;font-size:13px;font-weight:800}.article-navigation .breadcrumb svg{width:16px}.article-navigation .article-breadcrumbs{margin:0}

/* Documents & assistant cards */
.hub-intro-row{align-items:center}.hub-intro-row h2{font-size:32px}.hub-intro-row p{font-size:15px}.hub-intro-search{align-items:flex-end}.hub-search-box{width:min(420px,100%);height:52px;display:flex;align-items:center;gap:9px;border:1px solid #D8E2EF;background:#F8FAFD;border-radius:16px;padding:0 14px;transition:.2s}.hub-search-box:focus-within{background:#fff;border-color:#9EB6DB;box-shadow:0 0 0 4px rgba(28,79,182,.06)}.hub-search-box svg{width:19px;color:#6F8097}.hub-search-box input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:14px;color:#263B5B}.hub-search-summary{min-height:24px;margin:-12px 0 12px;color:#718096;font-size:13px;font-weight:700}
.hub-card{padding:26px;min-height:230px}.hub-card:before{pointer-events:none}.hub-card-top{display:flex;align-items:center;gap:13px;margin:4px 0 16px;padding-left:90px;position:relative}.hub-card-top .hub-card-icon{margin:0;flex:none}.hub-card h3{margin:0;font-size:19px;line-height:1.6}.hub-card p{font-size:14px;line-height:2.05;margin-bottom:20px}.hub-card>a,.hub-card-action{font-size:13px}.hub-card-tag{position:absolute;top:20px;left:20px;margin:0!important;z-index:2;font-size:11px}.hub-card-badges{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:6px;z-index:2}.hub-card-badges .hub-card-tag{position:static}.hub-card-badges .ai-tool-state{margin:0;font-size:10px}.ai-tool-card .hub-card-top{padding-left:160px}.hub-empty{margin-top:20px;padding:55px 20px}

/* Valued clients */
.clients-section{padding:82px 0 76px;background:linear-gradient(180deg,#fff 0%,#F7F9FC 100%);overflow:hidden;border-top:1px solid #EEF2F6}.clients-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.clients-head>div:first-child{max-width:720px}.clients-head h2{font-size:clamp(29px,3vw,42px);line-height:1.45;margin:0;color:#142441}.clients-head p{font-size:15px;color:#6C7A8E;margin:10px 0 0}.clients-controls{display:flex;gap:8px}.clients-controls button{width:42px;height:42px;border:1px solid #DCE4EF;background:#fff;border-radius:13px;color:#3B5680;display:grid;place-items:center;cursor:pointer;transition:.2s}.clients-controls button:hover{border-color:#B8C8DF;color:var(--blue);transform:translateY(-2px)}.clients-controls svg{width:18px}
.clients-viewport{direction:ltr;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-inline:contain;padding:6px max(20px,calc((100vw - var(--container))/2)) 14px}.clients-viewport::-webkit-scrollbar{display:none}.clients-track{display:flex;gap:22px;width:max-content;direction:ltr}.client-logo-card{direction:rtl;width:210px;height:112px;flex:none;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:0;padding:8px 10px;box-shadow:none}.client-logo-card img{max-width:185px;max-height:82px;width:auto;height:auto;object-fit:contain;filter:none;opacity:.9;transition:transform .25s,opacity .25s}.client-logo-card:hover img,.client-logo-card:focus-visible img{opacity:1;transform:scale(1.04)}.client-logo-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.client-placeholder{display:flex;align-items:center;gap:8px;color:#6D7888;transition:color .25s}.client-placeholder svg{width:25px}.client-placeholder b{font-size:13px;font-weight:800}.client-logo-card:hover .client-placeholder{color:var(--blue)}

/* Social cards */
.social-grid{grid-template-columns:repeat(4,1fr)}.social-card.bale .social-icon{background:#EFF3FF;color:#3E63C4}.social-card.bale:hover{border-color:#C4D0EE}.social-card{min-height:150px}.social-card small{font-size:12px}.social-card strong{font-size:16px}.social-card p{font-size:13px}

@media(max-width:1050px){.social-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.page-hero-inner{padding-top:38px}.clients-section{padding:66px 0 62px}.clients-head{align-items:center}.hub-intro-search{display:grid;grid-template-columns:1fr}.hub-search-box{width:100%;margin-top:12px}.hub-card-top,.ai-tool-card .hub-card-top{padding-left:0;padding-top:30px}.hub-card-badges{top:17px}.hub-card-tag{top:17px}.article-navigation{align-items:flex-start;flex-direction:column}.article-navigation .article-breadcrumbs{order:2}}
@media(max-width:620px){:root{--text-base:15px;--text-small:13px}.section-head>p,.about-copy>p,.why-copy>p,.faq-intro>p,.contact-head>p{font-size:14px}.service-card h3,.product-body h3,.post-body h3{font-size:17px}.service-card p,.product-body p,.hub-card p{font-size:14px}.btn{font-size:13px}.page-hero-inner{padding-top:40px}.page-hero .breadcrumb{right:0;padding:7px 9px;font-size:12px}.page-hero h1{font-size:34px}.hub-intro-row h2{font-size:26px}.hub-card{padding:20px;min-height:auto}.hub-card-top,.ai-tool-card .hub-card-top{padding-top:28px;gap:10px}.hub-card h3{font-size:18px}.hub-card-tag{left:16px;top:15px}.hub-card-badges{left:15px;top:14px}.hub-card-badges .ai-tool-state{display:none}.hub-card-icon{width:48px;height:48px}.hub-card>a{font-size:13px}.social-grid{grid-template-columns:1fr}.clients-head{align-items:flex-start}.clients-head p{font-size:14px}.clients-controls{display:none}.client-logo-card{width:180px;height:98px}.client-logo-card img{max-width:160px;max-height:72px}.clients-viewport{padding-inline:14px}.hero-search-hint{font-size:11px}.footer-bottom{gap:12px;flex-wrap:wrap}.article-navigation .breadcrumb{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mobile-assistant-cta:before{animation:none}.client-logo-card img{transition:none}}


/* ===== V6: interaction polish, unified controls and client carousel ===== */
:root{--button-height:46px;--mobile-button-height:42px}
.site-header,.inner-page .site-header{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:#E7EBF1!important}
.btn{height:var(--button-height);min-height:var(--button-height);padding-top:0!important;padding-bottom:0!important}
.btn-sm,.btn-lg{height:var(--button-height);min-height:var(--button-height)}
.nav-call,.assistant-trigger{height:var(--button-height)!important;min-height:var(--button-height)!important}
.header-search-btn,.mobile-call-btn,.menu-toggle{width:var(--button-height);height:var(--button-height);min-width:var(--button-height);min-height:var(--button-height)}
.mobile-assistant-cta{height:var(--button-height);min-height:var(--button-height)}
.hero-search-submit{height:var(--button-height)}
.clients-controls button{width:var(--button-height);height:var(--button-height)}
.hero-search-meta{justify-content:flex-start}

.clients-section{position:relative}
.clients-viewport{position:relative;width:min(100%,var(--container));margin-inline:auto;padding:8px 42px 16px;scroll-behavior:auto;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%)}
.clients-track{align-items:center;margin-inline:auto;gap:18px}
.client-logo-card{display:flex;align-items:center;justify-content:center;text-align:center}
.client-logo-card img{margin-inline:auto}
.client-placeholder{width:100%;justify-content:center;text-align:center}

@media(max-width:620px){
  .mobile-assistant-cta,.mobile-call-btn,.header-search-btn,.menu-toggle{height:var(--mobile-button-height)!important;min-height:var(--mobile-button-height)!important}
  .mobile-call-btn,.header-search-btn,.menu-toggle{width:var(--mobile-button-height)!important;min-width:var(--mobile-button-height)!important}
  .clients-viewport{padding:8px 18px 14px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%)}
}

/* ===== V8: uploaded media rendering ===== */
.product-art.has-image,.post-cover.has-image,.article-cover.has-image{background:#F4F7FB;color:inherit;position:relative;overflow:hidden}.product-art.has-image>img,.post-cover.has-image>img,.article-cover.has-image>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.product-card:hover .product-art.has-image>img,.post-card:hover .post-cover.has-image>img{transform:scale(1.045)}.product-art.has-image>span,.post-cover.has-image>span,.article-cover.has-image>span{position:absolute;z-index:2;right:18px;bottom:16px;background:rgba(255,255,255,.9);color:#284260;border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(8px);box-shadow:0 7px 20px rgba(13,47,122,.08)}.product-art.has-image>span{padding:6px 10px;border-radius:10px;font-size:11px;font-weight:900}.article-cover.has-image:before{display:none}.article-cover.has-image>img{object-fit:cover}.article-cover.has-image>span{right:26px;bottom:22px;padding:7px 12px;border-radius:12px;font-weight:900;font-size:12px}
