/* Public landing. Isolated from the authenticated app and its navigation. */
.page-landing {
    --lp-ink: #122039;
    --lp-muted: #596579;
    --lp-blue: #0064df;
    --lp-line: #e0e6ee;
    --lp-ease: cubic-bezier(.22,1,.36,1);
    margin: 0;
    background: #fbfcfe;
    color: var(--lp-ink);
    font-family: var(--font, 'Be Vietnam Pro', sans-serif);
    -webkit-font-smoothing: antialiased;
}
.page-landing *, .page-landing *::before, .page-landing *::after { box-sizing: border-box; }
.page-landing [hidden] { display: none !important; }
.page-landing :is(h1,h2,h3,p) { margin: 0; }
.page-landing a { color: inherit; text-decoration: none; }
.page-landing button { font: inherit; cursor: pointer; }
.page-landing :is(a,button,[tabindex]):focus-visible { outline: 3px solid #176fee; outline-offset: 5px; }
.page-landing svg { display: block; flex-shrink: 0; width: 22px; height: 22px; }
.page-landing img { max-width: 100%; }
.page-landing .skip-link { position: fixed; top: -100px; left: 16px; transform: none; z-index: 2000; padding: 12px 20px; background: white; border-radius: 12px; }
.page-landing .skip-link:focus { top: 12px; }
.lp-wrap { width: min(1184px, calc(100% - 96px)); margin-inline: auto; }
.lp :is(section[id],div[id]), .lp #contenido { scroll-margin-top: 110px; }
.lp-nav-shell { position: sticky; top: 0; z-index: 100; background: rgba(251,252,254,.94); border-bottom: 1px solid transparent; transition: border-color .2s, box-shadow .2s; }
@supports (backdrop-filter: blur(16px)) { .lp-nav-shell { background: rgba(251,252,254,.86); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } }
.lp-nav-shell.is-scrolled { border-bottom-color: var(--lp-line); box-shadow: 0 4px 20px #12203905; }
.lp-nav { width: min(1280px, calc(100% - 64px)); height: 88px; display: flex; align-items: center; gap: 36px; margin: auto; }
.lp-logo { display: grid; place-items: center; width: 81px; min-height: 44px; margin-right: auto; }
.lp-logo img { width: 81px; height: auto; }
.lp-nav-links { display: flex; align-items: center; gap: 30px; }
.lp-nav-links a, .lp-login { font-size: 13px; font-weight: 600; min-height: 44px; display: inline-flex; align-items: center; }
.lp-nav-links a { color: var(--lp-muted); }
.lp-nav-links a:hover, .lp-login:hover { color: var(--lp-blue); }
.lp-nav-actions { display: flex; align-items: center; gap: 24px; }
.page-landing .lp-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 54px; padding: 16px 24px; border: 1px solid transparent; border-radius: 15px; background: var(--lp-blue); color: #fff; font-size: 14px; line-height: 1.4; font-weight: 600; box-shadow: 0 5px 12px #005adf18; transition: background .2s, transform .2s var(--lp-ease), box-shadow .2s; }
.page-landing .lp-button svg { width: 18px; height: 18px; }
.page-landing .lp-button--small { min-height: 44px; padding: 12px 18px; font-size: 12px; border-radius: 12px; }
.page-landing .lp-button--outline { background: #fff; border-color: #d5dfed; color: var(--lp-ink); box-shadow: none; }
.page-landing .lp-button--mint { background: #c6f4df; color: #122c2b; box-shadow: none; }
.lp-menu-toggle { display: none; border: 1px solid var(--lp-line); background: transparent; border-radius: 12px; width: 44px; height: 44px; padding: 10px; color: var(--lp-ink); }
.lp-mobile-menu { position: absolute; top: calc(100% - 3px); left: 16px; right: 16px; padding: 6px 20px 12px; border: 1px solid var(--lp-line); border-radius: 17px; background: #fff; box-shadow: 0 18px 40px #132d4926; max-height: calc(100vh - 90px); max-height: calc(100dvh - 90px); overflow-y: auto; }
.lp-mobile-menu a { display: flex; align-items: center; justify-content: space-between; min-height: 50px; font-size: 14px; font-weight: 600; }
.lp-hero { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 70px; padding-top: 55px; padding-bottom: 70px; }
.lp-hero-copy { padding-bottom: 22px; }
.lp-eyebrow { color: var(--lp-blue); font-size: 11px; font-weight: 600; letter-spacing: .075em; line-height: 1.7; }
.lp-hero .lp-eyebrow { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; letter-spacing: .015em; font-size: 12px; }
.lp-dot { width: 6px; height: 6px; border-radius: 50%; background: #1c946b; box-shadow: 0 0 0 4px #e6f5ee; flex-shrink: 0; }
.lp h1 { font-size: clamp(44px, 4.45vw, 65px); font-weight: 700; letter-spacing: -.06em; line-height: 1.12; }
.lp h1 > span { color: var(--lp-blue); }
.lp .lp-lead { max-width: 450px; margin-top: 25px; color: var(--lp-muted); font-size: 17px; line-height: 1.8; }
.lp-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 30px; }
.lp-text-link { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; min-height: 44px; }
.lp-text-link svg { width: 17px; height: 17px; transition: transform .2s; }
.lp-text-link:hover svg { transform: translateX(3px); }
.lp .lp-quiet { margin-top: 14px; color: var(--lp-muted); font-size: 11px; }
.lp-hero-points { display: flex; gap: 22px; margin-top: 38px; border-top: 1px solid var(--lp-line); padding-top: 22px; }
.lp-hero-points span { display: flex; align-items: center; gap: 8px; color: var(--lp-muted); font-size: 11px; }
.lp-hero-points svg { color: #2b7964; width: 17px; height: 17px; }
.lp-showcase { position: relative; min-width: 0; background: #edf2f8; border: 1px solid #e1e8f1; padding: 20px 28px 14px; border-radius: 32px; }
.lp-showcase::before { content: ''; position: absolute; inset: 25% 0 -5% 3%; z-index: -1; border-radius: 50%; background: #edf3fc; filter: blur(50px); }
.lp-showcase-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: 10px; color: var(--lp-muted); margin-bottom: 15px; }
.lp-example-label { border: 1px solid #dce4ee; padding: 4px 7px; font-size: 9px; border-radius: 6px; color: #606d7d; background: #ffffffa6; white-space: nowrap; }
.lp-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; padding: 4px; border: 1px solid #dbe3ee; background: #e5ebf3; border-radius: 13px; }
.lp-tabs button { min-height: 40px; padding: 9px 8px; border: 1px solid transparent; background: none; color: #526076; border-radius: 9px; font-size: 12px; font-weight: 600; transition: background .2s, box-shadow .2s, color .2s; }
.lp-tabs button[aria-selected=true] { background: #fff; color: #104aa0; box-shadow: 0 2px 5px #18345710; border-color: #dce4f0; }
.lp-tabs button:hover { color: #104aa0; }
.lp-demo-stage { min-width: 0; margin: 17px auto 0; max-width: 342px; }
.lp-demo-panel:not([hidden]) { animation: lp-panel-in .35s var(--lp-ease); }
.lp-profile { width: 100%; min-height: 476px; border: 1px solid #dae2ec; border-radius: 22px; overflow: hidden; background: #fff; box-shadow: 0 12px 26px -14px #172b5140; color: #18344d; }
.lp-profile-url { display: flex; align-items: center; justify-content: center; gap: 6px; background: #ffffffb3; min-height: 36px; font-size: 9px; border-bottom: 1px solid #dae3ee8c; color: #586b80; }
.lp-profile-url svg { width: 12px; height: 12px; margin-left: 10px; }
.lp-url-dot { width: 5px; height: 5px; border-radius: 50%; background: #527597; }
.lp-profile--free { background: linear-gradient(145deg,#e8f2ff,#fbfdff 60%,#d7e9fc); transition: background .35s, color .35s; }
.lp-profile-identity { text-align: center; padding: 20px 14px 0; }
.lp-profile-identity > strong { display: block; font-size: 18px; letter-spacing: -.035em; }
.lp-profile-identity > p { font-size: 10px; line-height: 1.7; margin-top: 5px; }
.lp-avatar { display: grid; place-items: center; position: relative; margin: 3px auto 13px; width: 64px; height: 64px; background: #164f98; color: #eaf4ff; border: 4px solid #ffffffd9; border-radius: 24px; font-size: 31px; font-weight: 600; letter-spacing: -.08em; line-height: 1; }
.lp-avatar span { position: absolute; width: 13px; height: 13px; background: #c0ead8; border: 3px solid #fff; border-radius: 50%; right: -3px; bottom: 0; }
.lp-profile-socials { display: flex; justify-content: center; gap: 18px; align-items: center; margin: 16px 0; }
.lp-profile-socials svg { width: 17px; height: 17px; }
.lp-profile-links { padding: 0 18px; display: grid; gap: 9px; }
.lp-profile-links > span { display: flex; gap: 10px; align-items: center; min-height: 43px; padding: 10px 13px; background: #ffffffd9; border: 1px solid #fff; border-radius: 11px; font-size: 10px; font-weight: 600; }
.lp-profile-links > span > svg:first-child { width: 17px; height: 17px; }
.lp-profile-links > span > svg:last-child { margin-left: auto; width: 14px; height: 14px; opacity: .65; }
.lp-profile--free .lp-profile-links > span { justify-content: center; position: relative; padding-inline: 26px; }
.lp-profile--free .lp-profile-links > span > svg { position: absolute; right: 12px; }
.lp .lp-demo-brand { margin-top: 13px; text-align: center; font-size: 8px; color: inherit; opacity: .85; }
.lp-theme-picker { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 11px 6px 8px; }
.lp-theme-picker > span { font-size: 9px; margin-right: 7px; }
.lp-theme-picker button { width: 44px; height: 44px; padding: 13px; border: 1px solid transparent; border-radius: 50%; background: transparent; color: inherit; }
.lp-theme-picker button::after { content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background: #1255a8; }
.lp-theme-picker button[data-lp-theme=mint]::after { background: #287160; }
.lp-theme-picker button[data-lp-theme=dark]::after { background: #182330; }
.lp-theme-picker button[aria-pressed=true] { border-color: currentColor; }
.lp-profile--free[data-theme=mint] { background: linear-gradient(145deg,#e1f0e8,#f8fcf7 65%,#c9e4d6); color: #235244; }
.lp-profile--free[data-theme=mint] .lp-avatar { background: #245b4a; }
.lp-profile--free[data-theme=dark] { background: linear-gradient(145deg,#172436,#0d1827 65%,#20364f); color: #eff5ff; }
.lp-profile--free[data-theme=dark] .lp-profile-url { background: #ffffff06; color: #c1d0e2; border-color: #ffffff16; }
.lp-profile--free[data-theme=dark] .lp-profile-links > span { background: #ffffff0c; border-color: #ffffff27; }
.lp-profile--free[data-theme=dark] .lp-avatar { background: #dceaff; color: #21364c; border-color: #afc2d5; }
.lp .lp-demo-caption { margin-top: 14px; min-height: 30px; line-height: 1.6; text-align: center; font-size: 10px; color: var(--lp-muted); text-wrap: balance; }
.lp-profile--premium { background: #182321; color: #faf3e7; border-color: #344740; }
.lp-profile--premium .lp-profile-url { background: #ffffff06; border-color: #ffffff13; color: #c2cec6; }
.lp-premium-cover { position: relative; height: 112px; background: #d8eccd; color: #243628; padding: 15px 18px; overflow: hidden; }
.lp-premium-cover > span { position: relative; z-index: 1; font-size: 43px; font-weight: 600; letter-spacing: -.06em; }
.lp-premium-cover > span span { font-size: 15px; vertical-align: super; }
.lp-premium-cover small { display: block; position: relative; z-index: 1; font-size: 7px; letter-spacing: .11em; }
.lp-art-circle { position: absolute; right: -15px; top: -10px; width: 133px; height: 133px; border: 32px solid #839e68; border-radius: 50%; }
.lp-profile--premium .lp-profile-identity { padding-top: 12px; }
.lp-profile--premium .lp-profile-identity > strong { font-size: 16px; }
.lp-premium-feature { position: relative; margin: 13px 18px 10px; border-radius: 12px; padding: 15px; background: #eacbaf; color: #39291d; }
.lp-premium-feature > span:first-child { font-size: 7px; letter-spacing: .08em; }
.lp-premium-feature strong { display: block; margin-top: 5px; font-size: 17px; line-height: 1.2; letter-spacing: -.025em; }
.lp-feature-arrow { display: grid; place-items: center; position: absolute; bottom: 17px; right: 16px; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #765a4170; }
.lp-feature-arrow svg { width: 16px; height: 16px; }
.lp-profile--premium .lp-profile-links > span { background: transparent; border-color: #65726980; min-height: 36px; font-size: 9px; }
.lp-profile--premium .lp-profile-socials { margin-block: 10px 12px; }
.lp-profile--business { background: #f9f6f1; color: #473e31; }
.lp-business-identity { padding: 15px 16px 0; text-align: center; }
.lp-business-logo { display: block; font-family: Georgia, serif; font-size: 43px; letter-spacing: -.12em; line-height: 1; }
.lp-business-logo span { display: block; font: 7px var(--font); letter-spacing: .16em; margin: 8px 0 11px; }
.lp-business-identity > strong { font-size: 13px; }
.lp-business-identity p { font-size: 9px; margin-top: 4px; }
.lp-map-card { margin: 14px 17px 12px; border: 1px solid #ded9d0; border-radius: 12px; overflow: hidden; }
.lp-map-drawing { height: 65px; position: relative; background-color: #e7e6dc; background-image: linear-gradient(20deg,transparent 42%,#faf9f4 42%,#faf9f4 48%,transparent 48%),linear-gradient(100deg,transparent 40%,#faf9f4 40%,#faf9f4 46%,transparent 46%),linear-gradient(90deg,#c5d9ba 15%,transparent 15%); }
.lp-map-pin { position: absolute; top: 16px; left: 53%; color: #455e47; }
.lp-map-pin svg { width: 25px; height: 25px; filter: drop-shadow(0 2px 1px #ffffff); }
.lp-map-card > div:last-child { position: relative; padding: 8px 10px; background: #fffdf9; }
.lp-map-card strong { display: block; font-size: 10px; }
.lp-map-card small { display: block; font-size: 8px; margin-top: 3px; }
.lp-map-card > div:last-child > svg { position: absolute; top: 14px; right: 10px; width: 15px; height: 15px; }
.lp-demo-booking { margin-inline: 17px; min-height: 42px; border-radius: 11px; background: #445a46; color: #fff !important; display: flex; align-items: center; gap: 7px; padding: 9px 11px; font-size: 9px; font-weight: 600; }
.lp-demo-booking > svg { width: 17px; height: 17px; }
.lp-demo-booking > svg:last-child { width: 13px; height: 13px; margin-left: auto; }
.lp-service-list { padding: 4px 20px 8px; }
.lp-service-list > div { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-bottom: 1px solid #e7e2d8; font-size: 9px; }
.lp-service-list > div:last-child { border-bottom: 0; }
.lp-service-list small { display: block; margin-top: 3px; font-size: 8px; opacity: .8; }
.lp-intro-strip { padding-block: 25px; border-top: 1px solid var(--lp-line); border-bottom: 1px solid var(--lp-line); display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 12px; color: var(--lp-muted); }
.lp-intro-strip > div { display: flex; gap: 28px; color: #2d3e54; font-weight: 500; }
.lp-intro-strip strong { color: var(--lp-ink); font-weight: 600; }
.lp-section { padding-top: 108px; padding-bottom: 105px; }
.lp-section-heading { text-align: center; margin-bottom: 45px; }
.lp h2 { font-size: clamp(31px,3.2vw,45px); line-height: 1.22; letter-spacing: -.05em; font-weight: 600; }
.lp-section-heading h2 { margin-top: 14px; }
.lp-section-heading > p:last-child { margin-top: 20px; font-size: 14px; color: var(--lp-muted); line-height: 1.9; }
.lp-feature-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
.lp-feature { border-radius: 25px; padding: 32px; border: 1px solid #e2e8f0; background: #f0f4f9; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 30px; }
.lp-kicker { display: block; color: #586e87; font-size: 9px; letter-spacing: .07em; font-weight: 600; }
.lp h3 { font-size: 25px; line-height: 1.32; letter-spacing: -.035em; font-weight: 600; }
.lp-feature h3 { margin-top: 13px; }
.lp-feature p { margin-top: 13px; font-size: 13px; line-height: 1.8; max-width: 400px; color: var(--lp-muted); }
.lp-feature--style { background: #f5f2ec; border-color: #eae5dc; }
.lp-link-editor { padding: 16px; background: #fff; box-shadow: 0 8px 18px #172b5107; border: 1px solid #e1e7f1; border-radius: 16px; }
.lp-editor-label { display: flex; justify-content: space-between; font-size: 8px; color: #647187; letter-spacing: .06em; margin-bottom: 9px; }
.lp-editor-label > span { letter-spacing: 0; color: #5d786a; }
.lp-link-editor > div { display: flex; align-items: center; gap: 10px; padding-block: 14px; border-top: 1px solid #edf0f5; }
.lp-link-editor .lp-drag { color: #acb8c8; font-size: 20px; }
.lp-link-editor i { display: grid; place-items: center; width: 32px; height: 32px; background: #edf3fc; border-radius: 9px; color: #37689e; }
.lp-link-editor i svg { width: 19px; height: 19px; }
.lp-link-editor > div > span:not(.lp-drag):not(.lp-pin-label) { min-width: 0; flex: 1; }
.lp-link-editor strong { font-size: 11px; display: block; }
.lp-link-editor small { font-size: 9px; color: #657288; display: block; margin-top: 4px; }
.lp-link-editor > div > svg { width: 14px; height: 14px; color: #687c97; }
.lp-pin-label { font-size: 8px; padding: 4px 6px; border-radius: 5px; background: #ebf5ef; color: #357454; }
.lp-style-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding-top: 4px; padding-bottom: 5px; align-items: center; }
.lp-style-mini { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 22px 12px 16px; min-height: 213px; border: 1px solid #bccedd; border-radius: 17px; background: #cbdff5; }
.lp-style-mini:nth-child(2) { transform: translateY(-10px); }
.lp-style-mini > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: #ffffff9e; font-size: 25px; font-weight: 600; letter-spacing: -.1em; color: #153754; margin-bottom: 20px; }
.lp-style-mini > i { display: block; width: 100%; height: 17px; border-radius: 6px; background: #ffffffc9; margin: 4px 0; }
.lp-style-mini small { font-size: 8px; margin-top: 15px; }
.lp-style-mini--night { background: #27382f; border-color: #3f5046; color: #eef4e9; }
.lp-style-mini--night > span { background: #ddedcf; color: #263b27; }
.lp-style-mini--night > i { border: 1px solid #98a48d; background: transparent; }
.lp-style-mini--mint { background: #d2e9de; border-color: #bad2c4; color: #23503b; }
.lp-insights { display: grid; grid-template-columns: .85fr 1fr; gap: 65px; align-items: center; background: #fff; border: 1px solid #e2e8f0; border-radius: 25px; padding: 40px; margin-top: 22px; }
.lp-insights-copy h3 { margin-top: 13px; }
.lp-insights-copy > p { margin-top: 14px; font-size: 13px; line-height: 1.85; color: var(--lp-muted); max-width: 350px; }
.lp-insights-copy > a { color: var(--lp-blue); margin-top: 12px; }
.lp-chart-card { min-width: 0; padding: 24px; background: #fff; border: 1px solid #e4eaf3; border-radius: 18px; box-shadow: 0 6px 18px #23417406; }
.lp-chart-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.lp-chart-heading strong { font-size: 11px; }
.lp-chart-heading > span { font-size: 8px; color: #687b91; }
.lp-chart-metrics { display: flex; gap: 50px; margin: 20px 0 12px; }
.lp-chart-metrics small { display: block; color: #6c7b8d; font-size: 10px; }
.lp-chart-metrics strong { display: block; font-size: 29px; line-height: 1.3; letter-spacing: -.03em; margin-top: 3px; }
.page-landing .lp-chart { width: 100%; height: auto; overflow: visible; }
.lp-chart-days { display: flex; justify-content: space-between; color: #6b7c8f; font-size: 8px; margin-top: 7px; }
.lp-business-section { background: #112538; color: #f4f8fc; padding: 85px 0 42px; overflow: hidden; }
.lp-business-heading { max-width: 590px; }
.lp-business-heading .lp-eyebrow { color: #b9e5d0; }
.lp-business-heading h2 { margin-top: 15px; font-size: clamp(35px,3.8vw,53px); }
.lp-business-heading > p:not(.lp-eyebrow) { max-width: 510px; margin-top: 20px; color: #b8c9d9; font-size: 14px; line-height: 1.9; }
.lp-business-heading > a { margin-top: 26px; }
.lp-business-note { display: block; margin-top: 12px; font-size: 10px; color: #aac1d4; }
.lp-business-product { display: grid; grid-template-columns: 1.25fr 1fr; gap: 65px; align-items: center; margin-top: 45px; }
.lp-agenda { color: #172840; background: #fdfefe; border: 1px solid #dce6ec; border-radius: 22px; box-shadow: 0 20px 55px #00000020; min-width: 0; overflow: hidden; }
.lp-agenda-top { display: flex; justify-content: space-between; align-items: center; min-height: 56px; padding: 12px 24px; border-bottom: 1px solid #e8eef4; }
.lp-mini-brand { font-size: 18px; font-weight: 700; letter-spacing: -.06em; }
.lp-agenda-top > span:last-child { display: flex; gap: 10px; align-items: center; font-size: 8px; color: #69788a; letter-spacing: .04em; }
.lp-agenda-initial { display: grid; place-items: center; width: 25px; height: 25px; background: #e4eee7; border-radius: 9px; color: #355c43; font-size: 10px; }
.lp-agenda-title { display: flex; align-items: center; justify-content: space-between; padding: 25px 24px 20px; gap: 10px; }
.lp-agenda-title small { font-size: 8px; color: #58728c; letter-spacing: .035em; }
.lp-agenda-title h3 { margin-top: 6px; font-size: 22px; }
.lp-agenda-week { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 4px; margin: 0 24px 20px; padding: 4px; background: #f0f4f8; border-radius: 12px; }
.lp-agenda-week > span { text-align: center; color: #637389; font-size: 8px; line-height: 1.3; padding: 8px 0; border-radius: 8px; }
.lp-agenda-week em { display: block; font-size: 12px; font-style: normal; font-weight: 600; margin-top: 4px; }
.lp-agenda-week > .is-current { background: #0867da; color: white; box-shadow: 0 2px 4px #0064df20; }
.lp-agenda-sub { margin: 0 24px 6px; display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 9px; }
.lp-agenda-sub > span { color: #657c94; }
.lp-appointment { display: flex; align-items: center; gap: 12px; margin: 10px 20px; padding: 12px; border: 1px solid #e4ebf2; background: #f8fafc; border-radius: 12px; }
.lp-appointment time { font-size: 14px; font-weight: 600; letter-spacing: -.03em; border-right: 1px solid #d9e2ec; padding-right: 12px; }
.lp-appointment small { display: block; margin-top: 3px; font-size: 9px; font-weight: 400; line-height: 1.45; color: #596f84; letter-spacing: 0; }
.lp-client-avatar { display: grid; place-items: center; width: 30px; height: 34px; flex-shrink: 0; border-radius: 10px; background: #e0edff; color: #205cb2; font-size: 12px; }
.lp-client-avatar--pink { background: #f7e9e7; color: #96534b; }
.lp-appointment > span:not(.lp-client-avatar) { flex: 1; min-width: 0; }
.lp-appointment strong { font-size: 11px; font-weight: 600; }
.lp-appointment > svg { width: 14px; height: 14px; color: #8193a5; }
.lp-agenda-bottom { display: flex; align-items: center; gap: 7px; padding: 7px 24px 20px; color: #567261; font-size: 9px; }
.lp-agenda-bottom svg { width: 15px; height: 15px; }
.lp-business-tools { display: grid; gap: 34px; }
.lp-business-tools article { display: flex; align-items: flex-start; gap: 17px; }
.lp-business-tools article > span { display: grid; place-items: center; width: 42px; height: 42px; background: #223b4e; color: #c4f1dc; border: 1px solid #354e60; border-radius: 13px; flex-shrink: 0; }
.lp-business-tools h3 { font-size: 17px; letter-spacing: -.025em; }
.lp-business-tools p { margin-top: 9px; color: #b5c9d8; font-size: 12px; line-height: 1.9; max-width: 320px; }
.lp-business-foot { display: flex; align-items: center; gap: 19px; margin-top: 44px; border-top: 1px solid #365063; padding-top: 28px; }
.lp-business-foot > span { color: #abd1bd; }
.lp-business-foot p { max-width: 960px; color: #b5c9d8; font-size: 12px; line-height: 1.9; }
.lp-business-foot strong { color: #f2f9fa; font-weight: 600; }
.lp-plans-section { padding-bottom: 65px; }
.lp-plans { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.lp-plan { border: 1px solid #dfe6ee; border-radius: 23px; padding: 26px; background: #fff; display: flex; flex-direction: column; }
.lp-plan-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 22px; }
.lp-plan-symbol { display: grid; place-items: center; color: #366487; background: #edf4fa; width: 38px; height: 38px; border-radius: 12px; }
.lp-plan-badge { font-size: 8px; color: #63758a; }
.lp-plan h3 { font-size: 27px; letter-spacing: -.04em; }
.lp-plan .lp-plan-for { font-size: 11px; line-height: 1.7; color: #607086; margin-top: 8px; min-height: 38px; }
.lp-plan .lp-plan-availability { margin-top: 17px; }
.lp-plan-availability strong { display: block; font-size: 18px; letter-spacing: -.03em; font-weight: 600; }
.lp-plan-availability span { display: block; font-size: 10px; color: #65758a; margin-top: 6px; }
.lp-plan > .lp-button { margin-top: 24px; min-height: 48px; padding: 12px; border-radius: 12px; font-size: 11px; gap: 10px; }
.lp-plan ul { display: grid; align-content: start; gap: 16px; list-style: none; margin: 24px 0 0; padding: 23px 0 0; border-top: 1px solid #e6ecf3; }
.lp-plan li { display: flex; align-items: flex-start; gap: 8px; font-size: 11px; line-height: 1.6; color: #3c5067; }
.lp-plan li > svg { width: 15px; height: 15px; margin-top: 1px; color: #547c69; }
.lp-plan li.lp-includes { font-weight: 600; color: #283d56; font-size: 10px; }
.lp-plan--premium { background: #fbfaf7; border-color: #e6e1d8; }
.lp-plan--premium .lp-plan-symbol { color: #72513b; background: #eee3d8; }
.lp-plan--business { background: #f1f7fe; border-color: #b7d3f8; }
.lp-plan--business .lp-plan-symbol { color: #0757bb; background: #deecff; }
.lp .lp-launch-note { margin: 24px auto 0; max-width: 710px; text-align: center; color: #647389; font-size: 11px; line-height: 1.9; text-wrap: balance; }
.lp-faq { display: grid; grid-template-columns: .8fr 1.3fr; gap: 60px; padding-block: 60px 100px; }
.lp-faq h2 { margin-top: 13px; }
.lp-faq > div > p:last-child { color: #68778b; font-size: 13px; line-height: 1.85; margin-top: 23px; }
.lp-faq > div > p:last-child a { color: var(--lp-blue); display: inline-flex; align-items: center; min-height: 40px; gap: 8px; font-weight: 600; }
.lp-faq > div > p:last-child a svg { width: 15px; height: 15px; }
.lp-faq-list details { border-bottom: 1px solid #dfe7f0; }
.lp-faq-list details:first-child { border-top: 1px solid #dfe7f0; }
.lp-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; min-height: 66px; cursor: pointer; font-size: 13px; line-height: 1.6; font-weight: 600; list-style: none; }
.lp-faq-list summary::-webkit-details-marker { display: none; }
.lp-faq-list summary:focus-visible { outline: 3px solid #176fee; outline-offset: 3px; border-radius: 5px; }
.lp-faq-list summary span { font-size: 24px; font-weight: 400; color: #6c7b90; transition: transform .2s; }
.lp-faq-list details[open] summary span { transform: rotate(45deg); }
.lp-faq-list details p { padding-bottom: 22px; padding-right: 24px; color: #617188; font-size: 12px; line-height: 1.9; }
.lp-faq-list details a { color: var(--lp-blue); text-decoration: underline; overflow-wrap: anywhere; }
.lp-closing { margin-bottom: 60px; }
.lp-closing-inner { position: relative; padding: 56px 60px; background: #e9f2fe; border: 1px solid #d4e4fa; border-radius: 30px; overflow: hidden; }
.lp-closing h2 { margin-top: 15px; }
.lp-closing p:not(.lp-eyebrow) { font-size: 14px; line-height: 1.8; color: #556f8c; margin-top: 18px; }
.lp-closing .lp-button { margin-top: 27px; position: relative; z-index: 1; }
.lp-closing-address { display: block; position: absolute; right: 35px; top: 50%; transform: translateY(-50%) rotate(-8deg); padding: 20px 24px; border-radius: 18px; border: 1px solid #c1d7f3; font-size: clamp(18px,2.5vw,33px); letter-spacing: -.05em; color: #6684ac; background: #ffffffa6; box-shadow: 0 20px 30px #275fa815; }
.lp-closing-address strong { color: #075abe; font-weight: 600; }
.page-landing .lk-footer { width: min(1184px, calc(100% - 96px)); margin: 0 auto; padding: 20px 0 35px; border: 0; background: transparent; }
.page-landing .lk-footer__top { padding-bottom: 28px; border-bottom: 1px solid var(--lp-line); }
.page-landing .lk-footer__marca { font-size: 27px; letter-spacing: -.06em; }
.page-landing .lk-footer__nav a, .page-landing .lk-footer__legal-nav a { font-size: 11px; }
.page-landing .lk-footer__legal { font-size: 10px; }
@keyframes lp-panel-in { from { opacity: .4; transform: translateY(7px); } to { opacity: 1; transform: translateY(0); } }
@media (hover:hover) {
    .page-landing .lp-button:hover { background: #0756b9; transform: translateY(-2px); box-shadow: 0 7px 16px #005adf22; }
    .page-landing .lp-button--outline:hover { background: #f2f6fb; }
    .page-landing .lp-button--mint:hover { background: #b4ebd0; }
    .lp-plan { transition: transform .25s var(--lp-ease), box-shadow .25s; }
    .lp-plan:hover { transform: translateY(-4px); box-shadow: 0 12px 28px #17355208; }
}
@media (max-width:1100px) {
    .lp-wrap { width: calc(100% - 64px); }
    .lp-hero { gap: 35px; padding-top: 35px; }
    .lp h1 { font-size: 49px; }
    .lp .lp-lead { font-size: 15px; }
    .lp-showcase { padding-inline: 20px; }
    .lp-hero-actions { gap: 9px; }
    .lp-nav-links { gap: 20px; }
    .lp-nav { gap: 24px; }
    .lp-feature { padding: 26px; }
    .lp-insights { gap: 35px; padding: 32px; }
    .lp-business-product { gap: 36px; }
    .lp-plan { padding: 21px; }
    .lp-plan-badge { font-size: 7px; }
    .lp-closing-address { font-size: 22px; right: 26px; }
    .page-landing .lk-footer { width: calc(100% - 64px); }
}
@media (min-width:761px) and (max-width:900px) {
    .lp-nav { height: 76px; width: calc(100% - 48px); gap: 20px; }
    .lp-nav-links { gap: 17px; }
    .lp-nav-links a { font-size: 11px; }
    .lp-nav-actions { gap: 16px; }
    .lp-logo, .lp-logo img { width: 64px; }
    .lp-nav-actions .lp-button--small { font-size: 11px; padding-inline: 13px; }
    .lp-hero { gap: 25px; grid-template-columns: .95fr 1fr; padding-bottom: 45px; }
    .lp h1 { font-size: 42px; }
    .lp-hero .lp-eyebrow { font-size: 10px; }
    .lp-hero-points { gap: 12px; flex-wrap: wrap; margin-top: 22px; }
    .lp .lp-lead { font-size: 14px; }
    .lp-showcase { padding: 14px 12px 8px; border-radius: 24px; }
    .lp-showcase-top { font-size: 9px; }
    .lp-profile-links { padding-inline: 13px; }
    .lp-theme-picker { gap: 2px; }
    .lp-intro-strip { flex-direction: column; align-items: flex-start; gap: 13px; }
    .lp-intro-strip > div { gap: 25px; }
    .lp-feature-grid { gap: 16px; }
    .lp-feature { padding: 23px; gap: 25px; }
    .lp h3 { font-size: 22px; }
    .lp-feature p { font-size: 12px; }
    .lp-link-editor { padding: 12px; }
    .lp-link-editor > div { gap: 7px; }
    .lp-link-editor small { font-size: 8px; }
    .lp-link-editor .lp-drag { display: none; }
    .lp-pin-label { display: none; }
    .lp-style-gallery { gap: 8px; }
    .lp-style-mini { min-height: 189px; padding-inline: 8px; }
    .lp-insights { gap: 22px; padding: 26px; }
    .lp-chart-card { padding: 18px; }
    .lp-chart-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
    .lp-business-product { grid-template-columns: 1fr 1fr; gap: 28px; }
    .lp-business-tools article { gap: 12px; }
    .lp-business-tools article > span { width: 33px; height: 33px; border-radius: 10px; }
    .lp-business-tools h3 { font-size: 14px; }
    .lp-business-tools p { font-size: 11px; }
    .lp-agenda-title, .lp-agenda-top { padding-inline: 16px; }
    .lp-agenda-title h3 { font-size: 19px; }
    .lp-agenda-week { margin-inline: 14px; }
    .lp-agenda-sub { margin-inline: 16px; font-size: 8px; }
    .lp-appointment { gap: 9px; margin-inline: 10px; padding: 10px; }
    .lp-appointment time { font-size: 12px; padding-right: 8px; }
    .lp-client-avatar { display: none; }
    .lp-plans { gap: 12px; }
    .lp-plan { padding: 18px 16px; border-radius: 19px; }
    .lp-plan-top { align-items: flex-start; flex-direction: column; gap: 9px; margin-bottom: 15px; }
    .lp-plan-badge { font-size: 8px; }
    .lp-plan .lp-plan-for { min-height: 40px; font-size: 10px; }
    .lp-plan-availability strong { font-size: 16px; }
    .lp-plan > .lp-button { font-size: 10px; gap: 6px; }
    .lp-plan li { font-size: 10px; gap: 6px; }
    .lp-faq { gap: 38px; }
    .lp-closing-inner { padding: 42px 35px; }
    .lp-closing-address { right: 24px; top: auto; bottom: 42px; transform: rotate(-8deg); font-size: 21px; }
}
@media (max-width:760px) {
    .lp-wrap { width: calc(100% - 40px); }
    .lp-nav { width: calc(100% - 40px); height: 72px; gap: 15px; }
    .lp-logo, .lp-logo img { width: 65px; }
    .lp-nav-links { display: none; }
    .lp-nav-actions { gap: 10px; }
    .lp-nav-actions .lp-button--small { min-height: 42px; font-size: 11px; padding: 11px 13px; border-radius: 11px; }
    .lp-login { font-size: 12px; padding-inline: 4px; }
    .lp-menu-toggle { display: grid; place-items: center; width: 42px; height: 42px; }
    .lp :is(section[id],div[id]) { scroll-margin-top: 92px; }
    .lp-hero { grid-template-columns: minmax(0,1fr); gap: 28px; padding-top: 33px; padding-bottom: 34px; }
    .lp-hero-copy { padding-bottom: 0; }
    .lp-hero .lp-eyebrow { font-size: 10px; margin-bottom: 19px; gap: 7px; }
    .lp h1 { font-size: clamp(39px,8.5vw,56px); letter-spacing: -.055em; line-height: 1.13; }
    .lp .lp-lead { margin-top: 19px; max-width: 530px; font-size: 14px; line-height: 1.8; }
    .lp-hero-actions { margin-top: 24px; gap: 12px; }
    .lp-hero-actions .lp-button { width: 100%; min-height: 52px; padding-inline: 15px; }
    .lp-hero-actions .lp-text-link { justify-content: center; width: 100%; min-height: 36px; font-size: 12px; }
    .lp .lp-quiet { text-align: center; font-size: 10px; margin-top: 6px; }
    .lp-hero-points { display: none; }
    .lp-showcase { width: 100%; max-width: 450px; margin-inline: auto; padding: 17px 20px 11px; border-radius: 24px; }
    .lp-showcase-top { font-size: 10px; }
    .lp-tabs button { font-size: 11px; min-height: 40px; }
    .lp-demo-stage { margin-top: 14px; }
    .lp-profile { min-height: 476px; }
    .lp .lp-demo-caption { margin-top: 12px; font-size: 9px; min-height: 27px; }
    .lp-intro-strip { padding: 21px 0; flex-direction: column; align-items: flex-start; gap: 15px; font-size: 11px; }
    .lp-intro-strip > div { display: flex; flex-wrap: wrap; gap: 10px 20px; font-size: 11px; }
    .lp-section { padding-top: 62px; padding-bottom: 58px; }
    .lp-section-heading { text-align: left; margin-bottom: 29px; }
    .lp h2 { font-size: clamp(29px,6.1vw,39px); line-height: 1.25; letter-spacing: -.047em; }
    .lp-eyebrow { font-size: 9px; letter-spacing: .07em; }
    .lp-section-heading h2 { margin-top: 11px; }
    .lp-section-heading > p:last-child { font-size: 12px; line-height: 1.9; margin-top: 16px; }
    .lp-desktop-break { display: none; }
    .lp-feature-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
    .lp-feature { padding: 25px; gap: 26px; border-radius: 21px; }
    .lp h3 { font-size: 24px; }
    .lp-feature p { font-size: 12px; margin-top: 12px; line-height: 1.85; }
    .lp-kicker { font-size: 8px; }
    .lp-link-editor { padding: 14px 12px; }
    .lp-link-editor > div { gap: 8px; }
    .lp-link-editor .lp-drag { font-size: 17px; }
    .lp-link-editor i { width: 28px; height: 31px; }
    .lp-link-editor strong { font-size: 10px; }
    .lp-link-editor small { font-size: 8px; }
    .lp-pin-label { font-size: 7px; }
    .lp-style-gallery { gap: 10px; padding-top: 10px; }
    .lp-style-mini { min-height: 180px; padding: 18px 10px 12px; border-radius: 13px; }
    .lp-style-mini > span { width: 34px; height: 34px; font-size: 22px; margin-bottom: 16px; }
    .lp-style-mini i { height: 13px; border-radius: 4px; }
    .lp-style-mini small { font-size: 7px; }
    .lp-insights { grid-template-columns: minmax(0,1fr); padding: 25px; gap: 22px; margin-top: 16px; border-radius: 21px; }
    .lp-insights-copy > p { font-size: 12px; }
    .lp-insights-copy > a { font-size: 11px; }
    .lp-chart-card { padding: 18px; border-radius: 14px; }
    .lp-chart-heading { gap: 8px; }
    .lp-chart-heading strong { font-size: 9px; }
    .lp-chart-heading > span { font-size: 7px; }
    .lp-chart-metrics { margin: 18px 0 13px; gap: 40px; }
    .lp-chart-metrics strong { font-size: 26px; }
    .lp-business-section { padding: 56px 0 30px; }
    .lp-business-heading h2 { font-size: clamp(32px,7.2vw,42px); }
    .lp-business-heading > p:not(.lp-eyebrow) { font-size: 13px; line-height: 1.85; }
    .lp-business-heading > a { width: 100%; font-size: 12px; padding-inline: 16px; }
    .lp-business-note { text-align: center; font-size: 9px; }
    .lp-business-product { grid-template-columns: minmax(0,1fr); gap: 29px; margin-top: 28px; }
    .lp-agenda { border-radius: 19px; }
    .lp-agenda-top { padding: 12px 17px; min-height: 49px; }
    .lp-agenda-title { padding: 19px 17px 17px; }
    .lp-agenda-title h3 { font-size: 20px; }
    .lp-agenda-week { margin: 0 15px 18px; }
    .lp-agenda-sub { margin-inline: 18px; font-size: 8px; }
    .lp-appointment { margin-inline: 12px; padding: 11px 10px; gap: 9px; }
    .lp-appointment time { font-size: 13px; padding-right: 9px; }
    .lp-appointment strong { font-size: 11px; }
    .lp-appointment small { font-size: 8px; }
    .lp-client-avatar { width: 27px; height: 32px; }
    .lp-agenda-bottom { padding: 6px 18px 17px; font-size: 8px; }
    .lp-business-tools { gap: 23px; }
    .lp-business-tools article { gap: 14px; }
    .lp-business-tools article > span { width: 37px; height: 37px; border-radius: 11px; }
    .lp-business-tools h3 { font-size: 15px; }
    .lp-business-tools p { font-size: 12px; margin-top: 6px; max-width: none; }
    .lp-business-foot { align-items: flex-start; gap: 14px; margin-top: 28px; padding-top: 23px; }
    .lp-business-foot > span { padding-top: 3px; }
    .lp-business-foot p { font-size: 11px; line-height: 1.8; }
    .lp-business-foot strong { display: block; margin-bottom: 5px; }
    .lp-plans { grid-template-columns: minmax(0,1fr); gap: 15px; }
    .lp-plan { padding: 24px; border-radius: 21px; }
    .lp-plan-top { margin-bottom: 15px; }
    .lp-plan-symbol { width: 35px; height: 35px; }
    .lp-plan-badge { font-size: 9px; }
    .lp-plan h3 { font-size: 26px; }
    .lp-plan .lp-plan-for { font-size: 12px; min-height: 0; }
    .lp-plan .lp-plan-availability { margin-top: 18px; }
    .lp-plan-availability strong { font-size: 19px; }
    .lp-plan-availability span { font-size: 10px; }
    .lp-plan > .lp-button { margin-top: 20px; font-size: 12px; }
    .lp-plan ul { margin-top: 20px; padding-top: 19px; gap: 13px; }
    .lp-plan li { font-size: 12px; }
    .lp-plan li.lp-includes { font-size: 11px; }
    .lp .lp-launch-note { text-align: left; font-size: 10px; line-height: 1.9; }
    .lp-plans-section { padding-bottom: 35px; }
    .lp-faq { grid-template-columns: minmax(0,1fr); padding: 26px 0 52px; gap: 27px; }
    .lp-faq h2 br { display: initial; }
    .lp-faq > div > p:last-child { font-size: 12px; margin-top: 15px; }
    .lp-faq-list summary { font-size: 12px; padding: 19px 0; gap: 18px; min-height: 64px; }
    .lp-faq-list details p { font-size: 12px; padding-right: 5px; }
    .lp-closing { margin-bottom: 37px; }
    .lp-closing-inner { padding: 32px 25px; border-radius: 23px; }
    .lp-closing h2 { font-size: 28px; line-height: 1.25; }
    .lp-closing p:not(.lp-eyebrow) { font-size: 12px; line-height: 1.8; }
    .lp-closing .lp-button { width: 100%; font-size: 12px; margin-top: 24px; }
    .lp-closing-address { position: static; display: block; width: fit-content; transform: rotate(-5deg); padding: 14px 18px; margin: 28px auto 0; font-size: 24px; }
    .page-landing .lk-footer { width: calc(100% - 40px); padding-bottom: 28px; }
    .page-landing .lk-footer__top { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; padding-bottom: 19px; }
    .page-landing .lk-footer__nav { flex-wrap: wrap; justify-content: flex-start; gap: 8px 20px; }
    .page-landing .lk-footer__legal-nav { justify-content: flex-start; gap: 4px 14px; }
    .page-landing .lk-footer__legal { text-align: left; font-size: 9px; line-height: 1.8; }
}
@media (max-width:359px) {
    .lp-wrap, .lp-nav, .page-landing .lk-footer { width: calc(100% - 32px); }
    .lp-logo, .lp-logo img { width: 55px; }
    .lp-nav { gap: 8px; }
    .lp-nav-actions { gap: 5px; }
    .lp-nav-actions .lp-button--small { padding-inline: 9px; font-size: 10px; }
    .lp-login { font-size: 11px; }
    .lp-menu-toggle { width: 38px; min-width: 38px; }
    .lp h1 { font-size: 37px; }
    .lp-hero .lp-eyebrow { font-size: 9px; }
    .lp-showcase { padding-inline: 12px; }
    .lp-feature, .lp-insights { padding: 20px; }
    .lp-link-editor .lp-drag, .lp-pin-label { display: none; }
    .lp-style-mini { padding-inline: 7px; }
    .lp-style-mini small { font-size: 6px; }
    .lp-chart-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
    .lp-appointment .lp-client-avatar { display: none; }
    .lp-closing-inner { padding-inline: 20px; }
    .lp-closing h2 { font-size: 25px; }
}
@media (prefers-reduced-motion:reduce) {
    .page-landing *, .page-landing *::before, .page-landing *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media (min-width:761px) {
    .lp-plan li { font-size: 12px; }
    .lp-plan > .lp-button { font-size: 12px; }
    .lp-business-section > .lp-wrap { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: 50px 64px; }
    .lp-business-heading { grid-column: 1; grid-row: 1; }
    .lp-business-heading h2 { font-size: clamp(34px,3.45vw,49px); }
    .lp-business-heading > p:not(.lp-eyebrow) { font-size: 13px; }
    .lp-business-product { display: contents; }
    .lp-agenda { grid-column: 2; grid-row: 1; }
    .lp-business-tools { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: 28px; }
    .lp-business-tools article { gap: 13px; }
    .lp-business-tools article > span { width: 36px; height: 36px; border-radius: 11px; }
    .lp-business-tools h3 { font-size: 14px; }
    .lp-business-tools p { font-size: 12px; }
    .lp-business-foot { grid-column: 1 / -1; grid-row: 3; margin-top: -18px; }
}
@media (min-width:761px) and (max-width:900px) {
    .lp-business-section > .lp-wrap { gap: 35px 28px; }
    .lp-business-heading h2 { font-size: 34px; }
    .lp-business-heading > .lp-button { font-size: 11px; padding-inline: 14px; gap: 9px; }
    .lp-business-tools { gap: 24px; }
    .lp-business-tools article { flex-direction: column; }
    .lp-business-tools p { font-size: 11px; }
}
