/* A calm navy foundation with restrained teal and warm accents. */
:root{--bg:#09121e;--panel:#101c2b;--panel2:#162436;--text:#f1f5fa;--muted:#adbed0;--line:#293b50;--accent:#82d9d4;--premium-cyan:#82d9d4}
:root{--premium-muted:#c6d4e2;--muted:#c6d4e2;--text:#f7f9fd}
body{background:var(--bg)}
.premium-hero{background:#0c1929}
.home-solutions{background:#0b1725}
.home-solutions-grid,.home-solution,.home-web-link{border-color:#31475b}
.home-solution{--accent-card:#86d6d1}.home-solution-ecommerce{--accent-card:#b7bef0}.home-solution-printing{--accent-card:#dfb994}.home-solution-wholesale{--accent-card:#a5d6bd}.home-solution-education{--accent-card:#b4c8ef}.home-solution-custom{--accent-card:#dfb994}
.process{background:#0b1522}.process-node{background:#101d2b}
.cta-box{background:#132437;border-color:#364c61}.cta h2 span{color:#83d8d4}
.button.primary{background:#82d9d4;color:#091b22}.button.primary:hover{background:#a3e8df}
.footer{background:#08111b}
/* Clearer typography and line work, without a halo or excessive glow. */
.premium-hero-copy>p,.home-solutions-intro>p,.home-solution p,.home-web-link small,.process-item p{color:#cbd9e6}
.hero-expertise-item span,.region,.process-number,.home-solution-index{color:#b9d0dd}
.eyebrow,.hero-expertise-item .icon,.home-web-icon,.home-web-action{color:#a5eee5}
.home-solution{--accent-card:#a1eee2}.home-solution-ecommerce{--accent-card:#d2caff}.home-solution-printing{--accent-card:#ffd2a7}.home-solution-wholesale{--accent-card:#b3efd0}.home-solution-education{--accent-card:#cadbff}.home-solution-custom{--accent-card:#ffcca4}
.home-solution-art{opacity:1}.home-solution-art svg{stroke-width:2.35}.home-solution-index{opacity:1}.home-solution-link{font-weight:700}
.filament{stroke:#9af3e9;stroke-width:1.7;animation-name:filament-clear}.filament-b{stroke:#b6d0ff}.filament-c{stroke:#ffd1a7}.filament-d{stroke:#9ee9e3}
@keyframes filament-clear{0%{stroke-dashoffset:1;opacity:0}12%{opacity:.88}42%,65%{stroke-dashoffset:0;opacity:.88}90%,100%{stroke-dashoffset:-1;opacity:0}}
.process-grid:before,.process-grid:after{height:2px}.process-grid:before{background:#57718a}.process-node{border-color:#7699a8;color:#b6d8df}.process-node .icon{stroke-width:1.8}.process-grid:after{background:linear-gradient(90deg,#ffc796,#9af9e8)}html[dir=ltr] .process-grid:after{background:linear-gradient(90deg,#9af9e8,#ffc796)}
.solution-info p,.section-head>p,.service-card p,.why-item p,.faq-list p{color:#c7d6e3}.solution-visual{color:#a9eee6}.solution-schematic svg{stroke-width:1.7}
.learning-copy>p,.learning-heading>p,.learning-feature p,.learning-role p,.learning-audience-item p,.bespoke-heading>p,.bespoke-challenges p,.bespoke-solution-grid p,.whole-copy>p,.whole-feature p,.print-copy>p,.print-audience-item p,.commerce-copy>p{color:#c7d6e3}
.delivery-icon,.learning-feature>span,.bespoke-solution-grid article>span{color:#a8f0e6;border-color:#75bcb6}.delivery-icon .icon,.learning-feature .icon,.bespoke-solution-grid .icon{stroke-width:1.8}
@media(max-width:680px){.home-solution-art svg{stroke-width:2.7}.process-grid:before,.process-grid:after{width:2px;height:auto}.home-solution p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.filament{animation:none;stroke-dashoffset:0;opacity:.65}}

/* The header floats over the homepage hero; narrow beams stay sharp, without glow. */
body[data-page="home"] .header{margin-bottom:-94px;transition:background-color .25s ease,border-color .25s ease,backdrop-filter .25s ease}
body[data-page="home"] .header.over-hero{background:transparent;border-color:transparent;backdrop-filter:none}
body[data-page="home"].menu-open .header.over-hero{background:#080e18f2;border-color:#ffffff0a;backdrop-filter:blur(18px)}
body[data-page="home"] .premium-hero-copy{padding-top:219px}
.hero-rays{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-ray{position:absolute;display:block;width:38%;height:5px;clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(90deg,transparent 0%,#8de5df 58%,#d4fff8 100%);opacity:.78;transform-origin:center;animation:ray-breathe 7s ease-in-out infinite;box-shadow:none;filter:none}
.hero-ray-one{top:26%;left:-9%;transform:rotate(-30deg)}
.hero-ray-two{top:64%;left:-12%;width:30%;height:3px;transform:rotate(19deg);animation-delay:-2s;background:linear-gradient(90deg,transparent,#b3c8ff 65%,#e3e9ff)}
.hero-ray-three{top:36%;right:-8%;transform:rotate(207deg);animation-delay:-3.5s}
.hero-ray-four{top:76%;right:-11%;width:28%;height:3px;transform:rotate(159deg);animation-delay:-5s;background:linear-gradient(90deg,transparent,#e4ae83 65%,#ffe1c5)}
@keyframes ray-breathe{0%,100%{opacity:.58}50%{opacity:1}}
@media(max-width:940px){body[data-page="home"] .header{margin-bottom:-78px}body[data-page="home"] .premium-hero-copy{padding-top:178px}}
@media(max-width:680px){body[data-page="home"] .premium-hero-copy{padding-top:158px}.hero-ray{width:42%;height:4px}.hero-ray-one{left:-18%;top:25%}.hero-ray-two{left:-19%;top:70%;width:40%;height:3px}.hero-ray-three{right:-18%;top:39%}.hero-ray-four{right:-20%;top:80%;width:38%;height:3px}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .header{transition:none}.hero-ray{animation:none;opacity:.82}}
/* Light streaks have a luminous centre and a tapered, translucent body. */
.hero-ray{height:18px;clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(90deg,transparent 2%,#5ecdc817 25%,#8ff7e875 78%,#d8fff9bd 100%);opacity:.9;animation:none}
.hero-ray:after{content:'';position:absolute;inset:46% 0;clip-path:polygon(0 50%,100% 0,100% 100%);background:linear-gradient(90deg,transparent 5%,#b4fff980 62%,#effffb 100%);opacity:.9;animation:ray-core 6s ease-in-out infinite}
.hero-ray-two{height:12px;background:linear-gradient(90deg,transparent,#a8befe4d 60%,#d8e8ffb8);animation:none}.hero-ray-two:after{animation-delay:-2s}
.hero-ray-three:after{animation-delay:-3.5s}
.hero-ray-four{height:12px;background:linear-gradient(90deg,transparent,#efb1844d 60%,#ffe1c0b8);animation:none}.hero-ray-four:after{animation-delay:-5s}
@keyframes ray-core{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:680px){.hero-ray{height:12px}.hero-ray-two,.hero-ray-four{height:9px}}
@media(prefers-reduced-motion:reduce){.hero-ray:after{animation:none;opacity:.85}}
.hero-ray{clip-path:polygon(0 50%,70% 12%,100% 50%,70% 88%);background:linear-gradient(90deg,transparent 0%,#69dcd219 25%,#a4fff78a 70%,transparent 100%)}
.hero-ray:after{clip-path:polygon(0 50%,70% 0,100% 50%,70% 100%);background:linear-gradient(90deg,transparent 3%,#b4fff986 60%,#effffbdc 72%,transparent 100%)}
.hero-ray-two{background:linear-gradient(90deg,transparent,#a8befe4d 65%,transparent)}.hero-ray-four{background:linear-gradient(90deg,transparent,#efb18458 65%,transparent)}
/* A dark hero and moving, sharply defined light travelling along each beam. */
body[data-page="home"] .premium-hero{background:#060d18}
.hero-ray,.hero-ray-two,.hero-ray-four{height:12px;overflow:hidden;clip-path:none;opacity:1;background:linear-gradient(90deg,transparent,#8bdcd315 30%,#8bdcd329 72%,transparent);animation:none}
.hero-ray:after{inset:auto;top:50%;left:0;width:55%;height:5px;transform:translate(-115%,-50%);clip-path:polygon(0 50%,92% 0,100% 50%,92% 100%);background:linear-gradient(90deg,transparent,#72d9d544 40%,#bcfff5c9 85%,#effffd 96%,transparent);opacity:1;animation:light-travel 6.5s ease-in-out infinite}
.hero-ray-two:after{animation-delay:-1.6s;background:linear-gradient(90deg,transparent,#97b4ed44 40%,#d7e4ffcf 85%,#fff 96%,transparent)}
.hero-ray-three:after{animation-delay:-3.1s}
.hero-ray-four:after{animation-delay:-4.8s;background:linear-gradient(90deg,transparent,#dba47544 40%,#ffdec4cf 85%,#fff4ea 96%,transparent)}
@keyframes light-travel{0%,8%{transform:translate(-115%,-50%);opacity:0}18%{opacity:1}72%{opacity:1}88%,100%{transform:translate(195%,-50%);opacity:0}}
@media(max-width:680px){.hero-ray,.hero-ray-two,.hero-ray-four{height:10px}.hero-ray:after{height:4px}}
@media(prefers-reduced-motion:reduce){.hero-ray:after{animation:none;transform:translate(45%,-50%);opacity:.85}}
/* The homepage hero follows the reading direction of each language. */
.premium-hero-copy{text-align:start;margin-inline:0;max-width:900px}
.premium-hero-copy .eyebrow,.premium-hero-copy .actions,.premium-hero-copy .region{justify-content:flex-start}
.premium-hero-copy>p{margin-inline:0;text-wrap:pretty}
.premium-hero-copy h1{text-wrap:balance}

/* The home solutions remain open until a visitor interacts with one. */
.home-solution{isolation:isolate;transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .55s ease;will-change:auto}
.home-solution::after{content:'';position:absolute;inset:-10px -14px;z-index:-1;border:1px solid var(--accent-card);border-radius:15px;background:#152638;opacity:0;transform:scale(.96);transition:opacity .3s ease,transform .32s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.home-solution-art svg{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.home-solution-link .arrow{transition:transform .3s ease}
@media(hover:hover){.home-solution:hover{z-index:2;transform:translateY(-7px) scale(1.015)}.home-solution:hover::after{opacity:1;transform:scale(1)}.home-solution:hover .home-solution-art svg{transform:translateY(-5px) rotate(-4deg) scale(1.08)}.home-solution:hover .home-solution-link .arrow{transform:translateX(4px)}html[dir=rtl] .home-solution:hover .home-solution-link .arrow{transform:scaleX(-1) translateX(4px)}}
.home-solution:focus-visible{z-index:2;outline:2px solid var(--accent-card);outline-offset:8px;transform:translateY(-4px)}.home-solution:focus-visible::after{opacity:1;transform:scale(1)}
@media(hover:none){.home-solution:active{z-index:2;transform:scale(.98)}.home-solution:active::after{opacity:1;transform:scale(1)}.home-solution:active .home-solution-art svg{transform:scale(1.05)}}
@media(max-width:680px){.home-solution::after{inset:-6px -7px;border-radius:12px}}
@media(prefers-reduced-motion:reduce){.home-solution,.home-solution::after,.home-solution-art svg,.home-solution-link .arrow{transition:none!important}.home-solution:hover,.home-solution:focus-visible,.home-solution:active{transform:none!important}.home-solution:hover .home-solution-art svg,.home-solution:active .home-solution-art svg{transform:none!important}}

/* Editorial imagery stays secondary to the content and existing light accents. */
.premium-hero-stage{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:5%;padding-top:94px}
body[data-page="home"] .premium-hero-copy{padding:105px 0 88px;max-width:none}
.premium-hero-copy h1{font-size:clamp(43px,4.3vw,66px)}
.premium-hero-editorial{position:relative;margin:25px 0 0;min-width:0;overflow:hidden;border-radius:4px;aspect-ratio:1.12;mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%)}
.premium-hero-editorial img{display:block;width:100%;height:100%;object-fit:cover;opacity:.88}
.premium-hero-editorial:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#060d1845,transparent 25%,transparent 68%,#060d18)}
.premium-hero .hero-ray-three{display:none}
.solutions-editorial{position:relative;overflow:hidden;aspect-ratio:3.2;border-radius:14px;background:#101c29;margin-bottom:0}
.solutions-editorial img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.solutions-editorial:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08121bd9,transparent 72%);pointer-events:none}
.solutions-editorial span{position:absolute;z-index:1;bottom:22px;inset-inline-start:26px;color:#eff8f6;font-size:13px;font-weight:700}
html[dir=rtl] .solutions-editorial:after{background:linear-gradient(270deg,#08121bd9,transparent 72%)}
body[data-page="solutions"] .solutions{padding-top:55px}
.about-leadership{padding:25px 0 90px;background:#09121e}
.about-leadership-layout{display:grid;grid-template-columns:minmax(240px,400px) minmax(0,1fr);gap:8%;align-items:center}
.about-portrait{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#dfe6e7;max-width:400px}
.about-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.about-portrait figcaption{position:absolute;inset-inline:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;background:#0b1928e8;color:#f3f8f7;font-size:14px}
.about-portrait figcaption span{font:11px monospace;letter-spacing:.16em;color:#a3dfd6}
.about-leadership-copy h2{font-size:clamp(32px,3.8vw,50px);line-height:1.4}.about-leadership-copy h2 span{color:#95ded6}.about-leadership-copy p{max-width:620px;margin-top:20px;font-size:17px;line-height:1.95}
@media(max-width:940px){.premium-hero-stage{padding-top:78px;gap:3%}body[data-page="home"] .premium-hero-copy{padding:80px 0 65px}.premium-hero-copy h1{font-size:clamp(39px,5.4vw,55px)}}
@media(max-width:680px){.premium-hero-stage{grid-template-columns:1fr;padding-top:78px;gap:0}body[data-page="home"] .premium-hero-copy{padding:65px 0 22px}.premium-hero-copy h1{font-size:clamp(35px,9vw,45px)}.premium-hero-editorial{margin:0 0 20px;aspect-ratio:1.85;max-height:190px;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.premium-hero-editorial img{object-position:center 54%}.solutions-editorial{aspect-ratio:1.7;border-radius:10px}.solutions-editorial span{inset-inline-start:16px;bottom:15px;font-size:11px}body[data-page="solutions"] .solutions{padding-top:35px}.about-leadership{padding:5px 0 60px}.about-leadership-layout{grid-template-columns:1fr;gap:25px}.about-portrait{max-width:320px}.about-leadership-copy h2{font-size:31px}.about-leadership-copy p{font-size:15px;margin-top:14px}}
/* The artwork is a background layer behind the words and light beams. */
.premium-hero-stage{display:block}
.premium-hero-editorial{position:absolute;inset:0;z-index:0;margin:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;mask-image:none;pointer-events:none}
.premium-hero-editorial img{width:100%;height:100%;object-fit:cover;object-position:center 56%;opacity:.62}
.premium-hero-editorial:after{background:linear-gradient(90deg,#060d18a8 0%,#060d18a1 50%,#060d18d1 100%),linear-gradient(180deg,#060d18a3 0%,transparent 38%,#060d18d9 100%)}
html[dir=ltr] .premium-hero-editorial:after{background:linear-gradient(90deg,#060d18d1 0%,#060d18a1 50%,#060d18a8 100%),linear-gradient(180deg,#060d18a3 0%,transparent 38%,#060d18d9 100%)}
.premium-hero-copy{max-width:900px}
@media(max-width:680px){body[data-page="home"] .premium-hero-copy{padding:65px 0 60px}.premium-hero-editorial{max-height:none;aspect-ratio:auto;margin:0;mask-image:none}.premium-hero-editorial img{object-position:51% center;opacity:.56}.premium-hero-editorial:after,html[dir=ltr] .premium-hero-editorial:after{background:linear-gradient(180deg,#060d18bd 0%,#060d18a8 42%,#060d18dc 100%)}}
/* Directional hero messages and subtle movement in the open solutions index. */
.hero-slide-copy{--hero-slide-direction:1}.hero-slide-copy>p{max-width:690px;margin:25px 0 34px;font-size:19px;line-height:2;color:#cbd9e6;text-wrap:pretty}.hero-slide-copy h1,.hero-slide-copy>p{transition:opacity .25s ease,transform .25s ease}.hero-slide-copy.hero-slide-exit h1{opacity:0;transform:translateX(calc(var(--hero-slide-direction) * -24px))}.hero-slide-copy.hero-slide-exit>p{opacity:0;transform:translateX(calc(var(--hero-slide-direction) * 24px))}.hero-slide-copy.hero-slide-enter h1{animation:hero-message-in .5s ease both}.hero-slide-copy.hero-slide-enter>p{animation:hero-description-in .55s ease both}html[dir=ltr] .hero-slide-copy{--hero-slide-direction:-1}@keyframes hero-message-in{from{opacity:0;transform:translateX(calc(var(--hero-slide-direction) * 28px))}to{opacity:1;transform:translateX(0)}}@keyframes hero-description-in{from{opacity:0;transform:translateX(calc(var(--hero-slide-direction) * -24px))}to{opacity:1;transform:translateX(0)}}
.hero-slide-controls{display:flex;align-items:center;gap:10px;margin-top:25px;color:#c4dadf}.hero-slide-controls button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #617f8c;border-radius:50%;background:#0c1b2ac9;color:#adede5}.hero-slide-controls button:hover{border-color:#a1eee2;background:#183341}.hero-slide-controls button:focus-visible{outline:2px solid #a1eee2;outline-offset:3px}.hero-slide-controls button .icon{width:16px;height:16px}.hero-slide-controls [data-hero-prev] .icon{transform:scaleX(-1)}html[dir=rtl] .hero-slide-controls [data-hero-prev] .icon{transform:none}html[dir=rtl] .hero-slide-controls [data-hero-next] .icon{transform:scaleX(-1)}.hero-slide-controls>span{font:12px monospace;direction:ltr;color:#d4e6e8}.hero-slide-controls .hero-slide-pause{width:auto;height:34px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:#c4dadf;font-size:12px}.premium-hero-copy .region{margin-top:18px}
@media(prefers-reduced-motion:no-preference){.home-solution.scroll-reveal.is-visible .home-solution-art{animation:solution-alive 6s ease-in-out infinite}.home-solution:nth-child(2) .home-solution-art{animation-delay:-1s!important}.home-solution:nth-child(3) .home-solution-art{animation-delay:-2s!important}.home-solution:nth-child(4) .home-solution-art{animation-delay:-3s!important}.home-solution:nth-child(5) .home-solution-art{animation-delay:-4s!important}.home-solution:nth-child(6) .home-solution-art{animation-delay:-5s!important}.home-solution:hover .home-solution-art{animation-play-state:paused!important}@keyframes solution-alive{0%,100%{transform:translateY(0);opacity:.83}50%{transform:translateY(-5px);opacity:1}}}
@media(max-width:680px){.hero-slide-copy>p{font-size:16px;line-height:1.9;margin:20px 0 26px}.hero-slide-controls{margin-top:19px;gap:8px}.hero-slide-controls button{width:32px;height:32px}.hero-slide-controls .hero-slide-pause{height:32px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-slide-copy h1,.hero-slide-copy>p{transition:none!important}.hero-slide-copy.hero-slide-enter h1,.hero-slide-copy.hero-slide-enter>p{animation:none!important}.hero-slide-copy.hero-slide-exit h1,.hero-slide-copy.hero-slide-exit>p{opacity:1;transform:none}}
/* Reserve room for changing copy so the controls don't jump between messages. */
.hero-slide-copy{min-height:274px}
@media(max-width:1199px){.hero-slide-copy{min-height:220px}}
@media(max-width:680px){.hero-slide-copy{min-height:220px}html[lang=en] .hero-slide-copy{min-height:265px}}
@media(max-width:430px){html[lang=en] .hero-slide-copy{min-height:330px}}
@media(max-width:360px){.hero-slide-copy{min-height:290px}html[lang=en] .hero-slide-copy{min-height:380px}}
/* Blend the solutions artwork into its heading instead of a separate image block. */
body[data-page="solutions"] .page-heading{position:relative;background-image:linear-gradient(270deg,#081321f0 0%,#081321d1 48%,#081321a8 100%),linear-gradient(0deg,#09121e 0%,transparent 62%),url('/assets/apex-solutions-editorial.webp');background-size:cover;background-position:center 53%;background-repeat:no-repeat}
html[dir=ltr] body[data-page="solutions"] .page-heading{background-image:linear-gradient(90deg,#081321f0 0%,#081321d1 48%,#081321a8 100%),linear-gradient(0deg,#09121e 0%,transparent 62%),url('/assets/apex-solutions-editorial.webp')}
body[data-page="solutions"] .page-heading p{color:#d3e0e9}
body[data-page="solutions"] .solutions{padding-top:75px}
@media(max-width:680px){body[data-page="solutions"] .page-heading,html[dir=ltr] body[data-page="solutions"] .page-heading{background-image:linear-gradient(180deg,#081321d9 0%,#081321cb 45%,#081321ed 100%),url('/assets/apex-solutions-editorial.webp');background-position:center center}body[data-page="solutions"] .solutions{padding-top:45px}}

/* Make the open solution links feel actionable without adding permanent cards. */
.home-solution-art svg{max-width:115px;stroke-width:2.45}
.home-solution-link{min-height:38px;padding:7px 13px;border:1px solid var(--accent-card);border-radius:8px;background:#0d1c2b;color:var(--accent-card);font-size:13px;font-weight:700;transition:background-color .25s ease,border-color .25s ease}
.home-solution-link .arrow{width:17px;height:17px}
@media(hover:hover){.home-solution:hover .home-solution-link{background:#263d49;border-color:var(--accent-card)}}
.home-solution:focus-visible .home-solution-link{background:#263d49}
.home-web-action{min-height:38px;padding:7px 13px;border:1px solid #9ce4d9;border-radius:8px;background:#0d1c2b;color:#a8f0e6;font-size:13px}
@media(hover:hover){.home-web-link:hover .home-web-action{background:#263d49}}
@media(max-width:680px){.home-solution{grid-template-columns:minmax(0,1fr) 84px;grid-template-rows:72px auto}.home-solution-art svg{max-width:82px;stroke-width:2.75}.home-solution h3{font-size:16px}.home-solution p{font-size:13px}.home-solution-link{min-height:36px;padding:6px 9px;font-size:12px;gap:6px}.home-solution-link .arrow{width:15px;height:15px}}
@media(max-width:680px){.home-web-action{flex-basis:auto;min-height:36px;font-size:12px;padding:6px 9px}}

/* Atmospheric photography fades into the open solution layout; it is not a project screenshot. */
.home-solution-delivery{--solution-photo:url('/assets/solution-delivery.webp')}
.home-solution-ecommerce{--solution-photo:url('/assets/solution-ecommerce.webp')}
.home-solution-printing{--solution-photo:url('/assets/solution-printing.webp')}
.home-solution-wholesale{--solution-photo:url('/assets/solution-wholesale.webp')}
.home-solution-education{--solution-photo:url('/assets/solution-education.webp')}
.home-solution-custom{--solution-photo:url('/assets/solution-custom.webp')}
.home-solution::before{content:'';display:block;position:absolute;inset:0;z-index:-1;width:auto;height:auto;top:0;border:0;border-radius:0;color:inherit;opacity:.88;transform:none;background-image:linear-gradient(270deg,#0b1725f2 2%,#0b1725d1 43%,#0b172575 100%),var(--solution-photo);background-size:cover;background-position:center;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);pointer-events:none}
html[dir=ltr] .home-solution::before{background-image:linear-gradient(90deg,#0b1725f2 2%,#0b1725d1 43%,#0b172575 100%),var(--solution-photo)}
.home-solution::after{background:#152638c9}
.home-web-link{position:relative;isolation:isolate;overflow:hidden}
.home-web-link::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#0b1725f2 10%,#0b1725bf 52%,#0b17255c 100%),url('/assets/solution-websites.webp') center 55% / cover;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);pointer-events:none}
html[dir=ltr] .home-web-link::before{background:linear-gradient(90deg,#0b1725f2 10%,#0b1725bf 52%,#0b17255c 100%),url('/assets/solution-websites.webp') center 55% / cover}
@media(max-width:680px){.home-solution::before{background-image:linear-gradient(180deg,#0b17255c,#0b1725c7 39%,#0b1725ed 100%),var(--solution-photo);background-position:center;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}html[dir=ltr] .home-solution::before{background-image:linear-gradient(180deg,#0b17255c,#0b1725c7 39%,#0b1725ed 100%),var(--solution-photo)}.home-web-link::before,html[dir=ltr] .home-web-link::before{background:linear-gradient(180deg,#0b172596,#0b1725eb),url('/assets/solution-websites.webp') center / cover;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}}
/* Navigation groups: the label navigates, the adjacent control opens sections. */
.nav-group{position:relative}.nav-group-heading{display:flex;align-items:center;gap:3px}.nav-submenu-toggle{display:grid;place-items:center;width:30px;height:38px;padding:0;border:0;background:transparent;color:#a7c5cc;cursor:pointer;font-size:18px}.nav-submenu-toggle span{display:block;transition:transform .2s}.nav-submenu-toggle[aria-expanded=true] span{transform:rotate(180deg)}.nav-submenu-toggle:focus-visible,.nav-submenu a:focus-visible{outline:2px solid #7ce6dc;outline-offset:2px}.nav-submenu[hidden]{display:none!important}.desktop-nav .nav-submenu{position:absolute;top:calc(100% - 8px);inset-inline-start:-18px;min-width:275px;padding:10px;background:#10222d;border:1px solid #355564;border-radius:12px;box-shadow:0 16px 35px #0007;z-index:110}.nav-submenu a{display:block;color:#d8e8ec;padding:10px 12px;border-radius:7px;font-size:13px;line-height:1.5;text-decoration:none}.nav-submenu a:hover,.nav-submenu a:focus-visible{background:#244048;color:#a3f2e6}
@media(max-width:940px){.mobile-nav .nav-group-heading{border-bottom:1px solid #243744;justify-content:space-between}.mobile-nav .nav-group-heading .nav-link{border:0;flex:1}.mobile-nav .nav-submenu-toggle{width:48px;height:48px;border:1px solid #34515d;border-radius:9px;color:#a5e9df}.mobile-nav .nav-submenu{padding:5px 12px 12px;border-bottom:1px solid #243744}.mobile-nav .nav-submenu a{font-size:15px;padding:10px 12px}.mobile-nav .nav-group-heading .nav-link{min-width:0}.mobile-nav .nav-group{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.nav-submenu-toggle span{transition:none}}
/* Homepage FAQ */
.home-faq{position:relative;overflow:hidden;background:linear-gradient(120deg,#0b1724,#0c2028 58%,#0b1924);border-block:1px solid #28404b}.home-faq:before{content:'';position:absolute;width:380px;height:380px;inset-inline-start:-270px;top:-160px;border:1px solid #5eaea932;border-radius:50%;box-shadow:0 0 0 60px #3a77710b,0 0 0 120px #3a777108;pointer-events:none}.home-faq .faq-layout{position:relative;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,115px);align-items:start}.faq-intro h2{font-size:clamp(32px,3.6vw,48px);line-height:1.35;max-width:370px}.faq-intro>p{font-size:15px;line-height:1.95;max-width:390px;margin-top:20px;color:#bacdd5}.faq-contact{display:inline-flex;align-items:center;gap:18px;margin-top:27px;color:#8be4da;font-size:14px;font-weight:700;border-bottom:1px solid #508b8a;padding-bottom:8px}.faq-contact .icon{width:18px;height:18px;transition:transform .2s}.faq-contact:hover .icon{transform:translateX(-4px)}.home-faq .faq-list{border-top:1px solid #527077}.home-faq .faq-list details,.home-faq .faq-list details:first-child{padding:0;border-bottom:1px solid #38535d}.home-faq .faq-list summary{min-height:82px;padding:17px 0;gap:18px;justify-content:flex-start;font-size:17px;font-weight:700;line-height:1.65;color:#f1f7f8}.home-faq .faq-list summary:after{content:none}.faq-number{flex:none;font:11px monospace;letter-spacing:1px;color:#80bcb8}.faq-question{flex:1}.faq-indicator{position:relative;flex:none;width:36px;height:36px;border:1px solid #547a7e;border-radius:50%;transition:background .2s,border-color .2s}.faq-indicator:before,.faq-indicator:after{content:'';position:absolute;inset:50% auto auto 50%;width:12px;height:1.5px;background:#9eeae0;transform:translate(-50%,-50%);transition:transform .2s}.faq-indicator:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-list details[open] .faq-indicator{background:#1a4747;border-color:#8bd8ce}.faq-list details[open] .faq-indicator:after{transform:translate(-50%,-50%) rotate(0)}.home-faq .faq-list summary:hover .faq-indicator{border-color:#a4e9df;background:#1b383e}.home-faq .faq-list summary:focus-visible{outline:2px solid #8be4da;outline-offset:3px}.home-faq .faq-answer{padding:0 35px 22px}.home-faq .faq-list p{margin:0;max-width:590px;color:#c0d1d6;line-height:1.9;font-size:15px}@media(max-width:680px){.home-faq .faq-layout{grid-template-columns:1fr;gap:32px}.faq-intro h2{font-size:32px}.faq-intro>p{margin-top:13px;font-size:14px}.faq-contact{margin-top:18px}.home-faq .faq-list summary{min-height:72px;gap:12px;font-size:15px}.faq-indicator{width:34px;height:34px}.home-faq .faq-answer{padding:0 26px 18px}.home-faq .faq-list p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.faq-indicator,.faq-indicator:before,.faq-indicator:after,.faq-contact .icon{transition:none}}
/* Footer */
.footer{position:relative;background:#091520;border-top:1px solid #2b4653;padding-top:clamp(48px,6vw,78px)}.footer-grid{grid-template-columns:1.3fr 1fr .7fr;gap:clamp(35px,6vw,90px);padding-bottom:55px}.footer-brand .brand{margin-bottom:3px}.footer-brand p{color:#bfd0d9;max-width:340px;margin:18px 0 24px;line-height:1.9}.footer-phone{padding:11px 14px;border:1px solid #355763;border-radius:9px;background:#10242c;color:#e1f4f2;font-size:15px;transition:border-color .2s,background .2s}.footer-phone:hover{border-color:#7dd6cc;background:#17363b}.footer-phone .icon{color:#89dcd3}.footer .region{color:#a9c3ca;margin-top:20px}.footer-grid h3{display:flex;align-items:center;gap:10px;color:#f1f7f7;font-size:15px;margin-bottom:22px}.footer-grid h3:before{content:'';width:19px;height:2px;background:#79dbd1}.footer-links{gap:13px}.footer-links a{color:#bacdd3;font-size:14px;line-height:1.65;transition:color .2s}.footer-links a:hover,.footer-links a:focus-visible{color:#86e9de}.footer-bottom{border-top:1px solid #2b424c;padding-block:23px;color:#a8bcc4;font-size:12px}.footer-bottom nav{gap:24px}.footer-bottom a:hover,.footer-bottom button:hover{color:#89e0d6}.footer :focus-visible{outline:2px solid #8be4da;outline-offset:4px}@media(max-width:680px){.footer{padding-top:45px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px;padding-bottom:38px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:340px;margin:15px 0 18px}.footer-grid h3{margin-bottom:16px;font-size:14px}.footer-links{gap:11px}.footer-links a{font-size:13px}.footer-bottom{gap:15px}.footer-bottom nav{gap:14px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.footer-phone,.footer-links a{transition:none}}
.contact-method-hint{margin-top:-13px;color:#a9c5cc;font-size:12px;line-height:1.7}.contact-form .field input:focus-visible,.contact-form .field select:focus-visible,.contact-form .field textarea:focus-visible{outline:2px solid #89e0d6;border-color:#89e0d6}.contact-form .field select{min-height:48px}
.phone-composite{display:flex;gap:8px}.phone-composite select{width:115px;flex:none}.phone-composite input{flex:1}.field input[hidden]{display:none}.form-status:empty{display:none}.form-status{font-size:13px;color:#bce7df;line-height:1.7}.submit-spinner{display:none;width:17px;height:17px;border:2px solid #18484a66;border-top-color:#103b3c;border-radius:50%;animation:form-spin .7s linear infinite}.button.is-loading .submit-spinner{display:inline-block}.button:disabled{opacity:.7;cursor:wait}@keyframes form-spin{to{transform:rotate(360deg)}}
/* Service navigation and section */
.desktop-nav .nav-submenu{max-height:min(70vh,580px);overflow-y:auto;overscroll-behavior:contain}.service-card{scroll-margin-top:110px}.footer-grid{grid-template-columns:1.1fr 1fr 1.2fr .7fr;gap:clamp(24px,3vw,50px)}.footer-services .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:13px}.footer-services .footer-links a{overflow-wrap:anywhere}@media(max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}.footer-services .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.footer-services{grid-column:1/-1}.footer-services .footer-links{gap:11px 18px}.service-card{scroll-margin-top:85px}}
.hero-expertise-item{color:inherit;text-decoration:none;border-radius:8px;transition:background .2s,color .2s}.hero-expertise-item:hover,.hero-expertise-item:focus-visible{background:#1a374466;color:#a3f1e8}.hero-expertise-item:focus-visible{outline:2px solid #8be4da;outline-offset:4px}.home-work-intro{background:#10212b;border-block:1px solid #28424e}.home-work-intro p{margin:16px 0 24px;max-width:600px}.services-grid .service-card{border-bottom:1px solid var(--line)}.services-grid .service-card:nth-last-child(-n+2){border-bottom:0}@media(min-width:941px){.services-grid .service-card:nth-child(4){border-bottom:0}}@media(max-width:940px) and (min-width:681px){.services-grid .service-card:nth-last-child(2){border-bottom:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){.hero-expertise-item{transition:none}}
.home-services{background:#101e2b;border-block:1px solid #253c4b}.home-services-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(42px,7vw,110px)}.home-services-intro h2{font-size:clamp(32px,3.4vw,48px);line-height:1.45}.home-services-intro h2 span{color:#8ce4dc}.home-services-intro p{max-width:490px;margin:18px 0 26px;color:#c0d3dc;line-height:1.9}.home-services-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-service-link{display:flex;align-items:center;gap:13px;min-height:76px;padding:16px 18px;border:1px solid #304954;border-radius:15px;background:#0d1a27;color:#edf8f8;font-size:15px;font-weight:700;line-height:1.55;transition:transform .2s,border-color .2s,background .2s}.home-service-link>.icon:first-child{width:23px;height:23px;flex:none;color:#83ded4}.home-service-link span{flex:1}.home-service-arrow{width:15px;height:15px;flex:none;color:#85d9d1;opacity:.75}.home-service-link:hover,.home-service-link:focus-visible{border-color:#81d7ce;background:#17323a;transform:translateY(-3px)}.home-service-link:focus-visible{outline:2px solid #8be4da;outline-offset:3px}@media(max-width:800px){.home-services-layout{grid-template-columns:1fr;gap:32px}.home-services-intro h2{font-size:clamp(30px,7vw,40px)}.home-services-list{gap:10px}.home-service-link{min-height:80px;padding:14px 12px;font-size:13px;gap:9px}.home-service-link>.icon:first-child{width:20px;height:20px}.home-service-arrow{display:none}}@media(max-width:360px){.home-service-link{font-size:12px;padding:12px 9px}}@media(prefers-reduced-motion:reduce){.home-service-link{transition:none}}
@media(min-width:941px){.services-grid .service-card:nth-child(4){border-bottom:1px solid var(--line)}.services-grid .service-card:nth-last-child(-n+3){border-bottom:0}}@media(min-width:681px) and (max-width:940px){.services-grid .service-card:nth-last-child(-n+2){border-bottom:0}}
/* More compact vertical rhythm across the site. */
.section{padding-block:64px}.section-tight{padding-block:48px}.section-head{margin-bottom:38px}.page-heading{padding-block:42px}.breadcrumb{margin-bottom:24px}.cta{padding-block:38px}.cta-box{padding-block:42px}.footer{padding-top:48px}.footer-grid{padding-bottom:40px}
.delivery-usecases,.delivery-features,.delivery-custom,.delivery-journey,.delivery-cl{padding-block:58px}.delivery-showcase{padding-bottom:50px}.commerce-section,.print-section,.whole-section,.learning-section,.bespoke-section,.eco-section,.eco-journey,.eco-experience,.eco-expand,.eco-case{padding-block:60px}.eco-experience-admin{margin-top:58px;padding-top:48px}.commerce-hero-layout,.whole-hero-inner{padding-bottom:55px}.print-hero,.bespoke-hero{padding-bottom:52px}.learning-hero{padding-bottom:45px}.home-solutions-intro{margin-bottom:38px}.home-services-layout{row-gap:30px}
@media(max-width:680px){.section{padding-block:38px}.section-tight{padding-block:30px}.section-head{margin-bottom:25px}.page-heading{padding-block:28px}.breadcrumb{margin-bottom:18px}.cta{padding-block:25px 35px}.cta-box{padding-block:26px}.footer{padding-top:34px}.footer-grid{padding-bottom:30px}.delivery-usecases,.delivery-features,.delivery-custom,.delivery-journey,.delivery-cl{padding-block:36px}.delivery-showcase{padding-bottom:35px}.commerce-section,.print-section,.whole-section,.learning-section,.bespoke-section,.eco-section,.eco-journey,.eco-experience,.eco-expand,.eco-case{padding-block:38px}.eco-experience-admin{margin-top:35px;padding-top:30px}.commerce-hero-layout,.whole-hero-inner{padding-bottom:35px}.print-hero,.bespoke-hero{padding-bottom:34px}.learning-hero{padding-bottom:32px}.home-solutions-intro{margin-bottom:25px}}
/* Clearer icon strokes and contrast while retaining each section's colors. */
svg.icon, .process-node svg.icon, .home-service-link svg.icon, .hero-expertise-item svg.icon, .service-card svg.icon, .delivery-icon svg.icon, .portfolio-internal-art svg.icon{stroke-width:2;opacity:1}.hero-expertise-item .icon,.service-top>.icon,.home-service-link>.icon:first-child{color:#a6f1e9}.process-node{color:#c5eae8;border-color:#91b9bd}.home-solution-art svg{opacity:1;stroke-width:2.5}.footer-links .icon,.nav-link .icon,.header-tools .icon{opacity:1}.home-service-arrow,.footer-phone .icon{opacity:1;color:#b3f0e8}
/* Solution discovery */
.solution-discovery,.home-discovery{background:#0b1722}.discovery-intro{max-width:760px}.discovery-intro h2,.home-discovery h2,.factory-page h1{line-height:1.4}.discovery-intro h2 span,.home-discovery h2 span,.factory-page h1 span{color:#a1e9df}.discovery-intro p{max-width:650px;margin-top:16px;line-height:1.9}.discovery-needs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}.discovery-need,.home-discovery-item{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #304955;border-radius:14px;background:#10232d;transition:transform .25s,border-color .25s,background .25s}.discovery-need>.icon,.discovery-icon{color:#9aece0;flex:none}.discovery-need>span,.home-discovery-item>span:nth-child(2){flex:1;min-width:0}.discovery-need strong,.discovery-need small,.home-discovery-item strong,.home-discovery-item em,.home-discovery-item small{display:block}.discovery-need small,.home-discovery-item em{font-style:normal;color:#bad0d9;line-height:1.7;margin-top:4px}.discovery-need .arrow,.industry-item .arrow,.home-discovery-item .arrow,.open-industry .arrow{color:#a1ebe0}.discovery-need:hover,.home-discovery-item:hover{transform:translateY(-4px);border-color:#8de4d8;background:#17323b}.industry-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:65px 0 24px}.industry-heading p{max-width:450px}.industry-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.industry-item{display:flex;gap:14px;align-items:center;border-top:1px solid #314c55;padding:19px 0;transition:color .2s}.industry-item:hover{color:#a1ebe0}.industry-icon{color:#8ee3d7}.industry-number{color:#9bb6be;font:11px monospace}.industry-copy{flex:1;min-width:0}.industry-copy strong,.industry-copy small{display:block}.industry-copy small{color:#b7cbd3;line-height:1.6;margin-top:3px}.open-industry{display:flex;align-items:center;gap:15px;margin-top:28px;padding:22px;border:1px solid #4e7778;border-radius:14px;background:#112b30}.open-industry>.icon{color:#9aece0}.open-industry span{flex:1}.open-industry strong,.open-industry small{display:block}.open-industry small{color:#c0d5d3}.home-discovery-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.home-discovery-head p{max-width:440px}.home-discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}.home-discovery-item{align-items:flex-start;min-width:0}.home-discovery-item small{font:10px monospace;color:#99b9bd}.home-discovery-item strong{margin:7px 0;font-size:17px}.home-discovery-item em{font-size:13px}.home-discovery-item .arrow{width:16px}.home-discovery-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.factory-hero{padding:40px 0 60px;background:#0e1e28}.factory-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}.factory-hero h1{font-size:clamp(38px,4.5vw,64px)}.factory-hero p{max-width:630px;margin:20px 0 28px;line-height:1.95}.factory-visual{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px 16px;border-block:1px solid #48676d}.factory-visual span{display:grid;justify-items:center;gap:10px;min-width:0;text-align:center;color:#a4eadd;font-size:12px}.factory-visual span .icon{width:34px;height:34px;stroke-width:1.8}.factory-visual i{height:1px;flex:1;background:#719f9d}.factory-features>div>p{max-width:720px;margin-top:16px}.factory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;margin-top:28px}.factory-grid article{border-top:1px solid #38515b;padding:22px 0}.factory-grid article span{color:#9de9dd;font:11px monospace}.factory-grid article h3{margin:9px 0}.factory-grid article p{line-height:1.85}.factory-end{background:#10252c}.factory-end p{margin:15px 0 25px}.footer-links a{overflow-wrap:anywhere}@media(max-width:800px){.home-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-hero-grid{grid-template-columns:1fr;gap:28px}.factory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-heading,.home-discovery-head{display:block}.industry-heading p,.home-discovery-head p{margin-top:14px}}@media(max-width:680px){.discovery-needs,.industry-list{grid-template-columns:1fr}.discovery-need{padding:15px}.industry-heading{margin-top:40px}.home-discovery-item{padding:15px 12px;gap:9px}.home-discovery-item strong{font-size:14px}.home-discovery-item em{font-size:12px}.discovery-icon .icon{width:20px}.factory-hero{padding:28px 0 38px}.factory-visual{padding:22px 5px;gap:5px}.factory-visual span{font-size:10px}.factory-visual span .icon{width:27px}.factory-grid{gap:0 16px}.factory-grid article h3{font-size:17px}.factory-grid article p{font-size:13px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand,.footer-services{grid-column:1/-1}.footer-links{gap:9px}.footer-links a{font-size:12px;line-height:1.65}.footer-services .footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.discovery-need,.home-discovery-item,.industry-item{transition:none}}
.solution-services{background:#10212c}.solution-services h2{margin-bottom:12px}.solution-service-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.solution-service-links a{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #3d5b64;border-radius:10px;color:#d5efeb}.solution-service-links .icon{width:20px;height:20px;color:#98e3d7}.solution-service-links a:hover{border-color:#9be7dc;background:#17323a}
/* The menu uses its animated pseudo-elements; keep its fallback SVG hidden. */
@media(max-width:940px){.header-tools .menu-toggle .icon{opacity:0}}
/* A readable, compact mobile footer with clear touch targets. */
@media(max-width:680px){.footer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:27px}.footer-grid>div,.footer-brand,.footer-services{grid-column:1/-1;min-width:0}.footer-grid h3{margin-bottom:12px;font-size:15px}.footer-grid .footer-links,.footer-services .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.footer-grid .footer-links a{display:flex;align-items:center;min-height:44px;padding:8px 0;color:#d3e1e7;font-size:13px;line-height:1.55;border-bottom:1px solid #253b45;overflow-wrap:normal;word-break:normal}.footer-grid .footer-links a:focus-visible{outline:2px solid #9de9dd;outline-offset:2px}.footer-bottom nav{gap:15px 20px}}
@media(max-width:680px){.footer-brand{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:0;padding-bottom:22px;border-bottom:1px solid #304652}.footer-brand .brand{margin:0}.footer-brand .brand img{width:35px;height:35px}.footer-brand .brand-type{font-size:25px}.footer-brand p{max-width:34ch;margin:14px 0 18px;font-size:14px;line-height:1.8;color:#cbdbe1}.footer-brand .footer-whatsapp{min-height:46px;padding:10px 15px;font-size:13px;border-color:#4c7478;color:#e5f7f3}.footer-brand .region{margin-top:15px;font-size:12px;line-height:1.7;color:#c0d5da;display:flex;align-items:center;gap:9px}.footer-brand .region .status-dot{flex:none}}
.contact-form-heading{display:flex;align-items:flex-start;gap:13px;padding-bottom:15px;border-bottom:1px solid #334a5a}.contact-form-heading>span{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #537b7b;border-radius:10px;color:#a8e7df;font:12px monospace}.contact-form-heading strong,.contact-form-heading small{display:block}.contact-form-heading strong{color:#eef8f7;font-size:16px}.contact-form-heading small{color:#b5c9d2;font-size:12px;line-height:1.7;margin-top:3px}.contact-form .field input,.contact-form .field select{min-height:50px}.contact-form .form-status{margin:0}@media(max-width:680px){.contact-form{gap:18px}.contact-form-heading{padding-bottom:12px}.contact-form-heading strong{font-size:15px}.contact-form-heading small{font-size:12px}.contact-form .form-row{gap:16px}.contact-form textarea{min-height:135px}}
/* Focus: use the field border itself, without a second outline. */
.contact-form .field input:focus,.contact-form .field select:focus,.contact-form .field textarea:focus,.contact-form .field input:focus-visible,.contact-form .field select:focus-visible,.contact-form .field textarea:focus-visible{outline:none;border-color:#98e5dc;box-shadow:0 0 0 1px #98e5dc}