@font-face{font-family:Vazirmatn;src:url('../fonts/Vazirmatn-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#183653;--ink-strong:#102b48;--muted:#627b94;--blue:#1769c2;--blue-dark:#1057a7;--blue-soft:#eaf3fd;--cyan:#21a5b5;--line:#dce7f2;--surface:#fff;--surface-soft:#f3f7fc;--navy:#12375f;--shadow:0 18px 50px rgba(22,62,103,.09);--radius:18px;--wrap:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:#f7f9fc;color:var(--ink);font:400 15px/1.95 Vazirmatn, sans-serif;-webkit-font-smoothing:antialiased}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
img,svg{max-width:100%}
iconify-icon{display:block;flex:0 0 auto;line-height:1;align-self:center}
.wrap{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}
.skip{position:fixed;z-index:200;top:12px;right:12px;padding:9px 15px;border-radius:9px;background:#fff;color:var(--ink-strong);box-shadow:var(--shadow);transform:translateY(-160%);transition:transform .2s}
.skip:focus{transform:translateY(0)}
.topline{position:relative;z-index:61;background:#12375f;color:#e3effc;font-size:12px}
.topline .wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.topline a{display:inline-block;margin-inline-start:20px;direction:ltr;unicode-bidi:isolate}
.topline a:hover{color:#7bd8e3}
header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);border-bottom:1px solid #e3ebf4;box-shadow:0 5px 24px rgba(22,62,103,.045);backdrop-filter:blur(16px)}
.head{height:78px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(16px,2vw,28px)}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0;color:var(--ink-strong);font-size:22px;font-weight:700;line-height:1.25;white-space:nowrap}
.brand-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d1e2f4;border-radius:13px;background:var(--blue-soft);color:var(--blue)}
.brand-icon svg{display:block;width:25px;height:25px}
.brand small{display:block;margin-top:4px;color:#72879d;font-size:10px;font-weight:400;letter-spacing:.1px}
.nav{grid-column:2;justify-self:center;display:flex;align-items:center;gap:clamp(14px,1.8vw,25px);margin-inline:auto;color:#536d86;font-size:13px;white-space:nowrap}
.nav>a{position:relative;padding:10px 0;transition:color .2s}
.nav>a:after{position:absolute;right:0;bottom:3px;width:0;height:2px;border-radius:2px;background:var(--cyan);content:'';transition:width .2s}
.nav>a:hover{color:var(--blue)}
.nav>a:hover:after{width:100%}
.mobile-nav-head,.mobile-nav-contact{display:none}
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 19px;border:1px solid var(--blue);border-radius:10px;background:var(--blue);box-shadow:0 6px 16px rgba(23,105,194,.16);color:#fff;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);border-color:var(--blue-dark);background:var(--blue-dark);box-shadow:0 9px 20px rgba(23,105,194,.2)}
.btn.outline{border-color:#d3e0ee;background:#fff;box-shadow:none;color:#315779}
.btn.outline:hover{border-color:#a9c8e8;background:#f2f7fd;color:var(--blue)}
.menu{display:none;width:44px;height:44px;place-items:center;border:1px solid #d7e4f1;border-radius:10px;background:#fff;color:#28577f;cursor:pointer}
.menu iconify-icon{width:25px;height:25px}
.nav-backdrop{display:none}
.brand{grid-column:1;justify-self:start}
.head-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:10px;direction:rtl}
.hero{position:relative;overflow:hidden;border-bottom:1px solid #e1eaf4;background:radial-gradient(ellipse at 78% 44%,#e0edfb 0%,#edf4fc 32%,transparent 66%),linear-gradient(115deg,#fff 0%,#f3f7fc 100%)}
.hero:before{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49.9%,rgba(65,119,174,.055) 50%,transparent 50.1%),linear-gradient(rgba(65,119,174,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none;content:''}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;min-height:650px;padding-block:55px 62px}
.hero-copy{max-width:580px}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:13px;font-weight:600}
.eyebrow:before{width:26px;height:2px;border-radius:2px;background:var(--cyan);content:''}
h1,h2,h3,p{overflow-wrap:break-word}
h1{margin:18px 0 16px;color:var(--ink-strong);font-size:clamp(37px,4.1vw,56px);font-weight:750;line-height:1.48;letter-spacing:-1.2px}
h1 span{color:var(--blue)}
.hero-copy>p{max-width:570px;margin:0;color:#5c7188;font-size:15px;line-height:2.25;text-align:justify;text-align-last:right}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}
.hero-meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:34px;color:#5b7188;font-size:12px}
.hero-meta span{display:inline-flex;align-items:center;gap:7px}
.tick{width:19px;height:19px;color:#1c9b9e;align-self:center}
.hero-art{min-width:0;display:grid;place-items:center}
.hero-ecosystem-card{position:relative;width:min(100%,555px);overflow:hidden;border:1px solid #cbddef;border-radius:24px;background:linear-gradient(145deg,#fff,#edf4fc);box-shadow:0 25px 65px rgba(32,77,121,.14),inset 0 1px #fff}
.hero-ecosystem-head,.hero-ecosystem-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 19px;color:#66809a;font-size:10px;letter-spacing:.8px;direction:ltr}
.hero-ecosystem-head{border-bottom:1px solid #dce7f2}
.hero-ecosystem-head>span{display:flex;align-items:center;gap:8px}
.ecosystem-head-mark{width:8px;height:8px;border-radius:3px;background:var(--blue);box-shadow:0 0 0 4px #1769c218}
.ecosystem-head-live{color:#278b83}
.ecosystem-head-live i{width:7px;height:7px;border-radius:50%;background:#27aa8d;box-shadow:0 0 0 4px #27aa8d18}
.hero-ecosystem-stage{position:relative;min-height:330px;margin:0 12px;isolation:isolate}
.hero-ecosystem-lottie{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .45s}
.hero-ecosystem-lottie.is-ready{opacity:1}
.hero-ecosystem-lottie svg{width:100%;height:100%;overflow:visible}
.hero-ecosystem-icons{position:absolute;inset:0;z-index:2;pointer-events:none}
.hero-ecosystem-icon{position:absolute;width:43px;height:43px;display:grid;place-items:center;border:1px solid #c7dced;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 8px 20px rgba(37,83,128,.12);color:var(--blue)}
.hero-ecosystem-icon iconify-icon{width:25px;height:25px}
.hero-ecosystem-icon--1{top:18.5%;left:22%;transform:translate(-50%,-50%)}.hero-ecosystem-icon--2{top:18.5%;right:22%;transform:translate(50%,-50%)}.hero-ecosystem-icon--3{top:51.5%;right:9%;transform:translate(50%,-50%)}.hero-ecosystem-icon--4{right:22%;bottom:14.5%;transform:translate(50%,50%)}.hero-ecosystem-icon--5{bottom:14.5%;left:22%;transform:translate(-50%,50%)}.hero-ecosystem-icon--6{top:51.5%;left:9%;transform:translate(-50%,-50%)}
.hero-ecosystem-core-label{position:absolute;top:50%;left:50%;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:116px;height:116px;transform:translate(-50%,-50%);border:1px solid #b8d1eb;border-radius:50%;background:linear-gradient(145deg,#fff,#eaf3fd);box-shadow:0 0 0 9px rgba(213,231,249,.65),0 12px 30px rgba(30,75,121,.12);color:var(--blue)}
.hero-ecosystem-core-label iconify-icon{width:30px;height:30px}
.hero-ecosystem-core-label strong{font-size:13px;letter-spacing:.7px}
.hero-ecosystem-core-label small{color:#7890a8;font-size:8px;letter-spacing:1px}
.fallback-node{position:absolute;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#2b8bd8;box-shadow:0 0 0 4px #2b8bd822}
.fallback-node--1{top:0;left:25%}.fallback-node--2{top:0;right:25%}.fallback-node--3{top:45%;right:-5px}.fallback-node--4{right:25%;bottom:0}.fallback-node--5{bottom:0;left:25%}.fallback-node--6{top:45%;left:-5px}
.hero-ecosystem-foot{border-top:1px solid #dce7f2;color:#6b849e;direction:rtl;font-size:11px;letter-spacing:0}
.section{padding:88px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:34px}
.section-head h2{margin:7px 0 0;color:var(--ink-strong);font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.55}
.section-head>p{max-width:480px;margin:0;color:var(--muted);font-size:13px;line-height:2.15}
.departments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(26,68,111,.055)}
.dept{position:relative;min-width:0;min-height:225px;padding:25px 26px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:background .22s,transform .22s,box-shadow .22s}
.dept:nth-child(3n){border-left:0}
.dept:nth-last-child(-n+3){border-bottom:0}
.dept:hover{z-index:1;transform:translateY(-3px);background:#f7faff;box-shadow:0 12px 25px rgba(26,68,111,.08)}
.dept-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dept-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d6e5f5;border-radius:13px;background:#edf4fd;color:var(--blue)}
.dept-icon iconify-icon{width:26px;height:26px}
.dept-index{color:#8ca1b7;font-size:11px;direction:ltr}
.dept h3{margin:18px 0 6px;color:#284765;font-size:17px;font-weight:650}
.dept p{margin:0;color:#6b7f94;font-size:12px;line-height:2.1}
.dept-link{display:inline-flex;align-items:center;gap:7px;margin-top:13px;color:var(--blue);font-size:12px;font-weight:600}
.dept-link:hover{color:var(--blue-dark)}
.strip{border-block:1px solid #dce7f3;background:#eaf2fb}
.strip .wrap{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:20px}
.strip h2{margin:0;color:#25496e;font-size:22px;font-weight:650}
.strip p{margin:4px 0 0;color:#607792;font-size:13px}
.data-section{background:#f0f5fb}
.data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.data-card{min-width:0;min-height:205px;padding:23px;border:1px solid #e0e9f3;border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(32,75,118,.045);transition:transform .22s,border-color .22s,box-shadow .22s}
.data-card:hover{transform:translateY(-4px);border-color:#bad2ec;box-shadow:0 15px 32px rgba(32,75,118,.09)}
.data-card .dept-icon{margin-bottom:14px}
.data-card h3{margin:0 0 6px;color:#284765;font-size:16px;font-weight:650}
.data-card p{margin:0 0 12px;color:#6b7f94;font-size:12px;line-height:2.1}
.data-card>a{color:var(--blue);font-size:12px;font-weight:600}
.advantages{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start;gap:60px}
.advantages-intro h2{margin:9px 0 12px;color:var(--ink-strong);font-size:34px;line-height:1.65}
.advantages-intro p{margin:0;color:#687d93;font-size:13px;line-height:2.25}
.advantages-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}
.adv{min-height:115px;padding:19px 20px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
.adv:nth-child(2n){border-left:0}.adv:nth-last-child(-n+2){border-bottom:0}
.adv b{color:#315477;font-size:14px;font-weight:650}
.adv p{margin:5px 0 0;color:#71849a;font-size:11px;line-height:2}
.contact{padding:66px 0;border-top:1px solid #d7e4f1;background:#e7f0fa}
.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.contact h2{margin:7px 0 4px;color:#23476b;font-size:26px;font-weight:700}
.contact p{margin:0;color:#607792;font-size:13px}
.contact-actions{display:flex;flex-wrap:wrap;gap:10px}
.site-footer{overflow:hidden;background:#12375f;color:#eff6ff}
.footer-main{padding:55px 0 25px}
.footer-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:210px;overflow:hidden;padding:34px 38px;border:1px solid rgba(177,211,244,.2);border-radius:22px;background:linear-gradient(115deg,#1b4d7d,#16416d 55%,#12375f)}
.footer-cta-copy{position:relative;z-index:1;max-width:600px}
.footer-kicker{color:#a9d4fa;font-size:10px;letter-spacing:1.3px;direction:ltr}
.footer-cta h2{margin:8px 0;color:#fff;font-size:26px;font-weight:650;line-height:1.7}
.footer-cta h2 span{color:#79d5df}
.footer-cta p{margin:0;color:#c4d8ec;font-size:12px}
.footer-cta-link{position:relative;z-index:1;flex-shrink:0;display:inline-flex;align-items:center;gap:12px;padding:12px 17px;border:1px solid #82b6e4;border-radius:10px;color:#fff;font-size:13px}
.footer-cta-link:hover{background:#ffffff12}
.footer-orbit{position:absolute;top:-105px;left:28%;width:330px;aspect-ratio:1;border:1px solid #ffffff17;border-radius:50%;pointer-events:none}
.footer-orbit:before,.footer-orbit:after{position:absolute;inset:28px;border:1px solid #ffffff13;border-radius:50%;content:''}
.footer-orbit:after{inset:70px;border-style:dashed}
.footer-orbit i,.footer-orbit b{position:absolute;width:9px;height:9px;border-radius:50%;background:#6db8f4;box-shadow:0 0 15px #6db8f4}
.footer-orbit i:first-child{top:38px;right:80px}.footer-orbit i:nth-child(2){bottom:56px;left:40px;background:#21a5b5}.footer-orbit i:nth-child(3){top:50%;left:-4px}.footer-orbit b{top:50%;right:-4px}
.footer-content{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:35px;padding:40px 0 32px}
.footer-about .brand{color:#fff}.footer-about .brand small{color:#b5cbe0}.footer-about .brand-icon{border-color:#4778a8;background:#285582;color:#79d5df}
.footer-about>p{max-width:330px;margin:15px 0;color:#c1d3e7;font-size:12px;line-height:2.2}
.footer-contact-pills{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.footer-contact-pills a{color:#e2effc;font-size:11px;direction:ltr;unicode-bidi:plaintext}
.footer-contact-pills span{margin-inline-end:7px;color:#9cb9d5;direction:rtl}
.footer-column h3{margin:0 0 13px;color:#fff;font-size:13px;font-weight:650}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links a{color:#c1d3e7;font-size:11px;transition:color .2s}
.footer-links a:hover{color:#79d5df}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;border-top:1px solid #31577d;color:#aec4da;font-size:10px}
.footer-bottom a:hover{color:#fff}
.reveal-item{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.reveal-item.is-visible{opacity:1;transform:translateY(0)}
@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:1000px){.nav{gap:15px;font-size:12px}.head-actions>.btn{display:none}.hero-grid{gap:25px;min-height:590px}.hero-ecosystem-stage{min-height:290px}.departments,.data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dept:nth-child(3n){border-left:1px solid var(--line)}.dept:nth-child(2n){border-left:0}.dept:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.dept:nth-last-child(-n+2){border-bottom:0}.advantages{gap:32px}.footer-content{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.topline .wrap{justify-content:center;min-height:35px}.topline .top-label{display:none}.head{height:68px}.brand{font-size:20px}.brand-icon{width:39px;height:39px}.menu{display:grid}.nav{position:fixed;top:0;right:0;bottom:0;z-index:1001;width:min(330px,88vw);display:flex;align-items:stretch;flex-direction:column;gap:0;padding:20px 22px 30px;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:-18px 0 45px rgba(14,44,76,.14);transform:translateX(110%);visibility:hidden;transition:transform .28s ease,visibility .28s}.nav.open{transform:translateX(0);visibility:visible}.nav-backdrop{position:fixed;inset:0;z-index:1000;display:block;border:0;background:rgba(8,28,50,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}body.nav-open .nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--ink-strong);font-size:15px;font-weight:650}.nav-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.nav-close iconify-icon{width:20px;height:20px}.nav>a{padding:13px 0;border-bottom:1px solid #edf1f6;font-size:14px}.nav>a:after{display:none}.mobile-nav-contact{display:flex;flex-direction:column;gap:3px;margin-top:auto;padding-top:22px;color:#71859a;font-size:12px}.mobile-nav-contact a{color:var(--blue);font-size:17px;direction:ltr;text-align:right}.hero-grid{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding-block:43px 40px}.hero-copy{max-width:none}h1{font-size:clamp(35px,9vw,47px);line-height:1.55}.hero-copy>p{font-size:14px}.hero-meta{gap:10px 16px;margin-top:24px}.hero-ecosystem-card{border-radius:18px}.hero-ecosystem-stage{min-height:270px}.hero-ecosystem-icon{width:37px;height:37px;border-radius:12px}.hero-ecosystem-icon iconify-icon{width:20px;height:20px}.hero-ecosystem-core-label{width:98px;height:98px}.hero-ecosystem-core-label iconify-icon{width:23px;height:23px}.hero-ecosystem-head,.hero-ecosystem-foot{padding:12px 13px;font-size:9px}.section{padding:65px 0}.section-head{display:block;margin-bottom:24px}.section-head>p{margin-top:10px}.departments,.data-grid{grid-template-columns:minmax(0,1fr)}.dept,.dept:nth-child(3n),.dept:nth-child(2n){min-height:0;padding:22px;border-left:0;border-bottom:1px solid var(--line)}.dept:last-child{border-bottom:0}.strip .wrap{align-items:flex-start;flex-direction:column;gap:15px;padding-block:24px}.strip h2{font-size:19px}.data-card{min-height:0}.advantages{grid-template-columns:minmax(0,1fr);gap:22px}.advantages-intro h2{font-size:29px}.advantages-list{grid-template-columns:repeat(2,minmax(0,1fr))}.adv{padding:16px}.contact{padding:42px 0}.contact-inner{align-items:flex-start;flex-direction:column}.contact h2{font-size:22px}.footer-main{padding-top:35px}.footer-cta{align-items:flex-start;flex-direction:column;padding:25px 22px}.footer-cta h2{font-size:22px}.footer-orbit{left:-90px}.footer-content{gap:28px 20px;padding:30px 0 25px}.footer-about{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:6px}}
@media(max-width:390px){.hero-actions .btn{width:100%}.hero-ecosystem-stage{min-height:235px}.hero-ecosystem-icon{width:33px;height:33px}.hero-ecosystem-core-label{width:88px;height:88px}.advantages-list{grid-template-columns:minmax(0,1fr)}.adv{min-height:0;border-left:0}.adv:nth-last-child(2){border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-item{opacity:1;transform:none}}

/* Mobile footer: clear reading order, comfortable touch targets and no squeezed columns. */
@media(max-width:700px){
  .footer-main{padding:28px 0 18px}
  .footer-cta{min-height:0;align-items:stretch;gap:16px;padding:22px 20px;border-radius:17px}
  .footer-cta-copy{max-width:none}
  .footer-kicker{font-size:9px;letter-spacing:1px}
  .footer-cta h2{margin:7px 0 8px;font-size:21px;line-height:1.65}
  .footer-cta p{max-width:34rem;font-size:12px;line-height:2}
  .footer-cta-link{align-self:flex-start;min-height:44px;padding:10px 15px;font-size:12px}
  .footer-orbit{top:-155px;left:-165px;width:260px;opacity:.55}
  .footer-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;padding:28px 0 23px}
  .footer-content>*{min-width:0}
  .footer-about{grid-column:1/-1}
  .footer-about .brand{font-size:20px}
  .footer-about .brand-icon{width:40px;height:40px}
  .footer-about>p{max-width:34rem;margin:11px 0 13px;font-size:12px;line-height:2}
  .footer-contact-pills{gap:9px}
  .footer-contact-pills a{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;font-size:12px;line-height:1.8}
  .footer-contact-pills span{margin:0;font-size:11px}
  .footer-content>.footer-column:nth-child(2){grid-column:1/-1;padding-bottom:18px;border-bottom:1px solid #31577d}
  .footer-column h3{margin-bottom:11px;font-size:13px}
  .footer-links{gap:9px}
  .footer-links a{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:8px;padding-top:15px;font-size:11px;line-height:1.9}
  .footer-bottom a{display:inline-flex;align-items:center;min-height:36px;color:#d5e7f8}
}
@media(max-width:390px){
  .footer-cta{padding:19px 17px}
  .footer-cta h2{font-size:19px}
  .footer-content{column-gap:14px;row-gap:22px}
  .footer-column h3{font-size:12px}
  .footer-links a{font-size:11px}
  .footer-contact-pills a{font-size:11px}
}


.hero-ecosystem-departments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 16px 15px}
.hero-ecosystem-departments a{min-width:0;padding:7px 8px;border:1px solid #dce7f2;border-radius:8px;background:#ffffffb8;color:#526e89;font-size:10px;text-align:center;transition:border-color .2s,color .2s,background .2s}
.hero-ecosystem-departments a:hover{border-color:#b8d2ec;background:#fff;color:var(--blue)}
.hero-ecosystem-stage{aspect-ratio:8/5;min-height:0;height:auto}
@media(max-width:700px){.hero-ecosystem-departments{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 12px 12px}.hero-ecosystem-departments a{font-size:10px}}

/* Dark theme: shared tokens and component surfaces for the homepage and all departments. */
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#d8e5f3;--ink-strong:#f0f6fd;--muted:#9aafc5;--blue:#69aef4;--blue-dark:#8bc2fa;--blue-soft:#172b42;--cyan:#55c7d2;--line:#293d53;--surface:#111f30;--surface-soft:#162638;--navy:#091522;--shadow:0 18px 50px rgba(0,0,0,.28)
}
html[data-theme="dark"] body{background:#0b1422;color:var(--ink)}
html[data-theme="dark"] .skip{background:#17283b;color:#f0f6fd}
html[data-theme="dark"] header{background:rgba(13,26,41,.97);border-color:#26394e;box-shadow:0 5px 24px rgba(0,0,0,.22)}
html[data-theme="dark"] .brand{color:#edf5ff}
html[data-theme="dark"] .brand small{color:#93a9c0}
html[data-theme="dark"] .brand-icon{border-color:#294766;background:#172d45;color:#75b9fa}
html[data-theme="dark"] .nav{color:#b6c8da}
@media(min-width:701px){html[data-theme="dark"] .nav{background:transparent;box-shadow:none}}
html[data-theme="dark"] .nav>a:hover{color:#8bc7ff}
html[data-theme="dark"] .btn.outline{border-color:#38516c;background:#17283b;color:#c8d9ea}
html[data-theme="dark"] .btn.outline:hover{border-color:#5485b4;background:#1b344d;color:#a9d4ff}
html[data-theme="dark"] .menu,html[data-theme="dark"] .nav-close{border-color:#344a61;background:#17283b;color:#c9e0f6}
html[data-theme="dark"] .hero{border-color:#263a50;background:radial-gradient(ellipse at 78% 44%,#183858 0%,#142b43 32%,transparent 66%),linear-gradient(115deg,#0e1a29 0%,#111f30 100%)}
html[data-theme="dark"] .hero:before{background-image:linear-gradient(90deg,transparent 49.9%,rgba(117,174,226,.075) 50%,transparent 50.1%),linear-gradient(rgba(117,174,226,.065) 1px,transparent 1px)}
html[data-theme="dark"] .hero-copy>p,html[data-theme="dark"] .section-head>p,html[data-theme="dark"] .advantages-intro p{color:#a8bbcf}
html[data-theme="dark"] .hero-meta{color:#b0c3d7}
html[data-theme="dark"] .tick{color:#55c7b5}
html[data-theme="dark"] .hero-ecosystem-card{border-color:#304b68;background:linear-gradient(145deg,#172a40,#102033);box-shadow:0 25px 65px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.04)}
html[data-theme="dark"] .hero-ecosystem-head,html[data-theme="dark"] .hero-ecosystem-foot{border-color:#2a4058;color:#9bb2c9}
html[data-theme="dark"] .hero-ecosystem-icon{border-color:#385674;background:rgba(24,45,67,.96);color:#83c2ff;box-shadow:0 8px 20px rgba(0,0,0,.28)}
html[data-theme="dark"] .hero-ecosystem-core-label{border-color:#3a5d7e;background:linear-gradient(145deg,#1d3854,#142a40);box-shadow:0 0 0 9px rgba(53,99,143,.22),0 12px 30px rgba(0,0,0,.28);color:#8bc7ff}
html[data-theme="dark"] .hero-ecosystem-core-label small{color:#9ab4ce}
html[data-theme="dark"] .hero-ecosystem-departments a{border-color:#344c65;background:#192d42;color:#c0d2e4}
html[data-theme="dark"] .hero-ecosystem-departments a:hover{border-color:#5489ba;background:#203b57;color:#a8d5ff}
html[data-theme="dark"] .departments,html[data-theme="dark"] .advantages-list{border-color:var(--line);background:#111f30;box-shadow:0 12px 35px rgba(0,0,0,.2)}
html[data-theme="dark"] .dept{border-color:var(--line);background:#111f30}
html[data-theme="dark"] .dept:hover{background:#172a3e;box-shadow:0 12px 25px rgba(0,0,0,.28)}
html[data-theme="dark"] .dept-icon{border-color:#34516e;background:#192f47;color:#82c0fb}
html[data-theme="dark"] .dept-index{color:#91a9c1}
html[data-theme="dark"] .dept h3,html[data-theme="dark"] .data-card h3,html[data-theme="dark"] .adv b{color:#dce9f7}
html[data-theme="dark"] .dept p,html[data-theme="dark"] .data-card p,html[data-theme="dark"] .adv p{color:#a1b5ca}
html[data-theme="dark"] .dept-link,html[data-theme="dark"] .data-card>a{color:#83c1ff}
html[data-theme="dark"] .strip{border-color:#2b4158;background:#172b40}
html[data-theme="dark"] .strip h2,html[data-theme="dark"] .contact h2{color:#e1eefb}
html[data-theme="dark"] .strip p,html[data-theme="dark"] .contact p{color:#a8bdd2}
html[data-theme="dark"] .data-section{background:#0e1a29}
html[data-theme="dark"] .data-card{border-color:#2b4057;background:#142438;box-shadow:0 8px 25px rgba(0,0,0,.2)}
html[data-theme="dark"] .data-card:hover{border-color:#456b91;box-shadow:0 15px 32px rgba(0,0,0,.3)}
html[data-theme="dark"] .adv{border-color:var(--line)}
html[data-theme="dark"] .contact{border-color:#2c435b;background:#172b40}
html[data-theme="dark"] .site-footer{background:#071321}
html[data-theme="dark"] .footer-cta{border-color:#36536f;background:linear-gradient(115deg,#173d60,#12314e 55%,#0d263d)}
html[data-theme="dark"] .footer-cta p,html[data-theme="dark"] .footer-about>p,html[data-theme="dark"] .footer-links a{color:#b2c7dc}
html[data-theme="dark"] .footer-about .brand-icon{border-color:#42688d;background:#1b3c5b;color:#80c9dc}
html[data-theme="dark"] .footer-bottom{border-color:#263c53;color:#9db5cc}
html[data-theme="dark"] .nav-backdrop{background:rgba(0,8,18,.7)}
html[data-theme="dark"] .mobile-nav-head{border-color:#2b4057;color:#e4effa}
html[data-theme="dark"] .nav>a{border-color:#263b51;color:#c3d4e5}
html[data-theme="dark"] .mobile-nav-contact{color:#9bb1c8}
html[data-theme="dark"] .mobile-nav-contact a{color:#8bc7ff}
html[data-theme="dark"] .nav-close{border-color:#344a61;background:#17283b;color:#c9e0f6}
@media(max-width:700px){html[data-theme="dark"] .nav{position:fixed;inset:0 0 0 auto;width:min(330px,88vw);height:100dvh;min-height:100%;z-index:1001;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px 22px 30px;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #304a63;border-radius:0;background:#14263a;box-shadow:-22px 0 60px rgba(0,0,0,.42)}html[data-theme="dark"] .mobile-nav-head{border-color:#344d66}html[data-theme="dark"] .nav>a{border-color:#2b4259}html[data-theme="dark"] .nav>a:active{background:#1b3852}html[data-theme="dark"] .mobile-nav-contact{border-top:1px solid #2b4259}html[data-theme="dark"] .nav-close{background:#1d3852}}
html[data-theme="dark"] .reveal-item{color:inherit}

.theme-toggle{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #d7e4f1;border-radius:11px;background:#fff;color:#315d83;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}
.theme-toggle:hover{transform:translateY(-2px);border-color:#a9c9e8;background:#f0f7ff;color:var(--blue)}
.theme-toggle iconify-icon{width:24px;height:24px}
html[data-theme="dark"] .theme-toggle{border-color:#38516c;background:#17283b;color:#9bcfff}
html[data-theme="dark"] .theme-toggle:hover{border-color:#5a86ae;background:#203b56;color:#c0e1ff}
@media(max-width:700px){.head{height:68px;grid-template-columns:minmax(0,1fr) auto;gap:12px}.brand{grid-column:1;justify-self:start;margin:0}.head-actions{grid-column:2;justify-self:end;gap:8px}.head-actions>.btn{display:none}.theme-toggle{width:42px;height:42px;flex:0 0 42px;margin:0}.menu{display:grid;flex:0 0 44px}.nav{display:flex}.nav:not(.open){visibility:hidden;pointer-events:none}.nav.open{visibility:visible;pointer-events:auto}}

/* Header system: balanced three-zone desktop layout and a dedicated tablet drawer. */
header{padding-block:7px;background:rgba(255,255,255,.97);border-bottom:1px solid #dce7f2;box-shadow:0 4px 18px rgba(20,57,91,.055);backdrop-filter:blur(14px)}
.head{height:auto;min-height:80px;padding-block:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"brand nav actions";grid-template-rows:minmax(60px,auto);align-items:center;gap:24px}
.brand{grid-area:brand;grid-row:1;align-self:center;justify-self:start;gap:12px;font-size:21px}
.brand-icon{width:44px;height:44px;border-radius:14px}
.nav{grid-area:nav;grid-row:1;align-self:center;justify-self:center;width:max-content;max-width:100%;gap:clamp(14px,1.65vw,23px);margin:0;font-size:13px}
.head-actions{grid-area:actions;grid-row:1;align-self:center;justify-self:end;display:flex;align-items:center;gap:10px;direction:rtl}
.head-actions>.btn{min-height:46px;padding-inline:20px;white-space:nowrap}
.theme-toggle{width:44px;height:44px;flex:0 0 44px;border-radius:12px}
.menu{width:44px;height:44px;flex:0 0 44px;border-radius:12px}
.nav>a{padding-block:12px}
.nav>a:after{bottom:1px;height:2px}
@media(max-width:1000px){.head{gap:18px}.nav{gap:13px;font-size:12px}.head-actions>.btn{display:none}}
@media(max-width:860px){
  header{padding-block:5px}
  .head{height:auto;min-height:72px;padding-block:8px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions";grid-template-rows:minmax(56px,auto);align-items:center;gap:14px}
  .brand{grid-area:brand;grid-row:1;justify-self:start}
  .head-actions{grid-area:actions;grid-row:1;justify-self:end;gap:9px}
  .head-actions>.btn{display:none}
  .menu{display:grid}
  .nav{position:fixed;inset:0 0 0 auto;z-index:1001;width:min(360px,88vw);height:100dvh;min-height:100%;display:flex;align-items:stretch;flex-direction:column;gap:0;margin:0;padding:24px 24px 30px;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #dce7f2;background:#fff;box-shadow:-22px 0 55px rgba(15,45,75,.18);transform:translateX(110%);visibility:hidden;pointer-events:none;transition:transform .28s ease,visibility .28s}
  .nav.open{transform:translateX(0);visibility:visible;pointer-events:auto}
  .nav>a{padding:14px 0;border-bottom:1px solid #edf2f7;font-size:14px}
  .nav>a:after{display:none}
  .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--ink-strong);font-size:15px;font-weight:650}
  .mobile-nav-contact{display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:22px;color:var(--muted);font-size:12px}
  .mobile-nav-contact a{color:var(--blue);font-size:17px;direction:ltr;text-align:right}
  .nav-close{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);color:var(--ink)}
  .nav-close iconify-icon{width:20px;height:20px}
  .nav-backdrop{position:fixed;inset:0;z-index:1000;display:block;border:0;background:rgba(8,25,43,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}
  body.nav-open .nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
}
@media(max-width:390px){.head{min-height:68px;padding-block:7px}.brand{font-size:19px}.brand-icon{width:40px;height:40px}}
html[data-theme="dark"] header{background:rgba(13,26,41,.97);border-color:#26394e;box-shadow:0 4px 20px rgba(0,0,0,.24)}
html[data-theme="dark"] .nav{color:#b6c8da}
html[data-theme="dark"] .theme-toggle{border-color:#344b63;background:#17283b;color:#9bcfff}
html[data-theme="dark"] .theme-toggle:hover{border-color:#5a86ae;background:#203b56;color:#c0e1ff}
html[data-theme="dark"] .menu,html[data-theme="dark"] .nav-close{border-color:#344a61;background:#17283b;color:#c9e0f6}
@media(max-width:860px){html[data-theme="dark"] .nav{border-color:#304a63;background:#14263a;box-shadow:-22px 0 60px rgba(0,0,0,.42)}html[data-theme="dark"] .nav>a{border-color:#2b4259;color:#c3d4e5}html[data-theme="dark"] .mobile-nav-head{border-color:#344d66;color:#e4effa}html[data-theme="dark"] .mobile-nav-contact{border-top:1px solid #2b4259;color:#9bb1c8}html[data-theme="dark"] .mobile-nav-contact a{color:#8bc7ff}html[data-theme="dark"] .nav-close{background:#1d3852}html[data-theme="dark"] .nav-backdrop{background:rgba(0,8,18,.7)}}

/* Optical centering and more confident icon scale across all breakpoints. */
iconify-icon{display:block;align-self:center;line-height:1}
.theme-toggle iconify-icon{width:24px;height:24px}
.menu iconify-icon,.nav-close iconify-icon{width:24px;height:24px}
.hero-ecosystem-icon iconify-icon{width:25px;height:25px}
.hero-ecosystem-core-label iconify-icon{width:30px;height:30px}
.dept-icon iconify-icon{width:26px;height:26px}
.tick{width:19px;height:19px;align-self:center}
@media(max-width:700px){.theme-toggle iconify-icon{width:23px;height:23px}.menu iconify-icon,.nav-close iconify-icon{width:23px;height:23px}.hero-ecosystem-icon iconify-icon{width:23px;height:23px}.hero-ecosystem-core-label iconify-icon{width:27px;height:27px}}

/* Icon scale tokens: the script forwards these sizes to Iconify's inner SVG. */
:root{--icon-xs:18px;--icon-sm:20px;--icon-md:24px;--icon-lg:26px;--icon-xl:30px;--icon-2xl:36px;--icon-display:42px}
.theme-toggle{--icon-size:var(--icon-md);display:grid;place-items:center}
.menu{--icon-size:24px}
.nav-close{--icon-size:var(--icon-md)}
.tick{--icon-size:var(--icon-sm)}
.hero-ecosystem-icon{--icon-size:var(--icon-lg)}
.hero-ecosystem-core-label{--icon-size:var(--icon-xl)}
.dept-icon{--icon-size:var(--icon-lg)}
iconify-icon{width:var(--icon-size,24px);height:var(--icon-size,24px)}
.theme-toggle iconify-icon,.head-actions .theme-toggle iconify-icon{width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);min-height:var(--icon-size);transform:none}
.menu iconify-icon,.nav-close iconify-icon,.tick,.hero-ecosystem-icon iconify-icon,.hero-ecosystem-core-label iconify-icon,.dept-icon iconify-icon{width:var(--icon-size);height:var(--icon-size)}

/* App-like mobile shell shared by the homepage and all department pages. */
.app-bottom-nav{display:none}
@media(max-width:860px){
  html{scroll-padding-top:92px;scroll-padding-bottom:122px}
  body{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  .topline{display:none}
  header{padding-block:2px}
  .head{min-height:66px;padding-block:6px;gap:10px}
  .brand{gap:9px;font-size:19px}
  .brand-icon{width:40px;height:40px;border-radius:12px}
  .brand-icon svg{width:24px;height:24px}
  .brand small{margin-top:3px;font-size:9px}
  .head-actions{gap:7px}
  .theme-toggle{width:44px;height:44px;flex-basis:44px;border-radius:12px}
  .menu{width:44px;height:44px;flex-basis:44px;border-radius:12px}
  .theme-toggle iconify-icon{width:22px;height:22px}
  .menu iconify-icon{width:24px;height:24px}

  .app-bottom-nav{position:fixed;inset-inline:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:70;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:7px;border:1px solid rgba(190,211,232,.86);border-radius:19px;background:rgba(255,255,255,.95);box-shadow:0 12px 34px rgba(18,55,95,.16);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .app-tab{position:relative;min-width:0;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 3px 5px;border-radius:13px;color:#70869b;font-size:10px;font-weight:500;line-height:1.35;text-align:center;transition:color .18s,background .18s,transform .18s}
  .app-tab-icon{width:28px;height:26px;display:grid;place-items:center;--icon-size:23px;color:inherit}
  .app-tab-icon iconify-icon{width:var(--icon-size);height:var(--icon-size)}
  .app-tab-label{max-width:100%;overflow:hidden;color:inherit;text-overflow:ellipsis;white-space:nowrap}
  .app-tab.is-active{background:#eaf3fd;color:#1769c2;font-weight:600}
  .app-tab.is-active:before{position:absolute;top:0;left:50%;width:22px;height:2px;transform:translateX(-50%);border-radius:0 0 3px 3px;background:#1769c2;content:''}
  .app-tab:active{transform:scale(.97)}
  .dept-link{min-height:40px;align-items:center}
  .data-card>a{min-height:40px;display:inline-flex;align-items:center}
  .department-service:before{transform:scaleX(1)}
  .department-contact .btn{min-height:48px}
  .site-footer .footer-bottom{padding-bottom:12px}
}
@media(max-width:390px){
  .app-bottom-nav{inset-inline:8px;gap:2px;padding:6px}
  .app-tab{min-height:56px;font-size:9.5px}
  .app-tab-icon{--icon-size:22px}
  .head{gap:7px}
  .head-actions{gap:6px}
}
html[data-theme="dark"] .app-bottom-nav{border-color:rgba(54,79,105,.9);background:rgba(16,31,48,.96);box-shadow:0 14px 38px rgba(0,0,0,.38)}
html[data-theme="dark"] .app-tab{color:#9fb4c9}
html[data-theme="dark"] .app-tab.is-active{background:#1a3550;color:#9acbff}
html[data-theme="dark"] .app-tab.is-active:before{background:#7bbaff}
@media(prefers-reduced-motion:reduce){.app-tab{transition:none!important}}

/* Responsive footer navigation: clear groups, generous tap targets and shared layout on every page. */
.footer-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.8fr);align-items:start;gap:clamp(28px,4vw,54px)}
.footer-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2vw,28px);min-width:0}
.footer-column{min-width:0}
.footer-column h3{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:13px}
.footer-column h3:before{width:4px;height:17px;flex:0 0 4px;border-radius:4px;background:#55b9d0;content:''}
.footer-links{gap:7px}
.footer-links a{min-width:0;min-height:35px;display:flex;align-items:center;padding:5px 0;border-bottom:1px solid rgba(194,218,240,.13);font-size:11px;line-height:1.8;overflow-wrap:anywhere;transition:color .2s,border-color .2s,padding .2s}
.footer-links a:hover{padding-inline-start:5px;border-color:rgba(121,213,223,.42);color:#9be4ec}
.footer-about>p{max-width:360px}
html[data-theme="dark"] .footer-links a{border-color:rgba(163,194,222,.15)}
html[data-theme="dark"] .footer-links a:hover{color:#9be4ec;border-color:rgba(121,213,223,.4)}
@media(max-width:1000px){
  .footer-content{grid-template-columns:minmax(0,1fr);gap:27px}
  .footer-about>p{max-width:620px}
  .footer-navigation{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
}
@media(max-width:700px){
  .footer-main{padding:27px 0 17px}
  .footer-content{grid-template-columns:minmax(0,1fr);gap:23px;padding:25px 0 21px}
  .footer-about{grid-column:auto;min-width:0}
  .footer-about .brand{font-size:20px}
  .footer-about>p{max-width:none;margin:11px 0 15px;font-size:12px;line-height:2.05}
  .footer-contact-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .footer-contact-pills a{min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:7px 10px;border:1px solid rgba(194,218,240,.2);border-radius:11px;background:rgba(255,255,255,.045);font-size:11px;line-height:1.7;overflow-wrap:anywhere}
  .footer-contact-pills span{margin:0;font-size:10px}
  .footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .footer-column{min-width:0;padding:14px 12px 12px;border:1px solid rgba(194,218,240,.17);border-radius:14px;background:rgba(255,255,255,.035)}
  .footer-column:first-child{grid-column:1/-1}
  .footer-column h3{margin-bottom:10px;font-size:12px}
  .footer-column h3:before{height:15px}
  .footer-links{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}
  .footer-column:first-child .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:9px}
  .footer-links a{min-height:40px;padding:7px 8px;border:1px solid rgba(194,218,240,.13);border-radius:9px;background:rgba(255,255,255,.035);font-size:11px;line-height:1.75}
  .footer-links a:hover{padding-inline-start:8px;border-color:rgba(121,213,223,.4);background:rgba(121,213,223,.07)}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:8px;padding-top:15px;font-size:10px;line-height:1.9}
  .footer-bottom a{min-height:40px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(194,218,240,.2);border-radius:10px;background:rgba(255,255,255,.045);color:#d5e7f8}
  html[data-theme="dark"] .footer-column{border-color:rgba(111,147,180,.25);background:rgba(30,53,76,.42)}
  html[data-theme="dark"] .footer-links a,html[data-theme="dark"] .footer-contact-pills a,html[data-theme="dark"] .footer-bottom a{border-color:rgba(111,147,180,.23);background:rgba(22,43,64,.5)}
}
@media(max-width:360px){
  .footer-navigation{gap:10px}
  .footer-column{padding:12px 9px 10px}
  .footer-column:first-child .footer-links{column-gap:6px}
  .footer-links a{padding-inline:6px;font-size:10px}
  .footer-contact-pills{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.footer-links a{transition:none!important}}