.elx-section { background: var(--neutral-ultra-dark, #1a1a1a); color: #fff; padding: clamp(48px, 7vw, 96px) 16px; } .elx-section--alt { background: var(--neutral-dark, #404040); } .elx-inner { max-width: 1200px; margin: 0 auto; } .elx-eyebrow { color: var(--action-light, #b6d1fb); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: 14px; margin: 0 0 8px; } .elx-h2 { color: #fff; font-size: clamp(29px, 3.5vw, 42px); line-height: 1.15; margin: 0 0 12px; } .elx-lede { color: rgba(255,255,255,.82); font-size: 18px; max-width: 60ch; margin: 0 0 32px; } .elx-hero-cta { display: flex; flex-wrap: wrap; gap: 12px 16px; margin-top: 28px; align-items: center; } .elx-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 26px; border-radius: 6px; font-weight: 700; font-size: 17px; line-height: 1.2; text-decoration: none; text-align: center; transition: transform .15s ease, background-color .15s ease, color .15s ease; } .elx-btn:hover, .elx-btn:focus-visible { transform: translateY(-1px); } .elx-btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; } .elx-btn--primary { background: var(--action, #307cf4); color: #fff; border: 2px solid var(--action, #307cf4); } .elx-btn--primary:hover { background: var(--action-dark, #063279); border-color: var(--action-dark, #063279); color: #fff; } .elx-btn--ghost { background: rgba(0,0,0,.35); color: #fff; border: 2px solid #fff; } .elx-btn--ghost:hover { background: #fff; color: #111; } .elx-link { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; } @media (max-width: 767px) { .elx-hero-cta { flex-direction: column; align-items: stretch; } .elx-btn { width: 100%; } }  .elx-ic { display: inline-grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 10px; color: var(--action-light, #b6d1fb); background: rgba(48,124,244,.14); border: 1px solid rgba(182,209,251,.22); } .elx-ic::before, .elx-g::before { content: ""; display: block; background: currentColor; -webkit-mask: var(--elx-i) center / contain no-repeat; mask: var(--elx-i) center / contain no-repeat; } .elx-ic::before { width: 22px; height: 22px; } .elx-g { display: inline-flex; flex: none; } .elx-g::before { width: 18px; height: 18px; } .elx-btn .elx-g { margin-right: 10px; } .elx-quote { margin: 0; padding: 4px 0 4px 18px; border-left: 3px solid var(--action, #307cf4); color: #fff; font-size: clamp(19px, 1.6vw, 22px); font-weight: 600; line-height: 1.4; max-width: 46ch; } .elx-link--arrow { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--action-light, #b6d1fb); text-decoration: none; } .elx-link--arrow .elx-g { transition: transform .15s ease; } .elx-link--arrow:hover { color: #fff; } .elx-link--arrow:hover .elx-g { transform: translateX(3px); } .elx-sub { margin: 28px 0 12px; font: 600 12.5px/1.3 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--action-light, #b6d1fb); }  .elx-lp { color: #fff; } .elx-lp img { max-width: 100%; display: block; } .elx-section--deep { background: #111; } .elx-h1 { color: #fff; font-size: clamp(36px, 4.6vw, 60px); line-height: 1.06; letter-spacing: -0.01em; margin: 0 0 18px; max-width: 16ch; } .elx-h3 { color: #fff; font-size: clamp(23px, 2.2vw, 30px); line-height: 1.2; margin: 0 0 14px; max-width: 30ch; } .elx-lp-hero { background: #111 radial-gradient(1200px 600px at 85% 0%, rgba(48,124,244,.22), transparent 60%); color: #fff; padding: clamp(36px, 6vw, 80px) 16px clamp(32px, 4vw, 48px); } .elx-lp-hero__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 5vw, 64px); align-items: center; } .elx-lp-hero .elx-lede { margin-bottom: 24px; } .elx-crumbs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px; font-size: 14px; color: rgba(255,255,255,.7); } .elx-crumbs a { color: rgba(255,255,255,.85); text-decoration: none; } .elx-crumbs a:hover { text-decoration: underline; } .elx-lp-hero__fig { margin: 0; position: relative; border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); } .elx-lp-hero__fig img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; } .elx-lp-hero__fig figcaption { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; gap: 6px; padding: 14px; background: linear-gradient(transparent, rgba(0,0,0,.75)); } .elx-lp-hero__fig figcaption span { padding: 4px 10px; border-radius: 99px; font: 600 12px/1.4 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: rgba(48,124,244,.55); border: 1px solid rgba(182,209,251,.35); } .elx-toc { display: flex; flex-wrap: wrap; gap: 8px; margin-top: clamp(28px, 4vw, 44px); padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); } .elx-toc a { padding: 8px 14px; border-radius: 99px; font-size: 14.5px; font-weight: 600; color: #fff; text-decoration: none; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.04); } .elx-toc a:hover { border-color: var(--action, #307cf4); background: rgba(48,124,244,.16); } .elx-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: start; } .elx-prose p { color: rgba(255,255,255,.8); font-size: 17px; line-height: 1.65; max-width: 62ch; margin: 0 0 14px; } .elx-sub--top { margin-top: 6px; } .elx-principles { list-style: none; margin: 0; padding: 0; counter-reset: p; border-top: 1px solid rgba(255,255,255,.14); } .elx-principles li { counter-increment: p; display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.14); } .elx-principles li::before { content: counter(p, decimal-leading-zero); grid-row: span 2; padding-top: 3px; font: 600 13px/1.2 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; color: var(--action-light, #b6d1fb); } .elx-principles strong { font-size: 16.5px; color: #fff; } .elx-principles span { color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.5; } .elx-chs { margin-top: clamp(24px, 3vw, 36px); } .elx-ch { display: grid; grid-template-columns: 150px minmax(0, 1fr) minmax(0, 330px); gap: clamp(20px, 4vw, 52px); padding-block: clamp(32px, 5vw, 56px); border-top: 1px solid rgba(255,255,255,.14); scroll-margin-top: 110px; } .elx-ch--text { grid-template-columns: 150px minmax(0, 1fr); } .elx-ch--text .elx-ch__body { max-width: 860px; } .elx-ch__meta { display: grid; gap: 6px; align-content: start; } .elx-ch__no { font-size: clamp(40px, 4vw, 56px); font-weight: 700; line-height: 1; letter-spacing: -0.03em; color: var(--action, #307cf4); } .elx-ch__kicker { font: 600 12.5px/1.3 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.6); } .elx-ch__body > p:not([class]) { color: rgba(255,255,255,.8); font-size: 17px; line-height: 1.65; max-width: 64ch; margin: 0 0 12px; } .elx-ch__fig { margin: 0; align-self: start; position: sticky; top: 110px; border-radius: 10px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); } .elx-ch__fig img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; } .elx-checks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 28px; } .elx-checks li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; color: #fff; font-size: 16px; line-height: 1.5; } .elx-checks li::before { content: ""; width: 18px; height: 18px; margin-top: 3px; border-radius: 4px; background: var(--action, #307cf4) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center / 13px no-repeat; } .elx-tech { list-style: none; margin: 24px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; } .elx-tech li { padding: 20px; border-radius: 10px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.14); } .elx-tech__k { margin: 14px 0 2px; font: 600 12.5px/1.3 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--action-light, #b6d1fb); } .elx-tech__t { margin: 0 0 6px; color: #fff; font-weight: 700; font-size: 17px; line-height: 1.3; } .elx-tech__d { margin: 0; color: rgba(255,255,255,.72); font-size: 15px; line-height: 1.5; } .elx-note { margin-top: 22px; padding: 18px 20px; max-width: 72ch; border-radius: 10px; color: rgba(255,255,255,.82); font-size: 16px; line-height: 1.6; background: rgba(48,124,244,.1); border: 1px solid rgba(182,209,251,.22); border-left: 3px solid var(--action, #307cf4); } .elx-note strong { color: #fff; } .elx-note--dev { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.16); border-left-color: var(--action-light, #b6d1fb); } .elx-scale { margin-top: 26px; } .elx-scale__bar { position: relative; height: 10px; border-radius: 99px; background: linear-gradient(90deg, rgba(255,255,255,.18) 0 33.3%, var(--action, #307cf4) 33.3% 66.6%, rgba(255,255,255,.18) 66.6%); } .elx-scale__mark { position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 5px rgba(48,124,244,.45); } .elx-scale__labels { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .elx-scale__labels strong { display: block; color: rgba(255,255,255,.75); font-size: 15.5px; } .elx-scale__labels span { display: block; margin-top: 4px; color: rgba(255,255,255,.62); font-size: 14.5px; line-height: 1.45; } .elx-scale__labels .is-target { text-align: center; } .elx-scale__labels .is-target strong { color: #fff; font-size: 17px; } .elx-scale__labels .is-target span { color: rgba(255,255,255,.85); } .elx-scale__labels li:last-child { text-align: right; } .elx-offer { margin-top: 10px; padding: clamp(18px, 3vw, 28px); border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.14); } .elx-offer .elx-sub:first-child { margin-top: 0; } .elx-offer__rows { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.14); } .elx-offer__rows li { display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: 8px 24px; padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.14); } .elx-offer__rows strong { display: block; color: #fff; font-size: 16.5px; } .elx-offer__rows em { display: inline-block; margin-top: 6px; padding: 2px 10px; border-radius: 99px; font-style: normal; font: 600 11.5px/1.5 ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: var(--action, #307cf4); } .elx-offer__rows li:nth-child(2) em { background: transparent; color: var(--action-light, #b6d1fb); box-shadow: inset 0 0 0 1px var(--action-light, #b6d1fb); } .elx-offer__rows li:nth-child(3) em { background: rgba(255,255,255,.14); } .elx-offer__rows span { color: rgba(255,255,255,.75); font-size: 15.5px; line-height: 1.55; } .elx-offer__q, .elx-needs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; } .elx-offer__q li, .elx-needs li { display: inline-flex; align-items: center; gap: 9px; min-height: 40px; padding: 0 14px; border-radius: 99px; color: #fff; font-size: 15px; font-weight: 600; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.04); } .elx-needs { margin-top: 22px; } .elx-needs .elx-g { color: var(--action-light, #b6d1fb); } .elx-offer__q li::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: var(--action, #307cf4); } .elx-examples { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .elx-examples li { padding: 22px 20px 24px; border-radius: 12px; background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.14); } .elx-examples h3 { margin: 16px 0 8px; color: #fff; font-size: 18px; line-height: 1.3; } .elx-examples p { margin: 0; color: rgba(255,255,255,.78); font-size: 15.5px; line-height: 1.55; } .elx-final { background: #111 radial-gradient(900px 500px at 10% 100%, rgba(48,124,244,.25), transparent 60%); } .elx-final__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(28px, 5vw, 72px); align-items: end; } .elx-final .elx-h2 { font-size: clamp(30px, 3.4vw, 44px); max-width: 20ch; } .elx-final__cta { display: grid; gap: 12px; } .elx-final__cta .elx-btn { width: 100%; } .elx-quick { display: grid; gap: 0; margin-top: 8px; } .elx-quick > span { display: flex; flex-wrap: wrap; gap: 0 22px; } .elx-quick a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #fff; font-weight: 600; font-size: 15.5px; text-decoration: none; } .elx-quick a:hover { text-decoration: underline; } .elx-quick .elx-g { color: var(--action-light, #b6d1fb); } @media (max-width: 1100px) { .elx-examples { grid-template-columns: repeat(2, minmax(0, 1fr)); } .elx-ch { grid-template-columns: 110px minmax(0, 1fr) minmax(0, 260px); } .elx-ch--text { grid-template-columns: 110px minmax(0, 1fr); } } @media (max-width: 900px) { .elx-lp-hero__grid, .elx-split, .elx-final__grid { grid-template-columns: minmax(0, 1fr); } .elx-ch, .elx-ch--text { grid-template-columns: minmax(0, 1fr); gap: 12px; } .elx-ch__meta { grid-auto-flow: column; justify-content: start; align-items: baseline; gap: 14px; } .elx-ch__fig { position: static; } .elx-ch__fig img { aspect-ratio: 16 / 9; } .elx-tech { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 767px) { .elx-checks, .elx-examples { grid-template-columns: minmax(0, 1fr); } .elx-offer__rows li { grid-template-columns: minmax(0, 1fr); } .elx-scale__labels { grid-template-columns: minmax(0, 1fr); gap: 10px; } .elx-scale__labels li, .elx-scale__labels li:last-child, .elx-scale__labels .is-target { text-align: left; } .elx-h1 { font-size: 34px; } } .elx-ic--target{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%2710%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%276%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%272%27/%3E%3C/svg%3E")} .elx-ic--sliders{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6%27/%3E%3C/svg%3E")} .elx-ic--shield{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M20 13c0 5-3.5 7.5-7.7 9a1 1 0 0 1-.6 0C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.2-2.7a1.2 1.2 0 0 1 1.6 0C14.5 3.8 17 5 19 5a1 1 0 0 1 1 1z%27/%3E%3Cpath d=%27m9 12 2 2 4-4%27/%3E%3C/svg%3E")} .elx-ic--clipboard{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%278%27 y=%272%27 width=%278%27 height=%274%27 rx=%271%27/%3E%3Cpath d=%27M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2%27/%3E%3Cpath d=%27M9 12h6M9 16h4%27/%3E%3C/svg%3E")} .elx-ic--receipt{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1z%27/%3E%3Cpath d=%27M8 8h8M8 12h8M8 16h5%27/%3E%3C/svg%3E")} .elx-ic--users{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%27/%3E%3Ccircle cx=%279%27 cy=%277%27 r=%274%27/%3E%3Cpath d=%27M22 21v-2a4 4 0 0 0-3-3.9M16 3.1a4 4 0 0 1 0 7.8%27/%3E%3C/svg%3E")} .elx-ic--leaf{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.5 19 2c1 2 2 4.2 2 8 0 5.5-4.8 10-10 10z%27/%3E%3Cpath d=%27M2 21c0-3 1.9-5.4 5.1-6%27/%3E%3C/svg%3E")} .elx-ic--volume{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M11 4.7a.7.7 0 0 0-1.2-.5L6.4 7.6a1.4 1.4 0 0 1-1 .4H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.4a1.4 1.4 0 0 1 1 .4l3.4 3.4a.7.7 0 0 0 1.2-.5z%27/%3E%3Cpath d=%27M16 9a5 5 0 0 1 0 6%27/%3E%3Cpath d=%27M19.4 18.4a9 9 0 0 0 0-12.8%27/%3E%3C/svg%3E")} .elx-ic--light{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%27/%3E%3Cpath d=%27M9 18h6M10 22h4%27/%3E%3C/svg%3E")} .elx-ic--monitor{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%272%27 y=%273%27 width=%2720%27 height=%2714%27 rx=%272%27/%3E%3Cpath d=%27M8 21h8M12 17v4%27/%3E%3C/svg%3E")} .elx-ic--access{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2716%27 cy=%274%27 r=%271%27/%3E%3Cpath d=%27m18 19 1-7-6 1%27/%3E%3Cpath d=%27m5 8 3-3 5.5 3-2.4 3.5%27/%3E%3Cpath d=%27M4.2 14.5a5 5 0 0 0 6.9 6%27/%3E%3Cpath d=%27M13.8 17.5a5 5 0 0 0-6.9-6%27/%3E%3C/svg%3E")} .elx-ic--eye{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7z%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%273%27/%3E%3C/svg%3E")} .elx-ic--ear{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M6 8.5a6.5 6.5 0 1 1 13 0c0 6-6 6-6 10a3.5 3.5 0 1 1-7 0%27/%3E%3Cpath d=%27M15 8.5a2.5 2.5 0 0 0-5 0v1a2 2 0 1 1 0 4%27/%3E%3C/svg%3E")} .elx-ic--dining{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M3 2v7a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V2M7 2v20%27/%3E%3Cpath d=%27M21 15V2a5 5 0 0 0-5 5v6a2 2 0 0 0 2 2h3zm0 0v7%27/%3E%3C/svg%3E")} .elx-ic--signpost{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 13v8M12 3v3%27/%3E%3Cpath d=%27M4 6h13l3 3.5-3 3.5H4z%27/%3E%3C/svg%3E")} .elx-ic--chair{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M19 9V6a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v3%27/%3E%3Cpath d=%27M3 16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-5a2 2 0 0 0-4 0v2H7v-2a2 2 0 0 0-4 0z%27/%3E%3Cpath d=%27M5 18v2M19 18v2%27/%3E%3C/svg%3E")} .elx-ic--lang{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m5 8 6 6%27/%3E%3Cpath d=%27m4 14 6-6 2-3%27/%3E%3Cpath d=%27M2 5h12%27/%3E%3Cpath d=%27M7 2h1%27/%3E%3Cpath d=%27m22 22-5-10-5 10%27/%3E%3Cpath d=%27M14 18h6%27/%3E%3C/svg%3E")} .elx-ic--calendar{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%274%27 width=%2718%27 height=%2718%27 rx=%272%27/%3E%3Cpath d=%27M16 2v4M8 2v4M3 10h18%27/%3E%3Cpath d=%27m9 16 2 2 4-4%27/%3E%3C/svg%3E")} .elx-ic--arrow{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M5 12h14%27/%3E%3Cpath d=%27m12 5 7 7-7 7%27/%3E%3C/svg%3E")} .elx-ic--phone{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z%27/%3E%3C/svg%3E")} .elx-ic--chat{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M7.9 20A9 9 0 1 0 4 16.1L2 22z%27/%3E%3C/svg%3E")} .elx-ic--check{--elx-i:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27m5 12 5 5L20 7%27/%3E%3C/svg%3E")}