/* ============================================================
   Alfagates — styles.css (arquivo único, consolidado)
   Gerado a partir de: index/quem-somos/servicos/produtos/licencas.css
   + inner-pages, mobile, dark-card-contrast, typography-system,
   photos, photo-compositions, visual-enhancements, site-vitality
   + utilitários que antes vinham do Tailwind CDN (agora estáticos)
   Seletores de página escopados por body.page-* para evitar
   vazamento de estilo entre páginas num único arquivo global.
   ============================================================ */

/* ============ HOME (index.html) ============ */
/* ─── Tokens ──────────────────────────────────────────────────── */
body.page-home {
    --primary:        #158bd3;
    --primary-deep:   #0f6ea8;
    --primary-bright: #39b5ef;
    --primary-soft:   #e8f5ff;
    --primary-glow:   rgba(21, 139, 211, 0.12);

    --ink:     #08111f;
    --ink-2:   #0d1b2f;
    --text:    #1a2d42;
    --muted:   #64748b;
    --subtle:  #94a3b8;

    --white:     #ffffff;
    --off-white: #f8fafc;
    --surface:   #f1f7fc;
    --line:      rgba(15, 23, 42, 0.07);
    --line-md:   rgba(15, 23, 42, 0.11);

    --success: #22c76f;

    --shadow-xs: 0 1px 3px rgba(15, 23, 42, 0.05);
    --shadow-sm: 0 2px 10px rgba(15, 23, 42, 0.07);
    --shadow-md: 0 8px 32px rgba(15, 23, 42, 0.09);
    --shadow-lg: 0 20px 56px rgba(15, 23, 42, 0.11);

    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 30px;

    --font-body:    'DM Sans', system-ui, sans-serif;
    --font-display: 'Space Grotesk', system-ui, sans-serif;
}

/* ─── Reset ───────────────────────────────────────────────────── */
body.page-home *, body.page-home *::before, body.page-home *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body.page-home {
    min-width: 320px;
    overflow-x: hidden;
    background: #f6fbff;
    color: var(--text);
    font-family: var(--font-body);
    line-height: 1.65;
}
body.page-home img { max-width: 100%; display: block; }
body.page-home a { color: inherit; text-decoration: none; }
body.page-home button, body.page-home input, body.page-home select, body.page-home textarea { font: inherit; }
body.page-home h1, body.page-home h2, body.page-home h3, body.page-home h4, body.page-home h5, body.page-home h6 {
    font-family: 'Space Grotesk', system-ui, sans-serif;
    color: var(--ink);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: 0;
}
/* ─── Layout ──────────────────────────────────────────────────── */
body.page-home main {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(ellipse 58% 24% at 82% 7%, rgba(57, 181, 239, 0.18), transparent 64%),
        radial-gradient(ellipse 48% 22% at 12% 30%, rgba(21, 139, 211, 0.1), transparent 66%),
        radial-gradient(ellipse 54% 24% at 90% 58%, rgba(57, 181, 239, 0.13), transparent 68%),
        radial-gradient(ellipse 46% 22% at 14% 76%, rgba(21, 139, 211, 0.1), transparent 66%),
        linear-gradient(180deg, #f5fbff 0%, #ffffff 26%, #f2f9ff 48%, #ffffff 68%, #f6fbff 100%);
}
body.page-home main::before, body.page-home main::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}
body.page-home main::before {
    background-image:
        linear-gradient(rgba(21, 139, 211, 0.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21, 139, 211, 0.032) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent 28%, rgba(0,0,0,0.34) 52%, transparent 76%, rgba(0,0,0,0.24));
}
body.page-home main::after {
    background:
        radial-gradient(circle at 86% 20%, rgba(21, 139, 211, 0.12), transparent 13%),
        radial-gradient(circle at 18% 48%, rgba(57, 181, 239, 0.1), transparent 11%),
        radial-gradient(circle at 72% 86%, rgba(21, 139, 211, 0.09), transparent 14%);
    filter: blur(48px);
    opacity: 0.8;
}
body.page-home .container {
    width: min(100% - 64px, 1180px);
    margin: 0 auto;
}
/* ─── Header ──────────────────────────────────────────────────── */
body.page-home .site-header {
    position: fixed;
    inset: 0 0 auto;
    z-index: 1000;
    border-bottom: 1px solid rgba(21,139,211,.1);
    background: rgba(255,255,255,.86) !important;
    box-shadow: 0 12px 38px rgba(20,50,75,.06);
    backdrop-filter: blur(18px);
    transition: box-shadow 0.25s ease, background 0.25s ease;
}
body.page-home .site-header.scrolled {
    box-shadow: 0 1px 0 var(--line), 0 16px 46px rgba(15, 23, 42, 0.08);
}
body.page-home .header-shell {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
body.page-home .logo { flex: 0 0 auto; display: inline-flex; align-items: center; }
body.page-home .logo img { width: auto; height: 56px; object-fit: contain; }
body.page-home .desktop-nav, body.page-home .header-actions { display: flex; align-items: center; }
body.page-home .desktop-nav { gap: 32px; }
body.page-home .header-actions { gap: 12px; }
body.page-home .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 10px 0;
    color: #1e293b;
    font-size: 0.9rem;
    font-weight: 500;
    transition: color 0.18s;
}
body.page-home .nav-link i { font-size: 0.65rem; opacity: 0.7; }
body.page-home .nav-link:hover { color: var(--primary); }
body.page-home .nav-dropdown { position: relative; }
body.page-home .dropdown-menu {
    position: absolute;
    top: calc(100% + 12px);
    left: -20px;
    min-width: 290px;
    padding: 8px;
    border: 1px solid var(--line-md);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: var(--shadow-lg);
    backdrop-filter: blur(20px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
}
body.page-home .nav-dropdown:hover .dropdown-menu, body.page-home .nav-dropdown:focus-within .dropdown-menu {
    opacity: 1; visibility: visible; transform: translateY(0);
}
body.page-home .dropdown-menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 8px 10px;
    border-radius: 10px;
    color: #253a54;
    font-size: 0.875rem;
    font-weight: 600;
    transition: background 0.18s, color 0.18s;
}
body.page-home .dropdown-menu a:hover { background: var(--primary-soft); color: var(--primary); }
body.page-home .dropdown-menu i { width: 20px; color: var(--primary); text-align: center; }
body.page-home .dropdown-menu img { width: 22px; height: 22px; object-fit: contain; }
/* ─── Buttons ─────────────────────────────────────────────────── */
body.page-home .btn, body.page-home .form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 46px;
    padding: 12px 22px;
    border: 0;
    border-radius: var(--radius-sm);
    font-family: var(--font-display);
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s, background 0.2s, border-color 0.2s;
}
body.page-home .btn-primary, body.page-home .form-submit {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-bright) 58%, #62d6ff 100%);
    color: var(--white);
    box-shadow: 0 10px 28px rgba(21, 139, 211, 0.24);
}
body.page-home .btn-primary::after, body.page-home .form-submit::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.34) 42%, transparent 68%);
    transform: translateX(-120%);
    transition: transform 0.52s ease;
}
body.page-home .btn-primary:hover, body.page-home .form-submit:hover {
    transform: translateY(-2px);
    background: var(--primary-deep);
    box-shadow: 0 16px 34px rgba(21, 139, 211, 0.34);
}
body.page-home .btn-primary:hover::after, body.page-home .form-submit:hover::after { transform: translateX(120%); }
body.page-home .btn-outline {
    border: 1.5px solid rgba(21, 139, 211, 0.3);
    background: rgba(255, 255, 255, 0.9);
    color: var(--primary);
}
body.page-home .btn-outline:hover { background: var(--primary); color: var(--white); border-color: transparent; }
body.page-home .btn-outline-light {
    border: 1.5px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.1);
    color: var(--white);
}
body.page-home .btn-outline-light:hover { background: rgba(255, 255, 255, 0.2); }
body.page-home .menu-toggle {
    display: none;
    width: 44px; height: 44px;
    border: 1px solid var(--line-md);
    border-radius: var(--radius-sm);
    background: var(--white);
    color: var(--ink);
    font-size: 1.1rem;
    cursor: pointer;
}
/* ─── Sidebar ─────────────────────────────────────────────────── */
body.page-home .sidebar-overlay {
    position: fixed; inset: 0; z-index: 9998;
    display: none; background: rgba(3, 10, 20, 0.55);
}
body.page-home .sidebar-overlay.active { display: block; }
body.page-home .sidebar {
    position: fixed;
    inset: 0 0 0 auto;
    z-index: 9999;
    width: min(88vw, 360px);
    display: flex;
    flex-direction: column;
    background: var(--white);
    box-shadow: -20px 0 60px rgba(0, 0, 0, 0.18);
    transform: translateX(105%);
    transition: transform 0.25s ease;
}
body.page-home .sidebar.active { transform: translateX(0); }
body.page-home .sidebar-header, body.page-home .sidebar-footer { padding: 20px 24px; }
body.page-home .sidebar-header {
    display: flex; align-items: center; justify-content: space-between;
    border-bottom: 1px solid var(--line);
}
body.page-home .sidebar-header img { width: 160px; height: 46px; object-fit: contain; }
body.page-home .sidebar-close {
    width: 40px; height: 40px; border: 0;
    border-radius: var(--radius-sm);
    background: var(--surface); color: var(--ink); cursor: pointer;
}
body.page-home .sidebar-nav {
    flex: 1; overflow-y: auto; padding: 16px;
}
body.page-home .sidebar-nav .nav-link {
    width: 100%; justify-content: space-between;
    padding: 14px 10px; border-bottom: 1px solid var(--line);
}
body.page-home .sidebar-nav .dropdown-menu {
    position: static; min-width: 0; display: none;
    padding: 8px 0 8px 8px;
    border: 0; border-radius: 0; background: transparent;
    box-shadow: none; opacity: 1; visibility: visible; transform: none;
}
body.page-home .sidebar-nav .nav-dropdown.expanded .dropdown-menu { display: block; }
body.page-home .sidebar-nav .nav-dropdown.expanded .fa-chevron-down { transform: rotate(180deg); }
body.page-home .sidebar-footer { border-top: 1px solid var(--line); }
body.page-home .sidebar-footer .btn { width: 100%; }
/* ─── Section base ────────────────────────────────────────────── */
body.page-home section { position: relative; padding: 112px 0; }
body.page-home .hero, body.page-home .trust-strip, body.page-home .services, body.page-home .products, body.page-home .licenses {
    background-color: transparent;
}
body.page-home .premium-placeholder {
    position: relative;
    overflow: hidden;
    display: grid;
    place-items: center;
    gap: 10px;
    min-width: 0;
    border: 1px solid rgba(21, 139, 211, 0.14);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(235, 248, 255, 0.68)),
        radial-gradient(ellipse 70% 54% at 76% 18%, rgba(57, 181, 239, 0.18), transparent 62%);
    color: #3f5974;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 20px 54px rgba(15, 23, 42, 0.07);
}
body.page-home .premium-placeholder > img {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.page-home .premium-placeholder.has-image i, body.page-home .premium-placeholder.has-image span {
    display: none;
}
body.page-home .premium-placeholder::before {
    content: '';
    position: absolute;
    inset: 16px;
    border: 1px solid rgba(21, 139, 211, 0.09);
    border-radius: 16px;
    pointer-events: none;
}
body.page-home .premium-placeholder::after {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(21, 139, 211, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21, 139, 211, 0.04) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: radial-gradient(ellipse 70% 70% at 50% 48%, #000, transparent 72%);
    pointer-events: none;
}
body.page-home .premium-placeholder i, body.page-home .premium-placeholder span {
    position: relative;
    z-index: 1;
}
body.page-home .premium-placeholder i {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(21, 139, 211, 0.16);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--primary);
    font-size: 1rem;
    box-shadow: 0 10px 26px rgba(21, 139, 211, 0.1);
}
body.page-home .premium-placeholder span {
    max-width: 220px;
    color: #4f6780;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.35;
    text-transform: uppercase;
}
body.page-home .logo-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 70px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 255, 0.9));
}
body.page-home .logo-tile img {
    width: 140px;
    height: 58px;
    object-fit: contain;
    align-self: center;
    justify-self: center;
    margin: auto;
}
body.page-home .section-tag, body.page-home .eyebrow, body.page-home .form-head span {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 16px;
    padding: 6px 13px;
    border: 1px solid rgba(21, 139, 211, 0.22);
    border-radius: 999px;
    background: rgba(21, 139, 211, 0.07);
    color: var(--primary);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
body.page-home .section-header {
    max-width: 760px;
    margin-bottom: 48px;
}
body.page-home .section-title {
    max-width: 820px;
    margin-bottom: 18px;
    color: var(--ink);
    font-size: 3rem;
}
body.page-home .section-subtitle {
    max-width: 680px;
    color: var(--muted);
    font-size: 1.06rem;
    line-height: 1.7;
}
body.page-home .section-action {
    display: flex;
    justify-content: center;
    margin-top: 38px;
}
body.page-home .text-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    color: var(--primary);
    font-family: var(--font-display);
    font-size: 0.92rem;
    font-weight: 700;
    transition: color 0.18s, gap 0.18s;
}
body.page-home .text-link:hover { gap: 12px; color: var(--primary-deep); }
/* ─── Hero ────────────────────────────────────────────────────── */
body.page-home .hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 100px 0 80px;
    overflow: hidden;
    background:
        radial-gradient(ellipse 58% 70% at 78% 34%, rgba(21, 139, 211, 0.22) 0%, transparent 58%),
        radial-gradient(ellipse 34% 42% at 90% 72%, rgba(57, 181, 239, 0.16) 0%, transparent 60%),
        radial-gradient(ellipse 52% 52% at 10% 90%, rgba(57, 181, 239, 0.1) 0%, transparent 48%),
        linear-gradient(165deg, rgba(243, 249, 255, 0.92) 0%, rgba(255, 255, 255, 0.7) 42%, rgba(248, 252, 255, 0.78) 100%);
}
body.page-home .hero::before, body.page-home .hero::after {
    content: '';
    position: absolute;
    pointer-events: none;
}
body.page-home .hero::before {
    inset: 84px 5vw auto auto;
    width: min(50vw, 720px);
    height: min(50vw, 720px);
    border: 1px solid rgba(21, 139, 211, 0.1);
    border-radius: 50%;
    background:
        conic-gradient(from 120deg, transparent 0 20%, rgba(21, 139, 211, 0.14) 26%, transparent 34% 62%, rgba(57, 181, 239, 0.12) 68%, transparent 76% 100%);
    mask-image: radial-gradient(circle, transparent 0 42%, #000 43% 45%, transparent 46%);
    animation: premium-spin 28s linear infinite;
    opacity: 0.9;
}
body.page-home .hero::after {
    inset: auto 0 0;
    height: 180px;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.92));
}
@keyframes premium-spin {
    to { transform: rotate(360deg); }
}
@keyframes orbit-spin {
    to { transform: rotate(360deg); }
}
/* Subtle tech grid pattern */
body.page-home .hero-grid {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(21, 139, 211, 0.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21, 139, 211, 0.055) 1px, transparent 1px),
        radial-gradient(circle at 1px 1px, rgba(21, 139, 211, 0.09) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: radial-gradient(ellipse 64% 76% at 76% 40%, #000 0%, rgba(0,0,0,0.72) 38%, transparent 74%);
    opacity: 0.72;
    animation: grid-drift 18s linear infinite;
}
@keyframes grid-drift {
    to { background-position: 32px 32px, 32px 32px, 32px 32px; }
}
body.page-home .hero-layout {
    position: relative;
    z-index: 1;
    width: min(100% - 120px, 1380px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, 1.1fr);
    align-items: center;
    gap: 56px;
}
/* Hero content - left side */
body.page-home .hero-content {
    max-width: 600px;
}
body.page-home .hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 20px;
    padding: 6px 12px;
    border: 1px solid rgba(21, 139, 211, 0.18);
    border-radius: 999px;
    background: rgba(21, 139, 211, 0.05);
    color: var(--primary);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
body.page-home .hero-tag::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary);
    opacity: 0.7;
}
body.page-home .hero h1 {
    max-width: 580px;
    margin-bottom: 20px;
    color: var(--ink);
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: 0;
}
body.page-home .hero-description {
    max-width: 500px;
    margin-bottom: 32px;
    color: var(--muted);
    font-size: 1.05rem;
    line-height: 1.7;
}
body.page-home .hero-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
body.page-home .hero-cta .btn {
    min-height: 50px;
    padding: 14px 28px;
    font-size: 0.95rem;
    border-radius: 12px;
}
body.page-home .hero-cta .btn i { font-size: 0.85rem; }
body.page-home .hero .text-link {
    color: var(--primary);
    font-size: 0.95rem;
    font-weight: 600;
}
/* Hero visual - right side */
body.page-home .hero-visual {
    position: relative;
    min-height: 520px;
    perspective: 1200px;
}
body.page-home .tech-stage {
    position: relative;
    width: 100%;
    height: 520px;
    transform-style: preserve-3d;
    transition: transform 0.18s ease-out;
}
body.page-home .tech-stage::before {
    content: none;
}
body.page-home .tech-stage::after {
    content: '';
    position: absolute;
    inset: 28px 10px 10px;
    z-index: 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(21, 139, 211, 0.11) 0%, rgba(57, 181, 239, 0.08) 34%, transparent 66%);
    filter: blur(2px);
    pointer-events: none;
}
body.page-home .hero-placeholder {
    position: absolute;
    inset: 46px 42px 52px 70px;
    z-index: 1;
    transform: translateZ(8px) rotate(-1.2deg);
    opacity: 0.72;
}
body.page-home .hero-placeholder::before {
    inset: 18px;
}
body.page-home .hero-placeholder i {
    width: 58px;
    height: 58px;
    border-radius: 18px;
}
/* ─── Orbit diagram ───────────────────────────────────────────── */
body.page-home .orbit-diagram {
    position: absolute;
    inset: 0;
    overflow: visible;
    z-index: 3;
    transform: translateZ(50px);
}
/* Anéis concêntricos */
body.page-home .orbit-ring {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
body.page-home .ring-lg { width: 380px; height: 380px; border: 1.5px solid rgba(21, 139, 211, 0.09); }
body.page-home .ring-md { width: 248px; height: 248px; border: 1.5px solid rgba(21, 139, 211, 0.17); }
body.page-home .ring-sm { width: 128px; height: 128px; border: 1.5px solid rgba(21, 139, 211, 0.28); }
body.page-home .ring-lg, body.page-home .ring-md, body.page-home .ring-sm {
    box-shadow: inset 0 0 36px rgba(21, 139, 211, 0.04);
}
body.page-home .ring-lg::before, body.page-home .ring-md::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    border: 2px solid transparent;
    border-top-color: rgba(21, 139, 211, 0.3);
    border-right-color: rgba(57, 181, 239, 0.18);
    animation: orbit-spin 18s linear infinite;
}
body.page-home .ring-md::before { animation-duration: 13s; animation-direction: reverse; }
/* Glow suave por trás do hub */
body.page-home .orbit-glow {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 260px; height: 260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(21, 139, 211, 0.17) 0%, transparent 68%);
    pointer-events: none;
    animation: glow-breathe 5.4s ease-in-out infinite;
}
@keyframes glow-breathe {
    50% { opacity: 0.56; transform: translate(-50%, -50%) scale(1.1); }
}
/* Braços rotativos */
body.page-home .dot-arm {
    position: absolute;
    top: 50%; left: 50%;
    width: 0; height: 0;
    pointer-events: none;
}
body.page-home .arm-a { animation: orbit-cw  10s linear infinite; }
body.page-home .arm-b { animation: orbit-ccw 15s linear infinite; animation-delay: -5s; }
body.page-home .arm-c { animation: orbit-cw  22s linear infinite; animation-delay: -9s; }
@keyframes orbit-cw  { to { transform: rotate(360deg);  } }
@keyframes orbit-ccw { to { transform: rotate(-360deg); } }
body.page-home .dot-node {
    position: absolute;
    width: 10px; height: 10px;
    border-radius: 50%;
}
body.page-home .arm-a .dot-node { top: -124px; left: -5px; }
body.page-home .arm-b .dot-node { top: -190px; left: -5px; }
body.page-home .arm-c .dot-node { top:  -64px; left: -5px; }
body.page-home .dn-amber { background: #f59e0b; box-shadow: 0 0 0 4px rgba(245,158,11,0.18); }
body.page-home .dn-violet { background: #8b5cf6; box-shadow: 0 0 0 4px rgba(139,92,246,0.18); }
body.page-home .dn-sky { background: var(--primary); box-shadow: 0 0 0 4px rgba(21,139,211,0.22); }
/* Hub central com gradiente e pulso */
body.page-home .orbit-hub {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 74px; height: 74px;
    display: grid; place-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-bright) 100%);
    color: var(--white);
    font-size: 1.55rem;
    z-index: 5;
    box-shadow:
        0 0 0 8px  rgba(21,139,211,0.12),
        0 0 0 16px rgba(21,139,211,0.06),
        0 10px 32px rgba(21,139,211,0.4);
    animation: hub-pulse 3s ease-in-out infinite;
}
@keyframes hub-pulse {
    0%, 100% {
        box-shadow:
            0 0 0 8px  rgba(21,139,211,0.12),
            0 0 0 16px rgba(21,139,211,0.06),
            0 10px 32px rgba(21,139,211,0.4);
    }
    50% {
        box-shadow:
            0 0 0 14px rgba(21,139,211,0.08),
            0 0 0 26px rgba(21,139,211,0.03),
            0 10px 32px rgba(21,139,211,0.4);
    }
}
/* Cards flutuantes */
body.page-home .orbit-card {
    position: absolute;
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 16px;
    border: 1px solid rgba(21,139,211,0.14);
    border-radius: 14px;
    background: rgba(255,255,255,0.82);
    box-shadow: 0 2px 8px rgba(15,23,42,0.05), 0 18px 44px rgba(15,23,42,0.1);
    backdrop-filter: blur(18px);
    white-space: nowrap;
}
body.page-home .orbit-card { animation: oc-float 5s ease-in-out infinite; }
body.page-home .oc-top { animation-delay:  0s;    }
body.page-home .oc-left { animation-delay: -1.7s; }
body.page-home .oc-bottom { animation-delay: -3.4s; }
@keyframes oc-float {
    0%, 100% { transform: translateY(0);    }
    50%       { transform: translateY(-7px); }
}
body.page-home .oc-icon {
    width: 38px; height: 38px;
    flex: 0 0 38px;
    display: grid; place-items: center;
    border-radius: 10px;
    background: rgba(21,139,211,0.09);
    color: var(--primary);
    font-size: 1rem;
}
body.page-home .oc-text { display: flex; flex-direction: column; }
body.page-home .oc-text small {
    color: var(--muted);
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1px;
}
body.page-home .oc-text strong {
    color: var(--ink);
    font-family: var(--font-display);
    font-size: 0.92rem;
    font-weight: 700;
}
/* Posições (tech-stage ~100% × 520px, centro ≈ 50% × 260px) */
body.page-home .oc-left { left: 4px;  top: 110px; }
body.page-home .oc-top { right: 6px; top: 18px;  }
body.page-home .oc-bottom { right: 6px; bottom: 54px; }
/* ─── Trust strip ─────────────────────────────────────────────── */
body.page-home .trust-strip {
    padding: 0;
    margin-top: -24px;
    position: relative;
    z-index: 2;
}
body.page-home .trust-inner {
    width: min(100% - 56px, 1380px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 1px solid rgba(21, 139, 211, 0.14);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.86);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 22px 70px rgba(21, 139, 211, 0.12);
    backdrop-filter: blur(18px);
    overflow: hidden;
}
body.page-home .trust-item {
    padding: 28px 20px;
    text-align: center;
    border-right: 1px solid rgba(21, 139, 211, 0.06);
    transition: background 0.2s ease;
}
body.page-home .trust-item:last-child { border-right: 0; }
body.page-home .trust-item:hover { background: rgba(21, 139, 211, 0.02); }
body.page-home .trust-item strong {
    display: block;
    color: var(--primary);
    font-family: var(--font-display);
    font-size: 1.85rem;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 6px;
}
body.page-home .trust-item span {
    color: var(--muted);
    font-size: 0.82rem;
    line-height: 1.4;
}
/* ─── Services ────────────────────────────────────────────────── */
body.page-home .services {
    background: transparent;
    overflow: hidden;
    padding-top: 128px;
    border-top: 0;
}
body.page-home .services::before, body.page-home .services::after {
    content: '';
    position: absolute;
    pointer-events: none;
}
body.page-home .services::before {
    inset: 0;
    background-image:
        linear-gradient(rgba(21, 139, 211, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21, 139, 211, 0.045) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 72%, transparent 100%);
}
body.page-home .services::after {
    width: 620px;
    height: 620px;
    right: -260px;
    top: 40px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(21, 139, 211, 0.13), transparent 68%);
    filter: blur(6px);
}
body.page-home .services > .container {
    position: relative;
    z-index: 1;
}
body.page-home .services-head {
    display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(320px, 0.72fr);
    gap: 72px;
    align-items: end;
    margin-bottom: 42px;
}
body.page-home .services-head-main, body.page-home .services-head-copy {
    min-width: 0;
}
body.page-home .services-head .section-title {
    max-width: 660px;
    margin-bottom: 0;
}
body.page-home .services-tag {
    position: relative;
    border-color: rgba(21, 139, 211, 0.26);
    background: rgba(255, 255, 255, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 8px 26px rgba(21, 139, 211, 0.08);
    backdrop-filter: blur(14px);
}
body.page-home .services-tag::before {
    content: '';
    width: 7px;
    height: 7px;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--primary);
    box-shadow: 0 0 0 5px rgba(21, 139, 211, 0.12);
}
body.page-home .services-head-copy {
    padding: 22px 0 2px 28px;
    border-left: 1px solid rgba(21, 139, 211, 0.16);
}
body.page-home .services-head-copy .section-subtitle {
    margin-bottom: 18px;
    font-size: 1rem;
}
body.page-home .services-status {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
body.page-home .services-status span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid rgba(21, 139, 211, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    color: #41566e;
    font-size: 0.72rem;
    font-weight: 700;
}
body.page-home .services-status i {
    color: var(--success);
    font-size: 0.42rem;
}
body.page-home .services-panel {
    position: relative;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: auto;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(21, 139, 211, 0.13);
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(248, 252, 255, 0.62)),
        radial-gradient(ellipse 50% 46% at 18% 0%, rgba(57, 181, 239, 0.14), transparent 64%),
        radial-gradient(ellipse 46% 42% at 92% 96%, rgba(21, 139, 211, 0.1), transparent 62%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 28px 80px rgba(15, 23, 42, 0.1);
    backdrop-filter: blur(18px);
}
body.page-home .services-panel::before {
    content: '';
    position: absolute;
    inset: 16px;
    border-radius: 20px;
    background-image:
        radial-gradient(circle at 1px 1px, rgba(21, 139, 211, 0.12) 1px, transparent 1px);
    background-size: 26px 26px;
    opacity: 0.34;
    pointer-events: none;
}
body.page-home .services-panel-line {
    position: absolute;
    inset: 58px 44px auto 44px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(21, 139, 211, 0.22), transparent);
    pointer-events: none;
}
body.page-home .services-panel-line::before, body.page-home .services-panel-line::after {
    content: '';
    position: absolute;
    top: -3px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--primary);
    box-shadow: 0 0 0 5px rgba(21, 139, 211, 0.1);
}
body.page-home .services-panel-line::before { left: 22%; }
body.page-home .services-panel-line::after { right: 18%; }
body.page-home .service-card-lead {
    grid-column: span 7;
}
body.page-home .services-visual-card {
    position: relative;
    overflow: hidden;
    grid-column: span 5;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border: 1px solid rgba(21, 139, 211, 0.13);
    border-radius: 20px;
    background:
        radial-gradient(ellipse 80% 56% at 100% 0%, rgba(57, 181, 239, 0.16), transparent 62%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(239, 248, 255, 0.86));
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06);
}
body.page-home .service-placeholder {
    min-height: 280px;
    aspect-ratio: 16 / 11;
}
body.page-home .services-visual-copy {
    position: relative;
    z-index: 1;
    padding: 0 4px 4px;
}
body.page-home .services-visual-copy span {
    display: block;
    margin-bottom: 5px;
    color: var(--primary);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
body.page-home .services-visual-copy strong {
    display: block;
    color: var(--ink);
    font-family: var(--font-display);
    font-size: 1.04rem;
    line-height: 1.22;
}
body.page-home .service-card-security, body.page-home .service-card-backup, body.page-home .service-card-devices, body.page-home .service-card-identity {
    grid-column: span 4;
}
body.page-home .service-card-support {
    grid-column: span 4;
}
body.page-home .service-card {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 22px;
    border: 1px solid rgba(15, 23, 42, 0.075);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(250, 253, 255, 0.92));
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 14px 34px rgba(15, 23, 42, 0.06);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}
body.page-home .service-card::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--primary), rgba(57, 181, 239, 0.22));
    opacity: 0.72;
    pointer-events: none;
}
body.page-home .service-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 48% 38% at 100% 0%, rgba(21, 139, 211, 0.12), transparent 68%),
        linear-gradient(135deg, rgba(57, 181, 239, 0.1), transparent 38%);
    opacity: 0;
    transition: opacity 0.24s ease;
}
body.page-home .product-card::before, body.page-home .brand-card::before, body.page-home .featured-product::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(57, 181, 239, 0.18), transparent 32%, rgba(21, 139, 211, 0.08));
    opacity: 0;
    transition: opacity 0.24s ease;
}
body.page-home .service-card:hover {
    transform: translateY(-5px);
    border-color: rgba(21, 139, 211, 0.26);
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.1);
}
body.page-home .service-card:hover::after, body.page-home .product-card:hover::before, body.page-home .brand-card:hover::before, body.page-home .featured-product:hover::before { opacity: 1; }
body.page-home .service-card-lead {
    background:
        radial-gradient(ellipse 64% 42% at 100% 12%, rgba(21, 139, 211, 0.16), transparent 60%),
        linear-gradient(160deg, #ffffff 0%, #f8fcff 62%, #eef8ff 100%);
    padding: 26px;
}
body.page-home .service-card-support {
    background:
        linear-gradient(145deg, rgba(240, 247, 255, 0.94) 0%, rgba(255, 255, 255, 0.98) 100%);
}
body.page-home .service-card-top {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 20px;
}
body.page-home .service-icon {
    width: 38px; height: 38px;
    flex: 0 0 38px;
    display: grid; place-items: center;
    border-radius: 10px;
    background: rgba(21, 139, 211, 0.08);
    color: var(--primary);
    font-size: 0.92rem;
    border: 1px solid rgba(21, 139, 211, 0.15);
    box-shadow: none;
    transition: transform 0.24s ease, box-shadow 0.24s ease;
}
body.page-home .service-card:hover .service-icon, body.page-home .brand-card:hover img, body.page-home .product-card:hover .product-media { transform: translateY(-2px); }
body.page-home .service-meta {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 9px;
    border: 1px solid rgba(21, 139, 211, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #587089;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
body.page-home .service-card-body {
    position: relative;
    z-index: 1;
}
body.page-home .service-card h3 {
    margin-bottom: 12px;
    color: var(--ink);
    font-size: 1.08rem;
    line-height: 1.18;
}
body.page-home .service-card-lead h3 {
    max-width: 360px;
    font-size: 1.42rem;
}
body.page-home .service-card p {
    margin-bottom: 0;
    color: var(--muted);
    font-size: 0.84rem;
    line-height: 1.58;
}
body.page-home .service-card-lead p {
    max-width: 430px;
    font-size: 0.9rem;
}
body.page-home .problem {
    position: relative;
    margin-bottom: 12px !important;
    padding: 12px 13px 12px 36px;
    border: 1px solid rgba(21, 139, 211, 0.12);
    border-radius: 13px;
    background: rgba(232, 245, 255, 0.42);
    color: #2d4058;
    font-weight: 600;
}
body.page-home .problem::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 18px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--primary);
    box-shadow: 0 0 0 5px rgba(21, 139, 211, 0.1);
}
body.page-home .service-card-footer {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
    margin-top: auto;
    padding-top: 16px;
}
body.page-home .service-card-footer::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(21, 139, 211, 0.16), transparent);
}
body.page-home .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 24px 0 0;
}
body.page-home .tag-list span {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 3px 8px;
    border: 1px solid rgba(21, 139, 211, 0.13);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #237eb8;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}
body.page-home .service-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    color: var(--primary);
    font-family: var(--font-display);
    font-size: 0.84rem;
    font-weight: 700;
    transition: gap 0.18s, color 0.18s;
}
body.page-home .service-link:hover { gap: 10px; color: var(--primary-deep); }
body.page-home .services-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 22px;
    padding: 18px 22px;
    border: 1px solid rgba(21, 139, 211, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.62);
    backdrop-filter: blur(14px);
}
body.page-home .services-action span {
    display: block;
    margin-bottom: 2px;
    color: var(--primary);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
body.page-home .services-action strong {
    display: block;
    color: var(--text);
    font-size: 0.95rem;
}
/* ─── Products ────────────────────────────────────────────────── */
body.page-home .products {
    background: transparent;
    overflow: hidden;
    border-top: 0;
}
body.page-home .products::before, body.page-home .products::after {
    content: '';
    position: absolute;
    pointer-events: none;
}
body.page-home .products::before {
    inset: 0;
    background-image:
        linear-gradient(rgba(21, 139, 211, 0.036) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21, 139, 211, 0.036) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(to bottom, transparent 0%, #000 16%, #000 80%, transparent 100%);
}
body.page-home .products::after {
    right: -180px;
    top: 140px;
    width: 520px;
    height: 520px;
    border-radius: 46%;
    background:
        radial-gradient(circle, rgba(21, 139, 211, 0.1), transparent 64%);
}
body.page-home .products > .container {
    position: relative;
    z-index: 1;
}
body.page-home .products-head {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.72fr);
    gap: 72px;
    align-items: end;
    margin-bottom: 26px;
}
body.page-home .products-head .section-title {
    max-width: 760px;
    margin-bottom: 0;
}
body.page-home .products-tag {
    border-color: rgba(21, 139, 211, 0.22);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 10px 30px rgba(21, 139, 211, 0.08);
    backdrop-filter: blur(14px);
}
body.page-home .products-tag::before {
    content: '';
    width: 7px;
    height: 7px;
    margin-right: 8px;
    border-radius: 50%;
    background: var(--primary-bright);
    box-shadow: 0 0 0 5px rgba(57, 181, 239, 0.12);
}
body.page-home .products-head-copy {
    min-width: 0;
    padding: 22px 0 0 28px;
    border-left: 1px solid rgba(21, 139, 211, 0.14);
}
body.page-home .products-head-copy .section-subtitle {
    margin-bottom: 18px;
    font-size: 1rem;
}
body.page-home .products-usecases {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
body.page-home .products-usecases span {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid rgba(21, 139, 211, 0.13);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #41566e;
    font-size: 0.72rem;
    font-weight: 700;
}
body.page-home .ecosystem-strip {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
    margin: 0 0 22px;
    padding: 12px;
    border: 1px solid rgba(21, 139, 211, 0.12);
    border-radius: 22px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(247, 252, 255, 0.68));
    box-shadow: 0 18px 58px rgba(15, 23, 42, 0.065);
    backdrop-filter: blur(16px);
}
body.page-home .ecosystem-strip::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, transparent 0 12%, rgba(57, 181, 239, 0.12) 36%, transparent 58%);
    transform: translateX(-120%);
    animation: logo-sheen 7.5s ease-in-out infinite;
}
@keyframes logo-sheen {
    0%, 42% { transform: translateX(-120%); }
    70%, 100% { transform: translateX(120%); }
}
body.page-home .ecosystem-strip span {
    position: relative;
    z-index: 1;
    min-height: 70px;
    display: grid;
    place-items: center;
    width: 100%;
    height: 70px;
}
body.page-home .ecosystem-strip img {
    width: 120px;
    height: 48px;
    padding: 6px 12px;
    object-fit: contain;
    filter: saturate(0.9) opacity(0.85);
    transition: filter 0.2s, transform 0.2s;
}
body.page-home .ecosystem-strip img:hover { filter: saturate(1) opacity(1); transform: translateY(-1px); }
body.page-home .products-showcase {
    display: grid;
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    gap: 16px;
    align-items: start;
    justify-items: center;
}
body.page-home .featured-product, body.page-home .product-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(21, 139, 211, 0.12);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.065);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}
body.page-home .featured-product {
    min-height: 700px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 28px;
    background:
        radial-gradient(ellipse 70% 44% at 84% 20%, rgba(21, 139, 211, 0.13), transparent 62%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(239, 248, 255, 0.92));
}
body.page-home .featured-product:hover {
    border-color: rgba(21, 139, 211, 0.24);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.1);
}
body.page-home .featured-product-copy {
    position: relative;
    z-index: 2;
}
body.page-home .featured-product h3 {
    margin-bottom: 16px;
    color: var(--ink);
    font-size: 1.14rem;
    max-width: 560px;
}
body.page-home .featured-product p {
    max-width: 560px;
    margin-bottom: 22px;
    color: var(--muted);
    line-height: 1.7;
}
body.page-home .featured-product-media {
    position: relative;
    overflow: hidden;
    min-height: 390px;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(150px, 0.85fr);
    gap: 14px;
    align-items: stretch;
    margin-top: 28px;
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(235, 247, 255, 0.72)),
        radial-gradient(ellipse 56% 52% at 50% 42%, rgba(21, 139, 211, 0.12), transparent 68%);
    border: 1px solid rgba(21, 139, 211, 0.12);
}
body.page-home .featured-product-media::before {
    content: '';
    position: absolute;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(21, 139, 211, 0.16);
    border-radius: 50%;
    animation: orbit-spin 20s linear infinite;
}
body.page-home .featured-product-media::after {
    content: '';
    position: absolute;
    inset: auto 40px 30px;
    height: 26px;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.12);
    filter: blur(14px);
}
body.page-home .product-room-slot, body.page-home .product-device-stack, body.page-home .product-system-note {
    position: relative;
    z-index: 2;
}
body.page-home .product-room-slot {
    min-height: 100%;
    border-radius: 18px;
}
body.page-home .product-room-slot i {
    width: 58px;
    height: 58px;
    border-radius: 18px;
}
body.page-home .product-device-stack {
    display: grid;
    gap: 10px;
}
body.page-home .product-device-slot {
    min-height: 116px;
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 12px 28px rgba(15, 23, 42, 0.055);
}
body.page-home .product-device-slot i {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    font-size: 0.82rem;
}
body.page-home .product-device-slot span {
    max-width: 138px;
    font-size: 0.62rem;
}
body.page-home .product-media-system .product-system-note {
    position: absolute;
    right: 28px;
    bottom: 24px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 999px;
    background: #ffffff;
    color: #38516c;
    font-size: 0.72rem;
    font-weight: 800;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
}
body.page-home .product-system-note i {
    color: var(--success);
}
body.page-home .products-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    justify-items: center;
}
body.page-home .product-card {
    min-height: 218px;
    display: flex;
    flex-direction: column;
    padding: 18px;
}
body.page-home .product-card:hover {
    transform: translateY(-5px);
    border-color: rgba(21, 139, 211, 0.24);
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.1);
}
body.page-home .product-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, transparent 0%, rgba(232, 245, 255, 0.44) 100%),
        radial-gradient(ellipse 54% 42% at 100% 0%, rgba(21, 139, 211, 0.1), transparent 66%);
    opacity: 0;
    transition: opacity 0.24s ease;
}
body.page-home .product-card:hover::after {
    opacity: 1;
}
body.page-home .product-card-head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 13px;
    min-height: 70px;
}
body.page-home .product-media {
    width: 160px;
    height: 70px;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 12px;
    background: rgba(248, 250, 252, 0.86);
    transition: transform 0.24s ease, border-color 0.24s ease, background 0.24s ease;
}
body.page-home .product-media img {
    width: 140px;
    height: 58px;
    object-fit: contain;
    align-self: center;
    justify-self: center;
    margin: auto;
}
body.page-home .product-chip {
    flex: 0 0 auto;
    min-height: 23px;
    padding: 3px 8px;
    border: 1px solid rgba(21, 139, 211, 0.13);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #587089;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
body.page-home .product-card-body {
    position: relative;
    z-index: 1;
}
body.page-home .product-card h3 {
    margin-bottom: 9px;
    color: var(--ink);
    font-size: 1.02rem;
}
body.page-home .product-card p {
    margin-bottom: 0;
    color: var(--muted);
    font-size: 0.82rem;
    line-height: 1.54;
}
body.page-home .product-card-footer {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
    margin-top: auto;
    padding-top: 14px;
}
body.page-home .product-card-footer::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(21, 139, 211, 0.15), transparent);
}
body.page-home .products-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 18px;
    padding: 18px 22px;
    border: 1px solid rgba(21, 139, 211, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 14px 42px rgba(15, 23, 42, 0.055);
    backdrop-filter: blur(14px);
}
body.page-home .products-action span {
    display: block;
    margin-bottom: 2px;
    color: var(--primary);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
body.page-home .products-action strong {
    display: block;
    color: var(--text);
    font-size: 0.95rem;
}
/* ─── Licenses ────────────────────────────────────────────────── */
body.page-home .licenses {
    background: transparent;
    border-top: 0;
    overflow: hidden;
}
body.page-home .licenses::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(ellipse 48% 40% at 12% 16%, rgba(57, 181, 239, 0.1), transparent 64%),
        linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.44) 44%, transparent);
}
body.page-home .licenses-head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: end;
    margin-bottom: 32px;
}
body.page-home .licenses-head .section-header { margin-bottom: 0; }
body.page-home .licenses-layout {
    display: grid;
    grid-template-columns: 0.68fr 1.32fr;
    gap: 18px;
    align-items: stretch;
}
body.page-home .licenses-visual {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    padding: 30px;
    border: 1px solid rgba(21, 139, 211, 0.14);
    border-radius: 24px;
    background:
        radial-gradient(ellipse 70% 46% at 72% 16%, rgba(57, 181, 239, 0.18), transparent 60%),
        linear-gradient(145deg, #08111f 0%, #0d2b45 100%);
    color: var(--white);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.14);
}
body.page-home .licenses-visual::before {
    content: '';
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    pointer-events: none;
}
body.page-home .licenses-visual span {
    position: relative;
    display: inline-flex;
    margin-bottom: 18px;
    padding: 6px 10px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 999px;
    color: #39b5ef;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
body.page-home .licenses-visual strong {
    position: relative;
    display: block;
    max-width: 320px;
    margin-bottom: 18px;
    font-family: var(--font-display);
    font-size: 1.7rem;
    line-height: 1.14;
}
body.page-home .license-placeholder {
    min-height: 220px;
    margin-bottom: 20px;
    border-color: rgba(57, 181, 239, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(57, 181, 239, 0.06)),
        radial-gradient(ellipse 80% 60% at 76% 20%, rgba(57, 181, 239, 0.18), transparent 64%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
body.page-home .license-placeholder::before {
    border-color: rgba(255, 255, 255, 0.13);
}
body.page-home .license-placeholder i {
    border-color: rgba(57, 181, 239, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: #39b5ef;
}
body.page-home .license-placeholder span {
    color: rgba(255, 255, 255, 0.72);
}
body.page-home .license-category-list {
    position: relative;
    display: grid;
    gap: 10px;
}
body.page-home .license-category-list p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 11px 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.88rem;
    font-weight: 700;
}
body.page-home .license-category-list i {
    color: #39b5ef;
}
body.page-home .licenses-brands {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
body.page-home .brand-card {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    border: 1px solid rgba(21, 139, 211, 0.1);
    border-radius: var(--radius-md);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 252, 255, 0.88));
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.055);
    transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s;
}
body.page-home .brand-card:hover {
    transform: translateY(-3px);
    border-color: rgba(21, 139, 211, 0.28);
    box-shadow: 0 20px 54px rgba(15, 23, 42, 0.1);
}
body.page-home .brand-logo {
    width: 144px;
    height: 58px;
    margin-bottom: 18px;
}
body.page-home .brand-card img {
    width: 122px;
    height: 46px;
    padding: 6px 12px;
    object-fit: contain;
    transition: transform 0.24s ease;
}
body.page-home .brand-card h3 { margin-bottom: 9px; color: var(--text); font-size: 1rem; }
body.page-home .brand-card p { margin-bottom: 18px; color: var(--muted); font-size: 0.875rem; line-height: 1.6; }
body.page-home .brand-card .service-link { margin-top: auto; }
body.page-home .licenses-action {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
}
/* ─── Contact ─────────────────────────────────────────────────── */
body.page-home .contact {
    background:
        radial-gradient(ellipse 70% 60% at 0% 30%, rgba(57, 181, 239, 0.16) 0%, transparent 55%),
        radial-gradient(ellipse 46% 44% at 100% 80%, rgba(21, 139, 211, 0.16) 0%, transparent 56%),
        linear-gradient(145deg, #06101e 0%, #0a2136 100%);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}
body.page-home .contact::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 120px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.54), transparent);
    pointer-events: none;
}
body.page-home .contact-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 48px;
    align-items: start;
}
body.page-home .contact .section-tag {
    border-color: rgba(57, 181, 239, 0.22);
    background: rgba(255, 255, 255, 0.08);
    color: #39b5ef;
}
body.page-home .contact-info h2 {
    margin-bottom: 18px;
    color: var(--white);
    font-size: 3rem;
}
body.page-home .contact-info > p {
    margin-bottom: 32px;
    color: rgba(255, 255, 255, 0.68);
    font-size: 1.04rem;
    line-height: 1.7;
}
body.page-home .contact-placeholder {
    min-height: 190px;
    margin: 0 0 22px;
    border-color: rgba(57, 181, 239, 0.2);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(57, 181, 239, 0.06)),
        radial-gradient(ellipse 80% 58% at 78% 18%, rgba(57, 181, 239, 0.2), transparent 66%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 24px 60px rgba(0, 0, 0, 0.14);
}
body.page-home .contact-placeholder::before {
    border-color: rgba(255, 255, 255, 0.13);
}
body.page-home .contact-placeholder i {
    border-color: rgba(57, 181, 239, 0.2);
    background: rgba(255, 255, 255, 0.08);
    color: #39b5ef;
}
body.page-home .contact-placeholder span {
    color: rgba(255, 255, 255, 0.7);
}
body.page-home .contact-details {
    display: grid;
    gap: 12px;
    margin-bottom: 30px;
}
body.page-home .contact-item {
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.07);
    box-shadow: none;
    backdrop-filter: blur(14px);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
body.page-home .contact-item:hover {
    transform: translateX(4px);
    border-color: rgba(57, 181, 239, 0.24);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}
body.page-home .contact-item-icon {
    width: 44px; height: 44px;
    flex: 0 0 44px;
    display: grid; place-items: center;
    border-radius: var(--radius-sm);
    background: rgba(57, 181, 239, 0.12);
    color: #39b5ef;
}
body.page-home .contact-item h3 { margin-bottom: 3px; font-size: 0.9rem; color: var(--white); }
body.page-home .contact-item p { color: rgba(255, 255, 255, 0.64); font-size: 0.9rem; }
body.page-home .contact-social, body.page-home .social-links {
    display: flex; flex-wrap: wrap; gap: 8px;
}
body.page-home .contact-social a, body.page-home .social-links a {
    width: 40px; height: 40px;
    display: grid; place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.9rem;
    transition: background 0.18s, color 0.18s, transform 0.18s;
}
body.page-home .contact-social a:hover, body.page-home .social-links a:hover {
    transform: translateY(-2px);
    background: var(--primary);
    color: var(--white);
    border-color: transparent;
}
body.page-home .contact-form-wrapper {
    position: relative;
    overflow: hidden;
    padding: 38px;
    border: 1px solid var(--line);
    justify-self: center;
    width: 100%;
    max-width: 580px;
    border-radius: var(--radius-xl);
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.22);
}
body.page-home .contact-form-wrapper::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--primary), var(--primary-bright), #8b5cf6);
}
body.page-home .form-head { margin-bottom: 26px; }
body.page-home .form-head h3 { margin-bottom: 8px; font-size: 1.5rem; color: var(--ink); }
body.page-home .form-head p { color: var(--muted); }
body.page-home .contact-form { display: grid; gap: 17px; }
body.page-home .form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
body.page-home .form-group { display: grid; gap: 7px; }
body.page-home .form-group label { color: #1e3450; font-size: 0.84rem; font-weight: 700; }
body.page-home .form-group label span { color: #e05442; }
body.page-home .form-control {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    border: 1.5px solid rgba(15, 23, 42, 0.1);
    border-radius: var(--radius-sm);
    background: var(--off-white);
    color: var(--text);
    outline: 0;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
body.page-home .form-control:focus {
    border-color: rgba(21, 139, 211, 0.6);
    background: var(--white);
    box-shadow: 0 0 0 4px rgba(21, 139, 211, 0.1);
}
body.page-home textarea.form-control { min-height: 120px; resize: vertical; }
body.page-home .form-select {
    appearance: none;
    padding-right: 44px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2365758b' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
}
body.page-home .form-turnstile {
    display: flex;
    justify-content: center;
    max-width: 100%;
    overflow: hidden;
}
body.page-home .form-submit { width: 100%; }
body.page-home .form-submit:disabled { cursor: wait; opacity: 0.7; }
body.page-home .form-privacy {
    color: var(--muted);
    font-size: 0.76rem;
    text-align: center;
}
body.page-home .form-privacy a { color: var(--primary); text-decoration: underline; }
/* ─── Footer ──────────────────────────────────────────────────── */
body.page-home footer {
    padding: 68px 0 30px;
    background:
        radial-gradient(ellipse 50% 55% at 78% 0%, rgba(21, 139, 211, 0.18), transparent 58%),
        linear-gradient(180deg, #071426 0%, #06101e 44%),
        #06101e;
    color: var(--white);
}
body.page-home .footer-grid {
    display: grid;
    grid-template-columns: minmax(240px, 1.5fr) repeat(3, 1fr);
    gap: 38px;
    margin-bottom: 48px;
}
body.page-home .footer-brand .logo { margin-bottom: 20px; }
body.page-home .footer-brand .logo img {
    width: 190px; height: 56px;
    object-fit: contain;
}
body.page-home .footer-brand p { max-width: 320px; color: rgba(255, 255, 255, 0.58); font-size: 0.9rem; line-height: 1.7; }
body.page-home .footer-col h3 { margin-bottom: 16px; color: var(--white); font-size: 0.92rem; }
body.page-home .footer-col ul { display: grid; gap: 10px; list-style: none; }
body.page-home .footer-col a { color: rgba(255, 255, 255, 0.58); font-size: 0.875rem; transition: color 0.18s; }
body.page-home .footer-col a:hover { color: #39b5ef; }
body.page-home .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body.page-home .footer-bottom p { color: rgba(255, 255, 255, 0.45); font-size: 0.83rem; line-height: 1.7; }
body.page-home .social-links a {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.75);
}
/* ─── Strategic home redesign ─────────────────────────────────── */
body.page-home .premium-placeholder.has-image {
    background: #eef8ff;
}
body.page-home .premium-placeholder.has-image img {
    opacity: 1;
    transform: scale(1.01);
    transition: transform 0.32s ease, opacity 0.32s ease;
}
body.page-home .premium-placeholder.has-image::before {
    z-index: 1;
    border-color: rgba(255, 255, 255, 0.34);
}
body.page-home .premium-placeholder.has-image::after {
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(8, 17, 31, 0.1)),
        radial-gradient(ellipse 80% 72% at 86% 12%, rgba(57, 181, 239, 0.16), transparent 62%);
    mask-image: none;
}
body.page-home .premium-placeholder.has-image:hover img {
    transform: scale(1.035);
}
body.page-home .hero-layout {
    grid-template-columns: minmax(0, 0.88fr) minmax(560px, 1.12fr);
    gap: 72px;
}
body.page-home .hero-visual {
    min-height: 620px;
}
body.page-home .tech-stage {
    height: 620px;
}
body.page-home .hero-placeholder {
    inset: 20px 28px 42px 18px;
    border-radius: 38px;
    opacity: 1;
    transform: translateZ(0) rotate(0deg);
    box-shadow: 0 34px 90px rgba(15, 23, 42, 0.12);
}
body.page-home .orbit-diagram {
    inset: 30px 0 0 34%;
    width: 72%;
    height: 86%;
}
body.page-home .orbit-card {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(21, 139, 211, 0.18);
}
body.page-home .oc-left { left: -70px; top: 148px; }
body.page-home .oc-top { right: 36px; top: 10px; }
body.page-home .oc-bottom { right: 24px; bottom: 32px; }
body.page-home .trust-strip {
    margin-top: -52px;
}
body.page-home .trust-inner {
    border-radius: 28px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(239, 248, 255, 0.78));
}
body.page-home .services-panel {
    gap: 18px;
    padding: 18px;
    border-radius: 34px;
}
body.page-home .services-visual-card {
    border-radius: 26px;
    padding: 18px;
}
body.page-home .service-placeholder {
    min-height: 330px;
    border-radius: 22px;
}
body.page-home .service-card-lead {
    min-height: 330px;
    padding: 34px;
    border-radius: 26px;
}
body.page-home .service-card-lead h3 {
    font-size: 1.82rem;
}
body.page-home .service-card {
    border-radius: 20px;
}
body.page-home .products-showcase {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 18px;
}
body.page-home .featured-product {
    min-height: 780px;
    border-radius: 30px;
    padding: 34px;
}
body.page-home .featured-product-media {
    min-height: 430px;
    padding: 16px;
    border-radius: 24px;
}
body.page-home .product-room-slot {
    border-radius: 22px;
}
body.page-home .product-device-stack {
    gap: 12px;
}
body.page-home .product-device-slot {
    min-height: 128px;
}
body.page-home .products-grid {
    gap: 14px;
    align-content: stretch;
    height: 100%;
}
body.page-home .product-card {
    min-height: 238px;
    border-radius: 22px;
    padding: 20px;
}
body.page-home .ecosystem-strip {
    border-radius: 28px;
    margin-bottom: 26px;
}
body.page-home .licenses-layout {
    grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.18fr);
    gap: 22px;
}
body.page-home .licenses-visual {
    border-radius: 30px;
    padding: 34px;
}
body.page-home .license-placeholder {
    min-height: 290px;
    border-radius: 22px;
}
body.page-home .brand-card {
    border-radius: 20px;
}
body.page-home .contact-grid {
    grid-template-columns: minmax(0, 0.86fr) minmax(480px, 1.14fr);
}
body.page-home .contact-placeholder {
    min-height: 250px;
    border-radius: 26px;
}
/* ─── Reference-inspired premium direction ─────────────────────── */
body.page-home main {
    background:
        radial-gradient(ellipse 58% 28% at 72% 8%, rgba(21, 139, 211, 0.2), transparent 62%),
        radial-gradient(ellipse 40% 20% at 14% 28%, rgba(21, 139, 211, 0.1), transparent 66%),
        linear-gradient(180deg, #f3f8ff 0%, #ffffff 34%, #f4f9ff 66%, #ffffff 100%);
}
body.page-home .hero {
    min-height: 880px;
    align-items: flex-start;
    padding: 128px 0 132px;
    background:
        radial-gradient(circle at 66% 28%, rgba(21, 139, 211, 0.18), transparent 16%),
        radial-gradient(circle at 83% 28%, rgba(8, 17, 31, 0.08), transparent 20%),
        linear-gradient(120deg, #f5f9ff 0%, #ffffff 44%, #eef6ff 100%);
}
body.page-home .hero::before {
    inset: 88px 8vw auto auto;
    width: min(48vw, 620px);
    height: min(48vw, 620px);
    background: rgba(21, 139, 211, 0.13);
    mask-image: none;
    opacity: 0.72;
    animation: none;
}
body.page-home .hero::after {
    height: 260px;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.96));
}
body.page-home .hero-side-rail {
    position: absolute;
    left: max(20px, calc((100vw - 1380px) / 2));
    top: 154px;
    z-index: 3;
    width: 58px;
    padding: 12px 9px;
    display: grid;
    gap: 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(18px);
}
body.page-home .hero-side-rail span {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #0c1625;
    font-size: 0.88rem;
}
body.page-home .hero-side-rail .active {
    background: #08111f;
    color: var(--white);
}
body.page-home .hero-layout {
    width: min(100% - 140px, 1320px);
    grid-template-columns: minmax(0, 0.78fr) minmax(590px, 1.22fr);
    gap: 64px;
}
body.page-home .hero-content {
    padding-top: 30px;
}
body.page-home .hero-tag {
    border: 0;
    background: transparent;
    color: var(--primary);
    padding: 0;
}
body.page-home .hero-tag::before {
    width: 18px;
    height: 18px;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    clip-path: polygon(54% 0, 16% 52%, 48% 52%, 34% 100%, 84% 38%, 52% 38%);
    background-color: var(--primary);
}
body.page-home .hero h1 {
    max-width: 650px;
    margin-bottom: 24px;
    color: #050b14;
    font-size: 4.45rem;
    line-height: 0.98;
    text-transform: uppercase;
}
body.page-home .hero h1::first-line {
    color: #050b14;
}
body.page-home .hero-description {
    max-width: 390px;
    color: #24364c;
    font-size: 1rem;
}
body.page-home .hero .btn-primary {
    border-radius: 999px;
    background: #08111f;
    box-shadow: 0 20px 44px rgba(8, 17, 31, 0.18);
}
body.page-home .hero .btn-primary:hover {
    background: var(--primary);
}
body.page-home .hero .text-link {
    color: #08111f;
}
body.page-home .hero-visual, body.page-home .tech-stage {
    min-height: 620px;
}
body.page-home .hero-placeholder {
    inset: 8px 0 38px 28px;
    border: 0;
    border-radius: 36px;
    background: transparent;
    box-shadow: none;
}
body.page-home .hero-placeholder.has-image img {
    object-fit: cover;
    object-position: center;
    filter: drop-shadow(0 34px 44px rgba(15, 23, 42, 0.18));
}
body.page-home .hero-placeholder.has-image::before {
    inset: auto 40px 38px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: rgba(8, 17, 31, 0.14);
    filter: blur(18px);
}
body.page-home .hero-placeholder.has-image::after {
    background:
        radial-gradient(circle at 76% 16%, rgba(21, 139, 211, 0.22), transparent 18%),
        linear-gradient(180deg, transparent 58%, rgba(255, 255, 255, 0.18));
}
body.page-home .orbit-diagram {
    inset: 94px 0 0 44%;
    width: 58%;
    height: 72%;
}
body.page-home .ring-lg { width: 330px; height: 330px; }
body.page-home .ring-md { width: 214px; height: 214px; }
body.page-home .ring-sm { width: 110px; height: 110px; }
body.page-home .orbit-card {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 22px 48px rgba(15, 23, 42, 0.12);
}
body.page-home .oc-left { left: -114px; top: 142px; }
body.page-home .oc-top { right: -22px; top: -28px; }
body.page-home .oc-bottom { right: -12px; bottom: 34px; }
body.page-home .trust-strip {
    margin-top: -118px;
}
body.page-home .trust-inner {
    width: min(100% - 80px, 1240px);
    border: 0;
    border-radius: 22px;
    background:
        radial-gradient(ellipse 60% 80% at 100% 0%, rgba(21, 139, 211, 0.18), transparent 60%),
        #080d18;
    box-shadow: 0 28px 90px rgba(8, 17, 31, 0.2);
}
body.page-home .trust-item {
    padding: 34px 30px;
    border-right-color: rgba(255, 255, 255, 0.12);
    text-align: left;
}
body.page-home .trust-item strong {
    color: #ffffff;
    font-size: 2rem;
}
body.page-home .trust-item span {
    color: rgba(255, 255, 255, 0.68);
}
body.page-home .services {
    padding-top: 150px;
}
body.page-home .services-panel {
    border: 0;
    border-radius: 30px;
    background:
        radial-gradient(ellipse 70% 62% at 22% 0%, rgba(21, 139, 211, 0.16), transparent 62%),
        #08111f;
    box-shadow: 0 34px 100px rgba(8, 17, 31, 0.18);
}
body.page-home .services-panel::before, body.page-home .services-panel-line {
    opacity: 0.26;
}
body.page-home .services-visual-card, body.page-home .service-card {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.95);
}
body.page-home .services-visual-card {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.06));
}
body.page-home .services-visual-copy strong {
    color: var(--white);
}
body.page-home .services-visual-copy span {
    color: #8fd8ff;
}
body.page-home .service-card-lead {
    background: #ffffff;
}
body.page-home .products-head {
    margin-bottom: 34px;
}
body.page-home .ecosystem-strip {
    border: 0;
    background: rgba(255, 255, 255, 0.7);
}
body.page-home .featured-product {
    border: 0;
    background: #ffffff;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.09);
}
body.page-home .featured-product-media {
    border: 0;
    background: #eef5ff;
}
body.page-home .products-grid {
    align-content: start;
}
body.page-home .product-card {
    border: 0;
    background: #f4f7fc;
    box-shadow: none;
}
body.page-home .product-card:hover {
    background: #ffffff;
}
body.page-home .licenses-visual {
    background:
        radial-gradient(ellipse 70% 50% at 84% 10%, rgba(21, 139, 211, 0.28), transparent 60%),
        #080d18;
}
body.page-home .contact {
    background:
        radial-gradient(ellipse 60% 60% at 8% 24%, rgba(21, 139, 211, 0.24), transparent 60%),
        #080d18;
}
/* ─── Hero calm composition ────────────────────────────────────── */
body.page-home .hero {
    min-height: auto;
    align-items: center;
    padding: 118px 0 92px;
}
body.page-home .hero-side-rail {
    display: none;
}
body.page-home .hero::before {
    inset: 110px 4vw auto auto;
    width: min(38vw, 480px);
    height: min(38vw, 480px);
    opacity: 0.42;
}
body.page-home .hero-grid {
    opacity: 0.38;
}
body.page-home .hero-layout {
    width: min(100% - 88px, 1180px);
    grid-template-columns: minmax(0, 0.9fr) minmax(460px, 1fr);
    gap: 56px;
    align-items: center;
}
body.page-home .hero-content {
    max-width: 560px;
    padding-top: 0;
}
body.page-home .hero h1 {
    max-width: 560px;
    font-size: clamp(2.8rem, 4.4vw, 5rem);
    line-height: 1.08;
    text-transform: none;
}
body.page-home .hero-description {
    max-width: 520px;
    margin-bottom: 30px;
    font-size: 1.02rem;
}
body.page-home .hero-visual, body.page-home .tech-stage {
    min-height: 500px;
}
body.page-home .tech-stage {
    height: 500px;
}
body.page-home .hero-placeholder {
    inset: 34px 22px 48px 26px;
    border-radius: 28px;
    box-shadow: 0 26px 74px rgba(15, 23, 42, 0.12);
}
body.page-home .hero-placeholder.has-image img {
    border-radius: 28px;
    filter: none;
}
body.page-home .orbit-diagram {
    inset: auto 14px 40px auto;
    width: 310px;
    height: 310px;
    transform: none;
}
body.page-home .ring-lg { width: 260px; height: 260px; }
body.page-home .ring-md { width: 170px; height: 170px; }
body.page-home .ring-sm { width: 88px; height: 88px; }
body.page-home .orbit-glow { width: 180px; height: 180px; }
body.page-home .orbit-hub { width: 58px; height: 58px; font-size: 1.18rem; }
body.page-home .arm-a .dot-node { top: -85px; }
body.page-home .arm-b .dot-node { top: -130px; }
body.page-home .arm-c .dot-node { top: -44px; }
body.page-home .orbit-card {
    padding: 10px 12px;
    gap: 9px;
    border-radius: 14px;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.1);
}
body.page-home .oc-icon {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
    border-radius: 9px;
    font-size: 0.84rem;
}
body.page-home .oc-text small {
    font-size: 0.58rem;
}
body.page-home .oc-text strong {
    font-size: 0.82rem;
}
body.page-home .oc-left { left: -24px; top: 104px; }
body.page-home .oc-top { right: -10px; top: -12px; }
body.page-home .oc-bottom { right: 8px; bottom: 8px; }
body.page-home .trust-strip {
    margin-top: -42px;
}
/* Hero without background card */
body.page-home .hero-visual, body.page-home .tech-stage {
    min-height: 520px;
}
body.page-home .tech-stage {
    height: 520px;
}
body.page-home .tech-stage::after {
    inset: 20px;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(21, 139, 211, 0.18) 0%, rgba(57, 181, 239, 0.1) 28%, transparent 68%);
    filter: blur(10px);
}
body.page-home .orbit-diagram {
    inset: 0;
    width: 100%;
    height: 100%;
}
body.page-home .ring-lg { width: 430px; height: 430px; border-color: rgba(21, 139, 211, 0.12); }
body.page-home .ring-md { width: 292px; height: 292px; border-color: rgba(21, 139, 211, 0.2); }
body.page-home .ring-sm { width: 154px; height: 154px; border-color: rgba(21, 139, 211, 0.32); }
body.page-home .orbit-glow {
    width: 330px;
    height: 330px;
    background: radial-gradient(circle, rgba(21, 139, 211, 0.2) 0%, transparent 68%);
}
body.page-home .orbit-hub {
    width: 104px;
    height: 104px;
    font-size: 2rem;
    box-shadow:
        0 0 0 12px rgba(21,139,211,0.13),
        0 0 0 26px rgba(21,139,211,0.065),
        0 24px 54px rgba(21,139,211,0.34);
}
body.page-home .arm-a .dot-node { top: -146px; }
body.page-home .arm-b .dot-node { top: -214px; }
body.page-home .arm-c .dot-node { top: -78px; }
body.page-home .orbit-card {
    padding: 14px 17px;
    border-radius: 16px;
}
body.page-home .oc-icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 12px;
    font-size: 1rem;
}
body.page-home .oc-text small {
    font-size: 0.66rem;
}
body.page-home .oc-text strong {
    font-size: 0.94rem;
}
body.page-home .oc-left { left: 0; top: 210px; }
body.page-home .oc-top { right: 4px; top: 78px; }
body.page-home .oc-bottom { right: 26px; bottom: 84px; }
/* ─── Reveal animations ───────────────────────────────────────── */
body.page-home .reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.58s ease, transform 0.58s cubic-bezier(0.22, 1, 0.36, 1);
}
body.page-home .reveal.is-visible { opacity: 1; transform: translateY(0); }
/* ─── Responsive: 1180px ──────────────────────────────────────── */
@media (max-width: 1180px) {
body.page-home .desktop-nav { gap: 16px; }
body.page-home .nav-link { font-size: 0.85rem; }
body.page-home .hero-layout, body.page-home .contact-grid {
        grid-template-columns: 1fr;
        justify-items: center;
    }
body.page-home .hero {
        min-height: auto;
        padding: 80px 0 60px;
    }
body.page-home .hero-side-rail {
        display: none;
    }
body.page-home .hero-layout {
        width: min(100% - 64px, 1180px);
        grid-template-columns: 1fr;
        gap: 38px;
    }
body.page-home .hero-content { max-width: 100%; text-align: center; margin: 0 auto; }
body.page-home .hero-tag { margin-left: auto; margin-right: auto; }
body.page-home .hero h1 { margin-left: auto; margin-right: auto; }
body.page-home .hero-description { margin-left: auto; margin-right: auto; }
body.page-home .hero-cta { justify-content: center; }
body.page-home .hero-visual {
        min-height: 420px;
        margin-top: 20px;
    }
body.page-home .tech-stage {
        width: min(100%, 520px);
        height: 420px;
        margin: 0 auto;
    }
body.page-home .orbit-diagram {
        inset: 0;
        width: 100%;
        height: 100%;
    }
body.page-home .hero h1 {
        font-size: 3.25rem;
    }
body.page-home .hero-visual, body.page-home .tech-stage {
        min-height: 440px;
    }
body.page-home .tech-stage {
        height: 440px;
    }
body.page-home .hero-placeholder {
        inset: 16px 0 38px;
    }
body.page-home .orbit-diagram {
        inset: auto 28px 30px auto;
        width: 280px;
        height: 280px;
    }
body.page-home .hero-visual, body.page-home .tech-stage {
        min-height: 440px;
    }
body.page-home .tech-stage {
        height: 440px;
    }
body.page-home .orbit-diagram {
        inset: 0;
        width: 100%;
        height: 100%;
    }
body.page-home .trust-strip {
        margin-top: -42px;
    }
body.page-home .products-head {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 24px;
    }
body.page-home .products-head-copy {
        max-width: 760px;
        padding: 0;
        border-left: 0;
    }
body.page-home .products-showcase {
        grid-template-columns: 1fr;
        justify-items: start;
    }
body.page-home .featured-product {
        min-height: 0;
    }
body.page-home .featured-product-media {
        min-height: 300px;
    }
body.page-home .services-head {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-bottom: 32px;
    }
body.page-home .services-head-copy {
        max-width: 760px;
        padding: 0;
        border-left: 0;
    }
body.page-home .services-panel {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        grid-auto-rows: auto;
    }
body.page-home .services-visual-card, body.page-home .service-card-lead, body.page-home .service-card-security, body.page-home .service-card-backup, body.page-home .service-card-devices, body.page-home .service-card-identity, body.page-home .service-card-support {
        grid-column: span 3;
        grid-row: span 1;
    }
body.page-home .service-card-lead h3 {
        font-size: 1.32rem;
    }
body.page-home .trust-inner {
        grid-template-columns: repeat(2, 1fr);
    }
body.page-home .trust-item:nth-child(2) { border-right: 0; }
body.page-home .trust-item:nth-child(3) { border-top: 1px solid rgba(21, 139, 211, 0.06); }
body.page-home .trust-item:nth-child(4) { border-top: 1px solid rgba(21, 139, 211, 0.06); border-right: 0; }
body.page-home .licenses-layout {
        grid-template-columns: 1fr;
    }
body.page-home .licenses-visual {
        min-height: 0;
    }
body.page-home .license-placeholder {
        max-width: 520px;
    }
}
/* ─── Responsive: 1024px ──────────────────────────────────────── */
@media (max-width: 1024px) {
body.page-home .container { width: min(100% - 48px, 1180px); }
body.page-home .desktop-nav, body.page-home .desktop-only { display: none; }
body.page-home .menu-toggle { display: inline-grid; place-items: center; }
body.page-home .licenses-brands {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
body.page-home .ecosystem-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.page-home .products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.page-home .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* ─── Responsive: 768px ───────────────────────────────────────── */
@media (max-width: 768px) {
body.page-home section { padding: 80px 0; }
body.page-home main::before {
        opacity: 0.58;
        background-size: 44px 44px;
    }
body.page-home .header-shell { min-height: 64px; }
body.page-home .logo img { width: 158px; height: 46px; }
body.page-home .hero {
        min-height: auto;
        padding: 76px 0 58px;
    }
body.page-home .hero-layout { gap: 24px; }
body.page-home .hero h1 {
        font-size: 2.65rem;
        line-height: 1.02;
    }
body.page-home .section-title, body.page-home .contact-info h2 { font-size: 2.35rem; }
body.page-home .featured-product h3 { font-size: 1.14rem; }
body.page-home .hero-description { font-size: 0.98rem; margin-bottom: 28px; }
body.page-home .hero-cta { flex-direction: column; align-items: stretch; gap: 12px; }
body.page-home .hero-cta .btn { width: 100%; justify-content: center; }
body.page-home .hero .text-link { width: 100%; justify-content: center; padding: 12px; }
body.page-home .hero-visual { min-height: 360px; }
body.page-home .tech-stage {
        width: min(100%, 400px);
        height: 360px;
        margin: 0 auto;
    }
body.page-home .orbit-diagram {
        inset: 0;
        width: 100%;
        height: 100%;
    }
body.page-home .hero-placeholder {
        inset: 8px 0 30px;
        opacity: 1;
        border-radius: 22px;
    }
body.page-home .hero-placeholder.has-image img {
        border-radius: 22px;
    }
body.page-home .orbit-diagram {
        width: 220px;
        height: 220px;
        inset: auto 10px 18px auto;
    }
body.page-home .orbit-diagram {
        inset: 0;
        width: 100%;
        height: 100%;
    }
body.page-home .ring-lg { width: 300px; height: 300px; }
body.page-home .ring-md { width: 202px; height: 202px; }
body.page-home .ring-sm { width: 108px; height: 108px; }
body.page-home .orbit-hub { width: 76px; height: 76px; font-size: 1.42rem; }
body.page-home .arm-a .dot-node { top: -101px; }
body.page-home .arm-b .dot-node { top: -150px; }
body.page-home .arm-c .dot-node { top: -54px; }
body.page-home .orbit-card {
        display: none;
    }
body.page-home .trust-inner {
        grid-template-columns: repeat(2, 1fr);
        border-radius: 16px;
        width: min(100% - 32px, 1180px);
    }
body.page-home .trust-item { padding: 22px 18px; text-align: left; }
body.page-home .trust-item strong { font-size: 1.6rem; }
body.page-home .products-grid, body.page-home .licenses-brands, body.page-home .form-row {
        grid-template-columns: 1fr;
    }
body.page-home .licenses-visual {
        padding: 24px;
        border-radius: 20px;
    }
body.page-home .licenses-visual strong {
        font-size: 1.35rem;
    }
body.page-home .services {
        padding-top: 104px;
    }
body.page-home .services-head {
        gap: 20px;
    }
body.page-home .services-head .section-title {
        font-size: 2.2rem;
    }
body.page-home .services-status {
        gap: 6px;
    }
body.page-home .services-panel {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 12px;
        border-radius: 22px;
    }
body.page-home .services-panel::before, body.page-home .services-panel-line {
        display: none;
    }
body.page-home .services-visual-card, body.page-home .service-card-lead, body.page-home .service-card-security, body.page-home .service-card-backup, body.page-home .service-card-devices, body.page-home .service-card-identity, body.page-home .service-card-support {
        grid-column: auto;
    }
body.page-home .services-visual-card {
        padding: 14px;
    }
body.page-home .service-placeholder {
        min-height: 180px;
        aspect-ratio: 16 / 9;
    }
body.page-home .service-card, body.page-home .service-card-lead {
        padding: 22px;
        border-radius: 16px;
    }
body.page-home .service-card-lead h3 {
        font-size: 1.22rem;
    }
body.page-home .service-card p, body.page-home .service-card-lead p {
        font-size: 0.9rem;
    }
body.page-home .problem {
        padding: 12px 13px 12px 34px;
    }
body.page-home .problem::before {
        left: 14px;
    }
body.page-home .services-action {
        align-items: flex-start;
        flex-direction: column;
    }
body.page-home .products {
        padding-top: 88px;
    }
body.page-home .products-head .section-title {
        font-size: 2.2rem;
    }
body.page-home .products-usecases {
        gap: 6px;
    }
body.page-home .ecosystem-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 8px;
        border-radius: 18px;
    }
body.page-home .ecosystem-strip span {
        min-height: 56px;
    }
body.page-home .ecosystem-strip img {
        max-width: 112px;
        height: 32px;
    }
body.page-home .featured-product {
        padding: 24px;
        border-radius: 18px;
    }
body.page-home .featured-product-media {
        min-height: 360px;
        grid-template-columns: 1fr;
        margin-top: 22px;
        overflow: hidden;
    }
body.page-home .product-device-stack {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
body.page-home .featured-product-media::before {
        width: 230px;
        height: 230px;
    }
body.page-home .product-system-note {
        position: relative;
        right: auto;
        bottom: auto;
        justify-self: start;
        margin-top: 2px;
    }
body.page-home .products::after {
        display: none;
    }
body.page-home .product-card {
        padding: 20px;
        min-height: 0;
    }
body.page-home .product-media img, body.page-home .brand-card img, body.page-home .logo-tile img {
        width: 112px;
        height: 42px;
    }
body.page-home .products-action {
        align-items: flex-start;
        flex-direction: column;
    }
body.page-home .contact-placeholder {
        min-height: 160px;
    }
body.page-home .contact-form-wrapper { padding: 26px; }
body.page-home .footer-grid, body.page-home .footer-bottom {
        grid-template-columns: 1fr;
        display: grid;
        text-align: center;
    }
body.page-home .footer-brand {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
body.page-home .footer-brand .logo { justify-content: center; }
body.page-home .footer-brand p { margin-left: auto; margin-right: auto; }
body.page-home .footer-col { text-align: center; }
body.page-home .footer-col ul { align-items: center; }
body.page-home .footer-bottom { align-items: center; gap: var(--space-sm); }
}
/* ─── Responsive: 480px ───────────────────────────────────────── */
@media (max-width: 480px) {
body.page-home .container { width: min(100% - 32px, 1180px); }
body.page-home .btn, body.page-home .form-submit { width: 100%; }
body.page-home .section-title, body.page-home .contact-info h2 { font-size: 2rem; }
body.page-home .service-card, body.page-home .product-card, body.page-home .brand-card, body.page-home .contact-form-wrapper {
        border-radius: var(--radius-md);
    }
body.page-home .service-card, body.page-home .product-card, body.page-home .brand-card { padding: 20px; }
body.page-home .services-head .section-title {
        font-size: 2rem;
    }
body.page-home .services-status span {
        font-size: 0.66rem;
    }
body.page-home .service-card-top {
        margin-bottom: 16px;
    }
body.page-home .service-meta {
        font-size: 0.62rem;
    }
body.page-home .services-action {
        padding: 16px;
    }
body.page-home .products-head .section-title {
        font-size: 2rem;
    }
body.page-home .products-usecases span {
        font-size: 0.66rem;
    }
body.page-home .featured-product h3 {
        font-size: 1.14rem;
    }
body.page-home .featured-product-media {
        min-height: 0;
        padding: 14px;
        border-radius: 15px;
    }
body.page-home .featured-product-media::before {
        width: 190px;
        height: 190px;
    }
body.page-home .product-room-slot {
        min-height: 180px;
    }
body.page-home .product-device-stack {
        grid-template-columns: 1fr;
    }
body.page-home .product-device-slot {
        min-height: 82px;
    }
body.page-home .product-card-head {
        align-items: flex-start;
        flex-direction: column;
    }
body.page-home .product-media {
        width: 128px;
        height: 60px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0;
    }
body.page-home .products-action {
        padding: 16px;
    }
body.page-home .trust-inner {
        grid-template-columns: 1fr;
        border-radius: var(--radius-md);
        margin-top: -12px;
    }
body.page-home .trust-item { border-right: 0 !important; border-top: 0; padding: 20px 16px; }
body.page-home .trust-item + .trust-item { border-top: 1px solid rgba(21, 139, 211, 0.06); }
body.page-home .trust-item strong { font-size: 1.5rem; }
body.page-home .hero { padding: 58px 0 44px; }
body.page-home .hero-visual { min-height: 300px; }
body.page-home .tech-stage { height: 300px; }
body.page-home .hero-placeholder { inset: 10px 0 24px; }
body.page-home .hero-placeholder span { display: none; }
body.page-home .orbit-diagram {
        width: 100%;
        height: 100%;
        right: auto;
        bottom: auto;
    }
body.page-home .ring-lg { width: 240px; height: 240px; }
body.page-home .ring-md { width: 162px; height: 162px; }
body.page-home .ring-sm { width: 86px; height: 86px; }
body.page-home .orbit-hub { width: 66px; height: 66px; font-size: 1.2rem; }
body.page-home .featured-product-media { min-height: 200px; }
body.page-home .contact-social a, body.page-home .social-links a { width: 38px; height: 38px; }
}
/* ─── Services: independent dark cards ────────────────────────── */
body.page-home .services-panel {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
}
body.page-home .services-panel::before, body.page-home .services-panel-line, body.page-home .services-visual-card {
    display: none;
}
body.page-home .service-card-lead, body.page-home .service-card-security, body.page-home .service-card-backup, body.page-home .service-card-devices, body.page-home .service-card-identity, body.page-home .service-card-support {
    grid-column: auto;
}
body.page-home .service-card, body.page-home .service-card-lead, body.page-home .service-card-support {
    min-height: 100%;
    padding: 24px;
    border: 1px solid rgba(57, 181, 239, 0.14);
    border-radius: 22px;
    background:
        radial-gradient(ellipse 72% 58% at 100% 0%, rgba(21, 139, 211, 0.22), transparent 62%),
        linear-gradient(145deg, #08111f 0%, #0b2035 100%);
    box-shadow: 0 18px 48px rgba(8, 17, 31, 0.16);
}
body.page-home .service-card::before {
    width: 4px;
    background: linear-gradient(180deg, var(--primary-bright), var(--primary));
    opacity: 0.9;
}
body.page-home .service-card::after {
    background:
        radial-gradient(ellipse 58% 46% at 100% 0%, rgba(57, 181, 239, 0.16), transparent 68%),
        linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.03));
}
body.page-home .service-card:hover {
    border-color: rgba(57, 181, 239, 0.28);
    box-shadow: 0 24px 62px rgba(8, 17, 31, 0.22);
}
body.page-home .service-card h3, body.page-home .service-card-lead h3 {
    max-width: none;
    color: var(--white);
    font-size: 1.12rem;
}
body.page-home .service-card p, body.page-home .service-card-lead p {
    color: rgba(255, 255, 255, 0.68);
}
body.page-home .problem {
    border-color: rgba(57, 181, 239, 0.16);
    background: rgba(255, 255, 255, 0.065);
    color: rgba(255, 255, 255, 0.86);
}
body.page-home .service-meta, body.page-home .tag-list span {
    border-color: rgba(57, 181, 239, 0.16);
    background: rgba(255, 255, 255, 0.08);
    color: #9bdcff;
}
body.page-home .service-icon {
    border-color: rgba(57, 181, 239, 0.18);
    background: rgba(57, 181, 239, 0.12);
    color: #39b5ef;
}
body.page-home .service-card-footer::before {
    background: linear-gradient(90deg, rgba(57, 181, 239, 0.2), transparent);
}
body.page-home .service-card .service-link {
    color: #39b5ef;
}
@media (max-width: 1024px) {
body.page-home .services-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 768px) {
body.page-home .services-panel {
        grid-template-columns: 1fr;
        padding: 0;
        gap: 14px;
    }
}
/* ─── Products: premium ecosystem fold ────────────────────────── */
body.page-home .products {
    background:
        radial-gradient(ellipse 52% 38% at 92% 8%, rgba(21, 139, 211, 0.12), transparent 62%),
        radial-gradient(ellipse 44% 34% at 12% 42%, rgba(57, 181, 239, 0.1), transparent 64%),
        linear-gradient(180deg, rgba(246, 251, 255, 0.92), rgba(255, 255, 255, 0.86));
}
body.page-home .products-head {
    margin-bottom: 28px;
}
body.page-home .ecosystem-strip {
    display: block;
    padding: 14px;
    border: 1px solid rgba(57, 181, 239, 0.14);
    border-radius: 24px;
    background:
        radial-gradient(ellipse 58% 90% at 100% 0%, rgba(21, 139, 211, 0.24), transparent 62%),
        #08111f;
    box-shadow: 0 24px 70px rgba(8, 17, 31, 0.16);
    overflow: hidden;
    mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
body.page-home .ecosystem-strip::before {
    opacity: 1;
    background:
        radial-gradient(ellipse 22% 90% at 20% 50%, rgba(57, 181, 239, 0.32), transparent 70%),
        linear-gradient(115deg, transparent 0 18%, rgba(57, 181, 239, 0.18) 30%, rgba(57, 181, 239, 0.08) 42%, transparent 58% 100%);
    animation: ecosystem-wave 6s ease-in-out infinite;
    transform: translateX(-38%);
}
@keyframes ecosystem-wave {
    0% { transform: translateX(-42%); }
    50% { transform: translateX(18%); }
    100% { transform: translateX(74%); }
}
body.page-home .ecosystem-track {
    position: relative;
    z-index: 1;
    display: flex;
    width: max-content;
    gap: 10px;
    animation: ecosystem-marquee 24s linear infinite;
}
body.page-home .ecosystem-strip:hover .ecosystem-track {
    animation-play-state: paused;
}
@keyframes ecosystem-marquee {
    to { transform: translateX(calc(-50% - 5px)); }
}
body.page-home .ecosystem-strip .logo-tile {
    flex: 0 0 184px;
    height: 70px;
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
body.page-home .ecosystem-strip img {
    filter: none;
    opacity: 0.95;
}
body.page-home .products-showcase {
    grid-template-columns: minmax(420px, 0.92fr) minmax(0, 1.08fr);
    gap: 18px;
    align-items: stretch;
}
body.page-home .featured-product {
    min-height: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: auto minmax(360px, 1fr);
    align-content: stretch;
    border: 1px solid rgba(57, 181, 239, 0.14);
    border-radius: 28px;
    background:
        radial-gradient(ellipse 70% 52% at 90% 18%, rgba(21, 139, 211, 0.28), transparent 62%),
        linear-gradient(145deg, #08111f 0%, #0b2035 100%);
    box-shadow: 0 28px 86px rgba(8, 17, 31, 0.2);
}
body.page-home .featured-product .eyebrow {
    border-color: rgba(57, 181, 239, 0.22);
    background: rgba(255, 255, 255, 0.08);
    color: #39b5ef;
}
body.page-home .featured-product h3 {
    color: var(--white);
}
body.page-home .featured-product p {
    color: rgba(255, 255, 255, 0.68);
}
body.page-home .featured-product .tag-list span {
    border-color: rgba(57, 181, 239, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: #9bdcff;
}
body.page-home .featured-product-media {
    border: 1px solid rgba(57, 181, 239, 0.16);
    background:
        radial-gradient(ellipse 72% 58% at 18% 10%, rgba(57, 181, 239, 0.2), transparent 66%),
        rgba(255, 255, 255, 0.08);
}
body.page-home .product-room-slot, body.page-home .product-device-slot {
    border-color: rgba(57, 181, 239, 0.18);
}
body.page-home .product-system-note {
    background: rgba(255, 255, 255, 0.92);
}
body.page-home .featured-product-media.product-media-system {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
    min-height: 0;
    height: 100%;
    padding: 18px 22px 26px;
    margin-top: 34px;
    overflow: hidden;
}
body.page-home .featured-product-media.product-media-system::before {
    content: none;
}
body.page-home .jabra-animation-stage {
    position: relative;
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 11;
    max-width: none;
    max-height: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
    margin-top: 0;
}
body.page-home .jabra-animation-stage img, body.page-home .jabra-animation-stage video, body.page-home .jabra-animation-stage canvas, body.page-home .jabra-animation-stage svg, body.page-home .jabra-animation-stage lottie-player {
    width: 96%;
    height: 96%;
    max-width: none;
    max-height: none;
    object-fit: contain;
    display: block;
    transform: none;
    transform-origin: center;
}
body.page-home .product-visual-badge {
    position: absolute;
    right: 32px;
    bottom: 18px;
    z-index: 3;
}
body.page-home .product-card {
    min-height: 232px;
    border: 1px solid rgba(57, 181, 239, 0.14);
    background:
        radial-gradient(ellipse 72% 58% at 100% 0%, rgba(21, 139, 211, 0.18), transparent 62%),
        linear-gradient(145deg, #08111f 0%, #0b2035 100%);
    box-shadow: 0 18px 48px rgba(8, 17, 31, 0.14);
}
body.page-home .product-card:hover {
    background:
        radial-gradient(ellipse 76% 60% at 100% 0%, rgba(57, 181, 239, 0.2), transparent 64%),
        linear-gradient(145deg, #0a1728 0%, #0d2a45 100%);
}
body.page-home .product-card::after {
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.035));
}
body.page-home .product-media {
    border-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.94);
}
body.page-home .product-chip {
    border-color: rgba(57, 181, 239, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: #9bdcff;
}
body.page-home .product-card h3 {
    color: var(--white);
}
body.page-home .product-card p {
    color: rgba(255, 255, 255, 0.66);
}
body.page-home .product-card-footer::before {
    background: linear-gradient(90deg, rgba(57, 181, 239, 0.18), transparent);
}
body.page-home .product-card .tag-list span {
    border-color: rgba(57, 181, 239, 0.16);
    background: rgba(255, 255, 255, 0.08);
    color: #9bdcff;
}
body.page-home .product-card .service-link {
    color: #39b5ef;
}
/* Light partner product cards */
body.page-home .products-grid .product-card {
    border: 1px solid rgba(21, 139, 211, 0.12);
    background:
        radial-gradient(ellipse 76% 58% at 100% 0%, rgba(21, 139, 211, 0.08), transparent 62%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 255, 0.94));
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
}
body.page-home .products-grid .product-card:hover {
    background:
        radial-gradient(ellipse 76% 58% at 100% 0%, rgba(21, 139, 211, 0.12), transparent 62%),
        #ffffff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1);
}
body.page-home .products-grid .product-card h3 {
    color: var(--ink);
}
body.page-home .products-grid .product-card p {
    color: var(--muted);
}
body.page-home .products-grid .product-chip, body.page-home .products-grid .product-card .tag-list span {
    border-color: rgba(21, 139, 211, 0.13);
    background: rgba(232, 245, 255, 0.64);
    color: #237eb8;
}
body.page-home .products-grid .product-media {
    width: 122px;
    height: 52px;
    padding: 8px 14px;
    border-color: rgba(15, 23, 42, 0.06);
    background: rgba(255, 255, 255, 0.92);
}
body.page-home .products-grid .product-media img {
    width: auto;
    height: auto;
    max-width: 92px;
    max-height: 30px;
    padding: 0;
    object-fit: contain;
}
body.page-home .products-grid .product-card-footer::before {
    background: linear-gradient(90deg, rgba(21, 139, 211, 0.14), transparent);
}
body.page-home .products-grid .product-card .service-link {
    color: var(--primary);
}
/* License visual as full image area */
body.page-home .licenses-visual {
    display: flex;
    flex-direction: column;
}
body.page-home .license-placeholder {
    flex: 1 1 auto;
    min-height: 100%;
    margin-bottom: 0;
    width: 100%;
}
body.page-home .license-placeholder.has-image img {
    object-fit: cover;
    object-position: center;
}
body.page-home .licenses-visual {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
body.page-home .licenses-visual::before {
    display: none;
}
body.page-home .license-placeholder, body.page-home .license-placeholder.has-image {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
body.page-home .license-placeholder.has-image img {
    border-radius: 0;
}
body.page-home .license-placeholder::before, body.page-home .license-placeholder::after {
    display: none;
}
body.page-home .license-placeholder i, body.page-home .license-placeholder span {
    display: none;
}
body.page-home .license-category-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}
body.page-home .license-category-list p {
    justify-content: center;
    padding: 9px 8px;
    font-size: 0.76rem;
}
@media (max-width: 1180px) {
body.page-home .license-placeholder {
        min-height: 360px;
    }
}
@media (max-width: 768px) {
body.page-home .license-placeholder {
        min-height: 280px;
    }
body.page-home .license-category-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
body.page-home .products-action {
    border-color: rgba(57, 181, 239, 0.14);
    background:
        radial-gradient(ellipse 52% 80% at 100% 0%, rgba(21, 139, 211, 0.18), transparent 64%),
        #08111f;
    box-shadow: 0 22px 62px rgba(8, 17, 31, 0.16);
}
body.page-home .products-action strong {
    color: var(--white);
}
body.page-home .products-action span, body.page-home .products-action .text-link {
    color: #39b5ef;
}
@media (max-width: 1180px) {
body.page-home .products-showcase {
        grid-template-columns: 1fr;
    }
body.page-home .featured-product {
        min-height: 0;
        height: auto;
        grid-template-rows: auto auto;
    }
body.page-home .featured-product-media.product-media-system {
        min-height: 360px;
    }
}
@media (max-width: 1024px) {
body.page-home .ecosystem-strip .logo-tile {
        flex-basis: 168px;
    }
}
@media (max-width: 768px) {
body.page-home .ecosystem-strip {
        padding: 10px;
    }
body.page-home .ecosystem-strip .logo-tile {
        flex-basis: 150px;
        height: 58px;
    }
body.page-home .ecosystem-track {
        animation-duration: 18s;
    }
body.page-home .featured-product {
        padding: 24px;
    }
body.page-home .product-card {
        min-height: 0;
    }
body.page-home .featured-product-media.product-media-system {
        min-height: 280px;
        padding: 16px;
    }
body.page-home .jabra-animation-stage {
        width: 100%;
        aspect-ratio: 16 / 9;
        border-radius: 22px;
    }
body.page-home .jabra-animation-stage img, body.page-home .jabra-animation-stage video, body.page-home .jabra-animation-stage canvas, body.page-home .jabra-animation-stage svg, body.page-home .jabra-animation-stage lottie-player {
        width: 90%;
        height: 90%;
        max-width: none;
        max-height: none;
        object-fit: contain;
        transform: none;
    }
body.page-home .product-media-system .product-system-note {
        right: 16px;
        bottom: 16px;
        font-size: 0.68rem;
        padding: 7px 10px;
    }
}
/* Product animation spacing refinement */
body.page-home .products-showcase {
    align-items: stretch;
}
body.page-home .products-grid {
    height: auto;
}
body.page-home .featured-product {
    height: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 30px;
    padding: 34px;
}
body.page-home .featured-product-media.product-media-system {
    flex: 1 1 auto;
    min-height: 380px;
    height: 100%;
    margin-top: 0;
    padding: 18px;
    border-radius: 30px;
    background:
        radial-gradient(ellipse 62% 48% at 48% 36%, rgba(57, 181, 239, 0.2), transparent 72%),
        rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(57, 181, 239, 0.16);
}
body.page-home .jabra-animation-stage {
    width: 100%;
    height: 100%;
    min-height: 340px;
    aspect-ratio: auto;
    max-height: none;
    border-radius: 24px;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.16);
}
body.page-home .jabra-animation-stage img, body.page-home .jabra-animation-stage video, body.page-home .jabra-animation-stage canvas, body.page-home .jabra-animation-stage svg, body.page-home .jabra-animation-stage lottie-player {
    width: 96%;
    height: 96%;
    object-fit: contain;
}
body.page-home .featured-product-copy {
    display: grid;
    gap: 20px;
    max-width: 100%;
}
body.page-home .featured-product-copy .eyebrow, body.page-home .featured-product-copy h3, body.page-home .featured-product-copy p, body.page-home .featured-product-copy .tag-list {
    margin-bottom: 0;
}
body.page-home .featured-product-copy .tag-list {
    margin-top: 0;
    row-gap: 10px;
}
body.page-home .product-media-system .product-system-note {
    right: 24px;
    bottom: 24px;
}
body.page-home .ecosystem-strip {
    border-color: rgba(21, 139, 211, 0.12);
    background:
        radial-gradient(ellipse 60% 140% at 20% 50%, rgba(57, 181, 239, 0.22), transparent 64%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 255, 0.94));
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
    mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
body.page-home .ecosystem-strip::before {
    background:
        radial-gradient(ellipse 28% 130% at 18% 50%, rgba(57, 181, 239, 0.28), transparent 72%),
        linear-gradient(115deg, transparent 0 18%, rgba(57, 181, 239, 0.22) 30%, rgba(57, 181, 239, 0.1) 44%, transparent 62% 100%);
}
body.page-home .ecosystem-strip .logo-tile {
    border-color: rgba(21, 139, 211, 0.1);
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 1),
        0 10px 26px rgba(15, 23, 42, 0.06);
}
body.page-home .contact .container {
    display: flex;
    justify-content: center;
}
body.page-home .contact-grid {
    width: min(100%, 1120px);
    margin-inline: auto;
    grid-template-columns: minmax(0, 0.92fr) minmax(460px, 1fr);
    align-items: center;
    justify-content: center;
    gap: 64px;
}
body.page-home .contact-info {
    width: 100%;
    max-width: 520px;
}
body.page-home .contact-form-wrapper {
    align-self: center;
    justify-self: center;
}
@media (min-width: 1181px) {
body.page-home .hero {
        min-height: calc(100svh - 112px);
        padding-top: 96px;
        padding-bottom: 74px;
    }
body.page-home .hero-layout {
        align-self: center;
    }
body.page-home .trust-strip {
        margin-top: -96px;
        padding-bottom: 86px;
    }
}
body.page-home .featured-product {
    border-color: rgba(57, 181, 239, 0.18);
    background:
        radial-gradient(circle at 88% 4%, rgba(107, 92, 230, 0.28), transparent 28%),
        radial-gradient(circle at 8% 100%, rgba(57, 181, 239, 0.18), transparent 34%),
        linear-gradient(145deg, #07101e 0%, #0a2137 66%, #102a45 100%);
    box-shadow: 0 24px 68px rgba(8, 17, 31, 0.2);
}
body.page-home .featured-product-copy h3 {
    color: var(--white);
}
body.page-home .featured-product-copy p {
    color: rgba(255, 255, 255, 0.7);
}
body.page-home .featured-product .eyebrow, body.page-home .featured-product .tag-list span {
    border-color: rgba(57, 181, 239, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: #9bdcff;
}
body.page-home .featured-product-media.product-media-system {
    border-color: rgba(255, 255, 255, 0.12);
    background: #ffffff;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2), inset 0 1px 0 #fff;
}
@media (max-width: 1180px) {
body.page-home .featured-product {
        height: auto;
    }
body.page-home .featured-product-media.product-media-system {
        min-height: 340px;
    }
body.page-home .contact-grid {
        width: min(100%, 760px);
        grid-template-columns: 1fr;
        gap: 42px;
    }
body.page-home .contact-info {
        max-width: 680px;
    }
}
@media (max-width: 768px) {
body.page-home .featured-product {
        padding: 24px;
        gap: 24px;
    }
body.page-home .featured-product-media.product-media-system {
        margin-top: 0;
        min-height: 260px;
        padding: 16px;
    }
body.page-home .jabra-animation-stage {
        min-height: 220px;
    }
}
/* Services: editorial bento inspired by premium digital platforms */
body.page-home .services-panel {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 20px;
    counter-reset: service-card;
}
body.page-home .service-card, body.page-home .service-card-lead, body.page-home .service-card-support {
    position: relative;
    min-height: 360px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid rgba(21, 139, 211, 0.14);
    border-radius: 22px;
    background:
        radial-gradient(circle at 90% 6%, rgba(118, 109, 255, 0.13), transparent 25%),
        radial-gradient(circle at 72% 18%, rgba(57, 181, 239, 0.13), transparent 30%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(241, 248, 253, 0.94));
    box-shadow: 0 18px 46px rgba(20, 50, 75, 0.09);
    counter-increment: service-card;
}
body.page-home .service-card-lead {
    grid-column: span 7;
    min-height: 430px;
}
body.page-home .service-card-security {
    grid-column: span 5;
    min-height: 430px;
}
body.page-home .service-card-backup, body.page-home .service-card-devices, body.page-home .service-card-identity {
    grid-column: span 4;
}
body.page-home .service-card-support {
    grid-column: 1 / -1;
    min-height: 280px;
}
body.page-home .service-card-lead, body.page-home .service-card-support {
    border-color: rgba(57, 181, 239, 0.18);
    background:
        radial-gradient(circle at 82% 8%, rgba(123, 104, 238, 0.28), transparent 26%),
        radial-gradient(circle at 100% 52%, rgba(57, 181, 239, 0.2), transparent 34%),
        linear-gradient(140deg, #07101e 0%, #0a2035 62%, #102a46 100%);
    box-shadow: 0 22px 58px rgba(8, 17, 31, 0.2);
}
body.page-home .service-card::before { display: none; }
body.page-home .service-card-lead::before, body.page-home .service-card-support::before { display: none; }
body.page-home .service-card::after {
    top: -54px;
    right: -46px;
    bottom: auto;
    left: auto;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(86, 176, 226, 0.12);
    border-radius: 50%;
    background: radial-gradient(circle at 34% 34%, rgba(255, 255, 255, 0.62), rgba(95, 191, 235, 0.08) 45%, transparent 70%);
    box-shadow: inset 0 0 32px rgba(96, 174, 255, 0.08);
    opacity: 0.8;
    pointer-events: none;
}
body.page-home .service-card-lead::after, body.page-home .service-card-support::after {
    border-color: rgba(57, 181, 239, 0.14);
    background: radial-gradient(circle at 34% 34%, rgba(255, 255, 255, 0.2), rgba(120, 98, 255, 0.16) 42%, transparent 70%);
}
body.page-home .service-card > * {
    position: relative;
    z-index: 1;
}
body.page-home .service-card-top {
    margin-bottom: 30px;
}
body.page-home .service-icon {
    width: 46px;
    height: 46px;
    border: 1px solid rgba(21, 139, 211, 0.16);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.72);
    color: var(--primary);
    box-shadow: 0 10px 24px rgba(21, 139, 211, 0.1);
}
body.page-home .service-meta, body.page-home .tag-list span {
    border-color: rgba(21, 139, 211, 0.15);
    background: rgba(234, 247, 255, 0.78);
    color: #087dbd;
}
body.page-home .service-card h3, body.page-home .service-card-lead h3 {
    max-width: 82%;
    margin-bottom: 18px;
    color: #08111f;
    font-size: clamp(1.15rem, 1.5vw, 1.48rem);
    line-height: 1.18;
}
body.page-home .service-card p, body.page-home .service-card-lead p {
    color: #50647a;
    line-height: 1.68;
}
body.page-home .problem {
    position: relative;
    margin-bottom: 18px;
    padding: 16px 18px 16px 38px;
    border: 1px solid rgba(21, 139, 211, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.7);
    color: #20364d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
body.page-home .problem::before {
    position: absolute;
    top: 19px;
    left: 17px;
    width: 9px;
    height: 9px;
    content: "";
    border-radius: 50%;
    background: var(--primary-bright);
    box-shadow: 0 0 0 6px rgba(57, 181, 239, 0.11);
}
body.page-home .service-card-footer {
    margin-top: auto;
}
body.page-home .service-card-footer::before {
    background: linear-gradient(90deg, rgba(21, 139, 211, 0.15), transparent);
}
body.page-home .service-card .service-link {
    color: #087dbd;
}
body.page-home .service-card-lead .service-icon, body.page-home .service-card-support .service-icon {
    border-color: rgba(57, 181, 239, 0.2);
    background: rgba(57, 181, 239, 0.1);
    color: #39b5ef;
    box-shadow: none;
}
body.page-home .service-card-lead h3, body.page-home .service-card-support h3 {
    color: var(--white);
}
body.page-home .service-card-lead p, body.page-home .service-card-support p {
    color: rgba(255, 255, 255, 0.7);
}
body.page-home .service-card-lead .problem, body.page-home .service-card-support .problem {
    border-color: rgba(57, 181, 239, 0.14);
    background: rgba(255, 255, 255, 0.07);
    color: rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
body.page-home .service-card-lead .service-meta, body.page-home .service-card-lead .tag-list span, body.page-home .service-card-support .service-meta, body.page-home .service-card-support .tag-list span {
    border-color: rgba(57, 181, 239, 0.16);
    background: rgba(255, 255, 255, 0.08);
    color: #9bdcff;
}
body.page-home .service-card-lead .service-link, body.page-home .service-card-support .service-link {
    color: #39b5ef;
}
body.page-home .service-card-support .service-card-body {
    display: grid;
    grid-template-columns: minmax(220px, 0.7fr) minmax(300px, 1.3fr) minmax(260px, 1fr);
    align-items: start;
    gap: 28px;
}
body.page-home .service-card-support .service-card-body h3, body.page-home .service-card-support .service-card-body p {
    margin: 0;
    max-width: none;
}
body.page-home .service-card-support .service-card-footer {
    margin-top: 28px;
}
body.page-home .service-card:hover {
    transform: translateY(-6px);
    border-color: rgba(21, 139, 211, 0.26);
    box-shadow: 0 26px 64px rgba(20, 50, 75, 0.14);
}
@media (max-width: 1024px) {
body.page-home .services-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
body.page-home .service-card, body.page-home .service-card-lead, body.page-home .service-card-security, body.page-home .service-card-backup, body.page-home .service-card-devices, body.page-home .service-card-identity, body.page-home .service-card-support {
        grid-column: auto;
        min-height: 390px;
    }
body.page-home .service-card-support .service-card-body {
        display: block;
    }
body.page-home .service-card-support .service-card-body > * + * {
        margin-top: 18px;
    }
}
@media (max-width: 768px) {
body.page-home .services-panel {
        grid-template-columns: 1fr;
        gap: 16px;
    }
body.page-home .service-card, body.page-home .service-card-lead, body.page-home .service-card-security, body.page-home .service-card-backup, body.page-home .service-card-devices, body.page-home .service-card-identity, body.page-home .service-card-support {
        min-height: 0;
        padding: 24px;
        border-radius: 18px;
    }
body.page-home .service-card-top {
        margin-bottom: 24px;
    }
body.page-home .service-card h3, body.page-home .service-card-lead h3 {
        max-width: 88%;
    }
body.page-home .service-card::before {
        right: 22px;
        bottom: 22px;
        font-size: 4.6rem;
    }
}
/* Unified premium language and motion system */
body.page-home main {
    position: relative;
    overflow: clip;
    background:
        linear-gradient(rgba(21, 139, 211, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(21, 139, 211, 0.035) 1px, transparent 1px),
        radial-gradient(ellipse 42% 24% at 92% 18%, rgba(57, 181, 239, 0.13), transparent 70%),
        radial-gradient(ellipse 38% 22% at 8% 58%, rgba(107, 92, 230, 0.08), transparent 72%),
        linear-gradient(180deg, #f8fbfe 0%, #ffffff 38%, #f5faff 72%, #ffffff 100%);
    background-size: 40px 40px, 40px 40px, auto, auto, auto;
}
body.page-home .services, body.page-home .products, body.page-home .licenses {
    position: relative;
    background: transparent;
}
body.page-home .motion-section::after {
    position: absolute;
    top: 12%;
    right: -12%;
    z-index: 0;
    width: 460px;
    height: 460px;
    content: "";
    border: 1px solid rgba(21, 139, 211, 0.08);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(57, 181, 239, 0.07), transparent 68%);
    transform: translate3d(0, calc(var(--scroll-progress, 0) * -42px), 0);
    transition: transform 0.1s linear;
    pointer-events: none;
}
body.page-home .motion-section > .container {
    position: relative;
    z-index: 1;
}
body.page-home .section-title {
    text-wrap: balance;
}
body.page-home .section-tag, body.page-home .eyebrow {
    box-shadow: 0 10px 28px rgba(21, 139, 211, 0.08);
    backdrop-filter: blur(14px);
}
body.page-home .products-showcase {
    gap: 20px;
}
body.page-home .featured-product {
    isolation: isolate;
    border-color: rgba(57, 181, 239, 0.18);
    background:
        radial-gradient(circle at 84% 10%, rgba(115, 92, 230, 0.28), transparent 28%),
        radial-gradient(circle at 100% 52%, rgba(57, 181, 239, 0.19), transparent 38%),
        linear-gradient(145deg, #07101e 0%, #0a2137 68%, #102b47 100%);
    box-shadow: 0 24px 68px rgba(8, 17, 31, 0.2);
}
body.page-home .featured-product::after {
    position: absolute;
    top: -90px;
    right: -80px;
    z-index: -1;
    width: 270px;
    height: 270px;
    content: "";
    border: 1px solid rgba(57, 181, 239, 0.14);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, rgba(255,255,255,0.18), rgba(107,92,230,0.12) 42%, transparent 68%);
    animation: premium-orb 9s ease-in-out infinite;
}
body.page-home .featured-product h3 {
    color: var(--white);
}
body.page-home .featured-product p {
    color: rgba(255, 255, 255, 0.7);
}
body.page-home .featured-product .eyebrow, body.page-home .featured-product .tag-list span {
    border-color: rgba(57, 181, 239, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: #9bdcff;
}
body.page-home .featured-product-media.product-media-system {
    border-color: rgba(57, 181, 239, 0.16);
    background:
        radial-gradient(ellipse 62% 48% at 48% 36%, rgba(57, 181, 239, 0.18), transparent 72%),
        rgba(255, 255, 255, 0.07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
body.page-home .product-card {
    isolation: isolate;
    min-height: 244px;
    padding: 22px;
    border-radius: 20px;
    background:
        radial-gradient(circle at 92% 4%, rgba(112, 92, 230, 0.11), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,0.98), rgba(240,248,253,0.94));
    box-shadow: 0 16px 42px rgba(20, 50, 75, 0.08);
}
body.page-home .product-card:nth-child(3n)::before {
    opacity: 1;
    background: linear-gradient(135deg, rgba(57, 181, 239, 0.1), transparent 48%, rgba(112, 92, 230, 0.08));
}
body.page-home .product-card::after, body.page-home .brand-card::after {
    top: -44px;
    right: -42px;
    bottom: auto;
    left: auto;
    width: 132px;
    height: 132px;
    border: 1px solid rgba(21, 139, 211, 0.1);
    border-radius: 50%;
    background: radial-gradient(circle at 34% 34%, rgba(255,255,255,0.7), rgba(57,181,239,0.08) 48%, transparent 70%);
    opacity: 0.75;
}
body.page-home .product-media, body.page-home .brand-logo {
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 28px rgba(20, 50, 75, 0.07), inset 0 1px 0 #fff;
    backdrop-filter: blur(12px);
}
body.page-home .ecosystem-strip {
    box-shadow: 0 18px 54px rgba(20, 50, 75, 0.09), inset 0 1px 0 #fff;
}
body.page-home .products-action, body.page-home .services-action {
    position: relative;
    overflow: hidden;
    border-color: rgba(57, 181, 239, 0.14);
    background:
        radial-gradient(ellipse 52% 80% at 100% 0%, rgba(21, 139, 211, 0.18), transparent 64%),
        #08111f;
    box-shadow: 0 22px 56px rgba(8, 17, 31, 0.18);
    backdrop-filter: blur(18px);
}
body.page-home .services-action strong { color: rgba(255,255,255,.88); }
body.page-home .services-action span { color: #39b5ef; }
body.page-home .services-action .text-link { color: #39b5ef; }
body.page-home .products-action::before, body.page-home .services-action::before {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(105deg, transparent 15%, rgba(57,181,239,0.22) 45%, transparent 72%);
    transform: translateX(-110%);
    animation: panel-sheen 8s ease-in-out infinite;
    pointer-events: none;
}
body.page-home .licenses-layout {
    gap: 22px;
}
body.page-home .licenses-brands {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}
body.page-home .brand-card {
    isolation: isolate;
    min-height: 250px;
    padding: 24px;
    border-radius: 20px;
    background:
        radial-gradient(circle at 92% 4%, rgba(107, 92, 230, 0.1), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,0.98), rgba(242,249,253,0.94));
    box-shadow: 0 16px 42px rgba(20, 50, 75, 0.08);
}
body.page-home .brand-card:nth-child(4n + 1), body.page-home .brand-card:nth-child(4n + 4) {
    background:
        radial-gradient(circle at 92% 4%, rgba(57, 181, 239, 0.13), transparent 30%),
        linear-gradient(145deg, #ffffff, #edf8ff);
}
body.page-home .brand-card h3 {
    font-size: 1.08rem;
}
body.page-home .licenses-visual img {
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.8s ease;
}
body.page-home .licenses-visual:hover img {
    transform: scale(1.025);
    filter: saturate(1.05) contrast(1.02);
}
body.page-home .contact {
    background:
        linear-gradient(rgba(57, 181, 239, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57, 181, 239, 0.045) 1px, transparent 1px),
        radial-gradient(ellipse 64% 58% at 0% 28%, rgba(57, 181, 239, 0.18), transparent 58%),
        radial-gradient(ellipse 48% 46% at 100% 76%, rgba(107, 92, 230, 0.16), transparent 60%),
        linear-gradient(145deg, #050c17 0%, #091d31 58%, #0c2741 100%);
    background-size: 44px 44px, 44px 44px, auto, auto, auto;
}
body.page-home .contact.motion-section::after {
    border-color: rgba(57, 181, 239, 0.1);
    background: radial-gradient(circle, rgba(57,181,239,0.12), transparent 68%);
}
body.page-home .contact-item {
    border-radius: 16px;
    background: linear-gradient(110deg, rgba(255,255,255,0.08), rgba(255,255,255,0.045));
}
body.page-home .contact-form-wrapper {
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0%, rgba(107,92,230,0.09), transparent 30%),
        rgba(255, 255, 255, 0.97);
    box-shadow: 0 34px 90px rgba(0, 0, 0, 0.28);
}
body.page-home .form-control {
    border-radius: 12px;
    background: rgba(246, 250, 253, 0.9);
}
body.page-home .form-control:focus {
    transform: translateY(-1px);
}
body.page-home .motion-card {
    --tilt-x: 0deg;
    --tilt-y: 0deg;
    --shine-x: 50%;
    --shine-y: 50%;
    transform-style: preserve-3d;
    will-change: transform;
}
body.page-home .motion-card:hover {
    transform: perspective(1100px) translateY(-6px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
}
body.page-home .motion-card.motion-pending {
    opacity: 0;
}
body.page-home .motion-card.motion-visible {
    animation: card-enter 0.75s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    animation-delay: calc(var(--motion-order, 0) * 55ms);
}
body.page-home .motion-card .service-icon, body.page-home .motion-card .product-media, body.page-home .motion-card .brand-logo, body.page-home .motion-card .contact-item-icon {
    transform: translateZ(16px);
}
body.page-home .service-icon i, body.page-home .contact-item-icon i, body.page-home .orbit-hub i {
    animation: icon-breathe 3.8s ease-in-out infinite;
}
body.page-home .text-link i, body.page-home .service-link i, body.page-home .btn i {
    transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}
body.page-home .text-link:hover i, body.page-home .service-link:hover i, body.page-home .btn:hover i {
    transform: translateX(5px);
}
body.page-home .trust-item {
    position: relative;
    overflow: hidden;
}
body.page-home .trust-item::after {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(105deg, transparent 25%, rgba(57,181,239,0.12) 48%, transparent 70%);
    transform: translateX(-120%);
    animation: panel-sheen 7s ease-in-out infinite;
}
@keyframes card-enter {
    from { opacity: 0; transform: perspective(1100px) translateY(34px) scale(0.975); }
    to { opacity: 1; transform: perspective(1100px) translateY(0) scale(1); }
}
@keyframes premium-orb {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
    50% { transform: translate3d(-18px, 16px, 0) rotate(8deg); }
}
@keyframes icon-breathe {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-2px) scale(1.04); }
}
@keyframes panel-sheen {
    0%, 45% { transform: translateX(-120%); }
    68%, 100% { transform: translateX(120%); }
}
@media (max-width: 1180px) {
body.page-home .licenses-brands {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 768px) {
body.page-home main {
        background-size: 28px 28px, 28px 28px, auto, auto, auto;
    }
body.page-home .motion-section::after {
        width: 280px;
        height: 280px;
        opacity: 0.7;
    }
body.page-home .licenses-brands {
        grid-template-columns: 1fr;
    }
body.page-home .brand-card, body.page-home .product-card {
        min-height: 0;
    }
body.page-home .motion-card:hover {
        transform: translateY(-3px);
    }
}
/* Licenses: image-led editorial ecosystem */
body.page-home .licenses {
    padding-top: 120px;
    padding-bottom: 120px;
}
body.page-home .licenses::before {
    background:
        radial-gradient(ellipse 44% 32% at 94% 6%, rgba(107, 92, 230, 0.1), transparent 70%),
        radial-gradient(ellipse 42% 32% at 5% 52%, rgba(57, 181, 239, 0.12), transparent 72%);
}
body.page-home .licenses-head {
    grid-template-columns: minmax(0, 1.18fr) minmax(340px, 0.82fr);
    align-items: end;
    gap: 80px;
    margin-bottom: 38px;
}
body.page-home .licenses-head .section-header {
    max-width: 790px;
}
body.page-home .licenses-head .section-title {
    margin-bottom: 20px;
    font-size: clamp(2.35rem, 4vw, 4.45rem);
    line-height: 0.98;
}
body.page-home .licenses-head .section-subtitle {
    max-width: 700px;
}
body.page-home .licenses-principles {
    display: grid;
    border-top: 1px solid rgba(21, 139, 211, 0.16);
}
body.page-home .licenses-principles span {
    display: grid;
    grid-template-columns: 38px 1fr;
    align-items: center;
    gap: 14px;
    min-height: 54px;
    border-bottom: 1px solid rgba(21, 139, 211, 0.13);
    color: #1a3048;
    font-size: 0.82rem;
    font-weight: 750;
}
body.page-home .licenses-principles small {
    color: var(--primary);
    font-size: 0.66rem;
    font-weight: 800;
}
body.page-home .licenses-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}
body.page-home .licenses-visual {
    position: relative;
    width: 100%;
    min-height: 0;
    aspect-ratio: 16 / 8.2;
    overflow: hidden;
    border-radius: 28px;
    background: transparent;
}
body.page-home .license-placeholder, body.page-home .license-placeholder.has-image {
    width: 100%;
    height: 100%;
    min-height: 0;
}
body.page-home .license-placeholder.has-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 28px;
}
body.page-home .licenses-brands {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    counter-reset: license-brand;
}
body.page-home .licenses .brand-card {
    min-height: 258px;
    padding: 22px;
    border: 1px solid rgba(21, 139, 211, 0.12);
    border-radius: 18px;
    background:
        radial-gradient(circle at 92% 5%, rgba(107, 92, 230, 0.1), transparent 29%),
        linear-gradient(145deg, rgba(255,255,255,0.98), rgba(241,248,253,0.95));
    box-shadow: 0 16px 42px rgba(20, 50, 75, 0.075);
    counter-increment: license-brand;
}
body.page-home .licenses .brand-card::before {
    position: absolute;
    top: 22px;
    right: 20px;
    bottom: auto;
    left: auto;
    z-index: 2;
    width: auto;
    height: auto;
    content: "0" counter(license-brand);
    color: rgba(8, 17, 31, 0.16);
    background: none;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0;
    opacity: 1;
}
body.page-home .licenses .brand-card:nth-child(1), body.page-home .licenses .brand-card:nth-child(6) {
    border-color: rgba(57, 181, 239, 0.16);
    background:
        radial-gradient(circle at 90% 8%, rgba(107, 92, 230, 0.28), transparent 30%),
        radial-gradient(circle at 100% 70%, rgba(57, 181, 239, 0.16), transparent 38%),
        linear-gradient(145deg, #07101e, #0b243b);
    box-shadow: 0 22px 54px rgba(8, 17, 31, 0.18);
}
body.page-home .licenses .brand-card:nth-child(1)::before, body.page-home .licenses .brand-card:nth-child(6)::before {
    color: rgba(255, 255, 255, 0.24);
}
body.page-home .licenses .brand-card:nth-child(1) h3, body.page-home .licenses .brand-card:nth-child(6) h3 {
    color: var(--white);
}
body.page-home .licenses .brand-card:nth-child(1) p, body.page-home .licenses .brand-card:nth-child(6) p {
    color: rgba(255, 255, 255, 0.66);
}
body.page-home .licenses .brand-card:nth-child(1) .service-link, body.page-home .licenses .brand-card:nth-child(6) .service-link {
    color: #39b5ef;
}
body.page-home .licenses .brand-card:nth-child(1) .brand-logo, body.page-home .licenses .brand-card:nth-child(6) .brand-logo {
    border-color: rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.94);
}
body.page-home .licenses .brand-logo {
    width: 132px;
    height: 54px;
    margin-bottom: 20px;
    border-radius: 12px;
}
body.page-home .licenses .brand-card img {
    width: 108px;
    height: 40px;
    padding: 5px 10px;
}
body.page-home .licenses .brand-card h3 {
    margin-bottom: 10px;
    font-size: 1.08rem;
}
body.page-home .licenses .brand-card p {
    margin-bottom: 20px;
    font-size: 0.82rem;
    line-height: 1.55;
}
body.page-home .licenses-action {
    justify-content: flex-end;
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgba(21, 139, 211, 0.14);
}
@media (max-width: 1180px) {
body.page-home .licenses-head {
        grid-template-columns: 1fr;
        gap: 30px;
    }
body.page-home .licenses-principles {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        border-bottom: 1px solid rgba(21, 139, 211, 0.13);
    }
body.page-home .licenses-principles span {
        border-bottom: 0;
    }
body.page-home .licenses-brands {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 768px) {
body.page-home .licenses {
        padding-top: 88px;
        padding-bottom: 88px;
    }
body.page-home .licenses-head .section-title {
        font-size: clamp(2.15rem, 11vw, 3.2rem);
        line-height: 1.02;
    }
body.page-home .licenses-principles {
        grid-template-columns: 1fr;
        border-bottom: 0;
    }
body.page-home .licenses-principles span {
        border-bottom: 1px solid rgba(21, 139, 211, 0.13);
    }
body.page-home .licenses-visual {
        aspect-ratio: 4 / 3;
        border-radius: 18px;
    }
body.page-home .license-placeholder.has-image img {
        border-radius: 18px;
    }
body.page-home .licenses-brands {
        grid-template-columns: 1fr;
    }
body.page-home .licenses .brand-card {
        min-height: 230px;
    }
}
/* Licenses: split editorial stage with unified partner dashboard */
body.page-home .licenses > .container {
    display: grid;
    grid-template-columns: minmax(340px, 0.78fr) minmax(0, 1.22fr);
    column-gap: 72px;
    row-gap: 34px;
    align-items: center;
}
body.page-home .licenses-head {
    grid-column: 1;
    grid-row: 1;
    display: block;
    margin: 0;
}
body.page-home .licenses-head .section-header {
    max-width: 520px;
}
body.page-home .licenses-head .section-title {
    max-width: 510px;
    margin-bottom: 24px;
    font-size: clamp(2.55rem, 4.25vw, 4.8rem);
    line-height: 0.96;
}
body.page-home .licenses-head .section-subtitle {
    max-width: 480px;
    margin: 0;
    font-size: 1rem;
    line-height: 1.72;
}
body.page-home .licenses-layout {
    display: contents;
}
body.page-home .licenses-visual {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    aspect-ratio: 4 / 3;
    min-height: 0;
    overflow: hidden;
    border: 0;
    border-radius: 22px;
    background: transparent;
    box-shadow: 0 30px 80px rgba(20, 50, 75, 0.12);
}
body.page-home .license-placeholder, body.page-home .license-placeholder.has-image {
    width: 100%;
    height: 100%;
    min-height: 0;
}
body.page-home .license-placeholder.has-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 22px;
}
body.page-home .licenses-brands {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    padding: 12px;
    border: 1px solid rgba(57, 181, 239, 0.14);
    border-radius: 26px;
    background:
        radial-gradient(circle at 85% 0%, rgba(107, 92, 230, 0.24), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(57, 181, 239, 0.14), transparent 34%),
        linear-gradient(135deg, #07101e 0%, #0a2137 64%, #102a45 100%);
    box-shadow: 0 26px 72px rgba(8, 17, 31, 0.18);
}
body.page-home .licenses .brand-card, body.page-home .licenses .brand-card:nth-child(1), body.page-home .licenses .brand-card:nth-child(6), body.page-home .licenses .brand-card:nth-child(4n + 1), body.page-home .licenses .brand-card:nth-child(4n + 4) {
    min-height: 224px;
    padding: 24px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
body.page-home .licenses .brand-card:nth-child(4n) {
    border-right: 0;
}
body.page-home .licenses .brand-card:nth-child(n + 5) {
    border-bottom: 0;
}
body.page-home .licenses .brand-card::after {
    top: auto;
    right: 18px;
    bottom: 18px;
    left: auto;
    width: 76px;
    height: 76px;
    border-color: rgba(57, 181, 239, 0.08);
    background: radial-gradient(circle, rgba(57, 181, 239, 0.06), transparent 68%);
    opacity: 1;
}
body.page-home .licenses .brand-card::before, body.page-home .licenses .brand-card:nth-child(1)::before, body.page-home .licenses .brand-card:nth-child(6)::before {
    color: rgba(255, 255, 255, 0.22);
}
body.page-home .licenses .brand-card h3, body.page-home .licenses .brand-card:nth-child(1) h3, body.page-home .licenses .brand-card:nth-child(6) h3 {
    color: var(--white);
}
body.page-home .licenses .brand-card p, body.page-home .licenses .brand-card:nth-child(1) p, body.page-home .licenses .brand-card:nth-child(6) p {
    color: rgba(255, 255, 255, 0.62);
}
body.page-home .licenses .brand-card .service-link, body.page-home .licenses .brand-card:nth-child(1) .service-link, body.page-home .licenses .brand-card:nth-child(6) .service-link {
    color: #39b5ef;
}
body.page-home .licenses .brand-logo, body.page-home .licenses .brand-card:nth-child(1) .brand-logo, body.page-home .licenses .brand-card:nth-child(6) .brand-logo {
    width: 124px;
    height: 50px;
    margin-bottom: 22px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.13);
}
body.page-home .licenses .brand-card:hover {
    z-index: 2;
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.055);
    box-shadow: inset 0 0 0 1px rgba(57, 181, 239, 0.1);
}
body.page-home .licenses-action {
    grid-column: 1 / -1;
    grid-row: 3;
    justify-content: flex-end;
    width: 100%;
    margin: -4px 0 0;
    padding: 0;
    border: 0;
}
@media (max-width: 1180px) {
body.page-home .licenses > .container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
body.page-home .licenses-head, body.page-home .licenses-visual, body.page-home .licenses-brands, body.page-home .licenses-action {
        grid-column: 1;
        grid-row: auto;
    }
body.page-home .licenses-head .section-header, body.page-home .licenses-head .section-title, body.page-home .licenses-head .section-subtitle {
        max-width: 780px;
    }
body.page-home .licenses-visual {
        aspect-ratio: 16 / 9;
    }
body.page-home .licenses-brands {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
body.page-home .licenses .brand-card:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
body.page-home .licenses .brand-card:nth-child(even) {
        border-right: 0;
    }
body.page-home .licenses .brand-card:nth-child(n + 5) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
body.page-home .licenses .brand-card:nth-child(n + 7) {
        border-bottom: 0;
    }
}
@media (max-width: 640px) {
body.page-home .licenses-head .section-title {
        font-size: clamp(2.35rem, 12vw, 3.35rem);
    }
body.page-home .licenses-visual {
        aspect-ratio: 4 / 3;
        border-radius: 16px;
    }
body.page-home .license-placeholder.has-image img {
        border-radius: 16px;
    }
body.page-home .licenses-brands {
        grid-template-columns: 1fr;
        padding: 10px;
        border-radius: 20px;
    }
body.page-home .licenses .brand-card, body.page-home .licenses .brand-card:nth-child(odd), body.page-home .licenses .brand-card:nth-child(even), body.page-home .licenses .brand-card:nth-child(n + 5), body.page-home .licenses .brand-card:nth-child(n + 7) {
        min-height: 210px;
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
body.page-home .licenses .brand-card:last-child {
        border-bottom: 0;
    }
}
/* Licensing motion */
body.page-home .licenses-visual.motion-card {
    transform-origin: 50% 60%;
}
body.page-home .licenses-visual.motion-visible {
    animation: license-visual-enter 1.05s cubic-bezier(0.22, 1, 0.36, 1) backwards;
}
body.page-home .licenses-visual img {
    transform-origin: center;
    animation: license-image-drift 10s ease-in-out infinite;
    will-change: transform;
}
body.page-home .licenses-visual:hover img {
    animation: none;
    transform: scale(1.035);
}
body.page-home .licenses-brands {
    position: relative;
    isolation: isolate;
}
body.page-home .licenses-brands::before {
    position: absolute;
    top: -60%;
    bottom: -60%;
    left: -24%;
    z-index: 0;
    width: 34%;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(57, 181, 239, 0.1), rgba(107, 92, 230, 0.09), transparent);
    filter: blur(18px);
    transform: skewX(-16deg) translateX(-100%);
    animation: license-panel-light 9s ease-in-out infinite;
    pointer-events: none;
}
body.page-home .licenses .brand-card {
    position: relative;
    z-index: 1;
}
body.page-home .licenses .brand-card.motion-visible {
    animation: license-brand-enter 0.72s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    animation-delay: calc(var(--motion-order, 0) * 65ms);
}
body.page-home .licenses .brand-logo {
    animation: license-logo-float 5.2s ease-in-out infinite;
}
body.page-home .licenses .brand-card:nth-child(2n) .brand-logo {
    animation-delay: -1.4s;
}
body.page-home .licenses .brand-card:nth-child(3n) .brand-logo {
    animation-delay: -2.8s;
}
body.page-home .licenses .brand-card:hover .brand-logo {
    animation: none;
    transform: translateY(-4px) translateZ(18px);
}
body.page-home .licenses-action .text-link i {
    animation: license-arrow-pulse 2.2s ease-in-out infinite;
}
@keyframes license-visual-enter {
    from {
        opacity: 0;
        clip-path: inset(0 16% 0 0 round 22px);
        transform: perspective(1200px) translateX(42px) rotateY(-3deg) scale(0.985);
    }
    to {
        opacity: 1;
        clip-path: inset(0 0 0 0 round 22px);
        transform: perspective(1200px) translateX(0) rotateY(0) scale(1);
    }
}
@keyframes license-brand-enter {
    from {
        opacity: 0;
        transform: translateY(24px) scale(0.975);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@keyframes license-image-drift {
    0%, 100% { transform: scale(1.01) translate3d(0, 0, 0); }
    50% { transform: scale(1.035) translate3d(-0.7%, -0.6%, 0); }
}
@keyframes license-panel-light {
    0%, 36% { transform: skewX(-16deg) translateX(-120%); opacity: 0; }
    54% { opacity: 1; }
    72%, 100% { transform: skewX(-16deg) translateX(460%); opacity: 0; }
}
@keyframes license-logo-float {
    0%, 100% { transform: translateY(0) translateZ(16px); }
    50% { transform: translateY(-3px) translateZ(16px); }
}
@keyframes license-arrow-pulse {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(5px); }
}
/* Unified section title scale; hero remains intentionally larger */
body.page-home .services .section-title, body.page-home .products .section-title, body.page-home .licenses .section-title, body.page-home .contact-info h2 {
    font-size: clamp(2.75rem, 3.6vw, 3.6rem);
    line-height: 1.02;
    letter-spacing: 0;
}
@media (max-width: 768px) {
body.page-home .services .section-title, body.page-home .products .section-title, body.page-home .licenses .section-title, body.page-home .contact-info h2 {
        font-size: 2.5rem;
        line-height: 1.04;
    }
}
@media (max-width: 420px) {
body.page-home .services .section-title, body.page-home .products .section-title, body.page-home .licenses .section-title, body.page-home .contact-info h2 {
        font-size: 2.15rem;
    }
}
/* Products: editorial ecosystem inspired by premium digital platforms */
body.page-home .products {
    padding-top: 120px;
    padding-bottom: 120px;
}
body.page-home .products::before {
    background:
        radial-gradient(ellipse 42% 32% at 86% 8%, rgba(57, 181, 239, 0.16), transparent 70%),
        radial-gradient(ellipse 34% 28% at 4% 68%, rgba(107, 92, 230, 0.08), transparent 72%);
}
body.page-home .products-head {
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.68fr);
    align-items: end;
    gap: 80px;
    margin-bottom: 34px;
}
body.page-home .products-head .section-title {
    max-width: 760px;
}
body.page-home .products-head-copy {
    padding: 0 0 4px 30px;
}
body.page-home .ecosystem-strip {
    margin-bottom: 28px;
    padding: 10px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 16px 46px rgba(20, 50, 75, 0.07);
}
body.page-home .ecosystem-strip .logo-tile {
    min-height: 62px;
    height: 62px;
    border: 0;
    border-right: 1px solid rgba(21, 139, 211, 0.1);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
body.page-home .products-showcase {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}
body.page-home .featured-product {
    grid-column: 1 / -1;
    min-height: 570px;
    display: grid;
    grid-template-columns: minmax(340px, 0.78fr) minmax(0, 1.22fr);
    gap: 18px;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
body.page-home .featured-product::before, body.page-home .featured-product::after {
    display: none;
}
body.page-home .featured-product-copy {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 46px;
    border: 1px solid rgba(57, 181, 239, 0.16);
    border-radius: 28px;
    background:
        radial-gradient(circle at 88% 8%, rgba(107, 92, 230, 0.27), transparent 30%),
        radial-gradient(circle at 100% 72%, rgba(57, 181, 239, 0.16), transparent 38%),
        linear-gradient(145deg, #07101e 0%, #0a2137 68%, #102a45 100%);
    box-shadow: 0 26px 68px rgba(8, 17, 31, 0.18);
}
body.page-home .featured-product-copy::after {
    position: absolute;
    right: -96px;
    bottom: -110px;
    width: 280px;
    height: 280px;
    content: "";
    border: 1px solid rgba(57, 181, 239, 0.14);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(57, 181, 239, 0.1), transparent 68%);
    animation: premium-orb 10s ease-in-out infinite;
    pointer-events: none;
}
body.page-home .featured-product-copy h3 {
    max-width: 480px;
    margin-bottom: 22px;
    color: var(--white);
    font-size: 1.14rem;
    line-height: 1.02;
}
body.page-home .featured-product-copy p {
    max-width: 470px;
    color: rgba(255,255,255,0.7);
}
body.page-home .featured-product-media.product-media-system {
    min-height: 570px;
    margin: 0;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(21, 139, 211, 0.1);
    border-radius: 28px;
    background:
        radial-gradient(ellipse 60% 52% at 52% 48%, rgba(57, 181, 239, 0.16), transparent 72%),
        linear-gradient(145deg, rgba(255,255,255,0.98), rgba(240,248,253,0.94));
    box-shadow: 0 24px 64px rgba(20, 50, 75, 0.1);
}
body.page-home .jabra-animation-stage {
    min-height: 100%;
    border-radius: 20px;
    background: #fff;
    box-shadow: none;
}
body.page-home .jabra-animation-stage img {
    width: 94%;
    height: 94%;
    object-fit: contain;
}
body.page-home .products-grid {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 18px;
    counter-reset: product-partner;
}
body.page-home .products-grid .product-card {
    min-height: 278px;
    padding: 26px;
    border: 1px solid rgba(21, 139, 211, 0.12);
    border-radius: 20px;
    background:
        radial-gradient(circle at 92% 4%, rgba(107, 92, 230, 0.1), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,0.98), rgba(241,248,253,0.94));
    box-shadow: 0 16px 44px rgba(20, 50, 75, 0.075);
    counter-increment: product-partner;
}
body.page-home .products-grid .product-card:nth-child(1) { grid-column: span 5; }
body.page-home .products-grid .product-card:nth-child(2) { grid-column: span 3; }
body.page-home .products-grid .product-card:nth-child(3) { grid-column: span 4; }
body.page-home .products-grid .product-card:nth-child(4) { grid-column: span 4; }
body.page-home .products-grid .product-card:nth-child(5) { grid-column: span 5; }
body.page-home .products-grid .product-card:nth-child(6) { grid-column: span 3; }
body.page-home .products-grid .product-card::before {
    position: absolute;
    top: 22px;
    right: 22px;
    bottom: auto;
    left: auto;
    z-index: 2;
    width: auto;
    height: auto;
    content: "0" counter(product-partner);
    color: rgba(8, 17, 31, 0.15);
    background: none;
    font-size: 0.66rem;
    font-weight: 800;
    opacity: 1;
}
body.page-home .products-grid .product-card:nth-child(1), body.page-home .products-grid .product-card:nth-child(5) {
    border-color: rgba(57, 181, 239, 0.16);
    background:
        radial-gradient(circle at 90% 8%, rgba(107, 92, 230, 0.25), transparent 31%),
        radial-gradient(circle at 100% 76%, rgba(57, 181, 239, 0.15), transparent 38%),
        linear-gradient(145deg, #07101e, #0b243b);
    box-shadow: 0 22px 58px rgba(8, 17, 31, 0.17);
}
body.page-home .products-grid .product-card:nth-child(1)::before, body.page-home .products-grid .product-card:nth-child(5)::before {
    color: rgba(255,255,255,0.22);
}
body.page-home .products-grid .product-card:nth-child(1) h3, body.page-home .products-grid .product-card:nth-child(5) h3 {
    color: var(--white);
}
body.page-home .products-grid .product-card:nth-child(1) p, body.page-home .products-grid .product-card:nth-child(5) p {
    color: rgba(255,255,255,0.66);
}
body.page-home .products-grid .product-card:nth-child(1) .service-link, body.page-home .products-grid .product-card:nth-child(5) .service-link {
    color: #39b5ef;
}
body.page-home .products-grid .product-card:nth-child(1) .tag-list span, body.page-home .products-grid .product-card:nth-child(5) .tag-list span, body.page-home .products-grid .product-card:nth-child(1) .product-chip, body.page-home .products-grid .product-card:nth-child(5) .product-chip {
    border-color: rgba(57,181,239,0.16);
    background: rgba(255,255,255,0.08);
    color: #9bdcff;
}
body.page-home .products-grid .product-card:nth-child(1) .product-media, body.page-home .products-grid .product-card:nth-child(5) .product-media {
    border-color: rgba(255,255,255,0.12);
    background: rgba(255,255,255,0.96);
}
body.page-home .products-grid .product-card-head {
    min-height: 58px;
    padding-right: 18px;
}
body.page-home .products-grid .product-media {
    width: 122px;
    height: 54px;
    border-radius: 11px;
}
body.page-home .products-grid .product-media img {
    width: 104px;
    height: 38px;
    padding: 4px 8px;
}
body.page-home .products-grid .product-card h3 {
    font-size: 1.12rem;
}
body.page-home .products-grid .product-card p {
    font-size: 0.84rem;
    line-height: 1.58;
}
body.page-home .products-action {
    margin-top: 22px;
    border-radius: 16px;
}
body.page-home .featured-product.motion-visible .featured-product-copy {
    animation: product-copy-enter 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.08s backwards;
}
body.page-home .featured-product.motion-visible .featured-product-media {
    animation: product-media-enter 1s cubic-bezier(0.22, 1, 0.36, 1) 0.16s backwards;
}
@keyframes product-copy-enter {
    from { opacity: 0; transform: translateX(-34px) scale(0.985); }
    to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes product-media-enter {
    from { opacity: 0; clip-path: inset(0 0 0 16% round 28px); transform: translateX(34px); }
    to { opacity: 1; clip-path: inset(0 0 0 0 round 28px); transform: translateX(0); }
}
@media (max-width: 1180px) {
body.page-home .products-head {
        grid-template-columns: 1fr;
        gap: 28px;
    }
body.page-home .products-head-copy {
        padding: 0;
        border-left: 0;
    }
body.page-home .featured-product {
        grid-template-columns: 1fr;
    }
body.page-home .featured-product-media.product-media-system {
        min-height: 480px;
    }
body.page-home .products-grid .product-card:nth-child(n) {
        grid-column: span 6;
    }
}
@media (max-width: 768px) {
body.page-home .products {
        padding-top: 88px;
        padding-bottom: 88px;
    }
body.page-home .featured-product-copy {
        padding: 30px;
        border-radius: 20px;
    }
body.page-home .featured-product-copy h3 {
        font-size: 1.14rem;
    }
body.page-home .featured-product-media.product-media-system {
        min-height: 320px;
        padding: 16px;
        border-radius: 20px;
    }
body.page-home .products-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
body.page-home .products-grid .product-card:nth-child(n) {
        grid-column: auto;
        min-height: 250px;
    }
}
/* Support service: integrated editorial image */
body.page-home .service-card-support {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 36%);
    grid-template-rows: auto 1fr auto;
    column-gap: 38px;
    min-height: 390px;
    padding: 32px;
}
body.page-home .service-card-support .service-card-top {
    grid-column: 1;
    grid-row: 1;
    justify-content: flex-start;
}
body.page-home .service-card-support .service-meta {
    position: absolute;
    top: 28px;
    right: 28px;
    z-index: 5;
    backdrop-filter: blur(12px);
}
body.page-home .service-card-support .service-card-body {
    grid-column: 1;
    grid-row: 2;
    display: block;
    align-self: center;
}
body.page-home .service-card-support .service-card-body h3 {
    max-width: 430px;
    margin-bottom: 18px;
}
body.page-home .service-card-support .service-card-body p {
    max-width: 650px;
}
body.page-home .service-card-support .service-card-body > * + * {
    margin-top: 16px;
}
body.page-home .service-card-support .problem {
    margin-bottom: 0 !important;
}
body.page-home .service-card-support .service-card-footer {
    grid-column: 1;
    grid-row: 3;
    margin-top: 26px;
}
body.page-home .service-card-support::before {
    z-index: 5;
    color: rgba(255, 255, 255, 0.16);
}
body.page-home .service-support-media {
    position: relative;
    z-index: 2;
    grid-column: 2;
    grid-row: 1 / 4;
    min-width: 0;
    min-height: 100%;
    margin: -32px -32px -32px 0;
    overflow: hidden;
}
body.page-home .service-support-media::before {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: "";
    background:
        linear-gradient(90deg, #0a2035 0%, rgba(10, 32, 53, 0.76) 9%, transparent 34%),
        linear-gradient(180deg, rgba(7, 16, 30, 0.1), rgba(7, 16, 30, 0.28));
    pointer-events: none;
}
body.page-home .service-support-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(0.9) contrast(1.03);
    transform: scale(1.02);
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.8s ease;
}
body.page-home .service-card-support:hover .service-support-media img {
    filter: saturate(1.04) contrast(1.04);
    transform: scale(1.065) translateX(-1%);
}
@media (max-width: 1024px) {
body.page-home .service-card-support {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        padding: 26px;
    }
body.page-home .service-card-support .service-card-top, body.page-home .service-card-support .service-card-body, body.page-home .service-card-support .service-card-footer, body.page-home .service-support-media {
        grid-column: 1;
    }
body.page-home .service-card-support .service-card-top { grid-row: 1; }
body.page-home .service-card-support .service-card-body { grid-row: 2; }
body.page-home .service-card-support .service-card-footer { grid-row: 3; }
body.page-home .service-support-media {
        grid-row: 4;
        min-height: 210px;
        margin: 26px -26px -26px;
    }
body.page-home .service-support-media::before {
        background: linear-gradient(180deg, #0a2035 0%, rgba(10, 32, 53, 0.58) 10%, transparent 36%);
    }
}
@media (max-width: 768px) {
body.page-home .service-card-support {
        padding: 24px;
    }
body.page-home .service-card-support .service-meta {
        top: 24px;
        right: 24px;
    }
body.page-home .service-support-media {
        min-height: 190px;
        margin: 24px -24px -24px;
    }
}
/* Products: cohesive light ecosystem */
body.page-home .products-head {
    margin-bottom: 26px;
}
body.page-home .ecosystem-strip {
    margin-bottom: 18px;
}
body.page-home .products-showcase {
    gap: 12px;
}
body.page-home .featured-product {
    height: auto !important;
    min-height: 0;
    align-self: start;
    grid-template-columns: minmax(380px, 0.88fr) minmax(0, 1.12fr);
    gap: 18px;
    padding: 18px;
    overflow: hidden;
    border: 1px solid rgba(21, 139, 211, 0.12);
    border-radius: 26px;
    background:
        radial-gradient(circle at 92% 6%, rgba(107, 92, 230, 0.12), transparent 28%),
        radial-gradient(circle at 12% 90%, rgba(57, 181, 239, 0.12), transparent 32%),
        linear-gradient(145deg, #f1f6fa, #e4eef5);
    box-shadow: 0 22px 62px rgba(20, 50, 75, 0.1);
}
body.page-home .featured-product-copy {
    justify-content: center;
    gap: 14px;
    padding: 22px 26px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
body.page-home .featured-product-copy::after {
    display: none;
}
body.page-home .featured-product-copy h3 {
    margin-bottom: 0;
    color: var(--ink);
    font-size: 1.14rem;
    line-height: 1.04;
}
body.page-home .featured-product-copy p {
    margin-bottom: 0;
    color: var(--muted);
    line-height: 1.58;
}
body.page-home .featured-product-copy .eyebrow, body.page-home .featured-product-copy .tag-list {
    margin: 0;
}
body.page-home .featured-product .eyebrow, body.page-home .featured-product .tag-list span {
    border-color: rgba(21, 139, 211, 0.14);
    background: rgba(255,255,255,0.76);
    color: #087dbd;
}
body.page-home .featured-product-media.product-media-system {
    height: 380px;
    min-height: 380px;
    padding: 16px;
    align-self: center;
    border-radius: 20px;
    background:
        radial-gradient(ellipse 62% 52% at 52% 46%, rgba(57, 181, 239, 0.18), transparent 72%),
        rgba(255,255,255,0.82);
    box-shadow: inset 0 1px 0 #fff, 0 14px 38px rgba(20,50,75,0.07);
}
body.page-home .products-grid {
    gap: 12px;
}
body.page-home .products-grid .product-card, body.page-home .products-grid .product-card:nth-child(1), body.page-home .products-grid .product-card:nth-child(5) {
    min-height: 258px;
    padding: 24px;
    border-color: rgba(21, 139, 211, 0.12);
    background:
        radial-gradient(circle at 94% 4%, rgba(107, 92, 230, 0.1), transparent 28%),
        linear-gradient(145deg, #f0f5f9, #e2edf4);
    box-shadow: 0 14px 38px rgba(20, 50, 75, 0.07);
}
body.page-home .products-grid .product-card:nth-child(1)::before, body.page-home .products-grid .product-card:nth-child(5)::before {
    color: rgba(8, 17, 31, 0.15);
}
body.page-home .products-grid .product-card:nth-child(1) h3, body.page-home .products-grid .product-card:nth-child(5) h3 {
    color: var(--ink);
}
body.page-home .products-grid .product-card:nth-child(1) p, body.page-home .products-grid .product-card:nth-child(5) p {
    color: var(--muted);
}
body.page-home .products-grid .product-card:nth-child(1) .service-link, body.page-home .products-grid .product-card:nth-child(5) .service-link {
    color: var(--primary);
}
body.page-home .products-grid .product-card:nth-child(1) .tag-list span, body.page-home .products-grid .product-card:nth-child(5) .tag-list span, body.page-home .products-grid .product-card:nth-child(1) .product-chip, body.page-home .products-grid .product-card:nth-child(5) .product-chip {
    border-color: rgba(21,139,211,0.14);
    background: rgba(234,247,255,0.78);
    color: #087dbd;
}
body.page-home .products-grid .product-card:nth-child(1) .product-media, body.page-home .products-grid .product-card:nth-child(5) .product-media, body.page-home .products-grid .product-media {
    border-color: rgba(21,139,211,0.1);
    background: rgba(255,255,255,0.9);
    box-shadow: 0 10px 28px rgba(20,50,75,0.07), inset 0 1px 0 #fff;
}
body.page-home .products-grid .product-card:hover {
    border-color: rgba(21,139,211,0.26);
    box-shadow: 0 22px 54px rgba(20,50,75,0.12);
}
body.page-home .products-grid .product-card.motion-card:hover {
    transform: translateY(-4px) !important;
}
body.page-home .featured-product.motion-card:hover {
    transform: none !important;
}
body.page-home .products-action {
    margin-top: 14px;
}
body.page-home .products-grid .product-card.motion-visible {
    animation: product-card-rise 0.72s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    animation-delay: calc(var(--motion-order, 0) * 58ms);
}
body.page-home .products-grid .product-media {
    animation: product-logo-drift 5.4s ease-in-out infinite;
}
body.page-home .products-grid .product-card:nth-child(2n) .product-media {
    animation-delay: -1.8s;
}
body.page-home .products-grid .product-card:nth-child(3n) .product-media {
    animation-delay: -3.2s;
}
body.page-home .products-grid .product-card:hover .product-media {
    animation: none;
    transform: translateY(-2px) scale(1.015);
}
body.page-home .featured-product-media img {
    animation: product-visual-drift 8s ease-in-out infinite;
}
body.page-home .featured-product:hover .featured-product-media img {
    animation-play-state: paused;
}
@keyframes product-card-rise {
    from { opacity: 0; transform: translateY(26px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes product-logo-drift {
    0%, 100% { transform: translateY(0) translateZ(16px); }
    50% { transform: translateY(-3px) translateZ(16px); }
}
@keyframes product-visual-drift {
    0%, 100% { transform: scale(0.98) translate3d(0, 0, 0); }
    50% { transform: scale(1.01) translate3d(-0.5%, -0.5%, 0); }
}
@media (min-width: 1181px) {
body.page-home .featured-product {
        height: 420px !important;
        min-height: 420px;
        max-height: 420px;
    }
body.page-home .featured-product-media.product-media-system {
        height: 382px;
        min-height: 382px;
        max-height: 382px;
    }
}
@media (max-width: 1180px) {
body.page-home .featured-product {
        height: auto !important;
        min-height: 0;
        max-height: none;
        grid-template-columns: 1fr;
        padding: 20px;
    }
body.page-home .featured-product-media.product-media-system {
        height: 340px;
        min-height: 340px;
    }
}
@media (max-width: 768px) {
body.page-home .featured-product {
        padding: 16px;
        border-radius: 20px;
    }
body.page-home .featured-product-copy {
        padding: 18px 12px;
    }
body.page-home .featured-product-media.product-media-system {
        height: 260px;
        min-height: 260px;
    }
}
/* Support image as an inset media box */
body.page-home .service-card-support {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 37%);
    column-gap: 32px;
}
body.page-home .service-support-media {
    align-self: stretch;
    min-height: 310px;
    margin: 0;
    border: 1px solid rgba(57, 181, 239, 0.18);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255,255,255,0.08);
}
body.page-home .service-support-media::before {
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(7,16,30,0.04), rgba(7,16,30,0.16)),
        linear-gradient(90deg, rgba(10,32,53,0.16), transparent 24%);
}
body.page-home .service-support-media img {
    border-radius: 20px;
}
@media (max-width: 1024px) {
body.page-home .service-support-media {
        min-height: 220px;
        margin: 26px 0 0;
    }
}
@media (max-width: 768px) {
body.page-home .service-support-media {
        min-height: 190px;
        margin: 24px 0 0;
        border-radius: 16px;
    }
body.page-home .service-support-media::before, body.page-home .service-support-media img {
        border-radius: 16px;
    }
}
/* Final featured product color: match the dark support card */
body.page-home .products .products-showcase > .featured-product {
    border-color: rgba(57, 181, 239, 0.18) !important;
    background:
        radial-gradient(circle at 88% 4%, rgba(107, 92, 230, 0.28), transparent 28%),
        radial-gradient(circle at 8% 100%, rgba(57, 181, 239, 0.18), transparent 34%),
        linear-gradient(145deg, #07101e 0%, #0a2137 66%, #102a45 100%) !important;
    box-shadow: 0 24px 68px rgba(8, 17, 31, 0.22) !important;
}
body.page-home .products .featured-product-copy h3 {
    color: #ffffff !important;
}
body.page-home .products .featured-product-copy p {
    color: rgba(255, 255, 255, 0.7) !important;
}
body.page-home .products .featured-product .eyebrow, body.page-home .products .featured-product .tag-list span {
    border-color: rgba(57, 181, 239, 0.18) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #9bdcff !important;
}
body.page-home .products .featured-product-media.product-media-system {
    border-color: rgba(255, 255, 255, 0.12) !important;
    background: #ffffff !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, 0.2) !important;
}
body.page-home .products .products-grid .product-card:hover {
    background:
        radial-gradient(circle at 94% 4%, rgba(107, 92, 230, 0.1), transparent 28%),
        linear-gradient(145deg, #f0f5f9, #e2edf4) !important;
}
body.page-home .products .products-grid .product-card:hover::after {
    opacity: 0 !important;
}
body.page-home .contact::before {
    display: none !important;
    background: none !important;
}
body.page-home .products .products-showcase {
    width: 100%;
    justify-items: stretch;
}
body.page-home .products .products-showcase > .featured-product, body.page-home .products .products-showcase > .products-grid {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
    justify-self: stretch;
}
/* Final motion tuning: stable, restrained and enterprise */
body.page-home .motion-card:hover, body.page-home .service-card.motion-card:hover, body.page-home .brand-card.motion-card:hover, body.page-home .contact-item.motion-card:hover, body.page-home .contact-form-wrapper.motion-card:hover {
    transform: translateY(-4px) !important;
}
body.page-home .products-grid .product-media, body.page-home .licenses .brand-logo, body.page-home .licenses-visual img, body.page-home .featured-product-media img {
    animation: none !important;
}
body.page-home .products-grid .product-card:hover .product-media, body.page-home .licenses .brand-card:hover .brand-logo {
    transform: translateY(-2px) scale(1.01);
}
body.page-home .featured-product:hover .featured-product-media img, body.page-home .licenses-visual:hover img {
    transform: scale(1.015);
}
body.page-home .site-header .btn-primary {
    border-color: #07101e;
    background: #07101e;
    box-shadow: 0 10px 24px rgba(7, 16, 30, 0.18);
}
body.page-home .site-header .btn-primary:hover {
    border-color: #0b243b;
    background: #0b243b;
    box-shadow: 0 14px 30px rgba(7, 16, 30, 0.24);
}
/* ─── Native animated visuals replacing homepage placeholders ─── */
body.page-home .home-services-animation {
    position: relative;
    overflow: hidden;
    min-height: 310px;
    border: 1px solid rgba(21,139,211,.12);
    border-radius: 20px;
    background: radial-gradient(circle at 76% 24%,rgba(57,181,239,.16),transparent 35%),linear-gradient(145deg,#fbfdff,#e9f5fb);
}
body.page-home .home-services-grid { position: absolute; inset: 0; opacity: .5; background-image: linear-gradient(rgba(21,139,211,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(21,139,211,.05) 1px,transparent 1px); background-size: 28px 28px; mask-image: radial-gradient(circle at center,#000,transparent 85%); }
body.page-home .home-services-spine { position: absolute; top: 20%; bottom: 20%; left: 50%; width: 1px; background: linear-gradient(transparent,#39b5ef,transparent); }
body.page-home .home-services-spine::before, body.page-home .home-services-spine::after { position: absolute; left: 0; width: 150px; height: 1px; content: ""; background: linear-gradient(90deg,rgba(57,181,239,.3),transparent); transform-origin: left; }
body.page-home .home-services-spine::before { top: 24%; transform: rotate(-30deg); }
body.page-home .home-services-spine::after { bottom: 24%; transform: rotate(30deg); }
body.page-home .home-services-hub { position: absolute; top: 50%; left: 50%; z-index: 3; width: 86px; height: 86px; display: grid; place-items: center; border: 1px solid rgba(21,139,211,.22); border-radius: 26px; background: linear-gradient(145deg,#158bd3,#0872ae); color: #fff; box-shadow: 0 18px 38px rgba(21,139,211,.22); transform: translate(-50%,-50%) rotate(-5deg); }
body.page-home .home-services-hub i { margin-top: 12px; font-size: 1.5rem; }
body.page-home .home-services-hub span { margin-top: -17px; font-size: .48rem; font-weight: 800; text-transform: uppercase; }
body.page-home .home-services-node { position: absolute; z-index: 4; min-width: 92px; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid rgba(21,139,211,.12); border-radius: 14px; background: rgba(255,255,255,.78); color: var(--ink); box-shadow: 0 12px 28px rgba(20,50,75,.08); backdrop-filter: blur(10px); animation: home-service-node-float 5s ease-in-out infinite; }
body.page-home .home-services-node i { color: var(--primary); }
body.page-home .home-services-node span { font-size: .58rem; font-weight: 800; }
body.page-home .hs-node-security { top: 14%; right: 8%; }
body.page-home .hs-node-identity { right: 8%; bottom: 14%; animation-delay: -1.8s; }
body.page-home .hs-node-devices { bottom: 16%; left: 7%; animation-delay: -3.2s; }
body.page-home .home-services-signal { position: absolute; z-index: 2; width: 7px; height: 7px; border: 2px solid #fff; border-radius: 50%; background: #39b5ef; box-shadow: 0 0 0 6px rgba(57,181,239,.1); animation: home-service-signal 4.8s ease-in-out infinite; }
body.page-home .signal-one { top: 30%; left: 49%; }
body.page-home .signal-two { bottom: 28%; left: 49%; animation-delay: -2.4s; }
body.page-home .home-services-status { position: absolute; top: 12%; left: 7%; display: flex; align-items: center; gap: 7px; color: #61798e; font-size: .52rem; font-weight: 800; text-transform: uppercase; }
body.page-home .home-services-status i { color: #35c982; font-size: .38rem; }
/* ─── Support animation ─────────────────────────────────── */
body.page-home .home-support-animation { background: linear-gradient(145deg,#f4fbff,#dff0fa); }
body.page-home .home-support-animation::before { display: none !important; }
body.page-home .home-support-line { position: absolute; top: 12%; bottom: 12%; left: 50%; width: 2px; background: linear-gradient(transparent, rgba(21,139,211,.3) 18%, rgba(21,139,211,.3) 82%, transparent); }
body.page-home .home-support-line::before { content: ''; position: absolute; top: 0; left: -4px; width: 10px; height: 10px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 6px rgba(21,139,211,.12); animation: hst-dot-pulse 2.6s ease-in-out infinite; }
body.page-home .home-support-line::after { content: ''; position: absolute; bottom: 0; left: -3px; width: 8px; height: 8px; border-radius: 50%; background: rgba(21,139,211,.38); }
body.page-home .home-support-ticket { position: absolute; left: 55%; width: 132px; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 9px; padding: 10px 12px; border: 1px solid rgba(21,139,211,.12); border-radius: 14px; background: rgba(255,255,255,.92); box-shadow: 0 8px 22px rgba(20,50,75,.09); animation: hst-float 5s ease-in-out infinite; }
body.page-home .home-support-ticket::before { position: absolute; top: 50%; left: -29px; width: 29px; height: 1px; content: ''; background: linear-gradient(90deg, transparent, rgba(21,139,211,.3)); }
body.page-home .home-support-ticket span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: #e8f5fc; color: #087dbd; font-size: .52rem; font-weight: 800; }
body.page-home .home-support-ticket strong { font-size: .58rem; }
body.page-home .hst-one { top: 11%; animation-delay:    0s; }
body.page-home .hst-two { top: 39%; animation-delay: -1.6s; }
body.page-home .hst-three { top: 66%; animation-delay: -3.2s; background: linear-gradient(135deg,#0c2540,#0d3356); color: #fff; border-color: rgba(57,181,239,.2); }
body.page-home .hst-three span { background: rgba(57,181,239,.14); color: #39b5ef; }
body.page-home .home-support-pulse { position: absolute; left: calc(50% - 4px); width: 9px; height: 9px; border: 2px solid #fff; border-radius: 50%; background: #39b5ef; box-shadow: 0 0 0 5px rgba(57,181,239,.15), 0 0 14px rgba(57,181,239,.5); animation: hst-travel 3.4s cubic-bezier(.4,0,.2,1) infinite; }
body.page-home .home-support-sla { position: absolute; top: 50%; left: 8%; display: grid; place-items: center; width: 102px; height: 102px; border: 1px solid rgba(21,139,211,.22); border-radius: 30px; background: rgba(255,255,255,.92); color: var(--primary); box-shadow: 0 14px 32px rgba(20,50,75,.12); transform: translateY(-50%) rotate(-5deg); animation: hst-sla-pulse 3.6s ease-in-out infinite; }
body.page-home .home-support-sla::before { content: ''; position: absolute; inset: -9px; border-radius: 38px; border: 1px solid rgba(21,139,211,.1); animation: hst-sla-ring 3.6s ease-in-out infinite; }
body.page-home .home-support-sla i { margin-top: 14px; font-size: 1.55rem; }
body.page-home .home-support-sla span { margin-top: -18px; color: #567287; font-size: .48rem; font-weight: 800; text-transform: uppercase; }
/* ─── License animation ─────────────────────────────────── */
/* ─── License panel ──────────────────────────────────────── */
body.page-home .home-license-animation {
    position: relative !important; overflow: hidden !important;
    min-height: 320px !important; margin: 0 0 22px !important;
    border: 1px solid rgba(57,181,239,.15) !important; border-radius: 22px !important;
    background:
        radial-gradient(ellipse 55% 40% at 85% 8%, rgba(57,181,239,.18), transparent 55%),
        radial-gradient(ellipse 45% 35% at 10% 90%, rgba(21,101,160,.22), transparent 55%),
        linear-gradient(160deg, #0a1c30 0%, #0c2640 60%, #091c2e 100%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    place-items: unset !important;
    gap: 12px !important;
    padding: 18px 20px 16px !important;
}
body.page-home .home-license-animation::before, body.page-home .home-license-animation::after { display: none !important; }
/* Reset premium-placeholder overrides */
body.page-home .home-license-animation i { all: unset; font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands"; font-weight: 900; display: inline; }
body.page-home .home-license-animation .fab i { font-family: "Font Awesome 6 Brands"; }
body.page-home .home-license-animation span { all: unset; font-family: inherit; display: inline; }
body.page-home .home-license-animation em { all: unset; font-family: inherit; display: inline; }
body.page-home .home-license-animation strong { all: unset; font-family: var(--font-display); display: inline; }
/* Scan line — sweeps top→bottom periodically */
body.page-home .lic-scan-line {
    position: absolute; left: 0; right: 0; top: -4px; height: 4px; z-index: 10;
    background: linear-gradient(180deg, transparent 0%, rgba(57,181,239,.45) 50%, transparent 100%);
    animation: lic-scan 5s ease-in-out infinite 1.2s;
    pointer-events: none;
}
@keyframes lic-scan {
    0%,100% { top: -4px; opacity: 0; }
    5%       { opacity: 1; }
    90%      { opacity: .4; }
    95%      { top: 100%; opacity: 0; }
}
/* Panel header */
body.page-home .lic-panel-header {
    display: flex; align-items: center; justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(57,181,239,.1);
}
body.page-home .lic-panel-title {
    display: flex; align-items: center; gap: 7px;
    color: rgba(255,255,255,.75); font-size: .65rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .06em;
}
body.page-home .lic-panel-title i { color: #39b5ef; font-size: .7rem; }
body.page-home .lic-live-badge {
    display: flex; align-items: center; gap: 5px;
    padding: 3px 9px; border-radius: 999px;
    border: 1px solid rgba(34,199,111,.25);
    background: rgba(34,199,111,.08);
    color: #35c982; font-size: .52rem; font-weight: 800;
    text-transform: uppercase; letter-spacing: .08em;
}
body.page-home .lic-live-dot {
    display: inline-block !important;
    width: 6px; height: 6px; border-radius: 50%;
    background: #35c982;
    box-shadow: 0 0 6px rgba(53,201,130,.8);
    animation: lic-live-pulse 2s ease-in-out infinite;
}
@keyframes lic-live-pulse {
    0%,100% { opacity: 1; box-shadow: 0 0 5px rgba(53,201,130,.8); }
    50%      { opacity: .5; box-shadow: 0 0 10px rgba(53,201,130,.4); }
}
/* Score + KPI row */
body.page-home .lic-summary-row {
    display: flex; align-items: center; gap: 16px;
}
/* Score ring */
body.page-home .lic-score-wrap {
    position: relative; flex: 0 0 76px;
    width: 76px; height: 76px;
    display: grid; place-items: center;
}
body.page-home .lic-ring-svg {
    position: absolute; inset: 0; width: 100%; height: 100%;
    transform: rotate(-90deg);
}
body.page-home .lic-ring-track {
    stroke: rgba(57,181,239,.15); stroke-width: 5; fill: none;
}
body.page-home .lic-ring-fill {
    stroke: #39b5ef; stroke-width: 5; fill: none;
    stroke-linecap: round;
    stroke-dasharray: 226;
    stroke-dashoffset: 14;
    animation: lic-ring-draw 1.6s cubic-bezier(.4,0,.2,1) both,
               lic-ring-breathe 4s ease-in-out 1.6s infinite;
    filter: drop-shadow(0 0 6px rgba(57,181,239,.55));
}
body.page-home .lic-score-inner {
    position: relative; z-index: 1;
    display: flex; flex-direction: column; align-items: center; gap: 1px;
}
body.page-home .lic-score-inner strong {
    color: #39b5ef; font-family: var(--font-display); font-size: 1.25rem; font-weight: 700; line-height: 1;
}
body.page-home .lic-score-inner strong span { font-size: .7rem; }
body.page-home .lic-score-inner em {
    color: rgba(255,255,255,.45); font-size: .4rem; font-weight: 800;
    font-style: normal; text-transform: uppercase; letter-spacing: .06em;
}
/* KPI group */
body.page-home .lic-kpi-group {
    flex: 1; display: flex; align-items: center; gap: 0;
    padding: 10px 14px;
    border: 1px solid rgba(57,181,239,.12); border-radius: 14px;
    background: rgba(255,255,255,.04);
}
body.page-home .lic-kpi {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: 2px;
}
body.page-home .lic-kpi strong {
    color: #c8e8ff; font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; line-height: 1;
}
body.page-home .lic-kpi em {
    color: rgba(255,255,255,.42); font-size: .47rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .05em;
}
body.page-home .lic-kpi-warn strong { color: #f59e0b; }
body.page-home .lic-kpi-divider {
    width: 1px; height: 32px; background: rgba(57,181,239,.12); flex: 0 0 1px;
}
/* License list */
body.page-home .lic-list {
    display: flex; flex-direction: column; gap: 7px;
}
body.page-home .lic-item {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 11px;
    border: 1px solid rgba(57,181,239,.12); border-radius: 12px;
    background: rgba(255,255,255,.05);
    animation: lic-item-in .5s ease both;
    transition: border-color .3s ease;
}
body.page-home .lic-item:nth-child(1) { animation-delay: .2s; }
body.page-home .lic-item:nth-child(2) { animation-delay: .35s; }
body.page-home .lic-item:nth-child(3) { animation-delay: .5s; }
body.page-home .lic-item-icon {
    width: 28px; height: 28px; flex: 0 0 28px;
    display: grid; place-items: center;
    border: 1px solid rgba(57,181,239,.18); border-radius: 8px;
    background: rgba(255,255,255,.07); color: #39b5ef; font-size: .78rem;
}
body.page-home .lic-item-body {
    flex: 1; display: flex; flex-direction: column; gap: 5px; min-width: 0;
}
body.page-home .lic-item-row {
    display: flex; align-items: center; gap: 8px;
}
body.page-home .lic-item-name {
    flex: 1; color: rgba(255,255,255,.8); font-size: .68rem; font-weight: 600;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
body.page-home .lic-item-badge {
    flex: 0 0 auto; display: flex; align-items: center; gap: 4px;
    padding: 2px 8px; border-radius: 999px;
    font-size: .52rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase;
}
body.page-home .lic-ok { background: rgba(34,199,111,.15); color: #35c982; border: 1px solid rgba(34,199,111,.22); }
body.page-home .lic-warn { background: rgba(245,158,11,.12);  color: #f59e0b; border: 1px solid rgba(245,158,11,.25); }
body.page-home .lic-warn i { font-size: .48rem; }
/* Usage bar */
body.page-home .lic-item-usage {
    display: flex; align-items: center; gap: 7px;
}
body.page-home .lic-usage-bar {
    flex: 1; height: 4px; border-radius: 99px;
    background: rgba(57,181,239,.1); overflow: hidden;
}
body.page-home .lic-usage-fill {
    height: 100%; border-radius: 99px; width: 0;
    background: linear-gradient(90deg, #1565a0, #39b5ef);
    animation: lic-bar-fill 1.2s cubic-bezier(.4,0,.2,1) forwards;
    animation-delay: inherit;
}
body.page-home .lic-usage-bar-warn { background: rgba(245,158,11,.12); }
body.page-home .lic-usage-fill-warn {
    background: linear-gradient(90deg, #b45309, #f59e0b);
    animation: lic-bar-fill-warn 1.4s cubic-bezier(.4,0,.2,1) forwards .5s,
               lic-warn-bar-pulse 2.5s ease-in-out 2s infinite;
}
body.page-home .lic-usage-label {
    color: rgba(255,255,255,.35); font-size: .48rem; font-weight: 600;
    white-space: nowrap; flex: 0 0 auto;
}
body.page-home .lic-label-warn { color: rgba(245,158,11,.65); }
body.page-home .lic-item-warn {
    border-color: rgba(245,158,11,.18);
    animation: lic-item-in .5s ease both .5s, lic-warn-row-pulse 3s ease-in-out 2s infinite;
}
/* Footer */
body.page-home .lic-footer {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 11px;
    border: 1px solid rgba(57,181,239,.1); border-radius: 10px;
    background: rgba(255,255,255,.04);
}
body.page-home .lic-footer-sla {
    display: flex; align-items: center; gap: 5px;
    color: #35c982; font-size: .58rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em;
    white-space: nowrap;
}
body.page-home .lic-footer-sla i { font-size: .45rem; animation: lic-live-pulse 2.4s ease-in-out infinite; }
body.page-home .lic-footer-sep {
    display: inline-block !important;
    width: 1px; height: 12px; background: rgba(57,181,239,.15);
}
body.page-home .lic-footer-text {
    color: rgba(255,255,255,.38); font-size: .56rem; font-weight: 600;
}
/* ─── Contact animation ─────────────────────────────────── */
body.page-home .home-contact-animation {
    position: relative; overflow: hidden;
    min-height: 200px !important;
    border-radius: 22px;
    background: linear-gradient(155deg, #091c2e 0%, #0c2640 60%, #091c2e 100%) !important;
    border: 1px solid rgba(57,181,239,.12) !important;
    padding: 0 !important;
}
body.page-home .ctc-svg {
    width: 100%; height: auto; display: block;
}
@media (prefers-reduced-motion: reduce) {
body.page-home .ctc-signals { display: none; }
}
/* Unified page-navigation bands for Services, Products and Licensing. */
body.page-home .services-action, body.page-home .products-action, body.page-home .licenses-action {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    min-height: 82px;
    margin-top: 22px;
    padding: 18px 22px;
    overflow: hidden;
    border: 1px solid rgba(57,181,239,.14);
    border-radius: 18px;
    background:
        radial-gradient(ellipse 52% 80% at 100% 0%,rgba(21,139,211,.18),transparent 64%),
        #08111f;
    box-shadow: 0 22px 56px rgba(8,17,31,.18);
}
body.page-home .services-action span, body.page-home .products-action span, body.page-home .licenses-action span {
    display: block;
    margin-bottom: 3px;
    color: #39b5ef;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
body.page-home .services-action strong, body.page-home .products-action strong, body.page-home .licenses-action strong {
    display: block;
    color: rgba(255,255,255,.9);
    font-size: .95rem;
}
body.page-home .services-action .text-link, body.page-home .products-action .text-link, body.page-home .licenses-action .text-link {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    color: #39b5ef;
}
body.page-home .services-action::before, body.page-home .products-action::before, body.page-home .licenses-action::before {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(105deg,transparent 15%,rgba(57,181,239,.22) 45%,transparent 72%);
    transform: translateX(-110%);
    animation: panel-sheen 8s ease-in-out infinite;
    pointer-events: none;
}
@keyframes home-service-node-float { 50% { translate: 0 -6px; } }
@keyframes home-service-signal { 50% { translate: 0 76px; opacity: .4; } }
/* Support keyframes */
@keyframes hst-dot-pulse  { 0%,100% { box-shadow: 0 0 0 6px rgba(21,139,211,.12); } 50% { box-shadow: 0 0 0 11px rgba(21,139,211,.04); } }
@keyframes hst-float      { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes hst-travel     { 0% { top: 12%; opacity: 1; } 82% { top: 86%; opacity: .55; } 83% { top: 12%; opacity: 0; } 100% { top: 12%; opacity: 1; } }
@keyframes hst-sla-pulse  { 0%,100% { box-shadow: 0 14px 32px rgba(20,50,75,.12), 0 0 0 0   rgba(21,139,211,.1); } 50% { box-shadow: 0 14px 32px rgba(20,50,75,.12), 0 0 0 10px rgba(21,139,211,.04); } }
@keyframes hst-sla-ring   { 50% { inset: -16px; border-color: rgba(21,139,211,.03); } }
/* License keyframes */
@keyframes lic-ring-draw      { from { stroke-dashoffset: 226; } to { stroke-dashoffset: 14; } }
@keyframes lic-ring-breathe   { 0%,100% { stroke-dashoffset: 14; filter: drop-shadow(0 0 6px rgba(57,181,239,.5)); } 50% { stroke-dashoffset: 18; filter: drop-shadow(0 0 12px rgba(57,181,239,.75)); } }
@keyframes lic-item-in        { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: translateX(0); } }
@keyframes lic-bar-fill       { from { width: 0; } to { width: var(--usage); } }
@keyframes lic-bar-fill-warn  { from { width: 0; } to { width: var(--usage); } }
@keyframes lic-warn-bar-pulse { 0%,100% { opacity: 1; } 50% { opacity: .55; } }
@keyframes lic-warn-row-pulse { 0%,100% { border-color: rgba(245,158,11,.18); } 50% { border-color: rgba(245,158,11,.38); box-shadow: 0 0 0 2px rgba(245,158,11,.06); } }
/* Contact keyframes — signal dots and rings handled inline via SMIL */
@media (max-width: 768px) {
body.page-home .home-services-animation { min-height: 280px; }
body.page-home .home-support-ticket { width: 118px; left: 53%; }
body.page-home .home-license-document { left: 34%; transform: translate(-50%,-50%) scale(.86); }
body.page-home .home-license-renewal { right: 5%; width: 145px; }
}
/* Final homepage hero visual: open flow composition, no floating cards */
body.page-home .hero-flow-scene {
    position: absolute;
    inset: 0;
    overflow: visible;
    isolation: isolate;
}
body.page-home .hero-flow-scene::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -2;
    width: 390px;
    height: 390px;
    content: "";
    border-radius: 50%;
    background: radial-gradient(circle,rgba(57,181,239,.14),rgba(57,181,239,.04) 44%,transparent 70%);
    transform: translate(-50%,-50%);
}
body.page-home .hero-flow-scene::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 350px;
    height: 350px;
    content: "";
    border-radius: 50%;
    background: repeating-conic-gradient(from 0deg,rgba(21,139,211,.16) 0 1deg,transparent 1deg 10deg);
    mask-image: radial-gradient(circle,transparent 0 66%,#000 67% 69%,transparent 70%);
    transform: translate(-50%,-50%);
    animation: hero-ticks-spin 34s linear infinite;
}
body.page-home .hero-flow-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
body.page-home .hero-flow-path { fill: none; stroke-linecap: round; vector-effect: non-scaling-stroke; }
body.page-home .flow-cloud { stroke: rgba(21,139,211,.42); stroke-width: 2.1; stroke-dasharray: 7 13; animation: hero-flow-forward 18s linear infinite; }
body.page-home .flow-uc { stroke: rgba(8,31,52,.28); stroke-width: 1.5; stroke-dasharray: 3 10; animation: hero-flow-backward 22s linear infinite; }
body.page-home .flow-managed { stroke: rgba(57,181,239,.2); stroke-width: 15; stroke-dasharray: 38 16; animation: hero-flow-forward 13s linear infinite; }
body.page-home .hero-flow-arc { fill: none; stroke: #158bd3; stroke-width: 3.2; stroke-linecap: round; vector-effect: non-scaling-stroke; filter: drop-shadow(0 0 5px rgba(21,139,211,.2)); }
body.page-home .hero-flow-arc.arc-secondary { stroke: rgba(57,181,239,.45); stroke-width: 2.2; }
body.page-home .hero-flow-axis { position: absolute; top: 11%; bottom: 10%; left: 50%; width: 1px; background: linear-gradient(transparent,rgba(21,139,211,.22),transparent); }
body.page-home .hero-flow-axis::after { position: absolute; top: 50%; left: -210px; width: 420px; height: 1px; content: ""; background: linear-gradient(90deg,transparent,rgba(21,139,211,.14),transparent); }
body.page-home .hero-flow-core {
    position: absolute;
    top: 51%;
    left: 50%;
    z-index: 4;
    width: 112px;
    height: 112px;
    display: grid;
    place-items: center;
    clip-path: polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);
    background: linear-gradient(145deg,#1594dd,#0872ae);
    color: #fff;
    filter: drop-shadow(0 20px 26px rgba(21,139,211,.22));
    transform: translate(-50%,-50%);
    animation: hero-core-breathe 4.2s ease-in-out infinite;
}
body.page-home .hero-flow-core::before { position: absolute; inset: 9px; content: ""; clip-path: inherit; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.04); }
body.page-home .hero-flow-core i { position: relative; z-index: 1; margin-top: 14px; font-size: 1.9rem; }
body.page-home .hero-flow-core span { position: relative; z-index: 1; margin-top: -22px; font-size: .48rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
body.page-home .hero-flow-label { position: absolute; z-index: 5; display: grid; grid-template-columns: 28px auto; grid-template-rows: auto auto; align-items: center; column-gap: 9px; color: var(--ink); }
body.page-home .hero-flow-label::after { position: absolute; width: 7px; height: 7px; content: ""; border: 2px solid #fff; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 6px rgba(21,139,211,.1); }
body.page-home .hero-flow-label > span { position: absolute; top: -14px; left: 0; color: #91a5b5; font-family: var(--font-display); font-size: .48rem; font-weight: 700; letter-spacing: .08em; }
body.page-home .hero-flow-label i { grid-row: 1 / 3; color: var(--primary); font-size: 1rem; }
body.page-home .hero-flow-label small { color: #7690a4; font-size: .51rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
body.page-home .hero-flow-label strong { margin-top: 2px; font-family: var(--font-display); font-size: .76rem; }
body.page-home .hero-label-cloud { top: 24%; left: 0; }
body.page-home .hero-label-cloud::after { right: -25px; top: 50%; }
body.page-home .hero-label-uc { right: 1%; bottom: 22%; }
body.page-home .hero-label-uc::after { left: -25px; top: 50%; }
body.page-home .hero-label-managed { top: 19%; right: 2%; }
body.page-home .hero-label-managed::after { left: -25px; top: 50%; }
body.page-home .hero-flow-pulse { position: absolute; z-index: 3; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; background: #39b5ef; box-shadow: 0 0 0 6px rgba(57,181,239,.1); animation: hero-flow-pulse 3s ease-in-out infinite; }
body.page-home .pulse-cloud { top: 17%; left: 28%; }
body.page-home .pulse-uc { right: 24%; bottom: 27%; animation-delay: -1s; }
body.page-home .pulse-managed { top: 35%; right: 34%; animation-delay: -2s; }
body.page-home .hero-flow-caption { position: absolute; left: 3%; bottom: 8%; display: flex; flex-direction: column; padding-left: 14px; border-left: 1px solid rgba(21,139,211,.22); }
body.page-home .hero-flow-caption span { color: #7891a4; font-size: .5rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
body.page-home .hero-flow-caption strong { margin-top: 4px; color: var(--ink); font-family: var(--font-display); font-size: .72rem; }
@keyframes hero-flow-forward { to { stroke-dashoffset: -220; } }
@keyframes hero-flow-backward { to { stroke-dashoffset: 220; } }
@keyframes hero-core-breathe { 50% { filter: drop-shadow(0 24px 32px rgba(21,139,211,.3)); scale: 1.035; } }
@keyframes hero-flow-pulse { 50% { opacity: .35; scale: .72; } }
@keyframes hero-ticks-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@media (max-width: 768px) {
body.page-home .hero-flow-core { width: 88px; height: 88px; }
body.page-home .hero-flow-core i { font-size: 1.45rem; }
body.page-home .hero-flow-label strong { font-size: .64rem; }
body.page-home .hero-label-cloud { left: 0; }
body.page-home .hero-label-managed { right: 0; }
body.page-home .hero-label-uc { right: 0; }
body.page-home .hero-flow-caption { display: none; }
}
/* Hero flow visual cleanup */
body.page-home .hero-flow-scene::after, body.page-home .hero-flow-axis, body.page-home .hero-flow-pulse, body.page-home .hero-flow-caption, body.page-home .hero-flow-path.flow-uc, body.page-home .hero-flow-arc.arc-secondary {
    display: none;
}
body.page-home .hero-flow-scene::before {
    width: 320px;
    height: 320px;
    opacity: .72;
}
body.page-home .flow-cloud {
    stroke: rgba(21,139,211,.34);
    stroke-width: 1.6;
    stroke-dasharray: 5 16;
}
body.page-home .flow-managed {
    stroke: rgba(57,181,239,.17);
    stroke-width: 11;
    stroke-dasharray: 42 24;
}
body.page-home .hero-flow-arc {
    stroke-width: 2.4;
    opacity: .78;
}
body.page-home .hero-flow-label::after {
    width: 6px;
    height: 6px;
    box-shadow: 0 0 0 4px rgba(21,139,211,.08);
}
/* Premium circular ecosystem with four floating data cards */
body.page-home .hero-flow-path.flow-uc { display: block; }
body.page-home .hero-flow-arc { display: none; }
body.page-home .flow-cloud {
    stroke: rgba(21,139,211,.2);
    stroke-width: 1.4;
    stroke-dasharray: none;
}
body.page-home .flow-uc {
    stroke: rgba(21,139,211,.24);
    stroke-width: 1.2;
    stroke-dasharray: none;
}
body.page-home .flow-managed {
    stroke: rgba(57,181,239,.22);
    stroke-width: 1.3;
    stroke-dasharray: none;
    animation: none;
}
body.page-home .hero-flow-core {
    width: 102px;
    height: 102px;
    clip-path: none;
    border: 1px solid rgba(255,255,255,.65);
    border-radius: 50%;
    background: radial-gradient(circle at 34% 28%,#39b5ef,#0876b8 72%);
    box-shadow:
        0 22px 45px rgba(21,139,211,.23),
        0 0 0 12px rgba(57,181,239,.08),
        0 0 0 13px rgba(21,139,211,.12);
}
body.page-home .hero-flow-core::before { clip-path: none; border-radius: 50%; }
body.page-home .hero-flow-label {
    min-width: 158px;
    min-height: 72px;
    grid-template-columns: 38px minmax(0,1fr);
    padding: 13px 16px;
    border: 1px solid rgba(21,139,211,.13);
    border-radius: 18px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 18px 42px rgba(20,50,75,.1),inset 0 1px 0 rgba(255,255,255,.96);
    backdrop-filter: blur(16px);
    animation: hero-data-card-float 5.5s ease-in-out infinite;
}
body.page-home .hero-flow-label::after { display: none; }
body.page-home .hero-flow-label > span { top: 8px; right: 10px; left: auto; color: #9aaeba; }
body.page-home .hero-flow-label i {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: #eaf6fc;
    font-size: .9rem;
}
body.page-home .hero-flow-label small { font-size: .5rem; }
body.page-home .hero-flow-label strong { font-size: .72rem; }
body.page-home .hero-label-cloud { top: 25%; left: -2%; }
body.page-home .hero-label-security { top: 5%; right: 2%; animation-delay: -1.3s; }
body.page-home .hero-label-uc { right: 0; bottom: 9%; animation-delay: -2.7s; }
body.page-home .hero-label-managed { top: auto; right: auto; bottom: 7%; left: 5%; animation-delay: -4s; }
body.page-home .hero-orbit-arm {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 0;
    height: 0;
    animation: hero-orbit-spin 15s linear infinite;
}
body.page-home .hero-orbit-arm i {
    position: absolute;
    left: -5px;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #158bd3;
    box-shadow: 0 0 0 6px rgba(21,139,211,.1),0 4px 12px rgba(21,139,211,.2);
}
body.page-home .hero-arm-outer i { top: -207px; }
body.page-home .hero-arm-middle { animation-duration: 11s; animation-direction: reverse; }
body.page-home .hero-arm-middle i { top: -147px; width: 8px; height: 8px; background: #39b5ef; }
body.page-home .hero-arm-inner { animation-duration: 7.5s; }
body.page-home .hero-arm-inner i { top: -91px; width: 7px; height: 7px; background: #0b304f; }
@keyframes hero-data-card-float { 50% { translate: 0 -7px; } }
@keyframes hero-orbit-spin { to { transform: rotate(360deg); } }
@media (max-width: 768px) {
body.page-home .hero-flow-label { min-width: 132px; min-height: 62px; padding: 10px 12px; }
body.page-home .hero-flow-label i { width: 31px; height: 31px; }
body.page-home .hero-flow-label strong { font-size: .62rem; }
body.page-home .hero-label-cloud { left: 0; }
body.page-home .hero-label-security { right: 0; }
body.page-home .hero-label-managed { left: 0; }
body.page-home .hero-label-uc { right: 0; }
body.page-home .hero-arm-outer i { top: -152px; }
body.page-home .hero-arm-middle i { top: -106px; }
body.page-home .hero-arm-inner i { top: -59px; }
}
/* ─── Reduced motion ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
body.page-home *, body.page-home *::before, body.page-home *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
body.page-home .reveal { opacity: 1; transform: none; }
body.page-home .motion-card, body.page-home .motion-card:hover, body.page-home .motion-section::after {
        transform: none !important;
    }
body.page-home .motion-card.motion-pending {
        opacity: 1;
    }
}

/* ============ QUEM SOMOS ============ */
body.page-about {
            --primary: #3AB2ED;
            --primary-rgb: 58, 178, 237;
            --secondary: #FF6B35;
            --accent: #8B5CF6;
            --bg-base: #FAFAFA;
            --bg-elevated: #FFFFFF;
            --bg-surface: #F1F5F9;
            --text-primary: #0F172A;
            --text-secondary: #475569;
            --text-muted: #64748B;
            --border-subtle: rgba(0, 0, 0, 0.06);
            --border-active: rgba(58, 178, 237, 0.5);
            --radius-sm: 6px;
            --radius-md: 12px;
            --radius-lg: 24px;
            --space-xs: 8px;
            --space-sm: 16px;
            --space-md: 32px;
            --space-lg: 64px;
            --space-xl: 128px;
}
body.page-about * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
html {
            scroll-behavior: smooth;
            font-size: 16px;
            overflow-x: hidden;
        }
body.page-about {
            font-family: 'DM Sans', sans-serif;
            background: var(--bg-base);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
            overflow-y: auto;
        }
body.page-about h1, body.page-about h2, body.page-about h3, body.page-about h4, body.page-about h5, body.page-about h6 {
            font-family: 'Space Grotesk', sans-serif;
            font-weight: 700;
            line-height: 1.1;
            overflow-wrap: break-word;
            word-wrap: break-word;
            max-width: 100%;
            box-sizing: border-box;
            overflow: hidden !important;
        }
body.page-about .container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 var(--space-md);
        }
body.page-about a {
            color: inherit;
            text-decoration: none;
        }
body.page-about header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            padding: var(--space-sm) 0;
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
        }
body.page-about header .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
body.page-about .logo {
            display: flex;
            align-items: center;
            flex-shrink: 0;
        }
body.page-about .logo img {
            height: 56px;
            width: auto;
            object-fit: contain;
        }
body.page-about nav {
            display: flex;
            align-items: center;
            gap: var(--space-md);
            flex-shrink: 0;
        }
body.page-about nav a {
            font-size: 0.9rem;
            font-weight: 500;
            color: #1e293b;
            transition: color 0.2s;
            position: relative;
        }
body.page-about nav a:hover {
            color: var(--primary);
        }
body.page-about nav a::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--primary);
            transition: width 0.3s ease;
        }
body.page-about nav a:hover::after {
            width: 100%;
        }
body.page-about .nav-dropdown {
            position: relative;
        }
body.page-about .nav-link {
            display: flex;
            align-items: center;
            gap: 6px;
            color: #1e293b;
            text-decoration: none;
            font-weight: 500;
            padding: 8px 0;
            position: relative;
        }
body.page-about .nav-link i.fa-chevron-down {
            font-size: 0.65rem;
            transition: transform 0.2s ease;
        }
body.page-about .nav-dropdown:hover .nav-link i.fa-chevron-down {
            transform: rotate(180deg);
        }
body.page-about .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 240px;
            background: rgba(255, 255, 255, 0.98);
            border: 1px solid rgba(0, 0, 0, 0.1);
            border-radius: var(--radius-md);
            padding: 8px 0;
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.2s ease;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
            z-index: 9999;
        }
body.page-about .nav-dropdown:hover .dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
body.page-about .dropdown-menu a {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 16px;
            color: #334155;
            text-decoration: none;
            font-size: 0.9rem;
            transition: all 0.15s ease;
        }
body.page-about .dropdown-menu a:hover {
            background: rgba(var(--primary-rgb), 0.08);
            color: #0f172a;
        }
body.page-about .dropdown-menu a i {
            width: 20px;
            text-align: center;
            color: var(--primary);
        }
body.page-about .licenses-menu a img {
            width: 20px;
            height: auto;
            margin-right: 8px;
            vertical-align: middle;
            object-fit: contain;
        }
body.page-about .licenses-menu a i.fab.fa-microsoft {
            font-size: 18px;
            margin-right: 8px;
            color: #00A4EF;
        }
body.page-about .products-menu a img {
            width: 20px;
            height: auto;
            margin-right: 8px;
            vertical-align: middle;
            object-fit: contain;
        }
body.page-about .header-actions {
            display: flex;
            align-items: center;
            gap: var(--space-sm);
            flex-shrink: 0;
        }
body.page-about .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 24px;
            font-family: 'Space Grotesk', sans-serif;
            font-size: 0.9rem;
            font-weight: 600;
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.2s;
            border: none;
        }
body.page-about .btn-primary {
            background: var(--primary);
            color: var(--bg-base);
        }
body.page-about .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(var(--primary-rgb), 0.3);
        }
body.page-about .btn-whatsapp {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 24px;
            font-family: 'Space Grotesk', sans-serif;
            font-size: 0.9rem;
            font-weight: 600;
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.2s;
            border: 2px solid #25D366;
            background: transparent;
            color: #25D366;
            margin-left: 12px;
        }
body.page-about .btn-whatsapp:hover {
            background: #25D366;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);
        }
/* Hero Section with Video */
body.page-about .hero-section {
            min-height: 80vh;
            display: flex;
            align-items: center;
            position: relative;
            padding-top: 100px;
            overflow: hidden;
        }
body.page-about .hero-section::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 800px;
            height: 800px;
            background: radial-gradient(circle, rgba(var(--primary-rgb), 0.08) 0%, transparent 70%);
            pointer-events: none;
            overflow: hidden;
        }
body.page-about .hero-section::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -10%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(139, 92, 246, 0.06) 0%, transparent 70%);
            pointer-events: none;
            overflow: hidden;
        }
body.page-about .hero-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--space-xl);
            align-items: center;
            position: relative;
            z-index: 1;
        }
body.page-about .hero-video-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: var(--space-md);
            overflow: hidden;
            width: 100%;
            max-width: 100%;
        }
body.page-about .hero-content {
            max-width: 640px;
        }
body.page-about .hero-tag {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: rgba(var(--primary-rgb), 0.1);
            border: 1px solid var(--border-subtle);
            border-radius: 100px;
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--primary);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: var(--space-md);
            max-width: 100%;
            box-sizing: border-box;
            overflow-wrap: break-word;
            word-wrap: break-word;
        }
body.page-about .hero-tag i {
            font-size: 0.7rem;
        }
body.page-about .hero-section h1 {
            font-size: clamp(2.5rem, 6vw, 4.5rem);
            margin-bottom: var(--space-sm);
            letter-spacing: -2px;
        }
@media (max-width: 600px) {
body.page-about .hero-section h1 {
                letter-spacing: 0;
                line-height: 1.2;
            }
}
body.page-about .hero-section h1 .highlight {
            color: var(--primary);
        }
body.page-about .hero-tagline {
            font-size: 1.25rem;
            color: var(--text-secondary);
            margin-bottom: var(--space-md);
            font-weight: 500;
            line-height: 1.6;
            max-width: 100%;
            overflow: hidden;
        }
body.page-about .hero-description {
            font-size: 1.1rem;
            color: var(--text-secondary);
            margin-bottom: var(--space-lg);
            max-width: 520px;
            line-height: 1.8;
            max-width: 100%;
            overflow: hidden;
        }
body.page-about .hero-stats {
            display: flex;
            gap: var(--space-lg);
            overflow: hidden;
        }
body.page-about .hero-stat {
            display: flex;
            flex-direction: column;
        }
body.page-about .hero-stat-number {
            font-family: 'Space Grotesk', sans-serif;
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--primary);
            line-height: 1;
            overflow: hidden !important;
        }
body.page-about .hero-stat-label {
            font-size: 0.85rem;
            color: var(--text-muted);
            margin-top: 4px;
            overflow: hidden !important;
        }
body.page-about .hero-video {
            position: relative;
            display: block;
            background: #000;
            border-radius: 16px;
            overflow: hidden;
            z-index: 1;
            width: 100%;
            max-width: 560px;
        }
body.page-about .hero-video .video-player {
            position: relative;
            width: 100%;
            aspect-ratio: 16 / 9;
            border-radius: 16px;
            overflow: hidden;
            background: #000;
            cursor: pointer;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
            border: 1px solid var(--border-subtle);
        }
body.page-about .hero-video .video-thumbnail {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
            border-radius: 16px;
            max-width: 100%;
        }
body.page-about .hero-video .video-player:hover .video-thumbnail {
            transform: scale(1.02);
        }
body.page-about .hero-video .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s ease;
            border-radius: 16px;
        }
body.page-about .hero-video .video-player:hover .video-overlay {
            background: rgba(0, 0, 0, 0.4);
        }
body.page-about .hero-video .video-play-btn {
            width: 80px;
            height: 80px;
            background: var(--primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
        }
body.page-about .hero-video .video-player:hover .video-play-btn {
            transform: scale(1.1);
            background: var(--accent);
        }
body.page-about .hero-video .video-play-btn i {
            font-size: 2rem;
            color: #fff;
            margin-left: 4px;
        }
body.page-about .hero-video .video-iframe-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
        }
body.page-about .hero-video .video-iframe-container.active {
            display: block;
        }
body.page-about .hero-video .video-iframe-container iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
body.page-about .video-decoration {
            position: absolute;
            top: -25px;
            right: -25px;
            width: 120px;
            height: 120px;
            border: 3px solid var(--primary);
            border-radius: var(--radius-lg);
            transform: rotate(12deg);
            pointer-events: none;
            opacity: 0.8;
            overflow: hidden;
        }
body.page-about .video-decoration::before {
            content: '';
            position: absolute;
            top: 8px;
            right: 8px;
            width: 30px;
            height: 30px;
            background: var(--primary);
            border-radius: 50%;
            opacity: 0.3;
        }
body.page-about .video-decoration-2 {
            position: absolute;
            bottom: -20px;
            left: -20px;
            width: 80px;
            height: 80px;
            border: 3px solid var(--primary);
            border-radius: 50%;
            pointer-events: none;
            opacity: 0.5;
            overflow: hidden;
        }
body.page-about .video-decoration-2::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px;
            background: var(--primary);
            border-radius: 50%;
            opacity: 0.2;
        }
/* Video Modal */
body.page-about .video-modal {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.95);
            z-index: 9999;
            display: none;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
body.page-about .video-modal.active {
            display: flex;
            opacity: 1;
        }
body.page-about .video-modal-content {
            position: relative;
            width: 90%;
            max-width: 1000px;
            aspect-ratio: 16 / 9;
            background: #000;
            border-radius: var(--radius-md);
            overflow: hidden;
            box-shadow: 0 25px 80px rgba(0, 0, 0, 0.5);
            transform: scale(0.9);
            transition: transform 0.3s ease;
        }
body.page-about .video-modal.active .video-modal-content {
            transform: scale(1);
        }
body.page-about .video-modal-content iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
body.page-about .video-modal-close {
            position: absolute;
            top: -50px;
            right: 0;
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.1);
            border: none;
            border-radius: 50%;
            color: white;
            font-size: 1.2rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
        }
body.page-about .video-modal-close:hover {
            background: var(--primary);
            transform: rotate(90deg);
        }
/* Section Headers */
body.page-about .section-header {
            margin-bottom: var(--space-md);
            text-align: center;
        }
body.page-about .section-tag {
            display: inline-block;
            padding: 6px 14px;
            background: rgba(var(--primary-rgb), 0.1);
            border-radius: 100px;
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--primary);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: var(--space-sm);
        }
body.page-about .section-title {
            font-size: clamp(2rem, 4vw, 3rem);
            letter-spacing: -1px;
            margin-bottom: var(--space-sm);
            overflow-wrap: break-word;
            word-wrap: break-word;
            max-width: 100%;
        }
body.page-about .section-subtitle {
            font-size: 1.1rem;
            color: var(--text-secondary);
            max-width: 800px;
            margin: 0 auto;
        }
@media (max-width: 900px) {
body.page-about .hero-section {
                min-height: auto;
                padding-top: 120px;
                padding-bottom: var(--space-lg);
            }
body.page-about .hero-grid {
                grid-template-columns: 1fr;
                gap: var(--space-lg);
            }
body.page-about .hero-content {
                max-width: 100%;
                text-align: center;
            }
body.page-about .hero-description {
                max-width: 100%;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: var(--space-sm);
            }
body.page-about .hero-stats {
                justify-content: center;
                display: flex;
                flex-wrap: wrap;
                gap: var(--space-md);
            }
body.page-about .hero-stat {
                text-align: center;
                flex: 1;
                min-width: 100px;
            }
body.page-about .hero-stat-number {
                text-align: center;
            }
body.page-about .hero-video {
                max-width: 600px;
                margin: 0 auto;
            }
body.page-about .hero-stat-number {
                font-size: 2rem;
            }
body.page-about .about {
                padding: var(--space-md) 0;
            }
body.page-about .about-split {
                grid-template-columns: 1fr;
                gap: var(--space-md);
            }
body.page-about .about-split-text .about-text {
                text-align: center;
            }
body.page-about .about-split-mission {
                width: 100%;
            }
}
/* About Section */
body.page-about .about {
            background: var(--bg-surface);
            position: relative;
            padding: var(--space-xl) 0;
        }
body.page-about .about::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 200px;
            background: linear-gradient(180deg, rgba(var(--primary-rgb), 0.03) 0%, transparent 100%);
            pointer-events: none;
        }
body.page-about .about-text {
            max-width: 900px;
            margin: 0 auto;
            text-align: center;
        }
body.page-about .about-text p {
            font-size: 1.1rem;
            color: var(--text-secondary);
            line-height: 1.9;
            margin-bottom: var(--space-md);
        }
body.page-about .about-text p:last-child {
            margin-bottom: 0;
        }
body.page-about .about-text .highlight-text {
            font-size: 1.25rem;
            color: var(--text-primary);
            font-weight: 500;
        }
/* About Split Layout */
body.page-about .about-split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--space-lg);
            align-items: start;
            margin-bottom: var(--space-lg);
        }
body.page-about .about-split-text {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
body.page-about .about-split-text .about-text {
            text-align: left;
            max-width: none;
        }
body.page-about .about-split-mission {
            display: flex;
            align-items: center;
        }
body.page-about .about-split-mission .mission-box {
            margin: 0;
        }
body.page-about .mission-box {
            background: var(--bg-elevated);
            border: 2px solid var(--primary);
            border-radius: var(--radius-lg);
            padding: var(--space-lg);
            text-align: center;
            max-width: 900px;
            margin: var(--space-lg) auto;
            position: relative;
        }
body.page-about .mission-box::before {
            content: '';
            position: absolute;
            top: -20px;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 40px;
            background: var(--primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
body.page-about .mission-box i {
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 1.2rem;
            color: white;
        }
body.page-about .mission-box h3 {
            color: var(--primary);
            font-size: 1rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: var(--space-sm);
        }
body.page-about .mission-box p {
            font-size: 1.2rem;
            color: var(--text-primary);
            line-height: 1.7;
            font-weight: 500;
        }
/* About Mission Cards */
body.page-about .about-mission {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: var(--space-md);
            margin-bottom: var(--space-lg);
        }
body.page-about .mission-card {
            background: var(--bg-elevated);
            border: 1px solid var(--border-subtle);
            border-radius: var(--radius-md);
            padding: var(--space-sm);
            text-align: center;
            transition: all 0.3s ease;
            overflow-wrap: break-word;
            word-wrap: break-word;
            max-width: 100%;
        }
body.page-about .mission-card:hover {
            border-color: var(--border-active);
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        }
body.page-about .mission-card i {
            font-size: 2rem;
            color: var(--primary);
            margin-bottom: 12px;
        }
body.page-about .mission-card h4 {
            font-size: 1rem;
            margin-bottom: 8px;
            overflow-wrap: break-word;
            word-wrap: break-word;
            max-width: 100%;
        }
body.page-about .mission-card p {
            font-size: 0.8rem;
            color: var(--text-secondary);
        }
/* Brands Grid */
body.page-about .brands-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--space-md);
            justify-items: center;
        }
body.page-about .brands-grid img {
            height: 50px;
            width: auto;
            object-fit: contain;
            filter: grayscale(100%);
            opacity: 0.7;
            transition: all 0.3s ease;
        }
body.page-about .brands-grid img:hover {
            filter: grayscale(0%);
            opacity: 1;
            transform: scale(1.05);
        }
body.page-about .solutions-brands-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--space-md);
            justify-items: center;
        }
body.page-about .solutions-brands-grid img {
            height: 45px;
            width: auto;
            object-fit: contain;
            filter: grayscale(100%);
            opacity: 0.7;
            transition: all 0.3s ease;
        }
body.page-about .solutions-brands-grid img:hover {
            filter: grayscale(0%);
            opacity: 1;
            transform: scale(1.05);
        }
/* Timeline */
body.page-about .timeline {
            position: relative;
            padding: var(--space-md) 0;
            margin-bottom: var(--space-lg);
        }
body.page-about .timeline-track {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 50%, var(--secondary) 100%);
            border-radius: 2px;
            transform: translateY(-50%);
        }
body.page-about .timeline-items {
            display: grid;
            grid-template-columns: repeat(9, 1fr);
            gap: 0;
            position: relative;
            align-items: center;
        }
body.page-about .timeline-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            justify-content: center;
            height: 80px;
            position: relative;
        }
/* Ímpares - conteúdo em cima */
body.page-about .timeline-item:nth-child(odd) {
            justify-content: flex-end;
            padding-bottom: 30px;
        }
/* Pares - conteúdo embaixo, bolinha em cima */
body.page-about .timeline-item:nth-child(even) {
            flex-direction: column-reverse;
            justify-content: flex-start;
            padding-top: 200px;
            height: 120px;
        }
/* Item 6 - Novos Parceiros - ajuste específico */
body.page-about .timeline-item:nth-child(6) {
            padding-top: 260px;
        }
body.page-about .timeline-content {
            background: var(--bg-elevated);
            border: 1px solid var(--border-subtle);
            border-radius: var(--radius-md);
            padding: 8px;
            width: 120px;
            max-width: 100%;
            transition: all 0.3s ease;
        }
body.page-about .timeline-dot {
            width: 16px;
            height: 16px;
            background: var(--bg-elevated);
            border: 3px solid var(--primary);
            border-radius: 50%;
            z-index: 1;
            flex-shrink: 0;
            position: relative;
            order: 0;
        }
body.page-about .timeline-content:hover {
            border-color: var(--border-active);
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        }
body.page-about .timeline-year {
            font-family: 'Space Grotesk', sans-serif;
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--primary);
            margin-bottom: 4px;
        }
body.page-about .timeline-title {
            font-size: 0.75rem;
            font-weight: 600;
            margin-bottom: 4px;
            overflow-wrap: break-word;
            word-wrap: break-word;
            max-width: 100%;
        }
body.page-about .timeline-desc {
            font-size: 0.65rem;
            color: var(--text-muted);
        }
/* Mobile/Tablet Timeline - Vertical Layout */
@media (max-width: 768px) {
body.page-about .timeline {
                position: relative;
                padding: var(--space-xs) var(--space-md);
                overflow: hidden;
            }
body.page-about .timeline-track {
                display: none !important;
            }
body.page-about .timeline-items {
                display: flex !important;
                flex-direction: column !important;
                gap: 0 !important;
                position: relative !important;
                overflow-x: hidden;
            }
body.page-about .timeline-items::before {
                content: '';
                position: absolute;
                left: 10px;
                top: 20px;
                bottom: 20px;
                width: 4px;
                background: linear-gradient(180deg, var(--primary) 0%, var(--accent) 50%, var(--secondary) 100%);
                z-index: 0;
            }
body.page-about .timeline-item {
                display: block !important;
                position: relative !important;
                width: 100% !important;
                padding: var(--space-sm) 0 !important;
                padding-left: 34px !important;
                margin: 0 !important;
                height: auto !important;
                max-height: none !important;
            }
body.page-about .timeline-item:nth-child(1) { top: 0; }
body.page-about .timeline-item:nth-child(2) { top: 0; }
body.page-about .timeline-item:nth-child(3) { top: 0; }
body.page-about .timeline-item:nth-child(4) { top: 0; }
body.page-about .timeline-item:nth-child(5) { top: 0; }
body.page-about .timeline-item:nth-child(6) { top: 0; padding-top: 0 !important; }
body.page-about .timeline-item:nth-child(7) { top: 0; }
body.page-about .timeline-item:nth-child(8) { top: 0; }
body.page-about .timeline-item:nth-child(9) { top: 0; }
body.page-about .timeline-item:nth-child(odd), body.page-about .timeline-item:nth-child(even) {
                display: block !important;
                flex-direction: unset !important;
                justify-content: unset !important;
                padding-bottom: var(--space-md) !important;
                padding-top: var(--space-md) !important;
                height: auto !important;
            }
body.page-about .timeline-dot {
                position: absolute !important;
                left: 4px !important;
                top: 50% !important;
                transform: translateY(-50%) !important;
                width: 16px !important;
                height: 16px !important;
                background: var(--bg-elevated) !important;
                border: 3px solid var(--primary) !important;
                border-radius: 50% !important;
                z-index: 2 !important;
                margin: 0 !important;
            }
body.page-about .timeline-content {
                display: block !important;
                width: 100% !important;
                max-width: 280px !important;
                padding: 0 !important;
                margin: 0 !important;
                background: var(--bg-elevated) !important;
                border: 1px solid var(--border-subtle) !important;
                border-radius: var(--radius-md) !important;
            }
}
/* Services Section */
body.page-about .services-section {
            background: var(--bg-surface);
            padding: var(--space-xl) 0;
        }
body.page-about .services-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: var(--space-md);
        }
body.page-about .service-item {
            background: var(--bg-elevated);
            border: 1px solid var(--border-subtle);
            border-radius: var(--radius-md);
            padding: var(--space-md);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            overflow-wrap: break-word;
            word-wrap: break-word;
            max-width: 100%;
        }
body.page-about .service-item:hover {
            border-color: var(--primary);
            transform: translateY(-4px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        }
body.page-about .service-icon {
            width: 50px;
            height: 50px;
            background: rgba(var(--primary-rgb), 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: var(--space-sm);
        }
body.page-about .service-icon i {
            font-size: 1.25rem;
            color: var(--primary);
        }
body.page-about .service-content h4 {
            font-size: 0.95rem;
            font-weight: 600;
            margin-bottom: 4px;
            color: var(--text-primary);
            overflow-wrap: break-word;
            word-wrap: break-word;
            max-width: 100%;
        }
body.page-about .service-content p {
            font-size: 0.75rem;
            color: var(--text-muted);
            line-height: 1.4;
        }
/* About Certifications */
body.page-about .about-certifications {
            margin-top: var(--space-lg);
        }
body.page-about .certifications-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: var(--space-md);
            margin-top: var(--space-md);
        }
body.page-about .certification-card {
            background: var(--bg-elevated);
            border: 1px solid var(--border-subtle);
            border-radius: var(--radius-lg);
            padding: var(--space-md);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            overflow-wrap: break-word;
            word-wrap: break-word;
            max-width: 100%;
        }
body.page-about .certification-card:hover {
            border-color: var(--border-active);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
            transform: translateY(-4px);
        }
body.page-about .cert-header {
            margin-bottom: var(--space-sm);
            padding-bottom: var(--space-sm);
            border-bottom: 1px solid var(--border-subtle);
            width: 100%;
        }
body.page-about .cert-logo {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: var(--space-xs);
        }
body.page-about .cert-logo img {
            height: 70px;
            width: auto;
            object-fit: contain;
            transition: transform 0.3s ease;
        }
body.page-about .certification-card:hover .cert-logo img {
            transform: scale(1.03);
        }
body.page-about .cert-logo-placeholder {
            width: 80px;
            height: 60px;
            background: var(--bg-surface);
            border-radius: var(--radius-sm);
            display: flex;
            align-items: center;
            justify-content: center;
        }
body.page-about .cert-logo-placeholder i {
            font-size: 2rem;
            color: var(--primary);
        }
body.page-about .cert-badge-type {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 6px 12px;
            background: rgba(var(--primary-rgb), 0.1);
            border-radius: 100px;
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--primary);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
body.page-about .cert-content h3 {
            font-size: 1.15rem;
            margin-bottom: var(--space-xs);
            color: var(--text-primary);
            overflow-wrap: break-word;
            word-wrap: break-word;
            max-width: 100%;
        }
body.page-about .cert-content p {
            font-size: 0.9rem;
            color: var(--text-secondary);
            line-height: 1.6;
            margin-bottom: var(--space-sm);
        }
body.page-about .cert-highlights {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-top: auto;
            justify-content: center;
        }
body.page-about .cert-highlights span {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 4px 10px;
            background: var(--bg-surface);
            border-radius: 100px;
            font-size: 0.75rem;
            color: var(--text-secondary);
            font-weight: 500;
        }
body.page-about .cert-highlights span i {
            color: var(--primary);
            font-size: 0.7rem;
        }
/* CTA Section */
body.page-about .cta-section {
            background: var(--bg-elevated);
            padding: var(--space-xl) 0;
            text-align: center;
        }
@media (max-width: 600px) {
body.page-about .cta-section {
                padding: var(--space-lg) 0;
            }
}
body.page-about .cta-section h2 {
            font-size: clamp(1.75rem, 4vw, 2.5rem);
            margin-bottom: var(--space-sm);
        }
body.page-about .cta-section p {
            color: var(--text-secondary);
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto var(--space-md);
        }
body.page-about .cta-buttons {
            display: flex;
            gap: var(--space-sm);
            justify-content: center;
            flex-wrap: wrap;
        }
/* Footer */
body.page-about footer {
            background: #3BB2EE;
            border-top: 1px solid rgba(255, 255, 255, 0.3);
            padding: var(--space-lg) 0 var(--space-md);
            color: #FFFFFF;
        }
body.page-about .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: var(--space-lg);
            margin-bottom: var(--space-md);
        }
body.page-about .footer-brand .logo {
            margin-bottom: var(--space-sm);
        }
body.page-about .footer-brand .logo img {
            height: 64px;
        }
body.page-about .footer-brand p {
            color: #FFFFFF;
            font-size: 0.9rem;
            max-width: 280px;
        }
body.page-about .footer-col h4 {
            font-size: 0.9rem;
            margin-bottom: var(--space-sm);
            color: #FFFFFF;
        }
body.page-about .footer-col ul {
            display: flex;
            flex-direction: column;
            gap: 8px;
            list-style: none;
        }
body.page-about .footer-col a {
            color: #FFFFFF;
            font-size: 0.85rem;
            transition: color 0.2s;
        }
body.page-about .footer-col a:hover {
            color: #FFFFFF;
        }
body.page-about .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: var(--space-md);
            border-top: 1px solid rgba(255, 255, 255, 0.25);
        }
body.page-about .footer-bottom p {
            font-size: 0.85rem;
            color: rgba(255, 255, 255, 0.85);
        }
body.page-about .social-links {
            display: flex;
            gap: var(--space-xs);
        }
body.page-about .social-links a {
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.15);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFFFFF;
            transition: all 0.2s;
        }
body.page-about .social-links a:hover {
            background: #FFFFFF;
            border-color: #FFFFFF;
            color: #3BB2EE;
        }
/* Responsive */
@media (max-width: 1200px) {
body.page-about .about-mission {
                grid-template-columns: repeat(2, 1fr);
            }
body.page-about .certifications-grid {
                grid-template-columns: repeat(2, 1fr);
            }
body.page-about .services-grid {
                grid-template-columns: repeat(3, 1fr);
            }
}
@media (max-width: 900px) {
body.page-about .about-mission {
                grid-template-columns: repeat(2, 1fr);
            }
body.page-about .products-content, body.page-about .solutions-content {
                grid-template-columns: 1fr;
            }
body.page-about .certifications-grid {
                grid-template-columns: 1fr;
            }
body.page-about .services-grid {
                grid-template-columns: repeat(2, 1fr);
            }
body.page-about .footer-grid {
                grid-template-columns: 1fr 1fr;
            }
}
@media (max-width: 600px) {
body.page-about main {
                overflow-x: hidden !important;
            }
body.page-about section {
                overflow-x: hidden !important;
            }
body.page-about nav {
                display: none;
            }
body.page-about .header-actions .desktop-only {
                display: none;
            }
body.page-about .page-hero {
                min-height: 60vh;
                padding-top: 100px;
            }
body.page-about .page-hero h1 {
                font-size: 2rem;
            }
body.page-about .page-hero-tagline {
                font-size: 1.2rem;
            }
body.page-about .page-hero-description {
                font-size: 1rem;
            }
body.page-about .hero-section {
                min-height: auto;
                padding-top: 100px;
                padding-bottom: var(--space-lg);
                overflow-x: hidden;
                overflow-y: hidden;
            }
body.page-about .hero-grid {
                grid-template-columns: 1fr;
                gap: var(--space-lg);
                overflow-x: hidden;
                max-width: 100%;
                width: 100%;
            }
body.page-about .hero-content {
                max-width: 100%;
                width: 100%;
                text-align: center;
                overflow-x: hidden;
                box-sizing: border-box;
                padding: 0 10px;
            }
body.page-about .hero-description {
                max-width: 100%;
                margin-left: auto;
                margin-right: auto;
                margin-bottom: var(--space-sm);
                overflow-x: hidden;
            }
body.page-about .hero-stats {
                justify-content: center;
                display: flex;
                flex-wrap: wrap;
                gap: var(--space-md);
            }
body.page-about .hero-stat {
                text-align: center;
                flex: 1;
                min-width: 100px;
            }
body.page-about .hero-stat-number {
                text-align: center;
            }
body.page-about .hero-video {
                max-width: 100%;
                margin: 0 auto var(--space-md);
                overflow: hidden;
                border-radius: 16px;
                display: block;
                position: relative;
                background: #000;
                min-height: 200px;
                padding-top: 0;
                width: 100%;
            }
body.page-about .hero-video-wrapper {
                width: 100%;
                max-width: 100%;
                overflow: hidden;
            }
body.page-about .hero-description {
                margin-bottom: var(--space-sm);
                max-width: 100%;
            }
body.page-about .hero-video .video-player {
                max-width: 100%;
                min-height: 200px;
                aspect-ratio: 16 / 9;
                position: relative;
                display: block;
                border-radius: 16px;
                overflow: hidden;
                background: #000;
                width: 100%;
            }
body.page-about .hero-video .video-player .video-thumbnail {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 16px;
            }
body.page-about .hero-video .video-overlay {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0, 0, 0, 0.3);
                display: flex;
                align-items: center;
                justify-content: center;
                transition: background 0.3s ease;
                border-radius: 16px;
            }
body.page-about .video-decoration, body.page-about .video-decoration-2 {
                display: none;
            }
body.page-about .hero-stat-number {
                font-size: 2rem;
            }
body.page-about .about {
                padding: var(--space-md) 0;
            }
body.page-about .about-split {
                grid-template-columns: 1fr;
                gap: var(--space-md);
            }
body.page-about .about-split-text .about-text {
                text-align: center;
            }
body.page-about .about-split-mission {
                width: 100%;
            }
body.page-about .brands-grid img, body.page-about .solutions-brands-grid img {
                height: 35px;
                max-width: 100%;
            }
body.page-about .brands-grid img[src*="logitech"], body.page-about .brands-grid img[src*="yealink"] {
                margin-top: -10px;
            }
body.page-about .brands-grid img[src*="poly"] {
                margin-top: 5px;
            }
body.page-about .brands-grid img[src*="barco"] {
                margin-top: -3px;
            }
body.page-about .brands-grid, body.page-about .solutions-brands-grid {
                overflow: hidden;
            }
body.page-about .about-mission {
                grid-template-columns: 1fr;
                gap: var(--space-sm);
            }
body.page-about .certifications-grid {
                display: flex;
                flex-direction: column;
                gap: var(--space-md);
            }
body.page-about .certification-card {
                width: 100%;
                padding: var(--space-sm);
                margin-bottom: var(--space-sm);
            }
body.page-about .cert-logo img {
                height: 60px !important;
            }
body.page-about .mobile-resize {
                height: 35px !important;
            }
body.page-about .cert-logo img[src*="Selo"] {
                height: 80px !important;
            }
body.page-about .cert-logo img[src*="acronis"] {
                margin-bottom: 10px !important;
            }
body.page-about .services-grid {
                display: flex !important;
                flex-wrap: wrap !important;
                gap: var(--space-sm) !important;
                justify-content: center !important;
            }
body.page-about .section-block .services-grid .service-item {
                flex: 0 0 calc(50% - var(--space-sm)) !important;
                min-width: 140px !important;
                max-width: calc(50% - var(--space-sm)) !important;
                padding: var(--space-sm) !important;
                box-sizing: border-box !important;
            }
body.page-about .footer-grid {
                grid-template-columns: 1fr;
                gap: var(--space-md);
                text-align: center;
            }
body.page-about .footer-brand {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
body.page-about .footer-brand .logo {
                justify-content: center;
            }
body.page-about .footer-brand p {
                margin-left: auto;
                margin-right: auto;
            }
body.page-about .footer-col {
                text-align: center;
            }
body.page-about .footer-col ul {
                align-items: center;
            }
body.page-about .footer-bottom {
                flex-direction: column;
                gap: var(--space-sm);
                text-align: center;
                align-items: center;
            }
body.page-about .social-links {
                justify-content: center;
            }
body.page-about .cta-buttons {
                flex-direction: column;
            }
body.page-about .cta-buttons .btn, body.page-about .cta-buttons .btn-whatsapp {
                width: 100%;
                justify-content: center;
                margin-left: 0;
                height: 48px;
            }
body.page-about .mission-card i {
                font-size: 1.5rem;
            }
/* Mission Box */
body.page-about .mission-box {
                padding: var(--space-md);
                margin: var(--space-sm) 0;
            }
body.page-about .cert-content h3 {
                padding-top: 10px !important;
                margin-top: 0 !important;
            }
}
/* Sidebar styles */
body.page-about .sidebar-overlay, body.page-about .sidebar {
            display: none;
            overflow-x: hidden;
        }
body.page-about .menu-toggle {
            display: none;
        }
@media (max-width: 768px) {
body.page-about .about-mission {
                grid-template-columns: repeat(2, 1fr);
                gap: var(--space-sm);
            }
body.page-about .services-grid {
                display: grid !important;
                grid-template-columns: 48% 48% !important;
                gap: var(--space-sm) !important;
                justify-content: center !important;
            }
body.page-about .section-block .services-grid .service-item {
                width: 100% !important;
                min-width: unset !important;
                max-width: unset !important;
                padding: var(--space-sm) !important;
                box-sizing: border-box !important;
                margin: 0 !important;
                text-align: center !important;
            }
body.page-about .section-block .services-grid .service-item * {
                text-align: center !important;
            }
body.page-about .section-block .services-grid .service-item .service-content p {
                text-align: center !important;
            }
body.page-about nav {
                display: none;
            }
body.page-about .section-block {
                padding: var(--space-md) !important;
                margin: var(--space-md) 0 !important;
            }
body.page-about .about-certifications {
                padding-left: var(--space-xs) !important;
                padding-right: var(--space-xs) !important;
            }
body.page-about .section-block .section-header, body.page-about .section-block .section-header * {
                text-align: center !important;
            }
body.page-about .section-block p {
                text-align: center;
            }
body.page-about .section-block h3 {
                text-align: center;
                margin-top: var(--space-md);
                overflow-wrap: break-word;
                word-wrap: break-word;
                max-width: 100%;
            }
body.page-about .menu-toggle {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 44px;
                height: 44px;
                background: transparent;
                border: none;
                cursor: pointer;
                font-size: 1.5rem;
                color: var(--text-primary);
            }
body.page-about .sidebar-overlay {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.5);
                z-index: 9998;
                overflow-x: hidden;
            }
body.page-about .sidebar-overlay.active {
                display: block;
            }
body.page-about .sidebar {
                position: fixed;
                top: 0;
                right: 0;
                width: 300px;
                height: 100%;
                background: var(--bg-elevated);
                z-index: 9999;
                transition: transform 0.3s ease;
                transform: translateX(100%);
                display: flex;
                flex-direction: column;
                box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
            }
body.page-about .sidebar.active {
                transform: translateX(0);
            }
body.page-about .sidebar-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: var(--space-sm);
                border-bottom: 1px solid var(--border-subtle);
            }
body.page-about .sidebar-header img {
                height: 40px;
            }
body.page-about .sidebar-close {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                background: transparent;
                border: none;
                cursor: pointer;
                font-size: 1.5rem;
                color: var(--text-primary);
            }
body.page-about .sidebar-nav {
                flex: 1;
                overflow-y: auto;
                padding: var(--space-sm);
            }
body.page-about .sidebar-nav .nav-link {
                display: block;
                padding: 12px;
                color: var(--text-primary);
                border-bottom: 1px solid var(--border-subtle);
            }
body.page-about .sidebar-nav .dropdown-menu {
                display: none;
                padding-left: 10px;
            }
body.page-about .sidebar-nav .nav-dropdown.expanded .dropdown-menu {
                display: block;
            }
body.page-about .sidebar-nav .nav-dropdown.expanded > a .fa-chevron-down {
                transform: rotate(180deg) !important;
            }
body.page-about .sidebar-nav .nav-dropdown > a .fa-chevron-down {
                transform: rotate(0deg) !important;
                transition: transform 0.2s ease !important;
            }
body.page-about .sidebar-nav .dropdown-menu a {
                padding: 10px 12px 10px 24px;
                display: flex;
                align-items: center;
                gap: 8px;
                font-size: 0.85rem;
                color: var(--text-secondary);
                border-bottom: none;
            }
body.page-about .sidebar-nav .dropdown-menu img {
                width: 20px;
                height: auto;
            }
body.page-about .sidebar-footer {
                padding: var(--space-sm);
                border-top: 1px solid var(--border-subtle);
            }
body.page-about .sidebar-footer .btn {
                width: 100%;
                justify-content: center;
            }
}
/* Animações de entrada */
body.page-about .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }
body.page-about .animate-on-scroll.visible {
            opacity: 1;
            transform: translateY(0);
        }
body.page-about .animate-on-scroll.from-left {
            transform: translateX(-30px);
        }
body.page-about .animate-on-scroll.from-left.visible {
            transform: translateX(0);
        }
body.page-about .animate-on-scroll.from-right {
            transform: translateX(30px);
        }
body.page-about .animate-on-scroll.from-right.visible {
            transform: translateX(0);
        }

/* ======================================================================
   2026 institutional redesign — shared Alfagates visual language
   ====================================================================== */
body.page-about { --about-ink:#07101e; --about-navy:#08243b; --about-blue:#158bd3; --about-cyan:#39b5ef; --about-pale:#eef8fd; color:var(--about-ink); background:#f8fbfd; }
body.page-about main { overflow:hidden; background-color:#f8fbfd; background-image:linear-gradient(rgba(21,139,211,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,139,211,.045) 1px,transparent 1px); background-size:40px 40px; }
body.page-about .container { width:min(1180px,calc(100% - 64px)); max-width:1180px; margin-inline:auto; }

/* Hero: open narrative and animated ecosystem */
body.page-about .hero-section { position:relative; min-height:760px; display:flex; align-items:center; padding:86px 0 72px; overflow:hidden; background:radial-gradient(circle at 86% 12%,rgba(57,181,239,.18),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.82),rgba(237,248,253,.7)); }
body.page-about .hero-section::before { position:absolute; top:-230px; right:-170px; width:620px; height:620px; content:""; border:1px solid rgba(21,139,211,.08); border-radius:50%; box-shadow:0 0 0 80px rgba(21,139,211,.018),0 0 0 160px rgba(21,139,211,.01); }
body.page-about .hero-grid { display:grid; grid-template-columns:minmax(0,.86fr) minmax(500px,1.14fr); align-items:center; gap:62px; }
body.page-about .hero-content { position:relative; z-index:3; width:100% !important; max-width:590px; }
body.page-about .hero-tag { width:max-content; display:inline-flex; align-items:center; gap:8px; margin-bottom:24px; padding:7px 13px; border:1px solid rgba(21,139,211,.16); border-radius:999px; background:rgba(255,255,255,.75); color:#087dbd; font-size:.67rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; box-shadow:none; }
body.page-about .hero-content h1 { max-width:620px; margin:0 0 24px; color:var(--about-ink) !important; font-family:'Space Grotesk',sans-serif; font-size:var(--type-hero) !important; font-weight:700; line-height:1.08 !important; letter-spacing:-.03em !important; text-wrap:balance; hyphens:none; word-break:normal; }
body.page-about .hero-content h1 .highlight { color:var(--about-ink); background:none; -webkit-text-fill-color:currentColor; }
body.page-about .hero-tagline { max-width:545px; margin:0 0 18px; color:#415b73; font-size:1.04rem; font-weight:600; line-height:1.65; }
body.page-about .hero-description { max-width:555px; margin:0; color:#627b91; font-size:.9rem; line-height:1.78; }
body.page-about .about-hero-visual-wrap { position:relative; min-width:0; }
body.page-about .hero-video-wrapper { padding:0 !important; border:none !important; border-radius:0 !important; background:none !important; box-shadow:none !important; backdrop-filter:none !important; }

/* ── Company Network (mirrors expertise-network / collaboration-network) ── */
body.page-about .acc-network {
    position:relative; width:100%; min-height:480px;
    border:0; border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
}
body.page-about .acc-orbit { position:absolute; top:44%; left:50%; border-radius:50%; transform:translate(-50%,-50%); }
body.page-about .acc-orbit-outer { width:340px; height:340px; border:1px dashed rgba(57,181,239,.18); animation:acc-orbit-spin 20s linear infinite; }
body.page-about .acc-orbit-inner { width:220px; height:220px; border:1px solid rgba(57,181,239,.15); animation:acc-orbit-spin 14s linear reverse infinite; }
body.page-about .acc-core {
    position:absolute; top:44%; left:50%; z-index:5;
    width:118px; height:118px; display:grid; place-items:center; align-content:center;
    border:1px solid rgba(57,181,239,.22); border-radius:34px;
    background:linear-gradient(145deg,#158bd3,#07517f); color:#fff;
    box-shadow:0 25px 54px rgba(0,0,0,.28),0 0 0 12px rgba(57,181,239,.07);
    transform:translate(-50%,-50%);
    animation:acc-core-float 4.8s ease-in-out infinite;
}
body.page-about .acc-core i { margin-bottom:7px; color:#d7f3ff; font-size:1.2rem; }
body.page-about .acc-core strong { font-size:.68rem; letter-spacing:.02em; }
body.page-about .acc-core span { margin-top:3px; color:rgba(255,255,255,.5); font-size:.46rem; letter-spacing:.06em; text-align:center; }
body.page-about .acc-node {
    position:absolute; z-index:6; min-width:118px;
    display:grid; grid-template-columns:30px 1fr; align-items:center; gap:9px;
    padding:11px 13px; border:1px solid rgba(57,181,239,.17); border-radius:15px;
    background:rgba(255,255,255,.1); color:#fff;
    box-shadow:0 18px 38px rgba(0,0,0,.18); backdrop-filter:blur(14px);
    animation:acc-node-float 5.5s ease-in-out infinite;
}
body.page-about .acc-node i { width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:rgba(57,181,239,.1); color:#39b5ef; }
body.page-about .acc-node span { color:rgba(255,255,255,.82); font-size:.6rem; font-weight:700; }
body.page-about .node-cloud    { top:26px; left:4%; }
body.page-about .node-security { top:26px; right:4%; animation-delay:-1.3s; }
body.page-about .node-collab   { top:50%; left:0; transform:translateY(-50%); animation-delay:-2.6s; }
body.page-about .node-licenses { top:50%; right:0; transform:translateY(-50%); animation-delay:-3.9s; }
body.page-about .node-devices  { bottom:66px; left:6%; animation-delay:-1.9s; }
body.page-about .node-support  { bottom:66px; right:6%; animation-delay:-4.6s; }
body.page-about .acc-status {
    position:absolute; right:26px; bottom:22px; left:26px; z-index:7;
    display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:8px;
    padding:13px 16px; border:1px solid rgba(57,181,239,.13); border-radius:14px;
    background:rgba(7,16,30,.92); box-shadow:0 18px 38px rgba(8,17,31,.16);
}
body.page-about .acc-status > i { width:6px; height:6px; border-radius:50%; background:#35d98a; animation:acc-pulse 2s ease-in-out infinite; }
body.page-about .acc-status span { color:#39b5ef; font-size:.53rem; font-weight:800; text-transform:uppercase; }
body.page-about .acc-status strong { color:#fff; font-size:.6rem; }

@keyframes acc-pulse { 0%,100%{opacity:.4;transform:scale(1)} 50%{opacity:1;transform:scale(1.5)} }
@keyframes acc-orbit-spin { to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes acc-core-float { 50%{transform:translate(-50%,-54%)} }
@keyframes acc-node-float { 50%{translate:0 -6px} }
@media(prefers-reduced-motion:reduce){ body.page-about :is(.acc-orbit,.acc-core,.acc-node,.acc-status i){animation:none} }
@media(max-width:640px){ body.page-about .acc-network{min-height:420px} body.page-about .acc-node{min-width:100px;padding:9px 11px} }
body.page-about .hero-stats { display:flex; justify-content:space-around; gap:0; margin-top:16px; padding:0 32px; border-top:1px solid rgba(21,139,211,.15); border-bottom:1px solid rgba(21,139,211,.15); background:transparent; }
body.page-about .hero-stat { flex:1; padding:18px 24px; border:0; border-radius:0; background:transparent; box-shadow:none; text-align:center; }.hero-stat+.hero-stat{border-left:1px solid rgba(21,139,211,.14)}
body.page-about .hero-stat-number { color:var(--about-ink) !important; font-family:'Space Grotesk',sans-serif; font-size:1.7rem; }.page-about .hero-stat-label{color:#71879a!important;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}

/* ── Nossa História ─────────────────────────────────────────────── */
body.page-about .about { padding:96px 0 100px; background:transparent; }
body.page-about .section-tag { width:max-content; display:inline-flex; align-items:center; padding:7px 13px; border:1px solid rgba(21,139,211,.16); border-radius:999px; background:#f1f9fd; color:#087dbd; font-size:.64rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

/* Cabeçalho editorial assimétrico: ano grande | texto | stats */
body.page-about .about-head {
    display:grid;
    grid-template-columns: 200px 1fr 200px;
    align-items:center;
    gap:0;
    padding-bottom:56px;
    border-bottom:1px solid rgba(21,139,211,.12);
    margin-bottom:52px;
}
body.page-about .about-head-year {
    display:flex; flex-direction:column; align-items:flex-start;
    padding-right:40px;
    border-right:1px solid rgba(21,139,211,.12);
}
body.page-about .about-head-year span { color:#87a0b2; font-size:.62rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:4px; }
body.page-about .about-head-year strong { display:block; font-family:'Space Grotesk',sans-serif; font-size:clamp(3.6rem,5vw,5.4rem); font-weight:700; line-height:1; color:var(--about-ink); letter-spacing:-.04em; }
body.page-about .about-head-year em { margin-top:6px; color:#8fa5b5; font-size:.68rem; font-style:normal; }

body.page-about .about-head-body { padding:0 40px; text-align:center; }
body.page-about .about-head-body .section-tag { margin-inline:auto; }
body.page-about .about-head-body p { max-width:480px; margin-inline:auto; }
body.page-about .about-head-body .section-tag { margin-bottom:14px; }
body.page-about .about-head-body h2 { margin:0 0 16px; color:var(--about-ink); font-family:'Space Grotesk',sans-serif; font-size: var(--type-section); line-height:1.12; font-weight:700; }
body.page-about .about-head-body p { color:#5a7485; font-size:.95rem; line-height:1.78; max-width:480px; }

body.page-about .about-head-stats {
    display:flex; flex-direction:column; gap:20px;
    padding-left:40px;
    border-left:1px solid rgba(21,139,211,.12);
}
body.page-about .ahs-item strong { display:block; font-family:'Space Grotesk',sans-serif; font-size:2rem; font-weight:700; color:var(--about-blue); line-height:1; }
body.page-about .ahs-item span { color:#7d96a8; font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; }

/* Manifesto: two-column dark panel */
body.page-about .about-manifesto {
    position:relative; overflow:hidden;
    display:grid;
    grid-template-columns:220px 1px 1fr;
    gap:0;
    margin-bottom:16px;
    border:1px solid rgba(57,181,239,.1);
    border-radius:28px;
    background:
        radial-gradient(ellipse 55% 90% at 100% 50%, rgba(21,139,211,.22), transparent 55%),
        radial-gradient(ellipse 35% 60% at 0% 100%, rgba(57,181,239,.1), transparent 50%),
        linear-gradient(145deg, #050f1c, #081e33);
    box-shadow:0 32px 72px rgba(5,15,28,.22);
}

/* Left column */
body.page-about .amf-left {
    display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
    padding:40px 36px 40px 44px;
    gap:24px;
}
body.page-about .amf-tag {
    display:inline-flex; align-items:center; gap:7px;
    padding:6px 13px;
    border:1px solid rgba(57,181,239,.14); border-radius:999px;
    background:rgba(57,181,239,.07); color:#39b5ef;
    font-size:.6rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
    white-space:nowrap;
}
body.page-about .amf-accent-ring {
    position:relative; width:80px; height:80px;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
}
body.page-about .amf-ring {
    position:absolute; border-radius:50%;
    border:1px solid rgba(57,181,239,.18);
}
body.page-about .amf-ring--1 { width:80px; height:80px; }
body.page-about .amf-ring--2 { width:54px; height:54px; background:rgba(57,181,239,.06); }
body.page-about .amf-icon {
    position:relative; z-index:1;
    color:#39b5ef; font-size:1.3rem;
    filter:drop-shadow(0 0 8px rgba(57,181,239,.5));
}
body.page-about .amf-meta { }
body.page-about .amf-meta strong {
    display:block; color:#fff;
    font-family:'Space Grotesk',sans-serif; font-size:.9rem; font-weight:700;
    margin-bottom:3px;
}
body.page-about .amf-meta span { color:rgba(255,255,255,.38); font-size:.62rem; }

/* Divider */
body.page-about .amf-divider {
    background:linear-gradient(to bottom, transparent, rgba(57,181,239,.18) 20%, rgba(57,181,239,.18) 80%, transparent);
    margin:32px 0;
}

/* Right column */
body.page-about .amf-right {
    position:relative;
    padding:44px 52px 40px 48px;
    display:flex; flex-direction:column; justify-content:center; gap:28px;
}
body.page-about .amf-quote-mark {
    position:absolute; top:20px; left:44px;
    font-family:'Space Grotesk',sans-serif;
    font-size:7rem; line-height:1; font-weight:700;
    color:rgba(57,181,239,.12);
    pointer-events:none; user-select:none;
}
body.page-about .about-manifesto blockquote {
    position:relative; z-index:1;
    margin:0; padding:0;
    color:rgba(255,255,255,.88);
    font-family:'Space Grotesk',sans-serif;
    font-size:1rem;
    font-weight:500; line-height:1.72; letter-spacing:-.01em;
}
body.page-about .about-manifesto blockquote::before { content:none; }
body.page-about .amf-chips {
    display:flex; gap:8px; flex-wrap:wrap;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    align-self:flex-start !important;
}
body.page-about .amf-chips span {
    display:inline-flex; align-items:center; gap:5px;
    padding:5px 12px;
    border:1px solid rgba(57,181,239,.1); border-radius:999px;
    color:rgba(255,255,255,.4); font-size:.6rem; font-weight:600; letter-spacing:.04em;
}
body.page-about .amf-chips span i { color:#39b5ef; font-size:.58rem; }

/* Valores numerados */
body.page-about .about-values {
    display:grid; grid-template-columns:repeat(4,1fr);
    border:1px solid rgba(21,139,211,.12); border-radius:20px;
    overflow:hidden; margin-bottom:92px;
    background:#fff;
}
body.page-about .about-value {
    padding:32px 28px;
    border-right:1px solid rgba(21,139,211,.1);
    transition:background .2s;
}
body.page-about .about-value:last-child { border-right:0; }
body.page-about .about-value:hover { background:rgba(21,139,211,.03); }
body.page-about .av-num { display:block; margin-bottom:20px; color:rgba(21,139,211,.35); font-family:'Space Grotesk',sans-serif; font-size:.72rem; font-weight:700; letter-spacing:.1em; }
body.page-about .about-value i { width:42px; height:42px; display:grid; place-items:center; margin-bottom:18px; border-radius:12px; background:#eaf6fc; color:#158bd3; font-size:.95rem; }
body.page-about .about-value h4 { color:var(--about-ink); font-size:.95rem; font-weight:700; margin-bottom:8px; }
body.page-about .about-value p { color:#6a8598; font-size:.78rem; line-height:1.65; }

/* Timeline: alternating above/below layout */
body.page-about .tl-timeline {
    position:relative; margin:0 0 90px; padding:36px 44px 40px;
    overflow:hidden;
    border:1px solid rgba(57,181,239,.13); border-radius:30px;
    background:radial-gradient(circle at 90% 0%,rgba(21,139,211,.28),transparent 35%),linear-gradient(145deg,#06101d,#0a2943);
    box-shadow:0 30px 68px rgba(8,17,31,.17);
    display:grid;
    grid-template-columns:repeat(9,1fr);
    grid-template-rows:auto 1fr 44px 1fr;
}
body.page-about .tl-label {
    grid-column:1/-1; grid-row:1;
    padding-bottom:28px;
    color:#39b5ef; font-size:.62rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase;
    display:flex; align-items:center; gap:8px;
}
body.page-about .tl-label i { font-size:.7rem; opacity:.7; }
body.page-about .tl-node {
    display:flex; flex-direction:column; align-items:center;
    position:relative; min-width:0;
}
body.page-about .tl-node.tl-top {
    grid-row:2; grid-column:var(--col);
    justify-content:flex-end; padding-bottom:18px;
}
body.page-about .tl-node.tl-bot {
    grid-row:4; grid-column:var(--col);
    justify-content:flex-start; padding-top:18px;
}
/* stems */
body.page-about .tl-node.tl-top::after,
body.page-about .tl-node.tl-bot::before {
    content:""; position:absolute; left:50%; transform:translateX(-50%);
    width:1px; height:18px;
    background:linear-gradient(to bottom,rgba(57,181,239,.18),rgba(57,181,239,.72));
}
body.page-about .tl-node.tl-top::after { bottom:0; }
body.page-about .tl-node.tl-bot::before { top:0; background:linear-gradient(to bottom,rgba(57,181,239,.72),rgba(57,181,239,.18)); }

/* axis row */
body.page-about .tl-axis {
    grid-column:1/-1; grid-row:3;
    display:flex; justify-content:space-around; align-items:center;
    position:relative;
}
body.page-about .tl-axis::before {
    content:""; position:absolute; left:0; right:0; top:50%; height:1px;
    background:linear-gradient(90deg,transparent,rgba(57,181,239,.55) 6%,rgba(57,181,239,.55) 94%,transparent);
}
body.page-about .tl-dot {
    position:relative; z-index:1;
    width:10px; height:10px; flex-shrink:0;
    border-radius:50%;
    background:#39b5ef;
    border:2px solid #08243b;
    box-shadow:0 0 0 4px rgba(57,181,239,.16), 0 0 14px rgba(57,181,239,.5);
}

/* cards */
body.page-about .tl-card {
    padding:12px 10px; width:150px; box-sizing:border-box;
    border:1px solid rgba(57,181,239,.11); border-radius:14px;
    background:rgba(255,255,255,.045);
    text-align:center;
    transition:background .2s, transform .2s, border-color .2s;
    cursor:default;
}
body.page-about .tl-card:hover {
    background:rgba(255,255,255,.08);
    border-color:rgba(57,181,239,.25);
    transform:translateY(-3px);
}
body.page-about .tl-card--future {
    border-color:rgba(57,181,239,.22);
    background:rgba(57,181,239,.06);
}
body.page-about .tl-year {
    display:block; margin-bottom:5px;
    color:#39b5ef; font-size:.65rem; font-weight:800; letter-spacing:.07em;
}
body.page-about .tl-title {
    display:block; margin:0 0 6px;
    color:#fff; font-size: var(--type-heading-4) !important; font-weight:700; line-height:1.25;
    text-wrap:balance; hyphens:none; word-break:normal; overflow-wrap:normal;
}
body.page-about .tl-desc {
    display:block; margin:0;
    color:rgba(255,255,255,.4); font-size:.6rem; line-height:1.5;
    text-wrap:balance; hyphens:none; word-break:normal; overflow-wrap:normal;
}

/* Products section: info + infinite marquee */
body.page-about .products-section {
    margin:0 !important; padding:72px 0 60px !important;
    border:0 !important; border-top:1px solid rgba(21,139,211,.15) !important;
    border-radius:0 !important; background:transparent !important; box-shadow:none !important;
}
body.page-about .ps-body {
    display:grid; grid-template-columns:1fr 1fr;
    align-items:center; gap:0 56px;
    margin-bottom:32px;
}
body.page-about .ps-left {
    display:flex; flex-direction:column; gap:10px;
}
body.page-about .ps-left .section-tag { width:max-content; }
body.page-about .ps-right {
    display:flex; flex-direction:column; gap:18px;
    padding-top:6px;
}
body.page-about .ps-right p { color:#617a90; font-size:.9rem; line-height:1.72; margin:0; }
body.page-about .ps-chips {
    display:flex !important; flex-wrap:wrap; gap:8px;
    justify-content:flex-start !important;
    align-items:flex-start !important;
}
body.page-about .ps-chip {
    display:inline-flex; align-items:center; gap:7px;
    padding:7px 14px;
    border:1px solid rgba(21,139,211,.12); border-radius:999px;
    background:rgba(21,139,211,.04);
    color:#4a6578; font-size:.7rem; font-weight:600;
    white-space:nowrap;
    transition:background .2s, border-color .2s;
}
body.page-about .ps-chip:hover { background:rgba(21,139,211,.09); border-color:rgba(21,139,211,.25); }
body.page-about .ps-chip i { color:#158bd3; font-size:.7rem; }

/* Infinite marquee */
body.page-about .ps-marquee-outer {
    overflow:hidden;
    mask-image:linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
    -webkit-mask-image:linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
}
body.page-about .ps-marquee-track {
    display:flex; align-items:center;
    width:max-content;
    gap:12px;
    animation:ps-scroll 28s linear infinite;
}
body.page-about .ps-marquee-outer:hover .ps-marquee-track { animation-play-state:paused; }
body.page-about .ps-logo {
    flex-shrink:0; width:180px; height:88px;
    display:flex; align-items:center; justify-content:center;
    padding:24px 28px;
    border:1px solid rgba(21,139,211,.1); border-radius:16px;
    background:rgba(255,255,255,.7);
    transition:border-color .25s, box-shadow .25s, transform .25s;
}
body.page-about .ps-logo:hover {
    border-color:rgba(21,139,211,.3);
    box-shadow:0 8px 24px rgba(21,139,211,.1);
    transform:translateY(-3px);
}
body.page-about .ps-logo img {
    width:100%; height:100%; object-fit:contain;
    filter:grayscale(1); opacity:.6;
    transition:filter .25s, opacity .25s;
}
body.page-about .ps-logo img[src*="adobe_logo"] {
    width:auto; height:100%;
}
body.page-about .ps-logo:hover img { filter:none; opacity:1; }

@keyframes ps-scroll {
    from { transform:translateX(0); }
    to   { transform:translateX(-50%); }
}

/* Solutions section: same marquee pattern, reversed direction */
body.page-about .solutions-section {
    margin:0 !important; padding:72px 0 60px !important;
    border:0 !important; border-top:1px solid rgba(21,139,211,.15) !important;
    border-radius:0 !important; background:transparent !important; box-shadow:none !important;
}
body.page-about .ss-marquee-track {
    display:flex; align-items:center;
    width:max-content; gap:12px;
    animation:ss-scroll 34s linear infinite;
}
body.page-about .ps-marquee-outer:hover .ss-marquee-track { animation-play-state:paused; }
@keyframes ss-scroll {
    from { transform:translateX(-50%); }
    to   { transform:translateX(0); }
}

/* Services: one strong dark operational field, not ten detached cards */
body.page-about .services-section { margin:0 0 90px !important; padding:52px !important; overflow:hidden; border:1px solid rgba(57,181,239,.13); border-radius:30px !important; background:radial-gradient(circle at 90% 0%,rgba(21,139,211,.28),transparent 35%),linear-gradient(145deg,#06101d,#0a2943) !important; box-shadow:0 28px 68px rgba(8,17,31,.16); }
body.page-about .svc-header {
    display:grid; grid-template-columns:1fr 1fr;
    align-items:center; gap:48px;
    padding-bottom:36px; margin-bottom:36px;
    border-bottom:1px solid rgba(57,181,239,.1);
}
body.page-about .svc-header-left { display:flex; flex-direction:column; gap:14px; }
body.page-about .svc-header-left .section-tag {
    width:max-content; background:rgba(57,181,239,.08);
    border-color:rgba(57,181,239,.14); color:#39b5ef;
}
body.page-about .services-section .svc-title {
    margin:0; color:#fff !important;
    font-family:'Space Grotesk',sans-serif;
    font-size:var(--type-section) !important; font-weight:700; line-height:1.1 !important;
}
body.page-about .svc-desc {
    margin:0; color:rgba(255,255,255,.52);
    font-size:.88rem; line-height:1.72; max-width:420px;
}
body.page-about .svc-header-right {
    display:grid; grid-template-columns:repeat(3,1fr);
    gap:0;
    border:1px solid rgba(57,181,239,.1); border-radius:16px;
    overflow:hidden;
}
body.page-about .svc-stat {
    padding:22px 20px;
    border-right:1px solid rgba(57,181,239,.1);
    text-align:center;
}
body.page-about .svc-stat:last-child { border-right:0; }
body.page-about .svc-stat strong {
    display:block; margin-bottom:4px;
    color:#39b5ef; font-family:'Space Grotesk',sans-serif;
    font-size:1.6rem; font-weight:700; line-height:1;
}
body.page-about .svc-stat span {
    color:rgba(255,255,255,.38); font-size:.62rem; line-height:1.4;
}
body.page-about .services-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:0; border-top:1px solid rgba(57,181,239,.12); border-left:1px solid rgba(57,181,239,.12); }
body.page-about .service-item { min-height:150px; display:block; padding:24px 20px; border:0; border-right:1px solid rgba(57,181,239,.12); border-bottom:1px solid rgba(57,181,239,.12); border-radius:0; background:transparent; box-shadow:none; }.page-about .service-item:hover{background:rgba(57,181,239,.045);transform:none}.page-about .service-icon{width:38px;height:38px;margin:0 0 22px;border-radius:11px;background:rgba(57,181,239,.08);color:#39b5ef}.page-about .service-content h4{color:#fff;font-size:.76rem}.page-about .service-content p{color:rgba(255,255,255,.42);font-size:.62rem;line-height:1.45}

/* Certifications redesign */
body.page-about .about-certifications { margin:0 0 90px; padding:0; }

body.page-about .crt-head {
    display:grid; grid-template-columns:1fr 1fr;
    align-items:center; gap:0 56px;
    margin-bottom:36px;
    padding-bottom:36px;
    border-bottom:1px solid rgba(21,139,211,.12);
}
body.page-about .crt-head-left { display:flex; flex-direction:column; gap:10px; }
body.page-about .crt-head-left .section-tag { width:max-content; }
body.page-about .crt-title {
    margin:0; color:var(--about-ink) !important;
    font-family:'Space Grotesk',sans-serif;
    font-size:clamp(1.8rem,2.6vw,2.6rem) !important;
    font-weight:700; line-height:1.1 !important;
}
body.page-about .crt-head-right p { color:#617a90; font-size:.9rem; line-height:1.72; margin:0; }

body.page-about .crt-grid {
    display:grid; grid-template-columns:repeat(3,1fr); gap:16px;
}
body.page-about .crt-card {
    display:flex; flex-direction:column;
    padding:28px 28px 24px;
    border:1px solid rgba(21,139,211,.12); border-radius:20px;
    background:#fff;
    transition:box-shadow .25s, border-color .25s, transform .25s;
}
body.page-about .crt-card:hover {
    border-color:rgba(21,139,211,.28);
    box-shadow:0 12px 36px rgba(21,139,211,.1);
    transform:translateY(-4px);
}
body.page-about .crt-card-top {
    display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
    margin-bottom:24px;
    padding-bottom:20px;
    border-bottom:1px solid rgba(21,139,211,.08);
}
body.page-about .crt-logo-wrap {
    display:flex; align-items:center; justify-content:flex-start;
    height:56px; flex:1; min-width:0;
}
body.page-about .crt-logo-wrap img {
    max-height:52px; max-width:130px;
    object-fit:contain; filter:none; opacity:1;
}
body.page-about .crt-badge {
    flex-shrink:0;
    display:inline-flex; align-items:center; gap:5px;
    padding:5px 11px; border-radius:999px;
    font-size:.6rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
    white-space:nowrap;
}
body.page-about .crt-badge--gold {
    background:rgba(234,179,8,.1); color:#b48a00;
    border:1px solid rgba(234,179,8,.25);
}
body.page-about .crt-badge--teal {
    background:rgba(21,139,211,.08); color:#0e75b5;
    border:1px solid rgba(21,139,211,.2);
}
body.page-about .crt-card-body { margin-bottom:20px; }
body.page-about .crt-card-body h3 {
    color:var(--about-ink); font-family:'Space Grotesk',sans-serif;
    font-size:.95rem; font-weight:700; margin:0 0 8px;
}
body.page-about .crt-card-body p {
    color:#647c91; font-size:.76rem; line-height:1.65; margin:0;
}
body.page-about .crt-tags {
    display:flex; flex-wrap:wrap; gap:6px; margin-top:auto;
}
body.page-about .crt-tags span {
    padding:4px 10px; border-radius:999px;
    border:1px solid rgba(21,139,211,.12);
    background:rgba(21,139,211,.04);
    color:#4a6578; font-size:.62rem; font-weight:600;
}

/* CTA: banner de foto, igual ao padrão das demais páginas (.cta-photo-section) */

@keyframes about-orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes about-core-float{50%{transform:translate(-50%,-54%) rotate(-2deg)}}
@keyframes about-node-float{50%{translate:0 -7px}}
@keyframes about-signal-a{0%,100%{transform:translate(0,0);opacity:.2}50%{transform:translate(118px,8px);opacity:1}}
@keyframes about-signal-b{0%,100%{transform:translate(0,0);opacity:.2}50%{transform:translate(-118px,-8px);opacity:1}}

@media(max-width:1024px){
 body.page-about .hero-grid{grid-template-columns:1fr;gap:28px}.page-about .hero-content{max-width:720px}.page-about .about-hero-visual-wrap{max-width:640px;width:100%;margin:auto}
 body.page-about .about-head{grid-template-columns:1fr;gap:32px;padding-bottom:40px}
 body.page-about .about-head-year{flex-direction:row;align-items:baseline;gap:12px;padding-right:0;border-right:0;padding-bottom:24px;border-bottom:1px solid rgba(21,139,211,.12)}
 body.page-about .about-head-body{padding:0}.page-about .about-head-stats{flex-direction:row;gap:32px;padding-left:0;border-left:0;padding-top:24px;border-top:1px solid rgba(21,139,211,.12)}
 body.page-about .about-manifesto{grid-template-columns:1fr}.page-about .amf-divider{display:none}.page-about .amf-left{flex-direction:row;align-items:center;padding:28px 32px 20px}.page-about .amf-right{padding:20px 32px 32px}
 body.page-about .about-values{grid-template-columns:repeat(2,1fr)}.page-about .about-value:nth-child(2){border-right:0}.page-about .about-value:nth-child(3){border-top:1px solid rgba(21,139,211,.1)}.page-about .about-value:nth-child(4){border-top:1px solid rgba(21,139,211,.1);border-right:0}
 body.page-about :is(.products-content,.solutions-content){grid-template-columns:1fr;gap:38px}.page-about .solutions-content>:first-child,.page-about .solutions-content>:last-child{grid-column:1;grid-row:auto}.page-about .services-grid{grid-template-columns:repeat(2,1fr)}.page-about .certifications-grid{grid-template-columns:1fr}.page-about .certification-card+.certification-card{border-left:0;border-top:1px solid rgba(21,139,211,.14)}
}
@media(max-width:640px){
 body.page-about .container{width:min(100% - 32px,1180px)}.page-about .hero-section{padding:62px 0}.page-about .hero-content h1{font-size:clamp(2.2rem,11vw,3.4rem)!important}.page-about .hero-stats{margin-top:-10px}
 body.page-about .about{padding:64px 0}.page-about .about-manifesto{grid-template-columns:1fr}.page-about .amf-left{padding:24px 20px 16px;flex-direction:column;align-items:center;text-align:center;gap:16px}.page-about .amf-meta{align-items:center;text-align:center}.page-about .amf-accent-ring{width:52px;height:52px}.page-about .amf-ring--1{width:52px;height:52px}.page-about .amf-ring--2{width:36px;height:36px}.page-about .amf-divider{display:none}.page-about .amf-right{padding:0 20px 28px;align-items:center;text-align:center}.page-about .about-manifesto blockquote{font-size:1rem;text-align:center}.page-about .amf-quote-mark{font-size:4rem;top:0;left:18px}body.page-about .amf-chips{justify-content:center !important;align-self:center !important}
 body.page-about .about-values{grid-template-columns:1fr}.page-about .about-value{border-right:0!important;border-top:1px solid rgba(21,139,211,.1)}.page-about .about-value:first-child{border-top:0}
 body.page-about .tl-timeline{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;display:flex;flex-direction:column;padding:28px 20px}.page-about .tl-node.tl-top,.page-about .tl-node.tl-bot{grid-column:auto;grid-row:auto;justify-content:flex-start;padding:0;width:100%}.page-about .tl-node.tl-top::after,.page-about .tl-node.tl-bot::before{display:none}.page-about .tl-axis{display:none}.page-about .tl-card{text-align:left;margin-bottom:10px}.page-about :is(.brands-grid,.solutions-brands-grid){grid-template-columns:repeat(2,1fr)}.page-about .services-section{padding:34px 24px!important}.page-about .services-grid{grid-template-columns:1fr}.page-about .cta-section>.container{padding:42px 26px}
}
@media(prefers-reduced-motion:reduce){.about-orbit,.about-core,.about-node,.about-signal{animation:none}}

/* ── Contact section overrides: single dark color + standard heading ── */
body.page-about .contact,
body.page-about .cta-section {
    background: #07101e !important;
    background-size: unset !important;
}
body.page-about .contact-info h2 {
    font-size: var(--type-section) !important;
    line-height: 1.1 !important;
}

/* ============ SERVICOS (inclui utilitários equivalentes ao Tailwind) ============ */
body.page-services *, body.page-services ::before, body.page-services ::after {--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
body.page-services ::backdrop {--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
body.page-services *, body.page-services ::after, body.page-services ::before {box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
body.page-services ::after, body.page-services ::before {--tw-content:''}
body.page-services :host, body.page-services {line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:DM Sans, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
body.page-services {margin:0;line-height:inherit}
body.page-services hr {height:0;color:inherit;border-top-width:1px}
body.page-services abbr:where([title]) {-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
body.page-services h1, body.page-services h2, body.page-services h3, body.page-services h4, body.page-services h5, body.page-services h6 {font-size:inherit;font-weight:inherit}
body.page-services a {color:inherit;text-decoration:inherit}
body.page-services b, body.page-services strong {font-weight:bolder}
body.page-services code, body.page-services kbd, body.page-services pre, body.page-services samp {font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
body.page-services small {font-size:80%}
body.page-services sub, body.page-services sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
body.page-services sub {bottom:-.25em}
body.page-services sup {top:-.5em}
body.page-services table {text-indent:0;border-color:inherit;border-collapse:collapse}
body.page-services button, body.page-services input, body.page-services optgroup, body.page-services select, body.page-services textarea {font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
body.page-services button, body.page-services select {text-transform:none}
body.page-services button, body.page-services input:where([type=button]), body.page-services input:where([type=reset]), body.page-services input:where([type=submit]) {-webkit-appearance:button;background-color:transparent;background-image:none}
body.page-services :-moz-focusring {outline:auto}
body.page-services :-moz-ui-invalid {box-shadow:none}
body.page-services progress {vertical-align:baseline}
body.page-services ::-webkit-inner-spin-button, body.page-services ::-webkit-outer-spin-button {height:auto}
body.page-services [type=search] {-webkit-appearance:textfield;outline-offset:-2px}
body.page-services ::-webkit-search-decoration {-webkit-appearance:none}
body.page-services ::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
body.page-services summary {display:list-item}
body.page-services blockquote, body.page-services dd, body.page-services dl, body.page-services figure, body.page-services h1, body.page-services h2, body.page-services h3, body.page-services h4, body.page-services h5, body.page-services h6, body.page-services hr, body.page-services p, body.page-services pre {margin:0}
body.page-services fieldset {margin:0;padding:0}
body.page-services legend {padding:0}
body.page-services menu, body.page-services ol, body.page-services ul {list-style:none;margin:0;padding:0}
body.page-services dialog {padding:0}
body.page-services textarea {resize:vertical}
body.page-services input::placeholder, body.page-services textarea::placeholder {opacity:1;color:#9ca3af}
body.page-services [role=button], body.page-services button {cursor:pointer}
body.page-services :disabled {cursor:default}
body.page-services audio, body.page-services canvas, body.page-services embed, body.page-services iframe, body.page-services img, body.page-services object, body.page-services svg, body.page-services video {display:block;vertical-align:middle}
body.page-services img, body.page-services video {max-width:100%;height:auto}
body.page-services [hidden]:where(:not([hidden=until-found])) {display:none}
body.page-services .container {width:100%}
@media (min-width: 640px) {
body.page-services .container {max-width:640px}
}
@media (min-width: 768px) {
body.page-services .container {max-width:768px}
}
@media (min-width: 1024px) {
body.page-services .container {max-width:1024px}
}
@media (min-width: 1280px) {
body.page-services .container {max-width:1280px}
}
@media (min-width: 1536px) {
body.page-services .container {max-width:1536px}
}
body.page-services .visible {visibility:visible}
body.page-services .relative {position:relative}
body.page-services .z-10 {z-index:10}
body.page-services .mx-auto {margin-left:auto;margin-right:auto}
body.page-services .mb-1 {margin-bottom:0.25rem}
body.page-services .mb-16 {margin-bottom:4rem}
body.page-services .mb-4 {margin-bottom:1rem}
body.page-services .flex {display:flex}
body.page-services .inline-flex {display:inline-flex}
body.page-services .grid {display:grid}
body.page-services .hidden {display:none}
body.page-services .h-12 {height:3rem}
body.page-services .w-12 {width:3rem}
body.page-services .w-full {width:100%}
body.page-services .max-w-3xl {max-width:48rem}
body.page-services .max-w-xl {max-width:36rem}
body.page-services .scroll-mt-28 {scroll-margin-top:7rem}
body.page-services .items-center {align-items:center}
body.page-services .justify-center {justify-content:center}
body.page-services .justify-between {justify-content:space-between}
body.page-services .gap-2 {gap:0.5rem}
body.page-services .gap-4 {gap:1rem}
body.page-services .gap-6 {gap:1.5rem}
body.page-services .space-y-4 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
body.page-services .overflow-hidden {overflow:hidden}
body.page-services .rounded-2xl {border-radius:1rem}
body.page-services .rounded-full {border-radius:9999px}
body.page-services .rounded-xl {border-radius:0.75rem}
body.page-services .border {border-width:1px}
body.page-services .border-cyan-100 {--tw-border-opacity:1;border-color:rgb(207 250 254 / var(--tw-border-opacity, 1))}
body.page-services .bg-blue-50 {--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}
body.page-services .bg-cyan-50 {--tw-bg-opacity:1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}
body.page-services .bg-green-50 {--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
body.page-services .bg-orange-50 {--tw-bg-opacity:1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}
body.page-services .bg-slate-50 {--tw-bg-opacity:1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}
body.page-services .bg-violet-50 {--tw-bg-opacity:1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}
body.page-services .bg-gradient-to-b {background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}
body.page-services .from-slate-50 {--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
body.page-services .from-white {--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}
body.page-services .to-slate-50 {--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)}
body.page-services .to-white {--tw-gradient-to:#fff var(--tw-gradient-to-position)}
body.page-services .p-6 {padding:1.5rem}
body.page-services .px-3 {padding-left:0.75rem;padding-right:0.75rem}
body.page-services .px-6 {padding-left:1.5rem;padding-right:1.5rem}
body.page-services .py-1 {padding-top:0.25rem;padding-bottom:0.25rem}
body.page-services .py-24 {padding-top:6rem;padding-bottom:6rem}
body.page-services .py-5 {padding-top:1.25rem;padding-bottom:1.25rem}
body.page-services .pb-20 {padding-bottom:5rem}
body.page-services .pb-5 {padding-bottom:1.25rem}
body.page-services .pt-32 {padding-top:8rem}
body.page-services .text-left {text-align:left}
body.page-services .text-center {text-align:center}
body.page-services .text-3xl {font-size:1.875rem;line-height:2.25rem}
body.page-services .text-lg {font-size:1.125rem;line-height:1.75rem}
body.page-services .text-sm {font-size:0.875rem;line-height:1.25rem}
body.page-services .text-xl {font-size:1.25rem;line-height:1.75rem}
body.page-services .text-xs {font-size:0.75rem;line-height:1rem}
body.page-services .font-bold {font-weight:700}
body.page-services .font-semibold {font-weight:600}
body.page-services .uppercase {text-transform:uppercase}
body.page-services .tracking-tight {letter-spacing:-0.025em}
body.page-services .tracking-wider {letter-spacing:0.05em}
body.page-services .text-accent {--tw-text-opacity:1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}
body.page-services .text-blue-600 {--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
body.page-services .text-green-600 {--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
body.page-services .text-primary {--tw-text-opacity:1;color:rgb(58 178 237 / var(--tw-text-opacity, 1))}
body.page-services .text-secondary {--tw-text-opacity:1;color:rgb(255 107 53 / var(--tw-text-opacity, 1))}
body.page-services .text-slate-500 {--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}
body.page-services .text-slate-600 {--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
body.page-services .text-slate-900 {--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}
body.page-services .antialiased {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.page-services .transition-all {transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
body.page-services .duration-300 {transition-duration:300ms}
body.page-services .hover\:shadow-lg:hover {--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
@media (min-width: 640px) {
body.page-services .sm\:text-4xl {font-size:2.25rem;line-height:2.5rem}
}
@media (min-width: 768px) {
body.page-services .md\:grid-cols-5 {grid-template-columns:repeat(5, minmax(0, 1fr))}
}
@media (min-width: 1024px) {
body.page-services .lg\:text-5xl {font-size:3rem;line-height:1}
}

/* ========================================
   LP Produtos - Custom Styles
   ======================================== */
body.page-services {
    --primary: #3AB2ED;
    --primary-rgb: 58, 178, 237;
    --secondary: #FF6B35;
    --accent: #8B5CF6;
    --bg-base: #FAFAFA;
    --bg-elevated: #FFFFFF;
    --bg-surface: #F1F5F9;
    --text-primary: #0F172A;
    --text-secondary: #475569;
    --text-muted: #64748B;
    --border-subtle: rgba(0, 0, 0, 0.06);
    --border-active: rgba(58, 178, 237, 0.5);
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 24px;
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 32px;
    --space-lg: 64px;
    --space-xl: 128px;
}
body.page-services * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    font-size: 16px;
    overflow-x: hidden;
}
body.page-services {
    font-family: 'DM Sans', sans-serif;
    background: var(--bg-base);
    color: var(--text-primary);
    line-height: 1.6;
    overflow-x: hidden;
}
body.page-services h1, body.page-services h2, body.page-services h3, body.page-services h4, body.page-services h5, body.page-services h6 {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    line-height: 1.1;
}
body.page-services .container {
    width: min(100% - 64px, 1180px) !important;
    max-width: 1180px !important;
    margin: 0 auto;
    padding: 0;
}
body.page-services a {
    color: inherit;
    text-decoration: none;
}
/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}
@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
body.page-services .animate-float { animation: float 4s ease-in-out infinite; }
body.page-services .animate-float-delay { animation: float 4s ease-in-out 1s infinite; }
body.page-services .gradient-text {
    background: linear-gradient(135deg, #00D4FF 0%, #8B5CF6 50%, #FF6B35 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradient-shift 4s ease infinite;
}
/* Cards & Surfaces */
body.page-services .light-card {
    background: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.06);
}
body.page-services .animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
body.page-services .animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}
body.page-services .service-detail-card {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}
body.page-services .service-detail-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary), var(--accent));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}
body.page-services .service-detail-card:hover::before {
    transform: scaleX(1);
}
body.page-services .service-detail-card:hover {
    transform: translateY(-4px);
}
/* Lists */
body.page-services .check-list li {
    position: relative;
    padding-left: 1.5rem;
}
body.page-services .check-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--primary);
    font-weight: bold;
}
body.page-services .feature-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(0, 212, 255, 0.1);
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #0891b2;
}
/* Step Line */
body.page-services .step-line {
    position: relative;
}
body.page-services .step-line::before {
    content: '';
    position: absolute;
    left: 1.25rem;
    top: 3rem;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, var(--primary), transparent);
}
/* Scrollbar */
body.page-services ::-webkit-scrollbar {
    width: 8px;
}
body.page-services ::-webkit-scrollbar-track {
    background: var(--bg-elevated);
}
body.page-services ::-webkit-scrollbar-thumb {
    background: var(--bg-surface);
    border-radius: 4px;
}
body.page-services ::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}
/* Icons */
body.page-services .service-icon-large {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-size: 2rem;
    transition: all 0.3s ease;
}
body.page-services .service-detail-card:hover .service-icon-large {
    transform: scale(1.1);
}
/* Selection */
body.page-services ::selection {
    background: var(--primary);
    color: white;
}
/* Section Tag */
body.page-services .section-tag {
    display: inline-block;
    padding: 6px 14px;
    background: rgba(var(--primary-rgb), 0.1);
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: var(--space-sm);
}
/* ========================================
   Header
   ======================================== */
body.page-services header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: var(--space-sm) 0;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}
body.page-services header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body.page-services .logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
body.page-services .logo img {
    height: 56px;
    width: auto;
    object-fit: contain;
}
body.page-services nav {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-shrink: 0;
}
/* Desktop Nav Links */
body.page-services nav a {
    font-size: 0.9rem;
    font-weight: 500;
    color: #1e293b;
    transition: color 0.2s;
    position: relative;
}
body.page-services nav a:hover {
    color: var(--primary);
}
body.page-services nav a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: width 0.3s ease;
}
body.page-services nav a:hover::after {
    width: 100%;
}
body.page-services .menu-toggle {
    display: none;
}
/* ========================================
   Sidebar / Mobile Menu
   ======================================== */
body.page-services .sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}
body.page-services .sidebar-overlay.active {
    display: block;
}
body.page-services .sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background: white;
    z-index: 9999;
    transition: transform 0.3s ease;
    transform: translateX(100%);
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
}
body.page-services .sidebar.active {
    transform: translateX(0);
}
body.page-services .sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.page-services .sidebar-header img {
    height: 56px;
}
body.page-services .sidebar-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 1.5rem;
    color: var(--text-primary);
}
body.page-services .sidebar-nav {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}
body.page-services .sidebar-nav a {
    display: block;
    padding: 12px;
    color: var(--text-primary);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}
body.page-services .sidebar-nav a:hover {
    color: var(--primary);
}
body.page-services .sidebar-footer {
    padding: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
body.page-services .sidebar-footer .btn {
    width: 100%;
    justify-content: center;
}
/* ========================================
   Buttons
   ======================================== */
body.page-services .header-actions {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-shrink: 0;
}
body.page-services .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}
body.page-services .btn-primary {
    background: var(--primary);
    color: var(--bg-base);
}
body.page-services .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(var(--primary-rgb), 0.3);
}
body.page-services .btn-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s;
    border: 2px solid #25D366;
    background: transparent;
    color: #25D366;
    margin-left: 12px;
}
body.page-services .btn-whatsapp:hover {
    background: #25D366;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);
}
body.page-services .btn-outline {
    background: transparent;
    border: 1px solid var(--border-active);
    color: var(--primary);
}
body.page-services .btn-outline:hover {
    background: var(--primary);
    color: var(--bg-base);
}
body.page-services .glow-button {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}
body.page-services .glow-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.5s ease;
}
body.page-services .glow-button:hover::before {
    left: 100%;
}
body.page-services .glow-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 40px rgba(58, 178, 237, 0.4);
}
/* ========================================
   FAQ & Cards
   ======================================== */
body.page-services .faq-item {
    transition: all 0.3s ease;
}
body.page-services .faq-item:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}
body.page-services .rotate-180 {
    transform: rotate(180deg);
}
body.page-services .license-card {
    transition: all 0.3s ease;
}
body.page-services .license-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}
body.page-services .brand-logo {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease;
}
body.page-services .brand-logo:hover {
    filter: grayscale(0%);
    opacity: 1;
}
/* ========================================
   Footer
   ======================================== */
body.page-services footer {
    background: var(--primary);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: var(--space-lg) 0 var(--space-md);
    color: #FFFFFF;
    min-height: 430px;
}
body.page-services .footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: var(--space-lg);
    margin-bottom: var(--space-md);
}
body.page-services .footer-brand .logo {
    margin-bottom: var(--space-sm);
}
body.page-services .footer-brand .logo img {
    height: 64px;
}
body.page-services .footer-brand p {
    color: #FFFFFF;
    font-size: 0.9rem;
    max-width: 280px;
}
body.page-services .footer-col h4 {
    font-size: 0.9rem;
    margin-bottom: var(--space-sm);
    color: #FFFFFF;
}
body.page-services .footer-col ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
}
body.page-services .footer-col a {
    color: #FFFFFF;
    font-size: 0.85rem;
    transition: color 0.2s;
}
body.page-services .footer-col a:hover {
    color: #FFFFFF;
}
body.page-services .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--space-md);
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}
body.page-services .footer-bottom p {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.85);
}
body.page-services .social-links {
    display: flex;
    gap: var(--space-xs);
}
body.page-services .social-links a {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    transition: all 0.2s;
}
body.page-services .social-links a:hover {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: var(--primary);
}
/* ========================================
   Contact Section
   ======================================== */
body.page-services .contact {
    position: relative;
    padding: var(--space-lg) 0;
}
body.page-services .contact::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(180deg, transparent 0%, var(--bg-elevated) 100%);
    pointer-events: none;
}
body.page-services .contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: var(--space-lg);
    position: relative;
    z-index: 1;
}
body.page-services .contact-info h2 {
    font-size: 2.75rem;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    letter-spacing: 0;
}
body.page-services .contact-info > p {
    color: var(--text-secondary);
    font-size: 1.1rem;
    margin-bottom: var(--space-md);
}
body.page-services .contact-details {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
}
body.page-services .contact-item {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}
body.page-services .contact-item-icon {
    width: 48px;
    height: 48px;
    background: rgba(var(--primary-rgb), 0.1);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
}
body.page-services .contact-item-text h4 {
    font-size: 0.9rem;
    margin-bottom: 2px;
}
body.page-services .contact-item-text p {
    font-size: 0.85rem;
    color: var(--text-secondary);
}
body.page-services .contact-social {
    display: flex;
    gap: var(--space-xs);
}
body.page-services .contact-social a {
    width: 44px;
    height: 44px;
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    transition: all 0.2s;
}
body.page-services .contact-social a:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--bg-base);
}
body.page-services .contact-form-wrapper {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-md);
}
body.page-services .contact-form-wrapper h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 4px;
}
body.page-services .contact-form-wrapper > p {
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin-bottom: var(--space-sm);
}
body.page-services .contact-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}
body.page-services .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-sm);
}
body.page-services .form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
body.page-services .form-group label {
    font-size: 0.85rem;
    font-weight: 500;
}
body.page-services .form-group label span {
    color: var(--secondary);
}
body.page-services .form-control {
    width: 100%;
    padding: 14px 16px;
    background: var(--bg-base);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-family: inherit;
    font-size: 0.95rem;
    transition: all 0.2s;
}
body.page-services .form-control::placeholder {
    color: var(--text-muted);
}
body.page-services .form-control:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1);
}
body.page-services textarea.form-control {
    min-height: 100px;
    resize: vertical;
}
body.page-services .form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
    cursor: pointer;
}
body.page-services .form-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 16px;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-sm);
    color: var(--bg-base);
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}
body.page-services .form-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(var(--primary-rgb), 0.3);
}
body.page-services .form-privacy {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-align: center;
}
body.page-services .form-privacy a {
    color: var(--primary);
    text-decoration: underline;
}
/* ========================================
   Responsive
   ======================================== */
/* Reduz espaçamento entre seções no mobile */
@media (max-width: 768px) {
body.page-services section {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
/* Hero tem espaçamento próprio para compensar o header fixo */
body.page-services section.pt-32 {
        padding-top: 6rem !important;
        padding-bottom: 1.5rem !important;
    }
/* Cabeçalhos de seção com mb-16 ficam mais compactos */
body.page-services .text-center.mb-16 {
        margin-bottom: 2rem !important;
    }
/* Cards internos com menos gap */
body.page-services .grid.gap-8 {
        gap: 1rem !important;
    }
body.page-services .grid.gap-6 {
        gap: 0.75rem !important;
    }
/* mt-12 entre sub-blocos dentro de seções */
body.page-services .mt-12 {
        margin-top: 1.5rem !important;
    }
/* Contact section */
body.page-services .contact {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
}
@media (max-width: 768px) {
body.page-services .menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        background: transparent;
        border: none;
        cursor: pointer;
        font-size: 1.5rem;
        color: var(--text-primary);
    }
body.page-services .desktop-nav {
        display: none;
    }
body.page-services .header-actions .btn-primary {
        display: none;
    }
}
@media (max-width: 1024px) {
body.page-services .contact-grid {
        grid-template-columns: 1fr;
    }
body.page-services .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
body.page-services .form-row {
        grid-template-columns: 1fr;
    }
body.page-services .footer-grid {
        grid-template-columns: 1fr;
        gap: var(--space-md);
        text-align: center;
    }
body.page-services .footer-brand {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
body.page-services .footer-brand .logo {
        justify-content: center;
    }
body.page-services .footer-brand p {
        margin-left: auto;
        margin-right: auto;
    }
body.page-services .footer-col {
        text-align: center;
    }
body.page-services .footer-col ul {
        align-items: center;
    }
body.page-services .footer-bottom {
        flex-direction: column;
        gap: var(--space-sm);
        text-align: center;
        align-items: center;
    }
body.page-services .social-links {
        justify-content: center;
    }
}
/* Premium motion layer */
body.page-services {
    background:
        radial-gradient(ellipse 70% 50% at 84% 4%, rgba(var(--primary-rgb), 0.1), transparent 58%),
        linear-gradient(180deg, #ffffff 0%, var(--bg-base) 42%, #eef8ff 100%);
}
body.page-services h1, body.page-services h2, body.page-services h3, body.page-services h4, body.page-services h5, body.page-services h6 {
    letter-spacing: 0;
}
body.page-services .hero-title, body.page-services .section-title {
    font-size: 2.75rem;
    letter-spacing: 0;
}
body.page-services .light-card, body.page-services .service-detail-card, body.page-services .product-card, body.page-services .brand-card, body.page-services .contact-form-wrapper {
    position: relative;
    overflow: hidden;
    border-color: rgba(var(--primary-rgb), 0.14);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}
body.page-services .light-card::after, body.page-services .service-detail-card::after, body.page-services .product-card::after, body.page-services .brand-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.16), transparent 34%, rgba(139, 92, 246, 0.08));
    opacity: 0;
    transition: opacity 0.28s ease;
}
body.page-services .light-card:hover::after, body.page-services .service-detail-card:hover::after, body.page-services .product-card:hover::after, body.page-services .brand-card:hover::after {
    opacity: 1;
}
body.page-services .light-card:hover, body.page-services .product-card:hover, body.page-services .brand-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
}
body.page-services .btn-primary, body.page-services .form-submit {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(135deg, var(--primary), #62d6ff 58%, var(--accent));
    color: #ffffff;
    box-shadow: 0 12px 30px rgba(var(--primary-rgb), 0.26);
}
body.page-services .btn-primary::after, body.page-services .form-submit::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.32) 42%, transparent 68%);
    transform: translateX(-120%);
    transition: transform 0.52s ease;
}
body.page-services .btn-primary:hover::after, body.page-services .form-submit:hover::after {
    transform: translateX(120%);
}
@media (prefers-reduced-motion: reduce) {
body.page-services *, body.page-services *::before, body.page-services *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
@media (max-width: 768px) {
body.page-services .hero-title, body.page-services .section-title {
        font-size: 2.2rem;
    }
}

/* ============ PRODUTOS (inclui utilitários equivalentes ao Tailwind) ============ */
body.page-products *, body.page-products ::before, body.page-products ::after {--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
body.page-products ::backdrop {--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
body.page-products *, body.page-products ::after, body.page-products ::before {box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
body.page-products ::after, body.page-products ::before {--tw-content:''}
body.page-products :host, body.page-products {line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
body.page-products {margin:0;line-height:inherit}
body.page-products hr {height:0;color:inherit;border-top-width:1px}
body.page-products abbr:where([title]) {-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
body.page-products h1, body.page-products h2, body.page-products h3, body.page-products h4, body.page-products h5, body.page-products h6 {font-size:inherit;font-weight:inherit}
body.page-products a {color:inherit;text-decoration:inherit}
body.page-products b, body.page-products strong {font-weight:bolder}
body.page-products code, body.page-products kbd, body.page-products pre, body.page-products samp {font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
body.page-products small {font-size:80%}
body.page-products sub, body.page-products sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
body.page-products sub {bottom:-.25em}
body.page-products sup {top:-.5em}
body.page-products table {text-indent:0;border-color:inherit;border-collapse:collapse}
body.page-products button, body.page-products input, body.page-products optgroup, body.page-products select, body.page-products textarea {font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
body.page-products button, body.page-products select {text-transform:none}
body.page-products button, body.page-products input:where([type=button]), body.page-products input:where([type=reset]), body.page-products input:where([type=submit]) {-webkit-appearance:button;background-color:transparent;background-image:none}
body.page-products :-moz-focusring {outline:auto}
body.page-products :-moz-ui-invalid {box-shadow:none}
body.page-products progress {vertical-align:baseline}
body.page-products ::-webkit-inner-spin-button, body.page-products ::-webkit-outer-spin-button {height:auto}
body.page-products [type=search] {-webkit-appearance:textfield;outline-offset:-2px}
body.page-products ::-webkit-search-decoration {-webkit-appearance:none}
body.page-products ::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
body.page-products summary {display:list-item}
body.page-products blockquote, body.page-products dd, body.page-products dl, body.page-products figure, body.page-products h1, body.page-products h2, body.page-products h3, body.page-products h4, body.page-products h5, body.page-products h6, body.page-products hr, body.page-products p, body.page-products pre {margin:0}
body.page-products fieldset {margin:0;padding:0}
body.page-products legend {padding:0}
body.page-products menu, body.page-products ol, body.page-products ul {list-style:none;margin:0;padding:0}
body.page-products dialog {padding:0}
body.page-products textarea {resize:vertical}
body.page-products input::placeholder, body.page-products textarea::placeholder {opacity:1;color:#9ca3af}
body.page-products [role=button], body.page-products button {cursor:pointer}
body.page-products :disabled {cursor:default}
body.page-products audio, body.page-products canvas, body.page-products embed, body.page-products iframe, body.page-products img, body.page-products object, body.page-products svg, body.page-products video {display:block;vertical-align:middle}
body.page-products img, body.page-products video {max-width:100%;height:auto}
body.page-products [hidden]:where(:not([hidden=until-found])) {display:none}
body.page-products .container {width:100%}
@media (min-width: 640px) {
body.page-products .container {max-width:640px}
}
@media (min-width: 768px) {
body.page-products .container {max-width:768px}
}
@media (min-width: 1024px) {
body.page-products .container {max-width:1024px}
}
@media (min-width: 1280px) {
body.page-products .container {max-width:1280px}
}
@media (min-width: 1536px) {
body.page-products .container {max-width:1536px}
}
body.page-products .relative {position:relative}
body.page-products .z-10 {z-index:10}
body.page-products .mx-auto {margin-left:auto;margin-right:auto}
body.page-products .mb-16 {margin-bottom:4rem}
body.page-products .mb-3 {margin-bottom:0.75rem}
body.page-products .mb-4 {margin-bottom:1rem}
body.page-products .mb-6 {margin-bottom:1.5rem}
body.page-products .mt-12 {margin-top:3rem}
body.page-products .mt-4 {margin-top:1rem}
body.page-products .block {display:block}
body.page-products .flex {display:flex}
body.page-products .inline-flex {display:inline-flex}
body.page-products .grid {display:grid}
body.page-products .hidden {display:none}
body.page-products .h-12 {height:3rem}
body.page-products .h-16 {height:4rem}
body.page-products .w-12 {width:3rem}
body.page-products .w-16 {width:4rem}
body.page-products .w-full {width:100%}
body.page-products .max-w-2xl {max-width:42rem}
body.page-products .max-w-3xl {max-width:48rem}
body.page-products .max-w-xl {max-width:36rem}
body.page-products .flex-wrap {flex-wrap:wrap}
body.page-products .items-center {align-items:center}
body.page-products .justify-center {justify-content:center}
body.page-products .justify-between {justify-content:space-between}
body.page-products .gap-2 {gap:0.5rem}
body.page-products .gap-4 {gap:1rem}
body.page-products .gap-6 {gap:1.5rem}
body.page-products .gap-8 {gap:2rem}
body.page-products .space-y-3 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
body.page-products .space-y-4 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
body.page-products .overflow-hidden {overflow:hidden}
body.page-products .rounded-2xl {border-radius:1rem}
body.page-products .rounded-3xl {border-radius:1.5rem}
body.page-products .rounded-full {border-radius:9999px}
body.page-products .rounded-xl {border-radius:0.75rem}
body.page-products .rounded-r-lg {border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem}
body.page-products .border {border-width:1px}
body.page-products .border-l-4 {border-left-width:4px}
body.page-products .border-blue-400 {--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}
body.page-products .border-cyan-100 {--tw-border-opacity:1;border-color:rgb(207 250 254 / var(--tw-border-opacity, 1))}
body.page-products .border-cyan-400 {--tw-border-opacity:1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}
body.page-products .border-green-400 {--tw-border-opacity:1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
body.page-products .border-orange-100 {--tw-border-opacity:1;border-color:rgb(255 237 213 / var(--tw-border-opacity, 1))}
body.page-products .border-orange-400 {--tw-border-opacity:1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}
body.page-products .border-red-400 {--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}
body.page-products .border-violet-100 {--tw-border-opacity:1;border-color:rgb(237 233 254 / var(--tw-border-opacity, 1))}
body.page-products .border-violet-400 {--tw-border-opacity:1;border-color:rgb(167 139 250 / var(--tw-border-opacity, 1))}
body.page-products .bg-blue-50 {--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}
body.page-products .bg-cyan-50 {--tw-bg-opacity:1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}
body.page-products .bg-green-50 {--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
body.page-products .bg-orange-50 {--tw-bg-opacity:1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}
body.page-products .bg-red-50 {--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}
body.page-products .bg-slate-100 {--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}
body.page-products .bg-slate-50\/50 {background-color:rgb(248 250 252 / 0.5)}
body.page-products .bg-violet-50 {--tw-bg-opacity:1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}
body.page-products .p-8 {padding:2rem}
body.page-products .px-3 {padding-left:0.75rem;padding-right:0.75rem}
body.page-products .px-4 {padding-left:1rem;padding-right:1rem}
body.page-products .px-6 {padding-left:1.5rem;padding-right:1.5rem}
body.page-products .py-1 {padding-top:0.25rem;padding-bottom:0.25rem}
body.page-products .py-1\.5 {padding-top:0.375rem;padding-bottom:0.375rem}
body.page-products .py-2 {padding-top:0.5rem;padding-bottom:0.5rem}
body.page-products .py-5 {padding-top:1.25rem;padding-bottom:1.25rem}
body.page-products .pb-5 {padding-bottom:1.25rem}
body.page-products .pl-4 {padding-left:1rem}
body.page-products .text-left {text-align:left}
body.page-products .text-center {text-align:center}
body.page-products .text-2xl {font-size:1.5rem;line-height:2rem}
body.page-products .text-3xl {font-size:1.875rem;line-height:2.25rem}
body.page-products .text-lg {font-size:1.125rem;line-height:1.75rem}
body.page-products .text-sm {font-size:0.875rem;line-height:1.25rem}
body.page-products .text-xl {font-size:1.25rem;line-height:1.75rem}
body.page-products .text-xs {font-size:0.75rem;line-height:1rem}
body.page-products .font-bold {font-weight:700}
body.page-products .font-medium {font-weight:500}
body.page-products .font-semibold {font-weight:600}
body.page-products .uppercase {text-transform:uppercase}
body.page-products .italic {font-style:italic}
body.page-products .tracking-tight {letter-spacing:-0.025em}
body.page-products .tracking-wider {letter-spacing:0.05em}
body.page-products .text-blue-600 {--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
body.page-products .text-blue-700 {--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}
body.page-products .text-cyan-600 {--tw-text-opacity:1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}
body.page-products .text-cyan-700 {--tw-text-opacity:1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}
body.page-products .text-green-600 {--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
body.page-products .text-green-700 {--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
body.page-products .text-orange-600 {--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
body.page-products .text-orange-700 {--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
body.page-products .text-red-600 {--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
body.page-products .text-red-700 {--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
body.page-products .text-slate-500 {--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}
body.page-products .text-slate-600 {--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
body.page-products .text-slate-700 {--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}
body.page-products .text-slate-900 {--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}
body.page-products .text-violet-600 {--tw-text-opacity:1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}
body.page-products .text-violet-700 {--tw-text-opacity:1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}
body.page-products .antialiased {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.page-products .transition-all {transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
body.page-products .duration-300 {transition-duration:300ms}
body.page-products .hover\:shadow-lg:hover {--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
@media (min-width: 640px) {
body.page-products .sm\:text-4xl {font-size:2.25rem;line-height:2.5rem}
}
@media (min-width: 768px) {
body.page-products .md\:grid-cols-2 {grid-template-columns:repeat(2, minmax(0, 1fr))}
body.page-products .md\:grid-cols-3 {grid-template-columns:repeat(3, minmax(0, 1fr))}
}
@media (min-width: 1024px) {
body.page-products .lg\:text-5xl {font-size:3rem;line-height:1}
}

/* ========================================
   LP Produtos - Custom Styles
   ======================================== */
body.page-products {
    --primary: #3AB2ED;
    --primary-rgb: 58, 178, 237;
    --secondary: #FF6B35;
    --accent: #8B5CF6;
    --bg-base: #FAFAFA;
    --bg-elevated: #FFFFFF;
    --bg-surface: #F1F5F9;
    --text-primary: #0F172A;
    --text-secondary: #475569;
    --text-muted: #64748B;
    --border-subtle: rgba(0, 0, 0, 0.06);
    --border-active: rgba(58, 178, 237, 0.5);
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 24px;
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 32px;
    --space-lg: 64px;
    --space-xl: 128px;
}
body.page-products * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    font-size: 16px;
    overflow-x: hidden;
}
body.page-products {
    font-family: 'DM Sans', sans-serif;
    background: var(--bg-base);
    color: var(--text-primary);
    line-height: 1.6;
    overflow-x: hidden;
}
body.page-products h1, body.page-products h2, body.page-products h3, body.page-products h4, body.page-products h5, body.page-products h6 {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    line-height: 1.1;
}
body.page-products .container {
    width: min(100% - 64px, 1180px) !important;
    max-width: 1180px !important;
    margin: 0 auto;
    padding: 0;
}
body.page-products a {
    color: inherit;
    text-decoration: none;
}
/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}
@keyframes gradient-shift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
body.page-products .animate-float { animation: float 4s ease-in-out infinite; }
body.page-products .animate-float-delay { animation: float 4s ease-in-out 1s infinite; }
body.page-products .gradient-text {
    background: linear-gradient(135deg, #00D4FF 0%, #8B5CF6 50%, #FF6B35 100%);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradient-shift 4s ease infinite;
}
/* Cards & Surfaces */
body.page-products .light-card {
    background: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.06);
}
body.page-products .animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
body.page-products .animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}
body.page-products .service-detail-card {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}
body.page-products .service-detail-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary), var(--accent));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}
body.page-products .service-detail-card:hover::before {
    transform: scaleX(1);
}
body.page-products .service-detail-card:hover {
    transform: translateY(-4px);
}
/* Lists */
body.page-products .check-list li {
    position: relative;
    padding-left: 1.5rem;
}
body.page-products .check-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: var(--primary);
    font-weight: bold;
}
body.page-products .feature-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(0, 212, 255, 0.1);
    border: 1px solid rgba(0, 212, 255, 0.2);
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 500;
    color: #0891b2;
}
/* Step Line */
body.page-products .step-line {
    position: relative;
}
body.page-products .step-line::before {
    content: '';
    position: absolute;
    left: 1.25rem;
    top: 3rem;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, var(--primary), transparent);
}
/* Scrollbar */
body.page-products ::-webkit-scrollbar {
    width: 8px;
}
body.page-products ::-webkit-scrollbar-track {
    background: var(--bg-elevated);
}
body.page-products ::-webkit-scrollbar-thumb {
    background: var(--bg-surface);
    border-radius: 4px;
}
body.page-products ::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}
/* Icons */
body.page-products .service-icon-large {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    font-size: 2rem;
    transition: all 0.3s ease;
}
body.page-products .service-detail-card:hover .service-icon-large {
    transform: scale(1.1);
}
/* Selection */
body.page-products ::selection {
    background: var(--primary);
    color: white;
}
/* Section Tag */
body.page-products .section-tag {
    display: inline-block;
    padding: 6px 14px;
    background: rgba(var(--primary-rgb), 0.1);
    border-radius: 100px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: var(--space-sm);
}
/* ========================================
   Header
   ======================================== */
body.page-products header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: var(--space-sm) 0;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}
body.page-products header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body.page-products .logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
body.page-products .logo img {
    height: 56px;
    width: auto;
    object-fit: contain;
}
body.page-products nav {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    flex-shrink: 0;
}
/* Desktop Nav Links */
body.page-products nav a {
    font-size: 0.9rem;
    font-weight: 500;
    color: #1e293b;
    transition: color 0.2s;
    position: relative;
}
body.page-products nav a:hover {
    color: var(--primary);
}
body.page-products nav a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: width 0.3s ease;
}
body.page-products nav a:hover::after {
    width: 100%;
}
body.page-products .menu-toggle {
    display: none;
}
/* ========================================
   Sidebar / Mobile Menu
   ======================================== */
body.page-products .sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}
body.page-products .sidebar-overlay.active {
    display: block;
}
body.page-products .sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background: white;
    z-index: 9999;
    transition: transform 0.3s ease;
    transform: translateX(100%);
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
}
body.page-products .sidebar.active {
    transform: translateX(0);
}
body.page-products .sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.page-products .sidebar-header img {
    height: 56px;
}
body.page-products .sidebar-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 1.5rem;
    color: var(--text-primary);
}
body.page-products .sidebar-nav {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}
body.page-products .sidebar-nav a {
    display: block;
    padding: 12px;
    color: var(--text-primary);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}
body.page-products .sidebar-nav a:hover {
    color: var(--primary);
}
body.page-products .sidebar-footer {
    padding: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
body.page-products .sidebar-footer .btn {
    width: 100%;
    justify-content: center;
}
/* ========================================
   Buttons
   ======================================== */
body.page-products .header-actions {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    flex-shrink: 0;
}
body.page-products .btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}
body.page-products .btn-primary {
    background: var(--primary);
    color: var(--bg-base);
}
body.page-products .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(var(--primary-rgb), 0.3);
}
body.page-products .btn-whatsapp {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all 0.2s;
    border: 2px solid #25D366;
    background: transparent;
    color: #25D366;
    margin-left: 12px;
}
body.page-products .btn-whatsapp:hover {
    background: #25D366;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);
}
body.page-products .btn-outline {
    background: transparent;
    border: 1px solid var(--border-active);
    color: var(--primary);
}
body.page-products .btn-outline:hover {
    background: var(--primary);
    color: var(--bg-base);
}
body.page-products .glow-button {
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}
body.page-products .glow-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: left 0.5s ease;
}
body.page-products .glow-button:hover::before {
    left: 100%;
}
body.page-products .glow-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 40px rgba(58, 178, 237, 0.4);
}
/* ========================================
   FAQ & Cards
   ======================================== */
body.page-products .faq-item {
    transition: all 0.3s ease;
}
body.page-products .faq-item:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
}
body.page-products .rotate-180 {
    transform: rotate(180deg);
}
body.page-products .license-card {
    transition: all 0.3s ease;
}
body.page-products .license-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}
body.page-products .brand-logo {
    filter: grayscale(100%);
    opacity: 0.6;
    transition: all 0.3s ease;
}
body.page-products .brand-logo:hover {
    filter: grayscale(0%);
    opacity: 1;
}
/* ========================================
   Footer
   ======================================== */
body.page-products footer {
    background: var(--primary);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: var(--space-lg) 0 var(--space-md);
    color: #FFFFFF;
    min-height: 430px;
}
body.page-products .footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: var(--space-lg);
    margin-bottom: var(--space-md);
}
body.page-products .footer-brand .logo {
    margin-bottom: var(--space-sm);
}
body.page-products .footer-brand .logo img {
    height: 64px;
}
body.page-products .footer-brand p {
    color: #FFFFFF;
    font-size: 0.9rem;
    max-width: 280px;
}
body.page-products .footer-col h4 {
    font-size: 0.9rem;
    margin-bottom: var(--space-sm);
    color: #FFFFFF;
}
body.page-products .footer-col ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
}
body.page-products .footer-col a {
    color: #FFFFFF;
    font-size: 0.85rem;
    transition: color 0.2s;
}
body.page-products .footer-col a:hover {
    color: #FFFFFF;
}
body.page-products .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--space-md);
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}
body.page-products .footer-bottom p {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.85);
}
body.page-products .social-links {
    display: flex;
    gap: var(--space-xs);
}
body.page-products .social-links a {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    transition: all 0.2s;
}
body.page-products .social-links a:hover {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: var(--primary);
}
/* ========================================
   Contact Section
   ======================================== */
body.page-products .contact {
    position: relative;
    padding: var(--space-lg) 0;
}
body.page-products .contact::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(180deg, transparent 0%, var(--bg-elevated) 100%);
    pointer-events: none;
}
body.page-products .contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: var(--space-lg);
    position: relative;
    z-index: 1;
}
body.page-products .contact-info h2 {
    font-size: 2.75rem;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    letter-spacing: 0;
}
body.page-products .contact-info > p {
    color: var(--text-secondary);
    font-size: 1.1rem;
    margin-bottom: var(--space-md);
}
body.page-products .contact-details {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    margin-bottom: var(--space-md);
}
body.page-products .contact-item {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}
body.page-products .contact-item-icon {
    width: 48px;
    height: 48px;
    background: rgba(var(--primary-rgb), 0.1);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
}
body.page-products .contact-item-text h4 {
    font-size: 0.9rem;
    margin-bottom: 2px;
}
body.page-products .contact-item-text p {
    font-size: 0.85rem;
    color: var(--text-secondary);
}
body.page-products .contact-social {
    display: flex;
    gap: var(--space-xs);
}
body.page-products .contact-social a {
    width: 44px;
    height: 44px;
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    transition: all 0.2s;
}
body.page-products .contact-social a:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--bg-base);
}
body.page-products .contact-form-wrapper {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-lg);
    padding: var(--space-md);
}
body.page-products .contact-form-wrapper h3 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 4px;
}
body.page-products .contact-form-wrapper > p {
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin-bottom: var(--space-sm);
}
body.page-products .contact-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}
body.page-products .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-sm);
}
body.page-products .form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
body.page-products .form-group label {
    font-size: 0.85rem;
    font-weight: 500;
}
body.page-products .form-group label span {
    color: var(--secondary);
}
body.page-products .form-control {
    width: 100%;
    padding: 14px 16px;
    background: var(--bg-base);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm);
    color: var(--text-primary);
    font-family: inherit;
    font-size: 0.95rem;
    transition: all 0.2s;
}
body.page-products .form-control::placeholder {
    color: var(--text-muted);
}
body.page-products .form-control:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1);
}
body.page-products textarea.form-control {
    min-height: 100px;
    resize: vertical;
}
body.page-products .form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
    cursor: pointer;
}
body.page-products .form-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 16px;
    background: var(--primary);
    border: none;
    border-radius: var(--radius-sm);
    color: var(--bg-base);
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}
body.page-products .form-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(var(--primary-rgb), 0.3);
}
body.page-products .form-privacy {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-align: center;
}
body.page-products .form-privacy a {
    color: var(--primary);
    text-decoration: underline;
}
/* ========================================
   Responsive
   ======================================== */
@media (max-width: 768px) {
body.page-products .menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        background: transparent;
        border: none;
        cursor: pointer;
        font-size: 1.5rem;
        color: var(--text-primary);
    }
body.page-products .desktop-nav {
        display: none;
    }
body.page-products .header-actions .btn-primary {
        display: none;
    }
}
@media (max-width: 1024px) {
body.page-products .contact-grid {
        grid-template-columns: 1fr;
    }
body.page-products .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
body.page-products .form-row {
        grid-template-columns: 1fr;
    }
body.page-products .footer-grid {
        grid-template-columns: 1fr;
        gap: var(--space-md);
        text-align: center;
    }
body.page-products .footer-brand {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
body.page-products .footer-brand .logo {
        justify-content: center;
    }
body.page-products .footer-brand p {
        margin-left: auto;
        margin-right: auto;
    }
body.page-products .footer-col {
        text-align: center;
    }
body.page-products .footer-col ul {
        align-items: center;
    }
body.page-products .footer-bottom {
        flex-direction: column;
        gap: var(--space-sm);
        text-align: center;
        align-items: center;
    }
body.page-products .social-links {
        justify-content: center;
    }
}
/* Premium motion layer */
body.page-products {
    background:
        radial-gradient(ellipse 70% 50% at 84% 4%, rgba(var(--primary-rgb), 0.1), transparent 58%),
        linear-gradient(180deg, #ffffff 0%, var(--bg-base) 42%, #eef8ff 100%);
}
body.page-products h1, body.page-products h2, body.page-products h3, body.page-products h4, body.page-products h5, body.page-products h6 {
    letter-spacing: 0;
}
body.page-products .hero-title, body.page-products .section-title {
    font-size: 2.75rem;
    letter-spacing: 0;
}
body.page-products .light-card, body.page-products .service-detail-card, body.page-products .product-card, body.page-products .brand-card, body.page-products .contact-form-wrapper {
    position: relative;
    overflow: hidden;
    border-color: rgba(var(--primary-rgb), 0.14);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}
body.page-products .light-card::after, body.page-products .service-detail-card::after, body.page-products .product-card::after, body.page-products .brand-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.16), transparent 34%, rgba(139, 92, 246, 0.08));
    opacity: 0;
    transition: opacity 0.28s ease;
}
body.page-products .light-card:hover::after, body.page-products .service-detail-card:hover::after, body.page-products .product-card:hover::after, body.page-products .brand-card:hover::after {
    opacity: 1;
}
body.page-products .light-card:hover, body.page-products .product-card:hover, body.page-products .brand-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
}
body.page-products .btn-primary, body.page-products .form-submit {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(135deg, var(--primary), #62d6ff 58%, var(--accent));
    color: #ffffff;
    box-shadow: 0 12px 30px rgba(var(--primary-rgb), 0.26);
}
body.page-products .btn-primary::after, body.page-products .form-submit::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.32) 42%, transparent 68%);
    transform: translateX(-120%);
    transition: transform 0.52s ease;
}
body.page-products .btn-primary:hover::after, body.page-products .form-submit:hover::after {
    transform: translateX(120%);
}
@media (prefers-reduced-motion: reduce) {
body.page-products *, body.page-products *::before, body.page-products *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
@media (max-width: 768px) {
body.page-products .hero-title, body.page-products .section-title {
        font-size: 2.2rem;
    }
}

/* ============ LICENCAS (inclui utilitários equivalentes ao Tailwind) ============ */
body.page-licenses *, body.page-licenses ::before, body.page-licenses ::after {--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
body.page-licenses ::backdrop {--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
body.page-licenses *, body.page-licenses ::after, body.page-licenses ::before {box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
body.page-licenses ::after, body.page-licenses ::before {--tw-content:''}
body.page-licenses :host, body.page-licenses {line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}
body.page-licenses {margin:0;line-height:inherit}
body.page-licenses hr {height:0;color:inherit;border-top-width:1px}
body.page-licenses abbr:where([title]) {-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
body.page-licenses h1, body.page-licenses h2, body.page-licenses h3, body.page-licenses h4, body.page-licenses h5, body.page-licenses h6 {font-size:inherit;font-weight:inherit}
body.page-licenses a {color:inherit;text-decoration:inherit}
body.page-licenses b, body.page-licenses strong {font-weight:bolder}
body.page-licenses code, body.page-licenses kbd, body.page-licenses pre, body.page-licenses samp {font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}
body.page-licenses small {font-size:80%}
body.page-licenses sub, body.page-licenses sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
body.page-licenses sub {bottom:-.25em}
body.page-licenses sup {top:-.5em}
body.page-licenses table {text-indent:0;border-color:inherit;border-collapse:collapse}
body.page-licenses button, body.page-licenses input, body.page-licenses optgroup, body.page-licenses select, body.page-licenses textarea {font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}
body.page-licenses button, body.page-licenses select {text-transform:none}
body.page-licenses button, body.page-licenses input:where([type=button]), body.page-licenses input:where([type=reset]), body.page-licenses input:where([type=submit]) {-webkit-appearance:button;background-color:transparent;background-image:none}
body.page-licenses :-moz-focusring {outline:auto}
body.page-licenses :-moz-ui-invalid {box-shadow:none}
body.page-licenses progress {vertical-align:baseline}
body.page-licenses ::-webkit-inner-spin-button, body.page-licenses ::-webkit-outer-spin-button {height:auto}
body.page-licenses [type=search] {-webkit-appearance:textfield;outline-offset:-2px}
body.page-licenses ::-webkit-search-decoration {-webkit-appearance:none}
body.page-licenses ::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
body.page-licenses summary {display:list-item}
body.page-licenses blockquote, body.page-licenses dd, body.page-licenses dl, body.page-licenses figure, body.page-licenses h1, body.page-licenses h2, body.page-licenses h3, body.page-licenses h4, body.page-licenses h5, body.page-licenses h6, body.page-licenses hr, body.page-licenses p, body.page-licenses pre {margin:0}
body.page-licenses fieldset {margin:0;padding:0}
body.page-licenses legend {padding:0}
body.page-licenses menu, body.page-licenses ol, body.page-licenses ul {list-style:none;margin:0;padding:0}
body.page-licenses dialog {padding:0}
body.page-licenses textarea {resize:vertical}
body.page-licenses input::placeholder, body.page-licenses textarea::placeholder {opacity:1;color:#9ca3af}
body.page-licenses [role=button], body.page-licenses button {cursor:pointer}
body.page-licenses :disabled {cursor:default}
body.page-licenses audio, body.page-licenses canvas, body.page-licenses embed, body.page-licenses iframe, body.page-licenses img, body.page-licenses object, body.page-licenses svg, body.page-licenses video {display:block;vertical-align:middle}
body.page-licenses img, body.page-licenses video {max-width:100%;height:auto}
body.page-licenses [hidden]:where(:not([hidden=until-found])) {display:none}
body.page-licenses .container {width:100%}
@media (min-width: 640px) {
body.page-licenses .container {max-width:640px}
}
@media (min-width: 768px) {
body.page-licenses .container {max-width:768px}
}
@media (min-width: 1024px) {
body.page-licenses .container {max-width:1024px}
}
@media (min-width: 1280px) {
body.page-licenses .container {max-width:1280px}
}
@media (min-width: 1536px) {
body.page-licenses .container {max-width:1536px}
}
body.page-licenses .mx-auto {margin-left:auto;margin-right:auto}
body.page-licenses .mb-1 {margin-bottom:0.25rem}
body.page-licenses .mb-16 {margin-bottom:4rem}
body.page-licenses .mb-3 {margin-bottom:0.75rem}
body.page-licenses .mb-4 {margin-bottom:1rem}
body.page-licenses .mb-6 {margin-bottom:1.5rem}
body.page-licenses .mb-8 {margin-bottom:2rem}
body.page-licenses .mt-2 {margin-top:0.5rem}
body.page-licenses .mt-12 {margin-top:3rem}
body.page-licenses .flex {display:flex}
body.page-licenses .inline-flex {display:inline-flex}
body.page-licenses .grid {display:grid}
body.page-licenses .hidden {display:none}
body.page-licenses .h-16 {height:4rem}
body.page-licenses .h-12 {height:3rem}
body.page-licenses .w-16 {width:4rem}
body.page-licenses .w-full {width:100%}
body.page-licenses .w-12 {width:3rem}
body.page-licenses .max-w-2xl {max-width:42rem}
body.page-licenses .max-w-3xl {max-width:48rem}
body.page-licenses .max-w-xl {max-width:36rem}
body.page-licenses .flex-wrap {flex-wrap:wrap}
body.page-licenses .items-center {align-items:center}
body.page-licenses .justify-center {justify-content:center}
body.page-licenses .justify-between {justify-content:space-between}
body.page-licenses .gap-2 {gap:0.5rem}
body.page-licenses .gap-4 {gap:1rem}
body.page-licenses .gap-6 {gap:1.5rem}
body.page-licenses .gap-8 {gap:2rem}
body.page-licenses .space-y-3 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
body.page-licenses .space-y-4 > :not([hidden]) ~ :not([hidden]) {--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}
body.page-licenses .overflow-hidden {overflow:hidden}
body.page-licenses .rounded-2xl {border-radius:1rem}
body.page-licenses .rounded-3xl {border-radius:1.5rem}
body.page-licenses .rounded-full {border-radius:9999px}
body.page-licenses .rounded-xl {border-radius:0.75rem}
body.page-licenses .rounded-r-lg {border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem}
body.page-licenses .border {border-width:1px}
body.page-licenses .border-l-4 {border-left-width:4px}
body.page-licenses .border-blue-400 {--tw-border-opacity:1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}
body.page-licenses .border-cyan-100 {--tw-border-opacity:1;border-color:rgb(207 250 254 / var(--tw-border-opacity, 1))}
body.page-licenses .border-cyan-400 {--tw-border-opacity:1;border-color:rgb(34 211 238 / var(--tw-border-opacity, 1))}
body.page-licenses .border-green-400 {--tw-border-opacity:1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
body.page-licenses .border-indigo-400 {--tw-border-opacity:1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}
body.page-licenses .border-orange-100 {--tw-border-opacity:1;border-color:rgb(255 237 213 / var(--tw-border-opacity, 1))}
body.page-licenses .border-orange-400 {--tw-border-opacity:1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}
body.page-licenses .border-red-400 {--tw-border-opacity:1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}
body.page-licenses .border-teal-100 {--tw-border-opacity:1;border-color:rgb(204 251 241 / var(--tw-border-opacity, 1))}
body.page-licenses .border-teal-400 {--tw-border-opacity:1;border-color:rgb(45 212 191 / var(--tw-border-opacity, 1))}
body.page-licenses .border-violet-100 {--tw-border-opacity:1;border-color:rgb(237 233 254 / var(--tw-border-opacity, 1))}
body.page-licenses .border-violet-400 {--tw-border-opacity:1;border-color:rgb(167 139 250 / var(--tw-border-opacity, 1))}
body.page-licenses .bg-blue-50 {--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}
body.page-licenses .bg-cyan-50 {--tw-bg-opacity:1;background-color:rgb(236 254 255 / var(--tw-bg-opacity, 1))}
body.page-licenses .bg-green-50 {--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
body.page-licenses .bg-indigo-50 {--tw-bg-opacity:1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}
body.page-licenses .bg-orange-50 {--tw-bg-opacity:1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}
body.page-licenses .bg-purple-50 {--tw-bg-opacity:1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}
body.page-licenses .bg-red-50 {--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}
body.page-licenses .bg-slate-100 {--tw-bg-opacity:1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}
body.page-licenses .bg-slate-50\/50 {background-color:rgb(248 250 252 / 0.5)}
body.page-licenses .bg-teal-50 {--tw-bg-opacity:1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}
body.page-licenses .bg-violet-50 {--tw-bg-opacity:1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}
body.page-licenses .p-8 {padding:2rem}
body.page-licenses .px-3 {padding-left:0.75rem;padding-right:0.75rem}
body.page-licenses .px-4 {padding-left:1rem;padding-right:1rem}
body.page-licenses .py-1 {padding-top:0.25rem;padding-bottom:0.25rem}
body.page-licenses .py-1\.5 {padding-top:0.375rem;padding-bottom:0.375rem}
body.page-licenses .py-2 {padding-top:0.5rem;padding-bottom:0.5rem}
body.page-licenses .px-6 {padding-left:1.5rem;padding-right:1.5rem}
body.page-licenses .py-5 {padding-top:1.25rem;padding-bottom:1.25rem}
body.page-licenses .pl-4 {padding-left:1rem}
body.page-licenses .pb-5 {padding-bottom:1.25rem}
body.page-licenses .text-left {text-align:left}
body.page-licenses .text-center {text-align:center}
body.page-licenses .text-2xl {font-size:1.5rem;line-height:2rem}
body.page-licenses .text-3xl {font-size:1.875rem;line-height:2.25rem}
body.page-licenses .text-lg {font-size:1.125rem;line-height:1.75rem}
body.page-licenses .text-sm {font-size:0.875rem;line-height:1.25rem}
body.page-licenses .text-xl {font-size:1.25rem;line-height:1.75rem}
body.page-licenses .text-xs {font-size:0.75rem;line-height:1rem}
body.page-licenses .font-bold {font-weight:700}
body.page-licenses .font-medium {font-weight:500}
body.page-licenses .font-normal {font-weight:400}
body.page-licenses .font-semibold {font-weight:600}
body.page-licenses .uppercase {text-transform:uppercase}
body.page-licenses .normal-case {text-transform:none}
body.page-licenses .italic {font-style:italic}
body.page-licenses .tracking-normal {letter-spacing:0em}
body.page-licenses .tracking-tight {letter-spacing:-0.025em}
body.page-licenses .tracking-wider {letter-spacing:0.05em}
body.page-licenses .text-blue-600 {--tw-text-opacity:1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}
body.page-licenses .text-blue-700 {--tw-text-opacity:1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}
body.page-licenses .text-cyan-600 {--tw-text-opacity:1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}
body.page-licenses .text-cyan-700 {--tw-text-opacity:1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}
body.page-licenses .text-green-600 {--tw-text-opacity:1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
body.page-licenses .text-green-700 {--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
body.page-licenses .text-indigo-500 {--tw-text-opacity:1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}
body.page-licenses .text-indigo-600 {--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}
body.page-licenses .text-indigo-700 {--tw-text-opacity:1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}
body.page-licenses .text-orange-500 {--tw-text-opacity:1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}
body.page-licenses .text-orange-600 {--tw-text-opacity:1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}
body.page-licenses .text-orange-700 {--tw-text-opacity:1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}
body.page-licenses .text-purple-600 {--tw-text-opacity:1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}
body.page-licenses .text-red-400 {--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}
body.page-licenses .text-red-600 {--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}
body.page-licenses .text-red-700 {--tw-text-opacity:1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}
body.page-licenses .text-slate-600 {--tw-text-opacity:1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}
body.page-licenses .text-slate-700 {--tw-text-opacity:1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}
body.page-licenses .text-slate-900 {--tw-text-opacity:1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}
body.page-licenses .text-teal-500 {--tw-text-opacity:1;color:rgb(20 184 166 / var(--tw-text-opacity, 1))}
body.page-licenses .text-teal-600 {--tw-text-opacity:1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}
body.page-licenses .text-teal-700 {--tw-text-opacity:1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}
body.page-licenses .text-violet-600 {--tw-text-opacity:1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}
body.page-licenses .text-violet-700 {--tw-text-opacity:1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}
body.page-licenses .text-slate-500 {--tw-text-opacity:1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}
body.page-licenses .antialiased {-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.page-licenses .transition-all {transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
body.page-licenses .duration-300 {transition-duration:300ms}
body.page-licenses .hover\:shadow-lg:hover {--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
@media (min-width: 640px) {
body.page-licenses .sm\:text-4xl {font-size:2.25rem;line-height:2.5rem}
}
@media (min-width: 768px) {
body.page-licenses .md\:col-span-2 {grid-column:span 2 / span 2}
body.page-licenses .md\:max-w-\[calc\(50\%-1rem\)\] {max-width:calc(50% - 1rem)}
body.page-licenses .md\:grid-cols-2 {grid-template-columns:repeat(2, minmax(0, 1fr))}
body.page-licenses .md\:grid-cols-3 {grid-template-columns:repeat(3, minmax(0, 1fr))}
}
@media (min-width: 1024px) {
body.page-licenses .lg\:text-5xl {font-size:3rem;line-height:1}
}

body.page-licenses {
            --primary: #3AB2ED;
            --primary-rgb: 58, 178, 237;
            --secondary: #FF6B35;
            --accent: #8B5CF6;
            --bg-base: #FAFAFA;
            --bg-elevated: #FFFFFF;
            --bg-surface: #F1F5F9;
            --text-primary: #0F172A;
            --text-secondary: #475569;
            --text-muted: #64748B;
            --border-subtle: rgba(0, 0, 0, 0.06);
            --border-active: rgba(58, 178, 237, 0.5);
            --radius-sm: 6px;
            --radius-md: 12px;
            --radius-lg: 24px;
            --space-xs: 8px;
            --space-sm: 16px;
            --space-md: 32px;
            --space-lg: 64px;
            --space-xl: 128px;
        }
body.page-licenses * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
html {
            scroll-behavior: smooth;
            font-size: 16px;
            overflow-x: hidden;
        }
body.page-licenses {
            font-family: 'DM Sans', sans-serif;
            background: var(--bg-base);
            color: var(--text-primary);
            line-height: 1.6;
            overflow-x: hidden;
        }
body.page-licenses h1, body.page-licenses h2, body.page-licenses h3, body.page-licenses h4, body.page-licenses h5, body.page-licenses h6 {
            font-family: 'Space Grotesk', sans-serif;
            font-weight: 700;
            line-height: 1.1;
        }
body.page-licenses .container {
            width: min(100% - 64px, 1180px) !important;
            max-width: 1180px !important;
            margin: 0 auto;
            padding: 0;
        }
body.page-licenses a {
            color: inherit;
            text-decoration: none;
        }
@keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-12px); }
        }
@keyframes gradient-shift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
body.page-licenses .animate-float { animation: float 4s ease-in-out infinite; }
body.page-licenses .animate-float-delay { animation: float 4s ease-in-out 1s infinite; }
body.page-licenses .gradient-text {
            background: linear-gradient(135deg, #00D4FF 0%, #8B5CF6 50%, #FF6B35 100%);
            background-size: 200% 200%;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            animation: gradient-shift 4s ease infinite;
        }
body.page-licenses .glow-button {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
body.page-licenses .glow-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transition: left 0.5s ease;
        }
body.page-licenses .glow-button:hover::before {
            left: 100%;
        }
body.page-licenses .glow-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 40px rgba(58, 178, 237, 0.4);
        }
body.page-licenses .light-card {
            background: white;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            border: 1px solid rgba(0, 0, 0, 0.06);
        }
body.page-licenses .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }
body.page-licenses .animate-on-scroll.visible {
            opacity: 1;
            transform: translateY(0);
        }
body.page-licenses .service-detail-card {
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease;
        }
body.page-licenses .service-detail-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--primary), var(--accent));
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.4s ease;
        }
body.page-licenses .service-detail-card:hover::before {
            transform: scaleX(1);
        }
body.page-licenses .service-detail-card:hover {
            transform: translateY(-4px);
        }
body.page-licenses .check-list li {
            position: relative;
            padding-left: 1.5rem;
        }
body.page-licenses .check-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--primary);
            font-weight: bold;
        }
body.page-licenses .feature-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1rem;
            background: rgba(0, 212, 255, 0.1);
            border: 1px solid rgba(0, 212, 255, 0.2);
            border-radius: 100px;
            font-size: 0.75rem;
            font-weight: 500;
            color: #0891b2;
        }
body.page-licenses .step-line {
            position: relative;
        }
body.page-licenses .step-line::before {
            content: '';
            position: absolute;
            left: 1.25rem;
            top: 3rem;
            bottom: 0;
            width: 2px;
            background: linear-gradient(to bottom, var(--primary), transparent);
        }
body.page-licenses ::-webkit-scrollbar {
            width: 8px;
        }
body.page-licenses ::-webkit-scrollbar-track {
            background: var(--bg-elevated);
        }
body.page-licenses ::-webkit-scrollbar-thumb {
            background: var(--bg-surface);
            border-radius: 4px;
        }
body.page-licenses ::-webkit-scrollbar-thumb:hover {
            background: var(--primary);
        }
body.page-licenses .service-icon-large {
            width: 80px;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 20px;
            font-size: 2rem;
            transition: all 0.3s ease;
        }
body.page-licenses .service-detail-card:hover .service-icon-large {
            transform: scale(1.1);
        }
body.page-licenses ::selection {
            background: var(--primary);
            color: white;
        }
body.page-licenses .section-tag {
            display: inline-block;
            padding: 6px 14px;
            background: rgba(var(--primary-rgb), 0.1);
            border-radius: 100px;
            font-size: 0.75rem;
            font-weight: 600;
            color: var(--primary);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: var(--space-sm);
        }
/* Header */
body.page-licenses header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            padding: var(--space-sm) 0;
            background: rgba(255, 255, 255, 0.98);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
        }
body.page-licenses header .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
body.page-licenses .logo {
            display: flex;
            align-items: center;
            flex-shrink: 0;
        }
body.page-licenses .logo img {
            height: 56px;
            width: auto;
            object-fit: contain;
        }
body.page-licenses nav {
            display: flex;
            align-items: center;
            gap: var(--space-md);
            flex-shrink: 0;
        }
body.page-licenses .menu-toggle {
            display: none;
        }
/* Mobile Menu Toggle */
body.page-licenses .menu-toggle {
            display: none;
        }
@media (max-width: 768px) {
body.page-licenses .menu-toggle {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 44px;
                height: 44px;
                background: transparent;
                border: none;
                cursor: pointer;
                font-size: 1.5rem;
                color: var(--text-primary);
            }
body.page-licenses .desktop-nav {
                display: none;
            }
body.page-licenses .header-actions .btn-primary {
                display: none;
            }
}
/* Sidebar */
body.page-licenses .sidebar-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 999;
            display: none;
        }
body.page-licenses .sidebar-overlay.active {
            display: block;
        }
body.page-licenses .sidebar {
            position: fixed;
            top: 0;
            right: 0;
            width: 300px;
            height: 100%;
            background: white;
            z-index: 9999;
            transition: transform 0.3s ease;
            transform: translateX(100%);
            display: flex;
            flex-direction: column;
            box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
        }
body.page-licenses .sidebar.active {
            transform: translateX(0);
        }
body.page-licenses .sidebar-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }
body.page-licenses .sidebar-header img {
            height: 56px;
        }
body.page-licenses .sidebar-close {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: transparent;
            border: none;
            cursor: pointer;
            font-size: 1.5rem;
            color: var(--text-primary);
        }
body.page-licenses .sidebar-nav {
            flex: 1;
            overflow-y: auto;
            padding: 1rem;
        }
body.page-licenses .sidebar-nav a {
            display: block;
            padding: 12px;
            color: var(--text-primary);
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.2s;
        }
body.page-licenses .sidebar-nav a:hover {
            color: var(--primary);
        }
body.page-licenses .sidebar-footer {
            padding: 1rem;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
        }
body.page-licenses .sidebar-footer .btn {
            width: 100%;
            justify-content: center;
        }
/* Desktop Nav Links */
body.page-licenses nav a {
            font-size: 0.9rem;
            font-weight: 500;
            color: #1e293b;
            transition: color 0.2s;
            position: relative;
        }
body.page-licenses nav a:hover {
            color: var(--primary);
        }
body.page-licenses nav a::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--primary);
            transition: width 0.3s ease;
        }
body.page-licenses nav a:hover::after {
            width: 100%;
        }
/* Header Actions & Buttons */
body.page-licenses .header-actions {
            display: flex;
            align-items: center;
            gap: var(--space-sm);
            flex-shrink: 0;
        }
body.page-licenses .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 24px;
            font-family: 'Space Grotesk', sans-serif;
            font-size: 0.9rem;
            font-weight: 600;
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.2s;
            border: none;
        }
body.page-licenses .btn-primary {
            background: var(--primary);
            color: var(--bg-base);
        }
body.page-licenses .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(var(--primary-rgb), 0.3);
        }
body.page-licenses .btn-whatsapp {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 12px 24px;
            font-family: 'Space Grotesk', sans-serif;
            font-size: 0.9rem;
            font-weight: 600;
            border-radius: var(--radius-sm);
            cursor: pointer;
            transition: all 0.2s;
            border: 2px solid #25D366;
            background: transparent;
            color: #25D366;
            margin-left: 12px;
        }
body.page-licenses .btn-whatsapp:hover {
            background: #25D366;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(37, 211, 102, 0.3);
        }
body.page-licenses .btn-outline {
            background: transparent;
            border: 1px solid var(--border-active);
            color: var(--primary);
        }
body.page-licenses .btn-outline:hover {
            background: var(--primary);
            color: var(--bg-base);
        }
body.page-licenses .glow-button {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
body.page-licenses .glow-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transition: left 0.5s ease;
        }
body.page-licenses .glow-button:hover::before {
            left: 100%;
        }
body.page-licenses .glow-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 40px rgba(58, 178, 237, 0.4);
        }
body.page-licenses .faq-item {
            transition: all 0.3s ease;
        }
body.page-licenses .faq-item:hover {
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
        }
body.page-licenses .rotate-180 {
            transform: rotate(180deg);
        }
body.page-licenses .license-card {
            transition: all 0.3s ease;
        }
body.page-licenses .license-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
        }
body.page-licenses .brand-logo {
            filter: grayscale(100%);
            opacity: 0.6;
            transition: all 0.3s ease;
        }
body.page-licenses .brand-logo:hover {
            filter: grayscale(0%);
            opacity: 1;
        }
/* Footer */
body.page-licenses footer {
            background: var(--primary);
            border-top: 1px solid rgba(255, 255, 255, 0.3);
            padding: var(--space-lg) 0 var(--space-md);
            color: #FFFFFF;
            min-height: 430px;
        }
body.page-licenses .footer-grid {
            display: grid;
            grid-template-columns: 2fr 1fr 1fr 1fr;
            gap: var(--space-lg);
            margin-bottom: var(--space-md);
        }
body.page-licenses .footer-brand .logo {
            margin-bottom: var(--space-sm);
        }
body.page-licenses .footer-brand .logo img {
            height: 64px;
        }
body.page-licenses .footer-brand p {
            color: #FFFFFF;
            font-size: 0.9rem;
            max-width: 280px;
        }
body.page-licenses .footer-col h4 {
            font-size: 0.9rem;
            margin-bottom: var(--space-sm);
            color: #FFFFFF;
        }
body.page-licenses .footer-col ul {
            display: flex;
            flex-direction: column;
            gap: 8px;
            list-style: none;
        }
body.page-licenses .footer-col a {
            color: #FFFFFF;
            font-size: 0.85rem;
            transition: color 0.2s;
        }
body.page-licenses .footer-col a:hover {
            color: #FFFFFF;
        }
body.page-licenses .footer-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-top: var(--space-md);
            border-top: 1px solid rgba(255, 255, 255, 0.25);
        }
body.page-licenses .footer-bottom p {
            font-size: 0.85rem;
            color: rgba(255, 255, 255, 0.85);
        }
body.page-licenses .social-links {
            display: flex;
            gap: var(--space-xs);
        }
body.page-licenses .social-links a {
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.15);
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #FFFFFF;
            transition: all 0.2s;
        }
body.page-licenses .social-links a:hover {
            background: #FFFFFF;
            border-color: #FFFFFF;
            color: var(--primary);
        }
/* Contact Section */
body.page-licenses .contact {
            position: relative;
            padding: var(--space-lg) 0;
        }
body.page-licenses .contact::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 50%;
            background: linear-gradient(180deg, transparent 0%, var(--bg-elevated) 100%);
            pointer-events: none;
        }
body.page-licenses .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: var(--space-lg);
            position: relative;
            z-index: 1;
        }
body.page-licenses .contact-info h2 {
            font-size: 2.75rem;
            font-weight: 700;
            margin-bottom: var(--space-sm);
            letter-spacing: 0;
        }
body.page-licenses .contact-info > p {
            color: var(--text-secondary);
            font-size: 1.1rem;
            margin-bottom: var(--space-md);
        }
body.page-licenses .contact-details {
            display: flex;
            flex-direction: column;
            gap: var(--space-sm);
            margin-bottom: var(--space-md);
        }
body.page-licenses .contact-item {
            display: flex;
            align-items: center;
            gap: var(--space-sm);
        }
body.page-licenses .contact-item-icon {
            width: 48px;
            height: 48px;
            background: rgba(var(--primary-rgb), 0.1);
            border-radius: var(--radius-md);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary);
        }
body.page-licenses .contact-item-text h4 {
            font-size: 0.9rem;
            margin-bottom: 2px;
        }
body.page-licenses .contact-item-text p {
            font-size: 0.85rem;
            color: var(--text-secondary);
        }
body.page-licenses .contact-social {
            display: flex;
            gap: var(--space-xs);
        }
body.page-licenses .contact-social a {
            width: 44px;
            height: 44px;
            background: var(--bg-elevated);
            border: 1px solid var(--border-subtle);
            border-radius: var(--radius-md);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--text-secondary);
            transition: all 0.2s;
        }
body.page-licenses .contact-social a:hover {
            background: var(--primary);
            border-color: var(--primary);
            color: var(--bg-base);
        }
body.page-licenses .contact-form-wrapper {
            background: var(--bg-elevated);
            border: 1px solid var(--border-subtle);
            border-radius: var(--radius-lg);
            padding: var(--space-md);
        }
body.page-licenses .contact-form-wrapper h3 {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 4px;
        }
body.page-licenses .contact-form-wrapper > p {
            color: var(--text-secondary);
            font-size: 0.9rem;
            margin-bottom: var(--space-sm);
        }
body.page-licenses .contact-form {
            display: flex;
            flex-direction: column;
            gap: var(--space-sm);
        }
body.page-licenses .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--space-sm);
        }
body.page-licenses .form-group {
            display: flex;
            flex-direction: column;
            gap: 6px;
        }
body.page-licenses .form-group label {
            font-size: 0.85rem;
            font-weight: 500;
        }
body.page-licenses .form-group label span {
            color: var(--secondary);
        }
body.page-licenses .form-control {
            width: 100%;
            padding: 14px 16px;
            background: var(--bg-base);
            border: 1px solid var(--border-subtle);
            border-radius: var(--radius-sm);
            color: var(--text-primary);
            font-family: inherit;
            font-size: 0.95rem;
            transition: all 0.2s;
        }
body.page-licenses .form-control::placeholder {
            color: var(--text-muted);
        }
body.page-licenses .form-control:focus {
            outline: none;
            border-color: var(--primary);
            box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.1);
        }
body.page-licenses textarea.form-control {
            min-height: 100px;
            resize: vertical;
        }
body.page-licenses .form-select {
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
            padding-right: 40px;
            cursor: pointer;
        }
body.page-licenses .form-submit {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            padding: 16px;
            background: var(--primary);
            border: none;
            border-radius: var(--radius-sm);
            color: var(--bg-base);
            font-family: 'Space Grotesk', sans-serif;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s;
        }
body.page-licenses .form-submit:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(var(--primary-rgb), 0.3);
        }
body.page-licenses .form-privacy {
            font-size: 0.75rem;
            color: var(--text-muted);
            text-align: center;
        }
body.page-licenses .form-privacy a {
            color: var(--primary);
            text-decoration: underline;
        }
@media (max-width: 1024px) {
body.page-licenses .contact-grid {
                grid-template-columns: 1fr;
            }
}
@media (max-width: 768px) {
body.page-licenses .form-row {
                grid-template-columns: 1fr;
            }
}
@media (max-width: 1024px) {
body.page-licenses .footer-grid {
                grid-template-columns: 1fr 1fr;
            }
}
@media (max-width: 768px) {
body.page-licenses .footer-grid {
                grid-template-columns: 1fr;
                gap: var(--space-md);
                text-align: center;
            }
body.page-licenses .footer-brand {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
body.page-licenses .footer-brand .logo {
                justify-content: center;
            }
body.page-licenses .footer-brand p {
                margin-left: auto;
                margin-right: auto;
            }
body.page-licenses .footer-col {
                text-align: center;
            }
body.page-licenses .footer-col ul {
                align-items: center;
            }
body.page-licenses .footer-bottom {
                flex-direction: column;
                gap: var(--space-sm);
                text-align: center;
                align-items: center;
            }
body.page-licenses .social-links {
                justify-content: center;
            }
}
/* Premium motion layer */
body.page-licenses {
            background:
                radial-gradient(ellipse 70% 50% at 84% 4%, rgba(var(--primary-rgb), 0.1), transparent 58%),
                linear-gradient(180deg, #ffffff 0%, var(--bg-base) 42%, #eef8ff 100%);
        }
body.page-licenses h1, body.page-licenses h2, body.page-licenses h3, body.page-licenses h4, body.page-licenses h5, body.page-licenses h6 {
            letter-spacing: 0;
        }
body.page-licenses .hero-title, body.page-licenses .section-title {
            font-size: 2.75rem;
            letter-spacing: 0;
        }
body.page-licenses .light-card, body.page-licenses .service-detail-card, body.page-licenses .product-card, body.page-licenses .brand-card, body.page-licenses .contact-form-wrapper {
            position: relative;
            overflow: hidden;
            border-color: rgba(var(--primary-rgb), 0.14);
            box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
        }
body.page-licenses .light-card::after, body.page-licenses .service-detail-card::after, body.page-licenses .product-card::after, body.page-licenses .brand-card::after {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.16), transparent 34%, rgba(139, 92, 246, 0.08));
            opacity: 0;
            transition: opacity 0.28s ease;
        }
body.page-licenses .light-card:hover::after, body.page-licenses .service-detail-card:hover::after, body.page-licenses .product-card:hover::after, body.page-licenses .brand-card:hover::after {
            opacity: 1;
        }
body.page-licenses .light-card:hover, body.page-licenses .product-card:hover, body.page-licenses .brand-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
        }
body.page-licenses .btn-primary, body.page-licenses .form-submit {
            position: relative;
            isolation: isolate;
            overflow: hidden;
            background: linear-gradient(135deg, var(--primary), #62d6ff 58%, var(--accent));
            color: #ffffff;
            box-shadow: 0 12px 30px rgba(var(--primary-rgb), 0.26);
        }
body.page-licenses .btn-primary::after, body.page-licenses .form-submit::after {
            content: '';
            position: absolute;
            inset: 0;
            z-index: -1;
            background: linear-gradient(100deg, transparent 8%, rgba(255, 255, 255, 0.32) 42%, transparent 68%);
            transform: translateX(-120%);
            transition: transform 0.52s ease;
        }
body.page-licenses .btn-primary:hover::after, body.page-licenses .form-submit:hover::after {
            transform: translateX(120%);
        }
@media (prefers-reduced-motion: reduce) {
body.page-licenses *, body.page-licenses *::before, body.page-licenses *::after {
                scroll-behavior: auto !important;
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
}
@media (max-width: 768px) {
body.page-licenses .hero-title, body.page-licenses .section-title {
                font-size: 2.2rem;
            }
}

/* ============ COMPARTILHADO: inner-pages ============ */
:root {
    --inner-ink: #07101e;
    --inner-navy: #0a2137;
    --inner-blue: #158bd3;
    --inner-cyan: #39b5ef;
    --inner-line: rgba(21, 139, 211, 0.13);
    --inner-muted: #597087;
    --inner-grid: rgba(21, 139, 211, 0.04);

    /* Ponte com os tokens da Home (mesmos valores de body.page-home), para que
       páginas internas que referenciem essas variáveis herdem os mesmos valores. */
    --primary: #158bd3;
    --primary-deep: #0f6ea8;
    --primary-bright: #39b5ef;
    --primary-soft: #e8f5ff;
    --primary-glow: rgba(21, 139, 211, 0.12);
    --ink: #08111f;
    --ink-2: #0d1b2f;
    --text: #1a2d42;
    --muted: #64748b;
    --subtle: #94a3b8;
    --white: #ffffff;
    --off-white: #f8fafc;
    --surface: #f1f7fc;
    --line: rgba(15, 23, 42, 0.07);
    --line-md: rgba(15, 23, 42, 0.11);
    --success: #22c76f;
    --shadow-xs: 0 1px 3px rgba(15, 23, 42, 0.05);
    --shadow-sm: 0 2px 10px rgba(15, 23, 42, 0.07);
    --shadow-md: 0 8px 32px rgba(15, 23, 42, 0.09);
    --shadow-lg: 0 20px 56px rgba(15, 23, 42, 0.11);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 30px;
}

html { overflow-x: hidden; }

/* Unifica eyebrows/pills/tags soltos em cyan/blue/green/violet/orange/red/teal/
   indigo/purple para a paleta azul única da Home (var(--primary) / var(--primary-soft)),
   nas 3 páginas internas que usam classes utilitárias estilo Tailwind. */
body.page-services :is(.bg-cyan-50, .bg-blue-50, .bg-green-50, .bg-violet-50, .bg-orange-50, .bg-red-50, .bg-teal-50, .bg-indigo-50, .bg-purple-50),
body.page-products :is(.bg-cyan-50, .bg-blue-50, .bg-green-50, .bg-violet-50, .bg-orange-50, .bg-red-50, .bg-teal-50, .bg-indigo-50, .bg-purple-50),
body.page-licenses :is(.bg-cyan-50, .bg-blue-50, .bg-green-50, .bg-violet-50, .bg-orange-50, .bg-red-50, .bg-teal-50, .bg-indigo-50, .bg-purple-50) {
    background-color: var(--primary-soft) !important;
}
body.page-services :is(.text-cyan-600, .text-cyan-700, .text-blue-600, .text-green-600, .text-violet-600, .text-primary, .text-orange-500, .text-orange-600, .text-orange-700, .text-red-400, .text-red-600, .text-red-700, .text-teal-500, .text-teal-600, .text-teal-700, .text-indigo-500, .text-indigo-600, .text-indigo-700, .text-purple-600),
body.page-products :is(.text-cyan-600, .text-cyan-700, .text-blue-600, .text-blue-700, .text-green-600, .text-green-700, .text-violet-600, .text-violet-700, .text-primary, .text-orange-500, .text-orange-600, .text-orange-700, .text-red-400, .text-red-600, .text-red-700, .text-teal-500, .text-teal-600, .text-teal-700, .text-indigo-500, .text-indigo-600, .text-indigo-700, .text-purple-600),
body.page-licenses :is(.text-cyan-600, .text-cyan-700, .text-blue-600, .text-blue-700, .text-green-600, .text-green-700, .text-violet-600, .text-violet-700, .text-primary, .text-orange-500, .text-orange-600, .text-orange-700, .text-red-400, .text-red-600, .text-red-700, .text-teal-500, .text-teal-600, .text-teal-700, .text-indigo-500, .text-indigo-600, .text-indigo-700, .text-purple-600) {
    color: var(--primary) !important;
}
body.page-services :is(.border-cyan-100, .border-cyan-400, .border-blue-400, .border-violet-100, .border-violet-400, .border-green-400, .border-orange-100, .border-orange-400, .border-red-400, .border-teal-100, .border-teal-400, .border-indigo-400),
body.page-products :is(.border-cyan-100, .border-cyan-400, .border-blue-400, .border-violet-100, .border-violet-400, .border-green-400, .border-orange-100, .border-orange-400, .border-red-400, .border-teal-100, .border-teal-400, .border-indigo-400),
body.page-licenses :is(.border-cyan-100, .border-cyan-400, .border-blue-400, .border-violet-100, .border-violet-400, .border-green-400, .border-orange-100, .border-orange-400, .border-red-400, .border-teal-100, .border-teal-400, .border-indigo-400) {
    border-color: rgba(21, 139, 211, 0.22) !important;
}

body.inner-page {
    overflow-x: hidden;
    color: var(--inner-ink);
    background:
        linear-gradient(var(--inner-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--inner-grid) 1px, transparent 1px),
        radial-gradient(ellipse 42% 18% at 94% 14%, rgba(57,181,239,.12), transparent 72%),
        linear-gradient(180deg, #f8fbfe 0%, #fff 34%, #f5faff 72%, #fff 100%);
    background-size: 40px 40px, 40px 40px, auto, auto;
}

body.inner-page header {
    border-bottom: 1px solid rgba(21,139,211,.1);
    background: rgba(255,255,255,.86) !important;
    box-shadow: 0 12px 38px rgba(20,50,75,.06);
    backdrop-filter: blur(18px);
}

body.inner-page .inner-hero {
    position: relative;
    min-height: 720px;
    display: flex;
    align-items: center;
    padding: 150px 0 100px !important;
    overflow: hidden;
    background: transparent !important;
}

body.inner-page .inner-hero::before {
    position: absolute;
    inset: 90px max(24px, calc((100vw - 1280px)/2)) 50px 52%;
    content: "";
    border-radius: 30px;
    background:
        linear-gradient(90deg, rgba(7,16,30,.05), transparent 28%),
        var(--hero-image) center / cover no-repeat,
        linear-gradient(145deg, #eef8ff, #fff);
    box-shadow: 0 32px 90px rgba(20,50,75,.14);
    animation: inner-hero-media 1s cubic-bezier(.22,1,.36,1) both;
}

body.page-services { --hero-image: url('../images/placeholders/servicos-cloud-security.webp'); }
body.page-products { --hero-image: url('../images/produtos/jabra-headset-poster.webp'); }
body.page-licenses { --hero-image: url('../images/placeholders/licenciamento-corporativo.webp'); }
body.page-about { --hero-image: url('../images/placeholders/contato-suporte.webp'); }
body.page-contact { --hero-image: url('../images/placeholders/contato-suporte.webp'); }

body.page-about .inner-hero::before { display: none; }

body.page-about .inner-hero .hero-grid {
    display: grid;
    grid-template-columns: minmax(0, .86fr) minmax(460px, 1.14fr);
    gap: 72px;
    align-items: center;
}

body.page-about .inner-hero .hero-content {
    width: auto;
    max-width: 610px;
}

body.page-about .hero-video-wrapper {
    padding: 16px;
    border: 1px solid var(--inner-line);
    border-radius: 28px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 28px 80px rgba(20,50,75,.13);
    backdrop-filter: blur(16px);
}

body.page-about .hero-video,
body.page-about .video-player,
body.page-about .video-thumbnail { border-radius: 20px; }

body.page-about .hero-stats {
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(57,181,239,.12);
    background: radial-gradient(circle at 88% 50%, rgba(57,181,239,.14), transparent 32%), linear-gradient(145deg, #07101e, #0b243b);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 20px 44px rgba(8,17,31,.22);
}

body.page-about .hero-stat { padding: 16px 10px !important; }
body.page-about .hero-stat-number {
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(1.4rem, 4vw, 1.7rem);
    font-weight: 700;
    letter-spacing: -.03em;
}
body.page-about .hero-stat-divider {
    width: 24px; height: 2px; margin: 6px auto 0;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, #39b5ef, transparent);
}
body.page-about .hero-stat-label {
    margin-top: 6px;
    color: rgba(255,255,255,.64);
    font-size: .56rem;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: .05em;
    text-transform: uppercase;
}

body.inner-page .inner-hero > [class*="absolute"] { display: none; }

body.inner-page .inner-hero .container { width: min(100% - 64px, 1180px); }

body.inner-page .inner-hero .text-center,
body.inner-page .inner-hero .hero-content {
    width: 44%;
    max-width: 590px;
    margin: 0 !important;
    text-align: left !important;
}

body.inner-page .inner-hero h1,
body.inner-page .hero-section h1 {
    max-width: 650px;
    margin-bottom: 24px !important;
    color: var(--inner-ink) !important;
    font-family: 'Space Grotesk', sans-serif;
    font-size: var(--type-hero) !important;
    font-weight: 700;
    line-height: .93 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

body.inner-page .gradient-text,
body.inner-page .highlight {
    color: var(--inner-ink) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.inner-page .inner-hero p,
body.inner-page .hero-section .hero-tagline,
body.inner-page .hero-section .hero-description {
    max-width: 560px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    color: var(--inner-muted) !important;
    font-size: 1.05rem !important;
    line-height: 1.72 !important;
}

body.inner-page .inner-hero .inline-flex,
body.inner-page .hero-tag {
    border: 1px solid rgba(21,139,211,.18) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.76) !important;
    color: var(--inner-blue) !important;
    box-shadow: 0 10px 28px rgba(21,139,211,.08);
    backdrop-filter: blur(14px);
}

body.inner-page .feature-badge {
    border-color: var(--inner-line) !important;
    background: rgba(255,255,255,.8) !important;
    color: #28435d !important;
    box-shadow: 0 10px 26px rgba(20,50,75,.06);
}

body.inner-page .inner-anchor-nav {
    position: sticky;
    top: 72px;
    z-index: 30;
    padding: 10px 0 !important;
    border: 0 !important;
    background: rgba(255,255,255,.78) !important;
    box-shadow: 0 12px 36px rgba(20,50,75,.06) !important;
    backdrop-filter: blur(18px);
}

body.inner-page .inner-anchor-nav a {
    border-radius: 999px !important;
    color: #496078 !important;
}

body.inner-page .inner-anchor-nav a:hover,
body.inner-page .inner-anchor-nav a.is-active {
    background: var(--inner-ink) !important;
    color: #fff !important;
}

body.inner-page .content-section {
    position: relative;
    padding-top: 112px !important;
    padding-bottom: 112px !important;
    background: transparent !important;
}

body.inner-page .content-section:nth-of-type(even)::before {
    position: absolute;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, rgba(232,246,255,.6), rgba(255,255,255,.2), rgba(240,235,255,.34));
    pointer-events: none;
}

body.inner-page .content-section > .container { position: relative; z-index: 1; }

body.inner-page .content-section h2,
body.inner-page .section-title,
body.inner-page .contact h2,
body.inner-page .cta-section h2 {
    color: var(--inner-ink) !important;
    font-family: 'Space Grotesk', sans-serif;
    font-size: var(--type-section) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

body.inner-page .content-section > .container > .text-center {
    max-width: 900px;
    margin-right: auto;
    margin-left: 0;
    text-align: left;
}

body.inner-page .content-section > .container > .text-center p {
    max-width: 720px;
    margin-left: 0 !important;
    color: var(--inner-muted) !important;
}

body.inner-page .license-card,
body.inner-page .light-card,
body.inner-page .solution-card,
body.inner-page .mission-card,
body.inner-page .certification-card,
body.inner-page .faq-item {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--inner-line) !important;
    border-radius: 20px !important;
    background:
        radial-gradient(circle at 94% 4%, rgba(21,139,211,.1), transparent 28%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,248,253,.94)) !important;
    box-shadow: 0 16px 46px rgba(20,50,75,.08) !important;
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s cubic-bezier(.22,1,.36,1) !important;
}

body.inner-page .license-card::after,
body.inner-page .mission-card::after,
body.inner-page .certification-card::after {
    position: absolute;
    top: -58px;
    right: -50px;
    width: 150px;
    height: 150px;
    content: "";
    border: 1px solid rgba(21,139,211,.1);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.65), rgba(57,181,239,.08) 48%, transparent 70%);
    pointer-events: none;
}

body.inner-page .license-card:hover,
body.inner-page .mission-card:hover,
body.inner-page .certification-card:hover {
    border-color: rgba(21,139,211,.28) !important;
    box-shadow: 0 26px 66px rgba(20,50,75,.13) !important;
}

body.inner-page .content-section .grid > .license-card:nth-child(4n + 1),
body.inner-page .mission-card:nth-child(4n + 1) {
    border-color: rgba(57,181,239,.17) !important;
    background:
        radial-gradient(circle at 90% 8%, rgba(21,139,211,.2), transparent 30%),
        linear-gradient(145deg, #07101e, #0b243b) !important;
    color: #fff;
}

body.inner-page .content-section .grid > .license-card:nth-child(4n + 1) :is(h3,h4),
body.inner-page .mission-card:nth-child(4n + 1) :is(h3,h4) { color: #fff !important; }

body.inner-page .content-section .grid > .license-card:nth-child(4n + 1) p,
body.inner-page .mission-card:nth-child(4n + 1) p { color: rgba(255,255,255,.68) !important; }

body.inner-page .service-icon-large,
body.inner-page [class*="icon-wrapper"] {
    border: 1px solid rgba(21,139,211,.14);
    border-radius: 13px !important;
    background: rgba(232,247,255,.78) !important;
    color: var(--inner-blue) !important;
    box-shadow: 0 10px 26px rgba(21,139,211,.08);
}

body.inner-page .contact,
body.inner-page .cta-section {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(rgba(57,181,239,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57,181,239,.045) 1px, transparent 1px),
        radial-gradient(ellipse 62% 54% at 0% 28%, rgba(57,181,239,.18), transparent 58%),
        linear-gradient(145deg, #050c17, #0a2137) !important;
    background-size: 44px 44px, 44px 44px, auto, auto !important;
}

body.inner-page .contact h2,
body.inner-page .cta-section h2 { color: #fff !important; }

body.inner-page .contact-info > p,
body.inner-page .cta-section p { color: rgba(255,255,255,.68) !important; }

body.inner-page .contact-item {
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.07) !important;
    backdrop-filter: blur(12px);
}

body.inner-page .contact-form-wrapper {
    border-radius: 24px !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 32px 90px rgba(0,0,0,.26) !important;
}

/* Canonical contact and footer shared by every internal page */
body.inner-page .contact {
    padding: 110px 0;
    border-top: 0;
}

body.inner-page .contact::before { display: none !important; }

body.inner-page .contact .container {
    width: min(100% - 48px, 1280px);
    margin-inline: auto;
}

body.inner-page .contact-grid {
    width: min(100%, 1120px);
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(460px, 1fr);
    align-items: center;
    gap: 64px;
    margin-inline: auto;
}

body.inner-page .contact-info { max-width: 520px; }

body.inner-page .contact .section-tag {
    display: inline-flex;
    margin-bottom: 20px;
    padding: 7px 13px;
    border: 1px solid rgba(57,181,239,.22);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: #39b5ef;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

body.inner-page .contact-info h2 {
    margin: 0 0 20px;
    font-size: var(--type-section) !important;
}

body.inner-page .contact-info > p {
    margin-bottom: 30px;
    font-size: 1rem;
    line-height: 1.7;
}

/* Contact animation — shared across all pages */
body.inner-page .home-contact-animation {
    position: relative !important;
    overflow: hidden !important;
    min-height: 200px !important;
    margin: 0 0 22px !important;
    border-radius: 22px !important;
    background: linear-gradient(155deg, #091c2e 0%, #0c2640 60%, #091c2e 100%) !important;
    border: 1px solid rgba(57,181,239,.12) !important;
    padding: 0 !important;
}
body.inner-page .ctc-svg {
    width: 100%; height: auto; display: block;
}
@media (prefers-reduced-motion: reduce) {
    body.inner-page .ctc-signals { display: none; }
}

body.inner-page .contact-details {
    display: grid;
    gap: 12px;
    margin-bottom: 28px;
}

body.inner-page .contact-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 15px 16px;
}

body.inner-page .contact-item-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(57,181,239,.13);
    color: #39b5ef;
}

body.inner-page .contact-item h3 {
    margin: 0 0 3px;
    color: #fff;
    font-size: 1.14rem;
}

body.inner-page .contact-item p {
    margin: 0;
    color: rgba(255,255,255,.64);
    font-size: .88rem;
}

body.inner-page .contact-social,
body.inner-page .social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.inner-page .contact-social a,
body.inner-page .social-links a {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.8);
    transition: .2s ease;
}

body.inner-page .contact-social a:hover,
body.inner-page .social-links a:hover {
    transform: translateY(-2px);
    border-color: transparent;
    background: var(--inner-blue);
    color: #fff;
}

body.inner-page .contact-form-wrapper {
    width: 100%;
    max-width: 580px;
    padding: 38px;
    overflow: hidden;
    justify-self: center;
}

body.inner-page .contact-form-wrapper::before {
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    content: "";
    background: var(--inner-blue);
}

body.inner-page .form-head { margin-bottom: 26px; }
body.inner-page .form-head > span {
    display: inline-flex;
    margin-bottom: 16px;
    padding: 7px 12px;
    border: 1px solid rgba(21,139,211,.15);
    border-radius: 999px;
    background: #eef8ff;
    color: var(--inner-blue);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}
body.inner-page .form-head h3 { margin: 0 0 8px; color: var(--inner-ink); font-size: 1.14rem; }
body.inner-page .form-head p { margin: 0; color: var(--inner-muted); }
body.inner-page .contact-form { display: grid; gap: 17px; }
body.inner-page .form-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
body.inner-page .form-group { display: grid; gap: 7px; }
body.inner-page .form-group label { color: #1e3450; font-size: .84rem; font-weight: 700; }
body.inner-page .form-group label span { color: #e05442; }
body.inner-page .form-control {
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    border: 1px solid rgba(15,23,42,.11);
    border-radius: 12px;
    background: #f7fafc;
    color: var(--inner-ink);
    outline: 0;
}
body.inner-page .form-control:focus {
    border-color: var(--inner-blue);
    box-shadow: 0 0 0 4px rgba(21,139,211,.1);
}
body.inner-page textarea.form-control { min-height: 118px; resize: vertical; }
body.inner-page .form-turnstile { display: flex; justify-content: center; }
body.inner-page .form-submit {
    min-height: 50px;
    border: 0;
    border-radius: 11px;
    background: var(--inner-blue);
    color: #fff;
    font-weight: 800;
    box-shadow: 0 14px 30px rgba(21,139,211,.2);
}
body.inner-page .form-privacy { margin: 0; color: var(--inner-muted); font-size: .72rem; text-align: center; }
body.inner-page .form-privacy a { color: var(--inner-blue); text-decoration: underline; }

body.inner-page footer {
    padding: 76px 0 28px;
    border-top: 1px solid rgba(255,255,255,.08);
    background: #050c17;
    color: rgba(255,255,255,.68);
}

body.inner-page footer .container { width: min(100% - 64px, 1180px); margin-inline: auto; }
body.inner-page .footer-grid {
    display: grid;
    grid-template-columns: 1.7fr repeat(3, 1fr);
    gap: 54px;
    padding-bottom: 52px;
}
body.inner-page .footer-brand .logo { display: inline-flex; margin-bottom: 18px; }
body.inner-page .footer-brand .logo img { width: 170px; height: auto; object-fit: contain; }
body.inner-page .footer-brand p { max-width: 390px; line-height: 1.65; }
body.inner-page .footer-col h3 { margin: 0 0 18px; color: #fff; font-size: 1.14rem; }
body.inner-page .footer-col ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
body.inner-page .footer-col a { color: rgba(255,255,255,.62); font-size: .86rem; }
body.inner-page .footer-col a:hover { color: #39b5ef; }
body.inner-page .footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 26px;
    border-top: 1px solid rgba(255,255,255,.1);
}
body.inner-page .footer-bottom p { margin: 0; font-size: .76rem; line-height: 1.6; }

@media (max-width: 980px) {
    body.inner-page .contact-grid { grid-template-columns: 1fr; width: min(100%,760px); }
    body.inner-page .contact-info { max-width: 680px; }
    body.inner-page .footer-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 640px) {
    body.inner-page .contact { padding: 78px 0; }
    body.inner-page .contact .container,
    body.inner-page footer .container { width: min(100% - 32px,1180px); }
    body.inner-page .contact-grid { gap: 42px; }
    body.inner-page .contact-form-wrapper { padding: 26px 20px; }
    body.inner-page .form-row { grid-template-columns: 1fr; }
    body.inner-page .footer-grid { grid-template-columns: 1fr; gap: 32px; }
    body.inner-page .footer-bottom { align-items: flex-start; flex-direction: column; }
}

body.inner-page .inner-motion {
    --rx: 0deg;
    --ry: 0deg;
    transform-style: preserve-3d;
    will-change: transform;
}

body.inner-page .inner-motion:hover {
    transform: translateY(-4px) !important;
}

/* Services page: editorial, technical and aligned with the home */
body.page-services { counter-reset: service-section; }

body.page-services .inner-hero::after {
    position: absolute;
    top: 22%;
    right: 10%;
    z-index: 1;
    width: 220px;
    height: 220px;
    content: "";
    border: 1px solid rgba(21,139,211,.18);
    border-radius: 50%;
    box-shadow: 0 0 0 48px rgba(21,139,211,.055), 0 0 0 96px rgba(21,139,211,.03);
    pointer-events: none;
    animation: services-orbit 12s ease-in-out infinite;
}

/* Services hero: integrated premium composition */
body.page-services .inner-hero {
    min-height: auto;
    padding: 118px 0 54px !important;
    background:
        radial-gradient(ellipse 36% 32% at 88% 10%,rgba(57,181,239,.13),transparent 72%),
        transparent !important;
}

body.page-services .inner-hero::before,
body.page-services .inner-hero::after { display:none !important; }

body.page-services .inner-hero .container { width:min(100% - 64px,1180px); }

.services-hero-shell {
    position: relative;
    display: grid;
    grid-template-columns: minmax(340px,.82fr) minmax(0,1.18fr);
    gap: 44px;
    overflow: hidden;
    padding: 48px 48px 0;
    border: 1px solid rgba(21,139,211,.13);
    border-radius: 32px;
    background:
        radial-gradient(circle at 82% 8%,rgba(57,181,239,.13),transparent 29%),
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,247,252,.96));
    box-shadow: 0 30px 90px rgba(20,50,75,.11);
}

.services-hero-copy {
    align-self: center;
    padding: 8px 0 44px;
}

.services-hero-tag {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 24px;
    padding: 8px 13px;
    border: 1px solid rgba(21,139,211,.18);
    border-radius: 999px;
    background: rgba(255,255,255,.8);
    color: var(--inner-blue);
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    box-shadow: 0 10px 28px rgba(21,139,211,.07);
}

body.page-services .services-hero-copy h1 {
    max-width: 590px;
    margin: 0 0 24px !important;
    color: var(--inner-ink) !important;
    font-family: 'Space Grotesk',sans-serif;
    font-size: var(--type-hero) !important;
    line-height: .94 !important;
    letter-spacing: 0 !important;
}

body.page-services .services-hero-copy h1 span { color: var(--inner-ink); }

body.page-services .services-hero-copy > p {
    max-width: 560px !important;
    margin: 0 0 30px !important;
    color: var(--inner-muted) !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
}

.services-hero-actions {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
}

.services-hero-primary {
    min-height:50px;
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:0 22px;
    border-radius:999px;
    background:var(--inner-ink);
    color:#fff;
    font-size:.86rem;
    font-weight:800;
    box-shadow:0 14px 30px rgba(7,16,30,.18);
}

.services-hero-primary:hover { background:#0b243b; color:#fff; transform:translateY(-2px); }

.services-hero-link {
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:var(--inner-ink);
    font-size:.86rem;
    font-weight:800;
}

.services-hero-link:hover { gap:13px; color:var(--inner-blue); }

.services-hero-visual {
    position:relative;
    align-self:center;
    height:420px;
    overflow:hidden;
    border:1px solid rgba(21,139,211,.1);
    border-radius:26px;
    background:#fff;
    box-shadow:0 22px 58px rgba(20,50,75,.1);
}

.services-hero-visual img {
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    transition:transform .8s cubic-bezier(.22,1,.36,1);
}

.services-hero-visual:hover img { transform:scale(1.025); }

.services-hero-dashboard {
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-top:0;
    padding:0 18px;
    border-radius:24px 24px 0 0;
    background:
        radial-gradient(circle at 88% 0%,rgba(21,139,211,.22),transparent 30%),
        linear-gradient(145deg,#07101e,#0b243b);
    box-shadow:0 20px 54px rgba(8,17,31,.18);
}

.services-hero-dashboard > div {
    min-height:118px;
    display:grid;
    grid-template-columns:38px 1fr;
    grid-template-rows:auto auto;
    align-content:center;
    column-gap:12px;
    padding:20px;
    border-right:1px solid rgba(255,255,255,.11);
}

.services-hero-dashboard > div:last-child { border-right:0; }
.services-hero-dashboard i {
    grid-row:1 / 3;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(57,181,239,.16);
    border-radius:11px;
    background:rgba(57,181,239,.09);
    color:#39b5ef;
}
.services-hero-dashboard span { color:#39b5ef; font-size:.65rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.services-hero-dashboard strong { color:#fff; font-size:.84rem; line-height:1.35; }

@media (max-width:1024px) {
    .services-hero-shell { grid-template-columns:1fr; padding:34px 34px 0; }
    .services-hero-copy { padding-bottom:0; }
    .services-hero-visual { height:390px; }
    .services-hero-dashboard { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .services-hero-dashboard > div:nth-child(2) { border-right:0; }
    .services-hero-dashboard > div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.1); }
}

@media (max-width:640px) {
    body.page-services .inner-hero { padding-top:96px !important; }
    body.page-services .inner-hero .container { width:min(100% - 24px,1320px); }
    .services-hero-shell { gap:26px; padding:24px 20px 0; border-radius:22px; }
    .services-hero-actions { align-items:flex-start; flex-direction:column; }
    .services-hero-visual { height:260px; border-radius:18px; }
    .services-hero-dashboard { grid-template-columns:1fr; padding:8px 16px; border-radius:18px 18px 0 0; }
    .services-hero-dashboard > div { min-height:82px; border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }
    .services-hero-dashboard > div:last-child { border-bottom:0; }
}

/* Services hero must be full-bleed, never a card */
body.page-services .inner-hero {
    padding: 96px 0 0 !important;
    background:
        radial-gradient(ellipse 42% 48% at 88% 18%,rgba(57,181,239,.14),transparent 72%),
        linear-gradient(180deg,#f9fcfe 0%,#eef7fc 100%) !important;
}

body.page-services .inner-hero .container {
    width: 100%;
    max-width: none;
    padding: 0;
}

.services-hero-shell {
    --hero-gutter: max(48px, calc((100vw - 1280px) / 2));
    grid-template-columns: minmax(360px,.78fr) minmax(460px,1.22fr);
    gap: clamp(64px,7vw,104px);
    overflow: visible;
    padding: 58px var(--hero-gutter) 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.services-hero-copy {
    padding-bottom: 54px;
}

.services-hero-tag {
    margin-bottom: 30px;
}

body.page-services .services-hero-copy h1 {
    max-width: 520px;
    margin-bottom: 32px !important;
    font-size: var(--type-hero) !important;
}

body.page-services .services-hero-copy > p {
    max-width: 520px !important;
    margin-bottom: 36px !important;
}

.services-hero-actions {
    gap: 24px;
}

.services-hero-visual {
    align-self: start;
    margin-top: 26px;
}

.services-hero-dashboard {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-right: 0;
    margin-left: -50vw;
    padding-right: max(48px, calc((100vw - 1280px) / 2));
    padding-left: max(48px, calc((100vw - 1280px) / 2));
    border-radius: 0;
}

.services-hero-dashboard > div {
    min-height: 132px;
    grid-template-columns: 44px 1fr;
    column-gap: 16px;
    padding: 26px clamp(22px,3vw,42px);
}

.services-hero-dashboard i {
    width: 44px;
    height: 44px;
}

.services-hero-dashboard span {
    margin-bottom: 4px;
}

.services-hero-dashboard strong {
    font-size: .9rem;
    line-height: 1.45;
}

@media (max-width:1024px) {
    .services-hero-shell {
        --hero-gutter: 32px;
        grid-template-columns: 1fr;
        gap: 36px;
        padding-top: 42px;
    }
    .services-hero-visual { margin-top: 0; }
    .services-hero-dashboard { padding-right:32px; padding-left:32px; }
}

@media (max-width:640px) {
    body.page-services .inner-hero { padding-top: 78px !important; }
    .services-hero-shell { --hero-gutter: 16px; padding: 30px var(--hero-gutter) 0; }
    .services-hero-copy { padding-bottom: 34px; }
    .services-hero-dashboard { border-radius: 0; }
    .services-hero-dashboard { padding-right:16px; padding-left:16px; }
    .services-hero-dashboard > div { padding:20px 8px; }
}

/* Services hero wide composition and home heading hierarchy */
.services-hero-shell {
    --hero-gutter: max(56px, calc((100vw - 1600px) / 2));
    grid-template-columns: minmax(500px,.9fr) minmax(560px,1.1fr);
    gap: clamp(72px,6vw,120px);
}

body.page-services .services-hero-copy h1 {
    max-width: 700px;
    color: var(--inner-ink) !important;
    font-size: var(--type-hero) !important;
    line-height: .96 !important;
}

body.page-services .services-hero-copy h1 span {
    color: inherit;
}

body.page-services .services-hero-copy > p {
    max-width: 620px !important;
}

.services-hero-visual {
    height: 470px;
}

.services-hero-dashboard {
    left: auto;
    width: 100vw;
    margin-left: calc(var(--hero-gutter) * -1);
    padding-right: var(--hero-gutter);
    padding-left: var(--hero-gutter);
}

@media (max-width:1200px) {
    .services-hero-shell {
        --hero-gutter: 40px;
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .services-hero-copy { max-width: 820px; padding-bottom: 0; }
    .services-hero-visual { height: 420px; margin-top: 0; }
}

@media (max-width:640px) {
    .services-hero-shell { --hero-gutter: 16px; gap: 28px; }
    .services-hero-visual { height: 260px; }
}

/* Final services hero width correction */
body.page-services .inner-hero > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-services .services-hero-shell {
    --hero-gutter: clamp(32px,5vw,96px);
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    grid-template-columns: minmax(460px,1fr) minmax(520px,1fr);
    gap: clamp(64px,6vw,112px);
    padding-bottom: 58px;
}

body.page-services .services-hero-copy h1,
body.page-services .services-hero-copy h1 span {
    color: var(--inner-ink) !important;
}

body.page-services .services-hero-dashboard {
    position: relative;
    left: auto;
    width: 100vw;
    margin-right: 0;
    margin-left: 0;
    justify-self: center;
    padding-right: var(--hero-gutter);
    padding-left: var(--hero-gutter);
}

@media (max-width:1200px) {
    body.page-services .services-hero-shell {
        --hero-gutter: 32px;
        grid-template-columns: 1fr;
    }
}

/* ─── Products: editorial audio portfolio ─────────────────────────────── */
body.page-products .product-audio-section {
    padding-top: 92px !important;
}

body.page-products .product-section-intro {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(380px, 1.08fr);
    grid-template-rows: auto auto;
    align-items: start;
    column-gap: 72px;
    row-gap: 16px;
    max-width: none !important;
    margin-bottom: 48px !important;
}

body.page-products .product-section-intro > div {
    grid-column: 1;
    width: max-content;
    margin-bottom: 0 !important;
}

body.page-products .product-section-intro h2 {
    grid-column: 1;
    max-width: 600px;
    margin: 0 !important;
    color: var(--inner-ink) !important;
}

body.page-products .product-section-intro h2 .gradient-text {
    color: inherit !important;
}

body.page-products .product-section-intro > p {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    max-width: 620px !important;
    margin: 0 !important;
    padding: 8px 0 8px 30px;
    border-left: 1px solid rgba(21,139,211,.2);
    color: var(--inner-muted) !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
}

body.page-products .audio-portfolio-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(250px, auto));
    gap: 14px !important;
}

body.page-products .audio-tier {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 34px !important;
    overflow: hidden;
    border-radius: 26px !important;
}

body.page-products .audio-tier::before { display: none; }

body.page-products .audio-tier::after {
    position: absolute;
    right: -70px;
    bottom: -110px;
    width: 250px;
    height: 250px;
    content: "";
    border: 1px solid rgba(21,139,211,.1);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(21,139,211,.035), 0 0 0 76px rgba(21,139,211,.02);
    pointer-events: none;
}

body.page-products .audio-tier-wired {
    grid-column: span 5;
    grid-row: 1 / 3;
    background: radial-gradient(circle at 100% 0%,#123b5b,transparent 46%),linear-gradient(145deg,#07101e,#0a263e) !important;
    border-color: rgba(57,181,239,.15) !important;
    box-shadow: 0 28px 64px rgba(7,16,30,.17) !important;
}

body.page-products .audio-tier-wireless,
body.page-products .audio-tier-premium {
    grid-column: span 7;
    background: linear-gradient(145deg,rgba(255,255,255,.97),rgba(235,247,253,.88)) !important;
    box-shadow: 0 18px 50px rgba(20,50,75,.075) !important;
}

body.page-products .audio-tier-premium {
    background: radial-gradient(circle at 92% 10%,rgba(57,181,239,.18),transparent 34%),linear-gradient(145deg,#f9fcff,#eaf5fb) !important;
}

body.page-products .audio-tier > .flex:first-child {
    position: relative;
    z-index: 2;
    margin-bottom: 24px !important;
}

body.page-products .audio-tier .service-icon-large {
    width: 58px;
    height: 58px;
    border: 1px solid rgba(21,139,211,.13);
    border-radius: 18px;
    background: rgba(21,139,211,.08) !important;
    color: var(--inner-blue) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
}

body.page-products .audio-tier h3 {
    color: var(--inner-ink) !important;
    font-size: 1.14rem;
}

body.page-products .audio-tier > p[class*="italic"] {
    position: relative;
    z-index: 2;
    margin-bottom: 22px !important;
    padding: 0 0 0 14px !important;
    border-left: 2px solid var(--inner-cyan) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #587087 !important;
    font-size: .78rem;
    font-style: normal !important;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

body.page-products .audio-tier h4 {
    position: relative;
    z-index: 2;
    max-width: 650px;
    margin-bottom: 22px !important;
    color: #20364b !important;
    font-family: var(--font-body);
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.55;
}

body.page-products .audio-tier h4 i {
    color: var(--inner-blue) !important;
}

body.page-products .audio-tier > .flex:last-child {
    position: relative;
    z-index: 2;
    margin-top: auto;
    gap: 7px !important;
}

body.page-products .audio-tier > .flex:last-child span {
    border: 1px solid rgba(21,139,211,.11);
    background: rgba(235,247,253,.78) !important;
    color: #0879b8 !important;
    font-size: .64rem !important;
}

body.page-products .audio-tier-wired::before { color: rgba(57,181,239,.18); }
body.page-products .audio-tier-wired::after { border-color: rgba(57,181,239,.1); box-shadow: 0 0 0 38px rgba(57,181,239,.025),0 0 0 76px rgba(57,181,239,.015); }
body.page-products .audio-tier-wired .service-icon-large { border-color: rgba(57,181,239,.16); background: rgba(57,181,239,.13) !important; color: #39b5ef !important; box-shadow: none; }
body.page-products .audio-tier-wired :is(h3,h4) { color: #fff !important; }
body.page-products .audio-tier-wired h4 { color: rgba(255,255,255,.74) !important; }
body.page-products .audio-tier-wired > p[class*="italic"] { color: #39b5ef !important; }
body.page-products .audio-tier-wired > .flex:last-child span { border-color: rgba(57,181,239,.12); background: rgba(255,255,255,.08) !important; color: #c8ebff !important; }

body.page-products .audio-tier-wired .audio-wired-animation {
    flex: 1 1 220px;
    min-height: 220px;
}

body.page-products .audio-tier-wired > h4 {
    flex: 0 0 auto;
    margin-top: 0 !important;
}

body.page-products .audio-tier-wired > .flex:last-child {
    flex: 0 0 auto;
    margin-top: 0 !important;
}

body.page-products .audio-wired-animation {
    position: relative;
    z-index: 2;
    min-height: 180px;
    margin: 0 0 26px;
    overflow: hidden;
    border-top: 1px solid rgba(57,181,239,.1);
    border-bottom: 1px solid rgba(57,181,239,.1);
    background: radial-gradient(circle at 38% 50%,rgba(57,181,239,.13),transparent 36%);
}

body.page-products .audio-headset-core {
    position: absolute;
    top: 50%;
    left: 34%;
    z-index: 3;
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(57,181,239,.25);
    border-radius: 50%;
    background: linear-gradient(145deg,rgba(57,181,239,.25),rgba(7,16,30,.64));
    color: #bce9ff;
    box-shadow: 0 0 0 10px rgba(57,181,239,.055),0 18px 42px rgba(0,0,0,.2);
    transform: translate(-50%,-50%);
    animation: audio-core-breathe 3.8s ease-in-out infinite;
}

body.page-products .audio-headset-core > i {
    margin-top: -8px;
    font-size: 1.65rem;
}

body.page-products .audio-headset-core small {
    position: absolute;
    bottom: 14px;
    color: #39b5ef;
    font-size: .42rem;
    font-weight: 800;
    letter-spacing: .09em;
}

body.page-products .audio-orbit {
    position: absolute;
    top: 50%;
    left: 34%;
    border: 1px solid rgba(57,181,239,.16);
    border-radius: 50%;
    transform: translate(-50%,-50%);
    animation: audio-orbit-spin 9s linear infinite;
}

body.page-products .audio-orbit-one { width: 126px; height: 126px; }
body.page-products .audio-orbit-two { width: 160px; height: 160px; animation-duration: 14s; animation-direction: reverse; }

body.page-products .audio-orbit i {
    position: absolute;
    top: 8px;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #39b5ef;
    box-shadow: 0 0 0 5px rgba(57,181,239,.1),0 0 15px rgba(57,181,239,.6);
}

body.page-products .audio-orbit-two i {
    top: auto;
    right: 12px;
    bottom: 25px;
    left: auto;
    width: 5px;
    height: 5px;
    background: #39b5ef;
}

body.page-products .audio-waveform {
    position: absolute;
    top: 50%;
    right: 4px;
    width: 42%;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transform: translateY(-50%);
}

body.page-products .audio-waveform span {
    width: 3px;
    height: 16px;
    border-radius: 999px;
    background: linear-gradient(180deg,#39b5ef,#158bd3);
    box-shadow: 0 0 12px rgba(57,181,239,.24);
    animation: audio-wave 1.15s ease-in-out infinite alternate;
}

body.page-products .audio-waveform span:nth-child(2),
body.page-products .audio-waveform span:nth-child(6) { height: 30px; animation-delay: -.35s; }
body.page-products .audio-waveform span:nth-child(3),
body.page-products .audio-waveform span:nth-child(5) { height: 46px; animation-delay: -.7s; }
body.page-products .audio-waveform span:nth-child(4) { height: 58px; animation-delay: -.15s; }

body.page-products .audio-live-status {
    position: absolute;
    right: 12px;
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.62);
    font-size: .5rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

body.page-products .audio-live-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #35d98a;
    box-shadow: 0 0 0 5px rgba(53,217,138,.08);
    animation: audio-status-pulse 2s ease-in-out infinite;
}

@keyframes audio-orbit-spin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes audio-core-breathe { 50% { box-shadow: 0 0 0 16px rgba(57,181,239,.035),0 22px 48px rgba(0,0,0,.24); } }
@keyframes audio-wave { to { transform: scaleY(.42); opacity: .55; } }
@keyframes audio-status-pulse { 50% { opacity: .45; transform: scale(.75); } }

@media (max-width: 900px) {
    body.page-products .product-section-intro {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    body.page-products .product-section-intro > p {
        grid-column: 1;
        grid-row: auto;
        padding: 0;
        border-left: 0;
    }

    body.page-products .audio-portfolio-grid {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto;
    }

    body.page-products .audio-tier-wired,
    body.page-products .audio-tier-wireless,
    body.page-products .audio-tier-premium {
        grid-column: 1;
        grid-row: auto;
        min-height: 0;
    }
}

@media (max-width: 640px) {
    body.page-products .audio-tier { padding: 26px !important; border-radius: 21px !important; }
    body.page-products .audio-tier::before { top: 22px; right: 22px; font-size: 2.15rem; }
    body.page-products .audio-headset-core,
    body.page-products .audio-orbit { left: 31%; }
}

@media (prefers-reduced-motion: reduce) {
    body.page-products .audio-headset-core,
    body.page-products .audio-orbit,
    body.page-products .audio-waveform span,
    body.page-products .audio-live-status i { animation: none; }
}

@media (max-width:640px) {
    body.page-services .services-hero-shell { --hero-gutter: 16px; padding-bottom: 30px; }
}

/* Decouple hero content margins from the full-width dashboard base */
body.page-services .services-hero-shell {
    --hero-gutter: clamp(48px,5.2vw,104px);
    padding-right: var(--hero-gutter);
    padding-left: var(--hero-gutter);
}

body.page-services .services-hero-dashboard {
    --dashboard-gutter: clamp(32px,4vw,72px);
    grid-column: 1 / -1;
    position: relative;
    left: 50%;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    padding-right: var(--dashboard-gutter);
    padding-left: var(--dashboard-gutter);
    transform: translateX(-50%);
}

@media (max-width:1200px) {
    body.page-services .services-hero-shell { --hero-gutter: 32px; }
    body.page-services .services-hero-dashboard { --dashboard-gutter: 24px; }
}

@media (max-width:640px) {
    body.page-services .services-hero-shell { --hero-gutter: 16px; }
    body.page-services .services-hero-dashboard { --dashboard-gutter: 16px; }
}

/* Animated managed-services ecosystem */
.services-hero-visual {
    isolation: isolate;
    margin-right:0;
    margin-bottom:0;
    margin-left:0;
    background:
        radial-gradient(circle at 50% 48%,rgba(57,181,239,.15),transparent 38%),
        linear-gradient(145deg,#ffffff,#eef8fd);
}

.services-network {
    position:absolute;
    inset:0;
    overflow:hidden;
}

.services-network-grid {
    position:absolute;
    inset:0;
    background:
        linear-gradient(rgba(21,139,211,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(21,139,211,.055) 1px,transparent 1px);
    background-size:32px 32px;
    mask-image:radial-gradient(circle at center,#000 24%,transparent 78%);
    animation:services-grid-drift 18s linear infinite;
}

.services-network-ring {
    position:absolute;
    top:50%;
    left:50%;
    border:1px solid rgba(21,139,211,.2);
    border-radius:50%;
    transform:translate(-50%,-50%);
}

.services-network-ring::before,
.services-network-ring::after {
    position:absolute;
    content:"";
    border-radius:50%;
    background:var(--inner-cyan);
    box-shadow:0 0 0 7px rgba(57,181,239,.1);
}

.ring-one { width:330px; height:330px; animation:services-ring-cw 18s linear infinite; }
.ring-one::before { top:19px; left:62px; width:9px; height:9px; }
.ring-one::after { right:28px; bottom:54px; width:6px; height:6px; }
.ring-two { width:238px; height:238px; animation:services-ring-ccw 14s linear infinite; }
.ring-two::before { top:36px; right:23px; width:7px; height:7px; }
.ring-two::after { bottom:12px; left:91px; width:6px; height:6px; }
.ring-three { width:142px; height:142px; animation:services-ring-cw 10s linear infinite; }
.ring-three::before { top:-4px; left:64px; width:7px; height:7px; }

.services-network-hub {
    position:absolute;
    top:50%;
    left:50%;
    z-index:4;
    width:94px;
    height:94px;
    display:grid;
    place-items:center;
    border:1px solid rgba(57,181,239,.28);
    border-radius:50%;
    background:linear-gradient(145deg,#158bd3,#0876b8);
    color:#fff;
    box-shadow:0 18px 44px rgba(21,139,211,.25),0 0 0 13px rgba(57,181,239,.09);
    transform:translate(-50%,-50%);
    animation:services-hub-pulse 3.8s ease-in-out infinite;
}

.services-network-hub i { font-size:1.35rem; }
.services-network-hub span { margin-top:-22px; font-size:.58rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }

.services-network-node {
    position:absolute;
    z-index:5;
    min-width:94px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 12px;
    border:1px solid rgba(21,139,211,.14);
    border-radius:12px;
    background:rgba(255,255,255,.9);
    color:#19344e;
    font-size:.7rem;
    font-weight:800;
    box-shadow:0 14px 32px rgba(20,50,75,.1);
    backdrop-filter:blur(12px);
    animation:services-node-float 5s ease-in-out infinite;
}

.services-network-node i {
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:rgba(21,139,211,.09);
    color:var(--inner-blue);
}

.node-cloud { top:18%; left:9%; animation-delay:-1s; }
.node-security { top:14%; right:7%; animation-delay:-2.4s; }
.node-support { right:8%; bottom:13%; animation-delay:-3.2s; }
.node-identity { bottom:16%; left:8%; animation-delay:-4.1s; }

.services-network-status {
    position:absolute;
    z-index:6;
    display:grid;
    grid-template-columns:12px 1fr;
    column-gap:8px;
    padding:10px 13px;
    border:1px solid rgba(21,139,211,.13);
    border-radius:12px;
    background:rgba(255,255,255,.94);
    box-shadow:0 14px 34px rgba(20,50,75,.1);
    animation:services-node-float 6s ease-in-out infinite;
}

.services-network-status i { grid-row:1 / 3; align-self:center; color:var(--inner-cyan); font-size:.5rem; }
.services-network-status span { color:#698096; font-size:.55rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.services-network-status strong { color:var(--inner-ink); font-size:.68rem; }
.status-live { top:42%; left:3%; animation-delay:-1.6s; }
.status-sla { right:3%; bottom:42%; animation-delay:-3.8s; }

@keyframes services-ring-cw {
    from { transform:translate(-50%,-50%) rotate(0); }
    to { transform:translate(-50%,-50%) rotate(360deg); }
}

@keyframes services-ring-ccw {
    from { transform:translate(-50%,-50%) rotate(360deg); }
    to { transform:translate(-50%,-50%) rotate(0); }
}

@keyframes services-hub-pulse {
    0%,100% { box-shadow:0 18px 44px rgba(21,139,211,.25),0 0 0 13px rgba(57,181,239,.09); }
    50% { box-shadow:0 22px 52px rgba(21,139,211,.3),0 0 0 20px rgba(57,181,239,.045); }
}

@keyframes services-node-float {
    0%,100% { transform:translateY(0); }
    50% { transform:translateY(-7px); }
}

@keyframes services-grid-drift {
    to { background-position:32px 32px,32px 32px; }
}

@media (max-width:640px) {
    .ring-one { width:230px; height:230px; }
    .ring-two { width:166px; height:166px; }
    .ring-three { width:98px; height:98px; }
    .services-network-hub { width:70px; height:70px; }
    .services-network-node { min-width:0; padding:8px; }
    .services-network-node span { display:none; }
    .services-network-status { display:none; }
    .node-cloud { top:12%; left:8%; }
    .node-security { top:12%; right:8%; }
    .node-support { right:8%; bottom:12%; }
    .node-identity { bottom:12%; left:8%; }
}

body.page-services .content-section {
    counter-increment: service-section;
    border-top: 1px solid rgba(21,139,211,.08);
}

body.page-services :is(#infraestrutura,#seguranca,#backup,#devices,#identity,#suporte) > .container > .text-center {
    display: grid;
    grid-template-columns: minmax(300px,.82fr) minmax(0,1.18fr);
    align-items: end;
    gap: 70px;
    max-width: none;
    margin-bottom: 42px !important;
}

body.page-services :is(#infraestrutura,#seguranca,#backup,#devices,#identity,#suporte) > .container > .text-center h2 {
    position: relative;
    margin: 0 !important;
}

body.page-services :is(#infraestrutura,#seguranca,#backup,#devices,#identity,#suporte) > .container > .text-center h2::before {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-bottom: 16px;
    padding: 6px 13px;
    border: 1px solid rgba(21, 139, 211, 0.22);
    border-radius: 999px;
    background: rgba(21, 139, 211, 0.07);
    content: "0" counter(service-section) " / SERVIÇO";
    color: var(--inner-blue);
    font-family: 'DM Sans', sans-serif;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

body.page-services :is(#infraestrutura,#seguranca,#backup,#devices,#identity,#suporte) > .container > .text-center p {
    margin: 0 !important;
    padding-left: 28px;
    border-left: 1px solid rgba(21,139,211,.18);
    font-size: 1rem !important;
    line-height: 1.72;
}

body.page-services .content-section > .container > .grid { gap: 14px !important; }

body.page-services .content-section > .container > .grid:has(> .license-card:nth-child(3)) {
    grid-template-columns: repeat(12,minmax(0,1fr)) !important;
}

body.page-services .content-section > .container > .grid:has(> .license-card:nth-child(3)) > .license-card:nth-child(1) { grid-column: span 5; }
body.page-services .content-section > .container > .grid:has(> .license-card:nth-child(3)) > .license-card:nth-child(2) { grid-column: span 7; }
body.page-services .content-section > .container > .grid:has(> .license-card:nth-child(3)) > .license-card:nth-child(3) { grid-column: 1 / -1; }

body.page-services .license-card {
    min-height: 300px;
    padding: 28px !important;
}

body.page-services .content-section .grid > .license-card:first-child {
    border-color: rgba(57,181,239,.17) !important;
    background:
        radial-gradient(circle at 90% 8%,rgba(21,139,211,.2),transparent 30%),
        linear-gradient(145deg,#07101e,#0b243b) !important;
    box-shadow: 0 22px 58px rgba(8,17,31,.17) !important;
}

body.page-services .content-section .grid > .license-card:first-child :is(h3,h4) { color:#fff !important; }
body.page-services .content-section .grid > .license-card:first-child p { color:rgba(255,255,255,.7) !important; }

body.page-services .license-card > p[class*="italic"] {
    padding: 16px 18px !important;
    border: 1px solid rgba(21,139,211,.12) !important;
    border-left: 3px solid var(--inner-cyan) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.58) !important;
    font-style: normal !important;
    line-height: 1.6;
}

body.page-services .content-section .grid > .license-card:first-child > p[class*="italic"] {
    border-color: rgba(57,181,239,.15) !important;
    background: rgba(255,255,255,.07) !important;
}

body.page-services .license-card span[class*="rounded-full"] {
    border: 1px solid rgba(21,139,211,.13) !important;
    background: rgba(234,247,255,.76) !important;
    color: #087dbd !important;
}

body.page-services .content-section .grid > .license-card:first-child span[class*="rounded-full"] {
    border-color: rgba(57,181,239,.15) !important;
    background: rgba(255,255,255,.08) !important;
    color: #9bdcff !important;
}

body.page-services #complementares > .container > .grid {
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    gap: 0 !important;
    overflow: hidden;
    padding: 10px;
    border: 1px solid rgba(57,181,239,.14);
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 0%,rgba(21,139,211,.18),transparent 28%),
        linear-gradient(145deg,#07101e,#0b243b);
    box-shadow: 0 24px 64px rgba(8,17,31,.18);
}

body.page-services #complementares .light-card {
    min-height: 164px;
    border: 0 !important;
    border-right: 1px solid rgba(255,255,255,.1) !important;
    border-bottom: 1px solid rgba(255,255,255,.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.page-services #complementares .light-card:nth-child(5n) { border-right:0 !important; }
body.page-services #complementares .light-card:nth-child(n+6) { border-bottom:0 !important; }
body.page-services #complementares .light-card h3 { color:#fff !important; }
body.page-services #complementares .light-card p { color:rgba(255,255,255,.6) !important; }
body.page-services #complementares .light-card:hover { background:rgba(255,255,255,.055) !important; }

body.page-services #faq .faq-item {
    border-radius: 14px !important;
    box-shadow: 0 10px 30px rgba(20,50,75,.055) !important;
}

body.page-services section:has(.glow-button) { background:transparent !important; }
body.page-services section:has(.glow-button) > [class*="absolute"] { display:none; }

@keyframes services-orbit {
    0%,100% { transform:translateY(0) scale(1); opacity:.72; }
    50% { transform:translateY(-12px) scale(1.03); opacity:1; }
}

@media (max-width:1024px) {
    body.page-services .inner-hero::after { display:none; }
    body.page-services :is(#infraestrutura,#seguranca,#backup,#devices,#identity,#suporte) > .container > .text-center { grid-template-columns:1fr; gap:20px; }
    body.page-services :is(#infraestrutura,#seguranca,#backup,#devices,#identity,#suporte) > .container > .text-center p { padding:0; border:0; }
    /* The "0X / SERVIÇO" ::before pill is display:flex (block-level), so the
       h2's text-align:center has no effect on it — needs its own margin:auto. */
    body.page-services :is(#infraestrutura,#seguranca,#backup,#devices,#identity,#suporte) > .container > .text-center h2::before { margin-left:auto; margin-right:auto; }
    body.page-services #complementares > .container > .grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width:768px) {
    body.page-services .content-section > .container > .grid:has(> .license-card:nth-child(3)) { grid-template-columns:1fr !important; }
    body.page-services .content-section > .container > .grid:has(> .license-card:nth-child(3)) > .license-card { grid-column:auto !important; }
    body.page-services .license-card { min-height:0; padding:22px !important; }
    body.page-services #complementares > .container > .grid { grid-template-columns:1fr !important; }
    body.page-services #complementares .light-card {
        border-right:0 !important;
        border-bottom:1px solid rgba(255,255,255,.1) !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }
    html body.page-services #complementares .light-card { text-align:center !important; }
    html body.page-services #complementares .light-card > div { margin:0 0 18px !important; }
    html body.page-services #complementares .light-card h3 {
        margin-top:0 !important;
        text-align:center !important;
    }
    html body.page-services #complementares .light-card p {
        max-width:260px;
        margin-right:auto !important;
        margin-left:auto !important;
        text-align:center !important;
    }
}

body.inner-page .inner-enter {
    opacity: 0;
    transform: translateY(28px) scale(.985);
}

body.inner-page .inner-enter.is-in {
    animation: inner-enter .75s cubic-bezier(.22,1,.36,1) calc(var(--delay, 0) * 55ms) both;
}

@keyframes inner-enter {
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes inner-hero-media {
    from { opacity: 0; clip-path: inset(0 0 0 18% round 30px); transform: translateX(40px); }
    to { opacity: 1; clip-path: inset(0 round 30px); transform: translateX(0); }
}

@media (max-width: 1024px) {
    body.inner-page .inner-hero {
        min-height: auto;
        display: grid;
        grid-template-columns: 1fr;
        padding: 130px 0 72px !important;
    }
    body.inner-page .inner-hero .container { grid-row: 1; }
    body.inner-page .inner-hero::before {
        position: relative;
        inset: auto;
        grid-row: 2;
        display: block;
        width: min(100% - 48px, 900px);
        aspect-ratio: 16/9;
        margin: 48px auto 0;
    }
    body.inner-page .inner-hero .text-center,
    body.inner-page .inner-hero .hero-content { width: 100%; max-width: 820px; }
    body.inner-page .inner-hero h1,
    body.inner-page .hero-section h1 { font-size: var(--type-hero) !important; }
    body.page-about .inner-hero .hero-grid { grid-template-columns: 1fr; gap: 44px; }
}

@media (max-width: 640px) {
    body.inner-page { background-size: 28px 28px, 28px 28px, auto, auto; }
    body.inner-page .inner-hero .container { width: min(100% - 32px, 1180px); }
    body.inner-page .inner-hero h1,
    body.inner-page .hero-section h1 { font-size: var(--type-hero) !important; }
    body.inner-page .content-section { padding-top: 76px !important; padding-bottom: 76px !important; }
    body.inner-page .content-section h2,
    body.inner-page .section-title,
    body.inner-page .contact h2,
    body.inner-page .cta-section h2 { font-size: 2.3rem !important; }
    body.inner-page .inner-hero::before { width: calc(100% - 32px); border-radius: 20px; }
    body.inner-page .inner-anchor-nav { top: 64px; }
}

@media (prefers-reduced-motion: reduce) {
    body.inner-page *, body.inner-page *::before, body.inner-page *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
    body.inner-page .inner-enter { opacity: 1; transform: none; }
    body.inner-page .inner-motion:hover { transform: none !important; }
}

/* Strict Alfagates palette across every internal page */
body.inner-page {
    --primary: #158bd3;
    --secondary: #158bd3;
    --accent: #39b5ef;
    --success: #158bd3;
    --danger: #158bd3;
}

body.inner-page :is(
    [class*="text-red-"], [class*="text-orange-"], [class*="text-green-"],
    [class*="text-violet-"], [class*="text-purple-"], [class*="text-yellow-"],
    [class*="text-amber-"], [class*="text-pink-"], .text-secondary, .text-accent
) {
    color: var(--inner-blue) !important;
}

body.inner-page :is(
    [class*="bg-red-"], [class*="bg-orange-"], [class*="bg-green-"],
    [class*="bg-violet-"], [class*="bg-purple-"], [class*="bg-yellow-"],
    [class*="bg-amber-"], [class*="bg-pink-"]
) {
    background-color: rgba(21,139,211,.085) !important;
}

body.inner-page :is(
    [class*="border-red-"], [class*="border-orange-"], [class*="border-green-"],
    [class*="border-violet-"], [class*="border-purple-"], [class*="border-yellow-"],
    [class*="border-amber-"], [class*="border-pink-"]
) {
    border-color: rgba(21,139,211,.22) !important;
}

body.inner-page section:is(
    [class*="from-red-"], [class*="from-orange-"], [class*="from-green-"],
    [class*="from-violet-"], [class*="from-purple-"], [class*="from-yellow-"],
    [class*="to-red-"], [class*="to-orange-"], [class*="to-green-"],
    [class*="to-violet-"], [class*="to-purple-"], [class*="to-yellow-"]
) {
    background-image: none !important;
    background-color: rgba(241,248,253,.82) !important;
}

body.inner-page :is(.glow-button, [class*="bg-green-"][class*="text-white"]) {
    border-color: var(--inner-blue) !important;
    background: var(--inner-blue) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(21,139,211,.2) !important;
}

body.inner-page a[class*="border-green-"] {
    border-color: var(--inner-blue) !important;
    background: transparent !important;
    color: var(--inner-blue) !important;
}

body.inner-page a[class*="border-green-"]:hover {
    background: rgba(21,139,211,.08) !important;
    color: #0879b8 !important;
}

body.inner-page .form-group label span {
    color: var(--inner-blue) !important;
}

/* Services hero: open flow map, intentionally distinct from the home orbit */
body.page-services .services-flow-visual {
    height: 500px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.services-flow {
    position: absolute;
    inset: 0;
    isolation: isolate;
}

.services-flow::before {
    position: absolute;
    top: 7%;
    right: 4%;
    z-index: -2;
    width: 72%;
    aspect-ratio: 1;
    content: "";
    border-radius: 50%;
    background: radial-gradient(circle, rgba(57,181,239,.13) 0, rgba(57,181,239,.045) 42%, transparent 70%);
    filter: blur(3px);
}

.services-flow::after {
    position: absolute;
    top: 50%;
    right: 2%;
    z-index: -1;
    width: 62%;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, rgba(21,139,211,.24), transparent);
}

.services-flow-lines {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.flow-line {
    fill: none;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.flow-line-main {
    stroke: #158bd3;
    stroke-width: 2.4;
    stroke-dasharray: 4 11;
    animation: services-flow-dash 18s linear infinite;
}

.flow-line-secondary {
    stroke: rgba(8,118,184,.48);
    stroke-width: 1.4;
    stroke-dasharray: 2 9;
    animation: services-flow-dash-reverse 23s linear infinite;
}

.flow-line-soft {
    stroke: rgba(57,181,239,.22);
    stroke-width: 44;
    opacity: .52;
}

.services-flow-core {
    position: absolute;
    top: 50%;
    left: 51%;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    gap: 12px;
    color: #fff;
    transform: translate(-50%,-50%);
}

.services-flow-core strong {
    font-family: 'Space Grotesk',sans-serif;
    font-size: clamp(6.5rem,9vw,10rem);
    font-weight: 700;
    line-height: .76;
    letter-spacing: -.09em;
    background: linear-gradient(145deg,#9fe0ff 6%,#158bd3 58%,#ffffff 116%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 18px 34px rgba(0,0,0,.28));
}

.services-flow-core span {
    padding-bottom: 5px;
    color: rgba(255,255,255,.74);
    font-size: .68rem;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.services-flow-label {
    position: absolute;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border: 1px solid rgba(57,181,239,.16);
    border-radius: 999px;
    background: rgba(6,17,31,.48);
    box-shadow: 0 10px 26px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--inner-ink);
    white-space: nowrap;
}

.services-flow-label::before {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    content: "";
    border: 2px solid #fff;
    border-radius: 50%;
    background: var(--inner-cyan);
    box-shadow: 0 0 0 5px rgba(57,181,239,.13);
}

.services-flow-label span {
    color: rgba(57,181,239,.82);
    font-family: 'Space Grotesk',sans-serif;
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .08em;
}

.services-flow-label strong {
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: -.01em;
}

.flow-infra { top: 14%; left: 7%; }
.flow-security { top: 13%; right: 8%; }
.flow-backup { top: 43%; left: 1%; }
.flow-devices { top: 45%; right: 1%; }
.flow-identity { bottom: 13%; left: 9%; }
.flow-support { right: 10%; bottom: 12%; }

.services-flow-caption {
    position: absolute;
    right: 3%;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid rgba(57,181,239,.14);
    border-radius: 999px;
    background: rgba(6,17,31,.42);
    color: rgba(255,255,255,.72);
    font-size: .58rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.services-flow-caption i {
    color: #20c77a;
    font-size: .42rem;
    filter: drop-shadow(0 0 5px rgba(32,199,122,.5));
    animation: services-flow-status 2.2s ease-in-out infinite;
}

@keyframes services-flow-dash {
    to { stroke-dashoffset: -180; }
}

@keyframes services-flow-dash-reverse {
    to { stroke-dashoffset: 180; }
}

@keyframes services-flow-status {
    50% { opacity: .38; }
}

@media (max-width: 1200px) {
    body.page-services .services-flow-visual { height: 430px; }
}

@media (min-width: 641px) and (max-width: 1024px) {
    body.page-services .services-flow-core { left: 50%; flex-direction: column; align-items: center; gap: 2px; text-align: center; }
    body.page-services .services-flow-core strong { padding-right: 12px; font-size: 5.6rem; letter-spacing: -.04em; filter: none; }
    body.page-services .services-flow-core span { padding-bottom: 0; font-size: .55rem; }
}

@media (max-width: 640px) {
    body.page-services .services-flow-visual { height: 310px; }
    .services-flow-core { left: 50%; flex-direction: column; align-items: center; gap: 2px; text-align: center; }
    .services-flow-core strong { padding-right: 12px; font-size: 5.6rem; letter-spacing: -.04em; filter: none; }
    .services-flow-core span { padding-bottom: 0; font-size: .55rem; }
    .services-flow-label { gap: 6px; }
    .services-flow-label span { display: none; }
    .services-flow-label strong { font-size: .66rem; }
    .flow-infra { top: 10%; left: 2%; }
    .flow-security { top: 8%; right: 2%; }
    .flow-backup { top: 30%; left: 0; }
    .flow-devices { top: 30%; right: 0; }
    .flow-identity { bottom: 10%; left: 2%; }
    .flow-support { right: 2%; bottom: 10%; }
    .services-flow-caption { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .flow-line,
    .services-flow-caption i { animation: none; }
}

/* Match the home hero's content width and column spacing */
body.page-services .services-hero-shell {
    width: min(100% - 88px, 1180px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    grid-template-columns: minmax(0,.9fr) minmax(460px,1fr);
    gap: 56px;
    padding-right: 0;
    padding-left: 0;
}

@media (max-width: 1200px) {
    body.page-services .services-hero-shell {
        width: min(100% - 88px, 1180px) !important;
        grid-template-columns: 1fr;
        gap: 38px;
    }
}

@media (max-width: 768px) {
    body.page-services .services-hero-shell {
        width: min(100% - 48px, 1180px) !important;
        gap: 24px;
    }
}

@media (max-width: 480px) {
    body.page-services .services-hero-shell {
        width: min(100% - 32px, 1180px) !important;
    }
}

/* Use the home page gutter throughout the services page body */
body.page-services > section:not(.inner-hero) > .container,
body.page-services footer .container {
    width: min(100% - 64px, 1180px) !important;
    max-width: none !important;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
}

@media (max-width: 1024px) {
    body.page-services .services-hero-shell,
    body.page-services > section:not(.inner-hero) > .container,
    body.page-services footer .container {
        width: min(100% - 24px, 1180px) !important;
    }
}

@media (max-width: 480px) {
    body.page-services .services-hero-shell,
    body.page-services > section:not(.inner-hero) > .container,
    body.page-services footer .container {
        width: min(100% - 24px, 1180px) !important;
    }
}

/* Services navigator inspired by the soft, futuristic reference UI */
body.page-services .services-nav-section.inner-anchor-nav {
    padding: 12px 0 !important;
    border: 0 !important;
    background: rgba(245,249,252,.76) !important;
    box-shadow: none !important;
    backdrop-filter: blur(22px) saturate(1.2);
}

body.page-services .services-nav-shell {
    min-height: 72px;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 10px 12px 10px 16px;
    overflow: hidden;
    border: 1px solid rgba(21,139,211,.14);
    border-radius: 24px;
    background:
        radial-gradient(circle at 86% 0%,rgba(21,139,211,.17),transparent 27%),
        radial-gradient(circle at 12% 120%,rgba(57,181,239,.15),transparent 34%),
        rgba(255,255,255,.88);
    box-shadow: 0 18px 52px rgba(20,50,75,.09), inset 0 1px 0 rgba(255,255,255,.95);
}

body.page-services .services-nav-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 18px;
    border-right: 1px solid rgba(7,16,30,.09);
    color: var(--inner-ink);
}

.services-nav-brand span {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    background: linear-gradient(145deg,#158bd3,#075f98);
    color: #fff;
    box-shadow: 0 9px 20px rgba(21,139,211,.24);
}

.services-nav-brand strong {
    font-family: 'Space Grotesk',sans-serif;
    font-size: .8rem;
    letter-spacing: -.01em;
}

.services-nav-links {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
}

body.page-services .inner-anchor-nav .services-nav-links a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 10px;
    border-radius: 12px !important;
    color: #455c74 !important;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
    transition: color .2s ease,background .2s ease,transform .2s ease;
}

body.page-services .inner-anchor-nav .services-nav-links a::before {
    content: attr(data-index);
    color: #a1afbd;
    font-family: 'Space Grotesk',sans-serif;
    font-size: .51rem;
    font-weight: 700;
    letter-spacing: .05em;
}

body.page-services .inner-anchor-nav .services-nav-links a:hover {
    background: rgba(21,139,211,.09) !important;
    color: #0879b8 !important;
    transform: translateY(-1px);
}

body.page-services .inner-anchor-nav .services-nav-links a.is-active {
    background: #0a1120 !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(7,16,30,.16);
}

body.page-services .inner-anchor-nav .services-nav-links a.is-active::before {
    color: #39b5ef;
}

body.page-services .inner-anchor-nav .services-nav-action {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 15px !important;
    background: linear-gradient(145deg,#158bd3,#0876b8) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(21,139,211,.28);
    transition: transform .2s ease,box-shadow .2s ease;
}

body.page-services .inner-anchor-nav .services-nav-action:hover {
    background: linear-gradient(145deg,#24a3eb,#096da8) !important;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 30px rgba(21,139,211,.34);
}

@media (max-width: 1024px) {
    .services-nav-shell { grid-template-columns: auto minmax(0,1fr); }
    .services-nav-action { display: none !important; }
    .services-nav-links {
        justify-content: flex-start;
        overflow-x: auto;
        scrollbar-width: none;
    }
    .services-nav-links::-webkit-scrollbar { display: none; }
}

@media (max-width: 640px) {
    body.page-services .services-nav-section.inner-anchor-nav { padding: 8px 0 !important; }
    .services-nav-shell {
        min-height: 58px;
        grid-template-columns: 1fr;
        padding: 8px;
        border-radius: 18px;
    }
    .services-nav-brand { display: none; }
    body.page-services .inner-anchor-nav .services-nav-links a {
        min-height: 38px;
        padding: 0 11px;
    }
}

/* Infrastructure fold: cohesive operations dashboard */
body.page-services #infraestrutura .infra-head {
    align-items: center;
    margin-bottom: 34px !important;
}

body.page-services #infraestrutura .infra-head h2 {
    max-width: 520px;
    font-size: var(--type-section) !important;
}

.infra-dashboard {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    gap: 14px;
}

.infra-problem-panel,
.infra-solution-panel,
.infra-platform-panel {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
}

.infra-problem-panel {
    grid-column: span 7;
    min-height: 382px;
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(250px,.88fr);
    align-items: stretch;
    padding: 38px;
    border: 1px solid rgba(57,181,239,.16);
    background:
        radial-gradient(circle at 90% 10%,rgba(21,139,211,.27),transparent 32%),
        radial-gradient(circle at 58% 110%,rgba(57,181,239,.14),transparent 36%),
        linear-gradient(145deg,#07101e 0%,#092039 70%,#0b2b48 100%);
    box-shadow: 0 26px 68px rgba(8,17,31,.19);
}

.infra-problem-panel::before {
    position: absolute;
    inset: 0;
    content: "";
    opacity: .35;
    background-image:
        linear-gradient(rgba(57,181,239,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(57,181,239,.055) 1px,transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(90deg,transparent,#000 46%,#000);
    pointer-events: none;
}

.infra-panel-copy {
    position: relative;
    z-index: 3;
    align-self: center;
}

body.page-services .infra-eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    margin-bottom: 18px;
    padding: 6px 13px;
    border: 1px solid rgba(21, 139, 211, 0.22);
    border-radius: 999px;
    background: rgba(21, 139, 211, 0.07);
    color: var(--primary);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.infra-problem-panel .infra-eyebrow { color: #39b5ef; background: rgba(21,139,211,.14); border-color: rgba(57,181,239,.22); }

body.page-services .infra-problem-panel h3,
.infra-solution-panel h3,
body.page-services .infra-platform-panel h3 {
    font-family: 'Space Grotesk',sans-serif;
    letter-spacing: -.035em;
}

body.page-services .infra-problem-panel h3 {
    max-width: 370px;
    margin-bottom: 18px;
    color: #fff;
    font-size: 1.14rem;
    line-height: 1.02;
}

body.page-services .infra-problem-panel p {
    max-width: 390px;
    margin-bottom: 26px;
    color: rgba(255,255,255,.66);
    font-size: .88rem;
    line-height: 1.65;
}

.infra-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.infra-tags span {
    padding: 7px 10px;
    border: 1px solid rgba(57,181,239,.15);
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.72);
    font-size: .62rem;
    font-weight: 700;
}

.infra-visual {
    position: relative;
    z-index: 2;
    min-height: 300px;
}

.infra-orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(57,181,239,.15);
    border-radius: 50%;
    box-shadow: inset 0 0 60px rgba(57,181,239,.06),0 0 0 34px rgba(57,181,239,.025);
    transform: translate(-50%,-50%);
}

.infra-orbit::before,
.infra-orbit::after {
    position: absolute;
    content: "";
    border-radius: 50%;
}

.infra-orbit::before {
    inset: 43px;
    border: 1px dashed rgba(57,181,239,.22);
    animation: infra-orbit-spin 18s linear infinite;
}

.infra-orbit::after {
    top: -4px;
    left: 112px;
    width: 8px;
    height: 8px;
    background: #39b5ef;
    box-shadow: 0 0 0 7px rgba(57,181,239,.1);
}

.infra-server {
    position: absolute;
    z-index: 2;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.3);
    background:
        linear-gradient(145deg,rgba(255,255,255,.38),rgba(57,181,239,.1));
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),0 18px 34px rgba(0,0,0,.22);
    backdrop-filter: blur(12px);
    transform: rotate(-8deg);
    animation: infra-float 5s ease-in-out infinite;
}

.infra-server-one {
    top: 58px;
    left: 40px;
    width: 88px;
    height: 106px;
    border-radius: 25px;
    font-size: 1.7rem;
}

.infra-server-two {
    top: 115px;
    right: 12px;
    width: 100px;
    height: 118px;
    border-radius: 28px;
    color: #9fe0ff;
    font-size: 2rem;
    animation-delay: -1.8s;
    transform: rotate(9deg);
}

.infra-server-three {
    right: 100px;
    bottom: 20px;
    width: 78px;
    height: 78px;
    border-radius: 22px;
    color: #c9efff;
    animation-delay: -3.2s;
    transform: rotate(5deg);
}

.infra-live {
    position: absolute;
    right: 4px;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.58);
    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.infra-live i { color: #35d98a; font-size: .4rem; }

.infra-solution-panel {
    grid-column: span 5;
    min-height: 382px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 38px;
    border: 1px solid rgba(21,139,211,.13);
    background:
        radial-gradient(circle at 100% 0%,rgba(57,181,239,.17),transparent 34%),
        linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,248,253,.92));
    box-shadow: 0 22px 58px rgba(20,50,75,.09);
}

body.page-services .infra-solution-panel h3 {
    max-width: 390px;
    margin-bottom: 20px;
    color: var(--inner-ink);
    font-size: 1.14rem;
    line-height: 1.04;
}

body.page-services .infra-solution-panel > p {
    max-width: 450px;
    margin-bottom: 28px;
    color: var(--inner-muted);
    font-size: .86rem;
    line-height: 1.65;
}

.infra-solution-list {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
}

.infra-solution-list > div {
    min-height: 106px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 13px;
    border: 1px solid rgba(21,139,211,.1);
    border-radius: 15px;
    background: rgba(255,255,255,.72);
}

.infra-solution-list i {
    margin-bottom: auto;
    color: var(--inner-blue);
    font-size: 1rem;
}

.infra-solution-list span {
    color: #7890a4;
    font-size: .52rem;
    font-weight: 700;
    text-transform: uppercase;
}

.infra-solution-list strong {
    margin-top: 2px;
    color: var(--inner-ink);
    font-size: .68rem;
}

.infra-platform-panel {
    grid-column: 1 / -1;
    min-height: 154px;
    display: grid;
    grid-template-columns: minmax(270px,.72fr) minmax(0,1.28fr);
    align-items: stretch;
    padding: 14px;
    border: 1px solid rgba(21,139,211,.11);
    background: rgba(255,255,255,.86);
    box-shadow: 0 18px 48px rgba(20,50,75,.07);
}

body.page-services .infra-platform-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 22px 26px;
}

.infra-platform-copy .infra-eyebrow { margin-bottom: 10px; }
body.page-services .infra-platform-panel h3 {
    max-width: 400px;
    color: var(--inner-ink);
    font-size: 1.14rem;
    line-height: 1.1;
}

.infra-platforms {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
}

.infra-platforms > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    border-radius: 17px;
    background: #f2f7fa;
}

.infra-platforms span {
    margin-bottom: 17px;
    color: #91a4b5;
    font-family: 'Space Grotesk',sans-serif;
    font-size: .55rem;
}

.infra-platforms strong {
    color: var(--inner-ink);
    font-size: .72rem;
}

.infra-platforms small {
    margin-top: 3px;
    color: #8498aa;
    font-size: .56rem;
}

.infra-platforms .infra-platform-status {
    background:
        radial-gradient(circle at 90% 0%,rgba(57,181,239,.22),transparent 36%),
        #081321;
}

.infra-platform-status i {
    margin-bottom: auto;
    color: #35d98a;
    font-size: .42rem;
}

.infra-platforms .infra-platform-status strong { color: #fff; font-size: 1.15rem; }
.infra-platforms .infra-platform-status small { color: rgba(255,255,255,.52); }

@keyframes infra-orbit-spin { to { transform: rotate(360deg); } }
@keyframes infra-float { 50% { translate: 0 -7px; } }

@media (max-width: 1024px) {
    .infra-problem-panel,
    .infra-solution-panel { grid-column: 1 / -1; }
    .infra-platform-panel { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    body.page-services #infraestrutura .infra-head h2 { font-size: 3rem !important; }
    .infra-problem-panel {
        grid-template-columns: 1fr;
        padding: 28px;
    }
    .infra-visual { min-height: 270px; }
    .infra-solution-panel { padding: 28px; }
    .infra-platforms { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 480px) {
    .infra-problem-panel,
    .infra-solution-panel,
    .infra-platform-panel { border-radius: 20px; }
    .infra-solution-list { grid-template-columns: 1fr; }
    .infra-solution-list > div { min-height: 88px; }
    .infra-platforms { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .infra-orbit::before,
    .infra-server { animation: none; }
}

/* Security fold: managed threat command center */
body.page-services #seguranca .security-head {
    align-items: center;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 40px;
    margin-bottom: 34px !important;
}

body.page-services #seguranca .security-head h2 {
    max-width: 560px;
    color: var(--inner-ink) !important;
    font-size: var(--type-section) !important;
}

body.page-services #seguranca .security-title-line {
    color: inherit;
    white-space: nowrap;
}

body.page-services #seguranca .security-head p {
    align-self: center;
    margin-top: 0 !important;
}

.security-dashboard {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    gap: 14px;
}

.security-command-panel,
.security-response-panel,
.security-compliance-panel {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
}

.security-command-panel {
    grid-column: 1 / -1;
    min-height: 420px;
    display: grid;
    grid-template-columns: minmax(0,1.02fr) minmax(390px,.98fr);
    align-items: center;
    padding: 44px 50px;
    border: 1px solid rgba(57,181,239,.16);
    background:
        radial-gradient(circle at 88% 18%,rgba(21,139,211,.3),transparent 30%),
        radial-gradient(circle at 48% 120%,rgba(57,181,239,.13),transparent 35%),
        linear-gradient(145deg,#050c17 0%,#07192b 58%,#0a2945 100%);
    box-shadow: 0 28px 76px rgba(8,17,31,.22);
}

.security-command-panel::before {
    position: absolute;
    inset: 0;
    content: "";
    background-image:
        linear-gradient(rgba(57,181,239,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(57,181,239,.045) 1px,transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(90deg,transparent 18%,#000 72%,transparent);
    pointer-events: none;
}

.security-command-copy {
    position: relative;
    z-index: 3;
    max-width: 530px;
}

body.page-services .security-eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    margin-bottom: 18px;
    padding: 6px 13px;
    border: 1px solid rgba(21, 139, 211, 0.22);
    border-radius: 999px;
    background: rgba(21, 139, 211, 0.07);
    color: var(--primary);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.security-command-panel .security-eyebrow { color: #39b5ef; background: rgba(21,139,211,.14); border-color: rgba(57,181,239,.22); }

body.page-services .security-command-panel h3,
.security-response-panel h3,
body.page-services .security-compliance-panel h3 {
    font-family: 'Space Grotesk',sans-serif;
    letter-spacing: -.04em;
}

body.page-services .security-command-panel h3 {
    max-width: 510px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 1.14rem;
    line-height: 1.25;
}

body.page-services .security-command-panel p {
    max-width: 510px;
    margin-bottom: 30px;
    color: rgba(255,255,255,.66);
    font-size: .9rem;
    line-height: 1.7;
}

.security-status-row {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.security-status-row span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    border: 1px solid rgba(57,181,239,.14);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.72);
    font-size: .59rem;
    font-weight: 700;
}

.security-status-row i { color: #35d98a; font-size: .4rem; }

.security-radar {
    position: relative;
    z-index: 2;
    width: min(100%,390px);
    aspect-ratio: 1;
    justify-self: end;
    border: 1px solid rgba(57,181,239,.13);
    border-radius: 50%;
    background:
        radial-gradient(circle,rgba(57,181,239,.15) 0 2%,transparent 3%),
        repeating-radial-gradient(circle,transparent 0 48px,rgba(57,181,239,.09) 49px 50px);
    box-shadow: inset 0 0 80px rgba(21,139,211,.08),0 0 0 28px rgba(57,181,239,.02);
}

.security-radar::before,
.security-radar::after {
    position: absolute;
    content: "";
    background: rgba(57,181,239,.11);
}

.security-radar::before { top: 50%; left: 5%; width: 90%; height: 1px; }
.security-radar::after { top: 5%; left: 50%; width: 1px; height: 90%; }

.security-radar-sweep {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: 50%;
    animation: security-sweep 7s linear infinite;
}

.security-radar-sweep::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    content: "";
    transform-origin: 0 0;
    background: conic-gradient(from -6deg at 0 0,rgba(57,181,239,.28),transparent 28deg);
}

.security-radar-core {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    width: 96px;
    height: 96px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 30px;
    background: linear-gradient(145deg,rgba(255,255,255,.28),rgba(57,181,239,.13));
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.36),0 20px 40px rgba(0,0,0,.24);
    backdrop-filter: blur(14px);
    transform: translate(-50%,-50%) rotate(-6deg);
}

.security-radar-core i { margin-top: 12px; color: #9fe0ff; font-size: 2rem; }
.security-radar-core span { margin-top: -14px; font-size: .48rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.security-blip {
    position: absolute;
    z-index: 3;
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #39b5ef;
    box-shadow: 0 0 0 7px rgba(57,181,239,.11);
    animation: security-blip-pulse 2.4s ease-in-out infinite;
}

.blip-one { top: 22%; left: 32%; }
.blip-two { top: 62%; right: 18%; animation-delay: -.8s; }
.blip-three { bottom: 18%; left: 24%; animation-delay: -1.6s; }

.security-radar-label {
    position: absolute;
    z-index: 3;
    color: rgba(255,255,255,.48);
    font-size: .48rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.label-endpoint { top: 16%; right: 14%; }
.label-cloud { bottom: 14%; left: 18%; }

.security-response-panel {
    grid-column: span 8;
    min-height: 238px;
    display: grid;
    grid-template-columns: minmax(220px,.72fr) minmax(0,1.28fr);
    gap: 24px;
    align-items: center;
    align-content: center;
    padding: 32px 34px;
    border: 1px solid rgba(21,139,211,.12);
    background:
        radial-gradient(circle at 100% 0%,rgba(57,181,239,.14),transparent 34%),
        rgba(255,255,255,.92);
    box-shadow: 0 20px 54px rgba(20,50,75,.08);
}

.security-response-copy .security-eyebrow { margin-bottom: 12px; }
body.page-services .security-response-panel h3 {
    max-width: 340px;
    color: var(--inner-ink);
    font-size: 1.14rem;
    line-height: 1.25;
}

.security-response-flow {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
}

.security-response-flow > div {
    position: relative;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px;
    border: 1px solid rgba(21,139,211,.1);
    border-radius: 17px;
    background: #f2f7fa;
}

.security-response-flow > div:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: -8px;
    z-index: 2;
    width: 8px;
    height: 1px;
    content: "";
    background: var(--inner-cyan);
}

.security-response-flow span {
    position: absolute;
    top: 13px;
    right: 13px;
    color: #9aabba;
    font-family: 'Space Grotesk',sans-serif;
    font-size: .5rem;
}

.security-response-flow i { margin-bottom: auto; color: var(--inner-blue); }
.security-response-flow strong { color: var(--inner-ink); font-size: .7rem; }
.security-response-flow small { margin-top: 3px; color: #8397a8; font-size: .53rem; }

.security-compliance-panel {
    grid-column: span 4;
    min-height: 238px;
    padding: 34px;
    border: 1px solid rgba(57,181,239,.14);
    background:
        radial-gradient(circle at 92% 5%,rgba(57,181,239,.2),transparent 35%),
        linear-gradient(145deg,#0a2035,#0b304f);
    box-shadow: 0 20px 54px rgba(8,17,31,.14);
}

.security-compliance-panel .security-eyebrow { color: #39b5ef; background: rgba(21,139,211,.14); border-color: rgba(57,181,239,.22); }
body.page-services .security-compliance-panel h3 {
    max-width: 340px;
    margin-bottom: 14px;
    color: #fff;
    font-size: 1.14rem;
    line-height: 1.25;
}

body.page-services .security-compliance-panel p {
    max-width: 340px;
    margin-bottom: 22px;
    color: rgba(255,255,255,.62);
    font-size: .76rem;
    line-height: 1.6;
}

.security-compliance-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.security-compliance-tags span {
    padding: 6px 9px;
    border: 1px solid rgba(57,181,239,.15);
    border-radius: 999px;
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.72);
    font-size: .55rem;
    font-weight: 700;
}

@keyframes security-sweep { to { transform: rotate(360deg); } }
@keyframes security-blip-pulse { 50% { opacity: .35; transform: scale(.72); } }

@media (max-width: 1024px) {
    body.page-services #seguranca .security-head { grid-template-columns: 1fr; gap: 20px; }
    body.page-services #seguranca .security-head p { margin-top: 0 !important; }
    .security-command-panel { grid-template-columns: 1fr; gap: 30px; }
    .security-radar { justify-self: center; }
    .security-response-panel,
    .security-compliance-panel { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
    body.page-services #seguranca .security-head h2 { font-size: 3rem !important; }
    .security-command-panel { padding: 30px; }
    .security-radar { width: min(100%,310px); }
    .security-response-panel { grid-template-columns: 1fr; padding: 28px; }
    .security-compliance-panel { padding: 28px; }
}

@media (max-width: 480px) {
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel { border-radius: 20px; }
    .security-command-panel h3 { font-size: 1.14rem; }
    .security-response-flow { grid-template-columns: 1fr; }
    .security-response-flow > div { min-height: 110px; }
    .security-response-flow > div::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .security-radar-sweep,
    .security-blip { animation: none; }
}

/* Backup fold: protected data journey and recovery dashboard */
body.page-services #backup .backup-head {
    align-items: center;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 40px;
    margin-bottom: 34px !important;
}

body.page-services #backup .backup-head h2 {
    max-width: 580px;
    color: var(--inner-ink) !important;
    font-size: var(--type-section) !important;
}

body.page-services #backup .backup-title-line {
    color: inherit;
    white-space: nowrap;
}

body.page-services #backup .backup-head p {
    align-self: center;
    margin-top: 0 !important;
}

.backup-dashboard {
    display: grid;
    gap: 14px;
}

.backup-journey-panel,
.backup-metrics-panel {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
}

.backup-journey-panel {
    min-height: 430px;
    display: grid;
    grid-template-columns: minmax(0,.88fr) minmax(520px,1.12fr);
    align-items: center;
    gap: 32px;
    padding: 46px 50px;
    border: 1px solid rgba(57,181,239,.16);
    background:
        radial-gradient(circle at 86% 14%,rgba(21,139,211,.28),transparent 31%),
        radial-gradient(circle at 54% 120%,rgba(57,181,239,.13),transparent 38%),
        linear-gradient(145deg,#06101d,#081d32 62%,#0a2a47);
    box-shadow: 0 28px 74px rgba(8,17,31,.21);
}

.backup-journey-panel::before {
    position: absolute;
    inset: 0;
    content: "";
    opacity: .4;
    background-image:
        radial-gradient(circle at 1px 1px,rgba(57,181,239,.12) 1px,transparent 1px);
    background-size: 26px 26px;
    mask-image: linear-gradient(90deg,transparent 18%,#000 70%,transparent);
    pointer-events: none;
}

.backup-journey-copy {
    position: relative;
    z-index: 3;
    max-width: 490px;
}

body.page-services .backup-eyebrow {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    margin-bottom: 18px;
    padding: 6px 13px;
    border: 1px solid rgba(21, 139, 211, 0.22);
    border-radius: 999px;
    background: rgba(21, 139, 211, 0.07);
    color: var(--primary);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.backup-journey-panel .backup-eyebrow { color: #39b5ef; background: rgba(21,139,211,.14); border-color: rgba(57,181,239,.22); }

body.page-services .backup-journey-panel h3,
body.page-services .backup-metrics-panel h3 {
    font-family: 'Space Grotesk',sans-serif;
    letter-spacing: -.04em;
}

body.page-services .backup-journey-panel h3 {
    max-width: 470px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 1.14rem;
    line-height: .98;
}

body.page-services .backup-journey-panel p {
    max-width: 490px;
    margin-bottom: 28px;
    color: rgba(255,255,255,.65);
    font-size: .88rem;
    line-height: 1.7;
}

body.page-services .backup-alert {
    max-width: 430px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(57,181,239,.14);
    border-radius: 13px;
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.72);
    font-size: .63rem;
    line-height: 1.4;
}

.backup-alert i { color: #39b5ef; }

.backup-flow {
    position: relative;
    z-index: 2;
    min-height: 330px;
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr;
    align-items: center;
    gap: 18px;
}

.backup-flow-line {
    position: absolute;
    top: 50%;
    left: 9%;
    z-index: -1;
    width: 82%;
    height: 1px;
    background: linear-gradient(90deg,rgba(57,181,239,.08),#39b5ef,rgba(57,181,239,.08));
}

.backup-flow-line::after {
    position: absolute;
    top: -3px;
    left: 0;
    width: 7px;
    height: 7px;
    content: "";
    border-radius: 50%;
    background: #39b5ef;
    box-shadow: 0 0 0 6px rgba(57,181,239,.1);
    animation: backup-data-travel 4.5s ease-in-out infinite;
}

body.page-services .backup-flow-node {
    position: relative;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 26px;
    background: linear-gradient(145deg,rgba(255,255,255,.24),rgba(57,181,239,.08));
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.32),0 20px 38px rgba(0,0,0,.2);
    backdrop-filter: blur(14px);
}

.backup-flow-node > span {
    position: absolute;
    align-self: flex-end;
    top: 18px;
    color: rgba(255,255,255,.42);
    font-family: 'Space Grotesk',sans-serif;
    font-size: .55rem;
}

.backup-flow-node i { margin-bottom: auto; color: #9fe0ff; font-size: 1.4rem; }
.backup-flow-node strong { font-size: .72rem; }
.backup-flow-node small { margin-top: 3px; color: rgba(255,255,255,.5); font-size: .54rem; }

.backup-vault {
    position: relative;
    height: 210px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50% / 18%;
    background:
        linear-gradient(90deg,rgba(255,255,255,.12),rgba(57,181,239,.28) 50%,rgba(255,255,255,.08)),
        rgba(57,181,239,.07);
    color: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34),0 28px 54px rgba(0,0,0,.24);
    backdrop-filter: blur(16px);
}

.backup-vault::after {
    position: absolute;
    right: 0;
    bottom: 18px;
    left: 0;
    height: 32px;
    content: "";
    border-top: 1px solid rgba(255,255,255,.2);
    border-radius: 50%;
}

.backup-vault-top {
    position: absolute;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: 38px;
    border: 1px solid rgba(255,255,255,.31);
    border-radius: 50%;
    background: rgba(57,181,239,.16);
}

.backup-vault i {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 18px;
    background: rgba(255,255,255,.12);
    color: #9fe0ff;
    font-size: 1.3rem;
}

.backup-vault strong { font-size: .66rem; letter-spacing: .03em; }

.backup-metrics-panel {
    min-height: 170px;
    display: grid;
    grid-template-columns: minmax(260px,.68fr) minmax(0,1.32fr);
    align-items: stretch;
    padding: 14px;
    border: 1px solid rgba(21,139,211,.11);
    background: rgba(255,255,255,.9);
    box-shadow: 0 18px 50px rgba(20,50,75,.07);
}

body.page-services .backup-metrics-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 28px;
}

.backup-metrics-copy .backup-eyebrow { margin-bottom: 10px; }
body.page-services .backup-metrics-panel h3 {
    max-width: 360px;
    color: var(--inner-ink);
    font-size: 1.14rem;
    line-height: 1.08;
}

.backup-metrics {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 8px;
}

.backup-metrics > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    border-radius: 17px;
    background: #f1f7fa;
}

.backup-metrics span { margin-bottom: 15px; color: #8499ab; font-size: .54rem; font-weight: 800; text-transform: uppercase; }
.backup-metrics strong { color: var(--inner-ink); font-size: .7rem; }
.backup-metrics small { margin-top: 4px; color: #879aaa; font-size: .52rem; line-height: 1.3; }

.backup-metrics .backup-metric-active {
    background:
        radial-gradient(circle at 88% 0%,rgba(57,181,239,.2),transparent 38%),
        #081522;
}

.backup-metric-active i { margin-bottom: 15px; color: #35d98a; font-size: .42rem; }
.backup-metrics .backup-metric-active strong { color: #fff; font-size: .82rem; }
.backup-metrics .backup-metric-active small { color: rgba(255,255,255,.5); }

@keyframes backup-data-travel {
    0%,100% { left: 0; opacity: .2; }
    50% { left: 100%; opacity: 1; }
}

@media (max-width: 1100px) {
    .backup-journey-panel { grid-template-columns: 1fr; }
    .backup-flow { width: min(100%,680px); justify-self: center; }
}

@media (max-width: 1024px) {
    body.page-services #backup .backup-head { grid-template-columns: 1fr; gap: 20px; }
    .backup-metrics-panel { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    body.page-services #backup .backup-head h2 { font-size: 3rem !important; }
    .backup-journey-panel { padding: 30px; }
    .backup-flow { grid-template-columns: 1fr; gap: 10px; }
    .backup-flow-line { display: none; }
    .backup-flow-node { min-height: 110px; }
    .backup-vault { width: min(100%,240px); justify-self: center; }
    .backup-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 480px) {
    .backup-journey-panel,
    .backup-metrics-panel { border-radius: 20px; }
    .backup-journey-panel h3 { font-size: 1.14rem; }
    .backup-metrics { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .backup-flow-line::after { animation: none; }
}

/* Shared heading rhythm for the remaining service folds */
body.page-services :is(#devices .devices-head,#identity .identity-head,#suporte .support-head) {
    align-items: center;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 40px;
    margin-bottom: 34px !important;
}

body.page-services :is(#devices .devices-head,#identity .identity-head,#suporte .support-head) h2 {
    max-width: 590px;
    color: var(--inner-ink) !important;
    font-size: var(--type-section) !important;
}

body.page-services :is(#devices .devices-head,#identity .identity-head) h2 {
    font-size: var(--type-section) !important;
}

.devices-title-line,.identity-title-line,.support-title-line { color: inherit; white-space: nowrap; }
body.page-services :is(#devices .devices-head,#identity .identity-head,#suporte .support-head) p { align-self: center; margin-top: 0 !important; }

.devices-dashboard,.identity-dashboard,.support-dashboard { display: grid; gap: 14px; }
.devices-console,.devices-metrics,.identity-control-panel,.identity-audit-panel,.support-command-panel,.support-levels-panel {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
}

/* Devices */
body.page-services .devices-console {
    min-height: 430px;
    display: grid;
    grid-template-columns: minmax(320px,.72fr) minmax(0,1.28fr);
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(21,139,211,.11);
    background: rgba(255,255,255,.9);
    box-shadow: 0 24px 66px rgba(20,50,75,.1);
}
body.page-services .devices-console-copy {
    display: flex; flex-direction: column; justify-content: center; padding: 40px;
    border-radius: 20px;
    background: radial-gradient(circle at 90% 5%,rgba(57,181,239,.2),transparent 32%),linear-gradient(145deg,#06101d,#0a2945);
    color: #fff;
}
body.page-services .devices-eyebrow,body.page-services .identity-eyebrow,body.page-services .support-eyebrow {
    display: inline-flex; align-items: center; gap: 8px; width: fit-content; margin-bottom: 18px;
    padding: 6px 13px; border: 1px solid rgba(21, 139, 211, 0.22); border-radius: 999px; background: rgba(21, 139, 211, 0.07);
    color: var(--primary); font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
}
.devices-console-copy .devices-eyebrow,.identity-control-copy .identity-eyebrow,.support-command-copy .support-eyebrow { color: #39b5ef; background: rgba(21,139,211,.14); border-color: rgba(57,181,239,.22); }
.devices-console h3,.identity-control-panel h3,.identity-audit-panel h3,.support-command-panel h3,.support-levels-panel h3 {
    font-family: 'Space Grotesk',sans-serif; letter-spacing: -.04em;
}
body.page-services .devices-console-copy h3 { margin-bottom: 18px; font-size: 1.14rem; line-height: 1.25; }
body.page-services .devices-console-copy p { margin-bottom: 28px; color: rgba(255,255,255,.64); font-size: .84rem; line-height: 1.7; }
body.page-services .devices-console-status { display: grid; grid-template-columns: 12px 1fr; gap: 2px 8px; padding: 13px; border: 1px solid rgba(57,181,239,.14); border-radius: 13px; background: rgba(255,255,255,.06); }
.devices-console-status i { grid-row: 1 / 3; align-self: center; color: #35d98a; font-size: .4rem; }
.devices-console-status span { color: #9bdcff; font-size: .54rem; text-transform: uppercase; }
.devices-console-status strong { font-size: .65rem; }
body.page-services .devices-fleet { padding: 26px; border-radius: 20px; background: radial-gradient(circle at 88% 0%,rgba(57,181,239,.13),transparent 34%),#eef6fa; }
.devices-fleet-head { display: grid; grid-template-columns: 1fr auto; margin-bottom: 18px; }
.devices-fleet-head span { grid-column: 1 / -1; color: #087dbd; font-size: .58rem; font-weight: 800; text-transform: uppercase; }
.devices-fleet-head strong { margin-top: 3px; color: var(--inner-ink); font-size: 1.25rem; }
.devices-fleet-head small { align-self: end; color: #8296a8; font-size: .58rem; }
.devices-fleet-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.devices-fleet-grid > div { min-height: 138px; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; border: 1px solid rgba(21,139,211,.09); border-radius: 18px; background: rgba(255,255,255,.82); }
.devices-fleet-grid i { margin-bottom: auto; color: var(--inner-blue); font-size: 1.25rem; }
.devices-fleet-grid span { color: #8499aa; font-size: .55rem; text-transform: uppercase; }
.devices-fleet-grid strong { margin-top: 3px; color: var(--inner-ink); font-size: .72rem; }
.devices-fleet-grid small { margin-top: 7px; color: #8095a6; font-size: .53rem; }
.devices-fleet-grid b { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; background: #35d98a; }
.devices-fleet-grid .devices-fleet-highlight { background: linear-gradient(145deg,#092039,#0b304f); }
.devices-fleet-highlight :is(i,strong) { color: #fff; }.devices-fleet-highlight span { color: #39b5ef; }.devices-fleet-highlight small { color: rgba(255,255,255,.5); }
body.page-services .devices-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; padding: 14px; border: 1px solid rgba(21,139,211,.1); background: rgba(255,255,255,.88); }
.devices-metrics > div { min-height: 130px; display: grid; grid-template-columns: 1fr auto; align-content: end; padding: 18px; border-radius: 17px; background: #f0f6f9; }
.devices-metrics span { align-self: start; color: #93a5b4; font-size: .55rem; }.devices-metrics i { color: var(--inner-blue); }
.devices-metrics strong,.devices-metrics small { grid-column: 1 / -1; }.devices-metrics strong { margin-top: 22px; color: var(--inner-ink); font-size: .72rem; }.devices-metrics small { margin-top: 3px; color: #8297a8; font-size: .53rem; }
.devices-metrics .devices-metric-dark { background: #081522; }.devices-metric-dark :is(i,strong) { color: #fff; }.devices-metric-dark span { color: #39b5ef; }.devices-metric-dark small { color: rgba(255,255,255,.5); }

/* Identity */
.identity-control-panel {
    min-height: 430px; display: grid; grid-template-columns: minmax(0,.88fr) minmax(430px,1.12fr); align-items: center; gap: 38px; padding: 46px 50px;
    border: 1px solid rgba(57,181,239,.15); background: radial-gradient(circle at 86% 12%,rgba(21,139,211,.27),transparent 31%),linear-gradient(145deg,#06101d,#09243d); box-shadow: 0 28px 72px rgba(8,17,31,.2);
}
.identity-control-copy { position: relative; z-index: 2; color: #fff; }
body.page-services .identity-control-copy h3 { max-width: 490px; margin-bottom: 20px; font-size: 1.14rem; line-height: 1.25; }
body.page-services .identity-control-copy p { max-width: 490px; margin-bottom: 28px; color: rgba(255,255,255,.64); font-size: .86rem; line-height: 1.7; }
body.page-services .identity-risk { display: grid; grid-template-columns: 38px 1fr; gap: 2px 10px; max-width: 420px; padding: 13px; border: 1px solid rgba(57,181,239,.14); border-radius: 13px; background: rgba(255,255,255,.06); }
.identity-risk i { grid-row: 1 / 3; display: grid; place-items: center; color: #39b5ef; }.identity-risk span { color: #9bdcff; font-size: .54rem; text-transform: uppercase; }.identity-risk strong { font-size: .64rem; }
.identity-map { position: relative; width: min(100%,430px); aspect-ratio: 1; justify-self: center; }
.identity-map::before { position: absolute; inset: 12%; content: ""; border: 1px solid rgba(57,181,239,.13); border-radius: 50%; box-shadow: 0 0 0 38px rgba(57,181,239,.025); }
.identity-map-core { position: absolute; top: 50%; left: 50%; z-index: 3; width: 112px; height: 112px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 32px; background: linear-gradient(145deg,rgba(255,255,255,.28),rgba(57,181,239,.12)); color: #fff; transform: translate(-50%,-50%) rotate(-5deg); backdrop-filter: blur(14px); }
.identity-map-core i { margin-top: 14px; color: #9fe0ff; font-size: 2rem; }.identity-map-core span { margin-top: -18px; font-size: .52rem; font-weight: 800; text-transform: uppercase; }
.identity-map-line { position: absolute; top: 50%; left: 50%; width: 30%; height: 1px; background: rgba(57,181,239,.25); transform-origin: left; }.line-one { transform: rotate(-138deg); }.line-two { transform: rotate(-28deg); }.line-three { transform: rotate(100deg); }
body.page-services .identity-map-node { position: absolute; z-index: 4; width: 98px; height: 98px; display: flex; flex-direction: column; justify-content: center; padding: 14px; border: 1px solid rgba(255,255,255,.2); border-radius: 25px; background: rgba(255,255,255,.12); color: #fff; backdrop-filter: blur(12px); }
.identity-map-node i { margin-bottom: 10px; color: #39b5ef; }.identity-map-node strong { font-size: .66rem; }.identity-map-node small { margin-top: 2px; color: rgba(255,255,255,.48); font-size: .5rem; }
.identity-ad { top: 5%; left: 5%; }.identity-m365 { top: 17%; right: 0; }.identity-google { bottom: 2%; left: 22%; }
.identity-audit-panel { min-height: 170px; display: grid; grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr); align-items: stretch; padding: 14px; border: 1px solid rgba(21,139,211,.1); background: rgba(255,255,255,.9); box-shadow: 0 18px 50px rgba(20,50,75,.07); }
body.page-services .identity-audit-copy { display: flex; flex-direction: column; justify-content: center; padding: 24px 28px; }.identity-audit-copy .identity-eyebrow { margin-bottom: 10px; }.identity-audit-copy h3 { color: var(--inner-ink); font-size: 1.14rem; }
.identity-audit-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }.identity-audit-steps > div { display: flex; flex-direction: column; justify-content: center; padding: 18px; border-radius: 17px; background: #f1f7fa; }.identity-audit-steps span { margin-bottom: 17px; color: #91a4b5; font-size: .54rem; }.identity-audit-steps strong { color: var(--inner-ink); font-size: .7rem; }.identity-audit-steps small { margin-top: 3px; color: #879aaa; font-size: .52rem; }.identity-audit-active { background: #081522 !important; }.identity-audit-active i { margin-bottom: 17px; color: #35d98a; font-size: .4rem; }.identity-audit-active strong { color: #fff; }.identity-audit-active small { color: rgba(255,255,255,.5); }

/* Support */
.support-command-panel { min-height: 420px; display: grid; grid-template-columns: minmax(0,.88fr) minmax(430px,1.12fr); gap: 44px; align-items: center; padding: 46px 50px; border: 1px solid rgba(57,181,239,.15); background: radial-gradient(circle at 86% 10%,rgba(21,139,211,.27),transparent 32%),linear-gradient(145deg,#050d18,#09253f); box-shadow: 0 28px 72px rgba(8,17,31,.2); }
.support-command-copy { color: #fff; }.support-command-copy h3 { max-width: 490px; margin-bottom: 20px; font-size: 1.14rem; line-height: 1.25; }.support-command-copy p { max-width: 490px; margin-bottom: 28px; color: rgba(255,255,255,.64); font-size: 1.14rem; line-height: 1.7; }
body.page-services .support-contract { display: grid; grid-template-columns: 38px 1fr; gap: 2px 10px; max-width: 390px; padding: 13px; border: 1px solid rgba(57,181,239,.14); border-radius: 13px; background: rgba(255,255,255,.06); }.support-contract i { grid-row: 1 / 3; display: grid; place-items: center; color: #39b5ef; }.support-contract span { color: #9bdcff; font-size: .54rem; text-transform: uppercase; }.support-contract strong { font-size: .64rem; }
body.page-services .support-queue { padding: 24px; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; background: rgba(255,255,255,.1); backdrop-filter: blur(15px); }.support-queue-head { display: grid; grid-template-columns: 1fr auto; margin-bottom: 15px; }.support-queue-head span { grid-column: 1 / -1; color: #39b5ef; font-size: .55rem; text-transform: uppercase; }.support-queue-head strong { margin-top: 3px; color: #fff; font-size: 1.15rem; }.support-queue-head small { align-self: end; color: rgba(255,255,255,.5); font-size: .53rem; }.support-queue-head small i { color: #35d98a; font-size: .38rem; }
body.page-services .support-ticket { display: grid; grid-template-columns: 72px 1fr auto; grid-template-rows: auto auto; gap: 3px 10px; padding: 14px; border-top: 1px solid rgba(255,255,255,.1); }.support-ticket > span { grid-row: 1 / 3; align-self: center; color: #39b5ef; font-size: .56rem; }.support-ticket strong { color: #fff; font-size: .68rem; }.support-ticket small { color: rgba(255,255,255,.45); font-size: .52rem; }.support-ticket b { grid-row: 1 / 3; grid-column: 3; align-self: center; padding: 6px 8px; border-radius: 999px; background: rgba(57,181,239,.12); color: #9bdcff; font-size: .52rem; }.support-ticket-done b { color: #35d98a; }
body.page-services .support-levels-panel { min-height: 170px; display: grid; grid-template-columns: minmax(260px,.7fr) minmax(0,1.3fr); padding: 14px; border: 1px solid rgba(21,139,211,.1); background: rgba(255,255,255,.9); box-shadow: 0 18px 50px rgba(20,50,75,.07); }.support-levels-copy { display: flex; flex-direction: column; justify-content: center; padding: 24px 28px; }.support-levels-copy .support-eyebrow { margin-bottom: 10px; }.support-levels-copy h3 { color: var(--inner-ink); font-size: 1.14rem; }.support-levels { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }.support-levels > div { display: flex; flex-direction: column; justify-content: center; padding: 18px; border-radius: 17px; background: #f1f7fa; }.support-levels span { margin-bottom: 17px; color: #087dbd; font-family: 'Space Grotesk',sans-serif; font-size: 1.14rem; font-weight: 800; }.support-levels strong { color: var(--inner-ink); font-size: 1.14rem; }.support-levels small { margin-top: 3px; color: #879aaa; font-size: 1.14rem; }.support-level-report { background: #081522 !important; }.support-level-report i { margin-bottom: auto; color: #39b5ef; }.support-level-report strong { color: #fff; }.support-level-report small { color: rgba(255,255,255,.5); }

@media (max-width: 1100px) {
    .devices-console,.identity-control-panel,.support-command-panel { grid-template-columns: 1fr; }
    .identity-map { margin-top: 10px; }
}
@media (max-width: 1024px) {
    body.page-services :is(#devices .devices-head,#identity .identity-head,#suporte .support-head) { grid-template-columns: 1fr; gap: 20px; }
    .identity-audit-panel,.support-levels-panel { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    body.page-services :is(#devices .devices-head,#identity .identity-head,#suporte .support-head) h2 { font-size: 3rem !important; }
    .devices-console-copy,.identity-control-panel,.support-command-panel { padding: 30px; }
    .devices-fleet-grid,.devices-metrics,.identity-audit-steps,.support-levels { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 480px) {
    .devices-console,.devices-metrics,.identity-control-panel,.identity-audit-panel,.support-command-panel,.support-levels-panel { border-radius: 20px; }
    .devices-fleet-grid,.devices-metrics,.identity-audit-steps,.support-levels { grid-template-columns: 1fr; }
    .identity-map { transform: scale(.82); margin: -30px; }
}

/* Complementary services, FAQ and final CTA */
body.page-services #complementares .complementary-head {
    max-width: none;
    display: grid;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: 12px 56px;
    margin-bottom: 34px !important;
}
body.page-services #complementares .complementary-head > span { grid-column: 1; justify-self: start; margin: 0 !important; }
body.page-services #complementares .complementary-head h2 { grid-column: 1; max-width: 590px; margin: 0 !important; color: var(--inner-ink) !important; font-size: var(--type-section) !important; }
body.page-services #complementares .complementary-head h2 span { color: inherit !important; }
body.page-services #complementares .complementary-head p { grid-column: 2; grid-row: 1 / 3; align-self: center; margin: 0 !important; padding-left: 28px; border-left: 1px solid rgba(21,139,211,.18); }
body.page-services #complementares > .container > .grid { border-radius: 26px; }
body.page-services #complementares .light-card { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; text-align: left !important; }
body.page-services #complementares .light-card > div { margin: 0 0 auto !important; background: rgba(57,181,239,.09) !important; color: #39b5ef !important; }
body.page-services #complementares .light-card h3 { margin-top: 20px; }

body.page-services #faq > .container {
    display: grid;
    grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr);
    align-items: start;
    gap: 56px;
}
body.page-services #faq .faq-head {
    position: sticky;
    top: 170px;
    max-width: none;
    display: block;
    margin: 0 !important;
    padding: 38px;
    border: 1px solid rgba(57,181,239,.15);
    border-radius: 26px;
    background: radial-gradient(circle at 90% 0%,rgba(57,181,239,.2),transparent 35%),linear-gradient(145deg,#06101d,#0a2945);
    box-shadow: 0 24px 62px rgba(8,17,31,.17);
}
body.page-services #faq .faq-head > span { margin-bottom: 22px !important; border-color: rgba(57,181,239,.14) !important; background: rgba(255,255,255,.07) !important; color: #39b5ef !important; }
body.page-services #faq .faq-head h2 { margin-bottom: 16px !important; color: #fff !important; font-size: var(--type-section) !important; }
body.page-services #faq .faq-head p { margin: 0 !important; color: rgba(255,255,255,.62) !important; }
body.page-services #faq > .container > .max-w-3xl { width: 100%; max-width: none; margin: 0; }
body.page-services #faq .faq-item { border-radius: 17px !important; background: rgba(255,255,255,.9) !important; }
body.page-services #faq .faq-toggle { min-height: 72px; padding: 20px 22px !important; }
body.page-services #faq .faq-toggle > span { font-family: 'Space Grotesk',sans-serif; font-size: .88rem; }

body.page-services .services-cta { padding: 54px 0 90px !important; }
body.page-services .services-cta .container { width: min(100% - 88px,1180px) !important; }
body.page-services .services-cta-panel {
    position: relative;
    max-width: none !important;
    min-height: 438px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 64px 54px;
    border: 1px solid rgba(57,181,239,.16);
    border-radius: 28px;
    background-color: #06101d !important;
    background-image:
        linear-gradient(135deg,rgba(7,16,30,.92) 0%,rgba(8,31,50,.88) 45%,rgba(7,16,30,.82) 100%),
        radial-gradient(circle at 88% 8%,rgba(57,181,239,.24),transparent 31%),
        radial-gradient(circle at 10% 100%,rgba(21,139,211,.14),transparent 34%),
        url("../images/4.png") !important;
    background-position: center, 88% 8%, 10% 100%, center 42% !important;
    background-size: auto, auto, auto, cover !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 30px 78px rgba(8,17,31,.2);
}
body.page-services .services-cta-panel::before { position: absolute; inset: 0; content: ""; opacity: .35; background-image: radial-gradient(circle at 1px 1px,rgba(57,181,239,.12) 1px,transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(90deg,transparent,#000,transparent); pointer-events: none; }
body.page-services .services-cta-panel > * { position: relative; z-index: 1; }
body.page-services .services-cta-panel h2 { max-width: 760px; margin-right: auto; margin-left: auto; color: #fff !important; font-size: var(--type-section) !important; }
body.page-services .services-cta-panel h2 span { color: #fff !important; }
body.page-services .services-cta-panel p { max-width: 700px; margin-right: auto; margin-left: auto; color: rgba(255,255,255,.64) !important; }
body.page-services .services-cta-panel a { border-radius: 999px !important; }
body.page-services .services-cta-panel a:last-child { border-color: rgba(255,255,255,.5) !important; background: rgba(255,255,255,.08) !important; color: #fff !important; }
body.page-services .services-cta-panel a:last-child i { color: #39b5ef !important; }

body.page-services .services-cta-photo {
    padding: 0 !important;
    background: transparent !important;
}
body.page-services .services-cta-photo .cta-photo-content {
    width: 100%;
    max-width: 1180px !important;
    padding-right: 44px !important;
    padding-left: 44px !important;
}
body.page-services .services-cta-photo .services-cta-panel {
    max-width: 640px !important;
    min-height: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    box-shadow: none;
    text-align: left !important;
}
body.page-services .services-cta-photo .services-cta-panel::before {
    display: none;
}
body.page-services .services-cta-photo .services-cta-panel h2,
body.page-services .services-cta-photo .services-cta-panel p {
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
}
body.page-services .services-cta-photo .services-cta-panel h2 {
    max-width: 640px !important;
    margin-bottom: 0 !important;
    font-size: var(--type-section) !important;
    line-height: 1.08 !important;
}
body.page-services .services-cta-photo .services-cta-panel h2 span {
    color: #39b5ef !important;
    -webkit-text-fill-color: #39b5ef !important;
}
body.page-services .services-cta-photo .services-cta-panel p {
    max-width: 480px !important;
    margin-bottom: 0 !important;
    font-size: var(--type-subtitle) !important;
    line-height: 1.7 !important;
}
body.page-services .services-cta-photo .services-cta-panel .btn-primary {
    min-height: 54px;
    padding: 0 30px;
    border-radius: 999px;
    font-size: .9rem;
}
body.page-services .services-cta-photo .services-cta-panel .text-link-light {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: rgba(255,255,255,.55) !important;
    font-size: .9rem !important;
}
body.page-services .services-cta-photo .services-cta-panel .text-link-light:hover {
    color: rgba(255,255,255,.85) !important;
}

@media (max-width: 1024px) {
    body.page-services #complementares .complementary-head,
    body.page-services #faq > .container { grid-template-columns: 1fr; gap: 24px; }
    body.page-services #complementares .complementary-head p { grid-column: 1; grid-row: auto; padding: 0; border: 0; }
    body.page-services #faq .faq-head { position: relative; top: auto; }
    body.page-services .services-cta .container { width: min(100% - 48px,1180px) !important; }
}
@media (max-width: 480px) {
    body.page-services .services-cta .container { width: min(100% - 32px,1180px) !important; }
    body.page-services .services-cta-panel { padding: 42px 24px; border-radius: 20px; }
}

/* Final Devices composition: editorial 3D showcase inspired by the reference */
.devices-showcase {
    position: relative;
    min-height: 590px;
    display: grid;
    grid-template-columns: minmax(330px,.72fr) minmax(0,1.28fr);
    align-items: center;
    gap: 20px;
    overflow: hidden;
    padding: 54px 48px 150px;
    border: 1px solid rgba(21,139,211,.12);
    border-radius: 28px;
    background:
        radial-gradient(circle at 86% 8%,rgba(57,181,239,.16),transparent 30%),
        linear-gradient(145deg,#fbfdff,#eaf4fa);
    box-shadow: 0 28px 76px rgba(20,50,75,.11);
}

.devices-showcase::before {
    content: none;
}

body.page-services .devices-showcase-copy {
    position: relative;
    z-index: 3;
    padding-top: 34px;
}

body.page-services .devices-showcase-copy h3 {
    max-width: 430px;
    margin-bottom: 20px;
    color: var(--inner-ink);
    font-family: 'Space Grotesk',sans-serif;
    font-size: 1.14rem;
    line-height: .98;
    letter-spacing: -.045em;
}

body.page-services .devices-showcase-copy p {
    max-width: 410px;
    margin-bottom: 26px;
    color: var(--inner-muted);
    font-size: .86rem;
    line-height: 1.7;
}

.devices-showcase-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.devices-showcase-tags span {
    padding: 7px 10px;
    border: 1px solid rgba(21,139,211,.13);
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    color: #087dbd;
    font-size: .58rem;
    font-weight: 700;
}

.devices-showcase-art {
    position: relative;
    z-index: 1;
    min-height: 420px;
    align-self: start;
    margin: -22px -34px 0 -60px;
}

.devices-showcase-art::after {
    position: absolute;
    right: 8%;
    bottom: 6%;
    left: 12%;
    height: 30px;
    content: "";
    border-radius: 50%;
    background: rgba(15,48,75,.12);
    filter: blur(18px);
}

.devices-orbit {
    position: absolute;
    top: 48%;
    left: 52%;
    border: 1px solid rgba(21,139,211,.17);
    border-radius: 50%;
    transform: translate(-50%,-50%) rotate(-8deg);
}
.orbit-outer { width: 470px; height: 250px; }
.orbit-inner { width: 360px; height: 188px; border-style: dashed; animation: device-orbit-drift 16s linear infinite; }

.devices-platform {
    position: absolute;
    bottom: 36px;
    left: 52%;
    z-index: 2;
    width: 360px;
    height: 118px;
    border: 1px solid rgba(21,139,211,.26);
    border-radius: 50%;
    background:
        radial-gradient(ellipse at center,rgba(57,181,239,.18),transparent 62%),
        linear-gradient(180deg,rgba(255,255,255,.68),rgba(57,181,239,.17));
    box-shadow:
        inset 0 8px 22px rgba(255,255,255,.9),
        inset 0 -16px 28px rgba(21,139,211,.12),
        0 28px 45px rgba(20,50,75,.17),
        0 0 0 16px rgba(255,255,255,.38),
        0 0 0 17px rgba(21,139,211,.12);
    transform: translateX(-50%);
}
.devices-platform::before {
    position: absolute;
    inset: 17px 38px;
    content: "";
    border: 1px solid rgba(21,139,211,.18);
    border-radius: 50%;
    background: rgba(255,255,255,.36);
}

.devices-pillar {
    position: absolute;
    bottom: 54px;
    z-index: 3;
    width: 72px;
    border: 1px solid rgba(21,139,211,.25);
    border-radius: 50% / 12%;
    background: linear-gradient(90deg,rgba(255,255,255,.72),rgba(57,181,239,.28) 46%,rgba(255,255,255,.5));
    box-shadow: inset 0 4px 10px rgba(255,255,255,.8),0 16px 28px rgba(20,50,75,.12);
    backdrop-filter: blur(8px);
}
.devices-pillar::before { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: 18px; content: ""; border: 1px solid rgba(21,139,211,.2); border-radius: 50%; background: rgba(255,255,255,.5); }
.pillar-one { left: 70px; height: 135px; }
.pillar-two { left: 145px; height: 202px; background: linear-gradient(90deg,rgba(21,139,211,.34),rgba(13,126,194,.68),rgba(57,181,239,.32)); }
.pillar-three { right: 68px; height: 158px; }

.devices-glass-device {
    position: absolute;
    z-index: 5;
    display: grid;
    place-items: center;
    border: 1px solid rgba(21,139,211,.22);
    background: linear-gradient(145deg,rgba(255,255,255,.84),rgba(57,181,239,.2));
    color: var(--inner-blue);
    box-shadow: inset 0 1px 0 #fff,0 18px 38px rgba(20,50,75,.14);
    backdrop-filter: blur(12px);
    animation: device-float 5.5s ease-in-out infinite;
}
.devices-glass-device i { position: relative; z-index: 2; font-size: 1.55rem; }
.devices-glass-device span { position: absolute; right: 13px; bottom: 12px; left: 13px; height: 3px; border-radius: 999px; background: linear-gradient(90deg,var(--inner-blue),#39b5ef); }
.device-laptop { top: 52px; left: 4%; width: 126px; height: 102px; border-radius: 24px; transform: rotate(-8deg); }
.device-monitor { top: 24px; right: 2%; width: 142px; height: 114px; border-radius: 26px; animation-delay: -2s; transform: rotate(7deg); }
.device-phone { top: 174px; right: 2%; width: 72px; height: 112px; border-radius: 24px; animation-delay: -3.6s; transform: rotate(9deg); }

.devices-sync-badge,.devices-shield-badge {
    position: absolute;
    z-index: 6;
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(21,139,211,.2);
    border-radius: 50%;
    background: rgba(255,255,255,.72);
    color: var(--inner-blue);
    box-shadow: 0 14px 30px rgba(20,50,75,.12);
    backdrop-filter: blur(10px);
}
.devices-sync-badge { top: 70px; left: 47%; }
.devices-shield-badge { top: 188px; left: 7%; }

@keyframes device-orbit-drift { to { transform: translate(-50%,-50%) rotate(352deg); } }
@keyframes device-float { 50% { translate: 0 -8px; } }

.devices-status-band {
    position: absolute;
    right: 34px;
    bottom: 28px;
    left: 34px;
    z-index: 5;
    min-height: 112px;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    align-items: stretch;
    overflow: hidden;
    padding: 10px;
    border: 1px solid rgba(57,181,239,.13);
    border-radius: 22px;
    background:
        radial-gradient(circle at 92% 0%,rgba(57,181,239,.17),transparent 34%),
        #07101e;
    box-shadow: 0 24px 54px rgba(8,17,31,.23);
}

.devices-status-band > div {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    grid-template-rows: auto auto;
    align-content: center;
    gap: 3px 11px;
    padding: 17px 22px;
    border-right: 1px solid rgba(255,255,255,.09);
}
.devices-status-band > div:last-child { border-right: 0; }
.devices-status-band i {
    grid-row: 1 / 3;
    align-self: center;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    background: rgba(57,181,239,.1);
    color: #39b5ef;
    font-size: .78rem;
}
.devices-status-band span { color: #39b5ef; font-size: .54rem; font-weight: 800; text-transform: uppercase; }
.devices-status-band strong { color: #fff; font-size: .7rem; }

@media (max-width: 1100px) {
    .devices-showcase { grid-template-columns: 1fr; padding-bottom: 154px; }
    .devices-showcase-copy { max-width: 620px; }
    .devices-showcase-art { margin: -50px 0 -10px; }
}

@media (max-width: 768px) {
    .devices-showcase { min-height: 0; padding: 34px 24px 24px; border-radius: 22px; }
    .devices-showcase::before { top: 20px; right: 20px; }
    .devices-showcase-copy { padding-top: 48px; }
    .devices-showcase-art { min-height: 300px; margin: -20px -30px 0; }
    .orbit-outer { width: 340px; height: 190px; }
    .orbit-inner { width: 260px; height: 145px; }
    .devices-platform { width: 290px; transform: translateX(-50%) scale(.85); }
    .device-laptop { left: 2%; transform: rotate(-8deg) scale(.82); }
    .device-monitor { right: 0; transform: rotate(7deg) scale(.82); }
    .devices-status-band { position: relative; right: auto; bottom: auto; left: auto; grid-template-columns: 1fr; margin-top: -18px; }
    .devices-status-band > div { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
    .devices-status-band > div:last-child { border-bottom: 0; }
}

/* Final Support composition: light editorial stage with a compact dark service rail */
.support-showcase {
    position: relative;
    min-height: 590px;
    display: grid;
    grid-template-columns: minmax(340px,.76fr) minmax(0,1.24fr);
    align-items: center;
    gap: 24px;
    overflow: hidden;
    padding: 56px 50px 152px;
    border: 1px solid rgba(21,139,211,.12);
    border-radius: 28px;
    background:
        radial-gradient(circle at 86% 8%,rgba(57,181,239,.16),transparent 31%),
        radial-gradient(circle at 8% 100%,rgba(21,139,211,.08),transparent 35%),
        linear-gradient(145deg,#fcfeff,#eaf4fa);
    box-shadow: 0 28px 76px rgba(20,50,75,.1);
}

.support-showcase::before {
    position: absolute;
    top: 28px;
    right: 30px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    content: "+";
    border-radius: 50%;
    background: #07101e;
    color: #39b5ef;
    font-size: 1.15rem;
    box-shadow: 0 12px 26px rgba(8,17,31,.18);
}

body.page-services .support-showcase-copy {
    position: relative;
    z-index: 3;
    padding-top: 32px;
}
body.page-services .support-showcase-copy h3 {
    max-width: 450px;
    margin-bottom: 20px;
    color: var(--inner-ink);
    font-family: 'Space Grotesk',sans-serif;
    font-size: 1.14rem;
    line-height: 1.25;
    letter-spacing: -.045em;
}
/* Vence a regra "main :is(...,.support-showcase-copy,...) h3 { line-height:1 !important }",
   que sobrepunha o line-height correto do título de três linhas. */
body.page-services .support-showcase-copy .support-three-line-title {
    line-height: 1.25 !important;
}
body.page-services .support-showcase-copy p { max-width: 420px; margin-bottom: 26px; color: var(--inner-muted); font-size: .86rem; line-height: 1.7; }
.support-showcase-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.support-showcase-tags span { padding: 7px 10px; border: 1px solid rgba(21,139,211,.13); border-radius: 999px; background: rgba(255,255,255,.72); color: #087dbd; font-size: .58rem; font-weight: 700; }

.support-visual { position: relative; min-height: 420px; margin: -18px -20px 0 -25px; }
.support-visual-orbit { position: absolute; top: 48%; left: 53%; border: 1px solid rgba(21,139,211,.16); border-radius: 50%; transform: translate(-50%,-50%) rotate(-8deg); }
.orbit-support-one { width: 470px; height: 252px; }
.orbit-support-two { width: 350px; height: 184px; border-style: dashed; animation: support-orbit-drift 18s linear infinite; }
.support-visual-platform { position: absolute; bottom: 38px; left: 53%; width: 360px; height: 116px; border: 1px solid rgba(21,139,211,.24); border-radius: 50%; background: radial-gradient(ellipse,rgba(57,181,239,.18),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.7),rgba(57,181,239,.18)); box-shadow: inset 0 8px 22px rgba(255,255,255,.9),inset 0 -16px 28px rgba(21,139,211,.1),0 28px 45px rgba(20,50,75,.16),0 0 0 16px rgba(255,255,255,.4),0 0 0 17px rgba(21,139,211,.1); transform: translateX(-50%); }
.support-visual-platform::before { position: absolute; inset: 17px 38px; content: ""; border: 1px solid rgba(21,139,211,.17); border-radius: 50%; background: rgba(255,255,255,.35); }
.support-visual-pillar { position: absolute; bottom: 54px; width: 72px; border: 1px solid rgba(21,139,211,.22); border-radius: 50% / 12%; background: linear-gradient(90deg,rgba(255,255,255,.72),rgba(57,181,239,.26),rgba(255,255,255,.5)); box-shadow: inset 0 4px 10px rgba(255,255,255,.8),0 16px 28px rgba(20,50,75,.11); }
.support-visual-pillar::before { position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: 18px; content: ""; border: 1px solid rgba(21,139,211,.18); border-radius: 50%; background: rgba(255,255,255,.48); }
.support-pillar-one { left: 72px; height: 118px; }.support-pillar-two { left: 145px; height: 196px; background: linear-gradient(90deg,rgba(21,139,211,.32),rgba(13,126,194,.65),rgba(57,181,239,.3)); }.support-pillar-three { right: 70px; height: 150px; }
.support-visual-core { position: absolute; top: 42%; left: 53%; z-index: 5; width: 94px; height: 94px; display: grid; place-items: center; border: 1px solid rgba(21,139,211,.22); border-radius: 28px; background: linear-gradient(145deg,rgba(255,255,255,.88),rgba(57,181,239,.26)); color: var(--inner-blue); box-shadow: inset 0 1px 0 #fff,0 18px 38px rgba(20,50,75,.14); transform: translate(-50%,-50%) rotate(-5deg); backdrop-filter: blur(12px); }
.support-visual-core i { margin-top: 13px; font-size: 1.8rem; }.support-visual-core span { margin-top: -17px; color: #527086; font-size: .48rem; font-weight: 800; text-transform: uppercase; }
body.page-services .support-level-bubble { position: absolute; z-index: 6; min-width: 106px; display: flex; flex-direction: column; padding: 13px 15px; border: 1px solid rgba(21,139,211,.16); border-radius: 17px; background: rgba(255,255,255,.75); box-shadow: 0 14px 30px rgba(20,50,75,.11); backdrop-filter: blur(12px); animation: support-bubble-float 5s ease-in-out infinite; }
.support-level-bubble span { color: #087dbd; font-family: 'Space Grotesk',sans-serif; font-size: .58rem; font-weight: 800; }.support-level-bubble strong { margin-top: 3px; color: var(--inner-ink); font-size: .62rem; }
.support-bubble-one { top: 55px; left: 4%; }.support-bubble-two { top: 38px; right: 3%; animation-delay: -1.6s; }.support-bubble-three { right: 2%; bottom: 78px; animation-delay: -3.2s; }

body.page-services .support-service-band { position: absolute; right: 34px; bottom: 28px; left: 34px; z-index: 7; min-height: 112px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: stretch; overflow: hidden; padding: 10px; border: 1px solid rgba(57,181,239,.13); border-radius: 22px; background: radial-gradient(circle at 92% 0%,rgba(57,181,239,.16),transparent 34%),#07101e; box-shadow: 0 24px 54px rgba(8,17,31,.22); }
.support-service-band > div { display: grid; grid-template-columns: 34px minmax(0,1fr); grid-template-rows: auto auto; align-content: center; gap: 3px 11px; padding: 17px 20px; border-right: 1px solid rgba(255,255,255,.09); }.support-service-band > div:last-child { border-right: 0; }
.support-service-band i { grid-row: 1 / 3; align-self: center; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: rgba(57,181,239,.1); color: #39b5ef; font-size: .76rem; }.support-service-band > div:first-child i { color: #35d98a; }
.support-service-band span { color: #39b5ef; font-size: .53rem; font-weight: 800; text-transform: uppercase; }.support-service-band strong { color: #fff; font-size: .67rem; line-height: 1.25; }

@keyframes support-orbit-drift { to { transform: translate(-50%,-50%) rotate(352deg); } }
@keyframes support-bubble-float { 50% { translate: 0 -7px; } }

@media (max-width: 1100px) {
    .support-showcase { grid-template-columns: 1fr; padding-bottom: 154px; }
    .support-showcase-copy { max-width: 620px; }
    .support-visual { margin: -30px 0 -5px; }
}
@media (max-width: 768px) {
    .support-showcase { min-height: 0; gap: 40px; padding: 34px 24px 24px; border-radius: 22px; }
    .support-showcase-copy { padding-top: 48px; }
    .support-visual { min-height: 460px; margin: 20px -28px 0; transform: scale(.86); }
    body.page-services .support-service-band { position: relative !important; right: auto !important; bottom: auto !important; left: auto !important; grid-template-columns: 1fr !important; margin-top: 24px !important; }
    body.page-services .support-service-band > div { grid-template-columns: 34px minmax(0,1fr) !important; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.09); }
    body.page-services .support-service-band > div:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .orbit-support-two,.support-level-bubble { animation: none; }
}

/* Final FAQ composition: light editorial index with numbered accordion */
body.page-services #faq .faq-head {
    min-height: 510px;
    padding: 42px 40px 30px;
    border-color: rgba(21,139,211,.12) !important;
    background:
        radial-gradient(circle at 84% 88%,rgba(57,181,239,.16),transparent 36%),
        linear-gradient(145deg,#fcfeff,#eaf4fa) !important;
    box-shadow: 0 24px 62px rgba(20,50,75,.09) !important;
}
body.page-services #faq .faq-head > span {
    border-color: rgba(21,139,211,.14) !important;
    background: rgba(255,255,255,.74) !important;
    color: #087dbd !important;
}
body.page-services #faq .faq-head h2 {
    max-width: 330px;
    color: var(--inner-ink) !important;
    font-size: var(--type-section) !important;
}
body.page-services #faq .faq-head p {
    max-width: 330px;
    color: var(--inner-muted) !important;
}

.faq-visual {
    position: absolute;
    right: 20px;
    bottom: 8px;
    left: 20px;
    height: 210px;
    isolation: isolate;
    pointer-events: none;
}
.faq-visual::before {
    position: absolute;
    inset: 12px 7% 8px;
    z-index: 0;
    content: "";
    border-radius: 50%;
    background:
        radial-gradient(circle at 36% 35%, rgba(57,181,239,.14), transparent 24%),
        radial-gradient(circle at 68% 63%, rgba(21,139,211,.12), transparent 28%);
    filter: blur(10px);
    opacity: .74;
    transform: translate3d(0,0,0);
    animation: faq-ambient-breathe 7.2s ease-in-out infinite;
}
.faq-visual-ring {
    position: absolute;
    top: 50%;
    left: 52%;
    z-index: 1;
    width: min(82%, 236px);
    height: 126px;
    border: 1px dashed rgba(21,139,211,.2) !important;
    border-radius: 50%;
    transform: translate(-50%,-50%) rotate(-9deg);
    transform-origin: center;
    animation: faq-ring-drift 18s linear infinite;
    will-change: transform;
}
.faq-visual-ring::after {
    position: absolute;
    inset: 17px 20px;
    content: "";
    border: 1px solid rgba(57,181,239,.08) !important;
    border-radius: inherit;
}
.faq-visual-core {
    position: absolute;
    top: 50%;
    left: 52%;
    z-index: 2;
    width: 92px;
    height: 92px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(21,139,211,.2) !important;
    border-radius: 28px;
    background: linear-gradient(145deg,rgba(255,255,255,.92),rgba(57,181,239,.27));
    color: var(--inner-blue);
    font-family: 'Space Grotesk',sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    box-shadow: inset 0 1px 0 #fff,0 18px 36px rgba(20,50,75,.14);
    transform: translate(-50%,-50%) rotate(-5deg);
    animation: faq-core-float 5.4s cubic-bezier(.45,0,.2,1) infinite;
    will-change: transform, box-shadow;
}
.faq-visual-dot {
    position: absolute;
    z-index: 3;
    width: 11px;
    height: 11px;
    border: 2px solid #fff !important;
    border-radius: 50%;
    background: #39b5ef;
    box-shadow: 0 0 0 7px rgba(57,181,239,.1), 0 10px 20px rgba(21,139,211,.18);
    animation: faq-dot-float 4.8s ease-in-out infinite;
    will-change: transform, opacity;
}
.faq-visual-dot.dot-one { top: 42px; left: 18%; animation-name: faq-dot-one; }
.faq-visual-dot.dot-two { top: 68px; right: 16%; animation-name: faq-dot-two; animation-delay: -.9s; }
.faq-visual-dot.dot-three { right: 27%; bottom: 30px; animation-name: faq-dot-three; animation-delay: -1.8s; }

body.page-services #faq > .container > .max-w-3xl { counter-reset: faq-index; }
body.page-services #faq .faq-item {
    counter-increment: faq-index;
    border: 1px solid rgba(21,139,211,.11) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.88) !important;
    box-shadow: 0 14px 38px rgba(20,50,75,.06) !important;
    transition: border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
body.page-services #faq .faq-toggle {
    min-height: 82px;
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr) 38px;
    align-items: center;
    gap: 16px !important;
    padding: 14px 18px !important;
}
body.page-services #faq .faq-toggle::before {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    content: counter(faq-index,decimal-leading-zero);
    border-radius: 13px;
    background: #eef6fa;
    color: #087dbd;
    font-family: 'Space Grotesk',sans-serif;
    font-size: .58rem;
    font-weight: 800;
}
body.page-services #faq .faq-toggle > span { color: var(--inner-ink) !important; line-height: 1.35; }
body.page-services #faq .faq-toggle > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(21,139,211,.08); color: var(--inner-blue) !important; }
body.page-services #faq .faq-content { padding: 0 72px 24px 78px !important; }
body.page-services #faq .faq-content p { margin: 0; color: var(--inner-muted) !important; font-size: .8rem; line-height: 1.65; }

body.page-services #faq .faq-item.is-open {
    border-color: rgba(57,181,239,.16) !important;
    background: radial-gradient(circle at 94% 0%,rgba(57,181,239,.18),transparent 32%),#071625 !important;
    box-shadow: 0 20px 48px rgba(8,17,31,.16) !important;
}
body.page-services #faq .faq-item.is-open .faq-toggle::before { background: rgba(57,181,239,.1); color: #39b5ef; }
body.page-services #faq .faq-item.is-open .faq-toggle > span { color: #fff !important; }
body.page-services #faq .faq-item.is-open .faq-toggle > i { background: rgba(57,181,239,.1); color: #39b5ef !important; }
body.page-services #faq .faq-item.is-open .faq-content p { color: rgba(255,255,255,.64) !important; }

@keyframes faq-ambient-breathe {
    0%, 100% { opacity: .52; transform: scale(.96); }
    50% { opacity: .86; transform: scale(1.04); }
}
@keyframes faq-ring-drift {
    to { transform: translate(-50%,-50%) rotate(351deg); }
}
@keyframes faq-core-float {
    0%, 100% {
        box-shadow: inset 0 1px 0 #fff, 0 18px 36px rgba(20,50,75,.14);
        transform: translate(-50%,-50%) rotate(-5deg) translateY(0);
    }
    50% {
        box-shadow: inset 0 1px 0 #fff, 0 24px 42px rgba(20,50,75,.18);
        transform: translate(-50%,-50%) rotate(-2deg) translateY(-9px);
    }
}
@keyframes faq-dot-one {
    0%, 100% { opacity: .76; transform: translate3d(0,0,0) scale(.92); }
    45% { opacity: 1; transform: translate3d(18px,-12px,0) scale(1.08); }
}
@keyframes faq-dot-two {
    0%, 100% { opacity: .78; transform: translate3d(0,0,0) scale(.94); }
    50% { opacity: 1; transform: translate3d(-16px,14px,0) scale(1.12); }
}
@keyframes faq-dot-three {
    0%, 100% { opacity: .72; transform: translate3d(0,0,0) scale(.9); }
    52% { opacity: 1; transform: translate3d(-10px,-18px,0) scale(1.1); }
}
@media (max-width: 1024px) {
    body.page-services #faq .faq-head { min-height: 380px; }
}
@media (max-width: 640px) {
    body.page-services #faq .faq-head { min-height: 420px; padding: 30px 26px; }
    body.page-services #faq .faq-toggle { grid-template-columns: 40px minmax(0,1fr) 34px; gap: 10px !important; }
    body.page-services #faq .faq-content { padding: 0 22px 22px 72px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .faq-visual::before,
    .faq-visual-ring,
    .faq-visual-core,
    .faq-visual-dot { animation: none; }
}

/* Support corrections: no decorative plus, no repeated orbit, explicit ticket routing */
/* ─── Fase 2: Page-licenses FAQ + CTA — espelha page-services ────── */
body.page-licenses #faq > .container {
    display: grid;
    grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr);
    align-items: start;
    gap: 56px;
}
body.page-licenses #faq .faq-head {
    position: sticky;
    top: 170px;
    min-height: 510px;
    max-width: none;
    display: block;
    margin: 0 !important;
    padding: 42px 40px 30px;
    border: 1px solid rgba(21,139,211,.12) !important;
    border-radius: 26px;
    background:
        radial-gradient(circle at 84% 88%, rgba(57,181,239,.16), transparent 36%),
        linear-gradient(145deg, #fcfeff, #eaf4fa) !important;
    box-shadow: 0 24px 62px rgba(20,50,75,.09) !important;
}
body.page-licenses #faq .faq-head > span { margin-bottom: 22px !important; border-color: rgba(21,139,211,.14) !important; background: rgba(255,255,255,.74) !important; color: #087dbd !important; }
body.page-licenses #faq .faq-head h2 { max-width: 330px; margin-bottom: 16px !important; color: var(--inner-ink) !important; font-size: var(--type-section) !important; }
body.page-licenses #faq .faq-head p { max-width: 330px; margin: 0 !important; color: var(--inner-muted) !important; font-size: .8rem !important; }
body.page-licenses #faq > .container > .max-w-3xl { counter-reset: faq-index; width: 100%; max-width: none; margin: 0; }
body.page-licenses #faq .faq-item {
    counter-increment: faq-index;
    border: 1px solid rgba(21,139,211,.11) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.88) !important;
    box-shadow: 0 14px 38px rgba(20,50,75,.06) !important;
    transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
body.page-licenses #faq .faq-toggle {
    min-height: 82px;
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr) 38px;
    align-items: center;
    gap: 16px !important;
    padding: 14px 18px !important;
}
body.page-licenses #faq .faq-toggle::before {
    width: 42px; height: 42px;
    display: grid; place-items: center;
    content: counter(faq-index, decimal-leading-zero);
    border-radius: 13px;
    background: #eef6fa;
    color: #087dbd;
    font-family: 'Space Grotesk', sans-serif;
    font-size: .58rem; font-weight: 800;
}
body.page-licenses #faq .faq-toggle > span { color: var(--inner-ink) !important; font-family: var(--font-display); font-size: .78rem; line-height: 1.35; }
body.page-licenses #faq .faq-toggle > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: rgba(21,139,211,.08); color: var(--inner-blue) !important; }
body.page-licenses #faq .faq-content { padding: 0 72px 24px 78px !important; }
body.page-licenses #faq .faq-content p { margin: 0; color: var(--inner-muted) !important; font-size: .8rem; line-height: 1.65; }
body.page-licenses #faq .faq-item.is-open {
    border-color: rgba(57,181,239,.16) !important;
    background: radial-gradient(circle at 94% 0%, rgba(57,181,239,.18), transparent 32%), #071625 !important;
    box-shadow: 0 20px 48px rgba(8,17,31,.16) !important;
}
body.page-licenses #faq .faq-item.is-open .faq-toggle::before { background: rgba(57,181,239,.1); color: #39b5ef; }
body.page-licenses #faq .faq-item.is-open .faq-toggle > span { color: #fff !important; }
body.page-licenses #faq .faq-item.is-open .faq-toggle > i { background: rgba(57,181,239,.1); color: #39b5ef !important; }
body.page-licenses #faq .faq-item.is-open .faq-content p { color: rgba(255,255,255,.64) !important; }

body.page-licenses .licenses-cta { padding: 54px 0 90px !important; }
body.page-licenses .licenses-cta .container { width: min(100% - 88px, 1180px) !important; }
body.page-licenses .licenses-cta-panel {
    position: relative;
    max-width: none !important;
    overflow: hidden;
    padding: 64px 54px;
    border: 1px solid rgba(57,181,239,.16);
    border-radius: 28px;
    background: radial-gradient(circle at 88% 8%, rgba(57,181,239,.25), transparent 31%), radial-gradient(circle at 10% 100%, rgba(21,139,211,.14), transparent 34%), linear-gradient(145deg, #06101d, #092944);
    box-shadow: 0 30px 78px rgba(8,17,31,.2);
}
body.page-licenses .licenses-cta-panel::before { position: absolute; inset: 0; content: ""; opacity: .35; background-image: radial-gradient(circle at 1px 1px, rgba(57,181,239,.12) 1px, transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(90deg, transparent, #000, transparent); pointer-events: none; }
body.page-licenses .licenses-cta-panel > * { position: relative; z-index: 1; }
body.page-licenses .licenses-cta-panel h2 { max-width: 760px; margin-right: auto; margin-left: auto; color: #fff !important; font-size: var(--type-section) !important; }
body.page-licenses .licenses-cta-panel h2 span { color: #fff !important; -webkit-text-fill-color: #fff !important; }
body.page-licenses .licenses-cta-panel p { max-width: 700px; margin-right: auto; margin-left: auto; color: rgba(255,255,255,.64) !important; }
body.page-licenses .licenses-cta-panel a { border-radius: 999px !important; }
body.page-licenses .licenses-cta-panel a:last-child { border-color: rgba(255,255,255,.5) !important; background: rgba(255,255,255,.08) !important; color: #fff !important; }
body.page-licenses .licenses-cta-panel a:last-child i { color: #39b5ef !important; }

body.page-licenses .licenses-cta-photo {
    min-height: 620px !important;
    padding: 0 !important;
    background: transparent !important;
}

body.page-licenses .licenses-cta-photo .container,
body.page-licenses .licenses-cta-photo .cta-photo-content {
    width: 100% !important;
    max-width: 1180px !important;
}

body.page-licenses .licenses-cta-photo .licenses-cta-panel {
    max-width: 640px !important;
    padding: 0 !important;
    overflow: visible;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
}

body.page-licenses .licenses-cta-photo .licenses-cta-panel::before {
    display: none !important;
}

body.page-licenses .licenses-cta-photo .licenses-cta-panel h2,
body.page-licenses .licenses-cta-photo .cta-photo-title {
    max-width: 640px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(2rem, 4.2vw, 4.1rem) !important;
    line-height: 1.04 !important;
}

body.page-licenses .licenses-cta-photo .licenses-cta-panel h2 span,
body.page-licenses .licenses-cta-photo .cta-photo-title span {
    color: #39b5ef !important;
    -webkit-text-fill-color: #39b5ef !important;
}

body.page-licenses .licenses-cta-photo .licenses-cta-panel p,
body.page-licenses .licenses-cta-photo .cta-photo-subtitle {
    max-width: 560px !important;
    margin: 0 !important;
    color: rgba(255,255,255,.72) !important;
    font-size: var(--type-body) !important;
}

body.page-licenses .licenses-cta-photo .cta-photo-actions {
    justify-content: flex-start;
}

body.page-licenses .licenses-cta-photo .cta-photo-actions a {
    border-radius: 999px !important;
}

body.page-licenses .licenses-cta-photo .cta-photo-actions a:last-child {
    border: 0 !important;
    background: transparent !important;
    color: rgba(255,255,255,.76) !important;
}

body.page-licenses .licenses-cta-photo .cta-photo-actions a:last-child i {
    color: #39b5ef !important;
}

@media (max-width: 1024px) {
    body.page-licenses #faq > .container { grid-template-columns: 1fr; gap: 24px; }
    body.page-licenses #faq .faq-head { position: relative; top: auto; min-height: 380px; }
    body.page-licenses .licenses-cta .container { width: min(100% - 48px, 1180px) !important; }
}
@media (max-width: 640px) {
    body.page-licenses #faq .faq-head { min-height: 420px; padding: 30px 26px; }
    body.page-licenses #faq .faq-toggle { grid-template-columns: 40px minmax(0,1fr) 34px; gap: 10px !important; }
    body.page-licenses #faq .faq-content { padding: 0 22px 22px 72px !important; }
    body.page-licenses .licenses-cta .container { width: min(100% - 32px, 1180px) !important; }
    body.page-licenses .licenses-cta-panel { padding: 42px 24px; border-radius: 20px; }
    body.page-licenses .licenses-cta-photo .licenses-cta-panel { padding: 0 !important; }
    body.page-licenses .licenses-cta-photo { min-height: 560px !important; }
}

.support-showcase::before { display: none; }

.support-three-line-title span {
    display: block;
    white-space: nowrap;
}
.support-showcase-copy .support-three-line-title {
    font-size: 1.14rem;
}

.support-routing-board {
    position: absolute;
    top: 64px;
    bottom: 36px;
    left: 50%;
    width: min(calc(100% - 34px),500px);
    overflow: hidden;
    border: 1px solid rgba(21,139,211,.13);
    border-radius: 26px;
    background:
        linear-gradient(rgba(21,139,211,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(21,139,211,.045) 1px,transparent 1px),
        rgba(255,255,255,.56);
    background-size: 28px 28px,28px 28px,auto;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9),0 18px 44px rgba(20,50,75,.07);
    transform: translateX(-50%);
}

.support-routing-line {
    position: absolute;
    top: 25%;
    right: 224px;
    width: 1px;
    height: 51%;
    background: linear-gradient(180deg,rgba(21,139,211,.1),#39b5ef,rgba(21,139,211,.1));
}

.support-route-step {
    position: absolute;
    right: 24px;
    width: 178px;
    min-height: 66px;
    display: grid;
    grid-template-columns: 36px 1fr;
    grid-template-rows: auto auto;
    align-content: center;
    gap: 2px 9px;
    padding: 11px 13px;
    border: 1px solid rgba(21,139,211,.11);
    border-radius: 15px;
    background: rgba(255,255,255,.84);
    box-shadow: 0 10px 24px rgba(20,50,75,.07);
}
.support-route-step::before {
    position: absolute;
    top: 50%;
    left: -26px;
    width: 26px;
    height: 1px;
    content: "";
    background: rgba(21,139,211,.22);
}
.support-route-step span { grid-row: 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; align-self: center; border-radius: 10px; background: #e8f5fc; color: #087dbd; font-family: 'Space Grotesk',sans-serif; font-size: .58rem; font-weight: 800; }
.support-route-step strong { color: var(--inner-ink); font-size: .64rem; }.support-route-step small { color: #8095a7; font-size: .5rem; }
.support-route-n1 { top: 12%; }.support-route-n2 { top: 39%; }.support-route-n3 { top: 66%; background: #0a2035; }
.support-route-n3 span { background: rgba(57,181,239,.1); color: #39b5ef; }.support-route-n3 strong { color: #fff; }.support-route-n3 small { color: rgba(255,255,255,.48); }

.support-route-pulse {
    position: absolute;
    top: 25%;
    right: 220px;
    width: 9px;
    height: 9px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #39b5ef;
    box-shadow: 0 0 0 6px rgba(57,181,239,.1);
    animation: support-route-travel 4.6s ease-in-out infinite;
}

.support-agent-core {
    position: absolute;
    top: 50%;
    left: 22%;
    z-index: 4;
    width: 126px;
    height: 126px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(21,139,211,.2);
    border-radius: 38px;
    background: linear-gradient(145deg,rgba(255,255,255,.92),rgba(57,181,239,.28));
    color: var(--inner-blue);
    box-shadow: inset 0 1px 0 #fff,0 22px 42px rgba(20,50,75,.14);
    transform: translate(-50%,-50%) rotate(-4deg);
    backdrop-filter: blur(12px);
}
.support-agent-core i { margin-top: 17px; font-size: 2.2rem; }.support-agent-core span { margin-top: -21px; color: #557287; font-size: .5rem; font-weight: 800; text-transform: uppercase; }

.support-incoming-ticket,.support-sla-clock,.support-resolution {
    position: absolute;
    z-index: 6;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 13px;
    border: 1px solid rgba(21,139,211,.13);
    border-radius: 15px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 12px 28px rgba(20,50,75,.09);
    backdrop-filter: blur(12px);
}
.support-incoming-ticket > i,.support-sla-clock > i,.support-resolution > i { color: var(--inner-blue); }
.support-incoming-ticket div,.support-sla-clock div,.support-resolution div { display: flex; flex-direction: column; }
.support-incoming-ticket span,.support-sla-clock span,.support-resolution span { color: #8499aa; font-size: .49rem; text-transform: uppercase; }
.support-incoming-ticket strong,.support-sla-clock strong,.support-resolution strong { margin-top: 2px; color: var(--inner-ink); font-size: .58rem; }
.support-incoming-ticket { top: 15px; left: 3px; animation: support-ticket-arrive 5.5s ease-in-out infinite; }
.support-sla-clock { top: 15px; right: 0; }.support-resolution { right: 12px; bottom: 1px; }.support-resolution > i { color: #35b97d; }

@keyframes support-route-travel {
    0%,100% { top: 25%; opacity: .35; }
    50% { top: 75%; opacity: 1; }
}
@keyframes support-ticket-arrive { 50% { transform: translateX(8px); } }

@media (max-width: 768px) {
    .support-showcase-copy .support-three-line-title { font-size: 1.14rem; }
    .support-routing-board { right: 0; left: 0; width: auto; transform: none; }
    .support-agent-core { left: 24%; transform: translate(-50%,-50%) rotate(-4deg) scale(.82); }
    .support-route-step { right: 10px; width: 160px; }
    .support-routing-line { right: 198px; }.support-route-pulse { right: 194px; }
    .support-incoming-ticket,.support-sla-clock,.support-resolution { transform: scale(.85); }
}

@media (prefers-reduced-motion: reduce) {
    .support-route-pulse,.support-incoming-ticket { animation: none; }
}

/* Products hero: unified communications room built natively in HTML/CSS */
body.page-products .inner-hero {
    min-height: 760px;
    padding: 128px 0 82px !important;
}
body.page-products .inner-hero::before { display: none; }
body.page-products .inner-hero .container { width: min(100% - 88px,1180px); }

.products-hero-shell {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(510px,.98fr);
    align-items: center;
    gap: 38px;
}
.products-hero-copy { position: relative; z-index: 3; }
body.page-products .products-hero-copy h1 {
    max-width: 620px;
    margin: 0 0 26px !important;
    color: var(--inner-ink) !important;
    font-size: var(--type-hero) !important;
    line-height: .94 !important;
}
.products-hero-copy h1 span { display: block; color: inherit; white-space: nowrap; }
.products-hero-copy h1 span:last-child { color: inherit; }
body.page-products .products-hero-copy > p { max-width: 560px !important; margin: 0 0 30px !important; font-size: .98rem !important; }
.products-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; }
.products-hero-primary { min-height: 48px; display: inline-flex; align-items: center; gap: 9px; padding: 0 18px; border-radius: 999px; background: var(--inner-ink); color: #fff; font-size: .76rem; font-weight: 800; box-shadow: 0 14px 28px rgba(7,16,30,.17); }
.products-hero-primary:hover { color: #fff; background: #0b243b; transform: translateY(-2px); }
.products-hero-proof { display: grid; grid-template-columns: 28px 1fr; gap: 1px 8px; align-items: center; }
.products-hero-proof i { grid-row: 1 / 3; color: var(--inner-blue); }.products-hero-proof span { color: #71889b; font-size: .52rem; text-transform: uppercase; }.products-hero-proof strong { color: var(--inner-ink); font-size: .62rem; }

.products-hero-visual { position: relative; height: 520px; isolation: isolate; }
.uc-stage { position: absolute; inset: 0; overflow: visible; background: transparent; }
.uc-stage::before { position: absolute; top: 50%; left: 50%; width: 460px; height: 460px; content: ""; border: 1px solid rgba(21,139,211,.1); border-radius: 50%; background: radial-gradient(circle,rgba(57,181,239,.12) 0,rgba(57,181,239,.04) 38%,transparent 68%); box-shadow: 0 0 0 54px rgba(21,139,211,.025),0 0 0 108px rgba(21,139,211,.018); transform: translate(-50%,-50%); }
.uc-stage::after { position: absolute; bottom: 66px; left: 50%; z-index: 1; width: 390px; height: 92px; content: ""; border: 1px solid rgba(21,139,211,.12); border-radius: 50%; background: radial-gradient(ellipse,rgba(21,139,211,.13),rgba(255,255,255,.35) 44%,transparent 70%); box-shadow: 0 25px 52px rgba(20,50,75,.08); transform: translateX(-50%); }
.uc-room-screen { position: absolute; top: 70px; right: 42px; left: 42px; z-index: 3; height: 270px; padding: 22px; border: 1px solid rgba(21,139,211,.18); border-radius: 28px; background: linear-gradient(145deg,rgba(255,255,255,.92),rgba(222,243,253,.72)); box-shadow: inset 0 1px 0 #fff,0 32px 70px rgba(20,50,75,.14),0 0 0 8px rgba(255,255,255,.28); backdrop-filter: blur(18px) saturate(1.15); transform: perspective(1000px) rotateX(2deg); }
.uc-camera-bar { position: absolute; top: -14px; left: 50%; width: 82px; height: 28px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(21,139,211,.2); border-radius: 10px; background: #0a2035; color: #39b5ef; transform: translateX(-50%); box-shadow: 0 9px 18px rgba(8,17,31,.15); }.uc-camera-bar span { width: 5px; height: 5px; border-radius: 50%; background: #35d98a; }
.uc-participant-grid { height: 100%; display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); gap: 10px; }
.uc-participant-grid span { position: relative; overflow: hidden; border: 1px solid rgba(21,139,211,.08); border-radius: 17px; background: linear-gradient(145deg,rgba(238,246,250,.92),rgba(255,255,255,.9)); box-shadow: inset 0 1px 0 #fff; }
.uc-participant-grid span::before { position: absolute; top: 18%; left: 50%; width: 28px; height: 28px; content: ""; border-radius: 50%; background: rgba(21,139,211,.2); transform: translateX(-50%); }.uc-participant-grid span::after { position: absolute; right: 22%; bottom: -18px; left: 22%; height: 62px; content: ""; border-radius: 50% 50% 0 0; background: rgba(21,139,211,.11); }
.uc-participant-grid span:nth-child(2)::before,.uc-participant-grid span:nth-child(3)::before { background: rgba(8,31,52,.18); }.uc-participant-grid span:nth-child(4)::before { background: rgba(57,181,239,.3); }
.uc-screen-footer { position: absolute; bottom: -18px; left: 50%; z-index: 4; display: flex; gap: 8px; padding: 8px; border-radius: 999px; background: #07101e; box-shadow: 0 12px 24px rgba(8,17,31,.18); transform: translateX(-50%); }.uc-screen-footer i { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.08); color: #39b5ef; font-size: .62rem; }.uc-screen-footer i:last-child { background: #158bd3; color: #fff; }
.uc-console { position: absolute; bottom: 68px; left: 50%; z-index: 4; width: 112px; height: 90px; display: grid; place-items: center; border: 1px solid rgba(21,139,211,.18); border-radius: 26px; background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(57,181,239,.28)); color: var(--inner-blue); box-shadow: inset 0 1px 0 #fff,0 24px 44px rgba(20,50,75,.14); transform: translateX(-50%) rotate(-4deg); }.uc-console i { margin-top: 13px; font-size: 1.7rem; }.uc-console span { margin-top: -18px; color: #60798c; font-size: .48rem; font-weight: 800; text-transform: uppercase; }
.uc-device { position: absolute; z-index: 5; display: flex; align-items: center; gap: 8px; padding: 10px 13px; border: 1px solid rgba(21,139,211,.12); border-radius: 999px; background: rgba(255,255,255,.78); box-shadow: 0 14px 32px rgba(20,50,75,.1),inset 0 1px 0 #fff; color: var(--inner-blue); backdrop-filter: blur(16px) saturate(1.2); animation: uc-device-float 5s ease-in-out infinite; }.uc-device span { color: var(--inner-ink); font-size: .56rem; font-weight: 800; }.uc-headset { top: 32px; left: 4px; }.uc-speaker { right: 0; top: 42%; animation-delay: -1.8s; }.uc-wireless { bottom: 86px; left: 8px; animation-delay: -3.4s; }
.uc-signal { position: absolute; z-index: 1; width: 260px; height: 260px; border: 1px dashed rgba(21,139,211,.18); border-radius: 50%; animation: uc-signal-spin 18s linear infinite; }.uc-signal::after { position: absolute; top: 18px; left: 50%; width: 8px; height: 8px; content: ""; border-radius: 50%; background: #39b5ef; box-shadow: 0 0 0 6px rgba(57,181,239,.12),0 0 18px rgba(21,139,211,.42); }.signal-left { bottom: -70px; left: -72px; }.signal-right { top: -86px; right: -68px; animation-direction: reverse; animation-duration: 24s; }
.uc-status-rail { position: absolute; right: 68px; bottom: 12px; left: 68px; z-index: 5; min-height: 58px; display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; overflow: hidden; padding: 8px 12px; border: 1px solid rgba(57,181,239,.14); border-radius: 18px; background: linear-gradient(135deg,#07101e,#0b263d); box-shadow: 0 20px 42px rgba(8,17,31,.2); }.uc-status-rail > div { display: grid; grid-template-columns: 12px 1fr; gap: 2px 7px; padding: 4px 12px; border-right: 1px solid rgba(255,255,255,.09); }.uc-status-rail > div:last-child { border-right: 0; }.uc-status-rail i { grid-row: 1 / 3; align-self: center; color: #35d98a; font-size: .4rem; }.uc-status-rail span { color: #39b5ef; font-size: .48rem; font-weight: 800; text-transform: uppercase; }.uc-status-rail strong { color: #fff; font-size: .57rem; }

@keyframes uc-device-float { 50% { translate: 0 -6px; } }
@keyframes uc-signal-spin { to { transform: rotate(360deg); } }

@media (max-width: 1024px) {
    body.page-products .inner-hero .container { width: min(100% - 48px,1180px); }
    .products-hero-shell { grid-template-columns: 1fr; gap: 40px; }
    .products-hero-copy { max-width: 760px; }
    .products-hero-visual { width: min(100%,680px); }
}
@media (max-width: 640px) {
    body.page-products .inner-hero { padding: 104px 0 64px !important; }
    body.page-products .inner-hero .container { width: min(100% - 32px,1180px); }
    .products-hero-copy h1 span { white-space: normal; }
    .products-hero-visual { height: 410px; }
    .uc-room-screen { top: 64px; right: 24px; left: 24px; height: 220px; padding: 18px; }
    .uc-console { bottom: 48px; transform: translateX(-50%) rotate(-4deg) scale(.82); }
    .uc-device { padding: 8px 9px; }.uc-device span { display: none; }
    .uc-status-rail { right: 12px; bottom: 12px; left: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .uc-device,.uc-signal { animation: none; }
}

/* Products portfolio navigator: unified categories and distributed brands */
body.page-products .products-catalog-nav.inner-anchor-nav {
    padding: 12px 0 !important;
    border: 0 !important;
    background: rgba(245,249,252,.76) !important;
    box-shadow: none !important;
    backdrop-filter: blur(22px) saturate(1.2);
}
body.page-products .products-catalog-nav .container { width: min(100% - 88px,1180px); }
.products-nav-shell {
    overflow: hidden;
    padding: 10px 12px;
    border: 1px solid rgba(21,139,211,.13);
    border-radius: 24px;
    background: radial-gradient(circle at 88% 0%,rgba(57,181,239,.16),transparent 30%),rgba(255,255,255,.9);
    box-shadow: 0 18px 52px rgba(20,50,75,.09),inset 0 1px 0 #fff;
}
.products-nav-top { min-height: 60px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 20px; }
.products-nav-brand { display: flex; align-items: center; gap: 10px; padding: 0 20px 0 4px; border-right: 1px solid rgba(7,16,30,.09); }
.products-nav-brand span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg,#158bd3,#075f98); color: #fff; box-shadow: 0 10px 22px rgba(21,139,211,.23); }
.products-nav-brand strong { color: var(--inner-ink); font-family: 'Space Grotesk',sans-serif; font-size: .78rem; white-space: nowrap; }
.products-nav-links { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 3px; }
body.page-products .inner-anchor-nav .products-nav-links a { position: relative; min-height: 40px; display: inline-flex; align-items: center; gap: 6px; padding: 0 11px; border-radius: 12px !important; color: #455c74 !important; font-size: .7rem; font-weight: 700; white-space: nowrap; }
body.page-products .inner-anchor-nav .products-nav-links a::before { content: attr(data-index); color: #9fb0bd; font-family: 'Space Grotesk',sans-serif; font-size: .48rem; letter-spacing: .05em; }
body.page-products .inner-anchor-nav .products-nav-links a:hover { background: rgba(21,139,211,.08) !important; color: #0879b8 !important; transform: translateY(-1px); }
body.page-products .inner-anchor-nav .products-nav-links a.is-active { background: #081522 !important; color: #fff !important; box-shadow: 0 10px 24px rgba(7,16,30,.16); }
body.page-products .inner-anchor-nav .products-nav-links a.is-active::before { color: #39b5ef; }
body.page-products .inner-anchor-nav .products-nav-action { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px !important; background: linear-gradient(145deg,#158bd3,#0876b8) !important; color: #fff !important; box-shadow: 0 12px 26px rgba(21,139,211,.26); }
body.page-products .inner-anchor-nav .products-nav-action:hover { background: #0b304f !important; color: #fff !important; transform: translateY(-2px); }

.products-nav-brands { min-height: 64px; display: grid; grid-template-columns: 150px minmax(0,1fr); align-items: center; gap: 18px; padding: 10px 8px 2px; border-top: 1px solid rgba(21,139,211,.09); }
.products-nav-brands > span { padding-left: 10px; color: #6f879a; font-size: .55rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.products-nav-brands > div { min-width: 0; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); align-items: center; }
body.page-products .products-nav-brands img { width: 100% !important; height: 42px !important; padding: 7px 14px; border-left: 1px solid rgba(21,139,211,.08); object-fit: contain; filter: grayscale(1) opacity(.62); transition: filter .25s ease,transform .25s ease; }
.products-nav-brands img:hover { filter: none; transform: translateY(-2px); }

@media (max-width: 1024px) {
    body.page-products .products-catalog-nav .container { width: min(100% - 48px,1180px); }
    .products-nav-top { grid-template-columns: auto minmax(0,1fr); }
    .products-nav-action { display: none !important; }
    .products-nav-links { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
    .products-nav-links::-webkit-scrollbar { display: none; }
    .products-nav-brands { grid-template-columns: 130px minmax(0,1fr); }
}
@media (max-width: 640px) {
    body.page-products .products-catalog-nav.inner-anchor-nav { padding: 8px 0 !important; }
    body.page-products .products-catalog-nav .container { width: min(100% - 32px,1180px); }
    .products-nav-shell { border-radius: 18px; }
    .products-nav-top { grid-template-columns: 1fr; min-height: 48px; }
    .products-nav-brand { display: none; }
    .products-nav-brands { grid-template-columns: 1fr; gap: 4px; }
    .products-nav-brands > span { display: none; }
    .products-nav-brands > div { display: flex; overflow-x: auto; scrollbar-width: none; }
    .products-nav-brands img { flex: 0 0 104px; border-left: 0; border-right: 1px solid rgba(21,139,211,.08); }
}

/* ─── Fase 2: Trust Strip ─────────────────────────────────────────── */
body.inner-page .trust-strip {
    padding: 22px 0 24px;
    border-bottom: 1px solid rgba(21,139,211,.09);
    background: rgba(248,251,254,.7);
    backdrop-filter: blur(8px);
}

body.inner-page .trust-strip .trust-inner {
    display: flex;
    align-items: center;
    gap: 28px;
    overflow-x: auto;
    scrollbar-width: none;
}
body.inner-page .trust-strip .trust-inner::-webkit-scrollbar { display: none; }

body.inner-page .trust-strip .trust-label {
    flex-shrink: 0;
    padding-right: 24px;
    border-right: 1px solid rgba(21,139,211,.14);
    color: var(--inner-muted);
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .12em;
    white-space: nowrap;
}

body.inner-page .trust-strip .trust-logos {
    display: flex;
    align-items: center;
    gap: 36px;
    padding: 4px 0;
}

body.inner-page .trust-strip .trust-logos img {
    height: 26px;
    width: auto;
    max-width: 90px;
    object-fit: contain;
    filter: grayscale(1) brightness(.8);
    opacity: .64;
    transition: filter .3s, opacity .3s;
}
body.inner-page .trust-strip .trust-logos img:hover {
    filter: none;
    opacity: 1;
}

/* ─── Fase 2: Inner-Hero Animated Orbs ───────────────────────────── */
body.inner-page .hero-orbs {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}
body.inner-page .hero-orbs span {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(57,181,239,.22) 0%, transparent 70%);
    animation: orb-drift linear infinite;
}
body.inner-page .hero-orbs span:nth-child(1) { width: 340px; height: 340px; top: -60px; left: 5%; animation-duration: 22s; animation-delay: 0s; }
body.inner-page .hero-orbs span:nth-child(2) { width: 200px; height: 200px; top: 40%; left: 28%; opacity: .5; animation-duration: 18s; animation-delay: -6s; }
body.inner-page .hero-orbs span:nth-child(3) { width: 160px; height: 160px; bottom: -30px; left: 38%; opacity: .35; animation-duration: 26s; animation-delay: -12s; }

@keyframes orb-drift {
    0%,100% { transform: translate(0, 0) scale(1); }
    33%      { transform: translate(22px,-16px) scale(1.06); }
    66%      { transform: translate(-14px, 20px) scale(.94); }
}

@media (prefers-reduced-motion: reduce) {
    body.inner-page .hero-orbs { display: none; }
}

/* ─── Fase 3: Stat Counter ───────────────────────────────────────── */
.stat-number[data-target] {
    display: inline-block;
    transition: none;
}

/* ─── Fase 3: Timeline Enhanced ─────────────────────────────────── */
body.page-about .timeline-track {
    background: linear-gradient(to right, transparent, var(--inner-blue) 20%, var(--inner-cyan) 80%, transparent);
    opacity: .22;
    height: 2px;
}

body.page-about .timeline-dot {
    width: 12px;
    height: 12px;
    border: 2px solid var(--inner-blue);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(21,139,211,.12);
    transition: transform .3s, box-shadow .3s;
}
body.page-about .timeline-item:hover .timeline-dot {
    transform: scale(1.4);
    box-shadow: 0 0 0 7px rgba(21,139,211,.16);
}

body.page-about .timeline-year {
    color: var(--inner-blue);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
}

body.page-about .timeline-title {
    color: var(--inner-ink);
    font-weight: 700;
    font-size: .82rem;
}

body.page-about .timeline-desc {
    color: var(--inner-muted);
    font-size: .72rem;
    line-height: 1.5;
}

/* ─── Fase 4: Value Props (Contato) ─────────────────────────────── */
body.page-contact .contact-value-props {
    padding: 72px 0 60px;
    background: transparent;
}

body.page-contact .contact-value-props > .container {
    width: min(100% - 48px, 1280px);
    margin-inline: auto;
}

body.page-contact .contact-value-props h2 {
    max-width: 640px;
    margin-bottom: 8px;
    color: var(--inner-ink);
    font-family: 'Space Grotesk', sans-serif;
    font-size: var(--type-section);
    font-weight: 700;
    line-height: 1.08;
}

body.page-contact .contact-value-props .subtitle {
    max-width: 580px;
    margin-bottom: 44px;
    color: var(--inner-muted);
    font-size: 1rem;
    line-height: 1.7;
}

body.page-contact .value-props-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 22px;
}

body.page-contact .value-prop-card {
    position: relative;
    padding: 28px 24px;
    border: 1px solid var(--inner-line);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,248,253,.92));
    box-shadow: 0 12px 36px rgba(20,50,75,.07);
    transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s;
}
body.page-contact .value-prop-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 52px rgba(20,50,75,.12);
}

body.page-contact .value-prop-card:first-child {
    border-color: rgba(57,181,239,.2);
    background: linear-gradient(145deg, #07101e, #0b243b);
    color: #fff;
}
body.page-contact .value-prop-card:first-child h3 { color: #fff; }
body.page-contact .value-prop-card:first-child p { color: rgba(255,255,255,.65); }
body.page-contact .value-prop-card:first-child .vp-icon { background: rgba(57,181,239,.18); color: #39b5ef; }

body.page-contact .vp-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 18px;
    border-radius: 12px;
    background: rgba(21,139,211,.09);
    color: var(--inner-blue);
    font-size: 1.1rem;
}

body.page-contact .value-prop-card h3 {
    margin-bottom: 8px;
    color: var(--inner-ink);
    font-size: 1.14rem;
    font-weight: 700;
}

body.page-contact .value-prop-card p {
    color: var(--inner-muted);
    font-size: .83rem;
    line-height: 1.6;
}

@media (max-width: 640px) {
    body.inner-page .trust-strip .trust-label { display: none; }
    body.page-contact .value-props-grid { grid-template-columns: 1fr; }
}

/* ─── Global typography: same hierarchy and rhythm as the home page ─────── */
body.inner-page {
    --font-body: 'DM Sans', system-ui, sans-serif;
    --font-display: 'Space Grotesk', system-ui, sans-serif;
    font-family: var(--font-body);
    font-size: 1rem;
    line-height: 1.65;
}

body.inner-page h1,
body.inner-page h2,
body.inner-page h3,
body.inner-page h4,
body.inner-page h5,
body.inner-page h6 {
    font-family: 'Space Grotesk', system-ui, sans-serif;
    color: var(--inner-ink);
    font-weight: 700;
    letter-spacing: 0;
}

/* Tamanhos base por nível */
body.inner-page h1 { font-size: var(--type-hero) !important; line-height: 1.04 !important; }
body.inner-page h2 { font-size: var(--type-section) !important; line-height: 1.2 !important; }
body.inner-page h3 { font-size: 1.14rem; line-height: 1.25; }
body.inner-page h4 { font-size: 1rem; line-height: 1.3; }

body.inner-page :where(p, li, label, input, textarea, select) {
    font-family: 'DM Sans', system-ui, sans-serif;
}

body.inner-page :where(p, .hero-description, .hero-tagline) {
    line-height: 1.7;
}

body.inner-page .inner-hero h1,
body.inner-page .hero-section h1 {
    font-family: var(--font-display) !important;
    font-size: var(--type-hero) !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
}

body.inner-page .content-section h2,
body.inner-page .section-title {
    font-family: var(--font-display) !important;
    font-size: var(--type-section) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
}

/* Products hero: preserve a clean boundary between copy and animation */
body.page-products .products-hero-shell {
    grid-template-columns: minmax(0, 1.16fr) minmax(440px, .84fr);
    gap: 42px;
}

body.page-products .products-hero-copy,
body.page-products .products-hero-visual {
    min-width: 0;
}

body.page-products .products-hero-copy h1 {
    width: 100%;
    max-width: 650px;
    font-size: var(--type-hero) !important;
}

body.page-products .products-hero-copy h1 span {
    color: var(--inner-ink) !important;
    white-space: nowrap;
}

body.page-products .products-hero-visual {
    z-index: 1;
}

@media (max-width: 1080px) {
    body.page-products .products-hero-shell {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    body.page-products .products-hero-copy {
        max-width: 720px;
    }

    body.page-products .products-hero-visual {
        width: min(100%, 680px);
    }
}

@media (max-width: 640px) {
    body.inner-page .inner-hero h1,
    body.inner-page .hero-section h1,
    body.page-products .products-hero-copy h1 {
        font-size: var(--type-hero) !important;
        line-height: 1.08 !important;
    }

    body.page-products .products-hero-copy h1 span {
        white-space: normal;
    }

    body.inner-page .content-section h2,
    body.inner-page .section-title {
        font-size: var(--type-section) !important;
    }
}

/* ─── Products: speakerphone coverage dashboard ───────────────────────── */
body.page-products .product-speaker-section { padding-top: 100px !important; }

body.page-products .speaker-section-intro {
    display: grid;
    grid-template-columns: minmax(0,.92fr) minmax(380px,1.08fr);
    grid-template-rows: auto auto;
    align-items: start;
    column-gap: 72px;
    row-gap: 16px;
    max-width: none !important;
    margin-bottom: 48px !important;
}

body.page-products .speaker-section-intro > div { grid-column: 1; width: max-content; margin-bottom: 0 !important; }
body.page-products .speaker-section-intro h2 { grid-column: 1; max-width: 650px; margin: 0 !important; color: var(--inner-ink) !important; }
body.page-products .speaker-section-intro h2 .gradient-text { display: block; color: inherit !important; }
body.page-products .speaker-section-intro > p {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    max-width: 610px !important;
    margin: 0 !important;
    padding: 8px 0 8px 30px;
    border-left: 1px solid rgba(21,139,211,.2);
    color: var(--inner-muted) !important;
    font-size: 1rem !important;
    line-height: 1.75 !important;
}

body.page-products .speaker-dashboard {
    display: grid !important;
    grid-template-columns: repeat(12,minmax(0,1fr)) !important;
    gap: 14px !important;
}

body.page-products .speaker-personal-panel,
body.page-products .speaker-room-panel {
    position: relative;
    overflow: hidden;
    border-radius: 26px !important;
}

body.page-products .speaker-personal-panel::before,
body.page-products .speaker-room-panel::before { display: none; }

body.page-products .speaker-personal-panel {
    grid-column: 1 / -1;
    min-height: 460px;
    display: grid;
    grid-template-columns: minmax(0,.86fr) minmax(390px,1.14fr);
    grid-template-rows: auto auto auto auto 1fr;
    gap: 0 54px;
    padding: 44px !important;
    border-color: rgba(57,181,239,.15) !important;
    background: radial-gradient(circle at 82% 10%,rgba(21,139,211,.28),transparent 34%),linear-gradient(145deg,#06101d,#0a2943) !important;
    box-shadow: 0 30px 72px rgba(7,16,30,.18) !important;
}

body.page-products .speaker-personal-panel::before { color: rgba(57,181,239,.15); }
body.page-products .speaker-personal-panel > .flex:first-child { grid-column: 1; grid-row: 1; position: relative; z-index: 3; margin-bottom: 24px !important; }
body.page-products .speaker-personal-panel > p[class*="italic"] { grid-column: 1; grid-row: 2; }
body.page-products .speaker-personal-panel > h4 { grid-column: 1; grid-row: 3; }
body.page-products .speaker-personal-panel > p.text-sm { grid-column: 1; grid-row: 4; }
body.page-products .speaker-personal-panel > .flex:last-child { grid-column: 1; grid-row: 5; align-self: end; }
body.page-products .speaker-personal-panel > .speaker-coverage-visual { grid-column: 2; grid-row: 1 / 6; }

body.page-products .speaker-personal-panel .service-icon-large {
    width: 58px; height: 58px; border: 1px solid rgba(57,181,239,.16); border-radius: 18px;
    background: rgba(57,181,239,.12) !important; color: #39b5ef !important;
}
body.page-products .speaker-personal-panel :is(h3,h4) { color: #fff !important; }
body.page-products .speaker-personal-panel h3 { font-size: 1.14rem; }
body.page-products .speaker-personal-panel > p[class*="italic"] {
    margin-bottom: 24px !important; padding: 0 0 0 14px !important; border-left: 2px solid #39b5ef !important;
    border-radius: 0 !important; background: transparent !important; color: #a8dff8 !important; font-size: .8rem; font-style: normal !important; line-height: 1.65;
}
body.page-products .speaker-personal-panel > h4 { margin-bottom: 8px !important; font-family: var(--font-body); font-size: .76rem; }
body.page-products .speaker-personal-panel > h4 i { color: #39b5ef !important; }
body.page-products .speaker-personal-panel > p.text-sm { max-width: 490px; color: rgba(255,255,255,.62) !important; font-size: .78rem !important; line-height: 1.7; }
body.page-products .speaker-personal-panel > .flex:last-child { gap: 7px !important; }
body.page-products .speaker-personal-panel > .flex:last-child span { border: 1px solid rgba(57,181,239,.13); background: rgba(255,255,255,.07) !important; color: #c4eaff !important; font-size: .64rem !important; }

.speaker-coverage-visual { position: relative; min-height: 360px; }
.speaker-table {
    position: absolute; top: 50%; left: 50%; width: 410px; height: 255px; border: 1px solid rgba(57,181,239,.2);
    border-radius: 50%; background: radial-gradient(ellipse,rgba(57,181,239,.13),rgba(255,255,255,.025) 57%,transparent 70%);
    box-shadow: inset 0 0 42px rgba(57,181,239,.05),0 26px 56px rgba(0,0,0,.18),0 0 0 16px rgba(255,255,255,.018);
    transform: translate(-50%,-50%) rotate(-4deg);
}
.speaker-table::after { position: absolute; inset: 24px 42px; content: ""; border: 1px solid rgba(57,181,239,.1); border-radius: 50%; }
.speaker-device-core {
    position: absolute; top: 50%; left: 50%; z-index: 4; width: 104px; height: 104px; display: grid; place-items: center;
    border: 1px solid rgba(57,181,239,.28); border-radius: 50%; background: linear-gradient(145deg,#158bd3,#07375a);
    color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 18px 38px rgba(0,0,0,.28),0 0 0 12px rgba(57,181,239,.065);
    transform: translate(-50%,-50%);
}
.speaker-device-core > i { margin-top: -15px; font-size: 1.55rem; }
.speaker-device-core > span { position: absolute; top: 57px; display: flex; gap: 4px; }
.speaker-device-core b { width: 3px; height: 12px; border-radius: 99px; background: #9be0ff; animation: speaker-level 1s ease-in-out infinite alternate; }
.speaker-device-core b:nth-child(2) { height: 18px; animation-delay: -.45s; }.speaker-device-core b:nth-child(3) { animation-delay: -.7s; }
.speaker-device-core small { position: absolute; bottom: 12px; color: #bdeaff; font-size: .43rem; font-weight: 800; letter-spacing: .09em; }
.speaker-coverage-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(57,181,239,.16); border-radius: 50%; transform: translate(-50%,-50%); animation: speaker-coverage-pulse 3.6s ease-out infinite; }
.speaker-coverage-ring.ring-a { width: 168px; height: 168px; }.speaker-coverage-ring.ring-b { width: 250px; height: 210px; animation-delay: -1.8s; }
.speaker-coverage-sweep { position: absolute; top: 50%; left: 50%; z-index: 2; width: 300px; height: 2px; transform-origin: left center; background: linear-gradient(90deg,rgba(57,181,239,.7),transparent); animation: speaker-sweep 8s linear infinite; }
.speaker-person { position: absolute; z-index: 5; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(57,181,239,.2); border-radius: 50%; background: rgba(255,255,255,.1); color: #39b5ef; font-size: .58rem; backdrop-filter: blur(8px); animation: speaker-person-live 3s ease-in-out infinite; }
.person-one { top: -10px; left: 46%; }.person-two { top: 18%; right: -4px; animation-delay: -.5s; }.person-three { right: 10%; bottom: -5px; animation-delay: -1s; }.person-four { bottom: -12px; left: 34%; animation-delay: -1.5s; }.person-five { bottom: 17%; left: -6px; animation-delay: -2s; }.person-six { top: 15%; left: 4%; animation-delay: -2.5s; }
.speaker-coverage-status { position: absolute; right: 20px; bottom: 8px; left: 20px; display: grid; grid-template-columns: 10px 1fr auto; align-items: center; gap: 8px; padding: 13px 16px; border: 1px solid rgba(57,181,239,.12); border-radius: 14px; background: rgba(4,15,27,.68); backdrop-filter: blur(14px); }
.speaker-coverage-status > i { width: 6px; height: 6px; border-radius: 50%; background: #35d98a; box-shadow: 0 0 0 5px rgba(53,217,138,.08); }.speaker-coverage-status span { color: #39b5ef; font-size: .52rem; font-weight: 800; text-transform: uppercase; }.speaker-coverage-status strong { color: #fff; font-size: .58rem; }

body.page-products .speaker-room-panel {
    grid-column: span 6;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    padding: 34px !important;
    background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,247,253,.9)) !important;
}
body.page-products .speaker-medium-panel { background: radial-gradient(circle at 92% 8%,rgba(57,181,239,.17),transparent 32%),linear-gradient(145deg,#fbfdff,#eaf5fb) !important; }
body.page-products .speaker-room-panel > .flex:first-child { margin-bottom: 22px !important; }
body.page-products .speaker-room-panel .service-icon-large { width: 56px; height: 56px; border: 1px solid rgba(21,139,211,.13); border-radius: 17px; background: rgba(21,139,211,.08) !important; color: var(--inner-blue) !important; }
body.page-products .speaker-room-panel h3 { max-width: 360px; color: var(--inner-ink) !important; font-size: 1.14rem; }
body.page-products .speaker-room-panel > p[class*="italic"] { margin-bottom: 22px !important; padding: 0 0 0 14px !important; border-left: 2px solid var(--inner-cyan) !important; border-radius: 0 !important; background: transparent !important; color: #597087 !important; font-size: .78rem; font-style: normal !important; line-height: 1.65; }
body.page-products .speaker-room-panel > h4 { margin-bottom: 7px !important; color: var(--inner-ink) !important; font-family: var(--font-body); font-size: .76rem; }.speaker-room-panel > h4 i { color: var(--inner-blue) !important; }
body.page-products .speaker-room-panel > p.text-sm { color: var(--inner-muted) !important; font-size: .76rem !important; line-height: 1.65; }
body.page-products .speaker-room-panel > .flex:last-child { margin-top: auto; gap: 7px !important; }
body.page-products .speaker-room-panel > .flex:last-child span { border: 1px solid rgba(21,139,211,.1); background: rgba(235,247,253,.8) !important; color: #0879b8 !important; font-size: .63rem !important; }

@keyframes speaker-sweep { to { transform: rotate(360deg); } }
@keyframes speaker-coverage-pulse { 0% { opacity: .2; transform: translate(-50%,-50%) scale(.72); } 65% { opacity: .65; } 100% { opacity: 0; transform: translate(-50%,-50%) scale(1.12); } }
@keyframes speaker-level { to { transform: scaleY(.45); opacity: .55; } }
@keyframes speaker-person-live { 50% { color: #fff; background: rgba(57,181,239,.22); box-shadow: 0 0 0 6px rgba(57,181,239,.055); } }

@media (max-width: 980px) {
    body.page-products .speaker-section-intro { grid-template-columns: 1fr; gap: 16px; }
    body.page-products .speaker-section-intro > p { grid-column: 1; grid-row: auto; padding: 0; border-left: 0; }
    body.page-products .speaker-personal-panel { grid-template-columns: 1fr; }
    body.page-products .speaker-personal-panel > :not(.speaker-coverage-visual) { grid-column: 1; }
    body.page-products .speaker-personal-panel > .speaker-coverage-visual { grid-column: 1; grid-row: 6; min-height: 390px; }
    body.page-products .speaker-room-panel { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
    body.page-products .speaker-personal-panel,
    body.page-products .speaker-room-panel { padding: 26px !important; border-radius: 21px !important; }
    .speaker-coverage-visual { min-height: 310px !important; margin: 0 -26px; transform: scale(.82); }
    .speaker-table { width: 350px; height: 220px; }
    .speaker-coverage-status { right: 42px; left: 42px; }
}

@media (prefers-reduced-motion: reduce) {
    .speaker-device-core b,
    .speaker-coverage-ring,
    .speaker-coverage-sweep,
    .speaker-person { animation: none; }
}

/* ─── Products: intelligent video direction ───────────────────────────── */
body.page-products .video-section-intro {
    display:grid; grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr); grid-template-rows:auto auto;
    align-items:start; column-gap:72px; row-gap:16px; max-width:none !important; margin-bottom:48px !important;
}
body.page-products .video-section-intro > div { grid-column:1; width:max-content; margin-bottom:0 !important; }
body.page-products .video-section-intro h2 { grid-column:1; max-width:660px; margin:0 !important; color:var(--inner-ink) !important; }
body.page-products .video-section-intro h2 .gradient-text { display:block; color:inherit !important; }
body.page-products .video-section-intro > p { grid-column:2; grid-row:2; align-self:center; max-width:610px !important; margin:0 !important; padding:8px 0 8px 30px; border-left:1px solid rgba(21,139,211,.2); color:var(--inner-muted) !important; font-size:1rem !important; line-height:1.75 !important; }

body.page-products .video-dashboard { display:grid !important; grid-template-columns:repeat(12,minmax(0,1fr)) !important; gap:14px !important; }
body.page-products .video-dashboard > .license-card { position:relative; overflow:hidden; border-radius:26px !important; }
body.page-products .video-dashboard > .license-card::before { display:none; }
body.page-products .video-dashboard > .license-card > .flex.flex-wrap.mb-4 { display:none !important; }

body.page-products .video-personal-panel { grid-column:span 7; grid-row:1 / 4; display:flex; flex-direction:column; min-height:0; padding:40px !important; border-color:rgba(57,181,239,.15) !important; background:radial-gradient(circle at 86% 7%,rgba(21,139,211,.28),transparent 32%),linear-gradient(145deg,#06101d,#0a2943) !important; box-shadow:0 30px 72px rgba(7,16,30,.18) !important; }
body.page-products .video-personal-panel::before { color:rgba(57,181,239,.15) !important; }
body.page-products .video-personal-panel .service-icon-large { width:58px; height:58px; border:1px solid rgba(57,181,239,.16); border-radius:18px; background:rgba(57,181,239,.12) !important; color:#39b5ef !important; }
body.page-products .video-personal-panel :is(h3,h4) { color:#fff !important; }.video-personal-panel h3 { font-size:1.14rem; }
body.page-products .video-personal-panel > p[class*="italic"] { margin:26px 0 22px !important; padding:0 0 0 14px !important; border-left:2px solid #39b5ef !important; border-radius:0 !important; background:transparent !important; color:#a8dff8 !important; font-size:.8rem; font-style:normal !important; line-height:1.65; }
body.page-products .video-personal-panel > h4 { margin-bottom:8px !important; font-family:var(--font-body); font-size:.76rem; }.video-personal-panel > h4 i { color:#39b5ef !important; }
body.page-products .video-personal-panel > p.text-sm { color:rgba(255,255,255,.62) !important; font-size:.78rem !important; line-height:1.7; }
body.page-products .video-personal-panel > .flex:last-child { margin-top:22px; gap:7px !important; }
body.page-products .video-personal-panel > .flex:last-child span { border:1px solid rgba(57,181,239,.13); background:rgba(255,255,255,.07) !important; color:#c4eaff !important; font-size:.62rem !important; }

body.page-products .video-camera-proof {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
    margin-top: auto;
    padding-top: 30px;
}

body.page-products .video-camera-proof span {
    min-height: 112px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 18px;
    border: 1px solid rgba(57,181,239,.13);
    border-radius: 18px;
    background: rgba(255,255,255,.055);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

body.page-products .video-camera-proof i {
    color: #39b5ef;
    font-size: 1rem;
}

body.page-products .video-camera-proof b {
    color: #fff;
    font-family: var(--font-display);
    font-size: .86rem;
    line-height: 1.1;
}

body.page-products .video-camera-proof small {
    color: rgba(255,255,255,.62);
    font-size: .62rem;
    line-height: 1.35;
}

.video-framing-visual { position:relative; flex:1 1 390px; min-height:390px; margin:26px 0 10px; }
.video-frame-screen { position:absolute; inset:38px 8px 45px; overflow:hidden; border:1px solid rgba(57,181,239,.2); border-radius:26px; background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(57,181,239,.08)); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 55px rgba(0,0,0,.2); }
.video-frame-screen::before { position:absolute; inset:0; content:""; opacity:.28; background-image:linear-gradient(rgba(57,181,239,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(57,181,239,.08) 1px,transparent 1px); background-size:34px 34px; }
.video-camera-unit { position:absolute; top:22px; left:50%; z-index:5; width:92px; height:30px; display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(57,181,239,.2); border-radius:11px; background:#040d17; color:#39b5ef; transform:translateX(-50%); box-shadow:0 12px 24px rgba(0,0,0,.22); }
.video-camera-unit span { width:6px; height:6px; border-radius:50%; background:#35d98a; box-shadow:0 0 0 5px rgba(53,217,138,.08); }
.video-person { position:absolute; bottom:0; width:31%; height:70%; border-radius:44% 44% 0 0; background:linear-gradient(180deg,rgba(57,181,239,.22),rgba(21,139,211,.08)); }
.video-person::before { position:absolute; top:-34px; left:50%; width:56px; height:56px; content:""; border-radius:50%; background:rgba(57,181,239,.25); transform:translateX(-50%); }
.video-person-left { left:2%; transform:scale(.78); transform-origin:bottom; opacity:.6; }.video-person-main { left:34.5%; }.video-person-right { right:2%; transform:scale(.78); transform-origin:bottom; opacity:.6; }
.video-focus-box { position:absolute; top:13%; left:32%; z-index:3; width:36%; height:74%; border:1px solid #39b5ef; border-radius:18px; box-shadow:0 0 0 1px rgba(57,181,239,.12),inset 0 0 24px rgba(57,181,239,.06); animation:video-focus-track 7s ease-in-out infinite; }
.video-focus-box::before,.video-focus-box::after { position:absolute; width:20px; height:20px; content:""; border-color:#fff; }.video-focus-box::before { top:-2px; left:-2px; border-top:3px solid; border-left:3px solid; border-radius:8px 0 0; }.video-focus-box::after { right:-2px; bottom:-2px; border-right:3px solid; border-bottom:3px solid; border-radius:0 0 8px; }
.video-focus-box span { position:absolute; top:10px; left:12px; padding:5px 7px; border-radius:7px; background:rgba(4,13,23,.62); color:rgba(255,255,255,.72); font-size:.46rem; font-weight:800; text-transform:uppercase; }
.video-scan-line { position:absolute; top:0; bottom:0; left:0; z-index:2; width:1px; background:linear-gradient(transparent,#39b5ef,transparent); box-shadow:0 0 14px #39b5ef; animation:video-scan 4.6s ease-in-out infinite; }
.video-tracking-status { position:absolute; right:28px; bottom:20px; left:28px; z-index:5; display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:8px; padding:13px 16px; border:1px solid rgba(57,181,239,.12); border-radius:14px; background:rgba(4,13,23,.76); backdrop-filter:blur(14px); }
.video-tracking-status > i { width:6px; height:6px; border-radius:50%; background:#35d98a; }.video-tracking-status span { color:#39b5ef; font-size:.52rem; font-weight:800; text-transform:uppercase; }.video-tracking-status strong { color:#fff; font-size:.58rem; }

body.page-products .video-room-panel { grid-column:span 5; display:flex; flex-direction:column; min-height:286px; padding:30px !important; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(235,247,253,.9)) !important; }
body.page-products .video-boardroom-panel { background:radial-gradient(circle at 93% 7%,rgba(57,181,239,.18),transparent 30%),linear-gradient(145deg,#fbfdff,#eaf5fb) !important; }
body.page-products .video-room-panel > .flex:first-child { margin-bottom:18px !important; }.video-room-panel .service-icon-large { width:52px; height:52px; border:1px solid rgba(21,139,211,.13); border-radius:16px; background:rgba(21,139,211,.08) !important; color:var(--inner-blue) !important; }
body.page-products .video-room-panel h3 { max-width:330px; color:var(--inner-ink) !important; font-size:1.14rem; line-height:1.25; }
body.page-products .video-room-panel > p[class*="italic"] { margin-bottom:17px !important; padding:0 0 0 12px !important; border-left:2px solid var(--inner-cyan) !important; border-radius:0 !important; background:transparent !important; color:#597087 !important; font-size:.71rem; font-style:normal !important; line-height:1.55; }
body.page-products .video-room-panel > h4 { margin-bottom:5px !important; color:var(--inner-ink) !important; font-family:var(--font-body); font-size:.7rem; }.video-room-panel > h4 i { color:var(--inner-blue) !important; }
body.page-products .video-room-panel > p.text-sm { margin-bottom:15px !important; color:var(--inner-muted) !important; font-size:.69rem !important; line-height:1.55; }
body.page-products .video-room-panel > .flex:last-child { margin-top:auto; gap:6px !important; }.video-room-panel > .flex:last-child span { border:1px solid rgba(21,139,211,.1); background:rgba(235,247,253,.8) !important; color:#0879b8 !important; font-size:.57rem !important; }

@keyframes video-focus-track { 0%,30%,100% { left:32%; width:36%; } 45%,65% { left:3%; width:31%; } 75%,90% { left:66%; width:31%; } }
@keyframes video-scan { 0%,100% { left:0; opacity:0; } 12%,88% { opacity:1; } 50% { left:100%; } }

@media (max-width:980px) { body.page-products .video-section-intro { grid-template-columns:1fr; gap:16px; }.video-section-intro > p { grid-column:1 !important; grid-row:auto !important; padding:0 !important; border-left:0 !important; } body.page-products .video-personal-panel,body.page-products .video-room-panel { grid-column:1 / -1; grid-row:auto; min-height:0; } body.page-products .video-personal-panel { min-height:0; } }
@media (max-width:640px) { body.page-products .video-personal-panel,body.page-products .video-room-panel { padding:26px !important; border-radius:21px !important; }.video-framing-visual { min-height:330px; margin-right:-18px; margin-left:-18px; }.video-personal-panel { min-height:0 !important; }.video-camera-proof { grid-template-columns:1fr; margin-top:24px; padding-top:0; }.video-camera-proof span { min-height:0; }.video-tracking-status { right:14px; left:14px; }.video-room-panel > .flex:last-child span { font-size:.54rem !important; } }
@media (prefers-reduced-motion:reduce) { .video-focus-box,.video-scan-line { animation:none; } }

/* ─── Products: certified room architecture ───────────────────────────── */
body.page-products .certified-rooms-intro { display:grid; grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr); grid-template-rows:auto auto; align-items:start; column-gap:72px; row-gap:16px; max-width:none !important; margin-bottom:48px !important; }
body.page-products .certified-rooms-intro > span { grid-column:1; width:max-content; margin-bottom:0 !important; }
body.page-products .certified-rooms-intro h2 { grid-column:1; max-width:700px; margin:0 !important; color:var(--inner-ink) !important; }
body.page-products .certified-rooms-intro h2 .gradient-text { display:block; color:inherit !important; }
body.page-products .certified-rooms-intro > p { grid-column:2; grid-row:2; align-self:center; max-width:610px !important; margin:0 !important; padding:8px 0 8px 30px; border-left:1px solid rgba(21,139,211,.2); color:var(--inner-muted) !important; font-size:1rem !important; line-height:1.75 !important; }

.certified-room-stage { min-height:520px; display:grid; grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr); gap:14px; padding:0; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; }
.certified-room-copy { position:relative; z-index:3; display:flex; flex-direction:column; justify-content:center; padding:44px; overflow:hidden; border-radius:23px; background:radial-gradient(circle at 100% 0%,rgba(21,139,211,.3),transparent 42%),linear-gradient(145deg,#06101d,#0a2943); }
.certified-room-copy::after { position:absolute; right:-80px; bottom:-110px; width:260px; height:260px; content:""; border:1px solid rgba(57,181,239,.1); border-radius:50%; box-shadow:0 0 0 44px rgba(57,181,239,.025),0 0 0 88px rgba(57,181,239,.014); }
.certified-room-copy > span { position:relative; z-index:2; margin-bottom:22px; color:#39b5ef; font-size:.58rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.certified-room-copy > span i { margin-right:7px; color:#35d98a; }
.certified-room-copy h3 { position:relative; z-index:2; margin-bottom:22px; color:#fff; font-size:1.14rem; line-height:1.25; }
.certified-room-copy p { position:relative; z-index:2; max-width:420px; margin-bottom:28px; color:rgba(255,255,255,.63); font-size:.84rem; line-height:1.72; }
.certified-room-copy > div { position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:7px; }.certified-room-copy b { padding:7px 10px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.72); font-size:.56rem; }

.certified-room-visual { position:relative; min-height:490px; overflow:hidden; }
.certified-room-visual::before { position:absolute; top:46%; left:52%; width:470px; height:470px; content:""; border:1px solid rgba(21,139,211,.09); border-radius:50%; box-shadow:0 0 0 54px rgba(21,139,211,.025),0 0 0 108px rgba(21,139,211,.015); transform:translate(-50%,-50%); }
.certified-screen { position:absolute; top:56px; right:64px; left:64px; z-index:3; height:225px; padding:20px; border:1px solid rgba(21,139,211,.2); border-radius:25px; background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(220,243,253,.75)); box-shadow:inset 0 1px 0 #fff,0 25px 56px rgba(20,50,75,.13); }
.certified-camera { position:absolute; top:-13px; left:50%; width:86px; height:27px; display:flex; align-items:center; justify-content:center; gap:8px; border-radius:10px; background:#07101e; color:#39b5ef; transform:translateX(-50%); }.certified-camera span { width:5px; height:5px; border-radius:50%; background:#35d98a; }
.certified-participants { height:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.certified-participants span { position:relative; overflow:hidden; border:1px solid rgba(21,139,211,.08); border-radius:16px; background:rgba(255,255,255,.72); }.certified-participants span::before { position:absolute; top:24%; left:50%; width:34px; height:34px; content:""; border-radius:50%; background:rgba(21,139,211,.2); transform:translateX(-50%); }.certified-participants span::after { position:absolute; right:18%; bottom:-22px; left:18%; height:78px; content:""; border-radius:50% 50% 0 0; background:rgba(21,139,211,.1); }
.certified-table { position:absolute; right:88px; bottom:66px; left:88px; z-index:2; height:122px; border:1px solid rgba(21,139,211,.2); border-radius:50%; background:radial-gradient(ellipse,rgba(57,181,239,.15),rgba(255,255,255,.5) 55%,transparent 72%); box-shadow:inset 0 8px 22px rgba(255,255,255,.8),0 28px 48px rgba(20,50,75,.13); }.certified-table span { position:absolute; top:50%; width:38px; height:38px; border:1px solid rgba(21,139,211,.15); border-radius:50%; background:rgba(255,255,255,.72); }.certified-table span:nth-child(1){left:13%;}.certified-table span:nth-child(2){left:50%;transform:translateX(-50%);}.certified-table span:nth-child(3){right:13%;}
.certified-console { position:absolute; bottom:94px; left:50%; z-index:5; width:82px; height:66px; display:grid; place-items:center; border:1px solid rgba(21,139,211,.2); border-radius:20px; background:linear-gradient(145deg,#fff,#cdeefe); color:var(--inner-blue); box-shadow:0 18px 35px rgba(20,50,75,.15); transform:translateX(-50%) rotate(-4deg); }.certified-console i { margin-top:10px; font-size:1.35rem; }.certified-console small { margin-top:-13px; color:#527187; font-size:.43rem; font-weight:800; text-transform:uppercase; }
.certified-path { position:absolute; z-index:4; width:1px; height:120px; border-left:1px dashed rgba(21,139,211,.22); }.certified-path i { position:absolute; left:-3px; width:7px; height:7px; border-radius:50%; background:#39b5ef; box-shadow:0 0 0 5px rgba(57,181,239,.1); animation:certified-data-flow 3.4s ease-in-out infinite; }.path-one { top:270px; left:28%; transform:rotate(35deg); }.path-two { top:270px; right:28%; transform:rotate(-35deg); }.path-two i { animation-delay:-1.7s; }
.certified-room-status { position:absolute; right:36px; bottom:18px; left:36px; z-index:7; display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:8px; padding:14px 17px; border:1px solid rgba(57,181,239,.13); border-radius:15px; background:linear-gradient(135deg,#07101e,#0b263d); box-shadow:0 18px 38px rgba(8,17,31,.18); }.certified-room-status > i { width:6px; height:6px; border-radius:50%; background:#35d98a; }.certified-room-status span { color:#39b5ef; font-size:.51rem; font-weight:800; text-transform:uppercase; }.certified-room-status strong { color:#fff; font-size:.57rem; }

.certified-deployment-grid { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:14px !important; margin-top:14px !important; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
body.page-products .certified-deployment-grid > .license-card { position:relative; min-height:230px; padding:30px 25px !important; border:0 !important; border-radius:18px !important; background:#f1f7fa !important; box-shadow:none !important; text-align:left !important; }.certified-deployment-grid > .license-card:nth-child(2) { background:#eaf5fb !important; }.certified-deployment-grid > .license-card:nth-child(3) { background:radial-gradient(circle at 100% 0%,rgba(57,181,239,.14),transparent 35%),#f5f9fc !important; }
.certified-deployment-grid > .license-card:nth-child(2),
.certified-deployment-grid > .license-card:nth-child(3) {
    border:1px solid rgba(21,139,211,.11) !important;
    background:radial-gradient(circle at 92% 4%,rgba(57,181,239,.1),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,248,253,.9)) !important;
    box-shadow:0 16px 44px rgba(20,50,75,.065) !important;
}
.certified-deployment-grid > .license-card::before { display:none; }.certified-deployment-grid .w-16 { width:46px !important; height:46px !important; margin:0 0 22px !important; border:1px solid rgba(21,139,211,.12); border-radius:14px !important; background:rgba(21,139,211,.08) !important; color:var(--inner-blue) !important; }.certified-deployment-grid .w-16 i { color:var(--inner-blue) !important; font-size:1.14rem !important; }.certified-deployment-grid h3 { max-width:280px; color:var(--inner-ink) !important; font-size:1.14rem; line-height:1.3; }.certified-deployment-grid p { color:var(--inner-muted) !important; font-size:.8rem !important; line-height:1.65; }

.certified-products-band { gap:10px !important; margin-top:14px !important; }.certified-products-band > .light-card { border:1px solid rgba(21,139,211,.1); border-radius:22px !important; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(237,247,252,.88)); box-shadow:0 16px 44px rgba(20,50,75,.065); }.certified-products-band .w-12 { border:1px solid rgba(21,139,211,.11); background:rgba(21,139,211,.08) !important; }.certified-products-band i { color:var(--inner-blue) !important; }

@keyframes certified-data-flow { 0%,100%{top:0;opacity:0} 15%,85%{opacity:1} 50%{top:100%} }
@media(max-width:980px){ body.page-products .certified-rooms-intro{grid-template-columns:1fr;gap:16px}.certified-rooms-intro>p{grid-column:1!important;grid-row:auto!important;padding:0!important;border-left:0!important}.certified-room-stage{grid-template-columns:1fr}.certified-room-copy{min-height:380px}.certified-room-visual{min-height:500px}.certified-deployment-grid{grid-template-columns:1fr!important}.certified-deployment-grid>.license-card{min-height:0} }
@media(max-width:640px){ .certified-room-stage{padding:0;border-radius:0}.certified-room-copy{min-height:0;padding:34px 26px;border-radius:18px}.certified-room-visual{min-height:410px}.certified-screen{top:48px;right:18px;left:18px;height:190px;padding:15px}.certified-table{right:35px;bottom:65px;left:35px}.certified-room-status{right:12px;left:12px}.certified-deployment-grid{padding:0;border-radius:0}.certified-products-band{grid-template-columns:1fr!important} }
@media(prefers-reduced-motion:reduce){.certified-path i{animation:none}}

/* ─── Products FAQ + CTA: same final composition as Services ──────────── */
body.page-products .products-faq > .container { display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr); align-items:start; gap:56px; }
body.page-products .products-faq .faq-head { position:sticky; top:170px; min-height:510px; max-width:none !important; display:block; margin:0 !important; padding:42px 40px 30px; border:1px solid rgba(21,139,211,.12); border-radius:26px; background:radial-gradient(circle at 84% 88%,rgba(57,181,239,.16),transparent 36%),linear-gradient(145deg,#fcfeff,#eaf4fa) !important; box-shadow:0 24px 62px rgba(20,50,75,.09); text-align:left !important; }
body.page-products .products-faq .faq-head > span { margin-bottom:22px !important; border-color:rgba(21,139,211,.14) !important; background:rgba(255,255,255,.74) !important; color:#087dbd !important; }
body.page-products .products-faq .faq-head h2 { max-width:330px; margin-bottom:16px !important; color:var(--inner-ink) !important; font-size: var(--type-section) !important; line-height:1 !important; }
body.page-products .products-faq .faq-head p { max-width:330px !important; margin:0 !important; color:var(--inner-muted) !important; font-size:.8rem !important; }
body.page-products .products-faq .faq-head .faq-visual { position:absolute; right:20px; bottom:8px; left:20px; height:210px; }
body.page-products .products-faq > .container > .max-w-3xl { width:100%; max-width:none; margin:0; counter-reset:products-faq-index; }
body.page-products #faq.products-faq .faq-item { counter-increment:products-faq-index; padding:0 !important; border:1px solid rgba(21,139,211,.11) !important; border-radius:18px !important; background:rgba(255,255,255,.88) !important; box-shadow:0 14px 38px rgba(20,50,75,.06) !important; transition:border-color .25s ease,background .25s ease,box-shadow .25s ease; }
body.page-products .products-faq .faq-toggle { min-height:82px; display:grid !important; grid-template-columns:44px minmax(0,1fr) 38px; align-items:center; gap:16px !important; padding:14px 18px !important; }
body.page-products .products-faq .faq-toggle::before { width:42px; height:42px; display:grid; place-items:center; content:counter(products-faq-index,decimal-leading-zero); border-radius:13px; background:#eef6fa; color:#087dbd; font-family:var(--font-display); font-size:.58rem; font-weight:800; }
body.page-products .products-faq .faq-toggle > span { color:var(--inner-ink) !important; font-family:var(--font-display); font-size:.78rem; line-height:1.35; }
body.page-products .products-faq .faq-toggle > i { width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:rgba(21,139,211,.08); color:var(--inner-blue) !important; }
body.page-products .products-faq .faq-content { padding:0 72px 24px 78px !important; }
body.page-products .products-faq .faq-content p { margin:0; color:var(--inner-muted) !important; font-size:.8rem; line-height:1.65; }
body.page-products .products-faq .faq-item.is-open { border-color:rgba(57,181,239,.16) !important; background:radial-gradient(circle at 94% 0%,rgba(57,181,239,.18),transparent 32%),#071625 !important; box-shadow:0 20px 48px rgba(8,17,31,.16) !important; }
body.page-products .products-faq .faq-item.is-open .faq-toggle::before { background:rgba(57,181,239,.1); color:#39b5ef; }
body.page-products .products-faq .faq-item.is-open .faq-toggle > span { color:#fff !important; }
body.page-products .products-faq .faq-item.is-open .faq-toggle > i { background:rgba(57,181,239,.1); color:#39b5ef !important; }
body.page-products .products-faq .faq-item.is-open .faq-content p { color:rgba(255,255,255,.64) !important; }

body.page-products .products-cta { padding:54px 0 90px !important; }
body.page-products .products-cta .container { width:min(100% - 88px,1180px) !important; }
body.page-products .products-cta .services-cta-panel { position:relative; max-width:none !important; display:flex; flex-direction:column; align-items:center; overflow:hidden; padding:64px 54px; border:1px solid rgba(57,181,239,.16); border-radius:28px; background:radial-gradient(circle at 88% 8%,rgba(57,181,239,.25),transparent 31%),radial-gradient(circle at 10% 100%,rgba(21,139,211,.14),transparent 34%),linear-gradient(145deg,#06101d,#092944); box-shadow:0 30px 78px rgba(8,17,31,.2); text-align:center !important; }
body.page-products .products-cta .services-cta-panel::before { position:absolute; inset:0; content:""; opacity:.35; background-image:radial-gradient(circle at 1px 1px,rgba(57,181,239,.12) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(90deg,transparent,#000,transparent); pointer-events:none; }
body.page-products .products-cta .services-cta-panel > * { position:relative; z-index:1; }
body.page-products .products-cta h2 { max-width:760px; margin-right:auto !important; margin-left:auto !important; color:#fff !important; font-size: var(--type-section) !important; text-align:center; }
body.page-products .products-cta h2 span { color:#fff !important; }
body.page-products .products-cta .container .services-cta-panel > p { width:100%; max-width:700px !important; margin-right:auto !important; margin-left:auto !important; color:rgba(255,255,255,.64) !important; text-align:center !important; }
body.page-products .products-cta a { border-radius:999px !important; }
body.page-products .products-cta a:last-child { border-color:rgba(255,255,255,.5) !important; background:rgba(255,255,255,.08) !important; color:#fff !important; }
body.page-products .products-cta a:last-child i { color:#39b5ef !important; }

@media(max-width:1024px){ body.page-products .products-faq > .container{grid-template-columns:1fr;gap:24px}.products-faq .faq-head{position:relative!important;top:auto!important}.products-cta .container{width:min(100% - 48px,1180px)!important} }
@media(max-width:640px){ body.page-products .products-faq .faq-head{min-height:420px;padding:30px 26px}.products-faq .faq-toggle{grid-template-columns:40px minmax(0,1fr) 34px!important;gap:10px!important}.products-faq .faq-content{padding:0 22px 22px 72px!important}body.page-products .products-cta .container{width:min(100% - 32px,1180px)!important}body.page-products .products-cta .services-cta-panel{padding:42px 24px;border-radius:20px} }

/* ─── Products: wireless content transfer ─────────────────────────────── */
body.page-products .wireless-intro { display:grid; grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr); grid-template-rows:auto auto; align-items:start; column-gap:72px; row-gap:16px; max-width:none !important; margin-bottom:48px !important; }
body.page-products .wireless-intro > span { grid-column:1; width:max-content; margin-bottom:0 !important; }
body.page-products .wireless-intro h2 { grid-column:1; max-width:640px; margin:0 !important; color:var(--inner-ink) !important; }
body.page-products .wireless-intro h2 .gradient-text { color:inherit !important; }
body.page-products .wireless-intro > p { grid-column:2; grid-row:2; align-self:center; max-width:610px !important; margin:0 !important; padding:8px 0 8px 30px; border-left:1px solid rgba(21,139,211,.2); color:var(--inner-muted) !important; font-size:1rem !important; line-height:1.75 !important; }

.wireless-share-stage { min-height:470px; display:grid; grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr); align-items:center; gap:38px; padding:48px 52px; overflow:hidden; border:1px solid rgba(21,139,211,.12); border-radius:30px; background:radial-gradient(circle at 92% 5%,rgba(57,181,239,.18),transparent 31%),linear-gradient(145deg,rgba(255,255,255,.97),rgba(232,246,253,.86)); box-shadow:0 28px 72px rgba(20,50,75,.1); }
.wireless-share-copy { position:relative; z-index:3; }.wireless-share-copy > span { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; color:#087dbd; font-size:1.14rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.wireless-share-copy h3 { max-width:470px; margin-bottom:20px; color:var(--inner-ink); font-size:1.14rem; line-height:1.25; }.wireless-share-copy p { max-width:440px; margin-bottom:26px; color:var(--inner-muted); font-size:1.14rem; line-height:1.72; }.wireless-share-copy > div { display:flex; flex-wrap:wrap; gap:7px; }.wireless-share-copy b { padding:7px 10px; border:1px solid rgba(21,139,211,.12); border-radius:999px; background:rgba(255,255,255,.7); color:#087dbd; font-size:1.14rem; }

.wireless-transfer-visual { position:relative; min-height:420px; }
.wireless-transfer-visual::before { position:absolute; top:50%; left:50%; width:430px; height:270px; content:""; border:1px solid rgba(21,139,211,.1); border-radius:50%; box-shadow:0 0 0 42px rgba(21,139,211,.025),0 0 0 84px rgba(21,139,211,.014); transform:translate(-50%,-50%) rotate(-5deg); }
.wireless-source-device { position:absolute; top:105px; left:0; z-index:4; width:150px; height:118px; display:grid; place-items:center; border:1px solid rgba(21,139,211,.18); border-radius:23px; background:linear-gradient(145deg,#fff,#dff3fc); color:var(--inner-blue); box-shadow:0 22px 46px rgba(20,50,75,.13); transform:rotate(-4deg); }.wireless-source-device > div { position:absolute; top:12px; left:14px; display:flex; gap:4px; }.wireless-source-device > div span { width:5px; height:5px; border-radius:50%; background:rgba(21,139,211,.28); }.wireless-source-device > i { margin-top:7px; font-size:2.1rem; }.wireless-source-device small { margin-top:-20px; color:#607b90; font-size:.46rem; font-weight:800; text-transform:uppercase; }
.wireless-room-screen { position:absolute; top:48px; right:0; z-index:3; width:310px; height:230px; padding:18px; border:1px solid rgba(57,181,239,.16); border-radius:26px; background:linear-gradient(145deg,#07101e,#0b2b46); box-shadow:0 28px 58px rgba(8,17,31,.2); transform:perspective(900px) rotateY(-4deg); }.wireless-screen-bar { height:29px; display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:7px; padding:0 4px 10px; border-bottom:1px solid rgba(255,255,255,.09); }.wireless-screen-bar i { width:6px; height:6px; border-radius:50%; background:#35d98a; }.wireless-screen-bar span { color:#39b5ef; font-size:.48rem; font-weight:800; text-transform:uppercase; }.wireless-screen-bar b { color:#fff; font-size:.48rem; }.wireless-screen-content { height:165px; display:grid; grid-template-columns:1.2fr .8fr; grid-template-rows:repeat(2,1fr); gap:8px; padding-top:13px; }.wireless-screen-content span { border:1px solid rgba(57,181,239,.1); border-radius:12px; background:linear-gradient(145deg,rgba(57,181,239,.18),rgba(255,255,255,.04)); }.wireless-screen-content span:first-child { grid-row:1 / 3; background:linear-gradient(145deg,rgba(57,181,239,.3),rgba(255,255,255,.05)); }
.wireless-signal-path { position:absolute; top:230px; left:148px; z-index:5; width:150px; height:90px; }.signal-arc { position:absolute; top:50%; left:0; border:1px solid transparent; border-top-color:rgba(21,139,211,.35); border-radius:50%; transform:translateY(-50%) rotate(90deg); }.signal-arc.arc-one{width:48px;height:48px}.signal-arc.arc-two{width:78px;height:78px}.signal-arc.arc-three{width:108px;height:108px}.wireless-data-packet { position:absolute; top:38px; left:5px; width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:#158bd3; color:#fff; box-shadow:0 0 0 7px rgba(57,181,239,.1),0 10px 22px rgba(21,139,211,.25); animation:wireless-packet-travel 3.8s ease-in-out infinite; }.wireless-data-packet i { font-size:.55rem; }
body.page-products .wireless-status-band { position:absolute; right:28px; bottom:7px; left:28px; z-index:6; display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:8px; padding:14px 17px !important; border:1px solid rgba(57,181,239,.13); border-radius:15px; background:rgba(7,16,30,.92); box-shadow:0 18px 38px rgba(8,17,31,.16); }.wireless-status-band > i { width:6px; height:6px; border-radius:50%; background:#35d98a; }.wireless-status-band span { color:#39b5ef; font-size:.5rem; font-weight:800; text-transform:uppercase; }.wireless-status-band strong { color:#fff; font-size:.57rem; }

.wireless-device-stack {
  position:absolute;
  top:30px;
  left:4px;
  z-index:5;
  width:178px;
  min-height:170px;
}
.wireless-device {
  position:absolute;
  display:grid;
  place-items:center;
  border:1px solid rgba(21,139,211,.18);
  border-radius:23px;
  background:linear-gradient(145deg,#fff,#dff3fc);
  color:var(--inner-blue);
  box-shadow:0 22px 46px rgba(20,50,75,.13);
}
.wireless-device i { font-size:1.85rem; }
.wireless-device strong {
  margin-top:-14px;
  color:#607b90;
  font-size:.48rem;
  font-weight:800;
  text-transform:uppercase;
}
.wireless-device-laptop {
  top:0;
  left:0;
  width:156px;
  height:116px;
  transform:rotate(-4deg);
}
.wireless-device-phone {
  right:0;
  bottom:0;
  width:78px;
  height:96px;
  transform:rotate(7deg);
}
.wireless-share-hub {
  position:absolute;
  top:230px;
  left:178px;
  z-index:6;
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border:1px solid rgba(57,181,239,.22);
  border-radius:24px;
  background:linear-gradient(145deg,#158bd3,#39b5ef);
  color:#fff;
  box-shadow:0 0 0 10px rgba(57,181,239,.12),0 18px 34px rgba(21,139,211,.25);
}
.wireless-share-hub::before,
.wireless-share-hub::after {
  position:absolute;
  inset:-18px;
  content:"";
  border:1px solid rgba(21,139,211,.24);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
  animation:wireless-wave-pulse 2.8s ease-in-out infinite;
}
.wireless-share-hub::after {
  inset:-34px;
  animation-delay:-1.4s;
}
.wireless-share-hub i { font-size:1.15rem; }
.wireless-share-hub span {
  margin-top:-15px;
  font-size:.46rem;
  font-weight:900;
  letter-spacing:.08em;
}
.wireless-beam {
  position:absolute;
  top:262px;
  left:248px;
  z-index:2;
  width:178px;
  height:1px;
  border-top:1px dashed rgba(21,139,211,.28);
}
.wireless-beam span {
  position:absolute;
  top:-4px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#39b5ef;
  box-shadow:0 0 0 6px rgba(57,181,239,.1);
  animation:wireless-dot-send 3.2s ease-in-out infinite;
}
.wireless-beam span:nth-child(2) { animation-delay:.55s; }
.wireless-beam span:nth-child(3) { animation-delay:1.1s; }
.wireless-room-display {
  position:absolute;
  top:42px;
  right:0;
  z-index:4;
  width:340px;
  height:250px;
  padding:18px;
  border:1px solid rgba(57,181,239,.16);
  border-radius:28px;
  background:linear-gradient(145deg,#07101e,#0b2b46);
  box-shadow:0 28px 58px rgba(8,17,31,.2);
}
.wireless-display-top {
  height:32px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  padding:0 3px 10px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.wireless-display-top span {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#39b5ef;
  font-size:.5rem;
  font-weight:900;
  text-transform:uppercase;
}
.wireless-display-top span i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#35d98a;
}
.wireless-display-top b { color:#fff; font-size:.52rem; }
.wireless-presentation-card {
  position:absolute;
  top:67px;
  left:34px;
  width:198px;
  height:134px;
  padding:18px;
  border:1px solid rgba(57,181,239,.13);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(57,181,239,.26),rgba(255,255,255,.05));
}
.wireless-presentation-card small {
  color:#39b5ef;
  font-size:.48rem;
  font-weight:900;
  text-transform:uppercase;
}
.wireless-presentation-card strong {
  display:block;
  max-width:130px;
  margin:8px 0 14px;
  color:#fff;
  font-size:.72rem;
  line-height:1.2;
}
.wireless-presentation-card em {
  display:block;
  height:6px;
  margin-top:7px;
  border-radius:999px;
  background:rgba(191,234,255,.52);
}
.wireless-presentation-card em:nth-of-type(2) { width:78%; }
.wireless-presentation-card em:nth-of-type(3) { width:58%; }
.wireless-display-grid {
  position:absolute;
  top:67px;
  right:22px;
  width:86px;
  display:grid;
  gap:9px;
}
.wireless-display-grid span {
  height:39px;
  border:1px solid rgba(57,181,239,.1);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(57,181,239,.16),rgba(255,255,255,.04));
}

.wireless-options-grid { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:14px !important; margin-top:14px !important; }
body.page-products .wireless-options-grid > .light-card { position:relative; min-height:270px; display:flex; flex-direction:column; align-items:flex-start; padding:30px !important; overflow:hidden; border:1px solid rgba(21,139,211,.11) !important; border-radius:22px !important; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,248,253,.9)) !important; box-shadow:0 16px 44px rgba(20,50,75,.065) !important; text-align:left !important; }.wireless-options-grid > .light-card::before { display:none; }.wireless-options-grid > .light-card:nth-child(2) { border-color:rgba(57,181,239,.14) !important; background:radial-gradient(circle at 100% 0%,rgba(21,139,211,.28),transparent 42%),linear-gradient(145deg,#06101d,#0a2943) !important; box-shadow:0 22px 54px rgba(8,17,31,.16) !important; }.wireless-options-grid > .light-card:nth-child(2)::before { color:rgba(57,181,239,.15); }
.wireless-options-grid .w-16 { width:48px !important; height:48px !important; margin:0 0 22px !important; border:1px solid rgba(21,139,211,.12); border-radius:15px !important; background:rgba(21,139,211,.08) !important; }.wireless-options-grid .w-16 i { color:var(--inner-blue) !important; font-size:1.14rem !important; }.wireless-options-grid h3 { color:var(--inner-ink) !important; font-size:1.14rem; }.wireless-options-grid p { color:var(--inner-muted) !important; font-size:.8rem !important; line-height:1.65; }.wireless-options-grid > .light-card > .flex:last-child { justify-content:flex-start !important; margin-top:auto !important; }.wireless-options-grid > .light-card > .flex:last-child span { background:rgba(235,247,253,.8) !important; color:#0879b8 !important; font-size:.8rem !important; }
.wireless-options-grid > .light-card:nth-child(2) .w-16 { border-color:rgba(57,181,239,.13); background:rgba(57,181,239,.1) !important; }.wireless-options-grid > .light-card:nth-child(2) .w-16 i { color:#39b5ef !important; }.wireless-options-grid > .light-card:nth-child(2) :is(h3,p) { color:#fff !important; }.wireless-options-grid > .light-card:nth-child(2) p { color:rgba(255,255,255,.62) !important; }.wireless-options-grid > .light-card:nth-child(2) > .flex:last-child span { border:1px solid rgba(57,181,239,.12); background:rgba(255,255,255,.07) !important; color:rgba(255,255,255,.72) !important; }

@keyframes wireless-packet-travel { 0%,100%{left:4px;opacity:0} 15%,85%{opacity:1} 50%{left:130px} }
@keyframes wireless-wave-pulse { 0%,100%{opacity:.18;transform:scale(.84) rotate(35deg)} 50%{opacity:.72;transform:scale(1) rotate(35deg)} }
@keyframes wireless-dot-send { 0%,100%{left:0;opacity:0} 18%,82%{opacity:1} 52%{left:100%} }
@media(max-width:1024px){body.page-products .wireless-intro{grid-template-columns:1fr;gap:16px}.wireless-intro>p{grid-column:1!important;grid-row:auto!important;padding:0!important;border-left:0!important}.wireless-share-stage{grid-template-columns:1fr}.wireless-share-copy{max-width:650px}.wireless-transfer-visual{min-height:430px}.wireless-options-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){.wireless-share-stage{padding:34px 26px;border-radius:22px}.wireless-transfer-visual{min-height:420px;margin:0 -30px;transform:scale(.78);transform-origin:center top}.wireless-source-device{left:0}.wireless-room-screen{right:-15px;width:290px}.wireless-room-display{right:-10px;width:315px}.wireless-device-stack{left:4px;top:20px;min-height:160px}.wireless-share-hub{top:220px;left:160px}.wireless-beam{top:252px;left:230px;width:130px}.wireless-status-band{right:18px;left:18px}.wireless-options-grid>.light-card{min-height:0!important}}
@media(prefers-reduced-motion:reduce){.wireless-data-packet,.wireless-share-hub::before,.wireless-share-hub::after,.wireless-beam span{animation:none}}

/* Products: one lateral rhythm from hero through the page body */
body.page-products :is(.content-section, .contact) > .container {
    width: min(100% - 88px, 1180px) !important;
    max-width: 1180px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

@media (max-width: 1024px) {
    body.page-products :is(.content-section, .contact) > .container {
        width: min(100% - 48px, 1180px) !important;
    }
}

@media (max-width: 640px) {
    body.page-products :is(.content-section, .contact) > .container {
        width: min(100% - 32px, 1180px) !important;
    }
}

/* Products: normalize the remaining light option cards */
body.page-products .certified-deployment-grid > .license-card:nth-child(1),
body.page-products .certified-deployment-grid > .license-card:nth-child(2),
body.page-products .certified-deployment-grid > .license-card:nth-child(3),
body.page-products .wireless-options-grid > .light-card:nth-child(2) {
    border: 1px solid rgba(21,139,211,.16) !important;
    background:
        radial-gradient(circle at 92% 5%,rgba(57,181,239,.13),transparent 31%),
        linear-gradient(145deg,#ffffff,#f0f8fc) !important;
    box-shadow: 0 16px 44px rgba(20,50,75,.075) !important;
}

body.page-products .certified-deployment-grid > .license-card:nth-child(1)::before {
    color: rgba(21,139,211,.2) !important;
}

body.page-products .certified-deployment-grid > .license-card:nth-child(1) :is(h3,p) {
    color: var(--inner-ink) !important;
}

body.page-products .certified-deployment-grid > .license-card:nth-child(1) p {
    color: var(--inner-muted) !important;
}

body.page-products .certified-deployment-grid > .license-card:nth-child(1) .w-16 {
    border-color: rgba(21,139,211,.12) !important;
    background: rgba(21,139,211,.08) !important;
}

body.page-products .certified-deployment-grid > .license-card:nth-child(1) .w-16 i {
    color: var(--inner-blue) !important;
}

body.page-products .wireless-options-grid > .light-card:nth-child(2)::before {
    color: rgba(21,139,211,.2) !important;
}

body.page-products .wireless-options-grid > .light-card:nth-child(2) .w-16 {
    border-color: rgba(21,139,211,.12) !important;
    background: rgba(21,139,211,.08) !important;
}

body.page-products .wireless-options-grid > .light-card:nth-child(2) .w-16 i {
    color: var(--inner-blue) !important;
}

body.page-products .wireless-options-grid > .light-card:nth-child(2) :is(h3,p) {
    color: var(--inner-ink) !important;
}

body.page-products .wireless-options-grid > .light-card:nth-child(2) p {
    color: var(--inner-muted) !important;
}

body.page-products .wireless-options-grid > .light-card:nth-child(2) > .flex:last-child span {
    border-color: rgba(21,139,211,.1) !important;
    background: rgba(235,247,253,.8) !important;
    color: #0879b8 !important;
}

/* ─── Licenses hero: connected governance ecosystem ───────────────────── */
body.page-licenses .licenses-hero-wrap {
    min-height: 760px;
    display: flex;
    align-items: center;
    padding: 118px 0 78px !important;
}

body.page-licenses .licenses-hero-wrap .services-hero-shell {
    grid-template-columns: minmax(0,.9fr) minmax(520px,1.1fr);
    align-items: center;
    gap: 52px;
}

body.page-licenses .licenses-hero-wrap .services-hero-copy h1 {
    max-width: 610px;
    color: var(--inner-ink) !important;
    font-size: var(--type-hero) !important;
    font-weight: 700;
    line-height: .98 !important;
}

body.page-licenses .licenses-hero-wrap .services-hero-copy h1 span {
    display: block;
    color: inherit !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.page-licenses .license-control-visual {
    min-width: 0;
    height: 520px;
    padding: 0;
    overflow: visible;
}

.license-control-stage {
    position: relative;
    width: 100%;
    height: 100%;
    isolation: isolate;
}

.license-control-stage::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 430px;
    height: 430px;
    content: "";
    border: 1px solid rgba(21,139,211,.1);
    border-radius: 50%;
    background: radial-gradient(circle,rgba(57,181,239,.12),rgba(57,181,239,.035) 42%,transparent 68%);
    box-shadow: 0 0 0 52px rgba(21,139,211,.025),0 0 0 104px rgba(21,139,211,.014);
    transform: translate(-50%,-50%);
}

.license-control-lines {
    position: absolute;
    inset: 18px 0;
    z-index: 1;
    width: 100%;
    height: calc(100% - 36px);
    overflow: visible;
}

.license-control-lines path {
    fill: none;
    stroke: rgba(21,139,211,.23);
    stroke-width: 1.2;
    stroke-dasharray: 4 7;
}

.license-control-core {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    width: 142px;
    height: 142px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(57,181,239,.18);
    border-radius: 42px;
    background: radial-gradient(circle at 72% 18%,rgba(57,181,239,.28),transparent 38%),linear-gradient(145deg,#07101e,#0b2b46);
    color: #fff;
    box-shadow: 0 26px 58px rgba(8,17,31,.22),0 0 0 12px rgba(21,139,211,.055);
    transform: translate(-50%,-50%) rotate(-4deg);
    animation: license-core-float 4.8s ease-in-out infinite;
}

.license-control-core > i { margin-top: 16px; color:#39b5ef; font-size:1.5rem; }
.license-control-core strong { margin-top:-12px; font-family:var(--font-display); font-size:2.2rem; line-height:1; }
.license-control-core span { margin-top:-18px; color:rgba(255,255,255,.52); font-size:.5rem; font-weight:700; text-transform:uppercase; }

body.page-licenses .license-vendor-node {
    position: absolute;
    z-index: 4;
    min-width: 156px;
    display: grid;
    grid-template-columns: 38px 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 2px 10px;
    padding: 13px 15px !important;
    border: 1px solid rgba(21,139,211,.13);
    border-radius: 17px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 16px 36px rgba(20,50,75,.1),inset 0 1px 0 #fff;
    backdrop-filter: blur(15px) saturate(1.2);
    animation: license-node-float 5.5s ease-in-out infinite;
}

.license-vendor-node img,
.license-vendor-node > i { grid-row:1 / 3; width:38px; height:38px; padding:7px; object-fit:contain; border-radius:11px; background:#edf7fc; color:var(--inner-blue); }
.license-vendor-node > i { display:grid; place-items:center; }
.license-vendor-node span { color:#6c8396; font-size:.48rem; font-weight:700; text-transform:uppercase; }
.license-vendor-node strong { color:var(--inner-ink); font-size:.62rem; }
.vendor-microsoft { top:48px; left:0; }.vendor-adobe { top:38px; right:0; animation-delay:-1.3s; }.vendor-google { bottom:58px; left:0; animation-delay:-2.6s; }.vendor-security { right:0; bottom:48px; animation-delay:-3.9s; }

body.page-licenses .license-control-status { position:absolute; z-index:6; display:grid; grid-template-columns:9px 1fr; gap:2px 7px; min-width:128px; padding:11px 13px !important; border:1px solid rgba(21,139,211,.12); border-radius:14px; background:rgba(255,255,255,.86); box-shadow:0 13px 28px rgba(20,50,75,.09); backdrop-filter:blur(12px); }
.license-control-status > i { grid-row:1 / 3; align-self:center; color:var(--inner-blue); font-size:.55rem; }.license-control-status > i:empty { width:6px; height:6px; border-radius:50%; background:#35d98a; box-shadow:0 0 0 5px rgba(53,217,138,.08); }.license-control-status span { color:#7b90a0; font-size:.46rem; text-transform:uppercase; }.license-control-status strong { color:var(--inner-ink); font-size:.64rem; }.status-compliance { top:175px; left:6px; }.status-saving { right:0; bottom:188px; }

body.page-licenses .license-control-caption { position:absolute; bottom:3px; left:50%; z-index:6; display:flex; align-items:center; gap:8px; padding:10px 14px !important; border:1px solid rgba(21,139,211,.12); border-radius:999px; background:rgba(255,255,255,.75); color:#597287; font-size:.5rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; transform:translateX(-50%); }.license-control-caption i { color:var(--inner-blue); animation:license-renew-spin 6s linear infinite; }

.license-control-packet { position:absolute; z-index:3; width:8px; height:8px; border-radius:50%; background:#39b5ef; box-shadow:0 0 0 6px rgba(57,181,239,.1),0 0 18px rgba(21,139,211,.45); offset-rotate:0deg; }
.packet-one { offset-path:path("M 92 118 C 190 118 190 210 310 250"); animation:license-packet-one 4.5s ease-in-out infinite; }.packet-two { offset-path:path("M 542 386 C 432 386 425 302 310 250"); animation:license-packet-one 5.2s ease-in-out -2.4s infinite; }

@keyframes license-packet-one { 0%{offset-distance:0%;opacity:0} 15%,85%{opacity:1} 100%{offset-distance:100%;opacity:0} }
@keyframes license-core-float { 50%{transform:translate(-50%,-54%) rotate(-2deg)} }
@keyframes license-node-float { 50%{translate:0 -6px} }
@keyframes license-renew-spin { to{transform:rotate(360deg)} }

@media (max-width: 1050px) {
    body.page-licenses .licenses-hero-wrap .services-hero-shell { grid-template-columns:1fr; }
    body.page-licenses .license-control-visual { width:min(100%,680px); }
}

@media (max-width: 640px) {
    body.page-licenses .licenses-hero-wrap { padding:100px 0 58px !important; }
    body.page-licenses .license-control-visual { height:460px; transform:scale(.86); transform-origin:top left; width:116%; margin-bottom:-65px; }
    .license-vendor-node { min-width:138px; padding:10px; }.status-compliance{left:0}.status-saving{right:0}
}

@media (prefers-reduced-motion:reduce) {
    .license-control-core,.license-vendor-node,.license-control-caption i,.license-control-packet { animation:none; }
}

/* ─── Licenses Hero ─────────────────────────────────────────────────────────── */
body.page-licenses .licenses-hero-wrap {
    padding: 40px 0 0;
}
body.page-licenses .licenses-hero-wrap::before,
body.page-licenses .licenses-hero-wrap::after {
    display: none !important;
}

/* Match services page lateral gutter across all sections */
body.page-licenses > section > .container,
body.page-licenses footer .container {
    width: min(100% - 88px, 1180px) !important;
    max-width: none !important;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 1200px) {
    body.page-licenses > section > .container,
    body.page-licenses footer .container {
        width: min(100% - 48px, 1180px) !important;
    }
}
@media (max-width: 480px) {
    body.page-licenses > section > .container,
    body.page-licenses footer .container {
        width: min(100% - 32px, 1180px) !important;
    }
}

body.page-licenses .services-hero-shell {
    grid-template-columns: minmax(420px, 1fr) minmax(480px, 1fr);
}

body.page-licenses .services-hero-copy h1 {
    font-size: var(--type-hero);
    font-weight: 800;
    color: var(--inner-ink);
    line-height: 1.15;
    margin-bottom: 1.2rem;
}

body.page-licenses .services-hero-copy h1 span {
    color: var(--inner-ink) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.page-licenses .services-hero-copy p {
    color: var(--inner-muted);
    font-size: 1.08rem;
    line-height: 1.75;
    margin-bottom: 1.5rem;
    max-width: 480px;
}

body.page-licenses .licenses-flow-visual {
    position: relative;
    min-height: 420px;
}

@media (max-width: 900px) {
    body.page-licenses .services-hero-shell {
        grid-template-columns: 1fr;
    }
    body.page-licenses .licenses-flow-visual {
        min-height: 320px;
    }
}

/* ─── Licenses Catalog Nav Shell (mirrors products-nav-shell) ───────────────── */
body.page-licenses .licenses-catalog-nav.inner-anchor-nav {
    padding: 12px 0 !important;
    border: 0 !important;
    background: rgba(245,249,252,.76) !important;
    box-shadow: none !important;
    backdrop-filter: blur(22px) saturate(1.2);
}
body.page-licenses .licenses-catalog-nav .container { width: min(100% - 88px,1180px); }

.licenses-nav-shell {
    overflow: hidden;
    padding: 10px 12px;
    border: 1px solid rgba(21,139,211,.13);
    border-radius: 24px;
    background: radial-gradient(circle at 88% 0%,rgba(57,181,239,.16),transparent 30%),rgba(255,255,255,.9);
    box-shadow: 0 18px 52px rgba(20,50,75,.09),inset 0 1px 0 #fff;
}

.licenses-nav-top { min-height: 60px; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 20px; }
.licenses-nav-brand { display: flex; align-items: center; gap: 10px; padding: 0 20px 0 4px; border-right: 1px solid rgba(7,16,30,.09); }
.licenses-nav-brand span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg,#158bd3,#075f98); color: #fff; box-shadow: 0 10px 22px rgba(21,139,211,.23); }
.licenses-nav-brand strong { color: var(--inner-ink); font-family: 'Space Grotesk',sans-serif; font-size: .78rem; white-space: nowrap; }
.licenses-nav-links { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 3px; }
body.page-licenses .inner-anchor-nav .licenses-nav-links a { position: relative; min-height: 40px; display: inline-flex; align-items: center; gap: 6px; padding: 0 11px; border-radius: 12px !important; color: #455c74 !important; font-size: .7rem; font-weight: 700; white-space: nowrap; }
body.page-licenses .inner-anchor-nav .licenses-nav-links a::before { content: attr(data-index); color: #9fb0bd; font-family: 'Space Grotesk',sans-serif; font-size: .48rem; letter-spacing: .05em; }
body.page-licenses .inner-anchor-nav .licenses-nav-links a:hover { background: rgba(21,139,211,.08) !important; color: #0879b8 !important; transform: translateY(-1px); }
body.page-licenses .inner-anchor-nav .licenses-nav-links a.is-active { background: #081522 !important; color: #fff !important; box-shadow: 0 10px 24px rgba(7,16,30,.16); }
body.page-licenses .inner-anchor-nav .licenses-nav-links a.is-active::before { color: #39b5ef; }
body.page-licenses .inner-anchor-nav .licenses-nav-action { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px !important; background: linear-gradient(145deg,#158bd3,#0876b8) !important; color: #fff !important; box-shadow: 0 12px 26px rgba(21,139,211,.26); }
body.page-licenses .inner-anchor-nav .licenses-nav-action:hover { background: #0b304f !important; color: #fff !important; transform: translateY(-2px); }

.licenses-nav-brands { min-height: 64px; display: grid; grid-template-columns: 170px minmax(0,1fr); align-items: center; gap: 18px; padding: 10px 8px 2px; border-top: 1px solid rgba(21,139,211,.09); }
.licenses-nav-brands > span { padding-left: 10px; color: #6f879a; font-size: .55rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.licenses-nav-brands > div { min-width: 0; display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); align-items: center; }
body.page-licenses .licenses-nav-brands img { width: 100% !important; height: 38px !important; padding: 6px 12px; border-left: 1px solid rgba(21,139,211,.08); object-fit: contain; filter: grayscale(1) opacity(.62); transition: filter .25s ease,transform .25s ease; }
.licenses-nav-brands img:hover { filter: none; transform: translateY(-2px); }

@media (max-width: 1024px) {
    body.page-licenses .licenses-catalog-nav .container { width: min(100% - 48px,1180px); }
    .licenses-nav-top { grid-template-columns: auto minmax(0,1fr); }
    .licenses-nav-action { display: none !important; }
    .licenses-nav-links { justify-content: flex-start; overflow-x: auto; scrollbar-width: none; }
    .licenses-nav-links::-webkit-scrollbar { display: none; }
    .licenses-nav-brands { grid-template-columns: 130px minmax(0,1fr); }
}

@media (max-width: 767px) {
    body.page-licenses .licenses-catalog-nav.inner-anchor-nav { padding: 8px 0 !important; }
    body.page-licenses .licenses-catalog-nav .container { width: min(100% - 32px,1180px); }
    .licenses-nav-shell { border-radius: 18px; }
    .licenses-nav-top { grid-template-columns: 1fr; min-height: 48px; }
    .licenses-nav-brands { grid-template-columns: 1fr; }
    .licenses-nav-brands > div { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

/* ─── Licenses Hero Dashboard Visual ───────────────────────────────────────── */
body.page-licenses .lic-hero-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 24px 32px 8px;
    margin: 0;
}

/* Main dashboard card */
.lic-dash {
    width: 100%;
    max-width: 480px;
    background: rgba(255,255,255,0.94);
    border: 1px solid rgba(21,139,211,.13);
    border-radius: 22px;
    box-shadow: 0 32px 80px rgba(8,17,31,.12), 0 2px 0 #fff inset;
    overflow: hidden;
    animation: lic-float 6s ease-in-out infinite;
}

@keyframes lic-float {
    0%, 100% { transform: translateY(0px); }
    50%       { transform: translateY(-8px); }
}

/* Header */
.lic-dash-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px 14px;
    border-bottom: 1px solid rgba(21,139,211,.09);
    background: linear-gradient(135deg, rgba(21,139,211,.06) 0%, transparent 60%);
}
.lic-dash-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: .82rem;
    font-weight: 700;
    color: var(--inner-ink);
}
.lic-dash-icon {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: linear-gradient(145deg, #158bd3, #075f98);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: .72rem;
    box-shadow: 0 6px 16px rgba(21,139,211,.3);
}
.lic-dash-status {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .65rem;
    font-weight: 600;
    color: #22c55e;
    background: rgba(34,197,94,.08);
    border: 1px solid rgba(34,197,94,.18);
    border-radius: 20px;
    padding: 4px 10px;
}
.lic-pulse {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 0 rgba(34,197,94,.4);
    animation: lic-pulse-ring 2s ease-out infinite;
}
@keyframes lic-pulse-ring {
    0%   { box-shadow: 0 0 0 0 rgba(34,197,94,.5); }
    70%  { box-shadow: 0 0 0 6px rgba(34,197,94,0); }
    100% { box-shadow: 0 0 0 0 rgba(34,197,94,0); }
}

/* Rows */
.lic-dash-rows {
    padding: 8px 0;
}
.lic-dash-row {
    display: grid;
    grid-template-columns: 40px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    transition: background .2s;
}
.lic-dash-row:hover {
    background: rgba(21,139,211,.04);
}
.lic-row-logo {
    width: 40px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.lic-row-logo img {
    max-width: 36px;
    max-height: 22px;
    object-fit: contain;
    filter: grayscale(.3);
}
.lic-row-info strong {
    display: block;
    font-size: .72rem;
    font-weight: 700;
    color: var(--inner-ink);
    margin-bottom: 5px;
    white-space: nowrap;
}
.lic-bar {
    height: 5px;
    background: rgba(21,139,211,.1);
    border-radius: 10px;
    overflow: hidden;
}
.lic-bar-fill {
    height: 100%;
    width: 0;
    border-radius: 10px;
    background: linear-gradient(90deg, #158bd3, #39b5ef);
    animation: lic-bar-grow 1.4s cubic-bezier(.22,1,.36,1) forwards;
    animation-delay: .6s;
}
.lic-bar-fill[style*="--w:100%"] {
    background: linear-gradient(90deg, #22c55e, #4ade80);
}
@keyframes lic-bar-grow {
    from { width: 0; }
    to   { width: var(--w, 50%); }
}
.lic-row-stat {
    text-align: right;
    white-space: nowrap;
}
.lic-row-stat span {
    font-family: 'Space Grotesk', sans-serif;
    font-size: .82rem;
    font-weight: 700;
    color: var(--inner-ink);
}
.lic-row-stat em {
    font-style: normal;
    font-size: .65rem;
    color: var(--inner-muted);
}

/* Footer stats */
.lic-dash-footer {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 14px 20px;
    border-top: 1px solid rgba(21,139,211,.09);
    background: rgba(248,251,254,.7);
}
.lic-foot-stat {
    flex: 1;
    text-align: center;
}
.lic-foot-stat strong {
    display: block;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    color: var(--inner-ink);
}
.lic-foot-stat span {
    font-size: .6rem;
    color: var(--inner-muted);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.lic-foot-stat.lic-foot-green strong {
    color: #22c55e;
}
.lic-foot-divider {
    width: 1px;
    height: 32px;
    background: rgba(21,139,211,.1);
}

/* Floating badge cards */
.lic-badge-renewal,
.lic-badge-saving {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 14px;
    border-radius: 40px;
    font-size: .68rem;
    font-weight: 700;
    backdrop-filter: blur(12px);
    white-space: nowrap;
}
.lic-badge-renewal {
    top: 18px;
    right: 10px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(21,139,211,.18);
    color: #0879b8;
    box-shadow: 0 12px 32px rgba(21,139,211,.15);
    animation: lic-badge-a 7s ease-in-out infinite;
}
.lic-badge-renewal i {
    color: #22c55e;
    font-size: .75rem;
}
.lic-badge-saving {
    bottom: 22px;
    right: 4px;
    background: rgba(8,17,31,.9);
    border: 1px solid rgba(255,255,255,.1);
    color: #fff;
    box-shadow: 0 12px 32px rgba(8,17,31,.25);
    animation: lic-badge-b 7s ease-in-out infinite;
}
.lic-badge-saving i {
    color: #4ade80;
}
@keyframes lic-badge-a {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50%       { transform: translateY(-6px) rotate(0deg); }
}
@keyframes lic-badge-b {
    0%, 100% { transform: translateY(0) rotate(1deg); }
    50%       { transform: translateY(-5px) rotate(0deg); }
}

@media (max-width: 900px) {
    body.page-licenses .lic-hero-visual {
        padding: 20px 0 0;
    }
    .lic-badge-renewal, .lic-badge-saving { display: none; }
}

/* ─── Colaboração section header (two-column, mirrors infra-head) ─────────────── */
body.page-licenses #colaboracao .collab-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 40px;
    margin-bottom: 34px;
}
body.page-licenses #colaboracao .collab-head-label {
    grid-column: 1 / -1;
    margin-bottom: -12px;
}
body.page-licenses #colaboracao .collab-head-label span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 13px;
    border: 1px solid rgba(21,139,211,.22);
    border-radius: 999px;
    background: rgba(21,139,211,.07);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inner-blue);
}
body.page-licenses #colaboracao .collab-head h2 {
    font-size: var(--type-section) !important;
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -.03em;
    color: var(--inner-ink);
    margin: 0 !important;
    text-align: left !important;
}
body.page-licenses #colaboracao .collab-head p {
    color: var(--inner-muted);
    font-size: .95rem;
    line-height: 1.7;
    max-width: 420px;
    text-align: left !important;
    margin: 0 !important;
}

/* Hide legacy detail cards */
body.page-licenses #colaboracao .collab-detail-grid {
    display: none;
}

@media (max-width: 900px) {
    body.page-licenses #colaboracao .collab-head {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    body.page-licenses #colaboracao .collab-head-label {
        margin-bottom: 0;
    }
}

/* ─── Design section header + hide legacy cards ─────────────────────────────── */
body.page-licenses #design .collab-head { margin-bottom: 34px; }
body.page-licenses #design .design-detail-grid { display: none; }

/* ══════════════════════════════════════════════════════════════════
   LICENSE CARD SYSTEM — lc-* classes
   ══════════════════════════════════════════════════════════════════ */

/* Grid */
.lc-grid, .design-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
    margin-top: 36px;
}
.lc-span-12 { grid-column: 1 / -1; }
.lc-span-7  { grid-column: span 7; }
.lc-span-5  { grid-column: span 5; }
.lc-span-6  { grid-column: span 6; }
.lc-span-4  { grid-column: span 4; }

/* Base card */
body.page-licenses .lc-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding: 32px !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Dark card */
.lc-dark {
    border: 1px solid rgba(57,181,239,.14);
    background:
        radial-gradient(circle at 88% 8%, rgba(21,139,211,.22), transparent 34%),
        linear-gradient(145deg, #07101e 0%, #092039 70%, #0b2b48 100%);
    box-shadow: 0 24px 60px rgba(8,17,31,.18);
    color: #fff;
}
.lc-dark::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .25;
    background-image:
        linear-gradient(rgba(57,181,239,.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57,181,239,.06) 1px, transparent 1px);
    background-size: 32px 32px;
    pointer-events: none;
}

/* Light card */
.lc-light {
    border: 1px solid rgba(21,139,211,.11);
    background:
        radial-gradient(circle at 95% 5%, rgba(57,181,239,.12), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(240,248,253,.94));
    box-shadow: 0 18px 50px rgba(20,50,75,.08);
}

/* Featured horizontal card */
body.page-licenses .lc-card.lc-featured-h {
    display: grid !important;
    flex-direction: unset !important;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
    gap: 14px;
    padding: 0 !important;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.lc-feat-left {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 32px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 0% 100%, rgba(21,139,211,.08), transparent 50%),
        linear-gradient(145deg, #07101e, #0c2540);
    box-shadow: 0 18px 50px rgba(20,50,75,.08);
    color: #fff;
}
.lc-feat-right {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 32px;
    border: 1px solid rgba(21,139,211,.11);
    border-radius: 24px;
    background:
        radial-gradient(circle at 95% 5%, rgba(57,181,239,.12), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(240,248,253,.94));
    box-shadow: 0 18px 50px rgba(20,50,75,.08);
}

/* Card header */
.lc-card-top {
    display: flex;
    align-items: center;
    gap: 14px;
}
.lc-card h3 {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 1.14rem;
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1.1;
    margin: 0;
}
.lc-dark h3, .lc-feat-left h3 { color: #fff; }
.lc-light h3 { color: var(--inner-ink); }

/* Icon */
.lc-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 1.1rem;
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
}
.lc-icon-ms     { background: linear-gradient(145deg,#0078d4,#004e8c); color:#fff; }
.lc-icon-google { background: linear-gradient(145deg,#158bd3,#075f98); color:#fff; }
.lc-icon-violet { background: linear-gradient(145deg,#2563eb,#1d4ed8); color:#fff; }
.lc-icon-green  { background: linear-gradient(145deg,#0ea5e9,#0369a1); color:#fff; }
.lc-icon-pink   { background: linear-gradient(145deg,#1e3a8a,#0f2460); color:#fff; }
.lc-icon-orange { background: linear-gradient(145deg,#0369a1,#075985); color:#fff; }
.lc-icon-red    { background: linear-gradient(145deg,#1d4ed8,#1e3a8a); color:#fff; }
.lc-icon-teal   { background: linear-gradient(145deg,#0879b8,#05506e); color:#fff; }

/* Certified badge */
.lc-certified {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #39b5ef;
    margin-bottom: 2px;
}

/* Solution index */
.lc-sol-index {
    display: block;
    font-size: .6rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 2px;
}
.lc-sol-index         { color: var(--inner-blue); }
.lc-sol-orange        { color: var(--inner-blue); }
.lc-sol-red           { color: var(--inner-blue); }
.lc-sol-teal          { color: var(--inner-blue); }
.lc-feat-left .lc-sol-index { color: #39b5ef; }

/* Badge */
body.page-licenses .lc-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px !important;
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 700;
    margin-bottom: 2px;
}
.lc-badge-violet { background: rgba(21,139,211,.1); color: #0879b8; border: 1px solid rgba(21,139,211,.2); }
.lc-badge-green  { background: rgba(21,139,211,.1); color: #0879b8; border: 1px solid rgba(21,139,211,.2); }

/* App chips */
.lc-app-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.lc-app-chips span {
    padding: 4px 9px;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 700;
}
.lc-chips-dark span { background: rgba(255,255,255,.1); color: rgba(255,255,255,.75); border: 1px solid rgba(255,255,255,.12); }
.lc-chips-light span { background: rgba(21,139,211,.07); color: #455c74; border: 1px solid rgba(21,139,211,.12); }

/* Quote */
.lc-quote {
    font-size: .8rem;
    line-height: 1.6;
    font-style: italic;
    padding: 10px 14px;
    border-radius: 10px;
    margin: 0;
}
.lc-quote-dark  { background: rgba(255,255,255,.07); border-left: 3px solid rgba(57,181,239,.3); color: rgba(255,255,255,.7); }
.lc-quote-light { border-left: 3px solid rgba(21,139,211,.3); background: rgba(248,250,252,.6); color: #475569; }
.lc-quote-red    { border-color: rgba(21,139,211,.3); }
.lc-quote-violet { border-color: rgba(21,139,211,.3); }
.lc-quote-green  { border-color: rgba(57,181,239,.3); }
.lc-quote-orange { border-color: rgba(21,139,211,.3); }
.lc-quote-teal   { border-color: rgba(21,139,211,.3); }
.lc-quote-pink   { border-color: rgba(21,139,211,.3); }
.lc-quote-muted  { color: #64748b !important; -webkit-text-fill-color: #64748b !important; }

/* Coverage label */
.lc-coverage-label {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .7rem;
    font-weight: 700;
    margin: 0;
}
.lc-dark .lc-coverage-label { color: #39b5ef; }
.lc-dark .lc-coverage-label i { color: #35d98a; }
.lc-coverage-light { color: var(--inner-ink); }
.lc-coverage-light i { color: var(--inner-blue); }
.lc-feat-right .lc-coverage-label { color: var(--inner-ink); }
.lc-feat-right .lc-coverage-label i { color: var(--inner-blue); }

/* Plans */
.lc-plans { display: flex; flex-direction: column; gap: 10px; flex: 1; }
.lc-plans-feat { gap: 12px; }
.lc-plans > div, .lc-plans-light > div { display: flex; flex-direction: column; gap: 3px; }
.lc-plan-title {
    font-size: .62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .07em;
}
.lc-dark .lc-plan-title   { color: #39b5ef; }
.lc-plans-light .lc-plan-title, .lc-plans-feat .lc-plan-title { color: var(--inner-blue); }
.lc-plan-title.lc-plan-red    { color: #0879b8; }
.lc-plan-title.lc-plan-violet { color: #0879b8; }
.lc-plan-title.lc-plan-green  { color: #0879b8; }
.lc-plan-title.lc-plan-pink   { color: #0879b8; }
.lc-plan-title.lc-plan-orange { color: #0879b8; }
.lc-plan-title.lc-plan-teal   { color: #0879b8; }
.lc-plan-title em { font-style: normal; font-weight: 400; text-transform: none; letter-spacing: 0; opacity: .7; }
.lc-plans p, .lc-plans-light p, .lc-plans-feat p {
    font-size: .78rem;
    line-height: 1.6;
    margin: 0;
}
.lc-dark .lc-plans p     { color: rgba(255,255,255,.62); }
.lc-plans-light p        { color: var(--inner-muted); }
.lc-plans-feat p         { color: var(--inner-muted); }

/* Tags */
.lc-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 4px; }
.lc-tags span {
    padding: 5px 10px;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 700;
}
.lc-tags-dark span  { background: rgba(255,255,255,.07); color: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.12); }
.lc-tags-light span { background: rgba(21,139,211,.07); color: #0879b8; border: 1px solid rgba(21,139,211,.12); }
.lc-tags-red span    { background: rgba(21,139,211,.07); color: #0879b8; border-color: rgba(21,139,211,.15); }
.lc-tags-violet span { background: rgba(21,139,211,.07); color: #0879b8; border-color: rgba(21,139,211,.15); }
.lc-tags-green span  { background: rgba(255,255,255,.07); color: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.12); }
.lc-tags-pink span   { background: rgba(21,139,211,.07); color: #0879b8; border-color: rgba(21,139,211,.15); }
.lc-tags-orange span { background: rgba(21,139,211,.07); color: #0879b8; border-color: rgba(21,139,211,.15); }
.lc-tags-teal span   { background: rgba(21,139,211,.07); color: #0879b8; border-color: rgba(21,139,211,.15); }

/* ── Floating decorative icons inside dark cards ─────────────────── */
.lc-dark-icon {
    position: absolute;
    z-index: 0;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, rgba(255,255,255,.2), rgba(57,181,239,.07));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 12px 28px rgba(0,0,0,.22);
    backdrop-filter: blur(10px);
    color: rgba(255,255,255,.7);
    border-radius: 20px;
    pointer-events: none;
    animation: infra-float 5s ease-in-out infinite;
}
.lc-dark-icon-a {
    top: 20px; right: 24px;
    width: 68px; height: 68px;
    font-size: 1.55rem;
    transform: rotate(-8deg);
}
.lc-dark-icon-b {
    top: 102px; right: 12px;
    width: 56px; height: 56px;
    font-size: 1.25rem;
    transform: rotate(7deg);
    animation-delay: -1.8s;
}
.lc-dark-icon-c {
    bottom: 28px; right: 78px;
    width: 48px; height: 48px;
    font-size: 1.05rem;
    transform: rotate(-4deg);
    animation-delay: -3.4s;
}
/* Keep text content above floating icons */
.lc-dark .lc-card-top,
.lc-dark .lc-quote,
.lc-dark .lc-coverage-label,
.lc-dark .lc-plans,
.lc-dark .lc-tags,
.lc-feat-left .lc-icon,
.lc-feat-left .lc-sol-index,
.lc-feat-left h3,
.lc-feat-left .lc-app-chips,
.lc-feat-left .lc-quote { position: relative; z-index: 1; }

/* ── Design section header (index + copy) ─────────────────── */
.design-head-v2 {
    display: flex;
    align-items: center;
    gap: 32px;
    margin-bottom: 36px;
}
.dh-index {
    flex-shrink: 0;
    font-family: 'Space Grotesk', sans-serif;
    font-size: clamp(4rem, 8vw, 7rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.05em;
    color: transparent;
    -webkit-text-stroke: 2px rgba(21,139,211,.18);
    user-select: none;
}
.dh-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .64rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--inner-blue);
    margin-bottom: 6px;
}
.dh-copy h2 {
    font-size: var(--type-section) !important;
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.03em;
    color: var(--inner-ink);
    margin: 0 0 8px !important;
    text-align: left !important;
}
.dh-copy p {
    font-size: .9rem;
    color: var(--inner-muted);
    line-height: 1.65;
    margin: 0 !important;
    text-align: left !important;
    max-width: 520px;
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 1100px) {
    .lc-span-7 { grid-column: 1 / -1; }
    .lc-span-5 { grid-column: 1 / -1; }
    .lc-span-6 { grid-column: 1 / -1; }
    .lc-featured-h { grid-template-columns: 1fr; }
    .lc-feat-left { border-right: none; border-bottom: 1px solid rgba(57,181,239,.12); }
}
@media (max-width: 900px) {
    .lc-span-4 { grid-column: 1 / -1; }
    .design-head-v2 { flex-direction: column; align-items: flex-start; gap: 8px; }
    .dh-index { font-size: 3.5rem; }
}

/* Final placement for the rebuilt licensing hero visual */
body.page-licenses .lic-hero-visual.license-control-visual {
    height: 520px;
    padding: 0;
    margin: 0;
    overflow: visible;
}

@media (max-width: 640px) {
    body.page-licenses .lic-hero-visual.license-control-visual {
        height: 460px;
        width: 116%;
        margin-bottom: -65px;
        transform: scale(.86);
        transform-origin: top left;
    }
}

/* ─── Licenses: collaboration ecosystem fold ──────────────────────────── */
body.page-licenses #colaboracao .collab-head {
    grid-template-columns: minmax(0,.92fr) minmax(380px,1.08fr);
    grid-template-rows: auto auto;
    align-items: start;
    column-gap: 72px;
    row-gap: 16px;
    margin-bottom: 48px;
}

body.page-licenses #colaboracao .collab-head-label {
    grid-column: 1;
    margin: 0;
}

body.page-licenses #colaboracao .collab-head h2 {
    grid-column: 1;
    max-width: 650px;
    font-size: var(--type-section) !important;
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: 0;
}

body.page-licenses #colaboracao .collab-head h2 span {
    color: inherit !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.page-licenses #colaboracao .collab-head > p {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    max-width: 560px;
    padding: 8px 0 8px 30px;
    border-left: 1px solid rgba(21,139,211,.2);
    font-size: 1rem;
}

.collaboration-ecosystem {
    min-height: 500px;
    display: grid;
    grid-template-columns: minmax(310px,.78fr) minmax(0,1.22fr);
    align-items: center;
    gap: 40px;
    padding: 48px 52px;
    overflow: hidden;
    border: 1px solid rgba(21,139,211,.12);
    border-radius: 30px;
    background: radial-gradient(circle at 92% 4%,rgba(57,181,239,.17),transparent 31%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,247,253,.88));
    box-shadow: 0 28px 72px rgba(20,50,75,.1);
}

.collaboration-ecosystem-copy { position:relative; z-index:3; }
.collaboration-ecosystem-copy > span { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; padding:6px 13px; border:1px solid rgba(57,181,239,.22); border-radius:999px; background:rgba(21,139,211,.14); color:#087dbd; font-size:.57rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
body.page-licenses .collaboration-ecosystem-copy h3 { max-width:480px; margin-bottom:20px !important; color:var(--inner-ink); font-size:1.14rem; line-height:1.25; }
body.page-licenses .collaboration-ecosystem-copy p { max-width:440px; margin-bottom:26px !important; color:var(--inner-muted); font-size:.84rem; line-height:1.72; }
.collaboration-ecosystem-copy > div { display:flex; flex-wrap:wrap; gap:7px; }.collaboration-ecosystem-copy b { padding:7px 10px; border:1px solid rgba(21,139,211,.12); border-radius:999px; background:rgba(255,255,255,.74); color:#087dbd; font-size:.56rem; }

.collaboration-network { position:relative; min-height:390px; }
.collaboration-network::before { position:absolute; top:50%; left:50%; width:350px; height:350px; content:""; border:1px solid rgba(21,139,211,.1); border-radius:50%; box-shadow:0 0 0 44px rgba(21,139,211,.025),0 0 0 88px rgba(21,139,211,.014); transform:translate(-50%,-50%); }
.collaboration-network svg { position:absolute; inset:0; z-index:1; width:100%; height:100%; overflow:visible; }.collaboration-network svg path { fill:none; stroke:rgba(21,139,211,.24); stroke-width:1.2; stroke-dasharray:4 7; }
.collaboration-hub { position:absolute; top:50%; left:50%; z-index:5; width:126px; height:126px; display:grid; place-items:center; border:1px solid rgba(57,181,239,.18); border-radius:38px; background:radial-gradient(circle at 72% 18%,rgba(57,181,239,.25),transparent 36%),linear-gradient(145deg,#07101e,#0b2b46); color:#fff; box-shadow:0 24px 52px rgba(8,17,31,.2),0 0 0 11px rgba(21,139,211,.055); transform:translate(-50%,-50%) rotate(-4deg); animation:collaboration-hub-float 4.6s ease-in-out infinite; }.collaboration-hub > i { margin-top:13px; color:#39b5ef; font-size:1.55rem; }.collaboration-hub strong { margin-top:-10px; font-size:.78rem; }.collaboration-hub span { margin-top:-18px; color:rgba(255,255,255,.5); font-size:.45rem; text-transform:uppercase; }
body.page-licenses .collaboration-node { position:absolute; z-index:4; min-width:150px; display:grid; grid-template-columns:36px 1fr; grid-template-rows:auto auto; gap:2px 9px; align-items:center; padding:12px 14px !important; border:1px solid rgba(21,139,211,.13); border-radius:16px; background:rgba(255,255,255,.83); box-shadow:0 15px 34px rgba(20,50,75,.1),inset 0 1px 0 #fff; backdrop-filter:blur(14px); animation:collaboration-node-float 5.5s ease-in-out infinite; }.collaboration-node > i { grid-row:1 / 3; width:36px; height:36px; display:grid; place-items:center; border-radius:11px; background:#eaf6fc; color:var(--inner-blue); }.collaboration-node span { color:#72899a; font-size:.46rem; text-transform:uppercase; }.collaboration-node strong { color:var(--inner-ink); font-size:.58rem; }.node-mail{top:18px;left:0}.node-meet{top:16px;right:0;animation-delay:-1.3s}.node-voice{bottom:24px;left:0;animation-delay:-2.6s}.node-cx{right:0;bottom:22px;animation-delay:-3.9s}
.collaboration-packet { position:absolute; z-index:3; width:8px; height:8px; border-radius:50%; background:#39b5ef; box-shadow:0 0 0 6px rgba(57,181,239,.1),0 0 18px rgba(21,139,211,.42); offset-rotate:0deg; }.packet-mail { offset-path:path("M 92 82 C 190 88 220 190 300 190"); animation:collaboration-packet-flow 4.2s ease-in-out infinite; }.packet-cx { offset-path:path("M 508 298 C 410 292 380 190 300 190"); animation:collaboration-packet-flow 5s ease-in-out -2.2s infinite; }
body.page-licenses .collaboration-live { position:absolute; right:26px; bottom:-4px; left:26px; z-index:6; display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:8px; padding:13px 16px !important; border:1px solid rgba(57,181,239,.13); border-radius:14px; background:rgba(7,16,30,.92); box-shadow:0 18px 38px rgba(8,17,31,.16); }.collaboration-live > i { width:6px; height:6px; border-radius:50%; background:#35d98a; }.collaboration-live span { color:#39b5ef; font-size:.49rem; font-weight:800; text-transform:uppercase; }.collaboration-live strong { color:#fff; font-size:.56rem; }

body.page-licenses #colaboracao .lc-grid { margin-top:14px; }
body.page-licenses #colaboracao .lc-grid > article:nth-child(3) { grid-column:span 5; }
body.page-licenses #colaboracao .lc-grid > article:nth-child(4) { grid-column:span 7; border:1px solid rgba(21,139,211,.11); background:radial-gradient(circle at 95% 5%,rgba(57,181,239,.12),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,248,253,.94)); box-shadow:0 18px 50px rgba(20,50,75,.08); color:var(--inner-ink); }
body.page-licenses #colaboracao .lc-grid > article:nth-child(4)::before { opacity:.08; }
body.page-licenses #colaboracao .lc-grid > article:nth-child(4) :is(h3,.lc-coverage-label) { color:var(--inner-ink); }
body.page-licenses #colaboracao .lc-grid > article:nth-child(4) .lc-quote { border-left-color:rgba(21,139,211,.3); background:rgba(248,250,252,.65); color:#475569; }
body.page-licenses #colaboracao .lc-grid > article:nth-child(4) .lc-plan-title { color:#0879b8; }
body.page-licenses #colaboracao .lc-grid > article:nth-child(4) .lc-plans p { color:var(--inner-muted); }
body.page-licenses #colaboracao .lc-grid > article:nth-child(4) .lc-tags span { border:1px solid rgba(21,139,211,.12); background:rgba(21,139,211,.07); color:#0879b8; }
body.page-licenses #colaboracao .lc-grid > article:nth-child(4) .lc-dark-icon {
    opacity: 1;
    border-color: rgba(21,139,211,.18);
    background: linear-gradient(145deg,rgba(255,255,255,.96),rgba(210,239,252,.9));
    color: var(--inner-blue);
    box-shadow: 0 14px 30px rgba(20,50,75,.12),inset 0 1px 0 #fff;
}

@keyframes collaboration-packet-flow { 0%{offset-distance:0%;opacity:0} 15%,85%{opacity:1} 100%{offset-distance:100%;opacity:0} }
@keyframes collaboration-hub-float { 50%{transform:translate(-50%,-54%) rotate(-2deg)} }
@keyframes collaboration-node-float { 50%{translate:0 -6px} }

@media(max-width:1024px){ body.page-licenses #colaboracao .collab-head{grid-template-columns:1fr;gap:16px}.collab-head>p{grid-column:1!important;grid-row:auto!important;padding:0!important;border-left:0!important}.collaboration-ecosystem{grid-template-columns:1fr}.collaboration-ecosystem-copy{max-width:650px}.collaboration-network{min-height:410px}body.page-licenses #colaboracao .lc-grid>article{grid-column:1 / -1!important} }
@media(max-width:640px){.collaboration-ecosystem{padding:34px 26px;border-radius:22px}.collaboration-network{min-height:370px;margin:0 -32px;transform:scale(.83)}.collaboration-node{min-width:132px;padding:10px}.collaboration-live{right:35px;left:35px}}
@media(prefers-reduced-motion:reduce){.collaboration-hub,.collaboration-node,.collaboration-packet{animation:none}}

/* Restore the licensing hero; this redesign is scoped to #colaboracao */
body.page-licenses .licenses-hero-wrap {
    min-height: 0;
    display: block;
    padding: 40px 0 0 !important;
}
body.page-licenses .licenses-hero-wrap .services-hero-shell {
    grid-template-columns: minmax(420px,1fr) minmax(480px,1fr);
    gap: 48px;
}
body.page-licenses .licenses-hero-wrap .services-hero-copy h1 {
    max-width: none;
    font-size: var(--type-hero) !important;
    font-weight: 800;
    line-height: 1.15 !important;
}
body.page-licenses .licenses-hero-wrap .services-hero-copy h1 span {
    display: inline;
    color: var(--inner-ink) !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: currentColor !important;
}
body.page-licenses .lic-hero-visual {
    height: auto;
    padding: 32px 24px 32px 8px;
    margin: 0;
    overflow: visible;
}
@media(max-width:900px){body.page-licenses .licenses-hero-wrap .services-hero-shell{grid-template-columns:1fr}body.page-licenses .lic-hero-visual{padding:20px 0 0}}

/* Final licensing hero spacing and typography */
body.page-licenses .licenses-hero-wrap {
    min-height: 760px;
    display: flex;
    align-items: center;
    padding: 118px 0 78px !important;
}

body.page-licenses .licenses-hero-wrap > .container {
    width: min(100% - 88px,1180px) !important;
    max-width: 1180px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

body.page-licenses .licenses-hero-wrap .services-hero-shell {
    width: 100%;
    max-width: none;
    grid-template-columns: minmax(460px,.92fr) minmax(540px,1.08fr);
    align-items: center;
    gap: 80px;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.page-licenses .licenses-hero-wrap .services-hero-copy {
    justify-self: start;
    padding-right: 0;
    padding-left: 0;
}

body.page-licenses .licenses-hero-wrap .lic-hero-visual {
    justify-self: end;
}

body.page-licenses .licenses-hero-wrap .services-hero-copy h1 {
    max-width: 560px;
    margin-bottom: 22px !important;
    color: var(--inner-ink) !important;
    font-size: var(--type-hero) !important;
    font-weight: 700;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
}

body.page-licenses .licenses-hero-wrap .services-hero-copy h1 span {
    display: block;
    color: inherit !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.page-licenses .licenses-hero-wrap .services-hero-copy > p {
    max-width: 520px;
}

body.page-licenses .licenses-hero-wrap .services-hero-copy > .flex {
    gap: 8px !important;
}

body.page-licenses .lic-hero-visual.license-control-visual {
    width: 100%;
    height: 520px;
    padding: 0;
    margin: 0;
}

body.page-licenses .license-hero-photo {
    position: relative;
    width: 100%;
    min-height: 540px;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(57,181,239,.22);
    border-radius: 34px;
    background: #07101e;
    box-shadow: 0 36px 88px rgba(7,16,30,.18);
    isolation: isolate;
}

body.page-licenses .license-hero-photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    filter: saturate(.96) contrast(.96);
    transform: scale(1.01);
}

body.page-licenses .license-hero-photo::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: "";
    background:
        linear-gradient(145deg, rgba(7,16,30,.78) 0%, rgba(8,31,50,.42) 48%, rgba(7,16,30,.18) 100%),
        radial-gradient(circle at 82% 16%, rgba(57,181,239,.28), transparent 34%);
}

body.page-licenses .license-hero-photo::after {
    position: absolute;
    inset: 28px;
    z-index: 1;
    content: "";
    border: 1px solid rgba(57,181,239,.18);
    border-radius: 26px;
    pointer-events: none;
}

body.page-licenses .license-hero-photo-caption {
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    z-index: 2;
    max-width: 420px;
    padding: 22px 24px;
    border: 1px solid rgba(57,181,239,.18);
    border-radius: 22px;
    background: rgba(6,17,31,.72);
    box-shadow: 0 22px 54px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(14px);
}

body.page-licenses .license-hero-photo-caption span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #39b5ef;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

body.page-licenses .license-hero-photo-caption strong {
    display: block;
    color: #fff;
    font-family: var(--font-display, 'Space Grotesk', sans-serif);
    font-size: 1.18rem;
    line-height: 1.25;
}

@media (max-width: 1200px) {
    body.page-licenses .licenses-hero-wrap > .container { width:min(100% - 48px,1180px) !important; }
    body.page-licenses .licenses-hero-wrap .services-hero-shell { grid-template-columns:minmax(390px,.88fr) minmax(480px,1.12fr); gap:52px; }
    body.page-licenses .licenses-hero-wrap .services-hero-copy h1 { font-size: var(--type-hero) !important; }
}

@media (max-width: 960px) {
    body.page-licenses .licenses-hero-wrap .services-hero-shell { grid-template-columns:1fr; gap:38px; }
    body.page-licenses .licenses-hero-wrap .services-hero-copy { max-width:680px; }
    body.page-licenses .lic-hero-visual.license-control-visual { width:min(100%,680px); }
    body.page-licenses .license-hero-photo { width:min(100%,680px); min-height:460px; justify-self:start; }
}

@media (max-width: 640px) {
    body.page-licenses .licenses-hero-wrap { padding:100px 0 58px !important; }
    body.page-licenses .licenses-hero-wrap > .container { width:min(100% - 32px,1180px) !important; }
    body.page-licenses .licenses-hero-wrap .services-hero-copy h1 { font-size: var(--type-hero) !important; }
    body.page-licenses .lic-hero-visual.license-control-visual { width:116%; height:460px; margin-bottom:-65px; transform:scale(.86); transform-origin:top left; }
    body.page-licenses .license-hero-photo { width:100%; min-height:360px; border-radius:24px; }
    body.page-licenses .license-hero-photo::after { inset:18px; border-radius:18px; }
    body.page-licenses .license-hero-photo-caption { right:18px; bottom:18px; left:18px; padding:18px; border-radius:18px; }
}

/* ─── Licenses: Design, Creative & Engineering fold ───────────────────── */
body.page-licenses #design .design-head-v2 {
    position: relative;
    display: block;
    margin-bottom: 48px;
}

body.page-licenses #design .dh-index {
    position: absolute;
    top: -42px;
    right: 0;
    z-index: 0;
    font-size: clamp(6rem,11vw,10rem);
    color: rgba(21,139,211,.035);
    -webkit-text-stroke: 1px rgba(21,139,211,.12);
}

body.page-licenses #design .dh-copy {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0,.92fr) minmax(380px,1.08fr);
    grid-template-rows: auto auto;
    align-items: start;
    column-gap: 72px;
    row-gap: 16px;
    width: 100%;
}

body.page-licenses #design .dh-label { grid-column:1; margin:0; }
body.page-licenses #design .dh-copy h2 { grid-column:1; max-width:680px; margin:0 !important; color:var(--inner-ink) !important; font-size: var(--type-section) !important; font-weight:700; line-height:1.2; letter-spacing:0; }
body.page-licenses #design .dh-copy h2 span { color:inherit !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
body.page-licenses #design .dh-copy > p { grid-column:2; grid-row:2; align-self:center; max-width:560px; padding:8px 0 8px 30px; border-left:1px solid rgba(21,139,211,.2); color:var(--inner-muted); font-size:1rem; line-height:1.7; }

body.page-licenses #design .design-grid { gap:14px; margin-top:0; }
body.page-licenses #design .lc-featured-h { min-height:650px; grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr); gap:14px; border-radius:0; background:transparent; box-shadow:none; }
body.page-licenses #design .lc-feat-left { position:relative; display:flex; flex-direction:column; padding:44px; overflow:hidden; border-radius:30px; background:radial-gradient(circle at 100% 0%,rgba(21,139,211,.3),transparent 42%),linear-gradient(145deg,#06101d,#0a2943); box-shadow:0 28px 70px rgba(20,50,75,.1); }
body.page-licenses #design .lc-feat-left > .lc-dark-icon { display:none; }
body.page-licenses #design .lc-feat-left h3 { font-size:1.14rem; }
body.page-licenses #design .lc-feat-left .lc-quote { margin-bottom:26px; }
body.page-licenses #design .lc-feat-right { padding:46px 42px; border:1px solid rgba(21,139,211,.13); border-radius:30px; background:radial-gradient(circle at 94% 4%,rgba(57,181,239,.12),transparent 30%),rgba(255,255,255,.96); box-shadow:0 28px 70px rgba(20,50,75,.1); }

.design-creative-visual { position:relative; flex:1 1 250px; min-height:250px; margin-top:6px; overflow:hidden; border-top:1px solid rgba(57,181,239,.1); }
.design-creative-visual::before { position:absolute; top:52%; left:50%; width:290px; height:220px; content:""; border:1px solid rgba(57,181,239,.11); border-radius:50%; box-shadow:0 0 0 34px rgba(57,181,239,.025),0 0 0 68px rgba(57,181,239,.014); transform:translate(-50%,-50%) rotate(-7deg); }
.design-artboard { position:absolute; top:38px; right:36px; left:36px; z-index:3; height:170px; overflow:hidden; border:1px solid rgba(57,181,239,.2); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(57,181,239,.06)); box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 22px 44px rgba(0,0,0,.18); }
.design-artboard::before { position:absolute; inset:0; content:""; opacity:.25; background-image:linear-gradient(rgba(57,181,239,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(57,181,239,.11) 1px,transparent 1px); background-size:22px 22px; }
.design-artboard svg { position:absolute; inset:18px; z-index:3; width:calc(100% - 36px); height:calc(100% - 36px); overflow:visible; }.design-artboard svg path { fill:none; stroke:#39b5ef; stroke-width:2; stroke-linecap:round; stroke-dasharray:330; stroke-dashoffset:330; animation:design-path-draw 5s ease-in-out infinite; }.design-artboard svg circle { fill:#39b5ef; stroke:#fff; stroke-width:2; }
.design-layer { position:absolute; border:1px solid rgba(57,181,239,.16); border-radius:14px; background:linear-gradient(145deg,rgba(57,181,239,.2),rgba(255,255,255,.04)); }.layer-one { top:24px; right:28px; width:68px; height:54px; transform:rotate(7deg); animation:design-layer-float 5s ease-in-out infinite; }.layer-two { right:62px; bottom:22px; width:52px; height:44px; transform:rotate(-8deg); animation:design-layer-float 5s ease-in-out -2.5s infinite; }
.design-cursor { position:absolute; z-index:5; top:55%; left:44%; color:#fff; filter:drop-shadow(0 5px 8px rgba(0,0,0,.35)); animation:design-cursor-move 5s ease-in-out infinite; }
.design-tool { position:absolute; z-index:5; display:flex; align-items:center; gap:7px; padding:9px 11px; border:1px solid rgba(57,181,239,.14); border-radius:12px; background:rgba(255,255,255,.1); color:#39b5ef; backdrop-filter:blur(10px); }.design-tool span { color:#d5f1ff; font-size:.5rem; font-weight:800; text-transform:uppercase; }.tool-vector { top:24px; left:16px; }.tool-layout { right:18px; bottom:18px; }
.design-motion-status { position:absolute; right:26px; bottom:4px; left:26px; z-index:6; display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:8px; padding:12px 14px; border:1px solid rgba(57,181,239,.12); border-radius:13px; background:rgba(4,13,23,.76); }.design-motion-status > i { width:6px; height:6px; border-radius:50%; background:#35d98a; }.design-motion-status span { color:#39b5ef; font-size:.48rem; font-weight:800; text-transform:uppercase; }.design-motion-status strong { color:#fff; font-size:.54rem; }

body.page-licenses #design .design-grid > .lc-card:nth-child(n+2) { min-height:520px; padding:32px; border:1px solid rgba(21,139,211,.13); background:radial-gradient(circle at 94% 4%,rgba(57,181,239,.12),transparent 30%),linear-gradient(145deg,#fff,#f0f8fc); box-shadow:0 17px 46px rgba(20,50,75,.075); }
body.page-licenses #design .design-grid > .lc-card:nth-child(3) { background:radial-gradient(circle at 94% 4%,rgba(57,181,239,.17),transparent 31%),linear-gradient(145deg,#fbfdff,#eaf5fb); }
body.page-licenses #design .design-grid > .lc-card:nth-child(n+2)::after { display:none; }
body.page-licenses #design .design-grid > .lc-card:nth-child(2)::after,body.page-licenses #design .design-grid > .lc-card:nth-child(3)::after,body.page-licenses #design .design-grid > .lc-card:nth-child(4)::after { content:""; }

@keyframes design-path-draw { 0%,15%{stroke-dashoffset:330} 55%,85%{stroke-dashoffset:0} 100%{stroke-dashoffset:-330} }
@keyframes design-layer-float { 50%{translate:0 -7px;rotate:3deg} }
@keyframes design-cursor-move { 0%,100%{transform:translate(-28px,24px)} 50%{transform:translate(45px,-28px)} }

@media(max-width:1024px){body.page-licenses #design .dh-copy{grid-template-columns:1fr;gap:16px}body.page-licenses #design .dh-copy>p{grid-column:1;grid-row:auto;padding:0;border-left:0}body.page-licenses #design .lc-featured-h{grid-template-columns:1fr}body.page-licenses #design .design-grid>.lc-card{grid-column:1 / -1!important;min-height:0!important}}
@media(max-width:640px){body.page-licenses #design .dh-index{top:-24px;font-size:5rem}.collaboration-ecosystem{padding:34px 26px}.design-creative-visual{min-height:230px;margin-right:-22px;margin-left:-22px}.design-artboard{right:18px;left:18px}body.page-licenses #design .lc-feat-left,body.page-licenses #design .lc-feat-right{padding:30px 26px}}
@media(prefers-reduced-motion:reduce){.design-artboard svg path,.design-layer,.design-cursor{animation:none}}

/* ─── Licenses: Cloud, Data & AI / FinOps fold ────────────────────────── */
body.page-licenses #cloud .cloud-finops-intro { display:grid; grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr); grid-template-rows:auto auto; align-items:start; column-gap:72px; row-gap:16px; max-width:none !important; margin-bottom:48px !important; text-align:left !important; }
body.page-licenses #cloud .cloud-finops-intro > div { grid-column:1; width:max-content; margin:0 !important; }
body.page-licenses #cloud .cloud-finops-intro h2 { grid-column:1; max-width:650px; margin:0 !important; color:var(--inner-ink) !important; font-size: var(--type-section) !important; font-weight:700; line-height:1.2; letter-spacing:0; }
body.page-licenses #cloud .cloud-finops-intro h2 span { color:inherit !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
body.page-licenses #cloud .cloud-finops-intro > p { grid-column:2; grid-row:2; align-self:center; max-width:560px !important; margin:0 !important; padding:8px 0 8px 30px; border-left:1px solid rgba(21,139,211,.2); color:var(--inner-muted) !important; font-size:1rem !important; line-height:1.7; }

.cloud-finops-stage { min-height:500px; display:grid; grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr); align-items:center; gap:42px; padding:48px 52px; overflow:hidden; border:1px solid rgba(21,139,211,.12); border-radius:30px; background:radial-gradient(circle at 92% 4%,rgba(57,181,239,.17),transparent 31%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,247,253,.88)); box-shadow:0 28px 72px rgba(20,50,75,.1); }
.cloud-finops-copy { position:relative; z-index:3; }.cloud-finops-copy > span { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; padding:6px 13px; border:1px solid rgba(57,181,239,.22); border-radius:999px; background:rgba(21,139,211,.14); color:#087dbd; font-size:.57rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }body.page-licenses .cloud-finops-copy h3 { max-width:470px; margin-bottom:20px !important; color:var(--inner-ink); font-size:clamp(1.2rem, 1.6vw, 1.55rem); line-height:1.2; }
body.page-licenses .cloud-finops-copy p { max-width:440px; margin-bottom:26px !important; color:var(--inner-muted); font-size:.84rem; line-height:1.72; }.cloud-finops-copy > div { display:flex; flex-wrap:wrap; gap:7px; }.cloud-finops-copy b { padding:7px 10px; border:1px solid rgba(21,139,211,.12); border-radius:999px; background:rgba(255,255,255,.74); color:#087dbd; font-size:.56rem; }

.cloud-finops-visual { position:relative; min-height:390px; }
.cloud-finops-visual::before { position:absolute; top:48%; left:50%; width:350px; height:350px; content:""; border:1px solid rgba(21,139,211,.1); border-radius:50%; box-shadow:0 0 0 45px rgba(21,139,211,.025),0 0 0 90px rgba(21,139,211,.014); transform:translate(-50%,-50%); }
.cloud-finops-ring { position:absolute; top:48%; left:50%; border:1px dashed rgba(21,139,211,.17); border-radius:50%; transform:translate(-50%,-50%); animation:cloud-finops-spin 18s linear infinite; }.ring-budget { width:300px; height:300px; }.ring-usage { width:215px; height:215px; animation-direction:reverse; animation-duration:13s; }
.cloud-budget-core { position:absolute; top:48%; left:50%; z-index:5; width:132px; height:132px; display:grid; place-items:center; border:1px solid rgba(57,181,239,.18); border-radius:40px; background:radial-gradient(circle at 72% 18%,rgba(57,181,239,.25),transparent 36%),linear-gradient(145deg,#07101e,#0b2b46); color:#fff; box-shadow:0 25px 54px rgba(8,17,31,.21),0 0 0 11px rgba(21,139,211,.055); transform:translate(-50%,-50%) rotate(-4deg); animation:cloud-core-float 4.8s ease-in-out infinite; }.cloud-budget-core i { margin-top:14px; color:#39b5ef; font-size:1.35rem; }.cloud-budget-core strong { margin-top:-11px; font-size:1.9rem; }.cloud-budget-core span { margin-top:-18px; color:rgba(255,255,255,.5); font-size:.44rem; text-transform:uppercase; }
body.page-licenses .cloud-provider-orbit { position:absolute; z-index:6; min-width:102px; display:flex; align-items:center; gap:8px; padding:11px 13px !important; border:1px solid rgba(21,139,211,.13); border-radius:15px; background:rgba(255,255,255,.84); color:var(--inner-blue); box-shadow:0 14px 30px rgba(20,50,75,.1); backdrop-filter:blur(12px); animation:cloud-provider-float 5.4s ease-in-out infinite; }.cloud-provider-orbit i { width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:#eaf6fc; }.cloud-provider-orbit span { color:var(--inner-ink); font-size:.58rem; font-weight:800; }.cloud-azure{top:30px;left:5%}.cloud-aws{top:46px;right:2%;animation-delay:-1.8s}.cloud-gcp{right:8%;bottom:55px;animation-delay:-3.6s}
body.page-licenses .cloud-cost-bars { position:absolute; bottom:63px; left:4%; z-index:5; width:130px; height:72px; display:flex; align-items:flex-end; gap:7px; padding:12px 14px !important; border:1px solid rgba(21,139,211,.12); border-radius:15px; background:rgba(255,255,255,.78); box-shadow:0 14px 30px rgba(20,50,75,.08); }.cloud-cost-bars span { width:8px; height:var(--h); border-radius:99px 99px 3px 3px; background:linear-gradient(180deg,#39b5ef,#158bd3); animation:cloud-bar-pulse 2.6s ease-in-out infinite alternate; }.cloud-cost-bars span:nth-child(2){animation-delay:-.5s}.cloud-cost-bars span:nth-child(3){animation-delay:-1s}.cloud-cost-bars span:nth-child(4){animation-delay:-1.5s}.cloud-cost-bars span:nth-child(5){animation-delay:-2s}
body.page-licenses .cloud-finops-status { position:absolute; right:28px; bottom:2px; left:28px; z-index:7; display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:8px; padding:13px 16px !important; border:1px solid rgba(57,181,239,.13); border-radius:14px; background:rgba(7,16,30,.92); box-shadow:0 18px 38px rgba(8,17,31,.16); }.cloud-finops-status > i { width:6px; height:6px; border-radius:50%; background:#35d98a; }.cloud-finops-status span { color:#39b5ef; font-size:.49rem; font-weight:800; text-transform:uppercase; }.cloud-finops-status strong { color:#fff; font-size:.56rem; }

body.page-licenses #cloud .cloud-provider-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; margin-top:14px; }
body.page-licenses #cloud .cloud-provider-card { position:relative; min-width:0; padding:32px !important; overflow:hidden; border:1px solid rgba(21,139,211,.14) !important; border-radius:24px !important; background:radial-gradient(circle at 94% 4%,rgba(57,181,239,.12),transparent 30%),linear-gradient(145deg,#fff,#f0f8fc) !important; box-shadow:0 17px 46px rgba(20,50,75,.075) !important; color:var(--inner-ink) !important; }
body.page-licenses #cloud .cloud-provider-card::before { display:none; }
body.page-licenses #cloud .cloud-provider-card :is(h3,h4) { color:var(--inner-ink) !important; }
body.page-licenses #cloud .cloud-provider-card .service-icon-large { border:1px solid rgba(21,139,211,.13); background:rgba(21,139,211,.08) !important; color:var(--inner-blue) !important; }
body.page-licenses #cloud .cloud-provider-card > p[class*="italic"] { padding:0 0 0 14px !important; border-left:2px solid var(--inner-cyan) !important; border-radius:0 !important; background:transparent !important; color:#597087 !important; font-style:normal !important; font-size:.78rem; line-height:1.65; }
body.page-licenses #cloud .cloud-provider-card p { color:var(--inner-muted) !important; }.cloud-provider-card p[class*="uppercase"] { color:#087dbd !important; }
body.page-licenses #cloud .cloud-provider-card > .flex:last-child span { border:1px solid rgba(21,139,211,.1); background:rgba(235,247,253,.82) !important; color:#0879b8 !important; }

@keyframes cloud-finops-spin { to{transform:translate(-50%,-50%) rotate(360deg)} }@keyframes cloud-core-float { 50%{transform:translate(-50%,-54%) rotate(-2deg)} }@keyframes cloud-provider-float { 50%{translate:0 -6px} }@keyframes cloud-bar-pulse { to{transform:scaleY(.62);opacity:.6} }
@media(max-width:1024px){body.page-licenses #cloud .cloud-finops-intro{grid-template-columns:1fr;gap:16px}.cloud-finops-intro>p{grid-column:1!important;grid-row:auto!important;padding:0!important;border-left:0!important}.cloud-finops-stage{grid-template-columns:1fr}.cloud-finops-copy{max-width:650px}.cloud-finops-visual{min-height:410px}body.page-licenses #cloud .cloud-provider-grid{grid-template-columns:1fr!important}.cloud-provider-card{min-height:0}}
@media(max-width:640px){.cloud-finops-stage{padding:34px 26px;border-radius:22px}.cloud-finops-visual{min-height:360px;margin:0 -34px;transform:scale(.84)}.cloud-finops-status{right:38px;left:38px}body.page-licenses #cloud .cloud-provider-card{padding:26px!important}}
@media(prefers-reduced-motion:reduce){.cloud-finops-ring,.cloud-budget-core,.cloud-provider-orbit,.cloud-cost-bars span{animation:none}}

/* ─── Licenses: Security, Backup & Resilience fold ────────────────────── */
body.page-licenses #seguranca-endpoints .security-resilience-intro { display:grid; grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr); grid-template-rows:auto auto; align-items:start; column-gap:72px; row-gap:16px; max-width:none !important; margin-bottom:48px !important; text-align:left !important; }
body.page-licenses #seguranca-endpoints .security-resilience-intro > div { grid-column:1; width:max-content; margin:0 !important; }
body.page-licenses #seguranca-endpoints .security-resilience-intro h2 { grid-column:1; max-width:700px; margin:0 !important; color:var(--inner-ink) !important; font-size: var(--type-section) !important; font-weight:700; line-height:1.2; letter-spacing:0; }
body.page-licenses #seguranca-endpoints .security-resilience-intro h2 span { display:block; color:inherit !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
body.page-licenses #seguranca-endpoints .security-resilience-intro > p { grid-column:2; grid-row:2; align-self:center; max-width:560px !important; margin:0 !important; padding:8px 0 8px 30px; border-left:1px solid rgba(21,139,211,.2); color:var(--inner-muted) !important; font-size:1rem !important; line-height:1.7; }

.security-resilience-stage { min-height:500px; display:grid; grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr); align-items:center; gap:44px; padding:48px 52px; overflow:hidden; border:1px solid rgba(57,181,239,.15); border-radius:30px; background:radial-gradient(circle at 88% 7%,rgba(21,139,211,.28),transparent 34%),linear-gradient(145deg,#06101d,#0a2943); box-shadow:0 30px 74px rgba(8,17,31,.2); }
.security-resilience-copy { position:relative; z-index:3; }.security-resilience-copy > span { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; padding:6px 13px; border:1px solid rgba(57,181,239,.22); border-radius:999px; background:rgba(21,139,211,.14); color:#39b5ef; font-size:.57rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }body.page-licenses .security-resilience-copy h3 { max-width:440px; margin-bottom:20px !important; color:#fff; font-size:1.14rem; line-height:1.25; }
body.page-licenses .security-resilience-copy p { max-width:430px; margin-bottom:26px !important; color:rgba(255,255,255,.63); font-size:.84rem; line-height:1.72; }.security-resilience-copy > div { display:flex; flex-wrap:wrap; gap:7px; }.security-resilience-copy b { padding:7px 10px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.72); font-size:.56rem; }

.resilience-flow { position:relative; min-height:390px; }
.resilience-flow::before { position:absolute; top:48%; left:50%; width:460px; height:300px; content:""; border:1px solid rgba(57,181,239,.08); border-radius:50%; box-shadow:0 0 0 42px rgba(57,181,239,.018),0 0 0 84px rgba(57,181,239,.01); transform:translate(-50%,-50%) rotate(-4deg); }
.resilience-line { position:absolute; top:48%; right:8%; left:8%; z-index:1; height:1px; background:linear-gradient(90deg,rgba(57,181,239,.05),#39b5ef,rgba(57,181,239,.05)); }
.resilience-step { position:absolute; top:48%; z-index:4; width:112px; min-height:142px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; padding:16px; border:1px solid rgba(57,181,239,.18); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(57,181,239,.04)); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 20px 38px rgba(0,0,0,.18); backdrop-filter:blur(14px); transform:translateY(-50%); }.resilience-step > span { position:absolute; top:14px; right:14px; color:rgba(255,255,255,.35); font-size:.54rem; }.resilience-step > i { margin-bottom:auto; color:#39b5ef; font-size:1.1rem; }.resilience-step strong { font-size:.65rem; }.resilience-step small { margin-top:3px; color:rgba(255,255,255,.48); font-size:.47rem; line-height:1.3; }.resilience-endpoint{left:2%}.resilience-protect{left:27%}.resilience-backup{right:27%}.resilience-recovery{right:2%;border-color:rgba(53,217,138,.25);background:linear-gradient(145deg,rgba(53,217,138,.13),rgba(57,181,239,.04))}.resilience-recovery>i{color:#35d98a}
.resilience-packet { position:absolute; top:calc(48% - 4px); left:8%; z-index:3; width:8px; height:8px; border-radius:50%; background:#39b5ef; box-shadow:0 0 0 6px rgba(57,181,239,.1),0 0 18px rgba(57,181,239,.6); animation:resilience-packet-travel 5.2s ease-in-out infinite; }
.resilience-status { position:absolute; right:28px; bottom:10px; left:28px; z-index:7; display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:8px; padding:13px 16px; border:1px solid rgba(57,181,239,.12); border-radius:14px; background:rgba(4,13,23,.72); }.resilience-status > i { width:6px; height:6px; border-radius:50%; background:#35d98a; }.resilience-status span { color:#39b5ef; font-size:.49rem; font-weight:800; text-transform:uppercase; }.resilience-status strong { color:#fff; font-size:.56rem; }

body.page-licenses #seguranca-endpoints .security-solution-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; margin-top:14px; }
body.page-licenses #seguranca-endpoints .security-solution-card { position:relative; min-width:0; padding:32px !important; overflow:hidden; border:1px solid rgba(21,139,211,.14) !important; border-radius:24px !important; background:radial-gradient(circle at 94% 4%,rgba(57,181,239,.12),transparent 30%),linear-gradient(145deg,#fff,#f0f8fc) !important; box-shadow:0 17px 46px rgba(20,50,75,.075) !important; color:var(--inner-ink) !important; }
body.page-licenses #seguranca-endpoints .security-solution-card::before { display:none; }
body.page-licenses #seguranca-endpoints .security-solution-card :is(h3,h4) { color:var(--inner-ink) !important; }.security-solution-card .service-icon-large { border:1px solid rgba(21,139,211,.13); background:rgba(21,139,211,.08) !important; color:var(--inner-blue) !important; }
body.page-licenses #seguranca-endpoints .security-solution-card > p[class*="italic"] { padding:0 0 0 14px !important; border-left:2px solid var(--inner-cyan) !important; border-radius:0 !important; background:transparent !important; color:#597087 !important; font-style:normal !important; font-size:.78rem; line-height:1.65; }
body.page-licenses #seguranca-endpoints .security-solution-card p { color:var(--inner-muted) !important; }.security-solution-card p[class*="uppercase"] { color:#087dbd !important; }.security-solution-card > .flex:last-child span { border:1px solid rgba(21,139,211,.1); background:rgba(235,247,253,.82) !important; color:#0879b8 !important; }
body.page-licenses #seguranca-endpoints .security-solution-grid > div:last-child { grid-column:1 / -1; }.security-solution-grid > div:last-child .disaster-recovery-card { max-width:760px !important; margin-right:auto; margin-left:auto; }

@keyframes resilience-packet-travel { 0%,100%{left:8%;opacity:0} 12%,88%{opacity:1} 75%{background:#35d98a} 100%{left:90%;opacity:0} }
@media(max-width:1024px){body.page-licenses #seguranca-endpoints .security-resilience-intro{grid-template-columns:1fr;gap:16px}.security-resilience-intro>p{grid-column:1!important;grid-row:auto!important;padding:0!important;border-left:0!important}.security-resilience-stage{grid-template-columns:1fr}.security-resilience-copy{max-width:650px}.resilience-flow{min-height:410px}body.page-licenses #seguranca-endpoints .security-solution-grid{grid-template-columns:1fr!important}.security-solution-grid>div:last-child{grid-column:1!important}.security-solution-grid>div:last-child .disaster-recovery-card{max-width:none!important}}
@media(max-width:640px){.security-resilience-stage{padding:34px 26px;border-radius:22px}.resilience-flow{min-height:600px}.resilience-flow::before{width:300px;height:520px}.resilience-line{top:8%;bottom:8%;left:50%;width:1px;height:auto}.resilience-step{left:50%!important;right:auto!important;width:190px;min-height:104px;transform:translateX(-50%)}.resilience-endpoint{top:4%}.resilience-protect{top:27%}.resilience-backup{top:50%}.resilience-recovery{top:73%}.resilience-packet{display:none}.resilience-status{right:10px;left:10px}.security-solution-card{padding:26px!important}}
@media(prefers-reduced-motion:reduce){.resilience-packet{animation:none}}

/* ─── Licenses: Remote device management fold ─────────────────────────── */
body.page-licenses #gestao .remote-management-intro { display:grid; grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr); grid-template-rows:auto auto; align-items:start; column-gap:72px; row-gap:16px; max-width:none !important; margin-bottom:48px !important; text-align:left !important; }
body.page-licenses #gestao .remote-management-intro > div { grid-column:1; width:max-content; margin:0 !important; }
body.page-licenses #gestao .remote-management-intro h2 { grid-column:1; max-width:700px; margin:0 !important; color:var(--inner-ink) !important; font-size: var(--type-section) !important; font-weight:700; line-height:1.2; letter-spacing:0; }
body.page-licenses #gestao .remote-management-intro h2 span { display:block; color:inherit !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
body.page-licenses #gestao .remote-management-intro > p { grid-column:2; grid-row:2; align-self:center; max-width:560px !important; margin:0 !important; padding:8px 0 8px 30px; border-left:1px solid rgba(21,139,211,.2); color:var(--inner-muted) !important; font-size:1rem !important; line-height:1.7; }

.remote-management-stage { min-height:500px; display:grid; grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr); align-items:center; gap:44px; padding:48px 52px; overflow:hidden; border:1px solid rgba(21,139,211,.12); border-radius:30px; background:radial-gradient(circle at 92% 4%,rgba(57,181,239,.17),transparent 31%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,247,253,.88)); box-shadow:0 28px 72px rgba(20,50,75,.1); }
.remote-management-copy { position:relative; z-index:3; }.remote-management-copy > span { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; padding:6px 13px; border:1px solid rgba(57,181,239,.22); border-radius:999px; background:rgba(21,139,211,.14); color:#087dbd; font-size:.57rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }body.page-licenses .remote-management-copy h3 { max-width:480px; margin-bottom:20px !important; color:var(--inner-ink); font-size:clamp(1.2rem, 1.6vw, 1.55rem); line-height:1.2; }
body.page-licenses .remote-management-copy p { max-width:440px; margin-bottom:26px !important; color:var(--inner-muted); font-size:.84rem; line-height:1.72; }.remote-management-copy > div { display:flex; flex-wrap:wrap; gap:7px; }.remote-management-copy b { padding:7px 10px; border:1px solid rgba(21,139,211,.12); border-radius:999px; background:rgba(255,255,255,.74); color:#087dbd; font-size:.56rem; }

.remote-session-visual { position:relative; min-height:390px; }
.remote-session-visual::before { position:absolute; top:48%; left:52%; width:430px; height:310px; content:""; border:1px solid rgba(21,139,211,.1); border-radius:50%; box-shadow:0 0 0 43px rgba(21,139,211,.025),0 0 0 86px rgba(21,139,211,.014); transform:translate(-50%,-50%) rotate(-5deg); }
.remote-session-window { position:absolute; top:24px; right:12px; left:12px; z-index:4; height:310px; display:grid; grid-template-columns:135px 1fr; grid-template-rows:42px 1fr; overflow:hidden; border:1px solid rgba(57,181,239,.15); border-radius:25px; background:linear-gradient(145deg,#07101e,#0a2943); box-shadow:0 28px 58px rgba(8,17,31,.2); }
.remote-window-top { grid-column:1 / -1; display:flex; align-items:center; gap:6px; padding:0 16px; border-bottom:1px solid rgba(255,255,255,.08); }.remote-window-top > i { width:6px; height:6px; border-radius:50%; background:rgba(57,181,239,.3); }.remote-window-top span { margin-left:7px; color:#39b5ef; font-size:.49rem; font-weight:800; text-transform:uppercase; }.remote-window-top b { margin-left:auto; color:#35d98a; font-size:.47rem; }
.remote-device-list { display:flex; flex-direction:column; gap:7px; padding:14px 10px; border-right:1px solid rgba(255,255,255,.08); }.remote-device-list span { display:flex; align-items:center; gap:8px; padding:10px; border-radius:10px; color:rgba(255,255,255,.46); font-size:.48rem; }.remote-device-list span.active { background:rgba(57,181,239,.1); color:rgba(255,255,255,.72); }.remote-device-list i { width:18px; color:#39b5ef; text-align:center; }
.remote-desktop { position:relative; margin:14px; overflow:hidden; border:1px solid rgba(57,181,239,.1); border-radius:15px; background:linear-gradient(145deg,rgba(57,181,239,.13),rgba(255,255,255,.025)); }.remote-desktop::before { position:absolute; inset:0; content:""; opacity:.22; background-image:linear-gradient(rgba(57,181,239,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(57,181,239,.08) 1px,transparent 1px); background-size:25px 25px; }
.remote-app { position:absolute; border:1px solid rgba(57,181,239,.12); border-radius:10px; background:rgba(255,255,255,.07); }.app-one{top:22px;left:20px;width:45%;height:72px}.app-two{top:22px;right:20px;width:35%;height:72px}.app-three{right:20px;bottom:54px;left:20px;height:62px}
.remote-cursor { position:absolute; z-index:5; top:38%; left:47%; color:#fff; filter:drop-shadow(0 5px 8px rgba(0,0,0,.35)); animation:remote-cursor-track 5s ease-in-out infinite; }
.remote-patch-progress { position:absolute; right:18px; bottom:15px; left:18px; z-index:4; display:grid; grid-template-columns:1fr auto; gap:5px 9px; color:#39b5ef; font-size:.46rem; text-transform:uppercase; }.remote-patch-progress div { grid-column:1 / -1; height:4px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.08); }.remote-patch-progress div i { display:block; width:84%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#158bd3,#39b5ef); animation:remote-patch-fill 4.2s ease-in-out infinite; }.remote-patch-progress strong { color:#fff; font-size:.5rem; }
.remote-session-status { position:absolute; right:30px; bottom:0; left:30px; z-index:6; display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:8px; padding:13px 16px; border:1px solid rgba(57,181,239,.13); border-radius:14px; background:rgba(7,16,30,.92); box-shadow:0 18px 38px rgba(8,17,31,.16); }.remote-session-status > i { width:6px; height:6px; border-radius:50%; background:#35d98a; }.remote-session-status span { color:#39b5ef; font-size:.49rem; font-weight:800; text-transform:uppercase; }.remote-session-status strong { color:#fff; font-size:.56rem; }

body.page-licenses #gestao .remote-solution-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; margin-top:14px; }
body.page-licenses #gestao .remote-solution-card { position:relative; min-width:0; padding:32px !important; overflow:hidden; border:1px solid rgba(21,139,211,.14) !important; border-radius:24px !important; background:radial-gradient(circle at 94% 4%,rgba(57,181,239,.12),transparent 30%),linear-gradient(145deg,#fff,#f0f8fc) !important; box-shadow:0 17px 46px rgba(20,50,75,.075) !important; color:var(--inner-ink) !important; }
body.page-licenses #gestao .remote-solution-card::before { display:none; }
body.page-licenses #gestao .remote-solution-card :is(h3,h4) { color:var(--inner-ink) !important; }.remote-solution-card .service-icon-large { border:1px solid rgba(21,139,211,.13); background:rgba(21,139,211,.08) !important; color:var(--inner-blue) !important; }
body.page-licenses #gestao .remote-solution-card > p[class*="italic"] { padding:0 0 0 14px !important; border-left:2px solid var(--inner-cyan) !important; border-radius:0 !important; background:transparent !important; color:#597087 !important; font-style:normal !important; font-size:.78rem; line-height:1.65; }
body.page-licenses #gestao .remote-solution-card p { color:var(--inner-muted) !important; }.remote-solution-card p[class*="uppercase"] { color:#087dbd !important; }.remote-solution-card > .flex:last-child span { border:1px solid rgba(21,139,211,.1); background:rgba(235,247,253,.82) !important; color:#0879b8 !important; }

@keyframes remote-cursor-track { 0%,100%{transform:translate(-35px,30px)} 50%{transform:translate(65px,-38px)} }@keyframes remote-patch-fill { 0%{width:18%} 65%,100%{width:84%} }
@media(max-width:1024px){body.page-licenses #gestao .remote-management-intro{grid-template-columns:1fr;gap:16px}.remote-management-intro>p{grid-column:1!important;grid-row:auto!important;padding:0!important;border-left:0!important}.remote-management-stage{grid-template-columns:1fr}.remote-management-copy{max-width:650px}.remote-session-visual{min-height:410px}body.page-licenses #gestao .remote-solution-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){.remote-management-stage{padding:34px 26px;border-radius:22px}.remote-session-visual{min-height:350px;margin:0 -28px;transform:scale(.86)}.remote-session-window{grid-template-columns:105px 1fr}.remote-session-status{right:20px;left:20px}.remote-solution-card{padding:26px!important}}
@media(prefers-reduced-motion:reduce){.remote-cursor,.remote-patch-progress div i{animation:none}}

/* ─── Licenses: intelligent visibility / SAM fold ────────────────────── */
body.page-licenses #visibilidade .license-visibility-intro { display:grid; grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr); grid-template-rows:auto auto; align-items:start; column-gap:72px; row-gap:16px; max-width:none !important; margin-bottom:48px !important; text-align:left !important; }
body.page-licenses #visibilidade .license-visibility-intro > span { grid-column:1; width:max-content; margin:0 !important; border-color:rgba(21,139,211,.16) !important; background:#f1f9fd !important; color:#087dbd !important; }
body.page-licenses #visibilidade .license-visibility-intro h2 { grid-column:1; max-width:700px; margin:0 !important; color:var(--inner-ink) !important; font-size: var(--type-section) !important; font-weight:700; line-height:1.2; letter-spacing:0; }
body.page-licenses #visibilidade .license-visibility-intro h2 span { display:block; color:inherit !important; background:none !important; -webkit-text-fill-color:currentColor !important; }
body.page-licenses #visibilidade .license-visibility-intro > p { grid-column:2; grid-row:2; align-self:center; max-width:560px !important; margin:0 !important; padding:8px 0 8px 30px; border-left:1px solid rgba(21,139,211,.2); color:var(--inner-muted) !important; font-size:1rem !important; line-height:1.7; }

.license-intelligence-stage { min-height:500px; display:grid; grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr); align-items:center; gap:44px; padding:48px 52px; overflow:hidden; border:1px solid rgba(21,139,211,.12); border-radius:30px; background:radial-gradient(circle at 92% 4%,rgba(57,181,239,.17),transparent 31%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,247,253,.88)); box-shadow:0 28px 72px rgba(20,50,75,.1); }
.license-intelligence-copy { position:relative; z-index:3; }
.license-intelligence-copy > span { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; padding:6px 13px; border:1px solid rgba(21,139,211,.22); border-radius:999px; background:rgba(21,139,211,.07); color:#087dbd; font-size:.57rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
body.page-licenses .license-intelligence-copy h3 { max-width:450px; margin-bottom:20px !important; color:var(--inner-ink); font-size:clamp(1.2rem, 1.6vw, 1.55rem); line-height:1.2; }
body.page-licenses .license-intelligence-copy p { max-width:420px; margin-bottom:26px !important; color:var(--inner-muted); font-size:.84rem; line-height:1.72; }
.license-intelligence-copy > div { display:flex; flex-wrap:wrap; gap:7px; }
.license-intelligence-copy b { padding:7px 10px; border:1px solid rgba(21,139,211,.12); border-radius:999px; background:rgba(255,255,255,.74); color:#087dbd; font-size:.56rem; }

.license-intelligence-visual { position:relative; min-height:390px; }
.license-intelligence-visual::before { position:absolute; top:48%; left:50%; width:430px; height:310px; content:""; border:1px solid rgba(21,139,211,.1); border-radius:50%; box-shadow:0 0 0 43px rgba(21,139,211,.025),0 0 0 86px rgba(21,139,211,.014); transform:translate(-50%,-50%) rotate(-5deg); }
.license-insight-board { position:absolute; top:30px; right:12px; left:12px; z-index:4; min-height:300px; overflow:hidden; padding:0 22px 20px; border:1px solid rgba(57,181,239,.15); border-radius:25px; background:radial-gradient(circle at 92% 6%,rgba(21,139,211,.2),transparent 33%),linear-gradient(145deg,#07101e,#0a2943); box-shadow:0 28px 58px rgba(8,17,31,.2); }
.insight-board-head { height:52px; display:flex; align-items:center; gap:9px; border-bottom:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.72); font-size:.52rem; font-weight:800; text-transform:uppercase; }
.insight-board-head i { width:6px; height:6px; margin-left:auto; border-radius:50%; background:#35d98a; box-shadow:0 0 0 5px rgba(53,217,138,.08); }
.insight-board-head b { color:rgba(255,255,255,.45); font-size:.46rem; }
.insight-row { position:relative; z-index:2; display:grid; grid-template-columns:92px 1fr 35px; align-items:center; gap:11px; padding:14px 0 3px; color:rgba(255,255,255,.72); font-size:.52rem; }
.insight-row > div { height:5px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.08); }
.insight-row > div i { display:block; width:var(--usage); height:100%; border-radius:inherit; background:linear-gradient(90deg,#158bd3,#39b5ef); transform-origin:left; animation:license-usage-fill 4.8s ease-in-out infinite; }
.row-adobe > div i { animation-delay:-1.1s; }.row-security > div i { background:linear-gradient(90deg,#158bd3,#35d98a); animation-delay:-2.2s; }
.insight-row strong { color:#fff; text-align:right; font-size:.56rem; }
.insight-summary { position:absolute; right:22px; bottom:20px; left:22px; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.insight-summary span { padding:12px 8px; border:1px solid rgba(57,181,239,.09); border-radius:11px; background:rgba(255,255,255,.045); color:rgba(255,255,255,.44); font-size:.43rem; text-align:center; text-transform:uppercase; }
.insight-summary b { display:block; margin-bottom:2px; color:#fff; font-size:.78rem; }
.insight-scan { position:absolute; z-index:1; top:52px; bottom:0; width:90px; opacity:.5; background:linear-gradient(90deg,transparent,rgba(57,181,239,.12),transparent); filter:blur(2px); animation:license-board-scan 5.2s linear infinite; }
.insight-alert,.insight-saving { position:absolute; z-index:7; display:grid; grid-template-columns:30px 1fr; grid-template-rows:auto auto; align-items:center; column-gap:9px; padding:11px 14px; border:1px solid rgba(21,139,211,.13); border-radius:15px; background:rgba(255,255,255,.9); box-shadow:0 15px 32px rgba(20,50,75,.12); backdrop-filter:blur(12px); animation:license-insight-float 5s ease-in-out infinite; }
.insight-alert { top:6px; right:-4px; }.insight-saving { right:20px; bottom:0; animation-delay:-2.5s; }
.insight-alert i,.insight-saving i { grid-row:1 / 3; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:#eaf6fc; color:#158bd3; }
.insight-alert span,.insight-saving span { color:#6a8196; font-size:.43rem; text-transform:uppercase; }.insight-alert strong,.insight-saving strong { color:var(--inner-ink); font-size:.58rem; }
.insight-saving i { background:#eafaf3; color:#17a76d; }

body.page-licenses #visibilidade .visibility-feature-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; margin-top:14px; }
body.page-licenses #visibilidade .visibility-feature-card,body.page-licenses #visibilidade .visibility-detail-card { position:relative; min-width:0; overflow:hidden; border:1px solid rgba(21,139,211,.14) !important; border-radius:24px !important; background:radial-gradient(circle at 94% 4%,rgba(57,181,239,.12),transparent 30%),linear-gradient(145deg,#fff,#f0f8fc) !important; box-shadow:0 17px 46px rgba(20,50,75,.075) !important; color:var(--inner-ink) !important; }
body.page-licenses #visibilidade .visibility-feature-card { min-height:245px; padding:30px !important; text-align:left !important; }
body.page-licenses #visibilidade .visibility-feature-card::before,body.page-licenses #visibilidade .visibility-detail-card::before { display:none; }
body.page-licenses #visibilidade .visibility-feature-card > div { width:54px !important; height:54px !important; margin:0 0 25px !important; border:1px solid rgba(21,139,211,.13); border-radius:16px !important; background:rgba(21,139,211,.08) !important; }
body.page-licenses #visibilidade .visibility-feature-card > div i { color:var(--inner-blue) !important; }
body.page-licenses #visibilidade .visibility-feature-card h3 { color:var(--inner-ink) !important; }.visibility-feature-card p{color:var(--inner-muted)!important;line-height:1.7}
body.page-licenses #visibilidade .visibility-detail-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important; margin-top:14px !important; }
body.page-licenses #visibilidade .visibility-detail-card { min-height:245px; padding:30px !important; }
body.page-licenses #visibilidade .visibility-detail-card > div { padding-right:46px; }.visibility-detail-card h4{color:var(--inner-ink)!important}.visibility-detail-card p,.visibility-detail-card li{color:var(--inner-muted)!important;line-height:1.6}.visibility-detail-card > div > div:first-child{border:1px solid rgba(21,139,211,.13);background:rgba(21,139,211,.08)!important}.visibility-detail-card > div > div:first-child i,.visibility-detail-card li i{color:var(--inner-blue)!important}

@keyframes license-usage-fill { 0%,100%{transform:scaleX(.28);opacity:.5} 48%,78%{transform:scaleX(1);opacity:1} }
@keyframes license-board-scan { from{left:-90px} to{left:100%} }
@keyframes license-insight-float { 50%{translate:0 -6px} }
@media(max-width:1024px){body.page-licenses #visibilidade .license-visibility-intro{grid-template-columns:1fr;gap:16px}.license-visibility-intro>p{grid-column:1!important;grid-row:auto!important;padding:0!important;border-left:0!important}.license-intelligence-stage{grid-template-columns:1fr}.license-intelligence-copy{max-width:650px}.license-intelligence-visual{min-height:410px}body.page-licenses #visibilidade .visibility-feature-grid,body.page-licenses #visibilidade .visibility-detail-grid{grid-template-columns:1fr!important}}
@media(max-width:640px){.license-intelligence-stage{padding:34px 26px;border-radius:22px}.license-intelligence-visual{min-height:365px;margin:0 -28px;transform:scale(.86)}.license-insight-board{right:0;left:0}.insight-alert{right:8px}.visibility-feature-card,.visibility-detail-card{padding:26px!important}.visibility-detail-card>div{padding-right:30px!important}}
@media(prefers-reduced-motion:reduce){.insight-row>div i,.insight-scan,.insight-alert,.insight-saving{animation:none}}

/* ─── Licenses: expertise ecosystem fold ─────────────────────────────── */
body.page-licenses #diferenciais .expertise-intro { max-width:none !important; margin-bottom:46px !important; text-align:left !important; }
body.page-licenses #diferenciais .expertise-intro > span { margin:0 0 18px !important; border-color:rgba(21,139,211,.16) !important; background:#f1f9fd !important; color:#087dbd !important; }
body.page-licenses #diferenciais .expertise-intro h2 { max-width:920px; margin:0 !important; color:var(--inner-ink) !important; font-size: var(--type-section) !important; font-weight:700; line-height:1.2; letter-spacing:0; }
body.page-licenses #diferenciais .expertise-intro h2 span { color:inherit !important; background:none !important; -webkit-text-fill-color:currentColor !important; }

body.page-licenses .expertise-trust-stage { min-height:490px; display:grid; grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr); align-items:center; gap:48px; padding-top:50px !important; padding-right:54px !important; padding-left:54px !important; padding-bottom:50px; overflow:hidden; border:1px solid rgba(57,181,239,.15); border-radius:30px; background:radial-gradient(circle at 88% 7%,rgba(21,139,211,.3),transparent 35%),linear-gradient(145deg,#06101d,#0a2943); box-shadow:0 30px 74px rgba(8,17,31,.2); }
.expertise-stage-copy { position:relative; z-index:5; }
.expertise-stage-copy > span { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; padding:6px 13px; border:1px solid rgba(57,181,239,.22); border-radius:999px; background:rgba(21,139,211,.14); color:#39b5ef; font-size:.57rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
body.page-licenses .expertise-stage-copy h3 { max-width:470px; margin-bottom:20px !important; color:#fff; font-size:clamp(1.2rem, 1.6vw, 1.55rem); line-height:1.2; }
body.page-licenses .expertise-stage-copy p { max-width:430px; margin-bottom:26px !important; color:rgba(255,255,255,.63); font-size:.84rem; line-height:1.72; }
.expertise-stage-copy > div { display:flex; flex-wrap:wrap; gap:7px; }
.expertise-stage-copy b { padding:7px 10px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.72); font-size:.56rem; }

.expertise-network { position:relative; min-height:390px; }
.expertise-network::before { position:absolute; top:47%; left:50%; width:430px; height:285px; content:""; border:1px solid rgba(57,181,239,.07); border-radius:50%; box-shadow:0 0 0 42px rgba(57,181,239,.016),0 0 0 84px rgba(57,181,239,.009); transform:translate(-50%,-50%) rotate(-7deg); }
.expertise-orbit { position:absolute; top:47%; left:50%; border-radius:50%; transform:translate(-50%,-50%); }
.orbit-outer { width:390px; height:285px; border:1px dashed rgba(57,181,239,.18); animation:expertise-orbit-spin 20s linear infinite; }
.orbit-inner { width:245px; height:245px; border:1px solid rgba(57,181,239,.15); animation:expertise-orbit-spin 14s linear reverse infinite; }
.expertise-orbit::before,.expertise-orbit::after { position:absolute; width:7px; height:7px; content:""; border-radius:50%; background:#39b5ef; box-shadow:0 0 0 6px rgba(57,181,239,.09),0 0 18px rgba(57,181,239,.55); }.expertise-orbit::before{top:17%;left:8%}.expertise-orbit::after{right:5%;bottom:22%;background:#35d98a}
.expertise-core { position:absolute; top:47%; left:50%; z-index:5; width:128px; height:128px; display:grid; place-items:center; align-content:center; border:1px solid rgba(57,181,239,.22); border-radius:38px; background:linear-gradient(145deg,#158bd3,#07517f); color:#fff; box-shadow:0 25px 54px rgba(0,0,0,.28),0 0 0 12px rgba(57,181,239,.07); transform:translate(-50%,-50%) rotate(-4deg); animation:expertise-core-float 4.8s ease-in-out infinite; }
.expertise-core i { margin-bottom:8px; color:#d7f3ff; font-size:1.25rem; }.expertise-core strong{font-size:.62rem;letter-spacing:.04em}.expertise-core span{margin-top:3px;color:rgba(255,255,255,.5);font-size:.42rem;letter-spacing:.1em}
body.page-licenses .expertise-node { position:absolute; z-index:6; min-width:125px; display:grid; grid-template-columns:32px 1fr; grid-template-rows:auto auto; align-items:center; gap:1px 9px; padding:12px 14px !important; border:1px solid rgba(57,181,239,.17); border-radius:16px; background:rgba(255,255,255,.1); color:#fff; box-shadow:0 18px 38px rgba(0,0,0,.18); backdrop-filter:blur(14px); animation:expertise-node-float 5.5s ease-in-out infinite; }
.expertise-node i { grid-row:1 / 3; width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:rgba(57,181,239,.1); color:#39b5ef; }.expertise-node span{color:rgba(255,255,255,.45);font-size:.43rem;text-transform:uppercase}.expertise-node b{font-size:.58rem}.expertise-node.node-partners{top:18px;left:3%;bottom:auto;right:auto}.expertise-node.node-support{top:78px;right:14px;bottom:auto;left:auto;animation-delay:-1.8s}.expertise-node.node-compliance{right:11%;bottom:50px;top:auto;left:auto;animation-delay:-3.6s}.expertise-node.node-compliance i{color:#35d98a;background:rgba(53,217,138,.08)}
.expertise-pulse { position:absolute; z-index:4; width:8px; height:8px; border-radius:50%; background:#39b5ef; box-shadow:0 0 0 6px rgba(57,181,239,.09),0 0 18px rgba(57,181,239,.55); }.pulse-one{top:45%;left:15%;animation:expertise-pulse-one 4.8s ease-in-out infinite}.pulse-two{top:53%;right:14%;background:#35d98a;animation:expertise-pulse-two 4.8s ease-in-out infinite}
body.page-licenses .expertise-network-status { position:absolute; right:30px; bottom:0; left:30px; z-index:7; display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:8px; padding:13px 16px !important; border:1px solid rgba(57,181,239,.12); border-radius:14px; background:rgba(4,13,23,.76); }.expertise-network-status > i{width:6px;height:6px;border-radius:50%;background:#35d98a}.expertise-network-status span{color:#39b5ef;font-size:.49rem;font-weight:800;text-transform:uppercase}.expertise-network-status strong{color:#fff;font-size:.56rem}

body.page-licenses #diferenciais .expertise-proof-grid { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:14px !important; margin-top:14px; }
body.page-licenses #diferenciais .expertise-proof-card { position:relative; min-width:0; min-height:250px; padding:30px !important; overflow:hidden; border:1px solid rgba(21,139,211,.14) !important; border-radius:24px !important; background:radial-gradient(circle at 94% 4%,rgba(57,181,239,.12),transparent 30%),linear-gradient(145deg,#fff,#f0f8fc) !important; box-shadow:0 17px 46px rgba(20,50,75,.075) !important; color:var(--inner-ink) !important; text-align:left !important; }
body.page-licenses #diferenciais .expertise-proof-card::before { display:none; }
body.page-licenses #diferenciais .expertise-proof-card > div { width:54px !important; height:54px !important; margin:0 0 25px !important; border:1px solid rgba(21,139,211,.13); border-radius:16px !important; background:rgba(21,139,211,.08) !important; }
body.page-licenses #diferenciais .expertise-proof-card > div i { color:var(--inner-blue) !important; }
body.page-licenses #diferenciais .expertise-proof-card h3 { max-width:280px; color:var(--inner-ink) !important; font-size:1.14rem !important; line-height:1.3; }.expertise-proof-card p{max-width:300px;color:var(--inner-muted)!important;line-height:1.7}

@keyframes expertise-orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes expertise-core-float{50%{transform:translate(-50%,-54%) rotate(-2deg)}}
@keyframes expertise-node-float{50%{translate:0 -7px}}
@keyframes expertise-pulse-one{0%,100%{transform:translate(0,0);opacity:.25}50%{transform:translate(105px,8px);opacity:1}}
@keyframes expertise-pulse-two{0%,100%{transform:translate(0,0);opacity:.25}50%{transform:translate(-105px,-8px);opacity:1}}
@media(max-width:1024px){.expertise-trust-stage{grid-template-columns:1fr}.expertise-stage-copy{max-width:650px}.expertise-network{min-height:410px}body.page-licenses #diferenciais .expertise-proof-grid{grid-template-columns:1fr!important}.expertise-proof-card{min-height:0!important}}
@media(max-width:640px){.expertise-trust-stage{padding:34px 26px;border-radius:22px}.expertise-network{min-height:390px;margin:0 -28px;transform:scale(.84)}.expertise-network-status{right:30px;left:30px}.expertise-proof-card{padding:26px!important}}
@media(prefers-reduced-motion:reduce){.expertise-orbit,.expertise-core,.expertise-node,.expertise-pulse{animation:none}}

/* Design fold: use the site's standard eyebrow, without decorative index */
body.page-licenses #design .dh-label { width:max-content; display:inline-flex; align-items:center; gap:8px; margin:0 !important; padding:6px 12px !important; border:1px solid rgba(21,139,211,.16) !important; border-radius:999px; background:#f1f9fd !important; color:#087dbd !important; font-size:.64rem; font-weight:700; line-height:1; letter-spacing:.08em; text-transform:uppercase; }

/* Adobe feature: distribute the copy through the available column */
body.page-licenses #design .lc-featured-h .lc-feat-right { display:grid; grid-template-rows:auto 1fr auto; align-content:stretch; gap:20px; }
body.page-licenses #design .lc-featured-h .lc-feat-right .lc-coverage-label { margin:0; padding-bottom:16px; border-bottom:1px solid rgba(21,139,211,.11); }
body.page-licenses #design .lc-featured-h .lc-plans-feat { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-content:stretch; }
body.page-licenses #design .lc-featured-h .lc-plans-feat > div { justify-content:center; min-height:150px; padding:22px; border:1px solid rgba(21,139,211,.11); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(235,247,253,.72)); }
body.page-licenses #design .lc-featured-h .lc-plans-feat > div:first-child { grid-column:1 / -1; min-height:125px; }
body.page-licenses #design .lc-featured-h .lc-plans-feat .lc-plan-title { margin-bottom:7px; }
body.page-licenses #design .lc-featured-h .lc-plans-feat p { font-size:.78rem; line-height:1.7; }
body.page-licenses #design .lc-featured-h .lc-feat-right > .lc-tags { align-self:end; margin:0; padding:0; }
@media(max-width:700px){body.page-licenses #design .lc-featured-h .lc-plans-feat{grid-template-columns:1fr}body.page-licenses #design .lc-featured-h .lc-plans-feat>div:first-child{grid-column:1}body.page-licenses #design .lc-featured-h .lc-plans-feat>div{min-height:0}}

/* Design fold palette: Alfagates blue and navy only */
body.page-licenses #design .design-grid .lc-icon { border:1px solid rgba(57,181,239,.2) !important; background:linear-gradient(145deg,#158bd3,#07517f) !important; color:#fff !important; box-shadow:0 12px 25px rgba(7,81,127,.16); }
body.page-licenses #design .design-grid :is(.lc-sol-index,.lc-sol-orange,.lc-sol-red,.lc-sol-violet) { color:#087dbd !important; }
body.page-licenses #design .design-grid :is(.lc-plan-pink,.lc-plan-orange,.lc-plan-red,.lc-plan-violet) { color:#087dbd !important; }
body.page-licenses #design .design-grid :is(.lc-quote-orange,.lc-quote-red,.lc-quote-violet) { border-left-color:#39b5ef !important; }

/* ─── Licensing page rhythm reset ──────────────────────────────────────
   Each fold keeps the same visual language, but uses a different layout. */

/* Cloud: open editorial canvas + three-column provider ledger */
body.page-licenses #cloud .cloud-finops-stage { min-height:455px; padding:28px 0 54px; border:0; border-bottom:1px solid rgba(21,139,211,.15); border-radius:0; background:transparent; box-shadow:none; }
body.page-licenses #cloud .cloud-finops-visual { min-height:365px; }
body.page-licenses #cloud .cloud-provider-grid { gap:0 !important; margin-top:0; border-bottom:1px solid rgba(21,139,211,.15); }
body.page-licenses #cloud .cloud-provider-card { padding:34px 32px 40px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body.page-licenses #cloud .cloud-provider-card + .cloud-provider-card { border-left:1px solid rgba(21,139,211,.14) !important; }
body.page-licenses #cloud .cloud-provider-card::after { position:absolute; right:0; bottom:0; left:0; height:2px; content:""; background:linear-gradient(90deg,transparent,rgba(21,139,211,.32),transparent); transform:scaleX(0); transition:transform .4s ease; }
body.page-licenses #cloud .cloud-provider-card:hover::after { transform:scaleX(1); }

/* Security: a directional protection ribbon + borderless solution matrix */
body.page-licenses #seguranca-endpoints .security-resilience-stage { min-height:360px; padding:40px 50px; border-radius:0 72px 0 72px; }
body.page-licenses #seguranca-endpoints .security-resilience-copy h3 { font-size:1.14rem; }
body.page-licenses #seguranca-endpoints .resilience-flow { min-height:285px; }
body.page-licenses #seguranca-endpoints .resilience-step { min-height:120px; }
body.page-licenses #seguranca-endpoints .security-solution-grid { gap:0 !important; margin-top:42px; border-top:1px solid rgba(21,139,211,.16); }
body.page-licenses #seguranca-endpoints .security-solution-card { padding:34px 34px 42px !important; border:0 !important; border-bottom:1px solid rgba(21,139,211,.14) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body.page-licenses #seguranca-endpoints .security-solution-card:nth-child(even) { border-left:1px solid rgba(21,139,211,.14) !important; }
body.page-licenses #seguranca-endpoints .security-solution-grid > div:last-child { padding-top:42px; }
body.page-licenses #seguranca-endpoints .security-solution-grid > div:last-child .disaster-recovery-card { max-width:none !important; border:1px solid rgba(21,139,211,.14) !important; border-radius:26px !important; background:linear-gradient(135deg,#fafdff,#eaf6fc) !important; }

/* Remote management: reverse workstation composition, open numbered list */
body.page-licenses #gestao .remote-management-stage { min-height:475px; grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr); padding:42px 0; border:0; border-top:1px solid rgba(21,139,211,.15); border-bottom:1px solid rgba(21,139,211,.15); border-radius:0; background:transparent; box-shadow:none; }
body.page-licenses #gestao .remote-management-copy { grid-column:2; grid-row:1; padding-right:24px; }

/* Restore the dark editorial cards beside the Cloud and Remote animations. */
body.page-licenses #cloud .cloud-finops-copy,
body.page-licenses #gestao .remote-management-copy {
  min-height: 340px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
  border: 1px solid rgba(57,181,239,.15);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%,rgba(21,139,211,.24),transparent 40%),
    linear-gradient(145deg,#06101d,#0a2943);
  box-shadow: 0 24px 64px rgba(8,17,31,.18);
}

body.page-licenses #cloud .cloud-finops-copy > span,
body.page-licenses #gestao .remote-management-copy > span {
  color: #39b5ef;
}

body.page-licenses #cloud .cloud-finops-copy h3,
body.page-licenses #gestao .remote-management-copy h3 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.page-licenses #cloud .cloud-finops-copy p,
body.page-licenses #gestao .remote-management-copy p {
  color: rgba(255,255,255,.68) !important;
  -webkit-text-fill-color: rgba(255,255,255,.68) !important;
}

body.page-licenses #cloud .cloud-finops-copy b,
body.page-licenses #gestao .remote-management-copy b {
  border-color: rgba(57,181,239,.16);
  background: rgba(255,255,255,.07);
  color: #b9e9ff;
}

body.page-licenses #cloud .cloud-finops-copy b {
  padding: 6px 10px;
  font-size: .62rem;
  font-weight: 800;
  line-height: 1;
}
body.page-licenses #gestao .license-image-slot-remote { grid-column:1; grid-row:1; min-height:390px; }
body.page-licenses #gestao .remote-solution-grid { gap:0 !important; margin-top:0; }
body.page-licenses #gestao .remote-solution-card { padding:40px 36px 46px !important; border:0 !important; border-bottom:1px solid rgba(21,139,211,.14) !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body.page-licenses #gestao .remote-solution-card:nth-child(odd) { border-right:1px solid rgba(21,139,211,.14) !important; }
body.page-licenses #gestao .remote-solution-card::before { top:34px; font-size:2.7rem; }

/* Visibility: dashboard on an open canvas, connected capability rails */
body.page-licenses #visibilidade .license-intelligence-stage { min-height:445px; grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr); padding:30px 0 48px; border:0; border-radius:0; background:transparent; box-shadow:none; }
body.page-licenses #visibilidade .license-intelligence-copy { padding-left:2px; }
body.page-licenses #visibilidade .license-intelligence-visual { min-height:380px; }
body.page-licenses #visibilidade .visibility-feature-grid { gap:0 !important; margin-top:0; border-top:1px solid rgba(21,139,211,.15); border-bottom:1px solid rgba(21,139,211,.15); }
body.page-licenses #visibilidade .visibility-feature-card { min-height:230px; padding:32px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }
body.page-licenses #visibilidade .visibility-feature-card + .visibility-feature-card { border-left:1px solid rgba(21,139,211,.14) !important; }
body.page-licenses #visibilidade .visibility-detail-grid { gap:14px !important; margin-top:14px !important; }
body.page-licenses #visibilidade .visibility-detail-card { min-height:230px; background:radial-gradient(circle at 94% 4%,rgba(57,181,239,.19),transparent 32%),linear-gradient(145deg,#07101e,#0a2943) !important; color:#fff !important; }
body.page-licenses #visibilidade .visibility-detail-card :is(h4,p,li) { color:#fff !important; }
body.page-licenses #visibilidade .visibility-detail-card p,body.page-licenses #visibilidade .visibility-detail-card li { color:rgba(255,255,255,.62) !important; }
body.page-licenses #visibilidade .visibility-detail-card::before { color:rgba(57,181,239,.18); }

/* Expertise: institutional finale with the proof modules overlapping it */
body.page-licenses #diferenciais .expertise-trust-stage { min-height:500px; padding-bottom:100px; }
body.page-licenses #diferenciais .expertise-proof-grid { position:relative; z-index:8; width:calc(100% - 76px); margin:-72px auto 0 !important; gap:14px !important; }
body.page-licenses #diferenciais .expertise-proof-card { min-height:220px; padding:22px !important; box-shadow:0 22px 48px rgba(8,17,31,.14) !important; }
body.page-licenses #diferenciais .expertise-proof-card > div { width:48px !important; height:48px !important; margin-bottom:18px !important; }

@media(max-width:1024px){
  body.page-licenses #cloud .cloud-finops-stage,body.page-licenses #gestao .remote-management-stage,body.page-licenses #visibilidade .license-intelligence-stage{padding-right:0;padding-left:0}
  body.page-licenses #cloud .cloud-provider-card + .cloud-provider-card,body.page-licenses #seguranca-endpoints .security-solution-card:nth-child(even),body.page-licenses #gestao .remote-solution-card:nth-child(odd),body.page-licenses #visibilidade .visibility-feature-card + .visibility-feature-card{border-left:0!important;border-right:0!important}
  body.page-licenses #gestao .remote-management-copy{grid-column:1;grid-row:1;padding-right:0}body.page-licenses #gestao .license-image-slot-remote{grid-column:1;grid-row:2}
  body.page-licenses #diferenciais .expertise-proof-grid{width:calc(100% - 40px);margin:-56px auto 0!important}
}
@media(max-width:640px){
  body.page-licenses #seguranca-endpoints .security-resilience-stage{padding:34px 26px;border-radius:0 40px 0 40px}
  body.page-licenses #cloud .cloud-provider-card,body.page-licenses #seguranca-endpoints .security-solution-card,body.page-licenses #gestao .remote-solution-card,body.page-licenses #visibilidade .visibility-feature-card{padding:28px 4px!important}
  body.page-licenses #diferenciais .expertise-trust-stage{padding-bottom:82px}body.page-licenses #diferenciais .expertise-proof-grid{width:calc(100% - 24px);margin:-44px auto 0!important}
}

/* Security solution 05 continues the open editorial matrix */
body.page-licenses #seguranca-endpoints .security-solution-grid > div:last-child { display:block; padding-top:0; border-top:1px solid rgba(21,139,211,.14); }
body.page-licenses #seguranca-endpoints .security-solution-grid > div:last-child .disaster-recovery-card { width:100% !important; max-width:none !important; margin:0 !important; padding:38px 34px 44px !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }

/* ============ COMPARTILHADO: mobile ============ */
/* =====================================================================
   MOBILE.CSS
   Mobile-only overrides — all rules are inside breakpoint guards.
   Desktop layout is never altered here.
   ===================================================================== */

/* hidden on desktop, revealed inside breakpoint */
.mobile-only { display: none; }

/* ─── BREAKPOINT: ≤ 768px ─────────────────────────────────────────── */
@media (max-width: 768px) {

  /* ─── HEADER MOBILE: logo centralizada, ícone de contato à direita ─ */
  .mobile-only { display: flex !important; }
  .desktop-only,
  html body header .header-actions .btn.desktop-only {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .header-shell {
    position: relative;
  }

  .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .logo img {
    width: 140px !important;
    height: auto !important;
  }

  .btn-contact-mobile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--primary, #158bd3);
    color: #fff;
    font-size: .9rem;
    text-decoration: none;
    flex-shrink: 0;
  }

  .btn-contact-mobile:hover {
    background: var(--primary-dark, #0f72b0);
  }

  /* ─── CONTAINER: reduz margens laterais para mobile ─────────────── */
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.page-about .container {
    width: min(100% - 24px, 1180px) !important;
  }

  body.inner-page .container {
    width: min(100% - 24px, 1280px) !important;
  }

  /* ─── HOME HERO: espaço do header fixo (64px) + respiro ─────────── */
  .hero {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .hero-content {
    padding-top: 40px !important;
    text-align: center !important;
  }

  .hero-content h1,
  .hero-content .hero-tagline,
  .hero-content .hero-tag,
  .hero-content .hero-actions {
    text-align: center !important;
  }

  .hero-content .hero-actions {
    justify-content: center !important;
  }

  /* ─── SERVICE-CARD-SUPPORT: força coluna única (corrige grid 2col) ── */
  .service-card-support {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto auto !important;
  }

  .service-card-support .service-card-top,
  .service-card-support .service-card-body,
  .service-card-support .service-card-footer,
  .service-support-media {
    grid-column: 1 !important;
  }

  /* ─── SUPORTE ANIMATION: aumenta altura e espaça tickets N1/N2/N3 ── */
  .service-support-media {
    min-height: 250px !important;
  }

  .hst-one   { top: 10% !important; }
  .hst-two   { top: 40% !important; }
  .hst-three { top: 70% !important; }

  /* ─── CARDS: reduz padding interno em mobile ─────────────────────── */
  main .card,
  main .light-card,
  main .license-card,
  main .lc-card,
  main .service-card,
  main .service-card-lead,
  main .service-card-support,
  main .brand-card,
  main .mission-card,
  main .certification-card,
  main .value-prop-card,
  main .feature-card,
  main .solution-card,
  main .about-company-card,
  main .crt-card,
  main .tl-card,
  main .about-value,
  main .contact-item,
  main .expertise-proof-card,
  main .cloud-provider-card,
  main .security-solution-card,
  main .remote-solution-card,
  main .visibility-feature-card,
  main .visibility-detail-card {
    padding: 20px 18px !important;
  }

  main .infra-problem-panel,
  main .infra-solution-panel,
  main .infra-platform-panel,
  main .security-command-panel,
  main .security-response-panel,
  main .security-compliance-panel,
  main .backup-metrics-panel,
  main .identity-audit-panel {
    padding: 22px 18px !important;
  }



  /* ─── HEADER: hamburger LEFT | logo CENTER | btn RIGHT ──────────── */

  /* Shared positioning context */
  .header-shell,
  body.inner-page header .container {
    position: relative !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  /* Hide desktop nav on all pages */
  .desktop-nav,
  body.inner-page header nav,
  body.page-about header nav { display: none !important; }

  /* Show the menu-toggle (now first child = left) */
  .menu-toggle {
    display: inline-grid !important;
    place-items: center;
    flex-shrink: 0;
    z-index: 2;
  }

  /* Logo absolutely centered */
  .header-shell .logo,
  body.inner-page header .container .logo {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1;
  }

  /* header-actions stays on the right */
  .header-actions {
    display: flex !important;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    z-index: 2;
  }

  /* Compact CTA button on right (home + quem-somos use .desktop-only) */
  .header-actions .btn.desktop-only {
    display: flex !important;
    font-size: 0.7rem !important;
    padding: 6px 11px !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    border-radius: 8px !important;
  }

  /* Inner pages: hide long CTA text in header; spacer keeps logo truly centered */
  body.inner-page .header-actions .btn,
  body.inner-page .header-actions .btn-primary {
    display: none !important;
  }
  /* Spacer mirrors hamburger width so logo absolute-center stays visually centered */
  body.inner-page .header-actions {
    width: 44px;
  }

  /* ─── HOME PAGE ──────────────────────────────────────────────────── */

  /* Hero: text centered (already done at 1180px, reinforce at mobile) */
  .hero-content {
    text-align: center !important;
  }
  .hero-tag,
  .hero h1,
  .hero-description {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hero-cta {
    justify-content: center !important;
    flex-direction: column !important;
    align-items: center !important;
  }
  .hero-cta .btn,
  .hero-cta .text-link {
    width: auto !important;
    min-width: 220px;
    justify-content: center !important;
  }

  /* Trust strip */
  .trust-inner {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .trust-item {
    text-align: center !important;
    padding: 20px 12px !important;
  }

  /* Services section */
  .services-head {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
  }
  .services-head-main,
  .services-head-copy {
    text-align: center !important;
    max-width: 100% !important;
  }
  .services-head .section-title,
  .services-head h2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .services-head .section-tag {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .services-action {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* Products section */
  .products-head {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
  }
  .products-head-main,
  .products-head-copy {
    text-align: center !important;
    max-width: 100% !important;
  }
  .products-head .section-title,
  .products-head h2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .products-head .section-tag {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .products-action {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  /* Licenses section */
  .licenses-head {
    text-align: center !important;
  }
  .licenses-head h2,
  .licenses-head .section-title,
  .licenses-head p,
  .licenses-head .section-tag {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Contact section */
  .contact-info {
    text-align: center !important;
  }
  .contact-info h2,
  .contact-info p,
  .contact-info .section-tag {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .contact-grid {
    grid-template-columns: 1fr !important;
  }

  /* CTA section */
  .cta-section,
  .services-cta-wrap {
    text-align: center !important;
  }
  .services-cta-panel,
  [class*="cta-panel"] {
    text-align: center !important;
  }
  [class*="cta-panel"] h2,
  [class*="cta-panel"] p,
  .services-cta-panel h2,
  .services-cta-panel p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  [class*="cta-panel"] .flex,
  [class*="cta-panel"] [class*="actions"],
  .services-cta-panel [class*="actions"] {
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
  }

  /* Footer */
  footer .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  footer .footer-brand,
  footer .footer-col {
    text-align: center !important;
  }
  footer .footer-brand p {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  footer .footer-brand .logo {
    position: static !important;
    transform: none !important;
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
  }
  footer .footer-col ul {
    align-items: center !important;
  }
  footer .footer-bottom {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
  }
  footer .footer-bottom p {
    text-align: center !important;
  }
  footer .social-links {
    justify-content: center !important;
  }

  /* ─── INNER PAGES SHARED ─────────────────────────────────────────── */

  /* Inner hero: full width text, centered, image hidden (decorative) */
  body.inner-page .inner-hero {
    min-height: auto !important;
    padding: 110px 0 70px !important;
    align-items: flex-start;
  }

  body.inner-page .inner-hero::before {
    display: none !important;
  }

  body.inner-page .inner-hero .text-center,
  body.inner-page .inner-hero .hero-content {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  body.inner-page .inner-hero h1,
  body.inner-page .hero-section h1 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important;
  }

  body.inner-page .inner-hero p,
  body.inner-page .hero-section .hero-tagline,
  body.inner-page .hero-section .hero-description {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.inner-page .inner-hero .inline-flex,
  body.inner-page .hero-tag {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.inner-page .inner-hero [class*="actions"],
  body.inner-page .inner-hero [class*="cta"],
  body.inner-page .inner-hero .hero-btns {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  /* Inner page content sections: center headings */
  body.inner-page .content-section h2,
  body.inner-page .section-title,
  body.inner-page .section-tag,
  body.inner-page [class*="-head"] h2,
  body.inner-page [class*="-head"] p,
  body.inner-page [class*="-head"] .section-tag {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.inner-page [class*="-head"] {
    text-align: center !important;
  }

  /* Grids → 1 column */
  body.inner-page [class*="-grid"]:not(.footer-grid):not(.contact-form) {
    grid-template-columns: 1fr !important;
  }

  /* Inner pages footer */
  body.inner-page .footer-brand .logo {
    position: static !important;
    transform: none !important;
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
  }
  body.inner-page .footer-brand,
  body.inner-page .footer-col {
    text-align: center !important;
  }
  body.inner-page .footer-col ul {
    align-items: center !important;
  }
  body.inner-page .footer-bottom {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
  }
  body.inner-page .social-links {
    justify-content: center !important;
  }

  /* ─── SERVICES PAGE ──────────────────────────────────────────────── */

  body.page-services .services-hero-shell {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: 28px 20px 0 !important;
  }
  body.page-services .services-hero-copy {
    text-align: center !important;
    padding-bottom: 0 !important;
  }
  body.page-services .services-hero-copy h1 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.page-services .services-hero-copy p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.page-services .services-hero-actions {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  /* ─── QUEM SOMOS PAGE ────────────────────────────────────────────── */

  body.page-about .inner-hero {
    padding: 110px 0 60px !important;
  }
  body.page-about .inner-hero .hero-grid {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  body.page-about .inner-hero .hero-content {
    text-align: center !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  body.page-about .hero-video-wrapper {
    border-radius: 20px !important;
  }
  body.page-about .hero-stats {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  body.page-about .hero-stat {
    padding: 16px 24px !important;
    text-align: center !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(57,181,239,.12) !important;
  }
  body.page-about .hero-stat:last-child {
    border-bottom: 0 !important;
  }

  body.page-about .about-head {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  body.page-about .about-head-body {
    text-align: center !important;
    padding: 0 !important;
  }
  body.page-about .about-head-body h2,
  body.page-about .about-head-body p,
  body.page-about .about-head-body .section-tag {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.page-about .about-cta-panel {
    text-align: center !important;
  }
  body.page-about .about-cta-panel h2 {
    text-align: center !important;
  }
  body.page-about .about-cta-panel p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.page-about [class*="cta-actions"],
  body.page-about .about-cta-actions {
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
  }

  /* Contact / CTA section on quem-somos */
  body.page-about .contact-info {
    text-align: center !important;
  }

}

/* Products: compact mobile composition. Desktop remains unchanged. */
@media (max-width: 640px) {
  body.page-products .products-catalog-nav.inner-anchor-nav {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    overflow: visible !important;
  }

  body.page-products .products-catalog-nav .container {
    width: min(calc(100% - 24px), 1180px) !important;
  }

  body.page-products .products-nav-shell {
    padding: 7px !important;
    overflow: visible !important;
  }

  body.page-products .products-nav-top {
    min-height: 0 !important;
    gap: 0 !important;
  }

  body.page-products .products-nav-links {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 3px !important;
    overflow: visible !important;
  }

  body.page-products .inner-anchor-nav .products-nav-links a {
    min-height: 32px !important;
    gap: 4px !important;
    padding: 0 7px !important;
    font-size: .62rem !important;
  }

  body.page-products .inner-anchor-nav .products-nav-links a::before {
    font-size: .43rem !important;
  }

  body.page-products .products-nav-brands {
    display: none !important;
  }

  body.page-products .uc-status-rail {
    right: 8px !important;
    bottom: 8px !important;
    left: 8px !important;
    min-height: 58px !important;
    grid-template-columns: .82fr 1.18fr !important;
    padding: 7px 8px !important;
  }

  body.page-products .uc-status-rail > div {
    min-width: 0;
    padding: 4px 8px !important;
  }

  body.page-products .uc-status-rail > div:last-child {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2px !important;
  }

  body.page-products .uc-status-rail > div:last-child :is(span, strong) {
    display: block;
    min-width: 0;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  body.page-products .uc-status-rail span {
    font-size: .43rem !important;
  }

  body.page-products .uc-status-rail strong {
    font-size: .52rem !important;
    line-height: 1.25 !important;
  }

  body.page-products .wireless-share-stage {
    min-height: 0 !important;
    gap: 22px !important;
    padding: 26px 18px 22px !important;
    border-radius: 22px !important;
  }

  body.page-products .wireless-share-copy > span {
    margin-bottom: 16px !important;
    font-size: .68rem !important;
    line-height: 1.3 !important;
    letter-spacing: .07em !important;
  }

  body.page-products .wireless-share-copy h3 {
    max-width: 280px;
    margin-bottom: 14px !important;
    font-size: 1.12rem !important;
    line-height: 1.2 !important;
  }

  body.page-products .wireless-share-copy p {
    margin-bottom: 18px !important;
    font-size: .88rem !important;
    line-height: 1.65 !important;
  }

  body.page-products .wireless-share-copy > div {
    gap: 6px !important;
  }

  body.page-products .wireless-share-copy b {
    padding: 6px 9px !important;
    font-size: .65rem !important;
  }

  body.page-products .wireless-transfer-visual {
    width: 100% !important;
    min-height: 260px !important;
    margin: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body.page-products .wireless-transfer-visual::before {
    width: 280px !important;
    height: 180px !important;
  }

  body.page-products .wireless-source-device {
    top: 70px !important;
    left: -5px !important;
    width: 108px !important;
    height: 86px !important;
    border-radius: 18px !important;
  }

  body.page-products .wireless-source-device > i {
    font-size: 1.55rem !important;
  }

  body.page-products .wireless-source-device small {
    margin-top: -15px !important;
    font-size: .4rem !important;
  }

  body.page-products .wireless-room-screen {
    top: 28px !important;
    right: -4px !important;
    width: 235px !important;
    height: 176px !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }

  body.page-products .wireless-screen-content {
    height: 119px !important;
  }

  body.page-products .wireless-signal-path {
    top: 94px !important;
    left: 88px !important;
    transform: scale(.72);
    transform-origin: left center;
  }

  body.page-products .wireless-status-band {
    right: 10px !important;
    bottom: 2px !important;
    left: 10px !important;
    padding: 11px 12px !important;
  }

  body.page-products .wireless-options-grid > .light-card {
    padding: 24px 20px !important;
  }

  body.page-products .wireless-options-grid h3,
  body.page-products .wireless-options-grid p {
    font-size: .9rem !important;
  }

  body.page-products .wireless-options-grid > .light-card > .flex:last-child {
    gap: 6px !important;
  }

  body.page-products .wireless-options-grid > .light-card > .flex:last-child span {
    max-width: 100%;
    padding: 6px 9px !important;
    font-size: .64rem !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-align: center;
  }
}

/* CTA photo backgrounds must fill the whole band on every page. */
.cta-photo-section {
  isolation: isolate !important;
  background: #07101e !important;
}

.cta-photo-section > .cta-photo-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.cta-photo-section > .cta-photo-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(57,181,239,.16), transparent 36%),
    linear-gradient(135deg, rgba(7,16,30,.72) 0%, rgba(8,26,42,.58) 48%, rgba(7,16,30,.68) 100%) !important;
}

.cta-photo-section > .cta-photo-content {
  position: relative !important;
  z-index: 2 !important;
}

/* Mobile/iPad: CTA titles use the section H2 scale, never hero scale. */
@media (max-width: 1024px) {
  html body :is(
    .cta-photo-title,
    .cta-photo-inner h2,
    .services-cta-panel h2,
    .licenses-cta-panel h2,
    .products-cta h2,
    .about-cta-panel h2,
    [class*="cta-panel"] h2
  ) {
    max-width: min(100%, 680px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    font-size: var(--type-section) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  html body.page-services .services-cta-photo :is(.cta-photo-title, .services-cta-panel h2),
  html body.page-products .cta-photo-section :is(.cta-photo-title, h2),
  html body.page-licenses .licenses-cta-photo :is(.cta-photo-title, .licenses-cta-panel h2),
  html body.page-about .cta-photo-section :is(.cta-photo-title, h2),
  html body.page-home .cta-photo-section :is(.cta-photo-title, h2) {
    font-size: var(--type-section) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }
}

/* About hero stats: cleaner premium card on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-about .hero-stats {
    width: min(100%, 520px) !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 22px auto 0 !important;
    padding: 12px !important;
    overflow: visible !important;
    border: 1px solid rgba(57, 181, 239, .2) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 16% 0%, rgba(57,181,239,.18), transparent 34%),
      radial-gradient(circle at 92% 100%, rgba(21,139,211,.2), transparent 36%),
      rgba(5, 18, 32, .84) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 24px 54px rgba(4,13,23,.3) !important;
    backdrop-filter: blur(18px);
  }

  html body.page-about .hero-stat {
    position: relative;
    min-width: 0 !important;
    min-height: 104px;
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 8px !important;
    padding: 18px 10px !important;
    border: 1px solid rgba(126,210,248,.14) !important;
    border-radius: 16px !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
    text-align: center !important;
  }

  html body.page-about .hero-stat::before {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(57,181,239,.1);
    color: #39b5ef;
    font-family: "Font Awesome 6 Free";
    font-size: .72rem;
    font-weight: 900;
  }

  html body.page-about .hero-stat:nth-child(1)::before { content: "\f017"; }
  html body.page-about .hero-stat:nth-child(2)::before { content: "\f0c0"; }
  html body.page-about .hero-stat:nth-child(3)::before { content: "\f2b5"; }

  html body.page-about .hero-stat-number {
    color: #fff !important;
    font-size: clamp(1.45rem, 4.2vw, 2rem) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 10px 28px rgba(57,181,239,.18);
  }

  html body.page-about .hero-stat-divider {
    width: 34px !important;
    height: 2px !important;
    margin: 0 !important;
    background: linear-gradient(90deg, transparent, rgba(57,181,239,.9), transparent) !important;
  }

  html body.page-about .hero-stat-label {
    max-width: 96px;
    margin: 0 !important;
    color: rgba(226,241,250,.72) !important;
    font-size: .58rem !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    letter-spacing: .04em !important;
  }
}

@media (max-width: 480px) {
  html body.page-about .hero-stats {
    width: min(100%, 330px) !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  html body.page-about .hero-stat {
    min-height: 88px;
    grid-template-columns: 34px minmax(0, 1fr) 42px;
    grid-template-rows: auto auto;
    justify-items: start !important;
    align-content: center !important;
    gap: 2px 12px !important;
    padding: 14px 16px !important;
    text-align: left !important;
  }

  html body.page-about .hero-stat::before {
    grid-row: 1 / 3;
  }

  html body.page-about .hero-stat-number,
  html body.page-about .hero-stat-label {
    text-align: left !important;
  }

  html body.page-about .hero-stat-divider {
    grid-column: 3;
    grid-row: 1 / 3;
    align-self: center;
    justify-self: end;
    width: 30px !important;
  }
}

/* Products hero: rebuilt UC meeting animation. */
body.page-products .vc-stage {
  min-height: 460px;
  display: grid;
  place-items: center;
  perspective: 1200px;
  isolation: isolate;
}

body.page-products .vc-stage::before,
body.page-products .vc-stage::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

body.page-products .vc-stage::before {
  inset: 8% 3% 5% 8%;
  z-index: 0;
  border-radius: 34px;
  background:
    radial-gradient(circle at 24% 20%, rgba(57,181,239,.2), transparent 28%),
    radial-gradient(circle at 84% 70%, rgba(124,58,237,.18), transparent 30%),
    linear-gradient(135deg, rgba(7,16,30,.5), rgba(9,36,58,.24));
  filter: blur(2px);
  animation: vc-stage-glow 7s ease-in-out infinite;
}

body.page-products .vc-stage::after {
  inset: 13% 0 10% 15%;
  z-index: 0;
  border: 1px solid rgba(57,181,239,.16);
  border-radius: 32px;
  background-image:
    linear-gradient(rgba(57,181,239,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,181,239,.055) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(135deg, transparent 0%, #000 22%, #000 76%, transparent 100%);
  opacity: .52;
}

body.page-products .vc-card {
  top: 28px !important;
  right: 18px !important;
  bottom: 28px !important;
  left: 18px !important;
  z-index: 2;
  border: 1px solid rgba(126,210,248,.22) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045)),
    rgba(4,17,31,.78) !important;
  box-shadow:
    0 34px 80px rgba(4,13,23,.42),
    0 0 0 1px rgba(255,255,255,.055),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  transform: rotateX(0deg) rotateY(-2deg) translate3d(0,0,0);
  animation: vc-card-breathe 7s ease-in-out infinite;
}

body.page-products .vc-header {
  min-height: 44px;
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(126,210,248,.14) !important;
  background: rgba(4,13,23,.32);
}

body.page-products .vc-rec {
  border-color: rgba(248,113,113,.28) !important;
  background: rgba(248,113,113,.12) !important;
  border-radius: 999px !important;
  color: #ff8b8b !important;
}

body.page-products .vc-rec i {
  box-shadow: 0 0 0 5px rgba(239,68,68,.12);
}

body.page-products .vc-meeting-name {
  color: rgba(255,255,255,.94) !important;
  font-size: .72rem !important;
  letter-spacing: 0 !important;
}

body.page-products .vc-timer {
  min-width: 62px;
  color: rgba(226,241,250,.64) !important;
  text-align: right;
}

body.page-products .vc-grid {
  gap: 8px !important;
  padding: 10px !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(57,181,239,.08), transparent 30%),
    rgba(3,12,23,.22);
}

body.page-products .vc-tile {
  border: 1px solid rgba(126,210,248,.1) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(57,181,239,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

body.page-products .vc-tile::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .38;
  background:
    linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 38%, transparent 58%);
  transform: translateX(-120%);
  animation: vc-tile-shine 5.8s ease-in-out infinite;
}

body.page-products .vc-tile:nth-child(2)::before { animation-delay: -1.8s; }
body.page-products .vc-tile:nth-child(3)::before { animation-delay: -3.1s; }
body.page-products .vc-tile:nth-child(4)::before { animation-delay: -4.2s; }

body.page-products .vc-tile-speaking {
  border-color: rgba(57,181,239,.62) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(57,181,239,.18), transparent 35%),
    linear-gradient(145deg, rgba(25,82,122,.4), rgba(255,255,255,.04)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(57,181,239,.24),
    0 0 34px rgba(57,181,239,.16) !important;
}

body.page-products .vc-avatar {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.24), transparent 28%),
    var(--c, #158bd3) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.26),
    0 0 0 8px rgba(255,255,255,.035) !important;
  animation: vc-avatar-float 4.8s ease-in-out infinite;
}

body.page-products .vc-tile:nth-child(2) .vc-avatar { animation-delay: -1.2s; }
body.page-products .vc-tile:nth-child(3) .vc-avatar { animation-delay: -2.4s; }

body.page-products .vc-tile-name {
  bottom: 10px !important;
  left: 10px !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 999px !important;
  background: rgba(4,13,23,.6) !important;
  color: rgba(255,255,255,.86) !important;
  font-size: .53rem !important;
}

body.page-products .vc-tile-badge {
  right: 10px !important;
  bottom: 10px !important;
  width: 24px !important;
  height: 24px !important;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(4,13,23,.58) !important;
}

body.page-products .vc-tile-badge:not(.vc-muted) {
  color: #9bdcff !important;
}

body.page-products .vc-tile-badge.vc-muted {
  color: #ff8b8b !important;
  background: rgba(239,68,68,.12) !important;
}

body.page-products .vc-waves {
  bottom: 34px !important;
  gap: 3px !important;
}

body.page-products .vc-waves span {
  width: 4px !important;
  background: linear-gradient(180deg, #9bdcff, #39b5ef) !important;
  box-shadow: 0 0 12px rgba(57,181,239,.32);
  animation-duration: .82s !important;
}

body.page-products .vc-tile-screen {
  background:
    linear-gradient(rgba(57,181,239,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,181,239,.08) 1px, transparent 1px),
    linear-gradient(145deg, rgba(7,42,74,.88), rgba(8,25,44,.86)) !important;
  background-size: 22px 22px, 22px 22px, auto !important;
  border-color: rgba(57,181,239,.28) !important;
}

body.page-products .vc-tile-screen::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, transparent, rgba(57,181,239,.14), transparent);
  transform: translateY(-100%);
  animation: vc-screen-scan 3.6s linear infinite;
}

body.page-products .vc-screen-share {
  position: relative;
  z-index: 2;
  gap: 7px !important;
}

body.page-products .vc-screen-share i {
  width: 44px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(57,181,239,.32);
  border-radius: 10px;
  background: rgba(57,181,239,.12);
  color: #7ed2f8 !important;
  opacity: 1 !important;
  font-size: 1.05rem !important;
}

body.page-products .vc-screen-share span {
  color: #fff !important;
  font-size: .64rem !important;
}

body.page-products .vc-screen-share small {
  color: rgba(226,241,250,.58) !important;
  font-size: .56rem !important;
}

body.page-products .vc-controls {
  gap: 10px !important;
  padding: 12px 18px 14px !important;
  border-top-color: rgba(126,210,248,.13) !important;
  background: rgba(4,13,23,.36);
}

body.page-products .vc-btn {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(126,210,248,.12) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(226,241,250,.78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

body.page-products .vc-btn-active {
  background: linear-gradient(135deg, #158bd3, #39b5ef) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(57,181,239,.3) !important;
  animation: vc-control-pulse 2.4s ease-in-out infinite;
}

body.page-products .vc-btn-end {
  width: 48px !important;
  background: linear-gradient(135deg, rgba(239,68,68,.9), rgba(248,113,113,.66)) !important;
  color: #fff !important;
  border-color: rgba(248,113,113,.35) !important;
}

body.page-products .vc-toast {
  top: 2px !important;
  z-index: 5 !important;
  border-color: rgba(57,181,239,.24) !important;
  border-radius: 999px !important;
  background: rgba(4,19,34,.76) !important;
  box-shadow: 0 16px 34px rgba(4,13,23,.28) !important;
  animation:
    vc-toast-loop 8s cubic-bezier(.22,1,.36,1) infinite !important;
}

body.page-products .vc-platform {
  z-index: 4;
  border-color: rgba(126,210,248,.15) !important;
  border-radius: 999px !important;
  background: rgba(4,19,34,.74) !important;
  box-shadow: 0 16px 34px rgba(4,13,23,.24) !important;
}

body.page-products .vc-platform-teams {
  top: 92px !important;
  left: 2px !important;
}

body.page-products .vc-platform-zoom {
  top: 128px !important;
  right: 2px !important;
}

body.page-products .vc-quality {
  z-index: 4;
  right: 4px !important;
  bottom: 12px !important;
  padding: 8px 10px;
  border: 1px solid rgba(53,217,138,.16);
  border-radius: 999px;
  background: rgba(4,19,34,.72);
  box-shadow: 0 16px 34px rgba(4,13,23,.24);
}

body.page-products .vc-quality span {
  background: #35d98a !important;
  animation: vc-quality-bars 1.2s ease-in-out infinite;
}

body.page-products .vc-quality span:nth-child(2) { animation-delay: .16s; }
body.page-products .vc-quality span:nth-child(3) { animation-delay: .32s; }

body.page-products .vc-quality small {
  color: rgba(226,241,250,.72) !important;
  font-size: .54rem !important;
}

@keyframes vc-stage-glow {
  0%, 100% { opacity: .78; transform: translate3d(0,0,0) scale(.98); }
  50% { opacity: 1; transform: translate3d(0,-8px,0) scale(1.02); }
}

@keyframes vc-card-breathe {
  0%, 100% { transform: rotateX(0deg) rotateY(-2deg) translate3d(0,0,0); }
  50% { transform: rotateX(1deg) rotateY(0deg) translate3d(0,-8px,0); }
}

@keyframes vc-tile-shine {
  0%, 52% { transform: translateX(-120%); }
  72%, 100% { transform: translateX(120%); }
}

@keyframes vc-avatar-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(-5px) scale(1.03); }
}

@keyframes vc-screen-scan {
  to { transform: translateY(100%); }
}

@keyframes vc-control-pulse {
  0%, 100% { box-shadow: 0 12px 28px rgba(57,181,239,.24); }
  50% { box-shadow: 0 16px 34px rgba(57,181,239,.42); }
}

@keyframes vc-toast-loop {
  0%, 12% { opacity: 0; transform: translateX(-50%) translateY(-10px); }
  18%, 62% { opacity: 1; transform: translateX(-50%) translateY(0); }
  72%, 100% { opacity: 0; transform: translateX(-50%) translateY(-8px); }
}

@keyframes vc-quality-bars {
  0%, 100% { transform: scaleY(.6); opacity: .62; }
  50% { transform: scaleY(1.08); opacity: 1; }
}

@media (max-width: 640px) {
  body.page-products .vc-stage {
    min-height: 390px;
  }

  body.page-products .vc-card {
    inset: 18px 8px 24px !important;
    border-radius: 22px !important;
  }

  body.page-products .vc-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(4, minmax(64px, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
  }

  body.page-products .vc-avatar {
    width: 42px !important;
    height: 42px !important;
  }

  body.page-products .vc-platform,
  body.page-products .vc-quality {
    transform: scale(.88);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-products :is(
    .vc-card,
    .vc-tile-speaking,
    .vc-avatar,
    .vc-waves span,
    .vc-btn-active,
    .vc-toast,
    .vc-platform,
    .vc-quality span
  ) {
    animation: none !important;
  }

  body.page-products .vc-stage::before,
  body.page-products .vc-tile::before,
  body.page-products .vc-tile-screen::after {
    animation: none !important;
  }
}

.mobile-location-separator {
  display: none;
}

/* Mobile/iPad contact cards: left-aligned content and compact location line. */
@media (max-width: 1024px) {
  html body :is(.contact-info, .contact-details) {
    text-align: left !important;
  }

  html body .contact-details {
    justify-items: stretch !important;
  }

  html body .contact-item {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }

  html body .contact-item > div:last-child {
    min-width: 0;
    display: grid;
    justify-items: start;
    text-align: left !important;
  }

  html body .contact-item :is(h3, h4, p) {
    text-align: left !important;
  }

  html body .contact-item-icon {
    margin-right: 0 !important;
  }

  html body :is(.contact-social, .social-links) {
    justify-content: center !important;
  }

}

@media (max-width: 640px) {
  html body .contact-location br {
    display: none;
  }

  html body .mobile-location-separator {
    display: inline;
  }

  html body .contact-location {
    white-space: normal;
  }
}

/* Licenses: complete mobile rhythm and hierarchy review. */
@media (max-width: 640px) {
  body.page-licenses :is(.content-section, .licenses-cta, .contact) > .container,
  body.page-licenses .licenses-hero-wrap > .container,
  body.page-licenses .licenses-catalog-nav > .container {
    width: min(calc(100% - 32px), 1180px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  body.page-licenses .licenses-hero-wrap {
    min-height: 0 !important;
    padding: 96px 0 44px !important;
    overflow: hidden;
  }

  body.page-licenses .licenses-hero-wrap .services-hero-shell {
    width: 100% !important;
    gap: 24px !important;
  }

  body.page-licenses .licenses-hero-wrap .services-hero-copy h1 {
    max-width: 100% !important;
    font-size: clamp(2.45rem, 12vw, 3.1rem) !important;
    line-height: 1.05 !important;
  }

  body.page-licenses .licenses-hero-wrap .services-hero-copy > p {
    max-width: 100% !important;
    font-size: .92rem !important;
    line-height: 1.65 !important;
  }

  body.page-licenses .lic-hero-visual.license-control-visual {
    width: 100% !important;
    max-width: 100% !important;
    height: 410px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body.page-licenses .license-control-stage {
    width: 100% !important;
    max-width: 100% !important;
    transform: scale(.82) !important;
    transform-origin: center center !important;
  }

  body.page-licenses .licenses-catalog-nav.inner-anchor-nav {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    padding: 8px 0 !important;
  }

  body.page-licenses .licenses-nav-shell {
    padding: 8px !important;
    overflow: hidden !important;
  }

  body.page-licenses .licenses-nav-top {
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.page-licenses .licenses-nav-brand {
    padding: 0 4px 8px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(21,139,211,.09);
  }

  body.page-licenses .licenses-nav-links {
    width: 100%;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body.page-licenses .licenses-nav-links::-webkit-scrollbar {
    display: none;
  }

  body.page-licenses .inner-anchor-nav .licenses-nav-links a {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    font-size: .64rem !important;
    white-space: nowrap !important;
  }

  body.page-licenses .licenses-nav-brands {
    display: none !important;
  }

  body.page-licenses :is(
    #colaboracao .collab-head h2,
    #design .dh-copy h2,
    #cloud .cloud-finops-intro h2,
    #seguranca-endpoints .security-resilience-intro h2,
    #gestao .remote-management-intro h2,
    #visibilidade .license-visibility-intro h2,
    #diferenciais .expertise-intro h2,
    #faq .faq-head h2
  ) {
    max-width: 100% !important;
    font-size: clamp(2rem, 9.5vw, 2.45rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
    overflow-wrap: anywhere;
  }

  body.page-licenses :is(
    #colaboracao .collab-head,
    #cloud .cloud-finops-intro,
    #seguranca-endpoints .security-resilience-intro,
    #gestao .remote-management-intro,
    #visibilidade .license-visibility-intro,
    #diferenciais .expertise-intro
  ) {
    width: 100%;
    gap: 14px !important;
    margin-bottom: 28px !important;
  }

  body.page-licenses :is(
    #colaboracao .collab-head > p,
    #cloud .cloud-finops-intro > p,
    #seguranca-endpoints .security-resilience-intro > p,
    #gestao .remote-management-intro > p,
    #visibilidade .license-visibility-intro > p
  ) {
    width: 100%;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 0 !important;
    font-size: .9rem !important;
    line-height: 1.65 !important;
  }

  body.page-licenses :is(
    .collaboration-ecosystem,
    #cloud .cloud-finops-stage,
    #seguranca-endpoints .security-resilience-stage,
    #gestao .remote-management-stage,
    #visibilidade .license-intelligence-stage,
    #diferenciais .expertise-trust-stage
  ) {
    width: 100% !important;
    max-width: 100% !important;
    gap: 24px !important;
    padding: 26px 20px !important;
    overflow: hidden !important;
  }

  body.page-licenses :is(
    #cloud .cloud-finops-copy,
    #gestao .remote-management-copy
  ) {
    width: 100% !important;
    min-height: 0 !important;
    padding: 24px 20px !important;
    border-radius: 22px !important;
  }

  body.page-licenses :is(
    .collaboration-ecosystem-copy,
    .cloud-finops-copy,
    .security-resilience-copy,
    .remote-management-copy,
    .license-intelligence-copy,
    .expertise-stage-copy
  ) > span {
    margin-bottom: 14px !important;
    font-size: .66rem !important;
    line-height: 1.3 !important;
  }

  body.page-licenses :is(
    .collaboration-ecosystem-copy,
    .cloud-finops-copy,
    .security-resilience-copy,
    .remote-management-copy,
    .license-intelligence-copy,
    .expertise-stage-copy
  ) h3 {
    max-width: 100% !important;
    margin-bottom: 14px !important;
    font-size: 1.3rem !important;
    line-height: 1.14 !important;
  }

  body.page-licenses :is(
    .collaboration-ecosystem-copy,
    .cloud-finops-copy,
    .security-resilience-copy,
    .remote-management-copy,
    .license-intelligence-copy,
    .expertise-stage-copy
  ) p {
    max-width: 100% !important;
    margin-bottom: 18px !important;
    font-size: .88rem !important;
    line-height: 1.65 !important;
  }

  body.page-licenses :is(
    .collaboration-ecosystem-copy,
    .cloud-finops-copy,
    .security-resilience-copy,
    .remote-management-copy,
    .license-intelligence-copy,
    .expertise-stage-copy
  ) b {
    padding: 6px 9px !important;
    font-size: .65rem !important;
  }

  body.page-licenses :is(
    .license-card,
    .cloud-provider-card,
    .security-solution-card,
    .remote-solution-card,
    .visibility-feature-card,
    .visibility-detail-card,
    .expertise-proof-card
  ) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 22px 18px 26px !important;
  }

  body.page-licenses #seguranca-endpoints .security-solution-grid {
    margin-top: 24px !important;
  }

  body.page-licenses #seguranca-endpoints .security-solution-grid > div:last-child,
  body.page-licenses #seguranca-endpoints .security-solution-grid > div:last-child .disaster-recovery-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 22px 18px 26px !important;
  }

  body.page-licenses :is(.license-card, .security-solution-card, .cloud-provider-card, .remote-solution-card) h3 {
    font-size: 1.05rem !important;
    line-height: 1.25 !important;
  }

  body.page-licenses :is(.license-card, .security-solution-card, .cloud-provider-card, .remote-solution-card) p {
    font-size: .78rem !important;
    line-height: 1.65 !important;
  }

  body.page-licenses .resilience-flow {
    min-height: 470px !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.page-licenses .resilience-flow::before {
    width: 250px !important;
    height: 410px !important;
  }

  body.page-licenses .resilience-step {
    width: min(190px, 76%) !important;
    min-height: 86px !important;
    padding: 13px !important;
  }

  body.page-licenses .resilience-status {
    right: 0 !important;
    left: 0 !important;
    grid-template-columns: 8px minmax(0,1fr) auto !important;
    padding: 11px 12px !important;
  }

  body.page-licenses #faq > .container {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
  }

  body.page-licenses #faq .faq-head {
    position: relative !important;
    top: auto !important;
    min-height: 390px !important;
    padding: 28px 20px 22px !important;
  }

  body.page-licenses #faq .faq-toggle {
    min-height: 72px !important;
    grid-template-columns: 34px minmax(0,1fr) 34px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 11px 12px !important;
  }

  body.page-licenses #faq .faq-toggle::before {
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    font-size: .52rem !important;
  }

  body.page-licenses #faq .faq-toggle > span {
    min-width: 0;
    font-size: .74rem !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere;
  }

  body.page-licenses #faq .faq-toggle > i {
    width: 34px !important;
    height: 34px !important;
  }

  body.page-licenses #faq .faq-content,
  body.page-licenses #faq .faq-item.is-open .faq-content {
    padding: 0 14px 18px 54px !important;
  }

  body.page-licenses .licenses-cta {
    padding: 36px 0 60px !important;
  }

  body.page-licenses .licenses-cta-panel {
    padding: 36px 18px !important;
  }

  body.page-licenses .licenses-cta-panel h2 {
    font-size: clamp(1.9rem, 9vw, 2.3rem) !important;
    line-height: 1.08 !important;
  }

  body.page-licenses .licenses-cta-panel p {
    margin-bottom: 24px !important;
    font-size: .88rem !important;
    line-height: 1.6 !important;
  }

  body.page-licenses .licenses-cta-panel a {
    width: min(100%, 280px) !important;
    min-height: 50px;
    padding: 12px 16px !important;
    font-size: .8rem !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    text-align: center;
  }
}

/* Products: compact mobile composition. Desktop remains unchanged. */
@media (max-width: 640px) {
  body.page-products .products-catalog-nav.inner-anchor-nav {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    overflow: visible !important;
  }

  body.page-products .products-catalog-nav .container {
    width: min(calc(100% - 24px), 1180px) !important;
  }

  body.page-products .products-nav-shell {
    padding: 7px !important;
    overflow: visible !important;
  }

  body.page-products .products-nav-top {
    min-height: 0 !important;
    gap: 0 !important;
  }

  body.page-products .products-nav-links {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 3px !important;
    overflow: visible !important;
  }

  body.page-products .inner-anchor-nav .products-nav-links a {
    min-height: 32px !important;
    gap: 4px !important;
    padding: 0 7px !important;
    font-size: .62rem !important;
  }

  body.page-products .inner-anchor-nav .products-nav-links a::before {
    font-size: .43rem !important;
  }

  body.page-products .products-nav-brands {
    display: none !important;
  }

  body.page-products .uc-status-rail {
    right: 8px !important;
    bottom: 8px !important;
    left: 8px !important;
    min-height: 58px !important;
    grid-template-columns: .82fr 1.18fr !important;
    padding: 7px 8px !important;
  }

  body.page-products .uc-status-rail > div {
    min-width: 0;
    padding: 4px 8px !important;
  }

  body.page-products .uc-status-rail > div:last-child {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2px !important;
  }

  body.page-products .uc-status-rail > div:last-child :is(span, strong) {
    display: block;
    min-width: 0;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  body.page-products .uc-status-rail span {
    font-size: .43rem !important;
  }

  body.page-products .uc-status-rail strong {
    font-size: .52rem !important;
    line-height: 1.25 !important;
  }

  body.page-products .wireless-share-stage {
    min-height: 0 !important;
    gap: 22px !important;
    padding: 26px 18px 22px !important;
    border-radius: 22px !important;
  }

  body.page-products .wireless-share-copy > span {
    margin-bottom: 16px !important;
    font-size: .68rem !important;
    line-height: 1.3 !important;
    letter-spacing: .07em !important;
  }

  body.page-products .wireless-share-copy h3 {
    max-width: 280px;
    margin-bottom: 14px !important;
    font-size: 1.12rem !important;
    line-height: 1.2 !important;
  }

  body.page-products .wireless-share-copy p {
    margin-bottom: 18px !important;
    font-size: .88rem !important;
    line-height: 1.65 !important;
  }

  body.page-products .wireless-share-copy > div {
    gap: 6px !important;
  }

  body.page-products .wireless-share-copy b {
    padding: 6px 9px !important;
    font-size: .65rem !important;
  }

  body.page-products .wireless-transfer-visual {
    width: 100% !important;
    min-height: 260px !important;
    margin: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }

  body.page-products .wireless-transfer-visual::before {
    width: 280px !important;
    height: 180px !important;
  }

  body.page-products .wireless-source-device {
    top: 70px !important;
    left: -5px !important;
    width: 108px !important;
    height: 86px !important;
    border-radius: 18px !important;
  }

  body.page-products .wireless-source-device > i {
    font-size: 1.55rem !important;
  }

  body.page-products .wireless-source-device small {
    margin-top: -15px !important;
    font-size: .4rem !important;
  }

  body.page-products .wireless-room-screen {
    top: 28px !important;
    right: -4px !important;
    width: 235px !important;
    height: 176px !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }

  body.page-products .wireless-screen-content {
    height: 119px !important;
  }

  body.page-products .wireless-signal-path {
    top: 94px !important;
    left: 88px !important;
    transform: scale(.72);
    transform-origin: left center;
  }

  body.page-products .wireless-status-band {
    right: 10px !important;
    bottom: 2px !important;
    left: 10px !important;
    padding: 11px 12px !important;
  }

  body.page-products .wireless-options-grid > .light-card {
    padding: 24px 20px !important;
  }

  body.page-products .wireless-options-grid h3,
  body.page-products .wireless-options-grid p {
    font-size: .9rem !important;
  }

  body.page-products .wireless-options-grid > .light-card > .flex:last-child {
    gap: 6px !important;
  }

  body.page-products .wireless-options-grid > .light-card > .flex:last-child span {
    max-width: 100%;
    padding: 6px 9px !important;
    font-size: .64rem !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .services-action,
  .products-action,
  .licenses-action {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }
}

/* ─── BREAKPOINT: ≤ 480px ─────────────────────────────────────────── */
@media (max-width: 480px) {

  /* Header logo even smaller */
  .header-shell .logo img,
  body.inner-page header .container .logo img {
    width: 130px !important;
    height: auto !important;
  }

  /* Trust strip → 1 column on very small screens */
  .trust-inner {
    grid-template-columns: 1fr !important;
  }
  .trust-item {
    border-bottom: 1px solid rgba(21,139,211,.08) !important;
    border-right: none !important;
  }

  /* Buttons full-width at 480 */
  .hero-cta .btn,
  [class*="cta-panel"] .btn,
  .services-cta-panel .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  /* Section padding tighter */
  section {
    padding: 64px 0 !important;
  }

  /* Inner hero tighter */
  body.inner-page .inner-hero {
    padding: 96px 0 56px !important;
  }
}

/* =====================================================================
   RESPONSIVE HARDENING — all site pages, 320px–1024px
   Keeps decorative overflow inside its own component and prevents any
   layout child from increasing the document width.
   ===================================================================== */
@media (max-width: 1024px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
    overflow-x: clip !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  :where(main, section, article, aside, figure, form, header, footer, nav),
  :where([class*="-grid"], [class*="-shell"], [class*="-stage"], [class*="-panel"], [class*="-wrap"]) {
    max-width: 100%;
  }

  :where(
    .hero-layout,
    .hero-grid,
    .contact-grid,
    .footer-grid,
    [class*="-grid"],
    [class*="-dashboard"],
    [class*="-shell"],
    [class*="-stage"],
    [class*="-panel"]
  ) > * {
    min-width: 0;
  }

  img,
  video,
  canvas,
  iframe,
  svg {
    max-width: 100%;
  }

  input,
  select,
  textarea,
  button,
  .btn,
  .text-link {
    max-width: 100%;
  }

  table,
  pre,
  code {
    max-width: 100%;
  }

  :where(h1, h2, h3, h4, h5, h6, p, a, strong, span, blockquote, li) {
    overflow-wrap: break-word;
  }

  :where(h1, h2, .section-title) {
    text-wrap: balance;
  }

  .container {
    width: min(calc(100% - clamp(32px, 5vw, 56px)), 1380px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  .sidebar {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(88vw, 360px) !important;
    max-width: calc(100vw - 20px) !important;
    height: 100dvh !important;
    transform: translateX(105%) !important;
    transition: transform .3s ease !important;
    box-shadow: -18px 0 48px rgba(7,16,30,.2) !important;
  }

  .sidebar.active {
    transform: translateX(0) !important;
  }

  .inner-anchor-nav {
    max-width: 100vw;
    overflow: hidden;
  }

  .inner-anchor-nav > .container,
  .inner-anchor-nav [class*="-nav-inner"] {
    min-width: 0;
    max-width: 100%;
  }

  :is(.services-nav-links, .products-nav-links, .licenses-nav-links) {
    min-width: 0;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent 100%);
  }

  :is(.services-nav-links, .products-nav-links, .licenses-nav-links)::-webkit-scrollbar {
    display: none;
  }

  :is(.services-nav-links, .products-nav-links, .licenses-nav-links) a {
    flex: 0 0 auto;
    scroll-snap-align: start;
    white-space: nowrap;
  }

  :is(.services-nav-action, .products-nav-action, .licenses-nav-action) {
    flex: 0 0 auto;
  }

  :where(
    .services-hero-visual,
    .products-hero-visual,
    .lic-hero-visual,
    .about-hero-visual-wrap,
    .uc-stage,
    .license-control-stage,
    .cloud-finops-visual,
    .remote-session-visual,
    .license-intelligence-visual,
    .collaboration-network,
    .expertise-network,
    .wireless-transfer-visual,
    .video-framing-visual,
    .certified-room-visual,
    .resilience-flow
  ) {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  /* The home hero scene is absolutely positioned and must stay visible.
     Its outer visual, not the scene itself, owns the responsive clipping. */
  body.page-home .hero-visual {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  body.page-home .tech-stage {
    width: min(100%, 520px) !important;
    max-width: 100%;
    margin-inline: auto !important;
    overflow: visible;
  }

  body.page-home .hero-flow-scene {
    width: auto;
    max-width: none;
    overflow: visible;
  }

  :where(.faq-item, .faq-toggle, .faq-content, .contact-form-wrapper, .contact-info) {
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :root {
    --type-hero: clamp(2.65rem, 12vw, 3.65rem) !important;
    --type-section: clamp(2rem, 9.5vw, 2.7rem) !important;
  }

  .container,
  body.inner-page .container,
  body.page-about .container {
    width: min(calc(100% - 32px), 1280px) !important;
    padding-inline: 0 !important;
  }

  .site-header .container,
  body.inner-page header .container,
  body.page-about header .container {
    width: calc(100% - 24px) !important;
    min-width: 0;
  }

  .logo img,
  .header-shell .logo img,
  body.inner-page header .container .logo img {
    width: clamp(112px, 38vw, 140px) !important;
    max-width: calc(100vw - 132px) !important;
    height: auto !important;
  }

  .menu-toggle,
  .header-actions,
  .btn-contact-mobile {
    flex: 0 0 auto;
  }

  :where(
    .hero-layout,
    .hero-grid,
    .services-panel,
    .products-layout,
    .licenses-layout,
    .contact-grid,
    .infra-dashboard,
    .security-dashboard,
    .backup-dashboard,
    .devices-dashboard,
    .identity-dashboard,
    .support-dashboard,
    .speaker-dashboard,
    .video-dashboard,
    .lc-grid,
    .design-grid,
    .cloud-provider-grid,
    .security-solution-grid,
    .remote-solution-grid,
    .visibility-feature-grid,
    .visibility-detail-grid,
    .expertise-proof-grid,
    .products-content,
    .solutions-content
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  :where(
    .services-hero-shell,
    .products-hero-shell,
    .cloud-finops-stage,
    .remote-management-stage,
    .license-intelligence-stage,
    .collaboration-ecosystem,
    .security-resilience-stage,
    .expertise-trust-stage,
    .wireless-share-stage,
    .certified-room-stage
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  :where(
    .cloud-finops-visual,
    .remote-session-visual,
    .license-intelligence-visual,
    .collaboration-network,
    .expertise-network,
    .wireless-transfer-visual,
    .video-framing-visual
  ) {
    margin-inline: 0 !important;
  }

  :where(
    .services-hero-visual,
    .products-hero-visual,
    .lic-hero-visual,
    .tech-stage,
    .uc-stage,
    .license-control-stage
  ) {
    min-height: clamp(300px, 100vw, 440px) !important;
  }

  :where(.services-action, .products-action, .licenses-action) {
    width: 100%;
    min-width: 0;
    padding: 20px 18px !important;
  }

  :where(.services-action, .products-action, .licenses-action) .text-link {
    width: 100%;
    justify-content: center;
    white-space: normal;
    text-align: center;
  }

  .faq-toggle {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    padding: 18px !important;
  }

  .faq-toggle > :first-child {
    min-width: 0;
  }

  .faq-content {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  .tag-list,
  [class*="-tags"],
  [class*="-chips"] {
    max-width: 100%;
    flex-wrap: wrap !important;
  }

  .contact-form-wrapper,
  .contact-info,
  .services-cta-panel,
  .licenses-cta-panel,
  .about-cta-panel {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  :root {
    --type-hero: clamp(2.35rem, 11.5vw, 3rem) !important;
    --type-section: clamp(1.5rem, 7vw, 1.9rem) !important;
    --type-stage: clamp(1.65rem, 7.5vw, 2rem) !important;
  }

  /* Section intro paragraphs ("text-lg") — match the hero's body-copy scale. */
  body.page-services .text-center.mb-16 > p.text-lg {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }

  .container,
  body.inner-page .container,
  body.page-about .container {
    width: calc(100% - 24px) !important;
  }

  :where(h1, h2, h3, .section-title) {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  :where(.btn, button, .services-hero-primary, .products-hero-primary, .about-cta-primary, .about-cta-wa) {
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }

  :where(
    main .card,
    main .light-card,
    main .license-card,
    main .lc-card,
    main .service-card,
    main .brand-card,
    main .mission-card,
    main .certification-card,
    main .value-prop-card,
    main .feature-card,
    main .solution-card
  ) {
    min-width: 0;
    max-width: 100%;
  }

  :where(.hero-flow-label, .collaboration-node, .cloud-provider-orbit, .expertise-partner-node) {
    max-width: 42%;
  }
}

/* =====================================================================
   SERVICES PAGE — compact mobile typography and numbered FAQ integrity
   ===================================================================== */
@media (max-width: 640px) {
  /* Eyebrow pills inside these flex-column copy blocks are inline-flex,
     so align-items:stretch (or the unset default) never centers them —
     only block-level siblings like h3/p happen to look centered because
     they stretch full width. Force align-items:center explicitly.
     Uses an "html body.page-services" prefix (rather than just
     "body.page-services") so this wins regardless of source order against
     the unconditional ".infra-panel-copy { align-items:stretch !important }"
     desktop rule defined later in this file. */
  html body.page-services :is(
    .infra-panel-copy,
    .infra-solution-panel,
    .infra-platform-copy,
    .security-command-copy,
    .security-response-copy,
    .security-compliance-panel,
    .backup-journey-copy,
    .backup-metrics-copy,
    .identity-control-copy,
    .identity-audit-copy,
    .support-command-copy,
    .devices-showcase-copy,
    .support-showcase-copy
  ) {
    align-items: center !important;
    text-align: center !important;
  }

  /* "Alfagates & Parceiros" eyebrow: a global rule elsewhere forces this
     Tailwind inline-flex badge to block-level flex, so the parent's
     text-align:center no longer centers it — margin:auto still works. */
  body.page-services #complementares .complementary-head > span {
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Photo-composition tag + title (list stays left-aligned for readability).
     Padding must stay symmetric (26px/22px, matching the page's own
     768px rule) — a leftover unscoped ".photo-comp-split-content
     { padding-left:56px }" override was the actual centering culprit. */
  html body.page-services :is(
    .photo-comp-split-content,
    .photo-comp-strip-content
  ) {
    align-items: center !important;
    padding: 26px 22px !important;
  }

  body.page-services :is(
    .photo-comp-split-tag,
    .photo-comp-strip-tag,
    .photo-comp-split-title,
    .photo-comp-strip-title
  ) {
    text-align: center !important;
  }

  body.page-services .services-cta-photo .services-cta-panel {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.page-services .services-cta-photo .services-cta-panel h2,
  body.page-services .services-cta-photo .services-cta-panel p {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  body.page-services .cta-photo-actions {
    justify-content: center !important;
  }

  body.page-services .services-nav-section.inner-anchor-nav {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    padding: 10px 0 !important;
  }

  body.page-services .services-nav-shell {
    width: 100%;
    min-height: 0;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 8px !important;
    overflow: visible;
    border-radius: 18px;
  }

  body.page-services .services-nav-links {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
    overflow: visible !important;
  }

  body.page-services .services-nav-links a {
    min-height: 34px !important;
    padding: 0 8px !important;
    font-size: .66rem !important;
  }

  body.page-services :is(
    #infraestrutura .infra-head,
    #seguranca .security-head,
    #backup .backup-head,
    #devices .devices-head,
    #identity .identity-head,
    #suporte .support-head
  ) {
    width: 100%;
    max-width: 100%;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 28px !important;
    text-align: center !important;
  }

  body.page-services :is(
    #infraestrutura .infra-head,
    #seguranca .security-head,
    #backup .backup-head,
    #devices .devices-head,
    #identity .identity-head,
    #suporte .support-head
  ) h2 {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto !important;
    color: #07101e !important;
    font-size: clamp(2rem, 10vw, 2.55rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -.035em !important;
    overflow-wrap: anywhere;
    text-align: center !important;
  }

  body.page-services :is(
    .security-title-line,
    .backup-title-line,
    .devices-title-line,
    .identity-title-line,
    .support-title-line
  ) {
    white-space: normal !important;
  }

  body.page-services :is(
    #infraestrutura .infra-head,
    #seguranca .security-head,
    #backup .backup-head,
    #devices .devices-head,
    #identity .identity-head,
    #suporte .support-head
  ) p {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: .92rem !important;
    line-height: 1.65 !important;
    overflow-wrap: anywhere;
    text-align: center !important;
  }

  body.page-services :is(
    .infra-problem-panel,
    .infra-solution-panel,
    .infra-platform-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .backup-metrics-panel,
    .identity-control-panel,
    .identity-audit-panel,
    .support-showcase
  ) {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  body.page-services :is(.services-hero-primary, .services-hero-link) {
    width: min(100%, 260px) !important;
    min-width: 0 !important;
    padding: 12px 16px !important;
    font-size: .82rem !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.page-services .services-cta-panel {
    padding: 34px 18px !important;
  }

  body.page-services .services-cta-panel h2 {
    font-size: clamp(1.9rem, 9vw, 2.35rem) !important;
    line-height: 1.08 !important;
  }

  body.page-services .services-cta-panel > p {
    margin-bottom: 24px !important;
    font-size: .9rem !important;
    line-height: 1.6 !important;
  }

  body.page-services .services-cta-panel a {
    width: min(100%, 260px) !important;
    padding: 12px 18px !important;
    border-radius: 16px !important;
    font-size: .84rem !important;
    line-height: 1.35 !important;
  }

  body.page-services #faq .faq-head {
    min-height: 510px !important;
    padding: 28px 20px 24px !important;
  }

  body.page-services #faq .faq-head > span {
    max-width: 100%;
    margin-bottom: 18px !important;
    padding: 7px 12px !important;
    white-space: normal;
  }

  body.page-services #faq .faq-head h2 {
    max-width: 100% !important;
    margin-bottom: 14px !important;
    font-size: clamp(2rem, 10vw, 2.4rem) !important;
    line-height: 1.03 !important;
  }

  body.page-services #faq .faq-head p {
    max-width: 250px !important;
    margin-inline: auto !important;
    font-size: .9rem !important;
    line-height: 1.6 !important;
  }

  body.page-services #faq .faq-visual {
    right: 12px;
    bottom: 8px;
    left: 12px;
    height: 175px;
  }

  body.page-services #faq .faq-visual-ring {
    width: min(88%, 210px);
    height: 105px;
  }

  body.page-services #faq .faq-visual-core {
    width: 80px;
    height: 80px;
    border-radius: 24px;
    font-size: 1.9rem;
  }

  body.page-services #faq .faq-toggle {
    min-height: 74px;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 12px !important;
  }

  body.page-services #faq .faq-toggle::before {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    font-size: .54rem;
  }

  body.page-services #faq .faq-toggle > span {
    min-width: 0;
    font-size: .74rem !important;
    line-height: 1.35 !important;
    overflow-wrap: anywhere;
  }

  body.page-services #faq .faq-toggle > i {
    width: 34px;
    height: 34px;
  }

  body.page-services #faq .faq-content,
  body.page-services #faq .faq-item.is-open .faq-content {
    padding: 0 14px 18px 54px !important;
  }

  body.page-services #faq .faq-content p {
    font-size: .78rem !important;
    line-height: 1.6 !important;
  }

  body.page-services .contact-form-wrapper {
    width: 100%;
    padding: 26px 16px !important;
  }

  body.page-services .contact-form-wrapper h3 {
    font-size: 1.2rem !important;
  }

  body.page-services .contact-form-wrapper > p {
    font-size: .9rem !important;
  }

  body.page-services .contact-form-wrapper :is(input, select, textarea) {
    width: 100%;
    min-width: 0;
    min-height: 52px;
    padding: 12px 14px !important;
    font-size: .9rem !important;
  }
}

/* Products mobile: category rail scrolls inside itself and never sticks. */
@media (max-width: 640px) {
  body.page-products .products-catalog-nav.inner-anchor-nav {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
  }

  body.page-products .products-nav-shell {
    overflow: hidden !important;
  }

  body.page-products .products-nav-links {
    width: 100%;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  body.page-products .products-nav-links::-webkit-scrollbar {
    display: none;
  }

  body.page-products .inner-anchor-nav .products-nav-links a {
    flex: 0 0 auto !important;
    scroll-snap-align: start;
    white-space: nowrap !important;
  }
}

/* About: layered mobile composition with a true vertical timeline. */
@media (max-width: 640px) {
  body.page-about main {
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden !important;
  }

  body.page-about .container {
    width: min(calc(100% - 32px), 1180px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }

  body.page-about .about {
    padding: 54px 0 64px !important;
  }

  body.page-about :is(
    .about-head-body h2,
    .products-section .section-title,
    .solutions-section .section-title,
    .services-section .svc-title,
    .about-certifications .crt-title,
    .contact-info h2
  ) {
    max-width: 100% !important;
    font-size: clamp(2rem, 9.5vw, 2.45rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.03em !important;
    overflow-wrap: anywhere;
    text-align: center !important;
  }

  body.page-about .about-head {
    width: 100%;
    gap: 26px !important;
    margin-bottom: 34px !important;
    padding-bottom: 34px !important;
  }

  body.page-about .about-head-year {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 0 18px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(21,139,211,.12);
  }

  body.page-about .about-head-year span,
  body.page-about .about-head-year em {
    margin: 0 !important;
    font-size: .56rem !important;
  }

  body.page-about .about-head-year strong {
    font-size: 2.9rem !important;
    line-height: 1 !important;
  }

  body.page-about .about-head-year em {
    text-align: center;
  }

  body.page-about .about-head-body {
    width: 100%;
    padding: 0 !important;
    text-align: center !important;
  }

  body.page-about .about-head-body p {
    max-width: 100% !important;
    margin-inline: auto !important;
    font-size: .9rem !important;
    line-height: 1.68 !important;
  }

  body.page-about .about-head-stats {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 0 !important;
    padding: 18px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(21,139,211,.12) !important;
    text-align: center;
  }

  body.page-about .about-head-stats .ahs-item + .ahs-item {
    border-left: 1px solid rgba(21,139,211,.12);
  }

  body.page-about .about-manifesto {
    width: 100%;
    grid-template-columns: minmax(0,1fr) !important;
    margin-bottom: 16px !important;
    border-radius: 24px !important;
  }

  body.page-about .amf-left {
    display: grid !important;
    grid-template-columns: minmax(0,1fr);
    grid-template-areas:
      "tag"
      "ring"
      "meta";
    justify-items: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 18px 16px !important;
    padding: 26px 22px 20px !important;
  }

  body.page-about .amf-tag {
    grid-area: tag;
    justify-self: center;
  }

  body.page-about .amf-accent-ring {
    grid-area: ring;
    width: 68px !important;
    height: 68px !important;
  }

  body.page-about .amf-ring--1 {
    width: 68px !important;
    height: 68px !important;
  }

  body.page-about .amf-ring--2 {
    width: 46px !important;
    height: 46px !important;
  }

  body.page-about .amf-meta {
    grid-area: meta;
    min-width: 0;
    text-align: center;
  }

  body.page-about .amf-right {
    gap: 20px !important;
    padding: 18px 22px 28px !important;
  }

  body.page-about .amf-quote-mark {
    top: 0 !important;
    left: 18px !important;
    font-size: 4rem !important;
  }

  body.page-about .about-manifesto blockquote {
    font-size: .96rem !important;
    line-height: 1.7 !important;
  }

  body.page-about .amf-chips {
    gap: 6px !important;
  }

  body.page-about .about-values {
    margin-bottom: 44px !important;
  }

  body.page-about .about-value {
    padding: 22px 18px !important;
    text-align: center;
  }

  body.page-about .about-value i {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.page-about .tl-timeline {
    position: relative;
    width: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin: 0 0 54px !important;
    padding: 28px 18px 28px !important;
    overflow: hidden !important;
    border-radius: 24px !important;
  }

  body.page-about .tl-label {
    order: -2;
    width: 100%;
    justify-content: center;
    margin: 0 0 28px !important;
    padding: 0 !important;
  }

  /* Centered vertical axis; the original dot row is hidden in favor of a
     per-card dot (::before) so it can sit on the left or right edge. */
  body.page-about .tl-axis {
    position: absolute !important;
    top: 68px;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: auto;
    display: block !important;
    background: linear-gradient(to bottom,rgba(57,181,239,.2),#39b5ef,rgba(57,181,239,.2));
  }

  body.page-about .tl-axis::before,
  body.page-about .tl-axis .tl-dot {
    display: none !important;
  }

  body.page-about .tl-node.tl-top,
  body.page-about .tl-node.tl-bot {
    position: relative;
    width: 45% !important;
    display: block !important;
    padding: 0 0 24px !important;
  }

  /* Alternate sides — counted only among .tl-node siblings, so the
     unrelated .tl-label/.tl-axis siblings don't break the sequence. */
  body.page-about .tl-node:nth-child(odd of .tl-node) {
    align-self: flex-start;
    margin-right: auto;
  }

  body.page-about .tl-node:nth-child(even of .tl-node) {
    align-self: flex-end;
    margin-left: auto;
  }

  body.page-about .tl-node.tl-top::before,
  body.page-about .tl-node.tl-bot::before {
    position: absolute !important;
    top: 27px !important;
    z-index: 3;
    width: 11px !important;
    height: 11px !important;
    display: block !important;
    content: "";
    border: 2px solid #08243b;
    border-radius: 50%;
    background: #39b5ef;
    box-shadow: 0 0 0 5px rgba(57,181,239,.15);
    transform: none !important;
  }

  body.page-about .tl-node.tl-top::after,
  body.page-about .tl-node.tl-bot::after {
    position: absolute;
    top: 32px;
    width: 16px;
    height: 1px;
    display: block !important;
    content: "";
    background: rgba(57,181,239,.45);
  }

  /* Left-side cards: dot/tick point right, toward the centered axis. */
  body.page-about .tl-node:nth-child(odd of .tl-node)::before {
    right: -18px !important;
    left: auto !important;
  }
  body.page-about .tl-node:nth-child(odd of .tl-node)::after {
    right: -16px;
    left: auto;
  }

  /* Right-side cards: dot/tick point left, toward the centered axis. */
  body.page-about .tl-node:nth-child(even of .tl-node)::before {
    left: -18px !important;
    right: auto !important;
  }
  body.page-about .tl-node:nth-child(even of .tl-node)::after {
    left: -16px;
    right: auto;
  }

  body.page-about .tl-card {
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 16px !important;
    text-align: center !important;
  }

  body.page-about .tl-card .tl-title {
    font-size: .92rem !important;
  }

  body.page-about .tl-card .tl-desc {
    font-size: .72rem !important;
  }

  body.page-about :is(.products-section, .solutions-section) {
    width: 100%;
    padding: 48px 0 42px !important;
    overflow: hidden !important;
  }

  body.page-about :is(.products-section, .solutions-section) .ps-body {
    width: 100%;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 22px !important;
    margin-bottom: 26px !important;
  }

  body.page-about :is(.products-section, .solutions-section) .ps-left {
    align-items: center;
    text-align: center;
  }

  body.page-about :is(.products-section, .solutions-section) .ps-right {
    width: 100%;
    padding: 0 !important;
    text-align: center;
  }

  body.page-about :is(.products-section, .solutions-section) .ps-right p {
    width: 100%;
    max-width: 100%;
    font-size: .88rem !important;
    line-height: 1.65 !important;
  }

  body.page-about .ps-chips {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    justify-content: center !important;
    gap: 7px !important;
  }

  body.page-about .ps-chip {
    min-width: 0;
    justify-content: center;
    padding: 7px 8px !important;
    font-size: .62rem !important;
    white-space: normal !important;
    text-align: center;
  }

  body.page-about .ps-marquee-outer {
    width: 100%;
    max-width: 100%;
  }

  body.page-about .ps-logo {
    width: 132px !important;
    height: 70px !important;
    padding: 18px 20px !important;
  }

  body.page-about .services-section {
    width: 100%;
    margin-bottom: 54px !important;
    padding: 28px 16px !important;
    border-radius: 24px !important;
  }

  body.page-about .svc-header {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 24px !important;
    margin-bottom: 24px !important;
    padding-bottom: 24px !important;
  }

  body.page-about .svc-header-left {
    align-items: center;
    text-align: center;
  }

  body.page-about .svc-desc {
    max-width: 290px !important;
    font-size: .84rem !important;
    line-height: 1.65 !important;
  }

  body.page-about .svc-header-right {
    width: 100%;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }

  body.page-about .svc-stat {
    min-width: 0;
    padding: 14px 6px !important;
  }

  body.page-about .svc-stat strong {
    font-size: 1.15rem !important;
  }

  body.page-about .svc-stat span {
    font-size: .5rem !important;
  }

  body.page-about .services-grid {
    width: 100%;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  body.page-about .service-item {
    min-width: 0;
    min-height: 132px !important;
    padding: 16px 10px !important;
    text-align: center;
  }

  body.page-about .service-icon {
    margin: 0 auto 14px !important;
  }

  body.page-about .service-content h4 {
    font-size: .74rem !important;
    line-height: 1.3 !important;
  }

  body.page-about .service-content p {
    font-size: .58rem !important;
  }

  body.page-about .about-certifications {
    width: 100%;
    margin-bottom: 54px !important;
  }

  body.page-about .crt-head {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    margin-bottom: 26px !important;
    padding-bottom: 26px !important;
  }

  body.page-about .crt-head-left {
    align-items: center;
    text-align: center;
  }

  body.page-about .crt-head-right {
    width: 100%;
    text-align: center;
  }

  body.page-about .crt-head-right p {
    max-width: 100%;
    font-size: .88rem !important;
    line-height: 1.65 !important;
  }

  body.page-about .crt-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }

  body.page-about .crt-card {
    width: 100%;
    padding: 22px 18px !important;
    text-align: center;
  }

  body.page-about .crt-card-top {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  body.page-about .crt-card-body {
    text-align: center;
  }

  body.page-about .crt-tags {
    justify-content: center;
  }

  body.page-about .cta-photo-inner {
    align-items: center;
    text-align: center;
  }

  body.page-about .cta-photo-actions {
    justify-content: center;
  }

  body.page-about .about-cta-panel {
    width: 100%;
    padding: 36px 18px !important;
  }

  body.page-about .about-cta-buttons {
    width: 100%;
    align-items: center;
  }

  body.page-about .about-cta-buttons a {
    width: min(100%, 260px) !important;
    min-height: 50px;
    padding: 12px 16px !important;
    font-size: .8rem !important;
    line-height: 1.3 !important;
    white-space: normal;
    text-align: center;
  }
}

/* Unified mobile drawer: Home visual language, page-specific copy. */
@media (max-width: 1024px) {
  html body .sidebar {
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(88vw, 360px) !important;
    max-width: calc(100vw - 20px) !important;
    height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: 20px 0 60px rgba(0,0,0,.18) !important;
    transform: translateX(-105%) !important;
    transition: transform .28s ease !important;
  }

  html body .sidebar.active {
    transform: translateX(0) !important;
  }

  html body .sidebar-header {
    min-height: 72px;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #e6edf2 !important;
    background: #fff !important;
  }

  html body .sidebar-header > img {
    display: none !important;
  }

  html body .sidebar-close {
    -webkit-appearance: none !important;
    appearance: none !important;
    color-scheme: light !important;
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #07101e !important;
    color: #ffffff !important;
    font-size: 1.1rem !important;
  }

  html body .sidebar-nav {
    flex: 1 1 auto !important;
    min-height: 0;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 16px !important;
    background: #fff !important;
  }

  html body .sidebar-nav > a,
  html body .sidebar-nav .nav-dropdown > a {
    width: 100% !important;
    min-height: 48px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;
    padding: 12px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #e6edf2 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #172033 !important;
    font-size: .84rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    text-decoration: none !important;
  }

  html body .sidebar-nav > a:hover,
  html body .sidebar-nav .nav-dropdown > a:hover {
    color: #087dbd !important;
  }

  html body .sidebar-nav .nav-dropdown > a .fa-chevron-down {
    margin-left: auto;
    font-size: .64rem;
    transition: transform .22s ease;
  }

  html body .sidebar-nav .dropdown-menu {
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    display: none;
    margin: 0 !important;
    padding: 6px 0 8px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #e6edf2 !important;
    border-radius: 0 !important;
    background: #f8fbfd !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  html body .sidebar-nav .nav-dropdown.expanded .dropdown-menu {
    display: block !important;
  }

  html body .sidebar-nav .dropdown-menu a {
    min-height: 40px;
    display: flex !important;
    align-items: center !important;
    gap: 9px;
    padding: 9px 10px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #526b82 !important;
    font-size: .74rem !important;
    line-height: 1.35 !important;
  }

  html body .sidebar-nav .dropdown-menu :is(img, i) {
    width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    display: grid;
    place-items: center;
    object-fit: contain;
    flex: 0 0 20px;
  }

  html body .sidebar-footer {
    flex: 0 0 auto;
    padding: 16px !important;
    border-top: 1px solid #e6edf2 !important;
    background: #fff !important;
  }

  html body .sidebar .sidebar-footer .btn.btn-primary {
    width: 100% !important;
    min-height: 48px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    font-size: .76rem !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

/* Home mobile: let the license dashboard define its full height. */
@media (max-width: 640px) {
  body.page-home .licenses-visual {
    height: auto !important;
    min-height: 410px !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }

  body.page-home .licenses-visual .license-placeholder.home-license-animation {
    width: 100% !important;
    height: auto !important;
    min-height: 410px !important;
    margin-bottom: 0 !important;
    overflow: hidden !important;
  }
}

/* ============ COMPARTILHADO: dark-card-contrast ============ */
/* Alfagates card contrast system
   Contrast is based on the component's real surface, never its grid position. */

/* Light surfaces ------------------------------------------------------- */
:where(
  .light-card,
  .service-card,
  .product-card,
  .brand-card,
  .faq-item,
  .service-item,
  .lc-light,
  .license-card,
  .mission-card,
  .certification-card,
  .value-prop-card,
  .feature-card,
  .solution-card,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .expertise-proof-card
  ,.about-company-card
  ,.crt-card
  ,.infra-solution-panel
  ,.infra-platform-panel
  ,.security-response-panel
  ,.backup-metrics-panel
  ,.identity-audit-panel
  ,.speaker-room-panel
  ,.video-room-panel
  ,.certified-products-band
  ,.contact-form-wrapper
) :is(h1, h2, h3, h4, h5, h6) {
  color: #07101e !important;
  -webkit-text-fill-color: #07101e !important;
}

:where(
  .light-card,
  .service-card,
  .product-card,
  .brand-card,
  .faq-item,
  .service-item,
  .lc-light,
  .license-card,
  .mission-card,
  .certification-card,
  .value-prop-card,
  .feature-card,
  .solution-card,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .expertise-proof-card
  ,.about-company-card
  ,.crt-card
  ,.infra-solution-panel
  ,.infra-platform-panel
  ,.security-response-panel
  ,.backup-metrics-panel
  ,.identity-audit-panel
  ,.speaker-room-panel
  ,.video-room-panel
  ,.certified-products-band
  ,.contact-form-wrapper
) :is(p, li, blockquote) {
  color: #526b82 !important;
}

/* Dark surfaces -------------------------------------------------------- */
:where(
  .dark-card,
  .card-dark,
  [class*="dark-card"],
  [class*="card-dark"],
  .lc-dark,
  .lc-feat-left,
  .service-card-lead,
  .service-card-support,
  .featured-product,
  .featured-product-copy,
  .licenses-brands .brand-card,
  .services-action,
  .products-action,
  .home-license-animation,
  .licenses-visual,
  .home-contact-animation,
  body.page-services .content-section .grid > .license-card:first-child,
  .infra-problem-panel,
  .security-command-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .devices-console-copy,
  .identity-control-panel,
  .support-command-panel,
  .services-cta-panel,
  .devices-status-band,
  .support-service-band,
  .licenses-cta-panel,
  body.page-contact .value-prop-card:first-child,
  body.page-products .speaker-personal-panel,
  body.page-products .video-personal-panel,
  .certified-room-copy,
  .wireless-options-grid > .light-card:nth-child(2),
  .security-resilience-stage,
  .expertise-trust-stage,
  body.page-licenses #visibilidade .visibility-detail-card,
  body.page-about .about-manifesto,
  body.page-about .mission-box,
  body.page-about .timeline,
  body.page-about .tl-timeline,
  body.page-about .services-section,
  body.page-about .about-cta-panel,
  .contact-info
) :is(h1, h2, h3, h4, h5, h6) {
  color: #fff !important;
  background: none !important;
  -webkit-text-fill-color: #fff !important;
}

:where(
  .dark-card,
  .card-dark,
  [class*="dark-card"],
  [class*="card-dark"],
  .lc-dark,
  .lc-feat-left,
  .service-card-lead,
  .service-card-support,
  .featured-product,
  .featured-product-copy,
  .licenses-brands .brand-card,
  .services-action,
  .products-action,
  .licenses-visual,
  body.page-services .content-section .grid > .license-card:first-child,
  .infra-problem-panel,
  .security-command-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .devices-console-copy,
  .identity-control-panel,
  .support-command-panel,
  .services-cta-panel,
  .devices-status-band,
  .support-service-band,
  .licenses-cta-panel,
  body.page-products .speaker-personal-panel,
  body.page-products .video-personal-panel,
  .certified-room-copy,
  .wireless-options-grid > .light-card:nth-child(2),
  .security-resilience-stage,
  .expertise-trust-stage,
  body.page-licenses #visibilidade .visibility-detail-card,
  body.page-about .about-manifesto,
  body.page-about .mission-box,
  body.page-about .timeline,
  body.page-about .tl-timeline,
  body.page-about .services-section,
  body.page-about .about-cta-panel,
  .contact-info
) :is(p, li, blockquote) {
  color: rgba(255, 255, 255, .68) !important;
}

/* Highlighted fragments inside dark headings inherit white. */
:where(
  .dark-card,
  .card-dark,
  [class*="dark-card"],
  [class*="card-dark"],
  .lc-dark,
  .lc-feat-left,
  .featured-product,
  .featured-product-copy,
  .licenses-brands .brand-card,
  .services-action,
  .products-action,
  .infra-problem-panel,
  .security-command-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .devices-console-copy,
  .identity-control-panel,
  .support-command-panel,
  .services-cta-panel,
  .speaker-personal-panel,
  .video-personal-panel,
  .certified-room-copy,
  .security-resilience-stage,
  .expertise-trust-stage,
  body.page-licenses #visibilidade .visibility-detail-card,
  body.page-about .about-manifesto,
  body.page-about .mission-box,
  body.page-about .timeline,
  body.page-about .tl-timeline,
  body.page-about .services-section,
  body.page-about .about-cta-panel,
  .contact-info
) :is(h1, h2, h3, h4, h5, h6) :is(span, strong, em, .gradient-text, .highlight) {
  color: inherit !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Open FAQ rows use a dark surface but do not always contain headings. */
:where(
  body.page-services #faq,
  body.page-licenses #faq,
  body.page-products .products-faq
) .faq-item.is-open .faq-toggle,
:where(
  body.page-services #faq,
  body.page-licenses #faq,
  body.page-products .products-faq
) .faq-item.is-open .faq-toggle span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

:where(
  body.page-services #faq,
  body.page-licenses #faq,
  body.page-products .products-faq
) .faq-item.is-open .faq-content p {
  color: rgba(255, 255, 255, .68) !important;
}

/* Explicit final contracts for components with legacy high-specificity rules. */
body.page-home .services-panel :is(
  .service-card-security,
  .service-card-backup,
  .service-card-devices,
  .service-card-identity
) :is(h3, h4) {
  color: #07101e !important;
  -webkit-text-fill-color: #07101e !important;
}

body.page-home .services-panel :is(
  .service-card-security,
  .service-card-backup,
  .service-card-devices,
  .service-card-identity
) :is(p, li, blockquote) {
  color: #526b82 !important;
}

body.page-home .services-panel :is(.service-card-lead, .service-card-support) :is(h3, h4),
body.page-home :is(.services-action, .products-action) strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.page-home .products-grid .product-card :is(h3, h4) {
  color: #07101e !important;
  -webkit-text-fill-color: #07101e !important;
}

body.page-home .products-grid .product-card :is(p, li, blockquote) {
  color: #526b82 !important;
}

body.page-home .licenses-brands .brand-card :is(h3, h4) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.page-home .licenses-brands .brand-card p {
  color: rgba(255, 255, 255, .68) !important;
}

body.page-about .services-section .service-item :is(h3, h4),
body.page-about .services-section .service-content :is(h3, h4) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.page-about .services-section .service-item p {
  color: rgba(255, 255, 255, .58) !important;
}

body.page-licenses #visibilidade .visibility-feature-card :is(h3, h4) {
  color: #07101e !important;
  -webkit-text-fill-color: #07101e !important;
}

body.page-licenses #visibilidade .visibility-feature-card p {
  color: #526b82 !important;
}

body.page-licenses #design .lc-featured-h .lc-feat-left :is(h3, h4) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

body.page-licenses #design .lc-featured-h .lc-feat-left :is(p, blockquote) {
  color: rgba(255, 255, 255, .7) !important;
}

/* Products: confirmed dark cards. Color overrides only. */
html body.page-products main .certified-deployment-grid > .license-card:nth-child(1) :is(h3, h4),
html body.page-products main .audio-tier-wired :is(h3, h4) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.page-products main .certified-deployment-grid > .license-card:nth-child(1) p,
html body.page-products main .audio-tier-wired :is(p, li, blockquote) {
  color: rgba(255, 255, 255, .74) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .74) !important;
}

/* Services: the complementary-services tiles sit on one shared navy surface. */
html body.page-services main #complementares > .container > .grid > .light-card :is(h3, h4) {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html body.page-services main #complementares > .container > .grid > .light-card :is(p, li, blockquote) {
  color: rgba(255, 255, 255, .72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .72) !important;
}

/* Licensing: GoTo kept its legacy .lc-dark class after becoming a light card. */
html body.page-licenses main #colaboracao .lc-grid > article:nth-child(4) :is(h3, h4, .lc-coverage-label) {
  color: #07101e !important;
  -webkit-text-fill-color: #07101e !important;
}

html body.page-licenses main #colaboracao .lc-grid > article:nth-child(4) :is(p, li) {
  color: #526b82 !important;
  -webkit-text-fill-color: #526b82 !important;
}

html body.page-licenses main #colaboracao .lc-grid > article:nth-child(4) blockquote {
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
}

html body.page-licenses main #colaboracao .lc-grid > article:nth-child(4) .lc-plan-title {
  color: #0879b8 !important;
  -webkit-text-fill-color: #0879b8 !important;
}

html body.page-licenses main #colaboracao .lc-grid > article:nth-child(4) .lc-plan-title em {
  color: #4f86a7 !important;
  -webkit-text-fill-color: #4f86a7 !important;
}

/* Global navigation actions: one dark treatment across every page. */
html body header .header-actions .btn.btn-primary,
html body .sidebar .sidebar-footer .btn.btn-primary,
html body.page-services .inner-anchor-nav .services-nav-action,
html body.page-products .inner-anchor-nav .products-nav-action,
html body.page-licenses .inner-anchor-nav .licenses-nav-action {
  border-color: #07101e !important;
  background: #07101e !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 12px 26px rgba(7,16,30,.2) !important;
}

html body header .header-actions .btn.btn-primary:hover,
html body .sidebar .sidebar-footer .btn.btn-primary:hover,
html body.page-services .inner-anchor-nav .services-nav-action:hover,
html body.page-products .inner-anchor-nav .products-nav-action:hover,
html body.page-licenses .inner-anchor-nav .licenses-nav-action:hover {
  border-color: #0b243b !important;
  background: #0b243b !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 16px 30px rgba(7,16,30,.26) !important;
}

/* ============ COMPARTILHADO: typography-system ============ */
/* Alfagates global typography system */
:root {
  --font-display: "Space Grotesk", sans-serif;
  --font-body: "DM Sans", sans-serif;
  --type-hero: clamp(3.2rem, 4.7vw, 4.6875rem);
  --type-section: clamp(2.2rem, 3.4vw, 3.4375rem);
  --type-stage: 1.14rem;
  --type-heading-3: 1.14rem;
  --type-card: 1.14rem;
  --type-heading-4: 1rem;
  --type-heading-5: .9rem;
  --type-heading-6: .8rem;
  --type-subtitle: clamp(.98rem, 1.15vw, 1.08rem);
  --type-body: .9rem;
  --type-small: .76rem;
}

html, body, button, input, select, textarea {
  font-family: var(--font-body) !important;
}

body {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

main :is(h1, h2, h3, h4, h5, h6),
header .logo,
.stat-number {
  font-family: var(--font-display) !important;
  font-style: normal;
}

/* Page hero titles */
main h1 {
  font-size: var(--type-hero) !important;
  font-weight: 700 !important;
  line-height: .96 !important;
  letter-spacing: -.052em !important;
}

/* Main titles for every fold */
main section h2,
main .section-title,
main .svc-title,
main .crt-title {
  font-size: var(--type-section) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -.042em !important;
}

/* Large narrative headings inside visual stages */
main :is(
  .collaboration-ecosystem-copy,
  .cloud-finops-copy,
  .security-resilience-copy,
  .remote-management-copy,
  .license-intelligence-copy,
  .expertise-stage-copy,
  .services-cta-panel,
  .support-command-copy,
  .certified-room-copy,
  .backup-journey-copy,
  .security-response-copy,
  .devices-showcase-copy,
  .identity-control-copy,
  .support-showcase-copy,
  .wireless-share-copy,
  .about-manifesto,
  .cta-content
) h3 {
  font-size: var(--type-stage) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -.04em !important;
}

/* Standard titles for cards and compact modules */
main :is(
  .card,
  .light-card,
  .license-card,
  .lc-card,
  .mission-card,
  .service-item,
  .product-card,
  .brand-card,
  .faq-item,
  .certification-card,
  .value-prop-card,
  .feature-card,
  .solution-card,
  .service-card,
  .service-card-lead,
  .service-card-support,
  .visibility-feature-card,
  .visibility-detail-card,
  .expertise-proof-card,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card
  ,.about-company-card
  ,.crt-card
  ,.tl-card
  ,.about-value
  ,.contact-item
  ,.form-head
  ,.infra-problem-panel
  ,.infra-solution-panel
  ,.infra-platform-panel
  ,.security-command-panel
  ,.security-response-panel
  ,.security-compliance-panel
  ,.backup-metrics-panel
  ,.identity-audit-panel
  ,.services-grid
  ,.certified-products-band
) :is(h3, h4),
main .support-three-line-title {
  font-size: var(--type-card) !important;
  font-weight: 700 !important;
  line-height: 1.24 !important;
  letter-spacing: -.025em !important;
}

main h3 {
  font-size: var(--type-heading-3);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -.03em;
}

main h4 {
  font-size: var(--type-heading-4);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -.018em;
}

main h5 {
  font-size: var(--type-heading-5);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -.012em;
}

main h6 {
  font-size: var(--type-heading-6);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: .01em;
  text-transform: uppercase;
}

/* Hero leads and section subtitles */
main :is(
  .hero-tagline,
  .section-subtitle,
  .section-header > p,
  .collab-head > p,
  .dh-copy > p,
  .cloud-finops-intro > p,
  .security-resilience-intro > p,
  .remote-management-intro > p,
  .license-visibility-intro > p,
  .products-hero-copy > p,
  .services-hero-copy > p
) {
  font-family: var(--font-body) !important;
  font-size: var(--type-subtitle) !important;
  font-weight: 400 !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
}

/* Standard body copy */
main p {
  font-family: var(--font-body);
  font-size: var(--type-body);
  line-height: 1.72;
  letter-spacing: 0;
}

main :is(
  .card,
  .light-card,
  .license-card,
  .lc-card,
  .mission-card,
  .service-item,
  .product-card,
  .brand-card,
  .certification-card,
  .value-prop-card,
  .feature-card,
  .solution-card
  ,.about-company-card
  ,.crt-card
  ,.tl-card
  ,.about-value
  ,.contact-item
  ,.infra-problem-panel
  ,.infra-solution-panel
  ,.infra-platform-panel
  ,.security-command-panel
  ,.security-response-panel
  ,.security-compliance-panel
  ,.backup-metrics-panel
  ,.identity-audit-panel
) p {
  font-size: .84rem !important;
  line-height: 1.68 !important;
}

/* Eyebrows and category labels */
main :is(
  .eyebrow,
  [class*="-eyebrow"],
  .section-tag,
  .hero-tag,
  .dh-label,
  .services-label,
  .products-label,
  .collab-head-label > span,
  .lc-sol-index,
  .lc-plan-title,
  .lc-certified,
  .lc-badge
) {
  font-family: var(--font-body) !important;
  font-size: .64rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

/* Navigation, buttons and form controls */
header nav a,
.sidebar-nav a,
.btn,
button,
.form-control,
label {
  font-family: var(--font-body) !important;
}

.btn,
button {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: -.005em;
}

header nav a,
.sidebar-nav a {
  font-size: .84rem;
  font-weight: 600;
}

footer :is(h2, h3, h4) {
  font-family: var(--font-display) !important;
  font-size: 1.14rem !important;
  font-weight: 700;
  letter-spacing: -.02em;
}

footer, footer p, footer a, footer li {
  font-family: var(--font-body) !important;
}

@media (max-width: 768px) {
  :root {
    --type-hero: clamp(3.1rem, 13vw, 4.1rem);
    --type-section: clamp(2.2rem, 9.5vw, 2.85rem);
    --type-stage: clamp(1.85rem, 7.5vw, 2.3rem);
    --type-heading-3: 1.35rem;
    --type-card: 1.03rem;
    --type-subtitle: .96rem;
    --type-body: .88rem;
  }

  main h1 {
    line-height: .98 !important;
  }

  main section h2,
  main .section-title {
    line-height: 1.04 !important;
  }
}

/* ============ COMPARTILHADO: photos ============ */
/* =====================================================================
   PHOTOS.CSS
   Placeholder slots para fotos em dobras do site.
   Para usar: substitua <div class="photo-slot-ph"> por <img src="..." alt="...">
   ===================================================================== */

.section-photo-fold {
  padding: 64px 0;
}

.section-photo-strip {
  margin-top: 56px;
}

.photo-slot {
  position: relative;
  margin: 0;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
}

.photo-slot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 20px;
}

/* Placeholder visual — remova este bloco ao adicionar a imagem real */
.photo-slot-ph {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 420px;
  background: linear-gradient(145deg, #eef4fa 0%, #dde9f5 100%);
  border: 2px dashed #b0cce0;
  border-radius: 20px;
  color: #6890a8;
  cursor: default;
  user-select: none;
}

.photo-slot-ph i {
  font-size: 3rem;
  opacity: 0.4;
}

.photo-slot-ph span {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  opacity: 0.7;
}

/* Variante compacta — seções com menos altura */
.photo-slot--compact .photo-slot-ph {
  min-height: 300px;
}

@media (max-width: 768px) {
  .section-photo-strip {
    margin-top: 32px;
  }

  .photo-slot-ph {
    min-height: 240px;
  }

  .photo-slot-ph i {
    font-size: 2.2rem;
  }
}

/* ============ COMPARTILHADO: photo-compositions ============ */
/* =====================================================================
   PHOTO-COMPOSITIONS.CSS
   Layouts editoriais para integração das fotos corporativas.
   Cada composição é única — evitar repetição visual entre seções.
   ===================================================================== */

/* ---- Wrapper genérico (substitui .section-photo-fold) -------------- */
.photo-section {
  padding: 56px 0;
}

/* =====================================================================
   REDESIGN 2026 — visual modules sem "foto colada"
   Aplicado apenas às páginas internas. A home continua usando seus
   módulos próprios.
   ===================================================================== */

.page-services .photo-comp-split,
.page-services .photo-comp-overlay,
.page-services .photo-comp-strip,
.page-products .photo-comp-feature,
.page-licenses .photo-comp-consulting,
.page-licenses .photo-comp-strip,
.page-licenses .photo-comp-security,
.page-about .photo-comp-editorial {
  isolation: isolate;
}

.page-services .photo-comp-split,
.page-products .photo-comp-feature,
.page-licenses .photo-comp-consulting,
.page-licenses .photo-comp-strip {
  background:
    radial-gradient(circle at 82% 16%, rgba(57,181,239,.16), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(236,248,255,.88));
  border: 1px solid rgba(21,139,211,.16);
  box-shadow: 0 24px 70px rgba(20,50,75,.09);
}

.page-licenses .photo-comp-strip-img::after {
  content: "\f0c0";
  display: grid;
  place-items: center;
  color: #158bd3;
  font-family: "Font Awesome 6 Free";
  font-size: 1.45rem;
  font-weight: 900;
  background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(224,245,255,.86));
}

.page-services .photo-comp-overlay {
  min-height: 340px;
  background:
    radial-gradient(circle at 78% 28%, rgba(57,181,239,.18), transparent 34%),
    linear-gradient(135deg, #06111f, #0b3554);
  border: 1px solid rgba(57,181,239,.18);
}

.page-services .photo-comp-overlay-gradient {
  background:
    linear-gradient(rgba(57,181,239,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,181,239,.06) 1px, transparent 1px),
    radial-gradient(circle at 68% 50%, transparent 0 70px, rgba(57,181,239,.16) 71px 72px, transparent 73px 140px, rgba(57,181,239,.10) 141px 142px, transparent 143px),
    linear-gradient(90deg, rgba(6,17,31,.92), rgba(6,17,31,.68));
  background-size: 26px 26px, 26px 26px, auto, auto;
}

.page-services .photo-comp-overlay::after,
.page-licenses .photo-comp-security::after {
  content: "";
  position: absolute;
  right: 44px;
  top: 50%;
  width: 190px;
  height: 190px;
  transform: translateY(-50%);
  border-radius: 50%;
  border: 1px solid rgba(57,181,239,.22);
  background:
    radial-gradient(circle at center, rgba(57,181,239,.5) 0 5px, transparent 6px),
    radial-gradient(circle at center, transparent 0 42px, rgba(57,181,239,.16) 43px 44px, transparent 45px 80px, rgba(57,181,239,.1) 81px 82px, transparent 83px);
  pointer-events: none;
}

.page-licenses .photo-comp-security {
  position: relative;
  min-height: 360px;
  background:
    radial-gradient(circle at 68% 40%, rgba(57,181,239,.16), transparent 32%),
    linear-gradient(135deg, #06111f, #0b3554);
}

.page-licenses .photo-comp-security img {
  height: 250px;
  opacity: .06;
  filter: grayscale(1) brightness(1.4);
  mix-blend-mode: screen;
}

.page-licenses .photo-comp-security-header,
.page-licenses .photo-comp-security-footer {
  position: relative;
  z-index: 2;
}

.page-licenses .photo-comp-security-footer {
  background: rgba(6,17,31,.42);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.page-about .photo-comp-editorial {
  max-width: 1040px;
}

.page-about .photo-comp-editorial figure {
  min-height: 360px;
}

.page-about .photo-comp-editorial-label {
  z-index: 3;
  background: rgba(6,17,31,.82);
}

@media (max-width: 768px) {
  .page-services .photo-comp-split-img,
  .page-products .photo-comp-feature-img,
  .page-licenses .photo-comp-consulting-img,
  .page-licenses .photo-comp-strip-img,
  .page-about .photo-comp-editorial figure {
    min-height: 240px;
  }

  .page-services .photo-comp-split-img::before,
  .page-products .photo-comp-feature-img::before,
  .page-licenses .photo-comp-consulting-img::before,
  .page-licenses .photo-comp-strip-img::before {
    inset: 22px;
    border-radius: 20px;
  }

  .page-services .photo-comp-split-img::after,
  .page-products .photo-comp-feature-img::after,
  .page-licenses .photo-comp-consulting-img::after,
  .page-licenses .photo-comp-strip-img::after {
    width: 68px;
    height: 68px;
    border-radius: 20px;
    font-size: 1.2rem;
  }

  .page-services .photo-comp-overlay::after,
  .page-licenses .photo-comp-security::after {
    right: 18px;
    width: 132px;
    height: 132px;
    opacity: .7;
  }
}

/* ---- 1. APP WINDOW — index.html ------------------------------------ */
/* Frame estilo app/interface corporativa com chips abaixo            */
.photo-comp-window {
  max-width: 840px;
  margin: 0 auto;
}

.photo-comp-window-frame {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(20, 50, 75, .13);
  border: 1px solid rgba(21, 139, 211, .12);
}

.photo-comp-window-bar {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 11px 18px;
  background: #07101e;
}

.photo-comp-window-bar em {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
  font-style: normal;
}

.photo-comp-window-bar em:nth-child(1) { background: #ff5f57; }
.photo-comp-window-bar em:nth-child(2) { background: #febc2e; }
.photo-comp-window-bar em:nth-child(3) { background: #28c840; }

.photo-comp-window-bar span {
  margin-left: 16px;
  font-size: .68rem;
  font-weight: 600;
  color: rgba(255, 255, 255, .38);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-window-frame img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: center 28%;
  display: block;
}

.photo-comp-window-chips {
  display: flex;
  gap: 10px;
  margin-top: 18px;
  flex-wrap: wrap;
  justify-content: center;
}

.photo-comp-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 16px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid rgba(21, 139, 211, .14);
  box-shadow: 0 2px 12px rgba(20, 50, 75, .07);
  font-size: .73rem;
  font-weight: 600;
  color: #07101e;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-chip i {
  color: #158bd3;
  font-size: .78rem;
}

/* ---- 2. EDITORIAL SINGLE — quem-somos.html ------------------------ */
/* Imagem centralizada com label overlay no canto inferior            */
.photo-comp-editorial {
  max-width: 880px;
  margin: 0 auto;
}

.photo-comp-editorial figure {
  position: relative;
  margin: 0;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(20, 50, 75, .11);
}

.photo-comp-editorial img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  object-position: center 38%;
  display: block;
}

.photo-comp-editorial-label {
  position: absolute;
  bottom: 22px;
  left: 22px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 18px;
  border-radius: 50px;
  background: rgba(7, 16, 30, .70);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, .13);
  font-size: .7rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-editorial-label i {
  color: #39b5ef;
  font-size: .78rem;
}

/* ---- 3. SPLIT FEATURE — servicos.html / infraestrutura ------------ */
/* Grid: imagem esquerda 55% + conteúdo direita 45%                   */
.photo-comp-split {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(20, 50, 75, .10);
  border: 1px solid rgba(21, 139, 211, .09);
}

.photo-comp-split-img {
  position: relative;
  overflow: hidden;
}

.photo-comp-split-img img {
  width: 100%;
  height: 100%;
  min-height: 340px;
  object-fit: cover;
  object-position: center;
  display: block;
}

.photo-comp-split-content {
  padding: 40px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(145deg, #f8fbfe 0%, #eef4fb 100%);
}

body.page-services .photo-comp-split-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .65rem;
  font-weight: 700;
  color: #158bd3;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-family: 'DM Sans', sans-serif;
}

body.page-services .photo-comp-split-tag {
  width: fit-content !important;
  max-width: 100% !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(234, 247, 255, .78) !important;
  border: 1px solid rgba(21, 139, 211, .14) !important;
  line-height: 1.2 !important;
}

body.page-services .photo-comp-split-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #07101e;
  line-height: 1.45;
  margin-bottom: 22px;
  font-family: 'Space Grotesk', sans-serif;
}

.photo-comp-split-points {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.photo-comp-split-points li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: .82rem;
  color: #597087;
  line-height: 1.5;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-split-points li i {
  color: #158bd3;
  font-size: .68rem;
  margin-top: 4px;
  flex-shrink: 0;
}

/* ---- 4. OVERLAY STAT — servicos.html / segurança ------------------ */
/* Imagem full com gradiente escuro à esquerda + stats sobrepostos    */
.photo-comp-overlay {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(20, 50, 75, .14);
}

.photo-comp-overlay img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  object-position: 60% 35%;
  display: block;
}

.photo-comp-overlay-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(7, 16, 30, .82) 0%,
    rgba(7, 16, 30, .48) 45%,
    transparent 75%);
}

.photo-comp-overlay-content {
  position: absolute;
  top: 50%;
  left: 44px;
  transform: translateY(-50%);
}

.photo-comp-overlay-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .63rem;
  font-weight: 700;
  color: #39b5ef;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-overlay-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.38;
  margin-bottom: 22px;
  max-width: 260px;
  font-family: 'Space Grotesk', sans-serif;
}

.photo-comp-overlay-stats {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

body.page-services .photo-comp-stat {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, .14);
  max-width: 230px;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-stat i {
  color: #39b5ef;
  font-size: .78rem;
  flex-shrink: 0;
  width: 14px;
  text-align: center;
}

.photo-comp-stat span {
  font-size: .72rem;
  color: rgba(255, 255, 255, .72);
  flex: 1;
}

.photo-comp-stat strong {
  font-size: .75rem;
  color: #fff;
  font-weight: 700;
}

/* ---- 5. PORTRAIT BADGE — servicos.html / suporte ------------------ */
/* Card mais estreito centralizado com badges sobrepostos              */
.photo-comp-portrait {
  max-width: 580px;
  margin: 0 auto;
  position: relative;
}

.photo-comp-portrait figure {
  position: relative;
  margin: 0;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(20, 50, 75, .12);
}

.photo-comp-portrait img {
  width: 100%;
  height: 340px;
  object-fit: cover;
  object-position: center 18%;
  display: block;
}

.photo-comp-portrait-badges {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
}

.photo-comp-portrait-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 15px;
  border-radius: 50px;
  background: rgba(255, 255, 255, .93);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(21, 139, 211, .14);
  box-shadow: 0 4px 18px rgba(20, 50, 75, .12);
  font-size: .71rem;
  font-weight: 700;
  color: #07101e;
  white-space: nowrap;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-portrait-badge i {
  color: #158bd3;
  font-size: .74rem;
}

/* ---- 6. ASYMMETRIC FEATURE — produtos.html ------------------------ */
/* Grid: imagem esquerda + lista de features à direita em card branco  */
.photo-comp-feature {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(20, 50, 75, .10);
  border: 1px solid rgba(21, 139, 211, .09);
  background: #fff;
}

.photo-comp-feature-img {
  overflow: hidden;
}

.photo-comp-feature-img img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  object-position: center 42%;
  display: block;
}

.photo-comp-feature-content {
  padding: 40px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(145deg, #f8fbfe 0%, #eef4fb 100%);
}

body.page-products .photo-comp-feature-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .65rem;
  font-weight: 700;
  color: #158bd3;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: 14px;
  font-family: 'DM Sans', sans-serif;
}

body.page-products .photo-comp-feature-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: #07101e;
  line-height: 1.45;
  margin-bottom: 22px;
  font-family: 'Space Grotesk', sans-serif;
}

.photo-comp-feature-items {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.photo-comp-feature-items li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(21, 139, 211, .05);
  border: 1px solid rgba(21, 139, 211, .08);
  font-size: .8rem;
  color: #07101e;
  font-weight: 500;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-feature-items li i {
  color: #158bd3;
  font-size: .74rem;
  width: 14px;
  text-align: center;
  flex-shrink: 0;
}

/* ---- 7. CONSULTING CARD — licencas.html (antes colaboração) ------- */
/* Split claro: texto esquerda + imagem direita proeminente            */
.photo-comp-consulting {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 72px rgba(20, 50, 75, .11);
  border: 1px solid rgba(21, 139, 211, .10);
  background: #fff;
  min-height: 380px;
}

.photo-comp-consulting-copy {
  padding: 48px 44px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 22px;
  background: linear-gradient(145deg, #f8fbfe 0%, #eef4fb 100%);
  border-right: 1px solid rgba(21, 139, 211, .08);
  position: relative;
}

/* Linha de acento vertical azul */
.photo-comp-consulting-copy::before {
  content: '';
  position: absolute;
  left: 0;
  top: 48px;
  bottom: 48px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(180deg, #158bd3 0%, #39b5ef 100%);
}

.photo-comp-consulting-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: .63rem;
  font-weight: 700;
  color: #158bd3;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-consulting-title {
  font-size: 1.45rem;
  font-weight: 700;
  color: #07101e;
  line-height: 1.32;
  font-family: 'Space Grotesk', sans-serif;
}

.photo-comp-consulting-title span {
  color: #158bd3;
}

.photo-comp-consulting-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.photo-comp-consulting-chips span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid rgba(21, 139, 211, .18);
  box-shadow: 0 2px 8px rgba(20, 50, 75, .06);
  font-size: .68rem;
  font-weight: 600;
  color: #0a2137;
  letter-spacing: .03em;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-consulting-chips span i {
  color: #158bd3;
  font-size: .72rem;
}

.photo-comp-consulting-img {
  overflow: hidden;
  position: relative;
}

.photo-comp-consulting-img img {
  width: 100%;
  height: 100%;
  min-height: 380px;
  object-fit: cover;
  object-position: center 18%;
  display: block;
}

/* ---- 8. COMPACT STRIP — licencas.html (após colaboração) ---------- */
/* Card horizontal: imagem 45% + conteúdo 55%, altura fixa definida   */
.photo-comp-strip {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  height: 300px;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 20px 56px rgba(20, 50, 75, .10);
  border: 1px solid rgba(21, 139, 211, .10);
  background: #fff;
}

.photo-comp-strip-img {
  overflow: hidden;
  height: 100%;
  position: relative;
}

.photo-comp-strip-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 30% 28%;
  display: block;
}

/* Gradiente suave no lado direito da imagem para a transição */
.photo-comp-strip-img::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 65%, rgba(248, 251, 254, .6) 100%);
  pointer-events: none;
}

.photo-comp-strip-content {
  padding: 32px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(135deg, #f8fbfe 0%, #eef4fb 100%);
}

body.page-services .photo-comp-strip-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .63rem;
  font-weight: 700;
  color: #158bd3;
  letter-spacing: .09em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: 'DM Sans', sans-serif;
}

body.page-services .photo-comp-strip-tag {
  width: fit-content !important;
  max-width: 100% !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(234, 247, 255, .78) !important;
  border: 1px solid rgba(21, 139, 211, .14) !important;
  line-height: 1.2 !important;
}

body.page-services .photo-comp-strip-title {
  font-size: 1rem;
  font-weight: 700;
  color: #07101e;
  line-height: 1.45;
  margin-bottom: 18px;
  font-family: 'Space Grotesk', sans-serif;
}

.photo-comp-strip-apps {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.photo-comp-strip-apps span {
  padding: 6px 13px;
  border-radius: 50px;
  background: #fff;
  border: 1px solid rgba(21, 139, 211, .16);
  box-shadow: 0 1px 6px rgba(20, 50, 75, .06);
  font-size: .67rem;
  font-weight: 600;
  color: #0a2137;
  letter-spacing: .02em;
  font-family: 'DM Sans', sans-serif;
}

/* ---- 9. SECURITY FRAME — licencas.html (após segurança) ----------- */
/* Terminal escuro: header com dots + imagem + footer com indicadores  */
.photo-comp-security {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 28px 80px rgba(7, 16, 30, .24);
  border: 1px solid rgba(21, 139, 211, .14);
  background: #07101e;
  max-width: 860px;
  margin: 0 auto;
}

.photo-comp-security-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: rgba(255, 255, 255, .035);
  border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.photo-comp-security-dots {
  display: flex;
  gap: 6px;
}

.photo-comp-security-dots em {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  font-style: normal;
}

.photo-comp-security-dots em:nth-child(1) { background: #ff5f57; }
.photo-comp-security-dots em:nth-child(2) { background: #febc2e; }
.photo-comp-security-dots em:nth-child(3) { background: #28c840; }

.photo-comp-security-title {
  font-size: .66rem;
  font-weight: 600;
  color: rgba(255, 255, 255, .38);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-security-live {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .65rem;
  font-weight: 700;
  color: #28c840;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-security-live::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #28c840;
  box-shadow: 0 0 6px rgba(40, 200, 64, .8);
  animation: pulse-green 2s ease-in-out infinite;
}

@keyframes pulse-green {
  0%, 100% { opacity: 1; box-shadow: 0 0 6px rgba(40, 200, 64, .8); }
  50%       { opacity: .6; box-shadow: 0 0 12px rgba(40, 200, 64, .4); }
}

.photo-comp-security img {
  width: 100%;
  height: 360px;
  object-fit: cover;
  object-position: center 22%;
  display: block;
}

.photo-comp-security-footer {
  display: flex;
  align-items: center;
  gap: 0;
  border-top: 1px solid rgba(255, 255, 255, .055);
  flex-wrap: wrap;
}

.photo-comp-security-indicator {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 12px 20px;
  border-right: 1px solid rgba(255, 255, 255, .055);
  flex: 1;
  min-width: 120px;
  font-family: 'DM Sans', sans-serif;
}

.photo-comp-security-indicator:last-child {
  border-right: none;
}

.photo-comp-security-indicator i {
  color: #39b5ef;
  font-size: .72rem;
  flex-shrink: 0;
}

.photo-comp-security-indicator span {
  font-size: .67rem;
  color: rgba(255, 255, 255, .45);
  flex: 1;
}

.photo-comp-security-indicator strong {
  font-size: .7rem;
  font-weight: 700;
  color: rgba(255, 255, 255, .82);
}

/* ---- RESPONSIVO ---------------------------------------------------- */
@media (max-width: 768px) {
  .photo-section {
    padding: 40px 0;
  }

  /* App Window */
  .photo-comp-window-frame img {
    height: 210px;
    object-position: center 20%;
  }

  .photo-comp-window-chips {
    gap: 7px;
    margin-top: 14px;
  }

  .photo-comp-chip {
    font-size: .68rem;
    padding: 7px 12px;
  }

  /* Editorial Single */
  .photo-comp-editorial img {
    height: 240px;
    object-position: center 35%;
  }

  .photo-comp-editorial-label {
    font-size: .64rem;
    padding: 7px 13px;
  }

  /* Split Feature */
  .photo-comp-split {
    grid-template-columns: 1fr;
  }

  .photo-comp-split-img img {
    height: 220px;
    min-height: unset;
  }

  .photo-comp-split-content {
    padding: 26px 22px;
  }

  /* Overlay Stat */
  .photo-comp-overlay img {
    height: 280px;
    object-position: 65% center;
  }

  .photo-comp-overlay-gradient {
    background: linear-gradient(180deg,
      rgba(7, 16, 30, .80) 0%,
      rgba(7, 16, 30, .55) 50%,
      transparent 100%);
  }

  .photo-comp-overlay-content {
    top: 22px;
    left: 20px;
    right: 20px;
    transform: none;
  }

  .photo-comp-overlay-title {
    font-size: 1rem;
    max-width: none;
  }

  .photo-comp-overlay-stats {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 7px;
  }

  .photo-comp-stat {
    max-width: none;
  }

  /* Portrait Badge */
  .photo-comp-portrait {
    max-width: 100%;
  }

  .photo-comp-portrait img {
    height: 250px;
    object-position: center 12%;
  }

  /* Asymmetric Feature */
  .photo-comp-feature {
    grid-template-columns: 1fr;
  }

  .photo-comp-feature-img img {
    min-height: unset;
    height: 220px;
  }

  .photo-comp-feature-content {
    padding: 26px 22px;
  }

  /* Consulting Card */
  .photo-comp-consulting {
    grid-template-columns: 1fr;
    min-height: unset;
  }

  .photo-comp-consulting-img {
    order: -1;
  }

  .photo-comp-consulting-img img {
    min-height: unset;
    height: 240px;
  }

  .photo-comp-consulting-copy {
    padding: 32px 24px 32px 28px;
  }

  .photo-comp-consulting-copy::before {
    top: 32px;
    bottom: 32px;
  }

  /* Compact Strip */
  .photo-comp-strip {
    grid-template-columns: 1fr;
    height: auto;
  }

  .photo-comp-strip-img {
    height: 220px;
  }

  .photo-comp-strip-img img {
    height: 220px;
  }

  .photo-comp-strip-img::after {
    background: none;
  }

  .photo-comp-strip-content {
    padding: 26px 22px;
  }

  /* Security Frame */
  .photo-comp-security img {
    height: 230px;
    object-position: center 18%;
  }

  .photo-comp-security-footer {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .photo-comp-security-indicator {
    min-width: calc(50% - 0px);
    border-right: 1px solid rgba(255, 255, 255, .055);
    border-bottom: 1px solid rgba(255, 255, 255, .055);
  }
}

/* =====================================================================
   SERVIÇOS — slots reais para imagens futuras
   Mantém as dobras atuais e deixa áreas prontas para artes geradas depois.
   ===================================================================== */

.page-services .photo-comp-split,
.page-services .photo-comp-overlay,
.page-services .photo-comp-strip,
.page-services .service-image-slot {
  position: relative;
  margin-top: 48px;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(21,139,211,.16);
  background:
    linear-gradient(rgba(21,139,211,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,139,211,.055) 1px, transparent 1px),
    radial-gradient(circle at 82% 18%, rgba(57,181,239,.16), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(233,247,255,.92));
  background-size: 30px 30px, 30px 30px, auto, auto;
  box-shadow: 0 22px 60px rgba(20,50,75,.08);
}

.page-services .photo-comp-split {
  grid-template-columns: 1.35fr .65fr;
  align-items: stretch;
}

.page-services .photo-comp-strip {
  grid-template-columns: 1.35fr .65fr;
  height: auto;
  min-height: 330px;
  align-items: stretch;
}

.page-services .photo-comp-split-img,
.page-services .photo-comp-strip-img {
  position: relative;
  height: 420px;
  min-height: 0;
  border-right: 1px solid rgba(21,139,211,.1);
}

.page-services .photo-comp-split-img img,
.page-services .photo-comp-strip-img img {
  height: 100%;
  min-height: 0;
}

.page-services .service-image-slot::before {
  content: none;
}

.page-services .photo-comp-overlay {
  display: grid;
  min-height: 360px;
  background:
    linear-gradient(rgba(57,181,239,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,181,239,.055) 1px, transparent 1px),
    radial-gradient(circle at 76% 32%, rgba(57,181,239,.2), transparent 32%),
    linear-gradient(145deg, #f7fcff, #e8f5fb);
  background-size: 30px 30px, 30px 30px, auto, auto;
}

.page-services .photo-comp-overlay-gradient {
  display: none;
}

.page-services .photo-comp-overlay-content {
  position: relative;
  z-index: 4;
  top: auto;
  left: auto;
  right: auto;
  align-self: end;
  width: min(100% - 48px, 560px);
  margin: 0 24px 24px;
  padding: 18px 20px;
  transform: none;
  border: 1px solid rgba(21,139,211,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.page-services .photo-comp-overlay-tag {
  color: #158bd3;
}

.page-services .photo-comp-overlay-title {
  max-width: none;
  margin-bottom: 14px;
  color: #07101e;
}

.page-services .photo-comp-stat {
  background: rgba(234,247,255,.74);
  border-color: rgba(21,139,211,.14);
}

.page-services .photo-comp-stat span {
  color: #536b82;
}

.page-services .photo-comp-stat strong {
  color: #07101e;
}

.page-services .photo-comp-split-content,
.page-services .photo-comp-strip-content {
  padding-left: 56px;
  background: rgba(255,255,255,.66);
  border-left: 1px solid rgba(21,139,211,.08);
}

.page-services .service-image-slot {
  min-height: 330px;
  display: grid;
  place-items: center;
}

.page-services .service-image-slot-frame {
  position: relative;
  z-index: 2;
  display: grid;
  width: min(72%, 420px);
  min-height: 148px;
  padding: 28px;
  place-items: center;
  text-align: center;
  border: 1px solid rgba(21,139,211,.16);
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 42px rgba(20,50,75,.09), inset 0 1px 0 rgba(255,255,255,.85);
}

.page-services .service-image-slot-frame span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #158bd3;
  font-family: var(--font-body, 'DM Sans', sans-serif);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.page-services .service-image-slot-frame strong {
  color: #07101e;
  font-family: var(--font-display, 'Space Grotesk', sans-serif);
  font-size: 1.12rem;
  line-height: 1.2;
}

.page-services .service-image-slot-frame small {
  margin-top: 8px;
  color: #6b8398;
  font-family: var(--font-body, 'DM Sans', sans-serif);
  font-size: .78rem;
}

.page-products .product-image-slot {
  position: relative;
  min-height: 490px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 24px;
  background:
    linear-gradient(rgba(57,181,239,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,181,239,.055) 1px, transparent 1px),
    radial-gradient(circle at 78% 20%, rgba(57,181,239,.18), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(231,246,255,.9));
  background-size: 30px 30px, 30px 30px, auto, auto;
}

.page-products .product-image-slot::before {
  position: absolute;
  inset: 32px;
  content: "";
  border: 1px dashed rgba(21,139,211,.28);
  border-radius: 24px;
  background:
    radial-gradient(circle at center, rgba(57,181,239,.18) 0 5px, transparent 6px),
    radial-gradient(circle at center, transparent 0 68px, rgba(21,139,211,.12) 69px 70px, transparent 71px 134px, rgba(21,139,211,.08) 135px 136px, transparent 137px),
    linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.22));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

.page-products .product-image-slot-frame {
  position: relative;
  z-index: 2;
  display: grid;
  width: min(72%, 440px);
  min-height: 148px;
  padding: 28px;
  place-items: center;
  text-align: center;
  border: 1px solid rgba(21,139,211,.16);
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 42px rgba(20,50,75,.09), inset 0 1px 0 rgba(255,255,255,.85);
}

.page-products .product-image-slot-frame span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #158bd3;
  font-family: var(--font-body, 'DM Sans', sans-serif);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.page-products .product-image-slot-frame strong {
  color: #07101e;
  font-family: var(--font-display, 'Space Grotesk', sans-serif);
  font-size: 1.12rem;
  line-height: 1.2;
}

.page-products .product-image-slot-frame small {
  margin-top: 8px;
  color: #6b8398;
  font-family: var(--font-body, 'DM Sans', sans-serif);
  font-size: .78rem;
}

@media (max-width: 980px) {
  .page-products .product-image-slot {
    min-height: 430px;
  }
}

@media (max-width: 640px) {
  .page-products .product-image-slot {
    min-height: 340px;
    border-radius: 18px;
  }
  .page-products .product-image-slot::before {
    inset: 18px;
    border-radius: 18px;
  }
  .page-products .product-image-slot-frame {
    width: min(82%, 360px);
    padding: 22px;
    border-radius: 20px;
  }
}

.page-services .identity-control-panel .identity-image-slot {
  align-self: stretch;
  width: 100%;
  max-width: none;
  min-height: 380px;
  margin: 0;
  justify-self: stretch;
  background:
    linear-gradient(rgba(57,181,239,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,181,239,.055) 1px, transparent 1px),
    radial-gradient(circle at 50% 48%, rgba(57,181,239,.18), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(57,181,239,.06));
  background-size: 28px 28px, 28px 28px, auto, auto;
  border-color: rgba(57,181,239,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 22px 54px rgba(0,0,0,.16);
}

.page-services .identity-control-panel .identity-image-slot::before {
  border-color: rgba(57,181,239,.28);
  background:
    radial-gradient(circle at center, rgba(57,181,239,.22) 0 5px, transparent 6px),
    radial-gradient(circle at center, transparent 0 58px, rgba(57,181,239,.16) 59px 60px, transparent 61px 112px, rgba(57,181,239,.1) 113px 114px, transparent 115px),
    linear-gradient(rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

.page-services .identity-control-panel .identity-image-slot .service-image-slot-frame {
  width: min(78%, 350px);
  background: rgba(6,17,31,.54);
  border-color: rgba(57,181,239,.18);
  box-shadow: 0 24px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);
}

.page-services .identity-control-panel .identity-image-slot .service-image-slot-frame span {
  color: #39b5ef;
}

.page-services .identity-control-panel .identity-image-slot .service-image-slot-frame strong {
  color: #fff;
}

.page-services .identity-control-panel .identity-image-slot .service-image-slot-frame small {
  color: rgba(255,255,255,.58);
}

.page-services .devices-showcase .devices-image-slot {
  align-self: stretch;
  width: 100%;
  max-width: none;
  min-height: 360px;
  margin: 0;
  justify-self: stretch;
}

.page-licenses .license-image-slot {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 340px;
  overflow: hidden;
  border: 1px solid rgba(57,181,239,.22);
  border-radius: 28px;
  background:
    linear-gradient(rgba(57,181,239,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,181,239,.055) 1px, transparent 1px),
    radial-gradient(circle at 50% 48%, rgba(57,181,239,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(220,243,252,.72));
  background-size: 28px 28px, 28px 28px, auto, auto;
  box-shadow: inset 0 1px 0 #fff, 0 22px 60px rgba(21,139,211,.08);
  isolation: isolate;
}

.page-licenses .license-image-slot::before {
  position: absolute;
  inset: 30px;
  content: "";
  border: 1px dashed rgba(57,181,239,.32);
  border-radius: 24px;
  background:
    radial-gradient(circle at center, transparent 0 70px, rgba(57,181,239,.12) 71px 72px, transparent 73px 132px, rgba(57,181,239,.08) 133px 134px, transparent 135px),
    rgba(255,255,255,.22);
  pointer-events: none;
}

.page-licenses .license-image-slot-frame {
  position: relative;
  z-index: 1;
  display: flex;
  width: min(76%, 430px);
  min-height: 128px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 26px 30px;
  border: 1px solid rgba(57,181,239,.22);
  border-radius: 24px;
  background: rgba(255,255,255,.86);
  box-shadow: 0 18px 46px rgba(7,16,30,.08), inset 0 1px 0 #fff;
  text-align: center;
}

.page-licenses .license-image-slot-frame span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: #158bd3;
  font-family: var(--font-body, 'DM Sans', sans-serif);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.page-licenses .license-image-slot-frame strong {
  color: #07101e;
  font-family: var(--font-display, 'Space Grotesk', sans-serif);
  font-size: 1.12rem;
  line-height: 1.2;
}

.page-licenses .license-image-slot-frame small {
  margin-top: 8px;
  color: #6b8398;
  font-family: var(--font-body, 'DM Sans', sans-serif);
  font-size: .78rem;
}

.page-licenses .lc-feat-left .license-image-slot-design {
  min-height: 280px;
  margin-top: auto;
  border-color: rgba(57,181,239,.16);
  background:
    linear-gradient(rgba(57,181,239,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,181,239,.045) 1px, transparent 1px),
    radial-gradient(circle at 50% 50%, rgba(57,181,239,.20), transparent 38%),
    linear-gradient(145deg, rgba(57,181,239,.10), rgba(57,181,239,.04));
  background-size: 26px 26px, 26px 26px, auto, auto;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.page-licenses .lc-feat-left .license-image-slot-design::before {
  border-color: rgba(57,181,239,.22);
  background:
    radial-gradient(circle at center, transparent 0 64px, rgba(57,181,239,.14) 65px 66px, transparent 67px 118px, rgba(57,181,239,.08) 119px 120px, transparent 121px),
    rgba(255,255,255,.03);
}

.page-licenses .lc-feat-left .license-image-slot-design .license-image-slot-frame {
  background: rgba(6,17,31,.58);
  border-color: rgba(57,181,239,.18);
  box-shadow: 0 24px 52px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
}

.page-licenses .lc-feat-left .license-image-slot-design .license-image-slot-frame strong {
  color: #fff;
}

.page-licenses .lc-feat-left .license-image-slot-design .license-image-slot-frame small {
  color: rgba(255,255,255,.58);
}

.page-licenses .license-image-slot-visibility,
.page-licenses .license-image-slot-remote {
  align-self: stretch;
  min-height: 380px;
}

@media (max-width: 768px) {
  .page-services .photo-comp-split,
  .page-services .photo-comp-strip {
    grid-template-columns: 1fr;
  }

  .page-services .photo-comp-split-img,
  .page-services .photo-comp-strip-img,
  .page-services .photo-comp-overlay,
  .page-services .service-image-slot {
    min-height: 260px;
  }

  .page-services .photo-comp-split-img::before,
  .page-services .photo-comp-strip-img::before,
  .page-services .photo-comp-overlay::before,
  .page-services .service-image-slot::before {
    inset: 20px;
    border-radius: 20px;
  }

  .page-services .photo-comp-split-img::after,
  .page-services .photo-comp-strip-img::after,
  .page-services .photo-comp-overlay::after,
  .page-services .service-image-slot-frame {
    width: min(82%, 320px);
    min-height: 116px;
    padding: 22px;
    border-radius: 20px;
    font-size: .92rem;
  }

  .page-services .photo-comp-overlay-content {
    width: calc(100% - 32px);
    margin: 0 16px 16px;
  }

  .page-services .identity-control-panel .identity-image-slot {
    width: 100%;
    min-height: 260px;
  }

  .page-services .devices-showcase .devices-image-slot {
    width: 100%;
    min-height: 260px;
  }

  .page-licenses .license-image-slot {
    min-height: 280px;
    border-radius: 20px;
  }

  .page-licenses .license-image-slot::before {
    inset: 20px;
    border-radius: 18px;
  }

  .page-licenses .license-image-slot-frame {
    width: min(84%, 330px);
    padding: 22px;
    border-radius: 20px;
  }

  .page-licenses .lc-feat-left .license-image-slot-design,
  .page-licenses .license-image-slot-visibility,
  .page-licenses .license-image-slot-remote {
    min-height: 260px;
  }
}

/* ============ COMPARTILHADO: visual-enhancements ============ */
/* ===================================================================
   VISUAL-ENHANCEMENTS.CSS
   Melhorias visuais: diferenciais, hover effects, counters, CTA foto
   =================================================================== */

.page-home .hero .text-link {
  color: #fff !important;
}
.page-home .hero .text-link:hover {
  color: #39b5ef !important;
}

.page-home .hero .btn-primary {
  background: #39b5ef !important;
  color: #fff !important;
  border-color: #39b5ef !important;
}
.page-home .hero .btn-primary:hover {
  background: #fff !important;
  color: #39b5ef !important;
  border-color: #fff !important;
}

/* ---- HERO — foto de fundo dark ------------------------------------ */
.page-home .hero {
  background:
    linear-gradient(150deg, rgba(7,16,30,.92) 0%, rgba(10,33,55,.86) 45%, rgba(7,16,30,.80) 100%),
    url('../images/1.png') center 30% / cover no-repeat !important;
}

/* Texto: primeira linha azul claro, resto branco */
.page-home .hero h1 {
  color: #fff !important;
}

.page-home .hero h1 .h1-blue {
  color: #39b5ef !important;
}

.page-home .hero .hero-description {
  color: rgba(255,255,255,.68) !important;
}

.page-home .hero .hero-tag {
  color: #39b5ef !important;
  background: rgba(21,139,211,.14) !important;
  border-color: rgba(21,139,211,.24) !important;
}

/* Adapta o fade de rodapé do hero para escuro */
.page-home .hero::after {
  background: linear-gradient(to bottom, transparent, rgba(7,16,30,.95)) !important;
}

/* Anel decorativo mais visível no escuro */
.page-home .hero::before {
  border-color: rgba(57,181,239,.18) !important;
  opacity: .65 !important;
}

/* Side rail icons ficam mais brilhantes */
.page-home .hero-side-rail span {
  color: rgba(255,255,255,.38) !important;
  border-color: rgba(255,255,255,.08) !important;
}
.page-home .hero-side-rail span.active {
  color: #39b5ef !important;
  background: rgba(21,139,211,.14) !important;
  border-color: rgba(57,181,239,.28) !important;
}

/* ---- SERVIÇOS — seção com fundo mais rico ------------------------- */
.page-home .services {
  background: linear-gradient(170deg, #f7fbff 0%, #eef5fc 50%, #f4f9ff 100%) !important;
  position: relative;
}

.page-home .services::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: linear-gradient(90deg, #158bd3, #39b5ef, #158bd3);
  opacity: .5;
}

/* Cards de serviço — mais impacto visual */
.page-home .service-card {
  background: linear-gradient(145deg, #ffffff 0%, #f5faff 100%) !important;
  border-color: rgba(21,139,211,.13) !important;
  box-shadow: 0 4px 18px rgba(20,50,75,.08), 0 1px 0 rgba(255,255,255,.9) !important;
}

.page-home .service-card:hover {
  border-color: rgba(21,139,211,.28) !important;
  box-shadow: 0 20px 56px rgba(21,139,211,.12), 0 2px 0 #39b5ef !important;
}

/* Linha esquerda colorida por tipo de serviço */

/* Brand cards container — sem fundo, só grid */
.page-home .licenses-brands {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Brand cards — identidade idêntica aos service cards */
.page-home .licenses .brand-card,
.page-home .licenses .brand-card:nth-child(1),
.page-home .licenses .brand-card:nth-child(6) {
  background: linear-gradient(145deg, #fff 0%, #f5faff 100%) !important;
  border: 1px solid rgba(21,139,211,0.13) !important;
  border-radius: 22px !important;
  box-shadow: 0 4px 18px rgba(20,50,75,0.08), 0 1px 0 rgba(255,255,255,0.9) !important;
  padding: 30px !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s !important;
  overflow: hidden !important;
}

/* Remove qualquer ::before herdado */
.page-home .licenses .brand-card::before,
.page-home .licenses .brand-card:nth-child(1)::before,
.page-home .licenses .brand-card:nth-child(6)::before {
  content: none !important;
}

.page-home .licenses .brand-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(21,139,211,0.24) !important;
  box-shadow: 0 16px 40px rgba(21,139,211,0.12) !important;
}

/* Logo tile — limpo, sem background extra */
.page-home .licenses .brand-logo {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  height: 44px !important;
}

.page-home .licenses .brand-logo img {
  max-height: 40px !important;
  width: auto !important;
  object-fit: contain !important;
}

.page-home .licenses .brand-card h3,
.page-home .licenses .brand-card:nth-child(1) h3,
.page-home .licenses .brand-card:nth-child(6) h3 {
  color: #07101e !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
  margin-bottom: 8px !important;
}

.page-home .licenses .brand-card p,
.page-home .licenses .brand-card:nth-child(1) p,
.page-home .licenses .brand-card:nth-child(6) p {
  color: #4a6080 !important;
  font-size: 0.875rem !important;
  line-height: 1.55 !important;
  flex: 1 !important;
}

.page-home .licenses .brand-card .service-link,
.page-home .licenses .brand-card:nth-child(1) .service-link,
.page-home .licenses .brand-card:nth-child(6) .service-link {
  color: #087dbd !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  margin-top: 16px !important;
}

/* Product cards hover: light bg → dark text */
.page-home .products-grid .product-card:hover h3,
.page-home .products-grid .product-card:hover h4,
.page-home .products-grid .product-card:hover p {
  color: #07101e !important;
}
.page-home .products-grid .product-card:hover .product-chip {
  color: #087dbd !important;
  background: rgba(234,247,255,0.9) !important;
  border-color: rgba(21,139,211,0.18) !important;
}
.page-home .products-grid .product-card:hover .product-link,
.page-home .products-grid .product-card:hover a {
  color: #087dbd !important;
}

/* Ecosystem logos strip — white background, light blue shimmer */
.page-home .ecosystem-strip {
  background: #fff !important;
  border-color: rgba(21, 139, 211, 0.12) !important;
  box-shadow: 0 4px 20px rgba(21, 139, 211, 0.06) !important;
}
.page-home .ecosystem-strip::before {
  background:
    radial-gradient(ellipse 22% 90% at 20% 50%, rgba(57,181,239,0.18), transparent 70%),
    linear-gradient(115deg, transparent 0 18%, rgba(57,181,239,0.14) 30%, rgba(57,181,239,0.06) 42%, transparent 58% 100%) !important;
}

/* Photo card replacing animation aside */
.page-home .services-photo-card {
  display: flex !important;
  flex-direction: column;
  padding: 0 !important;
  overflow: hidden !important;
  min-height: 400px;
}
@media (min-width: 769px) {
  .page-home .services-photo-card {
    grid-column: span 5 !important;
  }
}
.page-home .services-photo-card img {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  object-fit: cover;
  border-radius: 16px 16px 0 0;
  display: block;
}
.page-home .services-photo-card .services-visual-copy {
  padding: 14px 16px 16px !important;
}
.page-home .services-photo-card .services-visual-copy span {
  color: var(--primary) !important;
}
.page-home .services-photo-card .services-visual-copy strong {
  color: #07101e !important;
}

/* Row 2: security + backup + devices = 3 equal cards (desktop grid only —
   unscoped it fought the mobile single-column safety net with !important
   and collapsed .services-panel into broken implicit columns). */
@media (min-width: 769px) {
  .page-home .service-card-security,
  .page-home .service-card-backup,
  .page-home .service-card-devices {
    grid-column: span 4 !important;
  }

  /* Last row: identity + support as 2 equal half-width cards */
  .page-home .service-card-identity,
  .page-home .service-card-support {
    grid-column: span 6 !important;
  }
}

/* Reset support card — override the 2-col grid (text + animation) to single column */
.page-home .service-card-support {
  grid-template-columns: minmax(0, 1fr) !important;
}

.page-home .service-card-support .service-card-top,
.page-home .service-card-support .service-card-body,
.page-home .service-card-support .service-card-footer {
  grid-column: 1 !important;
  max-width: none !important;
}

/* Standardize meta badge position: absolute top-right on all cards */
.page-home .services-panel .service-card .service-meta {
  position: absolute !important;
  top: 22px !important;
  right: 22px !important;
  left: auto !important;
}

/* Unify all service card chips, meta badges and links */
.page-home .services-panel .tag-list span,
.page-home .services-panel .service-meta {
  color: #087dbd !important;
  background: rgba(234, 247, 255, 0.78) !important;
  border-color: rgba(21, 139, 211, 0.15) !important;
}

.page-home .services-panel .service-link {
  color: #087dbd !important;
}
.page-home .services-panel .service-link:hover {
  color: #055f94 !important;
}

/* Numbers on lead (01) and support (06) — now light cards, use dark ghost color */
.page-home .service-card-lead::before,
.page-home .service-card-support::before {
  color: rgba(16, 42, 69, 0.08) !important;
}

/* Remove the purple radial decoration from support card */
.page-home .service-card-support::after {
  display: none !important;
}

.page-home .service-card-security::before,
.page-home .service-card-backup::before,
.page-home .service-card-devices::before,
.page-home .service-card-identity::before,
.page-home .service-card-support::before { background: none !important; }

/* Service icon — mesmo tratamento azul-claro em todos os cards */
.page-home .service-card-security .service-icon,
.page-home .service-card-backup   .service-icon,
.page-home .service-card-devices  .service-icon,
.page-home .service-card-identity .service-icon,
.page-home .service-card-support  .service-icon { background: rgba(21,139,211,.08) !important; color: var(--primary) !important; }

/* ---- PRODUTOS — fundo section-blue com mais contraste ------------ */
.page-home .products.section-blue {
  background: linear-gradient(160deg, #07101e 0%, #0a1f35 50%, #0d2845 100%) !important;
  color: rgba(255,255,255,.82) !important;
}

/* Base: todos os filhos herdam branco */
.page-home .products.section-blue h1,
.page-home .products.section-blue h2,
.page-home .products.section-blue h3,
.page-home .products.section-blue h4,
.page-home .products.section-blue strong {
  color: #fff !important;
}

.page-home .products.section-blue p,
.page-home .products.section-blue li,
.page-home .products.section-blue span:not(.section-tag):not(.products-tag):not(.eyebrow):not(.product-chip) {
  color: rgba(255,255,255,.65) !important;
}

.page-home .products.section-blue .section-tag,
.page-home .products.section-blue .products-tag,
.page-home .products.section-blue .eyebrow {
  color: #39b5ef !important;
  background: rgba(21,139,211,.14) !important;
  border-color: rgba(57,181,239,.22) !important;
}

.page-home .products.section-blue .tag-list span {
  color: rgba(255,255,255,.72) !important;
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.12) !important;
}

.page-home .products.section-blue a.service-link {
  color: #39b5ef !important;
}

.page-home .products.section-blue .product-chip {
  color: rgba(255,255,255,.5) !important;
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.1) !important;
}

.page-home .products.section-blue .products-usecases span {
  color: rgba(255,255,255,.45) !important;
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
}

/* Product cards */
.page-home .product-card {
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(57,181,239,.12) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.18) !important;
}

.page-home .product-card:hover {
  background: rgba(21,139,211,.08) !important;
  border-color: rgba(57,181,239,.28) !important;
  box-shadow: 0 20px 56px rgba(21,139,211,.16) !important;
}


/* Action bar bottom */
.page-home .products.section-blue .products-action span,
.page-home .products.section-blue .services-action span {
  color: rgba(255,255,255,.45) !important;
}
.page-home .products.section-blue .products-action strong,
.page-home .products.section-blue .services-action strong {
  color: #fff !important;
}

/* ---- LICENÇAS — fundo gradiente premium -------------------------  */
.page-home .licenses.section-light {
  background: linear-gradient(170deg, #ffffff 0%, #f0f7ff 50%, #e8f3fd 100%) !important;
  position: relative;
}

/* Brand cards mais visuais */
.page-home .brand-card {
  background: #fff !important;
  border: 1px solid rgba(21,139,211,.10) !important;
  box-shadow: 0 4px 16px rgba(20,50,75,.06) !important;
}

.page-home .brand-card:hover {
  border-color: rgba(21,139,211,.24) !important;
  box-shadow: 0 16px 44px rgba(21,139,211,.12) !important;
}

/* ---- BARRA DE DIFERENCIAIS ---------------------------------------- */
.diferenciais-strip {
  background: linear-gradient(135deg, #07101e 0%, #0a1f35 60%, #0d2a4a 100%);
  border-top: 1px solid rgba(57, 181, 239, .10);
  border-bottom: 1px solid rgba(57, 181, 239, .10);
  padding: 0;
  position: relative;
  overflow: hidden;
}

.diferenciais-strip::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 120% at 50% 50%, rgba(21, 139, 211, .07) 0%, transparent 70%);
  pointer-events: none;
}

.diferenciais-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  position: relative;
}

.diferencial-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 28px 32px;
  border-right: 1px solid rgba(57, 181, 239, .08);
  transition: background .25s ease;
}

.diferencial-item:last-child {
  border-right: none;
}

.diferencial-item:hover {
  background: rgba(21, 139, 211, .06);
}

.diferencial-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: rgba(21, 139, 211, .12);
  border: 1px solid rgba(21, 139, 211, .18);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.diferencial-icon i {
  font-size: 1.1rem;
  color: #39b5ef;
}

.diferencial-copy {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.diferencial-copy strong {
  font-size: .93rem;
  font-weight: 700;
  color: #fff;
  font-family: 'Space Grotesk', sans-serif;
  line-height: 1.2;
}

.diferencial-copy span {
  font-size: .73rem;
  color: rgba(255, 255, 255, .48);
  font-family: 'DM Sans', sans-serif;
  line-height: 1.3;
}

/* ---- HOVER EFFECTS — service-card --------------------------------- */
.service-card {
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.service-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 56px rgba(20, 50, 75, .16) !important;
}

/* ---- HOVER EFFECTS — product-card --------------------------------- */
.product-card {
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.product-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 56px rgba(20, 50, 75, .18) !important;
}

/* ---- HOVER EFFECTS — brand-card ----------------------------------- */
.brand-card {
  transition: transform .22s ease, box-shadow .22s ease !important;
}

.brand-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 48px rgba(20, 50, 75, .14) !important;
}

/* ---- HOVER EFFECTS — photo-comp cards ----------------------------- */
.photo-comp-feature,
.photo-comp-consulting,
.photo-comp-split {
  transition: box-shadow .25s ease !important;
}

.photo-comp-feature:hover,
.photo-comp-consulting:hover,
.photo-comp-split:hover {
  box-shadow: 0 36px 96px rgba(20, 50, 75, .16) !important;
}

/* ---- STATS / COUNTERS SECTION ------------------------------------- */
.stats-section {
  padding: 72px 0;
  background: linear-gradient(135deg, #07101e 0%, #0a1f35 100%);
  position: relative;
  overflow: hidden;
}

.stats-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 140% at 30% 50%, rgba(21, 139, 211, .08) 0%, transparent 60%),
              radial-gradient(ellipse 60% 100% at 80% 50%, rgba(57, 181, 239, .05) 0%, transparent 55%);
  pointer-events: none;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  position: relative;
}

.stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 40px 28px;
  border-right: 1px solid rgba(57, 181, 239, .08);
  text-align: center;
}

.stat-item:last-child {
  border-right: none;
}

.stat-number {
  font-size: 2.8rem;
  font-weight: 800;
  color: #fff;
  font-family: 'Space Grotesk', sans-serif;
  line-height: 1;
  letter-spacing: -.02em;
}

.stat-number .stat-suffix {
  font-size: 1.8rem;
  color: #39b5ef;
}

.stat-label {
  font-size: .78rem;
  color: rgba(255, 255, 255, .48);
  font-family: 'DM Sans', sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1.4;
}

.stat-item-divider {
  width: 32px;
  height: 2px;
  background: linear-gradient(90deg, #158bd3, #39b5ef);
  border-radius: 2px;
  margin: 2px auto 0;
}

/* Counter animation */
.stat-number.counting {
  animation: count-pop .15s ease;
}

@keyframes count-pop {
  0% { transform: scale(1.04); }
  100% { transform: scale(1); }
}

/* ---- CTA PHOTO SECTION -------------------------------------------- */
.cta-photo-section {
  position: relative;
  overflow: hidden;
  min-height: 680px;
  display: flex;
  align-items: center;
}

.cta-photo-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  display: block;
}

.cta-photo-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg,
    rgba(7, 16, 30, .88) 0%,
    rgba(10, 33, 53, .80) 40%,
    rgba(7, 16, 30, .70) 100%
  );
  z-index: 1;
}

.cta-photo-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 140px 44px !important;
}

.cta-photo-inner {
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cta-photo-tag {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: .63rem;
  font-weight: 700;
  color: #39b5ef;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-family: 'DM Sans', sans-serif;
}

.cta-photo-title {
  font-size: 2.2rem;
  font-weight: 800;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  line-height: 1.2;
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: -.01em;
}

.cta-photo-title span {
  color: #39b5ef !important;
  -webkit-text-fill-color: #39b5ef !important;
}

.cta-photo-subtitle {
  font-size: .95rem;
  color: rgba(255, 255, 255, .72) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .72) !important;
  line-height: 1.6;
  font-family: 'DM Sans', sans-serif;
  max-width: 480px;
}

.cta-photo-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.cta-photo-actions .btn-primary {
  background: linear-gradient(135deg, #158bd3, #39b5ef);
  color: #fff;
  border: none;
  padding: 14px 28px;
  border-radius: 10px;
  font-size: .85rem;
  font-weight: 700;
  font-family: 'DM Sans', sans-serif;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow: 0 8px 28px rgba(21, 139, 211, .38);
}

.cta-photo-actions .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px rgba(21, 139, 211, .48);
}

.cta-photo-actions .text-link-light {
  font-size: .83rem;
  color: rgba(255, 255, 255, .55);
  text-decoration: none;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color .18s ease;
}

.cta-photo-actions .text-link-light:hover {
  color: rgba(255, 255, 255, .85);
}

/* ---- HERO FADE-IN ANIMATIONS -------------------------------------- */
.hero-content .hero-tag {
  animation: fadeSlideUp .55s ease both;
  animation-delay: .1s;
}

.hero-content h1 {
  animation: fadeSlideUp .6s ease both;
  animation-delay: .22s;
}

.hero-content .hero-description {
  animation: fadeSlideUp .6s ease both;
  animation-delay: .34s;
}

.hero-content .hero-cta {
  animation: fadeSlideUp .6s ease both;
  animation-delay: .46s;
}

@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(22px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =====================================================================
   PÁGINAS INTERNAS — identidade premium consistente com a home
   ===================================================================== */

/* ---- HERO IMAGES — substituindo placeholders por fotos reais ------- */
body.page-services { --hero-image: url('../images/hero-servicos.jpg') !important; }
body.page-products { --hero-image: url('../images/hero-produtos.jpg') !important; }
body.page-licenses { --hero-image: url('../images/hero-uc.jpg') !important; }

/* ---- LICENÇAS: cards dark → white ---------------------------------- */
.page-licenses .lc-dark,
.page-licenses .lc-dark::before {
  background: linear-gradient(145deg, #fff 0%, #f5faff 100%) !important;
  border: 1px solid rgba(21,139,211,0.13) !important;
  box-shadow: 0 4px 18px rgba(20,50,75,0.08), 0 1px 0 rgba(255,255,255,0.9) !important;
}

.page-licenses .lc-dark::before {
  content: none !important;
}

.page-licenses .lc-dark h3,
.page-licenses .lc-dark h2,
.page-licenses .lc-dark .lc-feat-left h3 {
  color: #07101e !important;
}

.page-licenses .lc-dark p,
.page-licenses .lc-dark li,
.page-licenses .lc-dark .lc-plans p {
  color: #4a6080 !important;
}

.page-licenses .lc-dark .lc-plan-title,
.page-licenses .lc-dark .lc-coverage-label {
  color: #087dbd !important;
}

.page-licenses .lc-dark .lc-coverage-label i {
  color: #087dbd !important;
}

.page-licenses .lc-dark-icon,
.page-licenses .lc-dark-icon-a,
.page-licenses .lc-dark-icon-b,
.page-licenses .lc-dark-icon-c {
  background: rgba(234,247,255,0.7) !important;
  color: #087dbd !important;
  border-color: rgba(21,139,211,0.15) !important;
}

/* Tags e links nos cards dark */
.page-licenses .lc-dark .service-meta,
.page-licenses .lc-dark .tag-list span,
.page-licenses .lc-dark [class*="badge"],
.page-licenses .lc-dark [class*="chip"] {
  color: #087dbd !important;
  background: rgba(234,247,255,0.8) !important;
  border-color: rgba(21,139,211,0.15) !important;
}

/* ---- LICENÇAS: inner-anchor-nav strip ----------------------------- */
.page-licenses .inner-anchor-nav,
.page-services .inner-anchor-nav,
.page-products .inner-anchor-nav {
  background: rgba(255,255,255,0.95) !important;
  border-top: 1px solid rgba(21,139,211,0.08) !important;
  border-bottom: 1px solid rgba(21,139,211,0.08) !important;
  backdrop-filter: blur(12px) !important;
}

/* ---- SERVIÇOS: cards light-card uniformes ----------------------- */
.page-services .light-card,
.page-products .light-card,
.page-licenses .light-card {
  background: linear-gradient(145deg, #fff 0%, #f5faff 100%) !important;
  border: 1px solid rgba(21,139,211,0.13) !important;
  border-radius: 20px !important;
  box-shadow: 0 4px 18px rgba(20,50,75,0.07) !important;
  transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s !important;
}

.page-services .light-card:hover,
.page-products .light-card:hover,
.page-licenses .light-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(21,139,211,0.24) !important;
  box-shadow: 0 16px 40px rgba(21,139,211,0.12) !important;
}

/* ---- LIC PHOTO CARD — card de imagem dentro do lc-grid ------------ */
.lc-photo-card {
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 320px !important;
}

.lc-photo-card img {
  width: 100% !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  object-fit: cover !important;
  border-radius: 20px 20px 0 0 !important;
  display: block !important;
}

.lc-photo-caption {
  padding: 16px 20px !important;
  background: #fff !important;
  border-top: 1px solid rgba(21,139,211,0.10) !important;
  border-radius: 0 0 20px 20px !important;
}

.lc-photo-caption span {
  display: block !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #087dbd !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 4px !important;
}

.lc-photo-caption strong {
  display: block !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #07101e !important;
  line-height: 1.4 !important;
}

/* Card visual de licenças: deixa de ser "foto em card" e vira módulo do sistema */
.page-licenses .lc-photo-card {
  position: relative !important;
  min-height: 360px !important;
  padding: 28px !important;
  justify-content: flex-end !important;
  background:
    linear-gradient(rgba(21,139,211,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(21,139,211,.055) 1px, transparent 1px),
    radial-gradient(circle at 56% 42%, rgba(57,181,239,.18), transparent 34%),
    linear-gradient(145deg, #f7fcff, #e9f6fd) !important;
  background-size: 28px 28px, 28px 28px, auto, auto !important;
  border: 1px solid rgba(21,139,211,.16) !important;
  box-shadow: 0 22px 62px rgba(20,50,75,.09) !important;
}

.page-licenses .lc-photo-card::before {
  content: "";
  position: absolute;
  inset: 36px 42px 82px;
  border: 1px solid rgba(21,139,211,.16);
  border-radius: 24px;
  background:
    radial-gradient(circle at center, rgba(57,181,239,.18) 0 6px, transparent 7px),
    radial-gradient(circle at center, transparent 0 56px, rgba(21,139,211,.14) 57px 58px, transparent 59px 104px, rgba(21,139,211,.1) 105px 106px, transparent 107px);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.72);
}

.page-licenses .lc-photo-card::after {
  content: "\f0c0";
  position: absolute;
  left: 50%;
  top: calc(50% - 20px);
  display: grid;
  place-items: center;
  width: 86px;
  height: 86px;
  transform: translate(-50%, -50%) rotate(-5deg);
  border: 1px solid rgba(21,139,211,.2);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(224,245,255,.9));
  color: #158bd3;
  font-family: "Font Awesome 6 Free";
  font-size: 1.45rem;
  font-weight: 900;
  box-shadow: 0 24px 44px rgba(20,50,75,.12), inset 0 1px 0 rgba(255,255,255,.82);
}

.page-licenses .lc-photo-card img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: .08 !important;
  filter: grayscale(1) contrast(.82) brightness(1.18) !important;
  mix-blend-mode: multiply !important;
  border-radius: inherit !important;
}

.page-licenses .lc-photo-caption {
  position: relative !important;
  z-index: 3 !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(21,139,211,.14) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.78) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow: 0 12px 30px rgba(20,50,75,.08) !important;
}

/* Tags / chips nas páginas internas */
.page-services .tag-list span,
.page-products .tag-list span,
.page-licenses .tag-list span,
.page-about .tag-list span {
  color: #087dbd !important;
  background: rgba(234,247,255,0.78) !important;
  border-color: rgba(21,139,211,0.15) !important;
}

/* Links "Saiba mais / Ver mais" nas páginas internas */
.page-services .service-link,
.page-products .service-link,
.page-licenses .service-link,
.page-about .service-link {
  color: #087dbd !important;
}

/* ---- RESPONSIVO --------------------------------------------------- */
@media (max-width: 768px) {
  .diferenciais-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .diferencial-item {
    padding: 20px 18px;
    border-bottom: 1px solid rgba(57, 181, 239, .08);
  }

  .diferencial-item:nth-child(2n) {
    border-right: none;
  }

  .diferencial-item:nth-last-child(-n+2) {
    border-bottom: none;
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .stat-item {
    padding: 28px 16px;
    border-bottom: 1px solid rgba(57, 181, 239, .08);
  }

  .stat-item:nth-child(2n) {
    border-right: none;
  }

  .stat-item:nth-last-child(-n+2) {
    border-bottom: none;
  }

  .stat-number {
    font-size: 2rem;
  }

  .cta-photo-title {
    font-size: 1.6rem;
  }

  .cta-photo-content {
    padding: 52px 0;
  }
}

/* Hero — página de produtos: dark com foto, igual à home */
body.page-products.inner-page .inner-hero {
  background:
    linear-gradient(150deg, rgba(7,16,30,.93) 0%, rgba(10,33,55,.87) 45%, rgba(7,16,30,.82) 100%),
    url('../images/hero-produtos-bg.jpg') center 40% / cover no-repeat !important;
  min-height: 92vh !important;
  padding: 180px 0 140px !important;
}

.products-hero-bg-photo { display: none !important; }

/* Textos do hero ficam brancos */
.page-products .inner-hero h1,
.page-products .inner-hero h1 span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* H1 do hero em duas cores, como na Home: a segunda frase ("Colaboração
   sem atrito.") em azul-claro de destaque. */
.page-products .inner-hero .products-hero-copy h1 span:nth-child(3),
.page-products .inner-hero .products-hero-copy h1 span:nth-child(4) {
  color: #39b5ef !important;
  -webkit-text-fill-color: #39b5ef !important;
}

.page-products .inner-hero p {
  color: rgba(255,255,255,.68) !important;
  -webkit-text-fill-color: rgba(255,255,255,.68) !important;
}

.page-products .inner-hero .inline-flex {
  background: rgba(21,139,211,.16) !important;
  border-color: rgba(21,139,211,.28) !important;
  color: #39b5ef !important;
}

.page-products .products-hero-primary {
  padding: 14px 30px !important;
  border-radius: 999px !important;
  background: #39b5ef !important;
  color: #fff !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  box-shadow: 0 20px 44px rgba(8,17,31,.18) !important;
}
.page-products .products-hero-primary:hover {
  background: #fff !important;
  color: #39b5ef !important;
}

.page-products .products-hero-proof span,
.page-products .products-hero-proof strong {
  color: rgba(255,255,255,.7) !important;
  -webkit-text-fill-color: rgba(255,255,255,.7) !important;
}

.page-products .products-hero-proof i {
  color: #39b5ef !important;
}

/* GIF do produto na dobra de câmeras */
.product-gif-frame {
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(21,139,211,0.10);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 16px;
}

.product-gif-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Produto/videoconferência: integra o GIF como textura, não como imagem solta */
.page-products .product-gif-frame {
  position: relative !important;
  min-height: 300px !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    linear-gradient(rgba(57,181,239,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,181,239,.055) 1px, transparent 1px),
    radial-gradient(circle at 52% 48%, rgba(57,181,239,.2), transparent 34%),
    linear-gradient(145deg, rgba(6,17,31,.98), rgba(11,53,84,.95)) !important;
  background-size: 26px 26px, 26px 26px, auto, auto !important;
  border-color: rgba(57,181,239,.16) !important;
  border-radius: 24px !important;
}

.page-products .product-gif-frame::before {
  content: "";
  position: absolute;
  inset: 38px;
  border: 1px solid rgba(57,181,239,.18);
  border-radius: 24px;
  background:
    linear-gradient(90deg, transparent 0 28%, rgba(57,181,239,.16) 28% 29%, transparent 29% 71%, rgba(57,181,239,.16) 71% 72%, transparent 72%),
    radial-gradient(circle at 50% 50%, transparent 0 52px, rgba(57,181,239,.18) 53px 54px, transparent 55px 100px, rgba(57,181,239,.11) 101px 102px, transparent 103px);
}

.page-products .product-gif-frame::after {
  content: "\f03d";
  position: absolute;
  left: 50%;
  top: 50%;
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  transform: translate(-50%, -50%) rotate(-4deg);
  border: 1px solid rgba(57,181,239,.2);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(57,181,239,.08));
  color: #39b5ef;
  font-family: "Font Awesome 6 Free";
  font-size: 1.35rem;
  font-weight: 900;
  box-shadow: 0 24px 44px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.18);
}

.page-products .product-gif-frame img {
  opacity: .08 !important;
  filter: grayscale(1) brightness(1.25) contrast(.8) !important;
  mix-blend-mode: screen !important;
}

/* ── UC Stage — melhorias visuais ───────────────────────────────────── */

/* Tela principal: mais profundidade e brilho */
.page-products .uc-room-screen {
  background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(215,238,252,.82)) !important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 40px 80px rgba(20,50,75,.22),
    0 0 0 1px rgba(21,139,211,.14),
    0 0 0 10px rgba(255,255,255,.18),
    0 0 60px rgba(21,139,211,.08) !important;
  transform: perspective(900px) rotateX(3deg) rotateY(-1deg) !important;
}

/* Participante 4 (ativo): borda azul pulsando */
.page-products .uc-participant-grid span:nth-child(4) {
  border: 2px solid rgba(21,139,211,.55) !important;
  box-shadow: 0 0 0 3px rgba(57,181,239,.18), inset 0 1px 0 rgba(255,255,255,.9) !important;
  animation: uc-active-speaker 2.8s ease-in-out infinite !important;
  background: linear-gradient(145deg, rgba(234,247,255,.95), rgba(255,255,255,.92)) !important;
}

/* Avatar do participante ativo mais vivo */
.page-products .uc-participant-grid span:nth-child(4)::before {
  background: rgba(21,139,211,.38) !important;
  width: 32px !important;
  height: 32px !important;
  box-shadow: 0 0 0 6px rgba(57,181,239,.14) !important;
}

/* Participante 1: tom mais quente */
.page-products .uc-participant-grid span:nth-child(1) {
  background: linear-gradient(145deg, rgba(245,250,255,.95), rgba(255,255,255,.88)) !important;
}
.page-products .uc-participant-grid span:nth-child(1)::before {
  background: rgba(8,125,189,.28) !important;
}

/* Camera bar: indicador ao vivo com pulse */
.page-products .uc-camera-bar span {
  animation: uc-live-pulse 1.6s ease-in-out infinite !important;
}

/* Badges flutuantes: mais visíveis no fundo escuro */
.page-products .uc-device {
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 16px 36px rgba(7,16,30,.22), 0 0 0 1px rgba(21,139,211,.12), inset 0 1px 0 #fff !important;
  border-color: rgba(21,139,211,.18) !important;
}

.page-products .uc-device i {
  color: #087dbd !important;
  font-size: .75rem !important;
}

.page-products .uc-device span {
  color: #07101e !important;
  font-size: .6rem !important;
  font-weight: 800 !important;
}

/* Console: mais destaque */
.page-products .uc-console {
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(224,242,253,.6)) !important;
  box-shadow: inset 0 1px 0 #fff, 0 28px 52px rgba(20,50,75,.18), 0 0 0 1px rgba(21,139,211,.12) !important;
}

/* Status rail: mais luminoso no fundo escuro */
.page-products .uc-status-rail {
  background: linear-gradient(135deg, #071829, #0d2d47) !important;
  border-color: rgba(57,181,239,.2) !important;
  box-shadow: 0 22px 48px rgba(7,16,30,.35), 0 0 0 1px rgba(57,181,239,.08) !important;
}

/* Orbs de sinal: mais visíveis */
.page-products .uc-signal {
  border-color: rgba(57,181,239,.25) !important;
}
.page-products .uc-signal::after {
  box-shadow: 0 0 0 8px rgba(57,181,239,.16), 0 0 24px rgba(21,139,211,.55) !important;
}

/* Halo central: mais intenso */
.page-products .uc-stage::before {
  background: radial-gradient(circle, rgba(57,181,239,.18) 0, rgba(57,181,239,.07) 38%, transparent 68%) !important;
  box-shadow: 0 0 0 54px rgba(21,139,211,.04), 0 0 0 108px rgba(21,139,211,.025) !important;
}

@keyframes uc-active-speaker {
  0%, 100% { box-shadow: 0 0 0 3px rgba(57,181,239,.18), inset 0 1px 0 rgba(255,255,255,.9); border-color: rgba(21,139,211,.55); }
  50%       { box-shadow: 0 0 0 6px rgba(57,181,239,.30), inset 0 1px 0 rgba(255,255,255,.9); border-color: rgba(21,139,211,.85); }
}

@keyframes uc-live-pulse {
  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(53,217,138,.5); }
  50%       { opacity: .7; box-shadow: 0 0 0 4px rgba(53,217,138,0); }
}

/* ═══════════════════════════════════════════════════════════════════
   VC-STAGE — nova animação de videoconferência UC
   ═══════════════════════════════════════════════════════════════════ */

.products-hero-visual {
  position: relative;
  width: 100%;
  max-width: 580px;
  height: 460px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vc-stage {
  position: relative;
  width: 100%;
  height: 100%;
}

/* ── Card principal ── */
.vc-card {
  position: absolute;
  top: 20px; right: 0; bottom: 20px; left: 20px;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.13);
  backdrop-filter: blur(24px) saturate(1.3);
  box-shadow:
    0 40px 80px rgba(7,16,30,0.55),
    0 0 0 1px rgba(255,255,255,0.06),
    inset 0 1px 0 rgba(255,255,255,0.12);
  overflow: hidden;
}

/* ── Header ── */
.vc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px 10px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  flex-shrink: 0;
}

.vc-header-left { display: flex; align-items: center; gap: 10px; }
.vc-header-right { display: flex; align-items: center; gap: 8px; }

.vc-rec {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 8px;
  border-radius: 6px;
  background: rgba(239,68,68,0.18);
  border: 1px solid rgba(239,68,68,0.3);
  color: #f87171;
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}
.vc-rec i {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #ef4444;
  animation: vc-rec-blink 1.4s ease-in-out infinite;
}

.vc-meeting-name {
  color: rgba(255,255,255,0.9);
  font-size: 0.68rem;
  font-weight: 700;
  font-family: 'Space Grotesk', sans-serif;
}

.vc-timer {
  color: rgba(255,255,255,0.5);
  font-size: 0.6rem;
  font-weight: 600;
  font-family: 'Space Grotesk', monospace;
}

/* ── Grid de participantes ── */
.vc-grid {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 3px;
  padding: 3px;
  min-height: 0;
}

.vc-tile {
  position: relative;
  border-radius: 14px;
  background: rgba(255,255,255,0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.06);
}

/* Speaker ativo */
.vc-tile-speaking {
  border-color: rgba(57,181,239,0.6) !important;
  box-shadow: inset 0 0 0 2px rgba(57,181,239,0.3), 0 0 20px rgba(57,181,239,0.15);
  animation: vc-speaking-pulse 2.5s ease-in-out infinite;
}

/* Tile de screen share */
.vc-tile-screen {
  background: rgba(13,40,70,0.7) !important;
  border-color: rgba(57,181,239,0.2) !important;
}

.vc-screen-share {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.vc-screen-share i {
  font-size: 1.4rem;
  color: #39b5ef;
  opacity: 0.7;
}
.vc-screen-share span {
  color: rgba(255,255,255,0.8);
  font-size: 0.6rem;
  font-weight: 700;
}
.vc-screen-share small {
  color: rgba(255,255,255,0.4);
  font-size: 0.52rem;
}

/* Avatar com inicial */
.vc-avatar {
  width: 44px; height: 44px;
  border-radius: 50%;
  background: var(--c, #158bd3);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
  font-family: 'Space Grotesk', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  flex-shrink: 0;
}

/* Nome do participante */
.vc-tile-name {
  position: absolute;
  bottom: 8px; left: 8px;
  padding: 3px 7px;
  border-radius: 6px;
  background: rgba(7,16,30,0.72);
  color: rgba(255,255,255,0.88);
  font-size: 0.5rem;
  font-weight: 700;
  backdrop-filter: blur(8px);
}

/* Badge mic */
.vc-tile-badge {
  position: absolute;
  bottom: 8px; right: 8px;
  width: 20px; height: 20px;
  border-radius: 50%;
  background: rgba(7,16,30,0.6);
  color: rgba(255,255,255,0.7);
  font-size: 0.45rem;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(8px);
}
.vc-tile-badge.vc-muted { color: #f87171; }

/* Ondas de áudio (speaker ativo) */
.vc-waves {
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: flex-end;
  gap: 2px;
}
.vc-waves span {
  width: 3px;
  border-radius: 2px;
  background: #39b5ef;
  animation: vc-wave 1s ease-in-out infinite;
}
.vc-waves span:nth-child(1) { height: 6px;  animation-delay: 0s; }
.vc-waves span:nth-child(2) { height: 12px; animation-delay: .1s; }
.vc-waves span:nth-child(3) { height: 18px; animation-delay: .2s; }
.vc-waves span:nth-child(4) { height: 12px; animation-delay: .3s; }
.vc-waves span:nth-child(5) { height: 6px;  animation-delay: .4s; }

/* ── Controles ── */
.vc-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 18px 16px;
  border-top: 1px solid rgba(255,255,255,0.07);
  flex-shrink: 0;
}

.vc-btn {
  width: 36px; height: 36px;
  border: none;
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.75);
  font-size: 0.68rem;
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.1);
  transition: background 0.2s;
}
.vc-btn-active {
  background: rgba(57,181,239,0.25) !important;
  color: #39b5ef !important;
  border-color: rgba(57,181,239,0.35) !important;
}
.vc-btn-end {
  background: rgba(239,68,68,0.2) !important;
  color: #f87171 !important;
  border-color: rgba(239,68,68,0.3) !important;
  width: 44px !important;
  border-radius: 22px !important;
}

/* ── Toast de notificação ── */
.vc-toast {
  position: absolute;
  top: 0; left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  border-radius: 10px;
  background: rgba(13,30,50,0.92);
  border: 1px solid rgba(57,181,239,0.25);
  color: rgba(255,255,255,0.88);
  font-size: 0.58rem;
  font-weight: 600;
  box-shadow: 0 12px 28px rgba(7,16,30,0.4);
  backdrop-filter: blur(12px);
  white-space: nowrap;
  animation: vc-toast-in 0.5s cubic-bezier(.34,1.56,.64,1) both,
             vc-toast-out 0.4s ease-in 3.5s both;
}
.vc-toast i { color: #39b5ef; font-size: 0.62rem; }

/* ── Badges de plataforma ── */
.vc-platform {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  border-radius: 10px;
  background: rgba(13,30,50,0.88);
  border: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,0.85);
  font-size: 0.58rem;
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(7,16,30,0.35);
  backdrop-filter: blur(12px);
  animation: vc-float 4s ease-in-out infinite;
}
.vc-platform-teams {
  top: 80px; left: 10px;
  animation-delay: 0s;
}
.vc-platform-zoom {
  top: 140px; right: 10px;
  animation-delay: -2s;
}

/* ── Qualidade ── */
.vc-quality {
  position: absolute;
  bottom: 12px; right: 12px;
  display: flex;
  align-items: flex-end;
  gap: 2px;
}
.vc-quality span {
  width: 4px;
  border-radius: 2px;
  background: #35d98a;
}
.vc-quality span:nth-child(1) { height: 6px; }
.vc-quality span:nth-child(2) { height: 10px; }
.vc-quality span:nth-child(3) { height: 14px; }
.vc-quality small {
  margin-left: 5px;
  color: rgba(255,255,255,0.45);
  font-size: 0.48rem;
  font-weight: 700;
  line-height: 14px;
}

/* ── Keyframes ── */
@keyframes vc-rec-blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.3; }
}

@keyframes vc-speaking-pulse {
  0%, 100% { border-color: rgba(57,181,239,0.6); box-shadow: inset 0 0 0 2px rgba(57,181,239,0.3), 0 0 20px rgba(57,181,239,0.12); }
  50%       { border-color: rgba(57,181,239,1);   box-shadow: inset 0 0 0 2px rgba(57,181,239,0.5), 0 0 32px rgba(57,181,239,0.28); }
}

@keyframes vc-wave {
  0%, 100% { transform: scaleY(0.5); opacity: 0.5; }
  50%       { transform: scaleY(1);   opacity: 1; }
}

@keyframes vc-float {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-6px); }
}

@keyframes vc-toast-in {
  from { opacity: 0; transform: translateX(-50%) translateY(-10px); }
  to   { opacity: 1; transform: translateX(-50%) translateY(0); }
}
@keyframes vc-toast-out {
  from { opacity: 1; }
  to   { opacity: 0; transform: translateX(-50%) translateY(-8px); }
}

/* ═══════════════════════════════════════════════════════
   HEROES ESCUROS — padrão home/produtos em todas as páginas
   ═══════════════════════════════════════════════════════ */

/* ── Serviços ── */
body.page-services.inner-page .inner-hero {
  background:
    linear-gradient(150deg, rgba(7,16,30,.93) 0%, rgba(10,33,55,.87) 45%, rgba(7,16,30,.82) 100%),
    url('../images/hero-servicos.jpg') center 40% / cover no-repeat !important;
  min-height: 92vh !important;
  padding: 180px 0 140px !important;
}

.page-services .inner-hero .services-hero-copy h1 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.page-services .inner-hero .services-hero-copy h1 span {
  color: #39b5ef !important;
  -webkit-text-fill-color: #39b5ef !important;
}
.page-services .inner-hero .services-hero-copy p {
  color: rgba(255,255,255,.68) !important;
  -webkit-text-fill-color: rgba(255,255,255,.68) !important;
}
.page-services .inner-hero .services-hero-tag {
  gap: 7px !important;
  padding: 7px 14px !important;
  background: rgba(21,139,211,.14) !important;
  border-color: rgba(21,139,211,.24) !important;
  color: #39b5ef !important;
  -webkit-text-fill-color: #39b5ef !important;
  font-size: .64rem !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  box-shadow: none !important;
}
.page-services .inner-hero .services-hero-primary {
  min-height: 44px !important;
  padding: 14px 30px !important;
  border-radius: 999px !important;
  background: #39b5ef !important;
  color: #fff !important;
  font-size: .95rem !important;
  font-weight: 700 !important;
  box-shadow: 0 20px 44px rgba(8,17,31,.18) !important;
}
.page-services .inner-hero .services-hero-primary:hover {
  background: #fff !important;
  color: #39b5ef !important;
  box-shadow: 0 20px 44px rgba(8,17,31,.18) !important;
}
.page-services .inner-hero .services-hero-link {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
}

/* ── Licenças ── */
body.page-licenses.inner-page .inner-hero {
  background:
    linear-gradient(150deg, rgba(7,16,30,.82) 0%, rgba(10,33,55,.74) 45%, rgba(7,16,30,.68) 100%),
    url('../images/hero-licencas-2.jpg') center / cover no-repeat !important;
  min-height: 92vh !important;
  padding: 180px 0 140px !important;
}

body.page-licenses .licenses-hero-wrap .services-hero-copy h1 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body.page-licenses .licenses-hero-wrap .services-hero-copy h1 span {
  color: #39b5ef !important;
  -webkit-text-fill-color: #39b5ef !important;
}
body.page-licenses .licenses-hero-wrap .services-hero-copy > p {
  color: rgba(255,255,255,.68) !important;
  -webkit-text-fill-color: rgba(255,255,255,.68) !important;
}
body.page-licenses .licenses-hero-wrap .services-hero-tag {
  background: rgba(21,139,211,.18) !important;
  border-color: rgba(21,139,211,.32) !important;
  color: #39b5ef !important;
  -webkit-text-fill-color: #39b5ef !important;
}
body.page-licenses .licenses-hero-wrap .services-hero-primary {
  background: #fff !important;
  color: #07101e !important;
}
body.page-licenses .licenses-hero-wrap .services-hero-link {
  color: rgba(255,255,255,.8) !important;
  -webkit-text-fill-color: rgba(255,255,255,.8) !important;
}
body.page-licenses .licenses-hero-wrap .feature-badge {
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: rgba(255,255,255,.85) !important;
  -webkit-text-fill-color: rgba(255,255,255,.85) !important;
}

/* ── Quem Somos ── */
body.page-about.inner-page .inner-hero {
  background:
    linear-gradient(150deg, rgba(7,16,30,.93) 0%, rgba(10,33,55,.87) 45%, rgba(7,16,30,.82) 100%),
    url('../images/equipe-reuniao.jpg') center 35% / cover no-repeat !important;
  min-height: 92vh !important;
  padding: 180px 0 140px !important;
}

.page-about .inner-hero h1,
.page-about .inner-hero h1 .highlight {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.page-about .inner-hero h1 .highlight {
  color: #39b5ef !important;
  -webkit-text-fill-color: #39b5ef !important;
}
.page-about .inner-hero .hero-tagline,
.page-about .inner-hero .hero-description {
  color: rgba(255,255,255,.68) !important;
  -webkit-text-fill-color: rgba(255,255,255,.68) !important;
}
.page-about .inner-hero .hero-tag {
  background: rgba(21,139,211,.18) !important;
  border-color: rgba(21,139,211,.32) !important;
  color: #39b5ef !important;
  -webkit-text-fill-color: #39b5ef !important;
}
.page-about .inner-hero .hero-stat-number {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.page-about .inner-hero .hero-stat-label {
  color: rgba(255,255,255,.6) !important;
  -webkit-text-fill-color: rgba(255,255,255,.6) !important;
}

/* ============ COMPARTILHADO: site-vitality ============ */
/* ==========================================================================
   Alfagates — camada de vitalidade visual
   Alternância de blocos, fotos integradas e fundos mais vivos.
   ========================================================================== */

:root {
    --vital-ink: #07101e;
    --vital-navy: #06101d;
    --vital-navy-2: #092944;
    --vital-blue: #158bd3;
    --vital-cyan: #39b5ef;
    --vital-sky: #39b5ef;
    --vital-soft: #eef8fd;
    --vital-card: rgba(255,255,255,.82);
}

.inner-page :is(.content-section, .photo-section, .stats-section, .about, .about-cta-section):not(.contact),
.page-services :is(#infraestrutura, #seguranca, #backup, #devices, #identity, #suporte, #complementares, #faq) {
    position: relative;
    isolation: isolate;
}

.inner-page :is(.content-section, .photo-section, .stats-section, .about, .about-cta-section):not(.contact)::before,
.page-services :is(#infraestrutura, #seguranca, #backup, #devices, #identity, #suporte, #complementares, #faq)::before {
    position: absolute;
    inset: 0;
    z-index: -2;
    content: "";
    pointer-events: none;
}

.inner-page :is(.content-section, .photo-section, .stats-section, .about, .about-cta-section):not(.contact):nth-of-type(odd)::before,
.page-services :is(#infraestrutura, #backup, #identity, #complementares)::before {
    background:
        radial-gradient(circle at 12% 10%, rgba(57,181,239,.13), transparent 30%),
        radial-gradient(circle at 88% 18%, rgba(57,181,239,.16), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(238,248,253,.78));
}

.inner-page :is(.content-section, .photo-section, .stats-section, .about, .about-cta-section):not(.contact):nth-of-type(even)::before,
.page-services :is(#seguranca, #devices, #suporte, #faq)::before {
    background:
        radial-gradient(circle at 82% 10%, rgba(21,139,211,.16), transparent 30%),
        radial-gradient(circle at 20% 90%, rgba(57,181,239,.10), transparent 36%),
        linear-gradient(180deg, rgba(245,251,255,.92), rgba(255,255,255,.98));
}

.inner-page :is(.content-section, .photo-section, .stats-section, .about, .about-cta-section):not(.contact)::after,
.page-services :is(#infraestrutura, #seguranca, #backup, #devices, #identity, #suporte, #complementares, #faq)::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    opacity: .72;
    background-image:
        linear-gradient(rgba(57,181,239,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57,181,239,.045) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    pointer-events: none;
}

/* Blocos escuros ocasionais: mais contraste sem transformar a página inteira */
.page-services #complementares .grid,
.page-about .services-grid,
.page-licenses #diferenciais .expertise-panel,
.page-licenses .licenses-nav-shell {
    background:
        radial-gradient(circle at 88% 0%, rgba(57,181,239,.22), transparent 34%),
        linear-gradient(145deg, var(--vital-navy), var(--vital-navy-2)) !important;
}

.page-products .products-nav-shell {
    background:
        radial-gradient(circle at 88% 0%, rgba(57,181,239,.16), transparent 30%),
        rgba(255,255,255,.92) !important;
    box-shadow: 0 18px 52px rgba(20,50,75,.09), inset 0 1px 0 #fff !important;
}

.page-services #complementares .grid :is(h3, p, span, strong),
.page-about .services-grid :is(h3, p, span, strong),
.page-licenses #diferenciais .expertise-panel :is(h2, h3, p, span, strong) {
    color: #fff !important;
}

.page-services #complementares .grid i,
.page-about .services-grid i,
.page-licenses #diferenciais .expertise-panel i {
    color: var(--vital-sky) !important;
}

/* Cards e vitrines ganham profundidade, mantendo a linguagem atual */
.inner-page :is(.light-card, .license-card, .lc-card, .product-card, .service-card, .faq-item),
.page-about :is(.value-card, .timeline-card, .products-section, .services-section) {
    box-shadow: 0 18px 48px rgba(20,50,75,.075);
}

.inner-page :is(.light-card, .license-card, .lc-card, .product-card, .service-card, .faq-item):hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 64px rgba(20,50,75,.11);
}

.page-about .mission-card {
    position: relative;
    overflow: hidden;
}

.page-about .mission-card::after {
    position: absolute;
    inset: auto 0 0 auto;
    width: min(42vw, 380px);
    height: min(34vw, 300px);
    content: "";
    opacity: .16;
    background: url("../images/equipe-alfagates.jpg") center / cover no-repeat;
    border-radius: 42px 0 0 0;
    pointer-events: none;
}

/* Espaços de imagem agora parecem slots reais de produção, não placeholders soltos */
.service-image-slot,
.product-image-slot,
.license-image-slot {
    position: relative;
    overflow: hidden;
}

.service-image-slot::after,
.product-image-slot::after,
.license-image-slot::after {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    opacity: .42;
    background:
        linear-gradient(145deg, rgba(255,255,255,.18), rgba(57,181,239,.08)),
        radial-gradient(circle at 70% 15%, rgba(57,181,239,.2), transparent 34%);
    pointer-events: none;
}

.service-image-slot-frame,
.product-image-slot-frame,
.license-image-slot-frame {
    z-index: 2;
}

.page-services .service-image-slot-backup {
    background:
        linear-gradient(135deg, rgba(238,248,253,.2), rgba(255,255,255,.25)),
        url("../images/backup-servicos.png") center / contain no-repeat,
        linear-gradient(145deg, #f7fcff, #e5f6fc) !important;
}

.page-services .service-image-slot-devices {
    background:
        url("../images/devices-servicos-2.png") center / cover no-repeat !important;
}

.page-services .service-image-slot-identity {
    background:
        url("../images/identity-servicos-2.png") center / 100% 100% no-repeat !important;
}

.page-products .certified-room-image-slot {
    background: url("../images/image6.png") center / cover no-repeat !important;
}

.page-products .certified-room-image-slot::before,
.page-products .certified-room-image-slot::after {
    display: none !important;
    content: none !important;
}

.page-licenses .license-image-slot-design {
    background: url("../images/image11.png") center / cover no-repeat !important;
}

.page-licenses .license-image-slot-visibility {
    background: url("../images/image12.png") center / cover no-repeat !important;
}

.page-licenses .license-image-slot-remote {
    background: url("../images/image10.png") center / cover no-repeat !important;
}

/* Licenças: hero com foto de fundo e animação preservada */
body.page-licenses .licenses-hero-wrap {
    background:
        radial-gradient(circle at 88% 24%, rgba(57,181,239,.22), transparent 28%),
        linear-gradient(115deg, rgba(7,16,30,.88) 0%, rgba(7,22,38,.78) 44%, rgba(7,16,30,.70) 100%),
        url("../images/equipe-reuniao.jpg") center / cover no-repeat !important;
    background-blend-mode: normal, multiply, normal;
}

body.page-licenses .licenses-hero-wrap > .container {
    position: relative;
    z-index: 2;
}

body.page-licenses .licenses-hero-wrap .services-hero-copy h1,
body.page-licenses .licenses-hero-wrap .services-hero-copy h1 span {
    color: #fff !important;
    -webkit-text-fill-color: currentColor !important;
}

body.page-licenses .licenses-hero-wrap .services-hero-copy h1 span {
    color: #39b5ef !important;
}

body.page-licenses .licenses-hero-wrap .services-hero-copy > p {
    color: rgba(255,255,255,.72) !important;
}

body.page-licenses .licenses-hero-wrap .services-hero-tag {
    background: rgba(57,181,239,.14) !important;
    border-color: rgba(57,181,239,.38) !important;
    color: #73d6ff !important;
}

body.page-licenses .licenses-hero-wrap .feature-badge {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.26) !important;
    color: rgba(255,255,255,.88) !important;
}

body.page-licenses .licenses-hero-wrap .services-hero-primary {
    min-height: 44px !important;
    padding: 14px 30px !important;
    border-radius: 999px !important;
    background: #39b5ef !important;
    color: #fff !important;
    font-size: .95rem !important;
    font-weight: 700 !important;
    box-shadow: 0 20px 44px rgba(8,17,31,.18) !important;
}
body.page-licenses .licenses-hero-wrap .services-hero-primary:hover {
    background: #fff !important;
    color: #39b5ef !important;
}

body.page-licenses .licenses-hero-wrap .services-hero-link {
    color: rgba(255,255,255,.88) !important;
}

body.page-licenses .licenses-hero-wrap .license-control-visual {
    filter: drop-shadow(0 34px 64px rgba(0,0,0,.24));
}

/* O menu/portfólio de licenças permanece claro, como antes */
body.page-licenses .licenses-nav-shell {
    background:
        radial-gradient(circle at 88% 0%, rgba(57,181,239,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(235,248,255,.90)) !important;
    border: 1px solid rgba(21,139,211,.16) !important;
    box-shadow: 0 18px 44px rgba(20,50,75,.08) !important;
}

body.page-licenses .licenses-nav-brand strong,
body.page-licenses .inner-anchor-nav .licenses-nav-links a {
    color: #455c74 !important;
    -webkit-text-fill-color: #455c74 !important;
}

body.page-licenses .licenses-nav-brands > span {
    color: #6f879a !important;
    -webkit-text-fill-color: #6f879a !important;
}

body.page-licenses .licenses-nav-brands img {
    filter: grayscale(1) opacity(.62) !important;
}

body.page-licenses .licenses-nav-brands img:hover {
    filter: none !important;
}

/* Licenças — Dobra 01 com composição mais viva e menos repetitiva */
body.page-licenses #colaboracao {
    overflow: hidden;
}

body.page-licenses #colaboracao > .container {
    position: relative;
}

body.page-licenses #colaboracao > .container::before {
    position: absolute;
    top: 108px;
    right: -72px;
    z-index: -1;
    width: min(42vw, 560px);
    height: min(42vw, 560px);
    content: "";
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(57,181,239,.20), transparent 62%);
    filter: blur(6px);
    pointer-events: none;
}

body.page-licenses #colaboracao .collab-head {
    margin-bottom: 34px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(21,139,211,.10);
}

body.page-licenses #colaboracao .collab-head h2 {
    max-width: 760px;
    letter-spacing: -.035em;
}

body.page-licenses #colaboracao .collab-head h2 span {
    color: #158bd3 !important;
}

body.page-licenses #colaboracao .collab-head > p {
    max-width: 620px;
    color: #536b83 !important;
    font-size: 1.05rem;
    line-height: 1.78;
}

body.page-licenses #colaboracao .collaboration-ecosystem {
    position: relative;
    min-height: 520px;
    padding: 56px;
    border-color: rgba(57,181,239,.18);
    background:
        radial-gradient(circle at 78% 22%, rgba(57,181,239,.18), transparent 35%),
        linear-gradient(145deg, rgba(6,16,29,.98), rgba(8,34,54,.94)) !important;
    box-shadow: 0 34px 86px rgba(20,50,75,.16);
}

body.page-licenses #colaboracao .collaboration-ecosystem::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    opacity: .38;
    background-image:
        linear-gradient(rgba(57,181,239,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57,181,239,.08) 1px, transparent 1px);
    background-size: 34px 34px;
    pointer-events: none;
}

body.page-licenses #colaboracao .collaboration-ecosystem-copy {
    color: #fff;
}

body.page-licenses #colaboracao .collaboration-ecosystem-copy h3 {
    max-width: 560px;
    font-size: clamp(2.15rem, 3.2vw, 3.55rem);
    line-height: .98;
    letter-spacing: -.04em;
}

body.page-licenses #colaboracao .collaboration-ecosystem-copy p {
    max-width: 480px;
    font-size: .98rem;
}

body.page-licenses #colaboracao .collaboration-ecosystem-copy > span,
body.page-licenses #colaboracao .collaboration-ecosystem-copy h3,
body.page-licenses #colaboracao .collaboration-ecosystem-copy p {
    color: #fff !important;
}

body.page-licenses #colaboracao .collaboration-ecosystem-copy > span {
    color: #39b5ef !important;
}

body.page-licenses #colaboracao .collaboration-ecosystem-copy p {
    color: rgba(255,255,255,.72) !important;
}

body.page-licenses #colaboracao .collaboration-ecosystem-copy b {
    border-color: rgba(57,181,239,.22);
    background: rgba(255,255,255,.08);
    color: #39b5ef;
}

body.page-licenses #colaboracao .collaboration-network {
    position: relative;
    z-index: 2;
    min-height: 430px;
    border-radius: 34px;
    background: transparent !important;
}

body.page-licenses #colaboracao .lc-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 22px;
    margin-top: 28px;
}

body.page-licenses #colaboracao .lc-card {
    position: relative;
    overflow: hidden;
    border-radius: 28px !important;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(1) {
    grid-column: span 7;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(2) {
    grid-column: span 5;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(3) {
    grid-column: span 4;
    min-height: 440px;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(4) {
    grid-column: span 8;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) {
    grid-column: 1 / -1;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(300px,.38fr) minmax(0,.62fr);
    gap: 30px;
    align-items: center;
    padding: 24px !important;
    border: 1px solid rgba(21,139,211,.16) !important;
    background:
        radial-gradient(circle at 96% 2%, rgba(57,181,239,.22), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(232,248,255,.93)) !important;
    box-shadow: 0 28px 78px rgba(20,50,75,.12) !important;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5)::before {
    position: absolute;
    inset: 18px auto 18px 18px;
    z-index: 0;
    width: min(36%, 360px);
    content: "";
    border-radius: 24px;
    background:
        radial-gradient(circle at 78% 20%, rgba(57,181,239,.20), transparent 34%),
        linear-gradient(145deg, #07101e, #0b304f) !important;
    opacity: 1 !important;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5)::after {
    position: absolute;
    top: 76px;
    left: 96px;
    z-index: 1;
    width: 150px;
    height: 150px;
    content: "";
    border: 1px solid rgba(57,181,239,.14);
    border-radius: 50%;
    box-shadow:
        0 0 0 32px rgba(57,181,239,.035),
        0 0 0 62px rgba(57,181,239,.02);
    pointer-events: none;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-card-top,
body.page-licenses #colaboracao .lc-grid > article:nth-child(5) blockquote,
body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-tags {
    position: relative;
    z-index: 3;
    grid-column: 1;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-coverage-label,
body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-plans {
    position: relative;
    z-index: 2;
    grid-column: 2;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-card-top {
    align-self: end;
    margin: 26px 0 0 20px;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-icon {
    background: linear-gradient(145deg, #158bd3, #0876b8) !important;
    color: #fff !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.22);
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-badge {
    border-color: rgba(57,181,239,.22) !important;
    background: rgba(255,255,255,.09) !important;
    color: #39b5ef !important;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) h3 {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) blockquote {
    align-self: start;
    max-width: 300px;
    margin: 18px 0 0 20px;
    padding: 16px 18px;
    border-color: rgba(57,181,239,.42) !important;
    background: rgba(255,255,255,.08) !important;
    color: rgba(255,255,255,.82) !important;
    -webkit-text-fill-color: rgba(255,255,255,.82) !important;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-coverage-label {
    margin-top: 0;
    color: #07101e !important;
    -webkit-text-fill-color: #07101e !important;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-plans {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-plans > div {
    padding: 18px 20px;
    border: 1px solid rgba(21,139,211,.12);
    border-radius: 20px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 16px 38px rgba(20,50,75,.07);
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-plan-title,
body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-plan-title em {
    color: #0879b8 !important;
    -webkit-text-fill-color: #0879b8 !important;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-plans p {
    color: #536b83 !important;
    -webkit-text-fill-color: #536b83 !important;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-tags {
    align-self: end;
    margin: 18px 0 8px 20px;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-tags span {
    border-color: rgba(57,181,239,.22) !important;
    background: rgba(255,255,255,.10) !important;
    color: #39b5ef !important;
}

body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-dark-icon {
    display: none;
}

body.page-licenses #colaboracao .lc-photo-card img {
    transform: scale(1.04);
    filter: saturate(1.05) contrast(1.03);
}

body.page-licenses #colaboracao .lc-photo-caption {
    background: linear-gradient(180deg, transparent, rgba(7,16,30,.88));
}

@media (max-width: 1024px) {
    body.page-licenses #colaboracao .collaboration-ecosystem {
        background:
            radial-gradient(circle at 76% 26%, rgba(57,181,239,.24), transparent 34%),
            linear-gradient(145deg, #07101e, #0b304f) !important;
    }

    body.page-licenses #colaboracao .lc-grid > article,
    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) {
        grid-column: 1 / -1 !important;
    }

    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) {
        grid-template-columns: 1fr;
    }

    body.page-licenses #colaboracao .lc-grid > article:nth-child(5)::before {
        inset: 18px;
        width: auto;
        height: 260px;
    }

    body.page-licenses #colaboracao .lc-grid > article:nth-child(5)::after {
        top: 72px;
        left: 50%;
        transform: translateX(-50%);
    }

    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-card-top,
    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) blockquote,
    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-coverage-label,
    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-plans,
    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-tags {
        grid-column: 1;
    }

    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-card-top,
    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) blockquote,
    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-tags {
        margin-left: 0;
    }

    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-card-top {
        margin-top: 28px;
    }

    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-coverage-label {
        margin-top: 34px;
    }

    body.page-licenses #colaboracao .lc-grid > article:nth-child(5) .lc-plans {
        grid-template-columns: 1fr;
    }
}

/* Licenças 01 — organização final em três fileiras */
body.page-licenses #colaboracao .lc-grid > .lc-card:nth-child(1) {
    order: 1;
    grid-column: span 7;
}

body.page-licenses #colaboracao .lc-grid > .lc-photo-card-primary {
    order: 2;
    grid-column: span 5 !important;
    min-height: 100%;
}

body.page-licenses #colaboracao .lc-grid > .lc-card:nth-child(2) {
    order: 3;
    grid-column: span 5;
}

body.page-licenses #colaboracao .lc-grid > .lc-card:nth-child(4) {
    order: 4;
    grid-column: span 7;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-image-card {
    order: 5;
    grid-column: span 5 !important;
    min-height: 360px;
    display: block;
    padding: 0 !important;
    border: 1px solid rgba(21,139,211,.16) !important;
    background: #eef8fd !important;
    box-shadow: 0 22px 58px rgba(20,50,75,.10) !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-image-card::before,
body.page-licenses #colaboracao .lc-grid > .lc-goto-image-card::after {
    display: none !important;
    content: none !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-image-card img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    opacity: .78;
    filter: saturate(1.08) contrast(1.04);
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card {
    order: 6;
    grid-column: span 7 !important;
    min-height: 360px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 36px !important;
    border: 1px solid rgba(21,139,211,.14) !important;
    background:
        radial-gradient(circle at 92% 6%, rgba(57,181,239,.16), transparent 30%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(235,248,255,.92)) !important;
    box-shadow: 0 22px 58px rgba(20,50,75,.10) !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card::before,
body.page-licenses #colaboracao .lc-grid > .lc-goto-card::after {
    display: none !important;
    content: none !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-dark-icon {
    display: none !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-card-top,
body.page-licenses #colaboracao .lc-grid > .lc-goto-card blockquote,
body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-coverage-label,
body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-plans,
body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-tags {
    grid-column: auto !important;
    margin: 0 !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-card-top {
    align-self: stretch;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-icon {
    background: linear-gradient(145deg, #158bd3, #0876b8) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(21,139,211,.24);
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-badge {
    border-color: rgba(21,139,211,.20) !important;
    background: rgba(21,139,211,.08) !important;
    color: #0879b8 !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card h3 {
    color: #07101e !important;
    -webkit-text-fill-color: #07101e !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card blockquote {
    max-width: none;
    padding: 16px 18px;
    border-left-color: rgba(21,139,211,.32) !important;
    background: rgba(255,255,255,.76) !important;
    color: #43566e !important;
    -webkit-text-fill-color: #43566e !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-coverage-label {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    font-weight: 800;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-coverage-label i {
    color: #168bd3 !important;
    -webkit-text-fill-color: #168bd3 !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-plans {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-plans > div {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-plan-title,
body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-plan-title em {
    color: #0078c9 !important;
    -webkit-text-fill-color: #0078c9 !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-plans p {
    color: #536b83 !important;
    -webkit-text-fill-color: #536b83 !important;
}

body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-tags span {
    border-color: rgba(21,139,211,.14) !important;
    background: rgba(21,139,211,.08) !important;
    color: #0879b8 !important;
}

@media (max-width: 1024px) {
    body.page-licenses #colaboracao .lc-grid > .lc-card,
    body.page-licenses #colaboracao .lc-grid > .lc-photo-card-primary,
    body.page-licenses #colaboracao .lc-grid > .lc-goto-image-card,
    body.page-licenses #colaboracao .lc-grid > .lc-goto-card {
        grid-column: 1 / -1 !important;
    }

    body.page-licenses #colaboracao .lc-grid > .lc-goto-card .lc-plans {
        grid-template-columns: 1fr;
    }
}

/* Segurança — Disaster Recovery com imagem integrada à direita */
body.page-licenses #seguranca-endpoints .disaster-recovery-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .78fr);
    gap: 24px;
    align-items: stretch;
}

body.page-licenses #seguranca-endpoints .disaster-recovery-row .disaster-recovery-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.page-licenses #seguranca-endpoints .disaster-recovery-image-card {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    padding: 0 !important;
    border: 1px solid rgba(21,139,211,.14) !important;
    border-radius: 26px !important;
    background:
        radial-gradient(circle at 82% 12%, rgba(57,181,239,.18), transparent 34%),
        linear-gradient(145deg, #eef8fd, #fff) !important;
    box-shadow: 0 22px 58px rgba(20,50,75,.10) !important;
}

body.page-licenses #seguranca-endpoints .disaster-recovery-image-card img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    opacity: 1;
    filter: none;
    mix-blend-mode: normal;
}

body.page-licenses #seguranca-endpoints .disaster-recovery-image-card::before {
    display: none !important;
    content: none !important;
}

body.page-licenses #seguranca-endpoints .dr-image-caption {
    position: absolute;
    right: 24px;
    bottom: 24px;
    left: 24px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 20px;
    background: rgba(7,16,30,.82);
    box-shadow: 0 20px 42px rgba(7,16,30,.18);
    backdrop-filter: blur(14px);
}

body.page-licenses #seguranca-endpoints .dr-image-caption span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: #39b5ef;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body.page-licenses #seguranca-endpoints .dr-image-caption strong {
    display: block;
    color: #fff;
    font-size: 1.05rem;
    line-height: 1.35;
}

@media (max-width: 1024px) {
    body.page-licenses #seguranca-endpoints .disaster-recovery-row {
        grid-template-columns: 1fr;
    }

    body.page-licenses #seguranca-endpoints .disaster-recovery-image-card img {
        min-height: 320px;
    }
}

/* Produto de verdade dentro das vitrines de UC */
.page-products .product-audio-section .license-card:first-of-type,
.page-products .product-speaker-section .speaker-showcase,
.page-products .product-video-section .video-showcase {
    position: relative;
    overflow: hidden;
}

.page-products .product-speaker-section .speaker-showcase::after {
    position: absolute;
    right: 22px;
    bottom: 18px;
    width: min(34vw, 300px);
    height: 220px;
    content: "";
    opacity: .22;
    background: url("../images/vitality/poly-sync-60.png") center / contain no-repeat;
    border-radius: 26px;
    pointer-events: none;
}

.page-products .product-video-section .video-showcase::after {
    position: absolute;
    right: 22px;
    bottom: 18px;
    width: min(34vw, 320px);
    height: 220px;
    content: "";
    opacity: .24;
    background: url("../images/vitality/logitech-meetup.jpg") center / cover no-repeat;
    border-radius: 26px;
    pointer-events: none;
}

.page-products .product-video-section .product-gif-frame {
    position: relative;
    overflow: hidden;
    min-height: 360px !important;
    background:
        radial-gradient(circle at 72% 14%, rgba(57,181,239,.24), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.92), rgba(229,246,252,.82)) !important;
}

.page-products .product-video-section .product-gif-frame::before,
.page-products .product-video-section .product-gif-frame::after {
    display: none !important;
    content: none !important;
}

.page-products .product-video-section .product-gif-frame img {
    position: relative;
    z-index: 1;
    width: min(100%, 680px) !important;
    height: auto !important;
    max-height: calc(100% - 28px) !important;
    object-fit: contain !important;
    object-position: center center !important;
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

.page-products .product-video-section .video-personal-panel {
    min-height: 0 !important;
}

.page-products .product-speaker-section .speaker-coverage-visual {
    position: relative;
    overflow: hidden;
    background: transparent !important;
}

/* Faixas CTA com mais vida e coerência entre páginas */
.cta-photo-section {
    box-shadow: 0 -1px 0 rgba(57,181,239,.12), 0 1px 0 rgba(57,181,239,.12);
}

.cta-photo-bg {
    filter: saturate(1.08) contrast(1.04);
}

.cta-photo-overlay {
    background:
        radial-gradient(circle at 18% 22%, rgba(57,181,239,.22), transparent 34%),
        linear-gradient(135deg, rgba(7,16,30,.9) 0%, rgba(8,26,42,.78) 45%, rgba(7,16,30,.64) 100%) !important;
}

/* Mobile: mantém vitalidade sem gerar overflow */
@media (max-width: 768px) {
    .inner-page :is(.content-section, .photo-section, .stats-section, .about, .about-cta-section):not(.contact)::after,
    .page-services :is(#infraestrutura, #seguranca, #backup, #devices, #identity, #suporte, #complementares, #faq)::after {
        background-size: 28px 28px;
        mask-image: none;
    }

    .page-products .product-speaker-section .speaker-showcase::after,
    .page-products .product-video-section .video-showcase::after,
    .page-products .product-video-section .product-gif-frame::after {
        display: none;
    }
}

/* Continuidade entre dobras: remove cortes horizontais e une o fundo do site */
body.inner-page {
    background:
        radial-gradient(circle at 82% 16%, rgba(57,181,239,.12), transparent 30%),
        radial-gradient(circle at 12% 48%, rgba(57,181,239,.12), transparent 34%),
        linear-gradient(180deg, #f8fcff 0%, #eef8fd 32%, #fbfdff 58%, #eef8fd 100%) !important;
}

body.inner-page main {
    position: relative;
    overflow: hidden;
    background: transparent !important;
}

body.inner-page main::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    opacity: .72;
    background-image:
        linear-gradient(rgba(57,181,239,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57,181,239,.045) 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
    pointer-events: none;
}

body.inner-page main > * {
    position: relative;
    z-index: 1;
}

body.inner-page :is(.content-section, .photo-section, .stats-section, .about, .about-cta-section):not(.contact),
body.page-services :is(#infraestrutura, #seguranca, #backup, #devices, #identity, #suporte, #complementares, #faq) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
}

body.inner-page :is(.content-section, .photo-section, .stats-section, .about, .about-cta-section):not(.contact)::before,
body.page-services :is(#infraestrutura, #seguranca, #backup, #devices, #identity, #suporte, #complementares, #faq)::before {
    inset: -78px 0 !important;
    opacity: .86;
    mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
}

body.inner-page :is(.content-section, .photo-section, .stats-section, .about, .about-cta-section):not(.contact)::after,
body.page-services :is(#infraestrutura, #seguranca, #backup, #devices, #identity, #suporte, #complementares, #faq)::after {
    inset: -78px 0 !important;
    opacity: .38;
    mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
}

/* Evita o degradê claro vazar sobre o hero escuro de fundo fotográfico */
body.page-about .inner-hero + .about.content-section::before,
body.page-about .inner-hero + .about.content-section::after {
    inset: 0 0 !important;
}

/* Imagens finais: sem véu, sem composição por cima e com opacidade máxima */
.page-services .service-image-slot-devices,
.page-services .service-image-slot-identity,
.page-products .certified-room-image-slot,
.page-licenses .license-image-slot-design,
.page-licenses .license-image-slot-remote,
.page-licenses .license-image-slot-visibility {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

.page-services .service-image-slot-devices::before,
.page-services .service-image-slot-devices::after,
.page-services .service-image-slot-identity::before,
.page-services .service-image-slot-identity::after,
.page-products .certified-room-image-slot::before,
.page-products .certified-room-image-slot::after,
.page-licenses .license-image-slot-design::before,
.page-licenses .license-image-slot-design::after,
.page-licenses .license-image-slot-remote::before,
.page-licenses .license-image-slot-remote::after,
.page-licenses .license-image-slot-visibility::before,
.page-licenses .license-image-slot-visibility::after,
body.page-licenses #colaboracao .lc-photo-card::before,
body.page-licenses #colaboracao .lc-photo-card::after {
    display: none !important;
    content: none !important;
}

.page-services .service-image-slot-devices .service-image-slot-frame,
.page-services .service-image-slot-identity .service-image-slot-frame,
.page-products .certified-room-image-slot .product-image-slot-frame,
.page-licenses .license-image-slot-design .license-image-slot-frame,
.page-licenses .license-image-slot-remote .license-image-slot-frame,
.page-licenses .license-image-slot-visibility .license-image-slot-frame {
    display: none !important;
}

body.page-licenses #colaboracao .lc-photo-card img {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    transform: none !important;
}

/* Menus: logos padronizadas em todas as páginas */
header .logo,
.site-header .logo,
body.inner-page header .container .logo {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
}

header .logo img,
.site-header .logo img,
body.inner-page header .container .logo img {
    width: 156px !important;
    height: 46px !important;
    max-width: 156px !important;
    object-fit: contain !important;
}

.desktop-nav .dropdown-menu a img,
.sidebar .dropdown-menu a img {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    object-fit: contain !important;
}

.social-x-icon {
    width: 1em !important;
    height: 1em !important;
    display: block !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

@media (max-width: 900px) {
    header .logo img,
    .site-header .logo img,
    body.inner-page header .container .logo img {
        width: 136px !important;
        height: 40px !important;
        max-width: calc(100vw - 132px) !important;
    }
}

/* Padronização final do header/menu entre todas as páginas */
.site-header {
    min-height: 72px !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(21,139,211,.1) !important;
    background: rgba(255,255,255,.86) !important;
    box-shadow: 0 12px 38px rgba(20,50,75,.06) !important;
    backdrop-filter: blur(18px) !important;
}

.site-header .header-shell {
    width: min(100% - 64px, 1180px) !important;
    max-width: 1180px !important;
    margin-inline: auto !important;
    padding: 0 !important;
    min-height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

.site-header .logo,
body.inner-page header .container .logo {
    width: auto !important;
    height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
}

.site-header .logo img,
body.inner-page header .container .logo img {
    width: auto !important;
    height: 56px !important;
    max-width: none !important;
    object-fit: contain !important;
    object-position: left center !important;
}

.site-header .desktop-nav {
    min-height: 72px !important;
    display: flex !important;
    align-items: center !important;
    gap: 32px !important;
}

.site-header .header-actions {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    flex: 0 0 auto !important;
}

.site-header .header-actions .btn.btn-primary.desktop-only {
    display: inline-flex;
    min-height: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 22px !important;
    border-radius: 999px !important;
    border-color: #07101e !important;
    background: #07101e !important;
    box-shadow: 0 10px 24px rgba(7,16,30,.18) !important;
    color: #fff !important;
    white-space: nowrap !important;
}

.sidebar {
    position: fixed !important;
    z-index: 9999 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: min(88vw, 360px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    transform: translateX(105%) !important;
    box-shadow: -20px 0 60px rgba(0,0,0,.18) !important;
}

.sidebar.active {
    transform: translateX(0) !important;
}

.sidebar-header {
    min-height: 82px !important;
    height: 82px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid rgba(21,139,211,.12) !important;
    flex: 0 0 82px !important;
}

.sidebar-header .logo,
.sidebar-header > a.logo,
.sidebar-header img:not(.social-x-icon) {
    display: none !important;
}

.sidebar-close {
    -webkit-appearance: none !important;
    appearance: none !important;
    color-scheme: light !important;
    width: 40px !important;
    height: 40px !important;
    display: inline-grid !important;
    place-items: center !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #07101e !important;
    color: #ffffff !important;
    flex: 0 0 40px !important;
}

.sidebar-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding: 16px !important;
}

.sidebar-footer {
    min-height: 88px !important;
    display: flex !important;
    align-items: center !important;
    padding: 16px 24px !important;
    border-top: 1px solid rgba(21,139,211,.12) !important;
    flex: 0 0 88px !important;
}

.sidebar-footer .btn,
.sidebar-footer .btn.btn-primary {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    border-radius: 8px !important;
    background: #07101e !important;
    color: #fff !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
}

@media (max-width: 900px) {
    .site-header {
        min-height: 72px !important;
    }

    .site-header .header-shell,
    body.page-about .site-header .header-shell {
        position: relative !important;
        width: calc(100% - 24px) !important;
        max-width: none !important;
        min-height: 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
    }

    .site-header .desktop-nav {
        display: none !important;
    }

    .site-header .menu-toggle,
    body.page-about .site-header .menu-toggle {
        width: 44px !important;
        height: 44px !important;
        display: inline-grid !important;
        place-items: center !important;
        flex: 0 0 44px !important;
        z-index: 2 !important;
    }

    .site-header .logo,
    body.inner-page header .container .logo,
    body.page-about .site-header .logo {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        width: 136px !important;
        height: 40px !important;
        flex: 0 0 136px !important;
        transform: translate(-50%, -50%) !important;
        justify-content: center !important;
        z-index: 1 !important;
    }

    .site-header .logo img,
    body.inner-page header .container .logo img,
    body.page-about .site-header .logo img {
        width: 136px !important;
        height: 40px !important;
        max-width: calc(100vw - 132px) !important;
        object-position: center !important;
    }

    .site-header .header-actions,
    body.page-about .site-header .header-actions {
        min-width: 44px !important;
        width: 44px !important;
        flex: 0 0 44px !important;
        justify-content: flex-end !important;
        z-index: 2 !important;
    }
}

/* =====================================================================
   Ajuste global de respiro interno
   Corrige cortes de texto, chips/botões apertados e cards encostando nas
   bordas sem alterar a estrutura visual das páginas.
   ===================================================================== */

main :is(
  .card,
  .light-card,
  .dark-card,
  .card-dark,
  .service-card,
  .service-card-lead,
  .service-card-support,
  .service-item,
  .product-card,
  .brand-card,
  .license-card,
  .lc-card,
  .mission-card,
  .certification-card,
  .value-prop-card,
  .feature-card,
  .solution-card,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .visibility-detail-card,
  .expertise-proof-card,
  .about-company-card,
  .crt-card,
  .tl-card,
  .about-value,
  .contact-item,
  .faq-item,
  .infra-problem-panel,
  .infra-solution-panel,
  .infra-platform-panel,
  .security-command-panel,
  .security-response-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .backup-metrics-panel,
  .devices-showcase,
  .devices-console-copy,
  .identity-control-panel,
  .identity-audit-panel,
  .support-command-panel,
  .support-showcase,
  .services-action,
  .products-action,
  .licenses-action,
  .services-cta-panel,
  .licenses-cta-panel,
  .about-cta-panel,
  .photo-comp-split,
  .photo-comp-feature,
  .photo-comp-consulting,
  .photo-comp-strip,
  .photo-comp-security,
  .photo-comp-editorial
) {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

main :is(
  .card,
  .light-card,
  .dark-card,
  .card-dark,
  .service-card,
  .service-card-lead,
  .service-card-support,
  .service-item,
  .product-card,
  .brand-card,
  .license-card,
  .lc-card,
  .mission-card,
  .certification-card,
  .value-prop-card,
  .feature-card,
  .solution-card,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .visibility-detail-card,
  .expertise-proof-card,
  .about-company-card,
  .crt-card,
  .tl-card,
  .about-value,
  .contact-item,
  .faq-item
) {
  padding: clamp(22px, 2.5vw, 34px) !important;
}

body.page-services :is(
  .infra-problem-panel,
  .infra-solution-panel,
  .infra-platform-panel,
  .security-command-panel,
  .security-response-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .backup-metrics-panel,
  .identity-control-panel,
  .identity-audit-panel,
  .support-command-panel
) {
  padding: 22px !important;
}

/* Estes dois cards têm uma barra de status posicionada em absolute no
   rodapé (bottom:28px, ~112px de altura) — o padding inferior precisa
   reservar espaço para ela não sobrepor a ilustração/copy. */
body.page-services :is(.devices-showcase, .support-showcase) {
  padding: 22px 22px 150px !important;
}

body.page-services :is(
  .infra-panel-copy,
  .infra-platform-copy,
  .security-command-copy,
  .security-response-copy,
  .backup-journey-copy,
  .devices-showcase-copy,
  .devices-console-copy,
  .identity-control-copy,
  .support-command-copy,
  .support-showcase-copy
) {
  min-width: 0 !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

main :is(h1, h2, h3, h4, h5, h6, p, li, blockquote, small, strong, span) {
  max-width: 100%;
}

main :is(h1, h2, h3, h4, h5, h6) {
  overflow-wrap: normal !important;
  text-wrap: balance;
}

main :is(p, li, blockquote) {
  overflow-wrap: break-word !important;
  text-wrap: pretty;
}

main :is(.eyebrow, [class*="-eyebrow"], .section-tag, .hero-tag, .services-hero-tag, .products-hero-tag, .licenses-hero-tag, .services-label, .products-label, .dh-label, .lc-badge, .lc-certified) {
  min-height: 28px !important;
  width: fit-content !important;
  max-width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow: visible !important;
}

main :is(
  .infra-tags span,
  .security-status-row span,
  .security-compliance-tags span,
  .tag-list span,
  .product-chip,
  .lc-chip,
  [class*="-chip"],
  [class*="-tags"] span,
  .photo-comp-chip,
  .services-nav-links a,
  .products-nav-links a,
  .licenses-nav-links a
) {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 7px 13px !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

main :is(.btn, button, .services-hero-primary, .products-hero-primary, .licenses-hero-primary, .about-cta-primary, .about-cta-wa, .cta-photo-actions a, .services-cta-panel a, .licenses-cta-panel a, .services-nav-action, .products-nav-action, .licenses-nav-action) {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding-inline: clamp(18px, 2.2vw, 30px) !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

main :is(.hero-cta, .services-hero-actions, .products-hero-actions, .licenses-hero-actions, .about-cta-buttons, .cta-photo-actions) {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

body.page-services :is(.infra-problem-panel, .security-command-panel, .security-compliance-panel) :is(.infra-eyebrow, .security-eyebrow),
body.page-services :is(.backup-journey-panel, .identity-control-panel, .support-command-panel) :is(.backup-eyebrow, .identity-eyebrow, .support-eyebrow) {
  margin-bottom: 14px !important;
}

body.page-services :is(.infra-problem-panel, .security-command-panel, .security-compliance-panel, .backup-journey-panel, .identity-control-panel, .support-command-panel) h3 {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

body.page-services :is(.infra-problem-panel, .security-command-panel, .security-compliance-panel, .backup-journey-panel, .identity-control-panel, .support-command-panel) p {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  line-height: 1.68 !important;
}

body.page-services :is(.infra-dashboard, .security-dashboard, .backup-dashboard, .devices-dashboard, .identity-dashboard, .support-dashboard) {
  gap: clamp(14px, 2vw, 24px) !important;
}

@media (max-width: 900px) {
  main :is(
    .card,
    .light-card,
    .dark-card,
    .card-dark,
    .service-card,
    .service-card-lead,
    .service-card-support,
    .service-item,
    .product-card,
    .brand-card,
    .license-card,
    .lc-card,
    .mission-card,
    .certification-card,
    .value-prop-card,
    .feature-card,
    .solution-card,
    .cloud-provider-card,
    .security-solution-card,
    .remote-solution-card,
    .visibility-feature-card,
    .visibility-detail-card,
    .expertise-proof-card,
    .about-company-card,
    .crt-card,
    .tl-card,
    .about-value,
    .contact-item,
    .faq-item
  ) {
    padding: clamp(20px, 5vw, 28px) !important;
  }

  body.page-services :is(
    .infra-problem-panel,
    .infra-solution-panel,
    .infra-platform-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .backup-metrics-panel,
    .devices-showcase,
    .identity-control-panel,
    .identity-audit-panel,
    .support-command-panel,
    .support-showcase
  ) {
    padding: clamp(24px, 6vw, 34px) !important;
  }

  main :is(.btn, button, .services-hero-primary, .products-hero-primary, .licenses-hero-primary, .about-cta-primary, .about-cta-wa, .cta-photo-actions a, .services-cta-panel a, .licenses-cta-panel a) {
    width: auto !important;
    max-width: 100% !important;
    min-width: min(100%, 210px) !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

@media (max-width: 520px) {
  main :is(.eyebrow, [class*="-eyebrow"], .section-tag, .hero-tag, .services-hero-tag, .products-hero-tag, .licenses-hero-tag, .services-label, .products-label, .dh-label, .lc-badge, .lc-certified) {
    margin-inline: auto !important;
    justify-content: center !important;
    text-align: center !important;
  }

  main :is(
    .infra-tags,
    .security-status-row,
    .security-compliance-tags,
    .tag-list,
    [class*="-chips"],
    [class*="-tags"]
  ) {
    gap: 8px !important;
  }
}

/* =====================================================================
   Ajuste fino — spans, labels flutuantes e ritmo interno dos cards
   ===================================================================== */

body.page-services :is(
  .infra-problem-panel,
  .security-command-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .identity-control-panel,
  .support-command-panel
) {
  padding-inline: 22px !important;
}

body.page-services :is(
  .infra-panel-copy,
  .security-command-copy,
  .backup-journey-copy,
  .identity-control-copy,
  .support-command-copy
) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 18px !important;
}

body.page-services :is(
  .infra-panel-copy,
  .security-command-copy,
  .backup-journey-copy,
  .identity-control-copy,
  .support-command-copy
) :is(h3, p, .infra-tags, .security-status-row, [class*="-tags"]) {
  margin: 0 !important;
}

body.page-services :is(.security-compliance-panel, .infra-platform-panel) > * + * {
  margin-top: 12px !important;
}

.services-flow-label {
  min-width: max-content !important;
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 8px 16px !important;
  line-height: 1.1 !important;
  overflow: visible !important;
}

.services-flow-label span,
.services-flow-label strong {
  display: inline-block !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.services-flow-label strong {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.services-hero-tag {
  max-width: none !important;
  min-width: max-content !important;
  padding-inline: 18px !important;
  line-height: 1.15 !important;
}

.services-hero-primary {
  min-width: 235px !important;
  padding-inline: 28px !important;
  justify-content: center !important;
  overflow: visible !important;
}

.services-hero-link {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-inline: 8px !important;
  white-space: nowrap !important;
}

body.page-services .services-hero-actions {
  gap: 22px !important;
  row-gap: 14px !important;
}

body.page-services .security-status-row {
  gap: 11px !important;
  row-gap: 10px !important;
}

body.page-services .security-status-row span,
body.page-services .security-compliance-tags span,
body.page-services .infra-tags span {
  min-height: 32px !important;
  padding: 8px 15px !important;
}

body.page-services :is(.infra-solution-panel, .infra-platform-panel) {
  align-content: start !important;
}

body.page-services .infra-solution-panel > p {
  margin-bottom: 22px !important;
}

body.page-services .infra-solution-list {
  gap: 14px !important;
}

body.page-services .infra-solution-list > div {
  padding: 20px !important;
}

body.page-services .infra-platforms > div,
body.page-services .security-response-flow > div {
  padding: 20px !important;
}

body.page-home .diferencial-card,
body.page-about .hero-stats > *,
body.page-about .about-head-stats > *,
.stats-grid > * {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding-inline: clamp(18px, 2vw, 28px) !important;
}

body.page-home .diferencial-copy,
body.page-about .hero-stats :is(.stat-copy, .diferencial-copy),
.stats-grid :is(.stat-copy, .diferencial-copy) {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  min-width: 0 !important;
}

main :is(
  .service-card,
  .service-card-lead,
  .service-card-support,
  .service-item,
  .product-card,
  .license-card,
  .lc-card,
  .light-card,
  .dark-card,
  .card-dark,
  .infra-problem-panel,
  .infra-solution-panel,
  .infra-platform-panel,
  .security-command-panel,
  .security-response-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .backup-metrics-panel,
  .identity-control-panel,
  .identity-audit-panel,
  .support-command-panel,
  .support-showcase
) > :is(h3, h4, p, blockquote, ul, ol, div, figure) + :is(h3, h4, p, blockquote, ul, ol, div, figure) {
  margin-top: clamp(10px, 1.2vw, 18px) !important;
}

main :is(
  .service-card,
  .service-card-lead,
  .service-card-support,
  .service-item,
  .product-card,
  .license-card,
  .lc-card,
  .light-card,
  .dark-card,
  .card-dark,
  .infra-problem-panel,
  .infra-solution-panel,
  .infra-platform-panel,
  .security-command-panel,
  .security-response-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .backup-metrics-panel,
  .identity-control-panel,
  .identity-audit-panel,
  .support-command-panel,
  .support-showcase
) :is([class*="-tags"], [class*="-chips"], .tag-list, .security-status-row, .infra-tags) {
  margin-top: clamp(12px, 1.4vw, 20px) !important;
}

@media (max-width: 900px) {
  body.page-services :is(
    .infra-problem-panel,
    .security-command-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .identity-control-panel,
    .support-command-panel
  ) {
    padding-inline: clamp(26px, 7vw, 38px) !important;
  }

  .services-flow-label {
    padding-inline: 12px !important;
  }

  .services-hero-tag {
    min-width: 0 !important;
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  .services-hero-primary {
    min-width: min(100%, 235px) !important;
  }
}

/* =====================================================================
   Ajuste fino — Produtos, Licenças e cards visuais com texto cortado
   ===================================================================== */

/* Produtos: CTA do hero e selo de homologação com respiro real */
body.page-products .products-hero-actions {
  gap: 20px !important;
  row-gap: 14px !important;
  overflow: visible !important;
}

body.page-products .products-hero-primary {
  min-width: max-content !important;
  min-height: 52px !important;
  padding: 0 28px !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

body.page-products .products-hero-proof {
  display: inline-grid !important;
  grid-template-columns: 28px minmax(0, max-content) !important;
  align-items: center !important;
  gap: 3px 10px !important;
  padding: 7px 4px !important;
  overflow: visible !important;
}

body.page-products .products-hero-proof :is(span, strong) {
  display: block !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
}

/* Produtos: card de portfólio/lista com padding consistente e sem texto colado */
body.page-products .photo-comp-feature-content {
  padding: clamp(36px, 3.4vw, 54px) !important;
  gap: 18px !important;
}

body.page-products .photo-comp-feature-tag {
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 14px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(234, 247, 255, .78) !important;
  border: 1px solid rgba(21, 139, 211, .14) !important;
  line-height: 1.2 !important;
}

body.page-products .photo-comp-feature-title {
  margin: 0 0 22px !important;
  line-height: 1.32 !important;
}

body.page-products .photo-comp-feature-items {
  gap: 12px !important;
}

body.page-products .photo-comp-feature-items li {
  min-height: 48px !important;
  padding: 14px 18px !important;
  line-height: 1.28 !important;
}

/* Produtos: barras de navegação/marcas sempre claras, com leitura e espaçamento */
body.page-products .products-nav-shell {
  padding: 18px 20px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(57, 181, 239, .13), transparent 30%),
    rgba(255, 255, 255, .92) !important;
  overflow: hidden !important;
}

body.page-products .products-nav-top {
  gap: 24px !important;
}

body.page-products .products-nav-brand {
  padding-right: 26px !important;
}

body.page-products .products-nav-brands {
  padding: 18px 10px 8px !important;
  gap: 22px !important;
}

body.page-products .products-nav-brands img {
  padding: 8px 18px !important;
}

body.page-licenses .licenses-nav-shell {
  padding: 18px 20px !important;
  background:
    radial-gradient(circle at 88% 0%, rgba(57, 181, 239, .13), transparent 30%),
    rgba(255, 255, 255, .92) !important;
  overflow: hidden !important;
}

body.page-licenses .licenses-nav-top {
  gap: 24px !important;
}

body.page-licenses .licenses-nav-brand {
  padding-right: 26px !important;
}

body.page-licenses .licenses-nav-brands {
  padding: 18px 10px 8px !important;
  gap: 22px !important;
}

body.page-licenses .licenses-nav-brands img {
  padding: 8px 18px !important;
}

/* Serviços: animação de backup e suporte não podem "encostar" nas bordas */
body.page-services .backup-flow {
  padding-inline: clamp(18px, 2vw, 30px) !important;
  gap: clamp(22px, 3vw, 38px) !important;
  overflow: visible !important;
}

body.page-services .backup-flow-node {
  min-width: 132px !important;
  min-height: 156px !important;
  padding: 22px 20px !important;
  overflow: visible !important;
}

body.page-services .backup-flow-node > span {
  top: 18px !important;
  right: 18px !important;
}

body.page-services .backup-flow-node :is(strong, small),
body.page-services .backup-vault strong {
  display: block !important;
  width: 100% !important;
  line-height: 1.25 !important;
  overflow: visible !important;
}

body.page-services .backup-vault {
  min-width: 190px !important;
  padding: 24px !important;
}

body.page-services .support-visual {
  overflow: visible !important;
}

body.page-services :is(.support-route-step, .support-incoming-ticket, .support-sla-clock, .support-resolution) {
  min-width: max-content !important;
  padding: 16px 18px !important;
  overflow: visible !important;
}

body.page-services .support-route-step {
  min-width: 168px !important;
  gap: 4px !important;
}

body.page-services .support-route-step span {
  flex: 0 0 auto !important;
}

body.page-services :is(.support-route-step, .support-incoming-ticket, .support-sla-clock, .support-resolution) :is(span, strong, small) {
  display: block !important;
  line-height: 1.22 !important;
  white-space: nowrap !important;
}

/* O seletor acima também pega o número (N1/N2/N3), quebrando o
   display:grid/place-items:center que o mantém centralizado dentro
   do quadrado azul — restaura isso especificamente para o número. */
body.page-services .support-route-step > span {
  display: grid !important;
  place-items: center !important;
  white-space: normal !important;
}

/* Licenças: cards/etapas visuais de resiliência com labels legíveis */
body.page-licenses .security-resilience-stage {
  overflow: hidden !important;
}

body.page-licenses .resilience-flow {
  overflow: visible !important;
  padding-inline: clamp(16px, 2vw, 28px) !important;
}

body.page-licenses .resilience-step {
  width: clamp(126px, 9vw, 150px) !important;
  min-height: 132px !important;
  padding: 20px 18px !important;
  overflow: visible !important;
}

body.page-licenses .resilience-step > span {
  top: 16px !important;
  right: 16px !important;
}

body.page-licenses .resilience-step :is(strong, small) {
  display: block !important;
  width: 100% !important;
  line-height: 1.24 !important;
  overflow: visible !important;
  white-space: normal !important;
}

body.page-licenses .resilience-status {
  padding: 15px 18px !important;
  gap: 10px !important;
  overflow: visible !important;
}

body.page-licenses .resilience-status :is(span, strong) {
  line-height: 1.15 !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  body.page-products .products-hero-primary {
    min-width: min(100%, 220px) !important;
    white-space: normal !important;
    text-align: center !important;
  }

  body.page-products .products-hero-proof {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    max-width: 100% !important;
  }

  body.page-products .products-hero-proof :is(span, strong) {
    white-space: normal !important;
  }

  body.page-products .photo-comp-feature {
    grid-template-columns: 1fr !important;
  }

  body.page-products .photo-comp-feature-content {
    padding: clamp(26px, 6vw, 36px) !important;
  }

  body.page-products .products-nav-shell {
    padding: 12px !important;
  }

  body.page-services .backup-flow {
    grid-template-columns: 1fr !important;
    padding-inline: 0 !important;
  }

  body.page-services .backup-flow-node,
  body.page-services .backup-vault {
    width: min(100%, 280px) !important;
    justify-self: center !important;
  }

  body.page-services .support-route-step {
    min-width: 150px !important;
  }
}

@media (max-width: 640px) {
  body.page-products .products-hero-actions {
    align-items: flex-start !important;
  }

  body.page-products .products-nav-shell {
    padding: 10px !important;
  }

  body.page-products .products-nav-links {
    gap: 8px !important;
    padding-bottom: 3px !important;
  }

  body.page-products .inner-anchor-nav .products-nav-links a {
    padding: 0 12px !important;
  }

  body.page-products .photo-comp-feature-items li {
    padding: 13px 15px !important;
  }

  body.page-services .support-visual {
    margin-inline: 0 !important;
    transform: none !important;
  }

  body.page-services :is(.support-route-step, .support-incoming-ticket, .support-sla-clock, .support-resolution) {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.page-services :is(.support-route-step, .support-incoming-ticket, .support-sla-clock, .support-resolution) :is(span, strong, small) {
    white-space: normal !important;
  }

  body.page-licenses .resilience-flow {
    padding-inline: 0 !important;
  }

body.page-licenses .resilience-step {
    width: min(100%, 220px) !important;
  }
}

/* Ritmo global herdado da Home — aplicado às páginas internas sem redesenhar */
body.inner-page main :is(
  .service-card,
  .service-card-lead,
  .service-card-support,
  .service-item,
  .solution-card,
  .product-card,
  .brand-card,
  .license-card,
  .lc-card,
  .light-card,
  .dark-card,
  .card-dark,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .visibility-detail-card,
  .expertise-proof-card,
  .about-company-card,
  .about-value,
  .crt-card,
  .tl-card,
  .contact-item,
  .faq-item,
  .photo-comp-feature,
  .services-nav-shell,
  .products-nav-shell,
  .licenses-nav-shell
) {
  padding: clamp(26px, 2.6vw, 42px) !important;
}

/* Timeline cards precisam de padding compacto e largura própria para o texto
   não truncar — sobrepõe o padding genérico de cards acima. */
body.page-about main .tl-timeline .tl-card {
  width: 150px !important;
  max-width: none !important;
  padding: 12px 10px !important;
}

body.inner-page main :is(
  .infra-problem-panel,
  .infra-solution-panel,
  .infra-platform-panel,
  .security-command-panel,
  .security-response-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .backup-metrics-panel,
  .devices-showcase,
  .identity-control-panel,
  .identity-audit-panel,
  .support-command-panel,
  .support-showcase,
  .security-resilience-stage,
  .collaboration-ecosystem,
  .about-hero-card,
  .mission-card,
  .vision-card,
  .values-card
) {
  padding: clamp(34px, 4vw, 62px) !important;
}

body.inner-page main :is(
  .service-card,
  .service-card-lead,
  .service-card-support,
  .service-item,
  .solution-card,
  .product-card,
  .brand-card,
  .license-card,
  .lc-card,
  .light-card,
  .dark-card,
  .card-dark,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .visibility-detail-card,
  .expertise-proof-card,
  .about-company-card,
  .about-value,
  .crt-card,
  .tl-card,
  .contact-item,
  .faq-item,
  .photo-comp-feature,
  .infra-problem-panel,
  .infra-solution-panel,
  .infra-platform-panel,
  .security-command-panel,
  .security-response-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .backup-metrics-panel,
  .devices-showcase,
  .identity-control-panel,
  .identity-audit-panel,
  .support-command-panel,
  .support-showcase,
  .security-resilience-stage,
  .collaboration-ecosystem,
  .about-hero-card,
  .mission-card,
  .vision-card,
  .values-card
) > * + * {
  margin-top: clamp(12px, 1.25vw, 20px) !important;
}

body.inner-page main :is(
  .service-card,
  .service-card-lead,
  .service-card-support,
  .service-item,
  .solution-card,
  .product-card,
  .brand-card,
  .license-card,
  .lc-card,
  .light-card,
  .dark-card,
  .card-dark,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .visibility-detail-card,
  .expertise-proof-card,
  .about-company-card,
  .about-value,
  .crt-card,
  .tl-card,
  .contact-item,
  .faq-item,
  .photo-comp-feature,
  .infra-problem-panel,
  .infra-solution-panel,
  .infra-platform-panel,
  .security-command-panel,
  .security-response-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .backup-metrics-panel,
  .devices-showcase,
  .identity-control-panel,
  .identity-audit-panel,
  .support-command-panel,
  .support-showcase,
  .security-resilience-stage,
  .collaboration-ecosystem,
  .about-hero-card,
  .mission-card,
  .vision-card,
  .values-card
) :is(h2, h3, h4, h5) {
  line-height: 1.16 !important;
  letter-spacing: -0.02em !important;
}

body.inner-page main :is(
  .service-card,
  .service-card-lead,
  .service-card-support,
  .service-item,
  .solution-card,
  .product-card,
  .brand-card,
  .license-card,
  .lc-card,
  .light-card,
  .dark-card,
  .card-dark,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .visibility-detail-card,
  .expertise-proof-card,
  .about-company-card,
  .about-value,
  .crt-card,
  .tl-card,
  .contact-item,
  .faq-item,
  .photo-comp-feature,
  .infra-problem-panel,
  .infra-solution-panel,
  .infra-platform-panel,
  .security-command-panel,
  .security-response-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .backup-metrics-panel,
  .devices-showcase,
  .identity-control-panel,
  .identity-audit-panel,
  .support-command-panel,
  .support-showcase,
  .security-resilience-stage,
  .collaboration-ecosystem,
  .about-hero-card,
  .mission-card,
  .vision-card,
  .values-card
) :is(p, li, blockquote, small) {
  line-height: 1.62 !important;
}

body.inner-page main :is(
  .service-card,
  .service-card-lead,
  .service-card-support,
  .service-item,
  .solution-card,
  .product-card,
  .brand-card,
  .license-card,
  .lc-card,
  .light-card,
  .dark-card,
  .card-dark,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .visibility-detail-card,
  .expertise-proof-card,
  .about-company-card,
  .about-value,
  .crt-card,
  .tl-card,
  .contact-item,
  .faq-item,
  .photo-comp-feature,
  .infra-problem-panel,
  .infra-solution-panel,
  .infra-platform-panel,
  .security-command-panel,
  .security-response-panel,
  .security-compliance-panel,
  .backup-journey-panel,
  .backup-metrics-panel,
  .devices-showcase,
  .identity-control-panel,
  .identity-audit-panel,
  .support-command-panel,
  .support-showcase,
  .security-resilience-stage,
  .collaboration-ecosystem,
  .about-hero-card,
  .mission-card,
  .vision-card,
  .values-card
) :is(.eyebrow, .service-meta, [class*="tag"], [class*="chip"]) {
  line-height: 1.18 !important;
}

body.inner-page main :is(
  .tag-list,
  .infra-tags,
  .security-status-row,
  .backup-tags,
  .product-tags,
  .license-tags,
  .lc-tags,
  .hero-badges,
  .products-hero-actions,
  .services-hero-actions,
  .licenses-hero-actions,
  .about-hero-actions,
  .cta-actions,
  .service-card-actions
) {
  gap: 10px !important;
  row-gap: 10px !important;
}

body.inner-page main :is(
  .tag-list,
  .infra-tags,
  .backup-tags,
  .product-tags,
  .license-tags,
  .lc-tags,
  .hero-badges
) :is(span, a),
body.inner-page main :is(.product-chip, .lc-chip, .service-chip, .brand-chip) {
  min-height: 32px !important;
  padding: 8px 14px !important;
  line-height: 1.18 !important;
  white-space: normal !important;
}

body.inner-page main :is(
  .btn,
  .button,
  .hero-btn,
  .cta-btn,
  .service-link,
  .products-hero-primary,
  .services-hero-primary,
  .licenses-hero-primary
) {
  line-height: 1.18 !important;
}

@media (max-width: 900px) {
  body.inner-page main :is(
    .service-card,
    .service-card-lead,
    .service-card-support,
    .service-item,
    .solution-card,
    .product-card,
    .brand-card,
    .license-card,
    .lc-card,
    .light-card,
    .dark-card,
    .card-dark,
    .cloud-provider-card,
    .security-solution-card,
    .remote-solution-card,
    .visibility-feature-card,
    .visibility-detail-card,
    .expertise-proof-card,
    .about-company-card,
    .about-value,
    .crt-card,
    .tl-card,
    .contact-item,
    .faq-item,
    .photo-comp-feature,
    .services-nav-shell,
    .products-nav-shell,
    .licenses-nav-shell
  ) {
    padding: clamp(22px, 5.5vw, 32px) !important;
  }

  body.inner-page main :is(
    .infra-problem-panel,
    .infra-solution-panel,
    .infra-platform-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .backup-metrics-panel,
    .devices-showcase,
    .identity-control-panel,
    .identity-audit-panel,
    .support-command-panel,
    .support-showcase,
    .security-resilience-stage,
    .collaboration-ecosystem,
    .about-hero-card,
    .mission-card,
    .vision-card,
    .values-card
  ) {
    padding: clamp(26px, 6.5vw, 38px) !important;
  }
}

/* Correção do brilho dos botões: o reflexo deve ficar dentro do próprio botão */
.cta-photo-actions .btn-primary,
body.page-home .hero-cta .btn-primary,
body.inner-page :is(.services-hero-primary, .products-hero-primary, .licenses-hero-primary) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

.cta-photo-actions .btn-primary::after,
body.page-home .hero-cta .btn-primary::after,
body.inner-page :is(.services-hero-primary, .products-hero-primary, .licenses-hero-primary)::after {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  content: "" !important;
  border-radius: inherit !important;
  background: linear-gradient(105deg, transparent 18%, rgba(255,255,255,.34) 48%, transparent 72%) !important;
  opacity: .72 !important;
  transform: translateX(-115%) skewX(-12deg) !important;
  transition: transform .62s ease !important;
  pointer-events: none !important;
}

.cta-photo-actions .btn-primary:hover::after,
body.page-home .hero-cta .btn-primary:hover::after,
body.inner-page :is(.services-hero-primary, .products-hero-primary, .licenses-hero-primary):hover::after {
  transform: translateX(115%) skewX(-12deg) !important;
}

.cta-photo-actions .btn-primary > *,
body.page-home .hero-cta .btn-primary > *,
body.inner-page :is(.services-hero-primary, .products-hero-primary, .licenses-hero-primary) > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Ajuste fino — página Produtos: ritmo, chips e mídia */
body.page-products :is(.content-section, .photo-section) {
  padding-block: clamp(72px, 6vw, 108px) !important;
}

body.page-products :is(
  .speaker-dashboard,
  .video-dashboard,
  .certified-deployment-grid,
  .certified-products-band,
  .wireless-options-grid
) {
  gap: 14px !important;
}

body.page-products :is(
  .license-card,
  .light-card,
  .video-personal-panel,
  .video-room-panel,
  .speaker-personal-panel,
  .speaker-room-panel,
  .wireless-options-grid > .light-card
) {
  padding: 22px !important;
}

body.page-products :is(
  .license-card,
  .light-card,
  .video-personal-panel,
  .video-room-panel,
  .speaker-personal-panel,
  .speaker-room-panel,
  .wireless-options-grid > .light-card
) > * + * {
  margin-top: clamp(14px, 1.2vw, 20px) !important;
}

body.page-products :is(
  .license-card,
  .light-card,
  .video-personal-panel,
  .video-room-panel,
  .speaker-personal-panel,
  .speaker-room-panel,
  .wireless-options-grid > .light-card
) :is(h3, h4) {
  line-height: 1.18 !important;
  margin-bottom: 10px !important;
}

body.page-products :is(
  .license-card,
  .light-card,
  .video-personal-panel,
  .video-room-panel,
  .speaker-personal-panel,
  .speaker-room-panel,
  .wireless-options-grid > .light-card
) :is(p, li) {
  line-height: 1.62 !important;
}

body.page-products main :is(.flex.flex-wrap, .tag-list, .product-tags, .wireless-share-copy > div) {
  gap: 8px !important;
  row-gap: 8px !important;
}

body.page-products main :is(.flex.flex-wrap, .tag-list, .product-tags, .wireless-share-copy > div) > :is(span, b),
body.page-products main :is(.product-chip, .service-chip, .brand-chip) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: .72rem !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
}

body.page-products .wireless-share-copy > div b {
  font-size: .78rem !important;
  font-weight: 800 !important;
}

body.page-products .wireless-share-stage {
  grid-template-columns: minmax(300px, .85fr) minmax(420px, 1.15fr) !important;
  gap: clamp(32px, 4vw, 70px) !important;
  align-items: center !important;
  padding: clamp(46px, 4vw, 72px) !important;
}

body.page-products .wireless-share-copy {
  max-width: 440px !important;
}

body.page-products .wireless-share-copy > span {
  width: fit-content !important;
  max-width: 100% !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

body.page-products .wireless-share-copy h3 {
  margin: 0 !important;
  font-size: clamp(1.15rem, 1.7vw, 1.62rem) !important;
  line-height: 1.2 !important;
}

body.page-products .wireless-share-copy p {
  margin: 0 !important;
  max-width: 430px !important;
  font-size: clamp(.9rem, 1vw, 1rem) !important;
  line-height: 1.68 !important;
}

body.page-products .wireless-transfer-visual {
  min-height: 360px !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  overflow: visible !important;
}

body.page-products .wireless-status-band {
  right: clamp(16px, 2vw, 28px) !important;
  left: clamp(16px, 2vw, 28px) !important;
  bottom: 22px !important;
}

body.page-products .photo-comp-feature {
  align-items: stretch !important;
  gap: clamp(22px, 2.5vw, 34px) !important;
}

body.page-products .photo-comp-feature-img {
  min-height: clamp(360px, 36vw, 520px) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.page-products .photo-comp-feature-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

body.page-products .photo-comp-feature-content {
  justify-content: center !important;
  gap: 18px !important;
}

body.page-products .photo-comp-feature-items {
  gap: 10px !important;
}

body.page-products .photo-comp-feature-items li {
  min-height: 52px !important;
  padding: 15px 18px !important;
  line-height: 1.25 !important;
}

body.page-products .certified-room-stage {
  grid-template-columns: minmax(320px, .72fr) minmax(440px, 1.28fr) !important;
  gap: clamp(24px, 2.6vw, 40px) !important;
  align-items: stretch !important;
  padding: 0 !important;
  overflow: visible !important;
}

body.page-products .certified-room-copy {
  min-width: 0 !important;
  padding: clamp(38px, 4vw, 58px) !important;
  overflow: hidden !important;
}

body.page-products .certified-room-copy > * {
  max-width: 100% !important;
}

body.page-products .certified-room-copy h3 {
  margin: 0 !important;
  font-size: clamp(1.2rem, 1.6vw, 1.55rem) !important;
  line-height: 1.16 !important;
}

body.page-products .certified-room-copy p {
  margin: 0 !important;
  line-height: 1.66 !important;
}

body.page-products .certified-room-image-slot {
  min-height: 390px !important;
  overflow: hidden !important;
}

body.page-products .product-video-section .video-dashboard {
  align-items: start !important;
}

body.page-products .product-video-section .video-personal-panel {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body.page-products .product-video-section .product-gif-frame {
  min-height: clamp(320px, 30vw, 440px) !important;
  margin: 0 !important;
}

body.page-products .product-video-section .product-gif-frame img {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  padding: clamp(10px, 1.2vw, 18px) !important;
}

body.page-products .video-camera-proof {
  margin-top: auto !important;
  padding-top: 18px !important;
}

/* remove o reflexo solto que aparecia fora do botão */
body.page-products .cta-photo-actions .btn-primary::after,
body.page-home .hero-cta .btn-primary::after,
body.page-products .products-hero-primary::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 1024px) {
  body.page-products .wireless-share-stage,
  body.page-products .certified-room-stage {
    grid-template-columns: 1fr !important;
  }

  body.page-products .wireless-transfer-visual {
    min-height: 350px !important;
  }
}

@media (max-width: 640px) {
  body.page-products :is(.content-section, .photo-section) {
    padding-block: 58px !important;
  }

  body.page-products :is(
    .license-card,
    .light-card,
    .video-personal-panel,
    .video-room-panel,
    .speaker-personal-panel,
    .speaker-room-panel,
    .wireless-options-grid > .light-card
  ) {
    padding: 24px !important;
  }

  body.page-products .wireless-share-stage,
  body.page-products .certified-room-copy {
    padding: 28px !important;
  }

  body.page-products .wireless-transfer-visual {
    min-height: 320px !important;
    transform: none !important;
  }

  body.page-products .photo-comp-feature-img,
  body.page-products .certified-room-image-slot,
  body.page-products .product-video-section .product-gif-frame {
    min-height: 300px !important;
  }
}

/* Home: grade de parceiros sem buraco após remoção de um card */
body.page-home .licenses-brands {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 2px !important;
  align-items: stretch !important;
}

body.page-home .licenses-brands .brand-card {
  min-width: 0 !important;
  height: auto !important;
}

body.page-home .licenses-brands .brand-card:nth-child(-n + 4) {
  grid-column: span 3 !important;
}

body.page-home .licenses-brands .brand-card:nth-child(n + 5) {
  grid-column: span 4 !important;
}

@media (max-width: 1024px) {
  body.page-home .licenses-brands {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  body.page-home .licenses-brands .brand-card:nth-child(n) {
    grid-column: span 3 !important;
  }

  body.page-home .licenses-brands .brand-card:last-child {
    grid-column: 2 / span 4 !important;
  }
}

@media (max-width: 640px) {
  body.page-home .licenses-brands {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.page-home .licenses-brands .brand-card:nth-child(n),
  body.page-home .licenses-brands .brand-card:last-child {
    grid-column: 1 !important;
  }
}

/* ============================================================
   MOBILE-ONLY POLISH — texto centralizado nas seções de storytelling
   (stage/copy, intro e panels de duas colunas do desktop).
   Escopo: apenas <=768px. Não afeta desktop/tablet-landscape.
   ============================================================ */
@media (max-width: 768px) {
  [class$="-copy"] {
    text-align: center !important;
  }
  [class$="-copy"] > span,
  [class$="-copy"] h2,
  [class$="-copy"] h3,
  [class$="-copy"] p {
    max-width: 100% !important;
    text-align: center !important;
  }
  [class$="-copy"] > div:not(ul):not(ol) {
    justify-content: center !important;
  }
  [class$="-copy"] ul,
  [class$="-copy"] ol {
    max-width: 420px;
    margin-inline: auto !important;
    text-align: left;
  }

  [class$="-intro"] {
    text-align: center !important;
  }
  [class$="-intro"] > div {
    width: auto !important;
    margin-inline: auto !important;
  }
  [class$="-intro"] h2,
  [class$="-intro"] p,
  [class$="-intro"] > span,
  [class$="-intro"] > div > span {
    text-align: center !important;
    max-width: 100% !important;
  }

  :is(
    .infra-problem-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .identity-control-panel,
    .support-command-panel
  ) {
    text-align: center !important;
  }
  :is(
    .infra-problem-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .identity-control-panel,
    .support-command-panel
  ) h3,
  :is(
    .infra-problem-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .identity-control-panel,
    .support-command-panel
  ) p,
  :is(
    .infra-problem-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .identity-control-panel,
    .support-command-panel
  ) [class$="-eyebrow"] {
    text-align: center !important;
    max-width: 100% !important;
  }
  :is(
    .infra-problem-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .identity-control-panel,
    .support-command-panel
  ) > div:not(ul):not(ol) {
    justify-content: center !important;
  }
  :is(
    .infra-problem-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .identity-control-panel,
    .support-command-panel
  ) ul {
    max-width: 420px;
    margin-inline: auto !important;
    text-align: left;
  }
}

/* Home: faixa de diferenciais mais compacta */
body.page-home .diferenciais-strip {
  min-height: 0 !important;
  padding: 22px 0 !important;
}

body.page-home .diferenciais-strip .container {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.page-home .diferenciais-grid {
  min-height: 0 !important;
  align-items: center !important;
}

body.page-home .diferencial-item {
  min-height: 0 !important;
  padding: 14px 26px !important;
  border-radius: 18px !important;
}

body.page-home .diferencial-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
}

body.page-home .diferencial-icon i {
  font-size: 1rem !important;
}

body.page-home .diferencial-copy {
  gap: 3px !important;
}

body.page-home .diferencial-copy strong {
  font-size: .88rem !important;
  line-height: 1.15 !important;
}

body.page-home .diferencial-copy span {
  font-size: .68rem !important;
  line-height: 1.25 !important;
}

@media (max-width: 768px) {
  body.page-home .diferenciais-strip {
    padding: 18px 0 !important;
  }

  body.page-home .diferencial-item {
    padding: 16px !important;
  }
}

/* Home: métricas em faixa mais leve e compacta */
body.page-home .stats-section {
  padding: 34px 0 !important;
  min-height: 0 !important;
  background:
    radial-gradient(circle at 88% 50%, rgba(57,181,239,.10), transparent 28%),
    linear-gradient(135deg, #07101e 0%, #0a2037 58%, #0b2a48 100%) !important;
}

body.page-home .stats-section::before {
  opacity: .62 !important;
}

body.page-home .stats-grid {
  width: min(100%, 1060px) !important;
  margin: 0 auto !important;
  align-items: center !important;
  border: 1px solid rgba(57,181,239,.08) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.025) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow: hidden !important;
}

body.page-home .stat-item {
  min-height: 0 !important;
  gap: 8px !important;
  padding: 26px 20px !important;
  border-right-color: rgba(57,181,239,.10) !important;
}

body.page-home .stat-number {
  font-size: clamp(2rem, 3vw, 2.45rem) !important;
  letter-spacing: -.04em !important;
}

body.page-home .stat-number .stat-suffix {
  font-size: .52em !important;
  margin-left: 1px !important;
}

body.page-home .stat-item-divider {
  width: 34px !important;
  height: 2px !important;
  margin: 2px 0 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, #39b5ef, transparent) !important;
}

body.page-home .stat-label {
  font-size: .66rem !important;
  letter-spacing: .07em !important;
  color: rgba(255,255,255,.54) !important;
}

@media (max-width: 768px) {
  body.page-home .stats-section {
    padding: 26px 0 !important;
  }

  body.page-home .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    border-radius: 22px !important;
  }

  body.page-home .stat-item {
    padding: 22px 14px !important;
  }
}

/* Motion restore — microinterações e entradas suaves em todo o site */
:root {
  --motion-ease: cubic-bezier(.22, 1, .36, 1);
}

body:not(.motion-ready) :is(.reveal, .animate-on-scroll, .inner-enter, .motion-card) {
  opacity: 1;
}

body.motion-ready :is(.reveal, .animate-on-scroll, .inner-enter, .motion-card.motion-pending) {
  opacity: 0;
  transform: translateY(24px) scale(.985);
}

body.motion-ready :is(.reveal.is-visible, .animate-on-scroll.visible, .inner-enter.is-in, .motion-card.motion-visible) {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  transition:
    opacity .72s var(--motion-ease),
    transform .72s var(--motion-ease),
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease !important;
}

body.motion-ready .motion-card.motion-visible,
body.motion-ready .inner-motion.is-in,
body.motion-ready .animate-on-scroll.visible,
body.motion-ready .reveal.is-visible {
  animation: site-card-rise .72s var(--motion-ease) both;
  animation-delay: calc(var(--motion-order, var(--delay, 0)) * 55ms);
}

@keyframes site-card-rise {
  from {
    opacity: 0;
    transform: translateY(24px) scale(.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

main :is(.service-card, .product-card, .brand-card, .license-card, .light-card, .dark-card, .contact-item, .faq-item, .certification-card, .mission-card, .value-prop-card) {
  transition:
    transform .28s var(--motion-ease),
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  main :is(.service-card, .product-card, .brand-card, .license-card, .light-card, .dark-card, .contact-item, .faq-item, .certification-card, .mission-card, .value-prop-card):hover {
    transform: translateY(-5px) !important;
  }

  main :is(.brand-card, .product-card, .service-card, .license-card):hover :is(img, .brand-logo, .service-icon, .product-media, .w-16, .w-14) {
    transform: translateY(-2px) scale(1.015) !important;
  }
}

main :is(.brand-logo, .service-icon, .product-media, .w-16, .w-14, .icon-box, .diferencial-icon) {
  transition: transform .28s var(--motion-ease), filter .28s ease !important;
}

body.page-home :is(.orbit-dot, .orbital-dot, .hero-node, .license-card-node, .home-contact-animation svg circle),
body.inner-page :is(.license-vendor-node, .collaboration-node, .cloud-provider-orbit, .expertise-node, .insight-alert, .insight-saving) {
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  body.motion-ready :is(.reveal, .animate-on-scroll, .inner-enter, .motion-card.motion-pending) {
    opacity: 1 !important;
    transform: none !important;
  }

  body.motion-ready :is(.reveal.is-visible, .animate-on-scroll.visible, .inner-enter.is-in, .motion-card.motion-visible) {
    animation: none !important;
    transition: none !important;
  }
}

/* ============================================================
   Ajuste final de consistência — Produtos + Licenças
   Respiro de cards, hierarquia interna, chips e labels.
   ============================================================ */
body.page-products,
body.page-licenses {
  --alfa-card-pad: 22px;
  --alfa-card-gap: 14px;
  --alfa-copy-leading: 1.64;
  --alfa-chip-fs: .72rem;
  --alfa-chip-py: 7px;
  --alfa-chip-px: 12px;
}

body.page-products main :is(
  .license-card,
  .light-card,
  .dark-card,
  .video-personal-panel,
  .video-room-panel,
  .speaker-personal-panel,
  .speaker-room-panel,
  .wireless-options-grid > .light-card,
  .certified-room-copy,
  .certified-room-image-slot,
  .photo-comp-feature,
  .photo-comp-feature-content
),
body.page-licenses main :is(
  .lc-card,
  .license-card,
  .light-card,
  .dark-card,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .visibility-detail-card,
  .expertise-proof-card
) {
  padding: var(--alfa-card-pad) !important;
  box-sizing: border-box !important;
}

body.page-products main :is(
  .audio-portfolio-grid,
  .speaker-options-grid,
  .video-dashboard,
  .video-options-grid,
  .certified-deployment-grid,
  .certified-products-band,
  .wireless-options-grid,
  .photo-comp-feature
),
body.page-licenses main :is(
  .lc-grid,
  .cloud-provider-grid,
  .security-solution-grid,
  .remote-solution-grid,
  .visibility-features-grid,
  .expertise-grid,
  .disaster-recovery-row
) {
  gap: var(--alfa-card-gap) !important;
}

body.page-products main :is(
  .license-card,
  .light-card,
  .dark-card,
  .video-personal-panel,
  .video-room-panel,
  .speaker-personal-panel,
  .speaker-room-panel,
  .wireless-options-grid > .light-card,
  .certified-room-copy
) > * + *,
body.page-licenses main :is(
  .lc-card,
  .license-card,
  .light-card,
  .dark-card,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .visibility-detail-card
) > * + * {
  margin-top: clamp(14px, 1.25vw, 20px) !important;
}

body.page-products main :is(
  .license-card,
  .light-card,
  .dark-card,
  .video-personal-panel,
  .video-room-panel,
  .speaker-personal-panel,
  .speaker-room-panel,
  .wireless-options-grid > .light-card,
  .certified-room-copy
) :is(h3, h4),
body.page-licenses main :is(
  .lc-card,
  .license-card,
  .light-card,
  .dark-card,
  .cloud-provider-card,
  .security-solution-card,
  .remote-solution-card,
  .visibility-feature-card,
  .visibility-detail-card
) :is(h3, h4) {
  margin: 0 0 12px !important;
  line-height: 1.22 !important;
  letter-spacing: -.015em !important;
}

body.page-products main :is(.license-card, .light-card, .dark-card, .video-personal-panel, .video-room-panel, .speaker-personal-panel, .speaker-room-panel, .wireless-options-grid > .light-card, .certified-room-copy) :is(p, li, blockquote),
body.page-licenses main :is(.lc-card, .license-card, .light-card, .dark-card, .cloud-provider-card, .security-solution-card, .remote-solution-card, .visibility-feature-card, .visibility-detail-card) :is(p, li, blockquote) {
  line-height: var(--alfa-copy-leading) !important;
}

body.page-products main :is(.flex.flex-wrap, .tag-list, .product-tags, .wireless-share-copy > div, .certified-room-copy > div),
body.page-licenses main :is(.lc-tags, .tag-list, .product-tags, .cloud-finops-copy > div, .remote-management-copy > div, .security-resilience-copy > div, .license-intelligence-copy > div) {
  gap: 8px !important;
  row-gap: 8px !important;
}

body.page-products main :is(.flex.flex-wrap, .tag-list, .product-tags, .wireless-share-copy > div, .certified-room-copy > div) > :is(span, b),
body.page-products main :is(.product-chip, .service-chip, .brand-chip),
body.page-licenses main :is(.lc-tags, .tag-list, .product-tags, .cloud-finops-copy > div, .remote-management-copy > div, .security-resilience-copy > div, .license-intelligence-copy > div) > :is(span, b),
body.page-licenses main :is(.lc-chip, .product-chip, .service-chip, .brand-chip) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: var(--alfa-chip-py) var(--alfa-chip-px) !important;
  border-radius: 999px !important;
  font-size: var(--alfa-chip-fs) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body.page-licenses main :is(.cloud-finops-copy, .remote-management-copy, .security-resilience-copy) > div > b {
  color: rgba(226, 241, 250, .92) !important;
  border-color: rgba(126, 210, 248, .28) !important;
  background: rgba(255, 255, 255, .085) !important;
}

body.page-licenses main :is(.lc-badge, .lc-plan-title, [class*="tracking-wider"][class*="uppercase"]),
body.page-products main :is([class*="tracking-wider"][class*="uppercase"]) {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 20px !important;
  margin-bottom: 10px !important;
  line-height: 1.18 !important;
}

body.page-licenses #colaboracao .lc-card-top {
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

body.page-licenses #colaboracao .lc-card-top > div:last-child {
  min-width: 0 !important;
}

body.page-licenses #colaboracao .lc-card-top h3 {
  margin-top: 4px !important;
}

body.page-licenses #colaboracao .lc-quote {
  margin-block: 0 18px !important;
  padding: 16px 18px !important;
}

body.page-licenses #colaboracao .lc-coverage-label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  line-height: 1.25 !important;
}

body.page-licenses #colaboracao .lc-plans {
  gap: 18px !important;
}

body.page-licenses #colaboracao .lc-plans > div {
  min-width: 0 !important;
}

body.page-licenses #colaboracao .lc-tags span {
  opacity: 1 !important;
}

body.page-licenses #colaboracao .lc-dark .lc-tags span {
  color: #0879b8 !important;
  border-color: rgba(21, 139, 211, .2) !important;
  background: rgba(21, 139, 211, .08) !important;
}

body.page-licenses #colaboracao .lc-light .lc-tags span,
body.page-licenses #colaboracao .lc-goto-card .lc-tags span {
  color: #0879b8 !important;
  border-color: rgba(21, 139, 211, .2) !important;
  background: rgba(21, 139, 211, .08) !important;
}

body.page-licenses #colaboracao .lc-goto-card {
  min-height: 0 !important;
  padding: clamp(30px, 2.7vw, 40px) !important;
}

body.page-licenses #colaboracao .lc-goto-card .lc-plans {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.page-products .wireless-options-grid > .light-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

body.page-products .wireless-options-grid > .light-card .flex:last-child {
  margin-top: auto !important;
  padding-top: 16px !important;
}

body.page-products .wireless-options-grid > .light-card .flex:last-child span {
  font-size: .74rem !important;
}

@media (max-width: 640px) {
  body.page-products .wireless-options-grid > .light-card {
    min-height: 0 !important;
    text-align: center !important;
  }

  body.page-products .wireless-options-grid > .light-card :is(h3, p) {
    max-width: 92% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

body.page-products .wireless-share-stage {
  min-height: 0 !important;
  padding: clamp(38px, 4.2vw, 62px) !important;
}

body.page-products .wireless-share-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  max-width: 470px !important;
}

body.page-products .wireless-share-copy > * {
  margin: 0 !important;
}

body.page-products .wireless-transfer-visual {
  min-height: clamp(330px, 32vw, 430px) !important;
}

body.page-products .certified-room-stage {
  gap: clamp(28px, 3vw, 46px) !important;
  align-items: stretch !important;
}

body.page-products .certified-room-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 420px !important;
}

body.page-products .certified-room-copy > * {
  margin: 0 !important;
}

body.page-products .certified-room-copy > * + * {
  margin-top: 18px !important;
}

body.page-products .certified-room-copy > span {
  align-self: flex-start !important;
}

body.page-products .certified-room-image-slot {
  min-height: 420px !important;
  padding: 0 !important;
}

body.page-products .certified-deployment-grid .license-card {
  min-height: 220px !important;
}

body.page-products .product-video-section .video-personal-panel {
  min-height: 0 !important;
}

body.page-products .product-video-section .product-gif-frame {
  min-height: clamp(340px, 31vw, 460px) !important;
}

@media (max-width: 1024px) {
  body.page-products .certified-room-stage,
  body.page-products .wireless-share-stage,
  body.page-licenses #colaboracao .lc-goto-card .lc-plans {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body.page-products,
  body.page-licenses {
    --alfa-card-pad: 18px;
    --alfa-card-gap: 12px;
    --alfa-chip-fs: .7rem;
    --alfa-chip-py: 6px;
    --alfa-chip-px: 10px;
  }

  body.page-products main :is(.flex.flex-wrap, .tag-list, .product-tags, .wireless-share-copy > div, .certified-room-copy > div) > :is(span, b),
  body.page-licenses main :is(.lc-tags, .tag-list, .product-tags, .cloud-finops-copy > div, .remote-management-copy > div, .security-resilience-copy > div, .license-intelligence-copy > div) > :is(span, b) {
    white-space: normal !important;
  }

  body.page-products .wireless-transfer-visual,
  body.page-products .certified-room-copy,
  body.page-products .certified-room-image-slot,
  body.page-products .product-video-section .product-gif-frame {
    min-height: 300px !important;
  }
}

/* Padronização global — chips/spans de apoio que NÃO são eyebrows */
:root {
  --alfa-chip-h: 30px;
  --alfa-chip-py: 7px;
  --alfa-chip-px: 13px;
  --alfa-chip-fs: .68rem;
  --alfa-chip-gap: 8px;
  --alfa-chip-radius: 999px;
  --alfa-chip-light-bg: rgba(255, 255, 255, .78);
  --alfa-chip-light-border: rgba(21, 139, 211, .18);
  --alfa-chip-light-color: #0879b8;
  --alfa-chip-dark-bg: rgba(255, 255, 255, .095);
  --alfa-chip-dark-border: rgba(126, 210, 248, .26);
  --alfa-chip-dark-color: rgba(226, 241, 250, .94);
}

main :is(
  .tag-list,
  .infra-tags,
  .security-status-row,
  .security-compliance-tags,
  .devices-showcase-tags,
  .support-showcase-tags,
  .photo-comp-strip-apps,
  .photo-comp-window-chips,
  .photo-comp-consulting-chips,
  .lc-tags,
  .lc-app-chips,
  .product-tags,
  .amf-chips,
  .ps-chips,
  .hero-badges,
  .wireless-share-copy > div,
  .certified-room-copy > div,
  .cloud-finops-copy > div,
  .remote-management-copy > div,
  .security-resilience-copy > div,
  .license-intelligence-copy > div
) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--alfa-chip-gap) !important;
  row-gap: var(--alfa-chip-gap) !important;
}

main :is(
  .tag-list,
  .infra-tags,
  .security-status-row,
  .security-compliance-tags,
  .devices-showcase-tags,
  .support-showcase-tags,
  .photo-comp-strip-apps,
  .photo-comp-window-chips,
  .photo-comp-consulting-chips,
  .lc-tags,
  .lc-app-chips,
  .product-tags,
  .amf-chips,
  .hero-badges,
  .wireless-share-copy > div,
  .certified-room-copy > div,
  .cloud-finops-copy > div,
  .remote-management-copy > div,
  .security-resilience-copy > div,
  .license-intelligence-copy > div
) > :is(span, b, a),
main :is(.product-chip, .service-chip, .brand-chip, .photo-comp-chip, .ps-chip) {
  min-height: var(--alfa-chip-h) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: var(--alfa-chip-py) var(--alfa-chip-px) !important;
  border: 1px solid var(--alfa-chip-light-border) !important;
  border-radius: var(--alfa-chip-radius) !important;
  background: var(--alfa-chip-light-bg) !important;
  color: var(--alfa-chip-light-color) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: var(--alfa-chip-fs) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: 0 6px 18px rgba(20, 50, 75, .055) !important;
}

main :is(
  .section-dark,
  .dark-card,
  .lc-dark,
  .lc-tags-dark,
  .lc-chips-dark,
  .service-card-lead,
  .service-card-support,
  .infra-problem-panel,
  .security-command-panel,
  .backup-journey-panel,
  .identity-control-panel,
  .support-service-band,
  .cloud-finops-copy,
  .remote-management-copy,
  .security-resilience-copy
) :is(
  .tag-list,
  .infra-tags,
  .security-status-row,
  .security-compliance-tags,
  .devices-showcase-tags,
  .support-showcase-tags,
  .photo-comp-strip-apps,
  .photo-comp-window-chips,
  .photo-comp-consulting-chips,
  .lc-tags,
  .lc-app-chips,
  .product-tags,
  .amf-chips,
  .hero-badges,
  .wireless-share-copy > div,
  .certified-room-copy > div,
  .cloud-finops-copy > div,
  .remote-management-copy > div,
  .security-resilience-copy > div,
  .license-intelligence-copy > div
) > :is(span, b, a),
main :is(
  .section-dark,
  .dark-card,
  .lc-dark,
  .service-card-lead,
  .service-card-support,
  .infra-problem-panel,
  .security-command-panel,
  .backup-journey-panel,
  .identity-control-panel,
  .support-service-band,
  .cloud-finops-copy,
  .remote-management-copy,
  .security-resilience-copy
) :is(.product-chip, .service-chip, .brand-chip, .photo-comp-chip, .ps-chip) {
  border-color: var(--alfa-chip-dark-border) !important;
  background: var(--alfa-chip-dark-bg) !important;
  color: var(--alfa-chip-dark-color) !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  :root {
    --alfa-chip-h: 28px;
    --alfa-chip-py: 6px;
    --alfa-chip-px: 11px;
    --alfa-chip-fs: .66rem;
  }

  main :is(
    .tag-list,
    .infra-tags,
    .security-status-row,
    .security-compliance-tags,
    .devices-showcase-tags,
    .support-showcase-tags,
    .photo-comp-strip-apps,
    .photo-comp-window-chips,
    .photo-comp-consulting-chips,
    .lc-tags,
    .lc-app-chips,
    .product-tags,
    .amf-chips,
    .hero-badges,
    .wireless-share-copy > div,
    .certified-room-copy > div,
    .cloud-finops-copy > div,
    .remote-management-copy > div,
    .security-resilience-copy > div,
    .license-intelligence-copy > div
  ) > :is(span, b, a),
  main :is(.product-chip, .service-chip, .brand-chip, .photo-comp-chip, .ps-chip) {
    white-space: normal !important;
  }
}

/* Mobile/iPad: hero and CTA actions stay centered in a row. */
@media (max-width: 1024px) {
  body :is(
    .hero-actions,
    .hero-cta,
    .services-hero-actions,
    .products-hero-actions,
    .licenses-hero-actions,
    .about-hero-actions,
    .about-cta-buttons,
    .cta-actions,
    .cta-photo-actions,
    [class*="cta-panel"] [class*="actions"],
    .services-cta-panel [class*="actions"],
    .licenses-cta-panel [class*="actions"]
  ) {
    width: 100% !important;
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px 18px !important;
    text-align: center !important;
  }

  body :is(
    .hero-actions,
    .hero-cta,
    .services-hero-actions,
    .products-hero-actions,
    .licenses-hero-actions,
    .about-hero-actions,
    .about-cta-buttons,
    .cta-actions,
    .cta-photo-actions
  ) > :is(a, button, .btn, .services-hero-primary, .products-hero-primary, .licenses-hero-primary, .services-hero-link, .text-link-light) {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 1 auto !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html body.page-services .services-hero-actions,
  html body.page-products .products-hero-actions,
  html body.page-licenses .services-hero-actions,
  html body.page-licenses .licenses-hero-actions,
  html body.page-about .about-hero-actions,
  html body :is(.hero-actions, .hero-cta, .cta-photo-actions) {
    flex-flow: row wrap !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body.page-services .services-hero-actions > :is(a, button),
  html body.page-products .products-hero-actions > :is(a, button, div),
  html body.page-licenses .services-hero-actions > :is(a, button),
  html body.page-licenses .licenses-hero-actions > :is(a, button),
  html body .cta-photo-actions > :is(a, button) {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.page-services.inner-page .inner-hero .services-hero-actions,
  html body.page-products.inner-page .inner-hero .products-hero-actions,
  html body.page-licenses.inner-page .licenses-hero-wrap .services-hero-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Final UC meeting animation layer. Keep after legacy product hero rules. */
body.page-products .products-hero-visual .vc-stage {
  min-height: 460px;
  display: grid !important;
  place-items: center !important;
  perspective: 1200px;
  isolation: isolate;
}

body.page-products .products-hero-visual .vc-stage::before {
  position: absolute;
  inset: 8% 3% 5% 8%;
  z-index: 0;
  content: "";
  border-radius: 34px;
  background:
    radial-gradient(circle at 24% 20%, rgba(57,181,239,.2), transparent 28%),
    radial-gradient(circle at 84% 70%, rgba(124,58,237,.18), transparent 30%),
    linear-gradient(135deg, rgba(7,16,30,.5), rgba(9,36,58,.24));
  filter: blur(2px);
  animation: vc-stage-glow 7s ease-in-out infinite;
  pointer-events: none;
}

body.page-products .products-hero-visual .vc-stage::after {
  position: absolute;
  inset: 13% 0 10% 15%;
  z-index: 0;
  content: "";
  border: 1px solid rgba(57,181,239,.16);
  border-radius: 32px;
  background-image:
    linear-gradient(rgba(57,181,239,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,181,239,.055) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(135deg, transparent 0%, #000 22%, #000 76%, transparent 100%);
  opacity: .52;
  pointer-events: none;
}

body.page-products .products-hero-visual .vc-card {
  top: 28px !important;
  right: 18px !important;
  bottom: 28px !important;
  left: 18px !important;
  z-index: 2 !important;
  border: 1px solid rgba(126,210,248,.22) !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045)),
    rgba(4,17,31,.78) !important;
  box-shadow:
    0 34px 80px rgba(4,13,23,.42),
    0 0 0 1px rgba(255,255,255,.055),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  transform: rotateX(0deg) rotateY(-2deg) translate3d(0,0,0);
  animation: vc-card-breathe 7s ease-in-out infinite !important;
}

body.page-products .products-hero-visual .vc-header {
  min-height: 44px;
  padding: 10px 14px !important;
  border-bottom: 1px solid rgba(126,210,248,.14) !important;
  background: rgba(4,13,23,.32) !important;
}

body.page-products .products-hero-visual .vc-rec {
  border-color: rgba(248,113,113,.28) !important;
  border-radius: 999px !important;
  background: rgba(248,113,113,.12) !important;
  color: #ff8b8b !important;
}

body.page-products .products-hero-visual .vc-meeting-name {
  color: rgba(255,255,255,.94) !important;
  font-size: .72rem !important;
  letter-spacing: 0 !important;
}

body.page-products .products-hero-visual .vc-grid {
  gap: 8px !important;
  padding: 10px !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(57,181,239,.08), transparent 30%),
    rgba(3,12,23,.22) !important;
}

body.page-products .products-hero-visual .vc-tile {
  border: 1px solid rgba(126,210,248,.1) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(57,181,239,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.page-products .products-hero-visual .vc-tile::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .38;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.08) 38%, transparent 58%);
  transform: translateX(-120%);
  animation: vc-tile-shine 5.8s ease-in-out infinite;
}

body.page-products .products-hero-visual .vc-tile:nth-child(2)::before { animation-delay: -1.8s; }
body.page-products .products-hero-visual .vc-tile:nth-child(3)::before { animation-delay: -3.1s; }
body.page-products .products-hero-visual .vc-tile:nth-child(4)::before { animation-delay: -4.2s; }

body.page-products .products-hero-visual .vc-tile-speaking {
  border-color: rgba(57,181,239,.62) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(57,181,239,.18), transparent 35%),
    linear-gradient(145deg, rgba(25,82,122,.4), rgba(255,255,255,.04)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(57,181,239,.24),
    0 0 34px rgba(57,181,239,.16) !important;
}

body.page-products .products-hero-visual .vc-avatar {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.24), transparent 28%),
    var(--c, #158bd3) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.26),
    0 0 0 8px rgba(255,255,255,.035) !important;
  animation: vc-avatar-float 4.8s ease-in-out infinite !important;
}

body.page-products .products-hero-visual .vc-tile:nth-child(2) .vc-avatar { animation-delay: -1.2s !important; }
body.page-products .products-hero-visual .vc-tile:nth-child(3) .vc-avatar { animation-delay: -2.4s !important; }

body.page-products .products-hero-visual .vc-tile-name {
  bottom: 10px !important;
  left: 10px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 999px !important;
  background: rgba(4,13,23,.6) !important;
  color: rgba(255,255,255,.86) !important;
  font-size: .53rem !important;
}

body.page-products .products-hero-visual .vc-tile-badge {
  right: 10px !important;
  bottom: 10px !important;
  width: 24px !important;
  height: 24px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(4,13,23,.58) !important;
}

body.page-products .products-hero-visual .vc-tile-badge:not(.vc-muted) { color: #9bdcff !important; }
body.page-products .products-hero-visual .vc-tile-badge.vc-muted {
  color: #ff8b8b !important;
  background: rgba(239,68,68,.12) !important;
}

body.page-products .products-hero-visual .vc-waves {
  bottom: 34px !important;
  gap: 3px !important;
}

body.page-products .products-hero-visual .vc-waves span {
  width: 4px !important;
  background: linear-gradient(180deg, #9bdcff, #39b5ef) !important;
  box-shadow: 0 0 12px rgba(57,181,239,.32);
  animation-duration: .82s !important;
}

body.page-products .products-hero-visual .vc-tile-screen {
  border-color: rgba(57,181,239,.28) !important;
  background:
    linear-gradient(rgba(57,181,239,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(57,181,239,.08) 1px, transparent 1px),
    linear-gradient(145deg, rgba(7,42,74,.88), rgba(8,25,44,.86)) !important;
  background-size: 22px 22px, 22px 22px, auto !important;
}

body.page-products .products-hero-visual .vc-tile-screen::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, transparent, rgba(57,181,239,.14), transparent);
  transform: translateY(-100%);
  animation: vc-screen-scan 3.6s linear infinite;
}

body.page-products .products-hero-visual .vc-screen-share {
  position: relative;
  z-index: 2;
  gap: 7px !important;
}

body.page-products .products-hero-visual .vc-screen-share i {
  width: 44px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(57,181,239,.32) !important;
  border-radius: 10px !important;
  background: rgba(57,181,239,.12) !important;
  color: #7ed2f8 !important;
  opacity: 1 !important;
  font-size: 1.05rem !important;
}

body.page-products .products-hero-visual .vc-controls {
  gap: 10px !important;
  padding: 12px 18px 14px !important;
  border-top-color: rgba(126,210,248,.13) !important;
  background: rgba(4,13,23,.36) !important;
}

body.page-products .products-hero-visual .vc-btn {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(126,210,248,.12) !important;
  background: rgba(255,255,255,.08) !important;
  color: rgba(226,241,250,.78) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.page-products .products-hero-visual .vc-btn-active {
  background: linear-gradient(135deg, #158bd3, #39b5ef) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(57,181,239,.3) !important;
  animation: vc-control-pulse 2.4s ease-in-out infinite !important;
}

body.page-products .products-hero-visual .vc-btn-end {
  width: 48px !important;
  border-color: rgba(248,113,113,.35) !important;
  background: linear-gradient(135deg, rgba(239,68,68,.9), rgba(248,113,113,.66)) !important;
  color: #fff !important;
}

body.page-products .products-hero-visual .vc-toast {
  top: 2px !important;
  z-index: 5 !important;
  border-color: rgba(57,181,239,.24) !important;
  border-radius: 999px !important;
  background: rgba(4,19,34,.76) !important;
  box-shadow: 0 16px 34px rgba(4,13,23,.28) !important;
  animation: vc-toast-loop 8s cubic-bezier(.22,1,.36,1) infinite !important;
}

body.page-products .products-hero-visual .vc-platform {
  z-index: 4 !important;
  border-color: rgba(126,210,248,.15) !important;
  border-radius: 999px !important;
  background: rgba(4,19,34,.74) !important;
  box-shadow: 0 16px 34px rgba(4,13,23,.24) !important;
}

body.page-products .products-hero-visual .vc-platform-teams {
  top: 92px !important;
  left: 2px !important;
}

body.page-products .products-hero-visual .vc-platform-zoom {
  top: 128px !important;
  right: 2px !important;
}

body.page-products .products-hero-visual .vc-quality {
  z-index: 4 !important;
  right: 4px !important;
  bottom: 12px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(53,217,138,.16) !important;
  border-radius: 999px !important;
  background: rgba(4,19,34,.72) !important;
  box-shadow: 0 16px 34px rgba(4,13,23,.24) !important;
}

body.page-products .products-hero-visual .vc-quality span {
  background: #35d98a !important;
  animation: vc-quality-bars 1.2s ease-in-out infinite !important;
}

body.page-products .products-hero-visual .vc-quality span:nth-child(2) { animation-delay: .16s !important; }
body.page-products .products-hero-visual .vc-quality span:nth-child(3) { animation-delay: .32s !important; }

body.page-products .products-hero-visual .vc-quality small {
  color: rgba(226,241,250,.72) !important;
  font-size: .54rem !important;
}

@media (max-width: 640px) {
  body.page-products .products-hero-visual .vc-stage {
    min-height: 390px;
  }

  body.page-products .products-hero-visual .vc-card {
    inset: 18px 8px 24px !important;
    border-radius: 22px !important;
  }

  body.page-products .products-hero-visual .vc-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(4, minmax(64px, 1fr)) !important;
    gap: 6px !important;
    padding: 8px !important;
  }

  body.page-products .products-hero-visual .vc-avatar {
    width: 42px !important;
    height: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-products .products-hero-visual :is(
    .vc-card,
    .vc-tile-speaking,
    .vc-avatar,
    .vc-waves span,
    .vc-btn-active,
    .vc-toast,
    .vc-platform,
    .vc-quality span
  ),
  body.page-products .products-hero-visual .vc-stage::before,
  body.page-products .products-hero-visual .vc-tile::before,
  body.page-products .products-hero-visual .vc-tile-screen::after {
    animation: none !important;
  }
}

/* Licenses hero badge: match the Services hero pill on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-licenses .licenses-hero-wrap .services-hero-tag {
    width: fit-content !important;
    max-width: calc(100vw - 48px) !important;
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin-inline: auto !important;
    margin-bottom: 24px !important;
    padding: 7px 14px !important;
    border: 1px solid rgba(21, 139, 211, .24) !important;
    border-radius: 999px !important;
    background: rgba(21, 139, 211, .14) !important;
    color: #39b5ef !important;
    -webkit-text-fill-color: #39b5ef !important;
    font-size: .64rem !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    box-shadow: 0 10px 28px rgba(21, 139, 211, .07) !important;
  }

  html body.page-licenses.inner-page .licenses-hero-wrap .services-hero-actions {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  html body.page-licenses.inner-page .licenses-hero-wrap .services-hero-link {
    margin: 0 !important;
    justify-content: center !important;
  }
}

/* Licenses catalog nav: second row carousel on mobile/iPad. */
.licenses-nav-track {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.licenses-nav-clone {
  display: none !important;
}

@keyframes licenses-nav-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 1024px) {
  html body.page-licenses .licenses-nav-links {
    display: block !important;
    overflow: hidden !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
  }

  html body.page-licenses .licenses-nav-track {
    width: max-content;
    min-width: max-content;
    justify-content: flex-start;
    gap: 0;
    animation: licenses-nav-marquee 18s linear infinite;
    will-change: transform;
  }

  html body.page-licenses .licenses-nav-track a {
    margin-right: 10px !important;
  }

  html body.page-licenses .licenses-nav-links:hover .licenses-nav-track {
    animation-play-state: paused;
  }

  html body.page-licenses .licenses-nav-clone {
    display: inline-flex !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.page-licenses .licenses-nav-links {
    overflow-x: auto !important;
    -webkit-mask-image: none;
    mask-image: none;
  }

  html body.page-licenses .licenses-nav-track {
    animation: none !important;
  }

  html body.page-licenses .licenses-nav-clone {
    display: none !important;
  }
}

/* Licenses collaboration heading centered on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-licenses #colaboracao .collab-head {
    text-align: center !important;
    justify-items: center !important;
  }

  html body.page-licenses #colaboracao .collab-head-label {
    justify-self: center !important;
  }

  html body.page-licenses #colaboracao .collab-head h2,
  html body.page-licenses #colaboracao .collab-head h2 span,
  html body.page-licenses #colaboracao .collab-head > p {
    text-align: center !important;
  }

  html body.page-licenses #colaboracao .collab-head > p {
    max-width: 520px !important;
    margin-inline: auto !important;
  }
}

/* Microsoft 365 card title stays dark on the light mobile treatment. */
html body.page-licenses #colaboracao .lc-grid > article:first-child .lc-card-top h3 {
  color: var(--inner-ink) !important;
  -webkit-text-fill-color: var(--inner-ink) !important;
}

/* Licenses page: unify section badges on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-licenses :is(
    #colaboracao .collab-head-label > span,
    #design .dh-label,
    #cloud .cloud-finops-intro > div:first-child,
    #seguranca-endpoints .security-resilience-intro > div:first-child,
    #gestao .remote-management-intro > span:first-child,
    #visibilidade .license-visibility-intro > span:first-child,
    #diferenciais .expertise-intro > span:first-child,
    #visibilidade .license-intelligence-copy > span:first-child
  ) {
    width: max-content !important;
    max-width: calc(100vw - 48px) !important;
    min-height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-inline: auto !important;
    padding: 6px 13px !important;
    border: 1px solid rgba(21, 139, 211, .22) !important;
    border-radius: 999px !important;
    background: rgba(21, 139, 211, .07) !important;
    color: #087dbd !important;
    -webkit-text-fill-color: #087dbd !important;
    font-family: var(--font-body) !important;
    font-size: .64rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  html body.page-licenses :is(
    #design .dh-copy,
    #cloud .cloud-finops-intro,
    #seguranca-endpoints .security-resilience-intro,
    #gestao .remote-management-intro,
    #visibilidade .license-visibility-intro,
    #diferenciais .expertise-intro
  ) {
    text-align: center !important;
  }

  html body.page-licenses #visibilidade .license-intelligence-copy {
    text-align: center !important;
    align-items: center !important;
  }
}

/* Contact folds: center the eyebrow across mobile/iPad. */
@media (max-width: 1024px) {
  html body .contact .contact-info {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  html body .contact .contact-info > .section-tag {
    width: max-content !important;
    max-width: calc(100vw - 48px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
}

/* FAQ intro cards: same visual language across Services, Products and Licenses. */
html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head {
  position: relative !important;
  overflow: hidden !important;
  min-height: 390px !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 34px 34px 28px !important;
  border: 1px solid rgba(21, 139, 211, .14) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 84% 88%, rgba(57, 181, 239, .16), transparent 36%),
    linear-gradient(145deg, #fcfeff, #eaf4fa) !important;
  box-shadow: 0 24px 62px rgba(20, 50, 75, .09) !important;
  text-align: center !important;
}

html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head > span {
  width: max-content !important;
  max-width: calc(100% - 24px) !important;
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 auto 22px !important;
  padding: 6px 13px !important;
  border: 1px solid rgba(21, 139, 211, .16) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .74) !important;
  color: #087dbd !important;
  -webkit-text-fill-color: #087dbd !important;
  font-size: .64rem !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head h2 {
  max-width: 330px !important;
  margin: 0 auto 16px !important;
  color: var(--inner-ink) !important;
  -webkit-text-fill-color: var(--inner-ink) !important;
  font-size: var(--type-section) !important;
  line-height: 1.02 !important;
  text-align: center !important;
}

html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head p {
  max-width: 330px !important;
  margin: 0 auto !important;
  color: var(--inner-muted) !important;
  -webkit-text-fill-color: var(--inner-muted) !important;
  font-size: .8rem !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head .faq-visual {
  position: absolute !important;
  right: 20px !important;
  bottom: 8px !important;
  left: 20px !important;
  height: 210px !important;
}

@media (max-width: 640px) {
  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head {
    min-height: 390px !important;
    padding: 30px 26px 26px !important;
    border-radius: 24px !important;
  }
}

/* Products hero actions: stack CTA and proof on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-products.inner-page .inner-hero .products-hero-actions {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  html body.page-products .products-hero-proof {
    width: max-content !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: left !important;
  }
}

/* Products hero eyebrow: match Services/Licenses hero pill. */
html body.page-products.inner-page .inner-hero .products-hero-copy > .inline-flex {
  width: fit-content !important;
  max-width: calc(100vw - 48px) !important;
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin-bottom: 24px !important;
  padding: 7px 14px !important;
  border: 1px solid rgba(21, 139, 211, .24) !important;
  border-radius: 999px !important;
  background: rgba(21, 139, 211, .14) !important;
  color: #39b5ef !important;
  -webkit-text-fill-color: #39b5ef !important;
  font-size: .64rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 28px rgba(21, 139, 211, .07) !important;
}

@media (max-width: 1024px) {
  html body.page-products.inner-page .inner-hero .products-hero-copy > .inline-flex {
    margin-inline: auto !important;
    white-space: normal !important;
  }
}

/* Products portfolio feature: center intro copy on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-products .photo-comp-feature-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  html body.page-products .photo-comp-feature-tag {
    width: max-content !important;
    max-width: calc(100vw - 48px) !important;
    margin-inline: auto !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html body.page-products .photo-comp-feature-title {
    max-width: 360px !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
}

/* Products certified rooms intro: center badge on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-products .certified-rooms-intro {
    justify-items: center !important;
    text-align: center !important;
  }

  html body.page-products .certified-rooms-intro > span {
    width: max-content !important;
    max-width: calc(100vw - 48px) !important;
    margin-inline: auto !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Products certified room card: center dark-card eyebrow on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-products .certified-room-copy {
    align-items: center !important;
    text-align: center !important;
  }

  html body.page-products .certified-room-copy > span {
    width: max-content !important;
    max-width: calc(100vw - 80px) !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  html body.page-products .certified-room-copy > div {
    justify-content: center !important;
  }
}

/* Products wireless intro: center badge on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-products .wireless-intro {
    justify-items: center !important;
    text-align: center !important;
  }

  html body.page-products .wireless-intro > span {
    width: max-content !important;
    max-width: calc(100vw - 48px) !important;
    margin-inline: auto !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Products wireless card: center eyebrow on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-products .wireless-share-copy {
    align-items: center !important;
    text-align: center !important;
  }

  html body.page-products .wireless-share-copy > span {
    width: max-content !important;
    max-width: calc(100vw - 80px) !important;
    margin-inline: auto !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html body.page-products .wireless-share-copy > div {
    justify-content: center !important;
  }
}

/* Rebuilt wireless sharing animation. */
body.page-products .wireless-transfer-visual {
  min-height: 380px !important;
  isolation: isolate;
  overflow: hidden;
}

body.page-products .wireless-transfer-visual::before {
  top: 50% !important;
  left: 50% !important;
  width: min(92%, 520px) !important;
  height: min(74%, 300px) !important;
  border: 1px solid rgba(21, 139, 211, .12) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(57, 181, 239, .11), transparent 54%),
    radial-gradient(circle at 20% 24%, rgba(255, 255, 255, .82), transparent 32%);
  box-shadow:
    0 0 0 46px rgba(57, 181, 239, .025),
    0 0 0 92px rgba(57, 181, 239, .014) !important;
  transform: translate(-50%, -50%) rotate(-6deg) !important;
  animation: wireless-field-breathe 7s ease-in-out infinite;
}

body.page-products .wireless-room-display {
  top: 42px !important;
  right: 8px !important;
  width: min(72%, 360px) !important;
  height: 250px !important;
  padding: 18px !important;
  border-color: rgba(57, 181, 239, .18) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 72% 38%, rgba(57, 181, 239, .22), transparent 32%),
    linear-gradient(145deg, #07101e, #0b2b46) !important;
  box-shadow: 0 28px 58px rgba(8, 17, 31, .2) !important;
  animation: wireless-screen-glow 5.8s ease-in-out infinite;
}

body.page-products .wireless-device-stack {
  top: 82px !important;
  left: 4px !important;
  width: 190px !important;
  min-height: 192px !important;
}

body.page-products .wireless-device {
  border-color: rgba(21, 139, 211, .2) !important;
  background: linear-gradient(145deg, #fff, #e7f7fd) !important;
  box-shadow: 0 24px 48px rgba(20, 50, 75, .14) !important;
  animation: wireless-device-float 5.4s ease-in-out infinite;
}

body.page-products .wireless-device-laptop {
  width: 162px !important;
  height: 120px !important;
  transform: rotate(-4deg) !important;
}

body.page-products .wireless-device-phone {
  right: 4px !important;
  bottom: 0 !important;
  width: 82px !important;
  height: 102px !important;
  animation-delay: -1.8s;
  transform: rotate(7deg) !important;
}

body.page-products .wireless-share-hub {
  top: 154px !important;
  left: 200px !important;
  width: 82px !important;
  height: 82px !important;
  border-radius: 25px !important;
  background: linear-gradient(145deg, #148bd4, #45c2f5) !important;
  box-shadow:
    0 0 0 10px rgba(57, 181, 239, .12),
    0 18px 34px rgba(21, 139, 211, .28) !important;
  animation: wireless-hub-pulse 3s ease-in-out infinite;
}

body.page-products .wireless-beam {
  top: 195px !important;
  left: 282px !important;
  width: 150px !important;
  border-top: 1px dashed rgba(57, 181, 239, .34) !important;
}

body.page-products .wireless-beam span {
  animation: wireless-dot-send 2.8s cubic-bezier(.42, 0, .2, 1) infinite !important;
}

body.page-products .wireless-presentation-card {
  animation: wireless-card-in 5.8s ease-in-out infinite;
}

body.page-products .wireless-display-grid span {
  animation: wireless-grid-soft 4.6s ease-in-out infinite;
}

body.page-products .wireless-display-grid span:nth-child(2) { animation-delay: -.8s; }
body.page-products .wireless-display-grid span:nth-child(3) { animation-delay: -1.6s; }

body.page-products .wireless-status-band {
  right: 22px !important;
  bottom: 18px !important;
  left: 22px !important;
  grid-template-columns: 10px minmax(0, 1fr) auto !important;
  background: rgba(7, 16, 30, .94) !important;
  backdrop-filter: blur(14px);
}

@keyframes wireless-field-breathe {
  0%, 100% { opacity: .78; transform: translate(-50%, -50%) rotate(-6deg) scale(.98); }
  50% { opacity: 1; transform: translate(-50%, -50%) rotate(-6deg) scale(1.03); }
}

@keyframes wireless-screen-glow {
  0%, 100% { box-shadow: 0 28px 58px rgba(8, 17, 31, .2); }
  50% { box-shadow: 0 28px 58px rgba(8, 17, 31, .2), 0 0 34px rgba(57, 181, 239, .18); }
}

@keyframes wireless-device-float {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -8px; }
}

@keyframes wireless-hub-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.06); }
}

@keyframes wireless-hub-pulse-mobile {
  0%, 100% { transform: translateX(-50%) scale(1); }
  50% { transform: translateX(-50%) scale(1.06); }
}

@keyframes wireless-card-in {
  0%, 100% { opacity: .78; transform: translateY(4px); }
  45%, 70% { opacity: 1; transform: translateY(0); }
}

@keyframes wireless-grid-soft {
  0%, 100% { opacity: .45; }
  50% { opacity: .9; }
}

@media (max-width: 640px) {
  body.page-products .wireless-transfer-visual {
    min-height: 370px !important;
    margin: 0 !important;
    transform: none !important;
  }

  body.page-products .wireless-room-display {
    top: 44px !important;
    right: 10px !important;
    width: 78% !important;
    height: 248px !important;
  }

  body.page-products .wireless-device-stack {
    top: 86px !important;
    left: 0 !important;
    width: 178px !important;
  }

  body.page-products .wireless-device-laptop {
    width: 154px !important;
    height: 116px !important;
  }

  body.page-products .wireless-device-phone {
    width: 78px !important;
    height: 98px !important;
  }

  body.page-products .wireless-share-hub {
    top: 162px !important;
    left: 48% !important;
    width: 78px !important;
    height: 78px !important;
    transform: translateX(-50%);
    animation-name: wireless-hub-pulse-mobile !important;
  }

  body.page-products .wireless-beam {
    top: 202px !important;
    left: calc(48% + 38px) !important;
    width: 72px !important;
  }

  body.page-products .wireless-presentation-card {
    left: 50px !important;
    width: 176px !important;
  }

  body.page-products .wireless-display-grid {
    right: 16px !important;
    width: 70px !important;
  }

  body.page-products .wireless-status-band {
    right: 12px !important;
    bottom: 16px !important;
    left: 12px !important;
    grid-template-columns: 10px minmax(0, 1fr) !important;
    row-gap: 2px !important;
  }

  body.page-products .wireless-status-band strong {
    grid-column: 2 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-products .wireless-transfer-visual::before,
  body.page-products .wireless-room-display,
  body.page-products .wireless-device,
  body.page-products .wireless-share-hub,
  body.page-products .wireless-presentation-card,
  body.page-products .wireless-display-grid span {
    animation: none !important;
  }
}

/* Products wireless option cards: left-align copy on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-products .wireless-options-grid > .light-card {
    align-items: flex-start !important;
    text-align: left !important;
  }

  html body.page-products .wireless-options-grid > .light-card .w-16 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html body.page-products .wireless-options-grid > .light-card h3 {
    width: 100% !important;
    max-width: 320px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    color: var(--inner-ink) !important;
    -webkit-text-fill-color: var(--inner-ink) !important;
    font-size: 1.14rem !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }

  html body.page-products .wireless-options-grid > .light-card p {
    width: 100% !important;
    max-width: 360px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: left !important;
  }

  html body.page-products .wireless-options-grid > .light-card > .flex:last-child {
    width: 100% !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
}

/* Products photo CTA: center all mobile/iPad content. */
@media (max-width: 1024px) {
  html body.page-products .cta-photo-section .cta-photo-content {
    justify-content: center !important;
    text-align: center !important;
  }

  html body.page-products .cta-photo-section .cta-photo-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  html body.page-products .cta-photo-section :is(.cta-photo-tag, .cta-photo-title, .cta-photo-title span, .cta-photo-subtitle) {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  html body.page-products .cta-photo-section .cta-photo-actions {
    justify-content: center !important;
  }
}

/* Home differentials: mobile/iPad horizontal carousel. */
body.page-home .diferencial-clone {
  display: none;
}

@keyframes home-diferenciais-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 1024px) {
  html body.page-home .diferenciais-strip {
    overflow: hidden !important;
  }

  html body.page-home .diferenciais-strip .container {
    width: 100% !important;
    max-width: none !important;
    overflow: hidden !important;
    padding-inline: 0 !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  }

  html body.page-home .diferenciais-grid {
    width: max-content !important;
    min-width: max-content !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding-inline: 18px !important;
    animation: home-diferenciais-marquee 22s linear infinite;
    will-change: transform;
  }

  html body.page-home .diferenciais-grid:hover {
    animation-play-state: paused;
  }

  html body.page-home .diferencial-clone {
    display: flex !important;
  }

  html body.page-home .diferencial-item {
    flex: 0 0 clamp(230px, 58vw, 290px) !important;
    min-height: 112px !important;
    padding: 18px 20px !important;
    border: 1px solid rgba(57, 181, 239, .12) !important;
    border-radius: 18px !important;
    background: rgba(21, 139, 211, .12) !important;
    justify-content: flex-start !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.page-home .diferenciais-strip .container {
    overflow-x: auto !important;
    -webkit-mask-image: none;
    mask-image: none;
  }

  html body.page-home .diferenciais-grid {
    animation: none !important;
  }

  html body.page-home .diferencial-clone {
    display: none !important;
  }
}

/* Services nav: mobile/iPad horizontal carousel. */
.services-nav-track {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.services-nav-clone {
  display: none !important;
}

@keyframes services-nav-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 1024px) {
  html body.page-services .services-nav-links {
    display: block !important;
    overflow: hidden !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 9%, #000 91%, transparent 100%);
  }

  html body.page-services .services-nav-track {
    width: max-content !important;
    min-width: max-content !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    animation: services-nav-marquee 24s linear infinite;
    will-change: transform;
  }

  html body.page-services .services-nav-track a {
    margin-right: 10px !important;
  }

  html body.page-services .services-nav-links:hover .services-nav-track {
    animation-play-state: paused;
  }

  html body.page-services .services-nav-clone {
    display: inline-flex !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.page-services .services-nav-links {
    overflow-x: auto !important;
    -webkit-mask-image: none;
    mask-image: none;
  }

  html body.page-services .services-nav-track {
    animation: none !important;
  }

  html body.page-services .services-nav-clone {
    display: none !important;
  }
}

/* Services infra solution metrics: wider cards on mobile/iPad. */
@media (max-width: 1024px) {
  html body.page-services .infra-solution-list {
    justify-items: center !important;
  }

  html body.page-services .infra-solution-list > div {
    width: min(100%, 320px) !important;
    min-height: 104px !important;
    margin-inline: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* ============================================================
   Mobile/iPad unified layout
   iPad follows the same composition rules used on mobile.
   ============================================================ */
@media (max-width: 1024px) {
  html body :is(.container, .section-container, .content-section > .container, .inner-anchor-nav > .container) {
    width: min(100% - 32px, 1180px) !important;
  }

  html body :is(
    .hero-layout,
    .hero-grid,
    .contact-grid,
    .services-hero-shell,
    .products-hero-shell,
    .licenses-hero-wrap .services-hero-shell
  ) {
    grid-template-columns: 1fr !important;
  }

  html body :is(
    .section-header,
    .services-head,
    .products-head,
    .licenses-head,
    .cta-photo-inner,
    .contact-info,
    .form-head
  ) {
    text-align: center !important;
  }

  html body :is(.section-tag, .eyebrow, .services-hero-tag, .products-hero-copy > .inline-flex, .cta-photo-tag) {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html body :is(.contact-info, .contact-form-wrapper) {
    max-width: none !important;
  }

  html body .contact .section-tag {
    display: inline-flex !important;
    width: max-content !important;
    max-width: calc(100vw - 48px) !important;
    justify-content: center !important;
  }

  html body :is(.contact-details, .contact-item) {
    text-align: left !important;
  }

  html body .contact-item {
    align-items: center !important;
  }

  html body .contact-item :is(h3, p) {
    text-align: left !important;
  }

  html body .form-row {
    grid-template-columns: 1fr !important;
  }

  html body .cta-photo-section {
    min-height: 620px !important;
  }

  html body .cta-photo-section::before,
  html body .cta-photo-section > img,
  html body .cta-photo-bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  html body .cta-photo-content {
    min-height: inherit !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html body .cta-photo-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-inline: auto !important;
  }

  html body :is(.cta-photo-title, .cta-photo-title span, .cta-photo-subtitle) {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  html body :is(.cta-photo-title, .cta-photo-title span) {
    font-size: var(--type-section) !important;
    line-height: 1.08 !important;
  }

  html body .cta-photo-actions {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  html body.page-home :is(.services-head, .products-head, .licenses-head) {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }

  html body.page-home :is(.services-head-main, .services-head-copy, .products-head-main, .products-head-copy, .licenses-head) {
    max-width: 620px !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  html body.page-home :is(.services-status, .products-usecases, .ecosystem-strip, .services-action, .products-action, .licenses-action) {
    justify-content: center !important;
    text-align: center !important;
  }

  html body.page-home :is(.services-panel, .featured-product, .licenses-layout, .contact-grid) {
    grid-template-columns: 1fr !important;
  }

  html body.page-home .products-grid {
    grid-template-columns: 1fr !important;
  }

  html body.page-home .products-grid .product-card:nth-child(n) {
    grid-column: auto !important;
  }

  html body.page-services :is(
    .infra-intro,
    .security-intro,
    .backup-intro,
    .devices-intro,
    .identity-intro,
    .support-intro
  ) {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body.page-services :is(
    .infra-dashboard,
    .security-command,
    .security-response-flow,
    .backup-journey-grid,
    .devices-showcase,
    .identity-control-grid,
    .support-showcase,
    .support-service-band,
    #complementares .grid
  ) {
    grid-template-columns: 1fr !important;
  }

  html body.page-services :is(
    .infra-problem-panel,
    .infra-solution-panel,
    .infra-platform-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .backup-metrics-panel,
    .devices-showcase-copy,
    .identity-control-panel,
    .identity-audit-panel,
    .support-command-panel,
    .support-service-band
  ) {
    padding: 28px 22px !important;
    border-radius: 22px !important;
  }

  html body.page-services :is(.infra-tags, .tag-list, .security-status-row, .security-compliance-tags, .devices-showcase-tags, .support-showcase-tags) {
    justify-content: center !important;
  }

  html body.page-products :is(
    .product-section-intro,
    .speaker-section-intro,
    .video-section-intro,
    .certified-rooms-intro,
    .wireless-intro
  ) {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body.page-products :is(
    .audio-portfolio-grid,
    .speaker-options-grid,
    .video-dashboard,
    .video-options-grid,
    .certified-room-stage,
    .certified-deployment-grid,
    .certified-products-band,
    .wireless-share-stage,
    .wireless-options-grid,
    .photo-comp-feature
  ) {
    grid-template-columns: 1fr !important;
  }

  html body.page-products :is(.video-personal-panel, .video-room-panel, .speaker-personal-panel, .speaker-room-panel, .certified-room-copy, .wireless-share-stage) {
    padding: 34px 26px !important;
    border-radius: 22px !important;
  }

  html body.page-products .products-hero-visual .vc-stage {
    min-height: 400px !important;
    transform: none !important;
  }

  html body.page-products .products-hero-visual .vc-card {
    inset: 18px 10px !important;
    border-radius: 24px !important;
  }

  html body.page-products .products-hero-visual .vc-grid {
    grid-template-columns: 1fr !important;
  }

  html body.page-products .wireless-transfer-visual {
    min-height: 370px !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.page-products .wireless-room-display {
    top: 44px !important;
    right: 10px !important;
    width: 78% !important;
    height: 248px !important;
  }

  html body.page-products .wireless-device-stack {
    top: 86px !important;
    left: 0 !important;
    width: 178px !important;
  }

  html body.page-products .wireless-device-laptop {
    width: 154px !important;
    height: 116px !important;
  }

  html body.page-products .wireless-device-phone {
    width: 78px !important;
    height: 98px !important;
  }

  html body.page-products .wireless-share-hub {
    top: 162px !important;
    left: 48% !important;
    width: 78px !important;
    height: 78px !important;
    transform: translateX(-50%) !important;
    animation-name: wireless-hub-pulse-mobile !important;
  }

  html body.page-products .wireless-beam {
    top: 202px !important;
    left: calc(48% + 38px) !important;
    width: 72px !important;
  }

  html body.page-products .wireless-presentation-card {
    left: 50px !important;
    width: 176px !important;
  }

  html body.page-products .wireless-display-grid {
    right: 16px !important;
    width: 70px !important;
  }

  html body.page-products .wireless-status-band {
    right: 12px !important;
    bottom: 16px !important;
    left: 12px !important;
    grid-template-columns: 10px minmax(0, 1fr) !important;
    row-gap: 2px !important;
  }

  html body.page-products .wireless-status-band strong {
    grid-column: 2 !important;
  }

  html body.page-licenses :is(
    .collab-head,
    .cloud-finops-intro,
    .security-resilience-intro,
    .remote-management-intro,
    .license-visibility-intro,
    .expertise-intro
  ) {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body.page-licenses :is(
    .lc-grid,
    .design-grid,
    .cloud-provider-grid,
    .security-solution-grid,
    .remote-solution-grid,
    .visibility-feature-grid,
    .visibility-detail-grid,
    .expertise-proof-grid,
    .collaboration-ecosystem,
    .cloud-finops-stage,
    .security-resilience-stage,
    .remote-management-stage,
    .license-intelligence-stage,
    .expertise-trust-stage
  ) {
    grid-template-columns: 1fr !important;
  }

  html body.page-licenses :is(
    .collaboration-ecosystem,
    .cloud-finops-stage,
    .security-resilience-stage,
    .remote-management-stage,
    .license-intelligence-stage,
    .expertise-trust-stage,
    .lc-card,
    .license-card
  ) {
    padding: 34px 26px !important;
    border-radius: 22px !important;
  }

  html body.page-licenses :is(
    .collaboration-network,
    .cloud-finops-visual,
    .remote-session-visual,
    .license-intelligence-visual,
    .expertise-network
  ) {
    min-height: 370px !important;
    margin-inline: -24px !important;
    transform: scale(.9) !important;
    transform-origin: center top !important;
  }

  html body.page-licenses .resilience-flow {
    min-height: 600px !important;
    margin-inline: 0 !important;
    transform: none !important;
  }

  html body.page-licenses :is(.lc-tags, .product-tags, .cloud-finops-copy > div, .remote-management-copy > div, .security-resilience-copy > div, .license-intelligence-copy > div) {
    justify-content: center !important;
  }

  html body.page-about :is(
    .hero-content,
    .about-head,
    .about-head-body,
    .products-section .section-header,
    .solutions-section .section-header,
    .services-section .section-header
  ) {
    text-align: center !important;
  }

  html body.page-about :is(
    .about-head,
    .products-content,
    .solutions-content,
    .services-grid,
    .crt-grid,
    .contact-grid
  ) {
    grid-template-columns: 1fr !important;
  }

  html body.page-about .about-head-year {
    justify-content: center !important;
    padding-right: 0 !important;
    border-right: 0 !important;
    text-align: center !important;
  }

  html body.page-about .about-head-body {
    padding: 0 !important;
  }

  html body.page-about .about-head-stats {
    justify-content: center !important;
  }
}

/* FAQ desktop: keep the intro card spacious so the animation never overlaps copy. */
@media (min-width: 1025px) {
  html body:is(.page-services, .page-products, .page-licenses) #faq > .container {
    align-items: start !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head {
    position: relative !important;
    top: auto !important;
    align-self: start !important;
    min-height: 520px !important;
    padding: 42px 42px 34px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq > .container > .max-w-3xl {
    align-self: start !important;
    margin-top: 0 !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head > span,
  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head h2,
  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head p {
    position: relative !important;
    z-index: 2 !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head h2 {
    max-width: 380px !important;
    margin-bottom: 18px !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head p {
    max-width: 370px !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head .faq-visual {
    top: auto !important;
    right: 28px !important;
    bottom: 22px !important;
    left: 28px !important;
    height: 250px !important;
    z-index: 1 !important;
  }
}

/* ============================================================
   Tablet mirrors mobile
   iPad/tablet uses the mobile composition with tablet breathing room.
   ============================================================ */
@media (min-width: 641px) and (max-width: 1024px) {
  html body {
    --tablet-page-gutter: 48px;
    --tablet-card-pad: 34px;
    --tablet-card-radius: 22px;
    --tablet-copy-max: 680px;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(.container, .section-container, .content-section > .container, .inner-anchor-nav > .container) {
    width: min(100% - var(--tablet-page-gutter), 920px) !important;
    max-width: 920px !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) :is(
    .md\:grid-cols-2,
    .md\:grid-cols-3,
    .md\:grid-cols-5
  ) {
    grid-template-columns: 1fr !important;
  }

  html body.page-licenses .md\:col-span-2 {
    grid-column: auto !important;
  }

  html body.page-licenses .md\:max-w-\[calc\(50\%-1rem\)\] {
    max-width: none !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .hero-grid,
    .hero-layout,
    .services-hero-shell,
    .products-hero-shell,
    .licenses-hero-wrap .services-hero-shell,
    .contact-grid,
    .footer-grid,
    .form-row
  ) {
    grid-template-columns: 1fr !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .section-header,
    .services-head,
    .products-head,
    .licenses-head,
    .contact-info,
    .form-head,
    .hero-content,
    .services-hero-copy,
    .products-hero-copy,
    .cta-photo-inner
  ) {
    justify-items: center !important;
    text-align: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    h1,
    h2,
    .section-title,
    .section-subtitle,
    .hero-description,
    .services-hero-copy p,
    .products-hero-copy p,
    .cta-photo-title,
    .cta-photo-subtitle
  ) {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .section-tag,
    .eyebrow,
    .hero-tag,
    .services-hero-tag,
    .products-hero-copy > .inline-flex,
    .cta-photo-tag,
    .collab-head-label,
    .photo-comp-feature-tag,
    .certified-rooms-intro > span,
    .wireless-intro > span
  ) {
    width: max-content !important;
    max-width: calc(100vw - var(--tablet-page-gutter)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .hero-cta,
    .hero-actions,
    .services-hero-actions,
    .products-hero-actions,
    .licenses-hero-actions,
    .about-hero-actions,
    .cta-actions,
    .cta-photo-actions
  ) {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .hero-cta,
    .hero-actions,
    .services-hero-actions,
    .products-hero-actions,
    .licenses-hero-actions,
    .about-hero-actions,
    .cta-actions,
    .cta-photo-actions
  ) > :is(a, button, .btn, .services-hero-primary, .services-hero-link, .products-hero-primary, .text-link-light) {
    width: auto !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html body.page-home :is(
    .services-panel,
    .products-showcase,
    .featured-product,
    .products-grid,
    .licenses-layout,
    .licenses-brands,
    .stats-grid
  ) {
    grid-template-columns: 1fr !important;
  }

  html body.page-home :is(.services-head-main, .services-head-copy, .products-head-main, .products-head-copy, .licenses-head) {
    max-width: var(--tablet-copy-max) !important;
    margin-inline: auto !important;
  }

  html body.page-home :is(.services-status, .products-usecases, .ecosystem-strip, .services-action, .products-action, .licenses-action) {
    justify-content: center !important;
  }

  html body.page-home .products-grid .product-card:nth-child(n) {
    grid-column: auto !important;
  }

  html body.page-services :is(
    .infra-intro,
    .security-intro,
    .backup-intro,
    .devices-intro,
    .identity-intro,
    .support-intro,
    .complementary-head
  ) {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body.page-services :is(
    .infra-intro > p,
    .security-intro > p,
    .backup-intro > p,
    .devices-intro > p,
    .identity-intro > p,
    .support-intro > p,
    .complementary-head p
  ) {
    grid-column: 1 !important;
    grid-row: auto !important;
    max-width: var(--tablet-copy-max) !important;
    padding: 0 !important;
    border-left: 0 !important;
  }

  html body.page-services :is(
    .infra-dashboard,
    .infra-solution-list,
    .security-command,
    .security-response-flow,
    .backup-journey-grid,
    .devices-showcase,
    .identity-control-grid,
    .support-showcase,
    .support-service-band,
    #complementares .grid,
    #faq > .container
  ) {
    grid-template-columns: 1fr !important;
  }

  html body.page-services :is(
    .infra-problem-panel,
    .infra-solution-panel,
    .infra-platform-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .backup-metrics-panel,
    .devices-showcase-copy,
    .identity-control-panel,
    .identity-audit-panel,
    .support-command-panel,
    .support-service-band
  ) {
    padding: var(--tablet-card-pad) !important;
    border-radius: var(--tablet-card-radius) !important;
  }

  html body.page-products :is(
    .product-section-intro,
    .speaker-section-intro,
    .video-section-intro,
    .certified-rooms-intro,
    .wireless-intro
  ) {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body.page-products :is(
    .product-section-intro > p,
    .speaker-section-intro > p,
    .video-section-intro > p,
    .certified-rooms-intro > p,
    .wireless-intro > p
  ) {
    grid-column: 1 !important;
    grid-row: auto !important;
    max-width: var(--tablet-copy-max) !important;
    padding: 0 !important;
    border-left: 0 !important;
  }

  html body.page-products :is(
    .audio-portfolio-grid,
    .speaker-dashboard,
    .speaker-options-grid,
    .video-dashboard,
    .video-options-grid,
    .certified-room-stage,
    .certified-deployment-grid,
    .certified-products-band,
    .wireless-share-stage,
    .wireless-options-grid,
    .photo-comp-feature,
    .products-faq > .container
  ) {
    grid-template-columns: 1fr !important;
  }

  html body.page-products :is(
    .video-personal-panel,
    .video-room-panel,
    .speaker-personal-panel,
    .speaker-room-panel,
    .certified-room-copy,
    .wireless-share-stage,
    .license-card,
    .light-card,
    .dark-card
  ) {
    padding: var(--tablet-card-pad) !important;
    border-radius: var(--tablet-card-radius) !important;
  }

  html body.page-products :is(.certified-room-stage, .certified-deployment-grid) {
    padding: 0 !important;
    border-radius: 0 !important;
  }

  html body.page-products .certified-room-copy {
    min-height: 0 !important;
  }

  html body.page-products .certified-room-visual {
    min-height: 440px !important;
  }

  html body.page-products .video-framing-visual {
    min-height: 360px !important;
    margin-right: -18px !important;
    margin-left: -18px !important;
  }

  html body.page-products .wireless-transfer-visual {
    min-height: 390px !important;
    margin: 0 -22px !important;
    transform: scale(.9) !important;
    transform-origin: center top !important;
  }

  html body.page-products .wireless-room-display {
    right: -8px !important;
    width: 315px !important;
  }

  html body.page-products .wireless-device-stack {
    left: 4px !important;
  }

  html body.page-products .wireless-share-hub {
    left: 48% !important;
    transform: translateX(-50%) !important;
    animation-name: wireless-hub-pulse-mobile !important;
  }

  html body.page-products .wireless-beam {
    left: calc(48% + 38px) !important;
    width: 110px !important;
  }

  html body.page-licenses :is(
    .collab-head,
    .dh-copy,
    .cloud-finops-intro,
    .security-resilience-intro,
    .remote-management-intro,
    .license-visibility-intro,
    .expertise-intro
  ) {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body.page-licenses :is(
    .collab-head > p,
    .dh-copy > p,
    .cloud-finops-intro > p,
    .security-resilience-intro > p,
    .remote-management-intro > p,
    .license-visibility-intro > p,
    .expertise-intro > p
  ) {
    grid-column: 1 !important;
    grid-row: auto !important;
    max-width: var(--tablet-copy-max) !important;
    padding: 0 !important;
    border-left: 0 !important;
  }

  html body.page-licenses :is(
    .lc-grid,
    .design-grid,
    .cloud-provider-grid,
    .security-solution-grid,
    .remote-solution-grid,
    .visibility-feature-grid,
    .visibility-detail-grid,
    .expertise-proof-grid,
    .collaboration-ecosystem,
    .cloud-finops-stage,
    .security-resilience-stage,
    .remote-management-stage,
    .license-intelligence-stage,
    .expertise-trust-stage,
    .lc-featured-h,
    #faq > .container
  ) {
    grid-template-columns: 1fr !important;
  }

  html body.page-licenses #colaboracao .lc-grid > article,
  html body.page-licenses #design .design-grid > .lc-card,
  html body.page-licenses .security-solution-grid > div:last-child {
    grid-column: 1 / -1 !important;
    max-width: none !important;
  }

  html body.page-licenses :is(
    .collaboration-ecosystem,
    .cloud-finops-stage,
    .security-resilience-stage,
    .remote-management-stage,
    .license-intelligence-stage,
    .expertise-trust-stage,
    .lc-card,
    .license-card,
    .light-card,
    .dark-card
  ) {
    padding: var(--tablet-card-pad) !important;
    border-radius: var(--tablet-card-radius) !important;
  }

  html body.page-licenses :is(
    .collaboration-network,
    .cloud-finops-visual,
    .remote-session-visual,
    .license-intelligence-visual,
    .expertise-network
  ) {
    min-height: 390px !important;
    margin: 0 -28px !important;
    transform: scale(.88) !important;
    transform-origin: center top !important;
  }

  html body.page-licenses .design-creative-visual {
    min-height: 250px !important;
    margin-right: -22px !important;
    margin-left: -22px !important;
  }

  html body.page-licenses .resilience-flow {
    min-height: 600px !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.page-licenses .resilience-flow::before {
    width: 300px !important;
    height: 520px !important;
  }

  html body.page-licenses .resilience-line {
    top: 8% !important;
    bottom: 8% !important;
    left: 50% !important;
    width: 1px !important;
    height: auto !important;
  }

  html body.page-licenses .resilience-step {
    right: auto !important;
    left: 50% !important;
    width: 190px !important;
    min-height: 104px !important;
    transform: translateX(-50%) !important;
  }

  html body.page-licenses .resilience-endpoint { top: 4% !important; }
  html body.page-licenses .resilience-protect { top: 27% !important; }
  html body.page-licenses .resilience-backup { top: 50% !important; }
  html body.page-licenses .resilience-recovery { top: 73% !important; }
  html body.page-licenses .resilience-packet { display: none !important; }
  html body.page-licenses .resilience-status {
    right: 10px !important;
    left: 10px !important;
  }

  html body.page-about :is(
    .hero-grid,
    .about-head,
    .products-content,
    .solutions-content,
    .services-grid,
    .crt-grid
  ) {
    grid-template-columns: 1fr !important;
  }

  html body.page-about :is(.hero-content, .about-head, .about-head-body, .section-block .section-header) {
    justify-items: center !important;
    text-align: center !important;
  }

  html body.page-about .about-hero-visual-wrap {
    width: 100% !important;
    max-width: 640px !important;
    margin-inline: auto !important;
  }

  html body.page-about .about-head-year {
    justify-content: center !important;
    padding-right: 0 !important;
    border-right: 0 !important;
    text-align: center !important;
  }

  html body.page-about .about-head-body {
    padding: 0 !important;
  }

  html body.page-about .about-head-stats {
    justify-content: center !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head,
  html body.page-products .products-faq .faq-head {
    position: relative !important;
    top: auto !important;
    min-height: 420px !important;
    padding: 30px 26px !important;
    border-radius: 24px !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-toggle,
  html body.page-products .products-faq .faq-toggle {
    grid-template-columns: 40px minmax(0, 1fr) 34px !important;
    gap: 10px !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-content,
  html body.page-products .products-faq .faq-content {
    padding: 0 22px 22px 72px !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .contact-details,
    .contact-item
  ) {
    text-align: left !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .contact-item :is(h3, p) {
    text-align: left !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .tag-list,
    .product-tags,
    .infra-tags,
    .security-status-row,
    .security-compliance-tags,
    .devices-showcase-tags,
    .support-showcase-tags,
    .lc-tags,
    .cloud-finops-copy > div,
    .remote-management-copy > div,
    .security-resilience-copy > div,
    .license-intelligence-copy > div,
    .wireless-share-copy > div,
    .certified-room-copy > div
  ) {
    justify-content: center !important;
  }
}

/* ============================================================
   Mobile and tablet canonical layout
   One responsive composition from 0–1024px; desktop starts at 1025px.
   ============================================================ */
@media (max-width: 1024px) {
  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) {
    --canonical-gutter: 48px;
    --canonical-container: 920px;
    --canonical-card-pad: 34px;
    --canonical-radius: 22px;
    --canonical-copy: 680px;
    --canonical-visual-scale: .9;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .container,
    .section-container,
    .content-section > .container,
    .inner-anchor-nav > .container,
    .services-cta .container,
    .products-cta .container,
    .licenses-cta .container
  ) {
    width: min(100% - var(--canonical-gutter), var(--canonical-container)) !important;
    max-width: var(--canonical-container) !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) :is(
    .md\:grid-cols-2,
    .md\:grid-cols-3,
    .md\:grid-cols-5,
    .md\:col-span-2,
    .md\:max-w-\[calc\(50\%-1rem\)\]
  ) {
    grid-column: auto !important;
    grid-template-columns: 1fr !important;
    max-width: none !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .hero-grid,
    .hero-layout,
    .services-hero-shell,
    .products-hero-shell,
    .licenses-hero-wrap .services-hero-shell,
    .services-head,
    .products-head,
    .licenses-layout,
    .licenses-head,
    .contact-grid,
    .form-row,
    .footer-grid,
    .about-head,
    .products-content,
    .solutions-content,
    .services-grid,
    .crt-grid,
    .stats-grid
  ) {
    grid-template-columns: 1fr !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .section-header,
    .services-head,
    .products-head,
    .licenses-head,
    .hero-content,
    .services-hero-copy,
    .products-hero-copy,
    .contact-info,
    .form-head,
    .cta-photo-inner,
    .about-head,
    .about-head-body
  ) {
    justify-items: center !important;
    text-align: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    h1,
    h2,
    .section-title,
    .section-subtitle,
    .hero-description,
    .services-hero-copy p,
    .products-hero-copy p,
    .cta-photo-title,
    .cta-photo-subtitle,
    .contact-info > p
  ) {
    max-width: var(--canonical-copy) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .section-tag,
    .eyebrow,
    .hero-tag,
    .services-hero-tag,
    .products-hero-copy > .inline-flex,
    .cta-photo-tag,
    .collab-head-label,
    .photo-comp-feature-tag,
    .certified-rooms-intro > span,
    .wireless-intro > span,
    #faq .faq-head > span
  ) {
    width: max-content !important;
    max-width: calc(100vw - var(--canonical-gutter)) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .hero-cta,
    .hero-actions,
    .services-hero-actions,
    .products-hero-actions,
    .licenses-hero-actions,
    .about-hero-actions,
    .cta-actions,
    .cta-photo-actions,
    .about-cta-buttons
  ) {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    text-align: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .hero-cta,
    .hero-actions,
    .services-hero-actions,
    .products-hero-actions,
    .licenses-hero-actions,
    .about-hero-actions,
    .cta-actions,
    .cta-photo-actions,
    .about-cta-buttons
  ) > :is(a, button, .btn, .services-hero-primary, .services-hero-link, .products-hero-primary, .text-link-light) {
    width: auto !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .services-panel,
    .products-showcase,
    .featured-product,
    .products-grid,
    .licenses-brands,
    .infra-dashboard,
    .infra-solution-list,
    .security-command,
    .security-response-flow,
    .backup-journey-grid,
    .devices-showcase,
    .identity-control-grid,
    .support-showcase,
    .support-service-band,
    #complementares .grid,
    .audio-portfolio-grid,
    .speaker-dashboard,
    .speaker-options-grid,
    .video-dashboard,
    .video-options-grid,
    .certified-room-stage,
    .certified-deployment-grid,
    .certified-products-band,
    .wireless-share-stage,
    .wireless-options-grid,
    .photo-comp-feature,
    .lc-grid,
    .design-grid,
    .cloud-provider-grid,
    .security-solution-grid,
    .remote-solution-grid,
    .visibility-feature-grid,
    .visibility-detail-grid,
    .expertise-proof-grid,
    .collaboration-ecosystem,
    .cloud-finops-stage,
    .security-resilience-stage,
    .remote-management-stage,
    .license-intelligence-stage,
    .expertise-trust-stage,
    .lc-featured-h,
    #faq > .container,
    .products-faq > .container
  ) {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  html body.page-home .products-grid .product-card:nth-child(n),
  html body.page-licenses #colaboracao .lc-grid > article,
  html body.page-licenses #design .design-grid > .lc-card,
  html body.page-licenses .security-solution-grid > div:last-child {
    grid-column: 1 / -1 !important;
    max-width: none !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) :is(
    .infra-intro,
    .security-intro,
    .backup-intro,
    .devices-intro,
    .identity-intro,
    .support-intro,
    .complementary-head,
    .product-section-intro,
    .speaker-section-intro,
    .video-section-intro,
    .certified-rooms-intro,
    .wireless-intro,
    .collab-head,
    .dh-copy,
    .cloud-finops-intro,
    .security-resilience-intro,
    .remote-management-intro,
    .license-visibility-intro,
    .expertise-intro
  ) {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) :is(
    .infra-intro > p,
    .security-intro > p,
    .backup-intro > p,
    .devices-intro > p,
    .identity-intro > p,
    .support-intro > p,
    .complementary-head p,
    .product-section-intro > p,
    .speaker-section-intro > p,
    .video-section-intro > p,
    .certified-rooms-intro > p,
    .wireless-intro > p,
    .collab-head > p,
    .dh-copy > p,
    .cloud-finops-intro > p,
    .security-resilience-intro > p,
    .remote-management-intro > p,
    .license-visibility-intro > p,
    .expertise-intro > p
  ) {
    grid-column: 1 !important;
    grid-row: auto !important;
    max-width: var(--canonical-copy) !important;
    padding: 0 !important;
    border-left: 0 !important;
    text-align: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) main :is(
    .service-card,
    .product-card,
    .brand-card,
    .featured-product,
    .license-card,
    .light-card,
    .dark-card,
    .lc-card,
    .cloud-provider-card,
    .security-solution-card,
    .remote-solution-card,
    .visibility-feature-card,
    .visibility-detail-card,
    .expertise-proof-card,
    .infra-problem-panel,
    .infra-solution-panel,
    .infra-platform-panel,
    .security-command-panel,
    .security-response-panel,
    .security-compliance-panel,
    .backup-journey-panel,
    .backup-metrics-panel,
    .devices-showcase-copy,
    .identity-control-panel,
    .identity-audit-panel,
    .support-command-panel,
    .support-service-band,
    .video-personal-panel,
    .video-room-panel,
    .speaker-personal-panel,
    .speaker-room-panel,
    .certified-room-copy,
    .wireless-share-stage,
    .collaboration-ecosystem,
    .cloud-finops-stage,
    .security-resilience-stage,
    .remote-management-stage,
    .license-intelligence-stage,
    .expertise-trust-stage,
    .faq-head,
    .faq-item
  ) {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    padding: var(--canonical-card-pad) !important;
    border-radius: var(--canonical-radius) !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) main :is(
    .certified-room-stage,
    .certified-deployment-grid,
    .products-faq > .container,
    #faq > .container
  ) {
    padding: 0 !important;
    border-radius: 0 !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) main :is(
    .products-grid,
    .audio-portfolio-grid,
    .speaker-dashboard,
    .video-dashboard,
    .certified-deployment-grid,
    .certified-products-band,
    .wireless-options-grid,
    .cloud-provider-grid,
    .security-solution-grid,
    .remote-solution-grid,
    .visibility-feature-grid,
    .visibility-detail-grid,
    .expertise-proof-grid,
    #complementares .grid
  ) > * {
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) main :is(
    .service-card,
    .product-card,
    .brand-card,
    .license-card,
    .light-card,
    .dark-card,
    .lc-card
  ) {
    display: flex !important;
    flex-direction: column !important;
  }

  html body.page-home :is(.diferenciais-strip .container, .diferenciais-grid),
  html body.page-services :is(.services-nav-links, .services-nav-track),
  html body.page-licenses :is(.licenses-nav-links, .licenses-nav-track) {
    max-width: none !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head,
  html body.page-products .products-faq .faq-head {
    position: relative !important;
    top: auto !important;
    min-height: 390px !important;
    padding: 30px 26px 26px !important;
    overflow: hidden !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-item,
  html body.page-products .products-faq .faq-item {
    padding: 0 !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-toggle,
  html body.page-products .products-faq .faq-toggle {
    grid-template-columns: 40px minmax(0, 1fr) 34px !important;
    gap: 10px !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-content,
  html body.page-products .products-faq .faq-content {
    padding: 0 22px 22px 72px !important;
  }

  html body.page-products :is(.certified-room-visual, .video-framing-visual, .wireless-transfer-visual),
  html body.page-licenses :is(.collaboration-network, .cloud-finops-visual, .remote-session-visual, .license-intelligence-visual, .expertise-network, .design-creative-visual) {
    margin-right: -24px !important;
    margin-left: -24px !important;
    transform: scale(var(--canonical-visual-scale)) !important;
    transform-origin: center top !important;
  }

  html body.page-products .certified-room-visual { min-height: 440px !important; }
  html body.page-products .video-framing-visual { min-height: 360px !important; }
  html body.page-products .wireless-transfer-visual { min-height: 390px !important; }
  html body.page-licenses :is(.collaboration-network, .cloud-finops-visual, .remote-session-visual, .license-intelligence-visual, .expertise-network) { min-height: 390px !important; }
  html body.page-licenses .design-creative-visual { min-height: 250px !important; }

  html body.page-licenses .resilience-flow {
    min-height: 600px !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.page-licenses .resilience-flow::before {
    width: 300px !important;
    height: 520px !important;
  }

  html body.page-licenses .resilience-line {
    top: 8% !important;
    bottom: 8% !important;
    left: 50% !important;
    width: 1px !important;
    height: auto !important;
  }

  html body.page-licenses .resilience-step {
    right: auto !important;
    left: 50% !important;
    width: 190px !important;
    min-height: 104px !important;
    transform: translateX(-50%) !important;
  }

  html body.page-licenses .resilience-endpoint { top: 4% !important; }
  html body.page-licenses .resilience-protect { top: 27% !important; }
  html body.page-licenses .resilience-backup { top: 50% !important; }
  html body.page-licenses .resilience-recovery { top: 73% !important; }
  html body.page-licenses .resilience-packet { display: none !important; }
  html body.page-licenses .resilience-status { right: 10px !important; left: 10px !important; }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .tag-list,
    .product-tags,
    .infra-tags,
    .security-status-row,
    .security-compliance-tags,
    .devices-showcase-tags,
    .support-showcase-tags,
    .lc-tags,
    .cloud-finops-copy > div,
    .remote-management-copy > div,
    .security-resilience-copy > div,
    .license-intelligence-copy > div,
    .wireless-share-copy > div,
    .certified-room-copy > div,
    .services-status,
    .products-usecases,
    .ecosystem-strip,
    .services-action,
    .products-action,
    .licenses-action
  ) {
    justify-content: center !important;
    text-align: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(.contact-details, .contact-item) {
    text-align: left !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .contact-item :is(h3, p) {
    text-align: left !important;
  }
}

@media (max-width: 640px) {
  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) {
    --canonical-gutter: 32px;
    --canonical-container: 100%;
    --canonical-card-pad: 26px;
    --canonical-radius: 20px;
    --canonical-copy: 100%;
    --canonical-visual-scale: .84;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .services-hero-shell,
    .products-hero-shell,
    .licenses-hero-wrap .services-hero-shell,
    .cta-photo-inner,
    .services-cta-panel,
    .licenses-cta-panel
  ) {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  html body.page-products :is(.certified-room-visual, .video-framing-visual, .wireless-transfer-visual),
  html body.page-licenses :is(.collaboration-network, .cloud-finops-visual, .remote-session-visual, .license-intelligence-visual, .expertise-network, .design-creative-visual) {
    margin-right: -28px !important;
    margin-left: -28px !important;
  }
}

/* iPad hero polish: keep home hero readable and away from the menu. */
@media (min-width: 641px) and (max-width: 1024px) {
  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header {
    min-height: 72px !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .header-shell,
  html body:is(.page-services, .page-products, .page-licenses, .page-about).inner-page header .container {
    position: relative !important;
    width: calc(100% - 24px) !important;
    max-width: none !important;
    min-height: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .desktop-nav,
  html body:is(.page-services, .page-products, .page-licenses, .page-about).inner-page header nav {
    display: none !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .menu-toggle {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(21, 139, 211, .16) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #07101e !important;
    box-shadow: 0 10px 24px rgba(7, 16, 30, .08) !important;
    font-size: 1.05rem !important;
    line-height: 1 !important;
    overflow: hidden !important;
    z-index: 2 !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .menu-toggle i {
    display: block !important;
    width: auto !important;
    height: auto !important;
    color: inherit !important;
    font-size: 1.05rem !important;
    line-height: 1 !important;
    transform: none !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .logo,
  html body:is(.page-services, .page-products, .page-licenses, .page-about).inner-page header .container .logo {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 136px !important;
    height: 40px !important;
    display: inline-flex !important;
    justify-content: center !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1 !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .logo img,
  html body:is(.page-services, .page-products, .page-licenses, .page-about).inner-page header .container .logo img {
    width: 136px !important;
    height: 40px !important;
    max-width: calc(100vw - 132px) !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .header-actions {
    min-width: 44px !important;
    width: 44px !important;
    flex: 0 0 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    z-index: 2 !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .header-actions .btn,
  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .header-actions .btn-primary,
  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .header-actions .desktop-only {
    display: none !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .header-actions .btn-contact-mobile.mobile-only {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 38px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--primary, #158bd3) !important;
    color: #07101e !important;
    -webkit-text-fill-color: #07101e !important;
    box-shadow: none !important;
    font-size: .9rem !important;
    line-height: 1 !important;
    text-decoration: none !important;
    visibility: visible !important;
    overflow: hidden !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .header-actions .btn-contact-mobile.mobile-only i {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    font-size: .9rem !important;
    line-height: 1 !important;
  }

  html body.page-home .stats-section .stats-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: none !important;
    align-items: stretch !important;
  }

  html body.page-home .stat-item {
    min-width: 0 !important;
    padding: 30px 14px !important;
    border-right: 1px solid rgba(57, 181, 239, .10) !important;
    border-bottom: 0 !important;
  }

  html body.page-home .stat-item:last-child {
    border-right: 0 !important;
  }

  html body.page-home .stat-number {
    font-size: clamp(1.9rem, 3.4vw, 2.45rem) !important;
  }

  html body.page-home .stat-label {
    max-width: 130px !important;
    font-size: .62rem !important;
    line-height: 1.35 !important;
  }

  html body.page-services #infraestrutura .infra-solution-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-items: stretch !important;
  }

  html body.page-services .infra-solution-list > div {
    width: 100% !important;
    min-height: 104px !important;
    margin-inline: 0 !important;
  }

  html body.page-services .security-response-flow > div {
    min-height: 110px !important;
  }

  html body.page-services .security-response-flow > div::after {
    display: none !important;
  }

  html body.page-services :is(
    .infra-panel-copy,
    .infra-solution-panel,
    .infra-platform-copy,
    .security-command-copy,
    .security-response-copy,
    .security-compliance-panel,
    .backup-journey-copy,
    .backup-metrics-copy,
    .identity-control-copy,
    .identity-audit-copy,
    .support-command-copy,
    .devices-showcase-copy,
    .support-showcase-copy
  ) {
    align-items: center !important;
    text-align: center !important;
  }

  html body.page-services #complementares .complementary-head > span {
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.page-services #complementares .complementary-head p.text-lg {
    font-size: 1rem !important;
    line-height: 1.72 !important;
  }

  html body.page-services :is(.photo-comp-split-content, .photo-comp-strip-content) {
    align-items: center !important;
    padding: 26px 22px !important;
  }

  html body.page-services :is(
    .photo-comp-split-tag,
    .photo-comp-strip-tag,
    .photo-comp-split-title,
    .photo-comp-strip-title
  ) {
    text-align: center !important;
  }

  html body.page-services :is(.photo-comp-split, .photo-comp-strip) {
    grid-template-columns: 1fr !important;
  }

  html body.page-services :is(.photo-comp-split-img, .photo-comp-strip-img) {
    min-height: 260px !important;
  }

  html body.page-products .products-hero-visual {
    margin: 0 auto !important;
  }

  html body .contact-details {
    width: 100% !important;
  }

  html body:is(.page-licenses, .page-products) :is(
    .wireless-share-copy,
    .collaboration-ecosystem-copy,
    .cloud-finops-copy,
    .security-resilience-copy,
    .remote-management-copy,
    .license-intelligence-copy,
    .expertise-stage-copy
  ) {
    padding: 40px !important;
  }

  html body:is(.page-licenses, .page-products) :is(
    .wireless-share-copy,
    .collaboration-ecosystem-copy,
    .cloud-finops-copy,
    .security-resilience-copy,
    .remote-management-copy,
    .license-intelligence-copy,
    .expertise-stage-copy
  ) > span {
    display: flex !important;
    width: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) .inner-anchor-nav :is(.services-nav-links, .products-nav-links, .licenses-nav-links) a.is-active {
    background: #081522 !important;
    border: 2px solid #158bd3 !important;
    box-shadow: 0 10px 24px rgba(7, 16, 30, .16) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) .inner-anchor-nav :is(.services-nav-links, .products-nav-links, .licenses-nav-links) a.is-active::before {
    color: #39b5ef !important;
  }

  html body.page-licenses .licenses-hero-wrap .services-hero-copy {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.page-licenses :is(.license-intelligence-copy, .security-resilience-copy) h3 {
    max-width: none !important;
    width: 100% !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
  }

  html body.page-licenses :is(.license-intelligence-copy, .security-resilience-copy) h3 br {
    display: none !important;
  }

  html body.page-licenses .license-intelligence-copy h3::before {
    content: "Descobrir. Medir. Otimizar.";
    display: block;
    font-size: clamp(1.8rem, 3vw, 2.1rem);
    line-height: 1.15;
    font-weight: inherit;
    color: inherit;
    white-space: nowrap;
  }

  html body.page-licenses .security-resilience-copy h3::before {
    content: "Proteger. Preservar. Recuperar.";
    display: block;
    font-size: clamp(1.8rem, 3vw, 2.1rem);
    line-height: 1.15;
    font-weight: inherit;
    color: inherit;
    white-space: nowrap;
  }

  html body.page-licenses .licenses-hero-wrap .lic-hero-visual {
    justify-self: center !important;
  }

  html body.page-licenses :is(
    .collaboration-ecosystem-copy,
    .cloud-finops-copy,
    .remote-management-copy,
    .expertise-stage-copy
  ) h3 {
    font-size: clamp(1.8rem, 3vw, 2.1rem) !important;
    line-height: 1.15 !important;
  }

  html body.page-about .about-manifesto {
    grid-template-columns: 200px 1px 1fr !important;
  }

  html body.page-about .amf-divider {
    display: block !important;
  }

  html body.page-about .amf-left {
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    padding: 28px 24px !important;
  }

  html body.page-about .amf-meta {
    align-items: flex-start !important;
    text-align: left !important;
  }

  html body.page-about .amf-right {
    padding: 28px 24px !important;
    align-items: flex-start !important;
    text-align: left !important;
  }

  html body.page-about .about-manifesto blockquote {
    text-align: left !important;
  }

  html body.page-about .amf-chips {
    justify-content: flex-start !important;
    align-self: flex-start !important;
  }

  html body.page-about .about-head-stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100%;
    padding: 18px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(21, 139, 211, .12) !important;
    text-align: center;
  }

  html body.page-about .about-head-stats .ahs-item + .ahs-item {
    border-left: 1px solid rgba(21, 139, 211, .12);
  }

  html body.page-about .about-head-stats .ahs-item {
    justify-content: center !important;
  }

  html body.page-about .svc-header-right {
    width: min(100%, 420px) !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  html body.page-about .svc-stat {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    place-items: center !important;
    gap: 8px !important;
    padding: 22px 24px !important;
    border: 1px solid rgba(57, 181, 239, .12) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .035) !important;
    text-align: center !important;
  }

  html body.page-about .svc-stat strong {
    margin: 0 !important;
    font-size: 1.65rem !important;
    line-height: 1 !important;
  }

  html body.page-about .svc-stat span {
    max-width: 240px !important;
    color: rgba(255, 255, 255, .56) !important;
    font-size: .74rem !important;
    line-height: 1.45 !important;
  }

  html body.page-about .services-grid .service-item {
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body.page-about .services-grid .service-icon {
    margin: 0 auto 18px !important;
    align-self: center !important;
    justify-self: center !important;
  }

  html body.page-about .services-grid .service-content {
    width: 100% !important;
    display: grid !important;
    justify-items: center !important;
    text-align: center !important;
  }

  html body.page-about .services-grid .service-content :is(h3, h4, p) {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  /* Timeline: mirror the mobile vertical alternating layout on tablet/iPad. */
  html body.page-about .tl-timeline {
    position: relative;
    width: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin: 0 0 54px !important;
    padding: 32px 24px 32px !important;
    overflow: hidden !important;
    border-radius: 24px !important;
  }

  html body.page-about .tl-label {
    order: -2;
    width: 100%;
    justify-content: center;
    margin: 0 0 28px !important;
    padding: 0 !important;
  }

  html body.page-about .tl-axis {
    position: absolute !important;
    top: 68px;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: auto;
    display: block !important;
    background: linear-gradient(to bottom, rgba(57, 181, 239, .2), #39b5ef, rgba(57, 181, 239, .2));
  }

  html body.page-about .tl-axis::before,
  html body.page-about .tl-axis .tl-dot {
    display: none !important;
  }

  html body.page-about .tl-node.tl-top,
  html body.page-about .tl-node.tl-bot {
    position: relative;
    width: 45% !important;
    display: block !important;
    padding: 0 0 24px !important;
  }

  html body.page-about .tl-node:nth-child(odd of .tl-node) {
    align-self: flex-start;
    margin-right: auto;
  }

  html body.page-about .tl-node:nth-child(even of .tl-node) {
    align-self: flex-end;
    margin-left: auto;
  }

  html body.page-about .tl-node.tl-top::before,
  html body.page-about .tl-node.tl-bot::before {
    position: absolute !important;
    top: 27px !important;
    z-index: 3;
    width: 11px !important;
    height: 11px !important;
    display: block !important;
    content: "";
    border: 2px solid #08243b;
    border-radius: 50%;
    background: #39b5ef;
    box-shadow: 0 0 0 5px rgba(57, 181, 239, .15);
    transform: none !important;
  }

  html body.page-about .tl-node.tl-top::after,
  html body.page-about .tl-node.tl-bot::after {
    position: absolute;
    top: 32px;
    width: 16px;
    height: 1px;
    display: block !important;
    content: "";
    background: rgba(57, 181, 239, .45);
  }

  html body.page-about .tl-node:nth-child(odd of .tl-node)::before {
    right: -18px !important;
    left: auto !important;
  }
  html body.page-about .tl-node:nth-child(odd of .tl-node)::after {
    right: -16px;
    left: auto;
  }

  html body.page-about .tl-node:nth-child(even of .tl-node)::before {
    left: -18px !important;
    right: auto !important;
  }
  html body.page-about .tl-node:nth-child(even of .tl-node)::after {
    left: -16px;
    right: auto;
  }

  html body.page-about .tl-card {
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 16px !important;
    text-align: center !important;
  }

  html body.page-about .tl-card .tl-title {
    font-size: .96rem !important;
  }

  html body.page-about .tl-card .tl-desc {
    font-size: .76rem !important;
  }

  html body.page-about .tl-timeline {
    align-items: stretch !important;
    padding: 32px 28px !important;
    overflow: hidden !important;
  }

  html body.page-about .tl-label {
    justify-content: center !important;
    text-align: center !important;
  }

  html body.page-about .tl-axis {
    top: 86px !important;
    bottom: 38px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  html body.page-about .tl-node.tl-top,
  html body.page-about .tl-node.tl-bot,
  html body.page-about .tl-node:nth-child(odd of .tl-node),
  html body.page-about .tl-node:nth-child(even of .tl-node) {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    align-self: stretch !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 0 0 20px !important;
  }

  html body.page-about .tl-node:nth-child(odd of .tl-node) {
    justify-content: flex-start !important;
  }

  html body.page-about .tl-node:nth-child(even of .tl-node) {
    justify-content: flex-end !important;
  }

  html body.page-about .tl-node.tl-top::before,
  html body.page-about .tl-node.tl-bot::before,
  html body.page-about .tl-node:nth-child(odd of .tl-node)::before,
  html body.page-about .tl-node:nth-child(even of .tl-node)::before {
    top: 28px !important;
    right: auto !important;
    left: calc(50% - 5.5px) !important;
  }

  html body.page-about .tl-node.tl-top::after,
  html body.page-about .tl-node.tl-bot::after,
  html body.page-about .tl-node:nth-child(odd of .tl-node)::after,
  html body.page-about .tl-node:nth-child(even of .tl-node)::after {
    top: 33px !important;
    right: auto !important;
    width: 34px !important;
  }

  html body.page-about .tl-node:nth-child(odd of .tl-node)::after {
    left: calc(50% - 34px) !important;
    transform: translateX(-100%) !important;
  }

  html body.page-about .tl-node:nth-child(even of .tl-node)::after {
    left: 50% !important;
    transform: none !important;
  }

  html body.page-about .tl-card {
    width: calc(50% - 46px) !important;
    max-width: 280px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    text-align: center !important;
  }

  html body.page-about .tl-card .tl-title,
  html body.page-about .tl-card .tl-desc {
    text-align: center !important;
  }

  html body.page-about .tl-node[style*="--col:1"] { order: 1 !important; }
  html body.page-about .tl-node[style*="--col:3"] { order: 2 !important; }
  html body.page-about .tl-node[style*="--col:5"] { order: 3 !important; }
  html body.page-about .tl-node[style*="--col:7"] { order: 4 !important; }
  html body.page-about .tl-node[style*="--col:9"] { order: 5 !important; }
  html body.page-about .tl-node[style*="--col:2"] { order: 6 !important; }
  html body.page-about .tl-node[style*="--col:4"] { order: 7 !important; }
  html body.page-about .tl-node[style*="--col:6"] { order: 8 !important; }
  html body.page-about .tl-node[style*="--col:8"] { order: 9 !important; }

  html body.page-about .tl-node[style*="--col:1"],
  html body.page-about .tl-node[style*="--col:5"],
  html body.page-about .tl-node[style*="--col:9"],
  html body.page-about .tl-node[style*="--col:4"],
  html body.page-about .tl-node[style*="--col:8"] {
    justify-content: flex-start !important;
  }

  html body.page-about .tl-node[style*="--col:2"],
  html body.page-about .tl-node[style*="--col:3"],
  html body.page-about .tl-node[style*="--col:6"],
  html body.page-about .tl-node[style*="--col:7"] {
    justify-content: flex-end !important;
  }

  html body.page-about .tl-node[style*="--col:1"]::after,
  html body.page-about .tl-node[style*="--col:5"]::after,
  html body.page-about .tl-node[style*="--col:9"]::after,
  html body.page-about .tl-node[style*="--col:4"]::after,
  html body.page-about .tl-node[style*="--col:8"]::after {
    left: calc(50% - 34px) !important;
    transform: translateX(-100%) !important;
  }

  html body.page-about .tl-node[style*="--col:2"]::after,
  html body.page-about .tl-node[style*="--col:3"]::after,
  html body.page-about .tl-node[style*="--col:6"]::after,
  html body.page-about .tl-node[style*="--col:7"]::after {
    left: 50% !important;
    transform: none !important;
  }

  html body.page-about .tl-node[style*="--col:"] {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    align-self: stretch !important;
    margin: 0 !important;
    padding: 0 0 26px !important;
  }

  html body.page-about .tl-node[style*="--col:"] .tl-card {
    width: calc(50% - 42px) !important;
    max-width: 300px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body.page-about .tl-node[style*="--col:1"],
  html body.page-about .tl-node[style*="--col:5"],
  html body.page-about .tl-node[style*="--col:9"],
  html body.page-about .tl-node[style*="--col:4"],
  html body.page-about .tl-node[style*="--col:8"] {
    justify-content: flex-start !important;
  }

  html body.page-about .tl-node[style*="--col:2"],
  html body.page-about .tl-node[style*="--col:3"],
  html body.page-about .tl-node[style*="--col:6"],
  html body.page-about .tl-node[style*="--col:7"] {
    justify-content: flex-end !important;
  }

  html body.page-about .tl-node[style*="--col:"]::before {
    top: 28px !important;
    right: auto !important;
    left: calc(50% - 5.5px) !important;
  }

  html body.page-about .tl-node[style*="--col:"]::after {
    top: 33px !important;
    right: auto !important;
    width: 30px !important;
  }

  html body.page-about .tl-node[style*="--col:1"]::after,
  html body.page-about .tl-node[style*="--col:5"]::after,
  html body.page-about .tl-node[style*="--col:9"]::after,
  html body.page-about .tl-node[style*="--col:4"]::after,
  html body.page-about .tl-node[style*="--col:8"]::after {
    left: calc(50% - 30px) !important;
    transform: translateX(-100%) !important;
  }

  html body.page-about .tl-node[style*="--col:2"]::after,
  html body.page-about .tl-node[style*="--col:3"]::after,
  html body.page-about .tl-node[style*="--col:6"]::after,
  html body.page-about .tl-node[style*="--col:7"]::after {
    left: 50% !important;
    transform: none !important;
  }

  html body.page-home .hero {
    align-items: flex-start !important;
    padding-top: 150px !important;
    padding-bottom: 76px !important;
  }

  html body.page-home .hero-layout {
    padding-top: 0 !important;
  }

  html body.page-home .hero-content {
    padding-top: 0 !important;
  }

  html body.page-home .hero h1,
  html body.page-home .hero h1::first-line {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  html body.page-home .hero h1 .h1-blue {
    color: #39b5ef !important;
    -webkit-text-fill-color: #39b5ef !important;
  }

  html body.page-home .hero-description {
    color: rgba(255, 255, 255, .78) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, .78) !important;
  }

  html body.page-home .services-panel {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  html body.page-home .services-panel::before,
  html body.page-home .services-panel-line,
  html body.page-home .services-visual-card {
    display: none !important;
  }

  html body.page-home .services-panel :is(
    .service-card,
    .service-card-lead,
    .service-card-security,
    .service-card-backup,
    .service-card-devices,
    .service-card-identity,
    .service-card-support
  ) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 34px !important;
    border-radius: 22px !important;
  }

  html body.page-home .service-card-support {
    display: flex !important;
    grid-template-columns: 1fr !important;
  }

  html body.page-home .service-card-support :is(.service-card-top, .service-card-body, .service-card-footer) {
    grid-column: 1 !important;
    max-width: none !important;
  }

  html body.page-home #licencas .container {
    width: min(100% - var(--tablet-page-gutter), 920px) !important;
    max-width: 920px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body.page-home #licencas .licenses-layout,
  html body.page-home #licencas .licenses-visual,
  html body.page-home #licencas .licenses-brands {
    width: 100% !important;
    max-width: none !important;
  }

  html body.page-home #licencas .licenses-layout {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  html body.page-home #licencas .licenses-visual,
  html body.page-home #licencas .licenses-brands {
    grid-column: 1 / -1 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html body.page-home #licencas .licenses-brands {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 !important;
    border-radius: 22px !important;
  }

  html body.page-home #licencas .licenses-brands .brand-card,
  html body.page-home #licencas .licenses-brands .brand-card:nth-child(n),
  html body.page-home #licencas .licenses-brands .brand-card:last-child {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: 34px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 18px !important;
  }

  html body.page-home #licencas .licenses-brands .brand-card:last-child {
    border-bottom: 0 !important;
  }

  html body.page-home #licencas .licenses-visual {
    display: grid !important;
    place-items: center !important;
    min-height: 360px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 24px !important;
  }

  html body.page-home #licencas .license-placeholder.home-license-animation {
    width: min(100%, 560px) !important;
    max-width: 100% !important;
    min-height: 330px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 18px 20px 16px !important;
    border-radius: 22px !important;
    transform: none !important;
  }

  html body.page-home #licencas .home-license-animation .lic-scan-line {
    display: none !important;
  }

  html body.page-home #licencas .home-license-animation i.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
  }

  html body.page-home #licencas .lic-panel-title {
    font-size: .64rem !important;
    line-height: 1.1 !important;
  }

  html body.page-home #licencas .lic-live-badge {
    font-size: .52rem !important;
    padding: 4px 10px !important;
  }

  html body.page-home #licencas .lic-summary-row {
    gap: 14px !important;
  }

  html body.page-home #licencas .lic-score-wrap {
    width: 72px !important;
    height: 72px !important;
    flex-basis: 72px !important;
  }

  html body.page-home #licencas .lic-score-inner strong {
    font-size: 1.16rem !important;
    line-height: 1 !important;
  }

  html body.page-home #licencas .lic-score-inner em {
    font-size: .38rem !important;
  }

  html body.page-home #licencas .lic-kpi-group {
    padding: 10px 12px !important;
  }

  html body.page-home #licencas .lic-kpi strong {
    font-size: 1rem !important;
  }

  html body.page-home #licencas .lic-kpi em {
    font-size: .44rem !important;
  }

  html body.page-home #licencas .lic-item {
    gap: 10px !important;
    padding: 9px 10px !important;
  }

  html body.page-home #licencas .lic-item-icon {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
    font-size: .78rem !important;
  }

  html body.page-home #licencas .lic-item-name {
    font-size: .68rem !important;
    line-height: 1.2 !important;
  }

  html body.page-home #licencas .lic-item-badge {
    font-size: .5rem !important;
  }

  html body.page-home #licencas .lic-usage-label {
    font-size: .48rem !important;
  }

  html body.page-home #licencas .lic-footer {
    padding: 8px 10px !important;
  }

  html body.page-home #licencas .lic-footer-sla {
    font-size: .54rem !important;
  }

  html body.page-home #licencas .lic-footer-text {
    font-size: .52rem !important;
  }
}


/* ============================================================
   Tablet fluid system
   iPad Mini (768px portrait) is the base; larger tablets scale from it.
   Desktop stays above 1180px and mobile stays below 768px.
   ============================================================ */
@media (min-width: 768px) and (max-width: 1180px) {
  html {
    overflow-x: hidden !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) {
    --tablet-gutter: clamp(40px, 6vw, 88px);
    --tablet-container: min(calc(100% - var(--tablet-gutter)), 1040px);
    --tablet-copy: min(100%, 720px);
    --tablet-narrow-copy: min(100%, 620px);
    --tablet-card-pad: clamp(24px, 3.3vw, 38px);
    --tablet-section-pad: clamp(64px, 7vw, 92px);
    --tablet-gap: clamp(18px, 2.8vw, 32px);
    --tablet-radius: clamp(20px, 2.6vw, 30px);
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) *,
  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) *::before,
  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) *::after {
    box-sizing: border-box !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(.container, .section-container, .content-section > .container, .inner-anchor-nav > .container, footer > .container) {
    width: var(--tablet-container) !important;
    max-width: 1040px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(section, .content-section, .photo-section, .about, .products, .services, .licenses) {
    padding-top: var(--tablet-section-pad) !important;
    padding-bottom: var(--tablet-section-pad) !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(h1, .hero h1, .hero-content h1, .services-hero-copy h1, .products-hero-copy h1) {
    max-width: var(--tablet-copy) !important;
    font-size: clamp(2.65rem, 6vw, 4.2rem) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(h2, .section-title, .svc-title, .cta-photo-title) {
    max-width: var(--tablet-copy) !important;
    font-size: clamp(2rem, 4.4vw, 3.15rem) !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-wrap: balance !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(p, .section-subtitle, .hero-description, .services-hero-copy p, .products-hero-copy p, .cta-photo-subtitle, .svc-desc) {
    max-width: var(--tablet-copy) !important;
    font-size: clamp(.94rem, 1.55vw, 1.08rem) !important;
    line-height: 1.72 !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(img, video, canvas, svg) {
    max-width: 100% !important;
  }

  /* Header and menu: tablet keeps the intentional mobile navigation shell. */
  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header {
    min-height: 74px !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header :is(.header-shell, .container) {
    width: min(calc(100% - clamp(24px, 4vw, 48px)), 1040px) !important;
    min-height: 66px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header :is(.desktop-nav, nav) {
    display: none !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .menu-toggle {
    width: 44px !important;
    height: 44px !important;
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 44px !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .logo {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: clamp(136px, 20vw, 174px) !important;
    transform: translate(-50%, -50%) !important;
    justify-content: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .logo img {
    width: clamp(136px, 20vw, 174px) !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .header-actions {
    width: 44px !important;
    min-width: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .header-actions :is(.btn, .desktop-only) {
    display: none !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .site-header .btn-contact-mobile.mobile-only {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
  }

  /* Composition: no compressed desktop grids in tablet. */
  html body.page-home :is(.hero-layout, .services-head, .products-head, .licenses-layout, .contact-grid, .footer-grid),
  html body.page-services :is(.services-hero-shell, .infra-intro, .security-intro, .backup-intro, .devices-intro, .identity-intro, .support-intro, .contact-grid, .footer-grid),
  html body.page-products :is(.products-hero-shell, .product-section-intro, .speaker-section-intro, .video-section-intro, .certified-rooms-intro, .wireless-intro, .contact-grid, .footer-grid),
  html body.page-licenses :is(.licenses-hero-wrap .services-hero-shell, .collab-head, .cloud-finops-intro, .security-resilience-intro, .remote-management-intro, .license-visibility-intro, .expertise-intro, .contact-grid, .footer-grid),
  html body.page-about :is(.hero-layout, .about-head, .products-content, .solutions-content, .svc-header, .contact-grid, .footer-grid) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--tablet-gap) !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(.section-header, .hero-content, .services-hero-copy, .products-hero-copy, .licenses-head, .services-head, .products-head, .contact-info, .cta-photo-inner, .form-head) {
    max-width: var(--tablet-copy) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
    justify-items: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(.section-tag, .eyebrow, .hero-tag, .services-hero-tag, .cta-photo-tag, .collab-head-label, .products-hero-copy > .inline-flex) {
    width: max-content !important;
    max-width: min(100%, calc(100vw - var(--tablet-gutter))) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(.hero-cta, .hero-actions, .services-hero-actions, .products-hero-actions, .licenses-hero-actions, .cta-actions, .cta-photo-actions) {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(12px, 2vw, 18px) !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(.btn, .btn-primary, .form-submit, .services-hero-primary, .products-hero-primary) {
    min-height: 48px !important;
    padding: 0 clamp(22px, 3vw, 32px) !important;
    border-radius: 999px !important;
    font-size: clamp(.9rem, 1.35vw, 1rem) !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* Repeated cards: tablet uses deliberate shelves, never squeezed columns. */
  html body.page-home :is(.services-panel, .products-grid, .licenses-brands),
  html body.page-services :is(.grid, .infra-solution-list, .security-grid, .backup-grid, .devices-grid, .complementary-grid),
  html body.page-products :is(.audio-portfolio-grid, .speaker-options-grid, .video-options-grid, .certified-deployment-grid, .wireless-options-grid),
  html body.page-licenses :is(.lc-grid, .design-grid, .cloud-provider-grid, .security-solution-grid, .remote-solution-grid, .visibility-feature-grid, .visibility-detail-grid, .expertise-proof-grid),
  html body.page-about :is(.services-grid, .brands-grid, .solutions-brands-grid, .certifications-grid) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
    gap: var(--tablet-gap) !important;
    align-items: stretch !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) main :is(.service-card, .product-card, .brand-card, .license-card, .light-card, .dark-card, .contact-item, .faq-item, .certification-card, .mission-card, .value-prop-card, .service-item, .lc-card) {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    padding: var(--tablet-card-pad) !important;
    border-radius: var(--tablet-radius) !important;
  }

  /* Larger tablets may use two clear columns where content has room. */
  @media (min-width: 980px) {
    html body.page-home :is(.products-grid, .licenses-brands),
    html body.page-about :is(.services-grid, .brands-grid, .solutions-brands-grid),
    html body.page-products :is(.audio-portfolio-grid, .speaker-options-grid, .video-options-grid, .wireless-options-grid),
    html body.page-licenses :is(.lc-grid, .design-grid, .cloud-provider-grid, .security-solution-grid, .remote-solution-grid, .visibility-feature-grid, .visibility-detail-grid) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
  }

  /* Media/animation stages: contained, centered, and scaled from iPad Mini. */
  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(
    .hero-visual,
    .products-hero-visual,
    .services-hero-visual,
    .licenses-hero-visual,
    .licenses-visual,
    .wireless-transfer-visual,
    .collaboration-network,
    .cloud-finops-visual,
    .remote-session-visual,
    .license-intelligence-visual,
    .expertise-network,
    .contact-placeholder
  ) {
    width: min(100%, 720px) !important;
    max-width: 720px !important;
    min-height: clamp(320px, 48vw, 500px) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow: hidden !important;
    transform-origin: center top !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(.cta-photo-section, .cta-photo-content, .cta-photo-inner) {
    min-height: clamp(520px, 70vw, 720px) !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) .cta-photo-bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Forms, FAQ, footer and contact keep a readable tablet rhythm. */
  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) :is(.form-row, .contact-details, .faq-list, .contact-form) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(14px, 2vw, 22px) !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq > .container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--tablet-gap) !important;
  }

  html body:is(.page-services, .page-products, .page-licenses) #faq .faq-head {
    width: min(100%, 680px) !important;
    min-height: 440px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    align-self: auto !important;
  }

  html body:is(.page-home, .page-services, .page-products, .page-licenses, .page-about) footer :is(.footer-grid, .footer-bottom) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(18px, 3vw, 32px) !important;
    text-align: center !important;
    justify-items: center !important;
  }

  /* About page tablet refinements: keep the recently approved visual language. */
  html body.page-about .svc-header-right {
    width: min(100%, 440px) !important;
    grid-template-columns: 1fr !important;
  }

  html body.page-about .services-grid {
    grid-template-columns: 1fr !important;
  }

  html body.page-about .services-grid .service-item {
    display: grid !important;
    place-items: center !important;
    min-height: clamp(150px, 20vw, 190px) !important;
    text-align: center !important;
  }

  html body.page-about .services-grid .service-icon {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  html body.page-about .hero-section .about-hero-visual-wrap,
  html body.page-about .hero-section .hero-video-wrapper,
  html body.page-about .hero-section .acc-network {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  html body.page-about .hero-section .about-hero-visual-wrap::before,
  html body.page-about .hero-section .about-hero-visual-wrap::after,
  html body.page-about .hero-section .hero-video-wrapper::before,
  html body.page-about .hero-section .hero-video-wrapper::after {
    display: none !important;
    background: transparent !important;
  }
}

html body.page-about .hero-section::before,
html body.page-about .inner-hero::before {
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.page-about .hero-section .about-hero-visual-wrap,
html body.page-about .hero-section .hero-video-wrapper {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body.page-about .hero-section .acc-network {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.page-about .hero-section .about-hero-visual-wrap::before,
html body.page-about .hero-section .about-hero-visual-wrap::after,
html body.page-about .hero-section .hero-video-wrapper::before,
html body.page-about .hero-section .hero-video-wrapper::after,
html body.page-about .hero-section .acc-network::before,
html body.page-about .hero-section .acc-network::after {
  display: none !important;
  background: transparent !important;
  box-shadow: none !important;
}