:root {
  color-scheme: light;
  --lp-background: #f5f5f7;
  --lp-paper: #fff;
  --lp-ink: #1d1d1f;
  --lp-muted: #6e6e73;
  --lp-line: #dedee3;
  --lp-soft: #eeeef1;
  --lp-accent: #007aff;
  --lp-blue-soft: #edf5ff;
  --lp-glass: rgb(245 245 247 / 88%);
  --lp-ease: cubic-bezier(.2,.8,.2,1);
  font: 100%/1.5 -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-optical-sizing: auto;
  text-rendering: optimizeLegibility;
  background: var(--lp-background);
  color: var(--lp-ink);
}
* { box-sizing: border-box; }
html { scroll-padding-top: 5rem; }
body { margin: 0; }
button, input { font: inherit; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
button { cursor: pointer; }
h1, h2, h3, h4, p, ul, ol { margin: 0; }
img, svg { display: block; max-width: 100%; }
[hidden] { display: none !important; }
::selection { background: #cce4ff; color: #1d1d1f; }
:is(a, button, input, summary, [tabindex]):focus-visible { outline: 3px solid var(--lp-accent); outline-offset: 4px; }
.lp-icon { width: 1.2rem; height: 1.2rem; flex: none; }
.lp-wrap { width: min(100% - 3rem, 1080px); margin-inline: auto; }
.lp-skip { position: fixed; inset-block-start: .5rem; inset-inline-start: .5rem; z-index: 50; padding: .7rem 1rem; border-radius: .75rem; color: #fff; background: var(--lp-accent); transform: translateY(-200%); }
.lp-skip:focus { transform: none; }
.lp-header { position: sticky; inset-block-start: 0; z-index: 20; background: var(--lp-glass); -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%); }
.lp-nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.5rem; }
.lp-brand { display: inline-flex; align-items: center; gap: .55rem; min-height: 2.75rem; font-size: .9rem; font-weight: 650; letter-spacing: -.03em; }
.lp-brand-mark { flex: none; width: 1.85rem; height: 1.85rem; color: var(--lp-accent); }
.lp-brand-caption { display: none; }
.lp-nav-links { display: flex; align-items: center; gap: 1.4rem; margin-inline-start: auto; }
.lp-nav-links a { display: inline-flex; align-items: center; min-height: 2.75rem; font-size: .75rem; color: var(--lp-muted); }
.lp-nav-action { display: inline-flex; align-items: center; justify-content: center; min-height: 2.25rem; gap: .4rem; padding: .45rem .85rem; border-radius: 1.5rem; color: #fff; background: var(--lp-accent); font-size: .75rem; font-weight: 500; }
.lp-nav-action .lp-icon { width: .8rem; height: .8rem; }
.lp-language { position: relative; flex: none; font-size: .75rem; }
.lp-language > summary { display: flex; align-items: center; justify-content: center; gap: .4rem; min-height: 2.75rem; min-width: 2.75rem; padding: .4rem .65rem; color: var(--lp-ink); border: 1px solid var(--lp-line); border-radius: 2rem; cursor: pointer; list-style: none; }
.lp-language > summary::-webkit-details-marker { display: none; }
.lp-language > summary bdi { font-size: .75rem; font-weight: 600; letter-spacing: .03em; }
.lp-language-flag { display: inline-block; flex: none; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif; font-size: 1.3rem; line-height: 1.2; }
.lp-language-chevron { flex: none; color: var(--lp-muted); }
.lp-language-panel { --lp-ink: #1d1d1f; --lp-muted: #6e6e73; --lp-line: #e5e5ea; --lp-soft: #f5f5f7; --lp-accent: #007aff; --lp-blue-soft: #edf5ff; color-scheme: light; position: absolute; inset-block-start: calc(100% + .5rem); inset-inline-end: 0; inset-inline-start: auto; margin: 0; width: 20rem; max-width: calc(100vw - 2rem); max-height: min(34rem, calc(100vh - 5.5rem)); max-height: min(34rem, calc(100dvh - 5.5rem)); padding: .75rem; overflow: hidden; color: var(--lp-ink); border: 1px solid var(--lp-line); border-radius: 1.375rem; background: #fff; box-shadow: 0 18px 64px rgb(0 0 0 / 18%); text-align: start; }
.lp-language-panel[open] { display: flex; flex-direction: column; }
.lp-language-panel:modal { position: fixed; inset-block-start: 4.15rem; inset-inline-end: max(1rem, calc((100vw - 1080px) / 2 + 6rem)); }
.lp-language-panel::backdrop { background: rgb(0 0 0 / 8%); }
.lp-language-heading { display: flex; align-items: center; justify-content: space-between; gap: .5rem; flex: none; padding-inline-start: .5rem; }
.lp-language-heading h2 { font-size: 1.1rem; font-weight: 650; letter-spacing: -.025em; }
.lp-language-panel button { display: grid; place-items: center; flex: none; min-width: 2.75rem; min-height: 2.75rem; padding: .5rem; border: 0; border-radius: 50%; color: var(--lp-muted); background: transparent; }
.lp-language-panel .lp-language-close { background: var(--lp-soft); }
.lp-language-note { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.lp-language-search { display: flex; align-items: center; flex: none; gap: .5rem; margin: .6rem .25rem 0; padding-inline: .75rem .2rem; border: 1px solid var(--lp-line); border-radius: .8rem; color: var(--lp-muted); background: var(--lp-soft); }
.lp-language-search > svg { flex: none; }
.lp-language-search input { min-width: 0; width: 100%; min-height: 2.75rem; padding: .5rem 0; border: 0; outline: none; color: var(--lp-ink); background: transparent; font-size: 1rem; }
.lp-language-search:focus-within { outline: 2px solid var(--lp-accent); outline-offset: 2px; }
.lp-language-search input:focus-visible { outline: none; }
.lp-language-search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.lp-language-count { flex: none; padding: .7rem .5rem .5rem; color: var(--lp-muted); font-size: .7rem; }
.lp-language-links { display: flex; flex-direction: column; gap: .25rem; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: .2rem; }
.lp-language-links a { display: flex; flex: none; border: 1px solid var(--lp-line); align-items: center; gap: .75rem; min-height: 3rem; padding: .65rem .6rem; border-radius: .75rem; font-size: .9375rem; line-height: 1.4; overflow-wrap: anywhere; }
.lp-language-links a bdi { min-width: 0; }
.lp-language-links a[aria-current] { color: var(--lp-accent); background: var(--lp-blue-soft); font-weight: 600; }
.lp-language-check { flex: none; margin-inline-start: auto; }
.lp-language-empty { padding: 1.75rem .75rem; color: var(--lp-muted); text-align: center; line-height: 1.5; }
.lp-language-empty strong { display: block; color: var(--lp-ink); font-size: .9375rem; }
.lp-language-empty span { display: block; margin-top: .4rem; font-size: .8rem; }
.lp-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 4rem; padding-block: 4.5rem 2.75rem; }
.lp-hero-copy { min-width: 0; }
.lp-hero h1 { font-size: clamp(3.5rem,6vw,5rem); line-height: 1.02; letter-spacing: -.07em; font-weight: 700; text-wrap: balance; }
.lp-hero h1 span { color: var(--lp-accent); }
.lp-hero-lead { max-width: 25rem; margin-top: 1.5rem; color: var(--lp-muted); font-size: 1.05rem; line-height: 1.6; text-wrap: pretty; }
.lp-hero-actions { display: flex; align-items: center; gap: .75rem; margin-top: 1.6rem; }
.lp-button { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; gap: .7rem; padding: .7rem 1.2rem; border: 1px solid transparent; border-radius: 2rem; color: #fff; background: var(--lp-accent); font-size: .9375rem; line-height: 1.4; font-weight: 500; transition: transform 180ms var(--lp-ease), opacity 180ms ease; }
.lp-button-secondary { color: var(--lp-ink); background: var(--lp-paper); border-color: var(--lp-line); }
.lp-button-dark { color: #fff; background: var(--lp-accent); }
.lp-button:disabled { opacity: .5; cursor: not-allowed; }
.lp-button:active, .lp-nav-action:active { transform: scale(.97); }
.lp-hero-note { margin-top: .9rem; color: var(--lp-muted); font-size: .75rem; line-height: 1.5; }
.lp-hero-preview { min-width: 0; }
.lp-demo { overflow: hidden; border: 1px solid var(--lp-line); border-radius: 1.5rem; background: var(--lp-paper); box-shadow: 0 12px 36px -16px rgb(0 0 0 / 18%); }
.lp-demo-chrome { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3rem; padding: .7rem 1.2rem; border-bottom: 1px solid var(--lp-line); }
.lp-demo-chrome-label { display: flex; align-items: center; gap: .45rem; font-size: .8rem; font-weight: 600; letter-spacing: -.02em; }
.lp-demo-chrome-label .lp-brand-mark { width: 1.35rem; height: 1.35rem; }
.lp-demo-badge { padding: .25rem .45rem; border-radius: .4rem; color: var(--lp-accent); background: var(--lp-blue-soft); font-size: .6875rem; }
.lp-demo-source { display: flex; align-items: center; gap: .7rem; padding: 1rem 1.2rem .85rem; }
.lp-demo-source-icon { display: grid; flex: none; place-items: center; width: 2.2rem; height: 2.2rem; color: var(--lp-accent); background: var(--lp-blue-soft); border-radius: .75rem; }
.lp-demo-source-icon .lp-icon { width: 1rem; height: 1rem; }
.lp-demo-source strong { display: block; font-size: .75rem; line-height: 1.4; font-weight: 550; }
.lp-demo-source div > span { display: block; margin-top: .2rem; color: var(--lp-muted); font-size: .6875rem; line-height: 1.5; }
.lp-demo-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .15rem; margin-inline: 1rem; padding: .2rem; border-radius: .6rem; background: var(--lp-soft); }
.lp-demo-tabs a { display: flex; align-items: center; justify-content: center; min-width: 0; min-height: 2.75rem; padding: .35rem .2rem; color: var(--lp-muted); border-radius: .4rem; font-size: .65rem; line-height: 1.3; font-weight: 500; text-align: center; overflow-wrap: anywhere; }
.lp-demo-tabs a[aria-selected='true'] { color: var(--lp-ink); background: var(--lp-paper); box-shadow: 0 1px 4px rgb(0 0 0 / 10%); }
.lp-demo-content { height: 13rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding: 1.2rem 1.4rem; }
.lp-demo-panel { min-height: 10.6rem; }
.lp-demo-panel:not([hidden]) + .lp-demo-panel:not([hidden]) { padding-top: 1.5rem; }
.lp-demo-kicker { color: var(--lp-accent); font-size: .625rem; font-weight: 500; }
.lp-demo-panel :is(h2,h3) { margin-top: .45rem; font-size: 1.3rem; line-height: 1.2; font-weight: 650; letter-spacing: -.035em; }
.lp-demo-panel h4 { margin-top: .75rem; font-size: .8125rem; font-weight: 600; }
.lp-demo-panel p:not(.lp-demo-kicker) { margin-top: .65rem; color: var(--lp-muted); font-size: .8125rem; line-height: 1.6; }
.lp-demo-panel ul { display: grid; gap: .45rem; margin-top: .9rem; padding-inline-start: 1rem; color: var(--lp-muted); font-size: .8rem; line-height: 1.5; }
.lp-demo-panel li::marker { color: var(--lp-accent); }
.lp-demo-panel .lp-field-note { font-size: .6875rem !important; }
.lp-demo-bottom { display: flex; align-items: center; gap: .45rem; min-height: 2.2rem; padding: .65rem 1.2rem; color: var(--lp-muted); border-top: 1px solid var(--lp-line); font-size: .6875rem; line-height: 1.4; }
.lp-demo-bottom .lp-icon { width: .75rem; height: .75rem; color: var(--lp-accent); }
.lp-values { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; max-width: 42rem; padding: 1.1rem 0 1.6rem; list-style: none; }
.lp-values li { display: flex; align-items: center; justify-content: center; gap: .5rem; min-width: 0; color: var(--lp-muted); font-size: .75rem; font-weight: 500; text-align: center; }
.lp-values .lp-icon { width: 1rem; height: 1rem; color: var(--lp-accent); }
.lp-disclosures { max-width: 42rem; margin-bottom: 1.5rem; }
.lp-disclosure { border-bottom: 1px solid var(--lp-line); }
.lp-disclosure:first-child { border-top: 1px solid var(--lp-line); }
.lp-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 3.25rem; padding-block: .8rem; font-size: .8125rem; font-weight: 500; cursor: pointer; list-style: none; }
.lp-disclosure > summary::-webkit-details-marker { display: none; }
.lp-disclosure > summary > span { color: var(--lp-muted); font-size: 1.1rem; font-weight: 400; transition: transform 180ms var(--lp-ease); }
.lp-disclosure[open] > summary > span { transform: rotate(45deg); }
.lp-disclosure-content { padding-block: .5rem 1.5rem; font-size: .875rem; line-height: 1.7; }
.lp-disclosure-content > p + p { margin-top: .8rem; }
.lp-disclosure-content p { color: var(--lp-muted); }
.lp-flow { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; padding-inline-start: 1.2rem; margin-block: 1rem; }
.lp-flow h3 { font-size: .875rem; font-weight: 600; }
.lp-flow p { margin-top: .5rem; font-size: .8rem; line-height: 1.7; }
.lp-use-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; padding-top: 1.5rem; }
.lp-use-grid article > span { color: var(--lp-accent); font-size: .65rem; }
.lp-use-grid h3 { margin-top: .5rem; font-size: .875rem; line-height: 1.4; }
.lp-use-grid p { margin-top: .6rem; font-size: .8rem; }
.lp-language-notice { display: flex; gap: .6rem; padding: 1rem; margin-bottom: 1rem; color: var(--lp-muted); border-radius: .75rem; background: var(--lp-blue-soft); font-size: .8125rem; line-height: 1.7; }
.lp-language-notice .lp-icon { color: var(--lp-accent); }
.lp-text-link { display: inline-flex; align-items: center; min-height: 2.75rem; gap: .4rem; color: var(--lp-accent); font-size: .8125rem; line-height: 1.5; }
.lp-text-link .lp-icon { width: 1rem; height: 1rem; }
.lp-faq-item { border-bottom: 1px solid var(--lp-line); }
.lp-faq-item:first-child { border-top: 1px solid var(--lp-line); }
.lp-faq-item summary { display: flex; align-items: center; justify-content: space-between; min-height: 3.25rem; gap: 1rem; padding-block: .8rem; font-size: .875rem; font-weight: 500; cursor: pointer; list-style: none; }
.lp-faq-item summary::-webkit-details-marker { display: none; }
.lp-faq-item summary > span { color: var(--lp-muted); font-size: 1rem; font-weight: 400; }
.lp-faq-item[open] summary > span { transform: rotate(45deg); }
.lp-faq-item > p { padding-block: .2rem 1rem; color: var(--lp-muted); font-size: .8125rem; line-height: 1.8; }
.lp-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.lp-guide-card { display: flex; flex-direction: column; align-items: flex-start; gap: .4rem; padding: 1rem; border: 1px solid var(--lp-line); border-radius: 1rem; background: var(--lp-paper); }
.lp-guide-number { color: var(--lp-muted); font-size: .625rem; }
.lp-guide-card h3 { font-size: .9375rem; line-height: 1.4; font-weight: 600; letter-spacing: -.02em; }
.lp-guide-card p { color: var(--lp-muted); font-size: .75rem; line-height: 1.6; }
.lp-guide-link { display: flex; align-items: center; gap: .25rem; margin-top: auto; padding-top: .5rem; color: var(--lp-accent); font-size: .75rem; }
.lp-guide-link .lp-icon { width: .8rem; height: .8rem; }
.lp-calculator-disclosure { margin-top: 1rem; }
.lp-calculator { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--lp-line); border-radius: 1rem; overflow: hidden; background: var(--lp-paper); }
.lp-calculator-inputs { display: grid; gap: 1rem; padding: 1.25rem; }
.lp-calculator-inputs label { display: grid; grid-template-columns: 1fr 6rem; align-items: center; gap: .6rem; font-size: .75rem; line-height: 1.5; }
.lp-small-label { font-size: .7rem; font-weight: 600; }
.lp-input-wrap { display: flex; align-items: center; gap: .3rem; min-height: 2.75rem; border: 1px solid var(--lp-line); border-radius: .6rem; background: var(--lp-background); padding-inline: .6rem; }
.lp-input-wrap input { min-width: 0; width: 100%; min-height: 2.75rem; color: var(--lp-ink); border: 0; background: transparent; font-size: 1rem; }
.lp-input-wrap > span { color: var(--lp-muted); font-size: .625rem; }
.lp-field-note { color: var(--lp-muted); font-size: .7rem; line-height: 1.6; }
.lp-calculator-result { display: flex; flex-direction: column; justify-content: center; padding: 1.5rem; background: var(--lp-blue-soft); }
.lp-calculator-icon { color: var(--lp-accent); margin-bottom: .75rem; }
.lp-calculator-value { margin-top: .5rem; color: var(--lp-ink); font-size: 2.6rem; font-weight: 650; line-height: 1.2; letter-spacing: -.05em; overflow-wrap: anywhere; }
.lp-calculator-message { margin-top: .8rem; font-size: .8125rem; line-height: 1.6; }
.lp-calculator-equation { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; margin-block: 1rem; }
.lp-calculator-equation > span { display: grid; font-size: .625rem; }
.lp-calculator-equation b { font-size: .7rem; color: var(--lp-ink); }
.lp-calculator-equation i { font-size: .7rem; font-style: normal; color: var(--lp-muted); }
.lp-calculator-disclaimer { font-size: .625rem; line-height: 1.7; }
.lp-calculator-error { color: #b42318 !important; font-size: .8125rem; }
.lp-calculator-error:empty { display: none; }
.lp-footer { border-top: 1px solid var(--lp-line); padding-block: .75rem 1rem; }
.lp-footer .lp-wrap { max-width: 42rem; }
.lp-footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .2rem 1rem; color: var(--lp-muted); font-size: .625rem; }
.lp-footer-bottom nav { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.lp-footer-bottom nav a { display: inline-flex; align-items: center; min-height: 2.75rem; gap: .2rem; }
.lp-footer-bottom nav .lp-icon { width: .65rem; height: .65rem; }
.lp-legal { color: var(--lp-muted); font-size: .625rem; }
.lp-legal > summary { display: flex; align-items: center; min-height: 2rem; cursor: pointer; list-style: none; }
.lp-legal > summary::after { content: '⌄'; margin-inline-start: .35rem; }
.lp-legal > summary::-webkit-details-marker { display: none; }
.lp-fineprint { margin-block: .4rem; color: var(--lp-muted); font-size: .625rem; line-height: 1.7; }
.lp-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; padding-top: 1.5rem; color: var(--lp-muted); font-size: .75rem; }
.lp-breadcrumb a { display: inline-flex; align-items: center; min-height: 2.75rem; color: var(--lp-accent); }
.lp-eyebrow { margin-bottom: 1rem; color: var(--lp-accent); font-size: .75rem; font-weight: 500; }
.lp-article-hero { max-width: 56rem; padding-block: 2.5rem 3rem; }
.lp-article-hero h1 { font-size: clamp(2.3rem,5vw,4.25rem); line-height: 1.08; letter-spacing: -.055em; font-weight: 650; text-wrap: balance; }
.lp-article-hero > p:not(.lp-eyebrow) { margin-top: 1.5rem; color: var(--lp-muted); font-size: 1.1rem; line-height: 1.8; }
.lp-article-hero .lp-button { margin-top: 1.5rem; }
.lp-article-layout { display: grid; grid-template-columns: minmax(0,1fr) 16rem; gap: 4rem; margin-top: 1.5rem; padding-top: 3rem; border-top: 1px solid var(--lp-line); }
.lp-article-content > section { margin-bottom: 3rem; }
.lp-article-content h2 { margin-bottom: 1.25rem; font-size: 1.8rem; line-height: 1.2; letter-spacing: -.04em; font-weight: 600; }
.lp-article-content section > p, .lp-article-content section > ul, .lp-article-content section > ol { margin-top: 1rem; color: var(--lp-muted); font-size: 1rem; line-height: 1.9; }
.lp-article-content :is(ul,ol) { padding-inline-start: 1.2rem; }
.lp-article-content li { margin-top: .6rem; padding-inline-start: .25rem; }
.lp-article-content li::marker { color: var(--lp-accent); }
.lp-article-aside { position: sticky; inset-block-start: 5rem; align-self: start; }
.lp-contents { display: flex; flex-direction: column; }
.lp-contents > p { margin-bottom: .5rem; color: var(--lp-muted); font-size: .7rem; font-weight: 600; }
.lp-contents a { display: flex; align-items: center; min-height: 2.75rem; padding-block: .4rem; font-size: .8rem; line-height: 1.6; }
.lp-aside-cta { margin-top: 1.5rem; padding: 1.2rem; border-radius: 1rem; background: var(--lp-blue-soft); }
.lp-aside-cta > .lp-icon { margin-bottom: .8rem; color: var(--lp-accent); }
.lp-aside-cta h2 { font-size: 1.3rem; font-weight: 600; line-height: 1.25; letter-spacing: -.03em; }
.lp-aside-cta p { margin-top: .8rem; color: var(--lp-muted); font-size: .8125rem; line-height: 1.7; }
.lp-aside-cta .lp-text-link { margin-top: .5rem; }
.lp-article-note { display: flex; align-items: flex-start; gap: .7rem; padding: 1.2rem; border-radius: 1rem; background: var(--lp-blue-soft); color: var(--lp-muted); font-size: .8125rem; line-height: 1.8; }
.lp-article-note .lp-icon { margin-top: .3rem; color: var(--lp-accent); }
.lp-related { padding-block: 4rem; }
.lp-section-heading { margin-bottom: 1.75rem; }
.lp-section-heading h2 { font-size: 2rem; font-weight: 600; letter-spacing: -.04em; }
.lp-revealed { animation: lp-appear 180ms var(--lp-ease); }
@keyframes lp-appear { from { opacity: .75; transform: translateY(5px); } to { opacity: 1; transform: none; } }
html[dir='rtl'] :is(h1,h2,h3,p,.lp-brand) { letter-spacing: normal; }
html[dir='rtl'] .lp-hero h1 { line-height: 1.2; }
html[dir='rtl'] .lp-button .lp-icon, html[dir='rtl'] .lp-text-link .lp-icon { transform: scaleX(-1); }
html:lang(zh-Hans) .lp-hero h1, html:lang(ja) .lp-hero h1 { line-height: 1.2; letter-spacing: -.03em; }
@media (hover: hover) and (pointer: fine) {
  .lp-nav-links a:hover, .lp-footer a:hover, .lp-text-link:hover, .lp-contents a:hover { color: var(--lp-accent); text-decoration: underline; text-underline-offset: .2em; }
  .lp-button:hover { opacity: .9; }
  .lp-language-links a:hover { background: var(--lp-soft); }
  .lp-demo-tabs a:hover { color: var(--lp-ink); }
  .lp-guide-card:hover { border-color: var(--lp-accent); }
}
@media (max-width: 1000px) {
  .lp-nav-links { display: none; }
  .lp-language { margin-inline-start: auto; }
  .lp-hero { gap: 2.5rem; }
  .lp-hero h1 { font-size: 3.5rem; }
}
@media (max-width: 800px) {
  .lp-wrap { width: min(100% - 2rem, 32rem); }
  .lp-nav { gap: .5rem; }
  .lp-nav-action { display: none; }
  .lp-nav .lp-brand { font-size: .8rem; }
  .lp-language { position: static; font-size: .7rem; }
  .lp-language > summary { gap: .25rem; }
  .lp-language-panel, .lp-language-panel:modal { position: fixed; inset-block-start: 4.15rem; inset-inline-start: 1rem; inset-inline-end: 1rem; margin-inline: auto; width: min(20rem, calc(100vw - 2rem)); }
  .lp-hero { display: block; padding-block: 2rem 0; }
  .lp-hero-copy { text-align: center; }
  .lp-hero h1 { font-size: clamp(2.5rem,11.3vw,3.3rem); }
  .lp-hero-lead { max-width: 21rem; margin: .85rem auto 0; font-size: .875rem; line-height: 1.6; }
  .lp-hero-actions { justify-content: center; margin-top: 1.1rem; }
  .lp-button { min-height: 2.9rem; padding: .65rem 1.2rem; font-size: .875rem; }
  .lp-hero-note { margin-top: .65rem; font-size: .6875rem; }
  .lp-hero-preview { margin-top: 1.75rem; }
  .lp-demo { border-radius: 1.25rem; }
  .lp-demo-chrome { min-height: 2.65rem; padding: .6rem 1rem; }
  .lp-demo-source { padding: .85rem 1rem .75rem; }
  .lp-demo-tabs { margin-inline: .75rem; }
  .lp-demo-tabs a { font-size: .75rem; }
  .lp-demo-content { height: 11.6rem; padding: 1rem 1.15rem; }
  .lp-demo-panel { min-height: 9.6rem; }
  .lp-demo-panel :is(h2,h3) { font-size: 1.15rem; }
  .lp-demo-panel p:not(.lp-demo-kicker), .lp-demo-panel ul { font-size: .8125rem; }
  .lp-demo-bottom { padding: .6rem 1rem; }
  .lp-values { gap: .4rem; padding-block: 1.25rem; }
  .lp-values li { gap: .3rem; font-size: .625rem; }
  .lp-values .lp-icon { width: .8rem; height: .8rem; }
  .lp-disclosures { margin-bottom: 1rem; }
  .lp-disclosure > summary { min-height: 3.1rem; font-size: .8125rem; }
  .lp-footer .lp-wrap { max-width: 32rem; }
  .lp-footer-bottom { display: block; }
  .lp-footer-bottom p { margin-bottom: .15rem; }
  .lp-footer-bottom nav { gap: 1rem; }
  .lp-footer-bottom nav a { min-height: 2.4rem; }
  .lp-legal > summary { min-height: 1.75rem; }
  .lp-flow, .lp-use-grid { grid-template-columns: 1fr; }
  .lp-calculator { grid-template-columns: 1fr; }
  .lp-guide-grid { grid-template-columns: 1fr; }
  .lp-article-layout { grid-template-columns: 1fr; gap: 2rem; }
  .lp-article-aside { display: none; }
  .lp-article-hero { padding-block: 2rem; }
  .lp-article-hero > p:not(.lp-eyebrow) { font-size: 1rem; }
}
@media (max-width: 350px) {
  .lp-hero { padding-block-start: 1.25rem; }
  .lp-hero-lead { margin-block-start: .5rem; }
  .lp-hero-actions { margin-block-start: .75rem; }
  .lp-hero-preview { margin-block-start: 1rem; }
  .lp-values { padding-block: .75rem; }
  .lp-footer { padding-block: .5rem; }
}
@media (max-width: 359px) {
  .lp-nav .lp-brand { font-size: .75rem; gap: .35rem; }
  .lp-brand-mark { width: 1.6rem; height: 1.6rem; }
  .lp-language > summary .lp-icon { display: none; }
  .lp-values li { flex-direction: column; gap: .35rem; }
}

@media (prefers-reduced-motion: reduce) {
  .lp-revealed { animation: none; }
  .lp-button, .lp-disclosure > summary > span { transition: none; }
  .lp-button:active, .lp-nav-action:active { transform: none; }
}
@media (prefers-reduced-transparency: reduce) { .lp-header { background: var(--lp-background); -webkit-backdrop-filter: none; backdrop-filter: none; } }
@media (prefers-contrast: more) { :root { --lp-muted: var(--lp-ink); --lp-line: var(--lp-ink); } }
@media (forced-colors: active) {
  :root { --lp-background: Canvas; --lp-paper: Canvas; --lp-ink: CanvasText; --lp-muted: CanvasText; --lp-line: CanvasText; --lp-soft: Canvas; --lp-accent: LinkText; --lp-blue-soft: Canvas; --lp-glass: Canvas; }
  .lp-button, .lp-nav-action { background: ButtonFace; color: ButtonText; border: 1px solid ButtonText; }
  .lp-demo-tabs a[aria-selected='true'] { outline: 2px solid Highlight; outline-offset: -2px; }
}

/* Brazil Pasport series (brazilpasport.com): #f5f5f7 canvas, white cards,
   #0067cc links, heavy uppercase headline with the pink-violet-blue gradient. */
:root { --lp-background: #f5f5f7; --lp-paper: #fff; --lp-ink: #1d1d1f; --lp-muted: #68686e; --lp-line: #e8e8ed; --lp-soft: #f0f0f3; --lp-accent: #0067cc; --lp-blue-soft: #f0f6fe; --lp-glass: rgb(245 245 247 / 87%); --lp-gradient: linear-gradient(110deg,#ea418f 5%,#9a52da 49%,#087ce7 96%); --lp-ease: cubic-bezier(.23,1,.32,1); }
.lp-nav { min-height: 4.75rem; }
.lp-brand { gap: .65rem; }
.lp-brand-face { display: block; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: #ffd34d url('kamal-face.svg') center / cover no-repeat; }
.lp-brand > span > bdi { display: block; font-size: 1.15rem; font-weight: 820; letter-spacing: -.04em; line-height: 1.1; text-transform: uppercase; }
.lp-brand-credit { display: block; margin-top: .25rem; color: var(--lp-muted); font-size: .56rem; font-weight: 600; letter-spacing: .07em; }
.lp-nav-links a { font-size: .8rem; font-weight: 600; }
.lp-nav-action { min-height: 2.5rem; padding: .55rem 1.05rem; border-radius: 100px; font-size: .8rem; font-weight: 650; }
.lp-language > summary { border: 0; border-radius: 100px; background: #fff; color: var(--lp-accent); box-shadow: 0 1px 3px #0000000d; }
.lp-hero h1 { font-size: clamp(2.6rem, 5.4vw, 4.4rem); font-weight: 860; line-height: 1.04; letter-spacing: -.045em; text-transform: uppercase; }
.lp-hero h1 span { display: inline-block; margin-top: .3rem; font-size: .62em; font-weight: 760; line-height: 1.16; letter-spacing: -.03em; text-transform: none; color: transparent; background: var(--lp-gradient); -webkit-background-clip: text; background-clip: text; padding-bottom: .06em; }
.lp-hero-lead { color: var(--lp-muted); }
.lp-button { min-height: 3.1rem; padding: .75rem 1.35rem; border-radius: 100px; font-weight: 650; box-shadow: 0 8px 20px #0067cc26; transition: transform .16s var(--lp-ease), background-color .2s ease; }
.lp-button-secondary { box-shadow: 0 1px 3px #0000000d; border-color: transparent; }
.lp-demo { border: 0; border-radius: 25px; box-shadow: 0 14px 30px #1d285b10; }
.lp-demo-chrome-label .lp-brand-face { width: 1.5rem; height: 1.5rem; }
.lp-demo-tabs { border-radius: 100px; }
.lp-demo-tabs a { border-radius: 100px; font-weight: 600; }
.lp-demo-tabs a[aria-selected='true'] { color: var(--lp-accent); }
.lp-demo-panel :is(h2,h3) { font-weight: 780; }
.lp-values .lp-icon { color: var(--lp-accent); }
.lp-disclosures { display: grid; gap: .75rem; }
.lp-disclosure, .lp-disclosure:first-child { padding-inline: 1.4rem; border: 0; border-radius: 22px; background: var(--lp-paper); box-shadow: 0 4px 16px #24244503; }
.lp-disclosure > summary { min-height: 3.6rem; font-size: 1rem; font-weight: 650; letter-spacing: -.01em; }
.lp-disclosure > summary > span { color: var(--lp-accent); font-size: 1.5rem; }
.lp-flow h3, .lp-use-grid h3 { font-weight: 700; }
.lp-faq-item summary { font-weight: 650; }
.lp-guide-card { border: 0; border-radius: 22px; box-shadow: 0 4px 16px #24244503; transition: transform .3s var(--lp-ease), box-shadow .3s var(--lp-ease); }
.lp-guide-card h3 { font-weight: 750; }
.lp-article-hero h1 { font-weight: 820; letter-spacing: -.045em; }
.lp-section-heading h2 { font-weight: 800; letter-spacing: -.045em; }
.lp-footer { border-top: 0; }
@media (hover: hover) and (pointer: fine) {
  .lp-button:hover { background: #005bb5; }
  .lp-button-secondary:hover { background: #e8edf4; }
  .lp-guide-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px #1d285b10; }
}
[dir='rtl'] .lp-hero h1, [dir='rtl'] .lp-brand > span > bdi { letter-spacing: 0; }
@media (max-width: 700px) {
  .lp-nav { min-height: 4.2rem; }
  .lp-brand-face { width: 2.2rem; height: 2.2rem; }
  .lp-brand > span > bdi { font-size: .95rem; }
  .lp-brand-credit { font-size: .5rem; }
  .lp-hero h1 { font-size: clamp(2.1rem, 10vw, 2.8rem); letter-spacing: -.04em; }
  .lp-disclosure, .lp-disclosure:first-child { padding-inline: 1.1rem; border-radius: 20px; }
}

/* 2.0 (14.10.2026): app-home stage on the site — chip with the new icon, uppercase 880
   headline, living «voice → text» strip and the 2×2 platform tiles. */
.lp-v2-chip { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 4px 12px 4px 4px; border: 1px solid #b9d6f7; border-radius: 100px; background: #fff; color: #0066cc; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.lp-v2-chip img { width: 22px; height: 22px; border-radius: 6px; box-shadow: 0 0 0 .5px rgb(0 0 0 / 10%); }
.lp-hero h1 { font-weight: 880; letter-spacing: -.04em; line-height: .98; text-transform: uppercase; }
.lp-hero h1 span { text-transform: none; }
.lp-v2-stage { display: grid; gap: 10px; margin-top: 22px; width: 100%; max-width: 460px; }
.lp-v2-live { display: flex; align-items: center; gap: 12px; height: 58px; padding: 0 16px; border-radius: 20px; background: #fff; box-shadow: 0 1px 0 rgb(0 0 0 / 3%), 0 12px 26px -16px rgb(0 0 0 / 22%); }
.lp-v2-wave { display: flex; align-items: center; gap: 2.5px; height: 30px; flex: none; }
.lp-v2-wave i { width: 3px; height: 30%; border-radius: 2px; background: linear-gradient(110deg, #ea418f 5%, #9a52da 49%, #087ce7 96%); animation: lp-v2-bar 1.1s ease-in-out infinite; }
.lp-v2-arrow { color: #b0b0b8; }
[dir='rtl'] .lp-v2-arrow { transform: scaleX(-1); }
.lp-v2-lines { flex: 1; display: grid; gap: 6px; }
.lp-v2-lines i { display: block; height: 6px; border-radius: 3px; background: #ececf0; transform-origin: left; animation: lp-v2-line 4.5s ease-in-out infinite; }
[dir='rtl'] .lp-v2-lines i { transform-origin: right; }
.lp-v2-lines i:nth-child(2) { width: 82%; animation-delay: .5s; }
.lp-v2-lines i:nth-child(3) { width: 58%; animation-delay: 1s; }
.lp-v2-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.lp-v2-tile { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 12px 8px 14px; border-radius: 20px; background: #fff; color: #1d1d1f; text-decoration: none; box-shadow: 0 1px 0 rgb(0 0 0 / 3%), 0 12px 26px -16px rgb(0 0 0 / 22%); transition: transform .25s cubic-bezier(.2, .8, .2, 1); }
.lp-v2-tile:active { transform: scale(.96); }
.lp-v2-tile strong { font-size: 13px; font-weight: 800; letter-spacing: -.02em; }
.lp-v2-logo { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; animation: lp-v2-float 5s ease-in-out infinite; }
.lp-v2-tile:nth-child(2) .lp-v2-logo { animation-delay: -1.2s; } .lp-v2-tile:nth-child(3) .lp-v2-logo { animation-delay: -2.4s; } .lp-v2-tile:nth-child(4) .lp-v2-logo { animation-delay: -3.6s; }
.lp-v2-logo svg { width: 24px; height: 24px; }
.is-youtube .lp-v2-logo { background: #ff0033; box-shadow: 0 10px 18px -6px rgb(255 0 51 / 45%); }
.is-instagram .lp-v2-logo { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); box-shadow: 0 10px 18px -6px rgb(214 36 159 / 45%); }
.is-tiktok .lp-v2-logo { background: #111; box-shadow: 0 10px 18px -6px rgb(0 0 0 / 40%); }
.is-tiktok .lp-v2-logo svg { filter: drop-shadow(-1.2px -1.2px 0 #25f4ee) drop-shadow(1.2px 1.2px 0 #fe2c55); }
.is-vk .lp-v2-logo { background: #0077ff; box-shadow: 0 10px 18px -6px rgb(0 119 255 / 45%); }
@keyframes lp-v2-bar { 50% { height: 100%; } }
@keyframes lp-v2-line { 0% { transform: scaleX(0); background: #e4dcfa; } 45%, 80% { transform: scaleX(1); background: #ececf0; } 100% { transform: scaleX(1); } }
@keyframes lp-v2-float { 50% { transform: translateY(-4px) rotate(-2deg); } }
@media (hover: hover) and (pointer: fine) { .lp-v2-tile:hover { transform: translateY(-3px); } }
@media (max-width: 760px) { .lp-v2-stage { margin-inline: auto; } .lp-v2-chip { font-size: 10px; } }
@media (prefers-reduced-motion: reduce) { .lp-v2-wave i, .lp-v2-lines i, .lp-v2-logo { animation: none !important; } }

.lp-v2-wave i:nth-child(1) { animation-delay: -0.00s; }
.lp-v2-wave i:nth-child(2) { animation-delay: -0.13s; }
.lp-v2-wave i:nth-child(3) { animation-delay: -0.26s; }
.lp-v2-wave i:nth-child(4) { animation-delay: -0.39s; }
.lp-v2-wave i:nth-child(5) { animation-delay: -0.52s; }
.lp-v2-wave i:nth-child(6) { animation-delay: -0.65s; }
.lp-v2-wave i:nth-child(7) { animation-delay: -0.78s; }
.lp-v2-wave i:nth-child(8) { animation-delay: -0.91s; }
.lp-v2-wave i:nth-child(9) { animation-delay: -1.04s; }
.lp-v2-wave i:nth-child(10) { animation-delay: -0.07s; }
.lp-v2-wave i:nth-child(11) { animation-delay: -0.20s; }
.lp-v2-wave i:nth-child(12) { animation-delay: -0.33s; }
.lp-v2-wave i:nth-child(13) { animation-delay: -0.46s; }
.lp-v2-wave i:nth-child(14) { animation-delay: -0.59s; }