body.ly-has-header-hero #masthead,
body.ly-has-header-hero .entry-header {
display: none;
}
body.ly-has-header-hero .site-content > .ast-container,
body.ly-has-header-hero #primary,
body.ly-has-header-hero #main,
body.ly-has-header-hero article.ast-article-single,
body.ly-has-header-hero .entry-content {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.ly-has-header-hero .site-content {
padding: 0;
}
.ly-header-hero-shell,
.ly-header-hero-shell * {
box-sizing: border-box;
}
.ly-header-hero-shell {
--ly-ink: #0a1020;
--ly-copy: #344054;
--ly-muted: #667085;
--ly-line: #e7eaf0;
--ly-soft-line: rgba(15, 23, 42, 0.08);
--ly-blue: #315efb;
--ly-blue-dark: #244bd5;
--ly-mint: #20b486;
--ly-violet: #7559ee;
--ly-surface: #f7f8fb;
position: relative;
width: 100%;
max-width: none;
margin: 0;
color: var(--ly-ink);
background: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
-webkit-font-smoothing: antialiased;
}
.ly-header-hero-shell.alignfull {
margin-right: 0 !important;
margin-left: 0 !important;
}
.ly-layout {
width: min(1280px, calc(100% - 48px));
margin-right: auto;
margin-left: auto;
}
.ly-site-header {
position: relative;
z-index: 80;
height: 76px;
border-bottom: 1px solid var(--ly-line);
background: rgba(255, 255, 255, 0.94);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}
.ly-site-header__inner {
display: flex;
height: 100%;
align-items: center;
gap: 26px;
}
.ly-brand {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 11px;
color: var(--ly-ink);
text-decoration: none;
}
.ly-brand__mark {
position: relative;
display: inline-flex;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 12px;
background: linear-gradient(145deg, #2e60f7 0%, #1fc2a0 100%);
box-shadow: 0 8px 20px rgba(49, 94, 251, 0.18);
}
.ly-brand__mark::before,
.ly-brand__mark::after {
position: absolute;
content: "";
}
.ly-brand__mark::before {
width: 19px;
height: 17px;
border: 3px solid #fff;
border-top: 0;
border-radius: 0 0 18px 18px;
transform: translateY(2px);
}
.ly-brand__mark::after {
width: 17px;
height: 3px;
border-radius: 3px;
background: #fff;
transform: translateY(-8px);
}
.ly-brand__mark > span {
position: absolute;
top: 9px;
right: 8px;
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
}
.ly-brand__image {
display: block;
width: auto;
max-width: 176px;
height: 40px;
object-fit: contain;
}
.ly-brand__name {
font-size: 19px;
font-weight: 760;
line-height: 1;
letter-spacing: -0.45px;
}
.ly-primary-nav {
display: flex;
min-width: 0;
align-items: center;
justify-content: center;
gap: clamp(12px, 1.25vw, 22px);
margin-left: auto;
}
.ly-primary-nav a {
position: relative;
padding: 28px 0 26px;
white-space: nowrap;
color: #3b4558;
font-size: 13px;
font-weight: 620;
line-height: 1.4;
text-decoration: none;
transition: color 150ms ease;
}
.ly-primary-nav a::after {
position: absolute;
right: 0;
bottom: 18px;
left: 0;
width: 0;
height: 2px;
margin: auto;
border-radius: 2px;
background: var(--ly-blue);
content: "";
transition: width 150ms ease;
}
.ly-primary-nav a:hover,
.ly-primary-nav a:focus-visible {
color: var(--ly-blue);
}
.ly-primary-nav a:hover::after,
.ly-primary-nav a:focus-visible::after {
width: 100%;
}
.ly-header-actions {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 8px;
}
.ly-icon-link {
position: relative;
display: inline-flex;
width: 38px;
height: 38px;
align-items: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 50%;
background: #f3f5f8;
text-decoration: none;
transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;
}
.ly-icon-link:hover,
.ly-icon-link:focus-visible {
border-color: #dce3f5;
background: #fff;
transform: translateY(-1px);
}
.ly-icon-link--account {
background: var(--ly-ink);
}
.ly-icon-link--account:hover,
.ly-icon-link--account:focus-visible {
background: #161f34;
}
.ly-icon-link--account > span:first-child::before {
display: block;
width: 8px;
height: 8px;
margin: 0 auto 3px;
border: 2px solid #fff;
border-radius: 50%;
content: "";
}
.ly-icon-link--account > span:first-child::after {
display: block;
width: 17px;
height: 8px;
border: 2px solid #fff;
border-bottom: 0;
border-radius: 12px 12px 0 0;
content: "";
}
.ly-icon-link--cart > span:first-child {
display: block;
width: 16px;
height: 12px;
border: 2px solid #526176;
border-top: 0;
border-radius: 2px 2px 5px 5px;
transform: translateY(-1px);
}
.ly-icon-link--cart > span:first-child::before {
position: absolute;
top: 10px;
left: 9px;
width: 6px;
height: 2px;
border-radius: 2px;
background: #526176;
content: "";
transform: rotate(45deg);
}
.ly-icon-link--cart > span:first-child::after {
position: absolute;
bottom: 8px;
left: 12px;
width: 4px;
height: 4px;
border-radius: 50%;
background: #526176;
box-shadow: 10px 0 #526176;
content: "";
}
.ly-menu-toggle {
display: none;
width: 40px;
height: 40px;
margin-left: auto;
padding: 10px;
border: 0;
border-radius: 50%;
background: var(--ly-ink);
cursor: pointer;
}
.ly-menu-toggle > span:not(.screen-reader-text) {
display: block;
width: 18px;
height: 2px;
margin: 3px auto;
border-radius: 2px;
background: #fff;
}
.ly-hero {
position: relative;
display: grid;
min-height: 700px;
margin-top: 22px;
margin-bottom: 54px;
padding: clamp(64px, 6vw, 86px) clamp(46px, 5.4vw, 76px);
overflow: hidden;
border: 1px solid #e9ebf0;
border-radius: 34px;
background:
radial-gradient(circle at 86% 14%, rgba(94, 123, 255, 0.12), transparent 24%),
radial-gradient(circle at 91% 91%, rgba(32, 180, 134, 0.12), transparent 27%),
linear-gradient(135deg, #f9faff 0%, #f6f7fa 52%, #f8fbfa 100%);
grid-template-columns: minmax(0, 1.03fr) minmax(470px, 0.97fr);
gap: clamp(44px, 5vw, 76px);
}
.ly-hero::before {
position: absolute;
inset: 0;
background-image: radial-gradient(rgba(15, 23, 42, 0.06) 0.7px, transparent 0.7px);
background-size: 20px 20px;
content: "";
opacity: 0.35;
pointer-events: none;
}
.ly-hero::after {
position: absolute;
top: -140px;
right: -130px;
width: 370px;
height: 370px;
border: 1px solid rgba(49, 94, 251, 0.1);
border-radius: 50%;
content: "";
}
.ly-hero__copy {
position: relative;
z-index: 4;
width: 100%;
min-width: 0;
align-self: center;
}
.ly-eyebrow {
display: inline-flex;
align-items: center;
gap: 9px;
margin: 0 0 23px;
padding: 8px 13px;
border: 1px solid rgba(255, 255, 255, 0.92);
border-radius: 999px;
background: rgba(255, 255, 255, 0.76);
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
color: #3e4a5f;
font-size: 12px;
font-weight: 680;
line-height: 1.2;
}
.ly-eyebrow > span {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--ly-mint);
box-shadow: 0 0 0 4px rgba(32, 180, 134, 0.1);
}
.ly-hero h1 {
max-width: 690px;
margin: 0;
color: var(--ly-ink);
font-size: clamp(48px, 4.15vw, 66px);
font-weight: 820;
line-height: 1.06;
letter-spacing: -3px;
}
.ly-hero h1 > span {
display: block;
}
.ly-hero__description {
max-width: 700px;
margin: 25px 0 30px;
color: var(--ly-muted);
font-size: 16px;
line-height: 1.82;
}
.ly-smart-search {
position: relative;
display: flex;
width: min(100%, 670px);
max-width: 100%;
min-height: 72px;
align-items: center;
padding: 9px 9px 9px 56px;
border: 1px solid rgba(217, 222, 231, 0.9);
border-radius: 20px;
background: #fff;
box-shadow: 0 18px 46px rgba(18, 31, 53, 0.11);
transition: border-color 150ms ease, box-shadow 150ms ease;
}
.ly-smart-search:focus-within {
border-color: rgba(49, 94, 251, 0.56);
box-shadow: 0 20px 50px rgba(49, 94, 251, 0.13);
}
.ly-smart-search__icon {
position: absolute;
top: 26px;
left: 24px;
width: 16px;
height: 16px;
border: 2px solid var(--ly-blue);
border-radius: 50%;
}
.ly-smart-search__icon::after {
position: absolute;
right: -7px;
bottom: -5px;
width: 8px;
height: 2px;
border-radius: 2px;
background: var(--ly-blue);
content: "";
transform: rotate(45deg);
}
.ly-smart-search input,
.ly-smart-search input[type="search"],
.ly-smart-search input[type="search"]:focus {
min-width: 0;
flex: 1;
height: 50px;
padding: 0 16px 0 0;
border: 0 !important;
outline: 0 !important;
background: transparent !important;
box-shadow: none !important;
-webkit-appearance: none;
appearance: none;
color: var(--ly-ink);
font-size: 15px;
}
.ly-smart-search input::placeholder {
color: #8a94a6;
}
.ly-smart-search button {
flex: 0 0 auto;
min-width: 100px;
height: 54px;
padding: 0 20px;
border: 0;
border-radius: 15px;
background: var(--ly-blue);
color: #fff;
font-size: 14px;
font-weight: 720;
cursor: pointer;
transition: background-color 150ms ease, transform 150ms ease;
}
.ly-smart-search button:hover,
.ly-smart-search button:focus-visible {
background: var(--ly-blue-dark);
transform: translateY(-1px);
}
.ly-search-results {
position: absolute;
z-index: 100;
top: calc(100% + 12px);
right: 0;
left: 0;
max-height: min(470px, 64vh);
padding: 18px;
overflow: auto;
border: 1px solid var(--ly-line);
border-radius: 20px;
background: #fff;
box-shadow: 0 24px 64px rgba(18, 31, 53, 0.18);
}
.ly-search-results[hidden] {
display: none;
}
.ly-search-results__status {
margin: 0;
color: var(--ly-muted);
font-size: 14px;
line-height: 1.6;
}
.ly-search-results__summary {
margin-bottom: 16px;
padding: 14px 15px;
border: 1px solid #e5eaff;
border-radius: 14px;
background: #f6f8ff;
}
.ly-search-results__summary > span {
display: block;
margin-bottom: 5px;
color: var(--ly-blue);
font-size: 11px;
font-weight: 750;
}
.ly-search-results__summary > p {
margin: 0;
color: var(--ly-copy);
font-size: 13px;
line-height: 1.65;
}
.ly-search-results__group + .ly-search-results__group {
margin-top: 17px;
}
.ly-search-results__group-title {
margin: 0 0 7px;
color: #344054;
font-size: 12px;
font-weight: 780;
letter-spacing: 0.2px;
}
.ly-search-results__item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 11px 13px;
border-radius: 12px;
color: var(--ly-ink);
text-decoration: none;
transition: background-color 140ms ease;
}
.ly-search-results__item:hover,
.ly-search-results__item:focus-visible {
background: #f4f6fb;
}
.ly-search-results__item b {
display: block;
margin-bottom: 3px;
font-size: 14px;
}
.ly-search-results__item small {
color: var(--ly-muted);
font-size: 11px;
}
.ly-search-results__meta {
flex: 0 0 auto;
color: var(--ly-blue);
font-size: 12px;
font-weight: 680;
}
.ly-search-results__fallback {
margin-top: 9px;
color: var(--ly-blue);
font-weight: 680;
}
.ly-popular-searches {
display: flex;
width: 100%;
max-width: 670px;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin-top: 17px;
}
.ly-popular-searches__label {
color: var(--ly-muted);
font-size: 12px;
}
.ly-popular-searches a {
padding: 7px 11px;
border: 1px solid rgba(228, 232, 240, 0.88);
border-radius: 999px;
background: rgba(255, 255, 255, 0.8);
color: #526176;
font-size: 11px;
line-height: 1.2;
text-decoration: none;
transition: border-color 140ms ease, color 140ms ease, background-color 140ms ease;
}
.ly-popular-searches a:hover,
.ly-popular-searches a:focus-visible {
border-color: #cad5fb;
background: #fff;
color: var(--ly-blue);
}
.ly-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 11px;
margin-top: 25px;
}
.ly-hero-diagnosis {
margin: 13px 0 0;
font-size: 13px;
font-weight: 650;
}
.ly-hero-diagnosis a {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--ly-blue);
text-decoration: none;
}
.ly-hero-diagnosis a:hover,
.ly-hero-diagnosis a:focus-visible {
color: var(--ly-ink);
text-decoration: underline;
text-underline-offset: 3px;
}
.ly-button {
display: inline-flex;
min-height: 48px;
align-items: center;
justify-content: center;
gap: 13px;
padding: 0 20px;
border: 1px solid transparent;
border-radius: 13px;
font-size: 14px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.ly-button:hover,
.ly-button:focus-visible {
transform: translateY(-1px);
}
.ly-button--primary {
background: var(--ly-ink);
box-shadow: 0 12px 28px rgba(10, 16, 32, 0.16);
color: #fff;
}
.ly-button--primary:hover,
.ly-button--primary:focus-visible {
background: #182239;
color: #fff;
}
.ly-button--secondary {
border-color: #d9dee8;
background: rgba(255, 255, 255, 0.76);
color: var(--ly-copy);
}
.ly-button--secondary:hover,
.ly-button--secondary:focus-visible {
border-color: #c7cfdd;
background: #fff;
color: var(--ly-ink);
}
.ly-trust-list {
display: flex;
flex-wrap: wrap;
gap: 25px;
margin: 24px 0 0;
padding: 0;
list-style: none;
}
.ly-trust-list li {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--ly-muted);
font-size: 12px;
}
.ly-trust-list li > span {
position: relative;
width: 22px;
height: 22px;
border-radius: 50%;
background: #e0f7f0;
}
.ly-trust-list li > span::after {
position: absolute;
top: 6px;
left: 6px;
width: 9px;
height: 5px;
border-bottom: 2px solid #169d74;
border-left: 2px solid #169d74;
content: "";
transform: rotate(-45deg);
}
.ly-hero__visual {
position: relative;
z-index: 3;
display: flex;
min-width: 0;
align-items: center;
justify-content: center;
}
.ly-hero__visual > img {
display: block;
width: 100%;
max-width: 560px;
max-height: 560px;
border-radius: 30px;
object-fit: cover;
box-shadow: 0 30px 72px rgba(15, 23, 42, 0.16);
}
.ly-capability-map {
position: relative;
width: min(100%, 560px);
aspect-ratio: 1;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 34px;
background:
radial-gradient(circle at 50% 46%, rgba(74, 105, 246, 0.11), transparent 34%),
radial-gradient(circle at 82% 83%, rgba(32, 180, 134, 0.12), transparent 26%),
rgba(255, 255, 255, 0.76);
box-shadow:
0 34px 74px rgba(18, 31, 53, 0.12),
inset 0 0 0 1px rgba(255, 255, 255, 0.45);
isolation: isolate;
}
.ly-capability-map__grid {
position: absolute;
inset: 0;
z-index: -2;
background-image:
linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px);
background-size: 28px 28px;
mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
-webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}
.ly-capability-map__ring {
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
border: 1px solid rgba(49, 94, 251, 0.13);
border-radius: 50%;
transform: translate(-50%, -50%);
}
.ly-capability-map__ring::before,
.ly-capability-map__ring::after {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--ly-blue);
box-shadow: 0 0 0 5px rgba(49, 94, 251, 0.08);
content: "";
}
.ly-capability-map__ring::before {
top: 14%;
left: 12%;
}
.ly-capability-map__ring::after {
right: 8%;
bottom: 19%;
background: var(--ly-mint);
box-shadow: 0 0 0 5px rgba(32, 180, 134, 0.08);
}
.ly-capability-map__ring--outer {
width: 430px;
height: 430px;
border-style: dashed;
animation: ly-ring-turn 52s linear infinite;
}
.ly-capability-map__ring--inner {
width: 310px;
height: 310px;
border-color: rgba(15, 23, 42, 0.08);
}
.ly-capability-map__core {
position: absolute;
z-index: 4;
top: 50%;
left: 50%;
display: flex;
width: 224px;
min-height: 206px;
align-items: flex-start;
justify-content: center;
padding: 28px 26px 24px;
border: 1px solid rgba(255, 255, 255, 0.11);
border-radius: 27px;
background:
linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent 42%),
#10182a;
box-shadow: 0 27px 58px rgba(15, 23, 42, 0.24);
color: #fff;
flex-direction: column;
text-decoration: none;
transform: translate(-50%, -50%);
}
.ly-capability-map__core::before {
position: absolute;
top: 18px;
right: 18px;
width: 7px;
height: 7px;
border-radius: 50%;
background: #43d9a8;
box-shadow: 0 0 0 5px rgba(67, 217, 168, 0.12);
content: "";
}
.ly-capability-map__core > small {
margin-bottom: 14px;
color: #93a5c8;
font-size: 9px;
font-weight: 760;
letter-spacing: 1.45px;
text-transform: uppercase;
}
.ly-capability-map__core > strong {
font-size: 23px;
font-weight: 760;
line-height: 1.2;
letter-spacing: -0.7px;
}
.ly-capability-map__core > p {
margin: 11px 0 19px;
color: #aebbd3;
font-size: 11px;
line-height: 1.65;
}
.ly-capability-map__core > span {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 7px 10px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 999px;
background: rgba(255, 255, 255, 0.06);
color: #d8e1f1;
font-size: 9px;
font-weight: 650;
}
.ly-capability-map__core > span i {
width: 6px;
height: 6px;
border-radius: 50%;
background: #43d9a8;
}
.ly-capability-map__nodes {
position: absolute;
inset: 0;
z-index: 5;
margin: 0;
padding: 0;
list-style: none;
}
.ly-capability-map__node {
position: absolute;
display: flex;
width: 142px;
min-height: 66px;
align-items: center;
gap: 10px;
padding: 11px 12px;
border: 1px solid rgba(220, 225, 234, 0.86);
border-radius: 16px;
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 13px 32px rgba(18, 31, 53, 0.1);
color: inherit;
text-decoration: none;
animation: ly-node-float 5.6s ease-in-out infinite;
}
.ly-capability-map__node > span {
display: inline-flex;
width: 35px;
height: 35px;
flex: 0 0 auto;
align-items: center;
justify-content: center;
border-radius: 11px;
background: #ecf1ff;
color: var(--ly-blue);
font-size: 10px;
font-style: normal;
font-weight: 800;
}
.ly-capability-map__node > div {
min-width: 0;
}
.ly-capability-map__node b,
.ly-capability-map__node small {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ly-capability-map__node b {
color: #1a2438;
font-size: 12px;
font-weight: 740;
}
.ly-capability-map__node small {
margin-top: 4px;
color: #7b879b;
font-size: 9px;
}
.ly-capability-map__node.is-windows > span,
.ly-capability-map__node.is-website > span {
background: #edf2ff;
color: #315efb;
}
.ly-capability-map__node.is-server > span {
background: #edf8f5;
color: #168f6c;
}
.ly-capability-map__node.is-ai > span {
background: #f1edff;
color: var(--ly-violet);
}
.ly-capability-map__node.is-resource > span {
background: #fff4e8;
color: #d37a1d;
}
.ly-capability-map__node.is-member > span {
background: #fff0f2;
color: #d84c68;
}
.ly-capability-map__node--1 {
top: 29px;
left: 42px;
}
.ly-capability-map__node--2 {
top: 24px;
right: 36px;
animation-delay: -1.2s;
}
.ly-capability-map__node--3 {
top: 220px;
right: 4px;
animation-delay: -2.4s;
}
.ly-capability-map__node--4 {
right: 37px;
bottom: 52px;
animation-delay: -3.2s;
}
.ly-capability-map__node--5 {
right: 206px;
bottom: 16px;
animation-delay: -4.1s;
}
.ly-capability-map__node--6 {
bottom: 54px;
left: 10px;
animation-delay: -2s;
}
.ly-capability-map__node--7 {
top: 220px;
left: 3px;
animation-delay: -3.7s;
}
@keyframes ly-ring-turn {
to {
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes ly-node-float {
0%,
100% {
margin-top: 0;
}
50% {
margin-top: -5px;
}
}
@media (max-width: 1240px) {
.ly-site-header__inner {
gap: 18px;
}
.ly-primary-nav {
gap: 12px;
}
.ly-hero {
padding-right: 44px;
padding-left: 44px;
grid-template-columns: minmax(0, 1fr) minmax(430px, 0.9fr);
gap: 36px;
}
}
@media (max-width: 1180px) {
.ly-site-header {
height: 70px;
}
.ly-site-header__inner {
position: relative;
}
.ly-menu-toggle {
display: block;
}
.ly-primary-nav {
position: absolute;
z-index: 90;
top: 62px;
right: 0;
left: 0;
display: none;
align-items: stretch;
padding: 12px;
border: 1px solid var(--ly-line);
border-radius: 18px;
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 20px 52px rgba(18, 31, 53, 0.16);
flex-direction: column;
gap: 0;
}
.ly-primary-nav.is-open {
display: flex;
}
.ly-primary-nav a {
padding: 11px 14px;
border-radius: 10px;
}
.ly-primary-nav a::after {
display: none;
}
.ly-primary-nav a:hover,
.ly-primary-nav a:focus-visible {
background: #f4f6fb;
}
}
@media (max-width: 980px) {
.ly-hero {
min-height: auto;
padding: 64px 44px 54px;
grid-template-columns: minmax(0, 1fr);
gap: 54px;
}
.ly-hero__copy {
max-width: 760px;
}
.ly-hero__visual {
width: 100%;
max-width: 620px;
margin: 0 auto;
}
}
@media (max-width: 640px) {
.ly-layout {
width: min(100% - 24px, 520px);
}
.ly-site-header__inner {
width: calc(100% - 32px);
}
.ly-brand__mark {
width: 38px;
height: 38px;
}
.ly-brand__name {
font-size: 18px;
}
.ly-header-actions {
gap: 6px;
}
.ly-icon-link--cart {
display: none;
}
.ly-hero {
margin-top: 12px;
margin-bottom: 34px;
padding: 42px 16px 16px;
border-radius: 28px;
gap: 38px;
}
.ly-hero::after {
top: -100px;
right: -120px;
width: 270px;
height: 270px;
}
.ly-eyebrow {
margin-bottom: 19px;
font-size: 10px;
}
.ly-hero h1 {
font-size: clamp(39px, 11.2vw, 47px);
line-height: 1.08;
letter-spacing: -2px;
}
.ly-hero__description {
margin: 21px 0 27px;
font-size: 13px;
line-height: 1.78;
}
.ly-smart-search {
width: 100%;
min-height: 64px;
padding: 8px 8px 8px 46px;
border-radius: 18px;
}
.ly-smart-search__icon {
top: 23px;
left: 19px;
width: 14px;
height: 14px;
}
.ly-smart-search input {
height: 46px;
font-size: 13px;
}
.ly-smart-search button {
min-width: 82px;
height: 48px;
padding: 0 13px;
border-radius: 14px;
font-size: 12px;
}
.ly-popular-searches {
width: 100%;
max-width: 100%;
gap: 7px;
}
.ly-popular-searches a {
padding: 7px 10px;
font-size: 10px;
}
.ly-hero-actions {
margin-top: 22px;
}
.ly-hero-diagnosis {
margin-top: 12px;
font-size: 12px;
}
.ly-button {
min-height: 46px;
padding: 0 17px;
font-size: 13px;
}
.ly-trust-list {
gap: 16px;
margin-top: 23px;
}
.ly-trust-list li {
font-size: 10px;
}
.ly-trust-list li > span {
width: 21px;
height: 21px;
}
.ly-trust-list li > span::after {
top: 6px;
left: 6px;
}
.ly-search-results {
right: -2px;
left: -2px;
padding: 14px;
}
.ly-search-results__item {
gap: 10px;
padding: 10px;
}
.ly-search-results__meta {
display: none;
}
.ly-capability-map {
width: 100%;
aspect-ratio: auto;
padding: 16px;
border-radius: 24px;
}
.ly-capability-map__grid {
mask-image: none;
-webkit-mask-image: none;
opacity: 0.65;
}
.ly-capability-map__ring {
display: none;
}
.ly-capability-map__core {
position: relative;
top: auto;
left: auto;
width: 100%;
min-height: 174px;
padding: 23px 22px;
border-radius: 22px;
transform: none;
}
.ly-capability-map__core > strong {
font-size: 21px;
}
.ly-capability-map__core > p {
margin: 9px 0 15px;
}
.ly-capability-map__nodes {
position: relative;
inset: auto;
display: grid;
margin-top: 12px;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
}
.ly-capability-map__node {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
width: auto;
min-width: 0;
min-height: 62px;
padding: 10px;
animation: none;
}
.ly-capability-map__node > span {
width: 32px;
height: 32px;
border-radius: 10px;
}
.ly-capability-map__node--7 {
grid-column: 1 / -1;
}
}
@media (prefers-reduced-motion: reduce) {
.ly-header-hero-shell *,
.ly-header-hero-shell *::before,
.ly-header-hero-shell *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
} .ly-header-hero-shell {
--ly-ink: var(--ly-color-ink, #090f1f);
--ly-copy: var(--ly-color-copy, #344054);
--ly-muted: var(--ly-color-muted, #667085);
--ly-line: var(--ly-color-line, #e6eaf0);
--ly-soft-line: rgba(15, 23, 42, 0.075);
--ly-blue: var(--ly-color-brand, #315efb);
--ly-blue-dark: var(--ly-color-brand-hover, #244bd5);
--ly-mint: var(--ly-color-success, #20a47a);
--ly-violet: var(--ly-color-violet, #7559ee);
--ly-surface: var(--ly-color-surface, #f6f8fb);
font-family: var(--ly-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif);
}
.ly-site-header {
height: 80px;
border-color: rgba(9, 15, 31, 0.075);
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
.ly-brand__mark {
width: 42px;
height: 42px;
border-radius: 13px;
background: linear-gradient(145deg, #315efb 0%, #416eff 48%, #20a47a 100%);
box-shadow: 0 10px 24px rgba(49, 94, 251, 0.22);
}
.ly-brand__name {
font-size: 20px;
font-weight: 780;
letter-spacing: -0.6px;
}
.ly-primary-nav a {
color: #3d485a;
font-weight: 640;
transition: color var(--ly-duration-fast, 160ms) ease;
}
.ly-primary-nav a::after {
bottom: 19px;
height: 2px;
background: linear-gradient(90deg, var(--ly-blue), #6582ff);
}
.ly-icon-link {
border-color: rgba(9, 15, 31, 0.035);
background: #f4f6f9;
transition:
border-color var(--ly-duration-fast, 160ms) ease,
background-color var(--ly-duration-fast, 160ms) ease,
box-shadow var(--ly-duration-fast, 160ms) ease,
transform var(--ly-duration-fast, 160ms) var(--ly-ease-standard, ease);
}
.ly-icon-link:hover,
.ly-icon-link:focus-visible {
border-color: rgba(49, 94, 251, 0.16);
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
transform: translateY(-2px);
}
.ly-hero {
min-height: 728px;
margin-top: 20px;
margin-bottom: 64px;
padding: clamp(68px, 6vw, 92px) clamp(52px, 5.8vw, 82px);
overflow: hidden;
border-color: rgba(9, 15, 31, 0.075);
border-radius: 40px;
background:
radial-gradient(circle at 88% 11%, rgba(76, 111, 255, 0.18), transparent 26%),
radial-gradient(circle at 92% 89%, rgba(32, 164, 122, 0.16), transparent 28%),
radial-gradient(circle at 2% 92%, rgba(117, 89, 238, 0.06), transparent 23%),
linear-gradient(136deg, #fafbff 0%, #f5f7fc 53%, #f5fbf8 100%);
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.9) inset,
0 30px 80px rgba(15, 23, 42, 0.07);
grid-template-columns: minmax(0, 1.06fr) minmax(480px, 0.94fr);
}
.ly-hero::before {
background-image:
linear-gradient(rgba(15, 23, 42, 0.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(15, 23, 42, 0.025) 1px, transparent 1px);
background-size: 26px 26px;
opacity: 0.7;
mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.28), #000 58%, #000);
-webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.28), #000 58%, #000);
}
.ly-hero::after {
top: -188px;
right: -148px;
width: 430px;
height: 430px;
border-color: rgba(49, 94, 251, 0.11);
box-shadow: 0 0 0 52px rgba(49, 94, 251, 0.025);
}
.ly-eyebrow {
gap: 10px;
margin-bottom: 27px;
padding: 9px 14px;
border-color: rgba(255, 255, 255, 0.95);
background: rgba(255, 255, 255, 0.82);
box-shadow:
0 8px 24px rgba(15, 23, 42, 0.055),
inset 0 0 0 1px rgba(49, 94, 251, 0.04);
color: #344054;
font-size: 11px;
font-weight: 720;
letter-spacing: 0.18px;
}
.ly-eyebrow > span {
background: var(--ly-mint);
box-shadow: 0 0 0 5px rgba(32, 164, 122, 0.11);
}
.ly-hero h1 {
max-width: 720px;
font-size: clamp(54px, 4.45vw, 72px);
font-weight: 830;
line-height: 1.035;
letter-spacing: -3.6px;
}
.ly-hero h1 > span:last-child {
width: fit-content;
max-width: 100%;
background: linear-gradient(100deg, #090f1f 5%, #315efb 63%, #258d76 110%);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
.ly-hero__description {
max-width: 660px;
margin: 28px 0 33px;
color: #5d697b;
font-size: 16px;
line-height: 1.86;
}
.ly-smart-search {
min-height: 74px;
padding-left: 58px;
border-color: rgba(208, 215, 226, 0.9);
border-radius: 21px;
box-shadow:
0 20px 55px rgba(18, 31, 53, 0.12);
transition:
border-color var(--ly-duration-fast, 160ms) ease,
box-shadow var(--ly-duration-standard, 260ms) var(--ly-ease-standard, ease),
transform var(--ly-duration-standard, 260ms) var(--ly-ease-standard, ease);
}
.ly-smart-search:focus-within {
border-color: rgba(49, 94, 251, 0.62);
box-shadow:
0 24px 64px rgba(49, 94, 251, 0.15),
0 0 0 4px rgba(49, 94, 251, 0.07);
transform: translateY(-1px);
}
.ly-smart-search button {
min-width: 108px;
border-radius: 15px;
background: linear-gradient(135deg, var(--ly-blue), #416eff);
box-shadow: 0 10px 24px rgba(49, 94, 251, 0.24);
transition:
background-color var(--ly-duration-fast, 160ms) ease,
box-shadow var(--ly-duration-fast, 160ms) ease,
transform var(--ly-duration-fast, 160ms) var(--ly-ease-standard, ease);
}
.ly-smart-search button:hover,
.ly-smart-search button:focus-visible {
background: linear-gradient(135deg, var(--ly-blue-dark), #315efb);
box-shadow: 0 13px 28px rgba(49, 94, 251, 0.28);
transform: translateY(-2px);
}
.ly-popular-searches {
margin-top: 18px;
gap: 9px;
}
.ly-popular-searches a {
border-color: rgba(219, 225, 234, 0.92);
background: rgba(255, 255, 255, 0.75);
transition:
border-color var(--ly-duration-fast, 160ms) ease,
color var(--ly-duration-fast, 160ms) ease,
background-color var(--ly-duration-fast, 160ms) ease,
transform var(--ly-duration-fast, 160ms) var(--ly-ease-standard, ease);
}
.ly-popular-searches a:hover,
.ly-popular-searches a:focus-visible {
border-color: rgba(49, 94, 251, 0.26);
box-shadow: 0 7px 18px rgba(49, 94, 251, 0.08);
transform: translateY(-1px);
}
.ly-button {
min-height: 50px;
padding: 0 22px;
border-radius: 14px;
font-weight: 720;
transition:
border-color var(--ly-duration-fast, 160ms) ease,
background-color var(--ly-duration-fast, 160ms) ease,
box-shadow var(--ly-duration-fast, 160ms) ease,
transform var(--ly-duration-fast, 160ms) var(--ly-ease-standard, ease);
}
.ly-button:hover,
.ly-button:focus-visible {
transform: translateY(-2px);
}
.ly-button--primary {
background: linear-gradient(135deg, var(--ly-blue), #416eff);
box-shadow: 0 13px 30px rgba(49, 94, 251, 0.24);
}
.ly-button--primary:hover,
.ly-button--primary:focus-visible {
background: linear-gradient(135deg, var(--ly-blue-dark), #315efb);
box-shadow: 0 17px 36px rgba(49, 94, 251, 0.28);
}
.ly-button--secondary {
border-color: rgba(207, 214, 225, 0.95);
background: rgba(255, 255, 255, 0.78);
box-shadow: 0 7px 20px rgba(15, 23, 42, 0.04);
}
.ly-trust-list {
gap: 28px;
margin-top: 26px;
}
.ly-trust-list li {
color: #5e6a7b;
font-weight: 560;
}
.ly-trust-list li > span {
background: #e7f7f1;
box-shadow: inset 0 0 0 1px rgba(32, 164, 122, 0.08);
}
.ly-capability-map {
width: min(100%, 578px);
border-color: rgba(255, 255, 255, 0.95);
border-radius: 38px;
background:
radial-gradient(circle at 50% 45%, rgba(74, 105, 246, 0.14), transparent 34%),
radial-gradient(circle at 82% 83%, rgba(32, 164, 122, 0.14), transparent 27%),
rgba(255, 255, 255, 0.79);
box-shadow:
0 38px 90px rgba(18, 31, 53, 0.15),
inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}
.ly-capability-map__core {
width: 232px;
min-height: 214px;
border-radius: 29px;
background:
radial-gradient(circle at 90% 10%, rgba(72, 103, 255, 0.22), transparent 30%),
linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent 42%),
#0d1527;
box-shadow:
0 31px 70px rgba(15, 23, 42, 0.29),
inset 0 1px 0 rgba(255, 255, 255, 0.08);
transition:
border-color var(--ly-duration-fast, 160ms) ease,
box-shadow var(--ly-duration-fast, 160ms) ease,
transform var(--ly-duration-fast, 160ms) var(--ly-ease-standard, ease);
}
.ly-capability-map__core > strong {
font-size: 24px;
letter-spacing: -0.9px;
}
.ly-capability-map__node {
border-color: rgba(213, 220, 231, 0.82);
background: rgba(255, 255, 255, 0.94);
box-shadow:
0 15px 38px rgba(18, 31, 53, 0.115),
inset 0 1px 0 rgba(255, 255, 255, 0.88);
animation: ly-node-float 6.8s var(--ly-ease-standard, ease) infinite;
transition:
border-color var(--ly-duration-fast, 160ms) ease,
box-shadow var(--ly-duration-standard, 260ms) var(--ly-ease-standard, ease);
will-change: transform;
}
.ly-capability-map__core:focus-visible,
.ly-capability-map__node:focus-visible {
outline: 3px solid rgba(49, 94, 251, 0.34);
outline-offset: 3px;
}
@media (hover: hover) {
.ly-capability-map__core:hover {
border-color: rgba(112, 139, 255, 0.34);
color: #fff;
box-shadow:
0 35px 76px rgba(15, 23, 42, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
transform: translate(-50%, calc(-50% - 3px));
}
.ly-capability-map__node:hover,
.ly-capability-map__node:focus-visible {
border-color: rgba(49, 94, 251, 0.25);
box-shadow:
0 19px 42px rgba(18, 31, 53, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.9);
animation-play-state: paused;
transform: translateY(-3px);
}
}
.ly-capability-map__node > span {
border: 1px solid rgba(49, 94, 251, 0.06);
border-radius: 12px;
}
.ly-capability-map__ring--outer {
animation-duration: 68s;
}
@keyframes ly-node-float {
0%,
100% {
transform: translate3d(0, 0, 0);
}
50% {
transform: translate3d(0, -5px, 0);
}
}
@media (max-width: 1240px) {
.ly-hero {
grid-template-columns: minmax(0, 1fr) minmax(440px, 0.9fr);
}
}
@media (min-width: 981px) and (max-width: 1199px) {
.ly-hero h1 {
font-size: clamp(44px, 4.3vw, 52px);
letter-spacing: -2.4px;
}
}
@media (max-width: 980px) {
.ly-site-header {
height: 72px;
}
.ly-hero {
min-height: auto;
margin-bottom: 48px;
padding: 66px 46px 58px;
border-radius: 34px;
grid-template-columns: minmax(0, 1fr);
}
.ly-hero h1 {
max-width: 740px;
}
}
@media (max-width: 640px) {
.ly-site-header {
height: 68px;
}
.ly-brand__mark {
width: 38px;
height: 38px;
}
.ly-hero {
margin-top: 10px;
margin-bottom: 34px;
padding: 38px 18px 18px;
border-radius: 28px;
gap: 30px;
box-shadow: 0 18px 48px rgba(15, 23, 42, 0.055);
}
.ly-hero::before {
background-size: 22px 22px;
}
.ly-eyebrow {
margin-bottom: 19px;
padding: 8px 11px;
font-size: 9px;
}
.ly-hero h1 {
font-size: clamp(28px, 9.1vw, 35.5px);
line-height: 1.15;
letter-spacing: -1.7px;
}
.ly-hero h1 > span {
width: max-content;
max-width: 100%;
white-space: nowrap;
}
.ly-hero__description {
margin: 20px 0 24px;
font-size: 13px;
line-height: 1.78;
}
.ly-smart-search {
min-height: 62px;
padding: 7px 7px 7px 45px;
border-radius: 17px;
}
.ly-smart-search__icon {
top: 22px;
}
.ly-smart-search input {
height: 46px;
font-size: 12px;
}
.ly-smart-search button {
min-width: 82px;
height: 46px;
padding: 0 12px;
border-radius: 13px;
box-shadow: 0 8px 20px rgba(49, 94, 251, 0.2);
}
.ly-popular-searches {
margin-top: 14px;
gap: 6px;
}
.ly-hero-actions {
margin-top: 20px;
gap: 10px;
}
.ly-hero-diagnosis {
margin-top: 11px;
}
.ly-button {
min-height: 47px;
padding: 0 18px;
}
.ly-trust-list {
margin-top: 21px;
gap: 14px 18px;
}
.ly-hero__visual {
margin-top: 2px;
}
.ly-capability-map {
padding: 14px;
border-radius: 25px;
box-shadow: 0 24px 58px rgba(18, 31, 53, 0.12);
}
.ly-capability-map__core {
min-height: 160px;
padding: 21px 20px;
}
.ly-capability-map__core:hover,
.ly-capability-map__core:focus-visible {
transform: translateY(-2px);
}
.ly-capability-map__nodes {
margin-top: 10px;
gap: 8px;
}
.ly-capability-map__node {
min-height: 58px;
animation: none;
will-change: auto;
}
} .ly-header-hero-shell .ly-hero {
width: min(1440px, calc(100% - 24px));
min-height: 608px;
margin-top: 18px;
margin-bottom: 46px;
padding: clamp(48px, 4.2vw, 60px) clamp(42px, 3.8vw, 54px);
border-radius: 32px;
background:
radial-gradient(circle at 91% 16%, rgba(76, 111, 255, 0.1), transparent 24%),
radial-gradient(circle at 94% 88%, rgba(32, 164, 122, 0.08), transparent 23%),
linear-gradient(136deg, #fbfcff 0%, #f6f8fb 64%, #f8fbfa 100%);
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.9) inset,
0 22px 56px rgba(15, 23, 42, 0.055);
grid-template-columns: minmax(0, 1.8fr) minmax(430px, 1fr);
gap: clamp(32px, 3vw, 44px);
}
.ly-header-hero-shell .ly-hero::before {
opacity: 0.42;
}
.ly-header-hero-shell .ly-hero::after {
top: -148px;
right: -132px;
width: 352px;
height: 352px;
box-shadow: 0 0 0 38px rgba(49, 94, 251, 0.018);
}
.ly-header-hero-shell .ly-eyebrow {
margin-bottom: 20px;
}
.ly-header-hero-shell .ly-hero h1 {
max-width: none;
font-size: clamp(46px, 3.9vw, 60px);
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.06em;
}
.ly-header-hero-shell .ly-hero h1 > span {
width: auto;
max-width: 100%;
background: none;
-webkit-text-fill-color: currentColor;
}
.ly-header-hero-shell .ly-hero h1 > span:first-child {
color: var(--ly-ink);
}
.ly-header-hero-shell .ly-hero h1 > span:last-child {
margin-top: 0.11em;
background: none;
color: var(--ly-blue);
}
.ly-header-hero-shell .ly-hero__description {
max-width: 620px;
margin: 19px 0 0;
color: #5d697b;
font-size: 16px;
line-height: 1.72;
}
.ly-header-hero-shell .ly-hero-actions {
margin-top: 25px;
gap: 10px;
}
.ly-header-hero-shell .ly-hero .ly-button {
min-height: 48px;
padding: 0 19px;
border-radius: 13px;
}
.ly-header-hero-shell .ly-hero .ly-button--primary {
background: var(--ly-blue);
box-shadow: 0 10px 22px rgba(49, 94, 251, 0.18);
}
.ly-header-hero-shell .ly-hero .ly-button--primary:hover,
.ly-header-hero-shell .ly-hero .ly-button--primary:focus-visible {
background: var(--ly-blue-dark);
box-shadow: 0 12px 26px rgba(49, 94, 251, 0.22);
}
.ly-header-hero-shell .ly-hero .ly-button--secondary {
border-color: #d5dce8;
background: rgba(255, 255, 255, 0.78);
box-shadow: none;
color: #344054;
}
.ly-header-hero-shell .ly-hero-consult {
margin: 12px 0 0;
font-size: 13px;
font-weight: 650;
line-height: 1.4;
}
.ly-header-hero-shell .ly-hero-consult a {
display: inline-flex;
align-items: center;
gap: 6px;
color: #4766bd;
text-decoration: none;
}
.ly-header-hero-shell .ly-hero-consult a:hover,
.ly-header-hero-shell .ly-hero-consult a:focus-visible {
color: var(--ly-blue-dark);
text-decoration: underline;
text-underline-offset: 3px;
}
.ly-header-hero-shell .ly-smart-search {
width: min(100%, 556px);
min-height: 58px;
margin-top: 24px;
padding: 7px 7px 7px 46px;
border-color: rgba(211, 218, 229, 0.92);
border-radius: 16px;
box-shadow: 0 8px 22px rgba(18, 31, 53, 0.055);
}
.ly-header-hero-shell .ly-smart-search:focus-within {
box-shadow: 0 10px 28px rgba(49, 94, 251, 0.1);
transform: none;
}
.ly-header-hero-shell .ly-smart-search__icon {
top: 20px;
left: 18px;
width: 15px;
height: 15px;
}
.ly-header-hero-shell .ly-smart-search input,
.ly-header-hero-shell .ly-smart-search input[type="search"],
.ly-header-hero-shell .ly-smart-search input[type="search"]:focus {
height: 42px;
font-size: 14px;
}
.ly-header-hero-shell .ly-smart-search button {
min-width: 86px;
height: 42px;
padding: 0 15px;
border-radius: 11px;
box-shadow: none;
font-size: 13px;
}
.ly-header-hero-shell .ly-popular-searches {
max-width: 556px;
margin-top: 10px;
gap: 7px;
}
.ly-header-hero-shell .ly-popular-searches a {
padding: 6px 9px;
box-shadow: none;
font-size: 10px;
}
.ly-header-hero-shell .ly-trust-list {
margin-top: 20px;
gap: 18px;
}
.ly-header-hero-shell .ly-hero__visual {
max-width: 478px;
justify-self: end;
}
.ly-header-hero-shell .ly-capability-map {
width: min(100%, 478px);
border-radius: 30px;
box-shadow:
0 22px 52px rgba(18, 31, 53, 0.1),
inset 0 0 0 1px rgba(255, 255, 255, 0.58);
}
@media (min-width: 1121px) {
.ly-header-hero-shell .ly-hero h1 > span {
white-space: nowrap;
}
}
@media (min-width: 1121px) and (max-width: 1320px) {
.ly-header-hero-shell .ly-hero h1 {
font-size: clamp(46px, 3.65vw, 50px);
}
}
@media (max-width: 1120px) {
.ly-header-hero-shell .ly-hero {
min-height: auto;
padding: 54px 48px 46px;
grid-template-columns: minmax(0, 1fr);
gap: 34px;
}
.ly-header-hero-shell .ly-hero__copy {
max-width: 760px;
}
.ly-header-hero-shell .ly-hero__visual {
width: 100%;
max-width: 450px;
margin: 0 auto;
justify-self: center;
}
}
@media (max-width: 640px) {
.ly-header-hero-shell .ly-hero {
margin-top: 10px;
margin-bottom: 34px;
padding: 36px 20px 22px;
border-radius: 26px;
gap: 28px;
}
.ly-header-hero-shell .ly-eyebrow {
margin-bottom: 17px;
}
.ly-header-hero-shell .ly-hero h1 {
font-size: clamp(31px, 8.7vw, 36px);
line-height: 1.15;
letter-spacing: -0.052em;
}
.ly-header-hero-shell .ly-hero h1 > span {
width: auto;
white-space: normal;
}
.ly-header-hero-shell .ly-hero__description {
max-width: 34ch;
margin-top: 18px;
font-size: 13px;
line-height: 1.72;
}
.ly-header-hero-shell .ly-hero-actions {
margin-top: 21px;
gap: 9px;
}
.ly-header-hero-shell .ly-hero .ly-button {
min-height: 46px;
padding: 0 16px;
}
.ly-header-hero-shell .ly-hero-consult {
margin-top: 11px;
font-size: 12px;
}
.ly-header-hero-shell .ly-smart-search {
width: 100%;
min-height: 56px;
margin-top: 20px;
padding-left: 42px;
border-radius: 15px;
}
.ly-header-hero-shell .ly-smart-search__icon {
top: 19px;
left: 16px;
width: 14px;
height: 14px;
}
.ly-header-hero-shell .ly-smart-search input,
.ly-header-hero-shell .ly-smart-search input[type="search"],
.ly-header-hero-shell .ly-smart-search input[type="search"]:focus {
height: 40px;
font-size: 12px;
}
.ly-header-hero-shell .ly-smart-search button {
min-width: 76px;
height: 40px;
padding: 0 11px;
font-size: 12px;
}
.ly-header-hero-shell .ly-popular-searches {
margin-top: 9px;
}
.ly-header-hero-shell .ly-trust-list {
margin-top: 18px;
gap: 12px 16px;
}
.ly-header-hero-shell .ly-hero__visual {
max-width: 390px;
margin-top: 0;
}
.ly-header-hero-shell .ly-capability-map {
width: 100%;
border-radius: 24px;
box-shadow: 0 16px 38px rgba(18, 31, 53, 0.085);
}
}