/* /Components/Layout/AdvanceLiftsLayout.razor.rz.scp.css */
.al-site[b-4nem2124kc]{--al-blue:#0068a8;--al-blue-dark:#004e80;--al-red:#c93432;--al-ink:#172536;--al-muted:#657487;--al-line:#d8e0e7;--al-soft:#f2f5f7;--al-white:#fff;min-height:100vh;background:#fff;color:var(--al-ink);font-family:Inter,Segoe UI,Arial,sans-serif}.al-skip-link[b-4nem2124kc]{position:fixed;left:16px;top:-60px;z-index:9999;background:#fff;color:#0b588d;padding:10px 14px;border:2px solid #0b588d}.al-skip-link:focus[b-4nem2124kc]{top:12px}.al-utility[b-4nem2124kc]{background:#102538;color:#dce8f1;font-size:.76rem}.al-utility__inner[b-4nem2124kc]{max-width:1360px;margin:auto;min-height:34px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.al-utility__inner div[b-4nem2124kc]{display:flex;gap:18px}.al-utility a[b-4nem2124kc]{color:#fff;text-decoration:none}.al-header[b-4nem2124kc]{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid var(--al-line);box-shadow:0 8px 22px rgba(19,43,63,.06);backdrop-filter:blur(10px)}.al-header__inner[b-4nem2124kc]{max-width:1360px;margin:auto;min-height:82px;padding:0 26px;display:flex;align-items:center;gap:28px}.al-logo[b-4nem2124kc]{display:flex;align-items:center;flex:0 0 auto}.al-logo img[b-4nem2124kc]{width:220px;max-height:54px;object-fit:contain}.al-nav[b-4nem2124kc]{display:flex;align-items:center;justify-content:center;gap:24px;margin-left:auto}.al-nav>a[b-4nem2124kc]{font-size:.83rem;font-weight:750;color:#23384a;text-decoration:none;white-space:nowrap;position:relative}.al-nav>a[b-4nem2124kc]:after{content:"";position:absolute;height:2px;left:0;right:100%;bottom:-8px;background:var(--al-blue);transition:.2s}.al-nav>a:hover[b-4nem2124kc]:after{right:0}.al-header__actions[b-4nem2124kc]{display:flex;align-items:center;gap:8px}.al-language[b-4nem2124kc]{display:flex;border:1px solid var(--al-line);border-radius:4px;overflow:hidden;margin-right:4px}.al-language button[b-4nem2124kc]{border:0;background:#fff;color:#617181;min-width:29px;height:30px;font-size:.62rem;font-weight:800;cursor:pointer}.al-language button.active[b-4nem2124kc]{background:#15344f;color:#fff}.al-button[b-4nem2124kc]{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:3px;text-decoration:none;font-size:.72rem;font-weight:850;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.al-button--outline[b-4nem2124kc]{border:1px solid #b7c6d1;color:#223b4e;background:#fff}.al-button--primary[b-4nem2124kc]{background:var(--al-red);color:#fff;border:1px solid var(--al-red)}.al-menu-toggle[b-4nem2124kc]{display:none;margin-left:auto;border:1px solid var(--al-line);background:#fff;width:44px;height:40px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.al-menu-toggle span[b-4nem2124kc]{width:20px;height:2px;background:#173247}.al-nav__mobile-actions[b-4nem2124kc]{display:none}.al-backdrop[b-4nem2124kc]{display:none}.al-footer[b-4nem2124kc]{background:#10283b;color:#d9e4eb}.al-footer__grid[b-4nem2124kc]{max-width:1360px;margin:auto;padding:50px 26px 36px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px}.al-footer__grid>div[b-4nem2124kc]{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.al-footer__brand img[b-4nem2124kc]{width:210px;background:#fff;padding:9px}.al-footer__grid strong[b-4nem2124kc]{color:#fff;font-size:.86rem;margin-bottom:4px}.al-footer__grid a[b-4nem2124kc],.al-footer__grid span[b-4nem2124kc],.al-footer__grid p[b-4nem2124kc]{color:#c2d0da;font-size:.78rem;line-height:1.55;text-decoration:none;margin:0}.al-footer__bottom[b-4nem2124kc]{border-top:1px solid rgba(255,255,255,.12);max-width:1360px;margin:auto;padding:18px 26px 24px;display:flex;gap:24px;justify-content:space-between;color:#9eb0bd;font-size:.67rem}.al-footer__bottom a[b-4nem2124kc]{color:#fff;text-decoration:none;white-space:nowrap}
[dir="rtl"] .al-nav[b-4nem2124kc]{margin-left:0;margin-right:auto}[dir="rtl"] .al-language[b-4nem2124kc]{margin-right:0;margin-left:4px}
@media(max-width:1120px){.al-header__inner[b-4nem2124kc]{gap:14px}.al-logo img[b-4nem2124kc]{width:190px}.al-nav[b-4nem2124kc]{gap:14px}.al-header__actions .al-button--outline[b-4nem2124kc]{display:none}.al-nav>a[b-4nem2124kc]{font-size:.76rem}}
@media(max-width:900px){.al-utility[b-4nem2124kc]{display:none}.al-header__inner[b-4nem2124kc]{min-height:70px;padding:0 18px}.al-logo img[b-4nem2124kc]{width:190px}.al-menu-toggle[b-4nem2124kc]{display:flex}.al-nav[b-4nem2124kc]{position:fixed;top:70px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:12px 18px 20px;background:#fff;border-bottom:1px solid var(--al-line);box-shadow:0 18px 35px rgba(20,42,60,.14);z-index:100}.al-nav.is-open[b-4nem2124kc]{display:flex}.al-nav>a[b-4nem2124kc]{padding:15px 4px;border-bottom:1px solid #e7edf1;font-size:.86rem}.al-nav__mobile-actions[b-4nem2124kc]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.al-header__actions>.al-button[b-4nem2124kc]{display:none}.al-header__actions[b-4nem2124kc]{margin-left:auto}.al-backdrop[b-4nem2124kc]{display:block;position:fixed;inset:70px 0 0;background:rgba(15,29,42,.36);border:0;z-index:70}.al-footer__grid[b-4nem2124kc]{grid-template-columns:1fr 1fr}.al-footer__bottom[b-4nem2124kc]{flex-direction:column}}
@media(max-width:580px){.al-header__inner[b-4nem2124kc]{padding:0 14px}.al-logo img[b-4nem2124kc]{width:165px}.al-language button[b-4nem2124kc]{min-width:26px}.al-nav__mobile-actions[b-4nem2124kc]{grid-template-columns:1fr}.al-footer__grid[b-4nem2124kc]{grid-template-columns:1fr;padding:38px 18px 28px}.al-footer__bottom[b-4nem2124kc]{padding:16px 18px 22px}}

/* ADVANCELIFTS-R1-HF6 — Client-ready header polish */
.al-header[b-4nem2124kc]{box-shadow:0 10px 34px rgba(16,40,59,.07)}
.al-header__inner[b-4nem2124kc]{min-height:80px;max-width:1420px;padding-left:30px;padding-right:30px;gap:24px}
.al-logo img[b-4nem2124kc]{width:220px;max-height:54px;object-fit:contain}
.al-nav[b-4nem2124kc]{gap:20px}
.al-nav>a[b-4nem2124kc]{font-size:.8rem;font-weight:850;letter-spacing:-.01em}
.al-header__actions[b-4nem2124kc]{gap:10px}
.al-button[b-4nem2124kc]{min-height:42px;padding-left:16px;padding-right:16px}
.al-button--primary[b-4nem2124kc]{box-shadow:0 8px 18px rgba(201,53,50,.16)}
.al-language[b-4nem2124kc]{border-color:#c7d4dc}
@media(max-width:1120px){.al-logo img[b-4nem2124kc]{width:205px}.al-nav[b-4nem2124kc]{gap:15px}}
@media(max-width:900px){.al-header__inner[b-4nem2124kc]{min-height:72px}.al-nav[b-4nem2124kc]{top:72px}.al-logo img[b-4nem2124kc]{width:190px}}


/* ADVANCELIFTS-R5-HF1 — EN/ES-only + 390px mobile containment */
.al-site[b-4nem2124kc]{width:100%;max-width:100%;overflow-x:hidden}
.al-header[b-4nem2124kc],.al-header__inner[b-4nem2124kc],.al-footer[b-4nem2124kc],.al-footer__grid[b-4nem2124kc],.al-footer__bottom[b-4nem2124kc]{max-width:100%}
.al-header__inner>*[b-4nem2124kc]{min-width:0}
@media(max-width:900px){
  .al-header__inner[b-4nem2124kc]{width:100%;gap:10px}
  .al-menu-toggle[b-4nem2124kc]{margin-left:auto;flex:0 0 42px}
  .al-header__actions[b-4nem2124kc]{margin-left:0;flex:0 0 auto}
  .al-language[b-4nem2124kc]{margin:0}
}
@media(max-width:580px){
  .al-header__inner[b-4nem2124kc]{min-height:68px;padding:0 12px;gap:8px}
  .al-logo img[b-4nem2124kc]{width:148px;max-width:100%;height:auto}
  .al-menu-toggle[b-4nem2124kc]{width:40px;height:38px;flex-basis:40px}
  .al-language button[b-4nem2124kc]{min-width:30px;width:30px;height:30px}
  .al-nav[b-4nem2124kc]{top:68px;padding-inline:14px}
  .al-backdrop[b-4nem2124kc]{inset:68px 0 0}
  .al-footer__grid[b-4nem2124kc],.al-footer__bottom[b-4nem2124kc]{width:100%;max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:360px){
  .al-logo img[b-4nem2124kc]{width:132px}
  .al-header__inner[b-4nem2124kc]{padding-inline:10px;gap:6px}
  .al-language button[b-4nem2124kc]{min-width:28px;width:28px}
}

/* ADVANCELIFTS-R6 — merazonastudio presentation shell + internal client-site navigation */
.mz-presentation-bar[b-4nem2124kc]{background:#070707;color:#fff;border-bottom:1px solid #262626;position:relative;z-index:95}
.mz-presentation-bar__inner[b-4nem2124kc]{max-width:1420px;min-height:46px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mz-presentation-bar__brand[b-4nem2124kc],.mz-presentation-bar__actions[b-4nem2124kc]{display:flex;align-items:center;gap:14px;min-width:0}
.mz-presentation-bar__brand[b-4nem2124kc]{flex:1 1 auto}.mz-presentation-bar__actions[b-4nem2124kc]{flex:0 1 auto;justify-content:flex-end}
.mz-presentation-bar__divider[b-4nem2124kc]{width:1px;height:20px;background:#303030;flex:0 0 1px}
.mz-presentation-bar__label[b-4nem2124kc]{font-size:.61rem;font-weight:850;letter-spacing:.14em;color:#9ca3aa;white-space:nowrap}
.mz-presentation-bar__actions>span[b-4nem2124kc]{font-size:.68rem;color:#9ca3aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mz-presentation-bar__actions>a[b-4nem2124kc]{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border:1px solid #3a3a3a;border-radius:999px;color:#fff;text-decoration:none;font-size:.67rem;font-weight:800;white-space:nowrap;transition:.2s ease}
.mz-presentation-bar__actions>a:hover[b-4nem2124kc]{border-color:#737373;background:#151515}
.mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo{gap:8px;text-decoration:none;color:#fff}
.mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__mark{width:28px;height:24px;display:grid;place-items:center}
.mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__svg{width:28px;height:24px}
.mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__plane{fill:#fff}
.mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__edge{fill:none;stroke:#fff;stroke-width:1.5}
.mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__copy strong{font-size:.8rem;letter-spacing:-.02em;color:#fff}
.mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__copy small{display:none}
.al-nav>a.active[b-4nem2124kc]{color:var(--al-blue-dark)}
.al-nav>a.active[b-4nem2124kc]:after{right:0}
@media(max-width:900px){
  .mz-presentation-bar__inner[b-4nem2124kc]{min-height:42px;padding:0 16px;gap:12px}
  .mz-presentation-bar__label[b-4nem2124kc],.mz-presentation-bar__actions>span[b-4nem2124kc]{display:none}
  .mz-presentation-bar__actions>a[b-4nem2124kc]{min-height:28px;padding-inline:10px;font-size:.62rem}
  .mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__copy strong{font-size:.74rem}
}
@media(max-width:430px){
  .mz-presentation-bar__inner[b-4nem2124kc]{padding-inline:12px}
  .mz-presentation-bar__divider[b-4nem2124kc]{display:none}
  .mz-presentation-bar__actions>a[b-4nem2124kc]{font-size:0;padding:0;width:32px;border-radius:50%}
  .mz-presentation-bar__actions>a[b-4nem2124kc]:after{content:"↗";font-size:.78rem}
}

/* ADVANCELIFTS-R6-HF1 — master-style fixed presentation toolbar */
.al-site[b-4nem2124kc]{
  --mz-presentation-offset:82px;
  box-sizing:border-box;
  padding-top:var(--mz-presentation-offset);
}

.mz-presentation-bar[b-4nem2124kc]{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:240;
  padding:12px 0;
  background:transparent;
  border-bottom:0;
  pointer-events:none;
}

.mz-presentation-bar__inner[b-4nem2124kc]{
  width:min(2200px,calc(100% - 36px));
  max-width:none;
  min-height:58px;
  margin-inline:auto;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(7,7,7,.91);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-shadow:0 14px 40px rgba(0,0,0,.28);
  pointer-events:auto;
}

.mz-presentation-bar__brand[b-4nem2124kc],
.mz-presentation-bar__actions[b-4nem2124kc]{gap:16px}

.mz-presentation-bar__label[b-4nem2124kc]{
  font-size:.66rem;
  letter-spacing:.14em;
  color:#aeb5bc;
}

.mz-presentation-bar__actions>span[b-4nem2124kc]{
  font-size:.72rem;
  color:#aeb5bc;
}

.mz-presentation-bar__actions>a[b-4nem2124kc]{
  min-height:36px;
  padding-inline:15px;
  border-color:#424242;
  background:rgba(20,20,20,.74);
  font-size:.7rem;
}

.mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__mark{
  width:34px;
  height:30px;
}
.mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__svg{
  width:34px;
  height:30px;
}
.mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__copy strong{
  font-size:.9rem;
}

/* Keep the Advance Lifts navigation sticky beneath the fixed presentation bar. */
.al-header[b-4nem2124kc]{top:var(--mz-presentation-offset)}

@media(max-width:900px){
  .al-site[b-4nem2124kc]{--mz-presentation-offset:66px}
  .mz-presentation-bar[b-4nem2124kc]{padding:8px 0}
  .mz-presentation-bar__inner[b-4nem2124kc]{
    width:calc(100% - 24px);
    min-height:50px;
    padding:8px 12px;
    border-radius:28px;
    gap:12px;
  }
  .mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__mark,
  .mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__svg{width:30px;height:26px}
  .mz-presentation-bar[b-4nem2124kc]  .mz-brand-logo__copy strong{font-size:.8rem}
  .al-nav[b-4nem2124kc]{top:calc(var(--mz-presentation-offset) + 72px)}
  .al-backdrop[b-4nem2124kc]{inset:calc(var(--mz-presentation-offset) + 72px) 0 0}
}

@media(max-width:580px){
  .al-site[b-4nem2124kc]{--mz-presentation-offset:62px}
  .mz-presentation-bar[b-4nem2124kc]{padding:7px 0}
  .mz-presentation-bar__inner[b-4nem2124kc]{
    width:calc(100% - 20px);
    min-height:48px;
    padding:7px 10px;
    border-radius:24px;
  }
  .al-nav[b-4nem2124kc]{top:calc(var(--mz-presentation-offset) + 68px)}
  .al-backdrop[b-4nem2124kc]{inset:calc(var(--mz-presentation-offset) + 68px) 0 0}
}

@media(max-width:430px){
  .mz-presentation-bar__inner[b-4nem2124kc]{width:calc(100% - 16px)}
  .mz-presentation-bar__actions>a[b-4nem2124kc]{width:34px;min-height:34px;padding:0}
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* PHASE 3
   The shared site layout is intentionally controlled by
   wwwroot/css/merazona-foundation.css.
*/
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-vvhybrfdyk] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-vvhybrfdyk] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-vvhybrfdyk] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-vvhybrfdyk] {
    font-size: 1.1rem;
}

.bi[b-vvhybrfdyk] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-vvhybrfdyk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-vvhybrfdyk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-vvhybrfdyk] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-vvhybrfdyk] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-vvhybrfdyk] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-vvhybrfdyk] {
        padding-bottom: 1rem;
    }

    .nav-item[b-vvhybrfdyk]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-vvhybrfdyk]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-vvhybrfdyk]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-vvhybrfdyk] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-vvhybrfdyk] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-vvhybrfdyk] {
        display: none;
    }

    .nav-scrollable[b-vvhybrfdyk] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-22lmkystif],
.components-reconnect-repeated-attempt-visible[b-22lmkystif],
.components-reconnect-failed-visible[b-22lmkystif],
.components-pause-visible[b-22lmkystif],
.components-resume-failed-visible[b-22lmkystif],
.components-rejoining-animation[b-22lmkystif] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-22lmkystif],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-22lmkystif],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-22lmkystif],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-22lmkystif],
#components-reconnect-modal.components-reconnect-retrying[b-22lmkystif],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-22lmkystif],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-22lmkystif],
#components-reconnect-modal.components-reconnect-failed[b-22lmkystif],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-22lmkystif] {
    display: block;
}


#components-reconnect-modal[b-22lmkystif] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-22lmkystif 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-22lmkystif 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-22lmkystif 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-22lmkystif]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-22lmkystif 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-22lmkystif {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-22lmkystif {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-22lmkystif {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-22lmkystif] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-22lmkystif] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-22lmkystif] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-22lmkystif] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-22lmkystif] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-22lmkystif] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-22lmkystif] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-22lmkystif 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-22lmkystif] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-22lmkystif {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.site-footer .footer-grid--policies[b-6q6lmrcptt] {
    grid-template-columns: minmax(260px, 1.35fr) minmax(120px, .58fr) minmax(170px, .75fr) minmax(170px, .72fr);
    align-items: start;
}

.site-footer .footer-grid--policies h3[b-6q6lmrcptt] {
    color: var(--text);
}

.site-footer .footer-grid--policies a[b-6q6lmrcptt] {
    width: fit-content;
    transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

.site-footer .footer-grid--policies a:hover[b-6q6lmrcptt] {
    color: var(--text);
    opacity: 1;
    transform: translateX(2px);
}

.site-root[dir="rtl"] .site-footer .footer-grid--policies a:hover[b-6q6lmrcptt] {
    transform: translateX(-2px);
}

.footer-bottom--policies[b-6q6lmrcptt] {
    align-items: center;
}

.footer-legal-inline[b-6q6lmrcptt] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}

.footer-legal-inline a[b-6q6lmrcptt] {
    color: var(--muted);
    text-decoration: none;
}

.footer-legal-inline a:hover[b-6q6lmrcptt] {
    color: var(--text);
}

@media (max-width: 980px) {
    .site-footer .footer-grid--policies[b-6q6lmrcptt] {
        grid-template-columns: 1fr 1fr;
    }

    .footer-bottom--policies[b-6q6lmrcptt] {
        display: grid;
        justify-content: stretch;
    }
}

@media (max-width: 720px) {
    .site-footer .footer-grid--policies[b-6q6lmrcptt] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 18px;
    }

    .site-footer .footer-grid--policies > div:first-child[b-6q6lmrcptt],
    .site-footer .footer-grid--policies > div:last-child[b-6q6lmrcptt] {
        grid-column: 1 / -1;
    }

    .site-footer .footer-grid--policies > div:first-child p[b-6q6lmrcptt] {
        max-width: 520px;
        margin-bottom: 0;
    }

    .footer-bottom--policies[b-6q6lmrcptt] {
        gap: 8px;
    }

    .footer-legal-inline[b-6q6lmrcptt] {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 10px;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-page[b-7drg9lao8u] {
    position: relative;
    overflow: hidden;
    padding-block: clamp(96px, 10vw, 142px) clamp(60px, 8vw, 110px);
}

.about-page[b-7drg9lao8u]::before,
.about-page[b-7drg9lao8u]::after {
    content: "";
    position: fixed;
    inset: auto auto 8% -10%;
    width: 38vw;
    height: 38vw;
    pointer-events: none;
    border-radius: 999px;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent, #8be9ff) 12%, transparent), transparent 66%);
    filter: blur(42px);
    opacity: .5;
    z-index: -1;
}

.about-page[b-7drg9lao8u]::after {
    inset: 9% -14% auto auto;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-2, #b6f7ff) 10%, transparent), transparent 68%);
}

/* Phase 9.1 — About mobile offset */
@media (max-width: 720px) {
    .about-page[b-7drg9lao8u] {
        padding-top: calc(var(--mx-header-h, 112px) + 24px);
        padding-bottom: 64px;
    }
}
/* /Components/Pages/AdvanceLiftsCatalogExplorer.razor.rz.scp.css */

.al-r7-catalog[b-reyic88qfw]{max-width:1320px;margin:0 auto;color:#172536}.al-r7-catalog *[b-reyic88qfw]{box-sizing:border-box}.al-r7-catalog__intro[b-reyic88qfw]{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:end;margin-bottom:30px}.al-r7-catalog__intro span[b-reyic88qfw],.al-r7-catalog__compact-head span[b-reyic88qfw],.al-r7-catalog__family-copy>span[b-reyic88qfw]{display:block;color:#0068a8;font-size:.68rem;font-weight:900;letter-spacing:.13em}.al-r7-catalog__intro h2[b-reyic88qfw]{max-width:790px;margin:10px 0 0;font-size:clamp(2.5rem,4.6vw,4.7rem);line-height:.92;letter-spacing:-.06em}.al-r7-catalog__intro p[b-reyic88qfw]{color:#5e7080;line-height:1.72;margin:0;max-width:590px}.al-r7-catalog__tools[b-reyic88qfw]{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.7fr) auto;gap:12px;align-items:end;margin-bottom:16px}.al-r7-catalog__tools label[b-reyic88qfw]{display:grid;gap:7px}.al-r7-catalog__tools label>span[b-reyic88qfw]{font-size:.62rem;font-weight:900;color:#486071}.al-r7-catalog__tools input[b-reyic88qfw],.al-r7-catalog__tools select[b-reyic88qfw]{height:48px;border:1px solid #cfdbe3;background:#fff;padding:0 14px;color:#172536;font:inherit}.al-r7-catalog__compare[b-reyic88qfw]{height:48px;display:inline-flex;align-items:center;justify-content:center;background:#103a58;color:#fff;text-decoration:none;font-size:.68rem;font-weight:900;padding:0 16px;white-space:nowrap}.al-r7-catalog__compact-head[b-reyic88qfw]{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.al-r7-catalog__compact-head strong[b-reyic88qfw]{display:block;font-size:1.45rem;letter-spacing:-.04em;margin-top:6px}.al-r7-catalog__compact-head a[b-reyic88qfw],.al-r7-catalog__footer a[b-reyic88qfw]{color:#0068a8;text-decoration:none;font-weight:900;font-size:.7rem}.al-r7-catalog__tabs[b-reyic88qfw]{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid #d6e0e7;background:#f4f7f9}.al-r7-catalog__tabs button[b-reyic88qfw]{min-height:74px;border:0;border-right:1px solid #d6e0e7;background:transparent;text-align:left;padding:12px 10px;color:#172536;cursor:pointer}.al-r7-catalog__tabs button:last-child[b-reyic88qfw]{border-right:0}.al-r7-catalog__tabs button span[b-reyic88qfw]{display:block;font-size:.55rem;color:#0068a8;font-weight:900;margin-bottom:7px}.al-r7-catalog__tabs button b[b-reyic88qfw]{font-size:.63rem;line-height:1.15}.al-r7-catalog__tabs button.active[b-reyic88qfw]{background:#103a58;color:#fff}.al-r7-catalog__tabs button.active span[b-reyic88qfw]{color:#7bd0ff}.al-r7-catalog__family-head[b-reyic88qfw]{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid #d6e0e7;border-top:0;min-height:250px}.al-r7-catalog__family-copy[b-reyic88qfw]{padding:38px 34px;background:#eef3f6}.al-r7-catalog__family-copy h3[b-reyic88qfw]{font-size:clamp(2rem,3.6vw,3.7rem);line-height:.94;letter-spacing:-.055em;margin:8px 0 12px}.al-r7-catalog__family-copy p[b-reyic88qfw]{max-width:760px;color:#5e7080;line-height:1.6;margin:0}.al-r7-catalog__signals[b-reyic88qfw]{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.al-r7-catalog__signals b[b-reyic88qfw]{font-size:.56rem;border:1px solid #bacbd6;background:#fff;padding:6px 8px}.al-r7-catalog__family-image[b-reyic88qfw]{display:grid;place-items:center;background:#fff;min-height:240px}.al-r7-catalog__family-image img[b-reyic88qfw]{width:86%;height:220px;object-fit:contain}.al-r7-catalog__grid[b-reyic88qfw]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.is-compact .al-r7-catalog__grid[b-reyic88qfw]{grid-template-columns:repeat(4,minmax(0,1fr))}.al-r7-catalog-card[b-reyic88qfw]{border:1px solid #d7e1e8;text-decoration:none;color:#172536;background:#fff;display:flex;flex-direction:column;min-height:420px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.al-r7-catalog-card:hover[b-reyic88qfw]{transform:translateY(-2px);border-color:#8eb8d0;box-shadow:0 12px 26px rgba(23,37,54,.08)}.al-r7-catalog-card__media[b-reyic88qfw]{height:176px;position:relative;display:grid;place-items:center;background:#f1f5f7;overflow:hidden}.al-r7-catalog-card__media img[b-reyic88qfw]{width:100%;height:100%;object-fit:contain;padding:14px}.al-r7-catalog-card__media.has-photo[b-reyic88qfw]{background:linear-gradient(180deg,#f9fbfc,#edf3f6)}.al-r7-catalog-card__media.is-resource[b-reyic88qfw]{background:linear-gradient(145deg,#edf3f6 0 55%,#e3edf3 55%)}.al-r7-catalog-card__kind[b-reyic88qfw]{position:absolute;left:10px;top:10px;background:#0068a8;color:#fff;padding:5px 7px;font-size:.5rem!important;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.al-r7-resource-tile[b-reyic88qfw]{width:112px;height:92px;border:1px solid #9cb7c7;background:#fff;display:grid;align-content:center;justify-items:start;padding:14px;position:relative;box-shadow:8px 8px 0 #dce8ef}.al-r7-resource-tile span[b-reyic88qfw]{font-size:.76rem;font-weight:950;color:#103a58;letter-spacing:.08em}.al-r7-resource-tile i[b-reyic88qfw]{display:block;width:64px;height:3px;background:#bdd0da;margin-top:7px}.al-r7-resource-tile i:nth-of-type(2)[b-reyic88qfw]{width:52px}.al-r7-resource-tile i:nth-of-type(3)[b-reyic88qfw]{width:39px}.al-r7-catalog-card__body[b-reyic88qfw]{padding:18px;display:flex;flex-direction:column;flex:1}.al-r7-catalog-card__body h4[b-reyic88qfw]{font-size:1.04rem;line-height:1.08;margin:0 0 8px;letter-spacing:-.025em}.al-r7-catalog-card__body p[b-reyic88qfw]{color:#657687;font-size:.75rem;line-height:1.52;margin:0 0 14px}.al-r7-catalog-card__tags[b-reyic88qfw]{display:flex;gap:5px;flex-wrap:wrap}.al-r7-catalog-card__tags small[b-reyic88qfw]{border:1px solid #d5dfe5;padding:4px 5px;font-size:.5rem;color:#5f7180}.al-r7-catalog-card__body strong[b-reyic88qfw]{font-size:.58rem;margin-top:10px;color:#103a58}.al-r7-catalog-card__body>b[b-reyic88qfw]{margin-top:auto;padding-top:16px;color:#0068a8;font-size:.65rem}.al-r7-catalog__empty[b-reyic88qfw]{padding:36px;border:1px dashed #b7c7d1;margin-top:10px;text-align:center;color:#687987}.al-r7-catalog__footer[b-reyic88qfw]{display:flex;justify-content:space-between;gap:15px;padding-top:18px}.is-compact .al-r7-catalog__intro[b-reyic88qfw],.is-compact .al-r7-catalog__tools[b-reyic88qfw]{display:none}.is-compact .al-r7-catalog__family-head[b-reyic88qfw]{min-height:220px}.is-compact .al-r7-catalog-card[b-reyic88qfw]{min-height:360px}@media(max-width:1100px){.al-r7-catalog__tabs[b-reyic88qfw]{grid-template-columns:repeat(4,1fr)}.al-r7-catalog__tabs button[b-reyic88qfw]{border-bottom:1px solid #d6e0e7}.al-r7-catalog__grid[b-reyic88qfw],.is-compact .al-r7-catalog__grid[b-reyic88qfw]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.al-r7-catalog__intro[b-reyic88qfw]{grid-template-columns:1fr;gap:14px}.al-r7-catalog__tools[b-reyic88qfw]{grid-template-columns:1fr}.al-r7-catalog__compare[b-reyic88qfw]{align-self:stretch}.al-r7-catalog__compact-head[b-reyic88qfw]{align-items:flex-start;flex-direction:column}.al-r7-catalog__tabs[b-reyic88qfw]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.al-r7-catalog__tabs button[b-reyic88qfw]{min-width:152px;border-bottom:0;scroll-snap-align:start}.al-r7-catalog__family-head[b-reyic88qfw]{grid-template-columns:1fr}.al-r7-catalog__family-copy[b-reyic88qfw]{padding:24px 18px}.al-r7-catalog__family-image[b-reyic88qfw]{min-height:190px}.al-r7-catalog__grid[b-reyic88qfw],.is-compact .al-r7-catalog__grid[b-reyic88qfw]{grid-template-columns:1fr}.al-r7-catalog-card[b-reyic88qfw]{display:grid;grid-template-columns:122px 1fr;min-height:0}.al-r7-catalog-card__media[b-reyic88qfw]{height:100%;min-height:166px}.al-r7-catalog-card__media img[b-reyic88qfw]{padding:9px}.al-r7-resource-tile[b-reyic88qfw]{width:78px;height:72px;padding:9px;box-shadow:5px 5px 0 #dce8ef}.al-r7-resource-tile i[b-reyic88qfw]{width:45px}.al-r7-catalog-card__kind[b-reyic88qfw]{font-size:.43rem!important}.al-r7-catalog__footer[b-reyic88qfw]{flex-direction:column}.is-compact .al-r7-catalog__family-head[b-reyic88qfw]{min-height:0}}
/* /Components/Pages/AdvanceLiftsCompare.razor.rz.scp.css */

.al-r7-compare[b-x3xplwtkq0]{background:#fff;color:#172536}.al-r7-compare__body[b-x3xplwtkq0]{max-width:1240px;margin:auto;padding:46px 34px 82px}.al-r7-compare__select[b-x3xplwtkq0]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.al-r7-compare__select label[b-x3xplwtkq0]{border:1px solid #d7e1e8;padding:14px;display:grid;grid-template-columns:auto 74px 1fr;grid-template-rows:auto auto auto;gap:4px 12px;cursor:pointer;align-items:center;background:#fff}.al-r7-compare__select label.active[b-x3xplwtkq0]{border-color:#0068a8;background:#eef7fc}.al-r7-compare__select input[b-x3xplwtkq0]{grid-row:1/4}.al-r7-compare__select img[b-x3xplwtkq0]{grid-row:1/4;width:70px;height:58px;object-fit:contain;background:#fff}.al-r7-compare__select span[b-x3xplwtkq0]{font-size:.72rem;font-weight:900}.al-r7-compare__select b[b-x3xplwtkq0]{font-size:1.1rem}.al-r7-compare__select small[b-x3xplwtkq0]{color:#687987}.al-r7-compare__note[b-x3xplwtkq0]{margin:18px 0 24px;padding:14px;background:#eef3f6;color:#5c6f7f;font-size:.72rem;line-height:1.55}.al-r7-compare__table-wrap[b-x3xplwtkq0]{overflow-x:auto;border:1px solid #d7e1e8}.al-r7-compare table[b-x3xplwtkq0]{width:100%;border-collapse:collapse;min-width:820px}.al-r7-compare th[b-x3xplwtkq0],.al-r7-compare td[b-x3xplwtkq0]{padding:16px;border-right:1px solid #d7e1e8;border-bottom:1px solid #d7e1e8;text-align:left}.al-r7-compare thead th[b-x3xplwtkq0]{background:#103a58;color:#fff;vertical-align:bottom}.al-r7-compare thead th img[b-x3xplwtkq0]{display:block;width:110px;height:76px;object-fit:contain;background:#fff;margin-bottom:9px;padding:4px}.al-r7-compare thead th span[b-x3xplwtkq0]{display:block}.al-r7-compare tbody th[b-x3xplwtkq0]{background:#f2f5f7;font-size:.7rem}.al-r7-compare td[b-x3xplwtkq0]{font-weight:800}.al-r7-compare__actions[b-x3xplwtkq0]{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.al-r7-compare__actions a[b-x3xplwtkq0]{color:#0068a8;text-decoration:none;font-size:.72rem;font-weight:900}.al-r7-compare__actions a.primary[b-x3xplwtkq0]{background:#103a58;color:#fff;padding:12px 14px}.al-r7-compare__empty[b-x3xplwtkq0]{padding:50px;border:1px dashed #b9c8d2;text-align:center;color:#687987}@media(max-width:760px){.al-r7-compare__body[b-x3xplwtkq0]{padding:30px 16px 60px}.al-r7-compare__select[b-x3xplwtkq0]{grid-template-columns:1fr 1fr}.al-r7-compare__actions[b-x3xplwtkq0]{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.al-r7-compare__select[b-x3xplwtkq0]{grid-template-columns:1fr}.al-r7-compare__select label[b-x3xplwtkq0]{grid-template-columns:auto 64px 1fr}.al-r7-compare__select img[b-x3xplwtkq0]{width:60px;height:52px}}

/* R7-HF4 mobile comparison polish */
.al-r7-compare__mobile-hint[b-x3xplwtkq0]{display:none;color:#557084;font-size:.68rem;font-weight:800;margin:0 0 8px}.al-r7-compare__table-wrap[b-x3xplwtkq0]{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.al-r7-compare thead th img[b-x3xplwtkq0]{object-fit:contain}.al-r7-compare tbody th[b-x3xplwtkq0]{white-space:nowrap}@media(max-width:600px){.al-r7-compare__mobile-hint[b-x3xplwtkq0]{display:block}.al-r7-compare__table-wrap[b-x3xplwtkq0]{margin-left:-4px;margin-right:-4px;border-left:0;border-right:0}.al-r7-compare table[b-x3xplwtkq0]{min-width:760px}.al-r7-compare th[b-x3xplwtkq0],.al-r7-compare td[b-x3xplwtkq0]{padding:12px}.al-r7-compare th:first-child[b-x3xplwtkq0],.al-r7-compare td:first-child[b-x3xplwtkq0]{position:sticky;left:0;z-index:2}.al-r7-compare thead th:first-child[b-x3xplwtkq0]{z-index:4;background:#103a58}.al-r7-compare tbody th:first-child[b-x3xplwtkq0]{background:#f2f5f7}.al-r7-compare thead th img[b-x3xplwtkq0]{width:86px;height:60px}.al-r7-compare__actions a.primary[b-x3xplwtkq0]{width:100%;text-align:center}.al-r7-compare__select label[b-x3xplwtkq0]{min-height:94px}}


/* R9-A — family-aware comparison */
.al-r7-compare__context[b-x3xplwtkq0]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;background:#f3f7f9;border:1px solid #d7e1e8}
.al-r7-compare__context span[b-x3xplwtkq0]{font-size:.62rem;color:#0068a8;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.al-r7-compare__context b[b-x3xplwtkq0]{font-size:.78rem;color:#172536}
.al-r7-compare__context a[b-x3xplwtkq0]{margin-left:auto;color:#0068a8;text-decoration:none;font-size:.68rem;font-weight:900}
@media(max-width:520px){.al-r7-compare__context a[b-x3xplwtkq0]{width:100%;margin-left:0}.al-r7-compare__select[b-x3xplwtkq0]{grid-template-columns:1fr}.al-r7-compare__select label[b-x3xplwtkq0]{min-height:92px}}
/* /Components/Pages/AdvanceLiftsDemo.razor.rz.scp.css */
.advance-lifts-demo[b-0jcyiiwcio]{--blue:#0068a8;--blue2:#004f83;--red:#c93532;--ink:#182939;--muted:#617282;--line:#d8e2e8;--soft:#f3f6f8;--navy:#10283b;background:#fff;color:var(--ink)}.advance-lifts-demo *[b-0jcyiiwcio]{box-sizing:border-box}.al-kicker[b-0jcyiiwcio]{margin:0 0 10px;color:var(--blue);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.al-hero[b-0jcyiiwcio]{min-height:570px;display:grid;grid-template-columns:minmax(0,.93fr) minmax(520px,1.07fr);max-width:1440px;margin:auto;background:linear-gradient(90deg,#f5f7f8 0,#fff 55%)}.al-hero__copy[b-0jcyiiwcio]{padding:76px 60px 56px 70px;display:flex;flex-direction:column;justify-content:center}.al-hero h1[b-0jcyiiwcio]{font-size:clamp(3.25rem,5.7vw,5.8rem);line-height:.91;letter-spacing:-.055em;margin:0 0 22px;max-width:760px;color:#152839}.al-hero__lead[b-0jcyiiwcio]{font-size:1.06rem;line-height:1.65;color:#536677;max-width:700px;margin:0 0 28px}.al-hero__actions[b-0jcyiiwcio]{display:flex;gap:10px;flex-wrap:wrap}.al-cta[b-0jcyiiwcio]{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:3px;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.al-cta--primary[b-0jcyiiwcio]{background:var(--red);color:#fff}.al-cta--secondary[b-0jcyiiwcio]{background:#fff;color:#163349;border:1px solid #aebec9}.al-cta--white[b-0jcyiiwcio]{background:#fff;color:#164765}.al-cta--dark[b-0jcyiiwcio]{background:#10283b;color:#fff;border:1px solid rgba(255,255,255,.25)}.al-hero__microproof[b-0jcyiiwcio]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;border-top:1px solid var(--line);padding-top:22px}.al-hero__microproof span[b-0jcyiiwcio]{display:flex;flex-direction:column;gap:3px;color:#677889;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.al-hero__microproof strong[b-0jcyiiwcio]{font-size:1.15rem;color:#173348;letter-spacing:0}.al-hero__visual[b-0jcyiiwcio]{position:relative;min-height:570px;background:linear-gradient(135deg,#e7edf1,#cbd6dd);overflow:hidden}.al-hero__visual[b-0jcyiiwcio]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(0,104,168,.15));pointer-events:none}.al-hero__product[b-0jcyiiwcio]{position:absolute;background:#fff;box-shadow:0 20px 45px rgba(26,48,65,.17);border:1px solid rgba(21,60,87,.08)}.al-hero__product--main[b-0jcyiiwcio]{inset:48px 46px 78px 25px;display:grid;grid-template-rows:1fr auto}.al-hero__product--main img[b-0jcyiiwcio]{width:100%;height:100%;min-height:330px;object-fit:contain;padding:22px;background:#fff}.al-hero__product--main>div[b-0jcyiiwcio]{background:#0f2d43;color:#fff;padding:17px 20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.al-hero__product--main span[b-0jcyiiwcio]{font-size:.59rem;color:#90c7e9;letter-spacing:.09em;font-weight:800}.al-hero__product--main strong[b-0jcyiiwcio]{font-size:.9rem}.al-hero__product--main small[b-0jcyiiwcio]{font-size:.62rem;color:#d5e4ed;text-transform:uppercase}.al-hero__product--small[b-0jcyiiwcio]{right:18px;bottom:20px;width:230px;padding:10px}.al-hero__product--small img[b-0jcyiiwcio]{width:100%;height:125px;object-fit:contain}.al-hero__product--small span[b-0jcyiiwcio]{display:block;background:#f0f4f7;color:#26475e;font-size:.6rem;font-weight:850;padding:8px}.al-trust[b-0jcyiiwcio]{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.al-trust>div[b-0jcyiiwcio]{min-height:88px;padding:18px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.al-trust>div:last-child[b-0jcyiiwcio]{border-right:0}.al-trust strong[b-0jcyiiwcio]{font-size:.95rem;color:#17466a}.al-trust span[b-0jcyiiwcio]{font-size:.66rem;color:#72808d;margin-top:4px;text-transform:uppercase;letter-spacing:.035em}.al-section[b-0jcyiiwcio]{max-width:1320px;margin:auto;padding:86px 34px}.al-section-head[b-0jcyiiwcio]{max-width:780px;margin-bottom:35px}.al-section-head h2[b-0jcyiiwcio],.al-featured h2[b-0jcyiiwcio],.al-company h2[b-0jcyiiwcio],.al-support h2[b-0jcyiiwcio],.al-quote h2[b-0jcyiiwcio],.al-case-strip h2[b-0jcyiiwcio]{font-size:clamp(2rem,3.2vw,3.3rem);line-height:1.03;letter-spacing:-.04em;margin:0 0 14px;color:#172b3b}.al-section-head>p:last-child[b-0jcyiiwcio],.al-section-head--split>p[b-0jcyiiwcio],.al-company__copy>p[b-0jcyiiwcio],.al-support__card>p[b-0jcyiiwcio],.al-quote>div>p[b-0jcyiiwcio]{color:#607282;line-height:1.7;margin:0}.al-section-head--split[b-0jcyiiwcio]{max-width:none;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:end}.al-section-head--split>p[b-0jcyiiwcio]{padding-bottom:7px}.al-finder[b-0jcyiiwcio]{padding-top:76px}.al-finder__grid[b-0jcyiiwcio]{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);box-shadow:0 16px 45px rgba(17,50,72,.07)}.al-finder__form[b-0jcyiiwcio]{padding:28px;background:#f7f9fa;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.al-finder__form label[b-0jcyiiwcio]{display:flex;flex-direction:column;gap:9px}.al-finder__form label>span[b-0jcyiiwcio]{font-size:.68rem;font-weight:850;color:#32536a}.al-finder select[b-0jcyiiwcio]{width:100%;min-height:52px;border:1px solid #c7d3db;background:#fff;color:#1d3546;padding:0 12px;font:inherit;font-size:.78rem}.al-finder__result[b-0jcyiiwcio]{background:#102e43;color:#fff;padding:28px 30px;display:flex;flex-direction:column;justify-content:center}.al-finder__result>span[b-0jcyiiwcio]{font-size:.62rem;color:#7fc3eb;font-weight:900;letter-spacing:.1em}.al-finder__result>strong[b-0jcyiiwcio]{font-size:1.8rem;line-height:1.08;margin:8px 0}.al-finder__result>p[b-0jcyiiwcio]{margin:0;color:#d5e1e9;font-size:.78rem;line-height:1.55}.al-finder__result>a[b-0jcyiiwcio]{color:#fff;font-size:.7rem;font-weight:850;margin:16px 0 9px}.al-finder__result>small[b-0jcyiiwcio]{font-size:.58rem;color:#91a8b7;line-height:1.45}.al-finder__summary[b-0jcyiiwcio]{display:flex;gap:8px;margin-top:14px}.al-finder__summary span[b-0jcyiiwcio]{border:1px solid rgba(255,255,255,.14);padding:7px 9px;font-size:.58rem;color:#a9bdca;display:flex;gap:5px}.al-finder__summary strong[b-0jcyiiwcio]{color:#fff}.al-products[b-0jcyiiwcio]{padding-top:66px}.al-products__grid[b-0jcyiiwcio]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.al-product-card[b-0jcyiiwcio]{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-height:360px;transition:.2s}.al-product-card:hover[b-0jcyiiwcio]{transform:translateY(-3px);box-shadow:0 14px 32px rgba(20,52,75,.09);border-color:#b9cbd8}.al-product-card__visual[b-0jcyiiwcio]{height:185px;position:relative;background:#f4f6f7;overflow:hidden}.al-product-card__visual img[b-0jcyiiwcio]{width:100%;height:100%;object-fit:contain;padding:12px;transition:.25s}.al-product-card:hover .al-product-card__visual img[b-0jcyiiwcio]{transform:scale(1.025)}.al-product-card__visual>span[b-0jcyiiwcio]{position:absolute;left:10px;top:10px;background:#0a669f;color:#fff;font-size:.58rem;font-weight:900;padding:6px 8px}.al-product-card__body[b-0jcyiiwcio]{padding:20px;display:flex;flex-direction:column;flex:1}.al-product-card h3[b-0jcyiiwcio]{font-size:1.04rem;margin:0 0 8px}.al-product-card p[b-0jcyiiwcio]{font-size:.73rem;color:#667786;line-height:1.55;margin:0 0 15px}.al-product-card a[b-0jcyiiwcio]{margin-top:auto;color:#0568a6;font-size:.68rem;font-weight:850;text-decoration:none}.al-featured[b-0jcyiiwcio]{max-width:1440px;margin:18px auto 0;display:grid;grid-template-columns:1.08fr .92fr;background:#10283b;color:#fff}.al-featured__media[b-0jcyiiwcio]{min-height:520px;background:#eef2f4;position:relative;display:grid;place-items:center;overflow:hidden}.al-featured__media img[b-0jcyiiwcio]{width:88%;height:80%;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(12,28,39,.18))}.al-motion-diagram[b-0jcyiiwcio]{position:absolute;left:26px;right:26px;bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.al-motion-diagram span[b-0jcyiiwcio]{background:rgba(16,40,59,.9);color:#fff;padding:8px 10px;text-align:center;font-size:.65rem;font-weight:850}.al-featured__copy[b-0jcyiiwcio]{padding:64px 56px;display:flex;flex-direction:column;justify-content:center}.al-featured__copy .al-kicker[b-0jcyiiwcio]{color:#76c5f2}.al-featured h2[b-0jcyiiwcio]{color:#fff}.al-featured__copy>p[b-0jcyiiwcio]{color:#c7d7e1;line-height:1.65}.al-featured__facts[b-0jcyiiwcio]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.al-featured__facts>div[b-0jcyiiwcio]{border:1px solid rgba(255,255,255,.12);padding:16px}.al-featured__facts strong[b-0jcyiiwcio]{display:block;font-size:1.25rem;color:#fff}.al-featured__facts span[b-0jcyiiwcio]{font-size:.62rem;color:#9eb5c4;line-height:1.4}.al-featured__roadmap[b-0jcyiiwcio]{border-left:3px solid #2ba8ef;background:rgba(255,255,255,.05);padding:14px 16px}.al-featured__roadmap span[b-0jcyiiwcio]{display:block;color:#75c6f3;font-size:.58rem;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.al-featured__roadmap strong[b-0jcyiiwcio]{font-size:.74rem}.al-applications__grid[b-0jcyiiwcio]{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.al-applications__grid article[b-0jcyiiwcio]{padding:25px;border-right:1px solid var(--line);min-height:180px}.al-applications__grid article:last-child[b-0jcyiiwcio]{border-right:0}.al-applications__grid span[b-0jcyiiwcio]{font-size:.6rem;color:#0d70ad;font-weight:900}.al-applications__grid strong[b-0jcyiiwcio]{display:block;font-size:1rem;margin:18px 0 8px}.al-applications__grid p[b-0jcyiiwcio]{font-size:.72rem;color:#657786;line-height:1.55;margin:0}.al-company[b-0jcyiiwcio]{max-width:1320px;margin:0 auto 20px;display:grid;grid-template-columns:1fr 1fr;background:#f1f5f7}.al-company__image img[b-0jcyiiwcio]{width:100%;height:100%;min-height:420px;object-fit:cover}.al-company__copy[b-0jcyiiwcio]{padding:50px 54px;display:flex;flex-direction:column;justify-content:center}.al-company__badges[b-0jcyiiwcio]{margin-top:25px;display:flex;align-items:center;gap:20px;padding-top:22px;border-top:1px solid #cfdadf}.al-company__badges img[b-0jcyiiwcio]{width:155px;background:#fff;padding:8px}.al-company__badges div[b-0jcyiiwcio]{display:flex;flex-direction:column}.al-company__badges strong[b-0jcyiiwcio]{color:#134f77}.al-company__badges span[b-0jcyiiwcio]{font-size:.67rem;color:#75838e;margin-top:4px}.al-resources__grid[b-0jcyiiwcio]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.al-resources__grid article[b-0jcyiiwcio]{border:1px solid var(--line);padding:23px;min-height:180px}.al-resources__grid article>span[b-0jcyiiwcio]{display:inline-grid;place-items:center;width:40px;height:40px;background:#0c669f;color:#fff;font-size:.59rem;font-weight:900}.al-resources__grid strong[b-0jcyiiwcio]{display:block;margin:16px 0 7px}.al-resources__grid p[b-0jcyiiwcio]{margin:0;font-size:.72rem;color:#657786;line-height:1.55}.al-case-strip[b-0jcyiiwcio]{max-width:1320px;margin:0 auto 75px;padding:38px 42px;background:#eef3f6;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.al-case-strip h2[b-0jcyiiwcio]{font-size:2rem;margin:0}.al-case-strip__flow[b-0jcyiiwcio]{display:flex;align-items:center;justify-content:space-between;gap:8px}.al-case-strip__flow span[b-0jcyiiwcio]{border:1px solid #c7d5de;background:#fff;padding:12px 10px;min-width:92px;text-align:center;font-size:.65rem;font-weight:800}.al-case-strip__flow b[b-0jcyiiwcio]{color:#7e98aa}.al-support[b-0jcyiiwcio]{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:10px}.al-support__card[b-0jcyiiwcio]{padding:44px;background:#eff4f6;min-height:340px;display:flex;flex-direction:column}.al-support__card>span[b-0jcyiiwcio]{font-size:.62rem;color:#0a6da9;font-weight:900;letter-spacing:.1em}.al-support h2[b-0jcyiiwcio]{font-size:2.35rem;margin-top:10px}.al-support__card>a[b-0jcyiiwcio]{margin-top:auto;color:#045f97;font-weight:850;font-size:.75rem}.al-support__card--blue[b-0jcyiiwcio]{background:#076ba7;color:#fff}.al-support__card--blue>span[b-0jcyiiwcio],.al-support__card--blue h2[b-0jcyiiwcio],.al-support__card--blue p[b-0jcyiiwcio]{color:#fff}.al-location-preview[b-0jcyiiwcio]{margin-top:auto;background:#fff;color:#16384e;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 10px 10px 14px}.al-location-preview span[b-0jcyiiwcio]{font-size:.58rem;color:#718390}.al-location-preview strong[b-0jcyiiwcio]{font-size:.9rem}.al-location-preview button[b-0jcyiiwcio]{border:0;background:#c93532;color:#fff;height:38px;padding:0 16px;font-weight:850;text-transform:uppercase;font-size:.63rem}.al-quote[b-0jcyiiwcio]{margin-top:76px;background:#c93532;color:#fff;padding:62px max(34px,calc((100vw - 1252px)/2));display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.al-quote .al-kicker[b-0jcyiiwcio],.al-quote h2[b-0jcyiiwcio],.al-quote>div>p[b-0jcyiiwcio]{color:#fff}.al-quote__steps[b-0jcyiiwcio]{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;grid-column:1/-1}.al-quote__steps span[b-0jcyiiwcio]{border:1px solid rgba(255,255,255,.35);padding:11px 9px;font-size:.63rem;display:flex;align-items:center;gap:7px}.al-quote__steps b[b-0jcyiiwcio]{font-size:.57rem;background:#fff;color:#c93532;width:23px;height:23px;display:grid;place-items:center;border-radius:50%}.al-quote__actions[b-0jcyiiwcio]{display:flex;justify-content:flex-end;gap:9px}.al-quote__actions .al-cta[b-0jcyiiwcio]{min-width:190px}
[dir="rtl"] .al-product-card__visual>span[b-0jcyiiwcio]{left:auto;right:10px}[dir="rtl"] .al-featured__roadmap[b-0jcyiiwcio]{border-left:0;border-right:3px solid #2ba8ef}
@media(max-width:1100px){.al-hero[b-0jcyiiwcio]{grid-template-columns:1fr 1fr}.al-hero__copy[b-0jcyiiwcio]{padding:60px 34px}.al-products__grid[b-0jcyiiwcio]{grid-template-columns:repeat(2,1fr)}.al-finder__form[b-0jcyiiwcio]{grid-template-columns:1fr}.al-finder__grid[b-0jcyiiwcio]{grid-template-columns:1fr 1fr}.al-section-head--split[b-0jcyiiwcio]{gap:35px}.al-applications__grid[b-0jcyiiwcio]{grid-template-columns:1fr 1fr}.al-applications__grid article:nth-child(2)[b-0jcyiiwcio]{border-right:0}.al-applications__grid article:nth-child(-n+2)[b-0jcyiiwcio]{border-bottom:1px solid var(--line)}.al-resources__grid[b-0jcyiiwcio]{grid-template-columns:1fr 1fr}.al-case-strip[b-0jcyiiwcio]{grid-template-columns:1fr}.al-quote[b-0jcyiiwcio]{grid-template-columns:1fr}.al-quote__actions[b-0jcyiiwcio]{justify-content:flex-start}}
@media(max-width:820px){.al-hero[b-0jcyiiwcio]{grid-template-columns:1fr}.al-hero__copy[b-0jcyiiwcio]{padding:50px 24px 36px}.al-hero h1[b-0jcyiiwcio]{font-size:clamp(3rem,12vw,4.8rem)}.al-hero__visual[b-0jcyiiwcio]{min-height:430px}.al-hero__product--main[b-0jcyiiwcio]{inset:24px 24px 55px}.al-hero__product--main>div[b-0jcyiiwcio]{grid-template-columns:1fr}.al-hero__product--small[b-0jcyiiwcio]{display:none}.al-trust[b-0jcyiiwcio]{grid-template-columns:1fr 1fr}.al-trust>div[b-0jcyiiwcio]{border-bottom:1px solid var(--line)}.al-trust>div:nth-child(even)[b-0jcyiiwcio]{border-right:0}.al-trust>div:last-child[b-0jcyiiwcio]{grid-column:1/-1}.al-section[b-0jcyiiwcio]{padding:64px 22px}.al-section-head--split[b-0jcyiiwcio]{grid-template-columns:1fr}.al-finder__grid[b-0jcyiiwcio]{grid-template-columns:1fr}.al-featured[b-0jcyiiwcio]{grid-template-columns:1fr}.al-featured__media[b-0jcyiiwcio]{min-height:390px}.al-featured__copy[b-0jcyiiwcio]{padding:42px 28px}.al-company[b-0jcyiiwcio]{grid-template-columns:1fr;margin:0 22px}.al-company__copy[b-0jcyiiwcio]{padding:38px 28px}.al-company__image img[b-0jcyiiwcio]{min-height:300px}.al-case-strip[b-0jcyiiwcio]{margin:0 22px 60px;padding:30px 24px}.al-case-strip__flow[b-0jcyiiwcio]{flex-wrap:wrap;justify-content:flex-start}.al-case-strip__flow b[b-0jcyiiwcio]{display:none}.al-support[b-0jcyiiwcio]{grid-template-columns:1fr}.al-quote[b-0jcyiiwcio]{padding:50px 22px}.al-quote__steps[b-0jcyiiwcio]{grid-template-columns:1fr 1fr}.al-quote__actions[b-0jcyiiwcio]{flex-wrap:wrap}}
@media(max-width:520px){.al-hero__microproof[b-0jcyiiwcio]{grid-template-columns:1fr}.al-hero__visual[b-0jcyiiwcio]{min-height:360px}.al-hero__product--main[b-0jcyiiwcio]{inset:18px}.al-hero__product--main img[b-0jcyiiwcio]{min-height:250px;padding:10px}.al-trust[b-0jcyiiwcio]{grid-template-columns:1fr}.al-trust>div[b-0jcyiiwcio]{border-right:0}.al-trust>div:last-child[b-0jcyiiwcio]{grid-column:auto}.al-products__grid[b-0jcyiiwcio],.al-applications__grid[b-0jcyiiwcio],.al-resources__grid[b-0jcyiiwcio]{grid-template-columns:1fr}.al-applications__grid article[b-0jcyiiwcio]{border-right:0;border-bottom:1px solid var(--line)}.al-featured__facts[b-0jcyiiwcio]{grid-template-columns:1fr}.al-company__badges[b-0jcyiiwcio]{align-items:flex-start;flex-direction:column}.al-quote__steps[b-0jcyiiwcio]{grid-template-columns:1fr}.al-quote__actions[b-0jcyiiwcio]{flex-direction:column}.al-quote__actions .al-cta[b-0jcyiiwcio]{width:100%}}

/* ADVANCELIFTS-R1-HF6 — Client-ready corporate polish */
.advance-lifts-demo[b-0jcyiiwcio]{--shadow-soft:0 24px 60px rgba(19,49,69,.09)}
.al-hero[b-0jcyiiwcio]{min-height:610px;grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);box-shadow:inset 0 -1px 0 var(--line)}
.al-hero__copy[b-0jcyiiwcio]{padding:78px 52px 60px 76px}
.al-hero h1[b-0jcyiiwcio]{font-size:clamp(3.6rem,5.55vw,5.65rem);max-width:680px;margin-bottom:24px}
.al-hero__lead[b-0jcyiiwcio]{max-width:650px;font-size:1.08rem}
.al-hero__visual[b-0jcyiiwcio]{min-height:610px;background:linear-gradient(145deg,#edf2f5 0,#cbd9e1 100%)}
.al-hero__product--main[b-0jcyiiwcio]{inset:36px 34px 68px 14px;border:0;box-shadow:var(--shadow-soft)}
.al-hero__product--main img[b-0jcyiiwcio]{min-height:375px;padding:12px 18px}
.al-hero__product--main>div[b-0jcyiiwcio]{padding:18px 22px;grid-template-columns:auto 1fr}
.al-hero__product--main small[b-0jcyiiwcio]{grid-column:2}
.al-hero__product--small[b-0jcyiiwcio]{right:10px;bottom:16px;width:220px;box-shadow:0 16px 35px rgba(20,48,67,.18)}
.al-hero__microproof[b-0jcyiiwcio]{margin-top:30px}
.al-trust[b-0jcyiiwcio]{box-shadow:0 10px 30px rgba(25,54,74,.035)}
.al-section[b-0jcyiiwcio]{padding-top:78px;padding-bottom:78px}
.al-finder[b-0jcyiiwcio]{padding-top:88px}
.al-finder__grid[b-0jcyiiwcio]{grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);border-color:#cbd8e0;box-shadow:0 22px 58px rgba(17,50,72,.09)}
.al-finder__form[b-0jcyiiwcio]{padding:34px;gap:18px;background:linear-gradient(180deg,#fbfcfd,#f2f6f8)}
.al-finder__form label>span[b-0jcyiiwcio]{font-size:.72rem}
.al-finder select[b-0jcyiiwcio]{min-height:58px;font-size:.82rem;border-radius:2px}
.al-finder__result[b-0jcyiiwcio]{padding:34px 34px;background:linear-gradient(145deg,#12354d,#0b273a)}
.al-finder__result>strong[b-0jcyiiwcio]{font-size:2.15rem}
.al-finder__result>p[b-0jcyiiwcio]{font-size:.82rem;line-height:1.65}
.al-finder__result>a[b-0jcyiiwcio]{font-size:.76rem}
.al-products__grid[b-0jcyiiwcio]{gap:16px}
.al-product-card[b-0jcyiiwcio]{min-height:390px;border-color:#d2dde4;box-shadow:0 6px 20px rgba(24,55,75,.025)}
.al-product-card__visual[b-0jcyiiwcio]{height:205px;background:linear-gradient(180deg,#f9fafb,#edf2f5)}
.al-product-card__visual img[b-0jcyiiwcio]{padding:18px 16px}
.al-product-card__body[b-0jcyiiwcio]{padding:22px}
.al-product-card h3[b-0jcyiiwcio]{font-size:1.08rem}
.al-product-card p[b-0jcyiiwcio]{font-size:.76rem}
.al-featured[b-0jcyiiwcio]{margin-top:30px;box-shadow:0 28px 70px rgba(15,41,58,.12)}
.al-featured__media[b-0jcyiiwcio]{min-height:560px}
.al-featured__media img[b-0jcyiiwcio]{width:93%;height:85%}
.al-featured__copy[b-0jcyiiwcio]{padding:68px 60px}
.al-featured__facts>div[b-0jcyiiwcio]{min-height:92px}
.al-featured__roadmap[b-0jcyiiwcio]{margin-top:4px;background:rgba(255,255,255,.07)}
.al-applications__grid[b-0jcyiiwcio]{gap:14px;border:0}
.al-applications__grid article[b-0jcyiiwcio]{padding:0;border:1px solid var(--line);min-height:330px;background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.al-applications__grid article:hover[b-0jcyiiwcio]{transform:translateY(-3px);box-shadow:0 16px 35px rgba(18,48,68,.08);border-color:#b9ccd8}
.al-app-card__media[b-0jcyiiwcio]{height:155px;background:#edf2f5;overflow:hidden;border-bottom:1px solid var(--line)}
.al-app-card__media img[b-0jcyiiwcio]{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .25s}
.al-applications__grid article:hover .al-app-card__media img[b-0jcyiiwcio]{transform:scale(1.025)}
.al-app-card__body[b-0jcyiiwcio]{padding:22px;display:flex;flex-direction:column;flex:1}
.al-app-card__body span[b-0jcyiiwcio]{font-size:.6rem;color:#0d70ad;font-weight:900}
.al-app-card__body strong[b-0jcyiiwcio]{display:block;font-size:1.02rem;margin:13px 0 8px}
.al-app-card__body p[b-0jcyiiwcio]{font-size:.74rem;color:#657786;line-height:1.55;margin:0 0 18px}
.al-app-card__body a[b-0jcyiiwcio]{margin-top:auto;color:#0568a6;font-size:.68rem;font-weight:850;text-decoration:none}
.al-company[b-0jcyiiwcio]{box-shadow:0 20px 55px rgba(20,52,72,.07);margin-top:8px;margin-bottom:30px}
.al-company__copy[b-0jcyiiwcio]{padding:58px}
.al-company__badges[b-0jcyiiwcio]{background:rgba(255,255,255,.58);padding:20px;margin-top:28px}
.al-resources__grid article[b-0jcyiiwcio]{min-height:195px;transition:transform .2s,box-shadow .2s,border-color .2s}
.al-resources__grid article:hover[b-0jcyiiwcio]{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,52,72,.07);border-color:#b8ccd9}
.al-case-strip[b-0jcyiiwcio]{margin-bottom:82px;border-left:4px solid var(--blue)}
.al-support__card[b-0jcyiiwcio]{box-shadow:0 14px 40px rgba(18,49,70,.055)}
.al-location-preview[b-0jcyiiwcio]{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.al-quote[b-0jcyiiwcio]{background:linear-gradient(135deg,#c93431 0,#b92425 72%,#98201f 100%);padding-top:72px;padding-bottom:72px}
.al-quote h2[b-0jcyiiwcio]{max-width:820px}
.al-quote>div>p[b-0jcyiiwcio]{max-width:880px;color:rgba(255,255,255,.9)}
.al-quote__steps[b-0jcyiiwcio]{margin-top:30px}
.al-quote__actions[b-0jcyiiwcio]{margin-top:28px}
@media(max-width:1100px){.al-hero[b-0jcyiiwcio]{grid-template-columns:1fr 1fr}.al-hero__copy[b-0jcyiiwcio]{padding-left:44px;padding-right:36px}.al-finder__grid[b-0jcyiiwcio]{grid-template-columns:1fr}.al-finder__result[b-0jcyiiwcio]{min-height:250px}.al-applications__grid[b-0jcyiiwcio]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.al-hero[b-0jcyiiwcio]{grid-template-columns:1fr;min-height:0}.al-hero__copy[b-0jcyiiwcio]{padding:54px 24px 38px}.al-hero h1[b-0jcyiiwcio]{font-size:clamp(3rem,15vw,4.3rem)}.al-hero__visual[b-0jcyiiwcio]{min-height:500px}.al-hero__product--main[b-0jcyiiwcio]{inset:20px 16px 66px 16px}.al-hero__product--main img[b-0jcyiiwcio]{min-height:300px}.al-finder__form[b-0jcyiiwcio]{grid-template-columns:1fr}.al-applications__grid[b-0jcyiiwcio]{grid-template-columns:1fr}.al-featured__copy[b-0jcyiiwcio]{padding:48px 26px}.al-company__copy[b-0jcyiiwcio]{padding:42px 26px}.al-quote[b-0jcyiiwcio]{padding-top:55px;padding-bottom:55px}}

/* ADVANCELIFTS-R2 — Intelligent Product Finder */
.al-finder--r2[b-0jcyiiwcio]{padding-top:92px;padding-bottom:92px}
.al-finder-r2__shell[b-0jcyiiwcio]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);border:1px solid #c9d7df;box-shadow:0 28px 70px rgba(17,50,72,.10);background:#fff;overflow:hidden}
.al-finder-r2__inputs[b-0jcyiiwcio]{background:linear-gradient(180deg,#fbfcfd 0,#f1f5f7 100%);padding:32px}
.al-finder-r2__stephead[b-0jcyiiwcio]{display:flex;gap:14px;align-items:center;padding-bottom:22px;border-bottom:1px solid #d7e1e7;margin-bottom:22px}
.al-finder-r2__stephead>span[b-0jcyiiwcio]{width:58px;height:42px;display:grid;place-items:center;background:#0e6da7;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.07em}
.al-finder-r2__stephead div[b-0jcyiiwcio]{display:flex;flex-direction:column;gap:3px}
.al-finder-r2__stephead strong[b-0jcyiiwcio]{font-size:.94rem;color:#18384d}
.al-finder-r2__stephead small[b-0jcyiiwcio]{font-size:.67rem;color:#748693}
.al-finder-r2__form[b-0jcyiiwcio]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.al-finder-r2__form label[b-0jcyiiwcio]{display:flex;flex-direction:column;gap:8px}
.al-finder-r2__form label>span[b-0jcyiiwcio]{font-size:.68rem;font-weight:850;color:#32536a;line-height:1.35}
.al-finder-r2__form select[b-0jcyiiwcio]{width:100%;min-height:58px;border:1px solid #bdccd6;background:#fff;color:#1d3546;padding:0 13px;font:inherit;font-size:.78rem;border-radius:2px;outline:0}
.al-finder-r2__form select:focus[b-0jcyiiwcio]{border-color:#0d72ae;box-shadow:0 0 0 3px rgba(13,114,174,.10)}
.al-finder-r2__criteria[b-0jcyiiwcio]{margin-top:22px;padding-top:18px;border-top:1px solid #d7e1e7}
.al-finder-r2__criteria>span[b-0jcyiiwcio],.al-finder-r2__why>span[b-0jcyiiwcio],.al-finder-r2__confirm>span[b-0jcyiiwcio],.al-finder-r2__note>span[b-0jcyiiwcio]{display:block;font-size:.58rem;font-weight:900;letter-spacing:.09em;color:#6a8394;margin-bottom:9px}
.al-finder-r2__criteria>div[b-0jcyiiwcio],.al-finder-r2__confirm>div[b-0jcyiiwcio]{display:flex;gap:7px;flex-wrap:wrap}
.al-finder-r2__criteria b[b-0jcyiiwcio]{font-size:.62rem;color:#33576e;background:#fff;border:1px solid #c8d6de;padding:8px 10px;font-weight:800}
.al-finder-r2__result[b-0jcyiiwcio]{background:linear-gradient(145deg,#12364e 0,#0a2639 75%,#071e2e 100%);color:#fff;padding:34px 34px 30px;display:flex;flex-direction:column;min-width:0}
.al-finder-r2__result-top[b-0jcyiiwcio]{display:grid;grid-template-columns:1fr 108px;gap:20px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.13)}
.al-finder-r2__result-top span[b-0jcyiiwcio]{font-size:.58rem;color:#7bc3ed;font-weight:900;letter-spacing:.1em}
.al-finder-r2__result-top strong[b-0jcyiiwcio]{display:block;font-size:2rem;line-height:1.05;margin-top:8px;color:#fff}
.al-finder-r2__result-top img[b-0jcyiiwcio]{width:108px;height:92px;object-fit:contain;background:#fff;padding:7px}
.al-finder-r2__reason[b-0jcyiiwcio]{font-size:.79rem;line-height:1.65;color:#d3e0e8;margin:18px 0}
.al-finder-r2__snapshot[b-0jcyiiwcio]{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:17px}
.al-finder-r2__snapshot>span[b-0jcyiiwcio]{border:1px solid rgba(255,255,255,.12);padding:9px 10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.al-finder-r2__snapshot small[b-0jcyiiwcio]{font-size:.54rem;text-transform:uppercase;color:#7fa0b4;letter-spacing:.06em}
.al-finder-r2__snapshot strong[b-0jcyiiwcio]{font-size:.68rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.al-finder-r2__note[b-0jcyiiwcio]{background:rgba(242,173,48,.11);border-left:3px solid #e0a132;padding:12px 14px;margin-bottom:17px}
.al-finder-r2__note>span[b-0jcyiiwcio]{color:#e5bd75;margin-bottom:5px}
.al-finder-r2__note p[b-0jcyiiwcio]{margin:0;color:#e8edf0;font-size:.68rem;line-height:1.5}
.al-finder-r2__why[b-0jcyiiwcio]{padding:17px 0;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}
.al-finder-r2__why>span[b-0jcyiiwcio],.al-finder-r2__confirm>span[b-0jcyiiwcio]{color:#7fc4ea}
.al-finder-r2__why ul[b-0jcyiiwcio]{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.al-finder-r2__why li[b-0jcyiiwcio]{position:relative;padding-left:17px;color:#cedce5;font-size:.68rem;line-height:1.48}
.al-finder-r2__why li[b-0jcyiiwcio]:before{content:"";position:absolute;left:0;top:.48em;width:7px;height:7px;border:1px solid #65b9e6;border-radius:50%}
.al-finder-r2__confirm[b-0jcyiiwcio]{padding-top:17px}
.al-finder-r2__confirm b[b-0jcyiiwcio]{font-size:.58rem;color:#d6e5ed;border:1px solid rgba(255,255,255,.14);padding:7px 8px;font-weight:750}
.al-finder-r2__actions[b-0jcyiiwcio]{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}
.al-finder-r2__actions a[b-0jcyiiwcio]{min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.24);color:#fff;text-decoration:none;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;padding:8px}
.al-finder-r2__actions a.is-primary[b-0jcyiiwcio]{background:#0d75b6;border-color:#0d75b6}
.al-finder-r2__disclaimer[b-0jcyiiwcio]{display:block;margin-top:14px;color:#86a0b1;font-size:.55rem;line-height:1.48}
[dir="rtl"] .al-finder-r2__note[b-0jcyiiwcio]{border-left:0;border-right:3px solid #e0a132}
[dir="rtl"] .al-finder-r2__why li[b-0jcyiiwcio]{padding-left:0;padding-right:17px}
[dir="rtl"] .al-finder-r2__why li[b-0jcyiiwcio]:before{left:auto;right:0}
@media(max-width:1050px){.al-finder-r2__shell[b-0jcyiiwcio]{grid-template-columns:1fr}.al-finder-r2__result[b-0jcyiiwcio]{padding:32px}.al-finder-r2__snapshot[b-0jcyiiwcio]{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.al-finder-r2__inputs[b-0jcyiiwcio]{padding:24px 20px}.al-finder-r2__form[b-0jcyiiwcio]{grid-template-columns:1fr}.al-finder-r2__result[b-0jcyiiwcio]{padding:28px 20px}.al-finder-r2__result-top[b-0jcyiiwcio]{grid-template-columns:1fr 86px}.al-finder-r2__result-top img[b-0jcyiiwcio]{width:86px;height:76px}.al-finder-r2__snapshot[b-0jcyiiwcio]{grid-template-columns:1fr 1fr}.al-finder-r2__actions[b-0jcyiiwcio]{grid-template-columns:1fr}.al-finder-r2__stephead[b-0jcyiiwcio]{align-items:flex-start}}
@media(max-width:440px){.al-finder-r2__result-top[b-0jcyiiwcio]{grid-template-columns:1fr}.al-finder-r2__result-top img[b-0jcyiiwcio]{display:none}.al-finder-r2__snapshot[b-0jcyiiwcio]{grid-template-columns:1fr}.al-finder-r2__criteria>div[b-0jcyiiwcio],.al-finder-r2__confirm>div[b-0jcyiiwcio]{align-items:stretch}.al-finder-r2__criteria b[b-0jcyiiwcio],.al-finder-r2__confirm b[b-0jcyiiwcio]{flex:1 1 46%}}

/* ADVANCELIFTS-R5 — Final client presentation & conversion polish */
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"][b-0jcyiiwcio]{
    --focus:#0b78b8;
}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] :is(a,button,select,input,textarea):focus-visible[b-0jcyiiwcio]{
    outline:3px solid rgba(11,120,184,.32);
    outline-offset:3px;
}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] :is(#finder,#products,#applications,#company,#resources,#service,#quote)[b-0jcyiiwcio]{scroll-margin-top:118px}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-cta[b-0jcyiiwcio],
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-product-card a[b-0jcyiiwcio],
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-app-card__body a[b-0jcyiiwcio],
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-case-strip__link[b-0jcyiiwcio],
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-support__links a[b-0jcyiiwcio],
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-location-preview--link[b-0jcyiiwcio]{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-cta:hover[b-0jcyiiwcio]{transform:translateY(-1px);box-shadow:0 10px 22px rgba(21,55,77,.13)}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-product-card a:hover[b-0jcyiiwcio],
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-app-card__body a:hover[b-0jcyiiwcio],
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-case-strip__link:hover[b-0jcyiiwcio]{text-decoration:underline;text-underline-offset:3px}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-product-card__body[b-0jcyiiwcio]{gap:2px}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-product-card__body a[b-0jcyiiwcio]{display:inline-flex;align-items:center;min-height:38px}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-app-card__body a[b-0jcyiiwcio]{display:inline-flex;align-items:center;min-height:38px}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-case-strip__link[b-0jcyiiwcio]{display:inline-flex;margin-top:12px;color:#056da8;font-size:.72rem;font-weight:900;text-decoration:none}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-support__links[b-0jcyiiwcio]{margin-top:auto;display:flex;flex-wrap:wrap;gap:9px;padding-top:22px}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-support__links a[b-0jcyiiwcio]{min-height:42px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid #bdd0dc;background:#fff;color:#045f97;font-size:.72rem;font-weight:900;text-decoration:none}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-support__links a:hover[b-0jcyiiwcio]{border-color:#83adc5;box-shadow:0 8px 18px rgba(18,49,70,.06)}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-location-preview--link[b-0jcyiiwcio]{grid-template-columns:auto 1fr auto;text-decoration:none;border:1px solid rgba(255,255,255,.26);min-height:66px}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-location-preview--link strong[b-0jcyiiwcio]{color:#fff}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-location-preview--link span[b-0jcyiiwcio]{color:#c4e1f1}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-location-preview--link b[b-0jcyiiwcio]{display:grid;place-items:center;width:38px;height:38px;background:#c93532;color:#fff;font-size:1rem}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-location-preview--link:hover[b-0jcyiiwcio]{background:rgba(255,255,255,.18)}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-company__copy>p[b-0jcyiiwcio]{max-width:690px}
.advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-section-head--split>p[b-0jcyiiwcio]{max-width:600px}
@media(max-width:820px){
    .advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] :is(#finder,#products,#applications,#company,#resources,#service,#quote)[b-0jcyiiwcio]{scroll-margin-top:88px}
    .advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-support__links[b-0jcyiiwcio]{flex-direction:column;align-items:stretch}
    .advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-support__links a[b-0jcyiiwcio]{justify-content:center}
    .advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-location-preview--link[b-0jcyiiwcio]{grid-template-columns:1fr auto}
    .advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-location-preview--link span[b-0jcyiiwcio]{grid-column:1/-1}
}
@media(max-width:520px){
    .advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-hero__actions .al-cta[b-0jcyiiwcio]{width:100%}
    .advance-lifts-demo[data-upgrade="ADVANCELIFTS-R5"] .al-case-strip__flow span[b-0jcyiiwcio]{flex:1 1 42%;min-width:0}
}


/* ADVANCELIFTS-R5-HF1 — 390px mobile fit / no horizontal clipping */
.advance-lifts-demo[b-0jcyiiwcio]{width:100%;max-width:100%;overflow-x:hidden}
.advance-lifts-demo :is(.al-hero,.al-section,.al-company,.al-case-strip,.al-support,.al-quote,.al-products__grid,.al-applications__grid,.al-finder-r2__shell)[b-0jcyiiwcio]{min-width:0;max-width:100%}
.advance-lifts-demo :is(.al-hero__copy,.al-hero__visual,.al-section-head,.al-section-head>*,.al-product-card,.al-applications__grid article,.al-company>*,.al-support>*)[b-0jcyiiwcio]{min-width:0}
.advance-lifts-demo img[b-0jcyiiwcio],.advance-lifts-demo svg[b-0jcyiiwcio]{max-width:100%}
.advance-lifts-demo :is(p,a,small,strong,span,h1,h2,h3)[b-0jcyiiwcio]{overflow-wrap:anywhere}

@media(max-width:520px){
  .al-hero[b-0jcyiiwcio]{width:100%;grid-template-columns:minmax(0,1fr);min-height:0}
  .al-hero__copy[b-0jcyiiwcio]{padding:36px 18px 28px;min-width:0}
  .al-kicker[b-0jcyiiwcio]{font-size:.64rem;line-height:1.35}
  .al-hero h1[b-0jcyiiwcio]{font-size:clamp(2.45rem,11.5vw,3rem);line-height:.95;letter-spacing:-.045em;max-width:100%;margin-bottom:18px;overflow-wrap:normal;word-break:normal}
  .al-hero__lead[b-0jcyiiwcio]{font-size:.92rem;line-height:1.55;max-width:100%;margin-bottom:22px}
  .al-hero__actions[b-0jcyiiwcio]{display:grid;grid-template-columns:1fr;gap:9px;width:100%}
  .al-hero__actions .al-cta[b-0jcyiiwcio]{width:100%;min-width:0;padding-inline:12px}
  .al-hero__microproof[b-0jcyiiwcio]{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:24px;padding-top:18px}
  .al-hero__microproof span[b-0jcyiiwcio]{font-size:.54rem;line-height:1.3;min-width:0}
  .al-hero__microproof strong[b-0jcyiiwcio]{font-size:1rem}
  .al-hero__visual[b-0jcyiiwcio]{min-height:345px;width:100%}
  .al-hero__product--main[b-0jcyiiwcio]{inset:12px 10px 48px;min-width:0}
  .al-hero__product--main img[b-0jcyiiwcio]{min-height:225px;padding:8px}
  .al-hero__product--main>div[b-0jcyiiwcio]{padding:10px 12px;grid-template-columns:1fr;gap:3px;min-width:0}
  .al-hero__product--main>div span[b-0jcyiiwcio],.al-hero__product--main>div small[b-0jcyiiwcio]{display:none}
  .al-hero__product--main strong[b-0jcyiiwcio]{font-size:.7rem;white-space:normal;overflow-wrap:anywhere}
  .al-trust[b-0jcyiiwcio]{grid-template-columns:1fr 1fr;width:100%}
  .al-trust>div[b-0jcyiiwcio]{min-height:72px;padding:13px 8px;border-right:1px solid var(--line)}
  .al-trust>div:nth-child(even)[b-0jcyiiwcio]{border-right:0}
  .al-trust>div:last-child[b-0jcyiiwcio]{grid-column:1/-1}
  .al-trust strong[b-0jcyiiwcio]{font-size:.8rem}
  .al-trust span[b-0jcyiiwcio]{font-size:.55rem;line-height:1.25}
  .al-section[b-0jcyiiwcio]{width:100%;padding:54px 16px}
  .al-section-head[b-0jcyiiwcio]{width:100%;max-width:100%;margin-bottom:26px}
  .al-section-head h2[b-0jcyiiwcio],.al-featured h2[b-0jcyiiwcio],.al-company h2[b-0jcyiiwcio],.al-support h2[b-0jcyiiwcio],.al-quote h2[b-0jcyiiwcio],.al-case-strip h2[b-0jcyiiwcio]{font-size:clamp(1.75rem,8.5vw,2.35rem);line-height:1.02;letter-spacing:-.035em}
  .al-section-head--split[b-0jcyiiwcio]{grid-template-columns:minmax(0,1fr);gap:16px}
  .al-finder--r2[b-0jcyiiwcio]{padding-top:58px;padding-bottom:58px}
  .al-finder-r2__inputs[b-0jcyiiwcio]{padding:20px 16px}
  .al-finder-r2__result[b-0jcyiiwcio]{padding:24px 16px}
  .al-finder-r2__stephead[b-0jcyiiwcio]{gap:10px}
  .al-finder-r2__stephead>span[b-0jcyiiwcio]{width:48px;height:38px;flex:0 0 48px}
  .al-finder-r2__result-top strong[b-0jcyiiwcio]{font-size:1.65rem}
  .al-finder-r2__criteria b[b-0jcyiiwcio],.al-finder-r2__confirm b[b-0jcyiiwcio]{flex:1 1 100%}
  .al-products__grid[b-0jcyiiwcio],.al-applications__grid[b-0jcyiiwcio],.al-resources__grid[b-0jcyiiwcio]{grid-template-columns:minmax(0,1fr)}
  .al-product-card[b-0jcyiiwcio]{min-height:0;width:100%}
  .al-product-card__visual[b-0jcyiiwcio]{height:170px}
  .al-company[b-0jcyiiwcio]{width:auto;max-width:none;margin:0 16px 20px;grid-template-columns:minmax(0,1fr)}
  .al-company__copy[b-0jcyiiwcio]{padding:30px 20px}
  .al-company__image img[b-0jcyiiwcio]{min-height:230px}
  .al-company__badges[b-0jcyiiwcio]{gap:12px;padding:14px;margin-top:20px}
  .al-company__badges img[b-0jcyiiwcio]{width:125px}
  .al-case-strip[b-0jcyiiwcio]{width:auto;max-width:none;margin:0 16px 50px;padding:24px 18px;gap:20px}
  .al-case-strip__flow[b-0jcyiiwcio]{gap:6px}
  .al-case-strip__flow span[b-0jcyiiwcio]{flex:1 1 44%;min-width:0;padding:10px 6px}
  .al-support[b-0jcyiiwcio]{grid-template-columns:minmax(0,1fr);gap:10px}
  .al-support__card[b-0jcyiiwcio]{min-height:0;padding:28px 20px}
  .al-location-preview--link[b-0jcyiiwcio]{min-width:0}
  .al-location-preview--link span[b-0jcyiiwcio],.al-location-preview--link strong[b-0jcyiiwcio]{overflow-wrap:anywhere}
  .al-quote[b-0jcyiiwcio]{width:100%;margin-top:50px;padding:46px 16px;grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:360px){
  .al-hero h1[b-0jcyiiwcio]{font-size:2.25rem}
  .al-hero__copy[b-0jcyiiwcio]{padding-inline:15px}
  .al-section[b-0jcyiiwcio]{padding-inline:14px}
  .al-company[b-0jcyiiwcio],.al-case-strip[b-0jcyiiwcio]{margin-left:14px;margin-right:14px}
}
/* /Components/Pages/AdvanceLiftsDumperExperience.razor.rz.scp.css */
/* ADVANCELIFTS-R3 — Interactive Container Dumper Experience */
.al-dumper-xp[b-4yojyubngm]{--xp-navy:#0e2b40;--xp-deep:#071a28;--xp-blue:#0879bc;--xp-sky:#69c5f2;--xp-line:#d9e3e9;max-width:1440px;margin:30px auto 76px;background:#fff;border:1px solid var(--xp-line);box-shadow:0 30px 80px rgba(15,42,59,.12)}
.al-dumper-xp__intro[b-4yojyubngm]{padding:42px 48px 30px;display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:end}.al-dumper-xp__kicker[b-4yojyubngm]{margin:0 0 8px;color:#0a6fa9;font-size:.63rem;font-weight:900;letter-spacing:.12em}.al-dumper-xp__intro h2[b-4yojyubngm]{margin:0;color:#17364b;font-size:clamp(2rem,3.2vw,3.55rem);line-height:.96;letter-spacing:-.045em}.al-dumper-xp__intro>p[b-4yojyubngm]{margin:0;color:#667b89;font-size:.86rem;line-height:1.65;max-width:640px}
.al-dumper-xp__proof[b-4yojyubngm]{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--xp-line);border-bottom:1px solid var(--xp-line)}.al-dumper-xp__proof>div[b-4yojyubngm]{padding:18px 24px;border-right:1px solid var(--xp-line);display:flex;align-items:baseline;gap:10px}.al-dumper-xp__proof>div:last-child[b-4yojyubngm]{border-right:0}.al-dumper-xp__proof strong[b-4yojyubngm]{color:#133c59;font-size:1.2rem}.al-dumper-xp__proof span[b-4yojyubngm]{font-size:.63rem;color:#70818e;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
.al-dumper-xp__workspace[b-4yojyubngm]{display:grid;grid-template-columns:1.08fr .92fr;min-height:650px}.al-dumper-xp__product[b-4yojyubngm]{background:#eef3f6;padding:28px;display:flex;flex-direction:column}.al-dumper-xp__product-head[b-4yojyubngm]{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}.al-dumper-xp__product-head span[b-4yojyubngm]{display:block;color:#0a6fa9;font-size:.58rem;font-weight:900;letter-spacing:.1em}.al-dumper-xp__product-head strong[b-4yojyubngm]{display:block;margin-top:4px;color:#183b53;font-size:1.08rem}.al-dumper-xp__product-head small[b-4yojyubngm]{max-width:220px;color:#758590;font-size:.58rem;line-height:1.4;text-align:right}
.al-dumper-xp__image-stage[b-4yojyubngm]{position:relative;background:#fff;border:1px solid #d9e2e8;min-height:470px;display:grid;place-items:center;overflow:hidden}.al-dumper-xp__image-stage img[b-4yojyubngm]{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(15,43,62,.14))}.al-dumper-callout[b-4yojyubngm]{position:absolute;background:#0d2e45;color:#fff;border:1px solid rgba(255,255,255,.16);padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:.58rem;font-weight:800;box-shadow:0 10px 30px rgba(7,29,44,.18)}.al-dumper-callout b[b-4yojyubngm]{width:22px;height:22px;display:grid;place-items:center;background:#0d81c5;color:#fff;font-size:.54rem}.al-dumper-callout--pivot[b-4yojyubngm]{left:42%;top:38%}.al-dumper-callout--power[b-4yojyubngm]{left:12%;top:58%}.al-dumper-callout--base[b-4yojyubngm]{left:38%;bottom:9%}.al-dumper-callout--bin[b-4yojyubngm]{right:8%;top:13%}.al-dumper-callout--control[b-4yojyubngm]{left:20%;top:47%}.al-dumper-callout--cg[b-4yojyubngm]{right:8%;bottom:16%;max-width:230px}
.al-dumper-xp__stagebar[b-4yojyubngm]{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.al-dumper-xp__stagebar button[b-4yojyubngm]{appearance:none;border:1px solid #cad8e0;background:#fff;color:#446170;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:.2s}.al-dumper-xp__stagebar button:hover[b-4yojyubngm]{border-color:#78badd}.al-dumper-xp__stagebar button.is-active[b-4yojyubngm]{background:#0e3854;color:#fff;border-color:#0e3854}.al-dumper-xp__stagebar span[b-4yojyubngm]{font-size:1.05rem;font-weight:900}.al-dumper-xp__stagebar small[b-4yojyubngm]{font-size:.6rem;font-weight:800}
.al-dumper-xp__panel[b-4yojyubngm]{background:var(--xp-deep);color:#fff;padding:30px;display:flex;flex-direction:column}.al-dumper-xp__tabs[b-4yojyubngm]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.al-dumper-xp__tabs button[b-4yojyubngm]{appearance:none;border:1px solid rgba(255,255,255,.13);background:#0c2537;color:#93aebe;padding:11px 8px;font:inherit;font-size:.62rem;font-weight:900;cursor:pointer}.al-dumper-xp__tabs button.is-active[b-4yojyubngm]{background:#0b76b4;color:#fff;border-color:#0b76b4}
.al-dumper-xp__schematic[b-4yojyubngm]{margin-top:18px;border:1px solid rgba(255,255,255,.11);background:#081e2d}.al-dumper-xp__schematic-head[b-4yojyubngm]{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between}.al-dumper-xp__schematic-head span[b-4yojyubngm]{font-size:.57rem;color:#69c5f2;font-weight:900;letter-spacing:.1em}.al-dumper-xp__schematic-head strong[b-4yojyubngm]{font-size:.74rem}.al-dumper-xp__schematic svg[b-4yojyubngm]{width:100%;height:auto;display:block;padding:8px 10px}
.al-dumper-xp__mode[b-4yojyubngm]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.09)}.al-dumper-xp__mode>span[b-4yojyubngm]{font-size:.57rem;color:#76c7f3;font-weight:900;letter-spacing:.1em}.al-dumper-xp__mode>div[b-4yojyubngm]{display:flex;gap:5px}.al-dumper-xp__mode button[b-4yojyubngm]{appearance:none;border:1px solid rgba(255,255,255,.14);background:transparent;color:#9bb1bf;padding:8px 12px;font-size:.6rem;font-weight:900;cursor:pointer}.al-dumper-xp__mode button.is-active[b-4yojyubngm]{background:#fff;color:#0c2c42}
.al-dumper-xp__story[b-4yojyubngm]{padding:20px 0 18px}.al-dumper-xp__story>span[b-4yojyubngm]{font-size:.57rem;color:#70c3f0;font-weight:900;letter-spacing:.1em}.al-dumper-xp__story h3[b-4yojyubngm]{margin:8px 0 9px;font-size:1.55rem;line-height:1.04;color:#fff}.al-dumper-xp__story p[b-4yojyubngm]{margin:0;color:#b7c8d3;font-size:.72rem;line-height:1.6}.al-dumper-xp__checks[b-4yojyubngm]{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.al-dumper-xp__checks>span[b-4yojyubngm]{font-size:.56rem;color:#6fc2ef;font-weight:900;letter-spacing:.08em}.al-dumper-xp__checks>div[b-4yojyubngm]{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.al-dumper-xp__checks b[b-4yojyubngm]{border:1px solid rgba(255,255,255,.1);padding:9px 10px;font-size:.59rem;color:#d7e2e8}
.al-dumper-xp__flow[b-4yojyubngm]{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--xp-line)}.al-dumper-xp__flow article[b-4yojyubngm]{padding:24px 26px;border-right:1px solid var(--xp-line);min-height:130px;transition:.2s}.al-dumper-xp__flow article:last-child[b-4yojyubngm]{border-right:0}.al-dumper-xp__flow article.is-active[b-4yojyubngm]{background:#e8f4fb;box-shadow:inset 0 3px #0b83c8}.al-dumper-xp__flow span[b-4yojyubngm]{color:#0b73ac;font-size:.58rem;font-weight:900}.al-dumper-xp__flow strong[b-4yojyubngm]{display:block;margin:8px 0 6px;color:#16384e}.al-dumper-xp__flow p[b-4yojyubngm]{margin:0;color:#71828e;font-size:.65rem;line-height:1.45}
.al-dumper-xp__footer[b-4yojyubngm]{padding:22px 28px;background:#f6f8f9;border-top:1px solid var(--xp-line);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.al-dumper-xp__footer p[b-4yojyubngm]{margin:0;max-width:760px;color:#70818d;font-size:.61rem;line-height:1.5}.al-dumper-xp__footer>div[b-4yojyubngm]{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.al-dumper-xp__link[b-4yojyubngm],.al-dumper-xp__cta[b-4yojyubngm]{text-decoration:none;padding:11px 14px;font-size:.61rem;font-weight:900}.al-dumper-xp__link[b-4yojyubngm]{border:1px solid #b7c9d4;color:#155273;background:#fff}.al-dumper-xp__cta[b-4yojyubngm]{background:#c93532;color:#fff}
[dir="rtl"] .al-dumper-xp__product-head small[b-4yojyubngm]{text-align:left}[dir="rtl"] .al-dumper-xp__proof>div[b-4yojyubngm]{border-right:0;border-left:1px solid var(--xp-line)}[dir="rtl"] .al-dumper-xp__proof>div:last-child[b-4yojyubngm]{border-left:0}[dir="rtl"] .al-dumper-xp__flow article[b-4yojyubngm]{border-right:0;border-left:1px solid var(--xp-line)}[dir="rtl"] .al-dumper-xp__flow article:last-child[b-4yojyubngm]{border-left:0}
@media(max-width:980px){.al-dumper-xp[b-4yojyubngm]{margin-left:22px;margin-right:22px}.al-dumper-xp__intro[b-4yojyubngm]{grid-template-columns:1fr;gap:16px}.al-dumper-xp__proof[b-4yojyubngm]{grid-template-columns:1fr 1fr}.al-dumper-xp__proof>div:nth-child(2)[b-4yojyubngm]{border-right:0}.al-dumper-xp__workspace[b-4yojyubngm]{grid-template-columns:1fr}.al-dumper-xp__panel[b-4yojyubngm]{min-height:620px}.al-dumper-xp__flow[b-4yojyubngm]{grid-template-columns:1fr 1fr}.al-dumper-xp__flow article:nth-child(2)[b-4yojyubngm]{border-right:0}.al-dumper-xp__footer[b-4yojyubngm]{grid-template-columns:1fr}.al-dumper-xp__footer>div[b-4yojyubngm]{justify-content:flex-start}}
@media(max-width:620px){.al-dumper-xp[b-4yojyubngm]{margin-left:0;margin-right:0;border-left:0;border-right:0}.al-dumper-xp__intro[b-4yojyubngm]{padding:34px 22px 24px}.al-dumper-xp__proof[b-4yojyubngm]{grid-template-columns:1fr}.al-dumper-xp__proof>div[b-4yojyubngm]{border-right:0;border-bottom:1px solid var(--xp-line)}.al-dumper-xp__proof>div:last-child[b-4yojyubngm]{border-bottom:0}.al-dumper-xp__product[b-4yojyubngm]{padding:18px}.al-dumper-xp__product-head[b-4yojyubngm]{flex-direction:column}.al-dumper-xp__product-head small[b-4yojyubngm]{text-align:left}.al-dumper-xp__image-stage[b-4yojyubngm]{min-height:330px}.al-dumper-xp__image-stage img[b-4yojyubngm]{width:96%;height:82%}.al-dumper-callout[b-4yojyubngm]{position:static;margin:5px}.al-dumper-xp__image-stage:has(.al-dumper-callout)[b-4yojyubngm]{display:flex;flex-wrap:wrap;align-content:flex-end;justify-content:flex-start;padding-bottom:10px}.al-dumper-xp__stagebar button[b-4yojyubngm]{padding:10px 8px;flex-direction:column;align-items:flex-start}.al-dumper-xp__panel[b-4yojyubngm]{padding:22px}.al-dumper-xp__tabs[b-4yojyubngm]{grid-template-columns:1fr}.al-dumper-xp__checks>div[b-4yojyubngm]{grid-template-columns:1fr}.al-dumper-xp__flow[b-4yojyubngm]{grid-template-columns:1fr}.al-dumper-xp__flow article[b-4yojyubngm]{border-right:0;border-bottom:1px solid var(--xp-line)}.al-dumper-xp__flow article:last-child[b-4yojyubngm]{border-bottom:0}.al-dumper-xp__footer[b-4yojyubngm]{padding:20px 22px}.al-dumper-xp__footer>div[b-4yojyubngm]{flex-direction:column}.al-dumper-xp__link[b-4yojyubngm],.al-dumper-xp__cta[b-4yojyubngm]{text-align:center}}


/* ADVANCELIFTS-R5-HF1 — R3 mobile containment */
.al-dumper-xp[b-4yojyubngm],.al-dumper-xp *[b-4yojyubngm]{box-sizing:border-box}
.al-dumper-xp[b-4yojyubngm]{width:100%;max-width:1440px;overflow:hidden}
.al-dumper-xp :is(.al-dumper-xp__intro,.al-dumper-xp__workspace,.al-dumper-xp__product,.al-dumper-xp__panel,.al-dumper-xp__image-stage,.al-dumper-xp__footer)[b-4yojyubngm]{min-width:0}
@media(max-width:620px){
  .al-dumper-xp[b-4yojyubngm]{width:100%;max-width:100%;margin-top:20px;margin-bottom:54px}
  .al-dumper-xp__intro[b-4yojyubngm]{padding:30px 16px 22px}
  .al-dumper-xp__intro h2[b-4yojyubngm]{font-size:clamp(1.8rem,8.7vw,2.3rem)}
  .al-dumper-xp__proof>div[b-4yojyubngm]{padding:14px 16px}
  .al-dumper-xp__product[b-4yojyubngm]{padding:16px}
  .al-dumper-xp__image-stage[b-4yojyubngm]{min-height:285px;width:100%}
  .al-dumper-xp__image-stage img[b-4yojyubngm]{width:100%;height:70%}
  .al-dumper-callout[b-4yojyubngm]{max-width:calc(100% - 10px);white-space:normal;overflow-wrap:anywhere}
  .al-dumper-xp__stagebar[b-4yojyubngm]{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .al-dumper-xp__stagebar button[b-4yojyubngm]{min-width:0;padding:9px 5px}
  .al-dumper-xp__stagebar span[b-4yojyubngm]{font-size:.9rem}
  .al-dumper-xp__stagebar small[b-4yojyubngm]{font-size:.52rem}
  .al-dumper-xp__panel[b-4yojyubngm]{min-height:0;padding:20px 16px}
  .al-dumper-xp__schematic[b-4yojyubngm]{width:100%;overflow:hidden}
  .al-dumper-xp__mode[b-4yojyubngm]{align-items:flex-start;flex-direction:column}
  .al-dumper-xp__mode>div[b-4yojyubngm]{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .al-dumper-xp__mode button[b-4yojyubngm]{min-width:0}
  .al-dumper-xp__footer[b-4yojyubngm]{padding:18px 16px}
}
/* /Components/Pages/AdvanceLiftsProductDetail.razor.rz.scp.css */

.al-r7-detail[b-ivsk9tux8a]{background:#fff;color:#172536;min-height:70vh}.al-r7-detail *[b-ivsk9tux8a]{box-sizing:border-box}.al-r7-breadcrumb[b-ivsk9tux8a]{max-width:1240px;margin:auto;padding:24px 32px 0;display:flex;gap:9px;align-items:center;font-size:.68rem}.al-r7-breadcrumb a[b-ivsk9tux8a]{color:#0068a8;text-decoration:none;font-weight:800}.al-r7-breadcrumb span[b-ivsk9tux8a]{color:#91a1ad}.al-r7-family-hero[b-ivsk9tux8a],.al-r7-item-hero[b-ivsk9tux8a],.al-r7-model-hero[b-ivsk9tux8a]{max-width:1240px;margin:18px auto 0;display:grid;grid-template-columns:1.05fr .95fr;background:#eef3f6;border:1px solid #d8e0e7}.al-r7-family-hero>div:first-child[b-ivsk9tux8a],.al-r7-item-hero>div:first-child[b-ivsk9tux8a],.al-r7-model-hero>div:first-child[b-ivsk9tux8a]{padding:54px 48px}.al-r7-family-hero>div:first-child>span[b-ivsk9tux8a],.al-r7-item-hero>div:first-child>span[b-ivsk9tux8a],.al-r7-model-hero>div:first-child>span[b-ivsk9tux8a],.al-r7-family-body__head span[b-ivsk9tux8a],.al-r7-model-list__head span[b-ivsk9tux8a],.al-r7-selection-note span[b-ivsk9tux8a],.al-r7-model-resources span[b-ivsk9tux8a],.al-r7-model-accessories span[b-ivsk9tux8a],.al-r7-model-overview span[b-ivsk9tux8a]{color:#0068a8;font-size:.65rem;font-weight:900;letter-spacing:.12em}.al-r7-family-hero h1[b-ivsk9tux8a],.al-r7-item-hero h1[b-ivsk9tux8a],.al-r7-model-hero h1[b-ivsk9tux8a]{font-size:clamp(3rem,5.8vw,5.8rem);line-height:.89;letter-spacing:-.065em;margin:12px 0 20px}.al-r7-family-hero p[b-ivsk9tux8a],.al-r7-item-hero p[b-ivsk9tux8a],.al-r7-model-hero p[b-ivsk9tux8a]{color:#5b6e7f;line-height:1.68;max-width:670px}.al-r7-family-hero>div:last-child[b-ivsk9tux8a],.al-r7-item-hero>div:last-child[b-ivsk9tux8a],.al-r7-model-hero>div:last-child[b-ivsk9tux8a]{display:grid;place-items:center;background:#fff;min-height:430px}.al-r7-family-hero img[b-ivsk9tux8a],.al-r7-item-hero img[b-ivsk9tux8a],.al-r7-model-hero img[b-ivsk9tux8a]{max-width:88%;max-height:380px;object-fit:contain}.al-r7-family-signals[b-ivsk9tux8a],.al-r7-item-tags[b-ivsk9tux8a],.al-r7-model-badges[b-ivsk9tux8a]{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.al-r7-family-signals b[b-ivsk9tux8a],.al-r7-item-tags b[b-ivsk9tux8a],.al-r7-model-badges b[b-ivsk9tux8a]{font-size:.58rem;border:1px solid #b8c8d2;background:#fff;padding:7px 9px}.al-r7-detail-actions[b-ivsk9tux8a]{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.al-r7-detail-actions a[b-ivsk9tux8a]{display:inline-flex;align-items:center;min-height:45px;padding:0 16px;background:#103a58;color:#fff;text-decoration:none;font-size:.7rem;font-weight:900}.al-r7-detail-actions a+a[b-ivsk9tux8a]{background:#fff;color:#103a58;border:1px solid #aebfca}.al-r7-family-body[b-ivsk9tux8a],.al-r7-model-list[b-ivsk9tux8a],.al-r7-model-specs[b-ivsk9tux8a],.al-r7-model-resources[b-ivsk9tux8a],.al-r7-selection-note[b-ivsk9tux8a],.al-r7-model-overview[b-ivsk9tux8a],.al-r7-model-nav[b-ivsk9tux8a],.al-r7-model-accessories[b-ivsk9tux8a]{max-width:1240px;margin-left:auto;margin-right:auto}.al-r7-family-body[b-ivsk9tux8a]{padding:62px 0 88px}.al-r7-family-body__head[b-ivsk9tux8a],.al-r7-model-list__head[b-ivsk9tux8a]{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.al-r7-family-body__head h2[b-ivsk9tux8a],.al-r7-model-list__head h2[b-ivsk9tux8a],.al-r7-selection-note h2[b-ivsk9tux8a],.al-r7-model-resources h2[b-ivsk9tux8a],.al-r7-model-accessories h2[b-ivsk9tux8a],.al-r7-model-overview h2[b-ivsk9tux8a]{font-size:clamp(2rem,3.5vw,3.4rem);line-height:.96;letter-spacing:-.055em;margin:8px 0 0;max-width:780px}.al-r7-family-body__head a[b-ivsk9tux8a],.al-r7-model-list__head a[b-ivsk9tux8a]{color:#0068a8;text-decoration:none;font-size:.73rem;font-weight:900;white-space:nowrap}.al-r7-family-grid[b-ivsk9tux8a]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.al-r7-family-grid>a[b-ivsk9tux8a]{display:grid;grid-template-rows:180px 1fr;border:1px solid #d8e0e7;color:#172536;text-decoration:none;background:#fff}.al-r7-family-grid>a>div[b-ivsk9tux8a]{position:relative;background:#f1f4f6;display:grid;place-items:center}.al-r7-family-grid img[b-ivsk9tux8a]{width:100%;height:100%;object-fit:contain;padding:18px}.al-r7-family-grid>a>div>span[b-ivsk9tux8a]{position:absolute;left:10px;top:10px;background:#0068a8;color:#fff;padding:5px 7px;font-size:.55rem;font-weight:900;text-transform:uppercase}.al-r7-family-grid section[b-ivsk9tux8a]{display:flex;flex-direction:column;padding:20px}.al-r7-family-grid h3[b-ivsk9tux8a]{font-size:1.15rem;margin:0 0 8px}.al-r7-family-grid p[b-ivsk9tux8a]{color:#657487;line-height:1.55;font-size:.8rem;margin:0 0 16px}.al-r7-family-grid section b[b-ivsk9tux8a]{font-size:.62rem;color:#103a58}.al-r7-family-grid section strong[b-ivsk9tux8a]{font-size:.7rem;color:#0068a8;margin-top:auto;padding-top:15px}.al-r7-resource-tile[b-ivsk9tux8a]{width:112px;height:92px;border:1px solid #9cb7c7;background:#fff;display:grid;align-content:center;justify-items:start;padding:14px;box-shadow:8px 8px 0 #dce8ef}.al-r7-resource-tile span[b-ivsk9tux8a]{position:static!important;background:none!important;color:#103a58!important;padding:0!important;font-size:.76rem!important;letter-spacing:.08em}.al-r7-resource-tile i[b-ivsk9tux8a]{display:block;width:64px;height:3px;background:#bdd0da;margin-top:7px}.al-r7-resource-tile i:nth-of-type(2)[b-ivsk9tux8a]{width:52px}.al-r7-resource-tile i:nth-of-type(3)[b-ivsk9tux8a]{width:39px}.al-r7-resource-tile--hero[b-ivsk9tux8a]{width:185px;height:145px;padding:24px;box-shadow:12px 12px 0 #dce8ef}.al-r7-resource-tile--hero i[b-ivsk9tux8a]{width:105px}.al-r7-model-list[b-ivsk9tux8a]{padding:64px 0}.al-r7-model-grid[b-ivsk9tux8a]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.al-r7-model-grid a[b-ivsk9tux8a]{border:1px solid #d6e0e7;padding:20px;text-decoration:none;color:#172536;display:flex;flex-direction:column;min-height:160px;background:#fff}.al-r7-model-grid span[b-ivsk9tux8a]{font-size:.7rem;font-weight:900;color:#0068a8}.al-r7-model-grid strong[b-ivsk9tux8a]{font-size:1.55rem;margin:12px 0 5px}.al-r7-model-grid small[b-ivsk9tux8a]{color:#657487}.al-r7-model-grid b[b-ivsk9tux8a]{margin-top:auto;color:#0068a8;font-size:.66rem}.al-r7-model-nav[b-ivsk9tux8a]{display:flex;border:1px solid #d7e1e8;border-top:0;background:#fff;overflow-x:auto}.al-r7-model-nav a[b-ivsk9tux8a]{padding:14px 18px;border-right:1px solid #d7e1e8;color:#103a58;text-decoration:none;font-size:.68rem;font-weight:900;white-space:nowrap}.al-r7-model-overview[b-ivsk9tux8a]{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;padding:58px 0 34px}.al-r7-model-overview p[b-ivsk9tux8a]{color:#657487;line-height:1.65;max-width:690px}.al-r7-model-overview__proof[b-ivsk9tux8a]{display:grid;grid-template-columns:1fr;gap:8px;background:#eef3f6;padding:24px}.al-r7-model-overview__proof strong[b-ivsk9tux8a]{font-size:.75rem;color:#103a58}.al-r7-model-overview__proof span[b-ivsk9tux8a]{font-size:.73rem;line-height:1.5;color:#627687;letter-spacing:0}.al-r7-model-specs[b-ivsk9tux8a]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 0 16px}.al-r7-spec-card[b-ivsk9tux8a]{padding:22px;border:1px solid #d7e1e8;background:#fff;min-height:112px}.al-r7-spec-card span[b-ivsk9tux8a]{display:block;color:#6b7a87;font-size:.62rem;text-transform:uppercase}.al-r7-spec-card strong[b-ivsk9tux8a]{display:block;font-size:1.22rem;margin-top:7px}.al-r7-model-resources[b-ivsk9tux8a],.al-r7-selection-note[b-ivsk9tux8a],.al-r7-model-accessories[b-ivsk9tux8a]{margin-top:34px;margin-bottom:70px;padding:38px;background:#103a58;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.al-r7-model-resources span[b-ivsk9tux8a],.al-r7-selection-note span[b-ivsk9tux8a],.al-r7-model-accessories span[b-ivsk9tux8a]{color:#70c9ff}.al-r7-model-resources h2[b-ivsk9tux8a],.al-r7-selection-note h2[b-ivsk9tux8a],.al-r7-model-accessories h2[b-ivsk9tux8a]{color:#fff;font-size:2.25rem}.al-r7-model-resources>div:last-child[b-ivsk9tux8a]{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.al-r7-model-resources a[b-ivsk9tux8a],.al-r7-selection-note>a[b-ivsk9tux8a],.al-r7-model-accessories>a[b-ivsk9tux8a]{background:#fff;color:#103a58;text-decoration:none;padding:12px 14px;font-size:.68rem;font-weight:900}.al-r7-selection-note[b-ivsk9tux8a],.al-r7-model-accessories[b-ivsk9tux8a]{background:#eef3f6;color:#172536}.al-r7-selection-note span[b-ivsk9tux8a],.al-r7-model-accessories span[b-ivsk9tux8a]{color:#0068a8}.al-r7-selection-note h2[b-ivsk9tux8a],.al-r7-model-accessories h2[b-ivsk9tux8a]{color:#172536}.al-r7-notfound[b-ivsk9tux8a]{max-width:900px;margin:80px auto;padding:60px;border:1px solid #d7e1e8;text-align:center}.al-r7-notfound span[b-ivsk9tux8a]{font-size:.7rem;color:#0068a8;font-weight:900}.al-r7-notfound h1[b-ivsk9tux8a]{font-size:3rem;letter-spacing:-.05em}.al-r7-notfound a[b-ivsk9tux8a]{color:#0068a8;font-weight:900;text-decoration:none}@media(max-width:900px){.al-r7-family-hero[b-ivsk9tux8a],.al-r7-item-hero[b-ivsk9tux8a],.al-r7-model-hero[b-ivsk9tux8a]{grid-template-columns:1fr}.al-r7-family-hero>div:last-child[b-ivsk9tux8a],.al-r7-item-hero>div:last-child[b-ivsk9tux8a],.al-r7-model-hero>div:last-child[b-ivsk9tux8a]{min-height:300px}.al-r7-family-grid[b-ivsk9tux8a],.al-r7-model-grid[b-ivsk9tux8a]{grid-template-columns:repeat(2,minmax(0,1fr))}.al-r7-model-specs[b-ivsk9tux8a]{grid-template-columns:repeat(2,1fr)}.al-r7-model-overview[b-ivsk9tux8a]{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.al-r7-model-resources[b-ivsk9tux8a],.al-r7-selection-note[b-ivsk9tux8a],.al-r7-model-accessories[b-ivsk9tux8a]{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.al-r7-breadcrumb[b-ivsk9tux8a]{padding:18px 16px 0;overflow-x:auto;white-space:nowrap}.al-r7-family-hero[b-ivsk9tux8a],.al-r7-item-hero[b-ivsk9tux8a],.al-r7-model-hero[b-ivsk9tux8a]{margin:14px 12px 0}.al-r7-family-hero>div:first-child[b-ivsk9tux8a],.al-r7-item-hero>div:first-child[b-ivsk9tux8a],.al-r7-model-hero>div:first-child[b-ivsk9tux8a]{padding:34px 22px}.al-r7-family-hero h1[b-ivsk9tux8a],.al-r7-item-hero h1[b-ivsk9tux8a],.al-r7-model-hero h1[b-ivsk9tux8a]{font-size:clamp(2.8rem,14vw,4.4rem)}.al-r7-family-hero>div:last-child[b-ivsk9tux8a],.al-r7-item-hero>div:last-child[b-ivsk9tux8a],.al-r7-model-hero>div:last-child[b-ivsk9tux8a]{min-height:220px}.al-r7-family-body[b-ivsk9tux8a],.al-r7-model-list[b-ivsk9tux8a],.al-r7-model-specs[b-ivsk9tux8a],.al-r7-model-resources[b-ivsk9tux8a],.al-r7-selection-note[b-ivsk9tux8a],.al-r7-model-overview[b-ivsk9tux8a],.al-r7-model-nav[b-ivsk9tux8a],.al-r7-model-accessories[b-ivsk9tux8a]{margin-left:12px;margin-right:12px}.al-r7-family-body[b-ivsk9tux8a]{padding:42px 0 56px}.al-r7-family-body__head[b-ivsk9tux8a],.al-r7-model-list__head[b-ivsk9tux8a]{align-items:flex-start;flex-direction:column}.al-r7-family-grid[b-ivsk9tux8a],.al-r7-model-grid[b-ivsk9tux8a]{grid-template-columns:1fr}.al-r7-model-specs[b-ivsk9tux8a]{grid-template-columns:1fr}.al-r7-model-overview[b-ivsk9tux8a]{padding:40px 8px 18px}.al-r7-model-resources[b-ivsk9tux8a],.al-r7-selection-note[b-ivsk9tux8a],.al-r7-model-accessories[b-ivsk9tux8a]{padding:28px 20px}.al-r7-model-resources h2[b-ivsk9tux8a],.al-r7-selection-note h2[b-ivsk9tux8a],.al-r7-model-accessories h2[b-ivsk9tux8a]{font-size:1.9rem}}

/* R7-HF4 verified imagery + model detail polish */
.al-r7-model-grid a[b-ivsk9tux8a]{min-height:250px}.al-r7-model-grid a>img[b-ivsk9tux8a]{width:100%;height:105px;object-fit:contain;background:#f6f9fa;margin:-8px 0 12px;padding:8px}.al-r7-spec-card[b-ivsk9tux8a]{display:flex;flex-direction:column;justify-content:center;gap:8px}.al-r7-spec-card span[b-ivsk9tux8a]{font-weight:900;letter-spacing:.08em}.al-r7-spec-card strong[b-ivsk9tux8a]{font-size:1.35rem;line-height:1.12;margin:0}.al-r7-related-models[b-ivsk9tux8a]{max-width:1240px;margin:36px auto 70px;padding-top:10px}.al-r7-related-models__head[b-ivsk9tux8a]{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}.al-r7-related-models__head span[b-ivsk9tux8a]{color:#0068a8;font-size:.65rem;font-weight:900;letter-spacing:.12em}.al-r7-related-models__head h2[b-ivsk9tux8a]{font-size:clamp(2rem,3.2vw,3.25rem);line-height:.96;letter-spacing:-.055em;margin:8px 0 0;max-width:780px}.al-r7-related-models__head>a[b-ivsk9tux8a]{color:#0068a8;text-decoration:none;font-size:.7rem;font-weight:900;white-space:nowrap}.al-r7-related-models__grid[b-ivsk9tux8a]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.al-r7-related-models article[b-ivsk9tux8a]{border:1px solid #d7e1e8;background:#fff;display:flex;flex-direction:column;min-width:0}.al-r7-related-models__image[b-ivsk9tux8a]{height:150px;background:linear-gradient(180deg,#fafcfd,#eef4f7);display:grid;place-items:center;padding:10px}.al-r7-related-models__image img[b-ivsk9tux8a]{width:100%;height:100%;object-fit:contain}.al-r7-related-models__copy[b-ivsk9tux8a]{padding:16px;display:flex;flex-direction:column;flex:1}.al-r7-related-models__copy>span[b-ivsk9tux8a]{font-size:.7rem;color:#0068a8;font-weight:900}.al-r7-related-models__copy>strong[b-ivsk9tux8a]{font-size:1.35rem;margin:8px 0 3px}.al-r7-related-models__copy>small[b-ivsk9tux8a]{color:#657487}.al-r7-related-models__copy>div[b-ivsk9tux8a]{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:16px}.al-r7-related-models__copy a[b-ivsk9tux8a]{font-size:.64rem;font-weight:900;color:#0068a8;text-decoration:none}.al-r7-model-hero>div:last-child[b-ivsk9tux8a]{padding:26px}.al-r7-model-hero img[b-ivsk9tux8a]{max-width:94%;max-height:360px}.al-r7-model-specs[b-ivsk9tux8a]{scroll-margin-top:150px}.al-r7-related-models[b-ivsk9tux8a],.al-r7-model-resources[b-ivsk9tux8a],.al-r7-model-accessories[b-ivsk9tux8a]{scroll-margin-top:150px}@media(max-width:900px){.al-r7-related-models__grid[b-ivsk9tux8a]{grid-template-columns:repeat(2,minmax(0,1fr))}.al-r7-related-models[b-ivsk9tux8a]{margin-left:20px;margin-right:20px}.al-r7-related-models__head[b-ivsk9tux8a]{align-items:flex-start;flex-direction:column}}@media(max-width:580px){.al-r7-related-models[b-ivsk9tux8a]{margin-left:12px;margin-right:12px}.al-r7-related-models__grid[b-ivsk9tux8a]{grid-template-columns:1fr}.al-r7-related-models__head h2[b-ivsk9tux8a]{font-size:1.9rem}.al-r7-related-models__image[b-ivsk9tux8a]{height:170px}.al-r7-model-grid a[b-ivsk9tux8a]{min-height:230px}.al-r7-model-grid a>img[b-ivsk9tux8a]{height:100px}.al-r7-spec-card[b-ivsk9tux8a]{min-height:96px;padding:18px}.al-r7-spec-card strong[b-ivsk9tux8a]{font-size:1.25rem}}


/* R9-A — Scissor Lift Tables family selector */
.al-r9-scissor-selector[b-ivsk9tux8a]{max-width:1240px;margin:42px auto 0;padding:34px;border:1px solid #d7e1e8;background:#f7fafb}
.al-r9-scissor-selector__head[b-ivsk9tux8a]{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:end;margin-bottom:24px}
.al-r9-scissor-selector__head span[b-ivsk9tux8a]{color:#0068a8;font-size:.64rem;font-weight:900;letter-spacing:.12em}
.al-r9-scissor-selector__head h2[b-ivsk9tux8a]{font-size:clamp(2rem,3.4vw,3.35rem);line-height:.96;letter-spacing:-.055em;margin:8px 0 0}
.al-r9-scissor-selector__head p[b-ivsk9tux8a]{color:#657487;line-height:1.62;margin:0}
.al-r9-scissor-selector__grid[b-ivsk9tux8a]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.al-r9-scissor-selector__grid a[b-ivsk9tux8a]{min-height:180px;border:1px solid #d7e1e8;background:#fff;padding:19px;text-decoration:none;color:#172536;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.al-r9-scissor-selector__grid a:hover[b-ivsk9tux8a]{transform:translateY(-2px);border-color:#8eb8d0;box-shadow:0 10px 24px rgba(23,37,54,.07)}
.al-r9-scissor-selector__grid span[b-ivsk9tux8a]{font-size:.58rem;color:#0068a8;font-weight:900}
.al-r9-scissor-selector__grid strong[b-ivsk9tux8a]{font-size:1.08rem;margin:10px 0 8px;letter-spacing:-.025em}
.al-r9-scissor-selector__grid p[b-ivsk9tux8a]{font-size:.74rem;line-height:1.48;color:#657487;margin:0 0 16px}
.al-r9-scissor-selector__grid b[b-ivsk9tux8a]{margin-top:auto;font-size:.64rem;color:#0068a8}
@media(max-width:900px){.al-r9-scissor-selector[b-ivsk9tux8a]{margin-left:20px;margin-right:20px}.al-r9-scissor-selector__head[b-ivsk9tux8a]{grid-template-columns:1fr}.al-r9-scissor-selector__grid[b-ivsk9tux8a]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.al-r9-scissor-selector[b-ivsk9tux8a]{margin:26px 12px 0;padding:22px 16px}.al-r9-scissor-selector__grid[b-ivsk9tux8a]{grid-template-columns:1fr}.al-r9-scissor-selector__grid a[b-ivsk9tux8a]{min-height:0}.al-r9-scissor-selector__head h2[b-ivsk9tux8a]{font-size:1.95rem}}


/* R9-A-HF2 — Scissor catalog card content & visual polish */
.al-r9-scissor-family-body .al-r7-family-grid>a[b-ivsk9tux8a]{grid-template-rows:190px minmax(250px,auto);min-height:440px;overflow:hidden;align-self:stretch}
.al-r9-scissor-family-body .al-r7-family-grid>a>div[b-ivsk9tux8a]{min-width:0;min-height:0;overflow:hidden;isolation:isolate}
.al-r9-scissor-family-body .al-r7-family-grid>a>div.has-photo[b-ivsk9tux8a]{background:linear-gradient(180deg,#fbfcfd,#eef4f7)}
.al-r9-scissor-family-body .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a]{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;padding:16px}
.al-r9-scissor-family-body .al-r7-family-grid section[b-ivsk9tux8a]{position:relative;z-index:2;min-width:0;min-height:250px;overflow:visible;background:#fff;padding:18px;display:flex;flex-direction:column}
.al-r9-scissor-family-body .al-r7-family-grid h3[b-ivsk9tux8a]{display:block;position:relative;z-index:2;min-height:2.35em;margin:0 0 9px;font-size:1.08rem;line-height:1.16;letter-spacing:-.025em;color:#172536;overflow:visible}
.al-r9-scissor-family-body .al-r7-family-grid p[b-ivsk9tux8a]{display:-webkit-box;min-height:4.8em;margin:0 0 12px;color:#657487;font-size:.78rem;line-height:1.5;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.al-r9-scissor-family-body .al-r7-family-grid section b[b-ivsk9tux8a]{display:block;margin-top:2px;font-size:.62rem;color:#103a58}
.al-r9-scissor-family-body .al-r7-family-grid section strong[b-ivsk9tux8a]{display:block;margin-top:auto;padding-top:14px;font-size:.68rem;color:#0068a8}
.al-r9-scissor-family-body .al-r7-family-card--hc-series>div.has-photo img[b-ivsk9tux8a]{object-fit:cover;object-position:center 37%;padding:0;transform:scale(1.08)}
@media(max-width:900px){.al-r9-scissor-family-body .al-r7-family-grid>a[b-ivsk9tux8a]{grid-template-rows:185px minmax(235px,auto);min-height:420px}.al-r9-scissor-family-body .al-r7-family-grid section[b-ivsk9tux8a]{min-height:235px}}
@media(max-width:580px){.al-r9-scissor-family-body .al-r7-family-grid>a[b-ivsk9tux8a]{grid-template-rows:158px auto;min-height:0}.al-r9-scissor-family-body .al-r7-family-grid section[b-ivsk9tux8a]{min-height:220px;padding:16px}.al-r9-scissor-family-body .al-r7-family-grid h3[b-ivsk9tux8a]{min-height:0;font-size:1.02rem}.al-r9-scissor-family-body .al-r7-family-grid p[b-ivsk9tux8a]{min-height:0;-webkit-line-clamp:4}.al-r9-scissor-family-body .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a]{padding:10px}.al-r9-scissor-family-body .al-r7-family-card--hc-series>div.has-photo img[b-ivsk9tux8a]{padding:0}}

/* R9-B Turntables + Tilters + Container Dumpers system selectors */
.al-r9b-system-selector[b-ivsk9tux8a]{max-width:1240px;margin:34px auto 0;padding:30px;background:#eef3f6;border:1px solid #d8e0e7}.al-r9b-system-selector__head[b-ivsk9tux8a]{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:end;margin-bottom:22px}.al-r9b-system-selector__head span[b-ivsk9tux8a]{color:#0068a8;font-size:.65rem;font-weight:900;letter-spacing:.12em}.al-r9b-system-selector__head h2[b-ivsk9tux8a]{font-size:clamp(2rem,3.25vw,3.25rem);line-height:.95;letter-spacing:-.055em;margin:8px 0 0;max-width:760px}.al-r9b-system-selector__head p[b-ivsk9tux8a]{color:#5b6e7f;line-height:1.6;margin:0}.al-r9b-system-selector__grid[b-ivsk9tux8a]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.al-r9b-system-selector__grid>a[b-ivsk9tux8a]{min-height:164px;border:1px solid #d2dde5;background:#fff;padding:18px;color:#172536;text-decoration:none;display:flex;flex-direction:column}.al-r9b-system-selector__grid>a>span[b-ivsk9tux8a]{color:#0068a8;font-size:.62rem;font-weight:900}.al-r9b-system-selector__grid strong[b-ivsk9tux8a]{font-size:1.05rem;line-height:1.1;margin:9px 0 7px}.al-r9b-system-selector__grid p[b-ivsk9tux8a]{font-size:.76rem;line-height:1.48;color:#66798a;margin:0 0 12px}.al-r9b-system-selector__grid b[b-ivsk9tux8a]{font-size:.66rem;color:#0068a8;margin-top:auto}.al-r9b-system-selector--container-dumpers .al-r9b-system-selector__grid[b-ivsk9tux8a]{grid-template-columns:repeat(5,minmax(0,1fr))}.al-r9b-system-selector--industrial-turntables .al-r9b-system-selector__grid[b-ivsk9tux8a]{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){.al-r9b-system-selector[b-ivsk9tux8a]{margin-left:20px;margin-right:20px}.al-r9b-system-selector__head[b-ivsk9tux8a]{grid-template-columns:1fr}.al-r9b-system-selector__grid[b-ivsk9tux8a],.al-r9b-system-selector--container-dumpers .al-r9b-system-selector__grid[b-ivsk9tux8a],.al-r9b-system-selector--industrial-turntables .al-r9b-system-selector__grid[b-ivsk9tux8a]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.al-r9b-system-selector[b-ivsk9tux8a]{margin:24px 12px 0;padding:18px}.al-r9b-system-selector__head[b-ivsk9tux8a]{gap:14px;margin-bottom:16px}.al-r9b-system-selector__head h2[b-ivsk9tux8a]{font-size:2rem}.al-r9b-system-selector__grid[b-ivsk9tux8a],.al-r9b-system-selector--container-dumpers .al-r9b-system-selector__grid[b-ivsk9tux8a],.al-r9b-system-selector--industrial-turntables .al-r9b-system-selector__grid[b-ivsk9tux8a]{grid-template-columns:1fr}.al-r9b-system-selector__grid>a[b-ivsk9tux8a]{min-height:0;padding:16px}}
/* R9-B-HF1 — Turntables / Tilters / Dumpers card content + image containment polish */
.al-r9b-family-body .al-r7-family-grid>a[b-ivsk9tux8a]{
    grid-template-rows:205px minmax(250px,auto);
    min-height:455px;
    overflow:hidden;
    align-self:stretch;
}
.al-r9b-family-body .al-r7-family-grid>a>div[b-ivsk9tux8a]{
    min-width:0;
    min-height:0;
    overflow:hidden;
    isolation:isolate;
}
.al-r9b-family-body .al-r7-family-grid>a>div.has-photo[b-ivsk9tux8a]{
    background:linear-gradient(180deg,#fbfcfd 0%,#eef4f7 100%);
}
.al-r9b-family-body .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a]{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    padding:14px 18px;
    transform:none;
}
.al-r9b-family-body .al-r7-family-grid section[b-ivsk9tux8a]{
    position:relative;
    z-index:2;
    min-width:0;
    min-height:250px;
    overflow:visible;
    background:#fff;
    padding:18px;
    display:flex;
    flex-direction:column;
}
.al-r9b-family-body .al-r7-family-grid h3[b-ivsk9tux8a]{
    display:block;
    position:relative;
    z-index:2;
    min-height:2.35em;
    margin:0 0 9px;
    font-size:1.08rem;
    line-height:1.16;
    letter-spacing:-.025em;
    color:#172536;
    overflow:visible;
}
.al-r9b-family-body .al-r7-family-grid p[b-ivsk9tux8a]{
    display:-webkit-box;
    min-height:4.8em;
    margin:0 0 12px;
    color:#657487;
    font-size:.78rem;
    line-height:1.5;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}
.al-r9b-family-body .al-r7-family-grid section b[b-ivsk9tux8a]{
    display:block;
    margin-top:2px;
    font-size:.62rem;
    color:#103a58;
}
.al-r9b-family-body .al-r7-family-grid section strong[b-ivsk9tux8a]{
    display:block;
    margin-top:auto;
    padding-top:14px;
    font-size:.68rem;
    color:#0068a8;
}

/* Tall and high-reach dumper art must stay inside the media area. */
.al-r9b-family-body--container-dumpers .al-r7-family-grid>a[b-ivsk9tux8a]{
    grid-template-rows:220px minmax(250px,auto);
    min-height:470px;
}
.al-r9b-family-body--container-dumpers .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a]{
    padding:12px 26px;
    object-position:center center;
}

/* Wide, low-profile turntables benefit from a little more horizontal breathing room. */
.al-r9b-family-body--industrial-turntables .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a]{
    padding:18px 14px;
}

/* Irregular tilter/upender source crops remain centered and contained. */
.al-r9b-family-body--tilters-upenders .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a]{
    padding:12px 18px;
}

@media(max-width:900px){
    .al-r9b-family-body .al-r7-family-grid>a[b-ivsk9tux8a]{
        grid-template-rows:190px minmax(235px,auto);
        min-height:430px;
    }
    .al-r9b-family-body .al-r7-family-grid section[b-ivsk9tux8a]{
        min-height:235px;
    }
    .al-r9b-family-body--container-dumpers .al-r7-family-grid>a[b-ivsk9tux8a]{
        grid-template-rows:205px minmax(235px,auto);
        min-height:445px;
    }
}
@media(max-width:580px){
    .al-r9b-family-body .al-r7-family-grid>a[b-ivsk9tux8a],
    .al-r9b-family-body--container-dumpers .al-r7-family-grid>a[b-ivsk9tux8a]{
        grid-template-rows:165px auto;
        min-height:0;
    }
    .al-r9b-family-body .al-r7-family-grid section[b-ivsk9tux8a]{
        min-height:220px;
        padding:16px;
    }
    .al-r9b-family-body .al-r7-family-grid h3[b-ivsk9tux8a]{
        min-height:0;
        font-size:1.02rem;
    }
    .al-r9b-family-body .al-r7-family-grid p[b-ivsk9tux8a]{
        min-height:0;
        -webkit-line-clamp:4;
    }
    .al-r9b-family-body .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a]{
        padding:10px 14px;
    }
    .al-r9b-family-body--container-dumpers .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a]{
        padding:8px 20px;
    }
}
/* R9-B-HF2 — Mobile Product Detail Tabs Polish
   Keep every product-detail destination visible at ~390px without clipping
   or requiring hidden horizontal overflow. */
@media(max-width:580px){
    .al-r7-model-nav[b-ivsk9tux8a]{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0;
        overflow:visible;
        border:1px solid #d7e1e8;
        background:#fff;
    }
    .al-r7-model-nav a[b-ivsk9tux8a]{
        display:flex;
        align-items:center;
        justify-content:center;
        min-width:0;
        min-height:48px;
        padding:10px 8px;
        border-right:1px solid #d7e1e8;
        border-bottom:1px solid #d7e1e8;
        white-space:normal;
        text-align:center;
        line-height:1.2;
        overflow-wrap:anywhere;
        touch-action:manipulation;
    }
    .al-r7-model-nav a:nth-child(2n)[b-ivsk9tux8a]{
        border-right:0;
    }
    .al-r7-model-nav a:nth-child(5)[b-ivsk9tux8a],
    .al-r7-model-nav a:nth-child(6)[b-ivsk9tux8a]{
        border-bottom:0;
    }
}
/* R9-C — Mezzanine / Work Access / Electric full product systems */
.al-r9b-family-body--mezzanine-access .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a],
.al-r9b-family-body--electric-lifts .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a]{
    object-fit:contain;
    object-position:center;
}
.al-r9b-family-body--work-access .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a]{
    object-fit:cover;
    object-position:center;
    padding:0;
}
.al-r9b-system-selector--mezzanine-access .al-r9b-system-selector__grid[b-ivsk9tux8a]{
    grid-template-columns:repeat(5,minmax(0,1fr));
}
.al-r9b-system-selector--work-access .al-r9b-system-selector__grid[b-ivsk9tux8a]{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.al-r9b-system-selector--electric-lifts .al-r9b-system-selector__grid[b-ivsk9tux8a]{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:900px){
    .al-r9b-system-selector--mezzanine-access .al-r9b-system-selector__grid[b-ivsk9tux8a],
    .al-r9b-system-selector--work-access .al-r9b-system-selector__grid[b-ivsk9tux8a],
    .al-r9b-system-selector--electric-lifts .al-r9b-system-selector__grid[b-ivsk9tux8a]{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:580px){
    .al-r9b-system-selector--mezzanine-access .al-r9b-system-selector__grid[b-ivsk9tux8a],
    .al-r9b-system-selector--work-access .al-r9b-system-selector__grid[b-ivsk9tux8a],
    .al-r9b-system-selector--electric-lifts .al-r9b-system-selector__grid[b-ivsk9tux8a]{
        grid-template-columns:1fr;
    }
}

/* R9-C-HF1 — Mezzanine verified imagery cleanup + product card polish
   Scope is intentionally limited to the Mezzanine Access Lifts family. */
.al-r7-family-hero--mezzanine-access>div:last-child[b-ivsk9tux8a],
.al-r7-item-hero--mezzanine-access>div:last-child[b-ivsk9tux8a],
.al-r7-model-hero--mezzanine-access>div:last-child[b-ivsk9tux8a]{
    overflow:hidden;
    background:linear-gradient(180deg,#ffffff 0%,#f4f8fa 100%);
}
.al-r7-family-hero--mezzanine-access img[b-ivsk9tux8a],
.al-r7-item-hero--mezzanine-access img[b-ivsk9tux8a],
.al-r7-model-hero--mezzanine-access img[b-ivsk9tux8a]{
    display:block;
    width:100%;
    height:100%;
    max-width:92%;
    max-height:380px;
    object-fit:contain;
    object-position:center;
    padding:18px 26px;
    transform:none;
}

/* Give the mezzanine family a consistent media window without affecting R9-B,
   Work Access or Electric cards. */
.al-r9b-family-body--mezzanine-access .al-r7-family-grid>a[b-ivsk9tux8a]{
    grid-template-rows:220px minmax(250px,auto);
    min-height:470px;
}
.al-r9b-family-body--mezzanine-access .al-r7-family-grid>a>div.has-photo[b-ivsk9tux8a]{
    overflow:hidden;
    background:linear-gradient(180deg,#fbfcfd 0%,#eef4f7 100%);
}
.al-r9b-family-body--mezzanine-access .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a]{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    padding:12px 18px;
    transform:none;
}

/* Tall VRC source art needs the full vertical frame; mechanical VRC is wider. */
.al-r9b-family-body--mezzanine-access .al-r7-family-card--hydraulic-vrc>div.has-photo img[b-ivsk9tux8a]{
    padding:8px 12px;
}
.al-r9b-family-body--mezzanine-access .al-r7-family-card--mechanical-vrc>div.has-photo img[b-ivsk9tux8a]{
    padding:14px 18px;
}

/* Clean official model art remains fully visible in related-model cards. */
.al-r7-model-hero--mezzanine-access + .al-r7-model-nav ~ .al-r7-related-models .al-r7-related-models__image[b-ivsk9tux8a]{
    overflow:hidden;
    background:linear-gradient(180deg,#fbfcfd 0%,#eef4f7 100%);
}
.al-r7-model-hero--mezzanine-access + .al-r7-model-nav ~ .al-r7-related-models .al-r7-related-models__image img[b-ivsk9tux8a]{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
    padding:6px;
    transform:none;
}

@media(max-width:900px){
    .al-r7-family-hero--mezzanine-access img[b-ivsk9tux8a],
    .al-r7-item-hero--mezzanine-access img[b-ivsk9tux8a],
    .al-r7-model-hero--mezzanine-access img[b-ivsk9tux8a]{
        max-height:280px;
        padding:14px 22px;
    }
    .al-r9b-family-body--mezzanine-access .al-r7-family-grid>a[b-ivsk9tux8a]{
        grid-template-rows:195px minmax(235px,auto);
        min-height:440px;
    }
}
@media(max-width:580px){
    .al-r7-family-hero--mezzanine-access>div:last-child[b-ivsk9tux8a],
    .al-r7-item-hero--mezzanine-access>div:last-child[b-ivsk9tux8a],
    .al-r7-model-hero--mezzanine-access>div:last-child[b-ivsk9tux8a]{
        min-height:235px;
    }
    .al-r7-family-hero--mezzanine-access img[b-ivsk9tux8a],
    .al-r7-item-hero--mezzanine-access img[b-ivsk9tux8a],
    .al-r7-model-hero--mezzanine-access img[b-ivsk9tux8a]{
        max-width:96%;
        max-height:220px;
        padding:10px 14px;
    }
    .al-r9b-family-body--mezzanine-access .al-r7-family-grid>a[b-ivsk9tux8a]{
        grid-template-rows:175px auto;
        min-height:0;
    }
    .al-r9b-family-body--mezzanine-access .al-r7-family-grid>a>div.has-photo img[b-ivsk9tux8a],
    .al-r9b-family-body--mezzanine-access .al-r7-family-card--hydraulic-vrc>div.has-photo img[b-ivsk9tux8a],
    .al-r9b-family-body--mezzanine-access .al-r7-family-card--mechanical-vrc>div.has-photo img[b-ivsk9tux8a]{
        padding:8px 12px;
    }
}

/* /Components/Pages/AdvanceLiftsProductFinder.razor.rz.scp.css */
.al-r10-finder[b-ybtqpk26cj]{color:#172536}.al-r10-finder *[b-ybtqpk26cj]{box-sizing:border-box}.al-r10-finder__head[b-ybtqpk26cj]{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:44px;align-items:end;margin-bottom:26px}.al-r10-finder__head span[b-ybtqpk26cj]{display:block;color:#0068a8;font-size:.68rem;font-weight:900;letter-spacing:.12em;margin-bottom:10px}.al-r10-finder__head h2[b-ybtqpk26cj]{font-size:clamp(2.2rem,4.4vw,4.5rem);line-height:.92;letter-spacing:-.055em;margin:0;max-width:770px}.al-r10-finder__head p[b-ybtqpk26cj]{color:#536779;line-height:1.65;margin:0 0 6px;font-size:.92rem}.al-r10-finder__shell[b-ybtqpk26cj]{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);border:1px solid #c9d7df;box-shadow:0 28px 70px rgba(17,50,72,.10);background:#fff;overflow:hidden}.al-r10-finder__inputs[b-ybtqpk26cj]{background:linear-gradient(180deg,#fbfcfd 0,#f1f5f7 100%);padding:32px}.al-r10-finder__stephead[b-ybtqpk26cj]{display:flex;gap:14px;align-items:center;padding-bottom:22px;border-bottom:1px solid #d7e1e7;margin-bottom:22px}.al-r10-finder__stephead>span[b-ybtqpk26cj]{width:58px;height:42px;display:grid;place-items:center;background:#0e6da7;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.07em}.al-r10-finder__stephead div[b-ybtqpk26cj]{display:flex;flex-direction:column;gap:3px}.al-r10-finder__stephead strong[b-ybtqpk26cj]{font-size:.94rem;color:#18384d}.al-r10-finder__stephead small[b-ybtqpk26cj]{font-size:.67rem;color:#748693}.al-r10-finder__form[b-ybtqpk26cj]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.al-r10-finder__form label[b-ybtqpk26cj]{display:flex;flex-direction:column;gap:8px}.al-r10-finder__form label>span[b-ybtqpk26cj]{font-size:.68rem;font-weight:850;color:#32536a;line-height:1.35}.al-r10-finder__form select[b-ybtqpk26cj]{width:100%;min-height:58px;border:1px solid #bdccd6;background:#fff;color:#1d3546;padding:0 13px;font:inherit;font-size:.78rem;border-radius:2px;outline:0}.al-r10-finder__form select:focus[b-ybtqpk26cj]{border-color:#0d72ae;box-shadow:0 0 0 3px rgba(13,114,174,.10)}.al-r10-finder__criteria[b-ybtqpk26cj]{margin-top:22px;padding-top:18px;border-top:1px solid #d7e1e7}.al-r10-finder__criteria>span[b-ybtqpk26cj],.al-r10-finder__why>span[b-ybtqpk26cj],.al-r10-finder__confirm>span[b-ybtqpk26cj],.al-r10-finder__note>span[b-ybtqpk26cj]{display:block;font-size:.58rem;font-weight:900;letter-spacing:.09em;color:#6a8394;margin-bottom:9px}.al-r10-finder__criteria>div[b-ybtqpk26cj],.al-r10-finder__confirm>div[b-ybtqpk26cj]{display:flex;gap:7px;flex-wrap:wrap}.al-r10-finder__criteria b[b-ybtqpk26cj]{font-size:.62rem;color:#33576e;background:#fff;border:1px solid #c8d6de;padding:8px 10px;font-weight:800}.al-r10-finder__result[b-ybtqpk26cj]{background:linear-gradient(145deg,#12364e 0,#0a2639 75%,#071e2e 100%);color:#fff;padding:34px 34px 30px;display:flex;flex-direction:column;min-width:0}.al-r10-finder__resulttop[b-ybtqpk26cj]{display:grid;grid-template-columns:1fr 118px;gap:20px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.13)}.al-r10-finder__resulttop span[b-ybtqpk26cj]{font-size:.58rem;color:#7bc3ed;font-weight:900;letter-spacing:.1em}.al-r10-finder__resulttop strong[b-ybtqpk26cj]{display:block;font-size:2rem;line-height:1.05;margin-top:8px;color:#fff}.al-r10-finder__resulttop img[b-ybtqpk26cj]{width:118px;height:100px;object-fit:contain;background:#fff;padding:7px}.al-r10-finder__reason[b-ybtqpk26cj]{font-size:.79rem;line-height:1.65;color:#d3e0e8;margin:18px 0}.al-r10-finder__snapshot[b-ybtqpk26cj]{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:17px}.al-r10-finder__snapshot>span[b-ybtqpk26cj]{border:1px solid rgba(255,255,255,.12);padding:9px 10px;display:flex;flex-direction:column;gap:4px;min-width:0}.al-r10-finder__snapshot small[b-ybtqpk26cj]{font-size:.54rem;text-transform:uppercase;color:#7fa0b4;letter-spacing:.06em}.al-r10-finder__snapshot strong[b-ybtqpk26cj]{font-size:.68rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.al-r10-finder__note[b-ybtqpk26cj]{background:rgba(242,173,48,.11);border-left:3px solid #e0a132;padding:12px 14px;margin-bottom:17px}.al-r10-finder__note>span[b-ybtqpk26cj]{color:#e5bd75;margin-bottom:5px}.al-r10-finder__note p[b-ybtqpk26cj]{margin:0;color:#e8edf0;font-size:.68rem;line-height:1.5}.al-r10-finder__why[b-ybtqpk26cj]{padding:17px 0;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}.al-r10-finder__why>span[b-ybtqpk26cj],.al-r10-finder__confirm>span[b-ybtqpk26cj]{color:#7fc4ea}.al-r10-finder__why ul[b-ybtqpk26cj]{list-style:none;margin:0;padding:0;display:grid;gap:9px}.al-r10-finder__why li[b-ybtqpk26cj]{position:relative;padding-left:17px;color:#cedce5;font-size:.68rem;line-height:1.48}.al-r10-finder__why li[b-ybtqpk26cj]:before{content:"";position:absolute;left:0;top:.48em;width:7px;height:7px;border:1px solid #65b9e6;border-radius:50%}.al-r10-finder__confirm[b-ybtqpk26cj]{padding-top:17px}.al-r10-finder__confirm b[b-ybtqpk26cj]{font-size:.58rem;color:#d6e5ed;border:1px solid rgba(255,255,255,.14);padding:7px 8px;font-weight:750}.al-r10-finder__actions[b-ybtqpk26cj]{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.al-r10-finder__actions a[b-ybtqpk26cj]{min-height:46px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid rgba(255,255,255,.24);color:#fff;text-decoration:none;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;padding:8px}.al-r10-finder__actions a.is-primary[b-ybtqpk26cj]{background:#0d75b6;border-color:#0d75b6}.al-r10-finder__actions a:hover[b-ybtqpk26cj]{border-color:#7bc3ed}.al-r10-finder__disclaimer[b-ybtqpk26cj]{display:block;margin-top:14px;color:#86a0b1;font-size:.55rem;line-height:1.48}@media(max-width:1050px){.al-r10-finder__head[b-ybtqpk26cj]{grid-template-columns:1fr;gap:18px}.al-r10-finder__shell[b-ybtqpk26cj]{grid-template-columns:1fr}.al-r10-finder__result[b-ybtqpk26cj]{padding:32px}.al-r10-finder__snapshot[b-ybtqpk26cj]{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.al-r10-finder__inputs[b-ybtqpk26cj]{padding:24px 20px}.al-r10-finder__form[b-ybtqpk26cj]{grid-template-columns:1fr}.al-r10-finder__result[b-ybtqpk26cj]{padding:28px 20px}.al-r10-finder__resulttop[b-ybtqpk26cj]{grid-template-columns:1fr 90px}.al-r10-finder__resulttop img[b-ybtqpk26cj]{width:90px;height:78px}.al-r10-finder__snapshot[b-ybtqpk26cj]{grid-template-columns:1fr 1fr}.al-r10-finder__actions[b-ybtqpk26cj]{grid-template-columns:1fr}.al-r10-finder__stephead[b-ybtqpk26cj]{align-items:flex-start}}@media(max-width:440px){.al-r10-finder__head h2[b-ybtqpk26cj]{font-size:2rem}.al-r10-finder__resulttop[b-ybtqpk26cj]{grid-template-columns:1fr}.al-r10-finder__resulttop img[b-ybtqpk26cj]{display:none}.al-r10-finder__snapshot[b-ybtqpk26cj]{grid-template-columns:1fr}.al-r10-finder__criteria>div[b-ybtqpk26cj],.al-r10-finder__confirm>div[b-ybtqpk26cj]{align-items:stretch}.al-r10-finder__criteria b[b-ybtqpk26cj],.al-r10-finder__confirm b[b-ybtqpk26cj]{flex:1 1 46%}}
/* /Components/Pages/AdvanceLiftsQuoteBuilder.razor.rz.scp.css */
.al-r4-quote[b-8orwdhb3qc],
.al-r4-quote *[b-8orwdhb3qc] { box-sizing: border-box; }

.al-r4-quote[b-8orwdhb3qc] {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    padding: clamp(44px, 6vw, 82px) max(18px, calc((100vw - 1320px) / 2 + 28px));
    background:
        linear-gradient(180deg, #f6f8fa 0%, #ffffff 100%);
    color: #102b41;
    scroll-margin-top: 122px;
}

.al-r4-quote__frame[b-8orwdhb3qc] {
    width: min(1320px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(300px, .38fr) minmax(0, .62fr);
    border: 1px solid #d5e0e7;
    background: #fff;
    box-shadow: 0 28px 72px rgba(14, 47, 70, .12);
    overflow: hidden;
}

.al-r4-quote__story[b-8orwdhb3qc] {
    min-width: 0;
    padding: clamp(30px, 4vw, 54px);
    background:
        linear-gradient(150deg, rgba(255,255,255,.035), transparent 34%),
        #c92d2b;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.al-r4-quote__kicker[b-8orwdhb3qc] {
    margin: 0 0 15px;
    font-size: .7rem;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(255,255,255,.9);
}

.al-r4-quote__story h2[b-8orwdhb3qc] {
    margin: 0;
    max-width: 560px;
    font-size: clamp(2.25rem, 4vw, 4.55rem);
    line-height: .92;
    letter-spacing: -.06em;
    text-wrap: balance;
}

.al-r4-quote__lead[b-8orwdhb3qc] {
    margin: 24px 0 0;
    max-width: 520px;
    color: rgba(255,255,255,.88);
    font-size: .98rem;
    line-height: 1.62;
}

.al-r4-quote__benefits[b-8orwdhb3qc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 34px;
    border-top: 1px solid rgba(255,255,255,.28);
    border-left: 1px solid rgba(255,255,255,.28);
}

.al-r4-quote__benefits > div[b-8orwdhb3qc] {
    min-width: 0;
    min-height: 118px;
    padding: 16px;
    border-right: 1px solid rgba(255,255,255,.28);
    border-bottom: 1px solid rgba(255,255,255,.28);
    display: grid;
    align-content: start;
    gap: 5px;
}

.al-r4-quote__benefits span[b-8orwdhb3qc] {
    font-size: .62rem;
    font-weight: 950;
    color: rgba(255,255,255,.68);
}

.al-r4-quote__benefits strong[b-8orwdhb3qc] {
    font-size: .84rem;
    line-height: 1.2;
}

.al-r4-quote__benefits small[b-8orwdhb3qc] {
    font-size: .69rem;
    line-height: 1.42;
    color: rgba(255,255,255,.76);
}

.al-r4-quote__assist[b-8orwdhb3qc] {
    margin-top: auto;
    padding-top: 26px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    font-size: .73rem;
    font-weight: 850;
}

.al-r4-quote__assist span[b-8orwdhb3qc] { color: rgba(255,255,255,.72); }
.al-r4-quote__assist a[b-8orwdhb3qc] {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.55);
    padding-bottom: 2px;
}

.al-r4-quote__shell[b-8orwdhb3qc] {
    min-width: 0;
    display: grid;
    grid-template-columns: 188px minmax(0, 1fr);
    background: #fff;
    color: #0b2d45;
}

.al-r4-quote__rail[b-8orwdhb3qc] {
    min-width: 0;
    padding: 18px 12px;
    background: #0c3049;
    display: grid;
    align-content: start;
    gap: 7px;
}

.al-r4-quote__rail button[b-8orwdhb3qc] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    width: 100%;
    min-width: 0;
    min-height: 66px;
    padding: 12px 10px;
    border: 1px solid rgba(255,255,255,.10);
    background: transparent;
    color: #bed0dc;
    text-align: start;
    cursor: pointer;
    font: inherit;
    transition: background .18s ease, border-color .18s ease;
}

.al-r4-quote__rail button > span[b-8orwdhb3qc] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255,255,255,.28);
    font-size: .64rem;
    font-weight: 950;
}

.al-r4-quote__rail button div[b-8orwdhb3qc] { display: grid; gap: 3px; min-width: 0; }
.al-r4-quote__rail strong[b-8orwdhb3qc] { color: #fff; font-size: .78rem; line-height: 1.15; }
.al-r4-quote__rail small[b-8orwdhb3qc] { font-size: .62rem; line-height: 1.32; overflow-wrap: anywhere; }
.al-r4-quote__rail button.is-active[b-8orwdhb3qc] { background: #0878b8; border-color: #0878b8; color: #eef9ff; }
.al-r4-quote__rail button.is-done[b-8orwdhb3qc] { border-color: rgba(126,204,158,.52); }

.al-r4-quote__panel[b-8orwdhb3qc] {
    min-width: 0;
    padding: 0 30px 26px;
    background: #fff;
}

.al-r4-quote__progress[b-8orwdhb3qc] {
    height: 5px;
    margin: 0 -30px 28px;
    background: #e7edf1;
}

.al-r4-quote__progress span[b-8orwdhb3qc] {
    display: block;
    height: 100%;
    background: #0878b8;
    transition: width .2s ease;
}

.al-r4-quote__step[b-8orwdhb3qc] { min-height: 500px; }

.al-r4-quote__stephead[b-8orwdhb3qc] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

.al-r4-quote__stephead > span[b-8orwdhb3qc] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    background: #0b2f48;
    color: #fff;
    font-size: .7rem;
    font-weight: 950;
}

.al-r4-quote__stephead div[b-8orwdhb3qc] { display: grid; gap: 5px; min-width: 0; }
.al-r4-quote__stephead strong[b-8orwdhb3qc] { font-size: 1.45rem; line-height: 1.05; letter-spacing: -.03em; }
.al-r4-quote__stephead small[b-8orwdhb3qc] { color: #687b88; line-height: 1.45; }

.al-r4-quote__sync[b-8orwdhb3qc] {
    margin: 0 0 20px 58px;
    border: 1px solid #9cc6de;
    background: #eef8fd;
    color: #006da9;
    padding: 11px 14px;
    font: inherit;
    font-size: .73rem;
    font-weight: 950;
    cursor: pointer;
}

.al-r4-quote__formgrid[b-8orwdhb3qc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.al-r4-quote__formgrid label[b-8orwdhb3qc] { display: grid; gap: 7px; min-width: 0; }
.al-r4-quote__formgrid label > span[b-8orwdhb3qc] {
    font-size: .67rem;
    font-weight: 950;
    letter-spacing: .045em;
    text-transform: uppercase;
    color: #466174;
}

.al-r4-quote__formgrid input[b-8orwdhb3qc],
.al-r4-quote__formgrid select[b-8orwdhb3qc],
.al-r4-quote__formgrid textarea[b-8orwdhb3qc] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 49px;
    border: 1px solid #c8d6df;
    background: #fbfcfd;
    color: #0b2d45;
    padding: 11px 13px;
    font: inherit;
    resize: vertical;
    outline: none;
}

.al-r4-quote__formgrid textarea[b-8orwdhb3qc] { min-height: 118px; }
.al-r4-quote__formgrid :is(input,select,textarea):focus[b-8orwdhb3qc] {
    border-color: #0878b8;
    box-shadow: 0 0 0 3px rgba(8,120,184,.11);
}

.al-r4-span-2[b-8orwdhb3qc] { grid-column: span 2; }

.al-r4-quote__upload[b-8orwdhb3qc] {
    display: grid;
    gap: 13px;
    margin-bottom: 19px;
    padding: 18px;
    border: 1px dashed #94adbd;
    background: #f4f8fa;
}

.al-r4-quote__upload > div[b-8orwdhb3qc] { display: grid; gap: 4px; }
.al-r4-quote__upload span[b-8orwdhb3qc] { color: #657987; font-size: .76rem; line-height: 1.45; }
.al-r4-quote__upload input[type=file][b-8orwdhb3qc] { width: 100%; max-width: 100%; color: #344f61; font-size: .72rem; }
.al-r4-quote__upload ul[b-8orwdhb3qc] { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.al-r4-quote__upload li[b-8orwdhb3qc] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 9px;
    background: #fff;
    border: 1px solid #dce5ea;
    font-size: .74rem;
}

.al-r4-quote__summarygrid[b-8orwdhb3qc] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid #dbe5eb;
    border-left: 1px solid #dbe5eb;
}

.al-r4-quote__summarygrid > div[b-8orwdhb3qc] {
    min-height: 88px;
    padding: 13px;
    display: grid;
    align-content: start;
    gap: 6px;
    border-right: 1px solid #dbe5eb;
    border-bottom: 1px solid #dbe5eb;
}

.al-r4-quote__summarygrid span[b-8orwdhb3qc] {
    color: #68808e;
    font-size: .63rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.al-r4-quote__summarygrid strong[b-8orwdhb3qc] { font-size: .84rem; overflow-wrap: anywhere; }
.al-r4-quote__notes[b-8orwdhb3qc] { margin-top: 14px; padding: 15px; background: #f2f6f8; }
.al-r4-quote__notes span[b-8orwdhb3qc] { color: #64808f; font-size: .65rem; font-weight: 950; text-transform: uppercase; }
.al-r4-quote__notes p[b-8orwdhb3qc] { margin: 5px 0 0; line-height: 1.5; }

.al-r4-quote__summaryactions[b-8orwdhb3qc] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.al-r4-quote__summaryactions a[b-8orwdhb3qc] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    font-size: .7rem;
    font-weight: 950;
    text-decoration: none;
}

.al-r4-quote__primary[b-8orwdhb3qc] { background: #0878b8; color: #fff; }
.al-r4-quote__secondary[b-8orwdhb3qc] { border: 1px solid #b9cbd5; color: #0b2f48; background: #fff; }
.al-r4-quote__guardrail[b-8orwdhb3qc] { margin: 15px 0 0; color: #6a7e8a; font-size: .7rem; line-height: 1.45; }

.al-r4-quote__nav[b-8orwdhb3qc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #e0e8ed;
}

.al-r4-quote__nav span[b-8orwdhb3qc] { color: #6d7f8b; font-size: .7rem; font-weight: 850; }
.al-r4-quote__nav button[b-8orwdhb3qc] {
    min-height: 43px;
    padding: 0 16px;
    font: inherit;
    font-size: .73rem;
    font-weight: 950;
    cursor: pointer;
}

.al-r4-quote__back[b-8orwdhb3qc] { border: 1px solid #c8d5dd; background: #fff; color: #0b2f48; }
.al-r4-quote__back:disabled[b-8orwdhb3qc] { opacity: .35; cursor: default; }
.al-r4-quote__next[b-8orwdhb3qc] { border: 1px solid #0b2f48; background: #0b2f48; color: #fff; }

.al-r4-quote :is(a,button,input,select,textarea):focus-visible[b-8orwdhb3qc] {
    outline: 3px solid rgba(8,120,184,.28);
    outline-offset: 2px;
}

.al-r4-quote__story :is(a,button):focus-visible[b-8orwdhb3qc] { outline-color: rgba(255,255,255,.72); }
.al-r4-quote__next:hover[b-8orwdhb3qc],
.al-r4-quote__primary:hover[b-8orwdhb3qc] { filter: brightness(1.08); }
.al-r4-quote__secondary:hover[b-8orwdhb3qc],
.al-r4-quote__back:hover:not(:disabled)[b-8orwdhb3qc] { border-color: #7fa8bf; background: #f4f8fa; }

@media (max-width: 1120px) {
    .al-r4-quote__frame[b-8orwdhb3qc] { grid-template-columns: minmax(280px, .34fr) minmax(0, .66fr); }
    .al-r4-quote__shell[b-8orwdhb3qc] { grid-template-columns: 158px minmax(0, 1fr); }
    .al-r4-quote__rail button[b-8orwdhb3qc] { grid-template-columns: 30px minmax(0, 1fr); padding-inline: 8px; }
    .al-r4-quote__rail strong[b-8orwdhb3qc] { font-size: .72rem; }
    .al-r4-quote__rail small[b-8orwdhb3qc] { font-size: .58rem; }
}

@media (max-width: 980px) {
    .al-r4-quote[b-8orwdhb3qc] { padding-inline: 20px; scroll-margin-top: 92px; }
    .al-r4-quote__frame[b-8orwdhb3qc] { grid-template-columns: 1fr; }
    .al-r4-quote__story[b-8orwdhb3qc] { min-height: 0; }
    .al-r4-quote__story h2[b-8orwdhb3qc] { max-width: 760px; font-size: clamp(2.35rem, 7vw, 4rem); }
    .al-r4-quote__lead[b-8orwdhb3qc] { max-width: 760px; }
    .al-r4-quote__benefits[b-8orwdhb3qc] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .al-r4-quote__benefits > div[b-8orwdhb3qc] { min-height: 104px; }
    .al-r4-quote__assist[b-8orwdhb3qc] { margin-top: 24px; }
    .al-r4-quote__shell[b-8orwdhb3qc] { grid-template-columns: 1fr; }
    .al-r4-quote__rail[b-8orwdhb3qc] {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        overscroll-behavior-inline: contain;
        gap: 7px;
        padding: 11px;
    }
    .al-r4-quote__rail button[b-8orwdhb3qc] {
        flex: 0 0 82px;
        min-height: 58px;
        grid-template-columns: 1fr;
        place-items: center;
        scroll-snap-align: start;
        padding: 9px 8px;
    }
    .al-r4-quote__rail button div[b-8orwdhb3qc] { display: none; }
    .al-r4-quote__summarygrid[b-8orwdhb3qc] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .al-r4-quote[b-8orwdhb3qc] { padding: 40px 14px 52px; }
    .al-r4-quote__frame[b-8orwdhb3qc] { box-shadow: 0 18px 45px rgba(14,47,70,.10); }
    .al-r4-quote__story[b-8orwdhb3qc] { padding: 30px 22px; }
    .al-r4-quote__story h2[b-8orwdhb3qc] { font-size: clamp(2.15rem, 10vw, 3.2rem); line-height: .94; }
    .al-r4-quote__lead[b-8orwdhb3qc] { margin-top: 18px; font-size: .9rem; }
    .al-r4-quote__benefits[b-8orwdhb3qc] { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 25px; }
    .al-r4-quote__benefits > div[b-8orwdhb3qc] { min-height: 106px; padding: 13px; }
    .al-r4-quote__assist[b-8orwdhb3qc] { align-items: flex-start; flex-direction: column; gap: 5px; }
    .al-r4-quote__panel[b-8orwdhb3qc] { width: 100%; padding: 0 15px 22px; }
    .al-r4-quote__progress[b-8orwdhb3qc] { margin-inline: -15px; }
    .al-r4-quote__step[b-8orwdhb3qc] { min-height: 0; }
    .al-r4-quote__stephead[b-8orwdhb3qc] { grid-template-columns: 38px minmax(0, 1fr); gap: 10px; }
    .al-r4-quote__stephead > span[b-8orwdhb3qc] { width: 38px; height: 38px; }
    .al-r4-quote__stephead strong[b-8orwdhb3qc] { font-size: 1.22rem; }
    .al-r4-quote__sync[b-8orwdhb3qc] { margin-inline-start: 0; width: 100%; }
    .al-r4-quote__formgrid[b-8orwdhb3qc],
    .al-r4-quote__summarygrid[b-8orwdhb3qc] { grid-template-columns: 1fr; }
    .al-r4-span-2[b-8orwdhb3qc] { grid-column: auto; }
    .al-r4-quote__summaryactions[b-8orwdhb3qc] { display: grid; grid-template-columns: 1fr; }
    .al-r4-quote__summaryactions a[b-8orwdhb3qc] { width: 100%; text-align: center; white-space: normal; overflow-wrap: anywhere; }
    .al-r4-quote__nav[b-8orwdhb3qc] { display: grid; grid-template-columns: 1fr auto 1fr; }
    .al-r4-quote__nav button[b-8orwdhb3qc] { min-width: 0; padding-inline: 10px; }
}

@media (max-width: 430px) {
    .al-r4-quote[b-8orwdhb3qc] { padding-inline: 10px; }
    .al-r4-quote__story[b-8orwdhb3qc] { padding: 26px 18px; }
    .al-r4-quote__benefits[b-8orwdhb3qc] { grid-template-columns: 1fr 1fr; }
    .al-r4-quote__benefits > div[b-8orwdhb3qc] { min-height: 100px; }
    .al-r4-quote__rail button[b-8orwdhb3qc] { flex-basis: 70px; }
    .al-r4-quote__panel[b-8orwdhb3qc] { padding-inline: 12px; }
    .al-r4-quote__progress[b-8orwdhb3qc] { margin-inline: -12px; }
    .al-r4-quote__nav[b-8orwdhb3qc] { grid-template-columns: 1fr 1fr; }
    .al-r4-quote__nav span[b-8orwdhb3qc] { grid-column: 1 / -1; grid-row: 1; text-align: center; }
    .al-r4-quote__nav button[b-8orwdhb3qc] { grid-row: 2; }
}
/* /Components/Pages/AdvanceLiftsResourceCenter.razor.rz.scp.css */
/* ADVANCELIFTS-R4 — Engineering Resource Center */
.al-r4-resources[b-rs9jczs80a] {
    max-width: 1220px;
    margin: 0 auto;
    padding: clamp(70px, 7vw, 112px) clamp(22px, 4vw, 56px);
    color: #0b2d45;
}

.al-r4-resources__head[b-rs9jczs80a] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 42px;
    align-items: end;
    margin-bottom: 28px;
}

.al-r4-kicker[b-rs9jczs80a] {
    margin: 0 0 10px;
    color: #0578bd;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.al-r4-resources__head h2[b-rs9jczs80a] {
    margin: 0;
    max-width: 760px;
    font-size: clamp(2rem, 4vw, 3.55rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.al-r4-resources__head > p[b-rs9jczs80a] {
    margin: 0;
    color: #516678;
    font-size: .98rem;
    line-height: 1.65;
}

.al-r4-resources__toolbar[b-rs9jczs80a] {
    display: grid;
    grid-template-columns: minmax(280px, 1.4fr) minmax(170px, .55fr) minmax(210px, .7fr);
    gap: 12px;
    padding: 16px;
    border: 1px solid #d9e3ea;
    background: #f6f9fb;
}

.al-r4-resources__toolbar label[b-rs9jczs80a] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.al-r4-resources__toolbar label > span[b-rs9jczs80a] {
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #466074;
}

.al-r4-resources__toolbar input[b-rs9jczs80a],
.al-r4-resources__toolbar select[b-rs9jczs80a] {
    width: 100%;
    min-height: 46px;
    border: 1px solid #c9d6df;
    background: #fff;
    color: #0b2d45;
    padding: 0 13px;
    font: inherit;
    outline: none;
}

.al-r4-resources__toolbar input:focus[b-rs9jczs80a],
.al-r4-resources__toolbar select:focus[b-rs9jczs80a] {
    border-color: #0878b8;
    box-shadow: 0 0 0 3px rgba(8, 120, 184, .12);
}

.al-r4-resources__status[b-rs9jczs80a] {
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #d9e3ea;
    color: #5b6e7d;
    font-size: .82rem;
}

.al-r4-resources__status strong[b-rs9jczs80a] { color: #0b2d45; }
.al-r4-resources__status button[b-rs9jczs80a] {
    margin-inline-start: auto;
    border: 0;
    background: transparent;
    color: #0878b8;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.al-r4-resources__grid[b-rs9jczs80a] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.al-r4-resource-card[b-rs9jczs80a] {
    min-height: 252px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #dbe5ec;
    background: #fff;
    box-shadow: 0 12px 30px rgba(18, 48, 70, .045);
}

.al-r4-resource-card__top[b-rs9jczs80a],
.al-r4-resource-card__meta[b-rs9jczs80a] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #6b7d8a;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.al-r4-resource-card__format[b-rs9jczs80a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 25px;
    padding: 0 8px;
    background: #0578bd;
    color: #fff;
}

.al-r4-resource-card h3[b-rs9jczs80a] {
    margin: 20px 0 8px;
    font-size: 1.14rem;
    line-height: 1.12;
}

.al-r4-resource-card p[b-rs9jczs80a] {
    margin: 0 0 20px;
    color: #617482;
    font-size: .84rem;
    line-height: 1.55;
}

.al-r4-resource-card__meta[b-rs9jczs80a] {
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid #e2e9ee;
}

.al-r4-resource-card > a[b-rs9jczs80a] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    color: #006fae;
    font-size: .78rem;
    font-weight: 900;
    text-decoration: none;
}

.al-r4-resources__empty[b-rs9jczs80a] {
    margin-top: 18px;
    padding: 28px;
    border: 1px dashed #b8c9d4;
    background: #f8fafb;
    text-align: center;
}

.al-r4-resources__empty p[b-rs9jczs80a] { margin: 6px 0 0; color: #6a7c89; }

.al-r4-resources__footer[b-rs9jczs80a] {
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px;
    background: #0c3048;
    color: #fff;
}

.al-r4-resources__footer div[b-rs9jczs80a] { display: grid; gap: 4px; }
.al-r4-resources__footer span[b-rs9jczs80a] { color: #b9d0df; font-size: .82rem; }
.al-r4-resources__footer a[b-rs9jczs80a] { color: #fff; font-weight: 900; text-decoration: none; white-space: nowrap; }

@media (max-width: 900px) {
    .al-r4-resources__head[b-rs9jczs80a],
    .al-r4-resources__toolbar[b-rs9jczs80a] { grid-template-columns: 1fr; }
    .al-r4-resources__grid[b-rs9jczs80a] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .al-r4-resources[b-rs9jczs80a] { padding-inline: 16px; }
    .al-r4-resources__grid[b-rs9jczs80a] { grid-template-columns: 1fr; }
    .al-r4-resources__footer[b-rs9jczs80a] { align-items: flex-start; flex-direction: column; }
}

/* ADVANCELIFTS-R5 — Resource center presentation polish */
.al-r4-resources[b-rs9jczs80a]{scroll-margin-top:118px}
.al-r4-resources__toolbar[b-rs9jczs80a]{border-top:3px solid #0878b8;box-shadow:0 14px 34px rgba(18,48,70,.05)}
.al-r4-resources__search input[b-rs9jczs80a]{font-weight:700}
.al-r4-resources__grid[b-rs9jczs80a]{gap:14px}
.al-r4-resource-card[b-rs9jczs80a]{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.al-r4-resource-card:hover[b-rs9jczs80a]{transform:translateY(-2px);border-color:#b8ccd8;box-shadow:0 18px 36px rgba(18,48,70,.08)}
.al-r4-resource-card>a[b-rs9jczs80a]{min-height:36px;align-items:center}
.al-r4-resource-card>a:hover[b-rs9jczs80a]{text-decoration:underline;text-underline-offset:3px}
.al-r4-resources__footer>div:first-child[b-rs9jczs80a]{max-width:680px}
.al-r4-resources__footer-actions[b-rs9jczs80a]{display:flex!important;grid-auto-flow:column;align-items:center;justify-content:end;gap:8px!important}
.al-r4-resources__footer-actions a[b-rs9jczs80a]{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid rgba(255,255,255,.25)}
.al-r4-resources__footer-actions a.is-primary[b-rs9jczs80a]{background:#0878b8;border-color:#0878b8}
.al-r4-resources :is(a,button,input,select):focus-visible[b-rs9jczs80a]{outline:3px solid rgba(8,120,184,.28);outline-offset:3px}
@media(max-width:900px){
    .al-r4-resources__footer-actions[b-rs9jczs80a]{width:100%;justify-content:flex-start;grid-auto-flow:row}
}
@media(max-width:620px){
    .al-r4-resources[b-rs9jczs80a]{scroll-margin-top:88px}
    .al-r4-resources__toolbar[b-rs9jczs80a]{padding:13px}
    .al-r4-resources__footer-actions[b-rs9jczs80a]{display:grid!important;grid-template-columns:1fr;width:100%}
    .al-r4-resources__footer-actions a[b-rs9jczs80a]{width:100%;white-space:normal;text-align:center}
}


/* ADVANCELIFTS-R5-HF1 — Resource Center 390px containment */
.al-r4-resources[b-rs9jczs80a],.al-r4-resources *[b-rs9jczs80a]{box-sizing:border-box}
.al-r4-resources[b-rs9jczs80a]{width:100%;max-width:1220px;overflow:hidden}
.al-r4-resources :is(.al-r4-resources__head,.al-r4-resources__toolbar,.al-r4-resources__grid,.al-r4-resource-card,.al-r4-resources__footer,.al-r4-resources__status)[b-rs9jczs80a]{min-width:0}
.al-r4-resource-card :is(h3,p,a,span,strong)[b-rs9jczs80a]{overflow-wrap:anywhere}
@media(max-width:620px){
  .al-r4-resources[b-rs9jczs80a]{padding:54px 16px}
  .al-r4-resources__head[b-rs9jczs80a]{gap:14px;margin-bottom:20px}
  .al-r4-resources__head h2[b-rs9jczs80a]{font-size:clamp(1.8rem,8.5vw,2.35rem);line-height:1.02}
  .al-r4-resources__toolbar[b-rs9jczs80a]{padding:12px;gap:10px}
  .al-r4-resources__toolbar input[b-rs9jczs80a],.al-r4-resources__toolbar select[b-rs9jczs80a]{min-width:0;max-width:100%}
  .al-r4-resources__status[b-rs9jczs80a]{flex-wrap:wrap;padding-block:8px}
  .al-r4-resources__status button[b-rs9jczs80a]{margin-inline-start:0}
  .al-r4-resource-card[b-rs9jczs80a]{width:100%;min-height:0;padding:17px}
  .al-r4-resources__footer[b-rs9jczs80a]{padding:18px 16px;gap:16px}
}
/* /Components/Pages/AdvanceLiftsSitePage.razor.rz.scp.css */
.al-site-page[b-33evpnaivk]{background:#fff;color:#172536;min-height:58vh}.al-site-page *[b-33evpnaivk]{box-sizing:border-box}.al-page-hero[b-33evpnaivk]{background:linear-gradient(135deg,#f6f8fa 0%,#edf2f5 100%);border-bottom:1px solid #d8e0e7}.al-page-hero__inner[b-33evpnaivk]{max-width:1240px;margin:auto;padding:74px 34px 64px}.al-page-hero__inner>span[b-33evpnaivk]{display:block;color:#0068a8;font-size:.72rem;font-weight:900;letter-spacing:.13em;margin-bottom:14px}.al-page-hero h1[b-33evpnaivk]{max-width:860px;font-size:clamp(2.7rem,5vw,5.8rem);line-height:.9;letter-spacing:-.06em;margin:0;color:#172536}.al-page-hero p[b-33evpnaivk]{max-width:780px;margin:24px 0 0;color:#526477;font-size:1.05rem;line-height:1.7}.al-page-section[b-33evpnaivk]{max-width:1240px;margin:auto;padding:56px 34px 82px}.al-page-section--component[b-33evpnaivk]{max-width:1360px;padding-top:36px}.al-page-section--quote[b-33evpnaivk]{max-width:none;padding:0}.al-page-section--finder[b-33evpnaivk]{max-width:1320px;padding-top:38px}.al-family-grid[b-33evpnaivk],.al-application-grid[b-33evpnaivk],.al-info-grid[b-33evpnaivk]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.al-family-card[b-33evpnaivk],.al-info-card[b-33evpnaivk]{display:flex;flex-direction:column;min-width:0;border:1px solid #d8e0e7;background:#fff;color:#172536;text-decoration:none;box-shadow:0 14px 35px rgba(18,52,77,.05);transition:.2s ease}.al-family-card:hover[b-33evpnaivk],.al-info-card:hover[b-33evpnaivk]{transform:translateY(-2px);border-color:#9db7c9;box-shadow:0 18px 42px rgba(18,52,77,.09)}.al-family-card__image[b-33evpnaivk]{height:190px;background:#eef3f6;display:grid;place-items:center;overflow:hidden}.al-family-card__image img[b-33evpnaivk]{width:100%;height:100%;object-fit:contain;padding:18px}.al-family-card>span[b-33evpnaivk],.al-family-card h2[b-33evpnaivk],.al-family-card p[b-33evpnaivk],.al-family-card b[b-33evpnaivk],.al-info-card>*[b-33evpnaivk]{margin-left:18px;margin-right:18px}.al-family-card>span[b-33evpnaivk],.al-info-card>span[b-33evpnaivk]{margin-top:18px;color:#0068a8;font-size:.65rem;font-weight:900}.al-family-card h2[b-33evpnaivk],.al-info-card h2[b-33evpnaivk]{font-size:1.15rem;margin-top:6px;margin-bottom:8px;letter-spacing:-.03em}.al-family-card p[b-33evpnaivk],.al-info-card p[b-33evpnaivk]{font-size:.79rem;line-height:1.55;color:#657487;margin-top:0;margin-bottom:18px}.al-family-card b[b-33evpnaivk],.al-info-card b[b-33evpnaivk]{font-size:.72rem;color:#0068a8;margin-top:auto;margin-bottom:20px}.al-decision-page[b-33evpnaivk]{display:flex;flex-direction:column;gap:28px}.al-decision-grid[b-33evpnaivk]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.al-decision-card[b-33evpnaivk],.al-application-card[b-33evpnaivk]{border:1px solid #d8e0e7;padding:24px;background:#fff;min-height:190px}.al-application-card[b-33evpnaivk]{display:flex;flex-direction:column;color:#172536;text-decoration:none;transition:.18s ease}.al-application-card:hover[b-33evpnaivk]{transform:translateY(-2px);border-color:#9db7c9;box-shadow:0 16px 34px rgba(18,52,77,.08)}.al-application-card em[b-33evpnaivk]{margin-top:auto;padding-top:18px;color:#0068a8;font-size:.7rem;font-style:normal;font-weight:900}.al-decision-card span[b-33evpnaivk],.al-application-card span[b-33evpnaivk]{color:#0068a8;font-size:.65rem;font-weight:900}.al-decision-card h2[b-33evpnaivk],.al-application-card h2[b-33evpnaivk]{font-size:1.25rem;margin:10px 0 10px;letter-spacing:-.03em}.al-decision-card p[b-33evpnaivk],.al-application-card p[b-33evpnaivk]{color:#657487;font-size:.82rem;line-height:1.55}.al-decision-card strong[b-33evpnaivk],.al-application-card b[b-33evpnaivk]{display:block;margin-top:18px;color:#173c57;font-size:.75rem}.al-page-primary[b-33evpnaivk]{align-self:flex-start;background:#c93432;color:#fff;text-decoration:none;font-size:.76rem;font-weight:900;text-transform:uppercase;padding:14px 18px;border-radius:3px}.al-info-card[b-33evpnaivk]{padding:4px;min-height:210px}.al-company-feature[b-33evpnaivk]{display:grid;grid-template-columns:1.05fr .95fr;background:#eef3f6}.al-company-feature img[b-33evpnaivk]{width:100%;height:390px;object-fit:cover}.al-company-feature>div[b-33evpnaivk]{padding:48px}.al-company-feature span[b-33evpnaivk],.al-distributor-panel span[b-33evpnaivk]{font-size:.67rem;color:#0068a8;font-weight:900;letter-spacing:.12em}.al-company-feature h2[b-33evpnaivk],.al-distributor-panel h2[b-33evpnaivk]{font-size:2.4rem;line-height:.98;letter-spacing:-.055em;margin:12px 0 18px}.al-company-feature p[b-33evpnaivk],.al-distributor-panel p[b-33evpnaivk]{color:#526477;line-height:1.7}.al-proof-grid[b-33evpnaivk]{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d8e0e7;border-top:0}.al-proof-grid div[b-33evpnaivk]{padding:22px;border-right:1px solid #d8e0e7}.al-proof-grid div:last-child[b-33evpnaivk]{border-right:0}.al-proof-grid strong[b-33evpnaivk]{display:block;font-size:1rem}.al-proof-grid span[b-33evpnaivk]{font-size:.65rem;color:#657487;text-transform:uppercase}.al-distributor-panel[b-33evpnaivk]{display:flex;align-items:center;justify-content:space-between;gap:36px;background:#103a58;color:#fff;padding:54px}.al-distributor-panel span[b-33evpnaivk]{color:#67c4ff}.al-distributor-panel h2[b-33evpnaivk]{color:#fff;max-width:630px}.al-distributor-panel p[b-33evpnaivk]{color:#cadbe6;max-width:650px}.al-distributor-panel a[b-33evpnaivk]{display:inline-flex;min-height:44px;align-items:center;padding:0 18px;background:#fff;color:#17364d;text-decoration:none;font-size:.75rem;font-weight:900;white-space:nowrap}.al-page-back[b-33evpnaivk]{max-width:1240px;margin:0 auto 34px;padding:0 34px}.al-page-back a[b-33evpnaivk]{color:#0068a8;font-weight:800;text-decoration:none;font-size:.75rem}
@media(max-width:980px){.al-family-grid[b-33evpnaivk],.al-application-grid[b-33evpnaivk],.al-info-grid[b-33evpnaivk]{grid-template-columns:repeat(2,minmax(0,1fr))}.al-decision-grid[b-33evpnaivk]{grid-template-columns:repeat(2,minmax(0,1fr))}.al-company-feature[b-33evpnaivk]{grid-template-columns:1fr}.al-company-feature img[b-33evpnaivk]{height:320px}.al-proof-grid[b-33evpnaivk]{grid-template-columns:repeat(2,1fr)}.al-distributor-panel[b-33evpnaivk]{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.al-page-hero__inner[b-33evpnaivk]{padding:48px 18px 42px}.al-page-hero h1[b-33evpnaivk]{font-size:clamp(2.4rem,13vw,3.5rem);line-height:.92}.al-page-hero p[b-33evpnaivk]{font-size:.92rem}.al-page-section[b-33evpnaivk]{padding:36px 18px 58px}.al-page-section--component[b-33evpnaivk]{padding-inline:0}.al-page-section--quote[b-33evpnaivk]{padding:0}.al-family-grid[b-33evpnaivk],.al-application-grid[b-33evpnaivk],.al-info-grid[b-33evpnaivk],.al-decision-grid[b-33evpnaivk]{grid-template-columns:1fr}.al-family-card__image[b-33evpnaivk]{height:210px}.al-company-feature img[b-33evpnaivk]{height:240px}.al-company-feature>div[b-33evpnaivk]{padding:28px 22px}.al-company-feature h2[b-33evpnaivk],.al-distributor-panel h2[b-33evpnaivk]{font-size:2rem}.al-proof-grid[b-33evpnaivk]{grid-template-columns:1fr 1fr}.al-proof-grid div[b-33evpnaivk]{padding:16px}.al-distributor-panel[b-33evpnaivk]{padding:30px 22px}.al-distributor-panel a[b-33evpnaivk]{white-space:normal;text-align:center}.al-page-back[b-33evpnaivk]{padding-inline:18px}}
/* /Components/Pages/AjaxSystemsSolutionCampaignCaseStudy.razor.rz.scp.css */
.ajax-work-page[b-f0ci29x4os] {
    position: relative;
    overflow: hidden;
}

.ajax-work-hero[b-f0ci29x4os] {
    padding-top: clamp(24px, 4vw, 62px);
}

.ajax-work-hero-card[b-f0ci29x4os],
.ajax-facts article[b-f0ci29x4os],
.ajax-scenario-copy[b-f0ci29x4os],
.ajax-reels-card[b-f0ci29x4os],
.ajax-render-group[b-f0ci29x4os],
.ajax-strategy-section article[b-f0ci29x4os],
.ajax-products-grid button[b-f0ci29x4os],
.ajax-cta-section[b-f0ci29x4os] {
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 20rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 80%, transparent), color-mix(in srgb, var(--panel) 66%, transparent));
    box-shadow: 0 26px 100px color-mix(in srgb, #000 30%, transparent);
}

.ajax-work-hero-card[b-f0ci29x4os] {
    position: relative;
    overflow: hidden;
    min-height: clamp(620px, 58vw, 860px);
    border-radius: clamp(30px, 3vw, 52px);
    isolation: isolate;
}

.ajax-work-hero-card[b-f0ci29x4os]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.38) 42%, rgba(0,0,0,.08) 72%),
        linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.48));
}

.ajax-work-hero-card > img[b-f0ci29x4os] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
}

.ajax-back-link[b-f0ci29x4os] {
    position: absolute;
    top: clamp(22px, 2.4vw, 36px);
    left: clamp(22px, 2.4vw, 36px);
    z-index: 3;
    color: var(--muted);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ajax-work-overlay[b-f0ci29x4os] {
    position: absolute;
    z-index: 3;
    left: clamp(26px, 5vw, 76px);
    bottom: clamp(34px, 5vw, 82px);
    max-width: 760px;
    display: grid;
    gap: 16px;
}

.ajax-work-overlay h1[b-f0ci29x4os],
.ajax-section-head h2[b-f0ci29x4os],
.ajax-cta-section h2[b-f0ci29x4os] {
    margin: 0;
    color: var(--text);
    line-height: .92;
    letter-spacing: -.075em;
}

.ajax-work-overlay h1[b-f0ci29x4os] {
    font-size: clamp(2.8rem, 6vw, 7.2rem);
}

.ajax-work-overlay p:not(.eyebrow)[b-f0ci29x4os] {
    margin: 0;
    max-width: 680px;
    color: color-mix(in srgb, var(--text) 82%, transparent);
    line-height: 1.75;
}

.ajax-facts[b-f0ci29x4os] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding-top: 16px;
}

.ajax-facts article[b-f0ci29x4os] {
    border-radius: 24px;
    padding: 18px;
    min-height: 104px;
    display: grid;
    align-content: space-between;
}

.ajax-facts span[b-f0ci29x4os],
.ajax-strategy-section span[b-f0ci29x4os] {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ajax-facts strong[b-f0ci29x4os] {
    color: var(--text);
    font-size: 1.05rem;
    line-height: 1.3;
}

.ajax-work-section[b-f0ci29x4os] {
    padding-top: clamp(66px, 8vw, 128px);
}

.ajax-section-head[b-f0ci29x4os] {
    max-width: 980px;
    margin-bottom: clamp(24px, 3.6vw, 48px);
}

.ajax-section-head h2[b-f0ci29x4os],
.ajax-cta-section h2[b-f0ci29x4os] {
    font-size: clamp(2.4rem, 5vw, 6rem);
}

.ajax-section-head p:not(.eyebrow)[b-f0ci29x4os] {
    margin: 16px 0 0;
    max-width: 790px;
    color: var(--muted);
    line-height: 1.76;
}

.ajax-scenario-stack[b-f0ci29x4os] {
    display: grid;
    gap: clamp(18px, 3vw, 34px);
}

.ajax-scenario-row[b-f0ci29x4os] {
    display: grid;
    grid-template-columns: minmax(280px, .55fr) minmax(320px, .62fr);
    gap: 16px;
    align-items: stretch;
}

.ajax-scenario-row.is-reverse[b-f0ci29x4os] {
    grid-template-columns: minmax(320px, .62fr) minmax(280px, .55fr);
}

.ajax-scenario-row.is-reverse .ajax-scenario-copy[b-f0ci29x4os] {
    order: 2;
}

.ajax-scenario-row.is-reverse .ajax-reels-card[b-f0ci29x4os] {
    order: 1;
}

.ajax-scenario-copy[b-f0ci29x4os],
.ajax-reels-card[b-f0ci29x4os] {
    border-radius: clamp(26px, 2.4vw, 40px);
    overflow: hidden;
}

.ajax-scenario-copy[b-f0ci29x4os] {
    padding: clamp(26px, 3.8vw, 56px);
    min-height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ajax-scenario-number[b-f0ci29x4os] {
    width: 56px;
    height: 56px;
    border: 1px solid color-mix(in srgb, var(--accent-2) 36%, var(--line));
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    color: var(--accent-2);
    background: color-mix(in srgb, #000 28%, transparent);
    font-weight: 950;
    margin-bottom: 22px;
}

.ajax-scenario-copy h3[b-f0ci29x4os] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2rem, 3.8vw, 4.6rem);
    line-height: .94;
    letter-spacing: -.065em;
}

.ajax-scenario-copy p:not(.eyebrow)[b-f0ci29x4os] {
    margin: 18px 0 0;
    color: var(--muted);
    line-height: 1.8;
    max-width: 640px;
}

.ajax-scenario-tags[b-f0ci29x4os] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.ajax-scenario-tags span[b-f0ci29x4os] {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 8px 12px;
    color: var(--text);
    font-size: .72rem;
    font-weight: 950;
    background: color-mix(in srgb, #000 28%, transparent);
}

.ajax-watch-link[b-f0ci29x4os] {
    width: fit-content;
    margin-top: 34px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--accent-2);
    border-left: 0;
    border-right: 0;
    border-top: 0;
    background: transparent;
    color: var(--text);
    text-decoration: none;
    font: inherit;
    font-weight: 950;
    cursor: pointer;
}

.ajax-watch-link span[b-f0ci29x4os] {
    margin-left: 10px;
    color: var(--accent-2);
}

.ajax-reels-card[b-f0ci29x4os] {
    position: relative;
    display: block;
    min-height: 560px;
    border: 0;
    background: #050607;
    text-decoration: none;
    isolation: isolate;
    cursor: default;
}

.ajax-reels-card[b-f0ci29x4os]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,.03) 45%, rgba(0,0,0,.68));
    z-index: 1;
}

.ajax-reels-card img[b-f0ci29x4os],
.ajax-reels-card video[b-f0ci29x4os] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    background: #050607;
}

.ajax-reels-card.is-wide video[b-f0ci29x4os] {
    object-fit: contain;
}

.ajax-reels-card.is-square video[b-f0ci29x4os] {
    object-fit: cover;
}

.ajax-reels-card video[b-f0ci29x4os] {
    position: relative;
    z-index: 0;
}

.ajax-reels-card[b-f0ci29x4os]::after,
.ajax-reels-overlay[b-f0ci29x4os] {
    transition: opacity .2s ease;
}

.ajax-reels-card.is-playing[b-f0ci29x4os]::after,
.ajax-reels-card.is-playing .ajax-reels-overlay[b-f0ci29x4os] {
    opacity: 0;
}

.ajax-reels-overlay[b-f0ci29x4os] {
    position: absolute;
    inset: auto 18px 18px 18px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.ajax-reels-overlay span[b-f0ci29x4os],
.ajax-reels-overlay strong[b-f0ci29x4os] {
    border: 1px solid var(--line);
    background: color-mix(in srgb, #000 55%, transparent);
    color: var(--text);
    backdrop-filter: blur(14px);
    border-radius: 999px;
    padding: 10px 14px;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ajax-reels-overlay strong[b-f0ci29x4os] {
    width: 44px;
    height: 44px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    color: var(--accent-2);
}

.ajax-products-grid[b-f0ci29x4os] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ajax-products-grid button[b-f0ci29x4os],
.ajax-render-board button[b-f0ci29x4os] {
    cursor: zoom-in;
    overflow: hidden;
    text-align: left;
    color: var(--text);
}

.ajax-products-grid button[b-f0ci29x4os] {
    border-radius: 28px;
    padding: 0;
}

.ajax-products-grid img[b-f0ci29x4os] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

.ajax-products-grid span[b-f0ci29x4os],
.ajax-render-board span[b-f0ci29x4os] {
    display: block;
    padding: 12px 14px 14px;
    color: var(--muted);
    font-size: .74rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ajax-render-group[b-f0ci29x4os] {
    border-radius: clamp(28px, 2.6vw, 44px);
    padding: clamp(18px, 2.5vw, 30px);
    margin-bottom: clamp(18px, 3vw, 34px);
}

.ajax-render-group-head[b-f0ci29x4os] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    align-items: start;
    margin-bottom: 18px;
}

.ajax-render-group-head > span[b-f0ci29x4os] {
    width: 56px;
    height: 56px;
    display: inline-grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-2) 32%, var(--line));
    border-radius: 50%;
    color: var(--accent-2);
    font-weight: 950;
    background: color-mix(in srgb, #000 28%, transparent);
}

.ajax-render-group h3[b-f0ci29x4os],
.ajax-strategy-section h3[b-f0ci29x4os] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.6rem, 2.6vw, 3rem);
    line-height: 1;
    letter-spacing: -.055em;
}

.ajax-render-group p[b-f0ci29x4os],
.ajax-strategy-section p[b-f0ci29x4os] {
    margin: 10px 0 0;
    color: var(--muted);
    line-height: 1.75;
}

.ajax-render-board[b-f0ci29x4os] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.ajax-render-board.is-square[b-f0ci29x4os] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ajax-render-board button[b-f0ci29x4os] {
    border: 1px solid var(--line);
    border-radius: 20px;
    background: color-mix(in srgb, #000 24%, transparent);
    padding: 0;
}

.ajax-render-board img[b-f0ci29x4os] {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
}

.ajax-render-board.is-square img[b-f0ci29x4os] {
    aspect-ratio: 1 / 1;
}

.ajax-strategy-section[b-f0ci29x4os] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.ajax-strategy-section article[b-f0ci29x4os] {
    border-radius: 28px;
    padding: clamp(20px, 2.4vw, 32px);
    min-height: 280px;
    display: grid;
    align-content: space-between;
    gap: 22px;
}

.ajax-cta-section[b-f0ci29x4os] {
    margin-top: clamp(70px, 9vw, 130px);
    border-radius: clamp(28px, 3vw, 48px);
    padding: clamp(28px, 4vw, 54px);
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
}

.ajax-cta-section h2[b-f0ci29x4os] {
    max-width: 900px;
}

.ajax-lightbox[b-f0ci29x4os] {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(3, 4, 6, .88);
    backdrop-filter: blur(18px);
    display: grid;
    place-items: center;
    padding: 28px;
}

.ajax-lightbox-dialog[b-f0ci29x4os] {
    width: min(1320px, 100%);
    max-height: calc(100vh - 56px);
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: color-mix(in srgb, var(--panel-strong) 88%, transparent);
    box-shadow: 0 36px 120px rgba(0, 0, 0, .45);
}

.ajax-lightbox-dialog img[b-f0ci29x4os] {
    width: 100%;
    height: auto;
    max-height: 78vh;
    display: block;
    background: #050607;
}

.ajax-lightbox-meta[b-f0ci29x4os] {
    padding: 20px 22px;
}

.ajax-lightbox-dialog h3[b-f0ci29x4os] {
    margin: 0;
    color: var(--text);
}

.ajax-lightbox-close[b-f0ci29x4os] {
    position: fixed;
    top: 22px;
    right: 22px;
    z-index: 1000;
    width: 48px;
    height: 48px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: color-mix(in srgb, #000 58%, transparent);
    color: var(--text);
    backdrop-filter: blur(12px);
    font-size: 1.5rem;
}

@media (max-width: 1120px) {
    .ajax-facts[b-f0ci29x4os],
    .ajax-strategy-section[b-f0ci29x4os] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ajax-scenario-row[b-f0ci29x4os],
    .ajax-scenario-row.is-reverse[b-f0ci29x4os] {
        grid-template-columns: 1fr;
    }

    .ajax-scenario-row.is-reverse .ajax-scenario-copy[b-f0ci29x4os],
    .ajax-scenario-row.is-reverse .ajax-reels-card[b-f0ci29x4os] {
        order: initial;
    }

    .ajax-render-board[b-f0ci29x4os],
    .ajax-render-board.is-square[b-f0ci29x4os] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .ajax-facts[b-f0ci29x4os],
    .ajax-products-grid[b-f0ci29x4os],
    .ajax-strategy-section[b-f0ci29x4os],
    .ajax-render-board[b-f0ci29x4os],
    .ajax-render-board.is-square[b-f0ci29x4os] {
        grid-template-columns: 1fr;
    }

    .ajax-work-hero-card[b-f0ci29x4os] {
        min-height: 620px;
    }

    .ajax-work-hero-card > img[b-f0ci29x4os] {
        object-position: center;
    }

    .ajax-scenario-copy[b-f0ci29x4os],
    .ajax-reels-card[b-f0ci29x4os] {
        min-height: 440px;
    }

    .ajax-cta-section[b-f0ci29x4os] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ajax-lightbox[b-f0ci29x4os] {
        padding: 14px;
    }
}

.ajax-sound-toggle[b-f0ci29x4os] {
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, #000 62%, transparent);
    color: var(--text);
    backdrop-filter: blur(14px);
    font: inherit;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.ajax-sound-toggle[b-f0ci29x4os] {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 3;
    min-height: 38px;
    padding: 0 14px;
}

.ajax-sound-toggle:hover[b-f0ci29x4os] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--accent-2) 44%, var(--line));
}

.ajax-sound-toggle.is-on[b-f0ci29x4os] {
    border-color: color-mix(in srgb, var(--accent-2) 60%, var(--line));
    background: color-mix(in srgb, var(--accent-2) 18%, #000 60%);
}

@media (max-width: 720px) {
    .ajax-sound-toggle[b-f0ci29x4os] {
        top: 14px;
        right: 14px;
    }

}

/* Phase 9.2 — Media overlay contrast */
.ajax-work-hero-card[b-f0ci29x4os],
.ajax-reels-card[b-f0ci29x4os],
.ajax-reels-overlay[b-f0ci29x4os] {
    --text: #ffffff;
    --muted: rgba(255, 255, 255, .72);
    --line: rgba(255, 255, 255, .20);
    --accent: #ffffff;
    --accent-2: #9ee7ff;
    --bg: #050505;
}

.ajax-work-overlay h1[b-f0ci29x4os] { color:#ffffff; text-shadow:0 3px 28px rgba(0,0,0,.80); }
.ajax-work-overlay p:not(.eyebrow)[b-f0ci29x4os] { color:rgba(255,255,255,.84); text-shadow:0 2px 18px rgba(0,0,0,.76); }
.ajax-reels-overlay span[b-f0ci29x4os] { color:#ffffff; border-color:rgba(255,255,255,.20); background:rgba(0,0,0,.58); }
.ajax-reels-overlay strong[b-f0ci29x4os] { color:#9ee7ff; border-color:rgba(255,255,255,.20); background:rgba(0,0,0,.58); }



/* Report update 2026-08-07 — editorial render library, reliable video controls, and advanced isolated galleries */
.ajax-render-board[b-f0ci29x4os],
.ajax-render-board.is-square[b-f0ci29x4os] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-flow: dense;
    align-items: stretch;
    gap: 12px;
}

.ajax-render-board button[b-f0ci29x4os],
.ajax-render-board.is-square button[b-f0ci29x4os] {
    grid-column: span 2;
    min-width: 0;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.ajax-render-board button:first-child[b-f0ci29x4os],
.ajax-render-board.is-square button:first-child[b-f0ci29x4os] {
    grid-column: span 4;
    grid-row: span 2;
}

.ajax-render-board button:hover[b-f0ci29x4os] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--accent-2) 44%, var(--line));
    box-shadow: 0 22px 55px rgba(0, 0, 0, .24);
}

.ajax-render-board button:focus-visible[b-f0ci29x4os],
.ajax-products-grid button:focus-visible[b-f0ci29x4os] {
    outline: 2px solid var(--accent-2);
    outline-offset: 3px;
    border-color: color-mix(in srgb, var(--accent-2) 55%, var(--line));
}

.ajax-render-board img[b-f0ci29x4os],
.ajax-render-board.is-square img[b-f0ci29x4os] {
    aspect-ratio: 16 / 10;
    min-height: 0;
    transition: transform .32s ease, filter .32s ease;
}

.ajax-render-board button:first-child img[b-f0ci29x4os],
.ajax-render-board.is-square button:first-child img[b-f0ci29x4os] {
    height: 100%;
    min-height: 320px;
    aspect-ratio: auto;
}

.ajax-render-board.is-square button:not(:first-child) img[b-f0ci29x4os] {
    aspect-ratio: 1 / 1;
}

.ajax-render-board button:hover img[b-f0ci29x4os] {
    transform: scale(1.018);
    filter: brightness(1.04);
}

.ajax-products-grid span[b-f0ci29x4os],
.ajax-render-board span[b-f0ci29x4os] {
    padding: 13px 15px 15px;
    font-size: clamp(.78rem, .72rem + .13vw, .9rem);
    line-height: 1.45;
    letter-spacing: .065em;
    color: color-mix(in srgb, var(--text) 72%, var(--muted));
}

/* User-controlled inline video playback. No scenario video autoplays or opens a modal. */
.ajax-reels-card[b-f0ci29x4os] {
    isolation: isolate;
}

.ajax-media-play[b-f0ci29x4os] {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 18px 0 12px;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 999px;
    background: rgba(3, 5, 7, .78);
    color: #fff;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .42);
    backdrop-filter: blur(16px);
    cursor: pointer;
    opacity: 1;
    transition: opacity .18s ease, transform .18s ease, border-color .18s ease, background .18s ease;
}

.ajax-media-play > span[b-f0ci29x4os] {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #090b0d;
    font-size: .9rem;
    line-height: 1;
}

.ajax-media-play > strong[b-f0ci29x4os] {
    font-size: .78rem;
    letter-spacing: .035em;
    white-space: nowrap;
}

.ajax-media-play:hover[b-f0ci29x4os],
.ajax-media-play:focus-visible[b-f0ci29x4os] {
    transform: translate(-50%, -50%) scale(1.035);
    border-color: color-mix(in srgb, var(--accent-2) 72%, #fff 28%);
    background: rgba(3, 5, 7, .9);
}

.ajax-media-play:focus-visible[b-f0ci29x4os] {
    outline: 2px solid #9ee7ff;
    outline-offset: 4px;
}

.ajax-reels-card.is-playing .ajax-media-play[b-f0ci29x4os] {
    opacity: 0;
    pointer-events: none;
}

.ajax-reels-card.is-paused .ajax-media-play[b-f0ci29x4os],
.ajax-reels-card.is-video-error .ajax-media-play[b-f0ci29x4os] {
    opacity: 1;
    pointer-events: auto;
}

.ajax-reels-card.is-loading[b-f0ci29x4os]::before {
    content: "";
    position: absolute;
    z-index: 4;
    width: 34px;
    height: 34px;
    left: 50%;
    top: calc(50% + 46px);
    margin: -17px 0 0 -17px;
    border: 2px solid rgba(255,255,255,.2);
    border-top-color: #9ee7ff;
    border-radius: 50%;
    animation: ajax-media-spin-b-f0ci29x4os .8s linear infinite;
    pointer-events: none;
}

@keyframes ajax-media-spin-b-f0ci29x4os {
    to { transform: rotate(360deg); }
}

.ajax-reels-card.is-video-error[b-f0ci29x4os]::before {
    content: attr(data-video-error-label);
    position: absolute;
    z-index: 4;
    left: 50%;
    top: calc(50% + 52px);
    transform: translateX(-50%);
    width: max-content;
    max-width: calc(100% - 32px);
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(0,0,0,.72);
    color: rgba(255,255,255,.86);
    font-size: .72rem;
    font-weight: 800;
    pointer-events: none;
}

/* Advanced gallery shared behavior, visually scoped to the AJAX case study. */
.ajax-lightbox[b-f0ci29x4os] {
    z-index: 10020;
    padding: clamp(12px, 2.2vw, 30px);
}

.ajax-lightbox-dialog[b-f0ci29x4os] {
    position: relative;
    width: min(1480px, calc(100vw - 56px));
    height: min(900px, calc(100vh - 56px));
    max-height: none;
    overflow: hidden;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto auto auto;
    background: color-mix(in srgb, var(--panel-strong) 94%, #050607 6%);
    outline: none;
}

.ajax-lightbox-stage[b-f0ci29x4os] {
    position: relative;
    min-height: 0;
    overflow: hidden;
    display: grid;
    place-items: center;
    padding: clamp(18px, 3vw, 42px);
    background:
        radial-gradient(circle at 50% 42%, rgba(105, 221, 255, .055), transparent 36rem),
        #050607;
    touch-action: pan-y;
}

.ajax-lightbox-stage.is-zoomed[b-f0ci29x4os] {
    touch-action: none;
}

.ajax-lightbox-stage .mz-gallery-image[b-f0ci29x4os] {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    user-select: none;
    -webkit-user-drag: none;
    transform-origin: center center;
    transition: opacity .18s ease, transform .16s ease;
    will-change: transform;
}

.ajax-lightbox-stage .mz-gallery-image.is-changing[b-f0ci29x4os] {
    opacity: .42;
}

.ajax-lightbox-loader[b-f0ci29x4os] {
    position: absolute;
    z-index: 3;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.18);
    border-top-color: #9ee7ff;
    opacity: 0;
    animation: ajax-gallery-spin-b-f0ci29x4os .8s linear infinite;
    pointer-events: none;
}

.ajax-lightbox-stage.is-loading .ajax-lightbox-loader[b-f0ci29x4os] {
    opacity: 1;
}

@keyframes ajax-gallery-spin-b-f0ci29x4os {
    to { transform: rotate(360deg); }
}

.ajax-lightbox-dialog .ajax-lightbox-close[b-f0ci29x4os] {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 12;
}

.ajax-lightbox-nav[b-f0ci29x4os] {
    position: absolute;
    z-index: 11;
    top: 50%;
    width: 54px;
    height: 54px;
    margin-top: -27px;
    border: 1px solid rgba(158, 231, 255, .4);
    border-radius: 50%;
    background: rgba(3, 5, 7, .76);
    color: #fff;
    box-shadow: 0 16px 40px rgba(0,0,0,.3);
    backdrop-filter: blur(14px);
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.ajax-lightbox-nav.is-previous[b-f0ci29x4os] { left: 16px; }
.ajax-lightbox-nav.is-next[b-f0ci29x4os] { right: 16px; }

.ajax-lightbox-nav:hover[b-f0ci29x4os] {
    transform: scale(1.06);
    background: rgba(11, 18, 22, .94);
    border-color: #9ee7ff;
}

.ajax-lightbox-nav:focus-visible[b-f0ci29x4os],
.ajax-lightbox-close:focus-visible[b-f0ci29x4os],
.ajax-lightbox-tool:focus-visible[b-f0ci29x4os] {
    outline: 2px solid #9ee7ff;
    outline-offset: 3px;
}

.ajax-lightbox-toolbar[b-f0ci29x4os] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px 5px;
    border-top: 1px solid var(--line);
}

.ajax-lightbox-tool[b-f0ci29x4os] {
    min-height: 42px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, #000 42%, transparent);
    color: var(--text);
    font: inherit;
    font-size: .78rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.ajax-lightbox-tool:hover[b-f0ci29x4os] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--accent-2) 55%, var(--line));
    background: color-mix(in srgb, var(--accent-2) 10%, #000 40%);
}

.ajax-lightbox-tool[data-state="playing"] .ajax-tool-icon[b-f0ci29x4os] {
    min-width: 1em;
}

.ajax-lightbox-tool.mz-gallery-play[b-f0ci29x4os] {
    width: 44px;
    min-width: 44px;
    padding: 0;
}

.ajax-lightbox-tool .mz-gallery-play-label[b-f0ci29x4os] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.ajax-lightbox-meta[b-f0ci29x4os] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-width: 0;
    padding: 7px 20px 12px;
}

.ajax-lightbox-meta h3[b-f0ci29x4os] {
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text);
    font-size: clamp(.88rem, .82rem + .18vw, 1rem);
    line-height: 1.4;
}

.ajax-lightbox-counter[b-f0ci29x4os] {
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid color-mix(in srgb, var(--accent-2) 34%, var(--line));
    border-radius: 999px;
    color: var(--accent-2);
    background: color-mix(in srgb, #000 36%, transparent);
    font-size: .76rem;
    font-weight: 950;
}

.ajax-lightbox-progress[b-f0ci29x4os] {
    height: 3px;
    overflow: hidden;
    background: color-mix(in srgb, var(--line) 68%, transparent);
}

.ajax-lightbox-progress > span[b-f0ci29x4os] {
    display: block;
    height: 100%;
    width: calc(var(--gallery-progress, 0) * 100%);
    background: var(--accent-2);
    box-shadow: 0 0 16px color-mix(in srgb, var(--accent-2) 68%, transparent);
    transform-origin: left center;
}

.ajax-lightbox-dialog:fullscreen[b-f0ci29x4os],
.ajax-lightbox-dialog.is-pseudo-fullscreen[b-f0ci29x4os] {
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    border: 0;
    border-radius: 0;
    background: #030405;
}

.ajax-lightbox-dialog:fullscreen .ajax-lightbox-stage[b-f0ci29x4os],
.ajax-lightbox-dialog.is-pseudo-fullscreen .ajax-lightbox-stage[b-f0ci29x4os] {
    padding: clamp(18px, 2.2vw, 36px) clamp(62px, 5vw, 94px);
}

.ajax-lightbox-dialog:fullscreen .ajax-lightbox-stage .mz-gallery-image[b-f0ci29x4os],
.ajax-lightbox-dialog.is-pseudo-fullscreen .ajax-lightbox-stage .mz-gallery-image[b-f0ci29x4os] {
    max-height: 100%;
}

@media (max-width: 1120px) {
    .ajax-render-board[b-f0ci29x4os],
    .ajax-render-board.is-square[b-f0ci29x4os] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ajax-render-board button[b-f0ci29x4os],
    .ajax-render-board button:first-child[b-f0ci29x4os],
    .ajax-render-board button:nth-child(4n + 4)[b-f0ci29x4os],
    .ajax-render-board button:nth-child(4n + 5)[b-f0ci29x4os],
    .ajax-render-board.is-square button[b-f0ci29x4os],
    .ajax-render-board.is-square button:first-child[b-f0ci29x4os],
    .ajax-render-board.is-square button:nth-child(4n + 4)[b-f0ci29x4os],
    .ajax-render-board.is-square button:nth-child(4n + 5)[b-f0ci29x4os] {
        grid-column: auto;
        grid-row: auto;
    }

    .ajax-render-board button:first-child[b-f0ci29x4os],
    .ajax-render-board.is-square button:first-child[b-f0ci29x4os] {
        grid-column: 1 / -1;
    }

    .ajax-render-board button:first-child img[b-f0ci29x4os],
    .ajax-render-board.is-square button:first-child img[b-f0ci29x4os] {
        min-height: 0;
        aspect-ratio: 16 / 9;
        height: auto;
    }
}

@media (max-width: 720px) {
    .ajax-render-board[b-f0ci29x4os],
    .ajax-render-board.is-square[b-f0ci29x4os] {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .ajax-render-board button[b-f0ci29x4os],
    .ajax-render-board button:first-child[b-f0ci29x4os],
    .ajax-render-board.is-square button[b-f0ci29x4os],
    .ajax-render-board.is-square button:first-child[b-f0ci29x4os] {
        grid-column: auto;
        grid-row: auto;
    }

    .ajax-render-board img[b-f0ci29x4os],
    .ajax-render-board.is-square img[b-f0ci29x4os],
    .ajax-render-board.is-square button:not(:first-child) img[b-f0ci29x4os],
    .ajax-render-board button:first-child img[b-f0ci29x4os],
    .ajax-render-board.is-square button:first-child img[b-f0ci29x4os] {
        aspect-ratio: 16 / 10;
        height: auto;
        min-height: 0;
    }

    .ajax-render-board.is-square img[b-f0ci29x4os] {
        object-fit: cover;
    }

    .ajax-lightbox[b-f0ci29x4os] {
        padding: 0;
    }

    .ajax-lightbox-dialog[b-f0ci29x4os] {
        width: 100vw;
        height: 100dvh;
        max-height: none;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    .ajax-lightbox-stage[b-f0ci29x4os] {
        padding: 58px 10px 12px;
    }

    .ajax-lightbox-nav[b-f0ci29x4os] {
        top: 50%;
        width: 46px;
        height: 46px;
        margin-top: -23px;
        font-size: 1.65rem;
        background: rgba(3,5,7,.82);
    }

    .ajax-lightbox-nav.is-previous[b-f0ci29x4os] { left: 8px; }
    .ajax-lightbox-nav.is-next[b-f0ci29x4os] { right: 8px; }

    .ajax-lightbox-toolbar[b-f0ci29x4os] {
        gap: 6px;
        padding: 10px 10px 4px;
    }

    .ajax-lightbox-tool[b-f0ci29x4os] {
        min-height: 44px;
        min-width: 44px;
        padding: 0 11px;
    }

    .ajax-lightbox-meta[b-f0ci29x4os] {
        justify-content: space-between;
        padding: 7px 12px 10px;
    }

    .ajax-lightbox-meta h3[b-f0ci29x4os] {
        font-size: .82rem;
    }

    .ajax-lightbox-dialog .ajax-lightbox-close[b-f0ci29x4os] {
        top: max(10px, env(safe-area-inset-top));
        right: max(10px, env(safe-area-inset-right));
    }

    .ajax-media-play[b-f0ci29x4os] {
        min-height: 48px;
        padding-right: 15px;
    }

    .ajax-media-play > strong[b-f0ci29x4os] {
        font-size: .72rem;
    }

}

@media (prefers-reduced-motion: reduce) {
    .ajax-render-board button[b-f0ci29x4os],
    .ajax-render-board img[b-f0ci29x4os],
    .ajax-media-play[b-f0ci29x4os],
    .ajax-lightbox-nav[b-f0ci29x4os],
    .ajax-lightbox-tool[b-f0ci29x4os],
    .ajax-lightbox-stage .mz-gallery-image[b-f0ci29x4os] {
        transition: none !important;
    }

    .ajax-render-board button:hover[b-f0ci29x4os],
    .ajax-render-board button:hover img[b-f0ci29x4os] {
        transform: none;
    }
}

.ajax-lightbox-dialog.is-pseudo-fullscreen[b-f0ci29x4os] {
    position: fixed;
    inset: 0;
    z-index: 10022;
}
/* R2 media polish — keep native video controls clear and stable. */
.ajax-reels-card.is-playing .ajax-sound-toggle[b-f0ci29x4os] {
    opacity: .64;
}

.ajax-reels-card.is-playing:hover .ajax-sound-toggle[b-f0ci29x4os],
.ajax-reels-card.is-playing:focus-within .ajax-sound-toggle[b-f0ci29x4os] {
    opacity: 1;
}

.ajax-reels-card.is-slow-loading .ajax-media-play[b-f0ci29x4os] {
    opacity: 1;
    pointer-events: auto;
}

.ajax-reels-card.is-slow-loading[b-f0ci29x4os]::before {
    display: none;
}

.ajax-reels-card video[b-f0ci29x4os]::-webkit-media-controls-panel {
    background-image: linear-gradient(180deg, transparent, rgba(0,0,0,.72));
}


/* R3 stability fixes — keep video controls unobstructed after first Play. */
.ajax-reels-card.has-started .ajax-reels-overlay[b-f0ci29x4os],
.ajax-reels-card.is-loading .ajax-reels-overlay[b-f0ci29x4os],
.ajax-reels-card.is-playing .ajax-reels-overlay[b-f0ci29x4os] {
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none;
}

.ajax-reels-card.has-started[b-f0ci29x4os]::after,
.ajax-reels-card.is-loading[b-f0ci29x4os]::after,
.ajax-reels-card.is-playing[b-f0ci29x4os]::after {
    opacity: 0;
}

.ajax-reels-card.has-started video[b-f0ci29x4os] {
    z-index: 2;
}

.ajax-reels-card.has-started .ajax-media-play[b-f0ci29x4os] {
    z-index: 6;
}

.ajax-reels-card.has-started.is-playing .ajax-media-play[b-f0ci29x4os] {
    opacity: 0;
    pointer-events: none;
}

.ajax-reels-card.has-started.is-paused .ajax-media-play[b-f0ci29x4os],
.ajax-reels-card.has-started.is-ended .ajax-media-play[b-f0ci29x4os],
.ajax-reels-card.has-started.is-video-error .ajax-media-play[b-f0ci29x4os] {
    opacity: 1;
    pointer-events: auto;
}

.ajax-reels-card.has-started.is-loading .ajax-media-play[b-f0ci29x4os] {
    opacity: 0;
    pointer-events: none;
}

.ajax-reels-card.has-started.is-slow-loading .ajax-media-play[b-f0ci29x4os],
.ajax-reels-card.has-started.is-video-error .ajax-media-play[b-f0ci29x4os] {
    opacity: 1;
    pointer-events: auto;
}

/* R4: keep Chromium native media controls hidden under the clean poster until first Play,
   while leaving video.controls enabled to avoid media-state races. */
.ajax-reels-card:not(.has-started) video[b-f0ci29x4os]::-webkit-media-controls {
    opacity: 0;
    pointer-events: none;
}

.ajax-reels-card.has-started video[b-f0ci29x4os]::-webkit-media-controls {
    opacity: 1;
    pointer-events: auto;
}

/* R5 media stability — native controls own playback after the first user Play. */
.ajax-reels-card.has-started:not(.is-video-error) .ajax-media-play[b-f0ci29x4os] {
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none !important;
}

.ajax-reels-card.has-started .ajax-sound-toggle[b-f0ci29x4os] {
    opacity: 0 !important;
    visibility: hidden;
    pointer-events: none !important;
}

.ajax-reels-card.has-started .ajax-reels-overlay[b-f0ci29x4os] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Once playback has been requested, keep the native timeline/volume/fullscreen layer unobstructed. */
.ajax-reels-card.has-started video[b-f0ci29x4os] {
    z-index: 4;
}

.ajax-reels-card.has-started.is-video-error .ajax-media-play[b-f0ci29x4os] {
    opacity: 1 !important;
    visibility: visible;
    pointer-events: auto !important;
    z-index: 6;
}

/* /Components/Pages/Contact.razor.rz.scp.css */
.studio-contact-page[b-3sj8jmbcxa] {
    padding: calc(var(--mx-header-h, 78px) + clamp(24px, 4vw, 58px)) 0 clamp(66px, 8vw, 110px);
    background:
        radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 32%),
        radial-gradient(circle at 14% 2%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 28%);
}

.studio-contact-shell[b-3sj8jmbcxa] {
    display: grid;
    gap: clamp(18px, 2.8vw, 34px);
}

.studio-contact-hero[b-3sj8jmbcxa] {
    display: grid;
    grid-template-columns: minmax(250px, 340px) minmax(0, 1fr);
    gap: clamp(18px, 3vw, 36px);
    align-items: stretch;
    padding: clamp(20px, 3.2vw, 40px);
    border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
    border-radius: clamp(26px, 3vw, 42px);
    background:
        radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 34%),
        radial-gradient(circle at 16% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 30%),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 96%, transparent), color-mix(in srgb, var(--panel) 82%, transparent));
    box-shadow: 0 28px 90px color-mix(in srgb, #000 32%, transparent);
}

.site-root[dir="rtl"] .studio-contact-hero[b-3sj8jmbcxa] {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 340px);
}

.site-root[dir="rtl"] .studio-contact-note[b-3sj8jmbcxa] {
    order: 2;
}

.studio-contact-note[b-3sj8jmbcxa] {
    display: grid;
    align-content: center;
    min-height: 210px;
    padding: clamp(18px, 2.2vw, 28px);
    border: 1px solid color-mix(in srgb, var(--line-strong) 82%, transparent);
    border-radius: clamp(22px, 2.2vw, 30px);
    background:
        radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 32%),
        color-mix(in srgb, var(--panel-strong) 76%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent);
}

.contact-note-icon[b-3sj8jmbcxa] {
    display: inline-grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 16px;
    border: 1px solid var(--line-strong);
    border-radius: 16px;
    color: var(--text);
    background: color-mix(in srgb, var(--panel-strong) 82%, transparent);
    font-family: var(--font-display, serif);
    font-size: 1.2rem;
}

.studio-contact-note strong[b-3sj8jmbcxa] {
    color: var(--text);
    font-size: clamp(1.05rem, 1.2vw, 1.25rem);
}

.studio-contact-note p[b-3sj8jmbcxa],
.studio-contact-copy p[b-3sj8jmbcxa],
.studio-contact-card p[b-3sj8jmbcxa],
.studio-contact-card li[b-3sj8jmbcxa],
.studio-contact-side-card p[b-3sj8jmbcxa],
.studio-contact-side-card dd[b-3sj8jmbcxa] {
    color: var(--muted);
    line-height: 1.7;
}

.studio-contact-copy[b-3sj8jmbcxa] {
    align-self: center;
}

.studio-contact-copy h1[b-3sj8jmbcxa] {
    max-width: 760px;
    margin: 0 0 14px;
    font-size: clamp(2.45rem, 5vw, 5rem);
    line-height: .92;
    letter-spacing: -.075em;
}

.studio-contact-copy > p:not(.eyebrow)[b-3sj8jmbcxa] {
    max-width: 760px;
    margin: 0;
    font-size: clamp(.96rem, .94vw, 1.07rem);
}

.studio-contact-hero-actions[b-3sj8jmbcxa] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.studio-contact-layout[b-3sj8jmbcxa] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 330px);
    gap: clamp(16px, 2.3vw, 28px);
    align-items: start;
}

.studio-contact-main[b-3sj8jmbcxa] {
    display: grid;
    gap: 14px;
}

.studio-contact-card[b-3sj8jmbcxa],
.studio-contact-side-card[b-3sj8jmbcxa] {
    border: 1px solid var(--line);
    border-radius: clamp(22px, 2.4vw, 32px);
    background:
        radial-gradient(circle at 94% 0%, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 30%),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 91%, transparent), color-mix(in srgb, var(--panel) 90%, transparent));
    box-shadow: 0 18px 60px color-mix(in srgb, #000 16%, transparent);
}

.studio-contact-card[b-3sj8jmbcxa] {
    padding: clamp(20px, 3vw, 34px);
}

.studio-contact-card-head[b-3sj8jmbcxa] {
    max-width: 720px;
    margin-bottom: 18px;
}

.studio-contact-card h2[b-3sj8jmbcxa],
.studio-contact-side-card h2[b-3sj8jmbcxa],
.studio-contact-side-card h3[b-3sj8jmbcxa] {
    margin: 0 0 12px;
    color: var(--text);
    line-height: 1;
    letter-spacing: -.055em;
}

.studio-contact-card h2[b-3sj8jmbcxa] {
    font-size: clamp(1.65rem, 2.8vw, 3.1rem);
}

.studio-contact-side-card h2[b-3sj8jmbcxa] {
    font-size: clamp(1.55rem, 2.1vw, 2.25rem);
}

.studio-channel-grid[b-3sj8jmbcxa] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.studio-channel[b-3sj8jmbcxa] {
    display: grid;
    min-height: 146px;
    padding: 18px;
    border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
    border-radius: 22px;
    color: var(--text);
    text-decoration: none;
    background: color-mix(in srgb, var(--panel-strong) 58%, transparent);
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.studio-channel:hover[b-3sj8jmbcxa] {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--accent) 46%, var(--line));
    background: color-mix(in srgb, var(--accent) 8%, var(--panel-strong));
}

.studio-channel span[b-3sj8jmbcxa],
.studio-contact-points span[b-3sj8jmbcxa] {
    color: color-mix(in srgb, var(--text) 26%, transparent);
    font-family: var(--font-display, serif);
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: .8;
    letter-spacing: -.06em;
}

.studio-channel strong[b-3sj8jmbcxa],
.studio-contact-points strong[b-3sj8jmbcxa] {
    align-self: end;
    display: block;
    color: var(--text);
}

.studio-channel small[b-3sj8jmbcxa] {
    color: var(--muted);
}

.studio-contact-points[b-3sj8jmbcxa] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.studio-contact-points > div[b-3sj8jmbcxa] {
    min-height: 162px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: color-mix(in srgb, var(--panel-strong) 54%, transparent);
}

.studio-contact-points p[b-3sj8jmbcxa] {
    margin: 10px 0 0;
    font-size: .93rem;
}

.studio-contact-card--security[b-3sj8jmbcxa] {
    border-color: color-mix(in srgb, var(--accent) 24%, var(--line));
}

.studio-contact-card--security a[b-3sj8jmbcxa] {
    display: inline-flex;
    margin-top: 16px;
    color: var(--text);
    text-decoration: none;
    border-bottom: 1px solid color-mix(in srgb, var(--accent) 52%, transparent);
}

.studio-contact-side[b-3sj8jmbcxa] {
    position: sticky;
    top: calc(var(--mx-header-h, 78px) + 18px);
    display: grid;
    gap: 14px;
}

.studio-contact-side-card[b-3sj8jmbcxa] {
    padding: 20px;
}

.studio-contact-side-card dl[b-3sj8jmbcxa] {
    display: grid;
    gap: 10px;
    margin: 18px 0 0;
}

.studio-contact-side-card div[b-3sj8jmbcxa] {
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--panel-strong) 58%, transparent);
}

.studio-contact-side-card dt[b-3sj8jmbcxa] {
    color: var(--muted);
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.studio-contact-side-card dd[b-3sj8jmbcxa] {
    margin: 4px 0 0;
}

.studio-contact-side-card a[b-3sj8jmbcxa] {
    color: var(--text);
    text-decoration: none;
}

.studio-contact-side-card--soft .btn[b-3sj8jmbcxa] {
    width: 100%;
    justify-content: center;
    margin-top: 14px;
}

@media (max-width: 980px) {
    .studio-contact-hero[b-3sj8jmbcxa],
    .site-root[dir="rtl"] .studio-contact-hero[b-3sj8jmbcxa],
    .studio-contact-layout[b-3sj8jmbcxa] {
        grid-template-columns: 1fr;
    }

    .site-root[dir="rtl"] .studio-contact-note[b-3sj8jmbcxa] {
        order: 0;
    }

    .studio-contact-side[b-3sj8jmbcxa] {
        position: static;
    }
}

@media (max-width: 760px) {
    .studio-contact-page[b-3sj8jmbcxa] {
        padding-top: calc(var(--mx-header-h, 68px) + 18px);
    }

    .studio-contact-hero[b-3sj8jmbcxa] {
        padding: 16px;
        border-radius: 26px;
    }

    .studio-contact-note[b-3sj8jmbcxa] {
        min-height: 0;
        border-radius: 22px;
    }

    .studio-contact-copy h1[b-3sj8jmbcxa] {
        font-size: clamp(2.15rem, 10.5vw, 3.3rem);
    }

    .studio-contact-hero-actions .btn[b-3sj8jmbcxa],
    .studio-channel-grid[b-3sj8jmbcxa],
    .studio-contact-points[b-3sj8jmbcxa] {
        grid-template-columns: 1fr;
    }

    .studio-contact-hero-actions .btn[b-3sj8jmbcxa] {
        width: 100%;
        justify-content: center;
    }

    .studio-contact-card[b-3sj8jmbcxa] {
        padding: 18px;
        border-radius: 24px;
    }

    .studio-channel[b-3sj8jmbcxa],
    .studio-contact-points > div[b-3sj8jmbcxa] {
        min-height: 124px;
    }
}


.studio-contact-card--form[b-3sj8jmbcxa] {
    border-color: color-mix(in srgb, var(--accent) 28%, var(--line));
    background:
        radial-gradient(circle at 84% 0%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 34%),
        radial-gradient(circle at 8% 8%, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 28%),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 94%, transparent), color-mix(in srgb, var(--panel) 88%, transparent));
}

.studio-message-form[b-3sj8jmbcxa] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.studio-message-form label[b-3sj8jmbcxa] {
    display: grid;
    gap: 8px;
}

.studio-message-form span[b-3sj8jmbcxa] {
    color: var(--muted);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.studio-message-form input[b-3sj8jmbcxa],
.studio-message-form select[b-3sj8jmbcxa],
.studio-message-form textarea[b-3sj8jmbcxa] {
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
    border-radius: 16px;
    outline: none;
    color: var(--text);
    background: color-mix(in srgb, var(--panel-strong) 72%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 4%, transparent);
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.studio-message-form input[b-3sj8jmbcxa],
.studio-message-form select[b-3sj8jmbcxa] {
    min-height: 52px;
    padding: 0 14px;
}

.studio-message-form textarea[b-3sj8jmbcxa] {
    resize: vertical;
    min-height: 150px;
    padding: 14px;
    line-height: 1.65;
}

.studio-message-form input[b-3sj8jmbcxa]::placeholder,
.studio-message-form textarea[b-3sj8jmbcxa]::placeholder {
    color: color-mix(in srgb, var(--muted) 72%, transparent);
}

.studio-message-form input:focus[b-3sj8jmbcxa],
.studio-message-form select:focus[b-3sj8jmbcxa],
.studio-message-form textarea:focus[b-3sj8jmbcxa] {
    border-color: color-mix(in srgb, var(--accent) 56%, var(--line));
    background: color-mix(in srgb, var(--panel-strong) 88%, transparent);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent);
}

.studio-message-form-wide[b-3sj8jmbcxa] {
    grid-column: 1 / -1;
}

.studio-message-actions[b-3sj8jmbcxa] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}

.studio-message-note[b-3sj8jmbcxa] {
    max-width: 760px;
    margin: 14px 0 0;
    font-size: .9rem;
    color: var(--muted);
}

.site-root[dir="rtl"] .studio-message-form input[b-3sj8jmbcxa],
.site-root[dir="rtl"] .studio-message-form select[b-3sj8jmbcxa],
.site-root[dir="rtl"] .studio-message-form textarea[b-3sj8jmbcxa] {
    text-align: right;
}

@media (max-width: 760px) {
    .studio-message-form[b-3sj8jmbcxa] {
        grid-template-columns: 1fr;
    }

    .studio-message-actions .btn[b-3sj8jmbcxa] {
        width: 100%;
        justify-content: center;
    }

    .studio-message-form input[b-3sj8jmbcxa],
    .studio-message-form select[b-3sj8jmbcxa] {
        min-height: 50px;
    }
}

.studio-honeypot[b-3sj8jmbcxa] { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; }
.studio-form-status[b-3sj8jmbcxa] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 16px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb, var(--panel-strong) 82%, transparent); }
.studio-form-status strong[b-3sj8jmbcxa], .studio-form-status code[b-3sj8jmbcxa] { color: var(--text); }
.studio-form-status span[b-3sj8jmbcxa] { color: var(--muted); }
.studio-form-status code[b-3sj8jmbcxa] { padding: 5px 8px; border-radius: 8px; background: color-mix(in srgb, var(--accent) 12%, transparent); font-weight: 800; letter-spacing: .04em; }
.studio-form-status.is-success[b-3sj8jmbcxa] { border-color: color-mix(in srgb, var(--accent) 48%, var(--line)); }
.studio-form-status.is-error[b-3sj8jmbcxa] { border-color: color-mix(in srgb, #ff8d8d 42%, var(--line)); }

/* Phase 9.1 — Contact mobile rhythm */
@media (max-width: 760px) {
    .studio-contact-page[b-3sj8jmbcxa] {
        padding-top: calc(var(--mx-header-h, 112px) + 22px);
        padding-bottom: 64px;
    }

    .studio-contact-shell[b-3sj8jmbcxa] {
        gap: 16px;
    }

    .studio-contact-hero[b-3sj8jmbcxa] {
        gap: 14px;
        padding: 15px;
    }

    .studio-contact-note[b-3sj8jmbcxa],
    .studio-contact-card[b-3sj8jmbcxa],
    .studio-contact-side-card[b-3sj8jmbcxa] {
        padding: 17px;
    }

    .studio-contact-copy h1[b-3sj8jmbcxa] {
        max-width: 100%;
        font-size: clamp(2.15rem, 10.8vw, 3.25rem);
        line-height: .94;
        text-wrap: balance;
    }

    .studio-contact-note p[b-3sj8jmbcxa],
    .studio-contact-copy p[b-3sj8jmbcxa],
    .studio-contact-card p[b-3sj8jmbcxa],
    .studio-contact-card li[b-3sj8jmbcxa],
    .studio-contact-side-card p[b-3sj8jmbcxa],
    .studio-contact-side-card dd[b-3sj8jmbcxa],
    .studio-message-note[b-3sj8jmbcxa] {
        font-size: .9rem;
        line-height: 1.62;
    }

    .studio-channel[b-3sj8jmbcxa],
    .studio-contact-points > div[b-3sj8jmbcxa] {
        min-height: 112px;
        padding: 16px;
    }

    .studio-message-form[b-3sj8jmbcxa] {
        gap: 11px;
    }

    .studio-message-form input[b-3sj8jmbcxa],
    .studio-message-form select[b-3sj8jmbcxa],
    .studio-message-form textarea[b-3sj8jmbcxa] {
        font-size: 16px;
    }
}


/* =========================================================
   PHASE 10 CONTACT HF2 — Migration UI Compatibility Fix
   Scope: native Reason select + sidebar primary CTA contrast
   No redesign.
   ========================================================= */

/* Native select popups can be rendered by the browser/OS outside the normal
   page paint path. Give the browser an explicit color scheme and explicit
   option colors so Dark mode does not become light-popup / light-text. */
:root[data-theme="dark"] .studio-message-form select[b-3sj8jmbcxa] {
    color-scheme: dark;
}

:root[data-theme="light"] .studio-message-form select[b-3sj8jmbcxa] {
    color-scheme: light;
}

.studio-message-form select option[b-3sj8jmbcxa] {
    color: var(--text);
    background: var(--panel-strong);
}

/* The generic sidebar-link rule is intentionally used for normal text links,
   but its higher selector specificity can override .btn-primary text color.
   Restore the primary-button foreground only for the CTA button. */
.studio-contact-side-card a.btn-primary[b-3sj8jmbcxa] {
    color: var(--bg);
}


/* =========================================================
   PHASE 10 CONTACT HF3 — Windows/Chromium Native Select Fix
   The Windows native popup may ignore option background styling
   while still inheriting the site's light foreground color.
   Force the native popup to use the light system palette so
   options remain readable in Dark mode.
   No redesign.
   ========================================================= */

:root[data-theme="dark"] .studio-message-form select[b-3sj8jmbcxa] {
    color-scheme: light !important;
    color: #f4f4f4;
    background-color: #242424;
}

/* Windows/Chromium native popup fallback.
   If option styling is honored, this guarantees black-on-white.
   If it is ignored, color-scheme: light above still asks the OS/browser
   to render a readable light native menu. */
:root[data-theme="dark"] .studio-message-form select option[b-3sj8jmbcxa],
:root[data-theme="dark"] .studio-message-form select optgroup[b-3sj8jmbcxa] {
    color: #111111 !important;
    background: #ffffff !important;
}

:root[data-theme="light"] .studio-message-form select[b-3sj8jmbcxa] {
    color-scheme: light !important;
}

:root[data-theme="light"] .studio-message-form select option[b-3sj8jmbcxa],
:root[data-theme="light"] .studio-message-form select optgroup[b-3sj8jmbcxa] {
    color: #111111 !important;
    background: #ffffff !important;
}
/* /Components/Pages/DahuaProductSolutionCampaign.razor.rz.scp.css */
.dahua-page[b-xz90buwb2w] {
    padding-bottom: clamp(70px, 9vw, 140px);
    overflow-x: hidden;
}

.dahua-hero[b-xz90buwb2w] {
    padding-top: clamp(22px, 4vw, 56px);
}

.dahua-back-link[b-xz90buwb2w] {
    display: inline-flex;
    margin-bottom: 16px;
    color: var(--muted);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.dahua-hero-card[b-xz90buwb2w],
.dahua-facts article[b-xz90buwb2w],
.dahua-method-grid article[b-xz90buwb2w],
.dahua-active-solution[b-xz90buwb2w],
.dahua-product-card[b-xz90buwb2w],
.dahua-comparison-card[b-xz90buwb2w],
.dahua-cta[b-xz90buwb2w] {
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at 75% 0%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 24rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 84%, transparent), color-mix(in srgb, var(--panel) 68%, transparent));
    box-shadow: 0 34px 120px color-mix(in srgb, #000 36%, transparent);
}

.dahua-hero-card[b-xz90buwb2w] {
    border-radius: clamp(34px, 3.4vw, 58px);
    padding: clamp(18px, 2.5vw, 34px);
    display: grid;
    grid-template-columns: minmax(330px, .86fr) minmax(0, 1.14fr);
    gap: clamp(20px, 3vw, 42px);
    align-items: stretch;
}

.dahua-hero-copy[b-xz90buwb2w] {
    padding: clamp(20px, 3vw, 48px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dahua-hero-copy h1[b-xz90buwb2w] {
    margin: 0;
    color: var(--text);
    font-size: clamp(3.4rem, 7.2vw, 8.8rem);
    line-height: .84;
    letter-spacing: -.09em;
}

.dahua-hero-copy p:not(.eyebrow)[b-xz90buwb2w] {
    margin: 22px 0 0;
    max-width: 760px;
    color: var(--muted);
    line-height: 1.82;
    font-size: clamp(1rem, 1.1vw, 1.12rem);
}

.dahua-hero-actions[b-xz90buwb2w],
.dahua-tags[b-xz90buwb2w] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.dahua-hero-actions[b-xz90buwb2w] {
    margin-top: 32px;
}

.dahua-solid-cta[b-xz90buwb2w],
.dahua-solid-secondary[b-xz90buwb2w],
.dahua-mini-solid[b-xz90buwb2w] {
    border: 0 !important;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--accent-2) 18%, transparent);
}

.dahua-solid-secondary[b-xz90buwb2w] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0 18px;
    color: var(--text);
    text-decoration: none;
    font-size: .82rem;
    font-weight: 950;
    background: color-mix(in srgb, var(--accent-2) 24%, #17191d 76%);
}

.dahua-hero-stage[b-xz90buwb2w],
.dahua-hero-visual[b-xz90buwb2w],
.dahua-video-card[b-xz90buwb2w],
.dahua-product-viewport[b-xz90buwb2w] {
    min-height: clamp(460px, 48vw, 720px);
}

.dahua-hero-visual[b-xz90buwb2w],
.dahua-product-viewport[b-xz90buwb2w],
.dahua-poster-button[b-xz90buwb2w],
.dahua-render-carousel button[b-xz90buwb2w] {
    position: relative;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--accent-2) 16%, var(--line));
    border-radius: clamp(26px, 2.6vw, 42px);
    background: #050607;
    padding: 0;
    cursor: pointer;
}

.dahua-hero-visual[b-xz90buwb2w] {
    width: 100%;
    height: 100%;
}

.dahua-hero-visual img[b-xz90buwb2w],
.dahua-poster-button img[b-xz90buwb2w],
.dahua-product-viewport img[b-xz90buwb2w] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .5s ease, opacity .5s ease;
}

.dahua-3d-ready:hover img[b-xz90buwb2w],
.dahua-product-viewport:hover img[b-xz90buwb2w] {
    transform: scale(1.035);
    opacity: .86;
}

.dahua-hero-visual[b-xz90buwb2w]::after,
.dahua-product-viewport[b-xz90buwb2w]::after,
.dahua-poster-button[b-xz90buwb2w]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.55));
    pointer-events: none;
}

.dahua-cue-360[b-xz90buwb2w],
.dahua-interact-cue[b-xz90buwb2w],
.dahua-poster-button span[b-xz90buwb2w] {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-2) 28%, var(--line));
    background: color-mix(in srgb, #000 62%, transparent);
    color: var(--text);
    backdrop-filter: blur(14px);
    font-weight: 950;
    text-transform: uppercase;
}

.dahua-cue-360[b-xz90buwb2w] {
    top: 18px;
    right: 18px;
    min-height: 42px;
    border-radius: 999px;
    padding: 0 14px;
    letter-spacing: .1em;
    font-size: .72rem;
}

.dahua-interact-cue[b-xz90buwb2w],
.dahua-poster-button span[b-xz90buwb2w] {
    left: 18px;
    bottom: 18px;
    min-height: 42px;
    border-radius: 999px;
    padding: 0 14px;
    letter-spacing: .08em;
    font-size: .72rem;
}

.dahua-webgl-slot[b-xz90buwb2w] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 12px;
    text-align: center;
    padding: 34px;
    color: var(--text);
    background:
        radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent-2) 20%, transparent), transparent 18rem),
        linear-gradient(135deg, #06080b, #10141a);
}

.dahua-webgl-slot span[b-xz90buwb2w] {
    color: var(--accent-2);
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.dahua-webgl-slot strong[b-xz90buwb2w] {
    font-size: clamp(1.4rem, 2.4vw, 2.4rem);
    letter-spacing: -.04em;
}

.dahua-webgl-slot small[b-xz90buwb2w] {
    max-width: 340px;
    color: var(--muted);
    line-height: 1.6;
}

.dahua-webgl-slot.compact[b-xz90buwb2w] {
    position: relative;
    min-height: 300px;
}

.dahua-facts[b-xz90buwb2w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding-top: clamp(18px, 2.4vw, 34px);
}

.dahua-facts article[b-xz90buwb2w] {
    border-radius: 26px;
    padding: 22px;
    min-height: 112px;
    display: grid;
    align-content: space-between;
}

.dahua-facts span[b-xz90buwb2w],
.dahua-card-head span[b-xz90buwb2w],
.dahua-card-head strong[b-xz90buwb2w] {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dahua-facts strong[b-xz90buwb2w] {
    color: var(--text);
    font-size: clamp(1.15rem, 1.55vw, 1.55rem);
}

.dahua-section[b-xz90buwb2w] {
    padding-top: clamp(70px, 8vw, 125px);
}

.dahua-section-head[b-xz90buwb2w] {
    max-width: 980px;
    margin: 0 auto clamp(34px, 5vw, 64px);
    text-align: center;
}

.dahua-section-head.is-left[b-xz90buwb2w] {
    margin-left: 0;
    text-align: left;
}

.dahua-section-head h2[b-xz90buwb2w] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2.6rem, 5.8vw, 6.6rem);
    line-height: .9;
    letter-spacing: -.08em;
}

.dahua-section-head p:not(.eyebrow)[b-xz90buwb2w] {
    margin: 18px auto 0;
    max-width: 780px;
    color: var(--muted);
    line-height: 1.8;
}

.dahua-section-head.is-left p:not(.eyebrow)[b-xz90buwb2w] {
    margin-left: 0;
}

.dahua-tab-rail[b-xz90buwb2w] {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 8px 58px 24px;
    scroll-snap-type: x proximity;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
}

.dahua-tab-rail button[b-xz90buwb2w] {
    min-width: min(310px, 82vw);
    scroll-snap-align: start;
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 16px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    align-items: center;
    position: relative;
    overflow: hidden;
    background: color-mix(in srgb, var(--panel-strong) 62%, transparent);
    color: var(--text);
    text-align: left;
    cursor: pointer;
}

.dahua-tab-rail button span[b-xz90buwb2w],
.dahua-number[b-xz90buwb2w],
.dahua-method-grid span[b-xz90buwb2w] {
    width: 48px;
    height: 48px;
    display: inline-grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-2) 38%, var(--line));
    border-radius: 50%;
    color: var(--accent-2);
    font-weight: 950;
}

.dahua-tab-rail button strong[b-xz90buwb2w] {
    line-height: 1.18;
}

.dahua-tab-rail button.is-active[b-xz90buwb2w] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 36%, #14171c 64%), color-mix(in srgb, var(--accent) 14%, #111 86%));
    border-color: color-mix(in srgb, var(--accent-2) 58%, var(--line));
    box-shadow: 0 20px 60px color-mix(in srgb, var(--accent-2) 24%, transparent);
    animation: dahuaTabGlow-b-xz90buwb2w 2.6s ease-in-out infinite;
}

.dahua-active-solution[b-xz90buwb2w] {
    border-radius: clamp(28px, 3vw, 48px);
    padding: clamp(16px, 2vw, 24px);
    display: grid;
    grid-template-columns: minmax(320px, .62fr) minmax(0, 1fr);
    gap: clamp(16px, 2.5vw, 34px);
    align-items: stretch;
}

.dahua-active-copy[b-xz90buwb2w] {
    padding: clamp(24px, 3.2vw, 54px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dahua-active-copy h3[b-xz90buwb2w] {
    margin: 18px 0 0;
    color: var(--text);
    font-size: clamp(2.4rem, 4.5vw, 5.8rem);
    line-height: .9;
    letter-spacing: -.075em;
}

.dahua-active-copy p:not(.eyebrow)[b-xz90buwb2w] {
    margin: 18px 0 0;
    color: var(--muted);
    line-height: 1.8;
}

.dahua-tags[b-xz90buwb2w] {
    margin-top: 24px;
}

.dahua-tags span[b-xz90buwb2w] {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 8px 12px;
    color: var(--text);
    background: color-mix(in srgb, #000 28%, transparent);
    font-size: .74rem;
    font-weight: 950;
}

.dahua-active-copy .dahua-solid-cta[b-xz90buwb2w] {
    width: fit-content;
    margin-top: 30px;
}

.dahua-video-card[b-xz90buwb2w] {
    border: 1px solid var(--line);
    border-radius: clamp(26px, 2.6vw, 40px);
    overflow: hidden;
    background: #050607;
}

.dahua-cinematic-card[b-xz90buwb2w] {
    min-height: clamp(450px, 44vw, 680px);
}

.dahua-card-head[b-xz90buwb2w] {
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 18px;
    border-bottom: 1px solid var(--line);
    background: color-mix(in srgb, #000 32%, transparent);
}

.dahua-card-head strong[b-xz90buwb2w] {
    color: var(--accent-2);
}

.dahua-video-card video[b-xz90buwb2w],
.dahua-poster-button[b-xz90buwb2w],
.dahua-poster-button img[b-xz90buwb2w] {
    width: 100%;
    height: calc(100% - 56px);
    min-height: inherit;
    display: block;
    object-fit: cover;
}

.dahua-poster-button[b-xz90buwb2w] {
    border: 0;
    border-radius: 0;
}

.dahua-product-carousel[b-xz90buwb2w],
.dahua-render-carousel[b-xz90buwb2w] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(620px, 46vw);
    gap: 26px;
    overflow-x: auto;
    padding: 8px 64px 28px;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    touch-action: pan-x;
    cursor: grab;
}

.dahua-product-card[b-xz90buwb2w],
.dahua-render-carousel button[b-xz90buwb2w] {
    scroll-snap-align: start;
}

.dahua-product-card[b-xz90buwb2w] {
    border-radius: 32px;
    overflow: hidden;
}

.dahua-product-viewport[b-xz90buwb2w] {
    width: 100%;
    min-height: 480px;
    border-radius: 0;
    border-left: 0;
    border-top: 0;
    border-right: 0;
}

.dahua-product-info[b-xz90buwb2w] {
    padding: 22px;
}

.dahua-product-info h3[b-xz90buwb2w] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.4rem, 2.4vw, 2.2rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.dahua-product-info p[b-xz90buwb2w] {
    margin: 12px 0 18px;
    color: var(--muted);
    line-height: 1.7;
}

.dahua-mini-solid[b-xz90buwb2w] {
    min-height: 40px;
    border-radius: 999px;
    padding: 0 16px;
    color: #050607;
    background: var(--accent-2);
    font-weight: 950;
    cursor: pointer;
}

.dahua-render-carousel button[b-xz90buwb2w] {
    min-height: 480px;
}

.dahua-render-carousel img[b-xz90buwb2w] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.dahua-render-carousel span[b-xz90buwb2w] {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 16px;
    z-index: 2;
    color: var(--text);
    font-size: .76rem;
    font-weight: 950;
    text-align: left;
}

.dahua-comparison-grid[b-xz90buwb2w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.dahua-comparison-card[b-xz90buwb2w] {
    border-radius: 32px;
    overflow: hidden;
}

.dahua-compare-frame[b-xz90buwb2w] {
    --pos: 50%;
    --compare-default: 50%;
    position: relative;
    overflow: hidden;
    background: #050607;
    min-height: 520px;
}

@property --pos {
    syntax: '<percentage>';
    inherits: true;
    initial-value: 50%;
}

@keyframes dahuaCompareHint-b-xz90buwb2w {
    0%, 18% { --pos: var(--compare-default); }
    42% { --pos: 68%; }
    68% { --pos: 32%; }
    100% { --pos: var(--compare-default); }
}

.dahua-compare-frame:not([data-user-touched="true"])[b-xz90buwb2w] {
    animation: dahuaCompareHint-b-xz90buwb2w 3.2s ease-in-out .65s 1 both;
}

.dahua-compare-frame img[b-xz90buwb2w] {
    width: 100%;
    height: 100%;
    min-height: 520px;
    display: block;
    object-fit: contain;
}

.dahua-compare-before[b-xz90buwb2w] {
    position: absolute;
    inset: 0;
    clip-path: polygon(0 0, var(--pos) 0, var(--pos) 100%, 0 100%);
}

.dahua-compare-line[b-xz90buwb2w] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--pos);
    width: 2px;
    transform: translateX(-50%);
    background: var(--accent-2);
    box-shadow: 0 0 26px color-mix(in srgb, var(--accent-2) 65%, transparent);
}

.dahua-compare-handle[b-xz90buwb2w] {
    position: absolute;
    left: var(--pos);
    top: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    border: 1px solid color-mix(in srgb, var(--accent-2) 45%, var(--line));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: rgba(0, 0, 0, .68);
    color: var(--text);
    font-size: 1.5rem;
    backdrop-filter: blur(10px);
}

.dahua-compare-frame input[b-xz90buwb2w] {
    position: absolute;
    inset: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: ew-resize;
}

.dahua-method-grid[b-xz90buwb2w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.dahua-method-grid article[b-xz90buwb2w] {
    border-radius: 28px;
    padding: 26px;
    min-height: 260px;
}

.dahua-method-grid h3[b-xz90buwb2w] {
    margin: 28px 0 10px;
    color: var(--text);
    font-size: 1.38rem;
    line-height: 1.05;
}

.dahua-method-grid p[b-xz90buwb2w] {
    margin: 0;
    color: var(--muted);
    line-height: 1.75;
}

.dahua-cta[b-xz90buwb2w] {
    margin-top: clamp(80px, 9vw, 150px);
    border-radius: clamp(30px, 3vw, 50px);
    padding: clamp(30px, 4.5vw, 72px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.dahua-cta h2[b-xz90buwb2w] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2.3rem, 5vw, 5.9rem);
    line-height: .9;
    letter-spacing: -.075em;
    max-width: 920px;
}

.dahua-lightbox[b-xz90buwb2w] {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: grid;
    place-items: center;
    padding: 28px;
    background: rgba(3, 4, 6, .88);
    backdrop-filter: blur(18px);
}

.dahua-lightbox-dialog[b-xz90buwb2w] {
    width: min(1260px, 100%);
    max-height: calc(100vh - 56px);
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: color-mix(in srgb, var(--panel-strong) 86%, transparent);
    box-shadow: 0 36px 120px rgba(0, 0, 0, .45);
}

.dahua-lightbox-dialog img[b-xz90buwb2w] {
    width: 100%;
    display: block;
    background: #050607;
}

.dahua-lightbox-dialog div[b-xz90buwb2w] {
    padding: 20px;
}

.dahua-lightbox-dialog h3[b-xz90buwb2w] {
    margin: 0;
    color: var(--text);
}

.dahua-lightbox-close[b-xz90buwb2w] {
    position: fixed;
    top: 22px;
    right: 22px;
    z-index: 1000;
    width: 48px;
    height: 48px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: rgba(0, 0, 0, .62);
    color: var(--text);
    font-size: 1.5rem;
    backdrop-filter: blur(12px);
}



/* Phase 7.9.2 — guided carousel motion and stronger navigation cues */
.dahua-carousel-shell[b-xz90buwb2w] {
    position: relative;
    margin-inline: calc(clamp(8px, 1.2vw, 18px) * -1);
}

.dahua-carousel-shell[b-xz90buwb2w]::before,
.dahua-carousel-shell[b-xz90buwb2w]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 22px;
    z-index: 3;
    width: clamp(44px, 6vw, 90px);
    pointer-events: none;
}

.dahua-carousel-shell[b-xz90buwb2w]::before {
    left: 0;
    background: linear-gradient(90deg, #050607 0%, rgba(5, 6, 7, .78) 35%, transparent 100%);
}

.dahua-carousel-shell[b-xz90buwb2w]::after {
    right: 0;
    background: linear-gradient(270deg, #050607 0%, rgba(5, 6, 7, .78) 35%, transparent 100%);
}

.dahua-carousel-arrow[b-xz90buwb2w] {
    position: absolute;
    top: 50%;
    z-index: 6;
    width: 48px;
    height: 48px;
    transform: translateY(-50%);
    border: 1px solid color-mix(in srgb, var(--accent-2) 54%, var(--line));
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-2), color-mix(in srgb, var(--accent-2) 60%, #fff 40%));
    color: #050607;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-2) 24%, transparent), 0 18px 45px color-mix(in srgb, var(--accent-2) 28%, transparent);
    font-size: 1.55rem;
    font-weight: 950;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.dahua-carousel-arrow:hover[b-xz90buwb2w] {
    transform: translateY(-50%) scale(1.08);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-2) 34%, transparent), 0 22px 58px color-mix(in srgb, var(--accent-2) 38%, transparent);
}

.dahua-carousel-arrow.prev[b-xz90buwb2w] {
    left: 8px;
}

.dahua-carousel-arrow.next[b-xz90buwb2w] {
    right: 8px;
}

.dahua-tab-shell .dahua-carousel-arrow[b-xz90buwb2w] {
    top: calc(50% - 8px);
    width: 42px;
    height: 42px;
    font-size: 1.25rem;
}

.dahua-tab-rail button[b-xz90buwb2w]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 0%, color-mix(in srgb, var(--accent-2) 12%, transparent) 45%, transparent 70%);
    transform: translateX(-120%);
    transition: transform .65s ease;
}

.dahua-tab-rail button:hover[b-xz90buwb2w]::after,
.dahua-tab-rail button.is-active[b-xz90buwb2w]::after {
    transform: translateX(120%);
}

@keyframes dahuaTabGlow-b-xz90buwb2w {
    0%, 100% { box-shadow: 0 18px 54px color-mix(in srgb, var(--accent-2) 14%, transparent); }
    50% { box-shadow: 0 20px 70px color-mix(in srgb, var(--accent-2) 32%, transparent); }
}

.dahua-product-carousel[b-xz90buwb2w]::-webkit-scrollbar,
.dahua-render-carousel[b-xz90buwb2w]::-webkit-scrollbar,
.dahua-tab-rail[b-xz90buwb2w]::-webkit-scrollbar {
    height: 10px;
}

.dahua-product-carousel[b-xz90buwb2w]::-webkit-scrollbar-track,
.dahua-render-carousel[b-xz90buwb2w]::-webkit-scrollbar-track,
.dahua-tab-rail[b-xz90buwb2w]::-webkit-scrollbar-track {
    background: color-mix(in srgb, #fff 6%, transparent);
    border-radius: 999px;
}

.dahua-product-carousel[b-xz90buwb2w]::-webkit-scrollbar-thumb,
.dahua-render-carousel[b-xz90buwb2w]::-webkit-scrollbar-thumb,
.dahua-tab-rail[b-xz90buwb2w]::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, color-mix(in srgb, var(--accent-2) 78%, #fff 22%), color-mix(in srgb, var(--accent) 55%, var(--accent-2) 45%));
    border-radius: 999px;
}

.dahua-auto-carousel.is-user-paused[b-xz90buwb2w],
.dahua-carousel-shell.is-user-paused [data-carousel-track][b-xz90buwb2w] {
    cursor: grabbing;
}

.dahua-product-card[b-xz90buwb2w],
.dahua-render-carousel button[b-xz90buwb2w] {
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.dahua-product-card:hover[b-xz90buwb2w],
.dahua-render-carousel button:hover[b-xz90buwb2w] {
    transform: translateY(-6px);
    border-color: color-mix(in srgb, var(--accent-2) 34%, var(--line));
    box-shadow: 0 24px 75px color-mix(in srgb, var(--accent-2) 10%, transparent);
}

.dahua-product-support-card[b-xz90buwb2w] {
    scroll-snap-align: start;
    border: 1px solid var(--line);
    border-radius: 32px;
    padding: clamp(28px, 4vw, 54px);
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 18rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 82%, transparent), color-mix(in srgb, #050607 84%, transparent));
}

.dahua-product-support-card span[b-xz90buwb2w] {
    color: var(--accent-2);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.dahua-product-support-card h3[b-xz90buwb2w] {
    margin: 22px 0 0;
    color: var(--text);
    font-size: clamp(2rem, 3.2vw, 3.6rem);
    line-height: .95;
    letter-spacing: -.065em;
}

.dahua-product-support-card p[b-xz90buwb2w] {
    margin: 20px 0 0;
    color: var(--muted);
    line-height: 1.82;
    max-width: 620px;
}

@media (max-width: 1160px) {
    .dahua-hero-card[b-xz90buwb2w],
    .dahua-active-solution[b-xz90buwb2w] {
        grid-template-columns: 1fr;
    }

    .dahua-facts[b-xz90buwb2w],
    .dahua-method-grid[b-xz90buwb2w],
    .dahua-comparison-grid[b-xz90buwb2w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dahua-product-carousel[b-xz90buwb2w],
    .dahua-render-carousel[b-xz90buwb2w] {
        grid-auto-columns: minmax(420px, 78vw);
    }
}

@media (max-width: 700px) {
    .dahua-hero-copy[b-xz90buwb2w],
    .dahua-active-copy[b-xz90buwb2w] {
        padding: 22px;
    }

    .dahua-hero-stage[b-xz90buwb2w],
    .dahua-hero-visual[b-xz90buwb2w],
    .dahua-video-card[b-xz90buwb2w],
    .dahua-cinematic-card[b-xz90buwb2w],
    .dahua-poster-button[b-xz90buwb2w],
    .dahua-video-card video[b-xz90buwb2w],
    .dahua-poster-button img[b-xz90buwb2w] {
        min-height: 340px;
    }

    .dahua-facts[b-xz90buwb2w],
    .dahua-method-grid[b-xz90buwb2w],
    .dahua-comparison-grid[b-xz90buwb2w] {
        grid-template-columns: 1fr;
    }

    .dahua-product-carousel[b-xz90buwb2w],
    .dahua-render-carousel[b-xz90buwb2w] {
        grid-auto-columns: minmax(310px, 90vw);
    }

    .dahua-product-viewport[b-xz90buwb2w],
    .dahua-render-carousel button[b-xz90buwb2w],
    .dahua-compare-frame[b-xz90buwb2w],
    .dahua-compare-frame img[b-xz90buwb2w] {
        min-height: 320px;
    }

    .dahua-cta[b-xz90buwb2w] {
        align-items: flex-start;
        flex-direction: column;
    }
}


@media (max-width: 700px) {
    .dahua-tab-rail[b-xz90buwb2w],
    .dahua-product-carousel[b-xz90buwb2w],
    .dahua-render-carousel[b-xz90buwb2w] {
        padding-inline: 48px;
    }

    .dahua-carousel-arrow[b-xz90buwb2w] {
        width: 40px;
        height: 40px;
        font-size: 1.18rem;
    }

    .dahua-carousel-arrow.prev[b-xz90buwb2w] {
        left: 4px;
    }

    .dahua-carousel-arrow.next[b-xz90buwb2w] {
        right: 4px;
    }
}


/* Phase 7.9.3 — continuous carousel motion, working arrows, and stronger swipe cues */
.dahua-tab-shell[b-xz90buwb2w] {
    padding-inline: 56px;
}

.dahua-tab-shell .dahua-carousel-arrow[b-xz90buwb2w] {
    opacity: 1;
    animation: dahuaArrowBreath-b-xz90buwb2w 1.9s ease-in-out infinite;
}

.dahua-carousel-arrow[b-xz90buwb2w] {
    pointer-events: auto;
}

.dahua-carousel-arrow:focus-visible[b-xz90buwb2w] {
    outline: 2px solid var(--accent-2);
    outline-offset: 4px;
}

.dahua-tab-rail button[b-xz90buwb2w] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-2) 8%, transparent);
}

.dahua-tab-rail button:not(.is-active)[b-xz90buwb2w] {
    background:
        radial-gradient(circle at 0% 50%, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 10rem),
        color-mix(in srgb, var(--panel-strong) 66%, transparent);
}

.dahua-tab-rail button:hover[b-xz90buwb2w],
.dahua-tab-rail button:focus-visible[b-xz90buwb2w] {
    border-color: color-mix(in srgb, var(--accent-2) 46%, var(--line));
    box-shadow: 0 18px 56px color-mix(in srgb, var(--accent-2) 16%, transparent);
}

.dahua-product-carousel[b-xz90buwb2w],
.dahua-render-carousel[b-xz90buwb2w],
.dahua-tab-rail[b-xz90buwb2w] {
    touch-action: pan-x;
    user-select: none;
    -webkit-user-select: none;
    scroll-padding-inline: 64px;
}

.dahua-auto-carousel[b-xz90buwb2w] {
    scroll-snap-type: none;
    will-change: scroll-position;
}

.dahua-product-shell[b-xz90buwb2w],
.dahua-render-shell[b-xz90buwb2w] {
    margin-top: 18px;
}

.dahua-product-carousel[b-xz90buwb2w] {
    grid-auto-columns: minmax(640px, 48vw);
}

.dahua-render-carousel[b-xz90buwb2w] {
    grid-auto-columns: minmax(620px, 45vw);
}

.dahua-product-card[b-xz90buwb2w] {
    min-height: 100%;
}

.dahua-product-viewport[b-xz90buwb2w] {
    min-height: 500px;
}

.dahua-render-carousel button[b-xz90buwb2w] {
    min-height: 500px;
}

.dahua-product-info[b-xz90buwb2w] {
    min-height: 192px;
}

.dahua-carousel-shell[b-xz90buwb2w]::before,
.dahua-carousel-shell[b-xz90buwb2w]::after {
    width: clamp(64px, 7vw, 120px);
}

@keyframes dahuaArrowBreath-b-xz90buwb2w {
    0%, 100% { box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent-2) 22%, transparent), 0 18px 45px color-mix(in srgb, var(--accent-2) 24%, transparent); }
    50% { box-shadow: 0 0 0 8px color-mix(in srgb, var(--accent-2) 8%, transparent), 0 22px 70px color-mix(in srgb, var(--accent-2) 42%, transparent); }
}

.dahua-carousel-shell.is-user-paused .dahua-carousel-arrow[b-xz90buwb2w] {
    animation: none;
}

@media (max-width: 1160px) {
    .dahua-product-carousel[b-xz90buwb2w],
    .dahua-render-carousel[b-xz90buwb2w] {
        grid-auto-columns: minmax(480px, 80vw);
    }
}

@media (max-width: 700px) {
    .dahua-tab-shell[b-xz90buwb2w] {
        padding-inline: 44px;
    }

    .dahua-product-carousel[b-xz90buwb2w],
    .dahua-render-carousel[b-xz90buwb2w] {
        grid-auto-columns: minmax(330px, 92vw);
    }

    .dahua-product-viewport[b-xz90buwb2w],
    .dahua-render-carousel button[b-xz90buwb2w] {
        min-height: 360px;
    }
}

/* Phase 7.9.4 — centered hover focus carousel behavior */
.dahua-product-carousel[b-xz90buwb2w],
.dahua-render-carousel[b-xz90buwb2w] {
    overflow-y: visible;
    padding-block: 34px 46px;
    scroll-behavior: auto;
}

.dahua-carousel-shell[b-xz90buwb2w] {
    overflow: visible;
}

.dahua-carousel-shell.is-focus-mode [data-carousel-track] > *[b-xz90buwb2w] {
    transform-origin: center center;
}

.dahua-carousel-shell.is-focus-mode [data-carousel-track] > *:not(.is-focused)[b-xz90buwb2w] {
    transform: scale(.9);
    opacity: .45;
    filter: saturate(.72) brightness(.64);
}

.dahua-carousel-shell.is-focus-mode [data-carousel-track] > *.is-focused[b-xz90buwb2w] {
    position: relative;
    z-index: 7;
    transform: scale(1.075);
    opacity: 1;
    filter: none;
    border-color: color-mix(in srgb, var(--accent-2) 50%, var(--line));
    box-shadow: 0 32px 95px color-mix(in srgb, var(--accent-2) 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent-2) 26%, transparent);
}

.dahua-carousel-shell.is-focus-mode .dahua-product-card:not(.is-focused):hover[b-xz90buwb2w],
.dahua-carousel-shell.is-focus-mode .dahua-render-carousel button:not(.is-focused):hover[b-xz90buwb2w] {
    transform: scale(.9);
}

.dahua-carousel-shell.is-focus-mode .dahua-product-card.is-focused:hover[b-xz90buwb2w],
.dahua-carousel-shell.is-focus-mode .dahua-render-carousel button.is-focused:hover[b-xz90buwb2w] {
    transform: scale(1.075);
}

.dahua-product-card[b-xz90buwb2w],
.dahua-render-carousel button[b-xz90buwb2w],
.dahua-product-support-card[b-xz90buwb2w],
.dahua-tab-rail button[b-xz90buwb2w] {
    transition: transform .55s cubic-bezier(.2, .8, .2, 1), opacity .55s ease, filter .55s ease, border-color .55s ease, box-shadow .55s ease;
}

.dahua-product-shell.is-user-paused .dahua-product-carousel[b-xz90buwb2w],
.dahua-render-shell.is-user-paused .dahua-render-carousel[b-xz90buwb2w] {
    cursor: default;
}

.dahua-product-shell.is-focus-mode[b-xz90buwb2w]::before,
.dahua-product-shell.is-focus-mode[b-xz90buwb2w]::after,
.dahua-render-shell.is-focus-mode[b-xz90buwb2w]::before,
.dahua-render-shell.is-focus-mode[b-xz90buwb2w]::after {
    opacity: .72;
}

.dahua-product-shell .dahua-carousel-arrow[b-xz90buwb2w],
.dahua-render-shell .dahua-carousel-arrow[b-xz90buwb2w] {
    top: 46%;
}

@media (max-width: 900px) {
    .dahua-carousel-shell.is-focus-mode [data-carousel-track] > *:not(.is-focused)[b-xz90buwb2w] {
        transform: scale(.94);
        opacity: .55;
    }

    .dahua-carousel-shell.is-focus-mode [data-carousel-track] > *.is-focused[b-xz90buwb2w],
    .dahua-carousel-shell.is-focus-mode .dahua-product-card.is-focused:hover[b-xz90buwb2w],
    .dahua-carousel-shell.is-focus-mode .dahua-render-carousel button.is-focused:hover[b-xz90buwb2w] {
        transform: scale(1.035);
    }
}

/* Phase 9.2 — Image/video overlay contrast */
.dahua-hero-visual[b-xz90buwb2w],
.dahua-product-viewport[b-xz90buwb2w],
.dahua-poster-button[b-xz90buwb2w],
.dahua-video-card[b-xz90buwb2w] {
    --text:#ffffff;
    --muted:rgba(255,255,255,.72);
    --line:rgba(255,255,255,.18);
    --accent:#ffffff;
    --accent-2:#9ee7ff;
    --bg:#050505;
}
.dahua-cue-360[b-xz90buwb2w],
.dahua-interact-cue[b-xz90buwb2w],
.dahua-poster-button span[b-xz90buwb2w] { color:#ffffff; border-color:rgba(255,255,255,.22); background:rgba(0,0,0,.62); text-shadow:0 2px 12px rgba(0,0,0,.72); }


/* Phase 9.2.1 — Selected tab contrast and theme-aware edge fades
   The selected tab remains an intentionally dark control in every theme. */
.dahua-page .dahua-tab-rail button.is-active[b-xz90buwb2w] {
    --text: #ffffff;
    --muted: rgba(255, 255, 255, .72);
    --line: rgba(255, 255, 255, .22);
    --accent: #ffffff;
    --accent-2: #9ee7ff;
    color: #ffffff;
    border-color: rgba(158, 231, 255, .52);
    background: linear-gradient(135deg, #08242c, #111820 72%);
}

.dahua-page .dahua-tab-rail button.is-active strong[b-xz90buwb2w] {
    color: #ffffff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .48);
}

.dahua-page .dahua-tab-rail button.is-active span[b-xz90buwb2w] {
    color: #9ee7ff;
    border-color: rgba(158, 231, 255, .52);
    background: rgba(0, 0, 0, .18);
}

.dahua-page .dahua-tab-shell[b-xz90buwb2w]::before {
    background: linear-gradient(90deg,
        var(--bg) 0%,
        color-mix(in srgb, var(--bg) 88%, transparent) 42%,
        transparent 100%);
}

.dahua-page .dahua-tab-shell[b-xz90buwb2w]::after {
    background: linear-gradient(270deg,
        var(--bg) 0%,
        color-mix(in srgb, var(--bg) 88%, transparent) 42%,
        transparent 100%);
}

/* =========================================================
   PHASE 7 R2 - Dahua AJAX-style video slots
   Four solution tabs now have a persistent, predictable
   campaign-video position. Local MP4 files activate the
   accepted AJAX playback UX automatically.
   ========================================================= */

.dahua-video-card .dahua-card-head[b-xz90buwb2w] {
    min-height: 66px;
    padding: 10px 18px;
}

.dahua-video-card .dahua-card-head > div[b-xz90buwb2w] {
    display: grid;
    gap: 4px;
}

.dahua-video-card .dahua-card-head span[b-xz90buwb2w] {
    color: var(--muted);
    font-size: .67rem;
    font-weight: 950;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.dahua-video-card .dahua-card-head strong[b-xz90buwb2w] {
    color: var(--text);
    font-size: .88rem;
    line-height: 1.2;
}

.dahua-video-card .dahua-card-head em[b-xz90buwb2w] {
    color: var(--accent-2);
    font-style: normal;
    font-size: .66rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.dahua-ajax-video[b-xz90buwb2w],
.dahua-video-slot-ready[b-xz90buwb2w] {
    position: relative;
    min-height: calc(clamp(450px, 44vw, 680px) - 66px);
    overflow: hidden;
    isolation: isolate;
    background: #050607;
}

.dahua-ajax-video video[b-xz90buwb2w],
.dahua-video-slot-ready > img[b-xz90buwb2w] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    background: #050607;
}

.dahua-video-slot-ready > img[b-xz90buwb2w] {
    filter: brightness(.58) saturate(.82);
}

.dahua-video-slot-shade[b-xz90buwb2w] {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(circle at 52% 48%, transparent 0 20%, rgba(0,0,0,.18) 54%, rgba(0,0,0,.72) 100%),
        linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.48));
    pointer-events: none;
}

.dahua-video-slot-copy[b-xz90buwb2w] {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    width: min(560px, calc(100% - 44px));
    transform: translate(-50%, -50%);
    display: grid;
    justify-items: center;
    gap: 12px;
    text-align: center;
}

.dahua-video-ready-icon[b-xz90buwb2w] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.28);
    background: rgba(3,5,7,.78);
    color: #fff;
    box-shadow: 0 18px 54px rgba(0,0,0,.42);
    backdrop-filter: blur(16px);
}

.dahua-video-slot-copy h4[b-xz90buwb2w] {
    margin: 0;
    max-width: 540px;
    color: #fff;
    font-size: clamp(1.25rem, 2.1vw, 2.25rem);
    line-height: 1;
    letter-spacing: -.045em;
}

.dahua-video-slot-copy code[b-xz90buwb2w] {
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(0,0,0,.62);
    color: rgba(255,255,255,.72);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: .68rem;
}

.dahua-video-overlay[b-xz90buwb2w] {
    position: absolute;
    z-index: 4;
    inset: auto 14px 14px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    pointer-events: none;
}

.dahua-video-overlay span[b-xz90buwb2w],
.dahua-video-overlay strong[b-xz90buwb2w] {
    max-width: 74%;
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(0,0,0,.62);
    color: rgba(255,255,255,.9);
    backdrop-filter: blur(12px);
    font-size: .66rem;
    line-height: 1;
}

.dahua-video-overlay strong[b-xz90buwb2w] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: .05em;
    text-transform: uppercase;
}

/* Accepted AJAX player controls, scoped to the Dahua page. */
.dahua-page .ajax-media-play[b-xz90buwb2w] {
    position: absolute;
    z-index: 7;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 18px 0 12px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 999px;
    background: rgba(3,5,7,.78);
    color: #fff;
    box-shadow: 0 18px 50px rgba(0,0,0,.42);
    backdrop-filter: blur(16px);
    cursor: pointer;
    transition: opacity .18s ease, transform .18s ease, border-color .18s ease, background .18s ease;
}

.dahua-page .ajax-media-play > span[b-xz90buwb2w] {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #090b0d;
    font-size: .9rem;
}

.dahua-page .ajax-media-play > strong[b-xz90buwb2w] {
    color: #fff;
    font-size: .78rem;
    letter-spacing: .035em;
    white-space: nowrap;
}

.dahua-page .ajax-media-play:hover[b-xz90buwb2w],
.dahua-page .ajax-media-play:focus-visible[b-xz90buwb2w] {
    transform: translate(-50%, -50%) scale(1.035);
    border-color: color-mix(in srgb, var(--accent-2) 72%, #fff 28%);
    background: rgba(3,5,7,.9);
}

.dahua-page .ajax-media-play:focus-visible[b-xz90buwb2w] {
    outline: 2px solid #9ee7ff;
    outline-offset: 4px;
}

.dahua-page .ajax-sound-toggle[b-xz90buwb2w] {
    position: absolute;
    z-index: 8;
    top: 14px;
    right: 14px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    background: rgba(3,5,7,.7);
    color: rgba(255,255,255,.88);
    backdrop-filter: blur(14px);
    cursor: pointer;
    font-size: .68rem;
    font-weight: 850;
}

.dahua-page .ajax-reels-card.is-playing .ajax-media-play[b-xz90buwb2w],
.dahua-page .ajax-reels-card.has-started:not(.is-video-error) .ajax-media-play[b-xz90buwb2w] {
    opacity: 0;
    pointer-events: none;
}

.dahua-page .ajax-reels-card.is-paused:not(.has-started) .ajax-media-play[b-xz90buwb2w],
.dahua-page .ajax-reels-card.is-ended .ajax-media-play[b-xz90buwb2w],
.dahua-page .ajax-reels-card.is-video-error .ajax-media-play[b-xz90buwb2w] {
    opacity: 1;
    pointer-events: auto;
}

.dahua-page .ajax-reels-card:not(.has-started) video[b-xz90buwb2w]::-webkit-media-controls {
    display: none !important;
}

.dahua-page .ajax-reels-card.has-started video[b-xz90buwb2w]::-webkit-media-controls {
    display: flex !important;
}

@media (max-width: 700px) {
    .dahua-ajax-video[b-xz90buwb2w],
    .dahua-video-slot-ready[b-xz90buwb2w] {
        min-height: 340px;
    }

    .dahua-video-slot-copy[b-xz90buwb2w] {
        width: min(92%, 520px);
    }

    .dahua-video-slot-copy code[b-xz90buwb2w] {
        border-radius: 16px;
    }

    .dahua-video-overlay strong[b-xz90buwb2w] {
        max-width: 68%;
    }
}

/* =========================================================
   PHASE 7 R3 - Dahua Static Product Renders + Project Scenes
   - no image transforms into a 3D/WebGL placeholder
   - hero/product clicks open the existing image lightbox only
   - project-scenes folder becomes an AJAX-inspired editorial gallery
   ========================================================= */

.dahua-static-visual[b-xz90buwb2w],
.dahua-static-viewport[b-xz90buwb2w] {
    cursor: zoom-in;
}

.dahua-static-visual img[b-xz90buwb2w],
.dahua-static-viewport img[b-xz90buwb2w] {
    transition: transform .35s ease, filter .35s ease;
}

.dahua-static-visual:hover img[b-xz90buwb2w],
.dahua-static-viewport:hover img[b-xz90buwb2w] {
    transform: scale(1.012);
    filter: brightness(1.035);
}

.dahua-image-cue[b-xz90buwb2w] {
    position: absolute;
    z-index: 5;
    left: 14px;
    bottom: 14px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    background: rgba(0,0,0,.64);
    color: #fff;
    box-shadow: 0 12px 30px rgba(0,0,0,.28);
    backdrop-filter: blur(12px);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
    pointer-events: none;
}

.dahua-static-support[b-xz90buwb2w] {
    background:
        radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 19rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 86%, transparent), color-mix(in srgb, #000 25%, transparent));
}

/* Remove any legacy interactive affordance if a stale browser render survives a refresh. */
.dahua-page .dahua-cue-360[b-xz90buwb2w],
.dahua-page .dahua-interact-cue[b-xz90buwb2w],
.dahua-page .dahua-webgl-slot[b-xz90buwb2w] {
    display: none !important;
}

/* Project Scenes: editorial, not another crowded grid. */
.dahua-scenes-section[b-xz90buwb2w] {
    position: relative;
}

.dahua-scenes-head[b-xz90buwb2w] {
    max-width: 930px;
}

.dahua-scenes-head > p:not(.eyebrow)[b-xz90buwb2w] {
    max-width: 760px;
}

.dahua-scenes-mosaic[b-xz90buwb2w] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: clamp(92px, 8.2vw, 142px);
    gap: 12px;
}

.dahua-scene-card[b-xz90buwb2w] {
    position: relative;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    grid-column: span 4;
    grid-row: span 2;
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 0;
    background: #050607;
    color: #fff;
    text-align: left;
    cursor: zoom-in;
    isolation: isolate;
    box-shadow: 0 24px 64px rgba(0,0,0,.26);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.dahua-scene-card[b-xz90buwb2w]::after {
    content: "";
    position: absolute;
    inset: 45% 0 0;
    z-index: 1;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.8));
    pointer-events: none;
}

.dahua-scene-card:first-child[b-xz90buwb2w] {
    grid-column: span 7;
    grid-row: span 4;
}

.dahua-scene-card:nth-child(2)[b-xz90buwb2w],
.dahua-scene-card:nth-child(3)[b-xz90buwb2w] {
    grid-column: span 5;
    grid-row: span 2;
}

.dahua-scene-card:nth-child(4)[b-xz90buwb2w],
.dahua-scene-card:nth-child(5)[b-xz90buwb2w] {
    grid-column: span 6;
    grid-row: span 3;
}

.dahua-scene-card:nth-child(6)[b-xz90buwb2w] {
    grid-column: span 8;
    grid-row: span 3;
}

.dahua-scene-card:nth-child(7)[b-xz90buwb2w] {
    grid-column: span 4;
    grid-row: span 3;
}

.dahua-scene-card:nth-child(n+8)[b-xz90buwb2w] {
    grid-column: span 4;
    grid-row: span 2;
}

.dahua-scene-card:hover[b-xz90buwb2w],
.dahua-scene-card:focus-visible[b-xz90buwb2w] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--accent-2) 44%, var(--line));
    box-shadow: 0 30px 80px rgba(0,0,0,.34);
}

.dahua-scene-card:focus-visible[b-xz90buwb2w] {
    outline: 2px solid var(--accent-2);
    outline-offset: 3px;
}

.dahua-scene-card img[b-xz90buwb2w] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: block;
    object-fit: cover;
    background: #050607;
    transition: transform .38s ease, filter .38s ease;
}

.dahua-scene-card:hover img[b-xz90buwb2w] {
    transform: scale(1.018);
    filter: brightness(1.04);
}

.dahua-scene-index[b-xz90buwb2w],
.dahua-scene-card > strong[b-xz90buwb2w] {
    position: absolute;
    z-index: 3;
    pointer-events: none;
}

.dahua-scene-index[b-xz90buwb2w] {
    top: 13px;
    left: 13px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;
    background: rgba(0,0,0,.58);
    backdrop-filter: blur(10px);
    font-size: .64rem;
    font-weight: 950;
}

.dahua-scene-card > strong[b-xz90buwb2w] {
    left: 16px;
    right: 16px;
    bottom: 14px;
    color: #fff;
    font-size: clamp(.82rem, 1vw, 1rem);
    line-height: 1.2;
    text-shadow: 0 2px 14px rgba(0,0,0,.82);
}

@media (max-width: 1050px) {
    .dahua-scenes-mosaic[b-xz90buwb2w] {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        grid-auto-rows: clamp(96px, 11vw, 136px);
    }

    .dahua-scene-card[b-xz90buwb2w],
    .dahua-scene-card:nth-child(n)[b-xz90buwb2w] {
        grid-column: span 4;
        grid-row: span 2;
    }

    .dahua-scene-card:first-child[b-xz90buwb2w] {
        grid-column: span 8;
        grid-row: span 4;
    }
}

@media (max-width: 700px) {
    .dahua-image-cue[b-xz90buwb2w] {
        left: 10px;
        bottom: 10px;
    }

    .dahua-scenes-mosaic[b-xz90buwb2w] {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .dahua-scene-card[b-xz90buwb2w],
    .dahua-scene-card:nth-child(n)[b-xz90buwb2w],
    .dahua-scene-card:first-child[b-xz90buwb2w] {
        grid-column: 1 / -1;
        grid-row: auto;
        min-height: 0;
    }

    .dahua-scene-card img[b-xz90buwb2w] {
        height: auto;
        min-height: 0;
        aspect-ratio: 16 / 10;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dahua-static-visual img[b-xz90buwb2w],
    .dahua-static-viewport img[b-xz90buwb2w],
    .dahua-scene-card[b-xz90buwb2w],
    .dahua-scene-card img[b-xz90buwb2w] {
        transition: none;
    }
}

/* =========================================================
   PHASE 7 R4 - Dahua Project Scenes + Case Study Storytelling
   - editorial case-story flow
   - project evidence layer
   - gallery-aware lightbox with previous/next navigation
   - no change to static-render policy, AJAX video runtime,
     render carousel, or wireframe/render comparison
   ========================================================= */

.dahua-story-head[b-xz90buwb2w] {
    max-width: 980px;
}

.dahua-story-head > p:not(.eyebrow)[b-xz90buwb2w] {
    max-width: 760px;
}

.dahua-story-flow[b-xz90buwb2w] {
    display: grid;
    gap: clamp(18px, 2vw, 28px);
}

.dahua-story-card[b-xz90buwb2w] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
    min-height: clamp(360px, 36vw, 560px);
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 30px;
    background:
        radial-gradient(circle at 84% 14%, color-mix(in srgb, var(--accent-2) 8%, transparent), transparent 24rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 88%, transparent), color-mix(in srgb, #000 26%, transparent));
    box-shadow: 0 28px 80px rgba(0,0,0,.28);
}

.dahua-story-card:nth-child(even)[b-xz90buwb2w] {
    grid-template-columns: minmax(300px, .65fr) minmax(0, 1.35fr);
}

.dahua-story-card:nth-child(even) .dahua-story-media[b-xz90buwb2w] {
    order: 2;
}

.dahua-story-media[b-xz90buwb2w] {
    position: relative;
    min-width: 0;
    min-height: inherit;
    overflow: hidden;
    border: 0;
    padding: 0;
    background: #050607;
    cursor: zoom-in;
}

.dahua-story-media[b-xz90buwb2w]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 54%, rgba(0,0,0,.48));
    pointer-events: none;
}

.dahua-story-media img[b-xz90buwb2w] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    transition: transform .42s ease, filter .42s ease;
}

.dahua-story-media:hover img[b-xz90buwb2w] {
    transform: scale(1.018);
    filter: brightness(1.035);
}

.dahua-story-media > span[b-xz90buwb2w] {
    position: absolute;
    z-index: 3;
    left: 16px;
    top: 16px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 50%;
    background: rgba(0,0,0,.58);
    color: #fff;
    backdrop-filter: blur(12px);
    font-size: .7rem;
    font-weight: 950;
}

.dahua-story-copy[b-xz90buwb2w] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 14px;
    padding: clamp(28px, 4vw, 64px);
}

.dahua-story-copy h3[b-xz90buwb2w] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2rem, 3.6vw, 4.8rem);
    line-height: .92;
    letter-spacing: -.065em;
}

.dahua-story-copy > p:not(.eyebrow)[b-xz90buwb2w] {
    margin: 0;
    max-width: 510px;
    color: var(--muted);
    font-size: clamp(.9rem, 1.08vw, 1.05rem);
    line-height: 1.65;
}

/* Project evidence */
.dahua-evidence-panel[b-xz90buwb2w] {
    display: grid;
    grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
    gap: clamp(28px, 4vw, 64px);
    padding: clamp(28px, 4vw, 60px);
    border: 1px solid var(--line);
    border-radius: 30px;
    background:
        radial-gradient(circle at 94% 0%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 25rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel) 90%, transparent), color-mix(in srgb, #000 22%, transparent));
    box-shadow: 0 28px 80px rgba(0,0,0,.24);
}

.dahua-evidence-lead[b-xz90buwb2w] {
    align-self: center;
}

.dahua-evidence-lead h2[b-xz90buwb2w] {
    margin: 10px 0 0;
    max-width: 560px;
    color: var(--text);
    font-size: clamp(2.3rem, 4.4vw, 5.4rem);
    line-height: .9;
    letter-spacing: -.07em;
}

.dahua-evidence-grid[b-xz90buwb2w] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.dahua-evidence-grid article[b-xz90buwb2w] {
    display: grid;
    align-content: start;
    gap: 10px;
    min-height: 190px;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: color-mix(in srgb, var(--panel-strong) 72%, transparent);
}

.dahua-evidence-grid article > span[b-xz90buwb2w] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-2) 34%, var(--line));
    border-radius: 50%;
    color: var(--accent-2);
    font-size: .65rem;
    font-weight: 950;
}

.dahua-evidence-grid article > strong[b-xz90buwb2w] {
    color: var(--text);
    font-size: clamp(1rem, 1.35vw, 1.3rem);
    line-height: 1.1;
}

.dahua-evidence-grid article > p[b-xz90buwb2w] {
    margin: 0;
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.55;
}

/* Gallery-aware lightbox */
.dahua-lightbox[b-xz90buwb2w] {
    padding: clamp(14px, 2vw, 28px);
}

.dahua-lightbox-dialog[b-xz90buwb2w] {
    position: relative;
    width: min(1500px, 100%);
    max-height: calc(100vh - 28px);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background: rgba(8,10,12,.96);
}

.dahua-lightbox-dialog > .dahua-lightbox-toolbar[b-xz90buwb2w],
.dahua-lightbox-dialog > .dahua-lightbox-caption[b-xz90buwb2w] {
    padding: 14px 18px;
}

.dahua-lightbox-toolbar[b-xz90buwb2w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid var(--line);
}

.dahua-lightbox-toolbar > span[b-xz90buwb2w] {
    flex: 0 0 auto;
    color: var(--accent-2);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.dahua-lightbox-toolbar > strong[b-xz90buwb2w] {
    min-width: 0;
    overflow: hidden;
    color: var(--text);
    font-size: .78rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dahua-lightbox-dialog > .dahua-lightbox-stage[b-xz90buwb2w] {
    position: relative;
    min-height: 0;
    padding: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at center, rgba(255,255,255,.035), transparent 42%),
        #030405;
}

.dahua-lightbox-stage > img[b-xz90buwb2w] {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: calc(100vh - 180px);
    object-fit: contain;
}

.dahua-lightbox-nav[b-xz90buwb2w] {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;
    background: rgba(0,0,0,.64);
    color: #fff;
    backdrop-filter: blur(14px);
    cursor: pointer;
    font-size: 1.8rem;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.dahua-lightbox-nav.prev[b-xz90buwb2w] {
    left: 16px;
}

.dahua-lightbox-nav.next[b-xz90buwb2w] {
    right: 16px;
}

.dahua-lightbox-nav:hover[b-xz90buwb2w],
.dahua-lightbox-nav:focus-visible[b-xz90buwb2w] {
    transform: translateY(-50%) scale(1.05);
    background: rgba(0,0,0,.82);
    border-color: color-mix(in srgb, var(--accent-2) 58%, #fff 42%);
}

.dahua-lightbox-caption[b-xz90buwb2w] {
    border-top: 1px solid var(--line);
}

.dahua-lightbox-caption > p[b-xz90buwb2w] {
    margin: 0 0 5px;
    color: var(--accent-2);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dahua-lightbox-caption > h3[b-xz90buwb2w] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1rem, 1.5vw, 1.35rem);
}

@media (max-width: 1000px) {
    .dahua-story-card[b-xz90buwb2w],
    .dahua-story-card:nth-child(even)[b-xz90buwb2w] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .dahua-story-card:nth-child(even) .dahua-story-media[b-xz90buwb2w] {
        order: 0;
    }

    .dahua-story-media[b-xz90buwb2w],
    .dahua-story-media img[b-xz90buwb2w] {
        min-height: 0;
    }

    .dahua-story-media img[b-xz90buwb2w] {
        aspect-ratio: 16 / 9;
    }

    .dahua-evidence-panel[b-xz90buwb2w] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .dahua-story-card[b-xz90buwb2w] {
        border-radius: 24px;
    }

    .dahua-story-copy[b-xz90buwb2w] {
        padding: 24px 20px 28px;
    }

    .dahua-evidence-panel[b-xz90buwb2w] {
        padding: 20px;
        border-radius: 24px;
    }

    .dahua-evidence-grid[b-xz90buwb2w] {
        grid-template-columns: 1fr;
    }

    .dahua-evidence-grid article[b-xz90buwb2w] {
        min-height: 0;
    }

    .dahua-lightbox[b-xz90buwb2w] {
        padding: 8px;
    }

    .dahua-lightbox-dialog[b-xz90buwb2w] {
        max-height: calc(100vh - 16px);
        border-radius: 20px;
    }

    .dahua-lightbox-stage > img[b-xz90buwb2w] {
        max-height: calc(100vh - 170px);
    }

    .dahua-lightbox-nav[b-xz90buwb2w] {
        width: 44px;
        height: 44px;
    }

    .dahua-lightbox-nav.prev[b-xz90buwb2w] {
        left: 8px;
    }

    .dahua-lightbox-nav.next[b-xz90buwb2w] {
        right: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dahua-story-media img[b-xz90buwb2w],
    .dahua-lightbox-nav[b-xz90buwb2w] {
        transition: none;
    }
}

/* /Components/Pages/Home.razor.rz.scp.css */
.phase4-shared-preview[b-equc6ka7ov] {
    padding: 84px 0 24px;
}
/* /Components/Pages/Lab.razor.rz.scp.css */
.lab-r1-page[b-i53qn7o0da] {
    padding: calc(var(--mx-header-h) + clamp(52px, 7vw, 96px)) 0 clamp(72px, 9vw, 132px);
}

.lab-r1-shell[b-i53qn7o0da] {
    display: grid;
    gap: clamp(74px, 9vw, 132px);
}

.lab-r1-hero[b-i53qn7o0da] {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr);
    gap: clamp(38px, 6vw, 92px);
    align-items: center;
    min-height: min(760px, 78vh);
}

.lab-r1-hero-copy[b-i53qn7o0da] {
    max-width: 930px;
}

.lab-r1-hero h1[b-i53qn7o0da] {
    max-width: 900px;
    margin: 14px 0 24px;
    font-size: clamp(3.6rem, 7.3vw, 8.2rem);
    line-height: .91;
    letter-spacing: -.07em;
}

.lab-r1-lead[b-i53qn7o0da] {
    max-width: 760px;
    font-size: clamp(1rem, 1.25vw, 1.2rem);
    line-height: 1.75;
    color: var(--muted);
}

.lab-r1-hero-actions[b-i53qn7o0da],
.lab-r1-cta-actions[b-i53qn7o0da] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.lab-r1-proof-strip[b-i53qn7o0da] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 34px;
}

.lab-r1-proof-strip span[b-i53qn7o0da],
.lab-r1-capability-grid span[b-i53qn7o0da],
.lab-r1-runtime-grid span[b-i53qn7o0da] {
    display: inline-flex;
    width: fit-content;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 7px 10px;
    color: var(--muted);
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .11em;
}

.lab-r1-hero-side[b-i53qn7o0da] {
    display: grid;
    place-items: center;
}

.lab-r1-system-card[b-i53qn7o0da] {
    width: min(100%, 520px);
    min-height: 440px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 24px;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: var(--mx-radius-lg);
    background:
        radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent-2) 17%, transparent), transparent 42%),
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px),
        var(--panel);
    background-size: auto, 42px 42px, 42px 42px, auto;
    box-shadow: 0 28px 80px color-mix(in srgb, #000 18%, transparent);
}

.lab-r1-system-card-top[b-i53qn7o0da] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
}

.lab-r1-system-orbit[b-i53qn7o0da] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 250px;
}

.lab-r1-system-orbit[b-i53qn7o0da]::before,
.lab-r1-system-orbit[b-i53qn7o0da]::after {
    content: "";
    position: absolute;
    border: 1px solid var(--line);
    border-radius: 50%;
}

.lab-r1-system-orbit[b-i53qn7o0da]::before {
    width: 78%;
    aspect-ratio: 1.85;
    transform: rotate(18deg);
}

.lab-r1-system-orbit[b-i53qn7o0da]::after {
    width: 60%;
    aspect-ratio: 1.6;
    transform: rotate(-24deg);
}

.lab-r1-system-core[b-i53qn7o0da] {
    position: relative;
    z-index: 1;
    width: 86px;
    height: 86px;
    display: grid;
    place-items: center;
    border-radius: 24px;
    color: var(--bg);
    background: var(--text);
    font-size: 1.8rem;
    font-weight: 950;
    box-shadow: 0 18px 50px color-mix(in srgb, var(--accent-2) 20%, transparent);
}

.lab-r1-system-grid[b-i53qn7o0da] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.lab-r1-system-grid span[b-i53qn7o0da] {
    padding: 12px 10px;
    border: 1px solid var(--line);
    border-radius: 14px;
    color: var(--text);
    background: color-mix(in srgb, var(--panel-strong) 84%, transparent);
    text-align: center;
    font-size: .78rem;
    font-weight: 800;
}

.lab-r1-section[b-i53qn7o0da],
.lab-r1-viewer-section[b-i53qn7o0da] {
    display: grid;
    gap: clamp(26px, 4vw, 54px);
}

.lab-r1-section-head[b-i53qn7o0da] {
    max-width: 980px;
}

.lab-r1-section-head h2[b-i53qn7o0da],
.lab-r1-runtime-copy h2[b-i53qn7o0da] {
    margin: 10px 0 0;
    font-size: clamp(2.8rem, 5vw, 5.8rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.lab-r1-section-head--split[b-i53qn7o0da] {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .55fr);
    gap: clamp(36px, 7vw, 110px);
    align-items: end;
}

.lab-r1-section-head--split > p[b-i53qn7o0da] {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

.lab-r1-console[b-i53qn7o0da] {
    min-height: 620px;
    border: 1px solid var(--line);
    border-radius: var(--mx-radius-lg);
    background: var(--panel);
    box-shadow: 0 30px 90px color-mix(in srgb, #000 18%, transparent);
}

.lab-r1-console :deep(.mz-viewer-component-shell)[b-i53qn7o0da],
.lab-r1-console :deep(.mz-3d-viewer)[b-i53qn7o0da],
.lab-r1-console :deep(.mz-viewer-stage)[b-i53qn7o0da],
.lab-r1-console :deep(.mz-viewer-canvas)[b-i53qn7o0da] {
    min-height: 620px;
}

.lab-r1-mode-grid[b-i53qn7o0da] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.lab-r1-mode-card[b-i53qn7o0da],
.lab-r1-business-grid article[b-i53qn7o0da],
.lab-r1-capability-grid article[b-i53qn7o0da],
.lab-r1-runtime-grid article[b-i53qn7o0da] {
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at 86% 12%, var(--soft), transparent 44%),
        var(--panel);
}

.lab-r1-mode-card[b-i53qn7o0da] {
    min-height: 290px;
    display: grid;
    align-content: start;
    gap: 24px;
    padding: clamp(24px, 3vw, 38px);
    border-radius: var(--mx-radius-lg);
}

.lab-r1-index[b-i53qn7o0da] {
    color: var(--accent);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .15em;
}

.lab-r1-mode-card h3[b-i53qn7o0da],
.lab-r1-business-grid h3[b-i53qn7o0da] {
    margin: 0;
    font-size: clamp(1.55rem, 2vw, 2.2rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.lab-r1-mode-card p[b-i53qn7o0da],
.lab-r1-business-grid p[b-i53qn7o0da],
.lab-r1-runtime-copy p[b-i53qn7o0da] {
    margin: 0;
    color: var(--muted);
    line-height: 1.7;
}

.lab-r1-interaction-section[b-i53qn7o0da] {
    padding: clamp(28px, 4.5vw, 58px);
    border: 1px solid var(--line);
    border-radius: var(--mx-radius-lg);
    background:
        radial-gradient(circle at 82% 20%, var(--soft), transparent 34%),
        var(--panel);
}

.lab-r1-capability-grid[b-i53qn7o0da] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.lab-r1-capability-grid article[b-i53qn7o0da] {
    display: grid;
    gap: 28px;
    min-height: 150px;
    padding: 20px;
    border-radius: 18px;
}

.lab-r1-capability-grid strong[b-i53qn7o0da],
.lab-r1-runtime-grid strong[b-i53qn7o0da] {
    font-size: 1rem;
}

.lab-r1-business-grid[b-i53qn7o0da] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.lab-r1-business-grid article[b-i53qn7o0da] {
    min-height: 250px;
    display: grid;
    align-content: start;
    gap: 18px;
    padding: clamp(24px, 3vw, 38px);
    border-radius: var(--mx-radius-lg);
}

.lab-r1-runtime-section[b-i53qn7o0da] {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
    gap: clamp(34px, 6vw, 90px);
    align-items: center;
    padding: clamp(30px, 5vw, 64px);
    border: 1px solid var(--line);
    border-radius: var(--mx-radius-lg);
    background:
        linear-gradient(120deg, color-mix(in srgb, var(--soft) 70%, transparent), transparent 55%),
        var(--panel);
}

.lab-r1-runtime-copy[b-i53qn7o0da] {
    display: grid;
    gap: 20px;
}

.lab-r1-runtime-grid[b-i53qn7o0da] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.lab-r1-runtime-grid article[b-i53qn7o0da] {
    min-height: 150px;
    display: grid;
    align-content: space-between;
    gap: 24px;
    padding: 22px;
    border-radius: 18px;
}

.lab-r1-cta[b-i53qn7o0da] {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
    padding: clamp(34px, 5vw, 68px);
    border: 1px solid var(--line);
    border-radius: var(--mx-radius-lg);
    background:
        radial-gradient(circle at 84% 24%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 34%),
        var(--panel);
}

.lab-r1-cta h2[b-i53qn7o0da] {
    max-width: 900px;
    margin: 10px 0 0;
    font-size: clamp(2.5rem, 4.8vw, 5.2rem);
    line-height: .96;
    letter-spacing: -.055em;
}

.lab-r1-cta-actions[b-i53qn7o0da] {
    flex: 0 0 auto;
    margin-top: 0;
    justify-content: flex-end;
}

@media (max-width: 1100px) {
    .lab-r1-hero[b-i53qn7o0da],
    .lab-r1-runtime-section[b-i53qn7o0da] {
        grid-template-columns: 1fr;
    }

    .lab-r1-hero[b-i53qn7o0da] {
        min-height: auto;
    }

    .lab-r1-hero-side[b-i53qn7o0da] {
        justify-items: stretch;
    }

    .lab-r1-system-card[b-i53qn7o0da] {
        width: 100%;
    }

    .lab-r1-capability-grid[b-i53qn7o0da] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .lab-r1-section-head--split[b-i53qn7o0da] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .lab-r1-mode-grid[b-i53qn7o0da],
    .lab-r1-business-grid[b-i53qn7o0da] {
        grid-template-columns: 1fr;
    }

    .lab-r1-cta[b-i53qn7o0da] {
        align-items: flex-start;
        flex-direction: column;
    }

    .lab-r1-cta-actions[b-i53qn7o0da] {
        justify-content: flex-start;
    }

    .lab-r1-console[b-i53qn7o0da],
    .lab-r1-console :deep(.mz-viewer-component-shell)[b-i53qn7o0da],
    .lab-r1-console :deep(.mz-3d-viewer)[b-i53qn7o0da],
    .lab-r1-console :deep(.mz-viewer-stage)[b-i53qn7o0da],
    .lab-r1-console :deep(.mz-viewer-canvas)[b-i53qn7o0da] {
        min-height: 520px;
    }
}

@media (max-width: 640px) {
    .lab-r1-page[b-i53qn7o0da] {
        padding-top: calc(var(--mx-header-h) + 34px);
    }

    .lab-r1-shell[b-i53qn7o0da] {
        gap: 72px;
    }

    .lab-r1-hero h1[b-i53qn7o0da] {
        font-size: clamp(3rem, 14.5vw, 5.1rem);
    }

    .lab-r1-system-card[b-i53qn7o0da] {
        min-height: 330px;
        padding: 16px;
    }

    .lab-r1-system-orbit[b-i53qn7o0da] {
        min-height: 180px;
    }

    .lab-r1-system-grid[b-i53qn7o0da] {
        grid-template-columns: 1fr;
    }

    .lab-r1-capability-grid[b-i53qn7o0da],
    .lab-r1-runtime-grid[b-i53qn7o0da] {
        grid-template-columns: 1fr;
    }

    .lab-r1-capability-grid article[b-i53qn7o0da],
    .lab-r1-runtime-grid article[b-i53qn7o0da] {
        min-height: 125px;
    }

    .lab-r1-console[b-i53qn7o0da],
    .lab-r1-console :deep(.mz-viewer-component-shell)[b-i53qn7o0da],
    .lab-r1-console :deep(.mz-3d-viewer)[b-i53qn7o0da],
    .lab-r1-console :deep(.mz-viewer-stage)[b-i53qn7o0da],
    .lab-r1-console :deep(.mz-viewer-canvas)[b-i53qn7o0da] {
        min-height: 460px;
    }

    .lab-r1-cta-actions[b-i53qn7o0da],
    .lab-r1-hero-actions[b-i53qn7o0da] {
        width: 100%;
    }

    .lab-r1-cta-actions .btn[b-i53qn7o0da],
    .lab-r1-hero-actions .btn[b-i53qn7o0da] {
        flex: 1 1 100%;
        justify-content: center;
    }
}
/* /Components/Pages/PageHero.razor.rz.scp.css */
.al-page-hero[b-9k7qdyo2zs]{background:linear-gradient(135deg,#f6f8fa 0%,#edf2f5 100%);border-bottom:1px solid #d8e0e7;color:#172536}.al-page-hero__inner[b-9k7qdyo2zs]{max-width:1240px;margin:auto;padding:74px 34px 64px}.al-page-hero__inner>span[b-9k7qdyo2zs]{display:block;color:#0068a8;font-size:.72rem;font-weight:900;letter-spacing:.13em;margin-bottom:14px}.al-page-hero h1[b-9k7qdyo2zs]{max-width:860px;font-size:clamp(2.7rem,5vw,5.8rem);line-height:.9;letter-spacing:-.06em;margin:0;color:#172536}.al-page-hero p[b-9k7qdyo2zs]{max-width:780px;margin:24px 0 0;color:#526477;font-size:1.05rem;line-height:1.7}@media(max-width:580px){.al-page-hero__inner[b-9k7qdyo2zs]{padding:48px 18px 42px}.al-page-hero h1[b-9k7qdyo2zs]{font-size:clamp(2.4rem,13vw,3.5rem);line-height:.92}.al-page-hero p[b-9k7qdyo2zs]{font-size:.92rem}}
/* /Components/Pages/Process.razor.rz.scp.css */
.process-page[b-2mhglfhcyf] {
    position: relative;
    overflow: hidden;
    padding-block: clamp(104px, 10vw, 148px) clamp(68px, 8vw, 112px);
}

.process-page[b-2mhglfhcyf]::before,
.process-page[b-2mhglfhcyf]::after {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: -1;
    border-radius: 999px;
    filter: blur(50px);
    opacity: .46;
}

.process-page[b-2mhglfhcyf]::before {
    width: 34vw;
    height: 34vw;
    top: 7%;
    right: -11%;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent) 13%, transparent), transparent 68%);
}

.process-page[b-2mhglfhcyf]::after {
    width: 30vw;
    height: 30vw;
    left: -10%;
    bottom: 10%;
    background: radial-gradient(circle, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 70%);
}

.process-shell[b-2mhglfhcyf] {
    width: min(100% - clamp(28px, 4vw, 72px), 1680px);
    margin-inline: auto;
}

.process-hero[b-2mhglfhcyf] {
    padding-block: clamp(14px, 2vw, 28px) clamp(72px, 9vw, 136px);
}

.process-hero-grid[b-2mhglfhcyf] {
    display: grid;
    grid-template-columns: minmax(0, 1.24fr) minmax(360px, .68fr);
    gap: clamp(42px, 8vw, 128px);
    align-items: center;
}

.process-kicker[b-2mhglfhcyf] {
    margin: 0 0 14px;
    color: var(--accent);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.process-hero h1[b-2mhglfhcyf],
.process-section-heading h2[b-2mhglfhcyf],
.process-panel h2[b-2mhglfhcyf],
.process-review-card h2[b-2mhglfhcyf],
.process-cta h2[b-2mhglfhcyf] {
    margin: 0;
    letter-spacing: -.058em;
    line-height: .94;
}

.process-hero h1[b-2mhglfhcyf] {
    max-width: 980px;
    font-size: clamp(3.8rem, 7vw, 8rem);
}

.process-lead[b-2mhglfhcyf] {
    max-width: 830px;
    margin: 24px 0 0;
    color: var(--muted);
    font-size: clamp(1rem, 1.25vw, 1.18rem);
    line-height: 1.68;
}

.process-actions[b-2mhglfhcyf] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.process-map[b-2mhglfhcyf] {
    display: grid;
    gap: 9px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 95%, transparent), var(--panel)),
        var(--panel);
    box-shadow: var(--shadow-soft);
}

.process-map-top[b-2mhglfhcyf],
.process-map-row[b-2mhglfhcyf] {
    display: grid;
    align-items: center;
}

.process-map-top[b-2mhglfhcyf] {
    grid-template-columns: 1fr auto;
    padding: 4px 5px 9px;
    color: var(--accent);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.process-map-row[b-2mhglfhcyf] {
    grid-template-columns: 42px 1fr;
    gap: 12px;
    min-height: 76px;
    padding: 13px 14px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--panel) 90%, transparent);
}

.process-map-row > span[b-2mhglfhcyf] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--accent);
    font-size: .7rem;
    font-weight: 900;
}

.process-map-row div[b-2mhglfhcyf] {
    display: grid;
    gap: 5px;
}

.process-map-row strong[b-2mhglfhcyf] {
    font-size: .94rem;
}

.process-map-row small[b-2mhglfhcyf] {
    color: var(--muted);
    line-height: 1.35;
}

.process-section-block[b-2mhglfhcyf] {
    padding-block: clamp(58px, 7vw, 104px);
}

.process-section-heading[b-2mhglfhcyf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr);
    gap: clamp(30px, 8vw, 120px);
    align-items: end;
    margin-bottom: clamp(28px, 4vw, 48px);
}

.process-section-heading h2[b-2mhglfhcyf] {
    max-width: 900px;
    font-size: clamp(3rem, 5vw, 5.7rem);
}

.process-section-heading > p[b-2mhglfhcyf] {
    margin: 0;
    color: var(--muted);
    line-height: 1.68;
}

.process-stage-grid[b-2mhglfhcyf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.process-stage-grid article[b-2mhglfhcyf],
.process-mini-grid article[b-2mhglfhcyf] {
    border: 1px solid var(--line);
    border-radius: 20px;
    background: var(--panel);
}

.process-stage-grid article[b-2mhglfhcyf] {
    min-height: 300px;
    padding: clamp(22px, 2.5vw, 34px);
    display: flex;
    flex-direction: column;
}

.process-stage-grid article > span[b-2mhglfhcyf],
.process-mini-grid article > span[b-2mhglfhcyf] {
    color: var(--accent);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.process-stage-grid h3[b-2mhglfhcyf] {
    margin: auto 0 12px;
    font-size: clamp(1.35rem, 1.8vw, 1.8rem);
    letter-spacing: -.035em;
}

.process-stage-grid p[b-2mhglfhcyf],
.process-mini-grid p[b-2mhglfhcyf],
.process-review-card p[b-2mhglfhcyf] {
    margin: 0;
    color: var(--muted);
    line-height: 1.58;
}

.process-two-column[b-2mhglfhcyf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.process-panel[b-2mhglfhcyf],
.process-review-card[b-2mhglfhcyf],
.process-cta[b-2mhglfhcyf] {
    border: 1px solid var(--line);
    border-radius: 26px;
    background: var(--panel);
}

.process-panel[b-2mhglfhcyf] {
    padding: clamp(28px, 4vw, 50px);
}

.process-panel-accent[b-2mhglfhcyf] {
    background:
        radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 34%),
        var(--panel);
}

.process-panel h2[b-2mhglfhcyf] {
    max-width: 720px;
    font-size: clamp(2.5rem, 4vw, 4.8rem);
}

.process-mini-grid[b-2mhglfhcyf] {
    display: grid;
    gap: 9px;
    margin-top: 34px;
}

.process-mini-grid article[b-2mhglfhcyf] {
    padding: 18px;
}

.process-mini-grid strong[b-2mhglfhcyf] {
    display: block;
    margin: 10px 0 7px;
    font-size: 1rem;
}

.process-output-list[b-2mhglfhcyf] {
    display: grid;
    gap: 9px;
    margin-top: 34px;
}

.process-output-list > div[b-2mhglfhcyf] {
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 18px;
    align-items: center;
    min-height: 72px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--panel-strong) 92%, transparent);
}

.process-output-list span[b-2mhglfhcyf] {
    color: var(--accent);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.process-review-card[b-2mhglfhcyf] {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(420px, 1fr);
    gap: clamp(34px, 7vw, 110px);
    padding: clamp(30px, 4vw, 54px);
    background:
        radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 36%),
        var(--panel);
}

.process-review-card h2[b-2mhglfhcyf] {
    max-width: 760px;
    font-size: clamp(2.6rem, 4.2vw, 5rem);
}

.process-review-card > div:first-child > p:last-child[b-2mhglfhcyf] {
    margin-top: 20px;
}

.process-review-steps[b-2mhglfhcyf] {
    display: grid;
    gap: 9px;
}

.process-review-steps article[b-2mhglfhcyf] {
    display: grid;
    grid-template-columns: 44px 1fr auto;
    gap: 14px;
    align-items: center;
    min-height: 78px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--panel-strong) 94%, transparent);
}

.process-review-steps span[b-2mhglfhcyf] {
    color: var(--accent);
    font-size: .72rem;
    font-weight: 900;
}

.process-review-steps small[b-2mhglfhcyf] {
    color: var(--muted);
}

.process-cta-section[b-2mhglfhcyf] {
    padding-top: clamp(54px, 7vw, 98px);
}

.process-cta[b-2mhglfhcyf] {
    display: flex;
    justify-content: space-between;
    gap: 34px;
    align-items: center;
    padding: clamp(30px, 4vw, 54px);
    background:
        radial-gradient(circle at 92% 30%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 40%),
        var(--panel);
}

.process-cta h2[b-2mhglfhcyf] {
    max-width: 900px;
    font-size: clamp(2.5rem, 4.1vw, 5rem);
}

.process-cta .process-actions[b-2mhglfhcyf] {
    flex: 0 0 auto;
    margin-top: 0;
}

@media (max-width: 1080px) {
    .process-hero-grid[b-2mhglfhcyf],
    .process-section-heading[b-2mhglfhcyf],
    .process-review-card[b-2mhglfhcyf] {
        grid-template-columns: 1fr;
    }

    .process-stage-grid[b-2mhglfhcyf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .process-review-card[b-2mhglfhcyf] {
        gap: 30px;
    }
}

@media (max-width: 760px) {
    .process-page[b-2mhglfhcyf] {
        padding-top: calc(var(--mx-header-h, 112px) + 24px);
        padding-bottom: 68px;
    }

    .process-shell[b-2mhglfhcyf] {
        width: min(100% - 24px, 1680px);
    }

    .process-hero[b-2mhglfhcyf] {
        padding-bottom: 68px;
    }

    .process-hero h1[b-2mhglfhcyf] {
        font-size: clamp(3rem, 15vw, 5rem);
    }

    .process-stage-grid[b-2mhglfhcyf],
    .process-two-column[b-2mhglfhcyf] {
        grid-template-columns: 1fr;
    }

    .process-stage-grid article[b-2mhglfhcyf] {
        min-height: 220px;
    }

    .process-output-list > div[b-2mhglfhcyf],
    .process-review-steps article[b-2mhglfhcyf] {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .process-cta[b-2mhglfhcyf] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Pages/ProductLaunchVisualsService.razor.rz.scp.css */
.launch-service-page[b-k7q6hjkspt] { position:relative; overflow:hidden; }
.launch-hero[b-k7q6hjkspt] { padding-top:clamp(28px,5vw,72px); }
.launch-hero-card[b-k7q6hjkspt],.launch-service-grid article[b-k7q6hjkspt] { border:1px solid var(--line); background:radial-gradient(circle at 82% 0%, color-mix(in srgb,var(--accent-2) 12%,transparent), transparent 20rem), linear-gradient(135deg, color-mix(in srgb,var(--panel-strong) 82%,transparent), color-mix(in srgb,var(--panel) 68%,transparent)); box-shadow:0 26px 100px color-mix(in srgb,#000 30%,transparent); }
.launch-hero-card[b-k7q6hjkspt] { border-radius:clamp(32px,3vw,56px); min-height:clamp(520px,52vw,760px); padding:clamp(28px,6vw,86px); display:flex; flex-direction:column; justify-content:end; }
.launch-back[b-k7q6hjkspt] { width:fit-content; color:var(--muted); text-decoration:none; font-size:.72rem; font-weight:950; letter-spacing:.1em; text-transform:uppercase; margin-bottom:auto; }
.launch-hero-card h1[b-k7q6hjkspt] { margin:18px 0 0; color:var(--text); font-size:clamp(3rem,7vw,8.4rem); line-height:.9; letter-spacing:-.085em; max-width:1100px; }
.launch-hero-card p:not(.eyebrow)[b-k7q6hjkspt] { margin:20px 0 0; max-width:780px; color:var(--muted); line-height:1.78; }
.launch-actions[b-k7q6hjkspt] { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.launch-service-grid[b-k7q6hjkspt] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; padding-top:clamp(54px,7vw,110px); padding-bottom:clamp(40px,6vw,90px); }
.launch-service-grid article[b-k7q6hjkspt] { border-radius:28px; padding:26px; min-height:280px; }
.launch-service-grid span[b-k7q6hjkspt] { color:var(--accent-2); font-weight:950; }
.launch-service-grid h2[b-k7q6hjkspt] { margin:34px 0 0; color:var(--text); font-size:clamp(1.5rem,2.1vw,2.4rem); line-height:1; letter-spacing:-.05em; }
.launch-service-grid p[b-k7q6hjkspt] { margin:14px 0 0; color:var(--muted); line-height:1.72; }
@media (max-width:1100px){.launch-service-grid[b-k7q6hjkspt]{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:680px){.launch-service-grid[b-k7q6hjkspt]{grid-template-columns:1fr}.launch-hero-card h1[b-k7q6hjkspt]{font-size:clamp(2.6rem,12vw,4.5rem)}}
/* /Components/Pages/ProductShowroomInteriorService.razor.rz.scp.css */
.showroom-service-page[b-caw0j2pgmr] {
    padding-bottom: clamp(80px, 9vw, 150px);
}

.showroom-service-hero[b-caw0j2pgmr] {
    padding-top: clamp(28px, 5vw, 74px);
}

.showroom-service-hero-card[b-caw0j2pgmr],
.showroom-service-grid article[b-caw0j2pgmr],
.showroom-process-list article[b-caw0j2pgmr] {
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 22rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 82%, transparent), color-mix(in srgb, var(--panel) 70%, transparent));
    box-shadow: 0 28px 100px color-mix(in srgb, #000 32%, transparent);
}

.showroom-service-hero-card[b-caw0j2pgmr] {
    border-radius: clamp(30px, 3vw, 52px);
    padding: clamp(18px, 2.6vw, 36px);
    display: grid;
    grid-template-columns: minmax(320px, .62fr) minmax(0, 1fr);
    gap: clamp(22px, 3vw, 42px);
    align-items: center;
}

.showroom-back-link[b-caw0j2pgmr] {
    color: var(--muted);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.showroom-service-copy[b-caw0j2pgmr] {
    display: grid;
    gap: 18px;
    padding: clamp(8px, 1.8vw, 22px);
}

.showroom-service-copy h1[b-caw0j2pgmr],
.showroom-service-head h2[b-caw0j2pgmr] {
    margin: 0;
    color: var(--text);
    line-height: .92;
    letter-spacing: -.075em;
}

.showroom-service-copy h1[b-caw0j2pgmr] {
    font-size: clamp(2.8rem, 5.5vw, 6.8rem);
}

.showroom-service-copy p:not(.eyebrow)[b-caw0j2pgmr] {
    max-width: 680px;
    margin: 0;
    color: var(--muted);
    line-height: 1.78;
}

.showroom-service-actions[b-caw0j2pgmr] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.showroom-service-visual[b-caw0j2pgmr] {
    position: relative;
    overflow: hidden;
    border-radius: clamp(24px, 2.3vw, 38px);
    border: 1px solid color-mix(in srgb, var(--accent-2) 22%, var(--line));
    min-height: clamp(420px, 42vw, 660px);
    background: #050607;
}

.showroom-service-visual img[b-caw0j2pgmr] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
}

.showroom-service-visual span[b-caw0j2pgmr] {
    position: absolute;
    left: 18px;
    bottom: 18px;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 10px 14px;
    background: color-mix(in srgb, #000 55%, transparent);
    color: var(--text);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    backdrop-filter: blur(14px);
}

.showroom-service-section[b-caw0j2pgmr] {
    padding-top: clamp(64px, 8vw, 120px);
}

.showroom-service-head[b-caw0j2pgmr] {
    max-width: 880px;
    margin-bottom: clamp(22px, 3vw, 42px);
}

.showroom-service-head h2[b-caw0j2pgmr] {
    font-size: clamp(2.2rem, 4.6vw, 5.4rem);
}

.showroom-service-grid[b-caw0j2pgmr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.showroom-service-grid article[b-caw0j2pgmr],
.showroom-process-list article[b-caw0j2pgmr] {
    border-radius: 28px;
    padding: 24px;
}

.showroom-service-grid span[b-caw0j2pgmr],
.showroom-process-list strong[b-caw0j2pgmr] {
    color: var(--accent-2);
    font-weight: 950;
    letter-spacing: .08em;
}

.showroom-service-grid h3[b-caw0j2pgmr],
.showroom-process-list h3[b-caw0j2pgmr] {
    margin: 18px 0 10px;
    color: var(--text);
    font-size: 1.2rem;
}

.showroom-service-grid p[b-caw0j2pgmr],
.showroom-process-list p[b-caw0j2pgmr] {
    margin: 0;
    color: var(--muted);
    line-height: 1.72;
}

.showroom-process-list[b-caw0j2pgmr] {
    display: grid;
    gap: 12px;
}

.showroom-process-list article[b-caw0j2pgmr] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    align-items: start;
}

@media (max-width: 1050px) {
    .showroom-service-hero-card[b-caw0j2pgmr],
    .showroom-service-grid[b-caw0j2pgmr] {
        grid-template-columns: 1fr 1fr;
    }

    .showroom-service-hero-card[b-caw0j2pgmr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .showroom-service-grid[b-caw0j2pgmr],
    .showroom-process-list article[b-caw0j2pgmr] {
        grid-template-columns: 1fr;
    }

    .showroom-service-actions .btn[b-caw0j2pgmr] {
        width: 100%;
    }
}
/* /Components/Pages/ProductSolutionCampaignsService.razor.rz.scp.css */
.ajax-service-page[b-yzs6hb5oja] {
    position: relative;
    overflow: hidden;
}

.ajax-service-page[b-yzs6hb5oja]::before,
.ajax-work-page[b-yzs6hb5oja]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 76% 8%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 26rem),
        radial-gradient(circle at 12% 24%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 24rem),
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 36rem);
}

.ajax-service-hero[b-yzs6hb5oja] {
    padding-top: clamp(24px, 5vw, 70px);
}

.ajax-service-hero-card[b-yzs6hb5oja],
.ajax-service-grid article[b-yzs6hb5oja],
.ajax-process-list article[b-yzs6hb5oja] {
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 18rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 82%, transparent), color-mix(in srgb, var(--panel) 68%, transparent));
    box-shadow: 0 30px 110px color-mix(in srgb, #000 32%, transparent);
}

.ajax-service-hero-card[b-yzs6hb5oja] {
    border-radius: clamp(30px, 3vw, 52px);
    padding: clamp(18px, 3vw, 34px);
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(360px, .95fr);
    gap: clamp(18px, 3vw, 34px);
    align-items: stretch;
}

.ajax-service-copy[b-yzs6hb5oja] {
    display: grid;
    align-content: center;
    gap: 18px;
    padding: clamp(14px, 3vw, 42px);
}

.ajax-back-link[b-yzs6hb5oja] {
    width: fit-content;
    color: var(--muted);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ajax-service-copy h1[b-yzs6hb5oja],
.ajax-service-head h2[b-yzs6hb5oja] {
    margin: 0;
    color: var(--text);
    line-height: .92;
    letter-spacing: -.075em;
}

.ajax-service-copy h1[b-yzs6hb5oja] {
    font-size: clamp(3rem, 6vw, 7.2rem);
}

.ajax-service-copy > p:not(.eyebrow)[b-yzs6hb5oja] {
    margin: 0;
    max-width: 680px;
    color: var(--muted);
    line-height: 1.78;
}

.ajax-service-actions[b-yzs6hb5oja] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 12px;
}

.ajax-service-visual[b-yzs6hb5oja] {
    position: relative;
    overflow: hidden;
    min-height: clamp(520px, 50vw, 780px);
    border-radius: clamp(24px, 2.5vw, 42px);
    border: 1px solid color-mix(in srgb, var(--accent-2) 20%, var(--line));
    background: #050608;
}

.ajax-service-visual[b-yzs6hb5oja]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.46));
    pointer-events: none;
}

.ajax-service-visual img[b-yzs6hb5oja] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
}

.ajax-service-visual-tags[b-yzs6hb5oja] {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ajax-service-visual-tags span[b-yzs6hb5oja],
.ajax-service-grid article span[b-yzs6hb5oja],
.ajax-process-list strong[b-yzs6hb5oja] {
    border: 1px solid color-mix(in srgb, var(--accent-2) 25%, var(--line));
    background: color-mix(in srgb, #000 48%, transparent);
    color: var(--text);
    border-radius: 999px;
    padding: 9px 12px;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
}

.ajax-service-section[b-yzs6hb5oja] {
    padding-top: clamp(66px, 8vw, 128px);
}

.ajax-service-head[b-yzs6hb5oja] {
    max-width: 920px;
    margin-bottom: clamp(22px, 3vw, 42px);
}

.ajax-service-head h2[b-yzs6hb5oja] {
    font-size: clamp(2.5rem, 5vw, 6rem);
}

.ajax-service-grid[b-yzs6hb5oja] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.ajax-service-grid article[b-yzs6hb5oja] {
    border-radius: 28px;
    padding: clamp(20px, 2.4vw, 32px);
    min-height: 310px;
    display: grid;
    align-content: space-between;
    gap: 22px;
}

.ajax-service-grid article h3[b-yzs6hb5oja],
.ajax-process-list h3[b-yzs6hb5oja] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.28rem, 1.65vw, 1.72rem);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.ajax-service-grid article p[b-yzs6hb5oja],
.ajax-process-list p[b-yzs6hb5oja] {
    margin: 0;
    color: var(--muted);
    line-height: 1.75;
}

.ajax-process-list[b-yzs6hb5oja] {
    display: grid;
    gap: 14px;
}

.ajax-process-list article[b-yzs6hb5oja] {
    border-radius: 28px;
    padding: clamp(18px, 2.4vw, 28px);
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    align-items: start;
}

.ajax-process-list strong[b-yzs6hb5oja] {
    display: inline-grid;
    place-items: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border-radius: 50%;
    color: var(--accent-2);
}

@media (max-width: 1120px) {
    .ajax-service-hero-card[b-yzs6hb5oja],
    .ajax-service-grid[b-yzs6hb5oja] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .ajax-service-hero-card[b-yzs6hb5oja],
    .ajax-service-grid[b-yzs6hb5oja],
    .ajax-process-list article[b-yzs6hb5oja] {
        grid-template-columns: 1fr;
    }

    .ajax-service-visual[b-yzs6hb5oja] {
        min-height: 420px;
    }
}
/* /Components/Pages/ServiceDetail.razor.rz.scp.css */
.service-detail-page[b-8l9q8oy6sw] {
    padding: 112px 0 0;
    background:
        radial-gradient(circle at 10% 8%, rgba(117, 197, 220, 0.08), transparent 34%),
        radial-gradient(circle at 86% 20%, rgba(255, 255, 255, 0.04), transparent 28%),
        #030303;
    color: rgba(255, 255, 255, 0.92);
    overflow: hidden;
}

.service-detail-page :global(.container)[b-8l9q8oy6sw] {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.service-detail-page :global(.eyebrow)[b-8l9q8oy6sw] {
    margin: 0 0 16px;
    color: #80e8ff;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.service-detail-page :global(.btn)[b-8l9q8oy6sw] {
    min-height: 44px;
    border-radius: 999px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 900;
    border: 1px solid rgba(255, 255, 255, 0.16);
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.service-detail-page :global(.btn:hover)[b-8l9q8oy6sw] {
    transform: translateY(-2px);
}

.service-detail-page :global(.btn-primary)[b-8l9q8oy6sw] {
    background: rgba(255, 255, 255, 0.94);
    color: #060606;
}

.service-detail-page :global(.btn-ghost)[b-8l9q8oy6sw] {
    background: rgba(255, 255, 255, 0.045);
    color: rgba(255, 255, 255, 0.88);
}

.service-detail-page :global(.service-detail-hero)[b-8l9q8oy6sw] {
    padding: 42px 0 72px;
}

.service-detail-page :global(.detail-hero-grid)[b-8l9q8oy6sw] {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(420px, 1fr);
    gap: 28px;
    align-items: stretch;
}

.service-detail-page :global(.detail-hero-copy)[b-8l9q8oy6sw],
.service-detail-page :global(.detail-hero-visual)[b-8l9q8oy6sw],
.service-detail-page :global(.service-info-card)[b-8l9q8oy6sw],
.service-detail-page :global(.service-workflow-card)[b-8l9q8oy6sw],
.service-detail-page :global(.service-faq-card)[b-8l9q8oy6sw],
.service-detail-page :global(.related-work-panel)[b-8l9q8oy6sw],
.service-detail-page :global(.service-detail-cta-panel)[b-8l9q8oy6sw],
.service-detail-page :global(.application-card)[b-8l9q8oy6sw],
.service-detail-page :global(.featured-application-card)[b-8l9q8oy6sw] {
    border: 1px solid rgba(255, 255, 255, 0.13);
    background:
        radial-gradient(circle at 72% 12%, rgba(128, 232, 255, 0.08), transparent 18rem),
        linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
    box-shadow: 0 24px 90px rgba(0,0,0,.36);
}

.service-detail-page :global(.detail-hero-copy)[b-8l9q8oy6sw] {
    min-height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 38px;
    padding: clamp(28px, 5vw, 66px);
}

.service-detail-page :global(.detail-back-link)[b-8l9q8oy6sw] {
    width: fit-content;
    margin-bottom: 28px;
    color: rgba(255,255,255,.56);
    text-decoration: none;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.service-detail-page :global(.detail-hero-copy h1)[b-8l9q8oy6sw] {
    max-width: 740px;
    margin: 0;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(3.4rem, 8vw, 7.4rem);
    line-height: .88;
    letter-spacing: -.085em;
}

.service-detail-page :global(.detail-hero-summary)[b-8l9q8oy6sw] {
    max-width: 680px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.68);
    line-height: 1.86;
    font-size: 1.04rem;
}

.service-detail-page :global(.detail-hero-actions)[b-8l9q8oy6sw] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.service-detail-page :global(.detail-hero-visual)[b-8l9q8oy6sw] {
    position: relative;
    min-height: 560px;
    overflow: hidden;
    border-radius: 38px;
    isolation: isolate;
    background:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
        radial-gradient(circle at 56% 38%, rgba(128,232,255,.17), transparent 20rem),
        #080909;
    background-size: 48px 48px, 48px 48px, auto, auto;
}

.service-detail-page :global(.detail-hero-visual img)[b-8l9q8oy6sw] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .7;
    filter: saturate(.7) contrast(1.04);
}

.service-detail-page :global(.detail-hero-visual::after)[b-8l9q8oy6sw] {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.72));
}

.service-detail-page :global(.detail-hero-frame)[b-8l9q8oy6sw] {
    position: absolute;
    left: 26px;
    right: 26px;
    bottom: 26px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 999px;
    padding: 12px 16px;
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(12px);
    text-transform: uppercase;
    letter-spacing: .13em;
    font-size: .76rem;
    font-weight: 950;
}

.service-detail-page :global(.detail-hero-frame span)[b-8l9q8oy6sw] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.12);
    color: rgba(255,255,255,.9);
}

.service-detail-page :global(.service-detail-section)[b-8l9q8oy6sw] {
    padding: 46px 0;
}

.service-detail-page :global(.service-section-grid)[b-8l9q8oy6sw] {
    display: grid;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.2fr);
    gap: clamp(24px, 5vw, 72px);
    align-items: start;
}

.service-detail-page :global(.service-section-grid.flip)[b-8l9q8oy6sw] {
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, .72fr);
}

.service-detail-page :global(.service-section-grid.flip .service-section-heading)[b-8l9q8oy6sw] {
    order: 2;
}

.service-detail-page :global(.service-section-heading)[b-8l9q8oy6sw] {
    position: sticky;
    top: 104px;
}

.service-detail-page :global(.service-section-heading h2)[b-8l9q8oy6sw],
.service-detail-page :global(.service-wide-heading h2)[b-8l9q8oy6sw],
.service-detail-page :global(.application-library-head h2)[b-8l9q8oy6sw],
.service-detail-page :global(.related-work-panel h2)[b-8l9q8oy6sw],
.service-detail-page :global(.service-detail-cta-panel h2)[b-8l9q8oy6sw] {
    margin: 0;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(2.4rem, 5vw, 5.4rem);
    line-height: .92;
    letter-spacing: -.075em;
}

.service-detail-page :global(.service-section-heading.small-heading h2)[b-8l9q8oy6sw] {
    font-size: clamp(2rem, 4vw, 3.6rem);
}

.service-detail-page :global(.service-info-grid)[b-8l9q8oy6sw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.service-detail-page :global(.service-info-grid.two-columns)[b-8l9q8oy6sw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.service-detail-page :global(.service-info-card)[b-8l9q8oy6sw] {
    min-height: 220px;
    border-radius: 26px;
    padding: 24px;
    position: relative;
    overflow: hidden;
}

.service-detail-page :global(.service-info-card::after)[b-8l9q8oy6sw] {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 34px 34px;
    opacity: .24;
    pointer-events: none;
}

.service-detail-page :global(.service-info-card span)[b-8l9q8oy6sw] {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 42px;
    color: #fff;
    font-weight: 950;
    letter-spacing: -.03em;
    font-size: 1.04rem;
}

.service-detail-page :global(.service-info-card p)[b-8l9q8oy6sw],
.service-detail-page :global(.service-workflow-card p)[b-8l9q8oy6sw],
.service-detail-page :global(.service-faq-card p)[b-8l9q8oy6sw],
.service-detail-page :global(.application-card p)[b-8l9q8oy6sw],
.service-detail-page :global(.featured-app-copy p)[b-8l9q8oy6sw],
.service-detail-page :global(.application-library-head > p)[b-8l9q8oy6sw] {
    position: relative;
    z-index: 2;
    margin: 0;
    color: rgba(255,255,255,.64);
    line-height: 1.75;
}

.service-detail-page :global(.service-inputs-grid)[b-8l9q8oy6sw] {
    margin-top: 18px;
}

.service-detail-page :global(.application-library-head)[b-8l9q8oy6sw] {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(320px, .55fr);
    gap: 28px;
    align-items: end;
    margin-bottom: 24px;
}

.service-detail-page :global(.featured-application-card)[b-8l9q8oy6sw] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(380px, .75fr);
    gap: 0;
    overflow: hidden;
    border-radius: 38px;
    margin-bottom: 18px;
}

.service-detail-page :global(.featured-app-visual)[b-8l9q8oy6sw],
.service-detail-page :global(.application-card-media)[b-8l9q8oy6sw] {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
        radial-gradient(circle at 55% 42%, rgba(128,232,255,.14), transparent 16rem),
        #07090a;
    background-size: 40px 40px, 40px 40px, auto, auto;
}

.service-detail-page :global(.featured-app-visual)[b-8l9q8oy6sw] {
    min-height: 480px;
    border-inline-end: 1px solid rgba(255,255,255,.12);
}

.service-detail-page :global(.featured-app-visual img)[b-8l9q8oy6sw],
.service-detail-page :global(.application-card-media img)[b-8l9q8oy6sw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: .88;
    filter: saturate(.82) contrast(1.06);
    transition: transform .45s ease, opacity .45s ease;
}

.service-detail-page :global(.application-card:hover img)[b-8l9q8oy6sw],
.service-detail-page :global(.featured-application-card:hover img)[b-8l9q8oy6sw] {
    transform: scale(1.035);
    opacity: 1;
}

.service-detail-page :global(.featured-app-badge)[b-8l9q8oy6sw],
.service-detail-page :global(.application-number)[b-8l9q8oy6sw],
.service-detail-page :global(.application-status)[b-8l9q8oy6sw] {
    position: absolute;
    z-index: 3;
    border: 1px solid rgba(255,255,255,.17);
    background: rgba(0,0,0,.45);
    backdrop-filter: blur(12px);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.service-detail-page :global(.featured-app-badge)[b-8l9q8oy6sw] {
    left: 24px;
    top: 24px;
    border-radius: 999px;
    padding: 10px 16px;
}

.service-detail-page :global(.featured-app-copy)[b-8l9q8oy6sw] {
    padding: clamp(28px, 4vw, 54px);
    display: grid;
    align-content: center;
    gap: 16px;
}

.service-detail-page :global(.featured-app-copy h3)[b-8l9q8oy6sw],
.service-detail-page :global(.application-card h3)[b-8l9q8oy6sw],
.service-detail-page :global(.service-workflow-card h3)[b-8l9q8oy6sw],
.service-detail-page :global(.service-faq-card h3)[b-8l9q8oy6sw] {
    margin: 0;
    font-family: var(--display-font, Georgia, serif);
    letter-spacing: -.055em;
    line-height: .98;
}

.service-detail-page :global(.featured-app-copy h3)[b-8l9q8oy6sw] {
    font-size: clamp(2.5rem, 5.2vw, 5.4rem);
}

.service-detail-page :global(.app-feature-list)[b-8l9q8oy6sw],
.service-detail-page :global(.app-tags)[b-8l9q8oy6sw] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.service-detail-page :global(.app-feature-list span)[b-8l9q8oy6sw],
.service-detail-page :global(.app-tags span)[b-8l9q8oy6sw] {
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 999px;
    padding: 8px 12px;
    color: rgba(255,255,255,.78);
    background: rgba(255,255,255,.055);
    font-size: .74rem;
    font-weight: 900;
}

.service-detail-page :global(.app-feature-list.compact)[b-8l9q8oy6sw] {
    display: grid;
}

.service-detail-page :global(.app-feature-list.compact span)[b-8l9q8oy6sw] {
    border-radius: 14px;
}

.service-detail-page :global(.app-card-actions)[b-8l9q8oy6sw] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
}

.service-detail-page :global(.app-card-actions .btn)[b-8l9q8oy6sw] {
    flex: 1 1 160px;
}

.service-detail-page :global(.application-card-grid)[b-8l9q8oy6sw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.service-detail-page :global(.application-card)[b-8l9q8oy6sw] {
    overflow: hidden;
    border-radius: 30px;
}

.service-detail-page :global(.application-card-media)[b-8l9q8oy6sw] {
    aspect-ratio: 16 / 9;
}

.service-detail-page :global(.application-number)[b-8l9q8oy6sw] {
    left: 16px;
    top: 16px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.service-detail-page :global(.application-status)[b-8l9q8oy6sw] {
    right: 16px;
    top: 16px;
    border-radius: 999px;
    padding: 9px 12px;
    color: #80e8ff;
}

.service-detail-page :global(.application-card-body)[b-8l9q8oy6sw] {
    padding: 24px;
    display: grid;
    gap: 14px;
}

.service-detail-page :global(.application-card h3)[b-8l9q8oy6sw] {
    font-size: clamp(1.9rem, 3vw, 3.2rem);
}

.service-detail-page :global(.service-wide-heading)[b-8l9q8oy6sw] {
    max-width: 850px;
    margin-bottom: 24px;
}

.service-detail-page :global(.service-workflow-grid)[b-8l9q8oy6sw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.service-detail-page :global(.service-workflow-card)[b-8l9q8oy6sw] {
    min-height: 250px;
    border-radius: 26px;
    padding: 24px;
}

.service-detail-page :global(.service-workflow-card span)[b-8l9q8oy6sw] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 50%;
    margin-bottom: 70px;
    color: #80e8ff;
    font-weight: 950;
}

.service-detail-page :global(.service-workflow-card h3)[b-8l9q8oy6sw],
.service-detail-page :global(.service-faq-card h3)[b-8l9q8oy6sw] {
    font-size: 1.5rem;
    margin-bottom: 12px;
}

.service-detail-page :global(.related-work-panel)[b-8l9q8oy6sw],
.service-detail-page :global(.service-detail-cta-panel)[b-8l9q8oy6sw] {
    border-radius: 34px;
    padding: clamp(26px, 5vw, 52px);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
}

.service-detail-page :global(.related-work-actions)[b-8l9q8oy6sw],
.service-detail-page :global(.detail-cta-actions)[b-8l9q8oy6sw] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.service-detail-page :global(.service-faq-list)[b-8l9q8oy6sw] {
    display: grid;
    gap: 12px;
}

.service-detail-page :global(.service-faq-card)[b-8l9q8oy6sw] {
    border-radius: 26px;
    padding: 24px;
}

.service-detail-missing[b-8l9q8oy6sw] {
    min-height: 70vh;
    display: grid;
    align-items: center;
}

.service-missing-card[b-8l9q8oy6sw] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 34px;
    padding: clamp(28px, 6vw, 70px);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.02));
}

.service-missing-card h1[b-8l9q8oy6sw] {
    max-width: 720px;
    margin: 0;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(2.4rem, 6vw, 5rem);
    line-height: 0.9;
}

.service-missing-card p[b-8l9q8oy6sw] {
    max-width: 620px;
    margin: 22px 0 28px;
    color: rgba(255, 255, 255, 0.66);
    line-height: 1.8;
}

@media (max-width: 1020px) {
    .service-detail-page :global(.detail-hero-grid)[b-8l9q8oy6sw],
    .service-detail-page :global(.service-section-grid)[b-8l9q8oy6sw],
    .service-detail-page :global(.service-section-grid.flip)[b-8l9q8oy6sw],
    .service-detail-page :global(.application-library-head)[b-8l9q8oy6sw],
    .service-detail-page :global(.featured-application-card)[b-8l9q8oy6sw],
    .service-detail-page :global(.related-work-panel)[b-8l9q8oy6sw],
    .service-detail-page :global(.service-detail-cta-panel)[b-8l9q8oy6sw] {
        grid-template-columns: 1fr;
    }

    .service-detail-page :global(.service-section-grid.flip .service-section-heading)[b-8l9q8oy6sw] {
        order: 0;
    }

    .service-detail-page :global(.service-section-heading)[b-8l9q8oy6sw] {
        position: static;
    }

    .service-detail-page :global(.service-info-grid)[b-8l9q8oy6sw],
    .service-detail-page :global(.service-info-grid.two-columns)[b-8l9q8oy6sw],
    .service-detail-page :global(.service-workflow-grid)[b-8l9q8oy6sw],
    .service-detail-page :global(.application-card-grid)[b-8l9q8oy6sw] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .service-detail-page :global(.featured-app-visual)[b-8l9q8oy6sw] {
        border-inline-end: 0;
        border-bottom: 1px solid rgba(255,255,255,.12);
    }
}

@media (max-width: 700px) {
    .service-detail-page[b-8l9q8oy6sw] {
        padding-top: 92px;
    }

    .service-detail-page :global(.container)[b-8l9q8oy6sw] {
        width: min(100% - 24px, 1180px);
    }

    .service-detail-page :global(.detail-hero-copy)[b-8l9q8oy6sw],
    .service-detail-page :global(.detail-hero-visual)[b-8l9q8oy6sw] {
        min-height: 0;
        border-radius: 26px;
    }

    .service-detail-page :global(.detail-hero-visual)[b-8l9q8oy6sw] {
        min-height: 330px;
    }

    .service-detail-page :global(.service-info-grid)[b-8l9q8oy6sw],
    .service-detail-page :global(.service-info-grid.two-columns)[b-8l9q8oy6sw],
    .service-detail-page :global(.service-workflow-grid)[b-8l9q8oy6sw],
    .service-detail-page :global(.application-card-grid)[b-8l9q8oy6sw] {
        grid-template-columns: 1fr;
    }

    .service-detail-page :global(.service-info-card)[b-8l9q8oy6sw],
    .service-detail-page :global(.service-workflow-card)[b-8l9q8oy6sw] {
        min-height: 0;
    }

    .service-detail-page :global(.featured-app-visual)[b-8l9q8oy6sw] {
        min-height: 280px;
    }

    .service-detail-page :global(.service-detail-section)[b-8l9q8oy6sw] {
        padding: 32px 0;
    }

    .service-detail-page :global(.detail-hero-actions .btn)[b-8l9q8oy6sw],
    .service-detail-page :global(.related-work-actions .btn)[b-8l9q8oy6sw],
    .service-detail-page :global(.detail-cta-actions .btn)[b-8l9q8oy6sw] {
        width: 100%;
    }
}

/* =========================================================
   Sales & Training Application — focused visual polish
   Scoped to this service page only.
   ========================================================= */
.service-detail-page.sales-training-detail[b-8l9q8oy6sw] {
    padding-top: 104px;
    background:
        radial-gradient(circle at 12% 5%, rgba(92, 201, 231, 0.09), transparent 31%),
        radial-gradient(circle at 88% 17%, rgba(255, 255, 255, 0.035), transparent 25%),
        #030303;
}

.service-detail-page.sales-training-detail :global(.service-detail-hero)[b-8l9q8oy6sw] {
    padding: 26px 0 48px;
}

.service-detail-page.sales-training-detail :global(.detail-hero-grid)[b-8l9q8oy6sw] {
    grid-template-columns: minmax(0, .94fr) minmax(430px, 1.06fr);
    gap: 20px;
}

.service-detail-page.sales-training-detail :global(.detail-hero-copy)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.detail-hero-visual)[b-8l9q8oy6sw] {
    min-height: 500px;
}

.service-detail-page.sales-training-detail :global(.detail-hero-copy)[b-8l9q8oy6sw] {
    padding: clamp(30px, 4.7vw, 58px);
}

.service-detail-page.sales-training-detail :global(.detail-hero-copy h1)[b-8l9q8oy6sw] {
    max-width: 680px;
    font-size: clamp(3.2rem, 6.6vw, 6.4rem);
    line-height: .91;
    letter-spacing: -.073em;
    text-wrap: balance;
}

.service-detail-page.sales-training-detail :global(.detail-hero-summary)[b-8l9q8oy6sw] {
    max-width: 620px;
    margin-top: 22px;
    color: rgba(255,255,255,.76);
    font-size: clamp(1rem, 1.3vw, 1.12rem);
    line-height: 1.78;
}

.service-detail-page.sales-training-detail :global(.detail-hero-visual img)[b-8l9q8oy6sw] {
    opacity: .88;
    object-position: center;
    filter: saturate(.78) contrast(1.08) brightness(.78);
}

.service-detail-page.sales-training-detail :global(.detail-hero-visual::after)[b-8l9q8oy6sw] {
    background:
        linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.68)),
        linear-gradient(90deg, rgba(0,0,0,.18), transparent 34%);
}

.service-detail-page.sales-training-detail :global(.service-detail-section)[b-8l9q8oy6sw] {
    padding: 38px 0;
}

.service-detail-page.sales-training-detail :global(.service-section-grid)[b-8l9q8oy6sw] {
    gap: clamp(26px, 4.5vw, 60px);
}

.service-detail-page.sales-training-detail :global(.service-section-heading h2)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.service-wide-heading h2)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.application-library-head h2)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.related-work-panel h2)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.service-detail-cta-panel h2)[b-8l9q8oy6sw] {
    line-height: .96;
    letter-spacing: -.062em;
    text-wrap: balance;
}

.service-detail-page.sales-training-detail :global(.service-info-grid)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.service-workflow-grid)[b-8l9q8oy6sw] {
    gap: 14px;
}

.service-detail-page.sales-training-detail :global(.service-info-card)[b-8l9q8oy6sw] {
    min-height: 190px;
    padding: 26px;
    border-color: rgba(255,255,255,.16);
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
        radial-gradient(circle at 88% 10%, rgba(128,232,255,.075), transparent 12rem);
}

.service-detail-page.sales-training-detail :global(.service-info-card span)[b-8l9q8oy6sw] {
    margin-bottom: 30px;
    font-size: 1.08rem;
    line-height: 1.25;
}

.service-detail-page.sales-training-detail :global(.service-info-card p)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.service-workflow-card p)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.service-faq-card p)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.featured-app-copy p)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.application-library-head > p)[b-8l9q8oy6sw] {
    color: rgba(255,255,255,.74);
    font-size: .98rem;
    line-height: 1.72;
}

.service-detail-page.sales-training-detail :global(.application-library-head)[b-8l9q8oy6sw] {
    grid-template-columns: minmax(0, .9fr) minmax(320px, .56fr);
    margin-bottom: 30px;
}

.service-detail-page.sales-training-detail :global(.featured-application-card)[b-8l9q8oy6sw] {
    grid-template-columns: minmax(0, 1.1fr) minmax(390px, .9fr);
    border-color: rgba(128,232,255,.22);
    background:
        radial-gradient(circle at 18% 18%, rgba(63, 181, 211, .12), transparent 28rem),
        linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.02));
}

.service-detail-page.sales-training-detail :global(.featured-app-visual)[b-8l9q8oy6sw] {
    min-height: 470px;
    display: block;
    padding: 14px;
    gap: 12px;
    background:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
        radial-gradient(circle at 55% 40%, rgba(128,232,255,.14), transparent 17rem),
        #07090a;
    background-size: 38px 38px, 38px 38px, auto, auto;
}

.service-detail-page.sales-training-detail :global(.featured-app-main-media)[b-8l9q8oy6sw] {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background: #050606;
}

.service-detail-page.sales-training-detail :global(.featured-app-main-media::after)[b-8l9q8oy6sw] {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.38));
}

.service-detail-page.sales-training-detail :global(.featured-app-main-media img)[b-8l9q8oy6sw] {
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
    object-position: center;
    opacity: .92;
    filter: saturate(.82) contrast(1.07) brightness(.82);
}

.service-detail-page.sales-training-detail :global(.featured-app-badge)[b-8l9q8oy6sw] {
    left: 34px;
    top: 34px;
    color: #b9f5ff;
    border-color: rgba(128,232,255,.34);
    background: rgba(3,13,16,.72);
}

.service-detail-page.sales-training-detail :global(.featured-app-number)[b-8l9q8oy6sw] {
    position: absolute;
    right: 34px;
    top: 34px;
    z-index: 4;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(128,232,255,.32);
    border-radius: 50%;
    color: #b9f5ff;
    background: rgba(3,13,16,.72);
    backdrop-filter: blur(12px);
    font-size: .8rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.service-detail-page.sales-training-detail :global(.featured-app-preview-strip)[b-8l9q8oy6sw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.service-detail-page.sales-training-detail :global(.featured-preview-item)[b-8l9q8oy6sw] {
    position: relative;
    min-height: 104px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    background: #060707;
    text-decoration: none;
    transition: transform .24s ease, border-color .24s ease, background .24s ease;
}

.service-detail-page.sales-training-detail :global(.featured-preview-item:hover)[b-8l9q8oy6sw] {
    transform: translateY(-3px);
    border-color: rgba(128,232,255,.5);
    background: rgba(128,232,255,.06);
}

.service-detail-page.sales-training-detail :global(.featured-preview-item img)[b-8l9q8oy6sw] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .66;
    filter: saturate(.72) contrast(1.08) brightness(.7);
}

.service-detail-page.sales-training-detail :global(.featured-preview-item::after)[b-8l9q8oy6sw] {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.78));
}

.service-detail-page.sales-training-detail :global(.featured-preview-item span)[b-8l9q8oy6sw] {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 10px;
    z-index: 2;
    color: rgba(255,255,255,.9);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.service-detail-page.sales-training-detail :global(.featured-app-copy)[b-8l9q8oy6sw] {
    padding: clamp(30px, 4vw, 52px);
    gap: 18px;
}

.service-detail-page.sales-training-detail :global(.featured-app-copy h3)[b-8l9q8oy6sw] {
    font-size: clamp(2.7rem, 4.6vw, 5rem);
    line-height: .95;
    text-wrap: balance;
}

.service-detail-page.sales-training-detail :global(.featured-app-summary)[b-8l9q8oy6sw] {
    color: rgba(255,255,255,.76);
    font-size: 1rem;
}

.service-detail-page.sales-training-detail :global(.app-proof-label)[b-8l9q8oy6sw] {
    margin-top: 4px;
    color: #9feeff;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.service-detail-page.sales-training-detail :global(.app-feature-list span)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.app-tags span)[b-8l9q8oy6sw] {
    padding: 9px 13px;
    color: rgba(255,255,255,.84);
    border-color: rgba(255,255,255,.17);
    background: rgba(255,255,255,.065);
    font-size: .78rem;
}

.service-detail-page.sales-training-detail :global(.app-card-actions)[b-8l9q8oy6sw] {
    margin-top: 10px;
}

.service-detail-page.sales-training-detail :global(.app-card-actions .btn)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.detail-hero-actions .btn)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.related-work-actions .btn)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.detail-cta-actions .btn)[b-8l9q8oy6sw] {
    min-height: 48px;
    padding-inline: 24px;
    font-size: .86rem;
}

.service-detail-page.sales-training-detail :global(.service-workflow-card)[b-8l9q8oy6sw] {
    min-height: 238px;
    padding: 26px;
    border-color: rgba(255,255,255,.16);
    background:
        radial-gradient(circle at 82% 10%, rgba(128,232,255,.065), transparent 10rem),
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
}

.service-detail-page.sales-training-detail :global(.service-workflow-card span)[b-8l9q8oy6sw] {
    margin-bottom: 34px;
    border-color: rgba(128,232,255,.28);
    background: rgba(128,232,255,.045);
}

.service-detail-page.sales-training-detail :global(.service-workflow-card h3)[b-8l9q8oy6sw] {
    font-size: 1.65rem;
    line-height: 1.02;
}

.service-detail-page.sales-training-detail :global(.service-faq-card)[b-8l9q8oy6sw] {
    padding: 27px;
    border-color: rgba(255,255,255,.15);
}

.service-detail-page.sales-training-detail :global(.service-faq-card h3)[b-8l9q8oy6sw] {
    font-size: 1.58rem;
    line-height: 1.08;
}

.service-detail-page.sales-training-detail :global(.related-work-panel)[b-8l9q8oy6sw],
.service-detail-page.sales-training-detail :global(.service-detail-cta-panel)[b-8l9q8oy6sw] {
    border-color: rgba(255,255,255,.16);
    background:
        radial-gradient(circle at 82% 12%, rgba(128,232,255,.085), transparent 16rem),
        linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.025));
}

@media (max-width: 1020px) {
    .service-detail-page.sales-training-detail :global(.detail-hero-grid)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.featured-application-card)[b-8l9q8oy6sw] {
        grid-template-columns: 1fr;
    }

    .service-detail-page.sales-training-detail :global(.detail-hero-copy)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.detail-hero-visual)[b-8l9q8oy6sw] {
        min-height: 0;
    }

    .service-detail-page.sales-training-detail :global(.detail-hero-visual)[b-8l9q8oy6sw] {
        min-height: 420px;
    }

    .service-detail-page.sales-training-detail :global(.featured-app-visual)[b-8l9q8oy6sw] {
        min-height: 0;
        border-inline-end: 0;
        border-bottom: 1px solid rgba(255,255,255,.12);
    }
}

@media (max-width: 700px) {
    .service-detail-page.sales-training-detail[b-8l9q8oy6sw] {
        padding-top: 88px;
    }

    .service-detail-page.sales-training-detail :global(.service-detail-hero)[b-8l9q8oy6sw] {
        padding: 18px 0 30px;
    }

    .service-detail-page.sales-training-detail :global(.detail-hero-copy h1)[b-8l9q8oy6sw] {
        font-size: clamp(3rem, 15vw, 4.35rem);
        line-height: .93;
        letter-spacing: -.065em;
    }

    .service-detail-page.sales-training-detail :global(.detail-hero-summary)[b-8l9q8oy6sw] {
        font-size: 1rem;
        line-height: 1.68;
    }

    .service-detail-page.sales-training-detail :global(.detail-hero-visual)[b-8l9q8oy6sw] {
        min-height: 280px;
    }

    .service-detail-page.sales-training-detail :global(.service-detail-section)[b-8l9q8oy6sw] {
        padding: 28px 0;
    }

    .service-detail-page.sales-training-detail :global(.service-section-heading h2)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.service-wide-heading h2)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.application-library-head h2)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.related-work-panel h2)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.service-detail-cta-panel h2)[b-8l9q8oy6sw] {
        font-size: clamp(2.3rem, 12vw, 3.7rem);
        line-height: .96;
    }

    .service-detail-page.sales-training-detail :global(.application-library-head)[b-8l9q8oy6sw] {
        gap: 16px;
        margin-bottom: 20px;
    }

    .service-detail-page.sales-training-detail :global(.featured-app-visual)[b-8l9q8oy6sw] {
        padding: 10px;
    }

    .service-detail-page.sales-training-detail :global(.featured-app-main-media)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.featured-app-main-media img)[b-8l9q8oy6sw] {
        min-height: 250px;
    }

    .service-detail-page.sales-training-detail :global(.featured-app-preview-strip)[b-8l9q8oy6sw] {
        grid-template-columns: 1fr;
    }

    .service-detail-page.sales-training-detail :global(.featured-preview-item)[b-8l9q8oy6sw] {
        min-height: 118px;
    }

    .service-detail-page.sales-training-detail :global(.featured-app-copy)[b-8l9q8oy6sw] {
        padding: 26px 20px 28px;
    }

    .service-detail-page.sales-training-detail :global(.featured-app-copy h3)[b-8l9q8oy6sw] {
        font-size: clamp(2.45rem, 12vw, 3.6rem);
    }

    .service-detail-page.sales-training-detail :global(.service-info-card)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.service-workflow-card)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.service-faq-card)[b-8l9q8oy6sw] {
        min-height: 0;
        padding: 22px;
    }

    .service-detail-page.sales-training-detail :global(.service-info-card span)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.service-workflow-card span)[b-8l9q8oy6sw] {
        margin-bottom: 22px;
    }

    .service-detail-page.sales-training-detail :global(.service-info-card p)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.service-workflow-card p)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.service-faq-card p)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.featured-app-copy p)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.application-library-head > p)[b-8l9q8oy6sw] {
        font-size: .98rem;
        line-height: 1.66;
    }

    .service-detail-page.sales-training-detail :global(.app-card-actions .btn)[b-8l9q8oy6sw] {
        flex-basis: 100%;
        width: 100%;
    }
}


/* Sales & Training: one proof image only; the page remains a general service page. */
.service-detail-page.sales-training-detail :global(.single-application-library .featured-app-visual)[b-8l9q8oy6sw] {
    grid-template-rows: none;
}

.service-detail-page.sales-training-detail :global(.single-application-library .featured-app-main-media)[b-8l9q8oy6sw] {
    height: 100%;
}

@media (max-width: 700px) {
    .service-detail-page.sales-training-detail :global(.single-application-library .featured-app-visual)[b-8l9q8oy6sw] {
        min-height: 0;
    }

    .service-detail-page.sales-training-detail :global(.single-application-library .featured-app-main-media)[b-8l9q8oy6sw],
    .service-detail-page.sales-training-detail :global(.single-application-library .featured-app-main-media img)[b-8l9q8oy6sw] {
        min-height: 260px;
    }
}
/* /Components/Pages/Services.razor.rz.scp.css */
.services-page[b-w6qt3yie9q] {
    position: relative;
    min-height: 100vh;
    padding-top: calc(var(--mx-header-h) + 78px);
    padding-bottom: 90px;
}

.services-page[b-w6qt3yie9q]::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 28rem),
        radial-gradient(circle at 84% 24%, color-mix(in srgb, var(--text) 7%, transparent), transparent 30rem),
        linear-gradient(180deg, transparent, color-mix(in srgb, var(--panel) 20%, transparent) 46%, transparent 76%);
    opacity: .8;
}

@media (max-width: 720px) {
    .services-page[b-w6qt3yie9q] {
        padding-top: calc(var(--mx-header-h) + 36px);
        padding-bottom: 58px;
    }
}

/* Page-scoped header lift for the Services / Visual Systems page only. */
.site-root:has(.services-page) .header-inner[b-w6qt3yie9q] {
    min-height: 64px;
    padding: 12px 14px;
}

.site-root:has(.services-page) .brand-mark[b-w6qt3yie9q] {
    width: 42px;
    height: 42px;
}

.site-root:has(.services-page) .brand-text strong[b-w6qt3yie9q] {
    font-size: 1.06rem;
}

.site-root:has(.services-page) .main-nav a[b-w6qt3yie9q],
.site-root:has(.services-page) .language-switch button[b-w6qt3yie9q],
.site-root:has(.services-page) .icon-button[b-w6qt3yie9q] {
    font-size: .88rem;
}

.site-root:has(.services-page) .main-nav a[b-w6qt3yie9q] {
    padding: 11px 15px;
}

@media (max-width: 860px) {
    .site-root:has(.services-page) .header-inner[b-w6qt3yie9q] {
        min-height: 58px;
    }
}

/* Final Services polish: slightly larger page-scoped header without affecting other pages. */
.site-root:has(.services-page) .header-inner[b-w6qt3yie9q] {
    min-height: 68px;
    padding: 13px 16px;
}

.site-root:has(.services-page) .brand-mark[b-w6qt3yie9q] {
    width: 44px;
    height: 44px;
}

.site-root:has(.services-page) .brand-text strong[b-w6qt3yie9q] {
    font-size: 1.1rem;
}

.site-root:has(.services-page) .brand-text small[b-w6qt3yie9q] {
    font-size: .75rem;
}

.site-root:has(.services-page) .main-nav a[b-w6qt3yie9q],
.site-root:has(.services-page) .language-switch button[b-w6qt3yie9q],
.site-root:has(.services-page) .icon-button[b-w6qt3yie9q] {
    font-size: .91rem;
}

.site-root:has(.services-page) .main-nav a[b-w6qt3yie9q],
.site-root:has(.services-page) .language-switch button[b-w6qt3yie9q] {
    padding: 11px 16px;
}

.site-root:has(.services-page) .icon-button[b-w6qt3yie9q] {
    min-height: 42px;
    padding-inline: 16px;
}

@media (max-width: 860px) {
    .site-root:has(.services-page) .header-inner[b-w6qt3yie9q] {
        min-height: 60px;
        padding: 10px 12px;
    }

    .site-root:has(.services-page) .brand-mark[b-w6qt3yie9q] {
        width: 38px;
        height: 38px;
    }

    .site-root:has(.services-page) .main-nav a[b-w6qt3yie9q],
    .site-root:has(.services-page) .language-switch button[b-w6qt3yie9q],
    .site-root:has(.services-page) .icon-button[b-w6qt3yie9q] {
        font-size: .84rem;
    }
}


/* Final release polish scoped to the Services page. */
.site-root:has(.services-page) .main-nav a[b-w6qt3yie9q],
.site-root:has(.services-page) .language-switch button[b-w6qt3yie9q],
.site-root:has(.services-page) .icon-button[b-w6qt3yie9q] {
    font-size: .97rem;
    line-height: 1.35;
}

.site-root:has(.services-page) .footer-grid p[b-w6qt3yie9q],
.site-root:has(.services-page) .footer-grid a[b-w6qt3yie9q],
.site-root:has(.services-page) .footer-grid span[b-w6qt3yie9q] {
    font-size: .96rem;
    line-height: 1.78;
}

.site-root:has(.services-page) .footer-grid h3[b-w6qt3yie9q] {
    font-size: 1.08rem;
    line-height: 1.35;
}

.site-root:has(.services-page) .footer-bottom[b-w6qt3yie9q] {
    font-size: .92rem;
    line-height: 1.6;
}

.services-page .btn-ghost[b-w6qt3yie9q] {
    color: color-mix(in srgb, var(--text) 92%, var(--muted));
    border-color: color-mix(in srgb, var(--line-strong) 86%, var(--text) 14%);
    background: color-mix(in srgb, var(--panel) 64%, transparent);
}

.services-page .btn-ghost:hover[b-w6qt3yie9q] {
    color: var(--text);
    border-color: color-mix(in srgb, var(--text) 36%, var(--line-strong));
    background: color-mix(in srgb, var(--panel-strong) 86%, transparent);
}

.services-page a:focus-visible[b-w6qt3yie9q],
.services-page button:focus-visible[b-w6qt3yie9q] {
    outline: 2px solid color-mix(in srgb, var(--text) 84%, var(--accent-2));
    outline-offset: 3px;
}

@media (max-width: 860px) {
    .site-root:has(.services-page) .main-nav a[b-w6qt3yie9q],
    .site-root:has(.services-page) .language-switch button[b-w6qt3yie9q],
    .site-root:has(.services-page) .icon-button[b-w6qt3yie9q] {
        font-size: .9rem;
    }
}

@media (max-width: 720px) {
    .site-root:has(.services-page) .footer-grid p[b-w6qt3yie9q],
    .site-root:has(.services-page) .footer-grid a[b-w6qt3yie9q],
    .site-root:has(.services-page) .footer-grid span[b-w6qt3yie9q] {
        font-size: .98rem;
    }
}


/* Final approval correction: slightly clearer navigation and footer copy on Services only. */
.site-root:has(.services-page) .main-nav a[b-w6qt3yie9q],
.site-root:has(.services-page) .language-switch button[b-w6qt3yie9q],
.site-root:has(.services-page) .icon-button[b-w6qt3yie9q] {
    font-size: 1rem;
}

.site-root:has(.services-page) .footer-grid p[b-w6qt3yie9q],
.site-root:has(.services-page) .footer-grid span[b-w6qt3yie9q] {
    color: color-mix(in srgb, var(--muted) 88%, var(--text));
    font-size: 1rem;
    line-height: 1.82;
}

.site-root:has(.services-page) .footer-grid a[b-w6qt3yie9q] {
    color: color-mix(in srgb, var(--muted) 82%, var(--text));
    font-size: 1rem;
    line-height: 1.82;
    transition: color 180ms ease, border-color 180ms ease;
}

.site-root:has(.services-page) .footer-grid a:hover[b-w6qt3yie9q] {
    color: var(--text);
}

.site-root:has(.services-page) .footer-grid a:focus-visible[b-w6qt3yie9q] {
    color: var(--text);
    outline: 2px solid color-mix(in srgb, var(--text) 82%, var(--accent-2));
    outline-offset: 3px;
}

.site-root:has(.services-page) .footer-bottom[b-w6qt3yie9q] {
    color: color-mix(in srgb, var(--muted) 84%, var(--text));
    font-size: .96rem;
}

@media (max-width: 860px) {
    .site-root:has(.services-page) .main-nav a[b-w6qt3yie9q],
    .site-root:has(.services-page) .language-switch button[b-w6qt3yie9q],
    .site-root:has(.services-page) .icon-button[b-w6qt3yie9q] {
        font-size: .93rem;
    }
}

@media (max-width: 720px) {
    .site-root:has(.services-page) .footer-grid p[b-w6qt3yie9q],
    .site-root:has(.services-page) .footer-grid a[b-w6qt3yie9q],
    .site-root:has(.services-page) .footer-grid span[b-w6qt3yie9q] {
        font-size: 1.01rem;
        line-height: 1.8;
    }
}
/* /Components/Pages/TechnologyStandCaseStudy.razor.rz.scp.css */
.stand-case-page[b-q6d1vsi87r] {
    --stand-section-space: clamp(78px, 8.6vw, 132px);
    --stand-card-radius: clamp(22px, 2.2vw, 34px);
    padding: clamp(110px, 12vw, 160px) 0 clamp(70px, 9vw, 130px);
    background:
        radial-gradient(circle at 16% 8%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 30rem),
        radial-gradient(circle at 88% 22%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 26rem),
        var(--bg);
    overflow: hidden;
}

.stand-case-page .container[b-q6d1vsi87r] {
    width: min(1460px, calc(100% - 72px));
    margin-inline: auto;
}

.stand-case-hero-card[b-q6d1vsi87r],
.stand-facts article[b-q6d1vsi87r],
.stand-proof-layers article[b-q6d1vsi87r],
.stand-journey-grid article[b-q6d1vsi87r],
.stand-documentation-strip article[b-q6d1vsi87r],
.stand-deliverables-grid article[b-q6d1vsi87r],
.stand-value-card[b-q6d1vsi87r],
.stand-case-cta[b-q6d1vsi87r],
.stand-gallery-grid figure[b-q6d1vsi87r],
.stand-cad-grid figure[b-q6d1vsi87r],
.stand-progress-strip figure[b-q6d1vsi87r] {
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--accent-2) 11%, transparent), transparent 18rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 80%, transparent), color-mix(in srgb, var(--panel) 66%, transparent));
    box-shadow: 0 26px 100px color-mix(in srgb, #000 32%, transparent);
}

.stand-case-hero-card[b-q6d1vsi87r] {
    position: relative;
    min-height: clamp(520px, 58vw, 820px);
    overflow: hidden;
    border-radius: clamp(30px, 3vw, 52px);
    isolation: isolate;
}

.stand-case-hero-card img[b-q6d1vsi87r] {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 58% 52%;
    filter: brightness(1.06) contrast(1.04) saturate(1.03);
}

.stand-case-hero-card[b-q6d1vsi87r]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        radial-gradient(circle at 66% 45%, transparent 0 22%, rgba(0,0,0,.1) 54%),
        linear-gradient(90deg, rgba(0,0,0,.82), rgba(0,0,0,.48) 35%, rgba(0,0,0,.06) 72%),
        linear-gradient(180deg, rgba(0,0,0,.08) 35%, rgba(0,0,0,.78));
}

.stand-back-link[b-q6d1vsi87r] {
    position: absolute;
    left: clamp(24px, 4vw, 62px);
    top: clamp(22px, 3vw, 42px);
    z-index: 3;
    color: rgba(255,255,255,.84);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-shadow: 0 2px 12px rgba(0,0,0,.72);
}

.stand-case-overlay[b-q6d1vsi87r] {
    position: absolute;
    left: clamp(24px, 4vw, 62px);
    bottom: clamp(28px, 5vw, 76px);
    z-index: 3;
    max-width: min(790px, 58%);
}

.stand-case-overlay h1[b-q6d1vsi87r],
.stand-case-head h2[b-q6d1vsi87r],
.stand-value-card h2[b-q6d1vsi87r],
.stand-case-cta h2[b-q6d1vsi87r] {
    margin: 0;
    color: var(--text);
    line-height: .9;
    letter-spacing: -.075em;
}

.stand-case-overlay h1[b-q6d1vsi87r] {
    max-width: 12ch;
    font-size: clamp(3rem, 5.9vw, 6.9rem);
    text-wrap: balance;
}

.stand-case-overlay p:not(.eyebrow)[b-q6d1vsi87r] {
    margin: 22px 0 0;
    max-width: 62ch;
    color: color-mix(in srgb, var(--text) 84%, transparent);
    font-size: clamp(1rem, 1.15vw, 1.16rem);
    line-height: 1.72;
}

.stand-facts[b-q6d1vsi87r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding-top: 16px;
}

.stand-facts article[b-q6d1vsi87r] {
    border-radius: var(--stand-card-radius);
    padding: clamp(20px, 2vw, 28px);
    min-height: 124px;
    display: grid;
    align-content: space-between;
}

.stand-facts span[b-q6d1vsi87r],
.stand-proof-layers span[b-q6d1vsi87r],
.stand-value-grid span[b-q6d1vsi87r] {
    color: var(--accent-2);
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.stand-facts strong[b-q6d1vsi87r] {
    color: var(--text);
    font-size: clamp(1.06rem, 1.45vw, 1.38rem);
    line-height: 1.3;
}

.stand-case-section[b-q6d1vsi87r] {
    padding-top: var(--stand-section-space);
}

.stand-case-head[b-q6d1vsi87r] {
    max-width: 980px;
    margin-bottom: clamp(20px, 3vw, 34px);
}

.stand-case-head h2[b-q6d1vsi87r],
.stand-value-card h2[b-q6d1vsi87r] {
    font-size: clamp(2.35rem, 5vw, 5.7rem);
    text-wrap: balance;
}

.stand-case-head > p:not(.eyebrow)[b-q6d1vsi87r] {
    margin: 16px 0 0;
    max-width: 740px;
    color: color-mix(in srgb, var(--text) 72%, var(--muted));
    font-size: clamp(1rem, 1.15vw, 1.15rem);
    line-height: 1.75;
}

.stand-proof-layers[b-q6d1vsi87r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.stand-proof-layers article[b-q6d1vsi87r] {
    overflow: hidden;
    border-radius: var(--stand-card-radius);
}

.stand-proof-layers img[b-q6d1vsi87r] {
    width: 100%;
    aspect-ratio: 16 / 10;
    display: block;
    object-fit: cover;
    border-bottom: 1px solid var(--line);
}

.stand-proof-layers div[b-q6d1vsi87r] {
    padding: clamp(22px, 2vw, 30px);
}

.stand-proof-layers h3[b-q6d1vsi87r],
.stand-value-grid h3[b-q6d1vsi87r] {
    margin: 18px 0 0;
    color: var(--text);
    font-size: clamp(1.25rem, 2vw, 2.1rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.stand-proof-layers p[b-q6d1vsi87r],
.stand-value-grid p[b-q6d1vsi87r] {
    margin: 12px 0 0;
    color: color-mix(in srgb, var(--text) 70%, var(--muted));
    font-size: .98rem;
    line-height: 1.75;
}

.stand-gallery-grid[b-q6d1vsi87r],
.stand-cad-grid[b-q6d1vsi87r],
.stand-progress-strip[b-q6d1vsi87r],
.stand-final-grid[b-q6d1vsi87r] {
    display: grid;
    gap: 14px;
}

.stand-gallery-grid.is-renders[b-q6d1vsi87r] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.stand-gallery-grid.is-renders figure:first-child[b-q6d1vsi87r] {
    grid-column: span 2;
    grid-row: span 2;
}

.stand-gallery-grid.is-renders figure:first-child img[b-q6d1vsi87r] {
    height: 100%;
    aspect-ratio: auto;
}

.stand-cad-grid[b-q6d1vsi87r] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.stand-cad-grid figure[b-q6d1vsi87r] {
    grid-column: span 2;
}

.stand-cad-grid figure:first-child[b-q6d1vsi87r],
.stand-cad-grid figure:nth-child(2)[b-q6d1vsi87r] {
    grid-column: span 3;
}

.stand-progress-strip[b-q6d1vsi87r] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-flow: dense;
}

.stand-progress-strip figure[b-q6d1vsi87r] {
    grid-column: span 2;
}

.stand-progress-strip figure:first-child[b-q6d1vsi87r],
.stand-progress-strip figure:nth-child(2)[b-q6d1vsi87r] {
    grid-column: span 3;
}

.stand-gallery-grid figure[b-q6d1vsi87r],
.stand-cad-grid figure[b-q6d1vsi87r],
.stand-progress-strip figure[b-q6d1vsi87r] {
    overflow: hidden;
    margin: 0;
    border-radius: var(--stand-card-radius);
}

.stand-image-button[b-q6d1vsi87r] {
    position: relative;
    width: 100%;
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: zoom-in;
    overflow: hidden;
}

.stand-image-button[b-q6d1vsi87r]::after {
    content: "+";
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.46);
    border-radius: 50%;
    background: rgba(4,8,12,.68);
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .2s ease, transform .2s ease;
}

.stand-image-button:hover[b-q6d1vsi87r]::after,
.stand-image-button:focus-visible[b-q6d1vsi87r]::after {
    opacity: 1;
    transform: none;
}

.stand-image-button:focus-visible[b-q6d1vsi87r] {
    outline: 3px solid var(--accent-2);
    outline-offset: -4px;
}

.stand-gallery-grid img[b-q6d1vsi87r],
.stand-cad-grid img[b-q6d1vsi87r],
.stand-progress-strip img[b-q6d1vsi87r] {
    width: 100%;
    aspect-ratio: 16 / 10;
    display: block;
    object-fit: cover;
    border-bottom: 1px solid var(--line);
    transition: transform .35s ease, filter .35s ease;
}

.stand-image-button:hover img[b-q6d1vsi87r] {
    transform: scale(1.018);
    filter: brightness(1.04);
}

.stand-cad-grid img[b-q6d1vsi87r] {
    background: #fff;
    object-fit: contain;
    aspect-ratio: 16 / 11;
    padding: clamp(8px, 1vw, 16px);
}

.stand-progress-strip img[b-q6d1vsi87r] {
    aspect-ratio: 4 / 5;
}

.stand-progress-strip figure:first-child img[b-q6d1vsi87r],
.stand-progress-strip figure:nth-child(2) img[b-q6d1vsi87r] {
    aspect-ratio: 4 / 3;
}

.stand-gallery-grid figcaption[b-q6d1vsi87r],
.stand-cad-grid figcaption[b-q6d1vsi87r],
.stand-progress-strip figcaption[b-q6d1vsi87r] {
    padding: 14px 16px;
    color: var(--text);
    font-size: .92rem;
    font-weight: 850;
    line-height: 1.35;
}

.stand-final-grid[b-q6d1vsi87r] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stand-final-grid figure[b-q6d1vsi87r] {
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--line);
    border-radius: 34px;
    background: var(--panel);
    box-shadow: 0 26px 100px color-mix(in srgb, #000 32%, transparent);
}

.stand-final-grid img[b-q6d1vsi87r] {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
}

.stand-final-grid figcaption[b-q6d1vsi87r] {
    padding: 15px 18px;
    color: var(--text);
    font-size: .94rem;
    font-weight: 850;
}

.stand-value-card[b-q6d1vsi87r] {
    border-radius: 38px;
    padding: clamp(26px, 4vw, 50px);
    display: grid;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.1fr);
    gap: 28px;
}

.stand-value-grid[b-q6d1vsi87r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.stand-value-grid article[b-q6d1vsi87r] {
    padding: clamp(24px, 2.35vw, 34px);
    border: 1px solid var(--line);
    border-radius: 24px;
    background: color-mix(in srgb, var(--panel-strong) 82%, transparent);
}

.stand-case-cta[b-q6d1vsi87r] {
    margin-top: clamp(64px, 8vw, 120px);
    border-radius: 38px;
    padding: clamp(30px, 4.5vw, 60px);
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) auto;
    align-items: center;
    gap: clamp(28px, 5vw, 72px);
}

.stand-case-cta h2[b-q6d1vsi87r] {
    max-width: 860px;
    font-size: clamp(2rem, 4.2vw, 4.8rem);
}

.stand-case-cta .stand-cta-copy > p:not(.eyebrow)[b-q6d1vsi87r] {
    margin: 18px 0 0;
    max-width: 74ch;
    color: color-mix(in srgb, var(--text) 72%, var(--muted));
    line-height: 1.72;
}

.stand-case-cta .stand-cta-actions[b-q6d1vsi87r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    max-width: 480px;
}

.stand-case-cta .btn[b-q6d1vsi87r] {
    min-height: 54px;
    padding-inline: 26px;
    font-weight: 900;
}

.stand-case-cta .btn-primary[b-q6d1vsi87r] {
    box-shadow: 0 14px 34px color-mix(in srgb, var(--accent-2) 16%, transparent);
}

.stand-case-cta .btn:focus-visible[b-q6d1vsi87r] {
    outline: 3px solid var(--accent-2);
    outline-offset: 3px;
}


.stand-journey-grid[b-q6d1vsi87r] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: clamp(28px, 4vw, 52px);
}

.stand-journey-grid article[b-q6d1vsi87r] {
    min-width: 0;
    min-height: 230px;
    padding: clamp(22px, 2.2vw, 30px);
    border-radius: 26px;
    display: grid;
    align-content: start;
    gap: 14px;
}

.stand-journey-grid span[b-q6d1vsi87r],
.stand-documentation-strip span[b-q6d1vsi87r],
.stand-deliverables-grid span[b-q6d1vsi87r] {
    color: var(--accent-2);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .11em;
}

.stand-journey-grid h3[b-q6d1vsi87r],
.stand-deliverables-grid h3[b-q6d1vsi87r] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.08rem, 1.45vw, 1.42rem);
    line-height: 1.1;
    letter-spacing: -.025em;
}

.stand-journey-grid p[b-q6d1vsi87r],
.stand-deliverables-grid p[b-q6d1vsi87r] {
    margin: 0;
    color: color-mix(in srgb, var(--text) 70%, var(--muted));
    font-size: .86rem;
    line-height: 1.62;
}

.stand-proof-label[b-q6d1vsi87r] {
    margin: 0 0 14px;
}

.stand-proof-label span[b-q6d1vsi87r] {
    display: inline-flex;
    padding: 9px 13px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    background: color-mix(in srgb, var(--panel-strong) 72%, transparent);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.stand-focus-strip[b-q6d1vsi87r],
.stand-site-stage-strip[b-q6d1vsi87r] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: -6px 0 clamp(22px, 3vw, 34px);
}

.stand-focus-strip span[b-q6d1vsi87r],
.stand-site-stage-strip span[b-q6d1vsi87r] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    background: color-mix(in srgb, var(--panel-strong) 78%, transparent);
    font-size: .78rem;
    font-weight: 850;
}

.stand-documentation-strip[b-q6d1vsi87r] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: clamp(22px, 3vw, 34px);
}

.stand-documentation-strip article[b-q6d1vsi87r] {
    min-height: 108px;
    padding: 18px;
    border-radius: 20px;
    display: grid;
    align-content: space-between;
    gap: 12px;
}

.stand-documentation-strip strong[b-q6d1vsi87r] {
    color: var(--text);
    font-size: .92rem;
    line-height: 1.28;
}

.stand-render-built[b-q6d1vsi87r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.stand-render-built figure[b-q6d1vsi87r] {
    position: relative;
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--line);
    border-radius: clamp(26px, 2.8vw, 40px);
    background: var(--panel);
    box-shadow: 0 26px 100px color-mix(in srgb, #000 30%, transparent);
}

.stand-render-built img[b-q6d1vsi87r] {
    width: 100%;
    display: block;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-bottom: 1px solid var(--line);
}

.stand-render-built figcaption[b-q6d1vsi87r] {
    padding: 16px 18px;
    color: var(--text);
    font-size: .94rem;
    font-weight: 850;
}

.stand-compare-badge[b-q6d1vsi87r] {
    position: absolute;
    z-index: 2;
    left: 16px;
    top: 16px;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 999px;
    background: rgba(4,8,12,.72);
    color: #fff;
    font-size: .7rem;
    font-weight: 950;
    letter-spacing: .1em;
    backdrop-filter: blur(12px);
}

.stand-deliverables-grid[b-q6d1vsi87r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.stand-deliverables-grid article[b-q6d1vsi87r] {
    min-height: 250px;
    padding: clamp(24px, 2.5vw, 34px);
    border-radius: 28px;
    display: grid;
    align-content: start;
    gap: 16px;
}

.stand-deliverables-section .stand-case-head[b-q6d1vsi87r] {
    max-width: 1080px;
}

.stand-value-grid[b-q6d1vsi87r] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stand-lightbox[b-q6d1vsi87r] {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: grid;
    place-items: center;
    padding: clamp(16px, 3vw, 42px);
    background: rgba(2,5,8,.88);
    backdrop-filter: blur(14px);
}

.stand-lightbox-dialog[b-q6d1vsi87r] {
    position: relative;
    width: min(1380px, 100%);
    max-height: calc(100dvh - 32px);
    display: grid;
    justify-items: center;
    gap: 12px;
    outline: none;
    touch-action: pan-y;
}

.stand-lightbox-stage[b-q6d1vsi87r] {
    position: relative;
    width: calc(100% - clamp(92px, 10vw, 144px));
    min-height: min(62dvh, 760px);
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: clamp(14px, 2vw, 26px);
    touch-action: pan-y;
}

.stand-lightbox-stage.is-zoomed[b-q6d1vsi87r] {
    touch-action: none;
}

.stand-lightbox-stage img[b-q6d1vsi87r] {
    max-width: 100%;
    max-height: calc(100dvh - 210px);
    object-fit: contain;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: clamp(14px, 2vw, 26px);
    background: #fff;
    box-shadow: 0 30px 110px rgba(0,0,0,.62);
    transform-origin: center center;
    transition: opacity .18s ease, transform .18s ease;
    will-change: transform;
    user-select: none;
    -webkit-user-drag: none;
}

.stand-lightbox-stage img.is-changing[b-q6d1vsi87r] {
    opacity: .72;
}

.stand-lightbox-loader[b-q6d1vsi87r] {
    position: absolute;
    inset: 50% auto auto 50%;
    z-index: 0;
    width: 34px;
    height: 34px;
    margin: -17px 0 0 -17px;
    border: 3px solid rgba(255,255,255,.18);
    border-top-color: #9ee7ff;
    border-radius: 50%;
    opacity: 0;
    animation: stand-gallery-spin-b-q6d1vsi87r .8s linear infinite;
}

.stand-lightbox-stage.is-loading .stand-lightbox-loader[b-q6d1vsi87r] {
    opacity: 1;
}

@keyframes stand-gallery-spin-b-q6d1vsi87r {
    to { transform: rotate(360deg); }
}

.stand-lightbox-meta[b-q6d1vsi87r] {
    width: min(920px, calc(100% - 96px));
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 18px;
}

.stand-lightbox-dialog p[b-q6d1vsi87r] {
    margin: 0;
    color: rgba(255,255,255,.88);
    font-size: clamp(.9rem, 1.2vw, 1.05rem);
    text-align: center;
}

.stand-lightbox-counter[b-q6d1vsi87r] {
    flex: 0 0 auto;
    color: #9ee7ff;
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.stand-lightbox-close[b-q6d1vsi87r] {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 50%;
    background: rgba(0,0,0,.72);
    color: #fff;
    font: 400 2rem/1 sans-serif;
    cursor: pointer;
}

.stand-lightbox-nav[b-q6d1vsi87r] {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: clamp(48px, 5vw, 62px);
    height: clamp(48px, 5vw, 62px);
    display: grid;
    place-items: center;
    padding: 0 0 .1em;
    border: 1px solid rgba(158,231,255,.5);
    border-radius: 50%;
    background: rgba(3,9,13,.78);
    color: #fff;
    box-shadow: 0 10px 34px rgba(0,0,0,.42);
    font: 400 clamp(2rem, 3.4vw, 3rem)/1 sans-serif;
    cursor: pointer;
    transform: translateY(-50%);
    transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.stand-lightbox-nav:hover[b-q6d1vsi87r] {
    border-color: #9ee7ff;
    background: rgba(7,25,34,.94);
}

.stand-lightbox-nav:active[b-q6d1vsi87r] {
    transform: translateY(-50%) scale(.96);
}

.stand-lightbox-nav.is-previous[b-q6d1vsi87r] {
    left: clamp(8px, 1.5vw, 22px);
}

.stand-lightbox-nav.is-next[b-q6d1vsi87r] {
    right: clamp(8px, 1.5vw, 22px);
}

.stand-lightbox-close:focus-visible[b-q6d1vsi87r],
.stand-lightbox-nav:focus-visible[b-q6d1vsi87r],
.stand-lightbox-tool:focus-visible[b-q6d1vsi87r] {
    outline: 3px solid #9ee7ff;
    outline-offset: 3px;
}

.stand-lightbox-toolbar[b-q6d1vsi87r] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.stand-lightbox-tool[b-q6d1vsi87r] {
    min-width: 44px;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 12px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    background: rgba(4,9,13,.74);
    color: #fff;
    font: inherit;
    font-size: .82rem;
    font-weight: 850;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.stand-lightbox-tool:hover[b-q6d1vsi87r] {
    border-color: rgba(158,231,255,.68);
    background: rgba(7,25,34,.94);
}

.stand-lightbox-tool:active[b-q6d1vsi87r] {
    transform: scale(.97);
}

.stand-lightbox-tool .stand-tool-icon[b-q6d1vsi87r] {
    display: inline-grid;
    min-width: 1em;
    place-items: center;
}

.stand-lightbox-tool.mz-gallery-play[b-q6d1vsi87r] {
    width: 44px;
    min-width: 44px;
    padding: 0;
}

.stand-lightbox-tool .mz-gallery-play-label[b-q6d1vsi87r] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.stand-lightbox-progress[b-q6d1vsi87r] {
    width: min(760px, calc(100% - 116px));
    height: 2px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
}

.stand-lightbox-progress > span[b-q6d1vsi87r] {
    display: block;
    width: 100%;
    height: 100%;
    background: #9ee7ff;
    transform: scaleX(var(--gallery-progress, 0));
    transform-origin: left center;
}

.stand-lightbox-dialog:fullscreen[b-q6d1vsi87r],
.stand-lightbox-dialog.is-pseudo-fullscreen[b-q6d1vsi87r] {
    width: 100vw;
    height: 100dvh;
    max-height: none;
    padding: clamp(14px, 2vw, 28px);
    background: #020508;
}

.stand-lightbox-dialog:fullscreen .stand-lightbox-stage[b-q6d1vsi87r],
.stand-lightbox-dialog.is-pseudo-fullscreen .stand-lightbox-stage[b-q6d1vsi87r] {
    width: calc(100% - clamp(84px, 8vw, 132px));
    min-height: 0;
    height: calc(100dvh - 150px);
}

.stand-lightbox-dialog:fullscreen .stand-lightbox-stage img[b-q6d1vsi87r],
.stand-lightbox-dialog.is-pseudo-fullscreen .stand-lightbox-stage img[b-q6d1vsi87r] {
    max-height: 100%;
}

@media (max-width: 1180px) {
    .stand-facts[b-q6d1vsi87r],
    .stand-proof-layers[b-q6d1vsi87r],
    .stand-progress-strip[b-q6d1vsi87r],
    .stand-final-grid[b-q6d1vsi87r],
    .stand-render-built[b-q6d1vsi87r],
    .stand-value-card[b-q6d1vsi87r] {
        grid-template-columns: 1fr 1fr;
    }

    .stand-journey-grid[b-q6d1vsi87r],
    .stand-documentation-strip[b-q6d1vsi87r],
    .stand-deliverables-grid[b-q6d1vsi87r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .stand-journey-grid article:last-child[b-q6d1vsi87r],
    .stand-documentation-strip article:last-child[b-q6d1vsi87r] {
        grid-column: auto;
    }

    .stand-case-cta[b-q6d1vsi87r] {
        grid-template-columns: 1fr;
    }

    .stand-case-cta .stand-cta-actions[b-q6d1vsi87r] {
        justify-content: flex-start;
        max-width: none;
    }

    .stand-gallery-grid.is-renders[b-q6d1vsi87r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .stand-gallery-grid.is-renders figure:first-child[b-q6d1vsi87r] {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .stand-gallery-grid.is-renders figure:first-child img[b-q6d1vsi87r] {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .stand-cad-grid[b-q6d1vsi87r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .stand-cad-grid figure[b-q6d1vsi87r],
    .stand-cad-grid figure:first-child[b-q6d1vsi87r],
    .stand-cad-grid figure:nth-child(2)[b-q6d1vsi87r] {
        grid-column: auto;
    }

    .stand-progress-strip figure[b-q6d1vsi87r],
    .stand-progress-strip figure:first-child[b-q6d1vsi87r],
    .stand-progress-strip figure:nth-child(2)[b-q6d1vsi87r] {
        grid-column: auto;
        grid-row: auto;
    }
}

@media (max-width: 760px) {
    .stand-case-page .container[b-q6d1vsi87r] {
        width: min(100% - 32px, 1460px);
    }

    .stand-case-hero-card[b-q6d1vsi87r] {
        min-height: clamp(610px, 168vw, 720px);
    }

    .stand-case-hero-card img[b-q6d1vsi87r] {
        object-position: 65% center;
    }

    .stand-case-hero-card[b-q6d1vsi87r]::after {
        background:
            linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.28) 30%, rgba(0,0,0,.9) 76%),
            linear-gradient(90deg, rgba(0,0,0,.44), transparent 76%);
    }

    .stand-case-overlay[b-q6d1vsi87r] {
        max-width: calc(100% - 40px);
        left: 20px;
        right: 20px;
        bottom: 28px;
    }

    .stand-case-overlay h1[b-q6d1vsi87r] {
        max-width: 13ch;
        font-size: clamp(2.65rem, 12.4vw, 4.4rem);
        line-height: .94;
        letter-spacing: -.06em;
    }

    .stand-case-overlay p:not(.eyebrow)[b-q6d1vsi87r] {
        margin-top: 16px;
        line-height: 1.58;
    }

    .stand-facts[b-q6d1vsi87r],
    .stand-proof-layers[b-q6d1vsi87r],
    .stand-gallery-grid.is-renders[b-q6d1vsi87r],
    .stand-cad-grid[b-q6d1vsi87r],
    .stand-progress-strip[b-q6d1vsi87r],
    .stand-final-grid[b-q6d1vsi87r],
    .stand-render-built[b-q6d1vsi87r],
    .stand-journey-grid[b-q6d1vsi87r],
    .stand-documentation-strip[b-q6d1vsi87r],
    .stand-deliverables-grid[b-q6d1vsi87r],
    .stand-value-card[b-q6d1vsi87r],
    .stand-value-grid[b-q6d1vsi87r] {
        grid-template-columns: 1fr;
    }

    .stand-progress-strip figure[b-q6d1vsi87r],
    .stand-progress-strip figure:first-child[b-q6d1vsi87r],
    .stand-progress-strip figure:nth-child(2)[b-q6d1vsi87r] {
        grid-column: auto;
        grid-row: auto;
    }

    .stand-case-cta[b-q6d1vsi87r] {
        align-items: flex-start;
    }

    .stand-case-cta .btn[b-q6d1vsi87r],
    .stand-case-cta .stand-cta-actions[b-q6d1vsi87r] {
        width: 100%;
    }

    .stand-case-cta .btn[b-q6d1vsi87r] {
        min-height: 52px;
        justify-content: center;
    }

    .stand-documentation-strip article[b-q6d1vsi87r],
    .stand-deliverables-grid article[b-q6d1vsi87r],
    .stand-journey-grid article[b-q6d1vsi87r] {
        min-height: 0;
    }

    .stand-lightbox[b-q6d1vsi87r] {
        padding: 12px;
    }

    .stand-lightbox-dialog[b-q6d1vsi87r] {
        max-height: calc(100dvh - 24px);
    }

    .stand-lightbox-stage[b-q6d1vsi87r] {
        width: 100%;
        min-height: min(58dvh, 620px);
    }

    .stand-lightbox-stage img[b-q6d1vsi87r] {
        max-width: 100%;
        max-height: calc(100dvh - 220px);
    }

    .stand-lightbox-close[b-q6d1vsi87r] {
        top: 8px;
        right: 8px;
    }

    .stand-lightbox-nav[b-q6d1vsi87r] {
        top: auto;
        bottom: 46px;
        width: 50px;
        height: 50px;
        transform: none;
    }

    .stand-lightbox-nav:active[b-q6d1vsi87r] {
        transform: scale(.96);
    }

    .stand-lightbox-nav.is-previous[b-q6d1vsi87r] {
        left: 10px;
    }

    .stand-lightbox-nav.is-next[b-q6d1vsi87r] {
        right: 10px;
    }

    .stand-lightbox-meta[b-q6d1vsi87r] {
        width: calc(100% - 116px);
        min-height: 50px;
        align-items: center;
        flex-direction: column;
        gap: 3px;
    }

    .stand-lightbox-toolbar[b-q6d1vsi87r] {
        max-width: calc(100% - 112px);
    }

    .stand-lightbox-tool[b-q6d1vsi87r] {
        min-width: 44px;
        min-height: 44px;
        padding: 8px 10px;
    }

    .stand-lightbox-progress[b-q6d1vsi87r] {
        width: calc(100% - 116px);
    }
}

@media (max-width: 520px) {
    .stand-gallery-grid.is-renders[b-q6d1vsi87r],
    .stand-cad-grid[b-q6d1vsi87r] {
        grid-template-columns: 1fr;
    }

    .stand-gallery-grid.is-renders figure:first-child[b-q6d1vsi87r] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stand-image-button[b-q6d1vsi87r]::after,
    .stand-image-button img[b-q6d1vsi87r],
    .stand-lightbox-nav[b-q6d1vsi87r],
    .stand-lightbox-tool[b-q6d1vsi87r],
    .stand-lightbox-stage img[b-q6d1vsi87r] {
        transition: none;
    }

    .stand-lightbox-loader[b-q6d1vsi87r] {
        animation: none;
    }
}

/* Phase 9.2 — Hero image overlay contrast */
.stand-case-hero-card[b-q6d1vsi87r] {
    --text:#ffffff;
    --muted:rgba(255,255,255,.72);
    --line:rgba(255,255,255,.18);
    --accent:#ffffff;
    --accent-2:#9ee7ff;
    --bg:#050505;
}
.stand-case-overlay h1[b-q6d1vsi87r] { color:#ffffff; text-shadow:0 3px 28px rgba(0,0,0,.80); }
.stand-case-overlay p:not(.eyebrow)[b-q6d1vsi87r] { color:rgba(255,255,255,.84); text-shadow:0 2px 18px rgba(0,0,0,.76); }

.stand-lightbox-dialog.is-pseudo-fullscreen[b-q6d1vsi87r] {
    position: fixed;
    inset: 0;
    z-index: 10002;
}


/* =========================================================
   PHASE 7 STAND R1 — FINAL VISUAL POLISH
   1) Journey readability
   2) Client deliverables hierarchy
   3) Business-value breathing
   4) Final CTA emphasis
   ========================================================= */

/* 1. Project journey — keep the same six-card composition,
   but give the workflow enough visual authority to read as process. */
.stand-journey-grid[b-q6d1vsi87r] {
    gap: clamp(14px, 1.15vw, 18px);
}

.stand-journey-grid article[b-q6d1vsi87r] {
    min-height: 252px;
    padding: clamp(26px, 2.45vw, 34px);
    gap: 16px;
}

.stand-journey-grid h3[b-q6d1vsi87r] {
    font-size: clamp(1.16rem, 1.58vw, 1.56rem);
    line-height: 1.08;
}

.stand-journey-grid p[b-q6d1vsi87r] {
    font-size: clamp(.9rem, .92vw, .98rem);
    line-height: 1.7;
}

/* 2. Client deliverables — larger, more substantial cards so these
   read as real project outputs rather than small feature tiles. */
.stand-deliverables-grid[b-q6d1vsi87r] {
    gap: clamp(16px, 1.35vw, 22px);
}

.stand-deliverables-grid article[b-q6d1vsi87r] {
    min-height: 292px;
    padding: clamp(30px, 3vw, 42px);
    gap: 18px;
    border-radius: 30px;
}

.stand-deliverables-grid h3[b-q6d1vsi87r] {
    font-size: clamp(1.2rem, 1.7vw, 1.62rem);
    line-height: 1.08;
}

.stand-deliverables-grid p[b-q6d1vsi87r] {
    font-size: clamp(.91rem, .95vw, 1rem);
    line-height: 1.72;
}

/* 3. Business value — preserve the current layout, only add breathing
   and slightly more comfortable reading depth. */
.stand-value-grid[b-q6d1vsi87r] {
    gap: clamp(18px, 1.5vw, 24px);
}

.stand-value-grid article[b-q6d1vsi87r] {
    min-height: 205px;
    padding: clamp(28px, 2.65vw, 38px);
}

.stand-value-grid p[b-q6d1vsi87r] {
    line-height: 1.82;
    max-width: 62ch;
}

/* 4. Final CTA — stronger final decision point without changing
   the existing copy or action hierarchy. */
.stand-case-cta[b-q6d1vsi87r] {
    margin-top: clamp(84px, 9vw, 136px);
    padding: clamp(42px, 5.6vw, 78px);
    gap: clamp(34px, 5.8vw, 82px);
}

.stand-case-cta h2[b-q6d1vsi87r] {
    font-size: clamp(2.15rem, 4.45vw, 5rem);
}

.stand-case-cta .stand-cta-copy > p:not(.eyebrow)[b-q6d1vsi87r] {
    margin-top: 20px;
    font-size: clamp(.98rem, 1vw, 1.08rem);
    line-height: 1.78;
}

.stand-case-cta .stand-cta-actions[b-q6d1vsi87r] {
    gap: 12px;
}

.stand-case-cta .btn-primary[b-q6d1vsi87r] {
    min-height: 62px;
    padding-inline: 32px;
    font-size: 1rem;
}

@media (max-width: 1180px) {
    .stand-journey-grid article[b-q6d1vsi87r] {
        min-height: 224px;
    }

    .stand-deliverables-grid article[b-q6d1vsi87r] {
        min-height: 260px;
    }

    .stand-value-grid article[b-q6d1vsi87r] {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .stand-journey-grid article[b-q6d1vsi87r],
    .stand-deliverables-grid article[b-q6d1vsi87r] {
        min-height: 0;
        padding: 24px;
    }

    .stand-value-grid[b-q6d1vsi87r] {
        gap: 14px;
    }

    .stand-value-grid article[b-q6d1vsi87r] {
        padding: 24px;
    }

    .stand-case-cta[b-q6d1vsi87r] {
        margin-top: 68px;
        padding: 32px 24px;
        gap: 26px;
    }

    .stand-case-cta .btn-primary[b-q6d1vsi87r] {
        min-height: 56px;
        padding-inline: 24px;
    }
}
/* /Components/Pages/TechnologyStandService.razor.rz.scp.css */
.stand-service-page[b-lednlth2hp] {
    padding: clamp(110px, 12vw, 160px) 0 clamp(70px, 9vw, 130px);
    background:
        radial-gradient(circle at 15% 8%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 30rem),
        radial-gradient(circle at 88% 22%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 26rem),
        var(--bg);
    overflow: hidden;
}

.stand-service-page .container[b-lednlth2hp] {
    width: min(1460px, calc(100% - 72px));
    margin-inline: auto;
}

.stand-service-hero[b-lednlth2hp] {
    display: grid;
    grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
    gap: 18px;
    align-items: stretch;
}

.stand-service-copy[b-lednlth2hp],
.stand-service-visual[b-lednlth2hp],
.stand-deliverables-grid article[b-lednlth2hp],
.stand-proof-grid article[b-lednlth2hp],
.stand-workflow-card[b-lednlth2hp],
.stand-service-cta[b-lednlth2hp] {
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at 78% 6%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 18rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 82%, transparent), color-mix(in srgb, var(--panel) 68%, transparent));
    box-shadow: 0 28px 110px color-mix(in srgb, #000 36%, transparent);
}

.stand-service-copy[b-lednlth2hp] {
    border-radius: clamp(28px, 3vw, 46px);
    padding: clamp(26px, 4vw, 58px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.stand-back-link[b-lednlth2hp] {
    width: fit-content;
    margin-bottom: 26px;
    color: var(--muted);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.stand-service-copy h1[b-lednlth2hp],
.stand-section-head h2[b-lednlth2hp],
.stand-workflow-card h2[b-lednlth2hp],
.stand-service-cta h2[b-lednlth2hp] {
    margin: 0;
    color: var(--text);
    line-height: .9;
    letter-spacing: -.075em;
}

.stand-service-copy h1[b-lednlth2hp] {
    max-width: 760px;
    font-size: clamp(3rem, 6.2vw, 7.2rem);
}

.stand-service-copy > p[b-lednlth2hp] {
    margin: 22px 0 0;
    max-width: 720px;
    color: var(--muted);
    line-height: 1.8;
}

.stand-chip-row[b-lednlth2hp],
.stand-actions[b-lednlth2hp] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.stand-chip-row[b-lednlth2hp] {
    margin-top: 26px;
}

.stand-chip-row span[b-lednlth2hp] {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 8px 12px;
    color: var(--text);
    background: color-mix(in srgb, #000 28%, transparent);
    font-size: .74rem;
    font-weight: 950;
}

.stand-actions[b-lednlth2hp] {
    margin-top: 34px;
}

.stand-service-visual[b-lednlth2hp] {
    overflow: hidden;
    min-height: 620px;
    border-radius: clamp(28px, 3vw, 46px);
}

.stand-service-visual img[b-lednlth2hp] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.stand-service-section[b-lednlth2hp] {
    padding-top: clamp(54px, 7vw, 110px);
}

.stand-section-head[b-lednlth2hp] {
    max-width: 920px;
    margin-bottom: 26px;
}

.stand-section-head.is-narrow[b-lednlth2hp] {
    max-width: 760px;
}

.stand-section-head h2[b-lednlth2hp] {
    font-size: clamp(2.4rem, 5vw, 5.8rem);
}

.stand-deliverables-grid[b-lednlth2hp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.stand-deliverables-grid article[b-lednlth2hp] {
    min-height: 300px;
    border-radius: 30px;
    padding: 28px;
}

.stand-deliverables-grid span[b-lednlth2hp],
.stand-proof-grid span[b-lednlth2hp],
.stand-workflow-list span[b-lednlth2hp] {
    color: var(--accent-2);
    font-weight: 950;
    letter-spacing: .12em;
}

.stand-deliverables-grid h3[b-lednlth2hp],
.stand-proof-grid h3[b-lednlth2hp],
.stand-workflow-list h3[b-lednlth2hp] {
    margin: 24px 0 0;
    color: var(--text);
    font-size: clamp(1.35rem, 2vw, 2.2rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.stand-deliverables-grid p[b-lednlth2hp],
.stand-proof-grid p[b-lednlth2hp],
.stand-workflow-list p[b-lednlth2hp] {
    margin: 14px 0 0;
    color: var(--muted);
    line-height: 1.75;
}

.stand-proof-grid[b-lednlth2hp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.stand-proof-grid article[b-lednlth2hp] {
    overflow: hidden;
    border-radius: 34px;
}

.stand-proof-grid img[b-lednlth2hp] {
    width: 100%;
    aspect-ratio: 16 / 10;
    display: block;
    object-fit: cover;
    border-bottom: 1px solid var(--line);
}

.stand-proof-grid article > div[b-lednlth2hp] {
    padding: 24px;
}

.stand-workflow-card[b-lednlth2hp] {
    border-radius: 38px;
    padding: clamp(26px, 4vw, 50px);
    display: grid;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.1fr);
    gap: 26px;
}

.stand-workflow-card h2[b-lednlth2hp] {
    font-size: clamp(2.2rem, 4.8vw, 5.2rem);
}

.stand-workflow-list[b-lednlth2hp] {
    display: grid;
    gap: 12px;
}

.stand-workflow-list article[b-lednlth2hp] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: color-mix(in srgb, #000 20%, transparent);
}

.stand-workflow-list h3[b-lednlth2hp] {
    margin-top: 0;
}

.stand-service-cta[b-lednlth2hp] {
    margin-top: clamp(54px, 7vw, 110px);
    border-radius: 38px;
    padding: clamp(26px, 4vw, 46px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
}

.stand-service-cta h2[b-lednlth2hp] {
    max-width: 760px;
    font-size: clamp(2rem, 4.2vw, 4.8rem);
}

.stand-service-cta div[b-lednlth2hp] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 1080px) {
    .stand-service-hero[b-lednlth2hp],
    .stand-deliverables-grid[b-lednlth2hp],
    .stand-proof-grid[b-lednlth2hp],
    .stand-workflow-card[b-lednlth2hp] {
        grid-template-columns: 1fr;
    }

    .stand-service-visual[b-lednlth2hp] {
        min-height: auto;
        aspect-ratio: 16 / 9;
    }

    .stand-deliverables-grid article[b-lednlth2hp] {
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .stand-service-page .container[b-lednlth2hp] {
        width: min(100% - 32px, 1460px);
    }

    .stand-service-copy[b-lednlth2hp] {
        padding: 24px 20px;
    }

    .stand-service-cta[b-lednlth2hp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .stand-actions .btn[b-lednlth2hp],
    .stand-service-cta .btn[b-lednlth2hp],
    .stand-actions[b-lednlth2hp],
    .stand-service-cta div[b-lednlth2hp] {
        width: 100%;
    }
}
/* /Components/Pages/TthCompanyProductShowroomCaseStudy.razor.rz.scp.css */
.showroom-case-page[b-q4s7oao43m] {
    padding: clamp(110px, 12vw, 160px) 0 clamp(70px, 9vw, 130px);
    background:
        radial-gradient(circle at 15% 8%, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 30rem),
        radial-gradient(circle at 88% 24%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 28rem),
        var(--bg);
    overflow: hidden;
}

.showroom-case-page .container[b-q4s7oao43m] {
    width: min(1460px, calc(100% - 72px));
    margin-inline: auto;
}

.showroom-case-hero-card[b-q4s7oao43m],
.showroom-facts article[b-q4s7oao43m],
.showroom-proof-layers article[b-q4s7oao43m],
.showroom-journey-grid article[b-q4s7oao43m],
.showroom-deliverables-grid article[b-q4s7oao43m],
.showroom-strategy-card[b-q4s7oao43m],
.showroom-status-card[b-q4s7oao43m],
.showroom-value-card[b-q4s7oao43m],
.showroom-cta-section[b-q4s7oao43m],
.showroom-before-strip button[b-q4s7oao43m],
.showroom-render-grid button[b-q4s7oao43m],
.showroom-cad-grid button[b-q4s7oao43m] {
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--accent-2) 11%, transparent), transparent 18rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 80%, transparent), color-mix(in srgb, var(--panel) 66%, transparent));
    box-shadow: 0 26px 100px color-mix(in srgb, #000 32%, transparent);
}

.showroom-visually-hidden[b-q4s7oao43m] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Hero */
.showroom-case-hero-card[b-q4s7oao43m] {
    position: relative;
    min-height: clamp(520px, 58vw, 820px);
    overflow: hidden;
    border-radius: clamp(30px, 3vw, 52px);
    isolation: isolate;
}

.showroom-case-hero-card > img[b-q4s7oao43m] {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.showroom-case-hero-card[b-q4s7oao43m]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .52) 38%, rgba(0, 0, 0, .08) 72%),
        linear-gradient(180deg, rgba(0, 0, 0, .03) 38%, rgba(0, 0, 0, .76));
}

.showroom-back-link[b-q4s7oao43m] {
    position: absolute;
    left: clamp(24px, 4vw, 62px);
    top: clamp(22px, 3vw, 42px);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    min-width: 44px;
    min-height: 44px;
    color: color-mix(in srgb, var(--text) 76%, transparent);
    text-decoration: none;
    font-size: .8rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.showroom-case-overlay[b-q4s7oao43m] {
    position: absolute;
    left: clamp(24px, 4vw, 62px);
    bottom: clamp(28px, 5vw, 76px);
    z-index: 3;
    max-width: min(740px, 64%);
}

.showroom-case-overlay h1[b-q4s7oao43m],
.showroom-section-head h2[b-q4s7oao43m],
.showroom-strategy-card h2[b-q4s7oao43m],
.showroom-status-card h2[b-q4s7oao43m],
.showroom-value-card h2[b-q4s7oao43m],
.showroom-cta-section h2[b-q4s7oao43m] {
    margin: 0;
    color: var(--text);
    line-height: .91;
    letter-spacing: -.075em;
}

.showroom-case-overlay h1[b-q4s7oao43m] {
    font-size: clamp(2.9rem, 5.95vw, 6.9rem);
}

.showroom-case-overlay p:not(.eyebrow)[b-q4s7oao43m] {
    color: rgba(255, 255, 255, .82);
    font-weight: 400;
}

/* Facts */
.showroom-facts[b-q4s7oao43m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding-top: 16px;
}

.showroom-facts article[b-q4s7oao43m] {
    border-radius: 24px;
    padding: 18px;
    min-height: 100px;
    display: grid;
    align-content: space-between;
}

.showroom-facts span[b-q4s7oao43m] {
    color: color-mix(in srgb, var(--accent-2) 90%, var(--text));
    font-size: 11px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.showroom-facts strong[b-q4s7oao43m] {
    color: var(--text);
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}

/* Shared section typography */
.showroom-case-section[b-q4s7oao43m] {
    content-visibility: auto;
    contain-intrinsic-size: 1px 860px;
}

.showroom-section-head[b-q4s7oao43m] {
    max-width: 980px;
}

.showroom-section-head h2[b-q4s7oao43m],
.showroom-strategy-card h2[b-q4s7oao43m],
.showroom-status-card h2[b-q4s7oao43m],
.showroom-value-card h2[b-q4s7oao43m] {
    font-size: clamp(2.4rem, 5.4vw, 6rem);
}

.showroom-case-page .eyebrow[b-q4s7oao43m] {
    margin-top: 0;
    color: color-mix(in srgb, var(--accent-2) 90%, var(--text));
    text-transform: uppercase;
}

.showroom-section-head > p:not(.eyebrow)[b-q4s7oao43m],
.showroom-strategy-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
.showroom-status-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
.showroom-value-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
.showroom-cta-section p:not(.eyebrow)[b-q4s7oao43m] {
    color: rgba(255, 255, 255, .68);
    font-weight: 400;
}

/* Project layers */
.showroom-proof-layers[b-q4s7oao43m] {
    display: grid;
}

.showroom-proof-layers article[b-q4s7oao43m] {
    overflow: hidden;
    border-radius: 14px;
}

.showroom-proof-layers button[b-q4s7oao43m],
.showroom-before-strip button[b-q4s7oao43m],
.showroom-render-grid button[b-q4s7oao43m],
.showroom-cad-grid button[b-q4s7oao43m] {
    width: 100%;
    padding: 0;
    color: inherit;
    text-align: inherit;
    cursor: zoom-in;
}

.showroom-proof-layers button[b-q4s7oao43m] {
    display: block;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 14px 14px 0 0;
    background: transparent;
}

.showroom-proof-layers img[b-q4s7oao43m] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.showroom-proof-layers article:nth-child(1) img[b-q4s7oao43m] { object-position: 50% 62%; }
.showroom-proof-layers article:nth-child(2) img[b-q4s7oao43m] { object-position: 48% 52%; }
.showroom-proof-layers article:nth-child(3) img[b-q4s7oao43m] { object-position: 55% 50%; }
.showroom-proof-layers article:nth-child(4) img[b-q4s7oao43m] { object-position: 52% 24%; }

.showroom-proof-layers article > div[b-q4s7oao43m] {
    min-height: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.showroom-proof-layers span[b-q4s7oao43m],
.showroom-strategy-list span[b-q4s7oao43m],
.showroom-status-steps span[b-q4s7oao43m],
.showroom-value-grid span[b-q4s7oao43m] {
    color: color-mix(in srgb, var(--accent-2) 90%, var(--text));
    font-size: 10px;
    line-height: 14px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.showroom-proof-layers h3[b-q4s7oao43m],
.showroom-strategy-list h3[b-q4s7oao43m],
.showroom-value-grid h3[b-q4s7oao43m] {
    color: var(--text);
    font-weight: 600;
    letter-spacing: -.02em;
}

.showroom-proof-layers p[b-q4s7oao43m],
.showroom-strategy-list p[b-q4s7oao43m],
.showroom-value-grid p[b-q4s7oao43m] {
    color: rgba(255, 255, 255, .68);
    font-weight: 400;
}

/* Image groups */
.showroom-before-strip[b-q4s7oao43m],
.showroom-render-grid[b-q4s7oao43m],
.showroom-cad-grid[b-q4s7oao43m] {
    display: grid;
}

.showroom-before-strip button[b-q4s7oao43m],
.showroom-render-grid button[b-q4s7oao43m] {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}

.showroom-before-strip img[b-q4s7oao43m],
.showroom-render-grid img[b-q4s7oao43m] {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.showroom-before-strip button:nth-child(1) img[b-q4s7oao43m] { object-position: 50% 58%; }
.showroom-before-strip button:nth-child(2) img[b-q4s7oao43m] { object-position: 50% 54%; }
.showroom-before-strip button:nth-child(3) img[b-q4s7oao43m] { object-position: 50% 62%; }
.showroom-before-strip button:nth-child(4) img[b-q4s7oao43m] { object-position: 50% 56%; }

.showroom-before-strip .showroom-media-caption[b-q4s7oao43m],
.showroom-render-grid .showroom-media-caption[b-q4s7oao43m] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    display: inline-flex;
    width: fit-content;
    max-width: calc(100% - 20px);
    border: 1px solid var(--line);
    border-radius: 999px;
    background: rgba(0, 0, 0, .66);
    color: rgba(255, 255, 255, .78);
    font-weight: 500;
    letter-spacing: .02em;
    backdrop-filter: blur(12px);
}

/* Strategy and business value */
.showroom-strategy-card[b-q4s7oao43m],
.showroom-status-card[b-q4s7oao43m],
.showroom-value-card[b-q4s7oao43m] {
    display: grid;
}

.showroom-strategy-list[b-q4s7oao43m],
.showroom-value-grid[b-q4s7oao43m] {
    display: grid;
}

.showroom-strategy-list article[b-q4s7oao43m],
.showroom-value-grid article[b-q4s7oao43m] {
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .10);
    background: rgba(255, 255, 255, .018);
}

/* CAD cards */
.showroom-cad-grid button[b-q4s7oao43m] {
    display: grid;
    overflow: hidden;
    border-radius: 12px;
    background: color-mix(in srgb, var(--panel-strong) 84%, #080808);
}

.showroom-cad-preview[b-q4s7oao43m] {
    display: block;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
    background: #f4f4f2;
}

.showroom-cad-preview img[b-q4s7oao43m] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    background: #f4f4f2;
}

.showroom-cad-grid button:nth-child(1) img[b-q4s7oao43m] { object-position: 50% 28%; }
.showroom-cad-grid button:nth-child(2) img[b-q4s7oao43m] { object-position: 50% 38%; }
.showroom-cad-grid button:nth-child(3) img[b-q4s7oao43m] { object-position: 50% 34%; }
.showroom-cad-grid button:nth-child(4) img[b-q4s7oao43m] { object-position: 50% 30%; }
.showroom-cad-grid button:nth-child(5) img[b-q4s7oao43m] { object-position: 50% 36%; }

.showroom-cad-footer[b-q4s7oao43m] {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 12px;
    color: rgba(255, 255, 255, .86);
}

.showroom-cad-title[b-q4s7oao43m],
.showroom-cad-open[b-q4s7oao43m] {
    font-size: 11px;
    line-height: 14px;
    font-weight: 600;
}

.showroom-cad-title[b-q4s7oao43m] {
    min-width: 0;
    flex: 1 1 auto;
    white-space: normal;
    overflow-wrap: anywhere;
}

.showroom-cad-open[b-q4s7oao43m] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    color: rgba(255, 255, 255, .76);
}

.showroom-cad-open svg[b-q4s7oao43m] {
    width: 14px;
    height: 14px;
}

/* Status */
.showroom-status-card[b-q4s7oao43m] {
    align-items: start;
}

.showroom-status-steps[b-q4s7oao43m] {
    display: grid;
    gap: 12px;
}

.showroom-status-steps article[b-q4s7oao43m] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 16px;
    min-height: 84px;
    padding: 18px 20px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: color-mix(in srgb, #000 20%, transparent);
}

.showroom-status-steps span[b-q4s7oao43m] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid color-mix(in srgb, var(--accent-2) 56%, var(--line));
    border-radius: 50%;
}

.showroom-status-steps strong[b-q4s7oao43m] {
    color: var(--text);
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.showroom-project-status[b-q4s7oao43m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    box-sizing: border-box;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .035);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
}

.showroom-project-status strong[b-q4s7oao43m] {
    color: inherit;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

/* CTA */
.showroom-cta-section[b-q4s7oao43m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    box-sizing: border-box;
}

.showroom-cta-section > div:first-child[b-q4s7oao43m] {
    max-width: 820px;
}

.showroom-cta-section h2[b-q4s7oao43m] {
    font-size: clamp(2rem, 4.2vw, 4.8rem);
}

.showroom-cta-actions[b-q4s7oao43m] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.showroom-cta-actions .btn[b-q4s7oao43m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
    transition-property: background, border-color, color;
    transition-duration: 180ms;
    transition-timing-function: ease;
}

.showroom-cta-actions .btn-primary[b-q4s7oao43m] {
    background: #fff;
    color: #080808;
    border: 1px solid #fff;
}

.showroom-cta-actions .btn-ghost[b-q4s7oao43m] {
    background: transparent;
    color: rgba(255, 255, 255, .86);
    border: 1px solid rgba(255, 255, 255, .16);
}

/* Focus */
.showroom-case-page a:focus-visible[b-q4s7oao43m],
.showroom-case-page button:focus-visible[b-q4s7oao43m],
.showroom-lightbox button:focus-visible[b-q4s7oao43m] {
    outline: 2px solid rgba(255, 255, 255, .82);
    outline-offset: 3px;
}


/* =========================================================
   PHASE 7 SHOWROOM R1
   Technology Showroom B2B Positioning + Service Storytelling
   ========================================================= */

/* Journey */
.showroom-journey-grid[b-q4s7oao43m] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: clamp(28px, 4vw, 48px);
}

.showroom-journey-grid article[b-q4s7oao43m] {
    min-width: 0;
    min-height: 242px;
    box-sizing: border-box;
    padding: clamp(24px, 2.2vw, 32px);
    border-radius: 22px;
    display: grid;
    align-content: start;
    gap: 14px;
}

.showroom-journey-grid span[b-q4s7oao43m],
.showroom-deliverables-grid span[b-q4s7oao43m] {
    color: color-mix(in srgb, var(--accent-2) 92%, var(--text));
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .1em;
}

.showroom-journey-grid h3[b-q4s7oao43m],
.showroom-deliverables-grid h3[b-q4s7oao43m] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.08rem, 1.45vw, 1.42rem);
    line-height: 1.12;
    letter-spacing: -.025em;
}

.showroom-journey-grid p[b-q4s7oao43m],
.showroom-deliverables-grid p[b-q4s7oao43m] {
    margin: 0;
    color: rgba(255, 255, 255, .68);
    font-size: .87rem;
    line-height: 1.68;
}

.showroom-proof-label[b-q4s7oao43m] {
    margin-bottom: 14px;
}

.showroom-proof-label span[b-q4s7oao43m] {
    display: inline-flex;
    padding: 9px 13px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-strong) 74%, transparent);
    color: var(--muted);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Approval criteria */
.showroom-focus-strip[b-q4s7oao43m],
.showroom-documentation-strip[b-q4s7oao43m] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: -6px 0 clamp(22px, 3vw, 34px);
}

.showroom-focus-strip span[b-q4s7oao43m],
.showroom-documentation-strip span[b-q4s7oao43m] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 13px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-strong) 78%, transparent);
    color: var(--text);
    font-size: .78rem;
    font-weight: 760;
}

/* Make multi-brand strategy a stronger feature chapter. */
.showroom-strategy-card[b-q4s7oao43m] {
    position: relative;
    overflow: hidden;
}

.showroom-strategy-card[b-q4s7oao43m]::before {
    content: "";
    position: absolute;
    width: 28rem;
    aspect-ratio: 1;
    right: -12rem;
    top: -15rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--accent-2) 10%, transparent);
    filter: blur(30px);
    pointer-events: none;
}

.showroom-strategy-list[b-q4s7oao43m] {
    position: relative;
    z-index: 1;
    gap: 16px;
}

.showroom-strategy-list article[b-q4s7oao43m] {
    min-height: 154px;
    padding: 22px;
    border-radius: 20px;
}

.showroom-strategy-list h3[b-q4s7oao43m] {
    font-size: clamp(1.02rem, 1.25vw, 1.22rem);
}

.showroom-strategy-list p[b-q4s7oao43m] {
    line-height: 1.62;
}

/* Client deliverables */
.showroom-deliverables-section .showroom-section-head[b-q4s7oao43m] {
    max-width: 1080px;
}

.showroom-deliverables-grid[b-q4s7oao43m] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 1.3vw, 20px);
}

.showroom-deliverables-grid article[b-q4s7oao43m] {
    min-height: 272px;
    padding: clamp(28px, 2.8vw, 38px);
    border-radius: 28px;
    display: grid;
    align-content: start;
    gap: 17px;
}

/* Production handoff */
.showroom-status-steps[b-q4s7oao43m] {
    gap: 14px;
}

.showroom-status-steps article[b-q4s7oao43m] {
    min-height: 94px;
    padding: 20px 22px;
}

/* Business value */
.showroom-value-grid[b-q4s7oao43m] {
    gap: 16px;
}

.showroom-value-grid article[b-q4s7oao43m] {
    min-height: 148px;
    padding: 22px;
    border-radius: 18px;
}

.showroom-value-grid p[b-q4s7oao43m] {
    line-height: 1.66;
}

/* Stronger lead-generation CTA */
.showroom-cta-section[b-q4s7oao43m] {
    min-height: 220px;
    padding: clamp(38px, 4vw, 56px);
    gap: clamp(30px, 5vw, 72px);
}

.showroom-cta-section > div:first-child[b-q4s7oao43m] {
    max-width: 900px;
}

.showroom-cta-section h2[b-q4s7oao43m] {
    font-size: clamp(2.15rem, 4.5vw, 5.1rem);
}

.showroom-cta-section p:not(.eyebrow)[b-q4s7oao43m] {
    max-width: 760px;
    line-height: 1.72;
}

.showroom-cta-actions[b-q4s7oao43m] {
    gap: 11px;
    max-width: 520px;
}

.showroom-cta-actions .btn-primary[b-q4s7oao43m] {
    min-height: 56px;
    padding-inline: 28px;
}

/* Light mode: new textual cards must follow the active theme instead of
   keeping dark-mode paragraph colors. */
:root[data-theme="light"] .showroom-journey-grid p[b-q4s7oao43m],
:root[data-theme="light"] .showroom-deliverables-grid p[b-q4s7oao43m] {
    color: color-mix(in srgb, var(--text) 70%, var(--muted));
}

@media (max-width: 1199px) {
    .showroom-journey-grid[b-q4s7oao43m],
    .showroom-deliverables-grid[b-q4s7oao43m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .showroom-journey-grid article[b-q4s7oao43m],
    .showroom-deliverables-grid article[b-q4s7oao43m] {
        min-height: 230px;
    }
}

@media (max-width: 767px) {
    .showroom-journey-grid[b-q4s7oao43m],
    .showroom-deliverables-grid[b-q4s7oao43m] {
        grid-template-columns: 1fr;
    }

    .showroom-journey-grid article[b-q4s7oao43m],
    .showroom-deliverables-grid article[b-q4s7oao43m] {
        min-height: 0;
        padding: 24px;
    }

    .showroom-focus-strip[b-q4s7oao43m],
    .showroom-documentation-strip[b-q4s7oao43m] {
        margin-bottom: 20px;
    }

    .showroom-strategy-list article[b-q4s7oao43m],
    .showroom-value-grid article[b-q4s7oao43m] {
        min-height: 0;
    }

    .showroom-cta-section[b-q4s7oao43m] {
        min-height: 0;
        padding: 30px 24px;
    }

    .showroom-cta-actions .btn-primary[b-q4s7oao43m] {
        min-height: 54px;
    }
}

/* Lightbox */
.showroom-lightbox[b-q4s7oao43m] {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: grid;
    place-items: center;
    padding: 28px;
    background: rgba(0, 0, 0, .92);
    backdrop-filter: blur(18px);
}

.showroom-lightbox-dialog[b-q4s7oao43m] {
    width: auto;
    max-width: 92vw;
    max-height: 88vh;
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: color-mix(in srgb, var(--panel-strong) 88%, transparent);
    box-shadow: 0 40px 130px rgba(0, 0, 0, .5);
}

.showroom-lightbox-dialog img[b-q4s7oao43m] {
    width: auto;
    max-width: 92vw;
    max-height: 88vh;
    object-fit: contain;
    display: block;
    margin-inline: auto;
    background: #0c0d0f;
}

.showroom-lightbox-dialog div[b-q4s7oao43m] {
    padding: 18px 22px;
}

.showroom-lightbox-dialog h3[b-q4s7oao43m] {
    margin: 0;
    color: var(--text);
    font-size: 18px;
    line-height: 24px;
}

.showroom-lightbox-close[b-q4s7oao43m] {
    position: fixed;
    z-index: 1000;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: rgba(0, 0, 0, .72);
    color: var(--text);
    font-size: 24px;
    backdrop-filter: blur(12px);
}

/* Hover is restricted to devices that support it. */
@media (hover: hover) and (pointer: fine) {
    .showroom-proof-layers article[b-q4s7oao43m],
    .showroom-before-strip button[b-q4s7oao43m],
    .showroom-render-grid button[b-q4s7oao43m],
    .showroom-cad-grid button[b-q4s7oao43m] {
        transition-property: transform, border-color;
        transition-duration: 180ms;
        transition-timing-function: ease;
    }

    .showroom-proof-layers article:hover[b-q4s7oao43m],
    .showroom-before-strip button:hover[b-q4s7oao43m],
    .showroom-render-grid button:hover[b-q4s7oao43m],
    .showroom-cad-grid button:hover[b-q4s7oao43m] {
        transform: translateY(-3px);
    }

    .showroom-cta-actions .btn-primary:hover[b-q4s7oao43m] {
        background: #eaeaea;
    }

    .showroom-cta-actions .btn-ghost:hover[b-q4s7oao43m] {
        border-color: rgba(255, 255, 255, .34);
        background: rgba(255, 255, 255, .035);
    }
}

/* Desktop */
@media (min-width: 1200px) {
    .showroom-case-section[b-q4s7oao43m],
    .showroom-cta-section[b-q4s7oao43m] {
        margin-top: 92px;
    }

    .showroom-case-page .eyebrow[b-q4s7oao43m] {
        margin-bottom: 10px;
        font-size: 10px;
        line-height: 14px;
        letter-spacing: .12em;
        font-weight: 600;
    }

    .showroom-section-head[b-q4s7oao43m] {
        margin-bottom: 28px;
    }

    .showroom-section-head > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-strategy-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-status-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-value-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-cta-section p:not(.eyebrow)[b-q4s7oao43m] {
        margin: 16px 0 0;
        max-width: 680px;
        font-size: 15px;
        line-height: 24px;
    }

    .showroom-case-overlay p:not(.eyebrow)[b-q4s7oao43m] {
        margin: 18px 0 0;
        max-width: 560px;
        font-size: 13px;
        line-height: 20px;
    }

    .showroom-proof-layers[b-q4s7oao43m] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }

    .showroom-proof-layers article[b-q4s7oao43m] {
        height: 330px;
        grid-template-rows: 220px 110px;
    }

    .showroom-proof-layers article > div[b-q4s7oao43m] {
        height: 110px;
        padding: 14px;
    }

    .showroom-proof-layers h3[b-q4s7oao43m],
    .showroom-strategy-list h3[b-q4s7oao43m],
    .showroom-value-grid h3[b-q4s7oao43m] {
        margin: 4px 0 0;
        font-size: 15px;
        line-height: 20px;
    }

    .showroom-proof-layers p[b-q4s7oao43m],
    .showroom-strategy-list p[b-q4s7oao43m],
    .showroom-value-grid p[b-q4s7oao43m] {
        margin: 4px 0 0;
        font-size: 13px;
        line-height: 20px;
    }

    .showroom-before-strip[b-q4s7oao43m] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }

    .showroom-before-strip img[b-q4s7oao43m] {
        aspect-ratio: 3 / 4;
    }

    .showroom-approval-section .showroom-section-head h2[b-q4s7oao43m] {
        max-width: 610px;
        font-size: 52px;
        line-height: 49px;
    }

    .showroom-render-grid[b-q4s7oao43m] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .showroom-render-grid img[b-q4s7oao43m] {
        aspect-ratio: 4 / 3;
    }

    .showroom-before-strip .showroom-media-caption[b-q4s7oao43m],
    .showroom-render-grid .showroom-media-caption[b-q4s7oao43m] {
        padding: 8px 10px;
        font-size: 11px;
        line-height: 16px;
    }

    .showroom-strategy-card[b-q4s7oao43m] {
        padding: 40px;
        border-radius: 18px;
        grid-template-columns: .82fr 1.18fr;
        column-gap: 36px;
    }

    .showroom-strategy-list[b-q4s7oao43m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .showroom-strategy-list article[b-q4s7oao43m] {
        height: 128px;
        padding: 18px;
        border-radius: 16px;
    }

    .showroom-cad-grid[b-q4s7oao43m] {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
    }

    .showroom-cad-grid button[b-q4s7oao43m] {
        height: 248px;
        grid-template-rows: 198px 50px;
    }

    .showroom-status-card[b-q4s7oao43m] {
        padding: 40px;
        border-radius: 18px;
        grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
        gap: 52px;
    }

    .showroom-project-status[b-q4s7oao43m] {
        height: 32px;
        margin-top: 20px;
        padding: 0 13px;
    }

    .showroom-project-status strong[b-q4s7oao43m] {
        font-size: 10px;
        line-height: 32px;
        letter-spacing: .10em;
    }

    .showroom-value-card[b-q4s7oao43m] {
        padding: 40px;
        border-radius: 18px;
        grid-template-columns: .78fr 1.22fr;
        column-gap: 34px;
    }

    .showroom-value-grid[b-q4s7oao43m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .showroom-value-grid article[b-q4s7oao43m] {
        min-height: 122px;
        padding: 18px;
        border-radius: 16px;
    }

    .showroom-cta-section[b-q4s7oao43m] {
        min-height: 154px;
        padding: 34px 38px;
        border-radius: 18px;
    }

    .showroom-cta-actions[b-q4s7oao43m] {
        gap: 10px;
    }

    .showroom-cta-actions .btn[b-q4s7oao43m] {
        height: 44px;
        padding: 0 20px;
        font-size: 12px;
        line-height: 44px;
        font-weight: 600;
        border-radius: 999px;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px) {
    .showroom-case-section[b-q4s7oao43m],
    .showroom-cta-section[b-q4s7oao43m] {
        margin-top: 64px;
    }

    .showroom-case-page .eyebrow[b-q4s7oao43m] {
        margin-bottom: 9px;
        font-size: 10px;
        line-height: 14px;
        letter-spacing: .11em;
        font-weight: 600;
    }

    .showroom-section-head[b-q4s7oao43m] {
        margin-bottom: 24px;
    }

    .showroom-section-head > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-strategy-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-status-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-value-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-cta-section p:not(.eyebrow)[b-q4s7oao43m] {
        margin: 14px 0 0;
        max-width: 620px;
        font-size: 14px;
        line-height: 22px;
    }

    .showroom-case-overlay p:not(.eyebrow)[b-q4s7oao43m] {
        margin: 16px 0 0;
        max-width: 500px;
        font-size: 13px;
        line-height: 20px;
    }

    .showroom-facts[b-q4s7oao43m],
    .showroom-proof-layers[b-q4s7oao43m],
    .showroom-before-strip[b-q4s7oao43m],
    .showroom-render-grid[b-q4s7oao43m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .showroom-proof-layers[b-q4s7oao43m] {
        gap: 12px;
    }

    .showroom-proof-layers article[b-q4s7oao43m] {
        height: 340px;
        grid-template-rows: 226px 114px;
    }

    .showroom-proof-layers article > div[b-q4s7oao43m] {
        height: 114px;
        padding: 14px;
    }

    .showroom-proof-layers h3[b-q4s7oao43m],
    .showroom-strategy-list h3[b-q4s7oao43m],
    .showroom-value-grid h3[b-q4s7oao43m] {
        margin: 4px 0 0;
        font-size: 14px;
        line-height: 19px;
    }

    .showroom-proof-layers p[b-q4s7oao43m],
    .showroom-strategy-list p[b-q4s7oao43m],
    .showroom-value-grid p[b-q4s7oao43m] {
        margin: 4px 0 0;
        font-size: 13px;
        line-height: 19px;
    }

    .showroom-before-strip[b-q4s7oao43m],
    .showroom-render-grid[b-q4s7oao43m] {
        gap: 12px;
    }

    .showroom-before-strip img[b-q4s7oao43m] {
        aspect-ratio: 4 / 5;
    }

    .showroom-approval-section .showroom-section-head h2[b-q4s7oao43m] {
        max-width: 540px;
        font-size: 44px;
        line-height: 43px;
    }

    .showroom-render-grid img[b-q4s7oao43m] {
        aspect-ratio: 4 / 3;
    }

    .showroom-before-strip .showroom-media-caption[b-q4s7oao43m],
    .showroom-render-grid .showroom-media-caption[b-q4s7oao43m] {
        padding: 8px 10px;
        font-size: 11px;
        line-height: 16px;
    }

    .showroom-strategy-card[b-q4s7oao43m],
    .showroom-status-card[b-q4s7oao43m],
    .showroom-value-card[b-q4s7oao43m] {
        grid-template-columns: 1fr;
    }

    .showroom-strategy-card[b-q4s7oao43m] {
        padding: 30px;
        row-gap: 28px;
        border-radius: 18px;
    }

    .showroom-strategy-list[b-q4s7oao43m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .showroom-strategy-list article[b-q4s7oao43m] {
        height: 126px;
        padding: 18px;
        border-radius: 16px;
    }

    .showroom-cad-grid[b-q4s7oao43m] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }

    .showroom-cad-grid button[b-q4s7oao43m] {
        height: 282px;
        grid-template-rows: 228px 54px;
    }

    .showroom-status-card[b-q4s7oao43m] {
        padding: 30px;
        row-gap: 28px;
        border-radius: 18px;
    }

    .showroom-project-status[b-q4s7oao43m] {
        height: 32px;
        margin-top: 18px;
        padding: 0 12px;
    }

    .showroom-project-status strong[b-q4s7oao43m] {
        font-size: 10px;
        line-height: 32px;
        letter-spacing: .10em;
    }

    .showroom-value-card[b-q4s7oao43m] {
        padding: 30px;
        row-gap: 26px;
        border-radius: 18px;
    }

    .showroom-value-grid[b-q4s7oao43m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .showroom-value-grid article[b-q4s7oao43m] {
        min-height: 122px;
        padding: 18px;
        border-radius: 16px;
    }

    .showroom-cta-section[b-q4s7oao43m] {
        min-height: 150px;
        padding: 30px;
        border-radius: 18px;
    }

    .showroom-cta-actions[b-q4s7oao43m] {
        gap: 10px;
    }

    .showroom-cta-actions .btn[b-q4s7oao43m] {
        height: 44px;
        padding: 0 20px;
        font-size: 12px;
        line-height: 44px;
        font-weight: 600;
        border-radius: 999px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .showroom-case-page[b-q4s7oao43m] {
        padding-top: 92px;
    }

    .showroom-case-page .container[b-q4s7oao43m] {
        width: min(100% - 28px, 1460px);
    }

    .showroom-case-section[b-q4s7oao43m],
    .showroom-cta-section[b-q4s7oao43m] {
        margin-top: 48px;
    }

    .showroom-case-page .eyebrow[b-q4s7oao43m] {
        margin-bottom: 8px;
        font-size: 10px;
        line-height: 14px;
        letter-spacing: .10em;
        font-weight: 600;
    }

    .showroom-case-hero-card[b-q4s7oao43m] {
        min-height: 540px;
        border-radius: 28px;
    }

    .showroom-case-hero-card[b-q4s7oao43m]::after {
        background:
            linear-gradient(90deg, rgba(0, 0, 0, .82), rgba(0, 0, 0, .42) 70%, rgba(0, 0, 0, .14)),
            linear-gradient(180deg, rgba(0, 0, 0, .04) 28%, rgba(0, 0, 0, .82));
    }

    .showroom-case-overlay[b-q4s7oao43m] {
        max-width: calc(100% - 36px);
        left: 18px;
        right: 18px;
        bottom: 26px;
    }

    .showroom-case-overlay h1[b-q4s7oao43m] {
        font-size: clamp(2.55rem, 12vw, 4.25rem);
        line-height: .93;
    }

    .showroom-case-overlay p:not(.eyebrow)[b-q4s7oao43m] {
        margin: 14px 0 0;
        max-width: 100%;
        font-size: 12px;
        line-height: 18px;
    }

    .showroom-facts[b-q4s7oao43m] {
        grid-template-columns: 1fr;
    }

    .showroom-facts article[b-q4s7oao43m] {
        min-height: 88px;
    }

    .showroom-section-head[b-q4s7oao43m] {
        margin-bottom: 20px;
    }

    .showroom-section-head > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-strategy-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-status-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-value-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
    .showroom-cta-section p:not(.eyebrow)[b-q4s7oao43m] {
        margin: 12px 0 0;
        max-width: 100%;
        font-size: 14px;
        line-height: 22px;
    }

    .showroom-section-head h2[b-q4s7oao43m],
    .showroom-strategy-card h2[b-q4s7oao43m],
    .showroom-status-card h2[b-q4s7oao43m],
    .showroom-value-card h2[b-q4s7oao43m] {
        font-size: clamp(2.2rem, 12vw, 3.65rem);
    }

    .showroom-proof-layers[b-q4s7oao43m],
    .showroom-before-strip[b-q4s7oao43m],
    .showroom-cad-grid[b-q4s7oao43m] {
        display: flex;
        overflow-x: auto;
        padding: 2px 2px 12px;
        gap: 12px;
        scroll-snap-type: x mandatory;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
    }

    .showroom-proof-layers article[b-q4s7oao43m] {
        flex: 0 0 272px;
        width: 272px;
        min-width: 272px;
        height: 342px;
        grid-template-rows: 228px 114px;
        scroll-snap-align: start;
    }

    .showroom-proof-layers article > div[b-q4s7oao43m] {
        height: 114px;
        padding: 14px;
    }

    .showroom-proof-layers h3[b-q4s7oao43m],
    .showroom-strategy-list h3[b-q4s7oao43m],
    .showroom-value-grid h3[b-q4s7oao43m] {
        margin: 4px 0 0;
        font-size: 14px;
        line-height: 19px;
    }

    .showroom-proof-layers p[b-q4s7oao43m],
    .showroom-strategy-list p[b-q4s7oao43m],
    .showroom-value-grid p[b-q4s7oao43m] {
        margin: 4px 0 0;
        font-size: 13px;
        line-height: 20px;
    }

    .showroom-before-strip button[b-q4s7oao43m] {
        flex: 0 0 260px;
        width: 260px;
        min-width: 260px;
        scroll-snap-align: start;
    }

    .showroom-before-strip img[b-q4s7oao43m] {
        aspect-ratio: 4 / 5;
    }

    .showroom-approval-section .showroom-section-head h2[b-q4s7oao43m] {
        max-width: 100%;
        font-size: 38px;
        line-height: 37px;
    }

    .showroom-render-grid[b-q4s7oao43m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .showroom-render-grid img[b-q4s7oao43m] {
        aspect-ratio: 3 / 4;
    }

    .showroom-before-strip .showroom-media-caption[b-q4s7oao43m],
    .showroom-render-grid .showroom-media-caption[b-q4s7oao43m] {
        padding: 7px 8px;
        font-size: 12px;
        line-height: 17px;
    }

    .showroom-strategy-card[b-q4s7oao43m] {
        padding: 22px;
        grid-template-columns: 1fr;
        row-gap: 24px;
        border-radius: 16px;
    }

    .showroom-strategy-list[b-q4s7oao43m] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .showroom-strategy-list article[b-q4s7oao43m] {
        height: auto;
        min-height: 112px;
        padding: 16px;
        border-radius: 14px;
    }

    .showroom-cad-grid button[b-q4s7oao43m] {
        flex: 0 0 252px;
        width: 252px;
        min-width: 252px;
        height: 302px;
        grid-template-rows: 246px 56px;
        scroll-snap-align: start;
    }

    .showroom-cad-footer[b-q4s7oao43m] {
        padding: 0 12px;
    }

    .showroom-status-card[b-q4s7oao43m] {
        padding: 22px;
        grid-template-columns: 1fr;
        row-gap: 24px;
        border-radius: 16px;
    }

    .showroom-status-steps article[b-q4s7oao43m] {
        min-height: 76px;
    }

    .showroom-project-status[b-q4s7oao43m] {
        height: 30px;
        margin-top: 16px;
        padding: 0 11px;
    }

    .showroom-project-status strong[b-q4s7oao43m] {
        font-size: 9px;
        line-height: 30px;
        letter-spacing: .10em;
    }

    .showroom-value-card[b-q4s7oao43m] {
        padding: 22px;
        grid-template-columns: 1fr;
        row-gap: 22px;
        border-radius: 16px;
    }

    .showroom-value-grid[b-q4s7oao43m] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .showroom-value-grid article[b-q4s7oao43m] {
        min-height: 108px;
        padding: 16px;
        border-radius: 14px;
    }

    .showroom-cta-section[b-q4s7oao43m] {
        min-height: auto;
        padding: 24px 22px;
        border-radius: 18px;
        flex-direction: column;
        align-items: flex-start;
    }

    .showroom-cta-actions[b-q4s7oao43m] {
        width: 100%;
        gap: 8px;
    }

    .showroom-cta-actions .btn[b-q4s7oao43m] {
        width: 100%;
        height: 46px;
        padding: 0 18px;
        font-size: 13px;
        line-height: 46px;
        font-weight: 600;
        border-radius: 999px;
    }

    .showroom-lightbox[b-q4s7oao43m] {
        padding: 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .showroom-proof-layers article[b-q4s7oao43m],
    .showroom-before-strip button[b-q4s7oao43m],
    .showroom-render-grid button[b-q4s7oao43m],
    .showroom-cad-grid button[b-q4s7oao43m],
    .showroom-cta-actions .btn[b-q4s7oao43m] {
        transition: none;
    }
}

/* ---------------------------------------------------------
   Final scoped corrections: project layers, hero dots,
   information-card readability, and project status list.
   --------------------------------------------------------- */

/* Remove any slider/pagination bullets from this hero only. */
.showroom-case-page .showroom-case-hero-card .swiper-pagination[b-q4s7oao43m],
.showroom-case-page .showroom-case-hero-card .swiper-pagination-bullet[b-q4s7oao43m],
.showroom-case-page .showroom-case-hero-card .carousel-indicators[b-q4s7oao43m],
.showroom-case-page .showroom-case-hero-card .slider-dots[b-q4s7oao43m],
.showroom-case-page .showroom-case-hero-card .splide__pagination[b-q4s7oao43m],
.showroom-case-page .showroom-case-hero-card .hero-pagination[b-q4s7oao43m],
.showroom-case-page .showroom-case-hero-card .hero-dots[b-q4s7oao43m] {
    display: none !important;
}

.showroom-case-page .showroom-case-overlay[b-q4s7oao43m]::before,
.showroom-case-page .showroom-case-overlay[b-q4s7oao43m]::after,
.showroom-case-page .showroom-case-overlay h1[b-q4s7oao43m]::before,
.showroom-case-page .showroom-case-overlay h1[b-q4s7oao43m]::after {
    content: none !important;
    display: none !important;
}

/* Project layers: image and fixed dark footer remain inside one clickable card. */
.showroom-proof-layers .project-layer-card[b-q4s7oao43m] {
    display: block;
    overflow: hidden;
    border-radius: 14px;
}

.showroom-proof-layers .project-layer-card__button[b-q4s7oao43m] {
    display: grid;
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: inherit;
    text-align: start;
    cursor: zoom-in;
}

.showroom-proof-layers .project-layer-card__image[b-q4s7oao43m] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 14px 14px 0 0;
}

.showroom-proof-layers .project-layer-card__content[b-q4s7oao43m] {
    min-width: 0;
    min-height: 0;
    box-sizing: border-box;
    overflow: hidden;
    background: rgba(255, 255, 255, .025);
}

.showroom-proof-layers .project-layer-card__heading[b-q4s7oao43m] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.showroom-proof-layers .project-layer-card__heading > span[b-q4s7oao43m] {
    flex: 0 0 auto;
    margin: 0;
}

.showroom-proof-layers .project-layer-card__title[b-q4s7oao43m] {
    min-width: 0;
    margin: 0;
    color: rgba(255, 255, 255, .94);
    font-weight: 600;
    letter-spacing: -.02em;
}

.showroom-proof-layers .project-layer-card__description[b-q4s7oao43m] {
    display: -webkit-box;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    overflow: hidden;
    color: rgba(255, 255, 255, .66);
    font-weight: 400;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.showroom-proof-layers .project-layer-card__button:focus-visible[b-q4s7oao43m] {
    outline: none;
}

.showroom-proof-layers .project-layer-card:has(.project-layer-card__button:focus-visible)[b-q4s7oao43m] {
    outline: 2px solid rgba(255, 255, 255, .82);
    outline-offset: 3px;
}

/* Fixed information-card text sizing on this page only. */
.showroom-case-page .case-study-info-card h3[b-q4s7oao43m] {
    margin: 0;
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: rgba(255, 255, 255, .94);
}

.showroom-case-page .case-study-info-card p[b-q4s7oao43m] {
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, .70);
}

/* Project status list: fixed readable rows and monochrome markers. */
.showroom-case-page .showroom-status-steps .case-study-info-card[b-q4s7oao43m] {
    min-height: 44px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 22px;
}

.showroom-case-page .showroom-status-steps .case-study-info-card > span[b-q4s7oao43m] {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
    font-size: 8px;
    line-height: 18px;
}

.showroom-case-page .showroom-status-steps .case-study-info-card > strong[b-q4s7oao43m] {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
}

@media (hover: hover) and (pointer: fine) {
    .showroom-proof-layers .project-layer-card[b-q4s7oao43m] {
        transition: transform 180ms ease;
    }

    .showroom-proof-layers .project-layer-card:hover[b-q4s7oao43m] {
        transform: translateY(-3px);
    }
}

@media (min-width: 1200px) {
    .showroom-proof-layers .project-layer-card[b-q4s7oao43m] {
        height: 302px;
    }

    .showroom-proof-layers .project-layer-card__button[b-q4s7oao43m] {
        grid-template-rows: 218px 84px;
    }

    .showroom-proof-layers .project-layer-card__image[b-q4s7oao43m] {
        height: 218px;
    }

    .showroom-proof-layers .project-layer-card__content[b-q4s7oao43m] {
        height: 84px;
        padding: 12px 14px;
    }

    .showroom-proof-layers .project-layer-card__title[b-q4s7oao43m] {
        font-size: 14px;
        line-height: 18px;
    }

    .showroom-proof-layers .project-layer-card__description[b-q4s7oao43m] {
        margin-top: 5px;
        font-size: 12px;
        line-height: 17px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .showroom-proof-layers .project-layer-card[b-q4s7oao43m] {
        height: 310px;
    }

    .showroom-proof-layers .project-layer-card__button[b-q4s7oao43m] {
        grid-template-rows: 222px 88px;
    }

    .showroom-proof-layers .project-layer-card__image[b-q4s7oao43m] {
        height: 222px;
    }

    .showroom-proof-layers .project-layer-card__content[b-q4s7oao43m] {
        height: 88px;
        padding: 13px 14px;
    }

    .showroom-proof-layers .project-layer-card__title[b-q4s7oao43m] {
        font-size: 14px;
        line-height: 18px;
    }

    .showroom-proof-layers .project-layer-card__description[b-q4s7oao43m] {
        margin-top: 5px;
        font-size: 12px;
        line-height: 17px;
    }
}

@media (max-width: 767px) {
    .showroom-proof-layers .project-layer-card[b-q4s7oao43m] {
        flex: 0 0 270px;
        width: 270px;
        min-width: 270px;
        height: 320px;
        scroll-snap-align: start;
    }

    .showroom-proof-layers .project-layer-card__button[b-q4s7oao43m] {
        grid-template-rows: 226px 94px;
    }

    .showroom-proof-layers .project-layer-card__image[b-q4s7oao43m] {
        height: 226px;
    }

    .showroom-proof-layers .project-layer-card__content[b-q4s7oao43m] {
        height: 94px;
        padding: 13px 14px;
    }

    .showroom-proof-layers .project-layer-card__title[b-q4s7oao43m] {
        font-size: 15px;
        line-height: 19px;
    }

    .showroom-proof-layers .project-layer-card__description[b-q4s7oao43m] {
        margin-top: 6px;
        font-size: 13px;
        line-height: 18px;
    }

    .showroom-case-page .case-study-info-card h3[b-q4s7oao43m] {
        font-size: 15px;
        line-height: 20px;
    }

    .showroom-case-page .case-study-info-card p[b-q4s7oao43m] {
        margin-top: 6px;
        font-size: 13px;
        line-height: 19px;
    }

    .showroom-case-page .showroom-status-steps .case-study-info-card[b-q4s7oao43m] {
        min-height: 46px;
        padding: 0 13px;
        font-size: 13px;
        line-height: 19px;
    }

    .showroom-case-page .showroom-status-steps .case-study-info-card > strong[b-q4s7oao43m] {
        font-size: 13px;
        line-height: 19px;
    }
}


/* =========================================================
   Final focused corrections:
   01 Why this matters cards
   02 Project status cards
   03 CAD execution card row + lightbox controls
   04 Multi-brand strategy cards
   05 Project layers sizing + CAD-specific fourth image
   ========================================================= */

/* 01 — Why this matters: use the existing card area more effectively. */
@media (min-width: 1200px) {
    .showroom-case-page .showroom-value-grid[b-q4s7oao43m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        gap: 12px;
        height: 100%;
        align-content: stretch;
    }

    .showroom-case-page .showroom-value-grid .case-study-info-card[b-q4s7oao43m] {
        height: 100%;
        min-height: 122px;
        padding: 26px 28px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .showroom-case-page .showroom-value-grid .case-study-info-card > span[b-q4s7oao43m] {
        font-size: 12px;
        line-height: 16px;
    }

    .showroom-case-page .showroom-value-grid .case-study-info-card > h3[b-q4s7oao43m] {
        margin: 10px 0 0;
        font-size: 22px;
        line-height: 1.2;
    }

    .showroom-case-page .showroom-value-grid .case-study-info-card > p[b-q4s7oao43m] {
        margin: 12px 0 0;
        font-size: 16px;
        line-height: 1.55;
    }
}

/* 02 — Project status: distribute four complete status cards vertically. */
.showroom-case-page .showroom-status-steps[b-q4s7oao43m] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    height: 100%;
    align-content: center;
}

.showroom-case-page .showroom-status-steps .case-study-info-card[b-q4s7oao43m] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: color-mix(in srgb, #000 20%, transparent);
}

.showroom-case-page .showroom-status-steps .case-study-info-card > span[b-q4s7oao43m] {
    display: block;
    width: auto;
    height: auto;
    min-width: 0;
    border: 0;
    border-radius: 0;
    font-size: 12px;
    line-height: 16px;
}

.showroom-case-page .showroom-status-steps .case-study-info-card > h3[b-q4s7oao43m] {
    margin: 7px 0 0;
    font-size: 17px;
    line-height: 1.25;
    font-weight: 600;
    color: rgba(255, 255, 255, .94);
}

.showroom-case-page .showroom-status-steps .case-study-info-card > p[b-q4s7oao43m] {
    margin: 7px 0 0;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    color: rgba(255, 255, 255, .70);
}

@media (min-width: 1200px) {
    .showroom-case-page .showroom-status-steps[b-q4s7oao43m] {
        grid-template-rows: repeat(4, 96px);
    }

    .showroom-case-page .showroom-status-steps .case-study-info-card[b-q4s7oao43m] {
        height: 96px;
        min-height: 96px;
        padding: 18px 20px;
    }
}

/* 03 — CAD execution package: readable horizontal technical-card row. */
.showroom-case-page .showroom-cad-grid[b-q4s7oao43m] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(360px, 390px);
    grid-template-columns: none;
    gap: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 14px;
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
}

.showroom-case-page .showroom-cad-grid .showroom-cad-card[b-q4s7oao43m] {
    width: 100%;
    min-width: 360px;
    max-width: 390px;
    min-height: 332px;
    height: auto;
    grid-template-rows: 250px minmax(82px, auto);
    scroll-snap-align: start;
}

.showroom-case-page .showroom-cad-grid .showroom-cad-preview[b-q4s7oao43m] {
    width: 100%;
    height: 250px;
}

.showroom-case-page .showroom-cad-grid .showroom-cad-footer[b-q4s7oao43m] {
    min-height: 82px;
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
}

.showroom-case-page .showroom-cad-grid .showroom-cad-title[b-q4s7oao43m] {
    width: 100%;
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    white-space: normal;
    overflow-wrap: anywhere;
}

.showroom-case-page .showroom-cad-grid .showroom-cad-open[b-q4s7oao43m] {
    width: 100%;
    margin-top: 10px;
    flex: 0 0 auto;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
    white-space: normal;
}

.showroom-lightbox-nav[b-q4s7oao43m] {
    position: fixed;
    z-index: 1000;
    top: 50%;
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-top: -26px;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: rgba(0, 0, 0, .72);
    color: var(--text);
    font-size: 34px;
    line-height: 1;
    backdrop-filter: blur(12px);
    cursor: pointer;
}

.showroom-lightbox-prev[b-q4s7oao43m] {
    left: 20px;
}

.showroom-lightbox-next[b-q4s7oao43m] {
    right: 20px;
}

/* 04 — Multi-brand strategy: balance the full right-hand area. */
@media (min-width: 1200px) {
    .showroom-case-page .showroom-strategy-card[b-q4s7oao43m] {
        align-items: stretch;
    }

    .showroom-case-page .showroom-strategy-list[b-q4s7oao43m] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        column-gap: 14px;
        row-gap: 14px;
        height: 100%;
        align-content: stretch;
    }

    .showroom-case-page .showroom-strategy-list .case-study-info-card[b-q4s7oao43m] {
        height: 100%;
        min-height: 0;
        padding: 28px 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .showroom-case-page .showroom-strategy-list .case-study-info-card > span[b-q4s7oao43m] {
        font-size: 12px;
        line-height: 16px;
    }

    .showroom-case-page .showroom-strategy-list .case-study-info-card > h3[b-q4s7oao43m] {
        margin: 10px 0 0;
        font-size: 21px;
        line-height: 1.25;
    }

    .showroom-case-page .showroom-strategy-list .case-study-info-card > p[b-q4s7oao43m] {
        margin: 12px 0 0;
        font-size: 16px;
        line-height: 1.55;
    }
}

/* 05 — Project layers: larger desktop cards without transform scaling. */
@media (min-width: 1200px) {
    .showroom-case-page .showroom-proof-layers .project-layer-card[b-q4s7oao43m] {
        height: auto;
        min-height: 330px;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__button[b-q4s7oao43m] {
        grid-template-rows: 240px minmax(90px, auto);
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__image[b-q4s7oao43m] {
        height: 240px;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__content[b-q4s7oao43m] {
        height: auto;
        min-height: 90px;
        padding: 18px;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__heading[b-q4s7oao43m] {
        gap: 8px;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__title[b-q4s7oao43m] {
        font-size: 18px;
        line-height: 1.25;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__description[b-q4s7oao43m] {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.5;
    }

    .showroom-case-page .showroom-proof-layers article:nth-child(4) img[b-q4s7oao43m] {
        object-position: 50% 34%;
    }
}

/* Responsive adjustments limited to the five corrected sections. */
@media (min-width: 768px) and (max-width: 1199px) {
    .showroom-case-page .showroom-strategy-list[b-q4s7oao43m],
    .showroom-case-page .showroom-value-grid[b-q4s7oao43m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .showroom-case-page .showroom-strategy-list .case-study-info-card[b-q4s7oao43m],
    .showroom-case-page .showroom-value-grid .case-study-info-card[b-q4s7oao43m] {
        height: auto;
        min-height: 150px;
        padding: 24px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .showroom-case-page .showroom-strategy-list .case-study-info-card > h3[b-q4s7oao43m],
    .showroom-case-page .showroom-value-grid .case-study-info-card > h3[b-q4s7oao43m] {
        margin-top: 9px;
        font-size: 20px;
        line-height: 1.25;
    }

    .showroom-case-page .showroom-strategy-list .case-study-info-card > p[b-q4s7oao43m],
    .showroom-case-page .showroom-value-grid .case-study-info-card > p[b-q4s7oao43m] {
        margin-top: 10px;
        font-size: 15px;
        line-height: 1.5;
    }

    .showroom-case-page .showroom-status-steps[b-q4s7oao43m] {
        grid-template-rows: repeat(4, 96px);
    }

    .showroom-case-page .showroom-status-steps .case-study-info-card[b-q4s7oao43m] {
        height: 96px;
        min-height: 96px;
        padding: 18px 20px;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card[b-q4s7oao43m] {
        height: auto;
        min-height: 320px;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__button[b-q4s7oao43m] {
        grid-template-rows: 224px minmax(96px, auto);
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__image[b-q4s7oao43m] {
        height: 224px;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__content[b-q4s7oao43m] {
        height: auto;
        min-height: 96px;
        padding: 16px;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__title[b-q4s7oao43m] {
        font-size: 17px;
        line-height: 1.25;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__description[b-q4s7oao43m] {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.45;
    }
}

@media (max-width: 767px) {
    .showroom-case-page .showroom-proof-layers[b-q4s7oao43m] {
        display: grid;
        grid-template-columns: 1fr;
        overflow: visible;
        padding: 0;
        gap: 12px;
        scroll-snap-type: none;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card[b-q4s7oao43m] {
        width: 100%;
        min-width: 0;
        height: auto;
        min-height: 320px;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__button[b-q4s7oao43m] {
        grid-template-rows: 226px minmax(94px, auto);
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__image[b-q4s7oao43m] {
        height: 226px;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__content[b-q4s7oao43m] {
        height: auto;
        min-height: 94px;
        padding: 16px;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__title[b-q4s7oao43m] {
        font-size: 17px;
        line-height: 1.25;
    }

    .showroom-case-page .showroom-proof-layers .project-layer-card__description[b-q4s7oao43m] {
        margin-top: 8px;
        font-size: 14px;
        line-height: 1.5;
    }

    .showroom-case-page .showroom-strategy-list[b-q4s7oao43m],
    .showroom-case-page .showroom-value-grid[b-q4s7oao43m] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .showroom-case-page .showroom-strategy-list .case-study-info-card[b-q4s7oao43m],
    .showroom-case-page .showroom-value-grid .case-study-info-card[b-q4s7oao43m] {
        height: auto;
        min-height: 146px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .showroom-case-page .showroom-strategy-list .case-study-info-card > span[b-q4s7oao43m],
    .showroom-case-page .showroom-value-grid .case-study-info-card > span[b-q4s7oao43m] {
        font-size: 11px;
        line-height: 15px;
    }

    .showroom-case-page .showroom-strategy-list .case-study-info-card > h3[b-q4s7oao43m],
    .showroom-case-page .showroom-value-grid .case-study-info-card > h3[b-q4s7oao43m] {
        margin-top: 8px;
        font-size: 18px;
        line-height: 1.25;
    }

    .showroom-case-page .showroom-strategy-list .case-study-info-card > p[b-q4s7oao43m],
    .showroom-case-page .showroom-value-grid .case-study-info-card > p[b-q4s7oao43m] {
        margin-top: 10px;
        font-size: 14px;
        line-height: 1.5;
    }

    .showroom-case-page .showroom-status-steps[b-q4s7oao43m] {
        grid-template-rows: none;
    }

    .showroom-case-page .showroom-status-steps .case-study-info-card[b-q4s7oao43m] {
        height: auto;
        min-height: 116px;
        padding: 18px;
    }

    .showroom-case-page .showroom-status-steps .case-study-info-card > h3[b-q4s7oao43m] {
        font-size: 16px;
        line-height: 1.3;
    }

    .showroom-case-page .showroom-status-steps .case-study-info-card > p[b-q4s7oao43m] {
        font-size: 13px;
        line-height: 1.5;
    }

    .showroom-lightbox-nav[b-q4s7oao43m] {
        width: 46px;
        height: 46px;
        margin-top: -23px;
        font-size: 30px;
    }

    .showroom-lightbox-prev[b-q4s7oao43m] {
        left: 8px;
    }

    .showroom-lightbox-next[b-q4s7oao43m] {
        right: 8px;
    }
}

/* Phase 9.2 — Hero image overlay contrast */
.showroom-case-hero-card[b-q4s7oao43m] {
    --text:#ffffff;
    --muted:rgba(255,255,255,.72);
    --line:rgba(255,255,255,.18);
    --accent:#ffffff;
    --accent-2:#9ee7ff;
    --bg:#050505;
}
.showroom-case-overlay h1[b-q4s7oao43m] { color:#ffffff; text-shadow:0 3px 28px rgba(0,0,0,.80); }
.showroom-case-overlay p:not(.eyebrow)[b-q4s7oao43m] { color:rgba(255,255,255,.84); text-shadow:0 2px 18px rgba(0,0,0,.76); }


/* Phase 9.2.1 — Theme-aware semantic card contrast
   These cards live on the page surface rather than on media, so their text and
   surfaces follow the active theme variables in both dark and light modes. */
.showroom-case-page .showroom-strategy-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
.showroom-case-page .showroom-status-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
.showroom-case-page .showroom-value-card > div:first-child > p:not(.eyebrow)[b-q4s7oao43m],
.showroom-case-page .showroom-cta-section p:not(.eyebrow)[b-q4s7oao43m] {
    color: var(--muted);
}

.showroom-case-page .showroom-strategy-list .case-study-info-card[b-q4s7oao43m],
.showroom-case-page .showroom-value-grid .case-study-info-card[b-q4s7oao43m],
.showroom-case-page .showroom-status-steps .case-study-info-card[b-q4s7oao43m] {
    border-color: var(--line);
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--panel-strong) 86%, transparent),
            color-mix(in srgb, var(--panel) 72%, transparent));
    box-shadow: 0 14px 36px color-mix(in srgb, #000 7%, transparent);
}

.showroom-case-page .showroom-strategy-list .case-study-info-card > h3[b-q4s7oao43m],
.showroom-case-page .showroom-value-grid .case-study-info-card > h3[b-q4s7oao43m],
.showroom-case-page .showroom-status-steps .case-study-info-card > h3[b-q4s7oao43m],
.showroom-case-page .case-study-info-card h3[b-q4s7oao43m],
.showroom-case-page .case-study-info-card strong[b-q4s7oao43m] {
    color: var(--text);
    text-shadow: none;
}

.showroom-case-page .showroom-strategy-list .case-study-info-card > p[b-q4s7oao43m],
.showroom-case-page .showroom-value-grid .case-study-info-card > p[b-q4s7oao43m],
.showroom-case-page .showroom-status-steps .case-study-info-card > p[b-q4s7oao43m],
.showroom-case-page .case-study-info-card p[b-q4s7oao43m] {
    color: var(--muted);
    text-shadow: none;
}

.showroom-case-page .showroom-strategy-list .case-study-info-card > span[b-q4s7oao43m],
.showroom-case-page .showroom-value-grid .case-study-info-card > span[b-q4s7oao43m],
.showroom-case-page .showroom-status-steps .case-study-info-card > span[b-q4s7oao43m] {
    color: var(--accent-2);
}

.showroom-case-page .showroom-project-status[b-q4s7oao43m] {
    color: var(--text);
    background: color-mix(in srgb, var(--panel-strong) 86%, transparent);
    border-color: var(--line-strong);
}


/* =========================================================
   PHASE 7 SHOWROOM R1 HF1
   Client Deliverables Density + Hierarchy Correction
   ========================================================= */

/* The R1 deliverable cards were too tall for the amount of copy.
   Keep the strong 3 + 3 service grid, but remove the large dead space
   and increase text authority slightly. */
.showroom-deliverables-grid[b-q4s7oao43m] {
    gap: clamp(14px, 1.2vw, 18px);
}

.showroom-deliverables-grid article[b-q4s7oao43m] {
    min-height: 190px;
    padding: clamp(24px, 2.15vw, 30px);
    gap: 14px;
    border-radius: 24px;
}

.showroom-deliverables-grid h3[b-q4s7oao43m] {
    font-size: clamp(1.12rem, 1.35vw, 1.34rem);
    line-height: 1.12;
}

.showroom-deliverables-grid p[b-q4s7oao43m] {
    max-width: 44ch;
    font-size: clamp(.91rem, .88vw, .97rem);
    line-height: 1.62;
}

@media (max-width: 1199px) {
    .showroom-deliverables-grid article[b-q4s7oao43m] {
        min-height: 190px;
    }
}

@media (max-width: 767px) {
    .showroom-deliverables-grid article[b-q4s7oao43m] {
        min-height: 0;
        padding: 22px;
    }
}


/* =========================================================
   PHASE 7 SHOWROOM R1 HF2
   Hero Typography + 3x2 Workflow Final Polish
   ========================================================= */

/* 01 — HERO
   Preserve the current commercial message, but give the headline a wider
   editorial measure and a slightly smaller scale so it reads in ~3–4 lines
   instead of becoming a very tall 6–7 line block. */
.showroom-case-overlay[b-q4s7oao43m] {
    max-width: min(980px, 72%);
}

.showroom-case-overlay h1[b-q4s7oao43m] {
    max-width: 15ch;
    font-size: clamp(2.75rem, 4.75vw, 5.65rem);
    line-height: .93;
    letter-spacing: -.068em;
}

.showroom-case-overlay p:not(.eyebrow)[b-q4s7oao43m] {
    max-width: 760px;
    line-height: 1.58;
}


/* 02 — SHOWROOM WORKFLOW
   The six steps are important service/process information.
   Use 3 + 3 on desktop so each card has enough width for readable copy. */
.showroom-journey-grid[b-q4s7oao43m] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(14px, 1.25vw, 20px);
}

.showroom-journey-grid article[b-q4s7oao43m] {
    min-height: 210px;
    padding: clamp(26px, 2.3vw, 34px);
    gap: 15px;
    border-radius: 24px;
}

.showroom-journey-grid h3[b-q4s7oao43m] {
    font-size: clamp(1.18rem, 1.48vw, 1.48rem);
    line-height: 1.1;
}

.showroom-journey-grid p[b-q4s7oao43m] {
    max-width: 48ch;
    font-size: clamp(.91rem, .9vw, .98rem);
    line-height: 1.66;
}


/* Tablet keeps two columns; mobile keeps one column. */
@media (max-width: 1199px) {
    .showroom-case-overlay[b-q4s7oao43m] {
        max-width: min(820px, 72%);
    }

    .showroom-case-overlay h1[b-q4s7oao43m] {
        max-width: 15ch;
        font-size: clamp(2.65rem, 5.2vw, 4.9rem);
    }

    .showroom-journey-grid[b-q4s7oao43m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .showroom-journey-grid article[b-q4s7oao43m] {
        min-height: 205px;
    }
}

@media (max-width: 767px) {
    .showroom-case-overlay[b-q4s7oao43m] {
        max-width: calc(100% - 48px);
    }

    .showroom-case-overlay h1[b-q4s7oao43m] {
        max-width: 13.5ch;
        font-size: clamp(2.35rem, 11vw, 4rem);
        line-height: .94;
    }

    .showroom-case-overlay p:not(.eyebrow)[b-q4s7oao43m] {
        max-width: 46ch;
    }

    .showroom-journey-grid[b-q4s7oao43m] {
        grid-template-columns: 1fr;
    }

    .showroom-journey-grid article[b-q4s7oao43m] {
        min-height: 0;
        padding: 24px;
    }
}
/* /Components/Pages/UniluminProductVisualizationCampaign.razor.rz.scp.css */
.unilumin-page[b-gr1y3rp6ba] {
    position: relative;
    overflow: clip;
}

.unilumin-hero[b-gr1y3rp6ba] {
    padding-top: clamp(24px, 4vw, 62px);
}

.unilumin-hero-card[b-gr1y3rp6ba],
.unilumin-facts article[b-gr1y3rp6ba],
.unilumin-product-story[b-gr1y3rp6ba],
.unilumin-promo-card[b-gr1y3rp6ba],
.unilumin-comparison-card[b-gr1y3rp6ba],
.unilumin-gallery-board button[b-gr1y3rp6ba],
.unilumin-value-grid article[b-gr1y3rp6ba],
.unilumin-cta[b-gr1y3rp6ba] {
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--accent-2) 11%, transparent), transparent 22rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 82%, transparent), color-mix(in srgb, var(--panel) 66%, transparent));
    box-shadow: 0 26px 100px color-mix(in srgb, #000 28%, transparent);
}

.unilumin-hero-card[b-gr1y3rp6ba] {
    position: relative;
    overflow: hidden;
    min-height: clamp(620px, 57vw, 900px);
    border-radius: clamp(30px, 3vw, 52px);
    isolation: isolate;
}

.unilumin-hero-card[b-gr1y3rp6ba]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(0,0,0,.79), rgba(0,0,0,.46) 43%, rgba(0,0,0,.06) 76%),
        linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.56));
}

.unilumin-hero-card > img[b-gr1y3rp6ba] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
}

.unilumin-back[b-gr1y3rp6ba] {
    position: absolute;
    top: clamp(22px,2.4vw,36px);
    left: clamp(22px,2.4vw,36px);
    z-index: 3;
    color: rgba(255,255,255,.78);
    text-decoration: none;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.unilumin-hero-copy[b-gr1y3rp6ba] {
    position: absolute;
    z-index: 3;
    left: clamp(26px,5vw,76px);
    bottom: clamp(34px,5vw,82px);
    max-width: 820px;
    display: grid;
    gap: 16px;
}

.unilumin-hero-copy h1[b-gr1y3rp6ba],
.unilumin-section-head h2[b-gr1y3rp6ba],
.unilumin-product-copy h2[b-gr1y3rp6ba],
.unilumin-value-section > header h2[b-gr1y3rp6ba],
.unilumin-cta h2[b-gr1y3rp6ba] {
    margin: 0;
    color: var(--text);
    line-height: .92;
    letter-spacing: -.075em;
}

.unilumin-hero-copy h1[b-gr1y3rp6ba] {
    color: #fff;
    font-size: clamp(2.8rem, 6vw, 7.3rem);
    text-shadow: 0 3px 30px rgba(0,0,0,.82);
}

.unilumin-hero-copy p:not(.eyebrow)[b-gr1y3rp6ba] {
    margin: 0;
    max-width: 720px;
    color: rgba(255,255,255,.84);
    line-height: 1.75;
    text-shadow: 0 2px 18px rgba(0,0,0,.76);
}

/* Project facts */
.unilumin-facts[b-gr1y3rp6ba] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
    padding-top: 16px;
}

.unilumin-facts article[b-gr1y3rp6ba] {
    border-radius: 24px;
    padding: 18px;
    min-height: 104px;
    display: grid;
    align-content: space-between;
}

.unilumin-facts span[b-gr1y3rp6ba],
.unilumin-card-head span[b-gr1y3rp6ba],
.unilumin-value-grid article > span[b-gr1y3rp6ba] {
    color: var(--muted);
    font-size: .7rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.unilumin-facts strong[b-gr1y3rp6ba] {
    color: var(--text);
    font-size: 1.3rem;
    line-height: 1.2;
}

/* Library intro */
.unilumin-section[b-gr1y3rp6ba],
.unilumin-product-section[b-gr1y3rp6ba] {
    padding-top: clamp(72px, 8vw, 136px);
}

.unilumin-section-head[b-gr1y3rp6ba] {
    max-width: 1120px;
    margin-bottom: clamp(26px,3.6vw,50px);
}

.unilumin-section-head h2[b-gr1y3rp6ba] {
    font-size: clamp(2.5rem,5vw,6.2rem);
    max-width: 1040px;
}

.unilumin-section-head p:not(.eyebrow)[b-gr1y3rp6ba] {
    margin: 18px 0 0;
    max-width: 820px;
    color: var(--muted);
    line-height: 1.76;
}

.unilumin-product-nav[b-gr1y3rp6ba] {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 10px;
}

.unilumin-product-nav a[b-gr1y3rp6ba] {
    min-height: 72px;
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 14px 16px;
    color: var(--text);
    text-decoration: none;
    background: color-mix(in srgb,#000 28%,transparent);
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: .78rem;
    font-weight: 950;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.unilumin-product-nav a:hover[b-gr1y3rp6ba],
.unilumin-product-nav a:focus-visible[b-gr1y3rp6ba] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb,var(--accent-2) 50%,var(--line));
    background: color-mix(in srgb,var(--panel-strong) 86%,transparent);
}

.unilumin-product-nav a:focus-visible[b-gr1y3rp6ba] {
    outline: 2px solid var(--accent-2);
    outline-offset: 3px;
}

.unilumin-product-nav a span[b-gr1y3rp6ba] {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 50%;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb,var(--accent-2) 36%,var(--line));
    color: var(--accent-2);
}

/* Product story */
.unilumin-product-section[b-gr1y3rp6ba] {
    scroll-margin-top: 40px;
}

.unilumin-product-story[b-gr1y3rp6ba] {
    display: grid;
    grid-template-columns: minmax(320px,.72fr) minmax(480px,1.28fr);
    min-height: 560px;
    border-radius: clamp(28px,2.8vw,46px);
    overflow: hidden;
}

.unilumin-product-section.is-reverse .unilumin-product-copy[b-gr1y3rp6ba] {
    order: 2;
}

.unilumin-product-section.is-reverse .unilumin-hero-thumb[b-gr1y3rp6ba] {
    order: 1;
}

.unilumin-product-copy[b-gr1y3rp6ba] {
    padding: clamp(30px,4.2vw,70px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.unilumin-number[b-gr1y3rp6ba] {
    width: 56px;
    height: 56px;
    border: 1px solid color-mix(in srgb,var(--accent-2) 38%,var(--line));
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    color: var(--accent-2);
    background: color-mix(in srgb,#000 28%,transparent);
    font-weight: 950;
    margin-bottom: 22px;
}

.unilumin-product-copy h2[b-gr1y3rp6ba] {
    font-size: clamp(2.4rem,4.8vw,6.2rem);
}

.unilumin-product-copy p:not(.eyebrow)[b-gr1y3rp6ba] {
    margin: 18px 0 0;
    color: var(--muted);
    line-height: 1.78;
    max-width: 650px;
}

.unilumin-tags[b-gr1y3rp6ba] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
}

.unilumin-tags span[b-gr1y3rp6ba] {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 9px 13px;
    color: var(--text);
    background: color-mix(in srgb,#000 28%,transparent);
    font-size: .74rem;
    font-weight: 900;
}

.unilumin-hero-thumb[b-gr1y3rp6ba] {
    position: relative;
    overflow: hidden;
    border: 0;
    border-inline-start: 1px solid var(--line);
    padding: 0;
    min-height: 560px;
    background: #050607;
    cursor: zoom-in;
}

.unilumin-product-section.is-reverse .unilumin-hero-thumb[b-gr1y3rp6ba] {
    border-inline-start: 0;
    border-inline-end: 1px solid var(--line);
}

.unilumin-hero-thumb img[b-gr1y3rp6ba] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    transition: transform .45s ease, filter .45s ease;
}

.unilumin-hero-thumb:hover img[b-gr1y3rp6ba] {
    transform: scale(1.018);
    filter: brightness(1.04);
}

.unilumin-image-label[b-gr1y3rp6ba] {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    background: rgba(0,0,0,.62);
    color: rgba(255,255,255,.9);
    backdrop-filter: blur(12px);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Video + wireframe proof */
.unilumin-proof-stage[b-gr1y3rp6ba] {
    display: grid;
    grid-template-columns: minmax(0,1.06fr) minmax(0,.94fr);
    gap: 16px;
    margin-top: 16px;
    align-items: stretch;
}

.unilumin-proof-stage.is-single[b-gr1y3rp6ba] {
    grid-template-columns: minmax(0,1fr);
}

.unilumin-promo-card[b-gr1y3rp6ba],
.unilumin-comparison-card[b-gr1y3rp6ba] {
    min-width: 0;
    overflow: hidden;
    border-radius: clamp(26px,2.4vw,40px);
    padding: 16px;
}

.unilumin-card-head[b-gr1y3rp6ba] {
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 8px 8px 16px;
}

.unilumin-card-head > div[b-gr1y3rp6ba] {
    display: grid;
    gap: 6px;
}

.unilumin-card-head strong[b-gr1y3rp6ba] {
    color: var(--text);
    font-size: clamp(.92rem,1vw,1.08rem);
    line-height: 1.2;
}

.unilumin-card-head em[b-gr1y3rp6ba] {
    color: var(--muted);
    font-style: normal;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.unilumin-video-stage[b-gr1y3rp6ba] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #050607;
}

.unilumin-video-stage video[b-gr1y3rp6ba] {
    width: 100%;
    aspect-ratio: 16/9;
    display: block;
    object-fit: cover;
    background: #050607;
}

.unilumin-video-overlay[b-gr1y3rp6ba] {
    position: absolute;
    z-index: 3;
    inset: auto 14px 14px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    pointer-events: none;
}

.unilumin-video-overlay span[b-gr1y3rp6ba],
.unilumin-video-overlay strong[b-gr1y3rp6ba] {
    padding: 8px 10px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(0,0,0,.62);
    color: rgba(255,255,255,.9);
    backdrop-filter: blur(12px);
    font-size: .68rem;
    line-height: 1;
}

.unilumin-video-overlay strong[b-gr1y3rp6ba] {
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ajax-media-play[b-gr1y3rp6ba] {
    position: absolute;
    z-index: 6;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 18px 0 12px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: 999px;
    background: rgba(3,5,7,.78);
    color: #fff;
    box-shadow: 0 18px 50px rgba(0,0,0,.42);
    backdrop-filter: blur(16px);
    cursor: pointer;
    transition: opacity .18s ease, transform .18s ease, border-color .18s ease, background .18s ease;
}

.ajax-media-play > span[b-gr1y3rp6ba] {
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #090b0d;
    font-size: .9rem;
}

.ajax-media-play > strong[b-gr1y3rp6ba] {
    font-size: .78rem;
    letter-spacing: .035em;
    white-space: nowrap;
}

.ajax-media-play:hover[b-gr1y3rp6ba],
.ajax-media-play:focus-visible[b-gr1y3rp6ba] {
    transform: translate(-50%,-50%) scale(1.035);
    border-color: color-mix(in srgb,var(--accent-2) 72%,#fff 28%);
    background: rgba(3,5,7,.9);
}

.ajax-media-play:focus-visible[b-gr1y3rp6ba] {
    outline: 2px solid #9ee7ff;
    outline-offset: 4px;
}

.ajax-sound-toggle[b-gr1y3rp6ba] {
    position: absolute;
    z-index: 7;
    top: 14px;
    right: 14px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    background: rgba(3,5,7,.7);
    color: rgba(255,255,255,.88);
    backdrop-filter: blur(14px);
    cursor: pointer;
    font-size: .68rem;
    font-weight: 850;
}

.ajax-reels-card.is-playing .ajax-media-play[b-gr1y3rp6ba],
.ajax-reels-card.has-started:not(.is-video-error) .ajax-media-play[b-gr1y3rp6ba] {
    opacity: 0;
    pointer-events: none;
}

.ajax-reels-card.is-paused:not(.has-started) .ajax-media-play[b-gr1y3rp6ba],
.ajax-reels-card.is-ended .ajax-media-play[b-gr1y3rp6ba],
.ajax-reels-card.is-video-error .ajax-media-play[b-gr1y3rp6ba] {
    opacity: 1;
    pointer-events: auto;
}

.ajax-reels-card.is-loading[b-gr1y3rp6ba]::before {
    content: "";
    position: absolute;
    z-index: 5;
    width: 34px;
    height: 34px;
    left: 50%;
    top: calc(50% + 46px);
    margin: -17px 0 0 -17px;
    border: 2px solid rgba(255,255,255,.2);
    border-top-color: #9ee7ff;
    border-radius: 50%;
    animation: unilumin-media-spin-b-gr1y3rp6ba .8s linear infinite;
    pointer-events: none;
}

@keyframes unilumin-media-spin-b-gr1y3rp6ba {
    to { transform: rotate(360deg); }
}

.ajax-reels-card.is-video-error[b-gr1y3rp6ba]::before {
    content: attr(data-video-error-label);
    position: absolute;
    z-index: 5;
    left: 50%;
    top: calc(50% + 52px);
    transform: translateX(-50%);
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(0,0,0,.72);
    color: rgba(255,255,255,.86);
    font-size: .72rem;
    font-weight: 800;
}

.ajax-reels-card:not(.has-started) video[b-gr1y3rp6ba]::-webkit-media-controls {
    display: none !important;
}

.ajax-reels-card.has-started video[b-gr1y3rp6ba]::-webkit-media-controls {
    display: flex !important;
}

.unilumin-media-note[b-gr1y3rp6ba] {
    margin: 16px 8px 5px;
    display: grid;
    gap: 7px;
}

.unilumin-media-note strong[b-gr1y3rp6ba] {
    color: var(--text);
    font-size: .8rem;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.unilumin-media-note p[b-gr1y3rp6ba],
.unilumin-comparison-note[b-gr1y3rp6ba] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
    font-size: .9rem;
}

.unilumin-promo-image[b-gr1y3rp6ba] {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 0;
    background: transparent;
    cursor: zoom-in;
}

.unilumin-promo-image img[b-gr1y3rp6ba] {
    width: 100%;
    aspect-ratio: 16/9;
    display: block;
    object-fit: cover;
    background: #050607;
}

.unilumin-promo-image span[b-gr1y3rp6ba] {
    position: absolute;
    left: 14px;
    bottom: 14px;
    padding: 8px 11px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(0,0,0,.64);
    color: #fff;
    font-size: .68rem;
    font-weight: 850;
}

.unilumin-empty[b-gr1y3rp6ba] {
    min-height: 320px;
    border: 1px dashed var(--line);
    border-radius: 24px;
    display: grid;
    place-items: center;
    color: var(--muted);
}

/* Wireframe / Render comparison — preserved and elevated */
@property --pos {
    syntax: '<percentage>';
    inherits: true;
    initial-value: 50%;
}

@keyframes compareHintSweep-b-gr1y3rp6ba {
    0%,18% { --pos: var(--compare-default); }
    42% { --pos: 68%; }
    68% { --pos: 32%; }
    100% { --pos: var(--compare-default); }
}

.compare-frame[b-gr1y3rp6ba] {
    --pos: 50%;
    --compare-default: 50%;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: #050607;
    min-height: 420px;
}

.compare-frame:not([data-user-touched="true"])[b-gr1y3rp6ba] {
    animation: compareHintSweep-b-gr1y3rp6ba 3.2s ease-in-out .65s 1 both;
}

.compare-frame img[b-gr1y3rp6ba] {
    width: 100%;
    height: 100%;
    min-height: 420px;
    display: block;
    object-fit: cover;
}

.compare-after[b-gr1y3rp6ba] {
    position: relative;
    z-index: 1;
}

.compare-before[b-gr1y3rp6ba] {
    position: absolute;
    inset: 0;
    z-index: 2;
    clip-path: polygon(0 0,var(--pos) 0,var(--pos) 100%,0 100%);
}

.compare-line[b-gr1y3rp6ba] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: var(--pos);
    z-index: 3;
    width: 2px;
    background: color-mix(in srgb,var(--accent-2) 75%,white);
    box-shadow: 0 0 18px color-mix(in srgb,var(--accent-2) 60%,transparent);
    pointer-events: none;
}

.compare-handle[b-gr1y3rp6ba] {
    position: absolute;
    left: var(--pos);
    top: 50%;
    z-index: 5;
    transform: translate(-50%,-50%);
    width: 58px;
    height: 42px;
    border: 1px solid color-mix(in srgb,var(--accent-2) 55%,white);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: rgba(0,0,0,.64);
    color: #fff;
    box-shadow: 0 0 22px color-mix(in srgb,var(--accent-2) 42%,transparent);
    pointer-events: none;
}

.compare-handle span[b-gr1y3rp6ba] {
    width: 18px;
    height: 18px;
    display: inline-grid;
    place-items: center;
    font-size: 1.35rem;
    color: #9ee7ff;
    font-weight: 950;
}

.compare-frame input[type="range"][b-gr1y3rp6ba] {
    position: absolute;
    inset: 0;
    z-index: 6;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: ew-resize;
}

.compare-label[b-gr1y3rp6ba] {
    position: absolute;
    z-index: 4;
    top: 14px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    background: rgba(0,0,0,.62);
    color: rgba(255,255,255,.9);
    backdrop-filter: blur(12px);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    pointer-events: none;
}

.compare-label.is-wireframe[b-gr1y3rp6ba] { left: 14px; }
.compare-label.is-render[b-gr1y3rp6ba] { right: 14px; }

.unilumin-comparison-note[b-gr1y3rp6ba] {
    padding: 15px 8px 5px;
}

/* Editorial render mosaics */
.unilumin-gallery-head[b-gr1y3rp6ba] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin: clamp(34px,4.2vw,60px) 0 16px;
}

.unilumin-gallery-head > div[b-gr1y3rp6ba] {
    max-width: 880px;
}

.unilumin-gallery-head h3[b-gr1y3rp6ba] {
    margin: 5px 0 0;
    color: var(--text);
    font-size: clamp(2rem,3.3vw,4rem);
    line-height: .95;
    letter-spacing: -.055em;
}

.unilumin-gallery-head > span[b-gr1y3rp6ba] {
    color: var(--muted);
    font-weight: 900;
}

.unilumin-gallery-board[b-gr1y3rp6ba] {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    grid-auto-flow: dense;
    grid-auto-rows: clamp(82px,7.5vw,132px);
    gap: 12px;
}

.unilumin-gallery-board button[b-gr1y3rp6ba] {
    position: relative;
    overflow: hidden;
    min-width: 0;
    min-height: 0;
    grid-column: span 4;
    grid-row: span 2;
    border-radius: 22px;
    padding: 0;
    text-align: left;
    cursor: zoom-in;
    isolation: isolate;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.unilumin-gallery-board button[b-gr1y3rp6ba]::after {
    content: "";
    position: absolute;
    inset: 45% 0 0;
    z-index: 1;
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.74));
    pointer-events: none;
}

.unilumin-gallery-board button:hover[b-gr1y3rp6ba] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb,var(--accent-2) 42%,var(--line));
    box-shadow: 0 24px 58px rgba(0,0,0,.32);
}

.unilumin-gallery-board button:focus-visible[b-gr1y3rp6ba] {
    outline: 2px solid var(--accent-2);
    outline-offset: 3px;
}

.unilumin-gallery-board img[b-gr1y3rp6ba] {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: block;
    object-fit: cover;
    background: #050607;
    transition: transform .35s ease, filter .35s ease;
}

.unilumin-gallery-board button:hover img[b-gr1y3rp6ba] {
    transform: scale(1.018);
    filter: brightness(1.04);
}

.unilumin-gallery-board button > span[b-gr1y3rp6ba] {
    position: absolute;
    z-index: 2;
    left: 14px;
    right: 14px;
    bottom: 13px;
    color: #fff;
    font-size: .74rem;
    font-weight: 850;
    line-height: 1.35;
    text-shadow: 0 2px 12px rgba(0,0,0,.8);
}

/* XS: large editorial lead left, stacked proof right */
.unilumin-gallery-board.is-xs-series button:first-child[b-gr1y3rp6ba] {
    grid-column: span 7;
    grid-row: span 4;
}
.unilumin-gallery-board.is-xs-series button:nth-child(2)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-xs-series button:nth-child(3)[b-gr1y3rp6ba] {
    grid-column: span 5;
    grid-row: span 2;
}
.unilumin-gallery-board.is-xs-series button:nth-child(4)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-xs-series button:nth-child(5)[b-gr1y3rp6ba] {
    grid-column: span 6;
    grid-row: span 3;
}

/* UMicro: opposite rhythm */
.unilumin-gallery-board.is-umicro button:first-child[b-gr1y3rp6ba] {
    grid-column: 6 / span 7;
    grid-row: span 4;
}
.unilumin-gallery-board.is-umicro button:nth-child(2)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-umicro button:nth-child(3)[b-gr1y3rp6ba] {
    grid-column: span 5;
    grid-row: span 2;
}
.unilumin-gallery-board.is-umicro button:nth-child(4)[b-gr1y3rp6ba] {
    grid-column: span 8;
    grid-row: span 3;
}
.unilumin-gallery-board.is-umicro button:nth-child(5)[b-gr1y3rp6ba] {
    grid-column: span 4;
    grid-row: span 3;
}

/* UPAD V: cinematic full-width lead */
.unilumin-gallery-board.is-upad-v button:first-child[b-gr1y3rp6ba] {
    grid-column: 1 / -1;
    grid-row: span 4;
}
.unilumin-gallery-board.is-upad-v button:nth-child(2)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-upad-v button:nth-child(3)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-upad-v button:nth-child(4)[b-gr1y3rp6ba] {
    grid-column: span 4;
    grid-row: span 3;
}

/* Uslim II: paired editorial plates */
.unilumin-gallery-board.is-uslim-ii button:first-child[b-gr1y3rp6ba],
.unilumin-gallery-board.is-uslim-ii button:nth-child(2)[b-gr1y3rp6ba] {
    grid-column: span 6;
    grid-row: span 4;
}
.unilumin-gallery-board.is-uslim-ii button:nth-child(3)[b-gr1y3rp6ba] {
    grid-column: span 8;
    grid-row: span 3;
}
.unilumin-gallery-board.is-uslim-ii button:nth-child(4)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-uslim-ii button:nth-child(5)[b-gr1y3rp6ba] {
    grid-column: span 4;
    grid-row: span 3;
}

/* UTV SC: detail-led split */
.unilumin-gallery-board.is-utv-sc button:first-child[b-gr1y3rp6ba] {
    grid-column: span 8;
    grid-row: span 4;
}
.unilumin-gallery-board.is-utv-sc button:nth-child(2)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-utv-sc button:nth-child(3)[b-gr1y3rp6ba] {
    grid-column: span 4;
    grid-row: span 2;
}
.unilumin-gallery-board.is-utv-sc button:nth-child(4)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-utv-sc button:nth-child(5)[b-gr1y3rp6ba] {
    grid-column: span 6;
    grid-row: span 3;
}

/* Commercial value */
.unilumin-value-section[b-gr1y3rp6ba] {
    padding-top: clamp(78px,8.5vw,142px);
    display: grid;
    grid-template-columns: minmax(280px,.68fr) minmax(0,1.32fr);
    gap: clamp(26px,4vw,70px);
    align-items: start;
}

.unilumin-value-section > header[b-gr1y3rp6ba] {
    position: sticky;
    top: calc(var(--mx-header-h,72px) + 28px);
}

.unilumin-value-section > header h2[b-gr1y3rp6ba] {
    font-size: clamp(2.4rem,4.8vw,5.6rem);
    max-width: 700px;
}

.unilumin-value-grid[b-gr1y3rp6ba] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
}

.unilumin-value-grid article[b-gr1y3rp6ba] {
    border-radius: 26px;
    padding: 24px;
    min-height: 230px;
}

.unilumin-value-grid h3[b-gr1y3rp6ba] {
    margin: 20px 0 0;
    color: var(--text);
    font-size: clamp(1.25rem,1.8vw,1.8rem);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.unilumin-value-grid p[b-gr1y3rp6ba] {
    margin: 14px 0 0;
    color: var(--muted);
    line-height: 1.7;
}

/* CTA */
.unilumin-cta[b-gr1y3rp6ba] {
    margin-top: clamp(74px,8vw,132px);
    margin-bottom: clamp(42px,6vw,82px);
    border-radius: clamp(28px,3vw,46px);
    padding: clamp(30px,5vw,72px);
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 26px;
}

.unilumin-cta h2[b-gr1y3rp6ba] {
    font-size: clamp(2.4rem,5vw,6rem);
    max-width: 940px;
}

/* Existing image lightbox preserved */
.unilumin-lightbox[b-gr1y3rp6ba] {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(3,4,6,.88);
    backdrop-filter: blur(18px);
    display: grid;
    place-items: center;
    padding: 28px;
}

.unilumin-lightbox-dialog[b-gr1y3rp6ba] {
    width: min(1380px,100%);
    max-height: calc(100vh - 56px);
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 28px;
    background: color-mix(in srgb,var(--panel-strong) 90%,transparent);
    box-shadow: 0 36px 120px rgba(0,0,0,.45);
}

.unilumin-lightbox-dialog img[b-gr1y3rp6ba] {
    width: 100%;
    height: auto;
    display: block;
    background: #050607;
}

.unilumin-lightbox-dialog div[b-gr1y3rp6ba] {
    padding: 18px 22px;
}

.unilumin-lightbox-dialog h3[b-gr1y3rp6ba] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.4rem,2vw,2.2rem);
}

.unilumin-lightbox-close[b-gr1y3rp6ba] {
    position: fixed;
    top: 22px;
    right: 22px;
    z-index: 1000;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: rgba(0,0,0,.62);
    color: #fff;
    backdrop-filter: blur(12px);
    font-size: 1.5rem;
}

/* Responsive */
@media (max-width: 1180px) {
    .unilumin-product-nav[b-gr1y3rp6ba] {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }

    .unilumin-product-story[b-gr1y3rp6ba],
    .unilumin-proof-stage[b-gr1y3rp6ba],
    .unilumin-value-section[b-gr1y3rp6ba] {
        grid-template-columns: 1fr;
    }

    .unilumin-product-section.is-reverse .unilumin-product-copy[b-gr1y3rp6ba],
    .unilumin-product-section.is-reverse .unilumin-hero-thumb[b-gr1y3rp6ba] {
        order: initial;
    }

    .unilumin-hero-thumb[b-gr1y3rp6ba],
    .unilumin-product-section.is-reverse .unilumin-hero-thumb[b-gr1y3rp6ba] {
        border-inline: 0;
        border-top: 1px solid var(--line);
        min-height: 480px;
    }

    .unilumin-value-section > header[b-gr1y3rp6ba] {
        position: static;
    }

    .unilumin-gallery-board[b-gr1y3rp6ba] {
        grid-template-columns: repeat(8,minmax(0,1fr));
        grid-auto-rows: clamp(86px,10vw,128px);
    }

    .unilumin-gallery-board button[b-gr1y3rp6ba],
    .unilumin-gallery-board[class*="is-"] button[b-gr1y3rp6ba] {
        grid-column: span 4;
        grid-row: span 2;
    }

    .unilumin-gallery-board[class*="is-"] button:first-child[b-gr1y3rp6ba] {
        grid-column: span 8;
        grid-row: span 4;
    }
}

@media (max-width: 760px) {
    .unilumin-hero-card[b-gr1y3rp6ba] {
        min-height: 640px;
    }

    .unilumin-hero-copy[b-gr1y3rp6ba] {
        left: 22px;
        right: 22px;
        bottom: 28px;
    }

    .unilumin-hero-copy h1[b-gr1y3rp6ba] {
        font-size: clamp(2.35rem,12vw,4rem);
    }

    .unilumin-facts[b-gr1y3rp6ba],
    .unilumin-product-nav[b-gr1y3rp6ba],
    .unilumin-value-grid[b-gr1y3rp6ba] {
        grid-template-columns: 1fr;
    }

    .unilumin-product-story[b-gr1y3rp6ba] {
        min-height: 0;
    }

    .unilumin-product-copy[b-gr1y3rp6ba] {
        padding: 26px 22px 30px;
    }

    .unilumin-product-copy h2[b-gr1y3rp6ba] {
        font-size: clamp(2.3rem,11vw,4rem);
    }

    .unilumin-hero-thumb[b-gr1y3rp6ba] {
        min-height: 350px;
    }

    .unilumin-card-head[b-gr1y3rp6ba] {
        align-items: flex-start;
        flex-direction: column;
    }

    .compare-frame[b-gr1y3rp6ba],
    .compare-frame img[b-gr1y3rp6ba] {
        min-height: 320px;
    }

    .unilumin-gallery-head[b-gr1y3rp6ba] {
        align-items: flex-start;
        flex-direction: column;
    }

    .unilumin-gallery-board[b-gr1y3rp6ba],
    .unilumin-gallery-board[class*="is-"][b-gr1y3rp6ba] {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .unilumin-gallery-board button[b-gr1y3rp6ba],
    .unilumin-gallery-board[class*="is-"] button[b-gr1y3rp6ba],
    .unilumin-gallery-board[class*="is-"] button:first-child[b-gr1y3rp6ba],
    .unilumin-gallery-board[class*="is-"] button:nth-child(n)[b-gr1y3rp6ba] {
        grid-column: 1 / -1;
        grid-row: auto;
        min-height: 0;
    }

    .unilumin-gallery-board img[b-gr1y3rp6ba] {
        height: auto;
        min-height: 0;
        aspect-ratio: 16/10;
    }

    .unilumin-cta[b-gr1y3rp6ba] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ajax-media-play[b-gr1y3rp6ba] {
        min-height: 48px;
        padding-right: 15px;
    }

    .ajax-media-play > strong[b-gr1y3rp6ba] {
        font-size: .72rem;
    }

    .ajax-sound-toggle[b-gr1y3rp6ba] {
        top: 10px;
        right: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .unilumin-gallery-board button[b-gr1y3rp6ba],
    .unilumin-gallery-board img[b-gr1y3rp6ba],
    .unilumin-product-nav a[b-gr1y3rp6ba],
    .unilumin-hero-thumb img[b-gr1y3rp6ba],
    .ajax-media-play[b-gr1y3rp6ba] {
        transition: none;
    }

    .compare-frame:not([data-user-touched="true"])[b-gr1y3rp6ba] {
        animation: none;
    }
}

/* Media surfaces stay legible in both site themes. */
.unilumin-hero-card[b-gr1y3rp6ba],
.unilumin-hero-thumb[b-gr1y3rp6ba],
.compare-frame[b-gr1y3rp6ba],
.unilumin-video-stage[b-gr1y3rp6ba] {
    --text: #ffffff;
    --muted: rgba(255,255,255,.72);
    --line: rgba(255,255,255,.18);
    --accent: #ffffff;
    --accent-2: #9ee7ff;
    --bg: #050505;
}

/* =========================================================
   PHASE 7 R1 HF1 — Visual Density & Storytelling Polish
   - stronger cinematic hero
   - video presented as a major story beat
   - Wireframe / Render promoted to a large Technical Proof section
   - only five curated renders visible by default
   - remaining renders stay accessible in a collapsed full gallery
   ========================================================= */

.unilumin-hero-card[b-gr1y3rp6ba] {
    min-height: clamp(700px, 62vw, 980px);
}

.unilumin-hero-card > img[b-gr1y3rp6ba] {
    object-position: 56% center;
}

.unilumin-hero-copy[b-gr1y3rp6ba] {
    max-width: 940px;
}

.unilumin-hero-copy h1[b-gr1y3rp6ba] {
    max-width: 900px;
}

.unilumin-product-section[b-gr1y3rp6ba] {
    padding-top: clamp(92px, 9vw, 158px);
}

.unilumin-product-section + .unilumin-product-section[b-gr1y3rp6ba] {
    margin-top: clamp(22px, 2vw, 38px);
}

/* One major media beat at a time instead of two dense equal cards. */
.unilumin-proof-stage[b-gr1y3rp6ba],
.unilumin-proof-stage.is-single[b-gr1y3rp6ba] {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    margin-top: 20px;
}

/* AJAX-style promo becomes a widescreen presentation stage with its copy beside it. */
.unilumin-promo-card[b-gr1y3rp6ba] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(270px, .6fr);
    grid-template-areas:
        "head head"
        "media note";
    gap: 0 24px;
    padding: clamp(18px, 2vw, 28px);
}

.unilumin-promo-card > .unilumin-card-head[b-gr1y3rp6ba] {
    grid-area: head;
}

.unilumin-promo-card > .unilumin-video-stage[b-gr1y3rp6ba],
.unilumin-promo-card > .unilumin-promo-image[b-gr1y3rp6ba],
.unilumin-promo-card > .unilumin-empty[b-gr1y3rp6ba] {
    grid-area: media;
}

.unilumin-promo-card > .unilumin-media-note[b-gr1y3rp6ba] {
    grid-area: note;
    align-self: end;
    margin: 0;
    padding: clamp(18px, 2.3vw, 32px);
    border: 1px solid var(--line);
    border-radius: 22px;
    background:
        linear-gradient(150deg,
            color-mix(in srgb, var(--panel-strong) 84%, transparent),
            color-mix(in srgb, #000 34%, transparent));
}

.unilumin-promo-card > .unilumin-media-note strong[b-gr1y3rp6ba] {
    font-size: .76rem;
}

.unilumin-promo-card > .unilumin-media-note p[b-gr1y3rp6ba] {
    margin-top: 12px;
}

/* Technical proof is now a large independent proof section. */
.unilumin-comparison-card[b-gr1y3rp6ba] {
    display: grid;
    grid-template-columns: minmax(280px, .5fr) minmax(0, 1.5fr);
    grid-template-areas:
        "head compare"
        "note compare";
    align-items: center;
    gap: 18px 28px;
    padding: clamp(22px, 2.6vw, 38px);
    background:
        radial-gradient(circle at 82% 18%,
            color-mix(in srgb, var(--accent-2) 13%, transparent),
            transparent 30rem),
        linear-gradient(135deg,
            color-mix(in srgb, var(--panel-strong) 90%, transparent),
            color-mix(in srgb, #000 26%, transparent));
}

.unilumin-comparison-card > .unilumin-card-head[b-gr1y3rp6ba] {
    grid-area: head;
    align-self: end;
    display: grid;
    justify-content: stretch;
    gap: 18px;
    min-height: 0;
    padding: 0;
}

.unilumin-comparison-card > .unilumin-card-head > div[b-gr1y3rp6ba] {
    gap: 9px;
}

.unilumin-comparison-card > .unilumin-card-head strong[b-gr1y3rp6ba] {
    font-size: clamp(1.55rem, 2.4vw, 3rem);
    line-height: .96;
    letter-spacing: -.045em;
    text-transform: none;
}

.unilumin-comparison-card > .unilumin-card-head em[b-gr1y3rp6ba] {
    justify-self: start;
    padding: 8px 11px;
    border: 1px solid color-mix(in srgb, var(--accent-2) 30%, var(--line));
    border-radius: 999px;
    background: color-mix(in srgb, #000 24%, transparent);
}

.unilumin-comparison-card > .compare-frame[b-gr1y3rp6ba] {
    grid-area: compare;
    min-height: clamp(500px, 42vw, 720px);
}

.unilumin-comparison-card > .compare-frame img[b-gr1y3rp6ba] {
    min-height: inherit;
}

.unilumin-comparison-card > .unilumin-comparison-note[b-gr1y3rp6ba] {
    grid-area: note;
    align-self: start;
    padding: 0;
    max-width: 430px;
    font-size: .96rem;
    line-height: 1.76;
}

/* Curated gallery: larger visual weights and less immediate density. */
.unilumin-gallery-head[b-gr1y3rp6ba] {
    margin-top: clamp(48px, 5.2vw, 78px);
    margin-bottom: 20px;
}

.unilumin-gallery-head > div[b-gr1y3rp6ba] {
    max-width: 1080px;
}

.unilumin-gallery-head h3[b-gr1y3rp6ba] {
    max-width: 980px;
}

.unilumin-gallery-board[b-gr1y3rp6ba] {
    grid-auto-rows: clamp(118px, 8.8vw, 158px);
    gap: 14px;
}

.unilumin-gallery-board button[b-gr1y3rp6ba] {
    border-radius: 26px;
}

/* First five items only: keep every product's own visual rhythm. */
.unilumin-gallery-board.is-xs-series button:first-child[b-gr1y3rp6ba] {
    grid-column: span 7;
    grid-row: span 4;
}

.unilumin-gallery-board.is-xs-series button:nth-child(2)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-xs-series button:nth-child(3)[b-gr1y3rp6ba] {
    grid-column: span 5;
    grid-row: span 2;
}

.unilumin-gallery-board.is-xs-series button:nth-child(4)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-xs-series button:nth-child(5)[b-gr1y3rp6ba] {
    grid-column: span 6;
    grid-row: span 3;
}

.unilumin-gallery-board.is-umicro button:first-child[b-gr1y3rp6ba] {
    grid-column: 6 / span 7;
    grid-row: span 4;
}

.unilumin-gallery-board.is-umicro button:nth-child(2)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-umicro button:nth-child(3)[b-gr1y3rp6ba] {
    grid-column: span 5;
    grid-row: span 2;
}

.unilumin-gallery-board.is-umicro button:nth-child(4)[b-gr1y3rp6ba] {
    grid-column: span 8;
    grid-row: span 3;
}

.unilumin-gallery-board.is-umicro button:nth-child(5)[b-gr1y3rp6ba] {
    grid-column: span 4;
    grid-row: span 3;
}

.unilumin-gallery-board.is-upad-v button:first-child[b-gr1y3rp6ba] {
    grid-column: 1 / -1;
    grid-row: span 4;
}

.unilumin-gallery-board.is-upad-v button:nth-child(2)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-upad-v button:nth-child(3)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-upad-v button:nth-child(4)[b-gr1y3rp6ba] {
    grid-column: span 4;
    grid-row: span 3;
}

.unilumin-gallery-board.is-upad-v button:nth-child(5)[b-gr1y3rp6ba] {
    grid-column: 4 / span 6;
    grid-row: span 3;
}

.unilumin-gallery-board.is-uslim-ii button:first-child[b-gr1y3rp6ba],
.unilumin-gallery-board.is-uslim-ii button:nth-child(2)[b-gr1y3rp6ba] {
    grid-column: span 6;
    grid-row: span 4;
}

.unilumin-gallery-board.is-uslim-ii button:nth-child(3)[b-gr1y3rp6ba] {
    grid-column: span 8;
    grid-row: span 3;
}

.unilumin-gallery-board.is-uslim-ii button:nth-child(4)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-uslim-ii button:nth-child(5)[b-gr1y3rp6ba] {
    grid-column: span 4;
    grid-row: span 3;
}

.unilumin-gallery-board.is-utv-sc button:first-child[b-gr1y3rp6ba] {
    grid-column: span 8;
    grid-row: span 4;
}

.unilumin-gallery-board.is-utv-sc button:nth-child(2)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-utv-sc button:nth-child(3)[b-gr1y3rp6ba] {
    grid-column: span 4;
    grid-row: span 2;
}

.unilumin-gallery-board.is-utv-sc button:nth-child(4)[b-gr1y3rp6ba],
.unilumin-gallery-board.is-utv-sc button:nth-child(5)[b-gr1y3rp6ba] {
    grid-column: span 6;
    grid-row: span 3;
}

/* Remaining images are still available without forcing them into the page flow. */
.unilumin-gallery-more[b-gr1y3rp6ba] {
    margin-top: 16px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background:
        linear-gradient(145deg,
            color-mix(in srgb, var(--panel) 78%, transparent),
            color-mix(in srgb, #000 22%, transparent));
    overflow: hidden;
}

.unilumin-gallery-more > summary[b-gr1y3rp6ba] {
    min-height: 74px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    cursor: pointer;
    list-style: none;
    color: var(--text);
}

.unilumin-gallery-more > summary[b-gr1y3rp6ba]::-webkit-details-marker {
    display: none;
}

.unilumin-gallery-more > summary span[b-gr1y3rp6ba] {
    font-size: .82rem;
    font-weight: 950;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.unilumin-gallery-more > summary strong[b-gr1y3rp6ba] {
    padding: 8px 11px;
    border: 1px solid color-mix(in srgb, var(--accent-2) 28%, var(--line));
    border-radius: 999px;
    color: var(--accent-2);
    font-size: .7rem;
    letter-spacing: .05em;
}

.unilumin-gallery-more[open] > summary[b-gr1y3rp6ba] {
    border-bottom: 1px solid var(--line);
}

.unilumin-gallery-more-grid[b-gr1y3rp6ba] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 14px;
}

.unilumin-gallery-more-grid button[b-gr1y3rp6ba] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 0;
    background: #050607;
    cursor: zoom-in;
}

.unilumin-gallery-more-grid img[b-gr1y3rp6ba] {
    width: 100%;
    aspect-ratio: 4 / 3;
    display: block;
    object-fit: cover;
    transition: transform .3s ease, filter .3s ease;
}

.unilumin-gallery-more-grid button:hover img[b-gr1y3rp6ba] {
    transform: scale(1.025);
    filter: brightness(1.06);
}

.unilumin-gallery-more-grid button > span[b-gr1y3rp6ba] {
    position: absolute;
    inset: auto 10px 10px 10px;
    z-index: 2;
    padding: 7px 9px;
    border-radius: 12px;
    background: rgba(0, 0, 0, .66);
    color: #fff;
    font-size: .67rem;
    line-height: 1.25;
    text-align: left;
}

/* Give the next product a clean reset after an expanded media story. */
.unilumin-product-section[b-gr1y3rp6ba]::after {
    content: "";
    display: block;
    width: min(460px, 44%);
    height: 1px;
    margin: clamp(70px, 7vw, 116px) auto 0;
    background: linear-gradient(90deg, transparent, var(--line), transparent);
}

.unilumin-product-section:last-of-type[b-gr1y3rp6ba]::after {
    display: none;
}

@media (max-width: 1180px) {
    .unilumin-promo-card[b-gr1y3rp6ba],
    .unilumin-comparison-card[b-gr1y3rp6ba] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "head"
            "media"
            "note";
    }

    .unilumin-comparison-card[b-gr1y3rp6ba] {
        grid-template-areas:
            "head"
            "compare"
            "note";
    }

    .unilumin-comparison-card > .compare-frame[b-gr1y3rp6ba] {
        min-height: clamp(430px, 58vw, 640px);
    }

    .unilumin-gallery-more-grid[b-gr1y3rp6ba] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .unilumin-hero-card[b-gr1y3rp6ba] {
        min-height: 690px;
    }

    .unilumin-product-section[b-gr1y3rp6ba] {
        padding-top: 82px;
    }

    .unilumin-promo-card[b-gr1y3rp6ba],
    .unilumin-comparison-card[b-gr1y3rp6ba] {
        padding: 14px;
    }

    .unilumin-comparison-card > .compare-frame[b-gr1y3rp6ba] {
        min-height: 330px;
    }

    .unilumin-gallery-more > summary[b-gr1y3rp6ba] {
        align-items: flex-start;
        flex-direction: column;
    }

    .unilumin-gallery-more-grid[b-gr1y3rp6ba] {
        grid-template-columns: 1fr;
    }

    .unilumin-gallery-more-grid img[b-gr1y3rp6ba] {
        aspect-ratio: 16 / 10;
    }

    .unilumin-product-section[b-gr1y3rp6ba]::after {
        width: 70%;
        margin-top: 74px;
    }
}

/* =========================================================
   PHASE 7 R1 HF2 - Unilumin Media Balance Polish
   Focus:
   - reduce dead space beside video without shrinking media
   - vertically balance Technical Proof copy beside comparison
   - preserve video runtime, comparison interaction and gallery
   ========================================================= */

/* Video: move the explanatory card into the visual center of the side column. */
.unilumin-promo-card > .unilumin-media-note[b-gr1y3rp6ba] {
    align-self: center;
    justify-self: center;
    width: min(100%, 440px);
    margin: 0;
    padding: clamp(22px, 2.5vw, 36px);
}

.unilumin-promo-card[b-gr1y3rp6ba] {
    grid-template-columns: minmax(0, 1.42fr) minmax(300px, .58fr);
}

/* Technical proof: the copy is now one coherent block centered beside the image. */
.unilumin-comparison-card[b-gr1y3rp6ba] {
    grid-template-columns: minmax(310px, .48fr) minmax(0, 1.52fr);
    grid-template-areas: "copy compare";
    align-items: stretch;
    gap: clamp(24px, 3vw, 46px);
}

.unilumin-comparison-copy[b-gr1y3rp6ba] {
    grid-area: copy;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: clamp(22px, 2.4vw, 34px);
    padding: clamp(18px, 2.6vw, 44px) clamp(6px, 1.2vw, 18px);
}

.unilumin-comparison-copy > .unilumin-card-head[b-gr1y3rp6ba] {
    grid-area: auto;
    align-self: auto;
    min-height: 0;
    padding: 0;
    display: grid;
    gap: 18px;
}

.unilumin-comparison-copy > .unilumin-card-head > div[b-gr1y3rp6ba] {
    display: grid;
    gap: 10px;
}

.unilumin-comparison-copy > .unilumin-card-head strong[b-gr1y3rp6ba] {
    max-width: 390px;
    font-size: clamp(1.75rem, 2.55vw, 3.25rem);
    line-height: .94;
    letter-spacing: -.05em;
}

.unilumin-comparison-copy > .unilumin-card-head em[b-gr1y3rp6ba] {
    justify-self: start;
}

.unilumin-comparison-card > .compare-frame[b-gr1y3rp6ba] {
    grid-area: compare;
    align-self: stretch;
}

.unilumin-comparison-copy > .unilumin-comparison-note[b-gr1y3rp6ba] {
    grid-area: auto;
    align-self: auto;
    max-width: 410px;
    padding: 0;
    margin: 0;
}

/* Keep the two major media surfaces visually aligned. */
.unilumin-video-stage[b-gr1y3rp6ba],
.unilumin-comparison-card > .compare-frame[b-gr1y3rp6ba] {
    box-shadow:
        0 24px 70px rgba(0, 0, 0, .28),
        inset 0 0 0 1px color-mix(in srgb, var(--accent-2) 5%, transparent);
}

@media (max-width: 1180px) {
    .unilumin-promo-card[b-gr1y3rp6ba] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "head"
            "media"
            "note";
    }

    .unilumin-promo-card > .unilumin-media-note[b-gr1y3rp6ba] {
        justify-self: stretch;
        width: 100%;
    }

    .unilumin-comparison-card[b-gr1y3rp6ba] {
        grid-template-columns: 1fr;
        grid-template-areas:
            "copy"
            "compare";
    }

    .unilumin-comparison-copy[b-gr1y3rp6ba] {
        padding: 8px 6px 12px;
        gap: 18px;
    }

    .unilumin-comparison-copy > .unilumin-card-head strong[b-gr1y3rp6ba],
    .unilumin-comparison-copy > .unilumin-comparison-note[b-gr1y3rp6ba] {
        max-width: 760px;
    }
}

@media (max-width: 760px) {
    .unilumin-promo-card > .unilumin-media-note[b-gr1y3rp6ba] {
        padding: 20px;
    }

    .unilumin-comparison-copy[b-gr1y3rp6ba] {
        padding: 10px 6px 12px;
    }

    .unilumin-comparison-copy > .unilumin-card-head strong[b-gr1y3rp6ba] {
        font-size: clamp(1.65rem, 9vw, 2.5rem);
    }
}

/* /Components/Pages/WebDesign.razor.rz.scp.css */
.web-design-page-r2[b-mkyhv10suh] {
    padding: clamp(22px, 2.2vw, 30px);
}

.web-design-page-r2__hero[b-mkyhv10suh],
.web-design-page-r2__stack[b-mkyhv10suh],
.web-design-page-r2__section[b-mkyhv10suh],
.web-design-page-r2__admin[b-mkyhv10suh],
.web-design-page-r2__integration[b-mkyhv10suh],
.web-design-page-r2__cta[b-mkyhv10suh] {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
}

.web-design-page-r2__hero[b-mkyhv10suh] {
    min-height: min(820px, calc(100vh - 120px));
    padding: clamp(48px, 7vw, 110px) clamp(26px, 5vw, 84px);
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
    gap: clamp(34px, 6vw, 96px);
    align-items: center;
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 34px;
    background:
        radial-gradient(circle at 82% 16%, rgba(67,196,224,.12), transparent 34%),
        rgba(127,127,127,.035);
}

.web-design-page-r2__eyebrow[b-mkyhv10suh] {
    margin: 0 0 18px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .68;
}

.web-design-page-r2__hero h1[b-mkyhv10suh] {
    margin: 0;
    max-width: 1100px;
    font-size: clamp(3.2rem, 6.3vw, 8.5rem);
    line-height: .9;
    letter-spacing: -.065em;
    text-wrap: balance;
}

.web-design-page-r2__lede[b-mkyhv10suh] {
    max-width: 800px;
    margin: 28px 0 0;
    font-size: clamp(1rem, 1.35vw, 1.35rem);
    line-height: 1.62;
    opacity: .72;
}

.web-design-page-r2__actions[b-mkyhv10suh] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

.web-design-page-r2__hero-map[b-mkyhv10suh] {
    display: grid;
    gap: 14px;
    padding: clamp(26px, 4vw, 52px);
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 28px;
    background: rgba(127,127,127,.035);
}

.web-design-page-r2__hero-map span[b-mkyhv10suh] {
    padding: 18px 20px;
    border: 1px solid rgba(127,127,127,.2);
    border-radius: 999px;
    font-weight: 800;
    letter-spacing: .08em;
    text-align: center;
}

.web-design-page-r2__hero-map strong[b-mkyhv10suh] {
    text-align: center;
    opacity: .3;
}

.web-design-page-r2__section[b-mkyhv10suh] {
    padding: clamp(80px, 10vw, 150px) 0;
}

.web-design-page-r2__section-head[b-mkyhv10suh] {
    max-width: 1100px;
    margin-bottom: clamp(34px, 5vw, 64px);
}

.web-design-page-r2__section-head h2[b-mkyhv10suh],
.web-design-page-r2__integration h2[b-mkyhv10suh],
.web-design-page-r2__cta h2[b-mkyhv10suh] {
    margin: 0;
    font-size: clamp(2.6rem, 5vw, 6rem);
    line-height: .96;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.web-design-page-r2__cards[b-mkyhv10suh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(127,127,127,.22);
    border-left: 1px solid rgba(127,127,127,.22);
    border-radius: 28px;
    overflow: hidden;
}

.web-design-page-r2__cards article[b-mkyhv10suh] {
    min-height: 330px;
    padding: clamp(26px, 3vw, 44px);
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(127,127,127,.22);
    border-bottom: 1px solid rgba(127,127,127,.22);
    background: rgba(127,127,127,.03);
}

.web-design-page-r2__cards span[b-mkyhv10suh] {
    margin-bottom: clamp(46px, 4.6vw, 74px);
    font-size: 2.2rem;
    font-weight: 700;
    opacity: .12;
}

.web-design-page-r2__cards h3[b-mkyhv10suh] {
    min-height: 3.2em;
    margin: 0 0 14px;
    display: flex;
    align-items: flex-start;
    font-size: clamp(1.5rem, 2vw, 2.3rem);
    line-height: 1.04;
    letter-spacing: -.035em;
}

.web-design-page-r2__cards p[b-mkyhv10suh] {
    margin: 0;
    line-height: 1.58;
    opacity: .7;
}

.web-design-page-r2__integration[b-mkyhv10suh] {
    padding: clamp(40px, 6vw, 86px);
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
    gap: clamp(34px, 6vw, 90px);
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 32px;
    background:
        radial-gradient(circle at 18% 14%, rgba(67,196,224,.10), transparent 34%),
        rgba(127,127,127,.035);
}

.web-design-page-r2__integration p:not(.web-design-page-r2__eyebrow)[b-mkyhv10suh] {
    max-width: 780px;
    line-height: 1.65;
    opacity: .72;
}

.web-design-page-r2__integration-list[b-mkyhv10suh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    border-top: 1px solid rgba(127,127,127,.22);
    border-left: 1px solid rgba(127,127,127,.22);
    border-radius: 22px;
    overflow: hidden;
}

.web-design-page-r2__integration-list span[b-mkyhv10suh] {
    min-height: 116px;
    padding: 22px;
    display: flex;
    align-items: flex-end;
    border-right: 1px solid rgba(127,127,127,.22);
    border-bottom: 1px solid rgba(127,127,127,.22);
    font-weight: 800;
}

.web-design-page-r2__cta[b-mkyhv10suh] {
    margin-top: clamp(70px, 9vw, 140px);
    margin-bottom: clamp(50px, 7vw, 100px);
    padding: clamp(34px, 5vw, 72px);
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 30px;
    background: rgba(127,127,127,.035);
}

.web-design-page-r2__cta h2[b-mkyhv10suh] {
    max-width: 950px;
}

@media (max-width: 980px) {
    .web-design-page-r2__hero[b-mkyhv10suh],
    .web-design-page-r2__integration[b-mkyhv10suh] {
        grid-template-columns: 1fr;
    }

    .web-design-page-r2__cards[b-mkyhv10suh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .web-design-page-r2__cta[b-mkyhv10suh] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .web-design-page-r2[b-mkyhv10suh] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .web-design-page-r2__hero[b-mkyhv10suh] {
        min-height: 0;
        padding: 34px 20px;
        border-radius: 24px;
    }

    .web-design-page-r2__hero h1[b-mkyhv10suh] {
        font-size: clamp(2.7rem, 13vw, 4.5rem);
    }

    .web-design-page-r2__cards[b-mkyhv10suh] {
        grid-template-columns: 1fr;
    }

    .web-design-page-r2__cards article[b-mkyhv10suh] {
        min-height: 260px;
    }

    .web-design-page-r2__cards span[b-mkyhv10suh] {
        margin-bottom: 28px;
    }

    .web-design-page-r2__cards h3[b-mkyhv10suh] {
        min-height: 0;
    }

    .web-design-page-r2__integration[b-mkyhv10suh] {
        padding: 28px 20px;
        border-radius: 24px;
    }

    .web-design-page-r2__integration-list[b-mkyhv10suh] {
        grid-template-columns: 1fr;
    }

    .web-design-page-r2__integration-list span[b-mkyhv10suh] {
        min-height: 96px;
    }

    .web-design-page-r2__cta[b-mkyhv10suh] {
        padding: 28px 20px;
        border-radius: 24px;
    }
}


.web-design-page-r2__stack[b-mkyhv10suh] {
    padding: clamp(80px, 10vw, 150px) 0 0;
}

.web-design-page-r2__stack-flow[b-mkyhv10suh] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 28px;
    overflow: hidden;
}

.web-design-page-r2__stack-flow article[b-mkyhv10suh] {
    min-height: 250px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(127,127,127,.22);
    background: rgba(127,127,127,.03);
}

.web-design-page-r2__stack-flow article:last-child[b-mkyhv10suh] {
    border-right: 0;
}

.web-design-page-r2__stack-flow span[b-mkyhv10suh] {
    margin-bottom: clamp(44px, 4.1vw, 66px);
    font-size: .75rem;
    font-weight: 800;
    opacity: .36;
}

.web-design-page-r2__stack-flow strong[b-mkyhv10suh] {
    min-height: 2.55em;
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    font-size: clamp(1.05rem, 1.3vw, 1.35rem);
    line-height: 1.1;
}

.web-design-page-r2__stack-flow p[b-mkyhv10suh] {
    margin: 0;
    font-size: .92rem;
    line-height: 1.5;
    opacity: .68;
}

.web-design-page-r2__admin[b-mkyhv10suh] {
    margin-top: clamp(30px, 5vw, 70px);
    padding: clamp(40px, 6vw, 86px);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    gap: clamp(34px, 6vw, 90px);
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 32px;
    background:
        radial-gradient(circle at 82% 14%, rgba(67,196,224,.10), transparent 34%),
        rgba(127,127,127,.035);
}

.web-design-page-r2__admin h2[b-mkyhv10suh] {
    margin: 0;
    font-size: clamp(2.6rem, 5vw, 6rem);
    line-height: .96;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.web-design-page-r2__admin-copy > p:not(.web-design-page-r2__eyebrow)[b-mkyhv10suh] {
    max-width: 800px;
    line-height: 1.65;
    opacity: .72;
}

.web-design-page-r2__admin-grid[b-mkyhv10suh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(127,127,127,.22);
    border-left: 1px solid rgba(127,127,127,.22);
    border-radius: 22px;
    overflow: hidden;
}

.web-design-page-r2__admin-grid span[b-mkyhv10suh] {
    min-height: 112px;
    padding: 22px;
    display: flex;
    align-items: flex-end;
    border-right: 1px solid rgba(127,127,127,.22);
    border-bottom: 1px solid rgba(127,127,127,.22);
    font-weight: 800;
    line-height: 1.18;
}

@media (max-width: 1180px) {
    .web-design-page-r2__stack-flow[b-mkyhv10suh] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .web-design-page-r2__stack-flow article[b-mkyhv10suh] {
        border-bottom: 1px solid rgba(127,127,127,.22);
    }

    .web-design-page-r2__stack-flow article:nth-child(3n)[b-mkyhv10suh] {
        border-right: 0;
    }
}

@media (max-width: 980px) {
    .web-design-page-r2__admin[b-mkyhv10suh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .web-design-page-r2__stack-flow[b-mkyhv10suh] {
        grid-template-columns: 1fr;
    }

    .web-design-page-r2__stack-flow article[b-mkyhv10suh] {
        min-height: 175px;
        border-right: 0;
    }

    .web-design-page-r2__stack-flow span[b-mkyhv10suh] {
        margin-bottom: 26px;
    }

    .web-design-page-r2__stack-flow strong[b-mkyhv10suh] {
        min-height: 0;
    }

    .web-design-page-r2__admin[b-mkyhv10suh] {
        padding: 28px 20px;
        border-radius: 24px;
    }

    .web-design-page-r2__admin-grid[b-mkyhv10suh] {
        grid-template-columns: 1fr;
    }

    .web-design-page-r2__admin-grid span[b-mkyhv10suh] {
        min-height: 92px;
    }
}
/* /Components/Pages/WebExampleAdmin.razor.rz.scp.css */
.owner-admin-demo[b-5ye1qy8xxr] {
    min-height: 100vh;
    padding: clamp(18px, 2vw, 28px);
    background: #07090c;
    color: #f7f7f5;
}

.owner-admin-demo__shell[b-5ye1qy8xxr] {
    max-width: 1780px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    min-height: calc(100vh - 56px);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 28px;
    background: #0b0e12;
}

.owner-admin-demo__sidebar[b-5ye1qy8xxr] {
    padding: 24px 14px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(255,255,255,.09);
    background: #080a0d;
}

.owner-admin-demo__brand[b-5ye1qy8xxr] {
    padding: 0 10px 24px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.owner-admin-demo__brand span[b-5ye1qy8xxr] {
    display: block;
    font-weight: 900;
    letter-spacing: -.02em;
}

.owner-admin-demo__brand small[b-5ye1qy8xxr] {
    display: block;
    margin-top: 4px;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .14em;
    opacity: .48;
}

.owner-admin-demo__sidebar nav[b-5ye1qy8xxr] {
    display: grid;
    gap: 7px;
    margin-top: 20px;
}

.owner-admin-demo__sidebar nav button[b-5ye1qy8xxr] {
    position: relative;
    appearance: none;
    font: inherit;
    width: 100%;
    min-height: 48px;
    box-sizing: border-box;
    padding: 10px 14px 10px 12px;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) 7px;
    gap: 9px;
    align-items: center;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent;
    color: inherit;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
}

.owner-admin-demo__sidebar nav button:hover:not(.is-active)[b-5ye1qy8xxr] {
    background: rgba(255,255,255,.055);
    border-color: rgba(255,255,255,.06);
}

.owner-admin-demo__sidebar nav button.is-active[b-5ye1qy8xxr] {
    background:
        linear-gradient(90deg, rgba(87,205,236,.12), rgba(255,255,255,.075) 45%, rgba(255,255,255,.055));
    border-color: rgba(96,208,236,.26);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.025),
        0 0 0 1px rgba(63,180,214,.04),
        0 0 20px rgba(44,184,220,.10);
}

.owner-admin-demo__sidebar nav button.is-active[b-5ye1qy8xxr]::before {
    content: "";
    position: absolute;
    inset: 8px auto 8px 0;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: rgba(112,224,246,.95);
    box-shadow:
        0 0 8px rgba(93,215,243,.65),
        0 0 18px rgba(93,215,243,.28);
}

.owner-admin-demo__nav-icon[b-5ye1qy8xxr] {
    opacity: .48;
    transition: opacity 160ms ease, text-shadow 160ms ease;
}

.owner-admin-demo__sidebar nav button:hover .owner-admin-demo__nav-icon[b-5ye1qy8xxr] {
    opacity: .72;
}

.owner-admin-demo__sidebar nav button.is-active .owner-admin-demo__nav-icon[b-5ye1qy8xxr] {
    opacity: 1;
    text-shadow: 0 0 12px rgba(100,215,240,.48);
}

.owner-admin-demo__sidebar nav button strong[b-5ye1qy8xxr] {
    min-width: 0;
    font-size: .84rem;
    line-height: 1.15;
    transition: opacity 160ms ease;
}

.owner-admin-demo__sidebar nav button:not(.is-active) strong[b-5ye1qy8xxr] {
    opacity: .84;
}

.owner-admin-demo__sidebar nav button.is-active strong[b-5ye1qy8xxr] {
    opacity: 1;
}

.owner-admin-demo__nav-indicator[b-5ye1qy8xxr] {
    width: 6px;
    height: 6px;
    justify-self: end;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    opacity: .35;
    transition: background-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}

.owner-admin-demo__sidebar nav button.is-active .owner-admin-demo__nav-indicator[b-5ye1qy8xxr] {
    background: rgb(109, 224, 248);
    box-shadow:
        0 0 7px rgba(109,224,248,.8),
        0 0 16px rgba(109,224,248,.38);
    opacity: 1;
}

.owner-admin-demo__sidebar nav button:focus-visible[b-5ye1qy8xxr] {
    outline: 2px solid rgba(125,224,246,.92);
    outline-offset: 2px;
}

.owner-admin-demo__sidebar-foot[b-5ye1qy8xxr] {
    margin-top: auto;
    padding: 20px 10px 4px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.owner-admin-demo__sidebar-foot span[b-5ye1qy8xxr],
.owner-admin-demo__demo-badge[b-5ye1qy8xxr] {
    padding: 6px 8px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.owner-admin-demo__main[b-5ye1qy8xxr] {
    min-width: 0;
    padding: clamp(20px, 3vw, 44px);
}

.owner-admin-demo__header[b-5ye1qy8xxr] {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255,255,255,.09);
}

.owner-admin-demo__header p[b-5ye1qy8xxr],
.owner-admin-demo__section-head p[b-5ye1qy8xxr] {
    margin: 0 0 6px;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .14em;
    opacity: .5;
}

.owner-admin-demo__header h1[b-5ye1qy8xxr] {
    margin: 0;
    font-size: clamp(1.8rem, 3vw, 3.2rem);
    letter-spacing: -.045em;
}

.owner-admin-demo__header-actions[b-5ye1qy8xxr] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.owner-admin-demo__current-module[b-5ye1qy8xxr] {
    min-height: 38px;
    padding: 6px 11px 6px 9px;
    display: inline-flex;
    gap: 9px;
    align-items: center;
    border: 1px solid rgba(96,208,236,.20);
    border-radius: 999px;
    background: rgba(67,190,220,.055);
}

.owner-admin-demo__current-module > span:last-child[b-5ye1qy8xxr] {
    display: grid;
    gap: 1px;
}

.owner-admin-demo__current-module small[b-5ye1qy8xxr] {
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .12em;
    opacity: .45;
}

.owner-admin-demo__current-module strong[b-5ye1qy8xxr] {
    max-width: 210px;
    overflow: hidden;
    font-size: .72rem;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owner-admin-demo__current-dot[b-5ye1qy8xxr] {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgb(109,224,248);
    box-shadow:
        0 0 8px rgba(109,224,248,.72),
        0 0 18px rgba(109,224,248,.30);
}

.owner-admin-demo__public-link[b-5ye1qy8xxr] {
    border-color: rgba(255,255,255,.24) !important;
    background: rgba(255,255,255,.10) !important;
}

.owner-admin-demo__public-link:hover[b-5ye1qy8xxr] {
    background: rgba(255,255,255,.16) !important;
}

.owner-admin-demo .btn[b-5ye1qy8xxr] {
    min-height: 38px;
    padding: 9px 13px;
    border-radius: 999px;
    font-size: .75rem;
}

.owner-admin-demo__notice[b-5ye1qy8xxr] {
    margin: 16px 0;
    min-height: 44px;
    padding: 9px 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    align-items: center;
    border: 1px solid rgba(66,190,220,.18);
    border-radius: 999px;
    background: rgba(66,190,220,.04);
}

.owner-admin-demo__notice-mark[b-5ye1qy8xxr] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(109,224,248,.28);
    border-radius: 999px;
    color: rgb(128,226,247);
    font-size: .68rem;
    font-weight: 900;
    box-shadow: 0 0 12px rgba(93,215,243,.08);
}

.owner-admin-demo__notice strong[b-5ye1qy8xxr] {
    font-size: .7rem;
    letter-spacing: .08em;
}

.owner-admin-demo__notice p[b-5ye1qy8xxr] {
    min-width: 260px;
    flex: 1 1 520px;
    margin: 0;
    font-size: .7rem;
    line-height: 1.4;
    opacity: .58;
}

.owner-admin-demo__workspace[b-5ye1qy8xxr] {
    padding: clamp(26px, 4vw, 56px) 0;
}

.owner-admin-demo__section-head[b-5ye1qy8xxr] {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: flex-end;
    margin-bottom: 28px;
}

.owner-admin-demo__section-head > div[b-5ye1qy8xxr] {
    max-width: 940px;
}

.owner-admin-demo__section-head h2[b-5ye1qy8xxr] {
    margin: 0;
    font-size: clamp(2.2rem, 4.3vw, 5.1rem);
    line-height: .94;
    letter-spacing: -.055em;
}

.owner-admin-demo__section-head > span[b-5ye1qy8xxr] {
    padding: 6px 8px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    opacity: .58;
}

.owner-admin-demo__status-grid[b-5ye1qy8xxr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgba(255,255,255,.09);
    border-left: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    overflow: hidden;
}

.owner-admin-demo__status-grid article[b-5ye1qy8xxr] {
    min-height: 130px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(255,255,255,.09);
    border-bottom: 1px solid rgba(255,255,255,.09);
    background: #0d1116;
}

.owner-admin-demo__status-grid span[b-5ye1qy8xxr] {
    font-size: .65rem;
    font-weight: 800;
    opacity: .45;
}

.owner-admin-demo__status-grid strong[b-5ye1qy8xxr] {
    margin-top: auto;
    font-size: 1.2rem;
}

.owner-admin-demo__status-grid small[b-5ye1qy8xxr] {
    margin-top: 5px;
    opacity: .5;
}

.owner-admin-demo__overview-grid[b-5ye1qy8xxr] {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.owner-admin-demo__overview-grid article[b-5ye1qy8xxr],
.owner-admin-demo__panel[b-5ye1qy8xxr],
.owner-admin-demo__live-preview[b-5ye1qy8xxr],
.owner-admin-demo__roles article[b-5ye1qy8xxr],
.owner-admin-demo__tech-grid article[b-5ye1qy8xxr],
.owner-admin-demo__media-grid article[b-5ye1qy8xxr] {
    padding: 24px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    background: #0d1116;
}

.owner-admin-demo__overview-grid article > p:first-child[b-5ye1qy8xxr] {
    margin: 0;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    opacity: .45;
}

.owner-admin-demo__overview-grid h3[b-5ye1qy8xxr],
.owner-admin-demo__panel h3[b-5ye1qy8xxr],
.owner-admin-demo__roles h3[b-5ye1qy8xxr] {
    margin: 12px 0 10px;
    font-size: clamp(1.35rem, 2vw, 2rem);
    line-height: 1.05;
}

.owner-admin-demo__overview-grid article > p:not(:first-child)[b-5ye1qy8xxr],
.owner-admin-demo__roles p[b-5ye1qy8xxr],
.owner-admin-demo__tech-grid p[b-5ye1qy8xxr] {
    margin: 0;
    line-height: 1.55;
    font-size: .84rem;
    opacity: .6;
}

.owner-admin-demo__inline-nav[b-5ye1qy8xxr],
.owner-admin-demo__request-table button[b-5ye1qy8xxr] {
    margin-top: 18px;
    padding: 0;
    border: 0;
    appearance: none;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.owner-admin-demo__inline-nav:hover[b-5ye1qy8xxr] {
    opacity: .78;
}

.owner-admin-demo__editor-grid[b-5ye1qy8xxr] {
    display: grid;
    grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr);
    gap: 18px;
}

.owner-admin-demo__panel[b-5ye1qy8xxr] {
    min-width: 0;
}

.owner-admin-demo__panel label[b-5ye1qy8xxr],
.owner-admin-demo__form label[b-5ye1qy8xxr] {
    display: grid;
    gap: 7px;
    margin-top: 16px;
}

.owner-admin-demo__panel label span[b-5ye1qy8xxr],
.owner-admin-demo__form label span[b-5ye1qy8xxr] {
    font-size: .7rem;
    font-weight: 800;
    opacity: .55;
}

.owner-admin-demo input[b-5ye1qy8xxr],
.owner-admin-demo select[b-5ye1qy8xxr],
.owner-admin-demo textarea[b-5ye1qy8xxr] {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 13px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 10px;
    background: #080b0f;
    color: inherit;
    font: inherit;
    outline: none;
}

.owner-admin-demo input:focus[b-5ye1qy8xxr],
.owner-admin-demo select:focus[b-5ye1qy8xxr],
.owner-admin-demo textarea:focus[b-5ye1qy8xxr] {
    border-color: rgba(255,255,255,.34);
}

.owner-admin-demo__primary[b-5ye1qy8xxr],
.owner-admin-demo__form-actions button[b-5ye1qy8xxr] {
    min-height: 40px;
    margin-top: 16px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: #f2f2ef;
    color: #0b0e12;
    font-weight: 800;
    cursor: pointer;
}

.owner-admin-demo__form-actions[b-5ye1qy8xxr] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.owner-admin-demo__form-actions button:not(.owner-admin-demo__primary)[b-5ye1qy8xxr] {
    background: transparent;
    color: inherit;
}

.owner-admin-demo__message[b-5ye1qy8xxr] {
    margin: 14px 0 0;
    font-size: .76rem;
    line-height: 1.45;
    opacity: .68;
}

.owner-admin-demo__panel-head[b-5ye1qy8xxr] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
}

.owner-admin-demo__panel-head > span[b-5ye1qy8xxr] {
    font-size: .7rem;
    opacity: .5;
}

.owner-admin-demo__item-list[b-5ye1qy8xxr] {
    display: grid;
    margin-top: 18px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.owner-admin-demo__item-list > div[b-5ye1qy8xxr] {
    min-height: 66px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.owner-admin-demo__item-list strong[b-5ye1qy8xxr],
.owner-admin-demo__item-list small[b-5ye1qy8xxr] {
    display: block;
}

.owner-admin-demo__item-list small[b-5ye1qy8xxr] {
    margin-top: 4px;
    opacity: .45;
}

.owner-admin-demo__item-list button[b-5ye1qy8xxr] {
    padding: 6px 9px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font-size: .68rem;
    cursor: pointer;
}

.owner-admin-demo__live-preview[b-5ye1qy8xxr] {
    min-height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at 80% 15%, rgba(66,190,220,.12), transparent 36%),
        #0d1116;
}

.owner-admin-demo__live-preview > span[b-5ye1qy8xxr] {
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .12em;
    opacity: .45;
}

.owner-admin-demo__live-preview h3[b-5ye1qy8xxr] {
    max-width: 760px;
    margin: 18px 0 14px;
    font-size: clamp(2.4rem, 4.5vw, 5.4rem);
    line-height: .92;
    letter-spacing: -.055em;
}

.owner-admin-demo__live-preview p[b-5ye1qy8xxr] {
    max-width: 720px;
    margin: 0;
    line-height: 1.55;
    opacity: .62;
}

.owner-admin-demo__live-preview button[b-5ye1qy8xxr] {
    align-self: flex-start;
    margin-top: 22px;
    padding: 9px 14px;
    border: 0;
    border-radius: 999px;
    background: #f2f2ef;
    color: #0b0e12;
    font-weight: 800;
}

.owner-admin-demo__media-grid[b-5ye1qy8xxr],
.owner-admin-demo__tech-grid[b-5ye1qy8xxr],
.owner-admin-demo__roles[b-5ye1qy8xxr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.owner-admin-demo__media-grid article[b-5ye1qy8xxr] {
    min-height: 170px;
    display: flex;
    flex-direction: column;
}

.owner-admin-demo__media-grid span[b-5ye1qy8xxr],
.owner-admin-demo__tech-grid span[b-5ye1qy8xxr],
.owner-admin-demo__roles article > span[b-5ye1qy8xxr] {
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .1em;
    opacity: .42;
}

.owner-admin-demo__media-grid strong[b-5ye1qy8xxr] {
    margin-top: auto;
    font-size: 1.2rem;
}

.owner-admin-demo__media-grid small[b-5ye1qy8xxr] {
    margin-top: 6px;
    opacity: .5;
}

.owner-admin-demo__request-table[b-5ye1qy8xxr] {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
}

.owner-admin-demo__request-table > div[b-5ye1qy8xxr] {
    min-height: 62px;
    padding: 0 18px;
    display: grid;
    grid-template-columns: 2fr .7fr .8fr .8fr;
    gap: 14px;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.owner-admin-demo__request-table .is-head[b-5ye1qy8xxr] {
    min-height: 48px;
    font-size: .67rem;
    font-weight: 800;
    opacity: .48;
}

.owner-admin-demo__request-table button[b-5ye1qy8xxr] {
    margin: 0;
    text-align: start;
}

.owner-admin-demo__roles article[b-5ye1qy8xxr],
.owner-admin-demo__tech-grid article[b-5ye1qy8xxr] {
    min-height: 210px;
    display: flex;
    flex-direction: column;
}

.owner-admin-demo__roles h3[b-5ye1qy8xxr],
.owner-admin-demo__tech-grid strong[b-5ye1qy8xxr] {
    margin-top: auto;
}

.owner-admin-demo__tech-grid[b-5ye1qy8xxr] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.owner-admin-demo__tech-grid strong[b-5ye1qy8xxr] {
    font-size: 1.2rem;
}

.owner-admin-demo__tech-grid p[b-5ye1qy8xxr] {
    margin-top: 9px;
}

.owner-admin-demo__footer[b-5ye1qy8xxr] {
    padding-top: 22px;
    display: flex;
    justify-content: space-between;
    gap: 24px;
    border-top: 1px solid rgba(255,255,255,.09);
    font-size: .74rem;
}

.owner-admin-demo__footer strong[b-5ye1qy8xxr],
.owner-admin-demo__footer span[b-5ye1qy8xxr] {
    display: block;
}

.owner-admin-demo__footer span[b-5ye1qy8xxr] {
    margin-top: 4px;
    opacity: .5;
}

.owner-admin-demo__footer a[b-5ye1qy8xxr] {
    color: inherit;
    text-decoration: none;
    font-weight: 800;
}

.owner-admin-demo__missing[b-5ye1qy8xxr] {
    max-width: 1280px;
    min-height: 70vh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.owner-admin-demo__missing h1[b-5ye1qy8xxr] {
    max-width: 900px;
    font-size: clamp(3rem, 6vw, 7rem);
    line-height: .92;
    letter-spacing: -.06em;
}

@media (max-width: 1150px) {
    .owner-admin-demo__shell[b-5ye1qy8xxr] {
        grid-template-columns: 210px minmax(0, 1fr);
    }

    .owner-admin-demo__status-grid[b-5ye1qy8xxr],
    .owner-admin-demo__tech-grid[b-5ye1qy8xxr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {
    .owner-admin-demo[b-5ye1qy8xxr] {
        padding: 0;
    }

    .owner-admin-demo__shell[b-5ye1qy8xxr] {
        grid-template-columns: 1fr;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    .owner-admin-demo__sidebar[b-5ye1qy8xxr] {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.09);
    }

    .owner-admin-demo__sidebar nav[b-5ye1qy8xxr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .owner-admin-demo__sidebar-foot[b-5ye1qy8xxr] {
        margin-top: 20px;
    }

    .owner-admin-demo__header[b-5ye1qy8xxr],
    .owner-admin-demo__section-head[b-5ye1qy8xxr],
    .owner-admin-demo__footer[b-5ye1qy8xxr] {
        align-items: flex-start;
        flex-direction: column;
    }

    .owner-admin-demo__editor-grid[b-5ye1qy8xxr] {
        grid-template-columns: 1fr;
    }

    .owner-admin-demo__notice[b-5ye1qy8xxr] {
        border-radius: 14px;
    }

    .owner-admin-demo__notice p[b-5ye1qy8xxr] {
        min-width: 0;
        flex-basis: 100%;
    }

    .owner-admin-demo__overview-grid[b-5ye1qy8xxr],
    .owner-admin-demo__media-grid[b-5ye1qy8xxr],
    .owner-admin-demo__roles[b-5ye1qy8xxr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .owner-admin-demo__main[b-5ye1qy8xxr] {
        padding: 18px 14px;
    }

    .owner-admin-demo__sidebar nav[b-5ye1qy8xxr] {
        grid-template-columns: 1fr;
    }

    .owner-admin-demo__status-grid[b-5ye1qy8xxr],
    .owner-admin-demo__tech-grid[b-5ye1qy8xxr] {
        grid-template-columns: 1fr;
    }

    .owner-admin-demo__request-table > div[b-5ye1qy8xxr] {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 14px;
    }

    .owner-admin-demo__request-table .is-head[b-5ye1qy8xxr] {
        display: none;
    }
}


@media (prefers-reduced-motion: reduce) {
    .owner-admin-demo__sidebar nav button[b-5ye1qy8xxr],
    .owner-admin-demo__nav-icon[b-5ye1qy8xxr],
    .owner-admin-demo__nav-indicator[b-5ye1qy8xxr] {
        transition: none;
    }
}


.owner-admin-demo__panel-head--stack[b-5ye1qy8xxr] {
    align-items: flex-start;
}

.owner-admin-demo__panel-note[b-5ye1qy8xxr] {
    max-width: 680px;
    margin: 5px 0 0;
    font-size: .74rem;
    line-height: 1.45;
    opacity: .52;
}

.owner-admin-demo__limit-badge[b-5ye1qy8xxr] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    padding: 7px 10px;
    border: 1px solid rgba(109,224,248,.18);
    border-radius: 999px;
    background: rgba(109,224,248,.05);
    font-size: .66rem;
    white-space: nowrap;
}

.owner-admin-demo__limit-badge strong[b-5ye1qy8xxr] {
    color: rgb(132,230,249);
}

.owner-admin-demo__limit-badge.is-limit[b-5ye1qy8xxr] {
    border-color: rgba(255,170,92,.34);
    background: rgba(255,149,64,.07);
}

.owner-admin-demo__limit-badge.is-limit strong[b-5ye1qy8xxr] {
    color: rgb(255,181,111);
}

.owner-admin-demo__field-help[b-5ye1qy8xxr] {
    font-size: .66rem;
    opacity: .42;
}

.owner-admin-demo__catalog-actions[b-5ye1qy8xxr] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-top: 16px;
}

.owner-admin-demo__catalog-actions .owner-admin-demo__primary[b-5ye1qy8xxr] {
    margin-top: 0;
}

.owner-admin-demo__primary:disabled[b-5ye1qy8xxr],
.owner-admin-demo input:disabled[b-5ye1qy8xxr],
.owner-admin-demo select:disabled[b-5ye1qy8xxr] {
    cursor: not-allowed;
    opacity: .42;
}

.owner-admin-demo__secondary-action[b-5ye1qy8xxr] {
    min-height: 40px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.owner-admin-demo__secondary-action:hover[b-5ye1qy8xxr] {
    background: rgba(255,255,255,.055);
}

.owner-admin-demo__limit-message[b-5ye1qy8xxr] {
    margin: 12px 0 0;
    padding: 10px 12px;
    border: 1px solid rgba(255,170,92,.25);
    border-radius: 10px;
    background: rgba(255,149,64,.055);
    font-size: .72rem;
    line-height: 1.45;
    color: rgba(255,225,196,.88);
}

.owner-admin-demo__item-list > div.is-demo-added[b-5ye1qy8xxr] {
    background: linear-gradient(90deg, rgba(109,224,248,.035), transparent 52%);
}

.owner-admin-demo__item-copy[b-5ye1qy8xxr] {
    min-width: 0;
}

.owner-admin-demo__item-title-row[b-5ye1qy8xxr] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
}

.owner-admin-demo__demo-item-badge[b-5ye1qy8xxr],
.owner-admin-demo__core-item-badge[b-5ye1qy8xxr] {
    padding: 4px 6px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 999px;
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.owner-admin-demo__demo-item-badge[b-5ye1qy8xxr] {
    border-color: rgba(109,224,248,.22);
    color: rgba(147,235,252,.88);
}

.owner-admin-demo__core-item-badge[b-5ye1qy8xxr] {
    opacity: .42;
}

.owner-admin-demo__item-actions[b-5ye1qy8xxr] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    justify-content: flex-end;
}

.owner-admin-demo__item-list .owner-admin-demo__publish-toggle[b-5ye1qy8xxr],
.owner-admin-demo__item-list .owner-admin-demo__delete-item[b-5ye1qy8xxr] {
    margin: 0;
    padding: 6px 9px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .68rem;
    font-weight: 800;
    cursor: pointer;
}

.owner-admin-demo__item-list .owner-admin-demo__delete-item[b-5ye1qy8xxr] {
    border-color: rgba(255,116,116,.20);
    color: rgba(255,167,167,.86);
}

.owner-admin-demo__item-list .owner-admin-demo__delete-item:hover[b-5ye1qy8xxr] {
    background: rgba(255,90,90,.07);
}

@media (max-width: 560px) {
    .owner-admin-demo__panel-head--stack[b-5ye1qy8xxr] {
        align-items: stretch;
    }

    .owner-admin-demo__limit-badge[b-5ye1qy8xxr] {
        align-self: flex-start;
    }

    .owner-admin-demo__item-list > div[b-5ye1qy8xxr] {
        align-items: flex-start;
        flex-direction: column;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .owner-admin-demo__item-actions[b-5ye1qy8xxr] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Pages/WebExampleDetail.razor.rz.scp.css */
.web-demo-page[b-q7xszmxjyx] {
    padding: clamp(22px, 2.2vw, 30px);
}

.web-demo-page > section[b-q7xszmxjyx],
.web-demo-page__legal[b-q7xszmxjyx] {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
}

.web-demo-page__hero[b-q7xszmxjyx] {
    min-height: min(800px, calc(100vh - 120px));
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
    gap: clamp(30px, 5vw, 74px);
    align-items: center;
    padding: clamp(42px, 6vw, 90px);
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 34px;
    background:
        radial-gradient(circle at 16% 14%, rgba(67,196,224,.11), transparent 34%),
        rgba(127,127,127,.035);
}

.web-demo-page__topline[b-q7xszmxjyx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 22px;
}

.web-demo-page__topline span[b-q7xszmxjyx],
.web-demo-page__stage-tags span[b-q7xszmxjyx] {
    padding: 7px 10px;
    border: 1px solid rgba(127,127,127,.25);
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.web-demo-page__hero h1[b-q7xszmxjyx] {
    margin: 0;
    font-size: clamp(3.4rem, 6vw, 8rem);
    line-height: .9;
    letter-spacing: -.065em;
}

.web-demo-page__hero-line[b-q7xszmxjyx] {
    margin: 22px 0 0;
    max-width: 760px;
    font-size: clamp(1.35rem, 2vw, 2.25rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.web-demo-page__lede[b-q7xszmxjyx] {
    margin: 20px 0 0;
    max-width: 760px;
    line-height: 1.62;
    opacity: .72;
}

.web-demo-page__hero-actions[b-q7xszmxjyx],
.web-demo-page__cta-actions[b-q7xszmxjyx] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.web-demo-page__hero-media[b-q7xszmxjyx] {
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 26px;
    background: #0d1015;
}

.web-demo-page__hero-media img[b-q7xszmxjyx] {
    width: 100%;
    display: block;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.web-demo-page__hero-media figcaption[b-q7xszmxjyx] {
    padding: 12px 16px;
    font-size: .76rem;
    opacity: .56;
}

.web-demo-page__eyebrow[b-q7xszmxjyx] {
    margin: 0 0 16px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .62;
}

.web-demo-page__context[b-q7xszmxjyx],
.web-demo-page__interactive[b-q7xszmxjyx],
.web-demo-page__fullstack[b-q7xszmxjyx] {
    padding: clamp(80px, 10vw, 150px) 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr);
    gap: clamp(38px, 7vw, 110px);
    align-items: start;
}

.web-demo-page__context h2[b-q7xszmxjyx],
.web-demo-page__section-head h2[b-q7xszmxjyx],
.web-demo-page__interactive h2[b-q7xszmxjyx],
.web-demo-page__stage h2[b-q7xszmxjyx],
.web-demo-page__fullstack h2[b-q7xszmxjyx],
.web-demo-page__resources h2[b-q7xszmxjyx],
.web-demo-page__cta h2[b-q7xszmxjyx] {
    margin: 0;
    font-size: clamp(2.5rem, 4.7vw, 5.8rem);
    line-height: .96;
    letter-spacing: -.052em;
    text-wrap: balance;
}

.web-demo-page__context > p[b-q7xszmxjyx],
.web-demo-page__interactive-copy > p:not(.web-demo-page__eyebrow)[b-q7xszmxjyx],
.web-demo-page__fullstack-copy > p:not(.web-demo-page__eyebrow)[b-q7xszmxjyx],
.web-demo-page__stage-copy > p:not(.web-demo-page__eyebrow)[b-q7xszmxjyx],
.web-demo-page__cta p[b-q7xszmxjyx] {
    margin: 0;
    line-height: 1.65;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    opacity: .72;
}

.web-demo-page__architecture[b-q7xszmxjyx] {
    padding: clamp(46px, 7vw, 96px);
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 32px;
    background: rgba(127,127,127,.03);
}

.web-demo-page__section-head[b-q7xszmxjyx] {
    max-width: 1100px;
    margin-bottom: clamp(34px, 5vw, 64px);
}

.web-demo-page__architecture-grid[b-q7xszmxjyx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgba(127,127,127,.22);
    border-left: 1px solid rgba(127,127,127,.22);
    border-radius: 24px;
    overflow: hidden;
}

.web-demo-page__architecture-grid article[b-q7xszmxjyx] {
    min-height: 300px;
    padding: 26px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(127,127,127,.22);
    border-bottom: 1px solid rgba(127,127,127,.22);
}

.web-demo-page__architecture-grid article > span[b-q7xszmxjyx] {
    margin-bottom: clamp(44px, 4vw, 64px);
    font-size: 2.1rem;
    opacity: .12;
}

.web-demo-page__architecture-grid h3[b-q7xszmxjyx] {
    min-height: 2.65em;
    margin: 0 0 12px;
    display: flex;
    align-items: flex-start;
    font-size: clamp(1.35rem, 1.7vw, 1.85rem);
    line-height: 1.08;
}

.web-demo-page__architecture-grid p[b-q7xszmxjyx] {
    margin: 0;
    line-height: 1.55;
    opacity: .68;
}

.web-demo-page__module-list[b-q7xszmxjyx] {
    display: grid;
    border-top: 1px solid rgba(127,127,127,.22);
}

.web-demo-page__module-list > div[b-q7xszmxjyx] {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 16px;
    align-items: center;
    min-height: 78px;
    border-bottom: 1px solid rgba(127,127,127,.22);
}

.web-demo-page__module-list > div > span[b-q7xszmxjyx] {
    opacity: .42;
}

.web-demo-page__module-list strong[b-q7xszmxjyx] {
    font-size: clamp(1rem, 1.3vw, 1.25rem);
}

.web-demo-page__stage[b-q7xszmxjyx] {
    padding: clamp(44px, 6vw, 86px);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    gap: clamp(38px, 6vw, 86px);
    align-items: center;
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 32px;
    background:
        radial-gradient(circle at 18% 16%, rgba(67,196,224,.10), transparent 35%),
        rgba(127,127,127,.035);
}

.web-demo-page__stage-visual[b-q7xszmxjyx] {
    position: relative;
    min-height: 430px;
    overflow: hidden;
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 24px;
    background: rgba(7,10,14,.94);
    color: #fff;
}

.web-demo-page__stage-grid[b-q7xszmxjyx] {
    position: absolute;
    inset: 0;
    opacity: .3;
    background-image:
        linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
    background-size: 42px 42px;
    transform: perspective(600px) rotateX(58deg) scale(1.35) translateY(10%);
    transform-origin: center bottom;
}

.web-demo-page__stage-center[b-q7xszmxjyx] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 30px;
    text-align: center;
}

.web-demo-page__stage-center span[b-q7xszmxjyx] {
    font-size: .7rem;
    letter-spacing: .18em;
    font-weight: 800;
    opacity: .66;
}

.web-demo-page__stage-center strong[b-q7xszmxjyx] {
    font-size: clamp(2rem, 4vw, 4.6rem);
    line-height: .95;
    letter-spacing: -.05em;
}

.web-demo-page__stage-center small[b-q7xszmxjyx] {
    max-width: 480px;
    line-height: 1.55;
    opacity: .62;
}

.web-demo-page__stage-tags[b-q7xszmxjyx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.web-demo-page__dashboard[b-q7xszmxjyx] {
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 24px;
    overflow: hidden;
    background: rgba(127,127,127,.035);
}

.web-demo-page__dashboard-head[b-q7xszmxjyx] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(127,127,127,.22);
    font-size: .72rem;
    letter-spacing: .1em;
}

.web-demo-page__dashboard-head span[b-q7xszmxjyx] {
    font-weight: 800;
    opacity: .52;
}

.web-demo-page__dashboard-grid[b-q7xszmxjyx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.web-demo-page__dashboard-grid > div[b-q7xszmxjyx] {
    min-height: 130px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    border-right: 1px solid rgba(127,127,127,.18);
    border-bottom: 1px solid rgba(127,127,127,.18);
}

.web-demo-page__dashboard-grid span[b-q7xszmxjyx] {
    font-size: .75rem;
    font-weight: 800;
    opacity: .46;
}

.web-demo-page__dashboard-grid strong[b-q7xszmxjyx] {
    font-size: 1rem;
    line-height: 1.2;
}

.web-demo-page__resources[b-q7xszmxjyx] {
    padding: clamp(50px, 8vw, 110px) 0;
}

.web-demo-page__resources header[b-q7xszmxjyx] {
    max-width: 1050px;
    margin-bottom: 36px;
}

.web-demo-page__resource-grid[b-q7xszmxjyx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 24px;
    overflow: hidden;
}

.web-demo-page__resource-grid span[b-q7xszmxjyx] {
    min-height: 125px;
    padding: 24px;
    display: flex;
    align-items: flex-end;
    border-right: 1px solid rgba(127,127,127,.2);
    border-bottom: 1px solid rgba(127,127,127,.2);
    font-weight: 800;
}

.web-demo-page__cta[b-q7xszmxjyx] {
    margin-bottom: clamp(34px, 5vw, 70px);
    padding: clamp(42px, 6vw, 82px);
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
    gap: 40px;
    align-items: end;
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 32px;
    background:
        radial-gradient(circle at 82% 18%, rgba(67,196,224,.11), transparent 34%),
        rgba(127,127,127,.035);
}

.web-demo-page__cta p[b-q7xszmxjyx] {
    max-width: 760px;
    margin-top: 18px;
}

.web-demo-page__legal[b-q7xszmxjyx] {
    padding: 0 0 40px;
    font-size: .78rem;
    line-height: 1.55;
    opacity: .48;
}

.web-demo-page__missing[b-q7xszmxjyx] {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.web-demo-page__missing h1[b-q7xszmxjyx] {
    max-width: 900px;
    font-size: clamp(3rem, 6vw, 7rem);
    line-height: .92;
    letter-spacing: -.06em;
}

@media (max-width: 1050px) {
    .web-demo-page__hero[b-q7xszmxjyx],
    .web-demo-page__context[b-q7xszmxjyx],
    .web-demo-page__interactive[b-q7xszmxjyx],
    .web-demo-page__stage[b-q7xszmxjyx],
    .web-demo-page__fullstack[b-q7xszmxjyx],
    .web-demo-page__cta[b-q7xszmxjyx] {
        grid-template-columns: 1fr;
    }

    .web-demo-page__architecture-grid[b-q7xszmxjyx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .web-demo-page[b-q7xszmxjyx] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .web-demo-page__hero[b-q7xszmxjyx] {
        min-height: 0;
        padding: 28px 20px;
        border-radius: 24px;
    }

    .web-demo-page__hero h1[b-q7xszmxjyx] {
        font-size: clamp(2.8rem, 13vw, 4.6rem);
    }

    .web-demo-page__architecture[b-q7xszmxjyx],
    .web-demo-page__stage[b-q7xszmxjyx],
    .web-demo-page__cta[b-q7xszmxjyx] {
        padding: 28px 20px;
        border-radius: 24px;
    }

    .web-demo-page__architecture-grid[b-q7xszmxjyx],
    .web-demo-page__dashboard-grid[b-q7xszmxjyx],
    .web-demo-page__resource-grid[b-q7xszmxjyx] {
        grid-template-columns: 1fr;
    }

    .web-demo-page__architecture-grid article[b-q7xszmxjyx] {
        min-height: 240px;
    }

    .web-demo-page__architecture-grid article > span[b-q7xszmxjyx] {
        margin-bottom: 28px;
    }

    .web-demo-page__architecture-grid h3[b-q7xszmxjyx] {
        min-height: 0;
    }

    .web-demo-page__resource-grid span[b-q7xszmxjyx] {
        min-height: 96px;
    }

    .web-demo-page__stage-visual[b-q7xszmxjyx] {
        min-height: 320px;
    }
}


.web-demo-page__owner[b-q7xszmxjyx] {
    padding: clamp(46px, 7vw, 96px);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    gap: clamp(36px, 6vw, 86px);
    align-items: center;
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 32px;
    background:
        radial-gradient(circle at 82% 18%, rgba(67,196,224,.12), transparent 36%),
        rgba(127,127,127,.035);
}

.web-demo-page__owner h2[b-q7xszmxjyx] {
    margin: 0;
    font-size: clamp(2.6rem, 4.8vw, 5.9rem);
    line-height: .95;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.web-demo-page__owner-copy > p:not(.web-demo-page__eyebrow)[b-q7xszmxjyx] {
    max-width: 780px;
    margin: 22px 0 0;
    line-height: 1.65;
    font-size: clamp(1rem, 1.15vw, 1.18rem);
    opacity: .72;
}

.web-demo-page__owner-stack[b-q7xszmxjyx] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.web-demo-page__owner-stack span[b-q7xszmxjyx] {
    padding: 7px 10px;
    border: 1px solid rgba(127,127,127,.25);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
}

.web-demo-page__owner-button[b-q7xszmxjyx] {
    margin-top: 26px;
}

.web-demo-page__owner-map[b-q7xszmxjyx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(127,127,127,.22);
    border-left: 1px solid rgba(127,127,127,.22);
    border-radius: 24px;
    overflow: hidden;
}

.web-demo-page__owner-map > div[b-q7xszmxjyx] {
    min-height: 150px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(127,127,127,.22);
    border-bottom: 1px solid rgba(127,127,127,.22);
}

.web-demo-page__owner-map span[b-q7xszmxjyx] {
    margin-bottom: 22px;
    font-size: .72rem;
    font-weight: 800;
    opacity: .32;
}

.web-demo-page__owner-map strong[b-q7xszmxjyx] {
    min-height: 2.4em;
    display: flex;
    align-items: flex-start;
    font-size: 1rem;
    line-height: 1.15;
}

.web-demo-page__owner-map small[b-q7xszmxjyx] {
    margin-top: 7px;
    line-height: 1.35;
    opacity: .56;
}

@media (max-width: 1050px) {
    .web-demo-page__owner[b-q7xszmxjyx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .web-demo-page__owner[b-q7xszmxjyx] {
        padding: 28px 20px;
        border-radius: 24px;
    }

    .web-demo-page__owner-map[b-q7xszmxjyx] {
        grid-template-columns: 1fr;
    }

    .web-demo-page__owner-map > div[b-q7xszmxjyx] {
        min-height: 118px;
    }

    .web-demo-page__owner-map span[b-q7xszmxjyx] {
        margin-bottom: 16px;
    }

    .web-demo-page__owner-map strong[b-q7xszmxjyx] {
        min-height: 0;
    }
}
/* /Components/Pages/WebExamples.razor.rz.scp.css */
.web-examples-page[b-nb1dpefwxd] {
    padding: clamp(22px, 2.2vw, 30px);
}

.web-examples-page__hero[b-nb1dpefwxd] {
    max-width: 1680px;
    margin: 0 auto;
    min-height: min(720px, calc(100vh - 120px));
    padding: clamp(58px, 8vw, 120px) clamp(26px, 5vw, 86px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 34px;
    background:
        radial-gradient(circle at 82% 16%, rgba(67,196,224,.13), transparent 34%),
        rgba(127,127,127,.035);
}

.web-examples-page__eyebrow[b-nb1dpefwxd] {
    margin: 0 0 18px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .65;
}

.web-examples-page__hero h1[b-nb1dpefwxd] {
    max-width: 1250px;
    margin: 0;
    font-size: clamp(3.2rem, 6.4vw, 8.5rem);
    line-height: .9;
    letter-spacing: -.065em;
    text-wrap: balance;
}

.web-examples-page__hero > p:not(.web-examples-page__eyebrow)[b-nb1dpefwxd] {
    max-width: 860px;
    margin: 28px 0 0;
    font-size: clamp(1rem, 1.35vw, 1.35rem);
    line-height: 1.62;
    opacity: .72;
}

.web-examples-page__actions[b-nb1dpefwxd] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
}

@media (max-width: 640px) {
    .web-examples-page[b-nb1dpefwxd] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .web-examples-page__hero[b-nb1dpefwxd] {
        min-height: 0;
        padding: 38px 20px;
        border-radius: 24px;
    }

    .web-examples-page__hero h1[b-nb1dpefwxd] {
        font-size: clamp(2.7rem, 13vw, 4.5rem);
    }
}
/* /Components/Pages/Work.razor.rz.scp.css */
.work-page[b-jp6zr3kecz] {
    padding-bottom: clamp(62px, 8vw, 120px);
}

.work-gallery-section[b-jp6zr3kecz] {
    padding: clamp(32px, 4.6vw, 64px) 0 0;
}

.work-gallery-shell[b-jp6zr3kecz] {
    display: grid;
    gap: clamp(18px, 2.2vw, 30px);
}

.work-gallery-head[b-jp6zr3kecz] {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: 12px;
}

.work-gallery-head h2[b-jp6zr3kecz],
.work-cta-card h2[b-jp6zr3kecz] {
    margin: 0;
    color: var(--text);
    line-height: .98;
    letter-spacing: -.06em;
}

.work-gallery-head h2[b-jp6zr3kecz] {
    max-width: 820px;
    font-size: clamp(2.1rem, 4vw, 4.5rem);
}

.work-gallery-head p:not(.eyebrow)[b-jp6zr3kecz],
.work-cta-card p:not(.eyebrow)[b-jp6zr3kecz] {
    margin: 0;
    color: var(--muted);
    line-height: 1.75;
}

.work-gallery-head > p:not(.eyebrow)[b-jp6zr3kecz],
.work-gallery-head div > p:not(.eyebrow)[b-jp6zr3kecz] {
    max-width: 760px;
}

.work-cta-strip[b-jp6zr3kecz] {
    padding: clamp(42px, 6vw, 86px) 0 0;
}

.work-cta-card[b-jp6zr3kecz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    align-items: center;
    padding: clamp(22px, 3.2vw, 42px);
    border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line));
    border-radius: clamp(26px, 3vw, 42px);
    background:
        radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 34%),
        radial-gradient(circle at 10% 5%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 30%),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 92%, transparent), color-mix(in srgb, var(--panel) 82%, transparent));
    box-shadow: 0 28px 90px color-mix(in srgb, #000 24%, transparent);
}

.work-cta-card h2[b-jp6zr3kecz] {
    max-width: 820px;
    font-size: clamp(1.8rem, 3vw, 3.55rem);
}

.work-cta-actions[b-jp6zr3kecz] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 900px) {
    .work-cta-card[b-jp6zr3kecz] {
        grid-template-columns: 1fr;
    }

    .work-cta-actions[b-jp6zr3kecz] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .work-page[b-jp6zr3kecz] {
        padding-bottom: 58px;
    }

    .work-gallery-section[b-jp6zr3kecz] {
        padding-top: 34px;
    }

    .work-gallery-head[b-jp6zr3kecz] {
        text-align: start;
        justify-items: start;
    }

    .work-gallery-head h2[b-jp6zr3kecz] {
        font-size: clamp(2rem, 12vw, 3.1rem);
    }

    .work-cta-card[b-jp6zr3kecz] {
        padding: 20px;
        border-radius: 28px;
    }

    .work-cta-actions .btn[b-jp6zr3kecz] {
        width: 100%;
        justify-content: center;
    }
}

/* Phase 9.1 — Work mobile spacing */
@media (max-width: 640px) {
    .work-gallery-shell[b-jp6zr3kecz] {
        gap: 16px;
    }

    .work-gallery-head[b-jp6zr3kecz] {
        gap: 9px;
    }

    .work-gallery-head h2[b-jp6zr3kecz] {
        font-size: clamp(2rem, 10.8vw, 3.15rem);
        line-height: .97;
        text-wrap: balance;
    }

    .work-gallery-head p:not(.eyebrow)[b-jp6zr3kecz],
    .work-cta-card p:not(.eyebrow)[b-jp6zr3kecz] {
        font-size: .92rem;
        line-height: 1.62;
    }

    .work-cta-card[b-jp6zr3kecz] {
        gap: 18px;
    }
}


/* PHASE 7 WORK R1 — tighter index-page rhythm */
.work-gallery-head h2[b-jp6zr3kecz] {
    max-width: 920px;
}

.work-cta-card[b-jp6zr3kecz] {
    min-height: 210px;
}

.work-cta-card h2[b-jp6zr3kecz] {
    max-width: 940px;
}
/* /Components/Pages/WorkCaseStudy.razor.rz.scp.css */
.work-case-page[b-8ydqpghv3h] {
    padding: clamp(110px, 12vw, 160px) 0 clamp(64px, 8vw, 118px);
}

.work-case-hero[b-8ydqpghv3h] {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(360px, 1.14fr);
    gap: clamp(24px, 4vw, 72px);
    align-items: center;
}

.work-case-copy[b-8ydqpghv3h] {
    display: grid;
    gap: 18px;
}

.work-case-copy h1[b-8ydqpghv3h],
.work-case-panel h2[b-8ydqpghv3h],
.work-case-cta-card h2[b-8ydqpghv3h],
.work-case-missing h1[b-8ydqpghv3h] {
    margin: 0;
    color: var(--text);
    line-height: .92;
    letter-spacing: -.065em;
}

.work-case-copy h1[b-8ydqpghv3h] {
    font-size: clamp(3rem, 7.4vw, 8rem);
}

.work-case-copy > p[b-8ydqpghv3h] {
    margin: 0;
    max-width: 680px;
    color: var(--muted);
    line-height: 1.8;
}

.work-case-media[b-8ydqpghv3h] {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line));
    border-radius: clamp(28px, 3vw, 46px);
    background: #050505;
    box-shadow: 0 34px 120px color-mix(in srgb, #000 40%, transparent);
}

.work-case-media img[b-8ydqpghv3h],
.work-case-media video[b-8ydqpghv3h] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    opacity: .9;
}

.work-case-details[b-8ydqpghv3h] {
    padding-top: clamp(34px, 5vw, 80px);
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, .7fr) minmax(260px, .7fr);
    gap: 16px;
}

.work-case-panel[b-8ydqpghv3h],
.work-case-missing[b-8ydqpghv3h] {
    padding: clamp(22px, 3vw, 38px);
    border: 1px solid var(--line);
    border-radius: clamp(24px, 2.6vw, 38px);
    background:
        radial-gradient(circle at 84% 0%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 34%),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 88%, transparent), color-mix(in srgb, var(--panel) 70%, transparent));
}

.work-case-panel span[b-8ydqpghv3h] {
    display: block;
    margin-bottom: 20px;
    color: color-mix(in srgb, var(--text) 30%, transparent);
    font-size: clamp(2.4rem, 5vw, 5rem);
    line-height: .8;
    letter-spacing: -.06em;
}

.work-case-panel h2[b-8ydqpghv3h] {
    font-size: clamp(1.7rem, 3vw, 3.3rem);
}

.work-case-panel p[b-8ydqpghv3h] {
    margin: 16px 0 0;
    color: var(--muted);
    line-height: 1.8;
}

.work-case-cta[b-8ydqpghv3h] {
    padding-top: clamp(34px, 5vw, 78px);
}

.work-case-cta-card[b-8ydqpghv3h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: clamp(22px, 3vw, 40px);
    border: 1px solid color-mix(in srgb, var(--accent) 22%, var(--line));
    border-radius: clamp(26px, 3vw, 42px);
    background: linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 88%, transparent), color-mix(in srgb, var(--panel) 76%, transparent));
}

.work-case-cta-card h2[b-8ydqpghv3h] {
    max-width: 720px;
    font-size: clamp(1.9rem, 3.8vw, 4.2rem);
}

.work-case-cta-card div[b-8ydqpghv3h] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.work-case-missing[b-8ydqpghv3h] {
    display: grid;
    gap: 18px;
    min-height: 460px;
    align-content: center;
}

.work-case-missing h1[b-8ydqpghv3h] {
    max-width: 780px;
    font-size: clamp(2.5rem, 6vw, 6rem);
}

@media (max-width: 980px) {
    .work-case-hero[b-8ydqpghv3h],
    .work-case-details[b-8ydqpghv3h] {
        grid-template-columns: 1fr;
    }

    .work-case-cta-card[b-8ydqpghv3h] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .work-case-page[b-8ydqpghv3h] {
        padding-top: 92px;
    }

    .work-case-copy h1[b-8ydqpghv3h] {
        font-size: clamp(2.7rem, 15vw, 4rem);
    }

    .work-case-media[b-8ydqpghv3h] {
        border-radius: 26px;
    }

    .work-case-cta-card .btn[b-8ydqpghv3h],
    .work-case-cta-card div[b-8ydqpghv3h] {
        width: 100%;
    }
}

.work-case-page--detailed[b-8ydqpghv3h] {
    padding-top: 104px;
    background:
        radial-gradient(circle at 15% 6%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 30rem),
        radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 26rem),
        var(--bg);
    overflow: hidden;
}

.work-case-page--detailed .container[b-8ydqpghv3h] {
    width: min(1460px, calc(100% - 72px));
    margin-inline: auto;
}

.work-case-page--detailed .btn[b-8ydqpghv3h] {
    min-height: 46px;
    border-radius: 999px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    font-weight: 950;
    border: 1px solid var(--line);
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.work-case-page--detailed .btn:hover[b-8ydqpghv3h] {
    transform: translateY(-2px);
}

.work-case-page--detailed .btn-primary[b-8ydqpghv3h] {
    background: var(--text);
    color: var(--bg);
}

.work-case-page--detailed .btn-ghost[b-8ydqpghv3h] {
    background: color-mix(in srgb, var(--panel-strong) 68%, transparent);
    color: var(--text);
}

@media (max-width: 920px) {
    .work-case-page--detailed .container[b-8ydqpghv3h] {
        width: min(100% - 32px, 1460px);
    }
}

/* Sierra final polish.
   Kept on the page wrapper so the shared case-study components remain unchanged
   for Digital Signage and any future detailed case study. */
.work-case-page--sierra[b-8ydqpghv3h] {
    --sierra-section-space: clamp(56px, 6vw, 88px);
    --sierra-card-radius: clamp(24px, 2.4vw, 38px);
    --sierra-card-padding: clamp(22px, 2.5vw, 38px);
}

.work-case-page--sierra[b-8ydqpghv3h]  section {
    scroll-margin-top: calc(var(--mx-header-h, 82px) + 20px);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-case-section {
    padding-top: var(--sierra-section-space);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-section-head,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-build-head,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-heading {
    min-width: 0;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-section-head h2,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-build-head h2,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-heading h2,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-safety-note h2,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-cta h2 {
    text-wrap: balance;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-section-head > p:not(.eyebrow),
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-build-head > p:not(.eyebrow),
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-heading > p:not(.eyebrow),
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-safety-note > p:not(.eyebrow) {
    max-width: 72ch;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-image-frame::after {
    background:
        radial-gradient(ellipse at 19% 78%, rgba(0, 0, 0, .76) 0%, rgba(0, 0, 0, .44) 29%, rgba(0, 0, 0, .08) 58%, transparent 76%),
        linear-gradient(90deg, rgba(0, 0, 0, .64) 0%, rgba(0, 0, 0, .34) 30%, rgba(0, 0, 0, .05) 62%, transparent 100%),
        linear-gradient(180deg, transparent 34%, rgba(0, 0, 0, .52) 100%);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-image-frame img {
    object-position: center 48%;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay {
    max-width: min(610px, 52%);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay h1 {
    font-size: clamp(2.5rem, 4.5vw, 5rem);
    text-wrap: balance;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay p:not(.eyebrow) {
    max-width: 60ch;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-metric-strip article {
    min-width: 0;
    min-height: clamp(96px, 9vw, 122px);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-text-grid article,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid article,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards article,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row article {
    min-width: 0;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-build-panel {
    border-radius: var(--sierra-card-radius);
    background:
        radial-gradient(circle at 86% 0%, color-mix(in srgb, var(--accent-2) 8%, transparent), transparent 22rem),
        color-mix(in srgb, var(--panel) 76%, transparent);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid article {
    border-color: color-mix(in srgb, var(--accent-2) 10%, var(--line));
    background: color-mix(in srgb, var(--panel-strong) 72%, transparent);
    box-shadow: none;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-mini-tags small,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-tags span,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-tags span {
    cursor: default;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-row {
    gap: clamp(12px, 1.25vw, 18px);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy {
    min-width: 0;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy p {
    max-width: 64ch;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media-shell {
    min-width: 0;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media img,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media video {
    object-fit: contain;
    object-position: center;
    background: #050607;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards article:first-child {
    border-color: color-mix(in srgb, var(--accent-2) 34%, var(--line));
    background:
        radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 16rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 88%, transparent), color-mix(in srgb, var(--panel) 68%, transparent));
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-link:hover,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-link:focus-visible {
    color: var(--accent-2);
}

.work-case-page--sierra[b-8ydqpghv3h]  :is(
    .btn,
    .sierra-back-link,
    .sierra-feature-link,
    .sierra-feature-media-shell,
    .sierra-lightbox-close,
    .sierra-lightbox-nav
):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--accent-2) 76%, white);
    outline-offset: 4px;
}

.work-case-page--sierra[b-8ydqpghv3h]  :is(
    .btn,
    .sierra-back-link,
    .sierra-feature-link,
    .sierra-feature-media-shell,
    .sierra-lightbox-close,
    .sierra-lightbox-nav
) {
    cursor: pointer;
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-safety-note {
    border-color: color-mix(in srgb, var(--accent-2) 24%, var(--line));
    position: relative;
    overflow: hidden;
    padding-inline-start: clamp(28px, 3.4vw, 52px);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-safety-note::before {
    content: "";
    position: absolute;
    inset-block: 22px;
    inset-inline-start: 0;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(var(--accent-2), color-mix(in srgb, var(--accent-2) 18%, transparent));
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-cta {
    border-color: color-mix(in srgb, var(--accent-2) 34%, var(--line));
    background:
        radial-gradient(circle at 86% 0%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 24rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 88%, transparent), color-mix(in srgb, var(--panel) 72%, transparent));
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-actions .btn-primary {
    border-color: color-mix(in srgb, var(--accent-2) 80%, white);
    box-shadow:
        0 12px 34px color-mix(in srgb, var(--accent-2) 24%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, .24);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-actions .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow:
        0 16px 42px color-mix(in srgb, var(--accent-2) 32%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, .3);
}

@media (max-width: 1050px) {
    .work-case-page--sierra[b-8ydqpghv3h] {
        --sierra-section-space: clamp(50px, 7vw, 70px);
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-row,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-row.is-reverse {
        grid-template-columns: minmax(0, 1fr);
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-row.is-reverse .sierra-feature-copy {
        order: 2;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-row.is-reverse .sierra-feature-media {
        order: 1;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy {
        min-height: 0;
    }
}

@media (max-width: 768px) {
    .work-case-page--sierra[b-8ydqpghv3h] {
        --sierra-section-space: clamp(42px, 9vw, 58px);
        --sierra-card-radius: 24px;
        --sierra-card-padding: 22px;
    }

    .work-case-page--detailed.work-case-page--sierra[b-8ydqpghv3h] {
        padding-top: calc(var(--mx-header-h, 112px) + 10px);
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-case-hero {
        padding-top: 12px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-card {
        padding: 11px;
        gap: 12px;
        border-radius: 26px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-back-link {
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        font-size: .76rem;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-image-frame {
        min-height: clamp(500px, 132vw, 580px);
        border-radius: 20px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-image-frame img {
        object-fit: cover;
        object-position: 58% center;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-image-frame::after {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, .03) 0%, rgba(0, 0, 0, .08) 38%, rgba(0, 0, 0, .8) 76%, rgba(0, 0, 0, .92) 100%),
            linear-gradient(90deg, rgba(0, 0, 0, .18), transparent 68%);
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-status-pill {
        position: absolute;
        inset: 12px 12px auto auto;
        max-width: calc(100% - 24px);
        margin: 0;
        padding: 9px 12px;
        gap: 9px;
        font-size: .62rem;
        line-height: 1.35;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay {
        inset: auto 18px 20px;
        max-width: none;
        gap: 11px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay h1 {
        max-width: 13ch;
        font-size: clamp(2.15rem, 9.5vw, 3.35rem);
        line-height: .98;
        letter-spacing: -.052em;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay p:not(.eyebrow) {
        font-size: clamp(.94rem, 3.7vw, 1.02rem);
        line-height: 1.58;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-bottom {
        align-items: stretch;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-tags {
        gap: 7px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-tags span {
        padding: 7px 10px;
        font-size: .68rem;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-actions .btn,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-actions .btn {
        width: 100%;
        min-height: 48px;
        padding-inline: 16px;
        white-space: normal;
        text-align: center;
        line-height: 1.25;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-metric-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        padding-top: 10px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-metric-strip article {
        min-height: 98px;
        padding: 15px;
        border-radius: 20px;
        gap: 14px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-metric-strip span {
        font-size: .7rem;
        line-height: 1.4;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-metric-strip strong {
        font-size: 1rem;
        overflow-wrap: anywhere;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-section-head {
        margin-bottom: 20px;
        text-align: start;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-section-head h2,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-build-head h2,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-heading h2,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-safety-note h2,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-cta h2 {
        font-size: clamp(2rem, 9vw, 2.85rem);
        line-height: 1;
        letter-spacing: -.05em;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-section-head p:not(.eyebrow),
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-build-head p:not(.eyebrow),
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-heading p:not(.eyebrow),
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-safety-note p:not(.eyebrow) {
        font-size: 1rem;
        line-height: 1.72;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-text-grid {
        gap: 10px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-text-grid article {
        min-height: 0;
        padding: 20px;
        border-radius: 22px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-text-grid span {
        margin-bottom: 18px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-build-panel {
        padding: 12px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-build-head {
        padding: 10px 8px 20px;
        gap: 12px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid {
        gap: 10px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid article {
        min-height: 0;
        padding: 20px;
        border-radius: 20px;
        gap: 16px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid span,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards span,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row span {
        margin-bottom: 16px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid h3,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-text-grid h3,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards h3,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row h3 {
        font-size: clamp(1.35rem, 6vw, 1.75rem);
        line-height: 1.08;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid p,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-text-grid p,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards p,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row p {
        font-size: 1rem;
        line-height: 1.72;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-mini-tags {
        gap: 6px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-mini-tags small {
        padding: 7px 10px;
        font-size: .72rem;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-stack {
        gap: 20px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media {
        border-radius: 22px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy {
        padding: 22px 20px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-number {
        width: 44px;
        height: 44px;
        margin-bottom: 16px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy h3 {
        font-size: clamp(1.9rem, 8.5vw, 2.55rem);
        line-height: 1.02;
        letter-spacing: -.048em;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy p {
        margin-top: 14px;
        font-size: 1rem;
        line-height: 1.72;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-tags {
        margin-top: 18px;
        gap: 7px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-tags span {
        padding: 7px 11px;
        font-size: .74rem;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-link {
        min-height: 44px;
        margin-top: 18px;
        display: inline-flex;
        align-items: center;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media {
        padding: 7px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media-shell {
        min-height: 0;
        aspect-ratio: 16 / 9;
        border-radius: 16px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media img,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media video {
        width: 100%;
        height: 100%;
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-layout {
        gap: 20px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row {
        gap: 10px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards article,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row article {
        min-height: 0;
        padding: 20px;
        border-radius: 22px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-safety-note,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-cta {
        padding: 22px 20px;
        border-radius: 24px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-safety-note {
        padding-inline-start: 26px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-cta {
        gap: 18px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-actions {
        width: 100%;
        justify-content: stretch;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-safety-cta {
        padding-bottom: clamp(82px, 19vw, 104px);
    }
}

@media (max-width: 430px) {
    .work-case-page--detailed.work-case-page--sierra .container[b-8ydqpghv3h] {
        width: calc(100% - 24px);
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-image-frame {
        min-height: 540px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay {
        inset-inline: 16px;
        bottom: 18px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay h1 {
        font-size: clamp(2.08rem, 10.2vw, 2.75rem);
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-lightbox {
        padding: 10px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-lightbox-dialog {
        max-height: calc(100svh - 20px);
        border-radius: 20px;
    }
}

@media (max-width: 390px) {
    .work-case-page--detailed.work-case-page--sierra .container[b-8ydqpghv3h] {
        width: calc(100% - 20px);
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-card {
        padding: 9px;
        border-radius: 22px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-image-frame {
        min-height: 520px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-status-pill {
        max-width: calc(100% - 18px);
        inset: 9px 9px auto auto;
        flex-wrap: wrap;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-metric-strip {
        grid-template-columns: minmax(0, 1fr);
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-metric-strip article {
        min-height: 96px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-text-grid article,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid article,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards article,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row article,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-safety-note,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-cta {
        padding: 20px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-safety-note {
        padding-inline-start: 25px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media-shell {
        aspect-ratio: 16 / 9;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media img,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media video {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 360px) {
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-image-frame {
        min-height: 504px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay h1 {
        font-size: 2rem;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-tags span,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-tags span,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-mini-tags small {
        letter-spacing: .045em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .work-case-page--sierra[b-8ydqpghv3h]  * {
        scroll-behavior: auto;
        transition-duration: .01ms;
        animation-duration: .01ms;
        animation-iteration-count: 1;
    }
}

/* Sierra compact mobile pass: preserves every section and media item while
   shortening the reading path and improving small-screen hierarchy. */
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-section {
    padding-top: clamp(38px, 5.5vw, 62px);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-actions .btn-primary {
    border-color: color-mix(in srgb, var(--accent-2) 82%, white);
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 90%, white), var(--accent-2));
    color: #041014;
    font-weight: 950;
}

@media (max-width: 768px) {
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay {
        gap: 8px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay h1 {
        max-width: 12ch;
        font-size: clamp(2.2rem, 9.8vw, 3rem);
        line-height: .96;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay p:not(.eyebrow) {
        font-size: .96rem;
        line-height: 1.5;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-section {
        padding-top: 34px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-text-grid article,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid article,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards article,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row article {
        padding: 18px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid article {
        gap: 12px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-text-grid span,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid span,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards span,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row span {
        margin-bottom: 12px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-stack {
        gap: 16px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy {
        padding: 19px 18px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy p {
        margin-top: 10px;
        line-height: 1.62;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-tags {
        margin-top: 14px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-link {
        margin-top: 14px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-media {
        padding: 4px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-layout {
        gap: 16px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row {
        gap: 8px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row {
        margin-top: 10px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-final-actions .btn-primary {
        min-height: 52px;
        box-shadow: 0 14px 36px color-mix(in srgb, var(--accent-2) 34%, transparent);
    }
}

@media (max-width: 430px) {
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-image-frame {
        min-height: 516px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy h3 {
        font-size: clamp(1.92rem, 8.6vw, 2.4rem);
    }
}

@media (max-width: 390px) {
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-image-frame {
        min-height: 498px;
    }
}

@media (max-width: 360px) {
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-image-frame {
        min-height: 486px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-hero-overlay h1 {
        font-size: 2.08rem;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-module-grid p,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-text-grid p,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-cards p,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row p,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-copy p {
        font-size: 1.02rem;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-tags span,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-tags span,
    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-mini-tags small {
        font-size: .76rem;
        letter-spacing: .035em;
    }
}


/* =========================================================
   PHASE 7 DIGITAL SIGNAGE R2
   Page breathing + media rhythm
   Scoped through work-case-page--led so Sierra/other cases stay unchanged.
   ========================================================= */
.work-case-page--led[b-8ydqpghv3h] {
    --led-section-space: clamp(92px, 9vw, 148px);
    --led-story-gap: clamp(86px, 9vw, 142px);
}

.work-case-page--led[b-8ydqpghv3h]  section {
    scroll-margin-top: calc(var(--mx-header-h, 82px) + 24px);
}

.work-case-page--led[b-8ydqpghv3h]  .sierra-case-section {
    padding-top: var(--led-section-space);
}

.work-case-page--led[b-8ydqpghv3h]  .sierra-metric-strip {
    margin-top: clamp(44px, 5vw, 76px);
}

.work-case-page--led[b-8ydqpghv3h]  .sierra-feature-stack {
    gap: var(--led-story-gap);
}

.work-case-page--led[b-8ydqpghv3h]  .sierra-feature-row {
    row-gap: clamp(24px, 3vw, 44px);
}

.work-case-page--led[b-8ydqpghv3h]  .sierra-feature-media.is-led-editorial {
    margin-block: clamp(8px, 1.5vw, 20px);
}

.work-case-page--led[b-8ydqpghv3h]  .led-render-library {
    margin-top: clamp(118px, 11vw, 176px);
}

.work-case-page--led[b-8ydqpghv3h]  .sierra-value-layout,
.work-case-page--led[b-8ydqpghv3h]  .sierra-process-row {
    margin-top: clamp(28px, 4vw, 58px);
}

.work-case-page--led[b-8ydqpghv3h]  .sierra-safety-cta {
    padding-top: clamp(108px, 10vw, 164px);
}

@media (max-width: 760px) {
    .work-case-page--led[b-8ydqpghv3h] {
        --led-section-space: 78px;
        --led-story-gap: 72px;
    }

    .work-case-page--led[b-8ydqpghv3h]  .sierra-metric-strip {
        margin-top: 34px;
    }

    .work-case-page--led[b-8ydqpghv3h]  .led-render-library {
        margin-top: 88px;
    }
}


/* =========================================================
   PHASE 7 SIERRA R1
   More breathing between the business story, system, showcase,
   value, and CTA. Scoped only to Sierra.
   ========================================================= */
.work-case-page--sierra[b-8ydqpghv3h] {
    --sierra-section-space: clamp(92px, 9vw, 148px);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-case-section {
    padding-top: var(--sierra-section-space);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-metric-strip {
    margin-top: clamp(28px, 3vw, 46px);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-stack {
    gap: clamp(72px, 8vw, 126px);
}

.work-case-page--sierra[b-8ydqpghv3h]  .sierra-value-layout,
.work-case-page--sierra[b-8ydqpghv3h]  .sierra-process-row {
    margin-top: clamp(28px, 3.5vw, 52px);
}

@media (max-width: 760px) {
    .work-case-page--sierra[b-8ydqpghv3h] {
        --sierra-section-space: 76px;
    }

    .work-case-page--sierra[b-8ydqpghv3h]  .sierra-feature-stack {
        gap: 68px;
    }
}
/* /Components/Sections/About/AboutCta.razor.rz.scp.css */
.about-cta[b-ta8b65ecq4] {
    padding-block: clamp(32px, 5vw, 80px) 0;
}

.about-cta__box[b-ta8b65ecq4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: clamp(26px, 4vw, 58px);
    border: 1px solid var(--line, rgba(255,255,255,.16));
    border-radius: clamp(28px, 4vw, 48px);
    background:
        radial-gradient(circle at 86% 16%, color-mix(in srgb, var(--accent, #8be9ff) 14%, transparent), transparent 32%),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong, #242424) 85%, transparent), color-mix(in srgb, var(--panel, #111) 55%, transparent));
}

.about-cta p[b-ta8b65ecq4] {
    margin: 0 0 14px;
    color: var(--accent, #8be9ff);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.about-cta h2[b-ta8b65ecq4] {
    max-width: 830px;
    margin: 0;
    color: var(--text, #fff);
    font-family: var(--display-font, inherit);
    font-size: clamp(2rem, 4vw, 4.4rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.about-cta__actions[b-ta8b65ecq4] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

.about-btn[b-ta8b65ecq4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid var(--line, rgba(255,255,255,.16));
    border-radius: 999px;
    color: var(--text, #fff);
    text-decoration: none;
    background: color-mix(in srgb, var(--panel, #1a1a1a) 74%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent);
    font-weight: 800;
    white-space: nowrap;
}

.about-btn--primary[b-ta8b65ecq4] {
    background: var(--text, #fff);
    color: var(--bg, #050505);
}

@media (max-width: 820px) {
    .about-cta__box[b-ta8b65ecq4] {
        display: grid;
    }

    .about-cta__actions[b-ta8b65ecq4] {
        justify-content: flex-start;
    }
}

@media (max-width: 520px) {
    .about-cta__actions[b-ta8b65ecq4],
    .about-btn[b-ta8b65ecq4] {
        width: 100%;
    }
}
/* /Components/Sections/About/AboutDifferenceGrid.razor.rz.scp.css */
.about-difference[b-5fkctmkzpc] {
    padding-block: clamp(34px, 5vw, 76px);
}

.about-block-head[b-5fkctmkzpc] {
    max-width: 760px;
    margin-bottom: clamp(22px, 3vw, 38px);
}

.about-block-head p[b-5fkctmkzpc] {
    margin: 0 0 12px;
    color: var(--accent, #8be9ff);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.about-block-head h2[b-5fkctmkzpc] {
    margin: 0;
    color: var(--text, #fff);
    font-family: var(--display-font, inherit);
    font-size: clamp(2rem, 4.4vw, 4.6rem);
    line-height: .92;
    letter-spacing: -.06em;
}

.about-difference__grid[b-5fkctmkzpc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.about-difference__grid article[b-5fkctmkzpc] {
    min-height: 280px;
    padding: clamp(20px, 2vw, 28px);
    border: 1px solid var(--line, rgba(255,255,255,.14));
    border-radius: 30px;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong, #202020) 76%, transparent), color-mix(in srgb, var(--panel, #111) 55%, transparent));
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent);
}

.about-difference__grid span[b-5fkctmkzpc] {
    color: color-mix(in srgb, var(--text, #fff) 28%, transparent);
    font-family: var(--display-font, inherit);
    font-size: 3.8rem;
    line-height: .85;
}

.about-difference__grid h3[b-5fkctmkzpc] {
    margin: 42px 0 12px;
    color: var(--text, #fff);
    font-family: var(--display-font, inherit);
    font-size: clamp(1.35rem, 1.9vw, 2rem);
    line-height: .98;
    letter-spacing: -.03em;
}

.about-difference__grid p[b-5fkctmkzpc] {
    margin: 0;
    color: color-mix(in srgb, var(--text, #fff) 66%, transparent);
    line-height: 1.65;
    font-size: .94rem;
}

@media (max-width: 1080px) {
    .about-difference__grid[b-5fkctmkzpc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .about-difference__grid[b-5fkctmkzpc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Sections/About/AboutFounderNote.razor.rz.scp.css */
.about-founder[b-le3jtda1c7] {
    padding-block: clamp(30px, 5vw, 74px);
}

.about-founder__grid[b-le3jtda1c7] {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 14px;
}

.about-founder__note[b-le3jtda1c7],
.about-founder__text[b-le3jtda1c7] {
    border: 1px solid var(--line, rgba(255,255,255,.14));
    border-radius: clamp(26px, 3vw, 42px);
    background: color-mix(in srgb, var(--panel, #151515) 74%, transparent);
}

.about-founder__note[b-le3jtda1c7] {
    padding: clamp(24px, 3.5vw, 44px);
}

.about-founder__note p[b-le3jtda1c7] {
    margin: 0 0 14px;
    color: var(--accent, #8be9ff);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.about-founder__note h2[b-le3jtda1c7] {
    margin: 0;
    color: var(--text, #fff);
    font-family: var(--display-font, inherit);
    font-size: clamp(2rem, 4vw, 4.2rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.about-founder__text[b-le3jtda1c7] {
    display: flex;
    align-items: flex-end;
    padding: clamp(24px, 3.5vw, 44px);
}

.about-founder__text p[b-le3jtda1c7] {
    max-width: 800px;
    margin: 0;
    color: color-mix(in srgb, var(--text, #fff) 70%, transparent);
    line-height: 1.85;
    font-size: clamp(.98rem, 1.05vw, 1.13rem);
}

@media (max-width: 900px) {
    .about-founder__grid[b-le3jtda1c7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Sections/About/AboutHero.razor.rz.scp.css */
.about-hero[b-s71tlibrl4] {
    padding-block: clamp(10px, 2vw, 26px) clamp(36px, 6vw, 78px);
}

.about-hero__grid[b-s71tlibrl4] {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(330px, .72fr);
    gap: clamp(28px, 5vw, 88px);
    align-items: center;
}

.about-kicker[b-s71tlibrl4] {
    margin: 0 0 16px;
    color: var(--accent, #8be9ff);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .23em;
    text-transform: uppercase;
}

.about-hero h1[b-s71tlibrl4] {
    max-width: 850px;
    margin: 0;
    color: var(--text, #fff);
    font-family: var(--display-font, inherit);
    font-size: clamp(3.4rem, 8vw, 8.4rem);
    line-height: .86;
    letter-spacing: -.07em;
}

.about-hero__lead[b-s71tlibrl4] {
    max-width: 710px;
    margin: clamp(18px, 2vw, 26px) 0 0;
    color: color-mix(in srgb, var(--text, #fff) 70%, transparent);
    font-size: clamp(.98rem, 1.1vw, 1.13rem);
    line-height: 1.75;
}

.about-hero__actions[b-s71tlibrl4] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.about-btn[b-s71tlibrl4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 22px;
    border: 1px solid var(--line, rgba(255,255,255,.16));
    border-radius: 999px;
    color: var(--text, #fff);
    text-decoration: none;
    background: color-mix(in srgb, var(--panel, #1a1a1a) 74%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent);
    font-weight: 800;
}

.about-btn--primary[b-s71tlibrl4] {
    background: var(--text, #fff);
    color: var(--bg, #050505);
}

.about-hero__panel[b-s71tlibrl4] {
    position: relative;
    min-height: clamp(420px, 40vw, 560px);
    padding: clamp(22px, 2.4vw, 34px);
    border: 1px solid var(--line, rgba(255,255,255,.18));
    border-radius: clamp(32px, 4vw, 54px);
    overflow: hidden;
    background:
        radial-gradient(circle at 72% 22%, color-mix(in srgb, var(--accent, #8be9ff) 18%, transparent), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong, #242424) 92%, transparent), color-mix(in srgb, var(--panel, #111) 48%, transparent));
    box-shadow: 0 40px 140px color-mix(in srgb, #000 44%, transparent);
}

.about-hero__panel[b-s71tlibrl4]::before {
    content: "";
    position: absolute;
    inset: 28px;
    border: 1px solid color-mix(in srgb, var(--text, #fff) 12%, transparent);
    border-radius: calc(clamp(32px, 4vw, 54px) - 14px);
    background-image:
        linear-gradient(color-mix(in srgb, var(--text, #fff) 6%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--text, #fff) 6%, transparent) 1px, transparent 1px);
    background-size: 86px 86px;
    mask-image: linear-gradient(to bottom, #000, transparent 80%);
    opacity: .55;
}

.about-orbit[b-s71tlibrl4] {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    opacity: .86;
}

.about-orbit span[b-s71tlibrl4] {
    position: absolute;
    width: 42%;
    aspect-ratio: 1;
    border: 1px solid color-mix(in srgb, var(--text, #fff) 14%, transparent);
    border-radius: 50%;
}

.about-orbit span:nth-child(2)[b-s71tlibrl4] { width: 58%; opacity: .65; }
.about-orbit span:nth-child(3)[b-s71tlibrl4] { width: 74%; opacity: .42; }
.about-orbit strong[b-s71tlibrl4] {
    display: grid;
    place-items: center;
    width: 88px;
    aspect-ratio: 1;
    border: 1px solid color-mix(in srgb, var(--text, #fff) 18%, transparent);
    border-radius: 28px;
    background: color-mix(in srgb, var(--bg, #050505) 72%, transparent);
    color: var(--text, #fff);
    font-size: 2rem;
    font-family: var(--display-font, inherit);
}

.about-hero__panel-head[b-s71tlibrl4] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    color: var(--text, #fff);
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-hero__panel-head span[b-s71tlibrl4] {
    color: color-mix(in srgb, var(--text, #fff) 38%, transparent);
    font-size: clamp(2.8rem, 5vw, 5.4rem);
    line-height: .8;
    font-family: var(--display-font, inherit);
}

.about-hero__mini-grid[b-s71tlibrl4] {
    position: absolute;
    z-index: 1;
    inset-inline: clamp(22px, 2.4vw, 34px);
    bottom: clamp(22px, 2.4vw, 34px);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.about-hero__mini-grid article[b-s71tlibrl4] {
    min-height: 94px;
    padding: 16px;
    border: 1px solid var(--line, rgba(255,255,255,.14));
    border-radius: 22px;
    background: color-mix(in srgb, var(--bg, #050505) 58%, transparent);
}

.about-hero__mini-grid b[b-s71tlibrl4],
.about-hero__mini-grid span[b-s71tlibrl4] {
    display: block;
}

.about-hero__mini-grid b[b-s71tlibrl4] {
    color: var(--text, #fff);
    font-family: var(--display-font, inherit);
    font-size: 1.25rem;
}

.about-hero__mini-grid span[b-s71tlibrl4] {
    margin-top: 8px;
    color: color-mix(in srgb, var(--text, #fff) 58%, transparent);
    font-size: .78rem;
}

@media (max-width: 940px) {
    .about-hero__grid[b-s71tlibrl4] {
        grid-template-columns: 1fr;
    }

    .about-hero h1[b-s71tlibrl4] {
        max-width: 760px;
    }

    .about-hero__panel[b-s71tlibrl4] {
        min-height: 390px;
    }
}

@media (max-width: 620px) {
    .about-hero h1[b-s71tlibrl4] {
        font-size: clamp(3rem, 18vw, 4.6rem);
    }

    .about-hero__lead[b-s71tlibrl4] {
        font-size: .95rem;
    }

    .about-hero__actions[b-s71tlibrl4] {
        display: grid;
    }

    .about-btn[b-s71tlibrl4] {
        width: 100%;
    }

    .about-hero__mini-grid[b-s71tlibrl4] {
        grid-template-columns: 1fr;
    }

    .about-hero__panel[b-s71tlibrl4] {
        min-height: 560px;
    }
}

/* Phase 9.1 — About hero mobile typography */
@media (max-width: 620px) {
    .about-hero[b-s71tlibrl4] {
        padding-top: 0;
        padding-bottom: 44px;
    }

    .about-hero h1[b-s71tlibrl4] {
        max-width: 100%;
        font-size: clamp(2.75rem, 14.5vw, 4.1rem);
        line-height: .9;
        text-wrap: balance;
    }

    .about-hero__lead[b-s71tlibrl4] {
        font-size: .94rem;
        line-height: 1.65;
    }

    .about-hero__panel[b-s71tlibrl4] {
        min-height: 520px;
    }
}
/* /Components/Sections/About/AboutSecurityNote.razor.rz.scp.css */
.about-security[b-03x31xlnwp] {
    padding-block: clamp(30px, 5vw, 76px);
}

.about-security__card[b-03x31xlnwp] {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: clamp(24px, 5vw, 78px);
    align-items: end;
    padding: clamp(26px, 4.8vw, 72px);
    border: 1px solid var(--line, rgba(255,255,255,.16));
    border-radius: clamp(30px, 4vw, 54px);
    background:
        radial-gradient(circle at 82% 26%, color-mix(in srgb, var(--accent, #8be9ff) 15%, transparent), transparent 36%),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong, #242424) 86%, transparent), color-mix(in srgb, var(--panel, #111) 55%, transparent));
}

.about-security p:first-child[b-03x31xlnwp] {
    margin: 0 0 14px;
    color: var(--accent, #8be9ff);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.about-security h2[b-03x31xlnwp] {
    margin: 0;
    color: var(--text, #fff);
    font-family: var(--display-font, inherit);
    font-size: clamp(2.2rem, 5vw, 5.2rem);
    line-height: .9;
    letter-spacing: -.06em;
}

.about-security__card > div:last-child p[b-03x31xlnwp] {
    margin: 0;
    color: color-mix(in srgb, var(--text, #fff) 70%, transparent);
    line-height: 1.8;
    font-size: clamp(.98rem, 1.05vw, 1.12rem);
}

.about-security a[b-03x31xlnwp] {
    display: inline-flex;
    margin-top: 24px;
    color: var(--text, #fff);
    text-underline-offset: 6px;
    font-weight: 800;
}

@media (max-width: 900px) {
    .about-security__card[b-03x31xlnwp] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Sections/About/AboutStudioIntro.razor.rz.scp.css */
.about-section[b-bvw83kb1mu] {
    padding-block: clamp(28px, 4vw, 64px);
}

.about-intro__grid[b-bvw83kb1mu] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .65fr);
    gap: clamp(18px, 2vw, 28px);
    align-items: stretch;
}

.about-card[b-bvw83kb1mu] {
    border: 1px solid var(--line, rgba(255,255,255,.14));
    border-radius: clamp(26px, 3vw, 42px);
    background:
        radial-gradient(circle at 80% 14%, color-mix(in srgb, var(--accent, #8be9ff) 11%, transparent), transparent 34%),
        color-mix(in srgb, var(--panel, #151515) 76%, transparent);
    box-shadow: 0 24px 80px color-mix(in srgb, #000 28%, transparent);
}

.about-intro__main[b-bvw83kb1mu] {
    padding: clamp(26px, 4vw, 52px);
}

.about-section-kicker[b-bvw83kb1mu] {
    margin: 0 0 14px;
    color: var(--accent, #8be9ff);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.about-intro h2[b-bvw83kb1mu] {
    max-width: 850px;
    margin: 0;
    color: var(--text, #fff);
    font-family: var(--display-font, inherit);
    font-size: clamp(2.2rem, 5vw, 5.1rem);
    line-height: .92;
    letter-spacing: -.06em;
}

.about-intro p[b-bvw83kb1mu] {
    color: color-mix(in srgb, var(--text, #fff) 70%, transparent);
    line-height: 1.8;
}

.about-intro__main > p:last-child[b-bvw83kb1mu] {
    max-width: 830px;
    margin: 22px 0 0;
    font-size: clamp(.98rem, 1.05vw, 1.12rem);
}

.about-intro__side[b-bvw83kb1mu] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 330px;
    padding: clamp(24px, 3vw, 38px);
}

.about-intro__side span[b-bvw83kb1mu] {
    color: var(--text, #fff);
    font-family: var(--display-font, inherit);
    font-size: clamp(1.9rem, 3.4vw, 3.5rem);
    line-height: .92;
    letter-spacing: -.04em;
}

.about-intro__side p[b-bvw83kb1mu] {
    margin: 22px 0 0;
}

@media (max-width: 900px) {
    .about-intro__grid[b-bvw83kb1mu] {
        grid-template-columns: 1fr;
    }

    .about-intro__side[b-bvw83kb1mu] {
        min-height: auto;
    }
}
/* /Components/Sections/About/AboutWorkflow.razor.rz.scp.css */
.about-workflow[b-smu2qdtygw] {
    padding-block: clamp(32px, 5vw, 78px);
}

.about-workflow__wrap[b-smu2qdtygw] {
    display: grid;
    grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
    gap: clamp(24px, 4vw, 60px);
    align-items: start;
}

.about-workflow__intro[b-smu2qdtygw] {
    position: sticky;
    top: calc(var(--mx-header-h, 78px) + 28px);
}

.about-workflow__intro p[b-smu2qdtygw] {
    margin: 0 0 12px;
    color: var(--accent, #8be9ff);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.about-workflow__intro h2[b-smu2qdtygw] {
    margin: 0;
    color: var(--text, #fff);
    font-family: var(--display-font, inherit);
    font-size: clamp(2rem, 4vw, 4.2rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.about-workflow__steps[b-smu2qdtygw] {
    display: grid;
    gap: 12px;
}

.about-workflow__steps article[b-smu2qdtygw] {
    display: grid;
    grid-template-columns: 86px minmax(0, .8fr) minmax(0, 1.2fr);
    gap: clamp(14px, 2vw, 28px);
    align-items: center;
    min-height: 148px;
    padding: clamp(18px, 2vw, 28px);
    border: 1px solid var(--line, rgba(255,255,255,.14));
    border-radius: 28px;
    background: color-mix(in srgb, var(--panel, #151515) 74%, transparent);
}

.about-workflow__steps span[b-smu2qdtygw] {
    color: color-mix(in srgb, var(--text, #fff) 30%, transparent);
    font-family: var(--display-font, inherit);
    font-size: 3rem;
    line-height: .9;
}

.about-workflow__steps h3[b-smu2qdtygw] {
    margin: 0;
    color: var(--text, #fff);
    font-family: var(--display-font, inherit);
    font-size: clamp(1.4rem, 2.2vw, 2.5rem);
    line-height: .95;
    letter-spacing: -.04em;
}

.about-workflow__steps p[b-smu2qdtygw] {
    margin: 0;
    color: color-mix(in srgb, var(--text, #fff) 65%, transparent);
    line-height: 1.65;
}

@media (max-width: 980px) {
    .about-workflow__wrap[b-smu2qdtygw] {
        grid-template-columns: 1fr;
    }

    .about-workflow__intro[b-smu2qdtygw] {
        position: static;
    }
}

@media (max-width: 680px) {
    .about-workflow__steps article[b-smu2qdtygw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Sections/CoreServicesSection.razor.rz.scp.css */
.core-services-r2[b-lm3al134vh] {
    padding: clamp(56px, 7vw, 104px) clamp(18px, 2.2vw, 28px);
}

.core-services-r2__shell[b-lm3al134vh] {
    max-width: 1680px;
    margin: 0 auto;
}

.core-services-r2__intro[b-lm3al134vh] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: clamp(28px, 5vw, 88px);
    align-items: end;
    margin-bottom: clamp(34px, 4vw, 58px);
}

.core-services-r2__eyebrow[b-lm3al134vh],
.core-services-r2__kicker[b-lm3al134vh] {
    margin: 0 0 12px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .68;
}

.core-services-r2__intro h2[b-lm3al134vh] {
    margin: 0;
    max-width: 1050px;
    font-size: clamp(2.7rem, 5vw, 6.5rem);
    line-height: .94;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.core-services-r2__lead[b-lm3al134vh] {
    margin: 0;
    max-width: 650px;
    font-size: clamp(1rem, 1.25vw, 1.28rem);
    line-height: 1.6;
    opacity: .72;
}

.core-services-r2__grid[b-lm3al134vh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(127,127,127,.24);
    border-left: 1px solid rgba(127,127,127,.24);
    border-radius: 28px;
    overflow: hidden;
}

.core-services-r2__card[b-lm3al134vh] {
    min-height: 330px;
    padding: clamp(26px, 3vw, 44px);
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(127,127,127,.24);
    border-bottom: 1px solid rgba(127,127,127,.24);
    background: rgba(127,127,127,.035);
}

.core-services-r2__card--featured[b-lm3al134vh] {
    background:
        radial-gradient(circle at 18% 12%, rgba(67,196,224,.12), transparent 46%),
        rgba(127,127,127,.045);
}

.core-services-r2__index[b-lm3al134vh] {
    display: inline-flex;
    margin-bottom: auto;
    font-size: clamp(2.2rem, 4vw, 4.8rem);
    line-height: 1;
    letter-spacing: -.06em;
    opacity: .14;
}

.core-services-r2__card h3[b-lm3al134vh] {
    margin: 0 0 14px;
    max-width: 440px;
    font-size: clamp(1.55rem, 2vw, 2.45rem);
    line-height: 1.02;
    letter-spacing: -.04em;
    text-wrap: balance;
}

.core-services-r2__card p:not(.core-services-r2__kicker)[b-lm3al134vh] {
    margin: 0 0 24px;
    max-width: 520px;
    line-height: 1.55;
    opacity: .72;
}

.core-services-r2__link[b-lm3al134vh] {
    width: fit-content;
    color: inherit;
    text-decoration: none;
    font-weight: 800;
    border-bottom: 1px solid currentColor;
    padding-bottom: 3px;
}

.core-services-r2__link:hover[b-lm3al134vh] {
    opacity: .62;
}

@media (max-width: 980px) {
    .core-services-r2__intro[b-lm3al134vh] {
        grid-template-columns: 1fr;
    }

    .core-services-r2__grid[b-lm3al134vh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .core-services-r2[b-lm3al134vh] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .core-services-r2__intro h2[b-lm3al134vh] {
        font-size: clamp(2.4rem, 12vw, 4rem);
    }

    .core-services-r2__grid[b-lm3al134vh] {
        grid-template-columns: 1fr;
        border-radius: 22px;
    }

    .core-services-r2__card[b-lm3al134vh] {
        min-height: 0;
    }

    .core-services-r2__index[b-lm3al134vh] {
        margin-bottom: 34px;
    }
}
/* /Components/Sections/CtaSection/CtaSection.razor.rz.scp.css */
.cta-section[b-leydc0looc] {
    position: relative;
    padding: clamp(86px, 7vw, 128px) 0 120px;
}

.cta-panel[b-leydc0looc] {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
    width: 100%;
    padding: clamp(28px, 5vw, 62px);
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--mx-radius-lg);
    background:
        radial-gradient(circle at 86% 24%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 94%, transparent), color-mix(in srgb, var(--panel) 58%, transparent));
    box-shadow: var(--shadow);
}

.cta-panel[b-leydc0looc]::after {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid color-mix(in srgb, var(--text) 8%, transparent);
    border-radius: calc(var(--mx-radius-lg) - 12px);
    pointer-events: none;
}

.cta-panel > *[b-leydc0looc] {
    position: relative;
    z-index: 1;
}

.cta-panel h2[b-leydc0looc] {
    max-width: 860px;
    margin: 0;
    font-size: clamp(2.2rem, 5vw, 5.2rem);
    line-height: .95;
    letter-spacing: -.075em;
}

.cta-panel p[b-leydc0looc] {
    color: var(--muted);
    font-size: 1.04rem;
    line-height: 1.8;
}

.cta-panel-copy[b-leydc0looc] {
    max-width: 700px;
    margin: 18px 0 0;
    color: color-mix(in srgb, var(--text) 68%, transparent);
    font-size: clamp(.98rem, 1vw, 1.1rem);
    line-height: 1.75;
}

.cta-panel .btn-primary[b-leydc0looc] {
    flex: 0 0 auto;
    white-space: nowrap;
    box-shadow: 0 18px 44px color-mix(in srgb, #000 24%, transparent);
}

:global(.site-root.theme-light) .cta-panel[b-leydc0looc] {
    background:
        radial-gradient(circle at 86% 24%, rgba(0, 128, 160, .12), transparent 34%),
        linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(225, 232, 232, .76));
}

:global(.site-root.theme-light) .cta-panel-copy[b-leydc0looc] {
    color: rgba(13, 18, 20, .68);
}

@media (max-width: 920px) {
    .cta-panel[b-leydc0looc] {
        display: grid;
        gap: 24px;
        align-items: start;
    }

    .cta-panel .btn-primary[b-leydc0looc] {
        width: fit-content;
    }
}

@media (max-width: 720px) {
    .cta-section[b-leydc0looc] {
        padding: 78px 0 86px;
    }

    .cta-panel[b-leydc0looc] {
        padding: 30px 22px;
    }

    .cta-panel h2[b-leydc0looc] {
        font-size: clamp(2.2rem, 12vw, 3.6rem);
    }

    .cta-panel p[b-leydc0looc] {
        font-size: .94rem;
        line-height: 1.68;
    }

    .cta-panel .btn-primary[b-leydc0looc] {
        width: 100%;
    }
}
/* /Components/Sections/InteractiveApplicationsHomeSection.razor.rz.scp.css */
.interactive-apps-home-r2[b-ugr4v0bu85] {
    padding: clamp(58px, 7vw, 104px) clamp(18px, 2.2vw, 28px);
}

.interactive-apps-home-r2__shell[b-ugr4v0bu85] {
    max-width: 1680px;
    margin: 0 auto;
}

.interactive-apps-home-r2__header[b-ugr4v0bu85] {
    max-width: 1180px;
    margin-bottom: clamp(34px, 4vw, 56px);
}

.interactive-apps-home-r2__eyebrow[b-ugr4v0bu85] {
    margin: 0 0 16px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .68;
}

.interactive-apps-home-r2__header h2[b-ugr4v0bu85] {
    margin: 0 0 22px;
    font-size: clamp(2.6rem, 5vw, 6rem);
    line-height: .96;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.interactive-apps-home-r2__header > p:not(.interactive-apps-home-r2__eyebrow)[b-ugr4v0bu85] {
    max-width: 820px;
    margin: 0;
    font-size: clamp(1rem, 1.25vw, 1.25rem);
    line-height: 1.65;
    opacity: .72;
}

.interactive-apps-home-r2__formats[b-ugr4v0bu85] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 24px;
    overflow: hidden;
}

.interactive-apps-home-r2__formats article[b-ugr4v0bu85] {
    min-height: 185px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 28px;
    border-right: 1px solid rgba(127,127,127,.22);
    background: rgba(127,127,127,.03);
}

.interactive-apps-home-r2__formats article:last-child[b-ugr4v0bu85] {
    border-right: 0;
}

.interactive-apps-home-r2__formats span[b-ugr4v0bu85] {
    font-size: .75rem;
    font-weight: 800;
    opacity: .36;
}

.interactive-apps-home-r2__formats strong[b-ugr4v0bu85] {
    font-size: clamp(.98rem, 1.15vw, 1.18rem);
    line-height: 1.2;
    letter-spacing: -.02em;
}

.interactive-apps-home-r2__actions[b-ugr4v0bu85] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

@media (max-width: 1100px) {
    .interactive-apps-home-r2__formats[b-ugr4v0bu85] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .interactive-apps-home-r2__formats article:nth-child(3)[b-ugr4v0bu85] {
        border-right: 0;
    }

    .interactive-apps-home-r2__formats article:nth-child(-n+3)[b-ugr4v0bu85] {
        border-bottom: 1px solid rgba(127,127,127,.22);
    }
}

@media (max-width: 640px) {
    .interactive-apps-home-r2[b-ugr4v0bu85] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .interactive-apps-home-r2__header h2[b-ugr4v0bu85] {
        font-size: clamp(2.35rem, 11vw, 3.8rem);
    }

    .interactive-apps-home-r2__formats[b-ugr4v0bu85] {
        grid-template-columns: 1fr;
    }

    .interactive-apps-home-r2__formats article[b-ugr4v0bu85] {
        min-height: 110px;
        border-right: 0;
        border-bottom: 1px solid rgba(127,127,127,.22);
    }

    .interactive-apps-home-r2__formats article:last-child[b-ugr4v0bu85] {
        border-bottom: 0;
    }
}
/* /Components/Sections/Lab/ExplodedProductExplorerDemo.razor.rz.scp.css */
.explode-demo[b-zez2oyc4z5] {
    min-height: 660px;
    display: grid;
    grid-template-columns: minmax(340px, .88fr) minmax(0, 1.12fr);
    border: 1px solid var(--line);
    border-radius: 24px;
    overflow: hidden;
    background: var(--bg);
}

.explode-copy[b-zez2oyc4z5] {
    display: grid;
    align-content: start;
    gap: 20px;
    padding: clamp(24px, 3.4vw, 42px);
    border-inline-end: 1px solid var(--line);
}

.demo-kicker[b-zez2oyc4z5] {
    color: var(--accent);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.explode-copy h3[b-zez2oyc4z5] {
    margin: 0;
    font-size: clamp(2.4rem, 4vw, 4.8rem);
    line-height: .94;
    letter-spacing: -.055em;
}

.explode-copy > p[b-zez2oyc4z5] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.explode-slider[b-zez2oyc4z5] {
    display: grid;
    gap: 10px;
}

.explode-slider span[b-zez2oyc4z5] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    color: var(--muted);
}

.explode-slider input[b-zez2oyc4z5] {
    width: 100%;
    accent-color: var(--accent);
}

.explode-parts[b-zez2oyc4z5] {
    display: grid;
    gap: 7px;
}

.explode-part[b-zez2oyc4z5] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--text);
    background: var(--panel);
    text-align: start;
    cursor: pointer;
}

.explode-part span[b-zez2oyc4z5] {
    color: var(--accent);
    font-size: .62rem;
    font-weight: 900;
}

.explode-part.is-active[b-zez2oyc4z5] {
    border-color: color-mix(in srgb, var(--accent) 60%, var(--line));
    background: color-mix(in srgb, var(--accent) 7%, var(--panel));
}

.explode-info[b-zez2oyc4z5] {
    display: grid;
    gap: 6px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--panel);
}

.explode-info span[b-zez2oyc4z5] {
    color: var(--accent);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.explode-info p[b-zez2oyc4z5] {
    margin: 0;
    color: var(--muted);
    line-height: 1.5;
}

.explode-stage[b-zez2oyc4z5] {
    position: relative;
    min-height: 660px;
    display: grid;
    place-items: center;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px),
        radial-gradient(circle at 50% 45%, var(--soft), transparent 36%),
        var(--panel);
    background-size: 44px 44px, 44px 44px, auto, auto;
}

.explode-product[b-zez2oyc4z5] {
    position: relative;
    width: min(66%, 560px);
    aspect-ratio: 1.45;
}

.explode-layer[b-zez2oyc4z5] {
    position: absolute;
    inset: 17% 12%;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 18px;
    color: var(--muted);
    background: color-mix(in srgb, var(--panel-strong) 92%, transparent);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .1em;
    transition: transform .18s ease, border-color .18s ease, color .18s ease;
}

.explode-layer:nth-child(1)[b-zez2oyc4z5] { inset: 8% 6% 27%; }
.explode-layer:nth-child(2)[b-zez2oyc4z5] { inset: 17% 14% 35%; }
.explode-layer:nth-child(3)[b-zez2oyc4z5] { inset: 28% 24% 30%; }
.explode-layer:nth-child(4)[b-zez2oyc4z5] { inset: 38% 30% 22%; }
.explode-layer:nth-child(5)[b-zez2oyc4z5] { inset: 48% 38% 16%; }

.explode-layer.is-active[b-zez2oyc4z5] {
    z-index: 3;
    border-color: var(--accent);
    color: var(--text);
    box-shadow: 0 0 0 8px color-mix(in srgb, var(--accent) 8%, transparent);
}

.explode-meter[b-zez2oyc4z5] {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
    color: var(--muted);
    font-size: .62rem;
    font-weight: 900;
}

.explode-meter[b-zez2oyc4z5]::before {
    content: "";
    grid-column: 2;
    grid-row: 1;
    height: 5px;
    border-radius: 999px;
    background: var(--line);
}

.explode-meter i[b-zez2oyc4z5] {
    grid-column: 2;
    grid-row: 1;
    z-index: 1;
    height: 5px;
    border-radius: 999px;
    background: var(--accent);
}

.explode-slot[b-zez2oyc4z5] {
    position: absolute;
    top: 18px;
    left: 18px;
    padding: 9px 11px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--accent);
    background: color-mix(in srgb, var(--panel-strong) 94%, transparent);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .11em;
}

@media (max-width: 860px) {
    .explode-demo[b-zez2oyc4z5] {
        grid-template-columns: 1fr;
    }

    .explode-copy[b-zez2oyc4z5] {
        border-inline-end: 0;
        border-bottom: 1px solid var(--line);
    }

    .explode-stage[b-zez2oyc4z5] {
        min-height: 500px;
    }
}

@media (max-width: 560px) {
    .explode-stage[b-zez2oyc4z5] {
        min-height: 430px;
    }

    .explode-product[b-zez2oyc4z5] {
        width: 78%;
    }
}
/* /Components/Sections/Lab/GuidedSalesDemo.razor.rz.scp.css */
.sales-demo[b-rrunhh2sk8] {
    min-height: 660px;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
    border: 1px solid var(--line);
    border-radius: 24px;
    overflow: hidden;
    background: var(--bg);
}

.sales-stage[b-rrunhh2sk8] {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 660px;
    overflow: hidden;
    border-inline-end: 1px solid var(--line);
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px),
        radial-gradient(circle at 50% 45%, var(--soft), transparent 34%),
        var(--panel);
    background-size: 44px 44px, 44px 44px, auto, auto;
}

.sales-product-stage[b-rrunhh2sk8] {
    position: relative;
    width: min(64%, 520px);
    aspect-ratio: 1.25;
}

.sales-device[b-rrunhh2sk8] {
    position: absolute;
    inset: 14% 8% 18%;
    border: 2px solid var(--line);
    border-radius: 30px;
    background: linear-gradient(135deg, #191b1d, #090a0b);
    transform: perspective(1000px) rotateY(-16deg);
    box-shadow: 0 42px 100px color-mix(in srgb, #000 35%, transparent);
}

.sales-focus[b-rrunhh2sk8] {
    position: absolute;
    width: 64px;
    height: 64px;
    border: 2px solid var(--accent);
    border-radius: 50%;
    opacity: .16;
    box-shadow: 0 0 0 12px color-mix(in srgb, var(--accent) 10%, transparent);
    transition: opacity .2s ease, transform .2s ease;
}

.sales-focus--a[b-rrunhh2sk8] { left: 24%; top: 26%; }
.sales-focus--b[b-rrunhh2sk8] { right: 24%; top: 30%; }
.sales-focus--c[b-rrunhh2sk8] { left: 46%; bottom: 23%; }
.sales-focus--d[b-rrunhh2sk8] { right: 15%; bottom: 15%; }

.step-1 .sales-focus--a[b-rrunhh2sk8],
.step-2 .sales-focus--b[b-rrunhh2sk8],
.step-3 .sales-focus--c[b-rrunhh2sk8],
.step-4 .sales-focus--d[b-rrunhh2sk8] {
    opacity: 1;
    transform: scale(1.12);
}

.sales-camera[b-rrunhh2sk8],
.sales-slot[b-rrunhh2sk8] {
    position: absolute;
    z-index: 2;
    padding: 11px 13px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel-strong) 92%, transparent);
    backdrop-filter: blur(16px);
}

.sales-camera[b-rrunhh2sk8] {
    right: 18px;
    bottom: 18px;
    display: grid;
    gap: 4px;
}

.sales-camera span[b-rrunhh2sk8],
.sales-slot[b-rrunhh2sk8] {
    color: var(--accent);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.sales-slot[b-rrunhh2sk8] {
    left: 18px;
    top: 18px;
}

.sales-copy[b-rrunhh2sk8] {
    display: grid;
    align-content: start;
    gap: 22px;
    padding: clamp(24px, 3.4vw, 42px);
}

.demo-kicker[b-rrunhh2sk8] {
    color: var(--accent);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.sales-copy h3[b-rrunhh2sk8] {
    margin: 0;
    font-size: clamp(2.3rem, 3.8vw, 4.5rem);
    line-height: .94;
    letter-spacing: -.055em;
}

.sales-steps[b-rrunhh2sk8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.sales-step[b-rrunhh2sk8] {
    display: grid;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    color: var(--text);
    background: var(--panel);
    text-align: start;
    cursor: pointer;
}

.sales-step span[b-rrunhh2sk8] {
    color: var(--accent);
    font-size: .62rem;
    font-weight: 900;
}

.sales-step.is-active[b-rrunhh2sk8] {
    color: var(--bg);
    background: var(--text);
}

.sales-narrative[b-rrunhh2sk8] {
    display: grid;
    gap: 9px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--panel);
}

.sales-narrative > span[b-rrunhh2sk8] {
    color: var(--accent);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.sales-narrative h4[b-rrunhh2sk8] {
    margin: 0;
    font-size: 1.35rem;
}

.sales-narrative p[b-rrunhh2sk8] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.sales-actions[b-rrunhh2sk8] {
    display: flex;
    gap: 8px;
}

.demo-action[b-rrunhh2sk8] {
    padding: 10px 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    background: var(--panel);
    cursor: pointer;
}

.demo-action--primary[b-rrunhh2sk8] {
    color: var(--bg);
    background: var(--text);
}

.demo-action:disabled[b-rrunhh2sk8] {
    opacity: .38;
    cursor: not-allowed;
}

@media (max-width: 860px) {
    .sales-demo[b-rrunhh2sk8] {
        grid-template-columns: 1fr;
    }

    .sales-stage[b-rrunhh2sk8] {
        min-height: 500px;
        border-inline-end: 0;
        border-bottom: 1px solid var(--line);
    }
}

@media (max-width: 560px) {
    .sales-stage[b-rrunhh2sk8] {
        min-height: 420px;
    }

    .sales-steps[b-rrunhh2sk8] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Sections/Lab/InstallationPlannerDemo.razor.rz.scp.css */
.planner-demo[b-ooa8ajw6ud] {
    min-height: 660px;
    display: grid;
    grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
    border: 1px solid var(--line);
    border-radius: 24px;
    overflow: hidden;
    background: var(--bg);
}

.planner-copy[b-ooa8ajw6ud] {
    display: grid;
    align-content: start;
    gap: 20px;
    padding: clamp(24px, 3.4vw, 42px);
    border-inline-end: 1px solid var(--line);
}

.demo-kicker[b-ooa8ajw6ud] {
    color: var(--accent);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.planner-copy h3[b-ooa8ajw6ud] {
    margin: 0;
    font-size: clamp(2.35rem, 4vw, 4.7rem);
    line-height: .94;
    letter-spacing: -.055em;
}

.planner-note[b-ooa8ajw6ud] {
    margin: 0;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    color: var(--muted);
    background: var(--panel);
    line-height: 1.55;
}

.environment-row[b-ooa8ajw6ud] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.planner-chip[b-ooa8ajw6ud] {
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    background: var(--panel);
    cursor: pointer;
}

.planner-chip.is-active[b-ooa8ajw6ud] {
    color: var(--bg);
    background: var(--text);
}

.planner-fields[b-ooa8ajw6ud] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.planner-fields label[b-ooa8ajw6ud] {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-size: .72rem;
}

.planner-fields input[b-ooa8ajw6ud] {
    width: 100%;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--text);
    background: var(--panel);
}

.planner-stage[b-ooa8ajw6ud] {
    position: relative;
    min-height: 660px;
    display: grid;
    place-items: center;
    padding: 50px;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px),
        var(--panel);
    background-size: 42px 42px;
}

.planner-room[b-ooa8ajw6ud] {
    position: relative;
    width: min(78%, 620px);
    aspect-ratio: 1.2;
    border: 2px solid var(--line);
    border-radius: 22px;
    background: color-mix(in srgb, var(--panel-strong) 86%, transparent);
}

.planner-product[b-ooa8ajw6ud] {
    position: absolute;
    left: 50%;
    top: 50%;
    display: grid;
    place-items: center;
    min-width: 60px;
    min-height: 60px;
    transform: translate(-50%, -50%);
    border: 2px solid var(--accent);
    border-radius: 16px;
    background: color-mix(in srgb, var(--accent) 12%, var(--panel));
    transition: width .2s ease, height .2s ease;
}

.planner-product span[b-ooa8ajw6ud] {
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.planner-axis[b-ooa8ajw6ud] {
    position: absolute;
    z-index: 2;
    padding: 5px 8px;
    border-radius: 999px;
    color: var(--muted);
    background: var(--bg);
    font-size: .62rem;
    font-weight: 800;
}

.planner-axis--x[b-ooa8ajw6ud] { left: 50%; bottom: -28px; transform: translateX(-50%); }
.planner-axis--y[b-ooa8ajw6ud] { left: -24px; top: 50%; transform: rotate(-90deg) translateY(-50%); transform-origin: left top; }

.planner-status[b-ooa8ajw6ud],
.planner-slot[b-ooa8ajw6ud] {
    position: absolute;
    z-index: 3;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel-strong) 94%, transparent);
    backdrop-filter: blur(14px);
}

.planner-status[b-ooa8ajw6ud] {
    right: 18px;
    bottom: 18px;
    width: min(330px, calc(100% - 36px));
    display: grid;
    gap: 5px;
    padding: 15px;
}

.planner-status span[b-ooa8ajw6ud],
.planner-slot[b-ooa8ajw6ud] {
    color: var(--accent);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.planner-status small[b-ooa8ajw6ud] {
    color: var(--muted);
}

.planner-status.is-fail[b-ooa8ajw6ud] {
    border-color: color-mix(in srgb, #ff7b7b 56%, var(--line));
}

.planner-slot[b-ooa8ajw6ud] {
    top: 18px;
    left: 18px;
    padding: 9px 11px;
}

@media (max-width: 860px) {
    .planner-demo[b-ooa8ajw6ud] {
        grid-template-columns: 1fr;
    }

    .planner-copy[b-ooa8ajw6ud] {
        border-inline-end: 0;
        border-bottom: 1px solid var(--line);
    }

    .planner-stage[b-ooa8ajw6ud] {
        min-height: 500px;
    }
}

@media (max-width: 560px) {
    .planner-fields[b-ooa8ajw6ud] {
        grid-template-columns: 1fr;
    }

    .planner-stage[b-ooa8ajw6ud] {
        min-height: 430px;
        padding: 34px;
    }

    .planner-room[b-ooa8ajw6ud] {
        width: 88%;
    }
}
/* /Components/Sections/Lab/InteractiveBusinessLab.razor.rz.scp.css */
.lab-apps[b-mmkus3lcfk] {
    display: grid;
    gap: clamp(30px, 4vw, 54px);
    padding: clamp(28px, 4.5vw, 58px);
    border: 1px solid var(--line);
    border-radius: var(--mx-radius-lg);
    background:
        radial-gradient(circle at 86% 4%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 24%),
        var(--panel);
}

.lab-apps-head[b-mmkus3lcfk] {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(300px, .56fr);
    gap: clamp(34px, 7vw, 110px);
    align-items: end;
}

.lab-apps-head h2[b-mmkus3lcfk] {
    max-width: 920px;
    margin: 10px 0 0;
    font-size: clamp(3rem, 5.5vw, 6.2rem);
    line-height: .93;
    letter-spacing: -.065em;
}

.lab-apps-head > p[b-mmkus3lcfk] {
    margin: 0;
    max-width: 620px;
    color: var(--muted);
    line-height: 1.72;
}

.lab-apps-nav[b-mmkus3lcfk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.lab-apps-nav a[b-mmkus3lcfk] {
    min-height: 112px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    align-items: start;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 18px;
    color: var(--text);
    background:
        radial-gradient(circle at 90% 10%, var(--soft), transparent 48%),
        color-mix(in srgb, var(--panel-strong) 94%, transparent);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.lab-apps-nav a:hover[b-mmkus3lcfk],
.lab-apps-nav a:focus-visible[b-mmkus3lcfk] {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--accent) 62%, var(--line));
    outline: none;
}

.lab-apps-nav-index[b-mmkus3lcfk] {
    color: var(--accent);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .13em;
}

.lab-apps-nav-copy[b-mmkus3lcfk] {
    display: grid;
    gap: 7px;
}

.lab-apps-nav-copy strong[b-mmkus3lcfk] {
    font-size: 1.02rem;
}

.lab-apps-nav-copy small[b-mmkus3lcfk] {
    color: var(--muted);
    line-height: 1.32;
}

.lab-apps-nav-arrow[b-mmkus3lcfk] {
    align-self: end;
    color: var(--muted);
    font-size: 1rem;
    transition: transform .18s ease, color .18s ease;
}

.lab-apps-nav a:hover .lab-apps-nav-arrow[b-mmkus3lcfk],
.lab-apps-nav a:focus-visible .lab-apps-nav-arrow[b-mmkus3lcfk] {
    color: var(--accent);
    transform: translateY(4px);
}

.lab-apps-sections[b-mmkus3lcfk] {
    display: grid;
    gap: clamp(82px, 10vw, 150px);
}

.lab-app-section[b-mmkus3lcfk] {
    display: grid;
    gap: 16px;
    scroll-margin-top: calc(var(--mx-header-h) + 28px);
}

.lab-app-section-head[b-mmkus3lcfk] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: end;
    padding: 0 4px;
}

.lab-app-section-head > div[b-mmkus3lcfk] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.lab-app-section-head span[b-mmkus3lcfk] {
    color: var(--accent);
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .13em;
}

.lab-app-section-head p[b-mmkus3lcfk] {
    margin: 0;
    color: var(--muted);
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.lab-app-section-head > strong[b-mmkus3lcfk] {
    color: color-mix(in srgb, var(--text) 18%, transparent);
    font-size: clamp(2rem, 4vw, 4.6rem);
    line-height: .8;
    letter-spacing: -.055em;
    text-transform: uppercase;
    pointer-events: none;
}

.lab-apps-foundation-note[b-mmkus3lcfk] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: center;
    padding-top: 24px;
    border-top: 1px solid var(--line);
}

.lab-apps-foundation-note span[b-mmkus3lcfk] {
    color: var(--accent);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.lab-apps-foundation-note strong[b-mmkus3lcfk] {
    max-width: 820px;
    font-size: .92rem;
    line-height: 1.5;
    text-align: end;
}

html[b-mmkus3lcfk] {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html[b-mmkus3lcfk] { scroll-behavior: auto; }
    .lab-apps-nav a[b-mmkus3lcfk], .lab-apps-nav-arrow[b-mmkus3lcfk] { transition: none; }
}

@media (max-width: 980px) {
    .lab-apps-head[b-mmkus3lcfk] { grid-template-columns: 1fr; align-items: start; }
    .lab-apps-nav[b-mmkus3lcfk] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    .lab-apps[b-mmkus3lcfk] { padding: 20px; }
    .lab-apps-nav[b-mmkus3lcfk] { grid-template-columns: 1fr; }
    .lab-apps-nav a[b-mmkus3lcfk] { min-height: 94px; }
    .lab-apps-sections[b-mmkus3lcfk] { gap: 82px; }
    .lab-app-section-head[b-mmkus3lcfk] { align-items: flex-start; flex-direction: column; gap: 8px; }
    .lab-app-section-head > strong[b-mmkus3lcfk] { display: none; }
    .lab-apps-foundation-note[b-mmkus3lcfk] { align-items: flex-start; flex-direction: column; }
    .lab-apps-foundation-note strong[b-mmkus3lcfk] { text-align: start; }
}
/* /Components/Sections/Lab/ProductComparisonDemo.razor.rz.scp.css */
.compare-demo[b-viq4cq5m95] {
    min-height: 660px;
    display: grid;
    gap: 22px;
    padding: clamp(24px, 3.4vw, 42px);
    border: 1px solid var(--line);
    border-radius: 24px;
    background: var(--bg);
}

.compare-head[b-viq4cq5m95] {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, .55fr);
    gap: 40px;
    align-items: end;
}

.demo-kicker[b-viq4cq5m95] {
    color: var(--accent);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.compare-head h3[b-viq4cq5m95] {
    max-width: 800px;
    margin: 8px 0 0;
    font-size: clamp(2.4rem, 4vw, 4.8rem);
    line-height: .94;
    letter-spacing: -.055em;
}

.compare-head > p[b-viq4cq5m95] {
    margin: 0;
    color: var(--muted);
    line-height: 1.6;
}

.compare-selectors[b-viq4cq5m95] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.compare-selectors > div[b-viq4cq5m95] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--panel);
}

.compare-selectors span[b-viq4cq5m95] {
    margin-inline-end: auto;
    color: var(--accent);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.compare-model-chip[b-viq4cq5m95] {
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    background: var(--bg);
    cursor: pointer;
}

.compare-model-chip.is-active[b-viq4cq5m95] {
    color: var(--bg);
    background: var(--text);
}

.compare-workspace[b-viq4cq5m95] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .62fr);
    gap: 12px;
    min-height: 420px;
}

.compare-products[b-viq4cq5m95] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 18px;
    align-items: center;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px),
        var(--panel);
    background-size: 42px 42px;
}

.compare-product[b-viq4cq5m95] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 10px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: color-mix(in srgb, var(--panel-strong) 92%, transparent);
}

.compare-product span[b-viq4cq5m95],
.compare-product small[b-viq4cq5m95] {
    color: var(--accent);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.compare-product strong[b-viq4cq5m95] {
    font-size: 1.5rem;
}

.compare-vs[b-viq4cq5m95] {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 900;
}

.compare-table[b-viq4cq5m95] {
    display: grid;
    gap: 8px;
}

.compare-row[b-viq4cq5m95] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    align-items: center;
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 14px;
    color: var(--text);
    background: var(--panel);
    text-align: start;
    cursor: pointer;
}

.compare-row span[b-viq4cq5m95] {
    color: var(--muted);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
}

.compare-row strong[b-viq4cq5m95] {
    font-size: .85rem;
}

.compare-row.is-active[b-viq4cq5m95] {
    border-color: color-mix(in srgb, var(--accent) 60%, var(--line));
    background: color-mix(in srgb, var(--accent) 7%, var(--panel));
}

@media (max-width: 900px) {
    .compare-head[b-viq4cq5m95],
    .compare-workspace[b-viq4cq5m95] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .compare-selectors[b-viq4cq5m95] {
        grid-template-columns: 1fr;
    }

    .compare-products[b-viq4cq5m95] {
        grid-template-columns: 1fr;
    }

    .compare-vs[b-viq4cq5m95] {
        text-align: center;
    }

    .compare-row[b-viq4cq5m95] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Sections/Lab/ProductConfiguratorDemo.razor.rz.scp.css */
.business-demo[b-fw41v1fad5] {
    min-height: 660px;
    display: grid;
    grid-template-columns: minmax(310px, .72fr) minmax(0, 1.28fr);
    border: 1px solid var(--line);
    border-radius: 24px;
    overflow: hidden;
    background: var(--bg);
}

.business-demo-copy[b-fw41v1fad5] {
    display: grid;
    align-content: start;
    gap: 22px;
    padding: clamp(24px, 3.5vw, 44px);
    border-inline-end: 1px solid var(--line);
}

.demo-kicker[b-fw41v1fad5],
.control-label[b-fw41v1fad5] {
    color: var(--accent);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.business-demo-copy h3[b-fw41v1fad5] {
    margin: 0;
    font-size: clamp(2.4rem, 4vw, 4.8rem);
    line-height: .94;
    letter-spacing: -.055em;
}

.business-demo-copy > p[b-fw41v1fad5] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.control-group[b-fw41v1fad5] {
    display: grid;
    gap: 10px;
}

.chip-row[b-fw41v1fad5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.demo-chip[b-fw41v1fad5] {
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    background: var(--panel);
    cursor: pointer;
}

.demo-chip.is-active[b-fw41v1fad5] {
    color: var(--bg);
    background: var(--text);
}

.option-list[b-fw41v1fad5] {
    display: grid;
    gap: 8px;
    margin-top: 4px;
}

.option-list label[b-fw41v1fad5] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: var(--panel);
}

.business-demo-stage[b-fw41v1fad5] {
    position: relative;
    min-height: 660px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 45%, var(--soft), transparent 35%),
        var(--panel);
}

.config-stage-grid[b-fw41v1fad5] {
    position: absolute;
    inset: 0;
    opacity: .48;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size: 42px 42px;
}

.config-product[b-fw41v1fad5] {
    position: relative;
    z-index: 1;
    width: min(56%, 460px);
    aspect-ratio: 1.38;
    border: 2px solid var(--line);
    border-radius: 28px;
    transform: perspective(1000px) rotateY(-18deg) rotateX(7deg);
    box-shadow: 0 40px 90px color-mix(in srgb, #000 28%, transparent);
    transition: background .25s ease, transform .25s ease;
}

.config-product.finish-graphite[b-fw41v1fad5] { background: #17191b; }
.config-product.finish-silver[b-fw41v1fad5] { background: #aeb3b8; }
.config-product.finish-brand[b-fw41v1fad5] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 70%, #151515), #151515);
}

.config-screen[b-fw41v1fad5] {
    position: absolute;
    inset: 12% 9% 22%;
    border-radius: 18px;
    background:
        radial-gradient(circle at 70% 30%, color-mix(in srgb, var(--accent-2) 45%, transparent), transparent 25%),
        #08090a;
}

.config-base[b-fw41v1fad5] {
    position: absolute;
    left: 27%;
    right: 27%;
    bottom: 7%;
    height: 8%;
    border-radius: 999px;
    background: color-mix(in srgb, var(--text) 45%, transparent);
}

.config-addon[b-fw41v1fad5] {
    position: absolute;
    display: grid;
    place-items: center;
    width: 44px;
    height: 30px;
    border-radius: 9px;
    color: #fff;
    background: #111;
    font-size: .62rem;
    font-weight: 900;
}

.config-addon--wall[b-fw41v1fad5] { right: -24px; top: 20%; }
.config-addon--desk[b-fw41v1fad5] { left: 12%; bottom: -18px; }
.config-addon--io[b-fw41v1fad5] { right: 14%; bottom: -18px; }

.model-slot[b-fw41v1fad5] {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;
    padding: 7px 9px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    background: var(--panel);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.config-summary[b-fw41v1fad5] {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    width: min(320px, calc(100% - 36px));
    display: grid;
    gap: 5px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--panel-strong) 92%, transparent);
    backdrop-filter: blur(16px);
}

.config-summary span[b-fw41v1fad5] {
    color: var(--accent);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.config-summary small[b-fw41v1fad5] {
    color: var(--muted);
}

@media (max-width: 860px) {
    .business-demo[b-fw41v1fad5] {
        grid-template-columns: 1fr;
    }

    .business-demo-copy[b-fw41v1fad5] {
        border-inline-end: 0;
        border-bottom: 1px solid var(--line);
    }

    .business-demo-stage[b-fw41v1fad5] {
        min-height: 520px;
    }
}

@media (max-width: 560px) {
    .business-demo-stage[b-fw41v1fad5] {
        min-height: 430px;
    }

    .config-product[b-fw41v1fad5] {
        width: 70%;
    }
}
/* /Components/Sections/Lab/TrainingSimulatorDemo.razor.rz.scp.css */
.training-demo[b-jubohv7vlw] {
    min-height: 660px;
    display: grid;
    grid-template-columns: minmax(350px, .92fr) minmax(0, 1.08fr);
    border: 1px solid var(--line);
    border-radius: 24px;
    overflow: hidden;
    background: var(--bg);
}

.training-copy[b-jubohv7vlw] {
    display: grid;
    align-content: start;
    gap: 20px;
    padding: clamp(24px, 3.4vw, 42px);
    border-inline-end: 1px solid var(--line);
}

.demo-kicker[b-jubohv7vlw] {
    color: var(--accent);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.training-copy h3[b-jubohv7vlw] {
    margin: 0;
    font-size: clamp(2.25rem, 3.8vw, 4.4rem);
    line-height: .94;
    letter-spacing: -.055em;
}

.training-copy > p[b-jubohv7vlw] {
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}

.training-progress[b-jubohv7vlw] {
    display: grid;
    gap: 8px;
}

.training-progress > span[b-jubohv7vlw] {
    color: var(--accent);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.training-progress > div[b-jubohv7vlw] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--panel);
}

.training-progress i[b-jubohv7vlw] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--accent);
    transition: width .2s ease;
}

.training-task[b-jubohv7vlw] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--panel);
}

.training-task > span[b-jubohv7vlw] {
    color: var(--muted);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .09em;
}

.training-task h4[b-jubohv7vlw] {
    margin: 0;
    font-size: 1.35rem;
    line-height: 1.15;
}

.training-options[b-jubohv7vlw] {
    display: grid;
    gap: 8px;
}

.training-option[b-jubohv7vlw] {
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--text);
    background: var(--bg);
    text-align: start;
    cursor: pointer;
}

.training-option.is-correct[b-jubohv7vlw] {
    border-color: #5ebf8a;
}

.training-option.is-wrong[b-jubohv7vlw] {
    border-color: #cf6b6b;
}

.training-feedback[b-jubohv7vlw] {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 12px;
}

.training-feedback span[b-jubohv7vlw] {
    color: var(--muted);
    line-height: 1.45;
}

.training-feedback.is-correct[b-jubohv7vlw] { border-color: #5ebf8a; }
.training-feedback.is-wrong[b-jubohv7vlw] { border-color: #cf6b6b; }

.training-actions[b-jubohv7vlw] {
    display: flex;
    gap: 8px;
}

.training-primary[b-jubohv7vlw],
.training-secondary[b-jubohv7vlw] {
    padding: 10px 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    cursor: pointer;
}

.training-secondary[b-jubohv7vlw] {
    color: var(--text);
    background: var(--panel);
}

.training-primary[b-jubohv7vlw] {
    color: var(--bg);
    background: var(--text);
}

.training-primary:disabled[b-jubohv7vlw] {
    opacity: .4;
    cursor: not-allowed;
}

.training-stage[b-jubohv7vlw] {
    position: relative;
    min-height: 660px;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 50% 40%, var(--soft), transparent 36%),
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px),
        var(--panel);
    background-size: auto, 44px 44px, 44px 44px, auto;
}

.training-device[b-jubohv7vlw] {
    position: relative;
    width: min(62%, 500px);
    aspect-ratio: 1.25;
    border: 2px solid var(--line);
    border-radius: 30px;
    background: #111315;
    transform: perspective(1000px) rotateY(-12deg);
    box-shadow: 0 36px 90px color-mix(in srgb, #000 30%, transparent);
}

.training-screen[b-jubohv7vlw] {
    position: absolute;
    inset: 10% 8% 28%;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #d8fbff;
    background: radial-gradient(circle, #0d3941, #071315 70%);
    font-size: 1.2rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.training-control[b-jubohv7vlw] {
    position: absolute;
    bottom: 10%;
    width: 18px;
    height: 18px;
    border: 1px solid #666;
    border-radius: 50%;
    background: #202326;
}

.training-control--a[b-jubohv7vlw] { left: 30%; }
.training-control--b[b-jubohv7vlw] { left: 48%; }
.training-control--c[b-jubohv7vlw] { left: 66%; }

.training-state[b-jubohv7vlw],
.training-slot[b-jubohv7vlw] {
    position: absolute;
    z-index: 2;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--panel-strong) 94%, transparent);
    backdrop-filter: blur(14px);
}

.training-state[b-jubohv7vlw] {
    right: 18px;
    bottom: 18px;
    display: grid;
    gap: 4px;
    padding: 14px;
}

.training-state span[b-jubohv7vlw],
.training-slot[b-jubohv7vlw] {
    color: var(--accent);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .11em;
}

.training-slot[b-jubohv7vlw] {
    left: 18px;
    top: 18px;
    padding: 9px 11px;
}

@media (max-width: 860px) {
    .training-demo[b-jubohv7vlw] {
        grid-template-columns: 1fr;
    }

    .training-copy[b-jubohv7vlw] {
        border-inline-end: 0;
        border-bottom: 1px solid var(--line);
    }

    .training-stage[b-jubohv7vlw] {
        min-height: 500px;
    }
}

@media (max-width: 560px) {
    .training-stage[b-jubohv7vlw] {
        min-height: 420px;
    }

    .training-device[b-jubohv7vlw] {
        width: 72%;
    }
}
/* /Components/Sections/ServiceRailSection/ServiceRailSection.razor.rz.scp.css */
/* Live service navigator
   Scoped to ServiceRailSection so no other page or section is changed. */

.service-rail-card[b-8brf8i7id1] {
    isolation: isolate;
}

.service-rail-toggle[b-8brf8i7id1] {
    position: absolute;
    inset: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: inherit;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: inherit;
    cursor: pointer;
    appearance: none;
    transition: opacity 180ms ease, visibility 180ms ease;
}

.service-rail-toggle[b-8brf8i7id1]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .20), rgba(0, 0, 0, .76)),
        linear-gradient(90deg, rgba(0, 0, 0, .18), rgba(0, 0, 0, .46));
}

.service-rail-tab-media[b-8brf8i7id1] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .18;
    filter: saturate(.72) contrast(1.08);
    transition: opacity 220ms ease, transform 220ms ease, filter 220ms ease;
}

.service-rail-toggle:hover .service-rail-tab-media[b-8brf8i7id1],
.service-rail-toggle:focus-visible .service-rail-tab-media[b-8brf8i7id1] {
    opacity: .31;
    filter: saturate(.94) contrast(1.12);
    transform: translateY(-3px);
}

.service-rail-toggle:focus-visible[b-8brf8i7id1] {
    outline: 2px solid rgba(255, 255, 255, .82);
    outline-offset: -5px;
}

.service-rail-collapsed[b-8brf8i7id1] {
    z-index: 2;
}

.service-rail-card.is-active > .service-rail-toggle[b-8brf8i7id1] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.service-rail-expanded[b-8brf8i7id1] {
    animation: serviceRailReveal-b-8brf8i7id1 320ms ease both;
}

@keyframes serviceRailReveal-b-8brf8i7id1 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.service-rail-media-link[b-8brf8i7id1] {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}

.service-rail-media video[b-8brf8i7id1],
.service-rail-media .service-rail-poster[b-8brf8i7id1] {
    position: absolute;
    inset: 14px;
    width: calc(100% - 28px);
    height: calc(100% - 28px);
    display: block;
    border: 1px solid var(--line);
    border-radius: 28px;
    object-fit: cover;
    opacity: .96;
    filter: saturate(.96) contrast(1.04);
    transition: filter 220ms ease, transform 220ms ease;
}

.service-rail-media-link:hover video[b-8brf8i7id1],
.service-rail-media-link:focus-visible video[b-8brf8i7id1],
.service-rail-media-link:hover .service-rail-poster[b-8brf8i7id1],
.service-rail-media-link:focus-visible .service-rail-poster[b-8brf8i7id1] {
    filter: saturate(1.02) contrast(1.08);
    transform: translateY(-3px);
}

.service-rail-media-link:focus-visible[b-8brf8i7id1] {
    outline: 2px solid rgba(255, 255, 255, .82);
    outline-offset: -7px;
}

.service-rail-preview-kicker[b-8brf8i7id1] {
    position: absolute;
    inset-block-start: 30px;
    inset-inline-start: 30px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    background: rgba(0, 0, 0, .34);
    backdrop-filter: blur(12px);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.service-rail-media-label[b-8brf8i7id1] {
    gap: 10px;
}

.service-rail-media-label strong[b-8brf8i7id1] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service-rail-media-label em[b-8brf8i7id1] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 34px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    font-style: normal;
}

.service-rail-copy[b-8brf8i7id1] {
    min-width: 0;
}

.service-rail-copy p:not(.eyebrow)[b-8brf8i7id1] {
    margin-bottom: 22px;
}

.service-rail-actions[b-8brf8i7id1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.service-rail-action[b-8brf8i7id1] {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 16px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    text-decoration: none;
    font-size: .78rem;
    font-weight: 850;
    transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.service-rail-action-primary[b-8brf8i7id1] {
    flex: 1 1 210px;
    border-color: var(--text);
    color: var(--bg);
    background: var(--text);
}

.service-rail-action-secondary[b-8brf8i7id1] {
    flex: 1 1 190px;
    background: color-mix(in srgb, var(--panel-strong) 76%, transparent);
}

.service-rail-action:hover[b-8brf8i7id1],
.service-rail-action:focus-visible[b-8brf8i7id1] {
    transform: translateY(-2px);
}

.service-rail-action-primary:hover[b-8brf8i7id1],
.service-rail-action-primary:focus-visible[b-8brf8i7id1] {
    background: color-mix(in srgb, var(--text) 88%, var(--bg));
}

.service-rail-action-secondary:hover[b-8brf8i7id1],
.service-rail-action-secondary:focus-visible[b-8brf8i7id1] {
    border-color: var(--text);
    background: var(--soft);
}

.service-rail-action:focus-visible[b-8brf8i7id1] {
    outline: 2px solid rgba(255, 255, 255, .82);
    outline-offset: 3px;
}

@media (max-width: 1120px) {
    .service-rail-card[b-8brf8i7id1],
    .service-rail-card.is-active[b-8brf8i7id1] {
        overflow: hidden;
        border-radius: 24px;
    }

    .service-rail-card > .service-rail-toggle[b-8brf8i7id1],
    .service-rail-card.is-active > .service-rail-toggle[b-8brf8i7id1] {
        position: relative;
        inset: auto;
        width: 100%;
        height: 76px;
        min-height: 76px;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        border-radius: 0;
    }

    .service-rail-card.is-active > .service-rail-toggle[b-8brf8i7id1] {
        border-bottom: 1px solid var(--line);
    }

    .service-rail-collapsed[b-8brf8i7id1],
    .service-rail-card.is-active .service-rail-collapsed[b-8brf8i7id1] {
        position: relative;
        inset: auto;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-rows: 1fr;
        justify-items: stretch;
        align-items: center;
        gap: 12px;
        height: 100%;
        padding: 12px 16px;
        opacity: 1;
        transform: none;
    }

    .service-rail-collapsed strong[b-8brf8i7id1],
    .site-root[dir="rtl"] .service-rail-collapsed strong[b-8brf8i7id1] {
        max-height: none;
        overflow: hidden;
        writing-mode: horizontal-tb;
        transform: none;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 1rem;
        letter-spacing: -.02em;
    }

    .service-rail-collapsed span[b-8brf8i7id1],
    .service-rail-collapsed em[b-8brf8i7id1] {
        width: 38px;
        height: 38px;
    }

    .service-rail-tab-media[b-8brf8i7id1] {
        opacity: .22;
    }

    .service-rail-expanded[b-8brf8i7id1],
    .service-rail-card.is-active .service-rail-expanded[b-8brf8i7id1] {
        min-height: 440px;
        grid-template-columns: minmax(280px, .92fr) minmax(300px, 1fr);
    }

    .service-rail-media[b-8brf8i7id1] {
        min-height: 440px;
    }

    .service-rail-preview-kicker[b-8brf8i7id1] {
        inset-block-start: 24px;
        inset-inline-start: 24px;
    }

    .service-rail-media-label[b-8brf8i7id1] {
        inset-inline: 24px;
        bottom: 24px;
    }
}

@media (max-width: 720px) {
    .services-head-actions[b-8brf8i7id1] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .services-head-actions .btn[b-8brf8i7id1] {
        width: 100%;
    }

    .service-rail-card > .service-rail-toggle[b-8brf8i7id1],
    .service-rail-card.is-active > .service-rail-toggle[b-8brf8i7id1] {
        height: 72px;
        min-height: 72px;
    }

    .service-rail-collapsed[b-8brf8i7id1],
    .service-rail-card.is-active .service-rail-collapsed[b-8brf8i7id1] {
        padding: 10px 12px;
    }

    .service-rail-expanded[b-8brf8i7id1],
    .service-rail-card.is-active .service-rail-expanded[b-8brf8i7id1] {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .service-rail-media[b-8brf8i7id1] {
        min-height: 280px;
    }

    .service-rail-media video[b-8brf8i7id1],
    .service-rail-media .service-rail-poster[b-8brf8i7id1] {
        inset: 10px;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        border-radius: 20px;
    }

    .service-rail-preview-kicker[b-8brf8i7id1] {
        inset-block-start: 18px;
        inset-inline-start: 18px;
        min-height: 28px;
        font-size: .59rem;
    }

    .service-rail-media-label[b-8brf8i7id1] {
        left: 18px;
        right: 18px;
        bottom: 18px;
        min-height: 50px;
    }

    .service-rail-media-label strong[b-8brf8i7id1] {
        font-size: .74rem;
    }

    .service-rail-copy[b-8brf8i7id1] {
        padding: 24px 20px 22px;
    }

    .service-rail-copy h3[b-8brf8i7id1] {
        font-size: clamp(1.75rem, 10vw, 2.55rem);
    }

    .service-rail-copy p:not(.eyebrow)[b-8brf8i7id1] {
        font-size: .94rem;
        line-height: 1.7;
    }

    .service-rail-actions[b-8brf8i7id1] {
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 24px;
    }

    .service-rail-action[b-8brf8i7id1],
    .service-rail-action-primary[b-8brf8i7id1],
    .service-rail-action-secondary[b-8brf8i7id1] {
        width: 100%;
        min-height: 48px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-rail-card[b-8brf8i7id1],
    .service-rail-expanded[b-8brf8i7id1],
    .service-rail-tab-media[b-8brf8i7id1],
    .service-rail-media video[b-8brf8i7id1],
    .service-rail-media .service-rail-poster[b-8brf8i7id1],
    .service-rail-action[b-8brf8i7id1] {
        animation: none;
        transition: none;
    }
}

/* Phase 9.2 — Media label contrast */
.service-rail-tab-media[b-8brf8i7id1],
.service-rail-media-link[b-8brf8i7id1],
.service-rail-media-label[b-8brf8i7id1] {
    --text:#ffffff;
    --muted:rgba(255,255,255,.72);
    --line:rgba(255,255,255,.18);
    --accent:#ffffff;
    --accent-2:#9ee7ff;
    --bg:#050505;
}
.service-rail-media-label[b-8brf8i7id1] { color:#ffffff; background:rgba(0,0,0,.48); border-color:rgba(255,255,255,.20); }
.service-rail-media-label strong[b-8brf8i7id1] { color:#ffffff; text-shadow:0 2px 12px rgba(0,0,0,.72); }
.service-rail-media-label em[b-8brf8i7id1] { color:#ffffff; border-color:rgba(255,255,255,.20); }

/* Phase 10.2I — What We Build readability polish only. */
.service-rail-toggle[b-8brf8i7id1]::after {
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .12), rgba(0, 0, 0, .62)),
        linear-gradient(90deg, rgba(0, 0, 0, .10), rgba(0, 0, 0, .36));
}

.service-rail-tab-media[b-8brf8i7id1] {
    opacity: .28;
    filter: saturate(.92) contrast(1.10) brightness(.86);
}

.service-rail-toggle:hover .service-rail-tab-media[b-8brf8i7id1],
.service-rail-toggle:focus-visible .service-rail-tab-media[b-8brf8i7id1] {
    opacity: .43;
    filter: saturate(1.04) contrast(1.12) brightness(.98);
}

.service-rail-media video[b-8brf8i7id1],
.service-rail-media .service-rail-poster[b-8brf8i7id1] {
    opacity: .98;
    filter: saturate(1.02) contrast(1.06) brightness(.88);
}

.service-rail-media-link:hover video[b-8brf8i7id1],
.service-rail-media-link:focus-visible video[b-8brf8i7id1],
.service-rail-media-link:hover .service-rail-poster[b-8brf8i7id1],
.service-rail-media-link:focus-visible .service-rail-poster[b-8brf8i7id1] {
    filter: saturate(1.08) contrast(1.10) brightness(.98);
}

@media (max-width: 1120px) {
    .service-rail-tab-media[b-8brf8i7id1] {
        opacity: .32;
    }
}
/* /Components/Sections/Services/Detail/ServiceDetailCta.razor.rz.scp.css */
.service-detail-cta[b-zhpa8npohr] {
    padding: 6px 0 100px;
}

.service-cta-card[b-zhpa8npohr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 34px;
    padding: clamp(24px, 4vw, 44px);
    background:
        radial-gradient(circle at 72% 34%, rgba(133, 225, 238, 0.1), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.025));
}

.service-cta-card h2[b-zhpa8npohr] {
    max-width: 820px;
    margin: 0;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(2.5rem, 4.6vw, 5.2rem);
    line-height: 0.9;
    letter-spacing: -0.075em;
}

.service-cta-actions[b-zhpa8npohr] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 920px) {
    .service-cta-card[b-zhpa8npohr] {
        grid-template-columns: 1fr;
    }

    .service-cta-actions[b-zhpa8npohr] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .service-cta-actions .btn[b-zhpa8npohr] {
        width: 100%;
    }
}
/* /Components/Sections/Services/Detail/ServiceDetailDeliverables.razor.rz.scp.css */
.service-detail-deliverables[b-05um387a78] {
    padding: 10px 0 86px;
}

.deliverables-shell[b-05um387a78] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 38px;
    padding: clamp(24px, 4vw, 44px);
    background:
        radial-gradient(circle at 28% 18%, rgba(122, 214, 230, 0.09), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.02));
}

.deliverables-head[b-05um387a78] {
    display: grid;
    grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
    gap: 28px;
    margin-bottom: 30px;
}

.deliverables-head h2[b-05um387a78] {
    max-width: 780px;
    margin: 0;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(2.5rem, 4.7vw, 5.4rem);
    line-height: 0.9;
    letter-spacing: -0.075em;
}

.deliverables-columns[b-05um387a78] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.deliverable-column[b-05um387a78] {
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 28px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.24);
}

.deliverable-column h3[b-05um387a78] {
    margin: 0 0 18px;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(1.5rem, 2.2vw, 2.25rem);
    line-height: 1;
}

.deliverable-column article[b-05um387a78] {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 18px 0 0;
    margin-top: 18px;
}

.deliverable-column article:first-of-type[b-05um387a78] {
    margin-top: 0;
}

.deliverable-column strong[b-05um387a78] {
    display: block;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.9rem;
}

.deliverable-column p[b-05um387a78] {
    margin: 9px 0 0;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.72;
}

@media (max-width: 980px) {
    .deliverables-head[b-05um387a78],
    .deliverables-columns[b-05um387a78] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Sections/Services/Detail/ServiceDetailFaq.razor.rz.scp.css */
.service-detail-faq[b-spd9mdfa5x] {
    padding: 4px 0 86px;
}

.service-faq-grid[b-spd9mdfa5x] {
    display: grid;
    grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
    gap: 28px;
}

.service-faq-grid h2[b-spd9mdfa5x] {
    max-width: 520px;
    margin: 0;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(2.5rem, 4.6vw, 5rem);
    line-height: 0.9;
    letter-spacing: -0.075em;
}

.service-faq-list[b-spd9mdfa5x] {
    display: grid;
    gap: 12px;
}

.service-faq-list details[b-spd9mdfa5x] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.045);
    padding: 20px 22px;
}

.service-faq-list summary[b-spd9mdfa5x] {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.92);
    font-weight: 900;
    line-height: 1.45;
}

.service-faq-list p[b-spd9mdfa5x] {
    margin: 16px 0 0;
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.75;
}

@media (max-width: 920px) {
    .service-faq-grid[b-spd9mdfa5x] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Sections/Services/Detail/ServiceDetailHero.razor.rz.scp.css */
.service-detail-hero[b-tjgh9vs708] {
    padding: 40px 0 72px;
}

.service-detail-hero-grid[b-tjgh9vs708] {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(420px, 1.05fr);
    gap: clamp(28px, 6vw, 86px);
    align-items: center;
}

.service-back-link[b-tjgh9vs708] {
    display: inline-flex;
    margin-bottom: 34px;
    color: rgba(255, 255, 255, 0.66);
    text-decoration: none;
    font-size: 0.86rem;
    letter-spacing: 0.05em;
}

.service-back-link:hover[b-tjgh9vs708] {
    color: white;
}

.service-detail-hero h1[b-tjgh9vs708] {
    max-width: 780px;
    margin: 0;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(4rem, 8vw, 8.6rem);
    line-height: 0.83;
    letter-spacing: -0.085em;
}

.service-detail-lead[b-tjgh9vs708] {
    max-width: 660px;
    margin: 26px 0 0;
    color: rgba(255, 255, 255, 0.66);
    font-size: clamp(1rem, 1.3vw, 1.16rem);
    line-height: 1.85;
}

.service-detail-tags[b-tjgh9vs708],
.service-detail-actions[b-tjgh9vs708] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.service-detail-tags span[b-tjgh9vs708] {
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    padding: 8px 13px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.service-detail-actions[b-tjgh9vs708] {
    margin-top: 34px;
}

.service-detail-visual[b-tjgh9vs708] {
    position: relative;
    min-height: clamp(420px, 56vw, 640px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 34px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.02)),
        #070707;
    box-shadow: 0 36px 90px rgba(0, 0, 0, 0.48);
}

.service-detail-visual img[b-tjgh9vs708] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.48;
    filter: saturate(0.78) contrast(1.05);
}

.service-detail-visual[b-tjgh9vs708]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 55% 40%, rgba(90, 210, 230, 0.2), transparent 32%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.72));
}

.service-detail-visual-grid[b-tjgh9vs708] {
    position: absolute;
    inset: 30px;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
    background-size: 54px 54px;
    border-radius: 24px;
    opacity: 0.62;
}

.service-detail-visual-chip[b-tjgh9vs708],
.service-detail-visual-label[b-tjgh9vs708] {
    position: absolute;
    z-index: 3;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.62);
    color: white;
    font-weight: 900;
}

.service-detail-visual-chip[b-tjgh9vs708] {
    left: 36px;
    bottom: 34px;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
}

.service-detail-visual-label[b-tjgh9vs708] {
    right: 36px;
    bottom: 38px;
    padding: 11px 18px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.75rem;
}

@media (max-width: 980px) {
    .service-detail-hero-grid[b-tjgh9vs708] {
        grid-template-columns: 1fr;
    }

    .service-detail-visual[b-tjgh9vs708] {
        min-height: 420px;
    }
}

@media (max-width: 640px) {
    .service-detail-hero h1[b-tjgh9vs708] {
        font-size: clamp(3.2rem, 16vw, 5rem);
    }

    .service-detail-visual[b-tjgh9vs708] {
        min-height: 320px;
        border-radius: 26px;
    }

    .service-detail-visual-label[b-tjgh9vs708] {
        right: 20px;
        left: 86px;
        text-align: center;
    }
}
/* /Components/Sections/Services/Detail/ServiceDetailOverview.razor.rz.scp.css */
.service-detail-overview[b-z708vaczrj] {
    padding: 20px 0 76px;
}

.service-overview-grid[b-z708vaczrj] {
    display: grid;
    grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.18fr);
    gap: 28px;
    align-items: start;
}

.service-overview-title[b-z708vaczrj] {
    position: sticky;
    top: 110px;
}

.service-overview-title h2[b-z708vaczrj] {
    max-width: 520px;
    margin: 0;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(2.8rem, 5vw, 5.7rem);
    line-height: 0.88;
    letter-spacing: -0.07em;
}

.service-overview-cards[b-z708vaczrj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.service-overview-cards article[b-z708vaczrj] {
    min-height: 210px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 28px;
    padding: 26px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
}

.service-overview-cards span[b-z708vaczrj] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 50%;
    color: #80e8ff;
    font-weight: 900;
    font-size: 0.72rem;
}

.service-overview-cards h3[b-z708vaczrj] {
    margin: 34px 0 10px;
    font-size: 1.05rem;
}

.service-overview-cards p[b-z708vaczrj] {
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.75;
}

@media (max-width: 980px) {
    .service-overview-grid[b-z708vaczrj] {
        grid-template-columns: 1fr;
    }

    .service-overview-title[b-z708vaczrj] {
        position: static;
    }
}

@media (max-width: 640px) {
    .service-overview-cards[b-z708vaczrj] {
        grid-template-columns: 1fr;
    }

    .service-overview-cards article[b-z708vaczrj] {
        min-height: 0;
    }
}
/* /Components/Sections/Services/Detail/ServiceDetailRelatedWork.razor.rz.scp.css */
.service-related-work[b-a4xsq4nwv0] {
    padding: 4px 0 86px;
}

.service-related-shell[b-a4xsq4nwv0] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 18px;
    align-items: stretch;
}

.service-related-copy[b-a4xsq4nwv0],
.service-related-card[b-a4xsq4nwv0] {
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 34px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.02));
    padding: clamp(24px, 4vw, 44px);
}

.service-related-copy h2[b-a4xsq4nwv0] {
    max-width: 760px;
    margin: 0;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(2.7rem, 4.9vw, 5.4rem);
    line-height: 0.9;
    letter-spacing: -0.075em;
}

.service-related-copy p[b-a4xsq4nwv0],
.service-related-card p[b-a4xsq4nwv0] {
    max-width: 720px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.75;
}

.service-related-card[b-a4xsq4nwv0] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 360px;
}

.service-related-card span[b-a4xsq4nwv0] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    color: #80e8ff;
    font-weight: 900;
}

.service-related-card h3[b-a4xsq4nwv0] {
    margin: 40px 0 0;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(2rem, 3vw, 3.2rem);
    line-height: 0.95;
    letter-spacing: -0.05em;
}

.service-related-card div[b-a4xsq4nwv0] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

@media (max-width: 920px) {
    .service-related-shell[b-a4xsq4nwv0] {
        grid-template-columns: 1fr;
    }

    .service-related-card[b-a4xsq4nwv0] {
        min-height: 0;
    }
}
/* /Components/Sections/Services/Detail/ServiceDetailWorkflow.razor.rz.scp.css */
.service-detail-workflow[b-jpry45a2en] {
    padding: 6px 0 86px;
}

.service-workflow-grid[b-jpry45a2en] {
    display: grid;
    grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.25fr);
    gap: 28px;
    align-items: start;
}

.service-workflow-grid h2[b-jpry45a2en] {
    margin: 0;
    font-family: var(--display-font, Georgia, serif);
    font-size: clamp(2.6rem, 4.7vw, 5.3rem);
    line-height: 0.9;
    letter-spacing: -0.075em;
}

.service-workflow-steps[b-jpry45a2en] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.service-workflow-steps article[b-jpry45a2en] {
    min-height: 210px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 28px;
    padding: 24px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.018));
}

.service-workflow-steps span[b-jpry45a2en] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    color: #80e8ff;
    font-size: 0.72rem;
    font-weight: 900;
}

.service-workflow-steps h3[b-jpry45a2en] {
    margin: 42px 0 10px;
    font-size: 1.05rem;
}

.service-workflow-steps p[b-jpry45a2en] {
    margin: 0;
    color: rgba(255, 255, 255, 0.62);
    line-height: 1.75;
}

@media (max-width: 980px) {
    .service-workflow-grid[b-jpry45a2en],
    .service-workflow-steps[b-jpry45a2en] {
        grid-template-columns: 1fr;
    }

    .service-workflow-steps article[b-jpry45a2en] {
        min-height: 0;
    }
}
/* /Components/Sections/Services/ServicePathCard.razor.rz.scp.css */
.service-path-card[b-wn4dgapyy2] {
    position: relative;
    min-height: 138px;
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: 14px;
    text-align: start;
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 12rem),
        color-mix(in srgb, var(--panel) 78%, transparent);
    cursor: pointer;
    overflow: hidden;
    padding: 18px;
    transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
    scroll-snap-align: start;
}

.service-path-card[b-wn4dgapyy2]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size: 40px 40px;
    opacity: .1;
}

.service-path-card:hover[b-wn4dgapyy2] {
    transform: translateY(-3px);
    border-color: var(--line-strong);
    background: color-mix(in srgb, var(--panel-strong) 84%, transparent);
}

.service-path-card.is-active[b-wn4dgapyy2] {
    border-color: color-mix(in srgb, var(--accent-2) 66%, var(--line-strong));
    background:
        radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--accent-2) 24%, transparent), transparent 15rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 94%, transparent), color-mix(in srgb, var(--panel) 58%, transparent));
    box-shadow: 0 18px 70px color-mix(in srgb, var(--accent-2) 10%, transparent);
}

.service-path-number[b-wn4dgapyy2],
.service-path-copy[b-wn4dgapyy2],
.service-path-tag[b-wn4dgapyy2] {
    position: relative;
    z-index: 2;
}

.service-path-number[b-wn4dgapyy2] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line-strong);
    border-radius: 50%;
    color: var(--muted);
    background: color-mix(in srgb, var(--bg) 50%, transparent);
    font-weight: 950;
}

.service-path-copy[b-wn4dgapyy2] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.service-path-copy strong[b-wn4dgapyy2] {
    font-size: clamp(1.04rem, 1.15vw, 1.2rem);
    line-height: 1.12;
    letter-spacing: -.04em;
}

.service-path-copy em[b-wn4dgapyy2] {
    color: var(--accent-2);
    font-style: normal;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .13em;
    font-weight: 950;
}

.service-path-copy small[b-wn4dgapyy2] {
    color: color-mix(in srgb, var(--muted) 92%, var(--text));
    font-size: .82rem;
    line-height: 1.55;
    font-weight: 650;
}

.service-path-tag[b-wn4dgapyy2] {
    grid-column: 2;
    justify-self: start;
    margin-top: 4px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    background: color-mix(in srgb, var(--bg) 42%, transparent);
    font-size: .69rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.service-path-card.is-active .service-path-number[b-wn4dgapyy2] {
    background: var(--text);
    color: var(--bg);
    border-color: var(--text);
}

.service-path-card.is-active .service-path-tag[b-wn4dgapyy2] {
    color: var(--bg);
    background: var(--text);
    border-color: var(--text);
}

@media (max-width: 680px) {
    .service-path-card[b-wn4dgapyy2] {
        min-height: 0;
        border-radius: 20px;
        padding: 16px;
    }
}
/* /Components/Sections/Services/ServicesCta.razor.rz.scp.css */
.services-cta[b-3vaxvoxijw] {
    position: relative;
    z-index: 1;
    padding: 22px 0 36px;
}

.services-cta-card[b-3vaxvoxijw] {
    position: relative;
    min-height: 260px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 34px;
    padding: clamp(32px, 4.6vw, 58px);
    border: 1px solid var(--line-strong);
    border-radius: 38px;
    background:
        radial-gradient(circle at 88% 22%, color-mix(in srgb, var(--accent-2) 15%, transparent), transparent 24rem),
        radial-gradient(circle at 8% 90%, color-mix(in srgb, var(--text) 9%, transparent), transparent 22rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 90%, transparent), color-mix(in srgb, var(--panel) 55%, transparent));
    box-shadow: var(--shadow);
    overflow: hidden;
}

.services-cta-card[b-3vaxvoxijw]::after {
    content: "MERAZONA";
    position: absolute;
    right: clamp(18px, 4vw, 58px);
    bottom: -22px;
    color: color-mix(in srgb, var(--text) 5%, transparent);
    font-family: var(--font-display);
    font-size: clamp(4rem, 10vw, 12rem);
    letter-spacing: -.08em;
    pointer-events: none;
}

.services-cta h2[b-3vaxvoxijw] {
    position: relative;
    z-index: 1;
    max-width: 940px;
    margin-bottom: 14px;
    font-size: clamp(2.35rem, 4.6vw, 4.85rem);
    line-height: 1;
    letter-spacing: -.075em;
}

.services-cta-lead[b-3vaxvoxijw] {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0;
    color: color-mix(in srgb, var(--muted) 92%, var(--text));
    line-height: 1.9;
    font-size: clamp(1.06rem, 1.18vw, 1.22rem);
}

.services-cta-actions[b-3vaxvoxijw] {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media (max-width: 850px) {
    .services-cta-card[b-3vaxvoxijw] {
        grid-template-columns: 1fr;
    }

    .services-cta-actions[b-3vaxvoxijw] {
        justify-content: flex-start;
    }
}

@media (max-width: 560px) {
    .services-cta-actions .btn[b-3vaxvoxijw] {
        width: 100%;
    }
}


/* Final release polish: clearer CTA supporting copy. */
.services-cta-lead[b-3vaxvoxijw] {
    color: color-mix(in srgb, var(--muted) 98%, var(--text));
    font-size: clamp(1.11rem, 1.22vw, 1.27rem);
    line-height: 1.92;
}
/* /Components/Sections/Services/ServicesHero.razor.rz.scp.css */
.services-hero[b-9a85dat2kj] {
    position: relative;
    z-index: 1;
    padding: clamp(54px, 6vw, 82px) 0 clamp(72px, 7vw, 104px);
}

.services-hero-shell[b-9a85dat2kj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 500px);
    gap: clamp(28px, 5vw, 76px);
    align-items: end;
}

.services-hero-copy[b-9a85dat2kj] {
    max-width: 1020px;
}

.services-hero h1[b-9a85dat2kj] {
    margin-bottom: 30px;
    max-width: 980px;
    font-size: clamp(3.25rem, 7vw, 7.6rem);
    line-height: .95;
    letter-spacing: -.075em;
}

.services-hero-lead[b-9a85dat2kj] {
    color: color-mix(in srgb, var(--muted) 92%, var(--text));
    line-height: 1.96;
    font-size: clamp(1.08rem, 1.35vw, 1.26rem);
    max-width: 920px;
}

.services-hero-visual[b-9a85dat2kj] {
    position: relative;
    min-height: 390px;
    padding: 22px;
    border: 1px solid var(--line-strong);
    border-radius: 34px;
    background:
        radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 14rem),
        radial-gradient(circle at 90% 82%, color-mix(in srgb, var(--text) 10%, transparent), transparent 16rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 88%, transparent), color-mix(in srgb, var(--panel) 52%, transparent));
    box-shadow: 0 30px 110px rgba(0,0,0,.34);
    overflow: hidden;
    isolation: isolate;
}

.services-hero-visual[b-9a85dat2kj]::before {
    content: "";
    position: absolute;
    inset: 16px;
    z-index: -1;
    border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    border-radius: 26px;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size: 38px 38px;
    opacity: .28;
}

.visual-map-topline[b-9a85dat2kj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 36px;
}

.visual-map-topline span[b-9a85dat2kj],
.visual-map-flow small[b-9a85dat2kj] {
    color: var(--accent-2);
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .74rem;
    font-weight: 950;
}

.visual-map-topline strong[b-9a85dat2kj] {
    font-size: .96rem;
    letter-spacing: -.02em;
}

.visual-map-flow[b-9a85dat2kj] {
    display: grid;
    gap: 14px;
}

.visual-map-flow div[b-9a85dat2kj] {
    position: relative;
    display: grid;
    grid-template-columns: 44px 1fr;
    column-gap: 14px;
    row-gap: 3px;
    align-items: center;
    min-height: 74px;
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-radius: 22px;
    background: color-mix(in srgb, var(--bg) 38%, transparent);
    backdrop-filter: blur(12px);
}

.visual-map-flow div[b-9a85dat2kj]::after {
    content: "";
    position: absolute;
    left: 39px;
    right: 22px;
    bottom: -8px;
    height: 1px;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-2) 54%, transparent), transparent);
}

.visual-map-flow div:last-child[b-9a85dat2kj]::after {
    display: none;
}

.visual-map-flow small[b-9a85dat2kj] {
    grid-row: 1 / 3;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line-strong);
    border-radius: 50%;
    background: color-mix(in srgb, var(--panel-strong) 80%, transparent);
}

.visual-map-flow strong[b-9a85dat2kj] {
    font-size: 1.08rem;
    letter-spacing: -.035em;
}

.visual-map-flow span[b-9a85dat2kj] {
    color: var(--muted);
    font-size: .92rem;
    letter-spacing: .02em;
}

.visual-map-pills[b-9a85dat2kj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px;
}

.visual-map-pills span[b-9a85dat2kj] {
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: color-mix(in srgb, var(--muted) 88%, var(--text));
    background: color-mix(in srgb, var(--panel) 70%, transparent);
    font-size: .82rem;
    font-weight: 900;
}

.services-hero-actions[b-9a85dat2kj] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: -4px;
}

.services-hero-metrics[b-9a85dat2kj] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    max-width: 760px;
    margin-top: 6px;
    padding: 7px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel) 78%, transparent);
    box-shadow: 0 18px 70px rgba(0,0,0,.2);
}

.services-hero-metrics span[b-9a85dat2kj] {
    display: grid;
    gap: 3px;
    place-items: center;
    min-height: 58px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel-strong) 68%, transparent);
    font-weight: 950;
    letter-spacing: -.02em;
}

.services-hero-metrics small[b-9a85dat2kj] {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
}

@media (max-width: 980px) {
    .services-hero-shell[b-9a85dat2kj] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .services-hero-visual[b-9a85dat2kj] {
        min-height: 300px;
    }

    .services-hero-metrics[b-9a85dat2kj] {
        max-width: none;
    }
}

@media (max-width: 640px) {
    .services-hero[b-9a85dat2kj] {
        padding-top: 28px;
    }

    .services-hero h1[b-9a85dat2kj] {
        font-size: clamp(2.65rem, 14vw, 4.65rem);
        line-height: .94;
    }

    .services-hero-visual[b-9a85dat2kj] {
        padding: 16px;
        border-radius: 26px;
    }

    .visual-map-flow div[b-9a85dat2kj] {
        grid-template-columns: 38px 1fr;
        padding: 14px;
    }

    .services-hero-metrics[b-9a85dat2kj] {
        grid-template-columns: 1fr;
        border-radius: 26px;
    }

    .services-hero-actions .btn[b-9a85dat2kj] {
        width: 100%;
    }
}

/* Final Services polish: reduce hero-to-path gap while keeping the premium breathing room. */
.services-hero[b-9a85dat2kj] {
    padding-bottom: clamp(42px, 4.8vw, 66px);
}

.services-hero h1[b-9a85dat2kj] {
    line-height: .98;
}

.services-hero-lead[b-9a85dat2kj] {
    color: color-mix(in srgb, var(--muted) 96%, var(--text));
    font-size: clamp(1.11rem, 1.36vw, 1.3rem);
    line-height: 1.9;
}

.visual-map-flow span[b-9a85dat2kj] {
    color: color-mix(in srgb, var(--muted) 96%, var(--text));
    font-size: .98rem;
    line-height: 1.55;
}

.visual-map-pills span[b-9a85dat2kj],
.services-hero-metrics small[b-9a85dat2kj] {
    font-size: .84rem;
}

@media (max-width: 640px) {
    .services-hero[b-9a85dat2kj] {
        padding-bottom: 34px;
    }

    .services-hero-lead[b-9a85dat2kj] {
        font-size: 1.02rem;
        line-height: 1.76;
    }
}


/* Final release polish: stronger map balance and clearer small copy on this page only. */
@media (min-width: 981px) {
    .services-hero-shell[b-9a85dat2kj] {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 560px);
    }

    .services-hero-visual[b-9a85dat2kj] {
        min-height: 430px;
        padding: 26px;
    }
}

.visual-map-topline span[b-9a85dat2kj],
.visual-map-flow small[b-9a85dat2kj] {
    font-size: .79rem;
    line-height: 1.45;
}

.visual-map-topline strong[b-9a85dat2kj] {
    font-size: 1.02rem;
    line-height: 1.35;
}

.visual-map-flow strong[b-9a85dat2kj] {
    font-size: 1.14rem;
    line-height: 1.3;
}

.visual-map-flow span[b-9a85dat2kj] {
    font-size: 1rem;
    line-height: 1.58;
}

.visual-map-pills span[b-9a85dat2kj] {
    font-size: .88rem;
    line-height: 1.3;
}

.services-hero-metrics small[b-9a85dat2kj] {
    font-size: .79rem;
    line-height: 1.35;
}

@media (max-width: 980px) {
    .services-hero-visual[b-9a85dat2kj] {
        width: 100%;
        min-height: 340px;
    }
}

@media (max-width: 640px) {
    .services-hero-visual[b-9a85dat2kj] {
        min-height: 0;
    }

    .visual-map-topline[b-9a85dat2kj] {
        margin-bottom: 28px;
    }

    .visual-map-flow span[b-9a85dat2kj] {
        font-size: .94rem;
    }
}


/* =========================================================
   SERVICES R1 — Full B2B Service Architecture
   Hero capability-language upgrade
   ========================================================= */

.services-hero-copy h1[b-9a85dat2kj] {
    max-width: 13.8ch;
}

.services-hero-lead[b-9a85dat2kj] {
    max-width: 900px;
}

.services-hero-metrics[b-9a85dat2kj] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: min(100%, 980px);
}

.services-hero-metrics span[b-9a85dat2kj] {
    min-width: 0;
}

.services-hero-metrics small[b-9a85dat2kj] {
    line-height: 1.25;
}

.visual-map-pills[b-9a85dat2kj] {
    flex-wrap: wrap;
}

@media (max-width: 1080px) {
    .services-hero-metrics[b-9a85dat2kj] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: min(100%, 760px);
    }
}

@media (max-width: 700px) {
    .services-hero-metrics[b-9a85dat2kj] {
        grid-template-columns: 1fr;
    }

    .services-hero-copy h1[b-9a85dat2kj] {
        max-width: 12.5ch;
    }
}


/* =========================================================
   SERVICES R1 HF3 — Capability Strip Comfort Polish
   Final micro-polish for:
   Visualize / Interact / Build a space / Present / Explain
   ========================================================= */

/* Keep the same compact strip and five-column composition.
   Add only a little vertical room so two-line secondary labels
   such as "Stands & showrooms" and "LED & screen content"
   breathe instead of feeling compressed. */
.services-hero-metrics[b-9a85dat2kj] {
    padding-block: 8px;
}

.services-hero-metrics span[b-9a85dat2kj] {
    min-height: 66px;
    padding: 8px 10px;
    gap: 5px;
    align-content: center;
}

.services-hero-metrics small[b-9a85dat2kj] {
    max-width: 15ch;
    text-align: center;
    font-size: clamp(.79rem, .8vw, .86rem);
    line-height: 1.38;
    letter-spacing: .025em;
}

@media (max-width: 1080px) {
    .services-hero-metrics span[b-9a85dat2kj] {
        min-height: 64px;
    }
}

@media (max-width: 700px) {
    .services-hero-metrics span[b-9a85dat2kj] {
        min-height: 62px;
        padding-block: 9px;
    }

    .services-hero-metrics small[b-9a85dat2kj] {
        max-width: none;
        line-height: 1.4;
    }
}
/* /Components/Sections/Services/ServicesSystemsExplorer.razor.rz.scp.css */
.services-explorer-section[b-ip6y09n5ox] {
    position: relative;
    z-index: 1;
    padding: clamp(78px, 8vw, 126px) 0 clamp(96px, 10vw, 150px);
}

.services-explorer-head[b-ip6y09n5ox] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 540px);
    gap: clamp(28px, 5vw, 72px);
    align-items: end;
    margin-bottom: clamp(40px, 5vw, 72px);
}

.services-explorer-head h2[b-ip6y09n5ox] {
    max-width: 860px;
    margin-bottom: 0;
    font-size: clamp(2.85rem, 5.1vw, 6.15rem);
    line-height: .98;
    letter-spacing: -.07em;
}

.services-explorer-head > p[b-ip6y09n5ox] {
    color: color-mix(in srgb, var(--muted) 94%, var(--text));
    line-height: 1.95;
    margin: 0 0 12px;
    font-size: clamp(1.08rem, 1.15vw, 1.22rem);
}

.services-system-board[b-ip6y09n5ox] {
    display: grid;
    gap: 16px;
    padding: clamp(12px, 1.4vw, 18px);
    border: 1px solid var(--line-strong);
    border-radius: 44px;
    background:
        radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 28rem),
        radial-gradient(circle at 84% 72%, color-mix(in srgb, var(--text) 7%, transparent), transparent 24rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 84%, transparent), color-mix(in srgb, var(--panel) 48%, transparent));
    box-shadow: var(--shadow);
    overflow: hidden;
}

.service-active-module[b-ip6y09n5ox] {
    display: grid;
    grid-template-columns: minmax(320px, .78fr) minmax(380px, 1fr);
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 34px;
    background: color-mix(in srgb, var(--bg) 74%, transparent);
    overflow: hidden;
    box-shadow: 0 18px 80px rgba(0,0,0,.34);
}

.service-active-media[b-ip6y09n5ox] {
    position: relative;
    min-height: 510px;
    display: grid;
    place-items: center;
    overflow: hidden;
    isolation: isolate;
    border-inline-end: 1px solid var(--line);
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px),
        radial-gradient(circle at 52% 42%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 18rem),
        color-mix(in srgb, var(--panel) 90%, transparent);
    background-size: 54px 54px, 54px 54px, auto, auto;
}

.service-media-background[b-ip6y09n5ox] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .8;
    filter: saturate(.76) contrast(1.08) brightness(.72);
    transform: scale(1.02);
    transition: transform .55s cubic-bezier(.2,.8,.2,1), opacity .55s ease, filter .55s ease;
}

.service-active-module:hover .service-media-background[b-ip6y09n5ox] {
    transform: scale(1.055);
    opacity: .9;
    filter: saturate(.9) contrast(1.1) brightness(.78);
}

.service-active-media[b-ip6y09n5ox]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        radial-gradient(circle at 50% 42%, transparent 0 19%, color-mix(in srgb, var(--bg) 54%, transparent) 76%),
        linear-gradient(180deg, color-mix(in srgb, var(--bg) 12%, transparent), color-mix(in srgb, var(--bg) 88%, transparent));
}

.service-media-grid[b-ip6y09n5ox] {
    position: absolute;
    inset: 9%;
    z-index: 3;
    border: 1px solid var(--line);
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size: 76px 76px;
    border-radius: 24px;
    opacity: .42;
}

.service-media-slot[b-ip6y09n5ox],
.service-media-index[b-ip6y09n5ox] {
    position: absolute;
    z-index: 4;
    border: 1px solid var(--line-strong);
    background: color-mix(in srgb, var(--bg) 76%, transparent);
    backdrop-filter: blur(14px);
    font-weight: 950;
}

.service-media-slot[b-ip6y09n5ox] {
    left: 8%;
    top: 8%;
    padding: 12px 28px;
    border-radius: 999px;
    letter-spacing: .16em;
    text-transform: uppercase;
    font-size: .76rem;
}

.service-media-index[b-ip6y09n5ox] {
    left: 8%;
    bottom: 8%;
    width: 66px;
    height: 50px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: var(--muted);
    font-size: 1.08rem;
}

.service-active-copy[b-ip6y09n5ox] {
    display: grid;
    align-content: center;
    gap: 20px;
    padding: clamp(34px, 4.4vw, 64px);
    min-width: 0;
}

.service-active-copy h3[b-ip6y09n5ox] {
    margin: 0;
    max-width: 780px;
    font-size: clamp(2.7rem, 4.7vw, 5.3rem);
    letter-spacing: -.074em;
    line-height: .98;
}

.service-summary[b-ip6y09n5ox],
.service-output-grid p[b-ip6y09n5ox] {
    color: color-mix(in srgb, var(--muted) 94%, var(--text));
    line-height: 1.86;
}

.service-summary[b-ip6y09n5ox] {
    max-width: 760px;
    margin: 0;
    font-size: clamp(1.08rem, 1.18vw, 1.26rem);
}

.service-output-grid[b-ip6y09n5ox] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
}

.service-output-grid div[b-ip6y09n5ox] {
    padding: 17px;
    border: 1px solid var(--line);
    border-radius: 19px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 72%, transparent), color-mix(in srgb, var(--panel) 46%, transparent));
}

.service-output-grid strong[b-ip6y09n5ox] {
    display: block;
    margin-bottom: 9px;
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: .13em;
    font-size: .76rem;
    font-weight: 950;
}

.service-output-grid p[b-ip6y09n5ox] {
    margin: 0;
    font-size: .98rem;
}

.service-path-includes[b-ip6y09n5ox] {
    display: grid;
    gap: 11px;
    padding: 17px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background:
        radial-gradient(circle at 92% 10%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 10rem),
        color-mix(in srgb, var(--panel) 62%, transparent);
}

.service-path-includes-head[b-ip6y09n5ox] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.service-path-includes-head > span[b-ip6y09n5ox] {
    color: var(--accent-2);
    text-transform: uppercase;
    letter-spacing: .13em;
    font-size: .76rem;
    font-weight: 950;
}

.service-path-includes-head small[b-ip6y09n5ox] {
    color: color-mix(in srgb, var(--accent-2) 72%, var(--muted));
    font-size: .78rem;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: .02em;
}

.service-path-link-grid[b-ip6y09n5ox] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.service-path-includes a[b-ip6y09n5ox],
.service-path-includes em[b-ip6y09n5ox],
.service-tags span[b-ip6y09n5ox],
.service-path-mini-tags i[b-ip6y09n5ox] {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 8px 12px;
    color: color-mix(in srgb, var(--muted) 88%, var(--text));
    background: color-mix(in srgb, var(--panel) 70%, transparent);
    font-size: .82rem;
    font-weight: 900;
    text-decoration: none;
    font-style: normal;
}

.service-included-link[b-ip6y09n5ox] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    isolation: isolate;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--accent-2) 62%, var(--line-strong));
    color: color-mix(in srgb, var(--text) 96%, var(--accent-2));
    background:
        radial-gradient(circle at 88% 50%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 1.85rem),
        linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 18%, transparent), color-mix(in srgb, var(--panel-strong) 86%, transparent) 58%, color-mix(in srgb, var(--text) 7%, transparent)),
        color-mix(in srgb, var(--panel-strong) 82%, transparent);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--accent-2) 18%, transparent),
        0 0 0 1px color-mix(in srgb, var(--text) 4%, transparent),
        0 10px 28px color-mix(in srgb, var(--accent-2) 9%, transparent);
    animation: serviceIncludedPulse-b-ip6y09n5ox 3.2s ease-in-out infinite;
}

.service-included-link[b-ip6y09n5ox]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(110deg, transparent 0 30%, color-mix(in srgb, var(--text) 22%, transparent) 45%, transparent 60%);
    transform: translateX(-120%);
    animation: serviceIncludedSweep-b-ip6y09n5ox 4.6s ease-in-out infinite;
}

.service-included-link[b-ip6y09n5ox]::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--accent-2) 86%, var(--text));
    box-shadow:
        0 0 0 4px color-mix(in srgb, var(--accent-2) 17%, transparent),
        0 0 16px color-mix(in srgb, var(--accent-2) 34%, transparent);
    opacity: .96;
}

.service-included-link i[b-ip6y09n5ox] {
    font-style: normal;
    font-size: .86rem;
    line-height: 1;
    opacity: .9;
    transform: translateY(-1px);
    transition: transform .22s ease, opacity .22s ease;
}

.service-included-link:hover[b-ip6y09n5ox],
.service-included-link:focus-visible[b-ip6y09n5ox] {
    color: var(--text);
    border-color: color-mix(in srgb, var(--accent-2) 82%, var(--text));
    background:
        radial-gradient(circle at 88% 50%, color-mix(in srgb, var(--accent-2) 32%, transparent), transparent 2rem),
        linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 24%, transparent), color-mix(in srgb, var(--panel-strong) 96%, transparent) 58%, color-mix(in srgb, var(--text) 10%, transparent)),
        color-mix(in srgb, var(--panel-strong) 94%, transparent);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--accent-2) 24%, transparent),
        0 0 0 1px color-mix(in srgb, var(--text) 8%, transparent),
        0 12px 34px color-mix(in srgb, var(--accent-2) 15%, transparent);
}

.service-included-link:hover i[b-ip6y09n5ox],
.service-included-link:focus-visible i[b-ip6y09n5ox] {
    opacity: 1;
    transform: translate(2px, -2px);
}

.service-included-static[b-ip6y09n5ox] {
    opacity: .72;
}

@keyframes serviceIncludedPulse-b-ip6y09n5ox {
    0%, 100% {
        border-color: color-mix(in srgb, var(--accent-2) 48%, var(--line-strong));
        box-shadow:
            inset 0 0 0 1px color-mix(in srgb, var(--accent-2) 13%, transparent),
            0 8px 24px color-mix(in srgb, var(--accent-2) 6%, transparent);
    }
    50% {
        border-color: color-mix(in srgb, var(--accent-2) 78%, var(--line-strong));
        box-shadow:
            inset 0 0 0 1px color-mix(in srgb, var(--accent-2) 23%, transparent),
            0 0 0 3px color-mix(in srgb, var(--accent-2) 9%, transparent),
            0 12px 30px color-mix(in srgb, var(--accent-2) 12%, transparent);
    }
}

@keyframes serviceIncludedSweep-b-ip6y09n5ox {
    0%, 38% { transform: translateX(-125%); }
    58%, 100% { transform: translateX(125%); }
}

@media (prefers-reduced-motion: reduce) {
    .service-included-link[b-ip6y09n5ox],
    .service-included-link[b-ip6y09n5ox]::before {
        animation: none;
    }
}

.service-tags[b-ip6y09n5ox] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.service-tags span[b-ip6y09n5ox] {
    font-size: .8rem;
}

.service-active-actions[b-ip6y09n5ox] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 4px;
}

.service-active-actions .btn[b-ip6y09n5ox] {
    flex: 1 1 190px;
}

.service-path-rail[b-ip6y09n5ox] {
    min-width: 0;
}

.service-path-rail--groups[b-ip6y09n5ox] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.service-path-group[b-ip6y09n5ox] {
    position: relative;
    min-height: 260px;
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    align-content: start;
    gap: 14px;
    text-align: start;
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 26px;
    background:
        radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 11rem),
        color-mix(in srgb, var(--panel) 74%, transparent);
    cursor: pointer;
    overflow: hidden;
    padding: 20px;
    transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

.service-path-group[b-ip6y09n5ox]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: .09;
}

.service-path-group:hover[b-ip6y09n5ox] {
    transform: translateY(-4px);
    border-color: var(--line-strong);
    background: color-mix(in srgb, var(--panel-strong) 86%, transparent);
}

.service-path-group.is-active[b-ip6y09n5ox] {
    border-color: color-mix(in srgb, var(--accent-2) 68%, var(--line-strong));
    background:
        radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 15rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 94%, transparent), color-mix(in srgb, var(--panel) 58%, transparent));
    box-shadow: 0 18px 70px color-mix(in srgb, var(--accent-2) 10%, transparent);
}

.service-path-number[b-ip6y09n5ox],
.service-path-copy[b-ip6y09n5ox],
.service-path-tag[b-ip6y09n5ox],
.service-path-mini-tags[b-ip6y09n5ox] {
    position: relative;
    z-index: 2;
}

.service-path-number[b-ip6y09n5ox] {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line-strong);
    border-radius: 50%;
    color: var(--muted);
    background: color-mix(in srgb, var(--bg) 50%, transparent);
    font-weight: 950;
}

.service-path-group.is-active .service-path-number[b-ip6y09n5ox] {
    background: var(--text);
    color: var(--bg);
    border-color: var(--text);
}

.service-path-copy[b-ip6y09n5ox] {
    display: grid;
    gap: 9px;
    min-width: 0;
}

.service-path-copy strong[b-ip6y09n5ox] {
    font-size: clamp(1.2rem, 1.34vw, 1.48rem);
    line-height: 1.1;
    letter-spacing: -.045em;
}

.service-path-copy em[b-ip6y09n5ox] {
    color: var(--accent-2);
    font-style: normal;
    font-size: .76rem;
    text-transform: uppercase;
    letter-spacing: .13em;
    font-weight: 950;
}

.service-path-copy small[b-ip6y09n5ox] {
    color: color-mix(in srgb, var(--muted) 94%, var(--text));
    font-size: .94rem;
    line-height: 1.62;
    font-weight: 650;
}

.service-path-tag[b-ip6y09n5ox] {
    grid-column: 2;
    justify-self: start;
    margin-top: 2px;
    padding: 7px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    background: color-mix(in srgb, var(--bg) 42%, transparent);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.service-path-group.is-active .service-path-tag[b-ip6y09n5ox] {
    color: var(--bg);
    background: var(--text);
    border-color: var(--text);
}

.service-path-mini-tags[b-ip6y09n5ox] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 8px;
}

.service-path-mini-tags i[b-ip6y09n5ox] {
    padding: 7px 10px;
    font-size: .74rem;
}

@media (max-width: 1180px) {
    .service-path-rail--groups[b-ip6y09n5ox] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1040px) {
    .services-explorer-head[b-ip6y09n5ox] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .service-active-module[b-ip6y09n5ox] {
        grid-template-columns: 1fr;
    }

    .service-active-media[b-ip6y09n5ox] {
        min-height: 390px;
        border-inline-end: 0;
        border-bottom: 1px solid var(--line);
    }
}

@media (max-width: 760px) {
    .service-path-includes-head[b-ip6y09n5ox] {
        align-items: flex-start;
    }

    .service-path-includes-head small[b-ip6y09n5ox] {
        width: 100%;
        font-size: .76rem;
    }

    .service-included-link[b-ip6y09n5ox] {
        padding: 9px 12px;
    }

    .services-explorer-section[b-ip6y09n5ox] {
        padding: 52px 0 74px;
    }

    .services-system-board[b-ip6y09n5ox] {
        padding: 9px;
        border-radius: 30px;
    }

    .service-active-module[b-ip6y09n5ox] {
        border-radius: 24px;
    }

    .service-active-media[b-ip6y09n5ox] {
        min-height: 285px;
    }

    .service-active-copy[b-ip6y09n5ox] {
        padding: 26px 18px 22px;
    }

    .service-active-copy h3[b-ip6y09n5ox] {
        font-size: clamp(2.25rem, 11vw, 3.55rem);
        line-height: 1;
    }

    .service-output-grid[b-ip6y09n5ox],
    .service-path-rail--groups[b-ip6y09n5ox] {
        grid-template-columns: 1fr;
    }

    .service-path-group[b-ip6y09n5ox] {
        min-height: 0;
        border-radius: 22px;
        padding: 18px;
    }

    .service-active-actions .btn[b-ip6y09n5ox] {
        width: 100%;
        flex-basis: 100%;
    }
}

/* Final Services polish: clearer path decision, readable cards, and product-focused media block. */
.services-explorer-section[b-ip6y09n5ox] {
    padding-top: clamp(44px, 5vw, 70px);
}

.services-explorer-head[b-ip6y09n5ox] {
    margin-bottom: clamp(30px, 3.8vw, 50px);
}

.services-explorer-head h2[b-ip6y09n5ox],
.service-active-copy h3[b-ip6y09n5ox] {
    line-height: 1.03;
}

.service-active-media[b-ip6y09n5ox] {
    min-height: 500px;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px),
        radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent-2) 15%, transparent), transparent 17rem),
        radial-gradient(circle at 20% 80%, color-mix(in srgb, var(--text) 7%, transparent), transparent 15rem),
        color-mix(in srgb, var(--panel) 92%, transparent);
    background-size: 48px 48px, 48px 48px, auto, auto, auto;
}

.service-media-background[b-ip6y09n5ox] {
    opacity: .08;
    filter: blur(1.8px) saturate(.58) contrast(1.04) brightness(.52);
    transform: scale(1.08);
}

.service-active-module:hover .service-media-background[b-ip6y09n5ox] {
    opacity: .1;
    filter: blur(1.8px) saturate(.62) contrast(1.05) brightness(.56);
    transform: scale(1.1);
}

.service-active-media[b-ip6y09n5ox]::after {
    background:
        radial-gradient(circle at 50% 43%, transparent 0 24%, color-mix(in srgb, var(--bg) 42%, transparent) 68%),
        linear-gradient(180deg, color-mix(in srgb, var(--bg) 18%, transparent), color-mix(in srgb, var(--bg) 84%, transparent));
}

.service-media-grid[b-ip6y09n5ox] {
    inset: 10%;
    opacity: .34;
}

.service-product-frame[b-ip6y09n5ox] {
    position: relative;
    z-index: 4;
    width: min(68%, 390px);
    aspect-ratio: 1 / 1.08;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-2) 24%, var(--line));
    border-radius: 34px;
    background:
        radial-gradient(circle at 50% 25%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 9rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 36%, transparent), color-mix(in srgb, var(--bg) 54%, transparent));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--text) 5%, transparent);
    overflow: hidden;
    opacity: .48;
}

.service-product-frame[b-ip6y09n5ox]::before,
.service-product-frame[b-ip6y09n5ox]::after {
    content: "";
    position: absolute;
    inset: 11%;
    border: 1px solid color-mix(in srgb, var(--text) 9%, transparent);
    border-radius: 28px;
}

.service-product-frame[b-ip6y09n5ox]::after {
    inset: auto 16% 18% 16%;
    height: 1px;
    border: 0;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-2) 48%, transparent), transparent);
}

.service-product-orbit[b-ip6y09n5ox] {
    position: absolute;
    border: 1px solid color-mix(in srgb, var(--accent-2) 34%, transparent);
    border-radius: 50%;
    transform: rotateX(64deg) rotateZ(-18deg);
}

.service-product-orbit--outer[b-ip6y09n5ox] {
    width: 74%;
    height: 48%;
}

.service-product-orbit--inner[b-ip6y09n5ox] {
    width: 50%;
    height: 30%;
    opacity: .58;
}

.service-product-body[b-ip6y09n5ox] {
    position: relative;
    width: 34%;
    height: 54%;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 8px;
    border: 1px solid color-mix(in srgb, var(--text) 22%, transparent);
    border-radius: 22px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--panel-strong) 86%, transparent), color-mix(in srgb, var(--bg) 64%, transparent));
    box-shadow: 0 18px 55px rgba(0,0,0,.34);
}

.service-product-top[b-ip6y09n5ox],
.service-product-screen[b-ip6y09n5ox],
.service-product-base[b-ip6y09n5ox] {
    display: block;
    border: 1px solid color-mix(in srgb, var(--accent-2) 30%, var(--line));
    background: color-mix(in srgb, var(--panel) 64%, transparent);
}

.service-product-top[b-ip6y09n5ox] {
    width: 58%;
    height: 16%;
    border-radius: 999px;
}

.service-product-screen[b-ip6y09n5ox] {
    width: 72%;
    height: 38%;
    border-radius: 12px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 64%),
        color-mix(in srgb, var(--bg) 64%, transparent);
}

.service-product-base[b-ip6y09n5ox] {
    width: 48%;
    height: 12%;
    border-radius: 999px;
}

.service-product-point[b-ip6y09n5ox] {
    position: absolute;
    z-index: 3;
    width: 12px;
    height: 12px;
    border: 1px solid color-mix(in srgb, var(--accent-2) 70%, var(--line-strong));
    border-radius: 50%;
    background: color-mix(in srgb, var(--bg) 72%, transparent);
}

.service-product-point[b-ip6y09n5ox]::after {
    content: "";
    position: absolute;
    left: 11px;
    top: 5px;
    width: 76px;
    height: 1px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--accent-2) 56%, transparent), transparent);
}

.service-product-point--a[b-ip6y09n5ox] { left: 18%; top: 26%; }
.service-product-point--b[b-ip6y09n5ox] { right: 20%; top: 41%; }
.service-product-point--b[b-ip6y09n5ox]::after { left: auto; right: 11px; background: linear-gradient(270deg, color-mix(in srgb, var(--accent-2) 56%, transparent), transparent); }
.service-product-point--c[b-ip6y09n5ox] { left: 24%; bottom: 26%; }


.service-media-gallery[b-ip6y09n5ox] {
    position: absolute;
    z-index: 6;
    inset: 18% 12% 28%;
    display: grid;
    grid-template-columns: minmax(0, 1.24fr) minmax(118px, .76fr);
    grid-auto-rows: minmax(0, 1fr);
    gap: 12px;
    pointer-events: auto;
}

.service-media-card[b-ip6y09n5ox] {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--accent-2) 22%, var(--line-strong));
    border-radius: 22px;
    background:
        radial-gradient(circle at 70% 18%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 9rem),
        color-mix(in srgb, var(--panel-strong) 74%, transparent);
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--text) 5%, transparent),
        0 18px 45px rgba(0,0,0,.28);
    text-decoration: none;
    transform: translateZ(0);
    transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.service-media-card.is-primary[b-ip6y09n5ox] {
    grid-row: span 2;
}

.service-media-card img[b-ip6y09n5ox] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .84;
    filter: saturate(.72) contrast(1.08) brightness(.72);
    transform: scale(1.03);
    transition: transform .45s cubic-bezier(.2,.8,.2,1), filter .45s ease, opacity .45s ease;
}

.service-media-card[b-ip6y09n5ox]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--bg) 8%, transparent), color-mix(in srgb, var(--bg) 72%, transparent)),
        radial-gradient(circle at 26% 18%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 9rem);
}

.service-media-card span[b-ip6y09n5ox] {
    position: absolute;
    z-index: 2;
    left: 12px;
    right: 12px;
    bottom: 12px;
    display: inline-flex;
    width: fit-content;
    max-width: calc(100% - 24px);
    padding: 8px 11px;
    border: 1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg) 68%, transparent);
    color: color-mix(in srgb, var(--text) 94%, var(--accent-2));
    backdrop-filter: blur(12px);
    font-size: .78rem;
    font-weight: 950;
    line-height: 1.15;
    letter-spacing: -.01em;
}

.service-media-card:hover[b-ip6y09n5ox],
.service-media-card:focus-visible[b-ip6y09n5ox] {
    border-color: color-mix(in srgb, var(--accent-2) 58%, var(--text));
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, var(--accent-2) 14%, transparent),
        0 18px 52px rgba(0,0,0,.36),
        0 0 0 3px color-mix(in srgb, var(--accent-2) 8%, transparent);
    transform: translateY(-2px);
}

.service-media-card:hover img[b-ip6y09n5ox],
.service-media-card:focus-visible img[b-ip6y09n5ox] {
    opacity: .96;
    filter: saturate(.88) contrast(1.12) brightness(.82);
    transform: scale(1.07);
}

.service-media-caption[b-ip6y09n5ox] {
    position: absolute;
    z-index: 7;
    left: 8%;
    right: 8%;
    bottom: 13%;
    display: grid;
    gap: 4px;
    padding: 13px 16px;
    border: 1px solid color-mix(in srgb, var(--line-strong) 70%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--bg) 58%, transparent);
    backdrop-filter: blur(14px);
}

.service-media-caption span[b-ip6y09n5ox] {
    color: var(--accent-2);
    text-transform: uppercase;
    letter-spacing: .13em;
    font-size: .76rem;
    font-weight: 950;
}

.service-media-caption strong[b-ip6y09n5ox] {
    font-size: clamp(1.02rem, 1.2vw, 1.2rem);
    letter-spacing: -.035em;
}

.service-summary[b-ip6y09n5ox],
.service-output-grid p[b-ip6y09n5ox] {
    color: color-mix(in srgb, var(--muted) 98%, var(--text));
}

.service-output-grid p[b-ip6y09n5ox] {
    font-size: clamp(1.01rem, 1.02vw, 1.08rem);
    line-height: 1.82;
}

.service-output-grid strong[b-ip6y09n5ox],
.service-path-includes-head > span[b-ip6y09n5ox] {
    font-size: .8rem;
}

.service-path-includes a[b-ip6y09n5ox],
.service-path-includes em[b-ip6y09n5ox],
.service-tags span[b-ip6y09n5ox],
.service-path-mini-tags i[b-ip6y09n5ox] {
    font-size: .88rem;
    line-height: 1.25;
}

.service-path-copy strong[b-ip6y09n5ox] {
    font-size: clamp(1.34rem, 1.52vw, 1.64rem);
    line-height: 1.12;
}

.service-path-copy em[b-ip6y09n5ox] {
    font-size: .82rem;
}

.service-path-copy small[b-ip6y09n5ox] {
    color: color-mix(in srgb, var(--muted) 98%, var(--text));
    font-size: clamp(1.02rem, 1vw, 1.1rem);
    line-height: 1.72;
    font-weight: 680;
}

.service-path-tag[b-ip6y09n5ox] {
    font-size: .8rem;
    padding: 8px 12px;
}

.service-path-group[b-ip6y09n5ox] {
    min-height: 250px;
}

.service-path-group:hover[b-ip6y09n5ox] {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-2) 14%, transparent), 0 18px 70px rgba(0,0,0,.22);
}

@media (max-width: 1040px) {
    .service-product-frame[b-ip6y09n5ox] {
        width: min(58%, 360px);
    }

    .service-media-gallery[b-ip6y09n5ox] {
        inset: 16% 10% 27%;
    }
}

@media (max-width: 760px) {
    .service-path-includes-head[b-ip6y09n5ox] {
        align-items: flex-start;
    }

    .service-path-includes-head small[b-ip6y09n5ox] {
        width: 100%;
        font-size: .76rem;
    }

    .service-included-link[b-ip6y09n5ox] {
        padding: 9px 12px;
    }

    .services-explorer-section[b-ip6y09n5ox] {
        padding-top: 38px;
        padding-bottom: 68px;
    }

    .services-explorer-head[b-ip6y09n5ox] {
        margin-bottom: 26px;
    }

    .service-active-media[b-ip6y09n5ox] {
        min-height: 320px;
    }

    .service-product-frame[b-ip6y09n5ox] {
        width: min(64%, 270px);
        border-radius: 26px;
    }

    .service-media-gallery[b-ip6y09n5ox] {
        inset: 17% 7% 26%;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .service-media-card.is-primary[b-ip6y09n5ox] {
        grid-column: 1 / -1;
        grid-row: span 1;
    }

    .service-media-card span[b-ip6y09n5ox] {
        left: 9px;
        right: 9px;
        bottom: 9px;
        max-width: calc(100% - 18px);
        padding: 7px 9px;
        font-size: .72rem;
    }

    .service-media-caption[b-ip6y09n5ox] {
        bottom: 16%;
        padding: 10px 12px;
    }

    .service-media-caption span[b-ip6y09n5ox] {
        font-size: .68rem;
    }

    .service-media-caption strong[b-ip6y09n5ox] {
        font-size: 1rem;
    }

    .service-path-copy small[b-ip6y09n5ox],
    .service-output-grid p[b-ip6y09n5ox] {
        font-size: 1rem;
        line-height: 1.68;
    }

    .service-path-includes a[b-ip6y09n5ox],
    .service-path-includes em[b-ip6y09n5ox],
    .service-tags span[b-ip6y09n5ox],
    .service-path-mini-tags i[b-ip6y09n5ox] {
        font-size: .84rem;
    }
}


/* Final release polish: real project media, improved readability, and tighter section rhythm. */
.services-explorer-section[b-ip6y09n5ox] {
    padding-bottom: clamp(82px, 8.5vw, 126px);
}

.service-media-card img[b-ip6y09n5ox] {
    opacity: .94;
    filter: saturate(.88) contrast(1.1) brightness(.88);
}

.service-media-card[b-ip6y09n5ox]::after {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--bg) 3%, transparent) 0%, color-mix(in srgb, var(--bg) 18%, transparent) 48%, color-mix(in srgb, var(--bg) 78%, transparent) 100%),
        radial-gradient(circle at 24% 16%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 9rem);
}

.service-media-card:hover img[b-ip6y09n5ox],
.service-media-card:focus-visible img[b-ip6y09n5ox] {
    opacity: 1;
    filter: saturate(.98) contrast(1.12) brightness(.96);
}

.service-media-card span[b-ip6y09n5ox] {
    font-size: .84rem;
    line-height: 1.3;
    color: var(--text);
    background: color-mix(in srgb, var(--bg) 76%, transparent);
}

.service-summary[b-ip6y09n5ox] {
    font-size: clamp(1.13rem, 1.22vw, 1.31rem);
    line-height: 1.9;
}

.service-output-grid strong[b-ip6y09n5ox],
.service-path-includes-head > span[b-ip6y09n5ox] {
    font-size: .86rem;
    line-height: 1.35;
}

.service-output-grid p[b-ip6y09n5ox] {
    font-size: clamp(1.05rem, 1.05vw, 1.12rem);
    line-height: 1.86;
}

.service-path-includes-head small[b-ip6y09n5ox] {
    font-size: .84rem;
    line-height: 1.48;
}

.service-path-includes a[b-ip6y09n5ox],
.service-path-includes em[b-ip6y09n5ox],
.service-tags span[b-ip6y09n5ox],
.service-path-mini-tags i[b-ip6y09n5ox] {
    font-size: .92rem;
    line-height: 1.35;
}

.service-path-group[b-ip6y09n5ox] {
    isolation: isolate;
}

.service-path-group-media[b-ip6y09n5ox] {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: .34;
    filter: saturate(.78) contrast(1.1) brightness(.72);
    transition: opacity .28s ease, filter .28s ease, transform .32s ease;
}

.service-path-group[b-ip6y09n5ox]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--bg) 24%, transparent), color-mix(in srgb, var(--bg) 92%, transparent) 78%),
        linear-gradient(90deg, color-mix(in srgb, var(--bg) 78%, transparent), transparent 78%);
}

.service-path-group:hover .service-path-group-media[b-ip6y09n5ox],
.service-path-group:focus-visible .service-path-group-media[b-ip6y09n5ox],
.service-path-group.is-active .service-path-group-media[b-ip6y09n5ox] {
    opacity: .48;
    filter: saturate(.9) contrast(1.12) brightness(.82);
    transform: translateY(-2px);
}

.service-path-number[b-ip6y09n5ox],
.service-path-copy[b-ip6y09n5ox],
.service-path-tag[b-ip6y09n5ox],
.service-path-mini-tags[b-ip6y09n5ox] {
    z-index: 3;
}

.service-path-copy em[b-ip6y09n5ox] {
    font-size: .86rem;
    line-height: 1.35;
}

.service-path-copy small[b-ip6y09n5ox] {
    font-size: clamp(1.05rem, 1.03vw, 1.13rem);
    line-height: 1.74;
}

.service-path-tag[b-ip6y09n5ox] {
    font-size: .84rem;
}

.service-path-mini-tags i[b-ip6y09n5ox] {
    background: color-mix(in srgb, var(--bg) 70%, transparent);
    backdrop-filter: blur(10px);
}

@media (max-width: 760px) {
    .services-explorer-section[b-ip6y09n5ox] {
        padding-bottom: 62px;
    }

    .service-media-card span[b-ip6y09n5ox] {
        font-size: .78rem;
    }

    .service-path-group-media[b-ip6y09n5ox] {
        opacity: .28;
    }

    .service-path-copy small[b-ip6y09n5ox],
    .service-output-grid p[b-ip6y09n5ox] {
        font-size: 1.02rem;
        line-height: 1.72;
    }
}


/* Final approval corrections: service-card media clarity and non-destructive readability tuning. */
.service-path-group--01 .service-path-group-media[b-ip6y09n5ox] {
    opacity: .62;
    filter: saturate(.96) contrast(1.16) brightness(.9);
    object-position: 52% 46%;
}

.service-path-group--02 .service-path-group-media[b-ip6y09n5ox] {
    opacity: .52;
    filter: saturate(.92) contrast(1.16) brightness(.88);
    object-position: 50% 44%;
}

.service-path-group--03 .service-path-group-media[b-ip6y09n5ox] {
    opacity: .58;
    filter: saturate(.9) contrast(1.12) brightness(.84);
    object-position: 58% 48%;
}

.service-path-group--04 .service-path-group-media[b-ip6y09n5ox] {
    opacity: .6;
    filter: saturate(.9) contrast(1.16) brightness(.88);
    object-position: 52% 46%;
}

.service-path-group--01[b-ip6y09n5ox]::after,
.service-path-group--02[b-ip6y09n5ox]::after,
.service-path-group--04[b-ip6y09n5ox]::after {
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--bg) 94%, transparent) 0%,
            color-mix(in srgb, var(--bg) 76%, transparent) 58%,
            color-mix(in srgb, var(--bg) 26%, transparent) 100%),
        linear-gradient(180deg,
            color-mix(in srgb, var(--bg) 10%, transparent),
            color-mix(in srgb, var(--bg) 82%, transparent) 100%);
}

.service-path-group--03[b-ip6y09n5ox]::after {
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--bg) 97%, transparent) 0%,
            color-mix(in srgb, var(--bg) 88%, transparent) 54%,
            color-mix(in srgb, var(--bg) 34%, transparent) 100%),
        linear-gradient(180deg,
            color-mix(in srgb, var(--bg) 12%, transparent),
            color-mix(in srgb, var(--bg) 80%, transparent) 100%);
}

.site-root[dir="rtl"] .service-path-group--01[b-ip6y09n5ox]::after,
.site-root[dir="rtl"] .service-path-group--02[b-ip6y09n5ox]::after,
.site-root[dir="rtl"] .service-path-group--03[b-ip6y09n5ox]::after,
.site-root[dir="rtl"] .service-path-group--04[b-ip6y09n5ox]::after {
    transform: scaleX(-1);
}

.service-path-group--01:hover .service-path-group-media[b-ip6y09n5ox],
.service-path-group--01:focus-visible .service-path-group-media[b-ip6y09n5ox],
.service-path-group--01.is-active .service-path-group-media[b-ip6y09n5ox],
.service-path-group--04:hover .service-path-group-media[b-ip6y09n5ox],
.service-path-group--04:focus-visible .service-path-group-media[b-ip6y09n5ox],
.service-path-group--04.is-active .service-path-group-media[b-ip6y09n5ox] {
    opacity: .7;
    filter: saturate(1) contrast(1.18) brightness(.96);
}

.service-path-group--02:hover .service-path-group-media[b-ip6y09n5ox],
.service-path-group--02:focus-visible .service-path-group-media[b-ip6y09n5ox],
.service-path-group--02.is-active .service-path-group-media[b-ip6y09n5ox] {
    opacity: .62;
    filter: saturate(1) contrast(1.18) brightness(.94);
}

.service-path-group--03:hover .service-path-group-media[b-ip6y09n5ox],
.service-path-group--03:focus-visible .service-path-group-media[b-ip6y09n5ox],
.service-path-group--03.is-active .service-path-group-media[b-ip6y09n5ox] {
    opacity: .65;
    filter: saturate(.98) contrast(1.14) brightness(.9);
}

/* Add roughly one pixel of clarity to the small service-page copy only. */
.service-summary[b-ip6y09n5ox] {
    font-size: clamp(1.17rem, 1.24vw, 1.34rem);
}

.service-output-grid p[b-ip6y09n5ox] {
    font-size: clamp(1.1rem, 1.08vw, 1.17rem);
}

.service-output-grid strong[b-ip6y09n5ox],
.service-path-includes-head > span[b-ip6y09n5ox] {
    font-size: .9rem;
}

.service-path-includes-head small[b-ip6y09n5ox] {
    font-size: .88rem;
}

.service-path-includes a[b-ip6y09n5ox],
.service-path-includes em[b-ip6y09n5ox],
.service-tags span[b-ip6y09n5ox],
.service-path-mini-tags i[b-ip6y09n5ox] {
    font-size: .96rem;
}

.service-path-copy small[b-ip6y09n5ox] {
    font-size: clamp(1.1rem, 1.06vw, 1.17rem);
    line-height: 1.78;
}

.service-path-copy em[b-ip6y09n5ox],
.service-path-tag[b-ip6y09n5ox] {
    font-size: .9rem;
}

@media (max-width: 760px) {
    .service-path-group--01 .service-path-group-media[b-ip6y09n5ox],
    .service-path-group--02 .service-path-group-media[b-ip6y09n5ox],
    .service-path-group--03 .service-path-group-media[b-ip6y09n5ox],
    .service-path-group--04 .service-path-group-media[b-ip6y09n5ox] {
        opacity: .42;
    }

    .service-path-copy small[b-ip6y09n5ox],
    .service-output-grid p[b-ip6y09n5ox] {
        font-size: 1.06rem;
        line-height: 1.75;
    }

    .service-path-includes a[b-ip6y09n5ox],
    .service-path-includes em[b-ip6y09n5ox],
    .service-tags span[b-ip6y09n5ox],
    .service-path-mini-tags i[b-ip6y09n5ox] {
        font-size: .91rem;
    }
}

/* Phase 9.2 — Media card/caption contrast */
.service-active-media[b-ip6y09n5ox],
.service-media-card[b-ip6y09n5ox],
.service-media-caption[b-ip6y09n5ox] {
    --text:#ffffff;
    --muted:rgba(255,255,255,.72);
    --line:rgba(255,255,255,.18);
    --line-strong:rgba(255,255,255,.30);
    --accent:#ffffff;
    --accent-2:#9ee7ff;
    --bg:#050505;
}
.service-media-card span[b-ip6y09n5ox] { color:#ffffff; background:rgba(0,0,0,.58); border-color:rgba(255,255,255,.20); text-shadow:0 2px 12px rgba(0,0,0,.72); }
.service-media-caption[b-ip6y09n5ox] { color:#ffffff; background:rgba(0,0,0,.52); border-color:rgba(255,255,255,.22); }
.service-media-caption span[b-ip6y09n5ox] { color:#9ee7ff; }
.service-media-caption strong[b-ip6y09n5ox] { color:#ffffff; text-shadow:0 2px 14px rgba(0,0,0,.72); }



/* =========================================================
   SERVICES R1 — five real B2B service paths
   ========================================================= */

.service-path-rail--groups[b-ip6y09n5ox] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.service-path-group[b-ip6y09n5ox] {
    min-height: 282px;
    padding: 18px;
}

.service-path-copy strong[b-ip6y09n5ox] {
    line-height: 1.08;
}

.service-path-copy small[b-ip6y09n5ox] {
    line-height: 1.45;
}

@media (max-width: 1280px) {
    .service-path-rail--groups[b-ip6y09n5ox] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .service-path-rail--groups[b-ip6y09n5ox] {
        grid-template-columns: 1fr;
    }

    .service-path-group[b-ip6y09n5ox] {
        min-height: 0;
    }
}


/* =========================================================
   SERVICES R1 HF1 — Final Service Explorer Polish
   1) Five service cards become 3 + 2 on desktop
   2) Light-mode featured media/copy divider softened
   ========================================================= */

/* ---------------------------------------------------------
   01 — SERVICE PATHS: 3 + 2 DESKTOP COMPOSITION

   Six virtual columns give us:
   - Cards 01–03: span 2 each  => three equal cards
   - Cards 04–05: span 3 each  => two wider cards

   This keeps all five services important while giving the
   final two cards enough width for readable B2B copy.
   --------------------------------------------------------- */

.service-path-rail--groups[b-ip6y09n5ox] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: clamp(12px, 1.15vw, 18px);
}

.service-path-group[b-ip6y09n5ox] {
    grid-column: span 2;
    min-height: 250px;
    padding: clamp(19px, 1.55vw, 24px);
}

.service-path-group:nth-child(4)[b-ip6y09n5ox],
.service-path-group:nth-child(5)[b-ip6y09n5ox] {
    grid-column: span 3;
    min-height: 230px;
}

.service-path-copy strong[b-ip6y09n5ox] {
    font-size: clamp(1.22rem, 1.4vw, 1.56rem);
    line-height: 1.08;
}

.service-path-copy small[b-ip6y09n5ox] {
    font-size: clamp(.92rem, .9vw, .98rem);
    line-height: 1.58;
}

/* Slightly more breathing in the wider second row. */
.service-path-group:nth-child(4) .service-path-copy small[b-ip6y09n5ox],
.service-path-group:nth-child(5) .service-path-copy small[b-ip6y09n5ox] {
    max-width: 54ch;
}


/* ---------------------------------------------------------
   02 — LIGHT MODE FEATURED DIVIDER

   Keep the media stage intentionally dark, but remove the
   hard visual seam between media and the light information
   panel. The divider becomes a soft tonal transition.
   --------------------------------------------------------- */

:root[data-theme="light"] .service-active-media[b-ip6y09n5ox] {
    border-inline-end-color: color-mix(in srgb, var(--text) 8%, transparent);
    box-shadow:
        inset -1px 0 0 color-mix(in srgb, var(--text) 4%, transparent),
        16px 0 36px -30px rgba(18, 28, 34, .24);
}

:root[data-theme="light"] .service-active-copy[b-ip6y09n5ox] {
    border-inline-start: 0;
    background:
        linear-gradient(
            90deg,
            color-mix(in srgb, var(--panel) 88%, transparent) 0,
            transparent 44px
        );
}

/* At stacked/tablet layout the seam becomes horizontal. */
@media (max-width: 1040px) {
    :root[data-theme="light"] .service-active-media[b-ip6y09n5ox] {
        border-inline-end: 0;
        border-bottom-color: color-mix(in srgb, var(--text) 8%, transparent);
        box-shadow:
            inset 0 -1px 0 color-mix(in srgb, var(--text) 4%, transparent),
            0 16px 36px -30px rgba(18, 28, 34, .22);
    }

    :root[data-theme="light"] .service-active-copy[b-ip6y09n5ox] {
        background:
            linear-gradient(
                180deg,
                color-mix(in srgb, var(--panel) 88%, transparent) 0,
                transparent 42px
            );
    }
}


/* ---------------------------------------------------------
   RESPONSIVE SERVICE PATHS
   --------------------------------------------------------- */

@media (max-width: 1280px) {
    .service-path-rail--groups[b-ip6y09n5ox] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .service-path-group[b-ip6y09n5ox],
    .service-path-group:nth-child(4)[b-ip6y09n5ox],
    .service-path-group:nth-child(5)[b-ip6y09n5ox] {
        grid-column: auto;
        min-height: 230px;
    }

    .service-path-group:last-child[b-ip6y09n5ox] {
        grid-column: 1 / -1;
        min-height: 210px;
    }
}

@media (max-width: 820px) {
    .service-path-rail--groups[b-ip6y09n5ox] {
        grid-template-columns: 1fr;
    }

    .service-path-group[b-ip6y09n5ox],
    .service-path-group:nth-child(4)[b-ip6y09n5ox],
    .service-path-group:nth-child(5)[b-ip6y09n5ox],
    .service-path-group:last-child[b-ip6y09n5ox] {
        grid-column: auto;
        min-height: 0;
    }
}


/* =========================================================
   SERVICES R1 HF2 — Selector-to-Detail Reveal UX
   Click service card -> update active service -> smooth scroll
   to the large detail module -> brief confirmation highlight.
   ========================================================= */

.service-active-module[b-ip6y09n5ox] {
    scroll-margin-top: calc(var(--mx-header-h, 78px) + 24px);
}

.service-active-module:focus[b-ip6y09n5ox] {
    outline: none;
}

.service-active-module.service-selection-pulse[b-ip6y09n5ox] {
    animation: service-detail-confirm-b-ip6y09n5ox 900ms cubic-bezier(.2,.8,.2,1);
}

@keyframes service-detail-confirm-b-ip6y09n5ox {
    0% {
        border-color: color-mix(in srgb, var(--accent-2) 82%, var(--line-strong));
        box-shadow:
            0 0 0 1px color-mix(in srgb, var(--accent-2) 34%, transparent),
            0 24px 92px color-mix(in srgb, var(--accent-2) 18%, rgba(0,0,0,.28));
    }
    48% {
        border-color: color-mix(in srgb, var(--accent-2) 58%, var(--line-strong));
        box-shadow:
            0 0 0 7px color-mix(in srgb, var(--accent-2) 8%, transparent),
            0 20px 84px color-mix(in srgb, var(--accent-2) 12%, rgba(0,0,0,.26));
    }
    100% {
        border-color: var(--line);
        box-shadow: 0 18px 80px rgba(0,0,0,.34);
    }
}

/* The selector cards already behave as buttons; make that behavior
   visually unmistakable without adding another large CTA. */
.service-path-group[b-ip6y09n5ox] {
    cursor: pointer;
}

.service-path-group:focus-visible[b-ip6y09n5ox] {
    outline: 2px solid color-mix(in srgb, var(--accent-2) 78%, var(--text));
    outline-offset: 4px;
}

.service-path-view-cue[b-ip6y09n5ox] {
    position: relative;
    z-index: 3;
    grid-column: 1 / -1;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding-top: 8px;
    color: color-mix(in srgb, var(--muted) 82%, var(--text));
    font-size: .69rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
    transition:
        color .2s ease,
        transform .2s ease,
        opacity .2s ease;
    opacity: .76;
}

.service-path-view-cue b[b-ip6y09n5ox] {
    font: inherit;
}

.service-path-view-cue i[b-ip6y09n5ox] {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 50%;
    font-style: normal;
    font-size: .78rem;
    transition:
        border-color .2s ease,
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}

.service-path-group:hover .service-path-view-cue[b-ip6y09n5ox],
.service-path-group:focus-visible .service-path-view-cue[b-ip6y09n5ox] {
    color: var(--text);
    opacity: 1;
    transform: translateY(-1px);
}

.service-path-group:hover .service-path-view-cue i[b-ip6y09n5ox],
.service-path-group:focus-visible .service-path-view-cue i[b-ip6y09n5ox] {
    border-color: color-mix(in srgb, var(--accent-2) 56%, var(--line-strong));
    transform: translateY(-2px);
}

.service-path-group.is-active .service-path-view-cue[b-ip6y09n5ox] {
    color: color-mix(in srgb, var(--accent-2) 88%, var(--text));
    opacity: 1;
}

.service-path-group.is-active .service-path-view-cue i[b-ip6y09n5ox] {
    color: var(--bg);
    background: var(--text);
    border-color: var(--text);
}

:root[data-theme="light"] .service-active-module.service-selection-pulse[b-ip6y09n5ox] {
    animation-name: service-detail-confirm-light-b-ip6y09n5ox;
}

@keyframes service-detail-confirm-light-b-ip6y09n5ox {
    0% {
        border-color: color-mix(in srgb, var(--accent) 46%, var(--line-strong));
        box-shadow:
            0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent),
            0 28px 86px rgba(24, 38, 46, .18);
    }
    48% {
        border-color: color-mix(in srgb, var(--accent) 30%, var(--line-strong));
        box-shadow:
            0 0 0 7px color-mix(in srgb, var(--accent) 6%, transparent),
            0 24px 82px rgba(24, 38, 46, .15);
    }
    100% {
        border-color: var(--line);
        box-shadow: 0 18px 70px rgba(24, 38, 46, .12);
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-active-module.service-selection-pulse[b-ip6y09n5ox] {
        animation: none;
    }

    .service-path-view-cue[b-ip6y09n5ox],
    .service-path-view-cue i[b-ip6y09n5ox] {
        transition: none;
    }
}

@media (max-width: 820px) {
    .service-path-view-cue[b-ip6y09n5ox] {
        justify-self: start;
    }
}
/* /Components/Sections/Services/ServicesTrustStrip.razor.rz.scp.css */
.services-trust[b-drtqreypre] {
    position: relative;
    z-index: 1;
    padding: 22px 0 clamp(88px, 9vw, 132px);
}

.services-trust-card[b-drtqreypre] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 34px;
    background:
        radial-gradient(circle at 8% 22%, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 18rem),
        linear-gradient(90deg, color-mix(in srgb, var(--panel-strong) 86%, transparent), color-mix(in srgb, var(--panel) 56%, transparent));
    box-shadow: var(--shadow);
}

.services-trust-card div[b-drtqreypre] {
    position: relative;
    min-height: 198px;
    padding: 24px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: color-mix(in srgb, var(--bg) 30%, transparent);
    overflow: hidden;
}

.services-trust-card div[b-drtqreypre]::after {
    content: "";
    position: absolute;
    inset: auto 18px 18px auto;
    width: 88px;
    height: 88px;
    border: 1px solid var(--line);
    border-radius: 50%;
    opacity: .24;
}

.services-trust-card span[b-drtqreypre] {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--accent-2);
    border: 1px solid var(--line-strong);
    border-radius: 50%;
    font-weight: 950;
    margin-bottom: 32px;
    letter-spacing: .08em;
}

.services-trust-card strong[b-drtqreypre] {
    display: block;
    margin-bottom: 10px;
    font-size: clamp(1.22rem, 1.32vw, 1.42rem);
    line-height: 1.18;
    letter-spacing: -.04em;
}

.services-trust-card p[b-drtqreypre] {
    color: color-mix(in srgb, var(--muted) 92%, var(--text));
    line-height: 1.86;
    font-size: clamp(1rem, 1.05vw, 1.1rem);
    margin: 0;
}

@media (max-width: 900px) {
    .services-trust-card[b-drtqreypre] {
        grid-template-columns: 1fr;
    }

    .services-trust-card div[b-drtqreypre] {
        min-height: 0;
    }
}


/* Final release polish: clearer trust-card typography without changing the layout. */
.services-trust-card span[b-drtqreypre] {
    font-size: .9rem;
}

.services-trust-card strong[b-drtqreypre] {
    font-size: clamp(1.3rem, 1.4vw, 1.5rem);
    line-height: 1.22;
}

.services-trust-card p[b-drtqreypre] {
    font-size: clamp(1.06rem, 1.09vw, 1.15rem);
    line-height: 1.9;
    color: color-mix(in srgb, var(--muted) 98%, var(--text));
}
/* /Components/Sections/Services/ServicesWorkflow.razor.rz.scp.css */
.services-workflow[b-01996cvjcu] {
    position: relative;
    z-index: 1;
    padding: clamp(58px, 7vw, 96px) 0 clamp(90px, 9vw, 130px);
}

.services-workflow-shell[b-01996cvjcu] {
    display: grid;
    grid-template-columns: minmax(280px, .5fr) minmax(0, 1fr);
    gap: 48px;
    align-items: start;
}

.services-workflow-head[b-01996cvjcu] {
    position: sticky;
    top: calc(var(--mx-header-h) + 34px);
    padding-top: 6px;
}

.services-workflow-head h2[b-01996cvjcu] {
    font-size: clamp(2.35rem, 4.75vw, 5.15rem);
    line-height: 1;
    letter-spacing: -.07em;
}

.services-workflow-grid[b-01996cvjcu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.services-workflow-grid article[b-01996cvjcu] {
    position: relative;
    min-height: 250px;
    padding: 26px;
    border: 1px solid var(--line);
    border-radius: 28px;
    background:
        radial-gradient(circle at 82% 12%, color-mix(in srgb, var(--accent-2) 9%, transparent), transparent 14rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel) 92%, transparent), color-mix(in srgb, var(--panel-strong) 22%, transparent));
    box-shadow: 0 20px 80px rgba(0,0,0,.18);
    overflow: hidden;
}

.services-workflow-grid article:first-child[b-01996cvjcu] {
    grid-column: span 2;
    min-height: 230px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 28px;
    align-items: end;
    background:
        radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 18rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 92%, transparent), color-mix(in srgb, var(--panel) 52%, transparent));
}

.services-workflow-grid article[b-01996cvjcu]::after {
    content: attr(data-card);
    position: absolute;
    right: 18px;
    top: 12px;
    color: color-mix(in srgb, var(--text) 5%, transparent);
    font-family: var(--font-display);
    font-size: clamp(5rem, 9vw, 9rem);
    line-height: 1;
    pointer-events: none;
}

.services-workflow-grid span[b-01996cvjcu] {
    position: relative;
    z-index: 1;
    display: inline-grid;
    place-items: center;
    width: 50px;
    height: 50px;
    margin-bottom: 50px;
    border: 1px solid var(--line-strong);
    border-radius: 50%;
    color: var(--accent-2);
    background: color-mix(in srgb, var(--bg) 42%, transparent);
    font-weight: 950;
}

.services-workflow-grid article:first-child span[b-01996cvjcu] {
    width: 86px;
    height: 86px;
    margin-bottom: 0;
    font-size: 1.2rem;
}

.services-workflow-grid h3[b-01996cvjcu],
.services-workflow-grid p[b-01996cvjcu] {
    position: relative;
    z-index: 1;
}

.services-workflow-grid h3[b-01996cvjcu] {
    margin-bottom: 12px;
    font-size: clamp(1.45rem, 1.7vw, 1.82rem);
    letter-spacing: -.04em;
}

.services-workflow-grid p[b-01996cvjcu] {
    color: color-mix(in srgb, var(--muted) 92%, var(--text));
    line-height: 1.86;
    margin: 0;
    font-size: clamp(1.02rem, 1.08vw, 1.12rem);
}

@media (max-width: 920px) {
    .services-workflow-shell[b-01996cvjcu] {
        grid-template-columns: 1fr;
    }

    .services-workflow-head[b-01996cvjcu] {
        position: static;
    }
}

@media (max-width: 640px) {
    .services-workflow[b-01996cvjcu] {
        padding-bottom: 58px;
    }

    .services-workflow-grid[b-01996cvjcu] {
        grid-template-columns: 1fr;
    }

    .services-workflow-grid article[b-01996cvjcu],
    .services-workflow-grid article:first-child[b-01996cvjcu] {
        grid-column: auto;
        min-height: 0;
        display: block;
    }

    .services-workflow-grid span[b-01996cvjcu],
    .services-workflow-grid article:first-child span[b-01996cvjcu] {
        width: 48px;
        height: 48px;
        margin-bottom: 32px;
        font-size: 1rem;
    }
}

/* Final Services polish: clearer workflow text contrast and readable step cards. */
.services-workflow[b-01996cvjcu] {
    padding-top: clamp(54px, 6vw, 86px);
}

.services-workflow-head h2[b-01996cvjcu] {
    line-height: 1.04;
}

.services-workflow-grid article[b-01996cvjcu] {
    border-color: color-mix(in srgb, var(--line-strong) 62%, var(--line));
}

.services-workflow-grid article[b-01996cvjcu]::after {
    color: color-mix(in srgb, var(--text) 6.5%, transparent);
}

.services-workflow-grid h3[b-01996cvjcu] {
    font-size: clamp(1.55rem, 1.82vw, 1.95rem);
    line-height: 1.14;
}

.services-workflow-grid p[b-01996cvjcu] {
    color: color-mix(in srgb, var(--muted) 98%, var(--text));
    line-height: 1.88;
    font-size: clamp(1.06rem, 1.1vw, 1.17rem);
    font-weight: 560;
}

@media (max-width: 640px) {
    .services-workflow-grid p[b-01996cvjcu] {
        font-size: 1.02rem;
        line-height: 1.76;
    }
}


/* Final release polish: balanced fourth step, readable copy, and reduced oversized gap. */
.services-workflow[b-01996cvjcu] {
    padding-top: clamp(46px, 5vw, 72px);
}

.services-workflow-grid article:last-child[b-01996cvjcu] {
    grid-column: 1 / -1;
    min-height: 230px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 28px;
    align-items: end;
}

.services-workflow-grid article:last-child span[b-01996cvjcu] {
    width: 72px;
    height: 72px;
    margin-bottom: 0;
    font-size: 1.08rem;
}

.services-workflow-grid h3[b-01996cvjcu] {
    font-size: clamp(1.62rem, 1.9vw, 2.02rem);
    line-height: 1.16;
}

.services-workflow-grid p[b-01996cvjcu] {
    font-size: clamp(1.1rem, 1.13vw, 1.2rem);
    line-height: 1.9;
}

@media (max-width: 640px) {
    .services-workflow-grid article:last-child[b-01996cvjcu] {
        grid-column: auto;
        min-height: 0;
        display: block;
    }

    .services-workflow-grid article:last-child span[b-01996cvjcu] {
        width: 48px;
        height: 48px;
        margin-bottom: 32px;
        font-size: 1rem;
    }
}


/* Final approval correction: give step 01 and 04 titles a real two-line title area. */
@media (min-width: 641px) {
    .services-workflow-grid article:first-child[b-01996cvjcu],
    .services-workflow-grid article:last-child[b-01996cvjcu] {
        grid-template-columns: 86px minmax(0, 1fr);
        grid-template-areas:
            "step-number step-title"
            "step-copy step-copy";
        column-gap: 32px;
        row-gap: 22px;
        align-items: center;
    }

    .services-workflow-grid article:first-child span[b-01996cvjcu],
    .services-workflow-grid article:last-child span[b-01996cvjcu] {
        grid-area: step-number;
    }

    .services-workflow-grid article:first-child h3[b-01996cvjcu],
    .services-workflow-grid article:last-child h3[b-01996cvjcu] {
        grid-area: step-title;
        justify-self: end;
        width: min(100%, 430px);
        margin: 0;
        padding-inline-end: 12px;
        text-wrap: balance;
    }

    .services-workflow-grid article:first-child p[b-01996cvjcu],
    .services-workflow-grid article:last-child p[b-01996cvjcu] {
        grid-area: step-copy;
        width: 100%;
    }
}

/* One-pixel readability lift for workflow descriptions only. */
.services-workflow-grid p[b-01996cvjcu] {
    font-size: clamp(1.16rem, 1.16vw, 1.24rem);
    line-height: 1.92;
}

@media (max-width: 640px) {
    .services-workflow-grid p[b-01996cvjcu] {
        font-size: 1.07rem;
        line-height: 1.8;
    }
}
/* /Components/Sections/StartProject/ProjectWizard.razor.rz.scp.css */
.project-wizard-section[b-6jg87sjzav] {
    padding: 18px 0 112px;
}

.project-wizard-shell[b-6jg87sjzav] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 350px);
    gap: clamp(20px, 2.2vw, 32px);
    align-items: start;
}

.wizard-main[b-6jg87sjzav],
.quote-panel[b-6jg87sjzav] {
    min-width: 0;
}

.wizard-main[b-6jg87sjzav] {
    display: grid;
    gap: 14px;
}

.wizard-topline[b-6jg87sjzav] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    padding: 0 4px;
}

.wizard-topline h2[b-6jg87sjzav] {
    margin: 0;
    font-size: clamp(2.05rem, 3.8vw, 4.25rem);
    line-height: .94;
    letter-spacing: -.065em;
}

.wizard-topline .eyebrow[b-6jg87sjzav],
.panel-head .eyebrow[b-6jg87sjzav] {
    margin-bottom: 8px;
}

.wizard-step-counter[b-6jg87sjzav] {
    display: inline-grid;
    place-items: center;
    min-width: 68px;
    height: 40px;
    padding-inline: 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--panel);
    color: var(--muted);
    font-weight: 900;
}

.wizard-steps[b-6jg87sjzav] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 7px;
}

.wizard-step[b-6jg87sjzav] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--panel);
    color: var(--muted);
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}

.wizard-step:hover[b-6jg87sjzav],
.wizard-step.is-active[b-6jg87sjzav] {
    transform: translateY(-1px);
    border-color: var(--line-strong);
    background: var(--panel-strong);
    color: var(--text);
}

.wizard-step.is-done[b-6jg87sjzav] {
    border-color: color-mix(in srgb, var(--accent-2) 44%, var(--line));
}

.wizard-step.is-locked[b-6jg87sjzav] {
    opacity: .48;
    cursor: not-allowed;
    border-color: color-mix(in srgb, var(--line) 72%, transparent);
    background: color-mix(in srgb, var(--bg) 44%, transparent);
    color: color-mix(in srgb, var(--muted) 72%, transparent);
}

.wizard-step.is-locked:hover[b-6jg87sjzav] {
    transform: none;
    border-color: color-mix(in srgb, var(--accent-2) 32%, var(--line));
}

.wizard-step span[b-6jg87sjzav] {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: var(--bg);
    background: var(--text);
    font-size: .74rem;
    font-weight: 900;
}

.wizard-step.is-locked span[b-6jg87sjzav] {
    color: var(--muted);
    background: color-mix(in srgb, var(--text) 12%, transparent);
}

.wizard-step strong[b-6jg87sjzav] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .82rem;
}

.wizard-validation[b-6jg87sjzav] {
    position: relative;
    z-index: 2;
    padding: 13px 16px;
    border: 1px solid color-mix(in srgb, var(--accent-2) 42%, var(--line));
    border-radius: 18px;
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 42%),
        color-mix(in srgb, var(--panel-strong) 82%, transparent);
    color: var(--text);
    line-height: 1.55;
    box-shadow: 0 18px 48px color-mix(in srgb, #000 18%, transparent);
}

.wizard-card[b-6jg87sjzav],
.quote-panel[b-6jg87sjzav] {
    border: 1px solid var(--line);
    border-radius: clamp(26px, 2.7vw, 42px);
    background:
        radial-gradient(circle at 78% 14%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 34%),
        color-mix(in srgb, var(--panel) 92%, transparent);
    box-shadow:
        0 24px 80px color-mix(in srgb, #000 18%, transparent),
        inset 0 1px 0 color-mix(in srgb, var(--text) 6%, transparent);
    overflow: hidden;
}

.wizard-card[b-6jg87sjzav] {
    position: relative;
}

.wizard-card:hover[b-6jg87sjzav] {
    border-color: color-mix(in srgb, var(--accent-2) 26%, var(--line));
}

.wizard-card[b-6jg87sjzav]::before,
.quote-panel[b-6jg87sjzav]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size: 42px 42px;
    opacity: .12;
    pointer-events: none;
}

.wizard-panel[b-6jg87sjzav] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 20px;
    padding: clamp(20px, 2.35vw, 34px);
}

.panel-head[b-6jg87sjzav] {
    max-width: 780px;
}

.panel-head h3[b-6jg87sjzav] {
    margin: 0;
    font-size: clamp(1.9rem, 2.9vw, 3.65rem);
    line-height: .96;
    letter-spacing: -.06em;
}

.panel-head p:not(.eyebrow)[b-6jg87sjzav] {
    max-width: 620px;
    margin: 12px 0 0;
    color: var(--muted);
    line-height: 1.55;
    font-size: .94rem;
}

.service-choice-grid[b-6jg87sjzav] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.service-choice[b-6jg87sjzav] {
    position: relative;
    min-height: 142px;
    display: grid;
    align-content: space-between;
    gap: 12px;
    text-align: start;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 22px;
    color: var(--text);
    background: color-mix(in srgb, var(--bg) 52%, transparent);
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.service-choice:hover[b-6jg87sjzav],
.service-choice.is-selected[b-6jg87sjzav] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--accent-2) 58%, var(--line));
    background: color-mix(in srgb, var(--panel-strong) 72%, transparent);
}

.service-choice.is-selected[b-6jg87sjzav]::after {
    content: "✓";
    position: absolute;
    inset-block-start: 14px;
    inset-inline-end: 14px;
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-2) 60%, var(--line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-2) 16%, transparent);
    color: var(--accent-2);
    font-weight: 900;
}

.service-choice span[b-6jg87sjzav] {
    color: color-mix(in srgb, var(--text) 28%, transparent);
    font-size: 2.15rem;
    line-height: .8;
    font-weight: 950;
    letter-spacing: -.08em;
}

.service-choice strong[b-6jg87sjzav] {
    display: block;
    max-width: 92%;
    font-size: clamp(1rem, 1.18vw, 1.28rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.service-choice small[b-6jg87sjzav] {
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.45;
}

.wizard-fields[b-6jg87sjzav] {
    display: grid;
    gap: 16px;
}

.wizard-fields.two-cols[b-6jg87sjzav] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wizard-fields label[b-6jg87sjzav] {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-size: .9rem;
    font-weight: 800;
}

.wizard-fields input[b-6jg87sjzav],
.wizard-fields select[b-6jg87sjzav],
.wizard-fields textarea[b-6jg87sjzav] {
    width: 100%;
    min-height: 46px;
    color: var(--text);
    background: color-mix(in srgb, var(--bg) 58%, transparent);
    border: 1px solid var(--line);
    border-radius: 14px;
    padding: 10px 12px;
    outline: none;
    resize: vertical;
}

.wizard-fields textarea[b-6jg87sjzav] {
    min-height: 126px;
    line-height: 1.65;
}

.wizard-fields input:focus[b-6jg87sjzav],
.wizard-fields select:focus[b-6jg87sjzav],
.wizard-fields textarea:focus[b-6jg87sjzav] {
    border-color: color-mix(in srgb, var(--accent-2) 64%, var(--line));
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent-2) 10%, transparent);
}

.file-drop[b-6jg87sjzav] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 16px;
    border: 1px dashed color-mix(in srgb, var(--accent-2) 45%, var(--line));
    border-radius: 22px;
    background: color-mix(in srgb, var(--bg) 44%, transparent);
}

.file-drop strong[b-6jg87sjzav],
.file-drop span[b-6jg87sjzav] {
    display: block;
}

.file-drop strong[b-6jg87sjzav] {
    margin-bottom: 6px;
    color: var(--text);
    font-size: 1rem;
}

.file-drop span[b-6jg87sjzav] {
    color: var(--muted);
    line-height: 1.55;
}

.file-drop input[type="file"][b-6jg87sjzav] {
    max-width: 260px;
}

.file-list[b-6jg87sjzav] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.file-pill[b-6jg87sjzav] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    max-width: 100%;
    padding: 9px 12px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--soft);
}

.file-pill span[b-6jg87sjzav] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}

.file-pill small[b-6jg87sjzav],
.quote-lines span[b-6jg87sjzav],
.quote-warning[b-6jg87sjzav] {
    color: var(--muted);
}

.wizard-note[b-6jg87sjzav],
.quote-warning[b-6jg87sjzav],
.success-box[b-6jg87sjzav] {
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--soft);
    color: var(--muted);
    line-height: 1.62;
}

.review-box[b-6jg87sjzav] {
    border: 1px solid var(--line);
    border-radius: 22px;
    background: color-mix(in srgb, var(--bg) 68%, transparent);
    overflow: hidden;
}

.review-box pre[b-6jg87sjzav] {
    max-height: 340px;
    margin: 0;
    overflow: auto;
    padding: 18px;
    color: var(--text);
    white-space: pre-wrap;
    line-height: 1.45;
    font-family: "Consolas", "SFMono-Regular", monospace;
    font-size: .82rem;
}

.success-box[b-6jg87sjzav] {
    display: grid;
    gap: 6px;
    border-color: color-mix(in srgb, var(--accent-2) 44%, var(--line));
}

.success-box strong[b-6jg87sjzav],
.quote-lines strong[b-6jg87sjzav] {
    color: var(--text);
}

.review-actions[b-6jg87sjzav],
.wizard-nav[b-6jg87sjzav] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.wizard-nav[b-6jg87sjzav] {
    justify-content: space-between;
    padding: 0 4px;
}

.wizard-nav button:disabled[b-6jg87sjzav] {
    opacity: .4;
    cursor: not-allowed;
    transform: none;
}

.btn[aria-disabled="true"][b-6jg87sjzav] {
    opacity: .76;
}

.btn[aria-disabled="true"][b-6jg87sjzav]::after {
    content: "";
}

.quote-panel[b-6jg87sjzav] {
    position: sticky;
    top: calc(var(--mx-header-h, 78px) + 28px);
    display: grid;
    gap: 12px;
    padding: 16px;
    overflow: hidden;
}

.quote-card[b-6jg87sjzav],
.quote-lines[b-6jg87sjzav],
.quote-warning[b-6jg87sjzav] {
    position: relative;
    z-index: 1;
}

.quote-card[b-6jg87sjzav] {
    min-height: 150px;
    display: grid;
    align-content: end;
    gap: 8px;
    padding: 20px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background:
        radial-gradient(circle at 75% 18%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 45%),
        color-mix(in srgb, var(--bg) 58%, transparent);
}

.quote-card .eyebrow[b-6jg87sjzav] {
    margin-bottom: 2px;
}

.quote-card h3[b-6jg87sjzav] {
    margin: 0;
    font-size: clamp(1.75rem, 2.3vw, 2.55rem);
    line-height: .9;
    letter-spacing: -.06em;
}

.quote-card p:not(.eyebrow)[b-6jg87sjzav] {
    margin: 0;
    color: var(--muted);
}

.quote-lines[b-6jg87sjzav] {
    display: grid;
    gap: 7px;
}

.quote-lines div[b-6jg87sjzav] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: color-mix(in srgb, var(--bg) 46%, transparent);
}

.site-root[dir="rtl"] .wizard-step[b-6jg87sjzav],
.site-root[dir="rtl"] .review-box pre[b-6jg87sjzav] {
    direction: rtl;
}

.site-root[dir="rtl"] .review-box pre[b-6jg87sjzav] {
    text-align: right;
}

@media (max-width: 1160px) {
    .project-wizard-shell[b-6jg87sjzav] {
        grid-template-columns: 1fr;
    }

    .quote-panel[b-6jg87sjzav] {
        position: relative;
        top: auto;
        max-width: 720px;
    }
}

@media (max-width: 920px) {
    .wizard-steps[b-6jg87sjzav],
    .service-choice-grid[b-6jg87sjzav],
    .wizard-fields.two-cols[b-6jg87sjzav] {
        grid-template-columns: 1fr;
    }

    .wizard-step[b-6jg87sjzav] {
        border-radius: 18px;
    }

    .file-drop[b-6jg87sjzav] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .project-wizard-section[b-6jg87sjzav] {
        padding-top: 6px;
        padding-bottom: 78px;
    }

    .project-wizard-shell[b-6jg87sjzav] {
        gap: 22px;
    }

    .wizard-topline[b-6jg87sjzav] {
        align-items: start;
        flex-direction: column;
    }

    .wizard-topline h2[b-6jg87sjzav] {
        font-size: clamp(2rem, 10.5vw, 3.35rem);
    }

    .wizard-steps[b-6jg87sjzav] {
        display: flex;
        gap: 7px;
        overflow-x: auto;
        padding-bottom: 4px;
        scroll-snap-type: x mandatory;
    }

    .wizard-step[b-6jg87sjzav] {
        flex: 0 0 min(210px, 76vw);
        scroll-snap-align: start;
    }

    .wizard-panel[b-6jg87sjzav] {
        padding: 18px;
    }

    .panel-head h3[b-6jg87sjzav] {
        font-size: clamp(1.75rem, 9vw, 3rem);
    }

    .service-choice-grid[b-6jg87sjzav],
    .wizard-fields.two-cols[b-6jg87sjzav] {
        grid-template-columns: 1fr;
    }

    .service-choice[b-6jg87sjzav] {
        min-height: 126px;
    }

    .wizard-fields input[b-6jg87sjzav],
    .wizard-fields select[b-6jg87sjzav],
    .wizard-fields textarea[b-6jg87sjzav] {
        min-height: 52px;
        font-size: 16px;
    }

    .file-drop input[type="file"][b-6jg87sjzav] {
        max-width: 100%;
    }

    .review-actions[b-6jg87sjzav],
    .wizard-nav[b-6jg87sjzav] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .wizard-nav .btn[b-6jg87sjzav],
    .review-actions .btn[b-6jg87sjzav] {
        width: 100%;
        justify-content: center;
    }

    .quote-card[b-6jg87sjzav] {
        min-height: 126px;
    }
}

/* Phase 6.5.5 — final balance polish: keep the wizard structure, tighten spacing, and improve mobile. */
.project-wizard-section[b-6jg87sjzav] {
    padding-top: 10px;
    padding-bottom: clamp(76px, 8vw, 118px);
}

.wizard-main[b-6jg87sjzav] {
    gap: 12px;
}

.wizard-topline h2[b-6jg87sjzav] {
    font-size: clamp(1.95rem, 3.35vw, 3.85rem);
}

.wizard-step-counter[b-6jg87sjzav] {
    height: 36px;
    min-width: 62px;
    font-size: .85rem;
}

.wizard-steps[b-6jg87sjzav] {
    gap: 6px;
}

.wizard-step[b-6jg87sjzav] {
    padding: 7px 9px;
}

.wizard-step span[b-6jg87sjzav] {
    width: 22px;
    height: 22px;
    font-size: .7rem;
}

.wizard-step strong[b-6jg87sjzav] {
    font-size: .78rem;
}

.wizard-panel[b-6jg87sjzav] {
    gap: 18px;
    padding: clamp(18px, 2.1vw, 30px);
}

.panel-head h3[b-6jg87sjzav] {
    font-size: clamp(1.75rem, 2.55vw, 3.25rem);
}

.panel-head p:not(.eyebrow)[b-6jg87sjzav] {
    max-width: 600px;
    margin-top: 10px;
    font-size: .88rem;
}

.service-choice-grid[b-6jg87sjzav] {
    gap: 10px;
}

.service-choice[b-6jg87sjzav] {
    min-height: 130px;
    padding: 14px;
    border-radius: 20px;
}

.service-choice span[b-6jg87sjzav] {
    font-size: 2rem;
}

.service-choice strong[b-6jg87sjzav] {
    font-size: clamp(.96rem, 1.05vw, 1.18rem);
}

.service-choice small[b-6jg87sjzav] {
    font-size: .78rem;
}

.wizard-fields[b-6jg87sjzav] {
    gap: 14px;
}

.wizard-fields label[b-6jg87sjzav] {
    font-size: .84rem;
}

.wizard-fields input[b-6jg87sjzav],
.wizard-fields select[b-6jg87sjzav],
.wizard-fields textarea[b-6jg87sjzav] {
    min-height: 44px;
    border-radius: 13px;
}

.wizard-fields textarea[b-6jg87sjzav] {
    min-height: 116px;
}

.quote-panel[b-6jg87sjzav] {
    padding: 14px;
    gap: 10px;
}

.quote-card[b-6jg87sjzav] {
    min-height: 132px;
    padding: 18px;
}

.quote-card h3[b-6jg87sjzav] {
    font-size: clamp(1.6rem, 2.05vw, 2.35rem);
}

.quote-card p:not(.eyebrow)[b-6jg87sjzav],
.quote-warning[b-6jg87sjzav],
.quote-lines div[b-6jg87sjzav] {
    font-size: .82rem;
}

.quote-warning[b-6jg87sjzav] {
    padding: 13px 14px;
}

@media (max-width: 760px) {
    .project-wizard-section[b-6jg87sjzav] {
        padding-top: 0;
        padding-bottom: 52px;
    }

    .wizard-topline[b-6jg87sjzav] {
        gap: 8px;
    }

    .wizard-topline h2[b-6jg87sjzav] {
        font-size: clamp(1.95rem, 9vw, 3rem);
        letter-spacing: -.06em;
    }

    .wizard-step-counter[b-6jg87sjzav] {
        min-width: 54px;
        height: 32px;
        font-size: .78rem;
    }

    .wizard-steps[b-6jg87sjzav] {
        gap: 6px;
    }

    .wizard-step[b-6jg87sjzav] {
        flex: 0 0 min(168px, 55vw);
        padding: 7px 8px;
        border-radius: 16px;
    }

    .wizard-step span[b-6jg87sjzav] {
        width: 20px;
        height: 20px;
        font-size: .68rem;
    }

    .wizard-step strong[b-6jg87sjzav] {
        font-size: .74rem;
    }

    .wizard-card[b-6jg87sjzav],
    .quote-panel[b-6jg87sjzav] {
        border-radius: 24px;
    }

    .wizard-panel[b-6jg87sjzav] {
        padding: 16px;
        gap: 16px;
    }

    .panel-head h3[b-6jg87sjzav] {
        font-size: clamp(1.7rem, 7.8vw, 2.65rem);
        line-height: .96;
    }

    .panel-head p:not(.eyebrow)[b-6jg87sjzav] {
        font-size: .82rem;
        line-height: 1.5;
    }

    .service-choice-grid[b-6jg87sjzav] {
        gap: 9px;
    }

    .service-choice[b-6jg87sjzav] {
        min-height: 110px;
        padding: 13px;
        border-radius: 18px;
    }

    .service-choice span[b-6jg87sjzav] {
        font-size: 1.72rem;
    }

    .service-choice strong[b-6jg87sjzav] {
        font-size: .95rem;
        line-height: 1.08;
    }

    .service-choice small[b-6jg87sjzav] {
        font-size: .75rem;
        line-height: 1.38;
    }

    .wizard-fields input[b-6jg87sjzav],
    .wizard-fields select[b-6jg87sjzav],
    .wizard-fields textarea[b-6jg87sjzav] {
        min-height: 48px;
        font-size: 16px;
    }

    .wizard-fields textarea[b-6jg87sjzav] {
        min-height: 112px;
    }

    .file-drop[b-6jg87sjzav] {
        padding: 14px;
        border-radius: 18px;
    }

    .wizard-nav[b-6jg87sjzav] {
        gap: 8px;
    }

    .quote-panel[b-6jg87sjzav] {
        max-width: none;
        padding: 12px;
    }

    .quote-card[b-6jg87sjzav] {
        min-height: 116px;
        padding: 16px;
        border-radius: 20px;
    }

    .quote-card h3[b-6jg87sjzav] {
        font-size: clamp(1.55rem, 8vw, 2.1rem);
    }

    .quote-lines div[b-6jg87sjzav] {
        padding: 9px 11px;
    }
}

.request-reference[b-6jg87sjzav] { display: inline-flex; width: fit-content; margin-top: 10px; padding: 6px 9px; border-radius: 8px; background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--text); font-weight: 800; letter-spacing: .04em; }

/* Phase 9.1 — Sticky mobile wizard progress */
@media (max-width: 760px) {
    .wizard-steps[b-6jg87sjzav] {
        position: sticky;
        top: calc(var(--mx-header-h, 112px) + 8px);
        z-index: 18;
        margin-inline: -4px;
        padding: 7px 4px 8px;
        border-block: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
        background: color-mix(in srgb, var(--bg) 88%, transparent);
        backdrop-filter: blur(16px);
        scroll-padding-inline: 4px;
    }

    .wizard-step[b-6jg87sjzav] {
        flex-basis: min(152px, 49vw);
        min-height: 44px;
    }

    .wizard-panel[b-6jg87sjzav] {
        padding: 17px;
    }

    .panel-head h3[b-6jg87sjzav] {
        text-wrap: balance;
    }

    .quote-card p:not(.eyebrow)[b-6jg87sjzav],
    .quote-warning[b-6jg87sjzav],
    .quote-lines div[b-6jg87sjzav],
    .panel-head p:not(.eyebrow)[b-6jg87sjzav],
    .service-choice small[b-6jg87sjzav] {
        font-size: .82rem;
        line-height: 1.5;
    }
}


/* =========================================================
   PHASE 11 START PROJECT HF1 — Native Select Contrast Fix
   Match Contact behavior:
   - opened list: white background
   - option text: black
   - closed select keeps the current page/theme styling
   No redesign.
   ========================================================= */

/* Windows/Chromium may render the opened native select popup outside the
   normal component paint path. Request the light native palette explicitly
   so every option stays readable in Dark mode. */
.wizard-fields select[b-6jg87sjzav] {
    color-scheme: light !important;
}

/* Explicit fallback for browsers that honor option styling. */
.wizard-fields select option[b-6jg87sjzav],
.wizard-fields select optgroup[b-6jg87sjzav] {
    color: #111111 !important;
    background: #ffffff !important;
}
/* /Components/Sections/StartProject/StartProjectHero.razor.rz.scp.css */
.start-project-hero[b-tl2supj5np] {
    padding: calc(var(--mx-header-h, 78px) + 34px) 0 6px;
}

.start-project-hero-grid[b-tl2supj5np] {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(420px, .72fr);
    gap: clamp(26px, 4vw, 68px);
    align-items: center;
}

.start-project-copy[b-tl2supj5np] {
    max-width: 740px;
}

.start-project-copy h1[b-tl2supj5np] {
    margin: 0;
    max-width: 690px;
    font-size: clamp(2.85rem, 5.25vw, 6.15rem);
    line-height: .88;
    letter-spacing: -.078em;
}

.start-project-copy p:not(.eyebrow)[b-tl2supj5np] {
    max-width: 620px;
    margin: 16px 0 0;
    color: var(--muted);
    font-size: clamp(.9rem, .92vw, 1rem);
    line-height: 1.6;
}

.start-project-visual[b-tl2supj5np] {
    position: relative;
    display: grid;
    gap: 12px;
    margin: 0;
    padding: clamp(13px, 1.55vw, 20px);
    border: 1px solid var(--line);
    border-radius: clamp(28px, 3vw, 42px);
    background:
        radial-gradient(circle at 74% 18%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 38%),
        color-mix(in srgb, var(--panel) 84%, transparent);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.start-project-visual[b-tl2supj5np]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size: 46px 46px;
    opacity: .14;
    pointer-events: none;
}

.visual-media[b-tl2supj5np],
.start-project-visual figcaption[b-tl2supj5np] {
    position: relative;
    z-index: 1;
}

.visual-media[b-tl2supj5np] {
    aspect-ratio: 16 / 9;
    min-height: clamp(310px, 31vw, 480px);
    border: 1px solid var(--line);
    border-radius: clamp(22px, 2.4vw, 34px);
    overflow: hidden;
    background: color-mix(in srgb, var(--bg) 62%, transparent);
}

.visual-media img[b-tl2supj5np],
.visual-media video[b-tl2supj5np],
.start-project-preview-video[b-tl2supj5np] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    border-radius: inherit;
    background: #050505;
    filter: saturate(1.05) contrast(1.08) brightness(.96);
}

.visual-media img[b-tl2supj5np] {
    transform: scale(1.06);
}

.start-project-preview-video[b-tl2supj5np] {
    transform: scale(1.02);
}

.start-project-visual figcaption[b-tl2supj5np] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg) 58%, transparent);
}

.start-project-visual figcaption span[b-tl2supj5np] {
    color: var(--accent-2);
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: .72rem;
    font-weight: 900;
}

.start-project-visual figcaption strong[b-tl2supj5np] {
    color: var(--text);
    font-size: .84rem;
    text-align: end;
}

.start-project-visual:hover .start-project-preview-video[b-tl2supj5np],
.start-project-visual:hover .visual-media img[b-tl2supj5np] {
    transform: scale(1.045);
}

.start-project-visual[b-tl2supj5np],
.start-project-preview-video[b-tl2supj5np],
.visual-media img[b-tl2supj5np] {
    transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
}

.start-project-visual:hover[b-tl2supj5np] {
    box-shadow: 0 30px 90px color-mix(in srgb, #000 26%, transparent);
}

@media (max-width: 1060px) {
    .start-project-hero-grid[b-tl2supj5np] {
        grid-template-columns: 1fr;
    }

    .start-project-visual[b-tl2supj5np] {
        max-width: 860px;
    }
}

@media (max-width: 720px) {
    .start-project-hero[b-tl2supj5np] {
        padding-top: calc(var(--mx-header-h, 78px) + 52px);
    }

    .start-project-hero-grid[b-tl2supj5np] {
        gap: 20px;
    }

    .start-project-copy h1[b-tl2supj5np] {
        max-width: 95%;
        font-size: clamp(2.25rem, 10.4vw, 3.85rem);
        line-height: .91;
        letter-spacing: -.072em;
    }

    .start-project-copy p:not(.eyebrow)[b-tl2supj5np] {
        max-width: 94%;
        margin-top: 12px;
        font-size: .86rem;
        line-height: 1.55;
    }

    .start-project-visual[b-tl2supj5np] {
        padding: 9px;
        border-radius: 24px;
    }

    .visual-media[b-tl2supj5np] {
        min-height: auto;
        aspect-ratio: 16 / 10;
        border-radius: 18px;
    }

    .start-project-visual figcaption[b-tl2supj5np] {
        align-items: start;
        flex-direction: column;
        gap: 4px;
        border-radius: 18px;
        padding: 10px 12px;
    }

    .start-project-visual figcaption strong[b-tl2supj5np] {
        text-align: start;
        font-size: .8rem;
    }
}

/* Phase 9.1 — Start Project mobile offset */
@media (max-width: 720px) {
    .start-project-hero[b-tl2supj5np] {
        padding-top: calc(var(--mx-header-h, 112px) + 24px);
    }

    .start-project-copy h1[b-tl2supj5np] {
        max-width: 100%;
        font-size: clamp(2.4rem, 11vw, 3.7rem);
        line-height: .92;
        text-wrap: balance;
    }

    .start-project-copy p:not(.eyebrow)[b-tl2supj5np] {
        max-width: 100%;
        font-size: .92rem;
        line-height: 1.62;
    }
}
/* /Components/Sections/StartProject/StartProjectTrustSection.razor.rz.scp.css */
.start-project-trust[b-r9xq7zwta4] {
    padding: 0 0 clamp(78px, 9vw, 126px);
}

.start-project-trust-inner[b-r9xq7zwta4] {
    display: grid;
    grid-template-columns: minmax(260px, .42fr) minmax(0, .9fr);
    gap: clamp(18px, 2.4vw, 34px);
    align-items: stretch;
}

.trust-copy[b-r9xq7zwta4],
.trust-card[b-r9xq7zwta4] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at 84% 8%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 42%),
        color-mix(in srgb, var(--panel) 86%, transparent);
    box-shadow: 0 22px 70px color-mix(in srgb, #000 16%, transparent);
}

.trust-copy[b-r9xq7zwta4]::before,
.trust-card[b-r9xq7zwta4]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size: 38px 38px;
    opacity: .1;
    pointer-events: none;
}

.trust-copy[b-r9xq7zwta4] {
    display: grid;
    align-content: end;
    min-height: 246px;
    padding: clamp(20px, 2.3vw, 32px);
    border-radius: clamp(26px, 2.8vw, 38px);
}

.trust-copy > *[b-r9xq7zwta4] {
    position: relative;
    z-index: 1;
}

.trust-copy h2[b-r9xq7zwta4] {
    max-width: 540px;
    margin: 0;
    font-size: clamp(1.9rem, 3vw, 3.45rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.trust-copy p:not(.eyebrow)[b-r9xq7zwta4] {
    max-width: 560px;
    margin: 12px 0 0;
    color: var(--muted);
    font-size: .92rem;
    line-height: 1.58;
}

.trust-grid[b-r9xq7zwta4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.trust-card[b-r9xq7zwta4] {
    display: grid;
    align-content: space-between;
    min-height: 246px;
    gap: 16px;
    padding: 20px;
    border-radius: 28px;
}

.trust-card > *[b-r9xq7zwta4] {
    position: relative;
    z-index: 1;
}

.trust-card span[b-r9xq7zwta4] {
    color: color-mix(in srgb, var(--text) 24%, transparent);
    font-size: 2.15rem;
    line-height: .85;
    font-weight: 950;
    letter-spacing: -.08em;
}

.trust-card h3[b-r9xq7zwta4] {
    margin: auto 0 0;
    font-size: clamp(1.05rem, 1.2vw, 1.38rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.trust-card p[b-r9xq7zwta4] {
    margin: 0;
    color: var(--muted);
    font-size: .84rem;
    line-height: 1.52;
}

@media (max-width: 1060px) {
    .start-project-trust-inner[b-r9xq7zwta4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 780px) {
    .start-project-trust[b-r9xq7zwta4] {
        padding-bottom: 58px;
    }

    .trust-copy[b-r9xq7zwta4] {
        min-height: auto;
        padding: 20px;
        border-radius: 24px;
    }

    .trust-copy h2[b-r9xq7zwta4] {
        font-size: clamp(1.8rem, 8vw, 2.65rem);
    }

    .trust-copy p:not(.eyebrow)[b-r9xq7zwta4] {
        font-size: .84rem;
    }

    .trust-grid[b-r9xq7zwta4] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .trust-card[b-r9xq7zwta4] {
        min-height: 150px;
        padding: 18px;
        border-radius: 22px;
    }

    .trust-card span[b-r9xq7zwta4] {
        font-size: 1.72rem;
    }
}
/* /Components/Sections/VisualExperienceStack/VisualExperienceStack.razor.rz.scp.css */
/* VisualExperienceStack — independent Blazor component.
   Phase 8.3: real project posters with lazy active-card video playback. */

.ves-section[b-n81m94ij85] {
    padding-top: 96px;
    padding-bottom: 96px;
    overflow: visible;
    background:
        radial-gradient(circle at 12% 28%, color-mix(in srgb, var(--accent-2) 8%, transparent), transparent 34rem),
        radial-gradient(circle at 86% 14%, rgba(255,255,255,.045), transparent 28rem);
}

.ves-head[b-n81m94ij85] {
    margin-bottom: clamp(42px, 6vw, 92px);
}

.ves-head h2[b-n81m94ij85] {
    max-width: 1160px;
    margin-bottom: 20px;
    font-size: clamp(2.35rem, 5vw, 5.75rem);
    line-height: .96;
    letter-spacing: -.075em;
    text-wrap: balance;
}

.ves-head p:not(.eyebrow)[b-n81m94ij85] {
    max-width: 760px;
    margin: 0;
    color: var(--muted);
    font-size: clamp(1rem, 1.14vw, 1.16rem);
    line-height: 1.82;
}

.ves-scroll[b-n81m94ij85] {
    position: relative;
    min-height: calc((var(--ves-count, 8) + 1.35) * 100vh);
    min-height: calc((var(--ves-count, 8) + 1.35) * 100svh);
    height: calc((var(--ves-count, 8) + 1.35) * 100vh);
    height: calc((var(--ves-count, 8) + 1.35) * 100svh);
    overflow: visible;
    isolation: isolate;
    max-width: min(1880px, calc(100vw - 72px));
}

.ves-pin[b-n81m94ij85] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: clamp(620px, calc(100vh - var(--mx-header-h, 78px) - 46px), 900px);
    height: clamp(620px, calc(100svh - var(--mx-header-h, 78px) - 46px), 900px);
    overflow: visible;
    pointer-events: none;
}

.ves-pin.is-fixed-pin[b-n81m94ij85] {
    position: fixed;
}

.ves-pin.is-after-pin[b-n81m94ij85],
.ves-pin.is-before-pin[b-n81m94ij85] {
    position: absolute;
}

.ves-stage[b-n81m94ij85] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    perspective: 1800px;
    transform-style: preserve-3d;
    pointer-events: none;
}

.ves-pagination[b-n81m94ij85] {
    position: absolute;
    top: 50%;
    inset-inline-end: clamp(14px, 1.4vw, 28px);
    z-index: 500;
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    transform: translateY(-50%);
    pointer-events: auto;
}

.ves-dot[b-n81m94ij85] {
    padding: 0;
    margin: 0;
}

.ves-dot button[b-n81m94ij85] {
    position: relative;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: var(--text);
    background: color-mix(in srgb, var(--bg) 74%, transparent);
    border: 1px solid var(--line);
    box-shadow: 0 14px 36px color-mix(in srgb, #000 36%, transparent);
    backdrop-filter: blur(12px);
    font-size: .92rem;
    font-weight: 900;
    cursor: pointer;
    transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

.ves-dot button[b-n81m94ij85]::before {
    content: "";
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(255,255,255,.32);
    border-radius: inherit;
}

.ves-dot.active button[b-n81m94ij85] {
    color: var(--accent-2);
    border-color: color-mix(in srgb, var(--accent-2) 76%, var(--line));
    background: color-mix(in srgb, var(--bg) 56%, transparent);
    transform: scale(1.05);
}

.ves-dot.active button[b-n81m94ij85]::before {
    border-color: var(--accent-2);
}

.ves-card[b-n81m94ij85] {
    --ves-card-radius: clamp(34px, 4.5vw, 66px);
    position: absolute;
    inset: 0;
    z-index: var(--ves-index);
    width: 100%;
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(320px, .33fr) minmax(0, .67fr);
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--line);
    border-radius: var(--ves-card-radius);
    background:
        radial-gradient(circle at 78% 35%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 36%),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 94%, transparent), color-mix(in srgb, var(--panel) 42%, transparent)),
        color-mix(in srgb, var(--bg) 68%, transparent);
    box-shadow: 0 32px 120px color-mix(in srgb, #000 44%, transparent);
    backdrop-filter: blur(18px);
    transform: translate3d(0, 120%, 0) scale(1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    will-change: transform, opacity, filter;
    transform-origin: center center;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: filter .16s ease, opacity .10s linear, box-shadow .18s ease;
}

.ves-card:first-child[b-n81m94ij85],
.ves-card.is-active[b-n81m94ij85],
.ves-card.is-under[b-n81m94ij85],
.ves-card.is-rising[b-n81m94ij85] {
    visibility: visible;
}

.ves-card.is-active[b-n81m94ij85],
.ves-card.is-rising[b-n81m94ij85] {
    opacity: 1;
    pointer-events: auto;
}

.ves-card.is-under[b-n81m94ij85] {
    opacity: .42;
    filter: saturate(.70) brightness(.74) blur(.15px);
}

.ves-card.is-under[b-n81m94ij85] {
    box-shadow:
        0 18px 54px color-mix(in srgb, #000 54%, transparent),
        0 -9px 34px color-mix(in srgb, #fff 8%, transparent);
}

.ves-card.is-rising[b-n81m94ij85] {
    box-shadow:
        0 46px 130px color-mix(in srgb, #000 50%, transparent),
        0 0 0 1px color-mix(in srgb, var(--accent-2) 13%, transparent);
}

.ves-copy[b-n81m94ij85] {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
    min-height: 0;
    padding: clamp(38px, 3.8vw, 68px) clamp(36px, 4.4vw, 82px);
    border-inline-end: 1px solid var(--line);
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--bg) 74%, transparent), color-mix(in srgb, var(--bg) 32%, transparent)),
        color-mix(in srgb, var(--panel) 86%, transparent);
}

.ves-number[b-n81m94ij85] {
    position: relative;
    inset: auto;
    display: block;
    align-self: flex-start;
    margin-bottom: clamp(18px, 2vw, 34px);
    color: var(--soft);
    font-size: clamp(4.25rem, 7.2vw, 8.8rem);
    line-height: .68;
    font-weight: 1000;
    letter-spacing: -.12em;
    pointer-events: none;
}

.ves-copy .eyebrow[b-n81m94ij85],
.ves-copy h3[b-n81m94ij85],
.ves-copy p[b-n81m94ij85],
.ves-tags[b-n81m94ij85],
.ves-link[b-n81m94ij85] {
    position: relative;
    z-index: 2;
}

.ves-copy h3[b-n81m94ij85] {
    max-width: 590px;
    margin-bottom: clamp(14px, 1.25vw, 20px);
    color: var(--text);
    font-size: clamp(2.05rem, 3.42vw, 4.35rem);
    line-height: .94;
    letter-spacing: -.078em;
    text-wrap: balance;
}

.ves-copy p:not(.eyebrow)[b-n81m94ij85] {
    max-width: 510px;
    margin-bottom: clamp(16px, 1.45vw, 22px);
    color: var(--muted);
    font-size: clamp(.96rem, 1vw, 1.08rem);
    line-height: 1.7;
}

.ves-tags[b-n81m94ij85] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 0;
}

.ves-tags span[b-n81m94ij85] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 0 11px;
    color: var(--muted);
    background: var(--soft);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ves-link[b-n81m94ij85] {
    width: fit-content;
    margin-top: auto;
    align-self: flex-start;
    flex: 0 0 auto;
    pointer-events: auto;
}

.ves-media[b-n81m94ij85] {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    background:
        radial-gradient(circle at 58% 44%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 32%),
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px),
        color-mix(in srgb, var(--bg) 86%, #111 14%);
    background-size: auto, 54px 54px, 54px 54px, auto;
}

.ves-media img[b-n81m94ij85],
.ves-media video[b-n81m94ij85],
.ves-fallback[b-n81m94ij85] {
    position: absolute;
    inset: clamp(12px, 1vw, 18px);
    width: calc(100% - (clamp(12px, 1vw, 18px) * 2));
    height: calc(100% - (clamp(12px, 1vw, 18px) * 2));
    border: 1px solid var(--line);
    border-radius: calc(var(--ves-card-radius) - 18px);
    object-fit: cover;
    display: block;
}

.ves-poster[b-n81m94ij85] {
    z-index: 1;
    opacity: .94;
    filter: saturate(.96) contrast(1.06) brightness(.86);
    transform: scale(1.02);
    transition: opacity .28s ease, filter .28s ease, transform .38s ease;
}

.ves-video[b-n81m94ij85] {
    z-index: 2;
    opacity: 0;
    filter: saturate(.94) contrast(1.08) brightness(.88);
    transform: scale(1.03);
    transition: opacity .28s ease, filter .28s ease, transform .38s ease;
}

.ves-card.is-active .ves-poster[b-n81m94ij85],
.ves-card.is-rising .ves-poster[b-n81m94ij85] {
    filter: saturate(1.02) contrast(1.08) brightness(.9);
}

.ves-card.is-active.is-video-playing .ves-video[b-n81m94ij85] {
    opacity: .92;
}

.ves-card.is-active.is-video-playing .ves-poster[b-n81m94ij85] {
    opacity: 0;
}

.ves-card.is-under .ves-video[b-n81m94ij85] {
    opacity: 0;
}

.ves-media:not(.has-video) .ves-poster[b-n81m94ij85] {
    opacity: .96;
}

.ves-fallback[b-n81m94ij85] {
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 65% 36%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 31%),
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px),
        color-mix(in srgb, var(--bg) 88%, #111 12%);
    background-size: auto, 42px 42px, 42px 42px, auto;
}

.ves-fallback span[b-n81m94ij85] {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 10px 14px;
    color: var(--text);
    background: color-mix(in srgb, var(--bg) 54%, transparent);
    backdrop-filter: blur(14px);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ves-overlay[b-n81m94ij85] {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--bg) 20%, transparent) 0%, transparent 30%),
        linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg) 50%, transparent) 100%);
}

.ves-caption[b-n81m94ij85] {
    position: absolute;
    left: clamp(24px, 2vw, 38px);
    right: clamp(24px, 2vw, 38px);
    bottom: clamp(24px, 2vw, 38px);
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 58px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 999px;
    color: #fff;
    background: rgba(0,0,0,.30);
    backdrop-filter: blur(16px);
}

.ves-caption span[b-n81m94ij85] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    background: rgba(255,255,255,.14);
    font-size: .78rem;
    font-weight: 900;
}

.ves-caption strong[b-n81m94ij85] {
    flex: 1;
    text-align: end;
    font-size: .88rem;
    font-weight: 900;
}

/* Keeps every CTA locked to the same visual baseline across all 8 layers.
   Long titles/text no longer push the button to random positions. */
@media (max-height: 760px) and (min-width: 768px) {
    .ves-copy[b-n81m94ij85] {
        padding-top: clamp(30px, 3vh, 48px);
        padding-bottom: clamp(30px, 3vh, 48px);
    }

    .ves-number[b-n81m94ij85] {
        font-size: clamp(3.8rem, 6.4vw, 7.4rem);
        margin-bottom: 16px;
    }

    .ves-copy h3[b-n81m94ij85] {
        font-size: clamp(1.95rem, 3vw, 3.8rem);
        margin-bottom: 12px;
    }

    .ves-copy p:not(.eyebrow)[b-n81m94ij85] {
        line-height: 1.58;
        margin-bottom: 14px;
    }
}

@media (max-width: 767px) {
    .ves-section[b-n81m94ij85] {
        padding-top: 78px;
        padding-bottom: 26px;
    }

    .ves-scroll[b-n81m94ij85] {
        min-height: 0;
    }

   .ves-pin[b-n81m94ij85] {
        position: relative;
        top: auto;
        height: auto;
    }

    .ves-stage[b-n81m94ij85] {
        display: grid;
        gap: 18px;
        height: auto;
    }

    .ves-pagination[b-n81m94ij85] {
        display: none;
    }

    .ves-card[b-n81m94ij85],
    .ves-card:first-child[b-n81m94ij85] {
        position: relative;
        inset: auto;
        visibility: visible;
        opacity: 1;
        transform: none;
        filter: none;
        min-height: auto;
        height: auto;
        grid-template-columns: 1fr;
        border-radius: 30px;
        pointer-events: auto;
    }

    .ves-copy[b-n81m94ij85] {
        padding: 24px;
        border-inline-end: 0;
        border-bottom: 1px solid var(--line);
    }

    .ves-copy h3[b-n81m94ij85] {
        font-size: clamp(2rem, 10vw, 3.2rem);
    }

    .ves-media[b-n81m94ij85] {
        min-height: 330px;
    }
}
/* /Components/Sections/WebDesignHomeSection.razor.rz.scp.css */
.web-design-home-r2[b-74xoawhtao] {
    padding: clamp(64px, 8vw, 118px) clamp(18px, 2.2vw, 28px);
}

.web-design-home-r2__shell[b-74xoawhtao] {
    max-width: 1680px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    gap: clamp(30px, 5vw, 88px);
    align-items: stretch;
    padding: clamp(30px, 4vw, 64px);
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 32px;
    background:
        radial-gradient(circle at 85% 12%, rgba(67,196,224,.10), transparent 34%),
        rgba(127,127,127,.035);
}

.web-design-home-r2__eyebrow[b-74xoawhtao] {
    margin: 0 0 18px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .68;
}

.web-design-home-r2__copy h2[b-74xoawhtao] {
    margin: 0 0 24px;
    max-width: 950px;
    font-size: clamp(2.6rem, 5vw, 6rem);
    line-height: .96;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.web-design-home-r2__copy > p:not(.web-design-home-r2__eyebrow)[b-74xoawhtao] {
    max-width: 760px;
    margin: 0;
    font-size: clamp(1rem, 1.25vw, 1.25rem);
    line-height: 1.65;
    opacity: .72;
}

.web-design-home-r2__actions[b-74xoawhtao] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.web-design-home-r2__map[b-74xoawhtao] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(127,127,127,.22);
    border-left: 1px solid rgba(127,127,127,.22);
    border-radius: 22px;
    overflow: hidden;
}

.web-design-home-r2__map > div[b-74xoawhtao] {
    min-height: 145px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 28px;
    border-right: 1px solid rgba(127,127,127,.22);
    border-bottom: 1px solid rgba(127,127,127,.22);
    background: rgba(127,127,127,.025);
}

.web-design-home-r2__map span[b-74xoawhtao] {
    font-size: .75rem;
    font-weight: 800;
    opacity: .4;
}

.web-design-home-r2__map strong[b-74xoawhtao] {
    font-size: clamp(1rem, 1.25vw, 1.25rem);
    line-height: 1.16;
    letter-spacing: -.025em;
}

@media (max-width: 980px) {
    .web-design-home-r2__shell[b-74xoawhtao] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .web-design-home-r2[b-74xoawhtao] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .web-design-home-r2__shell[b-74xoawhtao] {
        padding: 26px 20px;
        border-radius: 24px;
    }

    .web-design-home-r2__copy h2[b-74xoawhtao] {
        font-size: clamp(2.35rem, 11vw, 3.8rem);
    }

    .web-design-home-r2__map[b-74xoawhtao] {
        grid-template-columns: 1fr;
    }

    .web-design-home-r2__map > div[b-74xoawhtao] {
        min-height: 115px;
    }
}
/* /Components/Sections/WebExamplesGallerySection.razor.rz.scp.css */
.web-examples-gallery[b-q7yo370hme] {
    padding: clamp(72px, 9vw, 140px) clamp(18px, 2.2vw, 28px);
}

.web-examples-gallery__shell[b-q7yo370hme] {
    max-width: 1680px;
    margin: 0 auto;
}

.web-examples-gallery__head[b-q7yo370hme] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: clamp(30px, 6vw, 90px);
    align-items: end;
    margin-bottom: clamp(38px, 5vw, 70px);
}

.web-examples-gallery__eyebrow[b-q7yo370hme] {
    margin: 0 0 16px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .62;
}

.web-examples-gallery__head h2[b-q7yo370hme] {
    margin: 0;
    max-width: 1100px;
    font-size: clamp(2.7rem, 5vw, 6.4rem);
    line-height: .95;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.web-examples-gallery__intro p[b-q7yo370hme] {
    margin: 0;
    max-width: 680px;
    line-height: 1.65;
    font-size: clamp(1rem, 1.2vw, 1.18rem);
    opacity: .72;
}

.web-examples-gallery__all-link[b-q7yo370hme] {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    margin-top: 22px;
    color: inherit;
    text-decoration: none;
    font-weight: 800;
    border-bottom: 1px solid currentColor;
    padding-bottom: 4px;
}

.web-examples-gallery__grid[b-q7yo370hme] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(18px, 2.4vw, 34px);
}

.web-example-card[b-q7yo370hme] {
    min-width: 0;
    color: inherit;
    text-decoration: none;
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 28px;
    overflow: hidden;
    background: rgba(127,127,127,.035);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.web-example-card:hover[b-q7yo370hme] {
    transform: translateY(-4px);
    box-shadow: 0 22px 60px rgba(0,0,0,.12);
    border-color: rgba(127,127,127,.38);
}

.web-example-card:focus-visible[b-q7yo370hme] {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

.web-example-card__media[b-q7yo370hme] {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #111;
}

.web-example-card__media img[b-q7yo370hme] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 280ms ease;
}

.web-example-card:hover .web-example-card__media img[b-q7yo370hme] {
    transform: scale(1.018);
}

.web-example-card__media-top[b-q7yo370hme] {
    position: absolute;
    inset: 16px 16px auto 16px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    pointer-events: none;
}

.web-example-card__badge[b-q7yo370hme],
.web-example-card__priority[b-q7yo370hme] {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 11px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.26);
    background: rgba(5,8,12,.72);
    color: #fff;
    backdrop-filter: blur(10px);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.web-example-card__body[b-q7yo370hme] {
    padding: clamp(24px, 3vw, 38px);
}

.web-example-card__meta[b-q7yo370hme] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .54;
}

.web-example-card h3[b-q7yo370hme] {
    margin: 0 0 12px;
    font-size: clamp(1.8rem, 2.5vw, 3.35rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.web-example-card p[b-q7yo370hme] {
    margin: 0;
    max-width: 720px;
    line-height: 1.58;
    opacity: .7;
}

.web-example-card__chips[b-q7yo370hme] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

.web-example-card__chips span[b-q7yo370hme] {
    padding: 7px 10px;
    border: 1px solid rgba(127,127,127,.25);
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
}

.web-example-card__cta[b-q7yo370hme] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid rgba(127,127,127,.18);
    font-weight: 800;
}

.web-examples-gallery__disclaimer[b-q7yo370hme] {
    max-width: 980px;
    margin: 30px 0 0;
    font-size: .84rem;
    line-height: 1.6;
    opacity: .52;
}

@media (max-width: 900px) {
    .web-examples-gallery__head[b-q7yo370hme],
    .web-examples-gallery__grid[b-q7yo370hme] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .web-examples-gallery[b-q7yo370hme] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .web-examples-gallery__head h2[b-q7yo370hme] {
        font-size: clamp(2.35rem, 11vw, 4rem);
    }

    .web-example-card[b-q7yo370hme] {
        border-radius: 22px;
    }

    .web-example-card__media-top[b-q7yo370hme] {
        inset: 12px 12px auto 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .web-example-card[b-q7yo370hme],
    .web-example-card__media img[b-q7yo370hme] {
        transition: none;
    }

    .web-example-card:hover[b-q7yo370hme] {
        transform: none;
    }

    .web-example-card:hover .web-example-card__media img[b-q7yo370hme] {
        transform: none;
    }
}
/* /Components/Sections/WebOwnerControlSection.razor.rz.scp.css */
.web-owner-control[b-ex19g3i6v8] {
    padding: clamp(70px, 9vw, 140px) clamp(18px, 2.2vw, 28px);
}

.web-owner-control__shell[b-ex19g3i6v8],
.web-owner-control__stack[b-ex19g3i6v8] {
    max-width: 1680px;
    margin-left: auto;
    margin-right: auto;
}

.web-owner-control__shell[b-ex19g3i6v8] {
    padding: clamp(42px, 6vw, 84px);
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
    gap: clamp(40px, 6vw, 92px);
    align-items: center;
    border: 1px solid rgba(127,127,127,.22);
    border-radius: 32px;
    background:
        radial-gradient(circle at 82% 18%, rgba(67,196,224,.12), transparent 36%),
        rgba(127,127,127,.035);
}

.web-owner-control__eyebrow[b-ex19g3i6v8] {
    margin: 0 0 16px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    opacity: .62;
}

.web-owner-control h2[b-ex19g3i6v8] {
    margin: 0;
    max-width: 900px;
    font-size: clamp(3rem, 5.5vw, 6.8rem);
    line-height: .93;
    letter-spacing: -.06em;
    text-wrap: balance;
}

.web-owner-control__copy > p:not(.web-owner-control__eyebrow)[b-ex19g3i6v8] {
    max-width: 770px;
    margin: 24px 0 0;
    line-height: 1.65;
    font-size: clamp(1rem, 1.2vw, 1.2rem);
    opacity: .72;
}

.web-owner-control__actions[b-ex19g3i6v8] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.web-owner-control__capabilities[b-ex19g3i6v8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgba(127,127,127,.22);
    border-left: 1px solid rgba(127,127,127,.22);
    border-radius: 24px;
    overflow: hidden;
}

.web-owner-control__capabilities article[b-ex19g3i6v8] {
    min-height: 145px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(127,127,127,.22);
    border-bottom: 1px solid rgba(127,127,127,.22);
}

.web-owner-control__capabilities span[b-ex19g3i6v8] {
    margin-bottom: 22px;
    font-size: .7rem;
    font-weight: 800;
    opacity: .32;
}

.web-owner-control__capabilities strong[b-ex19g3i6v8] {
    min-height: 2.45em;
    display: flex;
    align-items: flex-start;
    line-height: 1.12;
}

.web-owner-control__capabilities small[b-ex19g3i6v8] {
    margin-top: 6px;
    line-height: 1.35;
    opacity: .55;
}

.web-owner-control__stack[b-ex19g3i6v8] {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.web-owner-control__stack span[b-ex19g3i6v8] {
    padding: 7px 10px;
    border: 1px solid rgba(127,127,127,.23);
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 800;
}

@media (max-width: 1050px) {
    .web-owner-control__shell[b-ex19g3i6v8] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .web-owner-control[b-ex19g3i6v8] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .web-owner-control__shell[b-ex19g3i6v8] {
        padding: 30px 20px;
        border-radius: 24px;
    }

    .web-owner-control h2[b-ex19g3i6v8] {
        font-size: clamp(2.7rem, 12vw, 4.5rem);
    }

    .web-owner-control__capabilities[b-ex19g3i6v8] {
        grid-template-columns: 1fr;
    }

    .web-owner-control__capabilities article[b-ex19g3i6v8] {
        min-height: 116px;
    }

    .web-owner-control__capabilities span[b-ex19g3i6v8] {
        margin-bottom: 16px;
    }

    .web-owner-control__capabilities strong[b-ex19g3i6v8] {
        min-height: 0;
    }
}
/* /Components/Sections/Work/CaseStudy/WorkCaseStudyBuildSystem.razor.rz.scp.css */
.sierra-case-section[b-e34q6h7vgp] {
    padding-top: clamp(54px, 7vw, 110px);
}

.sierra-build-panel[b-e34q6h7vgp] {
    padding: clamp(20px, 3vw, 36px);
    border: 1px solid var(--line);
    border-radius: clamp(30px, 3.2vw, 50px);
    background:
        radial-gradient(circle at 18% 15%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 26rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 80%, transparent), color-mix(in srgb, var(--panel) 70%, transparent));
    box-shadow: 0 34px 120px color-mix(in srgb, #000 34%, transparent);
}

.sierra-build-head[b-e34q6h7vgp] {
    display: grid;
    grid-template-columns: minmax(300px, .86fr) minmax(0, 1fr);
    gap: clamp(20px, 4vw, 62px);
    align-items: end;
    padding: clamp(12px, 2vw, 26px) clamp(10px, 2vw, 24px) clamp(24px, 3vw, 42px);
}

.sierra-build-head h2[b-e34q6h7vgp] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2.6rem, 5.2vw, 5.8rem);
    line-height: .9;
    letter-spacing: -.08em;
}

.sierra-build-head p:not(.eyebrow)[b-e34q6h7vgp] {
    margin: 0;
    color: var(--muted);
    line-height: 1.8;
}

.sierra-module-grid[b-e34q6h7vgp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.sierra-module-grid article[b-e34q6h7vgp] {
    min-height: 310px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 22px;
    padding: clamp(20px, 2.4vw, 32px);
    border: 1px solid var(--line);
    border-radius: 28px;
    background:
        linear-gradient(var(--line) 1px, transparent 1px),
        linear-gradient(90deg, var(--line) 1px, transparent 1px),
        color-mix(in srgb, var(--bg) 70%, transparent);
    background-size: 40px 40px, 40px 40px, auto;
}

.sierra-module-grid span[b-e34q6h7vgp] {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 24px;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--muted);
    font-weight: 950;
}

.sierra-module-grid h3[b-e34q6h7vgp] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.35rem, 2vw, 2.3rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.sierra-module-grid p[b-e34q6h7vgp] {
    margin: 0;
    color: var(--muted);
    line-height: 1.72;
}

.sierra-mini-tags[b-e34q6h7vgp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sierra-mini-tags small[b-e34q6h7vgp] {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 7px 10px;
    color: var(--muted);
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

@media (max-width: 1120px) {
    .sierra-build-head[b-e34q6h7vgp],
    .sierra-module-grid[b-e34q6h7vgp] {
        grid-template-columns: 1fr;
    }

    .sierra-module-grid article[b-e34q6h7vgp] {
        min-height: auto;
    }
}


/* LED module readability + varied rhythm */
.sierra-build-head h2[b-e34q6h7vgp] {
    line-height: .98;
    letter-spacing: -.06em;
    text-wrap: balance;
}

.sierra-build-head p:not(.eyebrow)[b-e34q6h7vgp] {
    font-size: clamp(1rem, 1.05vw, 1.14rem);
    line-height: 1.85;
}

.sierra-module-grid article[b-e34q6h7vgp] {
    min-height: 285px;
}

.sierra-module-grid h3[b-e34q6h7vgp] {
    line-height: 1.08;
    letter-spacing: -.035em;
    text-wrap: balance;
}

.sierra-module-grid p[b-e34q6h7vgp] {
    font-size: clamp(.98rem, 1vw, 1.08rem);
    line-height: 1.84;
    color: color-mix(in srgb, var(--text) 73%, var(--muted));
}

.sierra-mini-tags small:first-child[b-e34q6h7vgp] {
    border-color: color-mix(in srgb, var(--accent-2) 42%, var(--line));
    color: var(--accent-2);
    background: color-mix(in srgb, var(--accent-2) 9%, #000 20%);
}

@media (min-width: 1121px) {
    .sierra-module-grid article:nth-child(1)[b-e34q6h7vgp],
    .sierra-module-grid article:nth-child(4)[b-e34q6h7vgp] {
        grid-column: span 2;
        min-height: 250px;
        background:
            linear-gradient(var(--line) 1px, transparent 1px),
            linear-gradient(90deg, var(--line) 1px, transparent 1px),
            radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 18rem),
            color-mix(in srgb, var(--bg) 70%, transparent);
        background-size: 40px 40px, 40px 40px, auto, auto;
    }

    .sierra-module-grid article:nth-child(3)[b-e34q6h7vgp] {
        background:
            radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 14rem),
            color-mix(in srgb, var(--panel-strong) 72%, transparent);
    }
}
/* /Components/Sections/Work/CaseStudy/WorkCaseStudyGallery.razor.rz.scp.css */
.sierra-case-section[b-xennib5amn] {
    padding-top: clamp(54px, 7vw, 110px);
}

.sierra-section-head[b-xennib5amn] {
    max-width: 980px;
    margin: 0 auto clamp(26px, 4vw, 48px);
    text-align: center;
}

.sierra-section-head h2[b-xennib5amn] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2.6rem, 5.8vw, 6.4rem);
    line-height: .9;
    letter-spacing: -.08em;
}

.sierra-section-head > p:not(.eyebrow)[b-xennib5amn] {
    margin: 16px auto 0;
    max-width: 760px;
    color: var(--muted);
    line-height: 1.75;
}

.sierra-feature-stack[b-xennib5amn] {
    display: grid;
    gap: clamp(18px, 3vw, 34px);
}

.sierra-feature-row[b-xennib5amn] {
    display: grid;
    grid-template-columns: minmax(280px, .54fr) minmax(0, 1fr);
    gap: 16px;
    align-items: stretch;
}

.sierra-feature-row.is-reverse[b-xennib5amn] {
    grid-template-columns: minmax(0, 1fr) minmax(280px, .54fr);
}

.sierra-feature-row.is-reverse .sierra-feature-copy[b-xennib5amn] {
    order: 2;
}

.sierra-feature-row.is-reverse .sierra-feature-media[b-xennib5amn] {
    order: 1;
}

.sierra-feature-copy[b-xennib5amn],
.sierra-feature-media[b-xennib5amn] {
    border: 1px solid var(--line);
    border-radius: clamp(26px, 2.4vw, 38px);
    background:
        radial-gradient(circle at 74% 0%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 18rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 78%, transparent), color-mix(in srgb, var(--panel) 66%, transparent));
    box-shadow: 0 24px 90px color-mix(in srgb, #000 28%, transparent);
}

.sierra-feature-copy[b-xennib5amn] {
    min-height: 420px;
    padding: clamp(26px, 3.6vw, 54px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sierra-feature-number[b-xennib5amn] {
    width: 54px;
    height: 54px;
    display: inline-grid;
    place-items: center;
    margin-bottom: 28px;
    border: 1px solid color-mix(in srgb, var(--accent-2) 35%, var(--line));
    border-radius: 50%;
    color: var(--accent-2);
    font-size: 1.2rem;
    font-weight: 950;
    background: color-mix(in srgb, #000 26%, transparent);
}

.sierra-feature-copy h3[b-xennib5amn] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2rem, 3.7vw, 4.4rem);
    line-height: .94;
    letter-spacing: -.065em;
}

.sierra-feature-copy p[b-xennib5amn] {
    margin: 18px 0 0;
    max-width: 620px;
    color: var(--muted);
    line-height: 1.8;
    font-size: clamp(.98rem, 1.06vw, 1.08rem);
}

.sierra-feature-tags[b-xennib5amn] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.sierra-feature-tags span[b-xennib5amn] {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 8px 12px;
    color: var(--text);
    background: color-mix(in srgb, #000 28%, transparent);
    font-size: .74rem;
    font-weight: 950;
}

.sierra-feature-link[b-xennib5amn] {
    width: fit-content;
    margin-top: 34px;
    padding: 0 0 8px;
    border: 0;
    border-bottom: 1px solid var(--accent-2);
    background: transparent;
    color: var(--text);
    font: inherit;
    font-weight: 950;
    cursor: pointer;
}

.sierra-feature-link span[b-xennib5amn] {
    margin-left: 10px;
    color: var(--accent-2);
}

.sierra-feature-media[b-xennib5amn] {
    position: relative;
    overflow: hidden;
    padding: clamp(8px, .9vw, 14px);
    cursor: zoom-in;
    min-height: 100%;
    display: grid;
    place-items: stretch;
    appearance: none;
    text-align: left;
}

.sierra-feature-media-shell[b-xennib5amn] {
    position: relative;
    display: block;
    width: 100%;
    min-height: 396px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    border-radius: clamp(18px, 1.6vw, 26px);
    background:
        radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent-2) 8%, transparent), transparent 18rem),
        #050607;
    box-shadow:
        inset 0 0 0 1px color-mix(in srgb, #fff 3%, transparent),
        0 18px 60px color-mix(in srgb, #000 24%, transparent);
}

.sierra-feature-media img[b-xennib5amn],
.sierra-feature-media video[b-xennib5amn] {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: 100%;
    min-height: 396px;
    display: block;
    object-fit: cover;
    border: 0;
    border-radius: inherit;
}

.sierra-feature-media.has-video video[b-xennib5amn] {
    object-fit: contain;
    background: #050607;
}

.sierra-media-badge[b-xennib5amn] {
    position: absolute;
    left: clamp(18px, 1.4vw, 26px);
    bottom: clamp(18px, 1.4vw, 26px);
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, #000 62%, transparent);
    color: var(--text);
    backdrop-filter: blur(14px);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
    box-shadow: 0 12px 42px color-mix(in srgb, #000 34%, transparent);
}

.sierra-lightbox[b-xennib5amn] {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(3, 4, 6, .88);
    backdrop-filter: blur(18px);
    display: grid;
    place-items: center;
    padding: 28px;
}

.sierra-lightbox-dialog[b-xennib5amn] {
    width: min(1280px, 100%);
    max-height: calc(100vh - 56px);
    overflow: auto;
    border: 1px solid var(--line);
    border-radius: 28px;
    background:
        radial-gradient(circle at 78% 0%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 18rem),
        color-mix(in srgb, var(--panel-strong) 86%, transparent);
    box-shadow: 0 36px 120px rgba(0, 0, 0, .45);
}

.sierra-lightbox-media[b-xennib5amn] {
    position: relative;
    background: #050607;
}

.sierra-lightbox-media img[b-xennib5amn],
.sierra-lightbox-media video[b-xennib5amn] {
    width: 100%;
    height: auto;
    max-height: min(74vh, 780px);
    display: block;
    object-fit: contain;
    background: #050607;
}

.sierra-lightbox-media-badge[b-xennib5amn] {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, #000 64%, transparent);
    color: var(--text);
    backdrop-filter: blur(14px);
    font-size: .7rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.sierra-lightbox-caption[b-xennib5amn] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    align-items: start;
    padding: 22px;
}

.sierra-lightbox-caption > span[b-xennib5amn] {
    width: 50px;
    height: 50px;
    border: 1px solid var(--line);
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    color: var(--text);
    font-weight: 950;
    background: color-mix(in srgb, #000 40%, transparent);
}

.sierra-lightbox-caption h3[b-xennib5amn] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.5rem, 2.5vw, 2.4rem);
    line-height: 1;
    letter-spacing: -.04em;
}

.sierra-lightbox-caption p[b-xennib5amn] {
    margin: 10px 0 0;
    color: var(--muted);
    line-height: 1.75;
}

.sierra-lightbox-close[b-xennib5amn],
.sierra-lightbox-nav[b-xennib5amn] {
    position: fixed;
    z-index: 1000;
    border: 1px solid var(--line);
    background: color-mix(in srgb, #000 58%, transparent);
    color: var(--text);
    backdrop-filter: blur(12px);
}

.sierra-lightbox-close[b-xennib5amn] {
    top: 22px;
    right: 22px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 1.5rem;
}

.sierra-lightbox-nav[b-xennib5amn] {
    top: 50%;
    transform: translateY(-50%);
    width: 54px;
    height: 54px;
    border-radius: 50%;
    font-size: 2rem;
}

.sierra-lightbox-nav.prev[b-xennib5amn] {
    left: 22px;
}

.sierra-lightbox-nav.next[b-xennib5amn] {
    right: 22px;
}

@media (max-width: 1050px) {
    .sierra-feature-row[b-xennib5amn],
    .sierra-feature-row.is-reverse[b-xennib5amn] {
        grid-template-columns: 1fr;
    }

    .sierra-feature-row.is-reverse .sierra-feature-copy[b-xennib5amn],
    .sierra-feature-row.is-reverse .sierra-feature-media[b-xennib5amn] {
        order: initial;
    }

    .sierra-feature-copy[b-xennib5amn] {
        min-height: auto;
    }

    .sierra-feature-media[b-xennib5amn] {
        min-height: 0;
    }

    .sierra-feature-media-shell[b-xennib5amn] {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .sierra-feature-media img[b-xennib5amn],
    .sierra-feature-media video[b-xennib5amn] {
        height: 100%;
        min-height: 0;
    }
}

@media (max-width: 640px) {

    .sierra-feature-media[b-xennib5amn] {
        padding: 8px;
    }

    .sierra-feature-media-shell[b-xennib5amn] {
        border-radius: 18px;
    }

    .sierra-media-badge[b-xennib5amn] {
        left: 16px;
        bottom: 16px;
        min-height: 32px;
        padding: 0 11px;
        font-size: .66rem;
    }

    .sierra-lightbox[b-xennib5amn] {
        padding: 14px;
    }

    .sierra-lightbox-caption[b-xennib5amn] {
        grid-template-columns: 1fr;
    }

    .sierra-lightbox-media-badge[b-xennib5amn] {
        left: 12px;
        bottom: 12px;
        min-height: 30px;
        padding: 0 10px;
        font-size: .62rem;
    }

    .sierra-lightbox-close[b-xennib5amn] {
        top: 12px;
        right: 12px;
    }

    .sierra-lightbox-nav[b-xennib5amn] {
        display: none;
    }
}

/* LED case enhancements: parent cards, child clips, render library */
.sierra-feature-media-shell[b-xennib5amn] {
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
    appearance: none;
    cursor: zoom-in;
    text-align: left;
}

.sierra-feature-row.has-child-videos .sierra-feature-media[b-xennib5amn] {
    gap: 12px;
}

.sierra-child-summary[b-xennib5amn] {
    margin-top: 18px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    border: 1px solid color-mix(in srgb, var(--accent-2) 28%, var(--line));
    border-radius: 999px;
    padding: 8px 12px;
    background: color-mix(in srgb, #000 30%, transparent);
    color: var(--muted);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sierra-child-summary strong[b-xennib5amn] {
    color: var(--accent-2);
    font-size: .82rem;
}

.sierra-child-video-grid[b-xennib5amn] {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.sierra-child-video-card[b-xennib5amn] {
    min-height: 120px;
    border: 1px solid color-mix(in srgb, var(--accent-2) 22%, var(--line));
    border-radius: 18px;
    padding: 8px;
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 8rem),
        color-mix(in srgb, #000 38%, transparent);
    color: var(--text);
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.sierra-child-video-card:hover[b-xennib5amn] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--accent-2) 52%, var(--line));
    background: color-mix(in srgb, var(--panel-strong) 72%, transparent);
}

.sierra-child-video-thumb[b-xennib5amn] {
    display: block;
    overflow: hidden;
    border-radius: 12px;
    background: #050607;
    border: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
    aspect-ratio: 16 / 9;
}

.sierra-child-video-thumb video[b-xennib5amn] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    background: #050607;
}

.sierra-child-video-title[b-xennib5amn],
.sierra-child-video-card small[b-xennib5amn] {
    display: block;
    padding-inline: 6px;
}

.sierra-child-video-title[b-xennib5amn] {
    margin-top: 10px;
    font-size: .82rem;
    font-weight: 950;
    line-height: 1.2;
}

.sierra-child-video-card small[b-xennib5amn] {
    margin-top: 7px;
    color: var(--accent-2);
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.led-render-library[b-xennib5amn] {
    margin-top: clamp(42px, 7vw, 96px);
    border: 1px solid var(--line);
    border-radius: clamp(28px, 2.6vw, 42px);
    padding: clamp(18px, 2.8vw, 34px);
    background:
        radial-gradient(circle at 72% 0%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 20rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 78%, transparent), color-mix(in srgb, var(--panel) 62%, transparent));
    box-shadow: 0 30px 110px color-mix(in srgb, #000 30%, transparent);
}

.led-render-library-head[b-xennib5amn] {
    display: grid;
    grid-template-columns: minmax(220px, .58fr) minmax(280px, 1fr);
    gap: clamp(18px, 3vw, 38px);
    align-items: end;
    margin-bottom: clamp(18px, 2.4vw, 28px);
}

.led-render-library-head .eyebrow[b-xennib5amn] {
    grid-column: 1 / -1;
    margin-bottom: -10px;
}

.led-render-library-head h3[b-xennib5amn] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2rem, 4vw, 4.6rem);
    line-height: .92;
    letter-spacing: -.065em;
}

.led-render-library-head p:not(.eyebrow)[b-xennib5amn] {
    margin: 0;
    color: var(--muted);
    line-height: 1.75;
    max-width: 760px;
}

.led-render-grid[b-xennib5amn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.led-render-card[b-xennib5amn] {
    position: relative;
    min-height: 220px;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 0;
    background: #050607;
    color: var(--text);
    cursor: zoom-in;
    text-align: left;
    box-shadow: 0 18px 60px color-mix(in srgb, #000 22%, transparent);
}

.led-render-card[b-xennib5amn]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 34%, rgba(0, 0, 0, .72)),
        radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 12rem);
    pointer-events: none;
}

.led-render-card img[b-xennib5amn] {
    width: 100%;
    height: 100%;
    min-height: 220px;
    display: block;
    object-fit: cover;
    transition: transform .25s ease, opacity .25s ease;
}

.led-render-card:hover img[b-xennib5amn] {
    transform: scale(1.035);
    opacity: .9;
}

.led-render-card > span[b-xennib5amn],
.led-render-card > strong[b-xennib5amn] {
    position: absolute;
    z-index: 2;
    left: 16px;
}

.led-render-card > span[b-xennib5amn] {
    top: 14px;
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 50%;
    background: color-mix(in srgb, #000 54%, transparent);
    color: var(--accent-2);
    font-size: .72rem;
    font-weight: 950;
}

.led-render-card > strong[b-xennib5amn] {
    right: 16px;
    bottom: 16px;
    color: var(--text);
    font-size: .95rem;
    line-height: 1.18;
    letter-spacing: -.02em;
}

@media (max-width: 1050px) {
    .led-render-library-head[b-xennib5amn] {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .led-render-grid[b-xennib5amn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .sierra-child-video-grid[b-xennib5amn],
    .led-render-grid[b-xennib5amn] {
        grid-template-columns: 1fr;
    }

    .led-render-card[b-xennib5amn],
    .led-render-card img[b-xennib5amn] {
        min-height: 190px;
    }
}


/* LED readability + visual rhythm polish */
.sierra-section-head h2[b-xennib5amn] {
    line-height: .96;
    letter-spacing: -.065em;
    text-wrap: balance;
}

.sierra-section-head > p:not(.eyebrow)[b-xennib5amn] {
    font-size: clamp(1rem, 1.05vw, 1.14rem);
    line-height: 1.85;
}

.sierra-feature-copy[b-xennib5amn] {
    position: relative;
    overflow: hidden;
}

.sierra-feature-copy[b-xennib5amn]::after {
    content: attr(data-feature-index);
    display: none;
}

.sierra-feature-number[b-xennib5amn] {
    width: 60px;
    height: 60px;
    margin-bottom: 24px;
    font-size: 1.12rem;
    color: var(--text);
    background:
        radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 70%),
        color-mix(in srgb, #000 34%, transparent);
}

.sierra-feature-copy h3[b-xennib5amn] {
    max-width: 660px;
    font-size: clamp(2.12rem, 3.35vw, 4.05rem);
    line-height: 1;
    letter-spacing: -.052em;
    text-wrap: balance;
}

.sierra-feature-copy p[b-xennib5amn] {
    max-width: 680px;
    font-size: clamp(1.02rem, 1.02vw, 1.14rem);
    line-height: 1.88;
    color: color-mix(in srgb, var(--text) 74%, var(--muted));
}

.sierra-feature-tags span[b-xennib5amn] {
    font-size: .78rem;
    padding: 8px 13px;
}

.sierra-feature-tags span:first-child[b-xennib5amn] {
    border-color: color-mix(in srgb, var(--accent-2) 52%, var(--line));
    color: var(--accent-2);
    background: color-mix(in srgb, var(--accent-2) 10%, #000 26%);
}

.sierra-feature-link[b-xennib5amn] {
    font-size: 1rem;
}

.sierra-feature-row.has-child-videos .sierra-feature-copy[b-xennib5amn] {
    background:
        radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 18rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 86%, transparent), color-mix(in srgb, var(--panel) 64%, transparent));
}

.sierra-feature-row.has-child-videos .sierra-feature-media[b-xennib5amn] {
    background:
        radial-gradient(circle at 76% 0%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 20rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 80%, transparent), color-mix(in srgb, #000 72%, transparent));
}

.sierra-child-summary[b-xennib5amn] {
    font-size: .76rem;
    padding: 9px 14px;
}

.sierra-child-video-grid[b-xennib5amn] {
    gap: 12px;
}

.sierra-child-video-card[b-xennib5amn] {
    min-height: 154px;
    border-radius: 20px;
}

.sierra-child-video-title[b-xennib5amn] {
    font-size: .92rem;
    line-height: 1.26;
}

.sierra-child-video-card small[b-xennib5amn] {
    font-size: .72rem;
}

.led-render-library-head h3[b-xennib5amn] {
    line-height: .98;
    letter-spacing: -.052em;
    text-wrap: balance;
}

.led-render-library-head p:not(.eyebrow)[b-xennib5amn] {
    font-size: clamp(1rem, 1.04vw, 1.14rem);
    line-height: 1.85;
}

.led-render-card > strong[b-xennib5amn] {
    font-size: 1.02rem;
    line-height: 1.22;
}

@media (min-width: 1051px) {
    .sierra-feature-row:nth-child(3n)[b-xennib5amn] {
        grid-template-columns: minmax(320px, .62fr) minmax(0, 1fr);
    }

    .sierra-feature-row:nth-child(3n).is-reverse[b-xennib5amn] {
        grid-template-columns: minmax(0, 1fr) minmax(320px, .62fr);
    }

    .sierra-feature-row.has-child-videos .sierra-feature-media-shell[b-xennib5amn] {
        min-height: 430px;
    }
}

@media (max-width: 640px) {
    .sierra-feature-copy h3[b-xennib5amn] {
        font-size: clamp(2rem, 12vw, 3.1rem);
        line-height: 1.02;
    }

    .sierra-feature-copy p[b-xennib5amn] {
        font-size: 1rem;
        line-height: 1.8;
    }
}

/* Phase 9.2 — Gallery media badge contrast */
.sierra-feature-media[b-xennib5amn],
.sierra-media-badge[b-xennib5amn],
.sierra-lightbox[b-xennib5amn],
.sierra-lightbox-media-badge[b-xennib5amn] {
    --text:#ffffff;
    --muted:rgba(255,255,255,.72);
    --line:rgba(255,255,255,.18);
    --accent:#ffffff;
    --accent-2:#9ee7ff;
    --bg:#050505;
}
.sierra-media-badge[b-xennib5amn],
.sierra-lightbox-media-badge[b-xennib5amn] { color:#ffffff; border-color:rgba(255,255,255,.20); background:rgba(0,0,0,.62); text-shadow:0 2px 12px rgba(0,0,0,.72); }



/* =========================================================
   PHASE 7 DIGITAL SIGNAGE R1
   AJAX-style deferred video system + editorial approval board
   ========================================================= */

.sierra-feature-media.is-led-editorial[b-xennib5amn] {
    padding: clamp(10px, 1vw, 15px);
    background:
        radial-gradient(circle at 84% 0%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent 22rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 88%, transparent), color-mix(in srgb, #000 58%, transparent));
}


.led-case-gallery-section .sierra-feature-media.is-led-editorial > .sierra-media-badge[b-xennib5amn] {
    top: 20px;
    left: 20px;
    bottom: auto;
}
.sierra-feature-media.is-led-editorial .sierra-feature-media-shell[b-xennib5amn] {
    min-height: clamp(390px, 45vw, 650px);
    cursor: default;
}

.led-ajax-player[b-xennib5amn] {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #050607;
}

.led-ajax-player video[b-xennib5amn] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: contain;
    background: #050607;
}

.led-media-play[b-xennib5amn],
.led-sound-toggle[b-xennib5amn] {
    position: absolute;
    z-index: 8;
    border: 1px solid rgba(255,255,255,.22);
    color: #fff;
    background: rgba(5,7,8,.76);
    backdrop-filter: blur(14px);
    box-shadow: 0 16px 46px rgba(0,0,0,.34);
}

.led-media-play[b-xennib5amn] {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 54px;
    padding: 0 18px 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 999px;
    font: inherit;
    font-weight: 950;
    cursor: pointer;
}

.led-media-play > span[b-xennib5amn] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #050607;
    font-size: .74rem;
}

.led-sound-toggle[b-xennib5amn] {
    top: 16px;
    right: 16px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    font: inherit;
    font-size: .68rem;
    font-weight: 950;
    cursor: pointer;
}

.led-player-meta[b-xennib5amn] {
    position: absolute;
    z-index: 7;
    inset: auto 16px 16px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    pointer-events: none;
}

.led-player-meta span[b-xennib5amn],
.led-player-meta strong[b-xennib5amn] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(5,7,8,.66);
    color: #fff;
    backdrop-filter: blur(12px);
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.led-ajax-player.is-playing .led-media-play[b-xennib5amn] {
    opacity: 0;
    pointer-events: none;
}

.led-ajax-player.has-started:not(.is-playing) .led-media-play[b-xennib5amn],
.led-ajax-player.is-ended .led-media-play[b-xennib5amn] {
    opacity: 1;
    pointer-events: auto;
}

.led-ajax-player.has-started .led-player-meta[b-xennib5amn] {
    opacity: .42;
}

.led-ajax-player.is-loading[b-xennib5amn]::before {
    content: "";
    position: absolute;
    z-index: 9;
    left: 50%;
    top: 50%;
    width: 36px;
    height: 36px;
    margin: -18px 0 0 -18px;
    border: 3px solid rgba(255,255,255,.24);
    border-top-color: #fff;
    border-radius: 50%;
    animation: led-gallery-spin-b-xennib5amn .8s linear infinite;
}

@keyframes led-gallery-spin-b-xennib5amn { to { transform: rotate(360deg); } }

.sierra-child-video-thumb[b-xennib5amn] {
    position: relative;
}

.sierra-child-video-thumb img[b-xennib5amn] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.led-child-play[b-xennib5amn] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 50%;
    background: rgba(5,7,8,.7);
    color: #fff;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 28px rgba(0,0,0,.32);
    font-size: .72rem;
}

/* Approval visuals board — intentionally mirrors the asymmetric editorial
   hierarchy used by the Technology Stand approval section. */
.led-render-library[b-xennib5amn] {
    margin-top: clamp(62px, 8vw, 118px);
    padding: clamp(22px, 3vw, 42px);
}

.led-render-library-head[b-xennib5amn] {
    grid-template-columns: minmax(260px, .82fr) minmax(340px, 1fr);
    max-width: 1240px;
}

.led-approval-board[b-xennib5amn] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));

    /* HF2: keep every approval frame visually substantial.
       The row floor prevents wide renders from collapsing into thin strips
       on large/medium desktop widths. */
    grid-auto-rows: clamp(120px, 8.8vw, 160px);
    gap: clamp(12px, 1vw, 16px);
}

.led-approval-board .led-render-card[b-xennib5amn] {
    grid-column: span 4;
    grid-row: span 2;
    min-height: 250px;
    border-radius: clamp(18px, 1.6vw, 26px);
}

.led-approval-board .led-render-card img[b-xennib5amn] {
    min-height: 250px;
    object-fit: cover;
    object-position: center;
}

.led-approval-board .led-render-card:nth-child(1)[b-xennib5amn] {
    /* HF3: clear hero frame at the start of the gallery. */
    grid-column: span 8;
    grid-row: span 5;
    min-height: 540px;
}

.led-approval-board .led-render-card:nth-child(2)[b-xennib5amn] {
    grid-column: span 4;
    grid-row: span 2;
    min-height: 250px;
}

.led-approval-board .led-render-card:nth-child(3)[b-xennib5amn] {
    grid-column: span 4;
    grid-row: span 3;
    min-height: 380px;
}

.led-approval-board .led-render-card:nth-child(4)[b-xennib5amn] {
    grid-column: span 5;
    grid-row: span 3;
    min-height: 380px;
}

.led-approval-board .led-render-card:nth-child(5)[b-xennib5amn] {
    grid-column: span 7;
    grid-row: span 3;
    min-height: 380px;
}

.led-approval-board .led-render-card:nth-child(6)[b-xennib5amn] {
    grid-column: span 4;
    grid-row: span 3;
    min-height: 380px;
}

.led-approval-board .led-render-card:nth-child(7)[b-xennib5amn] {
    grid-column: span 8;
    grid-row: span 3;
    min-height: 380px;
}

.led-approval-board .led-render-card:nth-child(8)[b-xennib5amn],
.led-approval-board .led-render-card:nth-child(9)[b-xennib5amn] {
    grid-column: span 6;
    grid-row: span 3;
    min-height: 380px;
}

.led-approval-board .led-render-card:nth-child(10)[b-xennib5amn] {
    /* A final wide frame closes the board with a strong horizontal beat. */
    grid-column: 1 / -1;
    grid-row: span 3;
    min-height: 390px;
}

.led-approval-board .led-render-card[b-xennib5amn]::before {
    content: "Approval frame";
    position: absolute;
    z-index: 3;
    top: 14px;
    right: 14px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(5,7,8,.58);
    color: rgba(255,255,255,.8);
    backdrop-filter: blur(10px);
    font-size: .6rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.led-lightbox-player[b-xennib5amn] {
    width: 100%;
    min-height: min(70vh, 760px);
}

.led-lightbox-player video[b-xennib5amn] {
    width: 100%;
    min-height: min(70vh, 760px);
    max-height: min(74vh, 780px);
    object-fit: contain;
}

@media (min-width: 1051px) {
    .led-case-gallery-section .sierra-feature-row:nth-child(odd)[b-xennib5amn] {
        grid-template-columns: minmax(300px, .48fr) minmax(0, 1.16fr);
    }

    .led-case-gallery-section .sierra-feature-row:nth-child(even)[b-xennib5amn] {
        grid-template-columns: minmax(0, 1.16fr) minmax(300px, .48fr);
    }

    .led-case-gallery-section .sierra-feature-copy[b-xennib5amn] {
        min-height: 460px;
    }
}

@media (max-width: 1050px) {
    .led-approval-board[b-xennib5amn] {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        grid-auto-rows: clamp(120px, 14vw, 160px);
    }

    .led-approval-board .led-render-card:nth-child(n)[b-xennib5amn] {
        grid-column: span 4;
        grid-row: span 2;
        min-height: 270px;
    }

    .led-approval-board .led-render-card:nth-child(1)[b-xennib5amn] {
        grid-column: 1 / -1;
        grid-row: span 3;
        min-height: 430px;
    }

    .led-approval-board .led-render-card:nth-child(3)[b-xennib5amn],
    .led-approval-board .led-render-card:nth-child(5)[b-xennib5amn],
    .led-approval-board .led-render-card:nth-child(7)[b-xennib5amn] {
        min-height: 310px;
    }

    .led-approval-board .led-render-card:nth-child(10)[b-xennib5amn] {
        grid-column: 1 / -1;
        grid-row: span 2;
        min-height: 320px;
    }
}

@media (max-width: 640px) {
    .sierra-feature-media.is-led-editorial .sierra-feature-media-shell[b-xennib5amn] {
        min-height: 0;
        aspect-ratio: 16 / 10;
    }

    .led-player-meta[b-xennib5amn] {
        inset: auto 10px 10px 10px;
    }

    .led-player-meta span[b-xennib5amn] {
        display: none;
    }

    .led-sound-toggle[b-xennib5amn] {
        top: 10px;
        right: 10px;
    }

    .led-approval-board[b-xennib5amn] {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }

    .led-approval-board .led-render-card:nth-child(n)[b-xennib5amn] {
        grid-column: 1 / -1;
        grid-row: auto;
        min-height: 0;
        aspect-ratio: 16 / 10;
    }

    .led-approval-board .led-render-card:nth-child(1)[b-xennib5amn] {
        aspect-ratio: 16 / 11;
    }

    .led-approval-board .led-render-card img[b-xennib5amn] {
        height: 100%;
        min-height: 0;
    }

    .led-lightbox-player[b-xennib5amn],
    .led-lightbox-player video[b-xennib5amn] {
        min-height: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .led-approval-board .led-render-card img[b-xennib5amn] {
        transition: none;
    }
}


/* =========================================================
   PHASE 7 DIGITAL SIGNAGE R1 HF2
   Approval gallery minimum-size / aspect-rhythm correction
   - prevents medium cards from collapsing into thin strips
   - keeps images large, readable and editorial
   ========================================================= */


/* =========================================================
   PHASE 7 DIGITAL SIGNAGE R1 HF3
   Approval gallery hero-frame + editorial rhythm upgrade
   Rhythm: Large -> Medium -> Medium -> Wide
   ========================================================= */


/* =========================================================
   PHASE 7 DIGITAL SIGNAGE R2
   Large video evidence + stronger breathing rhythm
   No tiny square/thumbnail video presentation for LED child clips.
   ========================================================= */

.led-case-gallery-section .sierra-feature-stack[b-xennib5amn] {
    gap: clamp(88px, 9vw, 142px);
}

.led-case-gallery-section .sierra-feature-row[b-xennib5amn] {
    row-gap: clamp(24px, 3vw, 42px);
}

.led-case-gallery-section .sierra-feature-media.is-led-editorial .sierra-feature-media-shell[b-xennib5amn] {
    min-height: clamp(440px, 46vw, 690px);
}

.led-case-gallery-section .sierra-feature-row.has-child-videos[b-xennib5amn] {
    align-items: start;
}

.led-support-clips[b-xennib5amn] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 24px);
    margin-top: clamp(18px, 2.4vw, 34px);
}

.led-support-clip-card[b-xennib5amn] {
    min-width: 0;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    border: 1px solid color-mix(in srgb, var(--accent-2) 20%, var(--line));
    border-radius: clamp(22px, 2vw, 30px);
    padding: 0;
    background:
        radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 16rem),
        color-mix(in srgb, var(--panel-strong) 76%, #050607 24%);
    color: var(--text);
    text-align: left;
    cursor: pointer;
    box-shadow: 0 24px 70px color-mix(in srgb, #000 28%, transparent);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.led-support-clip-card:hover[b-xennib5amn],
.led-support-clip-card:focus-visible[b-xennib5amn] {
    transform: translateY(-3px);
    border-color: color-mix(in srgb, var(--accent-2) 50%, var(--line));
    box-shadow: 0 30px 86px color-mix(in srgb, #000 34%, transparent);
}

.led-support-clip-card:focus-visible[b-xennib5amn] {
    outline: 2px solid var(--accent-2);
    outline-offset: 4px;
}

.led-support-clip-media[b-xennib5amn] {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 280px;
    aspect-ratio: 16 / 9;
    background: #050607;
}

.led-support-clip-media[b-xennib5amn]::after {
    content: "";
    position: absolute;
    inset: 50% 0 0;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.42));
    pointer-events: none;
}

.led-support-clip-media img[b-xennib5amn] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .28s ease, filter .28s ease;
}

.led-support-clip-card:hover .led-support-clip-media img[b-xennib5amn] {
    transform: scale(1.015);
    filter: brightness(1.04);
}

.led-support-clip-play[b-xennib5amn] {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    width: 58px;
    height: 58px;
    transform: translate(-50%, -50%);
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50%;
    background: rgba(5,7,8,.76);
    color: #fff;
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 48px rgba(0,0,0,.38);
}

.led-support-clip-copy[b-xennib5amn] {
    display: grid;
    gap: 9px;
    padding: clamp(18px, 2vw, 26px);
}

.led-support-clip-copy small[b-xennib5amn] {
    color: var(--accent-2);
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.led-support-clip-copy strong[b-xennib5amn] {
    color: var(--text);
    font-size: clamp(1.05rem, 1.5vw, 1.45rem);
    line-height: 1.2;
}

.led-support-clip-copy em[b-xennib5amn] {
    color: var(--muted);
    font-size: .78rem;
    font-style: normal;
}

@media (max-width: 900px) {
    .led-support-clips[b-xennib5amn] {
        grid-template-columns: 1fr;
    }

    .led-support-clip-media[b-xennib5amn] {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 620px) {
    .led-case-gallery-section .sierra-feature-media.is-led-editorial .sierra-feature-media-shell[b-xennib5amn] {
        min-height: 330px;
    }

    .led-support-clip-media[b-xennib5amn] {
        aspect-ratio: 16 / 10;
    }
}
/* /Components/Sections/Work/CaseStudy/WorkCaseStudyHero.razor.rz.scp.css */
.sierra-case-hero[b-p92h3gvnwv] {
    padding-top: clamp(20px, 4vw, 52px);
}

.sierra-hero-card[b-p92h3gvnwv],
.sierra-metric-strip article[b-p92h3gvnwv] {
    border: 1px solid var(--line);
    background:
        radial-gradient(circle at 78% 10%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 22rem),
        radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 20rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 84%, transparent), color-mix(in srgb, var(--panel) 72%, transparent));
    box-shadow: 0 34px 120px color-mix(in srgb, #000 40%, transparent);
}

.sierra-hero-card[b-p92h3gvnwv] {
    border-radius: clamp(30px, 3vw, 52px);
    padding: clamp(14px, 1.8vw, 24px);
    display: grid;
    gap: clamp(14px, 1.8vw, 22px);
}

.sierra-back-link[b-p92h3gvnwv] {
    width: fit-content;
    color: var(--muted);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.sierra-hero-image-frame[b-p92h3gvnwv] {
    position: relative;
    overflow: hidden;
    min-height: clamp(420px, 56vw, 760px);
    border: 1px solid color-mix(in srgb, var(--accent-2) 20%, var(--line));
    border-radius: clamp(24px, 2.4vw, 38px);
    background: #050607;
    isolation: isolate;
}

.sierra-hero-image-frame[b-p92h3gvnwv]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        radial-gradient(ellipse at 22% 78%, rgba(0, 0, 0, .84) 0%, rgba(0, 0, 0, .58) 30%, rgba(0, 0, 0, .16) 58%, transparent 76%),
        linear-gradient(90deg, rgba(0, 0, 0, .78) 0%, rgba(0, 0, 0, .48) 30%, rgba(0, 0, 0, .12) 62%, rgba(0, 0, 0, .02) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, .06) 34%, rgba(0, 0, 0, .62) 100%);
}

.sierra-hero-image-frame img[b-p92h3gvnwv],
.sierra-hero-image-frame video[b-p92h3gvnwv] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
}

.sierra-hero-overlay[b-p92h3gvnwv] {
    position: absolute;
    left: clamp(22px, 4vw, 62px);
    bottom: clamp(24px, 4vw, 66px);
    z-index: 3;
    max-width: min(520px, 54%);
    display: grid;
    gap: 14px;
}

.sierra-hero-overlay h1[b-p92h3gvnwv] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2.1rem, 4.2vw, 4.7rem);
    line-height: .92;
    letter-spacing: -.065em;
}

.sierra-hero-overlay p:not(.eyebrow)[b-p92h3gvnwv] {
    margin: 0;
    max-width: 520px;
    color: color-mix(in srgb, var(--text) 84%, transparent);
    line-height: 1.75;
    font-size: clamp(.94rem, 1.02vw, 1.05rem);
}

.sierra-status-pill[b-p92h3gvnwv] {
    position: absolute;
    top: clamp(16px, 2vw, 28px);
    right: clamp(16px, 2vw, 28px);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    border: 1px solid color-mix(in srgb, var(--accent-2) 24%, var(--line));
    border-radius: 999px;
    padding: 12px 16px;
    background: color-mix(in srgb, #000 50%, transparent);
    backdrop-filter: blur(14px);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .68rem;
}

.sierra-status-pill span[b-p92h3gvnwv] {
    color: var(--muted);
    font-weight: 950;
}

.sierra-status-pill strong[b-p92h3gvnwv] {
    color: var(--text);
}

.sierra-hero-bottom[b-p92h3gvnwv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

.sierra-tags[b-p92h3gvnwv],
.sierra-hero-actions[b-p92h3gvnwv] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sierra-tags span[b-p92h3gvnwv] {
    border: 1px solid var(--line);
    border-radius: 999px;
    padding: 8px 12px;
    background: color-mix(in srgb, var(--panel-strong) 70%, transparent);
    color: var(--muted);
    font-size: .74rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sierra-metric-strip[b-p92h3gvnwv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding-top: 16px;
}

.sierra-metric-strip article[b-p92h3gvnwv] {
    border-radius: 24px;
    padding: 18px;
    min-height: 98px;
    display: grid;
    align-content: space-between;
}

.sierra-metric-strip span[b-p92h3gvnwv] {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.sierra-metric-strip strong[b-p92h3gvnwv] {
    color: var(--text);
    font-size: clamp(1rem, 1.45vw, 1.32rem);
    line-height: 1.2;
}

@media (max-width: 1180px) {
    .sierra-metric-strip[b-p92h3gvnwv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sierra-hero-overlay[b-p92h3gvnwv] {
        max-width: min(560px, 70%);
    }
}

@media (max-width: 760px) {
    .sierra-hero-image-frame[b-p92h3gvnwv] {
        min-height: 520px;
    }

    .sierra-hero-image-frame img[b-p92h3gvnwv],
    .sierra-hero-image-frame video[b-p92h3gvnwv] {
        object-position: 62% center;
    }

    .sierra-hero-image-frame[b-p92h3gvnwv]::after {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, .18) 0%, rgba(0, 0, 0, .18) 42%, rgba(0, 0, 0, .72) 100%);
    }

    .sierra-hero-overlay[b-p92h3gvnwv] {
        max-width: calc(100% - 40px);
        left: 20px;
        right: 20px;
        bottom: 22px;
    }

    .sierra-status-pill[b-p92h3gvnwv] {
        position: relative;
        top: auto;
        right: auto;
        width: fit-content;
        margin: 14px;
        align-self: start;
    }

    .sierra-hero-bottom[b-p92h3gvnwv],
    .sierra-hero-actions .btn[b-p92h3gvnwv],
    .sierra-hero-actions[b-p92h3gvnwv] {
        width: 100%;
    }

    .sierra-metric-strip[b-p92h3gvnwv] {
        grid-template-columns: 1fr;
    }
}

/* Phase 9.2 — Hero media overlay contrast
   HF2: only the status pill keeps forced white variables.
   The hero card follows the active site theme so Light Mode text stays dark. */
.sierra-status-pill[b-p92h3gvnwv] {
    --text: #ffffff;
    --muted: rgba(255, 255, 255, .72);
    --line: rgba(255, 255, 255, .18);
    --accent: #ffffff;
    --accent-2: #9ee7ff;
    --bg: #050505;
}

.sierra-hero-overlay h1[b-p92h3gvnwv] { color: #ffffff; text-shadow: 0 3px 26px rgba(0,0,0,.78); }
.sierra-hero-overlay p:not(.eyebrow)[b-p92h3gvnwv] { color: rgba(255,255,255,.84); text-shadow: 0 2px 18px rgba(0,0,0,.76); }



/* PHASE 7 DIGITAL SIGNAGE R1 — AJAX-style deferred hero media */
.sierra-hero-led-player[b-p92h3gvnwv] {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    background: #050607;
}

.sierra-hero-led-player video[b-p92h3gvnwv] {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: block;
    object-fit: cover;
    background: #050607;
}

.led-media-play[b-p92h3gvnwv],
.led-sound-toggle[b-p92h3gvnwv] {
    position: absolute;
    z-index: 5;
    border: 1px solid rgba(255,255,255,.22);
    color: #fff;
    background: rgba(5,7,8,.72);
    backdrop-filter: blur(14px);
    box-shadow: 0 16px 44px rgba(0,0,0,.34);
}

.led-media-play[b-p92h3gvnwv] {
    left: 72%;
    top: 58%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 18px;
    border-radius: 999px;
    font: inherit;
    font-weight: 950;
    cursor: pointer;
}

.led-media-play > span[b-p92h3gvnwv] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #050607;
    font-size: .72rem;
}

.led-sound-toggle[b-p92h3gvnwv] {
    top: 18px;
    left: 18px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    font: inherit;
    font-size: .68rem;
    font-weight: 950;
    cursor: pointer;
}

.led-player-kicker[b-p92h3gvnwv] {
    position: absolute;
    z-index: 4;
    right: 18px;
    bottom: 18px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(5,7,8,.62);
    color: rgba(255,255,255,.86);
    font-size: .66rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
}

.led-ajax-player.is-playing .led-media-play[b-p92h3gvnwv] {
    opacity: 0;
    pointer-events: none;
}

.led-ajax-player.has-started:not(.is-playing) .led-media-play[b-p92h3gvnwv],
.led-ajax-player.is-ended .led-media-play[b-p92h3gvnwv] {
    opacity: 1;
    pointer-events: auto;
}

.led-ajax-player.has-started .led-player-kicker[b-p92h3gvnwv] {
    opacity: .38;
}

.led-ajax-player.is-loading[b-p92h3gvnwv]::before {
    content: "";
    position: absolute;
    z-index: 6;
    inset: 50% auto auto 72%;
    width: 34px;
    height: 34px;
    margin: -17px 0 0 -17px;
    border: 3px solid rgba(255,255,255,.25);
    border-top-color: #fff;
    border-radius: 50%;
    animation: led-player-spin-b-p92h3gvnwv .8s linear infinite;
}

@keyframes led-player-spin-b-p92h3gvnwv { to { transform: rotate(360deg); } }

@media (max-width: 760px) {
    .led-media-play[b-p92h3gvnwv] {
        left: 50%;
        top: 43%;
    }

    .led-player-kicker[b-p92h3gvnwv] {
        right: 12px;
        bottom: 12px;
    }
}


/* =========================================================
   PHASE 7 DIGITAL SIGNAGE R2
   Immediate client offer: before installation + after installation.
   ========================================================= */
.led-offer-rail[b-p92h3gvnwv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(14px, 1.6vw, 22px);
    margin-top: clamp(26px, 3vw, 44px);
}

.led-offer-rail article[b-p92h3gvnwv] {
    min-width: 0;
    padding: clamp(24px, 2.8vw, 42px);
    border: 1px solid color-mix(in srgb, var(--accent-2) 16%, var(--line));
    border-radius: clamp(24px, 2.4vw, 36px);
    background:
        radial-gradient(circle at 86% 0%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 18rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 82%, transparent), color-mix(in srgb, #000 24%, transparent));
    box-shadow: 0 22px 72px color-mix(in srgb, #000 24%, transparent);
}

.led-offer-rail article:nth-child(2)[b-p92h3gvnwv] {
    background:
        radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 18rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 84%, transparent), color-mix(in srgb, #000 20%, transparent));
}

.led-offer-rail span[b-p92h3gvnwv] {
    display: block;
    margin-bottom: 18px;
    color: var(--accent-2);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.led-offer-rail h2[b-p92h3gvnwv] {
    margin: 0;
    max-width: 620px;
    color: var(--text);
    font-size: clamp(1.7rem, 2.6vw, 3.1rem);
    line-height: .98;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.led-offer-rail p[b-p92h3gvnwv] {
    margin: 18px 0 0;
    max-width: 64ch;
    color: var(--muted);
    line-height: 1.75;
}

@media (max-width: 840px) {
    .led-offer-rail[b-p92h3gvnwv] {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   PHASE 7 SIERRA R1
   Custom interactive business-application positioning.
   Large readable business-environment cards; Sierra only.
   ========================================================= */
.sierra-business-environments[b-p92h3gvnwv] {
    display: grid;
    gap: clamp(22px, 3vw, 36px);
    margin-top: clamp(18px, 2vw, 28px);
    padding: clamp(28px, 3.4vw, 52px);
    border: 1px solid color-mix(in srgb, var(--accent-2) 18%, var(--line));
    border-radius: clamp(26px, 2.6vw, 40px);
    background:
        radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--accent-2) 11%, transparent), transparent 22rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 84%, transparent), color-mix(in srgb, #000 18%, transparent));
}

.sierra-business-environments-head[b-p92h3gvnwv] {
    display: grid;
    gap: 14px;
    max-width: 920px;
}

.sierra-business-environments-head h2[b-p92h3gvnwv] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2rem, 3.8vw, 4.5rem);
    line-height: .96;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.sierra-business-environments-head > p:not(.eyebrow)[b-p92h3gvnwv] {
    margin: 0;
    max-width: 76ch;
    color: var(--muted);
    line-height: 1.75;
}

.sierra-business-environment-grid[b-p92h3gvnwv] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: clamp(14px, 1.5vw, 20px);
}

.sierra-business-environment-grid article[b-p92h3gvnwv] {
    grid-column: span 2;
    min-width: 0;
    min-height: 250px;
    display: grid;
    align-content: start;
    gap: 14px;
    padding: clamp(22px, 2.2vw, 32px);
    border: 1px solid color-mix(in srgb, var(--accent-2) 14%, var(--line));
    border-radius: clamp(20px, 1.8vw, 28px);
    background:
        radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--accent-2) 7%, transparent), transparent 13rem),
        linear-gradient(160deg, color-mix(in srgb, var(--panel-strong) 84%, transparent), color-mix(in srgb, var(--panel) 62%, transparent));
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--text) 3%, transparent);
}

.sierra-business-environment-grid article:nth-child(4)[b-p92h3gvnwv],
.sierra-business-environment-grid article:nth-child(5)[b-p92h3gvnwv] {
    grid-column: span 3;
    min-height: 230px;
}

.sierra-business-environment-grid article > span[b-p92h3gvnwv] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--accent-2) 32%, var(--line));
    border-radius: 50%;
    color: var(--accent-2);
    font-size: .68rem;
    font-weight: 950;
}

.sierra-business-environment-grid h3[b-p92h3gvnwv] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.08rem, 1.45vw, 1.42rem);
    line-height: 1.12;
    letter-spacing: -.025em;
}

.sierra-business-environment-grid p[b-p92h3gvnwv] {
    margin: 0;
    color: var(--muted);
    font-size: .86rem;
    line-height: 1.65;
}

@media (max-width: 1180px) {
    .sierra-business-environment-grid[b-p92h3gvnwv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sierra-business-environment-grid article[b-p92h3gvnwv],
    .sierra-business-environment-grid article:nth-child(4)[b-p92h3gvnwv],
    .sierra-business-environment-grid article:nth-child(5)[b-p92h3gvnwv] {
        grid-column: auto;
        min-height: 220px;
    }

    .sierra-business-environment-grid article:last-child[b-p92h3gvnwv] {
        grid-column: 1 / -1;
        min-height: 0;
    }
}

@media (max-width: 700px) {
    .sierra-business-environments[b-p92h3gvnwv] {
        padding: 22px;
    }

    .sierra-business-environment-grid[b-p92h3gvnwv] {
        grid-template-columns: 1fr;
    }

    .sierra-business-environment-grid article[b-p92h3gvnwv],
    .sierra-business-environment-grid article:last-child[b-p92h3gvnwv] {
        grid-column: auto;
        min-height: 0;
    }
}

/* =========================================================
   PHASE 7 SIERRA R1 HF2
   Light-Mode Theme Restoration + Text Contrast Correction
   ========================================================= */

/* Correct interpretation:
   - Light Mode keeps the page light/white like the rest of the site.
   - Dark Mode keeps the normal dark theme.
   - Only copy placed directly on the hero IMAGE is forced white.
   - Lower hero tags/actions and the business-environment section follow
     the active theme, so text is dark in Light Mode and light in Dark Mode.
*/

.sierra-hero-card[b-p92h3gvnwv] {
    border-color: var(--line);
    background:
        radial-gradient(circle at 78% 10%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 22rem),
        radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 20rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 84%, transparent), color-mix(in srgb, var(--panel) 72%, transparent));
}

.sierra-hero-bottom[b-p92h3gvnwv] {
    color: var(--text);
}

.sierra-tags span[b-p92h3gvnwv] {
    border-color: var(--line);
    background: color-mix(in srgb, var(--panel-strong) 70%, transparent);
    color: var(--muted);
}

.sierra-business-environments[b-p92h3gvnwv] {
    border-color: color-mix(in srgb, var(--accent-2) 18%, var(--line));
    background:
        radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--accent-2) 11%, transparent), transparent 22rem),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 84%, transparent), color-mix(in srgb, var(--panel) 72%, transparent));
    box-shadow: 0 22px 72px color-mix(in srgb, #000 20%, transparent);
}

.sierra-business-environments-head h2[b-p92h3gvnwv],
.sierra-business-environment-grid h3[b-p92h3gvnwv] {
    color: var(--text);
}

.sierra-business-environments-head > p:not(.eyebrow)[b-p92h3gvnwv],
.sierra-business-environment-grid p[b-p92h3gvnwv] {
    color: var(--muted);
}

.sierra-business-environment-grid article > span[b-p92h3gvnwv] {
    border-color: color-mix(in srgb, var(--accent-2) 32%, var(--line));
    color: var(--accent-2);
}

/* Preserve the approved desktop 3 + 2 hierarchy. */
@media (min-width: 1181px) {
    .sierra-business-environment-grid article:nth-child(4)[b-p92h3gvnwv],
    .sierra-business-environment-grid article:nth-child(5)[b-p92h3gvnwv] {
        padding-inline: clamp(28px, 2.7vw, 40px);
    }
}
/* /Components/Sections/Work/CaseStudy/WorkCaseStudySafetyCta.razor.rz.scp.css */
.sierra-case-section[b-66f412c0z2] {
    padding-top: clamp(54px, 7vw, 110px);
}

.sierra-safety-cta[b-66f412c0z2] {
    padding-bottom: clamp(60px, 8vw, 118px);
}

.sierra-safety-note[b-66f412c0z2],
.sierra-final-cta[b-66f412c0z2] {
    border: 1px solid var(--line);
    border-radius: clamp(28px, 3vw, 44px);
    background:
        radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--accent-2) 12%, transparent), transparent 22rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 80%, transparent), color-mix(in srgb, var(--panel) 68%, transparent));
    box-shadow: 0 24px 90px color-mix(in srgb, #000 30%, transparent);
}

.sierra-safety-note[b-66f412c0z2] {
    padding: clamp(24px, 3vw, 42px);
    margin-bottom: 16px;
}

.sierra-safety-note h2[b-66f412c0z2],
.sierra-final-cta h2[b-66f412c0z2] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2rem, 4.2vw, 4.6rem);
    line-height: .92;
    letter-spacing: -.075em;
}

.sierra-safety-note p:not(.eyebrow)[b-66f412c0z2] {
    max-width: 980px;
    margin: 18px 0 0;
    color: var(--muted);
    line-height: 1.8;
}

.sierra-final-cta[b-66f412c0z2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: clamp(24px, 3vw, 44px);
}

.sierra-final-cta h2[b-66f412c0z2] {
    max-width: 800px;
}

.sierra-final-actions[b-66f412c0z2] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 900px) {
    .sierra-final-cta[b-66f412c0z2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .sierra-final-actions[b-66f412c0z2],
    .sierra-final-actions .btn[b-66f412c0z2] {
        width: 100%;
    }
}


/* Stronger LED approval CTA */
.sierra-safety-note h2[b-66f412c0z2],
.sierra-final-cta h2[b-66f412c0z2] {
    line-height: .98;
    letter-spacing: -.058em;
    text-wrap: balance;
}

.sierra-safety-note p:not(.eyebrow)[b-66f412c0z2],
.sierra-final-cta-copy[b-66f412c0z2] {
    font-size: clamp(1rem, 1.05vw, 1.16rem);
    line-height: 1.85;
    color: color-mix(in srgb, var(--text) 76%, var(--muted));
}

.sierra-final-cta-copy[b-66f412c0z2] {
    max-width: 760px;
    margin: 18px 0 0;
}

.sierra-safety-cta.is-led-case .sierra-final-cta[b-66f412c0z2] {
    background:
        radial-gradient(circle at 82% 0%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 22rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 86%, transparent), color-mix(in srgb, var(--panel) 66%, transparent));
}

.sierra-safety-cta.is-led-case .sierra-final-cta h2[b-66f412c0z2] {
    max-width: 980px;
}

.sierra-safety-cta.is-led-case .sierra-final-actions .btn[b-66f412c0z2] {
    min-width: 180px;
    justify-content: center;
}
/* /Components/Sections/Work/CaseStudy/WorkCaseStudySnapshot.razor.rz.scp.css */
.sierra-case-section[b-vayow2us0q] {
    padding-top: clamp(54px, 7vw, 110px);
}

.sierra-section-head[b-vayow2us0q] {
    display: grid;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.2fr);
    gap: clamp(24px, 5vw, 72px);
    align-items: end;
    margin-bottom: clamp(20px, 3vw, 34px);
}

.sierra-section-head h2[b-vayow2us0q] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2.6rem, 5.8vw, 6.4rem);
    line-height: .9;
    letter-spacing: -.08em;
}

.sierra-text-grid[b-vayow2us0q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.sierra-text-grid article[b-vayow2us0q] {
    min-height: 270px;
    padding: clamp(20px, 2.4vw, 34px);
    border: 1px solid var(--line);
    border-radius: clamp(24px, 2.5vw, 36px);
    background:
        radial-gradient(circle at 82% 10%, color-mix(in srgb, var(--accent-2) 11%, transparent), transparent 18rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 78%, transparent), color-mix(in srgb, var(--panel) 68%, transparent));
    box-shadow: 0 24px 90px color-mix(in srgb, #000 30%, transparent);
}

.sierra-text-grid span[b-vayow2us0q] {
    display: inline-grid;
    place-items: center;
    width: 46px;
    height: 46px;
    margin-bottom: 40px;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--muted);
    font-weight: 950;
}

.sierra-text-grid h3[b-vayow2us0q] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.35rem, 2vw, 2.2rem);
    line-height: 1;
    letter-spacing: -.045em;
}

.sierra-text-grid p[b-vayow2us0q] {
    margin: 14px 0 0;
    color: var(--muted);
    line-height: 1.75;
}

@media (max-width: 980px) {
    .sierra-section-head[b-vayow2us0q],
    .sierra-text-grid[b-vayow2us0q] {
        grid-template-columns: 1fr;
    }

    .sierra-text-grid article[b-vayow2us0q] {
        min-height: auto;
    }
}


/* LED readability polish */
.sierra-section-head h2[b-vayow2us0q] {
    line-height: .98;
    letter-spacing: -.062em;
    text-wrap: balance;
}

.sierra-section-head p:not(.eyebrow)[b-vayow2us0q] {
    font-size: clamp(1rem, 1.05vw, 1.14rem);
    line-height: 1.85;
}

.sierra-text-grid article[b-vayow2us0q] {
    min-height: 250px;
}

.sierra-text-grid article:nth-child(1)[b-vayow2us0q] {
    background:
        radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 18rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 86%, transparent), color-mix(in srgb, var(--panel) 68%, transparent));
}

.sierra-text-grid h3[b-vayow2us0q] {
    line-height: 1.08;
    letter-spacing: -.035em;
    text-wrap: balance;
}

.sierra-text-grid p[b-vayow2us0q] {
    font-size: clamp(.98rem, 1vw, 1.08rem);
    line-height: 1.84;
    color: color-mix(in srgb, var(--text) 74%, var(--muted));
}
/* /Components/Sections/Work/CaseStudy/WorkCaseStudyValue.razor.rz.scp.css */
.sierra-case-section[b-e9w3tawsx3] {
    padding-top: clamp(54px, 7vw, 110px);
}

.sierra-value-layout[b-e9w3tawsx3] {
    display: grid;
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr);
    gap: clamp(22px, 4vw, 54px);
    align-items: start;
}

.sierra-value-heading[b-e9w3tawsx3] {
    position: sticky;
    top: 110px;
}

.sierra-value-heading h2[b-e9w3tawsx3] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2.5rem, 5.4vw, 6rem);
    line-height: .9;
    letter-spacing: -.08em;
}

.sierra-value-heading p:not(.eyebrow)[b-e9w3tawsx3] {
    margin: 22px 0 0;
    color: var(--muted);
    line-height: 1.8;
}

.sierra-value-cards[b-e9w3tawsx3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.sierra-value-cards article[b-e9w3tawsx3],
.sierra-process-row article[b-e9w3tawsx3] {
    border: 1px solid var(--line);
    border-radius: 28px;
    background:
        radial-gradient(circle at 74% 6%, color-mix(in srgb, var(--accent-2) 11%, transparent), transparent 16rem),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 78%, transparent), color-mix(in srgb, var(--panel) 68%, transparent));
    box-shadow: 0 20px 80px color-mix(in srgb, #000 26%, transparent);
}

.sierra-value-cards article[b-e9w3tawsx3] {
    min-height: 230px;
    padding: 26px;
}

.sierra-value-cards span[b-e9w3tawsx3],
.sierra-process-row span[b-e9w3tawsx3] {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 28px;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--muted);
    font-weight: 950;
}

.sierra-value-cards h3[b-e9w3tawsx3],
.sierra-process-row h3[b-e9w3tawsx3] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.24rem, 1.8vw, 2.05rem);
    line-height: 1;
    letter-spacing: -.045em;
}

.sierra-value-cards p[b-e9w3tawsx3],
.sierra-process-row p[b-e9w3tawsx3] {
    margin: 13px 0 0;
    color: var(--muted);
    line-height: 1.72;
}

.sierra-process-row[b-e9w3tawsx3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.sierra-process-row article[b-e9w3tawsx3] {
    padding: 24px;
}

@media (max-width: 1120px) {
    .sierra-value-layout[b-e9w3tawsx3],
    .sierra-process-row[b-e9w3tawsx3] {
        grid-template-columns: 1fr;
    }

    .sierra-value-heading[b-e9w3tawsx3] {
        position: static;
    }
}

@media (max-width: 720px) {
    .sierra-value-cards[b-e9w3tawsx3] {
        grid-template-columns: 1fr;
    }
}


/* LED value cards readability + varied layout */
.sierra-value-heading h2[b-e9w3tawsx3] {
    line-height: .98;
    letter-spacing: -.06em;
    text-wrap: balance;
}

.sierra-value-heading p:not(.eyebrow)[b-e9w3tawsx3] {
    font-size: clamp(1rem, 1.05vw, 1.14rem);
    line-height: 1.85;
}

.sierra-value-cards h3[b-e9w3tawsx3],
.sierra-process-row h3[b-e9w3tawsx3] {
    line-height: 1.08;
    letter-spacing: -.034em;
    text-wrap: balance;
}

.sierra-value-cards p[b-e9w3tawsx3],
.sierra-process-row p[b-e9w3tawsx3] {
    font-size: clamp(.98rem, 1vw, 1.08rem);
    line-height: 1.84;
    color: color-mix(in srgb, var(--text) 73%, var(--muted));
}

@media (min-width: 721px) {
    .sierra-value-cards article:first-child[b-e9w3tawsx3] {
        grid-column: span 2;
        min-height: 190px;
        background:
            radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 16rem),
            linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 86%, transparent), color-mix(in srgb, var(--panel) 66%, transparent));
    }
}

.sierra-value-cards span[b-e9w3tawsx3],
.sierra-process-row span[b-e9w3tawsx3] {
    color: var(--accent-2);
    border-color: color-mix(in srgb, var(--accent-2) 30%, var(--line));
}
/* /Components/Sections/Work/FeaturedCaseStudy.razor.rz.scp.css */
.featured-case-section[b-c0ru1va2md] {
    padding: clamp(8px, 2vw, 24px) 0 clamp(34px, 5vw, 78px);
}

.featured-case-card[b-c0ru1va2md] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    gap: clamp(18px, 3vw, 36px);
    align-items: stretch;
    padding: clamp(14px, 1.5vw, 18px);
    border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
    border-radius: clamp(28px, 3.6vw, 54px);
    background:
        radial-gradient(circle at 86% 8%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 36%),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 94%, transparent), color-mix(in srgb, var(--panel) 84%, transparent));
    box-shadow: 0 30px 100px color-mix(in srgb, #000 28%, transparent);
}

.featured-case-media[b-c0ru1va2md] {
    position: relative;
    overflow: hidden;
    min-height: clamp(380px, 45vw, 610px);
    border: 1px solid var(--line);
    border-radius: clamp(24px, 3vw, 42px);
    background: color-mix(in srgb, var(--panel-strong) 64%, transparent);
}

.featured-case-media img[b-c0ru1va2md],
.featured-case-media video[b-c0ru1va2md] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.featured-case-media[b-c0ru1va2md]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 50%, color-mix(in srgb, #000 42%, transparent)),
        radial-gradient(circle at 24% 20%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 28%);
    pointer-events: none;
}

.featured-case-badge[b-c0ru1va2md] {
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg) 68%, transparent);
    backdrop-filter: blur(14px);
}

.featured-case-badge span[b-c0ru1va2md] {
    color: var(--muted);
    font-family: var(--font-display, serif);
    font-size: 1.4rem;
    line-height: 1;
}

.featured-case-badge strong[b-c0ru1va2md] {
    color: var(--text);
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.featured-case-copy[b-c0ru1va2md] {
    display: grid;
    align-content: center;
    padding: clamp(18px, 3vw, 40px) clamp(12px, 2vw, 26px);
}

.featured-case-copy h2[b-c0ru1va2md] {
    margin: 0 0 14px;
    color: var(--text);
    font-size: clamp(2.2rem, 4.6vw, 5.3rem);
    line-height: .88;
    letter-spacing: -.075em;
}

.featured-case-copy > p:not(.eyebrow)[b-c0ru1va2md] {
    margin: 0;
    color: var(--muted);
    line-height: 1.75;
    font-size: clamp(.98rem, 1vw, 1.08rem);
}

.featured-case-outcome[b-c0ru1va2md] {
    margin: clamp(18px, 2.4vw, 28px) 0 16px;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 20px;
    background: color-mix(in srgb, var(--panel-strong) 58%, transparent);
}

.featured-case-outcome span[b-c0ru1va2md] {
    display: block;
    margin-bottom: 8px;
    color: var(--muted);
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .14em;
}

.featured-case-outcome p[b-c0ru1va2md] {
    margin: 0;
    color: var(--text);
    line-height: 1.55;
}

.work-tags[b-c0ru1va2md] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.work-tags span[b-c0ru1va2md] {
    padding: 8px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    background: color-mix(in srgb, var(--panel-strong) 62%, transparent);
    font-size: .82rem;
}

@media (max-width: 980px) {
    .featured-case-card[b-c0ru1va2md] {
        grid-template-columns: 1fr;
    }

    .featured-case-copy[b-c0ru1va2md] {
        padding: 14px;
    }
}

@media (max-width: 640px) {
    .featured-case-card[b-c0ru1va2md] {
        border-radius: 30px;
    }

    .featured-case-media[b-c0ru1va2md] {
        min-height: 300px;
        border-radius: 24px;
    }

    .featured-case-copy h2[b-c0ru1va2md] {
        font-size: clamp(2.15rem, 13vw, 3.45rem);
    }

    .featured-case-copy .btn[b-c0ru1va2md] {
        justify-content: center;
    }
}
/* /Components/Sections/Work/FeaturedSystemsShowcase.razor.rz.scp.css */
.featured-systems-section[b-n94wn9zxca] {
    padding: clamp(18px, 3vw, 42px) 0 clamp(28px, 4.4vw, 62px);
}

.featured-systems-shell[b-n94wn9zxca] {
    display: grid;
    gap: clamp(18px, 2.4vw, 32px);
}

.featured-systems-head[b-n94wn9zxca] {
    max-width: 1040px;
    margin-inline: auto;
    text-align: center;
    display: grid;
    gap: 10px;
}

.featured-systems-head h2[b-n94wn9zxca] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2rem, 4.1vw, 4.4rem);
    line-height: .96;
    letter-spacing: -.06em;
}

.featured-systems-head p:not(.eyebrow)[b-n94wn9zxca] {
    margin: 0 auto;
    max-width: 700px;
    color: var(--muted);
    line-height: 1.7;
}

.featured-systems-tabs[b-n94wn9zxca] {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.featured-system-tab[b-n94wn9zxca] {
    min-width: min(100%, 220px);
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
        "num title"
        "num type";
    gap: 2px 10px;
    align-items: center;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel) 68%, transparent);
    color: var(--text);
    text-align: start;
    cursor: pointer;
    transition: border-color .22s ease, background .22s ease, transform .22s ease, box-shadow .22s ease;
}

.featured-system-tab:hover[b-n94wn9zxca] {
    border-color: color-mix(in srgb, var(--accent) 35%, var(--line));
    background: color-mix(in srgb, var(--panel-strong) 82%, transparent);
    transform: translateY(-1px);
}

.featured-system-tab.is-active[b-n94wn9zxca] {
    border-color: color-mix(in srgb, var(--accent) 68%, var(--line));
    background:
        radial-gradient(circle at 16% 50%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 48%),
        color-mix(in srgb, var(--panel-strong) 94%, transparent);
    box-shadow: 0 12px 34px color-mix(in srgb, var(--accent) 12%, transparent);
    transform: translateY(-1px);
}

.featured-system-tab span[b-n94wn9zxca] {
    grid-area: num;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--text) 8%, transparent);
    color: var(--muted);
    font-variant-numeric: tabular-nums;
}

.featured-system-tab.is-active span[b-n94wn9zxca] {
    background: color-mix(in srgb, var(--accent) 24%, transparent);
    color: var(--accent);
}

.featured-system-tab strong[b-n94wn9zxca] {
    grid-area: title;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .88rem;
}

.featured-system-tab em[b-n94wn9zxca] {
    grid-area: type;
    color: var(--muted);
    font-size: .72rem;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.featured-system-slider[b-n94wn9zxca] {
    --active-system-index: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line));
    border-radius: clamp(28px, 3vw, 46px);
    background:
        radial-gradient(circle at 80% 5%, color-mix(in srgb, var(--accent-2) 17%, transparent), transparent 34%),
        radial-gradient(circle at 14% 16%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 32%),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 92%, transparent), color-mix(in srgb, var(--panel) 76%, transparent));
    box-shadow: 0 34px 120px color-mix(in srgb, #000 36%, transparent);
}

.featured-system-track[b-n94wn9zxca] {
    display: flex;
    width: 100%;
    transform: translate3d(calc(var(--active-system-index) * -100%), 0, 0);
    transition: transform .78s cubic-bezier(.22, 1, .36, 1);
    will-change: transform;
}

.featured-system-card[b-n94wn9zxca] {
    flex: 0 0 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr);
    gap: clamp(18px, 2vw, 30px);
    align-items: stretch;
    padding: clamp(16px, 2vw, 28px);
    min-width: 100%;
}

.featured-system-card:not(.is-active)[b-n94wn9zxca] {
    pointer-events: none;
}

.featured-system-media[b-n94wn9zxca] {
    position: relative;
    min-height: clamp(360px, 35vw, 560px);
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: clamp(22px, 2.4vw, 36px);
    background: #050505;
    transform: translateZ(0);
}

.featured-system-media[b-n94wn9zxca]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 36%, color-mix(in srgb, #000 58%, transparent) 100%),
        radial-gradient(circle at 20% 20%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 28%);
    pointer-events: none;
}

.featured-system-media img[b-n94wn9zxca],
.featured-system-media video[b-n94wn9zxca] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    opacity: .88;
    transform: scale(1.035);
    transition: transform .78s cubic-bezier(.22, 1, .36, 1), opacity .78s ease;
}

.featured-system-card.is-active .featured-system-media img[b-n94wn9zxca],
.featured-system-card.is-active .featured-system-media video[b-n94wn9zxca] {
    transform: scale(1.01);
    opacity: .92;
}

.featured-system-media-badge[b-n94wn9zxca] {
    position: absolute;
    inset-inline: 16px;
    bottom: 16px;
    z-index: 2;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, #000 72%, transparent);
    backdrop-filter: blur(18px);
}

.featured-system-media-badge span[b-n94wn9zxca] {
    color: var(--muted);
    font-size: 1.1rem;
    font-variant-numeric: tabular-nums;
}

.featured-system-media-badge strong[b-n94wn9zxca] {
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .75rem;
}

.featured-system-copy[b-n94wn9zxca] {
    align-self: center;
    display: grid;
    gap: 18px;
    padding: clamp(8px, 1.4vw, 16px);
    opacity: .45;
    transform: translateX(16px);
    transition: opacity .42s ease .18s, transform .42s ease .18s;
}

.featured-system-card.is-active .featured-system-copy[b-n94wn9zxca] {
    opacity: 1;
    transform: translateX(0);
}

.featured-system-copy h3[b-n94wn9zxca] {
    margin: 0;
    color: var(--text);
    font-size: clamp(2.2rem, 4vw, 4.8rem);
    line-height: .9;
    letter-spacing: -.065em;
}

.featured-system-copy > p:not(.eyebrow)[b-n94wn9zxca] {
    margin: 0;
    color: var(--muted);
    line-height: 1.75;
    max-width: 720px;
}

.featured-system-outcome[b-n94wn9zxca] {
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: color-mix(in srgb, var(--panel-strong) 58%, transparent);
}

.featured-system-outcome span[b-n94wn9zxca] {
    display: block;
    margin-bottom: 8px;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .72rem;
}

.featured-system-outcome p[b-n94wn9zxca] {
    margin: 0;
    color: var(--text);
    line-height: 1.65;
}

.featured-system-copy .work-tags[b-n94wn9zxca] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.featured-system-copy .work-tags span[b-n94wn9zxca] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    background: color-mix(in srgb, var(--panel-strong) 42%, transparent);
    font-size: .74rem;
}

.featured-system-actions[b-n94wn9zxca] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.featured-system-actions .btn[b-n94wn9zxca] {
    flex: 1 1 190px;
    justify-content: center;
}

@media (prefers-reduced-motion: reduce) {
    .featured-system-track[b-n94wn9zxca],
    .featured-system-copy[b-n94wn9zxca],
    .featured-system-media img[b-n94wn9zxca],
    .featured-system-media video[b-n94wn9zxca] {
        transition: none;
    }
}

@media (max-width: 980px) {
    .featured-system-card[b-n94wn9zxca] {
        grid-template-columns: 1fr;
    }

    .featured-system-media[b-n94wn9zxca] {
        min-height: 420px;
    }
}

@media (max-width: 640px) {
    .featured-systems-section[b-n94wn9zxca] {
        padding-top: 28px;
    }

    .featured-systems-head[b-n94wn9zxca] {
        text-align: start;
        justify-items: start;
    }

    .featured-systems-head h2[b-n94wn9zxca] {
        font-size: clamp(2rem, 11vw, 3.1rem);
    }

    .featured-systems-tabs[b-n94wn9zxca] {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
        scroll-snap-type: x mandatory;
    }

    .featured-system-tab[b-n94wn9zxca] {
        min-width: 250px;
        scroll-snap-align: start;
    }

    .featured-system-slider[b-n94wn9zxca] {
        border-radius: 28px;
    }

    .featured-system-card[b-n94wn9zxca] {
        padding: 12px;
    }

    .featured-system-media[b-n94wn9zxca] {
        min-height: 270px;
        border-radius: 22px;
    }

    .featured-system-copy h3[b-n94wn9zxca] {
        font-size: clamp(2rem, 13vw, 3.2rem);
    }

    .featured-system-actions .btn[b-n94wn9zxca] {
        width: 100%;
    }
}

/* Phase 9.2 — Media badge contrast */
.featured-system-media[b-n94wn9zxca],
.featured-system-media-badge[b-n94wn9zxca] {
    --text:#ffffff;
    --muted:rgba(255,255,255,.72);
    --line:rgba(255,255,255,.18);
    --accent:#ffffff;
    --accent-2:#9ee7ff;
    --bg:#050505;
}
.featured-system-media-badge[b-n94wn9zxca] { border-color:rgba(255,255,255,.20); background:rgba(0,0,0,.62); }
.featured-system-media-badge span[b-n94wn9zxca] { color:rgba(255,255,255,.68); }
.featured-system-media-badge strong[b-n94wn9zxca] { color:#ffffff; text-shadow:0 2px 12px rgba(0,0,0,.72); }


/* =========================================================
   PHASE 7 WORK R1 HF1
   Light Featured Card Contrast Polish
   ========================================================= */

/* Keep Sierra visually featured in light mode, but reduce the heavy
   blue/gray contrast so it belongs naturally to the light page. */
:root[data-theme="light"] .featured-system-slider[b-n94wn9zxca] {
    border-color: color-mix(in srgb, var(--accent) 13%, var(--line));
    background:
        radial-gradient(circle at 80% 5%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 34%),
        radial-gradient(circle at 14% 16%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 32%),
        linear-gradient(
            135deg,
            color-mix(in srgb, var(--panel-strong) 72%, #fff 28%),
            color-mix(in srgb, var(--panel) 82%, #fff 18%)
        );
    box-shadow: 0 28px 90px rgba(24, 38, 46, .14);
}

:root[data-theme="light"] .featured-system-outcome[b-n94wn9zxca] {
    border-color: color-mix(in srgb, var(--accent) 10%, var(--line));
    background: color-mix(in srgb, var(--panel-strong) 58%, #fff 42%);
}

:root[data-theme="light"] .featured-system-copy .work-tags span[b-n94wn9zxca] {
    background: color-mix(in srgb, var(--panel-strong) 54%, #fff 46%);
}
/* /Components/Sections/Work/WorkCard.razor.rz.scp.css */
.work-card[b-tpom4kv3lh] {
    min-width: 0;
}

.work-card-link[b-tpom4kv3lh] {
    position: relative;
    min-height: 100%;
    display: block;
    overflow: hidden;
    color: var(--text);
    text-decoration: none;
    border: 1px solid var(--line);
    border-radius: clamp(22px, 2vw, 30px);
    background:
        radial-gradient(circle at 82% 4%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 30%),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 92%, transparent), color-mix(in srgb, var(--panel) 82%, transparent));
    box-shadow: 0 22px 70px color-mix(in srgb, #000 18%, transparent);
    transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.work-card-link:hover[b-tpom4kv3lh] {
    transform: translateY(-5px);
    border-color: color-mix(in srgb, var(--accent) 36%, var(--line));
    background:
        radial-gradient(circle at 82% 4%, color-mix(in srgb, var(--accent-2) 16%, transparent), transparent 30%),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 98%, transparent), color-mix(in srgb, var(--panel) 88%, transparent));
}

.work-card-media[b-tpom4kv3lh] {
    position: relative;
    aspect-ratio: 16 / 9;
    min-height: clamp(230px, 23vw, 360px);
    overflow: hidden;
    background: color-mix(in srgb, var(--panel-strong) 62%, transparent);
}

.work-card-media img[b-tpom4kv3lh],
.work-card-media video[b-tpom4kv3lh] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: saturate(.98) contrast(1.03);
    transition: transform .55s ease, filter .3s ease;
}

.work-card-link:hover .work-card-media img[b-tpom4kv3lh],
.work-card-link:hover .work-card-media video[b-tpom4kv3lh] {
    transform: scale(1.045);
    filter: saturate(1.08) contrast(1.07);
}

.work-card-media[b-tpom4kv3lh]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, color-mix(in srgb, #000 12%, transparent) 0%, transparent 34%, color-mix(in srgb, #000 84%, transparent) 100%),
        radial-gradient(circle at 20% 16%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 28%);
    pointer-events: none;
}

.work-card-overlay[b-tpom4kv3lh] {
    position: absolute;
    left: 14px;
    right: 14px;
    top: 14px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--accent) 18%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg) 64%, transparent);
    backdrop-filter: blur(14px);
}

.work-card-overlay span[b-tpom4kv3lh] {
    color: color-mix(in srgb, var(--text) 50%, transparent);
    font-family: var(--font-display, serif);
    font-size: 1.08rem;
    line-height: 1;
}

.work-card-overlay em[b-tpom4kv3lh] {
    color: var(--text);
    font-style: normal;
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.work-card-body[b-tpom4kv3lh] {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 1;
    display: grid;
    gap: 9px;
    padding: clamp(70px, 7vw, 96px) clamp(18px, 1.9vw, 26px) clamp(18px, 1.8vw, 24px);
    pointer-events: none;
}

.work-card-meta[b-tpom4kv3lh] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: color-mix(in srgb, var(--accent) 82%, var(--text));
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .14em;
}

.work-card-body h3[b-tpom4kv3lh] {
    max-width: 88%;
    margin: 0;
    color: var(--text);
    font-size: clamp(1.45rem, 2.2vw, 2.45rem);
    line-height: .98;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.work-card-body p[b-tpom4kv3lh] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 94%;
    margin: 0;
    color: color-mix(in srgb, var(--text) 72%, transparent);
    line-height: 1.55;
    font-size: .84rem;
}

.work-card-tags[b-tpom4kv3lh] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.work-card-tags span[b-tpom4kv3lh] {
    padding: 6px 8px;
    border: 1px solid color-mix(in srgb, var(--text) 18%, transparent);
    border-radius: 999px;
    color: color-mix(in srgb, var(--text) 76%, transparent);
    background: color-mix(in srgb, var(--bg) 48%, transparent);
    font-size: .66rem;
}

@media (max-width: 1180px) {
    .work-card-media[b-tpom4kv3lh] {
        min-height: clamp(240px, 31vw, 380px);
    }
}

@media (max-width: 720px) {
    .work-card-link[b-tpom4kv3lh] {
        border-radius: 26px;
    }

    .work-card-media[b-tpom4kv3lh] {
        min-height: clamp(245px, 62vw, 360px);
    }

    .work-card-body h3[b-tpom4kv3lh] {
        font-size: clamp(1.55rem, 7.8vw, 2.2rem);
    }

    .work-card-body p[b-tpom4kv3lh] {
        font-size: .86rem;
    }
}

/* Phase 9.2 — Media text contrast
   Keep text placed over project images/videos readable in both themes. */
.work-card-link[b-tpom4kv3lh] {
    --text: #ffffff;
    --muted: rgba(255, 255, 255, .72);
    --line: rgba(255, 255, 255, .18);
    --line-strong: rgba(255, 255, 255, .30);
    --accent: #ffffff;
    --accent-2: #9ee7ff;
    --bg: #050505;
}

.work-card-body h3[b-tpom4kv3lh],
.work-card-overlay em[b-tpom4kv3lh] {
    color: #ffffff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .72);
}

.work-card-body p[b-tpom4kv3lh] {
    color: rgba(255, 255, 255, .78);
    text-shadow: 0 2px 14px rgba(0, 0, 0, .72);
}

.work-card-meta[b-tpom4kv3lh] {
    color: #9ee7ff;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .78);
}

.work-card-overlay[b-tpom4kv3lh] {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(0, 0, 0, .48);
}

.work-card-overlay span[b-tpom4kv3lh] {
    color: rgba(255, 255, 255, .64);
}

.work-card-tags span[b-tpom4kv3lh] {
    border-color: rgba(255, 255, 255, .20);
    color: rgba(255, 255, 255, .82);
    background: rgba(0, 0, 0, .44);
}



/* PHASE 7 WORK R1 — service-first card labeling */
.work-card-service[b-tpom4kv3lh] {
    display: grid;
    gap: 3px;
}

.work-card-service em[b-tpom4kv3lh] {
    color: rgba(255, 255, 255, .56);
    font-size: .58rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.work-card-service strong[b-tpom4kv3lh] {
    color: #9ee7ff;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}
/* /Components/Sections/Work/WorkFilterBar.razor.rz.scp.css */
.work-filter-area[b-gxym6dhabr] {
    display: grid;
    justify-items: center;
    gap: 14px;
    width: min(100%, 920px);
    margin-inline: auto;
}

.work-search-box[b-gxym6dhabr] {
    position: relative;
    width: min(100%, 820px);
    display: grid;
    gap: 8px;
}

.work-search-box span[b-gxym6dhabr] {
    color: color-mix(in srgb, var(--accent) 82%, var(--text));
    font-size: .68rem;
    line-height: 1;
    letter-spacing: .18em;
    text-transform: uppercase;
    padding-inline: 18px;
}

.work-search-box input[b-gxym6dhabr] {
    width: 100%;
    min-height: 54px;
    padding: 0 54px 0 20px;
    border: 1px solid color-mix(in srgb, var(--accent) 18%, var(--line));
    border-radius: 999px;
    outline: none;
    color: var(--text);
    background:
        radial-gradient(circle at 92% 50%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 34%),
        color-mix(in srgb, var(--panel) 80%, transparent);
    box-shadow: 0 18px 60px color-mix(in srgb, #000 16%, transparent);
    backdrop-filter: blur(16px);
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.work-search-box input:focus[b-gxym6dhabr] {
    border-color: color-mix(in srgb, var(--accent) 50%, var(--line));
    background:
        radial-gradient(circle at 92% 50%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 34%),
        color-mix(in srgb, var(--panel-strong) 88%, transparent);
    box-shadow: 0 22px 70px color-mix(in srgb, var(--accent) 10%, transparent);
}

.work-search-box input[b-gxym6dhabr]::placeholder {
    color: color-mix(in srgb, var(--muted) 76%, transparent);
}

.work-search-clear[b-gxym6dhabr] {
    position: absolute;
    right: 10px;
    bottom: 8px;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 50%;
    color: var(--text);
    background: color-mix(in srgb, var(--panel-strong) 85%, transparent);
    cursor: pointer;
}

:global([dir="rtl"]) .work-search-box input[b-gxym6dhabr] {
    padding: 0 20px 0 54px;
}

:global([dir="rtl"]) .work-search-clear[b-gxym6dhabr] {
    right: auto;
    left: 10px;
}

.work-filter-bar[b-gxym6dhabr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    margin-inline: auto;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel) 76%, transparent);
    width: fit-content;
    max-width: 100%;
    box-shadow: 0 16px 50px color-mix(in srgb, #000 14%, transparent);
}

.work-filter-pill[b-gxym6dhabr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 42px;
    padding: 9px 13px 9px 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--muted);
    background: transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.work-filter-pill:hover[b-gxym6dhabr] {
    color: var(--text);
    border-color: var(--line);
    background: var(--panel-strong);
    transform: translateY(-1px);
}

.work-filter-pill.is-active[b-gxym6dhabr] {
    color: var(--bg);
    background: var(--text);
    border-color: var(--text);
}

.work-filter-pill em[b-gxym6dhabr] {
    min-width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    color: inherit;
    background: color-mix(in srgb, currentColor 10%, transparent);
    font-style: normal;
    font-size: .76rem;
}

@media (max-width: 720px) {
    .work-filter-area[b-gxym6dhabr] {
        justify-items: stretch;
        gap: 12px;
    }

    .work-search-box[b-gxym6dhabr] {
        width: 100%;
    }

    .work-search-box input[b-gxym6dhabr] {
        min-height: 50px;
        border-radius: 22px;
    }

    .work-filter-bar[b-gxym6dhabr] {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        width: 100%;
        border-radius: 22px;
        scrollbar-width: none;
    }

    .work-filter-bar[b-gxym6dhabr]::-webkit-scrollbar {
        display: none;
    }

    .work-filter-pill[b-gxym6dhabr] {
        flex: 0 0 auto;
    }
}
/* /Components/Sections/Work/WorkGrid.razor.rz.scp.css */
.work-grid[b-527eth7vuf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.8vw, 26px);
}

.work-empty-state[b-527eth7vuf] {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: clamp(28px, 4vw, 48px);
    border: 1px dashed color-mix(in srgb, var(--accent) 28%, var(--line));
    border-radius: 30px;
    text-align: center;
    background: color-mix(in srgb, var(--panel) 62%, transparent);
}

.work-empty-state p[b-527eth7vuf] {
    margin: 0;
    color: var(--text);
    font-size: clamp(1.25rem, 2vw, 1.8rem);
    font-family: var(--font-display, serif);
    letter-spacing: -.04em;
}

.work-empty-state span[b-527eth7vuf] {
    color: var(--muted);
}

@media (max-width: 1180px) {
    .work-grid[b-527eth7vuf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .work-grid[b-527eth7vuf] {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}
/* /Components/Sections/Work/WorkHero.razor.rz.scp.css */
.work-hero[b-7wpdjbsk1k] {
    padding: calc(var(--mx-header-h, 78px) + clamp(24px, 3.6vw, 52px)) 0 clamp(18px, 3vw, 38px);
    background:
        radial-gradient(circle at 82% 10%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 30%),
        radial-gradient(circle at 14% 8%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 28%);
}

.work-hero-shell[b-7wpdjbsk1k] {
    display: grid;
    justify-items: center;
    text-align: center;
    gap: clamp(18px, 2.5vw, 28px);
}

.work-hero-copy[b-7wpdjbsk1k] {
    display: grid;
    justify-items: center;
}

.work-hero-copy h1[b-7wpdjbsk1k] {
    max-width: 1120px;
    margin: 0 0 16px;
    color: var(--text);
    font-size: clamp(2.9rem, 6.15vw, 6.6rem);
    line-height: .91;
    letter-spacing: -.078em;
}

.work-hero-copy > p:not(.eyebrow)[b-7wpdjbsk1k] {
    max-width: 900px;
    margin: 0;
    color: var(--muted);
    font-size: clamp(.98rem, 1vw, 1.1rem);
    line-height: 1.76;
}

.work-hero-actions[b-7wpdjbsk1k] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: clamp(18px, 2.4vw, 30px);
}

.work-capabilities-bridge[b-7wpdjbsk1k] {
    width: min(100%, 1120px);
    display: grid;
    justify-items: center;
    gap: 10px;
    margin-top: 2px;
}

.work-capabilities-label[b-7wpdjbsk1k] {
    margin: 0;
    color: color-mix(in srgb, var(--accent-2) 82%, var(--text));
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.work-hero-metrics[b-7wpdjbsk1k] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: color-mix(in srgb, var(--panel) 72%, transparent);
    box-shadow: 0 18px 60px color-mix(in srgb, #000 18%, transparent);
}

.work-hero-metrics div[b-7wpdjbsk1k] {
    display: grid;
    gap: 2px;
    align-content: center;
    min-height: 58px;
    padding: 8px 14px;
    border: 1px solid color-mix(in srgb, var(--accent) 10%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg) 34%, transparent);
}

.work-hero-metrics strong[b-7wpdjbsk1k] {
    color: var(--text);
    font-family: var(--font-display, serif);
    font-size: clamp(1rem, 1.25vw, 1.35rem);
    line-height: 1;
}

.work-hero-metrics span[b-7wpdjbsk1k] {
    color: var(--muted);
    font-size: .74rem;
    line-height: 1.25;
}

@media (max-width: 720px) {
    .work-hero[b-7wpdjbsk1k] {
        padding-top: calc(var(--mx-header-h, 78px) + 20px);
    }

    .work-hero-shell[b-7wpdjbsk1k] {
        text-align: start;
        justify-items: stretch;
    }

    .work-hero-copy[b-7wpdjbsk1k] {
        justify-items: start;
    }

    .work-hero-copy h1[b-7wpdjbsk1k] {
        font-size: clamp(2.55rem, 13.5vw, 4.35rem);
        max-width: 520px;
    }

    .work-hero-actions[b-7wpdjbsk1k] {
        width: 100%;
        justify-content: stretch;
    }

    .work-hero-actions .btn[b-7wpdjbsk1k] {
        flex: 1 1 160px;
        justify-content: center;
    }

    .work-hero-metrics[b-7wpdjbsk1k] {
        grid-template-columns: 1fr;
        border-radius: 28px;
    }

    .work-hero-metrics div[b-7wpdjbsk1k] {
        border-radius: 22px;
        justify-items: start;
    }
}

/* Phase 9.1 — Work hero mobile offset */
@media (max-width: 720px) {
    .work-hero[b-7wpdjbsk1k] {
        padding-top: calc(var(--mx-header-h, 112px) + 22px);
        padding-bottom: 34px;
    }

    .work-hero-copy h1[b-7wpdjbsk1k] {
        max-width: 100%;
        font-size: clamp(2.6rem, 12.6vw, 4rem);
        line-height: .91;
        text-wrap: balance;
    }

    .work-hero-copy > p:not(.eyebrow)[b-7wpdjbsk1k] {
        font-size: .94rem;
        line-height: 1.66;
    }
}


/* PHASE 7 WORK R1 — B2B Portfolio Positioning */
.work-hero-metrics strong[b-7wpdjbsk1k] {
    font-size: clamp(.98rem, 1.05vw, 1.18rem);
}

.work-hero-metrics span[b-7wpdjbsk1k] {
    font-size: .7rem;
}

@media (max-width: 980px) and (min-width: 721px) {
    .work-hero-metrics[b-7wpdjbsk1k] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-radius: 30px;
    }

    .work-hero-metrics div[b-7wpdjbsk1k] {
        border-radius: 22px;
    }

    .work-hero-metrics div:nth-child(4)[b-7wpdjbsk1k],
    .work-hero-metrics div:nth-child(5)[b-7wpdjbsk1k] {
        grid-column: span 1;
    }
}

@media (max-width: 720px) {
    .work-capabilities-bridge[b-7wpdjbsk1k] {
        justify-items: stretch;
    }

    .work-capabilities-label[b-7wpdjbsk1k] {
        text-align: start;
    }
}


/* =========================================================
   PHASE 7 WORK R1 HF1
   Capability Strip Readability Polish
   ========================================================= */

/* Increase only the secondary capability labels; keep the strip's
   existing height and overall compact footprint. */
.work-hero-metrics span[b-7wpdjbsk1k] {
    font-size: clamp(.75rem, .78vw, .82rem);
    line-height: 1.3;
    font-weight: 560;
}

.work-hero-metrics strong[b-7wpdjbsk1k] {
    font-size: clamp(1rem, 1.08vw, 1.22rem);
}

@media (max-width: 720px) {
    .work-hero-metrics span[b-7wpdjbsk1k] {
        font-size: .82rem;
    }
}
/* /Components/Shared/AdvanceLifts3DViewer.razor.rz.scp.css */
.al3d[b-zjzhiwoosm]{max-width:1240px;margin:34px auto 48px;padding:0 32px;color:#172536}.al3d *[b-zjzhiwoosm]{box-sizing:border-box}.al3d__header[b-zjzhiwoosm]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:42px;align-items:end;margin-bottom:18px}.al3d__header>div>span[b-zjzhiwoosm],.al3d__panel-head>span[b-zjzhiwoosm],.al3d__hotspot-card>span[b-zjzhiwoosm],.al3d__asset-status>span[b-zjzhiwoosm]{display:block;color:#0068a8;font-size:.65rem;font-weight:900;letter-spacing:.13em}.al3d__header h2[b-zjzhiwoosm]{max-width:780px;margin:8px 0 0;font-size:clamp(2rem,3.7vw,3.7rem);line-height:.96;letter-spacing:-.05em}.al3d__header p[b-zjzhiwoosm]{margin:0;color:#5b6e7f;line-height:1.65;font-size:.9rem}.al3d__shell[b-zjzhiwoosm]{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid #cfdbe3;background:#eef3f6;overflow:hidden}.al3d__workspace[b-zjzhiwoosm]{min-width:0;background:#0a1b28}.al3d__stage[b-zjzhiwoosm]{position:relative;min-height:560px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#17384e 0,#0c2434 45%,#07151f 100%);isolation:isolate}.al3d__canvas[b-zjzhiwoosm]{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:2;touch-action:none;outline:none}.al3d__poster[b-zjzhiwoosm]{position:absolute;z-index:1;inset:50% auto auto 50%;transform:translate(-50%,-50%);max-width:72%;max-height:72%;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(0,0,0,.24));transition:opacity .25s ease}.al3d__grid[b-zjzhiwoosm]{position:absolute;z-index:0;inset:0;opacity:.16;background-image:linear-gradient(rgba(123,178,210,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(123,178,210,.15) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}.al3d__loading[b-zjzhiwoosm]{position:absolute;z-index:7;left:18px;top:18px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,255,255,.16);background:rgba(4,19,29,.78);color:#fff;font-size:.7rem}.al3d__loading span[b-zjzhiwoosm]{width:8px;height:8px;border-radius:50%;background:#59c4f1;animation:al3dpulse-b-zjzhiwoosm 1.2s ease-in-out infinite}.al3d__loading[hidden][b-zjzhiwoosm]{display:none}.al3d__state-badge[b-zjzhiwoosm]{position:absolute;z-index:7;right:18px;top:18px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);background:rgba(4,19,29,.7);color:#dcecf6;font-size:.58rem;font-weight:900;letter-spacing:.1em}.al3d__hotspots-layer[b-zjzhiwoosm]{position:absolute;z-index:6;inset:0;pointer-events:none}.al3d__hotspot[b-zjzhiwoosm]{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.88);background:#0675b7;color:#fff;font-size:.64rem;font-weight:900;box-shadow:0 0 0 6px rgba(6,117,183,.18);pointer-events:auto;cursor:pointer}.al3d__hotspot:hover[b-zjzhiwoosm],.al3d__hotspot:focus-visible[b-zjzhiwoosm]{box-shadow:0 0 0 9px rgba(75,190,238,.24);outline:2px solid #fff;outline-offset:2px}.al3d__hotspot[hidden][b-zjzhiwoosm]{display:none}.al3d__dimensions[b-zjzhiwoosm]{position:absolute;z-index:5;inset:0;pointer-events:none;color:#dff5ff;font-size:.62rem;font-weight:900;letter-spacing:.06em}.al3d__dimension[b-zjzhiwoosm]{position:absolute;padding:6px 9px;border:1px solid rgba(115,207,246,.6);background:rgba(4,21,31,.82)}.al3d__dimension--top[b-zjzhiwoosm]{top:70px;left:50%;transform:translateX(-50%)}.al3d__dimension--side[b-zjzhiwoosm]{right:16px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:center}.al3d__dimension--bottom[b-zjzhiwoosm]{bottom:18px;left:50%;transform:translateX(-50%)}.al3d__toolbox[b-zjzhiwoosm]{display:flex;align-items:stretch;gap:0;border-top:1px solid rgba(255,255,255,.12);background:#071722}.al3d__toolgroup[b-zjzhiwoosm]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px;border-right:1px solid rgba(255,255,255,.12)}.al3d__toolgroup>span[b-zjzhiwoosm],.al3d__cameras>span[b-zjzhiwoosm]{margin-right:3px;color:#7aa0b9;font-size:.55rem;font-weight:900;letter-spacing:.1em}.al3d__toolgroup button[b-zjzhiwoosm],.al3d__cameras button[b-zjzhiwoosm]{min-height:36px;border:1px solid rgba(255,255,255,.18);background:#0f2a3c;color:#eef8fd;padding:0 9px;font:inherit;font-size:.61rem;font-weight:900;cursor:pointer}.al3d__toolgroup button:hover:not(:disabled)[b-zjzhiwoosm],.al3d__toolgroup button:focus-visible[b-zjzhiwoosm],.al3d__cameras button:hover:not(:disabled)[b-zjzhiwoosm],.al3d__cameras button:focus-visible[b-zjzhiwoosm]{border-color:#68c7ee;background:#123b55;outline:none}.al3d__toolgroup button[aria-pressed=true][b-zjzhiwoosm]{background:#0675b7;border-color:#63c8ef}.al3d__toolgroup button:disabled[b-zjzhiwoosm],.al3d__cameras button:disabled[b-zjzhiwoosm]{opacity:.32;cursor:not-allowed}.al3d__toolgroup--fullscreen[b-zjzhiwoosm]{margin-left:auto;border-right:0}.al3d__toolgroup--fullscreen button[b-zjzhiwoosm]{font-size:1.1rem;min-width:40px}.al3d__cameras[b-zjzhiwoosm]{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid rgba(255,255,255,.1);background:#0b2130}.al3d__panel[b-zjzhiwoosm]{display:flex;flex-direction:column;gap:16px;padding:24px;background:#fff;border-left:1px solid #d5e0e7}.al3d__panel-head strong[b-zjzhiwoosm]{display:block;margin-top:7px;font-size:1.55rem;line-height:1}.al3d__panel-head small[b-zjzhiwoosm]{display:block;margin-top:7px;color:#718391}.al3d__config[b-zjzhiwoosm]{display:grid;gap:6px}.al3d__config span[b-zjzhiwoosm]{font-size:.62rem;font-weight:900;text-transform:uppercase}.al3d__config select[b-zjzhiwoosm]{width:100%;min-height:42px;border:1px solid #b8c8d2;background:#fff;padding:0 10px;color:#172536}.al3d__hotspot-card[b-zjzhiwoosm]{padding:16px;border:1px solid #cbd9e1;background:#eef3f6}.al3d__hotspot-card strong[b-zjzhiwoosm]{display:block;margin:7px 0 4px;font-size:1rem;line-height:1.15}.al3d__hotspot-card b[b-zjzhiwoosm]{display:block;color:#0068a8;font-size:1.15rem}.al3d__hotspot-card p[b-zjzhiwoosm]{margin:8px 0 0;color:#5b6e7f;font-size:.75rem;line-height:1.5}.al3d__specs[b-zjzhiwoosm]{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d6e1e7}.al3d__specs>div[b-zjzhiwoosm]{min-width:0;padding:11px;border-right:1px solid #d6e1e7;border-bottom:1px solid #d6e1e7}.al3d__specs>div:nth-child(2n)[b-zjzhiwoosm]{border-right:0}.al3d__specs>div:nth-last-child(-n+2)[b-zjzhiwoosm]{border-bottom:0}.al3d__specs span[b-zjzhiwoosm]{display:block;color:#708190;font-size:.55rem;font-weight:900;text-transform:uppercase}.al3d__specs strong[b-zjzhiwoosm]{display:block;margin-top:4px;font-size:.82rem;overflow-wrap:anywhere}.al3d__asset-status[b-zjzhiwoosm]{padding-top:3px}.al3d__asset-status strong[b-zjzhiwoosm]{display:block;margin-top:6px;font-size:.82rem}.al3d__asset-status p[b-zjzhiwoosm]{margin:6px 0 0;color:#718391;font-size:.7rem;line-height:1.5}.al3d__engineering[b-zjzhiwoosm]{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 13px;background:#103a58;color:#fff;text-decoration:none;text-align:center;font-size:.72rem;font-weight:900}.al3d__engineering:hover[b-zjzhiwoosm],.al3d__engineering:focus-visible[b-zjzhiwoosm]{background:#0b4f78;outline:2px solid #0068a8;outline-offset:2px}.al3d__footer[b-zjzhiwoosm]{display:flex;justify-content:space-between;gap:20px;padding:10px 2px 0;color:#758694;font-size:.55rem;font-weight:800;letter-spacing:.05em}.al3d[data-al3d-model-ready=false] .al3d__canvas[b-zjzhiwoosm]{opacity:0}.al3d[data-al3d-model-ready=true] .al3d__poster[b-zjzhiwoosm]{opacity:0;pointer-events:none}.al3d__shell:fullscreen[b-zjzhiwoosm]{width:100vw;height:100vh;grid-template-columns:minmax(0,1fr) 330px;background:#0a1b28}.al3d__shell:fullscreen .al3d__workspace[b-zjzhiwoosm]{height:100vh;display:flex;flex-direction:column}.al3d__shell:fullscreen .al3d__stage[b-zjzhiwoosm]{min-height:0;flex:1}.al3d__shell:fullscreen .al3d__panel[b-zjzhiwoosm]{overflow:auto}.al3d__shell:fullscreen .al3d__toolbox[b-zjzhiwoosm],.al3d__shell:fullscreen .al3d__cameras[b-zjzhiwoosm]{flex:none}@keyframes al3dpulse-b-zjzhiwoosm{50%{opacity:.3;transform:scale(.65)}}@media(max-width:900px){.al3d__header[b-zjzhiwoosm]{grid-template-columns:1fr;gap:12px}.al3d__shell[b-zjzhiwoosm]{grid-template-columns:1fr}.al3d__panel[b-zjzhiwoosm]{border-left:0;border-top:1px solid #d5e0e7}.al3d__stage[b-zjzhiwoosm]{min-height:500px}.al3d__engineering[b-zjzhiwoosm]{margin-top:4px}}@media(max-width:580px){.al3d[b-zjzhiwoosm]{padding:0 12px;margin:26px auto 38px}.al3d__header h2[b-zjzhiwoosm]{font-size:2.15rem}.al3d__header p[b-zjzhiwoosm]{font-size:.8rem}.al3d__stage[b-zjzhiwoosm]{min-height:420px}.al3d__poster[b-zjzhiwoosm]{max-width:84%;max-height:68%}.al3d__toolbox[b-zjzhiwoosm]{display:grid;grid-template-columns:1fr}.al3d__toolgroup[b-zjzhiwoosm]{border-right:0;border-bottom:1px solid rgba(255,255,255,.1);padding:8px}.al3d__toolgroup--fullscreen[b-zjzhiwoosm]{margin-left:0}.al3d__toolgroup button[b-zjzhiwoosm]{flex:1 1 78px;min-height:42px}.al3d__cameras[b-zjzhiwoosm]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px}.al3d__cameras>span[b-zjzhiwoosm]{grid-column:1/-1}.al3d__cameras button[b-zjzhiwoosm]{min-height:40px;padding:0 5px}.al3d__panel[b-zjzhiwoosm]{padding:18px}.al3d__footer[b-zjzhiwoosm]{display:grid;gap:5px}.al3d__dimension--side[b-zjzhiwoosm]{right:-30px}.al3d__shell:fullscreen[b-zjzhiwoosm]{grid-template-columns:1fr;height:100vh;overflow:auto}.al3d__shell:fullscreen .al3d__workspace[b-zjzhiwoosm]{height:72vh;min-height:560px}.al3d__shell:fullscreen .al3d__panel[b-zjzhiwoosm]{overflow:visible}}@media(prefers-reduced-motion:reduce){.al3d *[b-zjzhiwoosm]{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/* /Components/Shared/LegalPolicyLayout.razor.rz.scp.css */
.legal-policy-page[b-8tfofku4w0] {
    min-height: 76vh;
    padding: calc(var(--mx-header-h, 78px) + clamp(22px, 3.6vw, 52px)) 0 clamp(58px, 8vw, 100px);
    background:
        radial-gradient(circle at 74% 14%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 30%),
        radial-gradient(circle at 18% 4%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 28%);
}

.legal-policy-shell[b-8tfofku4w0] {
    display: grid;
    gap: clamp(18px, 2.8vw, 32px);
}

.legal-policy-hero[b-8tfofku4w0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 330px);
    gap: clamp(18px, 3vw, 32px);
    align-items: stretch;
    padding: clamp(20px, 3.4vw, 40px);
    border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
    border-radius: clamp(26px, 3.1vw, 42px);
    background:
        radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--accent-2) 24%, transparent), transparent 35%),
        radial-gradient(circle at 18% 10%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 30%),
        linear-gradient(135deg, color-mix(in srgb, var(--panel-strong) 96%, transparent), color-mix(in srgb, var(--panel) 82%, transparent));
    box-shadow: 0 28px 90px color-mix(in srgb, #000 32%, transparent);
    overflow: hidden;
}

.legal-policy-hero > div:first-child[b-8tfofku4w0] {
    align-self: center;
}

.legal-policy-hero h1[b-8tfofku4w0] {
    max-width: 680px;
    margin: 0 0 12px;
    font-size: clamp(2.25rem, 4.5vw, 4.35rem);
    line-height: .92;
    letter-spacing: -.072em;
}

.legal-policy-hero p:not(.eyebrow)[b-8tfofku4w0],
.legal-policy-card p[b-8tfofku4w0],
.legal-policy-card li[b-8tfofku4w0],
.legal-policy-cta p[b-8tfofku4w0],
.legal-policy-meta span[b-8tfofku4w0] {
    color: var(--muted);
    line-height: 1.72;
}

.legal-policy-hero p:not(.eyebrow)[b-8tfofku4w0] {
    max-width: 720px;
    margin: 0;
    font-size: clamp(.94rem, .92vw, 1.06rem);
}

.legal-policy-meta[b-8tfofku4w0] {
    align-self: stretch;
    display: grid;
    align-content: center;
    min-height: 150px;
    padding: clamp(18px, 2.1vw, 26px);
    border: 1px solid color-mix(in srgb, var(--line-strong) 82%, transparent);
    border-radius: clamp(22px, 2.2vw, 30px);
    background:
        radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--accent) 15%, transparent), transparent 32%),
        color-mix(in srgb, var(--panel-strong) 78%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent);
    backdrop-filter: blur(16px);
}

.legal-policy-meta strong[b-8tfofku4w0] {
    display: block;
    margin: 7px 0 10px;
    color: var(--text);
    font-size: clamp(1.02rem, 1.15vw, 1.24rem);
    line-height: 1.28;
}

.legal-policy-content-grid[b-8tfofku4w0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 260px);
    gap: clamp(14px, 2vw, 24px);
    align-items: start;
}

.legal-policy-rail[b-8tfofku4w0] {
    position: sticky;
    top: calc(var(--mx-header-h, 78px) + 18px);
    order: 2;
}

.legal-policy-body[b-8tfofku4w0] {
    counter-reset: policy-card;
    order: 1;
    display: grid;
    gap: 13px;
}

.legal-policy-rail-card[b-8tfofku4w0] {
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background:
        radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--accent-2) 8%, transparent), transparent 32%),
        color-mix(in srgb, var(--panel-strong) 84%, transparent);
    box-shadow: 0 16px 55px color-mix(in srgb, #000 18%, transparent);
    backdrop-filter: blur(14px);
}

.legal-policy-rail nav[b-8tfofku4w0] {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.legal-policy-rail a[b-8tfofku4w0] {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 9px 12px;
    border: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
    border-radius: 15px;
    color: var(--text);
    text-decoration: none;
    font-size: .86rem;
    opacity: .84;
    transition: opacity .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}

.legal-policy-rail a:hover[b-8tfofku4w0] {
    opacity: 1;
    border-color: color-mix(in srgb, var(--accent) 48%, var(--line));
    background: color-mix(in srgb, var(--accent) 8%, transparent);
    transform: translateX(2px);
}

.site-root[dir="rtl"] .legal-policy-rail a:hover[b-8tfofku4w0] {
    transform: translateX(-2px);
}

.legal-policy-card[b-8tfofku4w0] {
    counter-increment: policy-card;
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: clamp(14px, 2vw, 22px);
    row-gap: 8px;
    padding: clamp(18px, 2.2vw, 28px);
    border: 1px solid var(--line);
    border-radius: clamp(20px, 2.2vw, 28px);
    background:
        radial-gradient(circle at 96% 0%, color-mix(in srgb, var(--accent-2) 8%, transparent), transparent 26%),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 90%, transparent), color-mix(in srgb, var(--panel) 92%, transparent));
    box-shadow: 0 16px 55px color-mix(in srgb, #000 16%, transparent);
}

.legal-policy-card[b-8tfofku4w0]::before {
    content: counter(policy-card, decimal-leading-zero);
    grid-row: 1 / span 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid color-mix(in srgb, var(--accent) 42%, var(--line));
    border-radius: 16px;
    color: var(--accent);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
    font-family: var(--font-mono, monospace);
    font-size: .78rem;
    letter-spacing: .12em;
}

.legal-policy-card h2[b-8tfofku4w0] {
    max-width: 720px;
    margin: 0 0 6px;
    font-size: clamp(1.28rem, 1.9vw, 2.05rem);
    line-height: 1.02;
    letter-spacing: -.052em;
}

.legal-policy-card p[b-8tfofku4w0],
.legal-policy-card li[b-8tfofku4w0] {
    font-size: clamp(.94rem, .9vw, 1.02rem);
}

.legal-policy-card p[b-8tfofku4w0] {
    margin: 0;
}

.legal-policy-card ul[b-8tfofku4w0] {
    display: grid;
    gap: 8px;
    padding-inline-start: 20px;
    margin: 0;
}

.legal-policy-card.full[b-8tfofku4w0] {
    grid-column: auto;
}

.legal-policy-note[b-8tfofku4w0] {
    margin-top: 14px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: color-mix(in srgb, var(--panel-strong) 72%, transparent);
    color: var(--muted);
    line-height: 1.7;
}

.legal-policy-cta[b-8tfofku4w0] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 20px;
    align-items: center;
    padding: clamp(18px, 2.8vw, 30px);
    border: 1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
    border-radius: clamp(22px, 2.8vw, 34px);
    background:
        radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--accent-2) 13%, transparent), transparent 34%),
        linear-gradient(145deg, color-mix(in srgb, var(--panel-strong) 94%, transparent), color-mix(in srgb, var(--panel) 88%, transparent));
}

.legal-policy-cta h2[b-8tfofku4w0] {
    max-width: none;
    margin: 0 0 8px;
    font-size: clamp(1.45rem, 2.5vw, 2.6rem);
    line-height: 1;
    letter-spacing: -.06em;
}

.legal-policy-actions[b-8tfofku4w0] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

@media (max-width: 980px) {
    .legal-policy-hero[b-8tfofku4w0],
    .legal-policy-content-grid[b-8tfofku4w0],
    .legal-policy-cta[b-8tfofku4w0] {
        grid-template-columns: 1fr;
    }

    .legal-policy-rail[b-8tfofku4w0] {
        position: static;
        order: 1;
    }

    .legal-policy-body[b-8tfofku4w0] {
        order: 2;
    }

    .legal-policy-rail-card[b-8tfofku4w0] {
        overflow-x: auto;
    }

    .legal-policy-rail nav[b-8tfofku4w0] {
        display: flex;
        gap: 8px;
        padding-bottom: 2px;
    }

    .legal-policy-rail a[b-8tfofku4w0] {
        white-space: nowrap;
    }

    .legal-policy-actions[b-8tfofku4w0] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .legal-policy-page[b-8tfofku4w0] {
        padding-top: calc(var(--mx-header-h, 68px) + 22px);
    }

    .legal-policy-hero[b-8tfofku4w0] {
        padding: 18px;
        border-radius: 26px;
    }

    .legal-policy-hero h1[b-8tfofku4w0] {
        font-size: clamp(2.05rem, 10vw, 3.05rem);
        letter-spacing: -.066em;
    }

    .legal-policy-meta[b-8tfofku4w0] {
        min-height: 0;
        border-radius: 22px;
    }

    .legal-policy-card[b-8tfofku4w0] {
        grid-template-columns: 1fr;
        border-radius: 22px;
    }

    .legal-policy-card[b-8tfofku4w0]::before {
        grid-row: auto;
        width: 42px;
        height: 34px;
        border-radius: 999px;
    }

    .legal-policy-card h2[b-8tfofku4w0] {
        font-size: 1.48rem;
    }

    .legal-policy-actions .btn[b-8tfofku4w0] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Shared/ProductViewer3D.razor.rz.scp.css */
.mz-viewer-component-shell[b-4u3effg3oc] {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 520px;
}

.mz-3d-viewer[b-4u3effg3oc] {
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 520px;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 58% 42%, rgba(114, 203, 235, .11), transparent 34%),
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(145deg, rgba(255, 255, 255, .045), transparent 72%);
    background-size: auto, 42px 42px, 42px 42px, auto;
}

.mz-3d-viewer[b-4u3effg3oc]::before,
.mz-3d-viewer[b-4u3effg3oc]::after {
    content: none;
}

.mz-viewer-error-fallback[b-4u3effg3oc] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 9px;
    padding: 24px;
    text-align: center;
    color: rgba(255, 255, 255, .66);
}


.mz-viewer-error-fallback strong[b-4u3effg3oc] {
    color: rgba(255, 255, 255, .94);
    font-size: .9rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mz-viewer-error-fallback small[b-4u3effg3oc] {
    max-width: 360px;
    line-height: 1.65;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-stage {
    position: relative;
    width: 100%;
    min-height: 520px;
    height: 100%;
    overflow: hidden;
    touch-action: none;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-canvas {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 520px;
    outline: none;
    cursor: grab;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-canvas:active {
    cursor: grabbing;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-canvas:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .82);
    outline-offset: -4px;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-loading-layer,
.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-error-layer {
    position: absolute;
    inset: 0;
    z-index: 15;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 10px;
    padding: 24px;
    text-align: center;
    background: rgba(5, 6, 7, .72);
    backdrop-filter: blur(12px);
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-loading-layer[hidden],
.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-error-layer[hidden] {
    display: none;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-loading-ring {
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-top-color: rgba(255, 255, 255, .94);
    border-radius: 50%;
    animation: mz-lab-spin-b-4u3effg3oc .9s linear infinite;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-loading-title,
.mz-3d-viewer[b-4u3effg3oc]  .mz-error-title {
    color: rgba(255, 255, 255, .94);
    font-size: .88rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-loading-progress {
    color: rgba(255, 255, 255, .84);
    font-size: .78rem;
    font-variant-numeric: tabular-nums;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-loading-hint,
.mz-3d-viewer[b-4u3effg3oc]  .mz-error-detail {
    max-width: 390px;
    color: rgba(255, 255, 255, .64);
    font-size: .78rem;
    line-height: 1.6;
}

@keyframes mz-lab-spin-b-4u3effg3oc {
    to { transform: rotate(360deg); }
}

.mz-3d-viewer[b-4u3effg3oc]  button,
.mz-3d-viewer[b-4u3effg3oc]  select {
    font: inherit;
}

.mz-3d-viewer[b-4u3effg3oc]  button:focus-visible,
.mz-3d-viewer[b-4u3effg3oc]  select:focus-visible {
    outline: 2px solid rgba(255, 255, 255, .82);
    outline-offset: 3px;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-modebar {
    position: absolute;
    z-index: 8;
    top: 14px;
    left: 14px;
    right: 190px;
    display: flex;
    gap: 7px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    padding: 2px;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-modebar::-webkit-scrollbar,
.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-viewbar::-webkit-scrollbar {
    display: none;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-mode-button,
.mz-3d-viewer[b-4u3effg3oc]  .mz-view-button,
.mz-3d-viewer[b-4u3effg3oc]  .mz-control-button,
.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-action,
.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-action,
.mz-3d-viewer[b-4u3effg3oc]  .mz-port-select,
.mz-3d-viewer[b-4u3effg3oc]  .mz-cable-button {
    position: relative;
    flex: 0 0 auto;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(8, 9, 10, .82);
    color: rgba(255, 255, 255, .88);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
    cursor: pointer;
    backdrop-filter: blur(12px);
    transition: border-color 180ms ease, background 180ms ease, color 180ms ease, transform 180ms ease;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-mode-button::before {
    content: attr(data-index);
    margin-inline-end: 7px;
    color: rgba(119, 210, 241, .84);
    font-size: .62rem;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-mode-button:hover,
.mz-3d-viewer[b-4u3effg3oc]  .mz-view-button:hover,
.mz-3d-viewer[b-4u3effg3oc]  .mz-control-button:hover,
.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-action:hover,
.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-action:hover,
.mz-3d-viewer[b-4u3effg3oc]  .mz-port-select:hover,
.mz-3d-viewer[b-4u3effg3oc]  .mz-cable-button:hover {
    border-color: rgba(255, 255, 255, .32);
    color: rgba(255, 255, 255, .96);
    transform: translateY(-2px);
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-mode-button.is-active,
.mz-3d-viewer[b-4u3effg3oc]  .mz-mode-button[aria-pressed="true"],
.mz-3d-viewer[b-4u3effg3oc]  .mz-control-button[aria-pressed="true"] {
    border-color: rgba(126, 213, 242, .52);
    background: rgba(112, 204, 237, .12);
    color: #fff;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-toptools {
    position: absolute;
    z-index: 9;
    top: 14px;
    right: 14px;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-variant-control {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 4px 5px 4px 11px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    background: rgba(8, 9, 10, .76);
    color: rgba(255, 255, 255, .62);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    backdrop-filter: blur(12px);
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-variant-select {
    min-height: 28px;
    border: 0;
    border-radius: 999px;
    padding: 0 27px 0 10px;
    background: rgba(255, 255, 255, .08);
    color: rgba(255, 255, 255, .94);
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-variant-select option {
    background: #111315;
    color: #fff;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-viewbar {
    position: absolute;
    z-index: 8;
    left: 14px;
    bottom: 58px;
    display: flex;
    gap: 7px;
    max-width: calc(100% - 28px);
    overflow-x: auto;
    scrollbar-width: none;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-view-button {
    min-height: 32px;
    padding-inline: 11px;
    border-color: rgba(255, 255, 255, .20);
    background: rgba(8, 9, 10, .84);
    color: rgba(255, 255, 255, .88);
    font-size: .61rem;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-controlsbar {
    position: absolute;
    z-index: 8;
    left: 14px;
    right: 14px;
    bottom: 14px;
    display: flex;
    gap: 7px;
    align-items: center;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-control-button {
    display: grid;
    place-items: center;
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0;
    border-color: rgba(255, 255, 255, .20);
    background: rgba(8, 9, 10, .88);
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-control-button svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-control-button.is-edge-action {
    margin-inline-start: auto;
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    border-color: rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .07);
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-icon-control::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translate(-50%, 4px);
    padding: 6px 8px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    background: rgba(7, 8, 9, .94);
    color: rgba(255, 255, 255, .90);
    font-size: .58rem;
    letter-spacing: .04em;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease, transform 160ms ease;
}

@media (hover: hover) {
    .mz-3d-viewer[b-4u3effg3oc]  .mz-icon-control:hover::after,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-icon-control:focus-visible::after {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-info-panel {
    position: absolute;
    z-index: 10;
    top: 66px;
    right: 14px;
    width: min(286px, calc(100% - 28px));
    max-height: calc(100% - 152px);
    overflow: auto;
    padding: 17px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 18px;
    background: rgba(8, 9, 10, .84);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .34);
    backdrop-filter: blur(16px);
    opacity: 0;
    transform: translateX(calc(100% + 28px));
    pointer-events: none;
    transition: transform 220ms ease, opacity 180ms ease;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-info-panel.is-open {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-toggle {
    position: absolute;
    z-index: 11;
    top: 50%;
    right: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 42px;
    height: 102px;
    padding: 0;
    transform: translateY(-50%);
    border: 1px solid rgba(123, 215, 244, .42);
    border-radius: 999px;
    background: rgba(8, 10, 11, .88);
    color: rgba(225, 247, 255, .96);
    cursor: pointer;
    box-shadow: 0 0 0 1px rgba(123, 215, 244, .06), 0 0 24px rgba(90, 190, 225, .13);
    backdrop-filter: blur(12px);
    transition: opacity 160ms ease, visibility 160ms ease, border-color 180ms ease, background 180ms ease;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-toggle[hidden],
.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-stage.is-panel-open .mz-panel-toggle {
    display: none !important;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-toggle:hover,
.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-toggle:focus-visible {
    border-color: rgba(151, 227, 252, .82);
    background: rgba(17, 28, 32, .94);
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-toggle-pulse {
    position: absolute;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgb(126, 220, 249);
    box-shadow: 0 0 12px rgba(126, 220, 249, .82);
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-toggle-icon {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 50%;
    font-family: Georgia, serif;
    font-size: .86rem;
    font-weight: 700;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-toggle-label {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: .55rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-close {
    position: absolute;
    top: 10px;
    right: 10px;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
    background: rgba(255, 255, 255, .03);
    color: rgba(255, 255, 255, .78);
    font-size: 1.1rem;
    cursor: pointer;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-eyebrow {
    margin: 0 42px 8px 0;
    color: rgba(119, 210, 241, .88);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-title {
    margin: 0;
    color: rgba(255, 255, 255, .96);
    font-family: var(--font-display, inherit);
    font-size: 1.35rem;
    line-height: 1.1;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-description {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, .68);
    font-size: .78rem;
    line-height: 1.58;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-content {
    display: grid;
    gap: 10px;
    margin-top: 15px;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-note {
    display: block;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .10);
    color: rgba(255, 255, 255, .48);
    font-size: .67rem;
    line-height: 1.5;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-function-list,
.mz-3d-viewer[b-4u3effg3oc]  .mz-node-report,
.mz-3d-viewer[b-4u3effg3oc]  .mz-ports-panel,
.mz-3d-viewer[b-4u3effg3oc]  .mz-dimension-grid {
    display: grid;
    gap: 8px;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-function-item,
.mz-3d-viewer[b-4u3effg3oc]  .mz-node-report-group,
.mz-3d-viewer[b-4u3effg3oc]  .mz-port-card,
.mz-3d-viewer[b-4u3effg3oc]  .mz-dimension-card,
.mz-3d-viewer[b-4u3effg3oc]  .mz-touch-status {
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 12px;
    background: rgba(255, 255, 255, .018);
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-function-item {
    display: grid;
    gap: 3px;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-function-item strong,
.mz-3d-viewer[b-4u3effg3oc]  .mz-node-report-group strong,
.mz-3d-viewer[b-4u3effg3oc]  .mz-dimension-card strong,
.mz-3d-viewer[b-4u3effg3oc]  .mz-touch-status strong {
    color: rgba(255, 255, 255, .90);
    font-size: .73rem;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-function-item span,
.mz-3d-viewer[b-4u3effg3oc]  .mz-node-report-group p,
.mz-3d-viewer[b-4u3effg3oc]  .mz-dimension-card span,
.mz-3d-viewer[b-4u3effg3oc]  .mz-touch-status span {
    margin: 0;
    color: rgba(255, 255, 255, .58);
    font-size: .68rem;
    line-height: 1.48;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-node-report-group.is-muted {
    opacity: .72;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-port-card ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 10px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-port-card li {
    color: rgba(255, 255, 255, .62);
    font-size: .67rem;
    line-height: 1.4;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-port-select {
    min-height: 28px;
    padding-inline: 9px;
    font-size: .61rem;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-cable-options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-dimension-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-dimension-card {
    display: grid;
    gap: 5px;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-installation-progress {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 11px;
    border: 1px solid rgba(119, 210, 241, .28);
    border-radius: 999px;
    color: rgba(119, 210, 241, .92);
    font-size: .68rem;
    font-weight: 800;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-action.is-primary {
    background: #fff;
    color: #080808;
    border-color: #fff;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-panel-action:disabled {
    opacity: .36;
    pointer-events: none;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-toast {
    position: absolute;
    z-index: 11;
    left: 50%;
    bottom: 98px;
    transform: translateX(-50%);
    max-width: min(520px, calc(100% - 32px));
    padding: 10px 14px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(8, 9, 10, .82);
    color: rgba(255, 255, 255, .86);
    font-size: .72rem;
    line-height: 1.4;
    text-align: center;
    backdrop-filter: blur(12px);
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-toast[hidden] {
    display: none;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-f2-hold-progress {
    position: absolute;
    z-index: 12;
    left: 50%;
    top: 50%;
    width: 74px;
    height: 74px;
    transform: translate(-50%, -50%);
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(8, 9, 10, .76);
    backdrop-filter: blur(10px);
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-f2-hold-progress[hidden] {
    display: none;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-f2-hold-progress span {
    position: absolute;
    inset: 5px;
    border: 2px solid rgba(255, 255, 255, .15);
    border-top-color: rgba(119, 210, 241, .92);
    border-radius: 50%;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-f2-hold-progress.is-running span {
    animation: mz-f2-spin-b-4u3effg3oc .8s linear infinite;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-f2-hold-progress small {
    color: #fff;
    font-size: .7rem;
    font-weight: 900;
}

@keyframes mz-f2-spin-b-4u3effg3oc {
    to { transform: rotate(360deg); }
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-dimension-label-layer {
    position: absolute;
    inset: 0;
    z-index: 6;
    pointer-events: none;
    overflow: hidden;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-dimension-label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 5px 8px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    background: rgba(8, 9, 10, .76);
    color: rgba(255, 255, 255, .90);
    font-size: .62rem;
    font-weight: 800;
    white-space: nowrap;
    backdrop-filter: blur(8px);
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-hidden-video {
    position: fixed;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.mz-3d-viewer.is-fullscreen[b-4u3effg3oc],
.mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-stage:fullscreen {
    width: 100vw;
    height: 100vh;
    min-height: 100vh;
    background: #08090a;
}

@media (hover: none) {
    .mz-3d-viewer[b-4u3effg3oc]  .mz-mode-button:hover,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-view-button:hover,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-control-button:hover,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-action:hover,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-panel-action:hover,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-port-select:hover,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-cable-button:hover {
        transform: none;
    }
}

@media (max-width: 980px) {
    .mz-3d-viewer[b-4u3effg3oc],
    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-stage,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-canvas {
        min-height: 500px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-modebar {
        right: 14px;
        top: 58px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-info-panel {
        top: 106px;
        max-height: calc(100% - 190px);
    }
}

@media (max-width: 680px) {
    .mz-3d-viewer[b-4u3effg3oc],
    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-stage,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-canvas {
        min-height: 610px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-toptools {
        left: 10px;
        right: 10px;
        top: 10px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-variant-control {
        width: 100%;
        justify-content: space-between;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-modebar {
        top: 58px;
        left: 10px;
        right: 10px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-mode-button,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-control-button,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-view-button {
        min-height: 42px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-info-panel {
        top: auto;
        left: 10px;
        right: 10px;
        bottom: 108px;
        width: auto;
        max-height: 270px;
        padding: 16px;
        transform: translateY(calc(100% + 126px));
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-info-panel.is-open {
        transform: translateY(0);
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-panel-toggle {
        top: 116px;
        right: 10px;
        width: 40px;
        height: 88px;
        transform: none;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-panel-title {
        font-size: 1.12rem;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-viewbar {
        left: 10px;
        bottom: 58px;
        max-width: calc(100% - 20px);
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-controlsbar {
        left: 10px;
        right: 10px;
        bottom: 10px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-toast {
        bottom: 112px;
        border-radius: 14px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-port-card ul,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-dimension-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mz-3d-viewer[b-4u3effg3oc]  *,
    .mz-3d-viewer[b-4u3effg3oc]  *::before,
    .mz-3d-viewer[b-4u3effg3oc]  *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-function-trigger {
    width: 100%;
    appearance: none;
    text-align: start;
    cursor: pointer;
}

.mz-3d-viewer[b-4u3effg3oc]  .mz-function-trigger:disabled {
    cursor: not-allowed;
    opacity: .42;
}

/* Phase 9.1 — Mobile viewer control clarity */
@media (max-width: 680px) {
    .mz-viewer-component-shell[b-4u3effg3oc],
    .mz-3d-viewer[b-4u3effg3oc],
    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-stage,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-canvas {
        min-height: 690px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-modebar {
        top: 58px;
        left: 10px;
        right: 10px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        overflow: visible;
        padding: 0;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-mode-button {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        justify-content: center;
        padding-inline: 8px;
        font-size: .62rem;
        letter-spacing: .055em;
        white-space: nowrap;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-mode-button:last-child {
        grid-column: 1 / -1;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-panel-toggle {
        top: 164px;
        width: 40px;
        min-width: 40px;
        height: 88px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-viewbar {
        left: 10px;
        right: 10px;
        bottom: 62px;
        width: auto;
        max-width: none;
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 6px;
        overflow: visible;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-view-button {
        width: 100%;
        min-width: 0;
        min-height: 44px;
        padding-inline: 6px;
        font-size: .58rem;
        letter-spacing: .045em;
        justify-content: center;
        white-space: nowrap;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-view-button:nth-child(-n + 3) {
        grid-column: span 2;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-view-button:nth-child(n + 4) {
        grid-column: span 3;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-controlsbar {
        overflow: visible;
        gap: 7px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-control-button {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-control-button.is-edge-action {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-info-panel {
        bottom: 164px;
        max-height: min(300px, 42%);
        border-radius: 20px;
        transform: translateY(calc(100% + 190px));
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-toast {
        bottom: 166px;
        max-width: calc(100% - 24px);
    }
}

@media (max-width: 390px) {
    .mz-viewer-component-shell[b-4u3effg3oc],
    .mz-3d-viewer[b-4u3effg3oc],
    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-stage,
    .mz-3d-viewer[b-4u3effg3oc]  .mz-viewer-canvas {
        min-height: 710px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-mode-button::before {
        margin-inline-end: 5px;
    }

    .mz-3d-viewer[b-4u3effg3oc]  .mz-view-button {
        font-size: .55rem;
    }
}
/* /Components/Shared/SectionTitle.razor.rz.scp.css */
.section-title[b-4pj0248w84] {
    margin-bottom: 42px;
}

.section-title.center[b-4pj0248w84] {
    display: grid;
    justify-items: center;
    text-align: center;
}

.section-title h2[b-4pj0248w84] {
    max-width: 920px;
    margin: 0 0 22px;
    font-size: clamp(2.2rem, 5vw, 5.2rem);
    line-height: .95;
    letter-spacing: -.075em;
}

.section-title p:not(.eyebrow)[b-4pj0248w84] {
    max-width: 780px;
    margin: 0;
    color: var(--muted);
    font-size: 1.04rem;
    line-height: 1.8;
}

@media (max-width: 720px) {
    .section-title[b-4pj0248w84] {
        margin-bottom: 30px;
    }

    .section-title h2[b-4pj0248w84] {
        font-size: clamp(2.2rem, 12vw, 3.6rem);
    }

    .section-title p:not(.eyebrow)[b-4pj0248w84] {
        font-size: .94rem;
        line-height: 1.68;
    }
}