/* Palette and visual refinements. The database theme supplies the base variables. */
:root {
 --navy:color-mix(in srgb,var(--brand) 32%,#061c28);
 --soft:color-mix(in srgb,var(--brand) 3%,var(--paper));
 --line:color-mix(in srgb,var(--brand) 12%,var(--paper));
 --muted:color-mix(in srgb,var(--ink) 68%,var(--paper));
 --shadow:0 18px 50px color-mix(in srgb,var(--brand) 9%,transparent);
}
body:not(.admin-body)>#site-header {position:sticky;top:0;z-index:50}
.site-header {height:86px;background:color-mix(in srgb,var(--paper) 94%,transparent)}
.header-inner {gap:24px}.main-nav {gap:26px;font-size:14px}
.main-nav>a {position:relative}.main-nav>a.active {box-shadow:none;font-weight:600}
.main-nav>a.active::after {content:'';position:absolute;height:3px;width:18px;background:var(--accent);border-radius:3px;bottom:-9px;inset-inline-start:0}
.brand-full {width:168px;height:45px;object-fit:contain}
.language-link {border-inline-start:1px solid var(--line);padding-inline-start:18px}
.btn {min-height:48px;border-radius:min(var(--radius),14px);font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}
.btn:not(.light):not(.ghost):not(.accent) {box-shadow:0 7px 18px color-mix(in srgb,var(--brand) 12%,transparent)}
.btn:hover {box-shadow:0 9px 25px color-mix(in srgb,var(--brand) 17%,transparent)}
.btn.small {min-height:41px}.btn.light {background:var(--paper);border-color:var(--line)}
.section {padding-block:92px}.section-head {margin-bottom:38px}.section-head h2 {font-weight:600}
.section-head p {font-size:15px;line-height:1.95}
.section-head>.text-link {min-height:45px;padding:8px 9px 8px 18px;border:1px solid var(--line);border-radius:100px;flex-shrink:0;gap:18px}
.section-head>.text-link>span {width:29px;height:29px;border-radius:50%;background:var(--soft);display:grid;place-items:center}
.eyebrow {letter-spacing:0;font-size:12px}

/* Hero artwork is decorative; its charts do not contain invented business statistics. */
.hero {padding:52px 0 58px;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 8%,var(--paper)),var(--paper) 51%,color-mix(in srgb,var(--brand) 4%,var(--paper)));border-bottom:1px solid var(--line)}
.hero::before {width:520px;height:520px;top:40px;inset-inline-end:-70px;background:color-mix(in srgb,var(--accent) 7%,transparent);border:0;box-shadow:none;filter:blur(55px)}
.hero-grid-pattern {position:absolute;inset:0;opacity:.3;background-image:radial-gradient(color-mix(in srgb,var(--brand) 32%,transparent) .7px,transparent .7px);background-size:25px 25px;mask-image:linear-gradient(90deg,#000,transparent 55%);pointer-events:none}
.hero .hero-grid {gap:30px;grid-template-columns:1fr 1.05fr}.hero-grid>* {min-width:0}
.hero-copy {position:relative;z-index:3}
.hero .eyebrow {background:var(--paper);border:1px solid var(--line);padding:7px 15px;margin-bottom:22px;box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 3%,transparent)}
.hero .eyebrow::before {background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
.hero h1 {font-size:clamp(46px,5vw,68px);font-weight:700;line-height:1.42;letter-spacing:-1.7px}
.hero h1 span {width:fit-content;isolation:isolate}
.hero h1 span::after {content:'';position:absolute;z-index:-1;inset-inline:0 -4px;height:11px;bottom:13px;background:var(--accent);opacity:.52;border-radius:50% 16% 50% 20%;transform:rotate(-2deg)}
.hero p {font-size:16px;max-width:490px;line-height:2.05;margin-top:20px}
.hero-actions {margin-top:28px;align-items:center;gap:12px;flex-wrap:wrap}
.hero-actions .btn {padding:12px 20px;min-height:54px}
.button-arrow {display:grid;place-items:center;border-radius:50%;width:25px;height:25px;background:#ffffff20;margin-inline-start:5px}
.hero-note {margin-top:29px;gap:12px}.hero-note .mini-check {width:35px;height:35px;background:color-mix(in srgb,var(--accent) 23%,var(--paper));color:var(--brand);border:1px solid color-mix(in srgb,var(--accent) 50%,var(--paper));flex-shrink:0}
.hero-note strong {font-size:12px}.hero-note small {font-size:11px;margin-top:2px}
.hero .vector-visual {min-height:460px;height:auto;width:100%;aspect-ratio:1.13}
.hero-vector {width:115%;max-width:none;margin-inline:-7.5%;height:auto;overflow:visible}
.artwork-main {filter:drop-shadow(0 23px 23px color-mix(in srgb,var(--brand) 13%,transparent))}
.artwork-satellite {filter:drop-shadow(0 10px 12px color-mix(in srgb,var(--brand) 7%,transparent))}
.vector-label {right:auto;inset-inline-end:14%;bottom:-2px;padding:13px 17px;border-radius:min(var(--radius),16px);border-color:var(--line);background:var(--paper);box-shadow:var(--shadow);gap:11px}
.vector-label>span:first-child {background:color-mix(in srgb,var(--accent) 20%,var(--paper));color:var(--brand);border-radius:12px;width:39px;height:39px}
.vector-label strong {font-size:11px}.vector-label small {letter-spacing:0;color:var(--muted);font-size:10px}
.vector-label .visual-status {width:7px;height:7px;background:var(--accent);border-radius:50%;margin-inline-start:8px}

.services-grid {gap:18px}.service-card {padding:29px 25px;border-radius:var(--radius);position:relative;overflow:hidden;background:var(--paper)}
.service-card-top {display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}
.service-card .service-icon {margin:0;height:52px;width:52px;background:var(--soft);border:1px solid var(--line);border-radius:16px}
.service-number {font:500 14px/1.8 system-ui,sans-serif;color:color-mix(in srgb,var(--brand) 25%,var(--paper))}
.service-card h3 {font-size:18px}.service-card p {font-size:14px;min-height:76px}.service-card .text-link {margin-top:22px;gap:20px}
.service-card:first-child {background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 14px 28px color-mix(in srgb,var(--brand) 14%,transparent)}
.service-card:first-child::after {content:'';position:absolute;width:190px;height:190px;inset-inline-end:-80px;top:-80px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 26px #ffffff04,0 0 0 52px #ffffff03;pointer-events:none}
.service-card:first-child .service-icon {color:var(--accent);border-color:#ffffff15;background:#ffffff12}
.service-card:first-child .service-number {color:#ffffff75}.service-card:first-child p,.service-card:first-child .text-link {color:#fff}

/* Abstract application windows, separate from owner-uploaded product images. */
.product-grid {gap:24px}.product-card {background:var(--paper);box-shadow:0 3px 10px color-mix(in srgb,var(--brand) 2%,transparent)}
.product-art {--art-ink:var(--brand);--art-accent:var(--accent);height:192px;background:color-mix(in srgb,var(--brand) 7%,var(--paper))}
.product-art.management,.product-art.utilities {--art-ink:color-mix(in srgb,var(--brand) 75%,var(--accent));background:color-mix(in srgb,var(--accent) 16%,var(--paper))}
.product-art.financial,.product-art.health,.product-art.education {background:color-mix(in srgb,var(--brand) 9%,var(--paper))}
.product-art::before {width:230px;height:230px;top:-70px;inset-inline-end:-20px;border-color:color-mix(in srgb,var(--art-ink) 8%,transparent);box-shadow:0 0 0 32px #ffffff32,0 0 0 66px #ffffff22}
.product-art::after {width:130px;height:130px;top:105px;inset-inline-start:-35px;border-color:#ffffff8a;box-shadow:none}
.system-illustration {width:244px;height:145px;position:relative;z-index:1;direction:ltr}
.system-window {width:207px;height:130px;position:absolute;top:9px;left:3px;background:var(--paper);border:1px solid color-mix(in srgb,var(--art-ink) 12%,var(--paper));border-radius:12px;transform:rotate(-7deg);box-shadow:0 16px 22px color-mix(in srgb,var(--art-ink) 11%,transparent);overflow:hidden;transition:transform .35s}
.system-window-top {display:flex;align-items:center;gap:4px;height:22px;padding:0 11px;background:color-mix(in srgb,var(--art-ink) 4%,var(--paper));border-bottom:1px solid var(--line)}
.system-window-top span {height:3px;width:3px;border-radius:50%;background:var(--art-ink);opacity:.2}.system-window-top span:first-child {background:var(--art-accent);opacity:1}
.system-window-body {display:flex;height:108px;gap:12px}.system-rail {width:34px;padding:15px 9px;flex-shrink:0;background:var(--art-ink);display:flex;flex-direction:column;gap:10px}
.system-rail span {height:3px;width:16px;background:#ffffff40;border-radius:3px}.system-rail span:first-child {background:var(--art-accent)}
.system-workspace {padding:12px 10px 12px 0;flex:1}.system-tiles {display:flex;gap:6px}
.system-tiles span {border-radius:3px;height:21px;flex:1;background:color-mix(in srgb,var(--art-ink) 7%,var(--paper));border-top:3px solid color-mix(in srgb,var(--art-ink) 17%,var(--paper))}.system-tiles span:nth-child(2) {border-top-color:var(--art-accent)}
.system-bars {display:flex;height:48px;align-items:end;gap:9px;padding:10px 8px 0;margin-top:5px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0 12px,color-mix(in srgb,var(--art-ink) 6%,transparent) 12px 13px)}
.system-bars span {width:11px;height:50%;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--art-ink) 32%,var(--paper))}
.system-bars span:nth-child(2) {height:75%;background:var(--art-ink)}.system-bars span:nth-child(3) {height:40%}.system-bars span:nth-child(4) {height:84%;background:var(--art-accent)}.system-bars span:nth-child(5) {height:62%}.system-bars span:nth-child(6) {height:96%;background:var(--art-ink)}
.system-symbol {position:absolute;bottom:8px;right:1px;width:66px;height:66px;display:grid;place-items:center;border-radius:19px;background:var(--art-ink);color:#fff;border:4px solid color-mix(in srgb,var(--art-ink) 8%,var(--paper));box-shadow:0 8px 18px color-mix(in srgb,var(--art-ink) 16%,transparent);transform:rotate(6deg);transition:transform .35s;font-size:26px}
.system-connector {position:absolute;top:3px;right:23px;width:26px;height:26px;border-radius:8px;background:var(--art-accent);transform:rotate(17deg);border:5px solid color-mix(in srgb,var(--art-accent) 20%,var(--paper))}
.product-card:hover .system-window {transform:translateY(-3px) rotate(-3deg)}.product-card:hover .system-symbol {transform:translateY(-2px) rotate(0)}
.product-body {padding:25px}.product-body .category-label {font-size:11px;color:var(--brand);margin-bottom:9px;display:inline-flex;align-items:center;gap:7px}
.category-label::before {content:'';width:5px;height:5px;border-radius:50%;background:var(--accent)}
.product-body h3 {font-size:22px;font-weight:600}.product-body p {line-height:1.95}.product-footer {margin-top:24px}
.product-footer .arrow-circle {height:32px;width:32px;background:var(--soft);border-color:transparent;transition:background .2s,color .2s}.product-card:hover .arrow-circle {background:var(--brand);color:#fff}

.stats-section {padding-block:74px;background:var(--navy)}
.stats-section::before {width:580px;height:580px;top:-220px;border-color:#ffffff0f;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02}
.stats-layout {grid-template-columns:1fr 1.25fr;gap:100px}.stats-section h2 {font-size:clamp(32px,3.4vw,44px);max-width:350px}.stats-section p {color:#d3e2e5;font-size:15px}
.stats-grid {grid-template-columns:repeat(2,1fr);gap:16px}.stat {text-align:start;padding:21px 25px;border:1px solid #ffffff14;background:#ffffff05;border-radius:min(var(--radius),17px);position:relative}
.stat::after {content:'';position:absolute;width:5px;height:5px;inset-inline-end:18px;top:20px;border-radius:50%;background:var(--accent);opacity:.65}
.stat strong {font-size:42px;font-weight:500;display:inline-block}.stat span {font-size:12px;color:#d3e2e5;margin-top:6px}
.news-grid {gap:24px}.news-card {background:var(--paper);transition:transform .25s,box-shadow .25s}.news-card:hover {box-shadow:var(--shadow)}
.news-art {height:215px;background:var(--navy);isolation:isolate}
.news-art::after {width:255px;height:255px;border-radius:38px;border-color:#ffffff14;transform:rotate(-24deg);box-shadow:0 0 0 33px #ffffff04,0 0 0 66px #ffffff03;inset-inline-start:-60px;top:-140px}
.news-card:nth-child(2) .news-art {background:var(--brand)}.news-card:nth-child(3) .news-art {background:color-mix(in srgb,var(--brand) 66%,var(--navy))}
.news-art-orbit {position:absolute;width:220px;height:220px;border:1px dashed #ffffff22;border-radius:50%;transform:rotate(20deg)}
.news-art-orbit::before {content:'';position:absolute;height:7px;width:7px;border-radius:50%;background:var(--accent);top:26px;left:31px}
.news-art-symbol {position:relative;display:grid;place-items:center;width:98px;height:98px;color:var(--accent);border:1px solid #ffffff25;border-radius:28px;background:#ffffff08;box-shadow:0 14px 30px #00151b18;transform:rotate(-8deg);font-size:43px;z-index:1;transition:transform .3s}
.news-card:hover .news-art-symbol {transform:rotate(0) translateY(-3px)}.news-art-lines {width:44px;height:4px;background:var(--accent);border-radius:3px;position:absolute;inset-inline-end:26px;bottom:26px;opacity:.7}
.news-art-lines::after {content:'';width:24px;height:4px;position:absolute;top:10px;inset-inline-end:0;background:#ffffff45;border-radius:3px}
.news-body {padding:24px}.news-meta {font-size:11px;gap:9px;margin-bottom:14px;flex-wrap:wrap}.news-meta>span:first-child {font-size:10px;padding:3px 8px;background:var(--soft);border-radius:6px}
.news-body h3 {font-size:19px;line-height:1.7}.news-body p {font-size:13px;line-height:1.95}.news-body .text-link {padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between}

.cta-section {padding:5px 0 86px}.cta-box {padding:45px 44px;background:var(--brand);border-color:var(--brand);color:#fff;gap:26px;border-radius:calc(var(--radius)*1.3)}
.cta-box::after {width:420px;height:420px;inset-inline-end:-180px;top:-170px;border-color:#ffffff18;box-shadow:0 0 0 50px #ffffff04,0 0 0 100px #ffffff03}
.cta-symbol {font-size:33px;height:80px;width:80px;background:#ffffff0f;color:var(--accent);border:1px solid #ffffff24;border-radius:24px;display:grid;place-items:center;flex-shrink:0;transform:rotate(-7deg)}
.cta-box>div {flex:1}.cta-box h2 {font-size:30px;color:#fff}.cta-box p {color:#fff;font-size:14px}.cta-box .btn {background:#fff;color:var(--brand);min-height:52px;padding-inline:23px}
.site-footer {background:var(--navy);color:#fff;padding-top:50px;border-top:0;overflow:hidden;--city-line:color-mix(in srgb,var(--brand) 38%,#a0c6ca)}
.site-footer:has(.footer-skyline) {padding-top:0}.footer-skyline {max-width:1600px;margin:0 auto 40px;opacity:.65}
.footer-skyline img,.footer-skyline svg {width:100%;height:auto;max-height:218px;object-fit:cover;object-position:bottom}
.footer-grid {grid-template-columns:1.4fr .75fr .85fr 1.15fr;gap:50px}.footer-about>p {color:#d0e0e5;font-size:12px;line-height:2.05}
.site-footer .brand-full {filter:brightness(0) invert(1);opacity:1}.footer-column h4 {font-size:14px;margin-bottom:23px;color:#fff}
.footer-column a,.footer-column>span {font-size:12px;color:#d0e0e5;margin-block:12px}.footer-column a:hover {color:var(--accent)}.footer-contact {gap:12px}.footer-contact i {color:var(--accent)}
.footer-social {gap:8px;margin-top:22px}.footer-social a {width:35px;height:35px;border:1px solid #ffffff22;background:#ffffff06;color:#d9e7eb;border-radius:10px;transition:color .2s,background .2s}.footer-social a:hover {color:var(--navy);background:var(--accent)}
.footer-bottom {border-color:#ffffff18;padding-block:22px;margin-top:48px;font-size:11px;color:#bbd1da}.footer-bottom a {color:#d0e0e5}
.page-intro {position:relative;overflow:hidden;padding-block:50px 52px;background:linear-gradient(115deg,var(--soft),color-mix(in srgb,var(--accent) 6%,var(--paper)))}
.page-intro::after {content:'';position:absolute;width:330px;height:330px;border:1px solid color-mix(in srgb,var(--brand) 7%,transparent);border-radius:50%;inset-inline-end:-75px;top:-95px;box-shadow:0 0 0 40px color-mix(in srgb,var(--brand) 2%,transparent);pointer-events:none}
.page-intro .container {position:relative;z-index:1}.page-intro h1 {font-weight:600;max-width:1000px}.breadcrumb {margin-bottom:20px}
.filter-bar {gap:20px;margin-bottom:34px}.tab {border-radius:100px;padding:8px 15px;font-size:12px;transition:background .2s,color .2s}.tab.active {box-shadow:0 4px 12px color-mix(in srgb,var(--brand) 12%,transparent)}
.search-box input {min-height:43px}.branch-card,.value-card,.feature-group,.product-aside {background:var(--paper);box-shadow:0 5px 18px color-mix(in srgb,var(--brand) 3%,transparent)}
.branch-card {padding:27px;border-top:3px solid color-mix(in srgb,var(--accent) 65%,var(--paper))}.branch-card h3 {font-size:21px}
.form-card {background:var(--paper);padding:34px;box-shadow:0 12px 44px color-mix(in srgb,var(--brand) 6%,transparent)}.info-row>i {border:1px solid var(--line)}
.faq-list details {background:var(--paper);border-radius:min(var(--radius),17px)}.faq-list details[open] {border-color:color-mix(in srgb,var(--brand) 38%,var(--paper));background:var(--soft)}
.login-page {background:radial-gradient(ellipse at 15% 10%,color-mix(in srgb,var(--accent) 17%,var(--paper)),transparent 60%),var(--soft)}.login-card {background:var(--paper);border-radius:calc(var(--radius)*1.2)}
@media(prefers-reduced-motion:no-preference) {
 .hero-copy {animation:copy-arrive .55s ease-out both}.hero .hero-vector {animation:artwork-arrive .7s ease-out both}
 @keyframes copy-arrive {from {opacity:.3;transform:translateY(12px)}to {opacity:1;transform:translateY(0)}}
 @keyframes artwork-arrive {from {opacity:.4;transform:translateY(16px)}to {opacity:1;transform:translateY(0)}}
}
@media(max-width:1120px) {
 .main-nav {gap:17px}.hero .hero-grid {gap:22px}.hero h1 {font-size:54px}.hero .vector-visual {min-height:390px}.vector-label {inset-inline-end:5%}
 .service-card {padding:25px 20px}.service-card h3 {font-size:16px}.stats-layout {gap:45px}.footer-grid {gap:30px}.cta-box {padding:35px}.cta-symbol {height:65px;width:65px;font-size:27px}.cta-box h2 {font-size:26px}
}
@media(max-width:850px) {
 .site-header {height:76px}.main-nav {gap:4px}.main-nav>a.active::after {display:none}.main-nav>a.active {background:var(--soft)}.language-link {border:0;padding:0}
 .hero {padding-block:42px}.hero .hero-grid {grid-template-columns:1fr;gap:18px}.hero-copy {max-width:640px}.hero h1 {font-size:58px}
 .hero .vector-visual {max-width:530px;min-height:0;width:100%;margin-inline:auto}.hero-vector {width:106%;margin-inline:-3%}.vector-label {inset-inline-end:10%;bottom:0}
 .section {padding-block:64px}.services-grid,.product-grid {gap:18px}.service-card h3 {font-size:19px}.service-card p {min-height:50px}
 .stats-layout {grid-template-columns:1fr;gap:32px}.stats-section h2 {max-width:100%}.stats-grid {grid-template-columns:repeat(4,1fr);gap:12px}.stat {padding:18px 15px}.stat strong {font-size:30px}.stat span {font-size:11px}
 .news-grid>.news-card:last-child {display:block}.cta-box {flex-direction:row;flex-wrap:wrap;align-items:center}.cta-box>div {flex-basis:calc(100% - 120px)}.cta-box .btn {margin-inline-start:91px}
 .footer-grid {grid-template-columns:1.2fr 1fr;gap:35px}.footer-skyline {margin-bottom:30px}
}
@media(max-width:540px) {
 .container {width:calc(100% - 36px)}.brand-full {width:145px}.hero {padding:31px 0 34px}.hero .hero-grid {gap:15px}
 .hero h1 {font-size:clamp(40px,11.8vw,49px);letter-spacing:-1.1px}.hero h1 span::after {height:8px;bottom:10px}.hero .eyebrow {margin-bottom:18px;font-size:10px;padding:5px 12px}
 .hero p {margin-top:17px;font-size:14px}.hero-actions {gap:9px;margin-top:22px}.hero-actions .btn {font-size:11px;padding:10px 15px;min-height:49px;gap:8px}.button-arrow {width:21px;height:21px;margin:0}
 .hero-note {margin-top:23px}.hero-note strong {font-size:11px}.hero-note small {font-size:10px}.hero .vector-visual {width:100%;max-width:380px;aspect-ratio:1.18;min-height:0}.hero-vector {width:111%;margin-inline:-5.5%}
 .vector-label {padding:9px 12px;inset-inline-end:3%;bottom:-4px;gap:8px}.vector-label strong {font-size:9px}.vector-label small {font-size:8px}.vector-label>span:first-child {height:30px;width:30px;border-radius:9px;font-size:13px}.vector-label .visual-status {margin-inline-start:2px;width:5px;height:5px}
 .section {padding-block:49px}.section-head {margin-bottom:25px}.section-head h2 {font-size:29px}.section-head p {font-size:13px}.section-head>.text-link {width:fit-content;min-height:40px;padding-block:5px;font-size:12px}
 .services-grid {gap:12px}.service-card {padding:21px 16px}.service-card-top {margin-bottom:20px}.service-card .service-icon {height:42px;width:42px;border-radius:13px;font-size:18px}.service-number {font-size:11px}.service-card h3 {font-size:15px;line-height:1.65}.service-card p {font-size:11px;min-height:82px}.service-card .text-link {font-size:10px;gap:12px;margin-top:15px}
 .product-grid {gap:20px}.product-art {height:190px}.product-body {padding:23px}.product-body h3 {font-size:22px}.stats-grid {grid-template-columns:repeat(2,1fr);gap:12px}.stats-layout {gap:27px}.stats-section {padding-block:48px}.stats-section h2 {font-size:32px}
 .stat,.stat:nth-child(2n+1) {padding:19px;border:1px solid #ffffff14}.stat strong {font-size:35px}.stat span {font-size:11px}.stat::after {top:16px;inset-inline-end:14px}
 .news-art {height:200px}.news-body {padding:23px}.cta-section {padding:0 0 48px}.cta-box {padding:26px 24px;gap:20px}.cta-symbol {width:52px;height:52px;border-radius:17px;font-size:23px}.cta-box>div {flex-basis:100%}.cta-box h2 {font-size:27px}.cta-box p {font-size:13px;line-height:1.9}.cta-box .btn {margin:2px 0 0;min-height:46px}
 .footer-grid {grid-template-columns:1fr 1fr;gap:29px 24px}.footer-about>p {max-width:none}.footer-skyline {width:180%;max-width:none;margin-inline:-40%;margin-bottom:26px}.footer-skyline img,.footer-skyline svg {max-height:125px;width:100%;max-width:100%;margin:0}.footer-bottom {margin-top:31px;padding-block:20px;font-size:10px}.footer-column h4 {margin-bottom:16px}
 .page-intro {padding-block:32px 36px}.page-intro h1 {font-size:32px}.filter-bar {gap:16px}.tabs {gap:7px}.tab {font-size:11px;padding:7px 12px}.form-card {padding:24px}.product-aside .product-art {height:170px}.branch-card {padding:24px}
}
@media(prefers-reduced-motion:reduce) {.system-window,.system-symbol,.news-art-symbol {transition:none}}