:root{
--deyee-purple:#826daf;--deyee-purple-deep:#7c61a5;--deyee-warm-white:#fafaf8;--deyee-white:#fff;--deyee-pearl:#eef0f2;--deyee-graphite:#1e2024;--deyee-muted:#66707a;--deyee-border:#dde1e5;--deyee-container:1440px}
*{
box-sizing:border-box}
html{
scroll-behavior:smooth}
body{
margin:0;background:var(--deyee-warm-white);color:var(--deyee-graphite);font-family:var(--deyee-font-family);font-size:16px;line-height:1.65}
img{
max-width:100%;height:auto}
a{
color:var(--deyee-purple-deep);text-decoration:none}
a:hover{
color:var(--deyee-purple)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
outline:2px solid var(--deyee-purple);outline-offset:3px}
.deyee-container{
width:min(calc(100% - 48px),var(--deyee-container));margin-inline:auto}
.site-main{
min-height:60vh}
.deyee-section{
padding:112px 0}
.deyee-section-title{
max-width:900px;margin:0;font-size:clamp(32px,3.4vw,48px);font-weight:500;line-height:1.08;letter-spacing:0}
.deyee-section-intro{
max-width:740px;color:var(--deyee-muted)}
.deyee-eyebrow{
margin:0 0 12px;color:var(--deyee-purple-deep);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0}
/* Canonical two-tier heading: use these classes for every new dual-title section. */
.deyee-dual-heading__eyebrow{
margin:0 0 24px;padding:0;border:0;color:#121212;font-size:16px;font-weight:700;line-height:1.35;letter-spacing:0;text-transform:uppercase}
.deyee-dual-heading__title{
margin:0;color:var(--deyee-purple);font-size:50px;font-weight:700;line-height:1.28;letter-spacing:-.02em}
.deyee-dual-heading__text{
max-width:740px;margin-top:26px;color:#1e2024;font-size:16px;line-height:1.72}
.deyee-dual-heading__text>p{margin:0 0 18px;color:inherit;font:inherit}
.deyee-dual-heading__text>p:last-child{margin-bottom:0}
.deyee-button{
display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 22px;border:1px solid var(--deyee-purple);border-radius:4px;background:var(--deyee-purple);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.deyee-button:hover{
border-color:var(--deyee-purple-deep);background:var(--deyee-purple-deep);color:#fff}
.deyee-button:active{
transform:translateY(1px)}
.deyee-text-link{
display:inline-flex;align-items:center;min-height:44px;color:var(--deyee-purple-deep);font-weight:600}
.deyee-actions{
display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px}
.deyee-empty{
padding:30px;border:1px dashed var(--deyee-border);color:var(--deyee-muted)}
.site-header{
position:relative;z-index:50;background:rgba(250,250,248,.97);border-bottom:1px solid var(--deyee-border);box-shadow:0 8px 30px rgba(30,32,36,.04);backdrop-filter:blur(16px)}
.site-header.is-sticky{
position:sticky;top:0}
.site-header__inner{
display:flex;align-items:center;min-height:72px;gap:28px}
.site-brand{
display:flex;align-items:center;color:var(--deyee-graphite)}
.site-brand img{
display:block;width:auto;height:58px;max-width:none;max-height:none;object-fit:contain}
.site-footer .site-brand img{
height:92px}
.site-nav{
margin-left:auto}
.site-nav ul{
display:flex;align-items:center;gap:28px;margin:0;padding:0;list-style:none}
.site-nav a,.site-nav button{
font-size:16px;font-weight:400;color:var(--deyee-graphite)}
.site-nav a:hover{
color:var(--deyee-purple)}
.site-header__actions{
display:flex;align-items:center;gap:14px}
.site-header__actions>button{width:38px;height:38px;border:1px solid var(--deyee-border);border-radius:3px;background:#fff}
.site-menu-toggle{
display:none;width:44px;height:44px;border:0;background:transparent}
.site-footer{
padding:72px 0 24px;background:var(--deyee-graphite);color:#fff}
.site-footer__grid{
display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px}
.site-footer a{
color:rgba(255,255,255,.72)}
.site-footer a:hover{
color:#fff}
.site-footer__bottom{
display:flex;justify-content:space-between;margin-top:52px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.55);font-size:13px}
.deyee-media-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:220px;border:1px dashed rgba(124,97,165,.38);background:linear-gradient(135deg,var(--deyee-pearl),#f8f7fa);color:var(--deyee-purple-deep);font-size:11px;font-weight:700;text-transform:uppercase}
.inner-banner{
position:relative;height:480px;display:flex;align-items:center;background-color:#2d2b35!important;background-image:var(--inner-banner-image,linear-gradient(135deg,#2d2b35,#25242d))!important;background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff}
.inner-banner:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.15)}
.inner-banner__content{
position:relative;z-index:1;padding-bottom:0}
.inner-banner h1{
max-width:900px;margin:0;font-size:clamp(48px,5vw,72px);font-weight:600;line-height:1.04;letter-spacing:-.035em}
.inner-banner .deyee-eyebrow,.inner-banner__content>p:not(.deyee-eyebrow){display:none}
.breadcrumb-strip{
padding:16px 0;border-bottom:1px solid var(--deyee-border);background:#fff}
.breadcrumb-strip.breadcrumb-strip--brand,.news-detail>.breadcrumb-strip.breadcrumb-strip--brand{padding:16px 0;border-top:0;border-bottom:1px solid var(--deyee-border);background:#fff}
.breadcrumb-strip--brand .deyee-container{display:flex;gap:6px;align-items:center;overflow-x:auto;white-space:nowrap}
:is(.breadcrumb-strip,.editorial-detail__breadcrumb,.case-detail-v2__breadcrumb,.solution-article__breadcrumb,.aib-breadcrumb,.breadcrumb){color:#1e2024;font-size:16px}
:is(.breadcrumb-strip,.editorial-detail__breadcrumb,.case-detail-v2__breadcrumb,.solution-article__breadcrumb,.aib-breadcrumb,.breadcrumb) a{color:#1e2024}
:is(.breadcrumb-strip,.editorial-detail__breadcrumb,.case-detail-v2__breadcrumb,.solution-article__breadcrumb,.aib-breadcrumb,.breadcrumb) a:is(:hover,:focus-visible){color:var(--deyee-purple)}
.deyee-inner-breadcrumb .deyee-container{display:flex;gap:6px;align-items:center}
.deyee-inner-breadcrumb a{color:#1e2024}
.archive-shell{
padding:90px 0}
.archive-grid{
display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.archive-card{
display:block;background:#fff;color:inherit}
.archive-card__media{
aspect-ratio:4/3;overflow:hidden}
.archive-card__media img{
width:100%;height:100%;object-fit:cover}
.archive-card__copy{
padding:24px}
.archive-card__copy h2{
font-size:25px}
.detail-shell{
overflow:visible}
.article-layout{
display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;padding:90px 0}
.article-toc{
position:sticky;top:110px;align-self:start}
.article-body h2,.article-body h3{
scroll-margin-top:120px}
.article-body{
min-width:0}
.search-overlay{
position:fixed;inset:0;z-index:100;background:rgba(30,32,36,.96);display:none;align-items:center;justify-content:center}
.search-overlay.is-open{
display:flex}
@media(max-width:1024px){
.site-nav{
display:none}
.site-menu-toggle{
display:inline-flex}
.site-header__actions .deyee-button{
display:none}
.archive-grid{
grid-template-columns:repeat(2,1fr)}
.article-layout{
grid-template-columns:1fr}
.article-toc{
position:static}
.deyee-section{
padding:88px 0}
}
@media(max-width:767px){
:where(input:not([type="submit"]):not([type="checkbox"]),select,textarea){font-size:max(16px,1em)!important}
.site-header .site-brand img{
height:50px}
.deyee-container{
width:min(calc(100% - 32px),var(--deyee-container))}
.deyee-section{
padding:64px 0}
.archive-grid{
grid-template-columns:1fr}
.site-footer__grid{
grid-template-columns:1fr}
.site-footer__bottom{
display:block}
.inner-banner{
height:clamp(280px,75vw,400px);background-position:65% center}
.inner-banner h1{max-width:70%;font-size:clamp(34px,8vw,44px);overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{
scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Brand CTA: pill body with a detached accent dot. */
.deyee-button{position:relative;overflow:visible;min-height:44px;padding:0 26px;border:0;border-radius:999px;background:var(--deyee-purple-deep);color:#fff;box-shadow:none}
.deyee-button::after{content:"";position:absolute;z-index:2;top:-8px;right:-7px;width:22px;height:22px;border:4px solid var(--deyee-warm-white);border-radius:50%;background:#b7a6d0;box-sizing:border-box}
.deyee-button:hover{background:var(--deyee-purple);color:#fff;transform:translateY(-1px)}
body .team-portraits__founder .team-portraits__bio p:nth-child(2)::before{content:'★';font-size:18px}

/* Header reference layout: brand at left, utility rail above the primary menu. */
.site-header{position:relative;z-index:20;background:rgba(255,255,255,.98);border:0;box-shadow:0 1px 0 rgba(18,18,18,.08)}
.site-header.is-sticky{position:relative}
.site-header__inner{width:min(calc(100% - 80px),1760px);min-height:100px;align-items:stretch;gap:54px}
.site-brand{display:flex;width:118px;height:76px;flex:0 0 118px;align-items:center;justify-content:flex-start;overflow:visible}.site-brand img{display:block;width:108px;height:68px;max-width:108px;margin:0;object-fit:contain;object-position:left center}
.site-header__content{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:flex-end}
.site-header__utility{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-height:32px;border-bottom:1px solid #ececec}
.site-header__utility-link{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#333;font:inherit;font-size:16px;font-weight:400;line-height:1;cursor:pointer}
.site-header__utility-link img{width:17px;height:17px;object-fit:contain}.site-header__icon-placeholder{display:inline-grid;width:17px;height:17px;place-items:center;font-size:21px;font-family:Arial,sans-serif;line-height:1;color:#333}
.site-header__mainrow{display:flex;align-items:center;min-height:54px;gap:30px}
.site-nav{flex:1;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent}.site-nav ul{justify-content:flex-end;gap:clamp(15px,1.25vw,28px)}
.site-nav a,.site-nav button{min-height:40px;padding:0;border-radius:0;font-size:16px;font-weight:400;color:#333;white-space:nowrap}
.site-header__contact{min-width:142px;min-height:42px;padding:0 26px;border:0;border-radius:999px;background:#8b73b6;color:#fff;font-size:15px;font-weight:500}
.site-header__contact::after{top:-5px;right:-5px;width:19px;height:19px;margin:0;border:4px solid #fff;background:#8b73b6}
html body .site-header .site-header__mobile-nav{position:absolute;top:100%;left:0;right:0;width:100%;max-width:none;max-height:calc(100dvh - 74px);margin:0;overflow-y:auto;overscroll-behavior:contain;padding:16px max(20px,calc((100% - 1440px)/2)) 20px;background:#fff;box-shadow:0 16px 24px rgba(36,28,49,.12)}.site-header__mobile-nav ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.site-header__mobile-nav a{display:block;padding:10px 0;color:var(--deyee-graphite);font-size:16px}
.site-menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent}.site-menu-toggle img{width:20px;height:20px;object-fit:contain}
@media(max-width: 1024px){.site-header__inner{gap:28px}.site-nav a{font-size:16px}.site-header__mainrow{gap:16px}.site-header__contact{min-width:auto;padding:0 20px}}
@media(max-width:1024px){.site-header__inner{min-height:72px;align-items:center;gap:18px}.site-header__content{flex-direction:row;align-items:center;justify-content:flex-end}.site-header__utility{min-height:0;border:0}.site-header__utility-link span{display:none}.site-header__mainrow{min-height:0;gap:8px}.site-header__contact{display:none}.site-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.site-nav{display:none}}
@media(min-width: 1025px){.site-header{height:110px}.site-header__inner{width:min(1600px,calc(100% - 320px));max-width:1600px;height:110px;min-height:110px;align-items:stretch;gap:0}.site-brand{width:94px;height:80px;flex-basis:94px;margin-top:15px}.site-brand img{width:94px;height:80px;max-width:94px;object-fit:contain}.site-header__content{height:110px;padding-left:48px}.site-header__utility{height:44px;min-height:44px}.site-header__mainrow{height:66px;min-height:66px;border-top:1px solid #e8e5ed}.site-nav{flex:1}.site-nav>ul{width:100%;justify-content:space-between;gap:0}.site-nav a,.site-nav button{min-height:66px;font-size:14px}.site-header__utility-link{font-size:14px}.site-header__contact{min-width:173px;min-height:40px;margin-left:28px}}

/* Canonical site-wide Header, matched to the approved desktop reference. */
html body .site-header{position:relative;height:105px;z-index:20;border:0;background:#fff;box-shadow:none}
html body .site-header.is-sticky{position:sticky;top:0}
html body.admin-bar .site-header.is-sticky{top:32px}
@media(max-width:782px){html body.admin-bar .site-header.is-sticky{top:46px}}
@media(max-width:600px){html body.admin-bar .site-header.is-sticky{top:0}}
html body .site-header .site-header__inner{width:min(calc(100% - 80px),1440px);max-width:1440px;height:105px;min-height:105px;align-items:stretch;gap:0}
html body .site-header .site-brand{display:flex;width:90px;height:80px;flex:0 0 90px;align-items:center;justify-content:flex-start;margin-top:14px;overflow:visible}
html body .site-header .site-brand img{display:block;width:90px;height:80px;max-width:90px;object-fit:contain;object-position:left center}
html body .site-header .site-header__content{display:flex;height:105px;min-width:0;flex:1;flex-direction:column;justify-content:flex-end;padding-left:73px}
html body .site-header .site-header__utility{display:flex;height:39px;min-height:39px;align-items:center;justify-content:flex-end;gap:24px;border-bottom:1px solid #e8e5ed}
html body .site-header .site-header__utility-link{gap:10px;border:0;background:transparent;color:#333;font-family:var(--deyee-font-family);font-size:18px;font-weight:500;line-height:1;letter-spacing:0}
html body .site-header .site-header__utility-link img{width:23px;height:23px}
html body .site-header .site-header__mainrow{display:flex;height:66px;min-height:66px;align-items:center;gap:0;border:0}
html body .site-header .site-nav{display:block;height:66px;min-width:0;flex:1;margin:0;padding:0;border:0;border-radius:0;background:transparent}
html body .site-header .site-nav>ul{width:100%;height:66px;align-items:center;justify-content:space-between;gap:0;margin:0;padding:0}
html body .site-header .site-nav>ul>li{display:flex;height:66px;align-items:center;margin:0;padding:0}
html body .site-header .site-nav a,
html body .site-header .site-nav button{display:inline-flex;height:66px;min-height:66px;align-items:center;padding:0;border-radius:0;color:#333;font-family:var(--deyee-font-family);font-size:16px;font-weight:500;line-height:1.2;letter-spacing:0;white-space:nowrap}
html body .site-header .site-nav a:hover,
html body .site-header .site-nav a:focus-visible,
html body .site-header .site-nav .current-menu-item>a{background:transparent;color:var(--deyee-purple);box-shadow:none}
html body .site-header .site-nav>ul>li.menu-item-has-children{position:relative}
html body .site-header .site-nav>ul>li.menu-item-has-children>.sub-menu{position:absolute;z-index:30;top:66px;left:50%;display:block;width:max-content;min-width:220px;height:auto;margin:0;padding:12px 0;visibility:hidden;opacity:0;transform:translate(-50%,8px);border:1px solid #e8e5ed;background:#fff;box-shadow:0 18px 46px rgba(36,28,49,.12);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
html body .site-header .site-nav>ul>li.menu-item-has-children:hover>.sub-menu,
html body .site-header .site-nav>ul>li.menu-item-has-children:focus-within>.sub-menu{visibility:visible;opacity:1;transform:translate(-50%,0)}
html body .site-header .site-nav>ul>li.menu-item-has-children>.sub-menu>li{display:block;height:auto;margin:0;padding:0}
html body .site-header .site-nav>ul>li.menu-item-has-children>.sub-menu a{display:flex;width:100%;height:auto;min-height:44px;padding:10px 22px;font-size:15px;font-weight:500;white-space:nowrap}
html body .site-header .site-nav>ul>li.menu-item-has-children>.sub-menu a:hover,
html body .site-header .site-nav>ul>li.menu-item-has-children>.sub-menu a:focus-visible{background:#f7f5fa;color:var(--deyee-purple)}
html body .site-header .site-header__contact{position:relative;display:inline-flex;width:auto;min-width:173px;height:40px;min-height:40px;align-items:center;justify-content:center;margin-left:28px;padding:0 28px;overflow:visible;border:0;border-radius:999px;background:#8b73b6;color:#fff;box-shadow:none;font-family:"DM Sans",var(--deyee-font-family);font-size:16px;font-weight:500;line-height:1;letter-spacing:0;text-decoration:none}
html body .site-header .site-header__contact::after{content:"";position:absolute;z-index:2;top:-5px;right:-5px;width:19px;height:19px;box-sizing:border-box;border:4px solid #fff;border-radius:50%;background:#8b73b6}
html body .site-header .site-header__contact:hover,
html body .site-header .site-header__contact:focus-visible{border-color:transparent;background:#8b73b6;color:#fff;box-shadow:0 0 0 4px rgba(139,115,182,.2);transform:translateY(-4px)}
html body .site-header .site-header__contact:active{transform:translateY(-1px)}
@media(max-width: 1024px){html body .site-header{height:74px}html body .site-header .site-header__inner{width:calc(100% - 40px);height:74px;min-height:74px;align-items:center}html body .site-header .site-brand{width:104px;height:60px;flex-basis:104px;margin-top:0}html body .site-header .site-brand img{width:96px;height:56px;max-width:96px}html body .site-header .site-header__content{height:auto;padding-left:0;flex-direction:row;align-items:center;justify-content:flex-end}html body .site-header .site-header__utility{height:auto;min-height:0;gap:4px;border:0}html body .site-header .site-header__utility-link{width:44px;min-height:44px;justify-content:center}html body .site-header .site-header__utility-link span:not(.site-header__icon-placeholder){display:none}html body .site-header .site-header__icon-placeholder{display:inline-grid}html body .site-header .site-nav,html body .site-header .site-header__contact{display:none}html body .site-header .site-menu-toggle{display:grid;width:44px;height:44px}}
@media(max-width: 1024px){html body .site-header .site-header__mobile-nav .sub-menu{display:grid;margin:4px 0 0;padding:0 0 0 18px;border-left:1px solid #e8e5ed}html body .site-header .site-header__mobile-nav .sub-menu a{color:#625b69;font-size:15px}}

/* Inner-page section headings follow the approved homepage heading system. */
html body:not(.home) :is(
  .overview-collage__copy,
  .company-history__header,
  .official-media__heading,
  .technology-orbit__header,
  .technology-story__intro,
  .deyee-support-lifecycle__intro,
  .team-portraits__header,
  .deyee-partner-process__header,
  .global-network__header,
  .deyee-contact-layout__intro,
  .product-matrix__heading
) .deyee-eyebrow {
  margin: 0 0 24px;
  padding: 0;
  border: 0;
  color: #121212;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: uppercase;
}
html body:not(.home) :is(
  .overview-collage__copy,
  .company-history__header,
  .official-media__heading,
  .technology-orbit__header,
  .technology-story__intro,
  .deyee-support-lifecycle__intro,
  .team-portraits__header,
  .deyee-partner-process__header,
  .global-network__header,
  .deyee-contact-layout__intro,
  .product-matrix__heading
) > :is(h1, h2, .deyee-section-title) {
  color: var(--deyee-purple);
  font-size: 50px;
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: -.02em;
}
html body:not(.home) .deyee-internal :where(p, li) { font-size: 16px; }
@media(max-width:767px){
  .deyee-dual-heading__eyebrow{margin-bottom:16px;font-size:13px}
  .deyee-dual-heading__title{font-size:34px;line-height:1.22}
  html body:not(.home) :is(.overview-collage__copy,.company-history__header,.official-media__heading,.technology-orbit__header,.technology-story__intro,.deyee-support-lifecycle__intro,.team-portraits__header,.deyee-partner-process__header,.global-network__header,.deyee-contact-layout__intro,.product-matrix__heading) .deyee-eyebrow{margin-bottom:16px;font-size:13px}
  html body:not(.home) :is(.overview-collage__copy,.company-history__header,.official-media__heading,.technology-orbit__header,.technology-story__intro,.deyee-support-lifecycle__intro,.team-portraits__header,.deyee-partner-process__header,.global-network__header,.deyee-contact-layout__intro,.product-matrix__heading)>:is(h1,h2,.deyee-section-title){font-size:34px;line-height:1.22}
}

/* Readability floor for desktop and laptop layouts. */
@media(min-width:768px){
  html body :where(p,li,a,button,label,input,select,textarea,small,figcaption,summary,td,th,span){font-size:max(14px,1em)!important}
}

@media (min-width: 1025px) and (max-width: 1639px) {
  html body .site-header .site-header__inner { width: calc(100% - 40px); }
  html body .site-header .site-header__content { padding-left: 24px; }
  html body .site-header .site-header__mainrow { gap: 30px; }
  html body .site-header .site-header__contact { min-width: 110px; margin-left: 0; padding-inline: 40px; }
  html body .site-header .site-nav > ul { justify-content: flex-end; gap: clamp(8px, 30px, 40px); }
  html body .site-header .site-nav > ul > li { min-width: 0; }
  html body .site-header .site-nav > ul > li > a,
  html body .site-header .site-nav > ul > li > button { font-size: 15px !important; white-space: normal; }
}

@media (max-width: 767px) {
  body :is(.deyee-section-title, .deyee-dual-heading__title, .deyee-product-panel__copy h3, .official-media__heading h2, .global-network__header h2, .company-history__header h2, .deyee-contact-layout__form-copy h2, .deyee-internal--distributor-application .deyee-internal__copy h2, .home-inquiry h2, .solution-heading h2, .solution-category h2, .solution-global h2, .solution-contact h2, .solution-delivery h2, .honors-overview__copy h2, .honors-section-heading h2, .deyee-contact-layout h2, .deyee-partner-process__header h2) { font-size: 30px !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body :is(.deyee-section-title, .deyee-dual-heading__title, .deyee-product-panel__copy h3, .official-media__heading h2, .global-network__header h2, .company-history__header h2, .deyee-contact-layout__form-copy h2, .deyee-internal--distributor-application .deyee-internal__copy h2, .home-inquiry h2, .solution-heading h2, .solution-category h2, .solution-global h2, .solution-contact h2, .solution-delivery h2, .honors-overview__copy h2, .honors-section-heading h2, .deyee-contact-layout h2, .deyee-partner-process__header h2) { font-size: 42px !important; }
}

.site-mobile-contact{display:none}
@media(max-width:1024px){
  html body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  html body .site-footer,html body .site-footer__floating{display:none}
  html body .site-mobile-contact{position:fixed;inset:auto 0 0;z-index:1000;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:66px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:var(--deyee-white);border-top:1px solid var(--deyee-border);box-shadow:0 -3px 16px rgba(30,32,36,.06)}
  html body .site-mobile-contact a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--deyee-purple-deep);min-height:48px;line-height:1.2;font-weight:400}
  html body .site-mobile-contact a span:not(.xhl-icon){font-size:12px!important;color:var(--deyee-muted)}
  html body .site-mobile-contact .xhl-icon{font-size:22px!important}
  html body .site-header .site-menu-toggle{position:relative;color:var(--deyee-graphite)}
  html body .site-header .site-menu-toggle > *{display:none}
  html body .site-header .site-menu-toggle::before{content:"";width:22px;height:16px;background:linear-gradient(currentColor,currentColor) top/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) bottom/100% 2px no-repeat}
  html body .site-header .site-menu-toggle[aria-expanded="true"]::before{height:22px;background:linear-gradient(45deg,transparent 46%,currentColor 47%,currentColor 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,currentColor 47%,currentColor 53%,transparent 54%)}
  html body .site-header .site-header__mobile-nav{max-height:calc(100dvh - 140px - env(safe-area-inset-bottom,0px))}
}

@media (max-width:1024px) {
  html body .site-mobile-contact .site-mobile-contact__message-icon { display:block; width:22px; height:22px; background:var(--deyee-purple-deep); -webkit-mask:var(--message-icon) center / contain no-repeat; mask:var(--message-icon) center / contain no-repeat; }
}

@media (max-width:1024px) {
  html body .site-header .site-header__mainrow { height:44px; min-height:0; align-items:center; }
  html body .site-header .site-menu-toggle { place-items:center; padding:0; }
}