#site-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.96); color: #fff; backdrop-filter: blur(14px); } #site-header .shell { width: 100%; max-width: none; padding-inline: clamp(20px, 3vw, 64px); } #site-header .nav { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 28px; } #site-header .brand { display: flex; align-items: center; gap: 9px; font-weight: 760; } #site-header .brand-butterfly-frame { position: relative; width: 34px; height: 32px; flex: 0 0 auto; } #site-header .brand-butterfly { position: absolute; inset: 0; display: block; width: 34px; height: 32px; object-fit: contain; } #site-header .brand-butterfly-static { display: none; } #site-header .brand-butterfly-css { position: absolute; inset: 0; display: none; background: linear-gradient( 180deg, #2bafa8 0%, #368ed8 34%, #6b63d5 67%, #368ed8 84%, #2bafa8 100% ); background-size: 100% 260%; background-position: 50% 0%; -webkit-mask-image: url("/homepage/v157/assets/media/0c0f9706e0ce91823824.webp"); mask-image: url("/homepage/v157/assets/media/0c0f9706e0ce91823824.webp"); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; animation: butterfly-css-flow 9s ease-in-out infinite alternate; } html.web-mask #site-header .brand-butterfly-css { display: block; } html.web-mask #site-header .brand-butterfly-motion,html.web-mask #site-header .brand-butterfly-static { display: none; } @keyframes butterfly-css-flow { 0% { background-position: 50% 0%; } 100% { background-position: 50% 100%; } } #site-header .brand-wordmark { display: block; width: clamp(98px, 5.8vw, 112px); height: auto; filter: brightness(0) invert(1); } #site-header .brand-company { margin-left: 2px; color: rgba(255,255,255,.72); font-size: clamp(15px, .9vw, 16px); font-weight: 650; letter-spacing: .04em; } #site-header .nav-links { display: flex; align-items: center; gap: clamp(18px, 1.45vw, 30px); font-size: clamp(14px, .78vw, 15px); } #site-header .nav-group { position: relative; display: flex; align-items: center; min-height: 72px; } #site-header .nav-trigger { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: inherit; cursor: pointer; } #site-header .nav-trigger::after { content: ""; display: inline-block; flex: 0 0 auto; width: 6px; height: 6px; margin: -3px 2px 0; border-right: 1.5px solid #7d8791; border-bottom: 1.5px solid #7d8791; transform: rotate(45deg); } #site-header .dropdown { position: absolute; top: calc(100% - 1px); left: -22px; width: 250px; padding: 14px; border: 1px solid var(--line); background: rgba(255,255,255,.98); box-shadow: 0 18px 50px rgba(16,24,32,.12); color: var(--ink); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .18s ease, transform .18s ease, visibility .18s; } #site-header .nav-group:hover .dropdown,#site-header .nav-group:focus-within .dropdown { opacity: 1; visibility: visible; transform: translateY(0); } #site-header .dropdown a { display: block; padding: 10px 9px; border-bottom: 1px solid #edf0f2; font-size: 13px; } #site-header .dropdown a:last-child { border-bottom: 0; } #site-header .dropdown small { display: block; color: var(--muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; } #site-header .nav-links > .button { border-color: transparent; background: linear-gradient(105deg, #2bafa8 0%, #368ed8 50%, #6b63d5 100%); background-size: 180% 180%; background-position: 0% 50%; color: #fff; box-shadow: 0 8px 24px rgba(54,142,216,.2); padding-inline: clamp(18px, 1.4vw, 28px); } #site-header .nav-links > .button:hover { background-position: 100% 50%; } @media (max-width: 980px) { #site-header .nav-links > a:not(.button),#site-header .nav-group { display: none; } } @media (max-width: 620px) { #site-header .brand-company { display: none; } #site-header .nav { min-height: 64px; } #site-header .nav-links { gap: 8px; } #site-header .nav-links .button { padding: 0 13px; font-size: 12px; } } @media (prefers-reduced-motion: reduce) { #site-header .brand-butterfly-motion { display: none; } #site-header .brand-butterfly-static { display: block; } html.web-mask #site-header .brand-butterfly-css { animation: none; background-position: 50% 50%; } html.web-mask #site-header .brand-butterfly-static { display: none; } } /* Five professional disciplines, mapped to existing solution cards. */ /* Align the consultation UI with the main LoLR navy / lake-blue system. */ /* 罗拉试用咨询：深海玻璃主题，仅作用于咨询组件 */ /* 试用表单：在消息流中形成单一、清楚的内嵌表单卡 */ /* 罗拉咨询：真正透景的暗色玻璃；滤镜只作用于静态弹窗，避免不必要的持续合成 */ /* V51 official footer wordmark shared with the navigation */ /* V46 supplied LoLR.AI 罗格·罗拉 navigation wordmark at 1.5x scale */ #site-header .brand-wordmark-v44 { position: relative; display: block; width: clamp(213px,12.6vw,237px); height: 51px; flex: 0 0 auto; overflow: hidden; } #site-header .brand-wordmark-v44 img { position: absolute; top: -4.5px; left: -69px; display: block; width: 297px; max-width: none; height: auto; filter: invert(1); mix-blend-mode: screen; } @media(max-width:620px){#site-header .brand-wordmark-v44{width:204px;height:48px}#site-header .brand-wordmark-v44 img{top:-3px;left:-66px;width:285px}} /* 首页专项修改 V1：用户入口、企业数字员工与大白浮层 */ /* V3 restrained visual system */ /* V4 structural navigation and cinematic banner */ /* V5 prominent audience gateway */ /* V6 full-width glass audience gateway */ /* V7 simplified centered audience gateway */ /* V8 integrated whole-cell navigation */ /* V9 stronger highlight and simplified banner controls */ /* V10 Chinese-first typography system */ /* V11 clearer product-name hierarchy */ /* V12 unified paragraph and Apple-like blue actions */ #site-header .nav-links > .button { border-color: #0071e3 !important; background: #0071e3 !important; background-image: none !important; background-position: initial !important; color: #fff !important; box-shadow: none; } #site-header .nav-links > .button:hover { border-color: #0077ed !important; background: #0077ed !important; background-image: none !important; box-shadow: none; } /* V13 square enterprise solution modules */ /* V14 square homepage visual system */ #site-header .nav-links > .button { border-radius: 999px !important; } /* V16 right-centered trial consultation mascot */ /* V17 mascot speech bubble, open-state handoff and true-color avatar */ /* V19 native transparent speech bubble with clear mascot spacing */ /* V20 restrained three-column enterprise solutions */ /* V21 monochrome-to-color professional scene accordion */ /* V22 full-width LoLR Butterfly banner and hover-expanding professional scenes */ /* V23 plain horizontal labels and solid-blue action buttons */ #site-header .nav-links > .button { border-color: #0071e3 !important; background: #0071e3 !important; background-image: none !important; color: #fff !important; } #site-header .nav-links > .button:hover { border-color: #0077ed !important; background: #0077ed !important; background-image: none !important; } /* V24 full-width routing mega navigation */ #site-header .nav-group-mega { position: static; } #site-header .nav-group-mega > .nav-trigger { position: relative; } #site-header .nav-group-mega > .nav-trigger::before { content: ""; position: absolute; left: 0; right: 0; bottom: -25px; height: 2px; background: #0071e3; opacity: 0; transform: scaleX(.35); transition: opacity .2s ease,transform .25s ease; } #site-header .nav-group-mega:hover > .nav-trigger::before,#site-header .nav-group-mega:focus-within > .nav-trigger::before { opacity: 1; transform: scaleX(1); } #site-header .dropdown.mega-menu { position: fixed; top: 72px; left: 0; right: 0; width: 100vw; min-height: 338px; padding: 0; border: 0; border-top: 1px solid rgba(255,255,255,.1); background: rgba(12,15,19,.985); box-shadow: 0 28px 70px rgba(0,0,0,.3); color: #fff; transform: translateY(-8px); } #site-header .nav-group:hover .dropdown.mega-menu,#site-header .nav-group:focus-within .dropdown.mega-menu { transform: translateY(0); } #site-header .mega-shell { display: grid; grid-template-columns: minmax(260px,28%) 1fr; width: min(calc(100% - 64px),1440px); min-height: 338px; margin: 0 auto; } #site-header .mega-overview { display: flex; flex-direction: column; align-items: flex-start; padding: 46px 48px 42px 0; border-right: 1px solid rgba(255,255,255,.12); } #site-header .mega-overview > small { color: #6a9fd3; font-size: 10px; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; } #site-header .mega-overview h3 { margin: 12px 0 0; color: #fff; font-size: 28px; font-weight: 520; line-height: 1.35; } #site-header .mega-overview p { max-width: 23em; margin: 17px 0 0; color: rgba(255,255,255,.5); font-size: 13px; line-height: 1.75; } #site-header .dropdown.mega-menu .mega-all { display: inline-flex; align-items: center; gap: 10px; margin-top: auto; padding: 0; border: 0; color: #fff; font-size: 13px; } #site-header .mega-all span { color: #4e9ce8; } #site-header .mega-columns { display: grid; padding: 38px 0 36px 48px; } #site-header .mega-columns-four { grid-template-columns: repeat(4,minmax(0,1fr)); } #site-header .mega-columns-five { grid-template-columns: repeat(5,minmax(0,1fr)); } #site-header .mega-column { min-width: 0; padding: 5px 24px; border-right: 1px solid rgba(255,255,255,.1); } #site-header .mega-column:last-child { border-right: 0; } #site-header .dropdown.mega-menu .mega-section-link { display: grid; grid-template-columns: auto 1fr; column-gap: 13px; padding: 0 0 22px; border: 0; } #site-header .mega-section-link > span { grid-row: 1 / 3; color: rgba(255,255,255,.28); font-size: 10px; font-weight: 560; letter-spacing: .08em; } #site-header .mega-section-link strong { color: #fff; font-size: 15px; font-weight: 520; line-height: 1.45; } #site-header .dropdown.mega-menu .mega-section-link small { margin-top: 4px; color: rgba(255,255,255,.38); font-size: 9px; font-weight: 500; line-height: 1.4; letter-spacing: .1em; text-transform: uppercase; } #site-header .mega-links { border-top: 1px solid rgba(255,255,255,.09); padding-top: 13px; } #site-header .dropdown.mega-menu .mega-links a { position: relative; padding: 8px 0 8px 14px; border: 0; color: rgba(255,255,255,.56); font-size: 12px; line-height: 1.5; transition: color .2s ease,transform .2s ease; } #site-header .dropdown.mega-menu .mega-links a::before { content: ""; position: absolute; left: 0; top: 15px; width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.24); transition: background .2s ease; } #site-header .dropdown.mega-menu a:hover,#site-header .dropdown.mega-menu a:focus-visible { color: #fff; } #site-header .dropdown.mega-menu .mega-links a:hover { color: #fff; transform: translateX(3px); } #site-header .dropdown.mega-menu .mega-links a:hover::before { background: #318ce7; } @media(max-width:1180px){#site-header .nav-links{gap:16px}#site-header .mega-shell{width:calc(100% - 40px);grid-template-columns:240px 1fr}#site-header .mega-overview{padding-right:30px}#site-header .mega-columns{padding-left:28px}#site-header .mega-column{padding-inline:16px}#site-header .mega-columns-five .mega-column{padding-inline:11px}} @media(max-width:980px){#site-header .nav-group-mega{display:none}#site-header .dropdown.mega-menu{display:none}} /* V25 light-gray mega navigation */ #site-header .dropdown.mega-menu { border-top-color: #dfe3e7; background: rgba(246,247,248,.99); box-shadow: 0 28px 70px rgba(20,28,36,.16); color: #111820; } #site-header .mega-overview { border-right-color: #d9dee3; } #site-header .mega-overview > small { color: #0071e3; } #site-header .mega-overview h3 { color: #111820; } #site-header .mega-overview p { color: #68717a; } #site-header .dropdown.mega-menu .mega-all { color: #111820; } #site-header .mega-all span { color: #0071e3; } #site-header .mega-column { border-right-color: #d9dee3; } #site-header .mega-section-link > span { color: #8b9aaa; } #site-header .mega-section-link strong { color: #151a1f; } #site-header .dropdown.mega-menu .mega-section-link small { color: #7c858e; } #site-header .mega-links { border-top-color: #d9dee3; } #site-header .dropdown.mega-menu .mega-links a { color: #606a73; } #site-header .dropdown.mega-menu .mega-links a::before { background: #aab4bd; } #site-header .dropdown.mega-menu a:hover,#site-header .dropdown.mega-menu a:focus-visible,#site-header .dropdown.mega-menu .mega-links a:hover { color: #0071e3; } #site-header .dropdown.mega-menu .mega-links a:hover::before { background: #0071e3; } /* V26 synchronize compact menus and remove translated English labels */ #site-header .nav-group:not(.nav-group-mega) > .dropdown { top: calc(100% - 1px); left: -18px; width: 276px; padding: 10px; border: 1px solid #dfe3e7; background: rgba(246,247,248,.99); box-shadow: 0 20px 46px rgba(20,28,36,.14); color: #111820; } #site-header .nav-group:not(.nav-group-mega) > .dropdown a { position: relative; padding: 12px 14px; border-bottom: 1px solid #dfe3e7; color: #343b42; font-size: 13px; line-height: 1.55; transition: color .2s ease,background .2s ease,padding-left .2s ease; } #site-header .nav-group:not(.nav-group-mega) > .dropdown a:last-child { border-bottom: 0; } #site-header .nav-group:not(.nav-group-mega) > .dropdown a:hover,#site-header .nav-group:not(.nav-group-mega) > .dropdown a:focus-visible { padding-left: 18px; background: rgba(0,113,227,.055); color: #0071e3; } #site-header .nav-group:not(.nav-group-mega) > .dropdown small { margin-bottom: 2px; color: #7a8792; font-size: 9px; font-weight: 540; letter-spacing: .07em; text-transform: none; } #site-header .mega-section-link:not(:has(small)) { align-content: start; } /* V48 subtle light-gray mega-column interaction */ #site-header .mega-solutions .mega-columns,#site-header .mega-support .mega-columns { padding-top: 0; padding-bottom: 0; } #site-header .mega-solutions .mega-column,#site-header .mega-support .mega-column { position: relative; min-height: 100%; padding-top: 43px; padding-bottom: 36px; transition: background-color .22s ease; } #site-header .mega-solutions .mega-column:hover,#site-header .mega-solutions .mega-column:focus-within,#site-header .mega-support .mega-column:hover,#site-header .mega-support .mega-column:focus-within { background: #e9ecef; } #site-header .mega-solutions .mega-column:hover .mega-section-link > span,#site-header .mega-solutions .mega-column:focus-within .mega-section-link > span,#site-header .mega-support .mega-column:hover .mega-section-link > span,#site-header .mega-support .mega-column:focus-within .mega-section-link > span { color: #0071e3; } #site-header .mega-solutions .mega-column:hover .mega-section-link strong,#site-header .mega-solutions .mega-column:focus-within .mega-section-link strong,#site-header .mega-support .mega-column:hover .mega-section-link strong,#site-header .mega-support .mega-column:focus-within .mega-section-link strong { color: #151a1f; } #site-header .mega-solutions .mega-column:hover .mega-section-link small,#site-header .mega-solutions .mega-column:focus-within .mega-section-link small,#site-header .mega-support .mega-column:hover .mega-section-link small,#site-header .mega-support .mega-column:focus-within .mega-section-link small { color: #68737c; } #site-header .mega-solutions .mega-column:hover .mega-links,#site-header .mega-solutions .mega-column:focus-within .mega-links,#site-header .mega-support .mega-column:hover .mega-links,#site-header .mega-support .mega-column:focus-within .mega-links { border-top-color: #cbd1d6; } #site-header .dropdown.mega-menu.mega-solutions .mega-column:hover .mega-links a,#site-header .dropdown.mega-menu.mega-solutions .mega-column:focus-within .mega-links a,#site-header .dropdown.mega-menu.mega-support .mega-column:hover .mega-links a,#site-header .dropdown.mega-menu.mega-support .mega-column:focus-within .mega-links a { color: #4f5962; } #site-header .dropdown.mega-menu.mega-solutions .mega-column .mega-links a:hover,#site-header .dropdown.mega-menu.mega-solutions .mega-column .mega-links a:focus-visible,#site-header .dropdown.mega-menu.mega-support .mega-column .mega-links a:hover,#site-header .dropdown.mega-menu.mega-support .mega-column .mega-links a:focus-visible { color: #0071e3; } #site-header .mega-solutions .mega-column:hover .mega-links a::before,#site-header .mega-solutions .mega-column:focus-within .mega-links a::before,#site-header .mega-support .mega-column:hover .mega-links a::before,#site-header .mega-support .mega-column:focus-within .mega-links a::before { background: #9ba6af; } #site-header .mega-solutions .mega-column .mega-links a:hover::before,#site-header .mega-solutions .mega-column .mega-links a:focus-visible::before,#site-header .mega-support .mega-column .mega-links a:hover::before,#site-header .mega-support .mega-column .mega-links a:focus-visible::before { background: #0071e3; } /* V27 plain blue consultation label above mascot */ /* V28 translucent circular consultation badge */ /* V29 separated, coordinated consultation control */ /* V30 preserve the full Butterfly artwork inside the wide black banner */ /* V37 supplied consultation icon and native high-resolution banners */ /* V38 right-tail icon alignment and stable coordinated hover */ /* V57 audience copy switch and direct ring positioning */ #site-header .mega-coming-inline-v60{margin-left:.3em;color:#8a949c;font-size:.72em;font-style:normal;font-weight:500;letter-spacing:.01em;white-space:nowrap} /* NEWS becomes a light visual breakpoint between the dark trust and contact sections. */ /* V105: compact pagination remains stable when the backend has many news pages. */ /* V108: minimal long-list pagination—only the page input keeps a field outline. */ /* Keep the original HPC and Butterfly geometry; unify interaction color only. */ #site-header .mega-hpc .mega-column,#site-header .mega-butterfly .mega-column{transition:background-color .22s ease} #site-header .mega-hpc .mega-column:hover,#site-header .mega-hpc .mega-column:focus-within,#site-header .mega-butterfly .mega-column:hover,#site-header .mega-butterfly .mega-column:focus-within{background:#e9ecef} #site-header .mega-hpc .mega-column:hover .mega-section-link>span,#site-header .mega-hpc .mega-column:focus-within .mega-section-link>span,#site-header .mega-butterfly .mega-column:hover .mega-section-link>span,#site-header .mega-butterfly .mega-column:focus-within .mega-section-link>span{color:#0071e3} #site-header .mega-hpc .mega-column:hover .mega-section-link strong,#site-header .mega-hpc .mega-column:focus-within .mega-section-link strong,#site-header .mega-butterfly .mega-column:hover .mega-section-link strong,#site-header .mega-butterfly .mega-column:focus-within .mega-section-link strong{color:#151a1f} #site-header .mega-hpc .mega-column:hover .mega-section-link small,#site-header .mega-hpc .mega-column:focus-within .mega-section-link small,#site-header .mega-butterfly .mega-column:hover .mega-section-link small,#site-header .mega-butterfly .mega-column:focus-within .mega-section-link small{color:#68737c} #site-header .mega-hpc .mega-column:hover .mega-links,#site-header .mega-hpc .mega-column:focus-within .mega-links,#site-header .mega-butterfly .mega-column:hover .mega-links,#site-header .mega-butterfly .mega-column:focus-within .mega-links{border-top-color:#cbd1d6} #site-header .dropdown.mega-hpc .mega-column:hover .mega-links a,#site-header .dropdown.mega-hpc .mega-column:focus-within .mega-links a,#site-header .dropdown.mega-butterfly .mega-column:hover .mega-links a,#site-header .dropdown.mega-butterfly .mega-column:focus-within .mega-links a{color:#4f5962} #site-header .dropdown.mega-hpc .mega-column .mega-links a:hover,#site-header .dropdown.mega-hpc .mega-column .mega-links a:focus-visible,#site-header .dropdown.mega-butterfly .mega-column .mega-links a:hover,#site-header .dropdown.mega-butterfly .mega-column .mega-links a:focus-visible{color:#0071e3} /* Match the other mega menus: three side-by-side vertical columns with full-height dividers. */ #site-header .mega-butterfly .mega-columns-three{grid-template-columns:repeat(3,minmax(0,1fr))} /* Raise the message slightly while giving the larger ring more clear space below it. */ /* Preserve true 3D depth: a rear card must not jump above a front card on hover/focus. */ /* ===== V84 · standalone navigation, accessible mobile menu and narrow-screen repairs ===== */ /* Keep the opened consultation panel above the fixed mobile header controls. */ @media (max-width:980px) { #site-header { z-index:99500; } #site-header .nav-links,#site-header .homepage-nav-links { display:none; } } /* header */ /* body */ /* lead card */ /* done */ /* footer */ /* V85 shared phone safeguards. Loaded after each page's existing stylesheet. */ @media (max-width: 768px) { /* The assistant becomes a compact edge control instead of covering content. */ /* Keep the consultation panel inside the visual viewport throughout opening. */ /* The fixed 210px product wells must contain, never stretch, their artwork. */ } /* * V85 mobile navigation overlay * Load after home.css / subpages.css. All visual overrides are intentionally * bounded to the existing mobile-navigation range so the desktop mega menus * remain byte-for-byte and visually untouched. */ @media (max-width: 980px) { /* The confirmed fixed header and wordmark stay visible above the menu. */ #site-header { z-index: 99500 !important; } #site-header .nav-links,#site-header .homepage-nav-links { display: none !important; } /* Two restrained rules become a close icon in the same 44px target. */ /* Full-width navigation starts immediately below the live header height. */ } /* * V85 homepage mobile adaptation. * This file is deliberately mobile-only so the accepted desktop composition * remains byte-for-byte and visually untouched. */ @media (max-width: 768px) { /* Replace the desktop 440svh scroll film with an ordinary document flow. */ /* Mobile hero copy: text first, then the touch carousel. */ /* One primary card with restrained previews on both sides. */ /* Keep the primary audience entrances, but make them part of the flow. */ /* Major updates become a real section, not an overlaid frame. */ /* Product reveal becomes a stable image-above-copy section. */ } /* * V86 homepage mobile refinement. * Additive, homepage-only overrides: the accepted desktop layout is untouched. */ @media (max-width: 768px) { /* Keep the three audience entrances unmistakably horizontal. */ /* Compact the product reveal without changing its information or image. */ /* Enterprise solutions: three equal mobile columns, not a long vertical stack. */ /* LoLR Butterfly remains a banner, with a calmer mobile text hierarchy. */ /* Professional scenarios: one primary card, side previews and native swipe. */ /* The trust and research areas should support the page, not dominate it. */ /* Reduce the remaining reading density while retaining every news item. */ /* Preserve the requested mascot-and-bubble pairing without covering content. */ } /* V87 · product imagery, product-detail composition and mega-menu geometry */ /* * The HPC and Butterfly menus use the same column geometry as Solutions and * Support: vertical spacing belongs to each column, so hover feedback and * dividers cover the full height of the menu rather than a cropped middle band. */ @media (min-width: 981px) { #site-header .mega-hpc .mega-columns,#site-header .mega-butterfly .mega-columns { align-items: stretch; padding-top: 0 !important; padding-bottom: 0 !important; } #site-header .mega-hpc .mega-column,#site-header .mega-butterfly .mega-column { position: relative; min-height: 100%; padding-top: 43px; padding-bottom: 36px; } } /* New transparent Studio and Box renders inside the existing overview cards. */ /* * Physical product introductions share one composition: * device on the left, copy on the right, with no card frame around the render. */ /* * V88 homepage hero depth calibration. * Desktop and tablet only: the accepted mobile carousel remains untouched. */ @media (min-width: 769px) { /* Put the message across the rear arc and leave the front arc to the cards. */ /* Keep contrast behind the message without laying a dark veil over the foreground. */ /* A restrained lift keeps the expanded card readable without covering the copy. */ /* Preserve copy legibility after replacing the former 1.5x zoom. */ } /* Short laptop screens need more copy separation but less downward travel. */ /* * V93 homepage ring refinement. * Restore the accepted desktop card emphasis and raise the ring by 12–16px. * Mobile keeps the existing horizontal carousel without any changes. */ @media (min-width: 769px) and (hover: hover) and (pointer: fine) { /* Give the expanded foreground card a clean reading area, then restore controls on leave. */ } #site-header .nav-trigger.v123-nav-link{text-decoration:none;display:inline-flex;align-items:center}#site-header .mega-solutions .mega-section-link{cursor:default}#site-header .mega-solutions .mega-section-link:hover{background:transparent;transform:none}#site-header .mega-solutions .mega-links a{white-space:normal;line-height:1.55} #site-header .dropdown.mega-hpc .mega-section-link strong,#site-header .dropdown.mega-hpc .mega-section-link small{font-size:15px!important;line-height:1.45!important}#site-header .dropdown.mega-hpc .mega-section-link small{font-weight:520!important;letter-spacing:0!important;text-transform:none!important}