/* Shared visual frame for every primary Daxivo website page. */
:root {
  --business-content-width: 1180px;
  --business-page-gutter: 24px;
}

.section-shell,
.service-main,
.support-page,
.ticket-page,
.table-main {
  box-sizing: border-box !important;
  width: min(var(--business-content-width), calc(100% - (var(--business-page-gutter) * 2))) !important;
  max-width: var(--business-content-width) !important;
  margin-inline: auto !important;
}

/* Formerly full-bleed content is now contained, while preserving its visual identity. */
.intro-site .contact {
  box-sizing: border-box !important;
  width: min(var(--business-content-width), calc(100% - (var(--business-page-gutter) * 2))) !important;
  max-width: var(--business-content-width) !important;
  margin-inline: auto !important;
  border-radius: 20px;
}

.studio-page main {
  box-sizing: border-box !important;
  width: min(var(--business-content-width), calc(100% - (var(--business-page-gutter) * 2))) !important;
  max-width: var(--business-content-width) !important;
  margin-inline: auto !important;
}

.studio-page main .section-shell {
  width: 100% !important;
  max-width: 100% !important;
}

.studio-page .marquee {
  width: 100% !important;
  margin-left: 0 !important;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 14px;
}

.studio-page .constellation-wrap,
.studio-page .studio-cta {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 20px;
  overflow: visible;
}

.studio-page .constellation-wrap .section-shell {
  width: calc(100% - 48px) !important;
}

.studio-page .studio-cta { margin-bottom: 24px; }

/* Keep the last content section in normal flow and visibly separate from the global footer. */
.studio-page,
.ticket-page {
  position: relative;
  z-index: 0;
}

.studio-page main {
  padding-bottom: 72px;
}

.studio-page .studio-cta {
  margin-bottom: 0;
}

.ticket-page {
  padding-bottom: 120px !important;
}

@media (max-width: 800px) {
  :root { --business-page-gutter: 14px; }
  .intro-site .contact,
  .studio-page .constellation-wrap,
  .studio-page .studio-cta { border-radius: 14px; }
  .studio-page .constellation-wrap .section-shell { width: calc(100% - 28px) !important; }
  .studio-page main { padding-bottom: 42px; }
  .ticket-page { padding-bottom: 72px !important; }
}

/* Premium shared header: aligned, calm, and legible across every page. */
.business-nav-shell {
  top: 10px !important;
  left: 0 !important;
  right: 0 !important;
  width: min(1228px, calc(100% - 28px)) !important;
  height: 66px !important;
  margin-inline: auto !important;
  border: 1px solid rgba(72, 40, 48, .12) !important;
  border-radius: 18px !important;
  background: linear-gradient(115deg, rgba(255,255,255,.94), rgba(253,247,247,.91)) !important;
  box-shadow: 0 16px 45px rgba(52,25,32,.10), inset 0 1px rgba(255,255,255,.9) !important;
  backdrop-filter: blur(24px) saturate(145%) !important;
  isolation: isolate;
  overflow: hidden;
}

