:root {
  --blue:#005eff;
  --blue-hover:#004bce;
  --navy:#0c1d3d;
  --cyan:#02d7ff;
  --ink:#0c1d3d;
  --muted:#596a87;
  --paper:#fff;
  --wash:#f3f7fc;
  --line:#e3ebf5;
  --success:#087a52;
  --danger:#b42318;
  --warning:#8a4b08;
  --radius:3px;
  --container:1160px;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-6:24px;
  --space-8:32px;
  --space-12:48px;
  --space-16:64px;
  --space-24:96px
;
  --blue-link:#0060ff;
  --blue-action-hover:#0050d9;
  --blue-focus:#005eff20;
  --blue-shadow:#005eff10;
  --navy-shadow:#0c1d3d0d;
  --muted-small:#667592}
/* Visual contract: B2BWEB-Ultra-Minimal-06.png. No alternative art direction. */
*,*::before,*::after {
  box-sizing:border-box
}
html {
  font-size:16px;
  scroll-behavior:smooth;
  scroll-padding-top:25px
}
body {
  margin:0;
  background:#fff;
  color:var(--ink);
  font-family:IRANSansX,Tahoma,sans-serif;
  font-variation-settings:'DOTS' 0;
  line-height:1.95
}
h1,h2,h3,h4,p,figure {
  margin:0
}
h1 {
  font-size:clamp(1.85rem,3.62vw,2.9rem);
  font-weight:850;
  line-height:1.45
}
h2 {
  font-size:clamp(1.35rem,2.55vw,2rem);
  font-weight:800;
  line-height:1.55
}
h3 {
  font-size:1.08rem;
  font-weight:750;
  line-height:1.7
}
h4 {
  font-size:1rem
}
p {
  color:#596a87
}
p+p {
  margin-top:14px
}
b,strong {
  font-weight:750
}
a {
  color:inherit;
  text-decoration:none
}
a:hover {
  color:var(--blue-link)
}
img {
  display:block;
  max-width:100%;
  height:auto
}
svg {
  max-width:100%
}
button,input,textarea,select {
  font:inherit
}
button {
  cursor:pointer
}
button:disabled {
  cursor:not-allowed;
  opacity:.55
}
a,button,input,select,textarea,summary {
  outline-offset:4px
}
:focus-visible {
  outline:2px solid var(--blue-link)
}
[hidden] {
  display:none!important
}
.container {
  width:min(1160px,calc(100% - 80px));
  margin-inline:auto
}
.section {
  padding-block:34px
}
.section+.section>.container {
  border-top:1px solid #e4ebf3;
  padding-top:32px
}
.section-head {
  text-align:center;
  max-width:850px;
  margin:0 auto 24px
}
.section-head p:not(.kicker) {
  margin-top:5px;
  font-size:.9rem
}
.kicker {
  color:var(--muted-small);
  font-size:.78rem;
  font-weight:450;
  line-height:1.7;
  margin-bottom:7px
}
.muted {
  color:#667592
}
.small {
  font-size:.83rem
}
.fine {
  font-size:.73rem;
  color:var(--muted-small)
}
.center {
  text-align:center
}
.ltr {
  direction:ltr;
  unicode-bidi:isolate
}
.actions {
  display:flex;
  gap:22px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:22px
}
.actions.center,.center .actions {
  justify-content:center
}
.btn {
  min-height:44px;
  padding:10px 24px;
  border:1px solid transparent;
  border-radius:3px;
  font-size:.9rem;
  font-weight:550;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  line-height:1.5;
  transition:background .15s,color .15s
}
.btn-primary {
  background:var(--blue);
  color:white
}
.btn-primary:hover {
  background:var(--blue-action-hover);
  color:white
}
.btn-outline {
  background:white;
  border-color:#cfdaeb;
  color:#203554
}
.btn-outline:hover {
  border-color:var(--blue-link)
}
.btn-quiet {
  background:none;
  color:var(--blue-link);
  padding-inline:5px
}
.text-link {
  color:var(--blue-link);
  font-size:.88rem;
  display:inline-flex;
  align-items:center;
  gap:12px
}
.text-link:hover {
  text-decoration:underline;
  text-underline-offset:4px
}
.arrow {
  font-family:Arial,sans-serif;
  font-size:1.25rem;
  font-weight:400;
  line-height:1
}
.skip-link {
  position:fixed;
  top:10px;
  right:10px;
  z-index:1000;
  padding:10px 20px;
  background:#0b1c33;
  color:white;
  transform:translateY(-150%)
}
.skip-link:focus {
  transform:none
}
.header {
  border-bottom:1px solid #e7edf4;
  background:#fff
}
.nav-wrap {
  min-height:76px;
  display:flex;
  align-items:center;
  gap:24px
}
.logo {
  display:block;
  width:190px;
  flex-shrink:0
}
.b2b-custom-logo {
  display:block;
  width:auto;
  height:auto;
  max-width:180px;
  max-height:52px;
  object-fit:contain
}
.main-nav {
  display:flex;
  gap:25px;
  align-items:center;
  margin-inline:auto
}
.main-nav a {
  white-space:nowrap;
  font-size:.86rem;
  font-weight:500
}
.main-nav a[aria-current=page] {
  color:var(--blue-link)
}
.header-phone {
  font-size:.85rem;
  font-weight:700;
  white-space:nowrap;
  direction:ltr
}
.nav-wrap .btn {
  min-height:40px;
  font-size:.82rem;
  white-space:nowrap;
  padding-inline:18px
}
.menu-toggle {
  display:none;
  min-height:40px;
  padding:8px 12px;
  border:1px solid #d9e3ef;
  border-radius:3px;
  color:var(--navy);
  background:white
}
.columns {
  display:grid;
  grid-template-columns:repeat(4,1fr)
}
.columns.three {
  grid-template-columns:repeat(3,1fr)
}
.columns.two {
  grid-template-columns:repeat(2,1fr)
}
.column {
  padding:0 26px;
  border-inline-start:1px solid #e6edf5
}
.column:first-child {
  border:0;
  padding-inline-start:0
}
.column:last-child {
  padding-inline-end:0
}
.column p {
  font-size:.88rem;
  margin-top:16px
}
.column .text-link {
  margin-top:14px;
  font-size:.82rem
}
.work-rows {
  display:grid;
  gap:8px
}
.work-row {
  border:1px solid #e1e9f4;
  border-radius:3px;
  min-height:76px;
  display:grid;
  grid-template-columns:26px 1.05fr 2.45fr 1.25fr;
  align-items:center;
  padding:12px 19px;
  gap:21px
}
.work-row .work-title {
  font-size:1rem;
  order:4;
  font-weight:750
}
.work-row .work-desc {
  font-size:.87rem;
  text-align:center;
  order:3;
  color:#667492
}
.work-row .work-result {
  order:2;
  border-inline-end:1px solid #e6edf6;
  text-align:center;
  color:#273858;
  font-size:.82rem;
  line-height:1.45
}
.work-result b {
  display:block;
  color:var(--blue-link);
  font-size:1.25rem;
  font-weight:850
}
.work-row .arrow {
  order:1;
  font-size:1.2rem;
  color:#354565
}
.work-row:hover {
  border-color:#90b4f1;
  background:#fcfdff
}
.work-caption {
  font-size:.7rem;
  color:#7d89a0;
  margin-top:10px;
  text-align:center
}
.results-grid {
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:8px
}
.result-panel {
  border:1px solid #e0e8f3;
  border-radius:3px;
  padding:15px 17px;
  min-width:0
}
.result-panel h3 {
  font-size:.95rem;
  margin-bottom:12px
}
.result-panel .chart-title {
  display:flex;
  justify-content:space-between;
  align-items:center
}
.result-panel .chart-title b {
  color:var(--blue-link)
}
.result-panel table {
  font-size:.78rem;
  line-height:1.6
}
.result-panel th,.result-panel td {
  padding:5px 10px;
  text-align:center
}
.result-panel td:first-child {
  text-align:right
}
.chart {
  display:block;
  width:100%;
  height:auto;
  direction:ltr
}
.chart text {
  font-family:IRANSansX,Tahoma,sans-serif;
  fill:#6d7d9c;
  font-size:11px
}
.chart .grid {
  stroke:#e3ecf6;
  stroke-width:1
}
.chart .line {
  fill:none;
  stroke:#0877ff;
  stroke-width:2.3;
  stroke-linejoin:round
}
.chart .dot {
  fill:#0877ff
}
.chart-legend {
  display:flex;
  gap:16px;
  justify-content:center;
  font-size:.76rem;
  color:#5a6a88
}
.chart-legend span::before {
  content:'';
  display:inline-block;
  width:14px;
  height:2px;
  background:var(--blue-link);
  vertical-align:middle;
  margin-inline-end:7px
}
.steps {
  display:grid;
  grid-template-columns:repeat(4,1fr)
}
.step {
  padding:0 24px;
  text-align:center;
  border-inline-start:1px solid #e5ecf5
}
.step:first-child {
  border:0
}
.step .number {
  font-size:2.15rem;
  color:var(--blue-link);
  font-weight:750;
  line-height:1.3;
  display:block;
  margin-bottom:8px
}
.step h3 {
  font-size:1rem
}
.step p {
  font-size:.83rem;
  margin-top:8px
}
.consult-box {
  border:1px solid #dee7f3;
  border-radius:4px;
  padding:20px 34px;
  text-align:center
}
.consult-box h2 {
  font-size:1.55rem
}
.consult-box>p {
  font-size:.83rem;
  margin:4px 0 15px
}
.consult-box .kicker {
  font-size:.72rem;
  margin:0 0 4px
}
.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 28px;
  text-align:right
}
.field {
  display:flex;
  flex-direction:column;
  gap:4px
}
.field.full {
  grid-column:1/-1
}
.field label {
  font-size:.78rem;
  color:#4c5d7e;
  font-weight:500
}
.field input,.field select,.field textarea {
  min-width:0;
  width:100%;
  min-height:42px;
  padding:8px 12px;
  border:1px solid #cbd8e9;
  border-radius:3px;
  color:#172c50;
  background:#fff;
  font-size:.88rem;
  line-height:1.7
}
.field input::placeholder,.field textarea::placeholder {
  color:#8798b2;
  font-size:.78rem;
  opacity:1
}
.field textarea {
  resize:vertical;
  min-height:105px
}
.field [aria-invalid=true] {
  border-color:#b42318
}
.error {
  color:#b42318;
  font-size:.73rem;
  line-height:1.7
}
.optional {
  font-weight:400;
  color:#8995a9;
  font-size:.73rem
}
.consent {
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin:14px 0;
  color:#61728e;
  font-size:.75rem;
  text-align:right
}
.consent input {
  accent-color:var(--blue-link);
  min-width:16px;
  min-height:16px;
  margin:3px 0 0
}
.consent a {
  text-decoration:underline;
  color:var(--blue-link)
}
.form-actions {
  text-align:center;
  margin-top:15px
}
.form-actions .btn {
  min-width:240px;
  min-height:38px;
  padding:8px 28px;
  font-size:.85rem
}
.form-help {
  font-size:.71rem;
  color:#6a7b97;
  margin-top:6px;
  text-align:center
}
.honey {
  position:absolute;
  clip-path:inset(50%);
  width:1px;
  height:1px;
  overflow:hidden
}
.form-status {
  padding:12px 16px;
  margin-top:16px;
  border:1px solid #dce7f5;
  color:#344c6f;
  font-size:.86rem;
  text-align:right;
  background:#f8fbff
}
.form-status[data-state=error] {
  color:#b42318;
  border-color:#ebc0ba
}
.form-summary {
  white-space:pre-wrap;
  text-align:right;
  font:inherit;
  font-size:.85rem;
  padding:16px;
  border:1px solid #e1e9f4;
  margin:14px 0
}
.form-preview-note {
  font-size:.67rem;
  color:#8290a5;
  text-align:center;
  margin-top:7px
}
.no-js-hint {
  font-size:.8rem;
  color:#904a14
}
.footer {
  background:linear-gradient(105deg,#102233,#0a192a);
  color:#fff;
  padding:24px 0 15px
}
.footer-grid {
  display:grid;
  grid-template-columns:1fr 1.25fr .9fr .9fr 1.5fr;
  gap:25px
}
.footer-col {
  border-inline-start:1px solid #31475b;
  padding-inline-start:24px
}
.footer-col:first-child {
  border:0;
  padding:0
}
.footer h3 {
  font-size:.84rem;
  color:white;
  line-height:1.6;
  margin-bottom:5px
}
.footer p,.footer li,.footer a {
  font-size:.73rem;
  color:#d1deec;
  line-height:1.8
}
.footer ul {
  list-style:none;
  padding:0;
  margin:0
}
.footer li {
  margin:3px 0
}
.footer li>a {
  display:inline-flex;
  align-items:center;
  min-width:24px;
  min-height:24px
}
.footer .fine {
  color:#d1deec
}
.footer-brand img {
  width:145px;
  height:auto
}
.footer-brand p {
  margin-top:6px;
  font-size:.68rem
}
.footer .english {
  font-family:Arial,sans-serif;
  letter-spacing:1.2px;
  line-height:1.55;
  font-size:.54rem;
  max-width:105px;
  margin-top:9px
}
.blue-rule {
  height:2px;
  width:43px;
  background:#02b4f3;
  margin-top:10px
}
.footer-bottom {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:20px;
  padding-top:12px;
  border-top:1px solid #314154
}
.footer-bottom p,.footer-bottom a {
  font-size:.66rem
}
.footer-legal {
  display:flex;
  gap:16px;
  flex-wrap:wrap
}
.preview-mark {
  position:fixed;
  bottom:8px;
  left:8px;
  font-size:10px;
  color:#647695;
  background:#ffffffec;
  border:1px solid #dbe5f1;
  padding:3px 8px;
  border-radius:3px;
  z-index:30
}
.breadcrumb {
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
  font-size:.76rem;
  color:var(--muted-small);
  padding-block:17px
}
.page-hero {
  padding:28px 0 35px;
  border-bottom:1px solid #e5ecf4
}
.hero-grid {
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:60px;
  align-items:center
}
.page-hero .intro {
  font-size:1rem;
  margin-top:17px;
  max-width:680px
}
.page-hero.center .intro,.page-hero.center h1 {
  margin-inline:auto;
  max-width:900px
}
.page-hero h1 {
  font-size:clamp(1.7rem,3.1vw,2.55rem)
}
.hero-panel {
  border:1px solid #e0e8f3;
  border-radius:3px;
  padding:21px 25px
}
.hero-panel h2 {
  font-size:1.16rem;
  margin-bottom:10px
}
.hero-panel p {
  font-size:.86rem
}
.subnav,.toc {
  display:flex;
  justify-content:center;
  gap:25px;
  flex-wrap:wrap;
  padding:14px 0;
  border-bottom:1px solid #e6edf5;
  font-size:.8rem;
  color:#607291
}
.split {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:44px;
  align-items:start
}
.grid-3,.grid-2,.grid-4,.case-grid {
  display:grid;
  gap:16px;
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-2,.case-grid {
  grid-template-columns:1fr 1fr
}
.grid-4 {
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.panel {
  border:1px solid #e0e8f3;
  border-radius:3px;
  padding:24px
}
.panel p {
  font-size:.89rem;
  margin-top:10px
}
.panel .text-link {
  margin-top:16px
}
.panel-head,.case-meta {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px
}
.mini-label {
  display:inline-flex;
  color:#70829e;
  font-size:.69rem;
  line-height:1.6;
  border:1px solid #dce6f3;
  border-radius:3px;
  padding:3px 7px
}
.mini-list {
  list-style:none;
  padding:0;
  margin:17px 0 0
}
.mini-list li {
  position:relative;
  padding:8px 17px 8px 0;
  font-size:.89rem;
  color:#5c6c88;
  border-bottom:1px solid #edf1f6
}
.mini-list li:last-child {
  border:0
}
.mini-list li::before {
  content:'';
  position:absolute;
  right:0;
  top:21px;
  width:4px;
  height:4px;
  background:var(--blue-link);
  border-radius:50%
}
.plain-list {
  padding-inline-start:20px;
  color:#596c89;
  font-size:.9rem;
  margin:15px 0
}
.plain-list li {
  padding:6px 0
}
.check-list {
  list-style:none;
  margin:17px 0 0;
  padding:0
}
.check-list li {
  font-size:.9rem;
  padding:8px 23px 8px 0;
  color:#566986;
  position:relative
}
.check-list li::before {
  content:'✓';
  position:absolute;
  right:0;
  color:var(--blue-link)
}
.note {
  font-size:.8rem;
  color:#647793;
  border-inline-start:2px solid var(--blue-link);
  padding:9px 16px;
  background:#fafcff;
  margin-top:18px
}
.section-intro {
  font-size:.94rem;
  max-width:850px;
  margin:0 auto 23px;
  text-align:center
}
.table-wrap {
  width:100%;
  overflow:auto;
  border:1px solid #e0e8f3;
  border-radius:3px
}
table {
  width:100%;
  border-collapse:collapse;
  text-align:right;
  font-size:.87rem
}
th,td {
  padding:14px 18px;
  border-bottom:1px solid #e6edf5;
  vertical-align:top
}
th {
  background:#f5f8fc;
  color:#394e71;
  font-weight:550
}
th+th,td+td {
  border-inline-start:1px solid #e8eef5
}
tr:last-child td {
  border-bottom:0
}
td {
  color:#566b8b
}
td a {
  color:var(--blue-link)
}
caption {
  padding:10px;
  font-size:.78rem;
  color:#697c96;
  text-align:right
}
.process-row {
  display:grid;
  grid-template-columns:60px 1.3fr 1fr;
  gap:25px;
  border-bottom:1px solid #e5ecf4;
  padding:24px 0
}
.process-row:last-child {
  border:0
}
.process-row .number {
  color:var(--blue-link);
  font-size:2rem;
  font-weight:750;
  line-height:1.4
}
.process-row p {
  font-size:.87rem;
  margin-top:8px
}
.outcome {
  border-inline-start:1px solid #e2eaf4;
  padding-inline-start:24px;
  font-size:.85rem;
  color:#607492
}
.outcome b {
  color:#18325a;
  display:block;
  margin-bottom:4px
}
.faq-list {
  border-top:1px solid #e2eaf4
}
.faq-list details {
  border-bottom:1px solid #e2eaf4
}
.faq-list summary {
  list-style:none;
  padding:17px 0 17px 30px;
  cursor:pointer;
  position:relative;
  font-size:.94rem;
  font-weight:650
}
.faq-list summary::-webkit-details-marker {
  display:none
}
.faq-list summary::after {
  content:'+';
  position:absolute;
  left:0;
  top:15px;
  font-family:Arial,sans-serif;
  font-size:1.2rem;
  color:var(--blue-link)
}
.faq-list details[open] summary::after {
  content:'−'
}
.faq-list details p {
  font-size:.88rem;
  padding-bottom:18px;
  max-width:100ch
}
.filter-bar {
  display:flex;
  align-items:end;
  gap:15px;
  margin-bottom:20px
}
.filter-field {
  flex:1;
  min-width:0
}
.filter-field label {
  font-size:.75rem;
  color:#70819c;
  display:block;
  margin-bottom:4px
}
.filter-field input,.filter-field select {
  border:1px solid #d1deef;
  border-radius:3px;
  background:white;
  padding:8px 12px;
  min-height:42px;
  font-size:.86rem;
  width:100%;
  color:#334d72
}
.filter-count {
  font-size:.78rem;
  color:#7d8ba3;
  white-space:nowrap;
  margin-bottom:11px
}
.empty {
  border:1px dashed #ceddec;
  padding:30px;
  text-align:center
}
.empty p {
  margin:10px 0;
  font-size:.86rem
}
.case-card {
  border:1px solid #e0e8f3;
  padding:22px;
  border-radius:3px
}
.case-card h3 {
  margin:10px 0
}
.case-card p {
  font-size:.85rem
}
.case-card .text-link {
  margin-top:15px
}
.case-specimen {
  border:1px solid #e3ecf5;
  background:#fcfdff;
  padding:15px;
  margin-top:20px;
  display:grid;
  gap:9px
}
.case-specimen span {
  font-size:.73rem;
  color:#6e809b;
  border-bottom:1px solid #e4ebf5;
  padding:4px 0
}
.case-specimen b {
  font-size:.92rem;
  color:#1a3156
}
.case-specimen div {
  display:flex;
  justify-content:space-between;
  gap:15px;
  font-size:.76rem;
  color:#6880a2
}
.case-specimen div i {
  height:5px;
  flex:1;
  background:#e8f0fb;
  align-self:center
}
.case-specimen div i::after {
  content:'';
  display:block;
  width:68%;
  height:5px;
  background:var(--blue-link)
}
.case-gallery {
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:20px
}
.diagram {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  text-align:center
}
.diagram div {
  border:1px solid #dce6f3;
  padding:18px 12px;
  border-radius:3px
}
.diagram b {
  color:var(--blue-link);
  font-size:.82rem;
  display:block;
  margin-bottom:7px
}
.diagram p {
  font-size:.8rem
}
.article {
  max-width:850px;
  margin-inline:auto
}
.article p {
  font-size:.95rem;
  line-height:2.1
}
.article h2 {
  font-size:1.5rem;
  margin-bottom:15px
}
.article h3 {
  margin:20px 0 12px
}
.article-meta {
  display:flex;
  gap:18px;
  justify-content:center;
  flex-wrap:wrap;
  font-size:.75rem;
  color:#7b8ca7;
  margin-top:17px
}
.article-meta a {
  color:var(--blue-link)
}
.article-card {
  display:flex;
  flex-direction:column;
  border-bottom:1px solid #e3ecf5;
  padding:22px 0
}
.article-card:first-child {
  padding-top:0
}
.article-card h3 {
  font-size:1.13rem
}
.article-card p {
  font-size:.88rem;
  margin-top:9px
}
.article-card .text-link {
  margin-top:10px
}
.author-row {
  display:flex;
  gap:22px;
  align-items:center;
  border:1px solid #e1eaf5;
  padding:22px
}
.initials {
  display:grid;
  place-items:center;
  border:1px solid #dce8f7;
  width:76px;
  height:76px;
  color:var(--blue-link);
  flex-shrink:0;
  background:#fafcff;
  font-size:1.4rem;
  font-weight:750
}
.author-row p {
  font-size:.83rem;
  margin-top:6px
}
.person-card {
  border:1px solid #e2eaf4;
  padding:23px
}
.person-card .initials {
  margin-bottom:20px
}
.person-card h3 {
  margin:7px 0
}
.person-card p {
  font-size:.85rem
}
.person-card .text-link {
  margin-top:15px
}
.profile-grid {
  display:grid;
  grid-template-columns:160px 1fr;
  gap:35px;
  align-items:start
}
.profile-grid .initials {
  width:150px;
  height:150px;
  font-size:2.5rem
}
.tag-row {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:17px
}
.tag-row a,.tag-row span {
  font-size:.73rem;
  color:#56708e;
  border:1px solid #dce7f5;
  padding:5px 10px;
  border-radius:3px
}
.quote {
  border-inline-start:2px solid var(--blue-link);
  padding-inline-start:22px;
  margin:22px 0;
  color:#314d75;
  font-size:1.04rem;
  line-height:2
}
.address-card {
  border-bottom:1px solid #e3ecf5;
  padding:19px 0
}
.address-card h3 {
  font-size:1rem
}
.address-card p {
  font-size:.86rem;
  margin-top:5px
}
.contact-route {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px
}
.status-header {
  max-width:750px;
  margin:0 auto;
  text-align:center
}
.status-code {
  font-size:4rem;
  color:var(--blue-link);
  line-height:1.3;
  font-weight:850
}
.status-header h1 {
  font-size:2.2rem
}
.status-header p {
  margin-top:16px
}
.legal.article {
  max-width:920px
}
.legal p,.legal li {
  font-size:.92rem
}
.required-detail {
  color:#7e561d;
  background:#fffaf0;
  padding:1px 6px
}
.policy-index {
  display:flex;
  gap:15px;
  flex-wrap:wrap;
  justify-content:center;
  font-size:.77rem;
  color:#466991
}
.campaign .hero-grid {
  grid-template-columns:1.05fr 1fr;
  gap:55px;
  align-items:start
}
.campaign .page-hero {
  padding-block:48px
}
.campaign .hero-panel {
  padding:25px
}
.campaign .hero-panel h2 {
  text-align:center;
  font-size:1.4rem;
  margin-bottom:6px
}
.campaign .hero-panel>p {
  text-align:center;
  margin-bottom:20px;
  font-size:.8rem
}
.campaign .page-hero h1 {
  font-size:2.35rem
}
.brand-number {
  color:var(--blue-link);
  font-weight:700;
  font-size:1.5rem;
  display:block;
  margin-bottom:10px
}
.type-row {
  display:grid;
  grid-template-columns:170px 1fr;
  gap:24px;
  align-items:center;
  padding:22px 0;
  border-bottom:1px solid #e2eaf5
}
.type-row>span {
  font-size:.78rem;
  color:#7889a5
}
.doc-links {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  justify-content:center;
  font-size:.83rem;
  color:var(--blue-link)
}
.directory table {
  font-size:.8rem
}
.directory th,.directory td {
  padding:11px 13px
}
.print-only {
  display:none
}
/* Homepage proportions at the original 864px canvas. */
@media(max-width:1050px) {
  .nav-wrap {
    min-height:65px;
    gap:19px
  }
  .logo {
    width:160px
  }
  .main-nav {
    gap:22px
  }
  .main-nav a {
    font-size:.74rem
  }
  .header-phone {
    font-size:.72rem
  }
  .nav-wrap .btn {
    font-size:.73rem;
    padding:8px 17px;
    min-height:35px
  }
  .column {
    padding-inline:18px
  }
  .column p {
    font-size:.83rem
  }
  .work-row {
    gap:17px;
    min-height:68px;
    padding-block:9px
  }
  .work-row .work-title {
    font-size:.92rem
  }
  .work-row .work-desc {
    font-size:.79rem
  }
  .work-result b {
    font-size:1.18rem
  }
  .step {
    padding-inline:18px
  }
  .step h3 {
    font-size:.91rem
  }
  .step p {
    font-size:.78rem
  }
  .results-grid {
    grid-template-columns:1fr 1.15fr
  }
  .result-panel {
    padding:13px 14px
  }
  .footer-grid {
    gap:18px
  }
  .footer-col {
    padding-inline-start:18px
  }
  .hero-grid {
    gap:32px
  }
  .split {
    gap:30px
  }
  .grid-4 {
    grid-template-columns:repeat(2,1fr)
  }
  .campaign .hero-grid {
    gap:30px
  }
  .campaign .page-hero h1 {
    font-size:2rem
  }
}
@media(min-width:761px) and (max-width:900px) {
  .nav-wrap {
    min-height:60px;
    gap:18px
  }
  .logo {
    width:146px
  }
  .main-nav {
    gap:24px
  }
  .main-nav a {
    font-size:.65rem
  }
  .header-phone {
    font-size:.66rem
  }
  .nav-wrap .btn {
    min-height:32px;
    font-size:.67rem;
    padding:7px 20px
  }
}
@media(max-width:760px) {
  .container {
    width:calc(100% - 36px)
  }
  .nav-wrap {
    min-height:67px;
    gap:14px;
    position:relative
  }
  .logo {
    width:150px
  }
  .nav-wrap>.btn {
    margin-inline-start:auto;
    min-height:36px;
    font-size:.73rem;
    padding-inline:14px
  }
  .header-phone {
    display:none
  }
  .menu-toggle {
    display:block
  }
  .main-nav {
    display:none;
    flex-direction:column;
    position:absolute;
    top:67px;
    inset-inline:-18px;
    background:white;
    border-block:1px solid #e3ebf5;
    z-index:70;
    gap:0;
    padding:8px 18px;
    align-items:stretch
  }
  .main-nav.is-open {
    display:flex
  }
  .main-nav a {
    font-size:.9rem;
    padding:12px 8px
  }
  .section {
    padding-block:30px
  }
  .section+.section>.container {
    padding-top:26px
  }
  .section-head {
    margin-bottom:22px
  }
  .section-head h2,.home .section-head h2 {
    font-size:1.4rem
  }
  .section-head p:not(.kicker),.home .section-head p:not(.kicker) {
    font-size:.82rem;
    line-height:1.95
  }
  .home .service-lines,.columns {
    grid-template-columns:1fr 1fr;
    gap:26px 0
  }
  .columns.three,.columns.two {
    grid-template-columns:1fr
  }
  .column {
    padding-inline:18px
  }
  .column:nth-child(odd) {
    border:0;
    padding-inline-start:0
  }
  .column:nth-child(even) {
    padding-inline-end:0
  }
  .columns.three .column,.columns.two .column {
    padding:0;
    border:0;
    border-bottom:1px solid #e6edf5;
    padding-bottom:20px
  }
  .columns.three .column:last-child,.columns.two .column:last-child {
    border:0;
    padding-bottom:0
  }
  .column p,.home .column p {
    font-size:.85rem;
    margin-top:11px
  }
  .home .work-row,.work-row {
    grid-template-columns:16px 1fr 1.1fr;
    gap:12px;
    padding:14px 12px;
    min-height:105px
  }
  .work-row .work-title,.home .work-row .work-title {
    grid-column:2/4;
    grid-row:1;
    order:0;
    font-size:.98rem
  }
  .work-row .work-desc,.home .work-row .work-desc {
    grid-column:3;
    grid-row:2;
    text-align:right;
    font-size:.78rem
  }
  .work-row .work-result,.home .work-row .work-result {
    grid-column:2;
    grid-row:2;
    font-size:.72rem;
    line-height:1.7
  }
  .work-row .arrow {
    grid-column:1;
    grid-row:1/3
  }
  .work-result b {
    font-size:1.2rem
  }
  .results-grid {
    grid-template-columns:1fr
  }
  .result-panel {
    padding:17px
  }
  .result-panel h3 {
    font-size:.94rem
  }
  .result-panel table {
    font-size:.8rem
  }
  .result-panel th,.result-panel td {
    padding:6px 9px
  }
  .steps {
    grid-template-columns:1fr 1fr;
    gap:26px 0
  }
  .step {
    padding-inline:16px
  }
  .step:nth-child(odd) {
    border:0
  }
  .step h3 {
    font-size:.96rem
  }
  .step p {
    font-size:.82rem
  }
  .step .number {
    font-size:2rem
  }
  .consult-box,.home .consult-box {
    padding:21px 18px
  }
  .consult-box h2,.home .consult-box h2 {
    font-size:1.22rem
  }
  .consult-box>p,.home .consult-box>p {
    font-size:.81rem;
    line-height:1.9;
    margin-bottom:18px
  }
  .form-grid,.home .form-grid {
    gap:14px 18px
  }
  .field label,.home .field label {
    font-size:.77rem
  }
  .field input,.field select,.home .field input,.home .field select {
    height:auto;
    min-height:43px;
    padding:7px 10px;
    font-size:.86rem
  }
  .footer,.home .footer {
    padding:30px 0
  }
  .footer-grid,.home .footer-grid {
    grid-template-columns:1fr 1fr;
    gap:28px 18px
  }
  .footer-col,.home .footer-col {
    padding:0;
    border:0
  }
  .footer-col:nth-child(even) {
    border-inline-start:1px solid #304558;
    padding-inline-start:22px
  }
  .footer-brand {
    grid-column:1/-1;
    grid-row:1
  }
  .footer .footer-brand img {
    width:150px
  }
  .footer h3,.home .footer h3 {
    font-size:.91rem
  }
  .footer p,.footer li,.footer a,.home .footer p,.home .footer li,.home .footer a {
    font-size:.79rem
  }
  .footer .footer-brand p,.home .footer-brand p {
    font-size:.78rem
  }
  .footer .english,.home .footer .english {
    font-size:.6rem;
    max-width:170px
  }
  .footer-bottom {
    flex-direction:column;
    align-items:flex-start;
    margin-top:26px;
    gap:12px
  }
  .footer-legal {
    gap:12px 18px
  }
  .footer-bottom a,.footer-bottom p {
    font-size:.7rem
  }
  .page-hero {
    padding-block:24px 31px
  }
  .hero-grid,.campaign .hero-grid {
    grid-template-columns:1fr;
    gap:25px
  }
  .page-hero h1,.campaign .page-hero h1 {
    font-size:1.95rem
  }
  .page-hero .intro {
    font-size:.95rem;
    line-height:1.95
  }
  .hero-panel {
    padding:20px
  }
  .split,.split.wide,.case-gallery {
    grid-template-columns:1fr;
    gap:24px
  }
  .grid-3,.grid-4 {
    grid-template-columns:1fr 1fr
  }
  .grid-2,.case-grid {
    grid-template-columns:1fr
  }
  .panel {
    padding:21px
  }
  .subnav {
    gap:11px 19px;
    font-size:.76rem;
    justify-content:flex-start
  }
  .section-intro {
    font-size:.9rem
  }
  .process-row {
    grid-template-columns:42px 1fr;
    gap:17px
  }
  .process-row .outcome {
    grid-column:2;
    border:0;
    padding:0
  }
  .process-row .number {
    font-size:1.7rem
  }
  .diagram {
    grid-template-columns:1fr 1fr
  }
  .filter-bar {
    flex-wrap:wrap;
    gap:12px
  }
  .filter-field {
    flex:1 1 150px
  }
  .filter-count {
    margin:0;
    flex-basis:100%
  }
  .article p {
    font-size:.94rem
  }
  .article h2 {
    font-size:1.35rem
  }
  .article-meta {
    gap:9px 16px;
    font-size:.72rem
  }
  .author-row {
    gap:16px;
    padding:18px;
    align-items:start
  }
  .profile-grid {
    grid-template-columns:100px 1fr;
    gap:23px
  }
  .profile-grid .initials {
    width:100px;
    height:100px;
    font-size:2rem
  }
  .campaign .page-hero {
    padding-block:30px
  }
  .campaign .hero-panel {
    padding:20px
  }
  .type-row {
    grid-template-columns:1fr;
    gap:12px
  }
  .directory td:nth-child(3) {
    min-width:210px
  }
}
@media(max-width:480px) {
  .nav-wrap {
    gap:9px
  }
  .logo {
    width:131px
  }
  .nav-wrap>.btn {
    font-size:.68rem;
    padding-inline:11px;
    min-height:35px
  }
  .menu-toggle {
    font-size:.77rem;
    padding:7px 10px;
    min-height:35px
  }
  .grid-3,.grid-4,.form-grid,.home .form-grid {
    grid-template-columns:1fr
  }
  .field.full {
    grid-column:auto
  }
  .form-actions .btn {
    width:100%;
    min-width:0
  }
  .step {
    padding-inline:12px
  }
  .step h3 {
    font-size:.86rem
  }
  .step p {
    font-size:.77rem
  }
  .work-row .work-title,.home .work-row .work-title {
    font-size:.92rem
  }
  .work-row .work-desc,.home .work-row .work-desc {
    font-size:.73rem
  }
  .page-hero h1,.campaign .page-hero h1 {
    font-size:1.8rem
  }
  .page-hero .actions {
    gap:13px
  }
  .page-hero .btn {
    font-size:.83rem;
    padding-inline:17px
  }
  .table-wrap th,.table-wrap td {
    padding:11px 12px;
    min-width:95px
  }
  .table-wrap td:first-child {
    min-width:145px
  }
  .result-panel th,.result-panel td {
    padding:6px 8px;
    min-width:0
  }
  .result-panel td:first-child {
    min-width:0
  }
  .result-panel {
    padding:12px
  }
  .result-panel table {
    font-size:.73rem
  }
  .contact-route {
    align-items:start;
    flex-direction:column;
    gap:10px
  }
  .profile-grid {
    grid-template-columns:1fr
  }
  .profile-grid .initials {
    width:85px;
    height:85px
  }
  .hero-panel {
    padding:18px
  }
  .section-head h2,.home .section-head h2 {
    font-size:1.29rem
  }
  .column h3 {
    font-size:1rem
  }
  .article h2 {
    font-size:1.25rem
  }
  .author-row {
    flex-direction:column
  }
  .status-header h1 {
    font-size:1.75rem
  }
  .status-code {
    font-size:3rem
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
}
@media print {
  .header,.footer,.preview-mark,.print-button,.subnav,.breadcrumb {
    display:none!important
  }
  .print-only {
    display:block
  }
  body {
    font-size:11pt
  }
  .container {
    width:100%;
    max-width:100%
  }
  .section {
    padding-block:20px
  }
  .section-head,h1,h2,h3 {
    break-after:avoid
  }
  .panel,.swatch,.consult-box {
    break-inside:avoid
  }
}

/* Final implementation brief: verified clients, visual case studies and project outcomes. */
.client-trust {
  padding-block:20px
}
.client-trust .section-head {
  margin-bottom:14px
}
.client-logo-strip {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:clamp(16px,3vw,34px);
  border-block:1px solid var(--line);
  padding:22px 0
}
.client-logo-item {
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:center
}
.client-logo-item img {
  display:block;
  width:auto;
  max-width:min(180px,90%);
  height:46px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.7
}
.service-case-grid .case-card {
  overflow:hidden;
  padding:0
}
.service-case-grid .project-thumbnail {
  display:block;
  width:100%;
  aspect-ratio:16/10;
  margin:0;
  border:0;
  border-radius:0
}
.service-case-grid .project-thumbnail img {
  width:100%;
  height:100%;
  object-fit:cover
}
.service-case-copy {
  padding:18px
}
.service-case-copy h3 {
  margin:0 0 6px
}
.service-case-copy p {
  margin:6px 0
}
.service-case-label {
  color:var(--blue);
  font-weight:700;
  font-size:.82rem
}
.achievement-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px
}
.project-achievement {
  min-height:150px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:linear-gradient(150deg,#fff,#f6f9fd)
}
.project-achievement strong,
.project-achievement span,
.project-achievement small {
  display:block
}
.project-achievement strong {
  color:var(--blue);
  font-size:clamp(1.25rem,2.4vw,1.8rem);
  line-height:1.5
}
.project-achievement span {
  margin-top:8px;
  color:var(--ink);
  line-height:1.8
}
.project-achievement small {
  margin-top:5px;
  color:var(--muted)
}
.services-done .column {
  min-height:96px
}
.directory-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px
}
.directory-group {
  border-top:3px solid var(--blue);
  padding:18px 20px;
  background:#f8fafd
}
.directory-group h2 {
  font-size:1.1rem;
  margin:0 0 10px
}
.directory-group ul {
  list-style:none;
  padding:0;
  margin:0
}
.directory-group li+li {
  margin-top:6px
}
@media(max-width:760px) {
  .client-logo-strip {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .achievement-grid,
  .directory-grid {
    grid-template-columns:1fr
  }
}
.error:empty {
  display:none
}
.work-title {
  text-align:left
}
.work-result b {
  unicode-bidi:plaintext
}
@media(min-width:761px) and (max-width:900px) {
  .nav-wrap {
    min-height:59px
  }
  .nav-wrap .btn {
    font-size:.75rem;
    min-width:123px
  }
  .main-nav a {
    font-size:.7rem
  }
  .header-phone {
    font-size:.73rem
  }
}
@media(max-width:760px) {
  .work-row .work-title,.home .work-row .work-title {
    text-align:right
  }
}
/* Explicit service navigation and factual project galleries, in the reference system. */
.header {
  position:relative;
  z-index:80
}
.nav-services {
  position:relative
}
.nav-services summary {
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
  font-size:.86rem;
  font-weight:500
}
.nav-services summary::-webkit-details-marker {
  display:none
}
.nav-services summary>span {
  color:var(--blue)
}
.nav-services[open]>summary {
  color:var(--blue)
}
.nav-services summary:focus-visible {
  outline:2px solid var(--blue);
  outline-offset:5px
}
.services-menu {
  position:absolute;
  top:calc(100% + 20px);
  right:-20px;
  width:540px;
  padding:20px;
  background:white;
  border:1px solid #e3ebf5;
  border-top:2px solid var(--blue);
  border-radius:3px;
  box-shadow:0 10px 28px var(--navy-shadow);
  z-index:100
}
.services-menu-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:14px;
  border-bottom:1px solid #e3ebf5
}
.services-menu-top>span {
  font-size:.75rem;
  color:#596a87
}
.services-menu-primary {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px 20px;
  padding:12px 0;
  border-bottom:1px solid #e3ebf5
}
.main-nav .services-menu-primary>li > a {
  font-weight:700;
  font-size:.84rem;
  padding:9px 0
}
.services-menu-more {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px 20px;
  padding-top:10px
}
.main-nav .services-menu-more>li > a {
  font-size:.76rem;
  padding:7px 0
}
.services-menu a:hover {
  color:var(--blue)
}
.project-jumps {
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:24px;
  padding-top:18px;
  border-top:1px solid #e3ebf5
}
.project-jumps a {
  font-size:.76rem;
  color:#596a87
}
.project-jumps a:hover {
  color:var(--blue)
}
.project-facts {
  margin:20px 0 0
}
.project-facts>div {
  padding:12px 0;
  border-top:1px solid #e3ebf5
}
.project-facts dt {
  font-size:.72rem;
  color:#596a87
}
.project-facts dd {
  margin:5px 0 0;
  font-size:.85rem
}
.external-arrow {
  display:inline-block;
  margin-inline-start:8px;
  color:var(--blue)
}
.btn-primary .external-arrow {
  color:white
}
.project-thumbnail {
  display:block;
  margin:22px 0;
  border:1px solid #e3ebf5;
  border-radius:3px;
  overflow:hidden;
  aspect-ratio:1.515;
  background:#f7faff
}
.project-thumbnail img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top;
  transition:transform .2s ease
}
.project-thumbnail:hover img {
  transform:scale(1.015)
}
.project-browser {
  border:1px solid #e3ebf5;
  border-radius:3px;
  overflow:hidden;
  margin:0 auto;
  background:white;
  max-width:1040px
}
.browser-bar {
  direction:ltr;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 18px;
  background:#f7faff;
  border-bottom:1px solid #e3ebf5;
  font-size:.73rem;
  color:#596a87
}
.browser-dots {
  color:#c9d5e5;
  letter-spacing:4px;
  font-size:9px
}
.browser-bar .text-link {
  direction:rtl
}
.project-screen-link {
  display:block
}
.project-screen-link>img {
  display:block;
  width:100%;
  height:auto
}
.project-screen-link>.external-arrow,.project-screen-link>.sr-only {
  display:none
}
.project-browser figcaption {
  padding:12px 18px;
  font-size:.73rem;
  color:#596a87;
  border-top:1px solid #e3ebf5
}
.source-links {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  margin-top:16px
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}
@media(max-width:1100px) {
  .nav-services summary {
    font-size:.74rem
  }
}
@media(max-width:900px) {
  .nav-services summary {
    font-size:.7rem
  }
  .services-menu {
    width:490px;
    right:-10px
  }
}
@media(max-width:760px) {
  .nav-services summary {
    font-size:.9rem;
    padding:12px 8px
  }
  .main-nav {
    max-height:calc(100dvh - 82px);
    overflow:auto
  }
  .services-menu {
    position:static;
    width:100%;
    padding:8px 12px 14px;
    box-shadow:none;
    border:0;
    border-bottom:1px solid #e3ebf5
  }
  .services-menu-top {
    padding:10px 0
  }
  .services-menu-top>span {
    display:none
  }
  .services-menu-primary,.services-menu-more {
    gap:3px 14px
  }
  .main-nav .services-menu-primary>li > a,.main-nav .services-menu-more>li > a {
    white-space:normal;
    font-size:.78rem;
    line-height:1.9;
    padding:9px 0
  }
  .project-jumps {
    gap:8px 16px
  }
  .project-jumps a {
    font-size:.75rem
  }
  .browser-bar {
    padding:10px;
    gap:8px;
    font-size:.67rem
  }
  .browser-bar .text-link {
    font-size:.68rem
  }
  .browser-dots {
    display:none
  }
  .project-browser figcaption {
    padding:10px;
    font-size:.7rem
  }
  .project-thumbnail {
    margin:18px 0
  }
  .project-facts {
    margin-top:12px
  }
}
/* HTML/CSS-only navigation. Native disclosures work without scripting. */
.raw-mobile-menu  {
  display: none;
}
.raw-mobile-panel  {
  position: absolute;
  inset-inline: 0;
  top: 100%;
  padding: 12px 18px;
  max-height: calc(100dvh - 82px);
  overflow: auto;
  background: #fff;
  border: 1px solid #e3ebf5;
  z-index: 100;
}
.raw-mobile-panel > a  {
  display: block;
  padding: 12px 8px;
  font-size: .9rem;
}
.raw-mobile-menu > summary  {
  cursor: pointer;
  list-style: none;
  margin: 0;
}
.raw-mobile-menu > summary::-webkit-details-marker  {
  display: none;
}
.raw-mobile-menu > summary:focus-visible  {
  outline: 2px solid var(--blue);
  outline-offset: 3px;
}
.raw-mobile-menu[open] > summary  {
  color: var(--blue);
  border-color: var(--blue);
}
.raw-mobile-panel .services-menu  {
  position: static;
  width: 100%;
  box-shadow: none;
}
.raw-mobile-panel .services-menu-primary > li > a  {
  display: block;
  font-size: .79rem;
  font-weight: 700;
  padding: 9px 0;
}
.raw-mobile-panel .services-menu-more > li > a  {
  display: block;
  font-size: .77rem;
  padding: 9px 0;
}
.raw-filter  {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.raw-filter > legend  {
  font-size: .82rem;
  color: #596a87;
  margin-bottom: 12px;
}
.raw-filter-input  {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  margin: 0;
}
.raw-filter-label  {
  display: inline-block;
  border: 1px solid #e3ebf5;
  border-radius: 3px;
  padding: 9px 16px;
  margin: 0 0 10px 8px;
  font-size: .82rem;
  cursor: pointer;
  background: #fff;
}
.raw-filter-input:checked + .raw-filter-label  {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}
.raw-filter-input:focus-visible + .raw-filter-label  {
  outline: 2px solid var(--blue);
  outline-offset: 3px;
}
.raw-filter-items  {
  margin-top: 20px;
}
.raw-filter-empty  {
  display: none;
  padding: 24px;
  background: #f3f7fc;
  border: 1px solid #e3ebf5;
}
.lead-form button[disabled]  {
  opacity: .7;
  cursor: default;
}
.semantic-data[hidden]  {
  display: none !important;
}
@media (max-width: 760px)  {
  .raw-mobile-menu  {
    display: block;
  }
  .raw-mobile-menu > summary  {
    display: block;
  }
  .raw-filter-label  {
    font-size: .76rem;
    padding: 9px 12px;
  }
  .raw-mobile-panel .nav-services summary  {
    font-size: .9rem;
  }
}
#raw-filter-02-1:checked ~ .raw-filter-items [data-filter-card]:not([data-category~="industrial"]) {
  display:none
}
#raw-filter-02-2:checked ~ .raw-filter-items [data-filter-card]:not([data-category~="wholesale"]) {
  display:none
}
#raw-filter-02-3:checked ~ .raw-filter-items [data-filter-card]:not([data-category~="food"]) {
  display:none
}
#raw-filter-02-4:checked ~ .raw-filter-items [data-filter-card]:not([data-category~="retail"]) {
  display:none
}
@media print {
  .raw-mobile-menu,.raw-filter-input,.raw-filter-label,.raw-filter>legend,.raw-filter-empty {
    display:none!important
  }
  .raw-filter-items [data-filter-card] {
    display:block!important
  }
}