@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600&family=Libre+Caslon+Text:ital,wght@0,400;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500&family=Schibsted+Grotesk:wght@400;500;600&display=swap');
/* Landing Pages/lpkp-common.css */
.lpkp{--lpkp-z: 1;--lpkp-ink: #0e0d0f;--lpkp-rule: #cccad2;--lpkp-soft: #f3f3f5;--lpkp-mute: #6e6c75;--lpkp-mark: #3100b9;--lpkp-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;position: relative;display: flex;flex-direction: column;width: 100%;min-width: 0;contain: inline-size;aspect-ratio: 16 / 10;min-height: 300px;overflow: hidden;background: #fff;border: 1px solid var(--lpkp-rule);color-scheme: light;text-align: left;line-height: 1.5}
.lpkp *,.lpkp *::before,.lpkp *::after{box-sizing: border-box}
.lpkp :where(header, footer, section, nav, aside, main, article, figure, figcaption, blockquote, dl, dt, dd, h1, h2, h3, h4, h5, p, ul, ol, li, table, thead, tbody, tr, th, td, fieldset, legend){margin: 0;padding: 0;border: 0;background: none;box-shadow: none;max-width: none;min-height: 0;float: none;font: inherit;color: inherit;text-align: inherit;text-transform: none;letter-spacing: inherit;list-style: none;vertical-align: baseline}
.lpkp :where(li)::before,.lpkp :where(li)::marker{content: none}
.lpkp :where(table){width: 100%;border-collapse: collapse;border-spacing: 0}
.lpkp :where(a, a:hover, a:focus, a:visited){color: inherit;text-decoration: none;background: none;box-shadow: none}
.lpkp :where(button, input, select, textarea){font: inherit;color: inherit;margin: 0;letter-spacing: inherit;text-transform: none;box-shadow: none;min-width: 0;min-height: 0;line-height: inherit}
.lpkp :where(button){appearance: none;padding: 0;border: 0;border-radius: 0;background: none;cursor: pointer}
.lpkp :where(img){display: block;max-width: none;border: 0;border-radius: 0;box-shadow: none}
.lpkp :where(svg){max-width: none}
.lpkp :where(b, strong){font-weight: 600}
.lpkp :where(input, select, textarea):focus-visible,.lpkp :where(button, a):focus-visible{outline: 2px solid var(--lpkp-mark);outline-offset: 2px}
.lpkp-bar{flex: none;display: flex;align-items: stretch;height: 34px;border-bottom: 1px solid var(--lpkp-rule);background: #fff;font: 400 11px/1 var(--lpkp-mono);color: var(--lpkp-mute)}
.lpkp-url{flex: 1;min-width: 0;display: flex;align-items: center;gap: 8px;padding: 0 12px;white-space: nowrap;overflow: hidden}
.lpkp-url span{overflow: hidden;text-overflow: ellipsis}
.lpkp-url b{font-weight: 500;color: var(--lpkp-ink)}
.lpkp-url svg{flex: none;width: 10px;height: 10px}
.lpkp-tool{appearance: none;display: flex;align-items: center;gap: 6px;margin: 0;padding: 0 12px;border: 0;border-left: 1px solid var(--lpkp-rule);border-radius: 0;background: #fff;color: var(--lpkp-mute);font: 400 11px/1 var(--lpkp-mono);letter-spacing: .04em;text-transform: uppercase;cursor: pointer}
.lpkp-tool:hover{color: var(--lpkp-ink);background: var(--lpkp-soft)}
.lpkp-tool[aria-pressed="true"]{color: var(--lpkp-ink);background: var(--lpkp-soft);box-shadow: inset 0 -2px 0 var(--lpkp-ink)}
.lpkp-tool.lpkp-tool-notes[aria-pressed="true"]{color: var(--lpkp-mark);box-shadow: inset 0 -2px 0 var(--lpkp-mark)}
.lpkp-tool i{display: block;width: 7px;height: 7px;border: 1px solid currentColor}
.lpkp-tool[aria-pressed="true"] i{background: currentColor}
.lpkp-screen{position: relative;flex: 1;min-height: 0;background: var(--lpkp-soft)}
.lpkp-scroll{position: absolute;inset: 0;overflow-x: hidden;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #bdbbc4 transparent}
.lpkp-page{position: relative;width: 1120px;margin: 0 auto;background: #fff;font-size: 16px;line-height: 1.5;container: lpkp / inline-size;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility}
.lpkp.is-mobile .lpkp-scroll{padding: 20px 0}
.lpkp.is-mobile .lpkp-page{width: 390px;outline: 1px solid var(--lpkp-rule)}
.lpkp.is-narrow{aspect-ratio: 10 / 16;max-height: 680px}
.lpkp.is-narrow.is-mobile .lpkp-scroll{padding: 0}
.lpkp.is-narrow.is-mobile .lpkp-page{outline: 0}
.lpkp.is-narrow .lpkp-url span{display: none}
.lpkp.is-narrow .lpkp-tool{padding: 0 9px}
.lpkp-m-only{display: none !important}
@container lpkp (max-width: 640px){
.lpkp-d-only{display: none !important}
.lpkp-m-only{display: revert !important}
}
.lpkp-form-done{display: none}
.lpkp-form.is-sent > :not(.lpkp-form-done){display: none !important}
.lpkp-form.is-sent > .lpkp-form-done{display: block}
:where(.lpkp [data-lpkp-note]){position: relative}
.lpkp.is-notes [data-lpkp-note]{outline: 1.5px solid var(--lpkp-mark);outline-offset: 3px}
.lpkp-note{position: absolute;top: 0;left: 0;z-index: 50;display: none;font-size: calc(11px / var(--lpkp-z));font-style: normal;font-weight: 400;font-stretch: normal;line-height: 1.4;text-align: left;text-transform: none;text-decoration: none;text-shadow: none;letter-spacing: 0;word-spacing: normal;white-space: normal;transform: translate(-3px, calc(-100% - 3px))}
.lpkp.is-notes .lpkp-note{display: block}
.lpkp-note.is-in{transform: translate(8px, 8px)}
.lpkp-note-tag{display: flex;align-items: center;gap: .7em;width: max-content;padding: .45em .8em;background: var(--lpkp-mark);color: #fff;font-family: var(--lpkp-mono);font-weight: 500;letter-spacing: .03em;text-transform: uppercase;cursor: help}
.lpkp-note-tag lpkp-n{opacity: .6}
.lpkp-note-why{position: absolute;top: 100%;left: 0;display: none;width: 24em;padding: .9em 1em;background: #fff;color: var(--lpkp-ink);border: 1px solid var(--lpkp-mark);font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-size: 1.15em;font-weight: 400;box-shadow: 0 .6em 1.6em rgba(14, 13, 15, .12)}
.lpkp-note:hover .lpkp-note-why,.lpkp-note.is-open .lpkp-note-why{display: block}
.lpkp-note:hover,.lpkp-note.is-open{z-index: 51}
.lpkp-layer{position: absolute;inset: 0;z-index: 60;overflow: hidden;pointer-events: none}
.lpkp-scrim{position: absolute;inset: 0;background: rgba(14, 13, 15, .42);opacity: 0;visibility: hidden;transition: opacity .2s ease, visibility .2s ease}
.lpkp-scrim.is-open{opacity: 1;visibility: visible;pointer-events: auto}
.lpkp-modal{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;padding: 16px;opacity: 0;visibility: hidden;transition: opacity .2s ease, visibility .2s ease}
.lpkp-modal.is-open{opacity: 1;visibility: visible;pointer-events: auto}
.lpkp-dialog{position: relative;width: 480px;max-height: calc(100% / var(--lpkp-z));overflow: auto;zoom: var(--lpkp-z);transform: translateY(8px);transition: transform .25s cubic-bezier(.2, .8, .2, 1)}
.lpkp-modal.is-open .lpkp-dialog{transform: none}
.lpkp-drawer{position: absolute;top: 0;right: 0;bottom: 0;width: calc(420px * var(--lpkp-z));max-width: 94%;overflow-x: hidden;overflow-y: auto;scrollbar-width: thin;transform: translateX(102%);transition: transform .3s cubic-bezier(.2, .8, .2, 1);pointer-events: auto}
.lpkp-drawer.is-open{transform: none}
.lpkp-drawer-in{position: relative;width: 420px;min-height: calc(100% / var(--lpkp-z));zoom: var(--lpkp-z)}
.lpkp-toast{position: absolute;left: 50%;bottom: 16px;max-width: calc(100% - 32px);padding: 9px 14px;background: var(--lpkp-ink);color: #fff;font: 400 12px/1.35 var(--lpkp-mono);opacity: 0;transform: translate(-50%, 8px);transition: opacity .2s ease, transform .2s ease}
.lpkp-toast.is-open{opacity: 1;transform: translate(-50%, 0)}
@media (prefers-reduced-motion: reduce){
.lpkp *,.lpkp *::before,.lpkp *::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important}
}
/* Landing Pages/demos/dental/dental.css */
.lpkp-bs{--bs-paper: #faf8f5;--bs-sand: #f0ebe3;--bs-ink: #1c2523;--bs-mute: #66706d;--bs-line: #e4ded5;--bs-teal: #1f5e57;--bs-teal-2: #174a44;--bs-font: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif}
.lpkp-bs .lpkp-page{background: var(--bs-paper);color: var(--bs-ink);font-family: var(--bs-font);font-size: 16px;line-height: 1.55}
.lpkp-bs-wrap{width: 100%;padding: 0 48px}
.lpkp-bs-h2{font-size: 40px;font-weight: 500;line-height: 1.1;letter-spacing: -.03em}
.lpkp-bs-btn{display: inline-flex;align-items: center;justify-content: center;height: 52px;padding: 0 24px;border: 1px solid var(--bs-teal);border-radius: 999px;background: var(--bs-teal);color: #fff;font-size: 15.5px;font-weight: 500;white-space: nowrap;transition: background-color .15s ease}
.lpkp-bs-btn:hover{background: var(--bs-teal-2)}
.lpkp-bs-btn.is-sm{height: 40px;padding: 0 18px;font-size: 14px}
.lpkp-bs-btn.is-line{background: transparent;color: var(--bs-ink);border-color: var(--bs-line)}
.lpkp-bs-btn.is-block{width: 100%}
.lpkp-bs-head{position: sticky;top: 0;z-index: 20;background: rgba(250, 248, 245, .94);backdrop-filter: blur(8px);border-bottom: 1px solid var(--bs-line)}
.lpkp-bs-head-in{display: flex;align-items: center;gap: 36px;height: 72px}
.lpkp-bs-logo{display: flex;align-items: baseline;gap: 6px;font-size: 22px;font-weight: 600;letter-spacing: -.035em}
.lpkp-bs-logo span{font-weight: 400;color: var(--bs-mute)}
.lpkp-bs-nav{display: flex;gap: 26px;margin-left: auto;font-size: 15px;color: #3d4745}
.lpkp-bs-nav a:hover{color: var(--bs-ink)}
.lpkp-bs-tel{font-size: 15px;font-weight: 500}
.lpkp-bs-hero{padding: 56px 0 80px}
.lpkp-bs-hero-in{display: grid;grid-template-columns: 1fr 440px;gap: 72px;align-items: center}
.lpkp-bs-label{font-size: 14px;color: var(--bs-mute)}
.lpkp-bs-h1{margin-top: 16px;font-size: 62px;font-weight: 500;line-height: 1.02;letter-spacing: -.045em}
.lpkp-bs-sub{max-width: 500px;margin-top: 22px;font-size: 18px;color: #465250}
.lpkp-bs-offer{display: grid;grid-template-columns: repeat(2, auto);justify-content: start;margin-top: 32px;border-top: 1px solid var(--bs-line)}
.lpkp-bs-offer div{padding: 16px 40px 0 0}
.lpkp-bs-offer div + div{padding-left: 40px;border-left: 1px solid var(--bs-line)}
.lpkp-bs-offer dt{font-size: 13px;color: var(--bs-mute)}
.lpkp-bs-offer dd{margin-top: 2px;font-size: 30px;font-weight: 500;letter-spacing: -.03em}
.lpkp-bs-ctas{display: flex;align-items: center;gap: 24px;margin-top: 32px}
.lpkp-bs-link{font-weight: 500;border-bottom: 1px solid var(--bs-ink)}
.lpkp-bs-proof{display: flex;flex-wrap: wrap;gap: 8px 24px;margin-top: 32px;font-size: 13.5px;color: var(--bs-mute)}
.lpkp-bs-proof li{display: flex;align-items: center;gap: 8px}
.lpkp-bs-proof li::before{content: "";width: 5px;height: 5px;border-radius: 50%;background: var(--bs-teal)}
.lpkp-bs-hero-img img{width: 100%;aspect-ratio: 4 / 5;object-fit: cover;border-radius: 6px}
.lpkp-bs-hero-img figcaption{margin-top: 12px;font-size: 13px;color: var(--bs-mute)}
.lpkp-bs-sec{padding: 88px 0;border-top: 1px solid var(--bs-line)}
.lpkp-bs-sechead{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;align-items: end;margin-bottom: 36px}
.lpkp-bs-sechead p{color: var(--bs-mute)}
.lpkp-bs-booksec{background: var(--bs-sand);border-top: 0}
.lpkp-bs-book{display: grid;grid-template-columns: 1fr 1.1fr 1.1fr;border-radius: 6px;background: #fff;box-shadow: 0 1px 0 var(--bs-line), 0 20px 50px -24px rgba(28, 37, 35, .25)}
.lpkp-bs-col{padding: 26px;border-left: 1px solid var(--bs-line)}
.lpkp-bs-col:first-child{border-left: 0}
.lpkp-bs-step{display: flex;align-items: center;gap: 10px;margin-bottom: 16px;font-size: 14px;font-weight: 600}
.lpkp-bs-step span{display: grid;place-items: center;width: 22px;height: 22px;border-radius: 50%;background: var(--bs-sand);font-size: 12px}
.lpkp-bs-clinics{display: grid;gap: 8px}
.lpkp-bs-clinics button,.lpkp-bs-days button,.lpkp-bs-times button{border: 1px solid var(--bs-line);border-radius: 6px;text-align: left;transition: border-color .15s ease, background-color .15s ease}
.lpkp-bs-clinics button{display: grid;padding: 12px 14px}
.lpkp-bs-clinics b{font-weight: 600}
.lpkp-bs-clinics span{font-size: 13.5px;color: var(--bs-mute)}
.lpkp-bs-days{display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px}
.lpkp-bs-days button{display: grid;padding: 10px 12px;font-size: 13px;color: var(--bs-mute)}
.lpkp-bs-days b{font-size: 18px;font-weight: 500;color: var(--bs-ink)}
.lpkp-bs-times{display: grid;grid-template-columns: repeat(3, 1fr);gap: 8px}
.lpkp-bs-times button{height: 42px;font-size: 14.5px;text-align: center;font-variant-numeric: tabular-nums}
.lpkp-bs-times button:disabled{color: #b9b4ab;background: var(--bs-paper);text-decoration: line-through;cursor: not-allowed}
.lpkp-bs-clinics button:hover,.lpkp-bs-days button:hover,.lpkp-bs-times button:not(:disabled):hover{border-color: #b9c9c5}
.lpkp-bs-clinics button.is-on,.lpkp-bs-days button.is-on,.lpkp-bs-times button.is-on{border-color: var(--bs-teal);background: #eef4f2;box-shadow: inset 0 0 0 1px var(--bs-teal)}
.lpkp-bs-book-foot{grid-column: 1 / -1;display: flex;align-items: center;justify-content: space-between;gap: 24px;padding: 18px 26px;border-top: 1px solid var(--bs-line)}
.lpkp-bs-book-foot p{display: grid;line-height: 1.35}
.lpkp-bs-book-foot p span:first-child{font-size: 18px;font-weight: 500}
.lpkp-bs-book-foot p span:last-child{font-size: 14px;color: var(--bs-mute)}
.lpkp-bs-cost-in{display: grid;grid-template-columns: 1fr 400px;gap: 72px;align-items: start}
.lpkp-bs-table{margin-top: 32px;border-top: 1px solid var(--bs-ink)}
.lpkp-bs-table th,.lpkp-bs-table td{padding: 16px 16px 16px 0;border-bottom: 1px solid var(--bs-line);text-align: left;vertical-align: top}
.lpkp-bs-table th{width: 120px;font-weight: 600}
.lpkp-bs-table td{color: var(--bs-mute)}
.lpkp-bs-table td:last-child{padding-right: 0;color: var(--bs-ink);font-weight: 500;text-align: right;white-space: nowrap}
.lpkp-bs-calc{padding: 28px;border-radius: 6px;background: var(--bs-sand)}
.lpkp-bs-calc-k{margin-bottom: 18px;font-weight: 600}
.lpkp-bs-seg{display: flex;margin-top: 10px;padding: 3px;border-radius: 999px;background: #fff}
.lpkp-bs-seg button{flex: 1;height: 38px;border-radius: 999px;font-size: 14px;color: var(--bs-mute)}
.lpkp-bs-seg button.is-on{background: var(--bs-ink);color: #fff}
.lpkp-bs-monthly{margin-top: 28px;font-size: 15px;color: var(--bs-mute)}
.lpkp-bs-monthly b{margin-right: 4px;font-size: 56px;font-weight: 500;letter-spacing: -.045em;color: var(--bs-ink);font-variant-numeric: tabular-nums}
.lpkp-bs-calc-fine{margin-top: 14px;font-size: 12.5px;color: var(--bs-mute)}
.lpkp-bs-how-in{display: grid;grid-template-columns: 380px 1fr;gap: 72px;align-items: center}
.lpkp-bs-how-in > img{width: 100%;aspect-ratio: 5 / 6;object-fit: cover;border-radius: 6px}
.lpkp-bs-steps{margin-top: 28px}
.lpkp-bs-steps li{display: grid;grid-template-columns: 56px 1fr;padding: 18px 0;border-top: 1px solid var(--bs-line)}
.lpkp-bs-steps li > span{font-size: 14px;color: var(--bs-mute);font-variant-numeric: tabular-nums}
.lpkp-bs-steps h3{font-size: 19px;font-weight: 600;letter-spacing: -.015em}
.lpkp-bs-steps p{margin-top: 4px;color: var(--bs-mute)}
.lpkp-bs-team{display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px}
.lpkp-bs-team img{width: 100%;aspect-ratio: 5 / 6;object-fit: cover;object-position: 50% 25%;margin-bottom: 14px;border-radius: 6px}
.lpkp-bs-team b{display: block;font-size: 17px;font-weight: 600}
.lpkp-bs-team span{font-size: 14px;color: var(--bs-mute)}
.lpkp-bs-revs{background: var(--bs-sand);border-top: 0}
.lpkp-bs-revs-in{display: grid;grid-template-columns: 1fr 1fr;gap: 56px}
.lpkp-bs-revs blockquote{font-size: 24px;font-weight: 500;line-height: 1.35;letter-spacing: -.02em}
.lpkp-bs-revs figcaption{margin-top: 16px;font-size: 14px;color: var(--bs-mute)}
.lpkp-bs-faq{display: grid;grid-template-columns: 340px 1fr;gap: 72px}
.lpkp-bs-qs details{border-top: 1px solid var(--bs-line)}
.lpkp-bs-qs details:last-child{border-bottom: 1px solid var(--bs-line)}
.lpkp-bs-qs summary{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;font-size: 17.5px;font-weight: 500;list-style: none;cursor: pointer}
.lpkp-bs-qs summary::-webkit-details-marker{display: none}
.lpkp-bs-qs summary svg{width: 14px;height: 14px;transition: transform .2s ease}
.lpkp-bs-qs details[open] summary svg{transform: rotate(45deg)}
.lpkp-bs-qs p{padding-bottom: 20px;color: var(--bs-mute)}
.lpkp-bs-final{padding: 88px 0;background: var(--bs-teal);color: #fff}
.lpkp-bs-final-in{display: grid;justify-items: start;gap: 12px}
.lpkp-bs-final h2{font-size: 48px;font-weight: 500;letter-spacing: -.04em;line-height: 1.05}
.lpkp-bs-final p{margin-bottom: 16px;color: #cfe0dc;font-size: 17px}
.lpkp-bs-final .lpkp-bs-btn{background: #fff;border-color: #fff;color: var(--bs-teal)}
.lpkp-bs-foot{padding: 24px 0;font-size: 13px;color: var(--bs-mute)}
.lpkp-bs-foot-in{display: flex;justify-content: space-between;gap: 16px}
.lpkp-bs-mbar{position: sticky;bottom: 0;z-index: 20}
.lpkp-bs-mbar-in{padding: 10px 12px;background: var(--bs-paper);border-top: 1px solid var(--bs-line)}
.lpkp-bs-dialog{padding: 30px;border-radius: 8px;background: #fff;color: var(--bs-ink);font-family: var(--bs-font);font-size: 15px}
.lpkp-bs-dialog h3{font-size: 26px;font-weight: 500;letter-spacing: -.03em}
.lpkp-bs-x{position: absolute;top: 12px;right: 12px;display: grid;place-items: center;width: 34px;height: 34px}
.lpkp-bs-x svg{width: 14px;height: 14px}
.lpkp-bs-dwhen{margin: 12px 0 20px;padding: 12px 14px;border-radius: 6px;background: var(--bs-sand);font-weight: 500}
.lpkp-bs-form{display: grid;gap: 14px}
.lpkp-bs-field{display: grid;gap: 6px}
.lpkp-bs-field span{font-size: 13px;color: var(--bs-mute)}
.lpkp-bs-field input{height: 46px;padding: 0 14px;border: 1px solid var(--bs-line);border-radius: 6px;font-size: 15.5px;outline: none}
.lpkp-bs-field input:focus{border-color: var(--bs-teal)}
.lpkp-bs-field input.is-invalid{border-color: #b4471f}
.lpkp-bs-two{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}
.lpkp-bs-fine{font-size: 13px;color: var(--bs-mute)}
.lpkp-bs-done-k{font-size: 13px;font-weight: 600;color: var(--bs-teal)}
.lpkp-bs-done-t{margin: 6px 0 22px;font-size: 20px;line-height: 1.4}
@container lpkp (max-width: 640px){
.lpkp-bs-wrap{padding: 0 20px}
.lpkp-bs-head-in{height: 60px;justify-content: space-between;gap: 12px}
.lpkp-bs-logo{font-size: 19px}
.lpkp-bs-head .lpkp-bs-btn{display: none}
.lpkp-bs-hero{padding: 32px 0 48px}
.lpkp-bs-hero-in{grid-template-columns: 1fr;gap: 32px}
.lpkp-bs-h1{font-size: 42px}
.lpkp-bs-sub{font-size: 16.5px}
.lpkp-bs-offer div{padding-right: 20px}
.lpkp-bs-offer div + div{padding-left: 20px}
.lpkp-bs-offer dd{font-size: 24px}
.lpkp-bs-ctas{flex-direction: column;align-items: stretch;gap: 16px;text-align: center}
.lpkp-bs-link{align-self: center}
.lpkp-bs-sec{padding: 56px 0}
.lpkp-bs-h2{font-size: 30px}
.lpkp-bs-sechead,.lpkp-bs-cost-in,.lpkp-bs-how-in,.lpkp-bs-revs-in,.lpkp-bs-faq{grid-template-columns: 1fr;gap: 24px}
.lpkp-bs-book{grid-template-columns: 1fr}
.lpkp-bs-col{padding: 20px;border-left: 0;border-top: 1px solid var(--bs-line)}
.lpkp-bs-col:first-child{border-top: 0}
.lpkp-bs-book-foot{flex-direction: column;align-items: stretch;padding: 18px 20px}
.lpkp-bs-table th{width: 90px}
.lpkp-bs-table td:nth-child(2){font-size: 14px}
.lpkp-bs-team{grid-template-columns: 1fr 1fr;gap: 16px}
.lpkp-bs-team li:last-child{display: none}
.lpkp-bs-revs blockquote{font-size: 20px}
.lpkp-bs-final h2{font-size: 34px}
.lpkp-bs-foot{padding-bottom: 88px}
.lpkp-bs-foot-in{flex-direction: column}
.lpkp-bs-two{grid-template-columns: 1fr}
.lpkp-bs-dialog{padding: 24px 20px}
}
/* Landing Pages/demos/ecommerce-old/ecommerce-old.css */
.lpkp-ho{--ho-blue: #2f5f8f;--ho-blue-2: #4a7fb5;--ho-red: #cc0000;--ho-line: #cfcfcf;--ho-grey: #f0f0f0;--ho-text: #333}
.lpkp-ho .lpkp-page{background: #e9e9e9;color: var(--ho-text);font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 12px;line-height: 1.45}
.lpkp-ho a{color: #1a5aa0;text-decoration: underline}
.lpkp-ho-top{display: flex;justify-content: space-between;padding: 5px 24px;background: #dcdcdc;border-bottom: 1px solid #bdbdbd;font-size: 11px;color: #555}
.lpkp-ho-head{display: grid;grid-template-columns: 1fr 300px 200px;align-items: center;gap: 24px;padding: 18px 24px;background: #fff}
.lpkp-ho .lpkp-ho-logo{display: grid;color: #5a3d2b;font-family: "Times New Roman", Times, serif;font-size: 30px;font-weight: 700;letter-spacing: .04em;text-decoration: none;text-shadow: 1px 1px 0 #d8c3a5}
.lpkp-ho-logo small{font-family: Georgia, serif;font-size: 12px;font-style: italic;font-weight: 400;letter-spacing: 0;color: #8a7a6a;text-shadow: none}
.lpkp-ho-search{display: flex}
.lpkp-ho-search input{flex: 1;min-width: 0;padding: 5px 8px;border: 1px solid #aaa;color: #999;font: inherit;font-style: italic}
.lpkp-ho-search button,.lpkp-ho-box button{padding: 5px 10px;border: 1px solid #1f4a73;background: linear-gradient(#5b8fc4, #2f5f8f);color: #fff;font: inherit;font-weight: 700}
.lpkp-ho-cart{display: grid;padding: 8px 10px;border: 1px solid #d4c79a;background: #fff8dc;font-size: 11px}
.lpkp-ho-nav{display: flex;flex-wrap: wrap;background: linear-gradient(var(--ho-blue-2), var(--ho-blue));border-top: 1px solid #1f4a73;border-bottom: 1px solid #1f4a73}
.lpkp-ho .lpkp-ho-nav a{padding: 9px 14px;border-right: 1px solid #6c97c4;color: #fff;font-size: 11px;font-weight: 700;text-decoration: none}
.lpkp-ho .lpkp-ho-nav a.is-on{background: #1f4a73}
.lpkp-ho .lpkp-ho-nav a.is-sale{color: #ffef5a}
.lpkp-ho-promo{padding: 7px 12px;background: var(--ho-red);color: #fff;font-size: 11px;font-weight: 700;text-align: center;letter-spacing: .02em}
.lpkp-ho-promo b{color: #ffef5a}
.lpkp-ho-body{display: grid;grid-template-columns: 210px minmax(0, 1fr);gap: 14px;padding: 14px 24px}
.lpkp-ho-side{display: grid;align-content: start;gap: 12px}
.lpkp-ho-box{display: grid;gap: 6px;padding: 0 0 10px;background: #fff;border: 1px solid var(--ho-line)}
.lpkp-ho-box h4,.lpkp-ho-also h4{padding: 6px 10px;background: linear-gradient(#f7f7f7, #e2e2e2);border-bottom: 1px solid var(--ho-line);font-size: 12px;font-weight: 700;color: #444}
.lpkp-ho-box > :not(h4){margin: 0 10px}
.lpkp-ho-box ul,.lpkp-ho-box ol{display: grid;gap: 3px}
.lpkp-ho-box li.is-on a{color: var(--ho-red);font-weight: 700}
.lpkp-ho-box ol{padding-left: 16px;list-style: decimal}
.lpkp-ho-box input{padding: 4px 6px;border: 1px solid #aaa;color: #999;font: inherit}
.lpkp-ho-cards{display: flex;flex-wrap: wrap;gap: 4px}
.lpkp-ho-cards span{padding: 2px 5px;border: 1px solid #999;border-radius: 3px;background: #fafafa;font-size: 10px;font-weight: 700;color: #234}
.lpkp-ho-main{display: grid;align-content: start;gap: 12px;padding: 14px;background: #fff;border: 1px solid var(--ho-line)}
.lpkp-ho-crumbs{font-size: 11px;color: #777}
.lpkp-ho-product{display: grid;grid-template-columns: 260px minmax(0, 1fr);gap: 18px}
.lpkp-ho-pic{display: grid;align-content: start;gap: 6px;text-align: center;font-size: 11px}
.lpkp-ho-pic img{width: 260px;height: 260px;padding: 4px;border: 1px solid var(--ho-line);object-fit: cover}
.lpkp-ho-info{display: grid;align-content: start;gap: 9px}
.lpkp-ho-info h1{font-family: Arial, Helvetica, sans-serif;font-size: 17px;font-weight: 700;line-height: 1.3;color: #222}
.lpkp-ho-meta,.lpkp-ho-ex{font-size: 11px;color: #777}
.lpkp-ho-meta b{color: #2a8a2a}
.lpkp-ho-price{padding: 8px 10px;background: var(--ho-grey);border: 1px dotted #bbb;font-size: 13px}
.lpkp-ho-price b{color: var(--ho-red);font-size: 15px}
.lpkp-ho-price s{color: #999}
.lpkp-ho-price em{color: var(--ho-red);font-weight: 700;font-style: normal}
.lpkp-ho-opts{display: grid;gap: 6px}
.lpkp-ho-opts label{display: flex;align-items: center;gap: 8px}
.lpkp-ho-opts select,.lpkp-ho-opts input{padding: 3px 4px;border: 1px solid #aaa;font: inherit}
.lpkp-ho-opts input{width: 40px}
.lpkp-ho .lpkp-ho-add{justify-self: start;padding: 7px 18px;border: 1px solid #8a8a8a;border-radius: 3px;background: linear-gradient(#fdfdfd, #d9d9d9);color: #333;font: inherit;font-weight: 700;text-transform: uppercase}
.lpkp-ho-wish,.lpkp-ho-ship{font-size: 11px}
.lpkp-ho-ship{color: #888}
.lpkp-ho-share{display: flex;gap: 4px}
.lpkp-ho-share span{padding: 2px 7px;border: 1px solid #c9d1e3;border-radius: 3px;background: #eef2fa;font-size: 10px;color: #3b5998}
.lpkp-ho-tabhead{display: flex;gap: 2px;border-bottom: 1px solid var(--ho-line)}
.lpkp-ho-tabhead span{padding: 6px 12px;border: 1px solid var(--ho-line);border-bottom: 0;background: #eee;font-weight: 700;font-size: 11px}
.lpkp-ho-tabhead span.is-on{background: #fff}
.lpkp-ho-tabbody{padding: 10px 2px;font-size: 11.5px;text-align: justify}
.lpkp-ho-also{border: 1px solid var(--ho-line)}
.lpkp-ho-also ul{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;padding: 10px}
.lpkp-ho-also li{display: grid;justify-items: center;gap: 4px;text-align: center;font-size: 11px}
.lpkp-ho-also img{width: 90px;height: 90px;border: 1px solid var(--ho-line);object-fit: cover}
.lpkp-ho-also b{color: var(--ho-red)}
.lpkp-ho-foot{display: grid;gap: 12px;padding: 18px 24px;background: #3a3a3a;color: #bbb;font-size: 11px}
.lpkp-ho-foot > div{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px}
.lpkp-ho-foot p{display: grid;gap: 3px}
.lpkp-ho-foot b{color: #fff}
.lpkp-ho .lpkp-ho-foot a{color: #bbb}
.lpkp-ho-foot small{padding-top: 10px;border-top: 1px solid #555;font-size: 10px;color: #888}
@container lpkp (max-width: 640px){
.lpkp-ho-top,.lpkp-ho-head{grid-template-columns: 1fr;flex-direction: column;gap: 8px}
.lpkp-ho-body,.lpkp-ho-product{grid-template-columns: minmax(0, 1fr);padding: 8px}
.lpkp-ho-pic img{width: 100%;height: auto}
.lpkp-ho-also ul,.lpkp-ho-foot > div{grid-template-columns: repeat(2, minmax(0, 1fr))}
}
/* Landing Pages/demos/ecommerce/ecommerce.css */
.lpkp-hl{--hl-paper: #f6f3ee;--hl-paper-2: #efeae2;--hl-ink: #2b2723;--hl-mute: #7a7169;--hl-line: #e0d9ce;--hl-serif: "Libre Caslon Text", Georgia, serif;--hl-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif}
.lpkp-hl .lpkp-page{background: var(--hl-paper);color: var(--hl-ink);font-family: var(--hl-sans);font-size: 15px;line-height: 1.6}
.lpkp-hl-wrap{width: 100%;padding: 0 48px}
.lpkp-hl-h2{font-family: var(--hl-serif);font-size: 40px;font-weight: 400;line-height: 1.1;letter-spacing: -.01em}
.lpkp-hl-h2 em{font-style: italic}
.lpkp-hl-kicker{font-size: 12px;font-weight: 500;letter-spacing: .14em;text-transform: uppercase;color: var(--hl-mute)}
.lpkp-hl-announce{padding: 9px 20px;background: var(--hl-ink);color: #e6dfd4;font-size: 12.5px;letter-spacing: .03em;text-align: center}
.lpkp-hl-head{position: sticky;top: 0;z-index: 20;background: var(--hl-paper);border-bottom: 1px solid var(--hl-line)}
.lpkp-hl-head-in{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;height: 70px}
.lpkp-hl-nav{display: flex;gap: 28px;font-size: 14px}
.lpkp-hl-nav.is-right{justify-content: flex-end}
.lpkp-hl-nav a{border-bottom: 1px solid transparent}
.lpkp-hl-nav a:hover{border-bottom-color: var(--hl-ink)}
.lpkp-hl-logo{grid-column: 2;font-family: var(--hl-serif);font-size: 26px;letter-spacing: -.01em}
.lpkp-hl-pdp{padding: 22px 0 88px}
.lpkp-hl-crumbs{margin-bottom: 20px;font-size: 13px;color: var(--hl-mute)}
.lpkp-hl-crumbs a:hover{color: var(--hl-ink)}
.lpkp-hl-pdp-in{display: grid;grid-template-columns: 1.2fr 1fr;gap: 64px;align-items: start}
.lpkp-hl-gallery{display: grid;grid-template-columns: 1fr 1fr;gap: 8px}
.lpkp-hl-gallery figure{overflow: hidden;background: var(--hl-paper-2)}
.lpkp-hl-gallery figure.is-main{grid-column: 1 / -1}
.lpkp-hl-gallery img{width: 100%;aspect-ratio: 4 / 5;object-fit: cover;transition: opacity .25s ease}
.lpkp-hl-gallery .is-main img{aspect-ratio: 6 / 7}
.lpkp-hl-gallery img.is-loading{opacity: .4}
.lpkp-hl-buy{position: sticky;top: 94px;padding-top: 8px}
.lpkp-hl-title{margin-top: 12px;font-family: var(--hl-serif);font-size: 44px;font-weight: 400;line-height: 1.05;letter-spacing: -.015em}
.lpkp-hl-rating{display: inline-flex;align-items: center;gap: 10px;margin-top: 14px;font-size: 13px;border-bottom: 1px solid var(--hl-line)}
.lpkp-hl-stars{display: flex;gap: 2px}
.lpkp-hl-stars svg{width: 12px;height: 12px}
.lpkp-hl-price{display: flex;align-items: baseline;gap: 14px;margin-top: 22px;font-size: 13.5px;color: var(--hl-mute)}
.lpkp-hl-price b{font-size: 24px;font-weight: 500;color: var(--hl-ink);font-variant-numeric: tabular-nums}
.lpkp-hl-desc{margin-top: 18px;max-width: 440px;color: #4f4841}
.lpkp-hl-opt{margin-top: 26px}
.lpkp-hl-opt-k{display: flex;justify-content: space-between;margin-bottom: 10px;font-size: 13px;font-weight: 500}
.lpkp-hl-opt-k span{flex: 1;margin-left: 10px;font-weight: 400;color: var(--hl-mute)}
.lpkp-hl-opt-k a{font-weight: 400;color: var(--hl-mute);text-decoration: underline;text-underline-offset: 3px}
.lpkp-hl-swatches{display: flex;gap: 10px}
.lpkp-hl-swatches button{width: 34px;height: 34px;border-radius: 50%;background: var(--sw);box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12), 0 0 0 3px var(--hl-paper), 0 0 0 4px transparent;transition: box-shadow .15s ease}
.lpkp-hl-swatches button:hover{box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12), 0 0 0 3px var(--hl-paper), 0 0 0 4px var(--hl-line)}
.lpkp-hl-swatches button.is-on{box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12), 0 0 0 3px var(--hl-paper), 0 0 0 4px var(--hl-ink)}
.lpkp-hl-sizes{display: grid;grid-template-columns: repeat(4, 1fr);border: 1px solid var(--hl-line)}
.lpkp-hl-sizes button{display: grid;gap: 1px;padding: 11px 8px;border-left: 1px solid var(--hl-line);font-size: 14px;text-align: center}
.lpkp-hl-sizes button:first-child{border-left: 0}
.lpkp-hl-sizes small{font-size: 12px;color: var(--hl-mute)}
.lpkp-hl-sizes button.is-on{background: var(--hl-ink);color: var(--hl-paper)}
.lpkp-hl-sizes button.is-on small{color: #cfc6b9}
.lpkp-hl-add{display: flex;align-items: center;justify-content: space-between;width: 100%;height: 56px;margin-top: 22px;padding: 0 22px;background: var(--hl-ink);color: var(--hl-paper);font-size: 15px;font-weight: 500;letter-spacing: .02em;transition: background-color .15s ease}
.lpkp-hl-add:hover{background: #000}
.lpkp-hl-add.is-added{background: #4a5a44}
.lpkp-hl-add.is-sm{width: auto;height: 46px;margin: 0;gap: 24px}
.lpkp-hl-promise{margin-top: 22px;border-top: 1px solid var(--hl-line);font-size: 13.5px;color: var(--hl-mute)}
.lpkp-hl-promise li{padding: 10px 0;border-bottom: 1px solid var(--hl-line)}
.lpkp-hl-promise b{font-weight: 500;color: var(--hl-ink)}
.lpkp-hl-acc details{border-bottom: 1px solid var(--hl-line)}
.lpkp-hl-acc summary{display: flex;justify-content: space-between;align-items: center;padding: 14px 0;font-size: 14px;font-weight: 500;list-style: none;cursor: pointer}
.lpkp-hl-acc summary::-webkit-details-marker{display: none}
.lpkp-hl-acc summary svg{width: 13px;height: 13px;transition: transform .2s ease}
.lpkp-hl-acc details[open] summary svg{transform: rotate(45deg)}
.lpkp-hl-acc p{padding-bottom: 16px;font-size: 14px;color: var(--hl-mute)}
.lpkp-hl-fabric{display: grid;grid-template-columns: 1fr 1fr;background: var(--hl-paper-2)}
.lpkp-hl-fabric img{width: 100%;height: 100%;min-height: 560px;object-fit: cover}
.lpkp-hl-fabric-copy{align-self: center;padding: 64px 72px}
.lpkp-hl-fabric-copy .lpkp-hl-h2{margin-top: 16px;font-size: 46px}
.lpkp-hl-fabric-copy > p:not(.lpkp-hl-kicker){margin-top: 20px;max-width: 420px;font-size: 16px;color: #4f4841}
.lpkp-hl-specs{display: grid;grid-template-columns: repeat(3, 1fr);margin-top: 40px;border-top: 1px solid var(--hl-ink)}
.lpkp-hl-specs div{padding-top: 14px}
.lpkp-hl-specs dt{font-family: var(--hl-serif);font-size: 30px;line-height: 1}
.lpkp-hl-specs dd{margin-top: 8px;font-size: 13px;color: var(--hl-mute)}
.lpkp-hl-sec{padding: 88px 0}
.lpkp-hl-sechead{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 32px}
.lpkp-hl-sechead a{font-size: 14px;border-bottom: 1px solid var(--hl-ink)}
.lpkp-hl-products{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px}
.lpkp-hl-products li{position: relative}
.lpkp-hl-products img{width: 100%;aspect-ratio: 4 / 5;object-fit: cover;background: var(--hl-paper-2)}
.lpkp-hl-products p{display: flex;justify-content: space-between;gap: 12px;margin-top: 12px;font-size: 14px}
.lpkp-hl-products p b{font-weight: 500}
.lpkp-hl-products p span{color: var(--hl-mute);white-space: nowrap}
.lpkp-hl-products button{position: absolute;left: 10px;right: 10px;top: calc(100% - 94px);height: 40px;background: var(--hl-paper);font-size: 13px;font-weight: 500;opacity: 0;transform: translateY(6px);transition: opacity .2s ease, transform .2s ease}
.lpkp-hl-products li:hover button{opacity: 1;transform: none}
.lpkp-hl-reviews{border-top: 1px solid var(--hl-line)}
.lpkp-hl-rev-in{display: grid;grid-template-columns: 320px 1fr;gap: 80px}
.lpkp-hl-rev-sum > p{margin-top: 8px;color: var(--hl-mute)}
.lpkp-hl-bars{display: grid;gap: 8px;margin-top: 26px;font-size: 12.5px;color: var(--hl-mute)}
.lpkp-hl-bars li{display: grid;grid-template-columns: 10px 1fr 34px;align-items: center;gap: 12px}
.lpkp-hl-bars i{height: 3px;background: linear-gradient(90deg, var(--hl-ink) var(--w), var(--hl-line) var(--w))}
.lpkp-hl-bars li span:last-child{text-align: right}
.lpkp-hl-revs li{padding: 28px 0;border-top: 1px solid var(--hl-line)}
.lpkp-hl-revs li:first-child{padding-top: 0;border-top: 0}
.lpkp-hl-revs h3{font-family: var(--hl-serif);font-size: 22px;line-height: 1.25}
.lpkp-hl-revs p{margin-top: 10px;max-width: 620px;font-size: 15.5px;color: #4f4841}
.lpkp-hl-revs .lpkp-hl-rev-meta{font-size: 13px;color: var(--hl-mute)}
.lpkp-hl-foot{padding: 36px 0 110px;border-top: 1px solid var(--hl-line);font-size: 13px;color: var(--hl-mute)}
.lpkp-hl-foot-in{display: flex;justify-content: space-between;align-items: center}
.lpkp-hl-foot .lpkp-hl-logo{font-size: 20px;color: var(--hl-ink)}
.lpkp-hl-sticky{position: sticky;bottom: 0;z-index: 25;height: 0}
.lpkp-hl-sticky-in{position: absolute;left: 0;right: 0;bottom: 0;padding: 12px 0;background: var(--hl-paper);border-top: 1px solid var(--hl-line);opacity: 0;visibility: hidden;transform: translateY(12px);transition: opacity .25s ease, transform .25s ease, visibility .25s ease}
.lpkp-hl-sticky-in.is-show{opacity: 1;visibility: visible;transform: none}
.lpkp-hl-sticky-row{display: flex;align-items: center;justify-content: space-between;gap: 16px}
.lpkp-hl-sticky-row > span{display: grid;line-height: 1.3}
.lpkp-hl-sticky-row > span b{font-family: var(--hl-serif);font-size: 17px;font-weight: 400}
.lpkp-hl-sticky-row > span span{font-size: 13px;color: var(--hl-mute)}
.lpkp-hl-bag{display: flex;flex-direction: column;background: var(--hl-paper);color: var(--hl-ink);font-family: var(--hl-sans);font-size: 14px;line-height: 1.5}
.lpkp-hl-bag-head{display: flex;justify-content: space-between;align-items: center;padding: 20px 24px;border-bottom: 1px solid var(--hl-line)}
.lpkp-hl-bag-head h3{font-family: var(--hl-serif);font-size: 24px}
.lpkp-hl-bag-head button svg{width: 16px;height: 16px}
.lpkp-hl-free{padding: 12px 24px;background: var(--hl-paper-2);font-size: 13px}
.lpkp-hl-lines{flex: 1;padding: 0 24px}
.lpkp-hl-lines li{display: grid;grid-template-columns: 72px 1fr auto;gap: 14px;padding: 18px 0;border-bottom: 1px solid var(--hl-line)}
.lpkp-hl-lines img{width: 72px;height: 90px;object-fit: cover}
.lpkp-hl-lines b{display: block;font-weight: 500}
.lpkp-hl-lines small{display: block;font-size: 13px;color: var(--hl-mute)}
.lpkp-hl-qty{display: inline-flex;align-items: center;margin-top: 10px;border: 1px solid var(--hl-line)}
.lpkp-hl-qty button{display: grid;place-items: center;width: 28px;height: 28px}
.lpkp-hl-qty button svg{width: 11px;height: 11px}
.lpkp-hl-qty span{min-width: 22px;text-align: center;font-size: 13px}
.lpkp-hl-lines .lpkp-hl-line-price{font-variant-numeric: tabular-nums}
.lpkp-hl-lines li.lpkp-hl-empty{display: block;padding: 40px 0;border: 0;color: var(--hl-mute);text-align: center}
.lpkp-hl-pair{margin: 18px 24px 0}
.lpkp-hl-pair > p{margin-bottom: 10px;font-size: 12px;letter-spacing: .12em;text-transform: uppercase;color: var(--hl-mute)}
.lpkp-hl-pair > div{display: grid;grid-template-columns: 48px 1fr auto;gap: 12px;align-items: center;padding: 10px;background: var(--hl-paper-2)}
.lpkp-hl-pair img{width: 48px;height: 60px;object-fit: cover}
.lpkp-hl-pair b{display: block;font-weight: 500}
.lpkp-hl-pair button{height: 34px;padding: 0 14px;border: 1px solid var(--hl-ink);font-size: 13px}
.lpkp-hl-bag-foot{padding: 20px 24px 24px}
.lpkp-hl-bag-foot > p:first-child{display: flex;justify-content: space-between;font-size: 16px}
.lpkp-hl-bag-foot b{font-weight: 500}
.lpkp-hl-bag-foot .lpkp-hl-add{justify-content: center;margin-top: 14px}
.lpkp-hl-bag-fine{margin-top: 10px;font-size: 12.5px;color: var(--hl-mute);text-align: center}
@container lpkp (max-width: 640px){
.lpkp-hl-wrap{padding: 0 20px}
.lpkp-hl-announce span{display: none}
.lpkp-hl-head-in{grid-template-columns: 1fr auto;height: 58px}
.lpkp-hl-logo{grid-column: 1;font-size: 22px}
.lpkp-hl-pdp{padding: 0 0 56px}
.lpkp-hl-pdp > .lpkp-hl-wrap{padding: 0}
.lpkp-hl-crumbs{display: none}
.lpkp-hl-pdp-in{grid-template-columns: 1fr;gap: 24px}
.lpkp-hl-gallery{display: flex;gap: 4px;overflow-x: auto;scroll-snap-type: x mandatory;scrollbar-width: none}
.lpkp-hl-gallery figure{flex: 0 0 86%;scroll-snap-align: start}
.lpkp-hl-gallery img,.lpkp-hl-gallery .is-main img{aspect-ratio: 4 / 5}
.lpkp-hl-buy{position: static;padding: 0 20px}
.lpkp-hl-title{font-size: 34px}
.lpkp-hl-sizes{grid-template-columns: repeat(2, 1fr)}
.lpkp-hl-sizes button:nth-child(3){border-left: 0}
.lpkp-hl-sizes button:nth-child(n+3){border-top: 1px solid var(--hl-line)}
.lpkp-hl-fabric{grid-template-columns: 1fr}
.lpkp-hl-fabric img{min-height: 0;height: 320px}
.lpkp-hl-fabric-copy{padding: 40px 20px 48px}
.lpkp-hl-fabric-copy .lpkp-hl-h2,.lpkp-hl-h2{font-size: 32px}
.lpkp-hl-sec{padding: 56px 0}
.lpkp-hl-products{grid-template-columns: 1fr 1fr;gap: 20px 10px}
.lpkp-hl-products button{display: none}
.lpkp-hl-products p{flex-direction: column;gap: 0;font-size: 13px}
.lpkp-hl-rev-in{grid-template-columns: 1fr;gap: 36px}
.lpkp-hl-sticky-row > span span{display: none}
.lpkp-hl-foot-in{flex-direction: column;gap: 8px}
}
/* Landing Pages/demos/plumber/plumber.css */
.lpkp-pl{--pl-ink: #121416;--pl-ink-2: #3a3d42;--pl-mute: #62656b;--pl-line: #dddbd4;--pl-stone: #f3f2ee;--pl-yellow: #ffcd00;--pl-font: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif}
.lpkp-pl .lpkp-page{background: #fff;color: var(--pl-ink);font-family: var(--pl-font);font-size: 17px;line-height: 1.55}
.lpkp-pl-wrap{width: 100%;padding: 0 48px}
.lpkp-pl-sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%)}
.lpkp-pl-h2{font-size: 44px;font-weight: 800;font-stretch: 70%;line-height: 1;letter-spacing: -.005em}
.lpkp-pl-btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;height: 44px;padding: 0 18px;border: 1.5px solid transparent;font-size: 15px;font-weight: 600;white-space: nowrap;cursor: pointer;transition: background-color .15s ease, color .15s ease, border-color .15s ease}
.lpkp-pl-btn svg{width: 16px;height: 16px}
.lpkp-pl-btn.is-lg{height: 56px;padding: 0 26px;font-size: 17px}
.lpkp-pl-btn.is-block{width: 100%}
.lpkp-pl-btn.is-ink{background: var(--pl-ink);color: #fff}
.lpkp-pl-btn.is-ink:hover{background: #000}
.lpkp-pl-btn.is-yellow{background: var(--pl-yellow);color: var(--pl-ink)}
.lpkp-pl-btn.is-yellow:hover{background: #f2c200}
.lpkp-pl-btn.is-line{border-color: var(--pl-ink);color: var(--pl-ink)}
.lpkp-pl-btn.is-line:hover{background: var(--pl-ink);color: #fff}
.lpkp-pl-util{background: var(--pl-ink);color: #b9bbbf;font-size: 13px}
.lpkp-pl-util-in{display: flex;justify-content: space-between;gap: 16px;height: 34px;align-items: center}
.lpkp-pl-util-in span:last-child{color: #fff}
.lpkp-pl-head{position: sticky;top: 0;z-index: 20;background: #fff;border-bottom: 1px solid var(--pl-line)}
.lpkp-pl-head-in{display: flex;align-items: center;gap: 40px;height: 78px}
.lpkp-pl-logo{display: flex;align-items: center;gap: 12px}
.lpkp-pl-logo-mark{display: grid;place-items: center;width: 42px;height: 42px;background: var(--pl-yellow);font-size: 30px;font-weight: 800;font-stretch: 62%;line-height: 1}
.lpkp-pl-logo-word{font-size: 26px;font-weight: 800;font-stretch: 68%;line-height: .9;text-transform: uppercase;letter-spacing: .01em}
.lpkp-pl-logo-word small{display: block;margin-top: 4px;font-size: 11px;font-weight: 500;font-stretch: 100%;letter-spacing: .08em;color: var(--pl-mute)}
.lpkp-pl-nav{display: flex;gap: 28px;font-size: 15px;font-weight: 500}
.lpkp-pl-nav a{padding: 4px 0;border-bottom: 1.5px solid transparent}
.lpkp-pl-nav a:hover{border-bottom-color: var(--pl-ink)}
.lpkp-pl-headcall{display: grid;margin-left: auto;text-align: right;line-height: 1.1}
.lpkp-pl-headcall small{font-size: 12px;color: var(--pl-mute)}
.lpkp-pl-headcall b{font-size: 26px;font-weight: 800;font-stretch: 70%;letter-spacing: .01em}
.lpkp-pl-hero{display: grid;grid-template-columns: 1fr 440px;min-height: 600px;border-bottom: 1px solid var(--pl-line)}
.lpkp-pl-hero-copy{display: flex;flex-direction: column;justify-content: center;padding: 56px 56px 48px 48px}
.lpkp-pl-eyebrow{display: flex;align-items: center;gap: 12px;font-size: 14px;font-weight: 600;letter-spacing: .06em;text-transform: uppercase;color: var(--pl-ink-2)}
.lpkp-pl-eyebrow::before{content: "";width: 28px;height: 4px;background: var(--pl-yellow)}
.lpkp-pl-h1{margin-top: 22px;font-size: 88px;font-weight: 800;font-stretch: 66%;line-height: .9;letter-spacing: -.01em;word-spacing: .08em}
.lpkp-pl-lede{max-width: 500px;margin-top: 24px;font-size: 19px;line-height: 1.5;color: var(--pl-ink-2)}
.lpkp-pl-ctas{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 32px}
.lpkp-pl-facts{display: grid;grid-template-columns: repeat(3, auto);justify-content: start;margin-top: 44px;border-top: 1px solid var(--pl-line)}
.lpkp-pl-facts > div{padding: 16px 32px 0 0;margin-right: 32px;border-right: 1px solid var(--pl-line)}
.lpkp-pl-facts > div:last-child{border-right: 0;margin-right: 0}
.lpkp-pl-facts dt{font-size: 34px;font-weight: 800;font-stretch: 68%;line-height: 1}
.lpkp-pl-facts dd{margin-top: 6px;font-size: 14px;color: var(--pl-mute)}
.lpkp-pl-hero-media{position: relative;overflow: hidden;background: var(--pl-stone)}
.lpkp-pl-hero-media > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 40% 30%}
.lpkp-pl-oncall{position: absolute;left: 20px;right: 20px;bottom: 20px;display: flex;align-items: center;gap: 14px;padding: 12px 16px 12px 12px;background: #fff;font-size: 14px;line-height: 1.35;color: var(--pl-mute)}
.lpkp-pl-oncall img{width: 52px;height: 52px;object-fit: cover;flex: none}
.lpkp-pl-oncall b{display: block;font-size: 16px;color: var(--pl-ink)}
.lpkp-pl-check{background: var(--pl-yellow)}
.lpkp-pl-check-in{display: grid;grid-template-columns: auto 1fr;grid-template-areas: "t f" "t o";align-items: center;column-gap: 48px;row-gap: 8px;padding-top: 30px;padding-bottom: 30px}
.lpkp-pl-check h2{grid-area: t;font-size: 40px;font-weight: 800;font-stretch: 68%;line-height: 1}
.lpkp-pl-check-form{grid-area: f;display: flex;max-width: 520px}
.lpkp-pl-check-form input{flex: 1;height: 52px;padding: 0 16px;border: 1.5px solid var(--pl-ink);border-right: 0;border-radius: 0;background: #fff;font-size: 17px;outline: none}
.lpkp-pl-check-form button{height: 52px;padding: 0 26px;background: var(--pl-ink);color: #fff;font-size: 16px;font-weight: 600}
.lpkp-pl-check-out{grid-area: o;font-size: 15px}
.lpkp-pl-check-out b{font-weight: 700}
.lpkp-pl-sec{padding: 88px 0;border-bottom: 1px solid var(--pl-line)}
.lpkp-pl-sechead{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;align-items: end;margin-bottom: 40px}
.lpkp-pl-sechead p{color: var(--pl-mute)}
.lpkp-pl-table{font-size: 16px}
.lpkp-pl-table th{padding: 0 16px 12px 0;border-bottom: 1.5px solid var(--pl-ink);font-size: 12px;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;text-align: left;color: var(--pl-mute)}
.lpkp-pl-table td{padding: 18px 16px 18px 0;border-bottom: 1px solid var(--pl-line);vertical-align: middle}
.lpkp-pl-table td:first-child{width: 30%;font-weight: 600}
.lpkp-pl-table td:nth-child(2){color: var(--pl-mute)}
.lpkp-pl-table td:nth-child(3){width: 90px;font-size: 24px;font-weight: 800;font-stretch: 70%;font-variant-numeric: tabular-nums}
.lpkp-pl-table td:last-child{width: 90px;padding-right: 0;text-align: right}
.lpkp-pl-table td button{height: 38px;padding: 0 16px;border: 1.5px solid var(--pl-ink);font-size: 14px;font-weight: 600}
.lpkp-pl-table tr:hover td{background: var(--pl-stone)}
.lpkp-pl-table tr:hover td button{background: var(--pl-ink);color: #fff}
.lpkp-pl-how{background: var(--pl-stone)}
.lpkp-pl-how-in{display: grid;grid-template-columns: 400px 1fr;gap: 72px;align-items: center}
.lpkp-pl-how-img img{width: 100%;aspect-ratio: 5 / 6;object-fit: cover}
.lpkp-pl-steps{margin-top: 36px}
.lpkp-pl-steps li{display: grid;grid-template-columns: 64px 1fr;padding: 22px 0;border-top: 1px solid var(--pl-line)}
.lpkp-pl-steps li > span{font-size: 15px;font-weight: 600;color: var(--pl-mute);font-variant-numeric: tabular-nums}
.lpkp-pl-steps h3{font-size: 22px;font-weight: 700;line-height: 1.2}
.lpkp-pl-steps p{margin-top: 6px;color: var(--pl-mute)}
.lpkp-pl-rev-in{display: grid;grid-template-columns: 280px 1fr;gap: 72px}
.lpkp-pl-score b{display: block;font-size: 120px;font-weight: 800;font-stretch: 64%;line-height: .85}
.lpkp-pl-stars{display: flex;gap: 3px;margin-top: 16px;color: var(--pl-ink)}
.lpkp-pl-stars svg{width: 18px;height: 18px}
.lpkp-pl-score p{margin-top: 8px;color: var(--pl-mute)}
.lpkp-pl-revs li{padding: 26px 0;border-top: 1px solid var(--pl-line)}
.lpkp-pl-revs li:first-child{padding-top: 0;border-top: 0}
.lpkp-pl-revs blockquote{font-size: 21px;line-height: 1.45}
.lpkp-pl-revs p{margin-top: 10px;font-size: 14px;color: var(--pl-mute)}
.lpkp-pl-revs p b{color: var(--pl-ink)}
.lpkp-pl-areas-in,.lpkp-pl-faq-in{display: grid;grid-template-columns: 400px 1fr;gap: 72px}
.lpkp-pl-areas-in p{margin-top: 18px;color: var(--pl-mute)}
.lpkp-pl-area-list{display: grid;grid-template-columns: repeat(3, 1fr);align-content: start;border-top: 1px solid var(--pl-line)}
.lpkp-pl-area-list li{padding: 12px 0;border-bottom: 1px solid var(--pl-line);font-weight: 500}
.lpkp-pl-qs details{border-top: 1px solid var(--pl-line)}
.lpkp-pl-qs details:last-child{border-bottom: 1px solid var(--pl-line)}
.lpkp-pl-qs summary{display: flex;justify-content: space-between;align-items: center;gap: 24px;padding: 20px 0;font-size: 19px;font-weight: 600;list-style: none;cursor: pointer}
.lpkp-pl-qs summary::-webkit-details-marker{display: none}
.lpkp-pl-qs summary svg{width: 16px;height: 16px;flex: none;transition: transform .2s ease}
.lpkp-pl-qs details[open] summary svg{transform: rotate(45deg)}
.lpkp-pl-qs details p{max-width: 600px;padding-bottom: 22px;color: var(--pl-mute)}
.lpkp-pl-final{padding: 80px 0 88px;background: var(--pl-yellow)}
.lpkp-pl-final h2{font-size: 44px;font-weight: 800;font-stretch: 70%;line-height: 1}
.lpkp-pl-final-num{display: block;margin-top: 10px;font-size: 150px;font-weight: 800;font-stretch: 62%;line-height: .9;letter-spacing: -.01em}
.lpkp-pl-final p{margin-top: 20px;font-size: 18px}
.lpkp-pl-final p a{text-decoration: underline;text-underline-offset: 3px}
.lpkp-pl-foot{padding: 24px 0;background: var(--pl-ink);color: #9da0a5;font-size: 13px}
.lpkp-pl-foot-in{display: flex;justify-content: space-between;gap: 16px}
.lpkp-pl-mbar{position: sticky;bottom: 0;z-index: 20}
.lpkp-pl-mbar-in{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;padding: 10px 12px;background: #fff;border-top: 1px solid var(--pl-line)}
.lpkp-pl-mbar .lpkp-pl-btn{height: 50px}
.lpkp-pl-dialog{padding: 32px;background: #fff;color: var(--pl-ink);font-family: var(--pl-font);font-size: 16px}
.lpkp-pl-dialog h3{margin-bottom: 22px;font-size: 34px;font-weight: 800;font-stretch: 68%;line-height: 1}
.lpkp-pl-x{position: absolute;top: 12px;right: 12px;display: grid;place-items: center;width: 36px;height: 36px}
.lpkp-pl-x svg{width: 16px;height: 16px}
.lpkp-pl-form{display: grid;gap: 18px}
.lpkp-pl-field{display: grid;gap: 6px}
.lpkp-pl-field > span{font-size: 13px;font-weight: 600}
.lpkp-pl-field input,.lpkp-pl-field select{width: 100%;height: 48px;padding: 0 14px;border: 1.5px solid var(--pl-line);border-radius: 0;background: #fff;font-size: 16px;outline: none;appearance: none}
.lpkp-pl-field select{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23121416' stroke-width='1.5' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center;background-size: 14px}
.lpkp-pl-field input:focus,.lpkp-pl-field select:focus{border-color: var(--pl-ink)}
.lpkp-pl-field .is-invalid{border-color: #c4320a}
.lpkp-pl-slots{display: grid;grid-template-columns: 1fr 1fr;gap: 6px}
.lpkp-pl-slots button{height: 44px;padding: 0 12px;border: 1.5px solid var(--pl-line);font-size: 14px;font-weight: 500;text-align: left}
.lpkp-pl-slots button.is-on{border-color: var(--pl-ink);background: var(--pl-ink);color: #fff}
.lpkp-pl-two{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}
.lpkp-pl-fine{font-size: 13px;color: var(--pl-mute)}
.lpkp-pl-done-k{font-size: 13px;font-weight: 600;letter-spacing: .08em;text-transform: uppercase;color: var(--pl-mute)}
.lpkp-pl-done-t{margin: 8px 0 24px;font-size: 22px;line-height: 1.35}
@container lpkp (max-width: 640px){
.lpkp-pl .lpkp-page{font-size: 16px}
.lpkp-pl-wrap{padding: 0 20px}
.lpkp-pl-util-in{font-size: 12px}
.lpkp-pl-util-in span:first-child{display: none}
.lpkp-pl-head-in{height: 64px;gap: 12px}
.lpkp-pl-logo-mark{width: 36px;height: 36px;font-size: 26px}
.lpkp-pl-logo-word{font-size: 22px}
.lpkp-pl-headcall small{display: none}
.lpkp-pl-headcall b{font-size: 20px}
.lpkp-pl-hero{grid-template-columns: 1fr;min-height: 0}
.lpkp-pl-hero-copy{padding: 36px 20px 32px}
.lpkp-pl-eyebrow{font-size: 12px}
.lpkp-pl-h1{margin-top: 16px;font-size: 58px}
.lpkp-pl-lede{margin-top: 16px;font-size: 17px}
.lpkp-pl-ctas{display: grid;margin-top: 24px}
.lpkp-pl-facts{grid-template-columns: repeat(3, 1fr);margin-top: 32px}
.lpkp-pl-facts > div{padding-right: 10px;margin-right: 10px}
.lpkp-pl-facts dt{font-size: 26px}
.lpkp-pl-facts dd{font-size: 12px}
.lpkp-pl-hero-media{height: 380px}
.lpkp-pl-oncall{left: 12px;right: 12px;bottom: 12px}
.lpkp-pl-check-in{grid-template-columns: 1fr;grid-template-areas: "t" "f" "o";row-gap: 14px;padding-top: 28px;padding-bottom: 28px}
.lpkp-pl-check h2{font-size: 32px}
.lpkp-pl-sec{padding: 56px 0}
.lpkp-pl-h2{font-size: 36px}
.lpkp-pl-sechead,.lpkp-pl-how-in,.lpkp-pl-rev-in,.lpkp-pl-areas-in,.lpkp-pl-faq-in{grid-template-columns: 1fr;gap: 24px}
.lpkp-pl-table thead{display: none}
.lpkp-pl-table,.lpkp-pl-table tbody,.lpkp-pl-table tr,.lpkp-pl-table td{display: block;width: auto !important}
.lpkp-pl-table tr{position: relative;padding: 16px 96px 16px 0;border-bottom: 1px solid var(--pl-line)}
.lpkp-pl-table td{padding: 0;border: 0}
.lpkp-pl-table td:nth-child(2){margin-top: 4px;font-size: 14px}
.lpkp-pl-table td:nth-child(3){position: absolute;top: 14px;right: 0}
.lpkp-pl-table td:last-child{position: absolute;right: 0;bottom: 14px}
.lpkp-pl-table td button{height: 32px;padding: 0 12px;font-size: 13px}
.lpkp-pl-score{display: flex;align-items: center;gap: 16px}
.lpkp-pl-score b{font-size: 72px}
.lpkp-pl-stars{margin-top: 0}
.lpkp-pl-revs blockquote{font-size: 18px}
.lpkp-pl-area-list{grid-template-columns: 1fr 1fr}
.lpkp-pl-final{padding: 56px 0 64px}
.lpkp-pl-final h2{font-size: 34px}
.lpkp-pl-final-num{font-size: 68px}
.lpkp-pl-foot{padding-bottom: 90px}
.lpkp-pl-foot-in{flex-direction: column}
.lpkp-pl-dialog{padding: 24px 20px}
.lpkp-pl-two,.lpkp-pl-slots{grid-template-columns: 1fr}
}
/* Landing Pages/demos/saas/saas.css */
.lpkp-ro{--ro-ink: #0b0b0c;--ro-2: #3f3f46;--ro-mute: #71717a;--ro-line: #e4e4e7;--ro-soft: #f7f7f8;--ro-brand: #f25c2a;--ro-good: #15803d;--ro-bad: #c2410c;--ro-k: #fdf1e8;--ro-k-ink: #9a3f12;--ro-f: #eef2fb;--ro-f-ink: #2f4a93;--ro-b: #f4eff9;--ro-b-ink: #5f3d99;--ro-font: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--ro-mono: "Geist Mono", ui-monospace, monospace}
.lpkp-ro .lpkp-page{background: #fff;color: var(--ro-ink);font-family: var(--ro-font);font-size: 16px;line-height: 1.55}
.lpkp-ro-wrap{width: 100%;padding: 0 48px}
.lpkp-ro-h2{font-size: 38px;font-weight: 600;line-height: 1.1;letter-spacing: -.03em}
.lpkp-ro-btn{display: inline-flex;align-items: center;justify-content: center;height: 44px;padding: 0 18px;border: 1px solid var(--ro-ink);border-radius: 8px;background: var(--ro-ink);color: #fff;font-size: 15px;font-weight: 500;white-space: nowrap;transition: background-color .15s ease, color .15s ease}
.lpkp-ro-btn:hover{background: #27272a}
.lpkp-ro-btn.is-sm{height: 36px;padding: 0 14px;font-size: 14px}
.lpkp-ro-btn.is-line{background: #fff;color: var(--ro-ink);border-color: var(--ro-line)}
.lpkp-ro-btn.is-line:hover{border-color: var(--ro-ink)}
.lpkp-ro-btn.is-light{background: #fff;color: var(--ro-ink);border-color: #fff}
.lpkp-ro-btn.is-block{width: 100%}
.lpkp-ro-head{position: sticky;top: 0;z-index: 20;background: rgba(255, 255, 255, .92);backdrop-filter: blur(8px);border-bottom: 1px solid var(--ro-line)}
.lpkp-ro-head-in{display: flex;align-items: center;gap: 36px;height: 64px}
.lpkp-ro-logo{display: flex;align-items: center;gap: 9px;font-size: 19px;font-weight: 600;letter-spacing: -.03em}
.lpkp-ro-mark{position: relative;width: 20px;height: 20px;border-radius: 5px;background: var(--ro-brand)}
.lpkp-ro-mark::after{content: "";position: absolute;left: 4px;right: 4px;top: 7px;height: 2px;background: #fff;box-shadow: 0 5px 0 #fff}
.lpkp-ro-nav{display: flex;gap: 26px;font-size: 14.5px;color: var(--ro-2)}
.lpkp-ro-nav a:hover,.lpkp-ro-login:hover{color: var(--ro-ink)}
.lpkp-ro-login{margin-left: auto;font-size: 14.5px;color: var(--ro-2)}
.lpkp-ro-hero{padding-top: 80px;background: linear-gradient(180deg, #fff 0, #fff 55%, var(--ro-soft) 55%)}
.lpkp-ro-hero-in{display: grid;grid-template-columns: 1fr 400px;gap: 56px;align-items: end}
.lpkp-ro-label{font-size: 14px;color: var(--ro-mute)}
.lpkp-ro-h1{margin-top: 14px;font-size: 64px;font-weight: 600;line-height: 1;letter-spacing: -.045em}
.lpkp-ro-sub{max-width: 560px;margin-top: 22px;font-size: 18px;color: var(--ro-2)}
.lpkp-ro-signup-row{display: flex;gap: 8px}
.lpkp-ro-signup input{flex: 1;min-width: 0;height: 44px;padding: 0 14px;border: 1px solid var(--ro-line);border-radius: 8px;background: #fff;font-size: 15px;outline: none}
.lpkp-ro-signup input:focus{border-color: var(--ro-ink)}
.lpkp-ro-signup input.is-invalid{border-color: var(--ro-bad)}
.lpkp-ro-note{margin-top: 10px;font-size: 13.5px;color: var(--ro-mute)}
.lpkp-ro-done{font-size: 15px;color: var(--ro-2)}
.lpkp-ro-app{margin-top: 64px;border: 1px solid var(--ro-line);border-radius: 12px;background: #fff;box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 24px 60px -20px rgba(24, 24, 27, .18);overflow: hidden;font-size: 13px}
.lpkp-ro-app-top{display: flex;align-items: center;gap: 16px;height: 56px;padding: 0 14px;border-bottom: 1px solid var(--ro-line)}
.lpkp-ro-venue{display: flex;align-items: center;gap: 6px;height: 32px;padding: 0 10px;border: 1px solid var(--ro-line);border-radius: 7px;font-weight: 500}
.lpkp-ro-venue svg{width: 12px;height: 12px;color: var(--ro-mute)}
.lpkp-ro-week{font-weight: 500}
.lpkp-ro-kpi{display: flex;align-items: baseline;gap: 6px;margin-left: auto;color: var(--ro-mute)}
.lpkp-ro-kpi b{font-family: var(--ro-mono);font-size: 15px;font-weight: 500;color: var(--ro-bad);transition: color .3s ease}
.lpkp-ro-kpi b.is-good{color: var(--ro-good)}
.lpkp-ro-auto{display: flex;align-items: center;gap: 7px;height: 32px;padding: 0 12px;border-radius: 7px;background: var(--ro-brand);color: #fff;font-weight: 500}
.lpkp-ro-auto::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: #fff}
.lpkp-ro-auto:disabled{background: var(--ro-soft);color: var(--ro-mute);cursor: default}
.lpkp-ro-auto:disabled::before{background: var(--ro-good)}
.lpkp-ro-pub{height: 32px;padding: 0 12px;border-radius: 7px;background: var(--ro-ink);color: #fff;font-weight: 500}
.lpkp-ro-pub:disabled{opacity: .25;cursor: default}
.lpkp-ro-app-body{display: flex}
.lpkp-ro-side{display: flex;flex-direction: column;gap: 2px;width: 132px;flex: none;padding: 12px 8px;border-right: 1px solid var(--ro-line);background: var(--ro-soft)}
.lpkp-ro-side a{padding: 6px 10px;border-radius: 6px;color: var(--ro-2)}
.lpkp-ro-side a.is-on{background: #fff;color: var(--ro-ink);font-weight: 500;box-shadow: 0 0 0 1px var(--ro-line)}
.lpkp-ro-grid{flex: 1;min-width: 0}
.lpkp-ro-row{display: grid;grid-template-columns: 138px repeat(7, minmax(0, 1fr));border-bottom: 1px solid var(--ro-line)}
.lpkp-ro-row > div{display: flex;flex-direction: column;justify-content: center;align-items: stretch;gap: 3px;min-width: 0;min-height: 44px;padding: 5px;border-left: 1px solid var(--ro-line)}
.lpkp-ro-row > div:first-child{border-left: 0;padding: 5px 10px;justify-content: center}
.lpkp-ro-row.is-head > div{flex-direction: column;align-items: flex-start;justify-content: center;min-height: 46px;padding: 6px 8px;line-height: 1.3}
.lpkp-ro-row.is-head b{font-weight: 500}
.lpkp-ro-row.is-head span{font-family: var(--ro-mono);font-size: 11px;color: var(--ro-mute)}
.lpkp-ro-row.is-group > div{min-height: 28px;background: var(--ro-soft);font-size: 11.5px;font-weight: 500;color: var(--ro-mute)}
.lpkp-ro-row.is-group > div:not(:first-child){border-left-color: transparent}
.lpkp-ro-row.is-open > div:first-child{color: var(--ro-brand);font-weight: 500}
.lpkp-ro-person{display: flex;line-height: 1.25;align-items: center;gap: 8px;min-width: 0}
.lpkp-ro-person i{display: grid;place-items: center;width: 24px;height: 24px;flex: none;border-radius: 50%;background: var(--ro-soft);box-shadow: inset 0 0 0 1px var(--ro-line);font-size: 10px;font-style: normal;font-weight: 500}
.lpkp-ro-person b{display: block;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.lpkp-ro-person > span{min-width: 0}
.lpkp-ro-person small{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-family: var(--ro-mono);font-size: 11px;color: var(--ro-mute)}
.lpkp-ro-shift{display: block;padding: 5px 5px;border-radius: 5px;border-left: 2px solid currentColor;font-family: var(--ro-mono);font-size: 10.5px;letter-spacing: -.02em;overflow: hidden;line-height: 1.2;white-space: nowrap}
.lpkp-ro-shift.is-k{background: var(--ro-k);color: var(--ro-k-ink)}
.lpkp-ro-shift.is-f{background: var(--ro-f);color: var(--ro-f-ink)}
.lpkp-ro-shift.is-b{background: var(--ro-b);color: var(--ro-b-ink)}
.lpkp-ro-shift.is-open{border: 1px dashed var(--ro-brand);background: #fff;color: var(--ro-brand)}
.lpkp-ro-shift.is-new{animation: lpkp-ro-in .5s cubic-bezier(.2, .8, .2, 1) both;box-shadow: 0 0 0 2px rgba(242, 92, 42, .35)}
@keyframes lpkp-ro-in{from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: none; }}
.lpkp-ro-row.is-labour > div{min-height: 34px;font-family: var(--ro-mono);font-size: 12px}
.lpkp-ro-row.is-labour > div:first-child{font-family: var(--ro-font);font-size: 12px;color: var(--ro-mute)}
.lpkp-ro-row.is-labour .is-over{color: var(--ro-bad)}
.lpkp-ro-row.is-labour .is-under{color: var(--ro-good)}
.lpkp-ro-row:last-child{border-bottom: 0}
.lpkp-ro-logos{border-bottom: 1px solid var(--ro-line);background: var(--ro-soft)}
.lpkp-ro-logos-in{display: flex;align-items: center;justify-content: space-between;gap: 24px;padding-top: 40px;padding-bottom: 40px;color: #8f8f98;font-size: 20px}
.lpkp-ro-logos p{font-size: 13.5px;color: var(--ro-mute)}
.lpkp-ro-logos .is-a{font-family: Georgia, serif;font-style: italic}
.lpkp-ro-logos .is-b{font-family: var(--ro-mono);font-size: 15px;letter-spacing: .18em}
.lpkp-ro-logos .is-c{font-weight: 600;letter-spacing: -.05em}
.lpkp-ro-logos .is-d{font-family: Georgia, serif}
.lpkp-ro-logos .is-e{font-weight: 600;font-size: 16px;letter-spacing: .1em}
.lpkp-ro-sec{padding: 96px 0}
.lpkp-ro-feats{display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;margin-top: 44px}
.lpkp-ro-viz{display: grid;place-items: center;height: 200px;padding: 20px;border: 1px solid var(--ro-line);border-radius: 12px;background: var(--ro-soft);font-size: 13px}
.lpkp-ro-feats h3{margin-top: 22px;font-size: 18px;font-weight: 600;letter-spacing: -.015em}
.lpkp-ro-feats article > p{margin-top: 6px;color: var(--ro-mute);font-size: 15px}
.lpkp-ro-swap{width: 100%;padding: 14px;border: 1px solid var(--ro-line);border-radius: 10px;background: #fff;box-shadow: 0 8px 20px -8px rgba(24, 24, 27, .15)}
.lpkp-ro-swap b{font-weight: 500}
.lpkp-ro-swap-shift{margin-top: 4px;font-family: var(--ro-mono);font-size: 11.5px;color: var(--ro-mute)}
.lpkp-ro-swap div{display: flex;gap: 6px;margin-top: 12px}
.lpkp-ro-swap button{flex: 1;height: 30px;border-radius: 6px;border: 1px solid var(--ro-line);font-weight: 500}
.lpkp-ro-swap button:first-child{border-color: var(--ro-ink);background: var(--ro-ink);color: #fff}
.lpkp-ro-clock{width: 100%;border: 1px solid var(--ro-line);border-radius: 10px;background: #fff}
.lpkp-ro-clock li{display: grid;grid-template-columns: 1fr auto 86px;gap: 12px;align-items: center;padding: 10px 12px;border-top: 1px solid var(--ro-line)}
.lpkp-ro-clock li:first-child{border-top: 0}
.lpkp-ro-clock li span:nth-child(2){font-family: var(--ro-mono);color: var(--ro-mute)}
.lpkp-ro-clock em{font-style: normal;font-size: 12px;text-align: right}
.lpkp-ro-clock .is-ok{color: var(--ro-good)}
.lpkp-ro-clock .is-late{color: var(--ro-bad)}
.lpkp-ro-pay{width: 100%;border: 1px solid var(--ro-line);border-radius: 10px;background: #fff}
.lpkp-ro-pay div{display: flex;justify-content: space-between;padding: 11px 12px;border-top: 1px solid var(--ro-line)}
.lpkp-ro-pay div:first-child{border-top: 0}
.lpkp-ro-pay dt{color: var(--ro-mute)}
.lpkp-ro-pay dd{font-family: var(--ro-mono)}
.lpkp-ro-story{padding: 96px 0;background: var(--ro-soft);border-top: 1px solid var(--ro-line);border-bottom: 1px solid var(--ro-line)}
.lpkp-ro-story-in{display: grid;grid-template-columns: 380px 1fr;gap: 72px;align-items: center}
.lpkp-ro-story img{width: 100%;aspect-ratio: 5 / 6;object-fit: cover;border-radius: 12px}
.lpkp-ro-story blockquote{font-size: 28px;font-weight: 500;line-height: 1.3;letter-spacing: -.025em}
.lpkp-ro-story figcaption{margin-top: 22px;font-size: 14.5px;color: var(--ro-mute)}
.lpkp-ro-story figcaption b{display: block;font-weight: 500;color: var(--ro-ink)}
.lpkp-ro-results{display: grid;grid-template-columns: repeat(3, 1fr);margin-top: 40px;border-top: 1px solid var(--ro-line)}
.lpkp-ro-results div{padding-top: 16px}
.lpkp-ro-results dt{font-size: 30px;font-weight: 600;letter-spacing: -.03em}
.lpkp-ro-results dd{margin-top: 2px;font-size: 13.5px;color: var(--ro-mute)}
.lpkp-ro-price-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 24px;margin-bottom: 36px}
.lpkp-ro-bill{display: flex;padding: 3px;border: 1px solid var(--ro-line);border-radius: 9px}
.lpkp-ro-bill button{height: 32px;padding: 0 14px;border-radius: 6px;font-size: 14px;color: var(--ro-mute)}
.lpkp-ro-bill button.is-on{background: var(--ro-ink);color: #fff}
.lpkp-ro-plans{display: grid;grid-template-columns: repeat(3, 1fr);border: 1px solid var(--ro-line);border-radius: 12px;overflow: hidden}
.lpkp-ro-plan{padding: 28px;border-left: 1px solid var(--ro-line)}
.lpkp-ro-plan:first-child{border-left: 0}
.lpkp-ro-plan.is-rec{background: var(--ro-soft)}
.lpkp-ro-plan h3{display: flex;align-items: center;gap: 10px;font-size: 17px;font-weight: 600}
.lpkp-ro-plan h3 span{font-size: 12px;font-weight: 500;color: var(--ro-brand)}
.lpkp-ro-plan > p{margin-top: 2px;font-size: 14px;color: var(--ro-mute)}
.lpkp-ro-plan .lpkp-ro-amt{margin: 26px 0 20px;font-size: 13.5px}
.lpkp-ro-amt b{margin-right: 4px;font-size: 40px;font-weight: 600;letter-spacing: -.04em;color: var(--ro-ink);font-variant-numeric: tabular-nums}
.lpkp-ro-plan ul{margin-top: 24px;font-size: 14.5px}
.lpkp-ro-plan li{padding: 7px 0;border-top: 1px solid var(--ro-line)}
.lpkp-ro-faq{padding-top: 0}
.lpkp-ro-faq-in{display: grid;grid-template-columns: 340px 1fr;gap: 72px}
.lpkp-ro-qs details{border-top: 1px solid var(--ro-line)}
.lpkp-ro-qs details:last-child{border-bottom: 1px solid var(--ro-line)}
.lpkp-ro-qs summary{display: flex;justify-content: space-between;align-items: center;padding: 18px 0;font-size: 17px;font-weight: 500;list-style: none;cursor: pointer}
.lpkp-ro-qs summary::-webkit-details-marker{display: none}
.lpkp-ro-qs summary svg{width: 14px;height: 14px;color: var(--ro-mute);transition: transform .2s ease}
.lpkp-ro-qs details[open] summary svg{transform: rotate(45deg)}
.lpkp-ro-qs p{padding-bottom: 20px;color: var(--ro-mute)}
.lpkp-ro-final{padding: 88px 0;background: var(--ro-ink);color: #fff}
.lpkp-ro-final-in{display: grid;grid-template-columns: 1fr 440px;gap: 56px;align-items: center}
.lpkp-ro-final h2{font-size: 44px;font-weight: 600;line-height: 1.05;letter-spacing: -.04em}
.lpkp-ro-signup.is-dark input{border-color: #3f3f46;background: #18181b;color: #fff}
.lpkp-ro-signup.is-dark .lpkp-ro-done{color: #d4d4d8}
.lpkp-ro-foot{padding: 24px 0;font-size: 13px;color: var(--ro-mute)}
.lpkp-ro-foot-in{display: flex;justify-content: space-between;align-items: center}
.lpkp-ro-foot .lpkp-ro-logo{font-size: 16px;color: var(--ro-ink)}
.lpkp-ro-dialog{padding: 28px;border-radius: 14px;background: #fff;color: var(--ro-ink);font-family: var(--ro-font);font-size: 15px}
.lpkp-ro-dialog h3{font-size: 24px;font-weight: 600;letter-spacing: -.03em}
.lpkp-ro-dsub{margin-top: 4px;color: var(--ro-mute)}
.lpkp-ro-x{position: absolute;top: 12px;right: 12px;display: grid;place-items: center;width: 34px;height: 34px;border-radius: 8px}
.lpkp-ro-x svg{width: 14px;height: 14px}
.lpkp-ro-form{display: grid;gap: 16px;margin-top: 20px}
.lpkp-ro-field{display: grid;gap: 6px}
.lpkp-ro-field > span{font-size: 13px;font-weight: 500}
.lpkp-ro-field input{height: 44px;padding: 0 12px;border: 1px solid var(--ro-line);border-radius: 8px;font-size: 15px;outline: none}
.lpkp-ro-field input:focus{border-color: var(--ro-ink)}
.lpkp-ro-field input.is-invalid,.lpkp-ro-seg.is-invalid{border-color: var(--ro-bad)}
.lpkp-ro-seg{display: grid;grid-template-columns: repeat(3, 1fr);border: 1px solid var(--ro-line);border-radius: 8px;overflow: hidden}
.lpkp-ro-seg button{height: 40px;border-left: 1px solid var(--ro-line);font-size: 14px}
.lpkp-ro-seg button:first-child{border-left: 0}
.lpkp-ro-seg button.is-on{background: var(--ro-ink);color: #fff}
.lpkp-ro-dialog .lpkp-form-done .lpkp-ro-btn{margin-top: 18px}
@container lpkp (max-width: 640px){
.lpkp-ro-wrap{padding: 0 20px}
.lpkp-ro-head-in{height: 58px;justify-content: space-between}
.lpkp-ro-hero{padding-top: 44px;background: linear-gradient(180deg, #fff 0, #fff 70%, var(--ro-soft) 70%)}
.lpkp-ro-hero-in{grid-template-columns: 1fr;gap: 28px}
.lpkp-ro-h1{font-size: 44px}
.lpkp-ro-sub{font-size: 16px}
.lpkp-ro-signup-row{flex-direction: column}
.lpkp-ro-signup input{flex: none}
.lpkp-ro-app{margin-top: 40px}
.lpkp-ro-app-top{flex-wrap: wrap;height: auto;padding: 10px;gap: 8px}
.lpkp-ro-week{display: none}
.lpkp-ro-kpi{order: 3;width: 100%;margin-left: 0}
.lpkp-ro-auto{margin-left: auto}
.lpkp-ro-pub{display: none}
.lpkp-ro-row{grid-template-columns: 44px repeat(7, 1fr)}
.lpkp-ro-row > div{min-height: 36px;padding: 3px 2px}
.lpkp-ro-row > div:first-child{padding: 3px 6px}
.lpkp-ro-person b,.lpkp-ro-person small,.lpkp-ro-row.is-head span,.lpkp-ro-row.is-group > div,.lpkp-ro-row.is-labour > div:first-child{font-size: 0}
.lpkp-ro-row.is-group{display: none}
.lpkp-ro-row.is-open > div:first-child{font-size: 0}
.lpkp-ro-row.is-head > div{padding: 4px 2px;align-items: center;font-size: 10px}
.lpkp-ro-shift{padding: 4px 0;border-left-width: 0;font-size: 0;min-height: 14px}
.lpkp-ro-row.is-labour > div{font-size: 9.5px;justify-content: center}
.lpkp-ro-logos-in{flex-wrap: wrap;justify-content: center;gap: 14px 22px;font-size: 16px}
.lpkp-ro-logos p{width: 100%;text-align: center}
.lpkp-ro-sec,.lpkp-ro-story,.lpkp-ro-final{padding: 56px 0}
.lpkp-ro-faq{padding-top: 0}
.lpkp-ro-h2{font-size: 30px}
.lpkp-ro-feats,.lpkp-ro-story-in,.lpkp-ro-faq-in,.lpkp-ro-final-in{grid-template-columns: 1fr;gap: 32px}
.lpkp-ro-story blockquote{font-size: 21px}
.lpkp-ro-results dt{font-size: 22px}
.lpkp-ro-price-head{flex-direction: column;align-items: flex-start}
.lpkp-ro-plans{grid-template-columns: 1fr}
.lpkp-ro-plan{border-left: 0;border-top: 1px solid var(--ro-line)}
.lpkp-ro-plan:first-child{border-top: 0}
.lpkp-ro-final h2{font-size: 32px}
.lpkp-ro-foot-in{flex-direction: column;gap: 8px}
}
/* Landing Pages/demos/travel/travel.css */
.lpkp-nd{--nd-ink: #15181c;--nd-mute: #686b70;--nd-line: #dcd9d1;--nd-paper: #f4f2ed;--nd-night: #0b1016;--nd-low: #b0461d;--nd-serif: "Newsreader", Georgia, serif;--nd-sans: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif}
.lpkp-nd .lpkp-page{background: #fff;color: var(--nd-ink);font-family: var(--nd-sans);font-size: 16px;line-height: 1.55}
.lpkp-nd-wrap{width: 100%;padding: 0 48px}
.lpkp-nd-sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%)}
.lpkp-nd-h2{font-family: var(--nd-serif);font-size: 42px;font-weight: 400;line-height: 1.08;letter-spacing: -.015em}
.lpkp-nd-btn{display: inline-flex;align-items: center;justify-content: center;height: 50px;padding: 0 24px;background: var(--nd-ink);color: #fff;font-size: 15px;font-weight: 500;white-space: nowrap;transition: background-color .15s ease, color .15s ease}
.lpkp-nd-btn:hover{background: #000}
.lpkp-nd-btn.is-light{background: #fff;color: var(--nd-ink)}
.lpkp-nd-btn.is-light:hover{background: var(--nd-paper)}
.lpkp-nd-btn.is-line{background: transparent;color: var(--nd-ink);border: 1px solid var(--nd-ink)}
.lpkp-nd-btn.is-block{width: 100%}
.lpkp-nd-hero{position: relative;height: 660px;background: var(--nd-night);color: #fff;overflow: hidden}
.lpkp-nd-hero-img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 35%}
.lpkp-nd-hero::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg, rgba(5, 8, 12, .55) 0%, rgba(5, 8, 12, 0) 22%, rgba(5, 8, 12, 0) 45%, rgba(5, 8, 12, .78) 100%);pointer-events: none}
.lpkp-nd-head{position: relative;z-index: 2}
.lpkp-nd-head-in{display: flex;align-items: center;gap: 40px;height: 80px}
.lpkp-nd-logo{font-family: var(--nd-serif);font-size: 28px;letter-spacing: -.01em}
.lpkp-nd-nav{display: flex;gap: 28px;margin-left: auto;font-size: 14.5px;color: rgba(255, 255, 255, .82)}
.lpkp-nd-nav a:hover{color: #fff}
.lpkp-nd-head-tel{font-size: 14.5px;font-weight: 500;padding-left: 28px;border-left: 1px solid rgba(255, 255, 255, .3)}
.lpkp-nd-hero-in{position: absolute;left: 0;right: 0;bottom: 92px;z-index: 2;display: flex;align-items: flex-end;justify-content: space-between;gap: 48px}
.lpkp-nd-over{font-size: 13px;font-weight: 500;letter-spacing: .14em;text-transform: uppercase;color: rgba(255, 255, 255, .75)}
.lpkp-nd-h1{max-width: 720px;margin-top: 16px;font-family: var(--nd-serif);font-size: 80px;font-weight: 400;line-height: .98;letter-spacing: -.025em}
.lpkp-nd-meta{margin-top: 20px;max-width: 540px;font-size: 17px;color: rgba(255, 255, 255, .82)}
.lpkp-nd-from{display: grid;flex: none;text-align: right;font-size: 14px;color: rgba(255, 255, 255, .8)}
.lpkp-nd-from b{font-family: var(--nd-serif);font-size: 56px;font-weight: 400;line-height: 1;color: #fff}
.lpkp-nd-search{position: relative;z-index: 3;display: grid;grid-template-columns: 1.2fr 1fr 1fr auto;margin-top: -44px;background: #fff;border: 1px solid var(--nd-line);box-shadow: 0 20px 50px rgba(11, 16, 22, .14)}
.lpkp-nd-cell{display: grid;gap: 2px;padding: 14px 20px;border-right: 1px solid var(--nd-line)}
.lpkp-nd-cell > span{font-size: 12px;font-weight: 500;color: var(--nd-mute)}
.lpkp-nd-cell select{width: 100%;padding: 0;border: 0;background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2315181c' stroke-width='1.5' d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat right center / 13px;font-size: 17px;font-weight: 500;appearance: none;outline: none;cursor: pointer}
.lpkp-nd-step{display: flex;align-items: center;gap: 16px}
.lpkp-nd-step button{display: grid;place-items: center;width: 26px;height: 26px;border: 1px solid var(--nd-line);border-radius: 50%}
.lpkp-nd-step button svg{width: 11px;height: 11px}
.lpkp-nd-step b{min-width: 12px;font-size: 17px;font-weight: 500;text-align: center}
.lpkp-nd-go{padding: 0 32px;background: var(--nd-ink);color: #fff;font-size: 15px;font-weight: 500}
.lpkp-nd-go:hover{background: #000}
.lpkp-nd-sec{padding: 88px 0}
.lpkp-nd-sechead{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;align-items: end;margin-bottom: 32px}
.lpkp-nd-sechead p{color: var(--nd-mute)}
.lpkp-nd-table{font-size: 15px}
.lpkp-nd-table th{padding: 0 16px 12px 0;border-bottom: 1px solid var(--nd-ink);font-size: 12px;font-weight: 500;color: var(--nd-mute);text-align: left}
.lpkp-nd-table td{padding: 18px 16px 18px 0;border-bottom: 1px solid var(--nd-line);vertical-align: middle;font-variant-numeric: tabular-nums}
.lpkp-nd-table td:first-child{font-weight: 500}
.lpkp-nd-table td small{display: block;font-size: 13px;font-weight: 400;color: var(--nd-mute)}
.lpkp-nd-table td.is-low{color: var(--nd-low)}
.lpkp-nd-table td.is-price{font-family: var(--nd-serif);font-size: 22px}
.lpkp-nd-table td:last-child{padding-right: 0;text-align: right}
.lpkp-nd-table td button{height: 40px;padding: 0 16px;border: 1px solid var(--nd-ink);font-size: 14px;font-weight: 500;white-space: nowrap}
.lpkp-nd-table td button:hover{background: var(--nd-ink);color: #fff}
.lpkp-nd-table tr.is-out td{color: var(--nd-mute)}
.lpkp-nd-table tr.is-out td button{border-color: var(--nd-line);color: var(--nd-mute)}
.lpkp-nd-table tr.is-new td{animation: lpkp-nd-in .4s ease both}
@keyframes lpkp-nd-in{from { opacity: 0; }
  to { opacity: 1; }}
.lpkp-nd-promise{max-width: 680px;margin-top: 32px;padding-left: 16px;border-left: 2px solid var(--nd-ink);color: var(--nd-mute)}
.lpkp-nd-promise b{font-weight: 600;color: var(--nd-ink)}
.lpkp-nd-days{background: var(--nd-paper)}
.lpkp-nd-days-in{display: grid;grid-template-columns: 340px 1fr;gap: 72px;align-items: start}
.lpkp-nd-days-head{position: sticky;top: 40px}
.lpkp-nd-days-head p{margin-top: 18px;color: var(--nd-mute)}
.lpkp-nd-daylist li{display: grid;grid-template-columns: 200px 1fr;gap: 28px;align-items: center;padding: 20px 0;border-top: 1px solid var(--nd-line)}
.lpkp-nd-daylist li:first-child{padding-top: 0;border-top: 0}
.lpkp-nd-daylist img{width: 200px;height: 140px;object-fit: cover}
.lpkp-nd-daylist p{font-size: 12px;font-weight: 500;letter-spacing: .12em;text-transform: uppercase;color: var(--nd-mute)}
.lpkp-nd-daylist h3{margin-top: 4px;font-family: var(--nd-serif);font-size: 24px;line-height: 1.2}
.lpkp-nd-daylist span{display: block;margin-top: 6px;color: var(--nd-mute)}
.lpkp-nd-incl{display: grid;grid-template-columns: 340px 1fr 1fr;gap: 48px}
.lpkp-nd-incl h3{padding-bottom: 12px;border-bottom: 1px solid var(--nd-ink);font-size: 13px;font-weight: 500;letter-spacing: .1em;text-transform: uppercase}
.lpkp-nd-incl li{padding: 12px 0;border-bottom: 1px solid var(--nd-line)}
.lpkp-nd-quote{display: grid;grid-template-columns: 1fr 1fr;background: var(--nd-night);color: #fff}
.lpkp-nd-quote img{width: 100%;height: 100%;min-height: 500px;object-fit: cover}
.lpkp-nd-quote figure{align-self: center;padding: 64px}
.lpkp-nd-quote blockquote{font-family: var(--nd-serif);font-size: 32px;line-height: 1.25;letter-spacing: -.01em}
.lpkp-nd-quote figcaption{margin-top: 24px;font-size: 15px;color: rgba(255, 255, 255, .75)}
.lpkp-nd-quote-score{margin-top: 40px;padding-top: 16px;border-top: 1px solid rgba(255, 255, 255, .2);font-size: 13px;color: rgba(255, 255, 255, .6)}
.lpkp-nd-faq{display: grid;grid-template-columns: 340px 1fr;gap: 72px}
.lpkp-nd-qs details{border-top: 1px solid var(--nd-line)}
.lpkp-nd-qs details:last-child{border-bottom: 1px solid var(--nd-line)}
.lpkp-nd-qs summary{display: flex;justify-content: space-between;align-items: center;gap: 24px;padding: 20px 0;font-size: 18px;font-weight: 500;list-style: none;cursor: pointer}
.lpkp-nd-qs summary::-webkit-details-marker{display: none}
.lpkp-nd-qs summary svg{width: 15px;height: 15px;flex: none;transition: transform .2s ease}
.lpkp-nd-qs details[open] summary svg{transform: rotate(45deg)}
.lpkp-nd-qs p{max-width: 580px;padding-bottom: 22px;color: var(--nd-mute)}
.lpkp-nd-final{position: relative;height: 420px;background: var(--nd-night);color: #fff;overflow: hidden}
.lpkp-nd-final img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: .8}
.lpkp-nd-final-in{position: relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;gap: 24px;height: 100%;padding-bottom: 64px}
.lpkp-nd-final h2{max-width: 560px;font-family: var(--nd-serif);font-size: 52px;font-weight: 400;line-height: 1.02;letter-spacing: -.02em}
.lpkp-nd-foot{padding: 28px 0;background: var(--nd-night);color: rgba(255, 255, 255, .55);font-size: 13px}
.lpkp-nd-foot-in{display: flex;justify-content: space-between;align-items: center}
.lpkp-nd-foot .lpkp-nd-logo{font-size: 22px;color: #fff}
.lpkp-nd-dialog{padding: 32px;background: #fff;color: var(--nd-ink);font-family: var(--nd-sans);font-size: 15px}
.lpkp-nd-dialog h3{font-family: var(--nd-serif);font-size: 32px;line-height: 1.1}
.lpkp-nd-x{position: absolute;top: 12px;right: 12px;display: grid;place-items: center;width: 36px;height: 36px}
.lpkp-nd-x svg{width: 15px;height: 15px}
.lpkp-nd-sum{margin: 18px 0 22px;border-top: 1px solid var(--nd-line)}
.lpkp-nd-sum div{display: flex;justify-content: space-between;padding: 9px 0;border-bottom: 1px solid var(--nd-line)}
.lpkp-nd-sum dt{color: var(--nd-mute)}
.lpkp-nd-sum dd{font-weight: 500}
.lpkp-nd-form{display: grid;gap: 14px}
.lpkp-nd-field{display: grid;gap: 6px}
.lpkp-nd-field span{font-size: 13px;color: var(--nd-mute)}
.lpkp-nd-field input{height: 48px;padding: 0 14px;border: 1px solid var(--nd-line);border-radius: 0;font-size: 16px;outline: none}
.lpkp-nd-field input:focus{border-color: var(--nd-ink)}
.lpkp-nd-field input.is-invalid{border-color: var(--nd-low)}
.lpkp-nd-fine{font-size: 13px;color: var(--nd-mute)}
.lpkp-nd-done-k{font-size: 12px;font-weight: 500;letter-spacing: .12em;text-transform: uppercase;color: var(--nd-mute)}
.lpkp-nd-done-t{margin: 8px 0 24px;font-family: var(--nd-serif);font-size: 24px;line-height: 1.3}
@container lpkp (max-width: 640px){
.lpkp-nd-wrap{padding: 0 20px}
.lpkp-nd-hero{height: 600px}
.lpkp-nd-head-in{height: 64px}
.lpkp-nd-logo{font-size: 24px}
.lpkp-nd-hero-in{bottom: 64px;flex-direction: column;align-items: flex-start;gap: 20px}
.lpkp-nd-h1{font-size: 48px}
.lpkp-nd-meta{font-size: 15px}
.lpkp-nd-from{text-align: left}
.lpkp-nd-from b{font-size: 40px}
.lpkp-nd-search{grid-template-columns: 1fr 1fr;margin-top: -32px}
.lpkp-nd-cell{padding: 12px 14px;border-bottom: 1px solid var(--nd-line)}
.lpkp-nd-cell:nth-child(2){border-right: 0}
.lpkp-nd-go{grid-column: span 1;height: 100%;min-height: 56px;border-bottom: 0;padding: 0 14px}
.lpkp-nd-sec{padding: 56px 0}
.lpkp-nd-h2{font-size: 32px}
.lpkp-nd-sechead,.lpkp-nd-days-in,.lpkp-nd-incl,.lpkp-nd-faq,.lpkp-nd-quote{grid-template-columns: 1fr;gap: 24px}
.lpkp-nd-days-head{position: static}
.lpkp-nd-table thead{display: none}
.lpkp-nd-table,.lpkp-nd-table tbody,.lpkp-nd-table tr,.lpkp-nd-table td{display: block}
.lpkp-nd-table tr{position: relative;padding: 16px 0;border-bottom: 1px solid var(--nd-line)}
.lpkp-nd-table td{padding: 0;border: 0}
.lpkp-nd-table td:nth-child(2),.lpkp-nd-table td:nth-child(5){display: none}
.lpkp-nd-table td.is-price{position: absolute;top: 14px;right: 0}
.lpkp-nd-table td:nth-child(3){margin-top: 4px;font-size: 14px}
.lpkp-nd-table td:last-child{margin-top: 12px;text-align: left}
.lpkp-nd-table td button{width: 100%}
.lpkp-nd-daylist li{grid-template-columns: 110px 1fr;gap: 16px}
.lpkp-nd-daylist img{width: 110px;height: 90px}
.lpkp-nd-daylist h3{font-size: 19px}
.lpkp-nd-daylist span{font-size: 14px}
.lpkp-nd-quote{gap: 0}
.lpkp-nd-quote img{min-height: 0;height: 260px}
.lpkp-nd-quote figure{padding: 40px 20px}
.lpkp-nd-quote blockquote{font-size: 24px}
.lpkp-nd-final{height: 360px}
.lpkp-nd-final h2{font-size: 36px}
.lpkp-nd-foot-in{flex-direction: column;gap: 8px}
.lpkp-nd-dialog{padding: 24px 20px}
}
/* site/frames.css */
.ttkp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.ttkp > .ttkp-drawer{left: 12px;right: 12px;bottom: 12px}
@media (max-width: 479px){
.ttkp{max-width: 100%;margin: 0 auto}
}
.sckp{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.sckp, .sckp *, .sckp *::before, .sckp *::after{box-sizing: border-box}
@media (max-width: 479px){
.sckp{max-width: 100%;margin: 0 auto}
}
.wwm-fbd-frame{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-fbd-frame>.fbkp{width: 100%}
@media (max-width:479px){
.wwm-fbd-frame{padding: 8px}
}
.wwm-fbd-frame .fbkp-marketplace-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px}
.wwm-fbd-frame .fbkp-messenger-drawer, .wwm-fbd-frame .fbkp-lead-modal, .wwm-fbd-frame .fbkp-canvas-modal{position: absolute}
.wwm-fbd-frame .fbkp-canvas-dialog, .wwm-fbd-frame .fbkp-lead-dialog{height: auto;max-height: calc(100% - 8px)}
.wwm-fbd-frame .fbkp-messenger-drawer{width: calc(100% - 24px);height: calc(100% - 24px);max-height: 520px}
.wwm-slot-phone .wwm-fbd-frame{margin: 0}
.wwm-rtd-frame{display: block;width: fit-content;max-width: none;margin: 0 -13px;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-rtd-frame.is-fluid{width: 100%;max-width: 100%;margin: 0}
.wwm-rtd-frame>.igkp, .wwm-rtd-frame>.likp, .wwm-rtd-frame>.ytkp{margin: 0 auto;min-height: 0}
@media (max-width:479px){
.wwm-rtd-frame{max-width: 100%;margin: 0 auto}
}
.wwm-rtd-frame:not(.is-fluid)>.igkp{width: 360px;max-width: 100%;height: 640px}
.wwm-rtd-frame:not(.is-fluid)>.igkp>.igkp-vertical-phone{margin: 0}
.wwm-kd-frame{display: block;width: 100%;max-width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-kd-frame>.ytkp, .wwm-kd-frame>.amkp, .wwm-kd-frame>.likp, .wwm-kd-frame>.mskp,
.wwm-kd-frame>.pskp, .wwm-kd-frame>.askp, .wwm-kd-frame>.pnkp, .wwm-kd-frame>.rdkp{height: auto;min-height: 0;overflow: visible}
.wwm-kd-frame>.igkp{height: auto;overflow: visible}
.wwm-kd-frame [class*="phone"], .wwm-kd-frame [class*="vertical"]{max-width: 100%}
@media (max-width:479px){
.wwm-kd-frame{padding: 8px}
}
.wwm-gx-demo{display: block;width: 100%;padding: 12px;background-color: var(--paper);border: 1px dashed var(--rule-2)}
.wwm-gx-demo>.gmkp{border-radius: 8px}
@media (max-width:479px){
.wwm-gx-demo{padding: 8px}
.wwm-gx-demo.is-snip .gmkp-results{padding: 14px}
}
/* site/google.css */
.gmkp.is-standalone{height: auto !important;min-height: 0 !important;overflow: visible !important;background: transparent}
.gmkp-main{max-height: 600px;padding: 15px 0 0 clamp(24px,18cqw,182px);background: var(--gmkp-bg)}
@container (max-width: 900px){
.gmkp-main{padding: 16px 16px 0}
}
.gmkp-product-img img{width: 100%;height: 158px;object-fit: cover}
@container (max-width:480px){
.gmkp-icon-mic, .gmkp-icon-clear, .gmkp-divider{display: none}
}
@media (prefers-reduced-motion:reduce){
.gmkp-sk{animation: none}
.gmkp.is-armed .gmkp-header, .gmkp.is-armed [data-gmkp-step]{transform: none}
.gmkp .is-sweep::after{display: none}
}
.wwm-gx-demo.is-snip .gmkp{min-height: 0}
.wwm-gx-demo.is-snip .gmkp-results{width: 100%;padding: 20px}
.wwm-gx-demo > .gmkp, .serp-demo-frame > .gmkp{border-radius: 8px}
.wwm-gx-demo .gmkp{--gmkp-bg: #fff;font-family: Arial,sans-serif;border: 1px solid var(--rule)}
.wwm-gx-demo .gmkp-badge{color: #1f1f1f}
.wwm-gx-demo .gmkp-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp-result-head{color: #202124}
.wwm-gx-demo .gmkp-search-bar{background: #fff;box-shadow: 0 1px 6px rgba(32,33,36,.2)}
.wwm-gx-demo .gmkp-sitelinks a, .wwm-gx-demo .gmkp-hero-sitelinks a{color: #1a0dab}
.wwm-gx-demo .gmkp .gmkp-local-cta, .wwm-gx-demo .gmkp .gmkp-app-cta, .wwm-gx-demo .gmkp .gmkp-leadform-cta{background: #0b57d0;color: #fff}
.wwm-gx-demo .gmkp-local-phone{color: #0b57d0}
.wwm-gx-demo .gmkp-map-num{background: #ea4335;color: #fff}
.wwm-gx-demo .gmkp-map-pin{fill: #ea4335;filter: drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.wwm-gx-demo .gmkp-map-canvas{background: repeating-linear-gradient(0deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(0,0,0,.05) 27px 28px),linear-gradient(135deg,#e6f0e3,#e8eef6)}
.wwm-gx-demo .gmkp-ai{background: radial-gradient(120% 160% at 0% 0%,rgba(66,133,244,.10),transparent 60%),radial-gradient(120% 160% at 100% 0%,rgba(234,67,53,.06),transparent 55%),#f8fafd}
.wwm-gx-demo .gmkp-guaranteed{background: #e6f4ea}
.wwm-gx-demo .gmkp-suggestion b{color: #1f1f1f}
.wwm-gx-demo .gmkp-suggestion.is-pressed{background: #e8eaed}
.wwm-gx-demo .gmkp-home-box{box-shadow: 0 1px 6px rgba(32,33,36,.18);border-color: transparent;background: #fff}
.wwm-gx-demo .gmkp-suggestions{background: #fff;box-shadow: 0 4px 6px rgba(32,33,36,.18)}
.wwm-gx-demo .gmkp-home-actions span{background: #f8f9fa;color: #3c4043}
.wwm-gx-demo .gmkp-hero-media:empty, .wwm-gx-demo .gmkp-result-media:empty, .wwm-gx-demo .gmkp-hotel-media:empty, .wwm-gx-demo .gmkp-showcase-item:empty{background: linear-gradient(135deg,#e8f0fe 0%,#f1f3f4 55%,#fef7e0 100%)}
.wwm-slot-snip:has(.wwm-gx-demo){max-width: none;width: 100%}
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 720px;min-height: 0}
@media (max-width:767px){
.wwm-gx-frame .wwm-gx-demo>.gmkp{height: 640px}
}
.wwm-gx-anat .wwm-gx-demo>.gmkp{height: auto}
.wwm-gx-anat .wwm-gx-demo>.gmkp::after{display: none}
.wwm-slot-serp .wwm-gx-demo{position: relative}
.wwm-slot-serp .wwm-gx-demo>.gmkp{height: 600px;min-height: 0}
.wwm-slot-serp .wwm-gx-demo>.gmkp::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 120px;background: linear-gradient(transparent,#fff);pointer-events: none;z-index: 5}
/* site/reddit.css */
.wwm-kd-frame>.rdkp{--rdkp-line: #e5ebee;--rdkp-ink-heading: #0f1a1c}
.wwm-kd-frame .rdkp-cta-strip{background: #f6f7f8}
.wwm-kd-frame .rdkp-drawer-title, .wwm-kd-frame .rdkp-catalog-title{color: var(--rdkp-ink-heading)}
.wwm-kd-frame .rdkp-reply-input, .wwm-kd-frame .rdkp-input{background: #f6f7f8;color: #0f1a1c}
.wwm-kd-frame .rdkp-carousel-card, .wwm-kd-frame .rdkp-catalog-card{background: #fff}
.wwm-kd-frame .rdkp-media-wrap{background: #f6f7f8}
.wwm-kd-frame .rdkp-product-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 8px;margin: 12px 0}
.wwm-kd-frame .rdkp-product-item{border: 1px solid var(--rdkp-line);border-radius: 10px;padding: 6px;overflow: hidden;background: #fff}
.wwm-kd-frame .rdkp-product-img{display: block;width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;background-size: cover;background-position: center;border-radius: 6px}
.wwm-kd-frame .rdkp-product-name{font-size: 12px;font-weight: 700;color: var(--rdkp-ink-heading);margin-top: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.wwm-kd-frame .rdkp-product-price{font-size: 12px;font-weight: 800;color: #d93a00}
.wwm-kd-frame .rdkp [style*="#131519"]{background: #f6f7f8 !important}
.wwm-kd-frame .rdkp [style*="color: #ffffff"]{color: #0f1a1c !important}
.wwm-rd-post>.wwm-rd-cmts{grid-column: 2}