@font-face { font-family: 'RookeryNew'; src: url('https://p3-ofp.static.pub/ShareResource/qira/fonts/RookeryNew-Regular.woff2') format('woff2'); font-weight: 100 449; font-style: normal; font-display: swap; } @font-face { font-family: 'RookeryNew'; src: url('https://p2-ofp.static.pub/ShareResource/qira/fonts/RookeryNew-Medium.woff2') format('woff2'); font-weight: 450 650; font-style: normal; font-display: swap; } @font-face { font-family: 'RookeryNew'; src: url('https://p2-ofp.static.pub/ShareResource/qira/fonts/RookeryNew-Bold.woff2') format('woff2'); font-weight: 651 900; font-style: normal; font-display: swap; } :root { --qira-white: #fff; --qira-off-white: #fbf9f7; --qira-ink: var(--dark-blue); --qira-accent: var(--med-blue); --qira-red: var(--lenovo-red); --qira-btn-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12), 0 2px 12px 1px rgba(0, 0, 0, .12); --qira-space-xs: .5rem; --qira-space-sm: 1rem; --qira-space-md: 2rem; --qira-space-lg: 4rem; --qira-space-xl: 6rem; --qira-space-xxl: 9rem; --qira-section-py: clamp(4rem, 9vw, 8rem); --qira-max-width: 1280px; --qira-max-narrow: 860px; --qira-gutter: 60px; --qira-band: calc(var(--qira-max-width) + 2 * var(--qira-gutter)); --bg-hero-base: #3d0d8e; --bg-you: #2d0957; --bg-you-surface: #3d0d8e; --bg-devices-base: #5b1f9b; --bg-one-prompt-base: #f6f9fc; --qira-ease-out: cubic-bezier(0.16, 1, .3, 1); --qira-ease-in-out: cubic-bezier(0.76, 0, .24, 1); --qira-radius-sm: 6px; --qira-radius-md: 12px; --qira-radius-lg: 24px; --qira-radius-pill: 999px; --qira-font: 'RookeryNew', Helvetica, Arial, sans-serif; --qira-fw-regular: 400; --qira-fw-medium: 550; --qira-fw-semibold: 600; --qira-fw-bold: 700; --qira-lh-flat: 1; --qira-lh-tight: 1.1; --qira-lh-snug: 1.2; --qira-lh-heading: 1.3; --qira-lh-body: 1.45; --qira-lh-relaxed: 1.5; --qira-track-tight: -0.02em; --qira-size-display: clamp(2.5rem, 5.5vw, 4.25rem); --qira-size-h1: clamp(2.75rem, 6vw, 5rem); --qira-size-h2: clamp(2rem, 4vw, 3.25rem); --qira-size-h3: clamp(1.375rem, 2.5vw, 2rem); --qira-size-h4: clamp(1.125rem, 1.75vw, 1.375rem); --qira-size-body-lg: clamp(1.0625rem, 1.5vw, 1.25rem); --qira-size-body: clamp(0.9375rem, 1.25vw, 1.0625rem); --qira-size-eyebrow: .8125rem; } .qira-lp *, .qira-lp *::before, .qira-lp *::after { box-sizing: border-box; } .qira-lp img { display: block; max-width: none; max-height: none; } .qira-lp ul.qira-list, .qira-lp ol.qira-list { list-style: revert; padding-left: 1.25em; } div.qira-lp { position: relative; width: 100%; overflow-x: hidden; font-family: var(--qira-font); color: var(--qira-ink); background-color: var(--qira-white); } .qira-lp { font-family: var(--qira-font); color: var(--qira-ink); letter-spacing: .015em; } .qira-lp, .qira-lp * { overflow-wrap: normal; word-wrap: normal; word-break: normal; -webkit-hyphens: none; hyphens: none; } .qira-lp section { position: relative; width: 100%; } .qira-inner { width: 100%; max-width: var(--qira-band); margin-inline: auto; padding-block: var(--qira-section-py); padding-inline: var(--qira-gutter); } .qira-inner--narrow { max-width: var(--qira-max-narrow); } .qira-eyebrow { font-family: var(--qira-font); font-size: var(--qira-size-eyebrow); font-weight: var(--qira-fw-medium); letter-spacing: .12em; text-transform: uppercase; color: var(--qira-accent); margin: 0 0 .75rem; } .qira-h1 { font-family: var(--qira-font); font-size: var(--qira-size-h1); font-weight: var(--qira-fw-medium); line-height: 1.05; letter-spacing: -0.03em; color: var(--qira-ink); margin: 0 0 1.25rem; } .qira-h2 { font-family: var(--qira-font); font-size: var(--qira-size-h2); font-weight: var(--qira-fw-medium); line-height: var(--qira-lh-tight); letter-spacing: var(--qira-track-tight); color: var(--qira-ink); margin: 0 0 1.25rem; } .qira-h3 { font-family: var(--qira-font); font-size: var(--qira-size-h3); font-weight: var(--qira-fw-medium); line-height: var(--qira-lh-snug); letter-spacing: -0.015em; color: var(--qira-ink); margin: 0 0 1rem; } .qira-h4 { font-family: var(--qira-font); font-size: var(--qira-size-h4); font-weight: var(--qira-fw-medium); line-height: 1.25; letter-spacing: -0.01em; color: var(--qira-ink); margin: 0 0 .75rem; } .qira-body-lg { font-family: var(--qira-font); font-size: var(--qira-size-body-lg); line-height: var(--qira-lh-body); color: var(--dark-gray-1); margin: 0 0 1.25rem; } .qira-body { font-family: var(--qira-font); font-size: var(--qira-size-body); line-height: var(--qira-lh-body); color: var(--dark-gray-1); margin: 0 0 1rem; letter-spacing: .015em; } .qira-caption { font-family: var(--qira-font); font-size: var(--qira-size-eyebrow); line-height: var(--qira-lh-relaxed); color: var(--dark-gray-2); } .qira-btn { display: inline-flex; align-items: center; gap: .5rem; padding: .875rem 1.75rem; border-radius: var(--qira-radius-pill); font-family: var(--qira-font); font-size: 1rem; font-weight: var(--qira-fw-medium); line-height: var(--qira-lh-flat); text-decoration: none; cursor: pointer; border: 2px solid transparent; transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; white-space: nowrap; } .qira-btn:hover { transform: translateY(-2px); } .qira-btn:active { transform: translateY(0); } .qira-btn--primary { background-color: var(--qira-accent); color: var(--qira-white); border-color: var(--qira-accent); } .qira-btn--primary:hover { background-color: var(--dark-blue); border-color: var(--dark-blue); } .qira-btn--outline { background-color: transparent; color: var(--qira-accent); border-color: var(--qira-accent); } .qira-btn--outline:hover { background-color: var(--qira-accent); color: var(--qira-white); } .qira-btn--ghost { background-color: transparent; color: var(--qira-ink); border-color: transparent; padding-inline: .25rem; border-radius: 0; border-bottom: 2px solid var(--qira-ink); } .qira-btn--ghost:hover { opacity: .7; } .qira-btn-group { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; } .qira-grad-border { --qira-grad: linear-gradient(120deg, #fb6f66 0%, #e8639e 22%, #d26ad1 45%, #a179fd 72%, #4d8cf5 100%); --qira-grad-fill: #fff; --qira-grad-bw: 2px; border: var(--qira-grad-bw) solid transparent; background: linear-gradient(var(--qira-grad-fill), var(--qira-grad-fill)) padding-box, var(--qira-grad) border-box; } .qira-grad-pill { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; } [data-anim] { opacity: 0; will-change: transform, opacity; } [data-lazy-src] { background-color: var(--pale-gray-3, #ededed); min-height: 1px; } [data-lazy-src].qira-img-loaded { animation: qiraImgFadeIn .4s ease forwards; } @keyframes qiraImgFadeIn { from { opacity: 0; } to { opacity: 1; } } .qira-text-center { text-align: center; } .qira-text-left { text-align: left; } .qira-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .qira-lp section.qira-dark { background-color: var(--qira-ink); color: var(--qira-white); } .qira-lp section.qira-dark .qira-h1, .qira-lp section.qira-dark .qira-h2, .qira-lp section.qira-dark .qira-h3, .qira-lp section.qira-dark .qira-h4 { color: var(--qira-white); } .qira-lp section.qira-dark .qira-body, .qira-lp section.qira-dark .qira-body-lg { color: rgba(255,255,255,0.75); } .qira-lp section.qira-dark .qira-eyebrow { color: var(--light-blue, #c9d0f0); } .qira-lp section.qira-dark .qira-btn--outline { color: var(--qira-white); border-color: var(--qira-white); } .qira-lp section.qira-dark .qira-btn--outline:hover { background-color: var(--qira-white); color: var(--qira-ink); } .bottomStickyDock, .evidon-banner, div#inside_holder, a#lenovoSurveyWidget {display: none !important} @media (max-width: 767px) { :root { --qira-gutter: 24px; } } #lenovoSurveyWidget, #inside_holder, .bluecoreOverlay, .bluecoreMiddleCenterPopup.bluecorePopupOverlayAnimation, .bottomStickyDock, #inside_holder.chatPaneOpen, #inside_holder.chatOpen, .Q26696ExpB .Q26696HelpLine, div#cf-mw1 {display: none !important}