.business-nav-shell:before {
  position: absolute;
  inset: 2px;
  z-index: -1;
  padding: 1.5px;
  border-radius: 15px;
  background: conic-gradient(from var(--header-glow-angle), #ff4f5e, #8b5cff, #45b8ff, #ffd166, #ff4f5e);
  content: "";
  opacity: .72;
  filter: drop-shadow(0 0 7px rgba(129,91,255,.28));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: header-border-flow 7s linear infinite;
  pointer-events: none;
}

.business-nav-shell:after {
  position:absolute;
  left:8%;
  top:2px;
  z-index:-1;
  width:25%;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,#8b5cff,#4cc9ff,transparent);
  box-shadow:0 0 12px rgba(76,201,255,.72);
  content:"";
  animation:header-light-sweep 5.2s ease-in-out infinite alternate;
  pointer-events:none;
}

@property --header-glow-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes header-border-flow { to { --header-glow-angle: 360deg; } }
@keyframes header-light-sweep { from { transform:translateX(-25%); opacity:.4; } to { transform:translateX(280%); opacity:1; } }

.has-business-nav { padding-top: 86px !important; }

.business-nav {
  width: calc(100% - 28px) !important;
  max-width: 1180px !important;
  gap: 12px !important;
}

.business-brand { gap: 10px !important; }
.business-brand > img {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  box-shadow: 0 7px 20px rgba(117,31,48,.18) !important;
}
.business-brand b { color:#25191c; font-size:12px !important; letter-spacing:-.15px; }
.business-brand small { color:#927b80 !important; font-size:7px !important; letter-spacing:1px !important; }

.business-menu {
  gap: 2px !important;
  padding: 4px !important;
  border: 1px solid rgba(72,40,48,.07);
  border-radius: 12px;
  background: rgba(255,255,255,.54);
}
.business-menu a {
  padding: 8px 7px !important;
  border-radius: 8px !important;
  color: #68595d !important;
  font-size: 8.5px !important;
  transition: color .2s ease, background .2s ease, transform .2s ease !important;
}
.business-menu a:hover {
  color: #851f2b !important;
  background: #f9e9ea !important;
  transform: translateY(-1px);
}
.business-menu a[aria-current="page"] {
  color: #fff !important;
  background: linear-gradient(110deg,#b52e3b,#df4b53) !important;
  box-shadow: 0 6px 16px rgba(181,46,59,.22);
}
.business-menu a:after { display:none !important; }

.business-signin {
  min-height: 40px !important;
  padding-inline: 15px !important;
  border: 0 !important;
  background: #24191c !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(36,25,28,.15);
}
.business-signin:hover { background:#b72e3b !important; color:#fff !important; transform:translateY(-1px); }

/* Account and commerce popovers must sit above the decorative header surface. */
.business-account-shell,
.nav-commerce-launcher { position:relative; z-index:5; }
.business-account-menu { z-index:14050 !important; }
.nav-commerce-menu { z-index:12009 !important; }

@media (max-width: 1180px) and (min-width: 821px) {
  .business-brand div { display:none !important; }
  .business-menu a { padding-inline: 5px !important; font-size: 8px !important; }
}

@media (max-width: 820px) {
  .business-nav-shell { top:0 !important; left:0 !important; right:0 !important; width:100% !important; height:61px !important; border-radius:0 0 15px 15px !important; }
  .has-business-nav { padding-top:61px !important; }
  .business-nav { width:calc(100% - 16px) !important; }
  .business-menu {
    position:fixed !important;
    left:7px !important;
    right:7px !important;
    top:64px !important;
    z-index:14040 !important;
    width:auto !important;
    max-height:calc(100dvh - 88px);
    overflow-y:auto;
    padding:10px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 22px 55px rgba(52,25,32,.18) !important;
  }
  .business-menu a { padding:11px 12px !important; font-size:11px !important; }
}

/* A clicked menu owns the dropdown until another group is hovered or the menu closes. */
.business-menu.has-open-group .business-nav-group:not(.is-open) .business-nav-dropdown {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-5px) !important;
}
.business-nav-shell {
  border-color: rgba(70, 116, 75, .22) !important;
  box-shadow: 0 14px 34px rgba(28, 67, 47, .13), 0 1px 0 #fff !important;
}
.business-nav-shell:hover { box-shadow: 0 18px 42px rgba(28, 67, 47, .17), 0 1px 0 #fff !important; }
.business-brand { gap: 10px !important; }
.business-brand > img { filter: drop-shadow(0 5px 8px rgba(49, 104, 61, .18)); }
.business-nav-group > button { position: relative; overflow: hidden; transition: background .18s ease, color .18s ease, transform .18s ease !important; }
.business-nav-group > button::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 4px; height: 2px; border-radius: 4px; background: linear-gradient(90deg, #82a943, #c7e889); transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.business-nav-group > button:hover::after, .business-nav-group.is-open > button::after { transform: scaleX(1); }
.business-nav-dropdown { border-color: rgba(73, 119, 75, .18) !important; box-shadow: 0 22px 48px rgba(24, 63, 42, .18), 0 2px 0 rgba(255,255,255,.9) inset !important; }

/* Portalled account card: always above page, footer, header effects and modals. */
body > .business-account-menu {
  position:fixed !important;
  z-index:15050 !important;
  transform:none !important;
}

@media (prefers-reduced-motion: reduce) {
  .business-nav-shell:before,
  .business-nav-shell:after { animation:none !important; }
}

/* Deep plum navigation with a continuously travelling colour border. */
.business-nav-shell {
  overflow: visible !important;
  border-color: rgba(255,255,255,.08) !important;
  background: linear-gradient(118deg, rgba(30,18,25,.97), rgba(58,25,38,.96), rgba(27,20,35,.97)) !important;
  box-shadow: 0 15px 42px rgba(37,15,25,.22), inset 0 1px rgba(255,255,255,.08) !important;
  transition: box-shadow .35s ease, transform .35s ease !important;
}
.nav-commerce-launcher { position: relative !important; z-index: 12010 !important; }
.nav-commerce-menu { z-index: 12020 !important; }
.business-nav-shell:before {
  inset: 0 !important;
  padding: 2px !important;
  border-radius: 18px !important;
  background: conic-gradient(from var(--header-glow-angle),#ff5364,#ffbe55,#6ce5d7,#68a7ff,#b66cff,#ff5364) !important;
  opacity: .82 !important;
  filter: drop-shadow(0 0 5px rgba(255,83,100,.24)) !important;
  animation-duration: 5.5s !important;
  transition: opacity .3s ease,filter .3s ease !important;
}
.business-nav-shell:hover {
  transform: translateY(-1px);
  box-shadow: 0 19px 52px rgba(50,17,31,.34),0 0 24px rgba(167,91,255,.22),0 0 38px rgba(255,83,100,.15),inset 0 1px rgba(255,255,255,.11) !important;
}
.business-nav-shell:hover:before { opacity:1!important;filter:drop-shadow(0 0 10px rgba(255,83,100,.58)) drop-shadow(0 0 17px rgba(104,167,255,.34))!important }
.business-brand b{color:#fff!important}.business-brand small{color:#c7aeb7!important}
.business-menu{border-color:rgba(255,255,255,.1)!important;background:rgba(255,255,255,.055)!important}
.business-menu a{color:#d8c8ce!important}
.business-menu a:hover{color:#fff!important;background:rgba(255,102,118,.17)!important;box-shadow:inset 0 0 0 1px rgba(255,133,146,.16)}
.business-menu a[aria-current="page"]{background:linear-gradient(110deg,#dc4351,#8d4de8)!important;box-shadow:0 7px 20px rgba(186,65,102,.34)!important}
.business-signin{background:#f4e9ec!important;color:#291820!important}.business-signin:hover{background:#ff5968!important;color:#fff!important}

/* One shared menu contract prevents page-specific CSS from changing the header width. */
@media (min-width: 821px) {
  .business-menu { gap: 2px !important; flex: 0 0 auto !important; }
  .business-menu a {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    padding: 0 7px !important;
    font-family: "Manrope", sans-serif !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .05px !important;
    white-space: nowrap !important;
    transform: translateZ(0);
  }
  .business-menu a:nth-child(1){min-width:52px}.business-menu a:nth-child(2){min-width:68px}.business-menu a:nth-child(3){min-width:65px}.business-menu a:nth-child(4){min-width:102px}.business-menu a:nth-child(5){min-width:62px}.business-menu a:nth-child(6){min-width:50px}.business-menu a:nth-child(7){min-width:79px}.business-menu a:nth-child(8){min-width:56px}.business-menu a:nth-child(9){min-width:66px}.business-menu a:nth-child(10){min-width:89px}
  .business-menu a[aria-current="page"] { animation: menu-active-arrive .32s cubic-bezier(.22,1,.36,1) both; }
  .business-menu a:hover { transform: translateY(-1px) !important; }
}
@keyframes menu-active-arrive { from { opacity:.55; transform:translateY(3px) scale(.96); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (max-width: 820px) {
  .business-menu a { font-family:"Manrope",sans-serif !important; font-size:11px !important; font-weight:700 !important; line-height:1.1 !important; }
}

/* Quiet cross-page transition: the route changes after the exit veil, then the new page settles in. */
html.page-is-leaving::before{content:"";position:fixed;inset:0;z-index:14010;background:rgba(255,250,250,.92);opacity:0;pointer-events:none;animation:page-transition-veil .26s cubic-bezier(.22,1,.36,1) forwards}
.has-business-nav .intro-site,.has-business-nav .page-content-wrapper{animation:page-transition-enter .36s cubic-bezier(.16,1,.3,1) both}
@keyframes page-transition-veil{from{opacity:0}to{opacity:.22}}
@keyframes page-transition-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html.page-is-leaving::before,.has-business-nav .intro-site,.has-business-nav .page-content-wrapper{animation:none!important}}

/* Refined navigation transition: no bright flash, just a quiet hand-off between routes. */
html.page-is-leaving::before{display:none!important}
html.page-is-leaving .intro-site,html.page-is-leaving .page-content-wrapper{animation:page-transition-exit .18s cubic-bezier(.4,0,.2,1) both!important}
@keyframes page-transition-exit{from{opacity:1;transform:translateY(0);filter:none}to{opacity:.94;transform:translateY(-3px);filter:saturate(.96)}}

/* Final shared navbar palette — identical on every website route. */
.business-nav-shell{
  overflow:visible!important;
  border-color:rgba(29,71,54,.14)!important;
  background:rgba(253,254,249,.94)!important;
  box-shadow:0 12px 38px rgba(25,54,42,.09),0 1px 0 rgba(255,255,255,.9)!important;
  backdrop-filter:blur(24px) saturate(130%)!important;
}
.business-nav-shell:before{
  inset:0!important;padding:1px!important;border-radius:18px!important;
  background:linear-gradient(110deg,rgba(116,153,55,.48),rgba(37,91,66,.2),rgba(181,209,112,.48))!important;
  opacity:.55!important;filter:none!important;animation:none!important;
}
.business-nav-shell:after{display:none!important}
.business-nav-shell:hover{transform:none!important;box-shadow:0 15px 44px rgba(25,54,42,.12),0 1px 0 rgba(255,255,255,.92)!important}
.business-brand b{color:#20372d!important}.business-brand small{color:#66746c!important}
.business-brand>img{box-shadow:0 7px 18px rgba(33,80,59,.14)!important;filter:none!important}
.business-menu{border-color:rgba(29,71,54,.08)!important;background:rgba(244,248,240,.72)!important}
.business-menu a{color:#44534b!important;box-shadow:none!important}
.business-menu a:hover{color:#174f39!important;background:#edf4ec!important;box-shadow:none!important}
.business-menu a[aria-current="page"]{color:#174f39!important;background:#e4efdf!important;box-shadow:inset 0 0 0 1px rgba(92,132,56,.13)!important}
.business-signin{border:1px solid rgba(31,91,65,.3)!important;background:#f7faf4!important;color:#174f39!important;box-shadow:none!important}
.business-signin:hover{border-color:#6e9639!important;background:#eaf3e3!important;color:#103b2a!important}
.nav-cart-trigger{border-color:rgba(30,91,64,.18)!important;background:linear-gradient(145deg,#f2f7ed,#e4efdf)!important;color:#194d38!important;box-shadow:0 6px 16px rgba(35,83,61,.1)!important}
.nav-cart-trigger:hover,.nav-cart-trigger.has-items{border-color:#6f9835!important;background:linear-gradient(145deg,#edf6e4,#dcebcf)!important}
.nav-cart-icon b{background:#224f3d!important;color:#fff!important}
.business-account{border-color:rgba(29,71,54,.14)!important;background:#fbfcf8!important;box-shadow:0 5px 15px rgba(25,54,42,.06)!important}
.business-account:before{content:none!important;display:none!important;animation:none!important}
.business-account-shell:before{opacity:0!important;background:none!important;filter:none!important}
.business-account-shell:hover .business-account,.business-account:focus-visible,.business-account[aria-expanded="true"]{border-color:rgba(87,132,61,.48)!important;box-shadow:0 0 0 3px rgba(132,170,57,.12)!important;transform:none!important}
.account-avatar-large,.business-account .account-avatar{background:linear-gradient(145deg,#285b45,#173e30)!important;color:#f4f8ed!important;animation:none!important}
.business-menu-toggle{border-color:rgba(29,71,54,.16)!important;background:#f4f8f1!important}.business-menu-toggle i{background:#245440!important}
@media(max-width:820px){.business-menu{background:rgba(253,254,249,.99)!important;border-color:rgba(29,71,54,.14)!important}.business-menu a[aria-current="page"]{box-shadow:inset 3px 0 #86aa39!important}}

/* Branded curtain transition for reliable cross-document navigation. */
.page-transition-layer{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:linear-gradient(118deg,#24171c 0%,#3a1e31 46%,#7145a8 76%,#dc4354 100%);color:#fff;transform:translateX(100%);pointer-events:none;transition:transform .34s cubic-bezier(.76,0,.24,1)}
.page-transition-layer span{font:800 9px Manrope,sans-serif;letter-spacing:2.2px;opacity:.76}.page-transition-layer i{display:block;width:74px;height:2px;border-radius:99px;background:linear-gradient(90deg,#ffcb70,#ff6676,#7de5da);box-shadow:0 0 18px rgba(255,116,130,.8);animation:transition-line-pulse 1s ease-in-out infinite alternate}
.page-transition-layer.is-departing{transform:translateX(0)}.page-transition-layer.is-arriving{transform:translateX(0)}.page-transition-layer.is-receding{transform:translateX(-100%)}
@keyframes transition-line-pulse{from{transform:scaleX(.65);opacity:.55}to{transform:scaleX(1.15);opacity:1}}
@media(prefers-reduced-motion:reduce){.page-transition-layer{transition:none!important}.page-transition-layer.is-departing{transform:translateX(0)}.page-transition-layer.is-arriving{display:none}}

/*
 * Frappe assigns a dark colour directly to every heading. That direct rule wins
 * over colour inherited from our dark section wrappers, so headings can blend
 * into their backgrounds. Keep the foreground explicit for every dark content
 * section shared by the website menu pages.
 */
.home-method h2,
.home-method h3,
.service-process h2,
.implementation-flow h2,
.implementation-flow h3,
.support-hero h1,
.intro-site .contact h2,
.quote-detail > header h2,
.studio-page .studio-hero h1,
.studio-page .idea-lab h2,
.studio-page .principles h2,
.studio-page .principle-list h3 {
  color: #fff;
}

.home-service-grid > a:hover h3 {
  color: #fff;
}

/* Reference-style grouped navigation: open desktop layout with compact dropdowns. */
.business-nav-shell { width: min(1320px, calc(100% - 32px)) !important; height: 72px !important; border-radius: 12px !important; background: rgba(255,255,255,.97) !important; box-shadow: 0 8px 28px rgba(25,54,42,.09), 0 1px 0 rgba(255,255,255,.9) !important; }
.business-nav-shell:before { display: none !important; }
.business-nav { width: calc(100% - 36px) !important; max-width: none !important; gap: 20px !important; }
.business-brand { gap: 12px !important; }
.business-brand > img { width: 52px !important; height: 52px !important; border-radius: 10px !important; }
.business-brand b { font-size: 14px !important; letter-spacing: 0 !important; }
.business-brand small { font-size: 8px !important; letter-spacing: 1.1px !important; }
.business-menu { margin-left: auto !important; gap: 2px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
.business-menu > a, .business-nav-group > button { min-height: 42px; padding: 0 12px !important; border: 0; border-radius: 6px !important; background: transparent; color: #44534b !important; font: 600 11px "DM Sans", sans-serif; white-space: nowrap; cursor: pointer; }
.business-nav-group { position: relative; }
.business-nav-group > button { display: inline-flex; align-items: center; gap: 7px; }
.business-nav-group > button i { width: 7px; height: 7px; display: inline-block; border-right: 1.5px solid #718078; border-bottom: 1.5px solid #718078; transform: rotate(45deg) translateY(-2px); transition: transform .2s ease; }
.business-nav-group.is-open > button i { transform: rotate(225deg) translateY(-1px); }
.business-menu > a:hover, .business-nav-group > button:hover, .business-nav-group.is-open > button { background: #f0f6ec !important; color: #174f39 !important; }
.business-nav-group > button:focus-visible, .business-menu > a:focus-visible, .business-nav-dropdown a:focus-visible { outline: 2px solid #86aa39; outline-offset: 2px; }
.business-nav-dropdown { position: absolute; top: calc(100% + 10px); left: 0; z-index: 14020; min-width: 196px; padding: 8px; border: 1px solid rgba(29,71,54,.12); border-radius: 8px; background: #fff; box-shadow: 0 18px 42px rgba(25,54,42,.14); opacity: 0; visibility: hidden; transform: translateY(-5px); transition: opacity .16s ease, transform .16s ease, visibility .16s ease; }
.business-nav-group:hover .business-nav-dropdown, .business-nav-group:focus-within .business-nav-dropdown, .business-nav-group.is-open .business-nav-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.business-nav-dropdown a { display: block; padding: 10px 11px !important; border-radius: 5px !important; color: #44534b !important; font: 600 11px "DM Sans", sans-serif !important; white-space: nowrap; }
.business-nav-dropdown a:hover, .business-nav-dropdown a[aria-current="page"] { background: #edf4ec !important; color: #174f39 !important; box-shadow: none !important; }
.business-menu > a[aria-current="page"] { color: #174f39 !important; background: #e8f1e7 !important; box-shadow: none !important; }
.business-nav-group .business-nav-dropdown a { display: block !important; min-height: 0 !important; margin: 0 !important; padding: 10px 11px !important; border: 0 !important; border-radius: 5px !important; background: transparent !important; color: #44534b !important; font: 600 11px "DM Sans", sans-serif !important; text-align: left !important; white-space: nowrap; }
.business-nav-group .business-nav-dropdown a:hover, .business-nav-group .business-nav-dropdown a[aria-current="page"] { background: #edf4ec !important; color: #174f39 !important; box-shadow: none !important; }
.business-signin { min-height: 42px !important; padding-inline: 17px !important; border-radius: 5px !important; background: #173e30 !important; color: #fff !important; font-size: 10px !important; }
.business-signin:hover { background: #285b45 !important; }
@media (max-width: 1180px) and (min-width: 821px) { .business-nav { gap: 9px !important; } .business-brand div { display: none !important; } .business-menu > a, .business-nav-group > button { padding-inline: 7px !important; font-size: 10px !important; } .business-brand > img { width: 48px !important; height: 48px !important; } }
@media (max-width: 820px) { .business-nav-shell { width: 100% !important; height: 64px !important; border-radius: 0 0 12px 12px !important; } .has-business-nav { padding-top: 64px !important; } .business-nav { width: calc(100% - 24px) !important; gap: 8px !important; } .business-brand > img { width: 46px !important; height: 46px !important; } .business-brand div { display: none !important; } .business-menu-toggle { order: 2; } .business-menu { display: none; margin: 0 !important; } .business-menu.open { display: flex; } .business-nav-group { width: 100%; } .business-menu > a, .business-nav-group > button { width: 100%; min-height: 44px; justify-content: space-between; padding: 0 13px !important; font-size: 12px !important; text-align: left; } .business-nav-dropdown { position: static; display: none; min-width: 0; margin: 0 5px 5px; padding: 4px; border: 0; border-left: 2px solid #86aa39; border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; } .business-nav-group.is-open .business-nav-dropdown { display: block; } .business-nav-dropdown a { padding: 10px 12px !important; font-size: 11px !important; } .business-signin { min-height: 36px !important; padding-inline: 10px !important; font-size: 9px !important; } }

/* Horizontal wordmark variant inspired by the reference, with Daxivo's own colors and X. */
.business-brand > img { width: 148px !important; height: auto !important; aspect-ratio: 320 / 82; border-radius: 0 !important; box-shadow: none !important; object-fit: contain; }
.business-brand > div { display: none !important; }
@media (max-width: 1180px) and (min-width: 821px) { .business-brand > img { width: 132px !important; } }
@media (max-width: 820px) { .business-brand > img { width: 128px !important; height: auto !important; } }
@media (max-width: 600px) { .business-brand > img { width: 116px !important; } }

/* The active brand asset is the square Daxivo mark. */
.business-brand > img { width: 52px !important; height: 52px !important; aspect-ratio: 1 !important; border-radius: 10px !important; box-shadow: 0 8px 18px rgba(20, 45, 32, 0.16) !important; object-fit: contain; }
@media (max-width: 1180px) and (min-width: 821px) { .business-brand > img { width: 48px !important; height: 48px !important; } }
@media (max-width: 820px) { .business-brand > img { width: 46px !important; height: 46px !important; } }
@media (max-width: 600px) { .business-brand > img { width: 38px !important; height: 38px !important; } }

/* A moving light traces the logo edge and pauses while the logo is hovered. */
.business-brand { position: relative; isolation: isolate; }
.business-brand::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 50%;
  left: -4px;
  width: 60px;
  height: 60px;
  border-radius: 14px;
  background: conic-gradient(from 0deg, transparent 0 58%, #dfff7b 70%, #77e5a4 78%, transparent 91% 100%);
  transform: translateY(-50%);
  animation: daxivo-logo-light 2.8s linear infinite;
  filter: blur(1px);
  opacity: .92;
}
.business-brand > img,
.business-brand > div { position: relative; z-index: 1; }
.business-brand:hover::before { animation-play-state: paused; }
@keyframes daxivo-logo-light { to { transform: translateY(-50%) rotate(360deg); } }
@media (max-width: 1180px) and (min-width: 821px) { .business-brand::before { width: 56px; height: 56px; } }
@media (max-width: 820px) { .business-brand::before { width: 54px; height: 54px; } }
@media (max-width: 600px) { .business-brand::before { width: 46px; height: 46px; } }
@media (prefers-reduced-motion: reduce) { .business-brand::before { animation: none; } }

.tf-identity > a { position: relative; isolation: isolate; }
.tf-identity > a::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 50%;
  left: -4px;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: conic-gradient(from 0deg, transparent 0 58%, #dfff7b 70%, #77e5a4 78%, transparent 91% 100%);
  transform: translateY(-50%);
  animation: daxivo-footer-logo-light 2.8s linear infinite;
  filter: blur(1px);
  opacity: .92;
}
.tf-identity > a:hover::before { animation-play-state: paused; }
.tf-identity > a > img,
.tf-identity > a > b { position: relative; z-index: 1; }
@keyframes daxivo-footer-logo-light { to { transform: translateY(-50%) rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .tf-identity > a::before { animation: none; } }

/* Keep the page content behind the mobile navigation drawer. */
@media (max-width: 820px) {
  .business-nav-shell { overflow: visible !important; }
  .business-menu.open {
    position: absolute !important;
    top: 64px !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: calc(100dvh - 64px) !important;
    max-height: none !important;
    border-radius: 0 !important;
    padding: 14px 16px 28px !important;
    background: rgba(253, 254, 249, .99) !important;
    box-shadow: 0 18px 40px rgba(25, 54, 42, .14) !important;
  }
}